diff --git a/README.md b/README.md
new file mode 100644
index 00000000..c81ce3ae
--- /dev/null
+++ b/README.md
@@ -0,0 +1,309 @@
+# Corona
+
+### IDEA 环境需求
+
+由于项目依赖`org.projectlombok:lombok:1.18.2`，而`Lombok`在`1.18.4`版本做了[重设计](https://projectlombok.org/features/experimental/FieldNameConstants)，不兼容之前版本，因此`IDEA`的`Lombok`插件必须是版本`lombok-plugin-0.23`，这里比较坑，如果升级到版本`1.18.4`以后，插件还是得升级，而且很多API都要改。
+
+插件下载地址：[https://pan.caimi-inc.com/d/b038610394/](https://pan.caimi-inc.com/d/b038610394/)
+
+下载对应版本插件，比如`IDEA 2018.2.x`下载`lombok-plugin-0.23-2018.2.zip`，卸载`IDEA`已安装`Lombok`插件，选择磁盘安装，如下图：
+![安装Lombok插件](doc/images/install-lombok-plugin.png)
+
+### 启动SpringBoot项目
+
+建议先执行mvn编译命令，比如编译模块`CMS`
+
+```bash
+mvn clean compile -am -pl cms -T 2C
+```
+
+### Tigon
+
+#### Controller
+
+如果加注了`@ResponseBody`或者`@RestController`，不做变动，依循`Spring MVC`方式`JSON`序列化返回数据，否则返回`Wacai`接口规范数据格式，如下例：
+
+####  @ResponseBody
+
+```java
+@ResponseBody
+@RequestMapping("/resp-body")
+public String respBody() {
+    return "Response Body";
+}
+```
+
+响应输出
+
+```
+Response Body
+```
+
+#### Wacai JSON API
+
+```java
+@RequestMapping("/resp-body")
+public String respBody() {
+    return "Response Body";
+}
+```
+
+响应输出
+
+```
+{
+    "code": 0,
+    "success": true,
+    "data": "Response Body"
+}
+```
+
+简单来说就是，不加`@ResponseBody`注解，默认会以`Wacai`API规范响应数据结果。
+
+参见以下样例：
+
+I.
+
+```java
+@RequestMapping("/count")
+public int count() {
+    return 1024;
+}
+```
+
+响应输出
+
+```
+{
+    "code": 0,
+    "success": true,
+    "data": 1024
+}
+```
+
+II.
+
+```java
+@RequestMapping("/user-info")
+public Map<String, Object> userInfo() {
+    final Map<String, Object> user = new HashMap<>(4);
+    user.put("name", "Uncle Donghuang");
+    user.put("gender", "MALE");
+    user.put("mobile", "17161787481");
+    user.put("active", true);
+    return user;
+}
+```
+
+响应输出
+
+```
+{
+    "code": 0,
+    "success": true,
+    "data": {
+        "name": "Uncle Donghuang",
+        "gender": "MALE",
+        "mobile": "17161787481",
+        "active": true,
+    }
+}
+```
+
+III.
+
+```java
+@RequestMapping("/error-caused")
+public Map<String, Object> errorCaused() {
+    throw new RuntimeException("Oops, some error caused");
+}
+```
+
+响应输出
+
+```
+{
+    "code": 5000,
+    "success": false,
+    "message": "Oops, some error caused"
+}
+```
+
+#### MyBatis
+
+`MyBatis`做了启动期增强，实例`Mapper`继承了`BaseMapper`之后，会继承获得相关的增删改查等方法，如下例：
+
+##### Model
+
+```java
+import lombok.Getter;
+import lombok.Setter;
+import java.util.Date;
+import com.wacai.tigon.model.M0;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+
+@Getter
+@Setter
+@Table("yo_customer")
+@FieldNameConstants(prefix = "")
+public class Customer extends M0<Integer> {
+    private String name;
+    private String account;
+    private String password;
+    private String note;
+    @NotUpdate
+    protected Date createdTime;
+    protected Date updatedTime;
+    @NotUpdate
+    protected String createdBy;
+    protected String updatedBy;
+    protected boolean active;
+}
+```
+
+##### Mapper
+
+```java
+import com.wacai.tigon.mybatis.BaseMapper;
+
+public interface CustomerMapper extends BaseMapper<Integer, Customer> {
+}
+```
+
+##### Mapper.xml
+```xml
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="com.wacai.loan.yo.mapper.CustomerMapper">
+</mapper>
+```
+
+##### Usage
+
+```java
+@Autowired
+private CustomerMapper customerMapper;
+```
+
+I. 插入
+
+```java
+final Customer customer = new Customer();
+customer.setName("Uncle Donghuang");
+customer.setAccount("donghuang");
+customer.setPassword("qR$#FzM!z9W*");
+customer.setCreatedBy("SYS");
+customer.setCreatedTime(new Date());
+customer.setActive(true);
+customerMapper.insert(customer);
+```
+
+II. 查询
+
+Find by ID
+
+```java
+final Integer id = 1154;
+final Customer customer = customerMapper.find(id);
+```
+
+Find by `Search`
+
+```java
+final Customer customer = customerMapper.find(
+    new Search(Customer.ACCOUNT, "donghuang")
+            .eq(Customer.ACTIVE, true));
+```
+
+List by `Search`
+
+```java
+final List<Customer> customers = customerMapper.list(
+    new Search(Customer.ACTIVE, true)
+            .between(Customer.ID, 1, 1154)
+            .asc(Customer.ACCOUNT)
+            .limit(42));
+```
+
+`Search` API
+
+- `and` And another `Search`
+- `asc` Order ASC
+- `between` Between two values
+- `contains` Value contains string
+- `desc` Order DSC
+- `endsWith` Value ends with string
+- `eq` Eqauls
+- `gt` Greater than
+- `gte` Eqauls or greater than
+- `in` In values
+- `isNull` Value is null
+- `like` Value like
+- `limit` Return rows limit
+- `lt` Less than
+- `lte` Eqauls or less than
+- `ne` Not equals
+- `notIn` Not in values
+- `notNull` Value is not null
+- `offset` Return rows offset
+- `or` Or another `Search`
+- `orderBy` Order by
+- `startsWith` Value starts with string
+
+III. 更新
+
+Update model
+
+```java
+Customer customer = customerMapper.find(
+    new Search(Customer.ACCOUNT, "donghuang")
+            .eq(Customer.ACTIVE, true));
+
+customer.setPassword("g!5KpWdXEB!^");
+customer.setUpdatedBy("SYS");
+customer.setUpdatedTime(new Date());
+customerMapper.update(customer);
+```
+
+Update with map
+
+```java
+final Map<String, Object> update = new HashMap<>(4);
+update.put(Customer.PASSWORD, "g!5KpWdXEB!^");
+update.put(Customer.UPDATED_BY, "SYS");
+update.put(Customer.UPDATED_TIME, new Date());
+
+customerMapper.update(update, 1154);
+// OR
+// customerMapper.update(update, new Search(Customer.ID, 1154));
+```
+
+Set null
+
+```java
+// Update note to null of customer 1154
+customerMapper.setNull(Customer.NOTE, 1154);
+// Update note to null of customer 1154
+customerMapper.setNull(Customer.NOTE, new Search(Customer.ID, 1154));
+// Update note to null of all
+customerMapper.setNull(Customer.NOTE, new Search());
+
+```
+
+IV. 删除
+
+Delete by ID
+
+```java
+customerMapper.delete(1154);
+```
+
+Delete by `Search`
+
+```java
+customerMapper.delete(new Search(Customer.ID, 1154));
+```
+
diff --git a/cms/README.md b/cms/README.md
new file mode 100644
index 00000000..661ff0d1
--- /dev/null
+++ b/cms/README.md
@@ -0,0 +1 @@
+# Yo BR CMS
diff --git a/cms/local-repo/com/pudonghot/yo/yo-cms-web/0.0.1-SNAPSHOT/yo-cms-web-0.0.1-SNAPSHOT.jar b/cms/local-repo/com/pudonghot/yo/yo-cms-web/0.0.1-SNAPSHOT/yo-cms-web-0.0.1-SNAPSHOT.jar
new file mode 100644
index 00000000..2a36f067
Binary files /dev/null and b/cms/local-repo/com/pudonghot/yo/yo-cms-web/0.0.1-SNAPSHOT/yo-cms-web-0.0.1-SNAPSHOT.jar differ
diff --git a/cms/pom.xml b/cms/pom.xml
new file mode 100644
index 00000000..3791ae10
--- /dev/null
+++ b/cms/pom.xml
@@ -0,0 +1,127 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-cms</artifactId>
+    <version>0.0.1-RELEASE</version>
+    <name>Yo CMS</name>
+    <description>Yo CMS</description>
+    <packaging>jar</packaging>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <properties>
+        <spring-boot.run.main-class>com.pudonghot.yo.cms.YoCMS</spring-boot.run.main-class>
+    </properties>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-cms-web</artifactId>
+            <version>0.0.1-SNAPSHOT</version>
+            <scope>system</scope>
+            <systemPath>${project.basedir}/local-repo/com/pudonghot/yo/yo-cms-web/0.0.1-SNAPSHOT/yo-cms-web-0.0.1-SNAPSHOT.jar</systemPath>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-openapi-dto</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.cloud</groupId>
+            <artifactId>spring-cloud-starter-openfeign</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>io.github.openfeign</groupId>
+            <artifactId>feign-httpclient</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>io.github.openfeign</groupId>
+            <artifactId>feign-jackson</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-mapper</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-redis-raw</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-util</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-cellphone-location</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-http-client-apache</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-shiro-cas</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-shiro-cache</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-common</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-service-support</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-web-common</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-web-controller</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-actuator</artifactId>
+        </dependency>
+        <!-- Provided Dependencies -->
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+
+    <build>
+        <plugins>
+            <plugin>
+                <groupId>org.springframework.boot</groupId>
+                <artifactId>spring-boot-maven-plugin</artifactId>
+                <configuration>
+                    <skip>false</skip>
+                    <fork>true</fork>
+                </configuration>
+            </plugin>
+            <plugin>
+                <groupId>pl.project13.maven</groupId>
+                <artifactId>git-commit-id-plugin</artifactId>
+            </plugin>
+        </plugins>
+    </build>
+</project>
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/YoCMS.java b/cms/src/main/java/com/pudonghot/yo/cms/YoCMS.java
new file mode 100644
index 00000000..091ebf87
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/YoCMS.java
@@ -0,0 +1,51 @@
+package com.pudonghot.yo.cms;
+
+import lombok.extern.slf4j.Slf4j;
+import java.util.concurrent.TimeUnit;
+import org.springframework.util.StringUtils;
+import org.springframework.http.CacheControl;
+import org.springframework.boot.SpringApplication;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.cloud.openfeign.EnableFeignClients;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
+import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:56:08
+ */
+@Slf4j
+@EnableFeignClients
+@SpringBootApplication
+public class YoCMS implements WebMvcConfigurer {
+
+    @Value("${site.context-path:}")
+    private String siteContextPath;
+
+    /**
+     * main
+     * @param args args
+     */
+    public static void main(final String[] args) {
+        SpringApplication.run(YoCMS.class, args);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void addResourceHandlers(final ResourceHandlerRegistry registry) {
+        // Assets
+        final String assetsPattern = "/assets/**";
+        final String resourceLocation =  "classpath:/yo-cms/assets/";
+        log.info("Add resource handler [{}] -> [{}].", assetsPattern, resourceLocation);
+
+        registry.addResourceHandler(
+                StringUtils.hasText(siteContextPath) ?
+                        siteContextPath + assetsPattern :
+                        assetsPattern)
+                .addResourceLocations(resourceLocation)
+                .setCacheControl(CacheControl.maxAge(42, TimeUnit.DAYS));
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/annotation/Taggable.java b/cms/src/main/java/com/pudonghot/yo/cms/annotation/Taggable.java
new file mode 100644
index 00000000..6befcd5b
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/annotation/Taggable.java
@@ -0,0 +1,15 @@
+package com.pudonghot.yo.cms.annotation;
+
+import java.lang.annotation.Target;
+import java.lang.annotation.Retention;
+import java.lang.annotation.ElementType;
+import java.lang.annotation.RetentionPolicy;
+
+/**
+ * @author Donghuang <br>
+ * Nov 17, 2019 16:51:56
+ */
+@Target({ElementType.TYPE})
+@Retention(RetentionPolicy.RUNTIME)
+public @interface Taggable {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/annotation/TenantResource.java b/cms/src/main/java/com/pudonghot/yo/cms/annotation/TenantResource.java
new file mode 100644
index 00000000..66335b3d
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/annotation/TenantResource.java
@@ -0,0 +1,22 @@
+package com.pudonghot.yo.cms.annotation;
+
+import java.lang.annotation.Target;
+import java.lang.annotation.Retention;
+import java.lang.annotation.ElementType;
+import java.lang.annotation.RetentionPolicy;
+
+/**
+ * Mark resource is part of tenant
+ * @author Donghuang <br>
+ * Nov 04, 2019 23:06:46
+ */
+@Target({ElementType.TYPE})
+@Retention(RetentionPolicy.RUNTIME)
+public @interface TenantResource {
+
+    /**
+     * search attr
+     * @return true if set search attr
+     */
+    boolean searchAttr() default false;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/auth/AuthRequestFilter.java b/cms/src/main/java/com/pudonghot/yo/cms/auth/AuthRequestFilter.java
new file mode 100644
index 00000000..526fb897
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/auth/AuthRequestFilter.java
@@ -0,0 +1,27 @@
+package com.pudonghot.yo.cms.auth;
+
+import javax.servlet.*;
+import java.io.IOException;
+import lombok.extern.slf4j.Slf4j;
+import javax.servlet.http.HttpServletRequest;
+import org.springframework.stereotype.Component;
+import org.springframework.core.annotation.Order;
+
+/**
+ * @author Donghuang <br>
+ * Nov 17, 2019 16:30:41
+ */
+@Order
+@Slf4j
+@Component
+public class AuthRequestFilter implements Filter {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
+        log.debug("Wrap HTTP servlet request as AUTH request.");
+        filterChain.doFilter(new AuthRequestWrapper((HttpServletRequest) servletRequest), servletResponse);
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/auth/AuthRequestWrapper.java b/cms/src/main/java/com/pudonghot/yo/cms/auth/AuthRequestWrapper.java
new file mode 100644
index 00000000..303102ba
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/auth/AuthRequestWrapper.java
@@ -0,0 +1,68 @@
+package com.pudonghot.yo.cms.auth;
+
+import java.util.*;
+import java.util.function.Function;
+import javax.servlet.http.HttpServletRequest;
+
+import com.pudonghot.yo.cms.form.BasicForm;
+
+import javax.servlet.http.HttpServletRequestWrapper;
+import com.pudonghot.yo.model.domain.BaseDomain;
+
+/**
+ * @author Donghuang <br>
+ * Nov 17, 2019 16:05:39
+ */
+public class AuthRequestWrapper extends HttpServletRequestWrapper implements SessionAbility {
+    private static Map<String, Function<SessionAbility, ?>> AUTH_ELS = new HashMap<>();
+    static {
+        AUTH_ELS.put(BasicForm.TENANT_ID, SessionAbility::getTenantId);
+        AUTH_ELS.put(BasicForm.TENANT_CODE, SessionAbility::getTenantCode);
+        AUTH_ELS.put(BasicForm.AUTH_USER, SessionAbility::getUserAccount);
+        AUTH_ELS.put(BaseDomain.CREATED_BY, SessionAbility::getUserAccount);
+        AUTH_ELS.put(BaseDomain.UPDATED_BY, SessionAbility::getUserAccount);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public AuthRequestWrapper(final HttpServletRequest request) {
+        super(request);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Enumeration<String> getParameterNames() {
+        final Enumeration<String> paramNames = super.getParameterNames();
+
+        if (isAuthenticated()) {
+            final List<String> params = Collections.list(paramNames);
+            params.addAll(AUTH_ELS.keySet());
+            return Collections.enumeration(params);
+        }
+        return paramNames;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String[] getParameterValues(final String name) {
+        final Function<SessionAbility, ?> getter = AUTH_ELS.get(name);
+        return getter != null ? new String[] { getParam(getter) } : super.getParameterValues(name);
+    }
+
+    /**
+     * get params
+     * @param getter getter
+     * @return param string or null
+     */
+    private String getParam(final Function<SessionAbility, ?> getter) {
+        final Object param = getter.apply(this);
+        return param != null ?
+            (param instanceof String ?
+                (String) param : String.valueOf(param)) : null;
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/auth/SessionAbility.java b/cms/src/main/java/com/pudonghot/yo/cms/auth/SessionAbility.java
new file mode 100644
index 00000000..6ca87c52
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/auth/SessionAbility.java
@@ -0,0 +1,108 @@
+package com.pudonghot.yo.cms.auth;
+
+import java.util.Set;
+import com.wacai.tigon.mybatis.Search;
+import org.apache.shiro.SecurityUtils;
+import org.springframework.util.Assert;
+import io.buji.pac4j.subject.Pac4jPrincipal;
+import org.apache.commons.lang3.StringUtils;
+import com.pudonghot.yo.model.ValueTextModel;
+import com.pudonghot.yo.model.domain.Tenant;
+import com.pudonghot.yo.cms.service.TenantService;
+import org.springframework.validation.annotation.Validated;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 17:03:44
+ */
+@Validated
+public interface SessionAbility {
+
+    /**
+     * get tenant id
+     * @return tenant code
+     */
+    default Integer getTenantId() {
+        return getTenant(getUserAccount()).getId();
+    }
+
+    /**
+     * get tenant code
+     * @return tenant code
+     */
+    default String getTenantCode() {
+        return getTenant(getUserAccount()).getCode();
+    }
+
+    /**
+     * get current user tenant
+     * @return current user tenant
+     */
+    default Tenant getTenant() {
+        return getTenant(getUserAccount());
+    }
+
+    /**
+     * get account tenant
+     * @param account account
+     * @return tenant of account
+     */
+    default Tenant getTenant(final String account) {
+        final TenantService tenantService =
+            SessionServiceHolder.getTenantService();
+        final ValueTextModel<String> tenantVt =
+            tenantService.current(account);
+        Assert.state(tenantVt != null, "没有选择租户");
+        final Tenant tenant = tenantService.find(
+            new Search(Tenant.CODE, tenantVt.getValue())
+                .eq(Tenant.ACTIVE, true));
+        Assert.state(tenant != null, "无效租户");
+        return tenant;
+    }
+
+    /**
+     * get auth user account
+     * @return user account
+     */
+    default String getUserAccount() {
+        final Pac4jPrincipal principal =
+            (Pac4jPrincipal) SecurityUtils.getSubject().getPrincipal();
+        // extract email account
+        return principal.getProfile().getId().replaceAll("@.+$", "");
+    }
+
+    /**
+     * return current auth user permissions
+     */
+    default Set<String> getPermissions() {
+        final Pac4jPrincipal principal =
+            (Pac4jPrincipal) SecurityUtils.getSubject().getPrincipal();
+        return principal.getProfile().getPermissions();
+    }
+
+    /**
+     * return current auth user roles
+     * @return current auth user roles
+     */
+    default Set<String> getRoles() {
+        final Pac4jPrincipal principal =
+            (Pac4jPrincipal) SecurityUtils.getSubject().getPrincipal();
+        return principal.getProfile().getRoles();
+    }
+
+    /**
+     * login user name
+     * @return login user name
+     */
+    default String getUsername() {
+        return StringUtils.capitalize(getUserAccount());
+    }
+
+    /**
+     * return true if user is authenticated
+     * @return true if user is authenticated
+     */
+    default boolean isAuthenticated() {
+        return SecurityUtils.getSubject().isAuthenticated();
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/auth/SessionServiceHolder.java b/cms/src/main/java/com/pudonghot/yo/cms/auth/SessionServiceHolder.java
new file mode 100644
index 00000000..863d7158
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/auth/SessionServiceHolder.java
@@ -0,0 +1,33 @@
+package com.pudonghot.yo.cms.auth;
+
+import lombok.Getter;
+import lombok.RequiredArgsConstructor;
+import org.springframework.stereotype.Component;
+import com.pudonghot.yo.cms.service.TenantService;
+import org.springframework.beans.factory.InitializingBean;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 16:57:24
+ */
+@Getter
+@Component
+@RequiredArgsConstructor(onConstructor_ = {@Autowired})
+public class SessionServiceHolder implements InitializingBean {
+    private static SessionServiceHolder holder;
+
+    private final TenantService tenantService;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void afterPropertiesSet() {
+        holder = this;
+    }
+
+    public static TenantService getTenantService() {
+        return holder.tenantService;
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/AgentController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/AgentController.java
new file mode 100644
index 00000000..f7a064c8
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/AgentController.java
@@ -0,0 +1,79 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.auth.SessionAbility;
+import com.pudonghot.yo.cms.form.create.CreateFormAgent;
+import com.pudonghot.yo.cms.form.update.UpdateFormAgent;
+import com.pudonghot.yo.cms.service.AgentGroupService;
+import com.wacai.tigon.form.FormList;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.model.ViewModel;
+import com.pudonghot.yo.model.domain.Queue;
+import com.pudonghot.yo.model.domain.Agent;
+import com.wacai.tigon.web.controller.ArgQuery;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.springframework.stereotype.Controller;
+import com.pudonghot.yo.model.domain.AgentGroup;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.pudonghot.yo.cms.annotation.Taggable;
+import com.pudonghot.yo.cms.service.QueueService;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import com.pudonghot.yo.cms.annotation.TenantResource;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 13:46:16
+ */
+@Controller
+@ListApi(searchCols = {
+    Agent.NAME,
+    Agent.ACCOUNT,
+    Agent.AGENT,
+    Agent.NOTE
+},
+filterCols = {
+    @FilterCol(param = Agent.ACTIVE, type = boolean.class),
+    @FilterCol(param = Agent.GROUP_ID, type = Integer.class),
+    @FilterCol(param = Agent.TYPE, type = Agent.Type.class),
+    @FilterCol(param = Agent.WEBRTC, type = boolean.class),
+    @FilterCol(param = Agent.TAGS, type = Integer.class, searchAttr = true),
+    @FilterCol(param = Agent.QUEUES, type = Integer.class, searchAttr = true)
+})
+@Taggable
+@TenantResource
+@RequestMapping("/agent")
+public class AgentController
+    extends BaseCrudController<Integer,
+        Agent,
+        FormList,
+        CreateFormAgent,
+        UpdateFormAgent> implements SessionAbility {
+    @Autowired
+    private AgentGroupService agentGroupService;
+    @Autowired
+    private QueueService queueService;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void before(final ArgQuery<?> arg) {
+        super.before(arg);
+        arg.getSearch().attr("withQueues", true);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void after(final ArgQuery<?> arg) {
+        super.after(arg);
+        final ViewModel<?> model = arg.getResult();
+        final Integer tenantId = getTenantId();
+        model.setAttr("groupsList", agentGroupService.list(
+            new Search(AgentGroup.TENANT_ID, tenantId)));
+        model.setAttr("queuesList", queueService.list(
+            new Search(Queue.TENANT_ID, tenantId)));
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/AgentGroupController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/AgentGroupController.java
new file mode 100644
index 00000000..4dc24c64
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/AgentGroupController.java
@@ -0,0 +1,74 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.auth.SessionAbility;
+import com.pudonghot.yo.cms.form.create.CreateFormAgentGroup;
+import com.wacai.tigon.form.FormList;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.web.controller.ArgQuery;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.springframework.stereotype.Controller;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.pudonghot.yo.model.domain.AgentGroup;
+import com.pudonghot.yo.cms.annotation.Taggable;
+import com.pudonghot.yo.model.domain.TrunkStrategy;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import com.pudonghot.yo.cms.annotation.TenantResource;
+import com.pudonghot.yo.cms.service.TrunkStrategyService;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.RequestMapping;
+import com.pudonghot.yo.cms.form.update.UpdateFormAgentGroup;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 13:46:16
+ */
+@Controller
+@ListApi(searchCols = {
+    AgentGroup.NAME,
+    AgentGroup.NOTE
+},
+filterCols = {
+    @FilterCol(param = AgentGroup.ACTIVE, type = boolean.class),
+    @FilterCol(param = AgentGroup.PRIVACY_LEVEL, type = String.class),
+    @FilterCol(param = AgentGroup.TRUNK_STRATEGIES, type = Integer.class, searchAttr = true),
+    @FilterCol(param = AgentGroup.TAGS, type = Integer.class, searchAttr = true)
+})
+@Taggable
+@TenantResource
+@RequestMapping("/agent-group")
+public class AgentGroupController
+    extends BaseCrudController<Integer,
+        AgentGroup,
+        FormList,
+        CreateFormAgentGroup,
+        UpdateFormAgentGroup> implements SessionAbility {
+    @Autowired
+    private TrunkStrategyService trunkStrategyService;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void before(final ArgQuery<?> arg) {
+        super.before(arg);
+        arg.getSearch().attr("withTrunkStrategies", true);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void after(final ArgQuery<?> arg) {
+        super.after(arg);
+        arg.getResult().attr("trunkStrategiesList",
+            trunkStrategyService.list(
+                new Search(TrunkStrategy.TENANT_ID, getTenantId())));
+        arg.getResult().attr("privacyLevelsList", AgentGroup.PrivacyLevel.values());
+    }
+
+    @RequestMapping("/privacyLevelsList")
+    public AgentGroup.PrivacyLevel[] privacyLevelsList(){
+        return AgentGroup.PrivacyLevel.values();
+    }
+
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/AreaCodeController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/AreaCodeController.java
new file mode 100644
index 00000000..43121321
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/AreaCodeController.java
@@ -0,0 +1,42 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.auth.SessionAbility;
+import com.pudonghot.yo.cms.form.create.CreateFormAreaCode;
+import com.pudonghot.yo.cms.form.update.UpdateFormAreaCode;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.form.FormList;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.springframework.stereotype.Controller;
+import com.pudonghot.yo.model.domain.AreaCode;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.pudonghot.yo.cms.annotation.Taggable;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import com.pudonghot.yo.cms.annotation.TenantResource;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+/**
+ * Area code is public, has no tenant, @TenantResource on search attr
+ * @author Donghuang <br>
+ * Jan 09, 2018 19:32:00
+ */
+@Slf4j
+@Controller
+@ListApi(searchCols = {
+    AreaCode.CODE,
+    AreaCode.CITY,
+    AreaCode.NOTE
+},
+filterCols = {
+    @FilterCol(param = AreaCode.TAGS, type = Integer.class, searchAttr = true)
+})
+@Taggable
+@TenantResource(searchAttr = true)
+@RequestMapping("/area-code")
+public class AreaCodeController
+    extends BaseCrudController<Integer,
+        AreaCode,
+        FormList,
+        CreateFormAreaCode,
+        UpdateFormAreaCode>
+    implements SessionAbility {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/AuthController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/AuthController.java
new file mode 100644
index 00000000..31625d51
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/AuthController.java
@@ -0,0 +1,61 @@
+package com.pudonghot.yo.cms.controller;
+
+import java.util.Map;
+import java.util.HashMap;
+
+import com.pudonghot.yo.cms.auth.SessionAbility;
+import com.wacai.tigon.mybatis.Search;
+import org.springframework.util.Assert;
+import javax.validation.constraints.NotBlank;
+import org.springframework.stereotype.Controller;
+import com.pudonghot.yo.model.domain.AuthUser;
+import com.pudonghot.yo.cms.service.TenantService;
+import com.pudonghot.yo.cms.service.AuthUserService;
+import com.pudonghot.yo.cms.service.AuthRoleService;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.RequestMapping;
+import com.pudonghot.yo.cms.service.AuthPermissionService;
+
+/**
+ * @author Donghuang <br>
+ * Mar 14, 2017 14:59:22
+ */
+@Controller
+public class AuthController implements SessionAbility {
+    @Autowired
+    private TenantService tenantService;
+    @Autowired
+    private AuthUserService authUserService;
+    @Autowired
+    private AuthRoleService authRoleService;
+    @Autowired
+    private AuthPermissionService authPermissionService;
+
+    @RequestMapping("/auth/info")
+    public Map<String, Object> info() {
+        final Map<String, Object> map = new HashMap<>(4);
+        final String account = getUserAccount();
+        final AuthUser authUser = authUserService.find(
+            new Search(AuthUser.ACCOUNT, account));
+        Assert.state(authUser != null,
+            () -> "No user [" + account + "] found");
+        Assert.state(authUser.getActive(),
+            () -> "User [" + account + "] is not active");
+
+        map.put("account", account);
+        map.put("name", getUsername());
+        map.put("roles", authRoleService.listOfUser(account));
+        map.put("permissions", authPermissionService.listOfUser(account));
+        map.put("tenants", authUser.isAdmin() ?
+            tenantService.listOfAdmin() :
+            tenantService.listOfUser(account));
+        map.put("tenant", tenantService.current(account));
+        return map;
+    }
+
+    @RequestMapping("/auth/switch-tenant")
+    public void switchTenant(@NotBlank @RequestParam("tenant") final String tenant) {
+        tenantService.switchTo(getUserAccount(), tenant);
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/AuthPermissionController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/AuthPermissionController.java
new file mode 100644
index 00000000..04f9cd03
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/AuthPermissionController.java
@@ -0,0 +1,65 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.annotation.Taggable;
+import com.pudonghot.yo.cms.auth.SessionAbility;
+import com.pudonghot.yo.cms.form.create.CreateFormAuthPermission;
+import com.wacai.tigon.form.FormList;
+import com.wacai.tigon.model.ViewModel;
+import com.wacai.tigon.web.controller.ArgQuery;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.springframework.stereotype.Controller;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.pudonghot.yo.cms.service.AuthRoleService;
+import com.pudonghot.yo.model.domain.AuthPermission;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.beans.factory.annotation.Autowired;
+import com.pudonghot.yo.cms.form.update.UpdateFormAuthPermission;
+
+/**
+ * @author Donghuang <br>
+ * Dec 24, 2019 17:24:04
+ */
+@Controller
+@ListApi(searchCols = {
+    AuthPermission.PERMISSION,
+    AuthPermission.NOTE
+},
+filterCols = {
+    @FilterCol(param = AuthPermission.ACTIVE, type = boolean.class),
+    @FilterCol(param = AuthPermission.TAGS, type = Integer.class, searchAttr = true),
+    @FilterCol(param = AuthPermission.ROLES, type = Integer.class, searchAttr = true)
+})
+@Taggable
+@RequestMapping("/auth-permission")
+public class AuthPermissionController
+    extends BaseCrudController<Integer,
+        AuthPermission,
+        FormList,
+        CreateFormAuthPermission,
+        UpdateFormAuthPermission>
+    implements SessionAbility {
+
+    @Autowired
+    private AuthRoleService authRoleService;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void before(final ArgQuery<?> arg) {
+        super.before(arg);
+        arg.getSearch().attr("withRoles", true);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void after(final ArgQuery<?> arg) {
+        super.after(arg);
+
+        final ViewModel<?> model = arg.getResult();
+        model.setAttr("rolesList", authRoleService.list(null));
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/AuthRoleController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/AuthRoleController.java
new file mode 100644
index 00000000..2293a5c7
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/AuthRoleController.java
@@ -0,0 +1,37 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.auth.SessionAbility;
+import com.pudonghot.yo.cms.form.create.CreateFormAuthRole;
+import com.wacai.tigon.form.FormList;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.springframework.stereotype.Controller;
+import com.pudonghot.yo.model.domain.AuthRole;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.pudonghot.yo.cms.annotation.Taggable;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import org.springframework.web.bind.annotation.RequestMapping;
+import com.pudonghot.yo.cms.form.update.UpdateFormAuthRole;
+
+/**
+ * @author Donghuang <br>
+ * Dec 24, 2019 17:13:49
+ */
+@Controller
+@ListApi(searchCols = {
+    AuthRole.ROLE,
+    AuthRole.NOTE
+},
+filterCols = {
+    @FilterCol(param = AuthRole.ACTIVE, type = boolean.class),
+    @FilterCol(param = AuthRole.TAGS, type = Integer.class, searchAttr = true)
+})
+@Taggable
+@RequestMapping("/auth-role")
+public class AuthRoleController
+    extends BaseCrudController<Integer,
+        AuthRole,
+        FormList,
+        CreateFormAuthRole,
+        UpdateFormAuthRole>
+    implements SessionAbility {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/AuthUserController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/AuthUserController.java
new file mode 100644
index 00000000..e08d93e1
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/AuthUserController.java
@@ -0,0 +1,73 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.auth.SessionAbility;
+import com.pudonghot.yo.cms.form.create.CreateFormAuthUser;
+import com.wacai.tigon.form.FormList;
+import com.wacai.tigon.model.ViewModel;
+import com.wacai.tigon.web.controller.ArgQuery;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.springframework.stereotype.Controller;
+import com.pudonghot.yo.model.domain.AuthUser;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.pudonghot.yo.cms.annotation.Taggable;
+import com.pudonghot.yo.cms.service.TenantService;
+import com.pudonghot.yo.cms.service.AuthRoleService;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.RequestMapping;
+import com.pudonghot.yo.cms.form.update.UpdateFormAuthUser;
+
+/**
+ * @author Donghuang <br>
+ * Dec 24, 2019 17:13:49
+ */
+@Controller
+@ListApi(searchCols = {
+    AuthUser.NAME,
+    AuthUser.ACCOUNT,
+    AuthUser.NOTE
+},
+filterCols = {
+    @FilterCol(param = AuthUser.ACTIVE, type = boolean.class),
+    @FilterCol(param = AuthUser.ADMIN, type = boolean.class),
+    @FilterCol(param = AuthUser.TAGS, type = Integer.class, searchAttr = true),
+    @FilterCol(param = AuthUser.ROLES, type = Integer.class, searchAttr = true),
+    @FilterCol(param = AuthUser.TENANTS, type = Integer.class, searchAttr = true)
+})
+@Taggable
+@RequestMapping("/auth-user")
+public class AuthUserController
+    extends BaseCrudController<Integer,
+        AuthUser,
+        FormList,
+        CreateFormAuthUser,
+        UpdateFormAuthUser>
+    implements SessionAbility {
+
+    @Autowired
+    private AuthRoleService authRoleService;
+    @Autowired
+    private TenantService tenantService;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void before(final ArgQuery<?> arg) {
+        super.before(arg);
+        arg.getSearch().attr("withRoles", true)
+            .attr("withTenants", true);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void after(final ArgQuery<?> arg) {
+        super.after(arg);
+
+        final ViewModel<?> model = arg.getResult();
+        model.setAttr("rolesList", authRoleService.list(null));
+        model.setAttr("tenantsList", tenantService.list(null));
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/CallDetailRecordController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/CallDetailRecordController.java
new file mode 100644
index 00000000..0e4b271b
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/CallDetailRecordController.java
@@ -0,0 +1,69 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.auth.SessionAbility;
+import com.pudonghot.yo.cms.form.CallDetailRecordListForm;
+import com.pudonghot.yo.mapper.CallRecordingMapper;
+import com.pudonghot.yo.model.domain.CallDetailRecord;
+import com.pudonghot.yo.model.domain.CallRecording;
+import com.wacai.tigon.model.ViewModel;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.web.controller.ArgQuery;
+import com.wacai.tigon.web.controller.BaseQueryController;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+import java.util.List;
+
+/**
+ * @author bingpo
+ * @date 2020/3/30 下午3:27
+ */
+@Controller
+@ListApi(searchCols = {
+    CallDetailRecord.CONN_ID
+},
+filterCols = {
+    @FilterCol(param = CallDetailRecord.CONN_ID, type = String.class)
+})
+@RequestMapping("/call-detail-record")
+public class CallDetailRecordController
+    extends BaseQueryController<Integer, CallDetailRecord, CallDetailRecordListForm>
+    implements SessionAbility {
+    @Autowired
+    private CallRecordingMapper callRecordingMapper;
+
+    @Override
+    protected void before(ArgQuery<?> arg) {
+        if (arg.getType() == ArgQuery.Type.LIST) {
+            final CallDetailRecordListForm form = (CallDetailRecordListForm) arg.getArg();
+            final Search search = arg.getSearch();
+            search.gt(CallDetailRecord.START_STAMP, form.getStartDate());
+            search.lt(CallDetailRecord.START_STAMP, form.getEndDate());
+            final String connId = form.getConnId();
+            if (StringUtils.isNotBlank(connId)) {
+                search.eq(CallDetailRecord.CONN_ID, connId);
+            }
+
+        }
+    }
+
+    @Override
+    protected void after(ArgQuery<?> arg) {
+        super.after(arg);
+        if (arg.getType() == ArgQuery.Type.LIST) {
+            final ViewModel<List<ViewModel<CallDetailRecord>>> vmList =
+                (ViewModel<List<ViewModel<CallDetailRecord>>>) arg.getResult();
+            vmList.getData().forEach(vm -> {
+                final CallDetailRecord record = vm.getData();
+                if (record.getAnswerStamp() != null) {
+                    vm.setAttr("recording", callRecordingMapper.find(
+                        new Search(CallRecording.CONN_ID, vm.getData().getConnId())));
+                }
+            });
+        }
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/CallingListController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/CallingListController.java
new file mode 100644
index 00000000..a57a861c
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/CallingListController.java
@@ -0,0 +1,91 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.auth.SessionAbility;
+import com.pudonghot.yo.cms.form.create.CreateFormCallingList;
+import com.pudonghot.yo.cms.annotation.TenantResource;
+import com.pudonghot.yo.cms.form.update.UpdateFormCallingList;
+import com.pudonghot.yo.mapper.CampaignMapper;
+import com.pudonghot.yo.model.domain.CallingList;
+import com.pudonghot.yo.model.domain.Campaign;
+import com.wacai.tigon.form.FormList;
+import com.wacai.tigon.model.ViewModel;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.web.controller.ArgQuery;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+import java.util.Map;
+
+/**
+ * @author bingpo
+ * @date 2020/3/16 下午4:00
+ */
+@Controller
+@ListApi(searchCols = {
+    CallingList.PHONE,
+    CallingList.RECORD_KEY,
+    CallingList.TASK_KEY
+},
+filterCols = {
+    @FilterCol(param = CallingList.ACTIVE, type = boolean.class),
+    @FilterCol(param = CallingList.CAMPAIGN_ID, type = Integer.class),
+    @FilterCol(param = CallingList.STATUS, type = String.class),
+})
+@TenantResource
+@RequestMapping("/calling-list")
+public class CallingListController
+    extends BaseCrudController<Integer,
+        CallingList,
+        FormList,
+        CreateFormCallingList,
+        UpdateFormCallingList> implements SessionAbility {
+    @Autowired
+    private CampaignMapper campaignMapper;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void before(final ArgQuery<?> arg) {
+        super.before(arg);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void after(final ArgQuery<?> arg) {
+        super.after(arg);
+        if (arg.getType() == ArgQuery.Type.LIST) {
+            final ViewModel<List<ViewModel<CallingList>>> vmList =
+                (ViewModel<List<ViewModel<CallingList>>>) arg.getResult();
+            vmList.getData().forEach(vm ->
+                vm.setAttr("campaign", campaignMapper.find(new Search(vm.getData().getCampaignId())))
+            );
+        }
+        final ViewModel<?> vm = arg.getResult();
+        vm.setAttr("campaignList", campaignMapper.list(new Search(Campaign.ACTIVE, true)));
+        vm.setAttr("callingListStatus", status());
+    }
+
+    @RequestMapping("/status")
+    public List<Map<String, Object>> status() {
+        CallingList.Status[] statusArr = CallingList.Status.values();
+        List<Map<String, Object>> statusList = new ArrayList<>(statusArr.length);
+        for (CallingList.Status status : CallingList.Status.values()) {
+            statusList.add(
+                new HashMap<String, Object>(4) {{
+                    put("label", status.name());
+                    put("value", status.name());
+            }});
+        }
+        return statusList;
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/CampaignController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/CampaignController.java
new file mode 100644
index 00000000..4094d81c
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/CampaignController.java
@@ -0,0 +1,116 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.auth.SessionAbility;
+import com.pudonghot.yo.cms.form.create.CreateFormCampaign;
+import com.pudonghot.yo.cms.service.CampaignService;
+import com.pudonghot.yo.mapper.RobotCallConfigMapper;
+import com.pudonghot.yo.model.domain.Campaign;
+import com.pudonghot.yo.model.domain.RobotCallConfig;
+import com.pudonghot.yo.model.domain.TrunkStrategy;
+import com.wacai.tigon.form.FormList;
+import com.wacai.tigon.model.ViewModel;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.web.controller.ArgQuery;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.apache.shiro.util.Assert;
+import org.springframework.stereotype.Controller;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.pudonghot.yo.cms.annotation.Taggable;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import com.pudonghot.yo.cms.annotation.TenantResource;
+import com.pudonghot.yo.cms.service.TrunkStrategyService;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.RequestMapping;
+import com.pudonghot.yo.cms.form.update.UpdateFormCampaign;
+import org.springframework.web.bind.annotation.RequestParam;
+
+import java.util.List;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 13:46:16
+ */
+@Controller
+@ListApi(searchCols = {
+    Campaign.NAME,
+    Campaign.NOTE
+},
+filterCols = {
+    @FilterCol(param = Campaign.ACTIVE, type = boolean.class),
+    @FilterCol(param = Campaign.STATUS, type = Campaign.Status.class),
+    @FilterCol(param = Campaign.TYPE, type = Campaign.Type.class),
+    @FilterCol(param = Campaign.TRUNK_STRATEGIES, type = Integer.class, searchAttr = true),
+    @FilterCol(param = Campaign.TAGS, type = Integer.class, searchAttr = true)
+})
+@Taggable
+@TenantResource
+@RequestMapping("/campaign")
+public class CampaignController
+    extends BaseCrudController<Integer,
+        Campaign,
+        FormList,
+        CreateFormCampaign,
+        UpdateFormCampaign> implements SessionAbility {
+    @Autowired
+    private TrunkStrategyService trunkStrategyService;
+    @Autowired
+    private RobotCallConfigMapper robotCallConfigMapper;
+
+    @RequestMapping("/start")
+    public void start(@RequestParam("id") Integer id) {
+        activity(id, Campaign.Status.RUNNING);
+    }
+
+    @RequestMapping("/stop")
+    public void stop(@RequestParam("id") Integer id) {
+        activity(id, Campaign.Status.STOPPED);
+    }
+
+    private void activity(final Integer id, final Campaign.Status status) {
+        final CampaignService campaignService = ((CampaignService) crudService);
+        final Campaign campaign = campaignService.find(new Search(id).eq(Campaign.ACTIVE, true));
+        Assert.state(campaign != null, "无效的外呼活动");
+        campaign.setStatus(status);
+        campaignService.update(campaign);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void before(final ArgQuery<?> arg) {
+        super.before(arg);
+        arg.getSearch().attr("withTrunkStrategies", true);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void after(final ArgQuery<?> arg) {
+        super.after(arg);
+        arg.getResult().attr("trunkStrategiesList",
+            trunkStrategyService.list(
+                new Search(TrunkStrategy.TENANT_ID, getTenantId())));
+        // arg.getResult().attr("stateMachineList", stateMachineList());
+        if (arg.getType() == ArgQuery.Type.LIST) {
+            final ViewModel<List<ViewModel<Campaign>>> vmList =
+                (ViewModel<List<ViewModel<Campaign>>>) arg.getResult();
+            vmList.getData().forEach(vm ->
+                vm.setAttr("running", vm.getData().getStatus() == Campaign.Status.RUNNING)
+            );
+        } else if (arg.getType() == ArgQuery.Type.FIND) {
+            final ViewModel<Campaign> vm = (ViewModel<Campaign>) arg.getResult();
+            final RobotCallConfig robotCallConfig = robotCallConfigMapper.find(
+                new Search(RobotCallConfig.CAMPAIGN_ID, vm.getData().getId()));
+            if (robotCallConfig != null) {
+                vm.setAttr("robotResultTopic", robotCallConfig.getResultTopic());
+                vm.setAttr("robotStateMachineId", robotCallConfig.getStateMachineId());
+                vm.setAttr("robotFetchData", robotCallConfig.getFetchData());
+                vm.setAttr("robotFetchLocal", !robotCallConfig.getFetchLocal());
+                vm.setAttr("robotFetchUrl", robotCallConfig.getFetchUrl());
+                vm.setAttr("robotFetchHeader", robotCallConfig.getFetchHeader());
+            }
+        }
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/GatewayController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/GatewayController.java
new file mode 100644
index 00000000..accbbff6
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/GatewayController.java
@@ -0,0 +1,32 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.form.create.CreateFormGateway;
+import com.wacai.tigon.form.FormList;
+import com.pudonghot.yo.model.domain.Gateway;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.springframework.stereotype.Controller;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import org.springframework.web.bind.annotation.RequestMapping;
+import com.pudonghot.yo.cms.form.update.UpdateFormGateway;
+
+/**
+ * @author Donghuang <br>
+ * Nov 01, 2019 22:53:11
+ */
+@Controller
+@ListApi(searchCols = {
+    Gateway.NAME,
+    Gateway.NOTE
+},
+filterCols = {
+    @FilterCol(param = Gateway.ACTIVE, type = boolean.class)
+})
+@RequestMapping("/gateway")
+public class GatewayController
+    extends BaseCrudController<Integer,
+        Gateway,
+        FormList,
+        CreateFormGateway,
+        UpdateFormGateway> {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/QueueController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/QueueController.java
new file mode 100644
index 00000000..a4356f5e
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/QueueController.java
@@ -0,0 +1,34 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.form.create.CreateFormQueue;
+import com.wacai.tigon.form.FormList;
+import com.pudonghot.yo.model.domain.Queue;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.springframework.stereotype.Controller;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import com.pudonghot.yo.cms.annotation.TenantResource;
+import com.pudonghot.yo.cms.form.update.UpdateFormQueue;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+/**
+ * @author Donghuang <br>
+ * Nov 01, 2019 22:53:11
+ */
+@Controller
+@ListApi(searchCols = {
+    Queue.NAME,
+    Queue.NOTE
+},
+filterCols = {
+    @FilterCol(param = Queue.ACTIVE, type = boolean.class)
+})
+@TenantResource
+@RequestMapping("/queue")
+public class QueueController
+    extends BaseCrudController<Integer,
+        Queue,
+        FormList,
+        CreateFormQueue,
+        UpdateFormQueue> {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/RobotAgentController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/RobotAgentController.java
new file mode 100644
index 00000000..d6d3fc48
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/RobotAgentController.java
@@ -0,0 +1,114 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.auth.SessionAbility;
+import com.pudonghot.yo.cms.form.create.CreateFormRobotAgent;
+import com.pudonghot.yo.cms.annotation.Taggable;
+import com.pudonghot.yo.cms.annotation.TenantResource;
+import com.pudonghot.yo.cms.form.update.UpdateFormRobotAgent;
+import com.pudonghot.yo.cms.service.AgentService;
+import com.pudonghot.yo.cms.service.RobotAgentService;
+import com.pudonghot.yo.model.domain.Agent;
+import com.pudonghot.yo.model.domain.RobotAgent;
+import com.pudonghot.yo.model.ValueTextModel;
+import com.wacai.tigon.form.FormList;
+import com.wacai.tigon.model.ViewModel;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.web.controller.ArgQuery;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+import javax.validation.Valid;
+import java.util.*;
+import java.util.function.Function;
+import java.util.stream.Collectors;
+
+
+/**
+ * @author qiushui <br>
+ * qiushui@wacai.com <br>
+ */
+@Controller
+@ListApi(searchCols = {
+        RobotAgent.ACCOUNT,
+        RobotAgent.AGENT,
+        RobotAgent.BIND_ADDR
+},
+        filterCols = {
+                @FilterCol(param = RobotAgent.ACTIVE, type = boolean.class),
+                @FilterCol(param = RobotAgent.STATUS, type = RobotAgent.Status.class),
+                @FilterCol(param = RobotAgent.BIND_ADDR, type = String.class)
+        })
+@Taggable
+@TenantResource
+@RequestMapping("/robot-agent")
+public class RobotAgentController
+        extends BaseCrudController<Integer,
+        RobotAgent,
+        FormList,
+        CreateFormRobotAgent,
+        UpdateFormRobotAgent> implements SessionAbility {
+
+    @Autowired
+    private AgentService agentService;
+
+
+    @RequestMapping("/batch-create")
+    public void batchCreate(@Valid CreateFormRobotAgent form) {
+        ((RobotAgentService) queryService).batchCreate(form);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void after(final ArgQuery<?> arg) {
+        super.after(arg);
+        final ViewModel<?> model = arg.getResult();
+        model.setAttr("statusList", statusList());
+        model.setAttr("bindAddrList", bindAddrList());
+    }
+
+    public List<ValueTextModel> bindAddrList() {
+        List<ValueTextModel> list = new ArrayList<>();
+        List<RobotAgent> robotAgentList = queryService.list(new Search());
+        Set<String> bindAddressSet = robotAgentList.stream().map(RobotAgent::getBindAddr).filter(item -> !StringUtils.isEmpty(item)).collect(Collectors.toSet());
+        for (String bindAddress : bindAddressSet) {
+            list.add(new ValueTextModel(bindAddress, bindAddress));
+        }
+        return list;
+    }
+
+    public List<ValueTextModel> statusList() {
+        List<ValueTextModel> list = new ArrayList<>();
+        for (RobotAgent.Status status : RobotAgent.Status.values()) {
+            list.add(new ValueTextModel(status.name(), status.name()));
+        }
+        return list;
+    }
+
+    @RequestMapping("/list-agent")
+    public List<ValueTextModel> listAgent() {
+        List<ValueTextModel> list = new ArrayList<>();
+        Integer tenantId = getTenantId();
+        List<Agent> agentList = agentService.list(new Search().eq(Agent.ACTIVE, true)
+                .eq(Agent.TENANT_ID, tenantId).eq(Agent.TYPE, Agent.Type.ROBOT));
+
+        Map<Integer, RobotAgent> robotAgentMap = queryService.list(new Search()).
+                stream().collect(Collectors.toMap(RobotAgent::getAgentId, Function.identity()
+        ));
+        agentList = agentList.stream().
+                filter(item -> !robotAgentMap.keySet().contains(item.getId())).
+                collect(Collectors.toList());
+
+        for (Agent agent : agentList) {
+            list.add(new ValueTextModel(agent.getId(), agent.getAccount()+":"+agent.getAgent()));
+        }
+        return list;
+    }
+
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/SequenceController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/SequenceController.java
new file mode 100644
index 00000000..8d436de4
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/SequenceController.java
@@ -0,0 +1,34 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.form.create.CreateFormSequence;
+import com.pudonghot.yo.cms.annotation.TenantResource;
+import com.wacai.tigon.form.FormList;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.springframework.stereotype.Controller;
+import com.pudonghot.yo.model.domain.Sequence;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import org.springframework.web.bind.annotation.RequestMapping;
+import com.pudonghot.yo.cms.form.update.UpdateFormSequence;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 12:46:49
+ */
+@Controller
+@ListApi(searchCols = {
+    Sequence.NAME,
+    Sequence.NOTE
+},
+filterCols = {
+    @FilterCol(param = Sequence.ACTIVE, type = boolean.class)
+})
+@TenantResource
+@RequestMapping("/sequence")
+public class SequenceController
+    extends BaseCrudController<Integer,
+        Sequence,
+        FormList,
+        CreateFormSequence,
+        UpdateFormSequence> {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/SiteController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/SiteController.java
new file mode 100644
index 00000000..fbf82239
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/SiteController.java
@@ -0,0 +1,22 @@
+package com.pudonghot.yo.cms.controller;
+
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.core.io.Resource;
+import org.springframework.http.ResponseEntity;
+import org.springframework.stereotype.Controller;
+import org.springframework.core.io.ClassPathResource;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:57:14
+ */
+@Slf4j
+@Controller
+public class SiteController {
+
+    @RequestMapping("/")
+    public ResponseEntity<Resource> index() {
+        return ResponseEntity.ok(new ClassPathResource("/yo-cms/index.html"));
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/TagController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/TagController.java
new file mode 100644
index 00000000..40da9291
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/TagController.java
@@ -0,0 +1,51 @@
+package com.pudonghot.yo.cms.controller;
+
+import java.util.Arrays;
+
+import com.pudonghot.yo.cms.auth.SessionAbility;
+import com.pudonghot.yo.cms.form.create.CreateFormTag;
+import com.wacai.tigon.form.FormList;
+import com.pudonghot.yo.model.domain.Tag;
+import com.wacai.tigon.web.controller.ArgQuery;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.springframework.stereotype.Controller;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import com.pudonghot.yo.cms.form.update.UpdateFormTag;
+import com.pudonghot.yo.cms.annotation.TenantResource;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+/**
+ * @author Donghuang <br>
+ * Nov 14, 2019 12:05:22
+ */
+@Controller
+@ListApi(searchCols = {
+    Tag.TAG,
+    Tag.NOTE
+},
+filterCols = {
+    @FilterCol(param = Tag.SCOPE, type = Tag.Scope.class),
+    @FilterCol(param = Tag.ACTIVE, type = boolean.class)
+})
+@TenantResource
+@RequestMapping("/tag")
+public class TagController
+    extends BaseCrudController<Integer,
+        Tag,
+        FormList,
+        CreateFormTag,
+        UpdateFormTag>
+    implements SessionAbility {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void before(final ArgQuery<?> arg) {
+        super.before(arg);
+        arg.getSearch().in(Tag.OWNER,
+            Arrays.asList(Tag.OWNER_COMMON,
+                getUserAccount()));
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/TelecomVendorController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/TelecomVendorController.java
new file mode 100644
index 00000000..b4effa1e
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/TelecomVendorController.java
@@ -0,0 +1,32 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.form.create.CreateFormTelecomVendor;
+import com.wacai.tigon.form.FormList;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.springframework.stereotype.Controller;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.pudonghot.yo.model.domain.TelecomVendor;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import org.springframework.web.bind.annotation.RequestMapping;
+import com.pudonghot.yo.cms.form.update.UpdateFormTelecomVendor;
+
+/**
+ * @author Donghuang <br>
+ * Nov 01, 2019 22:53:11
+ */
+@Controller
+@ListApi(searchCols = {
+    TelecomVendor.NAME,
+    TelecomVendor.NOTE
+},
+filterCols = {
+    @FilterCol(param = TelecomVendor.ACTIVE, type = boolean.class)
+})
+@RequestMapping("/telecom-vendor")
+public class TelecomVendorController
+    extends BaseCrudController<Integer,
+        TelecomVendor,
+        FormList,
+        CreateFormTelecomVendor,
+        UpdateFormTelecomVendor> {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/TenantController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/TenantController.java
new file mode 100644
index 00000000..73bd2078
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/TenantController.java
@@ -0,0 +1,28 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.form.create.CreateFormTenant;
+import com.wacai.tigon.form.FormList;
+import com.pudonghot.yo.model.domain.Tenant;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.springframework.stereotype.Controller;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import com.pudonghot.yo.cms.form.update.UpdateFormTenant;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 16:02:19
+ */
+@Controller
+@ListApi(searchCols = {
+    Tenant.NAME,
+    Tenant.CODE,
+    Tenant.NOTE
+},
+filterCols = {
+    @FilterCol(param = Tenant.ACTIVE, type = boolean.class)
+})
+@RequestMapping("/tenant")
+public class TenantController extends BaseCrudController<Integer, Tenant, FormList, CreateFormTenant, UpdateFormTenant> {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/TenantQueryHook.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/TenantQueryHook.java
new file mode 100644
index 00000000..d9a6feac
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/TenantQueryHook.java
@@ -0,0 +1,82 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.auth.SessionAbility;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.model.ViewModel;
+import com.wacai.tigon.web.controller.ArgQuery;
+import com.pudonghot.yo.model.domain.Agent;
+import org.springframework.stereotype.Component;
+import com.pudonghot.yo.model.domain.ObjectTag;
+import com.pudonghot.yo.cms.service.TagService;
+import com.pudonghot.yo.cms.annotation.Taggable;
+import org.springframework.core.annotation.AnnotationUtils;
+import com.pudonghot.yo.cms.annotation.TenantResource;
+import com.wacai.tigon.web.controller.BaseQueryControllerHook;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Nov 04, 2019 23:05:13
+ */
+@Slf4j
+@Component
+public class TenantQueryHook implements BaseQueryControllerHook, SessionAbility {
+    @Autowired
+    private TagService tagService;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void init(final ArgQuery<?> arg) {
+
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void before(final ArgQuery<?> arg) {
+        final TenantResource tr = AnnotationUtils.findAnnotation(
+            arg.getController(), TenantResource.class);
+        if (tr != null) {
+            final Integer tenantId = getTenantId();
+            if (tr.searchAttr()) {
+                log.debug("Query before: @TenantResource found, add search attr [{}].", tenantId);
+                arg.getSearch().setAttr(
+                    Agent.TENANT_ID, tenantId);
+            }
+            else {
+                log.debug("Query before: @TenantResource found, add search criterion [{}].", tenantId);
+                arg.getSearch().eq(Agent.TENANT_ID, tenantId);
+            }
+        }
+
+        // Taggable
+        final Taggable taggable = AnnotationUtils.findAnnotation(
+            arg.getController(), Taggable.class);
+        if (taggable != null) {
+            log.debug("Query before: @Taggable found, add search attr 'withTags'");
+            arg.getSearch().attr("withTags", true);
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void after(final ArgQuery<?> arg) {
+        final Taggable taggable = AnnotationUtils.findAnnotation(
+            arg.getController(), Taggable.class);
+        if (taggable != null) {
+            final Integer tenantId = getTenantId();
+            log.debug("Query after: @Taggable found, add tenant [{}] tags.", tenantId);
+            final ViewModel<?> result = arg.getResult();
+            if (result != null) {
+                result.setAttr("tagsList", tagService.list(
+                    new Search(ObjectTag.TENANT_ID, tenantId)));
+            }
+        }
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/TrunkAttrController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/TrunkAttrController.java
new file mode 100644
index 00000000..2135db57
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/TrunkAttrController.java
@@ -0,0 +1,36 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.auth.SessionAbility;
+import com.pudonghot.yo.cms.form.create.CreateFormTrunkAttr;
+import com.wacai.tigon.form.FormList;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.springframework.stereotype.Controller;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.pudonghot.yo.model.domain.TrunkAttr;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import com.pudonghot.yo.cms.annotation.TenantResource;
+import org.springframework.web.bind.annotation.RequestMapping;
+import com.pudonghot.yo.cms.form.update.UpdateFormTrunkAttr;
+
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 15:30:57
+ */
+@Controller
+@ListApi(searchCols = {
+    TrunkAttr.ATTR,
+    TrunkAttr.NOTE
+},
+filterCols = {
+    @FilterCol(param = TrunkAttr.ACTIVE, type = boolean.class)
+})
+@TenantResource
+@RequestMapping("/trunk-attr")
+public class TrunkAttrController
+    extends BaseCrudController<Integer,
+        TrunkAttr,
+        FormList,
+        CreateFormTrunkAttr,
+        UpdateFormTrunkAttr>
+    implements SessionAbility {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/TrunkController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/TrunkController.java
new file mode 100644
index 00000000..cee66f0d
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/TrunkController.java
@@ -0,0 +1,119 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.auth.SessionAbility;
+import com.pudonghot.yo.cms.form.create.CreateFormTrunk;
+import com.pudonghot.yo.cms.service.*;
+import com.wacai.tigon.form.FormList;
+import com.wacai.tigon.model.ViewModel;
+import com.wacai.tigon.mybatis.Search;
+import com.pudonghot.yo.model.domain.Agent;
+import com.pudonghot.yo.model.domain.Queue;
+import com.pudonghot.yo.model.domain.Trunk;
+import com.wacai.tigon.web.controller.ArgQuery;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.springframework.stereotype.Controller;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.pudonghot.yo.cms.annotation.Taggable;
+import com.pudonghot.yo.model.domain.TrunkStrategy;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import org.springframework.web.bind.annotation.GetMapping;
+import com.pudonghot.yo.cms.annotation.TenantResource;
+import com.pudonghot.yo.cms.form.update.UpdateFormTrunk;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 12:46:49
+ */
+@Controller
+@ListApi(searchCols = {
+    Trunk.PREFIX,
+    Trunk.CALLER_NUMBER,
+    Trunk.CPN,
+    Trunk.NOTE
+},
+filterCols = {
+    @FilterCol(param = Trunk.ACTIVE, type = boolean.class),
+    @FilterCol(param = Trunk.AREA_CODE, type = String.class),
+    @FilterCol(param = Trunk.OC_ADD_ZERO, type = boolean.class),
+    @FilterCol(param = Trunk.GATEWAY_ID, type = Integer.class),
+    @FilterCol(param = Trunk.TELECOM_VENDOR_ID, type = Integer.class),
+    @FilterCol(param = Trunk.INBOUND_TARGET_TYPE, type = Trunk.InboundTargetType.class),
+    @FilterCol(param = Trunk.TAGS, type = Integer.class, searchAttr = true),
+    @FilterCol(param = Trunk.STRATEGIES, type = Integer.class, searchAttr = true),
+    @FilterCol(param = Trunk.ATTRS, type = Integer.class, searchAttr = true)
+})
+@Taggable
+@TenantResource
+@RequestMapping("/trunk")
+public class TrunkController
+    extends BaseCrudController<Integer,
+        Trunk,
+        FormList,
+        CreateFormTrunk,
+        UpdateFormTrunk>
+    implements SessionAbility {
+
+    @Autowired
+    private AreaCodeService areaCodeService;
+    @Autowired
+    private TelecomVendorService telecomVendorService;
+    @Autowired
+    private GatewayService gatewayService;
+    @Autowired
+    private TrunkStrategyService trunkStrategyService;
+    @Autowired
+    private TrunkAttrService trunkAttrService;
+    @Autowired
+    private AgentService agentService;
+    @Autowired
+    private QueueService queueService;
+
+    /**
+     * inbound target types
+     *
+     * @return inbound target types
+     */
+    @GetMapping("/inbound-target-types")
+    public Trunk.InboundTargetType[] inboundTargetTypes() {
+        return Trunk.InboundTargetType.values();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void before(final ArgQuery<?> arg) {
+        super.before(arg);
+        arg.getSearch().attr("withStrategies", true);
+        arg.getSearch().attr("withAttrs", true);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void after(final ArgQuery<?> arg) {
+        super.after(arg);
+
+        final ViewModel<?> model = arg.getResult();
+        model.setAttr("gatewaysList", gatewayService.list(null));
+        model.setAttr("telecomVendorsList", telecomVendorService.list(null));
+        final Integer tenantId = getTenantId();
+        model.setAttr("trunkStrategiesList", trunkStrategyService.list(
+            new Search(TrunkStrategy.TENANT_ID, tenantId)));
+        model.setAttr("trunkAttrsList", trunkAttrService.list(
+            new Search(TrunkStrategy.TENANT_ID, tenantId)));
+        model.setAttr("inboundTargetTypesList",
+            Trunk.InboundTargetType.values());
+        model.attr("agentsList", agentService.list(
+            new Search(Agent.TENANT_ID, tenantId)));
+        model.attr("queuesList", queueService.list(
+            new Search(Queue.TENANT_ID, tenantId)));
+
+        if (arg.getType() == ArgQuery.Type.LIST) {
+            model.setAttr("areaCodes", areaCodeService.list(null));
+        }
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/TrunkProhibitedAreaCodeController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/TrunkProhibitedAreaCodeController.java
new file mode 100644
index 00000000..d6a050e9
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/TrunkProhibitedAreaCodeController.java
@@ -0,0 +1,33 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import com.pudonghot.yo.cms.form.create.CreateFormTrunkProhibitedAreaCode;
+import com.wacai.tigon.form.FormList;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.springframework.stereotype.Controller;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import com.pudonghot.yo.cms.annotation.TenantResource;
+import org.springframework.web.bind.annotation.RequestMapping;
+import com.pudonghot.yo.model.domain.TrunkProhibitedAreaCode;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 19:01:50
+ */
+@Controller
+@ListApi(searchCols = {
+    TrunkProhibitedAreaCode.NOTE
+},
+filterCols = {
+    @FilterCol(param = TrunkProhibitedAreaCode.ACTIVE, type = boolean.class)
+})
+@TenantResource
+@RequestMapping("/trunk-prohibited-area-code")
+public class TrunkProhibitedAreaCodeController
+    extends BaseCrudController<Integer,
+        TrunkProhibitedAreaCode,
+        FormList,
+        CreateFormTrunkProhibitedAreaCode,
+        BaseUpdateForm> {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/controller/TrunkStrategyController.java b/cms/src/main/java/com/pudonghot/yo/cms/controller/TrunkStrategyController.java
new file mode 100644
index 00000000..4f51a6e0
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/controller/TrunkStrategyController.java
@@ -0,0 +1,52 @@
+package com.pudonghot.yo.cms.controller;
+
+import com.pudonghot.yo.cms.form.create.CreateFormTrunkStrategy;
+import com.pudonghot.yo.cms.form.update.UpdateFormTrunkStrategy;
+import com.wacai.tigon.form.FormList;
+import com.wacai.tigon.model.ViewModel;
+import com.wacai.tigon.web.controller.ArgQuery;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.springframework.stereotype.Controller;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.pudonghot.yo.model.domain.TrunkStrategy;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import com.pudonghot.yo.cms.annotation.TenantResource;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 19:01:50
+ */
+@Controller
+@ListApi(searchCols = {
+    TrunkStrategy.NAME,
+    TrunkStrategy.NOTE
+},
+filterCols = {
+    @FilterCol(param = TrunkStrategy.STRATEGY, type = TrunkStrategy.Strategy.class),
+    @FilterCol(param = TrunkStrategy.ACTIVE, type = boolean.class)
+})
+@TenantResource
+@RequestMapping("/trunk-strategy")
+public class TrunkStrategyController
+    extends BaseCrudController<Integer,
+        TrunkStrategy,
+        FormList,
+        CreateFormTrunkStrategy,
+        UpdateFormTrunkStrategy> {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void after(final ArgQuery<?> arg) {
+        super.after(arg);
+        final ViewModel<?> model = arg.getResult();
+        model.setAttr("strategiesList", TrunkStrategy.Strategy.values());
+    }
+
+    @RequestMapping("/strategies")
+    public TrunkStrategy.Strategy[] strategies() {
+        return TrunkStrategy.Strategy.values();
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/BaseBatchForm.java b/cms/src/main/java/com/pudonghot/yo/cms/form/BaseBatchForm.java
new file mode 100644
index 00000000..a8bad5f6
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/BaseBatchForm.java
@@ -0,0 +1,18 @@
+package com.pudonghot.yo.cms.form;
+
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.NotEmpty;
+
+/**
+ * @author Donghuang <br>
+ * Nov 25, 2019 14:55:34
+ */
+@Setter
+@Getter
+public class BaseBatchForm extends BasicForm implements SessionForm {
+    @NotNull
+    @NotEmpty
+    private Integer[] ids;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/BaseCreateForm.java b/cms/src/main/java/com/pudonghot/yo/cms/form/BaseCreateForm.java
new file mode 100644
index 00000000..2cbcde09
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/BaseCreateForm.java
@@ -0,0 +1,34 @@
+package com.pudonghot.yo.cms.form;
+
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.form.FormCreateApi;
+
+/**
+ * @author Donghuang <br>
+ * Jun 21, 2017 18:01
+ */
+@Getter
+public class BaseCreateForm extends BasicForm implements FormCreateApi {
+    @NotBlank
+    private String createdBy;
+    @Setter
+    private boolean active = true;
+    @Setter
+    private String note;
+
+    /**
+     * set login user
+     * @param loginUser login user
+     */
+    @Override
+    public void setAuthUser(final String loginUser) {
+        setCreatedBy(loginUser);
+    }
+
+    public void setCreatedBy(final String createdBy) {
+        super.setAuthUser(createdBy);
+        this.createdBy = createdBy;
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/BaseUpdateForm.java b/cms/src/main/java/com/pudonghot/yo/cms/form/BaseUpdateForm.java
new file mode 100644
index 00000000..705b25af
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/BaseUpdateForm.java
@@ -0,0 +1,42 @@
+package com.pudonghot.yo.cms.form;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.form.FU0;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.NotBlank;
+
+/**
+ * @author Donghuang <br>
+ * Jun 21, 2017 18:05
+ */
+@Getter
+public class BaseUpdateForm extends FU0<Integer> implements SessionForm {
+    @Setter
+    @NotNull
+    private Integer tenantId;
+    @Setter
+    @NotBlank
+    private String tenantCode;
+    @NotBlank
+    private String authUser;
+    @NotBlank
+    private String updatedBy;
+    @Setter
+    private boolean active;
+    @Setter
+    private String note;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void setAuthUser(final String authUser) {
+        setUpdatedBy(authUser);
+    }
+
+    public void setUpdatedBy(final String updatedBy) {
+        this.authUser = updatedBy;
+        this.updatedBy = updatedBy;
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/BasicForm.java b/cms/src/main/java/com/pudonghot/yo/cms/form/BasicForm.java
new file mode 100644
index 00000000..9b60b72d
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/BasicForm.java
@@ -0,0 +1,24 @@
+package com.pudonghot.yo.cms.form;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.form.BaseForm;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.NotBlank;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Jun 21, 2017 18:01
+ */
+@Getter
+@Setter
+@FieldNameConstants(prefix = "")
+public class BasicForm extends BaseForm implements SessionForm {
+    @NotNull
+    private Integer tenantId;
+    @NotBlank
+    private String tenantCode;
+    @NotBlank
+    private String authUser;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/BatchForm.java b/cms/src/main/java/com/pudonghot/yo/cms/form/BatchForm.java
new file mode 100644
index 00000000..9f0b6e6c
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/BatchForm.java
@@ -0,0 +1,17 @@
+package com.pudonghot.yo.cms.form;
+
+import lombok.Getter;
+import lombok.Setter;
+import java.util.List;
+import javax.validation.constraints.NotEmpty;
+
+/**
+ * @author Donghuang <br>
+ * Jun 21, 2017 18:01
+ */
+@Setter
+@Getter
+public class BatchForm<T> extends BasicForm {
+    @NotEmpty
+    private List<T> ids;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/CallDetailRecordListForm.java b/cms/src/main/java/com/pudonghot/yo/cms/form/CallDetailRecordListForm.java
new file mode 100644
index 00000000..9e70f19f
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/CallDetailRecordListForm.java
@@ -0,0 +1,21 @@
+package com.pudonghot.yo.cms.form;
+
+import com.wacai.tigon.form.FormList;
+import lombok.Getter;
+import lombok.Setter;
+
+import java.util.Date;
+
+/**
+ * @author bingpo
+ * @date 2020/3/30 下午5:09
+ */
+@Getter
+@Setter
+public class CallDetailRecordListForm extends FormList {
+
+    private Date startDate;
+    private Date endDate;
+    private String connId;
+
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/RobotConfigForm.java b/cms/src/main/java/com/pudonghot/yo/cms/form/RobotConfigForm.java
new file mode 100644
index 00000000..b78e01ac
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/RobotConfigForm.java
@@ -0,0 +1,20 @@
+package com.pudonghot.yo.cms.form;
+
+import lombok.Getter;
+import lombok.Setter;
+
+/**
+ * @author bingpo
+ * @date 2020/3/30 下午2:19
+ */
+@Getter
+@Setter
+public class RobotConfigForm {
+    private Boolean robotConfig;
+    private Boolean robotFetchData;
+    private String robotResultTopic;
+    private Integer robotStateMachineId;
+    private Boolean robotFetchLocal;
+    private String robotFetchUrl;
+    private String robotFetchHeader;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/SessionForm.java b/cms/src/main/java/com/pudonghot/yo/cms/form/SessionForm.java
new file mode 100644
index 00000000..9a1f7773
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/SessionForm.java
@@ -0,0 +1,45 @@
+package com.pudonghot.yo.cms.form;
+
+import com.wacai.tigon.form.BaseFormApi;
+
+/**
+ * @author Donghuang <br>
+ * Nov 15, 2019 21:27:22
+ */
+public interface SessionForm extends BaseFormApi {
+    /**
+     * get tenant id
+     * @return tenant id
+     */
+    Integer getTenantId();
+
+    /**
+     * set tenant id
+     * @param tenantId tenant id
+     */
+    void setTenantId(Integer tenantId);
+
+    /**
+     * get tenant code
+     * @return tenant code
+     */
+    String getTenantCode();
+
+    /**
+     * set tenant code
+     * @param tenantCode tenant code
+     */
+    void setTenantCode(String tenantCode);
+
+    /**
+     * get auth user
+     * @return auth user
+     */
+    String getAuthUser();
+
+    /**
+     * set auth user
+     * @param authUser auth user
+     */
+    void setAuthUser(String authUser);
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/TaggableForm.java b/cms/src/main/java/com/pudonghot/yo/cms/form/TaggableForm.java
new file mode 100644
index 00000000..16af1d86
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/TaggableForm.java
@@ -0,0 +1,20 @@
+package com.pudonghot.yo.cms.form;
+
+/**
+ * @author Donghuang <br>
+ * Nov 15, 2019 22:44:17
+ */
+public interface TaggableForm {
+
+    /**
+     * get tags
+     * @return tags
+     */
+    Integer[] getTags();
+
+    /**
+     * set tags
+     * @param tags tags
+     */
+    void setTags(Integer[] tags);
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/BatchCreateFromNlpNodeSample.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/BatchCreateFromNlpNodeSample.java
new file mode 100644
index 00000000..3b088328
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/BatchCreateFromNlpNodeSample.java
@@ -0,0 +1,25 @@
+package com.pudonghot.yo.cms.form.create;
+
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+import com.wacai.tigon.format.annotation.Trim;
+import lombok.Getter;
+import lombok.Setter;
+
+import javax.validation.constraints.NotBlank;
+import javax.validation.constraints.NotNull;
+
+/**
+ * @author: qiushui
+ * @date: 2020-03-16 16:26
+ */
+@Setter
+@Getter
+public class BatchCreateFromNlpNodeSample extends BaseCreateForm{
+    @NotNull
+    private Integer nodeId;
+    @NotNull
+    private Integer componentId;
+    @Trim
+    @NotBlank(message = "样本不能为空")
+    private String sampleTexts;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormAgent.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormAgent.java
new file mode 100644
index 00000000..9c94692b
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormAgent.java
@@ -0,0 +1,36 @@
+package com.pudonghot.yo.cms.form.create;
+
+import lombok.Getter;
+import lombok.Setter;
+
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.format.annotation.Trim;
+import com.pudonghot.yo.model.domain.Agent;
+import org.hibernate.validator.constraints.Range;
+import com.pudonghot.yo.cms.form.TaggableForm;
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 12:51:22
+ */
+@Getter
+@Setter
+public class CreateFormAgent extends BaseCreateForm implements TaggableForm {
+    @NotNull
+    private Integer groupId;
+    @NotNull
+    private Agent.Type type;
+    private boolean webrtc;
+    @Trim
+    @NotBlank
+    private String name;
+    @Trim
+    @NotBlank
+    private String account;
+    @Range(min = 0, max = 120)
+    private int wrapUpTime;
+    private Integer[] queues;
+    private Integer[] tags;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormAgentGroup.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormAgentGroup.java
new file mode 100644
index 00000000..3af6809e
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormAgentGroup.java
@@ -0,0 +1,24 @@
+package com.pudonghot.yo.cms.form.create;
+
+import com.pudonghot.yo.model.domain.AgentGroup;
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.format.annotation.Trim;
+import com.pudonghot.yo.cms.form.TaggableForm;
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+
+/**
+ * @author Donghuang <br>
+ * Nov 16, 2019 11:27:56
+ */
+@Getter
+@Setter
+public class CreateFormAgentGroup extends BaseCreateForm implements TaggableForm {
+    @Trim
+    @NotBlank
+    private String name;
+    private AgentGroup.PrivacyLevel privacyLevel;
+    private Integer[] trunkStrategies;
+    private Integer[] tags;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormAreaCode.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormAreaCode.java
new file mode 100644
index 00000000..96322ff5
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormAreaCode.java
@@ -0,0 +1,25 @@
+package com.pudonghot.yo.cms.form.create;
+
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+import com.pudonghot.yo.cms.form.TaggableForm;
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.format.annotation.Trim;
+
+/**
+ * @author Donghuang <br>
+ * Nov 15, 2019 19:12:48
+ */
+@Getter
+@Setter
+public class CreateFormAreaCode extends BaseCreateForm implements TaggableForm {
+
+    @Trim
+    @NotBlank
+    private String code;
+    @Trim
+    @NotBlank
+    private String city;
+    private Integer[] tags;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormAuthPermission.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormAuthPermission.java
new file mode 100644
index 00000000..cc4c18d0
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormAuthPermission.java
@@ -0,0 +1,24 @@
+package com.pudonghot.yo.cms.form.create;
+
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotBlank;
+import javax.validation.constraints.Pattern;
+import com.wacai.tigon.format.annotation.Trim;
+import com.pudonghot.yo.cms.form.TaggableForm;
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+
+/**
+ * @author Donghuang <br>
+ * Dec 24, 2019 16:48:12
+ */
+@Getter
+@Setter
+public class CreateFormAuthPermission extends BaseCreateForm implements TaggableForm {
+    @Trim
+    @NotBlank
+    @Pattern(regexp = "^\\w+$")
+    private String permission;
+    private Integer[] roles;
+    private Integer[] tags;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormAuthRole.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormAuthRole.java
new file mode 100644
index 00000000..6bf01ba2
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormAuthRole.java
@@ -0,0 +1,23 @@
+package com.pudonghot.yo.cms.form.create;
+
+import com.pudonghot.yo.cms.form.TaggableForm;
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.Pattern;
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.format.annotation.Trim;
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+
+/**
+ * @author Donghuang <br>
+ * Dec 24, 2019 16:43:31
+ */
+@Getter
+@Setter
+public class CreateFormAuthRole extends BaseCreateForm implements TaggableForm {
+    @Trim
+    @NotBlank
+    @Pattern(regexp = "^\\w+$")
+    private String role;
+    private Integer[] tags;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormAuthUser.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormAuthUser.java
new file mode 100644
index 00000000..82f8669b
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormAuthUser.java
@@ -0,0 +1,27 @@
+package com.pudonghot.yo.cms.form.create;
+
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.format.annotation.Trim;
+import com.pudonghot.yo.cms.form.TaggableForm;
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+
+/**
+ * @author Donghuang <br>
+ * Dec 24, 2019 16:43:24
+ */
+@Getter
+@Setter
+public class CreateFormAuthUser extends BaseCreateForm implements TaggableForm {
+    @Trim
+    @NotBlank
+    private String name;
+    @Trim
+    @NotBlank
+    private String account;
+    private boolean admin;
+    private Integer[] tenants;
+    private Integer[] roles;
+    private Integer[] tags;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormCallingList.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormCallingList.java
new file mode 100644
index 00000000..e6975774
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormCallingList.java
@@ -0,0 +1,31 @@
+package com.pudonghot.yo.cms.form.create;
+
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+import com.pudonghot.yo.model.domain.CallingList;
+import com.wacai.tigon.format.annotation.Trim;
+import lombok.Getter;
+import lombok.Setter;
+
+import javax.validation.constraints.NotBlank;
+import javax.validation.constraints.NotNull;
+
+/**
+ * @author bingpo
+ * @date 2020/3/16 下午3:46
+ */
+@Getter
+@Setter
+public class CreateFormCallingList extends BaseCreateForm {
+    @NotNull
+    private Integer campaignId;
+    @Trim
+    @NotBlank
+    private String phone;
+    private CallingList.Status status;
+    private Integer dailyFrom;
+    private Integer dailyTo;
+    private String taskKey;
+    private String recordKey;
+    private String recordData;
+    private String attachedData;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormCampaign.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormCampaign.java
new file mode 100644
index 00000000..73d497d4
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormCampaign.java
@@ -0,0 +1,36 @@
+package com.pudonghot.yo.cms.form.create;
+
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.format.annotation.Trim;
+import com.pudonghot.yo.model.domain.Campaign;
+import com.pudonghot.yo.cms.form.TaggableForm;
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+
+/**
+ * @author Donghuang <br>
+ * Nov 16, 2019 11:27:56
+ */
+@Getter
+@Setter
+public class CreateFormCampaign extends BaseCreateForm implements TaggableForm {
+    @Trim
+    @NotBlank
+    private String name;
+    @NotNull
+    private Campaign.Type type;
+    @Trim
+    @NotBlank
+    private String target;
+    private Integer[] trunkStrategies;
+    private Integer[] tags;
+    private Boolean robotConfig;
+    private Boolean robotFetchData;
+    private String robotResultTopic;
+    private Integer robotStateMachineId;
+    private Boolean robotFetchLocal;
+    private String robotFetchUrl;
+    private String robotFetchHeader;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormGateway.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormGateway.java
new file mode 100644
index 00000000..d3426493
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormGateway.java
@@ -0,0 +1,118 @@
+package com.pudonghot.yo.cms.form.create;
+
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+import com.wacai.tigon.format.annotation.Trim;
+import lombok.Getter;
+import lombok.Setter;
+
+import javax.validation.constraints.NotBlank;
+
+/**
+ * @author Donghuang <br>
+ * Nov 01, 2019 16:11:13
+ */
+@Getter
+@Setter
+public class CreateFormGateway extends BaseCreateForm {
+    /**
+     * Gateway name
+     */
+    @Trim
+    @NotBlank
+    private String name;
+
+    /**
+     * Auth realm: *optional* same as gateway name, if blank
+     */
+    private String realm;
+
+    /**
+     * Account username *required*
+     */
+    private String username;
+
+    /**
+     * Account password *required*
+     */
+    private String password;
+
+    /**
+     * Username to use in from: *optional* same as  username, if blank
+     */
+    private String fromUser;
+
+    /**
+     * Domain to use in from: *optional* same as  realm, if blank
+     */
+    private String fromDomain;
+
+    /**
+     * Extension for inbound calls: *optional* same as username, if blank
+     */
+    private String extension;
+
+    /**
+     * Proxy host: *optional* same as realm, if blank
+     */
+    private String proxy;
+
+    /**
+     * Send register to this proxy: *optional* same as proxy, if blank
+     */
+    private String registerProxy;
+
+    /**
+     * Expire in seconds: *optional* 3600, if blank
+     */
+    private String expireSeconds;
+
+    /**
+     * Do not register
+     */
+    private String register;
+
+    /**
+     * Which transport to use for register
+     */
+    private String registerTransport;
+
+    /**
+     * how many seconds before a retry when a failure or timeout occurs
+     */
+    private String retrySeconds;
+
+    /**
+     * Use the callerid of an inbound call in the from field on outbound calls via this gateway
+     */
+    private String callerIdInFrom;
+
+    /**
+     * Extra sip params to send in the contact
+     */
+    private String contactParams;
+
+    /**
+     * Put the extension in the contact
+     */
+    private String extensionInContact;
+
+    /**
+     * Send an options ping every x seconds, failure will unregister and/or mark it down
+     */
+    private String ping;
+
+    /**
+     * CID type
+     */
+    private String cidType;
+
+    /**
+     * RFC5626 : Abilitazione rfc5626
+     */
+    private String rfc5626;
+
+    /**
+     * RFC5626 : extra sip params to send in the contact
+     */
+    private String regId;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormQueue.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormQueue.java
new file mode 100644
index 00000000..e7a5e310
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormQueue.java
@@ -0,0 +1,17 @@
+package com.pudonghot.yo.cms.form.create;
+
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotBlank;
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+
+/**
+ * @author Donghuang <br>
+ * Nov 16, 2019 12:40:42
+ */
+@Getter
+@Setter
+public class CreateFormQueue extends BaseCreateForm {
+    @NotBlank
+    private String name;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormRobotAgent.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormRobotAgent.java
new file mode 100644
index 00000000..fc6a3fdb
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormRobotAgent.java
@@ -0,0 +1,18 @@
+package com.pudonghot.yo.cms.form.create;
+
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+import lombok.Getter;
+import lombok.Setter;
+
+import javax.validation.constraints.NotNull;
+
+/**
+ * @author qiushui <br>
+ */
+@Getter
+@Setter
+public class CreateFormRobotAgent extends BaseCreateForm  {
+    @NotNull
+    private Integer[] agentIds;
+
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormSequence.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormSequence.java
new file mode 100644
index 00000000..977d4598
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormSequence.java
@@ -0,0 +1,29 @@
+package com.pudonghot.yo.cms.form.create;
+
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.Min;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.Pattern;
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.format.annotation.Trim;
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 13:44:03
+ */
+@Getter
+@Setter
+public class CreateFormSequence extends BaseCreateForm {
+    @Trim
+    @NotBlank
+    @Pattern(regexp = "^\\w+$", message = "序列名必须是字母数字下划线构成")
+    private String name;
+    @Min(1)
+    @NotNull
+    private Long initVal;
+    @Min(1)
+    @NotNull
+    private Long step;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTag.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTag.java
new file mode 100644
index 00000000..b5f69391
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTag.java
@@ -0,0 +1,26 @@
+package com.pudonghot.yo.cms.form.create;
+
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.NotBlank;
+import com.pudonghot.yo.model.domain.Tag;
+import com.wacai.tigon.format.annotation.Trim;
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+
+/**
+ * @author Donghuang <br>
+ * Nov 01, 2019 16:11:13
+ */
+@Getter
+@Setter
+public class CreateFormTag extends BaseCreateForm {
+    @Trim
+    @NotBlank
+    private String tag;
+    @Trim
+    @NotBlank
+    private String bgcolor;
+    @NotNull
+    private Tag.Scope scope;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTelecomVendor.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTelecomVendor.java
new file mode 100644
index 00000000..55f0cdd1
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTelecomVendor.java
@@ -0,0 +1,19 @@
+package com.pudonghot.yo.cms.form.create;
+
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.format.annotation.Trim;
+
+/**
+ * @author Donghuang <br>
+ * Nov 01, 2019 16:11:13
+ */
+@Getter
+@Setter
+public class CreateFormTelecomVendor extends BaseCreateForm {
+    @Trim
+    @NotBlank
+    private String name;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTenant.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTenant.java
new file mode 100644
index 00000000..572eb626
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTenant.java
@@ -0,0 +1,25 @@
+package com.pudonghot.yo.cms.form.create;
+
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.format.annotation.Trim;
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+
+/**
+ * @author Donghuang <br>
+ * Nov 01, 2019 16:11:13
+ */
+@Getter
+@Setter
+public class CreateFormTenant extends BaseCreateForm {
+    @Trim
+    @NotBlank
+    private String name;
+    @Trim
+    @NotBlank
+    private String code;
+    @Trim
+    @NotBlank
+    private String realm;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTrunk.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTrunk.java
new file mode 100644
index 00000000..f7873eb7
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTrunk.java
@@ -0,0 +1,79 @@
+package com.pudonghot.yo.cms.form.create;
+
+import com.pudonghot.yo.cms.form.TaggableForm;
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.format.annotation.Trim;
+import com.pudonghot.yo.model.domain.Trunk;
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 12:29:33
+ */
+@Getter
+@Setter
+public class CreateFormTrunk extends BaseCreateForm implements TaggableForm {
+
+    /**
+     * 语音厂商ID
+     */
+    @NotNull
+    private Integer telecomVendorId;
+
+    /**
+     * 网关ID
+     */
+    @NotNull
+    private Integer gatewayId;
+
+    /**
+     * 网关(SBC)前缀
+     */
+    @Trim
+    private String gatewayPrefix;
+
+    /**
+     * 主叫(显示)号码
+     */
+    @Trim
+    @NotBlank
+    private String callerNumbers;
+
+    /**
+     * CPN截除区号
+     */
+    private boolean cpnWithOutAreaCode;
+
+    /**
+     * 外埠号码加拨0
+     */
+    private boolean ocAddZero;
+
+    /**
+     * 进线目标类型
+     */
+    private Trunk.InboundTargetType inboundTargetType;
+
+    /**
+     * 进线目标
+     */
+    private Integer inboundTarget;
+
+    /**
+     * 标签
+     */
+    private Integer[] tags;
+
+    /**
+     * 策略
+     */
+    private Integer[] strategies;
+
+    /**
+     * 属性
+     */
+    private Integer[] attrs;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTrunkAttr.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTrunkAttr.java
new file mode 100644
index 00000000..13584775
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTrunkAttr.java
@@ -0,0 +1,21 @@
+package com.pudonghot.yo.cms.form.create;
+
+import lombok.Getter;
+import lombok.Setter;
+
+import javax.validation.constraints.NotBlank;
+
+import com.wacai.tigon.format.annotation.Trim;
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 15:24:23
+ */
+@Getter
+@Setter
+public class CreateFormTrunkAttr extends BaseCreateForm {
+    @Trim
+    @NotBlank
+    private String attr;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTrunkProhibitedAreaCode.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTrunkProhibitedAreaCode.java
new file mode 100644
index 00000000..e85811a6
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTrunkProhibitedAreaCode.java
@@ -0,0 +1,21 @@
+package com.pudonghot.yo.cms.form.create;
+
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.NotEmpty;
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 12:29:33
+ */
+@Getter
+@Setter
+public class CreateFormTrunkProhibitedAreaCode extends BaseCreateForm {
+    @NotNull
+    private Integer trunkId;
+    @NotNull
+    @NotEmpty
+    private String[] areaCodes;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTrunkStrategy.java b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTrunkStrategy.java
new file mode 100644
index 00000000..15b5d649
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/create/CreateFormTrunkStrategy.java
@@ -0,0 +1,19 @@
+package com.pudonghot.yo.cms.form.create;
+
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotBlank;
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+import com.pudonghot.yo.model.domain.TrunkStrategy;
+
+/**
+ * @author Donghuang <br>
+ * Nov 16, 2019 11:27:56
+ */
+@Getter
+@Setter
+public class CreateFormTrunkStrategy extends BaseCreateForm {
+    @NotBlank
+    private String name;
+    private TrunkStrategy.Strategy strategy;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormAgent.java b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormAgent.java
new file mode 100644
index 00000000..368b6dd8
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormAgent.java
@@ -0,0 +1,33 @@
+package com.pudonghot.yo.cms.form.update;
+
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.format.annotation.Trim;
+import com.pudonghot.yo.model.domain.Agent;
+import org.hibernate.validator.constraints.Range;
+import com.pudonghot.yo.cms.form.TaggableForm;
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 12:51:33
+ */
+@Getter
+@Setter
+public class UpdateFormAgent extends BaseUpdateForm implements TaggableForm {
+    @NotNull
+    private Integer groupId;
+    @NotNull
+    private Agent.Type type;
+    private boolean webrtc;
+    @Trim
+    @NotBlank
+    private String name;
+    @Range(min = 0, max = 120)
+    private int wrapUpTime;
+    private boolean updatePassword;
+    private Integer[] queues;
+    private Integer[] tags;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormAgentGroup.java b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormAgentGroup.java
new file mode 100644
index 00000000..ee2336ab
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormAgentGroup.java
@@ -0,0 +1,22 @@
+package com.pudonghot.yo.cms.form.update;
+
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import com.pudonghot.yo.cms.form.TaggableForm;
+import com.pudonghot.yo.model.domain.AgentGroup;
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotBlank;
+
+/**
+ * @author Donghuang <br>
+ * Nov 16, 2019 11:28:20
+ */
+@Getter
+@Setter
+public class UpdateFormAgentGroup extends BaseUpdateForm implements TaggableForm {
+    @NotBlank
+    private String name;
+    private AgentGroup.PrivacyLevel privacyLevel;
+    private Integer[] trunkStrategies;
+    private Integer[] tags;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormAreaCode.java b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormAreaCode.java
new file mode 100644
index 00000000..a31c09b6
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormAreaCode.java
@@ -0,0 +1,21 @@
+package com.pudonghot.yo.cms.form.update;
+
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import com.pudonghot.yo.cms.form.TaggableForm;
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.format.annotation.Trim;
+
+/**
+ * @author Donghuang <br>
+ * Nov 15, 2019 19:13:24
+ */
+@Getter
+@Setter
+public class UpdateFormAreaCode extends BaseUpdateForm implements TaggableForm {
+    @Trim
+    @NotBlank
+    private String city;
+    private Integer[] tags;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormAuthPermission.java b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormAuthPermission.java
new file mode 100644
index 00000000..4edfddcd
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormAuthPermission.java
@@ -0,0 +1,17 @@
+package com.pudonghot.yo.cms.form.update;
+
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import com.pudonghot.yo.cms.form.TaggableForm;
+import lombok.Getter;
+import lombok.Setter;
+
+/**
+ * @author Donghuang <br>
+ * Dec 24, 2019 16:48:29
+ */
+@Getter
+@Setter
+public class UpdateFormAuthPermission extends BaseUpdateForm implements TaggableForm {
+    private Integer[] tags;
+    private Integer[] roles;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormAuthRole.java b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormAuthRole.java
new file mode 100644
index 00000000..a590756e
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormAuthRole.java
@@ -0,0 +1,16 @@
+package com.pudonghot.yo.cms.form.update;
+
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import com.pudonghot.yo.cms.form.TaggableForm;
+import lombok.Getter;
+import lombok.Setter;
+
+/**
+ * @author Donghuang <br>
+ * Dec 24, 2019 16:46:38
+ */
+@Getter
+@Setter
+public class UpdateFormAuthRole extends BaseUpdateForm implements TaggableForm {
+    private Integer[] tags;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormAuthUser.java b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormAuthUser.java
new file mode 100644
index 00000000..84751be3
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormAuthUser.java
@@ -0,0 +1,24 @@
+package com.pudonghot.yo.cms.form.update;
+
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import com.pudonghot.yo.cms.form.TaggableForm;
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.format.annotation.Trim;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 12:51:33
+ */
+@Getter
+@Setter
+public class UpdateFormAuthUser extends BaseUpdateForm implements TaggableForm {
+    @Trim
+    @NotBlank
+    private String name;
+    private boolean admin;
+    private Integer[] tenants;
+    private Integer[] roles;
+    private Integer[] tags;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormCallingList.java b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormCallingList.java
new file mode 100644
index 00000000..bb7bec22
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormCallingList.java
@@ -0,0 +1,37 @@
+package com.pudonghot.yo.cms.form.update;
+
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import com.pudonghot.yo.model.domain.CallingList;
+import com.wacai.tigon.format.annotation.Trim;
+import lombok.Getter;
+import lombok.Setter;
+
+import javax.validation.constraints.NotBlank;
+import javax.validation.constraints.NotNull;
+import java.util.Date;
+
+/**
+ * @author bingpo
+ * @date 2020/3/16 下午3:46
+ */
+@Getter
+@Setter
+public class UpdateFormCallingList extends BaseUpdateForm {
+    @NotNull
+    private Integer campaignId;
+    @Trim
+    @NotBlank
+    private String phone;
+    private CallingList.Status status;
+    private Integer dailyFrom;
+    private Integer dailyTo;
+    private String callUuid;
+    private Date callStartTime;
+    private Date callEstablishedTime;
+    private Date callEndTime;
+    private String callResult;
+    private String taskKey;
+    private String recordKey;
+    private String recordData;
+    private String attachedData;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormCampaign.java b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormCampaign.java
new file mode 100644
index 00000000..53b87c59
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormCampaign.java
@@ -0,0 +1,33 @@
+package com.pudonghot.yo.cms.form.update;
+
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import com.pudonghot.yo.cms.form.TaggableForm;
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.NotBlank;
+import com.pudonghot.yo.model.domain.Campaign;
+
+/**
+ * @author Donghuang <br>
+ * Nov 16, 2019 11:28:20
+ */
+@Getter
+@Setter
+public class UpdateFormCampaign extends BaseUpdateForm implements TaggableForm {
+    @NotBlank
+    private String name;
+    @NotNull
+    private Campaign.Type type;
+    @NotBlank
+    private String target;
+    private Integer[] trunkStrategies;
+    private Integer[] tags;
+    private Boolean robotConfig;
+    private Boolean robotFetchData;
+    private String robotResultTopic;
+    private Integer robotStateMachineId;
+    private Boolean robotFetchLocal;
+    private String robotFetchUrl;
+    private String robotFetchHeader;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormGateway.java b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormGateway.java
new file mode 100644
index 00000000..a2d877d1
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormGateway.java
@@ -0,0 +1,117 @@
+package com.pudonghot.yo.cms.form.update;
+
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.format.annotation.Trim;
+
+/**
+ * @author Donghuang <br>
+ * Nov 01, 2019 16:11:46
+ */
+@Getter
+@Setter
+public class UpdateFormGateway extends BaseUpdateForm {
+    /**
+     * Gateway name
+     */
+    @Trim
+    @NotBlank
+    private String name;
+
+    /**
+     * Auth realm: *optional* same as gateway name, if blank
+     */
+    private String realm;
+
+    /**
+     * Account username *required*
+     */
+    private String username;
+
+    /**
+     * Account password *required*
+     */
+    private String password;
+
+    /**
+     * Username to use in from: *optional* same as  username, if blank
+     */
+    private String fromUser;
+
+    /**
+     * Domain to use in from: *optional* same as  realm, if blank
+     */
+    private String fromDomain;
+
+    /**
+     * Extension for inbound calls: *optional* same as username, if blank
+     */
+    private String extension;
+
+    /**
+     * Proxy host: *optional* same as realm, if blank
+     */
+    private String proxy;
+
+    /**
+     * Send register to this proxy: *optional* same as proxy, if blank
+     */
+    private String registerProxy;
+
+    /**
+     * Expire in seconds: *optional* 3600, if blank
+     */
+    private String expireSeconds;
+
+    /**
+     * Do not register
+     */
+    private String register;
+
+    /**
+     * Which transport to use for register
+     */
+    private String registerTransport;
+
+    /**
+     * how many seconds before a retry when a failure or timeout occurs
+     */
+    private String retrySeconds;
+
+    /**
+     * Use the callerid of an inbound call in the from field on outbound calls via this gateway
+     */
+    private String callerIdInFrom;
+
+    /**
+     * Extra sip params to send in the contact
+     */
+    private String contactParams;
+
+    /**
+     * Put the extension in the contact
+     */
+    private String extensionInContact;
+
+    /**
+     * Send an options ping every x seconds, failure will unregister and/or mark it down
+     */
+    private String ping;
+
+    /**
+     * CID type
+     */
+    private String cidType;
+
+    /**
+     * RFC5626 : Abilitazione rfc5626
+     */
+    private String rfc5626;
+
+    /**
+     * RFC5626 : extra sip params to send in the contact
+     */
+    private String regId;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormQueue.java b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormQueue.java
new file mode 100644
index 00000000..b5c77b76
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormQueue.java
@@ -0,0 +1,17 @@
+package com.pudonghot.yo.cms.form.update;
+
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotBlank;
+
+/**
+ * @author Donghuang <br>
+ * Nov 16, 2019 12:41:14
+ */
+@Getter
+@Setter
+public class UpdateFormQueue extends BaseUpdateForm {
+    @NotBlank
+    private String name;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormRobotAgent.java b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormRobotAgent.java
new file mode 100644
index 00000000..6013117f
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormRobotAgent.java
@@ -0,0 +1,14 @@
+package com.pudonghot.yo.cms.form.update;
+
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import lombok.Getter;
+import lombok.Setter;
+
+
+/**
+ * @author qiushui <br>
+ */
+@Getter
+@Setter
+public class UpdateFormRobotAgent extends BaseUpdateForm {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormSequence.java b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormSequence.java
new file mode 100644
index 00000000..1d87e571
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormSequence.java
@@ -0,0 +1,22 @@
+package com.pudonghot.yo.cms.form.update;
+
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.Min;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.NotBlank;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 13:43:56
+ */
+@Getter
+@Setter
+public class UpdateFormSequence extends BaseUpdateForm {
+    @NotBlank
+    private String name;
+    @Min(1)
+    @NotNull
+    private Long step;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormTag.java b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormTag.java
new file mode 100644
index 00000000..2c93361e
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormTag.java
@@ -0,0 +1,26 @@
+package com.pudonghot.yo.cms.form.update;
+
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.NotBlank;
+import com.pudonghot.yo.model.domain.Tag;
+import com.wacai.tigon.format.annotation.Trim;
+
+/**
+ * @author Donghuang <br>
+ * Nov 01, 2019 16:11:46
+ */
+@Getter
+@Setter
+public class UpdateFormTag extends BaseUpdateForm {
+    @Trim
+    @NotBlank
+    private String tag;
+    @Trim
+    @NotBlank
+    private String bgcolor;
+    @NotNull
+    private Tag.Scope scope;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormTelecomVendor.java b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormTelecomVendor.java
new file mode 100644
index 00000000..b7982edf
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormTelecomVendor.java
@@ -0,0 +1,19 @@
+package com.pudonghot.yo.cms.form.update;
+
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.format.annotation.Trim;
+
+/**
+ * @author Donghuang <br>
+ * Nov 01, 2019 16:11:46
+ */
+@Getter
+@Setter
+public class UpdateFormTelecomVendor extends BaseUpdateForm {
+    @Trim
+    @NotBlank
+    private String name;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormTenant.java b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormTenant.java
new file mode 100644
index 00000000..4de90bbf
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormTenant.java
@@ -0,0 +1,20 @@
+package com.pudonghot.yo.cms.form.update;
+
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.format.annotation.Trim;
+
+/**
+ * @author Donghuang <br>
+ * Nov 01, 2019 16:11:46
+ */
+@Getter
+@Setter
+public class UpdateFormTenant extends BaseUpdateForm {
+    @Trim
+    @NotBlank
+    private String name;
+    private boolean renewAccessSecret;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormTrunk.java b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormTrunk.java
new file mode 100644
index 00000000..903b47ab
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormTrunk.java
@@ -0,0 +1,58 @@
+package com.pudonghot.yo.cms.form.update;
+
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import com.pudonghot.yo.cms.form.TaggableForm;
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotNull;
+import com.pudonghot.yo.model.domain.Trunk;
+
+/**
+ * @author Donghuang <br>
+ * Nov 01, 2019 16:11:46
+ */
+@Getter
+@Setter
+public class UpdateFormTrunk extends BaseUpdateForm implements TaggableForm {
+
+    /**
+     * 网关ID
+     */
+    @NotNull
+    private Integer gatewayId;
+
+    /**
+     * 网关(SBC)前缀
+     */
+    private String gatewayPrefix;
+
+    /**
+     * 外埠号码加拨0
+     */
+    private boolean ocAddZero;
+
+    /**
+     * 进线目标类型
+     */
+    private Trunk.InboundTargetType inboundTargetType;
+
+    /**
+     * 进线目标
+     */
+    private Integer inboundTarget;
+
+    /**
+     * 标签
+     */
+    private Integer[] tags;
+
+    /**
+     * 策略
+     */
+    private Integer[] strategies;
+
+    /**
+     * 属性
+     */
+    private Integer[] attrs;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormTrunkAttr.java b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormTrunkAttr.java
new file mode 100644
index 00000000..e9c91450
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormTrunkAttr.java
@@ -0,0 +1,20 @@
+package com.pudonghot.yo.cms.form.update;
+
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import lombok.Getter;
+import lombok.Setter;
+
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.format.annotation.Trim;
+
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 15:24:15
+ */
+@Getter
+@Setter
+public class UpdateFormTrunkAttr extends BaseUpdateForm {
+    @Trim
+    @NotBlank
+    private String attr;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormTrunkStrategy.java b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormTrunkStrategy.java
new file mode 100644
index 00000000..74b3baf9
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/form/update/UpdateFormTrunkStrategy.java
@@ -0,0 +1,21 @@
+package com.pudonghot.yo.cms.form.update;
+
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.NotBlank;
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import com.pudonghot.yo.model.domain.TrunkStrategy;
+
+/**
+ * @author Donghuang <br>
+ * Nov 16, 2019 11:28:20
+ */
+@Getter
+@Setter
+public class UpdateFormTrunkStrategy extends BaseUpdateForm {
+    @NotBlank
+    private String name;
+    @NotNull
+    private TrunkStrategy.Strategy strategy;
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/AgentGroupService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/AgentGroupService.java
new file mode 100644
index 00000000..fc8d11cc
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/AgentGroupService.java
@@ -0,0 +1,15 @@
+package com.pudonghot.yo.cms.service;
+
+import com.pudonghot.yo.cms.form.create.CreateFormAgentGroup;
+import com.pudonghot.yo.model.domain.AgentGroup;
+import com.pudonghot.yo.cms.form.update.UpdateFormAgentGroup;
+
+/**
+ * @author Donghuang <br>
+ * Nov 16, 2019 11:29:12
+ */
+public interface AgentGroupService
+    extends TaggableService<AgentGroup,
+        CreateFormAgentGroup,
+        UpdateFormAgentGroup> {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/AgentService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/AgentService.java
new file mode 100644
index 00000000..d80a673a
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/AgentService.java
@@ -0,0 +1,23 @@
+package com.pudonghot.yo.cms.service;
+
+import com.pudonghot.yo.cms.form.create.CreateFormAgent;
+import com.pudonghot.yo.cms.form.update.UpdateFormAgent;
+import com.pudonghot.yo.model.domain.Agent;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 12:52:34
+ */
+public interface AgentService
+    extends TaggableService<Agent,
+        CreateFormAgent,
+        UpdateFormAgent> {
+
+    /**
+     * find agent of domain
+     * @param domain domain
+     * @param agent agent
+     * @return agent
+     */
+    Agent findOfDomain(String domain, String agent);
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/AreaCodeService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/AreaCodeService.java
new file mode 100644
index 00000000..9dcb23b7
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/AreaCodeService.java
@@ -0,0 +1,39 @@
+package com.pudonghot.yo.cms.service;
+
+import java.util.Set;
+import javax.validation.constraints.Pattern;
+import javax.validation.constraints.NotBlank;
+
+import com.pudonghot.yo.cms.form.create.CreateFormAreaCode;
+import com.pudonghot.yo.cms.form.update.UpdateFormAreaCode;
+import com.pudonghot.yo.model.domain.AreaCode;
+
+/**
+ * @author Donghuang <br>
+ * Jan 09, 2018 19:44:55
+ */
+public interface AreaCodeService
+    extends TaggableService<AreaCode,
+        CreateFormAreaCode,
+        UpdateFormAreaCode> {
+
+    /**
+     * check area code is valid
+     * @param areaCode area code
+     * @return true if area code is valid
+     */
+    boolean isValid(@NotBlank @Pattern(regexp = "^\\d{3,4}") String areaCode);
+
+    /**
+     * get area code city
+     * @param areaCode area code
+     * @return city
+     */
+    String getCity(@NotBlank @Pattern(regexp = "^\\d{3,4}") String areaCode);
+
+    /**
+     * get codes
+     * @return codes
+     */
+    Set<String> getCodes();
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/AuthPermissionService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/AuthPermissionService.java
new file mode 100644
index 00000000..d9a93662
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/AuthPermissionService.java
@@ -0,0 +1,24 @@
+package com.pudonghot.yo.cms.service;
+
+import com.pudonghot.yo.cms.form.create.CreateFormAuthPermission;
+import com.pudonghot.yo.cms.form.update.UpdateFormAuthPermission;
+import com.pudonghot.yo.model.domain.AuthPermission;
+
+import java.util.List;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 12:52:34
+ */
+public interface AuthPermissionService
+    extends TaggableService<AuthPermission,
+        CreateFormAuthPermission,
+        UpdateFormAuthPermission> {
+
+    /**
+     * list permissions of auth user
+     * @param account account
+     * @return permissions
+     */
+    List<String> listOfUser(String account);
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/AuthRoleService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/AuthRoleService.java
new file mode 100644
index 00000000..e0108f5b
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/AuthRoleService.java
@@ -0,0 +1,24 @@
+package com.pudonghot.yo.cms.service;
+
+import java.util.List;
+
+import com.pudonghot.yo.cms.form.create.CreateFormAuthRole;
+import com.pudonghot.yo.model.domain.AuthRole;
+import com.pudonghot.yo.cms.form.update.UpdateFormAuthRole;
+
+/**
+ * @author Donghuang <br>
+ * Dec 24, 2019 17:02:46
+ */
+public interface AuthRoleService
+    extends TaggableService<AuthRole,
+        CreateFormAuthRole,
+        UpdateFormAuthRole> {
+
+    /**
+     * list roles of user
+     * @param account user account
+     * @return roles
+     */
+    List<String> listOfUser(String account);
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/AuthUserService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/AuthUserService.java
new file mode 100644
index 00000000..9d480d43
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/AuthUserService.java
@@ -0,0 +1,15 @@
+package com.pudonghot.yo.cms.service;
+
+import com.pudonghot.yo.cms.form.create.CreateFormAuthUser;
+import com.pudonghot.yo.model.domain.AuthUser;
+import com.pudonghot.yo.cms.form.update.UpdateFormAuthUser;
+
+/**
+ * @author Donghuang <br>
+ * Dec 24, 2019 16:50:15
+ */
+public interface AuthUserService
+    extends TaggableService<AuthUser,
+        CreateFormAuthUser,
+        UpdateFormAuthUser> {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/CallDetailRecordService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/CallDetailRecordService.java
new file mode 100644
index 00000000..707a4882
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/CallDetailRecordService.java
@@ -0,0 +1,12 @@
+package com.pudonghot.yo.cms.service;
+
+import com.pudonghot.yo.model.domain.CallDetailRecord;
+import com.wacai.tigon.service.BaseQueryService;
+
+/**
+ * @author bingpo
+ * @date 2020/3/30 下午3:23
+ */
+public interface CallDetailRecordService extends BaseQueryService<Integer, CallDetailRecord> {
+
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/CallingListService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/CallingListService.java
new file mode 100644
index 00000000..497d7609
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/CallingListService.java
@@ -0,0 +1,16 @@
+package com.pudonghot.yo.cms.service;
+
+import com.pudonghot.yo.cms.form.create.CreateFormCallingList;
+import com.pudonghot.yo.cms.form.update.UpdateFormCallingList;
+import com.pudonghot.yo.model.domain.CallingList;
+import com.wacai.tigon.service.BaseCrudByFormService;
+
+/**
+ * @author bingpo
+ * @date 2020/3/16 下午3:46
+ */
+public interface CallingListService
+    extends BaseCrudByFormService<Integer, CallingList,
+        CreateFormCallingList,
+        UpdateFormCallingList> {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/CampaignService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/CampaignService.java
new file mode 100644
index 00000000..e4a66fff
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/CampaignService.java
@@ -0,0 +1,15 @@
+package com.pudonghot.yo.cms.service;
+
+import com.pudonghot.yo.cms.form.create.CreateFormCampaign;
+import com.pudonghot.yo.model.domain.Campaign;
+import com.pudonghot.yo.cms.form.update.UpdateFormCampaign;
+
+/**
+ * @author Donghuang <br>
+ * Jan 02, 2020 16:44:02
+ */
+public interface CampaignService
+    extends TaggableService<Campaign,
+        CreateFormCampaign,
+        UpdateFormCampaign> {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/GatewayService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/GatewayService.java
new file mode 100644
index 00000000..211e2a68
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/GatewayService.java
@@ -0,0 +1,17 @@
+package com.pudonghot.yo.cms.service;
+
+import com.pudonghot.yo.cms.form.create.CreateFormGateway;
+import com.pudonghot.yo.cms.form.update.UpdateFormGateway;
+import com.pudonghot.yo.model.domain.Gateway;
+import com.wacai.tigon.service.BaseCrudByFormService;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 09:58:50
+ */
+public interface GatewayService
+    extends BaseCrudByFormService<Integer,
+        Gateway,
+        CreateFormGateway,
+        UpdateFormGateway> {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/QueueService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/QueueService.java
new file mode 100644
index 00000000..6ba297b2
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/QueueService.java
@@ -0,0 +1,17 @@
+package com.pudonghot.yo.cms.service;
+
+import com.pudonghot.yo.cms.form.create.CreateFormQueue;
+import com.pudonghot.yo.cms.form.update.UpdateFormQueue;
+import com.pudonghot.yo.model.domain.Queue;
+import com.wacai.tigon.service.BaseCrudByFormService;
+
+/**
+ * @author Donghuang <br>
+ * Nov 16, 2019 12:46:17
+ */
+public interface QueueService
+    extends BaseCrudByFormService<Integer,
+        Queue,
+        CreateFormQueue,
+        UpdateFormQueue> {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/RobotAgentService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/RobotAgentService.java
new file mode 100644
index 00000000..99a85e2c
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/RobotAgentService.java
@@ -0,0 +1,18 @@
+package com.pudonghot.yo.cms.service;
+
+import com.pudonghot.yo.cms.form.create.CreateFormRobotAgent;
+import com.pudonghot.yo.cms.form.update.UpdateFormRobotAgent;
+import com.pudonghot.yo.model.domain.RobotAgent;
+import com.wacai.tigon.service.BaseCrudByFormService;
+
+/**
+ * @author: qiushui
+ * @date: 2020-02-27 17:36
+ */
+public interface RobotAgentService extends BaseCrudByFormService<Integer,
+        RobotAgent,
+        CreateFormRobotAgent,
+        UpdateFormRobotAgent> {
+
+    void batchCreate(CreateFormRobotAgent form);
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/RobotCallResultService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/RobotCallResultService.java
new file mode 100644
index 00000000..622d03ab
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/RobotCallResultService.java
@@ -0,0 +1,17 @@
+package com.pudonghot.yo.cms.service;
+
+import com.pudonghot.yo.cms.form.BaseCreateForm;
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import com.pudonghot.yo.model.domain.RobotCallResult;
+import com.wacai.tigon.service.BaseCrudByFormService;
+
+/**
+ * @author: qiushui
+ * @date: 2020-02-27 17:36
+ */
+public interface RobotCallResultService extends BaseCrudByFormService<Integer,
+        RobotCallResult,
+        BaseCreateForm,
+        BaseUpdateForm> {
+
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/SequenceService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/SequenceService.java
new file mode 100644
index 00000000..41f30e59
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/SequenceService.java
@@ -0,0 +1,25 @@
+package com.pudonghot.yo.cms.service;
+
+import com.pudonghot.yo.cms.form.create.CreateFormSequence;
+import com.pudonghot.yo.cms.form.update.UpdateFormSequence;
+import com.pudonghot.yo.model.domain.Sequence;
+import com.wacai.tigon.service.BaseCrudByFormService;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 12:28:36
+ */
+public interface SequenceService
+    extends BaseCrudByFormService<Integer,
+        Sequence,
+        CreateFormSequence,
+        UpdateFormSequence> {
+
+    /**
+     * next seq val
+     * @param tenantId tenant id
+     * @param name seq name
+     * @return next seq val
+     */
+    Long nextVal(Integer tenantId, String name);
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/TagService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/TagService.java
new file mode 100644
index 00000000..bfa0fe52
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/TagService.java
@@ -0,0 +1,17 @@
+package com.pudonghot.yo.cms.service;
+
+import com.pudonghot.yo.cms.form.create.CreateFormTag;
+import com.pudonghot.yo.cms.form.update.UpdateFormTag;
+import com.pudonghot.yo.model.domain.Tag;
+import com.wacai.tigon.service.BaseCrudByFormService;
+
+/**
+ * @author Donghuang <br>
+ * Nov 14, 2019 12:03:19
+ */
+public interface TagService
+    extends BaseCrudByFormService<Integer,
+        Tag,
+        CreateFormTag,
+        UpdateFormTag> {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/TaggableService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/TaggableService.java
new file mode 100644
index 00000000..eee29bdb
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/TaggableService.java
@@ -0,0 +1,18 @@
+package com.pudonghot.yo.cms.service;
+
+import com.pudonghot.yo.cms.form.SessionForm;
+import com.pudonghot.yo.cms.form.TaggableForm;
+import com.wacai.tigon.form.FormCreateApi;
+import com.wacai.tigon.form.FormUpdateApi;
+import com.wacai.tigon.service.BaseCrudByFormService;
+import com.pudonghot.yo.model.domain.TaggableDomain;
+
+/**
+ * @author Donghuang <br>
+ * Nov 16, 2019 10:06:43
+ */
+public interface TaggableService<Model extends TaggableDomain,
+    FormCreate extends FormCreateApi & SessionForm & TaggableForm,
+    FormUpdate extends FormUpdateApi<Integer> & SessionForm & TaggableForm>
+        extends BaseCrudByFormService<Integer, Model, FormCreate, FormUpdate> {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/TelecomVendorService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/TelecomVendorService.java
new file mode 100644
index 00000000..1205ba8b
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/TelecomVendorService.java
@@ -0,0 +1,17 @@
+package com.pudonghot.yo.cms.service;
+
+import com.pudonghot.yo.cms.form.create.CreateFormTelecomVendor;
+import com.pudonghot.yo.cms.form.update.UpdateFormTelecomVendor;
+import com.wacai.tigon.service.BaseCrudByFormService;
+import com.pudonghot.yo.model.domain.TelecomVendor;
+
+/**
+ * @author Donghuang <br>
+ * Nov 01, 2019 22:48:10
+ */
+public interface TelecomVendorService
+    extends BaseCrudByFormService<Integer,
+        TelecomVendor,
+        CreateFormTelecomVendor,
+        UpdateFormTelecomVendor> {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/TenantService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/TenantService.java
new file mode 100644
index 00000000..1700c690
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/TenantService.java
@@ -0,0 +1,50 @@
+package com.pudonghot.yo.cms.service;
+
+import java.util.List;
+import javax.validation.constraints.NotBlank;
+
+import com.pudonghot.yo.cms.form.create.CreateFormTenant;
+import com.pudonghot.yo.model.ValueTextModel;
+import com.pudonghot.yo.model.domain.Tenant;
+import com.wacai.tigon.service.BaseCrudByFormService;
+import com.pudonghot.yo.cms.form.update.UpdateFormTenant;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:59:44
+ */
+public interface TenantService extends BaseCrudByFormService<Integer, Tenant, CreateFormTenant, UpdateFormTenant> {
+
+    /**
+     * switch to tenant
+     * @param tenant tenant
+     */
+    void switchTo(@NotBlank String account, @NotBlank String tenant);
+
+    /**
+     * return account current bu
+     * @param account account
+     * @return current bu or null
+     */
+    ValueTextModel<String> current(@NotBlank String account);
+
+    /**
+     * clear account bu
+     * @param account account
+     * @return current bu or null
+     */
+    ValueTextModel<String> clear(@NotBlank String account);
+
+    /**
+     * list tenants of account
+     * @param account account
+     * @return tenants
+     */
+    List<ValueTextModel<String>> listOfUser(@NotBlank String account);
+
+    /**
+     * list tenants of admin
+     * @return tenants
+     */
+    List<ValueTextModel<String>> listOfAdmin();
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/TrunkAttrService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/TrunkAttrService.java
new file mode 100644
index 00000000..eb99da63
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/TrunkAttrService.java
@@ -0,0 +1,17 @@
+package com.pudonghot.yo.cms.service;
+
+import com.pudonghot.yo.cms.form.create.CreateFormTrunkAttr;
+import com.pudonghot.yo.model.domain.TrunkAttr;
+import com.wacai.tigon.service.BaseCrudByFormService;
+import com.pudonghot.yo.cms.form.update.UpdateFormTrunkAttr;
+
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 15:24:50
+ */
+public interface TrunkAttrService
+    extends BaseCrudByFormService<Integer,
+        TrunkAttr,
+        CreateFormTrunkAttr,
+        UpdateFormTrunkAttr> {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/TrunkProhibitedAreaCodeService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/TrunkProhibitedAreaCodeService.java
new file mode 100644
index 00000000..7d85b589
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/TrunkProhibitedAreaCodeService.java
@@ -0,0 +1,17 @@
+package com.pudonghot.yo.cms.service;
+
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import com.pudonghot.yo.cms.form.create.CreateFormTrunkProhibitedAreaCode;
+import com.wacai.tigon.service.BaseCrudByFormService;
+import com.pudonghot.yo.model.domain.TrunkProhibitedAreaCode;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 19:00:39
+ */
+public interface TrunkProhibitedAreaCodeService
+    extends BaseCrudByFormService<Integer,
+        TrunkProhibitedAreaCode,
+        CreateFormTrunkProhibitedAreaCode,
+        BaseUpdateForm> {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/TrunkService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/TrunkService.java
new file mode 100644
index 00000000..5049e1ca
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/TrunkService.java
@@ -0,0 +1,15 @@
+package com.pudonghot.yo.cms.service;
+
+import com.pudonghot.yo.cms.form.create.CreateFormTrunk;
+import com.pudonghot.yo.model.domain.Trunk;
+import com.pudonghot.yo.cms.form.update.UpdateFormTrunk;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 12:28:36
+ */
+public interface TrunkService
+    extends TaggableService<Trunk,
+        CreateFormTrunk,
+        UpdateFormTrunk> {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/TrunkStrategyService.java b/cms/src/main/java/com/pudonghot/yo/cms/service/TrunkStrategyService.java
new file mode 100644
index 00000000..08301827
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/TrunkStrategyService.java
@@ -0,0 +1,17 @@
+package com.pudonghot.yo.cms.service;
+
+import com.pudonghot.yo.cms.form.create.CreateFormTrunkStrategy;
+import com.pudonghot.yo.cms.form.update.UpdateFormTrunkStrategy;
+import com.wacai.tigon.service.BaseCrudByFormService;
+import com.pudonghot.yo.model.domain.TrunkStrategy;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 19:00:39
+ */
+public interface TrunkStrategyService
+    extends BaseCrudByFormService<Integer,
+        TrunkStrategy,
+        CreateFormTrunkStrategy,
+        UpdateFormTrunkStrategy> {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/AgentGroupServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/AgentGroupServiceImpl.java
new file mode 100644
index 00000000..8e0d0aa7
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/AgentGroupServiceImpl.java
@@ -0,0 +1,121 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import java.util.Set;
+
+import com.pudonghot.yo.cms.form.SessionForm;
+import com.pudonghot.yo.cms.form.create.CreateFormAgentGroup;
+import com.pudonghot.yo.cms.service.AgentGroupService;
+import lombok.extern.slf4j.Slf4j;
+import java.util.stream.Collectors;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.model.ViewModel;
+import org.apache.commons.lang3.tuple.Pair;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.mapper.AgentGroupMapper;
+import com.pudonghot.yo.model.domain.AgentGroup;
+import com.pudonghot.yo.cms.service.SequenceService;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.beans.factory.annotation.Autowired;
+import com.pudonghot.yo.mapper.AgentGroupTrunkStrategyMapper;
+import com.pudonghot.yo.model.domain.AgentGroupTrunkStrategy;
+import com.pudonghot.yo.cms.form.update.UpdateFormAgentGroup;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 12:52:47
+ */
+@Slf4j
+@Service
+public class AgentGroupServiceImpl
+    extends TaggableServiceImpl<AgentGroup,
+        CreateFormAgentGroup,
+        UpdateFormAgentGroup,
+        AgentGroupMapper>
+    implements AgentGroupService {
+
+    @Value("${yo.cms.agent-group.seq-name:AGENT_GROUP}")
+    private String seqName;
+    @Value("${yo.cms.agent-group.identifier-prefix:AG}")
+    private String identifierPrefix;
+    @Autowired
+    private SequenceService seqService;
+    @Autowired
+    private AgentGroupTrunkStrategyMapper agentGroupTrunkStrategyMapper;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<AgentGroup> create(final CreateFormAgentGroup form) {
+        final ViewModel<AgentGroup> vm = super.create(form);
+
+        final AgentGroup agentGroup = vm.getData();
+        final Integer[] strategies = form.getTrunkStrategies();
+        if (strategies != null) {
+            for (final Integer strategy : strategies) {
+                insertTrunkStrategy(agentGroup, strategy, form);
+            }
+        }
+        return vm;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<AgentGroup> update(final UpdateFormAgentGroup form) {
+        final ViewModel<AgentGroup> vm = super.update(form);
+        final AgentGroup agentGroup = vm.getData();
+        final Integer agentGroupId = agentGroup.getId();
+
+        final Set<Integer> strategiesExisted = agentGroupTrunkStrategyMapper.list(
+                new Search(AgentGroupTrunkStrategy.AGENT_GROUP_ID,
+                    agentGroupId)).stream()
+            .map(AgentGroupTrunkStrategy::getTrunkStrategyId)
+            .collect(Collectors.toSet());
+
+        final Pair<Set<Integer>, Set<Integer>> strategiesDiff =
+            diff(strategiesExisted, form.getTrunkStrategies());
+
+        for (final Integer strategyId : strategiesDiff.getLeft()) {
+            insertTrunkStrategy(agentGroup, strategyId, form);
+        }
+
+        if (!strategiesDiff.getRight().isEmpty()) {
+            agentGroupTrunkStrategyMapper.delete(
+                new Search(AgentGroupTrunkStrategy.AGENT_GROUP_ID, agentGroupId)
+                    .in(AgentGroupTrunkStrategy.TRUNK_STRATEGY_ID,
+                        strategiesDiff.getRight()));
+        }
+        return vm;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void beforeInsert(final AgentGroup model) {
+        super.beforeInsert(model);
+        if (StringUtils.isBlank(model.getIdentifier())) {
+            model.setIdentifier(identifierPrefix +
+                StringUtils.leftPad(String.valueOf(
+                    seqService.nextVal(model.getTenantId(), seqName)), 6, '0'));
+        }
+    }
+
+    protected void insertTrunkStrategy(final AgentGroup agentGroup,
+        final Integer strategyId,
+        final SessionForm form) {
+        final AgentGroupTrunkStrategy model =
+            new AgentGroupTrunkStrategy();
+        model.setTenantId(form.getTenantId());
+        model.setTenantCode(form.getTenantCode());
+        model.setAgentGroupId(agentGroup.getId());
+        model.setTrunkStrategyId(strategyId);
+        model.setCreatedBy(form.getAuthUser());
+
+        log.info("Insert agent group trunk strategy [{}].", model);
+        agentGroupTrunkStrategyMapper.insert(model);
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/AgentServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/AgentServiceImpl.java
new file mode 100644
index 00000000..a8b3a743
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/AgentServiceImpl.java
@@ -0,0 +1,164 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import java.util.Set;
+
+import com.pudonghot.yo.cms.form.SessionForm;
+import com.pudonghot.yo.cms.form.create.CreateFormAgent;
+import com.pudonghot.yo.cms.form.update.UpdateFormAgent;
+import lombok.extern.slf4j.Slf4j;
+import java.util.stream.Collectors;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.model.ViewModel;
+import org.apache.commons.lang3.tuple.Pair;
+import org.springframework.util.Assert;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.model.domain.Agent;
+import com.pudonghot.yo.mapper.AgentMapper;
+import org.apache.commons.lang3.RandomStringUtils;
+import com.pudonghot.yo.mapper.AgentGroupMapper;
+import com.pudonghot.yo.mapper.QueueAgentMapper;
+import com.pudonghot.yo.model.domain.AgentGroup;
+import com.pudonghot.yo.model.domain.QueueAgent;
+import com.pudonghot.yo.cms.service.AgentService;
+import com.pudonghot.yo.cms.service.SequenceService;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 12:52:47
+ */
+@Slf4j
+@Service
+public class AgentServiceImpl
+    extends TaggableServiceImpl<Agent,
+        CreateFormAgent,
+        UpdateFormAgent,
+        AgentMapper>
+    implements AgentService {
+
+    @Value("${yo.cms.agent.seq-name:AGENT}")
+    private String seqName;
+    @Value("${yo.cms.agent.password-length:32}")
+    private int passwordLength;
+    @Autowired
+    private SequenceService seqService;
+    @Autowired
+    private AgentGroupMapper agentGroupMapper;
+    @Autowired
+    private QueueAgentMapper queueAgentMapper;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<Agent> create(final CreateFormAgent form) {
+        final ViewModel<Agent> vm = super.create(form);
+        final Agent agent = vm.getData();
+        final Integer[] queues = form.getQueues();
+        if (queues != null) {
+            for (final Integer queue : queues) {
+                insertQueueAgent(agent, queue, form);
+            }
+        }
+        return vm;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<Agent> update(final UpdateFormAgent form) {
+        final ViewModel<Agent> vm = super.update(form);
+        final Agent agent = vm.getData();
+
+        final Integer agentId = agent.getId();
+
+        final Set<Integer> queuesExisted = queueAgentMapper.list(
+                new Search(QueueAgent.AGENT_ID, agentId)).stream()
+                .map(QueueAgent::getQueueId)
+                .collect(Collectors.toSet());
+
+        final Pair<Set<Integer>, Set<Integer>> queuesDiff =
+            diff(queuesExisted, form.getQueues());
+
+        for (final Integer queueId : queuesDiff.getLeft()) {
+            insertQueueAgent(agent, queueId, form);
+        }
+
+        if (!queuesDiff.getRight().isEmpty()) {
+            queueAgentMapper.delete(
+                new Search(QueueAgent.AGENT_ID, agentId)
+                    .in(QueueAgent.QUEUE_ID, queuesDiff.getRight()));
+        }
+
+        return vm;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void validate(final CreateFormAgent form) {
+        super.validate(form);
+        final Integer groupId = form.getGroupId();
+        final AgentGroup agentGroup = agentGroupMapper.find(groupId);
+        Assert.state(agentGroup != null, () -> "No agent group [" + groupId + "] found");
+        Assert.state(agentGroup.getActive(), () -> "Agent group [" + groupId + "] is inactive");
+        Assert.state(!mapper.exists(
+            new Search(Agent.TENANT_ID, form.getTenantId())
+                .eq(Agent.ACCOUNT, form.getAccount())),
+            () -> "Agent [" + form.getAccount() + "] existed");
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void beforeUpdate(final UpdateFormAgent form, final Agent model) {
+        super.beforeUpdate(form, model);
+        if (form.isUpdatePassword()) {
+            log.info("Update agent [{}] password.", model.getAccount());
+            model.setPassword(RandomStringUtils.randomAlphanumeric(passwordLength));
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void beforeInsert(final Agent model) {
+        super.beforeInsert(model);
+        if (StringUtils.isBlank(model.getAgent())) {
+            model.setAgent(String.valueOf(seqService.nextVal(model.getTenantId(), seqName)));
+        }
+
+        if (StringUtils.isBlank(model.getPassword())) {
+            model.setPassword(RandomStringUtils.randomAlphanumeric(passwordLength));
+        }
+    }
+
+    protected void insertQueueAgent(final Agent agent,
+        final Integer queueId,
+        final SessionForm form) {
+
+        final QueueAgent arg = new QueueAgent();
+        arg.setTenantId(form.getTenantId());
+        arg.setTenantCode(form.getTenantCode());
+        arg.setQueueId(queueId);
+        arg.setAgentId(agent.getId());
+        arg.setAccount(agent.getAccount());
+        arg.setAgent(agent.getAgent());
+        arg.setCreatedBy(form.getAuthUser());
+        queueAgentMapper.insert(arg);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Agent findOfDomain(final String domain, final String agent) {
+        return mapper.findByDomainAndAgent(domain, agent);
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/AreaCodeServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/AreaCodeServiceImpl.java
new file mode 100644
index 00000000..7f2c8d0c
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/AreaCodeServiceImpl.java
@@ -0,0 +1,120 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import java.util.*;
+import java.io.IOException;
+import java.io.InputStream;
+
+import com.pudonghot.yo.cms.form.create.CreateFormAreaCode;
+import com.pudonghot.yo.cms.form.update.UpdateFormAreaCode;
+import lombok.extern.slf4j.Slf4j;
+import java.util.stream.Collectors;
+import org.apache.commons.io.IOUtils;
+import com.wacai.tigon.mybatis.Search;
+import org.springframework.util.Assert;
+import java.nio.charset.StandardCharsets;
+import org.apache.commons.io.LineIterator;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.mapper.AreaCodeMapper;
+import com.pudonghot.yo.model.domain.AreaCode;
+import com.pudonghot.yo.cms.service.AreaCodeService;
+import org.springframework.beans.factory.InitializingBean;
+
+/**
+ * @author Donghuang <br>
+ * May 27, 2017 15:23:02
+ */
+@Slf4j
+@Service
+public class AreaCodeServiceImpl
+    extends TaggableServiceImpl<AreaCode,
+        CreateFormAreaCode,
+        UpdateFormAreaCode,
+        AreaCodeMapper>
+    implements AreaCodeService, InitializingBean {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public boolean isValid(final String areaCode) {
+        return mapper.exists(new Search(AreaCode.CODE, areaCode)
+                .eq(AreaCode.ACTIVE, true));
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String getCity(final String code) {
+        final AreaCode areaCode = mapper.find(
+            new Search(AreaCode.CODE, code)
+                .eq(AreaCode.ACTIVE, true));
+        Assert.state(areaCode != null,
+            () -> "No area code [" + code + "] found");
+        return areaCode.getCity();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Set<String> getCodes() {
+        return mapper.list(new Search(AreaCode.ACTIVE, true))
+            .stream().map(AreaCode::getCode)
+            .collect(Collectors.toSet());
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void afterPropertiesSet() {
+        if (mapper.count(null) == 0) {
+            log.info("Init area codes.");
+
+            try (final InputStream stream = AreaCodeServiceImpl.class
+                    .getResourceAsStream("/areacodes.txt")) {
+                final LineIterator lineIt = IOUtils.lineIterator(
+                        stream, StandardCharsets.UTF_8);
+                final Date now = new Date();
+                while (lineIt.hasNext()) {
+                    final String line = lineIt.next();
+                    if (StringUtils.isNotBlank(line)) {
+                        log.info("Area code line [{}] found.", line);
+                        String[] split = line.split("\\s+");
+                        if (split.length == 2) {
+                            final String code = StringUtils.trim(split[0]);
+                            if (StringUtils.isNotBlank(code) && code.matches("^\\d{3,4}")) {
+                                final String city = StringUtils.trim(split[1]);
+                                if (StringUtils.isNotBlank(city)) {
+                                    log.info("Area code [{}] city [{}] found.", code, city);
+                                    final AreaCode areaCode = new AreaCode();
+                                    areaCode.setCode(code);
+                                    areaCode.setCity(city);
+                                    areaCode.setCreatedTime(now);
+                                    mapper.insert(areaCode);
+                                }
+                            }
+                        }
+                    }
+                }
+            }
+            catch (final IOException e) {
+                throw new IllegalStateException(
+                    "Load area codes error caused", e);
+            }
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void validate(final CreateFormAreaCode form) {
+        super.validate(form);
+        Assert.state(!mapper.exists(
+                new Search(AreaCode.CODE, form.getCode())),
+            () -> "Area code [" + form.getCode() + "] existed");
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/AuthPermissionServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/AuthPermissionServiceImpl.java
new file mode 100644
index 00000000..3c35fd18
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/AuthPermissionServiceImpl.java
@@ -0,0 +1,150 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import java.util.List;
+import java.util.Set;
+
+import com.pudonghot.yo.cms.form.SessionForm;
+import com.pudonghot.yo.cms.form.create.CreateFormAuthPermission;
+import lombok.extern.slf4j.Slf4j;
+import java.util.stream.Collectors;
+import com.wacai.tigon.mybatis.Search;
+import org.springframework.util.Assert;
+import com.wacai.tigon.model.ViewModel;
+import org.apache.commons.lang3.tuple.Pair;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.mapper.AuthRoleMapper;
+import com.pudonghot.yo.model.domain.AuthRole;
+import com.pudonghot.yo.mapper.AuthPermissionMapper;
+import com.pudonghot.yo.model.domain.AuthPermission;
+import com.pudonghot.yo.mapper.AuthPermissionRoleMapper;
+import com.pudonghot.yo.model.domain.AuthPermissionRole;
+import org.springframework.beans.factory.annotation.Autowired;
+import com.pudonghot.yo.cms.service.AuthPermissionService;
+import org.springframework.transaction.annotation.Transactional;
+import com.pudonghot.yo.cms.form.update.UpdateFormAuthPermission;
+
+/**
+ * @author Donghuang <br>
+ * Dec 24, 2019 16:49:51
+ */
+@Slf4j
+@Service
+public class AuthPermissionServiceImpl
+    extends TaggableServiceImpl<AuthPermission,
+        CreateFormAuthPermission,
+        UpdateFormAuthPermission,
+        AuthPermissionMapper>
+    implements AuthPermissionService {
+
+    @Autowired
+    private AuthRoleMapper roleMapper;
+    @Autowired
+    private AuthPermissionRoleMapper permissionRoleMapper;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void validate(final CreateFormAuthPermission form) {
+        super.validate(form);
+        Assert.state(!mapper.exists(
+            new Search(AuthPermission.PERMISSION, form.getPermission())),
+            () -> "Auth permission [" + form.getPermission() + "] existed");
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<AuthPermission> create(final CreateFormAuthPermission form) {
+        final ViewModel<AuthPermission> vm = super.create(form);
+        final AuthPermission agent = vm.getData();
+        final Integer[] roles = form.getRoles();
+        if (roles != null) {
+            for (final Integer roleId : roles) {
+                insertPermissionRole(agent, roleId, form);
+            }
+        }
+        return vm;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<AuthPermission> update(final UpdateFormAuthPermission form) {
+        log.info("Update auth permission form [{}].", form);
+        final ViewModel<AuthPermission> vm = super.update(form);
+        final AuthPermission user = vm.getData();
+        final Integer permissionId = user.getId();
+
+        final Set<Integer> rolesExisted = permissionRoleMapper.list(
+                new Search(AuthPermissionRole.PERMISSION_ID, permissionId)).stream()
+                .map(AuthPermissionRole::getRoleId)
+                .collect(Collectors.toSet());
+
+        final Pair<Set<Integer>, Set<Integer>> rolesDiff =
+                diff(rolesExisted, form.getRoles());
+
+        for (final Integer roleId : rolesDiff.getLeft()) {
+            insertPermissionRole(user, roleId, form);
+        }
+
+        if (!rolesDiff.getRight().isEmpty()) {
+            permissionRoleMapper.delete(
+                new Search(AuthPermissionRole.PERMISSION_ID, permissionId)
+                    .in(AuthPermissionRole.ROLE_ID, rolesDiff.getRight()));
+        }
+
+        return vm;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @Transactional
+    public int delete(final Search search) {
+        permissionRoleMapper.delete(
+            new Search(AuthPermissionRole.PERMISSION, list(search)
+                .stream().map(AuthPermission::getId)
+                    .collect(Collectors.toList())));
+        return super.delete(search);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @Transactional
+    public int delete(final Integer id) {
+        permissionRoleMapper.delete(new Search(AuthPermissionRole.PERMISSION_ID, id));
+        return super.delete(id);
+    }
+
+    protected void insertPermissionRole(
+        final AuthPermission model,
+        final Integer roleId,
+        final SessionForm form) {
+
+        final AuthRole role = roleMapper.find(roleId);
+        Assert.state(role != null,
+            () -> "No auth role [" + roleId + "] found");
+        final AuthPermissionRole arg = new AuthPermissionRole();
+        arg.setPermissionId(model.getId());
+        arg.setPermission(model.getPermission());
+        arg.setRoleId(roleId);
+        arg.setRole(role.getRole());
+        arg.setCreatedBy(form.getAuthUser());
+
+        permissionRoleMapper.insert(arg);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public List<String> listOfUser(final String account) {
+        return mapper.listOfUser(account);
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/AuthRoleServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/AuthRoleServiceImpl.java
new file mode 100644
index 00000000..649967c1
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/AuthRoleServiceImpl.java
@@ -0,0 +1,53 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import java.util.List;
+
+import com.pudonghot.yo.cms.form.create.CreateFormAuthRole;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.Search;
+import org.springframework.util.Assert;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.mapper.AuthRoleMapper;
+import com.pudonghot.yo.model.domain.AuthRole;
+import com.pudonghot.yo.mapper.AuthUserRoleMapper;
+import com.pudonghot.yo.model.domain.AuthUserRole;
+import com.pudonghot.yo.cms.service.AuthRoleService;
+import org.springframework.beans.factory.annotation.Autowired;
+import com.pudonghot.yo.cms.form.update.UpdateFormAuthRole;
+
+/**
+ * @author Donghuang <br>
+ * Dec 24, 2019 16:49:51
+ */
+@Slf4j
+@Service
+public class AuthRoleServiceImpl
+    extends TaggableServiceImpl<AuthRole,
+        CreateFormAuthRole,
+        UpdateFormAuthRole,
+        AuthRoleMapper>
+    implements AuthRoleService {
+
+    @Autowired
+    private AuthUserRoleMapper authUserRoleMapper;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void validate(final CreateFormAuthRole form) {
+        super.validate(form);
+        Assert.state(!mapper.exists(
+            new Search(AuthRole.ROLE, form.getRole())),
+            () -> "Auth role [" + form.getRole() + "] existed");
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public List<String> listOfUser(final String account) {
+        return authUserRoleMapper.listCol(AuthUserRole.ROLE,
+            new Search(AuthUserRole.ACCOUNT, account));
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/AuthUserServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/AuthUserServiceImpl.java
new file mode 100644
index 00000000..e443e1ee
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/AuthUserServiceImpl.java
@@ -0,0 +1,191 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import java.util.List;
+import java.util.Set;
+
+import com.pudonghot.yo.cms.form.SessionForm;
+import com.pudonghot.yo.cms.form.create.CreateFormAuthUser;
+import com.pudonghot.yo.mapper.*;
+import com.pudonghot.yo.model.domain.*;
+import lombok.extern.slf4j.Slf4j;
+import java.util.stream.Collectors;
+
+import com.wacai.tigon.mybatis.Search;
+import org.springframework.util.Assert;
+import com.wacai.tigon.model.ViewModel;
+import org.apache.commons.lang3.tuple.Pair;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.cms.service.AuthUserService;
+import org.springframework.beans.factory.annotation.Autowired;
+import com.pudonghot.yo.cms.form.update.UpdateFormAuthUser;
+
+/**
+ * @author Donghuang <br>
+ * Dec 24, 2019 16:49:51
+ */
+@Slf4j
+@Service
+public class AuthUserServiceImpl
+    extends TaggableServiceImpl<AuthUser,
+        CreateFormAuthUser,
+        UpdateFormAuthUser,
+        AuthUserMapper>
+    implements AuthUserService {
+
+    @Autowired
+    private AuthRoleMapper roleMapper;
+    @Autowired
+    private AuthUserRoleMapper userRoleMapper;
+    @Autowired
+    private TenantMapper tenantMapper;
+    @Autowired
+    private AuthUserTenantMapper userTenantMapper;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void validate(final CreateFormAuthUser form) {
+        super.validate(form);
+        Assert.state(!mapper.exists(
+            new Search(AuthUser.ACCOUNT, form.getAccount())),
+                () -> "Auth user [" + form.getAccount() + "] existed");
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<AuthUser> create(final CreateFormAuthUser form) {
+        final ViewModel<AuthUser> vm = super.create(form);
+        final AuthUser agent = vm.getData();
+        final Integer[] roles = form.getRoles();
+        if (roles != null) {
+            for (final Integer roleId : roles) {
+                insertUserRole(agent, roleId, form);
+            }
+        }
+
+        final Integer[] tenants = form.getTenants();
+        if (tenants != null) {
+            for (final Integer tenantId : tenants) {
+                insertUserTenant(agent, tenantId, form);
+            }
+        }
+        return vm;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<AuthUser> update(UpdateFormAuthUser form) {
+        final ViewModel<AuthUser> vm = super.update(form);
+        final AuthUser user = vm.getData();
+        final Integer userId = user.getId();
+
+        // Role
+        final Set<Integer> rolesExisted = userRoleMapper.list(
+            new Search(AuthUserRole.USER_ID, userId)).stream()
+                .map(AuthUserRole::getRoleId)
+                .collect(Collectors.toSet());
+
+        final Pair<Set<Integer>, Set<Integer>> rolesDiff =
+            diff(rolesExisted, form.getRoles());
+
+        for (final Integer roleId : rolesDiff.getLeft()) {
+            insertUserRole(user, roleId, form);
+        }
+
+        if (!rolesDiff.getRight().isEmpty()) {
+            userRoleMapper.delete(
+                new Search(AuthUserRole.USER_ID, userId)
+                    .in(AuthUserRole.ROLE_ID, rolesDiff.getRight()));
+        }
+
+        // Tenant
+        final Set<Integer> tenantsExisted = userTenantMapper.list(
+            new Search(AuthUserTenant.USER_ID, userId)).stream()
+                .map(AuthUserTenant::getTenantId)
+                .collect(Collectors.toSet());
+
+        final Pair<Set<Integer>, Set<Integer>> tenantsDiff =
+                diff(tenantsExisted, form.getTenants());
+
+        for (final Integer tenantId : tenantsDiff.getLeft()) {
+            insertUserTenant(user, tenantId, form);
+        }
+
+        if (!tenantsDiff.getRight().isEmpty()) {
+            userTenantMapper.delete(
+                new Search(AuthUserTenant.USER_ID, userId)
+                    .in(AuthUserTenant.TENANT_ID, tenantsDiff.getRight()));
+        }
+
+        return vm;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public int delete(final Search search) {
+        final List<Integer> users = list(search).stream()
+            .map(AuthUser::getId)
+            .collect(Collectors.toList());
+
+        if (!users.isEmpty()) {
+            log.info("Delete auth users {}.", users);
+            userRoleMapper.delete(
+                new Search(AuthUserRole.USER_ID, users));
+            userTenantMapper.delete(
+                new Search(AuthUserTenant.USER_ID, users));
+            return super.delete(search);
+        }
+        log.warn("No auth users found to delete, ignore.");
+        return 0;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public int delete(final Integer id) {
+        userRoleMapper.delete(new Search(AuthUserRole.USER_ID, id));
+        userTenantMapper.delete(new Search(AuthUserTenant.USER_ID, id));
+        return super.delete(id);
+    }
+
+    protected void insertUserRole(final AuthUser model,
+        final Integer roleId,
+        final SessionForm form) {
+
+        final AuthRole role = roleMapper.find(roleId);
+        Assert.state(role != null,
+            () -> "No auth role [" + roleId + "] found");
+        final AuthUserRole arg = new AuthUserRole();
+        arg.setUserId(model.getId());
+        arg.setAccount(model.getAccount());
+        arg.setRoleId(roleId);
+        arg.setRole(role.getRole());
+        arg.setCreatedBy(form.getAuthUser());
+
+        userRoleMapper.insert(arg);
+    }
+
+    protected void insertUserTenant(final AuthUser model,
+        final Integer tenantId,
+        final SessionForm form) {
+        final Tenant tenant = tenantMapper.find(tenantId);
+        Assert.state(tenant != null,
+            () -> "No tenant [" + tenantId + "] found");
+        final AuthUserTenant arg = new AuthUserTenant();
+        arg.setUserId(model.getId());
+        arg.setAccount(model.getAccount());
+        arg.setTenantId(tenantId);
+        arg.setTenantCode(tenant.getCode());
+        arg.setCreatedBy(form.getAuthUser());
+
+        userTenantMapper.insert(arg);
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/CallDetailRecordServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/CallDetailRecordServiceImpl.java
new file mode 100644
index 00000000..9cdb0022
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/CallDetailRecordServiceImpl.java
@@ -0,0 +1,20 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import com.pudonghot.yo.cms.service.CallDetailRecordService;
+import com.pudonghot.yo.mapper.CallDetailRecordMapper;
+import com.pudonghot.yo.model.domain.CallDetailRecord;
+import com.wacai.tigon.service.support.BaseQueryServiceSupport;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+
+/**
+ * @author bingpo
+ * @date 2020/3/30 下午3:26
+ */
+@Slf4j
+@Service
+public class CallDetailRecordServiceImpl
+    extends BaseQueryServiceSupport<Integer, CallDetailRecord, CallDetailRecordMapper>
+        implements CallDetailRecordService{
+
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/CallingListServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/CallingListServiceImpl.java
new file mode 100644
index 00000000..b3577a3d
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/CallingListServiceImpl.java
@@ -0,0 +1,41 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import com.pudonghot.yo.cms.form.create.CreateFormCallingList;
+import com.pudonghot.yo.cms.form.update.UpdateFormCallingList;
+import com.pudonghot.yo.cms.service.CallingListService;
+import com.pudonghot.yo.mapper.CallingListMapper;
+import com.pudonghot.yo.mapper.CampaignMapper;
+import com.pudonghot.yo.model.domain.CallingList;
+import com.pudonghot.yo.model.domain.Campaign;
+import com.wacai.tigon.service.support.BaseCrudByFormServiceSupport;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.shiro.util.Assert;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+
+/**
+ * @author bingpo
+ * @date 2020/3/16 下午4:00
+ */
+@Slf4j
+@Service
+public class CallingListServiceImpl
+    extends BaseCrudByFormServiceSupport<Integer,
+        CallingList,
+        CreateFormCallingList,
+        UpdateFormCallingList,
+        CallingListMapper>
+    implements CallingListService {
+    @Autowired
+    private CampaignMapper campaignMapper;
+
+    @Override
+    protected void beforeCreate(CreateFormCallingList form, CallingList model) {
+        super.beforeCreate(form, model);
+        final Integer campaignId = form.getCampaignId();
+        final Campaign campaign = campaignMapper.find(campaignId);
+        Assert.state(campaign != null, "无效的campaign[ " + campaignId + " ]");
+        model.setCampaignKey(campaign.getCampaignKey());
+    }
+
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/CampaignServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/CampaignServiceImpl.java
new file mode 100644
index 00000000..b19b41e1
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/CampaignServiceImpl.java
@@ -0,0 +1,159 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import java.util.Set;
+
+import com.pudonghot.yo.cms.form.RobotConfigForm;
+import com.pudonghot.yo.cms.form.SessionForm;
+import com.pudonghot.yo.cms.form.create.CreateFormCampaign;
+import com.pudonghot.yo.mapper.RobotCallConfigMapper;
+import com.pudonghot.yo.model.domain.RobotCallConfig;
+import lombok.extern.slf4j.Slf4j;
+import java.util.stream.Collectors;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.model.ViewModel;
+import com.wacai.tigon.sequence.IdSequence;
+import org.apache.commons.lang3.tuple.Pair;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.beans.BeanUtils;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.mapper.CampaignMapper;
+import com.pudonghot.yo.model.domain.Campaign;
+import com.pudonghot.yo.cms.service.CampaignService;
+import org.springframework.beans.factory.annotation.Autowired;
+import com.pudonghot.yo.mapper.CampaignTrunkStrategyMapper;
+import com.pudonghot.yo.model.domain.CampaignTrunkStrategy;
+import com.pudonghot.yo.cms.form.update.UpdateFormCampaign;
+
+/**
+ * @author Donghuang <br>
+ * Jan 02, 2020 16:46:00
+ */
+@Slf4j
+@Service
+public class CampaignServiceImpl
+    extends TaggableServiceImpl<Campaign,
+        CreateFormCampaign,
+        UpdateFormCampaign,
+        CampaignMapper>
+    implements CampaignService {
+
+    @Autowired
+    private IdSequence idSeq;
+    @Autowired
+    private RobotCallConfigMapper robotCallConfigMapper;
+    @Autowired
+    private CampaignTrunkStrategyMapper campaignTrunkStrategyMapper;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<Campaign> create(final CreateFormCampaign form) {
+        final ViewModel<Campaign> vm = super.create(form);
+
+        final Campaign agentGroup = vm.getData();
+        final Integer[] strategies = form.getTrunkStrategies();
+        if (strategies != null) {
+            for (final Integer strategy : strategies) {
+                insertTrunkStrategy(agentGroup, strategy, form);
+            }
+        }
+        if (form.getRobotConfig()) {
+            final RobotConfigForm robotConfigForm = new RobotConfigForm();
+            BeanUtils.copyProperties(form, robotConfigForm);
+            insertRobotConfig(agentGroup, robotConfigForm);
+        }
+        return vm;
+    }
+
+    private void insertRobotConfig(final Campaign campaign,
+                                   final RobotConfigForm form) {
+        final RobotCallConfig robotCallConfig = new RobotCallConfig();
+        robotCallConfig.setTenantId(campaign.getTenantId());
+        robotCallConfig.setTenantCode(campaign.getTenantCode());
+        robotCallConfig.setCampaignId(campaign.getId());
+        robotCallConfig.setResultTopic(form.getRobotResultTopic());
+        robotCallConfig.setStateMachineId(form.getRobotStateMachineId());
+        robotCallConfig.setFetchData(form.getRobotFetchData());
+        final Boolean fetchLocal = form.getRobotFetchLocal();
+        robotCallConfig.setFetchLocal(fetchLocal == null ? false : !fetchLocal);
+        robotCallConfig.setFetchUrl(form.getRobotFetchUrl());
+        robotCallConfig.setFetchHeader(form.getRobotFetchHeader());
+        robotCallConfigMapper.insert(robotCallConfig);
+    }
+
+    private void deleteRobotConfig(final Campaign campaign) {
+        robotCallConfigMapper.delete(new Search(RobotCallConfig.CAMPAIGN_ID, campaign.getId()));
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<Campaign> update(final UpdateFormCampaign form) {
+        final ViewModel<Campaign> vm = super.update(form);
+        final Campaign agentGroup = vm.getData();
+        final Integer agentGroupId = agentGroup.getId();
+
+        final Set<Integer> strategiesExisted = campaignTrunkStrategyMapper.list(
+                new Search(CampaignTrunkStrategy.CAMPAIGN_ID,
+                    agentGroupId)).stream()
+            .map(CampaignTrunkStrategy::getTrunkStrategyId)
+            .collect(Collectors.toSet());
+
+        final Pair<Set<Integer>, Set<Integer>> strategiesDiff =
+            diff(strategiesExisted, form.getTrunkStrategies());
+
+        for (final Integer strategyId : strategiesDiff.getLeft()) {
+            insertTrunkStrategy(agentGroup, strategyId, form);
+        }
+
+        if (!strategiesDiff.getRight().isEmpty()) {
+            campaignTrunkStrategyMapper.delete(
+                new Search(CampaignTrunkStrategy.CAMPAIGN_ID, agentGroupId)
+                    .in(CampaignTrunkStrategy.TRUNK_STRATEGY_ID,
+                        strategiesDiff.getRight()));
+        }
+        deleteRobotConfig(agentGroup);
+        if (form.getRobotConfig()) {
+            final RobotConfigForm robotConfigForm = new RobotConfigForm();
+            BeanUtils.copyProperties(form, robotConfigForm);
+            insertRobotConfig(agentGroup, robotConfigForm);
+        }
+        return vm;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void beforeInsert(final Campaign model) {
+        super.beforeInsert(model);
+        model.setStatus(Campaign.Status.STOPPED);
+        if (StringUtils.isBlank(model.getCampaignKey())) {
+            model.setCampaignKey(idSeq.get());
+        }
+    }
+
+    protected void insertTrunkStrategy(final Campaign agentGroup,
+        final Integer strategyId,
+        final SessionForm form) {
+        final CampaignTrunkStrategy model =
+            new CampaignTrunkStrategy();
+        model.setTenantId(form.getTenantId());
+        model.setTenantCode(form.getTenantCode());
+        model.setCampaignId(agentGroup.getId());
+        model.setTrunkStrategyId(strategyId);
+        model.setCreatedBy(form.getAuthUser());
+
+        log.info("Insert agent group trunk strategy [{}].", model);
+        campaignTrunkStrategyMapper.insert(model);
+    }
+
+    @Override
+    public int delete(Integer id) {
+        final Campaign campaign = find(id);
+        deleteRobotConfig(campaign);
+        return super.delete(id);
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/GatewayServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/GatewayServiceImpl.java
new file mode 100644
index 00000000..96fec583
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/GatewayServiceImpl.java
@@ -0,0 +1,25 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import com.pudonghot.yo.cms.form.create.CreateFormGateway;
+import com.pudonghot.yo.cms.form.update.UpdateFormGateway;
+import com.pudonghot.yo.cms.service.GatewayService;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.mapper.GatewayMapper;
+import com.pudonghot.yo.model.domain.Gateway;
+import com.wacai.tigon.service.support.BaseCrudByFormServiceSupport;
+
+/**
+ * @author Donghuang <br>
+ * Nov 01, 2019 22:48:24
+ */
+@Slf4j
+@Service
+public class GatewayServiceImpl
+    extends BaseCrudByFormServiceSupport<Integer,
+        Gateway,
+        CreateFormGateway,
+        UpdateFormGateway,
+        GatewayMapper>
+    implements GatewayService {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/QueueServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/QueueServiceImpl.java
new file mode 100644
index 00000000..a1bdb821
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/QueueServiceImpl.java
@@ -0,0 +1,58 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import com.pudonghot.yo.cms.form.create.CreateFormQueue;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.util.Assert;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.mapper.QueueMapper;
+import com.pudonghot.yo.model.domain.Queue;
+import com.pudonghot.yo.mapper.TenantMapper;
+import com.pudonghot.yo.model.domain.Tenant;
+import com.pudonghot.yo.cms.service.QueueService;
+import com.pudonghot.yo.cms.service.SequenceService;
+import org.springframework.beans.factory.annotation.Value;
+import com.pudonghot.yo.cms.form.update.UpdateFormQueue;
+import org.springframework.beans.factory.annotation.Autowired;
+import com.wacai.tigon.service.support.BaseCrudByFormServiceSupport;
+
+/**
+ * @author Donghuang <br>
+ * Nov 16, 2019 12:46:42
+ */
+@Slf4j
+@Service
+public class QueueServiceImpl
+    extends BaseCrudByFormServiceSupport<Integer,
+        Queue,
+        CreateFormQueue,
+        UpdateFormQueue,
+        QueueMapper>
+    implements QueueService {
+
+    @Value("${yo.cms.queue.seq-name:QUEUE}")
+    private String seqName;
+    @Value("${yo.cms.queue.identifier-prefix:Q}")
+    private String identifierPrefix;
+    @Autowired
+    private SequenceService seqService;
+    @Autowired
+    private TenantMapper tenantMapper;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void beforeInsert(final Queue model) {
+        super.beforeInsert(model);
+        if (StringUtils.isBlank(model.getIdentifier())) {
+            final Integer tenantId = model.getTenantId();
+            final Tenant tenant = tenantMapper.find(tenantId);
+            Assert.state(tenant != null,
+                () -> "No tenant [" + tenantId + "] found");
+            model.setIdentifier(identifierPrefix +
+                StringUtils.leftPad(String.valueOf(
+                    seqService.nextVal(tenantId, seqName)), 6, '0'));
+        }
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/RobotAgentServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/RobotAgentServiceImpl.java
new file mode 100644
index 00000000..dbca7b04
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/RobotAgentServiceImpl.java
@@ -0,0 +1,51 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import com.pudonghot.yo.cms.form.create.CreateFormRobotAgent;
+import com.pudonghot.yo.cms.form.update.UpdateFormRobotAgent;
+import com.pudonghot.yo.cms.service.RobotAgentService;
+import com.pudonghot.yo.mapper.AgentMapper;
+import com.pudonghot.yo.mapper.RobotAgentMapper;
+import com.pudonghot.yo.model.domain.Agent;
+import com.pudonghot.yo.model.domain.RobotAgent;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.service.support.BaseCrudByFormServiceSupport;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.stereotype.Service;
+import org.springframework.util.Assert;
+
+/**
+ * @author: qiushui
+ * @date: 2020-02-27 17:37
+ */
+@Service
+@Slf4j
+public class RobotAgentServiceImpl extends BaseCrudByFormServiceSupport<Integer,
+        RobotAgent,
+        CreateFormRobotAgent,
+        UpdateFormRobotAgent,
+        RobotAgentMapper>
+        implements RobotAgentService {
+
+    @Autowired
+    private AgentMapper agentMapper;
+
+    @Override
+    public void batchCreate(CreateFormRobotAgent form) {
+        for(Integer agentId : form.getAgentIds()){
+            Agent agent = agentMapper.find(agentId);
+            Assert.notNull(agent,"agent not exist! id : " + agentId);
+
+            Assert.isTrue(!mapper.exists(new Search(RobotAgent.AGENT_ID,agent.getId()))
+                    ,"坐席" + agent.getAgent() +  "已存在！");
+
+            RobotAgent robotAgent = new RobotAgent();
+            form.copy(robotAgent);
+            robotAgent.setAccount(agent.getAccount());
+            robotAgent.setAgent(agent.getAgent());
+            robotAgent.setAgentId(agentId);
+            robotAgent.setStatus(RobotAgent.Status.AVAILABLE);
+            mapper.insert(robotAgent);
+        }
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/SequenceServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/SequenceServiceImpl.java
new file mode 100644
index 00000000..334b2840
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/SequenceServiceImpl.java
@@ -0,0 +1,68 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import com.pudonghot.yo.cms.form.create.CreateFormSequence;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.Search;
+import org.springframework.util.Assert;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.mapper.SequenceMapper;
+import com.pudonghot.yo.model.domain.Sequence;
+import com.pudonghot.yo.cms.service.SequenceService;
+import com.pudonghot.yo.cms.form.update.UpdateFormSequence;
+import org.springframework.transaction.annotation.Transactional;
+import com.wacai.tigon.service.support.BaseCrudByFormServiceSupport;
+
+/**
+ * @author Donghuang <br>
+ * Nov 01, 2019 22:48:24
+ */
+@Slf4j
+@Service
+public class SequenceServiceImpl
+    extends BaseCrudByFormServiceSupport<Integer,
+        Sequence,
+        CreateFormSequence,
+        UpdateFormSequence,
+        SequenceMapper>
+    implements SequenceService {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void validate(final CreateFormSequence form) {
+        super.validate(form);
+        Assert.state(!mapper.exists(
+            new Search(Sequence.TENANT_ID, form.getTenantId())
+                .eq(Sequence.NAME, form.getName())),
+            () -> "Sequence [" + form.getName() + "] existed");
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @Transactional
+    public Long nextVal(final Integer tenantId, final String name) {
+        final Sequence seq = mapper.findForUpdate(
+            new Search(Sequence.NAME, name)
+                .eq(Sequence.TENANT_ID, tenantId)
+                .eq(Sequence.ACTIVE, true));
+        Assert.state(seq != null, () -> "No valid sequence [" + name + "] found");
+        final Long nextVal = seq.getCurrentVal() + seq.getStep();
+        seq.setCurrentVal(nextVal);
+        mapper.update(seq);
+        return nextVal;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void beforeInsert(final Sequence model) {
+        super.beforeInsert(model);
+        if (model.getCurrentVal() == null) {
+            model.setCurrentVal(model.getInitVal());
+        }
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TagServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TagServiceImpl.java
new file mode 100644
index 00000000..4fa9f633
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TagServiceImpl.java
@@ -0,0 +1,45 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import com.pudonghot.yo.cms.form.create.CreateFormTag;
+import lombok.extern.slf4j.Slf4j;
+import com.pudonghot.yo.mapper.TagMapper;
+import com.pudonghot.yo.model.domain.Tag;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.cms.service.TagService;
+import com.pudonghot.yo.cms.form.update.UpdateFormTag;
+import com.wacai.tigon.service.support.BaseCrudByFormServiceSupport;
+
+/**
+ * @author Donghuang <br>
+ * Nov 14, 2019 12:04:36
+ */
+@Slf4j
+@Service
+public class TagServiceImpl
+    extends BaseCrudByFormServiceSupport<Integer,
+        Tag,
+        CreateFormTag,
+        UpdateFormTag,
+        TagMapper>
+    implements TagService {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void beforeCreate(final CreateFormTag form, final Tag model) {
+        super.beforeCreate(form, model);
+        model.setOwner(form.getScope() == Tag.Scope.USER ?
+            form.getAuthUser() : Tag.OWNER_COMMON);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void beforeUpdate(final UpdateFormTag form, final Tag model) {
+        super.beforeUpdate(form, model);
+        model.setOwner(form.getScope() == Tag.Scope.USER ?
+            form.getAuthUser() : Tag.OWNER_COMMON);
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TaggableServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TaggableServiceImpl.java
new file mode 100644
index 00000000..b8093119
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TaggableServiceImpl.java
@@ -0,0 +1,184 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import java.util.*;
+
+import com.pudonghot.yo.cms.form.SessionForm;
+import com.pudonghot.yo.cms.form.TaggableForm;
+import com.pudonghot.yo.cms.util.SetUtils;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.*;
+import java.util.stream.Collectors;
+import com.wacai.tigon.model.ViewModel;
+import org.springframework.util.Assert;
+import org.apache.commons.lang3.tuple.Pair;
+import com.wacai.tigon.form.FormCreateApi;
+import com.wacai.tigon.form.FormUpdateApi;
+import com.pudonghot.yo.mapper.ObjectTagMapper;
+import com.pudonghot.yo.model.domain.ObjectTag;
+import com.pudonghot.yo.cms.service.TaggableService;
+import com.pudonghot.yo.model.domain.TaggableDomain;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.transaction.annotation.Propagation;
+import org.springframework.transaction.annotation.Transactional;
+import com.wacai.tigon.service.support.BaseCrudByFormServiceSupport;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 12:52:47
+ */
+@Slf4j
+public abstract class TaggableServiceImpl<
+        Model extends TaggableDomain,
+        FormCreate extends FormCreateApi & SessionForm & TaggableForm,
+        FormUpdate extends FormUpdateApi<Integer> &SessionForm & TaggableForm,
+        Mapper extends BaseMapper<Integer, Model>>
+    extends BaseCrudByFormServiceSupport<
+        Integer, Model, FormCreate, FormUpdate, Mapper>
+    implements TaggableService<Model, FormCreate, FormUpdate> {
+
+    @Autowired
+    protected ObjectTagMapper tagMapper;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<Model> findViewModel(final Search search) {
+        final List<Model> models = mapper.list(search);
+        Assert.state(models.size() < 2, "Multiple results queried");
+        return toViewModel(models.isEmpty() ?
+            null : models.iterator().next());
+    }
+
+    /**
+     * For keys generation
+     *
+     * {@inheritDoc}
+     */
+    @Override
+    @Transactional(propagation = Propagation.REQUIRES_NEW)
+    public ViewModel<Model> create(Model model) {
+        return super.create(model);
+    }
+
+    /**
+     * For keys generation
+     *
+     * @param models model
+     * @return
+     */
+    @Override
+    @Transactional(propagation = Propagation.REQUIRES_NEW)
+    public Collection<ViewModel<Model>> create(Collection<Model> models) {
+        return super.create(models);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<Model> create(final FormCreate form) {
+        final ViewModel<Model> vm = super.create(form);
+
+        final Integer[] tags = form.getTags();
+        if (tags != null) {
+            for (final Integer tagId : tags) {
+                insertTag(vm.getData(), tagId, form);
+            }
+        }
+        return vm;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<Model> update(FormUpdate form) {
+        final ViewModel<Model> vm = super.update(form);
+        final Model model = vm.getData();
+        final Integer id = form.getId();
+
+        final Pair<Set<Integer>, Set<Integer>> tagsDiff =
+            diff(existedTags(id), form.getTags());
+
+        // add
+        for (final Integer tagId : tagsDiff.getLeft()) {
+            insertTag(model, tagId, form);
+        }
+
+        // remove
+        if (!tagsDiff.getRight().isEmpty()) {
+            tagMapper.delete(
+                new Search(ObjectTag.OBJECT_TABLE, table)
+                        .eq(ObjectTag.OBJECT_ID, id)
+                        .in(ObjectTag.TAG_ID, tagsDiff.getRight()));
+        }
+
+        return vm;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @Transactional
+    public int delete(final Search search) {
+        tagMapper.delete(
+            new Search(ObjectTag.OBJECT_TABLE, table)
+                .in(ObjectTag.OBJECT_ID, list(search)
+                    .stream().map(Model::getId)
+                    .collect(Collectors.toList())));
+        return super.delete(search);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @Transactional
+    public int delete(final Integer id) {
+        tagMapper.delete(new Search(ObjectTag.OBJECT_TABLE, table)
+            .eq(ObjectTag.OBJECT_ID, id));
+        return super.delete(id);
+    }
+
+    /**
+     * insert tag
+     *
+     * @param model model
+     * @param tagId tag id
+     * @param form form
+     */
+    protected void insertTag(final Model model, final Integer tagId, final SessionForm form) {
+        final ObjectTag objectTag = form.copy(new ObjectTag());
+        objectTag.setObjectTable(table);
+        objectTag.setObjectId(model.getId());
+        objectTag.setTagId(tagId);
+        objectTag.setCreatedBy(form.getAuthUser());
+        objectTag.setUpdatedBy(null);
+
+        log.info("Insert object tag [{}].", objectTag);
+        tagMapper.insert(objectTag);
+    }
+
+    protected Set<Integer> existedTags(final Integer id) {
+        return tagMapper.list(
+            new Search(ObjectTag.OBJECT_TABLE, table)
+                .eq(ObjectTag.OBJECT_ID, id)).stream()
+                .map(ObjectTag::getTagId)
+                .collect(Collectors.toSet());
+    }
+
+    /**
+     * set diff
+     *
+     * @param existed existed items set
+     * @param formArray from items id array
+     * @param <T> element type
+     * @return diff, left: ADD, right: DELETE
+     */
+    protected <T> Pair<Set<T>, Set<T>> diff(Set<T> existed, T[] formArray) {
+        return SetUtils.diff(existed, formArray != null ?
+                new HashSet<>(Arrays.asList(formArray)) : null);
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TelecomVendorServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TelecomVendorServiceImpl.java
new file mode 100644
index 00000000..a24dde63
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TelecomVendorServiceImpl.java
@@ -0,0 +1,25 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import com.pudonghot.yo.cms.form.create.CreateFormTelecomVendor;
+import com.pudonghot.yo.cms.form.update.UpdateFormTelecomVendor;
+import com.pudonghot.yo.cms.service.TelecomVendorService;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.mapper.TelecomVendorMapper;
+import com.pudonghot.yo.model.domain.TelecomVendor;
+import com.wacai.tigon.service.support.BaseCrudByFormServiceSupport;
+
+/**
+ * @author Donghuang <br>
+ * Nov 01, 2019 22:48:24
+ */
+@Slf4j
+@Service
+public class TelecomVendorServiceImpl
+    extends BaseCrudByFormServiceSupport<Integer,
+        TelecomVendor,
+        CreateFormTelecomVendor,
+        UpdateFormTelecomVendor,
+        TelecomVendorMapper>
+    implements TelecomVendorService {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TenantServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TenantServiceImpl.java
new file mode 100644
index 00000000..4b77beb3
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TenantServiceImpl.java
@@ -0,0 +1,139 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import java.util.List;
+
+import com.pudonghot.yo.cms.form.create.CreateFormTenant;
+import com.pudonghot.yo.redis.RedisClientApi;
+import lombok.extern.slf4j.Slf4j;
+import java.util.stream.Collectors;
+import com.wacai.tigon.mybatis.Search;
+import org.springframework.util.Assert;
+import com.wacai.tigon.sequence.IdSequence;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.model.ValueTextModel;
+import com.pudonghot.yo.mapper.TenantMapper;
+import com.pudonghot.yo.model.domain.Tenant;
+import org.apache.commons.lang3.RandomStringUtils;
+import com.pudonghot.yo.cms.service.TenantService;
+import org.springframework.beans.factory.annotation.Value;
+import com.pudonghot.yo.cms.form.update.UpdateFormTenant;
+import org.springframework.beans.factory.annotation.Autowired;
+import com.wacai.tigon.service.support.BaseCrudByFormServiceSupport;
+
+/**
+ * @author Donghuang <br>
+ * Nov 01, 2019 15:43:13
+ */
+@Slf4j
+@Service
+public class TenantServiceImpl
+    extends BaseCrudByFormServiceSupport<Integer,
+        Tenant,
+        CreateFormTenant,
+        UpdateFormTenant,
+        TenantMapper>
+    implements TenantService {
+
+    @Value("${yo.cms.tenant.cache-key:AUTH_TENANT}")
+    private String tenantCacheKey;
+    @Value("${yo.cms.tenant.access-secret-length:32}")
+    private int accessSecretLength;
+    @Autowired
+    private RedisClientApi codisClient;
+    @Autowired
+    private IdSequence idSeq;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void switchTo(final String account, final String tenantCode) {
+        final Tenant tenant = mapper.find(
+            new Search(Tenant.CODE, tenantCode).eq(Tenant.ACTIVE, true));
+        Assert.state(tenant != null, "Tenant [" + tenantCode + "] not found");
+        codisClient.hset(tenantCacheKey, account, tenantCode);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ValueTextModel<String> current(final String account) {
+        final String tenantCode = codisClient.hget(tenantCacheKey, account);
+        if (StringUtils.isNotBlank(tenantCode)) {
+            final Tenant tenant = mapper.find(
+                new Search(Tenant.CODE, tenantCode)
+                    .eq(Tenant.ACTIVE, true));
+            if (tenant != null) {
+                return ValueTextModel.of(tenantCode, tenant.getName());
+            }
+            log.info("Tenant [{}] not found, remove from account [{}] cache.", tenantCode, account);
+            codisClient.hdel(tenantCacheKey, account);
+        }
+        return null;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ValueTextModel<String> clear(final String account) {
+        final ValueTextModel<String> tenant = current(account);
+        if (tenant != null) {
+            codisClient.hdel(tenantCacheKey, account);
+        }
+        return tenant;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public List<ValueTextModel<String>> listOfUser(final String account) {
+        return toVt(mapper.listOfUser(account));
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public List<ValueTextModel<String>> listOfAdmin() {
+        return toVt(mapper.list(new Search(Tenant.ACTIVE, true)));
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void beforeUpdate(final UpdateFormTenant form, final Tenant model) {
+        super.beforeUpdate(form, model);
+
+        if (form.isRenewAccessSecret()) {
+            log.info("Renew tenant [{}] access secret.", model);
+            model.setAccessSecret(
+                RandomStringUtils.randomAlphanumeric(accessSecretLength));
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void beforeInsert(final Tenant model) {
+        super.beforeInsert(model);
+        if (StringUtils.isBlank(model.getAccessKey())) {
+            model.setAccessKey(idSeq.get());
+        }
+        if (StringUtils.isBlank(model.getAccessSecret())) {
+            model.setAccessSecret(
+                RandomStringUtils.randomAlphanumeric(accessSecretLength));
+        }
+    }
+
+    public List<ValueTextModel<String>> toVt(final List<Tenant> tenants) {
+        return tenants.stream()
+            .map(t -> new ValueTextModel<>(t.getCode(), t.getName()))
+            .collect(Collectors.toList());
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TrunkAttrServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TrunkAttrServiceImpl.java
new file mode 100644
index 00000000..2a368a91
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TrunkAttrServiceImpl.java
@@ -0,0 +1,52 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import com.pudonghot.yo.cms.form.create.CreateFormTrunkAttr;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.Search;
+import org.springframework.util.Assert;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.model.domain.TrunkAttr;
+import com.pudonghot.yo.mapper.TrunkAttrMapper;
+import com.pudonghot.yo.cms.service.TrunkAttrService;
+import com.pudonghot.yo.cms.form.update.UpdateFormTrunkAttr;
+import com.wacai.tigon.service.support.BaseCrudByFormServiceSupport;
+
+/**
+ * @author Donghuang <br>
+ * Nov 14, 2019 12:04:36
+ */
+@Slf4j
+@Service
+public class TrunkAttrServiceImpl
+    extends BaseCrudByFormServiceSupport<Integer,
+        TrunkAttr,
+        CreateFormTrunkAttr,
+        UpdateFormTrunkAttr,
+        TrunkAttrMapper>
+    implements TrunkAttrService {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void validate(final CreateFormTrunkAttr form) {
+        super.validate(form);
+        Assert.state(!mapper.exists(
+            new Search(TrunkAttr.TENANT_ID, form.getTenantId())
+                    .eq(TrunkAttr.ATTR, form.getAttr())),
+            () -> "中继属性[" + form.getAttr() + "]已经存在");
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void validate(final UpdateFormTrunkAttr form) {
+        super.validate(form);
+        Assert.state(!mapper.exists(
+            new Search(TrunkAttr.TENANT_ID, form.getTenantId())
+                .ne(TrunkAttr.ID, form.getId())
+                .eq(TrunkAttr.ATTR, form.getAttr())),
+            () -> "中继属性[" + form.getAttr() + "]已经存在");
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TrunkProhibitedAreaCodeServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TrunkProhibitedAreaCodeServiceImpl.java
new file mode 100644
index 00000000..3f292a5c
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TrunkProhibitedAreaCodeServiceImpl.java
@@ -0,0 +1,25 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import com.pudonghot.yo.cms.form.BaseUpdateForm;
+import com.pudonghot.yo.cms.form.create.CreateFormTrunkProhibitedAreaCode;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.mapper.TrunkProhibitedAreaCodeMapper;
+import com.pudonghot.yo.model.domain.TrunkProhibitedAreaCode;
+import com.wacai.tigon.service.support.BaseCrudByFormServiceSupport;
+import com.pudonghot.yo.cms.service.TrunkProhibitedAreaCodeService;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 19:01:05
+ */
+@Slf4j
+@Service
+public class TrunkProhibitedAreaCodeServiceImpl
+    extends BaseCrudByFormServiceSupport<Integer,
+        TrunkProhibitedAreaCode,
+        CreateFormTrunkProhibitedAreaCode,
+        BaseUpdateForm,
+        TrunkProhibitedAreaCodeMapper>
+    implements TrunkProhibitedAreaCodeService {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TrunkServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TrunkServiceImpl.java
new file mode 100644
index 00000000..623e2459
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TrunkServiceImpl.java
@@ -0,0 +1,230 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import java.util.*;
+
+import com.pudonghot.yo.cms.form.SessionForm;
+import com.pudonghot.yo.cms.form.create.CreateFormTrunk;
+import com.pudonghot.yo.mapper.*;
+import com.pudonghot.yo.model.domain.*;
+import lombok.extern.slf4j.Slf4j;
+import java.util.stream.Collectors;
+import java.util.function.BiConsumer;
+
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.model.ViewModel;
+import org.springframework.util.Assert;
+import org.apache.commons.lang3.tuple.Pair;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.cellphone.CellphoneInfo;
+import com.pudonghot.yo.common.util.MobileUtils;
+import com.pudonghot.yo.cellphone.CellphoneService;
+import com.pudonghot.yo.cms.service.TrunkService;
+import com.pudonghot.yo.cms.service.AreaCodeService;
+import com.pudonghot.yo.cms.service.SequenceService;
+import org.springframework.beans.factory.annotation.Value;
+import com.pudonghot.yo.cms.form.update.UpdateFormTrunk;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 12:46:22
+ */
+@Slf4j
+@Service
+public class TrunkServiceImpl
+        extends TaggableServiceImpl<Trunk,
+        CreateFormTrunk,
+        UpdateFormTrunk,
+        TrunkMapper>
+    implements TrunkService {
+
+    @Autowired
+    private SequenceService seqService;
+    @Value("${yo.cms.trunk-prefix.seq-name:TRUNK}")
+    private String seqName;
+    @Autowired
+    private GatewayMapper gatewayMapper;
+    @Autowired
+    private TelecomVendorMapper telecomVendorMapper;
+    @Autowired
+    private CellphoneService cellphoneService;
+    @Autowired
+    private AreaCodeService areaCodeService;
+    @Autowired
+    private TrunkStrategyTrunkMapper strategyTrunkMapper;
+    @Autowired
+    private TrunkTrunkAttrMapper trunkTrunkAttrMapper;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<Trunk> create(final CreateFormTrunk form) {
+        final Integer telecomVendorId = form.getTelecomVendorId();
+        Assert.state(telecomVendorMapper.exists(
+            new Search(telecomVendorId)
+                .eq(TelecomVendor.ACTIVE, true)),
+            "No valid telecom vendor [" + telecomVendorId + "] found");
+
+        final Integer gatewayId = form.getGatewayId();
+        Assert.state(gatewayMapper.exists(
+            new Search(gatewayId)
+                .eq(Gateway.ACTIVE, true)),
+            "No valid gateway [" + gatewayId + "] found");
+
+        final List<Trunk> trunks = validateCreate(form);
+        create(trunks);
+
+        insertItems(form.getTags(), trunks, (t, i) -> insertTag(t, i, form));
+        insertItems(form.getStrategies(), trunks, (t, i) -> insertStrategy(t, i, form));
+        insertItems(form.getAttrs(), trunks, (t, i) -> insertAttr(t, i, form));
+
+        return new ViewModel<>();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<Trunk> update(final UpdateFormTrunk form) {
+        ViewModel<Trunk> vm = super.update(form);
+        final Trunk trunk = vm.getData();
+        final Integer id = trunk.getId();
+
+        // Strategies
+        final Set<Integer> strategiesExisted = strategyTrunkMapper.list(
+            new Search(TrunkStrategyTrunk.TRUNK_ID, id)).stream()
+                .map(TrunkStrategyTrunk::getTrunkStrategyId)
+                .collect(Collectors.toSet());
+
+        final Pair<Set<Integer>, Set<Integer>> strategiesDiff =
+            diff(strategiesExisted, form.getStrategies());
+
+        for (final Integer strategyId : strategiesDiff.getLeft()) {
+            insertStrategy(trunk, strategyId, form);
+        }
+
+        if (!strategiesDiff.getRight().isEmpty()) {
+            strategyTrunkMapper.delete(
+                new Search(TrunkStrategyTrunk.TRUNK_ID, id)
+                    .in(TrunkStrategyTrunk.TRUNK_STRATEGY_ID,
+                        strategiesDiff.getRight()));
+        }
+
+        // Attrs
+        final Set<Integer> attrsExisted = trunkTrunkAttrMapper.list(
+            new Search(TrunkTrunkAttr.TRUNK_ID, id)).stream()
+                .map(TrunkTrunkAttr::getTrunkAttrId)
+                .collect(Collectors.toSet());
+
+        final Pair<Set<Integer>, Set<Integer>> attrsDiff =
+                diff(attrsExisted, form.getAttrs());
+
+        for (final Integer attrId : attrsDiff.getLeft()) {
+            insertAttr(trunk, attrId, form);
+        }
+
+        if (!attrsDiff.getRight().isEmpty()) {
+            trunkTrunkAttrMapper.delete(
+                new Search(TrunkTrunkAttr.TRUNK_ID, id)
+                    .in(TrunkTrunkAttr.TRUNK_ATTR_ID,
+                        attrsDiff.getRight()));
+        }
+
+        return vm;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void beforeInsert(final Trunk model) {
+        super.beforeInsert(model);
+        if (StringUtils.isBlank(model.getPrefix())) {
+            model.setPrefix(String.valueOf(
+                seqService.nextVal(model.getTenantId(), seqName)));
+        }
+    }
+
+    List<Trunk> validateCreate(final CreateFormTrunk form) {
+        final String[] callerNumbers =
+            form.getCallerNumbers().replaceAll("-", "").split("[^0-9]+");
+        final List<Trunk> trunks = new ArrayList<>(callerNumbers.length);
+
+        Arrays.stream(callerNumbers).forEach(callerNumber -> {
+            Assert.state(callerNumber.matches("^\\d+$"),
+                () -> "外呼中继号码[ " + callerNumber + "]不是有效电话号码");
+            Assert.state(!mapper.exists(
+                new Search(Trunk.CALLER_NUMBER, callerNumber)),
+                    () -> "外呼中继号码[ " + callerNumber + "]已经存在");
+
+            final String areaCode = getTrunk(callerNumber);
+            Assert.state(StringUtils.isNotBlank(areaCode),
+                () -> "外呼中继号码[ " + callerNumber + "]无法匹配区号");
+
+            final Trunk trunk = form.copy(modelType);
+            trunk.setAreaCode(areaCode);
+            trunk.setCallerNumber(callerNumber);
+
+            trunk.setCpn(form.isCpnWithOutAreaCode() ?
+                callerNumber.replaceFirst(areaCode, "") : callerNumber);
+            trunks.add(trunk);
+        });
+        return trunks;
+    }
+
+    private String getTrunk(final String callerNumber) {
+        if (MobileUtils.checkMobile(callerNumber)) {
+            final CellphoneInfo cellphoneInfo =
+                cellphoneService.lookup(callerNumber);
+            Assert.state(cellphoneInfo != null,
+                () -> "No mobile phone [" + callerNumber + "] info found");
+            return cellphoneInfo.getAreaCode();
+        }
+
+        for (final String areaCode : areaCodeService.getCodes()) {
+            if (callerNumber.startsWith(areaCode)) {
+                return areaCode;
+            }
+        }
+        return null;
+    }
+
+    void insertItems(final Integer[] items,
+        final List<Trunk> trunks,
+        final BiConsumer<Trunk, Integer> bic) {
+
+        if (items != null) {
+            for (final Integer item : items) {
+                for (final Trunk trunk : trunks) {
+                    bic.accept(trunk, item);
+                }
+            }
+        }
+    }
+
+    void insertStrategy(final Trunk model, final Integer strategyId, final SessionForm form) {
+        final TrunkStrategyTrunk strategyTrunk = new TrunkStrategyTrunk();
+        strategyTrunk.setTenantId(form.getTenantId());
+        strategyTrunk.setTenantCode(form.getTenantCode());
+        strategyTrunk.setTrunkStrategyId(strategyId);
+        strategyTrunk.setTrunkId(model.getId());
+        strategyTrunk.setCreatedBy(form.getAuthUser());
+        strategyTrunk.setCreatedTime(new Date());
+        log.info("Insert strategy trunk [{}].", strategyTrunk);
+        strategyTrunkMapper.insert(strategyTrunk);
+    }
+
+    void insertAttr(final Trunk model, final Integer attrId, final SessionForm form) {
+        final TrunkTrunkAttr tta = new TrunkTrunkAttr();
+        tta.setTenantId(form.getTenantId());
+        tta.setTenantCode(form.getTenantCode());
+        tta.setTrunkAttrId(attrId);
+        tta.setTrunkId(model.getId());
+        tta.setCreatedBy(form.getAuthUser());
+        tta.setCreatedTime(new Date());
+        log.info("Insert trunk trunk attr [{}].", tta);
+        trunkTrunkAttrMapper.insert(tta);
+    }
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TrunkStrategyServiceImpl.java b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TrunkStrategyServiceImpl.java
new file mode 100644
index 00000000..a63ce0ab
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/service/impl/TrunkStrategyServiceImpl.java
@@ -0,0 +1,25 @@
+package com.pudonghot.yo.cms.service.impl;
+
+import com.pudonghot.yo.cms.form.create.CreateFormTrunkStrategy;
+import com.pudonghot.yo.cms.form.update.UpdateFormTrunkStrategy;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.mapper.TrunkStrategyMapper;
+import com.pudonghot.yo.model.domain.TrunkStrategy;
+import com.pudonghot.yo.cms.service.TrunkStrategyService;
+import com.wacai.tigon.service.support.BaseCrudByFormServiceSupport;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 19:01:05
+ */
+@Slf4j
+@Service
+public class TrunkStrategyServiceImpl
+    extends BaseCrudByFormServiceSupport<Integer,
+        TrunkStrategy,
+        CreateFormTrunkStrategy,
+        UpdateFormTrunkStrategy,
+        TrunkStrategyMapper>
+    implements TrunkStrategyService {
+}
diff --git a/cms/src/main/java/com/pudonghot/yo/cms/util/SetUtils.java b/cms/src/main/java/com/pudonghot/yo/cms/util/SetUtils.java
new file mode 100644
index 00000000..114f40c3
--- /dev/null
+++ b/cms/src/main/java/com/pudonghot/yo/cms/util/SetUtils.java
@@ -0,0 +1,34 @@
+package com.pudonghot.yo.cms.util;
+
+import org.apache.commons.lang3.tuple.Pair;
+
+import java.util.Collections;
+import java.util.HashSet;
+import java.util.Set;
+
+/**
+ * @author Donghuang
+ * @date Feb 08, 2020 13:00:12
+ */
+public class SetUtils {
+
+    /**
+     * set diff
+     * @param thisSet this set
+     * @param otherSet other set
+     * @param <T> element type
+     * @return diff result. left: add, right: remove
+     */
+    public static <T> Pair<Set<T>, Set<T>> diff(final Set<T> thisSet, final Set<T> otherSet) {
+        if (otherSet == null || otherSet.isEmpty()) {
+            return Pair.of(Collections.emptySet(), thisSet);
+        }
+
+        final Set<T> add = new HashSet<>(otherSet);
+        add.removeAll(thisSet);
+
+        final Set<T> remove = new HashSet<>(thisSet);
+        remove.removeAll(otherSet);
+        return Pair.of(add, remove);
+    }
+}
diff --git a/cms/src/main/resources/application.properties b/cms/src/main/resources/application.properties
new file mode 100644
index 00000000..ee14fbb6
--- /dev/null
+++ b/cms/src/main/resources/application.properties
@@ -0,0 +1,38 @@
+server.port=8180
+spring.application.name=yo-br-cms
+spring.jackson.time-zone=GMT+8
+spring.jackson.serialization.write-dates-as-timestamps=true
+spring.jackson.serialization.fail-on-empty-beans=false
+spring.servlet.multipart.max-file-size=256MB
+spring.servlet.multipart.max-request-size=256MB
+site.context-path=
+
+# Feign
+feign.client.config.default.logger-level=full
+
+# Datasource
+yo.datasource.url=jdbc:mysql://172.18.4.35/yoqw?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useLegacyDatetimeCode=false&serverTimezone=Asia/Shanghai
+yo.datasource.username=yoqw
+yo.datasource.password=yoqw_query!
+
+# Datasource
+yo.fs.datasource.url=jdbc:mysql://172.18.4.35/freeswitch?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useLegacyDatetimeCode=false&serverTimezone=Asia/Shanghai
+yo.fs.datasource.username=freeswitch
+yo.fs.datasource.password=RR!h5IpirsnJ
+
+# Redis
+yo.redis.host=172.16.92.232
+yo.redis.port=6379
+yo.redis.password=123456
+
+# CAS
+tigon.shiro.cas.server.addr=https://cas.wacai.com
+tigon.shiro.cas.client.addr=http://localhost:4200
+tigon.shiro.filter-chain=${site.context-path}/auth/login=anon \
+/=anon \
+/state-machine/**=anon \
+/nlp-component/**=anon \
+/index.html=anon \
+/assets/**=anon \
+/**=user
+
diff --git a/cms/src/main/resources/areacodes.txt b/cms/src/main/resources/areacodes.txt
new file mode 100644
index 00000000..412f86dc
--- /dev/null
+++ b/cms/src/main/resources/areacodes.txt
@@ -0,0 +1,332 @@
+010 北京
+020 广州
+021 上海
+022 天津
+023 重庆
+024 沈阳、铁岭、抚顺
+025 南京
+027 武汉
+028 成都、资阳、眉山
+029 西安、咸阳
+0310 邯郸
+0311 石家庄
+0312 保定
+0313 张家口
+0314 承德
+0315 唐山
+0316 廊坊
+0317 沧州
+0318 衡水
+0319 邢台
+0335 秦皇岛
+0349 朔州
+0350 忻州
+0351 太原
+0352 大同
+0353 阳泉
+0354 晋中
+0355 长治
+0356 晋城
+0357 临汾
+0358 吕梁
+0359 运城
+0370 商丘
+0371 郑州
+0372 安阳
+0373 新乡
+0374 许昌
+0375 平顶山
+0376 信阳
+0377 南阳
+0378 开封
+0379 洛阳
+0391 济源、焦作
+0392 鹤壁
+0393 濮阳
+0394 周口
+0395 漯河
+0396 驻马店
+0398 三门峡
+0411 大连
+0412 鞍山
+0414 本溪
+0415 丹东
+0416 锦州
+0417 营口
+0418 阜新
+0419 辽阳
+0421 朝阳
+0427 盘锦
+0429 葫芦岛
+0431 长春
+0432 吉林
+0433 延边朝鲜族自治州
+0434 四平
+0435 通化
+0436 白城
+0437 辽源
+0438 松原
+0439 白山
+0451 哈尔滨
+0452 齐齐哈尔
+0453 牡丹江
+0454 佳木斯
+0455 绥化
+0456 黑河
+0457 大兴安岭地区
+0458 伊春
+0459 大庆
+0464 七台河
+0467 鸡西
+0468 鹤岗
+0469 双鸭山
+0470 呼伦贝尔
+0471 呼和浩特
+0472 包头
+0473 乌海
+0474 乌兰察布
+0475 通辽
+0476 赤峰
+0477 鄂尔多斯
+0478 巴彦淖尔
+0479 锡林郭勒盟
+0482 兴安盟
+0483 阿拉善盟
+0510 无锡
+0511 镇江
+0512 苏州
+0513 南通
+0514 扬州
+0515 盐城
+0516 徐州
+0517 淮安
+0518 连云港
+0519 常州
+0523 泰州
+0527 宿迁
+0530 菏泽
+0531 济南
+0532 青岛
+0533 淄博
+0534 德州
+0535 烟台
+0536 潍坊
+0537 济宁
+0538 泰安
+0539 临沂
+0543 滨州
+0546 东营
+0550 滁州
+0551 合肥
+0552 蚌埠
+0553 芜湖
+0554 淮南
+0555 马鞍山
+0556 安庆
+0557 宿州
+0558 亳州、阜阳
+0559 黄山
+0561 淮北
+0562 铜陵
+0563 宣城
+0564 六安
+0565 巢湖
+0566 池州
+0570 衢州
+0571 杭州
+0572 湖州
+0573 嘉兴
+0574 宁波
+0575 绍兴
+0576 台州
+0577 温州
+0578 丽水
+0579 金华
+0580 舟山
+0591 福州
+0592 厦门
+0593 宁德
+0594 莆田
+0595 泉州
+0596 漳州
+0597 龙岩
+0598 三明
+0599 南平
+0631 威海
+0632 枣庄
+0633 日照
+0634 莱芜
+0635 聊城
+0660 汕尾
+0662 阳江
+0663 揭阳
+0668 茂名
+0691 西双版纳傣族自治州
+0692 德宏傣族景颇族自治州
+0701 鹰潭
+0710 襄樊
+0711 鄂州
+0712 孝感
+0713 黄冈
+0714 黄石
+0715 咸宁
+0716 荆州
+0717 宜昌
+0718 恩施土家族苗族自治州
+0719 十堰
+0722 随州
+0724 荆门
+0730 岳阳
+0731 长沙、湘潭、株洲
+0734 衡阳
+0735 郴州
+0736 常德
+0737 益阳
+0738 娄底
+0739 邵阳
+0743 湘西土家族苗族自治州
+0744 张家界
+0745 怀化
+0746 永州
+0750 江门
+0751 韶关
+0752 惠州
+0753 梅州
+0754 汕头
+0755 深圳
+0756 珠海
+0757 佛山
+0758 肇庆
+0759 湛江
+0760 中山
+0762 河源
+0763 清远
+0766 云浮
+0768 潮州
+0769 东莞
+0770 防城港
+0771 崇左、南宁
+0772 来宾、柳州
+0773 桂林
+0774 贺州、梧州
+0775 贵港、玉林
+0776 百色
+0777 钦州
+0778 河池
+0779 北海
+0790 新余
+0791 南昌
+0792 九江
+0793 上饶
+0794 抚州
+0795 宜春
+0796 吉安
+0797 赣州
+0798 景德镇
+0799 萍乡
+0812 攀枝花
+0813 自贡
+0816 绵阳
+0817 南充
+0818 达州
+0825 遂宁
+0826 广安
+0827 巴中
+0830 泸州
+0831 宜宾
+0832 内江
+0833 乐山
+0834 凉山彝族自治州
+0835 雅安
+0836 甘孜藏族自治州
+0837 阿坝藏族羌族自治州
+0838 德阳
+0839 广元
+0851 贵阳
+0852 遵义
+0853 安顺
+0854 黔南布依族苗族自治州
+0855 黔东南苗族侗族自治州
+0856 铜仁地区
+0857 毕节地区
+0858 六盘水
+0859 黔西南布依族苗族自治州
+0870 昭通
+0871 昆明
+0872 大理白族自治州
+0873 红河哈尼族彝族自治州
+0874 曲靖
+0875 保山
+0876 文山壮族苗族自治州
+0877 玉溪
+0878 楚雄彝族自治州
+0879 思茅
+0883 临沧
+0886 怒江傈僳族自治州
+0887 迪庆藏族自治州
+0888 丽江
+0891 拉萨
+0892 日喀则地区
+0893 山南地区
+0894 林芝地区
+0895 昌都地区
+0896 那曲地区
+0897 阿里地区
+0898 海口、三亚
+0901 省直辖行政单位
+0902 哈密地区
+0903 和田地区
+0906 阿勒泰地区
+0908 克孜勒苏柯尔克孜自治州
+0909 博尔塔拉蒙古自治州
+0911 延安
+0912 榆林
+0913 渭南
+0914 商洛
+0915 安康
+0916 汉中
+0917 宝鸡
+0919 铜川
+0930 临夏回族自治州
+0931 兰州
+0932 定西
+0933 平凉
+0934 庆阳
+0935 金昌、武威
+0936 张掖
+0937 嘉峪关、酒泉
+0938 天水
+0939 陇南
+0941 甘南藏族自治州
+0943 白银
+0951 银川
+0952 石嘴山
+0953 吴忠
+0954 固原
+0955 中卫
+0970 海北藏族自治州
+0971 西宁
+0972 海东地区
+0973 黄南藏族自治州
+0974 海南藏族自治州
+0975 果洛藏族自治州
+0976 玉树藏族自治州
+0979 海西蒙古族藏族自治州
+0990 克拉玛依
+0991 乌鲁木齐
+0994 昌吉回族自治州
+0995 吐鲁番地区
+0996 巴音郭楞蒙古自治州
+0997 阿克苏地区
+0998 喀什地区
+0999 伊犁哈萨克自治州
+8862 基隆市、台北市、台北县
+8863 花莲县、桃园县、新竹县、宜兰县
+88637 苗栗县
+8864 台中市、彰化县
+88649 南投县
+8865 嘉义县、云林县
+8866 澎湖县、台南市、台南县
+8867 高雄县
+8868 屏东县
+88689 台东县
diff --git a/cms/src/main/resources/logback.xml b/cms/src/main/resources/logback.xml
new file mode 100644
index 00000000..88ba4a20
--- /dev/null
+++ b/cms/src/main/resources/logback.xml
@@ -0,0 +1,42 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<configuration debug="true" scan="true" scanPeriod="180 seconds">>
+
+	<property name="log.level" value="DEBUG" />
+	<property name="log.dir" value="${project.basedir}/.logs" />
+
+	<appender name="Console" class="ch.qos.logback.core.ConsoleAppender">
+		<withJansi>true</withJansi>
+		<encoder>
+			<pattern>%magenta(%d{"yyyy-MM-dd HH:mm:ss,SSS"}) [%thread] %highlight(%-5level) %cyan(%logger{15}) - %msg %n</pattern>
+		</encoder>
+	</appender>
+
+	<appender name="File" class="ch.qos.logback.core.rolling.RollingFileAppender">
+		<file>${log.dir}/${project.artifactId}.log</file>
+		<encoder>
+			<pattern>%d{"yyyy-MM-dd HH:mm:ss,SSS"} [%thread] %-5level %logger{15} %msg %n</pattern>
+		</encoder>
+		<rollingPolicy class="ch.qos.logback.core.rolling.TimeBasedRollingPolicy">
+			<fileNamePattern>${log.dir}/%d{yyyy-MM, aux}/${project.artifactId}-%d{yyyy-MM-dd}.%i.log</fileNamePattern>
+			<timeBasedFileNamingAndTriggeringPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedFNATP">
+				<maxFileSize>32MB</maxFileSize>
+			</timeBasedFileNamingAndTriggeringPolicy>
+		</rollingPolicy>
+	</appender>
+
+	<logger name="org.springframework" level="INFO" additivity="false">
+		<appender-ref ref="Console" />
+		<appender-ref ref="File" />
+	</logger>
+	<logger name="org.apache" level="WARN" additivity="false">
+		<appender-ref ref="File" />
+	</logger>
+	<logger name="org.hibernate.validator" level="WARN" additivity="false">
+		<appender-ref ref="File" />
+	</logger>
+	<root level="${log.level}">
+		<appender-ref ref="Console" />
+		<appender-ref ref="File" />
+	</root>
+</configuration>
+
diff --git a/cms/src/main/resources/spring/spring-ng-conf.xml b/cms/src/main/resources/spring/spring-ng-conf.xml
new file mode 100644
index 00000000..ad1a18f0
--- /dev/null
+++ b/cms/src/main/resources/spring/spring-ng-conf.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd">
+
+</beans>
diff --git a/cms/src/main/resources/static/check_backend_active.html b/cms/src/main/resources/static/check_backend_active.html
new file mode 100644
index 00000000..a0aba931
--- /dev/null
+++ b/cms/src/main/resources/static/check_backend_active.html
@@ -0,0 +1 @@
+OK
\ No newline at end of file
diff --git a/cms/src/test/java/com/pudonghot/yo/cms/TestDriver.java b/cms/src/test/java/com/pudonghot/yo/cms/TestDriver.java
new file mode 100644
index 00000000..1eb3a895
--- /dev/null
+++ b/cms/src/test/java/com/pudonghot/yo/cms/TestDriver.java
@@ -0,0 +1,22 @@
+package com.pudonghot.yo.cms;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 20:27:23
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@SpringBootTest(classes = YoCMS.class)
+public class TestDriver {
+
+    @Test
+    public void run() {
+        log.info("Run.");
+    }
+}
diff --git a/cms/src/test/resources/spring/spring-test.xml b/cms/src/test/resources/spring/spring-test.xml
new file mode 100644
index 00000000..ac985d21
--- /dev/null
+++ b/cms/src/test/resources/spring/spring-test.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+       http://www.springframework.org/schema/beans/spring-beans.xsd">
+</beans>
diff --git a/codegen.properties b/codegen.properties
new file mode 100644
index 00000000..4af1903e
--- /dev/null
+++ b/codegen.properties
@@ -0,0 +1,59 @@
+# Server
+server.port=8080
+spring.application.name=tigon-codegen
+spring.jackson.time-zone=GMT+8
+spring.jackson.serialization.write-dates-as-timestamps=true
+spring.jackson.serialization.fail-on-empty-beans=false
+spring.servlet.multipart.max-file-size=256MB
+spring.servlet.multipart.max-request-size=256MB
+
+# Data source
+tigon.codegen.datasource.url=jdbc:mysql://172.18.4.35/yoqw?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useLegacyDatetimeCode=false&serverTimezone=Asia/Shanghai
+tigon.codegen.datasource.username=yoqw
+tigon.codegen.datasource.password=yoqw_query!
+
+# Code gen
+tigon.codegen.base-package=com.pudonghot.corona
+tigon.codegen.default-gen-items=model,form,mapper,service,controller
+tigon.codegen.mapper.cache-enabled=false
+
+# Model
+tigon.codegen.table-prefix=co
+tigon.codegen.model.project-dir=lib/model
+tigon.codegen.model.base-package=com.pudonghot.corona
+tigon.codegen.model.base-class.name=BaseDomain
+tigon.codegen.model.base-class.fields=id,active,createdTime,updatedTime,createdBy,updatedBy,note
+tigon.codegen.model.base-class.full-name=com.pudonghot.corona.model.common.BaseDomain
+tigon.codegen.model.base-class.import-required=true
+
+# Form Create
+tigon.codegen.form-create.project-dir=lib/model
+tigon.codegen.form-create.base-package=com.pudonghot.corona
+tigon.codegen.form-create.base-class.name=CreateFormBase
+tigon.codegen.form-create.base-class.full-name=com.pudonghot.corona.form.common.CreateFormBase
+tigon.codegen.form-create.base-class.import-required=true
+
+# Form Update
+tigon.codegen.form-update.project-dir=lib/model
+tigon.codegen.form-update.base-package=com.pudonghot.corona
+tigon.codegen.form-update.base-class.name=UpdateFormBase
+tigon.codegen.form-update.base-class.full-name=com.pudonghot.corona.form.common.UpdateFormBase
+tigon.codegen.form-update.base-class.import-required=true
+
+# Mapper
+tigon.codegen.mapper.project-dir=lib/mapper
+tigon.codegen.mapper.base-package=com.pudonghot.corona
+
+# Service
+tigon.codegen.service.project-dir=cms
+tigon.codegen.service.base-package=com.pudonghot.corona.cms
+tigon.codegen.service-impl.project-dir=cms
+tigon.codegen.service-impl.base-package=com.pudonghot.corona.cms
+
+# Controller
+tigon.codegen.controller.project-dir=cms
+tigon.codegen.controller.base-package=com.pudonghot.corona.cms
+
+# File Doc
+tigon.codegen.file-doc.gen=true
+tigon.codegen.file-doc.author=Donghuang
diff --git a/codegen.sh b/codegen.sh
new file mode 100755
index 00000000..029efeed
--- /dev/null
+++ b/codegen.sh
@@ -0,0 +1,34 @@
+#!/bin/bash
+
+###
+# 辅助生成代码脚本
+# 可以通过codegen.properties配置数据库、代码包结构等
+##
+
+# get real path of softlink
+get_real_path() {
+    local f="$1"
+    while [ -h "$f" ]; do
+        ls=`ls -ld "$f"`
+        link=`expr "$ls" : '.*-> \(.*\)$'`
+            if expr "$link" : '/.*' > /dev/null; then
+            f="$link"
+        else
+            f=`dirname "$f"`/"$link"
+        fi
+    done
+    echo "$f"
+}
+
+prg_path=$(get_real_path "$0")
+echo "Script path [$prg_path]"
+
+# Service Home
+pushd $(dirname "$prg_path")
+WORK_DIR=$(pwd)
+echo "Work dir [$WORK_DIR]"
+
+mvn -T 2C -am -DskipTests -pl lib/tigon/codegen spring-boot:run \
+    -Dspring-boot.run.arguments="--tigon.codegen.work-dir=$WORK_DIR --spring.config.location=$WORK_DIR/codegen.properties --server.port=8088"
+popd
+
diff --git a/doc/images/install-lombok-plugin.png b/doc/images/install-lombok-plugin.png
new file mode 100644
index 00000000..38e84c8f
Binary files /dev/null and b/doc/images/install-lombok-plugin.png differ
diff --git a/fsagent/.obelisk.yml b/fsagent/.obelisk.yml
new file mode 100644
index 00000000..d8bbf4dc
--- /dev/null
+++ b/fsagent/.obelisk.yml
@@ -0,0 +1,4 @@
+options:
+  env: SECURE_AGENT=true
+docker:
+  from: dockerhub.test.wacai.info/yo/debian-freeswitch-jdk:0.0.1
diff --git a/fsagent/pom.xml b/fsagent/pom.xml
new file mode 100644
index 00000000..9e68468b
--- /dev/null
+++ b/fsagent/pom.xml
@@ -0,0 +1,121 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-fsagent</artifactId>
+    <version>0.0.1-RELEASE</version>
+    <name>Yo FreeSWITCH Agent</name>
+    <description>Yo FreeSWITCH Agent</description>
+    <packaging>jar</packaging>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <properties>
+        <spring-boot.run.main-class>com.pudonghot.yo.fsagent.YoFsAgent</spring-boot.run.main-class>
+    </properties>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-mapper</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-redis-raw</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-fs-mapper</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-util</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-cellphone-location</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-web-common</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-service-support</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-common</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-freemarker</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-actuator</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-fsesl</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-fsagent-api</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-http-client-apache</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.dubbo</groupId>
+            <artifactId>dubbo-spring-boot-starter</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.dubbo</groupId>
+            <artifactId>dubbo-dependencies-zookeeper</artifactId>
+            <type>pom</type>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.curator</groupId>
+            <artifactId>curator-x-discovery</artifactId>
+        </dependency>
+        <!-- Provided Dependencies -->
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+
+    <build>
+        <plugins>
+            <plugin>
+                <groupId>org.springframework.boot</groupId>
+                <artifactId>spring-boot-maven-plugin</artifactId>
+                <configuration>
+                    <skip>false</skip>
+                    <fork>true</fork>
+                </configuration>
+            </plugin>
+            <plugin>
+                <groupId>pl.project13.maven</groupId>
+                <artifactId>git-commit-id-plugin</artifactId>
+            </plugin>
+        </plugins>
+    </build>
+</project>
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/YoFsAgent.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/YoFsAgent.java
new file mode 100644
index 00000000..b6ac06a8
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/YoFsAgent.java
@@ -0,0 +1,22 @@
+package com.pudonghot.yo.fsagent;
+
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.boot.SpringApplication;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+
+/**
+ * @author Donghuang <br>
+ * Dec 02, 2019 21:06:05
+ */
+@Slf4j
+@SpringBootApplication
+public class YoFsAgent {
+
+    /**
+     * main
+     * @param args args
+     */
+    public static void main(final String[] args) {
+        SpringApplication.run(YoFsAgent.class, args);
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/constant/ChannelLeg.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/constant/ChannelLeg.java
new file mode 100644
index 00000000..e2208153
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/constant/ChannelLeg.java
@@ -0,0 +1,16 @@
+package com.pudonghot.yo.fsagent.constant;
+
+/**
+ * @author bingpo
+ * @date 2020/3/24 下午2:20
+ */
+public enum ChannelLeg {
+    /**
+     * A leg 先桥接的leg，当前为主叫端
+     */
+    A,
+    /**
+     * B leg 后桥接的leg，当前为被叫端
+     */
+    B
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/AgentStatusController.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/AgentStatusController.java
new file mode 100644
index 00000000..6a2c37ea
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/AgentStatusController.java
@@ -0,0 +1,48 @@
+package com.pudonghot.yo.fsagent.controller;
+
+import com.pudonghot.yo.fsagent.service.AgentStatusService;
+import lombok.extern.slf4j.Slf4j;
+import javax.validation.constraints.NotBlank;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+/**
+ * 为坐席拨打Dialplan设置状态提供接口，参见agent-ready.xml，agent-not-ready.xml
+ *
+ * @author Donghuang <br>
+ * Dec 04, 2019 11:23:06
+ */
+@Slf4j
+@Controller
+@RequestMapping("/agent")
+public class AgentStatusController {
+    @Autowired
+    private AgentStatusService agentStatusService;
+
+    @PostMapping("/ready")
+    public void ready(
+        @NotBlank
+        @RequestParam("domain")
+        final String domain,
+        @NotBlank
+        @RequestParam("user")
+        final String user) {
+        log.info("Domain [{}] agent [{}] ready.", domain, user);
+        agentStatusService.ready(domain, user);
+    }
+
+    @PostMapping("/not-ready")
+    public void notReady(
+        @NotBlank
+        @RequestParam("domain")
+        final String domain,
+        @NotBlank
+        @RequestParam("user")
+        final String user) {
+        log.info("Domain [{}] agent [{}] not ready.", domain, user);
+        agentStatusService.notReady(domain, user);
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/BaseDialplanController.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/BaseDialplanController.java
new file mode 100644
index 00000000..e21b336e
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/BaseDialplanController.java
@@ -0,0 +1,46 @@
+package com.pudonghot.yo.fsagent.controller;
+
+import com.pudonghot.yo.model.domain.Tenant;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.Search;
+import org.apache.commons.lang3.time.DateFormatUtils;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.servlet.view.freemarker.FreeMarkerView;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:57:14
+ */
+@Slf4j
+@RequestMapping(value = "/xml/dialplan")
+public class BaseDialplanController extends BaseXmlController {
+    @Value("${yo.fsagent.recording.file-ext:.ogg}")
+    protected String recordingFileExt;
+
+    protected FreeMarkerView view(final String domain, final String viewFile) {
+        final Tenant tenant = tenantService.find(
+            new Search(Tenant.REALM, domain)
+                .eq(Tenant.ACTIVE, true));
+        if (tenant != null) {
+            final FreeMarkerView view = view("dialplan/" + viewFile);
+            attr(view, "tenant", tenant);
+            attr(view, "realm", domain);
+            return view;
+        }
+        return empty(SECTION_DIALPLAN);
+    }
+
+    protected String recordingFile(
+        final String connId,
+        final String thisDn,
+        final String otherDn) {
+
+        return "$${recordings_dir}/" +
+                connId + "_" +
+                DateFormatUtils.format(System.currentTimeMillis(),
+                    "yyyy-MM-dd_HH-mm-ss") + "_" +
+                thisDn + "-" +
+                otherDn + recordingFileExt;
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/BaseXmlController.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/BaseXmlController.java
new file mode 100644
index 00000000..70a1dbe5
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/BaseXmlController.java
@@ -0,0 +1,77 @@
+package com.pudonghot.yo.fsagent.controller;
+
+import freemarker.template.Configuration;
+import java.nio.charset.StandardCharsets;
+import org.springframework.http.MediaType;
+import org.springframework.context.ApplicationContext;
+import com.pudonghot.yo.fsagent.service.TenantService;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.servlet.view.freemarker.FreeMarkerView;
+
+/**
+ * @author Donghuang <br>
+ * Dec 12, 2019 09:49:30
+ */
+public class BaseXmlController {
+    @Autowired
+    protected Configuration configuration;
+    @Autowired
+    protected ApplicationContext applicationContext;
+    @Autowired
+    protected TenantService tenantService;
+
+    protected static final String SECTION_DIRECTORY = "directory";
+    protected static final String SECTION_DIALPLAN = "dialplan";
+    protected static final String SECTION_CONFIGURATION = "configuration";
+
+    /**
+     * init FreeMarker view
+     *
+     * @return init FreeMarker view
+     */
+    protected FreeMarkerView view() {
+        final FreeMarkerView view = new FreeMarkerView();
+        view.setApplicationContext(applicationContext);
+        view.setConfiguration(configuration);
+        view.setContentType(MediaType.APPLICATION_XML_VALUE);
+        view.setEncoding(StandardCharsets.UTF_8.name());
+        return view;
+    }
+
+    /**
+     * init FreeMarker view
+     *
+     * @param path view path
+     * @return init FreeMarker view
+     */
+    protected FreeMarkerView view(final String path) {
+        final FreeMarkerView view = view();
+        view.setUrl(path);
+        return view;
+    }
+
+    /**
+     * add view attr
+     *
+     * @param view view
+     * @param name attr name
+     * @param val attr value
+     * @return view
+     */
+    protected FreeMarkerView attr(FreeMarkerView view, String name, Object val) {
+        view.addStaticAttribute(name, val);
+        return view;
+    }
+
+    /**
+     * Response empty view
+     *
+     * @param section config section
+     * @return empty xml view
+     */
+    protected FreeMarkerView empty(final String section) {
+        final FreeMarkerView view = view("empty.xml");
+        view.addStaticAttribute("section", section);
+        return view;
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/CdrController.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/CdrController.java
new file mode 100644
index 00000000..92f07f30
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/CdrController.java
@@ -0,0 +1,23 @@
+package com.pudonghot.yo.fsagent.controller;
+
+import java.util.Map;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+/**
+ * @author Donghuang <br>
+ * Dec 04, 2019 11:23:06
+ */
+@Slf4j
+@Controller
+public class CdrController {
+
+    @RequestMapping("/cdr")
+    public void ready(
+        @RequestParam
+        final Map<String, Object> payload) {
+        log.info("Request params: [{}].", payload);
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/ConfigController.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/ConfigController.java
new file mode 100644
index 00000000..f5a36b04
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/ConfigController.java
@@ -0,0 +1,94 @@
+package com.pudonghot.yo.fsagent.controller;
+
+import java.util.Map;
+import java.util.List;
+import javax.sql.DataSource;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.Search;
+import org.apache.commons.lang3.StringUtils;
+import com.pudonghot.yo.model.domain.Gateway;
+import com.alibaba.druid.pool.DruidDataSource;
+import com.pudonghot.yo.fsagent.util.OdbcUtils;
+import org.springframework.stereotype.Controller;
+import com.pudonghot.yo.fsagent.service.GatewayService;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.beans.factory.annotation.Qualifier;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.servlet.view.freemarker.FreeMarkerView;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:57:14
+ */
+@Slf4j
+@Controller
+@RequestMapping("/xml/config")
+public class ConfigController extends BaseXmlController {
+    @Autowired
+    private GatewayService gatewayService;
+    @Autowired
+    @Qualifier("yoDataSource")
+    private DataSource dataSource;
+
+    @RequestMapping
+    public FreeMarkerView config(
+        @RequestParam("key_value")
+        final String configKey,
+        @RequestParam
+        final Map<String, Object> params) {
+
+        log.info("Fetch [{}] config XML.", configKey);
+        log.debug("XML config [{}].", params);
+
+        return empty(SECTION_CONFIGURATION);
+    }
+
+    @RequestMapping(params = "key_value=sofia.conf")
+    public FreeMarkerView sofiaConfig(
+        @RequestParam
+        final Map<String, Object> params) {
+
+        log.info("Fetch sofia config XML.");
+        log.debug("XML sofia config [{}].", params);
+
+        final FreeMarkerView view = view("config/sofia.conf.xml");
+        final List<Gateway> gateways = gatewayService.list(
+            new Search(Gateway.ACTIVE, true));
+        gateways.forEach(g -> g.setName(
+            "GW" + StringUtils.leftPad(String.valueOf(g.getId()), 6, '0')));
+        attr(view, "gateways", gateways);
+
+        return view;
+    }
+
+    /**
+     * ！！！似乎不起作用！！！，FreeSWITCH还是会加载本地
+     *
+     * @param params request params
+     * @return ODBC CDR config xml
+     */
+    @RequestMapping(params = "key_value=odbc_cdr.conf")
+    public FreeMarkerView odbcCdrConfig(
+        @RequestParam
+        final Map<String, Object> params) {
+
+        log.info("Fetch ODBC CDR config XML.");
+        log.debug("XML ODBC CDR [{}].", params);
+
+        final FreeMarkerView view = view("config/odbc_cdr.conf.xml");
+        attr(view, "odbcDsn", OdbcUtils.odbcDsn((DruidDataSource) dataSource));
+
+        return view;
+    }
+
+    @RequestMapping(params = "key_value=event_socket.conf")
+    public FreeMarkerView eventSocketConfig(
+        @RequestParam
+        final Map<String, Object> params) {
+
+        log.info("Fetch event socket config XML.");
+        log.debug("XML event socket config [{}].", params);
+        return view("config/event_socket.conf.xml");
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/DialController.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/DialController.java
new file mode 100644
index 00000000..0ebf6a02
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/DialController.java
@@ -0,0 +1,26 @@
+package com.pudonghot.yo.fsagent.controller;
+
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Controller;
+import com.pudonghot.yo.fsagent.api.DialService;
+import com.pudonghot.yo.fsagent.api.response.RespDial;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestBody;
+import com.pudonghot.yo.fsagent.api.request.ReqAgentDial;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang
+ * @date Jun 12, 2020 10:04:20
+ */
+@Slf4j
+@Controller
+public class DialController {
+    @Autowired
+    private DialService dialService;
+
+    @PostMapping("/dial")
+    public RespDial dial(@RequestBody final ReqAgentDial req) {
+        return dialService.agentDial(req);
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/DialplanAgentStatusController.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/DialplanAgentStatusController.java
new file mode 100644
index 00000000..6756cd16
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/DialplanAgentStatusController.java
@@ -0,0 +1,69 @@
+package com.pudonghot.yo.fsagent.controller;
+
+import java.util.Map;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.servlet.view.freemarker.FreeMarkerView;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:57:14
+ */
+@Slf4j
+@Controller
+public class DialplanAgentStatusController extends BaseDialplanController {
+
+    @Value("${yo.fsagent.agent-status.audio.ready.ok}")
+    private String audioReadyOk;
+    @Value("${yo.fsagent.agent-status.audio.ready.err}")
+    private String audioReadyErr;
+    @Value("${yo.fsagent.agent-status.audio.not-ready.ok}")
+    private String audioNotReadyOk;
+    @Value("${yo.fsagent.agent-status.audio.not-ready.err}")
+    private String audioNotReadyErr;
+
+    @RequestMapping(params = {
+        "variable_domain_name",
+        "Caller-Username",
+        "Caller-Destination-Number=AgentReady"
+    })
+    public FreeMarkerView agentReady(
+        @RequestParam("variable_domain_name")
+        final String domain,
+        @RequestParam("Caller-Username")
+        final String user,
+        @RequestParam
+        final Map<String, String> params) {
+
+        log.info("XML dialplan ready of domain [{}] user [{}].", domain, user);
+        log.debug("XML dialplan ready params [{}].", params);
+        final FreeMarkerView view = view(domain, "agent-ready.xml");
+        attr(view, "audioOk", audioReadyOk);
+        attr(view, "audioErr", audioReadyErr);
+        return view;
+    }
+
+    @RequestMapping(params = {
+        "variable_domain_name",
+        "Caller-Username",
+        "Caller-Destination-Number=AgentNotReady"
+    })
+    public FreeMarkerView agentNotReady(
+        @RequestParam("variable_domain_name")
+        final String domain,
+        @RequestParam("Caller-Username")
+        final String user,
+        @RequestParam
+        final Map<String, String> params) {
+
+        log.info("XML dialplan not ready of domain [{}] user [{}].", domain, user);
+        log.debug("XML dialplan not ready params [{}].", params);
+        final FreeMarkerView view = view(domain, "agent-not-ready.xml");
+        attr(view, "audioOk", audioNotReadyOk);
+        attr(view, "audioErr", audioNotReadyErr);
+        return view;
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/DialplanEchoController.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/DialplanEchoController.java
new file mode 100644
index 00000000..5c307a1d
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/DialplanEchoController.java
@@ -0,0 +1,35 @@
+package com.pudonghot.yo.fsagent.controller;
+
+import java.util.Map;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.servlet.view.freemarker.FreeMarkerView;
+
+/**
+ * @author Donghuang
+ * @date Feb 13, 2020 14:07:52
+ */
+@Slf4j
+@Controller
+public class DialplanEchoController extends BaseDialplanController {
+
+    @RequestMapping(params = {
+        "variable_domain_name",
+        "Caller-Username",
+        "Caller-Destination-Number=Echo"
+    })
+    public FreeMarkerView echo(
+        @RequestParam("variable_domain_name")
+        final String domain,
+        @RequestParam("Caller-Username")
+        final String user,
+        @RequestParam
+        final Map<String, String> params) {
+
+        log.info("XML dialplan echo of domain [{}] user [{}].", domain, user);
+        log.debug("XML dialplan echo params [{}].", params);
+        return view(domain, "echo.xml");
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/DialplanInboundController.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/DialplanInboundController.java
new file mode 100644
index 00000000..dc04ba9d
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/DialplanInboundController.java
@@ -0,0 +1,106 @@
+package com.pudonghot.yo.fsagent.controller;
+
+import java.util.Map;
+
+import com.pudonghot.yo.fsagent.service.AgentGroupService;
+import com.pudonghot.yo.model.domain.Agent;
+import com.pudonghot.yo.model.domain.AgentGroup;
+import com.pudonghot.yo.model.domain.Tenant;
+import com.pudonghot.yo.model.domain.Trunk;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.sequence.IdSequence;
+import org.springframework.util.DigestUtils;
+import org.springframework.stereotype.Controller;
+import com.pudonghot.yo.cellphone.privacy.PrivacyLevel;
+import com.pudonghot.yo.fsagent.service.AgentService;
+import com.pudonghot.yo.fsagent.service.TrunkService;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.beans.factory.annotation.Autowired;
+import com.pudonghot.yo.cellphone.privacy.NumberPrivacyUtils;
+import org.springframework.web.servlet.view.freemarker.FreeMarkerView;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:57:14
+ */
+@Slf4j
+@Controller
+@RequestMapping(value = "/xml/dialplan")
+public class DialplanInboundController extends BaseDialplanController {
+    @Autowired
+    private IdSequence idSeq;
+    @Autowired
+    private TrunkService trunkService;
+    @Autowired
+    private AgentService agentService;
+    @Autowired
+    private AgentGroupService agentGroupService;
+
+    @RequestMapping(params = "Caller-Context=public")
+    public FreeMarkerView inbound(
+        @RequestParam("Caller-Network-Addr")
+        final String gateway,
+        @RequestParam("Caller-ANI")
+        final String ani,
+        @RequestParam("Caller-Destination-Number")
+        final String dnis,
+        @RequestParam
+        final Map<String, String> params) {
+        log.info("Inbound gateway [{}], ANI [{}], DNIS [{}].", gateway, ani, dnis);
+        log.debug("XML inbound dialplan params [{}].", params);
+
+        final FreeMarkerView view = view();
+        final String connId = idSeq.get();
+        attr(view, "connId", connId);
+        attr(view, "bridgeUuid", idSeq.get());
+        attr(view, "recordingLoc",
+            recordingFile(connId,
+                DigestUtils.md5DigestAsHex(ani.getBytes()), dnis));
+
+        final Trunk trunk = trunkService.find(
+            new Search(Trunk.CPN, dnis).eq(Trunk.ACTIVE, true));
+        if (trunk == null) {
+            log.warn("No trunk of cpn [{}] found, ignore inbound.", dnis);
+            return empty(SECTION_DIALPLAN);
+        }
+        final Integer tenantId = trunk.getTenantId();
+        final Tenant tenant = tenantService.find(tenantId);
+        attr(view, "tenant", tenant);
+
+        final Trunk.InboundTargetType inboundTargetType = trunk.getInboundTargetType();
+        final Integer inboundTarget = trunk.getInboundTarget();
+        if (inboundTargetType == Trunk.InboundTargetType.AGENT) {
+            final Agent calledAgent = agentService.find(inboundTarget);
+            if (calledAgent == null) {
+                log.error("No agent [{}] found to transfer, ignore inbound.", inboundTarget);
+                return empty(SECTION_DIALPLAN);
+            }
+            final AgentGroup agentGroup = agentGroupService.find(
+                calledAgent.getGroupId());
+            if (agentGroup == null) {
+                log.error("No agent group [{}] found to transfer, ignore inbound.",
+                    calledAgent.getGroupId());
+                return empty(SECTION_DIALPLAN);
+            }
+            view.setUrl("dialplan/inbound-to-agent.xml");
+            attr(view, "calleeIdNumber", ani);
+            attr(view, "calleeIdName", ani);
+
+            if (agentGroup.getPrivacyLevel() != AgentGroup.PrivacyLevel.NONE) {
+                attr(view, "callerIdNumber", "PRIVACY_INBOUND");
+                attr(view, "callerIdName", NumberPrivacyUtils.mask(ani, PrivacyLevel.HEAVY));
+            }
+            else {
+                attr(view, "callerIdNumber", ani);
+                attr(view, "callerIdName", ani);
+            }
+            attr(view, "calledAgent", calledAgent);
+        }
+
+        // TODO Inbound to QUEUE
+
+        return view;
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/DialplanInternalController.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/DialplanInternalController.java
new file mode 100644
index 00000000..f9fee304
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/DialplanInternalController.java
@@ -0,0 +1,66 @@
+package com.pudonghot.yo.fsagent.controller;
+
+import java.util.Map;
+
+import com.pudonghot.yo.model.domain.Agent;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.sequence.IdSequence;
+import org.springframework.stereotype.Controller;
+import com.pudonghot.yo.fsagent.service.AgentService;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.servlet.view.freemarker.FreeMarkerView;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:57:14
+ */
+@Slf4j
+@Controller
+public class DialplanInternalController extends BaseDialplanController {
+    @Autowired
+    private AgentService agentService;
+    @Autowired
+    private IdSequence idSeq;
+
+    @RequestMapping(params = {
+        "variable_domain_name",
+        "Caller-Username",
+        "Caller-Destination-Number"
+    })
+    public FreeMarkerView domainDialplan(
+        @RequestParam("variable_domain_name")
+        final String domain,
+        @RequestParam("Caller-Username")
+        final String user,
+        @RequestParam("Caller-Destination-Number")
+        final String calledNumber,
+        @RequestParam
+        final Map<String, String> params) {
+
+        log.info("XML dialplan of domain [{}].", domain);
+        log.debug("XML dialplan params [{}].", params);
+
+        final Agent calledAgent =
+            agentService.findOfCalled(domain, calledNumber);
+
+        if (calledAgent != null) {
+            log.info("Local extension [{}] found.", calledAgent);
+            final FreeMarkerView view = view(domain, "local-extension.xml");
+            final String connId = idSeq.get();
+            attr(view, "connId", connId);
+            attr(view, "destinationUser", calledAgent.getAgent());
+            final Agent callerAgent =
+                agentService.findByDomainAndAgent(domain, user);
+            attr(view, "callerAgent", callerAgent);
+            attr(view, "calledAgent", calledAgent);
+            attr(view, "recordingLoc", recordingFile(connId,
+                    callerAgent.getAccount(),
+                    calledAgent.getAccount()));
+            return view;
+        }
+
+        return view(domain, "dialplan.xml");
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/DirectoryController.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/DirectoryController.java
new file mode 100644
index 00000000..b1ab24ce
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/DirectoryController.java
@@ -0,0 +1,99 @@
+package com.pudonghot.yo.fsagent.controller;
+
+import java.util.Map;
+
+import com.pudonghot.yo.fsagent.service.AgentGroupService;
+import com.pudonghot.yo.fsagent.service.AgentService;
+import com.pudonghot.yo.model.domain.Agent;
+import com.pudonghot.yo.model.domain.AgentGroup;
+import com.pudonghot.yo.model.domain.Tenant;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.Search;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.servlet.view.freemarker.FreeMarkerView;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:57:14
+ */
+@Slf4j
+@Controller
+public class DirectoryController extends BaseXmlController {
+    @Autowired
+    private AgentService agentService;
+    @Autowired
+    private AgentGroupService agentGroupService;
+
+    @RequestMapping("/xml/directory")
+    public FreeMarkerView general(
+        @RequestParam final Map<String, Object> params) {
+
+        log.debug("XML directory params [{}].", params);
+        final FreeMarkerView view = view("directory/general.xml");
+        attr(view, "tenants",
+            tenantService.list(new Search(Tenant.ACTIVE, true)));
+        return view;
+    }
+
+    /**
+     * purpose=gateways mod_sofia
+     * purpose=network-list
+     *
+     * @param params
+     * @return
+     */
+    @RequestMapping(value = "/xml/directory", params = "purpose")
+    public FreeMarkerView purpose(
+        @RequestParam final Map<String, Object> params) {
+
+        log.debug("XML directory purpose params [{}].", params);
+        final FreeMarkerView view = view("directory/general.xml");
+        attr(view, "tenants",
+            tenantService.list(new Search(Tenant.ACTIVE, true)));
+        return view;
+    }
+
+    @RequestMapping(value = "/xml/directory",
+        params = {"domain", "user"})
+    public FreeMarkerView authDirectory(
+        @RequestParam("domain")
+        final String domain,
+        @RequestParam("user")
+        final String user,
+        @RequestParam final Map<String, Object> params) {
+
+        log.info("XML registration directory domain [{}] user [{}].", domain, user);
+        log.debug("XML registration directory params [{}].", params);
+
+        final Agent agent = agentService.findByDomainAndAgent(domain, user);
+        if (agent == null) {
+            log.warn("Agent [{}] not found.", user);
+            return empty(SECTION_DIRECTORY);
+        }
+
+        if (!agent.getActive()) {
+            log.warn("Agent [{}] is not active.", user);
+            return empty(SECTION_DIRECTORY);
+        }
+
+        final AgentGroup agentGroup = agentGroupService.find(agent.getGroupId());
+        if (agentGroup == null) {
+            log.warn("No agent [{}] group found.", user);
+            return empty(SECTION_DIRECTORY);
+        }
+
+        if (!agentGroup.getActive()) {
+            log.warn("Agent [{}] group [{}] is not active.", user, agentGroup.getIdentifier());
+            return empty(SECTION_DIRECTORY);
+        }
+
+        final FreeMarkerView view = view("directory/registration.xml");
+        attr(view, "domain", domain);
+        attr(view, "agent", agent);
+        attr(view, "agentGroup", agentGroup);
+        return view;
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/EslController.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/EslController.java
new file mode 100644
index 00000000..abee2f57
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/EslController.java
@@ -0,0 +1,25 @@
+package com.pudonghot.yo.fsagent.controller;
+
+import lombok.extern.slf4j.Slf4j;
+import org.freeswitch.esl.client.inbound.Client;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Dec 09, 2019 17:25:57
+ */
+@Slf4j
+@Controller
+@RequestMapping("/esl")
+public class EslController {
+    @Autowired
+    private Client client;
+
+    @PostMapping("/connect")
+    public void connect() {
+        client.connect();
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/OdbcDsnController.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/OdbcDsnController.java
new file mode 100644
index 00000000..587f1eeb
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/OdbcDsnController.java
@@ -0,0 +1,41 @@
+package com.pudonghot.yo.fsagent.controller;
+
+import javax.sql.DataSource;
+
+import com.pudonghot.yo.fsagent.util.OdbcUtils;
+import lombok.extern.slf4j.Slf4j;
+import com.alibaba.druid.pool.DruidDataSource;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.ResponseBody;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.beans.factory.annotation.Qualifier;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+/**
+ * @author Donghuang <br>
+ * Jan 06, 2020 18:05:31
+ */
+@Slf4j
+@Controller
+@RequestMapping("/odbc-dsn")
+public class OdbcDsnController {
+    @Autowired
+    @Qualifier("yoDataSource")
+    private DataSource broDataSource;
+    @Autowired
+    @Qualifier("yoFsDataSource")
+    private DataSource fsDataSource;
+
+    @ResponseBody
+    @PostMapping("/freeswitch")
+    public String freeSWITCH() {
+        return OdbcUtils.odbcDsn((DruidDataSource) fsDataSource);
+    }
+
+    @ResponseBody
+    @PostMapping("/bro")
+    public String bro() {
+        return OdbcUtils.odbcDsn((DruidDataSource) broDataSource);
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/OnAnswerController.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/OnAnswerController.java
new file mode 100644
index 00000000..fe5cd707
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/OnAnswerController.java
@@ -0,0 +1,44 @@
+package com.pudonghot.yo.fsagent.controller;
+
+import lombok.extern.slf4j.Slf4j;
+import org.freeswitch.esl.client.inbound.Client;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.freeswitch.esl.client.transport.command.SendEvent;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang
+ * @date Apr 15, 2020 14:30:59
+ */
+@Slf4j
+@Controller
+public class OnAnswerController {
+    @Autowired
+    private Client client;
+
+    @PostMapping("/on-answer")
+    public void answer(
+        @RequestParam("tenantId")
+        final Integer tenantId,
+        @RequestParam("realm")
+        final String realm,
+        @RequestParam("uuid")
+        final String uuid,
+        @RequestParam("user")
+        final String user) {
+        log.info("On call answer, tenant [{}], realm [{}], uuid [{}], user [{}].", tenantId, realm, uuid, user);
+
+        final SendEvent sendEvent = new SendEvent(SendEvent.NOTIFY)
+            .addLine("Profile", realm)
+            .addLine("Event-String", "CALL_ESTABLISHED")
+            .addLine("User", user)
+            .addLine("Host", realm)
+            .addLine("Content-Type", "plain/text")
+            .addLine("Content-Length", uuid.length())
+            .addLine("")
+            .addLine(uuid);
+        client.api(sendEvent);
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/PatchController.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/PatchController.java
new file mode 100644
index 00000000..b971f17c
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/PatchController.java
@@ -0,0 +1,23 @@
+package com.pudonghot.yo.fsagent.controller;
+
+import org.springframework.core.io.Resource;
+import org.springframework.http.MediaType;
+import org.springframework.http.ResponseEntity;
+import org.springframework.stereotype.Controller;
+import org.springframework.core.io.ClassPathResource;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+/**
+ * @author Donghuang
+ * @date Mar 05, 2020 10:25:45
+ */
+@Controller
+public class PatchController {
+
+    @RequestMapping("/patch/fs-conf")
+    public ResponseEntity<Resource> fsConfPatch() {
+        return ResponseEntity.ok()
+                .contentType(MediaType.TEXT_PLAIN)
+                .body(new ClassPathResource("/freeswitch-conf.patch"));
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/PostRecordingController.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/PostRecordingController.java
new file mode 100644
index 00000000..9a436632
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/PostRecordingController.java
@@ -0,0 +1,28 @@
+package com.pudonghot.yo.fsagent.controller;
+
+import com.pudonghot.yo.fsagent.service.PostRecordingService;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Jan 06, 2020 18:05:31
+ */
+@Slf4j
+@Controller
+public class PostRecordingController {
+    @Autowired
+    private PostRecordingService postRecordingService;
+
+    @PostMapping("/post-rec")
+    public void postRecording(
+        @RequestParam("tenantId")
+        final Integer tenantId,
+        @RequestParam("loc")
+        final String location) {
+        postRecordingService.postRecording(tenantId, location);
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/SiteController.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/SiteController.java
new file mode 100644
index 00000000..b47751e2
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/controller/SiteController.java
@@ -0,0 +1,18 @@
+package com.pudonghot.yo.fsagent.controller;
+
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:57:14
+ */
+@Slf4j
+@Controller
+public class SiteController {
+
+    @RequestMapping("/")
+    public void index() {
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/AgentRegister.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/AgentRegister.java
new file mode 100644
index 00000000..5c5b3f57
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/AgentRegister.java
@@ -0,0 +1,44 @@
+package com.pudonghot.yo.fsagent.listener;
+
+import com.pudonghot.yo.fsagent.service.AgentStatusService;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Component;
+import org.freeswitch.esl.client.transport.event.Event;
+import org.springframework.context.event.EventListener;
+import org.springframework.scheduling.annotation.Async;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Dec 12, 2019 16:07:03
+ */
+@Slf4j
+@Component
+public class AgentRegister {
+    @Autowired
+    private AgentStatusService agentStatusService;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Async
+    @EventListener(value = Event.class,
+        condition = "#root.args[0].getName() == 'CUSTOM'"
+            + " and #root.args[0].getSubclass() == 'sofia::register'")
+    public void onAgentRegister(final Event event) {
+        log.debug("On agent register event [{}].", event.getHeaders());
+
+        final String realm = event.getHeader("realm");
+        final String user = event.getHeader("username");
+
+        log.info("On realm [{}] agent [{}] register.", realm, user);
+
+        if (StringUtils.isNotBlank(realm) && StringUtils.isNotBlank(user)) {
+            agentStatusService.online(realm, user);
+        }
+        else {
+            log.warn("No valid realm and agent found, ignore.");
+        }
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/AgentUnregister.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/AgentUnregister.java
new file mode 100644
index 00000000..781ef6bc
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/AgentUnregister.java
@@ -0,0 +1,41 @@
+package com.pudonghot.yo.fsagent.listener;
+
+import com.pudonghot.yo.fsagent.service.AgentStatusService;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Component;
+import org.freeswitch.esl.client.transport.event.Event;
+import org.springframework.context.event.EventListener;
+import org.springframework.scheduling.annotation.Async;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Dec 12, 2019 16:07:03
+ */
+@Slf4j
+@Component
+public class AgentUnregister {
+    @Autowired
+    private AgentStatusService agentStatusService;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Async
+    @EventListener(value = Event.class,
+        condition = "#root.args[0].getName() == 'CUSTOM'"
+            + " and #root.args[0].getSubclass() == 'sofia::unregister'")
+    public void onAgentUnregister(final Event event) {
+        log.debug("On agent unregister event [{}].", event.getHeaders());
+
+        final String realm = event.getHeader("realm");
+        final String user = event.getHeader("username");
+        log.info("On domain [{}] agent [{}] unregister.", realm, user);
+
+        if (StringUtils.isNotBlank(realm) && StringUtils.isNotBlank(user)) {
+            log.info("Offline realm [{}] user [{}].", realm, user);
+            agentStatusService.offline(realm, user);
+        }
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/ApplicationStartup.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/ApplicationStartup.java
new file mode 100644
index 00000000..00048225
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/ApplicationStartup.java
@@ -0,0 +1,208 @@
+package com.pudonghot.yo.fsagent.listener;
+
+import java.io.File;
+import java.net.InetAddress;
+import java.lang.reflect.Field;
+
+import com.pudonghot.yo.common.httpclient.HttpClient;
+import com.pudonghot.yo.util.LanAddrUtils;
+import com.pudonghot.yo.util.ShellCommandUtils;
+import lombok.extern.slf4j.Slf4j;
+import java.util.concurrent.TimeUnit;
+import org.springframework.util.Assert;
+import org.apache.curator.x.discovery.*;
+import org.apache.commons.lang3.StringUtils;
+import com.pudonghot.yo.fs.model.FsNode;
+import org.springframework.util.ReflectionUtils;
+import org.freeswitch.esl.client.inbound.Client;
+import org.springframework.stereotype.Component;
+import org.apache.dubbo.common.config.Environment;
+import org.apache.curator.framework.CuratorFramework;
+import org.springframework.context.ApplicationContext;
+import org.springframework.scheduling.annotation.Async;
+import org.springframework.context.ApplicationListener;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.boot.context.event.ApplicationReadyEvent;
+import org.apache.curator.x.discovery.details.JsonInstanceSerializer;
+import org.apache.dubbo.remoting.zookeeper.curator.CuratorZookeeperClient;
+import org.apache.dubbo.configcenter.support.zookeeper.ZookeeperDynamicConfiguration;
+
+/**
+ * @author Donghuang <br>
+ * Dec 08, 2019 21:52:55
+ */
+@Slf4j
+@Component
+public class ApplicationStartup implements ApplicationListener<ApplicationReadyEvent> {
+
+    @Value("${yo.fsagent.freeswitch-config-dir:/etc/freeswitch}")
+    private String freeswitchConfigDir;
+    @Value("${yo.fsagent.freeswitch-bin:/usr/bin/freeswitch}")
+    private String freeswitchBin;
+    @Value("${yo.fsagent.application-ready-wait-time:8}")
+    private int appReadyWaitTime;
+    @Value("${yo.fsagent.freeswitch-start-wait-time:36}")
+    private int waitTime;
+    @Autowired
+    private Client client;
+    @Autowired
+    private ApplicationContext applicationContext;
+    @Autowired
+    private HttpClient httpClient;
+    @Value("${dubbo.application.qos-enable:false}")
+    private boolean dubboQosEnable;
+    @Value("http://localhost:${dubbo.application.qos-port:22222}/online")
+    private String dubboQosOnlineAddr;
+    @Value("${yo.fsagent.online-mode:true}")
+    private boolean onlineMode;
+    @Value("${yo.fsagent.fs-sip.port:5060}")
+    private int fsSipPort;
+    @Value("${yo.fsagent.fs-reg-path:/FreeSWITCH/Nodes}")
+    private String fsRegPath;
+    @Value("${yo.fsagent.fs-reg-name:FreeSWITCH}")
+    private String fsRegName;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Async
+    @Override
+    public void onApplicationEvent(final ApplicationReadyEvent event) {
+        log.info("Application ready, will start FreeSWITCH, connect FreeSWITCH ESL, online Dubbo, online FreeSWITCH node.");
+        try {
+            TimeUnit.SECONDS.sleep(appReadyWaitTime);
+        }
+        catch (InterruptedException e) {
+            log.error("Thread sleep ERROR caused", e);
+        }
+
+        startFreeSWITCH();
+        connectFsEsl();
+        if (onlineMode) {
+            onlineDubbo();
+            onlineFsNode();
+        }
+        else {
+            log.info("Running on offline mode.");
+        }
+    }
+
+    void startFreeSWITCH() {
+        log.info("Application ready, start FreeSWITCH.");
+
+        if (new File(freeswitchConfigDir).isDirectory()) {
+            log.info("FreeSWITCH config dir [{}] found, patch it.", freeswitchConfigDir);
+            final ShellCommandUtils.ExecResult patchResult =
+                ShellCommandUtils.execCmd(new String[] {
+                    "/bin/bash", "-c",
+                    "curl -Lk http://localhost:8080/patch/fs-conf | patch -f -p 1 -d " + freeswitchConfigDir
+                });
+
+            log.info("Patch exit code [{}].", patchResult.getExitCode());
+            log.info("Patch stdout [{}].", StringUtils.join(patchResult.getStdout(), "\n"));
+            log.info("Patch stderr [{}].", StringUtils.join(patchResult.getStderr(), "\n"));
+        }
+
+        if (new File(freeswitchBin).exists()) {
+            log.info("FreeSWITCH bin [{}] found, start.", freeswitchBin);
+            ShellCommandUtils.execCmd(new String[] {freeswitchBin, "-nonat", "-ncwait"});
+            try {
+                TimeUnit.SECONDS.sleep(waitTime);
+            }
+            catch (final InterruptedException e) {
+                log.warn("Wait FreeSWICH start exception caused.", e);
+            }
+        }
+        else {
+            log.warn("No FreeSWITCH bin [{}] found, ignore start.", freeswitchBin);
+        }
+    }
+
+    void connectFsEsl() {
+        log.info("Application ready, connect FreeSWTICH ESL.");
+        client.setConnectedCallback(() -> {
+            log.info("Register FreeSWITCH ESL events.");
+            client.event("CUSTOM sofia::register");
+            client.event("CUSTOM sofia::unregister");
+            client.event("CHANNEL_CREATE");
+            client.event("CHANNEL_DESTROY");
+            client.event("CHANNEL_ANSWER");
+            client.event("CHANNEL_HANGUP_COMPLETE");
+        });
+        client.connect();
+        client.addEventListener(applicationContext::publishEvent);
+    }
+
+    void onlineDubbo() {
+        log.info("Application ready, online dubbo service.");
+        if (dubboQosEnable) {
+            log.info("Online dubbo service.");
+            final String onlineResult = httpClient.get(dubboQosOnlineAddr).asString();
+            log.info("Online dubbo service result [{}].", onlineResult);
+            Assert.state("OK".equals(onlineResult), "Online dubbo service error caused");
+        }
+    }
+
+    void onlineFsNode() {
+        log.info("Application ready, online FreeSWITCH node.");
+        if (!new File(freeswitchBin).exists()) {
+            log.warn("No FreeSWICH bin [{}] found, ignore.", freeswitchBin);
+            return;
+        }
+
+        final CuratorFramework curatorZkClient = getField(CuratorZookeeperClient.class,
+                getField(ZookeeperDynamicConfiguration.class,
+            Environment.getInstance().getDynamicConfiguration().get(), "zkClient"), "client");
+        final ServiceInstanceBuilder<FsNode> serviceInstanceBuilder;
+        try {
+            serviceInstanceBuilder = ServiceInstance.builder();
+        }
+        catch (Exception e) {
+            log.error("Init service instance build error caused", e);
+            throw new IllegalStateException(
+                "Init service instance build error caused", e);
+        }
+
+        final ServiceDiscovery<FsNode> serviceDiscovery =
+            ServiceDiscoveryBuilder.builder(FsNode.class)
+                .basePath(fsRegPath)
+                .client(curatorZkClient)
+                .serializer(new JsonInstanceSerializer<>(FsNode.class))
+                .build();
+
+        final InetAddress localAddr = LanAddrUtils.getLocalHostLanAddr();
+        final String localIp = localAddr.getHostAddress();
+        final String hostName = localAddr.getHostName();
+        log.info("Local address [{}][{}] got.", localIp, hostName);
+
+        serviceInstanceBuilder.address(localIp)
+            .port(fsSipPort)
+            .name(fsRegName)
+            .payload(new FsNode(localIp, hostName, "sip:" + localIp + ":" + fsSipPort));
+        try {
+            serviceDiscovery.registerService(serviceInstanceBuilder.build());
+        }
+        catch (Exception e) {
+            log.error("Register service instance exception caused", e);
+            throw new IllegalStateException(
+                "Register service instance exception caused", e);
+        }
+
+        try {
+            serviceDiscovery.start();
+        }
+        catch (Exception e) {
+            log.error("Start service discovery exception caused", e);
+            throw new IllegalStateException(
+                "Start service discovery exception caused", e);
+        }
+    }
+
+    @SuppressWarnings("unchecked")
+    <T> T getField(final Class<?> clazz, final Object obj, final String name) {
+        final Field field = ReflectionUtils.findField(clazz, name);
+        ReflectionUtils.makeAccessible(field);
+        return (T) ReflectionUtils.getField(field, obj);
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/ChannelAnswer.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/ChannelAnswer.java
new file mode 100644
index 00000000..c6e68da5
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/ChannelAnswer.java
@@ -0,0 +1,30 @@
+package com.pudonghot.yo.fsagent.listener;
+
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Component;
+import org.freeswitch.esl.client.transport.event.Event;
+import org.springframework.context.event.EventListener;
+import org.springframework.scheduling.annotation.Async;
+
+/**
+ * @author Donghuang
+ * @date Mar 09, 2020 17:04:28
+ */
+@Slf4j
+@Component
+public class ChannelAnswer {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Async
+    @EventListener(value = Event.class,
+        condition = "#root.args[0].getName() == 'CHANNEL_ANSWER'")
+    public void onChannelAnswer(final Event event) {
+        // event.getHeader("Caller-Context")
+        log.debug("On channel answer event [{}] [{}].", event, event.getHeaders());
+
+        final String presenceId = event.getHeader("variable_presence_id");
+        log.info("On channel [{}] answer event.", presenceId);
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/ChannelCreate.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/ChannelCreate.java
new file mode 100644
index 00000000..be419ee7
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/ChannelCreate.java
@@ -0,0 +1,45 @@
+package com.pudonghot.yo.fsagent.listener;
+
+import com.pudonghot.yo.fsagent.service.AgentStatusService;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Component;
+import org.freeswitch.esl.client.transport.event.Event;
+import org.springframework.context.event.EventListener;
+import org.springframework.scheduling.annotation.Async;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang
+ * @date Mar 09, 2020 17:04:28
+ */
+@Slf4j
+@Component
+public class ChannelCreate {
+
+    @Autowired
+    private AgentStatusService agentStatusService;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Async
+    @EventListener(value = Event.class,
+        condition = "#root.args[0].getName() == 'CHANNEL_CREATE'")
+    public void onChannelCreate(final Event event) {
+        log.debug("On channel create event [{}] [{}].", event, event.getHeaders());
+
+        final String presenceId = event.getHeader("variable_presence_id");
+        log.info("On channel [{}] create event.", presenceId);
+
+        if (StringUtils.isNotBlank(presenceId)) {
+            final String[] userInfo = presenceId.split("@");
+            if (userInfo.length == 2) {
+                agentStatusService.inACall(userInfo[1], userInfo[0]);
+            }
+            else {
+                log.warn("Ignore invalid presence id [{}].", presenceId);
+            }
+        }
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/ChannelDestroy.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/ChannelDestroy.java
new file mode 100644
index 00000000..85d7db40
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/ChannelDestroy.java
@@ -0,0 +1,45 @@
+package com.pudonghot.yo.fsagent.listener;
+
+import com.pudonghot.yo.fsagent.service.AgentStatusService;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Component;
+import org.springframework.context.event.EventListener;
+import org.springframework.scheduling.annotation.Async;
+import org.freeswitch.esl.client.transport.event.Event;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang
+ * @date Mar 09, 2020 17:04:28
+ */
+@Slf4j
+@Component
+public class ChannelDestroy {
+
+    @Autowired
+    private AgentStatusService agentStatusService;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Async
+    @EventListener(value = Event.class,
+        condition = "#root.args[0].getName() == 'CHANNEL_DESTROY'")
+    public void onChannelDestroy(final Event event) {
+        log.debug("On channel create event [{}] [{}].", event, event.getHeaders());
+
+        final String presenceId = event.getHeader("variable_presence_id");
+        log.info("On channel [{}] destroy event.", presenceId);
+
+        if (StringUtils.isNotBlank(presenceId)) {
+            final String[] userInfo = presenceId.split("@");
+            if (userInfo.length == 2) {
+                agentStatusService.idle(userInfo[1], userInfo[0]);
+            }
+            else {
+                log.warn("Ignore invalid presence id [{}].", presenceId);
+            }
+        }
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/ChannelHangupComplete.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/ChannelHangupComplete.java
new file mode 100644
index 00000000..3d361a03
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/listener/ChannelHangupComplete.java
@@ -0,0 +1,80 @@
+package com.pudonghot.yo.fsagent.listener;
+
+import java.util.Date;
+import java.text.ParseException;
+
+import com.pudonghot.yo.mapper.CallingListMapper;
+import com.pudonghot.yo.model.domain.CallingList;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.Search;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.time.DateUtils;
+import org.springframework.stereotype.Component;
+import org.freeswitch.esl.client.transport.event.Event;
+import org.springframework.context.event.EventListener;
+import org.springframework.scheduling.annotation.Async;
+import com.pudonghot.yo.fsagent.constant.ChannelLeg;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang
+ * @date Mar 09, 2020 17:04:28
+ */
+@Slf4j
+@Component
+public class ChannelHangupComplete {
+
+    @Autowired
+    private CallingListMapper callingListMapper;
+
+    @Value("${br.fsagent.endcall.topic:loan.yo.br.endcall}")
+    private String endCallTopic;
+
+
+    /**
+     * {@inheritDoc}
+     */
+    @Async
+    @EventListener(value = Event.class,
+        condition = "#root.args[0].getName() == 'CHANNEL_HANGUP_COMPLETE'")
+    public void onChannelHangupComplete(final Event event) {
+        log.info("On channel hangup event [{}] [{}].", event, event.getHeaders());
+
+        // TODO 判断是外呼活动的拨打
+
+        final String connId = event.getHeader("variable_x_conn_id");
+        final String channelLeg =event.getHeader("variable_x_channel_leg");
+        log.info("On channel [{}] hangup leg [{}].", connId, channelLeg);
+
+        if (StringUtils.isNotBlank(connId) && ChannelLeg.B.name().equals(channelLeg)) {
+            final String hangupCause = event.getHeader("Hangup-Cause");
+            log.info("Call [{}] hangup [{}].", connId, hangupCause);
+            final CallingList callingList = callingListMapper.find(new Search(CallingList.CALL_UUID, connId));
+            if (callingList != null) {
+                callingList.setStatus(CallingList.Status.CALLED);
+                callingList.setCallStartTime(parse(event.getHeader("variable_start_stamp")));
+                final Date establishedTime = parse(event.getHeader("variable_answer_stamp"));
+                callingList.setCallEstablishedTime(establishedTime);
+                callingList.setCallEndTime(parse(event.getHeader("variable_end_stamp")));
+                callingList.setConnected(establishedTime != null);
+                callingList.setCallResult(hangupCause);
+                callingListMapper.update(callingList);
+            }
+            else {
+                log.info("no calling list found by connId [{}]", connId);
+            }
+        }
+    }
+
+    private Date parse(final String date) {
+        try {
+            return StringUtils.isNotBlank(date) ?
+                DateUtils.parseDate(date, "yyyy-MM-dd HH:mm:ss") : null;
+        }
+        catch (final ParseException e) {
+            log.error("Parse data [{}] error caused", date, e);
+            return null;
+        }
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/AgentGroupService.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/AgentGroupService.java
new file mode 100644
index 00000000..aef8023e
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/AgentGroupService.java
@@ -0,0 +1,12 @@
+package com.pudonghot.yo.fsagent.service;
+
+import com.wacai.tigon.service.BaseQueryService;
+import com.pudonghot.yo.model.domain.AgentGroup;
+
+/**
+ * @author Donghuang <br>
+ * Dec 04, 2019 17:03:49
+ */
+public interface AgentGroupService
+    extends BaseQueryService<Integer, AgentGroup> {
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/AgentService.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/AgentService.java
new file mode 100644
index 00000000..717880b2
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/AgentService.java
@@ -0,0 +1,46 @@
+package com.pudonghot.yo.fsagent.service;
+
+import com.pudonghot.yo.model.domain.Agent;
+import com.wacai.tigon.service.BaseQueryService;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 12:52:34
+ */
+public interface AgentService
+    extends BaseQueryService<Integer, Agent> {
+
+    /**
+     * find agent of domain
+     * @param domain domain
+     * @param agent agent
+     * @return agent
+     */
+    Agent findByDomainAndAgent(String domain, String agent);
+
+    /**
+     * find agent of called
+     * @param domain domain
+     * @param calledNumber called number
+     * @return agent
+     */
+    Agent findOfCalled(String domain, String calledNumber);
+
+    /**
+     * lock idle agent of queue
+     *
+     * @param tenantId tenant id
+     * @param queueId queue id
+     * @return agent locked
+     */
+    Agent lockIdleOfQueue(Integer tenantId, Integer queueId);
+
+    /**
+     * lock idle agent of group
+     *
+     * @param tenantId tenant id
+     * @param groupId group id
+     * @return agent locked
+     */
+    Agent lockIdleOfGroup(Integer tenantId, Integer groupId);
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/AgentStatusService.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/AgentStatusService.java
new file mode 100644
index 00000000..9101dbbe
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/AgentStatusService.java
@@ -0,0 +1,57 @@
+package com.pudonghot.yo.fsagent.service;
+
+/**
+ * @author Donghuang
+ * @date Dec 11, 2019 20:28:07
+ */
+public interface AgentStatusService {
+
+    /**
+     * agent online
+     *
+     * @param domain domain
+     * @param user user
+     */
+    void online(String domain, String user);
+
+    /**
+     * agent ready
+     *
+     * @param domain domain
+     * @param user user
+     */
+    void ready(String domain, String user);
+
+    /**
+     * agent not ready
+     *
+     * @param domain domain
+     * @param user user
+     */
+    void notReady(String domain, String user);
+
+    /**
+     * agent offline
+     *
+     * @param domain domain
+     * @param user user
+     */
+    void offline(String domain, String user);
+
+    /**
+     * agent in a call
+     *
+     * @param domain domain
+     * @param user user
+     */
+    void inACall(String domain, String user);
+
+    /**
+     * agent idle
+     *
+     * @param domain domain
+     * @param user user
+     */
+    void idle(String domain, String user);
+}
+
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/GatewayService.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/GatewayService.java
new file mode 100644
index 00000000..c4e1da14
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/GatewayService.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.fsagent.service;
+
+import com.pudonghot.yo.model.domain.Gateway;
+import com.wacai.tigon.service.BaseQueryService;
+
+/**
+ * @author Donghuang <br>
+ * Dec 04, 2019 19:04:12
+ */
+public interface GatewayService extends BaseQueryService<Integer, Gateway> {
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/PostRecordingService.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/PostRecordingService.java
new file mode 100644
index 00000000..e86044ab
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/PostRecordingService.java
@@ -0,0 +1,16 @@
+package com.pudonghot.yo.fsagent.service;
+
+/**
+ * @author Donghuang <br>
+ * Jan 06, 2020 18:09:36
+ */
+public interface PostRecordingService {
+
+    /**
+     * post recording
+     *
+     * @param tenantId tenant id
+     * @param location recording location
+     */
+    void postRecording(Integer tenantId, String location);
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/QueueService.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/QueueService.java
new file mode 100644
index 00000000..01d1a73f
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/QueueService.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.fsagent.service;
+
+import com.pudonghot.yo.model.domain.Queue;
+import com.wacai.tigon.service.BaseQueryService;
+
+/**
+ * @author Donghuang <br>
+ * Dec 04, 2019 16:47:39
+ */
+public interface QueueService extends BaseQueryService<Integer, Queue> {
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/TenantService.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/TenantService.java
new file mode 100644
index 00000000..2476dece
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/TenantService.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.fsagent.service;
+
+import com.pudonghot.yo.model.domain.Tenant;
+import com.wacai.tigon.service.BaseQueryService;
+
+/**
+ * @author Donghuang <br>
+ * Dec 02, 2019 21:04:00
+ */
+public interface TenantService extends BaseQueryService<Integer, Tenant> {
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/TrunkService.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/TrunkService.java
new file mode 100644
index 00000000..b9802fd4
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/TrunkService.java
@@ -0,0 +1,30 @@
+package com.pudonghot.yo.fsagent.service;
+
+import com.pudonghot.yo.model.domain.Trunk;
+import com.wacai.tigon.service.BaseQueryService;
+import org.apache.commons.lang3.tuple.Pair;
+
+/**
+ * @author Donghuang <br>
+ * Dec 04, 2019 21:10:08
+ */
+public interface TrunkService extends BaseQueryService<Integer, Trunk> {
+
+    /**
+     * build dial string of strategy id
+     *
+     * @param strategyId strategy id
+     * @param number called number
+     * @param attrs 拨打属性、标签，用于选择外呼中继
+     * @return trunk and dial string
+     */
+    Pair<Trunk, String> dialStr(Integer strategyId, String number, String attrs);
+
+    /**
+     * append 0 to caller number if required
+     * @param trunk trunk
+     * @param number number
+     * @return called number
+     */
+    String calledNumber(Trunk trunk, String number);
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/dubbo/impl/AbstractDialer.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/dubbo/impl/AbstractDialer.java
new file mode 100644
index 00000000..32a71f2d
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/dubbo/impl/AbstractDialer.java
@@ -0,0 +1,298 @@
+package com.pudonghot.yo.fsagent.service.dubbo.impl;
+
+import java.util.List;
+import java.util.Arrays;
+import java.util.ArrayList;
+
+import com.pudonghot.yo.mapper.AgentGroupMapper;
+import com.pudonghot.yo.model.domain.Agent;
+import com.pudonghot.yo.model.domain.AgentGroup;
+import com.pudonghot.yo.model.domain.CallDetailRecord;
+import com.pudonghot.yo.model.domain.Tenant;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.util.Assert;
+import com.wacai.tigon.sequence.IdSequence;
+import org.apache.commons.lang3.StringUtils;
+import org.freeswitch.esl.client.inbound.Client;
+import org.apache.commons.lang3.time.DateFormatUtils;
+import static org.apache.commons.lang3.StringUtils.join;
+import org.springframework.beans.factory.annotation.Value;
+import com.pudonghot.yo.fsagent.api.request.BaseReqDial;
+import static org.slf4j.helpers.MessageFormatter.arrayFormat;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Dec 09, 2019 16:30:25
+ */
+@Slf4j
+abstract class AbstractDialer<LegB> {
+    @Autowired
+    private Client fsClient;
+    @Autowired
+    private IdSequence idSeq;
+    @Autowired
+    private AgentGroupMapper agentGroupMapper;
+    @Value("${yo.fsagent.recording.dir:/var/lib/freeswitch/recordings}")
+    private String recDir;
+    @Value("${yo.fsagent.recording.file-ext:.ogg}")
+    private String recordingFileExt;
+    @Value("${yo.fsagent.default-codec:PCMA}")
+    private String defaultCodec;
+
+    /**
+     * dial
+     * @param arg dial arg
+     */
+    public void dial(DialArg<LegB> arg) {
+        final BaseReqDial req = arg.getReq();
+        final Agent agent = arg.getAgentLegA();
+        // validate only
+        findValidAgentGroup(agent);
+
+        final List<String> varsLegA = varsLegA(arg);
+        extVarsLegA(arg, varsLegA);
+
+        final List<String> varsLegB = varsLegB(arg);
+        extVarsLegB(arg, varsLegB);
+
+        final String varsDialStrA;
+        final String varsDialStrB;
+        if (req.isOriginateLegB()) {
+            varsDialStrA = format("[{}]{}", join(varsLegB, ","), dialStrLegB(arg));
+            varsDialStrB = format("[{}]{}", join(varsLegA, ","), dialStrLegA(arg));
+        }
+        else {
+            varsDialStrA = format("[{}]{}", join(varsLegA, ","), dialStrLegA(arg));
+            varsDialStrB = format("[{}]{}", join(varsLegB, ","), dialStrLegB(arg));
+        }
+
+        final List<String> varsGlobal = varsGlobal(req);
+        extVarsGlobal(arg, varsGlobal);
+
+        final String commandArg =
+            format("{{}}{} &bridge({})",
+                join(varsGlobal, ","),
+                varsDialStrA,
+                varsDialStrB);
+
+        log.info("Dial args [{}].", commandArg);
+        fsClient.bgApi("originate", commandArg);
+    }
+
+    /**
+     * ext vars of global
+     * @param arg arg
+     * @param vars vars
+     */
+    protected void extVarsGlobal(final DialArg<LegB> arg, final List<String> vars) {
+
+    }
+
+    /**
+     * ext vars of leg A
+     * @param arg arg
+     * @param vars vars
+     */
+    protected abstract void extVarsLegA(DialArg<LegB> arg, List<String> vars);
+
+    /**
+     * dial string of leg a
+     * @param arg arg
+     * @return dial string
+     */
+    protected String dialStrLegA(final DialArg<LegB> arg) {
+        return "user/" + arg.getAgentLegA().getAgent() + "@" + arg.getTenant().getRealm();
+    }
+
+    /**
+     * ext vars of leg B
+     * @param arg arg
+     * @param vars vars
+     */
+    protected abstract void extVarsLegB(DialArg<LegB> arg, List<String> vars);
+
+    /**
+     * recording number of leg b
+     * @param arg arg
+     * @return recording number
+     */
+    protected abstract String recNumLegB(DialArg<LegB> arg);
+
+    /**
+     * dial string of leg b
+     * @param arg arg
+     * @return dial string
+     */
+    protected abstract String dialStrLegB(DialArg<LegB> arg);
+
+    /**
+     * global vars
+     * @param req request
+     * @return global vars
+     */
+    protected List<String> varsGlobal(final BaseReqDial req) {
+        // Global vars
+        final List<String> vars = new ArrayList<>(16);
+        if (req.isIgnoreEarlyMedia()) {
+            vars.add("ignore_early_media=true");
+        }
+        vars.add("absolute_codec_string=" +
+            StringUtils.defaultIfBlank(req.getCodec(), defaultCodec));
+        vars.add("continue_on_fail=true");
+        return vars;
+    }
+
+    /**
+     * vars leg A
+     * @param arg arg
+     * @return vars leg A
+     */
+    protected List<String> varsLegA(final DialArg<LegB> arg) {
+        final List<String> vars = new ArrayList<>(16);
+        final BaseReqDial req = arg.getReq();
+        final Agent agent = arg.getAgentLegA();
+        vars.add(agentTypeVar(agent.getType()));
+        if (agent.isWebrtc()) {
+            vars.add("media_webrtc=true");
+        }
+        vars.add("odbc-cdr-ignore-leg=true");
+        vars.add("x_channel_leg=A");
+        final String connId = arg.getConnId();
+        vars.add("x_conn_id=" + connId);
+        final Tenant tenant = arg.getTenant();
+        vars.add("x_tenant_id=" + tenant.getId());
+        vars.add("x_tenant_code=" + tenant.getCode());
+        vars.add("x_realm=" + tenant.getRealm());
+
+        final CallDetailRecord.DialType dialType = req.getDialType();
+        vars.add(dialTypeVar(dialType));
+        vars.add(headerDialTypeVar(dialType));
+
+        // for compatible
+        vars.add("sip_h_X-Genesys-CallUUID=" + connId);
+
+        bizKey(vars, req.getBizKey());
+        // self
+        vars.add("callee_id_number=" + agent.getAgent());
+        vars.add("callee_id_name=" + agent.getAccount());
+
+        vars.add("sip_auto_answer=true");
+        vars.add("origination_uuid=" + connId);
+        vars.add("sip_invite_call_id=" + connId);
+        final String attachedData = req.getAttachedData();
+        if (StringUtils.isNotBlank(attachedData)) {
+            vars.add("sip_h_X-Meta-Data=" + attachedData);
+        }
+        return vars;
+    }
+
+    /**
+     * vars of leg B
+     *
+     * @param arg arg
+     * @return vars of leg B
+     */
+    protected List<String> varsLegB(final DialArg<LegB> arg) {
+
+        final BaseReqDial req = arg.getReq();
+        final Tenant tenant = arg.getTenant();
+        final Agent agent = arg.getAgentLegA();
+        final String userUri = agent.getAgent() + "@" + tenant.getRealm();
+        // Global vars
+        final List<String> vars = new ArrayList<>(16);
+        final String recLoc = recLoc(arg);
+        final String connId = arg.getConnId();
+        vars.addAll(Arrays.asList(new String[] {
+            "x_channel_leg=B",
+            "x_tenant_id=" + tenant.getId(),
+            "x_tenant_code=" + tenant.getCode(),
+            "x_realm=" + tenant.getRealm(),
+            "x_conn_id=" + connId,
+            dialTypeVar(req.getDialType()),
+            callDirectionVar(CallDetailRecord.CallDirection.INCOMING),
+            agentTypeVar(agent.getType()),
+
+            // for compatible
+            "sip_h_X-Genesys-CallUUID=" + connId,
+
+            "sip_auto_answer=false",
+            // FreeSWITCH bug, update call info
+            "sip_h_Call-Info=" + userUri,
+            "leg_timeout=" + req.getTimeout(),
+            "origination_uuid=" + idSeq.get(),
+            "sip_invite_call_id=" + connId,
+            "sip_contact_user=" + agent.getAgent(),
+            "callee_id_number=" + agent.getAgent(),
+            "callee_id_name=" + agent.getAccount(),
+            "RECORD_STEREO=true",
+            "execute_on_media='record_session::" + recLoc + "'",
+            "execute_on_answer='curl::http://localhost:8080/on-answer post tenantId=" +
+                tenant.getId() +
+                "&realm=" + tenant.getRealm() +
+                "&uuid=" + connId +
+                "&user=" + agent.getAgent() + "'",
+            "record_post_process_exec_api='curl:http://localhost:8080/post-rec post tenantId=" + tenant.getId() + "&loc=" + recLoc + "'"
+        }));
+
+        bizKey(vars, req.getBizKey());
+
+        return vars;
+    }
+
+    protected void bizKey(final List<String> vars, String bizKey) {
+        if (StringUtils.isNotBlank(bizKey)) {
+            vars.add("x_biz_key=" + bizKey);
+        }
+    }
+
+    protected String dialTypeVar(final CallDetailRecord.DialType dialType) {
+        return "x_dial_type=" + dialType.name();
+    }
+
+    protected String headerDialTypeVar(final CallDetailRecord.DialType dialType) {
+        return "sip_h_X-Dial-Type=" + dialType.name();
+    }
+
+    protected String callTypeVar(final CallDetailRecord.CallType callType) {
+        return "x_call_type=" + callType.name();
+    }
+
+    protected String headerCallTypeVar(final CallDetailRecord.CallType callType) {
+        return "sip_h_X-Call-Type=" + callType.name();
+    }
+
+    protected String callDirectionVar(final CallDetailRecord.CallDirection callDirection) {
+        return "x_call_direction=" + callDirection.name();
+    }
+
+    protected String headerCallDirectionVar(final CallDetailRecord.CallDirection callDirection) {
+        return "sip_h_X-Call-Direction=" + callDirection.name();
+    }
+
+    String agentTypeVar(final Agent.Type agentType) {
+        return "x_agent_type=" + agentType.name();
+    }
+
+    AgentGroup findValidAgentGroup(final Agent agent) {
+        final AgentGroup agentGroup = agentGroupMapper.find(agent.getGroupId());
+        Assert.state(agentGroup != null,
+            () -> "No agent [" + agent.getAccount() + "] group found");
+        Assert.state(agentGroup.getActive(),
+            () -> "Agent [" + agent.getAccount() + "] group is not active");
+        return agentGroup;
+    }
+
+    String format(final String tpl, Object... args) {
+        return arrayFormat(tpl, args).getMessage();
+    }
+
+    private String recLoc(final DialArg<LegB> arg) {
+        return recDir + "/" + arg.getConnId() + "_" +
+            DateFormatUtils.format(
+                System.currentTimeMillis(), "yyyy-MM-dd_HH-mm-ss") + "_" +
+            arg.getAgentLegA().getAccount() + "-" +
+            recNumLegB(arg) +
+            recordingFileExt;
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/dubbo/impl/DialArg.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/dubbo/impl/DialArg.java
new file mode 100644
index 00000000..e966331f
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/dubbo/impl/DialArg.java
@@ -0,0 +1,25 @@
+package com.pudonghot.yo.fsagent.service.dubbo.impl;
+
+import com.pudonghot.yo.model.domain.Agent;
+import com.pudonghot.yo.model.domain.Tenant;
+import lombok.Setter;
+import lombok.Getter;
+import lombok.RequiredArgsConstructor;
+import com.pudonghot.yo.fsagent.api.request.BaseReqDial;
+
+/**
+ * @author Donghuang
+ * @date Mar 24, 2020 11:46:36
+ */
+@Getter
+@RequiredArgsConstructor
+class DialArg<T> {
+    private final String connId;
+    private final BaseReqDial req;
+    private final Tenant tenant;
+    private final Agent agentLegA;
+    private final T legB;
+
+    @Setter
+    private Object data;
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/dubbo/impl/DialServiceImpl.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/dubbo/impl/DialServiceImpl.java
new file mode 100644
index 00000000..d2f7c8e7
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/dubbo/impl/DialServiceImpl.java
@@ -0,0 +1,228 @@
+package com.pudonghot.yo.fsagent.service.dubbo.impl;
+
+import com.pudonghot.yo.mapper.*;
+import lombok.extern.slf4j.Slf4j;
+import com.pudonghot.yo.model.domain.*;
+import com.wacai.tigon.mybatis.Search;
+import org.springframework.util.Assert;
+import org.apache.commons.lang3.tuple.Pair;
+import com.wacai.tigon.sequence.IdSequence;
+import org.apache.commons.lang3.StringUtils;
+import com.pudonghot.yo.fsagent.api.DialService;
+import org.apache.dubbo.config.annotation.Service;
+import com.pudonghot.yo.fsagent.api.request.CallLeg;
+import com.pudonghot.yo.fsagent.api.request.ReqDial;
+import com.pudonghot.yo.fsagent.service.AgentService;
+import com.pudonghot.yo.fsagent.api.response.RespDial;
+import com.pudonghot.yo.fsagent.api.request.BaseReqDial;
+import com.pudonghot.yo.fsagent.api.request.ReqAgentDial;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Dec 09, 2019 16:30:25
+ */
+@Slf4j
+@Service(version = "${yo.fsagent.dubbo.service.version}", register = false)
+public class DialServiceImpl implements DialService {
+    @Autowired
+    private IdSequence idSeq;
+    @Autowired
+    private TenantMapper tenantMapper;
+    @Autowired
+    private AgentMapper agentMapper;
+    @Autowired
+    private AgentGroupMapper agentGroupMapper;
+    @Autowired
+    private AgentGroupTrunkStrategyMapper agentGroupTrunkStrategyMapper;
+    @Autowired
+    private QueueMapper queueMapper;
+    @Autowired
+    private AgentService agentService;
+    @Value("${yo.fsagent.recording.file-ext:.ogg}")
+    private String recordingFileExt;
+    @Value("${yo.fsagent.default-codec:PCMA}")
+    private String defaultCodec;
+
+    @Autowired
+    private DialerAgent dialerAgent;
+    @Autowired
+    private DialerOutside dialerOutside;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public RespDial dial(final ReqDial req) {
+        final CallLeg callerLeg = req.getCallerLeg();
+        final CallLeg.Type callerLegType = callerLeg.getType();
+        Assert.state(callerLegType != CallLeg.Type.OUTSIDE,
+            "Caller leg could not be OUTSIDE");
+
+        final Integer tenantId = req.getTenantId();
+        final Tenant tenant = findValidTenant(tenantId);
+
+        final Agent callerAgent = getIdleAgent(tenant, callerLeg);
+        Assert.state(callerAgent != null,
+            () -> "No idle caller agent [" + callerLeg.getSubject() + "] found");
+
+        final String connId = idSeq.get();
+
+        final CallLeg calledLeg = req.getCalledLeg();
+        if (calledLeg.getType() == CallLeg.Type.OUTSIDE) {
+            return dialExternal(connId, req, tenant, callerAgent, calledLeg.getTrunkStrategyId(), calledLeg.getSubject());
+        }
+
+        final Agent calledAgent = getIdleAgent(tenant, calledLeg);
+        Assert.state(calledAgent != null,
+            () -> "No idle called agent [" + calledLeg.getSubject() + "] found");
+        return dialInternal(connId, req, tenant, callerAgent, calledAgent);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public RespDial agentDial(final ReqAgentDial req) {
+        final Integer tenantId = req.getTenantId();
+        final Tenant tenant = findValidTenant(tenantId);
+
+        final String account = req.getAccount();
+        final Agent agent = agentMapper.find(
+            new Search(Agent.TENANT_ID, tenantId)
+                .eq(Agent.ACCOUNT, account));
+        Assert.state(agent != null,
+            () -> "No agent [" + account + "] of tenant [" + tenantId + "] found");
+        Assert.state(agent.getActive(),
+            () -> "Agent [" + account + "] is not active");
+
+        final String calledNumber = req.getCalledNumber();
+
+        final Agent otherAgent = agentMapper.find(
+            new Search(Agent.TENANT_ID, tenantId)
+                .eq(StringUtils.isNumeric(calledNumber) ?
+                    Agent.AGENT : Agent.ACCOUNT, calledNumber));
+
+        if (otherAgent != null) {
+            log.info("Dial internal agent [{}].", otherAgent);
+            final String otherAgentAccount = otherAgent.getAccount();
+            Assert.state(otherAgent.getActive(),
+                () -> "Other agent [" + otherAgentAccount + "] is not active");
+            req.setCalledNumber(otherAgent.getAgent());
+            req.setCalledName(otherAgentAccount);
+            return dialInternal(idSeq.get(), req, tenant, agent, otherAgent);
+        }
+
+        final AgentGroupTrunkStrategy agentGroupTrunkStrategy =
+            agentGroupTrunkStrategyMapper.find(
+                new Search(AgentGroupTrunkStrategy.AGENT_GROUP_ID,
+                        agent.getGroupId()));
+        Assert.state(agentGroupTrunkStrategy != null,
+            () -> "No agent [" + agent.getAccount() + "] group trunk strategy found");
+        Assert.state(agentGroupTrunkStrategy.getActive(),
+            () -> "Agent [" + agent.getAccount() + "] group trunk strategy is not active");
+        return dialExternal(idSeq.get(), req, tenant, agent, agentGroupTrunkStrategy.getTrunkStrategyId(), calledNumber);
+    }
+
+    RespDial dialInternal(
+        final String connId,
+        final BaseReqDial req,
+        final Tenant tenant,
+        final Agent agent,
+        final Agent otherAgent) {
+
+        dialerAgent.dial(new DialArg<>(connId, req, tenant, agent, otherAgent));
+        return new RespDial(connId);
+    }
+
+    RespDial dialExternal(final String connId,
+                          final BaseReqDial req,
+                          final Tenant tenant,
+                          final Agent agent,
+                          final Integer trunkStrategyId,
+                          final String calledNumber) {
+
+        dialerOutside.dial(new DialArg<>(
+            connId, req, tenant, agent, Pair.of(trunkStrategyId, calledNumber)));
+        return new RespDial(connId);
+    }
+
+    private Agent getIdleAgent(final Tenant tenant, final CallLeg callLeg) {
+        final Integer tenantId = tenant.getId();
+        final CallLeg.Type callerLegType = callLeg.getType();
+
+        Agent callerAgent = null;
+        // caller agent found
+        if (callerLegType == CallLeg.Type.AGENT) {
+            callerAgent = findValidAgent(tenant, callLeg);
+        }
+        else if (callerLegType == CallLeg.Type.AGENT_GROUP) {
+            callerAgent = agentService.lockIdleOfGroup(
+                tenantId, findValidAgentGroup(tenant, callLeg).getId());
+        }
+        else if (callerLegType == CallLeg.Type.QUEUE) {
+            callerAgent = agentService.lockIdleOfQueue(
+                tenantId, findValidQueue(tenant, callLeg).getId());
+        }
+        return callerAgent;
+    }
+
+    private Tenant findValidTenant(final Integer tenantId) {
+        final Tenant tenant = tenantMapper.find(tenantId);
+        Assert.state(tenant != null,
+            () -> "No tenant [" + tenantId + "] found");
+        Assert.state(tenant.getActive(),
+            () -> "Tenant [" + tenantId + "] is not active");
+        return tenant;
+    }
+
+    private Agent findValidAgent(final Tenant tenant, final CallLeg callLeg) {
+        final Integer tenantId = tenant.getId();
+        final String subject = callLeg.getSubject();
+        Agent agent = agentMapper.find(
+            new Search(Agent.TENANT_ID, tenantId)
+                .eq(Agent.ACCOUNT, subject));
+        if (agent == null) {
+            agent = agentMapper.find(
+                new Search(Agent.TENANT_ID, tenantId)
+                    .eq(Agent.AGENT, subject));
+        }
+
+        Assert.state(agent != null,
+            () -> "No agent [" + subject + "] found");
+        Assert.state(agent.getActive(),
+            () -> "Agent [" + subject + "] is not active");
+
+        return agent;
+    }
+
+    private Queue findValidQueue(final Tenant tenant, final CallLeg callLeg) {
+        final Integer tenantId = tenant.getId();
+        final String subject = callLeg.getSubject();
+        final Queue queue = queueMapper.find(
+            new Search(Queue.TENANT_ID, tenantId)
+                .eq(Queue.IDENTIFIER, subject));
+
+        Assert.state(queue != null,
+            () -> "No queue [" + subject + "] found");
+        Assert.state(queue.getActive(),
+            () -> "Queue [" + subject + "] is not active");
+
+        return queue;
+    }
+
+    private AgentGroup findValidAgentGroup(final Tenant tenant, final CallLeg callLeg) {
+        final String subject = callLeg.getSubject();
+        final AgentGroup agentGroup = agentGroupMapper.find(
+            new Search(Queue.TENANT_ID, tenant.getId())
+                .eq(Queue.IDENTIFIER, subject));
+
+        Assert.state(agentGroup != null,
+            () -> "No agent group [" + subject + "] found");
+        Assert.state(agentGroup.getActive(),
+            () -> "Agent group [" + subject + "] is not active");
+
+        return agentGroup;
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/dubbo/impl/DialerAgent.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/dubbo/impl/DialerAgent.java
new file mode 100644
index 00000000..a917ae79
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/dubbo/impl/DialerAgent.java
@@ -0,0 +1,71 @@
+package com.pudonghot.yo.fsagent.service.dubbo.impl;
+
+import java.util.List;
+
+import com.pudonghot.yo.model.domain.Agent;
+import com.pudonghot.yo.model.domain.CallDetailRecord;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+
+/**
+ * @author Donghuang <br>
+ * Dec 09, 2019 16:30:25
+ */
+@Slf4j
+@Service
+public class DialerAgent extends AbstractDialer<Agent> {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void extVarsGlobal(final DialArg<Agent> arg, final List<String> vars) {
+        vars.add("ringback=%(2000\\,4000\\,440\\,480)");
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void extVarsLegA(final DialArg<Agent> arg, final List<String> vars) {
+        final Agent legB = arg.getLegB();
+        final String calledNumber = legB.getAgent();
+        vars.add("sip_contact_user=" + calledNumber);
+        vars.add("origination_caller_id_number=" + calledNumber);
+        vars.add("origination_caller_id_name=" + legB.getAccount());
+
+        vars.add(callTypeVar(CallDetailRecord.CallType.INTERNAL));
+        vars.add(headerCallTypeVar(CallDetailRecord.CallType.INTERNAL));
+        vars.add(headerCallDirectionVar(CallDetailRecord.CallDirection.OUTGOING));
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void extVarsLegB(final DialArg<Agent> arg, final List<String> vars) {
+        final Agent agentLegA = arg.getAgentLegA();
+        vars.add(callTypeVar(CallDetailRecord.CallType.INTERNAL));
+        vars.add(headerCallTypeVar(CallDetailRecord.CallType.INTERNAL));
+        vars.add(headerCallDirectionVar(CallDetailRecord.CallDirection.INCOMING));
+
+        vars.add("origination_caller_id_number=" + agentLegA.getAgent());
+        vars.add("origination_caller_id_name=" + agentLegA.getAccount());
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected String recNumLegB(DialArg<Agent> arg) {
+        return arg.getLegB().getAccount();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected String dialStrLegB(final DialArg<Agent> arg) {
+        return "user/" + arg.getLegB().getAgent() + "@" + arg.getTenant().getRealm();
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/dubbo/impl/DialerOutside.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/dubbo/impl/DialerOutside.java
new file mode 100644
index 00000000..f7f3e649
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/dubbo/impl/DialerOutside.java
@@ -0,0 +1,86 @@
+package com.pudonghot.yo.fsagent.service.dubbo.impl;
+
+import java.util.List;
+
+import com.pudonghot.yo.model.domain.Agent;
+import com.pudonghot.yo.model.domain.CallDetailRecord;
+import com.pudonghot.yo.model.domain.Trunk;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.tuple.Pair;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.util.DigestUtils;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.cellphone.privacy.PrivacyLevel;
+import com.pudonghot.yo.fsagent.service.TrunkService;
+import com.pudonghot.yo.fsagent.api.request.BaseReqDial;
+import com.pudonghot.yo.cellphone.privacy.NumberPrivacyUtils;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Dec 09, 2019 16:30:25
+ */
+@Slf4j
+@Service
+public class DialerOutside extends AbstractDialer<Pair<Integer, String>> {
+    @Autowired
+    private TrunkService trunkService;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void extVarsLegA(
+        final DialArg<Pair<Integer, String>> arg,
+        final List<String> vars) {
+
+        vars.add(callTypeVar(CallDetailRecord.CallType.OUTBOUND));
+        vars.add(headerCallTypeVar(CallDetailRecord.CallType.OUTBOUND));
+        vars.add(headerCallDirectionVar(CallDetailRecord.CallDirection.OUTGOING));
+        // hide customer info
+        vars.add("sip_contact_user=SYSTEM");
+        vars.add("origination_caller_id_number=SYSTEM");
+        vars.add("origination_caller_id_name=" +
+            calledName(arg.getReq(), arg.getAgentLegA(), arg.getLegB().getRight()));
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void extVarsLegB(final DialArg<Pair<Integer, String>> arg,
+                               final List<String> vars) {
+        vars.add(callTypeVar(CallDetailRecord.CallType.OUTBOUND));
+        final BaseReqDial req = arg.getReq();
+        final Pair<Integer, String> legB = arg.getLegB();
+        final Pair<Trunk, String> trunkDial =
+            trunkService.dialStr(legB.getLeft(), legB.getRight(), req.getAttrs());
+        arg.setData(trunkDial);
+        vars.add("origination_caller_id_number=" + trunkDial.getLeft().getCpn());
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected String recNumLegB(final DialArg<Pair<Integer, String>> arg) {
+        return DigestUtils.md5DigestAsHex(arg.getLegB().getRight().getBytes());
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected String dialStrLegB(DialArg<Pair<Integer, String>> arg) {
+        return ((Pair<Trunk, String>) arg.getData()).getRight();
+    }
+
+    String calledName(final BaseReqDial req, final Agent agent, final String calledNumber) {
+        final String calledName = req.getCalledName();
+        if (StringUtils.isNotBlank(calledName)) {
+            return calledName;
+        }
+        return NumberPrivacyUtils.mask(calledNumber,
+            PrivacyLevel.valueOf(findValidAgentGroup(agent).getPrivacyLevel().name()));
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/AgentGroupServiceImpl.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/AgentGroupServiceImpl.java
new file mode 100644
index 00000000..67cffafa
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/AgentGroupServiceImpl.java
@@ -0,0 +1,19 @@
+package com.pudonghot.yo.fsagent.service.impl;
+
+import com.pudonghot.yo.fsagent.service.AgentGroupService;
+import com.pudonghot.yo.mapper.AgentGroupMapper;
+import com.pudonghot.yo.model.domain.AgentGroup;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+import com.wacai.tigon.service.support.BaseQueryServiceSupport;
+
+/**
+ * @author Donghuang <br>
+ * Dec 04, 2019 17:04:11
+ */
+@Slf4j
+@Service
+public class AgentGroupServiceImpl
+    extends BaseQueryServiceSupport<Integer, AgentGroup, AgentGroupMapper>
+    implements AgentGroupService {
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/AgentServiceImpl.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/AgentServiceImpl.java
new file mode 100644
index 00000000..4437fc56
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/AgentServiceImpl.java
@@ -0,0 +1,75 @@
+package com.pudonghot.yo.fsagent.service.impl;
+
+import lombok.extern.slf4j.Slf4j;
+import java.util.function.Consumer;
+import com.wacai.tigon.mybatis.Search;
+import org.springframework.util.Assert;
+import com.wacai.tigon.sequence.IdSequence;
+import com.pudonghot.yo.mapper.AgentMapper;
+import com.pudonghot.yo.model.domain.Agent;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.mapper.AgentStatusMapper;
+import com.pudonghot.yo.model.domain.AgentStatus;
+import com.pudonghot.yo.fsagent.service.AgentService;
+import org.springframework.beans.factory.annotation.Autowired;
+import com.wacai.tigon.service.support.BaseQueryServiceSupport;
+
+/**
+ * @author Donghuang <br>
+ * Dec 02, 2019 21:02:49
+ */
+@Slf4j
+@Service
+public class AgentServiceImpl
+    extends BaseQueryServiceSupport<Integer, Agent, AgentMapper>
+    implements AgentService {
+
+    @Autowired
+    private IdSequence idSeq;
+    @Autowired
+    private AgentStatusMapper agentStatusMapper;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Agent findByDomainAndAgent(final String domain, final String agent) {
+        return mapper.findByDomainAndAgent(domain, agent);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Agent findOfCalled(final String domain, final String calledNumber) {
+        final Agent agent = mapper.findByDomainAndAgent(domain, calledNumber);
+        return agent != null ? agent : mapper.findByDomainAndAccount(domain, calledNumber);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Agent lockIdleOfQueue(final Integer tenantId, final Integer queueId) {
+        return lockIdle(lockKey ->
+            agentStatusMapper.lockIdleOfQueue(tenantId, queueId, lockKey, 1));
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Agent lockIdleOfGroup(final Integer tenantId, final Integer groupId) {
+        return lockIdle(lockKey ->
+            agentStatusMapper.lockIdleOfGroup(tenantId, groupId, lockKey, 1));
+    }
+
+    private Agent lockIdle(final Consumer<String> locker) {
+        final String lockKey = idSeq.get();
+        locker.accept(lockKey);
+        final AgentStatus agentStatus = agentStatusMapper.find(
+            new Search(AgentStatus.LOCK_KEY, lockKey));
+        Assert.state(agentStatus != null, "No READY and IDLE agent found");
+        return mapper.find(agentStatus.getAgentId());
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/AgentStatusServiceImpl.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/AgentStatusServiceImpl.java
new file mode 100644
index 00000000..2f2894f0
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/AgentStatusServiceImpl.java
@@ -0,0 +1,145 @@
+package com.pudonghot.yo.fsagent.service.impl;
+
+import com.pudonghot.yo.fsagent.service.AgentStatusService;
+import com.pudonghot.yo.mapper.AgentMapper;
+import com.pudonghot.yo.mapper.AgentStatusMapper;
+import com.pudonghot.yo.model.domain.Agent;
+import com.pudonghot.yo.model.domain.AgentStatus;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.Search;
+import org.springframework.util.Assert;
+import org.springframework.stereotype.Service;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Dec 02, 2019 21:02:49
+ */
+@Slf4j
+@Service
+public class AgentStatusServiceImpl
+    implements AgentStatusService {
+
+    @Autowired
+    private AgentMapper agentMapper;
+    @Autowired
+    private AgentStatusMapper agentStatusMapper;
+
+    @Override
+    public void online(final String domain, final String user) {
+        log.info("Online domain [{}] agent [{}].", domain, user);
+
+        final Agent agent = agentMapper.findByDomainAndAgent(domain, user);
+        Assert.state(agent != null,
+            () -> "No domain [" + domain + "] agent [" + user + "] found");
+        Assert.state(agent.getActive(),
+            () -> "Agent [" + user + "] is not active");
+
+        final Integer agentId = agent.getId();
+
+        if (!agentStatusMapper.exists(
+                new Search(AgentStatus.AGENT_ID, agentId))) {
+
+            log.info("No agent [{}] status found, init.", user);
+            final AgentStatus agentStatus = new AgentStatus();
+            agentStatus.setTenantId(agent.getTenantId());
+            agentStatus.setTenantCode(agent.getTenantCode());
+            agentStatus.setAgentId(agentId);
+            agentStatus.setAccount(agent.getAccount());
+            agentStatus.setAgent(agent.getAgent());
+            agentStatus.setStatus(AgentStatus.Status.NOT_READY);
+            agentStatus.setState(AgentStatus.State.IDLE);
+            agentStatusMapper.insert(agentStatus);
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void ready(final String domain, final String user) {
+        log.info("Ready domain [{}] agent [{}]. ", domain, user);
+
+        final AgentStatus agentStatus = findAgentStatus(domain, user);
+        if (agentStatus != null) {
+            agentStatus.setStatus(AgentStatus.Status.READY);
+            agentStatus.setState(AgentStatus.State.IDLE);
+            agentStatusMapper.update(agentStatus);
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void notReady(final String domain, final String user) {
+        log.info("Not ready domain [{}] agent [{}]. ", domain, user);
+
+        final AgentStatus agentStatus = findAgentStatus(domain, user);
+        if (agentStatus != null) {
+            agentStatus.setStatus(AgentStatus.Status.NOT_READY);
+            agentStatus.setState(AgentStatus.State.IDLE);
+            agentStatusMapper.update(agentStatus);
+        }
+        else {
+            log.info("No domain [{}] agent [{}] status found, ignore.", domain, user);
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void offline(String domain, String user) {
+        final AgentStatus agentStatus = findAgentStatus(domain, user);
+
+        if (agentStatus != null) {
+            agentStatus.setStatus(AgentStatus.Status.OFFLINE);
+            agentStatus.setState(AgentStatus.State.IDLE);
+            agentStatus.setLockKey(null);
+            agentStatus.setLockTime(null);
+            agentStatusMapper.update(agentStatus);
+        }
+        else {
+            log.info("No domain [{}] agent [{}] status found, ignore.", domain, user);
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void inACall(String domain, String user) {
+        updateState(domain, user, AgentStatus.State.IN_A_CALL);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void idle(String domain, String user) {
+        updateState(domain, user, AgentStatus.State.IDLE);
+    }
+
+    private AgentStatus findAgentStatus(String domain, String user) {
+        final Agent agent = agentMapper.findByDomainAndAgent(domain, user);
+        Assert.state(agent != null,
+            () -> "No domain [" + domain + "] agent [" + user + "] found");
+        return agentStatusMapper.find(new Search(AgentStatus.AGENT_ID, agent.getId()));
+    }
+
+    private void updateState(final String domain, final String user, final AgentStatus.State state) {
+        log.info("Update realm [{}] agent [{}] state [{}].", domain, user, state);
+        final AgentStatus agentStatus = findAgentStatus(domain, user);
+
+        if (agentStatus != null) {
+            agentStatus.setState(state);
+            agentStatus.setLockKey(null);
+            agentStatus.setLockTime(null);
+            agentStatusMapper.update(agentStatus);
+        }
+        else {
+            log.info("No domain [{}] agent [{}] status found, ignore.", domain, user);
+        }
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/GatewayerviceImpl.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/GatewayerviceImpl.java
new file mode 100644
index 00000000..aae3be78
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/GatewayerviceImpl.java
@@ -0,0 +1,21 @@
+package com.pudonghot.yo.fsagent.service.impl;
+
+import com.pudonghot.yo.fsagent.service.GatewayService;
+import com.pudonghot.yo.mapper.GatewayMapper;
+import com.pudonghot.yo.model.domain.Gateway;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+import com.wacai.tigon.service.support.BaseQueryServiceSupport;
+
+/**
+ * @author Donghuang <br>
+ * Dec 04, 2019 19:04:54
+ */
+@Slf4j
+@Service
+public class GatewayerviceImpl
+    extends BaseQueryServiceSupport<Integer,
+        Gateway,
+        GatewayMapper>
+    implements GatewayService {
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/PostRecordingServiceImpl.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/PostRecordingServiceImpl.java
new file mode 100644
index 00000000..ae7d79b2
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/PostRecordingServiceImpl.java
@@ -0,0 +1,96 @@
+package com.pudonghot.yo.fsagent.service.impl;
+
+import java.io.File;
+import java.util.Map;
+import java.util.HashMap;
+
+import com.pudonghot.yo.fsagent.service.PostRecordingService;
+import com.pudonghot.yo.mapper.CallRecordingMapper;
+import com.pudonghot.yo.mapper.TenantMapper;
+import com.pudonghot.yo.model.domain.CallRecording;
+import com.pudonghot.yo.model.domain.Tenant;
+import com.pudonghot.yo.common.httpclient.HttpClient;
+import com.pudonghot.yo.common.httpclient.HttpRequestResult;
+import com.pudonghot.yo.common.httpclient.RequestBodyParams;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.util.Assert;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Service;
+import org.springframework.scheduling.annotation.Async;
+import org.springframework.beans.factory.InitializingBean;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Jan 06, 2020 18:11:09
+ */
+@Slf4j
+@Service
+public class PostRecordingServiceImpl
+    implements PostRecordingService, InitializingBean {
+    @Autowired
+    private HttpClient httpClient;
+    @Value("${yo.fsagent.recording-server.base-path}")
+    private String fileServerBasePath;
+    @Value("${yo.fsagent.recording-server.auth:Basic dXNlcjpwYXNzd29yZA==}")
+    private String fileServerAuth;
+    private final Map<String, String> REQ_HEADERS = new HashMap<>(4);
+    @Autowired
+    private TenantMapper tenantMapper;
+    @Autowired
+    private CallRecordingMapper callRecordingMapper;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Async
+    @Override
+    public void postRecording(final Integer tenantId, final String location) {
+        log.info("Post recording file [{}].", location);
+        final File file = new File(location);
+        if (!file.exists()) {
+            log.warn("Recording file [{}] does not exist.", file);
+            return;
+        }
+
+        final String name = file.getName();
+        final String url = fileServerBasePath + name;
+        final RequestBodyParams<File> params =
+            new RequestBodyParams<>(file);
+        params.setHeaders(REQ_HEADERS);
+        final HttpRequestResult result = httpClient.put(url, params);
+        final int status = result.getStatus();
+        log.info("Upload recording file [{}] result [{}]", url, status);
+        if (status >= 200 && status < 300) {
+            log.info("Upload recording file [{}] successfully, delete file.", location);
+            file.delete();
+        }
+
+        final String connId = name.substring(0, name.indexOf("_"));
+        if (StringUtils.isNotBlank(connId)) {
+            final Tenant tenant = tenantMapper.find(tenantId);
+            Assert.state(tenant != null,
+                () -> "No tenant [" + tenantId + "] found");
+
+            final CallRecording callRec = new CallRecording();
+            callRec.setTenantId(tenantId);
+            callRec.setTenantCode(tenant.getCode());
+            callRec.setConnId(connId);
+            callRec.setUrl(url);
+            log.info("Insert call [{}] recording [{}].", connId, callRec);
+            callRecordingMapper.insert(callRec);
+        }
+        else {
+            log.warn("No conn id found in call recording file [{}], ignore.", name);
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void afterPropertiesSet() {
+        REQ_HEADERS.put("Authorization", fileServerAuth);
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/QueueServiceImpl.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/QueueServiceImpl.java
new file mode 100644
index 00000000..a9ea1dee
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/QueueServiceImpl.java
@@ -0,0 +1,21 @@
+package com.pudonghot.yo.fsagent.service.impl;
+
+import com.pudonghot.yo.mapper.QueueMapper;
+import com.pudonghot.yo.model.domain.Queue;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.fsagent.service.QueueService;
+import com.wacai.tigon.service.support.BaseQueryServiceSupport;
+
+/**
+ * @author Donghuang <br>
+ * Dec 04, 2019 19:05:01
+ */
+@Slf4j
+@Service
+public class QueueServiceImpl
+    extends BaseQueryServiceSupport<Integer,
+        Queue,
+        QueueMapper>
+    implements QueueService {
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/TenantServiceImpl.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/TenantServiceImpl.java
new file mode 100644
index 00000000..e93feb6b
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/TenantServiceImpl.java
@@ -0,0 +1,21 @@
+package com.pudonghot.yo.fsagent.service.impl;
+
+import com.pudonghot.yo.mapper.TenantMapper;
+import com.pudonghot.yo.model.domain.Tenant;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.fsagent.service.TenantService;
+import com.wacai.tigon.service.support.BaseQueryServiceSupport;
+
+/**
+ * @author Donghuang <br>
+ * Nov 01, 2019 15:43:13
+ */
+@Slf4j
+@Service
+public class TenantServiceImpl
+    extends BaseQueryServiceSupport<Integer,
+        Tenant,
+        TenantMapper>
+    implements TenantService {
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/TrunkServiceImpl.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/TrunkServiceImpl.java
new file mode 100644
index 00000000..1419257e
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/service/impl/TrunkServiceImpl.java
@@ -0,0 +1,107 @@
+package com.pudonghot.yo.fsagent.service.impl;
+
+import java.util.List;
+
+import com.pudonghot.yo.fsagent.service.TrunkService;
+import com.pudonghot.yo.mapper.GatewayMapper;
+import com.pudonghot.yo.mapper.TrunkMapper;
+import com.pudonghot.yo.mapper.TrunkStrategyMapper;
+import com.pudonghot.yo.model.domain.Gateway;
+import com.pudonghot.yo.model.domain.Trunk;
+import com.pudonghot.yo.model.domain.TrunkStrategy;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.util.Assert;
+import org.apache.commons.lang3.tuple.Pair;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.RandomUtils;
+import org.springframework.stereotype.Service;
+import com.pudonghot.yo.cellphone.CellphoneInfo;
+import com.pudonghot.yo.cellphone.CellphoneService;
+import org.springframework.beans.factory.annotation.Autowired;
+import com.wacai.tigon.service.support.BaseQueryServiceSupport;
+
+/**
+ * @author Donghuang <br>
+ * Dec 04, 2019 21:10:28
+ */
+@Slf4j
+@Service
+public class TrunkServiceImpl
+    extends BaseQueryServiceSupport<Integer,
+        Trunk,
+        TrunkMapper>
+    implements TrunkService {
+
+    @Autowired
+    private TrunkStrategyMapper trunkStrategyMapper;
+    @Autowired
+    private GatewayMapper gatewayMapper;
+    @Autowired
+    private CellphoneService cellphoneService;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Pair<Trunk, String> dialStr(
+        final Integer strategyId,
+        final String number,
+        final String attrs) {
+
+        final TrunkStrategy trunkStrategy = trunkStrategyMapper.find(strategyId);
+        Assert.state(trunkStrategy != null,
+            () -> "No trunk strategy [" + strategyId + "] found");
+        Assert.state(trunkStrategy.getActive(),
+            () -> "Trunk strategy [" + strategyId + "] is not active");
+
+        // TODO trunk strategies support
+        Assert.state(TrunkStrategy.Strategy.RANDOM == trunkStrategy.getStrategy(),
+            "Random trunk strategy supports only");
+
+        final List<Trunk> trunks = mapper.listOfStrategyId(strategyId);
+        Assert.state(!trunks.isEmpty(),
+            () -> "No trunk found of strategy [" + trunkStrategy.getName() + "]");
+
+        final Trunk trunk = trunks.get(RandomUtils.nextInt(0, trunks.size()));
+
+        final Gateway gateway = gatewayMapper.find(trunk.getGatewayId());
+        Assert.state(gateway != null,
+            () -> "Trunk [" + trunk.getPrefix() + "] gateway not found");
+        Assert.state(gateway.getActive(),
+            () -> "Trunk [" + trunk.getPrefix() + "] gateway is not active");
+
+        return Pair.of(trunk, "sofia/gateway/GW" +
+            StringUtils.leftPad(String.valueOf(gateway.getId()), 6, '0') +
+            "/" + calledNumber(trunk, number));
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String calledNumber(final Trunk trunk, final String calledNumber) {
+        log.debug("Process called number [{}], if mobile phone, may prepend 0 to call.", calledNumber);
+
+        // 外埠加0，针对手机号
+        if (trunk.isOcAddZero() && cellphoneService.isCellphone(calledNumber)) {
+            log.info("Trunk [{}] need prepend 0 to call out.", trunk.getCallerNumber());
+            final CellphoneInfo phoneInfo = cellphoneService.lookup(calledNumber);
+            if (phoneInfo != null) {
+                log.debug("Caller number [{}] phone info [{}] found.", calledNumber, phoneInfo);
+                if (!trunk.getAreaCode().equals(phoneInfo.getAreaCode())) {
+                    log.debug("Caller number [{}] area code is not same to trunk, prepend 0.", calledNumber);
+                    return addPrefix(trunk, "0" + calledNumber);
+                }
+            }
+            else {
+                log.warn("Caller number [{}] phone info not found.", calledNumber);
+            }
+        }
+        return addPrefix(trunk, calledNumber);
+    }
+
+    private String addPrefix(final Trunk trunk, String number) {
+        final String gatewayPrefix = trunk.getGatewayPrefix();
+        return StringUtils.isNotBlank(gatewayPrefix) ? gatewayPrefix + number : number;
+    }
+}
diff --git a/fsagent/src/main/java/com/pudonghot/yo/fsagent/util/OdbcUtils.java b/fsagent/src/main/java/com/pudonghot/yo/fsagent/util/OdbcUtils.java
new file mode 100644
index 00000000..6b75001f
--- /dev/null
+++ b/fsagent/src/main/java/com/pudonghot/yo/fsagent/util/OdbcUtils.java
@@ -0,0 +1,45 @@
+package com.pudonghot.yo.fsagent.util;
+
+import java.net.URI;
+import java.util.List;
+import java.util.ArrayList;
+import lombok.SneakyThrows;
+import java.util.stream.Collectors;
+import org.apache.commons.lang3.tuple.Pair;
+import com.alibaba.druid.pool.DruidDataSource;
+
+/**
+ * @author Donghuang
+ * @date Mar 04, 2020 16:41:52
+ */
+public class OdbcUtils {
+
+    /**
+     * get ODBC DSN from data source
+     *
+     * @param dataSource data source
+     * @return odbc dsn
+     */
+    public static String odbcDsn(final DruidDataSource dataSource) {
+        final List<Pair<String, ?>> odbcParams = new ArrayList<>(8);
+        odbcParams.add(Pair.of("DRIVER", "mysql"));
+        odbcParams.add(Pair.of("OPTION", "67108864"));
+        odbcParams.add(Pair.of("CHARSET", "utf8mb4"));
+
+        final URI jdbcURI = getURI(dataSource);
+        odbcParams.add(Pair.of("SERVER", jdbcURI.getHost()));
+        final int port = jdbcURI.getPort();
+        odbcParams.add(Pair.of("PORT", port > 0 ? port : 3306));
+        odbcParams.add(Pair.of("DATABASE", jdbcURI.getPath().substring(1)));
+        odbcParams.add(Pair.of("UID", dataSource.getUsername()));
+        odbcParams.add(Pair.of("PWD", dataSource.getPassword()));
+        return "odbc://" + odbcParams.stream()
+            .map(v -> v.getKey()  + "=" + v.getValue())
+            .collect(Collectors.joining(";"));
+    }
+
+    @SneakyThrows
+    private static URI getURI(final DruidDataSource dataSource) {
+        return new URI(new URI(dataSource.getUrl()).getSchemeSpecificPart());
+    }
+}
diff --git a/fsagent/src/main/resources/application.properties b/fsagent/src/main/resources/application.properties
new file mode 100644
index 00000000..fdf936ca
--- /dev/null
+++ b/fsagent/src/main/resources/application.properties
@@ -0,0 +1,57 @@
+server.port=8080
+spring.application.name=yo-br-fsagent
+spring.jackson.time-zone=GMT+8
+spring.jackson.serialization.write-dates-as-timestamps=true
+spring.jackson.serialization.fail-on-empty-beans=false
+site.context-path=
+
+# spring.freemarker.template-loader-path=classpath:/templates
+# spring.freemarker.suffix=.ftl
+
+
+# Datasource
+yo.datasource.url=jdbc:mysql://172.18.4.35/yoqw?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useLegacyDatetimeCode=false&serverTimezone=Asia/Shanghai
+yo.datasource.username=yoqw
+yo.datasource.password=yoqw_query!
+
+# Datasource
+yo.fs.datasource.url=jdbc:mysql://172.18.4.35/freeswitch?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useLegacyDatetimeCode=false&serverTimezone=Asia/Shanghai
+yo.fs.datasource.username=freeswitch
+yo.fs.datasource.password=RR!h5IpirsnJ
+
+# Redis
+yo.redis.host=172.16.92.232
+yo.redis.port=6379
+yo.redis.password=123456
+
+# Dubbo
+
+# Base packages to scan Dubbo Component: @org.apache.dubbo.config.annotation.Service
+dubbo.scan.base-packages=com.pudonghot.yo.fsagent.service.dubbo.impl
+
+# Dubbo Protocol
+dubbo.protocol.name=dubbo
+## Random port
+dubbo.protocol.port=-1
+
+# QOS
+dubbo.application.qos-enable=true
+dubbo.application.qos-port=22222
+dubbo.application.qos-accept-foreign-ip=false
+
+## Dubbo Registry
+dubbo.registry.address=zookeeper://172.16.67.223:2181
+dubbo.registry.file=${user.home}/dubbo-cache/${spring.application.name}/dubbo.cache
+
+# Service Version
+yo.fsagent.dubbo.service.version=1.0.0
+yo.fsagent.recording-server.base-path=http://172.16.52.80/fs/rec/
+
+# Agent Status Audio
+yo.fsagent.agent-status.audio.ready.ok=http://172.16.46.35/voice/20191126/5ddcd2c882745b00016922cd.wav
+yo.fsagent.agent-status.audio.ready.err=http://172.16.46.35/voice/20191126/5ddcfef182745b00016922d5.wav
+yo.fsagent.agent-status.audio.not-ready.ok=http://172.16.46.35/voice/20191126/5ddcd2ca82745b00016922d1.wav
+yo.fsagent.agent-status.audio.not-ready.err=http://172.16.46.35/voice/20191126/5ddcfef282745b00016922d9.wav
+
+# ESL
+yo.br.esl.client.host=172.16.65.165
diff --git a/fsagent/src/main/resources/freeswitch-conf.patch b/fsagent/src/main/resources/freeswitch-conf.patch
new file mode 100644
index 00000000..6e267daf
--- /dev/null
+++ b/fsagent/src/main/resources/freeswitch-conf.patch
@@ -0,0 +1,2783 @@
+diff --git a/autoload_configs/acl.conf.xml b/autoload_configs/acl.conf.xml
+index 61cf92f..3ce2568 100644
+--- a/autoload_configs/acl.conf.xml
++++ b/autoload_configs/acl.conf.xml
+@@ -9,6 +9,9 @@
+ 	 loopback.auto - ACL for your local lan.
+     -->
+ 
++    <list name="wan.auto" default="allow">
++    </list>
++
+     <list name="lan" default="allow">
+       <node type="deny" cidr="192.168.42.0/24"/>
+       <node type="allow" cidr="192.168.42.42/32"/>
+diff --git a/autoload_configs/modules.conf.xml b/autoload_configs/modules.conf.xml
+index 3f0b53e..d722442 100644
+--- a/autoload_configs/modules.conf.xml
++++ b/autoload_configs/modules.conf.xml
+@@ -14,14 +14,14 @@
+ 
+     <!-- XML Interfaces -->
+     <!-- <load module="mod_xml_rpc"/> -->
+-    <!-- <load module="mod_xml_curl" critical="true"/>-->
++    <load module="mod_xml_curl" critical="true"/>
+     <!-- <load module="mod_xml_cdr"/> -->
+     <!-- <load module="mod_xml_radius"/> -->
+     <!-- <load module="mod_xml_scgi"/> -->
+ 
+     <!-- Event Handlers -->
+     <!-- <load module="mod_amqp"/> -->
+-    <!-- <load module="mod_odbc_cdr" critical="true"/> -->
++    <load module="mod_odbc_cdr" critical="true"/>
+     <!-- <load module="mod_cdr_sqlite"/> -->
+     <!-- <load module="mod_event_multicast"/> -->
+     <load module="mod_event_socket" critical="true"/>
+diff --git a/autoload_configs/odbc_cdr.conf.xml b/autoload_configs/odbc_cdr.conf.xml
+new file mode 100644
+index 0000000..617373e
+--- /dev/null
++++ b/autoload_configs/odbc_cdr.conf.xml
+@@ -0,0 +1,50 @@
++<configuration name="odbc_cdr.conf" description="ODBC CDR Configuration">
++  <settings>
++    <param name="odbc-dsn" value="$${odbc_dsn_bro}" />
++    <!-- global value can be "a-leg", "b-leg", "both" (default is "both") -->
++    <param name="log-leg" value="both" />
++    <!-- value can be "always", "never", "on-db-fail" -->
++    <param name="write-csv" value="on-db-fail" />
++    <!-- location to store csv copy of CDR -->
++    <param name="csv-path" value="/var/log/freeswitch/cdr-odbc" />
++    <!-- if "csv-path-on-fail" is set, failed INSERTs will be placed here as CSV files otherwise they will be placed in "csv-path" -->
++    <param name="csv-path-on-fail" value="/var/log/freeswitch/cdr-odbc/failed" />
++    <!-- dump SQL statement after leg ends -->
++    <param name="debug-sql" value="false" />
++  </settings>
++  <tables>
++    <!-- both legs will be inserted into this table -->
++    <table name="br_call_detail_record">
++      <field name="tenant_id" chan-var-name="x_tenant_id" />
++      <field name="tenant_code" chan-var-name="x_tenant_code" />
++      <field name="realm" chan-var-name="x_realm" />
++      <field name="conn_id" chan-var-name="x_conn_id" />
++      <field name="biz_key" chan-var-name="x_biz_key" />
++
++      <field name="dial_type" chan-var-name="x_dial_type" />
++      <field name="call_type" chan-var-name="x_call_type" />
++      <field name="agent_type" chan-var-name="x_agent_type" />
++
++      <field name="direction" chan-var-name="direction" />
++      <field name="uuid" chan-var-name="uuid" />
++      <field name="call_uuid" chan-var-name="call_uuid" />
++      <field name="sip_call_id" chan-var-name="sip_call_id" />
++      <field name="caller_name" chan-var-name="caller_id_name" />
++      <field name="caller_number" chan-var-name="caller_id_number" />
++      <field name="sip_network_ip" chan-var-name="sip_network_ip" />
++      <field name="sip_req_host" chan-var-name="sip_req_host" />
++      <field name="read_codec" chan-var-name="read_codec" />
++      <field name="write_codec" chan-var-name="write_codec" />
++      <field name="destination_number" chan-var-name="destination_number" />
++      <field name="start_stamp" chan-var-name="start_stamp" />
++      <field name="answer_stamp" chan-var-name="answer_stamp" />
++      <field name="end_stamp" chan-var-name="end_stamp" />
++      <field name="duration" chan-var-name="duration" />
++      <field name="mduration" chan-var-name="mduration" />
++      <field name="billsec" chan-var-name="billsec" />
++      <field name="billmsec" chan-var-name="billmsec" />
++      <field name="endpoint_disposition" chan-var-name="endpoint_disposition" />
++      <field name="hangup_cause" chan-var-name="hangup_cause" />
++    </table>
++  </tables>
++</configuration>
+diff --git a/autoload_configs/sofia.conf.xml b/autoload_configs/sofia.conf.xml
+deleted file mode 100644
+index 629a001..0000000
+--- a/autoload_configs/sofia.conf.xml
++++ /dev/null
+@@ -1,29 +0,0 @@
+-<configuration name="sofia.conf" description="sofia Endpoint">
+-
+-  <global_settings>
+-    <param name="log-level" value="0"/>
+-    <!-- <param name="abort-on-empty-external-ip" value="true"/> -->
+-    <!-- <param name="auto-restart" value="false"/> -->
+-    <param name="debug-presence" value="0"/>
+-    <!-- <param name="capture-server" value="udp:homer.domain.com:5060"/> -->
+-    
+-    <!-- 
+-    	the new format for HEPv2/v3 and capture ID    
+-	
+-	protocol:host:port;hep=2;capture_id=200;
+-
+-    -->
+-    
+-    <!-- <param name="capture-server" value="udp:homer.domain.com:5060;hep=3;capture_id=100"/> -->
+-  </global_settings>
+-
+-  <!--
+-      The rabbit hole goes deep.  This includes all the
+-      profiles in the sip_profiles directory that is up
+-      one level from this directory.
+-  -->
+-  <profiles>
+-    <X-PRE-PROCESS cmd="include" data="../sip_profiles/*.xml"/>
+-  </profiles>
+-
+-</configuration>
+diff --git a/autoload_configs/switch.conf.xml b/autoload_configs/switch.conf.xml
+index 5ee62f3..2dd6bbe 100644
+--- a/autoload_configs/switch.conf.xml
++++ b/autoload_configs/switch.conf.xml
+@@ -183,6 +183,7 @@
+     <!-- <param name="core-db-dsn" value="postgresql://freeswitch:@127.0.0.1/freeswitch?options=-c%20client_min_messages%3DNOTICE" /> -->
+     <!-- <param name="core-db-dsn" value="mariadb://Server=localhost;Database=freeswitch;Uid=freeswitch;Pwd=pass;" /> -->
+     <!-- <param name="core-db-dsn" value="dsn:username:password" /> -->
++    <param name="core-db-dsn" value="$${odbc_dsn_freeswitch}" />
+     <!-- 
+ 	 Allow to specify the sqlite db at a different location (In this example, move it to ramdrive for
+ 	 better performance on most linux distro (note, you loose the data if you reboot))
+diff --git a/dialplan/default.xml b/dialplan/default.xml
+deleted file mode 100644
+index 7f7ff6f..0000000
+--- a/dialplan/default.xml
++++ /dev/null
+@@ -1,861 +0,0 @@
+-<?xml version="1.0" encoding="utf-8"?>
+-<!--
+-    NOTICE:
+-
+-    This context is usually accessed via authenticated callers on the sip profile on port 5060
+-    or transfered callers from the public context which arrived via the sip profile on port 5080.
+-
+-    Authenticated users will use the user_context variable on the user to determine what context
+-    they can access.  You can also add a user in the directory with the cidr= attribute acl.conf.xml
+-    will build the domains ACL using this value.
+--->
+-<!-- http://wiki.freeswitch.org/wiki/Dialplan_XML -->
+-<include>
+-  <context name="default">
+-
+-    <extension name="unloop">
+-      <condition field="${unroll_loops}" expression="^true$"/>
+-      <condition field="${sip_looped_call}" expression="^true$">
+-	<action application="deflect" data="${destination_number}"/>
+-      </condition>
+-    </extension>
+-
+-    <!-- Example of doing things based on time of day.
+-
+-	 year = 4 digit year. Example year="2009"
+-	 yday = 1-365
+-	 mon = 1-12
+-	 mday = 1-31
+-	 week = 1-52
+-	 mweek= 1-6
+-	 wday = 1-7
+-	 hour = 0-23
+-	 minute = 0-59
+-	 minute-of-day = 1-1440
+-
+-	 Example:
+-	 <condition minute-of-day="540-1080"> (9am to 6pm EVERY day)
+-	 do something ...
+-	 </condition>
+-    -->
+-    <extension name="tod_example" continue="true">
+-      <condition wday="2-6" hour="9-18">
+-	<action application="set" data="open=true"/>
+-      </condition>
+-    </extension>
+-
+-    <!-- Example of routing based on holidays
+-
+-	This example covers all US Federal holidays except for inauguration day.
+-    -->
+-
+-    <extension name="holiday_example" continue="true">
+-      <condition mday="1" mon="1">
+-	<!-- new year's day -->
+-	<action application="set" data="open=false"/>
+-      </condition>
+-      <condition wday="2" mweek="3" mon="1">
+-	<!-- martin luther king day is the 3rd monday in january -->
+-	<action application="set" data="open=false"/>
+-      </condition>
+-      <condition wday="2" mweek="3" mon="2">
+-	<!-- president's day is the 3rd monday in february -->
+-	<action application="set" data="open=false"/>
+-      </condition>
+-      <condition wday="2" mon="5" mday="25-31">
+-	<!-- memorial day is the last monday in may (the only monday between the 25th and the 31st) -->
+-	<action application="set" data="open=false"/>
+-      </condition>
+-      <condition mday="4" mon="7">
+-	<!-- independence day -->
+-	<action application="set" data="open=false"/>
+-      </condition>
+-      <condition wday="2" mday="1-7" mon="9">
+-	<!-- labor day is the 1st monday in september (the only monday between the 1st and the 7th) -->
+-	<action application="set" data="open=false"/>
+-      </condition>
+-      <condition wday="2" mweek="2" mon="10">
+-	<!-- columbus day is the 2nd monday in october -->
+-	<action application="set" data="open=false"/>
+-      </condition>
+-      <condition mday="11" mon="11">
+-	<!-- veteran's day -->
+-	<action application="set" data="open=false"/>
+-      </condition>
+-      <condition wday="5-6" mweek="4" mon="11">
+-	<!-- thanksgiving is the 4th thursday in november and usually there's an extension for black friday -->
+-	<action application="set" data="open=false"/>
+-      </condition>
+-      <condition mday="25" mon="12">
+-	<!-- Christmas -->
+-	<action application="set" data="open=false"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="global-intercept">
+-      <condition field="destination_number" expression="^886$">
+-	<action application="answer"/>
+-	<action application="intercept" data="${hash(select/${domain_name}-last_dial_ext/global)}"/>
+-	<action application="sleep" data="2000"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="group-intercept">
+-      <condition field="destination_number" expression="^\*8$">
+-	<action application="answer"/>
+-	<action application="intercept" data="${hash(select/${domain_name}-last_dial_ext/${callgroup})}"/>
+-	<action application="sleep" data="2000"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="intercept-ext">
+-      <condition field="destination_number" expression="^\*\*(\d+)$">
+-	<action application="answer"/>
+-	<action application="intercept" data="${hash(select/${domain_name}-last_dial_ext/$1)}"/>
+-	<action application="sleep" data="2000"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="redial">
+-      <condition field="destination_number" expression="^(redial|870)$">
+-	<action application="transfer" data="${hash(select/${domain_name}-last_dial/${caller_id_number})}"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="global" continue="true">
+-      <condition field="${call_debug}" expression="^true$" break="never">
+-	<action application="info"/>
+-      </condition>
+-
+-      <condition field="${default_password}" expression="^1234$" break="never">
+-	<action application="log" data="CRIT WARNING WARNING WARNING WARNING WARNING WARNING WARNING WARNING WARNING "/>
+-	<action application="log" data="CRIT Open $${conf_dir}/vars.xml and change the default_password."/>
+-	<action application="log" data="CRIT Once changed type 'reloadxml' at the console."/>
+-	<action application="log" data="CRIT WARNING WARNING WARNING WARNING WARNING WARNING WARNING WARNING WARNING "/>
+-	<action application="sleep" data="10000"/>
+-      </condition>
+-      <!--
+-	  This is an example of how to auto detect if telephone-event is missing and activate inband detection
+-      -->
+-      <!--
+-      <condition field="${switch_r_sdp}" expression="a=rtpmap:(\d+)\stelephone-event/8000" break="never">
+-	<action application="set" data="rtp_payload_number=$1"/>
+-	<anti-action application="start_dtmf"/>
+-      </condition>
+-      -->
+-      <condition field="${rtp_has_crypto}" expression="^($${rtp_sdes_suites})$" break="never">
+-	<action application="set" data="rtp_secure_media=true"/>
+-	<!-- Offer SRTP on outbound legs if we have it on inbound. -->
+-	<!-- <action application="export" data="rtp_secure_media=true"/> -->
+-      </condition>
+-
+-      <!--
+-	 Since we have inbound-late-negotation on by default now the
+-	 above behavior isn't the same so you have to do one extra step.
+-	-->
+-      <condition field="${endpoint_disposition}" expression="^(DELAYED NEGOTIATION)"/>
+-      <condition field="${switch_r_sdp}" expression="(AES_CM_128_HMAC_SHA1_32|AES_CM_128_HMAC_SHA1_80)" break="never">
+-	<action application="set" data="rtp_secure_media=true"/>
+-	<!-- Offer SRTP on outbound legs if we have it on inbound. -->
+-	<!-- <action application="export" data="rtp_secure_media=true"/> -->
+-      </condition>
+-
+-
+-      <condition>
+-	<action application="hash" data="insert/${domain_name}-spymap/${caller_id_number}/${uuid}"/>
+-	<action application="hash" data="insert/${domain_name}-last_dial/${caller_id_number}/${destination_number}"/>
+-	<action application="hash" data="insert/${domain_name}-last_dial/global/${uuid}"/>
+-	<action application="export" data="RFC2822_DATE=${strftime(%a, %d %b %Y %T %z)}"/>
+-      </condition>
+-    </extension>
+-
+-    <!-- If sip_req_host is not a local domain then this has to be an external sip uri -->
+-    <!--
+-    <extension name="external_sip_uri" continue="true">
+-      <condition field="source" expression="mod_sofia"/>
+-      <condition field="${outside_call}" expression="^$"/>
+-      <condition field="${domain_exists(${sip_req_host})}" expression="true">
+-	<anti-action application="bridge" data="sofia/${use_profile}/${sip_to_uri}"/>
+-      </condition>
+-    </extension>
+-    -->
+-    <!--
+-	Snom button demo, call 9000 to make button 2 mapped to transfer the current call to a conference
+-    -->
+-
+-    <extension name="snom-demo-2">
+-      <condition field="destination_number" expression="^9001$">
+-	<action application="eval" data="${snom_bind_key(2 off DND ${sip_from_user} ${sip_from_host} ${sofia_profile_name} message notused)}"/>
+-	<action application="transfer" data="3000"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="snom-demo-1">
+-      <condition field="destination_number" expression="^9000$">
+-	<!--<key> <light> <label> <user> <host> <profile> <action_name> <action>-->
+-	<action application="eval" data="${snom_bind_key(2 on DND ${sip_from_user} ${sip_from_host} ${sofia_profile_name} message api+uuid_transfer ${uuid} 9001)}"/>
+-	<action application="playback" data="$${hold_music}"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="eavesdrop">
+-      <condition field="destination_number" expression="^88(\d{4})$|^\*0(.*)$">
+-	<action application="answer"/>
+-	<action application="eavesdrop" data="${hash(select/${domain_name}-spymap/$1$2)}"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="eavesdrop">
+-      <condition field="destination_number" expression="^779$">
+-	<action application="answer"/>
+-	<action application="set" data="eavesdrop_indicate_failed=tone_stream://%(500, 0, 320)"/>
+-	<action application="set" data="eavesdrop_indicate_new=tone_stream://%(500, 0, 620)"/>
+-	<action application="set" data="eavesdrop_indicate_idle=tone_stream://%(250, 0, 920)"/>
+-	<action application="eavesdrop" data="all"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="call_return">
+-      <condition field="destination_number" expression="^\*69$|^869$|^lcr$">
+-	<action application="transfer" data="${hash(select/${domain_name}-call_return/${caller_id_number})}"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="del-group">
+-      <condition field="destination_number" expression="^80(\d{2})$">
+-	<action application="answer"/>
+-	<action application="group" data="delete:$1@${domain_name}:${sofia_contact(${sip_from_user}@${domain_name})}"/>
+-	<action application="gentones" data="%(1000, 0, 320)"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="add-group">
+-      <condition field="destination_number" expression="^81(\d{2})$">
+-	<action application="answer"/>
+-	<action application="group" data="insert:$1@${domain_name}:${sofia_contact(${sip_from_user}@${domain_name})}"/>
+-	<action application="gentones" data="%(1000, 0, 640)"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="call-group-simo">
+-      <condition field="destination_number" expression="^82(\d{2})$">
+-	<action application="bridge" data="{leg_timeout=15,ignore_early_media=true}${group(call:$1@${domain_name})}"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="call-group-order">
+-      <condition field="destination_number" expression="^83(\d{2})$">
+-	<action application="bridge" data="{leg_timeout=15,ignore_early_media=true}${group(call:$1@${domain_name}:order)}"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="extension-intercom">
+-      <condition field="destination_number" expression="^8(10[01][0-9])$">
+-	<action application="set" data="dialed_extension=$1"/>
+-	<action application="export" data="sip_auto_answer=true"/>
+-	<action application="bridge" data="user/${dialed_extension}@${domain_name}"/>
+-      </condition>
+-    </extension>
+-
+-    <!--
+-	 dial the extension (1000-1019) for 30 seconds and go to voicemail if the
+-	 call fails (continue_on_fail=true), otherwise hang up after a successful
+-	 bridge (hangup_after_bridge=true)
+-    -->
+-    <extension name="Local_Extension">
+-      <condition field="destination_number" expression="^(10[01][0-9])$">
+-	<action application="export" data="dialed_extension=$1"/>
+-	<!-- bind_meta_app can have these args <key> [a|b|ab] [a|b|o|s] <app> -->
+-	<action application="bind_meta_app" data="1 b s execute_extension::dx XML features"/>
+-	<action application="bind_meta_app" data="2 b s record_session::$${recordings_dir}/${caller_id_number}.${strftime(%Y-%m-%d-%H-%M-%S)}.wav"/>
+-	<action application="bind_meta_app" data="3 b s execute_extension::cf XML features"/>
+-	<action application="bind_meta_app" data="4 b s execute_extension::att_xfer XML features"/>
+-	<action application="set" data="ringback=${us-ring}"/>
+-	<action application="set" data="transfer_ringback=$${hold_music}"/>
+-	<action application="set" data="call_timeout=30"/>
+-	<!-- <action application="set" data="sip_exclude_contact=${network_addr}"/> -->
+-	<action application="set" data="hangup_after_bridge=true"/>
+-	<!--<action application="set" data="continue_on_fail=NORMAL_TEMPORARY_FAILURE,USER_BUSY,NO_ANSWER,TIMEOUT,NO_ROUTE_DESTINATION"/> -->
+-	<action application="set" data="continue_on_fail=true"/>
+-	<action application="hash" data="insert/${domain_name}-call_return/${dialed_extension}/${caller_id_number}"/>
+-	<action application="hash" data="insert/${domain_name}-last_dial_ext/${dialed_extension}/${uuid}"/>
+-	<action application="set" data="called_party_callgroup=${user_data(${dialed_extension}@${domain_name} var callgroup)}"/>
+-	<action application="hash" data="insert/${domain_name}-last_dial_ext/${called_party_callgroup}/${uuid}"/>
+-	<action application="hash" data="insert/${domain_name}-last_dial_ext/global/${uuid}"/>
+-	<!--<action application="export" data="nolocal:rtp_secure_media=${user_data(${dialed_extension}@${domain_name} var rtp_secure_media)}"/>-->
+-	<action application="hash" data="insert/${domain_name}-last_dial/${called_party_callgroup}/${uuid}"/>
+-	<action application="bridge" data="user/${dialed_extension}@${domain_name}"/>
+-	<action application="answer"/>
+-	<action application="sleep" data="1000"/>
+-	<action application="bridge" data="loopback/app=voicemail:default ${domain_name} ${dialed_extension}"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="Local_Extension_Skinny">
+-      <condition field="destination_number" expression="^(11[01][0-9])$">
+-	<action application="set" data="dialed_extension=$1"/>
+-	<action application="export" data="dialed_extension=$1"/>
+-	<action application="set" data="call_timeout=30"/>
+-	<action application="set" data="hangup_after_bridge=true"/>
+-	<action application="set" data="continue_on_fail=true"/>
+-        <action application="bridge" data="skinny/internal/${destination_number}"/>
+-	<action application="answer"/>
+-	<action application="sleep" data="1000"/>
+-	<action application="bridge" data="loopback/app=voicemail:default ${domain_name} ${dialed_extension}"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="group_dial_sales">
+-      <condition field="destination_number" expression="^2000$">
+-	<action application="bridge" data="${group_call(sales@${domain_name})}"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="group_dial_support">
+-      <condition field="destination_number" expression="^2001$">
+-	<action application="bridge" data="group/support@${domain_name}"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="group_dial_billing">
+-      <condition field="destination_number" expression="^2002$">
+-	<action application="bridge" data="group/billing@${domain_name}"/>
+-      </condition>
+-    </extension>
+-
+-    <!-- voicemail operator extension -->
+-    <extension name="operator">
+-      <condition field="destination_number" expression="^(operator|0)$">
+-	<action application="set" data="transfer_ringback=$${hold_music}"/>
+-	<action application="transfer" data="1000 XML features"/>
+-      </condition>
+-    </extension>
+-
+-    <!-- voicemail main extension -->
+-    <extension name="vmain">
+-      <condition field="destination_number" expression="^vmain$|^4000$|^\*98$">
+-	<action application="answer"/>
+-	<action application="sleep" data="1000"/>
+-	<action application="voicemail" data="check default ${domain_name}"/>
+-      </condition>
+-    </extension>
+-
+-    <!--
+-	 This extension is used by mod_portaudio so you can pa call sip:someone@example.com
+-	 mod_portaudio will pass the entire string to the dialplan for routing.
+-    -->
+-    <extension name="sip_uri">
+-      <condition field="destination_number" expression="^sip:(.*)$">
+-	<action application="bridge" data="sofia/${use_profile}/$1"/>
+-      </condition>
+-    </extension>
+-
+-    <!--
+-	start a dynamic conference with the settings of the "default" conference profile in conference.conf.xml
+-    -->
+-    <extension name="nb_conferences">
+-      <condition field="destination_number" expression="^(30\d{2})$">
+-	<action application="answer"/>
+-	<action application="conference" data="$1-${domain_name}@default"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="wb_conferences">
+-      <condition field="destination_number" expression="^(31\d{2})$">
+-	<action application="answer"/>
+-	<action application="conference" data="$1-${domain_name}@wideband"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="uwb_conferences">
+-      <condition field="destination_number" expression="^(32\d{2})$">
+-	<action application="answer"/>
+-	<action application="conference" data="$1-${domain_name}@ultrawideband"/>
+-      </condition>
+-    </extension>
+-    <!-- MONO 48kHz conferences -->
+-    <extension name="cdquality_conferences">
+-      <condition field="destination_number" expression="^(33\d{2})$">
+-	<action application="answer"/>
+-	<action application="conference" data="$1-${domain_name}@cdquality"/>
+-      </condition>
+-    </extension>
+-
+-    <!-- STEREO 48kHz conferences / Video MCU -->
+-    <extension name="cdquality_stereo_conferences">
+-      <condition field="destination_number" expression="^(35\d{2}).*?-screen$">
+-	<action application="answer"/>
+-	<action application="send_display" data="FreeSWITCH Conference|$1"/>
+-	<action application="set" data="conference_member_flags=join-vid-floor"/>
+-	<action application="conference" data="$1@video-mcu-stereo"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="conference-canvases" continue="true">
+-      <condition field="destination_number" expression="(35\d{2})-canvas-(\d+)">
+-	<action application="push" data="conference_member_flags=second-screen"/>
+-	<action application="set" data="video_initial_watching_canvas=$2"/>
+-	<action application="transfer" data="$1"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="conf mod">
+-      <condition field="destination_number" expression="^6070-moderator$">
+-	<action application="answer"/>
+-	<action application="set" data="conference_member_flags=moderator"/>
+-	<action application="conference" data="$1-${domain_name}@video-mcu-stereo"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="cdquality_conferences">
+-      <condition field="destination_number" expression="^(35\d{2})$">
+-	<action application="answer"/>
+-	<action application="conference" data="$1@video-mcu-stereo"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="cdquality_conferences_720">
+-      <condition field="destination_number" expression="^(36\d{2})$">
+-	<action application="answer"/>
+-	<action application="conference" data="$1@video-mcu-stereo-720"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="cdquality_conferences_480">
+-      <condition field="destination_number" expression="^(37\d{2})$">
+-	<action application="answer"/>
+-	<action application="conference" data="$1@video-mcu-stereo-480"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="cdquality_conferences_320">
+-      <condition field="destination_number" expression="^(38\d{2})$">
+-	<action application="answer"/>
+-	<action application="conference" data="$1@video-mcu-stereo-320"/>
+-      </condition>
+-    </extension>
+-
+-    <!-- dial the FreeSWITCH conference via SIP-->
+-    <extension name="freeswitch_public_conf_via_sip">
+-      <condition field="destination_number" expression="^9(888|8888|1616|3232)$">
+-	<action application="export" data="hold_music=silence"/>
+-	<!--
+-	     This will take the SAS from the b-leg and send it to the display on the a-leg phone.
+-	     Known working with Polycom and Snom maybe others.
+-	-->
+-	<!--
+-	<action application="set" data="exec_after_bridge_app=${sched_api(+4 zrtp expand uuid_display ${uuid} \${uuid_getvar(\${uuid_getvar(${uuid} signal_bond)} zrtp_sas1_string )}  \${uuid_getvar(\${uuid_getvar(${uuid} signal_bond)} zrtp_sas2_string )} )}"/>
+-	<action application="export" data="nolocal:zrtp_secure_media=true"/>
+-	-->
+-	<action application="bridge" data="sofia/${use_profile}/$1@conference.freeswitch.org"/>
+-      </condition>
+-    </extension>
+-
+-    <!--
+-	This extension will start a conference and invite a group.
+-	At anytime the participant can dial *2 to bridge directly to the boss.
+-	All other callers are then hung up on.
+-    -->
+-    <extension name="mad_boss_intercom">
+-      <condition field="destination_number" expression="^0911$">
+-	<action application="set" data="conference_auto_outcall_caller_id_name=Mad Boss1"/>
+-	<action application="set" data="conference_auto_outcall_caller_id_number=0911"/>
+-	<action application="set" data="conference_auto_outcall_timeout=60"/>
+-	<action application="set" data="conference_utils_auto_outcall_flags=mute"/>
+-	<action application="set" data="conference_auto_outcall_prefix={sip_auto_answer=true,execute_on_answer='bind_meta_app 2 a s1 transfer::intercept:${uuid} inline'}"/>
+-	<action application="set" data="sip_exclude_contact=${network_addr}"/>
+-	<action application="conference_set_auto_outcall" data="${group_call(sales)}"/>
+-	<action application="conference" data="madboss_intercom1@default+flags{endconf|deaf}"/>
+-      </condition>
+-    </extension>
+-
+-    <!--
+-	This extension will start a conference and invite a few of people.
+-	At anytime the participant can dial *2 to bridge directly to the boss.
+-	All other callers are then hung up on.
+-    -->
+-    <extension name="mad_boss_intercom">
+-      <condition field="destination_number" expression="^0912$">
+-	<action application="set" data="conference_auto_outcall_caller_id_name=Mad Boss2"/>
+-	<action application="set" data="conference_auto_outcall_caller_id_number=0912"/>
+-	<action application="set" data="conference_auto_outcall_timeout=60"/>
+-	<action application="set" data="conference_utils_auto_outcall_flags=mute"/>
+-	<action application="set" data="conference_auto_outcall_prefix={sip_auto_answer=true,execute_on_answer='bind_meta_app 2 a s1 transfer::intercept:${uuid} inline'}"/>
+-	<action application="set" data="sip_exclude_contact=${network_addr}"/>
+-	<action application="conference_set_auto_outcall" data="loopback/9664"/>
+-	<action application="conference" data="madboss_intercom2@default+flags{endconf|deaf}"/>
+-      </condition>
+-    </extension>
+-
+-    <!--This extension will start a conference and invite several people upon entering -->
+-    <extension name="mad_boss">
+-      <condition field="destination_number" expression="^0913$">
+-	<!--These params effect the outcalls made once you join-->
+-	<action application="set" data="conference_auto_outcall_caller_id_name=Mad Boss"/>
+-	<action application="set" data="conference_auto_outcall_caller_id_number=0911"/>
+-	<action application="set" data="conference_auto_outcall_timeout=60"/>
+-	<action application="set" data="conference_utils_auto_outcall_flags=none"/>
+-	<!--<action application="set" data="conference_auto_outcall_announce=say:You have been called into an emergency conference"/>-->
+-	<!--Add as many of these as you need, These are the people you are going to call-->
+-	<action application="conference_set_auto_outcall" data="loopback/9664"/>
+-	<action application="conference" data="madboss3@default"/>
+-      </condition>
+-    </extension>
+-
+-    <!-- a sample IVR  -->
+-    <extension name="ivr_demo">
+-      <condition field="destination_number" expression="^5000$">
+-        <action application="answer"/>
+-        <action application="sleep" data="2000"/>
+-	<action application="ivr" data="demo_ivr"/>
+-      </condition>
+-    </extension>
+-
+-    <!-- Create a conference on the fly and pull someone in at the same time. -->
+-    <extension name="dynamic_conference">
+-      <condition field="destination_number" expression="^5001$">
+-	<action application="conference" data="bridge:mydynaconf:sofia/${use_profile}/1234@conference.freeswitch.org"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="rtp_multicast_page">
+-      <condition field="destination_number" expression="^pagegroup$|^7243$">
+-	<action application="answer"/>
+-	<action application="esf_page_group"/>
+-      </condition>
+-    </extension>
+-
+-    <!--
+-	 Parking extensions... transferring calls to 5900 will park them in a queue.
+-    -->
+-    <extension name="park">
+-      <condition field="destination_number" expression="^5900$">
+-	<action application="set" data="fifo_music=$${hold_music}"/>
+-	<action application="fifo" data="5900@${domain_name} in"/>
+-      </condition>
+-    </extension>
+-
+-    <!--
+-	 Parking pickup extension.  Calling 5901 will pickup the call.
+-    -->
+-    <extension name="unpark">
+-      <condition field="destination_number" expression="^5901$">
+-	<action application="answer"/>
+-	<action application="fifo" data="5900@${domain_name} out nowait"/>
+-      </condition>
+-    </extension>
+-
+-    <!--
+-	 Valet park retrieval, works with valet_park extension below.
+-	 Retrieve a valet parked call by dialing 6000 + park number + #
+-    -->
+-    <extension name="valet_park">
+-      <condition field="destination_number" expression="^(6000)$">
+-	<action application="answer"/>
+-	<action application="valet_park" data="valet_parking_lot ask 1 11 10000 ivr/ivr-enter_ext_pound.wav"/>
+-      </condition>
+-    </extension>
+-
+-    <!--
+-	 Valet park 6001-6099.  Blind x-fer to 6001, 6002, etc. to valet park the call.
+-	 Dial 6001, 6002, etc. to retrieve a call that is already valet parked.
+-	 After call is retrieved, park extension is free for another call.
+-    -->
+-    <extension name="valet_park">
+-      <condition field="destination_number" expression="^((?!6000)60\d{2})$">
+-	<action application="answer"/>
+-	<action application="valet_park" data="valet_parking_lot $1"/>
+-      </condition>
+-    </extension>
+-
+-
+-    <!--
+-	This extension is used with Snom phones.
+-
+-	Set a function key to park+lot (lot being a number or name.)
+-	Set type to Park+Orbit.  You can then park and pickup using
+-	the softkey on the phone.  Should work with other phones.
+-    -->
+-    <extension name="park">
+-      <condition field="source" expression="mod_sofia"/>
+-      <condition field="destination_number" expression="park\+(\d+)">
+-	<action application="fifo" data="$1@${domain_name} in undef $${hold_music}"/>
+-      </condition>
+-    </extension>
+-    <!--
+-	The extension is parking pickup with a to param of the fifo we are calling
+-	Some phones send things like orbit= and you can extract that info.
+-    -->
+-    <extension name="unpark">
+-      <condition field="source" expression="mod_sofia"/>
+-      <condition field="destination_number" expression="^parking$"/>
+-      <condition field="${sip_to_params}" expression="fifo\=(\d+)">
+-	<action application="answer"/>
+-	<action application="fifo" data="$1@${domain_name} out nowait"/>
+-      </condition>
+-    </extension>
+-
+-    <!--
+-       This extension is used with Linksys phones.
+-
+-       Set a Phone tab option Call Park Serv to yes. You can park and
+-       pickup using soft keys "park" and "unpark" found during
+-       active call when moving navigation button. The other option
+-       is to use phone's star codes (defaults to *38 and *39).
+-    -->
+-    <extension name="park">
+-      <condition field="source" expression="mod_sofia"/>
+-      <condition field="destination_number" expression="callpark"/>
+-      <condition field="${sip_refer_to}">
+-	<expression><![CDATA[<sip:callpark@${domain_name};orbit=(\d+)>]]></expression>
+-	<action application="fifo" data="$1@${domain_name} in undef $${hold_music}"/>
+-      </condition>
+-    </extension>
+-
+-    <!--
+-       This extension is used with Linksys phones.
+-
+-       The extension is parking pickup with a to param of the fifo
+-       we are calling. Linksys sends orbit=<parkingslotnumber>
+-       and we extract that info.
+-    -->
+-    <extension name="unpark">
+-      <condition field="source" expression="mod_sofia"/>
+-      <condition field="destination_number" expression="pickup"/>
+-      <condition field="${sip_to_params}" expression="orbit\=(\d+)">
+-	<action application="answer"/>
+-	<action application="fifo" data="$1@${domain_name} out nowait"/>
+-       </condition>
+-    </extension>
+-
+-    <!--
+-	Here are some examples of how to override the ringback heard by the
+-	far end.  You have two variables that you can use to override this.
+-
+-	ringback          - used when a call isn't answered. (early media)
+-	transfer_ringback - used when the call is already answered. (post answer)
+-    -->
+-
+-    <!-- Demonstration of how to override the ringback in various situations -->
+-    <extension name="wait">
+-      <condition field="destination_number" expression="^wait$">
+-	<action application="pre_answer"/>
+-	<action application="sleep" data="20000"/>
+-	<action application="answer"/>
+-	<action application="sleep" data="1000"/>
+-	<action application="playback" data="voicemail/vm-goodbye.wav"/>
+-	<action application="hangup"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="fax_receive">
+-      <condition field="destination_number" expression="^9178$">
+-	<action application="answer" />
+-	<action application="playback" data="silence_stream://2000"/>
+-	<action application="rxfax" data="$${temp_dir}/rxfax.tif"/>
+-	<action application="hangup"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="fax_transmit">
+-      <condition field="destination_number" expression="^9179$">
+-	<action application="txfax" data="$${temp_dir}/txfax.tif"/>
+-	<action application="hangup"/>
+-      </condition>
+-    </extension>
+-
+-    <!-- Send a 180 and let the far end generate ringback. -->
+-    <extension name="ringback_180">
+-      <condition field="destination_number" expression="^9180$">
+-	<action application="ring_ready"/>
+-	<action application="sleep" data="20000"/>
+-	<action application="answer"/>
+-	<action application="sleep" data="1000"/>
+-	<action application="playback" data="voicemail/vm-goodbye.wav"/>
+-	<action application="hangup"/>
+-      </condition>
+-    </extension>
+-
+-    <!-- Send a 183 and send uk-ring as the ringtone. (early media) -->
+-    <extension name="ringback_183_uk_ring">
+-      <condition field="destination_number" expression="^9181$">
+-	<action application="set" data="ringback=$${uk-ring}"/>
+-	<action application="bridge" data="{ignore_early_media=true}loopback/wait"/>
+-      </condition>
+-    </extension>
+-
+-    <!-- Send a 183 and use music as the ringtone. (early media) -->
+-    <extension name="ringback_183_music_ring">
+-      <condition field="destination_number" expression="^9182$">
+-	<action application="set" data="ringback=$${hold_music}"/>
+-	<action application="bridge" data="{ignore_early_media=true}loopback/wait"/>
+-      </condition>
+-    </extension>
+-
+-    <!-- Answer the call and use music as the ringtone. (post answer) -->
+-    <extension name="ringback_post_answer_uk_ring">
+-      <condition field="destination_number" expression="^9183$">
+-	<action application="set" data="transfer_ringback=$${uk-ring}"/>
+-	<action application="answer"/>
+-	<action application="bridge" data="{ignore_early_media=true}loopback/wait"/>
+-      </condition>
+-    </extension>
+-
+-    <!-- Answer the call and use music as the ringtone. (post answer) -->
+-    <extension name="ringback_post_answer_music">
+-      <condition field="destination_number" expression="^9184$">
+-	<action application="set" data="transfer_ringback=$${hold_music}"/>
+-	<action application="answer"/>
+-	<action application="bridge" data="{ignore_early_media=true}loopback/wait"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="ClueCon">
+-      <condition field="destination_number" expression="^9191$">
+-        <action application="set" data="effective_caller_id_name=ClueCon IVR"/>
+-        <action application="bridge" data="sofia/$${domain}/2000@bkw.org"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="show_info">
+-      <condition field="destination_number" expression="^9192$">
+-	<action application="answer"/>
+-	<action application="info"/>
+-	<action application="sleep" data="250"/>
+-	<action application="hangup"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="video_record">
+-      <condition field="destination_number" expression="^9193$">
+-	<action application="answer"/>
+-	<action application="record_fsv" data="$${temp_dir}/testrecord.fsv"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="video_playback">
+-      <condition field="destination_number" expression="^9194$">
+-	<action application="answer"/>
+-	<action application="play_fsv" data="$${temp_dir}/testrecord.fsv"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="delay_echo">
+-      <condition field="destination_number" expression="^9195$">
+-	<action application="answer"/>
+-	<action application="delay_echo" data="5000"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="echo">
+-      <condition field="destination_number" expression="^9196$">
+-	<action application="answer"/>
+-	<action application="echo"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="milliwatt">
+-      <condition field="destination_number" expression="^9197$">
+-	<action application="answer"/>
+-	<action application="playback" data="{loops=-1}tone_stream://%(251,0,1004)"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="tone_stream">
+-      <condition field="destination_number" expression="^9198$">
+-	<action application="answer"/>
+-	<action application="playback" data="{loops=10}tone_stream://path=${conf_dir}/tetris.ttml"/>
+-      </condition>
+-    </extension>
+-
+-    <!-- install zrtp_agent.lua into scripts (ZRTP == 9787) -->
+-    <extension name="zrtp_enrollement">
+-      <condition field="destination_number" expression="^9787$">
+-	<action application="lua" data="zrtp_agent.lua"/>
+-      </condition>
+-    </extension>
+-
+-    <!--
+-	You will no longer hear the bong tone.  The wav file is playing stating the call is secure.
+-	The file will not play unless you have both TLS and SRTP active.
+-    -->
+-
+-    <extension name="hold_music">
+-      <condition field="destination_number" expression="^9664$"/>
+-      <condition field="${rtp_has_crypto}" expression="^(AES_CM_128_HMAC_SHA1_32|AES_CM_128_HMAC_SHA1_80)$">
+-	<action application="answer"/>
+-	<action application="execute_extension" data="is_secure XML features"/>
+-	<action application="playback" data="$${hold_music}"/>
+-	<anti-action application="set" data="zrtp_secure_media=true"/>
+-	<anti-action application="answer"/>
+-	<anti-action application="playback" data="silence_stream://2000"/>
+-	<anti-action application="execute_extension" data="is_zrtp_secure XML features"/>
+-	<anti-action application="playback" data="$${hold_music}"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="laugh break">
+-      <condition field="destination_number" expression="^9386$">
+-        <action application="answer"/>
+-        <action application="sleep" data="1500"/>
+-        <action application="playback" data="phrase:funny_prompts"/>
+-        <action application="hangup"/>
+-      </condition>
+-    </extension>
+-
+-    <!--
+-	You can place files in the default directory to get included.
+-    -->
+-    <X-PRE-PROCESS cmd="include" data="default/*.xml"/>
+-
+-    <!--
+-    <extension name="refer">
+-      <condition field="${sip_refer_to}">
+-	<expression><![CDATA[<sip:${destination_number}@${domain_name}>]]></expression>
+-      </condition>
+-      <condition field="${sip_refer_to}">
+-	<expression><![CDATA[<sip:(.*)@(.*)>]]></expression>
+-	<action application="set" data="refer_user=$1"/>
+-	<action application="set" data="refer_domain=$2"/>
+-	<action application="info"/>
+-	<action application="bridge" data="sofia/${use_profile}/${refer_user}@${refer_domain}"/>
+-      </condition>
+-    </extension>
+-    -->
+-    <!--
+-	This is an example of how to override the RURI on an outgoing invite to a registered contact.
+-    -->
+-    <!--
+-    <extension name="ruri">
+-      <condition field="destination_number" expression="^ruri$">
+-	<action application="bridge" data="sofia/${ruri_profile}/${ruri_user}${regex(${sofia_contact(${ruri_contact})}|^[^\@]+(.*)|%1)}"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="7004">
+-      <condition field="destination_number" expression="^7004$">
+-	<action application="set" data="ruri_profile=default"/>
+-	<action application="set" data="ruri_user=2000"/>
+-	<action application="set" data="ruri_contact=1001@${domain_name}"/>
+-	<action application="execute_extension" data="ruri"/>
+-      </condition>
+-    </extension>
+-    -->
+-
+-    <extension name="enum">
+-      <condition field="${module_exists(mod_enum)}" expression="true"/>
+-      <condition field="destination_number" expression="^(.*)$">
+-	<action application="transfer" data="$1 enum"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="acknowledge_call">
+-      <condition field="destination_number" expression="^(.*)$">
+-	<action application="acknowledge_call"/>
+-	<action application="ring_ready"/>
+-	<action application="playback" data="$${hold_music}"/>
+-      </condition>
+-    </extension>
+-
+-  </context>
+-</include>
+diff --git a/dialplan/default/00_ladspa.xml b/dialplan/default/00_ladspa.xml
+deleted file mode 100644
+index a26b193..0000000
+--- a/dialplan/default/00_ladspa.xml
++++ /dev/null
+@@ -1,77 +0,0 @@
+-<include>
+-  
+-  <X-PRE-PROCESS cmd="set" data="AT_EPENT1=0 0 0 -1 -1 0 -1 0 -1 -1 0 -1"/>
+-  <X-PRE-PROCESS cmd="set" data="AT_EPENT2=1 1 1 -1 -1 1 -1 1 -1 -1 1 -1"/>
+-  <X-PRE-PROCESS cmd="set" data="AT_CPENT1=0 -1 -1 0 -1 0 0 0 -1 -1 0 -1"/>
+-  <X-PRE-PROCESS cmd="set" data="AT_CPENT2=1 -1 -1 1 -1 1 1 1 -1 -1 1 -1"/>
+-  <X-PRE-PROCESS cmd="set" data="AT_CMAJ1=0 -1 0 0 -1 0 -1 0 0 -1 0 -1"/>
+-  <X-PRE-PROCESS cmd="set" data="AT_CMAJ2=1 -1 1 1 -1 1 -1 1 1 -1 1 -1"/>
+-  <X-PRE-PROCESS cmd="set" data="AT_BBLUES=1 -1 1 -1 -1 1 -1 1 1 1 -1 -1"/>
+-  <X-PRE-PROCESS cmd="set" data="ATGPENT2=-1 1 -1 1 -1 1 -1 -1 1 -1 1 -1"/>
+-  
+-  <extension name="101"> 
+-    <condition field="destination_number" expression="^101$"> 
+-      <!-- AUTOTALENT DEFAULTS -->
+-
+-      <!--
+-      <action application="set" data="AT_TUNE=440"/>
+-      <action application="set" data="AT_FIXED=0"/>
+-      <action application="set" data="AT_PULL=0"/>
+-      <action application="set" data="AT_A=0"/>
+-      <action application="set" data="AT_Bb=-1"/>
+-      <action application="set" data="AT_B=0"/>
+-      <action application="set" data="AT_C=0"/>
+-      <action application="set" data="AT_Db=-1"/>
+-      <action application="set" data="AT_D=0"/>
+-      <action application="set" data="AT_Eb=-1"/>
+-      <action application="set" data="AT_E=0"/>
+-      <action application="set" data="AT_F=0"/>
+-      <action application="set" data="AT_Gb=-1"/>
+-      <action application="set" data="AT_G=0"/>
+-      <action application="set" data="AT_Ab=-1"/>
+-      <action application="set" data="AT_AMOUNT=1"/>
+-      <action application="set" data="AT_SMOOTH=0"/>
+-      <action application="set" data="AT_SHIFT=0"/>
+-      <action application="set" data="AT_OUTSCALE=0"/>
+-      <action application="set" data="AT_LFODEPTH=0"/>
+-      <action application="set" data="AT_LFORATE=5"/>
+-      <action application="set" data="AT_LFOSHAPE=0"/>
+-      <action application="set" data="AT_LFOSYMM=0"/>
+-      <action application="set" data="AT_LFOQUANT=0"/>
+-      <action application="set" data="AT_FCORR=0"/>
+-      <action application="set" data="AT_FWARP=0"/>
+-      <action application="set" data="AT_MIX=1"/>
+-      -->
+-
+-
+-      <action application="set" data="AT_TUNE=440"/>
+-      <action application="set" data="AT_FIXED=0"/>
+-      <action application="set" data="AT_PULL=0"/>
+-
+-      <action application="set" data="AT_AMOUNT=1"/>
+-      <action application="set" data="AT_SMOOTH=0"/>
+-      <action application="set" data="AT_SHIFT=1"/>
+-      <action application="set" data="AT_OUTSCALE=0"/>
+-      <action application="set" data="AT_LFODEPTH=0"/>
+-      <action application="set" data="AT_LFORATE=5"/>
+-      <action application="set" data="AT_LFOSHAPE=0"/>
+-      <action application="set" data="AT_LFOSYMM=0"/>
+-      <action application="set" data="AT_LFOQUANT=0"/>
+-      <action application="set" data="AT_FCORR=0"/>
+-      <action application="set" data="AT_FWARP=0"/>
+-      <action application="set" data="AT_MIX=1"/>
+-
+-      <!-- you have to download the ladspa package and the desired plugins from their desired site -->
+-
+-
+-      <action application="set"><![CDATA[ladspa_params=${AT_TUNE} ${AT_FIXED} ${AT_PULL} ${AT_EPENT2} ${AT_AMOUNT} ${AT_SMOOTH} ${AT_SHIFT} ${AT_OUTSCALE} ${AT_LFODEPTH} ${AT_LFORATE} ${AT_LFOSHAPE} ${AT_LFOSYMM} ${AT_LFOQUANT} ${AT_FCORR} ${AT_FWARP} ${AT_MIX}]]></action>
+-      
+-      <action application="ladspa_run" data="r|autotalent||${ladspa_params}"/>
+-      <action application="ladspa_run" data="r|tap_chorusflanger||"/>
+-      <action application="ladspa_run" data="r|phasers_1217.so|autoPhaser|"/>
+-      <action application="bridge" data="sofia/internal/888@conference.freeswitch.org"/>
+-
+-      </condition> 
+-  </extension> 
+-
+-</include>
+diff --git a/dialplan/default/00_pizza_demo.xml b/dialplan/default/00_pizza_demo.xml
+deleted file mode 100644
+index 4b308fe..0000000
+--- a/dialplan/default/00_pizza_demo.xml
++++ /dev/null
+@@ -1,9 +0,0 @@
+-<include>
+-  <extension name="pizza_demo">
+-    <condition field="destination_number" expression="^(pizza|74992)$"/>
+-    <condition field="${module_exists(mod_v8)}" expression="true"/>
+-    <condition field="${module_exists(mod_pocketsphinx)}" expression="true">
+-      <action application="javascript" data="ps_pizza.js"/>
+-    </condition>
+-  </extension>
+-</include>
+diff --git a/dialplan/default/01_Talking_Clock.xml b/dialplan/default/01_Talking_Clock.xml
+deleted file mode 100644
+index 1424f2e..0000000
+--- a/dialplan/default/01_Talking_Clock.xml
++++ /dev/null
+@@ -1,32 +0,0 @@
+-<include>
+-  <extension name="Talking Clock Time" ><!--e.g. 10:56pm-->
+-    <condition field="destination_number" expression="^9170$">
+-      <action application="answer"/>
+-      <action application="sleep" data="1000"/>
+-      <action application="say" data="en CURRENT_TIME pronounced
+-				      ${strepoch()}"/>
+-      <action application="hangup"/>
+-    </condition>
+-  </extension>
+-
+-  <extension name="Talking Clock Date" ><!--e.g. March 8, 2011-->
+-    <condition field="destination_number" expression="^9171$">
+-      <action application="answer"/>
+-      <action application="sleep" data="1000"/>
+-      <action application="say" data="en CURRENT_DATE pronounced
+-				      ${strepoch()}"/>
+-      <action application="hangup"/>
+-    </condition>
+-  </extension>
+-
+-  <extension name="Talking Clock Date and Time" ><!--e.g. March 8, 2011
+-						     10:56pm-->
+-    <condition field="destination_number" expression="^9172$">
+-      <action application="answer"/>
+-      <action application="sleep" data="1000"/>
+-      <action application="say" data="en CURRENT_DATE_TIME pronounced
+-				      ${strepoch()}"/>
+-      <action application="hangup"/>
+-    </condition>
+-  </extension>
+-</include>
+diff --git a/dialplan/default/01_example.com.xml b/dialplan/default/01_example.com.xml
+deleted file mode 100644
+index bd61cd2..0000000
+--- a/dialplan/default/01_example.com.xml
++++ /dev/null
+@@ -1,30 +0,0 @@
+-<include>
+-
+-  <extension name="local.example.com">
+-    <condition field="${toll_allow}" expression="local"/>
+-    <condition field="destination_number" expression="^(\d{7})$">
+-      <action application="set" data="effective_caller_id_number=${outbound_caller_id_number}"/>
+-      <action application="set" data="effective_caller_id_name=${outbound_caller_id_name}"/>
+-      <action application="bridge" data="sofia/gateway/${default_gateway}/1${default_areacode}$1"/>
+-    </condition>
+-  </extension>
+-
+-  <extension name="domestic.example.com">
+-    <condition field="${toll_allow}" expression="domestic"/>
+-    <condition field="destination_number" expression="^(\d{11})$">
+-      <action application="set" data="effective_caller_id_number=${outbound_caller_id_number}"/>
+-      <action application="set" data="effective_caller_id_name=${outbound_caller_id_name}"/>
+-      <action application="bridge" data="sofia/gateway/${default_gateway}/$1"/>
+-    </condition>
+-  </extension>
+-
+-  <extension name="international.example.com">
+-    <condition field="${toll_allow}" expression="international"/>
+-    <condition field="destination_number" expression="^(011\d+)$">
+-      <action application="set" data="effective_caller_id_number=${outbound_caller_id_number}"/>
+-      <action application="set" data="effective_caller_id_name=${outbound_caller_id_name}"/>
+-      <action application="bridge" data="sofia/gateway/${default_gateway}/$1"/>
+-    </condition>
+-  </extension>
+-
+-</include>
+diff --git a/dialplan/default/ideasip.com.noload b/dialplan/default/ideasip.com.noload
+deleted file mode 100644
+index 8b963e3..0000000
+--- a/dialplan/default/ideasip.com.noload
++++ /dev/null
+@@ -1,7 +0,0 @@
+-<include>
+-  <extension name="ideasip.com">
+-    <condition field="destination_number" expression="^1101(.*)$">
+-      <action application="bridge" data="sofia/gateway/proxy.ideasip.com/$1"/>
+-    </condition>
+-  </extension>
+-</include>
+diff --git a/dialplan/default/pulver.com.noload b/dialplan/default/pulver.com.noload
+deleted file mode 100644
+index 7b86caa..0000000
+--- a/dialplan/default/pulver.com.noload
++++ /dev/null
+@@ -1,7 +0,0 @@
+-<include>
+-  <extension name="pulver.com">
+-    <condition field="destination_number" expression="^1393(.*)$">
+-      <action application="bridge" data="sofia/gateway/fwd.pulver.com/$1"/>
+-    </condition>
+-  </extension>
+-</include>
+diff --git a/dialplan/default/sipbroker.com.noload b/dialplan/default/sipbroker.com.noload
+deleted file mode 100644
+index 4f5e4f8..0000000
+--- a/dialplan/default/sipbroker.com.noload
++++ /dev/null
+@@ -1,7 +0,0 @@
+-<include>
+-  <extension name="sipbroker.com">
+-    <condition field="destination_number" expression="^(^\*\d{3,})$">
+-      <action application="bridge" data="sofia/${use_profile}/$1@sipbroker.com"/>
+-    </condition>
+-  </extension>
+-</include>
+diff --git a/dialplan/default/sipphone.com.noload b/dialplan/default/sipphone.com.noload
+deleted file mode 100644
+index a6ea9e8..0000000
+--- a/dialplan/default/sipphone.com.noload
++++ /dev/null
+@@ -1,7 +0,0 @@
+-<include>
+-  <extension name="sipphone.com">
+-    <condition field="destination_number" expression="^((1222.*)$|^(1747.*))$">
+-      <action application="bridge" data="sofia/gateway/proxy01.sipphone.com/$1"/>
+-    </condition>
+-  </extension>
+-</include>
+diff --git a/dialplan/default/tollfreegateway.com.noload b/dialplan/default/tollfreegateway.com.noload
+deleted file mode 100644
+index b7526bf..0000000
+--- a/dialplan/default/tollfreegateway.com.noload
++++ /dev/null
+@@ -1,7 +0,0 @@
+-<include>
+-  <extension name="tollfreegateway.com">
+-    <condition field="destination_number" expression="^1?(8(00|55|66|77|88)[2-9]\d{6})$">
+-      <action application="bridge" data="{absolute_codec_string=PCMU\,PCMA}sofia/${use_profile}/9313371$1@sip.tollfreegateway.com"/>
+-    </condition>
+-  </extension>
+-</include>
+diff --git a/dialplan/features.xml b/dialplan/features.xml
+deleted file mode 100644
+index 665925f..0000000
+--- a/dialplan/features.xml
++++ /dev/null
+@@ -1,67 +0,0 @@
+-<!-- http://wiki.freeswitch.org/wiki/Dialplan_XML -->
+-<include>
+-  <context name="features">
+-
+-    <!-- In call Transfer for phones without a transfer button -->
+-    <extension name="dx">
+-      <condition field="destination_number" expression="^dx$">
+-	<action application="answer"/>
+-	<action application="read" data="11 11 'tone_stream://%(10000,0,350,440)' digits 5000 #"/>
+-	<action application="execute_extension" data="is_transfer XML features"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="att_xfer">
+-     <condition field="destination_number" expression="^att_xfer$">
+-       <action application="read" data="3 4 'tone_stream://%(10000,0,350,440)' digits 30000 #"/>
+-       <action application="set" data="origination_cancel_key=#"/>
+-       <action application="att_xfer" data="user/${digits}@$${domain}"/>
+-     </condition>
+-    </extension>
+-
+-    <extension name="is_transfer">
+-      <condition field="destination_number" expression="^is_transfer$"/>
+-      <condition field="${digits}" expression="^(\d+)$">
+-	<action application="transfer" data="-bleg ${digits} XML default"/>
+-	<anti-action application="eval" data="cancel transfer"/>
+-      </condition>
+-    </extension>
+-
+-    <!-- Used to transfer both legs into a conference -->
+-    <extension name="cf">
+-      <condition field="destination_number" expression="^cf$">
+-	<action application="answer"/>
+-	<action application="transfer" data="-both 30${dialed_extension:2} XML default"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="please_hold">
+-      <condition field="destination_number" expression="^(10[01][0-9])$">
+-	<action application="set" data="transfer_ringback=$${hold_music}"/>
+-	<action application="answer"/>
+-	<action application="sleep" data="1500"/>
+-	<action application="playback" data="ivr/ivr-hold_connect_call.wav"/>
+-	<action application="transfer" data="$1 XML default"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="is_zrtp_secure" continue="true">
+-      <condition field="${zrtp_secure_media_confirmed}" expression="^true$">
+-	<action application="sleep" data="1000"/>
+-	<action application="playback" data="misc/call_secured.wav"/>
+-	<anti-action application="eval" data="not_secure"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="is_secure" continue="true">
+-      <!-- Only Truly consider it secure if its TLS and SRTP --> 
+-      <condition field="${sip_via_protocol}" expression="tls"/>
+-      <condition field="${rtp_secure_media_confirmed}" expression="^true$">
+-	<action application="sleep" data="1000"/>
+-	<action application="playback" data="misc/call_secured.wav"/>
+-	<anti-action application="eval" data="not_secure"/>
+-      </condition>
+-    </extension>
+-
+-  </context>
+-</include>
+diff --git a/dialplan/public.xml b/dialplan/public.xml
+deleted file mode 100644
+index 020bb62..0000000
+--- a/dialplan/public.xml
++++ /dev/null
+@@ -1,74 +0,0 @@
+-<!--
+-    NOTICE:
+-
+-    This context is usually accessed via the external sip profile listening on port 5080.
+-    
+-    It is recommended to have separate inbound and outbound contexts.  Not only for security
+-    but clearing up why you would need to do such a thing.  You don't want outside un-authenticated
+-    callers hitting your default context which allows dialing calls thru your providers and results 
+-    in Toll Fraud.
+--->
+-
+-<!-- http://wiki.freeswitch.org/wiki/Dialplan_XML -->
+-<include>
+-  <context name="public">
+-
+-    <extension name="unloop">
+-      <condition field="${unroll_loops}" expression="^true$"/>
+-      <condition field="${sip_looped_call}" expression="^true$">
+-	<action application="deflect" data="${destination_number}"/>
+-      </condition>
+-    </extension>
+-    <!--
+-	Tag anything pass thru here as an outside_call so you can make sure not
+-	to create any routing loops based on the conditions that it came from 
+-	the outside of the switch.  
+-    -->
+-    <extension name="outside_call" continue="true">
+-      <condition>
+-	<action application="set" data="outside_call=true"/>
+-	<action application="export" data="RFC2822_DATE=${strftime(%a, %d %b %Y %T %z)}"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="call_debug" continue="true">
+-      <condition field="${call_debug}" expression="^true$" break="never">
+-	<action application="info"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="public_extensions">
+-      <condition field="destination_number" expression="^(10[01][0-9])$">
+-	<action application="transfer" data="$1 XML default"/>
+-      </condition>
+-    </extension>
+-
+-    <extension name="public_conference_extensions">
+-      <condition field="destination_number" expression="^(3[5-8][01][0-9])$">
+-	<action application="transfer" data="$1 XML default"/>
+-      </condition>
+-    </extension>
+-    
+-    <!--
+-	You can place files in the public directory to get included.
+-    -->
+-    <X-PRE-PROCESS cmd="include" data="public/*.xml"/>
+-    <!--
+-	If you have made it this far lets challenge the caller and if they authenticate
+-	lets try what they dialed in the default context. (commented out by default)
+-    -->
+-    <!--
+-    <extension name="check_auth" continue="true">
+-      <condition field="${sip_authorized}" expression="^true$" break="never">
+-	<anti-action application="respond" data="407"/>
+-      </condition>
+-    </extension>
+-    
+-    <extension name="transfer_to_default">
+-      <condition>
+-	<action application="transfer" data="${destination_number} XML default"/>
+-      </condition>
+-    </extension>
+-    -->
+-  </context>
+-</include>
+diff --git a/dialplan/public/00_inbound_did.xml b/dialplan/public/00_inbound_did.xml
+deleted file mode 100644
+index 22b7223..0000000
+--- a/dialplan/public/00_inbound_did.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <extension name="public_did">
+-    <condition field="destination_number" expression="^(5551212)$">
+-      <!--
+-	  If you're hosting multiple domains you will want to set the
+-	  target_domain on these calls so they hit the proper domain after you
+-	  transfer the caller into the default context.
+-
+-	  $${domain} is the default domain set from vars.xml but you can set it
+-	  to any domain you have setup in your user directory.
+-
+-      -->
+-      <action application="set" data="domain_name=$${domain}"/>
+-      <!-- This example maps the DID 5551212 to ring 1000 in the default context -->
+-      <action application="transfer" data="1000 XML default"/>
+-    </condition>
+-  </extension>
+-</include>
+diff --git a/directory/default.xml b/directory/default.xml
+deleted file mode 100644
+index 54100b9..0000000
+--- a/directory/default.xml
++++ /dev/null
+@@ -1,81 +0,0 @@
+-<!--
+-    NOTICE NOTICE NOTICE NOTICE NOTICE NOTICE NOTICE NOTICE NOTICE NOTICE
+-
+-    FreeSWITCH works off the concept of users and domains just like email.
+-    You have users that are in domains for example 1000@domain.com.
+-
+-    When freeswitch gets a register packet it looks for the user in the directory
+-    based on the from or to domain in the packet depending on how your sofia profile
+-    is configured.  Out of the box the default domain will be the IP address of the
+-    machine running FreeSWITCH.  This IP can be found by typing "sofia status" at the
+-    CLI.  You will register your phones to the IP and not the hostname by default.
+-    If you wish to register using the domain please open vars.xml in the root conf
+-    directory and set the default domain to the hostname you desire.  Then you would
+-    use the domain name in the client instead of the IP address to register
+-    with FreeSWITCH.
+-
+-    NOTICE NOTICE NOTICE NOTICE NOTICE NOTICE NOTICE NOTICE NOTICE NOTICE
+--->
+-
+-<include>
+-  <!--the domain or ip (the right hand side of the @ in the addr-->
+-  <domain name="$${domain}">
+-    <params>
+-      <param name="dial-string" value="{^^:sip_invite_domain=${dialed_domain}:presence_id=${dialed_user}@${dialed_domain}}${sofia_contact(*/${dialed_user}@${dialed_domain})},${verto_contact(${dialed_user}@${dialed_domain})}"/>
+-      <!-- These are required for Verto to function properly -->
+-      <param name="jsonrpc-allowed-methods" value="verto"/>
+-      <!-- <param name="jsonrpc-allowed-event-channels" value="demo,conference,presence"/> -->
+-    </params>
+-
+-    <variables>
+-      <variable name="record_stereo" value="true"/>
+-      <variable name="default_gateway" value="$${default_provider}"/>
+-      <variable name="default_areacode" value="$${default_areacode}"/>
+-      <variable name="transfer_fallback_extension" value="operator"/>
+-    </variables>
+-
+-    <groups>
+-      <group name="default">
+-	<users>
+-	  <X-PRE-PROCESS cmd="include" data="default/*.xml"/>
+-	</users>
+-      </group>
+-
+-      <group name="sales">
+-	<users>
+-	  <!--
+-	      type="pointer" is a pointer so you can have the
+-	      same user in multiple groups.  It basically means
+-	      to keep searching for the user in the directory.
+-	  -->
+-	  <user id="1000" type="pointer"/>
+-	  <user id="1001" type="pointer"/>
+-	  <user id="1002" type="pointer"/>
+-	  <user id="1003" type="pointer"/>
+-	  <user id="1004" type="pointer"/>
+-	</users>
+-      </group>
+-
+-      <group name="billing">
+-	<users>
+-	  <user id="1005" type="pointer"/>
+-	  <user id="1006" type="pointer"/>
+-	  <user id="1007" type="pointer"/>
+-	  <user id="1008" type="pointer"/>
+-	  <user id="1009" type="pointer"/>
+-	</users>
+-      </group>
+-
+-      <group name="support">
+-	<users>
+-	  <user id="1010" type="pointer"/>
+-	  <user id="1011" type="pointer"/>
+-	  <user id="1012" type="pointer"/>
+-	  <user id="1013" type="pointer"/>
+-	  <user id="1014" type="pointer"/>
+-	</users>
+-      </group>
+-    </groups>
+-
+-  </domain>
+-</include>
+diff --git a/directory/default/1000.xml b/directory/default/1000.xml
+deleted file mode 100644
+index 9bee406..0000000
+--- a/directory/default/1000.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1000">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1000"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1000"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1000"/>
+-      <variable name="effective_caller_id_number" value="1000"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/1001.xml b/directory/default/1001.xml
+deleted file mode 100644
+index 97c1931..0000000
+--- a/directory/default/1001.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1001">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1001"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1001"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1001"/>
+-      <variable name="effective_caller_id_number" value="1001"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/1002.xml b/directory/default/1002.xml
+deleted file mode 100644
+index d33691d..0000000
+--- a/directory/default/1002.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1002">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1002"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1002"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1002"/>
+-      <variable name="effective_caller_id_number" value="1002"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/1003.xml b/directory/default/1003.xml
+deleted file mode 100644
+index f8b5926..0000000
+--- a/directory/default/1003.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1003">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1003"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1003"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1003"/>
+-      <variable name="effective_caller_id_number" value="1003"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/1004.xml b/directory/default/1004.xml
+deleted file mode 100644
+index c3e7da5..0000000
+--- a/directory/default/1004.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1004">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1004"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1004"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1004"/>
+-      <variable name="effective_caller_id_number" value="1004"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/1005.xml b/directory/default/1005.xml
+deleted file mode 100644
+index 0e1165f..0000000
+--- a/directory/default/1005.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1005">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1005"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1005"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1005"/>
+-      <variable name="effective_caller_id_number" value="1005"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/1006.xml b/directory/default/1006.xml
+deleted file mode 100644
+index beaaa7e..0000000
+--- a/directory/default/1006.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1006">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1006"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1006"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1006"/>
+-      <variable name="effective_caller_id_number" value="1006"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/1007.xml b/directory/default/1007.xml
+deleted file mode 100644
+index 10470a5..0000000
+--- a/directory/default/1007.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1007">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1007"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1007"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1007"/>
+-      <variable name="effective_caller_id_number" value="1007"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/1008.xml b/directory/default/1008.xml
+deleted file mode 100644
+index 0e63fcf..0000000
+--- a/directory/default/1008.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1008">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1008"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1008"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1008"/>
+-      <variable name="effective_caller_id_number" value="1008"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/1009.xml b/directory/default/1009.xml
+deleted file mode 100644
+index 24db7f8..0000000
+--- a/directory/default/1009.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1009">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1009"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1009"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1009"/>
+-      <variable name="effective_caller_id_number" value="1009"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/1010.xml b/directory/default/1010.xml
+deleted file mode 100644
+index 6d8e0c1..0000000
+--- a/directory/default/1010.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1010">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1010"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1010"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1010"/>
+-      <variable name="effective_caller_id_number" value="1010"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/1011.xml b/directory/default/1011.xml
+deleted file mode 100644
+index 79d731d..0000000
+--- a/directory/default/1011.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1011">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1011"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1011"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1011"/>
+-      <variable name="effective_caller_id_number" value="1011"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/1012.xml b/directory/default/1012.xml
+deleted file mode 100644
+index 3839824..0000000
+--- a/directory/default/1012.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1012">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1012"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1012"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1012"/>
+-      <variable name="effective_caller_id_number" value="1012"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/1013.xml b/directory/default/1013.xml
+deleted file mode 100644
+index 6f9c8e4..0000000
+--- a/directory/default/1013.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1013">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1013"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1013"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1013"/>
+-      <variable name="effective_caller_id_number" value="1013"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/1014.xml b/directory/default/1014.xml
+deleted file mode 100644
+index 6a554c0..0000000
+--- a/directory/default/1014.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1014">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1014"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1014"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1014"/>
+-      <variable name="effective_caller_id_number" value="1014"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/1015.xml b/directory/default/1015.xml
+deleted file mode 100644
+index e94b888..0000000
+--- a/directory/default/1015.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1015">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1015"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1015"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1015"/>
+-      <variable name="effective_caller_id_number" value="1015"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/1016.xml b/directory/default/1016.xml
+deleted file mode 100644
+index 4f856fc..0000000
+--- a/directory/default/1016.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1016">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1016"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1016"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1016"/>
+-      <variable name="effective_caller_id_number" value="1016"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/1017.xml b/directory/default/1017.xml
+deleted file mode 100644
+index b0e43a0..0000000
+--- a/directory/default/1017.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1017">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1017"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1017"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1017"/>
+-      <variable name="effective_caller_id_number" value="1017"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/1018.xml b/directory/default/1018.xml
+deleted file mode 100644
+index 6d70719..0000000
+--- a/directory/default/1018.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1018">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1018"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1018"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1018"/>
+-      <variable name="effective_caller_id_number" value="1018"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/1019.xml b/directory/default/1019.xml
+deleted file mode 100644
+index f23a95f..0000000
+--- a/directory/default/1019.xml
++++ /dev/null
+@@ -1,18 +0,0 @@
+-<include>
+-  <user id="1019">
+-    <params>
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="1019"/>
+-    </params>
+-    <variables>
+-      <variable name="toll_allow" value="domestic,international,local"/>
+-      <variable name="accountcode" value="1019"/>
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Extension 1019"/>
+-      <variable name="effective_caller_id_number" value="1019"/>
+-      <variable name="outbound_caller_id_name" value="$${outbound_caller_name}"/>
+-      <variable name="outbound_caller_id_number" value="$${outbound_caller_id}"/>
+-      <variable name="callgroup" value="techsupport"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/brian.xml b/directory/default/brian.xml
+deleted file mode 100644
+index 98f720f..0000000
+--- a/directory/default/brian.xml
++++ /dev/null
+@@ -1,92 +0,0 @@
+-<include>
+-  <!--
+-      ipauth if you have an cidr= in the user attributes ie cidr="1.2.3.4/32"  
+-      see <node type="allow" domain="$${domain}"/> in default acl.conf.xml 
+-  -->
+-  <user id="brian" cidr="192.0.2.0/24">
+-    <!-- Outbound Registrations Related to this user -->
+-    <gateways>
+-      <!--<gateway name="asterlink.com">-->
+-      <!--/// account username *required* ///-->
+-      <!--<param name="username" value="cluecon"/>-->
+-      <!--/// auth realm: *optional* same as gateway name, if blank ///-->
+-      <!--<param name="realm" value="asterlink.com"/>-->
+-      <!--/// username to use in from: *optional* same as  username, if blank ///-->
+-      <!--<param name="from-user" value="cluecon"/>-->
+-      <!--/// domain to use in from: *optional* same as  realm, if blank ///-->
+-      <!--<param name="from-domain" value="asterlink.com"/>-->
+-      <!--/// account password *required* ///-->
+-      <!--<param name="password" value="2007"/>--> 
+-      <!--/// replace the INVITE from user with the channel's caller-id ///-->
+-      <!--<param name="caller-id-in-from" value="false"/>-->
+-      <!--/// extension for inbound calls: *optional* same as username, if blank ///-->
+-      <!--<param name="extension" value="cluecon"/>-->
+-      <!--/// proxy host: *optional* same as realm, if blank ///-->
+-      <!--<param name="proxy" value="asterlink.com"/>-->
+-      <!--/// send register to this proxy: *optional* same as proxy, if blank ///-->
+-      <!--<param name="register-proxy" value="mysbc.com"/>-->
+-      <!--/// expire in seconds: *optional* 3600, if blank ///-->
+-      <!--<param name="expire-seconds" value="60"/>-->
+-      <!--/// do not register ///-->
+-      <!--<param name="register" value="false"/>-->
+-      <!-- which transport to use for register -->
+-      <!--<param name="register-transport" value="udp"/>-->
+-      <!--How many seconds before a retry when a failure or timeout occurs -->
+-      <!--<param name="retry-seconds" value="30"/>-->
+-      <!--Use the callerid of an inbound call in the from field on outbound calls via this gateway -->
+-      <!--<param name="caller-id-in-from" value="false"/>-->
+-      <!--extra sip params to send in the contact-->
+-      <!--<param name="contact-params" value=""/>-->
+-      <!--send an options ping every x seconds, failure will unregister and/or mark it down-->
+-      <!--<param name="ping" value="25"/>-->
+-      <!--</gateway>-->
+-    </gateways>
+-    <params>
+-      <!-- omit password for authless registration -->
+-      <param name="password" value="$${default_password}"/>
+-      <param name="vm-password" value="9999"/><!--if vm-password is omitted password param is used-->
+-      <!--<param name="email-addr" value="me@mydomain.com"/>-->
+-      <!--<param name="vm-delete-file" value="true"/>-->
+-      <!--<param name="vm-attach-file" value="true"/>-->
+-      <!--<param name="vm-mailto" value="me@mydomain.com"/>-->
+-      <!--<param name="vm-email-all-messages" value="true"/>-->
+-      <!-- optionally use this instead if you want to store the hash of user:domain:pass-->
+-      <!--<param name="a1-hash" value="c6440e5de50b403206989679159de89a"/>-->
+-      <!-- What this user is allowed to acces --> 
+-      <!--<param name="http-allowed-api" value="jsapi,voicemail,status"/> -->
+-    </params>
+-    <variables>
+-      <!--all variables here will be set on all inbound calls that originate from this user -->
+-      <variable name="user_context" value="default"/>
+-      <variable name="effective_caller_id_name" value="Brian West"/>
+-      <variable name="effective_caller_id_number" value="1000"/>
+-      <!-- Don't write a CDR if this is false valid values are: true, false, a_leg and b_leg -->
+-      <variable name="process_cdr" value="true"/>
+-      <!-- rtp_secure_media will offer mandatory SRTP on invite AES_CM_128_HMAC_SHA1_32, AES_CM_128_HMAC_SHA1_80 or true-->
+-      <variable name="rtp_secure_media" value="true"/>
+-      <!-- limit the max number of outgoing calls for this user -->
+-      <!--<variable name="max_calls" value="2"/>-->
+-
+-      <!-- send presence information if FS is configured to do so -->
+-      <!--<variable name="presence_id" value="1000@$${domain}"/>-->
+-
+-      <!-- set these to take advantage of a dialplan localized to this user -->
+-      <!--<variable name="numbering_plan" value="US"/>-->
+-      <!--<variable name="default_area_code" value="434"/>-->
+-      <!--<variable name="default_gateway" value="asterlink.com"/>-->
+-      <!--  
+-	   NDLB-connectile-dysfunction - Rewrite contact ip and port
+-	   NDLB-tls-connectile-dysfunction - Rewrite contact port only.
+-      -->
+-      <!--<variable name="sip-force-contact" value="NDLB-connectile-dysfunction"/>-->
+-      <!--<variable name="sip-force-expires" value="10"/>-->
+-      <!--<variable name="sip-register-gateway" value="cluecon.com"/>-->
+-      <!-- Set the file format for a specific user -->
+-      <!--<variable name="vm_message_ext" value="mp3"/> -->
+-    </variables>
+-
+-    <vcard>
+-      <!-- insert optional compliant vcard xml here-->
+-    </vcard>
+-  </user>
+-</include>
+diff --git a/directory/default/default.xml b/directory/default/default.xml
+deleted file mode 100644
+index aa138f1..0000000
+--- a/directory/default/default.xml
++++ /dev/null
+@@ -1,26 +0,0 @@
+-<include>
+-  <user id="default"> <!--if id is numeric mailbox param is not necessary-->
+-    <!--
+-	ATTENTION PLEASE READ THIS... (I know you won't but you've been warned)
+-	
+-	Let it be known that this user can register without a password but since we do not assign
+-	this user a user_context and we don't authenticate this user they will be put in context 'public'.
+-	
+-	This isn't a security issue as the endpoint would be put into the same context 'public' as the 
+-	sofia profile that starts on 5080 by default. If you're paranoid just remove this file and 
+-	remove the external profile also.
+-	
+-	If you're this paranoid you might wanna go buy some more tinfoil and disconnect from the internets.
+-	
+-	Cuz we all know the internets is for pr0n anyway.
+-
+-    -->
+-    <variables>
+-      <!--all variables here will be set on all inbound calls that originate from this user -->
+-      <!-- set these to take advantage of a dialplan localized to this user -->
+-      <variable name="numbering_plan" value="$${default_country}"/>
+-      <variable name="default_areacode" value="$${default_areacode}"/>
+-      <variable name="default_gateway" value="$${default_provider}"/>
+-    </variables>
+-  </user>
+-</include>
+diff --git a/directory/default/example.com.xml b/directory/default/example.com.xml
+deleted file mode 100644
+index 42a33dd..0000000
+--- a/directory/default/example.com.xml
++++ /dev/null
+@@ -1,26 +0,0 @@
+-<!--
+-    Shell provider account should work with most providers.
+-
+--->
+-<include>
+-  <user id="$${default_provider}">
+-    <gateways>
+-      <gateway name="$${default_provider}">
+-	<param name="username" value="$${default_provider_username}"/>
+-	<param name="password" value="$${default_provider_password}"/>
+-	<param name="from-user" value="$${default_provider_username}"/>
+-	<param name="from-domain" value="$${default_provider_from_domain}"/>
+-	<param name="expire-seconds" value="600"/>
+-	<param name="register" value="$${default_provider_register}"/>
+-	<param name="retry-seconds" value="30"/>
+-	<param name="extension" value="$${default_provider_contact}"/>
+-	<!--<param name="contact-params" value="domain_name=$${domain}"/>-->
+-	<param name="context" value="public"/>
+-      </gateway>
+-    </gateways>
+-    <params>
+-      <param name="password" value="$${default_provider_password}"/>
+-    </params>
+-  </user>
+-</include>
+-
+diff --git a/directory/default/skinny-example.xml b/directory/default/skinny-example.xml
+deleted file mode 100644
+index 357eb72..0000000
+--- a/directory/default/skinny-example.xml
++++ /dev/null
+@@ -1,35 +0,0 @@
+-<include>
+- <user id="SEP001120AABBCC">
+-   <params>
+-    <!-- for devices requesting firmware via SCCP, like ATA186
+-    <param name="skinny-firmware-version" value="ATA030101SCCP04"
+-    <param name="skinny-soft-key-set-set" value="default"
+-    -->
+-    <param name="foo" value="bar"/>
+-   </params>
+-   <skinny>
+-    <buttons>
+-      <!--
+-      position: 1..
+-      type: one of line, speed-dial
+-      label: button label
+-      -->
+-      <!--
+-      value is the directory number (or user)
+-      caller-name is shown to the calling party during call
+-      -->
+-      <button position="1" type="Line" label="Line 1" value="1101" caller-name="Calling as 1101"/>
+-      <button position="3" type="Line" label="Shared Line 10" value="1110" caller-name="Calling as 1110"/>
+-      <!--
+-      value is the directory number to call
+-      -->
+-      <button position="5" type="SpeedDial" label="Call 1001" value="1001"/>
+-      <!--
+-      value is the URL
+-      -->
+-      <button position="6" type="ServiceUrl" label="Some URL" value="http://phone-xml.berbee.com/menu.xml"/>
+-    </buttons>
+-   </skinny>
+-  </user>
+-</include>
+-
+diff --git a/sip_profiles/external.xml b/sip_profiles/external.xml
+deleted file mode 100644
+index e2d161d..0000000
+--- a/sip_profiles/external.xml
++++ /dev/null
+@@ -1,96 +0,0 @@
+-<profile name="external">
+-  <!-- http://wiki.freeswitch.org/wiki/Sofia_Configuration_Files -->
+-  <!-- This profile is only for outbound registrations to providers -->
+-  <gateways>
+-    <X-PRE-PROCESS cmd="include" data="external/*.xml"/>
+-  </gateways>
+-
+-  <aliases>
+-    <!--
+-        <alias name="outbound"/>
+-        <alias name="nat"/>
+-    -->
+-  </aliases>
+-
+-  <domains>
+-    <domain name="all" alias="false" parse="true"/>
+-  </domains>
+-
+-  <settings>
+-    <param name="debug" value="0"/>
+-    <!-- If you want FreeSWITCH to shutdown if this profile fails to load, uncomment the next line. -->
+-    <!-- <param name="shutdown-on-fail" value="true"/> -->
+-    <param name="sip-trace" value="no"/>
+-    <param name="sip-capture" value="no"/>
+-    <param name="rfc2833-pt" value="101"/>
+-    <!-- RFC 5626 : Send reg-id and sip.instance -->
+-    <!--<param name="enable-rfc-5626" value="true"/> -->
+-    <param name="sip-port" value="$${external_sip_port}"/>
+-    <param name="dialplan" value="XML"/>
+-    <param name="context" value="public"/>
+-    <param name="dtmf-duration" value="2000"/>
+-    <param name="inbound-codec-prefs" value="$${global_codec_prefs}"/>
+-    <param name="outbound-codec-prefs" value="$${outbound_codec_prefs}"/>
+-    <param name="hold-music" value="$${hold_music}"/>
+-    <param name="rtp-timer-name" value="soft"/>
+-    <!--<param name="enable-100rel" value="true"/>-->
+-    <!--<param name="disable-srv503" value="true"/>-->
+-    <!-- This could be set to "passive" -->
+-    <param name="local-network-acl" value="localnet.auto"/>
+-    <param name="manage-presence" value="false"/>
+-
+-    <!-- used to share presence info across sofia profiles
+-         manage-presence needs to be set to passive on this profile
+-         if you want it to behave as if it were the internal profile
+-         for presence.
+-    -->
+-    <!-- Name of the db to use for this profile -->
+-    <!--<param name="dbname" value="share_presence"/>-->
+-    <!--<param name="presence-hosts" value="$${domain}"/>-->
+-    <!--<param name="force-register-domain" value="$${domain}"/>-->
+-    <!--all inbound reg will stored in the db using this domain -->
+-    <!--<param name="force-register-db-domain" value="$${domain}"/>-->
+-    <!-- ************************************************* -->
+-
+-    <!--<param name="aggressive-nat-detection" value="true"/>-->
+-    <param name="inbound-codec-negotiation" value="generous"/>
+-    <param name="nonce-ttl" value="60"/>
+-    <param name="auth-calls" value="false"/>
+-    <param name="inbound-late-negotiation" value="true"/>
+-    <param name="inbound-zrtp-passthru" value="true"/> <!-- (also enables late negotiation) -->
+-    <!--
+-        DO NOT USE HOSTNAMES, ONLY IP ADDRESSES IN THESE SETTINGS!
+-    -->
+-    <param name="rtp-ip" value="$${local_ip_v4}"/>
+-    <param name="sip-ip" value="$${local_ip_v4}"/>
+-    <param name="ext-rtp-ip" value="$${external_rtp_ip}"/>
+-    <param name="ext-sip-ip" value="$${external_sip_ip}"/>
+-    <param name="rtp-timeout-sec" value="300"/>
+-    <param name="rtp-hold-timeout-sec" value="1800"/>
+-    <!--<param name="enable-3pcc" value="true"/>-->
+-
+-    <!-- TLS: disabled by default, set to "true" to enable -->
+-    <param name="tls" value="$${external_ssl_enable}"/>
+-    <!-- Set to true to not bind on the normal sip-port but only on the TLS port -->
+-    <param name="tls-only" value="false"/>
+-    <!-- additional bind parameters for TLS -->
+-    <param name="tls-bind-params" value="transport=tls"/>
+-    <!-- Port to listen on for TLS requests. (5081 will be used if unspecified) -->
+-    <param name="tls-sip-port" value="$${external_tls_port}"/>
+-    <!-- Location of the agent.pem and cafile.pem ssl certificates (needed for TLS server) -->
+-    <!--<param name="tls-cert-dir" value=""/>-->
+-    <!-- Optionally set the passphrase password used by openSSL to encrypt/decrypt TLS private key files -->
+-    <param name="tls-passphrase" value=""/>
+-    <!-- Verify the date on TLS certificates -->
+-    <param name="tls-verify-date" value="true"/>
+-    <!-- TLS verify policy, when registering/inviting gateways with other servers (outbound) or handling inbound registration/invite requests how should we verify their certificate -->
+-    <!-- set to 'in' to only verify incoming connections, 'out' to only verify outgoing connections, 'all' to verify all connections, also 'subjects_in', 'subjects_out' and 'subjects_all' for subject validation. Multiple policies can be split with a '|' pipe -->
+-    <param name="tls-verify-policy" value="none"/>
+-    <!-- Certificate max verify depth to use for validating peer TLS certificates when the verify policy is not none -->
+-    <param name="tls-verify-depth" value="2"/>
+-    <!-- If the tls-verify-policy is set to subjects_all or subjects_in this sets which subjects are allowed, multiple subjects can be split with a '|' pipe -->
+-    <param name="tls-verify-in-subjects" value=""/>
+-    <!-- TLS version ("sslv23" (default), "tlsv1"). NOTE: Phones may not work with TLSv1 -->
+-    <param name="tls-version" value="$${sip_tls_version}"/>
+-  </settings>
+-</profile>
+diff --git a/sip_profiles/external/example.xml b/sip_profiles/external/example.xml
+deleted file mode 100644
+index d8fe395..0000000
+--- a/sip_profiles/external/example.xml
++++ /dev/null
+@@ -1,41 +0,0 @@
+-<include>
+-  <!--<gateway name="asterlink.com">-->
+-  <!--/// account username *required* ///-->
+-  <!--<param name="username" value="cluecon"/>-->
+-  <!--/// auth realm: *optional* same as gateway name, if blank ///-->
+-  <!--<param name="realm" value="asterlink.com"/>-->
+-  <!--/// username to use in from: *optional* same as  username, if blank ///-->
+-  <!--<param name="from-user" value="cluecon"/>-->
+-  <!--/// domain to use in from: *optional* same as  realm, if blank ///-->
+-  <!--<param name="from-domain" value="asterlink.com"/>-->
+-  <!--/// account password *required* ///-->
+-  <!--<param name="password" value="2007"/>-->
+-  <!--/// extension for inbound calls: *optional* same as username, if blank ///-->
+-  <!--<param name="extension" value="cluecon"/>-->
+-  <!--/// proxy host: *optional* same as realm, if blank ///-->
+-  <!--<param name="proxy" value="asterlink.com"/>-->
+-  <!--/// send register to this proxy: *optional* same as proxy, if blank ///-->
+-  <!--<param name="register-proxy" value="mysbc.com"/>-->
+-  <!--/// expire in seconds: *optional* 3600, if blank ///-->
+-  <!--<param name="expire-seconds" value="60"/>-->
+-  <!--/// do not register ///-->
+-  <!--<param name="register" value="false"/>-->
+-  <!-- which transport to use for register -->
+-  <!--<param name="register-transport" value="udp"/>-->
+-  <!--How many seconds before a retry when a failure or timeout occurs -->
+-  <!--<param name="retry-seconds" value="30"/>-->
+-  <!--Use the callerid of an inbound call in the from field on outbound calls via this gateway -->
+-  <!--<param name="caller-id-in-from" value="false"/>-->
+-  <!--extra sip params to send in the contact-->
+-  <!--<param name="contact-params" value=""/>-->
+-  <!-- Put the extension in the contact -->
+-  <!--<param name="extension-in-contact" value="true"/>-->
+-  <!--send an options ping every x seconds, failure will unregister and/or mark it down-->
+-  <!--<param name="ping" value="25"/>-->
+-  <!--<param name="cid-type" value="rpid"/>-->
+-  <!--rfc5626 : Abilitazione rfc5626 ///-->
+-  <!--<param name="rfc-5626" value="true"/>-->
+-  <!--rfc5626 : extra sip params to send in the contact-->
+-  <!--<param name="reg-id" value="1"/>-->
+-  <!--</gateway>-->
+-</include>
+diff --git a/sip_profiles/internal.xml b/sip_profiles/internal.xml
+deleted file mode 100644
+index da7abc0..0000000
+--- a/sip_profiles/internal.xml
++++ /dev/null
+@@ -1,426 +0,0 @@
+-<profile name="internal">
+-  <!--
+-      This is a sofia sip profile/user agent.  This will service exactly one ip and port.
+-      In FreeSWITCH you can run multiple sip user agents on their own ip and port.
+-
+-      When you hear someone say "sofia profile" this is what they are talking about.
+-  -->
+-
+-  <!-- http://wiki.freeswitch.org/wiki/Sofia_Configuration_Files -->
+-  <!--aliases are other names that will work as a valid profile name for this profile-->
+-  <aliases>
+-    <!--
+-        <alias name="default"/>
+-    -->
+-  </aliases>
+-  <!-- Outbound Registrations -->
+-  <gateways>
+-  </gateways>
+-
+-  <domains>
+-    <!-- indicator to parse the directory for domains with parse="true" to get gateways-->
+-    <!--<domain name="$${domain}" parse="true"/>-->
+-    <!-- indicator to parse the directory for domains with parse="true" to get gateways and alias every domain to this profile -->
+-    <!--<domain name="all" alias="true" parse="true"/>-->
+-    <domain name="all" alias="true" parse="false"/>
+-  </domains>
+-
+-  <settings>
+-
+-
+-    <!-- inject delay between dtmf digits on send to help some slow interpreters (also per channel with rtp_digit_delay var -->
+-    <!-- <param name="rtp-digit-delay" value="40"/>-->
+-
+-    <!--
+-        When calls are in no media this will bring them back to media
+-        when you press the hold button.
+-    -->
+-    <!--<param name="media-option" value="resume-media-on-hold"/> -->
+-
+-    <!--
+-        This will allow a call after an attended transfer go back to
+-        bypass media after an attended transfer.
+-    -->
+-    <!--<param name="media-option" value="bypass-media-after-att-xfer"/>-->
+-
+-    <!-- Can be set to "_undef_" to remove the User-Agent header -->
+-    <!-- <param name="user-agent-string" value="FreeSWITCH Rocks!"/> -->
+-
+-    <param name="debug" value="0"/>
+-    <!-- If you want FreeSWITCH to shutdown if this profile fails to load, uncomment the next line. -->
+-    <!-- <param name="shutdown-on-fail" value="true"/> -->
+-    <param name="sip-trace" value="no"/>
+-    <param name="sip-capture" value="no"/>
+-
+-    <!-- Use presence_map.conf.xml to convert extension regex to presence protos for routing -->
+-    <!-- <param name="presence-proto-lookup" value="true"/> -->
+-
+-
+-    <!-- Don't be picky about negotiated DTMF just always offer 2833 and accept both 2833 and INFO -->
+-    <!--<param name="liberal-dtmf" value="true"/>-->
+-
+-
+-    <!--
+-        Sometimes, in extremely rare edge cases, the Sofia SIP stack may stop
+-        responding. These options allow you to enable and control a watchdog
+-        on the Sofia SIP stack so that if it stops responding for the
+-        specified number of milliseconds, it will cause FreeSWITCH to crash
+-        immediately. This is useful if you run in an HA environment and
+-        need to ensure automated recovery from such a condition. Note that if
+-        your server is idle a lot, the watchdog may fire due to not receiving
+-        any SIP messages. Thus, if you expect your system to be idle, you
+-        should leave the watchdog disabled. It can be toggled on and off
+-        through the FreeSWITCH CLI either on an individual profile basis or
+-        globally for all profiles. So, if you run in an HA environment with a
+-        master and slave, you should use the CLI to make sure the watchdog is
+-        only enabled on the master.
+-        If such crash occurs, FreeSWITCH will dump core if allowed. The
+-        stacktrace will include function watchdog_triggered_abort().
+-    -->
+-    <param name="watchdog-enabled" value="no"/>
+-    <param name="watchdog-step-timeout" value="30000"/>
+-    <param name="watchdog-event-timeout" value="30000"/>
+-
+-    <param name="log-auth-failures" value="false"/>
+-    <param name="forward-unsolicited-mwi-notify" value="false"/>
+-
+-    <param name="context" value="public"/>
+-    <param name="rfc2833-pt" value="101"/>
+-    <!-- port to bind to for sip traffic -->
+-    <param name="sip-port" value="$${internal_sip_port}"/>
+-    <param name="dialplan" value="XML"/>
+-    <param name="dtmf-duration" value="2000"/>
+-    <param name="inbound-codec-prefs" value="$${global_codec_prefs}"/>
+-    <param name="outbound-codec-prefs" value="$${global_codec_prefs}"/>
+-    <param name="rtp-timer-name" value="soft"/>
+-    <!-- ip address to use for rtp, DO NOT USE HOSTNAMES ONLY IP ADDRESSES -->
+-    <param name="rtp-ip" value="$${local_ip_v4}"/>
+-    <!-- ip address to bind to, DO NOT USE HOSTNAMES ONLY IP ADDRESSES -->
+-    <param name="sip-ip" value="$${local_ip_v4}"/>
+-    <param name="hold-music" value="$${hold_music}"/>
+-    <param name="apply-nat-acl" value="nat.auto"/>
+-
+-
+-    <!-- (default true) set to false if you do not wish to have called party info in 1XX responses -->
+-    <!-- <param name="cid-in-1xx" value="false"/> -->
+-
+-    <!-- extended info parsing -->
+-    <!-- <param name="extended-info-parsing" value="true"/> -->
+-
+-    <!--<param name="aggressive-nat-detection" value="true"/>-->
+-    <!--
+-        There are known issues (asserts and segfaults) when 100rel is enabled.
+-        It is not recommended to enable 100rel at this time.
+-    -->
+-    <!--<param name="enable-100rel" value="true"/>-->
+-
+-    <!-- uncomment if you don't wish to try a next SRV destination on 503 response -->
+-    <!-- RFC3263 Section 4.3 -->
+-    <!--<param name="disable-srv503" value="true"/>-->
+-
+-    <!-- Enable Compact SIP headers. -->
+-    <!--<param name="enable-compact-headers" value="true"/>-->
+-    <!--
+-        enable/disable session timers
+-    -->
+-    <!--<param name="enable-timer" value="false"/>-->
+-    <!--<param name="minimum-session-expires" value="120"/>-->
+-    <param name="apply-inbound-acl" value="domains"/>
+-    <!--
+-        This defines your local network, by default we detect your local network
+-        and create this localnet.auto ACL for this.
+-    -->
+-    <param name="local-network-acl" value="localnet.auto"/>
+-    <!--<param name="apply-register-acl" value="domains"/>-->
+-    <!--<param name="dtmf-type" value="info"/>-->
+-
+-
+-    <!-- 'true' means every time 'first-only' means on the first register -->
+-    <!--<param name="send-message-query-on-register" value="true"/>-->
+-
+-    <!-- 'true' means every time 'first-only' means on the first register -->
+-    <!--<param name="send-presence-on-register" value="first-only"/> -->
+-
+-
+-    <!-- Caller-ID type (choose one, can be overridden by inbound call type and/or sip_cid_type channel variable -->
+-    <!-- Remote-Party-ID header -->
+-    <!--<param name="caller-id-type" value="rpid"/>-->
+-
+-    <!-- P-*-Identity family of headers -->
+-    <!--<param name="caller-id-type" value="pid"/>-->
+-
+-    <!-- neither one -->
+-    <!--<param name="caller-id-type" value="none"/>-->
+-
+-
+-
+-    <param name="record-path" value="$${recordings_dir}"/>
+-    <param name="record-template" value="${caller_id_number}.${target_domain}.${strftime(%Y-%m-%d-%H-%M-%S)}.wav"/>
+-    <!--enable to use presence -->
+-    <param name="manage-presence" value="true"/>
+-    <!-- send a presence probe on each register to query devices to send presence instead of sending presence with less info -->
+-    <!--<param name="presence-probe-on-register" value="true"/>-->
+-    <!--<param name="manage-shared-appearance" value="true"/>-->
+-    <!-- used to share presence info across sofia profiles -->
+-    <!-- Name of the db to use for this profile -->
+-    <!--<param name="dbname" value="share_presence"/>-->
+-    <param name="presence-hosts" value="$${domain},$${local_ip_v4}"/>
+-    <param name="presence-privacy" value="$${presence_privacy}"/>
+-    <!-- ************************************************* -->
+-
+-    <!-- This setting is for AAL2 bitpacking on G726 -->
+-    <!-- <param name="bitpacking" value="aal2"/> -->
+-    <!--max number of open dialogs in proceeding -->
+-    <!--<param name="max-proceeding" value="1000"/>-->
+-    <!--session timers for all call to expire after the specified seconds -->
+-    <!--<param name="session-timeout" value="1800"/>-->
+-    <!-- Can be 'true' or 'contact' -->
+-    <!--<param name="multiple-registrations" value="contact"/>-->
+-    <!--set to 'greedy' if you want your codec list to take precedence -->
+-    <param name="inbound-codec-negotiation" value="generous"/>
+-    <!-- if you want to send any special bind params of your own -->
+-    <!--<param name="bind-params" value="transport=udp"/>-->
+-    <!--<param name="unregister-on-options-fail" value="true"/>-->
+-    <!-- Send an OPTIONS packet to all registered endpoints -->
+-    <!--<param name="all-reg-options-ping" value="true"/>-->
+-    <!-- Send an OPTIONS packet to NATed registered endpoints. Can be 'true' or 'udp-only'. -->
+-    <!--<param name="nat-options-ping" value="true"/>-->
+-    <!--<param name="sip-options-respond-503-on-busy" value="true"/>-->
+-    <!--<param name="sip-messages-respond-200-ok" value="true"/>-->
+-    <!--<param name="sip-subscribe-respond-200-ok" value="true"/>-->
+-
+-    <!-- TLS: disabled by default, set to "true" to enable -->
+-    <param name="tls" value="$${internal_ssl_enable}"/>
+-    <!-- Set to true to not bind on the normal sip-port but only on the TLS port -->
+-    <param name="tls-only" value="false"/>
+-    <!-- additional bind parameters for TLS -->
+-    <param name="tls-bind-params" value="transport=tls"/>
+-    <!-- Port to listen on for TLS requests. (5061 will be used if unspecified) -->
+-    <param name="tls-sip-port" value="$${internal_tls_port}"/>
+-    <!-- Location of the agent.pem and cafile.pem ssl certificates (needed for TLS server) -->
+-    <!--<param name="tls-cert-dir" value=""/>-->
+-    <!-- Optionally set the passphrase password used by openSSL to encrypt/decrypt TLS private key files -->
+-    <param name="tls-passphrase" value=""/>
+-    <!-- Verify the date on TLS certificates -->
+-    <param name="tls-verify-date" value="true"/>
+-    <!-- TLS verify policy, when registering/inviting gateways with other servers (outbound) or handling inbound registration/invite requests how should we verify their certificate -->
+-    <!-- set to 'in' to only verify incoming connections, 'out' to only verify outgoing connections, 'all' to verify all connections, also 'subjects_in', 'subjects_out' and 'subjects_all' for subject validation. Multiple policies can be split with a '|' pipe -->
+-    <param name="tls-verify-policy" value="none"/>
+-    <!-- Certificate max verify depth to use for validating peer TLS certificates when the verify policy is not none -->
+-    <param name="tls-verify-depth" value="2"/>
+-    <!-- If the tls-verify-policy is set to subjects_all or subjects_in this sets which subjects are allowed, multiple subjects can be split with a '|' pipe -->
+-    <param name="tls-verify-in-subjects" value=""/>
+-    <!-- TLS version default: tlsv1,tlsv1.1,tlsv1.2 -->
+-    <param name="tls-version" value="$${sip_tls_version}"/>
+-
+-    <!-- TLS ciphers default: ALL:!ADH:!LOW:!EXP:!MD5:@STRENGTH  -->
+-    <param name="tls-ciphers" value="$${sip_tls_ciphers}"/>
+-
+-    <!-- turn on auto-flush during bridge (skip timer sleep when the socket already has data)
+-         (reduces delay on latent connections default true, must be disabled explicitly)-->
+-    <!--<param name="rtp-autoflush-during-bridge" value="false"/>-->
+-
+-    <!--If you don't want to pass through timestamps from 1 RTP call to another (on a per call basis with rtp_rewrite_timestamps chanvar)-->
+-    <!--<param name="rtp-rewrite-timestamps" value="true"/>-->
+-    <!--<param name="pass-rfc2833" value="true"/>-->
+-    <!--If you have ODBC support and a working dsn you can use it instead of SQLite-->
+-    <!--<param name="odbc-dsn" value="dsn:user:pass"/>-->
+-
+-    <!-- Or, if you have PGSQL support, you can use that -->
+-    <!--<param name="odbc-dsn" value="pgsql://hostaddr=127.0.0.1 dbname=freeswitch user=freeswitch password='' options='-c client_min_messages=NOTICE' application_name='freeswitch'" />-->
+-
+-    <!--Uncomment to set all inbound calls to no media mode-->
+-    <!--<param name="inbound-bypass-media" value="true"/>-->
+-
+-    <!--Uncomment to set all inbound calls to proxy media mode-->
+-    <!--<param name="inbound-proxy-media" value="true"/>-->
+-
+-    <!-- Let calls hit the dialplan before selecting codec for the a-leg -->
+-    <param name="inbound-late-negotiation" value="true"/>
+-
+-    <!-- Allow ZRTP clients to negotiate end-to-end security associations (also enables late negotiation) -->
+-    <param name="inbound-zrtp-passthru" value="true"/>
+-
+-    <!-- this lets anything register -->
+-    <!--  comment the next line and uncomment one or both of the other 2 lines for call authentication -->
+-    <!-- <param name="accept-blind-reg" value="true"/> -->
+-
+-    <!-- accept any authentication without actually checking (not a good feature for most people) -->
+-    <!-- <param name="accept-blind-auth" value="true"/> -->
+-
+-    <!-- suppress CNG on this profile or per call with the 'suppress_cng' variable -->
+-    <!-- <param name="suppress-cng" value="true"/> -->
+-
+-    <!--TTL for nonce in sip auth-->
+-    <param name="nonce-ttl" value="60"/>
+-    <!--Uncomment if you want to force the outbound leg of a bridge to only offer the codec
+-        that the originator is using-->
+-    <!--<param name="disable-transcoding" value="true"/>-->
+-    <!-- Handle 302 Redirect in the dialplan -->
+-    <!--<param name="manual-redirect" value="true"/> -->
+-    <!-- Disable Transfer -->
+-    <!--<param name="disable-transfer" value="true"/> -->
+-    <!-- Disable Register -->
+-    <!--<param name="disable-register" value="true"/> -->
+-    <!-- Used for when phones respond to a challenged ACK with method INVITE in the hash -->
+-    <!--<param name="NDLB-broken-auth-hash" value="true"/>-->
+-    <!-- add a ;received="<ip>:<port>" to the contact when replying to register for nat handling -->
+-    <!--<param name="NDLB-received-in-nat-reg-contact" value="true"/>-->
+-    <param name="auth-calls" value="$${internal_auth_calls}"/>
+-    <!-- Force the user and auth-user to match. -->
+-    <param name="inbound-reg-force-matching-username" value="true"/>
+-    <!-- on authed calls, authenticate *all* the packets not just invite -->
+-    <param name="auth-all-packets" value="false"/>
+-
+-    <!-- external_sip_ip
+-         Used as the public IP address for SDP.
+-         Can be an one of:
+-         ip address            - "12.34.56.78"
+-         a stun server lookup  - "stun:stun.server.com"
+-         a DNS name            - "host:host.server.com"
+-         auto                  - Use guessed ip.
+-         auto-nat              - Use ip learned from NAT-PMP or UPNP
+-    -->
+-    <param name="ext-rtp-ip" value="$${external_rtp_ip}"/>
+-    <param name="ext-sip-ip" value="$${external_sip_ip}"/>
+-
+-    <!-- rtp inactivity timeout -->
+-    <param name="rtp-timeout-sec" value="300"/>
+-    <param name="rtp-hold-timeout-sec" value="1800"/>
+-    <!-- VAD choose one (out is a good choice); -->
+-    <!-- <param name="vad" value="in"/> -->
+-    <!-- <param name="vad" value="out"/> -->
+-    <!-- <param name="vad" value="both"/> -->
+-    <!--<param name="alias" value="sip:10.0.1.251:5555"/>-->
+-    <!--
+-        These are enabled to make the default config work better out of the box.
+-        If you need more than ONE domain you'll need to not use these options.
+-
+-    -->
+-    <!--all inbound reg will look in this domain for the users -->
+-    <param name="force-register-domain" value="$${domain}"/>
+-    <!--force the domain in subscriptions to this value -->
+-    <param name="force-subscription-domain" value="$${domain}"/>
+-    <!--all inbound reg will stored in the db using this domain -->
+-    <param name="force-register-db-domain" value="$${domain}"/>
+-
+-
+-    <!-- for sip over websocket support -->
+-    <param name="ws-binding"  value=":5066"/>
+-
+-    <!-- for sip over secure websocket support -->
+-    <!-- You need wss.pem in $${certs_dir} for wss or one will be created for you -->
+-    <param name="wss-binding" value=":7443"/>
+-
+-    <!--<param name="delete-subs-on-register" value="false"/>-->
+-
+-    <!-- launch a new thread to process each new inbound register when using heavier backends -->
+-    <!-- <param name="inbound-reg-in-new-thread" value="true"/> -->
+-
+-    <!-- enable rtcp on every channel also can be done per leg basis with rtcp_audio_interval_msec variable set to passthru to pass it across a call-->
+-    <!--<param name="rtcp-audio-interval-msec" value="5000"/>-->
+-    <!--<param name="rtcp-video-interval-msec" value="5000"/>-->
+-
+-    <!--force suscription expires to a lower value than requested-->
+-    <!--<param name="force-subscription-expires" value="60"/>-->
+-
+-    <!-- add a random deviation to the expires value of the 202 Accepted -->
+-    <!--<param name="sip-subscription-max-deviation" value="120"/>-->
+-
+-    <!-- disable register and transfer which may be undesirable in a public switch -->
+-    <!--<param name="disable-transfer" value="true"/>-->
+-    <!--<param name="disable-register" value="true"/>-->
+-
+-    <!--
+-        enable-3pcc can be set to either 'true' or 'proxy', true accepts the call
+-        right away, proxy waits until the call has been answered then sends accepts
+-    -->
+-    <!--<param name="enable-3pcc" value="true"/>-->
+-
+-    <!-- use at your own risk or if you know what this does.-->
+-    <!--<param name="NDLB-force-rport" value="true"/>-->
+-    <!--
+-        Choose the realm challenge key. Default is auto_to if not set.
+-
+-        auto_from  - uses the from field as the value for the sip realm.
+-        auto_to    - uses the to field as the value for the sip realm.
+-        <anyvalue> - you can input any value to use for the sip realm.
+-
+-        If you want URL dialing to work you'll want to set this to auto_from.
+-
+-        If you use any other value besides auto_to or auto_from you'll
+-        loose the ability to do multiple domains.
+-
+-        Note: comment out to restore the behavior before 2008-09-29
+-    -->
+-    <param name="challenge-realm" value="auto_from"/>
+-    <!--<param name="disable-rtp-auto-adjust" value="true"/>-->
+-    <!-- on inbound calls make the uuid of the session equal to the sip call id of that call -->
+-    <!--<param name="inbound-use-callid-as-uuid" value="true"/>-->
+-    <!-- on outbound calls set the callid to match the uuid of the session -->
+-    <!--<param name="outbound-use-uuid-as-callid" value="true"/>-->
+-    <!-- set to false disable this feature -->
+-    <!--<param name="rtp-autofix-timing" value="false"/>-->
+-
+-    <!-- set this param to false if your gateway for some reason hates X- headers that it is supposed to ignore-->
+-    <!--<param name="pass-callee-id" value="false"/>-->
+-
+-    <!-- clear clears them all or supply the name to add or the name
+-         prefixed with ~ to remove valid values:
+-
+-           clear
+-           CISCO_SKIP_MARK_BIT_2833
+-           SONUS_SEND_INVALID_TIMESTAMP_2833
+-
+-    -->
+-    <!--<param name="auto-rtp-bugs" data="clear"/>-->
+-
+-    <!-- the following can be used as workaround with bogus SRV/NAPTR records -->
+-    <!--<param name="disable-srv" value="false" />-->
+-    <!--<param name="disable-naptr" value="false" />-->
+-
+-    <!-- The following can be used to fine-tune timers within sofia's transport layer
+-         Those settings are for advanced users and can safely be left as-is -->
+-
+-    <!-- Initial retransmission interval (in milliseconds).
+-         Set the T1 retransmission interval used by the SIP transaction engine.
+-         The T1 is the initial duration used by request retransmission timers A and E (UDP) as well as response retransmission timer G.   -->
+-    <!-- <param name="timer-T1" value="500" /> -->
+-
+-    <!--  Transaction timeout (defaults to T1 * 64).
+-         Set the T1x64 timeout value used by the SIP transaction engine.
+-         The T1x64 is duration used for timers B, F, H, and J (UDP) by the SIP transaction engine.
+-         The timeout value T1x64 can be adjusted separately from the initial retransmission interval T1. -->
+-    <!-- <param name="timer-T1X64" value="32000" /> -->
+-
+-
+-    <!-- Maximum retransmission interval (in milliseconds).
+-         Set the maximum retransmission interval used by the SIP transaction engine.
+-         The T2 is the maximum duration used for the timers E (UDP) and G by the SIP transaction engine.
+-         Note that the timer A is not capped by T2. Retransmission interval of INVITE requests grows exponentially
+-         until the timer B fires.  -->
+-    <!-- <param name="timer-T2" value="4000" /> -->
+-
+-    <!--
+-        Transaction lifetime (in milliseconds).
+-        Set the lifetime for completed transactions used by the SIP transaction engine.
+-        A completed transaction is kept around for the duration of T4 in order to catch late responses.
+-        The T4 is the maximum duration for the messages to stay in the network and the duration of SIP timer K. -->
+-    <!-- <param name="timer-T4" value="4000" /> -->
+-
+-    <!-- Turn on a jitterbuffer for every call -->
+-    <!-- <param name="auto-jitterbuffer-msec" value="60"/> -->
+-
+-
+-    <!-- By default mod_sofia will ignore the codecs in the sdp for hold/unhold operations
+-         Set this to true if you want to actually parse the sdp and re-negotiate the codec during hold/unhold.
+-         It's probably not what you want so stick with the default unless you really need to change this.
+-    -->
+-    <!--<param name="renegotiate-codec-on-hold" value="true"/>-->
+-
+-    <!-- By default mod_sofia will send "100 Trying" in response to a SIP INVITE. Set this to false if
+-         you want to turn off this behavior and manually send the "100 Trying" via the acknowledge_call application.
+-    -->
+-    <!--<param name="auto-invite-100" value="false"/>-->
+-  </settings>
+-</profile>
+diff --git a/vars.xml b/vars.xml
+index 72b7b00..e2ff2b6 100644
+--- a/vars.xml
++++ b/vars.xml
+@@ -12,6 +12,8 @@
+ 
+        WARNING WARNING WARNING WARNING WARNING WARNING WARNING WARNING WARNING WARNING
+   -->
++  <X-PRE-PROCESS cmd="exec-set" data="odbc_dsn_freeswitch=curl -X POST http://localhost:8080/odbc-dsn/freeswitch" />
++  <X-PRE-PROCESS cmd="exec-set" data="odbc_dsn_bro=curl -X POST http://localhost:8080/odbc-dsn/bro" />
+   <X-PRE-PROCESS cmd="set" data="default_password=123456"/>
+   <!-- Did you change it yet? -->
+   <!--
diff --git a/fsagent/src/main/resources/logback.xml b/fsagent/src/main/resources/logback.xml
new file mode 100644
index 00000000..003afebe
--- /dev/null
+++ b/fsagent/src/main/resources/logback.xml
@@ -0,0 +1,30 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<configuration debug="true" scan="true" scanPeriod="180 seconds">>
+	<property name="log.level" value="DEBUG" />
+	<property name="log.dir" value="${project.basedir}/.logs" />
+
+	<appender name="Console" class="ch.qos.logback.core.ConsoleAppender">
+		<withJansi>true</withJansi>
+		<encoder>
+			<pattern>%magenta(%d{"yyyy-MM-dd HH:mm:ss,SSS"}) [%thread] %highlight(%-5level) %cyan(%logger{15}) - %msg %n</pattern>
+		</encoder>
+	</appender>
+
+	<appender name="File" class="ch.qos.logback.core.rolling.RollingFileAppender">
+		<file>${log.dir}/${project.artifactId}.log</file>
+		<encoder>
+			<pattern>%d{"yyyy-MM-dd HH:mm:ss,SSS"} [%thread] %-5level %logger{15} %msg %n</pattern>
+		</encoder>
+		<rollingPolicy class="ch.qos.logback.core.rolling.TimeBasedRollingPolicy">
+			<fileNamePattern>${log.dir}/%d{yyyy-MM, aux}/${project.artifactId}-%d{yyyy-MM-dd}.%i.log</fileNamePattern>
+			<timeBasedFileNamingAndTriggeringPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedFNATP">
+				<maxFileSize>32MB</maxFileSize>
+			</timeBasedFileNamingAndTriggeringPolicy>
+		</rollingPolicy>
+	</appender>
+	<root level="${log.level}">
+		<appender-ref ref="Console" />
+		<appender-ref ref="File" />
+	</root>
+</configuration>
+
diff --git a/fsagent/src/main/resources/spring/spring-fs-agent.xml b/fsagent/src/main/resources/spring/spring-fs-agent.xml
new file mode 100644
index 00000000..139c309a
--- /dev/null
+++ b/fsagent/src/main/resources/spring/spring-fs-agent.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xmlns:task="http://www.springframework.org/schema/task"
+    xmlns:dubbo="http://dubbo.apache.org/schema/dubbo"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd
+        http://www.springframework.org/schema/task
+        http://www.springframework.org/schema/task/spring-task.xsd
+        http://dubbo.apache.org/schema/dubbo
+        http://dubbo.apache.org/schema/dubbo/dubbo.xsd">
+
+    <task:executor id="taskExecutor" pool-size="8" keep-alive="128" queue-capacity="128" />
+    <task:scheduler id="taskScheduler" pool-size="8" />
+    <task:annotation-driven executor="taskExecutor"
+        scheduler="taskScheduler" proxy-target-class="true" />
+
+    <dubbo:service interface="org.freeswitch.esl.client.EslClientApi" ref="fseslClient" />
+</beans>
diff --git a/fsagent/src/main/resources/static/check_backend_active.html b/fsagent/src/main/resources/static/check_backend_active.html
new file mode 100644
index 00000000..a0aba931
--- /dev/null
+++ b/fsagent/src/main/resources/static/check_backend_active.html
@@ -0,0 +1 @@
+OK
\ No newline at end of file
diff --git a/fsagent/src/main/resources/templates/config/acl.conf.xml b/fsagent/src/main/resources/templates/config/acl.conf.xml
new file mode 100644
index 00000000..99794f51
--- /dev/null
+++ b/fsagent/src/main/resources/templates/config/acl.conf.xml
@@ -0,0 +1,34 @@
+<configuration name="acl.conf" description="Network Lists">
+  <network-lists>
+    <!--
+	  These ACL's are automatically created on startup.
+
+	  rfc1918.auto  - RFC1918 Space
+	  nat.auto      - RFC1918 Excluding your local lan.
+	  localnet.auto - ACL for your local lan.
+	  loopback.auto - ACL for your local lan.
+    -->
+
+    <list name="lan" default="allow">
+      <!--<node type="deny" cidr="192.168.42.0/24"/>-->
+      <!--<node type="allow" cidr="192.168.42.42/32"/>-->
+    </list>
+
+    <list name="wan.auto" default="allow">
+    </list>
+
+    <!--
+	  This will traverse the directory adding all users
+	  with the cidr= tag to this ACL, when this ACL matches
+	  the users variables and params apply as if they
+	  digest authenticated.
+    -->
+    <list name="domains" default="deny">
+      <!-- domain= is special it scans the domain from the directory to build the ACL -->
+      <node type="allow" domain="$${domain}" />
+      <!-- use cidr= if you wish to allow ip ranges to this domains acl. -->
+      <!-- <node type="allow" cidr="192.168.0.0/24"/> -->
+    </list>
+  </network-lists>
+</configuration>
+
diff --git a/fsagent/src/main/resources/templates/config/event_socket.conf.xml b/fsagent/src/main/resources/templates/config/event_socket.conf.xml
new file mode 100644
index 00000000..b5c0e0b5
--- /dev/null
+++ b/fsagent/src/main/resources/templates/config/event_socket.conf.xml
@@ -0,0 +1,10 @@
+<configuration name="event_socket.conf" description="Socket Client">
+  <settings>
+    <param name="nat-map" value="false" />
+    <param name="listen-ip" value="::" />
+    <param name="listen-port" value="8021" />
+    <param name="password" value="ClueCon" />
+    <param name="stop-on-bind-error" value="true"/>
+    <!--<param name="apply-inbound-acl" value="loopback.auto"/>-->
+  </settings>
+</configuration>
diff --git a/fsagent/src/main/resources/templates/config/odbc_cdr.conf.xml b/fsagent/src/main/resources/templates/config/odbc_cdr.conf.xml
new file mode 100644
index 00000000..97be1fd5
--- /dev/null
+++ b/fsagent/src/main/resources/templates/config/odbc_cdr.conf.xml
@@ -0,0 +1,50 @@
+<configuration name="odbc_cdr.conf" description="ODBC CDR Configuration">
+  <settings>
+    <param name="odbc-dsn" value="${odbcDsn}" />
+    <!-- global value can be "a-leg", "b-leg", "both" (default is "both") -->
+    <param name="log-leg" value="both" />
+    <!-- value can be "always", "never", "on-db-fail" -->
+    <param name="write-csv" value="on-db-fail" />
+    <!-- location to store csv copy of CDR -->
+    <param name="csv-path" value="/var/log/freeswitch/cdr-odbc" />
+    <!-- if "csv-path-on-fail" is set, failed INSERTs will be placed here as CSV files otherwise they will be placed in "csv-path" -->
+    <param name="csv-path-on-fail" value="/var/log/freeswitch/cdr-odbc/failed" />
+    <!-- dump SQL statement after leg ends -->
+    <param name="debug-sql" value="false" />
+  </settings>
+  <tables>
+    <!-- both legs will be inserted into this table -->
+    <table name="br_call_detail_record">
+      <field name="tenant_id" chan-var-name="x_tenant_id" />
+      <field name="tenant_code" chan-var-name="x_tenant_code" />
+      <field name="realm" chan-var-name="x_realm" />
+      <field name="conn_id" chan-var-name="x_conn_id" />
+      <field name="biz_key" chan-var-name="x_biz_key" />
+
+      <field name="dial_type" chan-var-name="x_dial_type" />
+      <field name="call_type" chan-var-name="x_call_type" />
+      <field name="agent_type" chan-var-name="x_agent_type" />
+
+      <field name="direction" chan-var-name="direction" />
+      <field name="uuid" chan-var-name="uuid" />
+      <field name="call_uuid" chan-var-name="call_uuid" />
+      <field name="sip_call_id" chan-var-name="sip_call_id" />
+      <field name="caller_name" chan-var-name="caller_id_name" />
+      <field name="caller_number" chan-var-name="caller_id_number" />
+      <field name="sip_network_ip" chan-var-name="sip_network_ip" />
+      <field name="sip_req_host" chan-var-name="sip_req_host" />
+      <field name="read_codec" chan-var-name="read_codec" />
+      <field name="write_codec" chan-var-name="write_codec" />
+      <field name="destination_number" chan-var-name="destination_number" />
+      <field name="start_stamp" chan-var-name="start_stamp" />
+      <field name="answer_stamp" chan-var-name="answer_stamp" />
+      <field name="end_stamp" chan-var-name="end_stamp" />
+      <field name="duration" chan-var-name="duration" />
+      <field name="mduration" chan-var-name="mduration" />
+      <field name="billsec" chan-var-name="billsec" />
+      <field name="billmsec" chan-var-name="billmsec" />
+      <field name="endpoint_disposition" chan-var-name="endpoint_disposition" />
+      <field name="hangup_cause" chan-var-name="hangup_cause" />
+    </table>
+  </tables>
+</configuration>
diff --git a/fsagent/src/main/resources/templates/config/sofia.conf.xml b/fsagent/src/main/resources/templates/config/sofia.conf.xml
new file mode 100644
index 00000000..b079b350
--- /dev/null
+++ b/fsagent/src/main/resources/templates/config/sofia.conf.xml
@@ -0,0 +1,629 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="freeswitch/xml">
+  <section name="configuration">
+    <configuration name="sofia.conf" description="Sofia Endpoint">
+      <!-- <#noparse> -->
+      <global_settings>
+        <param name="log-level" value="0" />
+        <!-- <param name="auto-restart" value="false" /> -->
+        <param name="debug-presence" value="0" />
+        <!-- <param name="capture-server" value="udp:homer.domain.com:5060" /> -->
+        <!-- 
+            the new format for HEPv2/v3 and capture ID    
+            protocol:host:port;hep=2;capture_id=200;
+        -->
+        <!-- <param name="capture-server" value="udp:homer.domain.com:5060;hep=3;capture_id=100" /> -->
+      </global_settings>
+      <!-- </#noparse> -->
+
+      <!--
+          The rabbit hole goes deep.  This includes all the
+          profiles in the sip_profiles directory that is up
+          one level from this directory.
+      -->
+      <profiles>
+        <!-- <#noparse> -->
+        <profile name="internal">
+          <!--
+              This is a sofia sip profile/user agent.  This will service exactly one ip and port.
+              In FreeSWITCH you can run multiple sip user agents on their own ip and port.
+
+              When you hear someone say "sofia profile" this is what they are talking about.
+          -->
+
+          <!-- http://wiki.freeswitch.org/wiki/Sofia_Configuration_Files -->
+          <!--aliases are other names that will work as a valid profile name for this profile-->
+          <aliases>
+            <!--
+            <alias name="default" />
+            -->
+          </aliases>
+          <!-- Outbound Registrations -->
+          <gateways>
+          </gateways>
+
+          <domains>
+            <!-- indicator to parse the directory for domains with parse="true" to get gateways-->
+            <!--<domain name="$${domain}" parse="true" />-->
+            <!-- indicator to parse the directory for domains with parse="true" to get gateways and alias every domain to this profile -->
+            <!--<domain name="all" alias="true" parse="true" />-->
+            <domain name="all" alias="true" parse="false" />
+          </domains>
+
+          <settings>
+
+            <!-- inject delay between dtmf digits on send to help some slow interpreters (also per channel with rtp_digit_delay var -->
+            <!-- <param name="rtp-digit-delay" value="40" />-->
+
+            <!--
+                When calls are in no media this will bring them back to media
+                when you press the hold button.
+            -->
+            <!--<param name="media-option" value="resume-media-on-hold" /> -->
+
+            <!--
+                This will allow a call after an attended transfer go back to
+                bypass media after an attended transfer.
+            -->
+            <!--<param name="media-option" value="bypass-media-after-att-xfer" />-->
+
+            <!-- Can be set to "_undef_" to remove the User-Agent header -->
+            <!-- <param name="user-agent-string" value="FreeSWITCH Rocks!" /> -->
+
+            <param name="debug" value="0" />
+            <!-- If you want FreeSWITCH to shutdown if this profile fails to load, uncomment the next line. -->
+            <param name="shutdown-on-fail" value="true" />
+            <param name="sip-trace" value="no" />
+            <param name="sip-capture" value="no" />
+
+            <!-- Use presence_map.conf.xml to convert extension regex to presence protos for routing -->
+            <!-- <param name="presence-proto-lookup" value="true" /> -->
+
+            <!-- Don't be picky about negotiated DTMF just always offer 2833 and accept both 2833 and INFO -->
+            <!--<param name="liberal-dtmf" value="true" />-->
+
+            <!--
+                Sometimes, in extremely rare edge cases, the Sofia SIP stack may stop
+                responding. These options allow you to enable and control a watchdog
+                on the Sofia SIP stack so that if it stops responding for the
+                specified number of milliseconds, it will cause FreeSWITCH to crash
+                immediately. This is useful if you run in an HA environment and
+                need to ensure automated recovery from such a condition. Note that if
+                your server is idle a lot, the watchdog may fire due to not receiving
+                any SIP messages. Thus, if you expect your system to be idle, you
+                should leave the watchdog disabled. It can be toggled on and off
+                through the FreeSWITCH CLI either on an individual profile basis or
+                globally for all profiles. So, if you run in an HA environment with a
+                master and slave, you should use the CLI to make sure the watchdog is
+                only enabled on the master.
+                If such crash occurs, FreeSWITCH will dump core if allowed. The
+                stacktrace will include function watchdog_triggered_abort().
+            -->
+            <param name="watchdog-enabled" value="no" />
+            <param name="watchdog-step-timeout" value="30000" />
+            <param name="watchdog-event-timeout" value="30000" />
+
+            <param name="log-auth-failures" value="true" />
+            <param name="forward-unsolicited-mwi-notify" value="false" />
+
+            <param name="context" value="public" />
+            <param name="rfc2833-pt" value="101" />
+            <!-- port to bind to for sip traffic -->
+            <param name="sip-port" value="$${internal_sip_port}" />
+            <param name="dialplan" value="XML" />
+            <param name="dtmf-duration" value="2000" />
+            <param name="inbound-codec-prefs" value="$${global_codec_prefs}" />
+            <param name="outbound-codec-prefs" value="$${global_codec_prefs}" />
+            <param name="rtp-timer-name" value="soft" />
+            <!-- ip address to use for rtp, DO NOT USE HOSTNAMES ONLY IP ADDRESSES -->
+            <param name="rtp-ip" value="$${local_ip_v4}" />
+            <!-- ip address to bind to, DO NOT USE HOSTNAMES ONLY IP ADDRESSES -->
+            <param name="sip-ip" value="$${local_ip_v4}" />
+            <param name="hold-music" value="$${hold_music}" />
+            <param name="apply-nat-acl" value="nat.auto" />
+
+            <!-- (default true) set to false if you do not wish to have called party info in 1XX responses -->
+            <!-- <param name="cid-in-1xx" value="false" /> -->
+
+            <!-- extended info parsing -->
+            <!-- <param name="extended-info-parsing" value="true" /> -->
+
+            <!--<param name="aggressive-nat-detection" value="true" />-->
+            <!--
+                There are known issues (asserts and segfaults) when 100rel is enabled.
+                It is not recommended to enable 100rel at this time.
+            -->
+            <!--<param name="enable-100rel" value="true" />-->
+
+            <!-- uncomment if you don't wish to try a next SRV destination on 503 response -->
+            <!-- RFC3263 Section 4.3 -->
+            <!--<param name="disable-srv503" value="true" />-->
+
+            <!-- Enable Compact SIP headers. -->
+            <!--<param name="enable-compact-headers" value="true" />-->
+            <!--
+                enable/disable session timers
+            -->
+            <!--<param name="enable-timer" value="false" />-->
+            <!--<param name="minimum-session-expires" value="120" />-->
+            <param name="apply-inbound-acl" value="domains" />
+            <!--
+                This defines your local network, by default we detect your local network
+                and create this localnet.auto ACL for this.
+            -->
+            <param name="local-network-acl" value="localnet.auto" />
+            <!--<param name="apply-register-acl" value="domains" />-->
+            <!--<param name="dtmf-type" value="info" />-->
+
+            <!-- 'true' means every time 'first-only' means on the first register -->
+            <!--<param name="send-message-query-on-register" value="true" />-->
+
+            <!-- 'true' means every time 'first-only' means on the first register -->
+            <!--<param name="send-presence-on-register" value="first-only" /> -->
+
+            <!-- Caller-ID type (choose one, can be overridden by inbound call type and/or sip_cid_type channel variable -->
+            <!-- Remote-Party-ID header -->
+            <!--<param name="caller-id-type" value="rpid" />-->
+
+            <!-- P-*-Identity family of headers -->
+            <!--<param name="caller-id-type" value="pid" />-->
+
+            <!-- neither one -->
+            <!--<param name="caller-id-type" value="none" />-->
+
+            <param name="record-path" value="$${recordings_dir}" />
+            <param name="record-template" value="${caller_id_number}.${target_domain}.${strftime(%Y-%m-%d-%H-%M-%S)}.wav" />
+            <!--enable to use presence -->
+            <param name="manage-presence" value="true" />
+            <!-- send a presence probe on each register to query devices to send presence instead of sending presence with less info -->
+            <!--<param name="presence-probe-on-register" value="true" />-->
+            <!--<param name="manage-shared-appearance" value="true" />-->
+            <!-- used to share presence info across sofia profiles -->
+            <!-- Name of the db to use for this profile -->
+            <!--<param name="dbname" value="share_presence" />-->
+            <param name="presence-hosts" value="$${domain},$${local_ip_v4}" />
+            <param name="presence-privacy" value="$${presence_privacy}" />
+            <!-- ************************************************* -->
+
+            <!-- This setting is for AAL2 bitpacking on G726 -->
+            <!-- <param name="bitpacking" value="aal2" /> -->
+            <!--max number of open dialogs in proceeding -->
+            <!--<param name="max-proceeding" value="1000" />-->
+            <!--session timers for all call to expire after the specified seconds -->
+            <!--<param name="session-timeout" value="1800" />-->
+            <!-- Valid values for this parameter are "contact", "true", "false", "call-id" -->
+            <param name="multiple-registrations" value="false" />
+            <!--set to 'greedy' if you want your codec list to take precedence -->
+            <param name="inbound-codec-negotiation" value="generous" />
+            <!-- if you want to send any special bind params of your own -->
+            <!--<param name="bind-params" value="transport=udp" />-->
+            <!--<param name="unregister-on-options-fail" value="true" />-->
+            <!-- Send an OPTIONS packet to all registered endpoints -->
+            <!--<param name="all-reg-options-ping" value="true" />-->
+            <param name="registration-thread-frequency" value="30" />
+            <param name="ping-mean-interval" value="30" />
+            <param name="ping-thread-frequency" value="1" />
+            <!-- Send an OPTIONS packet to NATed registered endpoints. Can be 'true' or 'udp-only'. -->
+            <param name="nat-options-ping" value="true" />
+            <!--<param name="sip-options-respond-503-on-busy" value="true" />-->
+            <!--<param name="sip-messages-respond-200-ok" value="true" />-->
+            <!--<param name="sip-subscribe-respond-200-ok" value="true" />-->
+            <param name="sip-force-expires" value="600" />
+            <param name="sip-expires-max-deviation" value="120" />
+
+            <!-- TLS: disabled by default, set to "true" to enable -->
+            <param name="tls" value="$${internal_ssl_enable}" />
+            <!-- Set to true to not bind on the normal sip-port but only on the TLS port -->
+            <param name="tls-only" value="false" />
+            <!-- additional bind parameters for TLS -->
+            <param name="tls-bind-params" value="transport=tls" />
+            <!-- Port to listen on for TLS requests. (5061 will be used if unspecified) -->
+            <param name="tls-sip-port" value="$${internal_tls_port}" />
+            <!-- Location of the agent.pem and cafile.pem ssl certificates (needed for TLS server) -->
+            <!--<param name="tls-cert-dir" value="" />-->
+            <!-- Optionally set the passphrase password used by openSSL to encrypt/decrypt TLS private key files -->
+            <param name="tls-passphrase" value="" />
+            <!-- Verify the date on TLS certificates -->
+            <param name="tls-verify-date" value="true" />
+            <!-- TLS verify policy, when registering/inviting gateways with other servers (outbound) or handling inbound registration/invite requests how should we verify their certificate -->
+            <!-- set to 'in' to only verify incoming connections, 'out' to only verify outgoing connections, 'all' to verify all connections, also 'subjects_in', 'subjects_out' and 'subjects_all' for subject validation. Multiple policies can be split with a '|' pipe -->
+            <param name="tls-verify-policy" value="none" />
+            <!-- Certificate max verify depth to use for validating peer TLS certificates when the verify policy is not none -->
+            <param name="tls-verify-depth" value="2" />
+            <!-- If the tls-verify-policy is set to subjects_all or subjects_in this sets which subjects are allowed, multiple subjects can be split with a '|' pipe -->
+            <param name="tls-verify-in-subjects" value="" />
+            <!-- TLS version default: tlsv1,tlsv1.1,tlsv1.2 -->
+            <param name="tls-version" value="$${sip_tls_version}" />
+
+            <!-- TLS ciphers default: ALL:!ADH:!LOW:!EXP:!MD5:@STRENGTH  -->
+            <param name="tls-ciphers" value="$${sip_tls_ciphers}" />
+
+            <!-- turn on auto-flush during bridge (skip timer sleep when the socket already has data)
+                 (reduces delay on latent connections default true, must be disabled explicitly)-->
+            <!--<param name="rtp-autoflush-during-bridge" value="false" />-->
+
+            <!--If you don't want to pass through timestamps from 1 RTP call to another (on a per call basis with rtp_rewrite_timestamps chanvar)-->
+            <!--<param name="rtp-rewrite-timestamps" value="true" />-->
+            <!--<param name="pass-rfc2833" value="true" />-->
+            <!--If you have ODBC support and a working dsn you can use it instead of SQLite-->
+            <param name="odbc-dsn" value="$${odbc_dsn_freeswitch}" />
+
+            <!-- Or, if you have PGSQL support, you can use that -->
+            <!--<param name="odbc-dsn" value="pgsql://hostaddr=127.0.0.1 dbname=freeswitch user=freeswitch password='' options='-c client_min_messages=NOTICE' application_name='freeswitch'" />-->
+
+            <!--Uncomment to set all inbound calls to no media mode-->
+            <!--<param name="inbound-bypass-media" value="true" />-->
+
+            <!--Uncomment to set all inbound calls to proxy media mode-->
+            <!--<param name="inbound-proxy-media" value="true" />-->
+
+            <!-- Let calls hit the dialplan before selecting codec for the a-leg -->
+            <param name="inbound-late-negotiation" value="true" />
+
+            <!-- Allow ZRTP clients to negotiate end-to-end security associations (also enables late negotiation) -->
+            <param name="inbound-zrtp-passthru" value="true" />
+
+            <!-- this lets anything register -->
+            <!--  comment the next line and uncomment one or both of the other 2 lines for call authentication -->
+            <!-- <param name="accept-blind-reg" value="true" /> -->
+
+            <!-- accept any authentication without actually checking (not a good feature for most people) -->
+            <!-- <param name="accept-blind-auth" value="true" /> -->
+
+            <!-- suppress CNG on this profile or per call with the 'suppress_cng' variable -->
+            <!-- <param name="suppress-cng" value="true" /> -->
+
+            <!--TTL for nonce in sip auth-->
+            <param name="nonce-ttl" value="60" />
+            <!--Uncomment if you want to force the outbound leg of a bridge to only offer the codec
+                that the originator is using-->
+            <param name="disable-transcoding" value="true" />
+            <!-- Handle 302 Redirect in the dialplan -->
+            <!--<param name="manual-redirect" value="true" /> -->
+            <!-- Disable Transfer -->
+            <!--<param name="disable-transfer" value="true" /> -->
+            <!-- Disable Register -->
+            <!--<param name="disable-register" value="true" /> -->
+            <!-- Used for when phones respond to a challenged ACK with method INVITE in the hash -->
+            <!--<param name="NDLB-broken-auth-hash" value="true" />-->
+            <!-- add a ;received="<ip>:<port>" to the contact when replying to register for nat handling -->
+            <!--<param name="NDLB-received-in-nat-reg-contact" value="true" />-->
+            <param name="auth-calls" value="$${internal_auth_calls}" />
+            <!-- Force the user and auth-user to match. -->
+            <param name="inbound-reg-force-matching-username" value="true" />
+            <!-- on authed calls, authenticate *all* the packets not just invite -->
+            <param name="auth-all-packets" value="false" />
+
+            <!-- external_sip_ip
+                 Used as the public IP address for SDP.
+                 Can be an one of:
+                 ip address            - "12.34.56.78"
+                 a stun server lookup  - "stun:stun.server.com"
+                 a DNS name            - "host:host.server.com"
+                 auto                  - Use guessed ip.
+                 auto-nat              - Use ip learned from NAT-PMP or UPNP
+            -->
+            <param name="ext-sip-ip" value="$${external_sip_ip}" />
+            <param name="ext-rtp-ip" value="$${external_rtp_ip}" />
+
+            <!-- rtp inactivity timeout -->
+            <param name="rtp-timeout-sec" value="300" />
+            <param name="rtp-hold-timeout-sec" value="1800" />
+            <!-- VAD choose one (out is a good choice); -->
+            <!-- <param name="vad" value="in" /> -->
+            <!-- <param name="vad" value="out" /> -->
+            <!-- <param name="vad" value="both" /> -->
+            <!--<param name="alias" value="sip:10.0.1.251:5555" />-->
+            <!--
+                These are enabled to make the default config work better out of the box.
+                If you need more than ONE domain you'll need to not use these options.
+            -->
+
+            <!--!! DISABLE SEARCH GLOBAL DOMAIN !!-->
+            <!--all inbound reg will look in this domain for the users -->
+            <!--<param name="force-register-domain" value="$${domain}" />-->
+            <!--force the domain in subscriptions to this value -->
+            <!--<param name="force-subscription-domain" value="$${domain}" />-->
+            <!--all inbound reg will stored in the db using this domain -->
+            <!--<param name="force-register-db-domain" value="$${domain}" />-->
+            <!--!! DISABLE SEARCH GLOBAL DOMAIN !!-->
+
+            <!-- for sip over websocket support -->
+            <param name="ws-binding" value=":5066" />
+
+            <!-- for sip over secure websocket support -->
+            <!-- You need wss.pem in $${certs_dir} for wss or one will be created for you -->
+            <param name="wss-binding" value=":7443" />
+
+            <!--<param name="delete-subs-on-register" value="false" />-->
+
+            <!-- launch a new thread to process each new inbound register when using heavier backends -->
+            <!-- <param name="inbound-reg-in-new-thread" value="true" /> -->
+
+            <!-- enable rtcp on every channel also can be done per leg basis with rtcp_audio_interval_msec variable set to passthru to pass it across a call-->
+            <!--<param name="rtcp-audio-interval-msec" value="5000" />-->
+            <!--<param name="rtcp-video-interval-msec" value="5000" />-->
+
+            <!--force suscription expires to a lower value than requested-->
+            <!--<param name="force-subscription-expires" value="60" />-->
+
+            <!-- add a random deviation to the expires value of the 202 Accepted -->
+            <!--<param name="sip-subscription-max-deviation" value="120" />-->
+
+            <!-- disable register and transfer which may be undesirable in a public switch -->
+            <!--<param name="disable-transfer" value="true" />-->
+            <!--<param name="disable-register" value="true" />-->
+
+            <!--
+                enable-3pcc can be set to either 'true' or 'proxy', true accepts the call
+                right away, proxy waits until the call has been answered then sends accepts
+            -->
+            <!--<param name="enable-3pcc" value="true" />-->
+
+            <!-- use at your own risk or if you know what this does.-->
+            <!--<param name="NDLB-force-rport" value="true" />-->
+            <!--
+                Choose the realm challenge key. Default is auto_to if not set.
+
+                auto_from  - uses the from field as the value for the sip realm.
+                auto_to    - uses the to field as the value for the sip realm.
+                <anyvalue> - you can input any value to use for the sip realm.
+
+                If you want URL dialing to work you'll want to set this to auto_from.
+
+                If you use any other value besides auto_to or auto_from you'll
+                loose the ability to do multiple domains.
+
+                Note: comment out to restore the behavior before 2008-09-29
+            -->
+            <param name="challenge-realm" value="auto_from" />
+            <!--<param name="disable-rtp-auto-adjust" value="true" />-->
+            <!-- on inbound calls make the uuid of the session equal to the sip call id of that call -->
+            <!--<param name="inbound-use-callid-as-uuid" value="true" />-->
+            <!-- on outbound calls set the callid to match the uuid of the session -->
+            <!--<param name="outbound-use-uuid-as-callid" value="true" />-->
+            <!-- set to false disable this feature -->
+            <!--<param name="rtp-autofix-timing" value="false" />-->
+
+            <!-- set this param to false if your gateway for some reason hates X- headers that it is supposed to ignore-->
+            <!--<param name="pass-callee-id" value="false" />-->
+
+            <!-- clear clears them all or supply the name to add or the name
+                 prefixed with ~ to remove valid values:
+
+                   clear
+                   CISCO_SKIP_MARK_BIT_2833
+                   SONUS_SEND_INVALID_TIMESTAMP_2833
+
+            -->
+            <!--<param name="auto-rtp-bugs" data="clear" />-->
+
+            <!-- the following can be used as workaround with bogus SRV/NAPTR records -->
+            <!--<param name="disable-srv" value="false" />-->
+            <!--<param name="disable-naptr" value="false" />-->
+
+            <!-- The following can be used to fine-tune timers within sofia's transport layer
+                 Those settings are for advanced users and can safely be left as-is -->
+
+            <!-- Initial retransmission interval (in milliseconds).
+                 Set the T1 retransmission interval used by the SIP transaction engine.
+                 The T1 is the initial duration used by request retransmission timers A and E (UDP) as well as response retransmission timer G.   -->
+            <!-- <param name="timer-T1" value="500" /> -->
+
+            <!--  Transaction timeout (defaults to T1 * 64).
+                 Set the T1x64 timeout value used by the SIP transaction engine.
+                 The T1x64 is duration used for timers B, F, H, and J (UDP) by the SIP transaction engine.
+                 The timeout value T1x64 can be adjusted separately from the initial retransmission interval T1. -->
+            <!-- <param name="timer-T1X64" value="32000" /> -->
+
+            <!-- Maximum retransmission interval (in milliseconds).
+                 Set the maximum retransmission interval used by the SIP transaction engine.
+                 The T2 is the maximum duration used for the timers E (UDP) and G by the SIP transaction engine.
+                 Note that the timer A is not capped by T2. Retransmission interval of INVITE requests grows exponentially
+                 until the timer B fires.  -->
+            <!-- <param name="timer-T2" value="4000" /> -->
+
+            <!--
+                Transaction lifetime (in milliseconds).
+                Set the lifetime for completed transactions used by the SIP transaction engine.
+                A completed transaction is kept around for the duration of T4 in order to catch late responses.
+                The T4 is the maximum duration for the messages to stay in the network and the duration of SIP timer K. -->
+            <!-- <param name="timer-T4" value="4000" /> -->
+
+            <!-- Turn on a jitterbuffer for every call -->
+            <!-- <param name="auto-jitterbuffer-msec" value="60" /> -->
+
+            <!-- By default mod_sofia will ignore the codecs in the sdp for hold/unhold operations
+                 Set this to true if you want to actually parse the sdp and re-negotiate the codec during hold/unhold.
+                 It's probably not what you want so stick with the default unless you really need to change this.
+            -->
+            <!--<param name="renegotiate-codec-on-hold" value="true" />-->
+
+            <!-- By default mod_sofia will send "100 Trying" in response to a SIP INVITE. Set this to false if
+                 you want to turn off this behavior and manually send the "100 Trying" via the acknowledge_call application.
+            -->
+            <!--<param name="auto-invite-100" value="false" />-->
+          </settings>
+        </profile>
+        <!-- </#noparse> -->
+
+        <profile name="external">
+          <!-- http://wiki.freeswitch.org/wiki/Sofia_Configuration_Files -->
+          <!-- This profile is only for outbound registrations to providers -->
+          <gateways>
+            <!-- <#list gateways as g> -->
+            <gateway name="${g.name}">
+              <!-- <#if g.realm?has_content> -->
+              <!--/// auth realm: *optional* same as gateway name, if blank ///-->
+              <param name="realm" value="${g.realm}" />
+              <!-- </#if> -->
+              <!-- <#if g.username?has_content> -->
+              <!--/// account username *required* ///-->
+              <param name="username" value="${g.username}" />
+              <!-- </#if> -->
+              <!-- <#if g.password?has_content> -->
+              <!--/// account password *required* ///-->
+              <param name="password" value="${g.password}" />
+              <!-- </#if> -->
+              <!-- <#if g.fromUser?has_content> -->
+              <!--/// username to use in from: *optional* same as  username, if blank ///-->
+              <param name="from-user" value="${g.fromUser}" />
+              <!-- </#if> -->
+              <!-- <#if g.fromDomain?has_content> -->
+              <!--/// domain to use in from: *optional* same as  realm, if blank ///-->
+              <param name="from-domain" value="${g.fromDomain}" />
+              <!-- </#if> -->
+              <!-- <#if g.extension?has_content> -->
+              <!--/// extension for inbound calls: *optional* same as username, if blank ///-->
+              <param name="extension" value="${g.extension}" />
+              <!-- </#if> -->
+              <!-- <#if g.proxy?has_content> -->
+              <!--/// proxy host: *optional* same as realm, if blank ///-->
+              <param name="proxy" value="${g.proxy}" />
+              <!-- </#if> -->
+              <!-- <#if g.registerProxy?has_content> -->
+              <!--/// send register to this proxy: *optional* same as proxy, if blank ///-->
+              <param name="register-proxy" value="${g.registerProxy}" />
+              <!-- </#if> -->
+              <!-- <#if g.expireSeconds?has_content> -->
+              <!--/// expire in seconds: *optional* 3600, if blank ///-->
+              <param name="expire-seconds" value="${g.expireSeconds}" />
+              <!-- </#if> -->
+              <!-- <#if g.register?has_content> -->
+              <!--/// do not register ///-->
+              <param name="register" value="${g.register}" />
+              <!-- </#if> -->
+              <!-- <#if g.registerTransport?has_content> -->
+              <!-- which transport to use for register -->
+              <param name="register-transport" value="${g.registerTransport}" />
+              <!-- </#if> -->
+              <!-- <#if g.retrySeconds?has_content> -->
+              <!--How many seconds before a retry when a failure or timeout occurs -->
+              <param name="retry-seconds" value="${g.retrySeconds}" />
+              <!-- </#if> -->
+              <!-- <#if g.callerIdInFrom?has_content> -->
+              <!--Use the callerid of an inbound call in the from field on outbound calls via this gateway -->
+              <param name="caller-id-in-from" value="${g.callerIdInFrom}" />
+              <!-- </#if> -->
+              <!-- <#if g.contactParams?has_content> -->
+              <!--Extra sip params to send in the contact-->
+              <param name="contact-params" value="${g.contactParams}" />
+              <!-- </#if> -->
+              <!-- <#if g.extensionInContact?has_content> -->
+              <!-- Put the extension in the contact -->
+              <param name="extension-in-contact" value="${g.extensionInContact}" />
+              <!-- </#if> -->
+              <!-- <#if g.ping?has_content> -->
+              <!--Send an options ping every x seconds, failure will unregister and/or mark it down-->
+              <param name="ping" value="${g.ping}" />
+              <!-- </#if> -->
+              <!-- <#if g.cidType?has_content> -->
+              <param name="cid-type" value="${g.cidType}" />
+              <!-- </#if> -->
+              <!-- <#if g.rfc5626?has_content> -->
+              <!--rfc5626 : Abilitazione rfc5626 ///-->
+              <param name="rfc-5626" value="${g.rfc5626}" />
+              <!-- </#if> -->
+              <!-- <#if g.regId?has_content> -->
+              <!--rfc5626 : extra sip params to send in the contact-->
+              <param name="reg-id" value="${g.regId}" />
+              <!-- </#if> -->
+            </gateway>
+            <!-- </#list> -->
+          </gateways>
+
+          <!-- <#noparse> -->
+          <aliases>
+            <!--
+              <alias name="outbound" />
+              <alias name="nat" />
+            -->
+          </aliases>
+
+          <domains>
+            <domain name="all" alias="false" parse="true" />
+          </domains>
+
+          <settings>
+            <param name="debug" value="0" />
+            <!-- If you want FreeSWITCH to shutdown if this profile fails to load, uncomment the next line. -->
+            <!-- <param name="shutdown-on-fail" value="true" /> -->
+            <param name="sip-trace" value="no" />
+            <param name="sip-capture" value="no" />
+            <param name="rfc2833-pt" value="101" />
+            <!-- RFC 5626 : Send reg-id and sip.instance -->
+            <!--<param name="enable-rfc-5626" value="true" /> -->
+            <param name="sip-port" value="$${external_sip_port}" />
+            <param name="dialplan" value="XML" />
+            <param name="context" value="public" />
+            <param name="dtmf-duration" value="2000" />
+            <param name="inbound-codec-prefs" value="$${global_codec_prefs}" />
+            <param name="outbound-codec-prefs" value="$${outbound_codec_prefs}" />
+            <param name="hold-music" value="$${hold_music}" />
+            <param name="rtp-timer-name" value="soft" />
+            <!--<param name="enable-100rel" value="true" />-->
+            <!--<param name="disable-srv503" value="true" />-->
+            <!-- This could be set to "passive" -->
+            <param name="local-network-acl" value="localnet.auto" />
+            <param name="manage-presence" value="false" />
+
+            <!-- used to share presence info across sofia profiles
+                 manage-presence needs to be set to passive on this profile
+                 if you want it to behave as if it were the internal profile
+                 for presence.
+            -->
+            <!-- Name of the db to use for this profile -->
+            <!--<param name="dbname" value="share_presence" />-->
+            <!--<param name="presence-hosts" value="$${domain}" />-->
+            <!--<param name="force-register-domain" value="$${domain}" />-->
+            <!--all inbound reg will stored in the db using this domain -->
+            <!--<param name="force-register-db-domain" value="$${domain}" />-->
+            <!-- ************************************************* -->
+
+            <!--<param name="aggressive-nat-detection" value="true" />-->
+            <param name="inbound-codec-negotiation" value="generous" />
+            <param name="nonce-ttl" value="60" />
+            <param name="auth-calls" value="false" />
+            <param name="inbound-late-negotiation" value="true" />
+            <param name="inbound-zrtp-passthru" value="true" /> <!-- (also enables late negotiation) -->
+            <!--
+                DO NOT USE HOSTNAMES, ONLY IP ADDRESSES IN THESE SETTINGS!
+            -->
+            <param name="rtp-ip" value="$${local_ip_v4}" />
+            <param name="sip-ip" value="$${local_ip_v4}" />
+            <param name="ext-sip-ip" value="$${external_sip_ip}" />
+            <param name="ext-rtp-ip" value="$${external_rtp_ip}" />
+            <param name="rtp-timeout-sec" value="300" />
+            <param name="rtp-hold-timeout-sec" value="1800" />
+            <!--<param name="enable-3pcc" value="true" />-->
+
+            <!-- TLS: disabled by default, set to "true" to enable -->
+            <param name="tls" value="$${external_ssl_enable}" />
+            <!-- Set to true to not bind on the normal sip-port but only on the TLS port -->
+            <param name="tls-only" value="false" />
+            <!-- additional bind parameters for TLS -->
+            <param name="tls-bind-params" value="transport=tls" />
+            <!-- Port to listen on for TLS requests. (5081 will be used if unspecified) -->
+            <param name="tls-sip-port" value="$${external_tls_port}" />
+            <!-- Location of the agent.pem and cafile.pem ssl certificates (needed for TLS server) -->
+            <!--<param name="tls-cert-dir" value="" />-->
+            <!-- Optionally set the passphrase password used by openSSL to encrypt/decrypt TLS private key files -->
+            <param name="tls-passphrase" value="" />
+            <!-- Verify the date on TLS certificates -->
+            <param name="tls-verify-date" value="true" />
+            <!-- TLS verify policy, when registering/inviting gateways with other servers (outbound) or handling inbound registration/invite requests how should we verify their certificate -->
+            <!-- set to 'in' to only verify incoming connections, 'out' to only verify outgoing connections, 'all' to verify all connections, also 'subjects_in', 'subjects_out' and 'subjects_all' for subject validation. Multiple policies can be split with a '|' pipe -->
+            <param name="tls-verify-policy" value="none" />
+            <!-- Certificate max verify depth to use for validating peer TLS certificates when the verify policy is not none -->
+            <param name="tls-verify-depth" value="2" />
+            <!-- If the tls-verify-policy is set to subjects_all or subjects_in this sets which subjects are allowed, multiple subjects can be split with a '|' pipe -->
+            <param name="tls-verify-in-subjects" value="" />
+            <!-- TLS version ("sslv23" (default), "tlsv1"). NOTE: Phones may not work with TLSv1 -->
+            <param name="tls-version" value="$${sip_tls_version}" />
+          </settings>
+          <!-- </#noparse> -->
+        </profile>
+      </profiles>
+    </configuration>
+  </section>
+</document>
diff --git a/fsagent/src/main/resources/templates/dialplan/agent-not-ready.xml b/fsagent/src/main/resources/templates/dialplan/agent-not-ready.xml
new file mode 100644
index 00000000..36480f5f
--- /dev/null
+++ b/fsagent/src/main/resources/templates/dialplan/agent-not-ready.xml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="freeswitch/xml">
+  <section name="dialplan" description="Dialplan Agent Not Ready">
+    <context name="${tenant.realm}">
+        <extension name="AgentNotReady">
+            <condition>
+                <action application="set" data="odbc-cdr-ignore-leg=true" />
+                <action application="answer" />
+                <action application="curl" data="http://localhost:8080/agent/not-ready post domain=${tenant.realm}&user=${r'${caller_id_number}'}" inline="true" />
+
+                <condition field="${r'${curl_response_code}'}" expression="200">
+                    <action application="playback" data="${audioOk}" />
+                    <action application="set" data="sip_bye_h_X-Agent-Status=OK" />
+                    <anti-action application="playback" data="${audioErr}" />
+                    <anti-action application="set" data="sip_bye_h_X-Agent-Status=ERROR" />
+                </condition>
+            </condition>
+        </extension>
+    </context>
+  </section>
+</document>
+
diff --git a/fsagent/src/main/resources/templates/dialplan/agent-ready.xml b/fsagent/src/main/resources/templates/dialplan/agent-ready.xml
new file mode 100644
index 00000000..a233fbe5
--- /dev/null
+++ b/fsagent/src/main/resources/templates/dialplan/agent-ready.xml
@@ -0,0 +1,22 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="freeswitch/xml">
+  <section name="dialplan" description="Dialplan Agent Ready">
+    <context name="${tenant.realm}">
+        <extension name="AgentReady">
+            <condition>
+                <action application="set" data="odbc-cdr-ignore-leg=true" />
+                <action application="answer" />
+                <action application="curl" data="http://localhost:8080/agent/ready post domain=${tenant.realm}&user=${r'${caller_id_number}'}" inline="true" />
+
+                <condition field="${r'${curl_response_code}'}" expression="200">
+                    <action application="playback" data="${audioOk}" />
+                    <action application="set" data="sip_bye_h_X-Agent-Status=OK" />
+                    <anti-action application="playback" data="${audioErr}" />
+                    <anti-action application="set" data="sip_bye_h_X-Agent-Status=ERROR" />
+                </condition>
+            </condition>
+        </extension>
+    </context>
+  </section>
+</document>
+
diff --git a/fsagent/src/main/resources/templates/dialplan/dialplan.xml b/fsagent/src/main/resources/templates/dialplan/dialplan.xml
new file mode 100644
index 00000000..46b82ec2
--- /dev/null
+++ b/fsagent/src/main/resources/templates/dialplan/dialplan.xml
@@ -0,0 +1,24 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="freeswitch/xml">
+  <section name="dialplan" description="Dialplan Domain">
+    <context name="${tenant.realm}">
+        <!-- <#noparse> -->
+        <extension name="GW29">
+          <condition field="destination_number" expression="^9929(.*)$">
+            <action application="log" data="INFO Call Wacai GW 29" />
+            <action application="set" data="effective_caller_id_number=28165735" />
+            <action application="bridge" data="sofia/gateway/GW29/$1" />
+          </condition>
+        </extension>
+        <!-- </#noparse> -->
+        <extension name="donghuang">
+            <condition field="destination_number" expression="^donghuang$">
+                <action application="log" data="INFO Call wacai gw 29 donghuang" />
+                <action application="set" data="effective_caller_id_number=28165735" />
+                <action application="bridge" data="sofia/gateway/GW29/013764268709" />
+            </condition>
+        </extension>
+    </context>
+  </section>
+</document>
+
diff --git a/fsagent/src/main/resources/templates/dialplan/echo.xml b/fsagent/src/main/resources/templates/dialplan/echo.xml
new file mode 100644
index 00000000..2eebaa2d
--- /dev/null
+++ b/fsagent/src/main/resources/templates/dialplan/echo.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="freeswitch/xml">
+  <section name="dialplan" description="Dialplan Echo">
+    <context name="${tenant.realm}">
+        <!-- <#noparse> -->
+        <extension name="Echo">
+            <condition>
+                <action application="set" data="odbc-cdr-ignore-leg=true" />
+                <action application="answer" />
+                <action application="echo" />
+            </condition>
+        </extension>
+        <!-- </#noparse> -->
+    </context>
+  </section>
+</document>
+
diff --git a/fsagent/src/main/resources/templates/dialplan/inbound-to-agent.xml b/fsagent/src/main/resources/templates/dialplan/inbound-to-agent.xml
new file mode 100644
index 00000000..da61181b
--- /dev/null
+++ b/fsagent/src/main/resources/templates/dialplan/inbound-to-agent.xml
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="freeswitch/xml">
+  <section name="dialplan" description="Dialplan Public Inbound">
+    <context name="public">
+        <extension name="InboundToAgent">
+            <condition>
+                <!-- <#noparse> -->
+                <action application="set" data="odbc-cdr-ignore-leg=true" />
+                <action application="set" data="absolute_codec_string=PCMA" />
+                <action application="set" data="ringback=${us-ring}" />
+                <action application="set" data="transfer_ringback=$${hold_music}" />
+                <action application="set" data="hangup_after_bridge=true" />
+                <action application="set" data="continue_on_fail=true" />
+                <!-- </#noparse> -->
+
+                <!--"origination_caller_id_number=${callerIdNumber}",-->
+                <!--"origination_caller_id_name=${callerIdName}",-->
+
+                <!--
+                <#assign bridgeVars = [
+                    "originate_timeout=60",
+                    "odbc-cdr-ignore-leg=false",
+                    "x_conn_id=${connId}",
+                    "x_tenant_id=${tenant.id}",
+                    "x_tenant_code=${tenant.code}",
+                    "x_realm=${tenant.realm}",
+                    "x_dial_type=INBOUND",
+                    "x_call_type=INBOUND",
+                    "x_agent_type=${calledAgent.type}",
+
+                    "media_webrtc=true",
+                    "origination_uuid=${bridgeUuid}",
+                    "sip_invite_call_id=${connId}",
+                    "sip_h_X-Genesys-CallUUID=${connId}",
+
+                    "callee_id_number=${calleeIdNumber}",
+                    "callee_id_name=${calleeIdName}",
+                    "effective_caller_id_number=${callerIdNumber}",
+                    "effective_caller_id_name=${callerIdName}",
+                    "sip_contact_user=${callerIdNumber}",
+                    "sip_h_X-Call-Type=INBOUND",
+
+                    "media_bug_answer_req=true",
+                    "RECORD_STEREO=true",
+                    "execute_on_answer='record_session::${recordingLoc}'",
+                    "record_post_process_exec_api=curl:http://localhost:8080/post-rec post tenantId=${tenant.id}&loc=${recordingLoc}"
+                ]>
+                -->
+                <action application="bridge" data="[${bridgeVars?join(',')}]user/${calledAgent.agent}@${tenant.realm}" />
+            </condition>
+        </extension>
+    </context>
+  </section>
+</document>
+
diff --git a/fsagent/src/main/resources/templates/dialplan/inbound.xml b/fsagent/src/main/resources/templates/dialplan/inbound.xml
new file mode 100644
index 00000000..1423a6c9
--- /dev/null
+++ b/fsagent/src/main/resources/templates/dialplan/inbound.xml
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="freeswitch/xml">
+  <section name="dialplan" description="Dialplan Inbound">
+    <!-- <#noparse> -->
+    <context name="public">
+        <extension name="TestInbound">
+            <condition field="destination_number" expression="^(0571)?28150744$">
+                <action application="log" data="INFO Inbound call." />
+                <action application="answer" />
+                <action application="set" data="cc_moh_override=tone_stream://%(2000,4000,440,480)" />
+
+                <!--
+                <action application="set" data="effective_caller_id_number=INBOUND" />
+                <action application="set" data="effective_caller_id_name=INBOUND" />
+                -->
+
+                <action application="set" data="sip_h_X-Call-Type=INBOUND" />
+                <action application="set" data="media_webrtc=true" />
+                <action application="set" data="sip_invite_call_id=${uuid}" />
+                <action application="set" data="origination_caller_id_name=CallCenter" />
+                <action application="set" data="origination_caller_id_number=INBOUND" />
+                <action application="set" data="cc_export_vars=sip_h_X-Call-Type,media_webrtc,sip_invite_call_id,origination_caller_id_name,origination_caller_id_number" />
+                <action application="set" data="hangup_after_bridge=true" />
+                <action application="callcenter" data="QUEUE_000005@d1.wacai.info" />
+            </condition>
+        </extension>
+    </context>
+    <!-- </#noparse> -->
+  </section>
+</document>
+
diff --git a/fsagent/src/main/resources/templates/dialplan/local-extension.xml b/fsagent/src/main/resources/templates/dialplan/local-extension.xml
new file mode 100644
index 00000000..caa172eb
--- /dev/null
+++ b/fsagent/src/main/resources/templates/dialplan/local-extension.xml
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="freeswitch/xml">
+  <section name="dialplan" description="Dialplan Local Extension">
+    <context name="${tenant.realm}">
+        <extension name="LocalExtension">
+            <condition>
+                <!-- <#noparse> -->
+                <action application="set" data="odbc-cdr-ignore-leg=true" />
+                <action application="set" data="absolute_codec_string=PCMA" />
+                <!--<action application="set" data="ringback=%(2000,4000,440,480)"/>-->
+                <action application="set" data="ringback=$${us-ring}" />
+                <action application="set" data="transfer_ringback=$${hold_music}" />
+                <action application="set" data="call_timeout=30" />
+                <action application="set" data="hangup_after_bridge=true" />
+                <action application="set" data="continue_on_fail=true" />
+
+                <action application="set" data="media_bug_answer_req=true" />
+                <action application="set" data="RECORD_STEREO=true" />
+                <!-- </#noparse> -->
+
+                <action application="export" data="x_conn_id=${connId}" />
+                <action application="export" data="x_tenant_id=${tenant.id}" />
+                <action application="export" data="x_tenant_code=${tenant.code}" />
+                <action application="export" data="x_realm=${tenant.realm}" />
+
+                <action application="export" data="x_dial_type=MANUAL" />
+                <action application="export" data="x_call_type=INTERNAL" />
+                <action application="set" data="x_agent_type=${callerAgent.type}" />
+
+                <!-- Recording -->
+                <action application="set" data="record_post_process_exec_api=curl:http://localhost:8080/post-rec post tenantId=${tenant.id}&loc=${recordingLoc}" />
+                <action application="record_session" data="${recordingLoc}" />
+                <!-- /Recording -->
+
+                <action application="bridge" data="[odbc-cdr-ignore-leg=false,sip_h_X-Genesys-CallUUID=${connId},sip_contact_user=${r'${caller_id_number}'},x_agent_type=${calledAgent.type},sip_h_X-Dial-Type=INBOUND,sip_h_X-Call-Type=INTERNAL,sip_h_X-Call-Direction=INCOMING,sip_invite_call_id=${r'${sip_call_id}'}]user/${destinationUser}@${tenant.realm}" />
+            </condition>
+        </extension>
+    </context>
+  </section>
+</document>
+
diff --git a/fsagent/src/main/resources/templates/directory/general.xml b/fsagent/src/main/resources/templates/directory/general.xml
new file mode 100644
index 00000000..7b687519
--- /dev/null
+++ b/fsagent/src/main/resources/templates/directory/general.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>                                                           
+<document type="freeswitch/xml">
+  <section name="directory">
+    <!-- <#list tenants as tenant> -->
+    <domain name="${tenant.realm}">
+      <params>
+        <!-- <#noparse> -->
+        <param name="dial-string"
+          value="{presence_id=${dialed_user}@${dialed_domain}}${sofia_contact(${dialed_user}@${dialed_domain})}" /> 
+        <!-- </#noparse> -->
+      </params>
+    </domain>
+    <!-- </#list> -->
+  </section>
+</document>
+
diff --git a/fsagent/src/main/resources/templates/directory/registration.xml b/fsagent/src/main/resources/templates/directory/registration.xml
new file mode 100644
index 00000000..56b5775b
--- /dev/null
+++ b/fsagent/src/main/resources/templates/directory/registration.xml
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>                                                           
+<document type="freeswitch/xml">
+  <section name="directory">
+    <domain name="${domain}">
+      <params>
+        <!-- <#noparse> -->
+        <param name="dial-string"
+          value="{presence_id=${dialed_user}@${dialed_domain}}${sofia_contact(${dialed_user}@${dialed_domain})}" /> 
+        <!-- </#noparse> -->
+      </params>
+      <groups>
+        <group name="${agentGroup.identifier}">
+          <users>
+            <user id="${agent.agent}">
+              <params>
+                <param name="password" value="${agent.password}" />
+                <param name="vm-password" value="${agent.password}" />
+              </params>
+              <variables>
+                <variable name="toll_allow" value="domestic,international,local" />
+                <variable name="accountcode" value="${agent.agent}" />
+                <variable name="user_context" value="${domain}" />
+                <variable name="directory-visible" value="true" />
+                <variable name="directory-exten-visible" value="true" />
+                <variable name="limit_max" value="15" />
+                <variable name="effective_caller_id_name" value="${agent.account}" />
+                <variable name="effective_caller_id_number" value="${agent.agent}" />
+                <!-- <#noparse> -->
+                <!--<variable name="outbound_caller_id_name" value="${outbound_caller_name}" />-->
+                <!--<variable name="outbound_caller_id_number" value="${outbound_caller_id}" />-->
+                <!-- </#noparse> -->
+                <variable name="callgroup" value="${agentGroup.identifier}" />
+
+                <!-- <#if agent.webrtc> -->
+                <!--WebRTC agent, expire registration in 60s-->
+                <variable name="sip-force-expires" value="240" />
+                <!-- </#if> -->
+
+              </variables>
+            </user>
+          </users>
+        </group>
+      </groups>
+    </domain>
+  </section>
+</document>
+
diff --git a/fsagent/src/main/resources/templates/empty.xml b/fsagent/src/main/resources/templates/empty.xml
new file mode 100644
index 00000000..9223eda3
--- /dev/null
+++ b/fsagent/src/main/resources/templates/empty.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<document type="freeswitch/xml">
+  <section name="result">
+    <result status="not found" />
+  </section>
+</document>
diff --git a/fsagent/src/test/java/com/pudonghot/yo/fsagent/DialServiceTest.java b/fsagent/src/test/java/com/pudonghot/yo/fsagent/DialServiceTest.java
new file mode 100644
index 00000000..a3bbe2e4
--- /dev/null
+++ b/fsagent/src/test/java/com/pudonghot/yo/fsagent/DialServiceTest.java
@@ -0,0 +1,51 @@
+package com.pudonghot.yo.fsagent;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import com.pudonghot.yo.fsagent.api.DialService;
+import com.pudonghot.yo.fsagent.api.request.CallLeg;
+import com.pudonghot.yo.fsagent.api.request.ReqDial;
+import org.springframework.boot.test.context.SpringBootTest;
+import com.pudonghot.yo.fsagent.api.request.ReqAgentDial;
+import org.springframework.beans.factory.annotation.Autowired;
+import com.pudonghot.yo.fsagent.api.response.RespDial;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Dec 12, 2019 23:59:37
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@SpringBootTest(classes = YoFsAgent.class)
+public class DialServiceTest {
+
+    @Autowired
+    private DialService dialService;
+
+    @Test
+    public void testDial() {
+        final ReqAgentDial req = new ReqAgentDial();
+        req.setTenantId(13);
+        req.setAccount("donghuang");
+        // req.setIgnoreEarlyMedia(true);
+        req.setOriginateLegB(true);
+        // req.setCalledNumber("1001");
+        req.setCalledNumber("13764268709");
+        final RespDial resp = dialService.agentDial(req);
+        log.info("Dial result [{}].", resp);
+    }
+
+    @Test
+    public void testDial2() {
+        final ReqDial req = new ReqDial();
+        req.setTenantId(13);
+        req.setCallerLeg(CallLeg.queue("queue1"));
+        req.setCalledLeg(CallLeg.outside(3, "13764268709"));
+
+        // req.setCalledNumber("13764268709");
+        final RespDial resp = dialService.dial(req);
+        log.info("Dial result [{}].", resp);
+    }
+}
diff --git a/fsagent/src/test/java/com/pudonghot/yo/fsagent/OdbcUtilsTest.java b/fsagent/src/test/java/com/pudonghot/yo/fsagent/OdbcUtilsTest.java
new file mode 100644
index 00000000..bf237ab4
--- /dev/null
+++ b/fsagent/src/test/java/com/pudonghot/yo/fsagent/OdbcUtilsTest.java
@@ -0,0 +1,38 @@
+package com.pudonghot.yo.fsagent;
+
+import com.pudonghot.yo.fsagent.util.OdbcUtils;
+import org.junit.Test;
+import javax.sql.DataSource;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import com.alibaba.druid.pool.DruidDataSource;
+import com.pudonghot.yo.fsagent.api.DialService;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.beans.factory.annotation.Qualifier;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Dec 12, 2019 23:59:37
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@SpringBootTest(classes = YoFsAgent.class)
+public class OdbcUtilsTest {
+
+    @Autowired
+    private DialService dialService;
+    @Autowired
+    @Qualifier("yoDataSource")
+    private DataSource broDataSource;
+    @Autowired
+    @Qualifier("yoFsDataSource")
+    private DataSource fsDataSource;
+
+    @Test
+    public void testDial() {
+        log.info("ODBC [{}].", OdbcUtils.odbcDsn((DruidDataSource) broDataSource));
+        log.info("ODBC [{}].", OdbcUtils.odbcDsn((DruidDataSource) fsDataSource));
+    }
+}
diff --git a/fsagent/src/test/java/com/pudonghot/yo/fsagent/TestDriver.java b/fsagent/src/test/java/com/pudonghot/yo/fsagent/TestDriver.java
new file mode 100644
index 00000000..fa5494e1
--- /dev/null
+++ b/fsagent/src/test/java/com/pudonghot/yo/fsagent/TestDriver.java
@@ -0,0 +1,58 @@
+package com.pudonghot.yo.fsagent;
+
+import java.io.File;
+
+import org.apache.commons.lang3.RandomStringUtils;
+import org.apache.commons.lang3.RandomUtils;
+import org.junit.Test;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.util.DigestUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.commons.lang3.time.DateFormatUtils;
+
+/**
+ * @author Donghuang <br>
+ * Dec 02, 2019 21:07:04
+ */
+@Slf4j
+public class TestDriver {
+
+    @Test
+    public void run() {
+        log.info("{}", RandomStringUtils.randomAlphanumeric(16));
+    }
+
+    @Test
+    public void testMask() {
+        final Pattern privacyPatern = Pattern.compile("^\\w{0,3}(\\w{0,4})");
+        final String number = "13764268719";
+        // final String number = "1376";
+        final Matcher m = privacyPatern.matcher(number);
+        if (m.find()) {
+            final StringBuilder sb = new StringBuilder(number);
+            sb.replace(m.start(1), m.end(1), StringUtils.repeat('*', m.group(1).length()));
+            log.info("Replaced [{}].", sb);
+        }
+    }
+
+    @Test
+    public void testDateFormat() {
+        log.info("Date [{}].", DateFormatUtils.format(
+            System.currentTimeMillis(), "yyyy-MM-dd_HH-mm-ss"));
+    }
+
+    @Test
+    public void testMd5() {
+        log.info("MD5: [{}].", DigestUtils.md5DigestAsHex("13764268719".getBytes()));
+    }
+
+    @Test
+    public void testExtractConnId() {
+        final String fileLoc = "/var/lib/freeswitch/recordings/5e1ee41ab3c2e30d8923dd79_2020-01-15_18-06-18_donghuang-34e33fb5e2317298fc7322e0835f7a73.ogg";
+        final File file = new File(fileLoc);
+        final String name = file.getName();
+        log.info("Conn ID: [{}].", name.substring(0, name.indexOf('_')));
+    }
+}
diff --git a/fsagent/src/test/resources/spring/spring-test.xml b/fsagent/src/test/resources/spring/spring-test.xml
new file mode 100644
index 00000000..ac985d21
--- /dev/null
+++ b/fsagent/src/test/resources/spring/spring-test.xml
@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+       http://www.springframework.org/schema/beans/spring-beans.xsd">
+</beans>
diff --git a/lib/README.md b/lib/README.md
new file mode 100644
index 00000000..68e2189e
--- /dev/null
+++ b/lib/README.md
@@ -0,0 +1 @@
+# Yo BR Lib
diff --git a/lib/bom/README.md b/lib/bom/README.md
new file mode 100644
index 00000000..ded97abf
--- /dev/null
+++ b/lib/bom/README.md
@@ -0,0 +1 @@
+# Yo BOM
diff --git a/lib/bom/pom.xml b/lib/bom/pom.xml
new file mode 100644
index 00000000..a53e8472
--- /dev/null
+++ b/lib/bom/pom.xml
@@ -0,0 +1,112 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <groupId>com.pudonghot.yo</groupId>
+    <artifactId>yo-bom</artifactId>
+	<version>0.0.1-SNAPSHOT</version>
+    <name>Yo BOM</name>
+    <description>Yo BOM</description>
+    <packaging>pom</packaging>
+
+    <properties>
+        <yo.version>0.0.1-SNAPSHOT</yo.version>
+    </properties>
+
+    <dependencyManagement>
+        <dependencies>
+            <dependency>
+                <groupId>com.pudonghot.yo</groupId>
+                <artifactId>yo-cellphone-location</artifactId>
+                <version>${yo.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.pudonghot.yo</groupId>
+                <artifactId>yo-http-client-api</artifactId>
+                <version>${yo.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.pudonghot.yo</groupId>
+                <artifactId>yo-http-client-apache</artifactId>
+                <version>${yo.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.pudonghot.yo</groupId>
+                <artifactId>yo-model</artifactId>
+                <version>${yo.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.pudonghot.yo</groupId>
+                <artifactId>yo-mapper</artifactId>
+                <version>${yo.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.pudonghot.yo</groupId>
+                <artifactId>yo-web-common</artifactId>
+                <version>${yo.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.pudonghot.yo</groupId>
+                <artifactId>yo-util</artifactId>
+                <version>${yo.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.pudonghot.yo</groupId>
+                <artifactId>yo-fs-model</artifactId>
+                <version>${yo.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.pudonghot.yo</groupId>
+                <artifactId>yo-fs-mapper</artifactId>
+                <version>${yo.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.pudonghot.yo</groupId>
+                <artifactId>yo-fsesl-api</artifactId>
+                <version>${yo.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.pudonghot.yo</groupId>
+                <artifactId>yo-fsesl</artifactId>
+                <version>${yo.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.pudonghot.yo</groupId>
+                <artifactId>yo-fsagent-api</artifactId>
+                <version>${yo.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.pudonghot.yo</groupId>
+                <artifactId>yo-redis-api</artifactId>
+                <version>${yo.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.pudonghot.yo</groupId>
+                <artifactId>yo-redis-raw</artifactId>
+                <version>${yo.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.pudonghot.yo</groupId>
+                <artifactId>yo-hessian-util</artifactId>
+                <version>${yo.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.pudonghot.yo</groupId>
+                <artifactId>yo-mybatis-cache</artifactId>
+                <version>${yo.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.pudonghot.yo</groupId>
+                <artifactId>yo-shiro-cache</artifactId>
+                <version>${yo.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.pudonghot.yo</groupId>
+                <artifactId>yo-openapi-dto</artifactId>
+                <version>${yo.version}</version>
+            </dependency>
+        </dependencies>
+    </dependencyManagement>
+</project>
diff --git a/lib/cellphone-location/README.md b/lib/cellphone-location/README.md
new file mode 100644
index 00000000..cc9e607a
--- /dev/null
+++ b/lib/cellphone-location/README.md
@@ -0,0 +1 @@
+# Phone Number Location
diff --git a/lib/cellphone-location/pom.xml b/lib/cellphone-location/pom.xml
new file mode 100644
index 00000000..d21dc5a7
--- /dev/null
+++ b/lib/cellphone-location/pom.xml
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-cellphone-location</artifactId>
+    <name>Yo Cellphone Location</name>
+    <description>Yo Cellphone Location</description>
+    <packaging>jar</packaging>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-library</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>org.slf4j</groupId>
+            <artifactId>slf4j-api</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.commons</groupId>
+            <artifactId>commons-lang3</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>commons-io</groupId>
+            <artifactId>commons-io</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.hibernate.validator</groupId>
+            <artifactId>hibernate-validator</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-context</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-log4j2</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/cellphone-location/src/main/java/com/pudonghot/yo/cellphone/CellphoneInfo.java b/lib/cellphone-location/src/main/java/com/pudonghot/yo/cellphone/CellphoneInfo.java
new file mode 100644
index 00000000..4d4e583c
--- /dev/null
+++ b/lib/cellphone-location/src/main/java/com/pudonghot/yo/cellphone/CellphoneInfo.java
@@ -0,0 +1,17 @@
+package com.pudonghot.yo.cellphone;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+
+@Getter
+@Setter
+@ToString
+public class CellphoneInfo {
+  private String cellphone;
+  private String province;
+  private String city;
+  private String zipCode;
+  private String areaCode;
+  private String phoneType;
+}
diff --git a/lib/cellphone-location/src/main/java/com/pudonghot/yo/cellphone/CellphoneService.java b/lib/cellphone-location/src/main/java/com/pudonghot/yo/cellphone/CellphoneService.java
new file mode 100644
index 00000000..bad5e270
--- /dev/null
+++ b/lib/cellphone-location/src/main/java/com/pudonghot/yo/cellphone/CellphoneService.java
@@ -0,0 +1,30 @@
+package com.pudonghot.yo.cellphone;
+
+import javax.validation.constraints.NotBlank;
+
+/**
+ * @author Donghuang <br>
+ * Jun 07, 2017 14:35
+ */
+public interface CellphoneService {
+
+    /**
+     * @param phone phone
+     * @return true if number is phone
+     */
+    boolean isCellphone(@NotBlank String phone);
+
+    /**
+     * extract cellphone
+     * @param phone phone
+     * @return first 0 trimmed if phone is mobile
+     */
+    String trimCellphoneFirst0(@NotBlank String phone);
+
+    /**
+     * lookup cellphone info
+     * @param cellphone
+     * @return
+     */
+    CellphoneInfo lookup(@NotBlank String cellphone);
+}
diff --git a/lib/cellphone-location/src/main/java/com/pudonghot/yo/cellphone/impl/CellphoneServiceSupport.java b/lib/cellphone-location/src/main/java/com/pudonghot/yo/cellphone/impl/CellphoneServiceSupport.java
new file mode 100644
index 00000000..300212fc
--- /dev/null
+++ b/lib/cellphone-location/src/main/java/com/pudonghot/yo/cellphone/impl/CellphoneServiceSupport.java
@@ -0,0 +1,128 @@
+package com.pudonghot.yo.cellphone.impl;
+
+import java.nio.ByteOrder;
+import java.io.IOException;
+import java.nio.ByteBuffer;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.io.IOUtils;
+import java.nio.charset.StandardCharsets;
+import com.pudonghot.yo.cellphone.CellphoneInfo;
+import com.pudonghot.yo.cellphone.CellphoneService;
+
+/**
+ * https://github.com/lovedboy/phone
+ * @author Donghuang <br>
+ * Jun 07, 2017 14:37
+ */
+@Slf4j
+public class CellphoneServiceSupport implements CellphoneService {
+    private static String[] numberType = {
+        null, "移动", "联通", "电信",
+        "电信虚拟运营商", "联通虚拟运营商", "移动虚拟运营商"
+    };
+    private static final int INDEX_SEGMENT_LENGTH = 9;
+
+    private static final byte[] dataByteArray;
+    private static final ByteBuffer byteBuffer;
+    private static final int dataVersion;
+    private static final int indexAreaOffset;
+    private static final int phoneRecordCount;
+
+    static {
+        try {
+            dataByteArray = IOUtils.toByteArray(
+                CellphoneServiceSupport.class.getResourceAsStream("/data/phone.dat"));
+        }
+        catch (IOException e) {
+            throw new IllegalStateException(
+                "Load phone data error caused", e);
+        }
+        byteBuffer = ByteBuffer.wrap(dataByteArray);
+        byteBuffer.order(ByteOrder.LITTLE_ENDIAN);
+        dataVersion = byteBuffer.getInt();
+        indexAreaOffset = byteBuffer.getInt();
+        phoneRecordCount = (dataByteArray.length - indexAreaOffset) / INDEX_SEGMENT_LENGTH;
+        log.info("Load Phone Data Version [{}], Count [{}]", dataVersion, phoneRecordCount);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    public CellphoneInfo lookup(final String cellphone) {
+        if (!isCellphone(cellphone)) {
+            log.info("Phone [{}] is not cellphone, no info return.", cellphone);
+            return null;
+        }
+
+        int cellphonePrefix;
+        try {
+            cellphonePrefix = Integer.parseInt(cellphone.substring(0, 7));
+        }
+        catch (Exception e) {
+            throw new IllegalStateException(
+                "Invalid mobile phone number [" + cellphone + "]");
+        }
+
+        int left = 0;
+        int right = phoneRecordCount;
+        while (left <= right) {
+            int middle = (left + right) >> 1;
+            int currentOffset = indexAreaOffset + middle * INDEX_SEGMENT_LENGTH;
+            if (currentOffset >= dataByteArray.length) {
+                return null;
+            }
+
+            byteBuffer.position(currentOffset);
+            int currentPrefix = byteBuffer.getInt();
+            if (currentPrefix > cellphonePrefix) {
+                right = middle - 1;
+            }
+            else if (currentPrefix < cellphonePrefix) {
+                left = middle + 1;
+            }
+            else {
+                final int infoBeginOffset = byteBuffer.getInt();
+                final int phoneType = byteBuffer.get();
+
+                int infoLength = -1;
+                for (int i = infoBeginOffset; i < indexAreaOffset; ++i) {
+                    if (dataByteArray[i] == 0) {
+                        infoLength = i - infoBeginOffset;
+                        break;
+                    }
+                }
+
+                final String infoString = new String(dataByteArray,
+                    infoBeginOffset, infoLength, StandardCharsets.UTF_8);
+
+                final String[] infoSegments = infoString.split("\\|");
+
+                final CellphoneInfo cellphoneInfo = new CellphoneInfo();
+                cellphoneInfo.setCellphone(cellphone);
+                cellphoneInfo.setProvince(infoSegments[0]);
+                cellphoneInfo.setCity(infoSegments[1]);
+                cellphoneInfo.setZipCode(infoSegments[2]);
+                cellphoneInfo.setAreaCode(infoSegments[3]);
+                cellphoneInfo.setPhoneType(numberType[phoneType]);
+                return cellphoneInfo;
+            }
+        }
+        return null;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public boolean isCellphone(String phone) {
+        return phone.matches("^1\\d{10}$");
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String trimCellphoneFirst0(final String phone) {
+        return phone.replaceAll("^0(?=1\\d{10})$", "");
+    }
+}
diff --git a/lib/cellphone-location/src/main/java/com/pudonghot/yo/cellphone/privacy/NumberPrivacyUtils.java b/lib/cellphone-location/src/main/java/com/pudonghot/yo/cellphone/privacy/NumberPrivacyUtils.java
new file mode 100644
index 00000000..5acb212c
--- /dev/null
+++ b/lib/cellphone-location/src/main/java/com/pudonghot/yo/cellphone/privacy/NumberPrivacyUtils.java
@@ -0,0 +1,49 @@
+package com.pudonghot.yo.cellphone.privacy;
+
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+import org.apache.commons.lang3.StringUtils;
+
+/**
+ * mask phone number utils
+ *
+ * @author Donghuang <br>
+ * Dec 13, 2019 10:16:32
+ */
+public class NumberPrivacyUtils {
+
+    /**
+     * mask middle 4 chars
+     */
+    private static final Pattern MEDIUM_PRIVACY_PATTERN =
+        Pattern.compile("^\\w{0,3}(\\w{0,4})");
+
+    /**
+     * keep last 4 chars
+     */
+    private static final Pattern HEAVY_PRIVACY_PATTERN =
+        Pattern.compile("(\\w{0,7})\\w{4}$");
+
+    public static String mask(final String number, final PrivacyLevel level) {
+        if (level == PrivacyLevel.NONE) {
+            return number;
+        }
+
+        if (level == PrivacyLevel.ABSOLUTE) {
+            return StringUtils.repeat('*', number.length());
+        }
+
+        final Matcher m = (
+            level == PrivacyLevel.MEDIUM ?
+                MEDIUM_PRIVACY_PATTERN :
+                HEAVY_PRIVACY_PATTERN).matcher(number);
+
+        if (m.find()) {
+            return new StringBuilder(number).replace(
+                        m.start(1), m.end(1),
+                    StringUtils.repeat('*', m.group(1).length()))
+                    .toString();
+        }
+        return number;
+    }
+}
diff --git a/lib/cellphone-location/src/main/java/com/pudonghot/yo/cellphone/privacy/PrivacyLevel.java b/lib/cellphone-location/src/main/java/com/pudonghot/yo/cellphone/privacy/PrivacyLevel.java
new file mode 100644
index 00000000..32ec8228
--- /dev/null
+++ b/lib/cellphone-location/src/main/java/com/pudonghot/yo/cellphone/privacy/PrivacyLevel.java
@@ -0,0 +1,12 @@
+package com.pudonghot.yo.cellphone.privacy;
+
+/**
+ * @author Donghuang <br>
+ * Dec 13, 2019 10:13:05
+ */
+public enum PrivacyLevel {
+    NONE,
+    MEDIUM,
+    HEAVY,
+    ABSOLUTE
+}
diff --git a/lib/cellphone-location/src/main/resources/data/phone.dat b/lib/cellphone-location/src/main/resources/data/phone.dat
new file mode 100644
index 00000000..807afab9
Binary files /dev/null and b/lib/cellphone-location/src/main/resources/data/phone.dat differ
diff --git a/lib/cellphone-location/src/main/resources/spring/spring-phone-number-location.xml b/lib/cellphone-location/src/main/resources/spring/spring-phone-number-location.xml
new file mode 100644
index 00000000..16ee48d7
--- /dev/null
+++ b/lib/cellphone-location/src/main/resources/spring/spring-phone-number-location.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd">
+
+    <bean class="com.pudonghot.yo.cellphone.impl.CellphoneServiceSupport" />
+</beans>
diff --git a/lib/cellphone-location/src/test/java/com/pudonghot/yo/cellphone/NumberPrivacyUtilsTest.java b/lib/cellphone-location/src/test/java/com/pudonghot/yo/cellphone/NumberPrivacyUtilsTest.java
new file mode 100644
index 00000000..7e0dc5b6
--- /dev/null
+++ b/lib/cellphone-location/src/test/java/com/pudonghot/yo/cellphone/NumberPrivacyUtilsTest.java
@@ -0,0 +1,22 @@
+package com.pudonghot.yo.cellphone;
+
+import org.junit.Test;
+import lombok.extern.slf4j.Slf4j;
+import com.pudonghot.yo.cellphone.privacy.PrivacyLevel;
+import com.pudonghot.yo.cellphone.privacy.NumberPrivacyUtils;
+
+/**
+ * @author Donghuang <br>
+ * Dec 13, 2019 10:38:25
+ */
+@Slf4j
+public class NumberPrivacyUtilsTest {
+
+    @Test
+    public void testMask() {
+        log.info("mask [{}].", NumberPrivacyUtils.mask("15519543729", PrivacyLevel.NONE));
+        log.info("mask [{}].", NumberPrivacyUtils.mask("15519543729", PrivacyLevel.MEDIUM));
+        log.info("mask [{}].", NumberPrivacyUtils.mask("15519543729", PrivacyLevel.HEAVY));
+        log.info("mask [{}].", NumberPrivacyUtils.mask("15519543729", PrivacyLevel.ABSOLUTE));
+    }
+}
diff --git a/lib/cellphone-location/src/test/java/com/pudonghot/yo/cellphone/TestDriver.java b/lib/cellphone-location/src/test/java/com/pudonghot/yo/cellphone/TestDriver.java
new file mode 100644
index 00000000..63c1390e
--- /dev/null
+++ b/lib/cellphone-location/src/test/java/com/pudonghot/yo/cellphone/TestDriver.java
@@ -0,0 +1,40 @@
+package com.pudonghot.yo.cellphone;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author Donghuang <br />
+ * Sep 1, 2015 2:34:08 PM
+ */
+// @Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:/spring/spring-*.xml")
+public class TestDriver {
+
+    @Autowired
+    private CellphoneService cellphoneService;
+
+    @Test
+    public void testLog() {
+//        for (int i = 0; i < 20; ++i) {
+//            CellphoneInfo cellphoneInfo = cellphoneService.lookup("155198712" + i);
+//            System.err.println(cellphoneInfo);
+//        }
+        CellphoneInfo cellphoneInfo = cellphoneService.lookup("18969382579");
+        System.err.println(cellphoneInfo);
+
+        System.err.println(cellphoneService.lookup("18153524959"));
+        System.err.println(cellphoneService.lookup("15168273820"));
+    }
+
+    @Test
+    public void testExtensionNumber() {
+        System.err.println("600060".matches("^\\d{6}$"));
+    }
+}
diff --git a/lib/cellphone-location/src/test/resources/log4j2.xml b/lib/cellphone-location/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..8111547c
--- /dev/null
+++ b/lib/cellphone-location/src/test/resources/log4j2.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="log.level">DEBUG</Property>
+        <Property name="log.dir">.logs</Property>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1.}] %m%n</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="%highlight{%-d{yyyy-MM-dd HH:mm:ss,SSS}}{FATAL=magenta, ERROR=magenta, WARN=magenta, INFO=magenta, DEBUG=magenta, TRACE=magenta} %highlight{%-5p}{FATAL=red blink, ERROR=red, WARN=yellow bold, INFO=black, DEBUG=green bold, TRACE=blue} [%t][%highlight{%c{1.}}{FATAL=cyan, ERROR=cyan, WARN=cyan, INFO=cyan, DEBUG=cyan, TRACE=cyan}] %m%n"/>
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+    </Appenders>
+    <Loggers>
+        <Logger name="org.springframework" level="INFO" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.apache" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.hibernate.validator" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Root level="${log.level}" additivity="false">
+            <AppenderRef ref="File" level="${log.level}" />
+            <AppenderRef ref="Console" level="${log.level}" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/cellphone-location/src/test/resources/spring/.gitkeep b/lib/cellphone-location/src/test/resources/spring/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/fs-mapper/README.md b/lib/fs-mapper/README.md
new file mode 100644
index 00000000..e6536b21
--- /dev/null
+++ b/lib/fs-mapper/README.md
@@ -0,0 +1 @@
+# Yo BR FreeSWITCH Mapper
diff --git a/lib/fs-mapper/pom.xml b/lib/fs-mapper/pom.xml
new file mode 100644
index 00000000..1771268a
--- /dev/null
+++ b/lib/fs-mapper/pom.xml
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-fs-mapper</artifactId>
+    <name>Yo FreeSWITCH Mapper</name>
+    <description>Yo FreeSWITCH Mapper</description>
+    <packaging>jar</packaging>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-library</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-fs-model</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-mybatis</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>mysql</groupId>
+            <artifactId>mysql-connector-java</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-jdbc</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.alibaba</groupId>
+            <artifactId>druid</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-test</artifactId>
+            <exclusions>
+                <exclusion>
+                    <artifactId>spring-boot-starter-logging</artifactId>
+                    <groupId>org.springframework.boot</groupId>
+                </exclusion>
+            </exclusions>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-log4j2</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/CompleteMapper.java b/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/CompleteMapper.java
new file mode 100644
index 00000000..a2f4dc90
--- /dev/null
+++ b/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/CompleteMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.fs.mapper;
+
+import com.wacai.tigon.mybatis.BaseMapper;
+import com.pudonghot.yo.fs.model.domain.Complete;
+
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 13:32:17
+ */
+public interface CompleteMapper extends BaseMapper<String, Complete> {
+}
diff --git a/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/CompleteMapper.xml b/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/CompleteMapper.xml
new file mode 100644
index 00000000..20445c2a
--- /dev/null
+++ b/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/CompleteMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 13:32:30
+ */
+-->
+<mapper namespace="com.pudonghot.yo.fs.mapper.CompleteMapper">
+</mapper>
diff --git a/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/InterfaceMapper.java b/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/InterfaceMapper.java
new file mode 100644
index 00000000..548adfc7
--- /dev/null
+++ b/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/InterfaceMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.fs.mapper;
+
+import com.wacai.tigon.mybatis.BaseMapper;
+import com.pudonghot.yo.fs.model.domain.Interface;
+
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 11:28:25
+ */
+public interface InterfaceMapper extends BaseMapper<String, Interface> {
+}
diff --git a/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/InterfaceMapper.xml b/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/InterfaceMapper.xml
new file mode 100644
index 00000000..6d3c24d4
--- /dev/null
+++ b/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/InterfaceMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 11:28:15
+ */
+-->
+<mapper namespace="com.pudonghot.yo.fs.mapper.InterfaceMapper">
+</mapper>
diff --git a/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/RegistrationMapper.java b/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/RegistrationMapper.java
new file mode 100644
index 00000000..68f7dc6e
--- /dev/null
+++ b/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/RegistrationMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.fs.mapper;
+
+import com.wacai.tigon.mybatis.BaseMapper;
+import com.pudonghot.yo.fs.model.domain.Registration;
+
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 13:32:17
+ */
+public interface RegistrationMapper extends BaseMapper<String, Registration> {
+}
diff --git a/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/RegistrationMapper.xml b/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/RegistrationMapper.xml
new file mode 100644
index 00000000..b8d21483
--- /dev/null
+++ b/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/RegistrationMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 14:01:34
+ */
+-->
+<mapper namespace="com.pudonghot.yo.fs.mapper.RegistrationMapper">
+</mapper>
diff --git a/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/SipRegistrationMapper.java b/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/SipRegistrationMapper.java
new file mode 100644
index 00000000..81e9f3ca
--- /dev/null
+++ b/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/SipRegistrationMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.fs.mapper;
+
+import com.wacai.tigon.mybatis.BaseQueryMapper;
+import com.pudonghot.yo.fs.model.domain.SipRegistration;
+
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 14:01:42
+ */
+public interface SipRegistrationMapper extends BaseQueryMapper<String, SipRegistration> {
+}
diff --git a/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/SipRegistrationMapper.xml b/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/SipRegistrationMapper.xml
new file mode 100644
index 00000000..9382570f
--- /dev/null
+++ b/lib/fs-mapper/src/main/java/com/pudonghot/yo/fs/mapper/SipRegistrationMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+/**
+ * @author Donghuang <br>
+ * Jan 16, 2020 15:28:39
+ */
+-->
+<mapper namespace="com.pudonghot.yo.fs.mapper.SipRegistrationMapper">
+</mapper>
diff --git a/lib/fs-mapper/src/main/resources/.gitkeep b/lib/fs-mapper/src/main/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/fs-mapper/src/main/resources/spring/spring-yo-fs-mapper.xml b/lib/fs-mapper/src/main/resources/spring/spring-yo-fs-mapper.xml
new file mode 100644
index 00000000..781e3e5b
--- /dev/null
+++ b/lib/fs-mapper/src/main/resources/spring/spring-yo-fs-mapper.xml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xmlns:p="http://www.springframework.org/schema/p"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd">
+
+
+    <bean id="yoFsDataSource"
+          class="com.alibaba.druid.pool.DruidDataSource"
+          init-method="init"
+          destroy-method="close"
+          p:url="${yo.fs.datasource.url}"
+          p:username="${yo.fs.datasource.username}"
+          p:password="${yo.fs.datasource.password}"
+    />
+
+    <!-- Transaction -->
+    <bean id="transactionManager"
+          class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
+        <property name="dataSource" ref="yoFsDataSource" />
+        <qualifier value="default" />
+    </bean>
+
+    <!-- MyBatis SqlSessionFactory -->
+    <bean id="yoBrFsSqlSessionFactory"
+        class="com.wacai.tigon.mybatis.TigonSqlSessionFactoryBean"
+        p:dataSource-ref="yoFsDataSource">
+        <property name="mapperLocations">
+            <array>
+                <value>classpath*:com/pudonghot/yo/fs/mapper/*Mapper.xml</value>
+            </array>
+        </property>
+    </bean>
+    <!-- MyBatis Mappers Auto Scan -->
+    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer"
+        p:basePackage="com.pudonghot.yo.fs.mapper"
+        p:sqlSessionFactoryBeanName="yoBrFsSqlSessionFactory" />
+</beans>
diff --git a/lib/fs-mapper/src/test/java/com/pudonghot/yo/fs/mapper/CompleteMapperTest.java b/lib/fs-mapper/src/test/java/com/pudonghot/yo/fs/mapper/CompleteMapperTest.java
new file mode 100644
index 00000000..4118c9dd
--- /dev/null
+++ b/lib/fs-mapper/src/test/java/com/pudonghot/yo/fs/mapper/CompleteMapperTest.java
@@ -0,0 +1,26 @@
+package com.pudonghot.yo.fs.mapper;
+
+import com.wacai.tigon.mybatis.Search;
+import lombok.extern.slf4j.Slf4j;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 11:29:04
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class CompleteMapperTest {
+    @Autowired
+    private CompleteMapper mapper;
+
+    @Test
+    public void testList() {
+        mapper.list(new Search().limit(20));
+    }
+}
diff --git a/lib/fs-mapper/src/test/java/com/pudonghot/yo/fs/mapper/InterfaceMapperTest.java b/lib/fs-mapper/src/test/java/com/pudonghot/yo/fs/mapper/InterfaceMapperTest.java
new file mode 100644
index 00000000..d9e8c79b
--- /dev/null
+++ b/lib/fs-mapper/src/test/java/com/pudonghot/yo/fs/mapper/InterfaceMapperTest.java
@@ -0,0 +1,26 @@
+package com.pudonghot.yo.fs.mapper;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.Search;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 11:29:04
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class InterfaceMapperTest {
+    @Autowired
+    private InterfaceMapper mapper;
+
+    @Test
+    public void testList() {
+        mapper.list(new Search().limit(20));
+    }
+}
diff --git a/lib/fs-mapper/src/test/java/com/pudonghot/yo/fs/mapper/RegistrationMapperTest.java b/lib/fs-mapper/src/test/java/com/pudonghot/yo/fs/mapper/RegistrationMapperTest.java
new file mode 100644
index 00000000..834eb4e4
--- /dev/null
+++ b/lib/fs-mapper/src/test/java/com/pudonghot/yo/fs/mapper/RegistrationMapperTest.java
@@ -0,0 +1,26 @@
+package com.pudonghot.yo.fs.mapper;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.Search;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 11:29:04
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class RegistrationMapperTest {
+    @Autowired
+    private RegistrationMapper mapper;
+
+    @Test
+    public void testList() {
+        mapper.list(new Search().limit(20));
+    }
+}
diff --git a/lib/fs-mapper/src/test/java/com/pudonghot/yo/fs/mapper/SipRegistrationMapperTest.java b/lib/fs-mapper/src/test/java/com/pudonghot/yo/fs/mapper/SipRegistrationMapperTest.java
new file mode 100644
index 00000000..6c621c94
--- /dev/null
+++ b/lib/fs-mapper/src/test/java/com/pudonghot/yo/fs/mapper/SipRegistrationMapperTest.java
@@ -0,0 +1,25 @@
+package com.pudonghot.yo.fs.mapper;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:31:51
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class SipRegistrationMapperTest {
+    @Autowired
+    private SipRegistrationMapper mapper;
+
+    @Test
+    public void testList() {
+        mapper.list(null);
+    }
+}
diff --git a/lib/fs-mapper/src/test/java/com/pudonghot/yo/fs/mapper/TestDriver.java b/lib/fs-mapper/src/test/java/com/pudonghot/yo/fs/mapper/TestDriver.java
new file mode 100644
index 00000000..006f058c
--- /dev/null
+++ b/lib/fs-mapper/src/test/java/com/pudonghot/yo/fs/mapper/TestDriver.java
@@ -0,0 +1,30 @@
+package com.pudonghot.yo.fs.mapper;
+
+import org.junit.Test;
+import javax.sql.DataSource;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.jdbc.core.JdbcTemplate;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:47:11
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class TestDriver {
+
+    @Autowired
+    private DataSource dataSource;
+
+    @Test
+    public void run() {
+        new JdbcTemplate(dataSource).query("select 1", rs -> {
+            log.info("Result: [{}].", rs.getInt(1));
+        });
+    }
+}
diff --git a/lib/fs-mapper/src/test/resources/application.properties b/lib/fs-mapper/src/test/resources/application.properties
new file mode 100644
index 00000000..4b4b1904
--- /dev/null
+++ b/lib/fs-mapper/src/test/resources/application.properties
@@ -0,0 +1,6 @@
+spring.application.name=yo-fs-mapper
+
+# Datasource
+yo.fs.datasource.url=jdbc:mysql://172.18.4.35/freeswitch?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useLegacyDatetimeCode=false&serverTimezone=Asia/Shanghai
+yo.fs.datasource.username=freeswitch
+yo.fs.datasource.password=RR!h5IpirsnJ
diff --git a/lib/fs-mapper/src/test/resources/log4j2.xml b/lib/fs-mapper/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..3e7204bf
--- /dev/null
+++ b/lib/fs-mapper/src/test/resources/log4j2.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="log.level">DEBUG</Property>
+        <Property name="log.dir">.logs</Property>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="%highlight{%-d{yyyy-MM-dd HH:mm:ss,SSS}}{FATAL=magenta, ERROR=magenta, WARN=magenta, INFO=magenta, DEBUG=magenta, TRACE=magenta} %highlight{%-5p}{FATAL=red blink, ERROR=red, WARN=yellow bold, INFO=black, DEBUG=green bold, TRACE=blue} [%t][%highlight{%c{1.}}{FATAL=cyan, ERROR=cyan, WARN=cyan, INFO=cyan, DEBUG=cyan, TRACE=cyan}] %m%n"/>
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+    </Appenders>
+    <Loggers>
+        <Logger name="org.springframework" level="INFO" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.apache" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.hibernate.validator" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Root level="${log.level}" additivity="false">
+            <AppenderRef ref="File" level="${log.level}" />
+            <AppenderRef ref="Console" level="${log.level}" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/fs-mapper/src/test/resources/spring/spring-test.xml b/lib/fs-mapper/src/test/resources/spring/spring-test.xml
new file mode 100644
index 00000000..b699d41c
--- /dev/null
+++ b/lib/fs-mapper/src/test/resources/spring/spring-test.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xmlns:context="http://www.springframework.org/schema/context"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd
+        http://www.springframework.org/schema/context
+        http://www.springframework.org/schema/context/spring-context.xsd">
+    <context:property-placeholder location="classpath:application.properties" />
+</beans>
diff --git a/lib/fs-model/README.md b/lib/fs-model/README.md
new file mode 100644
index 00000000..7c90a605
--- /dev/null
+++ b/lib/fs-model/README.md
@@ -0,0 +1 @@
+# Yo BR FreeSWITCH Model
diff --git a/lib/fs-model/pom.xml b/lib/fs-model/pom.xml
new file mode 100644
index 00000000..7dbf06bd
--- /dev/null
+++ b/lib/fs-model/pom.xml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-fs-model</artifactId>
+    <name>Yo BR FreeSWITCH Model</name>
+    <description>Yo FreeSWITCH Model</description>
+    <packaging>jar</packaging>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-library</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-model</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-log4j2</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/fs-model/src/main/java/com/pudonghot/yo/fs/model/FsNode.java b/lib/fs-model/src/main/java/com/pudonghot/yo/fs/model/FsNode.java
new file mode 100644
index 00000000..1bca8315
--- /dev/null
+++ b/lib/fs-model/src/main/java/com/pudonghot/yo/fs/model/FsNode.java
@@ -0,0 +1,18 @@
+package com.pudonghot.yo.fs.model;
+
+import lombok.*;
+
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 11:44:23
+ */
+@Getter
+@Setter
+@ToString
+@NoArgsConstructor
+@AllArgsConstructor
+public class FsNode {
+    private String ip;
+    private String hostName;
+    private String sipAddr;
+}
diff --git a/lib/fs-model/src/main/java/com/pudonghot/yo/fs/model/domain/Complete.java b/lib/fs-model/src/main/java/com/pudonghot/yo/fs/model/domain/Complete.java
new file mode 100644
index 00000000..31bf51ae
--- /dev/null
+++ b/lib/fs-model/src/main/java/com/pudonghot/yo/fs/model/domain/Complete.java
@@ -0,0 +1,56 @@
+package com.pudonghot.yo.fs.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.model.DomainModel;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 13:31:08
+ */
+@Setter
+@Getter
+@Table("complete")
+@FieldNameConstants(prefix = "")
+public class Complete extends DomainModel<String> {
+    private int sticky;
+    private String a1;
+    private String a2;
+    private String a3;
+    private String a4;
+    private String a5;
+    private String a6;
+    private String a7;
+    private String a8;
+    private String a9;
+    private String a10;
+    private String hostname;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String primaryKeyName() {
+        return "__dumb__";
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String primaryKeyValue() {
+        throw new UnsupportedOperationException(
+            "Complete has no primary key");
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void primaryKeyValue(String value) {
+        throw new UnsupportedOperationException(
+            "Complete has no primary key");
+    }
+}
diff --git a/lib/fs-model/src/main/java/com/pudonghot/yo/fs/model/domain/Interface.java b/lib/fs-model/src/main/java/com/pudonghot/yo/fs/model/domain/Interface.java
new file mode 100644
index 00000000..ea34d698
--- /dev/null
+++ b/lib/fs-model/src/main/java/com/pudonghot/yo/fs/model/domain/Interface.java
@@ -0,0 +1,51 @@
+package com.pudonghot.yo.fs.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.model.DomainModel;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Jan 16, 2020 15:20:05
+ */
+@Setter
+@Getter
+@Table("interfaces")
+@FieldNameConstants(prefix = "")
+public class Interface extends DomainModel<String> {
+    private String type;
+    private String name;
+    private String description;
+    private String ikey;
+    private String filename;
+    private String syntax;
+    private String hostname;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String primaryKeyName() {
+        return "__dumb__";
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String primaryKeyValue() {
+        throw new UnsupportedOperationException(
+            "Interface has no primary key");
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void primaryKeyValue(String value) {
+        throw new UnsupportedOperationException(
+                "Interface has no primary key");
+    }
+}
diff --git a/lib/fs-model/src/main/java/com/pudonghot/yo/fs/model/domain/Registration.java b/lib/fs-model/src/main/java/com/pudonghot/yo/fs/model/domain/Registration.java
new file mode 100644
index 00000000..fca0ade9
--- /dev/null
+++ b/lib/fs-model/src/main/java/com/pudonghot/yo/fs/model/domain/Registration.java
@@ -0,0 +1,54 @@
+package com.pudonghot.yo.fs.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.model.DomainModel;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 13:31:08
+ */
+@Setter
+@Getter
+@Table("registrations")
+@FieldNameConstants(prefix = "")
+public class Registration extends DomainModel<String> {
+    private String regUser;
+    private String realm;
+    private String token;
+    private String url;
+    private int expires;
+    private String networkIp;
+    private String networkPort;
+    private String networkProto;
+    private String hostname;
+    private String metadata;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String primaryKeyName() {
+        return "__dumb__";
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String primaryKeyValue() {
+        throw new UnsupportedOperationException(
+            "Complete has no primary key");
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void primaryKeyValue(String value) {
+        throw new UnsupportedOperationException(
+            "Complete has no primary key");
+    }
+}
diff --git a/lib/fs-model/src/main/java/com/pudonghot/yo/fs/model/domain/SipRegistration.java b/lib/fs-model/src/main/java/com/pudonghot/yo/fs/model/domain/SipRegistration.java
new file mode 100644
index 00000000..c9bd3fdd
--- /dev/null
+++ b/lib/fs-model/src/main/java/com/pudonghot/yo/fs/model/domain/SipRegistration.java
@@ -0,0 +1,47 @@
+package com.pudonghot.yo.fs.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.model.DomainModel;
+import com.wacai.tigon.mybatis.PrimaryKey;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Jan 16, 2020 15:20:05
+ */
+@Setter
+@Getter
+@Table("sip_registrations")
+@FieldNameConstants(prefix = "")
+public class SipRegistration extends DomainModel<String> {
+    @PrimaryKey
+    private String callId;
+    private String sipUser;
+    private String sipHost;
+    private String presenceHosts;
+    private String contact;
+    private String status;
+    private String pingStatus;
+    private String pingCount;
+    private String pingTime;
+    private String forcePing;
+    private String rpid;
+    private String expires;
+    private String pingExpires;
+    private String userAgent;
+    private String serverUser;
+    private String serverHost;
+    private String profileName;
+    private String hostname;
+    private String networkIp;
+    private String networkPort;
+    private String sipUsername;
+    private String sipRealm;
+    private String mwiUser;
+    private String mwiHost;
+    private String origServerHost;
+    private String origHostname;
+    private String subHost;
+}
diff --git a/lib/fs-model/src/main/resources/.gitkeep b/lib/fs-model/src/main/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/fs-model/src/main/resources/spring/.gitkeep b/lib/fs-model/src/main/resources/spring/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/fs-model/src/test/java/com/pudonghot/yo/TestDriver.java b/lib/fs-model/src/test/java/com/pudonghot/yo/TestDriver.java
new file mode 100644
index 00000000..88554c34
--- /dev/null
+++ b/lib/fs-model/src/test/java/com/pudonghot/yo/TestDriver.java
@@ -0,0 +1,17 @@
+package com.pudonghot.yo;
+
+import lombok.extern.slf4j.Slf4j;
+import org.junit.Test;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:41:02
+ */
+@Slf4j
+public class TestDriver {
+
+    @Test
+    public void run() {
+        log.info("Run.");
+    }
+}
diff --git a/lib/fs-model/src/test/resources/application.properties b/lib/fs-model/src/test/resources/application.properties
new file mode 100644
index 00000000..8ae05696
--- /dev/null
+++ b/lib/fs-model/src/test/resources/application.properties
@@ -0,0 +1 @@
+# Test
diff --git a/lib/fs-model/src/test/resources/log4j2.xml b/lib/fs-model/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..3e7204bf
--- /dev/null
+++ b/lib/fs-model/src/test/resources/log4j2.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="log.level">DEBUG</Property>
+        <Property name="log.dir">.logs</Property>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="%highlight{%-d{yyyy-MM-dd HH:mm:ss,SSS}}{FATAL=magenta, ERROR=magenta, WARN=magenta, INFO=magenta, DEBUG=magenta, TRACE=magenta} %highlight{%-5p}{FATAL=red blink, ERROR=red, WARN=yellow bold, INFO=black, DEBUG=green bold, TRACE=blue} [%t][%highlight{%c{1.}}{FATAL=cyan, ERROR=cyan, WARN=cyan, INFO=cyan, DEBUG=cyan, TRACE=cyan}] %m%n"/>
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+    </Appenders>
+    <Loggers>
+        <Logger name="org.springframework" level="INFO" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.apache" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.hibernate.validator" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Root level="${log.level}" additivity="false">
+            <AppenderRef ref="File" level="${log.level}" />
+            <AppenderRef ref="Console" level="${log.level}" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/fs-model/src/test/resources/spring/spring-test.xml b/lib/fs-model/src/test/resources/spring/spring-test.xml
new file mode 100644
index 00000000..faeb7896
--- /dev/null
+++ b/lib/fs-model/src/test/resources/spring/spring-test.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+       xmlns:context="http://www.springframework.org/schema/context"
+       xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd
+        http://www.springframework.org/schema/context
+        http://www.springframework.org/schema/context/spring-context.xsd">
+    <context:property-placeholder location="classpath:application.properties" />
+</beans>
diff --git a/lib/fsagent-api/README.md b/lib/fsagent-api/README.md
new file mode 100644
index 00000000..5458e536
--- /dev/null
+++ b/lib/fsagent-api/README.md
@@ -0,0 +1 @@
+# FreeSWITCH Agent API
diff --git a/lib/fsagent-api/pom.xml b/lib/fsagent-api/pom.xml
new file mode 100644
index 00000000..0c397c8a
--- /dev/null
+++ b/lib/fsagent-api/pom.xml
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-fsagent-api</artifactId>
+    <name>Yo BR FreeSWITCH Agent API</name>
+    <description>Yo BR FreeSWITCH Agent API</description>
+    <packaging>jar</packaging>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-library</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>org.hibernate.validator</groupId>
+            <artifactId>hibernate-validator</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-model</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-log4j2</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/fsagent-api/src/main/java/com/pudonghot/yo/fsagent/api/DialService.java b/lib/fsagent-api/src/main/java/com/pudonghot/yo/fsagent/api/DialService.java
new file mode 100644
index 00000000..30bad50e
--- /dev/null
+++ b/lib/fsagent-api/src/main/java/com/pudonghot/yo/fsagent/api/DialService.java
@@ -0,0 +1,27 @@
+package com.pudonghot.yo.fsagent.api;
+
+import com.pudonghot.yo.fsagent.api.request.ReqDial;
+import com.pudonghot.yo.fsagent.api.request.ReqAgentDial;
+import com.pudonghot.yo.fsagent.api.response.RespDial;
+
+/**
+ * @author Donghuang <br>
+ * Dec 09, 2019 16:25:19
+ */
+public interface DialService {
+
+    /**
+     * agent dial
+     *
+     * @param req request arg
+     * @return dial response
+     */
+    RespDial agentDial(ReqAgentDial req);
+
+    /**
+     * dial
+     * @param req request
+     * @return dial result
+     */
+    RespDial dial(ReqDial req);
+}
diff --git a/lib/fsagent-api/src/main/java/com/pudonghot/yo/fsagent/api/request/BaseReqDial.java b/lib/fsagent-api/src/main/java/com/pudonghot/yo/fsagent/api/request/BaseReqDial.java
new file mode 100644
index 00000000..68d5dba2
--- /dev/null
+++ b/lib/fsagent-api/src/main/java/com/pudonghot/yo/fsagent/api/request/BaseReqDial.java
@@ -0,0 +1,32 @@
+package com.pudonghot.yo.fsagent.api.request;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+import java.io.Serializable;
+import javax.validation.constraints.NotNull;
+import static com.pudonghot.yo.model.domain.CallDetailRecord.DialType;
+
+/**
+ * @author Donghuang
+ * @date Mar 24, 2020 10:34:12
+ */
+@Getter
+@Setter
+@ToString
+public class BaseReqDial implements Serializable {
+    @NotNull
+    private Integer tenantId;
+    @NotNull
+    private DialType dialType = DialType.MANUAL;
+    private String calledName;
+
+    private String bizKey;
+    private String attachedData;
+    private String attrs;
+
+    private int timeout = 60;
+    private String codec;
+    private boolean ignoreEarlyMedia = false;
+    private boolean originateLegB = false;
+}
diff --git a/lib/fsagent-api/src/main/java/com/pudonghot/yo/fsagent/api/request/CallLeg.java b/lib/fsagent-api/src/main/java/com/pudonghot/yo/fsagent/api/request/CallLeg.java
new file mode 100644
index 00000000..db2ac7ec
--- /dev/null
+++ b/lib/fsagent-api/src/main/java/com/pudonghot/yo/fsagent/api/request/CallLeg.java
@@ -0,0 +1,41 @@
+package com.pudonghot.yo.fsagent.api.request;
+
+import lombok.Getter;
+import lombok.ToString;
+import lombok.RequiredArgsConstructor;
+
+/**
+ * @author Donghuang
+ * @date Mar 13, 2020 14:40:14
+ */
+@Getter
+@ToString
+@RequiredArgsConstructor
+public class CallLeg {
+    private final Type type;
+    private final String subject;
+    private final Integer trunkStrategyId;
+
+    public static CallLeg agent(String agent) {
+        return new CallLeg(Type.AGENT, agent, 0);
+    }
+
+    public static CallLeg agentGroup(String agentGroup) {
+        return new CallLeg(Type.AGENT_GROUP, agentGroup, 0);
+    }
+
+    public static CallLeg queue(String queue) {
+        return new CallLeg(Type.QUEUE, queue, 0);
+    }
+
+    public static CallLeg outside(Integer trunkStrategyId, String number) {
+        return new CallLeg(Type.OUTSIDE, number, trunkStrategyId);
+    }
+
+    public enum Type {
+        AGENT,
+        AGENT_GROUP,
+        QUEUE,
+        OUTSIDE
+    }
+}
diff --git a/lib/fsagent-api/src/main/java/com/pudonghot/yo/fsagent/api/request/ReqAgentDial.java b/lib/fsagent-api/src/main/java/com/pudonghot/yo/fsagent/api/request/ReqAgentDial.java
new file mode 100644
index 00000000..92c5b26f
--- /dev/null
+++ b/lib/fsagent-api/src/main/java/com/pudonghot/yo/fsagent/api/request/ReqAgentDial.java
@@ -0,0 +1,20 @@
+package com.pudonghot.yo.fsagent.api.request;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+import javax.validation.constraints.NotBlank;
+
+/**
+ * @author Donghuang <br>
+ * Dec 11, 2019 13:32:49
+ */
+@Getter
+@Setter
+@ToString(callSuper = true)
+public class ReqAgentDial extends BaseReqDial {
+    @NotBlank
+    private String account;
+    @NotBlank
+    private String calledNumber;
+}
diff --git a/lib/fsagent-api/src/main/java/com/pudonghot/yo/fsagent/api/request/ReqDial.java b/lib/fsagent-api/src/main/java/com/pudonghot/yo/fsagent/api/request/ReqDial.java
new file mode 100644
index 00000000..223a5345
--- /dev/null
+++ b/lib/fsagent-api/src/main/java/com/pudonghot/yo/fsagent/api/request/ReqDial.java
@@ -0,0 +1,21 @@
+package com.pudonghot.yo.fsagent.api.request;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+
+import javax.validation.constraints.NotNull;
+
+/**
+ * @author Donghuang
+ * @date Mar 24, 2020 15:22:13
+ */
+@Getter
+@Setter
+@ToString(callSuper = true)
+public class ReqDial extends BaseReqDial {
+    @NotNull
+    private CallLeg callerLeg;
+    @NotNull
+    private CallLeg calledLeg;
+}
diff --git a/lib/fsagent-api/src/main/java/com/pudonghot/yo/fsagent/api/response/RespDial.java b/lib/fsagent-api/src/main/java/com/pudonghot/yo/fsagent/api/response/RespDial.java
new file mode 100644
index 00000000..9f91f57a
--- /dev/null
+++ b/lib/fsagent-api/src/main/java/com/pudonghot/yo/fsagent/api/response/RespDial.java
@@ -0,0 +1,17 @@
+package com.pudonghot.yo.fsagent.api.response;
+
+import lombok.*;
+import java.io.Serializable;
+
+/**
+ * @author Donghuang <br>
+ * Dec 11, 2019 13:34:56
+ */
+@Getter
+@Setter
+@ToString
+@NoArgsConstructor
+@AllArgsConstructor
+public class RespDial implements Serializable {
+    private String uuid;
+}
diff --git a/lib/fsagent-api/src/main/resources/.gitkeep b/lib/fsagent-api/src/main/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/fsagent-api/src/main/resources/spring/.gitkeep b/lib/fsagent-api/src/main/resources/spring/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/fsagent-api/src/test/java/com/pudonghot/yo/fsagent/api/TestDriver.java b/lib/fsagent-api/src/test/java/com/pudonghot/yo/fsagent/api/TestDriver.java
new file mode 100644
index 00000000..df217ea1
--- /dev/null
+++ b/lib/fsagent-api/src/test/java/com/pudonghot/yo/fsagent/api/TestDriver.java
@@ -0,0 +1,19 @@
+package com.pudonghot.yo.fsagent.api;
+
+import org.junit.Test;
+import lombok.extern.slf4j.Slf4j;
+import org.junit.runner.RunWith;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:41:02
+ */
+@Slf4j
+public class TestDriver {
+
+    @Test
+    public void run() {
+    }
+}
diff --git a/lib/fsagent-api/src/test/resources/application.properties b/lib/fsagent-api/src/test/resources/application.properties
new file mode 100644
index 00000000..8ae05696
--- /dev/null
+++ b/lib/fsagent-api/src/test/resources/application.properties
@@ -0,0 +1 @@
+# Test
diff --git a/lib/fsagent-api/src/test/resources/log4j2.xml b/lib/fsagent-api/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..3e7204bf
--- /dev/null
+++ b/lib/fsagent-api/src/test/resources/log4j2.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="log.level">DEBUG</Property>
+        <Property name="log.dir">.logs</Property>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="%highlight{%-d{yyyy-MM-dd HH:mm:ss,SSS}}{FATAL=magenta, ERROR=magenta, WARN=magenta, INFO=magenta, DEBUG=magenta, TRACE=magenta} %highlight{%-5p}{FATAL=red blink, ERROR=red, WARN=yellow bold, INFO=black, DEBUG=green bold, TRACE=blue} [%t][%highlight{%c{1.}}{FATAL=cyan, ERROR=cyan, WARN=cyan, INFO=cyan, DEBUG=cyan, TRACE=cyan}] %m%n"/>
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+    </Appenders>
+    <Loggers>
+        <Logger name="org.springframework" level="INFO" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.apache" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.hibernate.validator" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Root level="${log.level}" additivity="false">
+            <AppenderRef ref="File" level="${log.level}" />
+            <AppenderRef ref="Console" level="${log.level}" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/fsagent-api/src/test/resources/spring/spring-test.xml b/lib/fsagent-api/src/test/resources/spring/spring-test.xml
new file mode 100644
index 00000000..faeb7896
--- /dev/null
+++ b/lib/fsagent-api/src/test/resources/spring/spring-test.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+       xmlns:context="http://www.springframework.org/schema/context"
+       xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd
+        http://www.springframework.org/schema/context
+        http://www.springframework.org/schema/context/spring-context.xsd">
+    <context:property-placeholder location="classpath:application.properties" />
+</beans>
diff --git a/lib/fsesl-api/README.md b/lib/fsesl-api/README.md
new file mode 100644
index 00000000..9971c548
--- /dev/null
+++ b/lib/fsesl-api/README.md
@@ -0,0 +1 @@
+# Yo BR FreeSWITCH ESL API
diff --git a/lib/fsesl-api/pom.xml b/lib/fsesl-api/pom.xml
new file mode 100644
index 00000000..6623e506
--- /dev/null
+++ b/lib/fsesl-api/pom.xml
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-fsesl-api</artifactId>
+    <name>Yo FreeSWITCH ESL API</name>
+    <description>Yo FreeSWITCH Event Socket Library API</description>
+    <version>0.0.1-SNAPSHOT</version>
+    <packaging>jar</packaging>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-library</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>org.slf4j</groupId>
+            <artifactId>slf4j-api</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.commons</groupId>
+            <artifactId>commons-lang3</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-log4j2</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/EslClientApi.java b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/EslClientApi.java
new file mode 100644
index 00000000..64e5df31
--- /dev/null
+++ b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/EslClientApi.java
@@ -0,0 +1,193 @@
+package org.freeswitch.esl.client;
+
+import java.util.concurrent.CompletableFuture;
+import org.freeswitch.esl.client.transport.Response;
+import org.freeswitch.esl.client.transport.event.Event;
+import org.freeswitch.esl.client.transport.message.Message;
+import org.freeswitch.esl.client.transport.command.SendEvent;
+import org.freeswitch.esl.client.transport.command.SendMessage;
+
+/**
+ * @author Donghuang <br>
+ * Dec 27, 2019 16:58:56
+ */
+public interface EslClientApi {
+
+	enum EventFormat {
+
+		PLAIN("plain");
+
+        /**
+         * format text
+         */
+		private final String text;
+
+		EventFormat(String txt) {
+			this.text = txt;
+		}
+
+        /**
+         * {@inheritDoc}
+         */
+		@Override
+		public String toString() {
+			return text;
+		}
+
+	}
+
+	enum LogLevel {
+
+		CONSOLE("console"),
+		DEBUG("debug"),
+		INFO("info"),
+		NOTICE("notice"),
+		WARNING("warning"),
+		ERR("err"),
+		CRIT("crit"),
+		ALERT("alert");
+
+		private final String text;
+
+		LogLevel(String txt) {
+			this.text = txt;
+		}
+
+		@Override
+		public String toString() {
+			return text;
+		}
+
+	}
+
+	/**
+	 * connection is active
+     *
+	 * @return true if connection is active
+	 */
+	boolean isActive();
+
+    /**
+     * Sends a mod_event_socket command to FreeSWITCH server and blocks, waiting for an immediate response from the
+     * server.
+     * <p/>
+     * The outcome of the command from the server is returned in an {@link Message} object.
+     *
+     * @param command a mod_event_socket command to send
+     * @return an {@link Message} containing command results
+     */
+    Message cmd(String command);
+
+    /**
+     * Sends a FreeSWITCH API command to the server and blocks, waiting for an immediate response from the
+     * server.
+     * <p/>
+     * The outcome of the command from the server is returned in an {@link Message} object.
+     *
+     * @param command API command to send
+     * @param args command arguments
+     * @return an {@link Message} containing command results
+     */
+	Message api(String command, String... args);
+
+    /**
+     * Submit a FreeSWITCH API command to the server to be executed in background mode. A synchronous
+     * response from the server provides a UUID to identify the job execution results. When the server
+     * has completed the job execution it fires a BACKGROUND_JOB Event with the execution results.<p/>
+     * Note that this Client must be subscribed in the normal way to BACKGROUND_JOB Events, in order to
+     * receive this event.
+     *
+     * @param command API command to send
+     * @param args command arguments
+     * @return String Job-UUID that the server will tag result event with.
+     */
+	CompletableFuture<Event> bgApi(String command, String... args);
+
+	/**
+	 * Send a {@link SendMessage} command to FreeSWITCH.  This client requires that the {@link SendMessage}
+	 * has a call UUID parameter.
+	 *
+	 * @param sendMessage a {@link SendMessage} with call UUID
+	 * @return a {@link Response} with the server's response.
+	 */
+	Response api(SendMessage sendMessage);
+
+	/**
+	 * Send a {@link SendEvent} command to FreeSWITCH.
+	 *
+	 * @param sendEvent a {@link SendMessage}
+	 * @return a {@link Response} with the server's response.
+	 */
+	Response api(SendEvent sendEvent);
+
+    /**
+     * Set the current event subscription for this connection to the server.  Examples of the events
+     * argument are:
+     * <pre>
+     *   ALL
+     *   CHANNEL_CREATE CHANNEL_DESTROY HEARTBEAT
+     *   CUSTOM conference::maintenance
+     *   CHANNEL_CREATE CHANNEL_DESTROY CUSTOM conference::maintenance sofia::register sofia::expire
+     * </pre>
+     * Subsequent calls to this method replaces any previous subscriptions that were set.
+     * </p>
+     * Note: current implementation can only process 'plain' events.
+     *
+     * @param events { all | space separated list of events }
+     * @return a {@link Response} with the server's response.
+     */
+	Response event(String events);
+
+    /**
+     * Cancel any existing event subscription.
+     *
+     * @return a {@link Response} with the server's response.
+     */
+	Response noEvents();
+
+    /**
+     * Add an event filter to the current set of event filters on this connection. Any of the event headers
+     * can be used as a filter.
+     * </p>
+     * Note that event filters follow 'filter-in' semantics. That is, when a filter is applied
+     * only the filtered values will be received. Multiple filters can be added to the current
+     * connection.
+     * </p>
+     * Example filters:
+     * <pre>
+     *    eventHeader        valueToFilter
+     *    ----------------------------------
+     *    Event-Name         CHANNEL_EXECUTE
+     *    Channel-State      CS_NEW
+     * </pre>
+     *
+     * @param eventHeader   to filter on
+     * @param valueToFilter the value to match
+     * @return a {@link Response} with the server's response.
+     */
+	Response filter(String eventHeader, String valueToFilter);
+
+    /**
+     * Delete an event filter from the current set of event filters on this connection.  See
+     *
+     * @param eventHeader   to remove
+     * @param valueToFilter to remove
+     * @return a {@link Response} with the server's response.
+     */
+	Response deleteFilter(String eventHeader, String valueToFilter);
+
+    /**
+     * Enable log output.
+     *
+     * @param level using the same values as in console.conf
+     * @return a {@link Response} with the server's response.
+     */
+	Response setLogLevel(LogLevel level);
+
+    /**
+     * Disable any logging previously enabled with setLogLevel().
+     *
+     * @return a {@link Response} with the server's response.
+     */
+	Response noLog();
+}
diff --git a/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/HeaderParser.java b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/HeaderParser.java
new file mode 100644
index 00000000..a886f136
--- /dev/null
+++ b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/HeaderParser.java
@@ -0,0 +1,93 @@
+/*
+ * Copyright 2010 david varnes.
+ *
+ * Licensed under the Apache License, version 2.0 (the "License"); 
+ * you may not use this file except in compliance with the License. 
+ * You may obtain a copy of the License at:
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, 
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.freeswitch.esl.client.transport;
+
+/**
+ * This parser provides a static helper method to split a standard Header field
+ * into the name and value parts.
+ * <p/>
+ * This code was copied from the splitHeader() method in the HttpMessageDecoder class, which
+ * is licensed under the Apache License version 2. (Original author: Trustin Lee.)
+ */
+public class HeaderParser {
+	/**
+	 * Split a header in the form
+	 * <pre>
+	 *   Header-Name: Some_header-value
+	 * </pre>
+	 * into a String array.
+	 *
+	 * @param sb the string header to parse
+	 * @return a String[] array with header name at 0 and header value at 1
+	 */
+	public static String[] splitHeader(String sb) {
+		final int length = sb.length();
+		int nameStart;
+		int nameEnd;
+		int colonEnd;
+		int valueStart;
+		int valueEnd;
+
+		nameStart = findNonWhitespace(sb, 0);
+		for (nameEnd = nameStart; nameEnd < length; nameEnd++) {
+			char ch = sb.charAt(nameEnd);
+			if (ch == ':' || Character.isWhitespace(ch)) {
+				break;
+			}
+		}
+
+		for (colonEnd = nameEnd; colonEnd < length; colonEnd++) {
+			if (sb.charAt(colonEnd) == ':') {
+				colonEnd++;
+				break;
+			}
+		}
+
+		valueStart = findNonWhitespace(sb, colonEnd);
+		if (valueStart == length) {
+			return new String[]{
+				sb.substring(nameStart, nameEnd),
+				""
+			};
+		}
+
+		valueEnd = findEndOfString(sb);
+		return new String[]{
+			sb.substring(nameStart, nameEnd),
+			sb.substring(valueStart, valueEnd)
+		};
+	}
+
+	private static int findNonWhitespace(String sb, int offset) {
+		int result;
+		for (result = offset; result < sb.length(); result++) {
+			if (!Character.isWhitespace(sb.charAt(result))) {
+				break;
+			}
+		}
+		return result;
+	}
+
+	private static int findEndOfString(String sb) {
+		int result;
+		for (result = sb.length(); result > 0; result--) {
+			if (!Character.isWhitespace(sb.charAt(result - 1))) {
+				break;
+			}
+		}
+		return result;
+	}
+}
diff --git a/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/Response.java b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/Response.java
new file mode 100644
index 00000000..ad232b4d
--- /dev/null
+++ b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/Response.java
@@ -0,0 +1,50 @@
+/*
+ * Copyright 2010 david varnes.
+ *
+ * Licensed under the Apache License, version 2.0 (the "License"); 
+ * you may not use this file except in compliance with the License. 
+ * You may obtain a copy of the License at:
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, 
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.freeswitch.esl.client.transport;
+
+import lombok.Getter;
+import org.freeswitch.esl.client.transport.message.Message;
+import org.freeswitch.esl.client.transport.message.Header.Name;
+
+/**
+ * @author Donghuang <br>
+ * Dec 09, 2019 14:38:37
+ */
+@Getter
+public class Response {
+	private final String command;
+	private final Message message;
+
+	public Response(final CharSequence command, final Message message) {
+		this.command = command instanceof String ?
+			(String) command : command.toString();
+		this.message = message;
+	}
+
+    /**
+     * @return true if and only if the message Reply-Text line starts with "+OK"
+     */
+    public boolean isOk() {
+        return message.isReplyOk();
+    }
+
+    /**
+     * @return message reply text
+     */
+    public String getReplyText() {
+        return message.getHeader(Name.REPLY_TEXT);
+    }
+}
diff --git a/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/command/BaseCmd.java b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/command/BaseCmd.java
new file mode 100644
index 00000000..1790ca3a
--- /dev/null
+++ b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/command/BaseCmd.java
@@ -0,0 +1,53 @@
+package org.freeswitch.esl.client.transport.command;
+
+import lombok.Getter;
+import java.util.List;
+import java.util.ArrayList;
+import java.io.Serializable;
+import org.apache.commons.lang3.StringUtils;
+
+/**
+ * @author Donghuang
+ * @date Apr 15, 2020 16:18:22
+ */
+class BaseCmd<T extends BaseCmd> {
+
+    /**
+     * The list of strings that make up the data to send to FreeSWITCH.
+     */
+    @Getter
+	private final List<Serializable> payload = new ArrayList<>(16);
+
+	/**
+	 * A generic method to add a message line. The constructed line in the sent message will be in the
+	 * form:
+	 * <pre>
+	 *   name: value
+	 * </pre>
+	 *
+	 * @param name  part of line
+	 * @param value part of line
+	 * @return this
+	 */
+	public T addLine(CharSequence name, Serializable value) {
+		return addLine(name + ": " + value);
+	}
+
+	/**
+	 * Add payload line
+	 * @param line payload line
+     * @return this
+	 */
+	public T addLine(Serializable line) {
+		payload.add(line);
+		return (T) this;
+	}
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	public String toString() {
+		return StringUtils.join(payload, "\n");
+	}
+}
diff --git a/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/command/SendEvent.java b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/command/SendEvent.java
new file mode 100644
index 00000000..59b44044
--- /dev/null
+++ b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/command/SendEvent.java
@@ -0,0 +1,13 @@
+package org.freeswitch.esl.client.transport.command;
+
+/**
+ * @author Donghuang <br>
+ * Dec 09, 2019 10:07:08
+ */
+public class SendEvent extends BaseCmd<SendEvent> {
+	public static final String NOTIFY = "NOTIFY";
+
+	public SendEvent(final String event) {
+		addLine("sendevent " + event);
+	}
+}
diff --git a/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/command/SendMessage.java b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/command/SendMessage.java
new file mode 100644
index 00000000..2b1899c3
--- /dev/null
+++ b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/command/SendMessage.java
@@ -0,0 +1,123 @@
+package org.freeswitch.esl.client.transport.command;
+
+/**
+ * @author Donghuang <br>
+ * Dec 09, 2019 10:07:08
+ */
+public class SendMessage extends BaseCmd<SendMessage> {
+
+    /**
+     * Indicate if message was constructed with a UUID.
+     */
+	private final boolean uuid;
+
+	/**
+	 * Constructor for use with outbound socket client only.  This client mode does not need a call
+	 * UUID for context.
+	 */
+	public SendMessage() {
+	    addLine("sendmsg");
+		uuid = false;
+	}
+
+	/**
+	 * Constructor for use with the inbound client.
+	 *
+	 * @param uuid of the call to send message to (it should be in 'park' to be operated on).
+	 */
+	public SendMessage(String uuid) {
+		addLine("sendmsg  " + uuid);
+		this.uuid = true;
+	}
+
+	/**
+	 * Adds the following line to the message:
+	 * <pre>
+	 *   call-command: command
+	 * </pre>
+	 *
+	 * @param command the string command [ execute | hangup ]
+	 */
+	public SendMessage addCallCommand(String command) {
+        return addLine("call-command", command);
+	}
+
+	/**
+	 * Adds the following line to the message:
+	 * <pre>
+	 *   execute-app-name: appName
+	 * </pre>
+	 *
+	 * @param appName the string app name to execute
+	 */
+	public SendMessage addExecuteAppName(String appName) {
+        return addLine("execute-app-name", appName);
+	}
+
+	/**
+	 * Adds the following line to the message:
+	 * <pre>
+	 *   execute-app-arg: arg
+	 * </pre>
+	 *
+	 * @param arg the string arg
+	 */
+	public SendMessage addExecuteAppArg(String arg) {
+        return addLine("execute-app-arg", arg);
+	}
+
+	/**
+	 * Adds the following line to the message:
+	 * <pre>
+	 *   loops: count
+	 * </pre>
+	 *
+	 * @param count the int number of times to loop
+	 */
+	public SendMessage addLoops(int count) {
+        return addLine("loops", String.valueOf(count));
+	}
+
+	/**
+	 * Adds the following line to the message:
+	 * <pre>
+	 *   hangup-cause: cause
+	 * </pre>
+	 *
+	 * @param cause the string cause
+	 */
+	public SendMessage addHangupCause(String cause) {
+        return addLine("hangup-cause", cause);
+	}
+
+	/**
+	 * Adds the following line to the message:
+	 * <pre>
+	 *   nomedia-uid: value
+	 * </pre>
+	 *
+	 * @param value the string value part of the line
+	 */
+	public SendMessage addNomediaUuid(String value) {
+        return addLine("nomedia-uuid", value);
+	}
+
+	/**
+	 * Adds the following line to the message:
+	 * <pre>
+	 *    event-lock: true
+	 *  </pre>
+	 */
+	public SendMessage addEventLock() {
+		return addLine("event-lock", "true");
+	}
+
+	/**
+	 * Indicate if message was constructed with a UUID.
+	 *
+	 * @return true if constructed with a UUID.
+	 */
+	public boolean hasUuid() {
+		return uuid;
+	}
+}
diff --git a/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/event/Event.java b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/event/Event.java
new file mode 100644
index 00000000..780a76e7
--- /dev/null
+++ b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/event/Event.java
@@ -0,0 +1,197 @@
+/*
+ * Copyright 2010 david varnes.
+ *
+ * Licensed under the Apache License, version 2.0 (the "License"); 
+ * you may not use this file except in compliance with the License. 
+ * You may obtain a copy of the License at:
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, 
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.freeswitch.esl.client.transport.event;
+
+import java.util.Map;
+import lombok.Getter;
+import java.util.List;
+import java.util.HashMap;
+import java.net.URLDecoder;
+import java.util.ArrayList;
+import lombok.extern.slf4j.Slf4j;
+import java.nio.charset.StandardCharsets;
+import java.io.UnsupportedEncodingException;
+import org.apache.commons.lang3.StringUtils;
+import org.freeswitch.esl.client.transport.HeaderParser;
+import org.freeswitch.esl.client.transport.message.Header;
+import org.freeswitch.esl.client.transport.message.Message;
+import org.freeswitch.esl.client.transport.message.Header.Name;
+import org.freeswitch.esl.client.transport.message.Header.Value;
+
+/**
+ * FreeSWITCH Event Socket <strong>events</strong> are decoded into this data object.
+ * <p/>
+ * An ESL event is modelled as a collection of text lines. An event always has several eventHeader
+ * lines, and optionally may have some body lines.  In addition the messageHeaders of the
+ * original containing {@link Message} which carried the event are also available.
+ * <p/>
+ * The eventHeader lines are parsed and cached in a map keyed by the eventHeader name string. An event
+ * is always expected to have an "Event-Name" eventHeader. Commonly used eventHeader names are coded
+ * in {@link EventHeaderNames}
+ * <p/>
+ * Any eventBody lines are cached in a list.
+ * <p/>
+ * The messageHeader lines from the original message are cached in a map keyed by {@link Header.Name}.
+ *
+ * @see EventHeaderNames
+ */
+@Slf4j
+public class Event {
+    @Getter
+	private final Map<Name, String> messageHeaders;
+    @Getter
+	private final Map<String, String> headers;
+    @Getter
+	private final List<String> body;
+    @Getter
+    private final String name;
+    @Getter
+    private final String subclass;
+	private boolean decodeHeader = true;
+
+	public Event(Message rawMessage) {
+		this(rawMessage, false);
+	}
+
+	public Event(Message rawMessage, boolean parseCommandReply) {
+		messageHeaders = rawMessage.getHeaders();
+		headers = new HashMap<>(rawMessage.getBody().size());
+		body = new ArrayList<>();
+		final String contentType = rawMessage.getContentType();
+
+		if (contentType.equals(Value.TEXT_EVENT_PLAIN)) {
+			parsePlainBody(rawMessage.getBody());
+		}
+		else if (contentType.equals(Value.COMMAND_REPLY) && parseCommandReply) {
+			parsePlainBody(rawMessage.getBody());
+		}
+		else {
+			throw new IllegalStateException(
+				"Unexpected EVENT Content-Type: " + contentType);
+		}
+		name = headers.get(EventHeaderNames.EVENT_NAME);
+		subclass = headers.get(EventHeaderNames.EVENT_SUBCLASS);
+	}
+
+    /**
+     * Convenience method.
+     * get header
+     *
+     * @param name header name
+     * @return header value
+     */
+    public String getHeader(final String name) {
+        return headers.get(name);
+    }
+
+	/**
+	 * Convenience method.
+	 *
+	 * @return long value of the event header "Event-Date-Timestamp"
+	 */
+	public long getTimestamp() {
+		return Long.valueOf(headers.get(EventHeaderNames.EVENT_DATE_TIMESTAMP));
+	}
+
+	/**
+	 * Convenience method.
+	 *
+	 * @return long value of the event header "Event-Date-Local"
+	 */
+	public String getDateLocal() {
+		return headers.get(EventHeaderNames.EVENT_DATE_LOCAL);
+	}
+
+	/**
+	 * Convenience method.
+	 *
+	 * @return long value of the event header "Event-Date-GMT"
+	 */
+	public String getDateGmt() {
+		return headers.get(EventHeaderNames.EVENT_DATE_GMT);
+	}
+
+	/**
+	 * Convenience method.
+	 *
+	 * @return true if the body list is not empty.
+	 */
+	public boolean hasBody() {
+		return !body.isEmpty();
+	}
+
+	private void parsePlainBody(final List<String> rawBodyLines) {
+		boolean isBody = false;
+		for (final String rawLine : rawBodyLines) {
+			if (!isBody) {
+				// split the line
+				final String[] headerParts =
+                    HeaderParser.splitHeader(rawLine);
+				final String headerName = StringUtils.trim(headerParts[0]);
+				final String headerValue = StringUtils.trim(headerParts[1]);
+
+				if (StringUtils.isNotBlank(headerName)) {
+					headers.put(headerName,
+						decodeHeader ? tryDecode(headerValue) : headerValue);
+				}
+
+				if (headerName.equals(EventHeaderNames.CONTENT_LENGTH)) {
+					// the remaining lines will be considered body lines
+					isBody = true;
+				}
+			}
+			else {
+				// ignore blank line (always is one following the content-length
+				if (StringUtils.isNotBlank(rawLine)) {
+					body.add(rawLine);
+				}
+			}
+		}
+	}
+
+	private String tryDecode(final String val) {
+
+	    if (StringUtils.isBlank(val)) {
+			return val;
+		}
+
+		try {
+			final String decVal = URLDecoder.decode(
+				val, StandardCharsets.UTF_8.name());
+			log.debug("Decoded header from: [{}]", val);
+			log.debug("Decoded header to: [{}]", decVal);
+			return decVal;
+		}
+		catch (UnsupportedEncodingException e) {
+			log.warn("Could not URL decode [{}].", val);
+			return val;
+		}
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override
+	public String toString() {
+		final Map<String, Object> mapToString = new HashMap<>(8);
+        mapToString.put("name", name);
+        mapToString.put("subclass", subclass);
+        mapToString.put("messageHeaders", messageHeaders.size());
+        mapToString.put("headers", headers.size());
+        mapToString.put("body", body.size() + " lines");
+	    return mapToString.toString();
+	}
+}
diff --git a/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/event/EventHeaderNames.java b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/event/EventHeaderNames.java
new file mode 100644
index 00000000..349855fd
--- /dev/null
+++ b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/event/EventHeaderNames.java
@@ -0,0 +1,89 @@
+/*
+ * Copyright 2010 david varnes.
+ *
+ * Licensed under the Apache License, version 2.0 (the "License"); 
+ * you may not use this file except in compliance with the License. 
+ * You may obtain a copy of the License at:
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, 
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.freeswitch.esl.client.transport.event;
+
+/**
+ * Convenience container class for some commonly used ESL event header names (note there are many more!).
+ * <p/>
+ * These names are stored as strings (rather than an Enum) so that there is no necessity to keep up to
+ * date with changes or additions to event header names.
+ */
+public class EventHeaderNames {
+	/**
+	 * {@code "Event-Name"}
+	 */
+	public static final String EVENT_NAME = "Event-Name";
+	/**
+	 * {@code "Event-Subclass"}
+	 */
+	public static final String EVENT_SUBCLASS = "Event-Subclass";
+	/**
+	 * {@code "Event-Date-Local"}
+	 */
+	public static final String EVENT_DATE_LOCAL = "Event-Date-Local";
+	/**
+	 * {@code "Event-Date-GMT"}
+	 */
+	public static final String EVENT_DATE_GMT = "Event-Date-GMT";
+	/**
+	 * {@code "Event-Date-Timestamp"}
+	 */
+	public static final String EVENT_DATE_TIMESTAMP = "Event-Date-Timestamp";
+	/**
+	 * {@code "Event-Calling-File"}
+	 */
+	public static final String EVENT_CALLING_FILE = "Event-Calling-File";
+	/**
+	 * {@code "Event-Calling-Function"}
+	 */
+	public static final String EVENT_CALLING_FUNCTION = "Event-Calling-Function";
+	/**
+	 * {@code "Event-Calling-Line-Number"}
+	 */
+	public static final String EVENT_CALLING_LINE_NUMBER = "Event-Calling-Line-Number";
+	/**
+	 * {@code "FreeSWITCH-Hostname"}
+	 */
+	public static final String FREESWITCH_HOSTNAME = "FreeSWITCH-Hostname";
+	/**
+	 * {@code "FreeSWITCH-IPv4"}
+	 */
+	public static final String FREESWITCH_IPV4 = "FreeSWITCH-IPv4";
+	/**
+	 * {@code "FreeSWITCH-IPv6"}
+	 */
+	public static final String FREESWITCH_IPV6 = "FreeSWITCH-IPv6";
+	/**
+	 * {@code "Core-UUID"}
+	 */
+	public static final String CORE_UUID = "Core-UUID";
+	/**
+	 * {@code "Content-Length"}
+	 */
+	public static final String CONTENT_LENGTH = "Content-Length";
+	/**
+	 * {@code "Job-Command"}
+	 */
+	public static final String JOB_COMMAND = "Job-Command";
+	/**
+	 * {@code "Job-UUID"}
+	 */
+	public static final String JOB_UUID = "Job-UUID";
+
+	private EventHeaderNames() {
+		/* private class */
+	}
+}
diff --git a/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/message/Header.java b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/message/Header.java
new file mode 100644
index 00000000..c94b2aee
--- /dev/null
+++ b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/message/Header.java
@@ -0,0 +1,116 @@
+/*
+ * Copyright 2010 david varnes.
+ *
+ * Licensed under the Apache License, version 2.0 (the "License"); 
+ * you may not use this file except in compliance with the License. 
+ * You may obtain a copy of the License at:
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, 
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.freeswitch.esl.client.transport.message;
+
+/**
+ * Container class for enumeration of ESL message header names, and some commonly used
+ * header string values.
+ */
+public class Header {
+	/**
+	 * Standard ESL header names.
+	 * <p/>
+	 * Note this enum will need to be kept in synch with any new headers introduced on the server side.
+	 */
+	public enum Name {
+		/*
+		 *  Minor optimization - put most often used headers at the top for fastest resolution
+		 *  in static fromLiteral().
+		 */
+		/**
+		 * {@code "Content-Type"}
+		 */
+		CONTENT_TYPE("Content-Type"),
+		/**
+		 * {@code "Content-Length"}
+		 */
+		CONTENT_LENGTH("Content-Length"),
+		/**
+		 * {@code "Reply-Text"}
+		 */
+		REPLY_TEXT("Reply-Text"),
+		/**
+		 * {@code "Job-UUID"}
+		 */
+		JOB_UUID("Job-UUID"),
+		/**
+		 * {@code "Socket-Mode"}
+		 */
+		SOCKET_MODE("Socket-Mode"),
+		/**
+		 * {@code "Control"}
+		 */
+		Control("Control"),;
+
+		private final String literal;
+
+		Name(String literal) {
+			this.literal = literal;
+		}
+
+		public String literal() {
+			return literal;
+		}
+
+		public static Name fromLiteral(String literal) {
+			for (Name name : values()) {
+				if (name.literal.equalsIgnoreCase(literal)) {
+					return name;
+				}
+			}
+
+			return null;
+		}
+	}
+
+	/**
+	 * Some common ESL header values. These are provided as a convenience for commonly used values.
+	 * <p/>
+	 * This values are not coded as an enum to allow for the very large range of possible values,
+	 * since they are just Strings.
+	 */
+	public static final class Value {
+		/**
+		 * {@code "+OK"}
+		 */
+		public static final String OK = "+OK";
+		/**
+		 * {@code "auth/request"}
+		 */
+		public static final String AUTH_REQUEST = "auth/request";
+		/**
+		 * {@code "api/response"}
+		 */
+		public static final String API_RESPONSE = "api/response";
+		/**
+		 * {@code "command/reply"}
+		 */
+		public static final String COMMAND_REPLY = "command/reply";
+		/**
+		 * {@code "text/event-plain"}
+		 */
+		public static final String TEXT_EVENT_PLAIN = "text/event-plain";
+		/**
+		 * {@code "text/disconnect-notice"}
+		 */
+		public static final String TEXT_DISCONNECT_NOTICE = "text/disconnect-notice";
+		/**
+		 * {@code "-ERR invalid"}
+		 */
+		public static final String ERR_INVALID = "-ERR invalid";
+	}
+
+}
diff --git a/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/message/Message.java b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/message/Message.java
new file mode 100644
index 00000000..9138506b
--- /dev/null
+++ b/lib/fsesl-api/src/main/java/org/freeswitch/esl/client/transport/message/Message.java
@@ -0,0 +1,125 @@
+package org.freeswitch.esl.client.transport.message;
+
+import lombok.Getter;
+import java.util.Map;
+import java.util.List;
+import java.util.HashMap;
+import java.util.ArrayList;
+import lombok.extern.slf4j.Slf4j;
+import org.freeswitch.esl.client.transport.message.Header.Name;
+import static org.freeswitch.esl.client.transport.message.Header.Value.OK;
+
+/**
+ * Basic FreeSWITCH Event Socket messages from the server are decoded into this data object.
+ * <p/>
+ * An ESL message is modelled as text lines.  A message always has one or more header lines, and
+ * optionally may have some body lines.
+ * <p/>
+ * Header lines are parsed and cached in a map keyed by the {@link Header.Name} enum.  A message
+ * is always expected to have a "Content-Type" header
+ * <p/>
+ * Any Body lines are cached in a list.
+ *
+ * @see Header.Name
+ */
+@Slf4j
+public class Message {
+    @Getter
+	private final Map<Name, String> headers = new HashMap<>();
+    @Getter
+	private final List<String> body = new ArrayList<>();
+	private Integer contentLength = null;
+
+	/**
+	 * Convenience method
+	 *
+	 * @param headerName as a {@link Header.Name}
+	 * @return true if an only if there is a header entry with the supplied header name
+	 */
+	public boolean hasHeader(Name headerName) {
+		return headers.containsKey(headerName);
+	}
+
+	/**
+	 * Convenience method
+	 *
+	 * @param headerName as a {@link Header.Name}
+	 * @return same as getHeaders().get( headerName )
+	 */
+	public String getHeader(Name headerName) {
+		return headers.get(headerName);
+	}
+
+	/**
+	 * Convenience method
+	 *
+	 * @return true if and only if a header exists with name "Content-Length"
+	 */
+	public boolean hasContentLength() {
+		return headers.containsKey(Name.CONTENT_LENGTH);
+	}
+
+	/**
+	 * Convenience method
+	 *
+	 * @return integer value of header with name "Content-Length"
+	 */
+	public Integer getContentLength() {
+		if (contentLength != null) {
+			return contentLength;
+		}
+		if (hasContentLength()) {
+			contentLength = Integer.valueOf(
+                headers.get(Name.CONTENT_LENGTH));
+		}
+		return contentLength;
+	}
+
+	/**
+	 * Convenience method
+	 *
+	 * @return header value of header with name "Content-Type"
+	 */
+	public String getContentType() {
+		return headers.get(Name.CONTENT_TYPE);
+	}
+
+	/**
+	 * Used by the {@link FrameDecoder}.
+	 */
+	void addHeader(Name name, String value) {
+		log.debug("adding header [{}] [{}]", name, value);
+		headers.put(name, value);
+	}
+
+	/**
+	 * Used by the {@link FrameDecoder}
+	 */
+	void addBodyLine(String line) {
+		if (line != null) {
+            body.add(line);
+		}
+	}
+
+	/**
+	 * Did this message return Reply-Text: +OK ...
+	 *
+	 * @return true if reply starts with +OK, false if not.
+	 */
+	public boolean isReplyOk() {
+        final String reply = getHeader(Name.REPLY_TEXT);
+        return reply != null && reply.startsWith(OK);
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override
+	public String toString() {
+		final Map<String, Object> mapToString = new HashMap<>(8);
+		mapToString.put("contentType", getContentType());
+		mapToString.put("headers", headers.size());
+		mapToString.put("body", body.size() + " lines");
+		return mapToString.toString();
+	}
+}
diff --git a/lib/fsesl-api/src/main/resources/.gitkeep b/lib/fsesl-api/src/main/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/fsesl-api/src/test/java/org/freeswitch/esl/client/TestDriver.java b/lib/fsesl-api/src/test/java/org/freeswitch/esl/client/TestDriver.java
new file mode 100644
index 00000000..59e8f06c
--- /dev/null
+++ b/lib/fsesl-api/src/test/java/org/freeswitch/esl/client/TestDriver.java
@@ -0,0 +1,8 @@
+package org.freeswitch.esl.client;
+
+/**
+ * @author Donghuang <br>
+ * Dec 27, 2019 15:07:04
+ */
+public class TestDriver {
+}
diff --git a/lib/fsesl-api/src/test/resources/log4j2.xml b/lib/fsesl-api/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..3e7204bf
--- /dev/null
+++ b/lib/fsesl-api/src/test/resources/log4j2.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="log.level">DEBUG</Property>
+        <Property name="log.dir">.logs</Property>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="%highlight{%-d{yyyy-MM-dd HH:mm:ss,SSS}}{FATAL=magenta, ERROR=magenta, WARN=magenta, INFO=magenta, DEBUG=magenta, TRACE=magenta} %highlight{%-5p}{FATAL=red blink, ERROR=red, WARN=yellow bold, INFO=black, DEBUG=green bold, TRACE=blue} [%t][%highlight{%c{1.}}{FATAL=cyan, ERROR=cyan, WARN=cyan, INFO=cyan, DEBUG=cyan, TRACE=cyan}] %m%n"/>
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+    </Appenders>
+    <Loggers>
+        <Logger name="org.springframework" level="INFO" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.apache" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.hibernate.validator" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Root level="${log.level}" additivity="false">
+            <AppenderRef ref="File" level="${log.level}" />
+            <AppenderRef ref="Console" level="${log.level}" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/fsesl/README.md b/lib/fsesl/README.md
new file mode 100644
index 00000000..d7d95b57
--- /dev/null
+++ b/lib/fsesl/README.md
@@ -0,0 +1 @@
+# Yo BR FreeSWITCH ESL
diff --git a/lib/fsesl/pom.xml b/lib/fsesl/pom.xml
new file mode 100644
index 00000000..2b3d68cb
--- /dev/null
+++ b/lib/fsesl/pom.xml
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-fsesl</artifactId>
+    <name>Yo BR FreeSWITCH ESL</name>
+    <description>Yo BR FreeSWITCH Event Socket Library</description>
+    <version>0.0.1-SNAPSHOT</version>
+    <packaging>jar</packaging>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-library</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-fsesl-api</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.slf4j</groupId>
+            <artifactId>slf4j-api</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>io.netty</groupId>
+            <artifactId>netty-all</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.commons</groupId>
+            <artifactId>commons-lang3</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-context</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-log4j2</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/fsesl/src/main/java/org/freeswitch/esl/client/inbound/ChannelHandler.java b/lib/fsesl/src/main/java/org/freeswitch/esl/client/inbound/ChannelHandler.java
new file mode 100644
index 00000000..7658e0d5
--- /dev/null
+++ b/lib/fsesl/src/main/java/org/freeswitch/esl/client/inbound/ChannelHandler.java
@@ -0,0 +1,91 @@
+/*
+ * Copyright 2010 david varnes.
+ *
+ * Licensed under the Apache License, version 2.0 (the "License"); 
+ * you may not use this file except in compliance with the License. 
+ * You may obtain a copy of the License at:
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, 
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.freeswitch.esl.client.inbound;
+
+import java.util.List;
+import java.util.concurrent.*;
+import lombok.extern.slf4j.Slf4j;
+import java.util.function.Consumer;
+import lombok.RequiredArgsConstructor;
+import io.netty.channel.ChannelHandler.Sharable;
+import io.netty.channel.ChannelHandlerContext;
+import org.freeswitch.esl.client.transport.Response;
+import org.freeswitch.esl.client.transport.event.Event;
+import org.freeswitch.esl.client.transport.message.Header;
+import org.freeswitch.esl.client.internal.AbstractChannelHandler;
+
+/**
+ * End users of the inbound {@link Client} should not need to use this class.
+ * <p/>
+ * Specialised {@link AbstractChannelHandler} that implements the connection logic for an
+ * 'Inbound' FreeSWITCH Event Socket connection.  The responsibilities for this class are:
+ * <ul><li>
+ * To handle the auth request that the FreeSWITCH server will send immediately following a new
+ * connection when mode is Inbound.
+ * <li>
+ * To signal the observing {@link ProtocolListener} (expected to be the Inbound client
+ * implementation) when ESL events are received.
+ * </ul>
+ */
+@Slf4j
+@Sharable
+@RequiredArgsConstructor
+class ChannelHandler extends AbstractChannelHandler {
+    private final ExecutorService eventExecutor =
+        new ThreadPoolExecutor(1, 1, 0L,
+            TimeUnit.MILLISECONDS,
+            new LinkedBlockingQueue<>(512));
+	private final String password;
+    private final List<Consumer<Event>> eventListeners;
+    private final List<Consumer<ChannelHandlerContext>> disconnectedListeners;
+    private final Consumer<Response> authResponseReceived;
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override
+	protected void handleEvent(final Event event) {
+		log.debug("Received event: [{}]", event);
+		eventListeners.forEach(l -> eventExecutor.submit(() -> l.accept(event)));
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override
+	protected void handleAuthRequest(final ChannelHandlerContext ctx) {
+		log.debug("Auth requested, sending [auth *****]");
+		send(ctx.channel(), "auth " + password).thenAccept(response -> {
+                log.debug("Auth response [{}]", response);
+                if (response.getContentType().equals(Header.Value.COMMAND_REPLY)) {
+                    authResponseReceived.accept(new Response("auth " + password, response));
+                }
+                else {
+                    log.error("Bad auth response message [{}]", response);
+                    throw new IllegalStateException("Incorrect auth response");
+                }
+            });
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override
+	protected void onDisconnected(final ChannelHandlerContext ctx) {
+		log.debug("Received disconnection notice.");
+        disconnectedListeners.forEach(l -> eventExecutor.submit(() -> l.accept(ctx)));
+	}
+}
diff --git a/lib/fsesl/src/main/java/org/freeswitch/esl/client/inbound/Client.java b/lib/fsesl/src/main/java/org/freeswitch/esl/client/inbound/Client.java
new file mode 100644
index 00000000..71df1041
--- /dev/null
+++ b/lib/fsesl/src/main/java/org/freeswitch/esl/client/inbound/Client.java
@@ -0,0 +1,330 @@
+package org.freeswitch.esl.client.inbound;
+
+import lombok.Getter;
+import lombok.Setter;
+import java.util.List;
+import io.netty.channel.*;
+import java.util.concurrent.*;
+import lombok.extern.slf4j.Slf4j;
+import java.net.InetSocketAddress;
+import java.util.concurrent.atomic.AtomicBoolean;
+import java.util.function.Consumer;
+import io.netty.bootstrap.Bootstrap;
+import io.netty.channel.socket.SocketChannel;
+import io.netty.channel.nio.NioEventLoopGroup;
+import org.freeswitch.esl.client.EslClientApi;
+import org.freeswitch.esl.client.internal.Context;
+import io.netty.handler.codec.string.StringEncoder;
+import io.netty.channel.socket.nio.NioSocketChannel;
+import org.freeswitch.esl.client.transport.Response;
+import org.freeswitch.esl.client.transport.event.Event;
+import org.freeswitch.esl.client.transport.message.Message;
+import org.freeswitch.esl.client.transport.command.SendEvent;
+import org.freeswitch.esl.client.transport.command.SendMessage;
+import org.freeswitch.esl.client.transport.message.FrameDecoder;
+import org.springframework.util.Assert;
+
+/**
+ * @author Donghuang
+ * @date Mar 16, 2020 14:28:08
+ */
+@Slf4j
+public class Client implements EslClientApi {
+    final InetSocketAddress address;
+
+    private final EventLoopGroup workerEventLoopGroup;
+    private final Bootstrap bootstrap;
+    private final ChannelHandler handler;
+
+	private final List<Consumer<Event>> eventListeners = new CopyOnWriteArrayList<>();
+	private final List<Consumer<ChannelHandlerContext>> disconnectedListeners =
+        new CopyOnWriteArrayList<>();
+	private volatile boolean authenticationResponded;
+	private volatile boolean exited;
+	@Getter
+	@Setter
+	private boolean autoReconnect;
+	private boolean authenticated;
+	private Response authenticationResponse;
+	private Context context;
+	private AtomicBoolean connecting = new AtomicBoolean(false);
+
+	@Setter
+	private Runnable connectedCallback;
+
+    /**
+     * Inbound client constructor
+     *
+     * @param host FreeSWITCH ESL host
+     * @param port FreeSWITCH ESL port
+     * @param password FreeSWITCH ESL password
+     */
+    public Client(final String host, final int port, final String password) {
+        address = new InetSocketAddress(host, port);
+        workerEventLoopGroup = new NioEventLoopGroup();
+        bootstrap = new Bootstrap()
+            .group(workerEventLoopGroup)
+            .channel(NioSocketChannel.class)
+            .option(ChannelOption.SO_KEEPALIVE, true);
+
+        handler = new ChannelHandler(password, eventListeners, disconnectedListeners, response -> {
+            authenticationResponded = true;
+            authenticated = response.isOk();
+            authenticationResponse = response;
+            log.info("Auth response success: {}, message: [{}]", authenticated, response.getReplyText());
+        });
+
+        bootstrap.handler(new ChannelInitializer<SocketChannel>() {
+            /**
+             * {@inheritDoc}
+             */
+            @Override
+            protected void initChannel(final SocketChannel channel) {
+                final ChannelPipeline pipeline = channel.pipeline();
+                pipeline.addLast("decoder", new FrameDecoder(8192));
+                // now the inbound client logic
+                pipeline.addLast("clientHandler", handler);
+                pipeline.addLast("encoder", new StringEncoder());
+            }
+        });
+    }
+
+    /**
+     * Attempt to establish an authenticated connection to the nominated FreeSWITCH ESL server socket.
+     * This call will block, waiting for an authentication handshake to occur, or timeout after the
+     * supplied number of seconds.
+     */
+	public Client connect() {
+		return connect(10);
+    }
+
+	/**
+	 * Attempt to establish an authenticated connection to the nominated FreeSWITCH ESL server socket.
+	 * This call will block, waiting for an authentication handshake to occur, or timeout after the
+	 * supplied number of seconds.
+	 * @param timeoutSeconds number of seconds to wait for the server socket before aborting
+	 */
+	public Client connect(int timeoutSeconds) {
+        log.info("Connecting to {} ...", address);
+
+		// If already connected, ignore
+		if (isActive()) {
+            log.info("Connection is active, ignore.");
+            return this;
+		}
+
+		Assert.state(connecting.compareAndSet(false, true),
+			"ESL client is connecting");
+
+        authenticationResponded = false;
+		// Attempt connection
+		final ChannelFuture future = bootstrap.connect(address);
+
+		// Wait till attempt succeeds, fails or timeouts
+		if (!future.awaitUninterruptibly(timeoutSeconds, TimeUnit.SECONDS)) {
+			throw new IllegalStateException("Timeout connecting to " + address);
+		}
+
+		// Did not timeout
+		final Channel channel = future.channel();
+
+		// But may have failed anyway
+		if (!future.isSuccess()) {
+			log.warn("Failed to connect to [{}]", address, future.cause());
+			connecting.compareAndSet(true, false);
+			throw new IllegalStateException(
+				"Could not connect to " + address, future.cause());
+		}
+
+		log.info("Connected to {}", address);
+		connecting.compareAndSet(true, false);
+
+		//  Wait for the authentication handshake to call back
+		while (!authenticationResponded) {
+			try {
+			    TimeUnit.MILLISECONDS.sleep(260);
+			}
+			catch (InterruptedException e) {
+				// ignore
+				log.debug("Thread sleep exception caused.", e);
+			}
+		}
+
+		context = new Context(channel, handler);
+
+		if (!authenticated) {
+			throw new IllegalStateException("Authentication failed: " +
+                authenticationResponse.getReplyText());
+		}
+		log.info("Authenticated.");
+
+		if (connectedCallback != null) {
+			log.info("Run connected callback.");
+			connectedCallback.run();
+		}
+		return this;
+	}
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public boolean isActive() {
+        return context != null
+            && context.isActive()
+            && authenticated;
+    }
+
+    /**
+     * Add custom event listener
+     *
+     * @param listener listener
+     */
+    public void addEventListener(final Consumer<Event> listener) {
+        eventListeners.add(listener);
+    }
+
+    public void addDisconnectedListener(final Consumer<ChannelHandlerContext> listener) {
+        disconnectedListeners.add(listener);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Message cmd(String command) {
+        checkConnected();
+        return context.cmd(command);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	public Message api(String command, String... args) {
+		checkConnected();
+		return context.api(command, args);
+	}
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	public CompletableFuture<Event> bgApi(String command, String... args) {
+		checkConnected();
+		return context.bgApi(command, args);
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override
+	public Response api(SendMessage sendMsg) {
+		checkConnected();
+		return context.api(sendMsg);
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override
+	public Response api(SendEvent sendEvent) {
+		checkConnected();
+		return context.api(sendEvent);
+	}
+
+
+	/**
+     * {@inheritDoc}
+     */
+	@Override
+	public Response event(final String events) {
+		log.info("FreeSWITCH ESL event [{}].", events);
+		checkConnected();
+		return context.event(events);
+	}
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	public Response noEvents() {
+		checkConnected();
+		return context.noEvents();
+	}
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	public Response filter(String eventHeader, String valueToFilter) {
+		checkConnected();
+		return context.filter(eventHeader, valueToFilter);
+	}
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	public Response deleteFilter(String eventHeader, String valueToFilter) {
+		checkConnected();
+		return context.deleteFilter(eventHeader, valueToFilter);
+	}
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	public Response setLogLevel(LogLevel level) {
+		checkConnected();
+		return context.setLogLevel(level);
+	}
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	public Response noLog() {
+		checkConnected();
+		return context.noLog();
+	}
+
+	/**
+	 * Close the socket connection
+	 *
+	 * @return a {@link Response} with the server's response.
+	 */
+	public Response exit() {
+	    log.info("Exit FreeSWITCH ESL client.");
+		final Response response = new Response("exit", cmd("exit"));
+		exited = true;
+		log.info("Shutdown worker event group.");
+		workerEventLoopGroup.shutdownGracefully();
+		return response;
+	}
+
+    private void checkConnected() {
+
+		if (exited) {
+			throw new IllegalStateException(
+				"FreeSWICH ESL client has been exited");
+		}
+
+        if (!isActive()) {
+            if (autoReconnect) {
+            	log.info("ESL client is disconnected, reconnect.");
+            	connect();
+
+                if (isActive()) {
+                    log.info("ESL client reconnected.");
+                    return;
+                }
+                log.warn("ESL client reconnect failed.");
+			}
+
+            throw new IllegalStateException(
+                "Not connected to FreeSWITCH event socket");
+        }
+    }
+}
+
diff --git a/lib/fsesl/src/main/java/org/freeswitch/esl/client/inbound/ProtocolListener.java b/lib/fsesl/src/main/java/org/freeswitch/esl/client/inbound/ProtocolListener.java
new file mode 100644
index 00000000..7efa5a38
--- /dev/null
+++ b/lib/fsesl/src/main/java/org/freeswitch/esl/client/inbound/ProtocolListener.java
@@ -0,0 +1,46 @@
+/*
+ * Copyright 2010 david varnes.
+ *
+ * Licensed under the Apache License, version 2.0 (the "License"); 
+ * you may not use this file except in compliance with the License. 
+ * You may obtain a copy of the License at:
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, 
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.freeswitch.esl.client.inbound;
+
+import org.freeswitch.esl.client.transport.Response;
+import org.freeswitch.esl.client.transport.event.Event;
+
+/**
+ * End users of the {@link Client} should not need to use this class.
+ * <p/>
+ * Allow client implementations to observe events arriving from the server.
+ */
+interface ProtocolListener {
+
+	/**
+	 * auth response
+	 *
+	 * @param response response
+	 */
+	void authResponseReceived(Response response);
+
+	/**
+	 * on event
+	 *
+	 * @param event event
+	 */
+	void onEvent(Event event);
+
+    /**
+     * channel disconnected
+     */
+	void disconnected();
+}
diff --git a/lib/fsesl/src/main/java/org/freeswitch/esl/client/internal/AbstractChannelHandler.java b/lib/fsesl/src/main/java/org/freeswitch/esl/client/internal/AbstractChannelHandler.java
new file mode 100644
index 00000000..6a711208
--- /dev/null
+++ b/lib/fsesl/src/main/java/org/freeswitch/esl/client/internal/AbstractChannelHandler.java
@@ -0,0 +1,223 @@
+/*
+ * Copyright 2010 david varnes.
+ *
+ * Licensed under the Apache License, version 2.0 (the "License"); 
+ * you may not use this file except in compliance with the License. 
+ * You may obtain a copy of the License at:
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, 
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.freeswitch.esl.client.internal;
+
+import java.io.Serializable;
+import java.util.List;
+import java.util.concurrent.*;
+import io.netty.channel.Channel;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import io.netty.channel.ChannelHandlerContext;
+import java.util.concurrent.locks.ReentrantLock;
+import io.netty.channel.SimpleChannelInboundHandler;
+import org.freeswitch.esl.client.transport.event.Event;
+import org.freeswitch.esl.client.transport.message.Message;
+import org.freeswitch.esl.client.transport.message.Header.Name;
+import org.freeswitch.esl.client.transport.message.Header.Value;
+import org.freeswitch.esl.client.transport.event.EventHeaderNames;
+
+/**
+ * Specialised {@link SimpleChannelInboundHandler} that implements the logic of an ESL connection that
+ * is common to both inbound and outbound clients. This
+ * handler expects to receive decoded {@link Message} or {@link Event} objects. The key
+ * responsibilities for this class are:
+ * <ul><li>
+ * To synthesise a synchronous command/response api.  All IO operations using the underlying Netty
+ * library are intrinsically asynchronous which provides for excellent response and scalability.  This
+ * class provides for a blocking wait mechanism for responses to commands issued to the server.  A
+ * key assumption here is that the FreeSWITCH server will process synchronous requests in the order they
+ * are received.
+ * </li><li>
+ * Concrete sub classes are expected to 'terminate' the Netty IO processing pipeline (ie be the 'last'
+ * handler).
+ * </li></ul>
+ */
+@Slf4j
+public abstract class AbstractChannelHandler extends SimpleChannelInboundHandler<Message> {
+
+	public static final String MESSAGE_TERMINATOR = "\n\n";
+	public static final String LINE_TERMINATOR = "\n";
+
+    /**
+     * used to preserve association between adding future to queue and sending message on channel
+     */
+	private final ReentrantLock syncLock = new ReentrantLock();
+	private final ConcurrentLinkedQueue<CompletableFuture<Message>> apiCalls =
+        new ConcurrentLinkedQueue<>();
+
+	private final ConcurrentHashMap<String, CompletableFuture<Event>> backgroundJobs =
+        new ConcurrentHashMap<>();
+	private final ExecutorService backgroundJobExecutor =
+        Executors.newCachedThreadPool();
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	public void exceptionCaught(final ChannelHandlerContext ctx, final Throwable e) {
+
+		for (final CompletableFuture<Message> apiCall : apiCalls) {
+			apiCall.completeExceptionally(e.getCause());
+		}
+
+		for (final CompletableFuture<Event> backgroundJob : backgroundJobs.values()) {
+			backgroundJob.completeExceptionally(e.getCause());
+		}
+
+		ctx.close();
+		ctx.fireExceptionCaught(e);
+	}
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	protected void channelRead0(final ChannelHandlerContext ctx, final Message message) {
+		final String contentType = message.getContentType();
+		if (contentType.equals(Value.TEXT_EVENT_PLAIN)) {
+			//  transform into an event
+			final Event event = new Event(message);
+			if ("BACKGROUND_JOB".equals(event.getName())) {
+				final String jobUuid = event.getHeaders()
+                    .get(EventHeaderNames.JOB_UUID);
+				final CompletableFuture<Event> future =
+                    backgroundJobs.remove(jobUuid);
+				if (future != null) {
+					future.complete(event);
+				}
+			}
+			else {
+				handleEvent(event);
+			}
+		}
+		else {
+			handleMessage(ctx, message);
+		}
+	}
+
+	protected void handleMessage(final ChannelHandlerContext ctx, final Message message) {
+		log.info("Received message: [{}]", message);
+		final String contentType = message.getContentType();
+
+		switch (contentType) {
+			case Value.API_RESPONSE:
+				log.debug("Api response received [{}]", message);
+				apiCalls.poll().complete(message);
+				break;
+
+			case Value.COMMAND_REPLY:
+				log.debug("Command reply received [{}]", message);
+				apiCalls.poll().complete(message);
+				break;
+
+			case Value.AUTH_REQUEST:
+				log.debug("Auth request received [{}]", message);
+				handleAuthRequest(ctx);
+				break;
+
+			case Value.TEXT_DISCONNECT_NOTICE:
+				log.debug("Disconnect notice received [{}]", message);
+				onDisconnected(ctx);
+				break;
+
+			default:
+				log.warn("Unexpected message content type [{}]", contentType);
+				break;
+		}
+	}
+
+	/**
+	 * Synthesise a synchronous command/response by creating a callback object which is placed in
+	 * queue and blocks waiting for another IO thread to process an incoming {@link Message} and
+	 * attach it to the callback.
+	 *
+	 * @param channel
+	 * @param command single string to send
+	 * @return the {@link Message} attached to this command's callback
+	 */
+	public CompletableFuture<Message> send(final Channel channel, final CharSequence command) {
+		final CompletableFuture<Message> future = new CompletableFuture<>();
+		try {
+			syncLock.lock();
+			apiCalls.add(future);
+			log.debug("Send command [{}].", command);
+			channel.writeAndFlush(command + MESSAGE_TERMINATOR);
+		}
+		finally {
+			syncLock.unlock();
+		}
+
+		return future;
+	}
+
+	/**
+	 * Synthesise a synchronous command/response by creating a callback object which is placed in
+	 * queue and blocks waiting for another IO thread to process an incoming {@link Message} and
+	 * attach it to the callback.
+	 *
+	 * @param channel
+	 * @return the {@link Message} attached to this command's callback
+	 */
+	public CompletableFuture<Message> send(final Channel channel,
+        final List<? extends Serializable> commands) {
+		//  Build command with double line terminator at the end
+		return send(channel, StringUtils.join(commands, LINE_TERMINATOR));
+	}
+
+	/**
+	 * Returns the Job UUID of that the response event will have.
+	 *
+	 * @param channel
+	 * @param command
+	 * @return Job-UUID as a string
+	 */
+	public CompletableFuture<Event> bgApi(Channel channel, final CharSequence command) {
+
+		return send(channel, command).thenComposeAsync(result -> {
+                final CompletableFuture<Event> resultFuture = new CompletableFuture<>();
+                if (result.hasHeader(Name.JOB_UUID)) {
+                    final String jobId = result.getHeader(Name.JOB_UUID);
+                    backgroundJobs.put(jobId, resultFuture);
+                    return resultFuture;
+                }
+                resultFuture.completeExceptionally(
+                    new IllegalStateException("Missing Job-UUID header in bgapi response"));
+                return resultFuture;
+            }, backgroundJobExecutor);
+	}
+
+    /**
+     * handle esl event
+     *
+     * @param event event
+     */
+	protected abstract void handleEvent(Event event);
+
+    /**
+     * handle auth request
+     *
+     * @param ctx context
+     */
+	protected abstract void handleAuthRequest(ChannelHandlerContext ctx);
+
+    /**
+     * on connection disconnected
+     *
+     * @param ctx context
+     */
+	protected abstract void onDisconnected(ChannelHandlerContext ctx);
+}
diff --git a/lib/fsesl/src/main/java/org/freeswitch/esl/client/internal/Context.java b/lib/fsesl/src/main/java/org/freeswitch/esl/client/internal/Context.java
new file mode 100644
index 00000000..28e5735a
--- /dev/null
+++ b/lib/fsesl/src/main/java/org/freeswitch/esl/client/internal/Context.java
@@ -0,0 +1,185 @@
+package org.freeswitch.esl.client.internal;
+
+import lombok.SneakyThrows;
+import io.netty.channel.Channel;
+import lombok.RequiredArgsConstructor;
+import org.apache.commons.lang3.StringUtils;
+import java.util.concurrent.CompletableFuture;
+import org.freeswitch.esl.client.EslClientApi;
+import org.freeswitch.esl.client.transport.Response;
+import org.freeswitch.esl.client.transport.event.Event;
+import org.freeswitch.esl.client.transport.message.Message;
+import org.freeswitch.esl.client.transport.command.SendEvent;
+import org.freeswitch.esl.client.transport.command.SendMessage;
+import static org.freeswitch.esl.client.EslClientApi.EventFormat.PLAIN;
+
+/**
+ * @author Donghuang <br>
+ * Dec 08, 2019 20:13:49
+ */
+@RequiredArgsConstructor
+public class Context implements EslClientApi {
+	private final Channel channel;
+    private final AbstractChannelHandler handler;
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	public boolean isActive() {
+		return channel.isActive();
+	}
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	public Message cmd(String command) {
+		notBlank(command, "command cannot be blank");
+		return getUnchecked(handler.send(channel, command));
+	}
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	public Message api(String command, String... args) {
+		notBlank(command, "command cannot be blank");
+
+        final StringBuilder sb = new StringBuilder("api ").append(command);
+        appendArgs(sb, args);
+        return getUnchecked(handler.send(channel, sb));
+	}
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	public CompletableFuture<Event> bgApi(String command, String... args) {
+		notBlank(command, "command cannot be blank");
+
+		final StringBuilder sb =
+            new StringBuilder("bgapi ").append(command);
+		appendArgs(sb, args);
+		return handler.bgApi(channel, sb);
+	}
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	public Response event(final String events) {
+        notBlank(events, "events cannot be blank");
+
+        final StringBuilder sb = new StringBuilder(
+            "event ").append(PLAIN);
+        appendArgs(sb, events);
+        return new Response(sb,
+            getUnchecked(handler.send(channel, sb)));
+	}
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	public Response noEvents() {
+        return new Response("noevents",
+            getUnchecked(handler.send(channel, "noevents")));
+	}
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	public Response filter(final String eventHeader, final String value) {
+		notBlank(eventHeader, "eventHeader cannot be blank");
+
+        final StringBuilder sb = new StringBuilder(
+            "filter ").append(eventHeader);
+		appendArgs(sb, value);
+        return new Response(sb,
+            getUnchecked(handler.send(channel, sb)));
+	}
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	public Response deleteFilter(final String eventHeader, final String value) {
+		notBlank(eventHeader, "eventHeader cannot be blank");
+
+        final StringBuilder sb = new StringBuilder(
+            "filter delete ").append(eventHeader);
+        appendArgs(sb, value);
+        return new Response(sb,
+            getUnchecked(handler.send(channel, sb)));
+	}
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	public Response api(final SendMessage sendMsg) {
+		assertState(sendMsg != null, "sendmsg arg cannot be null");
+        return new Response(sendMsg.toString(),
+            getUnchecked(handler.send(channel, sendMsg.getPayload())));
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override
+	public Response api(SendEvent sendEvent) {
+		assertState(sendEvent != null, "sendevent arg cannot be null");
+		return new Response(sendEvent.toString(),
+			getUnchecked(handler.send(channel, sendEvent.getPayload())));
+	}
+
+	/**
+     * {@inheritDoc}
+     */
+	@Override
+	public Response setLogLevel(LogLevel level) {
+        final StringBuilder sb = new StringBuilder(
+            "log ").append(level.toString());
+        return new Response(sb,
+            getUnchecked(handler.send(channel, sb)));
+	}
+
+    /**
+     * {@inheritDoc}
+     */
+	@Override
+	public Response noLog() {
+        return new Response("nolog",
+            getUnchecked(handler.send(channel, "nolog")));
+	}
+
+	@SneakyThrows
+	public void closeChannel() {
+		if (channel != null && channel.isOpen()) {
+			channel.close();
+		}
+	}
+
+    private void notBlank(String value, String message) {
+        assertState(StringUtils.isNotBlank(value), message);
+    }
+
+    private void assertState(boolean state, String message) {
+		if (!state) {
+			throw new IllegalStateException(message);
+		}
+	}
+
+	private void appendArgs(final StringBuilder sb, final String... args) {
+	    if (args.length > 0) {
+            sb.append(' ').append(StringUtils.join(args, ' '));
+        }
+	}
+
+    @SneakyThrows
+    private <T> T getUnchecked(CompletableFuture<T> resp) {
+		return resp.get();
+	}
+}
diff --git a/lib/fsesl/src/main/java/org/freeswitch/esl/client/outbound/ChannelHandler.java b/lib/fsesl/src/main/java/org/freeswitch/esl/client/outbound/ChannelHandler.java
new file mode 100644
index 00000000..708073c7
--- /dev/null
+++ b/lib/fsesl/src/main/java/org/freeswitch/esl/client/outbound/ChannelHandler.java
@@ -0,0 +1,95 @@
+/*
+ * Copyright 2010 david varnes.
+ *
+ * Licensed under the Apache License, version 2.0 (the "License"); 
+ * you may not use this file except in compliance with the License. 
+ * You may obtain a copy of the License at:
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, 
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.freeswitch.esl.client.outbound;
+
+import java.util.List;
+import java.util.concurrent.*;
+import lombok.extern.slf4j.Slf4j;
+import java.util.function.Consumer;
+import java.util.function.BiConsumer;
+import lombok.RequiredArgsConstructor;
+import io.netty.channel.ChannelHandlerContext;
+import org.freeswitch.esl.client.internal.Context;
+import org.freeswitch.esl.client.transport.event.Event;
+import org.freeswitch.esl.client.transport.message.Message;
+import org.freeswitch.esl.client.internal.AbstractChannelHandler;
+
+/**
+ * Specialised {@link AbstractChannelHandler} that implements the base connecction logic for an
+ * 'Outbound' FreeSWITCH Event Socket connection.  The responsibilities for this class are:
+ * <ul><li>
+ * To send a 'connect' command when the FreeSWITCH server first establishes a new connection with
+ * the socket client in Outbound mode.  This will result in an incoming {@link Message} that is
+ * transformed into an {@link Event} that sub classes can handle.
+ * </ul>
+ */
+@Slf4j
+@RequiredArgsConstructor
+class ChannelHandler extends AbstractChannelHandler {
+	private final ExecutorService eventExecutor =
+		new ThreadPoolExecutor(1, 1, 0L,
+			TimeUnit.MILLISECONDS,
+			new LinkedBlockingQueue<>(512));
+	private final List<BiConsumer<Context, Message>> connectedListeners;
+	private final List<Consumer<Event>> eventListeners;
+	private final List<Consumer<ChannelHandlerContext>> disconnectedListeners;
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override
+	public void channelActive(final ChannelHandlerContext ctx) throws Exception {
+		super.channelActive(ctx);
+
+		// Have received a connection from FreeSWITCH server, send connect response
+		log.debug("Received new connection from server, sending connect message");
+
+		send(ctx.channel(), "connect").thenAccept(response ->
+                connectedListeners.forEach(l ->
+                    eventExecutor.submit(() ->
+                        l.accept(new Context(ctx.channel(), ChannelHandler.this), response))))
+            .exceptionally(throwable -> {
+                ctx.channel().close();
+                onDisconnected(ctx);
+                return null;
+            });
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override
+	protected void handleEvent(final Event event) {
+	    eventListeners.forEach(l -> eventExecutor.execute(() -> l.accept(event)));
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override
+	protected void handleAuthRequest(final ChannelHandlerContext ctx) {
+		// This should not happen in outbound mode
+		log.warn("Auth request received in outbound mode, ignoring");
+	}
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void onDisconnected(final ChannelHandlerContext ctx) {
+        disconnectedListeners.forEach(l -> eventExecutor.execute(() -> l.accept(ctx)));
+    }
+}
diff --git a/lib/fsesl/src/main/java/org/freeswitch/esl/client/outbound/SocketServer.java b/lib/fsesl/src/main/java/org/freeswitch/esl/client/outbound/SocketServer.java
new file mode 100644
index 00000000..c977ad31
--- /dev/null
+++ b/lib/fsesl/src/main/java/org/freeswitch/esl/client/outbound/SocketServer.java
@@ -0,0 +1,126 @@
+/*
+ * Copyright 2010 david varnes.
+ *
+ * Licensed under the Apache License, version 2.0 (the "License"); 
+ * you may not use this file except in compliance with the License. 
+ * You may obtain a copy of the License at:
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, 
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.freeswitch.esl.client.outbound;
+
+import io.netty.channel.*;
+import java.net.SocketAddress;
+import lombok.extern.slf4j.Slf4j;
+
+import java.util.List;
+import java.util.concurrent.CopyOnWriteArrayList;
+import java.util.function.BiConsumer;
+import java.util.function.Consumer;
+import lombok.RequiredArgsConstructor;
+import io.netty.bootstrap.ServerBootstrap;
+import io.netty.channel.socket.SocketChannel;
+import io.netty.channel.nio.NioEventLoopGroup;
+import org.freeswitch.esl.client.internal.Context;
+import io.netty.handler.codec.string.StringEncoder;
+import org.freeswitch.esl.client.transport.event.Event;
+import io.netty.channel.socket.nio.NioServerSocketChannel;
+import org.freeswitch.esl.client.transport.message.FrameDecoder;
+import org.freeswitch.esl.client.transport.message.Message;
+
+/**
+ * Entry point to run a socket client that a running FreeSWITCH Event Socket Library module can
+ * make outbound connections to.
+ * <p/>
+ * This class provides for what the FreeSWITCH documentation refers to as 'Outbound' connections
+ * from the Event Socket module. That is, with reference to the module running on the FreeSWITCH
+ * server, this client accepts an outbound connection from the server module.
+ * <p/>
+ * See <a href="http://wiki.freeswitch.org/wiki/Mod_event_socket">http://wiki.freeswitch.org/wiki/Mod_event_socket</a>
+ */
+@Slf4j
+@RequiredArgsConstructor
+public class SocketServer {
+    private final SocketAddress bindAddress;
+	private final EventLoopGroup masterEventLoopGroup = new NioEventLoopGroup();
+	private final EventLoopGroup workerEventLoopGroup = new NioEventLoopGroup();
+
+    private final List<BiConsumer<Context, Message>> connectedListeners = new CopyOnWriteArrayList<>();
+    private final List<Consumer<Event>> eventListeners = new CopyOnWriteArrayList<>();
+    private final List<Consumer<ChannelHandlerContext>> disconnectedListeners = new CopyOnWriteArrayList<>();
+    private final ChannelHandler channelHandler =
+        new ChannelHandler(connectedListeners, eventListeners, disconnectedListeners);
+
+    private Channel serverChannel;
+
+    /**
+     * add connected listener
+     *
+     * @param consumer connected listener
+     */
+    public void addConnectedListener(BiConsumer<Context, Message> consumer) {
+        connectedListeners.add(consumer);
+    }
+
+    /**
+     * add event listener
+     *
+     * @param consumer event listener
+     */
+    public void addEventListener(Consumer<Event> consumer) {
+        eventListeners.add(consumer);
+    }
+
+    /**
+     * add disconnected listener
+     *
+     * @param consumer disconnected listener
+     */
+    public void addDisconnectedListener(Consumer<ChannelHandlerContext> consumer) {
+        disconnectedListeners.add(consumer);
+    }
+
+	/**
+	 * start server
+	 */
+	public void start() {
+		final ServerBootstrap bootstrap = new ServerBootstrap()
+            .group(masterEventLoopGroup, workerEventLoopGroup)
+            .channel(NioServerSocketChannel.class)
+            .childHandler(new ChannelInitializer<SocketChannel>() {
+
+                /**
+                 * {@inheritDoc}
+                 */
+                @Override
+                protected void initChannel(final SocketChannel ch) {
+                    final ChannelPipeline pipeline = ch.pipeline();
+                    // Add the text line codec combination first
+                    pipeline.addLast("encoder", new StringEncoder());
+                    // Note that outbound mode requires the decoder to treat many 'headers' as body lines
+                    pipeline.addLast("decoder", new FrameDecoder(8092, true));
+                    // now the outbound client logic
+                    pipeline.addLast("clientHandler", channelHandler);
+                }
+            })
+            .childOption(ChannelOption.TCP_NODELAY, true)
+            .childOption(ChannelOption.SO_KEEPALIVE, true);
+		serverChannel = bootstrap.bind(bindAddress).syncUninterruptibly().channel();
+		log.info("SocketServer waiting for connections on [{}] ...", bindAddress);
+	}
+
+	public void stop() {
+		if (serverChannel != null) {
+			serverChannel.close().awaitUninterruptibly();
+		}
+		workerEventLoopGroup.shutdownGracefully();
+		masterEventLoopGroup.shutdownGracefully();
+		log.info("SocketServer stopped");
+	}
+}
diff --git a/lib/fsesl/src/main/java/org/freeswitch/esl/client/transport/message/FrameDecoder.java b/lib/fsesl/src/main/java/org/freeswitch/esl/client/transport/message/FrameDecoder.java
new file mode 100644
index 00000000..2959a647
--- /dev/null
+++ b/lib/fsesl/src/main/java/org/freeswitch/esl/client/transport/message/FrameDecoder.java
@@ -0,0 +1,206 @@
+/*
+ * Copyright 2010 david varnes.
+ *
+ * Licensed under the Apache License, version 2.0 (the "License"); 
+ * you may not use this file except in compliance with the License. 
+ * You may obtain a copy of the License at:
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, 
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.freeswitch.esl.client.transport.message;
+
+import java.util.List;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+import io.netty.buffer.ByteBuf;
+import io.netty.channel.ChannelHandlerContext;
+import io.netty.handler.codec.ReplayingDecoder;
+import io.netty.handler.codec.TooLongFrameException;
+import org.freeswitch.esl.client.transport.HeaderParser;
+import org.freeswitch.esl.client.transport.message.Header.Name;
+
+/**
+ * Decoder used by the IO processing pipeline. Client consumers should never need to use
+ * this class.
+ * <p/>
+ * Follows the following decode algorithm (from FreeSWITCH wiki)
+ * <pre>
+ *    Look for \n\n in your receive buffer
+ *
+ *    Examine data for existence of Content-Length
+ *
+ *    If NOT present, process event and remove from receive buffer
+ *
+ *    IF present, Shift buffer to remove 'header'
+ *    Evaluate content-length value
+ *
+ *    Loop until receive buffer size is >= Content-length
+ *    Extract content-length bytes from buffer and process
+ * </pre>
+ */
+public class FrameDecoder extends ReplayingDecoder<FrameDecoder.State> {
+	/**
+	 * Line feed character
+	 */
+	static final byte LF = 10;
+
+	protected enum State {
+		READ_HEADER,
+		READ_BODY,
+	}
+
+	private final Logger log = LoggerFactory.getLogger(this.getClass());
+	private final int maxHeaderSize;
+	private Message currentMessage;
+	private boolean treatUnknownHeadersAsBody = false;
+
+	public FrameDecoder(int maxHeaderSize) {
+		super(State.READ_HEADER);
+		if (maxHeaderSize <= 0) {
+			throw new IllegalArgumentException(
+				"maxHeaderSize must be a positive integer: " + maxHeaderSize);
+		}
+		this.maxHeaderSize = maxHeaderSize;
+	}
+
+	public FrameDecoder(int maxHeaderSize, boolean treatUnknownHeadersAsBody) {
+		this(maxHeaderSize);
+		this.treatUnknownHeadersAsBody = treatUnknownHeadersAsBody;
+	}
+
+	/**
+	 * {@inheritDoc}
+	 */
+	@Override
+	protected void decode(ChannelHandlerContext ctx, ByteBuf buffer, List<Object> out) {
+		State state = state();
+
+		log.trace("decode() : state [{}]", state);
+		switch (state) {
+			case READ_HEADER:
+				if (currentMessage == null) {
+					currentMessage = new Message();
+				}
+				/*
+				 * read '\n' terminated lines until reach a single '\n'
+				 */
+				boolean reachedDoubleLF = false;
+				while (!reachedDoubleLF) {
+					// this will read or fail
+					String headerLine = readToLineFeedOrFail(buffer, maxHeaderSize);
+					log.debug("read header line [{}]", headerLine);
+					if (!headerLine.isEmpty()) {
+						// split the header line
+						String[] headerParts = HeaderParser.splitHeader(headerLine);
+						Name headerName = Name.fromLiteral(headerParts[0]);
+						if (headerName == null) {
+							if (treatUnknownHeadersAsBody) {
+								// cache this 'header' as a body line <-- useful for Outbound client mode
+								currentMessage.addBodyLine(headerLine);
+							}
+							else {
+								throw new IllegalStateException("Unhandled ESL header [" + headerParts[0] + ']');
+							}
+						}
+						currentMessage.addHeader(headerName, headerParts[1]);
+					}
+					else {
+						reachedDoubleLF = true;
+					}
+					// do not read in this line again
+					checkpoint();
+				}
+				// have read all headers - check for content-length
+				if (currentMessage.hasContentLength()) {
+					checkpoint(State.READ_BODY);
+					log.debug("have content-length, decoding body ..");
+					//  force the next section
+					break;
+				}
+				else {
+					// end of message
+					checkpoint(State.READ_HEADER);
+					// send message upstream
+					Message decodedMessage = currentMessage;
+					currentMessage = null;
+
+					out.add(decodedMessage);
+					break;
+				}
+
+			case READ_BODY:
+				/*
+				 * read the content-length specified
+				 */
+				int contentLength = currentMessage.getContentLength();
+				ByteBuf bodyBytes = buffer.readBytes(contentLength);
+				log.debug("read [{}] body bytes", bodyBytes.writerIndex());
+				// most bodies are line based, so split on LF
+				while (bodyBytes.isReadable()) {
+					String bodyLine = readLine(bodyBytes, contentLength);
+					log.debug("read body line [{}]", bodyLine);
+					currentMessage.addBodyLine(bodyLine);
+				}
+
+				// end of message
+				checkpoint(State.READ_HEADER);
+				// send message upstream
+				Message decodedMessage = currentMessage;
+				currentMessage = null;
+
+				out.add(decodedMessage);
+				break;
+
+			default:
+				throw new IllegalStateException("Illegal state: [" + state + ']');
+		}
+	}
+
+	private String readToLineFeedOrFail(final ByteBuf buffer, final int maxLineLength)
+		throws TooLongFrameException {
+
+		StringBuilder sb = new StringBuilder(64);
+		while (true) {
+			// this read might fail
+			byte nextByte = buffer.readByte();
+			if (nextByte == LF) {
+				return sb.toString();
+			}
+			else {
+				// Abort decoding if the decoded line is too large.
+				if (sb.length() >= maxLineLength) {
+					throw new TooLongFrameException(
+						"ESL header line is longer than " + maxLineLength + " bytes.");
+				}
+				sb.append((char) nextByte);
+			}
+		}
+	}
+
+	private String readLine(ByteBuf buffer, int maxLineLength) throws TooLongFrameException {
+		StringBuilder sb = new StringBuilder(64);
+		while (buffer.isReadable()) {
+			// this read should always succeed
+			byte nextByte = buffer.readByte();
+			if (nextByte == LF) {
+				return sb.toString();
+			}
+			else {
+				// Abort decoding if the decoded line is too large.
+				if (sb.length() >= maxLineLength) {
+					throw new TooLongFrameException(
+						"ESL message line is longer than " + maxLineLength + " bytes.");
+				}
+				sb.append((char) nextByte);
+			}
+		}
+
+		return sb.toString();
+	}
+}
diff --git a/lib/fsesl/src/main/resources/.gitkeep b/lib/fsesl/src/main/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/fsesl/src/main/resources/spring/spring-br-fsesl.xml b/lib/fsesl/src/main/resources/spring/spring-br-fsesl.xml
new file mode 100644
index 00000000..9bcffcb8
--- /dev/null
+++ b/lib/fsesl/src/main/resources/spring/spring-br-fsesl.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd">
+
+    <bean id="fseslClient" class="org.freeswitch.esl.client.inbound.Client" destroy-method="exit">
+        <constructor-arg value="${yo.br.esl.client.host:localhost}" />
+        <constructor-arg value="${yo.br.esl.client.port:8021}" />
+        <constructor-arg value="${yo.br.esl.client.password:ClueCon}" />
+        <property name="autoReconnect" value="${yo.br.esl.client.auto-reconnect:true}" />
+    </bean>
+</beans>
diff --git a/lib/fsesl/src/test/java/com/pudonghot/yo/fsesl/FsEslServiceTest.java b/lib/fsesl/src/test/java/com/pudonghot/yo/fsesl/FsEslServiceTest.java
new file mode 100644
index 00000000..2e83e059
--- /dev/null
+++ b/lib/fsesl/src/test/java/com/pudonghot/yo/fsesl/FsEslServiceTest.java
@@ -0,0 +1,67 @@
+package com.pudonghot.yo.fsesl;
+
+import org.junit.Test;
+import java.util.Scanner;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import org.freeswitch.esl.client.inbound.Client;
+import org.freeswitch.esl.client.transport.message.Message;
+import org.freeswitch.esl.client.transport.command.SendEvent;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Dec 09, 2019 14:21:56
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class FsEslServiceTest {
+    @Autowired
+    private Client client;
+
+    @Test
+    public void run() {
+        Message message = client.api("sofia", "status");
+        log.info("Sofia status: [{}].", message);
+        message = client.api("sofia", "status", "profile", "d1.wacai.info", "reg");
+        client.addEventListener(event -> {
+            log.info("On Event: [{}].", event);
+        });
+        log.info("Sofia reg status: [{}].", message);
+        // client.event("all");
+        // client.event(EslClientApi.EventFormat.JSON, "CUSTOM sofia::unregister");
+        client.event("CUSTOM sofia::unregister");
+
+        final SendEvent sendEvent = new SendEvent("NOTIFY");
+        sendEvent.addLine("profile", "d1.wacai.info");
+        sendEvent.addLine("event-string", "check-sync");
+        sendEvent.addLine("user", "1001");
+        sendEvent.addLine("host", "d1.wacai.info");
+        sendEvent.addLine("from-uri", "1011@d1.wacai.info");
+        // sendEvent.addGenericLine("to-uri", "sip:1011@172.16.46.95:42056;transport=wss;fs_nat=yes;fs_path=sip%3A1011%40172.18.5.32%3Br2%3Don%3Blr");
+        sendEvent.addLine("content-type", "application/text");
+        sendEvent.addLine("content-length", "2");
+        sendEvent.getPayload().add("");
+        sendEvent.getPayload().add("HA");
+        client.api(sendEvent);
+        new Scanner(System.in).next();
+    }
+
+    @Test
+    public void testEvent() {
+        final SendEvent sendEvent = new SendEvent(SendEvent.NOTIFY)
+        .addLine("Profile", "d1.wacai.info")
+        .addLine("Event-String", "CALL_ESTABLISHED")
+        .addLine("User", "700001")
+        .addLine("Host", "d1.wacai.info")
+        .addLine("Content-Type", "plain/text")
+        .addLine("Content-Length", "2")
+        .addLine("")
+        .addLine("HA");
+        client.api(sendEvent);
+        new Scanner(System.in).next();
+    }
+}
diff --git a/lib/fsesl/src/test/java/org/freeswitch/esl/client/ClientExample.java b/lib/fsesl/src/test/java/org/freeswitch/esl/client/ClientExample.java
new file mode 100644
index 00000000..1b35e149
--- /dev/null
+++ b/lib/fsesl/src/test/java/org/freeswitch/esl/client/ClientExample.java
@@ -0,0 +1,29 @@
+package org.freeswitch.esl.client;
+
+import org.junit.Test;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.freeswitch.esl.client.inbound.Client;
+import org.freeswitch.esl.client.transport.message.Message;
+
+/**
+ * @author Donghuang <br>
+ * Dec 08, 2019 19:45:56
+ */
+@Slf4j
+public class ClientExample {
+
+    private String host = "172.18.5.12";
+    private int port = 8021;
+    private String password = "ClueCon";
+
+    @Test
+    public void testConnect() {
+        final Client client = new Client(host, port, password);
+        client.addEventListener(event -> log.info("Received event: {}", event.getName()));
+        client.connect();
+        client.event("all");
+        final Message message = client.api("sofia status", "");
+        log.info("Status: {}", StringUtils.join(message.getBody(), "\n"));
+    }
+}
diff --git a/lib/fsesl/src/test/java/org/freeswitch/esl/client/OutboundTest.java b/lib/fsesl/src/test/java/org/freeswitch/esl/client/OutboundTest.java
new file mode 100644
index 00000000..3fe51f6e
--- /dev/null
+++ b/lib/fsesl/src/test/java/org/freeswitch/esl/client/OutboundTest.java
@@ -0,0 +1,70 @@
+package org.freeswitch.esl.client;
+
+import lombok.SneakyThrows;
+import lombok.extern.slf4j.Slf4j;
+import org.freeswitch.esl.client.inbound.Client;
+import org.freeswitch.esl.client.outbound.SocketServer;
+import org.freeswitch.esl.client.transport.message.Header.Name;
+import java.net.InetSocketAddress;
+import java.util.List;
+import java.util.Map;
+
+@Slf4j
+public class OutboundTest {
+    private static String sb = "/usr/local/freeswitch/sounds/en/us/callie/ivr/8000/";
+    String prompt = sb + "ivr-please_enter_extension_followed_by_pound.wav";
+    String failed = sb + "ivr-that_was_an_invalid_entry.wav";
+
+    public static void main(String[] args) {
+        new OutboundTest();
+    }
+
+    @SneakyThrows
+    public OutboundTest() {
+        final Client inboundClient = new Client("localhost", 8021, "ClueCon").connect();
+        inboundClient.addEventListener(event -> log.info("INBOUND onEvent: {}", event.getName()));
+
+        final SocketServer outboundServer = new SocketServer(
+                new InetSocketAddress("localhost", 8084));
+
+        outboundServer.addConnectedListener((context, message) -> {
+            log.warn(nameMapToString(message
+                    .getHeaders(), message.getBody()));
+
+            String uuid = message.getHeaders()
+                    .get("unique-id");
+
+            log.warn("Creating execute app for uuid {}", uuid);
+
+            context.api("answer");
+            context.api("play and get digits");
+            context.api("hangup");
+        });
+        outboundServer.addEventListener(event -> {
+            log.info("OUTBOUND onEvent: {}",
+                event.getName());
+        });
+        outboundServer.start();
+    }
+
+    public static String nameMapToString(Map<Name, String> map,
+                                         List<String> lines) {
+        StringBuilder sb = new StringBuilder("\nHeaders:\n");
+        for (Name key : map.keySet()) {
+            if (key == null)
+                continue;
+            sb.append(key.toString());
+            sb.append("\n\t\t\t\t = \t ");
+            sb.append(map.get(key));
+            sb.append("\n");
+        }
+        if (lines != null) {
+            sb.append("Body Lines:\n");
+            for (String line : lines) {
+                sb.append(line);
+                sb.append("\n");
+            }
+        }
+        return sb.toString();
+    }
+}
diff --git a/lib/fsesl/src/test/java/org/freeswitch/esl/client/transport/message/EslFrameDecoderTest.java b/lib/fsesl/src/test/java/org/freeswitch/esl/client/transport/message/EslFrameDecoderTest.java
new file mode 100644
index 00000000..da05975c
--- /dev/null
+++ b/lib/fsesl/src/test/java/org/freeswitch/esl/client/transport/message/EslFrameDecoderTest.java
@@ -0,0 +1,144 @@
+/*
+ * Copyright 2010 david varnes.
+ *
+ * Licensed under the Apache License, version 2.0 (the "License"); 
+ * you may not use this file except in compliance with the License. 
+ * You may obtain a copy of the License at:
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS, 
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+package org.freeswitch.esl.client.transport.message;
+
+import static org.junit.Assert.assertEquals;
+import static org.junit.Assert.assertFalse;
+import static org.junit.Assert.assertNotNull;
+import static org.junit.Assert.assertTrue;
+
+import java.util.ArrayList;
+import java.util.Iterator;
+import java.util.List;
+
+import io.netty.buffer.ByteBuf;
+import io.netty.buffer.Unpooled;
+import io.netty.channel.embedded.EmbeddedChannel;
+import org.junit.Before;
+import org.junit.Test;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+
+
+public class EslFrameDecoderTest {
+    private final Logger log = LoggerFactory.getLogger(this.getClass());
+
+    private EmbeddedChannel embedder;
+
+    @Before
+    public void setupTest() {
+        embedder = new EmbeddedChannel(new FrameDecoder(64));
+    }
+
+    @Test
+    public void simpleMessage() {
+        List<String> inputLines = new ArrayList<>();
+        inputLines.add("Content-Type: command/reply");
+        inputLines.add("Reply-Text: +OK event listener enabled plain");
+        inputLines.add("");
+
+        embedder.writeInbound(createInputBuffer(inputLines, true));
+        embedder.finish();
+
+        Message result = embedder.readInbound();
+
+        assertNotNull(result);
+        assertEquals(2, result.getHeaders().size());
+        assertFalse(result.hasContentLength());
+    }
+
+    @Test
+    public void simpleMessageWithContent() {
+        List<String> inputLines = new ArrayList<>();
+        inputLines.add("Content-Type: api/response");
+        inputLines.add("Content-Length: 694");
+        inputLines.add("");
+        inputLines.add("=================================================================================================");
+        inputLines.add("                     Name     Type                               Data  State");
+        inputLines.add("                 internal  profile   sip:mod_sofia@192.168.1.1:5060        RUNNING (0)");
+        inputLines.add("                 external  profile   sip:mod_sofia@yyy.yyy.yyy.yyy:5080    RUNNING (0)");
+        inputLines.add("                    iinet  gateway   sip:02xxxxxxxx@sip.nsw.iinet.net.au   REGED");
+        inputLines.add("                   clinic  profile   sip:mod_sofia@yyy.yyy.yyy.yyy:5070    RUNNING (0)");
+        inputLines.add("              192.168.1.1  alias                             internal  ALIASED");
+        inputLines.add("=================================================================================================");
+
+        embedder.writeInbound(createInputBuffer(inputLines, true));
+
+        Message result = embedder.readInbound();
+        embedder.finish();
+
+        assertNotNull(result);
+        assertEquals(2, result.getHeaders().size());
+        assertTrue(result.hasContentLength());
+        assertEquals(8, result.getBody().size());
+    }
+
+    @Test
+    public void eventWithSecondContentLength() {
+        List<String> inputLines = new ArrayList<>();
+        inputLines.add("Content-Length: 582");
+        inputLines.add("Content-Type: text/event-plain");
+        inputLines.add("");
+        inputLines.add("Job-UUID: 7f4db78a-17d7-11dd-b7a0-db4edd065621");
+        inputLines.add("Job-Command: originate");
+        inputLines.add("Job-Command-Arg: sofia/default/1005%20'%26park'");
+        inputLines.add("Event-Name: BACKGROUND_JOB");
+        inputLines.add("Core-UUID: 42bdf272-16e6-11dd-b7a0-db4edd065621");
+        inputLines.add("FreeSWITCH-Hostname: ser");
+        inputLines.add("FreeSWITCH-IPv4: 192.168.1.104");
+        inputLines.add("FreeSWITCH-IPv6: 127.0.0.1");
+        inputLines.add("Event-Date-Local: 2008-05-02%2007%3A37%3A03");
+        inputLines.add("Event-Date-GMT: Thu,%2001%20May%202008%2023%3A37%3A03%20GMT");
+        inputLines.add("Event-Date-timestamp: 1209685023894968");
+        inputLines.add("Event-Calling-File: mod_event_socket.c");
+        inputLines.add("Event-Calling-Function: api_exec");
+        inputLines.add("Event-Calling-Line-Number: 609");
+        inputLines.add("Content-Length: 41");
+        inputLines.add("");
+        inputLines.add("+OK 7f4de4bc-17d7-11dd-b7a0-db4edd065621");
+
+        embedder.writeInbound(createInputBuffer(inputLines, false));
+
+        /*
+         *  NB .. there is no trailing '\n' in this event
+         */
+        Message result = embedder.readInbound();
+        embedder.finish();
+
+        assertNotNull(result);
+        assertEquals(2, result.getHeaders().size());
+        assertTrue(result.hasContentLength());
+        assertEquals(17, result.getBody().size());
+    }
+
+
+    private ByteBuf createInputBuffer(List<String> inputLines, boolean terminateLastLine) {
+        ByteBuf buffer = Unpooled.buffer();
+
+        Iterator<String> it = inputLines.iterator();
+        while (it.hasNext()) {
+            buffer.writeBytes(it.next().getBytes());
+            // only terminate last line if asked
+            if (it.hasNext() || terminateLastLine) {
+                buffer.writeByte('\n');
+            }
+        }
+
+        log.debug("Created buffer with [{}] bytes", buffer.writerIndex());
+
+        return buffer;
+    }
+}
diff --git a/lib/fsesl/src/test/resources/.gitkeep b/lib/fsesl/src/test/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/fsesl/src/test/resources/application.properties b/lib/fsesl/src/test/resources/application.properties
new file mode 100644
index 00000000..3c6de24d
--- /dev/null
+++ b/lib/fsesl/src/test/resources/application.properties
@@ -0,0 +1,3 @@
+spring.application.name=yo-br-fsesl
+
+yo.br.esl.client.host=172.16.65.165
diff --git a/lib/fsesl/src/test/resources/log4j2.xml b/lib/fsesl/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..3e7204bf
--- /dev/null
+++ b/lib/fsesl/src/test/resources/log4j2.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="log.level">DEBUG</Property>
+        <Property name="log.dir">.logs</Property>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="%highlight{%-d{yyyy-MM-dd HH:mm:ss,SSS}}{FATAL=magenta, ERROR=magenta, WARN=magenta, INFO=magenta, DEBUG=magenta, TRACE=magenta} %highlight{%-5p}{FATAL=red blink, ERROR=red, WARN=yellow bold, INFO=black, DEBUG=green bold, TRACE=blue} [%t][%highlight{%c{1.}}{FATAL=cyan, ERROR=cyan, WARN=cyan, INFO=cyan, DEBUG=cyan, TRACE=cyan}] %m%n"/>
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+    </Appenders>
+    <Loggers>
+        <Logger name="org.springframework" level="INFO" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.apache" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.hibernate.validator" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Root level="${log.level}" additivity="false">
+            <AppenderRef ref="File" level="${log.level}" />
+            <AppenderRef ref="Console" level="${log.level}" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/fsesl/src/test/resources/spring/spring-test.xml b/lib/fsesl/src/test/resources/spring/spring-test.xml
new file mode 100644
index 00000000..b699d41c
--- /dev/null
+++ b/lib/fsesl/src/test/resources/spring/spring-test.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xmlns:context="http://www.springframework.org/schema/context"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd
+        http://www.springframework.org/schema/context
+        http://www.springframework.org/schema/context/spring-context.xsd">
+    <context:property-placeholder location="classpath:application.properties" />
+</beans>
diff --git a/lib/hessian-util/README.md b/lib/hessian-util/README.md
new file mode 100644
index 00000000..c7771088
--- /dev/null
+++ b/lib/hessian-util/README.md
@@ -0,0 +1,4 @@
+# Hessian Util
+
+- Serialize object to string
+- Deserialize object from string
diff --git a/lib/hessian-util/pom.xml b/lib/hessian-util/pom.xml
new file mode 100644
index 00000000..c89e489c
--- /dev/null
+++ b/lib/hessian-util/pom.xml
@@ -0,0 +1,51 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-hessian-util</artifactId>
+    <name>Yo Hessian Util</name>
+    <description>Yo Hessian Util</description>
+    <packaging>jar</packaging>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-library</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>commons-codec</groupId>
+            <artifactId>commons-codec</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.caucho</groupId>
+            <artifactId>hessian</artifactId>
+            <version>4.0.38</version>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.logging.log4j</groupId>
+            <artifactId>log4j-slf4j-impl</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.logging.log4j</groupId>
+            <artifactId>log4j-core</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/hessian-util/src/main/java/com/pudonghot/yo/hessian/util/HessianUtil.java b/lib/hessian-util/src/main/java/com/pudonghot/yo/hessian/util/HessianUtil.java
new file mode 100644
index 00000000..77e403ab
--- /dev/null
+++ b/lib/hessian-util/src/main/java/com/pudonghot/yo/hessian/util/HessianUtil.java
@@ -0,0 +1,55 @@
+package com.pudonghot.yo.hessian.util;
+
+import java.io.InputStream;
+import lombok.SneakyThrows;
+import java.io.ByteArrayInputStream;
+import java.io.ByteArrayOutputStream;
+import com.caucho.hessian.io.HessianInput;
+import com.caucho.hessian.io.HessianOutput;
+import org.apache.commons.codec.binary.Base64;
+
+/**
+ * @author Donghuang <br>
+ * Jun 19, 2017 16:40:07
+ */
+public final class HessianUtil {
+
+    /**
+     * Serialize object to hessian base64 string
+     * @param obj object
+     * @return hessian base64 string
+     */
+    @SneakyThrows
+    public static String serialize(final Object obj) {
+        try (final ByteArrayOutputStream baos = new ByteArrayOutputStream()) {
+            final HessianOutput ho = new HessianOutput(baos);
+            try {
+                ho.writeObject(obj);
+            }
+            finally {
+                ho.close();
+            }
+            return Base64.encodeBase64String(baos.toByteArray());
+        }
+    }
+
+    /**
+     * Deserialize object from hessian base64 string
+     * @param value hessian base64 string
+     * @return Object
+     */
+    @SneakyThrows
+    @SuppressWarnings("unchecked")
+    public static <T> T deserialize(final String value) {
+        try (final InputStream bais = new ByteArrayInputStream(
+                Base64.decodeBase64(value))) {
+            final HessianInput hi = new HessianInput(bais);
+            try {
+                return (T) hi.readObject();
+            }
+            finally {
+                hi.close();
+            }
+        }
+    }
+}
diff --git a/lib/hessian-util/src/main/resources/.gitkeep b/lib/hessian-util/src/main/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/hessian-util/src/test/java/.gitkeep b/lib/hessian-util/src/test/java/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/hessian-util/src/test/java/com/pudonghot/yo/hessian/util/TestDriver.java b/lib/hessian-util/src/test/java/com/pudonghot/yo/hessian/util/TestDriver.java
new file mode 100644
index 00000000..c47eefde
--- /dev/null
+++ b/lib/hessian-util/src/test/java/com/pudonghot/yo/hessian/util/TestDriver.java
@@ -0,0 +1,33 @@
+package com.pudonghot.yo.hessian.util;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+import org.junit.Test;
+import java.io.Serializable;
+import lombok.extern.slf4j.Slf4j;
+
+/**
+ * @author Donghuang <br>
+ * Aug 21, 2017 16:14
+ */
+@Slf4j
+public class TestDriver {
+
+    @Test
+    public void tesRun() {
+        log.info("Run.");
+        final User u = new User();
+        u.setName("donghuang");
+        final String serialize = HessianUtil.serialize(u);
+        log.info("Ser: {}", serialize);
+        log.info("Des: {}", (Object) HessianUtil.deserialize(serialize));
+    }
+
+    @Getter
+    @Setter
+    @ToString
+    public static class User implements Serializable {
+        private String name;
+    }
+}
diff --git a/lib/hessian-util/src/test/resources/.gitkeep b/lib/hessian-util/src/test/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/hessian-util/src/test/resources/log4j2.xml b/lib/hessian-util/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..541a1f9e
--- /dev/null
+++ b/lib/hessian-util/src/test/resources/log4j2.xml
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+        <Property name="log.dir">${project.basedir}/.logs</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="%highlight{%-d{yyyy-MM-dd HH:mm:ss,SSS}}{FATAL=magenta, ERROR=magenta, WARN=magenta, INFO=magenta, DEBUG=magenta, TRACE=magenta} %highlight{%-5p}{FATAL=red blink, ERROR=red, WARN=yellow bold, INFO=black, DEBUG=green bold, TRACE=blue} [%t][%highlight{%c{1.}}{FATAL=cyan, ERROR=cyan, WARN=cyan, INFO=cyan, DEBUG=cyan, TRACE=cyan}] %m%n"/>
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+        <!-- appender to send mails asynchronously -->
+        <Async name="AsyncFile">
+            <AppenderRef ref="File" />
+        </Async>
+    </Appenders>
+    <Loggers>
+        <Root level="DEBUG" additivity="false">
+            <AppenderRef ref="Console" level="DEBUG" />
+            <AppenderRef ref="File" level="DEBUG" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/http-client/README.md b/lib/http-client/README.md
new file mode 100644
index 00000000..03f2f11e
--- /dev/null
+++ b/lib/http-client/README.md
@@ -0,0 +1 @@
+# Lightning HTTP Client
diff --git a/lib/http-client/http-client-apache/README.md b/lib/http-client/http-client-apache/README.md
new file mode 100644
index 00000000..03f2f11e
--- /dev/null
+++ b/lib/http-client/http-client-apache/README.md
@@ -0,0 +1 @@
+# Lightning HTTP Client
diff --git a/lib/http-client/http-client-apache/pom.xml b/lib/http-client/http-client-apache/pom.xml
new file mode 100644
index 00000000..887bdbf9
--- /dev/null
+++ b/lib/http-client/http-client-apache/pom.xml
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-http-client-apache</artifactId>
+    <name>Yo HTTP Client Apache</name>
+    <description>Yo HTTP Client Apache</description>
+    <packaging>jar</packaging>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-http-client</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-http-client-api</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.httpcomponents</groupId>
+            <artifactId>httpmime</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.commons</groupId>
+            <artifactId>commons-lang3</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-autoconfigure</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.logging.log4j</groupId>
+            <artifactId>log4j-slf4j-impl</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.logging.log4j</groupId>
+            <artifactId>log4j-core</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/http-client/http-client-apache/src/main/java/com/pudonghot/yo/common/httpclient/impl/ApacheHttpClient.java b/lib/http-client/http-client-apache/src/main/java/com/pudonghot/yo/common/httpclient/impl/ApacheHttpClient.java
new file mode 100644
index 00000000..4ad1e3f5
--- /dev/null
+++ b/lib/http-client/http-client-apache/src/main/java/com/pudonghot/yo/common/httpclient/impl/ApacheHttpClient.java
@@ -0,0 +1,281 @@
+package com.pudonghot.yo.common.httpclient.impl;
+
+import java.io.File;
+import java.net.URI;
+import java.util.Date;
+import java.util.List;
+import java.util.Map;
+import java.io.IOException;
+import java.io.InputStream;
+import java.util.ArrayList;
+import org.apache.http.entity.*;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.http.HttpEntity;
+import java.net.URISyntaxException;
+import java.util.function.Function;
+import org.apache.http.NameValuePair;
+import org.apache.http.client.methods.*;
+import java.nio.charset.StandardCharsets;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.http.client.utils.URIBuilder;
+import org.apache.http.impl.client.HttpClients;
+import org.apache.http.message.BasicNameValuePair;
+import org.apache.http.client.config.RequestConfig;
+import org.apache.http.entity.mime.content.FileBody;
+import org.apache.http.entity.mime.HttpMultipartMode;
+import com.pudonghot.yo.common.httpclient.HttpClient;
+import org.apache.http.impl.client.CloseableHttpClient;
+import com.pudonghot.yo.common.httpclient.RequestParams;
+import org.apache.http.entity.mime.MultipartEntityBuilder;
+import org.apache.http.client.entity.UrlEncodedFormEntity;
+import com.pudonghot.yo.common.httpclient.RequestBodyParams;
+import com.pudonghot.yo.common.httpclient.HttpRequestResult;
+
+/**
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author Donghuang <br />
+ * Feb 9, 2015 2:20:24 PM
+ */
+@Slf4j
+public class ApacheHttpClient extends AbstractHttpClient implements HttpClient {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public HttpRequestResult get(
+        final String url,
+        final RequestParams params) {
+        return urlParamsRequest(HttpGet::new, url, params);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public HttpRequestResult post(
+        final String url,
+        final RequestParams params) {
+        return formRequest(HttpPost::new, url, params);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public <T> HttpRequestResult post(String url, RequestBodyParams<T> params) {
+        return bodyRequest(HttpPost::new, url, params);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public HttpRequestResult put(
+        final String url,
+        final RequestParams params) {
+        return formRequest(HttpPut::new, url, params);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public <T> HttpRequestResult put(final String url, final RequestBodyParams<T> params) {
+        return bodyRequest(HttpPut::new, url, params);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public HttpRequestResult delete(final String url, final RequestParams params) {
+        return urlParamsRequest(HttpDelete::new, url, params);
+    }
+
+    // --
+    // private methods
+
+    private HttpRequestResult urlParamsRequest(
+        final Function<URI, HttpRequestBase> requestCreator,
+        final String url,
+        final RequestParams params) {
+
+        final HttpRequestBase request;
+        final Map<String, ?> urlParams = getParams(params);
+
+        if (urlParams != null && !urlParams.isEmpty()) {
+            final URIBuilder builder = new URIBuilder(URI.create(compileUrl(url, urlParams)));
+            for (final Map.Entry<String, ?> param : urlParams.entrySet()) {
+                final Object paramValue = param.getValue();
+                if (paramValue != null) {
+                    final String strParam = paramValue instanceof String ?
+                        (String) paramValue :
+                        paramValue instanceof Date ?
+                            String.valueOf(((Date) paramValue).getTime()) :
+                            json.toJSONString(paramValue);
+                    builder.addParameter(param.getKey(), strParam);
+                }
+            }
+            try {
+                request = requestCreator.apply(builder.build());
+            }
+            catch (URISyntaxException e) {
+                throw new IllegalStateException(
+                    "HTTP request URL build error caused", e);
+            }
+        }
+        else {
+            request = requestCreator.apply(URI.create(url));
+        }
+
+        return request(request,
+            getHeaders(params),
+            getConnectTimeout(params),
+            getSocketTimeout(params));
+    }
+
+    private HttpRequestResult bodyRequest(
+        final Function<String, HttpEntityEnclosingRequestBase> requestCreator,
+        final String url,
+        final RequestBodyParams<?> params) {
+
+        final HttpEntityEnclosingRequestBase request = requestCreator.apply(url);
+
+        final Object body = getBody(params);
+        if (body != null) {
+            final AbstractHttpEntity entity;
+            if (body instanceof File) {
+                entity = new FileEntity((File) body);
+            }
+            else if (body instanceof byte[]) {
+                entity = new ByteArrayEntity((byte[]) body);
+            }
+            else if (body instanceof InputStream) {
+                entity = new InputStreamEntity((InputStream) body);
+            }
+            else if (body instanceof String) {
+                entity = new StringEntity((String) body,
+                    StandardCharsets.UTF_8);
+            }
+            else if (body instanceof CharSequence) {
+                entity = new StringEntity(body.toString(),
+                    StandardCharsets.UTF_8);
+            }
+            else {
+                entity = new StringEntity(json.toJSONString(body),
+                    StandardCharsets.UTF_8);
+            }
+
+            final String contentType = params.getContentType();
+            if (StringUtils.isNotBlank(contentType)) {
+                entity.setContentType(contentType);
+            }
+            request.setEntity(entity);
+        }
+
+        return request(request,
+            getHeaders(params),
+            getConnectTimeout(params),
+            getSocketTimeout(params));
+    }
+
+    private HttpRequestResult formRequest(
+        final Function<String, HttpEntityEnclosingRequestBase> requestCreator,
+        final String url,
+        final RequestParams params) {
+
+        final Map<String, ?> formParams = getParams(params);
+
+        final HttpEntityEnclosingRequestBase request =
+            requestCreator.apply(compileUrl(url, formParams));
+
+        if (formParams != null && !formParams.isEmpty()) {
+            if (isMultipartEntity(formParams)) {
+                final MultipartEntityBuilder builder = MultipartEntityBuilder.create();
+                builder.setCharset(StandardCharsets.UTF_8);
+                builder.setContentType(
+                    ContentType.MULTIPART_FORM_DATA.withCharset(StandardCharsets.UTF_8));
+                builder.setMode(HttpMultipartMode.BROWSER_COMPATIBLE);
+                for (final Map.Entry<String, ?> param : formParams.entrySet()) {
+                    final String name = param.getKey();
+                    final Object value = param.getValue();
+                    if (value instanceof File) {
+                        builder.addPart(name, new FileBody((File) value));
+                    }
+                    else if (value instanceof InputStream) {
+                        builder.addBinaryBody(name, (InputStream) value);
+                    }
+                    else if (value instanceof byte[]) {
+                        builder.addBinaryBody(name, (byte[]) value);
+                    }
+                    else if (value instanceof String) {
+                        builder.addTextBody(name, (String) value);
+                    }
+                    else {
+                        builder.addTextBody(name, String.valueOf(value));
+                    }
+                }
+                request.setEntity(builder.build());
+            }
+            else {
+                final List<NameValuePair> paramPairs = new ArrayList<>(formParams.size());
+                for (final Map.Entry<String, ?> param : formParams.entrySet()) {
+                    final Object value = param.getValue();
+                    paramPairs.add(new BasicNameValuePair(param.getKey(),
+                        value instanceof String ? (String) value :
+                            value != null ? asString(value) : ""));
+                }
+
+                request.setEntity(new UrlEncodedFormEntity(paramPairs, StandardCharsets.UTF_8));
+            }
+        }
+        return request(request, getHeaders(params), getConnectTimeout(params), getSocketTimeout(params));
+    }
+
+    private HttpRequestResult request(
+        final HttpRequestBase request,
+        final Map<String, ?> headers,
+        final int connectTimeout,
+        final int socketTimeout) {
+
+        log.info("HTTP request [{}] headers [{}] connection request timeout [{}] connect timeout [{}] socket timeout [{}]",
+            request, headers, defaultConnectionRequestTimeout, connectTimeout, socketTimeout);
+        if (headers != null && !headers.isEmpty()) {
+            for (Map.Entry<String, ?> header : headers.entrySet()) {
+                request.addHeader(header.getKey(), asString(header.getValue()));
+            }
+        }
+        // request config
+        request.setConfig(RequestConfig.custom()
+            .setConnectionRequestTimeout(defaultConnectionRequestTimeout)
+            .setConnectTimeout(connectTimeout)
+            .setSocketTimeout(socketTimeout)
+            .build());
+
+        final CloseableHttpClient httpClient = HttpClients.createDefault();
+        final CloseableHttpResponse response;
+
+        try {
+            response = httpClient.execute(request);
+        }
+        catch (Exception e) {
+            throw new IllegalStateException(
+                "HTTP request error caused", e);
+        }
+        final HttpEntity entity = response.getEntity();
+        return new HttpRequestResult(() -> {
+            try {
+                return entity.getContent();
+            }
+            catch (IOException e) {
+                throw new IllegalStateException(
+                    "Read http response stream error caused", e);
+            }
+        }, response.getStatusLine()::getStatusCode,
+            () -> entity.getContentType().toString(),
+            json::parse);
+    }
+
+}
diff --git a/lib/http-client/http-client-apache/src/main/resources/.gitkeep b/lib/http-client/http-client-apache/src/main/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/http-client/http-client-apache/src/main/resources/spring/spring-http-client-apache.xml b/lib/http-client/http-client-apache/src/main/resources/spring/spring-http-client-apache.xml
new file mode 100644
index 00000000..daca0a2f
--- /dev/null
+++ b/lib/http-client/http-client-apache/src/main/resources/spring/spring-http-client-apache.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd">
+
+    <bean class="com.pudonghot.yo.common.httpclient.impl.ApacheHttpClient" />
+</beans>
diff --git a/lib/http-client/http-client-apache/src/test/java/com/pudonghot/yo/common/TestDriver.java b/lib/http-client/http-client-apache/src/test/java/com/pudonghot/yo/common/TestDriver.java
new file mode 100644
index 00000000..c66c2a19
--- /dev/null
+++ b/lib/http-client/http-client-apache/src/test/java/com/pudonghot/yo/common/TestDriver.java
@@ -0,0 +1,18 @@
+package com.pudonghot.yo.common;
+
+import lombok.extern.slf4j.Slf4j;
+import org.junit.Test;
+
+import java.util.HashMap;
+import java.util.Map;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+
+/**
+ * @author Donghuang <br>
+ * Aug 21, 2017 16:14
+ */
+@Slf4j
+public class TestDriver {
+
+}
diff --git a/lib/http-client/http-client-apache/src/test/java/com/pudonghot/yo/common/httpclient/impl/HttpClientTest.java b/lib/http-client/http-client-apache/src/test/java/com/pudonghot/yo/common/httpclient/impl/HttpClientTest.java
new file mode 100644
index 00000000..b9048d40
--- /dev/null
+++ b/lib/http-client/http-client-apache/src/test/java/com/pudonghot/yo/common/httpclient/impl/HttpClientTest.java
@@ -0,0 +1,27 @@
+package com.pudonghot.yo.common.httpclient.impl;
+
+import org.junit.Test;
+import lombok.extern.slf4j.Slf4j;
+import org.junit.runner.RunWith;
+import com.pudonghot.yo.common.httpclient.HttpClient;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Nov 28, 2017 11:01
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class HttpClientTest {
+    @Autowired
+    private HttpClient httpClient;
+
+    @Test
+    public void testGet() {
+        log.info("Http request result [{}].",
+            httpClient.get("http://api.genesys.wacai.info/yo/voice/").asMap());
+    }
+}
diff --git a/lib/http-client/http-client-apache/src/test/java/com/pudonghot/yo/common/package-info.java b/lib/http-client/http-client-apache/src/test/java/com/pudonghot/yo/common/package-info.java
new file mode 100644
index 00000000..10c59270
--- /dev/null
+++ b/lib/http-client/http-client-apache/src/test/java/com/pudonghot/yo/common/package-info.java
@@ -0,0 +1,5 @@
+/**
+ * @author Donghuang <br>
+ * Mar 14, 2017 15:28
+ */
+package com.pudonghot.yo.common;
diff --git a/lib/http-client/http-client-apache/src/test/resources/.gitkeep b/lib/http-client/http-client-apache/src/test/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/http-client/http-client-apache/src/test/resources/application.properties b/lib/http-client/http-client-apache/src/test/resources/application.properties
new file mode 100644
index 00000000..d7ef92c1
--- /dev/null
+++ b/lib/http-client/http-client-apache/src/test/resources/application.properties
@@ -0,0 +1,2 @@
+spring.application.name=YO_HTTP_CLIENT
+
diff --git a/lib/http-client/http-client-apache/src/test/resources/log4j2.xml b/lib/http-client/http-client-apache/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..3e7204bf
--- /dev/null
+++ b/lib/http-client/http-client-apache/src/test/resources/log4j2.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="log.level">DEBUG</Property>
+        <Property name="log.dir">.logs</Property>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="%highlight{%-d{yyyy-MM-dd HH:mm:ss,SSS}}{FATAL=magenta, ERROR=magenta, WARN=magenta, INFO=magenta, DEBUG=magenta, TRACE=magenta} %highlight{%-5p}{FATAL=red blink, ERROR=red, WARN=yellow bold, INFO=black, DEBUG=green bold, TRACE=blue} [%t][%highlight{%c{1.}}{FATAL=cyan, ERROR=cyan, WARN=cyan, INFO=cyan, DEBUG=cyan, TRACE=cyan}] %m%n"/>
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+    </Appenders>
+    <Loggers>
+        <Logger name="org.springframework" level="INFO" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.apache" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.hibernate.validator" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Root level="${log.level}" additivity="false">
+            <AppenderRef ref="File" level="${log.level}" />
+            <AppenderRef ref="Console" level="${log.level}" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/http-client/http-client-apache/src/test/resources/spring/spring-test.xml b/lib/http-client/http-client-apache/src/test/resources/spring/spring-test.xml
new file mode 100644
index 00000000..a688ac2d
--- /dev/null
+++ b/lib/http-client/http-client-apache/src/test/resources/spring/spring-test.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xmlns:context="http://www.springframework.org/schema/context"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd
+        http://www.springframework.org/schema/context
+        http://www.springframework.org/schema/context/spring-context.xsd">
+    <context:property-placeholder location="classpath:application.properties" />
+    <bean class="com.fasterxml.jackson.databind.ObjectMapper" />
+</beans>
diff --git a/lib/http-client/http-client-api/README.md b/lib/http-client/http-client-api/README.md
new file mode 100644
index 00000000..03f2f11e
--- /dev/null
+++ b/lib/http-client/http-client-api/README.md
@@ -0,0 +1 @@
+# Lightning HTTP Client
diff --git a/lib/http-client/http-client-api/pom.xml b/lib/http-client/http-client-api/pom.xml
new file mode 100644
index 00000000..7cfa3c9f
--- /dev/null
+++ b/lib/http-client/http-client-api/pom.xml
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-http-client-api</artifactId>
+    <name>Yo HTTP Client API</name>
+    <description>Yo HTTP Client API</description>
+    <packaging>jar</packaging>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-http-client</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>org.slf4j</groupId>
+            <artifactId>slf4j-api</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>commons-io</groupId>
+            <artifactId>commons-io</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.commons</groupId>
+            <artifactId>commons-lang3</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.hibernate.validator</groupId>
+            <artifactId>hibernate-validator</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-common</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-autoconfigure</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.logging.log4j</groupId>
+            <artifactId>log4j-slf4j-impl</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.logging.log4j</groupId>
+            <artifactId>log4j-core</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/http-client/http-client-api/src/main/java/com/pudonghot/yo/common/httpclient/BaseRequestParams.java b/lib/http-client/http-client-api/src/main/java/com/pudonghot/yo/common/httpclient/BaseRequestParams.java
new file mode 100644
index 00000000..37c80426
--- /dev/null
+++ b/lib/http-client/http-client-api/src/main/java/com/pudonghot/yo/common/httpclient/BaseRequestParams.java
@@ -0,0 +1,43 @@
+package com.pudonghot.yo.common.httpclient;
+
+import lombok.Getter;
+import lombok.Setter;
+import java.util.Map;
+import java.nio.charset.*;
+import java.util.HashMap;
+
+/**
+ * @author Donghuang <br>
+ * Mar 29, 2018 17:12
+ */
+@Getter
+@Setter
+public class BaseRequestParams {
+    private Charset charset;
+    private Map<String, ?> headers;
+    private int connectTimeout;
+    private int socketTimeout;
+
+    public BaseRequestParams(Map<String, ?> headers, int connectTimeout, int socketTimeout) {
+        this.headers = headers;
+        this.connectTimeout = connectTimeout;
+        this.socketTimeout = socketTimeout;
+    }
+
+    public BaseRequestParams(int connectTimeout, int socketTimeout) {
+        this.connectTimeout = connectTimeout;
+        this.socketTimeout = socketTimeout;
+    }
+
+    public BaseRequestParams() {
+    }
+
+    @SuppressWarnings("unchecked")
+    public BaseRequestParams addHeader(final String name, final String value) {
+        if (headers == null) {
+            headers = new HashMap<>(8);
+        }
+        ((Map<String, Object>) headers).put(name, value);
+        return this;
+    }
+}
diff --git a/lib/http-client/http-client-api/src/main/java/com/pudonghot/yo/common/httpclient/HttpClient.java b/lib/http-client/http-client-api/src/main/java/com/pudonghot/yo/common/httpclient/HttpClient.java
new file mode 100644
index 00000000..9baab65a
--- /dev/null
+++ b/lib/http-client/http-client-api/src/main/java/com/pudonghot/yo/common/httpclient/HttpClient.java
@@ -0,0 +1,190 @@
+package com.pudonghot.yo.common.httpclient;
+
+import java.util.Map;
+import java.util.List;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.NotBlank;
+import org.springframework.validation.annotation.Validated;
+
+/**
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author Donghuang <br>
+ * Feb 9, 2015 2:20:24 PM
+ */
+@Validated
+public interface HttpClient {
+
+	enum Method {
+		GET,
+		POST,
+		PUT,
+		DELETE
+	}
+
+    /**
+     * compile url
+     * @param urlTpl url template, http://api.loan.wacai.info/user/:userName
+     * @param params url template params, {"account": "donghuang"}
+     * @return url http://api.loan.wacai.info/user/donghuang
+     */
+    String compileUrl(@NotBlank String urlTpl, Map<String, ?> params);
+
+    /**
+     * compile url
+     * @param urlTpl url template, http://api.loan.wacai.info/user/:userName
+     * @param params url template params, ["donghuang"]
+     * @return url http://api.loan.wacai.info/user/donghuang
+     */
+    String compileUrl(@NotBlank String urlTpl, List<?> params);
+
+	/**
+	 * HTTP get request by URL
+	 * @param url url
+	 * @return result
+	 */
+	HttpRequestResult get(@NotBlank String url);
+
+	/**
+	 * HTTP get request by URL
+	 * @param url url
+	 * @param params params
+	 * @return result
+	 */
+	HttpRequestResult get(@NotBlank String url, Map<String, ?> params);
+
+	/**
+	 * HTTP get request by URL
+	 * @param url url
+     * @param params params
+	 * @return result
+	 */
+	HttpRequestResult get(@NotBlank String url, RequestParams params);
+
+	/**
+	 * http post
+	 * @param url url
+	 * @param params params
+	 * @return result
+	 */
+	HttpRequestResult post(@NotBlank String url, Map<String, ?> params);
+
+	/**
+	 * http post
+	 * @param url url
+	 * @param params params
+	 * @return result
+	 */
+	HttpRequestResult post(@NotBlank String url, RequestParams params);
+
+	/**
+     * http post
+	 * @param url url
+	 * @param params params
+	 * @param <T> body type
+	 * @return result
+	 */
+	<T> HttpRequestResult post(@NotBlank String url, RequestBodyParams<T> params);
+
+	/**
+	 * http put
+	 * @param url url
+	 * @param params params
+	 * @return result
+	 */
+	HttpRequestResult put(@NotBlank String url, Map<String, ?> params);
+
+	/**
+	 * http put
+	 * @param url url
+	 * @param params params
+	 * @return result
+	 */
+	HttpRequestResult put(@NotBlank String url, RequestParams params);
+
+	/**
+	 * http put
+	 * @param url url
+	 * @param params params
+	 * @param <T> body type
+	 * @return result
+	 */
+	<T> HttpRequestResult put(@NotBlank String url, RequestBodyParams<T> params);
+
+	/**
+	 * HTTP delete request by URL
+	 * @param url url
+	 * @return result
+	 */
+	HttpRequestResult delete(@NotBlank String url);
+
+	/**
+	 * HTTP delete request by URL
+	 * @param url url
+	 * @param params params
+	 * @return result
+	 */
+	HttpRequestResult delete(@NotBlank String url, Map<String, ?> params);
+
+	/**
+	 * HTTP delete request by URL
+	 * @param url url
+	 * @param params params
+	 * @return result
+	 */
+	HttpRequestResult delete(@NotBlank String url, RequestParams params);
+
+	/**
+	 * request api
+	 * @param type result type
+	 * @param url url
+	 * @param method method
+	 * @param <T> result type
+	 * @return result
+	 */
+	<T> T requestApi(@NotNull Class<T> type,
+		@NotBlank String url,
+		@NotNull Method method);
+
+	/**
+	 * request api
+	 * @param type result type
+	 * @param url url
+	 * @param method method
+	 * @param params params
+	 * @param <T> result type
+	 * @return result
+	 */
+	<T> T requestApi(@NotNull Class<T> type,
+		@NotBlank String url,
+		@NotNull Method method,
+		Map<String, ?> params);
+
+	/**
+	 * request api
+	 * @param type result type
+	 * @param url url
+	 * @param method method
+	 * @param params params
+	 * @param <T> result type
+	 * @return result
+	 */
+	<T> T requestApi(@NotNull Class<T> type,
+         @NotBlank String url,
+         @NotNull Method method,
+         RequestParams params);
+
+	/**
+	 * request api
+	 * @param type result type
+	 * @param url url
+	 * @param method method
+	 * @param params params
+	 * @param <T> result type
+	 * @return result
+	 */
+	<T> T requestApi(@NotNull Class<T> type,
+		@NotBlank String url,
+		@NotNull Method method,
+		RequestBodyParams<?> params);
+}
diff --git a/lib/http-client/http-client-api/src/main/java/com/pudonghot/yo/common/httpclient/HttpRequestResult.java b/lib/http-client/http-client-api/src/main/java/com/pudonghot/yo/common/httpclient/HttpRequestResult.java
new file mode 100644
index 00000000..fbb4b27d
--- /dev/null
+++ b/lib/http-client/http-client-api/src/main/java/com/pudonghot/yo/common/httpclient/HttpRequestResult.java
@@ -0,0 +1,120 @@
+package com.pudonghot.yo.common.httpclient;
+
+import java.util.Map;
+import java.io.IOException;
+import java.io.InputStream;
+import java.io.Serializable;
+import java.io.OutputStream;
+import java.nio.charset.Charset;
+import lombok.extern.slf4j.Slf4j;
+import java.util.function.Supplier;
+import java.util.function.BiFunction;
+import org.apache.commons.io.IOUtils;
+import lombok.RequiredArgsConstructor;
+import java.nio.charset.StandardCharsets;
+import static java.net.HttpURLConnection.HTTP_OK;
+
+/**
+ * @author Donghuang <br>
+ * Apr 28, 2017 11:22:28
+ */
+@Slf4j
+@RequiredArgsConstructor
+public class HttpRequestResult implements Serializable {
+    private static final long serialVersionUID = 1L;
+    private final Supplier<InputStream> streamGetter;
+    private final Supplier<Integer> statusGetter;
+    private final Supplier<String> contentTypeGetter;
+    private final BiFunction<String, Class<?>, ?> jsonParser;
+
+    /**
+     * get response stream
+     * @return response body stream
+     */
+    public InputStream asInputStream() {
+        return streamGetter.get();
+    }
+
+    /**
+     * get content type
+     *
+     * @return content type
+     */
+    public String getContentType() {
+        return contentTypeGetter.get().replaceFirst("(?i)^\\s*Content-Type\\s*:\\s*", "");
+    }
+
+    /**
+     * write result to output stream
+     * @param outputStream
+     */
+    public void writeTo(final OutputStream outputStream) {
+        try (final InputStream ins = asInputStream();
+             final OutputStream os = outputStream) {
+            IOUtils.copy(ins, os);
+        }
+        catch (IOException e) {
+            throw new IllegalStateException(
+                "Http response entity write to output stream error caused", e);
+        }
+    }
+
+    /**
+     * response body as string
+     * @param charset response body charset
+     * @return response string body
+     */
+    public String asString(final Charset charset) {
+        try (final InputStream ins = asInputStream()) {
+            return IOUtils.toString(ins, charset);
+        }
+        catch (IOException e) {
+            throw new IllegalStateException(
+                "Read response stream error caused", e);
+        }
+    }
+
+    /**
+     * get response status
+     * @return response status
+     */
+    public int getStatus() {
+        return statusGetter.get();
+    }
+
+    /**
+     * @return true if response status is 200
+     */
+    public boolean isOk() {
+        return HTTP_OK == getStatus();
+    }
+
+    /**
+     * response body as string
+     *
+     * @return response string body, charset utf-8
+     */
+    public String asString() {
+        return asString(StandardCharsets.UTF_8);
+    }
+
+    /**
+     * result as map
+     *
+     * @return result map
+     */
+    public Map<String, Object> asMap() {
+        return asObject(Map.class);
+    }
+
+    /**
+     * parse response body as object from JSON string
+     *
+     * @param clazz result object class
+     * @param <T> result type
+     * @return result object
+     */
+    public <T> T asObject(final Class<T> clazz) {
+        return (T) jsonParser.apply(asString(), clazz);
+    }
+}
diff --git a/lib/http-client/http-client-api/src/main/java/com/pudonghot/yo/common/httpclient/RequestBodyParams.java b/lib/http-client/http-client-api/src/main/java/com/pudonghot/yo/common/httpclient/RequestBodyParams.java
new file mode 100644
index 00000000..00c5d90f
--- /dev/null
+++ b/lib/http-client/http-client-api/src/main/java/com/pudonghot/yo/common/httpclient/RequestBodyParams.java
@@ -0,0 +1,50 @@
+package com.pudonghot.yo.common.httpclient;
+
+import lombok.*;
+import java.util.Map;
+import java.util.HashMap;
+import java.util.function.Consumer;
+import org.springframework.util.MimeTypeUtils;
+
+/**
+ * @author Donghuang <br>
+ * Mar 29, 2018 17:12
+ */
+@Getter
+@Setter
+@ToString
+@NoArgsConstructor
+@AllArgsConstructor
+public class RequestBodyParams<T> extends BaseRequestParams {
+    private T body;
+    private String contentType;
+
+    public RequestBodyParams(T body, String contentType,  Map<String, ?> headers, int connectTimeout, int socketTimeout) {
+        super(headers, connectTimeout, socketTimeout);
+        this.body = body;
+        this.contentType = contentType;
+    }
+
+    public RequestBodyParams(T body, String contentType, int connectTimeout, int socketTimeout) {
+        super(connectTimeout, socketTimeout);
+        this.body = body;
+        this.contentType = contentType;
+    }
+
+    public RequestBodyParams(T body) {
+        this.body = body;
+    }
+
+    /**
+     * build json body
+     *
+     * @param bodyBuilder body builder
+     * @return request params
+     */
+    public static RequestBodyParams<Map<String, Object>> json(Consumer<Map<String, Object>> bodyBuilder) {
+        final Map<String, Object> mapBody = new HashMap<>(8);
+        bodyBuilder.accept(mapBody);
+        return new RequestBodyParams<>(
+            mapBody, MimeTypeUtils.APPLICATION_JSON_VALUE);
+    }
+}
diff --git a/lib/http-client/http-client-api/src/main/java/com/pudonghot/yo/common/httpclient/RequestParams.java b/lib/http-client/http-client-api/src/main/java/com/pudonghot/yo/common/httpclient/RequestParams.java
new file mode 100644
index 00000000..2503707c
--- /dev/null
+++ b/lib/http-client/http-client-api/src/main/java/com/pudonghot/yo/common/httpclient/RequestParams.java
@@ -0,0 +1,37 @@
+package com.pudonghot.yo.common.httpclient;
+
+import lombok.Getter;
+import lombok.Setter;
+import java.util.Map;
+
+/**
+ * @author Donghuang <br>
+ * Mar 29, 2018 17:12
+ */
+@Getter
+@Setter
+public class RequestParams extends BaseRequestParams {
+    private Map<String, ?> params;
+
+    public RequestParams(Map<String, ?> params, Map<String, ?> headers, int connectTimeout, int socketTimeout) {
+        super(headers, connectTimeout, socketTimeout);
+        this.params = params;
+    }
+
+    public RequestParams(Map<String, ?> params, int connectTimeout, int socketTimeout) {
+        super(connectTimeout, socketTimeout);
+        this.params = params;
+    }
+
+    public RequestParams(Map<String, ?> params) {
+        this.params = params;
+    }
+
+    public RequestParams(Map<String, ?> params, Map<String, ?> headers) {
+        this.params = params;
+        setHeaders(headers);
+    }
+
+    public RequestParams() {
+    }
+}
diff --git a/lib/http-client/http-client-api/src/main/java/com/pudonghot/yo/common/httpclient/impl/AbstractHttpClient.java b/lib/http-client/http-client-api/src/main/java/com/pudonghot/yo/common/httpclient/impl/AbstractHttpClient.java
new file mode 100644
index 00000000..910a24c4
--- /dev/null
+++ b/lib/http-client/http-client-api/src/main/java/com/pudonghot/yo/common/httpclient/impl/AbstractHttpClient.java
@@ -0,0 +1,285 @@
+package com.pudonghot.yo.common.httpclient.impl;
+
+import java.io.File;
+import java.util.Date;
+import java.util.Map;
+import java.util.List;
+import java.util.Iterator;
+import java.io.InputStream;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+import com.wacai.tigon.json.JSON;
+import lombok.extern.slf4j.Slf4j;
+import java.util.function.BiFunction;
+import org.springframework.util.Assert;
+import com.pudonghot.yo.common.httpclient.*;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author Donghuang <br />
+ * Feb 9, 2015 2:20:24 PM
+ */
+@Slf4j
+public abstract class AbstractHttpClient implements HttpClient {
+    protected final Pattern URL_PATTERN = Pattern.compile("(?<=/):[^/?#]+");
+
+    @Value("${httpclient.connection.request.timeout:60000}")
+    protected int defaultConnectionRequestTimeout;
+    @Value("${httpclient.connect.timeout:60000}")
+    protected int defaultConnectTimeout;
+    @Value("${httpclient.socket.timeout:60000}")
+    protected int defaultSocketTimeout;
+    @Autowired
+    protected JSON json;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String compileUrl(String urlTpl, Map<String, ?> params) {
+        log.info("Compile URL pattern [{}].", urlTpl);
+        if (params != null && !params.isEmpty()) {
+            final StringBuffer sbUrl = new StringBuffer();
+            // matches such as :user_id, :id
+            final Matcher matcher = URL_PATTERN.matcher(urlTpl);
+            while (matcher.find()) {
+                // remove first :
+                final String paramName = matcher.group().substring(1);
+                log.debug("URL pattern param [{}] found.", paramName);
+                Object value = params.get(paramName);
+                Assert.state(value != null,
+                    "No URL pattern param [" + paramName + "] found");
+                matcher.appendReplacement(sbUrl, String.valueOf(value));
+            }
+            matcher.appendTail(sbUrl);
+            log.info("URL pattern [{}] result.", sbUrl);
+            return sbUrl.toString();
+        }
+        return urlTpl;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String compileUrl(String urlTpl, List<?> params) {
+        log.info("HTTP request URL [{}].", urlTpl);
+        if (params != null && !params.isEmpty()) {
+            final StringBuffer sbUrl = new StringBuffer();
+            // matches such as :user_id, :id
+            final Matcher matcher = URL_PATTERN.matcher(urlTpl);
+            Iterator<?> iterator = params.iterator();
+            while (matcher.find()) {
+                // remove first :
+                final String paramName = matcher.group().substring(1);
+                log.debug("URL pattern param [{}] found.", paramName);
+                Object value = iterator.next();
+                Assert.state(value != null,
+                    "No URL pattern param [" + paramName + "] found");
+                matcher.appendReplacement(sbUrl, String.valueOf(value));
+            }
+            matcher.appendTail(sbUrl);
+            log.info("URL pattern [{}] result.", sbUrl);
+            return sbUrl.toString();
+        }
+        return urlTpl;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public HttpRequestResult get(String url) {
+        return get(url, (Map<String, ?>) null);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public HttpRequestResult get(String url, Map<String, ?> params) {
+        return get(url, new RequestParams(params));
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public HttpRequestResult post(String url, Map<String, ?> params) {
+        return post(url, new RequestParams(params));
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public HttpRequestResult put(String url, Map<String, ?> params) {
+        return put(url, new RequestParams(params));
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public HttpRequestResult delete(String url) {
+        return delete(url, (Map<String, ?>) null);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public HttpRequestResult delete(String url, Map<String, ?> params) {
+        return delete(url, new RequestParams(params));
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public <T> T requestApi(final Class<T> type, final String url, final Method method) {
+        return requestApi(type, url, method, (Map<String, ?>) null);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public <T> T requestApi(final Class<T> type,
+        final String url,
+        final Method method,
+        final Map<String, ?> params) {
+
+        if (method == Method.GET) {
+            return requestApi(type, url, params, this::get);
+        }
+        if (method == Method.POST) {
+            return requestApi(type, url, params, this::post);
+        }
+        if (method == Method.PUT) {
+            return requestApi(type, url, params, this::put);
+        }
+        if (method == Method.DELETE) {
+            return requestApi(type, url, params, this::delete);
+        }
+        throw new IllegalStateException("Unsupported HTTP request method [" + method + "]");
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public <R> R requestApi(final Class<R> type,
+        final String url,
+        final Method method,
+        final RequestParams params) {
+
+        if (method == Method.GET) {
+            return requestApi(type, url, params, this::get);
+        }
+        if (method == Method.POST) {
+            return requestApi(type, url, params, this::post);
+        }
+        if (method == Method.PUT) {
+            return requestApi(type, url, params, this::put);
+        }
+        if (method == Method.DELETE) {
+            return requestApi(type, url, params, this::delete);
+        }
+        throw new IllegalStateException("Unsupported HTTP request method [" + method + "]");
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public <T> T requestApi(final Class<T> type,
+        final String url,
+        final Method method,
+        final RequestBodyParams<?> params) {
+
+        if (method == Method.POST) {
+            return requestApi(type, url, params, this::post);
+        }
+        if (method == Method.PUT) {
+            return requestApi(type, url, params, this::put);
+        }
+        throw new IllegalStateException("Unsupported HTTP request method [" + method + "]");
+    }
+
+    protected Object getBody(final RequestBodyParams<?> params) {
+        if (params != null) {
+            return params.getBody();
+        }
+        return null;
+    }
+
+    protected Map<String, ?> getParams(final RequestParams params) {
+        if (params != null) {
+            return params.getParams();
+        }
+        return null;
+    }
+
+    protected Map<String, ?> getHeaders(final BaseRequestParams params) {
+        if (params != null) {
+            return params.getHeaders();
+        }
+        return null;
+    }
+
+    protected int getConnectTimeout(final BaseRequestParams params) {
+        if (params != null) {
+            final int connectTimeout = params.getConnectTimeout();
+            return connectTimeout > 0 ? connectTimeout : defaultConnectTimeout;
+        }
+        return defaultSocketTimeout;
+    }
+
+    protected int getSocketTimeout(final BaseRequestParams params) {
+        if (params != null) {
+            final int socketTimeout = params.getSocketTimeout();
+            return socketTimeout > 0 ? socketTimeout : defaultSocketTimeout;
+        }
+        return defaultSocketTimeout;
+    }
+
+    protected String asString(final Object value) {
+        return value instanceof String ? (String) value :
+            value instanceof Date ? String.valueOf(((Date) value).getTime()) :
+                json.toJSONString(value);
+    }
+
+    protected boolean isMultipartEntity(final Map<String, ?> params) {
+        return params.values().stream().anyMatch(
+            param -> param instanceof File ||
+                param instanceof InputStream ||
+                param instanceof byte[]);
+    }
+
+    <R, P> R requestApi(
+        final Class<R> type,
+        final String url,
+        final P params,
+        final BiFunction<String, P, HttpRequestResult> exec) {
+
+        final long start = System.currentTimeMillis();
+        final HttpRequestResult result = exec.apply(url, params);
+        log.info("HTTP request [{}] took [{}].",
+            url, System.currentTimeMillis() - start);
+        final int status = result.getStatus();
+        Assert.state(status >= 200 && status < 300,
+            () -> "HTTP request error [" + status + "] caused");
+        final Map<String, Object> joResult = result.asMap();
+        log.debug("HTTP request [{}] response [{}].", url, joResult);
+        final Boolean success = (Boolean) joResult.get("success");
+        final Integer code = (Integer) joResult.get("code");
+        Assert.state((code != null && code == 0) ||
+            (success != null && success),
+            () -> (String) joResult.get("error"));
+        return json.convert(joResult.get("data"), type);
+    }
+}
diff --git a/lib/http-client/http-client-api/src/main/resources/.gitkeep b/lib/http-client/http-client-api/src/main/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/http-client/http-client-api/src/test/java/com/pudonghot/yo/common/TestDriver.java b/lib/http-client/http-client-api/src/test/java/com/pudonghot/yo/common/TestDriver.java
new file mode 100644
index 00000000..e5b80887
--- /dev/null
+++ b/lib/http-client/http-client-api/src/test/java/com/pudonghot/yo/common/TestDriver.java
@@ -0,0 +1,25 @@
+package com.pudonghot.yo.common;
+
+import lombok.extern.slf4j.Slf4j;
+import org.junit.Test;
+
+import java.util.HashMap;
+import java.util.Map;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+
+/**
+ * @author Donghuang <br>
+ * Aug 21, 2017 16:14
+ */
+@Slf4j
+public class TestDriver {
+
+    @Test
+    public void test() {
+        log.info("Content-Type: image/jpg".replaceFirst("(?i)^\\s*Content-Type\\s*:\\s*", ""));
+        log.info("content-Type: image/jpg".replaceFirst("(?i)^\\s*Content-Type\\s*:\\s*", ""));
+        log.info("content-Type : image/jpg".replaceFirst("(?i)^\\s*Content-Type\\s*:\\s*", ""));
+        log.info(" Content-Type :image/jpg".replaceFirst("(?i)^\\s*Content-Type\\s*:\\s*", ""));
+    }
+}
diff --git a/lib/http-client/http-client-api/src/test/java/com/pudonghot/yo/common/package-info.java b/lib/http-client/http-client-api/src/test/java/com/pudonghot/yo/common/package-info.java
new file mode 100644
index 00000000..10c59270
--- /dev/null
+++ b/lib/http-client/http-client-api/src/test/java/com/pudonghot/yo/common/package-info.java
@@ -0,0 +1,5 @@
+/**
+ * @author Donghuang <br>
+ * Mar 14, 2017 15:28
+ */
+package com.pudonghot.yo.common;
diff --git a/lib/http-client/http-client-api/src/test/resources/.gitkeep b/lib/http-client/http-client-api/src/test/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/http-client/http-client-api/src/test/resources/application.properties b/lib/http-client/http-client-api/src/test/resources/application.properties
new file mode 100644
index 00000000..d7ef92c1
--- /dev/null
+++ b/lib/http-client/http-client-api/src/test/resources/application.properties
@@ -0,0 +1,2 @@
+spring.application.name=YO_HTTP_CLIENT
+
diff --git a/lib/http-client/http-client-api/src/test/resources/log4j2.xml b/lib/http-client/http-client-api/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..3e7204bf
--- /dev/null
+++ b/lib/http-client/http-client-api/src/test/resources/log4j2.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="log.level">DEBUG</Property>
+        <Property name="log.dir">.logs</Property>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="%highlight{%-d{yyyy-MM-dd HH:mm:ss,SSS}}{FATAL=magenta, ERROR=magenta, WARN=magenta, INFO=magenta, DEBUG=magenta, TRACE=magenta} %highlight{%-5p}{FATAL=red blink, ERROR=red, WARN=yellow bold, INFO=black, DEBUG=green bold, TRACE=blue} [%t][%highlight{%c{1.}}{FATAL=cyan, ERROR=cyan, WARN=cyan, INFO=cyan, DEBUG=cyan, TRACE=cyan}] %m%n"/>
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+    </Appenders>
+    <Loggers>
+        <Logger name="org.springframework" level="INFO" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.apache" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.hibernate.validator" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Root level="${log.level}" additivity="false">
+            <AppenderRef ref="File" level="${log.level}" />
+            <AppenderRef ref="Console" level="${log.level}" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/http-client/http-client-api/src/test/resources/spring/spring-test.xml b/lib/http-client/http-client-api/src/test/resources/spring/spring-test.xml
new file mode 100644
index 00000000..b699d41c
--- /dev/null
+++ b/lib/http-client/http-client-api/src/test/resources/spring/spring-test.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xmlns:context="http://www.springframework.org/schema/context"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd
+        http://www.springframework.org/schema/context
+        http://www.springframework.org/schema/context/spring-context.xsd">
+    <context:property-placeholder location="classpath:application.properties" />
+</beans>
diff --git a/lib/http-client/pom.xml b/lib/http-client/pom.xml
new file mode 100644
index 00000000..d333c0b4
--- /dev/null
+++ b/lib/http-client/pom.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-http-client</artifactId>
+    <name>Yo HTTP Client</name>
+    <description>Yo HTTP Client</description>
+    <packaging>pom</packaging>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-library</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <modules>
+        <module>http-client-api</module>
+        <module>http-client-apache</module>
+    </modules>
+</project>
diff --git a/lib/mapper/README.md b/lib/mapper/README.md
new file mode 100644
index 00000000..bbe6af7e
--- /dev/null
+++ b/lib/mapper/README.md
@@ -0,0 +1 @@
+# Yo BR Mapper
diff --git a/lib/mapper/pom.xml b/lib/mapper/pom.xml
new file mode 100644
index 00000000..20abba0b
--- /dev/null
+++ b/lib/mapper/pom.xml
@@ -0,0 +1,71 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-mapper</artifactId>
+    <name>Yo Mapper</name>
+    <description>Yo Mapper</description>
+    <packaging>jar</packaging>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-library</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-model</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-mybatis</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>mysql</groupId>
+            <artifactId>mysql-connector-java</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-jdbc</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.alibaba</groupId>
+            <artifactId>druid</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-mybatis-cache</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-redis-raw</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-test</artifactId>
+            <exclusions>
+                <exclusion>
+                    <artifactId>spring-boot-starter-logging</artifactId>
+                    <groupId>org.springframework.boot</groupId>
+                </exclusion>
+            </exclusions>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-log4j2</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentGroupMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentGroupMapper.java
new file mode 100644
index 00000000..0ed32ce5
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentGroupMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.AgentGroup;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Nov 16, 2019 12:27:23
+ */
+public interface AgentGroupMapper extends BaseMapper<Integer, AgentGroup> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentGroupMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentGroupMapper.xml
new file mode 100644
index 00000000..4dc70d40
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentGroupMapper.xml
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+ /**
+  * @author Donghuang <br>
+  * Nov 16, 2019 11:25:47
+  */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.AgentGroupMapper">
+
+    <select id="list" resultType="com.pudonghot.yo.model.domain.AgentGroup">
+        select
+        <include refid="cols" />
+        <include refid="TaggableMapper.tagsCol" />
+        <include refid="trunkStrategiesCol" />
+        from <include refid="table" />
+        <include refid="TaggableMapper.tagsFilterJoin" />
+        <include refid="trunkStrategiesFilterJoin" />
+        <include refid="Tigon.search" />
+    </select>
+
+    <select id="count" resultType="int">
+        select count(<include refid="primaryKey" />) from
+        <include refid="table" />
+        <include refid="TaggableMapper.tagsFilterJoin" />
+        <include refid="trunkStrategiesFilterJoin" />
+        <include refid="Tigon.searchForCount" />
+    </select>
+
+    <sql id="trunkStrategiesCol">
+        <if test="s != null and s.trueAttr('withTrunkStrategies')">
+            ,(select group_concat(trunk_strategy_id order by trunk_strategy_id asc separator ',')
+            from br_agent_group_trunk_strategy
+            where agent_group_id = <include refid="table" />.id
+            and active = 1
+            group by agent_group_id) trunk_strategies
+        </if>
+    </sql>
+
+    <sql id="trunkStrategiesFilterJoin">
+        <if test="s != null and s.trueAttr('withTrunkStrategies') and s.hasAttr('trunkStrategies') and !s.attr('trunkStrategies').isEmpty()">
+            join (select agent_group_id
+            from br_agent_group_trunk_strategy
+            where trunk_strategy_id in
+            <foreach collection="s.attr('trunkStrategies')" item="strategyId" separator=", " open="(" close=")">
+                #{strategyId}
+            </foreach>
+            ) agts
+            on <include refid="table" />.id = agts.agent_group_id
+        </if>
+    </sql>
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentGroupTrunkStrategyMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentGroupTrunkStrategyMapper.java
new file mode 100644
index 00000000..0ebe0df3
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentGroupTrunkStrategyMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.AgentGroupTrunkStrategy;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Dec 09, 2019 21:01:08
+ */
+public interface AgentGroupTrunkStrategyMapper extends BaseMapper<Integer, AgentGroupTrunkStrategy> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentGroupTrunkStrategyMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentGroupTrunkStrategyMapper.xml
new file mode 100644
index 00000000..b3327b56
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentGroupTrunkStrategyMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+     /**
+      * @author Donghuang <br>
+      * Dec 09, 2019 21:01:23
+      */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.AgentGroupTrunkStrategyMapper">
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentMapper.java
new file mode 100644
index 00000000..d736b05a
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentMapper.java
@@ -0,0 +1,47 @@
+package com.pudonghot.yo.mapper;
+
+import java.util.List;
+
+import com.pudonghot.yo.model.domain.Agent;
+import com.wacai.tigon.mybatis.BaseMapper;
+import org.apache.ibatis.annotations.Param;
+
+/**
+ * @author Donghuang <br>
+ * Nov 15, 2019 17:14:22
+ */
+public interface AgentMapper extends BaseMapper<Integer, Agent> {
+
+    /**
+     * find by domain and agent
+     * @param domain domain
+     * @param agent agent
+     * @return agent
+     */
+    Agent findByDomainAndAgent(@Param("domain") String domain, @Param("agent") String agent);
+
+    /**
+     * find agent by domain and account
+     *
+     * @param domain domain
+     * @param account account
+     * @return agent
+     */
+    Agent findByDomainAndAccount(@Param("domain") String domain, @Param("account") String account);
+
+    /**
+     * list idle agents of queue
+     * @param domain domain
+     * @param queue queue
+     * @return idle agents of queue
+     */
+    List<Agent> listIdleOfQueue(@Param("domain") String domain, @Param("queue") String queue);
+
+    /**
+     * list idle agents of group
+     * @param domain domain
+     * @param group group
+     * @return idle agents of group
+     */
+    List<Agent> listIdleOfGroup(@Param("domain") String domain, @Param("group") String group);
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentMapper.xml
new file mode 100644
index 00000000..c3e737a7
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentMapper.xml
@@ -0,0 +1,120 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:47:34
+ */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.AgentMapper">
+
+    <select id="list" resultType="com.pudonghot.yo.model.domain.Agent">
+        select
+        <include refid="cols" />
+        <include refid="TaggableMapper.tagsCol" />
+        <include refid="queuesCol" />
+        from <include refid="table" />
+        <include refid="TaggableMapper.tagsFilterJoin" />
+        <include refid="queuesFilterJoin" />
+        <include refid="Tigon.search" />
+    </select>
+
+    <select id="count" resultType="int">
+        select count(<include refid="primaryKey" />) from
+        <include refid="table" />
+        <include refid="TaggableMapper.tagsFilterJoin" />
+        <include refid="queuesFilterJoin" />
+        <include refid="Tigon.searchForCount" />
+    </select>
+
+    <sql id="queuesCol">
+        <if test="s != null and s.trueAttr('withQueues')">
+            ,(select group_concat(queue_id order by queue_id asc separator ',')
+            from br_queue_agent
+            where agent_id = <include refid="table" />.id
+            and active = 1
+            group by agent_id) queues
+        </if>
+    </sql>
+
+    <sql id="queuesFilterJoin">
+        <if test="s != null and s.trueAttr('withQueues') and s.hasAttr('queues') and !s.getAttr('queues').isEmpty()">
+            join (select agent_id
+                from br_queue_agent
+                where queue_id in
+                <foreach collection="s.getAttr('queues')" item="queueId" separator=", " open="(" close=")">
+                  #{queueId}
+                </foreach>
+            ) qa
+            on <include refid="table" />.id = qa.agent_id
+        </if>
+    </sql>
+
+    <select id="findByDomainAndAgent" resultType="com.pudonghot.yo.model.domain.Agent">
+        select a.*
+        from <include refid="table" /> a
+        join br_tenant t
+        on a.tenant_id = t.id
+        where a.agent = #{agent}
+        and t.realm = #{domain}
+    </select>
+
+    <select id="findByDomainAndAccount" resultType="com.pudonghot.yo.model.domain.Agent">
+        select a.*
+        from <include refid="table" /> a
+        join br_tenant t
+        on a.tenant_id = t.id
+        where a.account = #{account}
+        and t.realm = #{domain}
+    </select>
+
+    <select id="listIdleOfQueue" resultType="com.pudonghot.yo.model.domain.Agent">
+        select a.*
+        from br_queue q
+
+        join br_queue_agent qa
+        on q.identifier = #{queue}
+        and q.id = qa.queue_id
+
+        join <include refid="table" /> a
+        on qa.agent_id = a.id
+        and a.active = 1
+
+        join br_tenant t
+        on t.realm = #{domain}
+        and a.tenant_id = t.id
+        and t.active = 1
+
+        join br_agent_status s
+        on a.id = s.agent_id
+
+        where q.active = 1
+        and s.status = 'READY'
+        and s.state = 'IDLE'
+        and s.lock_key is null
+    </select>
+
+    <select id="listIdleOfGroup" resultType="com.pudonghot.yo.model.domain.Agent">
+        select a.*
+        from br_agent_group ag
+
+        join <include refid="table" /> a
+        on ag.identifier = #{group}
+        and ag.id = a.group_id
+        and a.active = 1
+
+        join br_tenant t
+        on t.realm = #{domain}
+        and a.tenant_id = t.id
+        and t.active = 1
+
+        join br_agent_status s
+        on a.id = s.agent_id
+
+        where ag.active = 1
+        and s.status = 'READY'
+        and s.state = 'IDLE'
+        and s.lock_key is null
+    </select>
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentStatusMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentStatusMapper.java
new file mode 100644
index 00000000..837cc77b
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentStatusMapper.java
@@ -0,0 +1,61 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.AgentStatus;
+import com.wacai.tigon.mybatis.BaseMapper;
+import org.apache.ibatis.annotations.Param;
+
+/**
+ * @author Donghuang
+ * @date Mar 09, 2020 16:12:19
+ */
+public interface AgentStatusMapper extends BaseMapper<Integer, AgentStatus> {
+
+    /**
+     * After call work
+     *
+     * @param tenantId tenant id
+     * @param agent agent
+     * @return update rows
+     */
+    int acw(@Param("tenantId") Integer tenantId, @Param("agent") String agent);
+
+    /**
+     * lock idle agent of queue
+     * @param tenantId tenant id
+     * @param queueId queue id
+     * @param lockKey lock key
+     * @param limit lock limit, 0 lock all
+     * @return idle agent locked
+     */
+    int lockIdleOfQueue(@Param("tenantId") Integer tenantId,
+                        @Param("queueId") Integer queueId,
+                        @Param("lockKey") String lockKey,
+                        @Param("limit") int limit);
+
+    /**
+     * lock idle agent of group
+     * @param tenantId tenant id
+     * @param groupId group id
+     * @param lockKey lock key
+     * @param limit lock limit, 0 lock all
+     * @return idle agent locked
+     */
+    int lockIdleOfGroup(@Param("tenantId") Integer tenantId,
+                        @Param("groupId") Integer groupId,
+                        @Param("lockKey") String lockKey,
+                        @Param("limit") int limit);
+
+    /**
+     * lock clean up
+     *
+     * @return updated rows
+     */
+    int lockCleanup();
+
+    /**
+     * ACW clean up
+     *
+     * @return updated rows
+     */
+    int acwCleanup();
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentStatusMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentStatusMapper.xml
new file mode 100644
index 00000000..5c773a73
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AgentStatusMapper.xml
@@ -0,0 +1,113 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+/**
+ * @author Donghuang
+ * @date Mar 09, 2020 16:12:35
+ */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.AgentStatusMapper">
+
+    <update id="acw">
+        update <include refid="table" /> s
+
+        join br_agent a
+        on s.agent_id = a.id
+
+        set s.state = 'ACW',
+        s.acw_time = now(),
+        s.updated_time = now()
+
+        where a.tenant_id = #{tenantId}
+        and a.agent = #{agent}
+        and a.active = 1
+        <![CDATA[
+            and a.wrap_up_time > 0
+        ]]>
+        and s.status = 'READY'
+    </update>
+
+    <update id="lockIdleOfQueue">
+        update <include refid="table" /> s
+        join (
+            select s.id
+            from <include refid="table"/> s
+
+            join br_agent a
+            on a.id = s.agent_id
+
+            join br_queue_agent qa
+            on qa.agent_id = a.id
+
+            where qa.queue_id = #{queueId}
+            and a.active = 1
+            and s.status = 'READY'
+            and s.state = 'IDLE'
+            and s.lock_key is null
+
+            <if test="limit > 0">
+                order by rand()
+                limit #{limit}
+            </if>
+        ) t
+        on s.id = t.id
+        set s.lock_key = #{lockKey},
+        s.lock_time = now(),
+        s.updated_time = now()
+    </update>
+
+    <update id="lockIdleOfGroup">
+        update <include refid="table" /> s
+        join (
+            select s.id
+            from <include refid="table"/> s
+
+            join br_agent a
+            on a.id = s.agent_id
+
+            where a.group_id = #{groupId}
+            and a.active = 1
+            and s.status = 'READY'
+            and s.state = 'IDLE'
+            and s.lock_key is null
+
+            <if test="limit > 0">
+                order by rand()
+                limit #{limit}
+            </if>
+        ) t
+        on s.id = t.id
+        set s.lock_key = #{lockKey},
+        s.lock_time = now(),
+        s.updated_time = now()
+    </update>
+
+    <update id="lockCleanup">
+        update <include refid="table" />
+        set lock_key = null,
+        lock_time = null,
+        updated_time = now()
+        where
+        <![CDATA[
+            lock_time < now() - interval 45 minute
+        ]]>
+    </update>
+
+    <update id="acwCleanup">
+        update <include refid="table" /> s
+
+        join br_agent a
+        on s.agent_id = a.id
+        <![CDATA[
+            and acw_time < now() - interval a.wrap_up_time second
+        ]]>
+
+        set s.state = 'IDLE',
+        s.acw_time = null,
+        s.updated_time = now()
+
+        where s.state = 'ACW'
+        and s.acw_time is not null
+    </update>
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AreaCodeMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AreaCodeMapper.java
new file mode 100644
index 00000000..2172d993
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AreaCodeMapper.java
@@ -0,0 +1,12 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.AreaCode;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Nov 15, 2019 17:53:54
+ */
+public interface AreaCodeMapper
+    extends BaseMapper<Integer, AreaCode> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AreaCodeMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AreaCodeMapper.xml
new file mode 100644
index 00000000..703b64bb
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AreaCodeMapper.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+   /**
+    * @author Donghuang <br>
+    * Nov 15, 2019 17:52:44
+    */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.AreaCodeMapper">
+
+    <select id="list" resultType="com.pudonghot.yo.model.domain.AreaCode">
+        <include refid="TaggableMapper.list" />
+    </select>
+
+    <select id="count" resultType="int">
+        <include refid="TaggableMapper.count" />
+    </select>
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthPermissionMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthPermissionMapper.java
new file mode 100644
index 00000000..4bec5600
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthPermissionMapper.java
@@ -0,0 +1,22 @@
+package com.pudonghot.yo.mapper;
+
+import java.util.List;
+
+import com.pudonghot.yo.model.domain.AuthPermission;
+import com.wacai.tigon.mybatis.BaseMapper;
+import org.apache.ibatis.annotations.Param;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 18:02:30
+ */
+public interface AuthPermissionMapper extends BaseMapper<Integer, AuthPermission> {
+
+    /**
+     * list permissions of account
+     *
+     * @param account auth user account
+     * @return permissions
+     */
+    List<String> listOfUser(@Param("account") String account);
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthPermissionMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthPermissionMapper.xml
new file mode 100644
index 00000000..b36fb82d
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthPermissionMapper.xml
@@ -0,0 +1,61 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+  /**
+   * @author Donghuang <br>
+   * Nov 30, 2019 18:02:46
+   */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.AuthPermissionMapper">
+
+    <select id="listOfUser" resultType="string">
+        select distinct pr.permission
+        from br_auth_permission_role pr
+        join br_auth_user_role ur
+        on pr.role_id = ur.role_id
+        where ur.account = #{account}
+    </select>
+
+    <select id="list" resultType="com.pudonghot.yo.model.domain.AuthPermission">
+        select
+        <include refid="cols" />
+        <include refid="TaggableMapper.tagsCol" />
+        <include refid="rolesCol" />
+        from <include refid="table" />
+        <include refid="TaggableMapper.tagsFilterJoin" />
+        <include refid="rolesFilterJoin" />
+        <include refid="Tigon.search" />
+    </select>
+
+    <select id="count" resultType="int">
+        select count(<include refid="primaryKey" />) from
+        <include refid="table" />
+        <include refid="TaggableMapper.tagsFilterJoin" />
+        <include refid="rolesFilterJoin" />
+        <include refid="Tigon.searchForCount" />
+    </select>
+
+    <sql id="rolesCol">
+        <if test="s != null and s.trueAttr('withRoles')">
+            ,(select group_concat(role_id order by role_id asc separator ',')
+            from br_auth_permission_role
+            where permission_id = <include refid="table" />.id
+            and active = 1
+            group by permission_id) roles
+        </if>
+    </sql>
+
+    <sql id="rolesFilterJoin">
+        <if test="s != null and s.trueAttr('withRoles') and s.hasAttr('roles') and !s.attr('roles').isEmpty()">
+            join (select permission_id
+            from br_auth_permission_role
+            where role_id in
+            <foreach collection="s.attr('roles')" item="roleId" separator=", " open="(" close=")">
+                #{roleId}
+            </foreach>
+            ) ru
+            on <include refid="table" />.id = ru.permission_id
+        </if>
+    </sql>
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthPermissionRoleMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthPermissionRoleMapper.java
new file mode 100644
index 00000000..fd73a39e
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthPermissionRoleMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.AuthPermissionRole;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 18:00:24
+ */
+public interface AuthPermissionRoleMapper extends BaseMapper<Integer, AuthPermissionRole> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthPermissionRoleMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthPermissionRoleMapper.xml
new file mode 100644
index 00000000..9da4b8f8
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthPermissionRoleMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+  /**
+   * @author Donghuang <br>
+   * Nov 30, 2019 18:00:39
+   */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.AuthPermissionRoleMapper">
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthRoleMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthRoleMapper.java
new file mode 100644
index 00000000..a5ee2aa3
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthRoleMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.AuthRole;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 17:59:55
+ */
+public interface AuthRoleMapper extends BaseMapper<Integer, AuthRole> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthRoleMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthRoleMapper.xml
new file mode 100644
index 00000000..881208f2
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthRoleMapper.xml
@@ -0,0 +1,19 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+ /**
+  * @author Donghuang <br>
+  * Nov 30, 2019 17:57:54
+  */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.AuthRoleMapper">
+
+    <select id="list" resultType="com.pudonghot.yo.model.domain.AuthRole">
+        <include refid="TaggableMapper.list" />
+    </select>
+
+    <select id="count" resultType="int">
+        <include refid="TaggableMapper.count" />
+    </select>
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthUserMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthUserMapper.java
new file mode 100644
index 00000000..35283346
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthUserMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.AuthUser;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 17:57:38
+ */
+public interface AuthUserMapper extends BaseMapper<Integer, AuthUser> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthUserMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthUserMapper.xml
new file mode 100644
index 00000000..9a95f4ab
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthUserMapper.xml
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+ /**
+  * @author Donghuang <br>
+  * Nov 30, 2019 17:57:54
+  */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.AuthUserMapper">
+
+    <select id="list" resultType="com.pudonghot.yo.model.domain.AuthUser">
+        select
+        <include refid="cols" />
+        <include refid="TaggableMapper.tagsCol" />
+        <include refid="rolesCol" />
+        <include refid="tenantsCol" />
+        from <include refid="table" />
+        <include refid="TaggableMapper.tagsFilterJoin" />
+        <include refid="rolesFilterJoin" />
+        <include refid="tenantsFilterJoin" />
+        <include refid="Tigon.search" />
+    </select>
+
+    <select id="count" resultType="int">
+        select count(<include refid="primaryKey" />) from
+        <include refid="table" />
+        <include refid="TaggableMapper.tagsFilterJoin" />
+        <include refid="rolesFilterJoin" />
+        <include refid="Tigon.searchForCount" />
+    </select>
+
+    <sql id="rolesCol">
+        <if test="s != null and s.trueAttr('withRoles')">
+            ,(select group_concat(role_id order by role_id asc separator ',')
+            from br_auth_user_role
+            where user_id = <include refid="table" />.id
+            and active = 1
+            group by user_id) roles
+        </if>
+    </sql>
+
+    <sql id="tenantsCol">
+        <if test="s != null and s.trueAttr('withTenants')">
+            ,(select group_concat(tenant_id order by tenant_id asc separator ',')
+            from br_auth_user_tenant
+            where user_id = <include refid="table" />.id
+            and active = 1
+            group by user_id) tenants
+        </if>
+    </sql>
+
+    <sql id="rolesFilterJoin">
+        <if test="s != null and s.trueAttr('withRoles') and s.hasAttr('roles') and !s.attr('roles').isEmpty()">
+            join (select user_id
+            from br_auth_user_role
+            where role_id in
+            <foreach collection="s.attr('roles')" item="roleId" separator=", " open="(" close=")">
+                #{roleId}
+            </foreach>
+            ) ur
+            on <include refid="table" />.id = ur.user_id
+        </if>
+    </sql>
+
+    <sql id="tenantsFilterJoin">
+        <if test="s != null and s.trueAttr('withTenants') and s.hasAttr('tenants') and !s.attr('tenants').isEmpty()">
+            join (select user_id
+            from br_auth_user_tenant
+            where tenant_id in
+            <foreach collection="s.attr('tenants')" item="tenantId" separator=", " open="(" close=")">
+                #{tenantId}
+            </foreach>
+            ) ut
+            on <include refid="table" />.id = ut.user_id
+        </if>
+    </sql>
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthUserRoleMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthUserRoleMapper.java
new file mode 100644
index 00000000..6540c58c
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthUserRoleMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.AuthUserRole;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 18:01:05
+ */
+public interface AuthUserRoleMapper extends BaseMapper<Integer, AuthUserRole> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthUserRoleMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthUserRoleMapper.xml
new file mode 100644
index 00000000..84a6ab4f
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthUserRoleMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+  /**
+   * @author Donghuang <br>
+   * Nov 30, 2019 18:01:18
+   */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.AuthUserRoleMapper">
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthUserTenantMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthUserTenantMapper.java
new file mode 100644
index 00000000..b302673b
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthUserTenantMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.AuthUserTenant;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Dec 25, 2019 14:38:11
+ */
+public interface AuthUserTenantMapper extends BaseMapper<Integer, AuthUserTenant> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthUserTenantMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthUserTenantMapper.xml
new file mode 100644
index 00000000..1ba54b39
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/AuthUserTenantMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+   /**
+    * @author Donghuang <br>
+    * Dec 25, 2019 14:38:31
+    */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.AuthUserTenantMapper">
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CallDetailRecordMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CallDetailRecordMapper.java
new file mode 100644
index 00000000..7ba1d40c
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CallDetailRecordMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.CallDetailRecord;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Jan 15, 2020 14:57:34
+ */
+public interface CallDetailRecordMapper extends BaseMapper<Integer, CallDetailRecord> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CallDetailRecordMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CallDetailRecordMapper.xml
new file mode 100644
index 00000000..d5e9fb96
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CallDetailRecordMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+/**
+ * @author Donghuang <br>
+ * Jan 15, 2020 14:57:57
+ */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.CallDetailRecordMapper">
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CallRecordingMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CallRecordingMapper.java
new file mode 100644
index 00000000..e89fd696
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CallRecordingMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.CallRecording;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Jan 16, 2020 15:15:31
+ */
+public interface CallRecordingMapper extends BaseMapper<Integer, CallRecording> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CallRecordingMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CallRecordingMapper.xml
new file mode 100644
index 00000000..6e40370c
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CallRecordingMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+/**
+ * @author Donghuang <br>
+ * Jan 16, 2020 15:15:38
+ */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.CallRecordingMapper">
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CallingListMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CallingListMapper.java
new file mode 100644
index 00000000..106e1773
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CallingListMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.CallingList;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Feb 05, 2020 12:55:43
+ */
+public interface CallingListMapper extends BaseMapper<Integer, CallingList> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CallingListMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CallingListMapper.xml
new file mode 100644
index 00000000..5579d6ae
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CallingListMapper.xml
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+/**
+ * @author Donghuang <br>
+ * Feb 05, 2020 12:56:06
+ */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.CallingListMapper">
+
+    <select id="statCampaign" resultType="map">
+        select
+        count(*) count,
+        count(case when status = 'READY' then 1 end) count_ready,
+        count(case when status = 'ACHIEVED' then 1 end) count_achieved,
+        count(case when status = 'CALLED' then 1 end) count_called,
+        count(case when status = 'CANCELED' then 1 end) count_canceled,
+        count(case when status = 'CALLED' and connected = 1 then 1 end) count_connected,
+        count(case when status = 'CALLED' and connected = 0 then 1 end) count_not_connected
+        from br_calling_list
+        where campaign_id = #{campaignId}
+        and active = 1
+    </select>
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CampaignMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CampaignMapper.java
new file mode 100644
index 00000000..75ad1369
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CampaignMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.Campaign;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Jan 02, 2020 16:29:04
+ */
+public interface CampaignMapper extends BaseMapper<Integer, Campaign> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CampaignMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CampaignMapper.xml
new file mode 100644
index 00000000..38dd33ea
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CampaignMapper.xml
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+ /**
+  * @author Donghuang <br>
+  * Jan 02, 2020 16:29:43
+  */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.CampaignMapper">
+
+    <select id="list" resultType="com.pudonghot.yo.model.domain.Campaign">
+        select
+        <include refid="cols" />
+        <include refid="TaggableMapper.tagsCol" />
+        <include refid="trunkStrategiesCol" />
+        from <include refid="table" />
+        <include refid="TaggableMapper.tagsFilterJoin" />
+        <include refid="trunkStrategiesFilterJoin" />
+        <include refid="Tigon.search" />
+    </select>
+
+    <select id="count" resultType="int">
+        select count(<include refid="primaryKey" />) from
+        <include refid="table" />
+        <include refid="TaggableMapper.tagsFilterJoin" />
+        <include refid="trunkStrategiesFilterJoin" />
+        <include refid="Tigon.searchForCount" />
+    </select>
+
+    <sql id="trunkStrategiesCol">
+        <if test="s != null and s.trueAttr('withTrunkStrategies')">
+            ,(select group_concat(trunk_strategy_id order by trunk_strategy_id asc separator ',')
+            from br_campaign_trunk_strategy
+            where campaign_id = <include refid="table" />.id
+            and active = 1
+            group by campaign_id) trunk_strategies
+        </if>
+    </sql>
+
+    <sql id="trunkStrategiesFilterJoin">
+        <if test="s != null and s.trueAttr('withTrunkStrategies') and s.hasAttr('trunkStrategies') and !s.attr('trunkStrategies').isEmpty()">
+            join (select campaign_id
+            from br_campaign_trunk_strategy
+            where trunk_strategy_id in
+            <foreach collection="s.attr('trunkStrategies')" item="strategyId" separator=", " open="(" close=")">
+                #{strategyId}
+            </foreach>
+            ) agts
+            on <include refid="table" />.id = agts.campaign_id
+        </if>
+    </sql>
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CampaignTrunkStrategyMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CampaignTrunkStrategyMapper.java
new file mode 100644
index 00000000..43e26dd2
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CampaignTrunkStrategyMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.CampaignTrunkStrategy;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Jan 02, 2020 16:33:26
+ */
+public interface CampaignTrunkStrategyMapper extends BaseMapper<Integer, CampaignTrunkStrategy> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CampaignTrunkStrategyMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CampaignTrunkStrategyMapper.xml
new file mode 100644
index 00000000..0a61c472
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/CampaignTrunkStrategyMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+ /**
+  * @author Donghuang <br>
+  * Jan 02, 2020 16:30:44
+  */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.CampaignTrunkStrategyMapper">
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/GatewayMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/GatewayMapper.java
new file mode 100644
index 00000000..119246d6
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/GatewayMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.Gateway;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Oct 28, 2019 14:14:55
+ */
+public interface GatewayMapper extends BaseMapper<Integer, Gateway> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/GatewayMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/GatewayMapper.xml
new file mode 100644
index 00000000..7301f8fe
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/GatewayMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+  /**
+   * @author Donghuang <br>
+   * Oct 28, 2019 14:15:18
+   */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.GatewayMapper">
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/ObjectTagMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/ObjectTagMapper.java
new file mode 100644
index 00000000..90c54987
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/ObjectTagMapper.java
@@ -0,0 +1,12 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.ObjectTag;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Dec 10, 2019 22:26:46
+ */
+public interface ObjectTagMapper
+    extends BaseMapper<Integer, ObjectTag> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/ObjectTagMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/ObjectTagMapper.xml
new file mode 100644
index 00000000..6613567c
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/ObjectTagMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+  /**
+   * @author Donghuang <br>
+   * Dec 10, 2019 22:26:59
+   */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.ObjectTagMapper">
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/QueueAgentMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/QueueAgentMapper.java
new file mode 100644
index 00000000..e6a7e738
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/QueueAgentMapper.java
@@ -0,0 +1,12 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.QueueAgent;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Oct 30, 2019 16:59:31
+ */
+public interface QueueAgentMapper extends BaseMapper<Integer, QueueAgent> {
+
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/QueueAgentMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/QueueAgentMapper.xml
new file mode 100644
index 00000000..d8d5099c
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/QueueAgentMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+  /**
+   * @author Donghuang <br>
+   * Oct 30, 2019 16:59:41
+   */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.QueueAgentMapper">
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/QueueMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/QueueMapper.java
new file mode 100644
index 00000000..9e9fec77
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/QueueMapper.java
@@ -0,0 +1,22 @@
+package com.pudonghot.yo.mapper;
+
+import java.util.List;
+
+import com.pudonghot.yo.model.domain.Queue;
+import com.wacai.tigon.mybatis.BaseMapper;
+import org.apache.ibatis.annotations.Param;
+
+/**
+ * @author Donghuang <br>
+ * Oct 30, 2019 17:00:01
+ */
+public interface QueueMapper extends BaseMapper<Integer, Queue> {
+
+    /**
+     * list queues of agent
+     *
+     * @param agentId agent id
+     * @return queues of agent
+     */
+    List<Queue> listOfAgentId(@Param("agentId") Integer agentId);
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/QueueMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/QueueMapper.xml
new file mode 100644
index 00000000..6ecc50fa
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/QueueMapper.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+  /**
+   * @author Donghuang <br>
+   * Oct 30, 2019 17:00:14
+   */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.QueueMapper">
+
+    <select id="listOfAgentId" resultType="com.pudonghot.yo.model.domain.Queue">
+        select q.* from br_queue q
+        join br_queue_agent qa
+        on q.id = qa.queue_id
+        and qa.active = 1
+        where qa.agent_id = #{agentId}
+        and q.active = 1
+    </select>
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/RobotAgentMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/RobotAgentMapper.java
new file mode 100644
index 00000000..8419a068
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/RobotAgentMapper.java
@@ -0,0 +1,21 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.RobotAgent;
+import com.wacai.tigon.mybatis.BaseMapper;
+import org.apache.ibatis.annotations.Param;
+
+/**
+ * @author qiushui
+ * @author Donghuang
+ * @date Feb 26, 2020 09:33:47
+ */
+public interface RobotAgentMapper extends BaseMapper<Integer, RobotAgent> {
+
+    /**
+     * assign agents to addr
+     * @param addr bind addr
+     * @param count assign count
+     * @return updated rows count
+     */
+    int assign(@Param("addr") String addr, @Param("count") int count);
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/RobotAgentMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/RobotAgentMapper.xml
new file mode 100644
index 00000000..18d99145
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/RobotAgentMapper.xml
@@ -0,0 +1,27 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+  /**
+   * @author qiushui <br>
+   * @author Donghuang
+   * @date Feb 26, 2020 09:33:57
+   */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.RobotAgentMapper">
+
+    <update id="assign">
+      update <include refid="table" /> ra
+      join (select ra.id from <include refid="table" /> ra
+          join br_agent a
+          on ra.agent_id = a.id
+          and a.active = 1
+          and ra.bind_addr is null
+          and ra.active = 1
+          limit #{count}) t
+      on ra.id = t.id
+      set ra.bind_addr = #{addr},
+        ra.status = 'ASSIGNED'
+    </update>
+
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/RobotCallConfigMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/RobotCallConfigMapper.java
new file mode 100644
index 00000000..2ccc1112
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/RobotCallConfigMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.RobotCallConfig;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author bingpo
+ * @date 2020/3/27 下午2:15
+ */
+public interface RobotCallConfigMapper extends BaseMapper<Integer, RobotCallConfig> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/RobotCallConfigMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/RobotCallConfigMapper.xml
new file mode 100644
index 00000000..e55d5ee3
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/RobotCallConfigMapper.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="com.pudonghot.yo.mapper.RobotCallConfigMapper">
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/RobotCallResultMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/RobotCallResultMapper.java
new file mode 100644
index 00000000..161b36ca
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/RobotCallResultMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.RobotCallResult;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author bingpo
+ * @date 2020/3/27 下午2:15
+ */
+public interface RobotCallResultMapper extends BaseMapper<Integer, RobotCallResult> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/RobotCallResultMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/RobotCallResultMapper.xml
new file mode 100644
index 00000000..12f48a4c
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/RobotCallResultMapper.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="com.pudonghot.yo.mapper.RobotCallResultMapper">
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/SequenceMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/SequenceMapper.java
new file mode 100644
index 00000000..795ac2da
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/SequenceMapper.java
@@ -0,0 +1,29 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.Sequence;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.mybatis.BaseMapper;
+import org.apache.ibatis.annotations.Param;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.NotBlank;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 13:41:31
+ */
+public interface SequenceMapper extends BaseMapper<Integer, Sequence> {
+
+    /**
+     * find for update by search
+     * @param search search
+     * @return find result or null
+     */
+    Sequence findForUpdate(@NotNull @Param(PARAM_SEARCH_KEY) Search search);
+
+    /**
+     * find for update by id
+     * @param id id
+     * @return find result or null
+     */
+    Sequence findForUpdate(@NotBlank @Param(PARAM_SEARCH_KEY) Integer id);
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/SequenceMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/SequenceMapper.xml
new file mode 100644
index 00000000..45194938
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/SequenceMapper.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+ /**
+  * @author Donghuang <br>
+  * Nov 02, 2019 13:41:42
+  */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.SequenceMapper">
+
+    <select id="findForUpdate" resultType="com.pudonghot.yo.model.domain.Sequence">
+        <include refid="Tigon.find" />
+        for update
+    </select>
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TagMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TagMapper.java
new file mode 100644
index 00000000..bd9ad509
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TagMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.wacai.tigon.mybatis.BaseMapper;
+import com.pudonghot.yo.model.domain.Tag;
+
+/**
+ * @author Donghuang <br>
+ * Nov 14, 2019 11:41:31
+ */
+public interface TagMapper extends BaseMapper<Integer, Tag> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TagMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TagMapper.xml
new file mode 100644
index 00000000..945e0fe6
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TagMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+  /**
+   * @author Donghuang <br>
+   * Oct 28, 2019 14:14:24
+   */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.TagMapper">
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TaggableMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TaggableMapper.xml
new file mode 100644
index 00000000..7a565939
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TaggableMapper.xml
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+    /**
+     * @author Donghuang <br>
+     * Nov 15, 2019 23:24:24
+     */
+-->
+<mapper namespace="TaggableMapper">
+
+    <sql id="list">
+        select
+        <include refid="cols" />
+        <include refid="TaggableMapper.tagsCol" />
+        from <include refid="table" />
+        <include refid="TaggableMapper.tagsFilterJoin" />
+        <include refid="Tigon.search" />
+    </sql>
+
+    <sql id="count">
+        select count(<include refid="primaryKey" />) from
+        <include refid="table" />
+        <include refid="TaggableMapper.tagsFilterJoin" />
+        <include refid="Tigon.searchForCount" />
+    </sql>
+
+    <sql id="tagsCol">
+        <if test="s != null and s.trueAttr('withTags')">
+            ,(select group_concat(tag_id order by tag_id asc separator ',')
+            from br_object_tag
+            <include refid="tableVar" />
+            where object_table = #{__table__}
+            and object_id = <include refid="table" />.id
+            and active = 1
+            <include refid="TaggableMapper.tenantCond" />
+            group by object_id) tags
+        </if>
+    </sql>
+
+    <sql id="tagsFilterJoin">
+        <if test="s != null and s.trueAttr('withTags') and s.hasAttr('tags') and !s.getAttr('tags').isEmpty()">
+            join (select distinct object_id
+            from br_object_tag
+            <include refid="tableVar" />
+            where object_table = #{__table__}
+            and tag_id in
+            <foreach collection="s.getAttr('tags')" item="tag" separator=", " open="(" close=")">
+                #{tag}
+            </foreach>
+            <include refid="TaggableMapper.tenantCond" />
+            ) t
+            on <include refid="table" />.id = t.object_id
+        </if>
+    </sql>
+
+    <sql id="tenantCond">
+        <if test="s != null and s.hasAttr('tenantId')">
+            <bind name="__tenantId__" value="s.attr('tenantId')" />
+            and tenant_id = #{__tenantId__}
+        </if>
+    </sql>
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TelecomVendorMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TelecomVendorMapper.java
new file mode 100644
index 00000000..596b9876
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TelecomVendorMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.TelecomVendor;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Oct 29, 2019 18:42:31
+ */
+public interface TelecomVendorMapper extends BaseMapper<Integer, TelecomVendor> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TelecomVendorMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TelecomVendorMapper.xml
new file mode 100644
index 00000000..84a35eb7
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TelecomVendorMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+ /**
+  * @author Donghuang <br>
+  * Oct 29, 2019 18:42:48
+  */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.TelecomVendorMapper">
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TenantMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TenantMapper.java
new file mode 100644
index 00000000..799273a7
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TenantMapper.java
@@ -0,0 +1,22 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.Tenant;
+import com.wacai.tigon.mybatis.BaseMapper;
+import org.apache.ibatis.annotations.Param;
+
+import java.util.List;
+
+/**
+ * @author Donghuang <br>
+ * Oct 28, 2019 14:11:50
+ */
+public interface TenantMapper extends BaseMapper<Integer, Tenant> {
+
+    /**
+     * list tenants of account
+     *
+     * @param account account
+     * @return tenants
+     */
+    List<Tenant> listOfUser(@Param("account") String account);
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TenantMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TenantMapper.xml
new file mode 100644
index 00000000..e4965d59
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TenantMapper.xml
@@ -0,0 +1,20 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+ /**
+  * @author Donghuang <br>
+  * Oct 28, 2019 14:12:11
+  */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.TenantMapper">
+
+    <select id="listOfUser" resultType="com.pudonghot.yo.model.domain.Tenant">
+        select t.* from br_tenant t
+        join br_auth_user_tenant ut
+        on t.id = ut.tenant_id
+        where ut.account = #{account}
+        and t.active = 1
+    </select>
+
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkAttrMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkAttrMapper.java
new file mode 100644
index 00000000..8c06d1ef
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkAttrMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.TrunkAttr;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 14:49:57
+ */
+public interface TrunkAttrMapper extends BaseMapper<Integer, TrunkAttr> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkAttrMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkAttrMapper.xml
new file mode 100644
index 00000000..3dba07ab
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkAttrMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 14:49:35
+ */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.TrunkAttrMapper">
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkMapper.java
new file mode 100644
index 00000000..2fa4db72
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkMapper.java
@@ -0,0 +1,33 @@
+package com.pudonghot.yo.mapper;
+
+import java.util.List;
+import com.wacai.tigon.mybatis.BaseMapper;
+import org.apache.ibatis.annotations.Param;
+import com.pudonghot.yo.model.domain.Trunk;
+
+/**
+ * @author Donghuang <br>
+ * Oct 28, 2019 14:13:28
+ */
+public interface TrunkMapper extends BaseMapper<Integer, Trunk> {
+
+    /**
+     * list trunks of agent group id
+     *
+     * @param strategyId strategy id
+     * @return outbound prefixes
+     */
+    List<Trunk> listOfStrategyId(
+        @Param("strategyId")
+        Integer strategyId);
+
+    /**
+     * list trunks of agent group id
+     *
+     * @param agentGroupId agent group id
+     * @return outbound prefixes
+     */
+    List<Trunk> listOfAgentGroupId(
+        @Param("agentGroupId")
+        Integer agentGroupId);
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkMapper.xml
new file mode 100644
index 00000000..07d95406
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkMapper.xml
@@ -0,0 +1,128 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+ /**
+  * @author Donghuang <br>
+  * Oct 28, 2019 14:12:11
+  */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.TrunkMapper">
+
+    <select id="listOfStrategyId" resultType="com.pudonghot.yo.model.domain.Trunk">
+        select t.* from br_trunk t
+
+        join br_gateway gw
+        on t.gateway_id = gw.id
+        and gw.active = 1
+
+        join br_telecom_vendor tv
+        on t.telecom_vendor_id = tv.id
+        and tv.active = 1
+
+        join br_trunk_strategy_trunk tst
+        on t.id = tst.trunk_id
+        and tst.active = 1
+
+        join br_trunk_strategy ts
+        on tst.trunk_strategy_id = ts.id
+        and ts.active = 1
+
+        where ts.id = #{strategyId}
+        and t.active = 1
+    </select>
+
+    <select id="listOfAgentGroupId" resultType="com.pudonghot.yo.model.domain.Trunk">
+        select t.* from br_trunk t
+
+        join br_gateway gw
+        on t.gateway_id = gw.id
+        and gw.active = 1
+
+        join br_telecom_vendor tv
+        on t.telecom_vendor_id = tv.id
+        and tv.active = 1
+
+        join br_trunk_strategy_trunk tst
+        on t.id = tst.trunk_id
+        and t.tenant_id = tst.tenant_id
+        and tst.active = 1
+
+        join br_agent_group_trunk_strategy agts
+        on tst.trunk_strategy_id = agts.trunk_strategy_id
+        and tst.tenant_id = agts.tenant_id
+        and agts.active = 1
+
+        where agts.agent_group_id = #{agentGroupId}
+        and t.active = 1
+    </select>
+
+    <select id="list" resultType="com.pudonghot.yo.model.domain.Trunk">
+        select
+        <include refid="cols" />
+        <include refid="TaggableMapper.tagsCol" />
+        <include refid="strategiesCol" />
+        <include refid="attrsCol" />
+        from
+        <include refid="table" />
+        <include refid="TaggableMapper.tagsFilterJoin" />
+        <include refid="strategiesFilterJoin" />
+        <include refid="attrsFilterJoin" />
+        <include refid="Tigon.search" />
+    </select>
+
+    <select id="count" resultType="int">
+        select count(<include refid="primaryKey" />) from
+        <include refid="table" />
+        <include refid="TaggableMapper.tagsFilterJoin" />
+        <include refid="strategiesFilterJoin" />
+        <include refid="attrsFilterJoin" />
+        <include refid="Tigon.searchForCount" />
+    </select>
+
+    <sql id="strategiesCol">
+        <if test="s != null and s.trueAttr('withStrategies')">
+            ,(select group_concat(trunk_strategy_id order by trunk_strategy_id asc separator ',')
+            from br_trunk_strategy_trunk
+            where trunk_id = <include refid="table" />.id
+            and active = 1
+            group by trunk_id) strategies
+        </if>
+    </sql>
+
+    <sql id="strategiesFilterJoin">
+        <if test="s != null and s.trueAttr('withStrategies') and s.hasAttr('strategies') and !s.attr('strategies').isEmpty()">
+            join (select trunk_id
+              from br_trunk_strategy_trunk
+              where trunk_strategy_id in
+              <foreach collection="s.getAttr('strategies')" item="strategyId" separator=", " open="(" close=")">
+                #{strategyId}
+              </foreach>
+            ) tst
+            on <include refid="table" />.id = tst.trunk_id
+        </if>
+    </sql>
+
+    <sql id="attrsCol">
+        <if test="s != null and s.trueAttr('withAttrs')">
+            ,(select group_concat(trunk_attr_id order by trunk_attr_id asc separator ',')
+            from br_trunk_trunk_attr
+            where trunk_id = <include refid="table" />.id
+            and active = 1
+            group by trunk_id) attrs
+        </if>
+    </sql>
+
+    <sql id="attrsFilterJoin">
+        <if test="s != null and s.trueAttr('withAttrs') and s.hasAttr('attrs') and !s.attr('attrs').isEmpty()">
+            join (select trunk_id
+            from br_trunk_trunk_attr
+            where trunk_attr_id in
+            <foreach collection="s.getAttr('attrs')" item="attrId" separator=", " open="(" close=")">
+                #{attrId}
+            </foreach>
+            ) tta
+            on <include refid="table" />.id = tta.trunk_id
+        </if>
+    </sql>
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkProhibitedAreaCodeMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkProhibitedAreaCodeMapper.java
new file mode 100644
index 00000000..df62c3fc
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkProhibitedAreaCodeMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.TrunkProhibitedAreaCode;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 18:22:12
+ */
+public interface TrunkProhibitedAreaCodeMapper extends BaseMapper<Integer, TrunkProhibitedAreaCode> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkProhibitedAreaCodeMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkProhibitedAreaCodeMapper.xml
new file mode 100644
index 00000000..182be40f
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkProhibitedAreaCodeMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+  /**
+   * @author Donghuang <br>
+   * Nov 30, 2019 18:23:09
+   */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.TrunkProhibitedAreaCodeMapper">
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkStrategyMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkStrategyMapper.java
new file mode 100644
index 00000000..33131844
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkStrategyMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.TrunkStrategy;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 18:42:04
+ */
+public interface TrunkStrategyMapper extends BaseMapper<Integer, TrunkStrategy> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkStrategyMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkStrategyMapper.xml
new file mode 100644
index 00000000..4712d754
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkStrategyMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+   /**
+    * @author Donghuang <br>
+    * Nov 30, 2019 18:42:14
+    */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.TrunkStrategyMapper">
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkStrategyTrunkMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkStrategyTrunkMapper.java
new file mode 100644
index 00000000..5df4eb17
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkStrategyTrunkMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.TrunkStrategyTrunk;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 18:52:43
+ */
+public interface TrunkStrategyTrunkMapper extends BaseMapper<Integer, TrunkStrategyTrunk> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkStrategyTrunkMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkStrategyTrunkMapper.xml
new file mode 100644
index 00000000..9ee8b258
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkStrategyTrunkMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+    /**
+     * @author Donghuang <br>
+     * Nov 30, 2019 18:52:54
+     */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.TrunkStrategyTrunkMapper">
+</mapper>
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkTrunkAttrMapper.java b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkTrunkAttrMapper.java
new file mode 100644
index 00000000..cf3ebd32
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkTrunkAttrMapper.java
@@ -0,0 +1,11 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.TrunkTrunkAttr;
+import com.wacai.tigon.mybatis.BaseMapper;
+
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 14:49:25
+ */
+public interface TrunkTrunkAttrMapper extends BaseMapper<Integer, TrunkTrunkAttr> {
+}
diff --git a/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkTrunkAttrMapper.xml b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkTrunkAttrMapper.xml
new file mode 100644
index 00000000..d23345f2
--- /dev/null
+++ b/lib/mapper/src/main/java/com/pudonghot/yo/mapper/TrunkTrunkAttrMapper.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<!--
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 14:49:13
+ */
+-->
+<mapper namespace="com.pudonghot.yo.mapper.TrunkTrunkAttrMapper">
+</mapper>
diff --git a/lib/mapper/src/main/resources/.gitkeep b/lib/mapper/src/main/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/mapper/src/main/resources/spring/spring-yo-mapper.xml b/lib/mapper/src/main/resources/spring/spring-yo-mapper.xml
new file mode 100644
index 00000000..f97aa8ca
--- /dev/null
+++ b/lib/mapper/src/main/resources/spring/spring-yo-mapper.xml
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xmlns:p="http://www.springframework.org/schema/p"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd">
+
+    <bean id="yoDataSource"
+          class="com.alibaba.druid.pool.DruidDataSource"
+          init-method="init"
+          destroy-method="close"
+          p:url="${yo.datasource.url}"
+          p:username="${yo.datasource.username}"
+          p:password="${yo.datasource.password}"
+    />
+
+    <!-- Transaction -->
+    <bean id="transactionManager"
+          class="org.springframework.jdbc.datasource.DataSourceTransactionManager">
+        <property name="dataSource" ref="yoDataSource" />
+        <qualifier value="default" />
+    </bean>
+
+    <!-- MyBatis SqlSessionFactory -->
+    <bean id="yoBrSqlSessionFactory"
+        class="com.wacai.tigon.mybatis.TigonSqlSessionFactoryBean"
+        depends-on="redisCacheConfig"
+        p:dataSource-ref="yoDataSource">
+        <property name="mapperLocations">
+            <array>
+                <value>classpath*:com/pudonghot/yo/mapper/*Mapper.xml</value>
+            </array>
+        </property>
+    </bean>
+    <!-- MyBatis Mappers Auto Scan -->
+    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer"
+        p:basePackage="com.pudonghot.yo.mapper"
+        p:sqlSessionFactoryBeanName="yoBrSqlSessionFactory" />
+</beans>
diff --git a/lib/mapper/src/test/java/com/pudonghot/yo/mapper/AgentMapperTest.java b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/AgentMapperTest.java
new file mode 100644
index 00000000..a5140b33
--- /dev/null
+++ b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/AgentMapperTest.java
@@ -0,0 +1,43 @@
+package com.pudonghot.yo.mapper;
+
+import com.pudonghot.yo.model.domain.Agent;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:31:51
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class AgentMapperTest {
+    @Autowired
+    private AgentMapper mapper;
+
+    @Test
+    public void testList() {
+        mapper.list(null);
+    }
+
+    @Test
+    public void testFindOfDomain() {
+        String domain = "d1.wacai.info";
+        final Agent agent = mapper.findByDomainAndAgent(domain, "700001");
+        log.info("Find agent of domain [{}].", agent);
+        final Agent agent2 = mapper.findByDomainAndAccount(domain, "donghuang");
+        log.info("Find agent of domain [{}].", agent2);
+    }
+
+
+    @Test
+    public void testListIdle() {
+        String domain = "d1.wacai.info";
+        mapper.listIdleOfQueue(domain, "QUEUE000006");
+        mapper.listIdleOfGroup(domain, "AG000008");
+    }
+}
diff --git a/lib/mapper/src/test/java/com/pudonghot/yo/mapper/AgentStatusMapperTest.java b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/AgentStatusMapperTest.java
new file mode 100644
index 00000000..f27a0f3f
--- /dev/null
+++ b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/AgentStatusMapperTest.java
@@ -0,0 +1,39 @@
+package com.pudonghot.yo.mapper;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:31:51
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class AgentStatusMapperTest {
+    @Autowired
+    private AgentStatusMapper mapper;
+
+    @Test
+    public void testLockCleanup() {
+        final Integer domain = 13;
+        final String lockKey = "TEST_LOCK";
+        mapper.lockIdleOfQueue(domain, 5, lockKey, 0);
+        mapper.lockIdleOfGroup(domain, 1, lockKey, 1);
+        mapper.lockCleanup();
+    }
+
+    @Test
+    public void testAcw() {
+        mapper.acw(13, "700001");
+    }
+
+    @Test
+    public void testAcwCleanup() {
+        mapper.acwCleanup();
+    }
+}
diff --git a/lib/mapper/src/test/java/com/pudonghot/yo/mapper/CallDetailRecordMapperTest.java b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/CallDetailRecordMapperTest.java
new file mode 100644
index 00000000..73317b55
--- /dev/null
+++ b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/CallDetailRecordMapperTest.java
@@ -0,0 +1,25 @@
+package com.pudonghot.yo.mapper;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Jan 16, 2020 15:35:37
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class CallDetailRecordMapperTest {
+    @Autowired
+    private CallDetailRecordMapper mapper;
+
+    @Test
+    public void testList() {
+        mapper.list(null);
+    }
+}
diff --git a/lib/mapper/src/test/java/com/pudonghot/yo/mapper/CallRecordingMapperTest.java b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/CallRecordingMapperTest.java
new file mode 100644
index 00000000..9dcf31a2
--- /dev/null
+++ b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/CallRecordingMapperTest.java
@@ -0,0 +1,25 @@
+package com.pudonghot.yo.mapper;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Jan 16, 2020 15:35:44
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class CallRecordingMapperTest {
+    @Autowired
+    private CallRecordingMapper mapper;
+
+    @Test
+    public void testList() {
+        mapper.list(null);
+    }
+}
diff --git a/lib/mapper/src/test/java/com/pudonghot/yo/mapper/CallingListMapperTest.java b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/CallingListMapperTest.java
new file mode 100644
index 00000000..94f8bea4
--- /dev/null
+++ b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/CallingListMapperTest.java
@@ -0,0 +1,26 @@
+package com.pudonghot.yo.mapper;
+
+import org.junit.Test;
+import lombok.extern.slf4j.Slf4j;
+import org.junit.runner.RunWith;
+import com.wacai.tigon.mybatis.Search;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Feb 05, 2020 12:57:01
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class CallingListMapperTest {
+    @Autowired
+    private CallingListMapper mapper;
+
+    @Test
+    public void testList() {
+        mapper.list(new Search());
+    }
+}
diff --git a/lib/mapper/src/test/java/com/pudonghot/yo/mapper/CampaignMapperTest.java b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/CampaignMapperTest.java
new file mode 100644
index 00000000..45e41b60
--- /dev/null
+++ b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/CampaignMapperTest.java
@@ -0,0 +1,26 @@
+package com.pudonghot.yo.mapper;
+
+import com.wacai.tigon.mybatis.Search;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Jan 02, 2020 16:37:37
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class CampaignMapperTest {
+    @Autowired
+    private CampaignMapper mapper;
+
+    @Test
+    public void testList() {
+        mapper.list(new Search().attr("withTrunkStrategies", true).attr("withTags", true));
+    }
+}
diff --git a/lib/mapper/src/test/java/com/pudonghot/yo/mapper/QueueMapperTest.java b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/QueueMapperTest.java
new file mode 100644
index 00000000..ead46151
--- /dev/null
+++ b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/QueueMapperTest.java
@@ -0,0 +1,25 @@
+package com.pudonghot.yo.mapper;
+
+import lombok.extern.slf4j.Slf4j;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 20:22:53
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class QueueMapperTest {
+    @Autowired
+    private QueueMapper mapper;
+
+    @Test
+    public void testList() {
+        mapper.list(null);
+    }
+}
diff --git a/lib/mapper/src/test/java/com/pudonghot/yo/mapper/RobotAgentMapperTest.java b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/RobotAgentMapperTest.java
new file mode 100644
index 00000000..c5c342a9
--- /dev/null
+++ b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/RobotAgentMapperTest.java
@@ -0,0 +1,25 @@
+package com.pudonghot.yo.mapper;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang
+ * @date Feb 26, 2020 11:11:17
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class RobotAgentMapperTest {
+    @Autowired
+    private RobotAgentMapper mapper;
+
+    @Test
+    public void testAssign() {
+        mapper.assign("172.16.46.35", 5);
+    }
+}
diff --git a/lib/mapper/src/test/java/com/pudonghot/yo/mapper/TelecomVendorMapperTest.java b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/TelecomVendorMapperTest.java
new file mode 100644
index 00000000..3c53ba48
--- /dev/null
+++ b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/TelecomVendorMapperTest.java
@@ -0,0 +1,25 @@
+package com.pudonghot.yo.mapper;
+
+import lombok.extern.slf4j.Slf4j;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 20:22:53
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class TelecomVendorMapperTest {
+    @Autowired
+    private TelecomVendorMapper mapper;
+
+    @Test
+    public void testList() {
+        mapper.list(null);
+    }
+}
diff --git a/lib/mapper/src/test/java/com/pudonghot/yo/mapper/TenantMapperTest.java b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/TenantMapperTest.java
new file mode 100644
index 00000000..c69eb476
--- /dev/null
+++ b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/TenantMapperTest.java
@@ -0,0 +1,25 @@
+package com.pudonghot.yo.mapper;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 20:22:53
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class TenantMapperTest {
+    @Autowired
+    private TenantMapper mapper;
+
+    @Test
+    public void testList() {
+        mapper.list(null);
+    }
+}
diff --git a/lib/mapper/src/test/java/com/pudonghot/yo/mapper/TestDriver.java b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/TestDriver.java
new file mode 100644
index 00000000..21944030
--- /dev/null
+++ b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/TestDriver.java
@@ -0,0 +1,30 @@
+package com.pudonghot.yo.mapper;
+
+import org.junit.Test;
+import javax.sql.DataSource;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.jdbc.core.JdbcTemplate;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:47:11
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class TestDriver {
+
+    @Autowired
+    private DataSource dataSource;
+
+    @Test
+    public void run() {
+        new JdbcTemplate(dataSource).query("select 1", rs -> {
+            log.info("Result: [{}].", rs.getInt(1));
+        });
+    }
+}
diff --git a/lib/mapper/src/test/java/com/pudonghot/yo/mapper/TrunkMapperTest.java b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/TrunkMapperTest.java
new file mode 100644
index 00000000..1f9c4d5b
--- /dev/null
+++ b/lib/mapper/src/test/java/com/pudonghot/yo/mapper/TrunkMapperTest.java
@@ -0,0 +1,32 @@
+package com.pudonghot.yo.mapper;
+
+import org.junit.Test;
+import java.util.Arrays;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.Search;
+import com.pudonghot.yo.model.domain.Trunk;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Nov 04, 2019 14:29:32
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class TrunkMapperTest {
+    @Autowired
+    private TrunkMapper mapper;
+
+    @Test
+    public void testList() {
+        final Search search = new Search().setAttr("tags", Arrays.asList("KD"));
+        log.info("Count: [{}].", mapper.count(search));
+        for (Trunk dataTrunk : mapper.list(search)) {
+            log.info("Tags: [{}].", dataTrunk.getTags());
+        }
+    }
+}
diff --git a/lib/mapper/src/test/resources/application.properties b/lib/mapper/src/test/resources/application.properties
new file mode 100644
index 00000000..d2985950
--- /dev/null
+++ b/lib/mapper/src/test/resources/application.properties
@@ -0,0 +1,11 @@
+spring.application.name=yo-mapper
+
+# Datasource
+yo.datasource.url=jdbc:mysql://172.18.4.35/yoqw?useUnicode=true&characterEncoding=utf8&zeroDateTimeBehavior=convertToNull&useLegacyDatetimeCode=false&serverTimezone=Asia/Shanghai
+yo.datasource.username=yoqw
+yo.datasource.password=yoqw_query!
+
+# Redis
+yo.redis.host=172.16.92.232
+yo.redis.port=6379
+yo.redis.password=123456
diff --git a/lib/mapper/src/test/resources/log4j2.xml b/lib/mapper/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..3e7204bf
--- /dev/null
+++ b/lib/mapper/src/test/resources/log4j2.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="log.level">DEBUG</Property>
+        <Property name="log.dir">.logs</Property>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="%highlight{%-d{yyyy-MM-dd HH:mm:ss,SSS}}{FATAL=magenta, ERROR=magenta, WARN=magenta, INFO=magenta, DEBUG=magenta, TRACE=magenta} %highlight{%-5p}{FATAL=red blink, ERROR=red, WARN=yellow bold, INFO=black, DEBUG=green bold, TRACE=blue} [%t][%highlight{%c{1.}}{FATAL=cyan, ERROR=cyan, WARN=cyan, INFO=cyan, DEBUG=cyan, TRACE=cyan}] %m%n"/>
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+    </Appenders>
+    <Loggers>
+        <Logger name="org.springframework" level="INFO" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.apache" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.hibernate.validator" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Root level="${log.level}" additivity="false">
+            <AppenderRef ref="File" level="${log.level}" />
+            <AppenderRef ref="Console" level="${log.level}" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/mapper/src/test/resources/spring/spring-test.xml b/lib/mapper/src/test/resources/spring/spring-test.xml
new file mode 100644
index 00000000..b699d41c
--- /dev/null
+++ b/lib/mapper/src/test/resources/spring/spring-test.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xmlns:context="http://www.springframework.org/schema/context"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd
+        http://www.springframework.org/schema/context
+        http://www.springframework.org/schema/context/spring-context.xsd">
+    <context:property-placeholder location="classpath:application.properties" />
+</beans>
diff --git a/lib/model/README.md b/lib/model/README.md
new file mode 100644
index 00000000..218546bc
--- /dev/null
+++ b/lib/model/README.md
@@ -0,0 +1 @@
+# Yo BR Model
diff --git a/lib/model/pom.xml b/lib/model/pom.xml
new file mode 100644
index 00000000..61e6f113
--- /dev/null
+++ b/lib/model/pom.xml
@@ -0,0 +1,46 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-model</artifactId>
+    <name>Yo Model</name>
+    <description>Yo Model</description>
+    <packaging>jar</packaging>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-library</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-model</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-log4j2</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/ValueTextModel.java b/lib/model/src/main/java/com/pudonghot/yo/model/ValueTextModel.java
new file mode 100644
index 00000000..385f4581
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/ValueTextModel.java
@@ -0,0 +1,33 @@
+package com.pudonghot.yo.model;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+
+import java.io.Serializable;
+
+/**
+ * @author Donghuang <br>
+ * Dec 05, 2017 19:48
+ */
+@Setter
+@Getter
+@ToString
+public class ValueTextModel<Value> implements Serializable {
+    private static final long serialVersionUID = 1L;
+
+    protected Value value;
+    protected String text;
+
+    public ValueTextModel() {
+    }
+
+    public ValueTextModel(final Value value, final String text) {
+        this.value = value;
+        this.text = text;
+    }
+
+    public static <Value> ValueTextModel<Value> of(final Value value, final String text) {
+        return new ValueTextModel<>(value, text);
+    }
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/Agent.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/Agent.java
new file mode 100644
index 00000000..20f430bf
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/Agent.java
@@ -0,0 +1,41 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.*;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:35:23
+ */
+@Getter
+@Setter
+@Table("br_agent")
+@UseGeneratedKeys
+@FieldNameConstants(prefix = "")
+public class Agent extends TaggableDomain {
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+    private Integer groupId;
+    private Type type;
+    private boolean webrtc;
+    private String name;
+    @NotUpdate
+    private String account;
+    @NotUpdate
+    private String agent;
+    @NotUpdateWhenNull
+    private String password;
+    private int wrapUpTime;
+    @Transient
+    private String queues;
+
+    public enum Type {
+        PERSON,
+        ROBOT,
+        IVR
+    }
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/AgentGroup.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AgentGroup.java
new file mode 100644
index 00000000..5404d113
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AgentGroup.java
@@ -0,0 +1,38 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.Transient;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+import com.wacai.tigon.mybatis.UseGeneratedKeys;
+
+/**
+ * @author Donghuang <br>
+ * Nov 16, 2019 11:24:43
+ */
+@Getter
+@Setter
+@UseGeneratedKeys
+@Table("br_agent_group")
+@FieldNameConstants(prefix = "")
+public class AgentGroup extends TaggableDomain {
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+    private String name;
+    private PrivacyLevel privacyLevel;
+    @NotUpdate
+    private String identifier;
+    @Transient
+    private String trunkStrategies;
+
+    public enum PrivacyLevel {
+        NONE,
+        MEDIUM,
+        HEAVY,
+        ABSOLUTE
+    }
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/AgentGroupTrunkStrategy.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AgentGroupTrunkStrategy.java
new file mode 100644
index 00000000..f916f231
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AgentGroupTrunkStrategy.java
@@ -0,0 +1,24 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Nov 16, 2019 11:24:43
+ */
+@Getter
+@Setter
+@Table("br_agent_group_trunk_strategy")
+@FieldNameConstants(prefix = "")
+public class AgentGroupTrunkStrategy extends BaseDomain {
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+    private Integer agentGroupId;
+    private Integer trunkStrategyId;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/AgentStatus.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AgentStatus.java
new file mode 100644
index 00000000..e8336224
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AgentStatus.java
@@ -0,0 +1,43 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import java.util.Date;
+import com.wacai.tigon.mybatis.*;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang
+ * @date Mar 09, 2020 16:11:08
+ */
+@Getter
+@Setter
+@Table("br_agent_status")
+@FieldNameConstants(prefix = "")
+public class AgentStatus extends TenantDomain {
+    @NotUpdate
+    private Integer agentId;
+    @NotUpdate
+    private String account;
+    @NotUpdate
+    private String agent;
+    private Status status;
+    private State state;
+    private Date acwTime;
+    private String lockKey;
+    private Date lockTime;
+
+    public enum Status {
+        OFFLINE,
+        READY,
+        NOT_READY
+    }
+
+    public enum State {
+        IDLE,
+        WAITING,
+        RECEIVING,
+        IN_A_CALL,
+        ACW
+    }
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/AreaCode.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AreaCode.java
new file mode 100644
index 00000000..393c3646
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AreaCode.java
@@ -0,0 +1,23 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+import com.wacai.tigon.mybatis.UseGeneratedKeys;
+
+/**
+ * @author Donghuang <br>
+ * Nov 15, 2019 17:49:41
+ */
+@Getter
+@Setter
+@UseGeneratedKeys
+@Table("br_area_code")
+@FieldNameConstants(prefix = "")
+public class AreaCode extends TaggableDomain {
+    @NotUpdate
+    private String code;
+    private String city;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/AuthPermission.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AuthPermission.java
new file mode 100644
index 00000000..8cbe6609
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AuthPermission.java
@@ -0,0 +1,25 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import com.wacai.tigon.mybatis.Transient;
+import lombok.experimental.FieldNameConstants;
+import com.wacai.tigon.mybatis.UseGeneratedKeys;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 17:52:25
+ */
+@Getter
+@Setter
+@UseGeneratedKeys
+@Table("br_auth_permission")
+@FieldNameConstants(prefix = "")
+public class AuthPermission extends TaggableDomain {
+    @NotUpdate
+    private String permission;
+    @Transient
+    private String roles;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/AuthPermissionRole.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AuthPermissionRole.java
new file mode 100644
index 00000000..f7dd8b37
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AuthPermissionRole.java
@@ -0,0 +1,26 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 17:54:36
+ */
+@Getter
+@Setter
+@Table("br_auth_permission_role")
+@FieldNameConstants(prefix = "")
+public class AuthPermissionRole extends BaseDomain {
+    @NotUpdate
+    private Integer permissionId;
+    @NotUpdate
+    private String permission;
+    @NotUpdate
+    private Integer roleId;
+    @NotUpdate
+    private String role;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/AuthRole.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AuthRole.java
new file mode 100644
index 00000000..21bdd2cc
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AuthRole.java
@@ -0,0 +1,22 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+import com.wacai.tigon.mybatis.UseGeneratedKeys;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 17:49:57
+ */
+@Getter
+@Setter
+@UseGeneratedKeys
+@Table("br_auth_role")
+@FieldNameConstants(prefix = "")
+public class AuthRole extends TaggableDomain {
+    @NotUpdate
+    private String role;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/AuthUser.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AuthUser.java
new file mode 100644
index 00000000..c12e0d4a
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AuthUser.java
@@ -0,0 +1,29 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import com.wacai.tigon.mybatis.Transient;
+import lombok.experimental.FieldNameConstants;
+import com.wacai.tigon.mybatis.UseGeneratedKeys;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 17:48:47
+ */
+@Getter
+@Setter
+@UseGeneratedKeys
+@Table("br_auth_user")
+@FieldNameConstants(prefix = "")
+public class AuthUser extends TaggableDomain {
+    private String name;
+    @NotUpdate
+    private String account;
+    private boolean admin;
+    @Transient
+    private String roles;
+    @Transient
+    private String tenants;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/AuthUserRole.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AuthUserRole.java
new file mode 100644
index 00000000..a38c83d7
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AuthUserRole.java
@@ -0,0 +1,26 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 17:55:06
+ */
+@Getter
+@Setter
+@Table("br_auth_user_role")
+@FieldNameConstants(prefix = "")
+public class AuthUserRole extends BaseDomain {
+    @NotUpdate
+    private Integer roleId;
+    @NotUpdate
+    private String role;
+    @NotUpdate
+    private Integer userId;
+    @NotUpdate
+    private String account;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/AuthUserTenant.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AuthUserTenant.java
new file mode 100644
index 00000000..bc916239
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/AuthUserTenant.java
@@ -0,0 +1,26 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Dec 25, 2019 14:35:54
+ */
+@Getter
+@Setter
+@Table("br_auth_user_tenant")
+@FieldNameConstants(prefix = "")
+public class AuthUserTenant extends BaseDomain {
+    @NotUpdate
+    private Integer userId;
+    @NotUpdate
+    private String account;
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/BaseDomain.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/BaseDomain.java
new file mode 100644
index 00000000..68ffd756
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/BaseDomain.java
@@ -0,0 +1,89 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import java.util.Date;
+import com.wacai.tigon.model.M0;
+import com.wacai.tigon.mybatis.NotUpdate;
+import org.apache.commons.lang3.StringUtils;
+import lombok.experimental.FieldNameConstants;
+import org.apache.commons.lang3.builder.ToStringBuilder;
+
+/**
+ * @author Donghuang <br>
+ * Oct 28, 2019 11:56:28
+ */
+@Getter
+@Setter
+@FieldNameConstants(prefix = "")
+public class BaseDomain extends M0<Integer> {
+
+    private static final long serialVersionUID = 1L;
+
+    /**
+     * 系统创建人，更新人常量
+     */
+    public static final String SYSTEM = "SYSTEM";
+
+    /**
+     * 创建日期
+     */
+    @NotUpdate
+    protected Date createdTime;
+    /**
+     * 更新日期
+     */
+    protected Date updatedTime;
+
+    /**
+     * 创建人
+     */
+    @NotUpdate
+    protected String createdBy;
+    /**
+     *  更新人
+     */
+    protected String updatedBy;
+    /**
+     * 启用状态
+     */
+    protected Boolean active;
+
+    private String note;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void beforeInsert() {
+        Date now = new Date();
+        if (createdTime == null) {
+            createdTime = now;
+        }
+        if (active == null) {
+            active = true;
+        }
+        if (StringUtils.isBlank(createdBy)) {
+            createdBy = SYSTEM;
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void beforeUpdate() {
+        updatedTime = new Date();
+        if (StringUtils.isBlank(updatedBy)) {
+            updatedBy = SYSTEM;
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String toString(){
+        return ToStringBuilder.reflectionToString(this);
+    }
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/CallDetailRecord.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/CallDetailRecord.java
new file mode 100644
index 00000000..953d6125
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/CallDetailRecord.java
@@ -0,0 +1,96 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import java.util.Date;
+import com.wacai.tigon.model.M0;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Nov 14, 2019 11:32:42
+ */
+@Getter
+@Setter
+@Table("br_call_detail_record")
+@FieldNameConstants(prefix = "")
+public class CallDetailRecord extends M0<Integer> {
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+    @NotUpdate
+    private String realm;
+    @NotUpdate
+    private String connId;
+    @NotUpdate
+    private String bizKey;
+
+    @NotUpdate
+    private DialType dialType;
+    @NotUpdate
+    private CallType callType;
+    @NotUpdate
+    private Agent.Type agentType;
+
+    @NotUpdate
+    private String direction;
+    @NotUpdate
+    private String uuid;
+    @NotUpdate
+    private String callUuid;
+    @NotUpdate
+    private String sipCallId;
+    @NotUpdate
+    private String callerName;
+    @NotUpdate
+    private String callerNumber;
+    @NotUpdate
+    private String sipNetworkIp;
+    @NotUpdate
+    private String sipReqHost;
+    @NotUpdate
+    private String readCodec;
+    @NotUpdate
+    private String writeCodec;
+    @NotUpdate
+    private String destinationNumber;
+    @NotUpdate
+    private Date startStamp;
+    @NotUpdate
+    private Date answerStamp;
+    @NotUpdate
+    private Date endStamp;
+    @NotUpdate
+    private Long duration;
+    @NotUpdate
+    private Long mduration;
+    @NotUpdate
+    private Long billsec;
+    @NotUpdate
+    private Long billmsec;
+    @NotUpdate
+    private String endpointDisposition;
+    @NotUpdate
+    private String hangupCause;
+
+    public enum DialType {
+        MANUAL,
+        INBOUND,
+        CAMPAIGN,
+        PLAYLIST
+    }
+
+    public enum CallDirection {
+        INCOMING,
+        OUTGOING
+    }
+
+    public enum CallType {
+        INTERNAL,
+        INBOUND,
+        OUTBOUND
+    }
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/CallRecording.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/CallRecording.java
new file mode 100644
index 00000000..ba866685
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/CallRecording.java
@@ -0,0 +1,26 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Nov 14, 2019 11:32:42
+ */
+@Getter
+@Setter
+@Table("br_call_recording")
+@FieldNameConstants(prefix = "")
+public class CallRecording extends BaseDomain {
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+    @NotUpdate
+    private String connId;
+    @NotUpdate
+    private String url;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/CallingList.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/CallingList.java
new file mode 100644
index 00000000..e9c85817
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/CallingList.java
@@ -0,0 +1,54 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import java.util.Date;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+import com.wacai.tigon.mybatis.UseGeneratedKeys;
+
+/**
+ * @author Donghuang <br>
+ * Feb 05, 2020 12:53:34
+ */
+@Getter
+@Setter
+@UseGeneratedKeys
+@Table("br_calling_list")
+@FieldNameConstants(prefix = "")
+public class CallingList extends TaggableDomain {
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+    @NotUpdate
+    private Integer campaignId;
+    @NotUpdate
+    private String campaignKey;
+    @NotUpdate
+    private String phone;
+    private Status status;
+    private Integer dailyFrom;
+    private Integer dailyTo;
+    private String callUuid;
+    private Date callStartTime;
+    private Date callEstablishedTime;
+    private Date callEndTime;
+    private Boolean connected = false;
+    private String callResult;
+    @NotUpdate
+    private String taskKey;
+    @NotUpdate
+    private String recordKey;
+    @NotUpdate
+    private String recordData;
+    @NotUpdate
+    private String attachedData;
+    private String lockKey;
+    private Date lockTime;
+
+    public enum Status {
+        READY, ACHIEVED, CALLED, CANCELED
+    }
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/Campaign.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/Campaign.java
new file mode 100644
index 00000000..a3b87156
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/Campaign.java
@@ -0,0 +1,60 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.*;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Jan 02, 2020 15:52:48
+ */
+@Getter
+@Setter
+@UseGeneratedKeys
+@Table("br_campaign")
+@FieldNameConstants(prefix = "")
+public class Campaign extends TaggableDomain {
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+    @NotUpdate
+    private String campaignKey;
+    private String dailyFrom;
+    private String dailyTo;
+    private String name;
+    private Status status;
+    private Type type;
+    private String target;
+    /**
+     * 扩展数据，IVR话术配置，Robot场景等
+     */
+    private String extData;
+    @Transient
+    private String trunkStrategies;
+    private Boolean robotConfig;
+
+    public enum Status {
+        RUNNING,
+        STOPPED
+    }
+
+    public enum Type {
+        AGENT,
+        IVR,
+        ROBOT
+    }
+
+    @Getter
+    @Setter
+    public static class ExtDataIVR {
+        private String talkKey;
+    }
+
+    @Getter
+    @Setter
+    public static class ExtDataRobot {
+        private String graph;
+    }
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/CampaignTrunkStrategy.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/CampaignTrunkStrategy.java
new file mode 100644
index 00000000..e166e369
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/CampaignTrunkStrategy.java
@@ -0,0 +1,24 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Jan 02, 2020 16:26:05
+ */
+@Getter
+@Setter
+@Table("br_campaign_trunk_strategy")
+@FieldNameConstants(prefix = "")
+public class CampaignTrunkStrategy extends BaseDomain {
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+    private Integer campaignId;
+    private Integer trunkStrategyId;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/Gateway.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/Gateway.java
new file mode 100644
index 00000000..9cc00fe4
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/Gateway.java
@@ -0,0 +1,116 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Oct 28, 2019 13:55:44
+ */
+@Getter
+@Setter
+@Table("br_gateway")
+@FieldNameConstants(prefix = "")
+public class Gateway extends BaseDomain {
+    /**
+     * Gateway name
+     */
+    private String name;
+
+    /**
+     * Auth realm: *optional* same as gateway name, if blank
+     */
+    private String realm;
+
+    /**
+     * Account username *required*
+     */
+    private String username;
+
+    /**
+     * Account password *required*
+     */
+    private String password;
+
+    /**
+     * Username to use in from: *optional* same as  username, if blank
+     */
+    private String fromUser;
+
+    /**
+     * Domain to use in from: *optional* same as  realm, if blank
+     */
+    private String fromDomain;
+
+    /**
+     * Extension for inbound calls: *optional* same as username, if blank
+     */
+    private String extension;
+
+    /**
+     * Proxy host: *optional* same as realm, if blank
+     */
+    private String proxy;
+
+    /**
+     * Send register to this proxy: *optional* same as proxy, if blank
+     */
+    private String registerProxy;
+
+    /**
+     * Expire in seconds: *optional* 3600, if blank
+     */
+    private String expireSeconds;
+
+    /**
+     * Do not register
+     */
+    private String register;
+
+    /**
+     * Which transport to use for register
+     */
+    private String registerTransport;
+
+    /**
+     * how many seconds before a retry when a failure or timeout occurs
+     */
+    private String retrySeconds;
+
+    /**
+     * Use the callerid of an inbound call in the from field on outbound calls via this gateway
+     */
+    private String callerIdInFrom;
+
+    /**
+     * Extra sip params to send in the contact
+     */
+    private String contactParams;
+
+    /**
+     * Put the extension in the contact
+     */
+    private String extensionInContact;
+
+    /**
+     * Send an options ping every x seconds, failure will unregister and/or mark it down
+     */
+    private String ping;
+
+    /**
+     * CID type
+     */
+    private String cidType;
+
+    /**
+     * RFC5626 : Abilitazione rfc5626
+     */
+    private String rfc5626;
+
+    /**
+     * RFC5626 : extra sip params to send in the contact
+     */
+    private String regId;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/ObjectTag.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/ObjectTag.java
new file mode 100644
index 00000000..8ae87ff1
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/ObjectTag.java
@@ -0,0 +1,28 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Dec 10, 2019 22:23:47
+ */
+@Getter
+@Setter
+@Table("br_object_tag")
+@FieldNameConstants(prefix = "")
+public class ObjectTag extends BaseDomain {
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+    @NotUpdate
+    private String objectTable;
+    @NotUpdate
+    private Integer objectId;
+    @NotUpdate
+    private Integer tagId;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/Queue.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/Queue.java
new file mode 100644
index 00000000..f147c183
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/Queue.java
@@ -0,0 +1,24 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Oct 28, 2019 11:55:25
+ */
+@Getter
+@Setter
+@Table("br_queue")
+@FieldNameConstants(prefix = "")
+public class Queue extends BaseDomain {
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+    private String name;
+    private String identifier;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/QueueAgent.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/QueueAgent.java
new file mode 100644
index 00000000..a1361108
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/QueueAgent.java
@@ -0,0 +1,30 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Oct 30, 2019 16:57:47
+ */
+@Getter
+@Setter
+@Table("br_queue_agent")
+@FieldNameConstants(prefix = "")
+public class QueueAgent extends BaseDomain {
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+    @NotUpdate
+    private Integer queueId;
+    @NotUpdate
+    private Integer agentId;
+    @NotUpdate
+    private String account;
+    @NotUpdate
+    private String agent;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/RobotAgent.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/RobotAgent.java
new file mode 100644
index 00000000..a369a953
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/RobotAgent.java
@@ -0,0 +1,53 @@
+package com.pudonghot.yo.model.domain;
+
+import com.wacai.tigon.mybatis.NotUpdate;
+import com.wacai.tigon.mybatis.Table;
+import lombok.Getter;
+import lombok.Setter;
+import lombok.experimental.FieldNameConstants;
+
+
+/**
+ * @author Donghuang
+ * @author qiushui
+ * @date Feb 26, 2020 09:31:29
+ */
+@Getter
+@Setter
+@Table("br_robot_agent")
+@FieldNameConstants(prefix = "")
+public class RobotAgent extends TenantDomain {
+    /**
+     * agentId
+     */
+    @NotUpdate
+    private Integer agentId;
+
+    /**
+     * 账户
+     */
+    @NotUpdate
+    private String account;
+
+    /**
+     * 坐席
+     */
+    @NotUpdate
+    private String agent;
+
+    /**
+     * 绑定IP
+     */
+    private String bindAddr;
+
+    /**
+     * 状态
+     */
+    private RobotAgent.Status status;
+
+    public enum Status {
+        AVAILABLE,
+        ASSIGNED
+    }
+
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/RobotCallConfig.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/RobotCallConfig.java
new file mode 100644
index 00000000..fb4fbec1
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/RobotCallConfig.java
@@ -0,0 +1,55 @@
+package com.pudonghot.yo.model.domain;
+
+import com.wacai.tigon.mybatis.Table;
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author bingpo
+ * @date 2020/3/27 下午2:15
+ */
+@Getter
+@Setter
+@ToString
+@Table("br_robot_call_config")
+@FieldNameConstants(prefix = "")
+public class RobotCallConfig extends TenantDomain {
+
+    /**
+     * campagin id
+     */
+    private Integer campaignId;
+
+    /**
+     * robot result topic
+     */
+    private String resultTopic;
+
+    /**
+     * graph
+     */
+    private Integer stateMachineId;
+
+    /**
+     * 是否读取业务数据
+     */
+    private Boolean fetchData;
+
+    /**
+     * 业务线数据回调URL
+     */
+    private String fetchUrl;
+
+    /**
+     * 业务数据回调HEADER
+     */
+    private String fetchHeader;
+
+    /**
+     * 从本地读取业务数据
+     */
+    private Boolean fetchLocal;
+
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/RobotCallResult.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/RobotCallResult.java
new file mode 100644
index 00000000..24951334
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/RobotCallResult.java
@@ -0,0 +1,77 @@
+package com.pudonghot.yo.model.domain;
+
+import com.wacai.tigon.mybatis.Table;
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+import lombok.experimental.FieldNameConstants;
+
+import java.util.Date;
+
+/**
+ * @author bingpo
+ * @date 2020/3/27 下午2:15
+ */
+@Getter
+@Setter
+@ToString
+@Table("br_robot_call_result")
+@FieldNameConstants(prefix = "")
+public class RobotCallResult extends TenantDomain {
+
+    private String connId;
+    private String robotAgent;
+    private String calledNumber;
+    private Date startTime;
+    private Date endTime;
+    private Integer stateMachineId;
+    private Long duration;
+    private String result;
+    private String chatLog;
+    private String extraData;
+    private String userData;
+    private Integer numInteraction;
+    private String tagCreator;
+    private Date tagTime;
+
+    public enum Result {
+        EPAYMENTS("已还款"),
+        COMMITMENT_REPAYMENT("承诺还款(PTP)"),
+        WILLINGNESS_TO_PAY("有还款意愿"),
+        COMPENSATORY_INTENTION("有代偿意愿"),
+        REFUSE_REPAYMENT("拒绝还款(RTP)"),
+        PASS_ON("转告"),
+        IN_COMMUNICATION("沟通中"),
+        CUSTOMER_CALL_BACK("客户回电"),
+        NON_SELF_ANSWER("非本人接听"),
+        LAWYER_MAIL_SEND("发送律师函"),
+        UNCONNECTED("未联系上"),
+        SEMI_LOSE_CONTACT("半失联"),
+        COMPLETE_LOSS_OF_JOINT("完全失联"),
+        SMS_MANUAL("人工发送短信"),
+        SMS_AUTO("自动发送短信"),
+        CALL_ATTEMPT_REJECTED_BY_LIMITATION("呼叫次数限制"),
+        CALL_ERROR("呼叫异常"),
+        OTHER("其它"),
+        DEDUCT("扣款"),
+        REDUCE("减免"),
+        CLAIM("对公"),
+        COMPLAINT("投诉"),
+        MANUAL_PROCESSING("人工处理"),
+        NORMAL("用户正常沟通下来"),
+        NO_RESULT("没结果"),
+        YES("有意愿"),
+        NO("无意愿");
+
+        private String desc;
+
+        private Result(String desc){
+            this.desc = desc;
+        }
+
+        public String getDesc() {
+            return desc;
+        }
+    }
+
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/Sequence.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/Sequence.java
new file mode 100644
index 00000000..4185a0ba
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/Sequence.java
@@ -0,0 +1,28 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Nov 02, 2019 13:38:00
+ */
+@Getter
+@Setter
+@Table("br_sequence")
+@FieldNameConstants(prefix = "")
+public class Sequence extends BaseDomain {
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+    @NotUpdate
+    private String name;
+    @NotUpdate
+    private Long initVal;
+    private Long step;
+    private Long currentVal;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/Tag.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/Tag.java
new file mode 100644
index 00000000..e0f5688a
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/Tag.java
@@ -0,0 +1,33 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Nov 14, 2019 11:32:42
+ */
+@Getter
+@Setter
+@Table("br_tag")
+@FieldNameConstants(prefix = "")
+public class Tag extends BaseDomain {
+    public static final String OWNER_COMMON = "COMMON";
+
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+    private Scope scope;
+    private String owner;
+    private String tag;
+    private String bgcolor;
+
+    public enum Scope {
+        COMMON,
+        USER
+    }
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/TaggableDomain.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/TaggableDomain.java
new file mode 100644
index 00000000..8f672698
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/TaggableDomain.java
@@ -0,0 +1,18 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Transient;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Nov 16, 2019 09:23:33
+ */
+@Getter
+@Setter
+@FieldNameConstants(prefix = "")
+public class TaggableDomain extends BaseDomain {
+    @Transient
+    private String tags;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/TelecomVendor.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/TelecomVendor.java
new file mode 100644
index 00000000..75042792
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/TelecomVendor.java
@@ -0,0 +1,18 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Oct 30, 2019 17:01:24
+ */
+@Getter
+@Setter
+@Table("br_telecom_vendor")
+@FieldNameConstants(prefix = "")
+public class TelecomVendor extends BaseDomain {
+    private String name;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/Tenant.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/Tenant.java
new file mode 100644
index 00000000..7b5e90d6
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/Tenant.java
@@ -0,0 +1,26 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Oct 28, 2019 11:55:25
+ */
+@Getter
+@Setter
+@Table("br_tenant")
+@FieldNameConstants(prefix = "")
+public class Tenant extends BaseDomain {
+    private String name;
+    @NotUpdate
+    private String code;
+    @NotUpdate
+    private String realm;
+    private String accessKey;
+    private String accessSecret;
+}
+
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/TenantDomain.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/TenantDomain.java
new file mode 100644
index 00000000..5c97c3b6
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/TenantDomain.java
@@ -0,0 +1,20 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang
+ * @date Oct 28, 2019 11:56:28
+ */
+@Getter
+@Setter
+@FieldNameConstants(prefix = "")
+public class TenantDomain extends BaseDomain {
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/Trunk.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/Trunk.java
new file mode 100644
index 00000000..a1dfd7ce
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/Trunk.java
@@ -0,0 +1,101 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import com.wacai.tigon.mybatis.Transient;
+import lombok.experimental.FieldNameConstants;
+import com.wacai.tigon.mybatis.UseGeneratedKeys;
+
+/**
+ * @author Donghuang <br>
+ * Oct 28, 2019 13:55:54
+ */
+@Getter
+@Setter
+@Table("br_trunk")
+@UseGeneratedKeys
+@FieldNameConstants(prefix = "")
+public class Trunk extends TaggableDomain {
+    /**
+     * 租户ID
+     */
+    @NotUpdate
+    private Integer tenantId;
+
+    /**
+     * 租户代码
+     */
+    @NotUpdate
+    private String tenantCode;
+
+    /**
+     * 外呼前缀
+     */
+    @NotUpdate
+    private String prefix;
+
+    /**
+     * 语音厂商ID
+     */
+    @NotUpdate
+    private Integer telecomVendorId;
+
+    /**
+     * 网关ID
+     */
+    private Integer gatewayId;
+
+    /**
+     * 网关(SBC)前缀
+     */
+    private String gatewayPrefix;
+
+    /**
+     * 区号
+     */
+    private String areaCode;
+
+    /**
+     * 送出号码(Calling Party Number)
+     */
+    private String cpn;
+
+    /**
+     * 主叫(显示)号码
+     */
+    private String callerNumber;
+
+    /**
+     * 外埠号码加拨0
+     */
+    private boolean ocAddZero;
+
+    /**
+     * 进线目标类型
+     */
+    private InboundTargetType inboundTargetType;
+
+    /**
+     * 进线目标
+     */
+    private Integer inboundTarget;
+
+    /**
+     * 中继策略，列表字段
+     */
+    @Transient
+    private String strategies;
+
+    /**
+     * 中继属性，列表字段
+     */
+    @Transient
+    private String attrs;
+
+    public enum InboundTargetType {
+        AGENT,
+        QUEUE
+    }
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/TrunkAttr.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/TrunkAttr.java
new file mode 100644
index 00000000..3903c481
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/TrunkAttr.java
@@ -0,0 +1,23 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 14:47:46
+ */
+@Getter
+@Setter
+@Table("br_trunk_attr")
+@FieldNameConstants(prefix = "")
+public class TrunkAttr extends BaseDomain {
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+    private String attr;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/TrunkProhibitedAreaCode.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/TrunkProhibitedAreaCode.java
new file mode 100644
index 00000000..5243b1a0
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/TrunkProhibitedAreaCode.java
@@ -0,0 +1,24 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 18:20:16
+ */
+@Getter
+@Setter
+@Table("br_trunk_prohibited_area_code")
+public class TrunkProhibitedAreaCode extends BaseDomain {
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+    @NotUpdate
+    private Integer trunkId;
+    @NotUpdate
+    private String areaCode;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/TrunkStrategy.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/TrunkStrategy.java
new file mode 100644
index 00000000..94902320
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/TrunkStrategy.java
@@ -0,0 +1,31 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 17:48:47
+ */
+@Getter
+@Setter
+@Table("br_trunk_strategy")
+@FieldNameConstants(prefix = "")
+public class TrunkStrategy extends BaseDomain {
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+    private String name;
+    private Strategy strategy;
+
+    public enum Strategy {
+        ORDER,
+        RANDOM,
+        STICKY,
+        AREA_CODE
+    }
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/TrunkStrategyTrunk.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/TrunkStrategyTrunk.java
new file mode 100644
index 00000000..266f0886
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/TrunkStrategyTrunk.java
@@ -0,0 +1,26 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2019 17:48:47
+ */
+@Getter
+@Setter
+@Table("br_trunk_strategy_trunk")
+@FieldNameConstants(prefix = "")
+public class TrunkStrategyTrunk extends BaseDomain {
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+    @NotUpdate
+    private Integer trunkStrategyId;
+    @NotUpdate
+    private Integer trunkId;
+}
diff --git a/lib/model/src/main/java/com/pudonghot/yo/model/domain/TrunkTrunkAttr.java b/lib/model/src/main/java/com/pudonghot/yo/model/domain/TrunkTrunkAttr.java
new file mode 100644
index 00000000..af262c38
--- /dev/null
+++ b/lib/model/src/main/java/com/pudonghot/yo/model/domain/TrunkTrunkAttr.java
@@ -0,0 +1,26 @@
+package com.pudonghot.yo.model.domain;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.NotUpdate;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Jan 17, 2020 14:47:38
+ */
+@Getter
+@Setter
+@Table("br_trunk_trunk_attr")
+@FieldNameConstants(prefix = "")
+public class TrunkTrunkAttr extends BaseDomain {
+    @NotUpdate
+    private Integer tenantId;
+    @NotUpdate
+    private String tenantCode;
+    @NotUpdate
+    private Integer trunkId;
+    @NotUpdate
+    private Integer trunkAttrId;
+}
diff --git a/lib/model/src/main/resources/.gitkeep b/lib/model/src/main/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/model/src/main/resources/spring/.gitkeep b/lib/model/src/main/resources/spring/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/model/src/test/java/com/pudonghot/yo/TestDriver.java b/lib/model/src/test/java/com/pudonghot/yo/TestDriver.java
new file mode 100644
index 00000000..88554c34
--- /dev/null
+++ b/lib/model/src/test/java/com/pudonghot/yo/TestDriver.java
@@ -0,0 +1,17 @@
+package com.pudonghot.yo;
+
+import lombok.extern.slf4j.Slf4j;
+import org.junit.Test;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:41:02
+ */
+@Slf4j
+public class TestDriver {
+
+    @Test
+    public void run() {
+        log.info("Run.");
+    }
+}
diff --git a/lib/model/src/test/resources/application.properties b/lib/model/src/test/resources/application.properties
new file mode 100644
index 00000000..8ae05696
--- /dev/null
+++ b/lib/model/src/test/resources/application.properties
@@ -0,0 +1 @@
+# Test
diff --git a/lib/model/src/test/resources/log4j2.xml b/lib/model/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..3e7204bf
--- /dev/null
+++ b/lib/model/src/test/resources/log4j2.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="log.level">DEBUG</Property>
+        <Property name="log.dir">.logs</Property>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="%highlight{%-d{yyyy-MM-dd HH:mm:ss,SSS}}{FATAL=magenta, ERROR=magenta, WARN=magenta, INFO=magenta, DEBUG=magenta, TRACE=magenta} %highlight{%-5p}{FATAL=red blink, ERROR=red, WARN=yellow bold, INFO=black, DEBUG=green bold, TRACE=blue} [%t][%highlight{%c{1.}}{FATAL=cyan, ERROR=cyan, WARN=cyan, INFO=cyan, DEBUG=cyan, TRACE=cyan}] %m%n"/>
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+    </Appenders>
+    <Loggers>
+        <Logger name="org.springframework" level="INFO" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.apache" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.hibernate.validator" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Root level="${log.level}" additivity="false">
+            <AppenderRef ref="File" level="${log.level}" />
+            <AppenderRef ref="Console" level="${log.level}" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/model/src/test/resources/spring/spring-test.xml b/lib/model/src/test/resources/spring/spring-test.xml
new file mode 100644
index 00000000..faeb7896
--- /dev/null
+++ b/lib/model/src/test/resources/spring/spring-test.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+       xmlns:context="http://www.springframework.org/schema/context"
+       xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd
+        http://www.springframework.org/schema/context
+        http://www.springframework.org/schema/context/spring-context.xsd">
+    <context:property-placeholder location="classpath:application.properties" />
+</beans>
diff --git a/lib/mybatis-cache/pom.xml b/lib/mybatis-cache/pom.xml
new file mode 100644
index 00000000..a6fee814
--- /dev/null
+++ b/lib/mybatis-cache/pom.xml
@@ -0,0 +1,80 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-mybatis-cache</artifactId>
+    <packaging>jar</packaging>
+    <name>Yo MyBatis Cache</name>
+    <description>Yo MyBatis Cache</description>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-library</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>org.slf4j</groupId>
+            <artifactId>slf4j-api</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-redis-api</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.commons</groupId>
+            <artifactId>commons-lang3</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.mybatis</groupId>
+            <artifactId>mybatis</artifactId>
+        </dependency>
+        <dependency>
+            <artifactId>commons-codec</artifactId>
+            <groupId>commons-codec</groupId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-hessian-util</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-context</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-redis-raw</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.logging.log4j</groupId>
+            <artifactId>log4j-slf4j-impl</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.logging.log4j</groupId>
+            <artifactId>log4j-core</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/mybatis-cache/src/main/java/com/pudonghot/yo/mybatis/cache/CacheTool.java b/lib/mybatis-cache/src/main/java/com/pudonghot/yo/mybatis/cache/CacheTool.java
new file mode 100644
index 00000000..432e8092
--- /dev/null
+++ b/lib/mybatis-cache/src/main/java/com/pudonghot/yo/mybatis/cache/CacheTool.java
@@ -0,0 +1,23 @@
+package com.pudonghot.yo.mybatis.cache;
+
+import org.apache.ibatis.cache.Cache;
+
+/**
+ * @author Donghuang <br>
+ * Jun 19, 2017 20:07:13
+ */
+public interface CacheTool {
+
+    /**
+     * clear cache
+     * @param mapper mapper
+     */
+    void clearCache(Class<?> mapper);
+    
+    /**
+     * clear cache
+     * @param mapper mapper
+     * @return cache of mapper
+     */
+    Cache getCache(Class<?> mapper);
+}
diff --git a/lib/mybatis-cache/src/main/java/com/pudonghot/yo/mybatis/cache/RedisCache.java b/lib/mybatis-cache/src/main/java/com/pudonghot/yo/mybatis/cache/RedisCache.java
new file mode 100644
index 00000000..931cf5e9
--- /dev/null
+++ b/lib/mybatis-cache/src/main/java/com/pudonghot/yo/mybatis/cache/RedisCache.java
@@ -0,0 +1,125 @@
+package com.pudonghot.yo.mybatis.cache;
+
+import java.util.Set;
+
+import com.pudonghot.yo.redis.RedisClientApi;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.ibatis.cache.Cache;
+import org.apache.commons.lang3.StringUtils;
+
+import java.util.concurrent.locks.ReadWriteLock;
+import com.pudonghot.yo.hessian.util.HessianUtil;
+import org.apache.commons.codec.digest.DigestUtils;
+
+/**
+ * @author Donghuang <br>
+ * Jun 19, 2017 16:40:07
+ */
+@Slf4j
+public final class RedisCache implements Cache {
+    final private String id;
+    final private String key;
+    final private RedisClientApi redis;
+
+    /**
+     * construct cache 
+     * @param id cache id
+     */
+    public RedisCache(final String id) {
+        if (id == null) {
+            throw new IllegalArgumentException(
+                "Cache instance id could not be null");
+        }
+        log.info("Create redis cache [{}].", id);
+        this.id = id;
+        this.key = id.replaceFirst("Mapper$", "").replaceAll("(\\w)\\w*\\.", "$1");
+        redis = RedisCacheConfig.getInstance().getCodisClient();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String getId() {
+        return id;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public int getSize() {
+        final Set<String> hkeys = redis.hkeys(key);
+        log.debug("Cache [{}] keys [{}] found.", key, hkeys);
+        final int size = hkeys.size();
+        log.info("Get cache [{}] size [{}].", key, size);
+        return size;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void putObject(final Object key, final Object value) {
+        log.debug("Put object key [{}], value [{}].", key, value);
+        final String base64Value = HessianUtil.serialize(value);
+        log.debug("Put object hash [{}] key [{}] Base64 value [{}].", this.key, key, base64Value);
+        redis.hset(this.key, cacheKeyMd5(key), base64Value);
+    }
+    
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Object getObject(final Object key) {
+        final String value = redis.hget(this.key, cacheKeyMd5(key));
+        log.debug("Get object key [{}], value [{}].", key, value);
+        if (StringUtils.isBlank(value)) {
+            log.info("No cache of key [{}] found.", key);
+            return null;
+        }
+        return HessianUtil.deserialize(value);
+    }
+    
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Object removeObject(final Object key) {
+        final long rtn = redis.hdel(this.key, cacheKeyMd5(key));
+        log.debug("Remove object key [{}] result [{}].", key, rtn);
+        return rtn;
+    }
+    
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void clear() {
+        final boolean rtn = redis.del(key);
+        log.info("Clear cache key [{}] result [{}].", key, rtn);
+    }
+    
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ReadWriteLock getReadWriteLock() {
+        return null;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String toString() {
+        return "Redis cache [" + id + "]";
+    }
+
+    // --
+    // private methods
+
+    private String cacheKeyMd5(Object key) {
+        return DigestUtils.md5Hex(String.valueOf(key));
+    }
+}
diff --git a/lib/mybatis-cache/src/main/java/com/pudonghot/yo/mybatis/cache/RedisCacheConfig.java b/lib/mybatis-cache/src/main/java/com/pudonghot/yo/mybatis/cache/RedisCacheConfig.java
new file mode 100644
index 00000000..65d8d220
--- /dev/null
+++ b/lib/mybatis-cache/src/main/java/com/pudonghot/yo/mybatis/cache/RedisCacheConfig.java
@@ -0,0 +1,31 @@
+package com.pudonghot.yo.mybatis.cache;
+
+import com.pudonghot.yo.redis.RedisClientApi;
+import lombok.Getter;
+import lombok.Setter;
+import javax.annotation.PostConstruct;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Jun 19, 2017 16:30:03
+ */
+public class RedisCacheConfig {
+    @Getter
+    @Setter
+    @Autowired
+    private RedisClientApi codisClient;
+    private static RedisCacheConfig instance;
+
+    @PostConstruct
+    void init() {
+        instance = this;
+    }
+
+    /**
+     * @return cache instance
+     */
+    public static RedisCacheConfig getInstance() {
+        return instance;
+    }
+}
diff --git a/lib/mybatis-cache/src/main/java/com/pudonghot/yo/mybatis/cache/support/CacheToolSupport.java b/lib/mybatis-cache/src/main/java/com/pudonghot/yo/mybatis/cache/support/CacheToolSupport.java
new file mode 100644
index 00000000..65ab723d
--- /dev/null
+++ b/lib/mybatis-cache/src/main/java/com/pudonghot/yo/mybatis/cache/support/CacheToolSupport.java
@@ -0,0 +1,50 @@
+package com.pudonghot.yo.mybatis.cache.support;
+
+import java.util.List;
+
+import com.pudonghot.yo.mybatis.cache.CacheTool;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.ibatis.cache.Cache;
+import org.apache.ibatis.session.SqlSessionFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Jun 19, 2017 16:46:38
+ */
+@Slf4j
+public class CacheToolSupport implements CacheTool {
+
+    @Autowired
+    private List<SqlSessionFactory> sqlSessionFactories;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void clearCache(Class<?> mapper) {
+        log.info("Clear Cache [{}].", mapper);
+        Cache cache = getCache(mapper);
+        if (cache != null) {
+            cache.clear(); 
+        }
+        else {
+            log.warn("No Cache [{}] Found.", mapper);
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Cache getCache(final Class<?> mapper) {
+        final String mapperName = mapper.getName();
+        for (final SqlSessionFactory sqlSessionFactory : sqlSessionFactories) {
+            final Cache cache = sqlSessionFactory.getConfiguration().getCache(mapperName);
+            if (cache != null) {
+                return cache;
+            }
+        }
+        return null;
+    }
+}
diff --git a/lib/mybatis-cache/src/main/resources/.gitkeep b/lib/mybatis-cache/src/main/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/mybatis-cache/src/main/resources/spring/spring-mybatis-cache.xml b/lib/mybatis-cache/src/main/resources/spring/spring-mybatis-cache.xml
new file mode 100644
index 00000000..41b80d52
--- /dev/null
+++ b/lib/mybatis-cache/src/main/resources/spring/spring-mybatis-cache.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd">
+
+    <bean id="redisCacheConfig" class="com.pudonghot.yo.mybatis.cache.RedisCacheConfig" />
+    <!--<bean class="CacheToolSupport" />-->
+</beans>
diff --git a/lib/mybatis-cache/src/test/java/.gitkeep b/lib/mybatis-cache/src/test/java/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/mybatis-cache/src/test/java/com/pudonghot/yo/mybatis/cache/test/CacheToolTest.java b/lib/mybatis-cache/src/test/java/com/pudonghot/yo/mybatis/cache/test/CacheToolTest.java
new file mode 100644
index 00000000..7cb4a63b
--- /dev/null
+++ b/lib/mybatis-cache/src/test/java/com/pudonghot/yo/mybatis/cache/test/CacheToolTest.java
@@ -0,0 +1,41 @@
+package com.pudonghot.yo.mybatis.cache.test;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import com.pudonghot.yo.redis.RedisClientApi;
+import com.pudonghot.yo.mybatis.cache.CacheTool;
+import com.pudonghot.yo.mybatis.cache.RedisCache;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Jun 19, 2017 16:53
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class CacheToolTest {
+    @Autowired
+    private RedisClientApi redisClientApi;
+
+    @Autowired
+    private CacheTool cacheTool;
+
+    private final String[] mappers = new String[] {
+        "com.pudonghot.yo.mapper.ObjectTagMapper"
+    };
+
+    @Test
+    public void testRun() {
+        log.info("Test redis cache.");
+        for (final String mapper : mappers) {
+            log.info("Mapper [{}] -> [{}].",
+                mapper,
+                new RedisCache(mapper).getId());
+        }
+    }
+
+}
diff --git a/lib/mybatis-cache/src/test/java/com/pudonghot/yo/mybatis/cache/test/TestDriver.java b/lib/mybatis-cache/src/test/java/com/pudonghot/yo/mybatis/cache/test/TestDriver.java
new file mode 100644
index 00000000..5b1ae2e7
--- /dev/null
+++ b/lib/mybatis-cache/src/test/java/com/pudonghot/yo/mybatis/cache/test/TestDriver.java
@@ -0,0 +1,9 @@
+package com.pudonghot.yo.mybatis.cache.test;
+
+/**
+ * @author Donghuang <br>
+ * Jun 19, 2017 16:46:24
+ */
+public class TestDriver {
+
+}
diff --git a/lib/mybatis-cache/src/test/resources/application.properties b/lib/mybatis-cache/src/test/resources/application.properties
new file mode 100644
index 00000000..f58bbfba
--- /dev/null
+++ b/lib/mybatis-cache/src/test/resources/application.properties
@@ -0,0 +1,7 @@
+spring.application.name=yo-mybatis-cache
+
+# Redis
+yo.redis.host=172.16.92.232
+yo.redis.port=6379
+yo.redis.password=123456
+
diff --git a/lib/mybatis-cache/src/test/resources/log4j2.xml b/lib/mybatis-cache/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..541a1f9e
--- /dev/null
+++ b/lib/mybatis-cache/src/test/resources/log4j2.xml
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+        <Property name="log.dir">${project.basedir}/.logs</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="%highlight{%-d{yyyy-MM-dd HH:mm:ss,SSS}}{FATAL=magenta, ERROR=magenta, WARN=magenta, INFO=magenta, DEBUG=magenta, TRACE=magenta} %highlight{%-5p}{FATAL=red blink, ERROR=red, WARN=yellow bold, INFO=black, DEBUG=green bold, TRACE=blue} [%t][%highlight{%c{1.}}{FATAL=cyan, ERROR=cyan, WARN=cyan, INFO=cyan, DEBUG=cyan, TRACE=cyan}] %m%n"/>
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+        <!-- appender to send mails asynchronously -->
+        <Async name="AsyncFile">
+            <AppenderRef ref="File" />
+        </Async>
+    </Appenders>
+    <Loggers>
+        <Root level="DEBUG" additivity="false">
+            <AppenderRef ref="Console" level="DEBUG" />
+            <AppenderRef ref="File" level="DEBUG" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/mybatis-cache/src/test/resources/spring/spring-codis.xml b/lib/mybatis-cache/src/test/resources/spring/spring-codis.xml
new file mode 100644
index 00000000..1e204e3f
--- /dev/null
+++ b/lib/mybatis-cache/src/test/resources/spring/spring-codis.xml
@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xmlns:context="http://www.springframework.org/schema/context"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd
+        http://www.springframework.org/schema/context
+        http://www.springframework.org/schema/context/spring-context.xsd">
+
+    <context:property-placeholder location="classpath:application.properties" />
+
+</beans>
diff --git a/lib/openapi-dto/README.md b/lib/openapi-dto/README.md
new file mode 100644
index 00000000..5458e536
--- /dev/null
+++ b/lib/openapi-dto/README.md
@@ -0,0 +1 @@
+# FreeSWITCH Agent API
diff --git a/lib/openapi-dto/pom.xml b/lib/openapi-dto/pom.xml
new file mode 100644
index 00000000..da749056
--- /dev/null
+++ b/lib/openapi-dto/pom.xml
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-openapi-dto</artifactId>
+    <name>Yo OpenAPI DTO</name>
+    <description>Yo OpenAPI DTO</description>
+    <packaging>jar</packaging>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-library</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-model</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.hibernate.validator</groupId>
+            <artifactId>hibernate-validator</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-log4j2</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/openapi-dto/src/main/java/com/pudonghot/yo/openapi/dto/request/AgentDial.java b/lib/openapi-dto/src/main/java/com/pudonghot/yo/openapi/dto/request/AgentDial.java
new file mode 100644
index 00000000..563c2059
--- /dev/null
+++ b/lib/openapi-dto/src/main/java/com/pudonghot/yo/openapi/dto/request/AgentDial.java
@@ -0,0 +1,32 @@
+package com.pudonghot.yo.openapi.dto.request;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.form.BaseForm;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.NotBlank;
+
+/**
+ * @author Donghuang <br>
+ * Nov 08, 2019 15:32:34
+ */
+@Getter
+@Setter
+public class AgentDial extends BaseForm {
+    @NotNull
+    private Integer tenantId;
+    @NotBlank
+    private String account;
+    @NotBlank
+    private String calledNumber;
+    private String calledName;
+
+    private String bizKey;
+    private String attachedData;
+    private String attrs;
+
+    private int timeout = 60;
+    private String codec;
+    private boolean webRtc = false;
+    private boolean ignoreEarlyMedia = false;
+}
diff --git a/lib/openapi-dto/src/main/java/com/pudonghot/yo/openapi/dto/request/AuthSignIn.java b/lib/openapi-dto/src/main/java/com/pudonghot/yo/openapi/dto/request/AuthSignIn.java
new file mode 100644
index 00000000..d4783cbc
--- /dev/null
+++ b/lib/openapi-dto/src/main/java/com/pudonghot/yo/openapi/dto/request/AuthSignIn.java
@@ -0,0 +1,21 @@
+package com.pudonghot.yo.openapi.dto.request;
+
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.format.annotation.Trim;
+
+/**
+ * @author Donghuang <br>
+ * Nov 08, 2019 15:32:34
+ */
+@Getter
+@Setter
+public class AuthSignIn {
+    @Trim
+    @NotBlank
+    private String accessKey;
+    @Trim
+    @NotBlank
+    private String accessSecret;
+}
diff --git a/lib/openapi-dto/src/main/java/com/pudonghot/yo/openapi/dto/response/AccessTokeInfo.java b/lib/openapi-dto/src/main/java/com/pudonghot/yo/openapi/dto/response/AccessTokeInfo.java
new file mode 100644
index 00000000..01081718
--- /dev/null
+++ b/lib/openapi-dto/src/main/java/com/pudonghot/yo/openapi/dto/response/AccessTokeInfo.java
@@ -0,0 +1,18 @@
+package com.pudonghot.yo.openapi.dto.response;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+
+/**
+ * @author Donghuang <br>
+ * Jan 03, 2020 18:26:38
+ */
+@Getter
+@Setter
+@ToString
+public class AccessTokeInfo {
+    private String tenantCode;
+    private String token;
+    private long expireAt;
+}
diff --git a/lib/openapi-dto/src/main/java/com/pudonghot/yo/openapi/dto/response/AgentDialResp.java b/lib/openapi-dto/src/main/java/com/pudonghot/yo/openapi/dto/response/AgentDialResp.java
new file mode 100644
index 00000000..b31a4852
--- /dev/null
+++ b/lib/openapi-dto/src/main/java/com/pudonghot/yo/openapi/dto/response/AgentDialResp.java
@@ -0,0 +1,17 @@
+package com.pudonghot.yo.openapi.dto.response;
+
+import lombok.*;
+import java.io.Serializable;
+
+/**
+ * @author Donghuang <br>
+ * Dec 11, 2019 13:34:56
+ */
+@Getter
+@Setter
+@ToString
+@NoArgsConstructor
+@AllArgsConstructor
+public class AgentDialResp implements Serializable {
+    private String uuid;
+}
diff --git a/lib/openapi-dto/src/main/java/com/pudonghot/yo/openapi/dto/response/SipInfo.java b/lib/openapi-dto/src/main/java/com/pudonghot/yo/openapi/dto/response/SipInfo.java
new file mode 100644
index 00000000..d30a9122
--- /dev/null
+++ b/lib/openapi-dto/src/main/java/com/pudonghot/yo/openapi/dto/response/SipInfo.java
@@ -0,0 +1,20 @@
+package com.pudonghot.yo.openapi.dto.response;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+
+/**
+ * @author Donghuang <br>
+ * Jan 03, 2020 18:26:38
+ */
+@Getter
+@Setter
+@ToString
+public class SipInfo {
+    private String realm;
+    private String proxy;
+    private String account;
+    private String agent;
+    private String password;
+}
diff --git a/lib/openapi-dto/src/main/resources/.gitkeep b/lib/openapi-dto/src/main/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/openapi-dto/src/main/resources/spring/.gitkeep b/lib/openapi-dto/src/main/resources/spring/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/openapi-dto/src/test/java/com/pudonghot/yo/openapi/dto/TestDriver.java b/lib/openapi-dto/src/test/java/com/pudonghot/yo/openapi/dto/TestDriver.java
new file mode 100644
index 00000000..10126191
--- /dev/null
+++ b/lib/openapi-dto/src/test/java/com/pudonghot/yo/openapi/dto/TestDriver.java
@@ -0,0 +1,16 @@
+package com.pudonghot.yo.openapi.dto;
+
+import org.junit.Test;
+import lombok.extern.slf4j.Slf4j;
+
+/**
+ * @author Donghuang <br>
+ * Oct 26, 2019 15:41:02
+ */
+@Slf4j
+public class TestDriver {
+
+    @Test
+    public void run() {
+    }
+}
diff --git a/lib/openapi-dto/src/test/resources/application.properties b/lib/openapi-dto/src/test/resources/application.properties
new file mode 100644
index 00000000..8ae05696
--- /dev/null
+++ b/lib/openapi-dto/src/test/resources/application.properties
@@ -0,0 +1 @@
+# Test
diff --git a/lib/openapi-dto/src/test/resources/log4j2.xml b/lib/openapi-dto/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..3e7204bf
--- /dev/null
+++ b/lib/openapi-dto/src/test/resources/log4j2.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="log.level">DEBUG</Property>
+        <Property name="log.dir">.logs</Property>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="%highlight{%-d{yyyy-MM-dd HH:mm:ss,SSS}}{FATAL=magenta, ERROR=magenta, WARN=magenta, INFO=magenta, DEBUG=magenta, TRACE=magenta} %highlight{%-5p}{FATAL=red blink, ERROR=red, WARN=yellow bold, INFO=black, DEBUG=green bold, TRACE=blue} [%t][%highlight{%c{1.}}{FATAL=cyan, ERROR=cyan, WARN=cyan, INFO=cyan, DEBUG=cyan, TRACE=cyan}] %m%n"/>
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+    </Appenders>
+    <Loggers>
+        <Logger name="org.springframework" level="INFO" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.apache" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.hibernate.validator" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Root level="${log.level}" additivity="false">
+            <AppenderRef ref="File" level="${log.level}" />
+            <AppenderRef ref="Console" level="${log.level}" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/openapi-dto/src/test/resources/spring/spring-test.xml b/lib/openapi-dto/src/test/resources/spring/spring-test.xml
new file mode 100644
index 00000000..faeb7896
--- /dev/null
+++ b/lib/openapi-dto/src/test/resources/spring/spring-test.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+       xmlns:context="http://www.springframework.org/schema/context"
+       xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd
+        http://www.springframework.org/schema/context
+        http://www.springframework.org/schema/context/spring-context.xsd">
+    <context:property-placeholder location="classpath:application.properties" />
+</beans>
diff --git a/lib/pom.xml b/lib/pom.xml
new file mode 100644
index 00000000..d4b88144
--- /dev/null
+++ b/lib/pom.xml
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+    http://maven.apache.org/xsd/maven-4.0.0.xsd">
+
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-library</artifactId>
+    <packaging>pom</packaging>
+    <name>Yo Library</name>
+    <description>Yo Library</description>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <modules>
+        <module>bom</module>
+        <module>model</module>
+        <module>mapper</module>
+        <module>tigon</module>
+        <module>web-common</module>
+        <module>util</module>
+        <module>cellphone-location</module>
+        <module>hessian-util</module>
+        <module>fs-model</module>
+        <module>fs-mapper</module>
+        <module>fsesl-api</module>
+        <module>fsesl</module>
+        <module>fsagent-api</module>
+        <module>openapi-dto</module>
+        <module>redis</module>
+        <module>mybatis-cache</module>
+        <module>shiro-cache</module>
+        <module>http-client</module>
+    </modules>
+
+</project>
diff --git a/lib/redis/README.md b/lib/redis/README.md
new file mode 100644
index 00000000..716670ff
--- /dev/null
+++ b/lib/redis/README.md
@@ -0,0 +1 @@
+# Yo Redis Client
diff --git a/lib/redis/api/pom.xml b/lib/redis/api/pom.xml
new file mode 100644
index 00000000..7bf72420
--- /dev/null
+++ b/lib/redis/api/pom.xml
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-redis-api</artifactId>
+    <packaging>jar</packaging>
+    <name>Yo Redis API</name>
+    <description>Yo Redis API</description>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-redis-client</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.logging.log4j</groupId>
+            <artifactId>log4j-slf4j-impl</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.logging.log4j</groupId>
+            <artifactId>log4j-core</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/redis/api/src/main/java/com/pudonghot/yo/redis/RedisClientApi.java b/lib/redis/api/src/main/java/com/pudonghot/yo/redis/RedisClientApi.java
new file mode 100644
index 00000000..13659112
--- /dev/null
+++ b/lib/redis/api/src/main/java/com/pudonghot/yo/redis/RedisClientApi.java
@@ -0,0 +1,73 @@
+package com.pudonghot.yo.redis;
+
+import java.util.Map;
+import java.util.Set;
+
+/**
+ * @author Donghuang
+ * @date May 06, 2020 17:04:00
+ */
+public interface RedisClientApi {
+
+    boolean set(String key, String value);
+
+    boolean set(String key, String value, int expireSeconds);
+
+    boolean setnx(String key, String value);
+
+    String get(String key);
+
+    boolean del(String key);
+
+    boolean set(String key, String value, String nxxx, String expx, long time);
+
+    Long llen(String key);
+
+    Long lpush(String key, String value);
+
+    String lindex(String key, Long index);
+
+    String rpop(String key);
+
+    Long rpush(String key, String value);
+
+    Long hset(String key, String field, String value);
+
+    String hget(String key, String field);
+
+    Long hdel(String key, String... fields);
+
+    Map<String, String> hgetAll(String key);
+
+    Set<String> hkeys(String key);
+
+    Long incr(String key);
+
+    Long hincrBy(String key, String field, long value);
+
+    Long decr(String key);
+
+    Long sadd(String key, String... members);
+
+    Set<String> smembers(String key);
+
+    Boolean sismember(String key, String member);
+
+    Long srem(String key, String... members);
+
+    boolean zadd(String key, double score, String member);
+
+    Long zrem(String key, String member);
+
+    Long zrevrank(String key, String member);
+
+    Double zscore(String key, String member);
+
+    Long zremrangeByScore(String key, double start, double stop);
+
+    Set<String> zrangeByScore(String key, double start, double stop);
+
+    Long zcount(String key, double start, double stop);
+
+    boolean expire(String key, int seconds);
+}
diff --git a/lib/redis/api/src/main/resources/.gitkeep b/lib/redis/api/src/main/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/redis/api/src/test/java/com/pudonghot/yo/redis/TestDriver.java b/lib/redis/api/src/test/java/com/pudonghot/yo/redis/TestDriver.java
new file mode 100644
index 00000000..b99cb540
--- /dev/null
+++ b/lib/redis/api/src/test/java/com/pudonghot/yo/redis/TestDriver.java
@@ -0,0 +1,9 @@
+package com.pudonghot.yo.redis;
+
+/**
+ * @author Donghuang <br>
+ * Jun 19, 2017 16:46:24
+ */
+public class TestDriver {
+
+}
diff --git a/lib/redis/api/src/test/resources/application.properties b/lib/redis/api/src/test/resources/application.properties
new file mode 100644
index 00000000..e69caf13
--- /dev/null
+++ b/lib/redis/api/src/test/resources/application.properties
@@ -0,0 +1,5 @@
+spring.application.name=YO_REDIS
+
+# Redis Cluster
+yo.redis-cluster.app-id=10003
+yo.redis-cluster.app-key=d7317ef13ea37c03f87fcd214755b341
diff --git a/lib/redis/api/src/test/resources/log4j2.xml b/lib/redis/api/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..541a1f9e
--- /dev/null
+++ b/lib/redis/api/src/test/resources/log4j2.xml
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+        <Property name="log.dir">${project.basedir}/.logs</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="%highlight{%-d{yyyy-MM-dd HH:mm:ss,SSS}}{FATAL=magenta, ERROR=magenta, WARN=magenta, INFO=magenta, DEBUG=magenta, TRACE=magenta} %highlight{%-5p}{FATAL=red blink, ERROR=red, WARN=yellow bold, INFO=black, DEBUG=green bold, TRACE=blue} [%t][%highlight{%c{1.}}{FATAL=cyan, ERROR=cyan, WARN=cyan, INFO=cyan, DEBUG=cyan, TRACE=cyan}] %m%n"/>
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+        <!-- appender to send mails asynchronously -->
+        <Async name="AsyncFile">
+            <AppenderRef ref="File" />
+        </Async>
+    </Appenders>
+    <Loggers>
+        <Root level="DEBUG" additivity="false">
+            <AppenderRef ref="Console" level="DEBUG" />
+            <AppenderRef ref="File" level="DEBUG" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/redis/api/src/test/resources/spring/.gitkeep b/lib/redis/api/src/test/resources/spring/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/redis/api/src/test/resources/spring/spring-test.xml b/lib/redis/api/src/test/resources/spring/spring-test.xml
new file mode 100644
index 00000000..faeb7896
--- /dev/null
+++ b/lib/redis/api/src/test/resources/spring/spring-test.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+       xmlns:context="http://www.springframework.org/schema/context"
+       xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd
+        http://www.springframework.org/schema/context
+        http://www.springframework.org/schema/context/spring-context.xsd">
+    <context:property-placeholder location="classpath:application.properties" />
+</beans>
diff --git a/lib/redis/pom.xml b/lib/redis/pom.xml
new file mode 100644
index 00000000..243c007d
--- /dev/null
+++ b/lib/redis/pom.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-redis-client</artifactId>
+    <name>Yo Redis Client</name>
+    <description>Yo Redis Client</description>
+    <packaging>pom</packaging>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-library</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <modules>
+        <module>api</module>
+        <module>raw</module>
+    </modules>
+</project>
diff --git a/lib/redis/raw/pom.xml b/lib/redis/raw/pom.xml
new file mode 100644
index 00000000..86cb7b1f
--- /dev/null
+++ b/lib/redis/raw/pom.xml
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-redis-raw</artifactId>
+    <packaging>jar</packaging>
+    <name>Yo Redis Raw</name>
+    <description>Yo Redis Raw</description>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-redis-client</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-context</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-redis-api</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>redis.clients</groupId>
+            <artifactId>jedis</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.data</groupId>
+            <artifactId>spring-data-redis</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.logging.log4j</groupId>
+            <artifactId>log4j-slf4j-impl</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.logging.log4j</groupId>
+            <artifactId>log4j-core</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/redis/raw/src/main/java/com/pudonghot/yo/redis/raw/RawRedisClient.java b/lib/redis/raw/src/main/java/com/pudonghot/yo/redis/raw/RawRedisClient.java
new file mode 100644
index 00000000..ff0e3ab3
--- /dev/null
+++ b/lib/redis/raw/src/main/java/com/pudonghot/yo/redis/raw/RawRedisClient.java
@@ -0,0 +1,327 @@
+package com.pudonghot.yo.redis.raw;
+
+import java.util.Map;
+import java.util.Set;
+import java.util.concurrent.TimeUnit;
+import lombok.RequiredArgsConstructor;
+import com.pudonghot.yo.redis.RedisClientApi;
+import org.springframework.data.redis.core.*;
+import org.springframework.data.redis.core.types.Expiration;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.data.redis.serializer.RedisSerializer;
+import org.springframework.data.redis.connection.RedisStringCommands;
+
+/**
+ * @author Donghuang
+ * @date May 07, 2020 09:35:45
+ */
+@RequiredArgsConstructor(onConstructor_ = @Autowired)
+public class RawRedisClient implements RedisClientApi {
+    private final RedisTemplate<String, String> redisTpl;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public boolean set(final String key, final String value) {
+        final RedisSerializer keySerializer = redisTpl.getKeySerializer();
+        final RedisSerializer valSerializer = redisTpl.getValueSerializer();
+
+        return redisTpl.execute(conn ->
+            conn.set(keySerializer.serialize(key),
+                valSerializer.serialize(value)), true);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public boolean set(final String key, final String value, final int expireSeconds) {
+        final RedisSerializer keySerializer = redisTpl.getKeySerializer();
+        final RedisSerializer valSerializer = redisTpl.getValueSerializer();
+
+        return redisTpl.execute(conn -> conn.set(
+            keySerializer.serialize(key),
+            valSerializer.serialize(value),
+            Expiration.seconds(expireSeconds),
+            RedisStringCommands.SetOption.UPSERT), true);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public boolean setnx(final String key, final String value) {
+        return vop().setIfAbsent(key, value);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String get(final String key) {
+        return vop().get(key);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public boolean del(final String key) {
+        return redisTpl.delete(key);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public boolean set(final String key, final String value, final String nxxx, final String expx, final long time) {
+        final RedisSerializer keySerializer = redisTpl.getKeySerializer();
+        final RedisSerializer valSerializer = redisTpl.getValueSerializer();
+
+        return redisTpl.execute(conn -> {
+            final RedisStringCommands.SetOption option;
+
+            if ("NX".equalsIgnoreCase(nxxx)) {
+                option = RedisStringCommands.SetOption.ifAbsent();
+            }
+            else if ("XX".equalsIgnoreCase(nxxx)) {
+                option = RedisStringCommands.SetOption.ifPresent();
+            }
+            else {
+                option = RedisStringCommands.SetOption.upsert();
+            }
+
+            final Expiration expiration =
+                "PX".equalsIgnoreCase(expx) ?
+                Expiration.milliseconds(time) :
+                Expiration.seconds(time);
+
+            return ((RedisStringCommands) conn.getNativeConnection()).set(
+                keySerializer.serialize(key),
+                valSerializer.serialize(value),
+                expiration, option);
+        }, true);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Long llen(final String key) {
+        return lop().size(key);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Long lpush(final String key, final String value) {
+        return lop().leftPush(key, value);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String lindex(final String key, final Long index) {
+        return lop().index(key, index);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String rpop(final String key) {
+        return lop().rightPop(key);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Long rpush(final String key, final String value) {
+        return lop().rightPush(key, value);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Long hset(final String key, final String field, final String value) {
+        hop().put(key, field, value);
+        return 1L;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String hget(final String key, final String field) {
+        return hop().get(key, field);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Long hdel(final String key, final String... fields) {
+        return hop().delete(key, fields);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Map<String, String> hgetAll(final String key) {
+        return hop().entries(key);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Set<String> hkeys(final String key) {
+        return hop().keys(key);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Long incr(final String key) {
+        return vop().increment(key, 1);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Long hincrBy(final String key, final String field, final long value) {
+        return hop().increment(key, field, value);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Long decr(final String key) {
+        return vop().increment(key, -1);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Long sadd(final String key, final String... members) {
+        return sop().add(key, members);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Set<String> smembers(final String key) {
+        return sop().members(key);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Boolean sismember(final String key, final String member) {
+        return sop().isMember(key, member);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Long srem(final String key, final String... members) {
+        return sop().remove(key, members);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public boolean zadd(final String key, final double score, final String member) {
+        return zop().add(key, member, score);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Long zrem(final String key, final String member) {
+        return zop().remove(key, member);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Long zrevrank(final String key, final String member) {
+        return zop().reverseRank(key, member);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Double zscore(final String key, final String member) {
+        return zop().score(key, member);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Long zremrangeByScore(final String key, final double start, final double stop) {
+        return zop().removeRangeByScore(key, start, stop);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Set<String> zrangeByScore(final String key, final double start, final double stop) {
+        return zop().rangeByScore(key, start, stop);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Long zcount(final String key, final double start, final double stop) {
+        return zop().count(key, start, stop);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public boolean expire(final String key, int seconds) {
+        return redisTpl.expire(key, seconds, TimeUnit.SECONDS);
+    }
+
+    private ValueOperations<String, String> vop() {
+        return redisTpl.opsForValue();
+    }
+
+    private HashOperations<String, String, String> hop() {
+        return redisTpl.opsForHash();
+    }
+
+    private ListOperations<String, String> lop() {
+        return redisTpl.opsForList();
+    }
+
+    private SetOperations<String, String> sop() {
+        return redisTpl.opsForSet();
+    }
+
+    private ZSetOperations<String, String> zop() {
+        return redisTpl.opsForZSet();
+    }
+}
diff --git a/lib/redis/raw/src/main/resources/.gitkeep b/lib/redis/raw/src/main/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/redis/raw/src/main/resources/spring/spring-yo-redis-raw.xml b/lib/redis/raw/src/main/resources/spring/spring-yo-redis-raw.xml
new file mode 100644
index 00000000..22f73af2
--- /dev/null
+++ b/lib/redis/raw/src/main/resources/spring/spring-yo-redis-raw.xml
@@ -0,0 +1,53 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xmlns:p="http://www.springframework.org/schema/p"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd">
+
+    <description>Yo Redis Raw</description>
+
+    <!-- Redis Tpl -->
+    <bean id="redisConnectionFactory" class="org.springframework.data.redis.connection.jedis.JedisConnectionFactory"
+          p:host-name="${yo.redis.host}"
+          p:port="${yo.redis.port:6379}"
+          p:password="${yo.redis.password:#{null}}"
+          p:database="${yo.redis.database:0}">
+        <constructor-arg>
+            <bean class="redis.clients.jedis.JedisPoolConfig"
+                  p:maxTotal="${yo.redis.max-total:8}"
+                  p:maxIdle="${yo.redis.max-idle:8}"
+                  p:minIdle="${yo.redis.min-idle:0}"
+                  p:testWhileIdle="${yo.redis.test-while-idle:true}"
+                  p:maxWaitMillis="${yo.redis.max-wait-millis:-1}"
+                  p:blockWhenExhausted="${yo.redis.block-when-exhausted:true}"
+                  p:testOnBorrow="${yo.redis.test-on-borrow:false}"
+                  p:testOnCreate="${yo.redis.test-on-create:false}"
+                  p:testOnReturn="${yo.redis.test-on-return:false}"
+                  p:numTestsPerEvictionRun="${yo.redis.num-tests-per-eviction-run:3}"
+                  p:evictionPolicyClassName="${yo.redis.eviction-policy-class-name:org.apache.commons.pool2.impl.DefaultEvictionPolicy}"
+                  p:fairness="${yo.redis.fairness:false}"
+                  p:jmxEnabled="${yo.redis.jmx-enabled:true}"
+                  p:lifo="${yo.redis.lifo:true}"
+                  p:minEvictableIdleTimeMillis="${yo.redis.min-evictable-idle-time-millis:1800000}"
+                  p:softMinEvictableIdleTimeMillis="${yo.redis.soft-min-evictable-idle-time-millis:1800000}"
+                  p:timeBetweenEvictionRunsMillis="${yo.redis.time-between-eviction-runs-millis:-1}"
+                  p:jmxNameBase="${yo.redis.jmx-name-base:#{null}}"
+                  p:jmxNamePrefix="${yo.redis.jmx-name-prefix:pool}"
+            />
+        </constructor-arg>
+    </bean>
+
+    <bean id="stringRedisSerializer" class="org.springframework.data.redis.serializer.StringRedisSerializer" />
+    <bean id="jdkSerializationRedisSerializer" class="org.springframework.data.redis.serializer.JdkSerializationRedisSerializer" />
+    <bean id="redisTemplate" class="org.springframework.data.redis.core.RedisTemplate">
+        <property name="connectionFactory" ref="redisConnectionFactory" />
+        <property name="keySerializer" ref="stringRedisSerializer" />
+        <property name="hashKeySerializer" ref="stringRedisSerializer" />
+        <property name="valueSerializer" ref="jdkSerializationRedisSerializer" />
+        <property name="hashValueSerializer" ref="jdkSerializationRedisSerializer" />
+    </bean>
+
+    <bean class="com.pudonghot.yo.redis.raw.RawRedisClient" />
+    <!-- Consumer -->
+</beans>
diff --git a/lib/redis/raw/src/test/java/.gitkeep b/lib/redis/raw/src/test/java/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/redis/raw/src/test/java/com/pudonghot/yo/redis/raw/RawRedisClientTest.java b/lib/redis/raw/src/test/java/com/pudonghot/yo/redis/raw/RawRedisClientTest.java
new file mode 100644
index 00000000..2b89247f
--- /dev/null
+++ b/lib/redis/raw/src/test/java/com/pudonghot/yo/redis/raw/RawRedisClientTest.java
@@ -0,0 +1,29 @@
+package com.pudonghot.yo.redis.raw;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import com.pudonghot.yo.redis.RedisClientApi;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Jun 19, 2017 16:53
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class RawRedisClientTest {
+    @Autowired
+    private RedisClientApi redisClient;
+
+    @Test
+    public void testRun() {
+        final String key = "foo";
+        redisClient.set(key, "bar");
+        log.info("Get [{}] from redis result [{}].", key, redisClient.get(key));
+        log.info("Delete [{}] from redis result [{}].", key, redisClient.del(key));
+    }
+}
diff --git a/lib/redis/raw/src/test/resources/application.properties b/lib/redis/raw/src/test/resources/application.properties
new file mode 100644
index 00000000..3b613ace
--- /dev/null
+++ b/lib/redis/raw/src/test/resources/application.properties
@@ -0,0 +1,6 @@
+spring.application.name=yo-redis-raw
+
+# Redis
+yo.redis.host=172.16.92.232
+yo.redis.port=6379
+yo.redis.password=123456
diff --git a/lib/redis/raw/src/test/resources/log4j2.xml b/lib/redis/raw/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..541a1f9e
--- /dev/null
+++ b/lib/redis/raw/src/test/resources/log4j2.xml
@@ -0,0 +1,32 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+        <Property name="log.dir">${project.basedir}/.logs</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="%highlight{%-d{yyyy-MM-dd HH:mm:ss,SSS}}{FATAL=magenta, ERROR=magenta, WARN=magenta, INFO=magenta, DEBUG=magenta, TRACE=magenta} %highlight{%-5p}{FATAL=red blink, ERROR=red, WARN=yellow bold, INFO=black, DEBUG=green bold, TRACE=blue} [%t][%highlight{%c{1.}}{FATAL=cyan, ERROR=cyan, WARN=cyan, INFO=cyan, DEBUG=cyan, TRACE=cyan}] %m%n"/>
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+        <!-- appender to send mails asynchronously -->
+        <Async name="AsyncFile">
+            <AppenderRef ref="File" />
+        </Async>
+    </Appenders>
+    <Loggers>
+        <Root level="DEBUG" additivity="false">
+            <AppenderRef ref="Console" level="DEBUG" />
+            <AppenderRef ref="File" level="DEBUG" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/redis/raw/src/test/resources/spring/.gitkeep b/lib/redis/raw/src/test/resources/spring/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/redis/raw/src/test/resources/spring/spring-test.xml b/lib/redis/raw/src/test/resources/spring/spring-test.xml
new file mode 100644
index 00000000..faeb7896
--- /dev/null
+++ b/lib/redis/raw/src/test/resources/spring/spring-test.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+       xmlns:context="http://www.springframework.org/schema/context"
+       xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd
+        http://www.springframework.org/schema/context
+        http://www.springframework.org/schema/context/spring-context.xsd">
+    <context:property-placeholder location="classpath:application.properties" />
+</beans>
diff --git a/lib/shiro-cache/README.md b/lib/shiro-cache/README.md
new file mode 100644
index 00000000..9dd5d34e
--- /dev/null
+++ b/lib/shiro-cache/README.md
@@ -0,0 +1 @@
+# Shiro Redis Cache
diff --git a/lib/shiro-cache/pom.xml b/lib/shiro-cache/pom.xml
new file mode 100644
index 00000000..f00920b7
--- /dev/null
+++ b/lib/shiro-cache/pom.xml
@@ -0,0 +1,62 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" 
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-shiro-cache</artifactId>
+    <name>Shiro Cache</name>
+    <packaging>jar</packaging>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-library</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>org.apache.shiro</groupId>
+            <artifactId>shiro-core</artifactId>
+            <version>1.4.0</version>
+        </dependency>
+        <dependency>
+            <groupId>com.pudonghot.yo</groupId>
+            <artifactId>yo-redis-api</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-context</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>commons-codec</groupId>
+            <artifactId>commons-codec</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.commons</groupId>
+            <artifactId>commons-lang3</artifactId>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-log4j2</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/shiro-cache/src/main/java/com/pudonghot/yo/shiro/cache/RedisSessionCache.java b/lib/shiro-cache/src/main/java/com/pudonghot/yo/shiro/cache/RedisSessionCache.java
new file mode 100644
index 00000000..cec279c6
--- /dev/null
+++ b/lib/shiro-cache/src/main/java/com/pudonghot/yo/shiro/cache/RedisSessionCache.java
@@ -0,0 +1,128 @@
+package com.pudonghot.yo.shiro.cache;
+
+import java.io.*;
+import java.util.Set;
+import lombok.SneakyThrows;
+import java.util.Collection;
+import java.util.Collections;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.shiro.cache.Cache;
+import lombok.RequiredArgsConstructor;
+import org.apache.shiro.session.Session;
+import org.apache.commons.lang3.StringUtils;
+import com.pudonghot.yo.redis.RedisClientApi;
+import org.apache.commons.codec.binary.Base64;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Oct 31, 2019 14:21:37
+ */
+@Slf4j
+@RequiredArgsConstructor(onConstructor_ = {@Autowired})
+public class RedisSessionCache implements Cache<Serializable, Session> {
+    final private RedisClientApi redisApi;
+    @Value("${tigon.shiro.cache.key-prefix:SS}")
+    protected String prefix;
+
+    /**
+     * !!! IMPORTANT MUST use JDK serialize/deserialize
+     * {@inheritDoc}
+     */
+    @Override
+    public Session get(final Serializable sessionId) {
+        log.info("Redis session cache get [{}].", sessionId);
+        final String val = redisApi.get(prefix(sessionId));
+        return StringUtils.isNotBlank(val) ?
+            deserialize(Base64.decodeBase64(val)) : null;
+    }
+
+    /**
+     * !!! IMPORTANT MUST use JDK serialize/deserialize
+     * {@inheritDoc}
+     */
+    @Override
+    public Session put(final Serializable sessionId, final Session session) {
+        log.info("Redis session cache put [{}].", sessionId);
+        log.debug("Redis session cache put [{}].", session);
+        redisApi.set(prefix(sessionId),
+            Base64.encodeBase64String(serialize(session)),
+            Long.valueOf(session.getTimeout() / 1000).intValue());
+        return session;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Session remove(final Serializable sessionId) {
+        log.info("Redis session cache remove [{}].", sessionId);
+        final Session session = get(sessionId);
+        if (session != null) {
+            log.info("Redis session cache remove [{}].", session);
+            redisApi.del(prefix(sessionId));
+        }
+        return session;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void clear() {
+        log.warn("Redis session cache #clear not supported");
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public int size() {
+        log.warn("Redis session cache #size not supported");
+        return 0;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Set<Serializable> keys() {
+        log.warn("Redis session cache #keys not supported");
+        return Collections.emptySet();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Collection<Session> values() {
+        log.warn("Redis session cache #values not supported");
+        return Collections.emptyList();
+    }
+
+    private String prefix(final Serializable key) {
+        return prefix + ":" + key;
+    }
+
+    @SneakyThrows
+    private static <T> T deserialize(byte[] bytes) {
+        try (final ByteArrayInputStream bais = new ByteArrayInputStream(bytes)) {
+            try (final ObjectInputStream ois = new ObjectInputStream(bais)) {
+                return (T) ois.readObject();
+            }
+        }
+    }
+
+    @SneakyThrows
+    private static byte[] serialize(Object object) {
+        try (final ByteArrayOutputStream baos = new ByteArrayOutputStream(128)) {
+            try (ObjectOutputStream oos = new ObjectOutputStream(baos)) {
+                oos.writeObject(object);
+                oos.flush();
+                return baos.toByteArray();
+            }
+        }
+    }
+
+}
diff --git a/lib/shiro-cache/src/main/resources/spring/spring-yo-shiro-cache-redis.xml b/lib/shiro-cache/src/main/resources/spring/spring-yo-shiro-cache-redis.xml
new file mode 100644
index 00000000..de2a59d3
--- /dev/null
+++ b/lib/shiro-cache/src/main/resources/spring/spring-yo-shiro-cache-redis.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="utf-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd"> 
+    <description>Tigon Shiro Redis Cache</description>
+    <bean class="com.pudonghot.yo.shiro.cache.RedisSessionCache" />
+</beans>
diff --git a/lib/shiro-cache/src/test/java/com/pudonghot/yo/shiro/cache/TestDriver.java b/lib/shiro-cache/src/test/java/com/pudonghot/yo/shiro/cache/TestDriver.java
new file mode 100644
index 00000000..e276ec6b
--- /dev/null
+++ b/lib/shiro-cache/src/test/java/com/pudonghot/yo/shiro/cache/TestDriver.java
@@ -0,0 +1,37 @@
+package com.pudonghot.yo.shiro.cache;
+
+import java.util.UUID;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.shiro.session.Session;
+import org.apache.shiro.session.mgt.SimpleSession;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @author Donghuang <br>
+ * Oct 31, 2019 14:21:59
+ */
+@Slf4j
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class TestDriver {
+    @Autowired
+    private RedisSessionCache cache;
+
+    @Test
+    public void test() {
+        final SimpleSession session = new SimpleSession();
+        session.setId(UUID.randomUUID().toString());
+        cache.put(session.getId(), session);
+        log.info("Cache get [{}].", cache.get(session.getId()));
+    }
+
+    @Test
+    public void testGet() {
+        final Session session = cache.get("d1aa1e09-0fda-40fe-beb3-c39d494fff41");
+        log.info("Cache get [{}].", session);
+    }
+}
diff --git a/lib/shiro-cache/src/test/resources/application.properties b/lib/shiro-cache/src/test/resources/application.properties
new file mode 100644
index 00000000..689d82b4
--- /dev/null
+++ b/lib/shiro-cache/src/test/resources/application.properties
@@ -0,0 +1,5 @@
+spring.application.name=Yo_MyBatis_Cache
+
+#redis cluster
+yo.redis-cluster.app-id=10003
+yo.redis-cluster.app-key=d7317ef13ea37c03f87fcd214755b341
diff --git a/lib/shiro-cache/src/test/resources/log4j2.xml b/lib/shiro-cache/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..3e7204bf
--- /dev/null
+++ b/lib/shiro-cache/src/test/resources/log4j2.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="log.level">DEBUG</Property>
+        <Property name="log.dir">.logs</Property>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="%highlight{%-d{yyyy-MM-dd HH:mm:ss,SSS}}{FATAL=magenta, ERROR=magenta, WARN=magenta, INFO=magenta, DEBUG=magenta, TRACE=magenta} %highlight{%-5p}{FATAL=red blink, ERROR=red, WARN=yellow bold, INFO=black, DEBUG=green bold, TRACE=blue} [%t][%highlight{%c{1.}}{FATAL=cyan, ERROR=cyan, WARN=cyan, INFO=cyan, DEBUG=cyan, TRACE=cyan}] %m%n"/>
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+    </Appenders>
+    <Loggers>
+        <Logger name="org.springframework" level="INFO" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.apache" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.hibernate.validator" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Root level="${log.level}" additivity="false">
+            <AppenderRef ref="File" level="${log.level}" />
+            <AppenderRef ref="Console" level="${log.level}" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/shiro-cache/src/test/resources/spring/.gitkeep b/lib/shiro-cache/src/test/resources/spring/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/shiro-cache/src/test/resources/spring/spring-test.xml b/lib/shiro-cache/src/test/resources/spring/spring-test.xml
new file mode 100644
index 00000000..b699d41c
--- /dev/null
+++ b/lib/shiro-cache/src/test/resources/spring/spring-test.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xmlns:context="http://www.springframework.org/schema/context"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd
+        http://www.springframework.org/schema/context
+        http://www.springframework.org/schema/context/spring-context.xsd">
+    <context:property-placeholder location="classpath:application.properties" />
+</beans>
diff --git a/lib/tigon/.gitignore b/lib/tigon/.gitignore
new file mode 100644
index 00000000..7ad54490
--- /dev/null
+++ b/lib/tigon/.gitignore
@@ -0,0 +1,5 @@
+.*
+!.gitignore
+*.iml
+target/
+bin/
diff --git a/lib/tigon/README.md b/lib/tigon/README.md
new file mode 100644
index 00000000..2e8a2374
--- /dev/null
+++ b/lib/tigon/README.md
@@ -0,0 +1 @@
+# Tigon
diff --git a/lib/tigon/codegen/README.md b/lib/tigon/codegen/README.md
new file mode 100644
index 00000000..02c6585a
--- /dev/null
+++ b/lib/tigon/codegen/README.md
@@ -0,0 +1 @@
+# tigon-codegen
diff --git a/lib/tigon/codegen/pom.xml b/lib/tigon/codegen/pom.xml
new file mode 100644
index 00000000..c935e737
--- /dev/null
+++ b/lib/tigon/codegen/pom.xml
@@ -0,0 +1,99 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>tigon-codegen</artifactId>
+    <packaging>jar</packaging>
+    <name>Tigon Code Gen</name>
+    <description>Tigon Code Gen</description>
+
+    <parent>
+        <groupId>com.wacai.tigon</groupId>
+        <artifactId>tigon</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <properties>
+        <spring-boot.run.main-class>com.wacai.tigon.codegen.TigonCodeGen</spring-boot.run.main-class>
+    </properties>
+
+    <dependencies>
+        <dependency>
+            <groupId>org.freemarker</groupId>
+            <artifactId>freemarker</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-context-support</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-common</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-extjs</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-web-controller</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-web</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-service-support</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>commons-io</groupId>
+            <artifactId>commons-io</artifactId>
+            <version>2.6</version>
+        </dependency>
+        <!-- mybatis -->
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-mybatis</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>mysql</groupId>
+            <artifactId>mysql-connector-java</artifactId>
+            <version>5.1.6</version>
+        </dependency>
+        <dependency>
+            <groupId>com.alibaba</groupId>
+            <artifactId>druid</artifactId>
+            <version>1.1.10</version>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- /mybatis -->
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-test</artifactId>
+            <scope>provided</scope>
+        </dependency>
+    </dependencies>
+
+    <build>
+        <finalName>codegen</finalName>
+        <plugins>
+            <plugin>
+                <groupId>org.springframework.boot</groupId>
+                <artifactId>spring-boot-maven-plugin</artifactId>
+                <configuration>
+                    <skip>false</skip>
+                    <fork>true</fork>
+                </configuration>
+            </plugin>
+        </plugins>
+    </build>
+</project>
diff --git a/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/TigonCodeGen.java b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/TigonCodeGen.java
new file mode 100644
index 00000000..e1e0bd5e
--- /dev/null
+++ b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/TigonCodeGen.java
@@ -0,0 +1,35 @@
+package com.wacai.tigon.codegen;
+
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.boot.SpringApplication;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
+import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
+
+/**
+ * @author Shaun Chyxion <br>
+ * chyxion@163.com <br>
+ * Jun 24, 2018 20:43:36
+ */
+@Slf4j
+@SpringBootApplication
+public class TigonCodeGen implements WebMvcConfigurer {
+
+    /**
+     * @param args start args
+     */
+    public static void main(final String[] args) {
+        log.info("Startup args [{}].", StringUtils.join(args, "\n"));
+        SpringApplication.run(TigonCodeGen.class, args);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void addResourceHandlers(final ResourceHandlerRegistry registry) {
+        registry.addResourceHandler("/assets/**")
+                .addResourceLocations("/assets/", "classpath:assets/");
+    }
+}
diff --git a/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/BaseClass.java b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/BaseClass.java
new file mode 100644
index 00000000..6c33ab24
--- /dev/null
+++ b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/BaseClass.java
@@ -0,0 +1,18 @@
+package com.wacai.tigon.codegen.configprop;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+
+/**
+ * @author Donghuang
+ * @date Apr 22, 2020 10:56:39
+ */
+@Getter
+@Setter
+@ToString
+public class BaseClass {
+    private String name;
+    private String fullName;
+    private boolean importRequired;
+}
diff --git a/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/BaseClassWithFields.java b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/BaseClassWithFields.java
new file mode 100644
index 00000000..acd9bcd4
--- /dev/null
+++ b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/BaseClassWithFields.java
@@ -0,0 +1,18 @@
+package com.wacai.tigon.codegen.configprop;
+
+import lombok.Getter;
+import lombok.Setter;
+import java.util.Set;
+import lombok.ToString;
+import java.util.HashSet;
+
+/**
+ * @author Donghuang
+ * @date Apr 27, 2020 17:10:18
+ */
+@Getter
+@Setter
+@ToString
+public class BaseClassWithFields extends BaseClass {
+    private Set<String> fields = new HashSet<>();
+}
diff --git a/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/BasicItem.java b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/BasicItem.java
new file mode 100644
index 00000000..765692d1
--- /dev/null
+++ b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/BasicItem.java
@@ -0,0 +1,17 @@
+package com.wacai.tigon.codegen.configprop;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+
+/**
+ * @author Donghuang
+ * @date Apr 27, 2020 17:11:11
+ */
+@Getter
+@Setter
+@ToString
+public class BasicItem {
+    private String projectDir;
+    private String basePackage;
+}
diff --git a/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/ConfigProperties.java b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/ConfigProperties.java
new file mode 100644
index 00000000..1d7a7385
--- /dev/null
+++ b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/ConfigProperties.java
@@ -0,0 +1,48 @@
+package com.wacai.tigon.codegen.configprop;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.stereotype.Component;
+import org.springframework.beans.factory.InitializingBean;
+import org.springframework.boot.context.properties.ConfigurationProperties;
+
+/**
+ * @author Donghuang
+ * @date Apr 22, 2020 10:42:03
+ */
+@Slf4j
+@Getter
+@Setter
+@Component
+@ToString
+@ConfigurationProperties("tigon.codegen")
+public class ConfigProperties implements InitializingBean {
+    private String workDir;
+    private FileDoc fileDoc = new FileDoc();
+    private String[] defaultGenItems = {
+        "model",
+        "mapper",
+        "form",
+        "service",
+        "controller"
+    };
+    private String basePackage;
+    private String tablePrefix;
+    private ItemModel model = new ItemModel();
+    private Item formCreate = new Item();
+    private Item formUpdate = new Item();
+    private ItemMapper mapper = new ItemMapper();
+    private Item service = new Item();
+    private Item serviceImpl = new Item();
+    private Item controller = new Item();
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void afterPropertiesSet() {
+        log.info("After config [{}] init.", this);
+    }
+}
diff --git a/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/FileDoc.java b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/FileDoc.java
new file mode 100644
index 00000000..1e04142e
--- /dev/null
+++ b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/FileDoc.java
@@ -0,0 +1,17 @@
+package com.wacai.tigon.codegen.configprop;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+
+/**
+ * @author Donghuang
+ * @date Apr 26, 2020 17:58:54
+ */
+@Getter
+@Setter
+@ToString
+public class FileDoc {
+    private boolean gen = true;
+    private String author = "Donghuang";
+}
diff --git a/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/Item.java b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/Item.java
new file mode 100644
index 00000000..e43b422e
--- /dev/null
+++ b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/Item.java
@@ -0,0 +1,16 @@
+package com.wacai.tigon.codegen.configprop;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+
+/**
+ * @author Donghuang
+ * @date Apr 22, 2020 10:57:47
+ */
+@Getter
+@Setter
+@ToString
+public class Item extends BasicItem {
+    private BaseClass baseClass = new BaseClass();
+}
diff --git a/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/ItemMapper.java b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/ItemMapper.java
new file mode 100644
index 00000000..cf99ebe1
--- /dev/null
+++ b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/ItemMapper.java
@@ -0,0 +1,16 @@
+package com.wacai.tigon.codegen.configprop;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+
+/**
+ * @author Donghuang
+ * @date Apr 22, 2020 10:57:47
+ */
+@Getter
+@Setter
+@ToString
+public class ItemMapper extends Item {
+    private boolean cacheEnabled;
+}
diff --git a/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/ItemModel.java b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/ItemModel.java
new file mode 100644
index 00000000..716fcaef
--- /dev/null
+++ b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/configprop/ItemModel.java
@@ -0,0 +1,16 @@
+package com.wacai.tigon.codegen.configprop;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+
+/**
+ * @author Donghuang
+ * @date Apr 22, 2020 10:57:47
+ */
+@Getter
+@Setter
+@ToString
+public class ItemModel extends BasicItem {
+    private BaseClassWithFields baseClass = new BaseClassWithFields();
+}
diff --git a/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/controller/SiteController.java b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/controller/SiteController.java
new file mode 100644
index 00000000..f8e5d1c8
--- /dev/null
+++ b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/controller/SiteController.java
@@ -0,0 +1,84 @@
+package com.wacai.tigon.codegen.controller;
+
+import java.util.Map;
+import lombok.Getter;
+import lombok.Setter;
+import java.util.List;
+import javax.validation.Valid;
+import com.wacai.tigon.json.JSON;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.NotBlank;
+import org.springframework.stereotype.Controller;
+import org.springframework.web.servlet.ModelAndView;
+import com.wacai.tigon.codegen.service.CodeGenService;
+import com.wacai.tigon.codegen.configprop.ConfigProperties;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.bind.annotation.DeleteMapping;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+/**
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author Shaun Chyxion <br>
+ * chyxion@163.com <br>
+ * Oct 5, 2014 9:34:54 PM
+ */
+@Controller
+public class SiteController {
+    @Autowired
+    private CodeGenService service;
+    @Autowired
+    private ConfigProperties configProperties;
+    @Autowired
+    private JSON json;
+
+    @RequestMapping("/")
+    public ModelAndView index() {
+        return new ModelAndView("views/index")
+            .addObject("components",
+                json.toJSONString(configProperties.getDefaultGenItems()));
+    }
+
+    @RequestMapping("/codegen/tables")
+    public List<Map<String, Object>> tables() {
+        return service.tables();
+    }
+
+    @PostMapping("/codegen")
+    public void gen(@Valid GenForm form) {
+        service.process(form.getModel(),
+                json.parseArray(form.getColumns()), form.getTable(), form);
+    }
+
+    @RequestMapping("/codegen/list")
+    public List<Map<String, Object>> list() {
+        return service.list();
+    }
+
+    @DeleteMapping("/codegen")
+    public void delete(
+        @RequestParam("items")
+        String items,
+        @RequestParam(value = "dropTable", defaultValue = "true")
+        boolean dropTable) {
+        service.delete(json.parseArray(items), dropTable);
+    }
+
+    @Getter
+    @Setter
+    public static class GenForm {
+        @NotNull
+        private String columns;
+        @NotBlank
+        private String model;
+        @NotBlank
+        private String table;
+        private boolean genController;
+        private boolean genService;
+        private boolean genMapper;
+        private boolean genModel;
+        private boolean genForm;
+    }
+}
diff --git a/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/freemarker/FreeMarkerViewResolverExt.java b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/freemarker/FreeMarkerViewResolverExt.java
new file mode 100644
index 00000000..b040bc7e
--- /dev/null
+++ b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/freemarker/FreeMarkerViewResolverExt.java
@@ -0,0 +1,27 @@
+package com.wacai.tigon.codegen.freemarker;
+
+import java.util.Locale;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.web.servlet.View;
+import org.springframework.web.servlet.view.freemarker.FreeMarkerViewResolver;
+
+/**
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author Shaun Chyxion <br>
+ * chyxion@163.com <br>
+ * Dec 5, 2014 2:31:39 PM
+ */
+@Slf4j
+public class FreeMarkerViewResolverExt extends FreeMarkerViewResolver {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public View resolveViewName(String viewName, Locale locale) 
+            throws Exception {
+        log.debug("Try to resolve view name [{}], locale [{}] as freemarker view.", viewName, locale);
+        return super.resolveViewName(viewName.replaceAll("(?i)(^\\s*ftl:)|(\\.ftl\\s*$)", ""), locale);
+    }
+}
diff --git a/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/model/GenConfig.java b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/model/GenConfig.java
new file mode 100644
index 00000000..74369618
--- /dev/null
+++ b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/model/GenConfig.java
@@ -0,0 +1,16 @@
+package com.wacai.tigon.codegen.model;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+
+/**
+ * @author Donghuang
+ * @date Apr 23, 2020 09:54:27
+ */
+@Getter
+@Setter
+@ToString
+public class GenConfig {
+    private GenItem[] items;
+}
diff --git a/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/model/GenItem.java b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/model/GenItem.java
new file mode 100644
index 00000000..728838ea
--- /dev/null
+++ b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/model/GenItem.java
@@ -0,0 +1,32 @@
+package com.wacai.tigon.codegen.model;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+
+/**
+ * @author Donghuang
+ * @date Apr 22, 2020 17:44:22
+ */
+@Getter
+@Setter
+@ToString
+public class GenItem {
+    private String item;
+    private String projectDir;
+    private String template;
+    private String result;
+
+    /**
+     * copy this
+     * @return copy
+     */
+    public GenItem copy() {
+        final GenItem it = new GenItem();
+        it.item = item;
+        it.projectDir = projectDir;
+        it.template = template;
+        it.result = result;
+        return it;
+    }
+}
diff --git a/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/service/CodeGenBaseTool.java b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/service/CodeGenBaseTool.java
new file mode 100644
index 00000000..4a79fae4
--- /dev/null
+++ b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/service/CodeGenBaseTool.java
@@ -0,0 +1,225 @@
+package com.wacai.tigon.codegen.service;
+
+import java.io.InputStream;
+import java.io.Reader;
+import java.io.StringReader;
+import java.util.*;
+import lombok.Getter;
+import lombok.Setter;
+import java.sql.ResultSet;
+
+import lombok.SneakyThrows;
+import lombok.extern.slf4j.Slf4j;
+import java.sql.DatabaseMetaData;
+import java.io.InputStreamReader;
+import freemarker.template.Template;
+import com.wacai.tigon.util.WordUtils;
+import java.nio.charset.StandardCharsets;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.jdbc.core.JdbcTemplate;
+import org.springframework.jdbc.support.JdbcUtils;
+import org.springframework.jdbc.core.ConnectionCallback;
+import com.wacai.tigon.codegen.configprop.ConfigProperties;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.ui.freemarker.FreeMarkerTemplateUtils;
+import org.springframework.web.servlet.view.freemarker.FreeMarkerConfigurer;
+
+/**
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author chyxion <br>
+ * chyxion@163.com <br>
+ * Dec 3, 2014 11:25:17 AM
+ */
+@Slf4j
+public class CodeGenBaseTool {
+
+    @Autowired
+    private FreeMarkerConfigurer fmCfg;
+    @Autowired
+    private JdbcTemplate jdbcTpl;
+    @Autowired
+    private ConfigProperties configProps;
+    @Getter
+    @Setter
+    private Set<String> baseCols = new HashSet<>();
+
+    /**
+     * render FreeMarker Template
+     * @param ftl
+     * @param model
+     * @return
+     */
+    @SneakyThrows
+    public String renderFtl(final String ftl, final Map<String, ?> model) {
+        log.info("Render FreeMarker template [{}].", ftl);
+        try (final InputStream resourceAsStream =
+                    CodeGenBaseTool.class.getResourceAsStream(ftl);
+                final Reader reader = new InputStreamReader(
+                    resourceAsStream,
+                    StandardCharsets.UTF_8)) {
+            return FreeMarkerTemplateUtils.processTemplateIntoString(
+                    new Template(ftl, reader, fmCfg.getConfiguration()), model);
+        }
+    }
+
+    /**
+     * render string FreeMarker Template
+     *
+     * @param strFtl
+     * @param model
+     * @return
+     */
+    @SneakyThrows
+    public String renderStrFtl(final String strFtl, final Map<String, ?> model) {
+        log.info("Render string FreeMarker template [{}].", strFtl);
+        try (final Reader reader = new StringReader(strFtl)) {
+            return FreeMarkerTemplateUtils.processTemplateIntoString(
+                    new Template(strFtl, reader, fmCfg.getConfiguration()), model);
+        }
+    }
+
+    public List<Map<String, Object>> tables() {
+        if (jdbcTpl != null) {
+            return jdbcTpl.execute((ConnectionCallback<List<Map<String, Object>>>) conn -> {
+                final List<Map<String, Object>> tables = new LinkedList<>();
+                ResultSet rs = null;
+                try {
+                    final DatabaseMetaData md = conn.getMetaData();
+                    rs = md.getTables(null, null, "%", new String[] {"TABLE"});
+                    while (rs.next()) {
+                        final Map<String, Object> mapTable = new HashMap<>(8);
+                        String table = rs.getString(3).toLowerCase();
+                        mapTable.put("id", table);
+                        mapTable.put("text", table);
+                        mapTable.put("table", table);
+
+                        final String trimPrefixTableName;
+                        final String tablePrefix = configProps.getTablePrefix();
+                        if (StringUtils.isNotBlank(tablePrefix) &&
+                                table.startsWith(tablePrefix + "_")) {
+                            log.info("Table prefix [{}] found, trim.", tablePrefix);
+                            trimPrefixTableName = table.substring(
+                                tablePrefix.length() + 1);
+                        }
+                        else {
+                            trimPrefixTableName = table;
+                        }
+
+                        mapTable.put("model", StringUtils.capitalize(
+                            WordUtils.convertToCamelCase(trimPrefixTableName)));
+                        mapTable.put("leaf", true);
+                        final Set<String> keys = keys(md, table);
+                        mapTable.put("keys", keys);
+                        final Set<String> indexes = indexes(md, table, false);
+                        mapTable.put("indexes", indexes);
+                        mapTable.put("cols", cols(md, table, keys, indexes));
+                        tables.add(mapTable);
+                    }
+                }
+                finally {
+                    JdbcUtils.closeResultSet(rs);
+                }
+                return tables;
+            });
+        }
+        return Collections.emptyList();
+    }
+
+    // -- 
+    // private methods
+    private List<Map<String, Object>> cols(DatabaseMetaData md, 
+            final String table, Set<String> keys, Set<String> indexes) {
+        final List<Map<String, Object>> cols = new LinkedList<>();
+
+        try (final ResultSet rs = md.getColumns(null, "%", table, "%")) {
+            while (rs.next()) {
+                final Map<String, Object> col = new HashMap<>(16);
+                final String colName = rs.getString("COLUMN_NAME");
+                col.put("isKey", keys.contains(colName));
+                col.put("isIndex", indexes.contains(colName));
+                col.put("col", colName);
+                col.put("name", WordUtils.toCamel(colName));
+                final int size = rs.getInt("COLUMN_SIZE");
+                col.put("size", size);
+                String type = rs.getString("TYPE_NAME").toLowerCase();
+                String javaType = "String";
+
+                final boolean notNull =  rs.getInt("NULLABLE") == 0;
+
+                if (type.endsWith("char")) {
+                    type = type + "(" + size + ")";
+                }
+                else if (type.contains("date") || type.contains("time")) {
+                    javaType = "Date";
+                }
+                else if (type.equals("bit")) {
+                    javaType = notNull ? "boolean" : "Boolean";
+                }
+                else if (type.equals("int")) {
+                    javaType = notNull ? "int" : "Integer";
+                }
+                else if (type.equals("bigint")) {
+                    javaType = notNull ? "long" : "Long";
+                }
+                else if (type.contains("int")) {
+                    javaType = notNull ? "int" : "Integer";
+                }
+                else if (type.equals("float")) {
+                    javaType = notNull ? "float" : "Float";
+                }
+                else if (type.contains("double")) {
+                    javaType = notNull ? "double" : "Double";
+                }
+                else if (type.contains("blob")) {
+                    javaType = "byte[]";
+                }
+
+                col.put("sqlType", type);
+                col.put("javaType", javaType);
+                col.put("notNull", notNull);
+                cols.add(col);
+            }
+        }
+        catch (Exception e) {
+            throw new IllegalStateException(
+                "Get table columns error caused", e);
+        }
+        return cols;
+    }
+
+    private Set<String> keys(DatabaseMetaData md, String table) {
+        final Set<String> keys = new TreeSet<>();
+        try (final ResultSet rs = md.getPrimaryKeys(null, null, table)) {
+            while (rs.next()) {
+                keys.add(rs.getString("COLUMN_NAME"));
+            }
+        }
+        catch (Exception e) {
+            throw new IllegalStateException(
+                "Get table keys error caused", e);
+        }
+        // find unique indexes
+        if (keys.isEmpty()) {
+            return indexes(md, table, true);
+        }
+        return keys;
+    }
+
+    private Set<String> indexes(DatabaseMetaData md, String table, boolean unique) {
+        final Set<String> keys = new TreeSet<>();
+        try (final ResultSet rs = md.getIndexInfo(null, null, table, false, false)) {
+            while (rs.next()) {
+                if (unique && rs.getBoolean("NON_UNIQUE")) {
+                    continue;
+                }
+                keys.add(rs.getString("COLUMN_NAME"));
+            }
+        }
+        catch (Exception e) {
+            throw new IllegalStateException(
+                "Get table indexes error caused", e);
+        }
+        return keys;
+    }
+}
diff --git a/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/service/CodeGenService.java b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/service/CodeGenService.java
new file mode 100644
index 00000000..1d460910
--- /dev/null
+++ b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/service/CodeGenService.java
@@ -0,0 +1,41 @@
+package com.wacai.tigon.codegen.service;
+
+import java.util.List;
+import java.util.Map;
+import com.wacai.tigon.codegen.controller.SiteController.GenForm;
+
+/**
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author Shaun Chyxion <br>
+ * chyxion@163.com <br>
+ * Oct 6, 2014 1:08:14 PM
+ */
+public interface CodeGenService {
+    /**
+     * process code generation
+     * @param model
+     * @param cols
+     * @param table
+     * @param form 
+     */
+    void process(String model, List<Map<String, Object>> cols, String table, GenForm form);
+
+    /**
+     * list generated items
+     * @return items list
+     */
+    List<Map<String, Object>> list();
+
+    /**
+     * list tables
+     * @return
+     */
+    List<Map<String, Object>> tables();
+
+    /**
+     * delete items
+     * @param items
+     */
+    void delete(List<Map<String, Object>> items, boolean dropTable);
+}
diff --git a/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/service/support/CodeGenServiceSupport.java b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/service/support/CodeGenServiceSupport.java
new file mode 100644
index 00000000..6f9627e5
--- /dev/null
+++ b/lib/tigon/codegen/src/main/java/com/wacai/tigon/codegen/service/support/CodeGenServiceSupport.java
@@ -0,0 +1,338 @@
+package com.wacai.tigon.codegen.service.support;
+
+import java.io.File;
+import java.util.*;
+import java.io.InputStream;
+
+import com.wacai.tigon.codegen.configprop.BaseClass;
+import com.wacai.tigon.codegen.configprop.ConfigProperties;
+import com.wacai.tigon.codegen.controller.SiteController;
+import com.wacai.tigon.codegen.model.GenConfig;
+import com.wacai.tigon.codegen.model.GenItem;
+import com.wacai.tigon.codegen.service.CodeGenBaseTool;
+import com.wacai.tigon.codegen.service.CodeGenService;
+import lombok.SneakyThrows;
+import com.wacai.tigon.form.FC0;
+import com.wacai.tigon.model.M0;
+import com.wacai.tigon.form.FU0;
+import com.wacai.tigon.json.JSON;
+import lombok.extern.slf4j.Slf4j;
+import java.text.SimpleDateFormat;
+import java.util.stream.Collectors;
+import com.wacai.tigon.form.FormList;
+import com.wacai.tigon.codegen.configprop.BasicItem;
+import org.apache.commons.io.IOUtils;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.util.WordUtils;
+import org.apache.commons.io.FileUtils;
+import org.springframework.util.Assert;
+import java.nio.charset.StandardCharsets;
+import com.wacai.tigon.mybatis.BaseMapper;
+import org.apache.commons.lang3.tuple.Pair;
+import org.apache.commons.lang3.ArrayUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.util.ReflectionUtils;
+import com.wacai.tigon.service.BaseCrudByFormService;
+import com.wacai.tigon.web.test.ControllerTestTool;
+import org.springframework.beans.factory.InitializingBean;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import org.springframework.beans.factory.annotation.Autowired;
+import com.wacai.tigon.service.support.BaseCrudByFormServiceSupport;
+
+/**
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author Shaun Chyxion <br>
+ * chyxion@163.com <br>
+ * Oct 6, 2014 1:10:02 PM
+ */
+@Slf4j
+public class CodeGenServiceSupport implements CodeGenService, InitializingBean {
+    private static final Map<String, String> TYPE_PACKAGES =
+        new HashMap<String, String>() {
+        private static final long serialVersionUID = 1L;
+        {
+            put(Date.class.getSimpleName(), Date.class.getName());
+        }
+    };
+    @Autowired
+    private JSON json;
+    private GenConfig genConfig;
+
+    @Autowired
+    private CodeGenBaseTool baseTool;
+    @Autowired
+    private ConfigProperties configProps;
+    private final Map<String, Object> moduleConfig = new HashMap<>(8);
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @SuppressWarnings("unchecked")
+    public void process(String model,
+                        final List<Map<String, Object>> columns,
+                        final String table,
+                        final SiteController.GenForm form) {
+        final String minusJoinedModelName = WordUtils.convertCamelCase(model, "-").toLowerCase();
+
+
+        model = StringUtils.capitalize(model);
+        final Map<String, Object> fmDataModel = new HashMap<>(20);
+        fmDataModel.putAll(moduleConfig);
+        fmDataModel.put("srcMainDir", "src/main/java");
+        fmDataModel.put("srcTestDir", "src/test/java");
+
+        fmDataModel.put("genController", form.isGenController());
+        fmDataModel.put("genService", form.isGenService());
+        fmDataModel.put("genMapper", form.isGenMapper());
+        fmDataModel.put("genModel", form.isGenModel());
+        fmDataModel.put("genForm", form.isGenForm());
+
+        fmDataModel.put("table", table.toLowerCase());
+        fmDataModel.put("notNull", false);
+        fmDataModel.put("notBlank", false);
+        fmDataModel.put("cacheEnabled", configProps.getMapper().isCacheEnabled());
+        fmDataModel.put("useGeneratedKeys", false);
+
+        // collect col names
+        String idType = null;
+        final List<String> colNames = new ArrayList<>(columns.size());
+        for (final Map<String, Object> col : columns) {
+            String colName = ((String) col.get("col")).toLowerCase();
+            colNames.add(colName);
+            if (M0.ID.equals(colName)) {
+                String javaType = (String) col.get("javaType");
+                if (ArrayUtils.contains(
+                    new String[] {"int", "long", "boolean", "double", "byte"},
+                        javaType)) {
+                    javaType = "int".equals(javaType) ?
+                        Integer.class.getSimpleName() :
+                        StringUtils.capitalize(javaType);
+                }
+                idType = javaType;
+            }
+        }
+
+        final String baseModelName;
+        final String baseModelFullName;
+        final Collection<String> baseCols;
+
+        // custom super class
+        final BaseClass modelBaseClass = configProps.getModel().getBaseClass();
+        final String modelSuperClassName = modelBaseClass.getName();
+        if (StringUtils.isNotBlank(modelSuperClassName)) {
+            String modelSuperClassImportName = modelBaseClass.getFullName();
+            Assert.state(StringUtils.isNotBlank(modelSuperClassImportName),
+                "config 'codegen.model.super-class.import-name' required");
+            baseModelName = modelSuperClassName;
+            baseModelFullName = modelBaseClass.isImportRequired() ?
+                modelSuperClassImportName : null;
+
+            baseCols = configProps.getModel().getBaseClass().getFields()
+                .stream().map(f ->
+                        WordUtils.convertCamelCase(f, "_").toLowerCase())
+                .collect(Collectors.toSet());
+        }
+        else {
+            baseModelName = M0.class.getSimpleName();
+            baseModelFullName = M0.class.getName();
+            baseCols = new M0<String>().cols(null);
+            log.info("Base cols [{}] read from M0.", baseCols);
+        }
+
+        fmDataModel.put("baseModelFullName", baseModelFullName);
+        fmDataModel.put("baseModelName", baseModelName);
+
+        fmDataModel.put("tableAnnotationClassName", Table.class.getName());
+        fmDataModel.put("tableAnnotationName", Table.class.getSimpleName());
+
+        final Set<String> imports = new HashSet<>();
+        final List<Map<String, Object>> colsWithoutBase = columns;
+        final Iterator<Map<String, Object>> colIt =
+            colsWithoutBase.iterator();
+
+        while (colIt.hasNext()) {
+            final Map<String, Object> col = colIt.next();
+            // col name
+            final String colName = ((String) col.get("col")).toLowerCase();
+            log.info("Process model col [{}].", colName);
+            if (!baseCols.contains(colName)) {
+                // prop name
+                String propName = (String) col.get("name");
+                // for setName
+                col.put("Name", StringUtils.capitalize(propName));
+                if ((Boolean) col.get("notNull")) {
+                    if ("String".equals(col.get("javaType"))) {
+                        fmDataModel.put("notBlank", true);
+                    }
+                    else {
+                        fmDataModel.put("notNull", true);
+                    }
+                }
+                // imports
+                final String imp = TYPE_PACKAGES.get(col.get("javaType"));
+                if (StringUtils.isNotBlank(imp)) {
+                    imports.add(imp);
+                }
+            }
+            // remove base col
+            else {
+                log.info("Remove base col [{}].", colName);
+                colIt.remove();
+            }
+        }
+
+        fmDataModel.put("idType", idType);
+        fmDataModel.put("cols", colsWithoutBase);
+        fmDataModel.put("imports", imports);
+        fmDataModel.put("url", minusJoinedModelName);
+
+        fmDataModel.put("ModelName", model);
+        fmDataModel.put("Model", model);
+        fmDataModel.put("minusJoinedModelName", minusJoinedModelName);
+
+        // search
+        fmDataModel.put("searchName", Search.class.getSimpleName());
+        fmDataModel.put("searchFullName", Search.class.getName());
+
+        // controller
+        fmDataModel.put("baseControllerName", BaseCrudController.class.getSimpleName());
+        fmDataModel.put("baseControllerFullName", BaseCrudController.class.getName());
+
+        fmDataModel.put("FormList", FormList.class.getSimpleName());
+        fmDataModel.put("formListFullName", FormList.class.getName());
+        addFormSuperClass(fmDataModel);
+
+        // service interface
+        fmDataModel.put("baseServiceName", BaseCrudByFormService.class.getSimpleName());
+        fmDataModel.put("baseServiceFullName", BaseCrudByFormService.class.getName());
+        // server impl
+        fmDataModel.put("baseServiceSupportName", BaseCrudByFormServiceSupport.class.getSimpleName());
+        fmDataModel.put("baseServiceSupportFullName", BaseCrudByFormServiceSupport.class.getName());
+
+        // mapper
+        fmDataModel.put("baseMapperName", BaseMapper.class.getSimpleName());
+        fmDataModel.put("baseMapperFullName", BaseMapper.class.getName());
+
+        fmDataModel.put("ctrlrTestToolName", ControllerTestTool.class.getSimpleName());
+        fmDataModel.put("ctrlrTestToolFullName", ControllerTestTool.class.getName());
+        // code doc
+        fmDataModel.put("objDoc", doc());
+
+        for (final GenItem genItem : genConfig.getItems()) {
+            if ((Boolean) fmDataModel.get(
+                    "gen" + StringUtils.capitalize(genItem.getItem()))) {
+                GenItem item = genItem.copy();
+                item.setProjectDir(baseTool.renderStrFtl(item.getProjectDir(), fmDataModel));
+                item.setResult(baseTool.renderStrFtl(item.getResult(), fmDataModel));
+                render(item, fmDataModel);
+            }
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public List<Map<String, Object>> list() {
+        return Collections.emptyList();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @SuppressWarnings("unchecked")
+    public void delete(List<Map<String, Object>> items, boolean dropTable) {
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public List<Map<String, Object>> tables() {
+        return baseTool.tables();
+    }
+
+    private String doc() {
+        if (!configProps.getFileDoc().isGen()) {
+            return null;
+        }
+
+        // Object Doc
+        final Map<String, Object> objDocModel = new HashMap<>(4);
+        objDocModel.put("author", configProps.getFileDoc().getAuthor());
+        // time now
+        objDocModel.put("now", new SimpleDateFormat(
+            "MMM dd, yyyy HH:mm:ss").format(
+                System.currentTimeMillis()));
+        return baseTool.renderFtl("/templates/codegen/file-doc.ftl", objDocModel);
+    }
+
+    private void addFormSuperClass(final Map<String, Object> fmModel) {
+        final Pair<String, String> fcBaseClassNames = baseFormClass(
+            configProps.getFormCreate().getBaseClass(), FC0.class);
+        fmModel.put("baseFormCreateName", fcBaseClassNames.getLeft());
+        fmModel.put("baseFormCreateFullName", fcBaseClassNames.getRight());
+
+        final Pair<String, String> fuBaseClassNames = baseFormClass(
+            configProps.getFormUpdate().getBaseClass(), FU0.class);
+        fmModel.put("baseFormUpdateName", fuBaseClassNames.getLeft());
+        fmModel.put("baseFormUpdateFullName", fuBaseClassNames.getRight());
+    }
+
+    private Pair<String, String> baseFormClass(final BaseClass baseClass, final Class<?> defaultFormClass) {
+        final String name = baseClass.getName();
+        if (StringUtils.isNotBlank(name)) {
+            if (baseClass.isImportRequired()) {
+                final String fullName = baseClass.getFullName();
+                Assert.state(StringUtils.isNotBlank(fullName),
+                    () -> "Form [" + name + "] full name required");
+                return Pair.of(name, fullName);
+            }
+            return Pair.of(name, null);
+        }
+        return Pair.of(defaultFormClass.getSimpleName(),
+            defaultFormClass.getName());
+    }
+
+    @SneakyThrows
+    protected String render(final GenItem args, Map<String, ?> model) {
+        log.info("Do render, args [{}].", args);
+
+        // write result
+        final File result = new File(
+            new File(configProps.getWorkDir(),
+                args.getProjectDir()), args.getResult());
+        log.info("Write result to file [{}].", result);
+        FileUtils.write(result, baseTool.renderFtl(args.getTemplate(), model),
+                StandardCharsets.UTF_8);
+        return args.getResult();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @SneakyThrows
+    public void afterPropertiesSet() {
+        ReflectionUtils.doWithFields(ConfigProperties.class, field -> {
+            field.setAccessible(true);
+            final String name = field.getName();
+            log.info("Super model field [{}] found.", name);
+            final BasicItem item = (BasicItem) ReflectionUtils.getField(field, configProps);
+            moduleConfig.put(name + "ProjectDir", item.getProjectDir());
+            final String pkg = item.getBasePackage();
+            moduleConfig.put(name + "Pkg", pkg);
+            moduleConfig.put(name + "PkgDir", pkg.replace('.', '/'));
+        }, field -> BasicItem.class.isAssignableFrom(field.getType()));
+
+        try (final InputStream ins = CodeGenServiceSupport.class.getResourceAsStream("/codegen.json")) {
+            genConfig = json.parse(
+                IOUtils.toString(ins, StandardCharsets.UTF_8), GenConfig.class);
+        }
+
+    }
+}
diff --git a/lib/tigon/codegen/src/main/resources/assets/js/views/CodeGen.js b/lib/tigon/codegen/src/main/resources/assets/js/views/CodeGen.js
new file mode 100644
index 00000000..74ebee4d
--- /dev/null
+++ b/lib/tigon/codegen/src/main/resources/assets/js/views/CodeGen.js
@@ -0,0 +1,380 @@
+/**
+ * @version 0.0.2
+ * @since 0.0.1
+ * @author Shaun Chyxion <br />
+ * chyxion@163.com
+ * Dec 05, 2014 11:39:58
+ */
+Ext.define ('Tigon.views.CodeGen', {
+    extend: 'Ext.container.Container',
+    title: 'Tigon Code Gen',
+    layout: 'border',
+    items: [{
+    	xtype: 'container',
+        region: 'west',
+        split: true,
+        layout: 'border',
+        width: 186,
+        defaults: {
+            xtype: 'treepanel'
+        },
+        items: [{
+            title: 'Items Generated',
+            split: true,
+            height: 286,
+            region: 'north',
+            tbar: [{
+                text: 'Remove Model',
+                name: 'btn_remove',
+                disabled: true,
+                iconCls: 'remove',
+                handler: function () {
+                    var t = this.up('treepanel');
+                    Ext.MessageBox.show({
+                        title: 'Are you sure?',
+                        msg: 'Are you sure to remove model(s) selected without drop tables?',
+                        buttons: Ext.MessageBox.YESNOCANCEL,
+                        fn: function(btn) {
+                            if (btn != 'cancel') {
+                                var items = [];
+                                Ext.Array.each(t.getView().getChecked(), function(rec) {
+                                    items.push({
+                                        module: rec.get('module'),
+                                        model: rec.get('model')
+                                    });
+                                });
+                                if (!items.length) {
+                                    var rec = t.getSelectionModel().getLastSelected();
+                                    items.push({
+                                        module: rec.get('module'),
+                                        model: rec.get('model')
+                                    });
+                                }
+                                Ajax.del('codegen', {
+                                    items: items,
+                                    dropTable: btn == 'no'
+                                }, function() {
+                                    t.getStore().reload();
+                                    // right container
+                                    var rc = t.up().next('container'),
+                                        form = rc.down('form');
+                                    form.getForm().reset();
+                                    form.down('grid').getStore().removeAll();
+                                    // remove demo grid
+                                    // rc.down('container[name=demo_grid]').removeAll();
+                                    Message.alert('Remove Success.');
+                                });
+                            }
+                        },
+                        icon: Ext.MessageBox.QUESTION
+                    });
+                }
+            }],
+            store: Store.tree({
+                url: 'codegen/list',
+                fields: ['text', 'name', 'module', 'model', 'cols', 'table'],
+                root_text: 'Models'
+            }),
+            listeners: {
+                select: function(rm, rec) {
+                    this.down('toolbar')
+                        .down('button[name=btn_remove]')
+                        .setDisabled(!rec.isLeaf());
+                    if (rec.isLeaf()) {
+                        // right container
+                        var rc = this.up().next('container'),
+                            form = rc.down('form');
+                        form.getForm().setValues(rec.getData());
+                        form.down('grid').getStore().loadData(rec.get('cols'));
+                    }
+                }
+            }
+        }, {
+            title: 'Tables',
+            split: true,
+            region: 'center',
+            tbar: [{
+                text: 'Reload',
+                iconCls: 'refresh',
+                handler: function () {
+                    this.up('treepanel').getStore().reload();
+                }
+            }],
+            store: Store.tree({
+                url: 'codegen/tables',
+                fields: ['id', 'text', 'module', 'model', 'cols', 'table'],
+                root_text: 'Tables'
+            }),
+            listeners: {
+                select: function(rm, rec) {
+                    if (rec.isLeaf()) {
+                        // right container
+                        var form = this.up().next('form');
+                        form.getForm().setValues(Ext.merge(rec.getData(), {
+                            createTable: false
+                        }));
+                        form.down('grid').getStore().loadData(rec.get('cols'));
+                    }
+                }
+            }
+        }]
+    }, {
+        xtype: 'form',
+        region: 'center',
+        split: true,
+        height: 312,
+        autoScroll: true,
+        bodyPadding: 12,
+        layout: 'vbox',
+        defaults: {
+            width: '96%',
+            labelWidth: 86
+        },
+        tbar: [{
+            text: 'Generate!',
+            iconCls: 'save',
+            handler: function(btn) {
+                var form = btn.up('form');
+                if (form.isValid()) {
+                    var s = form.down('grid').getStore();
+                    if (s.getCount()) {
+                        var params = form.getForm().getValues(),
+                            columns = [];
+                        s.each(function(rec) {
+                            columns.push(rec.getData());
+                        });
+                        params.columns = columns;
+                        Dialog.confirm(s.collect('isKey').length > 1 ?
+                                'Are you sure to submit?' :
+                                'No primary key, are you sure to submit?', function() {
+                            Ajax.post('codegen', params, function() {
+                                form.previousNode('treepanel')
+                                    .previousNode('treepanel')
+                                    .getStore()
+                                    .reload();
+                                Message.alert('Generate successfully.');
+                            });
+                        });
+                    }
+                    else {
+                        Message.warn('No Columns.');
+                    }
+                }
+            }
+        }],
+        items: [{
+            xtype: 'box',
+            html: [
+                '<span style="color: #333;">Note: </span>',
+                'Welcome.'
+            ].join(''),
+            padding: '0 0 12 0',
+            style: {
+                fontSize: '12pt',
+                color: '#00F'
+            },
+        }, {
+            fieldLabel: 'Options',
+            xtype: 'checkboxgroup',
+            defaults: {
+                checked: false,
+                xtype: 'checkbox',
+                inputValue: true
+            },
+            columns: 3,
+            items: [{
+                boxLabel: 'Gen Controller',
+                checked: components.indexOf('controller') > -1,
+                name: 'genController'
+            }, {
+                boxLabel: 'Gen Service',
+                checked: components.indexOf('service') > -1,
+                name: 'genService'
+            }, {
+                boxLabel: 'Gen Mapper',
+                checked: components.indexOf('mapper') > -1,
+                name: 'genMapper'
+            }, {
+                boxLabel: 'Gen Model',
+                checked: components.indexOf('model') > -1,
+                name: 'genModel'
+            }, {
+                boxLabel: 'Gen Form',
+                checked: components.indexOf('form') > -1,
+                name: 'genForm'
+            }]
+        }, {
+            xtype: 'fieldcontainer',
+            fieldLabel: 'Columns',
+            items: {
+                xtype: 'grid',
+                minHeight: 128,
+                plugins: [Ext.create('Ext.grid.plugin.CellEditing', {
+                    clicksToEdit: 1
+                })],
+                store: {
+                    store: 'json',
+                    fields: ['name', 'javaType', 'col', 'sqlType',
+                        {name: 'notNull', type: 'boolean', defaultValue: true},
+                        {name: 'isKey', type: 'boolean', defaultValue: false},
+                        {name: 'isIndex', type: 'boolean', defaultValue: false}]
+                },
+                columns: [{
+                    xtype: 'rownumberer'
+                }, {
+                    dataIndex: 'name',
+                    text: 'Property name',
+                    width: 128,
+                    editor: {
+                        xtype: 'textfield',
+                        allowBlank: false,
+                        listeners: {
+                            change: function(t, nv, ov) {
+                                t.up().up()
+                                .getSelectionModel()
+                                .getLastSelected()
+                                .set('col',
+                                    nv.split(/(?=[A-Z])(?=[A-Z][a-z])|(?=[^A-Z])(?=[A-Z])|(?=[^a-zA-Z])(?=[a-z])|(?=[A-Za-z])(?=[^A-Za-z])/)
+                                    .join('_').
+                                    toLowerCase());
+                            }
+                        }
+                    }
+                }, {
+                    dataIndex: 'javaType',
+                    text: 'Java Type',
+                    flex: 1,
+                    editor: {
+                        xtype: 'combo',
+                        typeAhead: true,
+                        editable: false,
+                        triggerAction: 'all',
+                        store: [
+                            ['String', 'String'],
+                            ['int', 'int'],
+                            ['Integer', 'Integer'],
+                            ['long', 'long'],
+                            ['Long', 'Long'],
+                            ['double', 'double'],
+                            ['Double', 'Double'],
+                            ['Date', 'Date'],
+                            ['boolean', 'boolean'],
+                            ['Boolean', 'Boolean'],
+                            ['byte', 'byte'],
+                            ['Byte', 'Byte'],
+                            ['byte[]', 'byte[]'],
+                            ['Byte[]', 'Byte[]']
+                        ]
+                    }
+                }, {
+                    dataIndex: 'col',
+                    text: 'Column name',
+                    width: 128,
+                    editor: {
+                        xtype: 'textfield'
+                    }
+                }, {
+                    dataIndex: 'sqlType',
+                    text: 'SQL type',
+                    flex: 1,
+                    editor: {
+                        allowBlank: false,
+                        xtype: 'combo',
+                        typeAhead: true,
+                        editable: true,
+                        triggerAction: 'all',
+                        store: [
+                            ['date', 'date'],
+                            ['datetime', 'datetime'],
+                            ['char(36)', 'char(36)'],
+                            ['varchar(36)', 'varchar(36)'],
+                            ['bit', 'bit'],
+                            ['bigint', 'bigint'],
+                            ['int', 'int'],
+                            ['float', 'float']
+                        ]
+                    }
+                }, {
+                    dataIndex: 'notNull',
+                    text: 'Not Null',
+                    width: 76,
+                    renderer: function(v) {
+                        return v || '';
+                    },
+                    editor: {
+                        xtype: 'checkbox',
+                        inputValue: true
+                    }
+                }, {
+                    dataIndex: 'isKey',
+                    text: 'Primary key',
+                    width: 76,
+                    renderer: function(v) {
+                        return v || '';
+                    },
+                    editor: {
+                        xtype: 'checkbox',
+                        inputValue: true
+                    }
+                }],
+                tbar: [{
+                    text: 'Add column',
+                    iconCls: 'add',
+                    handler: function () {
+                        var s = this.up('grid').getStore(),
+                            name = 0;
+                            Ext.each(s.collect('name'), function(col) {
+                                var m = col.match(/^name(\d*)$/);
+                                if (m) {
+                                    var num = parseInt(m[1]);
+                                    if (isNaN(num)) {
+                                        name = 1;
+                                    }
+                                    else if (num + 1 > name) {
+                                        name = num + 1;
+                                    }
+                                }
+                            });
+                        name = 'name' + (name ? name : '');
+                        s.add({
+                            name: name,
+                            javaType: 'String',
+                            col: name,
+                            sqlType: 'varchar(36)',
+                            notNull: true,
+                            isKey: false
+                        });
+                    }
+                }, {
+                    text: 'Remove column',
+                    iconCls: 'remove',
+                    handler: function (btn) {
+                        var g = btn.up('grid'),
+                            ss = g.getSelectionModel().getSelection();
+                        if (ss.length) {
+                            Dialog.confirm(
+                                'Are you sure to remove the column selected?',
+                                function() {
+                                    g.getStore().remove(ss);
+                            });
+                        }
+                        else {
+                            Message.warn('Please Select Column To Remove.');
+                        }
+                    }
+                }]
+            }
+        }, {
+            xtype: 'textfield',
+            name: 'model',
+            fieldLabel: 'Model name',
+            value: 'ModelName',
+            allowBlank: false
+        }, {
+            xtype: 'textfield',
+            name: 'table',
+            fieldLabel: 'Table name',
+            allowBlank: false
+        }]
+    }]
+});
diff --git a/lib/tigon/codegen/src/main/resources/codegen.json b/lib/tigon/codegen/src/main/resources/codegen.json
new file mode 100644
index 00000000..57919719
--- /dev/null
+++ b/lib/tigon/codegen/src/main/resources/codegen.json
@@ -0,0 +1,58 @@
+{
+  "items": [
+    {
+      "item": "model",
+      "projectDir": "${modelProjectDir}",
+      "template": "/codegen/model.ftl",
+      "result": "src/main/java/${modelPkgDir}/${Model}.java"
+    },
+    {
+      "item": "form",
+      "projectDir": "${formCreateProjectDir}",
+      "template": "/codegen/form-create.ftl",
+      "result": "src/main/java/${formCreatePkgDir}/FormCreate${Model}.java"
+    },
+    {
+      "item": "form",
+      "projectDir": "${formUpdateProjectDir}",
+      "template": "/codegen/form-update.ftl",
+      "result": "src/main/java/${formUpdatePkgDir}/FormUpdate${Model}.java"
+    },
+    {
+      "item": "mapper",
+      "projectDir": "${mapperProjectDir}",
+      "template": "/codegen/mapper.ftl",
+      "result": "src/main/java/${mapperPkgDir}/${Model}Mapper.java"
+    },
+    {
+      "item": "mapper",
+      "projectDir": "${mapperProjectDir}",
+      "template": "/codegen/mapper-xml.ftl",
+      "result": "src/main/java/${mapperPkgDir}/${Model}Mapper.xml"
+    },
+    {
+      "item": "mapper",
+      "projectDir": "${mapperProjectDir}",
+      "template": "/codegen/mapper-test.ftl",
+      "result": "src/test/java/${mapperPkgDir}/${Model}MapperTest.java"
+    },
+    {
+      "item": "service",
+      "projectDir": "${serviceProjectDir}",
+      "template": "/codegen/service.ftl",
+      "result": "src/main/java/${servicePkgDir}/${Model}Service.java"
+    },
+    {
+      "item": "service",
+      "projectDir": "${serviceImplProjectDir}",
+      "template": "/codegen/service-impl.ftl",
+      "result": "src/main/java/${serviceImplPkgDir}/${Model}ServiceImpl.java"
+    },
+    {
+      "item": "controller",
+      "projectDir": "${controllerProjectDir}",
+      "template": "/codegen/controller.ftl",
+      "result": "src/main/java/${controllerPkgDir}/${Model}Controller.java"
+    }
+  ]
+}
\ No newline at end of file
diff --git a/lib/tigon/codegen/src/main/resources/logback.xml b/lib/tigon/codegen/src/main/resources/logback.xml
new file mode 100644
index 00000000..78d7a815
--- /dev/null
+++ b/lib/tigon/codegen/src/main/resources/logback.xml
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<configuration debug="true" scan="true" scanPeriod="180 seconds">>
+
+	<property name="log.level" value="DEBUG" />
+	<property name="log.dir" value="${project.basedir}/.logs" />
+
+	<appender name="Console" class="ch.qos.logback.core.ConsoleAppender">
+		<withJansi>true</withJansi>
+		<encoder>
+			<pattern>%magenta(%d{"yyyy-MM-dd HH:mm:ss,SSS"}) [%thread] %highlight(%-5level) %cyan(%logger{15}) - %msg %n</pattern>
+		</encoder>
+	</appender>
+
+	<appender name="File" class="ch.qos.logback.core.rolling.RollingFileAppender">
+		<file>${log.dir}/${project.artifactId}.log</file>
+		<encoder>
+			<pattern>%d{"yyyy-MM-dd HH:mm:ss,SSS"} [%thread] %-5level %logger{15} %msg %n</pattern>
+		</encoder>
+		<rollingPolicy class="ch.qos.logback.core.rolling.TimeBasedRollingPolicy">
+			<fileNamePattern>${log.dir}/%d{yyyy-MM, aux}/${project.artifactId}-%d{yyyy-MM-dd}.%i.log</fileNamePattern>
+			<timeBasedFileNamingAndTriggeringPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedFNATP">
+				<maxFileSize>32MB</maxFileSize>
+			</timeBasedFileNamingAndTriggeringPolicy>
+		</rollingPolicy>
+	</appender>
+
+	<logger name="org.springframework" level="INFO" additivity="false">
+		<appender-ref ref="Console" />
+		<!--<appender-ref ref="File" />-->
+	</logger>
+	<root level="${log.level}">
+		<appender-ref ref="Console" />
+		<!--<appender-ref ref="File" />-->
+	</root>
+</configuration>
+
diff --git a/lib/tigon/codegen/src/main/resources/spring/spring-tigon-codegen.xml b/lib/tigon/codegen/src/main/resources/spring/spring-tigon-codegen.xml
new file mode 100644
index 00000000..f8a3ba26
--- /dev/null
+++ b/lib/tigon/codegen/src/main/resources/spring/spring-tigon-codegen.xml
@@ -0,0 +1,49 @@
+<?xml version="1.0" encoding="utf-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xmlns:p="http://www.springframework.org/schema/p"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd">
+
+    <!-- Tool -->
+    <bean class="com.wacai.tigon.codegen.service.CodeGenBaseTool" />
+    <!--Services -->
+    <bean class="com.wacai.tigon.codegen.service.support.CodeGenServiceSupport" />
+
+    <!-- FreeMarker Config -->
+    <bean class="org.springframework.web.servlet.view.freemarker.FreeMarkerConfigurer"
+          p:templateLoaderPaths="classpath:,classpath:/templates,classpath:/views"
+          p:defaultEncoding="utf-8"
+          p:preferFileSystemAccess="false">
+        <property name="freemarkerSettings">
+            <props>
+                <prop key="template_update_delay">${tigon.codegen.freemarker.cache-expire:36000}</prop>
+                <prop key="output_encoding">utf-8</prop>
+                <prop key="locale">en_US</prop>
+                <prop key="date_format">yyyy-MM-dd</prop>
+                <prop key="time_format">HH:mm:ss</prop>
+                <prop key="datetime_format">yyyy-MM-dd HH:mm:ss</prop>
+                <!-- avoid 000.00 -->
+                <prop key="number_format">#</prop>
+            </props>
+        </property>
+    </bean>
+    <bean class="com.wacai.tigon.codegen.freemarker.FreeMarkerViewResolverExt"
+          p:suffix=".ftl"
+          p:contentType="text/html; charset=utf-8"
+          p:exposeRequestAttributes="true"
+          p:order="16"
+    />
+
+    <bean class="org.springframework.jdbc.core.JdbcTemplate">
+        <constructor-arg>
+            <bean class="com.alibaba.druid.pool.DruidDataSource"
+                  init-method="init"
+                  destroy-method="close"
+                  p:url="${tigon.codegen.datasource.url}"
+                  p:username="${tigon.codegen.datasource.username}"
+                  p:password="${tigon.codegen.datasource.password}"
+            />
+        </constructor-arg>
+    </bean>
+</beans>
diff --git a/lib/tigon/codegen/src/main/resources/templates/codegen/commons.ftl b/lib/tigon/codegen/src/main/resources/templates/codegen/commons.ftl
new file mode 100644
index 00000000..6da6a18d
--- /dev/null
+++ b/lib/tigon/codegen/src/main/resources/templates/codegen/commons.ftl
@@ -0,0 +1,3 @@
+<#function isSelfCol col>
+    <#return !['id', 'date_created', 'date_updated']?seq_contains(col.col)>
+</#function>
diff --git a/lib/tigon/codegen/src/main/resources/templates/codegen/controller-test.ftl b/lib/tigon/codegen/src/main/resources/templates/codegen/controller-test.ftl
new file mode 100644
index 00000000..5354bf72
--- /dev/null
+++ b/lib/tigon/codegen/src/main/resources/templates/codegen/controller-test.ftl
@@ -0,0 +1,120 @@
+package ${controllerPkg}.controller;
+
+<#list cols as prop>
+<#if prop.javaType == 'Date'>
+import java.util.Date;
+<#break>
+</#if>
+</#list>
+import java.util.Map;
+import java.util.HashMap;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.test.context.web.WebAppConfiguration;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+import ${ctrlrTestToolFullName};
+
+<#if objDoc?has_content>
+${objDoc}
+</#if>
+@WebAppConfiguration
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration({
+    "classpath*:spring/spring-*.xml",
+})
+public class ${ModelName}ControllerTest {
+
+	@Autowired
+	private ${ctrlrTestToolName} t;
+
+	/**
+	 * test list
+	 */
+	@Test
+	public void testList() {
+		// TODO Modify Mock${ModelName}Mapper#listPage To Complete Test Logic
+		final Map<String, Object> params = new HashMap<>();
+		params.put("start", "0");
+		params.put("limit", "10");
+		t.assertSuccess(t.print(t.get("/${minusJoinedModelName}/list")));
+	}
+
+	/**
+	 * test create
+	 */
+	@Test
+	public void testCreate() {
+		// TODO Modify Mock${ModelName}Mapper#insert To Complete Test Logic
+		final Map<String, Object> params = new HashMap<>();
+    <#list cols as prop>
+    <#if prop.javaType == 'Date'>
+		params.put("${prop.name}", new Date());
+    <#elseif prop.javaType == 'String'>
+		params.put("${prop.name}", "String Value");
+    <#elseif prop.javaType == 'boolean'>
+		params.put("${prop.name}", false);
+    <#elseif prop.javaType == 'int'>
+		params.put("${prop.name}", 1);
+    <#elseif prop.javaType == 'long'>
+		params.put("${prop.name}", 1L);
+    <#elseif prop.javaType == 'float'>
+		params.put("${prop.name}", 1.0F);
+    <#elseif prop.javaType == 'double'>
+		params.put("${prop.name}", 1.0D);
+    </#if>
+    </#list>
+		t.print(t.put("/${minusJoinedModelName}/create", params));
+	} 
+
+	/**
+	 * test find
+	 */
+	@Test
+	public void testFind() {
+		// TODO Modify Mock${ModelName}Mapper#find to complete test logic
+		final Map<String, Object> params = new HashMap<>();
+		params.put("id", "1");
+		t.assertSuccess(t.print(t.get("/${minusJoinedModelName}/find", params)));
+	} 
+
+	/**
+	 * test update
+	 */
+	@Test
+	public void testUpdate() {
+		// TODO Modify Mock${ModelName}Mapper#update to complete test logic
+		final Map<String, Object> params = new HashMap<String, Object>();
+		params.put("id", 1);
+    <#list cols as prop>
+    <#if prop.javaType == 'Date'>
+		params.put("${prop.name}", new Date());
+    <#elseif prop.javaType == 'String'>
+		params.put("${prop.name}", "String Value Updated");
+    <#elseif prop.javaType == 'boolean'>
+		params.put("${prop.name}", true);
+    <#elseif prop.javaType == 'int'>
+		params.put("${prop.name}", 2);
+    <#elseif prop.javaType == 'long'>
+		params.put("${prop.name}", 2L);
+    <#elseif prop.javaType == 'float'>
+		params.put("${prop.name}", 2.0F);
+    <#elseif prop.javaType == 'double'>
+		params.put("${prop.name}", 2.0D);
+    </#if>
+    </#list>
+		t.print(t.post("/${minusJoinedModelName}/update", params));
+	} 
+
+	/**
+	 * test delete one row
+	 */
+	@Test
+	public void testDelete() {
+		// TODO Modify Mock${ModelName}Mapper#delete to complete test logic
+		final Map<String, Object> params = new HashMap<>();
+		params.put("id", "1");
+		t.assertSuccess(t.print(t.post("/${minusJoinedModelName}/delete", params)));
+	} 
+}
diff --git a/lib/tigon/codegen/src/main/resources/templates/codegen/controller.ftl b/lib/tigon/codegen/src/main/resources/templates/codegen/controller.ftl
new file mode 100644
index 00000000..91765b12
--- /dev/null
+++ b/lib/tigon/codegen/src/main/resources/templates/codegen/controller.ftl
@@ -0,0 +1,24 @@
+package ${controllerPkg}.controller;
+
+import ${modelPkg}.model.${ModelName};
+import ${formListFullName};
+import ${formCreatePkg}.form.create.FormCreate${ModelName};
+import ${formUpdatePkg}.form.update.FormUpdate${ModelName};
+import ${baseControllerFullName};
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+
+<#if objDoc?has_content>
+${objDoc}
+</#if>
+@Controller
+@RequestMapping("/${minusJoinedModelName}")
+public class ${ModelName}Controller 
+    extends ${baseControllerName}<${idType},
+        ${ModelName},
+        ${FormList},
+        FormCreate${ModelName},
+        FormUpdate${ModelName}> {
+
+}
diff --git a/lib/tigon/codegen/src/main/resources/templates/codegen/file-doc.ftl b/lib/tigon/codegen/src/main/resources/templates/codegen/file-doc.ftl
new file mode 100644
index 00000000..a7f45f2c
--- /dev/null
+++ b/lib/tigon/codegen/src/main/resources/templates/codegen/file-doc.ftl
@@ -0,0 +1,4 @@
+/**
+ * @author ${author}
+ * @date ${now}
+ */
\ No newline at end of file
diff --git a/lib/tigon/codegen/src/main/resources/templates/codegen/form-create.ftl b/lib/tigon/codegen/src/main/resources/templates/codegen/form-create.ftl
new file mode 100644
index 00000000..984856b7
--- /dev/null
+++ b/lib/tigon/codegen/src/main/resources/templates/codegen/form-create.ftl
@@ -0,0 +1,24 @@
+package ${formCreatePkg}.form.create;
+<#import "/codegen/commons.ftl" as CodeGen>
+
+import lombok.Getter;
+import lombok.Setter;
+<#if baseFormCreateFullName?has_content>
+import ${baseFormCreateFullName};
+</#if>
+<#list imports as p>
+import ${p};
+</#list>
+
+<#if objDoc?has_content>
+${objDoc}
+</#if>
+@Getter
+@Setter
+public class FormCreate${ModelName} extends ${baseFormCreateName} {
+    private static final long serialVersionUID = 1L;
+<#list cols as prop>
+	private ${prop.javaType} ${prop.name};
+</#list>
+
+}
diff --git a/lib/tigon/codegen/src/main/resources/templates/codegen/form-update.ftl b/lib/tigon/codegen/src/main/resources/templates/codegen/form-update.ftl
new file mode 100644
index 00000000..5f7af479
--- /dev/null
+++ b/lib/tigon/codegen/src/main/resources/templates/codegen/form-update.ftl
@@ -0,0 +1,24 @@
+package ${formUpdatePkg}.form.update;
+<#import "/codegen/commons.ftl" as CodeGen>
+
+import lombok.Getter;
+import lombok.Setter;
+<#if baseFormUpdateFullName?has_content>
+import ${baseFormUpdateFullName};
+</#if>
+<#list imports as p>
+import ${p};
+</#list>
+
+<#if objDoc?has_content>
+${objDoc}
+</#if>
+@Getter
+@Setter
+public class FormUpdate${ModelName} extends ${baseFormUpdateName} {
+    private static final long serialVersionUID = 1L;
+<#list cols as prop>
+	private ${prop.javaType} ${prop.name};
+</#list>
+
+}
diff --git a/lib/tigon/codegen/src/main/resources/templates/codegen/mapper-test.ftl b/lib/tigon/codegen/src/main/resources/templates/codegen/mapper-test.ftl
new file mode 100644
index 00000000..ffe9a18e
--- /dev/null
+++ b/lib/tigon/codegen/src/main/resources/templates/codegen/mapper-test.ftl
@@ -0,0 +1,24 @@
+package ${mapperPkg}.mapper;
+
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import ${searchFullName};
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+import org.springframework.test.context.junit4.AbstractTransactionalJUnit4SpringContextTests;
+
+<#if objDoc?has_content>
+${objDoc}
+</#if>
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class ${ModelName}MapperTest extends AbstractTransactionalJUnit4SpringContextTests {
+	@Autowired
+	private ${ModelName}Mapper mapper;
+
+	@Test
+	public void mapperTest() {
+		mapper.list(new Search().limit(8));
+	}
+}
diff --git a/lib/tigon/codegen/src/main/resources/templates/codegen/mapper-xml.ftl b/lib/tigon/codegen/src/main/resources/templates/codegen/mapper-xml.ftl
new file mode 100644
index 00000000..c7c7ae38
--- /dev/null
+++ b/lib/tigon/codegen/src/main/resources/templates/codegen/mapper-xml.ftl
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<#if objDoc??><#if objDoc?has_content>
+<!--
+${objDoc}
+-->
+</#if></#if>
+<!DOCTYPE mapper PUBLIC
+	"-//mybatis.org//DTD Mapper 3.0//EN"
+	"http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="${mapperPkg}.mapper.${ModelName}Mapper">
+<#if cacheEnabled>
+
+    <!-- Redis Cache -->
+    <cache type="me.chyxion.tigon.mybatis.cache.RedisCache" />
+</#if>
+</mapper>
diff --git a/lib/tigon/codegen/src/main/resources/templates/codegen/mapper.ftl b/lib/tigon/codegen/src/main/resources/templates/codegen/mapper.ftl
new file mode 100644
index 00000000..af628288
--- /dev/null
+++ b/lib/tigon/codegen/src/main/resources/templates/codegen/mapper.ftl
@@ -0,0 +1,11 @@
+package ${mapperPkg}.mapper;
+
+import ${baseMapperFullName};
+import ${modelPkg}.model.${ModelName};
+
+<#if objDoc?has_content>
+${objDoc}
+</#if>
+public interface ${ModelName}Mapper extends ${baseMapperName}<${idType}, ${ModelName}> {
+
+}
diff --git a/lib/tigon/codegen/src/main/resources/templates/codegen/model.ftl b/lib/tigon/codegen/src/main/resources/templates/codegen/model.ftl
new file mode 100644
index 00000000..940003ba
--- /dev/null
+++ b/lib/tigon/codegen/src/main/resources/templates/codegen/model.ftl
@@ -0,0 +1,35 @@
+package ${modelPkg}.model;
+<#import "/codegen/commons.ftl" as CodeGen>
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.experimental.FieldNameConstants;
+import ${tableAnnotationClassName};
+<#if baseModelFullName?has_content>
+import ${baseModelFullName};
+</#if>
+<#list imports as p>
+import ${p};
+</#list>
+
+<#if objDoc?has_content>
+${objDoc}
+</#if>
+@Getter
+@Setter
+@${tableAnnotationName}("${table}")
+@FieldNameConstants(prefix = "")
+public class ${ModelName} extends ${baseModelName} {
+    private static final long serialVersionUID = 1L;
+<#--
+    // Column Names
+<#list cols as prop>
+    public static final String ${prop.col?upper_case} = "${prop.col}";
+</#list>
+-->
+
+<#list cols as prop>
+	private ${prop.javaType} ${prop.name};
+</#list>
+
+}
diff --git a/lib/tigon/codegen/src/main/resources/templates/codegen/service-impl.ftl b/lib/tigon/codegen/src/main/resources/templates/codegen/service-impl.ftl
new file mode 100644
index 00000000..b37dffa2
--- /dev/null
+++ b/lib/tigon/codegen/src/main/resources/templates/codegen/service-impl.ftl
@@ -0,0 +1,23 @@
+package ${servicePkg}.service.impl;
+
+import org.springframework.stereotype.Service;
+import ${modelPkg}.model.${ModelName};
+import ${mapperPkg}.mapper.${ModelName}Mapper;
+import ${servicePkg}.service.${ModelName}Service;
+import ${formCreatePkg}.form.create.FormCreate${ModelName};
+import ${formUpdatePkg}.form.update.FormUpdate${ModelName};
+import ${baseServiceSupportFullName};
+
+<#if objDoc?has_content>
+${objDoc}
+</#if>
+@Service
+public class ${ModelName}ServiceImpl
+    extends ${baseServiceSupportName}<${idType},
+        ${ModelName},
+        FormCreate${ModelName},
+        FormUpdate${ModelName},
+        ${ModelName}Mapper>
+    implements ${ModelName}Service {
+
+}
diff --git a/lib/tigon/codegen/src/main/resources/templates/codegen/service.ftl b/lib/tigon/codegen/src/main/resources/templates/codegen/service.ftl
new file mode 100644
index 00000000..bb9e5b30
--- /dev/null
+++ b/lib/tigon/codegen/src/main/resources/templates/codegen/service.ftl
@@ -0,0 +1,17 @@
+package ${servicePkg}.service;
+
+import ${modelPkg}.model.${ModelName};
+import ${formCreatePkg}.form.create.FormCreate${ModelName};
+import ${formUpdatePkg}.form.update.FormUpdate${ModelName};
+import ${baseServiceFullName};
+
+<#if objDoc?has_content>
+${objDoc}
+</#if>
+public interface ${ModelName}Service
+    extends ${baseServiceName}<${idType},
+        ${ModelName},
+        FormCreate${ModelName},
+        FormUpdate${ModelName}> {
+
+}
diff --git a/lib/tigon/codegen/src/main/resources/views/index.ftl b/lib/tigon/codegen/src/main/resources/views/index.ftl
new file mode 100644
index 00000000..51847992
--- /dev/null
+++ b/lib/tigon/codegen/src/main/resources/views/index.ftl
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <#include "/extjs-header.ftl" />
+    <script type="text/javascript">
+        /**
+         * @version 1.0
+         * @author Shaun Chyxion <br />
+         * chyxion@163.com <br />
+         * Dec 05, 2014 15:49:16 
+         */
+        Ext.onReady(function() {
+            Ext.QuickTips.init();
+            Ext.create('Ext.Viewport', {
+                layout: 'border',
+                items: [{
+                        xtype: 'box',
+                        region: 'north',
+                        html: '<h1>Tigon Code Gen!</h1>'
+                    },
+                    Ext.create('Tigon.views.CodeGen', {
+                        region: 'center'
+                    })
+                ]
+            });
+            Ext.create('Tigon.views.ThemesBar').show();
+        });
+        var components = ${components};
+    </script>
+    <title>Tigon Code Gen</title>
+</head>
+<body>
+</body>
+</html>
\ No newline at end of file
diff --git a/lib/tigon/codegen/src/test/java/com/wacai/tigon/codegen/test/package-info.java b/lib/tigon/codegen/src/test/java/com/wacai/tigon/codegen/test/package-info.java
new file mode 100644
index 00000000..7126f756
--- /dev/null
+++ b/lib/tigon/codegen/src/test/java/com/wacai/tigon/codegen/test/package-info.java
@@ -0,0 +1,8 @@
+/**
+ * @version 0.0.1
+ * @since 0.0.1
+ * @author chyxion <br>
+ * chyxion@163.com <br>
+ * Oct 18, 2015 1:09:11 PM
+ */
+package com.wacai.tigon.codegen.test;
diff --git a/lib/tigon/common/README.md b/lib/tigon/common/README.md
new file mode 100644
index 00000000..2fe0b960
--- /dev/null
+++ b/lib/tigon/common/README.md
@@ -0,0 +1 @@
+# Tigon Common
diff --git a/lib/tigon/common/pom.xml b/lib/tigon/common/pom.xml
new file mode 100644
index 00000000..2c60b578
--- /dev/null
+++ b/lib/tigon/common/pom.xml
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+     xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+     http://maven.apache.org/xsd/maven-4.0.0.xsd">
+
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>tigon-common</artifactId>
+    <packaging>jar</packaging>
+    <name>Tigon Common</name>
+    <description>Tigon Common</description>
+
+    <parent>
+        <groupId>com.wacai.tigon</groupId>
+        <artifactId>tigon</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>org.apache.commons</groupId>
+            <artifactId>commons-lang3</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.fasterxml.jackson.core</groupId>
+            <artifactId>jackson-databind</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-core</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.mongodb</groupId>
+            <artifactId>bson</artifactId>
+        </dependency>
+        <!--For Form Copy-->
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-beans</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.slf4j</groupId>
+            <artifactId>slf4j-api</artifactId>
+        </dependency>
+        <!-- For Form Validate -->
+        <dependency>
+            <groupId>org.hibernate.validator</groupId>
+            <artifactId>hibernate-validator</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test -->
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.logging.log4j</groupId>
+            <artifactId>log4j-slf4j-impl</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.logging.log4j</groupId>
+            <artifactId>log4j-core</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/tigon/common/src/main/java/com/wacai/tigon/json/JSON.java b/lib/tigon/common/src/main/java/com/wacai/tigon/json/JSON.java
new file mode 100644
index 00000000..b92096e7
--- /dev/null
+++ b/lib/tigon/common/src/main/java/com/wacai/tigon/json/JSON.java
@@ -0,0 +1,81 @@
+package com.wacai.tigon.json;
+
+import java.util.List;
+import java.util.Map;
+
+/**
+ * @author Donghuang <br>
+ * Sep 26, 2019 19:21:14
+ */
+public interface JSON {
+
+    /**
+     * parse json
+     *
+     * @param data json data
+     * @param type result type
+     * @param <T> result type
+     * @return result object
+     */
+    <T> T parse(String data, Class<T> type);
+
+    /**
+     * parse json object
+     *
+     * @param data data
+     * @return map result
+     */
+    Map<String, Object> parseObject(String data);
+
+    /**
+     * parse json array
+     *
+     * @param data json data
+     * @return json array list
+     */
+    List<Map<String, Object>> parseArray(String data);
+
+    /**
+     * parse json array
+     *
+     * @param data json data
+     * @param type array element type
+     * @param <T> element type
+     * @return json array list
+     */
+    <T> List<T> parseArray(String data, Class<T> type);
+
+    /**
+     * object to json string
+     *
+     * @param object object
+     * @return json string
+     */
+    String toJSONString(Object object);
+
+    /**
+     * object to json string
+     *
+     * @param object object
+     * @param pretty pretty format
+     * @return json string
+     */
+    String toJSONString(Object object, boolean pretty);
+
+    /**
+     * Object to map
+     *
+     * @param object object
+     * @return map
+     */
+    Map<String, Object> toMap(Object object);
+
+    /**
+     * convert type
+     * @param obj object
+     * @param type type
+     * @param <T> type
+     * @return convert result
+     */
+    <T> T convert(Object obj, Class<T> type);
+}
diff --git a/lib/tigon/common/src/main/java/com/wacai/tigon/json/impl/JacksonImpl.java b/lib/tigon/common/src/main/java/com/wacai/tigon/json/impl/JacksonImpl.java
new file mode 100644
index 00000000..c9367c70
--- /dev/null
+++ b/lib/tigon/common/src/main/java/com/wacai/tigon/json/impl/JacksonImpl.java
@@ -0,0 +1,104 @@
+package com.wacai.tigon.json.impl;
+
+import java.util.Map;
+import java.util.List;
+import lombok.SneakyThrows;
+import java.util.ArrayList;
+import java.util.Collections;
+import com.wacai.tigon.json.JSON;
+import lombok.RequiredArgsConstructor;
+import com.fasterxml.jackson.databind.JsonNode;
+import com.fasterxml.jackson.databind.ObjectMapper;
+
+/**
+ * @author Donghuang <br>
+ * Sep 26, 2019 19:21:14
+ */
+@RequiredArgsConstructor
+public class JacksonImpl implements JSON {
+    private final ObjectMapper objectMapper;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @SneakyThrows
+    public <T> T parse(final String data, final Class<T> type) {
+        return objectMapper.readValue(data, type);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @SneakyThrows
+    @SuppressWarnings("unchecked")
+    public Map<String, Object> parseObject(final String data) {
+        return objectMapper.readValue(data, Map.class);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @SuppressWarnings({"unchecked"})
+    public List<Map<String, Object>> parseArray(final String data) {
+        return (List) parseArray(data, Map.class);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @SneakyThrows
+    public <T> List<T> parseArray(final String data, final Class<T> type) {
+        final JsonNode jnObj = objectMapper.readTree(data);
+        if (jnObj == null) {
+            return Collections.emptyList();
+        }
+        final List<T> result = new ArrayList<>(16);
+        jnObj.elements().forEachRemaining(it -> result.add(toVal(it, type)));
+        return result;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @SneakyThrows
+    public String toJSONString(final Object object) {
+        return objectMapper.writeValueAsString(object);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @SneakyThrows
+    public String toJSONString(final Object object, final boolean pretty) {
+        return pretty ? objectMapper.writerWithDefaultPrettyPrinter().writeValueAsString(object)
+            : toJSONString(object);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @SuppressWarnings("unchecked")
+    public Map<String, Object> toMap(final Object object) {
+        return objectMapper.convertValue(object, Map.class);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public <T> T convert(final Object obj, final Class<T> type) {
+        return objectMapper.convertValue(obj, type);
+    }
+
+    @SneakyThrows
+    private <T> T toVal(final JsonNode node, final Class<T> type) {
+        return objectMapper.treeToValue(node, type);
+    }
+}
diff --git a/lib/tigon/common/src/main/java/com/wacai/tigon/sequence/IdSequence.java b/lib/tigon/common/src/main/java/com/wacai/tigon/sequence/IdSequence.java
new file mode 100644
index 00000000..32556c82
--- /dev/null
+++ b/lib/tigon/common/src/main/java/com/wacai/tigon/sequence/IdSequence.java
@@ -0,0 +1,14 @@
+package com.wacai.tigon.sequence;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Nov 23, 2016 3:01:53 PM
+ */
+public interface IdSequence {
+    
+    /**
+     * @return id
+     */
+    String get();
+}
diff --git a/lib/tigon/common/src/main/java/com/wacai/tigon/sequence/support/IdSequenceSupport.java b/lib/tigon/common/src/main/java/com/wacai/tigon/sequence/support/IdSequenceSupport.java
new file mode 100644
index 00000000..99e94973
--- /dev/null
+++ b/lib/tigon/common/src/main/java/com/wacai/tigon/sequence/support/IdSequenceSupport.java
@@ -0,0 +1,20 @@
+package com.wacai.tigon.sequence.support;
+
+import org.bson.types.ObjectId;
+import com.wacai.tigon.sequence.IdSequence;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Nov 23, 2016 3:02:32 PM
+ */
+public class IdSequenceSupport implements IdSequence {
+
+    /**
+     * {@inheritDoc} 
+     */
+    @Override
+    public String get() {
+        return ObjectId.get().toHexString();
+    }
+}
diff --git a/lib/tigon/common/src/main/resources/spring/spring-tigon-common.xml b/lib/tigon/common/src/main/resources/spring/spring-tigon-common.xml
new file mode 100644
index 00000000..eb693751
--- /dev/null
+++ b/lib/tigon/common/src/main/resources/spring/spring-tigon-common.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd">
+
+    <bean class="com.wacai.tigon.json.impl.JacksonImpl" />
+    <bean class="com.wacai.tigon.sequence.support.IdSequenceSupport" />
+</beans>
diff --git a/lib/tigon/common/src/test/java/com/wacai/tigon/test/TestDriver.java b/lib/tigon/common/src/test/java/com/wacai/tigon/test/TestDriver.java
new file mode 100644
index 00000000..5c11a6c7
--- /dev/null
+++ b/lib/tigon/common/src/test/java/com/wacai/tigon/test/TestDriver.java
@@ -0,0 +1,18 @@
+package com.wacai.tigon.test;
+
+import org.junit.Test;
+import lombok.extern.slf4j.Slf4j;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * May 13, 2016 10:45:07 AM
+ */
+@Slf4j
+public class TestDriver {
+
+    @Test
+    public void run() {
+        log.info("Run.");
+    }
+}
diff --git a/lib/tigon/common/src/test/resources/log4j2.xml b/lib/tigon/common/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..1b0cccb8
--- /dev/null
+++ b/lib/tigon/common/src/test/resources/log4j2.xml
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+        <Property name="log.dir">.log</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="${pattern}" />
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}-test.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-test-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+        <!-- appender to send mails asynchronously -->
+        <Async name="AsyncFile">
+            <AppenderRef ref="File" />
+        </Async>
+    </Appenders>
+    <Loggers>
+        <Root level="DEBUG" additivity="false">
+            <AppenderRef ref="Console" level="DEBUG" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/tigon/extjs/README.md b/lib/tigon/extjs/README.md
new file mode 100644
index 00000000..4bbf9de2
--- /dev/null
+++ b/lib/tigon/extjs/README.md
@@ -0,0 +1 @@
+# tigon-extjs
diff --git a/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/4.2.1.883/extjs-4.2.1.883.jar b/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/4.2.1.883/extjs-4.2.1.883.jar
new file mode 100644
index 00000000..918e9444
Binary files /dev/null and b/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/4.2.1.883/extjs-4.2.1.883.jar differ
diff --git a/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/4.2.1.883/extjs-4.2.1.883.jar.sha1 b/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/4.2.1.883/extjs-4.2.1.883.jar.sha1
new file mode 100644
index 00000000..1f929e52
--- /dev/null
+++ b/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/4.2.1.883/extjs-4.2.1.883.jar.sha1
@@ -0,0 +1 @@
+46d94f9b2e77fe81c9774dddb4c96228baf2ac7f
diff --git a/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/4.2.1.883/extjs-4.2.1.883.pom b/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/4.2.1.883/extjs-4.2.1.883.pom
new file mode 100644
index 00000000..d002431a
--- /dev/null
+++ b/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/4.2.1.883/extjs-4.2.1.883.pom
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" 
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <groupId>com.sencha.extjs</groupId>
+    <artifactId>extjs</artifactId>
+    <version>4.2.1.883</version>
+    <name>Sencha ExtJS</name>
+    <description>Sencha ExtJS</description>
+    <packaging>jar</packaging>
+</project>
diff --git a/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/4.2.1.883/extjs-4.2.1.883.pom.sha1 b/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/4.2.1.883/extjs-4.2.1.883.pom.sha1
new file mode 100644
index 00000000..8cbdea60
--- /dev/null
+++ b/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/4.2.1.883/extjs-4.2.1.883.pom.sha1
@@ -0,0 +1 @@
+267b9ac958463fd470940ad908f8a50b8e770138
diff --git a/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/maven-metadata-local.xml b/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/maven-metadata-local.xml
new file mode 100644
index 00000000..cf8a1741
--- /dev/null
+++ b/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/maven-metadata-local.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<metadata>
+    <groupId>com.sencha.extjs</groupId>
+    <artifactId>extjs</artifactId>
+    <version>4.2.1.883</version>
+
+    <versioning>
+        <release>4.2.1.883</release>
+        <versions>
+            <version>4.2.1.883</version>
+        </versions>
+        <lastUpdated>20200503111212</lastUpdated>
+    </versioning>
+</metadata>
diff --git a/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/maven-metadata-local.xml.md5 b/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/maven-metadata-local.xml.md5
new file mode 100644
index 00000000..53a6e224
--- /dev/null
+++ b/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/maven-metadata-local.xml.md5
@@ -0,0 +1 @@
+87791c43904f064234ca9ce207ddafef
diff --git a/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/maven-metadata-local.xml.sha1 b/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/maven-metadata-local.xml.sha1
new file mode 100644
index 00000000..6a6cbe6f
--- /dev/null
+++ b/lib/tigon/extjs/local-repo/com/sencha/extjs/extjs/maven-metadata-local.xml.sha1
@@ -0,0 +1 @@
+c26a74fe148ac826ac990036e1fb3a5ed5a34a1f
diff --git a/lib/tigon/extjs/pom.xml b/lib/tigon/extjs/pom.xml
new file mode 100644
index 00000000..299d531b
--- /dev/null
+++ b/lib/tigon/extjs/pom.xml
@@ -0,0 +1,58 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>tigon-extjs</artifactId>
+    <packaging>jar</packaging>
+    <name>Tigon Ext JS</name>
+    <description>Tigon Ext JS</description>
+
+    <parent>
+        <groupId>com.wacai.tigon</groupId>
+        <artifactId>tigon</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.sencha.extjs</groupId>
+            <artifactId>extjs</artifactId>
+            <version>4.2.1.883</version>
+        </dependency>
+    </dependencies>
+
+    <build>
+        <plugins>
+            <plugin>
+                <artifactId>maven-assembly-plugin</artifactId>
+                <version>3.3.0</version>
+                <configuration>
+                    <descriptorRefs>
+                        <descriptorRef>jar-with-dependencies</descriptorRef>
+                    </descriptorRefs>
+                </configuration>
+                <executions>
+                    <execution>
+                        <id>make-assembly</id>
+                        <phase>package</phase>
+                        <goals>
+                            <goal>single</goal>
+                        </goals>
+                    </execution>
+                </executions>
+            </plugin>
+        </plugins>
+    </build>
+
+    <repositories>
+        <repository>
+            <id>extjs-repo</id>
+            <name>ExtJS</name>
+            <url>file://${project.basedir}/local-repo/</url>
+        </repository>
+    </repositories>
+</project>
diff --git a/lib/tigon/extjs/src/main/resources/assets/css/extjs-styles.css b/lib/tigon/extjs/src/main/resources/assets/css/extjs-styles.css
new file mode 100644
index 00000000..2d3de4d9
--- /dev/null
+++ b/lib/tigon/extjs/src/main/resources/assets/css/extjs-styles.css
@@ -0,0 +1,71 @@
+/* message styles */
+#commons-message-div {
+    position: absolute;
+    left: 35%;
+    top: 10px;
+    width: 300px;
+    z-index: 20000;
+}
+#commons-message-div .msg {
+  border-radius: 8px;
+  -moz-border-radius: 8px;
+  border: 1px solid #ccc;
+  margin-top: 2px;
+  font-size: 14px;
+  padding: 10px 15px;
+  color: #555;
+}
+/* normal */
+#commons-message-div .bg-alert {
+    background: #F6F6F6;
+}
+/* warn */
+#commons-message-div .bg-warn {
+    background: #F6F0F0;
+}
+/* header */
+#commons-message-div .msg h3 {
+    margin: 0 0 8px;
+    font-weight: bold;
+    font-size: 15px;
+}
+/* content */
+#commons-message-div .msg p {
+    margin: 0;
+}
+/* end message dlg */
+/* tree icons */
+.x-grid-tree-node-expanded .x-tree-icon-parent {
+    background: url(../images/tree-node-expanded.png) no-repeat center center !important;
+}
+.x-tree-icon-parent {
+    background: url(../images/tree-node.png) no-repeat center center !important;
+}
+.x-grid-row .x-tree-icon-leaf {
+    background-image: url(../images/leaf.png);
+}
+/* end tree icons */
+
+/* custom icons */
+.add {
+    background-image: url(../images/add.gif);
+}
+.edit {
+    background-image: url(../images/edit.png);
+}
+.refresh {
+    background-image: url(../images/reload.png);
+}
+.remove {
+    background-image: url(../images/delete.gif);
+}
+.ok {
+    background-image: url(../images/okay.png);
+}
+.cancel {
+    background-image: url(../images/close.png);
+}
+.save {
+    background-image: url(../images/save.png);
+}
+/* end custom icons */
diff --git a/lib/tigon/extjs/src/main/resources/assets/images/add.gif b/lib/tigon/extjs/src/main/resources/assets/images/add.gif
new file mode 100644
index 00000000..93195256
Binary files /dev/null and b/lib/tigon/extjs/src/main/resources/assets/images/add.gif differ
diff --git a/lib/tigon/extjs/src/main/resources/assets/images/close.png b/lib/tigon/extjs/src/main/resources/assets/images/close.png
new file mode 100644
index 00000000..10994a9c
Binary files /dev/null and b/lib/tigon/extjs/src/main/resources/assets/images/close.png differ
diff --git a/lib/tigon/extjs/src/main/resources/assets/images/delete.gif b/lib/tigon/extjs/src/main/resources/assets/images/delete.gif
new file mode 100644
index 00000000..5e2a3b14
Binary files /dev/null and b/lib/tigon/extjs/src/main/resources/assets/images/delete.gif differ
diff --git a/lib/tigon/extjs/src/main/resources/assets/images/edit.png b/lib/tigon/extjs/src/main/resources/assets/images/edit.png
new file mode 100644
index 00000000..8feb7139
Binary files /dev/null and b/lib/tigon/extjs/src/main/resources/assets/images/edit.png differ
diff --git a/lib/tigon/extjs/src/main/resources/assets/images/leaf.png b/lib/tigon/extjs/src/main/resources/assets/images/leaf.png
new file mode 100644
index 00000000..b0167d2f
Binary files /dev/null and b/lib/tigon/extjs/src/main/resources/assets/images/leaf.png differ
diff --git a/lib/tigon/extjs/src/main/resources/assets/images/loading.gif b/lib/tigon/extjs/src/main/resources/assets/images/loading.gif
new file mode 100644
index 00000000..e846e1d6
Binary files /dev/null and b/lib/tigon/extjs/src/main/resources/assets/images/loading.gif differ
diff --git a/lib/tigon/extjs/src/main/resources/assets/images/okay.png b/lib/tigon/extjs/src/main/resources/assets/images/okay.png
new file mode 100644
index 00000000..8aacb307
Binary files /dev/null and b/lib/tigon/extjs/src/main/resources/assets/images/okay.png differ
diff --git a/lib/tigon/extjs/src/main/resources/assets/images/reload.png b/lib/tigon/extjs/src/main/resources/assets/images/reload.png
new file mode 100644
index 00000000..f2e7e67b
Binary files /dev/null and b/lib/tigon/extjs/src/main/resources/assets/images/reload.png differ
diff --git a/lib/tigon/extjs/src/main/resources/assets/images/save.png b/lib/tigon/extjs/src/main/resources/assets/images/save.png
new file mode 100644
index 00000000..4459fe31
Binary files /dev/null and b/lib/tigon/extjs/src/main/resources/assets/images/save.png differ
diff --git a/lib/tigon/extjs/src/main/resources/assets/images/tree-node-expanded.png b/lib/tigon/extjs/src/main/resources/assets/images/tree-node-expanded.png
new file mode 100644
index 00000000..659e7a5f
Binary files /dev/null and b/lib/tigon/extjs/src/main/resources/assets/images/tree-node-expanded.png differ
diff --git a/lib/tigon/extjs/src/main/resources/assets/images/tree-node.png b/lib/tigon/extjs/src/main/resources/assets/images/tree-node.png
new file mode 100644
index 00000000..40bc26e8
Binary files /dev/null and b/lib/tigon/extjs/src/main/resources/assets/images/tree-node.png differ
diff --git a/lib/tigon/extjs/src/main/resources/assets/js/extjs-commons.js b/lib/tigon/extjs/src/main/resources/assets/js/extjs-commons.js
new file mode 100644
index 00000000..c180fd8a
--- /dev/null
+++ b/lib/tigon/extjs/src/main/resources/assets/js/extjs-commons.js
@@ -0,0 +1,634 @@
+/**
+ * @version 0.0.2
+ * @since 0.0.1
+ * @author Shaun Chyxion
+ * date created: 9/11/2012 9:49:18
+ * support: chyxion@163.com
+ * date modified: Nov 03, 2014 11:50:07
+ */
+
+var JSON;
+JSON || (JSON = {
+    // JSON.stringify(obj); // obj -> str
+    stringify: Ext.JSON.encode,
+    // JSON.parse(str); // str -> obj
+    parse: Ext.JSON.decode
+});
+/**
+ * URL params tool:
+ * http://foobar.net/foo.html?bar=1&foobar=xyz
+ * ->
+ * params.base_path == 'http://foobar.net/'
+ * params.bar == '1'
+ * params.foobar == 'xyz'
+ */
+(function() {
+    var w = window,
+        l = w.location;
+    w.console || (w.console = {log: function(){}, error: function(msg){
+        alert(JSON.stringify(msg));
+    }});
+    w.params = {
+        base_path: window.__base_path__ =
+            l.protocol + '//' + l.host + '/' +
+            l.pathname.split('/')[1] + '/'
+    };
+    // find params in url
+    l.search.replace(/([^\?=\&]+)(=([^\&]*))?/g,
+        function($0, $1, $2, $3){
+            window.params[$1] = $3;
+        }); // end of replace
+})(); // end
+
+/**
+ * Ext Dialog
+ */
+var Dialog = {
+    /**
+     * @param {String} msg 
+     * @param {Function} fn
+     */
+    alert: function(msg, fn) {
+        Ext.MessageBox.show({
+            title: 'Alert',
+            msg: msg,
+            autoWidth : true,
+            minWidth : 200,
+            maxWidth : 500,
+            buttons : Ext.MessageBox.OK,
+            icon : Ext.MessageBox.INFO,
+            fn: fn
+        });
+    },
+    /**
+     * @param {String} msg
+     * @param {Function} fn
+     */
+    warn: function(msg, fn) {
+        Ext.MessageBox.show({
+            title : 'Warn',
+            msg : msg,
+            autoWidth : true,
+            minWidth : 200,
+            maxWidth : 500,
+            buttons : Ext.MessageBox.OK,
+            icon : Ext.MessageBox.WARNING,
+            fn: fn
+        });
+    },
+    /**
+     * @param {String} msg
+     * @param {Function} fn_ok
+     * @param {Function} fn_no
+     */
+    confirm: function(msg, fn_ok, fn_no) {
+        Ext.MessageBox.confirm('Alert', msg || 'Are You Sure?', function(btn) {
+            if (btn == 'yes') {
+                fn_ok && fn_ok();
+            }
+            else {
+                fn_no && fn_no();
+            }
+        });
+    },
+    ync: function(msg, fn_y, fn_n, fn_c) {
+        Ext.MessageBox.show({
+            title: 'Alert',
+            msg: msg || 'Are You Sure?',
+            buttons: Ext.MessageBox.YESNOCANCEL,
+            fn: function(btn) {
+                if (btn == 'yes') {
+                    fn_y && fn_y();
+                }
+                else if (btn == 'no') {
+                    fn_n && fn_n();
+                }
+                else {
+                    fn_c && fn_c();
+                }
+            },
+            icon: Ext.MessageBox.QUESTION
+        });
+    },
+    /**
+     * @param {String} title
+     * @param {String} msg
+     * @param {Function} fn_ok
+     * @param {Function} fn_no
+     */
+    prompt: function(title, msg, fn_ok, fn_no) {
+        Ext.MessageBox.prompt(title, msg, function(btn, text) {
+            if (btn == 'ok') {
+                fn_ok && fn_ok(text);
+            }
+            else {
+                fn_no && fn_no();
+            }
+        });
+    },
+    error: function(msg) {
+        Ext.MessageBox.show({
+            title : 'Error',
+            msg : msg || 'Error Caused.',
+            autoWidth : true,
+            minWidth : 200,
+            maxWidth : 500,
+            buttons : Ext.MessageBox.OK,
+            icon : Ext.MessageBox.ERROR
+        });
+    },
+    success : function(msg) {
+        Ext.MessageBox.show({
+            title: 'Success',
+            msg: msg || 'Success!',
+            autoWidth: true,
+            minWidth: 200,
+            maxWidth: 500,
+            buttons: Ext.MessageBox.OK,
+            icon: Ext.MessageBox.INFO
+        });
+    },
+    fail : function(msg) {
+        Ext.MessageBox.show( {
+            title: 'Fail',
+            msg: msg || 'Operate Failed.',
+            autoWidth: true,
+            minWidth: 200,
+            maxWidth: 500,
+            buttons: Ext.MessageBox.OK,
+            icon: Ext.MessageBox.ERROR
+        });
+    },
+    waiting : function(msg) {
+        Ext.MessageBox.show( {
+            title : 'Waiting...',
+            msg : msg || 'Please Wait...',
+            width : 300,
+            wait : true,
+            waitConfig : {
+                interval : 200
+            },
+            animEl : 'mb7'
+        });
+    },
+    saving : function(msg) {
+        Ext.MessageBox.show( {
+            title: 'Save...',
+            msg: msg || 'Saving, Please Wait...',
+            width: 300,
+            wait: true,
+            waitConfig: {
+                interval: 200
+            },
+            icon: 'ext-mb-download',
+            animEl: 'mb7'
+        });
+    },
+    loading : function(msg) {
+        Ext.MessageBox.show( {
+            title: 'Loading...',
+            msg: msg || 'Loading, Please Wait...',
+            width: 300,
+            wait: true,
+            icon: 'loading',
+            waitConfig: {
+                interval : 80
+            },
+            animEl : 'mb7'
+        });
+    },
+    /**
+     * hide dialog
+     */
+    hide: function() {
+        Ext.MessageBox.hide();
+    }
+},
+/**
+ * Message box
+ */
+Message = {
+    alert: function(title, msg) {
+        if (!msg) {
+            msg = title;
+            title = null;
+        }
+        this._msg(title, msg, 'bg-alert');
+    },
+    warn: function(title, msg) {
+        if (!msg) {
+            msg = title;
+            title = null;
+        }
+        this._msg(title, msg, 'bg-warn');
+    },
+    _create_box: function(title, msg, cls) { 
+    	var c = ['<div class="msg ', cls, '">'];
+    	if (title) {
+    		c = c.concat(['<h3>', title, '</h3>'])
+    	}
+    	return c.concat(['<p>', msg, '</p></div>']).join('');
+     },
+    _msg: function(t, msg, type) {
+        var me = this,
+        // message div
+        msg_div = Ext.get('commons-message-div') || 
+        Ext.DomHelper.insertFirst(document.body, 
+                {id: 'commons-message-div', style: 'z-index: 30240'});
+        Ext.DomHelper.append(msg_div,
+                me._create_box(t, msg, type), true)
+            .hide()
+            .slideIn('t')
+            .ghost('t', {delay: 1500, remove: true});
+    }
+},
+/**
+ * Ajax
+ * get:
+ * Ajax.get('this/is/a/url', function(data){
+ *  console.log(data.users);
+ * });
+ * Ajax.get('this/is/a/url', {
+ *    user_id: '2008110101'
+ *  }, function(user){
+ *    console.log(user.name);
+ * });
+ * post:
+ * Ajax.post('this/is/a/url', {
+ *    user: {
+ *        name: 'chyxion',
+ *        id: '2008110101'
+ *      };
+ *  }, function(){
+ *    Dialog.alert('保存成功!');
+ * });
+ * Ajax.post(form, function(){
+ *    Dialog.alert('保存成功!');
+ * });
+ */
+Ajax = {
+    /**
+     * private
+     */
+    _request: function(p) {
+        // loading mask
+        var me = this, lm;
+
+        if (p.loadmask) {
+            lm = Utils.loadmask(p.loadmask);
+            lm.show();
+        }
+
+        p.before_load && p.before_load(); // 请求前回调
+        // if not string, convert to json string
+        if (p.params && !Ext.isFunction(p.params)) {
+            var a, v;
+            for (a in p.params) {
+                v = p.params[a];
+                Ext.isString(v) || (p.params[a] = JSON.stringify(v));
+            }
+        }
+        else if (p.params && Ext.isFunction(p.params)) {
+            p.params = p.params();
+        }
+        p.params || (p.params = {});
+        // add _ajax param
+        if (p.method != 'GET') {
+            p.params._ajax = 1;
+        }
+        p.params._method = p.method;
+        Ext.Ajax.request({
+            method: p.method == 'GET' ? 'GET' : 'POST',
+            url: p.url,
+            params: p.params,
+            disableCachingParam: '_ajax',
+            disableCaching: true,
+            success: function(r, opt) {
+                p.loadmask && top.Ext.destroy(lm);
+                if (p.post_request) {
+                    if (p.post_request(r)) {
+                        return;
+                    }
+                }
+                try {
+                    r = JSON.parse(r.responseText);
+                }
+                catch (e) {
+                    // json parse exception
+                    Dialog.warn(r.responseText + ' is not valid JSON.');
+                    return false;
+                }
+                if (me.default_callback) {
+                    if (me.default_callback(r)) {
+                        return;
+                    }
+                } 
+                if (r.success) {
+                    // success callback equals false, return
+                    if (p.fn_s === false) return;
+                    Ext.isFunction(p.fn_s) ? p.fn_s(r.data, r) : Message.alert(r.data || 'Load Success.');
+                }
+                else {
+                    if (p.fn_f === false) return;
+                    Ext.isFunction(p.fn_f) ? p.fn_f(r.errmsg, r) : 
+                    Dialog.warn(r.errmsg || 
+                    	'Error Caused.');
+                }
+            },
+            failure : function(r, opt) {
+                p.loadmask && top.Ext.destroy(lm);
+                console.log('ERROR: Ajax Request Error.', r, opt);
+                if (me.default_callback) {
+                    if (me.default_callback(r, r)) {
+                        return;
+                    }
+                } 
+                p.post_request && p.post_request(r);
+            }
+        });
+    },
+    /**
+     * {
+     *      [lm], [url], [form], [params], [fn_s], [fn_f]
+     * }
+     */
+    _process_request: function(args, method) {
+        var me = this;
+        if (args && args.length) {
+            // args to array
+            args = Array.prototype.slice.call(args);
+            var lm = args.shift(), // loadmask
+                url,
+                form,
+                p,
+                fn_s,
+                fn_f;
+            // loadmask
+            if (Ext.isBoolean(lm)) {
+                url = args.shift();
+            }
+            else {
+                url = lm;
+                // default loadmask
+                lm = true; 
+            }
+            // default loadmask
+            lm && (lm = 'Loading...');
+            // no url
+            if (me._is_form(url)) {
+                form = url;
+                url = null;
+            }
+            else {
+                form = args.shift();
+                // not form found
+                if (!me._is_form(form)) {
+                    args.unshift(form);
+                    form = null;
+                }
+            }
+            me._parse_params_and_callbacks(args);
+            // params
+            p = args.shift();
+            // callbacks
+            fn_s = args.shift();
+            fn_f = args.shift();
+            // Form Submit
+            if (form) {
+                form.getForm && (form = form.getForm());
+                //form.isValid() &&
+                form.submit({
+                    clientValidation: true,
+                    method: method == 'GET' ? 'GET' : 'POST',
+                    url: url,
+                    params: Ext.merge({
+                        _method: method,
+                    }, p),
+                    submitEmptyText: false,
+                    waitMsg: lm || null,
+                    success: function(form, action) {
+                        fn_s ? fn_s(action.result, form, action) : 
+                            Message.alert('Submit Success.');
+                    },
+                    failure: function(form, action) {
+                        console.log('Form Submit ERROR.', form, action);
+                        var result = action.result; 
+                        fn_f ? fn_f(result, form, action) :
+                            Dialog.alert('Error Caused, Message [' + 
+                            	result.errmsg + 
+                            	'], Error Code [' + 
+                            	result.errcode + '].');
+                    }
+                });
+            }
+            // Ajax Request
+            else {
+                me._request({
+                    loadmask: lm,
+                    method: method || 'GET',
+                    url: url,
+                    params: p,
+                    fn_s: fn_s,
+                    fn_f: fn_f
+                });
+            }
+        }
+    },
+    _parse_params_and_callbacks: function(args) {
+        // has callbacks
+        if (Ext.isFunction(args[1]) && Ext.isFunction(args[2])) {
+            Ext.isFunction(args[0]) && (args[0] = args[0]());
+        }
+        // no params, params is success callback
+        else if (Ext.isFunction(args[0])) {
+            args[2] = args[1];
+            args[1] = args[0];
+            args[0] = null;
+        }
+    },
+    _is_form: function(f) {
+        return Ext.Array.contains(
+            ['Ext.form.Panel', 'Ext.form.Basic'], 
+            Ext.getClassName(f));
+    },
+    /**
+     *  Ajax.get('url.get',
+     *     {id: 001, name: 'foo'},
+     *     function(data) {
+     *       // success
+     *     }, function(msg) {
+     *       // fail
+     *     });
+     *     no params
+     *  Ajax.get('url.get',
+     *     function(data) {
+     *       // success
+     *     }, function(msg){
+     *       // fail
+     *     });
+     * @param {Boolean} [loadmask], option
+     * @param {String} url
+     * @param {Object} [params]
+     * @param {Function} [fn_s]
+     * @param {Function} [fn_f]
+     */
+    get: function() {
+        this._process_request(arguments, 'GET');
+    },
+    /**
+     * @see #get
+     */
+    post: function() {
+        this._process_request(arguments, 'POST');
+    },
+    /**
+     * @see #get
+     */
+    put: function() {
+        this._process_request(arguments, 'PUT');
+    },
+    /**
+     * @see #get
+     */
+    del: function() {
+        this._process_request(arguments, 'DELETE');
+    },
+    download: function(url, params) {
+    	var di_id = '__download_iframe__',
+    	di = Ext.get(di_id);
+    	if (!di) {
+    		di = Ext.DomHelper.append(document.body, {
+    			tag: 'iframe',
+    			id: di_id,
+    			name: di_id,
+    			width: 0,
+    			height: 0,
+    			style: 'display: none',
+    			src: 'about:blank',
+    		}, true);
+    	}
+    	di.set({src: params ? url + '?' + Ext.Object.toQueryString(params) : url});
+    },
+    load_script: function(url, fn_s, fn_f) {
+        Ext.Loader.loadScript({
+            url: url,
+            onLoad: fn_s,
+            onError: fn_f || function() {Dialog.warn('Load Script Fail.')}
+        });
+    }
+},
+Utils = {
+    date_renderer: function(fmt) {
+        return Ext.util.Format.dateRenderer(fmt || 'Y-m-d H:i:s');
+    },
+    cell_qt_renderer: function (v, md) {
+        var e = Ext.String.htmlEncode;
+        md.tdAttr = 'data-qtip="' + e(e(v)) + '"';
+        return e(v);
+    },
+    page_size: 15,
+    date_column_width: 136,
+    loadmask: function (msg) { // 返回loading mask
+        return new top.Ext.LoadMask(top.Ext.getBody(), {msg: msg || 'Loading...'});
+    },
+    is_ext_view: function (view) {
+        return /^(\w+\.)+\w+$/.test(view);
+    },
+    /**
+     * a=1,b=2 --> {a: 1, b: 2}
+     */
+    parse_args: function (args) {
+        var r;
+        if (Ext.isString(args)) {
+            r = {};
+            // remove blank char
+            args = args.replace(/\s+/g, '');
+            args.replace(/([^,=]+)(=([^,]+))?/g, function($0, $1, $2, $3) {
+                    r[$1] = $3;
+                }); // end of replace
+        }
+        else if (Ext.isObject(args)) {
+            r = args;
+        }
+        return r;
+    }
+},
+Store = {
+    create: function (s) {
+        var me = this,
+        s_config = { // store config
+            autoLoad: s.auto_load === undefined ? true : s.auto_load,
+            store: 'json',
+            pageSize: 50,
+            proxy: me.ajax_proxy(s),
+            listeners: me.listeners()
+        };
+        return Ext.create('Ext.data.Store', Ext.merge(s_config, s));
+    },
+    ajax_proxy: function (s) {
+        var me = this;
+        return {
+            type: 'ajax',
+            cacheString: '__ajax',
+            url: s.url,
+            extraParams: s.params || s.extraParams,
+            actionMethods: {
+                read: s.method || 'GET'
+            },
+            reader: {
+                type: 'json',
+                root: 'data',
+                idProperty: s.id_property || s.idProperty,
+                totalProperty: 'total'
+            },
+            listeners: {
+                exception: function (proxy, op) { // Store Load Exception
+                    console.log('Store Load Exception.', op);
+                    try {
+                        if (op.responseText) {
+                            me.default_callback ? me.default_callback(
+                                    JSON.parse(op.responseText), op.responseText) :
+                                Dialog.alert('Store Load Error: ' + op.responseText);
+                        }
+                        else {
+                            Dialog.alert('Store Load Exception Caused.');
+                        }
+                    } 
+                    catch (e) {
+                        op.responseText &&
+                            Dialog.alert(op.responseText || 
+                                'Store Load Exception Caused.');
+                    }
+                }
+            }
+        };
+    },
+    listeners: function () {
+        return {
+            beforeload: function (s) {
+                var p = s.getProxy().extraParams, i;
+                if (p) {
+                    for (i in p) {
+                        p[i] != null &&
+                            !Ext.isString(p[i]) &&
+                            (p[i] = JSON.stringify(p[i]));
+                    }
+                }
+            }
+        };
+    },
+    tree: function (s) { // tree store
+        var me = this,
+        ts = {
+            store: 'tree',
+            proxy: me.ajax_proxy(s),
+            listeners: me.listeners(),
+            root: Ext.merge({
+                expanded: true,
+                id: s.root_id || 'root',
+                text: s.root_text || 'root'
+            }, s.root)
+        };
+        return Ext.merge(ts, s);
+    }
+};
diff --git a/lib/tigon/extjs/src/main/resources/assets/js/views/Grid.js b/lib/tigon/extjs/src/main/resources/assets/js/views/Grid.js
new file mode 100644
index 00000000..2e914af7
--- /dev/null
+++ b/lib/tigon/extjs/src/main/resources/assets/js/views/Grid.js
@@ -0,0 +1,42 @@
+/**
+ * Common grid
+ * @version 0.0.2
+ * @since 0.0.1
+ * @author Shaun Chyxion <br />
+ * chyxion@163.com <br />
+ * 3/19/2013 10:27:17 
+ */
+Ext.define('Tigon.views.Grid', {
+    extend:'Ext.grid.Panel',
+    alias: 'widget.sgrid',
+    columnLines: true,
+    loadMask: true,
+    required: '<span style="color:red;font-weight:bold" data-qtip="Required">*</span>',
+    selModel: {  // multiple selection
+        mode: 'MULTI',
+        allowDeselect: true
+    },
+    initComponent: function() {
+        var me = this;
+          // store
+          me.store = me.get_store();
+          if (me.paging_bar) {
+        	  me.bbar = Ext.create('Ext.toolbar.Paging', {
+                  store: me.store,
+                  displayInfo: true,
+                  displayMsg: 'Displaying topics {0} - {1} of {2}',
+                  emptyMsg: "No topics to display",
+        	  });
+          }
+          me.callParent();
+    },
+    get_store: function() { // create store，private
+        var me = this, s;
+        if (!me._store) {
+        	s = me.store || me.build_store();
+        	me.paging && me.page_size && (s.pageSize = me.page_size);
+        	me._store = s.isStore ?  s : Ext.create('Ext.data.Store', s);
+        }
+        return me._store;
+    }
+});
diff --git a/lib/tigon/extjs/src/main/resources/assets/js/views/ThemesBar.js b/lib/tigon/extjs/src/main/resources/assets/js/views/ThemesBar.js
new file mode 100644
index 00000000..4cc6caa1
--- /dev/null
+++ b/lib/tigon/extjs/src/main/resources/assets/js/views/ThemesBar.js
@@ -0,0 +1,75 @@
+/**
+ * @version 0.0.2
+ * @since 0.0.1
+ * @author Shaun Chyxion <br />
+ * chyxion@163.com <br />
+ * Dec 17, 2014 13:34:42
+ */
+Ext.define('Tigon.views.ThemesBar', {
+    show: function() {
+        // toolbar
+        setTimeout(function() {
+            var toolbar = Ext.widget({
+                xtype: 'toolbar',
+                border: true,
+                rtl: false,
+                floating: true,
+                fixed: true,
+                preventFocusOnActivate: true,
+                draggable: {
+                    constrain: true
+                },
+                items: [{
+                    xtype: 'combo',
+                    rtl: false,
+                    width: 170,
+                    labelWidth: 45,
+                    fieldLabel: 'Theme',
+                    labelStyle: 'cursor:move;',
+                    margin: '0 5 0 0',
+                    store: [
+                        ['classic', 'classic'],
+                        ['gray', 'gray'],
+                        ['neptune', 'neptune']
+                    ].concat(Ext.isArray(Ext.THEMES) ? Ext.THEMES : []),
+                    value: params.theme || 
+                    	Ext.get('extjs_theme_styles')
+                    		.getAttribute('href')
+                    		.match(/\/themes\/([^/]+)\/styles\.css$/)[1],
+                    listeners: {
+                        change: function(cb, nv) {
+                        	location.search = Ext.Object.toQueryString(
+                        		Ext.apply(Ext.Object.fromQueryString(
+                        			location.search), {theme: nv}));
+                        }
+                    }
+                }, {
+                    xtype: 'tool',
+                    type: 'close',
+                    rtl: false,
+                    handler: function() {
+                        this.up('toolbar').destroy();
+                    }
+                }],
+                // Extra constraint margins within default constrain region of parentNode
+                constraintInsets: '0 -' + (Ext.getScrollbarSize().width + 4) + ' 0 0'
+            });
+            toolbar.show();
+            toolbar.alignTo(
+                document.body,
+                Ext.optionsToolbarAlign || 'tr-tr',
+                [(Ext.getScrollbarSize().width + 4) * (Ext.rootHierarchyState.rtl ? 1 : -1),
+                    -(document.body.scrollTop || document.documentElement.scrollTop)]
+            );
+            
+            var constrainer = function() {
+                toolbar.doConstrain();
+            };
+            
+            Ext.EventManager.onWindowResize(constrainer);
+            toolbar.on('destroy', function() { 
+                Ext.EventManager.removeResizeListener(constrainer);
+            });
+        }, 100);
+    }
+});
diff --git a/lib/tigon/extjs/src/main/resources/views/extjs-header.ftl b/lib/tigon/extjs/src/main/resources/views/extjs-header.ftl
new file mode 100644
index 00000000..d1bca486
--- /dev/null
+++ b/lib/tigon/extjs/src/main/resources/views/extjs-header.ftl
@@ -0,0 +1,18 @@
+<base href="${__BASE_PATH__!'/'}">
+<meta charset="UTF-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge" />
+<link id="extjs_theme_styles" rel="stylesheet" href="assets/extjs/themes/${RequestParameters.theme!'classic'}/styles.css" />
+<link rel="stylesheet" href="assets/css/extjs-styles.css" />
+<script src="assets/extjs/ext-all${[true, 'true', '1']?seq_contains(RequestParameters.debug!false)?string('-debug', '')}.js"></script>
+<script type="text/javascript">
+    Ext.Loader.setConfig({
+        enabled: true, 
+        paths: {
+            'Ext.ux': 'assets/extjs/ux',
+            'Tigon': 'assets/js',
+            'App': 'assets/js'
+        }
+    });
+    Ext.BLANK_IMAGE_URL = 'assets/extjs/s.gif';
+</script>
+<script src="assets/js/extjs-commons.js"></script>
\ No newline at end of file
diff --git a/lib/tigon/model/README.md b/lib/tigon/model/README.md
new file mode 100644
index 00000000..6ea7b452
--- /dev/null
+++ b/lib/tigon/model/README.md
@@ -0,0 +1 @@
+#tigon-base-model
diff --git a/lib/tigon/model/pom.xml b/lib/tigon/model/pom.xml
new file mode 100644
index 00000000..936dfd98
--- /dev/null
+++ b/lib/tigon/model/pom.xml
@@ -0,0 +1,70 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+     xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+     xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+     http://maven.apache.org/xsd/maven-4.0.0.xsd">
+
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>tigon-model</artifactId>
+    <packaging>jar</packaging>
+    <name>Tigon Model</name>
+    <description>Tigon Model</description>
+
+    <parent>
+        <groupId>com.wacai.tigon</groupId>
+        <artifactId>tigon</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>org.apache.commons</groupId>
+            <artifactId>commons-lang3</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.fasterxml.jackson.core</groupId>
+            <artifactId>jackson-databind</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-core</artifactId>
+        </dependency>
+        <!--For Form Copy-->
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-beans</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.slf4j</groupId>
+            <artifactId>slf4j-api</artifactId>
+        </dependency>
+        <!-- For Form Validate -->
+        <dependency>
+            <groupId>org.hibernate.validator</groupId>
+            <artifactId>hibernate-validator</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test -->
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.logging.log4j</groupId>
+            <artifactId>log4j-slf4j-impl</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.logging.log4j</groupId>
+            <artifactId>log4j-core</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/exception/BaseException.java b/lib/tigon/model/src/main/java/com/wacai/tigon/exception/BaseException.java
new file mode 100644
index 00000000..952e45f9
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/exception/BaseException.java
@@ -0,0 +1,55 @@
+package com.wacai.tigon.exception;
+
+import static org.slf4j.helpers.MessageFormatter.arrayFormat;
+
+/**
+ * Base Exception, Error Code 5000
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 9, 2016 10:04:10 AM
+ */
+public class BaseException
+    extends RuntimeException 
+    implements ErrorCoded<Object> {
+    private static final long serialVersionUID = 1L;
+    public static final int CODE = 5000;
+    protected Object code = CODE;
+    
+    public BaseException() {
+    }
+
+    public BaseException(Object code) {
+        this.code = code;
+    }
+    
+    public BaseException(Object code, Throwable e) {
+        super(e);
+        this.code = code;
+    }
+
+    public BaseException(Object code, String message, Object ... args) {
+        this(message, args);
+        this.code = code;
+    }
+
+    public BaseException(String message, Object ... args) {
+        super(arrayFormat(message, args).getMessage(), 
+            arrayFormat(null, args).getThrowable());
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Object getCode() {
+        return code;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void setCode(Object code) {
+        this.code = code;
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/exception/ErrorCoded.java b/lib/tigon/model/src/main/java/com/wacai/tigon/exception/ErrorCoded.java
new file mode 100644
index 00000000..3b3f5708
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/exception/ErrorCoded.java
@@ -0,0 +1,19 @@
+package com.wacai.tigon.exception;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 8, 2016 5:54:52 PM
+ */
+public interface ErrorCoded<T> {
+    
+    /**
+     * @return error code
+     */
+    T getCode();
+    
+    /**
+     * @param code error code
+     */
+    void setCode(T code);
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/exception/InvalidParamException.java b/lib/tigon/model/src/main/java/com/wacai/tigon/exception/InvalidParamException.java
new file mode 100644
index 00000000..f98303f7
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/exception/InvalidParamException.java
@@ -0,0 +1,16 @@
+package com.wacai.tigon.exception;
+
+/**
+ * Invalid Param Exception, Error Code 4001
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 26, 2015 12:13:52 PM
+ */
+public class InvalidParamException extends BaseException {
+    private static final long serialVersionUID = 1L;
+    public static final int CODE = 4001;
+
+    public InvalidParamException(String message, Object ... args) {
+        super(CODE, message, args);
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/exception/InvalidStateException.java b/lib/tigon/model/src/main/java/com/wacai/tigon/exception/InvalidStateException.java
new file mode 100644
index 00000000..0bb9aa5f
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/exception/InvalidStateException.java
@@ -0,0 +1,16 @@
+package com.wacai.tigon.exception;
+
+/**
+ * Invalid State Exception, Error Code 4002
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 9, 2016 10:05:29 AM
+ */
+public class InvalidStateException extends BaseException {
+    private static final long serialVersionUID = 1L;
+    public static final int CODE = 4002;
+
+    public InvalidStateException(String message, Object ... args) {
+        super(CODE, message, args);
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/form/BaseForm.java b/lib/tigon/model/src/main/java/com/wacai/tigon/form/BaseForm.java
new file mode 100644
index 00000000..058f1a46
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/form/BaseForm.java
@@ -0,0 +1,81 @@
+package com.wacai.tigon.form;
+
+import java.util.Map;
+import java.util.HashMap;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.builder.ToStringBuilder;
+import org.springframework.beans.BeanUtils;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 8, 2016 5:27:20 PM
+ */
+@Slf4j
+public class BaseForm implements BaseFormApi {
+    private static final long serialVersionUID = 1L;
+    private Map<String, Object> attrs;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public <T> void attr(final String name, final T value) {
+        if (attrs == null) {
+            attrs = new HashMap<>(16);
+        }
+        attrs.put(name, value);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @SuppressWarnings("unchecked")
+    public <T> T attr(final String name) {
+        return attrs != null ? (T) attrs.get(name) : null;
+    }
+
+    /**
+     * copy to class
+     * @param clazz copy to class
+     * @return copy result
+     */
+    @Override
+    public <T> T copy(Class<T> clazz) {
+        log.debug("Copy form [{}] to class [{}].", this, clazz);
+        try {
+            return copy(clazz.newInstance());
+        }
+        catch (Exception e) {
+            throw new IllegalStateException(
+                "Create [" + clazz + "] Object Error Caused", e);
+        }
+    }
+
+    /**
+     * copy to object
+     * @param obj copy to object
+     * @return copy result
+     */
+    @Override
+    public <T> T copy(T obj) {
+        try {
+            log.debug("Copy form [{}] to [{}].", this, obj);
+            BeanUtils.copyProperties(this, obj);
+            return obj;
+        }
+        catch (Exception e) {
+            throw new IllegalStateException(
+                "Copy [" + this + "] error caused", e);
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String toString() {
+        return ToStringBuilder.reflectionToString(this);
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/form/BaseFormApi.java b/lib/tigon/model/src/main/java/com/wacai/tigon/form/BaseFormApi.java
new file mode 100644
index 00000000..d2dc8caa
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/form/BaseFormApi.java
@@ -0,0 +1,42 @@
+package com.wacai.tigon.form;
+
+import java.io.Serializable;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 8, 2016 5:25:13 PM
+ */
+public interface BaseFormApi extends Serializable {
+
+    /**
+     * set attr
+     * @param name name
+     * @param value value
+     * @param <T> attr type
+     */
+    <T> void attr(String name, T value);
+
+    /**
+     * get attr
+     * @param name name
+     * @param <T> attr type
+     * @return attr value
+     */
+    <T> T attr(String name);
+
+    /**
+     * copy to class
+     * @param clazz to class
+     * @param <T> to class type
+     * @return copy result
+     */
+    <T> T copy(Class<T> clazz); 
+
+    /**
+     * @param obj copy to object
+     * @param <T> to class type
+     * @return copy result
+     */
+    <T> T copy(T obj); 
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/form/FC0.java b/lib/tigon/model/src/main/java/com/wacai/tigon/form/FC0.java
new file mode 100644
index 00000000..9afbd375
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/form/FC0.java
@@ -0,0 +1,12 @@
+package com.wacai.tigon.form;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 8, 2016 6:26:19 PM
+ */
+public class FC0 extends BaseForm 
+    implements FormCreateApi {
+    private static final long serialVersionUID = 1L;
+}
+
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/form/FU0.java b/lib/tigon/model/src/main/java/com/wacai/tigon/form/FU0.java
new file mode 100644
index 00000000..d37b9416
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/form/FU0.java
@@ -0,0 +1,22 @@
+package com.wacai.tigon.form;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.validation.annotation.NotNullOrBlank;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 8, 2016 6:26:36 PM
+ */
+@Getter
+@Setter
+public class FU0<Id> 
+    extends BaseForm 
+    implements FormUpdateApi<Id> {
+
+    private static final long serialVersionUID = 1L;
+
+    @NotNullOrBlank
+    protected Id id;
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/form/FormCreateApi.java b/lib/tigon/model/src/main/java/com/wacai/tigon/form/FormCreateApi.java
new file mode 100644
index 00000000..54e239df
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/form/FormCreateApi.java
@@ -0,0 +1,10 @@
+package com.wacai.tigon.form;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 8, 2016 6:23:41 PM
+ */
+public interface FormCreateApi extends BaseFormApi {
+
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/form/FormList.java b/lib/tigon/model/src/main/java/com/wacai/tigon/form/FormList.java
new file mode 100644
index 00000000..ef82e1a6
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/form/FormList.java
@@ -0,0 +1,39 @@
+package com.wacai.tigon.form;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.ToString;
+import javax.validation.constraints.Max;
+import javax.validation.constraints.Min;
+import com.wacai.tigon.format.annotation.Trim;
+import com.wacai.tigon.format.annotation.EmptyToNull;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 10:36:14
+ */
+@Getter
+@Setter
+@ToString
+public class FormList extends BaseForm {
+    @Min(0)
+    private int start;
+    @Min(1)
+    @Max(2048)
+    private int limit = 16;
+    private String search;
+    @Trim
+    @EmptyToNull
+    private String filters;
+    @Trim
+    @EmptyToNull
+    private String orders;
+
+    public String getSorters() {
+        return orders;
+    }
+
+    public void setSorters(final String sorters) {
+        orders = sorters;
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/form/FormUpdateApi.java b/lib/tigon/model/src/main/java/com/wacai/tigon/form/FormUpdateApi.java
new file mode 100644
index 00000000..787a3b97
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/form/FormUpdateApi.java
@@ -0,0 +1,19 @@
+package com.wacai.tigon.form;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 8, 2016 6:24:03 PM
+ */
+public interface FormUpdateApi<Id> extends BaseFormApi {
+    
+    /**
+     * @return id
+     */
+    Id getId();
+    
+    /**
+     * @param id id
+     */
+    void setId(Id id);
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/form/FormUpdateField.java b/lib/tigon/model/src/main/java/com/wacai/tigon/form/FormUpdateField.java
new file mode 100644
index 00000000..4d3bc152
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/form/FormUpdateField.java
@@ -0,0 +1,22 @@
+package com.wacai.tigon.form;
+
+import lombok.Getter;
+import lombok.Setter;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.NotBlank;
+import com.wacai.tigon.format.annotation.Trim;
+
+/**
+ * @author Donghuang <br>
+ * Dec 17, 2018 22:46:58
+ */
+@Getter
+@Setter
+public class FormUpdateField<Id> extends BaseForm implements FormUpdateApi<Id> {
+    @NotNull
+    private Id id;
+    @Trim
+    @NotBlank
+    private String field;
+    private String value;
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/format/annotation/EmptyToNull.java b/lib/tigon/model/src/main/java/com/wacai/tigon/format/annotation/EmptyToNull.java
new file mode 100644
index 00000000..9520b698
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/format/annotation/EmptyToNull.java
@@ -0,0 +1,20 @@
+package com.wacai.tigon.format.annotation;
+
+import java.lang.annotation.Target;
+import java.lang.annotation.Retention;
+import java.lang.annotation.Documented;
+import java.lang.annotation.ElementType;
+import java.lang.annotation.RetentionPolicy;
+
+/**
+ * empty string format to null
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Jun 15, 2016 11:20:48 AM
+ */
+@Documented
+@Retention(RetentionPolicy.RUNTIME)
+@Target({ElementType.METHOD, ElementType.FIELD, ElementType.PARAMETER, ElementType.ANNOTATION_TYPE})
+public @interface EmptyToNull {
+
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/format/annotation/Trim.java b/lib/tigon/model/src/main/java/com/wacai/tigon/format/annotation/Trim.java
new file mode 100644
index 00000000..0e120498
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/format/annotation/Trim.java
@@ -0,0 +1,14 @@
+package com.wacai.tigon.format.annotation;
+
+import java.lang.annotation.*;
+
+/**
+ * @author Donghuang <br>
+ * Jun 18, 2017 23:32:45
+ */
+@Documented
+@Retention(RetentionPolicy.RUNTIME)
+@Target({ElementType.METHOD, ElementType.FIELD, ElementType.PARAMETER, ElementType.ANNOTATION_TYPE})
+public @interface Trim {
+
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/model/DomainModel.java b/lib/tigon/model/src/main/java/com/wacai/tigon/model/DomainModel.java
new file mode 100644
index 00000000..4e210764
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/model/DomainModel.java
@@ -0,0 +1,197 @@
+package com.wacai.tigon.model;
+
+import java.util.*;
+import java.io.Serializable;
+import com.wacai.tigon.mybatis.*;
+import lombok.extern.slf4j.Slf4j;
+import java.lang.reflect.Modifier;
+import java.util.stream.Collectors;
+import com.wacai.tigon.util.WordUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.util.ReflectionUtils;
+import org.apache.commons.lang3.builder.ToStringBuilder;
+
+/**
+ * @author Donghuang <br>
+ * Feb 21, 2017 18:39:39
+ */
+@Slf4j
+public abstract class DomainModel<PK> implements Serializable {
+    private static final long serialVersionUID = 1L;
+
+    public static final String ID = "id";
+    private transient Map<String, SqlParam> mapInsert;
+    private transient Map<String, SqlParam> mapUpdate;
+
+    /**
+     * get primary key, called from __tigon_mybatis__.xml
+     * @return primary key name
+     */
+    public String primaryKeyName() {
+        return fieldToCol(primaryField());
+    }
+
+    /**
+     * get primary key value, called from __tigon_mybatis__.xml
+     * @return primary key value
+     */
+    @SuppressWarnings("unchecked")
+    public PK primaryKeyValue() {
+        return (PK) ReflectionUtils.getField(
+            ReflectionUtils.findField(getClass(), primaryField()), this);
+    }
+
+    /**
+     * set primary key
+     * @param value primary key
+     */
+    public void primaryKeyValue(PK value) {
+        ReflectionUtils.setField(
+            ReflectionUtils.findField(getClass(),
+                primaryField()), this, value);
+    }
+
+    /**
+     * return insert map
+     * @return insert map
+     */
+    public synchronized Map<String, SqlParam> insertMap() {
+        if (mapInsert == null) {
+            mapInsert = toColMap(toMap(false));
+        }
+        return mapInsert;
+    }
+
+    /**
+     * return update map
+     * @return update map
+     */
+    public synchronized Map<String, SqlParam> updateMap() {
+        if (mapUpdate == null) {
+            mapUpdate = toColMap(toMap(true));
+        }
+        return mapUpdate;
+    }
+
+    /**
+     * return model cols
+     * @param table table
+     * @return cols model cols
+     */
+    public List<String> cols(final String table) {
+        final Map<String, SqlParam> mapModel = insertMap();
+
+        if (StringUtils.isNotBlank(table)) {
+            return mapModel.keySet().stream().map(
+                col -> table + "." + col).collect(Collectors.toList());
+        }
+        return new ArrayList<>(mapModel.keySet());
+    }
+
+    /**
+     * before insert model, for override
+     */
+    public void beforeInsert() {
+        log.debug("Model [{}] before insert.", this);
+    }
+
+    /**
+     * before update model, for override
+     */
+    public void beforeUpdate() {
+        log.debug("Model [{}] before update.", this);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String toString() {
+        return ToStringBuilder.reflectionToString(this);
+    }
+
+    // --
+    // protected methods
+
+    /**
+     * get primary field
+     * @return primary field name
+     */
+    protected String primaryField() {
+        final String[] annoPk = new String[1];
+        final String[] id = new String[1];
+        ReflectionUtils.doWithFields(getClass(), field -> {
+            final String fieldName = field.getName();
+            if (id[0] == null && ID.equals(fieldName)) {
+                id[0] = ID;
+            }
+            if (annoPk[0] == null &&
+                    field.isAnnotationPresent(PrimaryKey.class)) {
+                annoPk[0] = fieldName;
+            }
+        }, fieldFilter(false));
+        final String primaryKey = annoPk[0] != null ? annoPk[0] : id[0];
+
+        if (primaryKey == null) {
+            throw new IllegalStateException(
+                "No primary key found for model [" + getClass() + "]");
+        }
+
+        return primaryKey;
+    }
+
+    protected String fieldToCol(final String field) {
+        return WordUtils.convertCamelCase(field, "_").toLowerCase();
+    }
+
+    protected Map<String, SqlParam> toMap(final boolean forUpdate) {
+        final Map<String, SqlParam> mapRtn = new LinkedHashMap<>();
+        ReflectionUtils.doWithFields(getClass(), field -> {
+            field.setAccessible(true);
+
+            boolean rawValue = false;
+            Object value = null;
+            final RawValue annoRawValue =
+                field.getAnnotation(RawValue.class);
+
+            if (annoRawValue != null) {
+                rawValue = true;
+                final String annoValue = annoRawValue.value();
+                if (StringUtils.isNotBlank(annoValue)) {
+                    value = annoValue;
+                }
+            }
+
+            mapRtn.put(field.getName(),
+                new SqlParam(rawValue,
+                    value != null ?
+                    value : ReflectionUtils.getField(field, this)));
+        }, fieldFilter(forUpdate));
+        return Collections.unmodifiableMap(mapRtn);
+    }
+
+    protected <T> Map<String, T> toColMap(final Map<String, T> map) {
+        final Map<String, T> mapRtn =
+                new LinkedHashMap<>(map.size());
+        for (final Map.Entry<String, T> kv : map.entrySet()) {
+            mapRtn.put(fieldToCol(kv.getKey()), kv.getValue());
+        }
+        return Collections.unmodifiableMap(mapRtn);
+    }
+
+    protected ReflectionUtils.FieldFilter fieldFilter(final boolean forUpdate) {
+        return field -> {
+            field.setAccessible(true);
+            final int modifiers = field.getModifiers();
+            final Object fieldValue =
+                ReflectionUtils.getField(field, DomainModel.this);
+            return !Modifier.isTransient(modifiers) &&
+                !field.isAnnotationPresent(Transient.class) &&
+                !Modifier.isFinal(modifiers) &&
+                !Modifier.isPublic(modifiers) &&
+                !Modifier.isStatic(modifiers) &&
+                (forUpdate ? !field.isAnnotationPresent(NotUpdate.class)
+                    && (fieldValue != null || !field.isAnnotationPresent(NotUpdateWhenNull.class)) : true);
+        };
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/model/ListResult.java b/lib/tigon/model/src/main/java/com/wacai/tigon/model/ListResult.java
new file mode 100644
index 00000000..d33d78e7
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/model/ListResult.java
@@ -0,0 +1,60 @@
+package com.wacai.tigon.model;
+
+import java.util.List;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 12, 2016 3:51:58 PM
+ */
+public class ListResult<T>
+    extends ViewModel<List<T>>
+    implements ListResultApi<T> {
+    private static final long serialVersionUID = 1L;
+    private static final String TOTAL_KEY = "total";
+
+    /**
+     * default constructor
+     */
+    public ListResult() {
+    }
+    /**
+     * @param total
+     * @param data
+     */
+    public ListResult(List<T> data, Integer total) {
+        super(data);
+        setAttr(TOTAL_KEY, total);
+    }
+    /**
+     * @param total
+     * @param data
+     */
+    public ListResult(List<T> data, int total) {
+        super(data);
+        setAttr(TOTAL_KEY, total);
+    }
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Integer getTotal() {
+        return getAttr(TOTAL_KEY);
+    }
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ListResultApi<T> setTotal(Integer total) {
+        setAttr(TOTAL_KEY, total);
+        return this;
+    }
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ListResultApi<T> setTotal(int total) {
+        setAttr(TOTAL_KEY, total);
+        return this;
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/model/ListResultApi.java b/lib/tigon/model/src/main/java/com/wacai/tigon/model/ListResultApi.java
new file mode 100644
index 00000000..a9369f5c
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/model/ListResultApi.java
@@ -0,0 +1,28 @@
+package com.wacai.tigon.model;
+
+import java.util.List;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 12, 2016 3:51:08 PM
+ */
+public interface ListResultApi<T> extends ViewModelable<List<T>> {
+
+    /**
+     * @return the total
+     */
+    Integer getTotal();
+
+    /**
+     * @param total the total to set
+     * @return this
+     */
+    ListResultApi<T> setTotal(Integer total);
+
+    /**
+     * @param total the total to set
+     * @return this
+     */
+    ListResultApi<T> setTotal(int total);
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/model/M0.java b/lib/tigon/model/src/main/java/com/wacai/tigon/model/M0.java
new file mode 100644
index 00000000..2c3fe471
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/model/M0.java
@@ -0,0 +1,43 @@
+package com.wacai.tigon.model;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.mybatis.NotUpdate;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Sep 29, 2016 6:02:11 PM
+ */
+@Getter
+@Setter
+public class M0<Id> extends DomainModel<Id> {
+    private static final long serialVersionUID = 1L;
+
+    @NotUpdate
+    protected Id id;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String primaryKeyName() {
+        return ID;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Id primaryKeyValue() {
+        return id;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void primaryKeyValue(Id id) {
+        this.id = id;
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/model/ViewModel.java b/lib/tigon/model/src/main/java/com/wacai/tigon/model/ViewModel.java
new file mode 100644
index 00000000..4eb88942
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/model/ViewModel.java
@@ -0,0 +1,162 @@
+package com.wacai.tigon.model;
+
+import java.util.Map;
+import lombok.Getter;
+import java.util.HashMap;
+import java.io.IOException;
+import com.fasterxml.jackson.databind.JsonNode;
+import com.fasterxml.jackson.core.JsonGenerator;
+import com.fasterxml.jackson.databind.ObjectMapper;
+import com.fasterxml.jackson.databind.JsonSerializable;
+import com.fasterxml.jackson.databind.node.JsonNodeType;
+import com.fasterxml.jackson.databind.SerializerProvider;
+import com.fasterxml.jackson.databind.jsontype.TypeSerializer;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 12, 2016 3:57:11 PM
+ */
+@Getter
+public class ViewModel<T>
+    implements ViewModelable<T>, JsonSerializable {
+    private static final long serialVersionUID = 1L;
+
+    private T data;
+    private Map<String, Object> attrs;
+
+    public ViewModel() {
+    }
+
+    /**
+     * build view model with data
+     * @param data
+     */
+    public ViewModel(T data) {
+        this.data = data;
+    }
+    
+    /**
+     * build view model with data and attrs
+     * @param data
+     * @param attrs
+     */
+    public ViewModel(T data, Map<String, Object> attrs) {
+        this.data = data;
+        this.attrs = attrs;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<T> setAttr(String name, Object value) {
+        return attr(name, value);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<T> attr(String name, Object value) {
+        if (attrs == null) {
+            attrs = new HashMap<>(8);
+        }
+        attrs.put(name, value);
+        return this;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public <A> A getAttr(String name) {
+        return attr(name);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @SuppressWarnings("unchecked")
+    public <A> A attr(final String name) {
+        return attrs != null ? (A) attrs.get(name) : null;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModelable<T> setAttrs(Map<String, Object> attrs) {
+        this.attrs = attrs;
+        return this;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModelable<T> setData(T data) {
+        this.data = data;
+        return this;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void serialize(final JsonGenerator jsonGenerator,
+        final SerializerProvider serializerProvider) throws IOException {
+        jsonGenerator.writeObject(toMap((ObjectMapper) jsonGenerator.getCodec()));
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void serializeWithType(final JsonGenerator jsonGenerator,
+        final SerializerProvider serializerProvider,
+        final TypeSerializer typeSerializer) throws IOException {
+        jsonGenerator.writeObject(toMap((ObjectMapper) jsonGenerator.getCodec()));
+    }
+
+    /**
+     * serialize util
+     * @param objectMapper object mapper
+     * @return map
+     */
+    protected Map<String, Object> toMap(final ObjectMapper objectMapper) {
+        final Map<String, Object> mapRtn;
+        if (data != null) {
+            if (data instanceof Map) {
+                mapRtn = (Map<String, Object>) data;
+            }
+            else {
+                if (data instanceof ViewModel) {
+                    mapRtn = new HashMap<>(16);
+                    mapRtn.put("data", ((ViewModel<?>) data).toMap(objectMapper));
+                }
+                else {
+                    final JsonNode dataNode = objectMapper.valueToTree(data);
+                    if (JsonNodeType.OBJECT == dataNode.getNodeType()) {
+                        mapRtn = objectMapper.convertValue(dataNode, Map.class);
+                    }
+                    else {
+                        mapRtn = new HashMap<>(16);
+                        mapRtn.put("data", data);
+                    }
+                }
+            }
+            if (attrs != null && !attrs.isEmpty()) {
+                mapRtn.putAll(attrs);
+            }
+        }
+        else if (attrs != null) {
+            mapRtn = attrs;
+        }
+        else {
+            mapRtn = new HashMap<>(16);
+        }
+        return mapRtn;
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/model/ViewModelable.java b/lib/tigon/model/src/main/java/com/wacai/tigon/model/ViewModelable.java
new file mode 100644
index 00000000..d7403376
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/model/ViewModelable.java
@@ -0,0 +1,67 @@
+package com.wacai.tigon.model;
+
+import java.util.Map;
+import java.io.Serializable;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Nov 8, 2016 11:00:45 AM
+ */
+public interface ViewModelable<T> extends Serializable {
+
+    /**
+     * get data
+     * @return data main data
+     */
+    T getData();
+
+    /**
+     * set data
+     * @param data data to set
+     */
+    ViewModelable<T> setData(T data);
+
+    /**
+     * set attr
+     * @param name attr name
+     * @param value attr value
+     * @return this
+     */
+    ViewModelable<T> setAttr(String name, Object value);
+
+    /**
+     * set attr
+     * @param name attr name
+     * @param value attr value
+     * @return this
+     */
+    ViewModelable<T> attr(String name, Object value);
+
+    /**
+     * get attr
+     * @param name attr name
+     * @param <V> attr value type
+     * @return attr attr
+     */
+    <V> V getAttr(String name);
+
+    /**
+     * get attr
+     * @param name attr name
+     * @param <V> attr value type
+     * @return attr attr
+     */
+    <V> V attr(String name);
+
+    /**
+     * @return attrs
+     */
+    Map<String, Object> getAttrs();
+
+    /**
+     * @param attrs attrs
+     * @return this this
+     */
+    ViewModelable<T> setAttrs(Map<String, Object> attrs);
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/AbstractSearchProcessor.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/AbstractSearchProcessor.java
new file mode 100644
index 00000000..b9c1d5c1
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/AbstractSearchProcessor.java
@@ -0,0 +1,52 @@
+package com.wacai.tigon.mybatis;
+
+import java.util.Collection;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/23 16:57
+ */
+abstract class AbstractSearchProcessor implements SearchProcessor {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public final boolean accept(SearchProcessArgs args) {
+        return args.getCriterion().getType().equals(type());
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void process(SearchProcessArgs args) {
+        if (args.isHasPrevOrCol()) {
+            args.append(" or ");
+            args.setHasPrevOrCol(false);
+        }
+        else if (args.isHasPrevCol()) {
+            args.append(" and ");
+        }
+        doProcess(args);
+    }
+
+    abstract void doProcess(SearchProcessArgs args);
+
+    abstract CriterionType type();
+
+    void processInList(SearchProcessArgs args, boolean in) {
+        args.append(args.getCol() +
+            (in ? " in (" : " not in ("));
+        Collection<?> values = args.getCriterion().getValues();
+        int valuesSize = values.size();
+        int i = 0;
+        for (Object value : values) {
+            args.addValue(value);
+            if (++i < valuesSize) {
+                args.append(", ");
+            }
+        }
+        args.append(")");
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/AndSearchProcessor.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/AndSearchProcessor.java
new file mode 100644
index 00000000..b5111e19
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/AndSearchProcessor.java
@@ -0,0 +1,30 @@
+package com.wacai.tigon.mybatis;
+
+import org.apache.commons.lang3.StringUtils;
+
+/**
+ * @author Donghuang <br>
+ * Feb 23, 2017 17:58:09
+ */
+class AndSearchProcessor extends AbstractSearchProcessor {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    CriterionType type() {
+        return CriterionType.AND;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    void doProcess(SearchProcessArgs args) {
+        final Search search = args.getCriterion().getSearch();
+        if (StringUtils.isBlank(search.table())) {
+            search.table(args.getTable());
+        }
+        args.getResult().addAll(search.assemble(true));
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/BetweenSearchProcessor.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/BetweenSearchProcessor.java
new file mode 100644
index 00000000..ba0a8877
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/BetweenSearchProcessor.java
@@ -0,0 +1,29 @@
+package com.wacai.tigon.mybatis;
+
+import java.util.Iterator;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/23 17:04
+ */
+class BetweenSearchProcessor extends AbstractSearchProcessor {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    CriterionType type() {
+        return CriterionType.BETWEEN;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    void doProcess(SearchProcessArgs args) {
+        Iterator<?> valuesIt = args.getCriterion().getValues().iterator();
+        args.append(args.getCol() + " between ")
+            .addValue(valuesIt.next()).append(" and ")
+            .addValue(valuesIt.next());
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/Cacheable.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/Cacheable.java
new file mode 100644
index 00000000..8d3cde52
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/Cacheable.java
@@ -0,0 +1,20 @@
+package com.wacai.tigon.mybatis;
+
+import java.lang.annotation.Target;
+import java.lang.annotation.Retention;
+import static java.lang.annotation.ElementType.TYPE;
+import static java.lang.annotation.RetentionPolicy.RUNTIME;
+
+/**
+ * Specifies whether an entity should be cached if caching is enabled
+ * @author Donghuang <br>
+ * Mar 13, 2017 11:10:30
+ */
+@Target(TYPE)
+@Retention(RUNTIME)
+public @interface Cacheable {
+    /**
+     * (Optional) Whether or not the entity should be cached.
+     */
+    boolean value() default true;
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/Criterion.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/Criterion.java
new file mode 100644
index 00000000..e1d312e0
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/Criterion.java
@@ -0,0 +1,48 @@
+package com.wacai.tigon.mybatis;
+
+import lombok.Getter;
+import java.util.Arrays;
+import java.io.Serializable;
+import java.util.Collection;
+import java.util.Collections;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/24 10:23
+ */
+@Getter
+class Criterion implements Serializable {
+    private static final long serialVersionUID = 1L;
+
+    private final CriterionType type;
+    private final String col;
+    private final Collection<?> values;
+    private final Search search;
+
+    Criterion(CriterionType type, Search search) {
+        this.type = type;
+        this.col = null;
+        this.values = Collections.emptyList();
+        this.search = search;
+    }
+
+    Criterion(CriterionType type, String col, Object value) {
+        this(type, col, Arrays.asList(value));
+    }
+
+    Criterion(CriterionType type, String col, Object[] values) {
+        this(type, col, Arrays.asList(values));
+    }
+
+    Criterion(CriterionType type, String col, Collection<?> values) {
+        this.type = type;
+        this.col = col;
+        this.values = values;
+        this.search = null;
+    }
+
+    @SuppressWarnings("unchecked")
+    <T> T getValue() {
+        return values.isEmpty() ? null : (T) values.iterator().next();
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/CriterionType.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/CriterionType.java
new file mode 100644
index 00000000..09d01bf4
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/CriterionType.java
@@ -0,0 +1,14 @@
+package com.wacai.tigon.mybatis;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/24 10:27
+ */
+enum CriterionType {
+    EQ, IS_NULL,
+    IN, NOT_IN,
+    GT, GTE,
+    LT, LTE,
+    NE, IS_NOT_NULL,
+    BETWEEN, LIKE, AND, OR;
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/EqualSearchProcessor.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/EqualSearchProcessor.java
new file mode 100644
index 00000000..419fe2eb
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/EqualSearchProcessor.java
@@ -0,0 +1,24 @@
+package com.wacai.tigon.mybatis;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/23 17:04
+ */
+class EqualSearchProcessor extends AbstractSearchProcessor {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    CriterionType type() {
+        return CriterionType.EQ;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    void doProcess(SearchProcessArgs args) {
+        args.append(args.getCol() + " = ").addValue(args.getValue());
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/GtSearchProcessor.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/GtSearchProcessor.java
new file mode 100644
index 00000000..641d51e3
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/GtSearchProcessor.java
@@ -0,0 +1,24 @@
+package com.wacai.tigon.mybatis;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/23 17:04
+ */
+class GtSearchProcessor extends AbstractSearchProcessor {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public CriterionType type() {
+        return CriterionType.GT;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    void doProcess(SearchProcessArgs args) {
+        args.append(args.getCol() + " > ").addValue(args.getValue());
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/GteSearchProcessor.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/GteSearchProcessor.java
new file mode 100644
index 00000000..27a5cfba
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/GteSearchProcessor.java
@@ -0,0 +1,24 @@
+package com.wacai.tigon.mybatis;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/23 17:04
+ */
+class GteSearchProcessor extends AbstractSearchProcessor {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public CriterionType type() {
+        return CriterionType.GTE;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    void doProcess(SearchProcessArgs args) {
+        args.append(args.getCol() + " >= ").addValue(args.getValue());
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/InSearchProcessor.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/InSearchProcessor.java
new file mode 100644
index 00000000..ec4ea116
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/InSearchProcessor.java
@@ -0,0 +1,24 @@
+package com.wacai.tigon.mybatis;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/23 17:04
+ */
+class InSearchProcessor extends AbstractSearchProcessor {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public CriterionType type() {
+        return CriterionType.IN;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    void doProcess(SearchProcessArgs args) {
+        processInList(args, true);
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/IsNotNullSearchProcessor.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/IsNotNullSearchProcessor.java
new file mode 100644
index 00000000..4c41804d
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/IsNotNullSearchProcessor.java
@@ -0,0 +1,24 @@
+package com.wacai.tigon.mybatis;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/23 17:04
+ */
+class IsNotNullSearchProcessor extends AbstractSearchProcessor {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public CriterionType type() {
+        return CriterionType.IS_NOT_NULL;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    void doProcess(SearchProcessArgs args) {
+        args.append(args.getCol() + " is not null");
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/IsNullSearchProcessor.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/IsNullSearchProcessor.java
new file mode 100644
index 00000000..f8c69774
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/IsNullSearchProcessor.java
@@ -0,0 +1,24 @@
+package com.wacai.tigon.mybatis;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/23 17:04
+ */
+class IsNullSearchProcessor extends AbstractSearchProcessor {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public CriterionType type() {
+        return CriterionType.IS_NULL;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    void doProcess(SearchProcessArgs args) {
+        args.append(args.getCol() + " is null");
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/LikeSearchProcessor.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/LikeSearchProcessor.java
new file mode 100644
index 00000000..d1bec8e7
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/LikeSearchProcessor.java
@@ -0,0 +1,22 @@
+package com.wacai.tigon.mybatis;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/23 17:04
+ */
+class LikeSearchProcessor extends AbstractSearchProcessor {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    CriterionType type() {
+        return CriterionType.LIKE;
+    }
+
+    @Override
+    void doProcess(SearchProcessArgs args) {
+        args.append(args.getCol() + " like ")
+            .addValue(args.getValue());
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/LtSearchProcessor.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/LtSearchProcessor.java
new file mode 100644
index 00000000..fa4da33f
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/LtSearchProcessor.java
@@ -0,0 +1,21 @@
+package com.wacai.tigon.mybatis;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/23 17:04
+ */
+class LtSearchProcessor extends AbstractSearchProcessor {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public CriterionType type() {
+        return CriterionType.LT;
+    }
+
+    @Override
+    void doProcess(SearchProcessArgs args) {
+        args.append(args.getCol() + " < ").addValue(args.getValue());
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/LteSearchProcessor.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/LteSearchProcessor.java
new file mode 100644
index 00000000..3a3b21cf
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/LteSearchProcessor.java
@@ -0,0 +1,24 @@
+package com.wacai.tigon.mybatis;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/23 17:04
+ */
+class LteSearchProcessor extends AbstractSearchProcessor {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public CriterionType type() {
+        return CriterionType.LTE;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    void doProcess(SearchProcessArgs args) {
+        args.append(args.getCol() + " <= ").addValue(args.getValue());
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/NotEqualSearchProcessor.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/NotEqualSearchProcessor.java
new file mode 100644
index 00000000..cfc46341
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/NotEqualSearchProcessor.java
@@ -0,0 +1,25 @@
+package com.wacai.tigon.mybatis;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/23 17:04
+ */
+class NotEqualSearchProcessor extends AbstractSearchProcessor {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public CriterionType type() {
+        return CriterionType.NE;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    void doProcess(SearchProcessArgs args) {
+        args.append(args.getCol() + " <> ")
+            .addValue(args.getValue());
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/NotInSearchProcessor.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/NotInSearchProcessor.java
new file mode 100644
index 00000000..b2ce7e8c
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/NotInSearchProcessor.java
@@ -0,0 +1,24 @@
+package com.wacai.tigon.mybatis;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/23 17:04
+ */
+class NotInSearchProcessor extends AbstractSearchProcessor {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public CriterionType type() {
+        return CriterionType.NOT_IN;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    void doProcess(SearchProcessArgs args) {
+        processInList(args, false);
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/NotUpdate.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/NotUpdate.java
new file mode 100644
index 00000000..375168cf
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/NotUpdate.java
@@ -0,0 +1,15 @@
+package com.wacai.tigon.mybatis;
+
+import java.lang.annotation.Target;
+import java.lang.annotation.Retention;
+import static java.lang.annotation.ElementType.FIELD;
+import static java.lang.annotation.RetentionPolicy.RUNTIME;
+
+/**
+ * @author Donghuang <br>
+ * Jun 25, 2017 09:57:32
+ */
+@Target(FIELD)
+@Retention(RUNTIME)
+public @interface NotUpdate {
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/NotUpdateWhenNull.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/NotUpdateWhenNull.java
new file mode 100644
index 00000000..1257d48d
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/NotUpdateWhenNull.java
@@ -0,0 +1,15 @@
+package com.wacai.tigon.mybatis;
+
+import java.lang.annotation.Target;
+import java.lang.annotation.Retention;
+import static java.lang.annotation.ElementType.FIELD;
+import static java.lang.annotation.RetentionPolicy.RUNTIME;
+
+/**
+ * @author Donghuang <br>
+ * Mar 16, 2017 23:51:00
+ */
+@Target(FIELD)
+@Retention(RUNTIME)
+public @interface NotUpdateWhenNull {
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/OrSearchProcessor.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/OrSearchProcessor.java
new file mode 100644
index 00000000..d4441ad8
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/OrSearchProcessor.java
@@ -0,0 +1,36 @@
+package com.wacai.tigon.mybatis;
+
+import org.apache.commons.lang3.StringUtils;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/23 17:04
+ */
+class OrSearchProcessor implements SearchProcessor {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public boolean accept(SearchProcessArgs args) {
+        return CriterionType.OR.equals(args.getCriterion().getType());
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void process(SearchProcessArgs args) {
+        if (args.isHasPrevCol()) {
+            args.append(" or ");
+        }
+        else {
+            args.setHasPrevOrCol(true);
+        }
+        final Search search = args.getCriterion().getSearch();
+        if (StringUtils.isBlank(search.table())) {
+            search.table(args.getTable());
+        }
+        args.getResult().addAll(search.assemble(true));
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/PrimaryKey.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/PrimaryKey.java
new file mode 100644
index 00000000..7f0dcb22
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/PrimaryKey.java
@@ -0,0 +1,15 @@
+package com.wacai.tigon.mybatis;
+
+import java.lang.annotation.Target;
+import java.lang.annotation.Retention;
+import static java.lang.annotation.ElementType.FIELD;
+import static java.lang.annotation.RetentionPolicy.RUNTIME;
+
+/**
+ * @author Donghuang <br>
+ * Feb 21, 2017 19:03:31
+ */
+@Target(FIELD)
+@Retention(RUNTIME)
+public @interface PrimaryKey {
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/RawValue.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/RawValue.java
new file mode 100644
index 00000000..4bb88819
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/RawValue.java
@@ -0,0 +1,21 @@
+package com.wacai.tigon.mybatis;
+
+import java.lang.annotation.Target;
+import java.lang.annotation.Retention;
+import static java.lang.annotation.ElementType.FIELD;
+import static java.lang.annotation.RetentionPolicy.RUNTIME;
+
+/**
+ * @author Donghuang <br>
+ * Dec 13, 2018 20:15:03
+ */
+@Target(FIELD)
+@Retention(RUNTIME)
+public @interface RawValue {
+
+    /**
+     * value
+     * @return raw value
+     */
+    String value() default "";
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/Search.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/Search.java
new file mode 100644
index 00000000..68238059
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/Search.java
@@ -0,0 +1,636 @@
+package com.wacai.tigon.mybatis;
+
+import java.util.*;
+import java.io.Serializable;
+import java.lang.reflect.Array;
+import com.wacai.tigon.util.WordUtils;
+import org.springframework.util.Assert;
+import com.wacai.tigon.model.DomainModel;
+import org.apache.commons.lang3.StringUtils;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * May 12, 2015 3:00:40 PM
+ */
+public class Search implements Serializable {
+    private static final long serialVersionUID = 1L;
+
+    /**
+     * order
+     */
+    public enum Order {
+        ASC,
+        DESC
+    }
+
+    private final List<Criterion> criteria =
+        new LinkedList<>();
+    private String table;
+    private Integer offset;
+    private Integer limit;
+    private final Map<String, String> orders =
+        new LinkedHashMap<>();
+    /**
+     * extended data
+     */
+    private final Map<String, Object> attrs =
+        new HashMap<>();
+
+    private static final List<SearchProcessor> PROCESSORS;
+    static {
+        final List<SearchProcessor> processors = new LinkedList<>();
+        processors.add(new EqualSearchProcessor());
+        processors.add(new IsNullSearchProcessor());
+
+        processors.add(new InSearchProcessor());
+        processors.add(new NotInSearchProcessor());
+
+        processors.add(new NotEqualSearchProcessor());
+        processors.add(new IsNotNullSearchProcessor());
+
+        processors.add(new GtSearchProcessor());
+        processors.add(new GteSearchProcessor());
+
+        processors.add(new LtSearchProcessor());
+        processors.add(new LteSearchProcessor());
+
+        processors.add(new BetweenSearchProcessor());
+        processors.add(new LikeSearchProcessor());
+
+        processors.add(new AndSearchProcessor());
+        processors.add(new OrSearchProcessor());
+        PROCESSORS = Collections.unmodifiableList(processors);
+    }
+
+    /**
+     * default construct
+     */
+    public Search() {
+    }
+    
+    /**
+     * @param value id value
+     */
+    public Search(Object value) {
+        eq(DomainModel.ID, value);
+    }
+
+    /**
+     * construct by eq
+     * @param col col name
+     * @param value value
+     */
+    public Search(String col, Object value) {
+        eq(col, value);
+    }
+
+    /**
+     * construct by eq
+     * @param col col name
+     * @param values values
+     */
+    public Search(String col, Collection<?> values) {
+        in(col, values);
+    }
+
+    /**
+     * construct by eq
+     * @param col col name
+     * @param values values
+     */
+    public Search(String col, Object[] values) {
+        in(col, values);
+    }
+
+    /**
+     * set table
+     * @param table table
+     * @return this
+     */
+    public Search table(String table) {
+        this.table = table;
+        return this;
+    }
+
+    /**
+     * clear criteria
+     * @return search
+     */
+    public Search clearCriteria() {
+        criteria.clear();
+        return this;
+    }
+
+    /**
+     * clear orders
+     * @return search
+     */
+    public Search clearOrders() {
+        orders.clear();
+        return this;
+    }
+
+    /**
+     * col eq
+     * @param col col name
+     * @param value value
+     * @return this
+     */
+    public Search eq(String col, Object value) {
+        if (value == null) {
+            criteria.add(new Criterion(CriterionType.IS_NULL, col, value));
+        }
+        else if (value instanceof Collection) {
+            in(col, (Collection<?>) value);
+        }
+        else if (value.getClass().isArray()) {
+            // may primitive, (Object[]) causes exception
+            in(col, toList(value));
+        }
+        else {
+            criteria.add(new Criterion(CriterionType.EQ, col, value));
+        }
+        return this;
+    }
+
+    /**
+     * same as #eq(col, null)
+     * @param col col name
+     * @return this
+     */
+    public Search isNull(String col) {
+        return eq(col, null);
+    }
+
+    /**
+     * col in values array
+     * @param col col name
+     * @param values values
+     * @return this
+     */
+    public Search in(String col, Object[] values) {
+        criteria.add(new Criterion(CriterionType.IN, col, values));
+        return this;
+    }
+
+    /**
+     * col in values list
+     * @param col col name
+     * @param values values
+     * @return this
+     */
+    public Search in(String col, Collection<?> values) {
+        if (values != null && !values.isEmpty()) {
+            criteria.add(new Criterion(CriterionType.IN, col, values));
+        }
+        return this;
+    }
+
+    /**
+     * col like value
+     * @param col col name
+     * @param value value
+     * @return this
+     */
+    public Search like(String col, String value) {
+        criteria.add(new Criterion(CriterionType.LIKE, col, value));
+        return this;
+    }
+
+    /**
+     * @param col col name
+     * @param value value
+     * @param wrapValue wrap value with %
+     * @return this
+     */
+    public Search like(String col, String value, boolean wrapValue) {
+        return like(col, wrapValue ? "%" + value + "%" : value);
+    }
+
+    /**
+     * col contains value
+     * @param col col name
+     * @param value value
+     * @return this
+     */
+    public Search contains(final String col, final String value) {
+        return like(col, "%" + value + "%");
+    }
+
+    /**
+     * col starts with value
+     * @param col col name
+     * @param value value
+     * @return this
+     */
+    public Search startsWith(final String col, final String value) {
+        return like(col, value + "%");
+    }
+
+    /**
+     * col ends with value
+     * @param col col name
+     * @param value value
+     * @return this
+     */
+    public Search endsWith(final String col, final String value) {
+        return like(col, "%" + value);
+    }
+
+    /**
+     * @param col col name
+     * @param bottom bottom value
+     * @param top top value
+     * @return this
+     */
+    public Search between(String col, Object bottom, Object top) {
+        criteria.add(new Criterion(
+            CriterionType.BETWEEN,
+            col, 
+            Arrays.asList(bottom, top)));
+        return this;
+    }
+
+    /**
+     * @param col col name
+     * @param value value
+     * @return this
+     */
+    public Search ne(String col, Object value) {
+        criteria.add(new Criterion(
+            value != null ? CriterionType.NE :
+                CriterionType.IS_NOT_NULL, col, value));
+        return this;
+    }
+
+    /**
+     * col not null
+     * @param col col
+     * @return search
+     */
+    public Search notNull(String col) {
+        criteria.add(new Criterion(
+            CriterionType.IS_NOT_NULL, col, (Object) null));
+        return this;
+    }
+
+    /**
+     * @param col col name
+     * @param values values
+     * @return this
+     */
+    public Search notIn(String col, Object[] values) {
+        return notIn(col, Arrays.asList(values));
+    }
+    
+    /**
+     * @param col col name
+     * @param values values
+     * @return this
+     */
+    public Search notIn(String col, Collection<?> values) {
+        criteria.add(new Criterion(CriterionType.NOT_IN, col, values));
+        return this;
+    }
+    
+    /**
+     * @param col col name
+     * @param value value
+     * @return this
+     */
+    public Search lt(String col, Object value) {
+        criteria.add(new Criterion(CriterionType.LT, col, value));
+        return this;
+    }
+
+    /**
+     * @param col col name
+     * @param value value
+     * @return this
+     */
+    public Search lte(String col, Object value) {
+        criteria.add(new Criterion(CriterionType.LTE, col, value));
+        return this;
+    }
+
+    /**
+     * @param col col name
+     * @param value value
+     * @return this
+     */
+    public Search gt(String col, Object value) {
+        criteria.add(new Criterion(CriterionType.GT, col, value));
+        return this;
+    }
+
+    /**
+     * @param col col name
+     * @param value value
+     * @return this
+     */
+    public Search gte(String col, Object value) {
+        criteria.add(new Criterion(CriterionType.GTE, col, value));
+        return this;
+    }
+
+    /**
+     * @param search search
+     * @return this
+     */
+    public Search and(Search search) {
+        Assert.notNull(search, "And search could not be null");
+        if (StringUtils.isBlank(search.table)) {
+            search.table = table;
+        }
+        Assert.state(this != search, "And search could not be self");
+        criteria.add(new Criterion(CriterionType.AND, search));
+        return this;
+    }
+
+    /**
+     * @param search search
+     * @return this
+     */
+    public Search or(Search search) {
+        Assert.notNull(search, "Or search could not be null");
+        if (StringUtils.isBlank(search.table)) {
+            search.table = table;
+        }
+        Assert.state(this != search, "Or Search could not be self");
+        criteria.add(new Criterion(CriterionType.OR, search));
+        return this;
+    }
+
+    /**
+     * @param col col name
+     * @param value value
+     * @return this
+     */
+    public Search or(String col, Object value) {
+        return or(new Search(col, value).table(table));
+    }
+
+    /**
+     * @param col col name
+     * @return this
+     */
+    public Search asc(String col) {
+        return orderBy(col, Order.ASC);
+    }
+
+    /**
+     * @param col col name
+     * @return this
+     */
+    public Search desc(String col) {
+        return orderBy(col, Order.DESC);
+    }
+
+    /**
+     * order by
+     * @param col col name
+     * @param order order
+     * @return this
+     */
+    public Search orderBy(final String col, final Order order) {
+        Assert.hasText(col, "Order column could not be blank");
+
+        if (col.matches("^\\w+$")) {
+            orders.put(WordUtils.convertCamelCase(
+                    col, "_").toLowerCase(), order.name());
+        }
+        else {
+            orders.put(col, order.name());
+        }
+        return this;
+    }
+
+    /**
+     * @param offset offset
+     * @return this
+     */
+    public Search offset(Integer offset) {
+        if (offset != null) {
+            Assert.state(offset >= 0, "Offset may not be negative");
+        }
+        this.offset = offset;
+        return this;
+    }
+
+    /**
+     * @param offset offset
+     * @return this
+     */
+    public Search offset(int offset) {
+        Assert.state(offset >= 0, "Offset may not be negative");
+        this.offset = offset;
+        return this;
+    }
+
+    /**
+     * @return offset
+     */
+    public Integer offset() {
+        return offset;
+    }
+
+    /**
+     * @param limit limit
+     * @return this
+     */
+    public Search limit(Integer limit) {
+        if (limit != null) {
+            Assert.state(limit > 0, "Limit may not be negative or zero");
+        }
+        this.limit = limit;
+        return this;
+    }
+
+    /**
+     * @param limit limit
+     * @return this
+     */
+    public Search limit(int limit) {
+        Assert.state(limit > 0, "Limit may not be negative or zero");
+        this.limit = limit;
+        return this;
+    }
+
+    /**
+     * @return limit
+     */
+    public Integer limit() {
+        return limit;
+    }
+
+    /**
+     * @return orders
+     */
+    public Map<String, String> orders() {
+        final Map<String, String> ordersRtn =
+            new LinkedHashMap<>(orders.size());
+        boolean hasTable = StringUtils.isNotBlank(table);
+        for (final Map.Entry<String, String> order : orders.entrySet()) {
+            final String col = order.getKey();
+            ordersRtn.put(hasTable && !col.contains(".") ?
+                table + "." + col : col, order.getValue());
+        }
+        return ordersRtn;
+    }
+
+    /**
+     * assemble to sql and value list
+     * @return sql and value list
+     */
+    public List<Object> assemble() {
+        return assemble(false);
+    }
+
+    /**
+     * @return true if has criterion
+     */
+    public boolean hasCriterion() {
+        return !criteria.isEmpty();
+    }
+
+    /**
+     * @param col col
+     * @return true if has col criterion
+     */
+    public boolean hasCriterion(final String col) {
+        for (final Criterion criterion : criteria) {
+            if (col.equals(criterion.getCol())) {
+                return true;
+            }
+        }
+        return false;
+    }
+
+    /**
+     * @return true if has no criterion
+     */
+    public boolean hasNoCriterion() {
+        return criteria.isEmpty();
+    }
+
+    /**
+     * @return true if has order
+     */
+    public boolean hasOrder() {
+        return !orders.isEmpty();
+    }
+
+    /**
+     * @return true if has no order
+     */
+    public boolean hasNoOrder() {
+        return orders.isEmpty();
+    }
+
+    /**
+     * check attrs data
+     * @param name name
+     * @return true if has attr
+     */
+    public boolean hasAttr(final String name) {
+        return attrs.containsKey(name);
+    }
+
+    /**
+     * check attr val is true
+     * @param name attr name
+     * @return true if attr is true
+     */
+    public boolean trueAttr(final String name) {
+        final Object val = attr(name);
+        return (val instanceof Boolean) && (Boolean) val;
+    }
+
+    /**
+     * get attrs data
+     * @param name name
+     * @param <T> data type
+     * @return data
+     */
+    @SuppressWarnings("unchecked")
+    public <T> T getAttr(final String name) {
+        return (T) attrs.get(name);
+    }
+
+    /**
+     * get attrs data
+     * @param name name
+     * @param <T> data type
+     * @return data
+     */
+    @SuppressWarnings("unchecked")
+    public <T> T attr(final String name) {
+        return (T) attrs.get(name);
+    }
+
+    /**
+     * set attrs data
+     * @param name name
+     * @param value value
+     * @return this
+     */
+    public Search setAttr(final String name, final Object value) {
+        attrs.put(name, value);
+        return this;
+    }
+
+    /**
+     * set attrs data
+     * @param name name
+     * @param value value
+     * @return this
+     */
+    public Search attr(final String name, final Object value) {
+        attrs.put(name, value);
+        return this;
+    }
+
+    // --
+    // private methods
+
+    /**
+     * get table
+     * @return table
+     */
+    String table() {
+        return this.table;
+    }
+
+    List<Object> assemble(boolean subSearch) {
+        final List<Object> result = new LinkedList<>();
+        final SearchProcessArgs args = new SearchProcessArgs(table, result);
+        for (final Criterion criterion : criteria) {
+            args.setCriterion(criterion);
+            for (final SearchProcessor processor : PROCESSORS) {
+                if (processor.accept(args)) {
+                    processor.process(args);
+                    break;
+                }
+            }
+            if (!args.isHasPrevCol()) {
+                args.setHasPrevCol(true);
+            }
+        }
+
+        if (subSearch && criteria.size() > 1) {
+            result.add(0, new SqlFragment("("));
+            result.add(new SqlFragment(")"));
+        }
+        return result;
+    }
+
+    List<Object> toList(Object source) {
+        final int length = Array.getLength(source);
+        final List<Object> list = new ArrayList<>(length);
+        for (int i = 0; i < length; ++i) {
+            list.add(Array.get(source, i));
+        }
+        return list;
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/SearchProcessArgs.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/SearchProcessArgs.java
new file mode 100644
index 00000000..3fdb06e3
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/SearchProcessArgs.java
@@ -0,0 +1,53 @@
+package com.wacai.tigon.mybatis;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.NonNull;
+import java.util.List;
+import com.wacai.tigon.util.WordUtils;
+import lombok.RequiredArgsConstructor;
+import org.apache.commons.lang3.StringUtils;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/23 16:58
+ */
+@Getter
+@RequiredArgsConstructor
+public class SearchProcessArgs {
+    private final String table;
+    @NonNull
+    private final List<Object> result;
+    @Setter
+    private Criterion criterion;
+    @Setter
+    private boolean hasPrevCol;
+    @Setter
+    private boolean hasPrevOrCol;
+
+    public SearchProcessArgs append(final String sqlFragment) {
+        result.add(new SqlFragment(sqlFragment));
+        return this;
+    }
+
+    public SearchProcessArgs addValue(final Object value) {
+        result.add(value);
+        return this;
+    }
+
+    public String getCol() {
+        String col = criterion.getCol();
+        if (col.matches("^\\w+$")) {
+            col = WordUtils.convertCamelCase(
+                    col, "_").toLowerCase();
+        }
+
+        return StringUtils.isNotBlank(table)
+            && !col.contains(".") ?
+                table + "." + col : col;
+    }
+
+    public <T> T getValue() {
+        return criterion.getValue();
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/SearchProcessor.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/SearchProcessor.java
new file mode 100644
index 00000000..09d7b8e0
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/SearchProcessor.java
@@ -0,0 +1,19 @@
+package com.wacai.tigon.mybatis;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/23 16:57
+ */
+interface SearchProcessor {
+
+    /**
+     * @param args
+     * @return true if accept
+     */
+    boolean accept(SearchProcessArgs args);
+
+    /**
+     * @param args
+     */
+    void process(SearchProcessArgs args);
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/SqlFragment.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/SqlFragment.java
new file mode 100644
index 00000000..e86fdefa
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/SqlFragment.java
@@ -0,0 +1,25 @@
+package com.wacai.tigon.mybatis;
+
+import lombok.Getter;
+import java.io.Serializable;
+import lombok.RequiredArgsConstructor;
+
+/**
+ * @author Donghuang <br>
+ * 2017/2/6 9:48
+ */
+@Getter
+@RequiredArgsConstructor
+public class SqlFragment implements Serializable {
+	private static final long serialVersionUID = 1L;
+
+	private final String sql;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String toString() {
+        return sql;
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/SqlParam.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/SqlParam.java
new file mode 100644
index 00000000..08e02b1e
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/SqlParam.java
@@ -0,0 +1,26 @@
+package com.wacai.tigon.mybatis;
+
+import lombok.Getter;
+import java.io.Serializable;
+import lombok.RequiredArgsConstructor;
+
+/**
+ * @author Donghuang <br>
+ * 2017/2/6 9:48
+ */
+@Getter
+@RequiredArgsConstructor
+public class SqlParam implements Serializable {
+    private static final long serialVersionUID = 1L;
+
+    private final boolean raw;
+    private final Object value;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String toString() {
+        return "SQL param [" + value + "], raw [" + raw + "].";
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/Table.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/Table.java
new file mode 100644
index 00000000..fffea8a9
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/Table.java
@@ -0,0 +1,16 @@
+package com.wacai.tigon.mybatis;
+
+import java.lang.annotation.Target;
+import java.lang.annotation.Retention;
+import static java.lang.annotation.ElementType.TYPE;
+import static java.lang.annotation.RetentionPolicy.RUNTIME;
+
+/**
+ * @author Donghuang <br>
+ * Feb 21, 2017 19:18:34
+ */
+@Target(TYPE)
+@Retention(RUNTIME)
+public @interface Table {
+    String value();
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/Transient.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/Transient.java
new file mode 100644
index 00000000..520c42fb
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/Transient.java
@@ -0,0 +1,15 @@
+package com.wacai.tigon.mybatis;
+
+import java.lang.annotation.Target;
+import java.lang.annotation.Retention;
+import static java.lang.annotation.ElementType.FIELD;
+import static java.lang.annotation.RetentionPolicy.RUNTIME;
+
+/**
+ * @author Donghuang <br>
+ * Mar 16, 2017 23:57:44
+ */
+@Target(FIELD)
+@Retention(RUNTIME)
+public @interface Transient {
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/UseGeneratedKeys.java b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/UseGeneratedKeys.java
new file mode 100644
index 00000000..95b38f77
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/mybatis/UseGeneratedKeys.java
@@ -0,0 +1,16 @@
+package com.wacai.tigon.mybatis;
+
+import java.lang.annotation.Target;
+import java.lang.annotation.Retention;
+import static java.lang.annotation.ElementType.TYPE;
+import static java.lang.annotation.RetentionPolicy.RUNTIME;
+
+/**
+ * @author Donghuang <br>
+ * Feb 21, 2017 19:27:09
+ */
+@Target(TYPE)
+@Retention(RUNTIME)
+public @interface UseGeneratedKeys {
+    String value() default "";
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/util/WordUtils.java b/lib/tigon/model/src/main/java/com/wacai/tigon/util/WordUtils.java
new file mode 100644
index 00000000..2018480f
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/util/WordUtils.java
@@ -0,0 +1,114 @@
+package com.wacai.tigon.util;
+
+import org.apache.commons.lang3.StringUtils;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 31, 2014 1:27:57 PM
+ */
+public class WordUtils {
+
+    /**
+     * split Camel Case
+     * <pre>
+     * nice - [nice]
+     * World - [World]
+     * MySQL - [My SQL]
+     * HTML - [HTML]
+     * JSONObject - [JSON Object]
+     * JPanel - [J Panel]
+     * toJSONString - [to JSON String]
+     * Log4j - [Log4j]
+     * 99Roses - [99 Roses]
+     * DO178 - [DO178]
+     * Do178 - [Do178]
+     * </pre>
+     * @param str word
+     * @return split result
+     */
+    public static String[] splitToWords(String str) {
+        return StringUtils.isNotBlank(str) ? 
+                    // JSONObject - JSON Object
+                    // 99Rose - 99 Rose
+                str.split(new StringBuilder("(?<=[0-9A-Z])(?=[A-Z][a-z])")
+                    // MySQL - My SQL
+                    .append("|(?<=[a-z])(?=[A-Z])")
+                    .toString()) :
+                new String[0];
+    }
+
+    /**
+     * Join Camel Case Word
+     * <pre>
+     * #convertCamelCase("nice", "_") - [nice]
+     * #convertCamelCase("World", "_") - [World]
+     * #convertCamelCase("MySQL", "_") - [My_SQL]
+     * #convertCamelCase("HTML", "_") - [HTML]
+     * #convertCamelCase("JSONObject", "_") - [JSON_Object]
+     * #convertCamelCase("JPanel", "_") - [J_Panel]
+     * #convertCamelCase("toJSONString", "_") - [to_JSON_String]
+     * #convertCamelCase("Log4J", "_") - [Log_4_J]
+     * #convertCamelCase("Log4j", "_") - [Log_4_j]
+     * #convertCamelCase("99Roses", "_") - [99_Roses]
+     * #convertCamelCase("Varchar2", "_") - [Varchar_2]
+     * #convertCamelCase("DO178", "_") - [DO_178]
+     * #convertCamelCase("Do178", "_") - [Do_178]
+     * #convertCamelCase("Do178", "-") - [Do-178]
+     * ...
+     * </pre>
+     * @param str word
+     * @param separator separator
+     * @return split result
+     */
+    public static String convertCamelCase(final String str, final String separator) {
+        return StringUtils.join(splitToWords(str), separator);
+    }
+
+    /**
+     * FooBar - Foo_Bar
+     * @param str FooBar
+     * @return Foo_Bar
+     */
+    public static String convertCamelCase(final String str) {
+        return StringUtils.join(splitToWords(str), "_");
+    }
+
+    /**
+     * <pre>
+     * FOO_BAR - fooBar
+     * foo,bar - fooBar
+     * </pre>
+     * @param str word
+     * @param separator separator
+     * @return split result
+     */
+    public static String convertToCamelCase(final String str, final String separator) {
+        if (StringUtils.isNotBlank(str)) {
+            StringBuilder sbRtn = new StringBuilder();
+            for (String s : str.split(separator)) {
+                sbRtn.append(StringUtils.capitalize(s.toLowerCase()));
+            }
+            return StringUtils.uncapitalize(sbRtn.toString());
+        }
+        return str;
+    }
+
+    /**
+     * FOO_bar - fooBar
+     * @param str str
+     * @return camelCase
+     */
+    public static String convertToCamelCase(final String str) {
+        return convertToCamelCase(str, "_");
+    }
+
+    /**
+     * convert underline word to
+     * @param word
+     * @return
+     */
+    public static String toCamel(final String word) {
+        return StringUtils.uncapitalize(convertToCamelCase(word.toLowerCase(), "_"));
+    }
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/validation/annotation/NotNullOrBlank.java b/lib/tigon/model/src/main/java/com/wacai/tigon/validation/annotation/NotNullOrBlank.java
new file mode 100644
index 00000000..c766bec8
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/validation/annotation/NotNullOrBlank.java
@@ -0,0 +1,28 @@
+package com.wacai.tigon.validation.annotation;
+
+import javax.validation.Payload;
+import javax.validation.Constraint;
+import java.lang.annotation.Target;
+import java.lang.annotation.Retention;
+import java.lang.annotation.Documented;
+import java.lang.annotation.ElementType;
+import javax.validation.constraints.NotNull;
+import java.lang.annotation.RetentionPolicy;
+import com.wacai.tigon.validation.validator.NotNullOrBlankValidator;
+
+/**
+ * Mark field not null or blank (for string)
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 9, 2016 11:17:43 AM
+ */
+@NotNull
+@Documented
+@Retention(RetentionPolicy.RUNTIME)
+@Target({ElementType.FIELD, ElementType.METHOD, ElementType.PARAMETER, ElementType.ANNOTATION_TYPE})
+@Constraint(validatedBy = NotNullOrBlankValidator.class)
+public @interface NotNullOrBlank {
+    String message() default "{com.wacai.tigon.validation.validator.NotNullOrBlank.message}";
+    Class<?>[] groups() default {};
+    Class<? extends Payload>[] payload() default {};
+}
diff --git a/lib/tigon/model/src/main/java/com/wacai/tigon/validation/validator/NotNullOrBlankValidator.java b/lib/tigon/model/src/main/java/com/wacai/tigon/validation/validator/NotNullOrBlankValidator.java
new file mode 100644
index 00000000..650e98b7
--- /dev/null
+++ b/lib/tigon/model/src/main/java/com/wacai/tigon/validation/validator/NotNullOrBlankValidator.java
@@ -0,0 +1,26 @@
+package com.wacai.tigon.validation.validator;
+
+import javax.validation.ConstraintValidator;
+import org.apache.commons.lang3.StringUtils;
+
+import com.wacai.tigon.validation.annotation.NotNullOrBlank;
+
+import javax.validation.ConstraintValidatorContext;
+
+/**
+ * @author Donghuang <br>
+ * Feb 22, 2017 15:22:58
+ */
+public class NotNullOrBlankValidator implements ConstraintValidator<NotNullOrBlank, Object> {
+
+    @Override
+    public void initialize(NotNullOrBlank constraintAnnotation) {
+
+    }
+
+    @Override
+    public boolean isValid(Object value, ConstraintValidatorContext context) {
+        return (value instanceof String) && StringUtils.isNotBlank((String) value) ||
+            (value != null && !(value instanceof String));
+    }
+}
diff --git a/lib/tigon/model/src/test/java/com/wacai/tigon/test/TestDriver.java b/lib/tigon/model/src/test/java/com/wacai/tigon/test/TestDriver.java
new file mode 100644
index 00000000..8bdc7e83
--- /dev/null
+++ b/lib/tigon/model/src/test/java/com/wacai/tigon/test/TestDriver.java
@@ -0,0 +1,53 @@
+package com.wacai.tigon.test;
+
+import com.wacai.tigon.model.M0;
+import com.wacai.tigon.mybatis.Search;
+import org.apache.commons.lang3.StringUtils;
+import org.junit.Test;
+import org.slf4j.Logger;
+import org.slf4j.LoggerFactory;
+
+import java.util.Arrays;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * May 13, 2016 10:45:07 AM
+ */
+public class TestDriver {
+    private static final Logger log = 
+        LoggerFactory.getLogger(TestDriver.class);
+    
+    @Test
+    public void run() {
+        M0 m3 = new M0();
+        log.info("M3 [{}].", m3.updateMap());
+        log.info("M3 [{}].", m3.insertMap().keySet());
+    }
+
+    @Test
+    public void runSearch() {
+        Search search = new Search(1).eq("name", 2).or("gender", "F").or("gender", "M");
+        System.err.println(StringUtils.join(search.assemble(), ""));
+        search = new Search().or(
+                new Search().or("Bar", "Foo")
+                        .eq("foo", "bar")
+                        .ne("ne_col", "1")
+                        .ne("not_null", null)
+                        .notNull("not_null2")
+                        .or(new Search().eq("sub_or0", 1).eq("sub_or2", 2))
+                        .in("in_col", new Object[] {"1", 2, 3})
+                        .like("col_like", "%Shaun%")
+                        .or("Or0", "OrValue")
+                        .or("Or2", "OrValue2")
+            ).eq("name", 2).isNull("gaga");
+        System.err.println(StringUtils.join(search.assemble(), ""));
+    }
+
+    @Test
+    public void runArray() {
+        Object array = new String[] {"1", "2"};
+        System.err.println(Arrays.asList((Object[]) array));
+        new Search().in("foo", new String[]{});
+    }
+}
diff --git a/lib/tigon/model/src/test/resources/log4j2.xml b/lib/tigon/model/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..1b0cccb8
--- /dev/null
+++ b/lib/tigon/model/src/test/resources/log4j2.xml
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+        <Property name="log.dir">.log</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="${pattern}" />
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}-test.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-test-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+        <!-- appender to send mails asynchronously -->
+        <Async name="AsyncFile">
+            <AppenderRef ref="File" />
+        </Async>
+    </Appenders>
+    <Loggers>
+        <Root level="DEBUG" additivity="false">
+            <AppenderRef ref="Console" level="DEBUG" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/tigon/mybatis/README.md b/lib/tigon/mybatis/README.md
new file mode 100644
index 00000000..64b41d82
--- /dev/null
+++ b/lib/tigon/mybatis/README.md
@@ -0,0 +1 @@
+#tigon-mybatis
diff --git a/lib/tigon/mybatis/pom.xml b/lib/tigon/mybatis/pom.xml
new file mode 100644
index 00000000..de49b77d
--- /dev/null
+++ b/lib/tigon/mybatis/pom.xml
@@ -0,0 +1,72 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://maven.apache.org/POM/4.0.0         http://maven.apache.org/xsd/maven-4.0.0.xsd">
+
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>tigon-mybatis</artifactId>
+    <packaging>jar</packaging>
+    <name>Tigon MyBatis</name>
+    <description>Tigon MyBatis</description>
+
+    <parent>
+        <groupId>com.wacai.tigon</groupId>
+        <artifactId>tigon</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-model</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.mybatis</groupId>
+            <artifactId>mybatis</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.mybatis</groupId>
+            <artifactId>mybatis-spring</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-context</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test -->
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-jdbc</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>com.alibaba</groupId>
+            <artifactId>druid</artifactId>
+            <version>1.1.3</version>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>mysql</groupId>
+            <artifactId>mysql-connector-java</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-log4j2</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/BaseDeleteMapper.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/BaseDeleteMapper.java
new file mode 100644
index 00000000..05b09f50
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/BaseDeleteMapper.java
@@ -0,0 +1,30 @@
+package com.wacai.tigon.mybatis;
+
+import com.wacai.tigon.model.DomainModel;
+import org.apache.ibatis.annotations.Param;
+import javax.validation.constraints.NotNull;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 17, 2015 2:09:20 PM
+ */
+@SuppressWarnings("hiding")
+public interface BaseDeleteMapper<PrimaryKey,
+        Model extends DomainModel<PrimaryKey>>
+    extends SuperMapper<Model> {
+
+    /**
+     * delete by search
+     * @param search search
+     * @return delete result
+     */
+    int delete(@NotNull @Param(PARAM_SEARCH_KEY) Search search);
+
+    /**
+     * delete by PrimaryKey
+     * @param primaryKey primaryKey
+     * @return delete result
+     */
+    int delete(@NotNull @Param(PARAM_SEARCH_KEY) PrimaryKey primaryKey);
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/BaseInsertMapper.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/BaseInsertMapper.java
new file mode 100644
index 00000000..51184805
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/BaseInsertMapper.java
@@ -0,0 +1,38 @@
+package com.wacai.tigon.mybatis;
+
+import java.util.Collection;
+import com.wacai.tigon.model.DomainModel;
+import org.apache.ibatis.annotations.Param;
+import javax.validation.constraints.NotEmpty;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 17, 2015 2:09:20 PM
+ */
+@SuppressWarnings("hiding")
+public interface BaseInsertMapper<PrimaryKey,
+        Model extends DomainModel<PrimaryKey>>
+    extends SuperMapper<Model> {
+
+    /**
+     * insert model
+     * @param model model
+     * @return insert result
+     */
+    int insert(@Param(PARAM_MODEL_KEY) Model model);
+
+    /**
+     * insert model
+     * @param models model
+     * @return insert result
+     */
+    int insert(@NotEmpty @Param(PARAM_MODELS_KEY) Collection<Model> models);
+
+    /**
+     * insert model
+     * @param models model
+     * @return insert result
+     */
+    int insert(@NotEmpty @Param(PARAM_MODELS_KEY) Model[] models);
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/BaseMapper.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/BaseMapper.java
new file mode 100644
index 00000000..8e83a740
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/BaseMapper.java
@@ -0,0 +1,17 @@
+package com.wacai.tigon.mybatis;
+
+import com.wacai.tigon.model.DomainModel;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 17, 2015 2:09:20 PM
+ */
+@SuppressWarnings("hiding")
+public interface BaseMapper<PrimaryKey,
+        Model extends DomainModel<PrimaryKey>>
+    extends BaseQueryMapper<PrimaryKey, Model>,
+        BaseInsertMapper<PrimaryKey, Model>,
+        BaseUpdateMapper<PrimaryKey, Model>,
+        BaseDeleteMapper<PrimaryKey, Model> {
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/BaseQueryMapper.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/BaseQueryMapper.java
new file mode 100644
index 00000000..43323c12
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/BaseQueryMapper.java
@@ -0,0 +1,70 @@
+package com.wacai.tigon.mybatis;
+
+import java.util.List;
+import com.wacai.tigon.model.DomainModel;
+import org.apache.ibatis.annotations.Param;
+import javax.validation.constraints.NotNull;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 17, 2015 2:09:20 PM
+ */
+@SuppressWarnings("hiding")
+public interface BaseQueryMapper<PrimaryKey,
+        Model extends DomainModel<PrimaryKey>>
+    extends SuperMapper<Model> {
+
+    /**
+     * find one by search
+     * @param search search
+     * @return true if exists rows
+     */
+    boolean exists(@Param(PARAM_SEARCH_KEY) Search search);
+
+    /**
+     * find one by search
+     * @param search search
+     * @return find result or null
+     */
+    Model find(@NotNull @Param(PARAM_SEARCH_KEY) Search search);
+
+    /**
+     * find one by PrimaryKey
+     * @param primaryKey primaryKey
+     * @return find result or null
+     */
+    Model find(@NotNull @Param(PARAM_SEARCH_KEY) PrimaryKey primaryKey);
+
+    /**
+     * find col by search
+     *
+     * @param col select col
+     * @param search search
+     * @return col result
+     */
+    <T> T findCol(@Param(PARAM_COL_KEY) String col, @Param(PARAM_SEARCH_KEY) Search search);
+
+    /**
+     * list by search
+     * @param search search
+     * @return list result or empty list
+     */
+    List<Model> list(@Param(PARAM_SEARCH_KEY) Search search);
+
+    /**
+     * list col by search
+     *
+     * @param col select col
+     * @param search search
+     * @return list result or empty list
+     */
+    <T> List<T> listCol(@Param(PARAM_COL_KEY) String col, @Param(PARAM_SEARCH_KEY) Search search);
+
+    /**
+     * count by search
+     * @param search search
+     * @return count
+     */
+    int count(@Param(PARAM_SEARCH_KEY) Search search);
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/BaseUpdateMapper.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/BaseUpdateMapper.java
new file mode 100644
index 00000000..738af585
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/BaseUpdateMapper.java
@@ -0,0 +1,98 @@
+package com.wacai.tigon.mybatis;
+
+import java.util.Map;
+import java.util.Collection;
+import com.wacai.tigon.model.DomainModel;
+import org.apache.ibatis.annotations.Param;
+import javax.validation.constraints.NotNull;
+import javax.validation.constraints.NotEmpty;
+import javax.validation.constraints.NotBlank;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 17, 2015 2:09:20 PM
+ */
+@SuppressWarnings("hiding")
+public interface BaseUpdateMapper<PrimaryKey,
+        Model extends DomainModel<PrimaryKey>>
+    extends SuperMapper<Model> {
+
+    /**
+     * update model by primary key
+     * @param model update model
+     * @return update result
+     */
+    int update(@NotNull @Param(PARAM_MODEL_KEY) Model model);
+
+    /**
+     * update by search
+     * @param model update model
+     * @param search update search
+     * @return update result
+     */
+    int update(@NotNull @Param(PARAM_MODEL_KEY) Model model, @Param(PARAM_SEARCH_KEY) Search search);
+
+    /**
+     * update by search
+     * @param update update model
+     * @param search update search
+     * @return update result
+     */
+    int update(@NotNull @Param(PARAM_MODEL_KEY) Map<String, ?> update, @Param(PARAM_SEARCH_KEY) Search search);
+
+    /**
+     * update by primary key
+     * @param update update model
+     * @param primaryKey primary key
+     * @return update result
+     */
+    int update(@NotNull @Param(PARAM_MODEL_KEY) Map<String, ?> update, @Param(PARAM_SEARCH_KEY) PrimaryKey primaryKey);
+    /**
+     * set col to null
+     * @param col col
+     * @param primaryKey primary key
+     * @return update result
+     */
+    int setNull(@NotBlank @Param(PARAM_COL_KEY) String col, @NotNull @Param(PARAM_SEARCH_KEY) PrimaryKey primaryKey);
+    
+    /**
+     * set col null
+     * @param col col
+     * @param search search
+     * @return update result
+     */
+    int setNull(@NotBlank @Param(PARAM_COL_KEY) String col, @NotNull @Param(PARAM_SEARCH_KEY) Search search);
+
+    /**
+     * set cols null
+     * @param cols cols
+     * @param primaryKey primary key
+     * @return update result
+     */
+    int setNull(@NotEmpty @Param(PARAM_COLS_KEY) String[] cols, @NotNull @Param(PARAM_SEARCH_KEY) PrimaryKey primaryKey);
+    
+    /**
+     * set cols null
+     * @param cols cols
+     * @param search search
+     * @return update result
+     */
+    int setNull(@NotEmpty @Param(PARAM_COLS_KEY) String[] cols, @NotNull @Param(PARAM_SEARCH_KEY) Search search);
+    
+    /**
+     * set cols null
+     * @param cols cols
+     * @param primaryKey primary key
+     * @return update result
+     */
+    int setNull(@NotEmpty @Param(PARAM_COLS_KEY) Collection<String> cols, @NotNull @Param(PARAM_SEARCH_KEY) PrimaryKey primaryKey);
+    
+    /**
+     * set cols null
+     * @param cols cols
+     * @param search search
+     * @return update result
+     */
+    int setNull(@NotEmpty @Param(PARAM_COLS_KEY) Collection<String> cols, @NotNull @Param(PARAM_SEARCH_KEY) Search search);
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/Jdbc3KeyGen.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/Jdbc3KeyGen.java
new file mode 100644
index 00000000..679eb7fb
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/Jdbc3KeyGen.java
@@ -0,0 +1,149 @@
+package com.wacai.tigon.mybatis;
+
+import java.util.*;
+import lombok.Getter;
+import java.sql.ResultSet;
+import java.sql.Statement;
+import java.sql.SQLException;
+import com.wacai.tigon.model.M0;
+import lombok.extern.slf4j.Slf4j;
+import java.sql.ResultSetMetaData;
+import org.apache.ibatis.type.JdbcType;
+import org.apache.ibatis.type.TypeHandler;
+import org.apache.ibatis.executor.Executor;
+import org.apache.ibatis.binding.MapperMethod;
+import org.apache.ibatis.session.Configuration;
+import org.apache.ibatis.reflection.MetaObject;
+import org.apache.ibatis.mapping.MappedStatement;
+import org.apache.ibatis.type.TypeHandlerRegistry;
+import org.apache.ibatis.executor.ExecutorException;
+import org.apache.ibatis.reflection.SystemMetaObject;
+import org.apache.ibatis.executor.keygen.KeyGenerator;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/9 14:46
+ */
+@Slf4j
+class Jdbc3KeyGen implements KeyGenerator {
+    @Getter
+    private KeyGenerator originKeyGen;
+
+    public Jdbc3KeyGen(KeyGenerator originKeyGen) {
+        this.originKeyGen = originKeyGen;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void processBefore(Executor executor,
+        MappedStatement ms,
+        Statement stmt,
+        Object parameter) {
+        // noop
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void processAfter(Executor executor,
+        MappedStatement ms,
+        Statement stmt,
+        Object params) {
+        ResultSet rs = null;
+        try {
+            rs = stmt.getGeneratedKeys();
+            final Configuration configuration = ms.getConfiguration();
+            final TypeHandlerRegistry typeHandlerRegistry =
+                configuration.getTypeHandlerRegistry();
+            String[] keyProps = ms.getKeyProperties();
+            if (keyProps == null || keyProps.length == 0) {
+                keyProps = new String[] {M0.ID};
+            }
+
+            final ResultSetMetaData rsmd = rs.getMetaData();
+            if (rsmd.getColumnCount() >= keyProps.length) {
+                TypeHandler<?>[] typeHandlers = null;
+                for (Object model : getModels(params)) {
+                    log.info("Process Model [{}] Key.", model);
+                    // there should be one row for each statement (also one for each params)
+                    if (rs.next()) {
+                        final MetaObject metaModel = configuration.newMetaObject(model);
+                        if (typeHandlers == null) {
+                            typeHandlers = getTypeHandlers(typeHandlerRegistry, metaModel, keyProps, rsmd);
+                        }
+                        populateKeys(rs, metaModel, keyProps, typeHandlers);
+                        log.info("Populate Model [{}] Key Result.", model);
+                    }
+                    else {
+                        break;
+                    }
+                }
+            }
+        }
+        catch (Exception e) {
+            throw new ExecutorException(
+                "Error getting generated key or setting result to params object. Cause: " + e, e);
+        }
+        finally {
+            // set original Key Generator back
+            SystemMetaObject.forObject(ms).setValue("keyGenerator", originKeyGen);
+            if (rs != null) {
+                try {
+                    rs.close();
+                }
+                catch (Exception e) {
+                    // ignore
+                }
+            }
+        }
+    }
+
+    @SuppressWarnings("unchecked")
+    private Collection<Object> getModels(Object objParams) {
+        Collection<Object> models = null;
+        if (objParams instanceof MapperMethod.ParamMap) {
+            Map<String, Object> mapParams = (Map<String, Object>) objParams;
+            if (mapParams.containsKey(SuperMapper.PARAM_MODEL_KEY)) {
+                models = new ArrayList<>(1);
+                models.add(mapParams.get(SuperMapper.PARAM_MODEL_KEY));
+            }
+            else if (mapParams.containsKey(SuperMapper.PARAM_MODELS_KEY)) {
+                Object objModels = mapParams.get(SuperMapper.PARAM_MODELS_KEY);
+                if (objModels.getClass().isArray()) {
+                    models = Arrays.asList((Object[]) objModels);
+                }
+                else if (objModels instanceof Collection) {
+                    models = (Collection<Object>) objModels;
+                }
+            }
+        }
+        return models != null ? models : Collections.emptyList();
+    }
+
+    private TypeHandler<?>[] getTypeHandlers(TypeHandlerRegistry typeHandlerRegistry,
+        MetaObject metaParam,
+        String[] keyProperties,
+        ResultSetMetaData rsmd) throws SQLException {
+        TypeHandler<?>[] typeHandlers = new TypeHandler<?>[keyProperties.length];
+        for (int i = 0; i < keyProperties.length; i++) {
+            if (metaParam.hasSetter(keyProperties[i])) {
+                Class<?> keyPropertyType = metaParam.getSetterType(keyProperties[i]);
+                typeHandlers[i] = typeHandlerRegistry.getTypeHandler(keyPropertyType,
+                    JdbcType.forCode(rsmd.getColumnType(i + 1)));
+            }
+        }
+        return typeHandlers;
+    }
+
+    private void populateKeys(ResultSet rs, MetaObject metaParam, String[] keyProperties, TypeHandler<?>[] typeHandlers) throws SQLException {
+        for (int i = 0; i < keyProperties.length; ++i) {
+            TypeHandler<?> th = typeHandlers[i];
+            if (th != null) {
+                metaParam.setValue(keyProperties[i], th.getResult(rs, i + 1));
+            }
+        }
+    }
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/KeyGenInterceptor.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/KeyGenInterceptor.java
new file mode 100644
index 00000000..1864b11d
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/KeyGenInterceptor.java
@@ -0,0 +1,136 @@
+package com.wacai.tigon.mybatis;
+
+import java.sql.Connection;
+import java.util.Properties;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.ibatis.plugin.*;
+import org.apache.ibatis.mapping.*;
+import org.apache.ibatis.executor.Executor;
+import org.apache.ibatis.binding.MapperMethod;
+import org.apache.ibatis.reflection.MetaObject;
+import org.apache.ibatis.reflection.SystemMetaObject;
+import org.apache.ibatis.executor.keygen.KeyGenerator;
+import org.apache.ibatis.executor.keygen.Jdbc3KeyGenerator;
+import org.apache.ibatis.executor.statement.StatementHandler;
+import org.apache.ibatis.executor.statement.RoutingStatementHandler;
+import static com.wacai.tigon.mybatis.KeyGenInterceptor.METHOD_UPDATE;
+import static com.wacai.tigon.mybatis.KeyGenInterceptor.METHOD_PREPARE;
+
+/**
+ * @author Donghuang <br>
+ * 2017/1/9 14:46
+ */
+@Intercepts({
+    @Signature(type = StatementHandler.class,
+        method = METHOD_PREPARE,
+        args = {
+            Connection.class,
+            Integer.class
+    }),
+    @Signature(type = Executor.class,
+        method = METHOD_UPDATE,
+        args = {
+            MappedStatement.class,
+            Object.class
+    })
+})
+@Slf4j
+class KeyGenInterceptor implements Interceptor {
+    public static final String METHOD_PREPARE = "prepare";
+    public static final String METHOD_UPDATE = "update";
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Object intercept(final Invocation invocation) throws Throwable {
+        final String method = invocation.getMethod().getName();
+        final Object objRtn;
+        if (METHOD_PREPARE.equals(method)) {
+            objRtn = injectKeyGen(invocation);
+        }
+        else if (METHOD_UPDATE.endsWith(method)) {
+            try {
+                objRtn = invocation.proceed();
+            }
+            catch (final Throwable e) {
+                final MappedStatement statement = (MappedStatement) invocation.getArgs()[0];
+                final KeyGenerator keyGenerator = statement.getKeyGenerator();
+                if (keyGenerator instanceof Jdbc3KeyGen) {
+                    log.info("Update error caused, reset mapped statement [{}] key gen.", statement);
+                    SystemMetaObject.forObject(statement)
+                        .setValue("keyGenerator", ((Jdbc3KeyGen) keyGenerator).getOriginKeyGen());
+                }
+                throw e;
+            }
+        }
+        else {
+            objRtn = invocation.proceed();
+        }
+        return objRtn;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Object plugin(Object target) {
+        return (target instanceof StatementHandler) ||
+            (target instanceof Executor) ?
+                Plugin.wrap(target, this) : target;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void setProperties(Properties properties) {
+    }
+
+    // --
+    // private methods
+
+    StatementHandler getStatementHandler(Invocation invocation) {
+        StatementHandler statement = (StatementHandler) invocation.getTarget();
+        if (statement instanceof RoutingStatementHandler) {
+            statement = (StatementHandler) SystemMetaObject
+                .forObject(statement).getValue("delegate");
+        }
+        return statement;
+    }
+
+    /**
+     * intercept and set custom key generator
+     * @param invocation invocation
+     * @return result
+     * @throws Throwable exception
+     */
+    Object injectKeyGen(final Invocation invocation) throws Throwable {
+        Object objRtn = invocation.proceed();
+        MetaObject metaObjStatementHandler =
+            SystemMetaObject.forObject(getStatementHandler(invocation));
+        MappedStatement mappedStatement =
+            (MappedStatement) metaObjStatementHandler.getValue("mappedStatement");
+
+        if (SqlCommandType.INSERT.equals(mappedStatement.getSqlCommandType())) {
+            BoundSql boundSql = (BoundSql) metaObjStatementHandler.getValue("boundSql");
+            Object paramObj = boundSql.getParameterObject();
+            if (paramObj instanceof MapperMethod.ParamMap) {
+                @SuppressWarnings("unchecked")
+                MapperMethod.ParamMap<Object> paramMap = 
+                    (MapperMethod.ParamMap<Object>) paramObj;
+                if (paramMap.containsKey(SuperMapper.PARAM_MODEL_KEY) ||
+                        paramMap.containsKey(SuperMapper.PARAM_MODELS_KEY)) {
+                    KeyGenerator keygen = mappedStatement.getKeyGenerator();
+                    if (keygen.getClass().equals(Jdbc3KeyGenerator.class)) {
+                        log.debug("Replace JDBC3 key generator.");
+                        SystemMetaObject.forObject(mappedStatement)
+                            .setValue("keyGenerator",
+                                new Jdbc3KeyGen(keygen));
+                    }
+                }
+            }
+        }
+        return objRtn;
+    }
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/SuperMapper.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/SuperMapper.java
new file mode 100644
index 00000000..d825f334
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/SuperMapper.java
@@ -0,0 +1,17 @@
+package com.wacai.tigon.mybatis;
+
+import com.wacai.tigon.model.DomainModel;
+import org.springframework.validation.annotation.Validated;
+
+/**
+ * @author Donghuang <br>
+ * Dec 13, 2018 19:08:58
+ */
+@Validated
+public interface SuperMapper<Model extends DomainModel<?>> {
+    String PARAM_MODEL_KEY = "model";
+    String PARAM_MODELS_KEY = "models";
+    String PARAM_SEARCH_KEY = "s";
+    String PARAM_COL_KEY = "col";
+    String PARAM_COLS_KEY = "cols";
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/TigonMapperResource.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/TigonMapperResource.java
new file mode 100644
index 00000000..6e6aa4fa
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/TigonMapperResource.java
@@ -0,0 +1,62 @@
+package com.wacai.tigon.mybatis;
+
+import java.io.File;
+import java.net.URL;
+import java.io.IOException;
+import org.springframework.core.io.Resource;
+import org.springframework.core.io.ByteArrayResource;
+
+/**
+ * @author Donghuang <br>
+ * Jan 09, 2020 18:22:31
+ */
+class TigonMapperResource extends ByteArrayResource {
+    private final Resource originResource;
+
+    public TigonMapperResource(final byte[] byteArray, final Resource originResource) {
+        super(byteArray);
+        this.originResource = originResource;
+    }
+
+    /**
+     * {@inheritDoc}
+     * for JRebel monitor file
+     */
+    @Override
+    public URL getURL() throws IOException {
+        return originResource.getURL();
+    }
+
+    /**
+     * {@inheritDoc}
+     * for JRebel monitor file
+     */
+    @Override
+    public File getFile() throws IOException {
+        return originResource.getFile();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String getFilename() {
+        return originResource.getFilename();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String getDescription() {
+        return "[TIGON] " + originResource.getDescription();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String toString() {
+        return "[TIGON] " + originResource.toString();
+    }
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/TigonSqlSessionFactoryBean.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/TigonSqlSessionFactoryBean.java
new file mode 100644
index 00000000..35de6896
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/TigonSqlSessionFactoryBean.java
@@ -0,0 +1,223 @@
+package com.wacai.tigon.mybatis;
+
+import java.util.List;
+import java.io.IOException;
+import java.io.InputStream;
+import java.util.ArrayList;
+import lombok.SneakyThrows;
+import org.w3c.dom.Document;
+import javax.xml.transform.*;
+import org.w3c.dom.DocumentType;
+import lombok.extern.slf4j.Slf4j;
+import java.io.ByteArrayOutputStream;
+import org.springframework.util.Assert;
+import javax.xml.transform.dom.DOMSource;
+import org.springframework.util.ClassUtils;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.core.io.Resource;
+import org.apache.ibatis.parsing.XPathParser;
+import org.apache.ibatis.reflection.MetaObject;
+import org.apache.ibatis.session.Configuration;
+import javax.xml.transform.stream.StreamResult;
+import org.mybatis.spring.SqlSessionFactoryBean;
+import org.apache.ibatis.session.SqlSessionFactory;
+import com.wacai.tigon.mybatis.xmlgen.XmlProcessArg;
+import org.apache.ibatis.reflection.SystemMetaObject;
+import org.apache.ibatis.builder.xml.XMLMapperBuilder;
+import com.wacai.tigon.mybatis.xmlgen.SqlXmlProcessor;
+import com.wacai.tigon.mybatis.xmlgen.CrudXmlProcessor;
+import org.apache.ibatis.builder.xml.XMLMapperEntityResolver;
+import com.wacai.tigon.mybatis.xmlgen.annotation.SqlXmlElement;
+import com.wacai.tigon.mybatis.xmlgen.annotation.CrudXmlElement;
+import com.wacai.tigon.mybatis.xmlgen.xmlcontent.ColsXmlContentProvider;
+import com.wacai.tigon.mybatis.xmlgen.xmlcontent.TableXmlContentProvider;
+import com.wacai.tigon.mybatis.xmlgen.xmlcontent.TableVarXmlContentProvider;
+import static com.wacai.tigon.mybatis.xmlgen.annotation.CrudXmlElement.Tag.*;
+import com.wacai.tigon.mybatis.xmlgen.xmlcontent.PrimaryKeyXmlContentProvider;
+import org.springframework.core.io.support.PathMatchingResourcePatternResolver;
+import static com.wacai.tigon.mybatis.xmlgen.annotation.CrudXmlElement.RESULT_TYPE_DOMAIN;
+
+/**
+ * SqlSessionFactoryBean Extended, 
+ * Add Interceptor,
+ * Register __tigon_mybatis__.xml
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Jul 12, 2014 3:36:13 PM
+ */
+@Slf4j
+@SqlXmlElement(id = "table", contentProvider = TableXmlContentProvider.class)
+@SqlXmlElement(id = "tableVar", contentProvider = TableVarXmlContentProvider.class)
+@SqlXmlElement(id = "primaryKey", contentProvider = PrimaryKeyXmlContentProvider.class)
+@SqlXmlElement(id = "baseCols", contentProvider = ColsXmlContentProvider.class)
+@SqlXmlElement(id = "cols", contentProvider = ColsXmlContentProvider.class)
+
+@CrudXmlElement(tag = SELECT, id = "count", resultType = "int", include = "Tigon.count")
+@CrudXmlElement(tag = SELECT, id = "exists", resultType = "boolean", include = "Tigon.exists")
+@CrudXmlElement(tag = SELECT, id = "find", resultType = RESULT_TYPE_DOMAIN, include = "Tigon.find")
+@CrudXmlElement(tag = SELECT, id = "findCol", resultType = "object", include = "Tigon.selectCol")
+@CrudXmlElement(tag = SELECT, id = "list", resultType = RESULT_TYPE_DOMAIN, include = "Tigon.list")
+@CrudXmlElement(tag = SELECT, id = "listCol", resultType = "object", include = "Tigon.selectCol")
+
+@CrudXmlElement(tag = INSERT, id = "insert", include = "Tigon.insert")
+@CrudXmlElement(tag = UPDATE, id = "update", include = "Tigon.update")
+@CrudXmlElement(tag = UPDATE, id = "setNull", include = "Tigon.setNull")
+@CrudXmlElement(tag = DELETE, id = "delete", include = "Tigon.delete")
+public class TigonSqlSessionFactoryBean extends SqlSessionFactoryBean {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void setMapperLocations(final Resource[] mapperLocations) {
+        if (mapperLocations != null && mapperLocations.length > 0) {
+            final XMLMapperEntityResolver xmlMapperEntityResolver =
+                new XMLMapperEntityResolver();
+            final List<Resource> updatedMapperLocations =
+                new ArrayList<>(mapperLocations.length);
+            final SqlXmlElement[] sqlXmlElements =
+                TigonSqlSessionFactoryBean.class.getAnnotationsByType(SqlXmlElement.class);
+            final CrudXmlElement[] crudXmlElements =
+                TigonSqlSessionFactoryBean.class.getAnnotationsByType(CrudXmlElement.class);
+            // update mapper xml in thread
+            final SqlXmlProcessor sqlXmlProcessor = new SqlXmlProcessor();
+            final CrudXmlProcessor crudXmlProcessor = new CrudXmlProcessor();
+            for (final Resource mapperLocation : mapperLocations) {
+                updatedMapperLocations.add(
+                    updateMapperXml(sqlXmlElements, crudXmlElements, sqlXmlProcessor, crudXmlProcessor, xmlMapperEntityResolver, mapperLocation));
+            }
+            super.setMapperLocations(updatedMapperLocations.toArray(mapperLocations));
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected SqlSessionFactory buildSqlSessionFactory() throws Exception {
+        SqlSessionFactory ssf = super.buildSqlSessionFactory();
+        Configuration config = ssf.getConfiguration();
+        config.setMapUnderscoreToCamelCase(true);
+        config.addInterceptor(new KeyGenInterceptor());
+
+        // Tigon mapper
+        final String path = "classpath*:__tigon_mybatis__.xml";
+        final Resource[] resources = findResources(path);
+        Assert.state(resources.length == 1,
+            () -> "No unique resource [" + path + "] found");
+        final Resource mapperLocation = resources[0];
+        final XMLMapperBuilder xmlMapperBuilder = new XMLMapperBuilder(
+            mapperLocation.getInputStream(),
+            config,
+            mapperLocation.toString(),
+            config.getSqlFragments());
+        xmlMapperBuilder.parse();
+        return ssf;
+    }
+
+    // --
+    // private methods
+
+    /**
+     * find resource by path
+     * @param path path
+     * @return resources
+     */
+    @SneakyThrows
+    private Resource[] findResources(final String path) {
+        return new PathMatchingResourcePatternResolver().getResources(path);
+    }
+
+    @SuppressWarnings("unchecked")
+    private Class<SuperMapper<?>> getMapperClass(String name) {
+        Class<SuperMapper<?>> mapperClassRtn = null;
+        try {
+            Class<?> classFound = ClassUtils.forName(name,
+                ClassUtils.getDefaultClassLoader());
+            if (SuperMapper.class.isAssignableFrom(classFound)) {
+                mapperClassRtn = (Class<SuperMapper<?>>) classFound;
+            }
+        }
+        catch (ClassNotFoundException e) {
+            log.warn("No mapper class [{}] found.", name);
+        }
+        return mapperClassRtn;
+    }
+
+    private Transformer newTransformer() {
+        try {
+            return TransformerFactory.newInstance().newTransformer();
+        }
+        catch (TransformerConfigurationException e) {
+            throw new IllegalStateException(
+                "Create xml transformer error caused", e);
+        }
+    }
+
+    private Resource updateMapperXml(
+        final SqlXmlElement[] sqlXmlElements,
+        final CrudXmlElement[] crudXmlElements,
+        final SqlXmlProcessor sqlXmlProcessor,
+        final CrudXmlProcessor crudXmlProcessor,
+        final XMLMapperEntityResolver xmlMapperEntityResolver,
+        final Resource mapperLocation) {
+
+
+        try (final InputStream inputStream = mapperLocation.getInputStream()) {
+            final XPathParser xPathParser =
+                new XPathParser(inputStream, false, null, xmlMapperEntityResolver);
+            final String mapperNamespace =
+                xPathParser.evalString("/mapper/@namespace");
+
+            if (StringUtils.isNotBlank(mapperNamespace)) {
+                final Class<SuperMapper<?>> mapperClass =
+                    getMapperClass(mapperNamespace);
+                if (mapperClass != null) {
+                    final MetaObject metaXpp = SystemMetaObject.forObject(xPathParser);
+                    final Document doc = (Document) metaXpp.getValue("document");
+                    boolean updated = false;
+                    final XmlProcessArg arg = new XmlProcessArg(
+                        xPathParser, doc, mapperClass);
+
+                    for (final SqlXmlElement element : sqlXmlElements) {
+                        if (sqlXmlProcessor.process(element, arg) && !updated) {
+                            updated = true;
+                        }
+                    }
+
+                    for (final CrudXmlElement element : crudXmlElements) {
+                        if (crudXmlProcessor.process(element, arg) && !updated) {
+                            updated = true;
+                        }
+                    }
+
+                    if (updated) {
+                        final ByteArrayOutputStream baos = new ByteArrayOutputStream();
+                        final DocumentType docType = doc.getDoctype();
+                        final Transformer transformer = newTransformer();
+                        transformer.setOutputProperty(OutputKeys.DOCTYPE_PUBLIC,
+                            docType.getPublicId());
+                        transformer.setOutputProperty(OutputKeys.DOCTYPE_SYSTEM,
+                            docType.getSystemId());
+                        transformer.setOutputProperty(OutputKeys.INDENT, "yes");
+                        transformer.transform(new DOMSource(doc), new StreamResult(baos));
+                        final Resource mapperResourceUpdated =
+                            new TigonMapperResource(baos.toByteArray(), mapperLocation);
+                        log.debug("Tigon mybatis mapper [{}] updated result [\n{}].", mapperResourceUpdated, baos);
+                        return mapperResourceUpdated;
+                    }
+                }
+            }
+            return mapperLocation;
+        }
+        catch (IOException e) {
+            throw new IllegalStateException(
+                "Read mybatis mapper resource [" + mapperLocation + "] error caused", e);
+        }
+        catch (TransformerException e) {
+            throw new IllegalStateException(
+                "Transform mybatis mapper resource [" + mapperLocation + "] error caused", e);
+        }
+    }
+
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/UpdateMapProcessor.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/UpdateMapProcessor.java
new file mode 100644
index 00000000..547718dc
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/UpdateMapProcessor.java
@@ -0,0 +1,33 @@
+package com.wacai.tigon.mybatis;
+
+import java.util.Map;
+import java.util.HashMap;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.util.WordUtils;
+
+/**
+ * !!Important!! Use in __tigon_mybatis__.xml update
+ * @author Donghuang <br>
+ * Mar 25, 2019 18:02
+ */
+@Slf4j
+public class UpdateMapProcessor {
+
+    /**
+     * process update map
+     * @param update update map
+     * @return update map
+     */
+    public static Map<String, Object> process(final Map<String, ?> update) {
+        log.debug("Process update map [{}].", update);
+        final Map<String, Object> mapRtn = new HashMap<>(update.size());
+        for (final Map.Entry<String, ?> entry : update.entrySet()) {
+            final String field = entry.getKey();
+            mapRtn.put(field.matches("^\\w+$") ?
+                WordUtils.convertCamelCase(field).toLowerCase() : field, entry.getValue());
+        }
+        log.debug("Update map result [{}] processed.", mapRtn);
+        return mapRtn;
+    }
+}
+
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/AbstractXmlProcessor.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/AbstractXmlProcessor.java
new file mode 100644
index 00000000..9845af11
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/AbstractXmlProcessor.java
@@ -0,0 +1,54 @@
+package com.wacai.tigon.mybatis.xmlgen;
+
+import org.w3c.dom.Element;
+
+/**
+ * @author Donghuang <br>
+ * Jan 09, 2020 18:29:47
+ */
+public abstract class AbstractXmlProcessor<T> {
+
+    /**
+     * process xml
+     *
+     * @param annotation annotation
+     * @param arg arg
+     * @return true if processed
+     */
+    public boolean process(T annotation, final XmlProcessArg arg) {
+        final boolean accept = accept(annotation, arg)
+            && arg.getParser().evalNode(xpath(annotation)) == null;
+        if (accept) {
+            arg.getDocument()
+                .getDocumentElement()
+                .appendChild(element(annotation, arg));
+        }
+        return accept;
+    }
+
+    /**
+     * accept process
+     *
+     * @param annotation annotation
+     * @param arg process arg
+     * @return true if accept process
+     */
+    protected abstract boolean accept(T annotation, XmlProcessArg arg);
+
+    /**
+     * generate xml tag element
+     *
+     * @param annotation annotation
+     * @param arg process arg
+     * @return XML element
+     */
+    protected abstract Element element(T annotation, XmlProcessArg arg);
+
+    /**
+     * xml tag xpath
+     *
+     * @param annotation annotation
+     * @return tag xpath
+     */
+    protected abstract String xpath(final T annotation);
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/CrudXmlProcessor.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/CrudXmlProcessor.java
new file mode 100644
index 00000000..b1fa1278
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/CrudXmlProcessor.java
@@ -0,0 +1,86 @@
+package com.wacai.tigon.mybatis.xmlgen;
+
+import lombok.SneakyThrows;
+import org.w3c.dom.Element;
+import org.w3c.dom.Document;
+import java.lang.reflect.Modifier;
+import com.wacai.tigon.model.DomainModel;
+import org.slf4j.helpers.MessageFormatter;
+import com.wacai.tigon.mybatis.SuperMapper;
+import org.apache.commons.lang3.StringUtils;
+import com.wacai.tigon.mybatis.UseGeneratedKeys;
+import org.springframework.util.ReflectionUtils;
+import org.springframework.core.annotation.AnnotationUtils;
+import com.wacai.tigon.mybatis.xmlgen.annotation.CrudXmlElement;
+
+/**
+ * @author Donghuang <br>
+ * Jan 09, 2020 19:08:01
+ */
+public class CrudXmlProcessor extends AbstractXmlProcessor<CrudXmlElement> {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected boolean accept(final CrudXmlElement annotation, final XmlProcessArg arg) {
+        final Class<SuperMapper<?>> mapperClass = arg.getMapperClass();
+        return SuperMapper.class.isAssignableFrom(mapperClass)
+            && containsMethod(mapperClass, annotation.id());
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @SneakyThrows
+    protected Element element(final CrudXmlElement element, final XmlProcessArg arg) {
+        final Document doc = arg.getDocument();
+        final Element el = doc.createElement(element.tag().name().toLowerCase());
+        el.setAttribute("id", element.id());
+
+        // result type
+        final String resultType = element.resultType();
+        if (StringUtils.isNotBlank(resultType)) {
+            el.setAttribute("resultType",
+                CrudXmlElement.RESULT_TYPE_DOMAIN.equals(resultType) ?
+                    arg.getModelClass().getName() : resultType);
+        }
+
+        // insert
+        if (element.tag() == CrudXmlElement.Tag.INSERT) {
+            final Class<DomainModel<?>> modelClass = arg.getModelClass();
+            final UseGeneratedKeys ugkAnnotation =
+                    AnnotationUtils.findAnnotation(modelClass, UseGeneratedKeys.class);
+            if (ugkAnnotation != null) {
+                el.setAttribute("useGeneratedKeys", "true");
+                final String keyProp = ugkAnnotation.value();
+                if (StringUtils.isNotBlank(keyProp)) {
+                    el.setAttribute("keyProperty", keyProp);
+                }
+            }
+        }
+
+        final Element includeEl = doc.createElement("include");
+        includeEl.setAttribute("refid", element.include());
+        el.appendChild(includeEl);
+        return el;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected String xpath(final CrudXmlElement element) {
+        return MessageFormatter.arrayFormat("/mapper/{}[@id='{}']",
+            new String[] {element.tag().name().toLowerCase(), element.id()}).getMessage();
+    }
+
+    boolean containsMethod(final Class<?> clazz, final String name) {
+        final boolean[] found = {false};
+        ReflectionUtils.doWithMethods(clazz,
+            method -> found[0] = true,
+            method -> Modifier.isPublic(method.getModifiers()) && name.equals(method.getName()));
+        return found[0];
+    }
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/SqlXmlProcessor.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/SqlXmlProcessor.java
new file mode 100644
index 00000000..b1a04ed6
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/SqlXmlProcessor.java
@@ -0,0 +1,40 @@
+package com.wacai.tigon.mybatis.xmlgen;
+
+import lombok.SneakyThrows;
+import org.w3c.dom.Element;
+import org.slf4j.helpers.MessageFormatter;
+import com.wacai.tigon.mybatis.SuperMapper;
+import com.wacai.tigon.mybatis.xmlgen.annotation.SqlXmlElement;
+
+/**
+ * @author Donghuang <br>
+ * Jan 09, 2020 20:38:00
+ */
+public class SqlXmlProcessor extends AbstractXmlProcessor<SqlXmlElement> {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected boolean accept(SqlXmlElement annotation, XmlProcessArg arg) {
+        return SuperMapper.class.isAssignableFrom(arg.getMapperClass());
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @SneakyThrows
+    protected Element element(SqlXmlElement element, XmlProcessArg arg) {
+        return element.contentProvider().newInstance().element(element, arg);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected String xpath(SqlXmlElement element) {
+        return MessageFormatter.arrayFormat("/mapper/sql[@id='{}']",
+            new String[] {element.id()}).getMessage();
+    }
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/XmlProcessArg.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/XmlProcessArg.java
new file mode 100644
index 00000000..98066c3a
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/XmlProcessArg.java
@@ -0,0 +1,113 @@
+package com.wacai.tigon.mybatis.xmlgen;
+
+import lombok.Getter;
+import lombok.SneakyThrows;
+import org.w3c.dom.Document;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.util.WordUtils;
+import org.apache.ibatis.parsing.XNode;
+import org.springframework.util.Assert;
+import com.wacai.tigon.model.DomainModel;
+import com.wacai.tigon.mybatis.SuperMapper;
+import org.apache.commons.lang3.StringUtils;
+import org.apache.ibatis.parsing.XPathParser;
+import org.springframework.core.GenericTypeResolver;
+import org.springframework.core.annotation.AnnotationUtils;
+
+/**
+ * @author Donghuang <br>
+ * Jan 09, 2020 17:32:15
+ */
+@Slf4j
+public class XmlProcessArg {
+    @Getter
+    private final XPathParser parser;
+    @Getter
+    private final Document document;
+    @Getter
+    private final Class<SuperMapper<?>> mapperClass;
+    @Getter
+    private final Class<DomainModel<?>> modelClass;
+    private String table;
+
+    public XmlProcessArg(final XPathParser parser,
+        final Document document,
+        final Class<SuperMapper<?>> mapperClass) {
+
+        this.parser = parser;
+        this.document = document;
+        this.mapperClass = mapperClass;
+        this.modelClass = (Class<DomainModel<?>>)
+            GenericTypeResolver.resolveTypeArguments(
+                mapperClass, SuperMapper.class)[0];
+    }
+
+    @SneakyThrows
+    public DomainModel<?> newModelObj() {
+        return modelClass.newInstance();
+    }
+
+    /**
+     * get table
+     * @return table
+     */
+    public String table() {
+        if (StringUtils.isNotBlank(table)) {
+            return table;
+        }
+
+        // find table from mapper annotation
+        Table tableAnnotation =
+            AnnotationUtils.findAnnotation(mapperClass, Table.class);
+        if (tableAnnotation == null) {
+            log.debug("No mapper [{}] table annotation found, try to find from model class.",
+                mapperClass);
+            // find table from model annotation
+            tableAnnotation =
+                AnnotationUtils.findAnnotation(modelClass, Table.class);
+        }
+
+        final String tableName;
+        if (tableAnnotation != null) {
+            tableName = tableAnnotation.value();
+            log.info("Annotation table name [{}] found.", tableName);
+            Assert.state(StringUtils.isNotBlank(tableName),
+                "Annotation table name could not be blank");
+        }
+        else {
+            final String modelName = modelClass.getSimpleName();
+            tableName = WordUtils.convertCamelCase(modelName, "_").toLowerCase();
+            log.info("Get table name [{}] from model class name [{}]", tableName, modelName);
+        }
+        log.info("Model [{}] mapper [{}] table name [{}] found.", modelClass, mapperClass, tableName);
+        return table = tableName;
+    }
+
+    /**
+     * get custom table alias
+     * @return
+     */
+    public String tableAlias() {
+        final XNode tableAliasNode = parser.evalNode("/mapper/sql[@id='tableAlias']");
+        if (tableAliasNode != null) {
+            final String tableAlias = StringUtils.trim(tableAliasNode.getStringBody());
+            log.info("Table alias [{}] found.", tableAlias);
+            return tableAlias;
+        }
+        return null;
+    }
+
+    /**
+     * domain cols
+     *
+     * @param tableAlias table alias
+     * @return cols
+     */
+    public String cols(final String tableAlias) {
+        return StringUtils.join(
+            newModelObj().cols(
+                StringUtils.isNotBlank(tableAlias) ?
+                    tableAlias : null), ", ");
+    }
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/annotation/CrudXmlElement.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/annotation/CrudXmlElement.java
new file mode 100644
index 00000000..9a55cc0e
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/annotation/CrudXmlElement.java
@@ -0,0 +1,52 @@
+package com.wacai.tigon.mybatis.xmlgen.annotation;
+
+import java.lang.annotation.Retention;
+import java.lang.annotation.Repeatable;
+import java.lang.annotation.RetentionPolicy;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 09:59:32
+ */
+@Repeatable(CrudXmlElements.class)
+@Retention(RetentionPolicy.RUNTIME)
+public @interface CrudXmlElement {
+
+    /**
+     * xml tag
+     *
+     * @return tag
+     */
+    Tag tag();
+    /**
+     * tag id
+     * @return
+     */
+    String id();
+
+    /**
+     * select include sql
+     *
+     * @return include sql
+     */
+    String include();
+
+    /**
+     * select result type
+     *
+     * @return select result type
+     */
+    String resultType() default "";
+
+    enum Tag {
+        SELECT,
+        INSERT,
+        UPDATE,
+        DELETE
+    }
+
+    /**
+     * mark result type is domain
+     */
+    String RESULT_TYPE_DOMAIN = "$DOMAIN$";
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/annotation/CrudXmlElements.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/annotation/CrudXmlElements.java
new file mode 100644
index 00000000..bac29cbe
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/annotation/CrudXmlElements.java
@@ -0,0 +1,13 @@
+package com.wacai.tigon.mybatis.xmlgen.annotation;
+
+import java.lang.annotation.Retention;
+import java.lang.annotation.RetentionPolicy;
+
+/**
+ * @author Donghuang <br>
+ * Jan 09, 2020 16:03:12
+ */
+@Retention(RetentionPolicy.RUNTIME)
+public @interface CrudXmlElements {
+    CrudXmlElement[] value();
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/annotation/SqlXmlElement.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/annotation/SqlXmlElement.java
new file mode 100644
index 00000000..06644bdd
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/annotation/SqlXmlElement.java
@@ -0,0 +1,28 @@
+package com.wacai.tigon.mybatis.xmlgen.annotation;
+
+import java.lang.annotation.Retention;
+import java.lang.annotation.Repeatable;
+import java.lang.annotation.RetentionPolicy;
+import com.wacai.tigon.mybatis.xmlgen.xmlcontent.SqlXmlContentProvider;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 09:59:32
+ */
+@Repeatable(SqlXmlElements.class)
+@Retention(RetentionPolicy.RUNTIME)
+public @interface SqlXmlElement {
+
+    /**
+     * tag id
+     * @return
+     */
+    String id();
+
+    /**
+     * tag content
+     *
+     * @return tag content
+     */
+    Class<? extends SqlXmlContentProvider> contentProvider();
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/annotation/SqlXmlElements.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/annotation/SqlXmlElements.java
new file mode 100644
index 00000000..d6cc04ee
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/annotation/SqlXmlElements.java
@@ -0,0 +1,13 @@
+package com.wacai.tigon.mybatis.xmlgen.annotation;
+
+import java.lang.annotation.Retention;
+import java.lang.annotation.RetentionPolicy;
+
+/**
+ * @author Donghuang <br>
+ * Jan 09, 2020 16:03:12
+ */
+@Retention(RetentionPolicy.RUNTIME)
+public @interface SqlXmlElements {
+    SqlXmlElement[] value();
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/xmlcontent/ColsXmlContentProvider.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/xmlcontent/ColsXmlContentProvider.java
new file mode 100644
index 00000000..62ad70e7
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/xmlcontent/ColsXmlContentProvider.java
@@ -0,0 +1,20 @@
+package com.wacai.tigon.mybatis.xmlgen.xmlcontent;
+
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.xmlgen.XmlProcessArg;
+
+/**
+ * @author Donghuang <br>
+ * Jan 09, 2020 18:05:43
+ */
+@Slf4j
+public class ColsXmlContentProvider extends SqlXmlContentProvider {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Content content(final XmlProcessArg arg) {
+        return new Content(arg.cols(arg.tableAlias()));
+    }
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/xmlcontent/PrimaryKeyXmlContentProvider.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/xmlcontent/PrimaryKeyXmlContentProvider.java
new file mode 100644
index 00000000..4b0f355a
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/xmlcontent/PrimaryKeyXmlContentProvider.java
@@ -0,0 +1,20 @@
+package com.wacai.tigon.mybatis.xmlgen.xmlcontent;
+
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.xmlgen.XmlProcessArg;
+
+/**
+ * @author Donghuang <br>
+ * Jan 09, 2020 18:05:43
+ */
+@Slf4j
+public class PrimaryKeyXmlContentProvider extends SqlXmlContentProvider {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Content content(final XmlProcessArg arg) {
+        return new Content(arg.newModelObj().primaryKeyName());
+    }
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/xmlcontent/SqlXmlContentProvider.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/xmlcontent/SqlXmlContentProvider.java
new file mode 100644
index 00000000..644bc390
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/xmlcontent/SqlXmlContentProvider.java
@@ -0,0 +1,66 @@
+package com.wacai.tigon.mybatis.xmlgen.xmlcontent;
+
+import lombok.Getter;
+import lombok.Setter;
+import java.util.List;
+import java.util.ArrayList;
+import org.w3c.dom.Element;
+import java.util.Collections;
+import com.wacai.tigon.mybatis.xmlgen.XmlProcessArg;
+import com.wacai.tigon.mybatis.xmlgen.annotation.SqlXmlElement;
+
+/**
+ * @author Donghuang <br>
+ * Feb 21, 2017 17:42:03
+ */
+public abstract class SqlXmlContentProvider {
+
+    /**
+     * {@inheritDoc}
+     */
+    public Element element(final SqlXmlElement element, final XmlProcessArg arg) {
+        final Element el = arg.getDocument().createElement("sql");
+        el.setAttribute("id", element.id());
+        final Content content = content(arg);
+        if (content.isText()) {
+            el.setTextContent(content.getContent());
+        }
+        else {
+            content.getElements().forEach(el::appendChild);
+        }
+        return el;
+    }
+
+    /**
+     * sql tag content
+     *
+     * @param arg arg
+     * @return sql tag content
+     */
+    protected abstract Content content(final XmlProcessArg arg);
+
+    @Getter
+    @Setter
+    protected static class Content {
+        private final boolean text;
+        private final String content;
+        private final List<Element> elements;
+
+        public Content(final String content) {
+            this.text = true;
+            this.content = content;
+            this.elements = Collections.emptyList();
+        }
+
+        public Content(List<Element> elements) {
+            this.text = false;
+            this.content = null;
+            this.elements = elements;
+        }
+
+        public Content(final Element element) {
+            this(new ArrayList<>());
+            elements.add(element);
+        }
+    }
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/xmlcontent/TableVarXmlContentProvider.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/xmlcontent/TableVarXmlContentProvider.java
new file mode 100644
index 00000000..86340739
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/xmlcontent/TableVarXmlContentProvider.java
@@ -0,0 +1,26 @@
+package com.wacai.tigon.mybatis.xmlgen.xmlcontent;
+
+import org.w3c.dom.Element;
+import org.w3c.dom.Document;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.xmlgen.XmlProcessArg;
+
+/**
+ * @author Donghuang <br>
+ * Jan 09, 2020 18:01:55
+ */
+@Slf4j
+public class TableVarXmlContentProvider extends SqlXmlContentProvider {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Content content(final XmlProcessArg arg) {
+        final Document doc = arg.getDocument();
+        final Element bindEl = doc.createElement("bind");
+        bindEl.setAttribute("name", "__table__");
+        bindEl.setAttribute("value", "'" + arg.table() + "'");
+        return new Content(bindEl);
+    }
+}
diff --git a/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/xmlcontent/TableXmlContentProvider.java b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/xmlcontent/TableXmlContentProvider.java
new file mode 100644
index 00000000..b75a5d23
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/java/com/wacai/tigon/mybatis/xmlgen/xmlcontent/TableXmlContentProvider.java
@@ -0,0 +1,27 @@
+package com.wacai.tigon.mybatis.xmlgen.xmlcontent;
+
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import com.wacai.tigon.mybatis.xmlgen.XmlProcessArg;
+
+/**
+ * @author Donghuang <br>
+ * Feb 21, 2017 17:42:03
+ */
+@Slf4j
+public class TableXmlContentProvider extends SqlXmlContentProvider {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Content content(XmlProcessArg arg) {
+        final String tableName = arg.table();
+        final String tableAlias = arg.tableAlias();
+        final String tableContent = StringUtils.isNotBlank(tableAlias) ?
+                tableName + " " + tableAlias :
+                tableName;
+        log.info("Table content [{}] generated.", tableContent);
+        return new Content(tableContent);
+    }
+}
diff --git a/lib/tigon/mybatis/src/main/resources/__tigon_mybatis__.xml b/lib/tigon/mybatis/src/main/resources/__tigon_mybatis__.xml
new file mode 100644
index 00000000..52806e08
--- /dev/null
+++ b/lib/tigon/mybatis/src/main/resources/__tigon_mybatis__.xml
@@ -0,0 +1,324 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE mapper PUBLIC
+    "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="Tigon">
+
+    <!-- Search -->
+    <sql id="search">
+        <choose>
+        <when test="s instanceof com.wacai.tigon.mybatis.Search">
+            <if test="s.hasCriterion()">
+                where <include refid="Tigon.assemble" />
+            </if>
+
+            <if test="!_parameter.containsKey(&quot;__is_count__&quot;)">
+                <include refid="Tigon.orderBy" />
+                <include refid="Tigon.limit" />
+            </if>
+        </when>
+        <when test="s != null">
+            where <include refid="primaryKey" /> = #{s}
+        </when>
+        </choose>
+    </sql>
+    <!--/ Search -->
+
+    <!-- Search Assemble -->
+    <sql id="assemble">
+        <foreach collection="s.assemble()" item="it">
+            <choose>
+                <when test="it instanceof com.wacai.tigon.mybatis.SqlFragment">
+                    ${it}
+                </when>
+                <otherwise>
+                    #{it}
+                </otherwise>
+            </choose>
+        </foreach>
+    </sql>
+    <!--/ Search Assemble -->
+
+    <!-- Order By -->
+    <sql id="orderBy">
+        <if test="!s.orders().isEmpty()">
+            order by
+            <foreach collection="s.orders()" index="__col__"
+                     item="__direction__" separator=", ">
+                ${__col__} ${__direction__}
+            </foreach>
+        </if>
+    </sql>
+    <!--/ Order By -->
+
+    <!-- Limit -->
+    <sql id="limit">
+        <choose>
+            <when test="s.offset() != null and s.limit() != null">
+                <bind name="__offset__" value="s.offset()" />
+                <bind name="__limit__" value="s.limit()" />
+                limit #{__offset__}, #{__limit__}
+            </when>
+            <when test="s.limit() != null">
+                <bind name="__limit__" value="s.limit()" />
+                limit #{__limit__}
+            </when>
+        </choose>
+    </sql>
+    <!--/ Limit -->
+
+    <!-- Search For Count, Ignore Orders And Limit -->
+    <sql id="searchForCount">
+        <bind name="__is_count_dummy__" value="_parameter.put('__is_count__', true)" />
+        <include refid="Tigon.search" />
+    </sql>
+    <!--/ Search For Count -->
+
+    <!-- Insert -->
+    <sql id="insert">
+        insert into <include refid="table" />
+        <choose>
+            <!-- Model -->
+            <when test="_parameter.containsKey(&quot;model&quot;)">
+                <bind name="__before_insert_dummy__" value="model.beforeInsert()" />
+                <foreach collection="model.insertMap()"
+                    index="__col__" open="(" separator=", " close=")">
+                    ${__col__}
+                </foreach>
+                values
+                <foreach collection="model.insertMap()" item="__val__" open="(" separator=", " close=")">
+                    <include refid="Tigon.__val__" />
+                </foreach>
+            </when>
+            <!-- Models Array -->
+            <when test="models.getClass().isArray()">
+                <foreach collection="models[0].insertMap()"
+                    index="__col__" open="(" separator=", " close=")">
+                    ${__col__}
+                </foreach>
+                values
+                <foreach item="model" collection="models" separator=", ">
+                    <bind name="__before_insert_dummy__" value="model.beforeInsert()" />
+                    <foreach collection="model.insertMap()"
+                        item="__val__" open="(" separator=", " close=")">
+                        <include refid="Tigon.__val__" />
+                    </foreach>
+                </foreach>
+            </when>
+            <!-- Models Collection -->
+            <otherwise>
+                <!-- Models -->
+                <foreach collection="models.iterator().next().insertMap()"
+                    index="__col__" open="(" separator=", " close=")">
+                    ${__col__}
+                </foreach>
+                values
+                <foreach item="model" collection="models" separator=", ">
+                    <foreach collection="model.insertMap()"
+                        item="__val__" open="(" separator=", " close=")">
+                        <include refid="Tigon.__val__" />
+                    </foreach>
+                </foreach>
+            </otherwise>
+        </choose>
+    </sql>
+    <!--/ Insert -->
+
+    <!-- Update -->
+    <sql id="update">
+        update <include refid="table" />
+        <set>
+        <choose>
+            <when test="model instanceof java.util.Map">
+                <bind name="__update_map__"
+                    value="@com.wacai.tigon.mybatis.UpdateMapProcessor@process(model)" />
+                <foreach collection="__update_map__" index="__m_col__" item="__val__" separator=", ">
+                    ${__m_col__} =
+                    <include refid="Tigon.__val__" />
+                </foreach>
+            </when>
+            <otherwise>
+                <bind name="__before_update_dummy__" value="model.beforeUpdate()" />
+                <foreach collection="model.updateMap()" index="__m_col__" item="__val__" separator=", ">
+                    ${__m_col__} =
+                    <include refid="Tigon.__val__" />
+                </foreach>
+            </otherwise>
+        </choose>
+        </set>
+
+        <choose>
+        <when test="_parameter.containsKey(&quot;s&quot;)">
+            <include refid="Tigon.search" />
+        </when>
+        <otherwise>
+            <bind name="__primary_key_value__" value="model.primaryKeyValue()" />
+            where <include refid="primaryKey" /> = #{__primary_key_value__}
+        </otherwise>
+        </choose>
+    </sql>
+    <!--/ Update -->
+
+    <!-- Set Cols null -->
+    <sql id="setNull">
+        update <include refid="table" />
+        <set>
+            <choose>
+            <when test="_parameter.containsKey(&quot;cols&quot;)">
+                <foreach item="col" collection="cols" separator=", ">
+                    ${col} = null
+                </foreach>
+            </when>
+            <otherwise>
+                ${col} = null
+            </otherwise>
+            </choose>
+        </set>
+        <include refid="Tigon.search" />
+    </sql>
+    <!--/ Set Cols null -->
+
+    <!-- Delete -->
+    <sql id="delete">
+        delete from
+        <include refid="table" />
+        <include refid="Tigon.search" />
+    </sql>
+    <!--/ Delete -->
+
+    <!-- Exists -->
+    <sql id="exists">
+        select
+        <![CDATA[
+          if (count(*) > 0, 1, 0)
+        ]]>
+        from
+        <include refid="table" />
+        <include refid="Tigon.searchForCount" />
+    </sql>
+
+    <sql id="exists" databaseId="oracle">
+        select count(*)
+        from
+        <include refid="table" />
+        <include refid="Tigon.searchForCount" />
+    </sql>
+    <!--/ Exists -->
+
+    <!-- Find One -->
+    <sql id="find">
+        select
+        <include refid="cols" />
+        from
+        <include refid="table" />
+        <include refid="Tigon.search" />
+    </sql>
+    <!--/ Find One -->
+
+    <!-- List -->
+    <sql id="list">
+        select
+        <include refid="cols" />
+        from
+        <include refid="table" />
+        <include refid="Tigon.search" />
+    </sql>
+
+    <!-- List for oracle pagination -->
+    <sql id="list" databaseId="oracle">
+        select *
+        <if test="s instanceof com.wacai.tigon.mybatis.Search and (s.offset() != null or s.limit() != null)">
+            from (select <include refid="cols" />,
+            row_number() over (
+            <choose>
+                <when test="!s.orders().isEmpty()">
+                    <include refid="Tigon.orderBy" />
+                </when>
+                <otherwise>
+                    order by 1
+                </otherwise>
+            </choose>
+            ) - 1 row_number__
+        </if>
+
+        from <include refid="table" />
+
+        <choose>
+            <when test="s instanceof com.wacai.tigon.mybatis.Search">
+                <if test="s.hasCriterion()">
+                    where <include refid="Tigon.assemble" />
+                </if>
+            </when>
+            <when test="s != null">
+                where <include refid="primaryKey" /> = #{s}
+            </when>
+        </choose>
+
+        <!-- No offset and limit, place order by here -->
+        <if test="s instanceof com.wacai.tigon.mybatis.Search and s.offset() == null and s.limit() == null">
+            <include refid="Tigon.orderBy" />
+        </if>
+
+        <if test="s instanceof com.wacai.tigon.mybatis.Search and (s.offset() != null or s.limit() != null)">
+            ) t
+            where <choose>
+            <when test="s.offset() != null and s.limit() != null">
+                <bind name="__offset__" value="s.offset()" />
+                <bind name="__limit__" value="s.limit()" />
+                <![CDATA[
+                  row_number__ >= #{__offset__} and row_number__ < #{__offset__} + #{__limit__}
+                ]]>
+            </when>
+            <when test="s.offset() != null">
+                <bind name="__offset__" value="s.offset()" />
+                <![CDATA[
+                  row_number__ >= #{__offset__}
+                ]]>
+            </when>
+            <when test="s.limit() != null">
+                <bind name="__limit__" value="s.limit()" />
+                <![CDATA[
+                  row_number__ < #{__limit__}
+                ]]>
+            </when>
+        </choose>
+        </if>
+    </sql>
+    <!--/ List -->
+
+    <!-- Select Col -->
+    <sql id="selectCol">
+        <bind name="__col__" value="@com.wacai.tigon.util.WordUtils@convertCamelCase(col, '_')" />
+        select ${__col__} from
+        <include refid="table" />
+        <include refid="Tigon.search" />
+    </sql>
+    <!--/ Select Col -->
+
+    <!-- Count -->
+    <sql id="count">
+        select count(*) from
+        <include refid="table" />
+        <include refid="Tigon.searchForCount" />
+    </sql>
+    <!--/ Count -->
+
+    <sql id="__val__">
+        <choose>
+            <when test="__val__ instanceof com.wacai.tigon.mybatis.SqlParam">
+                <choose>
+                    <when test="__val__.isRaw()">
+                        ${__val__.value}
+                    </when>
+                    <otherwise>
+                        #{__val__.value}
+                    </otherwise>
+                </choose>
+            </when>
+            <otherwise>
+                #{__val__}
+            </otherwise>
+        </choose>
+    </sql>
+
+</mapper>
diff --git a/lib/tigon/mybatis/src/test/java/com/wacai/tigon/mybatis/test/AppMapperTest.java b/lib/tigon/mybatis/src/test/java/com/wacai/tigon/mybatis/test/AppMapperTest.java
new file mode 100644
index 00000000..38bfb8bc
--- /dev/null
+++ b/lib/tigon/mybatis/src/test/java/com/wacai/tigon/mybatis/test/AppMapperTest.java
@@ -0,0 +1,135 @@
+package com.wacai.tigon.mybatis.test;
+
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.mybatis.test.mappers.ActivityMapper;
+import com.wacai.tigon.mybatis.test.mappers.AppMapper;
+import com.wacai.tigon.mybatis.test.models.App;
+
+import org.junit.Test;
+
+import java.util.Arrays;
+import java.util.Date;
+import java.util.List;
+
+import org.junit.runner.RunWith;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @version 0.0.1
+ * @author Auto Generated <br>
+ * Tech Support <a href="mailto:donghuang@wacai.com">Donghuang</a><br>
+ * May 17, 2016 9:54:18 AM
+ */
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration("classpath*:spring/spring-*.xml")
+public class AppMapperTest // extends AbstractTransactionalJUnit4SpringContextTests
+{
+    @Autowired
+    private AppMapper mapper;
+    @Autowired
+    private ActivityMapper activityMapper;
+
+    @Test
+    public void mapperTest() {
+        // String id = String.valueOf(new Date().getTime());
+        // init model
+
+        App m = newApp();
+        App m2 = newApp();
+        // m.setCreatedBy("donghuang");
+        // mapper.insertApp(Arrays.asList(m, m2));
+        mapper.insert(Arrays.asList(m, m2));
+        App m3 = newApp();
+        mapper.insert(m3);
+        App m4 = newApp();
+        App m5 = newApp();
+        mapper.insert(new App[] {m4, m5});
+        // Assert.assertTrue(mapper.list(null).size() > 0);
+        System.err.println(m);
+        System.err.println(m2);
+        System.err.println(m3);
+        System.err.println(m4);
+        System.err.println(m5);
+        for (App app : mapper.list(null)) {
+            System.err.println(app);
+        }
+    }
+
+    @Test
+    public void testUpdate() {
+        App m = mapper.find(21L);
+        mapper.update(m);
+    }
+
+    App newApp() {
+        App m = new App();
+        m.setName("s");
+        m.setHoldingDate(new Date());
+        m.setHoldingPlace("s");
+        return m;
+    }
+
+    @Test
+    public void testFind() {
+        App app = mapper.find(1L);
+        System.err.println(app);
+        app = mapper.find(new Search().eq(App.NAME, "s1").desc(App.NAME).offset(0).limit(1));
+        System.err.println(app);
+        for (App it : mapper.list(
+            new Search(App.NAME, "s1")
+                .or(new Search(App.NAME, "s2").eq(App.ID, 2L)))) {
+            System.err.println(it);
+        }
+    }
+
+    @Test
+    public void testCount() {
+        // System.err.println(mapper.count(null));
+        System.err.println(activityMapper.count(new Search(3)));
+        System.err.println(mapper.count(new Search(3)));
+        System.err.println(mapper.count(new Search().gt(App.ID, 1).limit(3).desc(App.NAME)));
+        App app = mapper.find(6L);
+        app.setName("Updated 6L");
+        mapper.update(app);
+    }
+
+    @Test
+    public void testList() {
+        System.err.println("Empty Search: ");
+        for (App app : mapper.list(new Search().desc(App.NAME))) {
+            System.err.println(app);
+        }
+        System.err.println("Null Search: ");
+        for (App app : mapper.list(null)) {
+            System.err.println(app);
+        }
+        System.err.println("ID GTE 3: ");
+        for (App app : mapper.list(new Search().gte(App.ID, 3))) {
+            System.err.println(app);
+        }
+        System.err.println("ID LTE 3: ");
+        for (App app : mapper.list(new Search().lte(App.ID, 3))) {
+            System.err.println(app);
+        }
+        System.err.println("ID BETWEEN 3 AND 5: ");
+        for (App app : mapper.list(new Search().between(App.ID, 3, 5).or(App.ID, 6))) {
+            System.err.println(app);
+        }
+    }
+
+    @Test
+    public void testDelete() {
+        List<App> list = mapper.list(new Search()
+                .gte(App.ID, 1)
+                .and(new Search()
+                        .lt(App.ID, 20).or(App.ID, 30)));
+        System.err.println(list);
+        list = mapper.list(new Search()
+                // .gte(App.ID, 1)
+                .and(new Search()
+                        .lt(App.ID, 20).or(App.ID, 30)));
+        System.err.println(list);
+    }
+}
diff --git a/lib/tigon/mybatis/src/test/java/com/wacai/tigon/mybatis/test/TestDriver.java b/lib/tigon/mybatis/src/test/java/com/wacai/tigon/mybatis/test/TestDriver.java
new file mode 100644
index 00000000..1db39cb6
--- /dev/null
+++ b/lib/tigon/mybatis/src/test/java/com/wacai/tigon/mybatis/test/TestDriver.java
@@ -0,0 +1,32 @@
+package com.wacai.tigon.mybatis.test;
+
+import com.wacai.tigon.mybatis.BaseMapper;
+import com.wacai.tigon.mybatis.test.mappers.AppMapper;
+import com.wacai.tigon.mybatis.test.models.App;
+import org.junit.Test;
+import org.springframework.core.GenericTypeResolver;
+
+import javax.xml.transform.TransformerException;
+import java.io.UnsupportedEncodingException;
+import java.util.Map;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * May 13, 2016 10:45:07 AM
+ */
+public class TestDriver {
+
+    @Test
+    public void testMapperParse() throws TransformerException, UnsupportedEncodingException {
+//        Map<String, Object> stringObjectMap = new App().toMap();
+//        System.err.println();
+//        System.err.println(new App().cols());
+    }
+
+    @Test
+    public void testGetModel() {
+        Class<?>[] classes = GenericTypeResolver.resolveTypeArguments(AppMapper.class, BaseMapper.class);
+        System.err.println(classes);
+    }
+}
diff --git a/lib/tigon/mybatis/src/test/java/com/wacai/tigon/mybatis/test/mappers/ActivityMapper.java b/lib/tigon/mybatis/src/test/java/com/wacai/tigon/mybatis/test/mappers/ActivityMapper.java
new file mode 100644
index 00000000..44f645dd
--- /dev/null
+++ b/lib/tigon/mybatis/src/test/java/com/wacai/tigon/mybatis/test/mappers/ActivityMapper.java
@@ -0,0 +1,13 @@
+package com.wacai.tigon.mybatis.test.mappers;
+
+import com.wacai.tigon.mybatis.BaseMapper;
+import com.wacai.tigon.mybatis.test.models.Activity;
+
+/**
+ * @version 0.0.1
+ * @author Auto Generated <br>
+ * Tech Support <a href="mailto:donghuang@wacai.com">Donghuang</a><br>
+ * May 17, 2016 9:54:18 AM
+ */
+public interface ActivityMapper extends BaseMapper<Long, Activity> {
+}
diff --git a/lib/tigon/mybatis/src/test/java/com/wacai/tigon/mybatis/test/mappers/AppMapper.java b/lib/tigon/mybatis/src/test/java/com/wacai/tigon/mybatis/test/mappers/AppMapper.java
new file mode 100644
index 00000000..12ffc4ce
--- /dev/null
+++ b/lib/tigon/mybatis/src/test/java/com/wacai/tigon/mybatis/test/mappers/AppMapper.java
@@ -0,0 +1,13 @@
+package com.wacai.tigon.mybatis.test.mappers;
+
+import com.wacai.tigon.mybatis.BaseMapper;
+import com.wacai.tigon.mybatis.test.models.App;
+
+/**
+ * @version 0.0.1
+ * @author Auto Generated <br>
+ * Tech Support <a href="mailto:donghuang@wacai.com">Donghuang</a><br>
+ * May 17, 2016 9:54:18 AM
+ */
+public interface AppMapper extends BaseMapper<Long, App> {
+}
diff --git a/lib/tigon/mybatis/src/test/java/com/wacai/tigon/mybatis/test/models/Activity.java b/lib/tigon/mybatis/src/test/java/com/wacai/tigon/mybatis/test/models/Activity.java
new file mode 100644
index 00000000..d3a540fe
--- /dev/null
+++ b/lib/tigon/mybatis/src/test/java/com/wacai/tigon/mybatis/test/models/Activity.java
@@ -0,0 +1,32 @@
+package com.wacai.tigon.mybatis.test.models;
+
+import com.wacai.tigon.model.M0;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.UseGeneratedKeys;
+import lombok.Getter;
+import lombok.Setter;
+import java.util.Date;
+
+/**
+ * @version 0.0.1
+ * @author Auto Generated <br>
+ * Tech Support <a href="mailto:donghuang@wacai.com">Donghuang</a><br>
+ * Dec 6, 2016 12:10:56 PM
+ */
+@Getter
+@Setter
+@UseGeneratedKeys
+@Table("summer_activity")
+public class Activity extends M0<Long> {
+    private static final long serialVersionUID = 1L;
+
+    // Column Names
+    public static final String NAME = "name";
+    public static final String HOLDING_DATE = "holding_date";
+    public static final String HOLDING_PLACE = "holding_place";
+
+    // Properties
+    private String name;
+    private Date holdingDate;
+    private String holdingPlace;
+}
diff --git a/lib/tigon/mybatis/src/test/java/com/wacai/tigon/mybatis/test/models/App.java b/lib/tigon/mybatis/src/test/java/com/wacai/tigon/mybatis/test/models/App.java
new file mode 100644
index 00000000..380a5335
--- /dev/null
+++ b/lib/tigon/mybatis/src/test/java/com/wacai/tigon/mybatis/test/models/App.java
@@ -0,0 +1,32 @@
+package com.wacai.tigon.mybatis.test.models;
+
+import com.wacai.tigon.model.M0;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.mybatis.UseGeneratedKeys;
+import lombok.Getter;
+import lombok.Setter;
+import java.util.Date;
+
+/**
+ * @version 0.0.1
+ * @author Auto Generated <br>
+ * Tech Support <a href="mailto:donghuang@wacai.com">Donghuang</a><br>
+ * Dec 6, 2016 12:10:56 PM
+ */
+@Getter
+@Setter
+@UseGeneratedKeys
+@Table("summer_activity")
+public class App extends M0<Long> {
+    private static final long serialVersionUID = 1L;
+
+    // Column Names
+    public static final String NAME = "name";
+    public static final String HOLDING_DATE = "holding_date";
+    public static final String HOLDING_PLACE = "holding_place";
+
+    // Properties
+    private String name;
+    private Date holdingDate;
+    private String holdingPlace;
+}
diff --git a/lib/tigon/mybatis/src/test/resources/log4j2.xml b/lib/tigon/mybatis/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..a22cd028
--- /dev/null
+++ b/lib/tigon/mybatis/src/test/resources/log4j2.xml
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+        <Property name="log.dir">.log</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="${pattern}" />
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/test.log"
+            filePattern="${log.dir}/test-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+        <!-- appender to send mails asynchronously -->
+        <Async name="AsyncFile">
+            <AppenderRef ref="File" />
+        </Async>
+    </Appenders>
+    <Loggers>
+        <Root level="DEBUG" additivity="false">
+            <AppenderRef ref="Console" level="DEBUG" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/tigon/mybatis/src/test/resources/mybatis/mappers/activity-mapper.xml b/lib/tigon/mybatis/src/test/resources/mybatis/mappers/activity-mapper.xml
new file mode 100644
index 00000000..6bf431c2
--- /dev/null
+++ b/lib/tigon/mybatis/src/test/resources/mybatis/mappers/activity-mapper.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+/**
+ * @version 0.0.1
+ * @author Auto Generated <br>
+ * Tech Support <a href="mailto:donghuang@wacai.com">Donghuang</a><br>
+ * Dec 6, 2016 12:10:56 PM
+ */
+-->
+<!DOCTYPE mapper PUBLIC
+    "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="com.wacai.tigon.mybatis.test.mappers.ActivityMapper">
+</mapper>
diff --git a/lib/tigon/mybatis/src/test/resources/mybatis/mappers/app-mapper.xml b/lib/tigon/mybatis/src/test/resources/mybatis/mappers/app-mapper.xml
new file mode 100644
index 00000000..c9b7dca0
--- /dev/null
+++ b/lib/tigon/mybatis/src/test/resources/mybatis/mappers/app-mapper.xml
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!--
+/**
+ * @version 0.0.1
+ * @author Auto Generated <br>
+ * Tech Support <a href="mailto:donghuang@wacai.com">Donghuang</a><br>
+ * Dec 6, 2016 12:10:56 PM
+ */
+-->
+<!DOCTYPE mapper PUBLIC
+    "-//mybatis.org//DTD Mapper 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
+<mapper namespace="com.wacai.tigon.mybatis.test.mappers.AppMapper">
+</mapper>
diff --git a/lib/tigon/mybatis/src/test/resources/mybatis/mybatis-config.xml b/lib/tigon/mybatis/src/test/resources/mybatis/mybatis-config.xml
new file mode 100644
index 00000000..98c6ae88
--- /dev/null
+++ b/lib/tigon/mybatis/src/test/resources/mybatis/mybatis-config.xml
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE configuration PUBLIC "-//mybatis.org//DTD Config 3.0//EN"
+    "http://mybatis.org/dtd/mybatis-3-config.dtd">
+<configuration>
+    <settings>
+        <!-- 全局映射器启用缓存 -->
+        <setting name="cacheEnabled" value="true" />
+        <!-- 查询时，关闭关联对象即时加载以提高性能 -->
+        <setting name="lazyLoadingEnabled" value="false" />
+        <!-- 设置关联对象加载的形态，此处为按需加载字段(加载字段由SQL指定)，不会加载关联表的所有字段，以提高性能 -->
+        <setting name="aggressiveLazyLoading" value="true" />
+        <setting name="safeRowBoundsEnabled" value="true" />
+        <setting name="mapUnderscoreToCamelCase" value="true" />
+        <!-- 对于未知的SQL查询，允许返回不同的结果集以达到通用的效果 -->
+        <setting name="multipleResultSetsEnabled" value="true" />
+        <!-- 允许使用自定义的主键值(比如由程序生成的UUID 32位编码作为键值)，数据表的PK生成策略将被覆盖 -->
+        <setting name="useGeneratedKeys" value="true" />
+        <!-- 允许使用列标签代替列名 -->
+        <setting name="useColumnLabel" value="true" />
+        <!-- 数据库超过24000秒仍未响应则超时 -->
+        <setting name="defaultStatementTimeout" value="24000" />
+        <!-- Batch Execute -->
+        <!--<setting name="defaultExecutorType" value="BATCH" />-->
+        <!-- 给予被嵌套的resultMap以字段-属性的映射支持 -->
+        <setting name="autoMappingBehavior" value="FULL" />
+    </settings>
+
+</configuration>
diff --git a/lib/tigon/mybatis/src/test/resources/spring/config.properties b/lib/tigon/mybatis/src/test/resources/spring/config.properties
new file mode 100644
index 00000000..dd9db2cb
--- /dev/null
+++ b/lib/tigon/mybatis/src/test/resources/spring/config.properties
@@ -0,0 +1,9 @@
+# Config Dev
+
+# Database
+db.url=jdbc:mysql://127.0.0.1:3306/summer_mybatis?useUnicode=true&characterEncoding=utf-8&useSSL=false&useJDBCCompliantTimezoneShift=true&useLegacyDatetimeCode=false&serverTimezone=UTC
+db.user=root
+db.password=12345678
+
+redis.host=127.0.0.1
+redis.password=0211
diff --git a/lib/tigon/mybatis/src/test/resources/spring/spring-mybatis.xml b/lib/tigon/mybatis/src/test/resources/spring/spring-mybatis.xml
new file mode 100644
index 00000000..040a26ba
--- /dev/null
+++ b/lib/tigon/mybatis/src/test/resources/spring/spring-mybatis.xml
@@ -0,0 +1,23 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xmlns:p="http://www.springframework.org/schema/p"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd">
+    <bean id="dataSource" class="com.alibaba.druid.pool.DruidDataSource"
+        init-method="init"
+        destroy-method="close"
+        p:url="${db.url}"
+        p:username="${db.user}"
+        p:password="${db.password}"
+        p:maxActive="16" />
+    <!-- MyBatis SqlSessionFactory -->
+    <bean id="sqlSessionFactory"
+        class="com.wacai.tigon.mybatis.TigonSqlSessionFactoryBean"
+        p:dataSource-ref="dataSource"
+        p:mapperLocations="classpath*:mybatis/mappers/*-mapper.xml" />
+    <!-- MyBatis Mappers Auto Scan -->
+    <bean class="org.mybatis.spring.mapper.MapperScannerConfigurer"
+        p:basePackage="com.wacai.tigon.mybatis.test.mappers"
+        p:sqlSessionFactoryBeanName="sqlSessionFactory" />
+</beans>
diff --git a/lib/tigon/mybatis/src/test/resources/spring/spring-test.xml b/lib/tigon/mybatis/src/test/resources/spring/spring-test.xml
new file mode 100644
index 00000000..07dbab7e
--- /dev/null
+++ b/lib/tigon/mybatis/src/test/resources/spring/spring-test.xml
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xmlns:p="http://www.springframework.org/schema/p"
+    xmlns:context="http://www.springframework.org/schema/context"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd
+        http://www.springframework.org/schema/context
+        http://www.springframework.org/schema/context/spring-context.xsd">
+    <context:property-placeholder location="classpath:spring/config.properties" />
+</beans>
diff --git a/lib/tigon/pom.xml b/lib/tigon/pom.xml
new file mode 100644
index 00000000..096536da
--- /dev/null
+++ b/lib/tigon/pom.xml
@@ -0,0 +1,177 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+    http://maven.apache.org/xsd/maven-4.0.0.xsd">
+
+    <modelVersion>4.0.0</modelVersion>
+    <groupId>com.wacai.tigon</groupId>
+    <artifactId>tigon</artifactId>
+    <version>0.0.1-SNAPSHOT</version>
+    <packaging>pom</packaging>
+    <name>Tigon</name>
+    <description>Tigon</description>
+
+    <properties>
+        <java.version>1.8</java.version>
+        <maven.compiler.source>1.8</maven.compiler.source>
+        <maven.compiler.target>1.8</maven.compiler.target>
+        <project.build.sourceEncoding>utf-8</project.build.sourceEncoding>
+
+        <jackson.version>2.9.9.20190807</jackson.version>
+        <spring.version>5.2.5.RELEASE</spring.version>
+        <spring-boot.version>2.2.6.RELEASE</spring-boot.version>
+    </properties>
+
+    <modules>
+        <module>common</module>
+        <module>model</module>
+        <module>mybatis</module>
+        <module>service-api</module>
+        <module>service-support</module>
+        <module>web</module>
+        <module>web-controller</module>
+        <module>shiro-core</module>
+        <module>shiro-cas</module>
+        <module>shiro</module>
+        <module>extjs</module>
+        <module>codegen</module>
+    </modules>
+
+    <dependencyManagement>
+        <dependencies>
+            <dependency>
+                <groupId>com.fasterxml.jackson</groupId>
+                <artifactId>jackson-bom</artifactId>
+                <version>${jackson.version}</version>
+                <type>pom</type>
+                <scope>import</scope>
+            </dependency>
+            <dependency>
+                <groupId>org.springframework</groupId>
+                <artifactId>spring-framework-bom</artifactId>
+                <version>${spring.version}</version>
+                <scope>import</scope>
+                <type>pom</type>
+            </dependency>
+            <dependency>
+                <groupId>org.springframework.boot</groupId>
+                <artifactId>spring-boot-dependencies</artifactId>
+                <version>${spring-boot.version}</version>
+                <type>pom</type>
+                <scope>import</scope>
+                <exclusions>
+                    <exclusion>
+                        <groupId>org.projectlombok</groupId>
+                        <artifactId>lombok</artifactId>
+                    </exclusion>
+                </exclusions>
+            </dependency>
+            <dependency>
+                <groupId>com.wacai.tigon</groupId>
+                <artifactId>tigon-extjs</artifactId>
+                <version>${project.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.wacai.tigon</groupId>
+                <artifactId>tigon-model</artifactId>
+                <version>${project.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.wacai.tigon</groupId>
+                <artifactId>tigon-mybatis</artifactId>
+                <version>${project.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.wacai.tigon</groupId>
+                <artifactId>tigon-common</artifactId>
+                <version>${project.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.wacai.tigon</groupId>
+                <artifactId>tigon-service-api</artifactId>
+                <version>${project.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.wacai.tigon</groupId>
+                <artifactId>tigon-service-support</artifactId>
+                <version>${project.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.wacai.tigon</groupId>
+                <artifactId>tigon-web</artifactId>
+                <version>${project.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.wacai.tigon</groupId>
+                <artifactId>tigon-web-controller</artifactId>
+                <version>${project.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.wacai.tigon</groupId>
+                <artifactId>tigon-shiro-core</artifactId>
+                <version>${project.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.wacai.tigon</groupId>
+                <artifactId>tigon-shiro-cas</artifactId>
+                <version>${project.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>com.wacai.tigon</groupId>
+                <artifactId>tigon-shiro</artifactId>
+                <version>${project.version}</version>
+            </dependency>
+            <!-- mybatis -->
+            <dependency>
+                <groupId>org.mybatis</groupId>
+                <artifactId>mybatis</artifactId>
+                <version>3.5.3</version>
+            </dependency>
+            <dependency>
+                <groupId>org.mybatis</groupId>
+                <artifactId>mybatis-spring</artifactId>
+                <version>2.0.3</version>
+            </dependency>
+            <!-- /mybatis -->
+            <dependency>
+                <groupId>org.mongodb</groupId>
+                <artifactId>bson</artifactId>
+                <version>3.11.2</version>
+            </dependency>
+        </dependencies>
+    </dependencyManagement>
+
+    <build>
+        <plugins>
+            <plugin>
+                <groupId>org.springframework.boot</groupId>
+                <artifactId>spring-boot-maven-plugin</artifactId>
+                <configuration>
+                    <skip>true</skip>
+                </configuration>
+            </plugin>
+        </plugins>
+        <pluginManagement>
+            <plugins>
+                <plugin>
+                    <groupId>org.springframework.boot</groupId>
+                    <artifactId>spring-boot-maven-plugin</artifactId>
+                    <version>${spring-boot.version}</version>
+                    <configuration>
+                        <addResources>true</addResources>
+                        <layout>ZIP</layout>
+                        <includeSystemScope>true</includeSystemScope>
+                    </configuration>
+                    <executions>
+                        <execution>
+                            <goals>
+                                <goal>repackage</goal>
+                            </goals>
+                        </execution>
+                    </executions>
+                </plugin>
+            </plugins>
+        </pluginManagement>
+    </build>
+</project>
diff --git a/lib/tigon/service-api/README.md b/lib/tigon/service-api/README.md
new file mode 100644
index 00000000..10697d1f
--- /dev/null
+++ b/lib/tigon/service-api/README.md
@@ -0,0 +1 @@
+#tigon-service-api
diff --git a/lib/tigon/service-api/pom.xml b/lib/tigon/service-api/pom.xml
new file mode 100644
index 00000000..40850137
--- /dev/null
+++ b/lib/tigon/service-api/pom.xml
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>tigon-service-api</artifactId>
+    <packaging>jar</packaging>
+    <name>Tigon Service API</name>
+    <description>Tigon Servic API</description>
+
+    <parent>
+        <groupId>com.wacai.tigon</groupId>
+        <artifactId>tigon</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-model</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-context</artifactId>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/tigon/service-api/src/main/java/com/wacai/tigon/service/BaseCrudByFormService.java b/lib/tigon/service-api/src/main/java/com/wacai/tigon/service/BaseCrudByFormService.java
new file mode 100644
index 00000000..68690646
--- /dev/null
+++ b/lib/tigon/service-api/src/main/java/com/wacai/tigon/service/BaseCrudByFormService.java
@@ -0,0 +1,37 @@
+package com.wacai.tigon.service;
+
+import com.wacai.tigon.form.FormUpdateApi;
+import com.wacai.tigon.model.DomainModel;
+import com.wacai.tigon.model.ViewModel;
+import com.wacai.tigon.form.FormCreateApi;
+
+import javax.validation.Valid;
+import javax.validation.constraints.NotNull;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Jun 21, 2016 10:02:10 AM
+ */
+public interface BaseCrudByFormService
+    <PrimaryKey, Model extends DomainModel<PrimaryKey>,
+        FormForCreate extends FormCreateApi,
+        FormForUpdate extends FormUpdateApi<PrimaryKey>>
+    extends BaseCrudService<PrimaryKey, Model>,
+        BaseQueryService<PrimaryKey, Model>,
+    BaseDeleteService<PrimaryKey> {
+
+    /**
+     * @param form form
+     * @return view model
+     */
+    @NotNull
+    ViewModel<Model> create(@NotNull @Valid FormForCreate form);
+
+    /**
+     * @param form form
+     * @return view model
+     */
+    @NotNull ViewModel<Model> update(@NotNull @Valid FormForUpdate form);
+
+}
diff --git a/lib/tigon/service-api/src/main/java/com/wacai/tigon/service/BaseCrudService.java b/lib/tigon/service-api/src/main/java/com/wacai/tigon/service/BaseCrudService.java
new file mode 100644
index 00000000..82fc322f
--- /dev/null
+++ b/lib/tigon/service-api/src/main/java/com/wacai/tigon/service/BaseCrudService.java
@@ -0,0 +1,67 @@
+package com.wacai.tigon.service;
+
+import java.util.Map;
+import java.util.Collection;
+
+import com.wacai.tigon.model.DomainModel;
+import com.wacai.tigon.model.ViewModel;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.validation.annotation.NotNullOrBlank;
+
+import javax.validation.constraints.NotNull;
+
+import javax.validation.constraints.NotEmpty;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Jun 21, 2016 10:02:10 AM
+ */
+public interface BaseCrudService
+    <PrimaryKey, Model extends DomainModel<PrimaryKey>>
+    extends BaseQueryService<PrimaryKey, Model>,
+    BaseDeleteService<PrimaryKey> {
+
+    /**
+     * @param model form
+     * @return view model
+     */
+    @NotNull
+    ViewModel<Model> create(@NotNull Model model);
+
+    /**
+     * create model
+     * @param models model
+     */
+    Collection<ViewModel<Model>> create(@NotEmpty Collection<Model> models);
+
+    /**
+     * @param model model
+     * @return view model
+     */
+    @NotNull ViewModel<Model> update(@NotNull Model model);
+
+    /**
+     * update model by search
+     * @param model model sample
+     * @param search search
+     * @return updated rows
+     */
+    int update(@NotNull Model model, @NotNull Search search);
+
+    /**
+     * update model by primary key
+     * @param model update map
+     * @param primaryKey
+     * @return updated rows
+     */
+    int update(@NotEmpty Map<String, ?> model, @NotNullOrBlank PrimaryKey primaryKey);
+
+    /**
+     * update model by search
+     * @param model update map
+     * @param search search
+     * @return updated rows
+     */
+    int update(@NotEmpty Map<String, ?> model, @NotNull Search search);
+}
diff --git a/lib/tigon/service-api/src/main/java/com/wacai/tigon/service/BaseDeleteService.java b/lib/tigon/service-api/src/main/java/com/wacai/tigon/service/BaseDeleteService.java
new file mode 100644
index 00000000..93fc00f2
--- /dev/null
+++ b/lib/tigon/service-api/src/main/java/com/wacai/tigon/service/BaseDeleteService.java
@@ -0,0 +1,27 @@
+package com.wacai.tigon.service;
+
+import com.wacai.tigon.mybatis.Search;
+import javax.validation.constraints.NotNull;
+import org.springframework.validation.annotation.Validated;
+import com.wacai.tigon.validation.annotation.NotNullOrBlank;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Nov 7, 2016 4:20:42 PM
+ */
+@Validated
+public interface BaseDeleteService<PrimaryKey> {
+
+    /**
+     * delete by search
+     * @param search search
+     */
+    int delete(@NotNull Search search);
+    
+    /**
+     * delete by primaryKey
+     * @param primaryKey primaryKey
+     */
+    int delete(@NotNullOrBlank PrimaryKey primaryKey);
+}
diff --git a/lib/tigon/service-api/src/main/java/com/wacai/tigon/service/BaseQueryService.java b/lib/tigon/service-api/src/main/java/com/wacai/tigon/service/BaseQueryService.java
new file mode 100644
index 00000000..07d58ffa
--- /dev/null
+++ b/lib/tigon/service-api/src/main/java/com/wacai/tigon/service/BaseQueryService.java
@@ -0,0 +1,150 @@
+package com.wacai.tigon.service;
+
+import java.util.List;
+import java.util.function.Consumer;
+import java.util.function.Function;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.model.ViewModel;
+import javax.validation.constraints.Min;
+import com.wacai.tigon.model.ListResult;
+import com.wacai.tigon.model.DomainModel;
+import javax.validation.constraints.NotNull;
+import org.springframework.validation.annotation.Validated;
+import com.wacai.tigon.validation.annotation.NotNullOrBlank;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Aug 11, 2016 1:36:04 PM
+ */
+@Validated
+public interface BaseQueryService<PrimaryKey, Model extends DomainModel<PrimaryKey>> {
+
+    /**
+     * find view model by search
+     * @param search search
+     * @return view model
+     */
+    ViewModel<Model> findViewModel(@NotNull Search search);
+
+    /**
+     * find view model by primaryKey
+     * @param primaryKey primaryKey
+     * @return view model
+     */
+    ViewModel<Model> findViewModel(@NotNull PrimaryKey primaryKey);
+
+    /**
+     * list view model
+     * @param search search
+     * @return view model
+     */
+    @NotNull List<ViewModel<Model>> listViewModels(@NotNull Search search);
+
+    /**
+     * list view model page
+     * @param search search
+     * @return view model page
+     */
+    @NotNull ListResult<ViewModel<Model>> listViewModelsPage(@NotNull Search search);
+
+    /**
+     * find model by primaryKey
+     * @param primaryKey model primaryKey
+     * @return model
+     */
+    Model find(@NotNullOrBlank PrimaryKey primaryKey);
+
+    /**
+     * find model by search
+     * @param search search
+     * @return result
+     */
+    Model find(@NotNull Search search);
+
+    /**
+     * list by search
+     * @param search search
+     * @return list result
+     */
+    @NotNull List<Model> list(Search search);
+
+    /**
+     * list page by search
+     * @param search search
+     * @return list result
+     */
+    @NotNull ListResult<Model> listPage(Search search);
+
+    /**
+     * model to view model
+     * @param model db model
+     * @return view model
+     */
+    ViewModel<Model> toViewModel(Model model);
+
+    /**
+     * model to view model
+     * @param models model
+     * @return view model
+     */
+    List<ViewModel<Model>> toViewModel(List<Model> models);
+
+    /**
+     * count by search
+     * @param search search
+     * @return count
+     */
+    int count(Search search);
+
+    /**
+     * scan model of all
+     *
+     * @param scanner scanner
+     * @return scan result
+     */
+    Model scan(@NotNull Function<Model, Boolean> scanner);
+
+    /**
+     * scan model of all
+     *
+     * @param scanner scanner
+     */
+    void scan(@NotNull Consumer<Model> scanner);
+
+    /**
+     * scan model by search
+     *
+     * @param search search
+     * @param scanner scanner
+     * @return scan result
+     */
+    Model scan(Search search, @NotNull Function<Model, Boolean> scanner);
+
+    /**
+     * scan model by search
+     *
+     * @param search search
+     * @param scanner scanner
+     */
+    void scan(Search search, @NotNull Consumer<Model> scanner);
+
+    /**
+     * scan model by search
+     *
+     * @param pageSize fetch model page size
+     * @param search search
+     * @param scanner scanner
+     * @return scan result
+     */
+    Model scan(@Min(1) int pageSize, Search search, @NotNull Function<Model, Boolean> scanner);
+
+    /**
+     * scan model by search
+     *
+     * @param pageSize fetch model page size
+     * @param search search
+     * @param scanner scanner
+     */
+    void scan(@Min(1) int pageSize, Search search, @NotNull Consumer<Model> scanner);
+}
diff --git a/lib/tigon/service-api/src/main/java/com/wacai/tigon/service/BaseService.java b/lib/tigon/service-api/src/main/java/com/wacai/tigon/service/BaseService.java
new file mode 100644
index 00000000..6302d508
--- /dev/null
+++ b/lib/tigon/service-api/src/main/java/com/wacai/tigon/service/BaseService.java
@@ -0,0 +1,27 @@
+package com.wacai.tigon.service;
+
+import java.util.List;
+import com.wacai.tigon.model.ViewModel;
+import com.wacai.tigon.model.DomainModel;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Aug 11, 2016 1:36:04 PM
+ */
+public interface BaseService<PrimaryKey, Model extends DomainModel<PrimaryKey>> {
+
+    /**
+     * model to view model
+     * @param model db model
+     * @return view model
+     */
+    ViewModel<Model> toViewModel(Model model);
+
+    /**
+     * model to view model
+     * @param models model
+     * @return view model
+     */
+    List<ViewModel<Model>> toViewModel(List<Model> models);
+}
diff --git a/lib/tigon/service-api/src/test/java/com/wacai/tigon/service/TestDriver.java b/lib/tigon/service-api/src/test/java/com/wacai/tigon/service/TestDriver.java
new file mode 100644
index 00000000..bbf42179
--- /dev/null
+++ b/lib/tigon/service-api/src/test/java/com/wacai/tigon/service/TestDriver.java
@@ -0,0 +1,10 @@
+package com.wacai.tigon.service;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Nov 23, 2016 2:48:36 PM
+ */
+public class TestDriver {
+
+}
diff --git a/lib/tigon/service-api/src/test/resources/log4j2.xml b/lib/tigon/service-api/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..461128f8
--- /dev/null
+++ b/lib/tigon/service-api/src/test/resources/log4j2.xml
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN" monitorInterval="30">
+    <Properties>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="${pattern}" />
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/log-${sys:http.port}.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/log-${sys:http.port}-%d{yyyy-MM-dd}-%i.log.gz">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+        <SMTP name="Mail"
+              subject="${log.mail.subject}"
+              to="${log.mail.to}"
+              cc="${log.mail.cc}"
+              from="${log.mail.from}"
+              smtpHost="${log.mail.host}"
+              smtpPort="${log.mail.port}"
+              smtpUsername="${log.mail.user}"
+              smtpPassword="${log.mail.password}"
+              smtpDebug="false"
+              bufferSize="64">
+        </SMTP>
+        <!-- appender to send mails asynchronously -->
+        <Async name="AsyncMail">
+            <AppenderRef ref="Mail" />
+        </Async>
+        <Async name="AsyncFile">
+            <AppenderRef ref="File" />
+        </Async>
+    </Appenders>
+    <Loggers>
+        <Logger name="org.springframework" level="INFO" additivity="false">
+            <AppenderRef ref="AsyncFile" />
+        </Logger>
+        <Logger name="org.mongodb.driver" level="WARN" additivity="false">
+            <AppenderRef ref="AsyncFile" />
+        </Logger>
+        <Logger name="org.apache" level="WARN" additivity="false">
+            <AppenderRef ref="AsyncFile" />
+        </Logger>
+        <Root level="DEBUG" additivity="false">
+            ${log.appender}
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/tigon/service-support/README.md b/lib/tigon/service-support/README.md
new file mode 100644
index 00000000..8cc76e92
--- /dev/null
+++ b/lib/tigon/service-support/README.md
@@ -0,0 +1 @@
+#tigon-service-support
diff --git a/lib/tigon/service-support/pom.xml b/lib/tigon/service-support/pom.xml
new file mode 100644
index 00000000..3509ea57
--- /dev/null
+++ b/lib/tigon/service-support/pom.xml
@@ -0,0 +1,44 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>tigon-service-support</artifactId>
+    <packaging>jar</packaging>
+    <name>Tigon Service Support</name>
+    <description>Tigon Service Support</description>
+
+    <parent>
+        <groupId>com.wacai.tigon</groupId>
+        <artifactId>tigon</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-service-api</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-mybatis</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-jdbc</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/tigon/service-support/src/main/java/com/wacai/tigon/service/support/BaseCrudByFormServiceSupport.java b/lib/tigon/service-support/src/main/java/com/wacai/tigon/service/support/BaseCrudByFormServiceSupport.java
new file mode 100644
index 00000000..c4963dea
--- /dev/null
+++ b/lib/tigon/service-support/src/main/java/com/wacai/tigon/service/support/BaseCrudByFormServiceSupport.java
@@ -0,0 +1,98 @@
+package com.wacai.tigon.service.support;
+
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.util.Assert;
+import com.wacai.tigon.model.ViewModel;
+import com.wacai.tigon.model.DomainModel;
+import com.wacai.tigon.mybatis.BaseMapper;
+import com.wacai.tigon.form.FormCreateApi;
+import com.wacai.tigon.form.FormUpdateApi;
+import com.wacai.tigon.service.BaseCrudByFormService;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * May 16, 2016 3:28:54 PM
+ */
+@Slf4j
+public class BaseCrudByFormServiceSupport
+    <PrimaryKey, Model extends DomainModel<PrimaryKey>,
+        FormForCreate extends FormCreateApi,
+        FormForUpdate extends FormUpdateApi<PrimaryKey>,
+        Mapper extends BaseMapper<PrimaryKey, Model>>
+    extends BaseCrudServiceSupport<PrimaryKey, Model, Mapper>
+    implements BaseCrudByFormService<PrimaryKey, Model, FormForCreate, FormForUpdate> {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<Model> create(final FormForCreate form) {
+        log.debug("Create form [{}].", form);
+        validate(form);
+        final Model model = form.copy(modelType);
+        beforeCreate(form, model);
+        return create(model);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<Model> update(final FormForUpdate form) {
+        log.debug("Update form [{}].", form);
+        validate(form);
+        final Model model = findValid(form.getId());
+        form.copy(model);
+        beforeUpdate(form, model);
+        return update(model);
+    }
+
+    // -- 
+    // private methods
+
+    /**
+     * find valid model
+     * @param id model id
+     * @return valid model or throw exception
+     */
+    protected Model findValid(final PrimaryKey id) {
+        final Model model = find(id);
+        Assert.state(model != null, "No model [" + id + "] found");
+        return model;
+    }
+
+    /**
+     * before create
+     * @param form create form
+     * @param model model
+     */
+    protected void beforeCreate(FormForCreate form, Model model) {
+        // For Override
+    }
+
+    /**
+     * before update
+     * @param form update form
+     * @param model model
+     */
+    protected void beforeUpdate(FormForUpdate form, Model model) {
+        // For Override
+    }
+
+    /**
+     * validate create form
+     * @param form create form
+     */
+    protected void validate(FormForCreate form) {
+        // For Override
+    }
+    
+    /**
+     * validate update form
+     * @param form update form
+     */
+    protected void validate(FormForUpdate form) {
+        // For Override
+    }
+}
diff --git a/lib/tigon/service-support/src/main/java/com/wacai/tigon/service/support/BaseCrudServiceSupport.java b/lib/tigon/service-support/src/main/java/com/wacai/tigon/service/support/BaseCrudServiceSupport.java
new file mode 100644
index 00000000..2a8863e1
--- /dev/null
+++ b/lib/tigon/service-support/src/main/java/com/wacai/tigon/service/support/BaseCrudServiceSupport.java
@@ -0,0 +1,130 @@
+package com.wacai.tigon.service.support;
+
+import java.util.Map;
+import java.util.List;
+import java.util.ArrayList;
+import java.util.Collection;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.model.ViewModel;
+import com.wacai.tigon.model.DomainModel;
+import com.wacai.tigon.mybatis.BaseMapper;
+import com.wacai.tigon.service.BaseCrudService;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * May 16, 2016 3:28:54 PM
+ */
+@Slf4j
+public class BaseCrudServiceSupport 
+    <PrimaryKey, Model extends DomainModel<PrimaryKey>,
+        Mapper extends BaseMapper<PrimaryKey, Model>>
+    extends BaseQueryServiceSupport<PrimaryKey, Model, Mapper>
+    implements BaseCrudService<PrimaryKey, Model> {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public int delete(final Search search) {
+        return mapper.delete(search);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public int delete(final PrimaryKey primaryKey) {
+        return mapper.delete(primaryKey);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    @SuppressWarnings("unchecked")
+    public ViewModel<Model> create(final Model model) {
+        model.beforeInsert();
+        beforeInsert(model);
+        mapper.insert(model);
+        afterInsert(model);
+        return toViewModel(model);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Collection<ViewModel<Model>> create(final Collection<Model> models) {
+        final List<ViewModel<Model>> viewModels = new ArrayList<>(models.size());
+        // before
+        for (Model model : models) {
+            model.beforeInsert();
+            beforeInsert(model);
+        }
+        mapper.insert(models);
+        // after
+        for (Model model : models) {
+            afterInsert(model);
+            viewModels.add(toViewModel(model));
+        }
+        return viewModels;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<Model> update(final Model model) {
+        model.beforeUpdate();
+        beforeUpdate(model);
+        mapper.update(model);
+        afterUpdate(model);
+        return toViewModel(model);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public int update(final Model model, final Search search) {
+        return mapper.update(model, search);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public int update(final Map<String, ?> model, final PrimaryKey primaryKey) {
+        return mapper.update(model, primaryKey);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public int update(final Map<String, ?> model, final Search search) {
+        return mapper.update(model, search);
+    }
+
+    // --
+    // private methods
+
+    protected void beforeInsert(Model model) {
+        // Hook
+    }
+
+    protected void afterInsert(Model model) {
+        // Hook
+    }
+
+
+    protected void beforeUpdate(Model model) {
+        // Hook
+    }
+
+    protected void afterUpdate(Model model) {
+        // Hook
+    }
+}
diff --git a/lib/tigon/service-support/src/main/java/com/wacai/tigon/service/support/BaseQueryServiceSupport.java b/lib/tigon/service-support/src/main/java/com/wacai/tigon/service/support/BaseQueryServiceSupport.java
new file mode 100644
index 00000000..02c307dd
--- /dev/null
+++ b/lib/tigon/service-support/src/main/java/com/wacai/tigon/service/support/BaseQueryServiceSupport.java
@@ -0,0 +1,197 @@
+package com.wacai.tigon.service.support;
+
+import java.util.List;
+import lombok.extern.slf4j.Slf4j;
+import java.util.function.Consumer;
+import java.util.function.Function;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.model.ViewModel;
+import com.wacai.tigon.model.ListResult;
+import com.wacai.tigon.model.DomainModel;
+import com.wacai.tigon.mybatis.BaseMapper;
+import com.wacai.tigon.service.BaseQueryService;
+import org.springframework.beans.factory.annotation.Value;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Nov 7, 2016 4:26:03 PM
+ */
+@Slf4j
+public class BaseQueryServiceSupport
+    <PrimaryKey, Model extends DomainModel<PrimaryKey>,
+        Mapper extends BaseMapper<PrimaryKey, Model>>
+    extends BaseServiceSupport<PrimaryKey, Model, Mapper>
+    implements BaseQueryService<PrimaryKey, Model> {
+
+    @Value("${tigon.query-service.scan.page-size:256}")
+    protected int scanPageSize;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public List<Model> list(Search search) {
+        log.debug("List models by search [{}], using mapper [{}].", search, mapper);
+        return mapper.list(search);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ListResult<Model> listPage(Search search) {
+        log.debug("List models page by search [{}], using mapper [{}].", search, mapper);
+        return new ListResult<>(list(search),
+            count(search));
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Model find(Search search) {
+        log.debug("Find model by search [{}], using mapper [{}].", search, mapper);
+        return mapper.find(search);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public int count(Search search) {
+        log.debug("Count model by search [{}] using mapper [{}].", search, mapper);
+        return mapper.count(search);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<Model> findViewModel(Search search) {
+        log.debug("Find view model by search [{}] using mapper [{}].", search, mapper);
+        return toViewModel(find(search));
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ListResult<ViewModel<Model>> listViewModelsPage(
+            Search search) {
+        log.debug("List view models page by search [{}] using mapper [{}].", search, mapper);
+        return new ListResult<>(
+            listViewModels(search), 
+            count(search));
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public List<ViewModel<Model>> listViewModels(Search search) {
+        log.debug("List view models by search [{}] using mapper [{}].", search, mapper);
+        return toViewModel(list(search));
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<Model> findViewModel(PrimaryKey primaryKey) {
+        return toViewModel(find(primaryKey));
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Model find(PrimaryKey primaryKey) {
+        return mapper.find(primaryKey);
+    }
+
+    /**
+     * {@inheritDoc} 
+     */
+    @Override
+    public Model scan(Function<Model, Boolean> scanner) {
+        return scan(null, scanner);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void scan(Consumer<Model> scanner) {
+        scan(null, scanner);
+    }
+
+    /**
+     * {@inheritDoc} 
+     */
+    @Override
+    public Model scan(Search search, Function<Model, Boolean> scanner) {
+        return scan(scanPageSize, search, scanner);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void scan(Search search, Consumer<Model> scanner) {
+        scan(scanPageSize, search, scanner);
+    }
+
+    /**
+     * {@inheritDoc} 
+     */
+    @Override
+    public Model scan(final int pageSize, Search search, final Function<Model, Boolean> scanner) {
+        log.info("Scan model by search [{}], page size [{}].", search, pageSize);
+        search = defaultSearchIfNull(search);
+        final int total = count(search);
+
+        if (total > 0) {
+            for (int start = 0; start < total; start += pageSize) {
+                for (Model model : list(
+                        search.offset(start)
+                            .limit(Math.min(pageSize, total - start)))) {
+                    if (scanner.apply(model)) {
+                        log.info("Model [{}] found by scanner.", model);
+                        return model;
+                    }
+                }
+            }
+            log.debug("No matched model accepted by scanner.");
+        }
+        else {
+            log.info("No model found to scan by search [{}].", search);
+        }
+        return null;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void scan(final int pageSize, Search search, final Consumer<Model> scanner) {
+        log.info("Scan model by search [{}], page size [{}].", search, pageSize);
+        search = defaultSearchIfNull(search);
+        final int total = count(search);
+
+        if (total > 0) {
+            for (int start = 0; start < total; start += pageSize) {
+                list(search.offset(start)
+                        .limit(Math.min(pageSize, total - start)))
+                    .forEach(scanner::accept);
+            }
+        }
+        else {
+            log.info("No model found to scan by search [{}].", search);
+        }
+    }
+
+    private Search defaultSearchIfNull(final Search search) {
+        return search != null ? search : new Search();
+    }
+}
diff --git a/lib/tigon/service-support/src/main/java/com/wacai/tigon/service/support/BaseServiceSupport.java b/lib/tigon/service-support/src/main/java/com/wacai/tigon/service/support/BaseServiceSupport.java
new file mode 100644
index 00000000..ea071d45
--- /dev/null
+++ b/lib/tigon/service-support/src/main/java/com/wacai/tigon/service/support/BaseServiceSupport.java
@@ -0,0 +1,103 @@
+package com.wacai.tigon.service.support;
+
+import lombok.Getter;
+import lombok.Setter;
+import java.util.List;
+import java.util.ArrayList;
+import java.util.Collections;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.Table;
+import com.wacai.tigon.model.ViewModel;
+import com.wacai.tigon.model.DomainModel;
+import com.wacai.tigon.mybatis.BaseMapper;
+import com.wacai.tigon.service.BaseService;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.core.GenericTypeResolver;
+import org.springframework.core.annotation.AnnotationUtils;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Nov 8, 2016 10:09:29 AM
+ */
+@Slf4j
+public class BaseServiceSupport
+    <PrimaryKey, Model extends DomainModel<PrimaryKey>,
+        Mapper extends BaseMapper<PrimaryKey, Model>>
+    implements BaseService<PrimaryKey, Model> {
+
+    @Getter
+    @Setter
+    @Autowired
+    protected Mapper mapper;
+    @Getter
+    protected final Class<PrimaryKey> idType;
+    @Getter
+    protected final Class<Model> modelType;
+    @Getter
+    protected final String table;
+
+    /**
+     * constructor
+     */
+    @SuppressWarnings("unchecked")
+    public BaseServiceSupport() {
+        final Class<?>[] clazzArr =
+            GenericTypeResolver.resolveTypeArguments(
+                getClass(), 
+            BaseServiceSupport.class);
+        idType = (Class<PrimaryKey>) clazzArr[0];
+        modelType = (Class<Model>) clazzArr[1];
+
+        // get domain table
+        final Table annoMapperTable =
+            AnnotationUtils.findAnnotation(clazzArr[2], Table.class);
+        final String mTable = annoMapperTable != null ?
+            annoMapperTable.value() : null;
+        if (StringUtils.isNotBlank(mTable)) {
+            table = mTable;
+        }
+        else {
+            final Table annoDomainTable =
+                AnnotationUtils.findAnnotation(modelType, Table.class);
+            table = annoDomainTable != null ? annoDomainTable.value() : null;
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public ViewModel<Model> toViewModel(Model model) {
+        final ViewModel<Model> viewModel =
+            new ViewModel<>(model);
+        log.debug("Model [{}] to view model.", model);
+        processViewModel(viewModel, model);
+        return viewModel;
+    }
+
+    /**
+     * {@inheritDoc} 
+     */
+    @Override
+    public List<ViewModel<Model>> toViewModel(List<Model> models) {
+        if (models != null && !models.isEmpty()) {
+            final List<ViewModel<Model>> viewModels =
+                new ArrayList<>(models.size());
+            for (final Model model : models) {
+                viewModels.add(toViewModel(model));
+            }
+            return viewModels;
+        }
+        return Collections.emptyList();
+    }
+
+    /**
+     * @param viewModel
+     * @param model
+     */
+    protected void processViewModel(ViewModel<Model> viewModel, Model model) {
+        // Override hook
+    }
+}
diff --git a/lib/tigon/service-support/src/test/java/com/wacai/tigon/service/support/TestDriver.java b/lib/tigon/service-support/src/test/java/com/wacai/tigon/service/support/TestDriver.java
new file mode 100644
index 00000000..0668bb80
--- /dev/null
+++ b/lib/tigon/service-support/src/test/java/com/wacai/tigon/service/support/TestDriver.java
@@ -0,0 +1,10 @@
+package com.wacai.tigon.service.support;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Nov 23, 2016 3:22:44 PM
+ */
+public class TestDriver {
+
+}
diff --git a/lib/tigon/service-support/src/test/resources/log4j2.xml b/lib/tigon/service-support/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..2e993949
--- /dev/null
+++ b/lib/tigon/service-support/src/test/resources/log4j2.xml
@@ -0,0 +1,45 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN" monitorInterval="30">
+    <Properties>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="${pattern}" />
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/log.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/log-%d{yyyy-MM-dd}-%i.log.gz">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+        <SMTP name="Mail"
+              subject="${log.mail.subject}"
+              to="${log.mail.to}"
+              cc="${log.mail.cc}"
+              from="${log.mail.from}"
+              smtpHost="${log.mail.host}"
+              smtpPort="${log.mail.port}"
+              smtpUsername="${log.mail.user}"
+              smtpPassword="${log.mail.password}"
+              smtpDebug="false"
+              bufferSize="64">
+        </SMTP>
+        <!-- appender to send mails asynchronously -->
+        <Async name="AsyncMail">
+            <AppenderRef ref="Mail" />
+        </Async>
+        <Async name="AsyncFile">
+            <AppenderRef ref="File" />
+        </Async>
+    </Appenders>
+    <Loggers>
+        <Root level="DEBUG" additivity="false">
+            ${log.appender}
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/tigon/shiro-cas/.gitignore b/lib/tigon/shiro-cas/.gitignore
new file mode 100644
index 00000000..bcb9203a
--- /dev/null
+++ b/lib/tigon/shiro-cas/.gitignore
@@ -0,0 +1,9 @@
+.*
+!.gitignore
+!.gitkeep
+*.iml
+**/src/main/resources/application.properties
+**/src/main/resources/log4j2.xml
+**/src/main/resources/logback.xml
+target/
+bin/
diff --git a/lib/tigon/shiro-cas/README.md b/lib/tigon/shiro-cas/README.md
new file mode 100644
index 00000000..b3cebd4d
--- /dev/null
+++ b/lib/tigon/shiro-cas/README.md
@@ -0,0 +1,19 @@
+# CAS Client Shiro
+
+```properties
+tigon.shiro.cas.central-logout = true
+tigon.shiro.cas.local-logout = true
+tigon.shiro.cas.login-callback-filter-name = cas
+tigon.shiro.cas.login-callback-url = ${tigon.shiro.cas.client.addr}${tigon.shiro.cas.login-callback-path:/cas/login}?client_name=${spring.application.name}
+tigon.shiro.cas.login-success-url = /
+tigon.shiro.cas.login-url = ${tigon.shiro.cas.server.addr}/login
+tigon.shiro.cas.full-login-url = ${tigon.shiro.cas.server.login-url:${tigon.shiro.cas.server.addr}/login}}?service=${tigon.shiro.cas.client.addr}${tigon.shiro.cas.client.login.path:/cas/login}?client_name=${spring.application.name}
+tigon.shiro.cas.logout-filter-name = logout
+tigon.shiro.cas.logout-path = /logout
+tigon.shiro.cas.login-callback-path = /cas/login
+tigon.shiro.cas.logout-success-url = /
+tigon.shiro.cas.protocol = CAS20
+tigon.shiro.cas.security-filter-name = user
+tigon.shiro.cas.security-filter.clients = ${spring.application.name}
+tigon.shiro.filter-chain-definition.config-location = classpath:shiro/auth.properties
+```
diff --git a/lib/tigon/shiro-cas/pom.xml b/lib/tigon/shiro-cas/pom.xml
new file mode 100644
index 00000000..3a3da667
--- /dev/null
+++ b/lib/tigon/shiro-cas/pom.xml
@@ -0,0 +1,50 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" 
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>tigon-shiro-cas</artifactId>
+    <packaging>jar</packaging>
+    <name>Shiro CAS Client</name>
+    <description>Shiro CAS Client</description>
+
+    <parent>
+        <groupId>com.wacai.tigon</groupId>
+        <artifactId>tigon</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-shiro-core</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.shiro</groupId>
+            <artifactId>shiro-spring</artifactId>
+            <version>1.4.0</version>
+        </dependency>
+        <dependency>
+            <groupId>org.pac4j</groupId>
+            <artifactId>pac4j-cas</artifactId>
+            <version>2.3.1</version>
+        </dependency>
+        <dependency>
+            <groupId>io.buji</groupId>
+            <artifactId>buji-pac4j</artifactId>
+            <version>3.2.0</version>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/tigon/shiro-cas/src/main/java/com/wacai/tigon/shiro/cas/DefaultProfileCreator.java b/lib/tigon/shiro-cas/src/main/java/com/wacai/tigon/shiro/cas/DefaultProfileCreator.java
new file mode 100644
index 00000000..7d86ac92
--- /dev/null
+++ b/lib/tigon/shiro-cas/src/main/java/com/wacai/tigon/shiro/cas/DefaultProfileCreator.java
@@ -0,0 +1,56 @@
+package com.wacai.tigon.shiro.cas;
+
+import java.util.Map;
+import java.util.Collection;
+import lombok.extern.slf4j.Slf4j;
+import java.util.function.Consumer;
+import org.pac4j.core.context.WebContext;
+import org.pac4j.core.profile.CommonProfile;
+import org.pac4j.core.credentials.TokenCredentials;
+import org.pac4j.core.profile.creator.ProfileCreator;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Jun 23, 2018 16:17:53
+ */
+@Slf4j
+public class DefaultProfileCreator implements ProfileCreator<TokenCredentials, CommonProfile> {
+
+    @Autowired(required = false)
+    private UserProfileProvider userProfileProvider;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public CommonProfile create(final TokenCredentials credentials, final WebContext context) {
+        log.debug("Create user profile from credentials [{}].", credentials);
+
+        final CommonProfile userProfile = credentials.getUserProfile();
+        if (userProfileProvider != null) {
+            log.debug("User profile provider [{}] found.", userProfileProvider);
+            final UserProfileProvider.UserProfile userProfileResult =
+                userProfileProvider.getUserProfile(userProfile.getId());
+            if (userProfileResult != null) {
+                applyIfNotEmpty(userProfileResult.getRoles(), userProfile::addRoles);
+                applyIfNotEmpty(userProfileResult.getPermissions(), userProfile::addPermissions);
+                applyIfNotEmpty(userProfileResult.getAttrs(), userProfile::addAttributes);
+                applyIfNotEmpty(userProfileResult.getAuthAttrs(), userProfile::addAuthenticationAttributes);
+            }
+        }
+        return userProfile;
+    }
+
+    private <T> void applyIfNotEmpty(final Collection<T> data, final Consumer<Collection<T>> consumer) {
+        if (data != null && !data.isEmpty()) {
+            consumer.accept(data);
+        }
+    }
+
+    private <K, V> void applyIfNotEmpty(final Map<K, V> data, final Consumer<Map<K, V>> consumer) {
+        if (data != null && !data.isEmpty()) {
+            consumer.accept(data);
+        }
+    }
+}
diff --git a/lib/tigon/shiro-cas/src/main/java/com/wacai/tigon/shiro/cas/UserProfileProvider.java b/lib/tigon/shiro-cas/src/main/java/com/wacai/tigon/shiro/cas/UserProfileProvider.java
new file mode 100644
index 00000000..de6b971a
--- /dev/null
+++ b/lib/tigon/shiro-cas/src/main/java/com/wacai/tigon/shiro/cas/UserProfileProvider.java
@@ -0,0 +1,29 @@
+package com.wacai.tigon.shiro.cas;
+
+import lombok.Getter;
+import lombok.Setter;
+import java.util.Map;
+import java.util.Set;
+
+/**
+ * @author Donghuang <br>
+ * Jun 26, 2018 21:57:43
+ */
+public interface UserProfileProvider {
+
+    @Getter
+    @Setter
+    class UserProfile {
+        private Set<String> roles;
+        private Set<String> permissions;
+        private Map<String, Object> attrs;
+        private Map<String, Object> authAttrs;
+    }
+
+    /**
+     * get user profile, define your custom provider
+     * @param account account
+     * @return UserProfile
+     */
+    UserProfile getUserProfile(String account);
+}
diff --git a/lib/tigon/shiro-cas/src/main/resources/spring/spring-shiro-cas.xml b/lib/tigon/shiro-cas/src/main/resources/spring/spring-shiro-cas.xml
new file mode 100644
index 00000000..900919da
--- /dev/null
+++ b/lib/tigon/shiro-cas/src/main/resources/spring/spring-shiro-cas.xml
@@ -0,0 +1,79 @@
+<?xml version="1.0" encoding="utf-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd"> 
+    <description>Shiro CAS Configuration</description>
+
+    <bean id="securityManager" parent="securityManagerParent">
+        <property name="subjectFactory">
+            <bean class="io.buji.pac4j.subject.Pac4jSubjectFactory" />
+        </property>
+        <property name="realm">
+            <bean class="io.buji.pac4j.realm.Pac4jRealm" />
+        </property>
+    </bean>
+
+    <bean id="casConfig" class="org.pac4j.core.config.Config">
+        <constructor-arg>
+            <bean class="org.pac4j.cas.client.CasClient">
+                <constructor-arg>
+                    <bean class="org.pac4j.cas.config.CasConfiguration">
+                        <constructor-arg value="${tigon.shiro.cas.login-url:${tigon.shiro.cas.server.addr}/login}" />
+                        <property name="protocol" value="${tigon.shiro.cas.protocol:CAS20}" />
+                        <property name="acceptAnyProxy" value="true" />
+                    </bean>
+                </constructor-arg>
+                <property name="name" value="${spring.application.name}" />
+                <property name="callbackUrl" value="${tigon.shiro.cas.login-callback-url:${tigon.shiro.cas.client.addr}${tigon.shiro.cas.login-callback-path:/cas/login}?client_name=${spring.application.name}}" />
+                <property name="profileCreator">
+                    <bean class="com.wacai.tigon.shiro.cas.DefaultProfileCreator" />
+                </property>
+            </bean>
+        </constructor-arg>
+    </bean>
+
+    <bean id="shiroFilter" parent="shiroFilterParent">
+        <property name="securityManager" ref="securityManager" />
+        <property name="loginUrl" value="${tigon.shiro.cas.full-login-url:${tigon.shiro.cas.server.login-url:${tigon.shiro.cas.server.addr}/login}}?service=${tigon.shiro.cas.client.addr}${tigon.shiro.cas.login-callback-path:/cas/login}?client_name=${spring.application.name}}" />
+
+        <property name="filters">
+            <map>
+                <entry key="${tigon.shiro.cas.login-callback-filter-name:cas}">
+                    <bean class="io.buji.pac4j.filter.CallbackFilter">
+                        <property name="config" ref="casConfig" />
+                        <property name="defaultUrl" value="${tigon.shiro.cas.login-success-url:/}" />
+                    </bean>
+                </entry>
+                <entry key="${tigon.shiro.cas.security-filter-name:user}">
+                    <bean class="io.buji.pac4j.filter.SecurityFilter">
+                        <property name="config" ref="casConfig" />
+                        <property name="clients" value="${tigon.shiro.cas.security-filter.clients:${spring.application.name}}" />
+                    </bean>
+                </entry>
+                <entry key="${tigon.shiro.cas.logout-filter-name:logout}">
+                    <bean class="io.buji.pac4j.filter.LogoutFilter">
+                        <property name="config" ref="casConfig" />
+                        <property name="localLogout" value="${tigon.shiro.cas.local-logout:true}" />
+                        <property name="centralLogout" value="${tigon.shiro.cas.central-logout:true}" />
+                        <property name="logoutUrlPattern" value="${tigon.shiro.cas.logout-path:/logout}" />
+                        <property name="defaultUrl" value="${tigon.shiro.cas.logout-success-url:/}" />
+                    </bean>
+                </entry>
+            </map>
+        </property>
+
+        <property name="filterChainDefinitionMap">
+            <bean class="com.wacai.tigon.shiro.FilterChain">
+                <constructor-arg value="${tigon.shiro.filter-chain}" />
+                <constructor-arg>
+                    <map>
+                        <entry key="${tigon.shiro.cas.login-callback-path:/cas/login}" value="${tigon.shiro.cas.login-callback-filter-name:cas}" />
+                        <entry key="${tigon.shiro.cas.logout-path:/logout}" value="${tigon.shiro.cas.logout-filter-name:logout}" />
+                        <entry key="${tigon.shiro.cas.logout-success-url:/}" value="anon" />
+                    </map>
+                </constructor-arg>
+            </bean>
+        </property>
+    </bean>
+</beans>
diff --git a/lib/tigon/shiro-cas/src/test/java/com/wacai/tigon/shiro/cas/TestDriver.java b/lib/tigon/shiro-cas/src/test/java/com/wacai/tigon/shiro/cas/TestDriver.java
new file mode 100644
index 00000000..2c7d9e53
--- /dev/null
+++ b/lib/tigon/shiro-cas/src/test/java/com/wacai/tigon/shiro/cas/TestDriver.java
@@ -0,0 +1,18 @@
+package com.wacai.tigon.shiro.cas;
+
+import org.junit.Test;
+import lombok.extern.slf4j.Slf4j;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br />
+ * Sep 1, 2015 2:34:08 PM
+ */
+@Slf4j
+public class TestDriver {
+
+    @Test
+    public void test() {
+
+    }
+}
diff --git a/lib/tigon/shiro-cas/src/test/resources/spring/spring-test.xml b/lib/tigon/shiro-cas/src/test/resources/spring/spring-test.xml
new file mode 100644
index 00000000..704a5978
--- /dev/null
+++ b/lib/tigon/shiro-cas/src/test/resources/spring/spring-test.xml
@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+       http://www.springframework.org/schema/beans/spring-beans.xsd">
+    <!-- Scan Controllers -->
+</beans>
diff --git a/lib/tigon/shiro-core/README.md b/lib/tigon/shiro-core/README.md
new file mode 100644
index 00000000..247502c6
--- /dev/null
+++ b/lib/tigon/shiro-core/README.md
@@ -0,0 +1 @@
+# tigon-shiro
diff --git a/lib/tigon/shiro-core/pom.xml b/lib/tigon/shiro-core/pom.xml
new file mode 100644
index 00000000..2874538d
--- /dev/null
+++ b/lib/tigon/shiro-core/pom.xml
@@ -0,0 +1,55 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" 
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>tigon-shiro-core</artifactId>
+    <name>Tigon Shiro Core</name>
+    <description>Tigon Shiro Core</description>
+    <packaging>jar</packaging>
+
+    <parent>
+        <groupId>com.wacai.tigon</groupId>
+        <artifactId>tigon</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-autoconfigure</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-web</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.shiro</groupId>
+            <artifactId>shiro-spring</artifactId>
+            <version>1.4.0</version>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <dependency>
+            <groupId>javax.servlet</groupId>
+            <artifactId>javax.servlet-api</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/AppConfig.java b/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/AppConfig.java
new file mode 100644
index 00000000..20ddddd1
--- /dev/null
+++ b/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/AppConfig.java
@@ -0,0 +1,22 @@
+package com.wacai.tigon.shiro;
+
+import java.io.Serializable;
+import org.apache.shiro.cache.Cache;
+import org.apache.shiro.session.Session;
+import org.springframework.context.annotation.Bean;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.boot.autoconfigure.condition.ConditionalOnBean;
+
+/**
+ * @author Donghuang <br>
+ * Nov 09, 2019 22:35:02
+ */
+@Configuration
+public class AppConfig {
+
+    @Bean
+    @ConditionalOnBean(Cache.class)
+    public RequestListener shiroCacheRequestListener(final Cache<Serializable, Session> cache) {
+        return new RequestListener(cache);
+    }
+}
diff --git a/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/AuthCallback.java b/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/AuthCallback.java
new file mode 100644
index 00000000..085c0224
--- /dev/null
+++ b/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/AuthCallback.java
@@ -0,0 +1,33 @@
+package com.wacai.tigon.shiro;
+
+import org.apache.shiro.subject.Subject;
+import org.apache.shiro.authc.AuthenticationInfo;
+import org.apache.shiro.authc.AuthenticationToken;
+import org.apache.shiro.authc.AuthenticationException;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Apr 7, 2015 3:57:08 PM
+ */
+public interface AuthCallback {
+
+    /**
+     * @param token token
+     * @param info info
+     * @param subject subject
+     */
+    void onSuccessfulLogin(AuthenticationToken token, AuthenticationInfo info, Subject subject);
+    
+    /**
+     * @param token token
+     * @param ae authentication exception
+     * @param subject subject
+     */
+    void onFailedLogin(AuthenticationToken token, AuthenticationException ae, Subject subject);
+    
+    /**
+     * @param subject subject
+     */
+    void beforeLogout(Subject subject); 
+}
diff --git a/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/FilterChain.java b/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/FilterChain.java
new file mode 100644
index 00000000..2cf1bbec
--- /dev/null
+++ b/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/FilterChain.java
@@ -0,0 +1,34 @@
+package com.wacai.tigon.shiro;
+
+import java.util.*;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.util.StringUtils;
+
+/**
+ * @author Donghuang <br>
+ * Jun 27, 2018 10:42
+ */
+@Slf4j
+public class FilterChain extends LinkedHashMap<String, String> {
+
+    public FilterChain(final String filterChainDef) {
+        this(filterChainDef, Collections.emptyMap());
+    }
+
+    public FilterChain(final String filterChainDef, final Map<? extends String, ? extends String> map) {
+        super(map);
+        log.info("Create shiro filter chain [{}][{}].", filterChainDef, map);
+
+        if (StringUtils.hasText(filterChainDef)) {
+            final String[] filters = filterChainDef.replaceAll("\\s*=\\s*", "=").split("\\s+");
+            for (final String filter : filters) {
+                if (StringUtils.hasText(filter)) {
+                    final String[] def = filter.split("=");
+                    log.info("Add shiro filter chain [{}] [{}].", def[0], def[1]);
+                    put(def[0], def[1]);
+                }
+            }
+        }
+        log.info("Shiro filter chain [{}] created.", this);
+    }
+}
diff --git a/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/RequestListener.java b/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/RequestListener.java
new file mode 100644
index 00000000..f68ddbf7
--- /dev/null
+++ b/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/RequestListener.java
@@ -0,0 +1,48 @@
+package com.wacai.tigon.shiro;
+
+import java.io.Serializable;
+import java.util.Enumeration;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.shiro.cache.Cache;
+import lombok.RequiredArgsConstructor;
+import org.apache.shiro.session.Session;
+import javax.servlet.ServletRequestEvent;
+import javax.servlet.ServletRequestListener;
+import javax.servlet.http.HttpServletRequest;
+
+/**
+ * @author Donghuang <br>
+ * Dec 03, 2018 11:02
+ */
+@Slf4j
+@RequiredArgsConstructor
+public class RequestListener implements ServletRequestListener {
+    private final Cache<Serializable, Session> cache;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void requestDestroyed(final ServletRequestEvent sre) {
+        final HttpServletRequest request =
+            (HttpServletRequest) sre.getServletRequest();
+        final Enumeration<String> attrKeys = request.getAttributeNames();
+        while (attrKeys.hasMoreElements()) {
+            final String attrKey = attrKeys.nextElement();
+            final Object attr = request.getAttribute(attrKey);
+
+            if (attr instanceof Session) {
+                final Session session = (Session) attr;
+                log.debug("Shiro session [{}] found in request.", session);
+                request.removeAttribute(attrKey);
+                final Boolean updateSession =
+                    (Boolean) session.removeAttribute(
+                        TigonSessionDAO.ATTR_UPDATE_SESSION);
+                if (updateSession != null && updateSession) {
+                    log.debug("Cache update session [{}].", session);
+                    cache.put(session.getId(), session);
+                }
+            }
+        }
+    }
+}
diff --git a/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/SessionIdManager.java b/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/SessionIdManager.java
new file mode 100644
index 00000000..7b3748b1
--- /dev/null
+++ b/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/SessionIdManager.java
@@ -0,0 +1,36 @@
+package com.wacai.tigon.shiro;
+
+import java.io.Serializable;
+import org.apache.shiro.web.servlet.Cookie;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Apr 7, 2015 3:34:48 PM
+ */
+public interface SessionIdManager {
+    
+    /**
+     * read session id from request
+     * @param request http request
+     * @param response http response
+     * @param cookie cookie template
+     * @return session id
+     */
+    Serializable read(HttpServletRequest request, 
+        HttpServletResponse response, 
+        Cookie cookie);
+    
+    /**
+     * write session id to http response
+     * @param request http request
+     * @param response http response
+     * @param cookie cookie
+     * @return true if do write
+     */
+    boolean write(HttpServletRequest request, 
+        HttpServletResponse response, 
+        Cookie cookie);
+}
diff --git a/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/TigonSessionDAO.java b/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/TigonSessionDAO.java
new file mode 100644
index 00000000..43ce16fe
--- /dev/null
+++ b/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/TigonSessionDAO.java
@@ -0,0 +1,161 @@
+package com.wacai.tigon.shiro;
+
+import java.util.UUID;
+import java.util.Collection;
+import java.io.Serializable;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.shiro.cache.Cache;
+import org.springframework.util.Assert;
+import org.apache.shiro.cache.MapCache;
+import org.apache.shiro.session.Session;
+import javax.servlet.http.HttpServletRequest;
+import java.util.concurrent.ConcurrentHashMap;
+import org.apache.shiro.session.mgt.eis.CachingSessionDAO;
+import org.springframework.beans.factory.InitializingBean;
+import org.apache.shiro.session.mgt.eis.AbstractSessionDAO;
+import org.apache.shiro.session.mgt.eis.SessionIdGenerator;
+import org.springframework.beans.factory.annotation.Autowired;
+
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Sep 8, 2014 7:43:05 PM
+ */
+@Slf4j
+public class TigonSessionDAO extends AbstractSessionDAO implements InitializingBean {
+    public static final String ATTR_UPDATE_SESSION = "$UPDATE$";
+
+    @Autowired(required = false)
+    private Cache<Serializable, Session> cache;
+    private boolean customCache;
+    @Autowired(required = false)
+    private SessionIdGenerator sessionIdGenerator;
+    @Autowired
+    private HttpServletRequest request;
+
+    /**
+     * init session dao
+     */
+    @Override
+    public void afterPropertiesSet() {
+        if (cache == null) {
+            log.info("No custom session store found, use map cache.");
+            cache = new MapCache<>(
+                CachingSessionDAO.ACTIVE_SESSION_CACHE_NAME, 
+                new ConcurrentHashMap<>(512));
+        }
+        else {
+            customCache = true;
+            log.info("Use custom session cache [{}].", cache);
+        }
+
+        if (sessionIdGenerator != null) {
+            log.info("Use custom session id generator [{}].", sessionIdGenerator);
+            setSessionIdGenerator(sessionIdGenerator);
+        }
+        else {
+            log.info("Use UUID session id generator.");
+            setSessionIdGenerator(session -> {
+                final UUID uuid = UUID.randomUUID();
+                return (Long.toHexString(uuid.getMostSignificantBits()) +
+                    Long.toHexString(uuid.getLeastSignificantBits())).toUpperCase();
+            });
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected Serializable doCreate(final Session session) {
+        Assert.state(session != null, "Create null session");
+        final Serializable sessionId = generateSessionId(session);
+        assignSessionId(session, sessionId);
+        log.debug("Create session [{}].", session);
+        if (customCache) {
+            saveReq(session);
+        }
+        return sessionId;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected Session doReadSession(final Serializable sessionId) {
+        if (customCache) {
+            Session session = getReqSession(sessionId);
+            if (session == null) {
+                log.debug("No session [{}] found in request, fetch from cache.", sessionId);
+                session = cache.get(sessionId);
+                if (session != null) {
+                    log.debug("Session [{}] fetched from cache.", session);
+                    saveReq(session);
+                }
+            }
+            return session;
+        }
+
+        return cache.get(sessionId);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void update(final Session session) {
+        if (customCache) {
+            log.debug("Mark update session [{}].", session);
+            session.setAttribute(ATTR_UPDATE_SESSION, true);
+            saveReq(session);
+        }
+        else {
+            cache.put(session.getId(), session);
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void delete(final Session session) {
+        final Serializable sessionId = session.getId();
+        log.info("Remove session [{}].", session);
+        removeReqSession(session);
+        cache.remove(sessionId);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Collection<Session> getActiveSessions() {
+        log.info("Get active sessions.");
+        return cache.values();
+    }
+
+    /**
+     * save session to request
+     * @param session session
+     */
+    private void saveReq(final Session session) {
+        request.setAttribute(session.getId().toString(), session);
+    }
+
+    /**
+     * get session from request
+     * @param sessionId session id
+     */
+    private Session getReqSession(final Serializable sessionId) {
+        return (Session) request.getAttribute(sessionId.toString());
+    }
+
+    /**
+     * remove session from request
+     * @param session session
+     */
+    private void removeReqSession(final Session session) {
+        request.removeAttribute(session.getId().toString());
+    }
+}
diff --git a/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/TigonWebSecurityManager.java b/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/TigonWebSecurityManager.java
new file mode 100644
index 00000000..e263be02
--- /dev/null
+++ b/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/TigonWebSecurityManager.java
@@ -0,0 +1,53 @@
+package com.wacai.tigon.shiro;
+
+import org.apache.shiro.subject.Subject;
+import org.apache.shiro.authc.AuthenticationInfo;
+import org.apache.shiro.authc.AuthenticationToken;
+import org.apache.shiro.authc.AuthenticationException;
+import org.apache.shiro.web.mgt.DefaultWebSecurityManager;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Mar 12, 2015 1:18:00 PM
+ */
+public class TigonWebSecurityManager extends DefaultWebSecurityManager {
+    @Autowired(required = false)
+    private AuthCallback authCallback;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void onSuccessfulLogin(AuthenticationToken token,
+            AuthenticationInfo info, Subject subject) {
+        if (authCallback != null) {
+            authCallback.onSuccessfulLogin(token, info, subject);
+        }
+        super.onSuccessfulLogin(token, info, subject);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void onFailedLogin(AuthenticationToken token, 
+            AuthenticationException ae, Subject subject) {
+        if (authCallback != null) {
+            authCallback.onFailedLogin(token, ae, subject);
+        }
+        super.onFailedLogin(token, ae, subject);
+    }
+    
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void beforeLogout(Subject subject) {
+        if (authCallback != null) {
+            authCallback.beforeLogout(subject);
+        }
+        super.beforeLogout(subject);
+    }
+}
diff --git a/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/TigonWebSessionManager.java b/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/TigonWebSessionManager.java
new file mode 100644
index 00000000..532531b3
--- /dev/null
+++ b/lib/tigon/shiro-core/src/main/java/com/wacai/tigon/shiro/TigonWebSessionManager.java
@@ -0,0 +1,109 @@
+package com.wacai.tigon.shiro;
+
+import java.util.List;
+import java.io.Serializable;
+import lombok.extern.slf4j.Slf4j;
+import javax.servlet.ServletRequest;
+import javax.servlet.ServletResponse;
+import org.springframework.util.Assert;
+import org.apache.shiro.session.Session;
+import org.apache.shiro.web.util.WebUtils;
+import org.apache.shiro.web.servlet.Cookie;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import org.apache.shiro.session.SessionListener;
+import org.apache.shiro.web.servlet.SimpleCookie;
+import org.apache.shiro.session.mgt.SessionContext;
+import org.springframework.beans.factory.InitializingBean;
+import org.apache.shiro.web.servlet.ShiroHttpServletRequest;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.apache.shiro.web.session.mgt.DefaultWebSessionManager;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Apr 7, 2015 2:54:25 PM
+ */
+@Slf4j
+public class TigonWebSessionManager extends DefaultWebSessionManager implements InitializingBean {
+    @Autowired(required = false)
+    private SessionIdManager sessionIdManager;
+    @Autowired(required = false)
+    private List<SessionListener> sessionListeners;
+
+    /**
+     * init
+     */
+    @Override
+    public void afterPropertiesSet() {
+        if (sessionListeners != null) {
+            log.info("Session listeners [{}] found.", sessionListeners);
+            setSessionListeners(sessionListeners);
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void onStart(Session session, SessionContext context) {
+        if (!WebUtils.isHttp(context)) {
+            log.debug("SessionContext argument is not HTTP compatible or does not have an HTTP request/response " +
+                    "pair. No session ID cookie will be set.");
+            return;
+        }
+        HttpServletRequest request = WebUtils.getHttpRequest(context);
+        HttpServletResponse response = WebUtils.getHttpResponse(context);
+        Serializable sessionId = session.getId();
+        if (isSessionIdCookieEnabled()) {
+            writeSessionIdCookie(sessionId, request, response);
+        } 
+        else {
+            log.debug("Session id cookie is disabled. no cookie has been set for new session with id [{}]", sessionId);
+        }
+        request.removeAttribute(ShiroHttpServletRequest.REFERENCED_SESSION_ID_SOURCE);
+        request.setAttribute(ShiroHttpServletRequest.REFERENCED_SESSION_IS_NEW, Boolean.TRUE);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected Serializable getSessionId(ServletRequest request, ServletResponse response) {
+        Serializable sessionId = null;
+        if (sessionIdManager != null) {
+            log.debug("Get custom session id from custom session manager.");
+            sessionId = sessionIdManager.read(
+                (HttpServletRequest) request, 
+                (HttpServletResponse) response,
+                new SimpleCookie(getSessionIdCookie()));
+        }
+        if (sessionId == null) {
+            log.debug("No custom session id found from custom session manager, get session id from cookie.");
+            sessionId = super.getSessionId(request, response);
+        }
+        return sessionId;
+    }
+
+    // --
+    // private methods
+
+    void writeSessionIdCookie(Serializable currentId, HttpServletRequest request, HttpServletResponse response) {
+        Assert.notNull(currentId, "Session id cannot be null when persisting for subsequent requests");
+        String sessionId = currentId.toString();
+        // copy cookie template
+        final Cookie cookie = new SimpleCookie(getSessionIdCookie());
+        cookie.setValue(sessionId);
+        if (sessionIdManager != null) {
+            if (sessionIdManager.write(request, response, cookie)) {
+                log.info("Custom session id manager write session id cookie [{}] for session [{}].", cookie, sessionId);
+                return;
+            }
+            else {
+                log.info("Custom session id manager dose not write session id cookie [{}] for session [{}].", cookie, sessionId);
+            }
+        }
+        log.info("Default write session id cookie [{}] for session [{}].", cookie, sessionId);
+        cookie.saveTo(request, response);
+    }
+}
diff --git a/lib/tigon/shiro-core/src/main/resources/spring/spring-tigon-shiro-core.xml b/lib/tigon/shiro-core/src/main/resources/spring/spring-tigon-shiro-core.xml
new file mode 100644
index 00000000..6bf5e38c
--- /dev/null
+++ b/lib/tigon/shiro-core/src/main/resources/spring/spring-tigon-shiro-core.xml
@@ -0,0 +1,74 @@
+<?xml version="1.0" encoding="utf-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xmlns:p="http://www.springframework.org/schema/p"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd"> 
+    <description>Tigon Shiro Core Configuration</description>
+
+    <bean id="lifecycleBeanPostProcessor" class="org.apache.shiro.spring.LifecycleBeanPostProcessor" />
+    <bean class="org.springframework.aop.framework.autoproxy.DefaultAdvisorAutoProxyCreator"
+        depends-on="lifecycleBeanPostProcessor" 
+        p:proxyTargetClass="true" />
+    <bean class="org.apache.shiro.spring.security.interceptor.AuthorizationAttributeSourceAdvisor"
+        p:securityManager-ref="securityManager" />
+
+    <bean id="securityManagerParent" class="com.wacai.tigon.shiro.TigonWebSecurityManager" abstract="true">
+        <property name="sessionManager">
+            <bean class="com.wacai.tigon.shiro.TigonWebSessionManager">
+                <property name="globalSessionTimeout"
+                      value="${tigon.shiro.session.timeout:1800000}"/>
+                <property name="sessionValidationSchedulerEnabled"
+                      value="${tigon.shiro.session.validation.scheduler.enabled:false}" />
+                <property name="sessionValidationInterval"
+                      value="${tigon.shiro.session.validation.interval:3600000}" />
+                <property name="sessionDAO">
+                    <bean class="com.wacai.tigon.shiro.TigonSessionDAO" />
+                </property>
+                <property name="sessionIdCookieEnabled" value="${tigon.shiro.session.id.cookie.enabled:true}" />
+                <property name="sessionIdUrlRewritingEnabled" value="${tigon.shiro.session.id.url.rewriting.enabled:true}" />
+                <property name="sessionIdCookie">
+                    <bean id="sessionIdCookie" class="org.apache.shiro.web.servlet.SimpleCookie">
+                        <constructor-arg value="${tigon.shiro.cookie.session-id:SID}" />
+                        <property name="domain" value="${tigon.shiro.cookie.domain:}" />
+                        <property name="path" value="${tigon.shiro.cookie.path:/}" />
+                        <property name="maxAge" value="${tigon.shiro.cookie.max.age:-1}" />
+                        <property name="version" value="${tigon.shiro.cookie.version:-1}" />
+                        <property name="secure" value="${tigon.shiro.cookie.secure:false}" />
+                        <property name="httpOnly" value="${tigon.shiro.cookie.http.only:true}" />
+                        <property name="comment" value="${tigon.shiro.cookie.comment:}" />
+                    </bean>
+                </property>
+            </bean>
+        </property>
+    </bean>
+
+    <bean id="shiroFilterParent" class="org.apache.shiro.spring.web.ShiroFilterFactoryBean" abstract="true">
+        <property name="securityManager" ref="securityManager" />
+        <property name="loginUrl" value="${tigon.shiro.login-url:/login}" />
+        <property name="successUrl" value="${tigon.shiro.login-success-url:/}" />
+        <property name="unauthorizedUrl" value="${tigon.shiro.unauthorized-url:/403}" />
+
+        <property name="filterChainDefinitionMap">
+            <bean class="com.wacai.tigon.shiro.FilterChain">
+                <constructor-arg value="${tigon.shiro.filter-chain}" />
+            </bean>
+        </property>
+    </bean>
+
+    <bean class="org.springframework.boot.web.servlet.FilterRegistrationBean">
+        <property name="filter">
+            <bean class="org.springframework.web.filter.DelegatingFilterProxy">
+                <constructor-arg value="shiroFilter" />
+            </bean>
+        </property>
+        <property name="enabled" value="${tigon.shiro.filter.enabled:true}" />
+        <property name="initParameters">
+            <map>
+                <entry key="targetFilterLifecycle" value="true" />
+            </map>
+        </property>
+        <property name="urlPatterns" value="${tigon.shiro.fitler.url-patterns:/*}" />
+    </bean>
+    <bean class="com.wacai.tigon.shiro.AppConfig" />
+</beans>
diff --git a/lib/tigon/shiro-core/src/test/java/com/wacai/tigon/shiro/TestDriver.java b/lib/tigon/shiro-core/src/test/java/com/wacai/tigon/shiro/TestDriver.java
new file mode 100644
index 00000000..0c85415e
--- /dev/null
+++ b/lib/tigon/shiro-core/src/test/java/com/wacai/tigon/shiro/TestDriver.java
@@ -0,0 +1,15 @@
+package com.wacai.tigon.shiro;
+
+import org.junit.Test;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Mar 14, 2015 3:03:57 PM
+ */
+public class TestDriver {
+
+    @Test
+    public void test() {
+    }
+}
diff --git a/lib/tigon/shiro-core/src/test/resources/log4j.properties b/lib/tigon/shiro-core/src/test/resources/log4j.properties
new file mode 100644
index 00000000..7c9201a6
--- /dev/null
+++ b/lib/tigon/shiro-core/src/test/resources/log4j.properties
@@ -0,0 +1,13 @@
+log4j.rootLogger=${log.root}
+
+log4j.appender.console=org.apache.log4j.ConsoleAppender
+log4j.appender.console.layout=org.apache.log4j.PatternLayout
+log4j.appender.console.Encoding=utf-8
+log4j.appender.console.layout.ConversionPattern=%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%F:%L] %m%n
+
+log4j.appender.file=org.apache.log4j.DailyRollingFileAppender
+log4j.appender.file.layout=org.apache.log4j.PatternLayout
+log4j.appender.file.layout.ConversionPattern=%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%F:%L] %m%n
+log4j.appender.file.File=${log.dir}/${project.artifactId}-test.log
+log4j.appender.file.Encoding=utf-8
+
diff --git a/lib/tigon/shiro/README.md b/lib/tigon/shiro/README.md
new file mode 100644
index 00000000..cc539285
--- /dev/null
+++ b/lib/tigon/shiro/README.md
@@ -0,0 +1,44 @@
+# Tigon Shiro
+
+### Usage
+
+Define your `AuthRealm`
+
+```java
+@Component
+public class AuthRealmSupport implements AuthRealm<String> {
+
+    @Autowired
+    private TenantMapper tenantMapper;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Credential<String> credential(final String principal) {
+        final Tenant tenant = tenantMapper.find(
+            new Search(Tenant.ACCESS_KEY, principal));
+
+        if (tenant != null) {
+            if (!tenant.getActive()) {
+                throw new LockedAccountException("Account locked");
+            }
+           final Credential<String> credential = new Credential<>(
+                tenant.getAccessSecret(),
+                principal);
+            credential.setExtra(tenant);
+            return credential;
+        }
+
+        return null;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public boolean credentialMatch(final Object password, final Credential<String> credential) {
+        return credential.getCredential().equals(password);
+    }
+}
+```
diff --git a/lib/tigon/shiro/pom.xml b/lib/tigon/shiro/pom.xml
new file mode 100644
index 00000000..67304320
--- /dev/null
+++ b/lib/tigon/shiro/pom.xml
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0" 
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>tigon-shiro</artifactId>
+    <name>Tigon Shiro</name>
+    <description>Tigon Shiro</description>
+    <packaging>jar</packaging>
+
+    <parent>
+        <groupId>com.wacai.tigon</groupId>
+        <artifactId>tigon</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-shiro-core</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-web</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <dependency>
+            <groupId>javax.servlet</groupId>
+            <artifactId>javax.servlet-api</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/AuthConfig.java b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/AuthConfig.java
new file mode 100644
index 00000000..f1b28dc0
--- /dev/null
+++ b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/AuthConfig.java
@@ -0,0 +1,19 @@
+package com.wacai.tigon.shiro;
+
+import java.util.Map;
+import javax.servlet.Filter;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Apr 7, 2015 4:44:25 PM
+ */
+public interface AuthConfig {
+    String FILTER_USER = "user";
+    String FILTER_ANON = "anon";
+
+    /**
+     * @param filters
+     */
+    void customizeFilters(Map<String, Filter> filters);
+}
diff --git a/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/AuthConfigFactory.java b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/AuthConfigFactory.java
new file mode 100644
index 00000000..34a5dcc0
--- /dev/null
+++ b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/AuthConfigFactory.java
@@ -0,0 +1,38 @@
+package com.wacai.tigon.shiro;
+
+import java.util.Map;
+import javax.servlet.Filter;
+import java.util.LinkedHashMap;
+import lombok.extern.slf4j.Slf4j;
+import lombok.RequiredArgsConstructor;
+import org.apache.shiro.web.filter.authc.UserFilter;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Apr 7, 2015 4:44:04 PM
+ */
+@Slf4j
+@RequiredArgsConstructor
+public class AuthConfigFactory {
+    private final TigonUserFilter tigonUserFilter;
+    @Autowired(required = false)
+    private AuthConfig authConfig;
+    @Autowired(required = false)
+    private UserFilter userFilter;
+
+    /**
+     * @return filters
+     */
+    public Map<String, Filter> filters() {
+        final Map<String, Filter> filters = new LinkedHashMap<>(8);
+        filters.put(AuthConfig.FILTER_USER,
+            userFilter != null ?
+                userFilter : tigonUserFilter);
+        if (authConfig != null) {
+            authConfig.customizeFilters(filters);
+        }
+        log.info("Auth filters [{}].", filters);
+        return filters;
+    }
+}
diff --git a/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/AuthRealm.java b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/AuthRealm.java
new file mode 100644
index 00000000..84ba10f3
--- /dev/null
+++ b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/AuthRealm.java
@@ -0,0 +1,54 @@
+package com.wacai.tigon.shiro;
+
+import java.util.Collection;
+import java.util.Collections;
+import com.wacai.tigon.shiro.model.Credential;
+import org.apache.shiro.authc.AuthenticationToken;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Apr 7, 2015 3:14:55 PM
+ */
+public interface AuthRealm<Principal> {
+
+    /**
+     * @param principal principal
+     * @return roles
+     */
+    default Collection<String> roles(Principal principal) {
+        return Collections.emptyList();
+    }
+
+    /**
+     * @param principal principal
+     * @return permissions
+     */
+    default Collection<String> permissions(Principal principal) {
+        return Collections.emptyList();
+    }
+
+    /**
+     * @param principal principal
+     * @return credential
+     */
+    Credential<Principal> credential(Principal principal);
+
+    /**
+     * for override
+     * @param principal principal
+     * @param authToken auth token
+     * @return credential
+     */
+    default Credential<Principal> credential(final Principal principal, final AuthenticationToken authToken) {
+        return credential(principal);
+    }
+
+    /**
+     * credential match method
+     * @param password password
+     * @param credential credential
+     * @return true if credential matched
+     */
+    boolean credentialMatch(Object password, Credential<Principal> credential);
+}
diff --git a/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/AuthorizingRealmSupport.java b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/AuthorizingRealmSupport.java
new file mode 100644
index 00000000..758c2615
--- /dev/null
+++ b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/AuthorizingRealmSupport.java
@@ -0,0 +1,94 @@
+package com.wacai.tigon.shiro;
+
+import java.util.HashSet;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.util.Assert;
+import org.apache.shiro.util.ByteSource;
+import com.wacai.tigon.shiro.model.AuthInfo;
+import com.wacai.tigon.shiro.model.Credential;
+import org.apache.shiro.realm.AuthorizingRealm;
+import org.apache.shiro.authz.AuthorizationInfo;
+import org.apache.shiro.authc.AuthenticationInfo;
+import org.apache.shiro.authc.AuthenticationToken;
+import org.apache.shiro.subject.PrincipalCollection;
+import org.apache.shiro.authc.UnknownAccountException;
+import org.apache.shiro.authc.AuthenticationException;
+import org.apache.shiro.authz.SimpleAuthorizationInfo;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.apache.shiro.authc.credential.SimpleCredentialsMatcher;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Apr 7, 2015 3:19:12 PM
+ */
+@Slf4j
+public class AuthorizingRealmSupport extends AuthorizingRealm {
+
+    @Autowired(required = false)
+    private AuthRealm authRealm;
+
+    public AuthorizingRealmSupport() {
+        setCredentialsMatcher(new SimpleCredentialsMatcher() {
+            @Override
+            public boolean doCredentialsMatch(
+                AuthenticationToken authcToken,
+                AuthenticationInfo info) {
+
+                final AuthInfo authInfo = (AuthInfo) info;
+                return authRealm.credentialMatch(
+                    authcToken.getCredentials(), 
+                    new Credential(authInfo.getCredentials(),
+                            authInfo.getExtra()));
+            }
+        });
+    }
+
+    /**
+     * Login
+     * {@inheritDoc}
+     */
+    @Override
+    protected AuthenticationInfo doGetAuthenticationInfo(
+            AuthenticationToken authToken) 
+            throws AuthenticationException {
+        final Object principal = authToken.getPrincipal();
+        Assert.state(principal != null, "Null username is not allowed");
+        log.info("Login [{}].", principal);
+
+        final Credential credential = authRealm.credential(principal, authToken);
+        if (credential == null) {
+            throw new UnknownAccountException(
+                "No account [" + principal + "] found");
+        }
+
+        final AuthInfo authInfo = new AuthInfo(principal, credential.getCredential(), getName());
+        authInfo.setExtra(credential.getExtra());
+        return authInfo;
+    }
+
+    /**
+     * Get Permissions
+     * {@inheritDoc}
+     */
+    @Override
+    protected AuthorizationInfo doGetAuthorizationInfo(PrincipalCollection principals) {
+        Assert.state(principals != null, "Principals could not be null");
+        final Object principal = getAvailablePrincipal(principals);
+        SimpleAuthorizationInfo authInfo = null;
+        if (principal != null) {
+             authInfo = new SimpleAuthorizationInfo(
+                 new HashSet<>(authRealm.roles(principal)));
+             authInfo.addStringPermissions(authRealm.permissions(principal));
+        }
+        return authInfo;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected Object getAuthorizationCacheKey(PrincipalCollection principals) {
+        return getAvailablePrincipal(principals);
+    }
+}
diff --git a/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/TigonUserFilter.java b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/TigonUserFilter.java
new file mode 100644
index 00000000..98781018
--- /dev/null
+++ b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/TigonUserFilter.java
@@ -0,0 +1,36 @@
+package com.wacai.tigon.shiro;
+
+import lombok.SneakyThrows;
+import lombok.extern.slf4j.Slf4j;
+import javax.servlet.ServletRequest;
+import javax.servlet.ServletResponse;
+import org.apache.shiro.web.util.WebUtils;
+import javax.servlet.http.HttpServletResponse;
+import org.apache.shiro.web.filter.authc.UserFilter;
+
+/**
+ * @author Donghuang <br>
+ * Oct 30, 2019 22:35:18
+ */
+@Slf4j
+public class TigonUserFilter extends UserFilter {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void redirectToLogin(final ServletRequest request, final ServletResponse response) {
+        if (!response.isCommitted()) {
+            log.info("Access denied, send HTTP UNAUTHORIZED response code 401.");
+            sendUnauthorized(response);
+        }
+        else {
+            log.info("Access denied, response committed, ignore.");
+        }
+    }
+
+    @SneakyThrows
+    void sendUnauthorized(final ServletResponse response) {
+        WebUtils.toHttp(response).sendError(HttpServletResponse.SC_UNAUTHORIZED);
+    }
+}
diff --git a/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/model/AuthInfo.java b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/model/AuthInfo.java
new file mode 100644
index 00000000..0456a133
--- /dev/null
+++ b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/model/AuthInfo.java
@@ -0,0 +1,26 @@
+package com.wacai.tigon.shiro.model;
+
+import lombok.Getter;
+import lombok.Setter;
+import org.apache.shiro.authc.SimpleAuthenticationInfo;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Apr 8, 2015 1:02:32 PM
+ */
+public class AuthInfo extends SimpleAuthenticationInfo {
+    private static final long serialVersionUID = 1L;
+    @Getter
+    @Setter
+    private Object extra;
+
+    /**
+     * @param principal principal
+     * @param credentials credentials
+     * @param realmName realmName
+     */
+    public AuthInfo(Object principal, Object credentials, String realmName) {
+        super(principal, credentials, realmName);
+    }
+}
diff --git a/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/model/Credential.java b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/model/Credential.java
new file mode 100644
index 00000000..5938d8f4
--- /dev/null
+++ b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/model/Credential.java
@@ -0,0 +1,20 @@
+package com.wacai.tigon.shiro.model;
+
+import lombok.Getter;
+import lombok.Setter;
+import lombok.AllArgsConstructor;
+import lombok.RequiredArgsConstructor;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Apr 7, 2015 3:13:16 PM
+ */
+@Getter
+@Setter
+@AllArgsConstructor
+@RequiredArgsConstructor
+public class Credential<T> {
+    private final T credential;
+    private Object extra;
+}
diff --git a/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/model/SerializableByteSource.java b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/model/SerializableByteSource.java
new file mode 100644
index 00000000..c69bb0ab
--- /dev/null
+++ b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/model/SerializableByteSource.java
@@ -0,0 +1,100 @@
+package com.wacai.tigon.shiro.model;
+
+import lombok.*;
+import java.util.Arrays;
+import java.io.Serializable;
+import org.apache.shiro.codec.Hex;
+import org.apache.shiro.codec.Base64;
+import org.apache.shiro.util.ByteSource;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * May 12, 2016 1:52:00 PM
+ */
+@NoArgsConstructor
+public class SerializableByteSource implements ByteSource, Serializable  {
+    private static final long serialVersionUID = 1L;
+
+    @Getter
+    @Setter
+    private byte[] bytes;
+    private transient String cachedHex;
+    private transient String cachedBase64;
+
+    public SerializableByteSource(final byte[] bytes) {
+        this.bytes = bytes;
+    }
+
+    /**
+     * Creates an instance using the sources bytes directly - it does not create a copy of the
+     * argument's byte array.
+     * @param source the source to use to populate the underlying byte array.
+     */
+    public SerializableByteSource(ByteSource source) {
+        this(source.getBytes());
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public boolean isEmpty() {
+        return bytes == null || bytes.length == 0;
+    }
+   
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String toHex() {
+        if (cachedHex == null) {
+            cachedHex = Hex.encodeToString(getBytes());
+        }
+        return cachedHex;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String toBase64() {
+        if (cachedBase64 == null) {
+            cachedBase64 = Base64.encodeToString(getBytes());
+        }
+        return cachedBase64;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String toString() {
+        return toBase64();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public int hashCode() {
+        if (bytes == null || bytes.length == 0) {
+            return 0;
+        }
+        return Arrays.hashCode(bytes);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public boolean equals(final Object obj) {
+        if (obj == this) {
+            return true;
+        }
+        if (obj instanceof ByteSource) {
+            return Arrays.equals(bytes, ((ByteSource) obj).getBytes());
+        }
+        return false;
+    }
+}
diff --git a/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/service/AuthService.java b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/service/AuthService.java
new file mode 100644
index 00000000..58a5b17d
--- /dev/null
+++ b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/service/AuthService.java
@@ -0,0 +1,37 @@
+package com.wacai.tigon.shiro.service;
+
+import org.apache.shiro.session.Session;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * May 12, 2016 2:21:40 PM
+ */
+public interface AuthService {
+    
+    /**
+     * login with loginId and password
+     * @param loginId login id
+     * @param password password
+     */
+    void login(String loginId, String password);
+
+    /**
+     * @param loginId login id
+     * @param password password
+     * @param rememberMe remember me
+     * @return auth authUser
+     */
+    void login(String loginId, String password, boolean rememberMe);
+    
+    /**
+     * logout current user
+     */
+    void logout(); 
+    
+    /**
+     * get current session
+     * @return session
+     */
+    Session getSession(); 
+}
diff --git a/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/service/support/AuthServiceSupport.java b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/service/support/AuthServiceSupport.java
new file mode 100644
index 00000000..db3d6d3a
--- /dev/null
+++ b/lib/tigon/shiro/src/main/java/com/wacai/tigon/shiro/service/support/AuthServiceSupport.java
@@ -0,0 +1,47 @@
+package com.wacai.tigon.shiro.service.support;
+
+import org.apache.shiro.SecurityUtils;
+import org.apache.shiro.session.Session;
+import com.wacai.tigon.shiro.service.AuthService;
+import org.apache.shiro.authc.UsernamePasswordToken;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * May 12, 2016 2:34:35 PM
+ */
+public class AuthServiceSupport implements AuthService {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void logout() {
+        SecurityUtils.getSubject().logout();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Session getSession() {
+        return SecurityUtils.getSubject().getSession(false);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void login(String loginId, String password) {
+        login(loginId, password, false);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void login(final String loginId, final String password, final boolean rememberMe) {
+        SecurityUtils.getSubject().login(
+            new UsernamePasswordToken(loginId, password, rememberMe));
+    }
+}
diff --git a/lib/tigon/shiro/src/main/resources/spring/spring-tigon-shiro.xml b/lib/tigon/shiro/src/main/resources/spring/spring-tigon-shiro.xml
new file mode 100644
index 00000000..87b67799
--- /dev/null
+++ b/lib/tigon/shiro/src/main/resources/spring/spring-tigon-shiro.xml
@@ -0,0 +1,28 @@
+<?xml version="1.0" encoding="utf-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd"> 
+    <description>Tigon Shiro Configuration</description>
+
+    <bean id="securityManager" parent="securityManagerParent">
+        <property name="realm">
+            <bean class="com.wacai.tigon.shiro.AuthorizingRealmSupport" />
+        </property>
+    </bean>
+
+    <bean id="authConfigFactory" class="com.wacai.tigon.shiro.AuthConfigFactory">
+        <constructor-arg>
+            <bean class="com.wacai.tigon.shiro.TigonUserFilter" />
+        </constructor-arg>
+    </bean>
+
+    <!-- Shiro Filter -->
+    <bean id="shiroFilter" parent="shiroFilterParent">
+        <property name="filters">
+            <bean factory-bean="authConfigFactory" factory-method="filters" />
+        </property>
+    </bean>
+
+    <bean class="com.wacai.tigon.shiro.service.support.AuthServiceSupport" />
+</beans>
diff --git a/lib/tigon/shiro/src/test/java/com/wacai/tigon/shiro/TestDriver.java b/lib/tigon/shiro/src/test/java/com/wacai/tigon/shiro/TestDriver.java
new file mode 100644
index 00000000..0c85415e
--- /dev/null
+++ b/lib/tigon/shiro/src/test/java/com/wacai/tigon/shiro/TestDriver.java
@@ -0,0 +1,15 @@
+package com.wacai.tigon.shiro;
+
+import org.junit.Test;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Mar 14, 2015 3:03:57 PM
+ */
+public class TestDriver {
+
+    @Test
+    public void test() {
+    }
+}
diff --git a/lib/tigon/shiro/src/test/resources/log4j2.xml b/lib/tigon/shiro/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..1b0cccb8
--- /dev/null
+++ b/lib/tigon/shiro/src/test/resources/log4j2.xml
@@ -0,0 +1,31 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+        <Property name="log.dir">.log</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="${pattern}" />
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}-test.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-test-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+        <!-- appender to send mails asynchronously -->
+        <Async name="AsyncFile">
+            <AppenderRef ref="File" />
+        </Async>
+    </Appenders>
+    <Loggers>
+        <Root level="DEBUG" additivity="false">
+            <AppenderRef ref="Console" level="DEBUG" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/tigon/web-controller/README.md b/lib/tigon/web-controller/README.md
new file mode 100644
index 00000000..10697d1f
--- /dev/null
+++ b/lib/tigon/web-controller/README.md
@@ -0,0 +1 @@
+#tigon-service-api
diff --git a/lib/tigon/web-controller/pom.xml b/lib/tigon/web-controller/pom.xml
new file mode 100644
index 00000000..f5a20267
--- /dev/null
+++ b/lib/tigon/web-controller/pom.xml
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>tigon-web-controller</artifactId>
+    <packaging>jar</packaging>
+    <name>Tigon Web Controller</name>
+    <description>Tigon Web Controller</description>
+
+    <parent>
+        <groupId>com.wacai.tigon</groupId>
+        <artifactId>tigon</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-model</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-service-api</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-web</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-context</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <version>1.18.2</version>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-service-support</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/ArgQuery.java b/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/ArgQuery.java
new file mode 100644
index 00000000..caa5f199
--- /dev/null
+++ b/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/ArgQuery.java
@@ -0,0 +1,54 @@
+package com.wacai.tigon.web.controller;
+
+import lombok.Getter;
+import lombok.Setter;
+import java.util.Map;
+import java.util.HashMap;
+import lombok.NoArgsConstructor;
+import lombok.AllArgsConstructor;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.model.ViewModel;
+
+/**
+ * @author Donghuang <br>
+ * Nov 04, 2019 22:12:47
+ */
+@Getter
+@Setter
+@NoArgsConstructor
+@AllArgsConstructor
+public class ArgQuery<T extends ViewModel<?>> {
+    private Class<?> controller;
+    private Type type;
+    private Search search;
+    private Object arg;
+    private T result;
+    private Map<String, Object> attrs;
+
+    /**
+     * get attr
+     * @param name attr name
+     * @param <A> attr type
+     * @return attr value
+     */
+    public <A> A attr(final String name) {
+        return attrs != null ? (A) attrs.get(name) : null;
+    }
+
+    /**
+     * put attr
+     * @param name attr name
+     * @param val attr value
+     */
+    public void attr(final String name, final Object val) {
+        if (attrs == null) {
+            attrs = new HashMap<>(8);
+        }
+        attrs.put(name, val);
+    }
+
+    public enum Type {
+        LIST,
+        FIND
+    }
+}
diff --git a/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/BaseController.java b/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/BaseController.java
new file mode 100644
index 00000000..0651b873
--- /dev/null
+++ b/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/BaseController.java
@@ -0,0 +1,158 @@
+package com.wacai.tigon.web.controller;
+
+import java.util.*;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.web.annotation.*;
+import org.apache.commons.lang3.tuple.Pair;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.core.convert.ConversionService;
+import org.springframework.core.annotation.AnnotationUtils;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 10:35:39
+ */
+@Slf4j
+@Validated
+public class BaseController implements BasicController {
+
+    @Autowired
+    protected ConversionService conversionService;
+
+    private final List<String> searchCols;
+    private final Map<String, FilterColInfo> filterCols;
+    private final List<Pair<String, Object>> defaultFilters;
+    private final Map<String, String> orderCols;
+    private final List<Pair<String, Search.Order>> defaultOrders;
+
+    {
+        final ListApi anno = AnnotationUtils.findAnnotation(
+            getClass(), ListApi.class);
+
+        if (anno != null) {
+            searchCols = Arrays.asList(anno.searchCols());
+            log.debug("Init search cols {}.", searchCols);
+
+            final Map<String, FilterColInfo> filterCols = new HashMap<>();
+            for (final FilterCol filterCol : anno.filterCols()) {
+                final String param = filterCol.param();
+                if (StringUtils.isNotBlank(param)) {
+                    filterCols.put(param,
+                        new FilterColInfo(
+                            StringUtils.defaultIfBlank(filterCol.col(), param),
+                            filterCol.type(),
+                            filterCol.searchAttr()));
+                }
+                else {
+                    log.info("Empty props of @FilterCol found, ignore.");
+                }
+            }
+            log.debug("Init filter cols {}.", filterCols);
+            this.filterCols = Collections.unmodifiableMap(filterCols);
+
+            final Filter[] filters = anno.defaultFilters();
+            final List<Pair<String, Object>> defaultFilters =
+                new ArrayList<>(filters.length);
+            for (final Filter filter : filters) {
+                defaultFilters.add(Pair.of(filter.col(),
+                    conversionService.convert(filter.val(), filter.type())));
+            }
+            log.debug("Init default filter cols {}.", defaultFilters);
+            this.defaultFilters = Collections.unmodifiableList(defaultFilters);
+
+            final Map<String, String> orderCols = new HashMap<>(16);
+            for (final OrderCol orderCol : anno.orderCols()) {
+                String param = StringUtils.defaultIfBlank(orderCol.param(), orderCol.value());
+                if (StringUtils.isNotBlank(param)) {
+                    orderCols.put(param, StringUtils.defaultIfBlank(orderCol.col(), param));
+                }
+                else {
+                    log.info("Empty props of @OrderCol found, ignore.");
+                }
+            }
+            log.debug("Init order cols {}.", orderCols);
+            this.orderCols = Collections.unmodifiableMap(orderCols);
+
+            final Order[] orders = anno.defaultOrders();
+            final List<Pair<String, Search.Order>> defaultOrders =
+                new ArrayList<>(orders.length);
+            for (final Order order : orders) {
+                final String col = StringUtils.defaultIfBlank(order.col(), order.value());
+                if (StringUtils.isNotBlank(col)) {
+                    defaultOrders.add(Pair.of(col, order.order()));
+                }
+                else {
+                    log.info("Empty props of @Col found, ignore.");
+                }
+            }
+            log.debug("Init default orders [{}].", defaultOrders);
+            this.defaultOrders = Collections.unmodifiableList(defaultOrders);
+        }
+        else {
+            searchCols = Collections.emptyList();
+            filterCols = Collections.emptyMap();
+            defaultFilters = Collections.emptyList();
+            orderCols = Collections.emptyMap();
+            defaultOrders = Collections.emptyList();
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public List<String> searchCols() {
+        return searchCols;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Map<String, FilterColInfo> filterCols() {
+        return filterCols;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public FilterColInfo filterCol(final String field) {
+        return filterCols.get(field);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public List<Pair<String, Object>> defaultFilters() {
+        return defaultFilters;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Map<String, String> orderCols() {
+        return orderCols;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String orderCol(final String field) {
+        return orderCols.get(field);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public List<Pair<String, Search.Order>> defaultOrders() {
+        return defaultOrders;
+    }
+}
diff --git a/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/BaseCruController.java b/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/BaseCruController.java
new file mode 100644
index 00000000..1f56697f
--- /dev/null
+++ b/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/BaseCruController.java
@@ -0,0 +1,78 @@
+package com.wacai.tigon.web.controller;
+
+import java.util.Map;
+import java.util.HashMap;
+import lombok.SneakyThrows;
+import javax.validation.Valid;
+import com.wacai.tigon.form.*;
+import java.lang.reflect.Field;
+import com.wacai.tigon.model.DomainModel;
+import org.springframework.util.Assert;
+import com.wacai.tigon.model.ViewModel;
+import org.springframework.beans.BeanWrapper;
+import org.springframework.util.ReflectionUtils;
+import org.springframework.beans.BeanWrapperImpl;
+import org.apache.commons.lang3.reflect.FieldUtils;
+import com.wacai.tigon.service.BaseCrudByFormService;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 10:35:27
+ */
+public class BaseCruController<ID,
+        Model extends DomainModel<ID>,
+        ListQueryForm extends FormList,
+        FC extends FormCreateApi,
+        FU extends FormUpdateApi<ID>>
+    extends BaseQueryController<ID, Model, ListQueryForm> {
+
+    @Autowired
+    protected BaseCrudByFormService<ID, Model, FC, FU> crudService;
+    @Autowired(required = false)
+    private UpdateFieldCustomService<ID, Model> updateFieldCustomService;
+
+    @PostMapping("/create")
+    public ViewModel<Model> create(@Valid FC form) {
+        return crudService.create(form);
+    }
+
+    @PostMapping("/update")
+    public ViewModel<Model> update(@Valid FU form) {
+        return crudService.update(form);
+    }
+
+    /**
+     * update field
+     * @param form update form
+     */
+    @SneakyThrows
+    @PostMapping("/update-field")
+    public void updateField(@Valid FormUpdateField<ID> form) {
+        final String fieldName = form.getField();
+        final Field field = ReflectionUtils.findField(modelType, fieldName);
+        Assert.state(field != null, "No field [" + fieldName + "] found");
+        final Class<?> fieldType = field.getType();
+        Assert.state(conversionService.canConvert(String.class, fieldType),
+            "Field [" + fieldName + "] could not convert from string");
+        final ID id = conversionService.convert(form.getId(), idType);
+        final Model model = crudService.find(id);
+        Assert.state(model != null, "No model [" + id + "] found");
+        final String value = form.getValue();
+        FieldUtils.writeField(field, model, value != null ?
+            conversionService.convert(value, fieldType) : null, true);
+
+        final BeanWrapper wrapper = new BeanWrapperImpl(model);
+
+        final Map<String, Object> props = new HashMap<>(16);
+
+        if (updateFieldCustomService != null) {
+            updateFieldCustomService.extraUpdateFields(this, props);
+        }
+
+        wrapper.setPropertyValues(props);
+
+        crudService.update((Model) wrapper.getWrappedInstance());
+    }
+}
diff --git a/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/BaseCrudController.java b/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/BaseCrudController.java
new file mode 100644
index 00000000..d88cc082
--- /dev/null
+++ b/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/BaseCrudController.java
@@ -0,0 +1,30 @@
+package com.wacai.tigon.web.controller;
+
+import com.wacai.tigon.form.FormList;
+import com.wacai.tigon.model.DomainModel;
+import javax.validation.constraints.NotNull;
+import com.wacai.tigon.form.FormCreateApi;
+import com.wacai.tigon.form.FormUpdateApi;
+import org.springframework.web.bind.annotation.PostMapping;
+import org.springframework.web.bind.annotation.RequestParam;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 10:35:20
+ */
+public class BaseCrudController<ID,
+        Model extends DomainModel<ID>,
+        ListQueryForm extends FormList,
+        FC extends FormCreateApi,
+        FU extends FormUpdateApi<ID>>
+    extends BaseCruController<ID, Model, ListQueryForm, FC, FU> {
+
+    @SuppressWarnings("unchecked")
+    @PostMapping("/delete")
+    public void delete(
+        @NotNull
+        @RequestParam("id")
+        final ID id) {
+        crudService.delete(id);
+    }
+}
diff --git a/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/BaseQueryController.java b/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/BaseQueryController.java
new file mode 100644
index 00000000..33a08bf3
--- /dev/null
+++ b/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/BaseQueryController.java
@@ -0,0 +1,166 @@
+package com.wacai.tigon.web.controller;
+
+import java.util.List;
+import lombok.SneakyThrows;
+import lombok.extern.slf4j.Slf4j;
+import java.util.function.Function;
+import com.wacai.tigon.form.FormList;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.model.ViewModel;
+import com.wacai.tigon.model.ListResult;
+import com.wacai.tigon.model.DomainModel;
+import com.wacai.tigon.service.BaseQueryService;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.core.GenericTypeResolver;
+import org.springframework.validation.annotation.Validated;
+import com.wacai.tigon.validation.annotation.NotNullOrBlank;
+import org.springframework.web.bind.annotation.RequestParam;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 10:35:10
+ */
+@Slf4j
+public class BaseQueryController<ID,
+        Model extends DomainModel<ID>,
+        ListQueryForm extends FormList>
+    extends BaseController {
+
+    @Autowired(required = false)
+    protected List<BaseQueryControllerHook> hooks;
+    @Autowired
+    protected BaseQueryService<ID, Model> queryService;
+    protected final Class<ID> idType;
+    protected final Class<Model> modelType;
+
+    @SneakyThrows
+    @SuppressWarnings("unchecked")
+    public BaseQueryController() {
+        final Class<?>[] genericTypes =
+            GenericTypeResolver.resolveTypeArguments(
+                getClass(),
+                BaseQueryController.class);
+        idType = (Class<ID>) genericTypes[0];
+        modelType = (Class<Model>) genericTypes[1];
+    }
+
+    /**
+     * list models
+     * @param form query form
+     * @return view model
+     */
+    @RequestMapping("/list")
+    public ViewModel<List<ViewModel<Model>>> list(@Validated final ListQueryForm form) {
+        return list(form, new Search());
+    }
+
+    /**
+     * find model
+     * @param id model id
+     * @return view model
+     */
+    @RequestMapping("/find")
+    public ViewModel<Model> find(@NotNullOrBlank @RequestParam(DomainModel.ID) final ID id) {
+        final Search search = new Search(id);
+        final ArgQuery<ViewModel<Model>> arg = new ArgQuery<>();
+        arg.setController(getClass());
+        arg.setType(ArgQuery.Type.FIND);
+        arg.setArg(id);
+        arg.setSearch(search);
+        init(arg);
+        before(arg);
+        arg.setResult(methodFind().apply(search));
+        after(arg);
+        return arg.getResult();
+    }
+
+    /**
+     * list view models by list form
+     * @param form list form
+     * @param search search
+     * @return view models
+     */
+    protected ListResult<ViewModel<Model>> list(final ListQueryForm form, Search search) {
+        if (search == null) {
+            search = new Search();
+        }
+        final ArgQuery<ListResult<ViewModel<Model>>> arg = new ArgQuery<>();
+        arg.setController(getClass());
+        arg.setType(ArgQuery.Type.LIST);
+        arg.setSearch(search);
+        arg.setArg(form);
+
+        init(arg);
+        search(form, search);
+        before(arg);
+        arg.setResult(methodList().apply(search));
+        after(arg);
+        return arg.getResult();
+    }
+
+    /**
+     * init query arg
+     * @param arg query arg
+     */
+    protected void init(final ArgQuery<?> arg) {
+        if (hooks != null) {
+            hooks.forEach(h -> h.init(arg));
+        }
+    }
+
+    /**
+     * before query
+     * @param arg query arg
+     */
+    protected void before(final ArgQuery<?> arg) {
+        if (hooks != null) {
+            hooks.forEach(h -> h.before(arg));
+        }
+    }
+
+    /**
+     * after query
+     * @param arg query arg
+     */
+    protected void after(final ArgQuery<?> arg) {
+        if (hooks != null) {
+            hooks.forEach(h -> h.after(arg));
+        }
+    }
+
+    /**
+     * build sql like value
+     * @param value
+     * @return
+     */
+    protected String like(String value) {
+        return StringUtils.isNotBlank(value) ? "%" + value + "%" : null;
+    }
+
+    /**
+     * decode param and build sql like value
+     * @param value
+     * @return
+     */
+    protected String decodeLike(String value) {
+        return like(decodeParam(value));
+    }
+
+    /**
+     * list search method
+     * @return list search method
+     */
+    protected Function<Search, ListResult<ViewModel<Model>>> methodList() {
+        return queryService::listViewModelsPage;
+    }
+
+    /**
+     * list search method
+     * @return find search method
+     */
+    protected Function<Search, ViewModel<Model>> methodFind() {
+        return queryService::findViewModel;
+    }
+}
diff --git a/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/BaseQueryControllerHook.java b/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/BaseQueryControllerHook.java
new file mode 100644
index 00000000..fe13777a
--- /dev/null
+++ b/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/BaseQueryControllerHook.java
@@ -0,0 +1,25 @@
+package com.wacai.tigon.web.controller;
+
+/**
+ * @author Donghuang <br>
+ * Nov 04, 2019 22:05:29
+ */
+public interface BaseQueryControllerHook {
+    /**
+     * init query
+     * @param arg arg
+     */
+    void init(ArgQuery<?> arg);
+
+    /**
+     * before query
+     * @param arg arg
+     */
+    void before(ArgQuery<?> arg);
+
+    /**
+     * after query
+     * @param arg arg
+     */
+    void after(ArgQuery<?> arg);
+}
diff --git a/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/BasicController.java b/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/BasicController.java
new file mode 100644
index 00000000..f8683bff
--- /dev/null
+++ b/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/BasicController.java
@@ -0,0 +1,473 @@
+package com.wacai.tigon.web.controller;
+
+import java.util.Map;
+import lombok.Getter;
+import java.util.List;
+import java.util.Arrays;
+import org.slf4j.Logger;
+import java.net.URLDecoder;
+import java.io.IOException;
+import java.io.InputStream;
+import java.util.ArrayList;
+import java.util.Collections;
+import java.lang.reflect.Array;
+import org.slf4j.LoggerFactory;
+import java.io.ByteArrayOutputStream;
+import com.wacai.tigon.form.FormList;
+import lombok.RequiredArgsConstructor;
+import com.wacai.tigon.mybatis.Search;
+import java.nio.charset.StandardCharsets;
+import org.apache.commons.lang3.tuple.Pair;
+import org.apache.commons.lang3.StringUtils;
+import java.io.UnsupportedEncodingException;
+import javax.servlet.http.HttpServletRequest;
+import com.fasterxml.jackson.databind.JsonNode;
+import com.fasterxml.jackson.databind.ObjectMapper;
+import org.springframework.web.multipart.MultipartFile;
+import com.fasterxml.jackson.core.JsonProcessingException;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.multipart.MultipartHttpServletRequest;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 10:34:38
+ */
+@Validated
+public interface BasicController {
+    Logger log = LoggerFactory.getLogger(BasicController.class);
+    ObjectMapper objMapper = new ObjectMapper();
+
+    @Getter
+    @RequiredArgsConstructor
+    class FilterColInfo {
+        private final String col;
+        private final Class<?> type;
+        private final boolean searchAttr;
+    }
+
+    /**
+     * @param request
+     * @param name
+     * @return
+     */
+    default InputStream getInputStream(final HttpServletRequest request, final String name) {
+        return getInputStream(getMultipartFile(request, name));
+    }
+
+    /**
+     * @param name
+     * @return
+     */
+    default byte[] getBytes(HttpServletRequest request, String name) {
+        return getBytes(getInputStream(request, name));
+    }
+
+    /**
+     * @param file
+     * @return
+     */
+    default byte[] getBytes(MultipartFile file) {
+        return getBytes(getInputStream(file));
+    }
+
+    /**
+     * get bytes
+     * @param stream input stream
+     * @return bytes
+     */
+    default byte[] getBytes(final InputStream stream) {
+        try (final InputStream ins = stream;
+             final ByteArrayOutputStream baos = new ByteArrayOutputStream()) {
+
+            int nRead;
+            final byte[] data = new byte[1024];
+            while ((nRead = ins.read(data, 0, data.length)) != -1) {
+                baos.write(data, 0, nRead);
+            }
+            baos.flush();
+            return baos.toByteArray();
+        }
+        catch (final IOException e) {
+            throw new IllegalStateException(
+                "Read input stream bytes error caused", e);
+        }
+    }
+
+    /**
+     * @param request
+     * @param name
+     * @return
+     */
+    default MultipartFile getMultipartFile(final HttpServletRequest request, final String name) {
+        MultipartFile file = null;
+        if (request instanceof MultipartHttpServletRequest) {
+            file = ((MultipartHttpServletRequest) request).getFile(name);
+        }
+        return file;
+    }
+
+    /**
+     * get input stream from multipart file
+     * @param file
+     * @return upload file input stream
+     */
+    default InputStream getInputStream(final MultipartFile file) {
+        try {
+            return file != null && !file.isEmpty() ? file.getInputStream() : null;
+        }
+        catch (IOException e) {
+            throw new IllegalStateException(
+                "Read multipart file input stream error caused", e);
+        }
+    }
+
+    /**
+     * decode param
+     * @param param
+     * @return decoded param
+     */
+    default String decodeParam(final String param) {
+        if (StringUtils.isNotBlank(param)) {
+            try {
+                return URLDecoder.decode(param, StandardCharsets.UTF_8.name());
+            }
+            catch (UnsupportedEncodingException e) {
+                throw new IllegalStateException(
+                    "Decode [" + param + "] error caused", e);
+            }
+        }
+        return param;
+    }
+
+    /**
+     * build search
+     * @param search search
+     * @param form list form
+     * @return search
+     */
+    default Search search(final FormList form, Search search) {
+
+        final String strSearch = form.getSearch();
+        final String strFilters = form.getFilters();
+        final String strOrders = form.getOrders();
+
+        if (search == null) {
+            search = new Search();
+        }
+
+        search.offset(form.getStart());
+        search.limit(form.getLimit());
+
+        final String paramSearch = decodeParam(strSearch);
+        if (StringUtils.isNotBlank(paramSearch)) {
+            final Search orSearch = new Search();
+            final List<String> searchCols = searchCols();
+            if (!searchCols.isEmpty()) {
+                for (final String col : searchCols) {
+                    orSearch.or(new Search().contains(col, paramSearch));
+                }
+                search.and(orSearch);
+            }
+            else {
+                log.warn("Search cols is empty, ignore.");
+            }
+        }
+
+        filters(search, strFilters);
+        order(search, strOrders) ;
+        return search;
+    }
+
+    /**
+     * build filter search
+     * @param search search
+     * @param strFilters param filters
+     * @return search
+     */
+    default Search filters(final Search search, final String strFilters) {
+
+        if (StringUtils.isBlank(strFilters)) {
+            for (final Pair<String, Object> filter : defaultFilters()) {
+                search.eq(filter.getKey(), filter.getValue());
+            }
+            return search;
+        }
+
+        final JsonNode jnFilters;
+
+        try {
+            jnFilters = objMapper.readTree(strFilters);
+        }
+        catch (final IOException e) {
+            log.error("Parse filters param [" + strFilters + "] error caused.", e);
+            throw new IllegalStateException(
+                "Invalid filters param [" + strFilters + "]", e);
+        }
+
+        jnFilters.fields().forEachRemaining(filter -> {
+            final String field = filter.getKey();
+            log.debug("Filter param [{}] found.", field);
+            final FilterColInfo colInfo = filterCol(field);
+
+            if (colInfo != null) {
+                final String col = colInfo.col;
+                final JsonNode filterVal = filter.getValue();
+                if (filterVal != null) {
+                    if (customFilter(search, col, filterVal)) {
+                        log.debug("Custom on search callback fired.");
+                        return;
+                    }
+
+                    if (filterVal.isObject()) {
+                        final JsonNode jnVal = filterVal.get("val");
+                        final Object val;
+                        try {
+                            val = objMapper.treeToValue(jnVal, Object.class);
+                        }
+                        catch (final JsonProcessingException e) {
+                            log.info("Parse filter value [{}] error caused", jnVal, e);
+                            throw new IllegalStateException(
+                                "Parse filter value [" + jnVal + "] error caused", e);
+                        }
+
+                        final String op = filterVal.get("op").asText("eq");
+
+                        if (colInfo.searchAttr) {
+                            log.debug("Set col [{}] search op [{}] attr [{}].", col, op, val);
+                            search.setAttr(col, val);
+                            search.setAttr(col + ":OP", op);
+                            return;
+                        }
+
+                        if ("eq".equals(op)) {
+                            search.eq(col, val);
+                        }
+                        else if ("gt".equals(op)) {
+                            search.gt(col, val);
+                        }
+                        else if ("gte".equals(op)) {
+                            search.gte(col, val);
+                        }
+                        else if ("lt".equals(op)) {
+                            search.lt(col, val);
+                        }
+                        else if ("lte".equals(op)) {
+                            search.lt(col, val);
+                        }
+                        else if ("ne".equals(op)) {
+                            search.ne(col, val);
+                        }
+                        else if ("sw".equals(op)) {
+                            search.startsWith(col, (String) val);
+                        }
+                        else if ("ew".equals(op)) {
+                            search.endsWith(col, (String) val);
+                        }
+                        else if ("like".equals(op)) {
+                            search.like(col, (String) val);
+                        }
+                        else {
+                            log.warn("Unknown filter op [{}], ignore.", op);
+                        }
+                    }
+                    else if (filterVal.isArray()) {
+                        final List<Object> filterValues = new ArrayList<>(16);
+                        filterVal.elements().forEachRemaining(it -> {
+                            try {
+                                filterValues.add(objMapper.treeToValue(it, colInfo.type));
+                            }
+                            catch (final JsonProcessingException e) {
+                                log.info("Parse filter value [{}] error caused", it, e);
+                                throw new IllegalStateException(
+                                    "Parse filter value [" + it + "] error caused", e);
+                            }
+                        });
+
+                        if (!filterValues.isEmpty()) {
+                            if (colInfo.searchAttr) {
+                                log.debug("Set col [{}] search array attr [{}].",
+                                    col, filterValues);
+                                search.setAttr(col, filterValues);
+                            }
+                            else {
+                                search.in(col, filterValues);
+                            }
+                        }
+                    }
+                    else {
+                        try {
+                            final Object val = objMapper.treeToValue(
+                                filterVal, colInfo.type);
+                            if (colInfo.searchAttr) {
+                                log.debug("Set col [{}] search attr [{}].", col, val);
+                                search.setAttr(col, val);
+                            }
+                            else {
+                                search.eq(col, val);
+                            }
+                        }
+                        catch (final JsonProcessingException e) {
+                            log.info("Parse filter value [{}] error caused", filterVal, e);
+                            throw new IllegalStateException(
+                                "Parse filter value [" + filterVal + "] error caused", e);
+                        }
+                    }
+                }
+            }
+            else {
+                log.warn("No filter field [{}] found, ignore.", field);
+            }
+        });
+        return search;
+    }
+
+    /**
+     * build order search
+     * @param search search
+     * @param strOrders param orders
+     * @return search
+     */
+    default Search order(final Search search, final String strOrders) {
+        if (StringUtils.isNotBlank(strOrders)) {
+            final JsonNode jnOrders;
+            try {
+                jnOrders = objMapper.readTree(decodeParam(strOrders));
+            }
+            catch (final IOException e) {
+                log.error("Parse orders param [" + strOrders + "] error caused", e);
+                throw new IllegalStateException(
+                    "Invalid orders param [" + strOrders + "]", e);
+            }
+            jnOrders.fields().forEachRemaining(sorter -> {
+                final String field = sorter.getKey();
+                final String col = orderCol(field);
+                if (StringUtils.isNotBlank(col)) {
+                    final String dir = sorter.getValue().asText();
+                    if (Search.Order.ASC.name().equalsIgnoreCase(dir)) {
+                        search.asc(col);
+                    }
+                    else if (Search.Order.DESC.name().equalsIgnoreCase(dir)) {
+                        search.desc(col);
+                    }
+                }
+                else {
+                    log.warn("No order field [{}] found, ignore.", field);
+                }
+            });
+        }
+        else {
+            for (final Pair<String, Search.Order> order : defaultOrders()) {
+                search.orderBy(order.getKey(), order.getValue());
+            }
+        }
+        return search;
+    }
+
+    /**
+     * @return simple search cols
+     */
+    List<String> searchCols();
+
+    /**
+     * filter cols
+     * @return filter cols
+     */
+    Map<String, FilterColInfo> filterCols();
+
+    /**
+     * get filter col
+     * @param field field
+     * @return col
+     */
+    FilterColInfo filterCol(final String field);
+
+    /**
+     * return default filters
+     * @return default filters
+     */
+    List<Pair<String, Object>> defaultFilters();
+
+    /**
+     * return order cols
+     * @return order cols
+     */
+    Map<String, String> orderCols();
+
+    /**
+     * get order col
+     * @param field field
+     * @return order col
+     */
+    String orderCol(final String field);
+
+    /**
+     * default orders
+     * @return default orders
+     */
+    List<Pair<String, Search.Order>> defaultOrders();
+
+    /**
+     * custom filter, if returns true, will use custom
+     * @param search search
+     * @param col col
+     * @param val val
+     * @return true if break
+     */
+    default boolean customFilter(final Search search, final String col, final Object val) {
+        return false;
+    }
+
+    /**
+     * get list from json
+     * @param json json
+     * @param key key
+     * @param clazz clazz
+     * @param <T> el type
+     * @return list
+     */
+    default  <T> List<T> getList(final String json, final String key, final Class<T> clazz) {
+        return getArray(json, key, clazz) == null ? Collections.emptyList() : Arrays.asList(getArray(json, key, clazz));
+    }
+
+    /**
+     * get list from json
+     * @param json json
+     * @param key key
+     * @param clazz clazz
+     * @param <T> el type
+     * @return list
+     */
+    default <T> T[] getArray(final String json, final String key, final Class<T> clazz) {
+        log.debug("Get array [{}] from [{}].", key, json);
+        final JsonNode jnObj;
+        try {
+            jnObj = objMapper.readTree(json);
+        }
+        catch (IOException e) {
+            log.error("Parse JSON [{}] error caused.", json);
+            throw new IllegalStateException("Parse JSON [" + json + "] error caused", e);
+        }
+        if (jnObj == null) {
+            return (T[]) Array.newInstance(clazz, 0);
+        }
+
+        final JsonNode jnArray = jnObj.get(key);
+        if (jnArray == null) {
+            return (T[]) Array.newInstance(clazz, 0);
+        }
+
+        final Object array = Array.newInstance(clazz, jnArray.size());
+        final int[] index = {0};
+        jnArray.elements().forEachRemaining(it -> {
+            try {
+                Array.set(array, index[0]++ , objMapper.treeToValue(it, clazz));
+            }
+            catch (final JsonProcessingException e) {
+                log.error("JSON value [{}] to type [{}] error caused.", it, clazz, e);
+                throw new IllegalStateException(
+                    "JSON value [" + it + "] to type [" + clazz + "] error caused", e);
+            }
+        });
+        return (T[]) array;
+    }
+}
diff --git a/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/UpdateFieldCustomService.java b/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/UpdateFieldCustomService.java
new file mode 100644
index 00000000..502d4f90
--- /dev/null
+++ b/lib/tigon/web-controller/src/main/java/com/wacai/tigon/web/controller/UpdateFieldCustomService.java
@@ -0,0 +1,20 @@
+package com.wacai.tigon.web.controller;
+
+import java.util.Map;
+import com.wacai.tigon.model.DomainModel;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 12:02:48
+ */
+public interface UpdateFieldCustomService<ID,
+        Model extends DomainModel<ID>> {
+
+    /**
+     * update fields
+     * @param controller controller
+     * @param props props
+     */
+    void extraUpdateFields(BaseCruController<ID, Model, ?, ?, ?> controller,
+            Map<String, Object> props);
+}
diff --git a/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/Main.java b/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/Main.java
new file mode 100644
index 00000000..17b5c20f
--- /dev/null
+++ b/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/Main.java
@@ -0,0 +1,16 @@
+package com.wacai.tigon.web;
+
+import org.springframework.boot.SpringApplication;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 14:16:19
+ */
+@SpringBootApplication
+public class Main {
+
+    public static void main(String[] args) {
+        SpringApplication.run(Main.class, args);
+    }
+}
diff --git a/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/controller/CustomController.java b/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/controller/CustomController.java
new file mode 100644
index 00000000..fc579928
--- /dev/null
+++ b/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/controller/CustomController.java
@@ -0,0 +1,34 @@
+package com.wacai.tigon.web.controller;
+
+import com.wacai.tigon.form.FormList;
+import com.wacai.tigon.web.model.Customer;
+import com.wacai.tigon.web.annotation.ListApi;
+import org.springframework.stereotype.Controller;
+import com.wacai.tigon.web.annotation.OrderCol;
+import com.wacai.tigon.web.annotation.FilterCol;
+import com.wacai.tigon.web.form.CustomerCreateForm;
+import com.wacai.tigon.web.form.CustomerUpdateForm;
+import org.springframework.web.bind.annotation.RequestMapping;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 14:46:56
+ */
+@ListApi(searchCols = {Customer.ACCOUNT, Customer.NAME},
+filterCols = {
+    @FilterCol(param = Customer.NAME, type = String.class),
+    @FilterCol(param = Customer.ACCOUNT, type = String.class),
+    @FilterCol(param = Customer.GENDER, type = String.class)
+},
+orderCols = {
+    @OrderCol(Customer.NAME),
+    @OrderCol(Customer.ACCOUNT)
+})
+@Controller
+@RequestMapping("/customer")
+public class CustomController extends BaseCrudController<Long,
+        Customer,
+        FormList,
+        CustomerCreateForm,
+        CustomerUpdateForm> {
+}
diff --git a/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/controller/TestController.java b/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/controller/TestController.java
new file mode 100644
index 00000000..7126818a
--- /dev/null
+++ b/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/controller/TestController.java
@@ -0,0 +1,17 @@
+package com.wacai.tigon.web.controller;
+
+import org.springframework.stereotype.Controller;
+import org.springframework.web.bind.annotation.GetMapping;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 14:16:31
+ */
+@Controller
+public class TestController {
+
+    @GetMapping("/")
+    public void index() {
+
+    }
+}
diff --git a/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/controller/TestDriver.java b/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/controller/TestDriver.java
new file mode 100644
index 00000000..b6ac58b5
--- /dev/null
+++ b/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/controller/TestDriver.java
@@ -0,0 +1,59 @@
+package com.wacai.tigon.web.controller;
+
+import com.fasterxml.jackson.databind.ObjectMapper;
+import com.wacai.tigon.web.Main;
+import com.wacai.tigon.web.model.Customer;
+import org.junit.Test;
+import org.junit.runner.RunWith;
+import com.wacai.tigon.web.test.ControllerTestTool;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+import java.util.Arrays;
+import java.util.HashMap;
+import java.util.Map;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 14:17:23
+ */
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration(classes = Main.class)
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+public class TestDriver {
+
+    @Autowired
+    private ControllerTestTool t;
+    @Autowired
+    private ObjectMapper[] objectMappers;
+
+    @Test
+    public void testIndex() {
+        t.print(t.get("/"));
+    }
+
+    @Test
+    public void testCustomerList() throws Exception {
+        final ObjectMapper objectMapper = new ObjectMapper();
+
+        final Map<String, String> params = new HashMap<>();
+        params.put("start", "0");
+        params.put("limit", "20");
+        params.put("search", "FooBar");
+        final Map<String, String> orders = new HashMap<>();
+        orders.put(Customer.ACCOUNT, "desc");
+        orders.put(Customer.NAME, "asc");
+        params.put("orders", objectMapper.writeValueAsString(orders));
+        final Map<String, Object> filters = new HashMap<>();
+        filters.put(Customer.NAME, "Donghuang");
+        filters.put(Customer.ACCOUNT, Arrays.asList("Donghuang", "Bingpo"));
+        final Map<String, Object> genderParam = new HashMap<>();
+        genderParam.put("op", "gt");
+        genderParam.put("val", "20");
+        filters.put(Customer.GENDER, genderParam);
+        params.put("filters", objectMapper.writeValueAsString(filters));
+        t.print(t.get("/customer/list", params));
+    }
+}
diff --git a/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/form/CustomerCreateForm.java b/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/form/CustomerCreateForm.java
new file mode 100644
index 00000000..4f8e9bff
--- /dev/null
+++ b/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/form/CustomerCreateForm.java
@@ -0,0 +1,10 @@
+package com.wacai.tigon.web.form;
+
+import com.wacai.tigon.form.FC0;
+
+/**
+ * @author Donghuang <br>
+ * Sep 12, 2019 10:08:41
+ */
+public class CustomerCreateForm extends FC0 {
+}
diff --git a/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/form/CustomerUpdateForm.java b/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/form/CustomerUpdateForm.java
new file mode 100644
index 00000000..df7dfbc8
--- /dev/null
+++ b/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/form/CustomerUpdateForm.java
@@ -0,0 +1,10 @@
+package com.wacai.tigon.web.form;
+
+import com.wacai.tigon.form.FU0;
+
+/**
+ * @author Donghuang <br>
+ * Sep 12, 2019 15:06:47
+ */
+public class CustomerUpdateForm extends FU0<Long> {
+}
diff --git a/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/model/Customer.java b/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/model/Customer.java
new file mode 100644
index 00000000..2cc3c5db
--- /dev/null
+++ b/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/model/Customer.java
@@ -0,0 +1,20 @@
+package com.wacai.tigon.web.model;
+
+import lombok.Getter;
+import lombok.Setter;
+import com.wacai.tigon.model.M0;
+import lombok.experimental.FieldNameConstants;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 14:40:45
+ */
+@Getter
+@Setter
+@FieldNameConstants(prefix = "")
+public class Customer extends M0<Long> {
+    private String account;
+    private String name;
+    private String gender;
+    private String birthDate;
+}
diff --git a/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/service/CustomerService.java b/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/service/CustomerService.java
new file mode 100644
index 00000000..1bda8c91
--- /dev/null
+++ b/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/service/CustomerService.java
@@ -0,0 +1,20 @@
+package com.wacai.tigon.web.service;
+
+import com.wacai.tigon.service.BaseCrudByFormService;
+import com.wacai.tigon.service.BaseCrudService;
+import com.wacai.tigon.web.controller.BaseCrudController;
+import com.wacai.tigon.web.form.CustomerCreateForm;
+import com.wacai.tigon.web.form.CustomerUpdateForm;
+import com.wacai.tigon.web.model.Customer;
+import com.wacai.tigon.service.BaseQueryService;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 14:42:46
+ */
+public interface CustomerService
+    extends BaseCrudByFormService<Long,
+        Customer,
+        CustomerCreateForm,
+        CustomerUpdateForm> {
+}
diff --git a/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/service/impl/CustomerServiceImpl.java b/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/service/impl/CustomerServiceImpl.java
new file mode 100644
index 00000000..c86d723e
--- /dev/null
+++ b/lib/tigon/web-controller/src/test/java/com/wacai/tigon/web/service/impl/CustomerServiceImpl.java
@@ -0,0 +1,171 @@
+package com.wacai.tigon.web.service.impl;
+
+import java.util.Collection;
+import java.util.List;
+import java.util.Collections;
+import java.util.Map;
+import java.util.function.Consumer;
+import java.util.function.Function;
+
+import com.wacai.tigon.web.form.CustomerCreateForm;
+import com.wacai.tigon.web.form.CustomerUpdateForm;
+import lombok.extern.slf4j.Slf4j;
+import com.wacai.tigon.mybatis.Search;
+import com.wacai.tigon.model.ViewModel;
+import com.wacai.tigon.model.ListResult;
+
+import javax.validation.Valid;
+import javax.validation.constraints.Min;
+import com.wacai.tigon.web.model.Customer;
+
+import javax.validation.constraints.NotEmpty;
+import javax.validation.constraints.NotNull;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.stereotype.Service;
+import com.wacai.tigon.web.service.CustomerService;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 14:43:28
+ */
+@Slf4j
+@Service
+public class CustomerServiceImpl implements CustomerService {
+
+    @Override
+    public ViewModel<Customer> findViewModel(@NotNull Search search) {
+        return null;
+    }
+
+    @Override
+    public ViewModel<Customer> findViewModel(@NotNull Long aLong) {
+        return null;
+    }
+
+    @Override
+    public @NotNull List<ViewModel<Customer>> listViewModels(@NotNull Search search) {
+        return Collections.emptyList();
+    }
+
+    @Override
+    public @NotNull ListResult<ViewModel<Customer>> listViewModelsPage(@NotNull Search search) {
+        log.info("List view model page: [{}].", StringUtils.join(search.assemble(), " "));
+        log.info("List view model page orders: [{}].", search.orders());
+        return new ListResult<>(Collections.emptyList(), 20);
+    }
+
+    @Override
+    public Customer find(Long aLong) {
+        return null;
+    }
+
+    @Override
+    public Customer find(@NotNull Search search) {
+        return null;
+    }
+
+    @Override
+    public @NotNull List<Customer> list(Search search) {
+        return null;
+    }
+
+    @Override
+    public @NotNull ListResult<Customer> listPage(@NotNull Search search) {
+        return null;
+    }
+
+    @Override
+    public ViewModel<Customer> toViewModel(Customer model) {
+        return null;
+    }
+
+    @Override
+    public List<ViewModel<Customer>> toViewModel(List<Customer> customers) {
+        return null;
+    }
+
+    @Override
+    public int count(Search search) {
+        return 0;
+    }
+
+    @Override
+    public Customer scan(@NotNull Function<Customer, Boolean> scanner) {
+        return null;
+    }
+
+    @Override
+    public void scan(Consumer<Customer> scanner) {
+
+    }
+
+    @Override
+    public Customer scan(Search search, @NotNull Function<Customer, Boolean> scanner) {
+        return null;
+    }
+
+    @Override
+    public void scan(Search search, Consumer<Customer> scanner) {
+
+    }
+
+    @Override
+    public Customer scan(@Min(1) int pageSize, Search search, @NotNull Function<Customer, Boolean> scanner) {
+        return null;
+    }
+
+    @Override
+    public void scan(@Min(1) int pageSize, Search search, Consumer<Customer> scanner) {
+
+    }
+
+    @Override
+    public @NotNull ViewModel<Customer> create(@NotNull @Valid CustomerCreateForm form) {
+        return null;
+    }
+
+    @Override
+    public @NotNull ViewModel<Customer> update(@NotNull @Valid CustomerUpdateForm form) {
+        return null;
+    }
+
+    @Override
+    public @NotNull ViewModel<Customer> create(@NotNull Customer model) {
+        return null;
+    }
+
+    @Override
+    public Collection<ViewModel<Customer>> create(@NotEmpty Collection<Customer> customers) {
+        return null;
+    }
+
+    @Override
+    public @NotNull ViewModel<Customer> update(@NotNull Customer model) {
+        return null;
+    }
+
+    @Override
+    public int update(@NotNull Customer model, @NotNull Search search) {
+        return 0;
+    }
+
+    @Override
+    public int update(Map<String, ?> model, Long aLong) {
+        return 0;
+    }
+
+    @Override
+    public int update(@NotEmpty Map<String, ?> model, @NotNull Search search) {
+        return 0;
+    }
+
+    @Override
+    public int delete(@NotNull Search search) {
+        return 0;
+    }
+
+    @Override
+    public int delete(Long aLong) {
+        return 0;
+    }
+}
diff --git a/lib/tigon/web-controller/src/test/resources/application.properties b/lib/tigon/web-controller/src/test/resources/application.properties
new file mode 100644
index 00000000..e052cfe5
--- /dev/null
+++ b/lib/tigon/web-controller/src/test/resources/application.properties
@@ -0,0 +1,10 @@
+spring.application.name=TIGON_CONTROLLER
+server.port=8100
+
+# Upload
+# 128M
+spring.servlet.multipart.max-file-size=128MB
+spring.servlet.multipart.max-request-size=128MB
+spring.servlet.multipart.location=/tmp
+spring.jackson.serialization.fail-on-empty-beans=false
+
diff --git a/lib/tigon/web-controller/src/test/resources/logback.xml b/lib/tigon/web-controller/src/test/resources/logback.xml
new file mode 100644
index 00000000..3512ad78
--- /dev/null
+++ b/lib/tigon/web-controller/src/test/resources/logback.xml
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<configuration debug="true">
+
+	<property name="log.level" value="DEBUG" />
+	<property name="log.dir" value="${project.basedir}/.logs" />
+
+	<appender name="Console" class="ch.qos.logback.core.ConsoleAppender">
+		<withJansi>true</withJansi>
+		<encoder>
+			<pattern>%magenta(%d{"yyyy-MM-dd HH:mm:ss,SSS"}) [%thread] %highlight(%-5level) %cyan(%logger{15}) - %msg %n</pattern>
+		</encoder>
+	</appender>
+
+	<appender name="File" class="ch.qos.logback.core.rolling.RollingFileAppender">
+		<file>${log.dir}/${project.artifactId}.log</file>
+		<encoder>
+			<pattern>%d{"yyyy-MM-dd HH:mm:ss,SSS"} [%thread] %-5level %logger{15} %msg %n</pattern>
+		</encoder>
+		<rollingPolicy class="ch.qos.logback.core.rolling.TimeBasedRollingPolicy">
+			<fileNamePattern>${log.dir}/%d{yyyy-MM, aux}/${project.artifactId}-%d{yyyy-MM-dd}.%i.log</fileNamePattern>
+			<timeBasedFileNamingAndTriggeringPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedFNATP">
+				<maxFileSize>32MB</maxFileSize>
+			</timeBasedFileNamingAndTriggeringPolicy>
+		</rollingPolicy>
+	</appender>
+
+	<logger name="org.springframework" level="DEBUG" additivity="false">
+		<appender-ref ref="Console" />
+		<appender-ref ref="File" />
+	</logger>
+	<root level="${log.level}">
+		<appender-ref ref="Console" />
+		<appender-ref ref="File" />
+	</root>
+</configuration>
+
diff --git a/lib/tigon/web-controller/src/test/resources/spring/spring-test.xml b/lib/tigon/web-controller/src/test/resources/spring/spring-test.xml
new file mode 100644
index 00000000..410395fe
--- /dev/null
+++ b/lib/tigon/web-controller/src/test/resources/spring/spring-test.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+       http://www.springframework.org/schema/beans/spring-beans.xsd">
+    <!-- Scan Controllers -->
+    <bean class="com.wacai.tigon.web.test.ControllerTestTool" />
+</beans>
diff --git a/lib/tigon/web/README.md b/lib/tigon/web/README.md
new file mode 100644
index 00000000..563a4dd6
--- /dev/null
+++ b/lib/tigon/web/README.md
@@ -0,0 +1 @@
+# Tigon Spring Boot Web
diff --git a/lib/tigon/web/pom.xml b/lib/tigon/web/pom.xml
new file mode 100644
index 00000000..ea553991
--- /dev/null
+++ b/lib/tigon/web/pom.xml
@@ -0,0 +1,64 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>tigon-web</artifactId>
+    <packaging>jar</packaging>
+    <name>Tigon Web</name>
+    <description>Tigon Web</description>
+
+    <parent>
+        <groupId>com.wacai.tigon</groupId>
+        <artifactId>tigon</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-model</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-web</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.aspectj</groupId>
+            <artifactId>aspectjrt</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.aspectj</groupId>
+            <artifactId>aspectjweaver</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <dependency>
+            <groupId>javax.servlet</groupId>
+            <artifactId>javax.servlet-api</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework</groupId>
+            <artifactId>spring-test</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-starter-test</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <!-- Test -->
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/JSONView.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/JSONView.java
new file mode 100644
index 00000000..10050693
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/JSONView.java
@@ -0,0 +1,123 @@
+package com.wacai.tigon.web;
+
+import java.util.Map;
+import lombok.extern.slf4j.Slf4j;
+import javax.servlet.http.HttpServletRequest;
+import javax.servlet.http.HttpServletResponse;
+import com.fasterxml.jackson.databind.ObjectMapper;
+import org.springframework.web.servlet.view.json.MappingJackson2JsonView;
+
+/**
+ * JSON View
+ * @author Donghuang <br>
+ * Mar 14, 2017 12:00:55
+ */
+@Slf4j
+public class JSONView extends MappingJackson2JsonView {
+    public static final String MAP_DATA = "__MAP_DATA__";
+    public static final String DATA_KEY = "__DATA__";
+
+    private JSONViewDataModel dataModel;
+    private String requestURI;
+    private final JSONViewConfig config;
+
+    /**
+     * @param objectMapper object mapper
+     * @param dataModel data model
+     * @param config json view config
+     */
+    public JSONView(final ObjectMapper objectMapper, final JSONViewDataModel dataModel, final JSONViewConfig config) {
+        super(objectMapper);
+        this.dataModel = dataModel;
+        this.config = config;
+    }
+
+    /**
+     * @param objectMapper object mapper
+     * @param viewName view name
+     * @param config json view config
+     */
+    public JSONView(final ObjectMapper objectMapper, final String viewName, final JSONViewConfig config) {
+        this(objectMapper, (JSONViewDataModel) null, config);
+        setBeanName(viewName);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void renderMergedOutputModel(
+        Map<String, Object> model,
+        HttpServletRequest request,
+        HttpServletResponse response) throws Exception {
+        requestURI = request.getRequestURI()
+            .substring(request.getContextPath().length());
+        super.renderMergedOutputModel(model, request, response);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected Object filterModel(Map<String, Object> model) {
+        if (dataModel == null) {
+            dataModel = buildDataModel(model);
+        }
+
+        Object dataResp;
+        final JSONViewDataModelAssembler dataModelAssembler =
+            config.getDataModelAssembler();
+        if (dataModelAssembler != null) {
+            dataResp = dataModelAssembler.assemble(dataModel);
+            if (dataResp instanceof JSONViewDataModel) {
+                dataResp = ((JSONViewDataModel) dataResp).toMap(
+                    config.getSuccessKey(), config.getDataKey(),
+                    config.getCodeKey(), config.getMessageKey());
+            }
+        }
+        else {
+            dataResp = dataModel.toMap(config.getSuccessKey(),
+                config.getDataKey(), config.getCodeKey(), config.getMessageKey());
+        }
+        log.debug("Render JSON response [{}].", dataResp);
+        return dataResp;
+    }
+
+    /**
+     * Response json for any client accepts media
+     * @return content type
+     */
+    @Override
+    public String getContentType() {
+        return "*/*";
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected void setResponseContentType(HttpServletRequest request, HttpServletResponse response) {
+        response.setContentType(DEFAULT_CONTENT_TYPE);
+    }
+
+    private JSONViewDataModel buildDataModel(Map<String, Object> model) {
+        log.debug("Build data model from map model.");
+        Object objData = null;
+        if (Boolean.TRUE.equals(model.get(MAP_DATA))) {
+            objData = model.get(DATA_KEY);
+            log.debug("Render map data [{}].", objData);
+        }
+        else {
+            // default bean name
+            final String beanName = getBeanName();
+            if (!requestURI.equals("/" + beanName)) {
+                objData = beanName;
+                log.debug("Could not find any resource, render as string data [{}].", objData);
+            }
+            else {
+                log.debug("View name is request URI, no data to response.");
+            }
+        }
+        return new JSONViewDataModel(objData);
+    }
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/JSONViewConfig.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/JSONViewConfig.java
new file mode 100644
index 00000000..b1356651
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/JSONViewConfig.java
@@ -0,0 +1,25 @@
+package com.wacai.tigon.web;
+
+import lombok.Getter;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @author Donghuang <br>
+ * Mar 14, 2017 12:00:55
+ */
+@Slf4j
+@Getter
+public class JSONViewConfig {
+    @Value("${tigon.web.jsonview.success-key:success}")
+    private String successKey;
+    @Value("${tigon.web.jsonview.data-key:data}")
+    private String dataKey;
+    @Value("${tigon.web.jsonview.code-key:code}")
+    private String codeKey;
+    @Value("${tigon.web.jsonview.message-key:error}")
+    private String messageKey;
+    @Autowired(required = false)
+    private JSONViewDataModelAssembler dataModelAssembler;
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/JSONViewDataModel.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/JSONViewDataModel.java
new file mode 100644
index 00000000..0982cf1f
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/JSONViewDataModel.java
@@ -0,0 +1,155 @@
+package com.wacai.tigon.web;
+
+import lombok.Getter;
+import java.util.Map;
+import java.util.HashMap;
+
+/**
+ * @version 0.0.4
+ * @author Donghuang <br>
+ * Sep 21, 2014 8:32:06 PM
+ */
+@Getter
+public class JSONViewDataModel {
+
+    private boolean success = true;
+    /**
+     * error code
+     */
+    private Object code = 0;
+    private Object message;
+    private Object data;
+    private Map<String, Object> attrs;
+    private Throwable exception;
+
+    /**
+     * @param data
+     */
+    public JSONViewDataModel(Object data) {
+        this.data = data;
+    }
+
+    /**
+     *      * @param exception
+     */
+    public JSONViewDataModel(final Throwable exception) {
+        this.exception = exception;
+    }
+
+    /**
+     * @param success the success to set
+     * @return this
+     */
+    public JSONViewDataModel setSuccess(boolean success) {
+        this.success = success;
+        return this;
+    }
+
+    /**
+     * @param code the code to set
+     * @return 
+     */
+    public JSONViewDataModel setCode(Object code) {
+        this.code = code;
+        return this;
+    }
+
+    /**
+     * @param message the message to set
+     * @return this
+     */
+    public JSONViewDataModel setMessage(Object message) {
+        this.message = message;
+        return this;
+    }
+
+    /**
+     * @param data the data to set
+     */
+    public JSONViewDataModel setData(Object data) {
+        this.data = data;
+        return this;
+    }
+
+    /**
+     * @return formatted data map
+     */
+    @SuppressWarnings("unchecked")
+    public Map<String, Object> toMap(
+            final String successKey,
+            final String dataKey,
+            final String codeKey,
+            final String messageKey) {
+        Map<String, Object> mapData = new HashMap<>(4);
+        if (attrs != null) {
+            mapData.putAll(attrs);
+        }
+        if (data != null) {
+            mapData.put(dataKey, data);
+        }
+        mapData.put(successKey, success);
+        mapData.put(codeKey, code);
+        if (!success) {
+            mapData.put(messageKey, getMessageOrExceptionMessage());
+        }
+        return mapData;
+    }
+
+    /**
+     * @param exception the exception to set
+     */
+    public void setException(Throwable exception) {
+        this.exception = exception;
+    }
+
+    /**
+     * @param attrs the attrs to set
+     * @return this
+     */
+    public JSONViewDataModel setAttrs(Map<String, Object> attrs) {
+        this.attrs = attrs;
+        return this;
+    }
+    
+    /**
+     * set attr
+     * @param name attr name
+     * @param value attr value
+     * @return this
+     */
+    public JSONViewDataModel setAttr(String name, Object value) {
+        if (attrs == null) {
+            attrs = new HashMap<>(16);
+        }
+        attrs.put(name, value);
+        return this;
+    }
+
+    /**
+     * get attr
+     * @param name attr name
+     * @return attr value
+     */
+    @SuppressWarnings("unchecked")
+    public <T> T getAttr(String name) {
+        return attrs != null ? (T) attrs.get(name) : null;
+    }
+
+    /**
+     * get attr
+     * @param name attr name
+     * @return attr value
+     */
+    @SuppressWarnings("unchecked")
+    public <T> T removeAttr(String name) {
+        return attrs != null ? (T) attrs.remove(name) : null;
+    }
+
+    /**
+     * @return the message
+     */
+    protected Object getMessageOrExceptionMessage() {
+        return message != null ? message : 
+            exception != null ? exception.getMessage() : null;
+    }
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/JSONViewDataModelAssembler.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/JSONViewDataModelAssembler.java
new file mode 100644
index 00000000..cbb6d75a
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/JSONViewDataModelAssembler.java
@@ -0,0 +1,17 @@
+package com.wacai.tigon.web;
+
+/**
+ * for custom data model assemble
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Jan 19, 2015 4:54:55 PM
+ */
+public interface JSONViewDataModelAssembler {
+
+    /**
+     * custom json data model assemble, return your custom data model
+     * @param model
+     * @return
+     */
+    Object assemble(JSONViewDataModel model);
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/JSONViewResolver.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/JSONViewResolver.java
new file mode 100644
index 00000000..1652a90c
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/JSONViewResolver.java
@@ -0,0 +1,39 @@
+package com.wacai.tigon.web;
+
+import java.util.Locale;
+import lombok.extern.slf4j.Slf4j;
+import lombok.RequiredArgsConstructor;
+import org.springframework.core.Ordered;
+import org.springframework.web.servlet.View;
+import com.fasterxml.jackson.databind.ObjectMapper;
+import org.springframework.web.servlet.ViewResolver;
+import org.springframework.beans.factory.annotation.Autowired;
+
+/**
+ * @version 0.0.4
+ * @author Donghuang <br>
+ * Jul 16, 2014 9:45:36 PM
+ */
+@Slf4j
+@RequiredArgsConstructor(onConstructor_ = {@Autowired})
+public class JSONViewResolver implements ViewResolver, Ordered {
+    private final JSONViewConfig jsonViewConfig;
+    private final ObjectMapper objectMapper;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public View resolveViewName(final String rawViewName, final Locale locale) {
+        log.debug("JSON view resolver resolves view name [{}].", rawViewName);
+        return new JSONView(objectMapper, rawViewName, jsonViewConfig);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public int getOrder() {
+        return Ordered.LOWEST_PRECEDENCE - 2;
+    }
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/TigonControllerAdvice.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/TigonControllerAdvice.java
new file mode 100644
index 00000000..29890cb6
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/TigonControllerAdvice.java
@@ -0,0 +1,46 @@
+package com.wacai.tigon.web;
+
+import java.util.List;
+import lombok.extern.slf4j.Slf4j;
+import lombok.RequiredArgsConstructor;
+import org.springframework.core.annotation.Order;
+import org.springframework.stereotype.Controller;
+import com.fasterxml.jackson.databind.ObjectMapper;
+import org.springframework.web.servlet.ModelAndView;
+import com.wacai.tigon.web.exception.ExceptionResolver;
+import org.springframework.web.bind.annotation.RestController;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.bind.annotation.ControllerAdvice;
+import org.springframework.web.bind.annotation.ExceptionHandler;
+
+/**
+ * @author Donghuang <br>
+ * Jul 18, 2014 8:50:17 AM
+ */
+@Slf4j
+@Order
+@RequiredArgsConstructor(onConstructor_ = {@Autowired})
+@ControllerAdvice(annotations = {Controller.class, RestController.class})
+public class TigonControllerAdvice {
+    private final JSONViewConfig jsonViewConfig;
+    private final ObjectMapper objectMapper;
+    private final List<ExceptionResolver> exceptionResolvers;
+
+    @ExceptionHandler(Throwable.class)
+    public ModelAndView handleThrowable(Throwable ex) {
+        log.warn("Exception [{}] [{}] caused.", ex.getClass(), ex.getMessage());
+        JSONViewDataModel model = new JSONViewDataModel(ex).setSuccess(false);
+        // custom exception resolvers
+        for (ExceptionResolver er : exceptionResolvers) {
+            if (log.isInfoEnabled()) {
+                log.info("Exception resolver [{}] found.", er.getClass());
+            }
+            if (er.accept(ex)) {
+                log.info("Exception has been accepted by [{}].", er);
+                model = er.process(model);
+                break;
+            }
+        }
+        return new ModelAndView(new JSONView(objectMapper, model, jsonViewConfig));
+    }
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/TigonControllerAspect.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/TigonControllerAspect.java
new file mode 100644
index 00000000..68fb3f71
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/TigonControllerAspect.java
@@ -0,0 +1,66 @@
+package com.wacai.tigon.web;
+
+import java.util.Map;
+import java.util.HashMap;
+import lombok.extern.slf4j.Slf4j;
+import org.aspectj.lang.JoinPoint;
+import org.aspectj.lang.annotation.Aspect;
+import org.aspectj.lang.annotation.Pointcut;
+import org.aspectj.lang.annotation.AfterReturning;
+
+/**
+ * process return map
+ * @version 0.0.2
+ * @author Donghuang <br>
+ * Jun 25, 2014 9:00:57 PM
+ */
+@Slf4j
+@Aspect
+public class TigonControllerAspect {
+
+    /**
+     * Class Within <code>@Controller</code>,
+     * And Without <code>@ResponseBody</code>
+     */
+    @Pointcut(
+        "(@target(org.springframework.stereotype.Controller) || " +
+        "@within(org.springframework.stereotype.Controller)) && " +
+        "!@target(org.springframework.web.bind.annotation.ResponseBody) && " +
+        "!@within(org.springframework.web.bind.annotation.ResponseBody)"
+    )
+    public void controllerBean() {}
+
+    /**
+     * Method Within <code>@RequestMapping</code>,
+     * Returns Map,
+     * Without <code>@ResponseBody</code>
+     */
+    @Pointcut(
+        "!@annotation(org.springframework.web.bind.annotation.ResponseBody) && " +
+        "(" +
+        "execution(@org.springframework.web.bind.annotation.RequestMapping * *(..))" +
+        " || execution(@org.springframework.web.bind.annotation.GetMapping * *(..))" +
+        " || execution(@org.springframework.web.bind.annotation.PostMapping * *(..))" +
+        " || execution(@org.springframework.web.bind.annotation.PatchMapping * *(..))" +
+        " || execution(@org.springframework.web.bind.annotation.PutMapping * *(..))" +
+        " || execution(@org.springframework.web.bind.annotation.DeleteMapping * *(..))" +
+        ")"
+    )
+    public void methodPointcut() {}
+
+    @AfterReturning(pointcut = "controllerBean() && methodPointcut()", returning = "result")
+    public void afterReturning(final JoinPoint jp, final Object result) {
+        if (result instanceof Map) {
+            if (log.isDebugEnabled()) {
+                log.debug("Controller aspect after returning, return map [{}].", result);
+            }
+
+            @SuppressWarnings("unchecked")
+            final Map<String, Object> mapRtn = (Map<String, Object>) result;
+            Map<String, Object> mapData = new HashMap<String, Object>(mapRtn);
+            mapRtn.clear();
+            mapRtn.put(JSONView.MAP_DATA, true);
+            mapRtn.put(JSONView.DATA_KEY, mapData);
+        }
+    }
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/TigonReturnValueHandler.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/TigonReturnValueHandler.java
new file mode 100644
index 00000000..309f8480
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/TigonReturnValueHandler.java
@@ -0,0 +1,71 @@
+package com.wacai.tigon.web;
+
+import java.util.Collection;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.util.ClassUtils;
+import org.springframework.core.MethodParameter;
+import com.fasterxml.jackson.databind.ObjectMapper;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.web.context.request.NativeWebRequest;
+import org.springframework.web.method.support.ModelAndViewContainer;
+import org.springframework.web.method.support.HandlerMethodReturnValueHandler;
+
+/**
+ * @version 0.0.4
+ * @author Donghuang <br>
+ * Jul 16, 2014 10:03:15 PM
+ */
+@Slf4j
+public class TigonReturnValueHandler
+    implements HandlerMethodReturnValueHandler {
+
+    @Value("${tigon.web.jsonview.null-jsonarray-as-empty:true}")
+    private boolean writeNullJsonArrayAsEmpty;
+
+    @Autowired
+    private JSONViewConfig jsonViewConfig;
+    @Autowired
+    private ObjectMapper objectMapper;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public boolean supportsReturnType(MethodParameter returnType) {
+        return true;
+    }
+   
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void handleReturnValue(Object returnValue,
+            MethodParameter returnType, 
+            ModelAndViewContainer mavContainer,
+            NativeWebRequest webRequest) {
+        log.debug("Return value handler, handle return value [{}], return type [{}].",
+            returnValue, returnType);
+
+        final JSONViewDataModel model;
+        if (returnValue instanceof JSONViewDataModel) {
+            log.debug("Controller return value is JSONViewDataModel, return.");
+            model = (JSONViewDataModel) returnValue;
+        }
+        else {
+            final Class<?> returnTypeClass = returnType.getMethod().getReturnType();
+            if (returnValue == null
+                && writeNullJsonArrayAsEmpty
+                && (returnTypeClass.isArray() ||
+                    ClassUtils.isAssignable(Collection.class, returnTypeClass))) {
+                log.info("Wrap Controller return null collection to data model.");
+                model = new JSONViewDataModel(new Object[0]);
+            }
+            else {
+                log.debug("Wrap Controller return value to data model.");
+                model = new JSONViewDataModel(returnValue);
+            }
+        }
+        mavContainer.setView(new JSONView(objectMapper, model, jsonViewConfig));
+    }
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/TigonWebConfiguration.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/TigonWebConfiguration.java
new file mode 100644
index 00000000..85370b20
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/TigonWebConfiguration.java
@@ -0,0 +1,84 @@
+package com.wacai.tigon.web;
+
+import java.util.Date;
+import java.util.List;
+import java.util.stream.Stream;
+import lombok.extern.slf4j.Slf4j;
+import java.lang.annotation.Annotation;
+import org.springframework.format.FormatterRegistry;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.context.annotation.ImportResource;
+import org.springframework.format.AnnotationFormatterFactory;
+import org.springframework.beans.factory.annotation.Autowired;
+import com.wacai.tigon.web.converter.StringToDateTypeConverter;
+import com.wacai.tigon.web.formatter.TrimAnnotationFormatterFactory;
+import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
+import org.springframework.web.method.support.HandlerMethodReturnValueHandler;
+import com.wacai.tigon.web.formatter.EmptyToNullAnnotationFormatterFactory;
+import org.springframework.format.number.NumberFormatAnnotationFormatterFactory;
+import org.springframework.boot.autoconfigure.condition.ConditionalOnWebApplication;
+
+/**
+ * @author Donghuang <br>
+ * Mar 01, 2017 10:35:14
+ */
+@Slf4j
+@Configuration
+@ConditionalOnWebApplication
+@ImportResource("classpath*:spring/spring-*.xml")
+public class TigonWebConfiguration implements WebMvcConfigurer {
+    @Autowired
+    private TigonReturnValueHandler returnValueHandler;
+    @Autowired(required = false)
+    private AnnotationFormatterFactory<? extends Annotation>[] annotationFormatterFactories;
+    @Value("${tigon.converter.string-to-date.enable:true}")
+    private boolean converterStringToDate;
+    @Value("${tigon.annotation-formatter.number-format.enable:true}")
+    private boolean annotationFormatterNumberFormat;
+    @Value("${tigon.annotation-formatter.empty-to-nul.enable:true}")
+    private boolean annotationFormatterEmptyToNull;
+    @Value("${tigon.annotation-formatter.trim.enable:true}")
+    private boolean annotationFormatterTrim;
+    @Value("${tigon.annotation-formatter.auto-inject:true}")
+    private boolean annotationFormatterInject;
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void addFormatters(final FormatterRegistry registry) {
+        // converters
+        if (converterStringToDate) {
+            registry.addConverter(String.class, Date.class, new StringToDateTypeConverter());
+        }
+
+        // formatters
+        if (annotationFormatterNumberFormat) {
+            registry.addFormatterForFieldAnnotation(new NumberFormatAnnotationFormatterFactory());
+        }
+        if (annotationFormatterEmptyToNull) {
+            registry.addFormatterForFieldAnnotation(new EmptyToNullAnnotationFormatterFactory());
+        }
+        if (annotationFormatterTrim) {
+            registry.addFormatterForFieldAnnotation(new TrimAnnotationFormatterFactory());
+        }
+
+        if (annotationFormatterInject &&
+                annotationFormatterFactories != null &&
+                annotationFormatterFactories.length > 0) {
+            Stream.of(annotationFormatterFactories).forEach(
+                registry::addFormatterForFieldAnnotation);
+        }
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void addReturnValueHandlers(
+            final List<HandlerMethodReturnValueHandler> returnValueHandlers) {
+        returnValueHandlers.add(returnValueHandler);
+    }
+}
+
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/annotation/Filter.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/annotation/Filter.java
new file mode 100644
index 00000000..300e0039
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/annotation/Filter.java
@@ -0,0 +1,32 @@
+package com.wacai.tigon.web.annotation;
+
+import java.lang.annotation.Documented;
+import java.lang.annotation.Retention;
+import java.lang.annotation.RetentionPolicy;
+
+/**
+ * @author Donghuang <br>
+ * Sep 12, 2019 17:53:24
+ */
+@Documented
+@Retention(RetentionPolicy.RUNTIME)
+public @interface Filter {
+
+    /**
+     * database table col
+     * @return database table col
+     */
+    String col();
+
+    /**
+     * database table col java type
+     * @return database table col java type
+     */
+    String val();
+
+    /**
+     * database table col java type
+     * @return database table col java type
+     */
+    Class<?> type() default String.class;
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/annotation/FilterCol.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/annotation/FilterCol.java
new file mode 100644
index 00000000..aa0752a1
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/annotation/FilterCol.java
@@ -0,0 +1,39 @@
+package com.wacai.tigon.web.annotation;
+
+import java.lang.annotation.Retention;
+import java.lang.annotation.Documented;
+import java.lang.annotation.RetentionPolicy;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 09:59:32
+ */
+@Documented
+@Retention(RetentionPolicy.RUNTIME)
+public @interface FilterCol {
+
+    /**
+     * http request param name
+     * @return http request param
+     */
+    String param();
+
+    /**
+     * database table col
+     * @return database table col
+     */
+    String col() default "";
+
+    /**
+     * database table col java type
+     * @return database table col java type
+     */
+    Class<?> type();
+
+    /**
+     * set as search attr
+     * @see com.wacai.tigon.mybatis.Search#setAttr(String, Object)
+     * @return true if set as search attr
+     */
+    boolean searchAttr() default false;
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/annotation/ListApi.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/annotation/ListApi.java
new file mode 100644
index 00000000..48d39f18
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/annotation/ListApi.java
@@ -0,0 +1,43 @@
+package com.wacai.tigon.web.annotation;
+
+import java.lang.annotation.*;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 09:59:47
+ */
+@Documented
+@Target({ElementType.TYPE})
+@Retention(RetentionPolicy.RUNTIME)
+public @interface ListApi {
+
+    /**
+     * search cols
+     * @return search cols
+     */
+    String[] searchCols() default {};
+
+    /**
+     * filter cols
+     * @return filter cols
+     */
+    FilterCol[] filterCols() default {};
+
+    /**
+     * default filters
+     * @return filters
+     */
+    Filter[] defaultFilters() default {};
+
+    /**
+     * order cols
+     * @return order cols
+     */
+    OrderCol[] orderCols() default {};
+
+    /**
+     * default orders
+     * @return default orders
+     */
+    Order[] defaultOrders() default {};
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/annotation/Order.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/annotation/Order.java
new file mode 100644
index 00000000..9fbc1a31
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/annotation/Order.java
@@ -0,0 +1,36 @@
+package com.wacai.tigon.web.annotation;
+
+import com.wacai.tigon.mybatis.Search;
+import java.lang.annotation.Retention;
+import java.lang.annotation.Documented;
+import java.lang.annotation.RetentionPolicy;
+import org.springframework.core.annotation.AliasFor;
+
+/**
+ * @author Donghuang <br>
+ * Sep 12, 2019 17:48:22
+ */
+@Documented
+@Retention(RetentionPolicy.RUNTIME)
+public @interface Order {
+
+    /**
+     * database col
+     * @return
+     */
+    @AliasFor("col")
+    String value() default "";
+
+    /**
+     * database table col
+     * @return database table col
+     */
+    @AliasFor("value")
+    String col() default "";
+
+    /**
+     * http request param
+     * @return http request param
+     */
+    Search.Order order() default Search.Order.ASC;
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/annotation/OrderCol.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/annotation/OrderCol.java
new file mode 100644
index 00000000..5a4defe0
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/annotation/OrderCol.java
@@ -0,0 +1,36 @@
+package com.wacai.tigon.web.annotation;
+
+import org.springframework.core.annotation.AliasFor;
+
+import java.lang.annotation.Retention;
+import java.lang.annotation.Documented;
+import java.lang.annotation.RetentionPolicy;
+
+/**
+ * @author Donghuang <br>
+ * Sep 11, 2019 10:00:28
+ */
+@Documented
+@Retention(RetentionPolicy.RUNTIME)
+public @interface OrderCol {
+
+    /**
+     * http request param
+     * @return http request param
+     */
+    @AliasFor("param")
+    String value() default "";
+
+    /**
+     * http request param
+     * @return http request param
+     */
+    @AliasFor("value")
+    String param() default "";
+
+    /**
+     * database table col
+     * @return database table col
+     */
+    String col() default "";
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/converter/StringToDateTypeConverter.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/converter/StringToDateTypeConverter.java
new file mode 100644
index 00000000..87304699
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/converter/StringToDateTypeConverter.java
@@ -0,0 +1,32 @@
+package com.wacai.tigon.web.converter;
+
+import java.util.Date;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.core.convert.converter.Converter;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Oct 19, 2015 7:45:36 PM
+ */
+@Slf4j
+public class StringToDateTypeConverter 
+    implements Converter<String, Date> {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Date convert(final String text) {
+        log.debug("Convert [{}] to date.", text);
+        try {
+            return StringUtils.isNotBlank(text) ? 
+                new Date(Long.parseLong(text.trim())) : null;
+        }
+        catch (NumberFormatException e) {
+            throw new IllegalArgumentException(
+                "Invalid date [" + text + "]", e);
+        }
+    }
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/exception/BaseExceptionResolver.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/exception/BaseExceptionResolver.java
new file mode 100644
index 00000000..ed8607a0
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/exception/BaseExceptionResolver.java
@@ -0,0 +1,29 @@
+package com.wacai.tigon.web.exception;
+
+import com.wacai.tigon.exception.BaseException;
+import org.springframework.core.annotation.Order;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Feb 3, 2015 12:56:38 PM
+ */
+@Order(32)
+public class BaseExceptionResolver extends DefaultExceptionResolver {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public boolean accept(Throwable ex) {
+        return ex instanceof BaseException;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    protected Object getErrorCode(Throwable ex) {
+        return ((BaseException) ex).getCode();
+    }
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/exception/BindingResultResolver.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/exception/BindingResultResolver.java
new file mode 100644
index 00000000..5f2c1b16
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/exception/BindingResultResolver.java
@@ -0,0 +1,54 @@
+package com.wacai.tigon.web.exception;
+
+import java.util.List;
+import java.util.ArrayList;
+import com.wacai.tigon.web.JSONViewDataModel;
+import org.springframework.core.annotation.Order;
+import org.springframework.validation.FieldError;
+import org.springframework.validation.BindException;
+import org.springframework.validation.BindingResult;
+import com.wacai.tigon.exception.InvalidParamException;
+import org.springframework.web.bind.MethodArgumentNotValidException;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Feb 3, 2015 1:44:09 PM
+ */
+@Order(8)
+public class BindingResultResolver implements ExceptionResolver {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public boolean accept(Throwable ex) {
+        return ex instanceof MethodArgumentNotValidException || 
+                ex instanceof BindException;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public JSONViewDataModel process(JSONViewDataModel model) {
+        Throwable e = model.getException();
+        BindingResult br = null;
+        if (e instanceof MethodArgumentNotValidException) {
+            br = ((MethodArgumentNotValidException) e).getBindingResult();
+        }
+        else if (e instanceof BindException) {
+            br = ((BindException) e).getBindingResult();
+        }
+        if (br != null) {
+            List<FieldError> fieldErrors = br.getFieldErrors();
+            final List<String> messages = new ArrayList<>(fieldErrors.size());
+            for (FieldError er : fieldErrors) {
+                messages.add("'" + er.getField() + "' " + er.getDefaultMessage());
+            }
+            model.setMessage(messages);
+        }
+        model.setCode(InvalidParamException.CODE);
+        return model;
+    }
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/exception/ConstraintViolationExceptionResolver.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/exception/ConstraintViolationExceptionResolver.java
new file mode 100644
index 00000000..b6db864c
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/exception/ConstraintViolationExceptionResolver.java
@@ -0,0 +1,50 @@
+package com.wacai.tigon.web.exception;
+
+import java.util.Set;
+import java.util.List;
+import org.slf4j.Logger;
+import java.util.ArrayList;
+import org.slf4j.LoggerFactory;
+import org.apache.commons.lang3.StringUtils;
+import javax.validation.ConstraintViolation;
+import com.wacai.tigon.web.JSONViewDataModel;
+import org.springframework.core.annotation.Order;
+import javax.validation.ConstraintViolationException;
+import com.wacai.tigon.exception.InvalidParamException;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Mar 28, 2016 6:39:36 PM
+ */
+@Order(10)
+public class ConstraintViolationExceptionResolver implements ExceptionResolver {
+    private static final Logger log = 
+        LoggerFactory.getLogger(ConstraintViolationExceptionResolver.class);
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public boolean accept(Throwable ex) {
+        return ex instanceof ConstraintViolationException;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public JSONViewDataModel process(final JSONViewDataModel model) {
+        ConstraintViolationException e = 
+            (ConstraintViolationException) model.getException();
+        Set<ConstraintViolation<?>> cvs = e.getConstraintViolations();
+        List<String> messages = new ArrayList<>(cvs.size());
+        for (ConstraintViolation<?> cv : cvs) {
+            log.info("Constraint violation [{}] caused.", cv);
+            messages.add(cv.getMessage());
+        }
+        model.setCode(InvalidParamException.CODE);
+        model.setMessage(StringUtils.join(messages, ";"));
+        return model;
+    }
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/exception/DefaultExceptionResolver.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/exception/DefaultExceptionResolver.java
new file mode 100644
index 00000000..a4650435
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/exception/DefaultExceptionResolver.java
@@ -0,0 +1,121 @@
+package com.wacai.tigon.web.exception;
+
+import java.util.List;
+import java.util.Map;
+import java.util.HashMap;
+import lombok.extern.slf4j.Slf4j;
+import org.apache.commons.lang3.StringUtils;
+import com.wacai.tigon.exception.ErrorCoded;
+import com.wacai.tigon.exception.BaseException;
+import com.wacai.tigon.web.JSONViewDataModel;
+import org.springframework.core.annotation.Order;
+import com.wacai.tigon.exception.InvalidParamException;
+import com.wacai.tigon.exception.InvalidStateException;
+import org.apache.commons.lang3.exception.ExceptionUtils;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.core.convert.ConversionFailedException;
+import org.springframework.web.bind.ServletRequestBindingException;
+import org.springframework.web.bind.MissingServletRequestParameterException;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Feb 3, 2015 2:06:58 PM
+ */
+@Order(64)
+@Slf4j
+public class DefaultExceptionResolver implements ExceptionResolver {
+    @Autowired(required = false)
+    private List<ExceptionMessage> exceptionMessages;
+
+    private static final Map<Class<? extends Throwable>, Integer> EXCEPTIONS_MAP = 
+            new HashMap<Class<? extends Throwable>, Integer>() {
+        private static final long serialVersionUID = 1L;
+        {
+            // Database Exceptions
+            // 4002
+            put(IllegalStateException.class, InvalidStateException.CODE);
+            put(ConversionFailedException.class, InvalidStateException.CODE);
+            put(IllegalArgumentException.class, InvalidStateException.CODE);
+            // 4001
+            put(InvalidParamException.class, InvalidParamException.CODE);
+            put(MissingServletRequestParameterException.class, InvalidParamException.CODE);
+            put(ServletRequestBindingException.class, InvalidParamException.CODE);
+        }
+    };
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public boolean accept(Throwable ex) {
+        return true;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public JSONViewDataModel process(JSONViewDataModel model) {
+        Throwable ex = model.getException();
+        log.error("Exception [{}] [{}] Caused.", ex.getClass(), ex.getMessage(), ex);
+        Object code = model.getCode();
+        if (code == null || 
+            (code instanceof Number && ((Number) code).intValue() == 0) ||
+            (code instanceof String && StringUtils.isBlank((String) code))) {
+            code = getErrorCode(ex);
+            if (code == null) {
+                code = BaseException.CODE;
+            }
+            model.setCode(code);
+        }
+        if (model.getMessage() == null) {
+            Object message = null;
+            if (exceptionMessages != null) {
+                for (ExceptionMessage exceptionMessage : exceptionMessages) {
+                    message = exceptionMessage.get(code);
+                    if (message != null) {
+                        log.info("Get custom error message [{}] from [{}] by code [{}].",
+                            message, exceptionMessage, code);
+                        break;
+                    }
+                }
+            }
+            if (message == null) {
+                message = getErrorMessage(ex, code);
+            }
+            model.setMessage(message);
+        }
+        return model;
+    }
+
+    /**
+     * @param ex exception
+     * @return error code
+     */
+    protected Object getErrorCode(Throwable ex) {
+        Object code = null;
+        if (ex instanceof ErrorCoded) {
+            code = ((ErrorCoded) ex).getCode();
+        }
+        return code != null ? code : EXCEPTIONS_MAP.get(ex.getClass());
+    }
+
+    /**
+     * @param ex exception
+     * @param code error code
+     * @return error message
+     */
+    protected Object getErrorMessage(Throwable ex, Object code) {
+        Object message = null;
+        for (Throwable e : ExceptionUtils.getThrowableList(ex)) {
+            String msg = e.getMessage();
+            if (StringUtils.isNotBlank(msg)) {
+                message = msg;
+                break;
+            }
+        }
+        log.info("No Custom Error Message Found, Get Message [{}] From Exception.", message);
+        return message;
+    }
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/exception/ExceptionMessage.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/exception/ExceptionMessage.java
new file mode 100644
index 00000000..eb50ee6a
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/exception/ExceptionMessage.java
@@ -0,0 +1,16 @@
+package com.wacai.tigon.web.exception;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Jul 21, 2015 11:14:29 AM
+ */
+public interface ExceptionMessage<T> {
+    
+    /**
+     * get exception message by code
+     * @param code exception code
+     * @return exception message
+     */
+    T get(Object code);
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/exception/ExceptionResolver.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/exception/ExceptionResolver.java
new file mode 100644
index 00000000..513b0dca
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/exception/ExceptionResolver.java
@@ -0,0 +1,25 @@
+package com.wacai.tigon.web.exception;
+
+import com.wacai.tigon.web.JSONViewDataModel;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Feb 3, 2015 11:27:31 AM
+ */
+public interface ExceptionResolver {
+
+    /**
+     * decide exception to process
+     * @param ex
+     * @return
+     */
+    boolean accept(Throwable ex);
+
+    /**
+     * process model
+     * @param model
+     * @return data model
+     */
+    JSONViewDataModel process(JSONViewDataModel model);
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/formatter/EmptyToNullAnnotationFormatterFactory.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/formatter/EmptyToNullAnnotationFormatterFactory.java
new file mode 100644
index 00000000..25a2ab0f
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/formatter/EmptyToNullAnnotationFormatterFactory.java
@@ -0,0 +1,54 @@
+package com.wacai.tigon.web.formatter;
+
+import java.util.Set;
+import java.util.HashSet;
+import java.util.Collections;
+import org.springframework.format.Parser;
+import org.springframework.format.Printer;
+import com.wacai.tigon.format.annotation.EmptyToNull;
+import org.springframework.format.AnnotationFormatterFactory;
+import org.springframework.context.support.EmbeddedValueResolutionSupport;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Jun 15, 2016 11:23:03 AM
+ */
+public class EmptyToNullAnnotationFormatterFactory
+    extends EmbeddedValueResolutionSupport
+    implements AnnotationFormatterFactory<EmptyToNull> {
+
+    private static final Set<Class<?>> FIELD_TYPES;
+
+    static {
+        Set<Class<?>> fieldTypes = new HashSet<>(8);
+        fieldTypes.add(String.class);
+        FIELD_TYPES = Collections.unmodifiableSet(fieldTypes);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Set<Class<?>> getFieldTypes() {
+        return FIELD_TYPES;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Printer<?> getPrinter(EmptyToNull annotation,
+            Class<?> fieldType) {
+        return new EmptyToNullFormatter();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Parser<?> getParser(EmptyToNull annotation,
+            Class<?> fieldType) {
+        return new EmptyToNullFormatter();
+    }
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/formatter/EmptyToNullFormatter.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/formatter/EmptyToNullFormatter.java
new file mode 100644
index 00000000..add2360c
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/formatter/EmptyToNullFormatter.java
@@ -0,0 +1,29 @@
+package com.wacai.tigon.web.formatter;
+
+import java.util.Locale;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.format.Formatter;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br>
+ * Jun 15, 2016 11:29:55 AM
+ */
+public class EmptyToNullFormatter implements Formatter<String> {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String print(String text, Locale locale) {
+        return text;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String parse(String text, Locale locale) {
+        return StringUtils.isNotEmpty(text) ? text : null;
+    }
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/formatter/TrimAnnotationFormatterFactory.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/formatter/TrimAnnotationFormatterFactory.java
new file mode 100644
index 00000000..ba385e3d
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/formatter/TrimAnnotationFormatterFactory.java
@@ -0,0 +1,53 @@
+package com.wacai.tigon.web.formatter;
+
+import java.util.Set;
+import java.util.HashSet;
+import java.util.Collections;
+import org.springframework.format.Parser;
+import org.springframework.format.Printer;
+import com.wacai.tigon.format.annotation.Trim;
+import org.springframework.format.AnnotationFormatterFactory;
+import org.springframework.context.support.EmbeddedValueResolutionSupport;
+
+/**
+ * @author Donghuang <br>
+ * Jun 19, 2017 19:20:18
+ */
+public class TrimAnnotationFormatterFactory
+    extends EmbeddedValueResolutionSupport
+    implements AnnotationFormatterFactory<Trim> {
+
+    private static final Set<Class<?>> FIELD_TYPES;
+
+    static {
+        Set<Class<?>> fieldTypes = new HashSet<>(8);
+        fieldTypes.add(String.class);
+        FIELD_TYPES = Collections.unmodifiableSet(fieldTypes);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Set<Class<?>> getFieldTypes() {
+        return FIELD_TYPES;
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Printer<?> getPrinter(Trim annotation,
+            Class<?> fieldType) {
+        return new TrimFormatter();
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public Parser<?> getParser(Trim annotation,
+            Class<?> fieldType) {
+        return new TrimFormatter();
+    }
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/formatter/TrimFormatter.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/formatter/TrimFormatter.java
new file mode 100644
index 00000000..81d84391
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/formatter/TrimFormatter.java
@@ -0,0 +1,28 @@
+package com.wacai.tigon.web.formatter;
+
+import java.util.Locale;
+import org.apache.commons.lang3.StringUtils;
+import org.springframework.format.Formatter;
+
+/**
+ * @author Donghuang <br>
+ * Jun 19, 2017 19:19:06
+ */
+public class TrimFormatter implements Formatter<String> {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String print(String text, Locale locale) {
+        return StringUtils.trim(text);
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public String parse(String text, Locale locale) {
+        return StringUtils.trim(text);
+    }
+}
diff --git a/lib/tigon/web/src/main/java/com/wacai/tigon/web/test/ControllerTestTool.java b/lib/tigon/web/src/main/java/com/wacai/tigon/web/test/ControllerTestTool.java
new file mode 100644
index 00000000..d75e807b
--- /dev/null
+++ b/lib/tigon/web/src/main/java/com/wacai/tigon/web/test/ControllerTestTool.java
@@ -0,0 +1,169 @@
+package com.wacai.tigon.web.test;
+
+import java.util.Map;
+import java.util.Map.Entry;
+import org.springframework.util.Assert;
+import java.nio.charset.StandardCharsets;
+import org.springframework.http.MediaType;
+import org.springframework.test.web.servlet.MockMvc;
+import org.springframework.test.web.servlet.ResultActions;
+import org.springframework.web.context.WebApplicationContext;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.web.servlet.setup.MockMvcBuilders;
+import org.springframework.test.web.servlet.result.MockMvcResultHandlers;
+import org.springframework.test.web.servlet.request.MockMvcRequestBuilders;
+import org.springframework.test.web.servlet.request.MockHttpServletRequestBuilder;
+
+/**
+ * Controller Test Tool
+ * @version 0.1
+ * @author Donghuang <br>
+ * Jun 12, 2014 8:13:52 PM
+ */
+public final class ControllerTestTool {
+    public final MockMvc mvc;
+
+    public ControllerTestTool(@Autowired final WebApplicationContext applicationContext) {
+        mvc = MockMvcBuilders.webAppContextSetup(applicationContext).build();
+    }
+
+    public ResultActions post(String url, Map<String, ?> params) {
+        return post(url, params, null);
+    }
+
+    public ResultActions post(String url, Map<String, ?> params, Map<String, ?> headers) {
+        return request(MockMvcRequestBuilders.post(url), params, headers);
+    }
+
+    public ResultActions post(String url) {
+        return request(MockMvcRequestBuilders.post(url), (Map<String, ?>) null);
+    }
+
+    public ResultActions post(String url, String body) {
+        return post(url, body, null);
+    }
+
+    public ResultActions post(String url, String body, Map<String, ?> headers) {
+        return request(MockMvcRequestBuilders.post(url), body, headers);
+    }
+
+    public ResultActions get(String url, Map<String, ?> params) {
+        return get(url, params, null);
+    }
+
+    public ResultActions get(String url, Map<String, ?> params, Map<String, ?> headers) {
+        return request(MockMvcRequestBuilders.get(url), params, headers);
+    }
+
+    public ResultActions get(String url) {
+        return request(MockMvcRequestBuilders.get(url), (Map<String, ?>) null);
+    }
+
+    public ResultActions put(String url, Map<String, ?> params) {
+        return request(MockMvcRequestBuilders.put(url), params);
+    }
+
+    public ResultActions put(String url) {
+        return request(MockMvcRequestBuilders.put(url), (Map<String, ?>) null);
+    }
+
+    public ResultActions put(String url, String body) {
+        return request(MockMvcRequestBuilders.put(url), body);
+    }
+
+    public ResultActions delete(String url, Map<String, ?> params) {
+        return request(MockMvcRequestBuilders.delete(url), params);
+    }
+
+    public ResultActions delete(String url) {
+        return request(MockMvcRequestBuilders.delete(url), (Map<String, ?>) null);
+    }
+
+    public ResultActions delete(String url, String body) {
+        return request(MockMvcRequestBuilders.delete(url), body);
+    }
+
+    public ResultActions request(
+            final MockHttpServletRequestBuilder requestBuilder,
+            final Map<String, ?> params) {
+        return request(requestBuilder, params, null);
+    }
+
+    public ResultActions request(
+        final MockHttpServletRequestBuilder requestBuilder,
+        final Map<String, ?> params,
+        final Map<String, ?> headers) {
+
+        if (params != null && !params.isEmpty()) {
+            for (Entry<String, ?> param : params.entrySet()) {
+                Object v = param.getValue();
+                if (v != null) {
+                    String sv = null;
+                    if (v instanceof String) {
+                        sv = (String) v;
+                    }
+                    else {
+                        sv = String.valueOf(sv);
+                    }
+                    requestBuilder.param(param.getKey(), sv);
+                }
+            }
+        }
+        addHeaders(requestBuilder, headers);
+        return request(requestBuilder);
+    }
+
+    public ResultActions request(
+        MockHttpServletRequestBuilder requestBuilder,
+        String body) {
+       return request(requestBuilder, body, null);
+    }
+
+    /**
+     * @param requestBuilder
+     * @param body
+     * @return
+     */
+    public ResultActions request(
+        MockHttpServletRequestBuilder requestBuilder,
+        String body,
+        final Map<String, ?> headers) {
+
+        Assert.state(body != null, "Request body could not be null");
+        requestBuilder.contentType(MediaType.APPLICATION_JSON);
+        requestBuilder.content(body);
+        addHeaders(requestBuilder, headers);
+        return request(requestBuilder);
+    }
+
+    public ResultActions print(ResultActions result) {
+        try {
+            return result.andDo(MockMvcResultHandlers.print());
+        } 
+        catch (Exception e) {
+            throw new IllegalStateException(
+                "Print mock HTTP request result error caused", e);
+        }
+    }
+
+    ResultActions request(
+            MockHttpServletRequestBuilder requestBuilder) {
+        requestBuilder.characterEncoding(StandardCharsets.UTF_8.name());
+        try {
+            return mvc.perform(requestBuilder);
+        } 
+        catch (Exception e) {
+            throw new IllegalStateException(
+                "Mock HTTP request error caused", e);
+        }
+    }
+
+    void addHeaders(MockHttpServletRequestBuilder requestBuilder, Map<String, ?> headers) {
+        if (headers != null && !headers.isEmpty()) {
+            for (Entry<String, ?> header : headers.entrySet()) {
+                requestBuilder.header(header.getKey(), header.getValue());
+            }
+        }
+    }
+
+}
diff --git a/lib/tigon/web/src/main/resources/META-INF/spring.factories b/lib/tigon/web/src/main/resources/META-INF/spring.factories
new file mode 100644
index 00000000..1c5e5439
--- /dev/null
+++ b/lib/tigon/web/src/main/resources/META-INF/spring.factories
@@ -0,0 +1,2 @@
+org.springframework.boot.autoconfigure.EnableAutoConfiguration=\
+com.wacai.tigon.web.TigonWebConfiguration
diff --git a/lib/tigon/web/src/main/resources/spring/spring-tigon-web.xml b/lib/tigon/web/src/main/resources/spring/spring-tigon-web.xml
new file mode 100644
index 00000000..61124d4c
--- /dev/null
+++ b/lib/tigon/web/src/main/resources/spring/spring-tigon-web.xml
@@ -0,0 +1,17 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd">
+
+    <bean class="com.wacai.tigon.web.JSONViewConfig" />
+    <bean class="com.wacai.tigon.web.TigonControllerAspect" />
+    <bean class="com.wacai.tigon.web.TigonControllerAdvice" />
+    <bean class="com.wacai.tigon.web.TigonReturnValueHandler" />
+    <bean class="com.wacai.tigon.web.exception.BindingResultResolver" />
+    <bean class="com.wacai.tigon.web.exception.BaseExceptionResolver" />
+    <bean class="com.wacai.tigon.web.exception.DefaultExceptionResolver" />
+    <bean class="com.wacai.tigon.web.exception.ConstraintViolationExceptionResolver" />
+    <bean class="com.wacai.tigon.web.JSONViewResolver" />
+    <bean class="org.springframework.validation.beanvalidation.MethodValidationPostProcessor" />
+</beans>
diff --git a/lib/tigon/web/src/test/java/com/wacai/tigon/web/test/Main.java b/lib/tigon/web/src/test/java/com/wacai/tigon/web/test/Main.java
new file mode 100644
index 00000000..4aa1b914
--- /dev/null
+++ b/lib/tigon/web/src/test/java/com/wacai/tigon/web/test/Main.java
@@ -0,0 +1,16 @@
+package com.wacai.tigon.web.test;
+
+import org.springframework.boot.SpringApplication;
+import org.springframework.boot.autoconfigure.SpringBootApplication;
+
+/**
+ * @author Donghuang <br>
+ * Mar 05, 2017 12:12:56
+ */
+@SpringBootApplication
+public class Main {
+
+    public static void main(String[] args) {
+        SpringApplication.run(Main.class, args);
+    }
+}
diff --git a/lib/tigon/web/src/test/java/com/wacai/tigon/web/test/SiteControllerTest.java b/lib/tigon/web/src/test/java/com/wacai/tigon/web/test/SiteControllerTest.java
new file mode 100644
index 00000000..a8a097e7
--- /dev/null
+++ b/lib/tigon/web/src/test/java/com/wacai/tigon/web/test/SiteControllerTest.java
@@ -0,0 +1,64 @@
+package com.wacai.tigon.web.test;
+
+import java.util.Map;
+import org.junit.Test;
+import java.util.HashMap;
+import org.junit.runner.RunWith;
+import com.fasterxml.jackson.databind.ObjectMapper;
+import com.fasterxml.jackson.core.JsonProcessingException;
+import org.springframework.boot.test.context.SpringBootTest;
+import org.springframework.test.context.ContextConfiguration;
+import org.springframework.beans.factory.annotation.Autowired;
+import org.springframework.test.context.junit4.SpringJUnit4ClassRunner;
+
+/**
+ * @version 0.0.1
+ * @author Donghuang <br />
+ * Jan 27, 2015 3:27:08 PM
+ */
+@RunWith(SpringJUnit4ClassRunner.class)
+@ContextConfiguration(classes = Main.class)
+@SpringBootTest(webEnvironment = SpringBootTest.WebEnvironment.RANDOM_PORT)
+public class SiteControllerTest {
+
+    @Autowired
+    private ControllerTestTool t;
+
+    @Test
+    public void testIndex() {
+        t.print(t.get("/"));
+    }
+
+    @Test
+    public void testRaw() {
+        t.print(t.get("/raw"));
+    }
+
+    @Test
+    public void testInt() {
+        t.print(t.get("/int"));
+    }
+
+    @Test
+    public void testMap() {
+        t.print(t.get("/map"));
+        t.print(t.get("/map2"));
+    }
+
+    @Test
+    public void testPost() throws JsonProcessingException {
+        Map<String, Object> params = new HashMap<>();
+        params.put("id", "id");
+        params.put("name", "Donghuang");
+        params.put("gender", "MALE");
+        // t.print(t.post("/post", params));
+        t.print(t.post("/post-body", new ObjectMapper().writeValueAsString(params)));
+        // t.print(t.post("/post-string-body", "String Body"));
+        // t.print(t.get("/list"));
+    }
+
+    @Test
+    public void testView() {
+        t.print(t.get("/view"));
+    }
+}
diff --git a/lib/tigon/web/src/test/java/com/wacai/tigon/web/test/TestDriver.java b/lib/tigon/web/src/test/java/com/wacai/tigon/web/test/TestDriver.java
new file mode 100644
index 00000000..79dcbfcf
--- /dev/null
+++ b/lib/tigon/web/src/test/java/com/wacai/tigon/web/test/TestDriver.java
@@ -0,0 +1,8 @@
+package com.wacai.tigon.web.test;
+
+/**
+ * @author Donghuang <br>
+ * Mar 01, 2017 16:46:15
+ */
+public class TestDriver {
+}
diff --git a/lib/tigon/web/src/test/java/com/wacai/tigon/web/test/controller/SiteController.java b/lib/tigon/web/src/test/java/com/wacai/tigon/web/test/controller/SiteController.java
new file mode 100644
index 00000000..f813e80a
--- /dev/null
+++ b/lib/tigon/web/src/test/java/com/wacai/tigon/web/test/controller/SiteController.java
@@ -0,0 +1,105 @@
+package com.wacai.tigon.web.test.controller;
+
+import java.util.Map;
+
+import com.wacai.tigon.format.annotation.Trim;
+import lombok.Getter;
+import lombok.Setter;
+import java.util.Arrays;
+import java.util.HashMap;
+import com.wacai.tigon.model.ListResult;
+import lombok.ToString;
+import lombok.extern.slf4j.Slf4j;
+import org.springframework.web.bind.annotation.GetMapping;
+import org.springframework.web.servlet.View;
+import javax.validation.constraints.NotBlank;
+import org.springframework.stereotype.Controller;
+import org.springframework.validation.annotation.Validated;
+import org.springframework.web.bind.annotation.RequestBody;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.servlet.view.InternalResourceView;
+
+/**
+ * @version 0.0.1
+ * @author Donguang <br />
+ * May 31, 2015 3:53:04 PM
+ */
+@Slf4j
+@Controller
+public class SiteController {
+
+    @RequestMapping("/")
+    public void index() {
+        
+    }
+
+    @RequestMapping("/raw")
+    public Map<String, Object> raw() {
+        final Map<String, Object> mapRaw = new HashMap<>();
+        mapRaw.put("data", "Hello!");
+        return mapRaw;
+    }
+
+    @RequestMapping("/int")
+    public int integer() {
+        return 99;
+    }
+
+    @RequestMapping("/post")
+    public String post(@Validated Form form) {
+        log.info("Post form [{}].", form);
+        return form.getId();
+    }
+
+    @RequestMapping("/post-body")
+    public Form postBody(@Validated @RequestBody Form form) {
+        log.info("Post body [{}].", form);
+        return form;
+    }
+
+    @RequestMapping("/post-string-body")
+    public String postStringBody(@RequestBody String body) {
+        return body;
+    }
+
+    @RequestMapping("/list")
+    public ListResult<String> list() {
+        final ListResult<String> result = new ListResult<>(Arrays.asList("Foo", "Bar", "FooBar"), 120);
+        result.setAttr("version", "1.0");
+        return result;
+    }
+
+    @RequestMapping("/view")
+    public View view() {
+        return new InternalResourceView("index");
+    }
+
+    @RequestMapping("/map")
+    Map<String, Object> map() {
+        final Map<String, Object> mapRtn = new HashMap<>();
+        mapRtn.put("name", "Donghuang");
+        return mapRtn;
+    }
+
+    @GetMapping("/map2")
+    Map<String, Object> map2() {
+        return map();
+    }
+
+    @Getter
+    @Setter
+    @ToString
+    public static class Form {
+        @NotBlank
+        private String id;
+        @NotBlank
+        private String name;
+        @Trim
+        private Gender gender;
+    }
+
+    public enum Gender {
+        MALE,
+        FEMALE
+    }
+}
diff --git a/lib/tigon/web/src/test/resources/logback.xml b/lib/tigon/web/src/test/resources/logback.xml
new file mode 100644
index 00000000..869ba313
--- /dev/null
+++ b/lib/tigon/web/src/test/resources/logback.xml
@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<configuration debug="true">
+
+	<property name="log.level" value="DEBUG" />
+	<property name="log.dir" value="${project.basedir}/.logs" />
+
+	<appender name="Console" class="ch.qos.logback.core.ConsoleAppender">
+		<withJansi>true</withJansi>
+		<encoder>
+			<pattern>%magenta(%d{"yyyy-MM-dd HH:mm:ss,SSS"}) [%thread] %highlight(%-5level) %cyan(%logger{15}) - %msg %n</pattern>
+		</encoder>
+	</appender>
+
+	<appender name="File" class="ch.qos.logback.core.rolling.RollingFileAppender">
+		<file>${log.dir}/${project.artifactId}.log</file>
+		<encoder>
+			<pattern>%d{"yyyy-MM-dd HH:mm:ss,SSS"} [%thread] %-5level %logger{15} %msg %n</pattern>
+		</encoder>
+		<rollingPolicy class="ch.qos.logback.core.rolling.TimeBasedRollingPolicy">
+			<fileNamePattern>${log.dir}/%d{yyyy-MM, aux}/${project.artifactId}-%d{yyyy-MM-dd}.%i.log</fileNamePattern>
+			<timeBasedFileNamingAndTriggeringPolicy class="ch.qos.logback.core.rolling.SizeAndTimeBasedFNATP">
+				<maxFileSize>32MB</maxFileSize>
+			</timeBasedFileNamingAndTriggeringPolicy>
+		</rollingPolicy>
+	</appender>
+
+	<logger name="org.springframework" level="TRACE" additivity="false">
+		<appender-ref ref="Console" />
+		<appender-ref ref="File" />
+	</logger>
+	<root level="${log.level}">
+		<appender-ref ref="Console" />
+		<appender-ref ref="File" />
+	</root>
+</configuration>
+
diff --git a/lib/tigon/web/src/test/resources/spring/spring-test.xml b/lib/tigon/web/src/test/resources/spring/spring-test.xml
new file mode 100644
index 00000000..410395fe
--- /dev/null
+++ b/lib/tigon/web/src/test/resources/spring/spring-test.xml
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+       http://www.springframework.org/schema/beans/spring-beans.xsd">
+    <!-- Scan Controllers -->
+    <bean class="com.wacai.tigon.web.test.ControllerTestTool" />
+</beans>
diff --git a/lib/util/README.md b/lib/util/README.md
new file mode 100644
index 00000000..019b25ff
--- /dev/null
+++ b/lib/util/README.md
@@ -0,0 +1 @@
+# Common
diff --git a/lib/util/pom.xml b/lib/util/pom.xml
new file mode 100644
index 00000000..3d6949aa
--- /dev/null
+++ b/lib/util/pom.xml
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-util</artifactId>
+    <name>Yo Util</name>
+    <description>Yo Util</description>
+    <packaging>jar</packaging>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-library</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>org.apache.commons</groupId>
+            <artifactId>commons-lang3</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.mongodb</groupId>
+            <artifactId>bson</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.slf4j</groupId>
+            <artifactId>slf4j-api</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.logging.log4j</groupId>
+            <artifactId>log4j-slf4j-impl</artifactId>
+            <scope>test</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.apache.logging.log4j</groupId>
+            <artifactId>log4j-core</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/util/src/main/java/com/pudonghot/yo/common/util/MobileUtils.java b/lib/util/src/main/java/com/pudonghot/yo/common/util/MobileUtils.java
new file mode 100644
index 00000000..0bd348f3
--- /dev/null
+++ b/lib/util/src/main/java/com/pudonghot/yo/common/util/MobileUtils.java
@@ -0,0 +1,56 @@
+package com.pudonghot.yo.common.util;
+
+import org.apache.commons.lang3.StringUtils;
+
+
+/**
+ * 手机号工具类
+ * Created by bingpo on 17/12/28.
+ */
+public class MobileUtils {
+
+    public static final int MOBILE_LENGTH = 11;
+    private static final String MOBILE_REG_EXP = "^1(3[0-9]|4[579]|5[0-35-9]|7[0135678]|8[0-9])\\d{8}$";
+
+    /**
+     * 验证手机号码
+     * <p>
+     * 移动号码段:134,135,136,137,138,139,147,150,151,152,157,158,159,170,178,182,183,184,187,188
+     * 联通号码段:130,131,132,145,155,156,171,175,176,185,186
+     * 电信号码段:133,149,153,170,173,177,180,181,189
+     *
+     * @param mobile 手机号
+     * @return 是否为手机号
+     */
+    public static boolean checkMobile(String mobile) {
+        return StringUtils.length(mobile) == MOBILE_LENGTH && mobile.matches(MOBILE_REG_EXP);
+    }
+
+    /**
+     * 处理手机号
+     *
+     * @param mobile 手机号
+     * @return 处理后的手机号
+     */
+    public static String formatMobile(String mobile) {
+        if (StringUtils.length(mobile) > MOBILE_LENGTH) {
+            return mobile.substring(mobile.length() - MOBILE_LENGTH);
+        }
+        return mobile;
+    }
+
+    /**
+     * 去掉手机号的前缀
+     *
+     * @param mobileStr mobileStr
+     * @return 去掉前缀后的手机号
+     */
+    public static String trimMobilePrefix(String mobileStr) {
+        if (StringUtils.length(mobileStr) > MOBILE_LENGTH) {
+            final String mobile = mobileStr.substring(mobileStr.length() - MOBILE_LENGTH);
+            return checkMobile(mobile) ? mobile : mobileStr;
+        }
+        return mobileStr;
+    }
+
+}
diff --git a/lib/util/src/main/java/com/pudonghot/yo/util/ExceptionUtil.java b/lib/util/src/main/java/com/pudonghot/yo/util/ExceptionUtil.java
new file mode 100644
index 00000000..81852f66
--- /dev/null
+++ b/lib/util/src/main/java/com/pudonghot/yo/util/ExceptionUtil.java
@@ -0,0 +1,26 @@
+package com.pudonghot.yo.util;
+
+/**
+ * @author Donghuang <br>
+ * Aug 01, 2018 10:16
+ */
+public class ExceptionUtil {
+
+    /**
+     * keepThrow exception
+     * @param e throwable
+     * @return exception runtime exception
+     */
+    @SuppressWarnings("unchecked")
+    public static RuntimeException keepThrow(final Throwable e) {
+        if (e instanceof RuntimeException) {
+            throw (RuntimeException) e;
+        }
+
+        if (e instanceof Error) {
+            throw (Error) e;
+        }
+
+        throw new RuntimeException(e);
+    }
+}
diff --git a/lib/util/src/main/java/com/pudonghot/yo/util/FileUtils.java b/lib/util/src/main/java/com/pudonghot/yo/util/FileUtils.java
new file mode 100644
index 00000000..b833928b
--- /dev/null
+++ b/lib/util/src/main/java/com/pudonghot/yo/util/FileUtils.java
@@ -0,0 +1,42 @@
+package com.pudonghot.yo.util;
+
+import java.io.File;
+import org.bson.types.ObjectId;
+import lombok.extern.slf4j.Slf4j;
+
+/**
+ * @author Donghuang <br>
+ * Sep 20, 2018 11:22
+ */
+@Slf4j
+public class FileUtils {
+
+    /**
+     * create temp file
+     * @param suffix
+     * @return
+     */
+    public static File tempFile(final String suffix) {
+        return tempFile(System.getProperty("java.io.tmpdir"), suffix);
+    }
+
+    /**
+     * create temp file
+     * @param dir temp dir
+     * @param suffix suffix
+     * @return temp file
+     */
+    public static File tempFile(final File dir, final String suffix) {
+        return new File(dir, ObjectId.get() + suffix);
+    }
+
+    /**
+     * create temp file
+     * @param dir temp dir
+     * @param suffix suffix
+     * @return temp file
+     */
+    public static File tempFile(final String dir, final String suffix) {
+        return new File(dir, ObjectId.get() + suffix);
+    }
+}
diff --git a/lib/util/src/main/java/com/pudonghot/yo/util/LanAddrUtils.java b/lib/util/src/main/java/com/pudonghot/yo/util/LanAddrUtils.java
new file mode 100644
index 00000000..5b436191
--- /dev/null
+++ b/lib/util/src/main/java/com/pudonghot/yo/util/LanAddrUtils.java
@@ -0,0 +1,93 @@
+package com.pudonghot.yo.util;
+
+import java.net.InetAddress;
+import java.util.Enumeration;
+import java.net.SocketException;
+import lombok.extern.slf4j.Slf4j;
+import java.net.NetworkInterface;
+import java.net.UnknownHostException;
+
+/**
+ * @author Donghuang <br>
+ * Jul 03, 2018 10:26
+ */
+@Slf4j
+public class LanAddrUtils {
+
+    /**
+     * get local host lan addr
+     * @return inet addr
+     */
+    public static InetAddress getLocalHostLanAddr() {
+            InetAddress candidateAddress = null;
+            // Iterate all NICs (network interface cards)...
+        final Enumeration<NetworkInterface> ifaces;
+        try {
+            ifaces = NetworkInterface.getNetworkInterfaces();
+        }
+        catch (SocketException e) {
+            throw new IllegalStateException(
+                "NetworkInterface.getNetworkInterfaces() error caused", e);
+        }
+
+        while (ifaces.hasMoreElements()) {
+            final NetworkInterface iface = ifaces.nextElement();
+            // Iterate all IP addresses assigned to each card...
+            final Enumeration<InetAddress> inetAddrs = iface.getInetAddresses();
+            while (inetAddrs.hasMoreElements()) {
+                final InetAddress inetAddr = inetAddrs.nextElement();
+                if (!inetAddr.isLoopbackAddress()) {
+
+                    if (inetAddr.isSiteLocalAddress()) {
+                        // Found non-loopback site-local address. Return it immediately...
+                        log.info("Found non-loopback site-local address [{}].", inetAddr);
+                        return inetAddr;
+                    }
+                    else if (candidateAddress == null) {
+                        // Found non-loopback address, but not necessarily site-local.
+                        // Store it as a candidate to be returned if site-local address is not subsequently found...
+                        candidateAddress = inetAddr;
+                        // Note that we don't repeatedly assign non-loopback non-site-local addresses as candidates,
+                        // only the first. For subsequent iterations, candidate will be non-null.
+                    }
+                }
+            }
+        }
+
+        if (candidateAddress != null) {
+            // We did not find a site-local address, but we found some other non-loopback address.
+            // Server might have a non-site-local address assigned to its NIC (or it might be running
+            // IPv6 which deprecates the "site-local" concept).
+            // Return this non-loopback candidate address...
+            return candidateAddress;
+        }
+
+        log.info("No non-loopback site-local address found, fall back to return InetAddress.getLocalHost().");
+
+        // At this point, we did not find a non-loopback address.
+        // Fall back to returning whatever InetAddress.getLocalHost() returns...
+        final InetAddress jdkSuppliedAddress;
+        try {
+            jdkSuppliedAddress = InetAddress.getLocalHost();
+        }
+        catch (UnknownHostException e) {
+            throw new IllegalStateException("InetAddress.getLocalHost() error caused", e);
+        }
+
+        if (jdkSuppliedAddress == null) {
+            throw new IllegalStateException(
+                "The JDK InetAddress.getLocalHost() method unexpectedly returned null");
+        }
+
+        return jdkSuppliedAddress;
+    }
+
+    /**
+     * get protocol name, called by yo-genesys-core/spring-genesys-core.xml
+     * @param clientName client name
+     * @return protocol name
+     */
+    public static String getProtocolName(final String clientName) {
+        return clientName + "(" + getLocalHostLanAddr().getHostAddress() + ")";
+    }
+}
diff --git a/lib/util/src/main/java/com/pudonghot/yo/util/LockUtils.java b/lib/util/src/main/java/com/pudonghot/yo/util/LockUtils.java
new file mode 100644
index 00000000..e98e5252
--- /dev/null
+++ b/lib/util/src/main/java/com/pudonghot/yo/util/LockUtils.java
@@ -0,0 +1,101 @@
+package com.pudonghot.yo.util;
+
+import lombok.Getter;
+import lombok.Setter;
+import java.util.function.Supplier;
+import java.util.function.Function;
+import lombok.RequiredArgsConstructor;
+import java.util.concurrent.locks.Lock;
+import java.util.concurrent.locks.ReadWriteLock;
+
+/**
+ * @author Donghuang <br>
+ * Mar 13, 2019 15:06
+ */
+public class LockUtils {
+
+    /**
+     * read data, if no data found, write.
+     *
+     * @param arg arg
+     * @param <Input> input arg
+     * @param <Result> result
+     * @return read result
+     */
+    public static <Input, Result> Result readWrite(final LockArg<Input, Result> arg) {
+        final ReadWriteLock lock = arg.getLock();
+        final Lock readLock = lock.readLock();
+        final Lock writeLock = lock.writeLock();
+
+        // 1. Lock READ
+        readLock.lock();
+
+        Result result;
+
+        try {
+
+            final Function<Input, Result> reader = arg.getReader();
+            result = reader.apply(arg.getInput());
+
+            final Function<Result, Boolean> checker = arg.getChecker();
+
+            if (!checker.apply(result)) {
+                // 2. Cache missing, Unlock READ
+                readLock.unlock();
+                // 3. Cache missing, Lock WRITE
+                writeLock.lock();
+
+                try {
+                    result = reader.apply(arg.getInput());
+                    // Check exists again
+                    if (!checker.apply(result)) {
+                        result = arg.getWriter().apply(arg.getInput());
+                    }
+                }
+                finally {
+                    // 4. Lock READ, before releasing write lock, avoid WRITE
+                    readLock.lock();
+                    // 5. Unlock WRITE, still hold READ
+                    writeLock.unlock();
+                }
+            }
+        }
+        finally {
+            // 6. Finally release the read lock
+            readLock.unlock();
+        }
+
+        return result;
+    }
+
+    public static <Result> Result readWrite(final LockArg2<Result> arg) {
+        return readWrite(new LockArg<>(
+            null,
+            arg.getLock(),
+            i -> arg.reader.get(),
+            i -> arg.writer.get(),
+            arg.checker));
+    }
+
+    @Getter
+    @Setter
+    @RequiredArgsConstructor
+    public static class LockArg<Input, Result> {
+        private final Input input;
+        private final ReadWriteLock lock;
+        private final Function<Input, Result> reader;
+        private final Function<Input, Result> writer;
+        private final Function<Result, Boolean> checker;
+    }
+
+    @Getter
+    @Setter
+    @RequiredArgsConstructor
+    public static class LockArg2<Result> {
+        private final ReadWriteLock lock;
+        private final Supplier<Result> reader;
+        private final Supplier<Result> writer;
+        private final Function<Result, Boolean> checker;
+    }
+
+}
diff --git a/lib/util/src/main/java/com/pudonghot/yo/util/LogMDC.java b/lib/util/src/main/java/com/pudonghot/yo/util/LogMDC.java
new file mode 100644
index 00000000..2aec47c1
--- /dev/null
+++ b/lib/util/src/main/java/com/pudonghot/yo/util/LogMDC.java
@@ -0,0 +1,65 @@
+package com.pudonghot.yo.util;
+
+import org.slf4j.MDC;
+
+/**
+ * @author Donghuang <br>
+ * Dec 12, 2017 19:05
+ */
+public class LogMDC {
+    public static final String UID = "uid";
+    public static final String TRACE_ID = "traceId";
+    public static final String CUSTOM = "custom";
+
+    /**
+     * set uid
+     * @param uid uid
+     */
+    public static void setUid(final String uid) {
+        MDC.put(UID, uid);
+    }
+
+    /**
+     * remove uid
+     */
+    public static void removeUid() {
+        MDC.remove(UID);
+    }
+
+    /**
+     * set trance id
+     * @param traceId trance id
+     */
+    public static void setTraceId(final String traceId) {
+        MDC.put(TRACE_ID, traceId);
+    }
+
+    /**
+     * remove trace id
+     */
+    public static void removeTraceId() {
+        MDC.remove(TRACE_ID);
+    }
+
+    /**
+     * set custom
+     * @param custom custom
+     */
+    public static void setCustom(final String custom) {
+        MDC.put(CUSTOM, custom);
+    }
+
+    /**
+     * remove custom
+     */
+    public static void removeCustom() {
+        MDC.remove(CUSTOM);
+    }
+
+    /**
+     * clear mdc
+      */
+    public static void clear() {
+        MDC.clear();
+    }
+}
diff --git a/lib/util/src/main/java/com/pudonghot/yo/util/ShellCommandUtils.java b/lib/util/src/main/java/com/pudonghot/yo/util/ShellCommandUtils.java
new file mode 100644
index 00000000..1bd9bd79
--- /dev/null
+++ b/lib/util/src/main/java/com/pudonghot/yo/util/ShellCommandUtils.java
@@ -0,0 +1,96 @@
+package com.pudonghot.yo.util;
+
+import lombok.Getter;
+import java.util.List;
+import lombok.ToString;
+import java.util.Arrays;
+import java.io.InputStream;
+import java.io.IOException;
+import java.util.LinkedList;
+import java.io.BufferedReader;
+import java.nio.charset.Charset;
+import java.io.InputStreamReader;
+import lombok.extern.slf4j.Slf4j;
+import lombok.RequiredArgsConstructor;
+import java.nio.charset.StandardCharsets;
+import org.apache.commons.lang3.StringUtils;
+
+/**
+ * @author Donghuang <br>
+ * Nov 16, 2017 17:47:48
+ */
+@Slf4j
+public class ShellCommandUtils {
+
+    @Getter
+    @ToString
+    @RequiredArgsConstructor
+    public static class ExecResult {
+        private final int exitCode;
+        private final List<String> stdout;
+        private final List<String> stderr;
+    }
+
+    /**
+     * execute command
+     * @param commands commands
+     * @return execute result
+     */
+    public static ExecResult execCmd(final String[] commands) {
+        return execCmd(commands, StandardCharsets.UTF_8);
+    }
+
+    /**
+     * execute command
+     * @param commands command
+     * @param charset charset
+     * @return execute result
+     */
+    public static ExecResult execCmd(final String[] commands, final Charset charset) {
+        log.info("Execute shell command [{}].", Arrays.toString(commands));
+        try {
+            final Process process = Runtime.getRuntime().exec(commands);
+            final int exitCode = process.waitFor();
+            log.info("Execute shell command return code [{}]", exitCode);
+            // stdout
+            final List<String> stdout;
+            try (final InputStream execStdoutInputStream = process.getInputStream()) {
+                stdout = readLines(execStdoutInputStream, charset);
+            }
+
+            log.info("Execute shell command out result [{}]",
+                commands, StringUtils.join(stdout, "\n"));
+            // stderr
+            final List<String> stderr;
+            try (final InputStream execStderrInputStream = process.getErrorStream()) {
+                stderr = readLines(execStderrInputStream, charset);
+            }
+            log.info("Execute shell command error caused, exit code [{}] error output [{}].",
+                commands, exitCode, StringUtils.join(stderr, "\n"));
+            return new ExecResult(exitCode, stdout, stderr);
+        }
+        catch (InterruptedException | IOException e) {
+            log.error("Execute shell command error caused.", e);
+            throw new IllegalStateException(
+                "Execute shell command [" + Arrays.toString(commands) + "] error caused.", e);
+        }
+    }
+
+    static List<String> readLines(final InputStream inputStream, final Charset charset) {
+        try (final InputStreamReader streamReader =
+                new InputStreamReader(inputStream, charset);
+            final BufferedReader bufferedReader =
+                new BufferedReader(streamReader)) {
+
+            final List<String> lines = new LinkedList<>();
+            while ((bufferedReader.ready())) {
+                lines.add(bufferedReader.readLine());
+            }
+            return lines;
+        }
+        catch (final IOException e) {
+            log.error("Read input stream lines error caused.", e);
+            throw ExceptionUtil.keepThrow(e);
+        }
+    }
+}
diff --git a/lib/util/src/main/java/com/pudonghot/yo/util/TimeUtils.java b/lib/util/src/main/java/com/pudonghot/yo/util/TimeUtils.java
new file mode 100644
index 00000000..43fc80c5
--- /dev/null
+++ b/lib/util/src/main/java/com/pudonghot/yo/util/TimeUtils.java
@@ -0,0 +1,45 @@
+package com.pudonghot.yo.util;
+
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+import org.apache.commons.lang3.StringUtils;
+
+/**
+ * @author Donghuang <br>
+ * Apr 04, 2018 14:11:09
+ */
+public class TimeUtils {
+    /**
+     * 00:00 - 23:59
+     */
+    public static final Pattern TIME_PATTERN =
+        Pattern.compile("^((?:[01]?[0-9])|(?:2[0-3])):([0-5]?[0-9])$");
+
+    /**
+     * @param time HH:mm
+     * @return seconds of time
+     */
+    public static Integer parseSecondsOfTime(final String time) {
+        if (StringUtils.isNotBlank(time)) {
+            final Matcher matcher = TIME_PATTERN.matcher(time);
+            if (matcher.find()) {
+                return Integer.parseInt(matcher.group(1)) * 60 * 60 +
+                    Integer.parseInt(matcher.group(2)) * 60;
+            }
+        }
+        return null;
+    }
+
+    /**
+     * 28861 -> 08:02
+     * @param time time seconds
+     * @return time format
+     */
+    public static String formatSecondsOfTime(final Integer time) {
+        return String.format("%02d:%02d", time / (60 * 60),
+            // min
+            time % (60 * 60) / 60 +
+            // sec
+            (time % (60 * 60) % 60 > 0 ? 1 : 0));
+    }
+}
diff --git a/lib/util/src/main/java/com/pudonghot/yo/util/ZipUtils.java b/lib/util/src/main/java/com/pudonghot/yo/util/ZipUtils.java
new file mode 100644
index 00000000..f9413bd3
--- /dev/null
+++ b/lib/util/src/main/java/com/pudonghot/yo/util/ZipUtils.java
@@ -0,0 +1,100 @@
+package com.pudonghot.yo.util;
+
+import java.io.File;
+import java.nio.file.Path;
+import java.io.IOException;
+import java.io.InputStream;
+import java.nio.file.Files;
+import java.util.zip.ZipEntry;
+import java.io.FileOutputStream;
+import lombok.extern.slf4j.Slf4j;
+import java.util.zip.ZipInputStream;
+import java.util.zip.ZipOutputStream;
+
+/**
+ * @author Donghuang <br>
+ * Nov 30, 2018 16:59
+ */
+@Slf4j
+public class ZipUtils {
+
+    /**
+     * unzip input stream
+     * @param zipFileInputStream zip file input stream
+     * @param dist dist dir
+     */
+    public static void unzip(final InputStream zipFileInputStream, final File dist) {
+
+        if (!dist.exists()) {
+            dist.mkdirs();
+        }
+
+        try (final ZipInputStream zis = new ZipInputStream(zipFileInputStream)) {
+            final byte[] buffer = new byte[1024];
+            ZipEntry ze = zis.getNextEntry();
+            while (ze != null) {
+                final String entryName = ze.getName();
+                log.debug("Extract ZIP entry [{}].", entryName);
+                final File entryFile = new File(dist, entryName);
+                log.info("Extract ZIP entry [{}] to [{}].", entryName, entryFile);
+                if (ze.isDirectory()) {
+                    log.debug("ZIP entry [{}] is directory, mkdirs.", entryName);
+                    entryFile.mkdirs();
+                }
+                else {
+                    final File parentDir = entryFile.getParentFile();
+                    log.debug("ZIP entry [{}] is file, parent [{}] mkdirs.", entryName, parentDir);
+                    parentDir.mkdirs();
+
+                    try (final FileOutputStream fos = new FileOutputStream(entryFile)) {
+                        int len;
+                        while ((len = zis.read(buffer)) > 0) {
+                            fos.write(buffer, 0, len);
+                        }
+                    }
+                }
+                // close this ZipEntry
+                zis.closeEntry();
+                ze = zis.getNextEntry();
+            }
+            // close last ZipEntry
+            zis.closeEntry();
+            zipFileInputStream.close();
+        }
+        catch (final IOException e) {
+            log.error("Unzip zip file input stream [{}] to dist [{}] error caused.",
+                zipFileInputStream, dist);
+            throw ExceptionUtil.keepThrow(e);
+        }
+    }
+
+    /**
+     * zip dir
+     * @param srcDir source dir
+     * @param zipTarget zip target
+     */
+    public static void zip(final File srcDir, final File zipTarget) {
+        log.info("Pack dir [{}] to zip [{}].", srcDir, zipTarget);
+
+        try (final ZipOutputStream zs = new ZipOutputStream(
+                Files.newOutputStream(zipTarget.toPath()))) {
+
+            final Path sourcePath = srcDir.toPath();
+            Files.walk(sourcePath).filter(path -> !Files.isDirectory(path)).forEach(path -> {
+                log.info("Pack zip entry [{}].", path);
+                try {
+                    zs.putNextEntry(new ZipEntry(sourcePath.relativize(path).toString()));
+                    Files.copy(path, zs);
+                    zs.closeEntry();
+                }
+                catch (final IOException e) {
+                    log.error("ZIP entry [{}] error caused.", path);
+                }
+            });
+        }
+        catch (final IOException e) {
+            log.error("ZIP dir [{}] to [{}] error caused.", srcDir, zipTarget, e);
+            throw ExceptionUtil.keepThrow(e);
+        }
+    }
+}
diff --git a/lib/util/src/main/resources/.gitkeep b/lib/util/src/main/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/util/src/test/java/com/pudonghot/yo/util/TestDriver.java b/lib/util/src/test/java/com/pudonghot/yo/util/TestDriver.java
new file mode 100644
index 00000000..420b2f5f
--- /dev/null
+++ b/lib/util/src/test/java/com/pudonghot/yo/util/TestDriver.java
@@ -0,0 +1,28 @@
+package com.pudonghot.yo.util;
+
+import lombok.extern.slf4j.Slf4j;
+import org.junit.Test;
+
+import java.io.IOException;
+
+/**
+ * @author Donghuang <br>
+ * Aug 21, 2017 16:14
+ */
+@Slf4j
+public class TestDriver {
+
+    @Test
+    public void tesRun() {
+        log.info("Run.");
+        log.info("Time [{}].", TimeUtils.formatSecondsOfTime(0));
+        log.info("Time [{}].", TimeUtils.formatSecondsOfTime(28861));
+        log.info("Time [{}].", TimeUtils.formatSecondsOfTime(28860));
+        log.info("Time [{}].", TimeUtils.formatSecondsOfTime(28800));
+    }
+
+    @Test
+    public void testThrow() {
+        throw ExceptionUtil.keepThrow(new IOException("error"));
+    }
+}
diff --git a/lib/util/src/test/java/com/pudonghot/yo/util/package-info.java b/lib/util/src/test/java/com/pudonghot/yo/util/package-info.java
new file mode 100644
index 00000000..6c99c27d
--- /dev/null
+++ b/lib/util/src/test/java/com/pudonghot/yo/util/package-info.java
@@ -0,0 +1,5 @@
+/**
+ * @author Donghuang <br>
+ * Mar 14, 2017 15:28
+ */
+package com.pudonghot.yo.util;
diff --git a/lib/util/src/test/resources/.gitkeep b/lib/util/src/test/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/util/src/test/resources/log4j2.xml b/lib/util/src/test/resources/log4j2.xml
new file mode 100644
index 00000000..3e7204bf
--- /dev/null
+++ b/lib/util/src/test/resources/log4j2.xml
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<Configuration status="WARN">
+    <Properties>
+        <Property name="log.level">DEBUG</Property>
+        <Property name="log.dir">.logs</Property>
+        <Property name="pattern">%-d{yyyy-MM-dd HH:mm:ss,SSS} %-5p [%t][%c{1}] %m%n</Property>
+    </Properties>
+    <Appenders>
+        <Console name="Console" target="SYSTEM_OUT">
+            <PatternLayout pattern="%highlight{%-d{yyyy-MM-dd HH:mm:ss,SSS}}{FATAL=magenta, ERROR=magenta, WARN=magenta, INFO=magenta, DEBUG=magenta, TRACE=magenta} %highlight{%-5p}{FATAL=red blink, ERROR=red, WARN=yellow bold, INFO=black, DEBUG=green bold, TRACE=blue} [%t][%highlight{%c{1.}}{FATAL=cyan, ERROR=cyan, WARN=cyan, INFO=cyan, DEBUG=cyan, TRACE=cyan}] %m%n"/>
+        </Console>
+        <RollingFile name="File"
+            fileName="${log.dir}/${project.artifactId}.log"
+            filePattern="${log.dir}/$${date:yyyy-MM}/${project.artifactId}-%d{yyyy-MM-dd}-%i.log">
+            <PatternLayout pattern="${pattern}" />
+            <Policies>
+                <TimeBasedTriggeringPolicy />
+                <SizeBasedTriggeringPolicy size="16 MB" />
+            </Policies>
+            <DefaultRolloverStrategy max="32" />
+        </RollingFile>
+    </Appenders>
+    <Loggers>
+        <Logger name="org.springframework" level="INFO" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.apache" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Logger name="org.hibernate.validator" level="WARN" additivity="false">
+            <AppenderRef ref="File" />
+        </Logger>
+        <Root level="${log.level}" additivity="false">
+            <AppenderRef ref="File" level="${log.level}" />
+            <AppenderRef ref="Console" level="${log.level}" />
+        </Root>
+    </Loggers>
+</Configuration>
diff --git a/lib/web-common/README.md b/lib/web-common/README.md
new file mode 100644
index 00000000..7a5c52b7
--- /dev/null
+++ b/lib/web-common/README.md
@@ -0,0 +1 @@
+# Web Common Core
diff --git a/lib/web-common/pom.xml b/lib/web-common/pom.xml
new file mode 100644
index 00000000..1c8f5d72
--- /dev/null
+++ b/lib/web-common/pom.xml
@@ -0,0 +1,54 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <artifactId>yo-web-common</artifactId>
+    <name>Yo Web Common</name>
+    <description>Yo Web Common</description>
+    <packaging>jar</packaging>
+
+    <parent>
+        <groupId>com.pudonghot.yo</groupId>
+        <artifactId>yo-library</artifactId>
+        <version>0.0.1-SNAPSHOT</version>
+        <relativePath>../</relativePath>
+    </parent>
+
+    <dependencies>
+        <dependency>
+            <groupId>org.slf4j</groupId>
+            <artifactId>slf4j-api</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-web</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>com.wacai.tigon</groupId>
+            <artifactId>tigon-common</artifactId>
+        </dependency>
+        <dependency>
+            <groupId>org.springframework.boot</groupId>
+            <artifactId>spring-boot-autoconfigure</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <dependency>
+            <groupId>org.projectlombok</groupId>
+            <artifactId>lombok</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <dependency>
+            <groupId>javax.servlet</groupId>
+            <artifactId>javax.servlet-api</artifactId>
+            <scope>provided</scope>
+        </dependency>
+        <!-- Test Dependencies -->
+        <dependency>
+            <groupId>junit</groupId>
+            <artifactId>junit</artifactId>
+            <scope>test</scope>
+        </dependency>
+    </dependencies>
+</project>
diff --git a/lib/web-common/src/main/java/com/pudonghot/yo/common/listener/RequestListener.java b/lib/web-common/src/main/java/com/pudonghot/yo/common/listener/RequestListener.java
new file mode 100644
index 00000000..55b05e53
--- /dev/null
+++ b/lib/web-common/src/main/java/com/pudonghot/yo/common/listener/RequestListener.java
@@ -0,0 +1,35 @@
+package com.pudonghot.yo.common.listener;
+
+import lombok.extern.slf4j.Slf4j;
+import javax.servlet.ServletRequestEvent;
+import javax.servlet.ServletRequestListener;
+import javax.servlet.http.HttpServletRequest;
+
+/**
+ * @author Donghuang <br>
+ * Dec 03, 2018 11:02
+ */
+@Slf4j
+public class RequestListener implements ServletRequestListener {
+    private static final String metricsKey = "__START_TIME__";
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void requestInitialized(final ServletRequestEvent sre) {
+        sre.getServletRequest().setAttribute(metricsKey, System.currentTimeMillis());
+    }
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void requestDestroyed(final ServletRequestEvent sre) {
+        final HttpServletRequest request = (HttpServletRequest) sre.getServletRequest();
+        log.info("Request [{}] took {} ms.",
+            request.getRequestURI(),
+            System.currentTimeMillis() -
+                (Long) request.getAttribute(metricsKey));
+    }
+}
diff --git a/lib/web-common/src/main/java/com/pudonghot/yo/common/web/SiteContextConfig.java b/lib/web-common/src/main/java/com/pudonghot/yo/common/web/SiteContextConfig.java
new file mode 100644
index 00000000..de510fa5
--- /dev/null
+++ b/lib/web-common/src/main/java/com/pudonghot/yo/common/web/SiteContextConfig.java
@@ -0,0 +1,58 @@
+package com.pudonghot.yo.common.web;
+
+import java.lang.reflect.Method;
+import org.springframework.util.StringUtils;
+import org.springframework.context.annotation.Bean;
+import org.springframework.beans.factory.annotation.Value;
+import org.springframework.context.annotation.Configuration;
+import org.springframework.web.servlet.mvc.method.RequestMappingInfo;
+import org.springframework.boot.autoconfigure.condition.ConditionalOnProperty;
+import org.springframework.web.servlet.mvc.condition.PatternsRequestCondition;
+import org.springframework.boot.autoconfigure.web.servlet.WebMvcRegistrations;
+import org.springframework.web.servlet.mvc.method.annotation.RequestMappingHandlerMapping;
+
+/**
+ * @author Donghuang <br>
+ * Jun 06, 2017 17:02
+ */
+@Configuration
+public class SiteContextConfig {
+
+    /**
+     * add site context path
+     * @return WebMvcRegistrations
+     */
+    @Bean
+    @ConditionalOnProperty("site.context-path")
+    public WebMvcRegistrations webMvcRegistrationsHandlerMapping(
+        @Value("${site.context-path}")
+        final String siteContextPath) {
+
+        return new WebMvcRegistrations() {
+            @Override
+            public RequestMappingHandlerMapping getRequestMappingHandlerMapping() {
+                return new RequestMappingHandlerMapping() {
+                    @Override
+                    protected void registerHandlerMethod(Object handler, Method method, RequestMappingInfo mapping) {
+                        Class<?> beanType = method.getDeclaringClass();
+
+                        if (StringUtils.hasText(siteContextPath)
+                            && !"/".equals(siteContextPath)
+                            && beanType.getPackage().getName().startsWith("com.wacai.loan.yo")) {
+
+                            PatternsRequestCondition apiPattern =
+                                new PatternsRequestCondition(siteContextPath)
+                                    .combine(mapping.getPatternsCondition());
+                            mapping = new RequestMappingInfo(mapping.getName(), apiPattern,
+                                mapping.getMethodsCondition(), mapping.getParamsCondition(),
+                                mapping.getHeadersCondition(), mapping.getConsumesCondition(),
+                                mapping.getProducesCondition(), mapping.getCustomCondition());
+                        }
+
+                        super.registerHandlerMethod(handler, method, mapping);
+                    }
+                };
+            }
+        };
+    }
+}
diff --git a/lib/web-common/src/main/java/com/pudonghot/yo/common/web/WebConfig.java b/lib/web-common/src/main/java/com/pudonghot/yo/common/web/WebConfig.java
new file mode 100644
index 00000000..f135675f
--- /dev/null
+++ b/lib/web-common/src/main/java/com/pudonghot/yo/common/web/WebConfig.java
@@ -0,0 +1,34 @@
+package com.pudonghot.yo.common.web;
+
+import java.util.List;
+import java.util.ArrayList;
+import org.springframework.http.MediaType;
+import org.springframework.http.converter.HttpMessageConverter;
+import org.springframework.http.converter.FormHttpMessageConverter;
+import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
+import org.springframework.http.converter.json.MappingJackson2HttpMessageConverter;
+
+/**
+ * @author Donghuang <br>
+ * Oct 11, 2019 09:45:39
+ */
+public class WebConfig implements WebMvcConfigurer {
+
+    /**
+     * {@inheritDoc}
+     */
+    @Override
+    public void configureMessageConverters(
+        final List<HttpMessageConverter<?>> converters) {
+        converters.add(0, new FormHttpMessageConverter());
+        converters.forEach(converter -> {
+            if (converter instanceof MappingJackson2HttpMessageConverter) {
+                final List<MediaType> mediaTypes = new ArrayList<>(converter.getSupportedMediaTypes());
+                mediaTypes.add(MediaType.TEXT_PLAIN);
+                mediaTypes.add(MediaType.APPLICATION_FORM_URLENCODED);
+                mediaTypes.add(MediaType.APPLICATION_OCTET_STREAM);
+                ((MappingJackson2HttpMessageConverter) converter).setSupportedMediaTypes(mediaTypes);
+            }
+        });
+    }
+}
diff --git a/lib/web-common/src/main/resources/.gitkeep b/lib/web-common/src/main/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/lib/web-common/src/main/resources/spring/spring-web-common.xml b/lib/web-common/src/main/resources/spring/spring-web-common.xml
new file mode 100644
index 00000000..01416e72
--- /dev/null
+++ b/lib/web-common/src/main/resources/spring/spring-web-common.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<beans xmlns="http://www.springframework.org/schema/beans"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://www.springframework.org/schema/beans
+        http://www.springframework.org/schema/beans/spring-beans.xsd">
+
+    <bean class="com.pudonghot.yo.common.web.WebConfig" />
+    <bean class="com.pudonghot.yo.common.web.SiteContextConfig" />
+    <bean class="com.pudonghot.yo.common.listener.RequestListener" />
+</beans>
diff --git a/lib/web-common/src/test/java/com/pudonghot/yo/common/TestDriver.java b/lib/web-common/src/test/java/com/pudonghot/yo/common/TestDriver.java
new file mode 100644
index 00000000..c66c2a19
--- /dev/null
+++ b/lib/web-common/src/test/java/com/pudonghot/yo/common/TestDriver.java
@@ -0,0 +1,18 @@
+package com.pudonghot.yo.common;
+
+import lombok.extern.slf4j.Slf4j;
+import org.junit.Test;
+
+import java.util.HashMap;
+import java.util.Map;
+import java.util.regex.Matcher;
+import java.util.regex.Pattern;
+
+/**
+ * @author Donghuang <br>
+ * Aug 21, 2017 16:14
+ */
+@Slf4j
+public class TestDriver {
+
+}
diff --git a/lib/web-common/src/test/java/com/pudonghot/yo/common/package-info.java b/lib/web-common/src/test/java/com/pudonghot/yo/common/package-info.java
new file mode 100644
index 00000000..10c59270
--- /dev/null
+++ b/lib/web-common/src/test/java/com/pudonghot/yo/common/package-info.java
@@ -0,0 +1,5 @@
+/**
+ * @author Donghuang <br>
+ * Mar 14, 2017 15:28
+ */
+package com.pudonghot.yo.common;
diff --git a/lib/web-common/src/test/resources/.gitkeep b/lib/web-common/src/test/resources/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/pom.xml b/pom.xml
new file mode 100644
index 00000000..d73dfa04
--- /dev/null
+++ b/pom.xml
@@ -0,0 +1,424 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <groupId>com.pudonghot.yo</groupId>
+    <artifactId>yo</artifactId>
+    <version>0.0.1-SNAPSHOT</version>
+    <packaging>pom</packaging>
+    <name>Yo</name>
+    <description>Yo</description>
+
+    <properties>
+        <java.version>1.8</java.version>
+        <maven.compiler.source>1.8</maven.compiler.source>
+        <maven.compiler.target>1.8</maven.compiler.target>
+        <project.build.sourceEncoding>utf-8</project.build.sourceEncoding>
+
+        <yo.version>0.0.1-SNAPSHOT</yo.version>
+        <tigon.version>0.0.1-SNAPSHOT</tigon.version>
+        <spring-boot.version>2.2.6.RELEASE</spring-boot.version>
+        <apache.dubbo.version>2.7.4.1</apache.dubbo.version>
+    </properties>
+
+    <organization>
+        <name>Pudonghot</name>
+        <url>http://www.pudonghot.com</url>
+    </organization>
+
+    <modules>
+        <module>lib</module>
+        <module>fsagent</module>
+        <module>cms</module>
+    </modules>
+
+    <dependencyManagement>
+        <dependencies>
+            <dependency>
+                <groupId>org.projectlombok</groupId>
+                <artifactId>lombok</artifactId>
+                <version>1.18.2</version>
+            </dependency>
+            <!-- 低版本IDEA使用JUnit 5执行单元测试报错，排除Jupiter -->
+            <dependency>
+                <groupId>org.springframework.boot</groupId>
+                <artifactId>spring-boot-starter-test</artifactId>
+                <version>${spring-boot.version}</version>
+                <exclusions>
+                    <exclusion>
+                        <artifactId>junit-jupiter</artifactId>
+                        <groupId>org.junit.jupiter</groupId>
+                    </exclusion>
+                    <exclusion>
+                        <artifactId>mockito-junit-jupiter</artifactId>
+                        <groupId>org.mockito</groupId>
+                    </exclusion>
+                </exclusions>
+            </dependency>
+            <dependency>
+                <groupId>org.springframework.data</groupId>
+                <artifactId>spring-data-releasetrain</artifactId>
+                <version>Moore-SR7</version>
+                <type>pom</type>
+                <scope>import</scope>
+            </dependency>
+            <!--Tigon-->
+            <dependency>
+                <groupId>com.wacai.tigon</groupId>
+                <artifactId>tigon</artifactId>
+                <version>${tigon.version}</version>
+                <type>pom</type>
+                <scope>import</scope>
+            </dependency>
+            <!--/Tigon-->
+            <dependency>
+                <groupId>com.pudonghot.yo</groupId>
+                <artifactId>yo-bom</artifactId>
+                <version>${yo.version}</version>
+                <type>pom</type>
+                <scope>import</scope>
+            </dependency>
+            <!-- https://mvnrepository.com/artifact/org.springframework.cloud/spring-cloud-dependencies -->
+            <dependency>
+                <groupId>org.springframework.cloud</groupId>
+                <artifactId>spring-cloud-dependencies</artifactId>
+                <version>Hoxton.SR1</version>
+                <type>pom</type>
+                <scope>import</scope>
+            </dependency>
+            <!-- Apache Curator会引入较低版本Jackson，需要在Tigon后面引入 -->
+            <dependency>
+                <groupId>org.apache.curator</groupId>
+                <artifactId>apache-curator</artifactId>
+                <version>4.0.1</version>
+                <type>pom</type>
+                <scope>import</scope>
+            </dependency>
+            <dependency>
+                <groupId>org.apache.zookeeper</groupId>
+                <artifactId>zookeeper</artifactId>
+                <version>3.4.14</version>
+                <exclusions>
+                    <exclusion>
+                        <groupId>log4j</groupId>
+                        <artifactId>log4j</artifactId>
+                    </exclusion>
+                    <exclusion>
+                        <groupId>org.slf4j</groupId>
+                        <artifactId>slf4j-log4j12</artifactId>
+                    </exclusion>
+                    <exclusion>
+                        <groupId>junit</groupId>
+                        <artifactId>junit</artifactId>
+                    </exclusion>
+                </exclusions>
+            </dependency>
+            <dependency>
+                <groupId>org.apache.dubbo</groupId>
+                <artifactId>dubbo-spring-boot-starter</artifactId>
+                <version>${apache.dubbo.version}</version>
+            </dependency>
+            <dependency>
+                <groupId>org.apache.dubbo</groupId>
+                <artifactId>dubbo-dependencies-zookeeper</artifactId>
+                <version>${apache.dubbo.version}</version>
+                <type>pom</type>
+            </dependency>
+            <dependency>
+                <groupId>org.apache.commons</groupId>
+                <artifactId>commons-compress</artifactId>
+                <version>1.18</version>
+            </dependency>
+            <dependency>
+                <groupId>org.apache.commons</groupId>
+                <artifactId>commons-text</artifactId>
+                <version>1.6</version>
+            </dependency>
+            <dependency>
+                <groupId>commons-beanutils</groupId>
+                <artifactId>commons-beanutils</artifactId>
+                <exclusions>
+                    <exclusion>
+                        <artifactId>commons-logging</artifactId>
+                        <groupId>commons-logging</groupId>
+                    </exclusion>
+                </exclusions>
+                <version>1.9.3</version>
+            </dependency>
+            <dependency>
+                <groupId>com.belerweb</groupId>
+                <artifactId>pinyin4j</artifactId>
+                <version>2.5.1</version>
+            </dependency>
+            <!-- Database -->
+            <dependency>
+                <groupId>com.alibaba</groupId>
+                <artifactId>druid</artifactId>
+                <version>1.1.10</version>
+            </dependency>
+            <dependency>
+                <groupId>mysql</groupId>
+                <artifactId>mysql-connector-java</artifactId>
+                <version>6.0.6</version>
+            </dependency>
+            <dependency>
+                <groupId>commons-io</groupId>
+                <artifactId>commons-io</artifactId>
+                <version>2.6</version>
+            </dependency>
+        </dependencies>
+    </dependencyManagement>
+
+    <build>
+        <plugins>
+            <plugin>
+                <groupId>org.apache.maven.plugins</groupId>
+                <artifactId>maven-resources-plugin</artifactId>
+            </plugin>
+            <plugin>
+                <groupId>org.apache.maven.plugins</groupId>
+                <artifactId>maven-compiler-plugin</artifactId>
+            </plugin>
+            <plugin>
+                <groupId>org.apache.maven.plugins</groupId>
+                <artifactId>maven-source-plugin</artifactId>
+            </plugin>
+            <plugin>
+                <groupId>org.apache.maven.plugins</groupId>
+                <artifactId>maven-jar-plugin</artifactId>
+            </plugin>
+            <plugin>
+                <groupId>org.apache.maven.plugins</groupId>
+                <artifactId>maven-dependency-plugin</artifactId>
+            </plugin>
+            <plugin>
+                <groupId>org.springframework.boot</groupId>
+                <artifactId>spring-boot-maven-plugin</artifactId>
+                <configuration>
+                    <skip>true</skip>
+                </configuration>
+            </plugin>
+        </plugins>
+        <pluginManagement>
+            <plugins>
+                <plugin>
+                    <groupId>org.apache.maven.plugins</groupId>
+                    <artifactId>maven-resources-plugin</artifactId>
+                    <version>2.7</version>
+                    <configuration>
+                        <encoding>${project.build.sourceEncoding}</encoding>
+                    </configuration>
+                </plugin>
+                <plugin>
+                    <groupId>org.apache.maven.plugins</groupId>
+                    <artifactId>maven-compiler-plugin</artifactId>
+                    <version>3.7.0</version>
+                    <configuration>
+                        <source>${maven.compiler.source}</source>
+                        <target>${maven.compiler.target}</target>
+                        <encoding>${project.build.sourceEncoding}</encoding>
+                        <compilerArgs>
+                            <!--<arg>-verbose</arg>-->
+                            <!--<arg>-Xlint:all,-options,-path</arg>-->
+                            <arg>-Xlint:unchecked</arg>
+                        </compilerArgs>
+                    </configuration>
+                </plugin>
+                <plugin>
+                    <groupId>org.apache.maven.plugins</groupId>
+                    <artifactId>maven-source-plugin</artifactId>
+                    <version>2.4</version>
+                    <executions>
+                        <execution>
+                            <id>attach-sources</id>
+                            <phase>install</phase>
+                            <goals>
+                                <goal>jar-no-fork</goal>
+                            </goals>
+                        </execution>
+                    </executions>
+                </plugin>
+                <plugin>
+                    <groupId>org.apache.maven.plugins</groupId>
+                    <artifactId>maven-dependency-plugin</artifactId>
+                    <version>2.10</version>
+                    <!--
+                    <executions>
+                        <execution>
+                            <id>copy-dependencies</id>
+                            <phase>package</phase>
+                            <goals>
+                                <goal>copy-dependencies</goal>
+                            </goals>
+                            <configuration>
+                                <outputDirectory>
+                                    target/lib
+                                </outputDirectory>
+                            </configuration>
+                        </execution>
+                    </executions>
+                    -->
+                </plugin>
+                <plugin>
+                    <groupId>org.apache.maven.plugins</groupId>
+                    <artifactId>maven-jar-plugin</artifactId>
+                    <version>2.6</version>
+                    <configuration>
+                        <archive>
+                            <manifest>
+                                <addClasspath>true</addClasspath>
+                                <addDefaultImplementationEntries>true</addDefaultImplementationEntries>
+                                <addDefaultSpecificationEntries>true</addDefaultSpecificationEntries>
+                            </manifest>
+                            <manifestEntries>
+                                <Built-By>Wacai</Built-By>
+                            </manifestEntries>
+                        </archive>
+                        <excludes>
+                            <exclude>bootstrap.properties</exclude>
+                            <exclude>config/bootstrap.properties</exclude>
+                            <exclude>bootstrap.yml</exclude>
+                            <exclude>config/bootstrap.yml</exclude>
+                            <exclude>application.properties</exclude>
+                            <exclude>application_*.properties</exclude>
+                            <exclude>config/application.properties</exclude>
+                            <exclude>application.yml</exclude>
+                            <exclude>application_*.yml</exclude>
+                            <exclude>config/application.yml</exclude>
+                            <exclude>log4j2.xml</exclude>
+                            <exclude>log4j2.yml</exclude>
+                            <exclude>logback.xml</exclude>
+                            <exclude>logback.yml</exclude>
+                        </excludes>
+                    </configuration>
+                </plugin>
+                <plugin>
+                    <groupId>org.apache.maven.plugins</groupId>
+                    <artifactId>maven-help-plugin</artifactId>
+                    <version>2.2</version>
+                </plugin>
+                <plugin>
+                    <groupId>org.eclipse.m2e</groupId>
+                    <artifactId>lifecycle-mapping</artifactId>
+                    <version>1.0.0</version>
+                    <configuration>
+                        <lifecycleMappingMetadata>
+                            <pluginExecutions>
+                                <pluginExecution>
+                                    <pluginExecutionFilter>
+                                        <groupId>org.apache.maven.plugins</groupId>
+                                        <artifactId>maven-clean-plugin</artifactId>
+                                        <versionRange>
+                                            [2.6.1,)
+                                        </versionRange>
+                                        <goals>
+                                            <goal>clean</goal>
+                                        </goals>
+                                    </pluginExecutionFilter>
+                                    <action>
+                                        <ignore />
+                                    </action>
+                                </pluginExecution>
+                            </pluginExecutions>
+                        </lifecycleMappingMetadata>
+                    </configuration>
+                </plugin>
+                <plugin>
+                    <groupId>pl.project13.maven</groupId>
+                    <artifactId>git-commit-id-plugin</artifactId>
+                    <version>4.0.0</version>
+                    <executions>
+                        <execution>
+                            <id>git-info</id>
+                            <goals>
+                                <goal>revision</goal>
+                            </goals>
+                            <phase>package</phase>
+                        </execution>
+                    </executions>
+                    <configuration>
+                        <prefix>git</prefix>
+                        <verbose>false</verbose>
+                        <failOnNoGitDirectory>false</failOnNoGitDirectory>
+                        <generateGitPropertiesFile>true</generateGitPropertiesFile>
+                        <generateGitPropertiesFilename>${project.build.outputDirectory}/git.json</generateGitPropertiesFilename>
+                        <format>json</format>
+                        <gitDescribe>
+                            <skip>false</skip>
+                            <always>false</always>
+                            <dirty>-dirty</dirty>
+                        </gitDescribe>
+                    </configuration>
+                </plugin>
+            </plugins>
+        </pluginManagement>
+        <!-- filter resources -->
+        <resources>
+            <resource>
+                <directory>src/main/java</directory>
+                <filtering>false</filtering>
+                <includes>
+                    <include>**/*Mapper.xml</include>
+                </includes>
+            </resource>
+            <resource>
+                <directory>src/main/resources</directory>
+                <filtering>false</filtering>
+                <excludes>
+                    <exclude>config_*.properties</exclude>
+                    <exclude>application_*.properties</exclude>
+                    <exclude>application_*.yml</exclude>
+                    <exclude>log4j2_*.xml</exclude>
+                    <exclude>logback_*.xml</exclude>
+                </excludes>
+            </resource>
+            <resource>
+                <directory>src/main/resources</directory>
+                <filtering>true</filtering>
+                <includes>
+                    <include>**/*.xml</include>
+                    <include>**/*.properties</include>
+                    <include>**/*.txt</include>
+                </includes>
+                <excludes>
+                    <exclude>config_*.properties</exclude>
+                    <exclude>application_*.properties</exclude>
+                    <exclude>application_*.yml</exclude>
+                    <exclude>log4j2_*.xml</exclude>
+                    <exclude>logback_*.xml</exclude>
+                </excludes>
+            </resource>
+        </resources>
+        <testResources>
+            <testResource>
+                <directory>src/test/resources</directory>
+                <filtering>false</filtering>
+            </testResource>
+            <testResource>
+                <directory>src/test/resources</directory>
+                <filtering>true</filtering>
+                <includes>
+                    <include>**/*.txt</include>
+                    <include>**/*.xml</include>
+                    <include>**/*.properties</include>
+                </includes>
+            </testResource>
+        </testResources>
+    </build>
+
+    <repositories>
+        <repository>
+            <id>spring-releases</id>
+            <url>https://repo.spring.io/libs-release</url>
+        </repository>
+    </repositories>
+
+    <pluginRepositories>
+        <pluginRepository>
+            <id>spring-releases</id>
+            <url>https://repo.spring.io/libs-release</url>
+        </pluginRepository>
+    </pluginRepositories>
+</project>
diff --git a/start_cms.sh b/start_cms.sh
new file mode 100755
index 00000000..61a9cc30
--- /dev/null
+++ b/start_cms.sh
@@ -0,0 +1,27 @@
+#!/bin/bash
+
+# get real path of softlink
+get_real_path() {
+    local f="$1"
+    while [ -h "$f" ]; do
+        ls=`ls -ld "$f"`
+        link=`expr "$ls" : '.*-> \(.*\)$'`
+            if expr "$link" : '/.*' > /dev/null; then
+            f="$link"
+        else
+            f=`dirname "$f"`/"$link"
+        fi
+    done
+    echo "$f"
+}
+
+prg_path=$(get_real_path "$0")
+echo "Script path [$prg_path]"
+
+# Service Home
+pushd $(dirname "$prg_path")
+WORK_DIR=$(pwd)
+echo "Work dir [$WORK_DIR]"
+
+mvn -T 4C clean -pl cms -am -DskipTests spring-boot:run
+
diff --git a/start_cms_and_web.sh b/start_cms_and_web.sh
new file mode 100755
index 00000000..d1e52491
--- /dev/null
+++ b/start_cms_and_web.sh
@@ -0,0 +1,29 @@
+#!/bin/bash
+
+# get real path of softlink
+get_real_path() {
+    local f="$1"
+    while [ -h "$f" ]; do
+        ls=`ls -ld "$f"`
+        link=`expr "$ls" : '.*-> \(.*\)$'`
+            if expr "$link" : '/.*' > /dev/null; then
+            f="$link"
+        else
+            f=`dirname "$f"`/"$link"
+        fi
+    done
+    echo "$f"
+}
+
+prg_path=$(get_real_path "$0")
+echo "Script path [$prg_path]"
+
+# Service Home
+pushd $(dirname "$prg_path")
+WORK_DIR=$(pwd)
+echo "Work dir [$WORK_DIR]"
+
+mvn -T 4C clean -pl cms -am -DskipTests spring-boot:run
+# npm i -g ember-cli@3.12.1
+web/cms/run.sh
+
diff --git a/web/audioplayer/audioplayer.css b/web/audioplayer/audioplayer.css
new file mode 100644
index 00000000..d61b9094
--- /dev/null
+++ b/web/audioplayer/audioplayer.css
@@ -0,0 +1,370 @@
+/*
+ * https://osvaldas.info/examples/audio-player-responsive-and-touch-friendly/
+ * PLAYER
+ */
+.audioplayer {
+  height: 2.5em; /* 40 */
+  color: #fff;
+  text-shadow: 1px 1px 0 #000;
+  border: 1px solid #222;
+  position: relative;
+  z-index: 1;
+  background: #333;
+}
+
+/* mini mode (fallback) */
+
+.audioplayer-mini {
+  width: 2.5em; /* 40 */
+  margin: 0 auto;
+}
+
+/* player elements: play/pause and volume buttons, played/duration timers, progress bar of loaded/played */
+
+.audioplayer > div {
+  position: absolute;
+}
+
+/* play/pause button */
+.audioplayer-playpause {
+  width: 2.5em; /* 40 */
+  height: 100%;
+  text-align: left;
+  text-indent: -9999px;
+  cursor: pointer;
+  z-index: 2;
+  top: 0;
+  left: 0;
+}
+
+.audioplayer:not(.audioplayer-mini) .audioplayer-playpause {
+  border-right: 1px solid #555;
+  border-right-color: rgba(255, 255, 255, .1);
+}
+
+.audioplayer-mini .audioplayer-playpause {
+  width: 100%;
+}
+
+.audioplayer-playpause:hover,
+.audioplayer-playpause:focus {
+  background-color: #222;
+}
+
+.audioplayer-playpause a {
+  display: block;
+}
+
+.audioplayer-stopped .audioplayer-playpause a {
+  width: 0;
+  height: 0;
+  border: 0.5em solid transparent; /* 8 */
+  border-right: none;
+  border-left-color: #fff;
+  content: '';
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin: -0.5em 0 0 -0.25em; /* 8 4 */
+}
+
+.audioplayer-playing .audioplayer-playpause a {
+  width: 0.75em; /* 12 */
+  height: 0.75em; /* 12 */
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin: -0.375em 0 0 -0.375em; /* 6 */
+}
+
+.audioplayer-playing .audioplayer-playpause a:before,
+.audioplayer-playing .audioplayer-playpause a:after {
+  width: 40%;
+  height: 100%;
+  background-color: #fff;
+  content: '';
+  position: absolute;
+  top: 0;
+}
+
+.audioplayer-playing .audioplayer-playpause a:before {
+  left: 0;
+}
+
+.audioplayer-playing .audioplayer-playpause a:after {
+  right: 0;
+}
+
+/* timers */
+.audioplayer-time {
+  width: 4.375em; /* 70 */
+  height: 100%;
+  line-height: 2.375em; /* 38 */
+  text-align: center;
+  z-index: 2;
+  top: 0;
+}
+
+.audioplayer-time-current {
+  border-left: 1px solid #111;
+  border-left-color: rgba(0, 0, 0, .25);
+  left: 2.5em; /* 40 */
+}
+
+.audioplayer-time-duration {
+  border-right: 1px solid #555;
+  border-right-color: rgba(255, 255, 255, .1);
+  right: 2.5em; /* 40 */
+}
+
+.audioplayer-novolume .audioplayer-time-duration {
+  border-right: 0;
+  right: 0;
+}
+
+/* progress bar of loaded/played */
+
+.audioplayer-bar {
+  height: 0.875em; /* 14 */
+  background-color: #222;
+  cursor: pointer;
+  z-index: 1;
+  top: 50%;
+  right: 6.875em; /* 110 */
+  left: 6.875em; /* 110 */
+  margin-top: -0.438em; /* 7 */
+}
+
+.audioplayer-novolume .audioplayer-bar {
+  right: 4.375em; /* 70 */
+}
+
+.audioplayer-bar div {
+  width: 0;
+  height: 100%;
+  position: absolute;
+  left: 0;
+  top: 0;
+}
+
+.audioplayer-bar-loaded {
+  background-color: #333;
+  z-index: 1;
+}
+
+.audioplayer-bar-played {
+  background: #007fd1;
+  z-index: 2;
+}
+
+/* volume button */
+
+.audioplayer-volume {
+  width: 2.5em; /* 40 */
+  height: 100%;
+  border-left: 1px solid #111;
+  border-left-color: rgba(0, 0, 0, .25);
+  text-align: left;
+  text-indent: -9999px;
+  cursor: pointer;
+  z-index: 2;
+  top: 0;
+  right: 0;
+}
+
+.audioplayer-volume:hover,
+.audioplayer-volume:focus {
+  background-color: #222;
+}
+
+.audioplayer-volume-button {
+  width: 100%;
+  height: 100%;
+}
+
+.audioplayer-volume-button a {
+  width: 0.313em; /* 5 */
+  height: 0.375em; /* 6 */
+  background-color: #fff;
+  display: block;
+  position: relative;
+  z-index: 1;
+  top: 40%;
+  left: 35%;
+}
+
+.audioplayer-volume-button a:before,
+.audioplayer-volume-button a:after {
+  content: '';
+  position: absolute;
+}
+
+.audioplayer-volume-button a:before {
+  width: 0;
+  height: 0;
+  border: 0.5em solid transparent; /* 8 */
+  border-left: none;
+  border-right-color: #fff;
+  z-index: 2;
+  top: 50%;
+  right: -0.25em;
+  margin-top: -0.5em; /* 8 */
+}
+
+.audioplayer:not(.audioplayer-muted) .audioplayer-volume-button a:after {
+  /* "volume" icon by Nicolas Gallagher, http://nicolasgallagher.com/pure-css-gui-icons */
+  width: 0.313em; /* 5 */
+  height: 0.313em; /* 5 */
+  border: 0.25em double #fff; /* 4 */
+  border-width: 0.25em 0.25em 0 0; /* 4 */
+  left: 0.563em; /* 9 */
+  top: -0.063em; /* 1 */
+  -webkit-border-radius: 0 0.938em 0 0; /* 15 */
+  -moz-border-radius: 0 0.938em 0 0; /* 15 */
+  border-radius: 0 0.938em 0 0; /* 15 */
+  -webkit-transform: rotate(45deg);
+  -moz-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+
+/* volume dropdown */
+
+.audioplayer-volume-adjust {
+  height: 6.25em; /* 100 */
+  cursor: default;
+  position: absolute;
+  left: 0;
+  right: -1px;
+  top: -9999px;
+  background: #333;
+}
+
+.audioplayer-volume:not(:hover) .audioplayer-volume-adjust {
+  opacity: 0;
+}
+
+.audioplayer-volume:hover .audioplayer-volume-adjust {
+  top: auto;
+  bottom: 100%;
+}
+
+.audioplayer-volume-adjust > div {
+  width: 40%;
+  height: 80%;
+  background-color: #222;
+  cursor: pointer;
+  position: relative;
+  z-index: 1;
+  margin: 30% auto 0;
+}
+
+.audioplayer-volume-adjust div div {
+  width: 100%;
+  height: 100%;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  background: #007fd1;
+}
+
+.audioplayer-novolume .audioplayer-volume {
+  display: none;
+}
+
+.audioplayer {
+  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 0 1.25em rgba(0, 0, 0, .5); /* 20 */
+  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 0 1.25em rgba(0, 0, 0, .5); /* 20 */
+  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 0 1.25em rgba(0, 0, 0, .5); /* 20 */
+}
+
+.audioplayer-volume-adjust {
+  -webkit-box-shadow: -2px -2px 2px rgba(0, 0, 0, .15), 2px -2px 2px rgba(0, 0, 0, .15);
+  -moz-box-shadow: -2px -2px 2px rgba(0, 0, 0, .15), 2px -2px 2px rgba(0, 0, 0, .15);
+  box-shadow: -2px -2px 2px rgba(0, 0, 0, .15), 2px -2px 2px rgba(0, 0, 0, .15);
+}
+
+.audioplayer-bar,
+.audioplayer-volume-adjust > div {
+  -webkit-box-shadow: -1px -1px 0 rgba(0, 0, 0, .5), 1px 1px 0 rgba(255, 255, 255, .1);
+  -moz-box-shadow: -1px -1px 0 rgba(0, 0, 0, .5), 1px 1px 0 rgba(255, 255, 255, .1);
+  box-shadow: -1px -1px 0 rgba(0, 0, 0, .5), 1px 1px 0 rgba(255, 255, 255, .1);
+}
+
+.audioplayer-volume-adjust div div,
+.audioplayer-bar-played {
+  -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, .5);
+  -moz-box-shadow: inset 0 0 5px rgba(255, 255, 255, .5);
+  box-shadow: inset 0 0 5px rgba(255, 255, 255, .5);
+}
+
+.audioplayer-playpause,
+.audioplayer-volume a {
+  -webkit-filter: drop-shadow(1px 1px 0 #000);
+  -moz-filter: drop-shadow(1px 1px 0 #000);
+  -ms-filter: drop-shadow(1px 1px 0 #000);
+  -o-filter: drop-shadow(1px 1px 0 #000);
+  filter: drop-shadow(1px 1px 0 #000);
+}
+
+.audioplayer,
+.audioplayer-volume-adjust {
+  background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#222));
+  background: -webkit-linear-gradient(top, #444, #222);
+  background: -moz-linear-gradient(top, #444, #222);
+  background: -ms-radial-gradient(top, #444, #222);
+  background: -o-linear-gradient(top, #444, #222);
+  background: linear-gradient(to bottom, #444, #222);
+}
+
+.audioplayer-bar-played {
+  background: -webkit-gradient(linear, left top, right top, from(#007fd1), to(#c600ff));
+  background: -webkit-linear-gradient(left, #007fd1, #c600ff);
+  background: -moz-linear-gradient(left, #007fd1, #c600ff);
+  background: -ms-radial-gradient(left, #007fd1, #c600ff);
+  background: -o-linear-gradient(left, #007fd1, #c600ff);
+  background: linear-gradient(to right, #007fd1, #c600ff);
+}
+
+.audioplayer-volume-adjust div div {
+  background: -webkit-gradient(linear, left bottom, left top, from(#007fd1), to(#c600ff));
+  background: -webkit-linear-gradient(bottom, #007fd1, #c600ff);
+  background: -moz-linear-gradient(bottom, #007fd1, #c600ff);
+  background: -ms-radial-gradient(bottom, #007fd1, #c600ff);
+  background: -o-linear-gradient(bottom, #007fd1, #c600ff);
+  background: linear-gradient(to top, #007fd1, #c600ff);
+}
+
+.audioplayer-bar,
+.audioplayer-bar div,
+.audioplayer-volume-adjust div {
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+.audioplayer {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+
+.audioplayer-volume-adjust {
+  -webkit-border-top-left-radius: 2px;
+  -webkit-border-top-right-radius: 2px;
+  -moz-border-radius-topleft: 2px;
+  -moz-border-radius-topright: 2px;
+  border-top-left-radius: 2px;
+  border-top-right-radius: 2px;
+}
+
+.audioplayer *,
+.audioplayer *:before,
+.audioplayer *:after {
+  -webkit-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
+  -moz-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
+  -ms-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
+  -o-transition: color .25s ease, background-color .25s ease, opacity .5s ease;
+  transition: color .25s ease, background-color .25s ease, opacity .5s ease;
+}
diff --git a/web/audioplayer/audioplayer.js b/web/audioplayer/audioplayer.js
new file mode 100644
index 00000000..5f76f6ee
--- /dev/null
+++ b/web/audioplayer/audioplayer.js
@@ -0,0 +1,209 @@
+/*
+	By Osvaldas Valutis, www.osvaldas.info
+	Available for use under the MIT License
+*/
+
+
+
+;(function( $, window, document, undefined )
+{
+	var isTouch		  = 'ontouchstart' in window,
+		eStart		  = isTouch ? 'touchstart'	: 'mousedown',
+		eMove		  = isTouch ? 'touchmove'	: 'mousemove',
+		eEnd		  = isTouch ? 'touchend'	: 'mouseup',
+		eCancel		  = isTouch ? 'touchcancel'	: 'mouseup',
+		secondsToTime = function( secs )
+		{
+			var hoursDiv = secs / 3600, hours = Math.floor( hoursDiv ), minutesDiv = secs % 3600 / 60, minutes = Math.floor( minutesDiv ), seconds = Math.ceil( secs % 3600 % 60 );
+			if( seconds > 59 ) { seconds = 0; minutes = Math.ceil( minutesDiv ); }
+			if( minutes > 59 ) { minutes = 0; hours = Math.ceil( hoursDiv ); }
+			return ( hours == 0 ? '' : hours > 0 && hours.toString().length < 2 ? '0'+hours+':' : hours+':' ) + ( minutes.toString().length < 2 ? '0'+minutes : minutes ) + ':' + ( seconds.toString().length < 2 ? '0'+seconds : seconds );
+		},
+		canPlayType	  = function( file )
+		{
+			var audioElement = document.createElement( 'audio' );
+			return !!( audioElement.canPlayType && audioElement.canPlayType( 'audio/' + file.split( '.' ).pop().toLowerCase() + ';' ).replace( /no/, '' ) );
+		};
+
+	$.fn.audioPlayer = function( params )
+	{
+		var params		= $.extend( { classPrefix: 'audioplayer', strPlay: 'Play', strPause: 'Pause', strVolume: 'Volume' }, params ),
+			cssClass	= {},
+			cssClassSub =
+			{
+				playPause:	 	'playpause',
+				playing:		'playing',
+				stopped:		'stopped',
+				time:		 	'time',
+				timeCurrent:	'time-current',
+				timeDuration: 	'time-duration',
+				bar: 			'bar',
+				barLoaded:		'bar-loaded',
+				barPlayed:		'bar-played',
+				volume:		 	'volume',
+				volumeButton: 	'volume-button',
+				volumeAdjust: 	'volume-adjust',
+				noVolume: 		'novolume',
+				muted: 			'muted',
+				mini: 			'mini'
+			};
+
+		for( var subName in cssClassSub )
+			cssClass[ subName ] = params.classPrefix + '-' + cssClassSub[ subName ];
+
+		this.each( function()
+		{
+			if( $( this ).prop( 'tagName' ).toLowerCase() != 'audio' )
+				return false;
+
+			var $this	   = $( this ),
+				audioFile  = $this.attr( 'src' ),
+				isAutoPlay = $this.get( 0 ).getAttribute( 'autoplay' ), isAutoPlay = isAutoPlay === '' || isAutoPlay === 'autoplay' ? true : false,
+				isLoop	   = $this.get( 0 ).getAttribute( 'loop' ),		isLoop	   = isLoop		=== '' || isLoop	 === 'loop'		? true : false,
+				isSupport  = false;
+
+			if( typeof audioFile === 'undefined' )
+			{
+				$this.find( 'source' ).each( function()
+				{
+					audioFile = $( this ).attr( 'src' );
+					if( typeof audioFile !== 'undefined' && canPlayType( audioFile ) )
+					{
+						isSupport = true;
+						return false;
+					}
+				});
+			}
+			else if( canPlayType( audioFile ) ) isSupport = true;
+
+			var thePlayer = $( '<div class="' + params.classPrefix + '">' + ( isSupport ? $( '<div>' ).append( $this.eq( 0 ).clone() ).html() : '<embed src="' + audioFile + '" width="0" height="0" volume="100" autostart="' + isAutoPlay.toString() +'" loop="' + isLoop.toString() + '" />' ) + '<div class="' + cssClass.playPause + '" title="' + params.strPlay + '"><a href="#">' + params.strPlay + '</a></div></div>' ),
+				theAudio  = isSupport ? thePlayer.find( 'audio' ) : thePlayer.find( 'embed' ), theAudio = theAudio.get( 0 );
+
+			if( isSupport )
+			{
+				thePlayer.find( 'audio' ).css( { 'width': 0, 'height': 0, 'visibility': 'hidden' } );
+				thePlayer.append( '<div class="' + cssClass.time + ' ' + cssClass.timeCurrent + '"></div><div class="' + cssClass.bar + '"><div class="' + cssClass.barLoaded + '"></div><div class="' + cssClass.barPlayed + '"></div></div><div class="' + cssClass.time + ' ' + cssClass.timeDuration + '"></div><div class="' + cssClass.volume + '"><div class="' + cssClass.volumeButton + '" title="' + params.strVolume + '"><a href="#">' + params.strVolume + '</a></div><div class="' + cssClass.volumeAdjust + '"><div><div></div></div></div></div>' );
+
+				var theBar			  = thePlayer.find( '.' + cssClass.bar ),
+					barPlayed	 	  = thePlayer.find( '.' + cssClass.barPlayed ),
+					barLoaded	 	  = thePlayer.find( '.' + cssClass.barLoaded ),
+					timeCurrent		  = thePlayer.find( '.' + cssClass.timeCurrent ),
+					timeDuration	  = thePlayer.find( '.' + cssClass.timeDuration ),
+					volumeButton	  = thePlayer.find( '.' + cssClass.volumeButton ),
+					volumeAdjuster	  = thePlayer.find( '.' + cssClass.volumeAdjust + ' > div' ),
+					volumeDefault	  = 0,
+					adjustCurrentTime = function( e )
+					{
+						theRealEvent		 = isTouch ? e.originalEvent.touches[ 0 ] : e;
+						theAudio.currentTime = Math.round( ( theAudio.duration * ( theRealEvent.pageX - theBar.offset().left ) ) / theBar.width() );
+					},
+					adjustVolume = function( e )
+					{
+						theRealEvent	= isTouch ? e.originalEvent.touches[ 0 ] : e;
+						theAudio.volume = Math.abs( ( theRealEvent.pageY - ( volumeAdjuster.offset().top + volumeAdjuster.height() ) ) / volumeAdjuster.height() );
+					},
+					updateLoadBar = function()
+					{
+						var interval = setInterval( function()
+						{
+							if( theAudio.buffered.length < 1 ) return true;
+							barLoaded.width( ( theAudio.buffered.end( 0 ) / theAudio.duration ) * 100 + '%' );
+							if( Math.floor( theAudio.buffered.end( 0 ) ) >= Math.floor( theAudio.duration ) ) clearInterval( interval );
+						}, 100 );
+					};
+
+				var volumeTestDefault = theAudio.volume, volumeTestValue = theAudio.volume = 0.111;
+				if( Math.round( theAudio.volume * 1000 ) / 1000 == volumeTestValue ) theAudio.volume = volumeTestDefault;
+				else thePlayer.addClass( cssClass.noVolume );
+
+				timeDuration.html( '&hellip;' );
+				timeCurrent.html( secondsToTime( 0 ) );
+
+				theAudio.addEventListener( 'loadeddata', function()
+				{
+					updateLoadBar();
+					timeDuration.html( $.isNumeric( theAudio.duration ) ? secondsToTime( theAudio.duration ) : '&hellip;' );
+					volumeAdjuster.find( 'div' ).height( theAudio.volume * 100 + '%' );
+					volumeDefault = theAudio.volume;
+				});
+
+				theAudio.addEventListener( 'timeupdate', function()
+				{
+					timeCurrent.html( secondsToTime( theAudio.currentTime ) );
+					barPlayed.width( ( theAudio.currentTime / theAudio.duration ) * 100 + '%' );
+				});
+
+				theAudio.addEventListener( 'volumechange', function()
+				{
+					volumeAdjuster.find( 'div' ).height( theAudio.volume * 100 + '%' );
+					if( theAudio.volume > 0 && thePlayer.hasClass( cssClass.muted ) ) thePlayer.removeClass( cssClass.muted );
+					if( theAudio.volume <= 0 && !thePlayer.hasClass( cssClass.muted ) ) thePlayer.addClass( cssClass.muted );
+				});
+
+				theAudio.addEventListener( 'ended', function()
+				{
+					thePlayer.removeClass( cssClass.playing ).addClass( cssClass.stopped );
+				});
+
+				theBar.on( eStart, function( e )
+				{
+					adjustCurrentTime( e );
+					theBar.on( eMove, function( e ) { adjustCurrentTime( e ); } );
+				})
+				.on( eCancel, function()
+				{
+					theBar.unbind( eMove );
+				});
+
+				volumeButton.on( 'click', function()
+				{
+					if( thePlayer.hasClass( cssClass.muted ) )
+					{
+						thePlayer.removeClass( cssClass.muted );
+						theAudio.volume = volumeDefault;
+					}
+					else
+					{
+						thePlayer.addClass( cssClass.muted );
+						volumeDefault = theAudio.volume;
+						theAudio.volume = 0;
+					}
+					return false;
+				});
+
+				volumeAdjuster.on( eStart, function( e )
+				{
+					adjustVolume( e );
+					volumeAdjuster.on( eMove, function( e ) { adjustVolume( e ); } );
+				})
+				.on( eCancel, function()
+				{
+					volumeAdjuster.unbind( eMove );
+				});
+			}
+			else thePlayer.addClass( cssClass.mini );
+
+			thePlayer.addClass( isAutoPlay ? cssClass.playing : cssClass.stopped );
+
+			thePlayer.find( '.' + cssClass.playPause ).on( 'click', function()
+			{
+				if( thePlayer.hasClass( cssClass.playing ) )
+				{
+					$( this ).attr( 'title', params.strPlay ).find( 'a' ).html( params.strPlay );
+					thePlayer.removeClass( cssClass.playing ).addClass( cssClass.stopped );
+					isSupport ? theAudio.pause() : theAudio.Stop();
+				}
+				else
+				{
+					$( this ).attr( 'title', params.strPause ).find( 'a' ).html( params.strPause );
+					thePlayer.addClass( cssClass.playing ).removeClass( cssClass.stopped );
+					isSupport ? theAudio.play() : theAudio.Play();
+				}
+				return false;
+			});
+
+			$this.replaceWith( thePlayer );
+		});
+		return this;
+	};
+})( jQuery, window, document );
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/avatars/avatar.png b/web/bootstrap-ace-admin/avatars/avatar.png
new file mode 100755
index 00000000..6e3b21b4
Binary files /dev/null and b/web/bootstrap-ace-admin/avatars/avatar.png differ
diff --git a/web/bootstrap-ace-admin/avatars/avatar1.png b/web/bootstrap-ace-admin/avatars/avatar1.png
new file mode 100755
index 00000000..e36c82c3
Binary files /dev/null and b/web/bootstrap-ace-admin/avatars/avatar1.png differ
diff --git a/web/bootstrap-ace-admin/avatars/avatar2.png b/web/bootstrap-ace-admin/avatars/avatar2.png
new file mode 100755
index 00000000..a87583ea
Binary files /dev/null and b/web/bootstrap-ace-admin/avatars/avatar2.png differ
diff --git a/web/bootstrap-ace-admin/avatars/avatar3.png b/web/bootstrap-ace-admin/avatars/avatar3.png
new file mode 100755
index 00000000..70f81287
Binary files /dev/null and b/web/bootstrap-ace-admin/avatars/avatar3.png differ
diff --git a/web/bootstrap-ace-admin/avatars/avatar4.png b/web/bootstrap-ace-admin/avatars/avatar4.png
new file mode 100755
index 00000000..6afe2381
Binary files /dev/null and b/web/bootstrap-ace-admin/avatars/avatar4.png differ
diff --git a/web/bootstrap-ace-admin/avatars/avatar5.png b/web/bootstrap-ace-admin/avatars/avatar5.png
new file mode 100755
index 00000000..bfd9fa1b
Binary files /dev/null and b/web/bootstrap-ace-admin/avatars/avatar5.png differ
diff --git a/web/bootstrap-ace-admin/avatars/profile-pic.jpg b/web/bootstrap-ace-admin/avatars/profile-pic.jpg
new file mode 100755
index 00000000..32356258
Binary files /dev/null and b/web/bootstrap-ace-admin/avatars/profile-pic.jpg differ
diff --git a/web/bootstrap-ace-admin/avatars/user.jpg b/web/bootstrap-ace-admin/avatars/user.jpg
new file mode 100755
index 00000000..af4991e8
Binary files /dev/null and b/web/bootstrap-ace-admin/avatars/user.jpg differ
diff --git a/web/bootstrap-ace-admin/css/ace-fonts.css b/web/bootstrap-ace-admin/css/ace-fonts.css
new file mode 100755
index 00000000..c08c134b
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/ace-fonts.css
@@ -0,0 +1,13 @@
+/* included only when we don't want to use fonts from google server */
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 300;
+  src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/OpenSans-300.woff) format('woff');
+}
+@font-face {
+  font-family: 'Open Sans';
+  font-style: normal;
+  font-weight: 400;
+  src: local('Open Sans'), local('OpenSans'), url(../fonts/OpenSans-400.woff) format('woff');
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/ace-ie.css b/web/bootstrap-ace-admin/css/ace-ie.css
new file mode 100755
index 00000000..e691a7e0
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/ace-ie.css
@@ -0,0 +1,389 @@
+/* a few ie8/9 specific changes */
+.navbar .navbar-inner , .navbar .btn-navbar {
+	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
+}
+.dropdown-menu li > a,
+.dropdown-submenu > a  {
+	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
+}
+.btn {
+	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
+}
+.progress , .progress .bar {
+	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
+}
+
+
+
+
+#cboxLoadingGraphic > .ace-icon, #cboxLoadingGraphic > .fa , #cboxLoadingGraphic > .glyphicon {
+ display:inline-block;
+ background:#FFF url('images/loading.gif') no-repeat center; 
+}
+#cboxLoadingGraphic > .ace-icon:before, #cboxLoadingGraphic > .fa:before, #cboxLoadingGraphic > .glyphicon:before {
+ display:none;
+}
+
+.widget-box-overlay > .loading-icon {
+  display:inline-block;
+  width:24px;
+  height:24px;
+  background:transparent url('images/loading.gif') no-repeat center; 
+}
+.widget-box-overlay > .loading-icon:before {
+  display:none;
+}
+
+
+@media (max-width: 991px) {
+ .sidebar.responsive {
+   display: none;
+ }
+ .sidebar.responsive.display {
+   display: block;
+ }
+}
+
+.profile-user-info { width: 98%; }
+.wysiwyg-toolbar .dropdown-menu { min-width: 260px; }
+
+.modal.modal-contained {
+  position: absolute !important;
+}
+
+
+/* IE9 and below have an issue with left & right borders and RTL */
+.rtl .sidebar .nav-list li.active > a:before, .rtl .sidebar .nav-list li.active > a:after {
+ direction: ltr;
+ text-align: left;
+}
+.rtl .sidebar .nav-list li > .arrow {
+ direction: ltr;
+ text-align: left;
+}
+
+
+
+
+/* following is for ie8 only */
+@media \0screen {
+
+html {
+ /* to fix it when inside iframe */
+ position: absolute;
+ width: 100%;
+}
+
+body {
+ background-color: #E9E9E9;
+}
+
+.sidebar-fixed:before {
+ left: 0;
+}
+/* it doesn't show up in ie8, so let's make it visible at least when inside .container */
+.sidebar .nav-list > li:before {
+	z-index: 4444;
+	left: -3px;
+}
+
+
+
+.nav-list > li > .submenu li.open > a > .menu-icon {
+  display: inline-block;
+}
+
+.ace-nav > li.white-opaque {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF',GradientType=0 );
+}
+.ace-nav > li.dark-opaque {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#33000000',GradientType=0 );
+}
+
+.ace-nav > li.transparent > a:hover,
+.ace-nav > li.transparent > a:focus, 
+.ace-nav > li.open.transparent > a {
+	background-color: transparent !important;
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19000000', endColorstr='#19000000',GradientType=0 );
+}
+
+.ace-nav > li.light-10 > a {
+	background-color: transparent !important;
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19FFFFFF', endColorstr='#19FFFFFF',GradientType=0 );
+}
+.ace-nav > li.light-10 > a:hover, .ace-nav > li.light-10 > a:focus, .ace-nav > li.open.light-10 > a {
+	background-color: transparent !important;
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF',GradientType=0 ) !important;
+}
+
+.ace-nav > li.dark-10 > a {
+	background-color: transparent !important;
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19000000', endColorstr='#19000000',GradientType=0 );
+}
+.ace-nav > li.dark-10 > a:hover, .ace-nav > li.dark-10 > a:focus, .ace-nav > li.open.dark-10 > a {
+	background-color: transparent !important;
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#33000000',GradientType=0 );
+}
+
+
+
+.navbar .navbar-nav > li  > a:hover,
+.navbar .navbar-nav > li  > a:focus,
+.navbar .navbar-nav > li.open  > a {
+  background-color: transparent !important;
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19000000', endColorstr='#19000000',GradientType=0 ) !important;
+}
+
+
+
+.infobox-dark > .badge {
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33FFFFFF', endColorstr='#33FFFFFF',GradientType=0 ) !important;
+}
+.widget-box-overlay {
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55000000', endColorstr='#55000000',GradientType=0 ) !important;
+}
+.widget-toolbar-light {
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8FFFFFF', endColorstr='#D8FFFFFF',GradientType=0 ) !important;
+}
+
+input[type=checkbox].ace , input[type=radio].ace,
+label input[type=checkbox].ace , label input[type=radio].ace,
+input[type=checkbox].ace.ace-switch , input[type=radio].ace.ace-switch,
+label input[type=checkbox].ace.ace-switch , label input[type=radio].ace.ace-switch 
+ {
+	position: static !important;
+	width: auto !important;
+	height: auto !important;
+	z-index: auto !important;
+}
+
+input[type=checkbox].ace + .lbl, input[type=radio].ace + .lbl,
+input[type=checkbox].ace ~ .lbl, input[type=radio].ace ~ .lbl {
+	min-height: auto !important;
+	min-width: auto !important;
+	width: auto !important;
+	height: auto !important;
+	position: static !important;
+}
+input[type=checkbox].ace.ace-switch  {
+	width: auto !important;
+}
+input[type=checkbox].ace.ace-switch + .lbl,
+input[type=checkbox].ace.ace-switch ~ .lbl {
+	margin: 0 !important;
+	min-height: auto !important;
+}
+.checkbox label input.ace[type="checkbox"] + .lbl,
+.radio label input.ace[type="radio"] + .lbl,
+.checkbox label input.ace[type="checkbox"] ~ .lbl,
+.radio label input.ace[type="radio"] ~ .lbl {
+	margin-left: auto;
+}
+
+
+[class*="input-"] {
+	max-width: none !important;
+}
+
+
+
+.wizard-steps li:first-child:before {
+ max-width:100%;
+ left:0;
+}
+
+.login-layout .widget-box {
+ display:none;
+ visibility:visible;
+ position:static;
+}
+
+.login-layout .widget-box.visible {
+ display:block;
+}
+.pricing-box-small:hover {
+    left:-1px;
+	top:-3px;
+}
+
+
+.ace-thumbnails > li > a > img{
+ width:auto !important;
+}
+.ace-thumbnails > li > :first-child > .text{
+ display:none;
+}
+.ace-thumbnails > li:hover > :first-child  > .text{
+ display:block;
+}
+.ace-thumbnails > li > .tools{
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C000000', endColorstr='#8C000000', GradientType=0) !important;
+}
+.ace-thumbnails > li > :first-child > .text{
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C000000', endColorstr='#8C000000', GradientType=0) !important;
+}
+
+
+
+.btn.btn-app.btn-light {
+  border: 1px solid #D9D9D9;
+}
+.btn.btn-app.btn-yellow {
+  border: 1px solid #FEE188;
+}
+
+
+.widget-box-overlay {
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55000000', endColorstr='#55000000',GradientType=0 ) !important;
+}
+.ace-file-overlay {
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7F000000', endColorstr='#7F000000',GradientType=0 ) !important;
+}
+.ace-file-overlay  > .ace-icon, .ace-file-overlay  > .fa, .ace-file-overlay  > .glyphicon {
+  display: inline-block;
+  width: 32px;
+  height: 32px;
+  background: transparent url('images/loading.gif') no-repeat center; 
+}
+.ace-file-overlay  > .ace-icon:before, .ace-file-overlay  > .fa:before, .ace-file-overlay  > .glyphicon:before {
+  display: none;
+}
+
+
+.grid3 {
+ width:31%;
+}
+.grid4 {
+ width:23%;
+}
+
+.itemdiv.dialogdiv > .body:before{
+ display:none;
+}
+
+.fc-event-hori, .fc-event-vert {
+ border-width: 0 !important;
+}
+
+
+[class*="tab-color-"] .nav-tabs > li > a > .ace-icon:first-child,
+[class*="tab-color-"] .nav-tabs > li > a > .fa:first-child 
+ {
+ color: #666 !important;
+}
+
+
+.dropdown-preview > .dropdown-menu {
+ *width: 180px;
+}
+
+/*jquery ui*/
+.ui-datepicker , .ui-autocomplete , .ui-menu{
+  border:1px solid #CCC;
+}
+.ui-widget-overlay  {
+  filter:alpha(opacity=100) !important;
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44000000', endColorstr='#44000000',GradientType=0 ) !important;
+}
+
+
+.message-content {
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF',GradientType=0 ) !important;
+}
+
+
+
+/* semi transparent gritter backgrounds */
+.gritter-item-wrapper {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA323232', endColorstr='#EA323232',GradientType=0 ) !important; /* IE6-9 */
+}
+.gritter-item-wrapper.gritter-info {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA315185', endColorstr='#EA315185',GradientType=0 ) !important; /* IE6-9 */
+}
+.gritter-item-wrapper.gritter-error {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA992812', endColorstr='#EA992812',GradientType=0 ) !important; /* IE6-9 */
+}
+.gritter-item-wrapper.gritter-success {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA59834B', endColorstr='#EA59834B',GradientType=0 ) !important; /* IE6-9 */
+}
+.gritter-item-wrapper.gritter-warning {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EABE701F', endColorstr='#EABE701F',GradientType=0 ) !important; /* IE6-9 */
+}
+
+.gritter-item-wrapper.gritter-light {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F5F5F5', endColorstr='#F2F5F5F5',GradientType=0 ) !important; /* IE6-9 */
+}
+.gritter-info.gritter-light {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2E8F2FF', endColorstr='#F2E8F2FF',GradientType=0 ) !important; /* IE6-9 */
+}
+.gritter-error.gritter-light {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2FFEBEB', endColorstr='#F2FFEBEB',GradientType=0 ) !important; /* IE6-9 */
+}
+.gritter-success.gritter-light {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2EFFAE3', endColorstr='#F2EFFAE3',GradientType=0 ) !important; /* IE6-9 */
+}
+.gritter-warning.gritter-light {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2FCF8E3', endColorstr='#F2FCF8E3',GradientType=0 ) !important; /* IE6-9 */
+}
+
+
+
+
+.widget-header .wysiwyg-toolbar .btn-group > .btn , .widget-body .md-header .btn  {
+  background:transparent none !important;
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40FFFFFF', endColorstr='#40FFFFFF',GradientType=0 ) !important;
+}
+.widget-header .wysiwyg-toolbar .btn-group > .btn.active , .widget-body .md-header .btn-inverse {
+  background:transparent none !important;
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#40000000',GradientType=0 ) !important;
+}
+.widget-body .md-header .btn  , .widget-body .md-header .btn-inverse {
+	display:none;
+}
+
+
+.scroller-bar , .scroller-active .scroller-bar {
+ display: none;	
+}
+.scroller-active:hover .scroller-bar,
+.scroller-active .scroller-bar.active,
+.scroller-active .scroller-bar:active,
+.nav-wrap:hover + .scroller-active .scroller-bar {
+ display: block;
+}
+
+
+
+.ace-settings-box {
+ display: none;
+}
+.ace-settings-box.open {
+ display: block;
+}
+
+[data-toggle="buttons"] > .btn > input[type="radio"],
+[data-toggle="buttons"] > .btn > input[type="checkbox"] {
+  display: none;
+}
+
+
+
+.aside.aside-hidden.aside-vc .modal-dialog  {
+  width: 0;
+}
+.aside.aside-hidden.aside-hz .modal-dialog  {
+  height: 0;
+}
+
+ .btn-group > .btn-app:first-child {
+	margin-right: 24px;
+ }
+ .btn-group > .btn-app.dropdown-toggle:first-child {
+	margin-right: auto;
+ }
+
+ 
+ .sidebar .submenu.sub-scroll {
+  overflow-y: auto;
+ }
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/ace-part2.css b/web/bootstrap-ace-admin/css/ace-part2.css
new file mode 100755
index 00000000..4da02fa3
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/ace-part2.css
@@ -0,0 +1,5715 @@
+.timeline-style2 .timeline-info {
+  width: 100px;
+}
+.timeline-style2 .timeline-indicator {
+  font-size: 0;
+  height: 12px;
+  line-height: 12px;
+  width: 12px;
+  border-width: 1px !important;
+  background-color: #FFFFFF !important;
+  position: absolute;
+  left: 85px;
+  top: 3px;
+  opacity: 1;
+  border-radius: 100%;
+  display: inline-block;
+  padding: 0;
+}
+.timeline-style2 .timeline-date {
+  display: inline-block;
+  width: 72px;
+  text-align: right;
+  margin-right: 25px;
+  color: #777;
+}
+.timeline-style2 .timeline-item .widget-box {
+  margin-left: 112px;
+}
+.timeline-style2 .timeline-label {
+  width: 75px;
+  text-align: center;
+  margin-left: 0;
+  margin-bottom: 10px;
+  text-align: right;
+  color: #666;
+  font-size: 14px;
+}
+.timeline-time {
+  text-align: center;
+  position: static;
+}
+.dataTables_length select {
+  width: 70px;
+  height: 25px;
+  padding: 2px 3px;
+}
+.dataTables_length label {
+  font-weight: normal;
+}
+.dataTables_filter {
+  text-align: right;
+}
+.dataTables_filter input[type=text],
+.dataTables_filter input[type=search] {
+  width: 125px;
+  height: 18px;
+  line-height: 18px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  padding: 4px 6px;
+}
+.dataTables_filter label {
+  font-weight: normal;
+}
+.dataTables_info {
+  font-size: 14px;
+}
+.dataTables_paginate {
+  text-align: right;
+}
+.dataTables_paginate .pagination {
+  margin: 0 12px;
+}
+.dataTables_wrapper label {
+  display: inline-block;
+  font-size: 13px;
+}
+.dataTables_wrapper input[type=text],
+.dataTables_wrapper input[type=search],
+.dataTables_wrapper select {
+  margin-bottom: 0 !important;
+  margin: 0 4px;
+}
+.dataTables_wrapper .row {
+  margin: 0 !important;
+}
+.dataTables_wrapper .row:first-child {
+  padding-top: 12px;
+  padding-bottom: 12px;
+  background-color: #EFF3F8;
+}
+.dataTables_wrapper .row:first-child + .dataTable {
+  border-top: 1px solid #dddddd;
+  border-bottom: 1px solid #dddddd;
+}
+.dataTables_wrapper .row:last-child {
+  border-bottom: 1px solid #e0e0e0;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  background-color: #EFF3F8;
+}
+.dataTables_wrapper .dataTables_scroll + .row {
+  border-top: 1px solid #e0e0e0;
+}
+.dataTable {
+  margin-bottom: 0;
+}
+.dataTable > thead > tr > th[class*=sort] {
+  cursor: pointer;
+}
+.dataTable > thead > tr > th[class*=sort]:after {
+  float: right;
+  display: inline;
+  content: "\f0dc";
+  font-family: FontAwesome;
+  font-size: 13px;
+  font-weight: normal;
+  color: #555;
+}
+.dataTable > thead > tr > th[class*=sort]:hover {
+  color: #547ea8;
+}
+.dataTable > thead > tr > th[class*=sorting_] {
+  color: #307ecc;
+}
+.dataTable > thead > tr > th.sorting_desc,
+.dataTable > thead > tr > th.sorting_asc {
+  background-image: -webkit-linear-gradient(top, #eff3f8 0%, #e3e7ed 100%);
+  background-image: -o-linear-gradient(top, #eff3f8 0%, #e3e7ed 100%);
+  background-image: linear-gradient(to bottom, #eff3f8 0%, #e3e7ed 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0);
+}
+.dataTable > thead > tr > th.sorting_desc:after {
+  content: "\f0dd";
+  top: -6px;
+  color: #307ecc;
+}
+.dataTable > thead > tr > th.sorting_asc:after {
+  content: "\f0de";
+  top: 4px;
+  color: #307ecc;
+}
+.dataTable > thead > tr > th.sorting_disabled {
+  cursor: inherit;
+}
+.dataTable > thead > tr > th.sorting_disabled:after {
+  display: none;
+}
+.dataTables_scrollHead + .dataTables_scrollBody > .dataTable > thead > tr > th:after {
+  display: none;
+}
+.dataTables_scrollHeadInner {
+  width: auto !important;
+}
+.dataTables_scrollHeadInner > .dataTable > thead > tr > th {
+  border-bottom-width: 0 !important;
+}
+.dataTables_borderWrap .dataTables_scrollBody,
+.dataTables_borderWrap .dataTables_scrollHead {
+  border: 1px solid #dddddd !important;
+  border-width: 0 1px !important;
+}
+.dataTables_borderWrap .dataTables_scrollBody .table-bordered,
+.dataTables_borderWrap .dataTables_scrollHead .table-bordered {
+  border-left-width: 0;
+  border-right-width: 0;
+}
+.dataTables_borderWrap .dataTables_scrollBody .table-bordered > thead > tr > th:first-child,
+.dataTables_borderWrap .dataTables_scrollHead .table-bordered > thead > tr > th:first-child,
+.dataTables_borderWrap .dataTables_scrollBody .table-bordered > tbody > tr > td:first-child,
+.dataTables_borderWrap .dataTables_scrollHead .table-bordered > tbody > tr > td:first-child {
+  border-left-width: 0;
+}
+.dataTables_borderWrap .dataTables_scrollBody .table-bordered > thead > tr > th:last-child,
+.dataTables_borderWrap .dataTables_scrollHead .table-bordered > thead > tr > th:last-child,
+.dataTables_borderWrap .dataTables_scrollBody .table-bordered > tbody > tr > td:last-child,
+.dataTables_borderWrap .dataTables_scrollHead .table-bordered > tbody > tr > td:last-child {
+  border-right-width: 0;
+}
+table.dataTable {
+  clear: both;
+  max-width: none !important;
+}
+table.dataTable th:active {
+  outline: none;
+}
+div.dataTables_scrollHead table {
+  margin-bottom: 0 !important;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.dataTables_scrollHead table thead tr:last-child th:first-child,
+div.dataTables_scrollHead table thead tr:last-child td:first-child {
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+div.dataTables_scrollBody table {
+  border-top: none;
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+div.dataTables_scrollBody tbody tr:first-child th,
+div.dataTables_scrollBody tbody tr:first-child td {
+  border-top: none;
+}
+div.dataTables_scrollFoot table {
+  margin-top: 0 !important;
+  border-top: none;
+}
+.DTTT_Print .main-content {
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+.DTTT_Print .navbar-fixed-top + .main-container {
+  padding-top: 0;
+}
+.tableTools-container {
+  margin-bottom: 8px;
+}
+.tableTools-alert.gritter-item-wrapper {
+  padding: 12px 11px 8px;
+  z-index: 1999;
+}
+ul.ColVis_collection {
+  z-index: 2002;
+}
+ul.ColVis_collection > li > a {
+  padding: 0;
+}
+ul.ColVis_collection > li > a:focus {
+  outline: none;
+}
+ul.ColVis_collection > li.ColVis_Special {
+  border-top: 1px solid #DDD;
+}
+ul.ColVis_collection > li.ColVis_Special > a {
+  padding: 6px 11px 7px;
+  text-align: center;
+}
+ul.ColVis_collection label {
+  margin: auto;
+  padding: 6px 11px 7px;
+  display: block;
+  cursor: pointer;
+}
+div.ColVis_catcher {
+  position: absolute;
+  z-index: 1101;
+}
+div.ColVis_collectionBackground {
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  background-color: black;
+  z-index: 1100;
+}
+.fc-toolbar h2 {
+  font-size: 22px;
+  color: #65A0CE;
+}
+.fc-unthemed th,
+.fc-unthemed td,
+.fc-unthemed hr,
+.fc-unthemed thead,
+.fc-unthemed tbody,
+.fc-unthemed .fc-row,
+.fc-unthemed .fc-popover {
+  border-color: #BCD4E5;
+}
+.fc-unthemed .fc-today {
+  background: #FFC;
+}
+.fc-event {
+  border-width: 0;
+  color: #ffffff;
+  padding: 1px 1px 2px 2px;
+  border-radius: 0;
+}
+.fc-event:not([class*="label-"]) {
+  background-color: #abbac3;
+}
+.fc-event.label-yellow {
+  color: #996633;
+}
+.fc-event.label-light {
+  color: #888888;
+}
+.label-yellow .fc-event {
+  color: #996633;
+}
+.label-light .fc-event {
+  color: #888;
+}
+[class*="label-"] > .fc-event,
+[class*="label-"] > .fc-event > .fc-event-skin.fc-event-head {
+  background-color: inherit;
+}
+.fc-event.ui-draggable-dragging {
+  cursor: move;
+}
+.fc-event.fc-event-vert,
+.fc-event-vert > .fc-event {
+  padding: 0 0 1px;
+}
+.fc-day-number {
+  color: #2E6589;
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.fc-widget-header,
+.fc .fc-axis {
+  background: #ECF2F7;
+  color: #8090A0;
+}
+.fc-event-hori,
+.fc-event-vert {
+  border-radius: 0 !important;
+  border-color: transparent;
+}
+.fc-event-vert .fc-event-content {
+  padding-left: 1px;
+  padding-right: 1px;
+}
+.fc-event-vert .fc-event-time {
+  padding: 0;
+}
+.fc-state-default {
+  border: none;
+}
+.fc-state-default,
+.fc-state-default .fc-button-inner {
+  border: none;
+  background-color: #abbac3;
+  color: #FFF;
+  background-image: none;
+  box-shadow: none;
+  text-shadow: none;
+  border-radius: 0 !important;
+  margin-left: 2px;
+}
+.fc-state-default .fc-button-effect {
+  display: none;
+}
+.fc-state-disabled,
+.fc-state-disabled .fc-button-inner {
+  opacity: 0.75;
+  filter: alpha(opacity=75);
+  color: #DDD;
+}
+.fc-state-active,
+.fc-state-active .fc-button-inner {
+  border-color: #4F99C6;
+  background-color: #6FB3E0;
+}
+.fc-state-hover,
+.fc-state-hover .fc-button-inner {
+  background-color: #8B9AA3;
+}
+.fc .fc-button-group > * {
+  margin: 0 1px 0 0;
+}
+.external-event {
+  margin: 6px 0;
+  padding: 0;
+  cursor: default;
+  display: block;
+  font-size: 13px;
+  line-height: 28px;
+  color: #ffffff;
+}
+.external-event:not([class*="label-"]) {
+  background-color: #abbac3;
+}
+.external-event:hover {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.external-event.ui-draggable-dragging {
+  cursor: move;
+}
+.external-event.label-yellow {
+  color: #996633;
+}
+.external-event.label-light {
+  color: #888888;
+}
+.external-event > .ace-icon:first-child {
+  display: inline-block;
+  height: 32px;
+  width: 32px;
+  text-align: center;
+  line-height: 30px;
+  margin-right: 5px;
+  font-size: 15px;
+  border-right: 1px solid #FFF;
+}
+/**
+.widget-main {
+	.fc {
+		position:relative;
+		top:-40px;
+		
+		> .fc-header {
+			position:relative;
+			z-index:10;
+		}
+		
+		.fc-header-space {
+			padding-left:2px;
+		}
+	}
+	
+	.fc-header-title > h2 {
+		font-size: floor(@base-font-size * 1.4);
+		line-height: 36px;
+	}
+	
+	.fc-content {
+		top:-14px;
+		z-index:11;
+	}
+	
+	.fc-button-content {
+		height:37px;
+		line-height:36px;
+	}
+	
+}
+*/
+@media only screen and (max-width: 480px) {
+  .fc-header td {
+    display: block;
+    width: auto;
+    text-align: left;
+  }
+}
+.chosen-container + .help-inline {
+  vertical-align: middle;
+}
+/**
+.chosen-select {
+  display: inline !important; //for validation plugin to work it must be displayed
+  visibility: hidden;
+  opacity: 0;
+  position: absolute;
+  z-index: -1;
+  width: 0;
+  height: 0;
+  border-width: 0;
+}
+*/
+.chosen-container,
+[class*="chosen-container"] {
+  vertical-align: middle;
+}
+.chosen-container > .chosen-single,
+[class*="chosen-container"] > .chosen-single {
+  line-height: 28px;
+  height: 32px;
+  box-shadow: none;
+  background: #FAFAFA;
+}
+.chosen-choices {
+  box-shadow: none !important;
+}
+.chosen-container-single .chosen-single abbr {
+  background: none;
+}
+.chosen-container-single .chosen-single abbr:after {
+  content: "\f00d";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 13px;
+  position: absolute;
+  right: 0;
+  top: -7px;
+}
+.chosen-container-single .chosen-single abbr:hover:after {
+  color: #464646;
+}
+.chosen-container-single.chosen-disabled .chosen-single abbr:hover:after {
+  color: #464646;
+}
+.chosen-single div b {
+  background: none !important;
+}
+.chosen-single div b:before {
+  content: "\f0d7";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 12px;
+  position: relative;
+  top: -1px;
+  left: 1px;
+}
+.chosen-container-active.chosen-with-drop .chosen-single div b:before {
+  content: "\f0d8";
+}
+.chosen-container-single .chosen-search {
+  position: relative;
+}
+.chosen-container-single .chosen-search input[type="text"] {
+  background: none;
+  border-radius: 0;
+  line-height: 28px;
+  height: 28px;
+}
+.chosen-container-single .chosen-search:after {
+  content: "\f002";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 14px;
+  position: absolute;
+  top: 8px;
+  right: 12px;
+}
+.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
+  height: 25px;
+}
+.chosen-container-multi .chosen-choices li.search-choice {
+  line-height: 16px;
+  padding-bottom: 4px;
+}
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
+  background: none;
+}
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
+  content: "\f00d";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 13px;
+  position: absolute;
+  right: 2px;
+  top: -1px;
+}
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
+  text-decoration: none;
+}
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:before {
+  color: #464646;
+}
+.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close:before {
+  color: #464646;
+}
+.chosen-container .chosen-results-scroll-down span,
+.chosen-container .chosen-results-scroll-up span {
+  background: none;
+}
+.chosen-container .chosen-results-scroll-down span:before,
+.chosen-container .chosen-results-scroll-up span:before {
+  content: "\f0d7";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 12px;
+  position: relative;
+  top: -1px;
+  left: 1px;
+}
+.chosen-container .chosen-results-scroll-up span:before {
+  content: "\f0d8";
+}
+.chosen-container-active .chosen-single-with-drop div b:before {
+  content: "\f0d8";
+}
+.chosen-rtl .chosen-search input[type="text"] {
+  background: none;
+}
+.chosen-rtl .chosen-search:after {
+  content: "";
+  display: none;
+}
+.chosen-rtl .chosen-search:before {
+  content: "\f002";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 14px;
+  position: absolute;
+  top: 9px;
+  left: 12px;
+}
+/** chosen - etc */
+.chosen-container-single .chosen-single {
+  border-radius: 0;
+}
+.chosen-container .chosen-results li.highlighted {
+  background: #316AC5;
+  color: #FFF;
+}
+.chosen-container-single .chosen-drop {
+  border-radius: 0;
+  border-bottom: 3px solid #4492C9;
+  border-color: #4492C9;
+}
+.chosen-single.chosen-single-with-drop,
+.chosen-container-active .chosen-single {
+  border-color: #4492C9;
+}
+.form-group.has-error .chosen-single {
+  border-color: #f2a696 !important;
+}
+.form-group.has-info .chosen-single {
+  border-color: #72aec2 !important;
+}
+.form-group.has-warning .chosen-single {
+  border-color: #e3c94c !important;
+}
+.form-group.has-success .chosen-single {
+  border-color: #9cc573 !important;
+}
+.chosen-container-active.chosen-with-drop .chosen-single {
+  border-color: #4492C9;
+}
+.chosen-container .chosen-drop {
+  display: none;
+}
+.chosen-container.chosen-with-drop .chosen-drop {
+  left: auto;
+  right: auto;
+  display: block;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
+  .chosen-rtl .chosen-search input[type="text"],
+  .chosen-container-single .chosen-single abbr,
+  .chosen-container-single .chosen-single div b,
+  .chosen-container-single .chosen-search input[type="text"],
+  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close,
+  .chosen-container .chosen-results-scroll-down span,
+  .chosen-container .chosen-results-scroll-up span {
+    background-image: none !important;
+    background-repeat: no-repeat !important;
+    background-size: auto !important;
+  }
+}
+.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice {
+  background-image: none;
+  background-color: #91b8d0;
+  color: #FFFFFF;
+  display: inline-block;
+  font-size: 13px;
+  font-weight: normal;
+  margin-bottom: 3px;
+  margin-right: 3px;
+  padding: 6px 22px 7px 9px;
+  position: relative;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
+  transition: all 0.2s ease 0s;
+  vertical-align: baseline;
+  white-space: nowrap;
+  border: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-radius: 0;
+}
+.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 18px;
+  height: auto;
+  line-height: 25px;
+  text-align: center;
+}
+.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
+  color: #FFF;
+  position: static;
+  font-size: 11px;
+}
+.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:before {
+  color: #FFF;
+}
+.tag-input-style + .chosen-container-multi.chosen-rtl .chosen-choices li.search-choice {
+  padding: 6px 9px 7px 22px;
+  margin-left: 0;
+  margin-right: 3px !important;
+}
+.tag-input-style + .chosen-container-multi.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
+  right: auto;
+  left: 0;
+}
+.select2-container .select2-choice {
+  border-radius: 0;
+  height: 32px;
+  line-height: 28px;
+}
+.select2-container.select2-drop-above .select2-choice {
+  border-radius: 0;
+}
+.select2-container[class*="input-"] {
+  max-width: none;
+}
+.select2-container.input-mini {
+  min-width: 100px;
+}
+.select2-container .select2-choice abbr,
+.select2-search-choice-close {
+  background: none;
+}
+.select2-container .select2-choice abbr:before,
+.select2-search-choice-close:before {
+  font-family: FontAwesome;
+  font-size: 12px;
+  display: inline;
+  content: "\f00d";
+  color: #888;
+  position: relative;
+  top: -1px;
+}
+.select2-container .select2-choice abbr:hover:before,
+.select2-search-choice-close:hover:before {
+  color: #555;
+}
+.select2-container .select2-choice abbr:before {
+  top: -7px;
+}
+.select2-search-choice-close:hover {
+  text-decoration: none !important;
+}
+.select2-drop {
+  border-radius: 0;
+  border: 1px solid #4492C9;
+  border-width: 0 1px 3px;
+}
+.select2-drop.select2-drop-above {
+  border-radius: 0;
+}
+.select2-container .select2-choice {
+  background: #FAFAFA none;
+}
+.select2-container-active .select2-choice,
+.select2-container-active .select2-choices,
+.select2-dropdown-open.select2-drop-above .select2-choice,
+.select2-dropdown-open.select2-drop-above .select2-choices,
+.select2-container-multi.select2-container-active .select2-choices {
+  border-color: #4492C9;
+}
+.select2-results .select2-highlighted {
+  background: #316AC5;
+}
+.select2-container .select2-choice .select2-arrow {
+  border-radius: 0;
+  background: transparent none;
+  border: none;
+}
+.select2-container .select2-choice .select2-arrow b {
+  background: none;
+}
+.select2-container .select2-choice .select2-arrow b:before {
+  font-family: FontAwesome;
+  font-size: 12px;
+  display: inline;
+  content: "\f0d7";
+  color: #888;
+  position: relative;
+  left: 5px;
+}
+.select2-dropdown-open .select2-choice .select2-arrow b:before {
+  content: "\f0d8";
+}
+.select2-search .select2-input {
+  background: #fff none;
+  margin-top: 4px;
+}
+.select2-search:after {
+  font-family: FontAwesome;
+  font-size: 14px;
+  display: inline;
+  content: "\f002";
+  color: #777;
+  position: relative;
+  top: 0;
+  left: -20px;
+  z-index: 0;
+}
+.select2-dropdown-open.select2-drop-above .select2-choice,
+.select2-dropdown-open.select2-drop-above .select2-choices {
+  background-image: none;
+  background-color: #F6F6F6;
+}
+.select2-container-multi .select2-choices .select2-search-field input {
+  border: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  background: none !important;
+  font-size: 14px;
+}
+.select2-container-multi .select2-choices .select2-search-choice {
+  line-height: 16px;
+  padding-bottom: 4px;
+}
+.select2-container-active .select2-choice,
+.select2-container-active .select2-choices,
+.select2-container-multi.select2-container-active .select2-choices,
+.select2-dropdown-open.select2-drop-above .select2-choice,
+.select2-dropdown-open.select2-drop-above .select2-choices {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.select2-search input.select2-active {
+  background-color: #FFF;
+  position: relative;
+  z-index: 1;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
+  .select2-search input,
+  .select2-search-choice-close,
+  .select2-container .select2-choice abbr,
+  .select2-container .select2-choice div b {
+    background-image: none !important;
+    background-size: auto !important;
+  }
+  .select2-search input {
+    background-position: auto !important;
+  }
+}
+.select2-container-active.select2-dropdown-open .select2-choice {
+  background-image: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
+  background-image: -o-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
+  background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffffffff', GradientType=0);
+}
+.select2-container-active.select2-drop-above .select2-choice {
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
+  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
+  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
+}
+.form-group.has-error .select2-choice,
+.form-group.has-error .select2-choices {
+  border-color: #f2a696 !important;
+}
+.form-group.has-info .select2-choice,
+.form-group.has-info .select2-choices {
+  border-color: #72aec2 !important;
+}
+.form-group.has-warning .select2-choice,
+.form-group.has-warning .select2-choices {
+  border-color: #e3c94c !important;
+}
+.form-group.has-success .select2-choice,
+.form-group.has-success .select2-choices {
+  border-color: #9cc573 !important;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
+  .select2-search input,
+  .select2-search-choice-close,
+  .select2-container .select2-choice abbr,
+  .select2-container .select2-choice .select2-arrow b {
+    background-image: none !important;
+    background-repeat: no-repeat !important;
+    background-size: auto !important;
+  }
+  .select2-search input {
+    background-position: auto !important;
+  }
+}
+.select2-container-multi.tag-input-style .select2-choices .select2-search-choice {
+  background-image: none;
+  background-color: #91b8d0;
+  color: #FFFFFF;
+  display: inline-block;
+  font-size: 13px;
+  font-weight: normal;
+  margin-bottom: 3px;
+  margin-right: 0;
+  padding: 6px 22px 7px 9px;
+  position: relative;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
+  transition: all 0.2s ease 0s;
+  vertical-align: baseline;
+  white-space: nowrap;
+  border: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-radius: 0;
+}
+.select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: auto;
+  width: 18px;
+  height: auto;
+  line-height: 25px;
+  text-align: center;
+}
+.select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close:before {
+  color: #FFF;
+  position: static;
+  font-size: 11px;
+}
+.select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+.select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close:hover:before {
+  color: #FFF;
+}
+#colorbox:focus,
+#colorbox:active {
+  outline: none;
+}
+#cboxTopLeft,
+#cboxTopCenter,
+#cboxTopRight,
+#cboxMiddleLeft,
+#cboxMiddleRight,
+#cboxBottomLeft,
+#cboxBottomCenter,
+#cboxBottomRight {
+  background: none !important;
+  opacity: 0;
+}
+#cboxContent {
+  border: 12px solid #000;
+  background-color: #FFF;
+  padding: 7px;
+}
+#cboxOverlay {
+  background: rgba(0, 0, 0, 0.95);
+  background: #000;
+}
+#cboxCurrent {
+  left: 64px;
+  margin-bottom: 4px;
+  font-size: 14px;
+}
+#cboxTitle {
+  margin-bottom: 4px;
+  font-size: 14px;
+  color: #777;
+}
+#cboxNext,
+#cboxPrevious,
+#cboxClose {
+  background: none;
+  text-indent: 0;
+  width: 26px;
+  height: 26px;
+  line-height: 22px;
+  padding: 0 4px;
+  text-align: center;
+  border: 2px solid #999;
+  border-radius: 16px;
+  color: #666;
+  font-size: 12px;
+  margin-left: 5px;
+  margin-bottom: 5px;
+}
+#cboxNext:hover,
+#cboxPrevious:hover {
+  color: #333;
+  border-color: #666;
+}
+#cboxContent {
+  overflow: visible;
+}
+#cboxClose {
+  background-color: #000;
+  border: 2px solid #FFF;
+  border-radius: 32px;
+  color: #FFF;
+  font-size: 21px;
+  height: 28px;
+  width: 28px;
+  padding-bottom: 2px;
+  margin-left: 0;
+  right: -14px;
+  top: -14px;
+}
+#cboxLoadingOverlay {
+  background: none !important;
+}
+#cboxLoadingGraphic {
+  background: #FFF none !important;
+  text-align: center;
+}
+#cboxLoadingGraphic > .ace-icon {
+  display: inline-block;
+  background-color: #FFF;
+  border-radius: 8px;
+  width: 32px;
+  height: 32px;
+  position: relative;
+  top: 48%;
+  text-align: center;
+  vertical-align: middle;
+  font-size: 24px;
+  color: #FE7E3E;
+}
+.ace-spinner {
+  display: inline-block;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical {
+  min-width: 18px;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical > .btn {
+  font-size: 10px;
+  padding: 0;
+  width: 22px;
+  height: 16px;
+  line-height: 8px;
+  margin-left: 0;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical > .btn:first-child {
+  margin-top: 0;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical > .btn > .ace-icon {
+  margin: 0;
+  padding: 0;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical > .btn + .btn {
+  margin-top: 2px;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical > .btn-xs {
+  height: 14px;
+  line-height: 7px;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical > .btn-lg {
+  height: 22px;
+  line-height: 10px;
+  width: 22px;
+}
+.ace-spinner .spinbox-buttons > button.btn.spinbox-up:active {
+  top: -1px;
+}
+.ace-spinner:not(.touch-spinner) .spinbox-buttons > .btn > .ace-icon {
+  margin-top: -1px;
+}
+.ace-spinner.touch-spinner .spinbox-buttons {
+  margin: 0;
+  font-size: 0;
+}
+.ace-spinner.touch-spinner .spinbox-buttons .btn-sm {
+  width: 32px;
+}
+.ace-spinner.touch-spinner .spinbox-buttons .btn-xs {
+  width: 24px;
+}
+.ace-spinner.touch-spinner .spinbox-buttons .btn-lg {
+  width: 40px;
+}
+.ace-spinner.touch-spinner .spinbox-buttons > .btn {
+  margin: 0 1px !important;
+}
+.ace-spinner.touch-spinner .spinbox-buttons > .btn-xs {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+.ace-spinner.touch-spinner .spinbox-buttons > .btn > .ace-icon {
+  vertical-align: middle;
+  display: inline-block;
+}
+.steps {
+  list-style: none;
+  display: table;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+  position: relative;
+}
+.steps li {
+  display: table-cell;
+  text-align: center;
+  width: 1%;
+}
+.steps li .step {
+  border: 5px solid #ced1d6;
+  color: #546474;
+  font-size: 15px;
+  border-radius: 100%;
+  background-color: #FFF;
+  position: relative;
+  z-index: 2;
+  display: inline-block;
+  width: 40px;
+  height: 40px;
+  line-height: 30px;
+  text-align: center;
+}
+.steps li:before {
+  display: block;
+  content: "";
+  width: 100%;
+  height: 1px;
+  font-size: 0;
+  overflow: hidden;
+  border-top: 4px solid #CED1D6;
+  position: relative;
+  top: 21px;
+  z-index: 1;
+}
+.steps li.last-child:before {
+  max-width: 50%;
+  width: 50%;
+}
+.steps li:last-child:before {
+  max-width: 50%;
+  width: 50%;
+}
+.steps li:first-child:before {
+  max-width: 51%;
+  left: 50%;
+}
+.steps li.active:before,
+.steps li.complete:before,
+.steps li.active .step,
+.steps li.complete .step {
+  border-color: #5293c4;
+}
+.steps li.complete .step {
+  cursor: default;
+  color: #FFF;
+  -webkit-transition: transform ease 0.1s;
+  -o-transition: transform ease 0.1s;
+  transition: transform ease 0.1s;
+}
+.steps li.complete .step:before {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  line-height: 30px;
+  text-align: center;
+  border-radius: 100%;
+  content: "\f00c";
+  background-color: #FFF;
+  z-index: 3;
+  font-family: FontAwesome;
+  font-size: 17px;
+  color: #87ba21;
+}
+.steps li.complete:hover .step {
+  -moz-transform: scale(1.1);
+  -webkit-transform: scale(1.1);
+  -o-transform: scale(1.1);
+  -ms-transform: scale(1.1);
+  transform: scale(1.1);
+  border-color: #80afd4;
+}
+.steps li.complete:hover:before {
+  border-color: #80afd4;
+}
+.steps li .title {
+  display: block;
+  margin-top: 4px;
+  max-width: 100%;
+  color: #949ea7;
+  font-size: 14px;
+  z-index: 104;
+  text-align: center;
+  table-layout: fixed;
+  word-wrap: break-word;
+}
+.steps li.complete .title,
+.steps li.active .title {
+  color: #2b3d53;
+}
+.step-content {
+  position: relative;
+}
+.step-content .step-pane {
+  display: none;
+  min-height: 200px;
+  padding: 4px 8px 12px;
+}
+.step-content .step-pane.active {
+  display: block;
+}
+.wizard-actions {
+  text-align: right;
+}
+@media only screen and (max-width: 767px) {
+  .steps li .step {
+    width: 30px;
+    height: 30px;
+    line-height: 24px;
+    border-width: 3px;
+  }
+  .steps li:before,
+  .steps li:after {
+    border-width: 3px;
+  }
+  .steps li.complete .step:before {
+    line-height: 24px;
+    font-size: 13px;
+  }
+  .steps li:before {
+    top: 16px;
+  }
+  .step-content .step-pane {
+    padding: 4px 4px 6px;
+    min-height: 150px;
+  }
+}
+.tree {
+  margin: auto;
+  padding: 0 0 0 9px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  position: relative;
+}
+.tree:before {
+  display: inline-block;
+  content: "";
+  position: absolute;
+  top: -20px;
+  bottom: 16px;
+  left: 0;
+  z-index: 1;
+  border: 1px dotted #67b2dd;
+  border-width: 0 0 0 1px;
+}
+.tree .tree-branch-name,
+.tree .tree-item-name {
+  cursor: pointer;
+}
+.tree .tree-branch {
+  width: auto;
+  min-height: 20px;
+  cursor: pointer;
+}
+.tree .tree-branch .tree-branch-header {
+  position: relative;
+  height: 20px;
+  line-height: 20px;
+}
+.tree .tree-branch .tree-branch-header:hover {
+  background-color: #F0F7FC;
+}
+.tree .tree-branch .tree-branch-header .tree-branch-name,
+.tree .tree-item .tree-item-name {
+  display: inline;
+  z-index: 2;
+}
+.tree .tree-branch .tree-branch-header > .tree-branch-name > .ace-icon:first-child,
+.tree .tree-item > .tree-item-name > .ace-icon:first-child {
+  display: inline-block;
+  position: relative;
+  z-index: 2;
+  top: -1px;
+}
+.tree .tree-branch > .tree-branch-header > .tree-branch-name > .tree-label {
+  margin-left: 2px;
+}
+.tree .tree-branch > .tree-branch-header > .tree-branch-name > .ace-icon:first-child {
+  margin: -2px 0 0 -2px;
+}
+.tree .tree-branch:last-child:after {
+  display: inline-block;
+  content: "";
+  position: absolute;
+  z-index: 1;
+  top: 15px;
+  bottom: 0;
+  left: -15px;
+  border-left: 1px solid #FFF;
+}
+.tree .tree-branch .tree-branch-children {
+  margin: 0 0 0 23px;
+  padding: 0;
+  position: relative;
+}
+.tree .tree-branch .tree-branch-children:before {
+  display: inline-block;
+  content: "";
+  position: absolute;
+  z-index: 1;
+  top: -14px;
+  bottom: 16px;
+  left: -14px;
+  border: 1px dotted #67b2dd;
+  border-width: 0 0 0 1px;
+}
+.tree .tree-item {
+  position: relative;
+  height: 20px;
+  line-height: 20px;
+  cursor: pointer;
+}
+.tree .tree-item:hover {
+  background-color: #F0F7FC;
+}
+.tree .tree-item > .tree-item-name > .ace-icon:first-child {
+  margin-right: 3px;
+}
+.tree .tree-item > .tree-item-name > .tree-label > .ace-icon:first-child {
+  margin-left: 3px;
+  margin-right: 3px;
+}
+.tree .tree-item > .ace-icon:first-child {
+  margin-top: -1px;
+}
+.tree .tree-branch,
+.tree .tree-item {
+  position: relative;
+  list-style: none;
+}
+.tree .tree-branch:before,
+.tree .tree-item:before {
+  display: inline-block;
+  content: "";
+  position: absolute;
+  top: 14px;
+  left: -13px;
+  width: 18px;
+  height: 0;
+  border-top: 1px dotted #67b2dd;
+  z-index: 1;
+}
+.tree .tree-selected {
+  background-color: rgba(98, 168, 209, 0.1);
+  color: #6398B0;
+}
+.tree .tree-selected:hover {
+  background-color: rgba(98, 168, 209, 0.1);
+}
+.tree .tree-item,
+.tree .tree-branch {
+  border: 1px solid #FFF;
+}
+.tree .tree-branch .tree-branch-header {
+  border-radius: 0;
+}
+.tree .tree-item,
+.tree .tree-branch .tree-branch-header {
+  margin: 0;
+  padding: 5px;
+  color: #4D6878;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.tree .tree-item > .tree-item-name > .ace-icon:first-child {
+  color: #F9E8CE;
+  width: 13px;
+  height: 13px;
+  line-height: 13px;
+  font-size: 11px;
+  text-align: center;
+  border-radius: 3px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  background-color: #FAFAFA;
+  border: 1px solid #CCC;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.tree .tree-selected > .tree-item-name > .ace-icon:first-child {
+  background-color: #F9A021;
+  border-color: #F9A021;
+  color: #FFF;
+}
+.tree .tree-plus.ace-icon:first-child,
+.tree .tree-minus.ace-icon:first-child {
+  display: inline-block;
+  font-style: normal;
+  border: 1px solid #DDD;
+  vertical-align: middle;
+  height: 11px;
+  width: 11px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  text-align: center;
+  border: 1px solid #8BAEBF;
+  line-height: 10px;
+  background-color: #FFF;
+  position: relative;
+  z-index: 2;
+}
+.tree .tree-plus.ace-icon:first-child:before,
+.tree .tree-minus.ace-icon:first-child:before {
+  content: "";
+  display: block;
+  width: 7px;
+  height: 0;
+  border-top: 1px solid #4D6878;
+  position: absolute;
+  top: 5px;
+  left: 2px;
+}
+.tree .tree-plus.ace-icon:first-child:after {
+  content: "";
+  display: block;
+  height: 7px;
+  width: 0;
+  border-left: 1px solid #4D6878;
+  position: absolute;
+  top: 2px;
+  left: 5px;
+}
+.tree .tree-unselectable .tree-item > .tree-item-name > .tree-label > .ace-icon:first-child {
+  color: #5084A0;
+  width: 13px;
+  height: 13px;
+  line-height: 13px;
+  font-size: 10px;
+  text-align: center;
+  border-radius: 0;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+.tree .ace-icon[class*="-down"] {
+  transform: rotate(-45deg);
+}
+.tree .ace-icon[class*="-download"] {
+  transform: none;
+}
+.tree .fa-spin {
+  height: auto;
+}
+.tree .tree-loading {
+  margin-left: 36px;
+}
+.tree img {
+  display: inline;
+  veritcal-align: middle;
+}
+.gritter-item-wrapper {
+  background-image: none !important;
+  box-shadow: 0 2px 10px rgba(50, 50, 50, 0.5);
+  background: rgba(50, 50, 50, 0.92);
+}
+.gritter-item-wrapper.gritter-info {
+  background: rgba(49, 81, 133, 0.92);
+}
+.gritter-item-wrapper.gritter-error {
+  background: rgba(153, 40, 18, 0.92);
+}
+.gritter-item-wrapper.gritter-success {
+  background: rgba(89, 131, 75, 0.92);
+}
+.gritter-item-wrapper.gritter-warning {
+  background: rgba(190, 112, 31, 0.92);
+}
+.gritter-item-wrapper.gritter-light {
+  background: rgba(245, 245, 245, 0.95);
+  border: 1px solid #BBB;
+}
+.gritter-item-wrapper.gritter-light.gritter-info {
+  background: rgba(232, 242, 255, 0.95);
+}
+.gritter-item-wrapper.gritter-light.gritter-info .gritter-item {
+  color: #4A577D;
+}
+.gritter-item-wrapper.gritter-light.gritter-error {
+  background: rgba(255, 235, 235, 0.95);
+}
+.gritter-item-wrapper.gritter-light.gritter-error .gritter-item {
+  color: #894A38;
+}
+.gritter-item-wrapper.gritter-light.gritter-success {
+  background: rgba(239, 250, 227, 0.95);
+}
+.gritter-item-wrapper.gritter-light.gritter-success .gritter-item {
+  color: #416131;
+}
+.gritter-item-wrapper.gritter-light.gritter-warning {
+  background: rgba(252, 248, 227, 0.95);
+}
+.gritter-item-wrapper.gritter-light.gritter-warning .gritter-item {
+  color: #946446;
+}
+.gritter-item p {
+  line-height: 1.8;
+}
+.gritter-top,
+.gritter-bottom,
+.gritter-item {
+  background-image: none;
+}
+.gritter-close {
+  left: auto;
+  right: 3px;
+  background-image: none;
+  width: 18px;
+  height: 18px;
+  line-height: 17px;
+  text-align: center;
+  border: 2px solid transparent;
+  border-radius: 16px;
+  color: #E17B67;
+}
+.gritter-close:before {
+  font-family: FontAwesome;
+  font-size: 16px;
+  content: "\f00d";
+}
+.gritter-info .gritter-close {
+  color: #FFA500;
+}
+.gritter-error .gritter-close,
+.gritter-success .gritter-close,
+.gritter-warning .gritter-close {
+  color: #FFEA07;
+}
+.gritter-close:hover {
+  color: #FFF !important;
+}
+.gritter-title {
+  text-shadow: none;
+}
+.gritter-light .gritter-item,
+.gritter-light .gritter-bottom,
+.gritter-light .gritter-top,
+.gritter-light .gritter-close {
+  background-image: none;
+  color: #444;
+}
+.gritter-light .gritter-title {
+  text-shadow: none;
+}
+.gritter-light .gritter-close:hover {
+  color: #8A3104 !important;
+}
+.gritter-center {
+  position: fixed;
+  left: 33%;
+  right: 33%;
+  top: 33%;
+}
+@media only screen and (max-width: 767px) {
+  .gritter-center {
+    left: 16%;
+    right: 16%;
+    top: 30%;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .gritter-center {
+    left: 30px;
+    right: 30px;
+  }
+}
+@media only screen and (max-width: 320px) {
+  .gritter-center {
+    left: 10px;
+    right: 10px;
+  }
+}
+.wysiwyg-editor {
+  max-height: 250px;
+  height: 250px;
+  background-color: #F7F8FA;
+  border-collapse: separate;
+  border: 1px solid #BBC0CA;
+  padding: 4px;
+  box-sizing: content-box;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  outline: none;
+}
+.wysiwyg-editor:focus {
+  background-color: #FFF;
+}
+.wysiwyg-toolbar {
+  line-height: 33px;
+  margin: 0 !important;
+  position: relative;
+}
+.wysiwyg-toolbar .dropdown-menu {
+  text-align: left;
+}
+.wysiwyg-toolbar .btn-group {
+  float: none !important;
+  font-size: 0;
+}
+.wysiwyg-toolbar .btn-group > .btn {
+  float: none;
+  padding-left: 0;
+  padding-right: 0;
+  text-align: center;
+  margin-left: 1px;
+  /**
+		&.active:after {
+			border-color: transparent;
+			border-style: solid;
+			border-top-color: inherit;
+			border-width: 6px 14px;
+			bottom: -13px;
+			left: 0;
+			right: 0;
+		}
+		*/
+}
+.wysiwyg-toolbar .btn-group > .btn > .ace-icon:first-child {
+  font-size: 14px;
+  width: 25px;
+  max-width: 25px;
+  display: inline-block;
+  border-width: 1px !important;
+}
+.wysiwyg-toolbar .btn-group > .btn.dropdown-toggle > .ace-icon:last-child {
+  margin-right: 4px;
+}
+.wysiwyg-style1 .btn-group > .btn,
+.wysiwyg-style2 .btn-group > .btn,
+.wysiwyg-style1 .btn-group > .inline > .btn,
+.wysiwyg-style2 .btn-group > .inline > .btn {
+  margin: 0 !important;
+  background: #FFF !important;
+  border-width: 0 !important;
+  color: #ADB3BE !important;
+  text-shadow: none !important;
+}
+.wysiwyg-style1 .btn-group > .btn.active,
+.wysiwyg-style2 .btn-group > .btn.active,
+.wysiwyg-style1 .btn-group > .inline > .btn.active,
+.wysiwyg-style2 .btn-group > .inline > .btn.active {
+  color: #5B80CE !important;
+}
+.wysiwyg-style1 .btn-group > .btn.active:after,
+.wysiwyg-style2 .btn-group > .btn.active:after,
+.wysiwyg-style1 .btn-group > .inline > .btn.active:after,
+.wysiwyg-style2 .btn-group > .inline > .btn.active:after {
+  display: none;
+}
+.wysiwyg-style1 .btn-group,
+.wysiwyg-style2 .btn-group {
+  position: relative;
+}
+.wysiwyg-style1 .btn-group:after,
+.wysiwyg-style2 .btn-group:after {
+  display: block;
+  content: "";
+  position: absolute;
+  left: -2px;
+  top: 6px;
+  bottom: 6px;
+  width: 0;
+  max-width: 0;
+  border-left: 1px solid #E1E6EA;
+}
+.wysiwyg-style1 .btn-group:first-child:after,
+.wysiwyg-style2 .btn-group:first-child:after {
+  display: none;
+}
+.wysiwyg-style2 {
+  background-color: #E5E5E5;
+}
+.wysiwyg-style2 + .wysiwyg-editor {
+  border-color: #DDD;
+  background-color: #FFF;
+  border-top: none;
+}
+.wysiwyg-style2 .btn-group > .btn,
+.wysiwyg-style2 .btn-group > .inline > .btn {
+  margin: 0 1px 0 0 !important;
+  background: #FFF !important;
+  border: none !important;
+  color: #8D939E !important;
+  text-shadow: none !important;
+}
+.wysiwyg-style2 .btn-group > .btn.active,
+.wysiwyg-style2 .btn-group > .inline > .btn.active {
+  color: #FFF !important;
+  background: #6AAEDF !important;
+}
+.wysiwyg-style2 .btn-group:after {
+  display: none;
+}
+.wysiwyg-toolbar .btn-colorpicker {
+  width: 24px;
+  height: 24px;
+  position: relative;
+  background: #87B87F;
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
+  /*  FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #cf3e73), color-stop(20%, #ffffff), color-stop(30%, #2283c5), color-stop(40%, #ffffff), color-stop(50%, #87b87f), color-stop(60%, #ffffff), color-stop(70%, #ffb752), color-stop(80%, #ffffff), color-stop(90%, #d15b47), color-stop(100%, #ffffff));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
+  /* Opera11.10+ */
+  background: -ms-linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
+  /* IE10+ */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CF3E73', endColorstr='#FFB752', GradientType=0);
+  /* IE6-9 */
+  background: linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
+  /* W3C */
+}
+.wysiwyg-toolbar .dropdown-colorpicker > .dropdown-menu {
+  top: auto;
+}
+.wysiwyg-toolbar input[type=file] {
+  position: fixed;
+  z-index: -10;
+  opacity: 0;
+  max-width: 0;
+  max-height: 0;
+  display: block;
+}
+.wysiwyg-toolbar .wysiwyg-choose-file {
+  display: inline-block;
+  width: auto;
+  margin: 4px auto 0;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.wysiwyg-toolbar .dropdown-menu input[type=text] {
+  margin-left: 8px;
+  margin-bottom: 0;
+}
+.wysiwyg-toolbar .dropdown-menu input[type=text].form-control {
+  min-width: 150px;
+}
+.wysiwyg-toolbar .dropdown-menu .btn {
+  margin-right: 8px;
+  margin-left: 8px;
+}
+.wysiwyg-style1 .btn-colorpicker {
+  width: 20px;
+  height: 20px;
+  margin-left: 4px;
+}
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  /* for adding image resize functionality in chrome and safari */
+  .wysiwyg-editor img {
+    display: inline !important;
+  }
+  .wysiwyg-editor .ui-wrapper {
+    border: 1px dotted #D00;
+    overflow: visible !important;
+    /* because it's image only, so it's ok */
+    display: inline-block !important;
+    vertical-align: middle;
+  }
+  .wysiwyg-editor .ui-wrapper:after {
+    content: "";
+    display: block;
+    position: absolute;
+    right: -3px;
+    bottom: -3px;
+    width: 7px;
+    height: 7px;
+    border: 1px solid #D00;
+    background-color: #FFF;
+    z-index: 1;
+  }
+}
+/* inside widget */
+.widget-header .wysiwyg-toolbar {
+  background-color: transparent;
+}
+.widget-header .wysiwyg-toolbar .btn-group > .btn,
+.widget-header .wysiwyg-toolbar .btn-group > .inline > .btn {
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.25) !important;
+  color: #FFF !important;
+  min-width: 32px;
+  border-width: 1px !important;
+  border-radius: 4px !important;
+  padding: 2px 1px 4px;
+}
+.widget-header .wysiwyg-toolbar .btn-group > .btn.active,
+.widget-header .wysiwyg-toolbar .btn-group > .inline > .btn.active {
+  background: rgba(0, 0, 0, 0.25) !important;
+}
+.widget-body .wysiwyg-editor {
+  border-width: 0;
+}
+.wysiwyg-speech-input {
+  width: 20px !important;
+  color: transparent !important;
+  background: transparent none !important;
+  border-width: 0 !important;
+  -moz-transform: scale(2.0, 2.0);
+  -webkit-transform: scale(2.0, 2.0);
+  -o-transform: scale(2.0, 2.0);
+  -ms-transform: scale(2.0, 2.0);
+  transform: scale(2.0, 2.0);
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  position: absolute;
+  right: 0;
+  top: -10px;
+  cursor: pointer;
+}
+.wysiwyg-speech-input:focus {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+.widget-body .md-header {
+  margin-top: -30px;
+  margin-left: 9px;
+}
+.widget-body .md-header .btn {
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.25) !important;
+  color: #FFF !important;
+  text-align: center;
+  min-width: 32px;
+  border-width: 1px !important;
+  border-radius: 4px !important;
+  padding: 2px 4px 4px;
+}
+.widget-body .md-header .btn > .ace-icon {
+  font-size: 14px;
+  width: 25px;
+  max-width: 25px;
+  display: inline-block;
+}
+.widget-body .md-header .btn-inverse {
+  background: rgba(0, 0, 0, 0.25) !important;
+  padding-right: 5px;
+  margin-left: 4px;
+}
+.md-fullscreen-controls {
+  display: none;
+}
+.widget-body .md-preview {
+  padding: 8px;
+  min-height: 200px;
+}
+.widget-body .md-input {
+  border: none !important;
+  box-shadow: none !important;
+  display: block;
+  margin-bottom: 0;
+  background-color: rgba(48, 126, 204, 0.07);
+  padding: 8px;
+  width: 100%;
+}
+.widget-body .md-input:focus {
+  background-color: #FFF;
+  box-shadow: none !important;
+}
+.editable-container .popover-title {
+  color: #438EB9;
+}
+.editable-click {
+  border-bottom: 1px dashed #BBB;
+  cursor: pointer;
+  font-weight: normal;
+}
+img.editable-click {
+  border: 1px dotted #BBB;
+}
+.editable-click:hover {
+  border-color: #0088CC;
+  color: #0088CC;
+}
+img.editable-click:hover {
+  opacity: 0.75;
+  filter: alpha(opacity=75);
+}
+.editable-buttons,
+.editable-input {
+  display: inline-block;
+}
+.editable-buttons {
+  margin-left: 1px;
+}
+.editable-buttons .btn {
+  padding: 0;
+  width: 28px;
+  line-height: 24px;
+  border-width: 3px;
+  font-size: 12px;
+  margin: 0 1px 0 0;
+}
+.editable-buttons .btn > .ace-icon {
+  margin: 0;
+}
+.editable-clear-x {
+  cursor: pointer;
+  color: #888;
+  background: none;
+}
+.editable-clear-x:hover {
+  color: #D15B47;
+}
+.editable-clear-x:before {
+  display: inline-block;
+  content: "\f057";
+  font-family: FontAwesome;
+  font-size: 15px;
+  position: absolute;
+  margin-top: -9px;
+  width: 16px;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+}
+.editable-input .ace-spinner {
+  margin-right: 8px;
+}
+.editable-input .ace-spinner .spinner-input {
+  width: 100%;
+}
+.editable-inline .editable-slider {
+  margin-top: 10px;
+  margin-right: 4px;
+}
+.editable-popup .editable-slider {
+  display: block;
+  margin-bottom: 16px;
+  margin-top: 4px;
+}
+.editable-slider input[type=text] {
+  display: none;
+}
+.editable-slider input[type=range] {
+  outline: none !important;
+}
+.editable-input .ace-file-input {
+  display: block;
+}
+.editable-image .ace-file-multiple .ace-file-container.selected {
+  border-color: transparent;
+}
+.editable-image + .editable-buttons,
+.editable-wysiwyg + .editable-buttons {
+  display: block;
+  text-align: center;
+  margin-top: 8px;
+}
+.editable-wysiwyg {
+  width: 95%;
+}
+.editable-wysiwyg .wysiwyg-editor {
+  height: auto;
+  overflow-y: hidden;
+}
+.editableform .input-append.dropdown-menu {
+  display: none;
+}
+.editableform .open .input-append.dropdown-menu {
+  display: block;
+}
+.editable-container .editableform {
+  margin-bottom: 10px;
+}
+.editable-inline .editableform {
+  margin-bottom: 0;
+}
+.editableform .control-group {
+  display: block;
+}
+.editableform-loading {
+  background: none;
+}
+.editableform-loading .ace-icon,
+.editableform-loading .progress {
+  position: relative;
+  top: 35%;
+}
+.input-group.date .input-group-addon {
+  cursor: pointer;
+}
+.datepicker td,
+.daterangepicker td,
+.datepicker th,
+.daterangepicker th {
+  border-radius: 0 !important;
+  font-size: 13px;
+}
+.datepicker td.active,
+.daterangepicker td.active,
+.datepicker td.active:hover,
+.daterangepicker td.active:hover {
+  background: #2283c5 !important;
+}
+.datepicker td.active.disabled,
+.daterangepicker td.active.disabled,
+.datepicker td.active.disabled:hover,
+.daterangepicker td.active.disabled:hover {
+  background: #8b9aa3 !important;
+}
+.datepicker td,
+.datepicker th {
+  min-width: 32px;
+}
+.datepicker-dropdown.datepicker-orient-bottom:after,
+.datepicker-dropdown.datepicker-orient-bottom:before {
+  top: auto;
+}
+.daterangepicker .calendar-date {
+  border-radius: 0;
+}
+.datepicker-months .month,
+.datepicker-years .year {
+  border-radius: 0 !important;
+}
+.datepicker-months .month.active,
+.datepicker-years .year.active,
+.datepicker-months .month.active:hover,
+.datepicker-years .year.active:hover,
+.datepicker-months .month.active:focus,
+.datepicker-years .year.active:focus,
+.datepicker-months .month.active:active,
+.datepicker-years .year.active:active {
+  background-image: none !important;
+  background-color: #2283c5 !important;
+}
+.bootstrap-timepicker-widget table td input {
+  width: 32px;
+}
+.well .datepicker table tr td.day:hover {
+  background-color: #7d8893;
+  color: #FFF;
+}
+.bootstrap-timepicker-widget table td a:hover {
+  border-radius: 0;
+}
+.daterangepicker.opensleft:before,
+.daterangepicker.opensright:before {
+  -moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
+}
+.daterangepicker.opensleft:after,
+.daterangepicker.opensright:after {
+  -moz-border-bottom-colors: #fff;
+}
+.datepicker-dropdown:before {
+  -moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
+}
+.datepicker-dropdown:after {
+  -moz-border-bottom-colors: #fff;
+}
+.datepicker-dropdown.datepicker-orient-bottom:before {
+  -moz-border-top-colors: #999;
+}
+.datepicker-dropdown.datepicker-orient-bottom:after {
+  -moz-border-top-colors: #FFF;
+}
+.bootstrap-timepicker-widget.dropdown-menu:before {
+  -moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
+}
+.bootstrap-timepicker-widget.dropdown-menu:after {
+  -moz-border-bottom-colors: #FFF;
+}
+.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
+  -moz-border-top-colors: #999;
+}
+.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
+  -moz-border-top-colors: #FFF;
+}
+.bootstrap-datetimepicker-widget [class=btn] {
+  border-width: 0 !important;
+  background-color: transparent !important;
+  color: #7399b8 !important;
+  text-shadow: none !important;
+}
+.bootstrap-datetimepicker-widget [class=btn]:hover {
+  color: #1B6AAA !important;
+}
+.bootstrap-datetimepicker-widget .btn.btn-primary {
+  border-width: 3px !important;
+}
+.bootstrap-datetimepicker-widget .picker-switch {
+  margin-bottom: 2px;
+}
+.bootstrap-datetimepicker-widget .picker-switch .btn {
+  width: 90% !important;
+  background-color: #EEE !important;
+  color: #478fca !important;
+  font-size: 16px;
+}
+.bootstrap-datetimepicker-widget .picker-switch .btn:hover {
+  background-color: #e3edf5 !important;
+}
+.bootstrap-datetimepicker-widget td span {
+  border-radius: 0;
+}
+.bootstrap-datetimepicker-widget .timepicker-hour,
+.bootstrap-datetimepicker-widget .timepicker-minute,
+.bootstrap-datetimepicker-widget .timepicker-second {
+  color: #555 !important;
+}
+.ui-slider {
+  background-color: #D5D5D5;
+}
+.ui-slider-horizontal {
+  height: 9px;
+}
+.ui-slider-vertical {
+  width: 9px;
+}
+.ui-slider .ui-slider-handle {
+  border-radius: 0;
+  width: 1.45em;
+  height: 1.45em;
+  background-color: #F8F8F8;
+  border: 1px solid;
+}
+.ui-slider .ui-slider-handle:before,
+.ui-slider .ui-slider-handle:after {
+  display: block;
+  content: "";
+  position: absolute;
+  top: 4px;
+  left: 5px;
+  width: 4px;
+  height: 8px;
+  border: 1px solid;
+  border-width: 0 1px;
+  border-color: inherit;
+}
+.ui-slider .ui-slider-handle:after {
+  left: 8px;
+  border-width: 0 1px 0 0;
+}
+.ui-slider .ui-slider-handle:hover {
+  background-color: #FFF;
+}
+.ui-slider .ui-slider-handle:hover,
+.ui-slider .ui-slider-handle:focus,
+.ui-slider .ui-slider-handle:active {
+  outline: none;
+  -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,.3);
+  box-shadow: 1px 1px 1px 0px rgba(0,0,0,.3);
+}
+.ui-slider-horizontal .ui-slider-handle {
+  margin-left: -0.725em;
+  top: -0.4em;
+}
+.ui-slider-vertical .ui-slider-handle {
+  left: -0.35em;
+  margin-bottom: -0.65em;
+}
+.ui-slider-small.ui-slider-horizontal {
+  height: 5px;
+}
+.ui-slider-small.ui-slider-vertical {
+  width: 5px;
+}
+.ui-slider-small .ui-slider-handle {
+  border-radius: 100%;
+  width: 17px;
+  height: 17px;
+  margin-bottom: -0.45em;
+  left: -0.35em;
+}
+.ui-slider-small .ui-slider-handle:before,
+.ui-slider-small .ui-slider-handle:after {
+  height: 7px;
+  left: 5px;
+  width: 3px;
+}
+.ui-slider-small .ui-slider-handle:after {
+  left: 7px;
+}
+.ui-slider-simple .ui-slider-handle:after,
+.ui-slider-simple .ui-slider-handle:before {
+  display: none;
+}
+/* colors */
+.ui-slider-range {
+  background-color: #4aa4ce;
+}
+.ui-slider-handle {
+  outline: none !important;
+  border-color: #4aa4ce !important;
+}
+.ui-state-disabled.ui-slider {
+  background-color: #E5E5E5;
+}
+.ui-state-disabled .ui-slider-range {
+  background-color: #8daebe;
+}
+.ui-state-disabled .ui-slider-handle {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  border-color: #8daebe !important;
+}
+.ui-slider-green .ui-slider-range {
+  background-color: #8bbc67;
+}
+.ui-slider-green .ui-slider-handle {
+  border-color: #8bbc67 !important;
+}
+.ui-slider-green.ui-state-disabled .ui-slider-range {
+  background-color: #aab0a6;
+}
+.ui-slider-green.ui-state-disabled .ui-slider-handle {
+  border-color: #aab0a6 !important;
+}
+.ui-slider-red .ui-slider-range {
+  background-color: #d36e6e;
+}
+.ui-slider-red .ui-slider-handle {
+  border-color: #d36e6e !important;
+}
+.ui-slider-red.ui-state-disabled .ui-slider-range {
+  background-color: #c8acac;
+}
+.ui-slider-red.ui-state-disabled .ui-slider-handle {
+  border-color: #c8acac !important;
+}
+.ui-slider-purple .ui-slider-range {
+  background-color: #ac68ba;
+}
+.ui-slider-purple .ui-slider-handle {
+  border-color: #ac68ba !important;
+}
+.ui-slider-purple.ui-state-disabled .ui-slider-range {
+  background-color: #ada7ae;
+}
+.ui-slider-purple.ui-state-disabled .ui-slider-handle {
+  border-color: #ada7ae !important;
+}
+.ui-slider-orange .ui-slider-range {
+  background-color: #efad62;
+}
+.ui-slider-orange .ui-slider-handle {
+  border-color: #efad62 !important;
+}
+.ui-slider-orange.ui-state-disabled .ui-slider-range {
+  background-color: #e0c4a4;
+}
+.ui-slider-orange.ui-state-disabled .ui-slider-handle {
+  border-color: #e0c4a4 !important;
+}
+.ui-slider-dark .ui-slider-range {
+  background-color: #606060;
+}
+.ui-slider-dark .ui-slider-handle {
+  border-color: #606060 !important;
+}
+.ui-slider-dark.ui-state-disabled .ui-slider-range {
+  background-color: #7a7a7a;
+}
+.ui-slider-dark.ui-state-disabled .ui-slider-handle {
+  border-color: #7a7a7a !important;
+}
+.ui-slider-pink .ui-slider-range {
+  background-color: #d6487e;
+}
+.ui-slider-pink .ui-slider-handle {
+  border-color: #d6487e !important;
+}
+.ui-slider-pink.ui-state-disabled .ui-slider-range {
+  background-color: #c38ea2;
+}
+.ui-slider-pink.ui-state-disabled .ui-slider-handle {
+  border-color: #c38ea2 !important;
+}
+.ui-datepicker {
+  background-color: #FFF;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.ui-datepicker .ui-datepicker-prev,
+.ui-datepicker .ui-datepicker-next {
+  height: 26px;
+  min-width: 32px;
+  max-width: 32px;
+  text-align: center;
+  cursor: pointer;
+  color: transparent;
+  line-height: 26px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.ui-datepicker .ui-datepicker-prev .ui-icon,
+.ui-datepicker .ui-datepicker-next .ui-icon {
+  color: transparent;
+  visibility: hidden;
+}
+.ui-datepicker .ui-datepicker-prev:hover,
+.ui-datepicker .ui-datepicker-next:hover {
+  background-color: #EEE;
+  text-decoration: none;
+}
+.ui-datepicker .ui-datepicker-prev:before,
+.ui-datepicker .ui-datepicker-next:before {
+  display: inline;
+  font-family: FontAwesome;
+  font-size: 14px;
+  content: "\f060";
+  color: #393939;
+}
+.ui-datepicker .ui-datepicker-prev-hover,
+.ui-datepicker .ui-datepicker-next-hover {
+  top: 2px;
+}
+.ui-datepicker .ui-datepicker-next:before {
+  content: "\f061";
+}
+.ui-datepicker .ui-datepicker-prev-hover {
+  left: 2px;
+}
+.ui-datepicker .ui-datepicker-next-hover {
+  right: 2px;
+}
+.ui-datepicker td {
+  padding: 0;
+}
+.ui-datepicker td > a,
+.ui-datepicker td > span {
+  display: inline-block;
+  height: 22px;
+  min-width: 24px;
+  max-width: 24px;
+  text-align: center;
+  color: #393939;
+  font-size: 13px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.ui-datepicker td > a:hover {
+  background-color: #EEE;
+}
+.ui-datepicker td > a.ui-state-highlight {
+  background-color: #D5E5EF;
+}
+.ui-datepicker td > a.ui-state-active {
+  background-color: #2283c5;
+  color: #FFF;
+}
+.ui-datepicker td > a.ui-priority-secondary {
+  color: #888;
+}
+.ui-datepicker td > span {
+  color: #999;
+}
+.ui-datepicker td .ui-datepicker-title select {
+  height: 24px;
+  line-height: 24px;
+  padding: 2px 3px;
+}
+.ui-datepicker td .ui-datepicker-buttonpane {
+  background-color: #DDD;
+  height: 1px;
+}
+/* dialog */
+.ui-widget-overlay {
+  background: rgba(0, 0, 0, 0.25);
+  opacity: 1 !important;
+  filter: alpha(opacity=100) !important;
+  z-index: 1039 !important;
+}
+.ui-dialog,
+.ui-jqdialog {
+  z-index: 1040 !important;
+  background-color: #FFF;
+  padding: 0;
+  border: 1px solid #DDD;
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.ui-dialog .ui-dialog-titlebar,
+.ui-jqdialog .ui-dialog-titlebar,
+.ui-dialog .ui-jqdialog-titlebar,
+.ui-jqdialog .ui-jqdialog-titlebar {
+  background-color: #F1F1F1;
+  font-size: 16px;
+  color: #669fc7;
+  padding: 0;
+}
+.ui-dialog .ui-dialog-title,
+.ui-jqdialog .ui-dialog-title,
+.ui-dialog .ui-jqdialog-title,
+.ui-jqdialog .ui-jqdialog-title {
+  float: none !important;
+  width: auto;
+}
+.ui-dialog .widget-header,
+.ui-jqdialog .widget-header {
+  margin: 0;
+  border-width: 0 0 1px 0;
+}
+.ui-dialog .ui-dialog-buttonpane,
+.ui-jqdialog .ui-dialog-buttonpane,
+.ui-dialog .ui-jqdialog-buttonpane,
+.ui-jqdialog .ui-jqdialog-buttonpane {
+  background-color: #eff3f8;
+  border-top: 1px solid #e4e9ee;
+}
+.ui-dialog .ui-dialog-buttonpane button,
+.ui-jqdialog .ui-dialog-buttonpane button,
+.ui-dialog .ui-jqdialog-buttonpane button,
+.ui-jqdialog .ui-jqdialog-buttonpane button {
+  font-size: 14px;
+}
+.ui-dialog .ui-dialog-titlebar-close,
+.ui-jqdialog .ui-dialog-titlebar-close,
+.ui-dialog .ui-jqdialog-titlebar-close,
+.ui-jqdialog .ui-jqdialog-titlebar-close {
+  border: none;
+  background: transparent;
+  opacity: 0.4;
+  color: #d15b47;
+  padding: 0;
+  top: 50%;
+  right: 8px !important;
+  text-align: center;
+}
+.ui-dialog .ui-dialog-titlebar-close:before,
+.ui-jqdialog .ui-dialog-titlebar-close:before,
+.ui-dialog .ui-jqdialog-titlebar-close:before,
+.ui-jqdialog .ui-jqdialog-titlebar-close:before {
+  content: "\f00d";
+  display: inline;
+  font-family: FontAwesome;
+  font-size: 16px;
+}
+.ui-dialog .ui-dialog-titlebar-close:hover,
+.ui-jqdialog .ui-dialog-titlebar-close:hover,
+.ui-dialog .ui-jqdialog-titlebar-close:hover,
+.ui-jqdialog .ui-jqdialog-titlebar-close:hover {
+  opacity: 1;
+  text-decoration: none;
+  padding: 0;
+}
+.ui-dialog .ui-dialog-titlebar-close .ui-button-text,
+.ui-jqdialog .ui-dialog-titlebar-close .ui-button-text,
+.ui-dialog .ui-jqdialog-titlebar-close .ui-button-text,
+.ui-jqdialog .ui-jqdialog-titlebar-close .ui-button-text {
+  text-indent: 0;
+  visibility: hidden;
+}
+.ui-dialog .widget-header .ui-dialog-titlebar-close,
+.ui-jqdialog .widget-header .ui-dialog-titlebar-close,
+.ui-dialog .widget-header .ui-jqdialog-titlebar-close,
+.ui-jqdialog .widget-header .ui-jqdialog-titlebar-close {
+  right: 10px !important;
+}
+/* accordion */
+.ui-accordion .ui-accordion-header {
+  color: #478fca;
+  font-weight: normal;
+  background-color: #F9F9F9;
+  border: 1px solid #cdd8e3;
+  padding: 8px 8px 9px 24px;
+}
+.ui-accordion .ui-accordion-header:hover {
+  color: #6ea6cc;
+  background-color: #f1f8fd;
+}
+.ui-accordion .ui-accordion-header.ui-state-active {
+  color: #4c8fbd;
+  background-color: #eef4f9;
+  position: relative;
+  font-weight: bold;
+}
+.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
+  text-indent: 0;
+  margin-top: 0;
+  position: absolute;
+  left: 10px;
+  top: 7px;
+}
+.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
+  display: inline;
+  font-family: FontAwesome;
+  font-size: 15px;
+  content: "\f0da";
+}
+.ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:before {
+  content: "\f0d7";
+  font-weight: normal;
+}
+.ui-accordion .ui-accordion-content {
+  border: 1px solid #cdd8e3;
+  border-top-width: 0;
+  padding: 11px 16px;
+}
+/* tabs */
+.ui-tabs .ui-tabs-nav {
+  padding: 0;
+  border-bottom: 1px solid #C5D0DC;
+}
+.ui-tabs .ui-tabs-nav li.ui-state-default > a {
+  background-color: #F9F9F9;
+  border: 1px solid #C5D0DC;
+  border-bottom-width: 0;
+  color: #999;
+  line-height: 16px;
+  margin-right: -1px;
+  z-index: 11;
+  padding: 8px 12px;
+  position: relative;
+  top: 2px;
+}
+.ui-tabs .ui-tabs-nav li > a:focus {
+  outline: none;
+}
+.ui-tabs .ui-tabs-nav li.ui-tabs-active > a {
+  background-color: #FFF;
+  border: 1px solid;
+  border-color: #4C8FBD #C5D0DC transparent;
+  border-top-width: 2px;
+  -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
+  color: #576373;
+  position: relative;
+  top: 1px;
+}
+.ui-tabs .ui-tabs-panel {
+  border: 1px solid #C5D0DC;
+  border-top-width: 0;
+  margin: 0;
+  left: auto;
+  right: auto;
+  top: auto;
+  bottom: auto;
+}
+/* menu */
+.ui-menu {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  width: 150px;
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  background-color: #FFF;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  padding: 3px;
+}
+.ui-menu .ui-state-focus,
+.ui-menu .ui-state-active {
+  margin: auto;
+}
+.ui-menu .ui-menu-item {
+  padding: 5px 10px 6px;
+  color: #444;
+  cursor: pointer;
+  display: block;
+  -webkit-box-sizing: inherit;
+  -moz-box-sizing: inherit;
+  box-sizing: inherit;
+}
+.ui-menu .ui-menu-item .ui-menu-icon {
+  float: right;
+  position: relative;
+  left: auto;
+  right: 4px;
+  bottom: auto;
+  text-indent: 0;
+}
+.ui-menu .ui-menu-item .ui-menu-icon:before {
+  content: "\f105";
+  font-family: FontAwesome;
+  font-size: 14px;
+  display: inline;
+}
+.ui-menu .ui-menu-item:hover,
+.ui-menu .ui-state-focus,
+.ui-menu .ui-state-active,
+.ui-menu .ui-menu-item:hover > .ui-menu-icon,
+.ui-menu .ui-state-focus > .ui-menu-icon,
+.ui-menu .ui-state-active > .ui-menu-icon {
+  text-decoration: none;
+  background-color: #4f99c6;
+  color: #FFF;
+  margin: auto;
+  font-weight: normal;
+}
+.ui-menu .ui-menu-item:hover .ui-menu-icon,
+.ui-menu .ui-state-focus .ui-menu-icon,
+.ui-menu .ui-state-active .ui-menu-icon,
+.ui-menu .ui-menu-item:hover > .ui-menu-icon .ui-menu-icon,
+.ui-menu .ui-state-focus > .ui-menu-icon .ui-menu-icon,
+.ui-menu .ui-state-active > .ui-menu-icon .ui-menu-icon {
+  color: #FFF;
+}
+.ui-menu .ui-state-disabled,
+.ui-menu .ui-state-disabled .ui-menu-icon {
+  color: #999;
+  cursor: default;
+}
+.ui-menu .ui-state-disabled:hover,
+.ui-menu .ui-state-disabled.ui-state-focus,
+.ui-menu .ui-state-disabled.ui-state-active,
+.ui-menu .ui-state-disabled:hover .ui-menu-icon,
+.ui-menu .ui-state-disabled.ui-state-focus .ui-menu-icon,
+.ui-menu .ui-state-disabled.ui-state-active .ui-menu-icon {
+  background-color: #FFF;
+  color: #999;
+}
+/* auto complete */
+.ui-autocomplete {
+  background-color: #FFF;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.ui-autocomplete-category {
+  padding: 6px;
+  position: relative;
+  background-color: #eef4f9;
+  color: #478fca;
+  font-weight: bolder;
+  border: 1px solid #DAE6ED;
+  border-width: 1px 0;
+}
+.ui-spinner-button {
+  border-width: 0 !important;
+  font-size: 10px;
+  height: 16px;
+  line-height: 16px;
+  width: 18px;
+  color: #FFFFFF !important;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
+  display: inline-block;
+  position: absolute;
+  text-align: center;
+  padding: 0;
+}
+.ui-spinner-button > .ace-icon {
+  width: 18px;
+  display: inline-block;
+}
+.ui-spinner-up {
+  top: 0;
+  right: 5px;
+}
+.ui-spinner-down {
+  bottom: 3px;
+  right: 5px;
+}
+.ui-spinner-input {
+  margin-top: 0;
+  padding: 5px;
+  max-width: 100px;
+  font-size: 14px;
+}
+.ui-tooltip {
+  background-color: #444;
+  color: #FFF;
+}
+.ui-progressbar {
+  background-color: #f5f5f5;
+  height: 22px;
+}
+.ui-progressbar .ui-progressbar-value {
+  margin: 0;
+}
+.ui-progressbar .ui-progressbar-value[class="progress-bar"] {
+  background-color: #2a91d8;
+}
+.ui-selectmenu-button {
+  border: 1px solid #aaa;
+}
+.ui-selectmenu-button[aria-expanded=true] {
+  border-color: #4492C9;
+}
+.ui-selectmenu-button span.ui-icon {
+  text-indent: 0;
+  margin-top: -10px;
+}
+.ui-selectmenu-button .ui-icon:before {
+  content: "\f0d7";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 14px;
+}
+.ui-jqgrid .ui-jqgrid-view,
+.ui-jqgrid .ui-paging-info,
+.ui-jqgrid .ui-pg-table,
+.ui-jqgrid .ui-pg-selbox {
+  font-size: 13px;
+}
+.ui-jqgrid .ui-jqgrid-title {
+  float: left;
+  margin: 8px;
+}
+.ui-jqgrid .ui-jqgrid-title-rtl {
+  float: right;
+  margin: 8px;
+}
+.ui-jqgrid-view > .ui-jqgrid-titlebar {
+  height: 40px;
+  line-height: 24px;
+  color: #FFF;
+  background: #307ecc;
+  padding: 0;
+  font-size: 15px;
+}
+.ui-jqgrid tr.jqgrow.ui-row-rtl td:last-child {
+  border-right: none;
+  border-left: 1px solid #E1E1E1;
+}
+.ui-jqgrid .ui-jqgrid-hdiv {
+  background-color: #eff3f8;
+  border: 1px solid #D3D3D3;
+  border-width: 1px 0 0 1px;
+  line-height: 15px;
+  font-weight: bold;
+  color: #777;
+  text-shadow: none;
+}
+.ui-jqgrid .ui-jqgrid-htable thead {
+  background-color: #eff3f8;
+}
+.ui-jqgrid .ui-jqgrid-htable th span.ui-jqgrid-resize {
+  height: 45px !important;
+}
+.ui-jqgrid .ui-jqgrid-htable th div {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+.ui-jqgrid-hdiv .ui-jqgrid-htable {
+  border-top: none;
+}
+.ui-jqgrid-hdiv .ui-jqgrid-htable {
+  border-top: 1px solid #E1E1E1;
+}
+.ui-jqgrid-titlebar {
+  position: relative;
+  top: 1px;
+  z-index: 1;
+}
+.ui-jqgrid tr.jqgrow,
+.ui-jqgrid tr.ui-row-ltr,
+.ui-jqgrid tr.ui-row-rtl {
+  border: none;
+}
+.ui-jqgrid tr.ui-row-ltr td,
+.ui-jqgrid tr.ui-row-rtl td {
+  border-bottom: 1px solid #E1E1E1;
+  padding: 6px 4px;
+  border-color: #E1E1E1;
+}
+.ui-jqgrid tr.ui-state-highlight.ui-row-ltr td {
+  border-right-color: #C7D3A9;
+}
+.ui-jqgrid tr.ui-state-highlight.ui-row-rtl td {
+  border-left-color: #C7D3A9;
+}
+.ui-jqgrid-btable .ui-widget-content.ui-priority-secondary {
+  background-image: none;
+  background-color: #F9F9F9;
+  opacity: 1;
+}
+.ui-jqgrid-btable .ui-widget-content.ui-state-hover {
+  background-image: none;
+  background-color: #EFF4F7;
+  opacity: 1;
+}
+.ui-jqgrid-btable .ui-widget-content.ui-state-highlight {
+  background-color: #E4EFC9;
+}
+.ui-jqgrid .ui-jqgrid-pager {
+  line-height: 15px;
+  height: 55px;
+  padding-top: 3px !important;
+  padding-bottom: 5px !important;
+  background-color: #eff3f8 !important;
+  border-bottom: 1px solid #E1E1E1 !important;
+  border-top: 1px solid #E1E1E1 !important;
+}
+.ui-jqgrid .ui-pg-input {
+  font-size: inherit;
+  width: 24px;
+  height: 20px;
+  line-height: 16px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  text-align: center;
+  padding-top: 1px;
+  padding-bottom: 1px;
+}
+.ui-jqgrid .ui-pg-selbox {
+  display: block;
+  height: 24px;
+  width: 60px;
+  margin: 0;
+  padding: 1px;
+  line-height: normal;
+}
+.ui-jqgrid .ui-jqgrid-htable th div {
+  overflow: visible;
+}
+.ui-jqgrid .ui-pager-control {
+  height: 50px;
+  position: relative;
+  padding-left: 9px;
+  padding-right: 9px;
+}
+.ui-jqgrid .ui-jqgrid-toppager {
+  height: auto !important;
+  background-color: #eff3f8;
+  border-bottom: 1px solid #E1E1E1 !important;
+}
+.ui-jqgrid .jqgrow .editable {
+  max-width: 90%;
+  max-width: calc(92%) !important;
+}
+.ui-pg-table .navtable .ui-corner-all {
+  border-radius: 0;
+}
+.ui-jqgrid .ui-pg-button:hover {
+  padding: 1px;
+}
+.ui-jqgrid .ui-pg-button .ui-separator {
+  margin-left: 4px;
+  margin-right: 4px;
+  border-color: #C9D4DB;
+}
+.ui-jqgrid .ui-jqgrid-btable {
+  border-left: 1px solid #E1E1E1;
+}
+.ui-jqgrid .ui-jqgrid-bdiv {
+  border-top: 1px solid #E1E1E1;
+}
+.ui-jqgrid .loading {
+  position: absolute;
+  top: 45%;
+  left: 45%;
+  width: auto;
+  height: auto;
+  z-index: 101;
+  padding: 6px;
+  margin: 5px;
+  text-align: center;
+  font-weight: bold;
+  font-size: 12px;
+  background-color: #FFF;
+  border: 2px solid #8EB8D1;
+  color: #E2B018;
+}
+.ui-jqgrid .ui-search-toolbar {
+  border-top: 1px solid #E1E1E1;
+}
+.ui-jqgrid .ui-jqgrid-labels {
+  border-bottom: none;
+  background: #F2F2F2;
+  background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
+  background-image: -o-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
+  background-image: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);
+  padding: 0 !important;
+  border-left: 1px solid #E1E1E1 !important;
+}
+.ui-jqgrid .ui-jqgrid-labels th {
+  border-right: 1px solid #E1E1E1 !important;
+  text-align: left !important;
+}
+/* checkbox container */
+.ui-jqgrid-labels th[id*="_cb"]:first-child > div {
+  padding-top: 0;
+  text-align: center !important;
+}
+.ui-jqgrid-sortable {
+  padding-left: 4px;
+  font-size: 13px;
+  color: #777;
+  font-weight: bold;
+}
+.ui-jqgrid-sortable:hover {
+  color: #547ea8;
+}
+th[aria-selected=true] {
+  background-image: -webkit-linear-gradient(top, #eff3f8 0%, #e3e7ed 100%);
+  background-image: -o-linear-gradient(top, #eff3f8 0%, #e3e7ed 100%);
+  background-image: linear-gradient(to bottom, #eff3f8 0%, #e3e7ed 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0);
+}
+th[aria-selected=true] .ui-jqgrid-sortable {
+  color: #307ecc;
+}
+.ui-jqgrid .ui-icon {
+  text-indent: 0;
+  color: #307ecc;
+  float: none;
+  right: 2px;
+}
+.rtl .ui-jqgrid .ui-icon {
+  right: auto;
+  left: 2px;
+}
+.ui-jqgrid .ui-icon.ui-state-disabled {
+  color: #BBB;
+}
+.ui-jqgrid .ui-icon.ui-state-disabled:hover {
+  padding: 0;
+}
+.ui-grid-ico-sort:before {
+  display: inline;
+  content: "\f0d7";
+  font-family: FontAwesome;
+  font-size: 12px;
+}
+.ui-icon-asc:before {
+  content: "\f0d8";
+}
+.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon {
+  display: inline-block;
+  padding: 0;
+  width: 24px;
+  height: 24px;
+  line-height: 22px;
+  text-align: center;
+  position: static;
+  float: none;
+  margin: 0 2px !important;
+  color: #808080;
+  border: 1px solid #CCC;
+  background-color: #FFF;
+  border-radius: 100%;
+}
+.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon:hover {
+  color: #699AB5;
+  border-color: #699AB5;
+}
+.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon:before {
+  width: 20px;
+  text-align: center;
+  display: inline-block;
+}
+.ui-pg-table > tbody > tr > .ui-pg-button.ui-state-disabled .ui-icon {
+  color: #B0B0B0;
+  background-color: #F7F7F7;
+  border-color: #DDD;
+  -moz-transform: scale(0.9);
+  -webkit-transform: scale(0.9);
+  -o-transform: scale(0.9);
+  -ms-transform: scale(0.9);
+  transform: scale(0.9);
+}
+.ui-jqgrid-btable input,
+.ui-jqgrid-btable textarea,
+.ui-jqgrid-btable select {
+  padding: 2px;
+  width: auto;
+  max-width: 100%;
+  margin-bottom: 0;
+}
+.ui-jqgrid-btable select {
+  padding: 1px;
+  height: 25px;
+  line-height: 25px;
+}
+.ui-pg-div .ui-icon {
+  display: inline-block;
+  width: 18px;
+  float: none;
+  position: static;
+  text-align: center;
+  opacity: 0.85;
+  -webkit-transition: all 0.12s;
+  -o-transition: all 0.12s;
+  transition: all 0.12s;
+  margin: 0 1px;
+  vertical-align: middle;
+  cursor: pointer;
+  font-size: 17px;
+}
+.ui-pg-div .ui-icon:hover {
+  -moz-transform: scale(1.2);
+  -webkit-transform: scale(1.2);
+  -o-transform: scale(1.2);
+  -ms-transform: scale(1.2);
+  transform: scale(1.2);
+  opacity: 1;
+  position: static;
+  margin: 0 1px;
+}
+.ui-pg-div .ui-icon:before {
+  font-family: FontAwesome;
+  display: inline;
+}
+.ui-jqgrid .ui-icon-pencil {
+  color: #478FCA;
+}
+.ui-jqgrid .ui-icon-pencil:before {
+  content: "\f040";
+}
+.ui-jqgrid .ui-icon-trash {
+  color: #DD5A43;
+}
+.ui-jqgrid .ui-icon-trash:before {
+  content: "\f014";
+}
+.ui-jqgrid .ui-icon-disk {
+  color: #69AA46;
+}
+.ui-jqgrid .ui-icon-disk:before {
+  content: "\f00c";
+}
+.ui-jqgrid .ui-icon-cancel {
+  color: #DD5A43;
+}
+.ui-jqgrid .ui-icon-cancel:before {
+  content: "\f00d";
+}
+.ui-jqdialog-content,
+.ui-jqdialog .ui-jqdialog-content {
+  font-size: 13px;
+  padding: 4px 0 0;
+}
+.ui-jqdialog-content .formdata,
+.ui-jqdialog .ui-jqdialog-content .formdata {
+  font-size: 13px;
+  padding: 6px 12px;
+}
+.ui-jqdialog-content .form-view-data,
+.ui-jqdialog .ui-jqdialog-content .form-view-data {
+  vertical-align: middle;
+  font-size: 13px;
+}
+.ui-jqdialog-content[id*="alertcnt_"],
+.ui-jqdialog .ui-jqdialog-content[id*="alertcnt_"] {
+  padding: 8px 11px;
+}
+.ui-jqdialog-content .CaptionTD {
+  font-size: 12px;
+  text-align: right;
+  color: #666;
+}
+.ui-jqdialog-content .FormData {
+  border-bottom: 1px dotted #E8E8E8;
+}
+.ui-jqdialog-content .FormData:last-child {
+  border-bottom: none;
+}
+.ui-jqdialog-content .FormData > td {
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+.ui-jqdialog-content input.FormElement {
+  width: auto;
+}
+.ui-jqdialog-content select.FormElement {
+  padding: 1px;
+  height: 25px;
+  line-height: 25px;
+  width: auto;
+}
+.ui-jqdialog-content td.EditButton {
+  padding: 8px;
+}
+.EditTable {
+  background-color: #eff3f8;
+  border-top: 1px solid #D6E1EA !important;
+  padding: 8px;
+}
+.EditTable tr:first-child {
+  display: none;
+}
+.EditTable .navButton .fm-button {
+  float: none !important;
+  width: auto !important;
+  margin: 1px 1px 2px !important;
+  background-color: transparent;
+  border-radius: 100%;
+}
+.EditTable .navButton .fm-button:hover {
+  background-color: transparent;
+}
+.EditTable .navButton .fm-button:focus {
+  outline: none;
+}
+.EditTable .navButton .fm-button .ace-icon {
+  display: inline-block;
+  color: #999;
+  border: 1px solid #AAA;
+  width: 26px;
+  height: 26px;
+  line-height: 26px;
+  text-align: center;
+  border-radius: 100%;
+  background-color: #FFF;
+}
+.EditTable .navButton .fm-button:hover .ace-icon {
+  color: #699AB5;
+  border-color: #699AB5;
+}
+.EditTable .navButton .fm-button.ui-state-disabled .ace-icon,
+.EditTable .navButton .fm-button.ui-state-disabled:hover .ace-icon {
+  color: #BBB;
+  border-color: #CCC;
+  -moz-transform: scale(0.88);
+  -webkit-transform: scale(0.88);
+  -o-transform: scale(0.88);
+  -ms-transform: scale(0.88);
+  transform: scale(0.88);
+}
+.FormGrid .EditTable {
+  background-color: #FFF;
+  border-top: none !important;
+  padding: 0;
+}
+.FormGrid .EditTable tr:first-child {
+  display: none;
+}
+.ui-jqgrid .ui-jqgrid-view input,
+.ui-jqgrid .ui-jqgrid-view select,
+.ui-jqgrid .ui-jqgrid-view textarea,
+.ui-jqgrid .ui-jqgrid-view button {
+  font-size: 13px;
+}
+.ui-jqdialog-content .searchFilter select {
+  padding: 1px;
+  height: 26px;
+  line-height: 26px;
+  width: auto;
+  max-width: 95%;
+  margin-bottom: 0;
+}
+.ui-jqdialog-content .searchFilter .input-elm {
+  margin-bottom: 0;
+  height: 18px;
+  line-height: 18px;
+  width: 95% !important;
+  padding-left: 1px;
+  padding-right: 1px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.ui-jqdialog-content .searchFilter table {
+  margin-left: 4px;
+}
+.ui-jqdialog-content .searchFilter tr td {
+  padding: 5px 0;
+}
+.ui-jqdialog-content .searchFilter .add-group,
+.ui-jqdialog-content .searchFilter .add-rule,
+.ui-jqdialog-content .searchFilter .delete-group {
+  margin-left: 4px !important;
+  font-size: 15px !important;
+}
+.ui-jqdialog-content .searchFilter .delete-rule {
+  border: none;
+  background-color: #FFF;
+  color: #D15B47;
+  font-size: 20px;
+  width: 22px;
+  line-height: 10px;
+  padding: 0;
+  text-shadow: none !important;
+  display: inline-block;
+  -webkit-transition: all 0.1s;
+  -o-transition: all 0.1s;
+  transition: all 0.1s;
+  opacity: 0.85;
+}
+.ui-jqdialog-content .searchFilter .delete-rule:hover {
+  -moz-transform: scale(1.1);
+  -webkit-transform: scale(1.1);
+  -o-transform: scale(1.1);
+  -ms-transform: scale(1.1);
+  transform: scale(1.1);
+  color: #B74635;
+  opacity: 1;
+}
+.ui-jqdialog-content .searchFilter .queryresult {
+  margin-bottom: 11px;
+}
+.ui-jqdialog-content .searchFilter .queryresult td.query {
+  padding: 6px 11px;
+  border: 1px solid #E1E1E1;
+  background-color: #EEEEEE;
+}
+.ui-jqdialog-content .searchFilter .queryresult td.query:empty {
+  display: none;
+}
+.ui-state-error {
+  background-color: #f2dede;
+  border: 1px solid #ebccd1;
+  color: #a94442;
+  margin: 4px 4px 8px;
+  padding: 6px 10px;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+  font-size: 13px;
+}
+.ui-jqdialog .ui-widget-header {
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
+  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
+  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
+  border-image: none;
+  border-bottom: 1px solid solid;
+  color: #669FC7;
+  min-height: 38px;
+  position: relative;
+}
+.ui-jqdialog .ui-widget-header .ui-jqdialog-title {
+  line-height: 38px;
+  margin: 0;
+  padding: 0;
+  padding-left: 12px;
+  text-align: left;
+}
+.widget-header .ui-jqdialog-title {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+.ui-jqdialog .ui-widget-header .widget-header {
+  border-bottom: none;
+}
+.ui-jqdialog .ui-jqdialog-titlebar {
+  border-bottom: 1px solid #DDD !important;
+}
+.fm-button {
+  margin: 0 4px;
+}
+.fm-button:not(.btn) {
+  background-color: #abbac3;
+  border-radius: 0 ;
+  box-shadow: none;
+  color: #FFFFFF ;
+  cursor: pointer;
+  display: inline-block;
+  font-size: 13px;
+  line-height: 28px;
+  padding: 0 12px 1px;
+  margin: 0 8px;
+  position: relative;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  -webkit-transition: all 0.15s;
+  -o-transition: all 0.15s;
+  transition: all 0.15s;
+  vertical-align: middle;
+}
+.fm-button.ui-state-default:hover {
+  background-color: #8b9aa3;
+}
+.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th {
+  height: 30px;
+  padding-top: 2px;
+  white-space: normal;
+}
+.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th div {
+  padding-top: 0;
+  padding-bottom: 0;
+  height: 30px;
+  line-height: 26px;
+}
+.ui-jqgrid .ui-jqgrid-titlebar-close {
+  top: 10%;
+  height: auto;
+  padding: 0;
+  margin: 2px 8px 0 0;
+  text-align: center;
+  border-radius: 4px;
+}
+.ui-jqgrid .ui-jqgrid-titlebar-close:hover {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+.ui-jqgrid .ui-jqgrid-titlebar-close .ui-icon:before {
+  display: inline-block;
+  font-family: FontAwesome;
+  content: "\f077";
+  color: #FFF;
+}
+.ui-jqgrid .ui-jqgrid-titlebar-close .ui-icon-circle-triangle-s:before {
+  content: "\f078";
+}
+.ui-jqgrid .tree-wrap-ltr {
+  margin: 0 4px;
+  float: none;
+  display: inline;
+}
+.ui-jqgrid .tree-wrap-rtl {
+  margin: 2px 4px 0;
+}
+.ui-jqgrid .ui-subgrid {
+  border-bottom: 1px solid #E1E1E1;
+  background-color: #F6FAFF;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid-btable {
+  background-color: #FFF;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv {
+  background-color: transparent;
+  margin-top: 4px;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels {
+  border-bottom: 1px solid #E1E1E1;
+  background: #F1F1F1;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th[aria-selected="true"] {
+  background: #E5E9EF;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th .ui-jqgrid-sortable {
+  font-size: 12px;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th div {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th span.ui-jqgrid-resize {
+  height: 36px !important;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-bdiv {
+  height: auto !important;
+  max-height: 150px;
+  margin-bottom: 4px;
+  border-top-width: 0;
+  border-bottom: 1px solid #E1E1E1;
+}
+.ui-jqgrid .ui-sgcollapsed > a:hover {
+  text-decoration: none;
+}
+@media only screen and (max-width: 767px) {
+  .ui-jqgrid .ui-jqgrid-pager {
+    height: 90px;
+  }
+  .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control {
+    height: 85px;
+    padding-top: 9px;
+  }
+  .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td {
+    vertical-align: top;
+  }
+  .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td#grid-pager_center {
+    width: 0 !important;
+    position: static;
+  }
+  .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td#grid-pager_center > .ui-pg-table {
+    margin: 36px auto 0;
+    position: absolute;
+    right: 0;
+    left: 0;
+    text-align: center;
+  }
+}
+@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) {
+  .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td#grid-pager_center > .ui-pg-table {
+    width: 300px;
+  }
+}
+.dd {
+  position: relative;
+  display: block;
+  margin: 0;
+  padding: 0;
+  max-width: 600px;
+  list-style: none;
+  line-height: 20px;
+}
+.dd-list {
+  display: block;
+  position: relative;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.dd-list .dd-list {
+  padding-left: 30px;
+}
+.dd-collapsed .dd-list {
+  display: none;
+}
+.dd-item,
+.dd-empty,
+.dd-placeholder {
+  display: block;
+  position: relative;
+  margin: 0;
+  padding: 0;
+  min-height: 20px;
+  line-height: 20px;
+}
+.dd-handle,
+.dd2-content {
+  display: block;
+  min-height: 38px;
+  margin: 5px 0;
+  padding: 8px 12px;
+  background: #F8FAFF;
+  border: 1px solid #DAE2EA;
+  color: #7C9EB2;
+  text-decoration: none;
+  font-weight: bold;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.dd-handle:hover,
+.dd2-content:hover {
+  color: #438EB9;
+  background: #F4F6F7;
+  border-color: #DCE2E8;
+}
+.dd-handle[class*="btn-"],
+.dd2-content[class*="btn-"] {
+  color: #FFF;
+  border: none;
+  padding: 9px 12px;
+}
+.dd-handle[class*="btn-"]:hover,
+.dd2-content[class*="btn-"]:hover {
+  opacity: 0.85;
+  color: #FFF;
+}
+.dd2-handle + .dd2-content,
+.dd2-handle + .dd2-content[class*="btn-"] {
+  padding-left: 44px;
+}
+.dd-handle[class*="btn-"]:hover,
+.dd2-content[class*="btn-"] .dd2-handle[class*="btn-"]:hover + .dd2-content[class*="btn-"] {
+  color: #FFF;
+}
+.dd-item > button:hover ~ .dd-handle,
+.dd-item > button:hover ~ .dd2-content {
+  color: #438EB9;
+  background: #F4F6F7;
+  border-color: #DCE2E8;
+}
+.dd-item > button:hover ~ .dd-handle[class*="btn-"],
+.dd-item > button:hover ~ .dd2-content[class*="btn-"] {
+  opacity: 0.85;
+  color: #FFF;
+}
+.dd2-handle:hover ~ .dd2-content {
+  color: #438EB9;
+  background: #F4F6F7;
+  border-color: #DCE2E8;
+}
+.dd2-handle:hover ~ .dd2-content[class*="btn-"] {
+  opacity: 0.85;
+  color: #FFF;
+}
+.dd2-item.dd-item > button {
+  margin-left: 34px;
+}
+.dd-item > button {
+  display: block;
+  position: relative;
+  z-index: 1;
+  cursor: pointer;
+  float: left;
+  width: 25px;
+  height: 20px;
+  margin: 5px 1px 5px 5px;
+  padding: 0;
+  text-indent: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  border: 0;
+  background: transparent;
+  font-size: 12px;
+  line-height: 1;
+  text-align: center;
+  font-weight: bold;
+  top: 4px;
+  left: 1px;
+  color: #707070;
+}
+.dd-item > button:before {
+  font-family: FontAwesome;
+  content: '\f067';
+  display: block;
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  text-indent: 0;
+  font-weight: normal;
+  font-size: 14px;
+}
+.dd-item > button[data-action="collapse"]:before {
+  content: '\f068';
+}
+.dd-item > button:hover {
+  color: #707070;
+}
+.dd-item.dd-colored > button,
+.dd-item.dd-colored > button:hover {
+  color: #EEE;
+}
+.dd-placeholder,
+.dd-empty {
+  margin: 5px 0;
+  padding: 0;
+  min-height: 30px;
+  background: #F0F9FF;
+  border: 2px dashed #BED2DB;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.dd-empty {
+  border-color: #AAA;
+  border-style: solid;
+  background-color: #e5e5e5;
+}
+.dd-dragel {
+  position: absolute;
+  pointer-events: none;
+  z-index: 999;
+  opacity: 0.8;
+}
+.dd-dragel > li > .dd-handle {
+  color: #4B92BE;
+  background: #F1F5FA;
+  border-color: #D6E1EA;
+  border-left: 2px solid #777;
+  position: relative;
+}
+.dd-dragel > li > .dd-handle[class*="btn-"] {
+  color: #FFF;
+}
+.dd-dragel > .dd-item > .dd-handle {
+  margin-top: 0;
+}
+.dd-list > li[class*="item-"] {
+  border-width: 0;
+  padding: 0;
+}
+.dd-list > li[class*="item-"] > .dd-handle {
+  border-left: 2px solid;
+  border-left-color: inherit;
+}
+.dd-list > li > .dd-handle .sticker {
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.dd2-handle,
+.dd-dragel > li > .dd2-handle {
+  left: 0;
+  top: 0;
+  width: 36px;
+  margin: 0;
+  border-width: 1px 1px 0 0;
+  text-align: center;
+  padding: 0 !important;
+  line-height: 38px;
+  height: 38px;
+  background: #EBEDF2;
+  border: 1px solid #DEE4EA;
+  cursor: pointer;
+  overflow: hidden;
+  position: absolute;
+  z-index: 1;
+}
+.dd2-handle:hover,
+.dd-dragel > li > .dd2-handle {
+  background: #E3E8ED;
+}
+.dd2-content[class*="btn-"] {
+  text-shadow: none !important;
+}
+.dd2-handle[class*="btn-"] {
+  text-shadow: none !important;
+  background: rgba(0, 0, 0, 0.1) !important;
+  border-right: 1px solid #EEE;
+}
+.dd2-handle[class*="btn-"]:hover {
+  background: rgba(0, 0, 0, 0.08) !important;
+}
+.dd-dragel .dd2-handle[class*="btn-"] {
+  border-color: transparent;
+  border-right-color: #EEE;
+}
+.dd2-handle.btn-yellow {
+  text-shadow: none !important;
+  background: rgba(0, 0, 0, 0.05) !important;
+  border-right: 1px solid #FFF;
+}
+.dd2-handle.btn-yellow:hover {
+  background: rgba(0, 0, 0, 0.08) !important;
+}
+.dd-dragel .dd2-handle.btn-yellow {
+  border-color: transparent;
+  border-right-color: #FFF;
+}
+.dd-item > .dd2-handle .drag-icon {
+  display: none;
+}
+.dd-dragel > .dd-item > .dd2-handle .drag-icon {
+  display: inline;
+}
+.dd-dragel > .dd-item > .dd2-handle .normal-icon {
+  display: none;
+}
+.dropzone {
+  border-radius: 0;
+  border: 1px solid rgba(0, 0, 0, 0.06);
+}
+.dropzone .dz-default.dz-message {
+  background-image: none;
+  font-size: 24px;
+  text-align: center;
+  line-height: 32px;
+  left: 0;
+  width: 100%;
+  margin-left: auto;
+}
+.dropzone .dz-default.dz-message span {
+  display: inline;
+  color: #555;
+}
+.dropzone .dz-default.dz-message span .upload-icon {
+  opacity: 0.7;
+  filter: alpha(opacity=70);
+  margin-top: 8px;
+  cursor: pointer;
+}
+.dropzone .dz-default.dz-message span .upload-icon:hover {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.dropzone .dz-preview .dz-error-mark,
+.dropzone-previews .dz-preview .dz-error-mark,
+.dropzone .dz-preview .dz-success-mark,
+.dropzone-previews .dz-preview .dz-success-mark {
+  background-image: none;
+  background-color: rgba(255, 255, 255, 0.8);
+  border-radius: 100%;
+  text-align: center;
+  line-height: 35px;
+}
+.dropzone .dz-preview .dz-error-mark:before,
+.dropzone-previews .dz-preview .dz-error-mark:before {
+  font-family: FontAwesome;
+  font-size: 30px;
+  color: #DB6262;
+  content: "\f00d";
+}
+.dropzone .dz-preview .dz-success-mark:before,
+.dropzone-previews .dz-preview .dz-success-mark:before {
+  font-family: FontAwesome;
+  font-size: 30px;
+  color: #6DA552;
+  content: "\f00c";
+}
+.dropzone a.dz-remove,
+.dropzone-previews a.dz-remove {
+  border: none;
+  border-radius: 0;
+  color: #FFF;
+  background: #D15B47;
+  cursor: pointer;
+}
+.dropzone a.dz-remove:hover,
+.dropzone-previews a.dz-remove:hover {
+  color: #FFF;
+  background: #B74635;
+}
+.dropzone .progress,
+.dropzone-previews .progress {
+  margin-bottom: 0;
+}
+.dropzone .dz-preview.dz-success .progress,
+.dropzone-previews .dz-preview.dz-success .progress,
+.dropzone .dz-preview.dz-error .progress,
+.dropzone-previews .dz-preview.dz-error .progress {
+  display: none;
+}
+input.typeahead,
+input.tt-query,
+input.tt-hint {
+  min-width: 175px;
+  font-size: 16px;
+  line-height: 24px;
+  border: 1px solid #CCC;
+  border-radius: 0;
+  outline: none;
+}
+input.tt-hint,
+.form-group input.tt-hint {
+  background-color: #FFF !important;
+  color: #B0B0B0 !important;
+}
+.tt-dropdown-menu {
+  text-align: left;
+  position: absolute;
+  left: 0 !important;
+  right: 0 !important;
+  min-width: 175px;
+  margin-top: 2px;
+  padding: 8px 0;
+  background-color: #FFF;
+  border: 1px solid #D0D0D0;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 0;
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.tt-suggestion {
+  padding: 3px 12px 4px;
+  font-size: 16px;
+  line-height: 24px;
+}
+.tt-suggestion.tt-cursor {
+  color: #FFF;
+  background-color: #4F99C6;
+  cursor: pointer;
+}
+.tt-suggestion p {
+  margin: 0;
+}
+input.typeahead.scrollable ~ .tt-dropdown-menu {
+  max-height: 200px;
+  overflow-y: auto;
+}
+.btn-group > .btn.moveall:first-child,
+.btn-group > .btn.remove:first-child {
+  margin: 0;
+}
+.btn-group > .btn.moveall:first-child + .btn.move,
+.btn-group > .btn.remove:first-child + .btn.removeall {
+  margin: 0;
+}
+.bootstrap-duallistbox-container .info {
+  font-size: 12px;
+}
+.bootstrap-duallistbox-container .clear1,
+.bootstrap-duallistbox-container .clear2 {
+  font-size: 12px;
+}
+.multiselect-container > li > a {
+  padding: 0;
+}
+.multiselect-container > li > a > label {
+  padding: 7px 10px 7px 20px;
+}
+.cancel-on-png,
+.cancel-off-png,
+.star-on-png,
+.star-off-png,
+.star-half-png {
+  font-size: 2em;
+}
+.cancel-on-png,
+.cancel-off-png,
+.star-on-png,
+.star-off-png,
+.star-half-png {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  font-family: "FontAwesome";
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  speak: none;
+  text-transform: none;
+  color: #777777;
+}
+.cancel-on-png {
+  color: #dd5a43;
+}
+.cancel-on-png:before {
+  content: "\f057";
+}
+.cancel-off-png {
+  color: #e08374;
+}
+.cancel-off-png:before {
+  content: "\f05c";
+}
+.star-on-png {
+  color: #feb902;
+}
+.star-on-png:before {
+  content: "\f005";
+}
+.star-off-png {
+  color: #777777;
+}
+.star-off-png:before {
+  content: "\f006";
+}
+.star-half-png {
+  color: #feb902;
+}
+.star-half-png:before {
+  content: "\f123";
+}
+/* custom animated icons */
+.icon-animated-bell {
+  display: inline-block;
+  -moz-animation: ringing 2.0s 5 ease 1.0s;
+  -webkit-animation: ringing 2.0s 5 ease 1.0s;
+  -o-animation: ringing 2.0s 5 ease 1.0s;
+  -ms-animation: ringing 2.0s 5 ease 1.0s;
+  animation: ringing 2.0s 5 ease 1.0s;
+  -moz-transform-origin: 50% 0%;
+  -webkit-transform-origin: 50% 0%;
+  -o-transform-origin: 50% 0%;
+  -ms-transform-origin: 50% 0%;
+  transform-origin: 50% 0%;
+}
+@-moz-keyframes ringing {
+  0% {
+    -moz-transform: rotate(-15deg);
+  }
+  2% {
+    -moz-transform: rotate(15deg);
+  }
+  4% {
+    -moz-transform: rotate(-18deg);
+  }
+  6% {
+    -moz-transform: rotate(18deg);
+  }
+  8% {
+    -moz-transform: rotate(-22deg);
+  }
+  10% {
+    -moz-transform: rotate(22deg);
+  }
+  12% {
+    -moz-transform: rotate(-18deg);
+  }
+  14% {
+    -moz-transform: rotate(18deg);
+  }
+  16% {
+    -moz-transform: rotate(-12deg);
+  }
+  18% {
+    -moz-transform: rotate(12deg);
+  }
+  20% {
+    -moz-transform: rotate(0deg);
+  }
+}
+@-webkit-keyframes ringing {
+  0% {
+    -webkit-transform: rotate(-15deg);
+  }
+  2% {
+    -webkit-transform: rotate(15deg);
+  }
+  4% {
+    -webkit-transform: rotate(-18deg);
+  }
+  6% {
+    -webkit-transform: rotate(18deg);
+  }
+  8% {
+    -webkit-transform: rotate(-22deg);
+  }
+  10% {
+    -webkit-transform: rotate(22deg);
+  }
+  12% {
+    -webkit-transform: rotate(-18deg);
+  }
+  14% {
+    -webkit-transform: rotate(18deg);
+  }
+  16% {
+    -webkit-transform: rotate(-12deg);
+  }
+  18% {
+    -webkit-transform: rotate(12deg);
+  }
+  20% {
+    -webkit-transform: rotate(0deg);
+  }
+}
+@-ms-keyframes ringing {
+  0% {
+    -ms-transform: rotate(-15deg);
+  }
+  2% {
+    -ms-transform: rotate(15deg);
+  }
+  4% {
+    -ms-transform: rotate(-18deg);
+  }
+  6% {
+    -ms-transform: rotate(18deg);
+  }
+  8% {
+    -ms-transform: rotate(-22deg);
+  }
+  10% {
+    -ms-transform: rotate(22deg);
+  }
+  12% {
+    -ms-transform: rotate(-18deg);
+  }
+  14% {
+    -ms-transform: rotate(18deg);
+  }
+  16% {
+    -ms-transform: rotate(-12deg);
+  }
+  18% {
+    -ms-transform: rotate(12deg);
+  }
+  20% {
+    -ms-transform: rotate(0deg);
+  }
+}
+@keyframes ringing {
+  0% {
+    transform: rotate(-15deg);
+  }
+  2% {
+    transform: rotate(15deg);
+  }
+  4% {
+    transform: rotate(-18deg);
+  }
+  6% {
+    transform: rotate(18deg);
+  }
+  8% {
+    transform: rotate(-22deg);
+  }
+  10% {
+    transform: rotate(22deg);
+  }
+  12% {
+    transform: rotate(-18deg);
+  }
+  14% {
+    transform: rotate(18deg);
+  }
+  16% {
+    transform: rotate(-12deg);
+  }
+  18% {
+    transform: rotate(12deg);
+  }
+  20% {
+    transform: rotate(0deg);
+  }
+}
+.icon-animated-vertical {
+  display: inline-block;
+  -moz-animation: vertical 2.0s 5 ease 2.0s;
+  -webkit-animation: vertical 2.0s 5 ease 2.0s;
+  -o-animation: vertical 2.0s 5 ease 2.0s;
+  -ms-animation: vertical 2.0s 5 ease 2.0s;
+  animation: vertical 2.0s 5 ease 2.0s;
+}
+@-moz-keyframes vertical {
+  0% {
+    -moz-transform: translate(0, -3px);
+  }
+  4% {
+    -moz-transform: translate(0, 3px);
+  }
+  8% {
+    -moz-transform: translate(0, -3px);
+  }
+  12% {
+    -moz-transform: translate(0, 3px);
+  }
+  16% {
+    -moz-transform: translate(0, -3px);
+  }
+  20% {
+    -moz-transform: translate(0, 3px);
+  }
+  22% {
+    -moz-transform: translate(0, 0);
+  }
+}
+@-webkit-keyframes vertical {
+  0% {
+    -webkit-transform: translate(0, -3px);
+  }
+  4% {
+    -webkit-transform: translate(0, 3px);
+  }
+  8% {
+    -webkit-transform: translate(0, -3px);
+  }
+  12% {
+    -webkit-transform: translate(0, 3px);
+  }
+  16% {
+    -webkit-transform: translate(0, -3px);
+  }
+  20% {
+    -webkit-transform: translate(0, 3px);
+  }
+  22% {
+    -webkit-transform: translate(0, 0);
+  }
+}
+@-ms-keyframes vertical {
+  0% {
+    -ms-transform: translate(0, -3px);
+  }
+  4% {
+    -ms-transform: translate(0, 3px);
+  }
+  8% {
+    -ms-transform: translate(0, -3px);
+  }
+  12% {
+    -ms-transform: translate(0, 3px);
+  }
+  16% {
+    -ms-transform: translate(0, -3px);
+  }
+  20% {
+    -ms-transform: translate(0, 3px);
+  }
+  22% {
+    -ms-transform: translate(0, 0);
+  }
+}
+@keyframes vertical {
+  0% {
+    transform: translate(0, -3px);
+  }
+  4% {
+    transform: translate(0, 3px);
+  }
+  8% {
+    transform: translate(0, -3px);
+  }
+  12% {
+    transform: translate(0, 3px);
+  }
+  16% {
+    transform: translate(0, -3px);
+  }
+  20% {
+    transform: translate(0, 3px);
+  }
+  22% {
+    transform: translate(0, 0);
+  }
+}
+.icon-animated-hand-pointer {
+  display: inline-block;
+  -moz-animation: hand-pointer 2.0s 4 ease 2.0s;
+  -webkit-animation: hand-pointer 2.0s 4 ease 2.0s;
+  -o-animation: hand-pointer 2.0s 4 ease 2.0s;
+  -ms-animation: hand-pointer 2.0s 4 ease 2.0s;
+  animation: hand-pointer 2.0s 4 ease 2.0s;
+}
+@-moz-keyframes hand-pointer {
+  0% {
+    -moz-transform: translate(0, 0);
+  }
+  6% {
+    -moz-transform: translate(5px, 0);
+  }
+  12% {
+    -moz-transform: translate(0, 0);
+  }
+  18% {
+    -moz-transform: translate(5px, 0);
+  }
+  24% {
+    -moz-transform: translate(0, 0);
+  }
+  30% {
+    -moz-transform: translate(5px, 0);
+  }
+  36% {
+    -moz-transform: translate(0, 0);
+  }
+}
+.icon-animated-wrench {
+  display: inline-block;
+  -moz-animation: wrenching 2.5s 4 ease;
+  -webkit-animation: wrenching 2.5s 4 ease;
+  -o-animation: wrenching 2.5s 4 ease;
+  -ms-animation: wrenching 2.5s 4 ease;
+  animation: wrenching 2.5s 4 ease;
+  -moz-transform-origin: 90% 35%;
+  -webkit-transform-origin: 90% 35%;
+  -o-transform-origin: 90% 35%;
+  -ms-transform-origin: 90% 35%;
+  transform-origin: 90% 35%;
+}
+@-moz-keyframes wrenching {
+  0% {
+    -moz-transform: rotate(-12deg);
+  }
+  8% {
+    -moz-transform: rotate(12deg);
+  }
+  10% {
+    -moz-transform: rotate(24deg);
+  }
+  18% {
+    -moz-transform: rotate(-24deg);
+  }
+  20% {
+    -moz-transform: rotate(-24deg);
+  }
+  28% {
+    -moz-transform: rotate(24deg);
+  }
+  30% {
+    -moz-transform: rotate(24deg);
+  }
+  38% {
+    -moz-transform: rotate(-24deg);
+  }
+  40% {
+    -moz-transform: rotate(-24deg);
+  }
+  48% {
+    -moz-transform: rotate(24deg);
+  }
+  50% {
+    -moz-transform: rotate(24deg);
+  }
+  58% {
+    -moz-transform: rotate(-24deg);
+  }
+  60% {
+    -moz-transform: rotate(-24deg);
+  }
+  68% {
+    -moz-transform: rotate(24deg);
+  }
+  75% {
+    -moz-transform: rotate(0deg);
+  }
+}
+@-webkit-keyframes wrenching {
+  0% {
+    -webkit-transform: rotate(-12deg);
+  }
+  8% {
+    -webkit-transform: rotate(12deg);
+  }
+  10% {
+    -webkit-transform: rotate(24deg);
+  }
+  18% {
+    -webkit-transform: rotate(-24deg);
+  }
+  20% {
+    -webkit-transform: rotate(-24deg);
+  }
+  28% {
+    -webkit-transform: rotate(24deg);
+  }
+  30% {
+    -webkit-transform: rotate(24deg);
+  }
+  38% {
+    -webkit-transform: rotate(-24deg);
+  }
+  40% {
+    -webkit-transform: rotate(-24deg);
+  }
+  48% {
+    -webkit-transform: rotate(24deg);
+  }
+  50% {
+    -webkit-transform: rotate(24deg);
+  }
+  58% {
+    -webkit-transform: rotate(-24deg);
+  }
+  60% {
+    -webkit-transform: rotate(-24deg);
+  }
+  68% {
+    -webkit-transform: rotate(24deg);
+  }
+  75% {
+    -webkit-transform: rotate(0deg);
+  }
+}
+@-o-keyframes wrenching {
+  0% {
+    -o-transform: rotate(-12deg);
+  }
+  8% {
+    -o-transform: rotate(12deg);
+  }
+  10% {
+    -o-transform: rotate(24deg);
+  }
+  18% {
+    -o-transform: rotate(-24deg);
+  }
+  20% {
+    -o-transform: rotate(-24deg);
+  }
+  28% {
+    -o-transform: rotate(24deg);
+  }
+  30% {
+    -o-transform: rotate(24deg);
+  }
+  38% {
+    -o-transform: rotate(-24deg);
+  }
+  40% {
+    -o-transform: rotate(-24deg);
+  }
+  48% {
+    -o-transform: rotate(24deg);
+  }
+  50% {
+    -o-transform: rotate(24deg);
+  }
+  58% {
+    -o-transform: rotate(-24deg);
+  }
+  60% {
+    -o-transform: rotate(-24deg);
+  }
+  68% {
+    -o-transform: rotate(24deg);
+  }
+  75% {
+    -o-transform: rotate(0deg);
+  }
+}
+@-ms-keyframes wrenching {
+  0% {
+    -ms-transform: rotate(-12deg);
+  }
+  8% {
+    -ms-transform: rotate(12deg);
+  }
+  10% {
+    -ms-transform: rotate(24deg);
+  }
+  18% {
+    -ms-transform: rotate(-24deg);
+  }
+  20% {
+    -ms-transform: rotate(-24deg);
+  }
+  28% {
+    -ms-transform: rotate(24deg);
+  }
+  30% {
+    -ms-transform: rotate(24deg);
+  }
+  38% {
+    -ms-transform: rotate(-24deg);
+  }
+  40% {
+    -ms-transform: rotate(-24deg);
+  }
+  48% {
+    -ms-transform: rotate(24deg);
+  }
+  50% {
+    -ms-transform: rotate(24deg);
+  }
+  58% {
+    -ms-transform: rotate(-24deg);
+  }
+  60% {
+    -ms-transform: rotate(-24deg);
+  }
+  68% {
+    -ms-transform: rotate(24deg);
+  }
+  75% {
+    -ms-transform: rotate(0deg);
+  }
+}
+@keyframes wrenching {
+  0% {
+    transform: rotate(-12deg);
+  }
+  8% {
+    transform: rotate(12deg);
+  }
+  10% {
+    transform: rotate(24deg);
+  }
+  18% {
+    transform: rotate(-24deg);
+  }
+  20% {
+    transform: rotate(-24deg);
+  }
+  28% {
+    transform: rotate(24deg);
+  }
+  30% {
+    transform: rotate(24deg);
+  }
+  38% {
+    transform: rotate(-24deg);
+  }
+  40% {
+    transform: rotate(-24deg);
+  }
+  48% {
+    transform: rotate(24deg);
+  }
+  50% {
+    transform: rotate(24deg);
+  }
+  58% {
+    transform: rotate(-24deg);
+  }
+  60% {
+    transform: rotate(-24deg);
+  }
+  68% {
+    transform: rotate(24deg);
+  }
+  75% {
+    transform: rotate(0deg);
+  }
+}
+@-moz-keyframes blinking {
+  0% {
+    opacity: 1;
+  }
+  40% {
+    opacity: 0;
+  }
+  80% {
+    opacity: 1;
+  }
+}
+@-webkit-keyframes blinking {
+  0% {
+    opacity: 1;
+  }
+  40% {
+    opacity: 0;
+  }
+  80% {
+    opacity: 1;
+  }
+}
+@-ms-keyframes blinking {
+  0% {
+    opacity: 1;
+  }
+  40% {
+    opacity: 0;
+  }
+  80% {
+    opacity: 1;
+  }
+}
+@keyframes blinking {
+  0% {
+    opacity: 1;
+  }
+  40% {
+    opacity: 0;
+  }
+  80% {
+    opacity: 1;
+  }
+}
+@-moz-keyframes pulsating {
+  0% {
+    -moz-transform: scale(1);
+  }
+  5% {
+    -moz-transform: scale(0.75);
+  }
+  10% {
+    -moz-transform: scale(1);
+  }
+  15% {
+    -moz-transform: scale(1.25);
+  }
+  20% {
+    -moz-transform: scale(1);
+  }
+  25% {
+    -moz-transform: scale(0.75);
+  }
+  30% {
+    -moz-transform: scale(1);
+  }
+  35% {
+    -moz-transform: scale(1.25);
+  }
+  40% {
+    -moz-transform: scale(1);
+  }
+}
+@-webkit-keyframes pulsating {
+  0% {
+    -webkit-transform: scale(1);
+  }
+  5% {
+    -webkit-transform: scale(0.75);
+  }
+  10% {
+    -webkit-transform: scale(1);
+  }
+  15% {
+    -webkit-transform: scale(1.25);
+  }
+  20% {
+    -webkit-transform: scale(1);
+  }
+  25% {
+    -webkit-transform: scale(0.75);
+  }
+  30% {
+    -webkit-transform: scale(1);
+  }
+  35% {
+    -webkit-transform: scale(1.25);
+  }
+  40% {
+    -webkit-transform: scale(1);
+  }
+}
+@-ms-keyframes pulsating {
+  0% {
+    -ms-transform: scale(1);
+  }
+  5% {
+    -ms-transform: scale(0.75);
+  }
+  10% {
+    -ms-transform: scale(1);
+  }
+  15% {
+    -ms-transform: scale(1.25);
+  }
+  20% {
+    -ms-transform: scale(1);
+  }
+  25% {
+    -ms-transform: scale(0.75);
+  }
+  30% {
+    -ms-transform: scale(1);
+  }
+  35% {
+    -ms-transform: scale(1.25);
+  }
+  40% {
+    -ms-transform: scale(1);
+  }
+}
+@keyframes pulsating {
+  0% {
+    transform: scale(1);
+  }
+  5% {
+    transform: scale(0.75);
+  }
+  10% {
+    transform: scale(1);
+  }
+  15% {
+    transform: scale(1.25);
+  }
+  20% {
+    transform: scale(1);
+  }
+  25% {
+    transform: scale(0.75);
+  }
+  30% {
+    transform: scale(1);
+  }
+  35% {
+    transform: scale(1.25);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+.btn-scroll-up {
+  border-width: 0;
+  position: fixed;
+  right: 2px;
+  z-index: 99;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  opacity: 0;
+  filter: alpha(opacity=0);
+  bottom: -24px;
+  visibility: hidden;
+}
+.btn-scroll-up.display {
+  opacity: 0.7;
+  filter: alpha(opacity=70);
+  bottom: 2px;
+  visibility: visible;
+}
+.btn-scroll-up:hover {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.btn-scroll-up:focus {
+  outline: none;
+}
+@media (min-width: 768px) {
+  .main-container.container > .btn-scroll-up {
+    right: auto;
+    margin-left: 714px;
+  }
+}
+@media (min-width: 992px) {
+  .main-container.container > .btn-scroll-up {
+    right: auto;
+    margin-left: 934px;
+  }
+}
+@media (min-width: 1200px) {
+  .main-container.container > .btn-scroll-up {
+    right: auto;
+    margin-left: 1134px;
+  }
+}
+.ace-settings-container {
+  position: absolute;
+  right: 0;
+  top: auto;
+  z-index: 12;
+}
+.btn.btn-app.ace-settings-btn {
+  float: left;
+  display: block;
+  text-align: center;
+  border-radius: 6px 0 0 6px;
+  opacity: 0.55;
+  vertical-align: top;
+  margin: 0;
+}
+.btn.btn-app.ace-settings-btn:hover,
+.btn.btn-app.ace-settings-btn.open {
+  opacity: 1;
+}
+.btn.btn-app.ace-settings-btn.btn-xs {
+  width: 42px;
+}
+.ace-settings-box {
+  display: block;
+  float: left;
+  max-width: 0;
+  max-height: 0;
+  overflow: hidden;
+  padding: 0;
+  -moz-transform: translate(0,0);
+  -webkit-transform: translate(0,0);
+  -o-transform: translate(0,0);
+  -ms-transform: translate(0,0);
+  transform: translate(0,0);
+  background-color: #FFF;
+  border: 0 solid #ffb34b;
+  -webkit-transition: max-width 0.25s linear 0s, max-height 0s linear 0.25s, padding 0s linear 0.25s, border-width 0s linear 0.25s;
+  -o-transition: max-width 0.25s linear 0s, max-height 0s linear 0.25s, padding 0s linear 0.25s, border-width 0s linear 0.25s;
+  transition: max-width 0.25s linear 0s, max-height 0s linear 0.25s, padding 0s linear 0.25s, border-width 0s linear 0.25s;
+}
+.ace-settings-box.open {
+  max-width: 320px;
+  max-height: 1000px;
+  padding: 0 14px;
+  border-width: 2px;
+  -webkit-transition-delay: 0s;
+  -moz-transition-delay: 0s;
+  -o-transition-delay: 0s;
+  transition-delay: 0s;
+}
+.ace-settings-box.open .ace-settings-item {
+  z-index: auto;
+  min-width: 140px;
+}
+.ace-settings-box .ace-settings-item {
+  margin: 6px 0;
+  color: #444;
+  max-height: 24px;
+  position: relative;
+  z-index: -1;
+  white-space: nowrap;
+}
+.ace-settings-box .ace-settings-item > label.lbl {
+  font-size: 13px;
+}
+@media (max-width: 480px) {
+  .ace-settings-container {
+    text-align: right;
+  }
+  .ace-settings-box {
+    float: none !important;
+    text-align: left;
+  }
+  .btn.ace-settings-btn {
+    float: none !important;
+    display: inline-block;
+  }
+}
+@media (max-width: 320px) {
+  .ace-settings-box > .clearfix > .pull-left,
+  .ace-settings-box > .clearfix > .pull-right {
+    float: none !important;
+  }
+}
+.grid2,
+.grid3,
+.grid4 {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  display: block;
+  margin: 0 1%;
+  padding: 0 2%;
+  float: left;
+  border-left: 1px solid #E3E3E3;
+}
+.grid2:first-child,
+.grid3:first-child,
+.grid4:first-child {
+  border-left: none;
+}
+.grid2 {
+  width: 48%;
+}
+.grid3 {
+  width: 31.33%;
+}
+.grid4 {
+  width: 23%;
+  padding: 0 1%;
+}
+.draggable-placeholder {
+  border: 2px dashed #D9D9D9 !important;
+  background-color: #F7F7F7 !important;
+}
+.easyPieChart,
+.easy-pie-chart {
+  position: relative;
+  text-align: center;
+}
+.easyPieChart canvas,
+.easy-pie-chart canvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.knob-container {
+  direction: ltr;
+  text-align: left;
+}
+.tags {
+  display: inline-block;
+  padding: 4px 6px;
+  color: #777777;
+  vertical-align: middle;
+  background-color: #FFF;
+  border: 1px solid #d5d5d5;
+  width: 206px;
+}
+.tags:hover {
+  border-color: #b5b5b5;
+}
+.tags-hover,
+.tags-hover:hover {
+  border-color: #f59942;
+  outline: 0;
+}
+.tags[class*="span"] {
+  float: none;
+  margin-left: 0;
+}
+.tags input[type="text"],
+.tags input[type="text"]:focus {
+  border: none;
+  display: inline;
+  outline: 0;
+  margin: 0;
+  padding: 0;
+  line-height: 18px;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  width: 100%;
+}
+.tags .tag {
+  display: inline-block;
+  position: relative;
+  font-size: 13px;
+  font-weight: normal;
+  vertical-align: baseline;
+  white-space: nowrap;
+  background-color: #91b8d0;
+  color: #FFF;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
+  padding: 4px 22px 5px 9px;
+  margin-bottom: 3px;
+  margin-right: 3px;
+  -webkit-transition: all 0.2s;
+  -o-transition: all 0.2s;
+  transition: all 0.2s;
+  /**
+  &:nth-child(5n+1) {
+	background-color:#48A2E0;
+  }
+  &:nth-child(5n+2) {
+	background-color:#34C896;
+  }
+  &:nth-child(5n+3) {
+	background-color:#B57BB3;
+  }
+  &:nth-child(5n+4) {
+	background-color:#CC7DA8;
+  }
+  &:nth-child(5n+5) {
+	background-color:#666;
+  }
+*/
+}
+.tags .tag:empty {
+  display: none;
+}
+.tags .tag-important {
+  background-color: #d15b47;
+}
+.tags .tag-warning {
+  background-color: #ffb752;
+}
+.tags .tag-success {
+  background-color: #87b87f;
+}
+.tags .tag-info {
+  background-color: #6fb3e0;
+}
+.tags .tag-inverse {
+  background-color: #555555;
+}
+.tags .tag .close {
+  font-size: 15px;
+  line-height: 20px;
+  opacity: 1;
+  filter: alpha(opacity=100);
+  color: #FFF;
+  text-shadow: none;
+  float: none;
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 18px;
+  text-align: center;
+}
+.tags .tag .close:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+.page-content > .row .col-xs-12,
+.page-content > .row .col-sm-12,
+.page-content > .row .col-md-12,
+.page-content > .row .col-lg-12 {
+  float: left;
+  max-width: 100%;
+}
+.col-xs-reset {
+  width: auto;
+  padding-left: 0;
+  padding-right: 0;
+  float: none !important;
+}
+@media (min-width: 768px) {
+  .col-sm-reset {
+    width: auto;
+    padding-left: 0;
+    padding-right: 0;
+    float: none !important;
+  }
+}
+@media (min-width: 992px) {
+  .col-md-reset {
+    width: auto;
+    padding-left: 0;
+    padding-right: 0;
+    float: none !important;
+  }
+}
+@media (min-width: 1200px) {
+  .col-lg-reset {
+    width: auto;
+    padding-left: 0;
+    padding-right: 0;
+    float: none !important;
+  }
+}
+.jqstooltip,
+.legendColorBox div {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.legendLabel {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 22px;
+  padding-left: 2px;
+  font-size: 10px;
+}
+@media only screen and (max-width: 991px) {
+  body {
+    overflow-x: hidden;
+  }
+}
+.navbar-fixed-top + .main-container {
+  padding-top: 45px;
+}
+@media (max-width: 479px) {
+  .navbar-fixed-top + .main-container {
+    padding-top: 90px;
+  }
+  .navbar-fixed-top.navbar-collapse + .main-container {
+    padding-top: 45px;
+  }
+}
+@media only screen and (max-width: 360px) {
+  .grid2,
+  .grid3,
+  .grid4 {
+    float: none;
+    display: block;
+    width: 96%;
+    border-left-width: 0;
+    position: relative;
+    margin-bottom: 11px;
+    border-bottom: 1px solid #E3E3E3;
+    padding-bottom: 4px;
+  }
+  .grid2 > [class*="pull-"],
+  .grid3 > [class*="pull-"],
+  .grid4 > [class*="pull-"] {
+    float: none !important;
+    display: inline-block;
+    position: absolute;
+    right: 11px;
+    top: 0;
+    margin-top: 0;
+  }
+  .grid2:last-child,
+  .grid3:last-child,
+  .grid4:last-child {
+    border-bottom-width: 0;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .hidden-480 {
+    display: none !important;
+  }
+}
+@media only screen and (max-width: 320px) {
+  .hidden-320 {
+    display: none !important;
+  }
+}
+.no-skin {
+  /**
+	.nav-list > li.disabled.active:after {
+		border-color: #999;
+	}
+	.nav-list li.disabled li.active > a:after,
+	.nav-list li.active.disabled > a:after {
+		-moz-border-right-colors: #999 !important;
+		border-right-color: #999 !important;
+	}
+	*/
+}
+.no-skin .navbar .navbar-toggle {
+  background-color: #75B3D7;
+}
+.no-skin .navbar .navbar-toggle:focus {
+  background-color: #75B3D7;
+  border-color: transparent;
+}
+.no-skin .navbar .navbar-toggle:hover {
+  background-color: #61a8d1;
+  border-color: rgba(255, 255, 255, 0.1);
+}
+.no-skin .navbar .navbar-toggle.display,
+.no-skin .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
+  background-color: #4d9dcc;
+  box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
+  border-color: rgba(255, 255, 255, 0.35);
+}
+.no-skin .sidebar {
+  background-color: #f2f2f2;
+  border-style: solid;
+  border-color: #cccccc;
+  border-width: 0 1px 0 0;
+}
+.no-skin .nav-list .open > a,
+.no-skin .nav-list .open > a:hover,
+.no-skin .nav-list .open > a:focus {
+  background-color: #fafafa;
+}
+.no-skin .nav-list > li {
+  border-color: #e5e5e5;
+}
+.no-skin .nav-list > li > a {
+  background-color: #f8f8f8;
+  color: #585858;
+}
+.no-skin .nav-list > li > a:focus {
+  background-color: #f8f8f8;
+  color: #1963aa;
+}
+.no-skin .nav-list > li:hover > a {
+  background-color: #ffffff;
+  color: #266cad;
+}
+.no-skin .nav-list > li.open > a {
+  background-color: #fafafa;
+  color: #1963aa;
+}
+.no-skin .nav-list > li.active > a {
+  font-weight: bold;
+  color: #2b7dbc;
+}
+.no-skin .nav-list > li.active > a,
+.no-skin .nav-list > li.active > a:hover,
+.no-skin .nav-list > li.active > a:focus {
+  background-color: #ffffff;
+}
+.no-skin .nav-list > li .submenu {
+  background-color: #ffffff;
+  border-color: #e5e5e5;
+}
+.no-skin .nav-list > li .submenu > li > a {
+  border-top-color: #e4e4e4;
+  background-color: #ffffff;
+  color: #616161;
+}
+.no-skin .nav-list > li .submenu > li > a:hover {
+  color: #4b88b7;
+  background-color: #f1f5f9;
+}
+.no-skin .nav-list > li .submenu > li.active > a {
+  color: #2b7dbc;
+}
+.no-skin .nav-list > li .submenu > li.active > a > .menu-icon {
+  color: #c86139;
+}
+.no-skin .nav-list > li .submenu > li.active.open > a > .menu-icon {
+  color: inherit;
+}
+@media only screen and (min-width: 992px) {
+  .no-skin .nav-list > li .submenu > li.active.hover > a.dropdown-toggle > .menu-icon {
+    color: inherit;
+  }
+}
+.no-skin .nav-list > li .submenu > li.active:not(.open) > a {
+  background-color: #f5f7fa;
+}
+.no-skin .nav-list > li .submenu > li.active:not(.open) > a:hover {
+  background-color: #f1f5f9;
+}
+.no-skin .nav-list > li > .submenu .open > a,
+.no-skin .nav-list > li > .submenu .open > a:hover,
+.no-skin .nav-list > li > .submenu .open > a:focus {
+  border-color: #e4e4e4;
+}
+.no-skin .nav-list > li > .submenu li > .submenu > li a {
+  color: #757575;
+}
+.no-skin .nav-list > li > .submenu li > .submenu > li a:hover {
+  color: #4b88b7;
+  background-color: #f1f5f9;
+}
+.no-skin .nav-list > li > .submenu li.open > a {
+  color: #4b88b7;
+}
+.no-skin .nav-list > li > .submenu li > .submenu li.open > a,
+.no-skin .nav-list > li > .submenu li > .submenu li.active > a {
+  color: #4b88b7;
+}
+.no-skin .nav-list > li > .submenu:before,
+.no-skin .nav-list > li > .submenu > li:before {
+  border-color: #9dbdd6;
+}
+.no-skin .nav-list > li.active > .submenu:before,
+.no-skin .nav-list > li.active > .submenu > li:before {
+  border-color: #8eb3d0;
+}
+.no-skin .sidebar-toggle {
+  background-color: #f3f3f3;
+  border-color: #e0e0e0;
+}
+.no-skin .sidebar-toggle > .ace-icon {
+  border-color: #bbbbbb;
+  color: #aaaaaa;
+  background-color: #ffffff;
+}
+.no-skin .sidebar-shortcuts {
+  background-color: #fafafa;
+}
+.no-skin .sidebar-fixed .sidebar-shortcuts {
+  border-color: #dddddd;
+}
+.no-skin .sidebar-shortcuts-mini {
+  background-color: #ffffff;
+}
+.no-skin .nav-list li > .arrow:before {
+  border-right-color: #B8B8B8;
+  -moz-border-right-colors: #B8B8B8;
+  border-width: 10px 10px 10px 0;
+  left: -11px;
+}
+.no-skin .nav-list li > .arrow:after {
+  border-right-color: #ffffff;
+  -moz-border-right-colors: #ffffff;
+  border-width: 10px 10px 10px 0;
+  left: -10px;
+}
+.no-skin .nav-list > li.pull_up > .arrow:after {
+  border-right-color: #ffffff !important;
+  -moz-border-right-colors: #ffffff !important;
+  border-width: 10px 10px 10px 0 !important;
+  left: -10px !important;
+}
+.no-skin .nav-list > li.pull_up > .arrow:before {
+  border-width: 10px 10px 10px 0 !important;
+  left: -11px !important;
+}
+.no-skin .nav-list li.active > a:after {
+  border-right-color: #2b7dbc;
+  -moz-border-right-colors: #2b7dbc;
+}
+.no-skin .nav-list > li.active:after {
+  display: block;
+  content: "";
+  position: absolute;
+  right: -2px;
+  top: -1px;
+  bottom: 0;
+  z-index: 1;
+  border: 2px solid;
+  border-width: 0 2px 0 0;
+  border-color: #2b7dbc;
+}
+.no-skin .sidebar-scroll .nav-list > li.active:after {
+  right: 0;
+}
+@media only screen and (max-width: 991px) {
+  .no-skin .sidebar.responsive .nav-list > li.active.open > a:after,
+  .no-skin .sidebar.responsive-max .nav-list > li.active.open > a:after {
+    display: block;
+  }
+  .no-skin .sidebar.responsive .nav-list li li.active > a:after,
+  .no-skin .sidebar.responsive-max .nav-list li li.active > a:after {
+    display: none;
+  }
+  .no-skin .sidebar.responsive .nav-list > li.active:after,
+  .no-skin .sidebar.responsive-max .nav-list > li.active:after {
+    height: 41px;
+  }
+}
+.no-skin .sidebar.menu-min .nav-list > li > a > .menu-text {
+  background-color: #f5f5f5;
+  -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+  box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+  border-color: #cccccc;
+}
+.no-skin .sidebar.menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
+  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+}
+.no-skin .sidebar.menu-min .nav-list > li.active > .submenu {
+  border-left-color: #83b6d1;
+}
+.no-skin .sidebar.menu-min .nav-list > li > .submenu {
+  background-color: #ffffff;
+  border: 1px solid #cccccc;
+  border-top-color: #e6e6e6;
+  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+}
+.no-skin .sidebar.menu-min .nav-list > li > .arrow:after {
+  border-right-color: #f5f5f5;
+  -moz-border-right-colors: #f5f5f5;
+  border-width: 8px 8px 8px 0;
+  left: -8px;
+}
+.no-skin .sidebar.menu-min .nav-list > li > .arrow:before {
+  border-width: 8px 8px 8px 0;
+  left: -9px;
+}
+.no-skin .sidebar.menu-min .nav-list > li.active > .arrow:before {
+  border-right-color: #5a9ec2;
+  -moz-border-right-colors: #5a9ec2;
+}
+.no-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text {
+  border-left-color: #83b6d1;
+}
+.no-skin .sidebar.menu-min .sidebar-shortcuts-large {
+  background-color: #ffffff;
+  -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+  box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+  border-color: #cccccc;
+}
+.no-skin .sidebar.menu-min .sidebar-toggle > .ace-icon {
+  border-color: #b1b1b1;
+}
+@media (max-width: 991px) {
+  .no-skin .sidebar.responsive-min .nav-list > li > a > .menu-text {
+    background-color: #f5f5f5;
+    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    border-color: #cccccc;
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li > a.dropdown-toggle > .menu-text {
+    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li.active > .submenu {
+    border-left-color: #83b6d1;
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li > .submenu {
+    background-color: #ffffff;
+    border: 1px solid #cccccc;
+    border-top-color: #e6e6e6;
+    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li > .arrow:after {
+    border-right-color: #f5f5f5;
+    -moz-border-right-colors: #f5f5f5;
+    border-width: 8px 8px 8px 0;
+    left: -8px;
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li > .arrow:before {
+    border-width: 8px 8px 8px 0;
+    left: -9px;
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li.active > .arrow:before {
+    border-right-color: #5a9ec2;
+    -moz-border-right-colors: #5a9ec2;
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
+    border-left-color: #83b6d1;
+  }
+  .no-skin .sidebar.responsive-min .sidebar-shortcuts-large {
+    background-color: #ffffff;
+    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    border-color: #cccccc;
+  }
+  .no-skin .sidebar.responsive-min .sidebar-toggle > .ace-icon {
+    border-color: #b1b1b1;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .no-skin .nav-list li.hover > .submenu {
+    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    border-color: #cccccc;
+  }
+  .no-skin .nav-list li.hover > .submenu > li.active > a {
+    background-color: #f5f5f5;
+  }
+  .no-skin .nav-list li.hover > .submenu > li:hover > a {
+    background-color: #eef3f7;
+    color: #2e7db4;
+  }
+}
+@media only screen and (min-width: 992px) and (max-width: 991px) {
+  .no-skin .sidebar.navbar-collapse .nav-list li li.hover.active.open > a {
+    background-color: #ffffff;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list li li.hover:hover > a {
+    background-color: #ffffff;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list li li.hover > a:hover,
+  .no-skin .sidebar.navbar-collapse .nav-list li li.hover.open > a:hover,
+  .no-skin .sidebar.navbar-collapse .nav-list li li.hover.open.active > a:hover {
+    background-color: #f1f5f9;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list > li .submenu > li.active.hover > a.dropdown-toggle > .menu-icon {
+    color: #c86139;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list > li .submenu > li.active.open.hover > a.dropdown-toggle > .menu-icon {
+    color: inherit;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .no-skin .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a {
+    color: #585858;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a > .arrow {
+    color: inherit;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list > li.open.hover:hover > a {
+    background-color: #ffffff;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a {
+    color: #616161;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a > .arrow {
+    color: inherit;
+  }
+}
+@media only screen and (min-width: 992px) and (max-width: 991px) {
+  .no-skin .sidebar.navbar-collapse .nav-list li.hover > .submenu {
+    border-top-color: #e5e5e5;
+    background-color: #ffffff;
+  }
+  .no-skin .nav-list li.hover > .submenu > li.active:not(.open) > a {
+    background-color: #f5f7fa;
+  }
+  .no-skin .nav-list li.hover > .submenu > li.active:not(.open) > a:hover {
+    background-color: #f1f5f9;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .no-skin .sidebar.h-sidebar {
+    background-color: #f8f8f8;
+  }
+  .no-skin .sidebar.h-sidebar:before {
+    background-color: #e4e4e4;
+    -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.05) inset;
+    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.05) inset;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li:hover,
+  .no-skin .sidebar.h-sidebar .nav-list > li:hover + li {
+    border-left-color: #cedde5;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li:last-child:hover {
+    border-right-color: #cedde5;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.active,
+  .no-skin .sidebar.h-sidebar .nav-list > li.active + li,
+  .no-skin .sidebar.h-sidebar .nav-list > li:hover + li.active {
+    border-left-color: #79b0ce;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.active:last-child {
+    border-right-color: #79b0ce;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.active:before {
+    background-color: #2b7dbc;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.active > a:after {
+    border-width: 0 0 2px 0;
+    border-color: transparent;
+    border-bottom-color: #FFF;
+    left: 0;
+    right: 0;
+    top: auto;
+    bottom: -2px;
+  }
+  .no-skin .sidebar.h-sidebar .sidebar-shortcuts-large {
+    background-color: #FFF;
+    border-color: #cccccc;
+    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+  }
+  .no-skin .sidebar.h-sidebar .sidebar-shortcuts-large:after {
+    border-bottom-color: #FFF;
+    -moz-border-bottom-colors: #FFF;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.hover > .submenu {
+    border-color: #cccccc;
+  }
+  .no-skin .sidebar.h-sidebar.menu-min .nav-list > li.hover > .submenu {
+    border-top-color: #e6e6e6;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.hover > .arrow:after {
+    border-color: transparent;
+    -moz-border-right-colors: none;
+    -moz-border-top-colors: none;
+    -moz-border-left-colors: none;
+    border-bottom-color: #FFF;
+    -moz-border-bottom-colors: #FFF;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.hover > .arrow:before {
+    border-color: transparent;
+    -moz-border-right-colors: none;
+    -moz-border-top-colors: none;
+    -moz-border-left-colors: none;
+    -moz-border-bottom-colors: #B8B8B8;
+    border-bottom-color: #B8B8B8;
+  }
+  .no-skin .sidebar.h-sidebar.menu-min .nav-list > li.hover > .arrow:after {
+    -moz-border-bottom-colors: #F5F5F5;
+    border-bottom-color: #F5F5F5;
+  }
+  .no-skin .sidebar.h-sidebar.menu-min .nav-list > li.active > a > .menu-text {
+    border-left-color: #cccccc;
+  }
+}
+@media only screen and (max-width: 991px) {
+  .no-skin .sidebar {
+    border-width: 0 1px 1px 0;
+    border-top-color: #d6d6d6;
+  }
+  .no-skin .menu-toggler + .sidebar.responsive {
+    border-top-width: 1px;
+  }
+  .no-skin .sidebar.responsive-min {
+    border-width: 0 1px 0 0;
+  }
+  .no-skin .sidebar.navbar-collapse {
+    border-width: 0;
+    border-bottom-width: 1px !important;
+    border-bottom-color: #cccccc;
+    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) !important;
+    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) !important;
+  }
+  .no-skin .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu {
+    background-color: #ffffff;
+  }
+}
+.no-skin .sidebar-scroll .sidebar-shortcuts {
+  border-bottom-color: #dddddd;
+}
+.no-skin .sidebar-scroll .sidebar-toggle {
+  border-top-color: #dddddd;
+}
+.no-skin .main-container .menu-toggler {
+  background-color: #444444;
+}
+.no-skin .main-container .menu-toggler:before {
+  border-top-color: #87b87f;
+  border-bottom-color: #6fb3e0;
+}
+.no-skin .main-container .menu-toggler:after {
+  border-top-color: #ffa24d;
+  border-bottom-color: #d15b47;
+}
+.no-skin .main-container .menu-toggler > .toggler-text {
+  border-top-color: #444444;
+  -moz-border-top-colors: #444444;
+}
+.no-skin .nav-list > li.disabled:before {
+  display: none !important;
+}
+.no-skin .nav-list > li.disabled > a {
+  background-color: #ebebeb !important;
+  color: #656565 !important;
+}
+.no-skin .nav-list li .submenu > li.disabled > a,
+.no-skin .nav-list li.disabled .submenu > li > a {
+  background-color: #f2f2f2 !important;
+  color: #7a7a7a !important;
+  cursor: not-allowed !important;
+}
+.no-skin .nav-list li .submenu > li.disabled > a > .menu-icon,
+.no-skin .nav-list li.disabled .submenu > li > a > .menu-icon {
+  display: none;
+}
+.nav-list li.highlight li.active > a:after,
+.nav-list li li.highlight.active > a:after,
+.nav-list li.highlight li.active > a:before,
+.nav-list li li.highlight.active > a:before {
+  display: none;
+}
+.nav-list > li.highlight.active > a:after,
+.nav-list > li.highlight.active > a:before {
+  display: block;
+}
+.no-skin .nav-list > li.highlight:hover,
+.no-skin .nav-list > li.highlight.active {
+  border-color: #c8d8e2;
+}
+.no-skin .nav-list > li.highlight:hover + li,
+.no-skin .nav-list > li.highlight.active + li {
+  border-top-color: #c8d8e2;
+}
+.no-skin .nav-list > li.highlight:hover > a,
+.no-skin .nav-list > li.highlight.active > a {
+  background-color: #FFF;
+}
+.no-skin .nav-list > li.highlight.active:after {
+  display: none;
+}
+.no-skin .nav-list > li.highlight.active:before {
+  display: block;
+  background-color: #4f90c2;
+}
+.no-skin .nav-list > li.highlight.active > a {
+  background-color: #f2f6f9 !important;
+}
+.no-skin .nav-list > li.highlight.active > a:before,
+.no-skin .nav-list > li.highlight.active > a:after {
+  display: block;
+  content: "";
+  position: absolute;
+  top: -1px;
+  right: -10px;
+  bottom: auto;
+  z-index: 1;
+  border-style: solid;
+  border-width: 20px 0 21px 10px;
+  border-color: transparent;
+}
+.no-skin .nav-list > li.highlight.active > a:before {
+  border-left-color: #a0bccd;
+  -moz-border-left-colors: #a0bccd;
+  right: -11px;
+}
+.no-skin .nav-list > li.highlight.active > a:after {
+  border-left-color: #f2f6f9;
+  -moz-border-left-colors: #f2f6f9;
+}
+.no-skin .nav-list li li.highlight.active > a {
+  background-color: #f2f6f9;
+}
+.no-skin .nav-list li li.highlight.active.open > a {
+  background-color: #FFF;
+}
+.no-skin .nav-list li li.highlight.active.open > a:hover {
+  background-color: #f1f5f9;
+}
+@media (min-width: 992px) {
+  .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active > a:after {
+    display: block;
+    content: "";
+    position: absolute;
+    left: 0;
+    top: auto;
+    right: auto;
+    bottom: -2px;
+    left: 50%;
+    margin-left: -7px;
+    border-color: transparent;
+    -moz-border-right-colors: none;
+    -moz-border-left-colors: none;
+    -moz-border-top-colors: none;
+    border-width: 8px 7px;
+    border-bottom-color: #FFF;
+    -moz-border-bottom-colors: #FFF;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active > a:before {
+    content: "";
+    position: absolute;
+    display: block;
+    left: 0;
+    top: auto;
+    right: auto;
+    bottom: -1px;
+    left: 50%;
+    margin-left: -7px;
+    border-width: 8px;
+    border-color: transparent;
+    -moz-border-right-colors: none;
+    -moz-border-left-colors: none;
+    -moz-border-top-colors: none;
+    border-bottom-color: #74add7;
+    -moz-border-bottom-colors: #74add7;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active:hover > a:after,
+  .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active.hover-show > a:after,
+  .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active:hover > a:before,
+  .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active.hover-show > a:before {
+    display: none;
+  }
+}
+@media (min-width: 992px) {
+  .sidebar.compact .nav-list li.highlight.active > a:after,
+  .sidebar.compact .nav-list li.highlight.active > a:before {
+    display: none;
+  }
+  .sidebar.compact.menu-min .nav-list li.highlight.active > a:after,
+  .sidebar.compact.menu-min .nav-list li.highlight.active > a:before {
+    display: block;
+  }
+}
+@media (min-width: 992px) {
+  .sidebar.h-sidebar .nav-list li.highlight.active > a:after,
+  .sidebar.h-sidebar .nav-list li.highlight.active > a:before {
+    display: block;
+    border-width: 8px !important;
+    -moz-border-left-colors: none !important;
+    -moz-border-right-colors: none !important;
+    border-left-color: transparent !important;
+    border-right-color: transparent !important;
+  }
+  .sidebar.h-sidebar .nav-list > li.highlight.active:hover > a:after,
+  .sidebar.h-sidebar .nav-list > li.highlight.active:hover > a:before {
+    display: none !important;
+  }
+}
+.sidebar-scroll .nav-list > li.active.highlight > a:after,
+.sidebar-scroll .nav-list > li.active.highlight > a:before {
+  display: none !important;
+}
+.onpage-help-backdrop {
+  position: absolute;
+  z-index: 99990;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: #000;
+  filter: alpha(opacity=5);
+  background-color: rgba(0, 0, 0, 0.05);
+}
+.onpage-help-section {
+  display: block;
+  position: absolute;
+  z-index: 100000;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4DFFFFFF', endColorstr='#4DFFFFFF', GradientType=0);
+  background-color: rgba(255, 255, 255, 0.3);
+  border: 1px dashed #8BBCD3;
+  border-radius: 4px;
+  transition: background-color 0.2s, border-color 0.2s;
+  -webkit-transition: background-color 0.2s, border-color 0.2s;
+  text-align: center;
+  vertical-align: middle;
+  outline: none !important;
+}
+.onpage-help-section > .ie-hover-fix {
+  /* ie8-9 fix*/
+  display: block;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: #FFF;
+  filter: alpha(opacity=1);
+}
+.onpage-help-section:focus,
+.onpage-help-section:active {
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33C9D8EA', endColorstr='#33C9D8EA', GradientType=0);
+  background-color: rgba(201, 216, 234, 0.2);
+  border-color: #77ACC4;
+}
+.onpage-help-section:hover {
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66C9D8EA', endColorstr='#66C9D8EA', GradientType=0);
+  background-color: rgba(201, 216, 234, 0.4);
+  border-color: #77ACC4;
+  border-style: solid;
+}
+.onpage-help-section > .help-icon-1 {
+  font-size: 18px;
+  display: inline-block;
+  position: absolute;
+  z-index: 1;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  -webkit-transform: translate(-50%, -50%);
+  opacity: 0;
+  filter: alpha(opacity=0);
+  color: #FFF;
+  text-shadow: 0 0 2px black;
+  background-color: #85B8DB;
+  border: 2px solid #FFF;
+  border-radius: 100%;
+  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);
+  width: 48px;
+  height: 48px;
+  line-height: 46px;
+  transition: opacity 0.2s;
+  -webkit-transition: opacity 0.2s;
+}
+.onpage-help-section:focus > .help-icon-1,
+.onpage-help-section:active > .help-icon-1 {
+  opacity: 0.5;
+}
+.onpage-help-section:hover > .help-icon-1 {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.onpage-help-section.help-section-small > .help-icon-1 {
+  font-size: 18px;
+  width: 28px;
+  height: 28px;
+  line-height: 26px;
+  border-radius: 12px;
+}
+.onpage-help-section.help-section-smaller > .help-icon-1 {
+  font-size: 14px;
+  width: 20px;
+  height: 20px;
+  line-height: 17px;
+  border-radius: 8px;
+}
+.onpage-help-section > .help-icon-2 {
+  position: absolute;
+  z-index: 2;
+  left: -4px;
+  top: -4px;
+  width: 18px;
+  height: 18px;
+  line-height: 16px;
+  display: block;
+  font-size: 16px;
+  color: orange;
+  background-color: #FFF;
+  border: 1px solid orange;
+  border-radius: 4px;
+  opacity: 1;
+  transition: all 0.2s;
+  -webkit-transition: all 0.2s;
+}
+.onpage-help-section:hover > .help-icon-2 {
+  color: #59A34E;
+  border-color: #59A34E;
+  transform: scale(1.25);
+  -webkit-transform: scale(1.25);
+}
+.onpage-help-modal {
+  z-index: 100010;
+}
+.onpage-help-modal + .modal-backdrop {
+  z-index: 100009;
+}
+.onpage-help-modal-buttons button {
+  border-radius: 100%;
+  border-width: 2px !important;
+}
+.onpage-help-modal-buttons button:focus {
+  outline: none !important;
+}
+.onpage-help-modal-buttons button.disabled {
+  transform: scale(0.9);
+  -webkit-transform: scale(0.9);
+}
+.onpage-help-content {
+  max-width: 800px;
+  margin: 0 auto;
+}
+.code-modal.onpage-help-modal .modal-dialog {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+.code-modal.onpage-help-modal .modal-header {
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+.code-modal.onpage-help-modal .modal-body {
+  padding: 10px 12px;
+}
+.onpage-help-modal pre {
+  border-width: 0;
+  box-shadow: none;
+  border-radius: 0;
+  margin-top: 8px;
+}
+.onpage-help-modal .modal-title code {
+  font-size: 13px;
+}
+.onpage-help-modal .modal-body {
+  font-size: 14px;
+}
+@media print {
+  .navbar {
+    display: none !important;
+    /**
+	background: transparent none !important;
+	border-bottom: 1px solid #DDD;
+	
+	.navbar-brand {
+		color: @text-color !important;
+	}
+
+	.ace-nav {
+		display: none !important;
+	}
+	*/
+  }
+  .sidebar {
+    display: none !important;
+  }
+  .main-content {
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+  }
+  .main-content .nav-search {
+    display: none !important;
+  }
+  .main-content .breadcrumbs {
+    float: right;
+    border-width: 0 !important;
+  }
+  .main-content .breadcrumbs .breadcrumb > li + li:before {
+    content: "/";
+  }
+  .main-content .breadcrumbs .breadcrumb .home-icon {
+    display: none;
+  }
+  .ace-settings-container {
+    display: none !important;
+  }
+  .footer {
+    width: 100%;
+    height: auto;
+    position: relative;
+  }
+  .footer .footer-inner,
+  .footer .footer-inner .footer-content {
+    width: 100%;
+  }
+  .btn-scroll-up {
+    display: none !important;
+  }
+  .btn,
+  .btn.btn-app {
+    background: transparent none !important;
+    border-width: 1px !important;
+    border-radius: 0 !important;
+    color: #555 !important;
+  }
+  .label {
+    border: 1px solid #666 !important;
+  }
+  .label[class*=arrowed]:before,
+  .label[class*=arrowed]:after {
+    display: none !important;
+  }
+}
diff --git a/web/bootstrap-ace-admin/css/ace-rtl.css b/web/bootstrap-ace-admin/css/ace-rtl.css
new file mode 100755
index 00000000..f0a54cdf
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/ace-rtl.css
@@ -0,0 +1,5991 @@
+.rtl .text-center {
+	text-align: center;
+}
+.rtl .list-unstyled {
+	padding-left: 0;
+	padding-right: 0;
+}
+.rtl .list-inline {
+	padding-left: 0;
+	margin-left: auto;
+	padding-right: 0;
+	margin-right: -5px;
+}
+.rtl dd {
+	margin-left: auto;
+	margin-right: 0;
+}
+
+@media (min-width: 992px) {
+.rtl .dl-horizontal dt {
+	float: right;
+	clear: right;
+	text-align: left;
+}
+.rtl .dl-horizontal dd {
+	margin-left: auto;
+	margin-right: 180px;
+}
+}
+.rtl .col-xs-1,.rtl .col-xs-2,.rtl .col-xs-3,.rtl .col-xs-4,.rtl .col-xs-5,.rtl .col-xs-6,.rtl .col-xs-7,.rtl .col-xs-8,.rtl .col-xs-9,.rtl .col-xs-10,.rtl .col-xs-11,.rtl .col-xs-12 {
+	float: right;
+}
+.rtl .col-xs-pull-12 {
+	right: auto;
+	left: 100%;
+}
+.rtl .col-xs-pull-11 {
+	right: auto;
+	left: 91.666%;
+}
+.rtl .col-xs-pull-10 {
+	right: auto;
+	left: 83.333%;
+}
+.rtl .col-xs-pull-9 {
+	right: auto;
+	left: 75%;
+}
+.rtl .col-xs-pull-8 {
+	right: auto;
+	left: 66.666%;
+}
+.rtl .col-xs-pull-7 {
+	right: auto;
+	left: 58.333%;
+}
+.rtl .col-xs-pull-6 {
+	right: auto;
+	left: 50%;
+}
+.rtl .col-xs-pull-5 {
+	right: auto;
+	left: 41.666%;
+}
+.rtl .col-xs-pull-4 {
+	right: auto;
+	left: 33.333%;
+}
+.rtl .col-xs-pull-3 {
+	right: auto;
+	left: 25%;
+}
+.rtl .col-xs-pull-2 {
+	right: auto;
+	left: 16.666%;
+}
+.rtl .col-xs-pull-1 {
+	right: auto;
+	left: 8.333%;
+}
+.rtl .col-xs-pull-0 {
+	right: auto;
+	left: auto;
+}
+.rtl .col-xs-push-12 {
+	left: auto;
+	right: 100%;
+}
+.rtl .col-xs-push-11 {
+	left: auto;
+	right: 91.666%;
+}
+.rtl .col-xs-push-10 {
+	left: auto;
+	right: 83.333%;
+}
+.rtl .col-xs-push-9 {
+	left: auto;
+	right: 75%;
+}
+.rtl .col-xs-push-8 {
+	left: auto;
+	right: 66.666%;
+}
+.rtl .col-xs-push-7 {
+	left: auto;
+	right: 58.333%;
+}
+.rtl .col-xs-push-6 {
+	left: auto;
+	right: 50%;
+}
+.rtl .col-xs-push-5 {
+	left: auto;
+	right: 41.666%;
+}
+.rtl .col-xs-push-4 {
+	left: auto;
+	right: 33.333%;
+}
+.rtl .col-xs-push-3 {
+	left: auto;
+	right: 25%;
+}
+.rtl .col-xs-push-2 {
+	left: auto;
+	right: 16.666%;
+}
+.rtl .col-xs-push-1 {
+	left: auto;
+	right: 8.333%;
+}
+.rtl .col-xs-push-0 {
+	left: auto;
+	right: auto;
+}
+.rtl .col-xs-offset-12 {
+	margin-left: auto;
+	margin-right: 100%;
+}
+.rtl .col-xs-offset-11 {
+	margin-left: auto;
+	margin-right: 91.666%;
+}
+.rtl .col-xs-offset-10 {
+	margin-left: auto;
+	margin-right: 83.333%;
+}
+.rtl .col-xs-offset-9 {
+	margin-left: auto;
+	margin-right: 75%;
+}
+.rtl .col-xs-offset-8 {
+	margin-left: auto;
+	margin-right: 66.666%;
+}
+.rtl .col-xs-offset-7 {
+	margin-left: auto;
+	margin-right: 58.333%;
+}
+.rtl .col-xs-offset-6 {
+	margin-left: auto;
+	margin-right: 50%;
+}
+.rtl .col-xs-offset-5 {
+	margin-left: auto;
+	margin-right: 41.666%;
+}
+.rtl .col-xs-offset-4 {
+	margin-left: auto;
+	margin-right: 33.333%;
+}
+.rtl .col-xs-offset-3 {
+	margin-left: auto;
+	margin-right: 25%;
+}
+.rtl .col-xs-offset-2 {
+	margin-left: auto;
+	margin-right: 16.666%;
+}
+.rtl .col-xs-offset-1 {
+	margin-left: auto;
+	margin-right: 8.333%;
+}
+.rtl .col-xs-offset-0 {
+	margin-left: auto;
+	margin-right: 0%;
+}
+
+@media (min-width: 768px) {
+.rtl .col-sm-1,.rtl .col-sm-2,.rtl .col-sm-3,.rtl .col-sm-4,.rtl .col-sm-5,.rtl .col-sm-6,.rtl .col-sm-7,.rtl .col-sm-8,.rtl .col-sm-9,.rtl .col-sm-10,.rtl .col-sm-11,.rtl .col-sm-12 {
+	float: right;
+}
+.rtl .col-sm-pull-12 {
+	right: auto;
+	left: 100%;
+}
+.rtl .col-sm-pull-11 {
+	right: auto;
+	left: 91.666%;
+}
+.rtl .col-sm-pull-10 {
+	right: auto;
+	left: 83.333%;
+}
+.rtl .col-sm-pull-9 {
+	right: auto;
+	left: 75%;
+}
+.rtl .col-sm-pull-8 {
+	right: auto;
+	left: 66.666%;
+}
+.rtl .col-sm-pull-7 {
+	right: auto;
+	left: 58.333%;
+}
+.rtl .col-sm-pull-6 {
+	right: auto;
+	left: 50%;
+}
+.rtl .col-sm-pull-5 {
+	right: auto;
+	left: 41.666%;
+}
+.rtl .col-sm-pull-4 {
+	right: auto;
+	left: 33.333%;
+}
+.rtl .col-sm-pull-3 {
+	right: auto;
+	left: 25%;
+}
+.rtl .col-sm-pull-2 {
+	right: auto;
+	left: 16.666%;
+}
+.rtl .col-sm-pull-1 {
+	right: auto;
+	left: 8.333%;
+}
+.rtl .col-sm-pull-0 {
+	right: auto;
+	left: auto;
+}
+.rtl .col-sm-push-12 {
+	left: auto;
+	right: 100%;
+}
+.rtl .col-sm-push-11 {
+	left: auto;
+	right: 91.666%;
+}
+.rtl .col-sm-push-10 {
+	left: auto;
+	right: 83.333%;
+}
+.rtl .col-sm-push-9 {
+	left: auto;
+	right: 75%;
+}
+.rtl .col-sm-push-8 {
+	left: auto;
+	right: 66.666%;
+}
+.rtl .col-sm-push-7 {
+	left: auto;
+	right: 58.333%;
+}
+.rtl .col-sm-push-6 {
+	left: auto;
+	right: 50%;
+}
+.rtl .col-sm-push-5 {
+	left: auto;
+	right: 41.666%;
+}
+.rtl .col-sm-push-4 {
+	left: auto;
+	right: 33.333%;
+}
+.rtl .col-sm-push-3 {
+	left: auto;
+	right: 25%;
+}
+.rtl .col-sm-push-2 {
+	left: auto;
+	right: 16.666%;
+}
+.rtl .col-sm-push-1 {
+	left: auto;
+	right: 8.333%;
+}
+.rtl .col-sm-push-0 {
+	left: auto;
+	right: auto;
+}
+.rtl .col-sm-offset-12 {
+	margin-left: auto;
+	margin-right: 100%;
+}
+.rtl .col-sm-offset-11 {
+	margin-left: auto;
+	margin-right: 91.666%;
+}
+.rtl .col-sm-offset-10 {
+	margin-left: auto;
+	margin-right: 83.333%;
+}
+.rtl .col-sm-offset-9 {
+	margin-left: auto;
+	margin-right: 75%;
+}
+.rtl .col-sm-offset-8 {
+	margin-left: auto;
+	margin-right: 66.666%;
+}
+.rtl .col-sm-offset-7 {
+	margin-left: auto;
+	margin-right: 58.333%;
+}
+.rtl .col-sm-offset-6 {
+	margin-left: auto;
+	margin-right: 50%;
+}
+.rtl .col-sm-offset-5 {
+	margin-left: auto;
+	margin-right: 41.666%;
+}
+.rtl .col-sm-offset-4 {
+	margin-left: auto;
+	margin-right: 33.333%;
+}
+.rtl .col-sm-offset-3 {
+	margin-left: auto;
+	margin-right: 25%;
+}
+.rtl .col-sm-offset-2 {
+	margin-left: auto;
+	margin-right: 16.666%;
+}
+.rtl .col-sm-offset-1 {
+	margin-left: auto;
+	margin-right: 8.333%;
+}
+.rtl .col-sm-offset-0 {
+	margin-left: auto;
+	margin-right: 0%;
+}
+}
+
+@media (min-width: 992px) {
+.rtl .col-md-1,.rtl .col-md-2,.rtl .col-md-3,.rtl .col-md-4,.rtl .col-md-5,.rtl .col-md-6,.rtl .col-md-7,.rtl .col-md-8,.rtl .col-md-9,.rtl .col-md-10,.rtl .col-md-11,.rtl .col-md-12 {
+	float: right;
+}
+.rtl .col-md-pull-12 {
+	right: auto;
+	left: 100%;
+}
+.rtl .col-md-pull-11 {
+	right: auto;
+	left: 91.666%;
+}
+.rtl .col-md-pull-10 {
+	right: auto;
+	left: 83.333%;
+}
+.rtl .col-md-pull-9 {
+	right: auto;
+	left: 75%;
+}
+.rtl .col-md-pull-8 {
+	right: auto;
+	left: 66.666%;
+}
+.rtl .col-md-pull-7 {
+	right: auto;
+	left: 58.333%;
+}
+.rtl .col-md-pull-6 {
+	right: auto;
+	left: 50%;
+}
+.rtl .col-md-pull-5 {
+	right: auto;
+	left: 41.666%;
+}
+.rtl .col-md-pull-4 {
+	right: auto;
+	left: 33.333%;
+}
+.rtl .col-md-pull-3 {
+	right: auto;
+	left: 25%;
+}
+.rtl .col-md-pull-2 {
+	right: auto;
+	left: 16.666%;
+}
+.rtl .col-md-pull-1 {
+	right: auto;
+	left: 8.333%;
+}
+.rtl .col-md-pull-0 {
+	right: auto;
+	left: auto;
+}
+.rtl .col-md-push-12 {
+	left: auto;
+	right: 100%;
+}
+.rtl .col-md-push-11 {
+	left: auto;
+	right: 91.666%;
+}
+.rtl .col-md-push-10 {
+	left: auto;
+	right: 83.333%;
+}
+.rtl .col-md-push-9 {
+	left: auto;
+	right: 75%;
+}
+.rtl .col-md-push-8 {
+	left: auto;
+	right: 66.666%;
+}
+.rtl .col-md-push-7 {
+	left: auto;
+	right: 58.333%;
+}
+.rtl .col-md-push-6 {
+	left: auto;
+	right: 50%;
+}
+.rtl .col-md-push-5 {
+	left: auto;
+	right: 41.666%;
+}
+.rtl .col-md-push-4 {
+	left: auto;
+	right: 33.333%;
+}
+.rtl .col-md-push-3 {
+	left: auto;
+	right: 25%;
+}
+.rtl .col-md-push-2 {
+	left: auto;
+	right: 16.666%;
+}
+.rtl .col-md-push-1 {
+	left: auto;
+	right: 8.333%;
+}
+.rtl .col-md-push-0 {
+	left: auto;
+	right: auto;
+}
+.rtl .col-md-offset-12 {
+	margin-left: auto;
+	margin-right: 100%;
+}
+.rtl .col-md-offset-11 {
+	margin-left: auto;
+	margin-right: 91.666%;
+}
+.rtl .col-md-offset-10 {
+	margin-left: auto;
+	margin-right: 83.333%;
+}
+.rtl .col-md-offset-9 {
+	margin-left: auto;
+	margin-right: 75%;
+}
+.rtl .col-md-offset-8 {
+	margin-left: auto;
+	margin-right: 66.666%;
+}
+.rtl .col-md-offset-7 {
+	margin-left: auto;
+	margin-right: 58.333%;
+}
+.rtl .col-md-offset-6 {
+	margin-left: auto;
+	margin-right: 50%;
+}
+.rtl .col-md-offset-5 {
+	margin-left: auto;
+	margin-right: 41.666%;
+}
+.rtl .col-md-offset-4 {
+	margin-left: auto;
+	margin-right: 33.333%;
+}
+.rtl .col-md-offset-3 {
+	margin-left: auto;
+	margin-right: 25%;
+}
+.rtl .col-md-offset-2 {
+	margin-left: auto;
+	margin-right: 16.666%;
+}
+.rtl .col-md-offset-1 {
+	margin-left: auto;
+	margin-right: 8.333%;
+}
+.rtl .col-md-offset-0 {
+	margin-left: auto;
+	margin-right: 0%;
+}
+}
+
+@media (min-width: 1200px) {
+.rtl .col-lg-1,.rtl .col-lg-2,.rtl .col-lg-3,.rtl .col-lg-4,.rtl .col-lg-5,.rtl .col-lg-6,.rtl .col-lg-7,.rtl .col-lg-8,.rtl .col-lg-9,.rtl .col-lg-10,.rtl .col-lg-11,.rtl .col-lg-12 {
+	float: right;
+}
+.rtl .col-lg-pull-12 {
+	right: auto;
+	left: 100%;
+}
+.rtl .col-lg-pull-11 {
+	right: auto;
+	left: 91.666%;
+}
+.rtl .col-lg-pull-10 {
+	right: auto;
+	left: 83.333%;
+}
+.rtl .col-lg-pull-9 {
+	right: auto;
+	left: 75%;
+}
+.rtl .col-lg-pull-8 {
+	right: auto;
+	left: 66.666%;
+}
+.rtl .col-lg-pull-7 {
+	right: auto;
+	left: 58.333%;
+}
+.rtl .col-lg-pull-6 {
+	right: auto;
+	left: 50%;
+}
+.rtl .col-lg-pull-5 {
+	right: auto;
+	left: 41.666%;
+}
+.rtl .col-lg-pull-4 {
+	right: auto;
+	left: 33.333%;
+}
+.rtl .col-lg-pull-3 {
+	right: auto;
+	left: 25%;
+}
+.rtl .col-lg-pull-2 {
+	right: auto;
+	left: 16.666%;
+}
+.rtl .col-lg-pull-1 {
+	right: auto;
+	left: 8.333%;
+}
+.rtl .col-lg-pull-0 {
+	right: auto;
+	left: auto;
+}
+.rtl .col-lg-push-12 {
+	left: auto;
+	right: 100%;
+}
+.rtl .col-lg-push-11 {
+	left: auto;
+	right: 91.666%;
+}
+.rtl .col-lg-push-10 {
+	left: auto;
+	right: 83.333%;
+}
+.rtl .col-lg-push-9 {
+	left: auto;
+	right: 75%;
+}
+.rtl .col-lg-push-8 {
+	left: auto;
+	right: 66.666%;
+}
+.rtl .col-lg-push-7 {
+	left: auto;
+	right: 58.333%;
+}
+.rtl .col-lg-push-6 {
+	left: auto;
+	right: 50%;
+}
+.rtl .col-lg-push-5 {
+	left: auto;
+	right: 41.666%;
+}
+.rtl .col-lg-push-4 {
+	left: auto;
+	right: 33.333%;
+}
+.rtl .col-lg-push-3 {
+	left: auto;
+	right: 25%;
+}
+.rtl .col-lg-push-2 {
+	left: auto;
+	right: 16.666%;
+}
+.rtl .col-lg-push-1 {
+	left: auto;
+	right: 8.333%;
+}
+.rtl .col-lg-push-0 {
+	left: auto;
+	right: auto;
+}
+.rtl .col-lg-offset-12 {
+	margin-left: auto;
+	margin-right: 100%;
+}
+.rtl .col-lg-offset-11 {
+	margin-left: auto;
+	margin-right: 91.666%;
+}
+.rtl .col-lg-offset-10 {
+	margin-left: auto;
+	margin-right: 83.333%;
+}
+.rtl .col-lg-offset-9 {
+	margin-left: auto;
+	margin-right: 75%;
+}
+.rtl .col-lg-offset-8 {
+	margin-left: auto;
+	margin-right: 66.666%;
+}
+.rtl .col-lg-offset-7 {
+	margin-left: auto;
+	margin-right: 58.333%;
+}
+.rtl .col-lg-offset-6 {
+	margin-left: auto;
+	margin-right: 50%;
+}
+.rtl .col-lg-offset-5 {
+	margin-left: auto;
+	margin-right: 41.666%;
+}
+.rtl .col-lg-offset-4 {
+	margin-left: auto;
+	margin-right: 33.333%;
+}
+.rtl .col-lg-offset-3 {
+	margin-left: auto;
+	margin-right: 25%;
+}
+.rtl .col-lg-offset-2 {
+	margin-left: auto;
+	margin-right: 16.666%;
+}
+.rtl .col-lg-offset-1 {
+	margin-left: auto;
+	margin-right: 8.333%;
+}
+.rtl .col-lg-offset-0 {
+	margin-left: auto;
+	margin-right: 0%;
+}
+}
+.rtl caption {
+	text-align: right;
+}
+.rtl th {
+	text-align: right;
+}
+.rtl .radio label,.rtl .checkbox label {
+	padding-left: 0;
+	padding-right: 20px;
+}
+.rtl .radio input[type="radio"],.rtl .radio-inline input[type="radio"],.rtl .checkbox input[type="checkbox"],.rtl .checkbox-inline input[type="checkbox"] {
+	margin-left: auto;
+	margin-right: -20px;
+}
+.rtl .radio-inline,.rtl .checkbox-inline {
+	padding-left: 0;
+	padding-right: 20px;
+}
+.rtl .radio-inline + .radio-inline,.rtl .checkbox-inline + .checkbox-inline {
+	margin-left: auto;
+	margin-right: 10px;
+}
+.rtl .has-feedback .form-control {
+	padding-right: 0;
+	padding-left: 42.5px;
+}
+.rtl .form-control-feedback {
+	right: auto;
+	text-align: center;
+	left: 0;
+}
+
+@media (min-width: 768px) {
+.rtl .form-inline .radio label,.rtl .form-inline .checkbox label {
+	padding-left: 0;
+	padding-right: 0;
+}
+.rtl .form-inline .radio input[type="radio"],.rtl .form-inline .checkbox input[type="checkbox"] {
+	margin-left: auto;
+	margin-right: 0;
+}
+}
+
+@media (min-width: 768px) {
+.rtl .form-horizontal .control-label {
+	text-align: left;
+}
+}
+.rtl .form-horizontal .has-feedback .form-control-feedback {
+	right: auto;
+	left: 12px;
+}
+.rtl .btn {
+	text-align: center;
+}
+.rtl .caret {
+	margin-left: auto;
+	margin-right: 2px;
+}
+.rtl .btn-group > .btn,.rtl .btn-group-vertical > .btn {
+	float: right;
+}
+.rtl .btn-group .btn + .btn,.rtl .btn-group .btn + .btn-group,.rtl .btn-group .btn-group + .btn,.rtl .btn-group .btn-group + .btn-group {
+	margin-left: auto;
+	margin-right: -1px;
+}
+.rtl .btn-toolbar {
+	margin-left: auto;
+	margin-right: -5px;
+}
+.rtl .btn-toolbar .btn-group,.rtl .btn-toolbar .input-group {
+	float: right;
+}
+.rtl .btn-toolbar > .btn,.rtl .btn-toolbar > .btn-group,.rtl .btn-toolbar > .input-group {
+	margin-left: auto;
+	margin-right: 5px;
+}
+.rtl .btn-group > .btn:first-child {
+	margin-left: auto;
+	margin-right: 0;
+}
+.rtl .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
+	border-bottom-right-radius: 0;
+	border-top-right-radius: 0;
+	border-bottom-left-radius: 0;
+	border-top-left-radius: 0;
+}
+.rtl .btn-group > .btn:last-child:not(:first-child),.rtl .btn-group > .dropdown-toggle:not(:first-child) {
+	border-bottom-left-radius: 0;
+	border-top-left-radius: 0;
+	border-bottom-right-radius: 0;
+	border-top-right-radius: 0;
+}
+.rtl .btn-group > .btn-group {
+	float: right;
+}
+.rtl .btn-group > .btn-group:first-child > .btn:last-child,.rtl .btn-group > .btn-group:first-child > .dropdown-toggle {
+	border-bottom-right-radius: 0;
+	border-top-right-radius: 0;
+	border-bottom-left-radius: 0;
+	border-top-left-radius: 0;
+}
+.rtl .btn-group > .btn-group:last-child > .btn:first-child {
+	border-bottom-left-radius: 0;
+	border-top-left-radius: 0;
+	border-bottom-right-radius: 0;
+	border-top-right-radius: 0;
+}
+.rtl .btn .caret {
+	margin-left: auto;
+	margin-right: 0;
+}
+.rtl .btn-group-vertical > .btn + .btn,.rtl .btn-group-vertical > .btn + .btn-group,.rtl .btn-group-vertical > .btn-group + .btn,.rtl .btn-group-vertical > .btn-group + .btn-group {
+	margin-left: auto;
+	margin-right: 0;
+}
+.rtl .btn-group-vertical > .btn:first-child:not(:last-child) {
+	border-top-right-radius: 0;
+	border-top-left-radius: 4px;
+}
+.rtl .btn-group-vertical > .btn:last-child:not(:first-child) {
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 4px;
+}
+.rtl .input-group .form-control {
+	float: right;
+}
+.rtl .input-group-addon {
+	text-align: center;
+}
+.rtl .input-group .form-control:first-child,.rtl .input-group-addon:first-child,.rtl .input-group-btn:first-child > .btn,.rtl .input-group-btn:first-child > .btn-group > .btn,.rtl .input-group-btn:first-child > .dropdown-toggle,.rtl .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),.rtl .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
+	border-bottom-right-radius: 0;
+	border-top-right-radius: 0;
+	border-bottom-left-radius: 0;
+	border-top-left-radius: 0;
+}
+.rtl .input-group-addon:first-child {
+	border-right: none;
+	border-left: 0;
+}
+.rtl .input-group .form-control:last-child,.rtl .input-group-addon:last-child,.rtl .input-group-btn:last-child > .btn,.rtl .input-group-btn:last-child > .btn-group > .btn,.rtl .input-group-btn:last-child > .dropdown-toggle,.rtl .input-group-btn:first-child > .btn:not(:first-child),.rtl .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
+	border-bottom-left-radius: 0;
+	border-top-left-radius: 0;
+	border-bottom-right-radius: 0;
+	border-top-right-radius: 0;
+}
+.rtl .input-group-addon:last-child {
+	border-left: none;
+	border-right: 0;
+}
+.rtl .input-group-btn > .btn + .btn {
+	margin-left: auto;
+	margin-right: -1px;
+}
+.rtl .input-group-btn:first-child > .btn,.rtl .input-group-btn:first-child > .btn-group {
+	margin-right: auto;
+	margin-left: -1px;
+}
+.rtl .input-group-btn:last-child > .btn,.rtl .input-group-btn:last-child > .btn-group {
+	margin-left: auto;
+	margin-right: -1px;
+}
+.rtl .nav {
+	padding-left: 0;
+	padding-right: 0;
+}
+.rtl .nav-pills > li {
+	float: right;
+}
+.rtl .nav-pills > li + li {
+	margin-left: auto;
+	margin-right: 2px;
+}
+.rtl .nav-stacked > li + li {
+	margin-left: auto;
+	margin-right: 0;
+}
+.rtl .nav-justified > li > a {
+	text-align: center;
+}
+
+@media (min-width: 992px) {
+.rtl .navbar-header {
+	float: right;
+}
+}
+.rtl .navbar-brand {
+	float: right;
+}
+
+@media (min-width: 992px) {
+.rtl .navbar > .container .navbar-brand,.rtl .navbar > .container-fluid .navbar-brand {
+	margin-left: auto;
+	margin-right: -12px;
+}
+}
+.rtl .navbar-toggle {
+	float: left;
+	margin-right: auto;
+	margin-left: 12px;
+}
+
+@media (min-width: 992px) {
+.rtl .navbar-nav {
+	float: right;
+}
+.rtl .navbar-nav > li {
+	float: right;
+}
+}
+
+@media (min-width: 768px) {
+.rtl .navbar-form .radio label,.rtl .navbar-form .checkbox label {
+	padding-left: 0;
+	padding-right: 0;
+}
+.rtl .navbar-form .radio input[type="radio"],.rtl .navbar-form .checkbox input[type="checkbox"] {
+	margin-left: auto;
+	margin-right: 0;
+}
+}
+
+@media (min-width: 992px) {
+.rtl .navbar-text {
+	float: right;
+}
+}
+.rtl .pagination {
+	padding-left: 0;
+	padding-right: 0;
+}
+.rtl .pagination > li > a,.rtl .pagination > li > span {
+	float: right;
+	margin-left: auto;
+	margin-right: -1px;
+}
+.rtl .pagination > li:first-child > a,.rtl .pagination > li:first-child > span {
+	margin-left: auto;
+	border-bottom-left-radius: 0;
+	border-top-left-radius: 0;
+	margin-right: 0;
+	border-bottom-right-radius: 4px;
+	border-top-right-radius: 4px;
+}
+.rtl .pagination > li:last-child > a,.rtl .pagination > li:last-child > span {
+	border-bottom-right-radius: 0;
+	border-top-right-radius: 0;
+	border-bottom-left-radius: 4px;
+	border-top-left-radius: 4px;
+}
+.rtl .pagination-lg > li:first-child > a,.rtl .pagination-lg > li:first-child > span {
+	border-bottom-left-radius: 0;
+	border-top-left-radius: 0;
+	border-bottom-right-radius: 6px;
+	border-top-right-radius: 6px;
+}
+.rtl .pagination-lg > li:last-child > a,.rtl .pagination-lg > li:last-child > span {
+	border-bottom-right-radius: 0;
+	border-top-right-radius: 0;
+	border-bottom-left-radius: 6px;
+	border-top-left-radius: 6px;
+}
+.rtl .pagination-sm > li:first-child > a,.rtl .pagination-sm > li:first-child > span {
+	border-bottom-left-radius: 0;
+	border-top-left-radius: 0;
+	border-bottom-right-radius: 3px;
+	border-top-right-radius: 3px;
+}
+.rtl .pagination-sm > li:last-child > a,.rtl .pagination-sm > li:last-child > span {
+	border-bottom-right-radius: 0;
+	border-top-right-radius: 0;
+	border-bottom-left-radius: 3px;
+	border-top-left-radius: 3px;
+}
+.rtl .pager {
+	padding-left: 0;
+	text-align: center;
+	padding-right: 0;
+}
+.rtl .pager .next > a,.rtl .pager .next > span {
+	float: left;
+}
+.rtl .pager .previous > a,.rtl .pager .previous > span {
+	float: right;
+}
+.rtl .label {
+	text-align: center;
+}
+.rtl .badge {
+	text-align: center;
+}
+.rtl .list-group-item > .badge {
+	float: left;
+}
+.rtl .list-group-item > .badge + .badge {
+	margin-right: auto;
+	margin-left: 5px;
+}
+.rtl .nav-pills > li > a > .badge {
+	margin-left: auto;
+	margin-right: 3px;
+}
+.rtl .alert-dismissable,.rtl .alert-dismissible {
+	padding-right: 0;
+	padding-left: 35px;
+}
+.rtl .alert-dismissable .close,.rtl .alert-dismissible .close {
+	right: auto;
+	left: -21px;
+}
+.rtl .progress-bar {
+	float: right;
+	text-align: center;
+}
+.rtl .media-list {
+	padding-left: 0;
+	padding-right: 0;
+}
+.rtl .list-group {
+	padding-left: 0;
+	padding-right: 0;
+}
+.rtl .panel {
+	-webkit-box-shadow: -0 1px 1px rgba(0, 0, 0, 0.05);
+	box-shadow: -0 1px 1px rgba(0, 0, 0, 0.05);
+}
+.rtl .embed-responsive .embed-responsive-item,.rtl .embed-responsive iframe,.rtl .embed-responsive embed,.rtl .embed-responsive object,.rtl .embed-responsive video {
+	left: auto;
+	right: 0;
+}
+.rtl .close {
+	float: left;
+}
+.rtl .modal-content {
+	-webkit-box-shadow: -0 3px 9px rgba(0, 0, 0, 0.5);
+	box-shadow: -0 3px 9px rgba(0, 0, 0, 0.5);
+}
+.rtl .modal-footer {
+	text-align: left;
+}
+.rtl .modal-footer .btn + .btn {
+	margin-left: auto;
+	margin-right: 5px;
+}
+.rtl .modal-footer .btn-group .btn + .btn {
+	margin-left: auto;
+	margin-right: -1px;
+}
+.rtl .modal-footer .btn-block + .btn-block {
+	margin-left: auto;
+	margin-right: 0;
+}
+
+@media (min-width: 768px) {
+.rtl .modal-content {
+	-webkit-box-shadow: -0 5px 15px rgba(0, 0, 0, 0.5);
+	box-shadow: -0 5px 15px rgba(0, 0, 0, 0.5);
+}
+}
+.rtl .tooltip-inner {
+	text-align: center;
+}
+.rtl .tooltip.top .tooltip-arrow {
+	left: auto;
+	margin-left: auto;
+	right: 50%;
+	margin-right: -5px;
+}
+.rtl .tooltip.bottom .tooltip-arrow {
+	left: auto;
+	margin-left: auto;
+	right: 50%;
+	margin-right: -5px;
+}
+.rtl .carousel-inner > .item {
+	-webkit-transition: 0.6s ease-in-out right;
+	-o-transition: 0.6s ease-in-out right;
+	transition: 0.6s ease-in-out right;
+}
+
+@media all and (transform-3d), (-webkit-transform-3d) {
+.rtl .carousel-inner > .item.next {
+	left: auto;
+	right: 0;
+}
+.rtl .carousel-inner > .item.prev {
+	left: auto;
+	right: 0;
+}
+.rtl .carousel-inner > .item.active {
+	left: auto;
+	right: 0;
+}
+}
+.rtl .carousel-inner > .active {
+	left: auto;
+	right: 0;
+}
+.rtl .carousel-inner > .next {
+	left: auto;
+	right: 100%;
+}
+.rtl .carousel-inner > .prev {
+	left: auto;
+	right: -100%;
+}
+.rtl .carousel-control {
+	left: auto;
+	text-align: center;
+	right: 0;
+}
+.rtl .carousel-control .icon-prev {
+	left: auto;
+	margin-left: auto;
+	right: 50%;
+	margin-right: -10px;
+}
+.rtl .carousel-control .icon-next {
+	right: auto;
+	margin-right: auto;
+	left: 50%;
+	margin-left: -10px;
+}
+.rtl .carousel-indicators {
+	left: auto;
+	margin-left: auto;
+	padding-left: 0;
+	text-align: center;
+	right: 50%;
+	margin-right: -30%;
+	padding-right: 0;
+}
+.rtl .carousel-caption {
+	text-align: center;
+}
+
+@media screen and (min-width: 768px) {
+.rtl .carousel-control .icon-prev {
+	margin-left: auto;
+	margin-right: -15px;
+}
+.rtl .carousel-control .icon-next {
+	margin-right: auto;
+	margin-left: -15px;
+}
+}
+.rtl .main-container.container:before {
+	-webkit-box-shadow: -0 0 0 1px rgba(0,0,0,0.1);
+	box-shadow: -0 0 0 1px rgba(0,0,0,0.1);
+}
+.rtl .main-content {
+	margin-left: auto;
+	margin-right: 0;
+}
+.rtl .sidebar + .main-content {
+	margin-left: auto;
+	margin-right: 190px;
+}
+.rtl .ajax-loading-overlay > .ajax-loading-icon {
+	left: auto;
+	right: 8px;
+}
+.rtl .ajax-loading-overlay.ajax-overlay-body > .ajax-loading-icon {
+	left: auto;
+	right: 8px;
+}
+.rtl .ace-icon {
+	text-align: center;
+}
+.rtl ul,.rtl ol {
+	margin-right: 25px;
+	margin-left: 0;
+}
+.rtl ul.margin-5,.rtl ol.margin-5 {
+	margin-left: auto;
+	margin-right: 5px;
+}
+.rtl ul.margin-10,.rtl ol.margin-10 {
+	margin-left: auto;
+	margin-right: 10px;
+}
+.rtl ul.margin-15,.rtl ol.margin-15 {
+	margin-left: auto;
+	margin-right: 15px;
+}
+.rtl ul.margin-20,.rtl ol.margin-20 {
+	margin-left: auto;
+	margin-right: 20px;
+}
+.rtl li > ul,.rtl li > ol {
+	margin-left: auto;
+	margin-right: 18px;
+}
+.rtl .list-unstyled,.rtl .list-inline {
+	margin-left: auto;
+	margin-right: 0;
+}
+.rtl .list-unstyled > li > .ace-icon:first-child,.rtl .list-inline > li > .ace-icon:first-child {
+	text-align: center;
+}
+.rtl .pagination > li > a,.rtl .pager > li > a {
+	margin: 0 0 0 -1px;
+}
+.rtl .list-group {
+	margin-left: auto;
+	margin-right: auto;
+}
+.rtl .center,.rtl .align-center {
+	text-align: center !important;
+}
+.rtl .hr {
+	border-width: 1px 0 0 0;
+}
+.rtl [class*="vspace-32"] {
+	margin: 32px 0 31px 0;
+}
+.rtl [class*="vspace-30"] {
+	margin: 30px 0 29px 0;
+}
+.rtl [class*="vspace-28"] {
+	margin: 28px 0 27px 0;
+}
+.rtl [class*="vspace-26"] {
+	margin: 26px 0 25px 0;
+}
+.rtl [class*="vspace-24"] {
+	margin: 24px 0 23px 0;
+}
+.rtl [class*="vspace-22"] {
+	margin: 22px 0 21px 0;
+}
+.rtl [class*="vspace-20"] {
+	margin: 20px 0 19px 0;
+}
+.rtl [class*="vspace-18"] {
+	margin: 18px 0 17px 0;
+}
+.rtl [class*="vspace-16"] {
+	margin: 16px 0 15px 0;
+}
+.rtl [class*="vspace-14"] {
+	margin: 14px 0 13px 0;
+}
+.rtl [class*="vspace-12"] {
+	margin: 12px 0 11px 0;
+}
+.rtl [class*="vspace-10"] {
+	margin: 10px 0 9px 0;
+}
+.rtl [class*="vspace-8"] {
+	margin: 8px 0 7px 0;
+}
+.rtl [class*="vspace-6"] {
+	margin: 6px 0 5px 0;
+}
+.rtl [class*="vspace-4"] {
+	margin: 4px 0 3px 0;
+}
+.rtl [class*="vspace-2"] {
+	margin: 2px 0 1px 0;
+}
+.rtl .header > .ace-icon {
+	margin-right: auto;
+	margin-left: 2px;
+}
+.rtl .ace-nav > li {
+	border-left: none;
+	float: right;
+	border-right: 1px solid #E1E1E1;
+}
+.rtl .ace-nav > li:first-child {
+	border-left-width: transparent;
+	border-right-width: 0;
+}
+.rtl .ace-nav > li > a {
+	text-align: center;
+}
+.rtl .ace-nav > li > a > .ace-icon {
+	text-align: center;
+}
+.rtl .ace-nav > li > a > .badge {
+	left: auto;
+	right: 2px;
+}
+.rtl .ace-nav > li.margin-4 {
+	margin-left: auto;
+	margin-right: 4px;
+}
+.rtl .ace-nav > li.margin-3 {
+	margin-left: auto;
+	margin-right: 3px;
+}
+.rtl .ace-nav > li.margin-2 {
+	margin-left: auto;
+	margin-right: 2px;
+}
+.rtl .ace-nav > li.margin-1 {
+	margin-left: auto;
+	margin-right: 1px;
+}
+.rtl .ace-nav .nav-user-photo {
+	margin: -4px 0 0 8px;
+}
+.rtl .ace-nav li.dropdown-footer a .ace-icon {
+	text-align: center;
+}
+
+@media only screen and (max-width: 479px) {
+.rtl .navbar:not(.navbar-collapse) .ace-nav {
+	text-align: center;
+}
+.rtl .navbar:not(.navbar-collapse) .ace-nav > li {
+	text-align: right;
+}
+.rtl .navbar:not(.navbar-collapse) .ace-nav > li:first-child {
+	border-left: none;
+	border-right: 1px solid rgba(255, 255, 255, 0.4);
+}
+.rtl .navbar:not(.navbar-collapse) .ace-nav > li:last-child {
+	border-right: none;
+	border-left: 1px solid rgba(255, 255, 255, 0.4);
+}
+}
+.rtl .user-menu > li > a > .ace-icon {
+	margin-right: auto;
+	margin-left: 6px;
+}
+.rtl .user-info {
+	text-align: right;
+}
+
+@media (min-width: 480px) and (max-width: 540px), (max-width: 360px) {
+.rtl .navbar:not(.navbar-collapse) .navbar-buttons .nav-user-photo {
+	margin-right: auto;
+	margin-left: 0;
+}
+.rtl .navbar:not(.navbar-collapse) .navbar-buttons .user-info {
+	margin-left: auto;
+	right: auto;
+	text-align: center;
+	margin-right: 1px;
+	left: 2px;
+}
+}
+
+@media (max-width: 360px) {
+.rtl .navbar.navbar-collapse .navbar-buttons .nav-user-photo {
+	margin-right: auto;
+	margin-left: 0;
+}
+.rtl .navbar.navbar-collapse .navbar-buttons .user-info {
+	margin-left: auto;
+	right: auto;
+	text-align: center;
+	margin-right: 1px;
+	left: 2px;
+}
+.rtl li.open .user-info {
+	right: auto;
+	left: 2px;
+}
+}
+
+@media (min-width: 992px) {
+.rtl .user-min .nav-user-photo {
+	margin-right: auto;
+	margin-left: 0;
+}
+.rtl .user-min .user-info {
+	margin-left: auto;
+	right: auto;
+	text-align: center;
+	margin-right: 1px;
+	left: 2px;
+}
+.rtl .user-min .user-info {
+	right: auto;
+	left: -3px;
+}
+}
+
+@media (max-height: 540px) and (min-width: 480px) and (max-width: 540px), (max-height: 540px) and (max-width: 360px) {
+.rtl .navbar:not(.navbar-collapse) .navbar-buttons .user-info {
+	right: auto;
+	left: auto;
+}
+}
+
+@media (max-height: 540px) and (max-width: 360px) {
+.rtl .navbar.navbar-collapse .navbar-buttons .user-info {
+	right: auto;
+	left: auto;
+}
+}
+
+@media (max-height: 540px) and (min-width: 992px) {
+.rtl .user-min .user-info {
+	right: auto;
+	left: auto;
+}
+}
+
+@media only screen and (max-width: 991px) {
+.rtl .navbar.navbar-collapse .navbar-buttons > .ace-nav {
+	text-align: center;
+}
+.rtl .navbar.navbar-collapse .navbar-buttons > .ace-nav > li {
+	text-align: right;
+}
+.rtl .navbar.navbar-collapse .navbar-buttons > .ace-nav > li:first-child {
+	border-left: none;
+	border-right: 1px solid rgba(255, 255, 255, 0.4);
+}
+.rtl .navbar.navbar-collapse .navbar-buttons > .ace-nav > li:last-child {
+	border-right: none;
+	border-left: 1px solid rgba(255, 255, 255, 0.4);
+}
+}
+.rtl .container > .navbar-buttons,.rtl .container-fluid > .navbar-buttons {
+	padding-right: 0 !important;
+	padding-left: 0 !important;
+}
+.rtl .navbar .navbar-nav > li {
+	border-width: 0 0 0 1px;
+}
+.rtl .navbar .navbar-nav > li:first-child {
+	border-width: 0 1px 0 1px;
+}
+.rtl .navbar .navbar-toggle {
+	text-align: center;
+}
+.rtl .navbar .navbar-toggle .icon-bar {
+	margin-left: auto;
+	margin-right: 7px;
+}
+.rtl .sidebar {
+	float: right;
+}
+.rtl .nav-list > li > a {
+	padding-left: 0;
+	padding-right: 7px;
+}
+.rtl .nav-list > li > a > .menu-icon {
+	margin-right: auto;
+	text-align: center;
+	margin-left: 2px;
+}
+.rtl .nav-list > li:before {
+	left: auto;
+	right: 0;
+}
+
+@media only screen and (min-width: 992px) {
+.rtl .main-container.container .sidebar:not(.h-sidebar) .nav-list > li:before {
+	left: auto;
+	right: -2px;
+}
+}
+.rtl .main-container.container .sidebar.sidebar-fixed:not(.h-sidebar) .nav-list > li:before {
+	left: auto;
+	right: 0;
+}
+.rtl .nav-list > li a > .arrow {
+	right: auto;
+	text-align: center;
+	left: 10px;
+}
+.rtl .nav-list > li .submenu > li {
+	margin-left: auto;
+	margin-right: 0;
+}
+.rtl .nav-list > li .submenu > li > a {
+	padding: 7px 37px 9px 0;
+}
+.rtl .nav-list > li .submenu > li a > .menu-icon {
+	text-align: center;
+	left: auto;
+	right: 10px;
+}
+.rtl .nav-list > li > .submenu > li:before {
+	left: auto;
+	right: 20px;
+}
+.rtl .nav-list > li > .submenu:before {
+	left: auto;
+	border-width: 0 1px 0 0;
+	right: 18px;
+}
+.rtl .nav-list > li > .submenu a > .arrow {
+	right: auto;
+	left: 10px;
+}
+.rtl .nav-list > li > .submenu li > .submenu > li > a {
+	margin-left: auto;
+	padding-left: 0;
+	margin-right: 20px;
+	padding-right: 22px;
+}
+.rtl .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
+	margin-left: auto;
+	padding-left: 0;
+	margin-right: 20px;
+	padding-right: 38px;
+}
+.rtl .nav-list > li > .submenu li > .submenu > li a > .menu-icon {
+	margin-right: auto;
+	margin-left: 4px;
+}
+.rtl .nav-list a .badge,.rtl .nav-list a .label {
+	right: auto;
+	left: 10px;
+}
+.rtl .nav-list a.dropdown-toggle .badge,.rtl .nav-list a.dropdown-toggle .label {
+	right: auto;
+	left: 26px;
+}
+
+@media only screen and (max-width: 991px) {
+.rtl .responsive.sidebar-fixed {
+	left: auto;
+	margin-left: auto;
+	right: auto;
+	margin-right: auto;
+}
+.rtl .navbar-fixed-top + .main-container > .responsive {
+	left: auto;
+	margin-left: auto;
+	right: auto;
+	margin-right: auto;
+}
+.rtl .navbar-fixed-top + .main-container > .menu-toggler + .responsive {
+	left: auto;
+	margin-left: auto;
+	right: 190px;
+	margin-right: -190px;
+}
+.rtl .navbar-fixed-top + .main-container > .menu-toggler + .responsive.sidebar-fixed {
+	left: auto;
+	margin-left: auto;
+	right: auto;
+	margin-right: auto;
+}
+}
+
+@media only screen and (max-width: 991px) {
+.rtl .sidebar.responsive.sidebar-fixed {
+	left: auto;
+	margin-left: auto;
+	right: auto;
+	margin-right: auto;
+}
+.rtl .main-container .menu-toggler.fixed {
+	left: auto;
+	right: auto;
+}
+.rtl .sidebar.sidebar-fixed.responsive-max {
+	left: auto;
+	margin-left: auto;
+	right: auto;
+	margin-right: auto;
+}
+}
+.rtl .sidebar .sidebar-toggle {
+	text-align: center;
+}
+.rtl .sidebar .sidebar-shortcuts {
+	text-align: center;
+}
+.rtl .sidebar .sidebar-shortcuts-large > .btn {
+	text-align: center;
+}
+.rtl .nav-list li.active > a:after {
+	right: auto;
+	left: 0;
+}
+
+@media (min-width: 992px) {
+.rtl .sidebar.compact .nav-list > li > a {
+	text-align: center;
+}
+.rtl .sidebar.compact .nav-list a .badge,.rtl .sidebar.compact .nav-list a .label {
+	right: auto;
+	left: 12px;
+}
+.rtl .sidebar.compact + .main-content {
+	margin-left: auto;
+	margin-right: 105px;
+}
+}
+
+@media (min-width: 992px) and (max-width: 991px) {
+.rtl .sidebar.compact + .main-content {
+	margin-left: auto;
+	margin-right: 0;
+}
+.rtl .sidebar.navbar-collapse.compact .nav-list > li > a {
+	text-align: right;
+	padding: 0 7px 0 16px;
+}
+.rtl .sidebar.navbar-collapse.compact .nav-list > li > a > .menu-icon {
+	margin: 0 0 0 2px;
+}
+.rtl .sidebar.navbar-collapse.compact + .main-content {
+	margin-left: auto;
+	margin-right: 0;
+}
+}
+
+@media only screen and (min-width: 992px) {
+.rtl .nav-list li.hover > .submenu {
+	left: auto;
+	margin-left: auto;
+	right: 100%;
+	margin-right: -2px;
+}
+.rtl .nav-list li.hover > .submenu > li > a {
+	padding-left: 0;
+	padding-right: 18px;
+}
+.rtl .nav-list > li > .submenu li.hover > .submenu > li > a {
+	padding-left: 0 !important;
+	margin-left: auto !important;
+	padding-right: 12px !important;
+	margin-right: auto !important;
+}
+.rtl .nav-list > li > .submenu li.hover > .submenu > li > a > .menu-icon {
+	margin-right: auto;
+	margin-left: 2px;
+}
+.rtl .nav-list > li .submenu > li.hover > a {
+	padding-left: 0;
+	padding-right: 22px;
+}
+.rtl .nav-list > li .submenu > li.hover > a > .menu-icon {
+	left: auto;
+	right: 4px;
+}
+}
+
+@media (min-width: 992px) and (max-width: 991px) {
+.rtl .sidebar.navbar-collapse .nav-list li.hover > .submenu {
+	left: auto;
+	right: auto;
+}
+.rtl .sidebar.navbar-collapse .nav-list li.hover > .submenu li > a {
+	padding-left: 0;
+	padding-right: 37px;
+}
+.rtl .sidebar.navbar-collapse .nav-list li.hover > .submenu > li > a > .menu-icon {
+	margin-right: auto;
+	margin-left: auto;
+}
+.rtl .sidebar.navbar-collapse .nav-list > li .submenu > li.hover > a > .menu-icon {
+	left: auto;
+	right: 10px;
+}
+.rtl .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu > li > a {
+	padding-left: 0 !important;
+	margin-left: auto !important;
+	padding-right: 22px !important;
+	margin-right: 20px !important;
+}
+.rtl .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu > li > a > .menu-icon {
+	margin-right: auto;
+	margin-left: 4px;
+}
+.rtl .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li.hover > .submenu > li > a {
+	margin-left: auto !important;
+	padding-left: 0 !important;
+	margin-right: 20px !important;
+	padding-right: 38px !important;
+}
+}
+.rtl .nav-list li > .arrow {
+	right: auto;
+	left: 1px;
+}
+.rtl .nav-list li > .arrow:before,.rtl .nav-list li > .arrow:after {
+	left: auto;
+	right: -20px;
+}
+.rtl .nav-list li > .arrow:before {
+	left: auto;
+	right: -21px;
+}
+.rtl .sidebar.menu-min + .main-content {
+	margin-left: auto;
+	margin-right: 43px;
+}
+.rtl .sidebar.menu-min .nav-list a .badge,.rtl .sidebar.menu-min .nav-list a .label {
+	right: 4px;
+	left: auto;
+}
+.rtl .sidebar.menu-min .nav-list > li > a > .menu-icon {
+	margin-right: auto;
+	margin-left: 0;
+}
+.rtl .sidebar.menu-min .nav-list > li > a > .menu-text {
+	text-align: right;
+	left: auto;
+	padding-left: 0;
+	right: 42px;
+	padding-right: 12px;
+}
+.rtl .sidebar.menu-min .nav-list > li > .submenu {
+	left: auto;
+	right: 42px;
+}
+.rtl .sidebar.menu-min .nav-list > li > .submenu:after {
+	right: auto;
+	border-right: none;
+	border-right-color: transparent;
+	left: -1px;
+	border-left: 1px solid;
+	border-left-color: inherit;
+}
+.rtl .sidebar.menu-min .nav-list > li > .submenu li > a {
+	margin-left: auto;
+	padding-left: 0;
+	margin-right: 0;
+	padding-right: 22px;
+}
+.rtl .sidebar.menu-min .nav-list > li > .submenu li > a > .menu-icon {
+	left: auto;
+	right: 4px;
+}
+.rtl .sidebar.menu-min .nav-list > li > .arrow:after,.rtl .sidebar.menu-min .nav-list > li > .arrow:before {
+	left: auto;
+	right: -16px;
+}
+.rtl .sidebar.menu-min .nav-list > li > .arrow:before {
+	left: auto;
+	right: -17px;
+}
+.rtl .sidebar.menu-min .nav-list li > .arrow {
+	right: auto;
+	left: -1px;
+}
+.rtl .sidebar.menu-min .nav-list > li.pull_up > .arrow:after,.rtl .sidebar.menu-min .nav-list > li.pull_up > .arrow:before {
+	left: auto;
+	right: -20px;
+}
+.rtl .sidebar.menu-min .nav-list > li.pull_up > .arrow:before {
+	left: auto;
+	right: -21px;
+}
+.rtl .sidebar.menu-min .sidebar-shortcuts-large {
+	left: auto;
+	right: 42px;
+}
+.rtl .sidebar.menu-min .nav-list > li > .submenu li > .submenu > li > a {
+	margin-left: auto;
+	padding-left: 0;
+	margin-right: 2px;
+	padding-right: 30px;
+}
+.rtl .sidebar.menu-min .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
+	margin-left: auto;
+	padding-left: 0;
+	margin-right: 2px;
+	padding-right: 45px;
+}
+
+@media (min-width: 992px) {
+.rtl .sidebar.menu-min .nav-list li.hover > .submenu {
+	margin-left: auto;
+	margin-right: 0;
+}
+.rtl .sidebar.menu-min .nav-list > li > .submenu li.hover > .submenu > li > a,.rtl .sidebar.menu-min .nav-list > li > .submenu li > .submenu > li.hover > .submenu > li > a {
+	margin-left: auto !important;
+	margin-right: 0 !important;
+}
+}
+
+@media (min-width: 992px) {
+.rtl .sidebar.menu-min.compact .nav-list > li > a {
+	padding: 0 7px 0 16px;
+}
+}
+
+@media only screen and (min-width: 992px) {
+.rtl .navbar.h-navbar {
+	-webkit-box-shadow: -0 2px 4px 0 rgba(0, 0, 0, 0.25);
+	box-shadow: -0 2px 4px 0 rgba(0, 0, 0, 0.25);
+}
+.rtl .sidebar.h-sidebar .nav-list > li {
+	float: right;
+	border-width: 0 1px 0 0;
+	margin-left: auto;
+	margin-right: 0;
+}
+.rtl .sidebar.h-sidebar .nav-list > li:last-child {
+	border-right-width: transparent;
+	border-left-width: 1px;
+}
+.rtl .sidebar.h-sidebar .nav-list > li:first-child {
+	border-left-width: transparent;
+	margin-left: auto;
+	border-right-width: 0;
+	margin-right: 0;
+}
+.rtl .sidebar.h-sidebar .sidebar-shortcuts + .nav-list > li:first-child {
+	border-left-width: transparent;
+	margin-left: auto;
+	border-right-width: 1px;
+	margin-right: -1px;
+}
+.rtl .sidebar.h-sidebar .nav-list > li.hover > .submenu {
+	left: auto;
+	margin-left: auto;
+	right: 1px;
+	margin-right: -2px;
+}
+.rtl .sidebar.h-sidebar .nav-list > li.hover > .arrow {
+	right: 24px;
+	left: auto;
+}
+.rtl .sidebar.h-sidebar .nav-list > li.hover > .arrow:after {
+	left: auto !important;
+	right: -10px !important;
+}
+.rtl .sidebar.h-sidebar .nav-list > li.hover > .arrow:before {
+	right: -10px !important;
+	left: auto !important;
+}
+.rtl .sidebar.h-sidebar .nav-list > li.hover-flip > .submenu {
+	left: 1px;
+	right: auto;
+	margin-left: -2px;
+	margin-right: auto;
+}
+.rtl .sidebar.h-sidebar .nav-list > li.hover-flip > .arrow {
+	left: 24px;
+	right: auto;
+}
+.rtl .sidebar.h-sidebar .nav-list li li.hover-flip > .submenu {
+	left: 100%;
+	right: auto;
+	margin-left: -2px;
+	margin-right: auto;
+}
+.rtl .sidebar.h-sidebar .nav-list li li.hover-flip > .arrow {
+	left: auto;
+	right: 0;
+}
+.rtl .sidebar.h-sidebar .sidebar-shortcuts-large:before,.rtl .sidebar.h-sidebar .sidebar-shortcuts-large:after {
+	left: auto;
+	margin-left: auto;
+	right: 50%;
+	margin-right: -8px;
+}
+.rtl .sidebar.h-sidebar .sidebar-shortcuts-large:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+}
+.rtl .sidebar.h-sidebar .sidebar-toggle {
+	right: auto;
+	left: 6px;
+}
+.rtl .sidebar.h-sidebar .sidebar-shortcuts {
+	float: right;
+}
+.rtl .sidebar.h-sidebar .sidebar-shortcuts-large {
+	left: auto;
+	right: 10px;
+}
+.rtl .sidebar.h-sidebar .nav-list a .badge,.rtl .sidebar.h-sidebar .nav-list a .label {
+	right: 50% !important;
+	left: auto !important;
+	margin-left: auto;
+	margin-right: 10px;
+}
+.rtl .sidebar.h-sidebar + .main-content {
+	margin-left: auto;
+	margin-right: 0;
+}
+}
+
+@media (min-width: 992px) {
+.rtl .sidebar.h-sidebar.menu-min .nav-list > li > a > .menu-text {
+	left: auto;
+	right: -1px;
+}
+.rtl .sidebar.h-sidebar.menu-min .sidebar-shortcuts-large {
+	left: auto;
+	right: 1px;
+}
+}
+
+@media only screen and (max-width: 991px) {
+.rtl .sidebar.responsive {
+	-webkit-box-shadow: -2px 1px 2px 0 rgba(0,0,0,0.15);
+	box-shadow: -2px 1px 2px 0 rgba(0,0,0,0.15);
+	-moz-transform: translateX(200px);
+	-webkit-transform: translateX(200px);
+	-o-transform: translateX(200px);
+	-ms-transform: translateX(200px);
+	transform: translateX(200px);
+	left: auto;
+	margin-left: auto;
+	right: 190px;
+	margin-right: -190px;
+}
+}
+
+@media (min-width: 992px) and (max-width: 991px) {
+.rtl .sidebar.responsive.compact {
+	-moz-transform: translateX(115px);
+	-webkit-transform: translateX(115px);
+	-o-transform: translateX(115px);
+	-ms-transform: translateX(115px);
+	transform: translateX(115px);
+}
+.rtl .sidebar.responsive.compact.push_away.display + .main-content {
+	-moz-transform: translateX(-105px);
+	-webkit-transform: translateX(-105px);
+	-o-transform: translateX(-105px);
+	-ms-transform: translateX(-105px);
+	transform: translateX(-105px);
+}
+}
+
+@media only screen and (max-width: 991px) {
+.rtl .sidebar.responsive.menu-min {
+	-moz-transform: translateX(53px);
+	-webkit-transform: translateX(53px);
+	-o-transform: translateX(53px);
+	-ms-transform: translateX(53px);
+	transform: translateX(53px);
+}
+.rtl .sidebar.responsive.push_away.display + .main-content {
+	-moz-transform: translateX(-190px);
+	-webkit-transform: translateX(-190px);
+	-o-transform: translateX(-190px);
+	-ms-transform: translateX(-190px);
+	transform: translateX(-190px);
+}
+.rtl .sidebar.responsive.push_away.display.menu-min + .main-content {
+	-moz-transform: translateX(-43px);
+	-webkit-transform: translateX(-43px);
+	-o-transform: translateX(-43px);
+	-ms-transform: translateX(-43px);
+	transform: translateX(-43px);
+}
+}
+
+@media only screen and (max-width: 991px) {
+.rtl .main-container .menu-toggler.fixed {
+	left: auto;
+	right: auto;
+}
+}
+
+@media only screen and (max-width: 991px) {
+.rtl .main-container .menu-toggler {
+	margin-right: auto;
+	padding-left: 0;
+	margin-left: 2px;
+	padding-right: 33px;
+}
+.rtl .main-container .menu-toggler:before {
+	left: auto;
+	right: 4px;
+}
+.rtl .main-container .menu-toggler:after {
+	left: auto;
+	right: 4px;
+}
+.rtl .main-container .menu-toggler > .toggler-text {
+	left: auto;
+	right: 0;
+}
+.rtl .main-container .menu-toggler > .toggler-text:after {
+	left: auto;
+	right: -8px;
+}
+}
+
+@media only screen and (max-width: 320px) {
+.rtl .main-container .menu-toggler > .toggler-text:after {
+	left: auto;
+	right: -13px;
+}
+}
+
+@media (max-width: 991px) {
+.rtl .sidebar.responsive-min + .main-content {
+	margin-left: auto;
+	margin-right: 43px;
+}
+.rtl .sidebar.responsive-min .nav-list a .badge,.rtl .sidebar.responsive-min .nav-list a .label {
+	right: 4px;
+	left: auto;
+}
+.rtl .sidebar.responsive-min .nav-list > li > a > .menu-icon {
+	margin-right: auto;
+	margin-left: 0;
+}
+.rtl .sidebar.responsive-min .nav-list > li > a > .menu-text {
+	text-align: right;
+	left: auto;
+	padding-left: 0;
+	right: 42px;
+	padding-right: 12px;
+}
+.rtl .sidebar.responsive-min .nav-list > li > .submenu {
+	left: auto;
+	right: 42px;
+}
+.rtl .sidebar.responsive-min .nav-list > li > .submenu:after {
+	right: auto;
+	border-right: none;
+	border-right-color: transparent;
+	left: -1px;
+	border-left: 1px solid;
+	border-left-color: inherit;
+}
+.rtl .sidebar.responsive-min .nav-list > li > .submenu li > a {
+	margin-left: auto;
+	padding-left: 0;
+	margin-right: 0;
+	padding-right: 22px;
+}
+.rtl .sidebar.responsive-min .nav-list > li > .submenu li > a > .menu-icon {
+	left: auto;
+	right: 4px;
+}
+.rtl .sidebar.responsive-min .nav-list > li > .arrow:after,.rtl .sidebar.responsive-min .nav-list > li > .arrow:before {
+	left: auto;
+	right: -16px;
+}
+.rtl .sidebar.responsive-min .nav-list > li > .arrow:before {
+	left: auto;
+	right: -17px;
+}
+.rtl .sidebar.responsive-min .nav-list li > .arrow {
+	right: auto;
+	left: -1px;
+}
+.rtl .sidebar.responsive-min .nav-list > li.pull_up > .arrow:after,.rtl .sidebar.responsive-min .nav-list > li.pull_up > .arrow:before {
+	left: auto;
+	right: -20px;
+}
+.rtl .sidebar.responsive-min .nav-list > li.pull_up > .arrow:before {
+	left: auto;
+	right: -21px;
+}
+.rtl .sidebar.responsive-min .sidebar-shortcuts-large {
+	left: auto;
+	right: 42px;
+}
+.rtl .sidebar.responsive-min .nav-list > li > .submenu li > .submenu > li > a {
+	margin-left: auto;
+	padding-left: 0;
+	margin-right: 2px;
+	padding-right: 30px;
+}
+.rtl .sidebar.responsive-min .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
+	margin-left: auto;
+	padding-left: 0;
+	margin-right: 2px;
+	padding-right: 45px;
+}
+.rtl .sidebar.responsive-min + .main-content {
+	margin-left: auto !important;
+	margin-right: 43px !important;
+}
+.rtl .sidebar.responsive-min + .main-content .breadcrumb {
+	margin-left: auto;
+	margin-right: 12px;
+}
+.rtl .sidebar.responsive-max {
+	left: auto;
+	margin-left: auto;
+	-webkit-box-shadow: -2px 1px 2px 0 rgba(0,0,0,0.15);
+	box-shadow: -2px 1px 2px 0 rgba(0,0,0,0.15);
+	right: 190px;
+	margin-right: -190px;
+}
+.rtl .sidebar.responsive-max + .main-content {
+	margin-left: auto !important;
+	margin-right: 43px !important;
+}
+.rtl .sidebar.responsive-max + .main-content .breadcrumb {
+	margin-left: auto;
+	margin-right: 12px;
+}
+}
+
+@media only screen and (max-width: 991px) {
+.rtl .sidebar.navbar-collapse .nav-list li > .submenu {
+	border-left-width: transparent;
+	border-right-width: 0;
+}
+.rtl .sidebar.navbar-collapse + .main-content .breadcrumb {
+	margin-left: auto;
+	margin-right: 12px;
+}
+.rtl .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu {
+	left: auto;
+	border-width: 1px 0 0 0 !important;
+	right: auto;
+}
+.rtl .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu li > a > .menu-icon {
+	left: auto;
+	right: 10px;
+}
+.rtl .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu li > a {
+	padding: 7px 37px 9px 0;
+}
+.rtl .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu li > .submenu > li > a {
+	margin-left: auto;
+	padding-left: 0;
+	margin-right: 20px;
+	padding-right: 22px;
+}
+.rtl .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
+	margin-left: auto;
+	padding-left: 0;
+	margin-right: 20px;
+	padding-right: 38px;
+}
+.rtl .sidebar.navbar-collapse.menu-min .nav-list > li > a {
+	text-align: right;
+	padding-left: 0;
+	padding-right: 7px;
+}
+.rtl .sidebar.navbar-collapse.menu-min .nav-list > li > a > .menu-icon {
+	margin-right: auto;
+	margin-left: 2px;
+}
+.rtl .sidebar.navbar-collapse.menu-min .nav-list > li > a > .menu-text {
+	padding-left: 0;
+	left: auto;
+	padding-right: 0;
+	right: auto;
+}
+.rtl .sidebar.navbar-collapse .nav-list a .badge,.rtl .sidebar.navbar-collapse .nav-list a .label {
+	right: 4px;
+	left: auto;
+}
+}
+
+@media (min-width: 992px) and (max-width: 991px) {
+.rtl .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu > li > a,.rtl .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li.hover > .submenu > li > a {
+	margin-left: auto !important;
+	margin-right: 20px !important;
+}
+}
+.rtl .main-content-inner {
+	float: right;
+}
+
+@media only screen and (min-width: 992px) {
+.rtl .main-content .h-sidebar + .page-content {
+	margin-left: auto;
+	margin-right: auto;
+}
+.rtl .main-content .h-sidebar.sidebar-fixed {
+	left: auto;
+	right: 190px;
+}
+.rtl .sidebar.compact + .main-content .h-sidebar.sidebar-fixed {
+	left: auto;
+	right: 105px;
+}
+.rtl .sidebar.menu-min + .main-content .h-sidebar.sidebar-fixed {
+	left: auto;
+	right: 43px;
+}
+}
+.rtl .sidebar .nav-wrap + .ace-scroll {
+	right: auto;
+	left: 0;
+}
+.rtl .sidebar .nav-wrap + .scrollout {
+	right: auto;
+	left: -8px;
+}
+.rtl .breadcrumbs {
+	padding: 0 0 0 12px;
+}
+.rtl .breadcrumb {
+	margin: 6px 12px 0 22px;
+}
+.rtl .breadcrumb > li,.rtl .breadcrumb > li.active {
+	padding: 0 3px 0 3px;
+}
+.rtl .breadcrumb > li + li:before {
+	margin: 0 0 0 8px;
+}
+
+@media only screen and (max-width: 991px) {
+.rtl .menu-toggler + .sidebar.responsive + .main-content .breadcrumb {
+	margin-left: auto;
+	margin-right: 90px;
+}
+}
+
+@media only screen and (max-width: 320px) {
+.rtl .breadcrumb {
+	margin-left: auto;
+	margin-right: 8px;
+}
+.rtl .menu-toggler + .sidebar.responsive + .main-content .breadcrumb {
+	margin-left: auto;
+	margin-right: 36px;
+}
+}
+
+@media (min-width: 992px) {
+.rtl .sidebar + .main-content .breadcrumbs-fixed {
+	left: auto;
+	right: 190px;
+}
+}
+
+@media (min-width: 992px) {
+.rtl .sidebar.compact + .main-content .breadcrumbs-fixed {
+	left: auto;
+	right: 105px;
+}
+}
+
+@media (min-width: 992px) {
+.rtl .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+	left: auto;
+	right: 43px;
+}
+}
+
+@media (min-width: 992px) and (max-width: 991px) {
+.rtl .breadcrumbs-fixed,.rtl .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+	left: auto;
+	right: 0;
+}
+.rtl .sidebar.responsive-min + .main-content .breadcrumbs-fixed,.rtl .sidebar.responsive-max + .main-content .breadcrumbs-fixed {
+	left: auto;
+	right: 43px;
+}
+}
+
+@media (min-width: 992px) {
+.rtl .h-sidebar + .main-content .breadcrumbs.breadcrumbs-fixed {
+	left: auto;
+	right: auto;
+}
+}
+.rtl .nav-search {
+	right: auto;
+	left: 22px;
+}
+.rtl .sidebar > .nav-search {
+	text-align: center;
+}
+.rtl .sidebar.menu-min .nav-search .form-search {
+	left: auto;
+	right: 5px;
+}
+
+@media (max-width: 991px) {
+.rtl .sidebar.responsive-min .nav-search .form-search {
+	left: auto;
+	right: 5px;
+}
+}
+
+@media only screen and (max-width: 991px) {
+.rtl .nav-search {
+	right: auto;
+	left: 10px;
+}
+}
+.rtl .btn.disabled:active,.rtl .btn[disabled]:active {
+	left: auto;
+	right: 0;
+}
+.rtl .btn > .ace-icon {
+	margin-right: auto;
+	margin-left: 4px;
+}
+.rtl .btn > .icon-only.ace-icon {
+	text-align: center;
+}
+.rtl .btn-lg > .ace-icon {
+	margin-right: auto;
+	margin-left: 6px;
+}
+.rtl .btn-sm > .ace-icon {
+	margin-right: auto;
+	margin-left: 3px;
+}
+.rtl .btn-xs > .ace-icon,.rtl .btn-mini > .ace-icon,.rtl .btn-minier > .ace-icon {
+	margin-right: auto;
+	margin-left: 2px;
+}
+.rtl .btn-group:first-child {
+	margin-left: auto;
+	margin-right: 0;
+}
+.rtl .btn-group > .btn,.rtl .btn-group > .btn + .btn {
+	margin: 0 0 0 1px;
+}
+.rtl .btn-group > .btn:first-child {
+	margin: 0 0 0 1px;
+}
+.rtl .btn-group > .btn > .caret {
+	margin-left: auto;
+	margin-right: 1px;
+}
+.rtl .btn-group > .btn,.rtl .btn-group + .btn {
+	margin: 0 0 0 1px;
+}
+.rtl .btn-group.btn-overlap > .btn {
+	margin-right: auto;
+	margin-left: -1px;
+}
+.rtl .btn-group.btn-corner > .btn:first-child {
+	border-bottom-left-radius: 0;
+	border-top-left-radius: 0;
+	border-bottom-right-radius: 8px;
+	border-top-right-radius: 8px;
+}
+.rtl .btn-group.btn-corner > .btn:last-child {
+	border-bottom-right-radius: 0;
+	border-top-right-radius: 0;
+	border-bottom-left-radius: 8px;
+	border-top-left-radius: 8px;
+}
+.rtl .btn-group.btn-corner > .btn.btn-sm:first-child {
+	border-bottom-left-radius: 0;
+	border-top-left-radius: 0;
+	border-bottom-right-radius: 6px;
+	border-top-right-radius: 6px;
+}
+.rtl .btn-group.btn-corner > .btn.btn-sm:last-child {
+	border-bottom-right-radius: 0;
+	border-top-right-radius: 0;
+	border-bottom-left-radius: 6px;
+	border-top-left-radius: 6px;
+}
+.rtl .btn-group.btn-corner > .btn.btn-xs:first-child,.rtl .btn-group.btn-corner > .btn.btn-mini:first-child {
+	border-bottom-left-radius: 0;
+	border-top-left-radius: 0;
+	border-bottom-right-radius: 4px;
+	border-top-right-radius: 4px;
+}
+.rtl .btn-group.btn-corner > .btn.btn-xs:last-child,.rtl .btn-group.btn-corner > .btn.btn-mini:last-child {
+	border-bottom-right-radius: 0;
+	border-top-right-radius: 0;
+	border-bottom-left-radius: 4px;
+	border-top-left-radius: 4px;
+}
+.rtl .btn.btn-app {
+	text-align: center;
+}
+.rtl .btn.btn-app > .badge,.rtl .btn.btn-app > .label {
+	right: auto;
+	text-align: center;
+	left: -2px;
+}
+.rtl .btn-group > .btn-app:first-child:not(:last-child):not(.dropdown-toggle) {
+	margin-right: auto;
+	margin-left: 24px;
+}
+.rtl .btn-group > .btn-app + .btn-app.dropdown-toggle {
+	margin-left: auto;
+	border-bottom-left-radius: 0;
+	border-top-left-radius: 0;
+	right: auto;
+	margin-right: -23px;
+	border-bottom-right-radius: 0;
+	border-top-right-radius: 0;
+	left: 0;
+}
+.rtl .btn.btn-app.btn-light,.rtl .btn.btn-app.btn-yellow {
+	-webkit-box-shadow: -0 0 0 1px rgba(0, 0, 0, 0.08) inset !important;
+	box-shadow: -0 0 0 1px rgba(0, 0, 0, 0.08) inset !important;
+}
+.rtl .label.label-white {
+	border-right-width: 2px;
+	border-left-width: 1px;
+}
+.rtl .dropdown-submenu > a:after {
+	margin-right: auto;
+	margin-left: -5px;
+}
+.rtl .dropdown-navbar {
+	-webkit-box-shadow: -0 2px 4px rgba(30, 30, 100, 0.25);
+	box-shadow: -0 2px 4px rgba(30, 30, 100, 0.25);
+}
+.rtl .dropdown-navbar > li > .ace-icon,.rtl .dropdown-navbar > li > a > .ace-icon {
+	margin-right: auto !important;
+	margin-left: 5px !important;
+}
+.rtl .dropdown-navbar > li.dropdown-footer > a {
+	text-align: center;
+}
+.rtl .dropdown-navbar [class*="btn"].ace-icon {
+	margin: 0 0 0 5px;
+	text-align: center;
+}
+.rtl .dropdown-navbar .msg-photo {
+	float: right;
+}
+.rtl .dropdown-navbar .msg-body {
+	margin-left: auto;
+	margin-right: 50px;
+}
+.rtl .help-button {
+	text-align: center;
+	margin-left: auto;
+	-webkit-box-shadow: -0px 1px 0px 1px rgba(0, 0, 0, 0.2);
+	box-shadow: -0px 1px 0px 1px rgba(0, 0, 0, 0.2);
+	margin-right: 4px;
+}
+.rtl .limiterBox:before {
+	left: auto;
+	margin-left: auto;
+	right: 50%;
+	margin-right: -5px;
+}
+.rtl .form-search .radio [type=radio] + label,.rtl .form-inline .radio [type=radio] + label,.rtl .form-search .checkbox [type=checkbox] + label,.rtl .form-inline .checkbox [type=checkbox] + label {
+	float: right;
+	margin-left: auto;
+	margin-right: -20px;
+}
+.rtl .form-search .form-search .radio [type=radio] + label,.rtl .form-search .form-inline .radio [type=radio] + label,.rtl .form-search .form-search .checkbox [type=checkbox] + label,.rtl .form-search .form-inline .checkbox [type=checkbox] + label,.rtl .form-inline .form-search .radio [type=radio] + label,.rtl .form-inline .form-inline .radio [type=radio] + label,.rtl .form-inline .form-search .checkbox [type=checkbox] + label,.rtl .form-inline .form-inline .checkbox [type=checkbox] + label {
+	margin-left: 3px;
+	margin-right: 0;
+}
+.rtl .ace-file-input .ace-file-container:before {
+	right: auto;
+	text-align: center;
+	border-left-width: transparent;
+	left: 0;
+	border-right-width: 4px;
+}
+.rtl .ace-file-input .ace-file-container .ace-file-name {
+	padding-left: 0;
+	padding-right: 30px;
+}
+.rtl .ace-file-input .ace-file-container.selected {
+	right: auto;
+	left: 16px;
+}
+.rtl .ace-file-input .ace-file-container .ace-icon {
+	left: auto;
+	text-align: center;
+	right: 0;
+}
+.rtl .ace-file-input .remove {
+	right: auto;
+	text-align: center;
+	left: -8px;
+}
+.rtl .ace-file-input .ace-file-overlay {
+	left: -10px;
+	right: -2px;
+}
+.rtl .ace-file-input .ace-file-overlay > .overlay-content {
+	text-align: center;
+}
+.rtl .ace-file-multiple .ace-file-container {
+	text-align: center;
+}
+.rtl .ace-file-multiple .ace-file-container.selected .ace-file-name .ace-icon {
+	left: auto;
+	text-align: center;
+	right: 0;
+}
+.rtl .ace-file-multiple .ace-file-container .ace-file-name {
+	text-align: right;
+}
+.rtl .ace-file-multiple .ace-file-container .ace-file-name img {
+	margin: 4px 1px 4px 8px;
+}
+.rtl .ace-file-multiple .remove {
+	right: auto;
+	left: -11px;
+}
+.rtl .ace-file-multiple .ace-file-container .ace-file-name .ace-icon {
+	text-align: center;
+}
+.rtl .ace-file-multiple .ace-file-container.selected .ace-file-name .ace-icon {
+	margin-right: 2px;
+	margin-left: 4px;
+}
+.rtl .ace-file-multiple .ace-file-container .ace-file-name.large {
+	text-align: center;
+}
+.rtl .input-group > .btn + .btn {
+	margin-left: auto;
+	margin-right: 1px;
+}
+.rtl .form-group.has-success input:focus,.rtl .form-group.has-success select:focus,.rtl .form-group.has-success textarea:focus {
+	-webkit-box-shadow: -0px 0px 0px 2px rgba(130, 188, 58, 0.3);
+	box-shadow: -0px 0px 0px 2px rgba(130, 188, 58, 0.3);
+}
+.rtl .form-group.has-info input:focus,.rtl .form-group.has-info select:focus,.rtl .form-group.has-info textarea:focus {
+	-webkit-box-shadow: -0px 0px 0px 2px rgba(58, 120, 188, 0.3);
+	box-shadow: -0px 0px 0px 2px rgba(58, 120, 188, 0.3);
+}
+.rtl .form-group.has-error input:focus,.rtl .form-group.has-error select:focus,.rtl .form-group.has-error textarea:focus {
+	-webkit-box-shadow: -0px 0px 0px 2px rgba(219, 137, 120, 0.3);
+	box-shadow: -0px 0px 0px 2px rgba(219, 137, 120, 0.3);
+}
+.rtl .form-group.has-warning input:focus,.rtl .form-group.has-warning select:focus,.rtl .form-group.has-warning textarea:focus {
+	-webkit-box-shadow: -0px 0px 0px 2px rgba(216, 188, 65, 0.3);
+	box-shadow: -0px 0px 0px 2px rgba(216, 188, 65, 0.3);
+}
+
+@media only screen and (max-width: 767px) {
+.rtl .help-inline {
+	padding-left: 0;
+	padding-right: 0;
+}
+}
+.rtl .accordion-style2.panel-group .panel-heading .accordion-toggle {
+	border-width: 0 2px 0 0;
+}
+.rtl .accordion-style2.panel-group .panel-heading .accordion-toggle.collapsed {
+	border-width: 0 1px 0 0;
+}
+.rtl th.center,.rtl td.center {
+	text-align: center;
+}
+.rtl .widget-header {
+	padding-left: 0;
+	padding-right: 12px;
+}
+.rtl .widget-header:after {
+	clear: left;
+}
+.rtl .widget-header-large {
+	padding-left: 0;
+	padding-right: 18px;
+}
+.rtl .widget-header-small {
+	padding-left: 0;
+	padding-right: 10px;
+}
+.rtl .widget-header > .widget-title > .ace-icon {
+	margin-right: auto;
+	margin-left: 5px;
+}
+.rtl .widget-toolbar {
+	float: left;
+}
+.rtl .widget-toolbar:before {
+	left: auto;
+	border-width: 0 0 0 1px;
+	right: -1px;
+}
+.rtl .widget-color-dark > .widget-header > .widget-toolbar:before {
+	box-shadow: 1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 0 0 rgba(255, 255, 255, 0.1);
+}
+.rtl .widget-toolbar > a[data-action] > .ace-icon,.rtl .widget-toolbar > .widget-menu > a[data-action] > .ace-icon {
+	margin-right: auto;
+	margin-left: 0;
+}
+.rtl .widget-box.transparent > .widget-header {
+	padding-left: 0;
+	padding-right: 3px;
+}
+.rtl .widget-box.transparent > .widget-header-large {
+	padding-left: 0;
+	padding-right: 5px;
+}
+.rtl .widget-box.transparent > .widget-header-small {
+	padding-left: 0;
+	padding-right: 1px;
+}
+.rtl .widget-toolbox.center {
+	text-align: center;
+}
+.rtl .widget-toolbox.toolbox-vertical {
+	border-right: none;
+	border-left: 1px solid #D9D9D9;
+}
+.rtl .widget-box-overlay {
+	text-align: center;
+}
+.rtl .widget-box-overlay > .loading-icon {
+	text-align: center;
+}
+.rtl .progress[data-percent]:after {
+	text-align: center;
+}
+.rtl .infobox-container {
+	text-align: center;
+}
+.rtl .infobox {
+	margin: -1px -1px 0 0;
+	padding: 8px 9px 6px 3px;
+	text-align: right;
+}
+.rtl .infobox > .infobox-icon > .ace-icon {
+	padding: 1px 2px 0 1px;
+	text-align: center;
+	-webkit-box-shadow: -1px 1px 0 rgba(0,0,0,0.2);
+	box-shadow: -1px 1px 0 rgba(0,0,0,0.2);
+}
+.rtl .infobox > .infobox-icon > .ace-icon:before {
+	text-align: center;
+}
+.rtl .infobox > .infobox-data {
+	text-align: right;
+	padding-left: 0;
+	padding-right: 8px;
+}
+.rtl .infobox-dark {
+	margin: 1px 0 0 1px;
+}
+.rtl .infobox > .infobox-chart {
+	text-align: center;
+}
+.rtl .infobox > .stat {
+	right: auto;
+	padding-right: 0;
+	left: 20px;
+	padding-left: 18px;
+}
+.rtl .infobox > .stat:before {
+	right: auto;
+	left: 4px;
+}
+.rtl .infobox > .stat:after {
+	right: auto;
+	left: 1px;
+}
+.rtl .infobox > .badge {
+	right: auto;
+	left: 20px;
+}
+.rtl .infobox.infobox-dark > .badge {
+	right: auto;
+	left: 2px;
+}
+.rtl .infobox-small {
+	text-align: right;
+}
+.rtl .infobox-small > .infobox-data {
+	text-align: right;
+}
+.rtl .infobox-small > .infobox-chart > .sparkline {
+	margin-left: auto;
+	margin-right: 2px;
+}
+.rtl .infobox-small .percentage {
+	margin-left: auto;
+	margin-right: 2px;
+}
+.rtl .pricing-box:not(:first-child) {
+	padding-left: 0;
+	padding-right: 7px;
+}
+.rtl .pricing-box:not(:last-child) {
+	padding-right: 0;
+	padding-left: 7px;
+}
+.rtl .pricing-box .price {
+	text-align: center;
+}
+.rtl .pricing-box .widget-header {
+	text-align: center;
+	padding-left: 0;
+	padding-right: 0;
+}
+
+@media only screen and (max-width: 480px) {
+.rtl .pricing-box {
+	margin-left: auto;
+	margin-right: -1px;
+}
+.rtl .pricing-box:nth-child(odd) {
+	padding-left: 0 !important;
+	padding-right: 12px !important;
+}
+.rtl .pricing-box:nth-child(even) {
+	padding-right: 0 !important;
+	padding-left: 12px !important;
+}
+}
+.rtl .pricing-table-header {
+	text-align: right;
+}
+.rtl .pricing-table-header > li {
+	padding: 7px 11px 7px 0;
+}
+.rtl .pricing-table > li {
+	text-align: center;
+}
+.rtl .pricing-box-small {
+	margin-left: auto;
+	margin-right: -2px;
+}
+.rtl .pricing-box-small .price {
+	text-align: center;
+}
+.rtl .pricing-box-small:hover {
+	box-shadow: -0 0 4px 2px rgba(0, 0, 0, 0.15);
+}
+.rtl .pricing-span {
+	float: right !important;
+}
+.rtl .pricing-span-header {
+	padding-right: 0;
+	padding-left: 0;
+}
+
+@media only screen and (max-width: 480px) {
+.rtl .pricing-span-header,.rtl .pricing-span-body {
+	padding-right: 0;
+	padding-left: 12px;
+}
+}
+.rtl .login-box .toolbar > div:first-child {
+	float: right;
+	text-align: right;
+}
+.rtl .login-box .toolbar > div:first-child > a {
+	margin-left: auto;
+	margin-right: 11px;
+}
+.rtl .login-box .toolbar > div:first-child + div {
+	float: left;
+	text-align: left;
+}
+.rtl .login-box .toolbar > div:first-child + div > a {
+	margin-right: auto;
+	margin-left: 11px;
+}
+.rtl .social-or-login {
+	text-align: center;
+}
+.rtl .light-login .widget-box {
+	-webkit-box-shadow: -0 0 2px 1px rgba(0, 0, 0, 0.12);
+	box-shadow: -0 0 2px 1px rgba(0, 0, 0, 0.12);
+}
+.rtl .invoice-info-label {
+	text-align: left;
+}
+.rtl .invoice-box .label-large[class*="arrowed"] {
+	margin-left: auto !important;
+	margin-right: 11px !important;
+}
+.rtl .ace-thumbnails > li {
+	float: right;
+}
+.rtl .ace-thumbnails > li .tags {
+	right: auto;
+	direction: ltr;
+	left: 0;
+}
+.rtl .ace-thumbnails > li .tags > .label-holder {
+	margin: 1px 0 0 0;
+	direction: rtl;
+	text-align: right;
+}
+.rtl .ace-thumbnails > li > .tools {
+	left: auto;
+	text-align: center;
+	right: -30px;
+}
+.rtl .ace-thumbnails > li > :first-child > .text {
+	text-align: center;
+}
+.rtl .ace-thumbnails > li > :first-child > .text:before {
+	margin-right: auto;
+	margin-left: 0;
+}
+
+@media only screen and (max-width: 480px) {
+.rtl .ace-thumbnails {
+	text-align: center;
+}
+}
+.rtl .itemdiv {
+	padding-right: 0;
+	padding-left: 3px;
+}
+.rtl .itemdiv > .user {
+	left: auto;
+	right: 0;
+}
+.rtl .itemdiv > .body {
+	margin-left: 12px;
+	margin-right: 50px;
+}
+.rtl .itemdiv > .body > .time {
+	right: auto;
+	left: 9px;
+}
+.rtl .itemdiv > .body > .text {
+	padding-left: 0;
+	padding-right: 7px;
+}
+.rtl .itemdiv > .body > .text:after {
+	left: -12px;
+	right: 16px;
+}
+.rtl .itemdiv > .body > .text > .ace-icon:first-child {
+	margin-right: auto;
+	margin-left: 4px;
+}
+.rtl .itemdiv.dialogdiv:before {
+	left: auto;
+	right: 19px;
+}
+.rtl .itemdiv.dialogdiv > .body {
+	border-left-width: transparent;
+	margin-right: auto;
+	border-right-width: 2px;
+	margin-left: 1px;
+}
+.rtl .itemdiv.dialogdiv > .body:before {
+	left: auto;
+	border-width: 2px 2px 0 0;
+	right: -7px;
+}
+.rtl .itemdiv.dialogdiv > .body > .time {
+	float: left;
+}
+.rtl .itemdiv.dialogdiv > .body > .text {
+	padding-left: 0;
+	padding-right: 0;
+}
+.rtl .itemdiv.memberdiv {
+	float: right;
+}
+.rtl .itemdiv .tools {
+	right: auto;
+	left: 5px;
+}
+.rtl .itemdiv.commentdiv .tools {
+	right: auto;
+	left: 9px;
+}
+.rtl li[class*="item-"] {
+	border-left-width: transparent;
+	border-right-width: 3px;
+}
+.rtl li.item-orange {
+	border-left-color: transparent;
+	border-right-color: #e8b110;
+}
+.rtl li.item-orange2 {
+	border-left-color: transparent;
+	border-right-color: #f79263;
+}
+.rtl li.item-red {
+	border-left-color: transparent;
+	border-right-color: #d53f40;
+}
+.rtl li.item-red2 {
+	border-left-color: transparent;
+	border-right-color: #d15b47;
+}
+.rtl li.item-green {
+	border-left-color: transparent;
+	border-right-color: #9abc32;
+}
+.rtl li.item-green2 {
+	border-left-color: transparent;
+	border-right-color: #0490a6;
+}
+.rtl li.item-blue {
+	border-left-color: transparent;
+	border-right-color: #4f99c6;
+}
+.rtl li.item-blue2 {
+	border-left-color: transparent;
+	border-right-color: #3983c2;
+}
+.rtl li.item-blue3 {
+	border-left-color: transparent;
+	border-right-color: #1144eb;
+}
+.rtl li.item-pink {
+	border-left-color: transparent;
+	border-right-color: #cb6fd7;
+}
+.rtl li.item-purple {
+	border-left-color: transparent;
+	border-right-color: #6f3cc4;
+}
+.rtl li.item-black {
+	border-left-color: transparent;
+	border-right-color: #505050;
+}
+.rtl li.item-grey {
+	border-left-color: transparent;
+	border-right-color: #a0a0a0;
+}
+.rtl li.item-brown {
+	border-left-color: transparent;
+	border-right-color: #a52a2a;
+}
+.rtl li.item-default {
+	border-left-color: transparent;
+	border-right-color: #abbac3;
+}
+.rtl .profile-info-name {
+	text-align: left;
+	padding: 6px 4px 6px 10px;
+}
+.rtl .profile-info-value {
+	padding: 6px 6px 6px 4px;
+}
+.rtl .profile-info-value > span + span:before {
+	margin-left: 3px;
+	margin-right: 1px;
+}
+.rtl .profile-user-info-striped .profile-info-value {
+	padding-left: 0;
+	padding-right: 12px;
+}
+.rtl .profile-picture {
+	box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.15);
+}
+.rtl .profile-activity img {
+	margin-right: 0px;
+	margin-left: 10px;
+}
+.rtl .profile-activity .thumbicon {
+	text-align: center;
+	margin-right: 0px;
+	margin-left: 10px;
+}
+.rtl .profile-activity .tools {
+	right: auto;
+	left: 12px;
+}
+.rtl .profile-users .user {
+	text-align: center;
+}
+.rtl .profile-users .user img:hover {
+	-webkit-box-shadow: -0 0 1px 1px rgba(0,0,0,0.33);
+	box-shadow: -0 0 1px 1px rgba(0,0,0,0.33);
+}
+.rtl .profile-users .memberdiv {
+	text-align: center;
+}
+.rtl .profile-users .memberdiv .body {
+	margin: 8px 0 0 0;
+}
+.rtl .user-status {
+	margin-right: auto;
+	margin-left: 1px;
+}
+.rtl .tab-content.profile-edit-tab-content {
+	-webkit-box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.2);
+	box-shadow: -1px 1px 0 0 rgba(0, 0, 0, 0.2);
+}
+
+@media only screen and (max-width: 480px) {
+.rtl .profile-user-info-striped .profile-info-name {
+	text-align: right;
+	padding: 6px 10px 6px 4px;
+}
+.rtl .profile-user-info-striped .profile-info-value {
+	margin-left: auto;
+	margin-right: 10px;
+}
+}
+
+@media only screen and (max-width: 479px) {
+.rtl .inbox-tabs > .li-new-mail {
+	text-align: left;
+}
+}
+.rtl .message-item .sender {
+	margin: 0 4px 0 6px;
+}
+.rtl .message-item .summary {
+	margin-left: auto;
+	margin-right: 30px;
+}
+.rtl .message-item .summary .message-flags {
+	right: auto;
+	margin-right: auto;
+	left: 100%;
+	margin-left: 4px;
+}
+.rtl .message-item .time {
+	float: left;
+}
+.rtl .message-item .attachment {
+	float: left;
+}
+.rtl .message-star {
+	margin: 2px 6px 0 4px;
+}
+.rtl .mail-tag:empty {
+	margin: 0 0 0 1px;
+}
+
+@media only screen and (max-width: 550px) {
+.rtl .message-item .summary {
+	margin: 8px 32px 0 0;
+}
+}
+.rtl .message-content {
+	-webkit-box-shadow: -0 0 1px 1px rgba(0,0,0,0.02);
+	box-shadow: -0 0 1px 1px rgba(0,0,0,0.02);
+}
+.rtl .message-navbar {
+	text-align: center;
+}
+.rtl .message-footer input[type=text] {
+	text-align: center;
+}
+.rtl .message-footer-style2 .pagination > li > a,.rtl .message-footer-style2 .pagination > li > span {
+	text-align: center;
+}
+.rtl .message-loading-overlay {
+	text-align: center;
+}
+.rtl .message-loading-overlay > .ace-icon {
+	text-align: center;
+}
+.rtl ul.attachment-list {
+	margin: 6px 8px 4px 0;
+}
+.rtl .attached-file > .ace-icon {
+	margin-right: auto;
+	margin-left: 2px;
+}
+.rtl .message-navbar .nav-search {
+	right: 5px;
+	left: auto;
+}
+.rtl .inbox-folders .btn > .ace-icon:first-child {
+	text-align: right;
+}
+.rtl .inbox-folders .btn.active:before {
+	left: auto;
+	border-left: none;
+	right: -1px;
+	border-right: 3px solid #4F99C6;
+}
+.rtl .inbox-folders .btn .counter {
+	right: auto;
+	left: 8px;
+}
+.rtl .timeline-container:before {
+	left: auto;
+	right: 28px;
+}
+.rtl .timeline-item .transparent.widget-box {
+	border-left: none;
+	border-right: 3px solid #DAE1E5;
+}
+.rtl .timeline-item .transparent .widget-header > .widget-title {
+	margin-left: auto;
+	margin-right: 8px;
+}
+.rtl .timeline-item:nth-child(even) .widget-box.transparent {
+	border-left-color: transparent !important;
+	border-right-color: #DBDBDB !important;
+}
+.rtl .timeline-item .widget-box {
+	margin-left: auto;
+	margin-right: 60px;
+}
+.rtl .timeline-info {
+	float: right;
+	text-align: center;
+}
+.rtl .timeline-container:not(.timeline-style2) .timeline-indicator {
+	text-align: center;
+}
+.rtl .timeline-label {
+	margin-left: auto;
+	margin-right: 34px;
+}
+.rtl .timeline-style2 .timeline-item:before {
+	left: auto;
+	right: 90px;
+}
+.rtl .timeline-style2 .timeline-item .transparent.widget-box {
+	border-left: none !important;
+	border-right: none !important;
+}
+.rtl .timeline-style2 .timeline-indicator {
+	left: auto;
+	right: 85px;
+}
+.rtl .timeline-style2 .timeline-date {
+	text-align: left;
+	margin-right: auto;
+	margin-left: 25px;
+}
+.rtl .timeline-style2 .timeline-item .widget-box {
+	margin-left: auto;
+	margin-right: 112px;
+}
+.rtl .timeline-style2 .timeline-label {
+	text-align: left;
+	margin-left: auto;
+	margin-right: 0;
+}
+.rtl .timeline-time {
+	text-align: center;
+}
+.rtl .dataTables_filter {
+	text-align: left;
+}
+.rtl .dataTables_paginate {
+	text-align: left;
+}
+.rtl .dataTable > thead > tr > th[class*=sort]:after {
+	float: left;
+}
+.rtl ul.ColVis_collection > li.ColVis_Special > a {
+	text-align: center;
+}
+.rtl div.ColVis_collectionBackground {
+	left: auto;
+	right: 0;
+}
+.rtl .fc-event {
+	padding: 1px 2px 2px 1px;
+}
+.rtl .fc-state-default,.rtl .fc-state-default .fc-button-inner {
+	margin-left: auto;
+	margin-right: 2px;
+}
+.rtl .fc .fc-button-group > * {
+	margin: 0 0 0 1px;
+}
+.rtl .external-event > .ace-icon:first-child {
+	text-align: center;
+	margin-right: auto;
+	border-right: none;
+	margin-left: 5px;
+	border-left: 1px solid #FFF;
+}
+
+@media only screen and (max-width: 480px) {
+.rtl .fc-header td {
+	text-align: right;
+}
+}
+.rtl .select2-container .select2-choice .select2-arrow b:before {
+	left: auto;
+	right: 5px;
+}
+.rtl .select2-search:after {
+	left: auto;
+	right: -20px;
+}
+.rtl .select2-container-multi.tag-input-style .select2-choices .select2-search-choice {
+	margin-right: auto;
+	padding: 6px 9px 7px 22px;
+	margin-left: 0;
+}
+.rtl .select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close {
+	right: auto;
+	left: 0;
+	text-align: center;
+}
+.rtl #cboxCurrent {
+	left: auto;
+	right: 64px;
+}
+.rtl #cboxNext,.rtl #cboxPrevious,.rtl #cboxClose {
+	text-align: center;
+	margin-left: auto;
+	margin-right: 5px;
+}
+.rtl #cboxClose {
+	margin-left: auto;
+	right: auto;
+	margin-right: 0;
+	left: -14px;
+}
+.rtl #cboxLoadingGraphic {
+	text-align: center;
+}
+.rtl #cboxLoadingGraphic > .ace-icon {
+	text-align: center;
+}
+.rtl .ace-spinner .spinbox-buttons.btn-group-vertical > .btn {
+	margin-left: auto;
+	margin-right: 0;
+}
+.rtl .steps li {
+	text-align: center;
+}
+.rtl .steps li .step {
+	text-align: center;
+}
+.rtl .steps li:first-child:before {
+	left: auto;
+	right: 50%;
+}
+.rtl .steps li.complete .step:before {
+	text-align: center;
+}
+.rtl .steps li .title {
+	text-align: center;
+}
+.rtl .wizard-actions {
+	text-align: left;
+}
+.rtl .tree {
+	padding: 0 9px 0 0;
+}
+.rtl .tree:before {
+	left: auto;
+	border-width: 0 1px 0 0;
+	right: 0;
+}
+.rtl .tree .tree-branch > .tree-branch-header > .tree-branch-name > .tree-label {
+	margin-left: auto;
+	margin-right: 2px;
+}
+.rtl .tree .tree-branch > .tree-branch-header > .tree-branch-name > .ace-icon:first-child {
+	margin: -2px -2px 0 0;
+}
+.rtl .tree .tree-branch:last-child:after {
+	left: auto;
+	border-left: none;
+	right: -15px;
+	border-right: 1px solid #FFF;
+}
+.rtl .tree .tree-branch .tree-branch-children {
+	margin: 0 23px 0 0;
+}
+.rtl .tree .tree-branch .tree-branch-children:before {
+	left: auto;
+	border-width: 0 1px 0 0;
+	right: -14px;
+}
+.rtl .tree .tree-item > .tree-item-name > .ace-icon:first-child {
+	margin-right: auto;
+	margin-left: 3px;
+}
+.rtl .tree .tree-branch:before,.rtl .tree .tree-item:before {
+	left: auto;
+	right: -13px;
+}
+.rtl .tree .tree-item > .tree-item-name > .ace-icon:first-child {
+	text-align: center;
+	box-shadow: -0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.rtl .tree .tree-plus.ace-icon:first-child,.rtl .tree .tree-minus.ace-icon:first-child {
+	text-align: center;
+}
+.rtl .tree .tree-plus.ace-icon:first-child:before,.rtl .tree .tree-minus.ace-icon:first-child:before {
+	left: auto;
+	right: 2px;
+}
+.rtl .tree .tree-plus.ace-icon:first-child:after {
+	border-left: none;
+	left: auto;
+	border-right: 1px solid #4D6878;
+	right: 5px;
+}
+.rtl .tree .tree-unselectable .tree-item > .tree-item-name > .tree-label > .ace-icon:first-child {
+	text-align: center;
+}
+.rtl .tree .tree-loading {
+	margin-left: auto;
+	margin-right: 36px;
+}
+.rtl .gritter-item-wrapper {
+	box-shadow: -0 2px 10px rgba(50, 50, 50, 0.5);
+}
+.rtl .gritter-close {
+	left: 3px;
+	right: auto;
+	text-align: center;
+}
+.rtl .wysiwyg-toolbar .btn-group > .btn {
+	text-align: center;
+	margin-left: auto;
+	margin-right: 1px;
+}
+.rtl .wysiwyg-toolbar .btn-group > .btn.dropdown-toggle > .ace-icon:last-child {
+	margin-right: auto;
+	margin-left: 4px;
+}
+.rtl .wysiwyg-style1 .btn-group:after,.rtl .wysiwyg-style2 .btn-group:after {
+	left: auto;
+	border-left: none;
+	right: -2px;
+	border-right: 1px solid #E1E6EA;
+}
+.rtl .wysiwyg-style2 .btn-group > .btn,.rtl .wysiwyg-style2 .btn-group > .inline > .btn {
+	margin: 0 0 0 1px !important;
+}
+.rtl .wysiwyg-toolbar .btn-colorpicker {
+	background: -webkit-gradient(linear, right top, left bottom, color-stop(10%, #cf3e73), color-stop(20%, #ffffff), color-stop(30%, #2283c5), color-stop(40%, #ffffff), color-stop(50%, #87b87f), color-stop(60%, #ffffff), color-stop(70%, #ffb752), color-stop(80%, #ffffff), color-stop(90%, #d15b47), color-stop(100%, #ffffff));
+}
+.rtl .wysiwyg-style1 .btn-colorpicker {
+	margin-left: auto;
+	margin-right: 4px;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+.rtl .wysiwyg-editor .ui-wrapper:after {
+	right: auto;
+	left: -3px;
+}
+}
+.rtl .wysiwyg-speech-input {
+	right: auto;
+	left: 0;
+}
+.rtl .widget-body .md-header {
+	margin-left: auto;
+	margin-right: 9px;
+}
+.rtl .widget-body .md-header .btn {
+	text-align: center;
+}
+.rtl .widget-body .md-header .btn-inverse {
+	padding-right: 0;
+	margin-left: auto;
+	padding-left: 5px;
+	margin-right: 4px;
+}
+.rtl .editable-buttons {
+	margin-left: auto;
+	margin-right: 1px;
+}
+.rtl .editable-buttons .btn {
+	margin: 0 0 0 1px;
+}
+.rtl .editable-clear-x:before {
+	text-align: center;
+}
+.rtl .editable-input .ace-spinner {
+	margin-right: auto;
+	margin-left: 8px;
+}
+.rtl .editable-inline .editable-slider {
+	margin-right: auto;
+	margin-left: 4px;
+}
+.rtl .editable-image + .editable-buttons,.rtl .editable-wysiwyg + .editable-buttons {
+	text-align: center;
+}
+.rtl .ui-datepicker {
+	-webkit-box-shadow: -0 2px 4px rgba(0, 0, 0, 0.2);
+	box-shadow: -0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.rtl .ui-datepicker .ui-datepicker-prev,.rtl .ui-datepicker .ui-datepicker-next {
+	text-align: center;
+}
+.rtl .ui-datepicker .ui-datepicker-prev-hover {
+	left: auto;
+	right: 2px;
+}
+.rtl .ui-datepicker .ui-datepicker-next-hover {
+	right: auto;
+	left: 2px;
+}
+.rtl .ui-datepicker td > a,.rtl .ui-datepicker td > span {
+	text-align: center;
+}
+.rtl .ui-dialog,.rtl .ui-jqdialog {
+	-webkit-box-shadow: -0 2px 4px rgba(0, 0, 0, 0.2);
+	box-shadow: -0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.rtl .ui-dialog .widget-header,.rtl .ui-jqdialog .widget-header {
+	border-width: 0 0 1px 0;
+}
+.rtl .ui-dialog .ui-dialog-titlebar-close,.rtl .ui-jqdialog .ui-dialog-titlebar-close,.rtl .ui-dialog .ui-jqdialog-titlebar-close,.rtl .ui-jqdialog .ui-jqdialog-titlebar-close {
+	right: auto !important;
+	text-align: center;
+	left: 8px !important;
+}
+.rtl .ui-dialog .widget-header .ui-dialog-titlebar-close,.rtl .ui-jqdialog .widget-header .ui-dialog-titlebar-close,.rtl .ui-dialog .widget-header .ui-jqdialog-titlebar-close,.rtl .ui-jqdialog .widget-header .ui-jqdialog-titlebar-close {
+	right: auto !important;
+	left: 10px !important;
+}
+.rtl .ui-accordion .ui-accordion-header {
+	padding: 8px 24px 9px 8px;
+}
+.rtl .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
+	left: auto;
+	right: 10px;
+}
+.rtl .ui-tabs .ui-tabs-nav li.ui-state-default > a {
+	margin-right: auto;
+	margin-left: -1px;
+}
+.rtl .ui-tabs .ui-tabs-nav li.ui-tabs-active > a {
+	-webkit-box-shadow: -0 -2px 3px 0 rgba(0, 0, 0, 0.15);
+	box-shadow: -0 -2px 3px 0 rgba(0, 0, 0, 0.15);
+}
+.rtl .ui-menu {
+	-webkit-box-shadow: -0 2px 4px rgba(0, 0, 0, 0.2);
+	box-shadow: -0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.rtl .ui-menu .ui-menu-item .ui-menu-icon {
+	float: left;
+	left: 4px;
+	right: auto;
+}
+.rtl .ui-autocomplete {
+	-webkit-box-shadow: -0 2px 4px rgba(0, 0, 0, 0.2);
+	box-shadow: -0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.rtl .ui-spinner-button {
+	text-align: center;
+}
+.rtl .ui-spinner-up {
+	right: auto;
+	left: 5px;
+}
+.rtl .ui-spinner-down {
+	right: auto;
+	left: 5px;
+}
+.rtl .ui-jqgrid .ui-jqgrid-title {
+	float: right;
+}
+.rtl .ui-jqgrid .ui-jqgrid-hdiv {
+	border-width: 1px 1px 0 0;
+}
+.rtl .ui-jqgrid tr.ui-state-highlight.ui-row-ltr td {
+	border-right-color: transparent;
+	border-left-color: #C7D3A9;
+}
+.rtl .ui-jqgrid .ui-pg-input {
+	text-align: center;
+}
+.rtl .ui-jqgrid .ui-jqgrid-btable {
+	border-left: none;
+	border-right: 1px solid #E1E1E1;
+}
+.rtl .ui-jqgrid .loading {
+	left: auto;
+	text-align: center;
+	right: 45%;
+}
+.rtl .ui-jqgrid .ui-jqgrid-labels {
+	border-left: none !important;
+	border-right: 1px solid #E1E1E1 !important;
+}
+.rtl .ui-jqgrid .ui-jqgrid-labels th {
+	border-right: none !important;
+	text-align: right !important;
+	border-left: 1px solid #E1E1E1 !important;
+}
+.rtl .ui-jqgrid-labels th[id*="_cb"]:first-child > div {
+	text-align: center !important;
+}
+.rtl .ui-jqgrid-sortable {
+	padding-left: 0;
+	padding-right: 4px;
+}
+.rtl .ui-jqgrid .ui-icon {
+	right: auto;
+	left: 2px;
+}
+.rtl .ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon {
+	text-align: center;
+}
+.rtl .ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon:before {
+	text-align: center;
+}
+.rtl .ui-pg-div .ui-icon {
+	text-align: center;
+}
+.rtl .ui-jqdialog-content .CaptionTD {
+	text-align: left;
+}
+.rtl .EditTable .navButton .fm-button .ace-icon {
+	text-align: center;
+}
+.rtl .ui-jqdialog-content .searchFilter table {
+	margin-left: auto;
+	margin-right: 4px;
+}
+.rtl .ui-jqdialog-content .searchFilter .add-group,.rtl .ui-jqdialog-content .searchFilter .add-rule,.rtl .ui-jqdialog-content .searchFilter .delete-group {
+	margin-left: auto !important;
+	margin-right: 4px !important;
+}
+.rtl .ui-jqdialog .ui-widget-header .ui-jqdialog-title {
+	padding-left: 0;
+	text-align: right;
+	padding-right: 12px;
+}
+.rtl .ui-jqgrid .ui-jqgrid-titlebar-close {
+	margin: 2px 0 0 8px;
+	text-align: center;
+}
+
+@media only screen and (max-width: 767px) {
+.rtl .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td#grid-pager_center > .ui-pg-table {
+	text-align: center;
+}
+}
+.rtl .dd-list .dd-list {
+	padding-left: 0;
+	padding-right: 30px;
+}
+.rtl .dd2-handle + .dd2-content,.rtl .dd2-handle + .dd2-content[class*="btn-"] {
+	padding-left: 0;
+	padding-right: 44px;
+}
+.rtl .dd2-item.dd-item > button {
+	margin-left: auto;
+	margin-right: 34px;
+}
+.rtl .dd-item > button {
+	float: right;
+	margin: 5px 5px 5px 1px;
+	text-align: center;
+	left: auto;
+	right: 1px;
+}
+.rtl .dd-item > button:before {
+	text-align: center;
+}
+.rtl .dd-dragel > li > .dd-handle {
+	border-left: none;
+	border-right: 2px solid #777;
+}
+.rtl .dd-list > li[class*="item-"] > .dd-handle {
+	border-left: none;
+	border-left-color: transparent;
+	border-right: 2px solid;
+	border-right-color: inherit;
+}
+.rtl .dd-list > li > .dd-handle .sticker {
+	right: auto;
+	left: 0;
+}
+.rtl .dd2-handle,.rtl .dd-dragel > li > .dd2-handle {
+	left: auto;
+	border-width: 1px 0 0 1px;
+	text-align: center;
+	right: 0;
+}
+.rtl .dd2-handle[class*="btn-"] {
+	border-right: none;
+	border-left: 1px solid #EEE;
+}
+.rtl .dd-dragel .dd2-handle[class*="btn-"] {
+	border-right-color: transparent;
+	border-left-color: #EEE;
+}
+.rtl .dd2-handle.btn-yellow {
+	border-right: none;
+	border-left: 1px solid #FFF;
+}
+.rtl .dd-dragel .dd2-handle.btn-yellow {
+	border-right-color: transparent;
+	border-left-color: #FFF;
+}
+.rtl .dropzone .dz-default.dz-message {
+	text-align: center;
+	left: auto;
+	margin-left: auto;
+	right: 0;
+	margin-right: auto;
+}
+.rtl .dropzone .dz-preview .dz-error-mark,.rtl .dropzone-previews .dz-preview .dz-error-mark,.rtl .dropzone .dz-preview .dz-success-mark,.rtl .dropzone-previews .dz-preview .dz-success-mark {
+	text-align: center;
+}
+.rtl .tt-dropdown-menu {
+	text-align: right;
+	-webkit-box-shadow: -0 2px 4px rgba(0, 0, 0, 0.2);
+	box-shadow: -0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.rtl .multiselect-container > li > a > label {
+	padding: 7px 20px 7px 10px;
+}
+.rtl .btn-scroll-up {
+	right: auto;
+	left: 2px;
+}
+
+@media (min-width: 768px) {
+.rtl .main-container.container > .btn-scroll-up {
+	right: auto;
+	margin-left: auto;
+	left: auto;
+	margin-right: 714px;
+}
+}
+
+@media (min-width: 992px) {
+.rtl .main-container.container > .btn-scroll-up {
+	right: auto;
+	margin-left: auto;
+	left: auto;
+	margin-right: 934px;
+}
+}
+
+@media (min-width: 1200px) {
+.rtl .main-container.container > .btn-scroll-up {
+	right: auto;
+	margin-left: auto;
+	left: auto;
+	margin-right: 1134px;
+}
+}
+.rtl .ace-settings-container {
+	right: auto;
+	left: 0;
+}
+.rtl .btn.btn-app.ace-settings-btn {
+	float: right;
+	text-align: center;
+	border-radius: 0 6px 6px 0;
+}
+.rtl .ace-settings-box {
+	float: right;
+}
+
+@media (max-width: 480px) {
+.rtl .ace-settings-container {
+	text-align: left;
+}
+.rtl .ace-settings-box {
+	text-align: right;
+}
+}
+.rtl .grid2,.rtl .grid3,.rtl .grid4 {
+	float: right;
+	border-left: none;
+	border-right: 1px solid #E3E3E3;
+}
+.rtl .grid2:first-child,.rtl .grid3:first-child,.rtl .grid4:first-child {
+	border-left: none;
+	border-right: none;
+}
+.rtl .easyPieChart,.rtl .easy-pie-chart {
+	text-align: center;
+}
+.rtl .easyPieChart canvas,.rtl .easy-pie-chart canvas {
+	left: auto;
+	right: 0;
+}
+.rtl .knob-container {
+	direction: rtl;
+	text-align: right;
+}
+.rtl .tags[class*="span"] {
+	margin-left: auto;
+	margin-right: 0;
+}
+.rtl .tags .tag {
+	padding: 4px 9px 5px 22px;
+	margin-right: auto;
+	margin-left: 3px;
+}
+.rtl .tags .tag .close {
+	right: auto;
+	text-align: center;
+	left: 0;
+}
+.rtl .page-content > .row .col-xs-12,.rtl .page-content > .row .col-sm-12,.rtl .page-content > .row .col-md-12,.rtl .page-content > .row .col-lg-12 {
+	float: right;
+}
+.rtl .legendLabel {
+	padding-left: 0;
+	padding-right: 2px;
+}
+
+@media only screen and (max-width: 360px) {
+.rtl .grid2,.rtl .grid3,.rtl .grid4 {
+	border-left-width: transparent;
+	border-right-width: 0;
+}
+.rtl .grid2 > [class*="pull-"],.rtl .grid3 > [class*="pull-"],.rtl .grid4 > [class*="pull-"] {
+	right: auto;
+	left: 11px;
+}
+}
+.rtl.no-skin .sidebar {
+	border-width: 0 0 0 1px;
+}
+.rtl.no-skin .nav-list li > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-width: 10px 0 10px 10px;
+	left: auto;
+	border-left-color: #B8B8B8;
+	-moz-border-left-colors: #B8B8B8;
+	right: -11px;
+}
+.rtl.no-skin .nav-list li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-width: 10px 0 10px 10px;
+	left: auto;
+	border-left-color: #ffffff;
+	-moz-border-left-colors: #ffffff;
+	right: -10px;
+}
+.rtl.no-skin .nav-list > li.pull_up > .arrow:after {
+	border-right-color: transparent !important;
+	-moz-border-right-colors: none !important;
+	border-width: 10px 0 10px 10px !important;
+	left: auto !important;
+	border-left-color: #ffffff !important;
+	-moz-border-left-colors: #ffffff !important;
+	right: -10px !important;
+}
+.rtl.no-skin .nav-list > li.pull_up > .arrow:before {
+	border-width: 10px 0 10px 10px !important;
+	left: auto !important;
+	right: -11px !important;
+}
+.rtl.no-skin .nav-list li.active > a:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #2b7dbc;
+	-moz-border-left-colors: #2b7dbc;
+}
+.rtl.no-skin .nav-list > li.active:after {
+	right: auto;
+	border-width: 0 0 0 2px;
+	left: -2px;
+}
+.rtl.no-skin .sidebar-scroll .nav-list > li.active:after {
+	right: auto;
+	left: 0;
+}
+.rtl.no-skin .sidebar.menu-min .nav-list > li > a > .menu-text {
+	-webkit-box-shadow: -2px 1px 2px 0 rgba(0,0,0,0.1);
+	box-shadow: -2px 1px 2px 0 rgba(0,0,0,0.1);
+}
+.rtl.no-skin .sidebar.menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
+	-webkit-box-shadow: -2px 2px 2px 0 rgba(0,0,0,0.1);
+	box-shadow: -2px 2px 2px 0 rgba(0,0,0,0.1);
+}
+.rtl.no-skin .sidebar.menu-min .nav-list > li.active > .submenu {
+	border-left-color: transparent;
+	border-right-color: #83b6d1;
+}
+.rtl.no-skin .sidebar.menu-min .nav-list > li > .submenu {
+	-webkit-box-shadow: -2px 2px 2px 0 rgba(0,0,0,0.1);
+	box-shadow: -2px 2px 2px 0 rgba(0,0,0,0.1);
+}
+.rtl.no-skin .sidebar.menu-min .nav-list > li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-width: 8px 0 8px 8px;
+	left: auto;
+	border-left-color: #f5f5f5;
+	-moz-border-left-colors: #f5f5f5;
+	right: -8px;
+}
+.rtl.no-skin .sidebar.menu-min .nav-list > li > .arrow:before {
+	border-width: 8px 0 8px 8px;
+	left: auto;
+	right: -9px;
+}
+.rtl.no-skin .sidebar.menu-min .nav-list > li.active > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #5a9ec2;
+	-moz-border-left-colors: #5a9ec2;
+}
+.rtl.no-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text {
+	border-left-color: transparent;
+	border-right-color: #83b6d1;
+}
+.rtl.no-skin .sidebar.menu-min .sidebar-shortcuts-large {
+	-webkit-box-shadow: -2px 1px 2px 0 rgba(0,0,0,0.1);
+	box-shadow: -2px 1px 2px 0 rgba(0,0,0,0.1);
+}
+
+@media (max-width: 991px) {
+.rtl.no-skin .sidebar.responsive-min .nav-list > li > a > .menu-text {
+	-webkit-box-shadow: -2px 1px 2px 0 rgba(0,0,0,0.1);
+	box-shadow: -2px 1px 2px 0 rgba(0,0,0,0.1);
+}
+.rtl.no-skin .sidebar.responsive-min .nav-list > li > a.dropdown-toggle > .menu-text {
+	-webkit-box-shadow: -2px 2px 2px 0 rgba(0,0,0,0.1);
+	box-shadow: -2px 2px 2px 0 rgba(0,0,0,0.1);
+}
+.rtl.no-skin .sidebar.responsive-min .nav-list > li.active > .submenu {
+	border-left-color: transparent;
+	border-right-color: #83b6d1;
+}
+.rtl.no-skin .sidebar.responsive-min .nav-list > li > .submenu {
+	-webkit-box-shadow: -2px 2px 2px 0 rgba(0,0,0,0.1);
+	box-shadow: -2px 2px 2px 0 rgba(0,0,0,0.1);
+}
+.rtl.no-skin .sidebar.responsive-min .nav-list > li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-width: 8px 0 8px 8px;
+	left: auto;
+	border-left-color: #f5f5f5;
+	-moz-border-left-colors: #f5f5f5;
+	right: -8px;
+}
+.rtl.no-skin .sidebar.responsive-min .nav-list > li > .arrow:before {
+	border-width: 8px 0 8px 8px;
+	left: auto;
+	right: -9px;
+}
+.rtl.no-skin .sidebar.responsive-min .nav-list > li.active > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #5a9ec2;
+	-moz-border-left-colors: #5a9ec2;
+}
+.rtl.no-skin .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
+	border-left-color: transparent;
+	border-right-color: #83b6d1;
+}
+.rtl.no-skin .sidebar.responsive-min .sidebar-shortcuts-large {
+	-webkit-box-shadow: -2px 1px 2px 0 rgba(0,0,0,0.1);
+	box-shadow: -2px 1px 2px 0 rgba(0,0,0,0.1);
+}
+}
+
+@media only screen and (min-width: 992px) {
+.rtl.no-skin .nav-list li.hover > .submenu {
+	-webkit-box-shadow: -2px 1px 2px 0 rgba(0,0,0,0.1);
+	box-shadow: -2px 1px 2px 0 rgba(0,0,0,0.1);
+}
+}
+
+@media only screen and (min-width: 992px) {
+.rtl.no-skin .sidebar.h-sidebar:before {
+	-webkit-box-shadow: -0 -1px 1px 0 rgba(0, 0, 0, 0.05) inset;
+	box-shadow: -0 -1px 1px 0 rgba(0, 0, 0, 0.05) inset;
+}
+.rtl.no-skin .sidebar.h-sidebar .nav-list > li:hover,.rtl.no-skin .sidebar.h-sidebar .nav-list > li:hover + li {
+	border-left-color: transparent;
+	border-right-color: #cedde5;
+}
+.rtl.no-skin .sidebar.h-sidebar .nav-list > li:last-child:hover {
+	border-right-color: transparent;
+	border-left-color: #cedde5;
+}
+.rtl.no-skin .sidebar.h-sidebar .nav-list > li.active,.rtl.no-skin .sidebar.h-sidebar .nav-list > li.active + li,.rtl.no-skin .sidebar.h-sidebar .nav-list > li:hover + li.active {
+	border-left-color: transparent;
+	border-right-color: #79b0ce;
+}
+.rtl.no-skin .sidebar.h-sidebar .nav-list > li.active:last-child {
+	border-right-color: transparent;
+	border-left-color: #79b0ce;
+}
+.rtl.no-skin .sidebar.h-sidebar .nav-list > li.active > a:after {
+	border-width: 0 0 2px 0;
+}
+.rtl.no-skin .sidebar.h-sidebar .sidebar-shortcuts-large {
+	-webkit-box-shadow: -2px 1px 2px 0 rgba(0,0,0,0.1);
+	box-shadow: -2px 1px 2px 0 rgba(0,0,0,0.1);
+}
+.rtl.no-skin .sidebar.h-sidebar.menu-min .nav-list > li.active > a > .menu-text {
+	border-left-color: transparent;
+	border-right-color: #cccccc;
+}
+}
+
+@media only screen and (max-width: 991px) {
+.rtl.no-skin .sidebar {
+	border-width: 0 0 1px 1px;
+}
+.rtl.no-skin .sidebar.responsive-min {
+	border-width: 0 0 0 1px;
+}
+.rtl.no-skin .sidebar.navbar-collapse {
+	-webkit-box-shadow: -0 2px 2px rgba(0, 0, 0, 0.1) !important;
+	box-shadow: -0 2px 2px rgba(0, 0, 0, 0.1) !important;
+}
+}
+.rtl.no-skin .nav-list > li.highlight.active > a:before,.rtl.no-skin .nav-list > li.highlight.active > a:after {
+	right: auto;
+	border-width: 20px 10px 21px 0;
+	left: -10px;
+}
+.rtl.no-skin .nav-list > li.highlight.active > a:before {
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+	right: auto;
+	border-right-color: #a0bccd;
+	-moz-border-right-colors: #a0bccd;
+	left: -11px;
+}
+.rtl.no-skin .nav-list > li.highlight.active > a:after {
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+	border-right-color: #f2f6f9;
+	-moz-border-right-colors: #f2f6f9;
+}
+
+@media (min-width: 992px) {
+.rtl.no-skin .sidebar.h-sidebar .nav-list > li.highlight.active > a:after {
+	left: auto;
+	right: 50%;
+	margin-left: auto;
+	margin-right: -7px;
+}
+.rtl.no-skin .sidebar.h-sidebar .nav-list > li.highlight.active > a:before {
+	left: auto;
+	right: 50%;
+	margin-left: auto;
+	margin-right: -7px;
+}
+}
+.rtl .onpage-help-section {
+	text-align: center;
+}
+.rtl .onpage-help-section > .help-icon-1 {
+	left: auto;
+	box-shadow: -0 0 2px 1px rgba(0, 0, 0, 0.4);
+	right: 50%;
+}
+.rtl .onpage-help-section > .help-icon-2 {
+	left: auto;
+	right: -4px;
+}
+
+@media print {
+.rtl .main-content .breadcrumbs {
+	float: left;
+}
+}
+.rtl.skin-1 .sidebar {
+	border-right-width: transparent;
+	border-left-width: 0;
+}
+.rtl.skin-1 .nav-list li.active > a:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	right: auto;
+	border-left-color: #FFF;
+	-moz-border-left-colors: #FFF;
+	left: 0;
+}
+.rtl.skin-1 .sidebar .nav-list > li.active.highlight > a:after {
+	border-right-color: #141a1b;
+	-moz-border-right-colors: #141a1b;
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+	border-width: 20px 10px 20px 0;
+	right: auto;
+	left: -10px;
+}
+.rtl.skin-1 .sidebar .nav-list > li.active.highlight > a:before {
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+	border-width: 20px 10px 20px 0;
+	right: auto;
+	border-right-color: #506b7f;
+	-moz-border-right-colors: #506b7f;
+	left: -11px;
+}
+.rtl.skin-1 .sidebar.menu-min .nav-list > li.active.highlight > a:after {
+	border-width: 20px 10px 20px 0;
+}
+.rtl.skin-1 .sidebar.menu-min .nav-list > li.active:hover > a:after {
+	border-right-color: transparent;
+	border-left-color: #242a2b;
+}
+.rtl.skin-1 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
+	border-left-color: transparent;
+	border-right-color: #305675;
+}
+.rtl.skin-1 .sidebar.menu-min .nav-list > li.active > a:not(.dropdown-toggle) > .menu-text {
+	border-right-color: transparent;
+	border-left-color: #4a5c63;
+}
+.rtl.skin-1 .sidebar.menu-min .nav-list > li > a > .menu-text,.rtl.skin-1 .sidebar.menu-min .nav-list > li > .submenu {
+	border-left: none;
+	border-right: 1px solid #181d1f;
+}
+.rtl.skin-1 .sidebar.menu-min .nav-list > li.active > .submenu {
+	border-left-color: transparent;
+	border-right-color: #305675;
+}
+.rtl.skin-1 .sidebar.menu-min .nav-list > li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #414b51;
+	-moz-border-left-colors: #414b51;
+}
+.rtl.skin-1 .sidebar.menu-min .nav-list > li > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #111415;
+	-moz-border-left-colors: #242a2b;
+}
+.rtl.skin-1 .sidebar.menu-min .nav-list > li.active > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #242a2b;
+	-moz-border-left-colors: #242a2b;
+}
+.rtl.skin-1 .sidebar.menu-min .nav-list > li.active > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #50a0dd;
+	-moz-border-left-colors: #50a0dd;
+}
+.rtl.skin-1 .sidebar.menu-min .sidebar-shortcuts-large {
+	border-width: 0 0 1px 1px;
+}
+
+@media (max-width: 991px) {
+.rtl.skin-1 .sidebar.responsive-min .nav-list > li.active.highlight > a:after {
+	border-width: 20px 10px 20px 0;
+}
+.rtl.skin-1 .sidebar.responsive-min .nav-list > li.active:hover > a:after {
+	border-right-color: transparent;
+	border-left-color: #242a2b;
+}
+.rtl.skin-1 .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
+	border-left-color: transparent;
+	border-right-color: #305675;
+}
+.rtl.skin-1 .sidebar.responsive-min .nav-list > li.active > a:not(.dropdown-toggle) > .menu-text {
+	border-right-color: transparent;
+	border-left-color: #4a5c63;
+}
+.rtl.skin-1 .sidebar.responsive-min .nav-list > li > a > .menu-text,.rtl.skin-1 .sidebar.responsive-min .nav-list > li > .submenu {
+	border-left: none;
+	border-right: 1px solid #181d1f;
+}
+.rtl.skin-1 .sidebar.responsive-min .nav-list > li.active > .submenu {
+	border-left-color: transparent;
+	border-right-color: #305675;
+}
+.rtl.skin-1 .sidebar.responsive-min .nav-list > li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #414b51;
+	-moz-border-left-colors: #414b51;
+}
+.rtl.skin-1 .sidebar.responsive-min .nav-list > li > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #111415;
+	-moz-border-left-colors: #242a2b;
+}
+.rtl.skin-1 .sidebar.responsive-min .nav-list > li.active > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #242a2b;
+	-moz-border-left-colors: #242a2b;
+}
+.rtl.skin-1 .sidebar.responsive-min .nav-list > li.active > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #50a0dd;
+	-moz-border-left-colors: #50a0dd;
+}
+.rtl.skin-1 .sidebar.responsive-min .sidebar-shortcuts-large {
+	border-width: 0 0 1px 1px;
+}
+}
+
+@media only screen and (min-width: 992px) {
+.rtl.skin-1 .nav-list > li.active > .submenu li.hover > .submenu {
+	border-left-color: transparent;
+	border-right-color: #475561;
+}
+.rtl.skin-1 .nav-list li.hover.active > .submenu,.rtl.skin-1 .nav-list li.active > .submenu li.hover.active > .submenu {
+	border-left-color: transparent;
+	border-right-color: #305675;
+}
+}
+
+@media only screen and (min-width: 992px) and (max-width: 991px) {
+.rtl.skin-1 .sidebar.navbar-collapse .nav-list li.hover.active > .submenu,.rtl.skin-1 .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu,.rtl.skin-1 .sidebar.navbar-collapse .nav-list li.active > .submenu li.hover.active > .submenu {
+	border-left-width: transparent;
+	border-right-width: 0;
+}
+}
+.rtl.skin-1 .nav-list li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #353c3d;
+	-moz-border-left-colors: #353c3d;
+}
+.rtl.skin-1 .nav-list li > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #1d2122;
+	-moz-border-left-colors: #1d2122;
+}
+.rtl.skin-1 .nav-list > li.active > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #171e1f;
+	-moz-border-left-colors: #171e1f;
+}
+.rtl.skin-1 .nav-list > li.active > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #50a0dd;
+	-moz-border-left-colors: #50a0dd;
+}
+.rtl.skin-1 .nav-list > li.active > .submenu li.hover > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #4f6e86;
+	-moz-border-left-colors: #8fb6d5;
+}
+.rtl.skin-1 .nav-list > li.active > .submenu li.hover.active > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #305675;
+	-moz-border-left-colors: #2290e9;
+}
+.rtl.skin-1 .nav-list > li.active > .submenu li.hover > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #171e1f;
+	-moz-border-left-colors: #171e1f;
+}
+.rtl.skin-1 .nav-list li.pull_up > .arrow:after {
+	border-right-color: transparent !important;
+	-moz-border-right-colors: none !important;
+	border-left-color: #353c3d !important;
+	-moz-border-left-colors: #353c3d !important;
+}
+.rtl.skin-1 .nav-list li.pull_up > .arrow:before {
+	border-right-color: transparent !important;
+	-moz-border-right-colors: none !important;
+	border-left-color: #1d2122 !important;
+	-moz-border-left-colors: #1d2122 !important;
+}
+.rtl.skin-1 .nav-list li.pull_up.active > .arrow:after {
+	border-right-color: transparent !important;
+	-moz-border-right-colors: none !important;
+	border-left-color: #171e1f !important;
+	-moz-border-left-colors: #171e1f !important;
+}
+.rtl.skin-1 .nav-list li.pull_up.active > .arrow:before {
+	border-right-color: transparent !important;
+	-moz-border-right-colors: none !important;
+	border-left-color: #50a0dd !important;
+	-moz-border-left-colors: #50a0dd !important;
+}
+
+@media only screen and (min-width: 768px) {
+.rtl.skin-1 .container.main-container:before {
+	box-shadow: -0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+}
+
+@media only screen and (min-width: 992px) {
+.rtl.skin-1 .sidebar.h-sidebar .nav-list > li.hover.active > a:after {
+	right: 50%;
+	left: auto;
+	margin-left: auto;
+	margin-right: -8px;
+}
+.rtl.skin-1 .sidebar.h-sidebar .nav-list > li:hover,.rtl.skin-1 .sidebar.h-sidebar .nav-list > li:hover + li {
+	border-left-color: transparent;
+	border-right-color: #506575;
+}
+.rtl.skin-1 .sidebar.h-sidebar .nav-list > li:last-child:hover {
+	border-right-color: transparent;
+	border-left-color: #506575;
+}
+.rtl.skin-1 .sidebar.h-sidebar .nav-list > li.active,.rtl.skin-1 .sidebar.h-sidebar .nav-list > li.active + li,.rtl.skin-1 .sidebar.h-sidebar .nav-list > li:hover + li.active {
+	border-left-color: transparent;
+	border-right-color: #55738a;
+}
+.rtl.skin-1 .sidebar.h-sidebar .nav-list > li.active:last-child {
+	border-right-color: transparent;
+	border-left-color: #55738a;
+}
+.rtl.skin-1 .sidebar.h-sidebar .nav-list > li.hover.active > .submenu {
+	border-left-color: transparent;
+	border-right-color: #232828;
+}
+.rtl.skin-1 .sidebar.h-sidebar .nav-list > li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+}
+.rtl.skin-1 .sidebar.h-sidebar .nav-list > li > .arrow:before {
+	-moz-border-right-colors: none;
+	border-right-color: transparent;
+	-moz-border-left-colors: none;
+	border-left-color: transparent;
+}
+.rtl.skin-1 .sidebar.h-sidebar .nav-list > li.active > .arrow:before,.rtl.skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+}
+.rtl.skin-1 .sidebar.h-sidebar .nav-list > li.active > .arrow:after,.rtl.skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+}
+.rtl.skin-1 .main-content .h-sidebar.sidebar .nav-list {
+	border-left: none;
+	border-right: 1px solid #4a5c63;
+}
+}
+.rtl.skin-2 .sidebar {
+	border-right-width: transparent;
+	border-left-width: 0;
+}
+.rtl.skin-2 .nav-list li.active > a:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	right: auto;
+	border-left-color: #FFF;
+	-moz-border-left-colors: #FFF;
+	left: 0;
+}
+.rtl.skin-2 .nav-list > li .submenu > li > a {
+	padding-left: 0;
+	padding-right: 32px;
+}
+.rtl.skin-2 .nav-list > li .submenu > li > a > .menu-icon {
+	left: auto;
+	right: 12px;
+}
+
+@media only screen and (min-width: 992px) {
+.rtl.skin-2 .nav-list > li .submenu > li.hover > a {
+	padding-left: 0;
+	padding-right: 26px;
+}
+.rtl.skin-2 .nav-list > li .submenu > li.hover > a > .menu-icon {
+	left: auto;
+	right: 6px;
+}
+}
+.rtl.skin-2 .nav-list > li > .submenu li > .submenu > li > a {
+	margin-left: auto;
+	padding-left: 0;
+	margin-right: 0;
+	padding-right: 37px;
+}
+.rtl.skin-2 .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
+	margin-left: auto;
+	padding-left: 0;
+	margin-right: 0;
+	padding-right: 51px;
+}
+.rtl.skin-2 .nav-list li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #45303b;
+	-moz-border-left-colors: #45303b;
+}
+.rtl.skin-2 .nav-list li > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #191919;
+	-moz-border-left-colors: #191919;
+}
+.rtl.skin-2 .nav-list > li.pull_up > .arrow:after {
+	border-right-color: transparent !important;
+	-moz-border-right-colors: none !important;
+	border-left-color: #45303b !important;
+	-moz-border-left-colors: #45303b !important;
+}
+.rtl.skin-2 .nav-list > li.pull_up > .arrow:before {
+	border-right-color: transparent !important;
+	-moz-border-right-colors: none !important;
+	border-left-color: #191919 !important;
+	-moz-border-left-colors: #191919 !important;
+}
+.rtl.skin-2 .nav-list > li.active.highlight > a:after {
+	border-right-color: #bd5289;
+	-moz-border-right-colors: #bd5289;
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+	border-width: 20px 10px 20px 0;
+	right: auto;
+	left: -10px;
+}
+.rtl.skin-2 .nav-list > li:nth-child( 1) > .arrow:after,.rtl.skin-2 .nav-list > li:nth-child( 1) li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #2a4137;
+	-moz-border-left-colors: #2a4137;
+}
+.rtl.skin-2 .nav-list > li.pull_up:nth-child( 1) > .arrow:after {
+	border-right-color: transparent !important;
+	-moz-border-right-colors: none !important;
+	border-left-color: #2a4137 !important;
+	-moz-border-left-colors: #2a4137 !important;
+}
+.rtl.skin-2 .nav-list > li:nth-child( 2) > .arrow:after,.rtl.skin-2 .nav-list > li:nth-child( 2) li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #36432f;
+	-moz-border-left-colors: #36432f;
+}
+.rtl.skin-2 .nav-list > li.pull_up:nth-child( 2) > .arrow:after {
+	border-right-color: transparent !important;
+	-moz-border-right-colors: none !important;
+	border-left-color: #36432f !important;
+	-moz-border-left-colors: #36432f !important;
+}
+.rtl.skin-2 .nav-list > li:nth-child( 3) > .arrow:after,.rtl.skin-2 .nav-list > li:nth-child( 3) li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #3e442a;
+	-moz-border-left-colors: #3e442a;
+}
+.rtl.skin-2 .nav-list > li.pull_up:nth-child( 3) > .arrow:after {
+	border-right-color: transparent !important;
+	-moz-border-right-colors: none !important;
+	border-left-color: #3e442a !important;
+	-moz-border-left-colors: #3e442a !important;
+}
+.rtl.skin-2 .nav-list > li:nth-child( 4) > .arrow:after,.rtl.skin-2 .nav-list > li:nth-child( 4) li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #43452a;
+	-moz-border-left-colors: #43452a;
+}
+.rtl.skin-2 .nav-list > li.pull_up:nth-child( 4) > .arrow:after {
+	border-right-color: transparent !important;
+	-moz-border-right-colors: none !important;
+	border-left-color: #43452a !important;
+	-moz-border-left-colors: #43452a !important;
+}
+.rtl.skin-2 .nav-list > li:nth-child( 5) > .arrow:after,.rtl.skin-2 .nav-list > li:nth-child( 5) li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #48422a;
+	-moz-border-left-colors: #48422a;
+}
+.rtl.skin-2 .nav-list > li.pull_up:nth-child( 5) > .arrow:after {
+	border-right-color: transparent !important;
+	-moz-border-right-colors: none !important;
+	border-left-color: #48422a !important;
+	-moz-border-left-colors: #48422a !important;
+}
+.rtl.skin-2 .nav-list > li:nth-child( 6) > .arrow:after,.rtl.skin-2 .nav-list > li:nth-child( 6) li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #493f2a;
+	-moz-border-left-colors: #493f2a;
+}
+.rtl.skin-2 .nav-list > li.pull_up:nth-child( 6) > .arrow:after {
+	border-right-color: transparent !important;
+	-moz-border-right-colors: none !important;
+	border-left-color: #493f2a !important;
+	-moz-border-left-colors: #493f2a !important;
+}
+.rtl.skin-2 .nav-list > li:nth-child( 7) > .arrow:after,.rtl.skin-2 .nav-list > li:nth-child( 7) li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #49372a;
+	-moz-border-left-colors: #49372a;
+}
+.rtl.skin-2 .nav-list > li.pull_up:nth-child( 7) > .arrow:after {
+	border-right-color: transparent !important;
+	-moz-border-right-colors: none !important;
+	border-left-color: #49372a !important;
+	-moz-border-left-colors: #49372a !important;
+}
+.rtl.skin-2 .nav-list > li:nth-child( 8) > .arrow:after,.rtl.skin-2 .nav-list > li:nth-child( 8) li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #472e30;
+	-moz-border-left-colors: #472e30;
+}
+.rtl.skin-2 .nav-list > li.pull_up:nth-child( 8) > .arrow:after {
+	border-right-color: transparent !important;
+	-moz-border-right-colors: none !important;
+	border-left-color: #472e30 !important;
+	-moz-border-left-colors: #472e30 !important;
+}
+.rtl.skin-2 .nav-list > li:nth-child( 9) > .arrow:after,.rtl.skin-2 .nav-list > li:nth-child( 9) li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #45303b;
+	-moz-border-left-colors: #45303b;
+}
+.rtl.skin-2 .nav-list > li.pull_up:nth-child( 9) > .arrow:after {
+	border-right-color: transparent !important;
+	-moz-border-right-colors: none !important;
+	border-left-color: #45303b !important;
+	-moz-border-left-colors: #45303b !important;
+}
+.rtl.skin-2 .nav-list > li:nth-child( 10) > .arrow:after,.rtl.skin-2 .nav-list > li:nth-child( 10) li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #423646;
+	-moz-border-left-colors: #423646;
+}
+.rtl.skin-2 .nav-list > li.pull_up:nth-child( 10) > .arrow:after {
+	border-right-color: transparent !important;
+	-moz-border-right-colors: none !important;
+	border-left-color: #423646 !important;
+	-moz-border-left-colors: #423646 !important;
+}
+.rtl.skin-2 .nav-list > li:nth-child( 11) > .arrow:after,.rtl.skin-2 .nav-list > li:nth-child( 11) li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #2e3b47;
+	-moz-border-left-colors: #2e3b47;
+}
+.rtl.skin-2 .nav-list > li.pull_up:nth-child( 11) > .arrow:after {
+	border-right-color: transparent !important;
+	-moz-border-right-colors: none !important;
+	border-left-color: #2e3b47 !important;
+	-moz-border-left-colors: #2e3b47 !important;
+}
+.rtl.skin-2 .nav-list > li:nth-child( 12) > .arrow:after,.rtl.skin-2 .nav-list > li:nth-child( 12) li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #304346;
+	-moz-border-left-colors: #304346;
+}
+.rtl.skin-2 .nav-list > li.pull_up:nth-child( 12) > .arrow:after {
+	border-right-color: transparent !important;
+	-moz-border-right-colors: none !important;
+	border-left-color: #304346 !important;
+	-moz-border-left-colors: #304346 !important;
+}
+.rtl.skin-2 .nav-list > li.active.highlight:nth-child( 1) > a:after {
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+	border-right-color: #18a665;
+	-moz-border-right-colors: #18a665;
+}
+.rtl.skin-2 .nav-list > li.active.highlight:nth-child( 2) > a:after {
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+	border-right-color: #6ab14a;
+	-moz-border-right-colors: #6ab14a;
+}
+.rtl.skin-2 .nav-list > li.active.highlight:nth-child( 3) > a:after {
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+	border-right-color: #98bc1b;
+	-moz-border-right-colors: #98bc1b;
+}
+.rtl.skin-2 .nav-list > li.active.highlight:nth-child( 4) > a:after {
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+	border-right-color: #b7c51c;
+	-moz-border-right-colors: #b7c51c;
+}
+.rtl.skin-2 .nav-list > li.active.highlight:nth-child( 5) > a:after {
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+	border-right-color: #d9b41f;
+	-moz-border-right-colors: #d9b41f;
+}
+.rtl.skin-2 .nav-list > li.active.highlight:nth-child( 6) > a:after {
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+	border-right-color: #dfa020;
+	-moz-border-right-colors: #dfa020;
+}
+.rtl.skin-2 .nav-list > li.active.highlight:nth-child( 7) > a:after {
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+	border-right-color: #df7220;
+	-moz-border-right-colors: #df7220;
+}
+.rtl.skin-2 .nav-list > li.active.highlight:nth-child( 8) > a:after {
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+	border-right-color: #d43a48;
+	-moz-border-right-colors: #d43a48;
+}
+.rtl.skin-2 .nav-list > li.active.highlight:nth-child( 9) > a:after {
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+	border-right-color: #bd5289;
+	-moz-border-right-colors: #bd5289;
+}
+.rtl.skin-2 .nav-list > li.active.highlight:nth-child( 10) > a:after {
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+	border-right-color: #b975d0;
+	-moz-border-right-colors: #b975d0;
+}
+.rtl.skin-2 .nav-list > li.active.highlight:nth-child( 11) > a:after {
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+	border-right-color: #3f8ad0;
+	-moz-border-right-colors: #3f8ad0;
+}
+.rtl.skin-2 .nav-list > li.active.highlight:nth-child( 12) > a:after {
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+	border-right-color: #4bb9ca;
+	-moz-border-right-colors: #4bb9ca;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li.active.highlight > a:after {
+	border-width: 20px 10px 20px 0;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li > a > .menu-text {
+	border-width: 0 1px 0 0;
+	margin-left: auto;
+	margin-right: 1px;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li > .submenu {
+	border-width: 1px 1px 0 0;
+	margin-left: auto;
+	margin-right: 1px;
+}
+.rtl.skin-2 .sidebar.menu-min .sidebar-shortcuts-large {
+	border-width: 0 0 1px 1px;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li > .arrow:after,.rtl.skin-2 .sidebar.menu-min .nav-list > li.active.highlight > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #bd5289;
+	-moz-border-left-colors: #bd5289;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li > .arrow:before,.rtl.skin-2 .sidebar.menu-min .nav-list > li.active.highlight > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: rgba(0, 0, 0, 0.7);
+	-moz-border-left-colors: rgba(0, 0, 0, 0.7);
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li.active:not(.highlight) > a:not(.dropdown-toggle) > .menu-text {
+	border-right-color: transparent;
+	border-left-color: #555555;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li > a > .menu-text,.rtl.skin-2 .sidebar.menu-min .nav-list > li.active.highlight > a > .menu-text {
+	border-left-color: transparent;
+	border-right-color: rgba(0, 0, 0, 0.5);
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li.pull_up > a > .menu-text,.rtl.skin-2 .sidebar.menu-min .nav-list > li.pull_up.active.highlight > a > .menu-text {
+	border-left-color: transparent;
+	border-right-color: rgba(0, 0, 0, 0.7);
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li.pull_up.active:not(.highlight) > a > .menu-text {
+	border-left-color: transparent;
+	border-right-color: #666;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 1) > .arrow:after,.rtl.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 1) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #18a665;
+	-moz-border-left-colors: #18a665;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 2) > .arrow:after,.rtl.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 2) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #6ab14a;
+	-moz-border-left-colors: #6ab14a;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 3) > .arrow:after,.rtl.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 3) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #98bc1b;
+	-moz-border-left-colors: #98bc1b;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 4) > .arrow:after,.rtl.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 4) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #b7c51c;
+	-moz-border-left-colors: #b7c51c;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 5) > .arrow:after,.rtl.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 5) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #d9b41f;
+	-moz-border-left-colors: #d9b41f;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 6) > .arrow:after,.rtl.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 6) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #dfa020;
+	-moz-border-left-colors: #dfa020;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 7) > .arrow:after,.rtl.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 7) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #df7220;
+	-moz-border-left-colors: #df7220;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 8) > .arrow:after,.rtl.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 8) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #d43a48;
+	-moz-border-left-colors: #d43a48;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 9) > .arrow:after,.rtl.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 9) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #bd5289;
+	-moz-border-left-colors: #bd5289;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 10) > .arrow:after,.rtl.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 10) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #b975d0;
+	-moz-border-left-colors: #b975d0;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 11) > .arrow:after,.rtl.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 11) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #3f8ad0;
+	-moz-border-left-colors: #3f8ad0;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 12) > .arrow:after,.rtl.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 12) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #4bb9ca;
+	-moz-border-left-colors: #4bb9ca;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
+	border-left-color: transparent;
+	border-right-color: #777;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li.active > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #242424;
+	-moz-border-left-colors: #242424;
+}
+.rtl.skin-2 .sidebar.menu-min .nav-list > li.active > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #888;
+	-moz-border-left-colors: #FFF;
+}
+
+@media (max-width: 991px) {
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active.highlight > a:after {
+	border-width: 20px 10px 20px 0;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li > a > .menu-text {
+	border-width: 0 1px 0 0;
+	margin-left: auto;
+	margin-right: 1px;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li > .submenu {
+	border-width: 1px 1px 0 0;
+	margin-left: auto;
+	margin-right: 1px;
+}
+.rtl.skin-2 .sidebar.responsive-min .sidebar-shortcuts-large {
+	border-width: 0 0 1px 1px;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li > .arrow:after,.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active.highlight > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #bd5289;
+	-moz-border-left-colors: #bd5289;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li > .arrow:before,.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active.highlight > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: rgba(0, 0, 0, 0.7);
+	-moz-border-left-colors: rgba(0, 0, 0, 0.7);
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active:not(.highlight) > a:not(.dropdown-toggle) > .menu-text {
+	border-right-color: transparent;
+	border-left-color: #555555;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li > a > .menu-text,.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active.highlight > a > .menu-text {
+	border-left-color: transparent;
+	border-right-color: rgba(0, 0, 0, 0.5);
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li.pull_up > a > .menu-text,.rtl.skin-2 .sidebar.responsive-min .nav-list > li.pull_up.active.highlight > a > .menu-text {
+	border-left-color: transparent;
+	border-right-color: rgba(0, 0, 0, 0.7);
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li.pull_up.active:not(.highlight) > a > .menu-text {
+	border-left-color: transparent;
+	border-right-color: #666;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 1) > .arrow:after,.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 1) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #18a665;
+	-moz-border-left-colors: #18a665;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 2) > .arrow:after,.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 2) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #6ab14a;
+	-moz-border-left-colors: #6ab14a;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 3) > .arrow:after,.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 3) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #98bc1b;
+	-moz-border-left-colors: #98bc1b;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 4) > .arrow:after,.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 4) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #b7c51c;
+	-moz-border-left-colors: #b7c51c;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 5) > .arrow:after,.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 5) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #d9b41f;
+	-moz-border-left-colors: #d9b41f;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 6) > .arrow:after,.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 6) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #dfa020;
+	-moz-border-left-colors: #dfa020;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 7) > .arrow:after,.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 7) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #df7220;
+	-moz-border-left-colors: #df7220;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 8) > .arrow:after,.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 8) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #d43a48;
+	-moz-border-left-colors: #d43a48;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 9) > .arrow:after,.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 9) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #bd5289;
+	-moz-border-left-colors: #bd5289;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 10) > .arrow:after,.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 10) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #b975d0;
+	-moz-border-left-colors: #b975d0;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 11) > .arrow:after,.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 11) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #3f8ad0;
+	-moz-border-left-colors: #3f8ad0;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 12) > .arrow:after,.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 12) > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #4bb9ca;
+	-moz-border-left-colors: #4bb9ca;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
+	border-left-color: transparent;
+	border-right-color: #777;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #242424;
+	-moz-border-left-colors: #242424;
+}
+.rtl.skin-2 .sidebar.responsive-min .nav-list > li.active > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #888;
+	-moz-border-left-colors: #FFF;
+}
+}
+
+@media only screen and (max-width: 991px) {
+.rtl.skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li > a {
+	margin-left: auto;
+	padding-left: 0;
+	margin-right: 0;
+	padding-right: 42px;
+}
+.rtl.skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
+	margin-left: auto;
+	padding-left: 0;
+	margin-right: 0;
+	padding-right: 58px;
+}
+}
+
+@media only screen and (min-width: 992px) and (max-width: 991px) {
+.rtl.skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu {
+	border-left-width: transparent;
+	border-right-width: 0t;
+}
+.rtl.skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu > li > a {
+	margin-left: auto !important;
+	padding-left: 0 !important;
+	margin-right: 0 !important;
+	padding-right: 37px !important;
+}
+.rtl.skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
+	margin-left: auto !important;
+	padding-left: 0 !important;
+	margin-right: 0 !important;
+	padding-right: 51px !important;
+}
+.rtl.skin-2 .sidebar.navbar-collapse .nav-list li.hover > .submenu li > a {
+	padding-left: 0 !important;
+	padding-right: 32px !important;
+}
+.rtl.skin-2 .sidebar.navbar-collapse .nav-list > li .submenu > li.hover > a > .menu-icon {
+	left: auto;
+	right: 12px;
+}
+.rtl.skin-2 .sidebar.navbar-collapse.menu-min .nav-list li.hover > .submenu li > a {
+	padding-left: 0;
+	padding-right: 32px;
+}
+}
+
+@media only screen and (max-width: 991px) {
+.rtl.skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li > a > .menu-text {
+	margin-left: auto;
+	margin-right: 0;
+}
+.rtl.skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu {
+	margin-left: auto;
+	margin-right: 0;
+}
+.rtl.skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu li > a > .menu-icon {
+	left: auto;
+	right: 12px;
+}
+}
+
+@media only screen and (min-width: 768px) {
+.rtl.skin-2 .container.main-container:before {
+	box-shadow: -0 0 0 1px rgba(255, 255, 255, 0.1);
+}
+}
+
+@media only screen and (min-width: 992px) {
+.rtl.skin-2 .sidebar.h-sidebar .nav-list > li.hover > .submenu {
+	margin-left: auto;
+	margin-right: -1px;
+}
+.rtl.skin-2 .sidebar.h-sidebar .nav-list > li .submenu > li.hover > a {
+	padding-left: 0;
+	padding-right: 22px;
+}
+.rtl.skin-2 .sidebar.h-sidebar .nav-list > li .submenu > li.hover > a > .menu-icon {
+	left: auto;
+	right: 4px;
+}
+.rtl.skin-2 .sidebar.h-sidebar .nav-list > li.hover.active > a:after {
+	right: 50%;
+	left: auto;
+	margin-left: auto;
+	margin-right: -8px;
+}
+.rtl.skin-2 .sidebar.h-sidebar .nav-list > li.active.highlight > .arrow:after {
+	border-right-color: transparent;
+	border-left-color: transparent;
+}
+.rtl.skin-2 .sidebar.h-sidebar .nav-list > li.active.highlight > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+}
+.rtl.skin-2 .sidebar.h-sidebar .nav-list > li.hover > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+}
+.rtl.skin-2 .sidebar.h-sidebar .nav-list > li.hover > .arrow:before {
+	-moz-border-right-colors: none;
+	border-right-color: transparent;
+	-moz-border-left-colors: none;
+	border-left-color: transparent;
+}
+.rtl.skin-2 .sidebar.h-sidebar.menu-min .nav-list > li > a > .menu-text {
+	border-width: 1px 0 0 0;
+}
+.rtl.skin-2 .main-content .h-sidebar.sidebar .nav-list {
+	border-left: none;
+	border-right: 1px solid #575757;
+}
+}
+.rtl.skin-2 .nav-list > li.active.highlight.disabled > a:after,.rtl.skin-2 .nav-list > li.active.highlight > a.disabled:after {
+	-moz-border-left-colors: none !important;
+	border-left-color: transparent !important;
+	-moz-border-right-colors: #555 !important;
+	border-right-color: #555 !important;
+}
+
+@media (min-width: 768px) {
+.rtl.skin-3 .main-container.container:before {
+	-webkit-box-shadow: -0 0 0 1px rgba(50, 100, 200, 0.1);
+	box-shadow: -0 0 0 1px rgba(50, 100, 200, 0.1);
+}
+}
+.rtl.skin-3 .sidebar {
+	border-width: 0 0 0 1px;
+}
+.rtl.skin-3 .nav-list li.active > a:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	right: auto;
+	border-left-color: #FFF;
+	-moz-border-left-colors: #FFF;
+	left: -1px;
+}
+.rtl.skin-3 .nav-list li.active > a:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	right: auto;
+	border-left-color: #91bad6;
+	-moz-border-left-colors: #91bad6;
+	left: 0;
+}
+.rtl.skin-3 .nav-list > li.highlight.active > a:after {
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+	border-right-color: #f3faff;
+	-moz-border-right-colors: #f3faff;
+}
+.rtl.skin-3 .nav-list > li.highlight.active > a:before {
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+	border-right-color: #91bad6;
+	-moz-border-right-colors: #91bad6;
+}
+.rtl.skin-3 .nav-list li > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #7fafcf;
+	-moz-border-left-colors: #7fafcf;
+}
+.rtl.skin-3 .sidebar.menu-min .nav-list > li.active > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #709FBF;
+	-moz-border-left-colors: #709FBF;
+}
+.rtl.skin-3 .sidebar.menu-min .nav-list > li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #EDF3F7;
+	-moz-border-left-colors: #EDF3F7;
+}
+.rtl.skin-3 .sidebar.menu-min .nav-list > li.active.highlight > a:after,.rtl.skin-3 .sidebar.menu-min .nav-list > li.active.highlight > a:before {
+	border-width: 20px 10px 21px 0;
+}
+
+@media only screen and (max-width: 991px) {
+.rtl.skin-3 .sidebar.responsive-min .nav-list > li.active > .arrow:before {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #709FBF;
+	-moz-border-left-colors: #709FBF;
+}
+.rtl.skin-3 .sidebar.responsive-min .nav-list > li > .arrow:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	border-left-color: #EDF3F7;
+	-moz-border-left-colors: #EDF3F7;
+}
+.rtl.skin-3 .sidebar.responsive-min .nav-list > li.active.highlight > a:after,.rtl.skin-3 .sidebar.responsive-min .nav-list > li.active.highlight > a:before {
+	border-width: 20px 10px 21px 0;
+}
+.rtl.skin-3 .sidebar.responsive-max {
+	border-width: 0 0 1px 1px;
+}
+}
+.rtl.skin-3 .sidebar-scroll .nav-wrap-up + .sidebar-toggle:after {
+	right: auto;
+	border-right: none;
+	left: -1px;
+	border-left: 1px solid #a4c6dd;
+}
+.rtl.skin-3 .sidebar-shortcuts-mini {
+	padding-left: 0;
+	padding-right: 1px;
+}
+.rtl.skin-3 .sidebar-shortcuts-mini > .btn {
+	margin: 1px 0 0 1px;
+}
+
+@media only screen and (min-width: 992px) {
+.rtl.skin-3 .sidebar.h-sidebar .nav-list > li:hover,.rtl.skin-3 .sidebar.h-sidebar .nav-list > li:hover + li {
+	border-left-color: transparent;
+	border-right-color: #95bad2;
+}
+.rtl.skin-3 .sidebar.h-sidebar .nav-list > li:last-child:hover {
+	border-right-color: transparent;
+	border-left-color: #95bad2;
+}
+.rtl.skin-3 .sidebar.h-sidebar .nav-list > li.active,.rtl.skin-3 .sidebar.h-sidebar .nav-list > li.active + li,.rtl.skin-3 .sidebar.h-sidebar .nav-list > li:hover + li.active {
+	border-left-color: transparent;
+	border-right-color: #a4c6dd;
+}
+.rtl.skin-3 .sidebar.h-sidebar .nav-list > li.active:last-child {
+	border-right-color: transparent;
+	border-left-color: #a4c6dd;
+}
+.rtl.skin-3 .sidebar.h-sidebar .nav-list > li.active > a:after {
+	left: auto;
+	right: 50%;
+	margin-left: auto;
+	-moz-border-right-colors: none;
+	margin-right: -7px;
+	-moz-border-left-colors: none;
+}
+.rtl.skin-3 .sidebar.h-sidebar .nav-list > li.active > a:before {
+	left: auto;
+	right: 50%;
+	margin-left: auto !important;
+	-moz-border-right-colors: none;
+	margin-right: -8px !important;
+	-moz-border-left-colors: none;
+}
+.rtl.skin-3 .sidebar.h-sidebar .nav-list > li.hover > .arrow:before {
+	-moz-border-right-colors: none;
+	border-right-color: transparent;
+	-moz-border-left-colors: none;
+	border-left-color: transparent;
+}
+.rtl.skin-3 .sidebar.h-sidebar.menu-min .nav-list > li.active > a > .menu-text {
+	border-left-color: transparent;
+	border-right-color: #A4C6DD;
+}
+}
+
+.make-rtl {
+  direction: rtl;
+  text-align: right;
+}
+.make-ltr {
+  direction: ltr;
+  text-align: left;
+}
+.rtl {
+  /**
+ .navbar-fixed-top + .main-container {
+	padding-top: @navbar-min-height;
+ }
+ @media (max-width: @screen-topbar-down) {
+	.navbar-fixed-top + .main-container {
+		padding-top: (@navbar-min-height * 2);
+	}
+	.navbar-fixed-top.navbar-collapse + .main-container {
+		padding-top: @navbar-min-height;
+	}
+ }
+ */
+}
+html.rtl,
+body.rtl {
+  direction: rtl;
+  text-align: right;
+  overflow-x: hidden;
+}
+.rtl .nav-scroll.scroll-active .scroll-track {
+  right: auto;
+  left: 0;
+}
+@media only screen and (max-width: 991px) {
+  .rtl .navbar .navbar-nav > li,
+  .rtl .navbar .navbar-nav > li:first-child {
+    border-width: 1px 0 0;
+  }
+}
+.rtl .dropdown-menu {
+  text-align: right;
+}
+.rtl .ace-switch + .lbl,
+.rtl .knob-container {
+  direction: ltr;
+  text-align: left;
+}
+.rtl input.ace[type="checkbox"] + .lbl::before,
+.rtl input.ace[type="radio"] + .lbl::before,
+.rtl input.ace[type="checkbox"] ~ .lbl::before,
+.rtl input.ace[type="radio"] ~ .lbl::before {
+  margin-right: auto;
+  margin-left: 1px;
+}
+.rtl input.ace + .lbl.padding-16::before,
+.rtl input.ace ~ .lbl.padding-16::before {
+  margin-left: 16px;
+}
+.rtl input.ace + .lbl.padding-12::before,
+.rtl input.ace ~ .lbl.padding-12::before {
+  margin-left: 12px;
+}
+.rtl input.ace + .lbl.padding-8::before,
+.rtl input.ace ~ .lbl.padding-8::before {
+  margin-left: 8px;
+}
+.rtl input.ace + .lbl.padding-4::before,
+.rtl input.ace ~ .lbl.padding-4::before {
+  margin-left: 4px;
+}
+.rtl input.ace + .lbl.padding-0::before,
+.rtl input.ace ~ .lbl.padding-0::before {
+  margin-left: 0px;
+}
+.rtl .breadcrumb > li + li:before {
+  content: "\f104";
+  float: right;
+}
+.rtl.no-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text {
+  border-left-color: #A4C6DD;
+}
+.rtl .nav-list,
+.rtl .dropdown-menu,
+.rtl .item-list,
+.rtl .navbar-nav {
+  margin: 0;
+}
+.rtl .ace-file-input .ace-file-container.selected {
+  right: 0;
+}
+.rtl .ace-file-multiple .ace-file-container .ace-file-name {
+  padding: 0;
+}
+.rtl .ui-slider-small .ui-slider-handle {
+  right: auto;
+}
+.rtl li[class*="item-"] {
+  border-left: 1px solid #DDDDDD;
+}
+.rtl .itemdiv.dialogdiv > .body {
+  margin-left: 12px;
+  margin-right: 50px;
+  border-left-width: 1px;
+}
+.rtl .itemdiv.dialogdiv > .body:before {
+  -moz-transform: rotate(45deg);
+  -webkit-transform: rotate(45deg);
+  -o-transform: rotate(45deg);
+  -ms-transform: rotate(45deg);
+  transform: rotate(45deg);
+}
+.rtl .dropdown-colorpicker .dropdown-menu > li {
+  float: right;
+}
+.rtl.no-skin .sidebar.menu-min .nav-list > li.active > .submenu,
+.rtl.no-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text {
+  border-left-color: #CCC;
+}
+.rtl.no-skin .sidebar.menu-min .nav-list > li.active > .submenu,
+.rtl.skin-3 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
+  border-left-color: #A4C6DD;
+}
+.rtl .sidebar + .main-content .breadcrumbs-fixed {
+  left: 0;
+}
+@media (min-width: 768px) {
+  .rtl .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed,
+  .rtl .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+    left: auto;
+    right: auto;
+  }
+}
+@media (min-width: 992px) {
+  .rtl .sidebar.menu-min + .main-content .breadcrumbs-fixed,
+  .rtl .sidebar.compact + .main-content .breadcrumbs-fixed {
+    left: 0;
+  }
+}
+@media (min-width: 992px) and (max-width: 991px) {
+  .rtl .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu > li > a,
+  .rtl .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li.hover > .submenu > li > a {
+    margin-right: 20px !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 991px) {
+  .rtl .breadcrumbs-fixed,
+  .rtl .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+    left: 0 !important;
+  }
+  .rtl .container.main-container .breadcrumbs-fixed,
+  .rtl .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+    left: auto !important;
+  }
+}
+@media (max-width: 767px) and (min-width: 992px) {
+  .rtl .container.main-container .breadcrumbs-fixed,
+  .rtl .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+    left: 0 !important;
+  }
+}
+.rtl .sidebar:not(.h-sidebar) .nav-list > li.highlight.active > a:after {
+  border-width: 20px 10px 21px !important;
+  left: -20px !important;
+}
+.rtl .sidebar:not(.h-sidebar) .nav-list > li.highlight.active > a:before {
+  border-width: 20px 10px 21px !important;
+  left: -21px !important;
+}
+@media (min-width: 992px) {
+  .rtl.no-skin .sidebar.h-sidebar .nav-list > li.active > .submenu {
+    border-color: #CCC !important;
+  }
+  .rtl.skin-3 .sidebar.h-sidebar .nav-list > li.active > .submenu {
+    border-color: #A4C6DD !important;
+  }
+}
+.rtl .sidebar.menu-min .nav-list > li > .submenu:after {
+  border-left-width: 0;
+  border-right: 1px solid;
+  border-right-color: inherit;
+  display: block;
+  right: -1px;
+  left: auto;
+}
+.rtl .popover.bottom .arrow:after,
+.rtl .popover.top .arrow:after {
+  margin-left: auto;
+  margin-right: -10px;
+}
+.rtl .nav-tabs {
+  margin: 0;
+}
+.rtl .tabs-below > .nav-tabs {
+  margin-top: -1px;
+}
+.rtl .nav-tabs > li {
+  float: right;
+}
+.rtl .nav-tabs > li:first-child > a {
+  margin-left: -1px;
+  margin-right: auto;
+}
+.rtl .tabs-left > .nav-tabs > li:first-child > a {
+  margin-right: -1px;
+  margin-left: auto;
+}
+.rtl .tabs-left > .nav-tabs > li.active > a {
+  margin-left: -1px;
+  margin-right: -1px;
+}
+.rtl .tabs-right > .nav-tabs > li.active > a {
+  margin-left: -1px;
+  margin-right: -2px;
+}
+.rtl .nav-tabs[class*="tab-color-"] > li > a {
+  margin-right: 3px;
+  margin-left: auto;
+}
+.rtl .nav-stacked > li {
+  float: none;
+}
+.rtl .dropdown-navbar .nav-tabs > li > a:before {
+  left: auto;
+  right: 0;
+}
+.rtl .nav.nav-tabs.padding-32 {
+  padding-left: 0;
+  padding-right: 32px;
+}
+.tabs-right > .rtl .nav.nav-tabs.padding-32,
+.tabs-left > .rtl .nav.nav-tabs.padding-32 {
+  padding-right: 0;
+}
+.rtl .nav.nav-tabs.padding-30 {
+  padding-left: 0;
+  padding-right: 30px;
+}
+.tabs-right > .rtl .nav.nav-tabs.padding-30,
+.tabs-left > .rtl .nav.nav-tabs.padding-30 {
+  padding-right: 0;
+}
+.rtl .nav.nav-tabs.padding-28 {
+  padding-left: 0;
+  padding-right: 28px;
+}
+.tabs-right > .rtl .nav.nav-tabs.padding-28,
+.tabs-left > .rtl .nav.nav-tabs.padding-28 {
+  padding-right: 0;
+}
+.rtl .nav.nav-tabs.padding-26 {
+  padding-left: 0;
+  padding-right: 26px;
+}
+.tabs-right > .rtl .nav.nav-tabs.padding-26,
+.tabs-left > .rtl .nav.nav-tabs.padding-26 {
+  padding-right: 0;
+}
+.rtl .nav.nav-tabs.padding-24 {
+  padding-left: 0;
+  padding-right: 24px;
+}
+.tabs-right > .rtl .nav.nav-tabs.padding-24,
+.tabs-left > .rtl .nav.nav-tabs.padding-24 {
+  padding-right: 0;
+}
+.rtl .nav.nav-tabs.padding-22 {
+  padding-left: 0;
+  padding-right: 22px;
+}
+.tabs-right > .rtl .nav.nav-tabs.padding-22,
+.tabs-left > .rtl .nav.nav-tabs.padding-22 {
+  padding-right: 0;
+}
+.rtl .nav.nav-tabs.padding-20 {
+  padding-left: 0;
+  padding-right: 20px;
+}
+.tabs-right > .rtl .nav.nav-tabs.padding-20,
+.tabs-left > .rtl .nav.nav-tabs.padding-20 {
+  padding-right: 0;
+}
+.rtl .nav.nav-tabs.padding-18 {
+  padding-left: 0;
+  padding-right: 18px;
+}
+.tabs-right > .rtl .nav.nav-tabs.padding-18,
+.tabs-left > .rtl .nav.nav-tabs.padding-18 {
+  padding-right: 0;
+}
+.rtl .nav.nav-tabs.padding-16 {
+  padding-left: 0;
+  padding-right: 16px;
+}
+.tabs-right > .rtl .nav.nav-tabs.padding-16,
+.tabs-left > .rtl .nav.nav-tabs.padding-16 {
+  padding-right: 0;
+}
+.rtl .nav.nav-tabs.padding-14 {
+  padding-left: 0;
+  padding-right: 14px;
+}
+.tabs-right > .rtl .nav.nav-tabs.padding-14,
+.tabs-left > .rtl .nav.nav-tabs.padding-14 {
+  padding-right: 0;
+}
+.rtl .nav.nav-tabs.padding-12 {
+  padding-left: 0;
+  padding-right: 12px;
+}
+.tabs-right > .rtl .nav.nav-tabs.padding-12,
+.tabs-left > .rtl .nav.nav-tabs.padding-12 {
+  padding-right: 0;
+}
+.rtl .nav.nav-tabs.padding-10 {
+  padding-left: 0;
+  padding-right: 10px;
+}
+.tabs-right > .rtl .nav.nav-tabs.padding-10,
+.tabs-left > .rtl .nav.nav-tabs.padding-10 {
+  padding-right: 0;
+}
+.rtl .nav.nav-tabs.padding-8 {
+  padding-left: 0;
+  padding-right: 8px;
+}
+.tabs-right > .rtl .nav.nav-tabs.padding-8,
+.tabs-left > .rtl .nav.nav-tabs.padding-8 {
+  padding-right: 0;
+}
+.rtl .nav.nav-tabs.padding-6 {
+  padding-left: 0;
+  padding-right: 6px;
+}
+.tabs-right > .rtl .nav.nav-tabs.padding-6,
+.tabs-left > .rtl .nav.nav-tabs.padding-6 {
+  padding-right: 0;
+}
+.rtl .nav.nav-tabs.padding-4 {
+  padding-left: 0;
+  padding-right: 4px;
+}
+.tabs-right > .rtl .nav.nav-tabs.padding-4,
+.tabs-left > .rtl .nav.nav-tabs.padding-4 {
+  padding-right: 0;
+}
+.rtl .nav.nav-tabs.padding-2 {
+  padding-left: 0;
+  padding-right: 2px;
+}
+.tabs-right > .rtl .nav.nav-tabs.padding-2,
+.tabs-left > .rtl .nav.nav-tabs.padding-2 {
+  padding-right: 0;
+}
+.rtl .message-navbar .messagebar-item-left ~ .nav-search {
+  left: auto;
+}
+.rtl .message-navbar .messagebar-item-right ~ .nav-search {
+  left: auto;
+  right: 5px;
+}
+.rtl .message-navbar .messagebar-item-right ~ .nav-search {
+  right: 60px;
+}
+@media only screen and (max-width: 767px) {
+  .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu {
+    right: auto;
+    left: -100px;
+  }
+  .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:before,
+  .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:after {
+    right: auto;
+    left: 120px;
+  }
+  .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu {
+    right: auto;
+    left: -80px;
+  }
+  .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:before,
+  .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:after {
+    right: auto;
+    left: 100px;
+  }
+}
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+  .rtl .navbar.navbar-collapse .ace-nav > li:nth-last-child(2):nth-child(1) > .dropdown-menu,
+  .rtl .navbar.navbar-collapse .ace-nav > li:nth-last-child(2):nth-child(2) > .dropdown-menu {
+    left: -60px;
+    right: auto;
+  }
+  .rtl .navbar.navbar-collapse .ace-nav > li:nth-last-child(2):nth-child(1) > .dropdown-menu:before,
+  .rtl .navbar.navbar-collapse .ace-nav > li:nth-last-child(2):nth-child(2) > .dropdown-menu:before,
+  .rtl .navbar.navbar-collapse .ace-nav > li:nth-last-child(2):nth-child(1) > .dropdown-menu:after,
+  .rtl .navbar.navbar-collapse .ace-nav > li:nth-last-child(2):nth-child(2) > .dropdown-menu:after {
+    right: auto;
+    left: 80px;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu {
+    right: auto;
+    left: -120px;
+  }
+  .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:before,
+  .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:after {
+    right: auto;
+    left: 140px;
+  }
+  .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu {
+    right: auto;
+    left: -120px;
+  }
+  .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:before,
+  .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:after {
+    right: auto;
+    left: 110px;
+  }
+  .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu {
+    right: auto;
+    left: -50px;
+  }
+  .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu:before,
+  .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu:after {
+    right: auto;
+    left: 70px;
+  }
+}
+@media only screen and (max-width: 479px) {
+  .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu {
+    left: auto;
+    right: -10px;
+  }
+  .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:before,
+  .rtl .ace-nav > li:nth-last-child(4) > .dropdown-menu:after {
+    right: 30px;
+    left: auto;
+  }
+  .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu {
+    left: auto;
+    right: -50px;
+  }
+  .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:before,
+  .rtl .ace-nav > li:nth-last-child(3) > .dropdown-menu:after {
+    left: auto;
+    right: 75px;
+  }
+  .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu {
+    left: auto;
+    right: -70px;
+  }
+  .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu:before,
+  .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu:after {
+    left: auto;
+    right: 90px;
+  }
+}
+@media only screen and (max-width: 319px) {
+  .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu {
+    left: auto;
+    right: -110px;
+  }
+  .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu:before,
+  .rtl .ace-nav > li:nth-last-child(2) > .dropdown-menu:after {
+    left: auto;
+    right: 130px;
+  }
+  .rtl .ace-nav > li:nth-child(2):nth-last-child(2) > .dropdown-menu {
+    left: auto;
+    right: -85px;
+  }
+  .rtl .ace-nav > li:nth-child(2):nth-last-child(2) > .dropdown-menu:before,
+  .rtl .ace-nav > li:nth-child(2):nth-last-child(2) > .dropdown-menu:after {
+    left: auto;
+    right: 105px;
+  }
+  .rtl .ace-nav > li:nth-child(1):nth-last-child(3) > .dropdown-menu {
+    left: auto;
+    right: -35px;
+  }
+  .rtl .ace-nav > li:nth-child(1):nth-last-child(3) > .dropdown-menu:before,
+  .rtl .ace-nav > li:nth-child(1):nth-last-child(3) > .dropdown-menu:after {
+    left: auto;
+    right: 55px;
+  }
+  .rtl .ace-nav > li:nth-child(1):nth-last-child(2) > .dropdown-menu {
+    left: auto;
+    right: -60px;
+  }
+  .rtl .ace-nav > li:nth-child(1):nth-last-child(2) > .dropdown-menu:before,
+  .rtl .ace-nav > li:nth-child(1):nth-last-child(2) > .dropdown-menu:after {
+    left: auto;
+    right: 75px;
+  }
+}
+.rtl .btn-group-vertical > .btn,
+.rtl .btn-group-vertical > .btn-group,
+.rtl .btn-group-vertical > .btn-group > .btn {
+  float: none;
+}
+.rtl .input-group-addon:first-child {
+  border-right: 1px solid #CCC;
+}
+.rtl .input-group-addon:last-child {
+  border-left: 1px solid #CCC;
+}
+.rtl .footer .footer-inner {
+  right: 0;
+  left: 0;
+}
+.rtl .sidebar ~ .footer .footer-inner {
+  right: 190px;
+  left: 0;
+}
+@media (min-width: 992px) {
+  .rtl .sidebar.compact ~ .footer .footer-inner {
+    right: 105px;
+    left: 0;
+  }
+}
+.rtl .sidebar.menu-min ~ .footer .footer-inner {
+  right: 43px;
+  left: 0;
+}
+@media (min-width: 992px) {
+  .rtl .sidebar.h-sidebar ~ .footer .footer-inner {
+    right: 0;
+    left: 0;
+  }
+}
+@media (max-width: 991px) {
+  .rtl .footer .footer-inner,
+  .rtl .sidebar ~ .footer .footer-inner,
+  .rtl .sidebar.compact ~ .footer .footer-inner,
+  .rtl .sidebar.menu-min ~ .footer .footer-inner {
+    right: 0;
+    left: 0;
+  }
+  .rtl .sidebar.responsive-min ~ .footer .footer-inner {
+    right: 43px;
+    left: 0;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .rtl .container.main-container .footer .footer-inner {
+    margin-right: auto;
+  }
+}
+@media (min-width: 992px) {
+  .rtl .container.main-container .footer .footer-inner {
+    margin-left: auto;
+    margin-right: 190px;
+  }
+}
+@media (min-width: 1200px) {
+  .rtl .container.main-container .footer .footer-inner {
+    margin-left: auto;
+    margin-right: 190px;
+  }
+}
+@media (min-width: 992px) {
+  .rtl .container.main-container .sidebar.compact ~ .footer .footer-inner {
+    margin-left: auto;
+    margin-right: 105px;
+  }
+}
+@media (min-width: 1200px) {
+  .rtl .container.main-container .sidebar.compact ~ .footer .footer-inner {
+    margin-left: auto;
+    margin-right: 105px;
+  }
+}
+@media (min-width: 992px) {
+  .rtl .container.main-container .sidebar.menu-min ~ .footer .footer-inner {
+    margin-left: auto;
+    margin-right: 43px;
+  }
+}
+@media (min-width: 1200px) {
+  .rtl .container.main-container .sidebar.menu-min ~ .footer .footer-inner {
+    margin-left: auto;
+    margin-right: 43px;
+  }
+}
+@media (min-width: 992px) {
+  .rtl .container.main-container .sidebar.h-sidebar ~ .footer .footer-inner {
+    margin-right: 0;
+  }
+}
+@media (min-width: 992px) {
+  .rtl .container.main-container .sidebar.h-sidebar ~ .footer .footer-inner {
+    margin-right: 0;
+  }
+}
+@media (min-width: 1200px) {
+  .rtl .container.main-container .sidebar.h-sidebar ~ .footer .footer-inner {
+    margin-right: 0;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .rtl .container.main-container .sidebar.responsive-min ~ .footer .footer-inner {
+    margin-right: 43px;
+    margin-left: auto;
+  }
+}
+@media only screen and (max-width: 991px) and (min-width: 992px) {
+  .rtl .navbar.navbar-fixed-top + .main-container .sidebar.responsive.push_away.display.compact ~ .footer .footer-inner {
+    -moz-transform: translateX(-105px);
+    -webkit-transform: translateX(-105px);
+    -o-transform: translateX(-105px);
+    -ms-transform: translateX(-105px);
+    transform: translateX(-105px);
+  }
+}
+@media only screen and (max-width: 991px) {
+  .rtl .navbar.navbar-fixed-top + .main-container .sidebar.responsive.push_away.display ~ .footer .footer-inner {
+    -moz-transform: translateX(-190px);
+    -webkit-transform: translateX(-190px);
+    -o-transform: translateX(-190px);
+    -ms-transform: translateX(-190px);
+    transform: translateX(-190px);
+  }
+  .rtl .navbar.navbar-fixed-top + .main-container .sidebar.responsive.push_away.display.menu-min ~ .footer .footer-inner {
+    -moz-transform: translateX(-43px);
+    -webkit-transform: translateX(-43px);
+    -o-transform: translateX(-43px);
+    -ms-transform: translateX(-43px);
+    transform: translateX(-43px);
+  }
+}
+.rtl blockquote p,
+.rtl blockquote small {
+  text-align: left;
+}
+.rtl blockquote small:before {
+  content: "";
+}
+.rtl blockquote small:after {
+  content: "\00A0 \2014";
+}
+.rtl blockquote.pull-right p,
+.rtl .blockquote-reverse p,
+.rtl blockquote.pull-right small,
+.rtl .blockquote-reverse small {
+  text-align: right;
+}
+.rtl blockquote.pull-right small:after,
+.rtl .blockquote-reverse small:after {
+  content: "";
+}
+.rtl blockquote.pull-right small:before,
+.rtl .blockquote-reverse small:before {
+  content: "\2014 \00A0";
+}
+.rtl .fc-grid th {
+  text-align: center;
+}
+.rtl .external-event > .ace-icon:first-child {
+  margin-right: 0;
+  margin-left: 5px;
+  border-right-width: 0;
+  border-left: 1px solid #FFF;
+}
+.rtl #cboxCurrent {
+  left: auto;
+  right: 64px;
+}
+.rtl #cboxNext,
+.rtl #cboxPrevious {
+  margin-left: 0;
+  margin-right: 5px;
+}
+.rtl #cboxPrevious {
+  left: auto;
+  right: 27px;
+}
+.rtl #cboxNext {
+  left: auto;
+  right: 0;
+}
+.rtl .ace-spinner .spinner-buttons > button.btn:active {
+  left: auto;
+  top: auto;
+}
+.rtl .wizard-steps {
+  margin-right: 0;
+}
+.rtl .wizard-actions {
+  text-align: left;
+}
+.rtl .wizard-steps li:first-child:before {
+  right: 50%;
+  left: auto;
+}
+.rtl .tree {
+  padding-left: 0;
+  padding-right: 9px;
+}
+.rtl .tree:before {
+  left: auto;
+  right: 0;
+  border-width: 0 1px 0 0;
+}
+.rtl .tree .tree-folder .tree-folder-header .tree-folder-name {
+  margin-left: 0;
+  margin-right: 2px;
+}
+.rtl .tree .tree-folder .tree-folder-header > .ace-icon:first-child {
+  margin: -2px -2px 0 0;
+}
+.rtl .tree .tree-folder:last-child:after {
+  left: auto;
+  right: -15px;
+  border-left: none;
+  border-right: 1px solid #FFF;
+}
+.rtl .tree .tree-folder .tree-folder-content {
+  margin-left: 0;
+  margin-right: 23px;
+}
+.rtl .tree .tree-folder .tree-folder-content:before {
+  left: auto;
+  right: -14px;
+  border-width: 0 1px 0 0;
+}
+.rtl .tree .tree-item .tree-item-name {
+  margin-left: 0;
+  margin-right: 3px;
+}
+.rtl .tree .tree-item .tree-item-name > .ace-icon:first-child {
+  margin-right: 0;
+  margin-left: 3px;
+}
+.rtl .tree .tree-folder:before,
+.rtl .tree .tree-item:before {
+  left: auto;
+  right: -13px;
+}
+.rtl .tree .tree-loading {
+  margin-left: 0;
+  margin-right: 36px;
+}
+.rtl #gritter-notice-wrapper {
+  left: 20px;
+  right: auto;
+}
+.rtl .gritter-close {
+  right: auto;
+  left: 3px;
+}
+.rtl .gritter-image {
+  float: right;
+}
+.rtl .gritter-with-image,
+.rtl .gritter-without-image {
+  float: left;
+}
+.rtl .wysiwyg-toolbar .dropdown-menu {
+  text-align: right;
+}
+.rtl .wysiwyg-toolbar .wysiwyg-choose-file {
+  margin-left: auto;
+}
+.rtl .wysiwyg-toolbar .btn-group > .btn,
+.rtl .wysiwyg-toolbar .btn-group > .inline > .btn {
+  float: none;
+}
+.rtl .wysiwyg-style1 .btn-group:after,
+.rtl .wysiwyg-style2 .btn-group:after {
+  left: auto;
+  border-left-width: 0;
+  right: -2px;
+  border-right: 1px solid #E1E6EA;
+}
+.rtl .wysiwyg-toolbar .dropdown-menu input[type=text] {
+  margin-left: 0;
+  margin-right: 8px;
+}
+.rtl .wysiwyg-toolbar .dropdown-menu .btn {
+  margin-right: 1px;
+  margin-left: 8px;
+}
+.rtl .widget-body .md-header {
+  margin-left: 0;
+  margin-right: 9px;
+}
+.rtl .widget-body .md-header .btn-inverse {
+  padding-right: 0;
+  padding-left: 5px;
+}
+.rtl .select2-container .select2-choice {
+  padding-left: 0;
+  padding-right: 8px;
+}
+.rtl .select2-container.select2-allowclear .select2-choice .select2-chosen {
+  margin-right: auto;
+  margin-left: 42px;
+}
+.rtl .select2-container .select2-choice > .select2-chosen {
+  margin-left: 26px;
+  margin-right: auto;
+}
+.rtl .select2-container .select2-choice abbr {
+  right: auto;
+  left: 20px;
+}
+.rtl .select2-container .select2-choice .select2-arrow {
+  right: auto;
+  left: 0;
+}
+.rtl .select2-container .select2-choice .select2-arrow b:before {
+  right: 5px;
+  left: auto;
+}
+.rtl .select2-container-multi .select2-choices li {
+  float: right;
+}
+.rtl .select2-container-multi .select2-choices .select2-search-choice {
+  margin: 3px 5px 3px 0;
+  padding: 3px 18px 3px 5px;
+}
+.rtl .select2-results {
+  margin: 4px 0 4px 4px;
+}
+.rtl .select2-drop input {
+  padding-right: 5px;
+  padding-left: 20px;
+}
+.rtl .select2-drop .select2-results {
+  padding-right: 4px;
+  padding-left: 0;
+}
+.rtl .select2-search:after {
+  right: -20px;
+  left: auto;
+}
+.rtl .select2-search input.select2-active {
+  background-position: 0%;
+}
+.rtl .editable-buttons {
+  margin-left: auto;
+  margin-right: 1px;
+}
+.rtl .editable-buttons .btn {
+  margin: 0 0 0 1px;
+}
+.rtl .ui-datepicker .ui-datepicker-prev:before {
+  content: "\f061";
+}
+.rtl .ui-datepicker .ui-datepicker-next:before {
+  content: "\f060";
+}
+.rtl .ui-menu .ui-menu-item .ui-menu-icon {
+  float: left;
+  left: 4px;
+  right: auto;
+}
+.rtl .ui-menu .ui-menu-item .ui-menu-icon:before {
+  content: "\f104";
+}
+.rtl .ui-dialog .ui-dialog-titlebar-close,
+.rtl .ui-jqdialog .ui-jqdialog-titlebar-close {
+  left: 8px !important;
+  right: auto !important;
+}
+.rtl .ui-tabs .ui-tabs-nav li {
+  float: right;
+  margin-right: 0;
+  margin-left: 0.2em;
+}
+.rtl .ui-tabs .ui-tabs-nav li a {
+  float: right;
+}
+.rtl .ui-tabs .ui-tabs-nav li.ui-state-default > a {
+  margin-right: auto;
+  margin-left: -1px;
+}
+.rtl .ui-accordion .ui-accordion-header {
+  padding-right: 24px;
+  padding-left: 8px;
+}
+.rtl .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
+  position: absolute;
+  left: auto;
+  right: 10px;
+}
+.rtl .ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
+  content: "\f0d9";
+}
+.rtl .ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:before {
+  content: "\f0d7";
+}
+.rtl .ui-jqgrid .ui-jqgrid-hdiv {
+  border-width: 1px 1px 0 0;
+}
+.rtl .ui-jqgrid .ui-jqgrid-labels th {
+  border-right-width: 0 !important;
+  border-left: 1px solid #E1E1E1 !important;
+  text-align: right !important;
+}
+.rtl .ui-jqgrid .ui-jqgrid-labels th:first-child {
+  border-right: 1px solid #E1E1E1 !important;
+}
+.rtl .ui-jqgrid-labels th[id*="_cb"]:first-child {
+  text-align: center !important;
+}
+.rtl .ui-jqgrid-sortable {
+  padding-left: 0;
+  padding-right: 4px;
+}
+.rtl .ui-jqdialog-content .searchFilter table {
+  margin-left: auto;
+  margin-right: 4px;
+}
+.rtl .ui-jqdialog-content .searchFilter .add-group,
+.rtl .ui-jqdialog-content .searchFilter .add-rule,
+.rtl .ui-jqdialog-content .searchFilter .delete-group {
+  margin-left: auto !important;
+  margin-right: 4px !important;
+}
+.rtl .ui-jqdialog-content .CaptionTD {
+  text-align: left;
+}
+.rtl .ui-jqdialog .ui-widget-header .ui-jqdialog-title {
+  text-align: right;
+  padding-left: 0;
+  padding-right: 12px;
+  float: right !important;
+}
+.rtl .dd-list {
+  margin-right: 0;
+}
+.rtl .dd-list .dd-list {
+  padding-right: 30px;
+  padding-left: 0;
+}
+.rtl .dd2-handle + .dd2-content,
+.rtl .dd2-handle + .dd2-content[class*="btn-"] {
+  padding-left: 0;
+  padding-right: 44px;
+}
+.rtl .dd-item > button {
+  float: right;
+  margin: 5px 5px 5px 1px;
+  left: auto;
+  right: 1px;
+}
+.rtl .dd2-item.dd-item > button {
+  margin-left: 5px;
+  margin-right: 34px;
+}
+.rtl .dd-dragel > li > .dd-handle {
+  border-right: 2px solid #777;
+  border-left-width: 0;
+}
+.rtl .dd-list > li[class*="item-"] {
+  border-left-width: 0;
+  border-right-width: 0;
+}
+.rtl .dd-list > li[class*="item-"] > .dd-handle {
+  border-right: 2px solid;
+  border-right-color: inherit;
+  border-left-color: #DAE2EA;
+  border-left-width: 1px;
+}
+.rtl .dd-list > li > .dd-handle .sticker {
+  right: auto;
+  left: 0;
+}
+.rtl .dd2-handle,
+.rtl .dd-dragel > li > .dd2-handle {
+  left: auto;
+  right: 0;
+  border-width: 1px 0 0 1px;
+}
+.rtl ol.linenums {
+  margin-right: 33px;
+}
+.rtl ol.linenums li {
+  padding-left: 0;
+  padding-right: 12px;
+}
+.rtl .prettyprint.linenums {
+  -webkit-box-shadow: -40px 0 0 #FBFBFC inset, -41px 0 0 #ECECF0 inset;
+  box-shadow: -40px 0 0 #FBFBFC inset, -41px 0 0 #ECECF0 inset;
+}
+.rtl .tt-dropdown-menu {
+  text-align: right;
+  direction: rtl;
+}
diff --git a/web/bootstrap-ace-admin/css/ace-skins.css b/web/bootstrap-ace-admin/css/ace-skins.css
new file mode 100755
index 00000000..2ad0e8a1
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/ace-skins.css
@@ -0,0 +1,3107 @@
+/* skin 1 */
+.skin-1 {
+  background-color: #4a4f56;
+}
+.skin-1 .navbar {
+  background: #2c6aa0;
+}
+.skin-1 .sidebar {
+  background-color: #222a2d;
+  border-right-width: 0;
+}
+.skin-1 .nav-list > li {
+  border-color: #3f4e54;
+}
+.skin-1 .nav-list > li > a {
+  background-color: #222a2d;
+  color: #bac2c8;
+}
+.skin-1 .nav-list > li:hover > a {
+  background-color: #414b51;
+  color: #e1eaf1;
+}
+.skin-1 .nav-list > li.open > a,
+.skin-1 .nav-list > li.open:hover > a {
+  color: #85c0ec;
+  background-color: #222a2d;
+}
+.skin-1 .nav-list > li.active > a,
+.skin-1 .nav-list > li.active:hover > a {
+  background-color: #141a1b;
+  color: #7bb7e5;
+}
+.skin-1 .nav-list > li:hover:before {
+  background-color: #629cc9;
+}
+.skin-1 .nav-list > li.active:before {
+  display: block;
+  background-color: #4d96c6;
+}
+.skin-1 .nav-list li.active > a:after {
+  border-right-color: #FFF;
+  -moz-border-right-colors: #FFF;
+  border-width: 11px 7px;
+  top: 8px;
+  right: 0;
+}
+.skin-1 .nav-list > li.active > .submenu li.active > a:after {
+  top: 5px;
+}
+.skin-1 .nav-list > li .submenu {
+  background-color: #333d3f;
+}
+.skin-1 .nav-list > li.active .submenu {
+  background-color: #181e20;
+}
+.skin-1 .nav-list > li .submenu > li > a {
+  border-top-style: solid;
+  border-top-color: #454d4e;
+  background-color: #333d3f;
+}
+.skin-1 .nav-list > li .submenu > li > a:hover {
+  background-color: #2d3638;
+}
+.skin-1 .nav-list > li.active .submenu > li > a {
+  border-top-color: #222526;
+  background-color: #181e20;
+}
+.skin-1 .nav-list > li.active .submenu > li > a:hover {
+  background-color: #14191a;
+}
+.skin-1 .nav-list > li > .submenu {
+  border-top-color: #505a5b;
+}
+.skin-1 .nav-list > li.active > .submenu {
+  border-top-color: #2f3e44;
+}
+.skin-1 .nav-list > li > .submenu > li > a {
+  color: #d9dfe6;
+}
+.skin-1 .nav-list > li > .submenu > li:hover > a {
+  color: #8ab4de;
+}
+.skin-1 .nav-list > li > .submenu > li.active > a {
+  color: #7bb7e5;
+  background-color: #161b1d;
+}
+.skin-1 .nav-list > li > .submenu:before,
+.skin-1 .nav-list > li > .submenu > li:before {
+  border-color: #646c70;
+}
+.skin-1 .nav-list > li.active > .submenu:before,
+.skin-1 .nav-list > li.active > .submenu > li:before {
+  border-color: #3f4e54;
+}
+.skin-1 .nav-list > li .submenu li > .submenu li > a {
+  color: #d9dfe6;
+}
+.skin-1 .nav-list > li .submenu li > .submenu li:hover > a {
+  color: #8ab4de;
+}
+.skin-1 .nav-list > li .submenu li.open > a,
+.skin-1 .nav-list > li .submenu li > .submenu > li.open > a {
+  color: #85c0ec;
+}
+.skin-1 .nav-list > li .submenu li > .submenu li.active > a {
+  color: #61a8dd;
+}
+.skin-1 .nav-list > li .submenu li > .submenu li.active:hover > a {
+  color: #85c0ec;
+}
+.skin-1 .sidebar .nav-list > li.active.highlight,
+.skin-1 .sidebar .nav-list > li.active.highlight + li {
+  border-color: #506b7f;
+}
+.skin-1 .sidebar .nav-list > li.active.highlight + li:last-child {
+  border-bottom-color: #3f4e54;
+}
+.skin-1 .sidebar .nav-list > li.active.highlight > a:after {
+  border-right-color: transparent;
+  -moz-border-right-colors: none;
+  border-left-color: #141a1b;
+  -moz-border-left-colors: #141a1b;
+  border-width: 20px 0 20px 10px;
+  z-index: 1;
+  top: 0;
+  right: -10px;
+}
+.skin-1 .sidebar .nav-list > li.active.highlight > a:before {
+  border-left-color: #506b7f;
+  -moz-border-left-colors: #506b7f;
+  border-style: solid;
+  border-color: transparent;
+  border-width: 20px 0 20px 10px;
+  content: "";
+  position: absolute;
+  right: -11px;
+  top: 0;
+  z-index: 1;
+}
+.skin-1 .sidebar-shortcuts,
+.skin-1 .sidebar-shortcuts-mini {
+  background-color: #222a2d;
+  border-color: #3f4e54;
+}
+.skin-1 .sidebar > .nav-search {
+  background-color: #222a2d;
+  border-color: #3f4e54;
+}
+.skin-1 .sidebar-toggle {
+  background-color: #181e21;
+  border-color: #3f4e54;
+}
+.skin-1 .sidebar-toggle > .ace-icon {
+  background-color: #222a2d;
+  color: #aaaaaa;
+  border-color: #aaaaaa;
+}
+.skin-1 .breadcrumbs {
+  border-width: 0;
+  background-color: #f0f0f0;
+}
+@media (min-width: 992px) {
+  .skin-1 .breadcrumbs.breadcrumbs-fixed {
+    border-bottom-width: 1px;
+  }
+}
+@media only screen and (max-width: 991px) {
+  .skin-1 .sidebar.responsive {
+    border-width: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+  .skin-1 .sidebar.responsive .nav-list li.active > a:after {
+    display: none;
+  }
+  .skin-1 .sidebar.responsive .nav-list > li.active.highlight > a:after {
+    display: block;
+  }
+}
+.skin-1 .sidebar.menu-min .nav-list > li.open > a {
+  background-color: #222a2d;
+  color: #bac2c8;
+}
+.skin-1 .sidebar.menu-min .nav-list > li.active > a:after {
+  border-width: 9px 6px;
+  top: 10px;
+}
+.skin-1 .sidebar.menu-min .nav-list > li.active.highlight > a:after {
+  border-width: 20px 0 20px 10px;
+  top: 0;
+}
+.skin-1 .sidebar.menu-min .nav-list > li.active:hover > a:after {
+  border-right-color: #242a2b;
+}
+.skin-1 .sidebar.menu-min .nav-list > li.active > a,
+.skin-1 .sidebar.menu-min .nav-list > li.active > a:hover {
+  background-color: #141a1b;
+  color: #7bb7e5;
+}
+.skin-1 .sidebar.menu-min .nav-list > li:hover > a {
+  color: #e1eaf1;
+}
+.skin-1 .sidebar.menu-min .nav-list > li > a > .menu-text {
+  background-color: #414b51;
+}
+.skin-1 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
+  background-color: #242a2b;
+  border: 0px solid #3b4547;
+  border-width: 1px 1px 0;
+  border-left-color: #305675;
+}
+.skin-1 .sidebar.menu-min .nav-list > li.active > a:not(.dropdown-toggle) > .menu-text {
+  border-width: 1px;
+  border-top-color: #4a5c63;
+  border-bottom-color: #4a5c63;
+  border-right-color: #4a5c63;
+}
+.skin-1 .sidebar.menu-min .nav-list > li.active:hover > a,
+.skin-1 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
+  color: #7bb7e5;
+}
+.skin-1 .sidebar.menu-min .nav-list > li.open.active > a {
+  background-color: #141a1b;
+}
+.skin-1 .sidebar.menu-min .nav-list > li > a > .menu-text,
+.skin-1 .sidebar.menu-min .nav-list > li > .submenu {
+  border-width: 0;
+  border-left: 1px solid #181d1f;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.skin-1 .sidebar.menu-min .nav-list > li > .submenu {
+  border-top: 1px solid #3f4e54;
+}
+.skin-1 .sidebar.menu-min .nav-list > li > .submenu:after {
+  display: none;
+}
+.skin-1 .sidebar.menu-min .nav-list > li > .submenu {
+  background-color: #333d3f;
+  border-top-color: #5a606a;
+  border-top-width: 1px !important;
+}
+.skin-1 .sidebar.menu-min .nav-list > li.active > .submenu {
+  background-color: #181e20;
+  border-top-color: #3b4547;
+  border-left-color: #305675;
+}
+.skin-1 .sidebar.menu-min .nav-list > li > .arrow:after {
+  border-right-color: #414b51;
+  -moz-border-right-colors: #414b51;
+}
+.skin-1 .sidebar.menu-min .nav-list > li > .arrow:before {
+  border-right-color: #111415;
+  -moz-border-right-colors: #242a2b;
+}
+.skin-1 .sidebar.menu-min .nav-list > li.active > .arrow:after {
+  border-right-color: #242a2b;
+  -moz-border-right-colors: #242a2b;
+}
+.skin-1 .sidebar.menu-min .nav-list > li.active > .arrow:before {
+  border-right-color: #50a0dd;
+  -moz-border-right-colors: #50a0dd;
+}
+.skin-1 .sidebar.menu-min .sidebar-shortcuts-large {
+  background-color: #222a2d;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border: 1px solid #4a5c63;
+  border-width: 0 1px 1px 0;
+  top: 0;
+}
+@media (max-width: 991px) {
+  .skin-1 .sidebar.responsive-min .nav-list > li.open > a {
+    background-color: #222a2d;
+    color: #bac2c8;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li.active > a:after {
+    border-width: 9px 6px;
+    top: 10px;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li.active.highlight > a:after {
+    border-width: 20px 0 20px 10px;
+    top: 0;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li.active:hover > a:after {
+    border-right-color: #242a2b;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li.active > a,
+  .skin-1 .sidebar.responsive-min .nav-list > li.active > a:hover {
+    background-color: #141a1b;
+    color: #7bb7e5;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li:hover > a {
+    color: #e1eaf1;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li > a > .menu-text {
+    background-color: #414b51;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
+    background-color: #242a2b;
+    border: 0px solid #3b4547;
+    border-width: 1px 1px 0;
+    border-left-color: #305675;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li.active > a:not(.dropdown-toggle) > .menu-text {
+    border-width: 1px;
+    border-top-color: #4a5c63;
+    border-bottom-color: #4a5c63;
+    border-right-color: #4a5c63;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li.active:hover > a,
+  .skin-1 .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
+    color: #7bb7e5;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li.open.active > a {
+    background-color: #141a1b;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li > a > .menu-text,
+  .skin-1 .sidebar.responsive-min .nav-list > li > .submenu {
+    border-width: 0;
+    border-left: 1px solid #181d1f;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li > .submenu {
+    border-top: 1px solid #3f4e54;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li > .submenu:after {
+    display: none;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li > .submenu {
+    background-color: #333d3f;
+    border-top-color: #5a606a;
+    border-top-width: 1px !important;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li.active > .submenu {
+    background-color: #181e20;
+    border-top-color: #3b4547;
+    border-left-color: #305675;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li > .arrow:after {
+    border-right-color: #414b51;
+    -moz-border-right-colors: #414b51;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li > .arrow:before {
+    border-right-color: #111415;
+    -moz-border-right-colors: #242a2b;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li.active > .arrow:after {
+    border-right-color: #242a2b;
+    -moz-border-right-colors: #242a2b;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li.active > .arrow:before {
+    border-right-color: #50a0dd;
+    -moz-border-right-colors: #50a0dd;
+  }
+  .skin-1 .sidebar.responsive-min .sidebar-shortcuts-large {
+    background-color: #222a2d;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    border: 1px solid #4a5c63;
+    border-width: 0 1px 1px 0;
+    top: 0;
+  }
+  .skin-1 .sidebar.responsive-min .nav-list > li.active > a:after {
+    display: block;
+  }
+  .skin-1 .sidebar.responsive-max .nav-list li.active > a:after {
+    display: none;
+  }
+  .skin-1 .sidebar.responsive-max .nav-list > li.highlight.active > a:after {
+    display: block;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .skin-1 .nav-list li.hover > .submenu {
+    padding-left: 0;
+    padding-bottom: 2px;
+    padding-right: 0;
+    border-color: #232828;
+  }
+  .skin-1 .nav-list li.hover > .submenu > li > a {
+    border-top-width: 1px;
+    margin-bottom: 0;
+    margin-top: 0;
+  }
+  .skin-1 .nav-list li.hover > .submenu > li:first-child > a {
+    border-top-width: 0;
+  }
+  .skin-1 .nav-list > li > .submenu li.hover > .submenu {
+    padding: 3px 2px;
+  }
+  .skin-1 .nav-list > li.active > .submenu li.hover > .submenu {
+    border-left-color: #475561;
+  }
+  .skin-1 .nav-list li.hover.active > .submenu,
+  .skin-1 .nav-list li.active > .submenu li.hover.active > .submenu {
+    border-left-color: #305675;
+  }
+  .skin-1 .nav-list > li.active > .submenu li.hover > .submenu {
+    background-color: #171e1f;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .skin-1 .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a {
+    color: #bac2c8;
+  }
+  .skin-1 .sidebar.navbar-collapse .nav-list > li.open.hover:hover > a {
+    color: #e1eaf1;
+    background-color: #414b51;
+  }
+  .skin-1 .sidebar.navbar-collapse .nav-list > li.active.hover:hover > a {
+    color: #7bb7e5;
+    background-color: #141a1b;
+  }
+  .skin-1 .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a {
+    color: #d9dfe6;
+  }
+}
+@media only screen and (min-width: 992px) and (max-width: 991px) {
+  .skin-1 .sidebar.navbar-collapse {
+    /**.nav-list li li:hover > a {
+		background-color: @submenu-item-background;
+	}
+	.nav-list li li > a:hover,
+	.nav-list li li.open > a:hover {
+		background-color: @submenu-item-hover-background;
+	}
+
+	.nav-list > li.active li:hover > a {
+		background-color: @submenu-item-background-active;
+	}
+	.nav-list > li.active li > a:hover {
+		background-color: @submenu-item-background-active-hover;
+	}*/
+  }
+  .skin-1 .sidebar.navbar-collapse .nav-list li.hover > .submenu {
+    padding-bottom: 0;
+  }
+  .skin-1 .sidebar.navbar-collapse .nav-list li.hover > .submenu {
+    border-top-color: #505a5b;
+  }
+  .skin-1 .sidebar.navbar-collapse .nav-list li.hover.active > .submenu {
+    border-top-color: #2f3e44;
+  }
+  .skin-1 .sidebar.navbar-collapse .nav-list li.hover.active > .submenu,
+  .skin-1 .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu,
+  .skin-1 .sidebar.navbar-collapse .nav-list li.active > .submenu li.hover.active > .submenu {
+    border-left-width: 0;
+  }
+  .skin-1 .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu {
+    padding: 0;
+  }
+  .skin-1 .sidebar.navbar-collapse .nav-list li li.hover > .submenu > li:first-child > a {
+    border-top-width: 1px;
+  }
+}
+.skin-1 .sidebar.navbar-collapse .nav-list > li .submenu > li.hover:hover > a {
+  background-color: #2d3638;
+}
+.skin-1 .sidebar.navbar-collapse .nav-list > li.active .submenu > li.hover:hover > a {
+  background-color: #14191a;
+}
+@media only screen and (min-width: 992px) {
+  .skin-1 .sidebar:not(.navbar-collapse) .nav-list > li .submenu > li.hover:hover > a {
+    background-color: #2d3638;
+  }
+  .skin-1 .sidebar:not(.navbar-collapse) .nav-list > li.active .submenu > li.hover:hover > a {
+    background-color: #14191a;
+  }
+}
+.skin-1 .nav-list li > .arrow:after {
+  border-right-color: #353c3d;
+  -moz-border-right-colors: #353c3d;
+}
+.skin-1 .nav-list li > .arrow:before {
+  border-right-color: #1d2122;
+  -moz-border-right-colors: #1d2122;
+}
+.skin-1 .nav-list > li.active > .arrow:after {
+  border-right-color: #171e1f;
+  -moz-border-right-colors: #171e1f;
+}
+.skin-1 .nav-list > li.active > .arrow:before {
+  border-right-color: #50a0dd;
+  -moz-border-right-colors: #50a0dd;
+}
+.skin-1 .nav-list > li.active > .submenu li.hover > .arrow:before {
+  border-right-color: #4f6e86;
+  -moz-border-right-colors: #8fb6d5;
+}
+.skin-1 .nav-list > li.active > .submenu li.hover.active > .arrow:before {
+  border-right-color: #305675;
+  -moz-border-right-colors: #2290e9;
+}
+.skin-1 .nav-list > li.active > .submenu li.hover > .arrow:after {
+  border-right-color: #171e1f;
+  -moz-border-right-colors: #171e1f;
+}
+.skin-1 .nav-list li.pull_up > .arrow:after {
+  border-right-color: #353c3d !important;
+  -moz-border-right-colors: #353c3d !important;
+}
+.skin-1 .nav-list li.pull_up > .arrow:before {
+  border-right-color: #1d2122 !important;
+  -moz-border-right-colors: #1d2122 !important;
+}
+.skin-1 .nav-list li.pull_up.active > .arrow:after {
+  border-right-color: #171e1f !important;
+  -moz-border-right-colors: #171e1f !important;
+}
+.skin-1 .nav-list li.pull_up.active > .arrow:before {
+  border-right-color: #50a0dd !important;
+  -moz-border-right-colors: #50a0dd !important;
+}
+.skin-1 .main-container .menu-toggler {
+  background-color: #444444;
+}
+.skin-1 .main-container .menu-toggler:before {
+  border-top-color: #87b87f;
+  border-bottom-color: #6fb3e0;
+}
+.skin-1 .main-container .menu-toggler:after {
+  border-top-color: #ffa24d;
+  border-bottom-color: #d15b47;
+}
+.skin-1 .main-container .menu-toggler > .toggler-text {
+  border-top-color: #444444;
+  -moz-border-top-colors: #444444;
+}
+.skin-1.display {
+  background-color: #5d82a2;
+}
+.skin-1.display:before {
+  border-top-color: #b5d3b0;
+  border-bottom-color: #aed4ee;
+}
+.skin-1.display:after {
+  border-top-color: #ffca9a;
+  border-bottom-color: #e09284;
+}
+.skin-1.display > .toggler-text {
+  border-top-color: #5d82a2;
+  -moz-border-top-colors: #5d82a2;
+}
+.skin-1 .navbar .navbar-toggle {
+  background-color: #4D9DCC;
+}
+.skin-1 .navbar .navbar-toggle:focus {
+  background-color: #4D9DCC;
+  border-color: transparent;
+}
+.skin-1 .navbar .navbar-toggle:hover {
+  background-color: #3992c6;
+  border-color: rgba(255, 255, 255, 0.1);
+}
+.skin-1 .navbar .navbar-toggle.display,
+.skin-1 .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
+  background-color: #3384b3;
+  box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
+  border-color: rgba(255, 255, 255, 0.35);
+}
+@media only screen and (min-width: 768px) {
+  .skin-1 .container.main-container:before {
+    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
+  }
+}
+@media only screen and (min-width: 992px) {
+  .skin-1 .sidebar.h-sidebar:before {
+    background-color: #38424a;
+    border-bottom-color: #4a5c63;
+  }
+  .skin-1 .sidebar.h-sidebar .nav-list {
+    border-bottom-width: 0;
+  }
+  .skin-1 .sidebar.h-sidebar .nav-list > li.active:before {
+    display: block;
+  }
+  .skin-1 .sidebar.h-sidebar .nav-list > li.hover.active > a:after {
+    -moz-border-left-colors: none;
+    -moz-border-right-colors: none;
+    -moz-border-bottom-colors: #FFF;
+    border-color: transparent transparent #FFF;
+    border-width: 8px;
+    top: auto;
+    bottom: 0;
+    right: auto;
+    left: 50%;
+    margin-left: -8px;
+    content: "";
+    display: block;
+  }
+  .skin-1 .sidebar.h-sidebar .nav-list > li.hover.active:hover > a:after,
+  .skin-1 .sidebar.h-sidebar .nav-list > li.hover.active.hover-show > a:after {
+    display: none;
+  }
+  .skin-1 .sidebar.h-sidebar + .main-content .breadcrumbs {
+    border-color: #E8E8E8;
+  }
+  .skin-1 .sidebar.h-sidebar .nav-list > li {
+    border-color: #3f4e54;
+  }
+  .skin-1 .sidebar.h-sidebar .nav-list > li:hover,
+  .skin-1 .sidebar.h-sidebar .nav-list > li:hover + li {
+    border-left-color: #506575;
+  }
+  .skin-1 .sidebar.h-sidebar .nav-list > li:last-child:hover {
+    border-right-color: #506575;
+  }
+  .skin-1 .sidebar.h-sidebar .nav-list > li.active,
+  .skin-1 .sidebar.h-sidebar .nav-list > li.active + li,
+  .skin-1 .sidebar.h-sidebar .nav-list > li:hover + li.active {
+    border-left-color: #55738a;
+  }
+  .skin-1 .sidebar.h-sidebar .nav-list > li.active:last-child {
+    border-right-color: #55738a;
+  }
+  .skin-1 .sidebar.h-sidebar .nav-list > li.hover > .submenu {
+    border-top-color: #232828;
+  }
+  .skin-1 .sidebar.h-sidebar .nav-list > li.hover.active > .submenu {
+    border-top-color: #305675;
+    border-left-color: #232828;
+  }
+  .skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large {
+    background-color: #222a2d;
+    border: 1px solid #232828;
+    border-top-color: #305675;
+    top: 100%;
+  }
+  .skin-1 .sidebar.h-sidebar .nav-list > li > .arrow:after {
+    border-right-color: transparent;
+    -moz-border-right-colors: none;
+    border-bottom-color: #353c3d;
+    -moz-border-bottom-colors: #353c3d;
+  }
+  .skin-1 .sidebar.h-sidebar .nav-list > li > .arrow:before {
+    -moz-border-right-colors: none;
+    border-right-color: transparent;
+    border-bottom-color: #191c1c;
+    -moz-border-bottom-colors: #222727;
+  }
+  .skin-1 .sidebar.h-sidebar .nav-list > li.active > .arrow:before,
+  .skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large:before {
+    border-right-color: transparent;
+    -moz-border-right-colors: none;
+    border-bottom-color: #50a0dd;
+    -moz-border-bottom-colors: #216ca6;
+  }
+  .skin-1 .sidebar.h-sidebar .nav-list > li.active > .arrow:after,
+  .skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large:after {
+    border-right-color: transparent;
+    -moz-border-right-colors: none;
+    border-bottom-color: #171e1f;
+    -moz-border-bottom-colors: #171e1f;
+  }
+  .skin-1 .sidebar.h-sidebar .sidebar-shortcuts-large:after {
+    border-bottom-color: #222a2d;
+    -moz-border-bottom-colors: #222a2d;
+  }
+  .skin-1 .sidebar.h-sidebar .nav-list > li.highlight.active > a:before {
+    display: none;
+  }
+  .skin-1 .sidebar.h-sidebar.menu-min .nav-list > li > a > .menu-text {
+    border-width: 1px 0 0;
+    border-top-color: #181d1f;
+  }
+  .skin-1 .sidebar.h-sidebar.menu-min .nav-list > li.active > a > .menu-text {
+    border-top-color: #305675;
+  }
+  .skin-1 .sidebar.h-sidebar.menu-min .nav-list > li.active > .submenu {
+    border-top-color: #3b4547;
+  }
+  .skin-1 .sidebar.h-sidebar.menu-min .nav-list > li > .arrow:after {
+    border-bottom-color: #414b51;
+    -moz-border-bottom-colors: #414b51;
+  }
+  .skin-1 .sidebar.h-sidebar.menu-min .nav-list > li > .arrow:before {
+    border-bottom-color: #111415;
+    -moz-border-bottom-colors: #242a2b;
+  }
+  .skin-1 .sidebar.h-sidebar.menu-min .nav-list > li.active > .arrow:after {
+    border-bottom-color: #242a2b;
+    -moz-border-bottom-colors: #242a2b;
+  }
+  .skin-1 .sidebar.h-sidebar.menu-min .nav-list > li.active > .arrow:before {
+    border-bottom-color: #50a0dd;
+    -moz-border-bottom-colors: #50a0dd;
+  }
+  .skin-1 .h-sidebar.sidebar-fixed + .main-content {
+    padding-top: 86px;
+  }
+  .skin-1 .h-sidebar.sidebar-fixed.no-gap + .main-content {
+    padding-top: 72px;
+  }
+  .skin-1 .h-sidebar.sidebar-fixed.menu-min + .main-content {
+    padding-top: 61px;
+  }
+  .skin-1 .h-sidebar.sidebar-fixed.menu-min.no-gap + .main-content {
+    padding-top: 47px;
+  }
+  .skin-1 .main-content .h-sidebar.sidebar .nav-list {
+    border-left: 1px solid #4a5c63;
+  }
+}
+.skin-1 .sidebar-scroll .sidebar-shortcuts {
+  border-bottom-color: #4a5c63;
+}
+.skin-1 .sidebar-scroll .sidebar-toggle {
+  border-top-color: #4a5c63;
+}
+.skin-1 .scrollout .scroll-track {
+  background-color: transparent;
+}
+.skin-1 .scrollout .scroll-bar {
+  background-color: #CCC;
+  background-color: rgba(0, 0, 0, 0.2);
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .skin-1 .navbar.navbar-collapse {
+    background-color: transparent;
+  }
+  .skin-1 .navbar.navbar-collapse:before,
+  .skin-1 .navbar.navbar-collapse .navbar-container {
+    background: #2c6aa0;
+  }
+}
+.skin-1 .nav-list > li.disabled:before {
+  display: none !important;
+}
+.skin-1 .nav-list > li.disabled > a {
+  background-color: #333 !important;
+  color: #AAA !important;
+}
+.skin-1 .nav-list li .submenu > li.disabled > a,
+.skin-1 .nav-list li.disabled .submenu > li > a {
+  background-color: #444 !important;
+  color: #A0A0A0 !important;
+  cursor: not-allowed !important;
+}
+.skin-1 .nav-list li .submenu > li.disabled > a > .menu-icon,
+.skin-1 .nav-list li.disabled .submenu > li > a > .menu-icon {
+  display: none;
+}
+.skin-1 .nav-list > li.disabled .submenu > li > a {
+  border-top-color: #505050;
+}
+.skin-2 {
+  background-color: #5c5c5c;
+}
+.skin-2 .navbar {
+  background: #c6487e;
+}
+.skin-2 .sidebar {
+  background-color: #505050;
+  border-right-width: 0;
+}
+.skin-2 .nav-list > li {
+  border-color: #484848;
+}
+.skin-2 .nav-list > li:first-child {
+  border-top-color: #5a5a5a;
+}
+.skin-2 .nav-list > li:last-child {
+  border-bottom-color: #626262;
+}
+.skin-2 .nav-list > li > a {
+  background-color: #393939;
+  color: #e6e6e6;
+}
+.skin-2 .nav-list > li > a > .menu-text,
+.skin-2 .nav-list > li > a > .arrow {
+  color: #e6e6e6;
+}
+.skin-2 .nav-list > li:hover > a,
+.skin-2 .nav-list > li.hover-show > a {
+  background-color: #bd5289;
+}
+.skin-2 .nav-list > li:hover > a > .menu-text,
+.skin-2 .nav-list > li.hover-show > a > .menu-text {
+  font-weight: bold;
+  color: #ffffff;
+  color: rgba(0, 0, 0, 0.6);
+}
+.skin-2 .nav-list > li:hover > a > .menu-icon,
+.skin-2 .nav-list > li.hover-show > a > .menu-icon,
+.skin-2 .nav-list > li:hover > a > .arrow,
+.skin-2 .nav-list > li.hover-show > a > .arrow {
+  color: #ffffff;
+}
+.skin-2 .nav-list > li.open > a {
+  background-color: #bd5289;
+}
+.skin-2 .nav-list > li.open > a > .menu-text {
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.6);
+}
+.skin-2 .nav-list > li.open > a > .menu-icon,
+.skin-2 .nav-list > li.open > a > .arrow {
+  color: #ffffff;
+}
+.skin-2 .nav-list > li.active > a {
+  background-color: #242424;
+  color: #ffffff;
+}
+.skin-2 .nav-list > li.active > a > .menu-icon {
+  color: inherit;
+}
+.skin-2 .nav-list > li.active > a > .menu-text,
+.skin-2 .nav-list > li.active > a > .arrow {
+  color: #ffffff;
+}
+.skin-2 .nav-list > li.active:hover > a,
+.skin-2 .nav-list > li.active:not(.highlight):hover > a,
+.skin-2 .nav-list > li.active.hover-show > a,
+.skin-2 .nav-list > li.active:not(.highlight).hover-show > a,
+.skin-2 .nav-list > li.active.open > a,
+.skin-2 .nav-list > li.active.open:not(.highlight) > a {
+  background-color: #242424;
+}
+.skin-2 .nav-list > li.active.highlight > a {
+  background-color: #bd5289;
+}
+.skin-2 .nav-list > li.active.highlight > a > .menu-icon {
+  color: #ffffff;
+}
+.skin-2 .nav-list li.active > a:after {
+  border-right-color: #FFF;
+  -moz-border-right-colors: #FFF;
+  border-width: 11px 7px;
+  top: 8px;
+  right: 0;
+}
+.skin-2 .nav-list > li.active > .submenu li.active > a:after {
+  top: 6px;
+}
+.skin-2 .nav-list > li:before {
+  top: 0;
+  height: 39px;
+}
+.skin-2 .nav-list > li.active:before {
+  display: block;
+  background-color: #ce7da7;
+}
+.skin-2 .nav-list > li.active.highlight:before,
+.skin-2 .nav-list > li:before {
+  background-color: #dea8c4;
+}
+.skin-2 .nav-list > li > .submenu {
+  border-top-width: 0;
+  background-color: #45303b;
+}
+.skin-2 .nav-list > li > .submenu > li,
+.skin-2 .nav-list > li > .submenu > li > .submenu,
+.skin-2 .nav-list > li > .submenu > li > .submenu > li,
+.skin-2 .nav-list > li > .submenu > li > .submenu > li .submenu,
+.skin-2 .nav-list > li > .submenu > li > .submenu > li .submenu li {
+  background-color: inherit;
+}
+.skin-2 .nav-list > li .submenu > li > a {
+  border-top: 1px solid;
+  border-top-color: #555;
+  border-top-color: rgba(255, 255, 255, 0.08);
+  background-color: transparent;
+}
+.skin-2 .nav-list > li .submenu > li > a:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+  color: #FFF;
+}
+.skin-2 .nav-list > li .submenu > li > a:hover > .menu-icon {
+  background-color: transparent;
+}
+.skin-2 .nav-list > li.active .submenu > li > a:hover {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+.skin-2 .nav-list > li > .submenu > li > a {
+  color: #eeeeee;
+}
+.skin-2 .nav-list > li > .submenu > li:first-child > a {
+  border-top-width: 0;
+}
+.skin-2 .nav-list > li > .submenu > li.active > a {
+  background-color: rgba(0, 0, 0, 0.05);
+  font-weight: bold;
+}
+.skin-2 .nav-list > li > .submenu > li.active > a > .menu-icon {
+  color: inherit;
+  background-color: transparent;
+}
+.skin-2 .nav-list li .submenu li > a {
+  color: #eeeeee;
+  font-size: 13px;
+}
+.skin-2 .nav-list > li > .submenu:before,
+.skin-2 .nav-list > li > .submenu > li:before {
+  display: none;
+}
+.skin-2 .nav-list > li .submenu > li > a {
+  padding-left: 32px;
+}
+.skin-2 .nav-list > li .submenu > li > a > .menu-icon {
+  left: 12px;
+}
+@media only screen and (min-width: 992px) {
+  .skin-2 .nav-list > li .submenu > li.hover > a {
+    padding-left: 26px;
+  }
+  .skin-2 .nav-list > li .submenu > li.hover > a > .menu-icon {
+    left: 6px;
+  }
+}
+.skin-2 .nav-list > li > .submenu li > .submenu > li > a {
+  margin-left: 0;
+  padding-left: 37px;
+  padding-top: 8px;
+  padding-bottom: 10px;
+  border-top-width: 0;
+}
+.skin-2 .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
+  margin-left: 0;
+  padding-left: 51px;
+}
+@media only screen and (min-width: 992px) {
+  .skin-2 .nav-list > li > .submenu li > .submenu > li.hover > a {
+    border-top-width: 1px;
+    padding-bottom: 9px;
+  }
+  .skin-2 .nav-list > li > .submenu li > .submenu > li.hover:first-child > a {
+    border-top-width: 0;
+  }
+}
+.skin-2 .nav-list > li > .submenu li:hover > a,
+.skin-2 .nav-list > li > .submenu li.hover-show > a,
+.skin-2 .nav-list > li > .submenu li.active > a,
+.skin-2 .nav-list > li > .submenu li.open > a {
+  color: #da81af;
+}
+.skin-2 .nav-list > li > .submenu li > a > .ace-icon {
+  background-color: transparent;
+}
+.skin-2 .nav-list > li:hover:not(.active) > a .badge,
+.skin-2 .nav-list > li.hover-show:not(.active) > a .badge,
+.skin-2 .nav-list > li.open:not(.active) > a .badge,
+.skin-2 .nav-list > li.active.highlight .badge,
+.skin-2 .nav-list > li:hover:not(.active) > a .label,
+.skin-2 .nav-list > li.hover-show:not(.active) > a .label,
+.skin-2 .nav-list > li.open:not(.active) > a .label,
+.skin-2 .nav-list > li.active.highlight .label {
+  background-color: rgba(0, 0, 0, 0.5) !important;
+}
+.skin-2 .nav-list > li:hover:not(.active) > a .badge.badge-transparent,
+.skin-2 .nav-list > li.hover-show:not(.active) > a .badge.badge-transparent,
+.skin-2 .nav-list > li.open:not(.active) > a .badge.badge-transparent,
+.skin-2 .nav-list > li.active.highlight .badge.badge-transparent,
+.skin-2 .nav-list > li:hover:not(.active) > a .label.label-transparent,
+.skin-2 .nav-list > li.hover-show:not(.active) > a .label.label-transparent,
+.skin-2 .nav-list > li.open:not(.active) > a .label.label-transparent,
+.skin-2 .nav-list > li.active.highlight .label.label-transparent {
+  color: rgba(255, 255, 255, 0.8) !important;
+  background-color: transparent !important;
+}
+.skin-2 .nav-list > li:hover:not(.active) > a .badge.badge-transparent .ace-icon,
+.skin-2 .nav-list > li.hover-show:not(.active) > a .badge.badge-transparent .ace-icon,
+.skin-2 .nav-list > li.open:not(.active) > a .badge.badge-transparent .ace-icon,
+.skin-2 .nav-list > li.active.highlight .badge.badge-transparent .ace-icon,
+.skin-2 .nav-list > li:hover:not(.active) > a .label.label-transparent .ace-icon,
+.skin-2 .nav-list > li.hover-show:not(.active) > a .label.label-transparent .ace-icon,
+.skin-2 .nav-list > li.open:not(.active) > a .label.label-transparent .ace-icon,
+.skin-2 .nav-list > li.active.highlight .label.label-transparent .ace-icon {
+  color: rgba(255, 255, 255, 0.8) !important;
+}
+.skin-2 .nav-list li > .arrow:after {
+  border-right-color: #45303b;
+  -moz-border-right-colors: #45303b;
+}
+.skin-2 .nav-list li > .arrow:before {
+  border-right-color: #191919;
+  -moz-border-right-colors: #191919;
+}
+.skin-2 .nav-list > li.pull_up > .arrow:after {
+  border-right-color: #45303b !important;
+  -moz-border-right-colors: #45303b !important;
+}
+.skin-2 .nav-list > li.pull_up > .arrow:before {
+  border-right-color: #191919 !important;
+  -moz-border-right-colors: #191919 !important;
+}
+.skin-2 .nav-list > li.active.highlight > a:after {
+  border-right-color: transparent;
+  -moz-border-right-colors: none;
+  border-left-color: #bd5289;
+  -moz-border-left-colors: #bd5289;
+  border-width: 20px 0 20px 10px;
+  z-index: 1;
+  top: 0;
+  right: -10px;
+  display: block;
+}
+.skin-2 .nav-list > li:nth-child( 1) > a {
+  color: #00be67;
+}
+.skin-2 .nav-list > li:nth-child( 1):hover > a,
+.skin-2 .nav-list > li:nth-child( 1).hover-show > a,
+.skin-2 .nav-list > li.open:nth-child( 1) > a {
+  background-color: #18a665;
+}
+.skin-2 .nav-list > li:nth-child( 1) > .submenu {
+  background-color: #2a4137;
+}
+.skin-2 .nav-list > li:nth-child( 1) > .arrow:after,
+.skin-2 .nav-list > li:nth-child( 1) li > .arrow:after {
+  border-right-color: #2a4137;
+  -moz-border-right-colors: #2a4137;
+}
+.skin-2 .nav-list > li.pull_up:nth-child( 1) > .arrow:after {
+  border-right-color: #2a4137 !important;
+  -moz-border-right-colors: #2a4137 !important;
+}
+.skin-2 .nav-list > li:nth-child( 1) > .submenu li:hover > a,
+.skin-2 .nav-list > li:nth-child( 1) > .submenu li.hover-show > a,
+.skin-2 .nav-list > li:nth-child( 1) > .submenu li.active > a,
+.skin-2 .nav-list > li:nth-child( 1) > .submenu li.open > a {
+  color: #1eed8e;
+}
+.skin-2 .nav-list > li.active:nth-child( 1):before {
+  background-color: #ce7da7;
+  background-color: #52bc8c;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 1):before,
+.skin-2 .nav-list > li:nth-child( 1):before {
+  background-color: #8bd3b2;
+}
+.skin-2 .nav-list > li:nth-child( 2) > a {
+  color: #5ed02b;
+}
+.skin-2 .nav-list > li:nth-child( 2):hover > a,
+.skin-2 .nav-list > li:nth-child( 2).hover-show > a,
+.skin-2 .nav-list > li.open:nth-child( 2) > a {
+  background-color: #6ab14a;
+}
+.skin-2 .nav-list > li:nth-child( 2) > .submenu {
+  background-color: #36432f;
+}
+.skin-2 .nav-list > li:nth-child( 2) > .arrow:after,
+.skin-2 .nav-list > li:nth-child( 2) li > .arrow:after {
+  border-right-color: #36432f;
+  -moz-border-right-colors: #36432f;
+}
+.skin-2 .nav-list > li.pull_up:nth-child( 2) > .arrow:after {
+  border-right-color: #36432f !important;
+  -moz-border-right-colors: #36432f !important;
+}
+.skin-2 .nav-list > li:nth-child( 2) > .submenu li:hover > a,
+.skin-2 .nav-list > li:nth-child( 2) > .submenu li.hover-show > a,
+.skin-2 .nav-list > li:nth-child( 2) > .submenu li.active > a,
+.skin-2 .nav-list > li:nth-child( 2) > .submenu li.open > a {
+  color: #92d275;
+}
+.skin-2 .nav-list > li.active:nth-child( 2):before {
+  background-color: #ce7da7;
+  background-color: #8fc478;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 2):before,
+.skin-2 .nav-list > li:nth-child( 2):before {
+  background-color: #b4d8a5;
+}
+.skin-2 .nav-list > li:nth-child( 3) > a {
+  color: #a7d700;
+}
+.skin-2 .nav-list > li:nth-child( 3):hover > a,
+.skin-2 .nav-list > li:nth-child( 3).hover-show > a,
+.skin-2 .nav-list > li.open:nth-child( 3) > a {
+  background-color: #98bc1b;
+}
+.skin-2 .nav-list > li:nth-child( 3) > .submenu {
+  background-color: #3e442a;
+}
+.skin-2 .nav-list > li:nth-child( 3) > .arrow:after,
+.skin-2 .nav-list > li:nth-child( 3) li > .arrow:after {
+  border-right-color: #3e442a;
+  -moz-border-right-colors: #3e442a;
+}
+.skin-2 .nav-list > li.pull_up:nth-child( 3) > .arrow:after {
+  border-right-color: #3e442a !important;
+  -moz-border-right-colors: #3e442a !important;
+}
+.skin-2 .nav-list > li:nth-child( 3) > .submenu li:hover > a,
+.skin-2 .nav-list > li:nth-child( 3) > .submenu li.hover-show > a,
+.skin-2 .nav-list > li:nth-child( 3) > .submenu li.active > a,
+.skin-2 .nav-list > li:nth-child( 3) > .submenu li.open > a {
+  color: #c5ef35;
+}
+.skin-2 .nav-list > li.active:nth-child( 3):before {
+  background-color: #ce7da7;
+  background-color: #b2cd54;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 3):before,
+.skin-2 .nav-list > li:nth-child( 3):before {
+  background-color: #ccde8d;
+}
+.skin-2 .nav-list > li:nth-child( 4) > a {
+  color: #cee100;
+}
+.skin-2 .nav-list > li:nth-child( 4):hover > a,
+.skin-2 .nav-list > li:nth-child( 4).hover-show > a,
+.skin-2 .nav-list > li.open:nth-child( 4) > a {
+  background-color: #b7c51c;
+}
+.skin-2 .nav-list > li:nth-child( 4) > .submenu {
+  background-color: #43452a;
+}
+.skin-2 .nav-list > li:nth-child( 4) > .arrow:after,
+.skin-2 .nav-list > li:nth-child( 4) li > .arrow:after {
+  border-right-color: #43452a;
+  -moz-border-right-colors: #43452a;
+}
+.skin-2 .nav-list > li.pull_up:nth-child( 4) > .arrow:after {
+  border-right-color: #43452a !important;
+  -moz-border-right-colors: #43452a !important;
+}
+.skin-2 .nav-list > li:nth-child( 4) > .submenu li:hover > a,
+.skin-2 .nav-list > li:nth-child( 4) > .submenu li.hover-show > a,
+.skin-2 .nav-list > li:nth-child( 4) > .submenu li.active > a,
+.skin-2 .nav-list > li:nth-child( 4) > .submenu li.open > a {
+  color: #e0ef3e;
+}
+.skin-2 .nav-list > li.active:nth-child( 4):before {
+  background-color: #ce7da7;
+  background-color: #c9d355;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 4):before,
+.skin-2 .nav-list > li:nth-child( 4):before {
+  background-color: #dbe28e;
+}
+.skin-2 .nav-list > li:nth-child( 5) > a {
+  color: #f8c600;
+}
+.skin-2 .nav-list > li:nth-child( 5):hover > a,
+.skin-2 .nav-list > li:nth-child( 5).hover-show > a,
+.skin-2 .nav-list > li.open:nth-child( 5) > a {
+  background-color: #d9b41f;
+}
+.skin-2 .nav-list > li:nth-child( 5) > .submenu {
+  background-color: #48422a;
+}
+.skin-2 .nav-list > li:nth-child( 5) > .arrow:after,
+.skin-2 .nav-list > li:nth-child( 5) li > .arrow:after {
+  border-right-color: #48422a;
+  -moz-border-right-colors: #48422a;
+}
+.skin-2 .nav-list > li.pull_up:nth-child( 5) > .arrow:after {
+  border-right-color: #48422a !important;
+  -moz-border-right-colors: #48422a !important;
+}
+.skin-2 .nav-list > li:nth-child( 5) > .submenu li:hover > a,
+.skin-2 .nav-list > li:nth-child( 5) > .submenu li.hover-show > a,
+.skin-2 .nav-list > li:nth-child( 5) > .submenu li.active > a,
+.skin-2 .nav-list > li:nth-child( 5) > .submenu li.open > a {
+  color: #f1d153;
+}
+.skin-2 .nav-list > li.active:nth-child( 5):before {
+  background-color: #ce7da7;
+  background-color: #e3c657;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 5):before,
+.skin-2 .nav-list > li:nth-child( 5):before {
+  background-color: #ecd98f;
+}
+.skin-2 .nav-list > li:nth-child( 6) > a {
+  color: #ffab00;
+}
+.skin-2 .nav-list > li:nth-child( 6):hover > a,
+.skin-2 .nav-list > li:nth-child( 6).hover-show > a,
+.skin-2 .nav-list > li.open:nth-child( 6) > a {
+  background-color: #dfa020;
+}
+.skin-2 .nav-list > li:nth-child( 6) > .submenu {
+  background-color: #493f2a;
+}
+.skin-2 .nav-list > li:nth-child( 6) > .arrow:after,
+.skin-2 .nav-list > li:nth-child( 6) li > .arrow:after {
+  border-right-color: #493f2a;
+  -moz-border-right-colors: #493f2a;
+}
+.skin-2 .nav-list > li.pull_up:nth-child( 6) > .arrow:after {
+  border-right-color: #493f2a !important;
+  -moz-border-right-colors: #493f2a !important;
+}
+.skin-2 .nav-list > li:nth-child( 6) > .submenu li:hover > a,
+.skin-2 .nav-list > li:nth-child( 6) > .submenu li.hover-show > a,
+.skin-2 .nav-list > li:nth-child( 6) > .submenu li.active > a,
+.skin-2 .nav-list > li:nth-child( 6) > .submenu li.open > a {
+  color: #f2c05a;
+}
+.skin-2 .nav-list > li.active:nth-child( 6):before {
+  background-color: #ce7da7;
+  background-color: #e7b858;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 6):before,
+.skin-2 .nav-list > li:nth-child( 6):before {
+  background-color: #efd08f;
+}
+.skin-2 .nav-list > li:nth-child( 7) > a {
+  color: #ff6e00;
+}
+.skin-2 .nav-list > li:nth-child( 7):hover > a,
+.skin-2 .nav-list > li:nth-child( 7).hover-show > a,
+.skin-2 .nav-list > li.open:nth-child( 7) > a {
+  background-color: #df7220;
+}
+.skin-2 .nav-list > li:nth-child( 7) > .submenu {
+  background-color: #49372a;
+}
+.skin-2 .nav-list > li:nth-child( 7) > .arrow:after,
+.skin-2 .nav-list > li:nth-child( 7) li > .arrow:after {
+  border-right-color: #49372a;
+  -moz-border-right-colors: #49372a;
+}
+.skin-2 .nav-list > li.pull_up:nth-child( 7) > .arrow:after {
+  border-right-color: #49372a !important;
+  -moz-border-right-colors: #49372a !important;
+}
+.skin-2 .nav-list > li:nth-child( 7) > .submenu li:hover > a,
+.skin-2 .nav-list > li:nth-child( 7) > .submenu li.hover-show > a,
+.skin-2 .nav-list > li:nth-child( 7) > .submenu li.active > a,
+.skin-2 .nav-list > li:nth-child( 7) > .submenu li.open > a {
+  color: #f29b5a;
+}
+.skin-2 .nav-list > li.active:nth-child( 7):before {
+  background-color: #ce7da7;
+  background-color: #e79658;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 7):before,
+.skin-2 .nav-list > li:nth-child( 7):before {
+  background-color: #efb98f;
+}
+.skin-2 .nav-list > li:nth-child( 8) > a {
+  color: #f21c30;
+}
+.skin-2 .nav-list > li:nth-child( 8):hover > a,
+.skin-2 .nav-list > li:nth-child( 8).hover-show > a,
+.skin-2 .nav-list > li.open:nth-child( 8) > a {
+  background-color: #d43a48;
+}
+.skin-2 .nav-list > li:nth-child( 8) > .submenu {
+  background-color: #472e30;
+}
+.skin-2 .nav-list > li:nth-child( 8) > .arrow:after,
+.skin-2 .nav-list > li:nth-child( 8) li > .arrow:after {
+  border-right-color: #472e30;
+  -moz-border-right-colors: #472e30;
+}
+.skin-2 .nav-list > li.pull_up:nth-child( 8) > .arrow:after {
+  border-right-color: #472e30 !important;
+  -moz-border-right-colors: #472e30 !important;
+}
+.skin-2 .nav-list > li:nth-child( 8) > .submenu li:hover > a,
+.skin-2 .nav-list > li:nth-child( 8) > .submenu li.hover-show > a,
+.skin-2 .nav-list > li:nth-child( 8) > .submenu li.active > a,
+.skin-2 .nav-list > li:nth-child( 8) > .submenu li.open > a {
+  color: #ea717c;
+}
+.skin-2 .nav-list > li.active:nth-child( 8):before {
+  background-color: #ce7da7;
+  background-color: #df6b76;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 8):before,
+.skin-2 .nav-list > li:nth-child( 8):before {
+  background-color: #ea9da4;
+}
+.skin-2 .nav-list > li:nth-child( 9) > a {
+  color: #db348a;
+}
+.skin-2 .nav-list > li:nth-child( 9):hover > a,
+.skin-2 .nav-list > li:nth-child( 9).hover-show > a,
+.skin-2 .nav-list > li.open:nth-child( 9) > a {
+  background-color: #bd5289;
+}
+.skin-2 .nav-list > li:nth-child( 9) > .submenu {
+  background-color: #45303b;
+}
+.skin-2 .nav-list > li:nth-child( 9) > .arrow:after,
+.skin-2 .nav-list > li:nth-child( 9) li > .arrow:after {
+  border-right-color: #45303b;
+  -moz-border-right-colors: #45303b;
+}
+.skin-2 .nav-list > li.pull_up:nth-child( 9) > .arrow:after {
+  border-right-color: #45303b !important;
+  -moz-border-right-colors: #45303b !important;
+}
+.skin-2 .nav-list > li:nth-child( 9) > .submenu li:hover > a,
+.skin-2 .nav-list > li:nth-child( 9) > .submenu li.hover-show > a,
+.skin-2 .nav-list > li:nth-child( 9) > .submenu li.active > a,
+.skin-2 .nav-list > li:nth-child( 9) > .submenu li.open > a {
+  color: #da81af;
+}
+.skin-2 .nav-list > li.active:nth-child( 9):before {
+  background-color: #ce7da7;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 9):before,
+.skin-2 .nav-list > li:nth-child( 9):before {
+  background-color: #dea8c4;
+}
+.skin-2 .nav-list > li:nth-child( 10) > a {
+  color: #c55ee7;
+}
+.skin-2 .nav-list > li:nth-child( 10):hover > a,
+.skin-2 .nav-list > li:nth-child( 10).hover-show > a,
+.skin-2 .nav-list > li.open:nth-child( 10) > a {
+  background-color: #b975d0;
+}
+.skin-2 .nav-list > li:nth-child( 10) > .submenu {
+  background-color: #423646;
+}
+.skin-2 .nav-list > li:nth-child( 10) > .arrow:after,
+.skin-2 .nav-list > li:nth-child( 10) li > .arrow:after {
+  border-right-color: #423646;
+  -moz-border-right-colors: #423646;
+}
+.skin-2 .nav-list > li.pull_up:nth-child( 10) > .arrow:after {
+  border-right-color: #423646 !important;
+  -moz-border-right-colors: #423646 !important;
+}
+.skin-2 .nav-list > li:nth-child( 10) > .submenu li:hover > a,
+.skin-2 .nav-list > li:nth-child( 10) > .submenu li.hover-show > a,
+.skin-2 .nav-list > li:nth-child( 10) > .submenu li.active > a,
+.skin-2 .nav-list > li:nth-child( 10) > .submenu li.open > a {
+  color: #d9a9e9;
+}
+.skin-2 .nav-list > li.active:nth-child( 10):before {
+  background-color: #ce7da7;
+  background-color: #cb98dc;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 10):before,
+.skin-2 .nav-list > li:nth-child( 10):before {
+  background-color: #dcbae7;
+}
+.skin-2 .nav-list > li:nth-child( 11) > a {
+  color: #218bee;
+}
+.skin-2 .nav-list > li:nth-child( 11):hover > a,
+.skin-2 .nav-list > li:nth-child( 11).hover-show > a,
+.skin-2 .nav-list > li.open:nth-child( 11) > a {
+  background-color: #3f8ad0;
+}
+.skin-2 .nav-list > li:nth-child( 11) > .submenu {
+  background-color: #2e3b47;
+}
+.skin-2 .nav-list > li:nth-child( 11) > .arrow:after,
+.skin-2 .nav-list > li:nth-child( 11) li > .arrow:after {
+  border-right-color: #2e3b47;
+  -moz-border-right-colors: #2e3b47;
+}
+.skin-2 .nav-list > li.pull_up:nth-child( 11) > .arrow:after {
+  border-right-color: #2e3b47 !important;
+  -moz-border-right-colors: #2e3b47 !important;
+}
+.skin-2 .nav-list > li:nth-child( 11) > .submenu li:hover > a,
+.skin-2 .nav-list > li:nth-child( 11) > .submenu li.hover-show > a,
+.skin-2 .nav-list > li:nth-child( 11) > .submenu li.active > a,
+.skin-2 .nav-list > li:nth-child( 11) > .submenu li.open > a {
+  color: #74b0e7;
+}
+.skin-2 .nav-list > li.active:nth-child( 11):before {
+  background-color: #ce7da7;
+  background-color: #6fa7dc;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 11):before,
+.skin-2 .nav-list > li:nth-child( 11):before {
+  background-color: #9fc4e8;
+}
+.skin-2 .nav-list > li:nth-child( 12) > a {
+  color: #2ecee7;
+}
+.skin-2 .nav-list > li:nth-child( 12):hover > a,
+.skin-2 .nav-list > li:nth-child( 12).hover-show > a,
+.skin-2 .nav-list > li.open:nth-child( 12) > a {
+  background-color: #4bb9ca;
+}
+.skin-2 .nav-list > li:nth-child( 12) > .submenu {
+  background-color: #304346;
+}
+.skin-2 .nav-list > li:nth-child( 12) > .arrow:after,
+.skin-2 .nav-list > li:nth-child( 12) li > .arrow:after {
+  border-right-color: #304346;
+  -moz-border-right-colors: #304346;
+}
+.skin-2 .nav-list > li.pull_up:nth-child( 12) > .arrow:after {
+  border-right-color: #304346 !important;
+  -moz-border-right-colors: #304346 !important;
+}
+.skin-2 .nav-list > li:nth-child( 12) > .submenu li:hover > a,
+.skin-2 .nav-list > li:nth-child( 12) > .submenu li.hover-show > a,
+.skin-2 .nav-list > li:nth-child( 12) > .submenu li.active > a,
+.skin-2 .nav-list > li:nth-child( 12) > .submenu li.open > a {
+  color: #7ed6e3;
+}
+.skin-2 .nav-list > li.active:nth-child( 12):before {
+  background-color: #ce7da7;
+  background-color: #78cad7;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 12):before,
+.skin-2 .nav-list > li:nth-child( 12):before {
+  background-color: #a5dce4;
+}
+@media only screen and (min-width: 992px) {
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 1) > a {
+    color: #00be67;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 1) > .arrow:after {
+    border-bottom-color: #2a4137;
+    -moz-border-bottom-colors: #2a4137;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 2) > a {
+    color: #5ed02b;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 2) > .arrow:after {
+    border-bottom-color: #36432f;
+    -moz-border-bottom-colors: #36432f;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 3) > a {
+    color: #a7d700;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 3) > .arrow:after {
+    border-bottom-color: #3e442a;
+    -moz-border-bottom-colors: #3e442a;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 4) > a {
+    color: #cee100;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 4) > .arrow:after {
+    border-bottom-color: #43452a;
+    -moz-border-bottom-colors: #43452a;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 5) > a {
+    color: #f8c600;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 5) > .arrow:after {
+    border-bottom-color: #48422a;
+    -moz-border-bottom-colors: #48422a;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 6) > a {
+    color: #ffab00;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 6) > .arrow:after {
+    border-bottom-color: #493f2a;
+    -moz-border-bottom-colors: #493f2a;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 7) > a {
+    color: #ff6e00;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 7) > .arrow:after {
+    border-bottom-color: #49372a;
+    -moz-border-bottom-colors: #49372a;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 8) > a {
+    color: #f21c30;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 8) > .arrow:after {
+    border-bottom-color: #472e30;
+    -moz-border-bottom-colors: #472e30;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 9) > a {
+    color: #db348a;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 9) > .arrow:after {
+    border-bottom-color: #45303b;
+    -moz-border-bottom-colors: #45303b;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 10) > a {
+    color: #c55ee7;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 10) > .arrow:after {
+    border-bottom-color: #423646;
+    -moz-border-bottom-colors: #423646;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 11) > a {
+    color: #218bee;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 11) > .arrow:after {
+    border-bottom-color: #2e3b47;
+    -moz-border-bottom-colors: #2e3b47;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 12) > a {
+    color: #2ecee7;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover:nth-child( 12) > .arrow:after {
+    border-bottom-color: #304346;
+    -moz-border-bottom-colors: #304346;
+  }
+}
+.skin-2 .nav-list > li.highlight.active:nth-child( 1) > a {
+  background-color: #18a665;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 1) > a:after {
+  border-left-color: #18a665;
+  -moz-border-left-colors: #18a665;
+}
+.skin-2 .nav-list > li.highlight.active:nth-child( 2) > a {
+  background-color: #6ab14a;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 2) > a:after {
+  border-left-color: #6ab14a;
+  -moz-border-left-colors: #6ab14a;
+}
+.skin-2 .nav-list > li.highlight.active:nth-child( 3) > a {
+  background-color: #98bc1b;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 3) > a:after {
+  border-left-color: #98bc1b;
+  -moz-border-left-colors: #98bc1b;
+}
+.skin-2 .nav-list > li.highlight.active:nth-child( 4) > a {
+  background-color: #b7c51c;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 4) > a:after {
+  border-left-color: #b7c51c;
+  -moz-border-left-colors: #b7c51c;
+}
+.skin-2 .nav-list > li.highlight.active:nth-child( 5) > a {
+  background-color: #d9b41f;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 5) > a:after {
+  border-left-color: #d9b41f;
+  -moz-border-left-colors: #d9b41f;
+}
+.skin-2 .nav-list > li.highlight.active:nth-child( 6) > a {
+  background-color: #dfa020;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 6) > a:after {
+  border-left-color: #dfa020;
+  -moz-border-left-colors: #dfa020;
+}
+.skin-2 .nav-list > li.highlight.active:nth-child( 7) > a {
+  background-color: #df7220;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 7) > a:after {
+  border-left-color: #df7220;
+  -moz-border-left-colors: #df7220;
+}
+.skin-2 .nav-list > li.highlight.active:nth-child( 8) > a {
+  background-color: #d43a48;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 8) > a:after {
+  border-left-color: #d43a48;
+  -moz-border-left-colors: #d43a48;
+}
+.skin-2 .nav-list > li.highlight.active:nth-child( 9) > a {
+  background-color: #bd5289;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 9) > a:after {
+  border-left-color: #bd5289;
+  -moz-border-left-colors: #bd5289;
+}
+.skin-2 .nav-list > li.highlight.active:nth-child( 10) > a {
+  background-color: #b975d0;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 10) > a:after {
+  border-left-color: #b975d0;
+  -moz-border-left-colors: #b975d0;
+}
+.skin-2 .nav-list > li.highlight.active:nth-child( 11) > a {
+  background-color: #3f8ad0;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 11) > a:after {
+  border-left-color: #3f8ad0;
+  -moz-border-left-colors: #3f8ad0;
+}
+.skin-2 .nav-list > li.highlight.active:nth-child( 12) > a {
+  background-color: #4bb9ca;
+}
+.skin-2 .nav-list > li.active.highlight:nth-child( 12) > a:after {
+  border-left-color: #4bb9ca;
+  -moz-border-left-colors: #4bb9ca;
+}
+.skin-2 .sidebar-shortcuts .btn {
+  background-color: #555 !important;
+  border-radius: 32px;
+  border-width: 2px;
+}
+.skin-2 .sidebar-shortcuts .btn:hover {
+  background-color: #222 !important;
+}
+.skin-2 .sidebar-shortcuts .btn:focus {
+  outline: none;
+}
+.skin-2 .sidebar-shortcuts-mini .btn {
+  border-radius: 32px;
+  border-width: 2px;
+  opacity: 1;
+  padding: 6px;
+}
+.skin-2 .sidebar-shortcuts,
+.skin-2 .sidebar-shortcuts-mini {
+  background-color: #393939;
+}
+.skin-2 .sidebar > .nav-search {
+  background-color: #393939;
+}
+.skin-2 .sidebar-toggle {
+  background-color: #2f2f2f;
+  border-color: #767676;
+}
+.skin-2 .sidebar-toggle:before {
+  border-color: inherit;
+}
+.skin-2 .sidebar-toggle > .ace-icon {
+  background-color: #333333;
+  border-color: #aaaaaa;
+  color: #aaaaaa;
+}
+.skin-2 .breadcrumbs {
+  border-width: 0;
+  background-color: #e7f2f8;
+  border-radius: 4px;
+  margin: 8px 8px 0;
+}
+@media only screen and (max-width: 991px) {
+  .skin-2 .breadcrumbs {
+    margin: 5px 5px 0;
+  }
+  .skin-2 .menu-toggler + .sidebar.responsive + .main-content .breadcrumbs {
+    margin: 0;
+    border-radius: 0;
+  }
+}
+@media (min-width: 992px) {
+  .skin-2 .breadcrumbs.breadcrumbs-fixed + .page-content {
+    padding-top: 57px;
+  }
+}
+@media (min-width: 992px) and (max-width: 991px) {
+  .skin-2 .breadcrumbs.breadcrumbs-fixed + .page-content {
+    padding-top: 54px;
+  }
+  .skin-2 .menu-toggler + .sidebar.reponsive + .main-content .breadcrumbs.breadcrumbs-fixed + .page-content {
+    padding-top: 49px;
+  }
+}
+@media (min-width: 992px) and (max-width: 991px) {
+  .skin-2 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
+    width: 734px;
+  }
+}
+@media (min-width: 992px) and (max-width: 991px) {
+  .skin-2 .container.main-container .breadcrumbs-fixed {
+    width: 734px;
+  }
+  .skin-2 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+    width: 734px;
+  }
+  .skin-2 .container.main-container .sidebar.responsive-min + .main-content .breadcrumbs-fixed {
+    width: 691px;
+  }
+}
+@media (min-width: 992px) {
+  .skin-2 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
+    width: 843px;
+  }
+}
+@media (min-width: 992px) {
+  .skin-2 .container.main-container .breadcrumbs-fixed {
+    width: 964px;
+  }
+  .skin-2 .container.main-container .sidebar + .main-content .breadcrumbs-fixed {
+    width: 758px;
+  }
+  .skin-2 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+    width: 905px;
+  }
+}
+@media (min-width: 1200px) {
+  .skin-2 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
+    width: 1043px;
+  }
+}
+@media (min-width: 1200px) {
+  .skin-2 .container.main-container .breadcrumbs-fixed {
+    width: 1148px;
+  }
+  .skin-2 .container.main-container .sidebar + .main-content .breadcrumbs-fixed {
+    width: 958px;
+  }
+  .skin-2 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+    width: 1105px;
+  }
+}
+@media (min-width: 768px) {
+  .skin-2 .container.main-container .sidebar.h-sidebar + .main-content .breadcrumbs-fixed {
+    width: auto;
+  }
+}
+@media only screen and (max-width: 991px) {
+  .skin-2 .sidebar {
+    border-width: 0;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+  }
+  .skin-2 .nav-list li.active > a:after {
+    display: none;
+  }
+}
+.skin-2 .sidebar.menu-min .nav-list > li.open > a {
+  color: #e6e6e6;
+}
+.skin-2 .sidebar.menu-min .nav-list > li.active > a {
+  color: #ffffff;
+}
+.skin-2 .sidebar.menu-min .nav-list > li.active > a:after {
+  border-width: 9px 6px;
+  top: 10px;
+}
+.skin-2 .sidebar.menu-min .nav-list > li.active.highlight > a:after {
+  border-width: 20px 0 20px 10px;
+  top: 0;
+}
+.skin-2 .sidebar.menu-min .nav-list > li > a > .menu-text {
+  background-color: inherit;
+  font-weight: bold;
+  color: rgba(0, 0, 0, 0.6);
+  border-width: 0 0 0 1px;
+  border-style: solid;
+  border-color: #333;
+  border-color: rgba(0, 0, 0, 0.4);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  margin-left: 1px;
+}
+.skin-2 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
+  background-color: inherit;
+  color: #FFF;
+}
+.skin-2 .sidebar.menu-min .nav-list > li > .submenu {
+  border-style: solid;
+  border-width: 1px 0 0 1px;
+  border-color: #444;
+  border-color: rgba(0, 0, 0, 0.3);
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  margin-left: 1px;
+}
+.skin-2 .sidebar.menu-min .nav-list > li > .submenu:after {
+  display: none;
+}
+.skin-2 .sidebar.menu-min .nav-list > li.active > .submenu {
+  border-top-color: rgba(0, 0, 0, 0.5);
+}
+.skin-2 .sidebar.menu-min .sidebar-shortcuts-large {
+  background-color: #393939;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border: 1px solid #555555;
+  border-width: 0 1px 1px 0;
+  top: 0;
+  border-color: #666;
+}
+.skin-2 .sidebar.menu-min .nav-list > li > .arrow:after,
+.skin-2 .sidebar.menu-min .nav-list > li.active.highlight > .arrow:after {
+  border-right-color: #bd5289;
+  -moz-border-right-colors: #bd5289;
+}
+.skin-2 .sidebar.menu-min .nav-list > li > .arrow:before,
+.skin-2 .sidebar.menu-min .nav-list > li.active.highlight > .arrow:before {
+  border-right-color: #333;
+  border-right-color: rgba(0, 0, 0, 0.7);
+  -moz-border-right-colors: rgba(0, 0, 0, 0.7);
+}
+.skin-2 .sidebar.menu-min .nav-list > li.active:not(.highlight) > a:not(.dropdown-toggle) > .menu-text {
+  border-width: 1px;
+  border-top-color: #555555;
+  border-bottom-color: #555555;
+  border-right-color: #555555;
+}
+.skin-2 .sidebar.menu-min .nav-list > li > a > .menu-text,
+.skin-2 .sidebar.menu-min .nav-list > li.active.highlight > a > .menu-text {
+  border-left-color: #333;
+  border-left-color: rgba(0, 0, 0, 0.5);
+}
+.skin-2 .sidebar.menu-min .nav-list > li.pull_up > a > .menu-text,
+.skin-2 .sidebar.menu-min .nav-list > li.pull_up.active.highlight > a > .menu-text {
+  border-left-color: #222;
+  border-left-color: rgba(0, 0, 0, 0.7);
+}
+.skin-2 .sidebar.menu-min .nav-list > li.pull_up.active:not(.highlight) > a > .menu-text {
+  border-left-color: #666;
+}
+.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 1) > .arrow:after,
+.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 1) > .arrow:after {
+  border-right-color: #18a665;
+  -moz-border-right-colors: #18a665;
+}
+.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 2) > .arrow:after,
+.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 2) > .arrow:after {
+  border-right-color: #6ab14a;
+  -moz-border-right-colors: #6ab14a;
+}
+.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 3) > .arrow:after,
+.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 3) > .arrow:after {
+  border-right-color: #98bc1b;
+  -moz-border-right-colors: #98bc1b;
+}
+.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 4) > .arrow:after,
+.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 4) > .arrow:after {
+  border-right-color: #b7c51c;
+  -moz-border-right-colors: #b7c51c;
+}
+.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 5) > .arrow:after,
+.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 5) > .arrow:after {
+  border-right-color: #d9b41f;
+  -moz-border-right-colors: #d9b41f;
+}
+.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 6) > .arrow:after,
+.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 6) > .arrow:after {
+  border-right-color: #dfa020;
+  -moz-border-right-colors: #dfa020;
+}
+.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 7) > .arrow:after,
+.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 7) > .arrow:after {
+  border-right-color: #df7220;
+  -moz-border-right-colors: #df7220;
+}
+.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 8) > .arrow:after,
+.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 8) > .arrow:after {
+  border-right-color: #d43a48;
+  -moz-border-right-colors: #d43a48;
+}
+.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 9) > .arrow:after,
+.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 9) > .arrow:after {
+  border-right-color: #bd5289;
+  -moz-border-right-colors: #bd5289;
+}
+.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 10) > .arrow:after,
+.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 10) > .arrow:after {
+  border-right-color: #b975d0;
+  -moz-border-right-colors: #b975d0;
+}
+.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 11) > .arrow:after,
+.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 11) > .arrow:after {
+  border-right-color: #3f8ad0;
+  -moz-border-right-colors: #3f8ad0;
+}
+.skin-2 .sidebar.menu-min .nav-list > li:nth-child( 12) > .arrow:after,
+.skin-2 .sidebar.menu-min .nav-list > li.active.highlight:nth-child( 12) > .arrow:after {
+  border-right-color: #4bb9ca;
+  -moz-border-right-colors: #4bb9ca;
+}
+.skin-2 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
+  border-left-color: #777;
+}
+.skin-2 .sidebar.menu-min .nav-list > li.active > .arrow:after {
+  border-right-color: #242424;
+  -moz-border-right-colors: #242424;
+}
+.skin-2 .sidebar.menu-min .nav-list > li.active > .arrow:before {
+  border-right-color: #888;
+  -moz-border-right-colors: #FFF;
+}
+@media (max-width: 991px) {
+  .skin-2 .sidebar.responsive .nav-list > li.active > a:after {
+    display: none;
+  }
+  .skin-2 .sidebar.responsive .nav-list > li.active.highlight > a:after {
+    display: block;
+  }
+}
+@media (max-width: 991px) {
+  .skin-2 .sidebar.responsive-min .nav-list > li.open > a {
+    color: #e6e6e6;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li.active > a {
+    color: #ffffff;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li.active > a:after {
+    border-width: 9px 6px;
+    top: 10px;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight > a:after {
+    border-width: 20px 0 20px 10px;
+    top: 0;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li > a > .menu-text {
+    background-color: inherit;
+    font-weight: bold;
+    color: rgba(0, 0, 0, 0.6);
+    border-width: 0 0 0 1px;
+    border-style: solid;
+    border-color: #333;
+    border-color: rgba(0, 0, 0, 0.4);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    margin-left: 1px;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
+    background-color: inherit;
+    color: #FFF;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li > .submenu {
+    border-style: solid;
+    border-width: 1px 0 0 1px;
+    border-color: #444;
+    border-color: rgba(0, 0, 0, 0.3);
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    margin-left: 1px;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li > .submenu:after {
+    display: none;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li.active > .submenu {
+    border-top-color: rgba(0, 0, 0, 0.5);
+  }
+  .skin-2 .sidebar.responsive-min .sidebar-shortcuts-large {
+    background-color: #393939;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    border: 1px solid #555555;
+    border-width: 0 1px 1px 0;
+    top: 0;
+    border-color: #666;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li > .arrow:after,
+  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight > .arrow:after {
+    border-right-color: #bd5289;
+    -moz-border-right-colors: #bd5289;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li > .arrow:before,
+  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight > .arrow:before {
+    border-right-color: #333;
+    border-right-color: rgba(0, 0, 0, 0.7);
+    -moz-border-right-colors: rgba(0, 0, 0, 0.7);
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li.active:not(.highlight) > a:not(.dropdown-toggle) > .menu-text {
+    border-width: 1px;
+    border-top-color: #555555;
+    border-bottom-color: #555555;
+    border-right-color: #555555;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li > a > .menu-text,
+  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight > a > .menu-text {
+    border-left-color: #333;
+    border-left-color: rgba(0, 0, 0, 0.5);
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li.pull_up > a > .menu-text,
+  .skin-2 .sidebar.responsive-min .nav-list > li.pull_up.active.highlight > a > .menu-text {
+    border-left-color: #222;
+    border-left-color: rgba(0, 0, 0, 0.7);
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li.pull_up.active:not(.highlight) > a > .menu-text {
+    border-left-color: #666;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 1) > .arrow:after,
+  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 1) > .arrow:after {
+    border-right-color: #18a665;
+    -moz-border-right-colors: #18a665;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 2) > .arrow:after,
+  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 2) > .arrow:after {
+    border-right-color: #6ab14a;
+    -moz-border-right-colors: #6ab14a;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 3) > .arrow:after,
+  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 3) > .arrow:after {
+    border-right-color: #98bc1b;
+    -moz-border-right-colors: #98bc1b;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 4) > .arrow:after,
+  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 4) > .arrow:after {
+    border-right-color: #b7c51c;
+    -moz-border-right-colors: #b7c51c;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 5) > .arrow:after,
+  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 5) > .arrow:after {
+    border-right-color: #d9b41f;
+    -moz-border-right-colors: #d9b41f;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 6) > .arrow:after,
+  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 6) > .arrow:after {
+    border-right-color: #dfa020;
+    -moz-border-right-colors: #dfa020;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 7) > .arrow:after,
+  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 7) > .arrow:after {
+    border-right-color: #df7220;
+    -moz-border-right-colors: #df7220;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 8) > .arrow:after,
+  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 8) > .arrow:after {
+    border-right-color: #d43a48;
+    -moz-border-right-colors: #d43a48;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 9) > .arrow:after,
+  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 9) > .arrow:after {
+    border-right-color: #bd5289;
+    -moz-border-right-colors: #bd5289;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 10) > .arrow:after,
+  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 10) > .arrow:after {
+    border-right-color: #b975d0;
+    -moz-border-right-colors: #b975d0;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 11) > .arrow:after,
+  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 11) > .arrow:after {
+    border-right-color: #3f8ad0;
+    -moz-border-right-colors: #3f8ad0;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li:nth-child( 12) > .arrow:after,
+  .skin-2 .sidebar.responsive-min .nav-list > li.active.highlight:nth-child( 12) > .arrow:after {
+    border-right-color: #4bb9ca;
+    -moz-border-right-colors: #4bb9ca;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
+    border-left-color: #777;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li.active > .arrow:after {
+    border-right-color: #242424;
+    -moz-border-right-colors: #242424;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li.active > .arrow:before {
+    border-right-color: #888;
+    -moz-border-right-colors: #FFF;
+  }
+  .skin-2 .sidebar.responsive-min .nav-list > li.active > a:after {
+    display: block;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .skin-2 .nav-list li.hover > .submenu {
+    padding-left: 0;
+    padding-right: 0;
+    border: 1px solid;
+    border-color: rgba(0, 0, 0, 0.4);
+  }
+  .skin-2 .nav-list li.hover > .submenu > li > a {
+    margin-bottom: 0;
+    margin-top: 0;
+  }
+  .skin-2 .nav-list li.hover > .submenu > li:first-child > a {
+    border-top-width: 0;
+  }
+  .skin-2 .nav-list li .submenu > li.hover.active > a {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+  .skin-2 .nav-list > li > .submenu li.hover > .submenu {
+    padding: 2px;
+  }
+  .skin-2 .nav-list > li > .submenu li > .submenu > li.hover > a {
+    border-top-color: #222;
+    border-top-color: rgba(255, 255, 255, 0.08);
+  }
+  .skin-2 .nav-list > li.active.hover:hover > a.dropdown-toggle:after,
+  .skin-2 .nav-list > li.active.hover.hover-show > a.dropdown-toggle:after,
+  .skin-2 .menu-min .nav-list > li.active:hover > a:after,
+  .skin-2 .menu-min .nav-list > li.active.hover-show > a:after {
+    display: none;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .skin-2 .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a {
+    background-color: #393939;
+    font-weight: normal;
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a > .menu-icon,
+  .skin-2 .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a > .menu-text,
+  .skin-2 .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a > .arrow {
+    color: inherit;
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a {
+    color: #eeeeee;
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu > li.open.hover:not(:hover):not(:focus):not(.active) > a > .menu-icon {
+    display: none;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .skin-2 .sidebar:not(.navbar-collapse) .nav-list > li .submenu > li.hover:hover > a,
+  .skin-2 .sidebar:not(.navbar-collapse) .nav-list > li .submenu > li.hover.hover-show > a {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+  .skin-2 .sidebar:not(.navbar-collapse) .nav-list > li.active .submenu > li.hover:hover > a,
+  .skin-2 .sidebar:not(.navbar-collapse) .nav-list > li.active .submenu > li.hover.hover-show > a {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+}
+@media only screen and (max-width: 991px) {
+  .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu:before,
+  .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu > li:before,
+  .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu > li > .submenu:before {
+    display: none;
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list > li:before {
+    height: 41px !important;
+    top: 0;
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li > a {
+    margin-left: 0;
+    padding-left: 42px;
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
+    margin-left: 0;
+    padding-left: 58px;
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list > li > a > .menu-text,
+  .skin-2 .sidebar.navbar-collapse .nav-list > li.active.highlight > a > .menu-text {
+    border-width: 0;
+  }
+}
+@media only screen and (min-width: 992px) and (max-width: 991px) {
+  .skin-2 .sidebar.navbar-collapse .nav-list > li.hover > .submenu {
+    padding-bottom: 0;
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list li.hover > .submenu {
+    border-width: 0;
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list li li.hover:hover > a,
+  .skin-2 .sidebar.navbar-collapse .nav-list li li.hover.hover-show > a {
+    background-color: transparent;
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list li li.hover > a:hover {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu > li.active.hover:hover > a,
+  .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu > li.active.hover.hover-show > a {
+    background-color: rgba(0, 0, 0, 0.05);
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu > li.active.hover > a:hover {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu {
+    border-left-width: 0t;
+    padding: 0;
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu > li > a {
+    margin-left: 0 !important;
+    padding-left: 37px !important;
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
+    margin-left: 0 !important;
+    padding-left: 51px !important;
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list li.hover > .submenu li > a {
+    padding-left: 32px !important;
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list li.hover > .submenu li > a > .menu-icon {
+    background-color: transparent;
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list li.hover > .submenu > li.active > a {
+    background-color: transparent;
+    font-weight: normal;
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list > li.hover > .submenu > li.active > a {
+    background-color: rgba(0, 0, 0, 0.05);
+    font-weight: bold;
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list li.hover > .submenu > li.active > a:hover {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li.hover > a {
+    border-top-width: 0;
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list > li .submenu > li.hover > a > .menu-icon {
+    left: 12px;
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list > li .submenu > li.hover:hover > a,
+  .skin-2 .sidebar.navbar-collapse .nav-list > li .submenu > li.hover.hover-show > a {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+  .skin-2 .sidebar.navbar-collapse .nav-list > li.active .submenu > li.hover:hover > a,
+  .skin-2 .sidebar.navbar-collapse .nav-list > li.active .submenu > li.hover.hover-show > a {
+    background-color: rgba(0, 0, 0, 0.1);
+  }
+  .skin-2 .sidebar.navbar-collapse.menu-min .nav-list li.hover > .submenu li > a {
+    padding-left: 32px;
+  }
+}
+@media only screen and (max-width: 991px) {
+  .skin-2 .sidebar.navbar-collapse.menu-min .sidebar-shortcuts-large {
+    border-width: 0;
+  }
+  .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li > a > .menu-text {
+    font-weight: normal;
+    color: #e6e6e6;
+    margin-left: 0;
+  }
+  .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li:hover > a > .menu-text {
+    font-weight: bold;
+    color: rgba(0, 0, 0, 0.6);
+  }
+  .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li.active > a > .menu-text {
+    font-weight: bold;
+    color: #ffffff;
+  }
+  .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu {
+    margin-left: 0;
+    border-top-width: 0;
+  }
+  .skin-2 .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu li > a > .menu-icon {
+    left: 12px;
+  }
+}
+@media (min-width: 992px) {
+  .skin-2 .sidebar.compact .nav-list > li:before {
+    height: auto;
+    bottom: 0;
+  }
+}
+.skin-2 .main-container .menu-toggler {
+  background-color: #d685b0;
+}
+.skin-2 .main-container .menu-toggler:before {
+  border-top-color: #FFF;
+  border-bottom-color: #FFF;
+}
+.skin-2 .main-container .menu-toggler:after {
+  border-top-color: #FFF;
+  border-bottom-color: #FFF;
+}
+.skin-2 .main-container .menu-toggler > .toggler-text {
+  border-top-color: #d685b0;
+  -moz-border-top-colors: #d685b0;
+}
+.skin-2 .navbar .navbar-toggle {
+  background-color: #DB78A1;
+}
+.skin-2 .navbar .navbar-toggle:focus {
+  background-color: #DB78A1;
+  border-color: transparent;
+}
+.skin-2 .navbar .navbar-toggle:hover {
+  background-color: #d76896;
+  border-color: rgba(255, 255, 255, 0.1);
+}
+.skin-2 .navbar .navbar-toggle.display,
+.skin-2 .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
+  background-color: #d2588b;
+  box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
+  border-color: rgba(255, 255, 255, 0.35);
+}
+@media only screen and (min-width: 768px) {
+  .skin-2 .container.main-container:before {
+    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
+  }
+}
+@media only screen and (min-width: 992px) {
+  .skin-2 .sidebar.h-sidebar {
+    background-color: #393939;
+  }
+  .skin-2 .sidebar.h-sidebar:before {
+    background-color: #767676;
+    border-bottom-color: #7b7b7b;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list {
+    border-bottom-width: 0;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li > a > .menu-text {
+    color: #e6e6e6;
+    font-weight: normal;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li:hover > a > .menu-text,
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover-show > a > .menu-text {
+    color: #ffffff;
+    font-weight: normal;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.active > a > .menu-text {
+    font-weight: bold;
+    color: #ffffff;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li:before {
+    left: 0;
+    right: 0;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover > .submenu {
+    margin-left: -1px;
+    border-width: 1px;
+    border-top-color: rgba(0, 0, 0, 0.4);
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li .submenu > li.hover > a {
+    padding-left: 22px;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li .submenu > li.hover > a > .menu-icon {
+    left: 4px;
+  }
+  .skin-2 .sidebar.h-sidebar.compact .nav-list > li.active:before {
+    height: 2px;
+    bottom: auto;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.highlight.active > a:after {
+    display: none;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover.active > a:after {
+    display: block;
+    -moz-border-left-colors: none;
+    -moz-border-right-colors: none;
+    -moz-border-bottom-colors: #FFF;
+    border-color: transparent transparent #FFF;
+    border-width: 8px;
+    top: auto;
+    bottom: 0;
+    right: auto;
+    left: 50%;
+    margin-left: -8px;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover.active:hover > a:after,
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover.active.hover-show > a:after {
+    display: none;
+  }
+  .skin-2 .sidebar.h-sidebar .sidebar-shortcuts-large {
+    background-color: #505050;
+    border-width: 1px 0 0 !important;
+    border-top: 1px solid #777;
+    top: 100%;
+  }
+  .skin-2 .sidebar.h-sidebar .sidebar-shortcuts-mini {
+    padding-top: 2px;
+  }
+  .skin-2 .sidebar.h-sidebar .sidebar-shortcuts-mini > .btn {
+    padding: 7px;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.active.highlight > .arrow:after {
+    border-right-color: transparent;
+    border-bottom-color: #bd5289;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.active.highlight > .arrow:before {
+    border-right-color: transparent;
+    -moz-border-right-colors: none;
+    border-bottom-color: #191919;
+    -moz-border-bottom-colors: #191919;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover > .arrow:after {
+    border-right-color: transparent;
+    -moz-border-right-colors: none;
+    border-bottom-color: #45303b;
+    -moz-border-bottom-colors: #45303b;
+  }
+  .skin-2 .sidebar.h-sidebar .nav-list > li.hover > .arrow:before {
+    -moz-border-right-colors: none;
+    border-right-color: transparent;
+    border-bottom-color: #191919;
+    -moz-border-bottom-colors: #191919;
+  }
+  .skin-2 .sidebar.h-sidebar .sidebar-shortcuts-large:after {
+    border-bottom-color: #505050;
+  }
+  .skin-2 .sidebar.h-sidebar .sidebar-shortcuts-large:before {
+    border-bottom-color: #999;
+    -moz-border-bottom-colors: #999;
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .sidebar-shortcuts-mini {
+    padding-top: 3px;
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .sidebar-shortcuts-mini > .btn {
+    padding: 6px;
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li > a > .menu-text {
+    border-width: 1px 0 0 0;
+    border-top-color: rgba(0, 0, 0, 0.5);
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li > .arrow:before,
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight > .arrow:before {
+    -moz-border-bottom-colors: rgba(0, 0, 0, 0.7);
+    border-bottom-color: rgba(0, 0, 0, 0.7);
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child( 1) > .arrow:after,
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child( 1) > .arrow:after {
+    border-bottom-color: #18a665;
+    -moz-border-bottom-colors: #18a665;
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child( 2) > .arrow:after,
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child( 2) > .arrow:after {
+    border-bottom-color: #6ab14a;
+    -moz-border-bottom-colors: #6ab14a;
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child( 3) > .arrow:after,
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child( 3) > .arrow:after {
+    border-bottom-color: #98bc1b;
+    -moz-border-bottom-colors: #98bc1b;
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child( 4) > .arrow:after,
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child( 4) > .arrow:after {
+    border-bottom-color: #b7c51c;
+    -moz-border-bottom-colors: #b7c51c;
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child( 5) > .arrow:after,
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child( 5) > .arrow:after {
+    border-bottom-color: #d9b41f;
+    -moz-border-bottom-colors: #d9b41f;
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child( 6) > .arrow:after,
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child( 6) > .arrow:after {
+    border-bottom-color: #dfa020;
+    -moz-border-bottom-colors: #dfa020;
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child( 7) > .arrow:after,
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child( 7) > .arrow:after {
+    border-bottom-color: #df7220;
+    -moz-border-bottom-colors: #df7220;
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child( 8) > .arrow:after,
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child( 8) > .arrow:after {
+    border-bottom-color: #d43a48;
+    -moz-border-bottom-colors: #d43a48;
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child( 9) > .arrow:after,
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child( 9) > .arrow:after {
+    border-bottom-color: #bd5289;
+    -moz-border-bottom-colors: #bd5289;
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child( 10) > .arrow:after,
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child( 10) > .arrow:after {
+    border-bottom-color: #b975d0;
+    -moz-border-bottom-colors: #b975d0;
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child( 11) > .arrow:after,
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child( 11) > .arrow:after {
+    border-bottom-color: #3f8ad0;
+    -moz-border-bottom-colors: #3f8ad0;
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li:nth-child( 12) > .arrow:after,
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight:nth-child( 12) > .arrow:after {
+    border-bottom-color: #4bb9ca;
+    -moz-border-bottom-colors: #4bb9ca;
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active > .arrow:after {
+    border-bottom-color: #242424;
+    -moz-border-bottom-colors: #242424;
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active > .arrow:before {
+    border-bottom-color: #888;
+    -moz-border-bottom-colors: #FFF;
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li > a > .menu-text,
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active.highlight > a > .menu-text {
+    border-top-color: #333;
+    border-top-color: rgba(0, 0, 0, 0.5);
+  }
+  .skin-2 .sidebar.h-sidebar.menu-min .nav-list > li.active > a > .menu-text {
+    border-top-color: #777;
+  }
+  .skin-2 .sidebar.h-sidebar + .main-content .breadcrumbs {
+    border-color: #d5e7f1;
+    top: 2px;
+  }
+  .skin-2 .h-sidebar.sidebar-fixed + .main-content {
+    padding-top: 86px;
+  }
+  .skin-2 .h-sidebar.sidebar-fixed.no-gap + .main-content {
+    padding-top: 72px;
+  }
+  .skin-2 .h-sidebar.sidebar-fixed.menu-min + .main-content {
+    padding-top: 61px;
+  }
+  .skin-2 .h-sidebar.sidebar-fixed.menu-min.no-gap + .main-content {
+    padding-top: 47px;
+  }
+  .skin-2 .main-content .h-sidebar.sidebar .nav-list {
+    border-left: 1px solid #575757;
+  }
+}
+.skin-2 .sidebar-scroll .sidebar-shortcuts {
+  border-bottom-color: #555555;
+}
+.skin-2 .sidebar-scroll .sidebar-toggle {
+  border-top-color: #555555;
+}
+.skin-2 .scrollout .scroll-track {
+  background-color: transparent;
+}
+.skin-2 .scrollout .scroll-bar {
+  background-color: #CCC;
+  background-color: rgba(0, 0, 0, 0.2);
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .skin-2 .navbar.navbar-collapse {
+    background-color: transparent;
+  }
+  .skin-2 .navbar.navbar-collapse:before,
+  .skin-2 .navbar.navbar-collapse .navbar-container {
+    background: #c6487e;
+  }
+}
+.skin-2 .nav-list > li.disabled:before {
+  display: none !important;
+}
+.skin-2 .nav-list > li.disabled > a,
+.skin-2 .nav-list > li > a.disabled {
+  background-color: #555 !important;
+  color: #CCC !important;
+}
+.skin-2 .nav-list > li.disabled > a > .menu-text,
+.skin-2 .nav-list > li > a.disabled > .menu-text {
+  color: #CCC !important;
+}
+.skin-2 .nav-list > li.disabled > a .label,
+.skin-2 .nav-list > li > a.disabled .label,
+.skin-2 .nav-list > li.disabled > a .badge,
+.skin-2 .nav-list > li > a.disabled .badge {
+  background-color: rgba(0, 0, 0, 0.5) !important;
+}
+.skin-2 .nav-list > li.active.highlight.disabled > a:after,
+.skin-2 .nav-list > li.active.highlight > a.disabled:after {
+  -moz-border-left-colors: #555 !important;
+  border-left-color: #555 !important;
+}
+.skin-2 .nav-list li .submenu > li.disabled > a,
+.skin-2 .nav-list li .submenu > li > a.disabled,
+.skin-2 .nav-list li.disabled .submenu > li > a,
+.skin-2 .nav-list li > a.disabled + .submenu > li > a {
+  background-color: #666 !important;
+  color: #DDD !important;
+  cursor: not-allowed !important;
+}
+.skin-2 .nav-list li .submenu > li.disabled > a > .menu-icon,
+.skin-2 .nav-list li .submenu > li > a.disabled > .menu-icon,
+.skin-2 .nav-list li.disabled .submenu > li > a > .menu-icon,
+.skin-2 .nav-list li > a.disabled + .submenu > li > a > .menu-icon {
+  display: none;
+}
+/* skin 3 */
+.skin-3 {
+  background-color: #bbbbbb;
+}
+.skin-3 .main-container:before {
+  background: #FFF;
+  background: -moz-linear-gradient(top, #eef5fa 0%, #ffffff 8%) 0 4px;
+  background: -webkit-gradient(linear, 0 0, 0 100%, from(#eef5fa), color-stop(4%, #ffffff)) 0 4px;
+  background: -webkit-linear-gradient(top, #eef5fa 0%, #ffffff 8%) 0 4px;
+  background: -o-linear-gradient(top, #eef5fa 0%, #ffffff 8%) 0 4px;
+  background: -ms-linear-gradient(top, #eef5fa 0%, #ffffff 8%) 0 4px;
+  background: linear-gradient(top, #eef5fa 0%, #ffffff 8%) 0 4px;
+  -moz-background-size: 100% 26px;
+  -webkit-background-size: 100% 26px;
+  -o-background-size: 100% 26px;
+  -ms-background-size: 100% 26px;
+  background-size: 100% 26px;
+}
+@media (min-width: 768px) {
+  .skin-3 .main-container.container:before {
+    -webkit-box-shadow: 0 0 0 1px rgba(50, 100, 200, 0.1);
+    box-shadow: 0 0 0 1px rgba(50, 100, 200, 0.1);
+  }
+}
+.skin-3 .navbar {
+  background: #404040;
+}
+.skin-3 .sidebar {
+  background-color: #dbdbdb;
+  border-style: solid;
+  border-width: 0 1px 0 0;
+  border-color: #a4c6dd;
+}
+.skin-3 .nav-list > li {
+  border-color: #f2f2f2;
+}
+.skin-3 .nav-list > li > a {
+  background-color: #e3e3e3;
+  color: #5a5a5a;
+}
+.skin-3 .nav-list > li > a > .arrow {
+  color: inherit;
+}
+.skin-3 .nav-list > li > a:focus {
+  background-color: #e8e8e8;
+  color: #5a5a5a;
+}
+.skin-3 .nav-list > li:hover {
+  border-color: #95bad2 !important;
+}
+.skin-3 .nav-list > li:hover + li {
+  border-top-color: #95bad2 !important;
+}
+.skin-3 .nav-list > li.open {
+  border-color: #95bad2 !important;
+}
+.skin-3 .nav-list > li.open + li {
+  border-top-color: #95bad2 !important;
+}
+.skin-3 .nav-list > li.active {
+  border-color: #a4c6dd !important;
+}
+.skin-3 .nav-list > li.active + li {
+  border-color: #a4c6dd !important;
+}
+.skin-3 .nav-list > li.active + li:last-child {
+  border-bottom-color: #f2f2f2 !important;
+}
+.skin-3 .nav-list > li.active + li:last-child:hover {
+  border-bottom-color: #95bad2 !important;
+}
+.skin-3 .nav-list > li:hover > a {
+  background-color: #ffffff;
+  color: #337dbb;
+}
+.skin-3 .nav-list > li.open > a,
+.skin-3 .nav-list > li.open:hover > a {
+  color: #337dbb;
+  background-color: #f8f8f8;
+}
+.skin-3 .nav-list > li.open > a > .arrow {
+  color: inherit;
+}
+.skin-3 .nav-list > li.active > a,
+.skin-3 .nav-list > li.active.highlight > a {
+  background-color: #f3faff !important;
+  color: #4d96cb !important;
+}
+.skin-3 .nav-list > li:hover:before,
+.skin-3 .nav-list > li.open:before {
+  display: block;
+  background-color: #4f8ab4 !important;
+}
+.skin-3 .nav-list > li.active:before {
+  display: block;
+  background-color: #4D96CB !important;
+}
+.skin-3 .page-content {
+  background-color: transparent;
+}
+.skin-3 .infobox-container .infobox:not(.infobox-dark) {
+  border-style: solid;
+  background-color: transparent;
+}
+.skin-3 .nav-list > li.active:after {
+  display: none;
+}
+.skin-3 .nav-list li.active > a:after {
+  border-right-color: #FFF;
+  -moz-border-right-colors: #FFF;
+  border-width: 12px 8px;
+  top: 7px;
+  right: -1px;
+}
+.skin-3 .nav-list li.active > a:before {
+  display: block;
+  content: "";
+  position: absolute;
+  background-color: transparent;
+  border-style: solid;
+  border-color: transparent;
+  border-right-color: #91bad6;
+  -moz-border-right-colors: #91bad6;
+  right: 0;
+  border-width: 12px 8px;
+  top: 7px;
+}
+.skin-3 .nav-list > li.active > .submenu li.active > a:before,
+.skin-3 .nav-list > li.active > .submenu li.active > a:after {
+  top: 4px;
+}
+.skin-3 .nav-list li.active.open > a:before {
+  display: none;
+}
+.skin-3 .nav-list li.highlight.active.open > a:before {
+  display: block;
+}
+.skin-3 .nav-list li.active:not(.open) li.active > a:before {
+  display: none !important;
+}
+.skin-3 .nav-list > li.highlight.active > a:after {
+  border-left-color: #f3faff;
+  -moz-border-left-colors: #f3faff;
+}
+.skin-3 .nav-list > li.highlight.active > a:before {
+  border-left-color: #91bad6;
+  -moz-border-left-colors: #91bad6;
+}
+.skin-3 .nav-list li > .arrow:before {
+  border-right-color: #7fafcf;
+  -moz-border-right-colors: #7fafcf;
+}
+.skin-3 .nav-list > li .submenu > li.active:not(.open) > a {
+  background-color: #f5f7fa;
+}
+.skin-3 .nav-list > li .submenu > li.active:not(.open) > a:hover {
+  background-color: #f1f5f9;
+}
+@media only screen and (max-width: 991px) {
+  .skin-3 .sidebar.responsive .nav-list > li.active.open > a:after {
+    display: none;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .skin-3 .nav-list li.hover > .submenu {
+    border-color: #99bfd9;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .skin-3 .nav-list li.hover.active > a:before {
+    display: block;
+  }
+  .skin-3 .nav-list li.hover .submenu > li.active > a:before {
+    display: none ;
+  }
+}
+.skin-3 .sidebar.menu-min .nav-list > li > a > .menu-text {
+  background-color: #f1f5f9;
+  border-color: #A4C6DD;
+}
+.skin-3 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
+  background-color: #EDF3F7;
+}
+.skin-3 .sidebar.menu-min .nav-list > li > .submenu {
+  border-color: #A4C6DD;
+  border-top-color: #C9DAE5;
+}
+.skin-3 .sidebar.menu-min .nav-list > li.active > .arrow:before {
+  border-right-color: #709FBF;
+  -moz-border-right-colors: #709FBF;
+}
+.skin-3 .sidebar.menu-min .nav-list > li > .arrow:after {
+  border-right-color: #EDF3F7;
+  -moz-border-right-colors: #EDF3F7;
+}
+.skin-3 .sidebar.menu-min .nav-list li.active > a:after,
+.skin-3 .sidebar.menu-min .nav-list li.active > a:before {
+  display: none;
+}
+.skin-3 .sidebar.menu-min .nav-list > li.active > a:after,
+.skin-3 .sidebar.menu-min .nav-list > li.active > a:before {
+  display: block;
+  border-width: 9px 7px;
+  top: 10px;
+}
+.skin-3 .sidebar.menu-min .nav-list > li.active.highlight > a:after,
+.skin-3 .sidebar.menu-min .nav-list > li.active.highlight > a:before {
+  border-width: 20px 0 21px 10px;
+  top: -1px;
+}
+.skin-3 .sidebar.menu-min .nav-list > li.active:hover > a:after,
+.skin-3 .sidebar.menu-min .nav-list > li.active.hover-show > a:after,
+.skin-3 .sidebar.menu-min .nav-list > li.active:hover > a:before,
+.skin-3 .sidebar.menu-min .nav-list > li.active.hover-show > a:before {
+  display: none;
+}
+.skin-3 .sidebar.menu-min .sidebar-shortcuts-large {
+  background-color: #F5F5F5;
+}
+@media only screen and (max-width: 991px) {
+  .skin-3 .sidebar.menu-min.responsive .nav-list > li.active > a:after,
+  .skin-3 .sidebar.menu-min.responsive .nav-list > li.active > a:before {
+    display: none;
+  }
+}
+@media only screen and (max-width: 991px) {
+  .skin-3 .sidebar.responsive {
+    border-bottom-width: 1px !important;
+  }
+  .skin-3 .sidebar.responsive .nav-list > li.active.open > a:after {
+    display: none;
+  }
+  .skin-3 .sidebar.responsive .nav-list > li.active.highlight > a:after,
+  .skin-3 .sidebar.responsive .nav-list > li.active.highlight > a:before {
+    display: block;
+  }
+  .skin-3 .sidebar.navbar-collapse {
+    border-bottom-color: #A4C6DD;
+  }
+  .skin-3 .nav-list li.active > a:after,
+  .skin-3 .nav-list li.active > a:before {
+    display: none;
+  }
+  .skin-3 .sidebar.responsive-min .nav-list > li > a > .menu-text {
+    background-color: #f1f5f9;
+    border-color: #A4C6DD;
+  }
+  .skin-3 .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
+    background-color: #EDF3F7;
+  }
+  .skin-3 .sidebar.responsive-min .nav-list > li > .submenu {
+    border-color: #A4C6DD;
+    border-top-color: #C9DAE5;
+  }
+  .skin-3 .sidebar.responsive-min .nav-list > li.active > .arrow:before {
+    border-right-color: #709FBF;
+    -moz-border-right-colors: #709FBF;
+  }
+  .skin-3 .sidebar.responsive-min .nav-list > li > .arrow:after {
+    border-right-color: #EDF3F7;
+    -moz-border-right-colors: #EDF3F7;
+  }
+  .skin-3 .sidebar.responsive-min .nav-list li.active > a:after,
+  .skin-3 .sidebar.responsive-min .nav-list li.active > a:before {
+    display: none;
+  }
+  .skin-3 .sidebar.responsive-min .nav-list > li.active > a:after,
+  .skin-3 .sidebar.responsive-min .nav-list > li.active > a:before {
+    display: block;
+    border-width: 9px 7px;
+    top: 10px;
+  }
+  .skin-3 .sidebar.responsive-min .nav-list > li.active.highlight > a:after,
+  .skin-3 .sidebar.responsive-min .nav-list > li.active.highlight > a:before {
+    border-width: 20px 0 21px 10px;
+    top: -1px;
+  }
+  .skin-3 .sidebar.responsive-min .nav-list > li.active:hover > a:after,
+  .skin-3 .sidebar.responsive-min .nav-list > li.active.hover-show > a:after,
+  .skin-3 .sidebar.responsive-min .nav-list > li.active:hover > a:before,
+  .skin-3 .sidebar.responsive-min .nav-list > li.active.hover-show > a:before {
+    display: none;
+  }
+  .skin-3 .sidebar.responsive-min .sidebar-shortcuts-large {
+    background-color: #F5F5F5;
+  }
+  .skin-3 .sidebar.responsive-max {
+    border-width: 0 1px 1px 0;
+  }
+  .skin-3 .sidebar.responsive-max .nav-list li.hover.active > a:before {
+    display: none;
+  }
+  .skin-3 .sidebar.responsive-max .nav-list > li.active.open > a:after {
+    display: none;
+  }
+  .skin-3 .sidebar.responsive-max .nav-list > li.active.highlight > a:after,
+  .skin-3 .sidebar.responsive-max .nav-list > li.active.highlight > a:before {
+    display: block;
+  }
+  .skin-3 .sidebar.navbar-collapse .sidebar-shortcuts-large {
+    background-color: transparent;
+  }
+}
+.skin-3 .sidebar-shortcuts,
+.skin-3 .sidebar-shortcuts-mini {
+  background-color: #dbdbdb;
+}
+.skin-3 .sidebar-shortcuts-large > .btn:focus {
+  outline: none;
+}
+.skin-3 .sidebar > .nav-search {
+  background-color: #dbdbdb;
+}
+.skin-3 .sidebar-toggle {
+  background-color: #d0d0d0;
+  border-color: #f2f2f2;
+}
+.skin-3 .sidebar-toggle:before {
+  border-color: #f2f2f2;
+}
+.skin-3 .sidebar-toggle > .ace-icon {
+  background-color: #ffffff;
+  background-color: #FFF;
+  border-color: #999;
+  color: #999;
+}
+.skin-3 .sidebar-scroll .nav-wrap-up + .sidebar-toggle:after {
+  display: block;
+  content: "";
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: -1px;
+  border-right: 1px solid #a4c6dd;
+}
+@media only screen and (max-width: 991px) {
+  .skin-3 .sidebar.navbar-collapse .nav-list > li:before {
+    height: 43px !important;
+  }
+  .skin-3 .sidebar.navbar-collapse .sidebar-shortcuts {
+    padding: 0 0 3px !important;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .skin-3 .nav-list > li.active.hover:hover > a.dropdown-toggle:after,
+  .skin-3 .nav-list > li.active.hover.hover-show > a.dropdown-toggle:after,
+  .skin-3 .nav-list > li.active.hover:hover > a.dropdown-toggle:before,
+  .skin-3 .nav-list > li.active.hover.hover-show > a.dropdown-toggle:before {
+    display: none;
+  }
+}
+.skin-3 .main-container .menu-toggler {
+  background-color: #62A8D1;
+  color: #FFF;
+}
+.skin-3 .main-container .menu-toggler:before,
+.skin-3 .main-container .menu-toggler:after {
+  border-color: #FFF;
+}
+.skin-3 .main-container .menu-toggler > .toggler-text {
+  border-top-color: #62A8D1;
+  -moz-border-top-colors: #62A8D1;
+}
+.skin-3 .main-container .menu-toggler > .toggler-text:after {
+  color: #FFF;
+}
+.skin-3 .navbar .navbar-toggle {
+  border-color: rgba(255, 255, 255, 0.15);
+  transition: background-color 0.1s ease 0s;
+  background-color: #648CAE;
+}
+.skin-3 .navbar .navbar-toggle:focus {
+  background-color: #648CAE;
+  border-color: rgba(255, 255, 255, 0.15);
+}
+.skin-3 .navbar .navbar-toggle:hover {
+  background-color: #5782a7;
+  border-color: rgba(255, 255, 255, 0.15);
+}
+.skin-3 .navbar .navbar-toggle.display,
+.skin-3 .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
+  background-color: #507899;
+  border-color: rgba(255, 255, 255, 0.3);
+}
+.skin-3 .breadcrumbs {
+  border-width: 0;
+  background-color: #e7f2f8;
+  border-radius: 4px;
+  margin: 8px 8px 0;
+}
+@media only screen and (max-width: 991px) {
+  .skin-3 .breadcrumbs {
+    margin: 5px 5px 0;
+  }
+  .skin-3 .menu-toggler + .sidebar.responsive + .main-content .breadcrumbs {
+    margin: 0;
+    border-radius: 0;
+  }
+}
+@media (min-width: 992px) {
+  .skin-3 .breadcrumbs.breadcrumbs-fixed + .page-content {
+    padding-top: 57px;
+  }
+}
+@media (min-width: 992px) and (max-width: 991px) {
+  .skin-3 .breadcrumbs.breadcrumbs-fixed + .page-content {
+    padding-top: 54px;
+  }
+  .skin-3 .menu-toggler + .sidebar.reponsive + .main-content .breadcrumbs.breadcrumbs-fixed + .page-content {
+    padding-top: 49px;
+  }
+}
+@media (min-width: 992px) and (max-width: 991px) {
+  .skin-3 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
+    width: 734px;
+  }
+}
+@media (min-width: 992px) and (max-width: 991px) {
+  .skin-3 .container.main-container .breadcrumbs-fixed {
+    width: 734px;
+  }
+  .skin-3 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+    width: 734px;
+  }
+  .skin-3 .container.main-container .sidebar.responsive-min + .main-content .breadcrumbs-fixed {
+    width: 691px;
+  }
+}
+@media (min-width: 992px) {
+  .skin-3 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
+    width: 843px;
+  }
+}
+@media (min-width: 992px) {
+  .skin-3 .container.main-container .breadcrumbs-fixed {
+    width: 964px;
+  }
+  .skin-3 .container.main-container .sidebar + .main-content .breadcrumbs-fixed {
+    width: 758px;
+  }
+  .skin-3 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+    width: 905px;
+  }
+}
+@media (min-width: 1200px) {
+  .skin-3 .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
+    width: 1043px;
+  }
+}
+@media (min-width: 1200px) {
+  .skin-3 .container.main-container .breadcrumbs-fixed {
+    width: 1148px;
+  }
+  .skin-3 .container.main-container .sidebar + .main-content .breadcrumbs-fixed {
+    width: 958px;
+  }
+  .skin-3 .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+    width: 1105px;
+  }
+}
+@media only screen and (max-width: 991px) {
+  .skin-3 .nav-list li.active > a:before,
+  .skin-3 .nav-list li.active > a:after {
+    display: none;
+  }
+}
+.skin-3 .sidebar-shortcuts-large > .btn {
+  line-height: 26px;
+  border-width: 1px;
+}
+.skin-3 .sidebar-shortcuts-mini {
+  padding-top: 3px;
+  padding-bottom: 3px;
+  padding-left: 1px;
+}
+.skin-3 .sidebar-shortcuts-mini > .btn {
+  border-width: 1px;
+  opacity: 1;
+  padding: 7px;
+  margin: 1px 1px 0 0;
+}
+@media only screen and (min-width: 992px) {
+  .skin-3 .sidebar.h-sidebar {
+    background-color: #e3e3e3;
+  }
+  .skin-3 .sidebar.h-sidebar:before {
+    background-color: #CBD0D6;
+    border-bottom-width: 0;
+  }
+  .skin-3 .sidebar.h-sidebar .sidebar-shortcuts-mini > .btn {
+    padding: 8px;
+  }
+  .skin-3 .sidebar.h-sidebar .sidebar-shortcuts-large {
+    background-color: #FFF;
+    line-height: 36px;
+  }
+  .skin-3 .sidebar.h-sidebar + .main-content .breadcrumbs {
+    border-color: #d5e7f1;
+    top: 2px;
+  }
+  .skin-3 .sidebar.h-sidebar .nav-list > li.hover > .submenu {
+    border-color: #A4C6DD;
+  }
+  .skin-3 .sidebar.h-sidebar .nav-list > li {
+    border-color: #f2f2f2;
+  }
+  .skin-3 .sidebar.h-sidebar .nav-list > li:hover,
+  .skin-3 .sidebar.h-sidebar .nav-list > li:hover + li {
+    border-left-color: #95bad2;
+  }
+  .skin-3 .sidebar.h-sidebar .nav-list > li:last-child:hover {
+    border-right-color: #95bad2;
+  }
+  .skin-3 .sidebar.h-sidebar .nav-list > li.active,
+  .skin-3 .sidebar.h-sidebar .nav-list > li.active + li,
+  .skin-3 .sidebar.h-sidebar .nav-list > li:hover + li.active {
+    border-left-color: #a4c6dd;
+  }
+  .skin-3 .sidebar.h-sidebar .nav-list > li.active:last-child {
+    border-right-color: #a4c6dd;
+  }
+  .skin-3 .sidebar.h-sidebar .nav-list > li.active > a:after {
+    left: 0;
+    top: auto;
+    right: auto;
+    bottom: -2px;
+    left: 50%;
+    margin-left: -7px;
+    border-color: transparent;
+    -moz-border-right-colors: none;
+    border-width: 8px 7px !important;
+    border-bottom-color: #FFF;
+    -moz-border-bottom-colors: #FFF;
+  }
+  .skin-3 .sidebar.h-sidebar .nav-list > li.active > a:before {
+    display: block;
+    left: 0;
+    top: auto;
+    right: auto;
+    bottom: -1px;
+    left: 50%;
+    margin-left: -8px !important;
+    border-width: 8px !important;
+    border-color: transparent;
+    -moz-border-right-colors: none;
+    border-bottom-color: #74add7;
+    -moz-border-bottom-colors: #74add7;
+  }
+  .skin-3 .sidebar.h-sidebar .nav-list > li.hover > .arrow:before {
+    -moz-border-right-colors: none;
+    border-right-color: transparent;
+    border-bottom-color: #7fafcf;
+    -moz-border-bottom-colors: #7fafcf;
+  }
+  .skin-3 .sidebar.h-sidebar.menu-min .sidebar-shortcuts {
+    max-width: 52px;
+    padding-left: 2px;
+    padding-right: 2px;
+  }
+  .skin-3 .sidebar.h-sidebar.menu-min .sidebar-shortcuts-mini > .btn {
+    padding: 7px;
+  }
+  .skin-3 .sidebar.h-sidebar.menu-min .nav-list > li.hover > .submenu {
+    border-top-color: #C9DAE5;
+  }
+  .skin-3 .sidebar.h-sidebar.menu-min .nav-list > li.active > a > .menu-text {
+    border-left-color: #A4C6DD;
+  }
+  .skin-3 .sidebar.h-sidebar.menu-min .nav-list > li > .arrow:after {
+    -moz-border-bottom-colors: #EDF3F7;
+    border-bottom-color: #EDF3F7;
+  }
+}
+.skin-3 .sidebar-scroll .sidebar-shortcuts {
+  border-bottom-color: 1px solid #99B6C9;
+}
+.skin-3 .sidebar-scroll .sidebar-toggle {
+  border-top-color: #99B6C9;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .skin-3 .navbar.navbar-collapse {
+    background-color: transparent;
+  }
+  .skin-3 .navbar.navbar-collapse:before,
+  .skin-3 .navbar.navbar-collapse .navbar-container {
+    background: #404040;
+  }
+}
+.skin-3 .nav-list > li.disabled:before {
+  display: none !important;
+}
diff --git a/web/bootstrap-ace-admin/css/ace.css b/web/bootstrap-ace-admin/css/ace.css
new file mode 100755
index 00000000..2270f14d
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/ace.css
@@ -0,0 +1,19940 @@
+html {
+  min-height: 100%;
+  position: relative;
+}
+body {
+  background-color: #e4e6e9;
+  min-height: 100%;
+  padding-bottom: 0;
+  font-family: 'Open Sans';
+  font-size: 13px;
+  color: #393939;
+  line-height: 1.5;
+}
+.main-container:before {
+  display: block;
+  content: "";
+  position: absolute;
+  z-index: -2;
+  width: 100%;
+  max-width: inherit;
+  bottom: 0;
+  top: 0;
+  background-color: #FFF;
+}
+.main-container.container,
+.rtl .main-container.container {
+  padding-left: 0;
+  padding-right: 0;
+}
+.main-container.container:before {
+  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
+  box-shadow: 0 0 0 1px rgba(0,0,0,0.1);
+  width: inherit;
+}
+@media (max-width: 767px) {
+  .main-container.container:before {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    width: 100%;
+  }
+}
+.main-content {
+  margin-left: 0;
+  min-height: 100%;
+  padding: 0;
+}
+.main-content:before,
+.main-content:after {
+  content: " ";
+  display: table;
+}
+.main-content:after {
+  clear: both;
+}
+.sidebar + .main-content {
+  margin-left: 190px;
+}
+.page-content {
+  background-color: #ffffff;
+  position: relative;
+  margin: 0;
+  padding: 8px 20px 24px;
+}
+.page-header {
+  margin: 0 0 12px;
+  border-bottom: 1px dotted #e2e2e2;
+  padding-bottom: 16px;
+  padding-top: 7px;
+}
+.page-header h1 {
+  padding: 0;
+  margin: 0 8px;
+  font-size: 24px;
+  font-weight: lighter;
+  color: #2679b5;
+}
+.page-header h1 small {
+  margin: 0 6px;
+  font-size: 14px;
+  font-weight: normal;
+  color: #8089a0;
+}
+.ajax-loading-overlay {
+  position: absolute;
+  z-index: 1999;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  background-color: rgba(255, 255, 255, 0.5);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80FFFFFF', endColorstr='#80FFFFFF',GradientType=0 );
+}
+.ajax-loading-overlay > .ajax-loading-icon {
+  position: relative;
+  left: 8px;
+  top: 8px;
+}
+.ajax-loading-overlay.content-loaded {
+  background-color: rgba(255, 255, 255, 0.4);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66FFFFFF', endColorstr='#66FFFFFF',GradientType=0 );
+}
+.ajax-loading-overlay.almost-loaded {
+  background-color: rgba(255, 255, 255, 0.3);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4CFFFFFF', endColorstr='#4CFFFFFF',GradientType=0 );
+}
+.ajax-loading-overlay.ajax-overlay-body {
+  position: fixed;
+  z-index: 2999;
+}
+.ajax-loading-overlay.ajax-overlay-body > .ajax-loading-icon {
+  left: 8px;
+  top: 8px;
+}
+.ace-icon {
+  text-align: center;
+}
+a:focus,
+a:active {
+  text-decoration: none;
+}
+h1 {
+  font-size: 32px;
+  font-weight: normal;
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+h1.smaller {
+  font-size: 31px;
+}
+h1.bigger {
+  font-size: 33px;
+}
+h1.block {
+  margin-bottom: 16px;
+}
+h2 {
+  font-size: 26px;
+  font-weight: normal;
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+h2.smaller {
+  font-size: 25px;
+}
+h2.bigger {
+  font-size: 27px;
+}
+h2.block {
+  margin-bottom: 16px;
+}
+h3 {
+  font-size: 22px;
+  font-weight: normal;
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+h3.smaller {
+  font-size: 21px;
+}
+h3.bigger {
+  font-size: 23px;
+}
+h3.block {
+  margin-bottom: 16px;
+}
+h4 {
+  font-size: 18px;
+  font-weight: normal;
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+h4.smaller {
+  font-size: 17px;
+}
+h4.bigger {
+  font-size: 19px;
+}
+h4.block {
+  margin-bottom: 16px;
+}
+h5 {
+  font-size: 15px;
+  font-weight: normal;
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+h5.smaller {
+  font-size: 14px;
+}
+h5.bigger {
+  font-size: 16px;
+}
+h5.block {
+  margin-bottom: 16px;
+}
+h6 {
+  font-size: 13px;
+  font-weight: normal;
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+}
+h6.smaller {
+  font-size: 12px;
+}
+h6.bigger {
+  font-size: 14px;
+}
+h6.block {
+  margin-bottom: 16px;
+}
+ul,
+ol {
+  margin-top: 0;
+  margin-bottom: 10px;
+  margin-right: 0;
+  margin-left: 25px;
+  padding: 0;
+}
+ul.margin-5,
+ol.margin-5 {
+  margin-left: 5px;
+}
+ul.margin-10,
+ol.margin-10 {
+  margin-left: 10px;
+}
+ul.margin-15,
+ol.margin-15 {
+  margin-left: 15px;
+}
+ul.margin-20,
+ol.margin-20 {
+  margin-left: 20px;
+}
+li > ul,
+li > ol {
+  margin-left: 18px;
+}
+.list-unstyled,
+.list-inline {
+  margin-left: 0;
+}
+.list-unstyled > li > .ace-icon:first-child,
+.list-inline > li > .ace-icon:first-child {
+  width: 18px;
+  text-align: center;
+}
+.spaced > li {
+  margin-top: 9px;
+  margin-bottom: 9px;
+}
+.spaced2 > li {
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+li.divider {
+  margin-top: 3px;
+  margin-bottom: 3px;
+  height: 0;
+  font-size: 0;
+}
+.spaced > li.divider {
+  margin-top: 5px;
+  margin-bottom: 5px;
+}
+.spaced2 > li.divider {
+  margin-top: 8px;
+  margin-bottom: 8px;
+}
+li.divider:before {
+  content: "";
+  display: inline-block;
+}
+blockquote,
+blockquote.pull-right,
+.blockquote-reverse {
+  border-color: #e5eaf1;
+}
+pre.prettyprint {
+  white-space: pre-wrap;
+}
+.well {
+  border-radius: 0;
+}
+.well h1,
+.well h2,
+.well h3,
+.well h4,
+.well h5,
+.well h6 {
+  margin-top: 0;
+}
+.well h1,
+.well h2,
+.well h3 {
+  line-height: 36px;
+}
+.alert {
+  font-size: 14px;
+  border-radius: 0;
+}
+.alert .close {
+  font-size: 16px;
+}
+.alert-block p + p {
+  margin-top: 10px;
+}
+.pagination > li > span,
+.pager > li > span {
+  border-width: 1px;
+  border-radius: 0 !important;
+}
+.pagination > li > a,
+.pager > li > a {
+  border-width: 1px;
+  border-color: #d4dfe3;
+  border-radius: 0 !important;
+  color: #2283c5;
+  background-color: #fafafa;
+  margin: 0 -1px 0 0;
+  position: relative;
+  z-index: auto;
+}
+.pagination > li > a:hover,
+.pager > li > a:hover {
+  color: #1c6ca2;
+  background-color: #eaeff2;
+  border-color: #c1d1d7;
+  z-index: 1;
+}
+.pagination > li > a:focus,
+.pager > li > a:focus {
+  background-color: #eaeef2;
+}
+.pagination > li.disabled > a,
+.pager > li.disabled > a,
+.pagination > li.disabled > a:hover,
+.pager > li.disabled > a:hover {
+  background-color: #f9f9f9;
+  border-color: #d9d9d9;
+  z-index: auto;
+}
+.pagination > li.active > a,
+.pagination > li.active > a:hover {
+  background-color: #6faed9;
+  border-color: #6faed9;
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  z-index: 2;
+}
+.list-group {
+  margin-left: auto;
+}
+.list-group-item {
+  border-radius: 0 !important;
+}
+.lighter {
+  font-weight: lighter;
+}
+.bolder {
+  font-weight: bolder;
+}
+.inline {
+  display: inline-block !important;
+}
+.block {
+  display: block !important;
+}
+.center,
+.align-center {
+  text-align: center !important;
+}
+.align-left {
+  text-align: left !important;
+}
+.align-right {
+  text-align: right !important;
+}
+.middle {
+  vertical-align: middle;
+}
+.align-middle {
+  vertical-align: middle !important;
+}
+.align-top {
+  vertical-align: top !important;
+}
+.align-bottom {
+  vertical-align: bottom !important;
+}
+.position-relative,
+.pos-rel {
+  position: relative;
+}
+.position-absolute,
+.pos-abs {
+  position: absolute;
+}
+.no-float {
+  float: none !important;
+}
+.line-height-normal {
+  line-height: normal !important;
+}
+.line-height-0 {
+  line-height: 0 !important;
+}
+.line-height-1 {
+  line-height: 1 !important;
+}
+.line-height-125 {
+  line-height: 1.25 !important;
+}
+.line-height-150 {
+  line-height: 1.5 !important;
+}
+.dark {
+  color: #333333 !important;
+}
+.white {
+  color: #ffffff !important;
+}
+.red {
+  color: #dd5a43 !important;
+}
+.red2 {
+  color: #e08374 !important;
+}
+.light-red {
+  color: #ff7777 !important;
+}
+.blue {
+  color: #478fca !important;
+}
+.light-blue {
+  color: #93cbf9 !important;
+}
+.green {
+  color: #69aa46 !important;
+}
+.light-green {
+  color: #b0d877 !important;
+}
+.orange {
+  color: #ff892a !important;
+}
+.orange2 {
+  color: #feb902 !important;
+}
+.light-orange {
+  color: #fcac6f !important;
+}
+.purple {
+  color: #a069c3 !important;
+}
+.pink {
+  color: #c6699f !important;
+}
+.pink2 {
+  color: #d6487e !important;
+}
+.brown {
+  color: #a52a2a !important;
+}
+.grey {
+  color: #777777 !important;
+}
+.light-grey {
+  color: #bbbbbb !important;
+}
+.bigger-110 {
+  font-size: 110% !important;
+}
+.bigger-120 {
+  font-size: 120% !important;
+}
+.bigger-130 {
+  font-size: 130% !important;
+}
+.bigger-140 {
+  font-size: 140% !important;
+}
+.bigger-150 {
+  font-size: 150% !important;
+}
+.bigger-160 {
+  font-size: 160% !important;
+}
+.bigger-170 {
+  font-size: 170% !important;
+}
+.bigger-180 {
+  font-size: 180% !important;
+}
+.bigger-190 {
+  font-size: 190% !important;
+}
+.bigger-200 {
+  font-size: 200% !important;
+}
+.bigger-210 {
+  font-size: 210% !important;
+}
+.bigger-220 {
+  font-size: 220% !important;
+}
+.bigger-230 {
+  font-size: 230% !important;
+}
+.bigger-240 {
+  font-size: 240% !important;
+}
+.bigger-250 {
+  font-size: 250% !important;
+}
+.bigger-260 {
+  font-size: 260% !important;
+}
+.bigger-270 {
+  font-size: 270% !important;
+}
+.bigger-280 {
+  font-size: 280% !important;
+}
+.bigger-290 {
+  font-size: 290% !important;
+}
+.bigger-300 {
+  font-size: 300% !important;
+}
+.bigger-115 {
+  font-size: 115% !important;
+}
+.bigger-125 {
+  font-size: 125% !important;
+}
+.bigger-175 {
+  font-size: 175% !important;
+}
+.bigger-225 {
+  font-size: 225% !important;
+}
+.bigger-275 {
+  font-size: 275% !important;
+}
+.smaller-90 {
+  font-size: 90% !important;
+}
+.smaller-80 {
+  font-size: 80% !important;
+}
+.smaller-70 {
+  font-size: 70% !important;
+}
+.smaller-60 {
+  font-size: 60% !important;
+}
+.smaller-50 {
+  font-size: 50% !important;
+}
+.smaller-40 {
+  font-size: 40% !important;
+}
+.smaller-30 {
+  font-size: 30% !important;
+}
+.smaller-20 {
+  font-size: 20% !important;
+}
+.smaller-75 {
+  font-size: 75% !important;
+}
+.width-20 {
+  width: 20% !important;
+}
+.width-25 {
+  width: 25% !important;
+}
+.width-30 {
+  width: 30% !important;
+}
+.width-35 {
+  width: 35% !important;
+}
+.width-40 {
+  width: 40% !important;
+}
+.width-45 {
+  width: 45% !important;
+}
+.width-50 {
+  width: 50% !important;
+}
+.width-55 {
+  width: 55% !important;
+}
+.width-60 {
+  width: 60% !important;
+}
+.width-65 {
+  width: 65% !important;
+}
+.width-70 {
+  width: 70% !important;
+}
+.width-75 {
+  width: 75% !important;
+}
+.width-80 {
+  width: 80% !important;
+}
+.width-85 {
+  width: 85% !important;
+}
+.width-90 {
+  width: 90% !important;
+}
+.width-95 {
+  width: 95% !important;
+}
+.width-100 {
+  width: 100% !important;
+}
+.width-75 {
+  width: 75% !important;
+}
+.width-25 {
+  width: 25% !important;
+}
+.width-auto {
+  width: auto !important;
+}
+.height-auto {
+  height: auto !important;
+}
+.no-padding {
+  padding: 0 !important;
+}
+.no-padding-bottom {
+  padding-bottom: 0 !important;
+}
+.no-padding-top {
+  padding-top: 0 !important;
+}
+.no-padding-left {
+  padding-left: 0 !important;
+}
+.no-padding-right {
+  padding-right: 0 !important;
+}
+.no-margin {
+  margin: 0 !important;
+}
+.no-margin-bottom {
+  margin-bottom: 0 !important;
+}
+.no-margin-top {
+  margin-top: 0 !important;
+}
+.no-margin-left {
+  margin-left: 0 !important;
+}
+.no-margin-right {
+  margin-right: 0 !important;
+}
+.no-border {
+  border-width: 0;
+}
+.no-border-bottom {
+  border-bottom-width: 0;
+}
+.no-border-top {
+  border-top-width: 0;
+}
+.no-border-left {
+  border-left-width: 0;
+}
+.no-border-right {
+  border-right-width: 0;
+}
+/**
+.no-underline {
+ text-decoration: none !important;
+}
+.no-hover-underline:hover {
+ text-decoration: none !important;
+}
+.no-outline:focus {
+ outline: none !important;
+}
+
+.no-box-shadow {
+ .box-shadow(none) !important;
+}
+
+.overflow-auto {overflow: auto !important;}
+.overflow-visible {overflow: visible !important;}
+*/
+.overflow-hidden {
+  overflow: hidden !important;
+}
+.overflow-scroll {
+  overflow-x: hidden !important;
+  overflow-y: scroll !important;
+}
+.no-radius {
+  border-radius: 0 !important;
+}
+.no-text-shadow {
+  text-shadow: none !important;
+}
+.hr {
+  display: block;
+  height: 0;
+  overflow: hidden;
+  font-size: 0;
+  border-width: 1px 0 0 0;
+  border-top: 1px solid #E3E3E3;
+  margin: 12px 0;
+  border-top-color: rgba(0, 0, 0, 0.11);
+}
+.hr-double {
+  height: 3px;
+  border-top: 1px solid #E3E3E3;
+  border-bottom: 1px solid #E3E3E3;
+  border-top-color: rgba(0, 0, 0, 0.11);
+  border-bottom-color: rgba(0, 0, 0, 0.11);
+}
+.hr.dotted,
+.hr-dotted {
+  border-style: dotted;
+}
+.hr-32,
+.hr32 {
+  margin: 32px 0;
+}
+.hr-30,
+.hr30 {
+  margin: 30px 0;
+}
+.hr-28,
+.hr28 {
+  margin: 28px 0;
+}
+.hr-26,
+.hr26 {
+  margin: 26px 0;
+}
+.hr-24,
+.hr24 {
+  margin: 24px 0;
+}
+.hr-22,
+.hr22 {
+  margin: 22px 0;
+}
+.hr-20,
+.hr20 {
+  margin: 20px 0;
+}
+.hr-18,
+.hr18 {
+  margin: 18px 0;
+}
+.hr-16,
+.hr16 {
+  margin: 16px 0;
+}
+.hr-14,
+.hr14 {
+  margin: 14px 0;
+}
+.hr-12,
+.hr12 {
+  margin: 12px 0;
+}
+.hr-10,
+.hr10 {
+  margin: 10px 0;
+}
+.hr-8,
+.hr8 {
+  margin: 8px 0;
+}
+.hr-6,
+.hr6 {
+  margin: 6px 0;
+}
+.hr-4,
+.hr4 {
+  margin: 4px 0;
+}
+.hr-2,
+.hr2 {
+  margin: 2px 0;
+}
+.space {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+}
+[class*="vspace-"] {
+  display: none;
+}
+.space-32 {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 32px 0 31px;
+}
+[class*="vspace-32"] {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 32px 0 31px 0;
+}
+.space-30 {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 30px 0 29px;
+}
+[class*="vspace-30"] {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 30px 0 29px 0;
+}
+.space-28 {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 28px 0 27px;
+}
+[class*="vspace-28"] {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 28px 0 27px 0;
+}
+.space-26 {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 26px 0 25px;
+}
+[class*="vspace-26"] {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 26px 0 25px 0;
+}
+.space-24 {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 24px 0 23px;
+}
+[class*="vspace-24"] {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 24px 0 23px 0;
+}
+.space-22 {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 22px 0 21px;
+}
+[class*="vspace-22"] {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 22px 0 21px 0;
+}
+.space-20 {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 20px 0 19px;
+}
+[class*="vspace-20"] {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 20px 0 19px 0;
+}
+.space-18 {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 18px 0 17px;
+}
+[class*="vspace-18"] {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 18px 0 17px 0;
+}
+.space-16 {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 16px 0 15px;
+}
+[class*="vspace-16"] {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 16px 0 15px 0;
+}
+.space-14 {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 14px 0 13px;
+}
+[class*="vspace-14"] {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 14px 0 13px 0;
+}
+.space-12 {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 12px 0 11px;
+}
+[class*="vspace-12"] {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 12px 0 11px 0;
+}
+.space-10 {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 10px 0 9px;
+}
+[class*="vspace-10"] {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 10px 0 9px 0;
+}
+.space-8 {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 8px 0 7px;
+}
+[class*="vspace-8"] {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 8px 0 7px 0;
+}
+.space-6 {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 6px 0 5px;
+}
+[class*="vspace-6"] {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 6px 0 5px 0;
+}
+.space-4 {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 4px 0 3px;
+}
+[class*="vspace-4"] {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 4px 0 3px 0;
+}
+.space-2 {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 2px 0 1px;
+}
+[class*="vspace-2"] {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 2px 0 1px 0;
+}
+.space-0,
+[class*="vspace-0"] {
+  max-height: 1px;
+  min-height: 1px;
+  overflow: hidden;
+  margin: 12px 0;
+  margin: 0;
+}
+@media only screen and (max-width: 479px) {
+  [class*="vspace-"][class*="-xs"] {
+    display: block;
+  }
+}
+@media only screen and (max-width: 767px) {
+  [class*="vspace-"][class*="-sm"] {
+    display: block;
+  }
+}
+@media only screen and (max-width: 991px) {
+  [class*="vspace-"][class*="-md"] {
+    display: block;
+  }
+}
+@media only screen and (max-width: 1199px) {
+  [class*="vspace-"][class*="-lg"] {
+    display: block;
+  }
+}
+.header {
+  line-height: 28px;
+  margin-bottom: 16px;
+  margin-top: 18px;
+  padding-bottom: 4px;
+  border-bottom: 1px solid #CCC;
+}
+.header.blue {
+  border-bottom-color: #d5e3ef;
+}
+.header.green {
+  border-bottom-color: #cce2c1;
+}
+.header.purple {
+  border-bottom-color: #e0d1ea;
+}
+.header.orange {
+  border-bottom-color: #fdd0ac;
+}
+.header.orange2 {
+  border-bottom-color: #fbd36b;
+}
+.header.red {
+  border-bottom-color: #f3cdc6;
+}
+.header.grey {
+  border-bottom-color: #c3c3c3;
+}
+.header.pink {
+  border-bottom-color: #f2e0eb;
+}
+.header.pink2 {
+  border-bottom-color: #e69eb9;
+}
+.header.light-blue {
+  border-bottom-color: #dceefc;
+}
+.header.light-red {
+  border-bottom-color: #fec5c5;
+}
+.header.light-green {
+  border-bottom-color: #d2e7b5;
+}
+.header.brown {
+  border-bottom-color: #df9393;
+}
+.header > .ace-icon {
+  margin-right: 2px;
+}
+.action-buttons a {
+  margin: 0 3px;
+  display: inline-block;
+  opacity: 0.85;
+  -webkit-transition: all 0.1s;
+  -o-transition: all 0.1s;
+  transition: all 0.1s;
+}
+.action-buttons a:hover {
+  text-decoration: none;
+  opacity: 1;
+  -moz-transform: scale(1.2);
+  -webkit-transform: scale(1.2);
+  -o-transform: scale(1.2);
+  -ms-transform: scale(1.2);
+  transform: scale(1.2);
+}
+.navbar {
+  margin: 0;
+  padding-left: 0;
+  padding-right: 0;
+  border-width: 0;
+  border-radius: 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  min-height: 45px;
+  background: #438eb9;
+}
+.navbar .navbar-text,
+.navbar .navbar-link {
+  color: #ffffff;
+}
+.navbar .navbar-brand {
+  color: #ffffff;
+  font-size: 24px;
+  text-shadow: none;
+  padding-top: 10px;
+  padding-bottom: 10px;
+  height: auto;
+}
+.navbar .navbar-brand:hover,
+.navbar .navbar-brand:focus {
+  color: #ffffff;
+}
+/**
+@media (min-width: @grid-float-breakpoint) {
+  .navbar > .container .navbar-brand,
+  .navbar > .container-fluid .navbar-brand {
+    margin-left: 0;
+	margin-right: 0;
+  }
+}
+*/
+@media only screen and (min-width: 992px) {
+  .navbar-container {
+    padding-left: 10px;
+    padding-right: 10px;
+  }
+}
+.navbar-container.container {
+  padding-left: 0;
+  padding-right: 0;
+}
+.ace-nav {
+  height: 100%;
+  margin: 0 !important;
+}
+.ace-nav > li {
+  line-height: 45px;
+  height: 45px;
+  border-left: 1px solid #E1E1E1;
+  padding: 0;
+  position: relative;
+  float: left;
+}
+.ace-nav > li:first-child {
+  border-left-width: 0;
+}
+.ace-nav > li > a {
+  background-color: #2e6589;
+  color: #FFF;
+  display: block;
+  line-height: inherit;
+  text-align: center;
+  height: 100%;
+  width: auto;
+  min-width: 50px;
+  padding: 0 8px;
+  position: relative;
+}
+.ace-nav > li > a > .ace-icon {
+  display: inline-block;
+  font-size: 16px;
+  color: #FFF;
+  text-align: center;
+  width: 20px;
+}
+.ace-nav > li > a > .badge {
+  position: relative;
+  top: -4px;
+  left: 2px;
+  padding-right: 5px;
+  padding-left: 5px;
+}
+.ace-nav > li > a:hover,
+.ace-nav > li > a:focus,
+.ace-nav > li.open > a {
+  background-color: #2c5976;
+  color: #FFF;
+}
+.ace-nav > li.blue > a {
+  background-color: #2e6589;
+}
+.ace-nav > li.blue > a:hover,
+.ace-nav > li.blue > a:focus,
+.ace-nav > li.open.blue > a {
+  background-color: #2c5976;
+}
+.ace-nav > li.grey > a {
+  background-color: #555555;
+}
+.ace-nav > li.grey > a:hover,
+.ace-nav > li.grey > a:focus,
+.ace-nav > li.open.grey > a {
+  background-color: #4b4b4b;
+}
+.ace-nav > li.purple > a {
+  background-color: #892e65;
+}
+.ace-nav > li.purple > a:hover,
+.ace-nav > li.purple > a:focus,
+.ace-nav > li.open.purple > a {
+  background-color: #762c59;
+}
+.ace-nav > li.green > a {
+  background-color: #2e8965;
+}
+.ace-nav > li.green > a:hover,
+.ace-nav > li.green > a:focus,
+.ace-nav > li.open.green > a {
+  background-color: #2c7659;
+}
+.ace-nav > li.light-blue > a {
+  background-color: #62a8d1;
+}
+.ace-nav > li.light-blue > a:hover,
+.ace-nav > li.light-blue > a:focus,
+.ace-nav > li.open.light-blue > a {
+  background-color: #579ec8;
+}
+.ace-nav > li.light-blue2 > a {
+  background-color: #42a8e1;
+}
+.ace-nav > li.light-blue2 > a:hover,
+.ace-nav > li.light-blue2 > a:focus,
+.ace-nav > li.open.light-blue2 > a {
+  background-color: #359fd9;
+}
+.ace-nav > li.red > a {
+  background-color: #b74635;
+}
+.ace-nav > li.red > a:hover,
+.ace-nav > li.red > a:focus,
+.ace-nav > li.open.red > a {
+  background-color: #a34335;
+}
+.ace-nav > li.light-green > a {
+  background-color: #9abc32;
+}
+.ace-nav > li.light-green > a:hover,
+.ace-nav > li.light-green > a:focus,
+.ace-nav > li.open.light-green > a {
+  background-color: #8ba832;
+}
+.ace-nav > li.light-purple > a {
+  background-color: #cb6fd7;
+}
+.ace-nav > li.light-purple > a:hover,
+.ace-nav > li.light-purple > a:focus,
+.ace-nav > li.open.light-purple > a {
+  background-color: #c263ce;
+}
+.ace-nav > li.light-orange > a {
+  background-color: #f79263;
+}
+.ace-nav > li.light-orange > a:hover,
+.ace-nav > li.light-orange > a:focus,
+.ace-nav > li.open.light-orange > a {
+  background-color: #f28653;
+}
+.ace-nav > li.light-pink > a {
+  background-color: #f4dae5;
+}
+.ace-nav > li.light-pink > a:hover,
+.ace-nav > li.light-pink > a:focus,
+.ace-nav > li.open.light-pink > a {
+  background-color: #eeccda;
+}
+.ace-nav > li.dark > a {
+  background-color: #404040;
+}
+.ace-nav > li.dark > a:hover,
+.ace-nav > li.dark > a:focus,
+.ace-nav > li.open.dark > a {
+  background-color: #363636;
+}
+.ace-nav > li.white-opaque > a {
+  background-color: rgba(255, 255, 255, 0.8);
+}
+.ace-nav > li.white-opaque > a:hover,
+.ace-nav > li.white-opaque > a:focus,
+.ace-nav > li.open.white-opaque > a {
+  background-color: rgba(245, 245, 245, 0.8);
+}
+.ace-nav > li.dark-opaque > a {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+.ace-nav > li.dark-opaque > a:hover,
+.ace-nav > li.dark-opaque > a:focus,
+.ace-nav > li.open.dark-opaque > a {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+.ace-nav > li.transparent > a {
+  background-color: transparent;
+}
+.ace-nav > li.transparent > a:hover,
+.ace-nav > li.transparent > a:focus,
+.ace-nav > li.open.transparent > a {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+.ace-nav > li.light-10 > a {
+  background-color: rgba(255, 255, 255, 0.1);
+}
+.ace-nav > li.light-10 > a:hover,
+.ace-nav > li.light-10 > a:focus,
+.ace-nav > li.open.light-10 > a {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+.ace-nav > li.dark-10 > a {
+  background-color: rgba(0, 0, 0, 0.1);
+}
+.ace-nav > li.dark-10 > a:hover,
+.ace-nav > li.dark-10 > a:focus,
+.ace-nav > li.open.dark-10 > a {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+.ace-nav > li.margin-4 {
+  margin-left: 4px;
+}
+.ace-nav > li.margin-3 {
+  margin-left: 3px;
+}
+.ace-nav > li.margin-2 {
+  margin-left: 2px;
+}
+.ace-nav > li.margin-1 {
+  margin-left: 1px;
+}
+.ace-nav > li.no-border {
+  border-width: 0 !important;
+}
+.ace-nav > li .dropdown-menu {
+  z-index: 1031;
+}
+.ace-nav .nav-user-photo {
+  margin: -4px 8px 0 0;
+  border-radius: 100%;
+  border: 2px solid #FFF;
+  max-width: 40px;
+}
+.ace-nav li.dropdown-footer a .ace-icon {
+  display: inline-block;
+  width: 1.25em;
+  text-align: center;
+}
+@media only screen and (max-height: 540px) {
+  .ace-nav > li > .dropdown-menu {
+    position: fixed;
+    margin-top: auto;
+    z-index: 1042;
+  }
+  .ace-nav > li > .dropdown-menu:before,
+  .ace-nav > li > .dropdown-menu:after {
+    display: none;
+  }
+  .ace-nav .user-menu > li > a {
+    padding-top: 6px;
+    padding-bottom: 6px;
+  }
+  .ace-nav > li.open:before {
+    background-color: #000;
+    opacity: 0.5;
+    border-width: 0;
+    position: fixed;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    content: "";
+    display: block;
+    height: 2000px;
+    width: auto;
+    z-index: 1041;
+  }
+}
+@media only screen and (max-width: 767px) {
+  .ace-nav > li:nth-last-child(4) > .dropdown-menu.dropdown-menu-right {
+    right: -100px;
+  }
+  .ace-nav > li:nth-last-child(4) > .dropdown-menu.dropdown-menu-right:before,
+  .ace-nav > li:nth-last-child(4) > .dropdown-menu.dropdown-menu-right:after {
+    right: 120px;
+  }
+  .ace-nav > li:nth-last-child(3) > .dropdown-menu.dropdown-menu-right {
+    right: -80px;
+  }
+  .ace-nav > li:nth-last-child(3) > .dropdown-menu.dropdown-menu-right:before,
+  .ace-nav > li:nth-last-child(3) > .dropdown-menu.dropdown-menu-right:after {
+    right: 100px;
+  }
+  .user-menu.dropdown-close.dropdown-menu-right {
+    right: 0 !important;
+  }
+}
+@media only screen and (min-width: 480px) and (max-width: 767px) {
+  .navbar.navbar-collapse .ace-nav > li:nth-last-child(2):nth-child(1) > .dropdown-menu.dropdown-menu-right,
+  .navbar.navbar-collapse .ace-nav > li:nth-last-child(2):nth-child(2) > .dropdown-menu.dropdown-menu-right {
+    left: auto;
+    right: -60px;
+  }
+  .navbar.navbar-collapse .ace-nav > li:nth-last-child(2):nth-child(1) > .dropdown-menu.dropdown-menu-right:before,
+  .navbar.navbar-collapse .ace-nav > li:nth-last-child(2):nth-child(2) > .dropdown-menu.dropdown-menu-right:before,
+  .navbar.navbar-collapse .ace-nav > li:nth-last-child(2):nth-child(1) > .dropdown-menu.dropdown-menu-right:after,
+  .navbar.navbar-collapse .ace-nav > li:nth-last-child(2):nth-child(2) > .dropdown-menu.dropdown-menu-right:after {
+    right: 80px;
+    left: auto;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .ace-nav > li:nth-last-child(4) > .dropdown-menu.dropdown-menu-right {
+    right: -120px;
+  }
+  .ace-nav > li:nth-last-child(4) > .dropdown-menu.dropdown-menu-right:before,
+  .ace-nav > li:nth-last-child(4) > .dropdown-menu.dropdown-menu-right:after {
+    right: 140px;
+  }
+  .ace-nav > li:nth-last-child(3) > .dropdown-menu.dropdown-menu-right {
+    right: -90px;
+  }
+  .ace-nav > li:nth-last-child(3) > .dropdown-menu.dropdown-menu-right:before,
+  .ace-nav > li:nth-last-child(3) > .dropdown-menu.dropdown-menu-right:after {
+    right: 110px;
+  }
+  .ace-nav > li:nth-last-child(2) > .dropdown-menu.dropdown-menu-right {
+    right: -50px;
+  }
+  .ace-nav > li:nth-last-child(2) > .dropdown-menu.dropdown-menu-right:before,
+  .ace-nav > li:nth-last-child(2) > .dropdown-menu.dropdown-menu-right:after {
+    right: 70px;
+  }
+}
+@media only screen and (max-width: 479px) {
+  .ace-nav > li:nth-last-child(4) > .dropdown-menu.dropdown-menu-right {
+    left: -10px;
+    right: auto;
+  }
+  .ace-nav > li:nth-last-child(4) > .dropdown-menu.dropdown-menu-right:before,
+  .ace-nav > li:nth-last-child(4) > .dropdown-menu.dropdown-menu-right:after {
+    right: auto;
+    left: 30px;
+  }
+  .ace-nav > li:nth-last-child(3) > .dropdown-menu.dropdown-menu-right {
+    left: -50px;
+    right: auto;
+  }
+  .ace-nav > li:nth-last-child(3) > .dropdown-menu.dropdown-menu-right:before,
+  .ace-nav > li:nth-last-child(3) > .dropdown-menu.dropdown-menu-right:after {
+    left: 75px;
+    right: auto;
+  }
+  .ace-nav > li:nth-last-child(2) > .dropdown-menu.dropdown-menu-right {
+    left: -70px;
+    right: auto;
+  }
+  .ace-nav > li:nth-last-child(2) > .dropdown-menu.dropdown-menu-right:before,
+  .ace-nav > li:nth-last-child(2) > .dropdown-menu.dropdown-menu-right:after {
+    left: 90px;
+    right: auto;
+  }
+}
+@media only screen and (max-width: 319px) {
+  .ace-nav > li:nth-last-child(2) > .dropdown-menu.dropdown-menu-right {
+    left: -110px;
+    right: auto;
+  }
+  .ace-nav > li:nth-last-child(2) > .dropdown-menu.dropdown-menu-right:before,
+  .ace-nav > li:nth-last-child(2) > .dropdown-menu.dropdown-menu-right:after {
+    left: 130px;
+    right: auto;
+  }
+  .ace-nav > li:nth-child(2):nth-last-child(2) > .dropdown-menu.dropdown-menu-right {
+    left: -85px;
+    right: auto;
+  }
+  .ace-nav > li:nth-child(2):nth-last-child(2) > .dropdown-menu.dropdown-menu-right:before,
+  .ace-nav > li:nth-child(2):nth-last-child(2) > .dropdown-menu.dropdown-menu-right:after {
+    left: 105px;
+    right: auto;
+  }
+  .ace-nav > li:nth-child(1):nth-last-child(3) > .dropdown-menu.dropdown-menu-right {
+    left: -35px;
+    right: auto;
+  }
+  .ace-nav > li:nth-child(1):nth-last-child(3) > .dropdown-menu.dropdown-menu-right:before,
+  .ace-nav > li:nth-child(1):nth-last-child(3) > .dropdown-menu.dropdown-menu-right:after {
+    left: 55px;
+    right: auto;
+  }
+  .ace-nav > li:nth-child(1):nth-last-child(2) > .dropdown-menu.dropdown-menu-right {
+    left: -60px;
+    right: auto;
+  }
+  .ace-nav > li:nth-child(1):nth-last-child(2) > .dropdown-menu.dropdown-menu-right:before,
+  .ace-nav > li:nth-child(1):nth-last-child(2) > .dropdown-menu.dropdown-menu-right:after {
+    left: 75px;
+    right: auto;
+  }
+}
+@media only screen and (max-width: 479px) {
+  .navbar:not(.navbar-collapse) .navbar-header {
+    float: none !important;
+    display: block;
+  }
+  .navbar:not(.navbar-collapse) .ace-nav {
+    display: block;
+    float: none !important;
+    text-align: center;
+    background-color: rgba(0, 0, 0, 0.15);
+    border: 1px solid rgba(0, 0, 0, 0.1);
+    border-width: 1px 0 0;
+    letter-spacing: -3px;
+  }
+  .navbar:not(.navbar-collapse) .ace-nav > li {
+    display: inline-block;
+    float: none !important;
+    text-align: left;
+    letter-spacing: normal;
+  }
+  .navbar:not(.navbar-collapse) .ace-nav > li:first-child {
+    border-left: 1px solid rgba(255, 255, 255, 0.4);
+  }
+  .navbar:not(.navbar-collapse) .ace-nav > li:last-child {
+    border-right: 1px solid rgba(255, 255, 255, 0.4);
+  }
+}
+@media only screen and (max-width: 319px) {
+  .ace-nav > li > a {
+    padding: 0 5px !important;
+  }
+}
+.user-menu > li > a {
+  padding: 4px 12px;
+}
+.user-menu > li > a > .ace-icon {
+  margin-right: 6px;
+  font-size: 120%;
+}
+.user-info {
+  max-width: 100px;
+  display: inline-block;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  text-align: left;
+  vertical-align: top;
+  line-height: 15px;
+  position: relative;
+  top: 6px;
+}
+.user-info small {
+  display: block;
+}
+@media (min-width: 480px) and (max-width: 540px), (max-width: 360px) {
+  .navbar:not(.navbar-collapse) .navbar-buttons .user-menu {
+    padding-top: 42px !important;
+  }
+  .navbar:not(.navbar-collapse) .navbar-buttons .nav-user-photo {
+    margin-right: 0;
+  }
+  .navbar:not(.navbar-collapse) .navbar-buttons .user-info {
+    position: absolute;
+    margin-top: 40px;
+    margin-left: 1px;
+    right: 2px;
+    z-index: 1032;
+    color: #777;
+    font-size: 14px;
+    width: 156px;
+    max-width: 156px;
+    padding-left: 8px;
+    padding-right: 8px;
+    height: 32px;
+    line-height: 26px !important;
+    display: none;
+    border-bottom: 1px solid #E5E5E5;
+    text-align: center;
+    vertical-align: none;
+    line-height: normal;
+    cursor: text;
+  }
+  .navbar:not(.navbar-collapse) .navbar-buttons .user-info > small {
+    display: inline;
+    opacity: 1;
+  }
+  li.open .user-info {
+    display: inline-block !important;
+  }
+}
+@media (max-width: 360px) {
+  .navbar.navbar-collapse .navbar-buttons .user-menu {
+    padding-top: 42px !important;
+  }
+  .navbar.navbar-collapse .navbar-buttons .nav-user-photo {
+    margin-right: 0;
+  }
+  .navbar.navbar-collapse .navbar-buttons .user-info {
+    position: absolute;
+    margin-top: 40px;
+    margin-left: 1px;
+    right: 2px;
+    z-index: 1032;
+    color: #777;
+    font-size: 14px;
+    width: 156px;
+    max-width: 156px;
+    padding-left: 8px;
+    padding-right: 8px;
+    height: 32px;
+    line-height: 26px !important;
+    display: none;
+    border-bottom: 1px solid #E5E5E5;
+    text-align: center;
+    vertical-align: none;
+    line-height: normal;
+    cursor: text;
+  }
+  .navbar.navbar-collapse .navbar-buttons .user-info > small {
+    display: inline;
+    opacity: 1;
+  }
+  li.open .user-info {
+    display: inline-block !important;
+    right: 2px;
+  }
+}
+@media (min-width: 992px) {
+  .user-min .user-menu {
+    padding-top: 42px !important;
+  }
+  .user-min .nav-user-photo {
+    margin-right: 0;
+  }
+  .user-min .user-info {
+    position: absolute;
+    margin-top: 40px;
+    margin-left: 1px;
+    right: 2px;
+    z-index: 1032;
+    color: #777;
+    font-size: 14px;
+    width: 156px;
+    max-width: 156px;
+    padding-left: 8px;
+    padding-right: 8px;
+    height: 32px;
+    line-height: 26px !important;
+    display: none;
+    border-bottom: 1px solid #E5E5E5;
+    text-align: center;
+    vertical-align: none;
+    line-height: normal;
+    cursor: text;
+  }
+  .user-min .user-info > small {
+    display: inline;
+    opacity: 1;
+  }
+  .user-min .user-info {
+    right: -3px;
+  }
+  .user-min.open .user-info {
+    display: inline-block !important;
+  }
+}
+@media (max-height: 540px) and (min-width: 480px) and (max-width: 540px), (max-height: 540px) and (max-width: 360px) {
+  .navbar:not(.navbar-collapse) .navbar-buttons .user-info {
+    position: fixed;
+    right: auto;
+    margin-top: auto;
+    max-width: none;
+  }
+}
+@media (max-height: 540px) and (max-width: 360px) {
+  .navbar.navbar-collapse .navbar-buttons .user-info {
+    position: fixed;
+    right: auto;
+    margin-top: auto;
+    max-width: none;
+  }
+}
+@media (max-height: 540px) and (min-width: 992px) {
+  .user-min .user-info {
+    position: fixed;
+    right: auto;
+    margin-top: auto;
+    max-width: none;
+  }
+}
+@media only screen and (max-width: 991px) {
+  .navbar.navbar-collapse {
+    max-height: none;
+  }
+  .navbar .navbar-header,
+  .navbar .navbar-collapse {
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+  }
+  .navbar.navbar-collapse .navbar-header {
+    float: none !important;
+    min-height: 45px;
+  }
+  .navbar.navbar-collapse .navbar-buttons {
+    min-height: 0;
+    padding-left: 0;
+    padding-right: 0;
+    border: 1px solid rgba(255, 255, 255, 0.4);
+    border-width: 1px 0 0;
+    width: 100%;
+  }
+  .navbar.navbar-collapse .navbar-buttons.in {
+    overflow: visible !important;
+  }
+  .navbar.navbar-collapse .navbar-buttons > .ace-nav {
+    display: block;
+    float: none !important;
+    text-align: center;
+    background-color: transparent !important;
+    border-width: 0;
+    letter-spacing: -3px;
+  }
+  .navbar.navbar-collapse .navbar-buttons > .ace-nav > li {
+    display: inline-block;
+    float: none !important;
+    text-align: left;
+    letter-spacing: normal;
+  }
+  .navbar.navbar-collapse .navbar-buttons > .ace-nav > li:first-child {
+    border-left: 1px solid rgba(255, 255, 255, 0.4);
+  }
+  .navbar.navbar-collapse .navbar-buttons > .ace-nav > li:last-child {
+    border-right: 1px solid rgba(255, 255, 255, 0.4);
+  }
+}
+.container > .navbar-buttons,
+.container-fluid > .navbar-buttons {
+  padding-right: 0 !important;
+}
+@media only screen and (max-height: 400px) {
+  .navbar-fixed-top .navbar-collapse {
+    max-height: 280px;
+  }
+}
+@media only screen and (max-height: 360px) {
+  .navbar-fixed-top .navbar-collapse {
+    max-height: 240px;
+  }
+}
+@media only screen and (max-height: 320px) {
+  .navbar-fixed-top .navbar-collapse {
+    max-height: 200px;
+  }
+}
+@media only screen and (max-height: 280px) {
+  .navbar-fixed-top .navbar-collapse {
+    max-height: 160px;
+  }
+}
+@media only screen and (max-height: 240px) {
+  .navbar-fixed-top .navbar-collapse {
+    max-height: 120px;
+  }
+}
+.navbar .navbar-nav > li {
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-width: 0 1px 0 0;
+}
+.navbar .navbar-nav > li:first-child {
+  border-width: 0 1px 0 1px;
+}
+.navbar .navbar-nav > li > a {
+  padding-top: 12px;
+  padding-bottom: 11px;
+  height: 45px;
+  background-color: transparent;
+  font-size: 13px;
+  color: #ffffff;
+  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
+}
+.navbar .navbar-nav > li > a:hover,
+.navbar .navbar-nav > li > a:focus,
+.navbar .navbar-nav > li.open > a {
+  background-color: rgba(0, 0, 0, 0.1) !important;
+  color: #ffffff !important;
+}
+.navbar .navbar-nav > li > .dropdown-menu > li > a {
+  line-height: 2;
+}
+.navbar-nav .dropdown-menu > li > a > .ace-icon {
+  display: inline-block;
+  width: 20px;
+}
+.navbar-nav > li > .dropdown-menu {
+  z-index: 1033;
+}
+@media only screen and (max-width: 991px) {
+  .navbar.navbar-collapse .navbar-menu {
+    float: none !important;
+    clear: both;
+  }
+  .navbar.navbar-collapse .navbar-menu .dropdown-menu:after,
+  .navbar.navbar-collapse .navbar-menu .dropdown-menu:before {
+    display: none !important;
+  }
+  .navbar .navbar-nav {
+    margin: 0 -6px;
+  }
+  .navbar .navbar-nav > li,
+  .navbar .navbar-nav > li:first-child {
+    border-width: 1px 0 0;
+  }
+  .navbar .navbar-nav .dropdown-menu {
+    float: none;
+    position: relative;
+    background-color: transparent;
+    box-shadow: none;
+    border-width: 0;
+  }
+  .navbar .navbar-nav .dropdown-menu > li > a {
+    color: #FFF !important;
+  }
+  .navbar .navbar-nav .dropdown-menu > li > a:hover {
+    background-color: rgba(0, 0, 0, 0.07) !important;
+  }
+  .navbar .navbar-nav .dropdown-menu > li > a > .ace-icon {
+    color: #FFF !important;
+  }
+  .navbar .navbar-nav .dropdown-hover > .dropdown-menu {
+    left: 32px !important;
+    right: auto !important;
+    top: auto !important;
+    width: 80% !important;
+    width: calc(100% - 32px);
+  }
+}
+.navbar-form.form-search {
+  margin-top: 9px;
+  margin-bottom: 0;
+}
+.navbar-form.form-search .form-group {
+  margin-bottom: 0;
+}
+.navbar-form.form-search input[type=text] {
+  width: 100px;
+}
+.navbar-form input[type=text] {
+  font-size: 13px;
+  line-height: 1.4;
+  padding-top: 4px;
+  padding-bottom: 4px;
+  border-width: 0;
+}
+@media only screen and (max-width: 991px) {
+  .navbar-form .form-group {
+    display: inline-block;
+    width: 50%;
+    margin-bottom: 0;
+    vertical-align: middle;
+  }
+  .navbar-form.form-search input[type=text] {
+    width: 100%;
+  }
+  .navbar-nav + .navbar-form {
+    margin-top: 0;
+  }
+  .navbar .navbar-collapse,
+  .navbar .navbar-form {
+    border-color: rgba(255, 255, 255, 0.4);
+  }
+  .navbar .navbar-nav > li:first-child {
+    border-top-width: 0;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .navbar-form .form-group {
+    width: 80%;
+  }
+}
+.navbar-fixed-top .navbar-collapse,
+.navbar-static-top .navbar-collapse,
+.navbar-fixed-bottom .navbar-collapse {
+  padding-left: 12px;
+  padding-right: 12px;
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .navbar.navbar-collapse {
+    background-color: transparent;
+  }
+  .navbar.navbar-collapse:before {
+    background: #438eb9;
+    content: "";
+    display: block;
+    position: absolute;
+    min-height: inherit;
+    left: 0;
+    right: 0;
+    top: 0;
+    z-index: -1;
+    border-radius: inherit;
+  }
+  .navbar.navbar-collapse .navbar-container {
+    background-color: #438eb9;
+  }
+}
+.navbar .navbar-toggle {
+  border: 1px solid transparent;
+  width: 40px;
+  height: 35px;
+  line-height: 0;
+  padding: 0 0 1px;
+  text-align: center;
+}
+.navbar .navbar-toggle.pull-right {
+  margin: 5px 6px 4px 0;
+}
+.navbar .navbar-toggle.pull-left {
+  margin: 5px 0 4px 6px;
+}
+.navbar .navbar-toggle:active {
+  top: 1px;
+}
+.navbar .navbar-toggle.navbar-toggle-img {
+  width: auto;
+  height: auto;
+  overflow: hidden;
+  padding: 0;
+  border-width: 0;
+}
+.navbar .navbar-toggle.navbar-toggle-img > img {
+  border-radius: inherit;
+  max-height: 35px;
+  border-width: 0;
+}
+.navbar .navbar-toggle .icon-bar {
+  background-color: #FFF;
+  border-radius: 0;
+  width: 24px;
+  margin-left: 7px;
+}
+.sidebar {
+  width: 190px;
+  float: left;
+  position: static;
+  padding-left: 0;
+  padding-right: 0;
+}
+.sidebar:before {
+  content: "";
+  display: block;
+  width: inherit;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: -1;
+  background-color: inherit;
+  border-style: inherit;
+  border-color: inherit;
+  border-width: inherit;
+}
+/**li .@{icon} {
+ & , .nav-list & {
+	width: auto;
+ }
+}*/
+.nav-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.nav-list > li,
+.nav-list > li > a,
+.nav-list .nav-header {
+  margin: 0;
+}
+.nav-list li > a:focus {
+  outline: none;
+}
+.nav-list > li {
+  display: block;
+  position: relative;
+  float: none;
+  padding: 0;
+  border-style: solid;
+  border-width: 1px 0 0;
+}
+.nav-list > li:last-child {
+  border-bottom-width: 1px;
+}
+.nav-list > li.active > a {
+  font-weight: bold;
+}
+.nav-list > li > a {
+  display: block;
+  height: 39px;
+  line-height: 17px;
+  padding-left: 7px;
+  text-shadow: none !important;
+  font-size: 13px;
+  text-decoration: none;
+}
+.nav-list > li > a > .menu-icon {
+  display: inline-block;
+  min-width: 30px;
+  margin-right: 2px;
+  vertical-align: sub;
+  text-align: center;
+  font-size: 18px;
+  font-weight: normal;
+}
+.nav-list > li:before {
+  display: none;
+  content: "";
+  position: absolute;
+  top: -1px;
+  left: 0;
+  z-index: 1;
+  height: 41px;
+  width: 3px;
+  max-width: 3px;
+  overflow: hidden;
+  background-color: #629cc9;
+}
+@media only screen and (min-width: 992px) {
+  .main-container.container .sidebar:not(.h-sidebar) .nav-list > li:before {
+    left: -2px;
+  }
+}
+.main-container.container .sidebar.sidebar-fixed:not(.h-sidebar) .nav-list > li:before {
+  left: 0;
+}
+.nav-list > li:hover:before {
+  display: block;
+}
+.nav-list > li a > .arrow {
+  display: block;
+  width: 14px !important;
+  height: 14px;
+  line-height: 14px;
+  text-shadow: none;
+  font-size: 18px;
+  position: absolute;
+  right: 10px;
+  top: 12px;
+  padding: 0;
+  text-align: center;
+}
+.nav-list > li.separator {
+  height: 3px;
+  background-color: transparent;
+  position: static;
+  margin: 1px 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.nav-list > li.active .submenu {
+  display: block;
+}
+.nav-list > li .submenu {
+  display: none;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  line-height: 1.5;
+  position: relative;
+}
+.nav-list > li .submenu > li {
+  margin-left: 0;
+  position: relative;
+}
+.nav-list > li .submenu > li > a {
+  display: block;
+  position: relative;
+  padding: 7px 0 9px 37px;
+  margin: 0;
+  border-top-width: 1px;
+  border-top-style: dotted;
+}
+.nav-list > li .submenu > li > a:hover {
+  text-decoration: none;
+}
+.nav-list > li .submenu > li a > .menu-icon {
+  display: none;
+  font-size: 12px;
+  font-weight: normal;
+  width: 18px;
+  height: auto;
+  line-height: 12px;
+  text-align: center;
+  position: absolute;
+  left: 10px;
+  top: 11px;
+  z-index: 1;
+  background-color: inherit;
+}
+.nav-list > li .submenu > li.active > a > .menu-icon,
+.nav-list > li .submenu > li:hover > a > .menu-icon {
+  display: inline-block;
+}
+.nav-list > li > .submenu {
+  border-top: 1px solid;
+}
+.nav-list > li > .submenu > li:before {
+  content: "";
+  display: block;
+  width: 7px;
+  position: absolute;
+  z-index: 1;
+  left: 20px;
+  top: 17px;
+  border: 1px dotted;
+  border-width: 1px 0 0;
+}
+.nav-list > li > .submenu:before {
+  content: "";
+  display: block;
+  position: absolute;
+  z-index: 1;
+  left: 18px;
+  top: 0;
+  bottom: 0;
+  border: 1px dotted;
+  border-width: 0 0 0 1px;
+}
+.nav-list li:hover > a > .arrow,
+.nav-list li.active > a > .arrow,
+.nav-list li.open > a > .arrow {
+  color: inherit;
+}
+.nav-list li.open > .submenu {
+  display: block;
+}
+no_such_element:-o-prefocus,
+.nav-list > li > a > .menu-icon {
+  vertical-align: middle;
+}
+.nav-list > li > .submenu li > .submenu {
+  display: none;
+}
+.nav-list > li > .submenu li.active > .submenu {
+  display: block;
+}
+.nav-list > li > .submenu a > .arrow {
+  right: 10px;
+  top: 10px;
+  font-size: 16px;
+}
+.nav-list > li > .submenu > li:first-child > a {
+  border-top-width: 0;
+}
+.nav-list > li > .submenu li > .submenu > li {
+  line-height: 18px;
+}
+.nav-list > li > .submenu li > .submenu > li:before {
+  display: none;
+}
+.nav-list > li > .submenu li > .submenu > li > a {
+  margin-left: 20px;
+  padding-left: 22px;
+}
+.nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
+  margin-left: 20px;
+  padding-left: 38px;
+}
+.nav-list > li > .submenu li > .submenu > li a > .menu-icon {
+  display: inline-block;
+  width: auto;
+  position: static;
+  background-color: transparent;
+  margin-right: 4px;
+  color: inherit;
+}
+.nav-list > li > .submenu li > .submenu > li a .menu-icon,
+.nav-list > li > .submenu li > .submenu > li a .arrow {
+  color: inherit;
+}
+.nav-list > li > .submenu li.open:not(.hover) > a > .menu-icon {
+  display: inline-block;
+}
+.nav-list a .badge,
+.nav-list a .label {
+  position: absolute;
+  top: 9px;
+  right: 10px;
+  opacity: 0.88;
+  font-size: 12px;
+  padding-left: 6px;
+  padding-right: 6px;
+}
+.nav-list a .badge .ace-icon,
+.nav-list a .label .ace-icon {
+  vertical-align: middle;
+  margin: 0;
+}
+.nav-list a.dropdown-toggle .badge,
+.nav-list a.dropdown-toggle .label {
+  right: 26px;
+}
+.nav-list li:hover > a .badge,
+.nav-list li:hover > a .label {
+  opacity: 1;
+}
+.nav-list .submenu .submenu a .badge,
+.nav-list .submenu .submenu a .label {
+  top: 6px;
+}
+.sidebar.sidebar-fixed {
+  position: fixed;
+  top: auto;
+  float: none !important;
+  z-index: 1027;
+}
+.sidebar.sidebar-fixed:before {
+  height: 5000px;
+  top: auto;
+  bottom: auto;
+}
+body.mob-safari .sidebar.sidebar-fixed {
+  top: 45px;
+}
+@media (max-width: 479px) {
+  body.mob-safari .navbar-fixed-top:not(.navbar-collapse) + .main-container .sidebar-fixed {
+    top: 90px;
+  }
+}
+@media (max-width: 991px) {
+  body.mob-safari .navbar-fixed-top + .main-container .sidebar.responsive {
+    top: 45px;
+  }
+}
+@media (max-width: 479px) {
+  body.mob-safari .navbar-fixed-top + .main-container .sidebar.responsive {
+    top: 90px;
+  }
+}
+/**
+//http://updates.html5rocks.com/2012/09/Stacking-Changes-Coming-to-position-fixed-elements
+//webkit & Chrome22+ special case
+//webkit is not following the standard specs as of Chrome22+
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+	//like it happens in Firefox&IE, we expect when we set "z-index:auto" for fixed position .sidebar,
+	//the child .submenu elements "z-index" is independent
+	//and for example a "z-index:1031" .submenu appears on top of a fixed .navbar with "z-index:1030"
+	//and a "z-index:1010" .popover appears on top of ".sidebar" but below ".submenu"
+	//but webkit defines a new stacking context on "fixed" position elements(.sidebar here)
+	//and the above doesn't happen, in fact .submenu inside fixed .sidebar with "z-index:auto" will appear below everything
+	//so we set a good(?) "z-index" for .sidebar, but still it's not as good as standard specs (such as in Firefox)
+	//and we may need other workarounds!
+	//and you may change it based on your needs
+
+	//it's possible have standard functionality in Chrome by going to:
+	//chrome://flags/#fixed-position-creates-stacking-context
+	//changing "Fixed position elements create stacking contexts" to "Disabled"
+	//and removing the following rules
+	//and assignning a higher "@submenu-zindex"
+
+	.sidebar.sidebar-fixed {
+		z-index: @zindex-sidebar-fixed;//???!
+		
+		&::before {
+			height: 5000px;
+			top: auto;
+			bottom: auto;
+		}
+    }
+}
+*/
+@media only screen and (max-width: 991px) {
+  .responsive.sidebar-fixed {
+    left: auto;
+    margin-left: auto;
+  }
+  .navbar-fixed-top + .main-container > .responsive {
+    position: fixed;
+    left: auto;
+    margin-left: auto;
+  }
+  .navbar-fixed-top + .main-container > .menu-toggler + .responsive {
+    position: absolute;
+    left: 190px;
+    margin-left: -190px;
+  }
+  .navbar-fixed-top + .main-container > .menu-toggler + .responsive.sidebar-fixed {
+    position: fixed;
+    left: auto;
+    margin-left: auto;
+  }
+}
+@media only screen and (max-width: 991px) {
+  .sidebar.responsive.sidebar-fixed {
+    position: fixed;
+    left: auto;
+    margin-left: auto;
+  }
+  .main-container .menu-toggler.fixed {
+    position: fixed;
+    left: auto;
+    z-index: 1026;
+  }
+  .sidebar.sidebar-fixed.responsive-max {
+    position: fixed;
+    left: auto;
+    margin-left: auto;
+  }
+}
+.sidebar .sidebar-toggle {
+  border-style: solid;
+  border-width: 0 0 1px;
+  text-align: center;
+  padding: 3px 0;
+  position: relative;
+}
+.sidebar .sidebar-toggle > .ace-icon {
+  padding: 0 5px;
+  line-height: 18px;
+  cursor: pointer;
+  font-size: 14px;
+  border-radius: 100%;
+  border: 1px solid;
+  position: relative;
+}
+.sidebar .sidebar-toggle:before {
+  content: "";
+  display: block;
+  height: 0;
+  border-top: 1px solid;
+  border-color: inherit;
+  position: absolute;
+  left: 15px;
+  right: 15px;
+  top: 13px;
+}
+.sidebar .sidebar-shortcuts {
+  text-align: center;
+  min-height: 40px;
+  margin-bottom: 0;
+  overflow: hidden;
+  position: relative;
+  border: 0 solid;
+}
+.sidebar .sidebar-shortcuts:empty {
+  display: none;
+}
+.sidebar .sidebar-shortcuts-large {
+  line-height: 37px;
+}
+.sidebar .sidebar-shortcuts-large > .btn {
+  text-align: center;
+  width: 41px;
+  line-height: 24px;
+  padding: 0;
+  border-width: 4px;
+}
+.sidebar .sidebar-shortcuts-large > .btn > .ace-icon {
+  margin: 0;
+}
+.sidebar .sidebar-shortcuts-mini {
+  display: none;
+  font-size: 0;
+  width: 42px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+}
+.sidebar .sidebar-shortcuts-mini > .btn {
+  border-width: 0;
+  font-size: 0;
+  line-height: 0;
+  padding: 8px;
+  margin: 1px;
+  border-radius: 0;
+  opacity: 0.85;
+  filter: alpha(opacity=85);
+}
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  .sidebar ::safari-only,
+  .sidebar .sidebar-shortcuts-mini > .btn {
+    margin: 0;
+  }
+}
+.nav-list li.active > a:after {
+  display: block;
+  content: "";
+  position: absolute;
+  right: 0;
+  top: 4px;
+  border: 8px solid transparent;
+  border-width: 14px 10px;
+}
+.nav-list li.open > a:after {
+  display: none;
+}
+.nav-list li.active.no-active-child > a:after {
+  display: block;
+}
+.nav-list > li li.active > a:after {
+  top: 2px;
+  border-width: 14px 8px;
+}
+.nav-list li.active:not(.open) li.active > a:after {
+  display: none !important;
+}
+@media (min-width: 992px) {
+  .sidebar.compact,
+  .sidebar.compact.navbar-collapse {
+    width: 105px;
+  }
+  .sidebar.compact .sidebar-shortcuts {
+    max-height: 40px;
+  }
+  .sidebar.compact .nav-list > li:before {
+    height: auto;
+    bottom: -1px;
+  }
+  .sidebar.compact .nav-list > li > a {
+    height: auto;
+    line-height: 16px;
+    padding: 2px 0 8px;
+    text-align: center;
+  }
+  .sidebar.compact .nav-list > li > a > .menu-icon {
+    display: block;
+    margin: 0;
+    vertical-align: inherit;
+    line-height: 32px;
+    height: 32px;
+    font-size: 20px;
+  }
+  .sidebar.compact .nav-list > li > a > .arrow {
+    display: none;
+  }
+  .sidebar.compact .nav-list a .badge,
+  .sidebar.compact .nav-list a .label {
+    right: 12px;
+  }
+  .sidebar.compact .nav-list > li.active > .submenu,
+  .sidebar.compact .nav-list > li.open > .submenu {
+    display: none;
+  }
+  .sidebar.compact + .main-content {
+    margin-left: 105px;
+  }
+}
+@media (min-width: 992px) and (max-width: 991px) {
+  .sidebar.compact + .main-content {
+    margin-left: 0;
+  }
+  .sidebar.navbar-collapse.compact .nav-list > li > a {
+    text-align: left;
+    height: 39px;
+    line-height: 37px;
+    padding: 0 16px 0 7px;
+  }
+  .sidebar.navbar-collapse.compact .nav-list > li > a > .menu-icon {
+    display: inline-block;
+    vertical-align: sub;
+    height: auto;
+    line-height: inherit;
+    margin: 0 2px 0 0;
+    font-size: 18px;
+  }
+  .sidebar.navbar-collapse.compact .nav-list > li > a > .menu-text {
+    display: inline;
+  }
+  .sidebar.navbar-collapse.compact .nav-list > li > a > .arrow {
+    display: inline;
+  }
+  .sidebar.navbar-collapse.compact + .main-content {
+    margin-left: 0;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .nav-list li.hover > .submenu {
+    position: absolute;
+    left: 100%;
+    margin-left: -2px;
+    top: -10px;
+    bottom: auto;
+    z-index: 1026;
+    width: 190px;
+    border: 1px solid;
+    display: none !important;
+  }
+  .nav-list li.hover:hover > .submenu,
+  .nav-list li.hover.hover-show > .submenu {
+    display: block !important;
+  }
+  .nav-list li.hover > .submenu:before,
+  .nav-list li.hover > .submenu > li:before {
+    display: none;
+  }
+  .nav-list li.hover.active > a:after {
+    display: block;
+  }
+  .nav-list li.hover.active:hover > a.dropdown-toggle:after,
+  .nav-list li.hover.active.hover-show > a.dropdown-toggle:after {
+    display: none;
+  }
+  .nav-list li.hover .submenu > li.active > a:after {
+    display: none !important;
+  }
+  .nav-list li.hover > .submenu.bottom {
+    top: auto;
+    bottom: -10px;
+  }
+  .nav-list li.hover > .submenu.bottom:before,
+  .nav-list li.hover > .submenu.bottom:after {
+    top: auto;
+    bottom: 18px;
+  }
+  .nav-list li.hover > .submenu {
+    padding: 0 2px;
+  }
+  .nav-list li.hover > .submenu > li > a {
+    margin-top: 2px;
+    margin-bottom: 2px;
+    padding-left: 18px;
+    border-top-width: 0;
+  }
+  .nav-list > li.hover > .submenu > li.active > a {
+    font-weight: bold;
+  }
+  .nav-list > li > .submenu li.hover > .submenu > li > a {
+    padding-left: 12px !important;
+    margin-left: auto !important;
+  }
+  .nav-list > li > .submenu li.hover > .submenu > li > a > .menu-icon {
+    margin-right: 2px;
+  }
+  .nav-list > li .submenu > li.hover > a {
+    padding-left: 22px;
+  }
+  .nav-list > li .submenu > li.hover > a > .menu-icon {
+    left: 4px;
+  }
+}
+@media (min-width: 992px) and (max-width: 991px) {
+  .sidebar.navbar-collapse .nav-list li.hover > .submenu {
+    position: relative;
+    left: auto;
+    top: auto;
+    z-index: auto;
+    margin: auto;
+    padding: 0;
+    width: auto;
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    border-width: 0;
+  }
+  .sidebar.navbar-collapse .nav-list li.hover > .submenu > li:before,
+  .sidebar.navbar-collapse .nav-list li.hover > .submenu:before {
+    display: block;
+  }
+  .sidebar.navbar-collapse .nav-list li.hover > .submenu li > a {
+    padding-left: 37px;
+  }
+  .sidebar.navbar-collapse .nav-list > li.hover > .submenu {
+    border-top-width: 1px;
+  }
+  .sidebar.navbar-collapse .nav-list li.hover > .submenu > li > a > .menu-icon {
+    background-color: inherit;
+    margin-right: auto;
+    width: 18px;
+    position: absolute;
+  }
+  .sidebar.navbar-collapse .nav-list > li .submenu > li.hover > a > .menu-icon {
+    left: 10px;
+  }
+  .sidebar.navbar-collapse .nav-list li.hover > .submenu > li.active > a {
+    font-weight: normal;
+  }
+  .sidebar.navbar-collapse .nav-list li.hover > .submenu > li:hover > a > .menu-icon,
+  .sidebar.navbar-collapse .nav-list li.hover > .submenu > li.hover-show > a > .menu-icon,
+  .sidebar.navbar-collapse .nav-list li.hover > .submenu > li.active > a > .menu-icon {
+    display: inline-block;
+  }
+  .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu {
+    padding-left: 0;
+    padding-right: 0;
+  }
+  .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu > li > a {
+    padding-left: 22px !important;
+    margin-left: 20px !important;
+  }
+  .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu > li > a > .menu-icon {
+    display: inline-block;
+    width: auto;
+    position: static;
+    background-color: transparent;
+    margin-right: 4px;
+  }
+  .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li.hover > .submenu > li > a {
+    margin-left: 20px !important;
+    padding-left: 38px !important;
+  }
+  .sidebar.navbar-collapse .nav-list li.hover > .submenu > li > a {
+    border-top-width: 1px;
+    margin-top: 0;
+    margin-bottom: 0;
+  }
+  .sidebar.navbar-collapse .nav-list > li.hover > .submenu > li:first-child > a {
+    border-top-width: 0;
+  }
+  .sidebar.navbar-collapse .nav-list li.hover > .submenu,
+  .sidebar.navbar-collapse .nav-list li.hover:hover > .submenu,
+  .sidebar.navbar-collapse .nav-list li.hover.hover-show > .submenu,
+  .sidebar.navbar-collapse .nav-list li.hover > .arrow {
+    display: none !important;
+  }
+  .sidebar.navbar-collapse .nav-list li.hover.active > .submenu {
+    display: block !important;
+  }
+  .sidebar.navbar-collapse .nav-list li.hover > .submenu.nav-hide {
+    display: none !important;
+  }
+  .sidebar.navbar-collapse .nav-list li.hover > .submenu.nav-show {
+    display: block !important;
+  }
+}
+@media (min-width: 992px) and (max-width: 991px) {
+  .sidebar.navbar-collapse.compact .nav-list > li.hover.active > a:after {
+    display: none;
+  }
+}
+.nav-list li > .arrow {
+  display: none;
+  position: absolute;
+  top: 8px;
+  right: 1px;
+  z-index: 1027;
+}
+.nav-list li > .arrow:before,
+.nav-list li > .arrow:after {
+  border: 1px solid transparent;
+  display: block;
+  height: 0;
+  width: 0;
+  position: absolute;
+  left: -20px;
+  top: 0;
+  right: auto;
+  bottom: auto;
+  content: "";
+  border-width: 10px;
+}
+.nav-list li > .arrow:before {
+  z-index: 1;
+  left: -21px;
+}
+.nav-list li > .arrow:after {
+  z-index: 2;
+}
+.nav-list li:hover > a + .arrow,
+.nav-list li.hover-show > a + .arrow {
+  display: none;
+}
+@media only screen and (min-width: 992px) {
+  .nav-list li.hover:hover > a.dropdown-toggle + .arrow,
+  .nav-list li.hover.hover-show > a.dropdown-toggle + .arrow {
+    display: block;
+  }
+}
+.sidebar.menu-min,
+.sidebar.menu-min.compact,
+.sidebar.menu-min.navbar-collapse {
+  width: 43px;
+}
+.sidebar.menu-min + .main-content {
+  margin-left: 43px;
+}
+.sidebar.menu-min .nav-list a .badge,
+.sidebar.menu-min .nav-list a .label {
+  position: relative;
+  top: -1px;
+  right: auto;
+  left: 4px;
+}
+.sidebar.menu-min .nav-list .submenu .submenu a .badge,
+.sidebar.menu-min .nav-list .submenu .submenu a .label {
+  top: 0;
+}
+.sidebar.menu-min .nav-list > li > a {
+  position: relative;
+  height: 39px;
+  line-height: 37px;
+  padding: 0;
+}
+.sidebar.menu-min .nav-list > li > a > .menu-icon {
+  font-size: 18px;
+  height: auto;
+  line-height: inherit;
+  display: inline-block;
+  vertical-align: sub;
+  margin-right: 0;
+  width: 44px;
+}
+.sidebar.menu-min .nav-list > li > a > .menu-text {
+  display: none;
+  text-align: left;
+  position: absolute;
+  top: -1px;
+  left: 42px;
+  z-index: 1025;
+  width: 176px;
+  height: 41px;
+  line-height: 38px;
+  padding-left: 12px;
+  border: 1px solid;
+}
+.sidebar.menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
+  top: -1px;
+  border-width: 1px 1px 0;
+}
+.sidebar.menu-min .nav-list > li > a .arrow {
+  display: none;
+}
+.sidebar.menu-min .nav-list > li:hover > a > .menu-text,
+.sidebar.menu-min .nav-list > li.hover-show > a > .menu-text {
+  display: block;
+}
+.sidebar.menu-min .nav-list > li.active > a:after {
+  border-width: 10px 6px;
+  top: 8px;
+}
+.sidebar.menu-min .nav-list > li.active.open > a:after {
+  display: block;
+}
+.sidebar.menu-min .nav-list > li.active.open li.active > a:after {
+  display: none;
+}
+.sidebar.menu-min .nav-list > li > .submenu {
+  position: absolute;
+  z-index: 1026;
+  left: 42px;
+  top: -1px;
+  margin-top: 40px;
+  padding-bottom: 2px;
+  width: 176px;
+  display: none !important;
+}
+.sidebar.menu-min .nav-list > li > .submenu:before {
+  display: none;
+}
+.sidebar.menu-min .nav-list > li > .submenu:after {
+  content: "";
+  display: block;
+  height: 1px;
+  width: 1px;
+  position: absolute;
+  right: -1px;
+  top: -1px;
+  border-right: 1px solid;
+  border-right-color: inherit;
+}
+.sidebar.menu-min .nav-list > li > .submenu li:before {
+  display: none;
+}
+.sidebar.menu-min .nav-list > li > .submenu li > a {
+  margin-left: 0;
+  padding-left: 22px;
+}
+.sidebar.menu-min .nav-list > li > .submenu li > a > .menu-icon {
+  left: 4px;
+}
+.sidebar.menu-min .nav-list > li.hover > .submenu {
+  padding-bottom: 0;
+}
+.sidebar.menu-min .nav-list > li.open > .submenu {
+  display: none;
+}
+.sidebar.menu-min .nav-list > li:hover > .submenu,
+.sidebar.menu-min .nav-list > li.hover-show > .submenu {
+  display: block !important;
+}
+.sidebar.menu-min .nav-list > li > .arrow {
+  top: 10px;
+}
+.sidebar.menu-min .nav-list > li > .arrow:after,
+.sidebar.menu-min .nav-list > li > .arrow:before {
+  border-width: 8px;
+  left: -16px;
+}
+.sidebar.menu-min .nav-list > li > .arrow:before {
+  left: -17px;
+}
+.sidebar.menu-min .nav-list li > .arrow {
+  right: -1px;
+}
+.sidebar.menu-min .nav-list > li:hover > .arrow,
+.sidebar.menu-min .nav-list > li.hover-show > .arrow {
+  display: block;
+}
+.sidebar.menu-min .nav-list > li.pull_up > .arrow {
+  z-index: 1027;
+}
+.sidebar.menu-min .nav-list > li.pull_up > .arrow:after,
+.sidebar.menu-min .nav-list > li.pull_up > .arrow:before {
+  border-width: 10px;
+  left: -20px;
+}
+.sidebar.menu-min .nav-list > li.pull_up > .arrow:before {
+  left: -21px;
+}
+.sidebar.menu-min .sidebar-shortcuts {
+  position: relative;
+  overflow: visible;
+  z-index: 1;
+}
+.sidebar.menu-min .sidebar-shortcuts-mini {
+  display: block;
+}
+.sidebar.menu-min .sidebar-shortcuts-large {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 42px;
+  width: 182px;
+  padding: 0 2px 3px;
+  border: 1px solid;
+  border-top-width: 0;
+}
+.sidebar.menu-min .sidebar-shortcuts:hover .sidebar-shortcuts-large,
+.sidebar.menu-min .sidebar-shortcuts.hover-show .sidebar-shortcuts-large {
+  display: block;
+}
+.sidebar.menu-min .sidebar-toggle:before {
+  left: 5px;
+  right: 5px;
+}
+.sidebar.menu-min .sidebar-toggle > .ace-icon {
+  font-size: 13px;
+  padding: 0 4px;
+  line-height: 15px;
+  border-width: 1px;
+}
+.sidebar.menu-min .nav-list > li > .submenu li > .submenu > li > a {
+  margin-left: 2px;
+  padding-left: 30px;
+}
+.sidebar.menu-min .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
+  margin-left: 2px;
+  padding-left: 45px;
+}
+.sidebar.menu-min .nav-list > li > .submenu li.active > a:after {
+  display: none;
+}
+.sidebar.menu-min .nav-list li.active.open > .submenu > li.active > a:after {
+  display: none;
+}
+.sidebar.menu-min .nav-list > li.active:hover > a:after,
+.sidebar.menu-min .nav-list > li.active.hover-show > a:after,
+.sidebar.menu-min .nav-list > li.active.open:hover > a:after {
+  display: none;
+}
+.sidebar.menu-min .nav-list > li.active:hover:after {
+  display: none;
+}
+@media (min-width: 992px) {
+  .sidebar.menu-min .nav-list li.hover > .submenu {
+    margin-left: 0;
+  }
+  .sidebar.menu-min .nav-list > li > .submenu li.hover > .submenu > li > a,
+  .sidebar.menu-min .nav-list > li > .submenu li > .submenu > li.hover > .submenu > li > a {
+    margin-left: 0 !important;
+  }
+}
+@media (min-width: 992px) {
+  .sidebar.menu-min.compact .nav-list > li > a {
+    height: 39px;
+    line-height: 37px;
+    padding: 0 16px 0 7px;
+    position: relative;
+  }
+  .sidebar.menu-min.compact .nav-list > li > a > .menu-icon {
+    font-size: 18px;
+    height: auto;
+    line-height: inherit;
+    display: inline-block;
+    vertical-align: sub;
+    width: auto;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .navbar.h-navbar {
+    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
+    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
+  }
+  .sidebar.h-sidebar {
+    position: relative;
+    float: none !important;
+    width: auto;
+    margin-top: 17px;
+    border-width: 0 !important;
+    box-shadow: none;
+  }
+  .sidebar.h-sidebar.menu-min,
+  .sidebar.h-sidebar.compact {
+    width: auto;
+  }
+  .sidebar.h-sidebar.sidebar-fixed {
+    position: fixed;
+  }
+  .sidebar.h-sidebar.no-gap {
+    margin-top: auto;
+  }
+  .sidebar.h-sidebar.no-gap .nav-list {
+    padding-top: 3px;
+  }
+  .sidebar.h-sidebar:before {
+    display: block;
+    position: absolute;
+    z-index: -1;
+    left: 0 !important;
+    right: 0 !important;
+    top: -17px;
+    bottom: auto;
+    height: 17px;
+    width: auto;
+    border-width: 0;
+    border-bottom: 1px solid;
+    border-bottom-color: inherit;
+  }
+  .sidebar.h-sidebar.lower-highlight .nav-list > li:before {
+    top: 0;
+  }
+  .main-content .sidebar.h-sidebar .nav-list > li:before {
+    top: 0;
+  }
+  .sidebar.h-sidebar .nav-list {
+    border-width: 0;
+    border-bottom: 2px solid #79b0ce;
+  }
+  .sidebar.h-sidebar .nav-list > li {
+    float: left;
+    border-width: 0 0 0 1px;
+    margin-left: 0;
+  }
+  .sidebar.h-sidebar .nav-list > li:last-child {
+    border-right-width: 1px;
+  }
+  .sidebar.h-sidebar .nav-list > li:before {
+    left: -1px;
+    right: -1px;
+    bottom: auto;
+    top: -2px;
+    max-width: none;
+    width: auto;
+    height: 2px;
+    border-width: 0;
+  }
+  .sidebar.h-sidebar .nav-list > li.active:before {
+    display: block;
+  }
+  .sidebar.h-sidebar .nav-list > li.active:after {
+    display: none;
+  }
+  .sidebar.h-sidebar .nav-list > li:first-child {
+    border-left-width: 0;
+    margin-left: 0;
+  }
+  .sidebar.h-sidebar .sidebar-shortcuts + .nav-list > li:first-child {
+    border-left-width: 1px;
+    margin-left: -1px;
+  }
+  .sidebar.h-sidebar .nav-list > li > a {
+    line-height: 22px;
+    height: auto;
+    padding: 10px 14px;
+  }
+  .sidebar.h-sidebar .nav-list > li > a > .menu-icon {
+    display: block;
+    margin: 1px 0 4px;
+    line-height: inherit;
+    width: auto;
+  }
+  .sidebar.h-sidebar .nav-list > li > a > .arrow {
+    display: none;
+  }
+  .sidebar.h-sidebar .nav-list > li.hover.pull_right {
+    float: none !important;
+  }
+  .sidebar.h-sidebar .nav-list > li.hover > .submenu {
+    top: 100%;
+    left: 1px;
+    margin-top: auto;
+    margin-left: -2px;
+    width: 190px;
+    z-index: 1026;
+  }
+  .sidebar.h-sidebar .nav-list > li.hover.pull_right > .submenu {
+    left: auto;
+    right: 1px;
+  }
+  .sidebar.h-sidebar .nav-list > li.hover > .arrow {
+    right: auto;
+    top: auto;
+    left: 24px;
+    bottom: 7px;
+  }
+  .sidebar.h-sidebar .nav-list > li.hover.pull_right > .arrow {
+    left: auto;
+    right: 24px;
+  }
+  .sidebar.h-sidebar .nav-list > li.hover > .arrow:before,
+  .sidebar.h-sidebar .nav-list > li.hover > .arrow:after {
+    border-width: 0 8px 8px !important;
+  }
+  .sidebar.h-sidebar .nav-list > li.hover > .arrow:after {
+    border-color: transparent;
+    border-left-color: transparent !important;
+    border-right-color: transparent !important;
+    -moz-border-right-colors: none !important;
+    -moz-border-left-colors: none !important;
+    -moz-border-top-colors: none;
+    -moz-border-bottom-colors: none;
+    left: -10px !important;
+    right: auto !important;
+  }
+  .sidebar.h-sidebar .nav-list > li.hover > .arrow:before {
+    border-color: transparent;
+    border-left-color: transparent !important;
+    border-right-color: transparent !important;
+    -moz-border-right-colors: none !important;
+    -moz-border-left-colors: none !important;
+    -moz-border-top-colors: none;
+    -moz-border-bottom-colors: none;
+    right: auto !important;
+    left: -10px !important;
+    top: -1px !important;
+  }
+  .sidebar.h-sidebar .nav-list > li.hover:hover > a ~ .arrow,
+  .sidebar.h-sidebar .nav-list > li.hover.hover-show > a ~ .arrow {
+    display: none;
+  }
+  .sidebar.h-sidebar .nav-list > li.hover:hover > a.dropdown-toggle ~ .arrow,
+  .sidebar.h-sidebar .nav-list > li.hover.hover-show > a.dropdown-toggle ~ .arrow {
+    display: block;
+  }
+  .sidebar.h-sidebar .nav-list > li.hover-flip > .submenu {
+    left: auto;
+    right: 1px;
+    margin-left: auto;
+    margin-right: -2px;
+  }
+  .sidebar.h-sidebar .nav-list > li.hover-flip > .arrow {
+    left: auto;
+    right: 24px;
+  }
+  .sidebar.h-sidebar .nav-list li li.hover-flip > .submenu {
+    left: auto;
+    right: 100%;
+    margin-left: auto;
+    margin-right: -2px;
+  }
+  .sidebar.h-sidebar .nav-list li li.hover-flip > .arrow {
+    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
+    -moz-transform: scale(-1, 1);
+    -webkit-transform: scale(-1, 1);
+    -o-transform: scale(-1, 1);
+    -ms-transform: scale(-1, 1);
+    transform: scale(-1, 1);
+    left: 0;
+    right: auto;
+  }
+  .sidebar.h-sidebar .sidebar-shortcuts-large:before,
+  .sidebar.h-sidebar .sidebar-shortcuts-large:after {
+    display: block;
+    content: "";
+    position: absolute;
+    left: 50%;
+    margin-left: -8px;
+    border: 1px solid transparent;
+    border-width: 0 8px 8px;
+  }
+  .sidebar.h-sidebar .sidebar-shortcuts-large:after {
+    border-right-color: transparent;
+    -moz-border-right-colors: none;
+    top: -8px;
+  }
+  .sidebar.h-sidebar .sidebar-shortcuts-large:before {
+    -moz-border-bottom-colors: #CCC;
+    border-bottom-color: #CCC;
+    top: -9px;
+  }
+  .sidebar.h-sidebar .sidebar-toggle {
+    position: absolute;
+    top: 12px;
+    right: 6px;
+    background-color: transparent;
+    border-width: 0;
+  }
+  .sidebar.h-sidebar .sidebar-shortcuts {
+    float: left;
+    display: block;
+    overflow: visible;
+    position: relative;
+    margin: 0;
+    padding: 12px 8px 9px;
+    max-height: none !important;
+    background-color: transparent;
+  }
+  .sidebar.h-sidebar .sidebar-shortcuts:hover .sidebar-shortcuts-large,
+  .sidebar.h-sidebar .sidebar-shortcuts.hover-show .sidebar-shortcuts-large {
+    display: block;
+  }
+  .sidebar.h-sidebar .sidebar-shortcuts-large {
+    display: none;
+    width: 52px;
+    height: auto;
+    position: absolute;
+    z-index: 1025;
+    top: 100%;
+    margin-top: -5px;
+    left: 10px;
+    padding: 3px 2px;
+    border: 1px solid;
+  }
+  .sidebar.h-sidebar .sidebar-shortcuts-mini {
+    width: auto;
+    max-width: 52px;
+    display: block;
+    background-color: transparent;
+    padding-top: 3px;
+    padding-bottom: 5px;
+  }
+  .sidebar.h-sidebar .sidebar-shortcuts-mini > .btn {
+    padding: 9px;
+  }
+  .sidebar.h-sidebar .nav-list a .badge,
+  .sidebar.h-sidebar .nav-list a .label {
+    position: absolute;
+    top: 11px;
+    right: auto !important;
+    left: 50%;
+    margin-left: 10px;
+  }
+  .sidebar.h-sidebar + .main-content {
+    margin-left: 0;
+  }
+  .sidebar.h-sidebar + .main-content .breadcrumbs {
+    margin: 6px 9px;
+    border: 1px solid;
+    border-color: #E5E5E5;
+  }
+  .h-sidebar.sidebar-fixed {
+    top: auto;
+    width: 100%;
+    left: 0;
+    right: 0;
+  }
+  .h-sidebar.sidebar-fixed:before {
+    z-index: auto;
+  }
+  .h-sidebar.sidebar-fixed,
+  .h-sidebar.sidebar-fixed .nav-list {
+    border-right-width: 0;
+    border-left-width: 0;
+  }
+  .h-sidebar.sidebar-fixed .sidebar-shortcuts {
+    border-width: 0;
+  }
+  .h-sidebar.sidebar-fixed + .main-content {
+    padding-top: 88px;
+  }
+  .h-sidebar.sidebar-fixed.no-gap + .main-content {
+    padding-top: 74px;
+  }
+  .h-sidebar.sidebar-fixed.menu-min + .main-content {
+    padding-top: 63px;
+  }
+  .h-sidebar.sidebar-fixed.menu-min.no-gap + .main-content {
+    padding-top: 49px;
+  }
+}
+@media only screen and (min-width: 992px) and (max-width: 991px) {
+  .sidebar.h-sidebar + .main-content .breadcrumbs {
+    margin: 0;
+    border-width: 0 0 1px;
+  }
+}
+.main-container.container .h-sidebar.sidebar-fixed {
+  left: 0;
+  right: 0;
+  width: auto;
+}
+@media (min-width: 768px) {
+  .main-container.container .h-sidebar.sidebar-fixed {
+    left: auto !important;
+    right: auto !important;
+    width: 744px;
+  }
+}
+@media (min-width: 992px) {
+  .main-container.container .h-sidebar.sidebar-fixed {
+    width: 964px;
+  }
+}
+@media (min-width: 1200px) {
+  .main-container.container .h-sidebar.sidebar-fixed {
+    width: 1164px;
+  }
+}
+/**
+	@media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
+	 .main-container.container .sidebar.sidebar-fixed
+	 {
+		left: auto;// !important;
+		right: auto;// !important;
+		width: @container-sm;// !important;
+	 }
+	}
+
+
+	@media (max-width: @grid-float-breakpoint-max) {
+		.main-container.container .sidebar.sidebar-fixed {
+			.sidebar-shortcuts {
+				max-height: none;
+				border-bottom-width: 0;
+			}
+		}
+	}
+	*/
+@media (min-width: 992px) {
+  .sidebar.h-sidebar.menu-min .nav.nav-list > li > a,
+  .sidebar.h-sidebar.menu-min.compact .nav.nav-list > li > a {
+    padding: 9px 12px;
+  }
+  .sidebar.h-sidebar.menu-min .nav-list > li > a > .menu-text {
+    left: -1px;
+    top: 100%;
+    width: 190px;
+  }
+  .sidebar.h-sidebar.menu-min .nav-list > li > a > .menu-icon {
+    margin: 2px 0;
+  }
+  .sidebar.h-sidebar.menu-min .nav-list > li.hover > .submenu {
+    top: 100%;
+    margin-top: 41px;
+  }
+  .sidebar.h-sidebar.menu-min .nav-list > li.hover:hover > a ~ .arrow,
+  .sidebar.h-sidebar.menu-min .nav-list > li.hover.hover-show > a ~ .arrow {
+    display: block;
+  }
+  .sidebar.h-sidebar.menu-min .sidebar-toggle {
+    top: 6px;
+  }
+  .sidebar.h-sidebar.menu-min .sidebar-shortcuts {
+    padding: 0;
+  }
+  .sidebar.h-sidebar.menu-min .sidebar-shortcuts-mini {
+    padding-bottom: 4px;
+    padding-top: 4px;
+  }
+  .sidebar.h-sidebar.menu-min .sidebar-shortcuts-mini > .btn {
+    padding: 8px;
+  }
+  .sidebar.h-sidebar.menu-min .sidebar-shortcuts-large {
+    left: 1px;
+    margin-top: 4px;
+  }
+  .sidebar.h-sidebar.compact .nav-list > li > a > .menu-icon {
+    font-size: 18px;
+    height: auto;
+  }
+  .sidebar.h-sidebar.compact.menu-min .nav-list > li > a {
+    height: auto;
+    line-height: 22px;
+  }
+}
+/**
+@media only screen and (max-width: @grid-float-breakpoint-max) {
+	.menu-toggler + .sidebar.h-sidebar {
+		margin-top: (@breadcrumb-height - 1) !important;
+	}
+	.sidebar.h-sidebar.responsive-min , .sidebar.h-sidebar.navbar-collapse {
+		margin-top: auto !important;
+	}
+}
+*/
+.main-container .menu-toggler {
+  display: none;
+}
+@media only screen and (max-width: 991px) {
+  .sidebar.responsive:before {
+    display: none;
+  }
+  .sidebar.responsive {
+    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.15);
+    box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.15);
+    z-index: 1027;
+    overflow: hidden;
+    max-height: 0;
+    -moz-transform: translateX(-200px);
+    -webkit-transform: translateX(-200px);
+    -o-transform: translateX(-200px);
+    -ms-transform: translateX(-200px);
+    transform: translateX(-200px);
+    -webkit-transition: -webkit-transform 0.2s linear 0s, max-height 0s linear 0.2s;
+    -moz-transition: -moz-transform 0.2s linear 0s, max-height 0s linear 0.2s;
+    -o-transition: -o-transform 0.2s linear 0s, max-height 0s linear 0.2s;
+    transition: transform 0.2s linear 0s, max-height 0s linear 0.2s;
+    position: relative;
+    bottom: auto;
+    left: 190px;
+    margin-left: -190px;
+  }
+}
+@media (min-width: 992px) and (max-width: 991px) {
+  .sidebar.responsive.compact {
+    -moz-transform: translateX(-115px);
+    -webkit-transform: translateX(-115px);
+    -o-transform: translateX(-115px);
+    -ms-transform: translateX(-115px);
+    transform: translateX(-115px);
+  }
+  .sidebar.responsive.compact.push_away.display + .main-content {
+    -moz-transform: translateX(105px);
+    -webkit-transform: translateX(105px);
+    -o-transform: translateX(105px);
+    -ms-transform: translateX(105px);
+    transform: translateX(105px);
+  }
+  .navbar.navbar-fixed-top + .main-container .sidebar.responsive.compact.push_away.display ~ .footer .footer-inner {
+    -moz-transform: translateX(105px);
+    -webkit-transform: translateX(105px);
+    -o-transform: translateX(105px);
+    -ms-transform: translateX(105px);
+    transform: translateX(105px);
+  }
+}
+@media only screen and (max-width: 991px) {
+  .sidebar.responsive.menu-min {
+    -moz-transform: translateX(-53px);
+    -webkit-transform: translateX(-53px);
+    -o-transform: translateX(-53px);
+    -ms-transform: translateX(-53px);
+    transform: translateX(-53px);
+  }
+  .sidebar.responsive.display {
+    -moz-transform: none !important;
+    -webkit-transform: none !important;
+    -o-transform: none !important;
+    -ms-transform: none !important;
+    transform: none !important;
+    overflow: visible;
+    max-height: 2000px;
+    -webkit-transition-delay: 0s;
+    -moz-transition-delay: 0s;
+    -o-transition-delay: 0s;
+    transition-delay: 0s;
+  }
+  .sidebar.responsive.push_away {
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+  }
+  .sidebar.responsive.push_away:before {
+    display: block !important;
+  }
+  .sidebar.responsive.push_away + .main-content {
+    -webkit-transition: -webkit-transform 0.2s linear 0s;
+    -moz-transition: -moz-transform 0.2s linear 0s;
+    -o-transition: -o-transform 0.2s linear 0s;
+    transition: transform 0.2s linear 0s;
+  }
+  .sidebar.responsive.push_away.display + .main-content {
+    -moz-transform: translateX(190px);
+    -webkit-transform: translateX(190px);
+    -o-transform: translateX(190px);
+    -ms-transform: translateX(190px);
+    transform: translateX(190px);
+  }
+  .sidebar.responsive.push_away.display.menu-min + .main-content {
+    -moz-transform: translateX(43px);
+    -webkit-transform: translateX(43px);
+    -o-transform: translateX(43px);
+    -ms-transform: translateX(43px);
+    transform: translateX(43px);
+  }
+  .navbar.navbar-fixed-top + .main-container .sidebar.responsive.push_away:before {
+    height: 5000px;
+  }
+  .navbar.navbar-fixed-top + .main-container .sidebar.responsive.push_away ~ .footer .footer-inner {
+    -webkit-transition: -webkit-transform 0.2s linear 0s;
+    -moz-transition: -moz-transform 0.2s linear 0s;
+    -o-transition: -o-transform 0.2s linear 0s;
+    transition: transform 0.2s linear 0s;
+  }
+  .navbar.navbar-fixed-top + .main-container .sidebar.responsive.push_away.display ~ .footer .footer-inner {
+    -moz-transform: translateX(190px);
+    -webkit-transform: translateX(190px);
+    -o-transform: translateX(190px);
+    -ms-transform: translateX(190px);
+    transform: translateX(190px);
+  }
+  .navbar.navbar-fixed-top + .main-container .sidebar.responsive.push_away.display.menu-min ~ .footer .footer-inner {
+    -moz-transform: translateX(43px);
+    -webkit-transform: translateX(43px);
+    -o-transform: translateX(43px);
+    -ms-transform: translateX(43px);
+    transform: translateX(43px);
+  }
+  .sidebar.responsive + .main-content {
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+  }
+}
+@media only screen and (min-width: 768px) and (max-width: 991px) {
+  .main-container.container .sidebar.responsive {
+    -webkit-transition: none;
+    -moz-transition: none;
+    -o-transition: none;
+    transition: none;
+    display: none;
+  }
+  .main-container.container .sidebar.responsive:before {
+    display: none !important;
+  }
+  .main-container.container .sidebar.responsive.display {
+    display: block;
+  }
+  .main-container.container .sidebar.responsive.push_away + .main-content,
+  .main-container.container .sidebar.responsive.push_away ~ .footer .footer-inner {
+    -webkit-transition: none !important;
+    -moz-transition: none !important;
+    -o-transition: none !important;
+    transition: none !important;
+    -moz-transform: none !important;
+    -webkit-transform: none !important;
+    -o-transform: none !important;
+    -ms-transform: none !important;
+    transform: none !important;
+  }
+}
+@media only screen and (max-width: 991px) {
+  .responsive.sidebar-fixed {
+    position: fixed;
+  }
+  .main-container .menu-toggler.fixed {
+    position: fixed;
+    left: auto;
+    z-index: 1026;
+    -moz-backface-visibility: hidden;
+  }
+}
+@media only screen and (max-width: 991px) {
+  .menu-toggler + .sidebar.responsive {
+    margin-top: 40px;
+  }
+  .main-container .menu-toggler {
+    display: block;
+    position: absolute;
+    z-index: 1026;
+    width: 52px;
+    height: 32px;
+    margin-right: 2px;
+    line-height: normal;
+    padding-left: 33px;
+    padding-top: 7px;
+    padding-bottom: 1px;
+    font-size: 13px;
+    font-weight: bold;
+    text-transform: uppercase;
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+  }
+  .main-container .menu-toggler:hover {
+    text-decoration: none;
+  }
+  .main-container .menu-toggler:focus {
+    outline: none;
+  }
+  .main-container .menu-toggler:before {
+    border-top: 1px solid #87b87f;
+    border-bottom: 1px solid #6fb3e0;
+    height: 2px;
+    width: 24px;
+    content: "";
+    position: absolute;
+    z-index: 1;
+    top: 13px;
+    left: 4px;
+    -webkit-transition: all 0.1s ease;
+    -o-transition: all 0.1s ease;
+    transition: all 0.1s ease;
+    -o-transition: none;
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+  }
+  .main-container .menu-toggler:after {
+    border-top: 1px solid #ffa24d;
+    border-bottom: 1px solid #d15b47;
+    content: "";
+    height: 2px;
+    width: 24px;
+    position: absolute;
+    top: 19px;
+    left: 4px;
+    -webkit-transition: all 0.1s ease;
+    -o-transition: all 0.1s ease;
+    transition: all 0.1s ease;
+    -o-transition: none;
+    -webkit-box-sizing: content-box;
+    -moz-box-sizing: content-box;
+    box-sizing: content-box;
+  }
+  .main-container .menu-toggler.display:before {
+    height: 4px;
+    top: 8px;
+    border-width: 2px;
+  }
+  .main-container .menu-toggler.display:after {
+    height: 4px;
+    top: 20px;
+    border-width: 2px;
+  }
+  .main-container .menu-toggler > .toggler-text {
+    display: block;
+    position: absolute;
+    bottom: -9px;
+    left: 0;
+    border: 1px solid transparent;
+    border-width: 9px 42px 0;
+    border-top-color: #444444;
+    -moz-border-top-colors: #444444;
+  }
+  .main-container .menu-toggler > .toggler-text:after {
+    display: block;
+    content: "MENU";
+    color: #ffffff;
+    position: absolute;
+    left: -8px;
+    top: -41px;
+  }
+  .menu-toggler + .responsive.sidebar-scroll .nav-wrap {
+    overflow: hidden;
+  }
+}
+@media only screen and (max-width: 320px) {
+  .main-container .menu-toggler {
+    width: 0;
+  }
+  .main-container .menu-toggler > .toggler-text {
+    border-width: 7px 16px;
+    bottom: -14px;
+  }
+  .main-container .menu-toggler > .toggler-text:after {
+    font-size: 9px;
+    font-weight: normal;
+    color: #FFF;
+    position: absolute;
+    left: -13px;
+    top: -42px;
+  }
+  .main-container .menu-toggler:before,
+  .main-container .menu-toggler:after {
+    margin-top: 8px;
+  }
+  .main-container .menu-toggler.display:before,
+  .main-container .menu-toggler.display:after {
+    height: 2px;
+    border-width: 1px;
+  }
+  .main-container .menu-toggler.display:before {
+    top: 13px;
+  }
+  .main-container .menu-toggler.display:after {
+    top: 19px;
+  }
+}
+.sidebar-toggle.sidebar-expand {
+  display: none;
+}
+@media (max-width: 991px) {
+  .menu-toggler.invisible {
+    position: fixed;
+    z-index: -999;
+    visibility: hidden;
+    opacity: 0;
+    width: 1px;
+    height: 1px;
+  }
+  .sidebar.responsive-min,
+  .sidebar.responsive-min.compact,
+  .sidebar.responsive-min.navbar-collapse {
+    width: 43px;
+  }
+  .sidebar.responsive-min + .main-content {
+    margin-left: 43px;
+  }
+  .sidebar.responsive-min .nav-list a .badge,
+  .sidebar.responsive-min .nav-list a .label {
+    position: relative;
+    top: -1px;
+    right: auto;
+    left: 4px;
+  }
+  .sidebar.responsive-min .nav-list .submenu .submenu a .badge,
+  .sidebar.responsive-min .nav-list .submenu .submenu a .label {
+    top: 0;
+  }
+  .sidebar.responsive-min .nav-list > li > a {
+    position: relative;
+    height: 39px;
+    line-height: 37px;
+    padding: 0;
+  }
+  .sidebar.responsive-min .nav-list > li > a > .menu-icon {
+    font-size: 18px;
+    height: auto;
+    line-height: inherit;
+    display: inline-block;
+    vertical-align: sub;
+    margin-right: 0;
+    width: 44px;
+  }
+  .sidebar.responsive-min .nav-list > li > a > .menu-text {
+    display: none;
+    text-align: left;
+    position: absolute;
+    top: -1px;
+    left: 42px;
+    z-index: 1025;
+    width: 176px;
+    height: 41px;
+    line-height: 38px;
+    padding-left: 12px;
+    border: 1px solid;
+  }
+  .sidebar.responsive-min .nav-list > li > a.dropdown-toggle > .menu-text {
+    top: -1px;
+    border-width: 1px 1px 0;
+  }
+  .sidebar.responsive-min .nav-list > li > a .arrow {
+    display: none;
+  }
+  .sidebar.responsive-min .nav-list > li:hover > a > .menu-text,
+  .sidebar.responsive-min .nav-list > li.hover-show > a > .menu-text {
+    display: block;
+  }
+  .sidebar.responsive-min .nav-list > li.active > a:after {
+    border-width: 10px 6px;
+    top: 8px;
+  }
+  .sidebar.responsive-min .nav-list > li.active.open > a:after {
+    display: block;
+  }
+  .sidebar.responsive-min .nav-list > li.active.open li.active > a:after {
+    display: none;
+  }
+  .sidebar.responsive-min .nav-list > li > .submenu {
+    position: absolute;
+    z-index: 1026;
+    left: 42px;
+    top: -1px;
+    margin-top: 40px;
+    padding-bottom: 2px;
+    width: 176px;
+    display: none !important;
+  }
+  .sidebar.responsive-min .nav-list > li > .submenu:before {
+    display: none;
+  }
+  .sidebar.responsive-min .nav-list > li > .submenu:after {
+    content: "";
+    display: block;
+    height: 1px;
+    width: 1px;
+    position: absolute;
+    right: -1px;
+    top: -1px;
+    border-right: 1px solid;
+    border-right-color: inherit;
+  }
+  .sidebar.responsive-min .nav-list > li > .submenu li:before {
+    display: none;
+  }
+  .sidebar.responsive-min .nav-list > li > .submenu li > a {
+    margin-left: 0;
+    padding-left: 22px;
+  }
+  .sidebar.responsive-min .nav-list > li > .submenu li > a > .menu-icon {
+    left: 4px;
+  }
+  .sidebar.responsive-min .nav-list > li.hover > .submenu {
+    padding-bottom: 0;
+  }
+  .sidebar.responsive-min .nav-list > li.open > .submenu {
+    display: none;
+  }
+  .sidebar.responsive-min .nav-list > li:hover > .submenu,
+  .sidebar.responsive-min .nav-list > li.hover-show > .submenu {
+    display: block !important;
+  }
+  .sidebar.responsive-min .nav-list > li > .arrow {
+    top: 10px;
+  }
+  .sidebar.responsive-min .nav-list > li > .arrow:after,
+  .sidebar.responsive-min .nav-list > li > .arrow:before {
+    border-width: 8px;
+    left: -16px;
+  }
+  .sidebar.responsive-min .nav-list > li > .arrow:before {
+    left: -17px;
+  }
+  .sidebar.responsive-min .nav-list li > .arrow {
+    right: -1px;
+  }
+  .sidebar.responsive-min .nav-list > li:hover > .arrow,
+  .sidebar.responsive-min .nav-list > li.hover-show > .arrow {
+    display: block;
+  }
+  .sidebar.responsive-min .nav-list > li.pull_up > .arrow {
+    z-index: 1027;
+  }
+  .sidebar.responsive-min .nav-list > li.pull_up > .arrow:after,
+  .sidebar.responsive-min .nav-list > li.pull_up > .arrow:before {
+    border-width: 10px;
+    left: -20px;
+  }
+  .sidebar.responsive-min .nav-list > li.pull_up > .arrow:before {
+    left: -21px;
+  }
+  .sidebar.responsive-min .sidebar-shortcuts {
+    position: relative;
+    overflow: visible;
+    z-index: 1;
+  }
+  .sidebar.responsive-min .sidebar-shortcuts-mini {
+    display: block;
+  }
+  .sidebar.responsive-min .sidebar-shortcuts-large {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 42px;
+    width: 182px;
+    padding: 0 2px 3px;
+    border: 1px solid;
+    border-top-width: 0;
+  }
+  .sidebar.responsive-min .sidebar-shortcuts:hover .sidebar-shortcuts-large,
+  .sidebar.responsive-min .sidebar-shortcuts.hover-show .sidebar-shortcuts-large {
+    display: block;
+  }
+  .sidebar.responsive-min .sidebar-toggle:before {
+    left: 5px;
+    right: 5px;
+  }
+  .sidebar.responsive-min .sidebar-toggle > .ace-icon {
+    font-size: 13px;
+    padding: 0 4px;
+    line-height: 15px;
+    border-width: 1px;
+  }
+  .sidebar.responsive-min .nav-list > li > .submenu li > .submenu > li > a {
+    margin-left: 2px;
+    padding-left: 30px;
+  }
+  .sidebar.responsive-min .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
+    margin-left: 2px;
+    padding-left: 45px;
+  }
+  .sidebar.responsive-min .nav-list > li > .submenu li.active > a:after {
+    display: none;
+  }
+  .sidebar.responsive-min .nav-list li.active.open > .submenu > li.active > a:after {
+    display: none;
+  }
+  .sidebar.responsive-min .nav-list > li.active:hover > a:after,
+  .sidebar.responsive-min .nav-list > li.active.hover-show > a:after,
+  .sidebar.responsive-min .nav-list > li.active.open:hover > a:after {
+    display: none;
+  }
+  .sidebar.responsive-min .nav-list > li.active:hover:after {
+    display: none;
+  }
+  .sidebar.responsive-min:before {
+    display: block;
+  }
+  .sidebar.responsive-min .sidebar-toggle.sidebar-collapse {
+    display: none;
+  }
+  .sidebar.responsive-min .sidebar-toggle.sidebar-expand {
+    display: block;
+  }
+  .sidebar.responsive-min + .main-content {
+    margin-left: 43px !important;
+  }
+  .rtl .sidebar.responsive-min + .main-content {
+    margin-left: auto !important;
+    margin-right: 43px !important;
+  }
+  .sidebar.responsive-min + .main-content .breadcrumb {
+    margin-left: 12px;
+  }
+  .sidebar.responsive-max {
+    display: block;
+    position: relative;
+    left: 190px;
+    margin-left: -190px;
+    z-index: 1027;
+    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.15);
+    box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.15);
+  }
+  .sidebar.responsive-max:before {
+    display: none;
+  }
+  .sidebar.responsive-max .sidebar-toggle.sidebar-collapse {
+    display: none;
+  }
+  .sidebar.responsive-max .sidebar-toggle.sidebar-expand {
+    display: block;
+    z-index: 1;
+  }
+  .sidebar.responsive-max + .main-content {
+    margin-left: 43px !important;
+  }
+  .sidebar.responsive-max + .main-content .breadcrumb {
+    margin-left: 12px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .sidebar.navbar-collapse {
+    max-height: none;
+  }
+}
+@media only screen and (max-width: 991px) {
+  .sidebar.navbar-collapse {
+    position: relative;
+    float: none !important;
+    margin-top: auto !important;
+    z-index: 1;
+    width: 100% !important;
+    max-height: 340px;
+    margin-left: 0;
+    margin-right: 0;
+  }
+  .sidebar.navbar-collapse:before {
+    display: none;
+  }
+  .sidebar.navbar-collapse .nav-list > li:last-child {
+    border-bottom-width: 0;
+  }
+  .sidebar.navbar-collapse .nav-list > li > a {
+    padding-top: 10px !important;
+    padding-bottom: 10px !important;
+    line-height: 20px;
+    height: 41px;
+  }
+  .sidebar.navbar-collapse .nav-list > li:before {
+    height: 43px;
+  }
+  .sidebar.navbar-collapse .nav-list > li.active:after {
+    display: none;
+  }
+  .sidebar.navbar-collapse li > .arrow {
+    display: none !important;
+  }
+  .sidebar.navbar-collapse .nav-list li > .submenu {
+    border-left-width: 0;
+  }
+  .sidebar.navbar-collapse .sidebar-toggle {
+    display: none;
+  }
+  .sidebar.navbar-collapse .sidebar-shortcuts {
+    padding: 3px 0 6px;
+    max-height: none;
+    border-bottom-width: 0;
+  }
+  .sidebar.navbar-collapse + .main-content {
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+  }
+  .sidebar.navbar-collapse + .main-content .breadcrumb {
+    margin-left: 12px;
+  }
+  .sidebar.navbar-collapse .nav-wrap + .ace-scroll {
+    display: none;
+  }
+  .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu {
+    position: relative;
+    left: auto;
+    top: auto;
+    width: auto;
+    z-index: auto;
+    margin-top: auto;
+    padding-top: 0;
+    padding-bottom: 0;
+    border-width: 1px 0 0 0 !important;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+  }
+  .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu:before {
+    display: block;
+  }
+  .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu > li:before {
+    display: block;
+  }
+  .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu li > a > .menu-icon {
+    left: 10px;
+  }
+  .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu:after {
+    display: none;
+  }
+  .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu li > a {
+    padding: 7px 0 9px 37px;
+  }
+  .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu li > .submenu > li > a {
+    margin-left: 20px;
+    padding-left: 22px;
+  }
+  .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
+    margin-left: 20px;
+    padding-left: 38px;
+  }
+  .sidebar.navbar-collapse.menu-min .nav-list > li > a:hover:before {
+    width: 3px;
+  }
+  .sidebar.navbar-collapse.menu-min .nav-list > li > a {
+    text-align: left;
+    padding-left: 7px;
+  }
+  .sidebar.navbar-collapse.menu-min .nav-list > li > a > .menu-icon {
+    display: inline-block;
+    width: auto;
+    margin-right: 2px;
+  }
+  .sidebar.navbar-collapse.menu-min .nav-list > li > a > .menu-text {
+    position: relative;
+    display: inline;
+    line-height: normal;
+    padding-left: 0;
+    height: auto;
+    top: auto;
+    left: auto;
+    z-index: auto;
+    width: auto;
+    border-width: 0 !important;
+    background-color: transparent !important;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+  }
+  .sidebar.navbar-collapse.menu-min .nav-list a > .arrow {
+    display: block;
+  }
+  .sidebar.navbar-collapse.menu-min .nav-list > li:hover > .submenu {
+    display: none !important;
+  }
+  .sidebar.navbar-collapse.menu-min .nav-list > li.active > .submenu {
+    display: block !important;
+  }
+  .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu.nav-show {
+    display: block !important;
+  }
+  .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu.nav-hide {
+    display: none !important;
+  }
+  .sidebar.navbar-collapse.menu-min .sidebar-shortcuts-large {
+    display: block;
+    position: static;
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+    border-width: 0 !important;
+    background-color: transparent !important;
+    width: auto;
+    padding: 0;
+  }
+  .sidebar.navbar-collapse.menu-min .sidebar-shortcuts-mini {
+    display: none;
+  }
+  .sidebar.navbar-collapse .nav-list a .badge,
+  .sidebar.navbar-collapse .nav-list a .label {
+    position: relative;
+    top: -1px;
+    right: auto;
+    left: 4px;
+  }
+  .sidebar.navbar-collapse .nav-list > li.active:after,
+  .sidebar.navbar-collapse .nav-list li.active > a:before,
+  .sidebar.navbar-collapse .nav-list li.active > a:after {
+    display: none !important;
+  }
+  .sidebar.navbar-collapse .nav-list > li.highlight.active > a:before,
+  .sidebar.navbar-collapse .nav-list > li.highlight.active > a:after {
+    display: none !important;
+  }
+}
+@media (max-width: 991px) and (max-height: 400px) {
+  .sidebar.navbar-collapse {
+    max-height: 300px;
+  }
+}
+@media (max-width: 991px) and (max-height: 350px) {
+  .sidebar.navbar-collapse {
+    max-height: 250px;
+  }
+}
+@media (max-width: 991px) and (max-height: 300px) {
+  .sidebar.navbar-collapse {
+    max-height: 200px;
+  }
+}
+@media (max-width: 991px) and (max-height: 250px) {
+  .sidebar.navbar-collapse {
+    max-height: 150px;
+  }
+}
+@media (min-width: 992px) and (max-width: 991px) {
+  .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu > li > a,
+  .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li.hover > .submenu > li > a {
+    margin-left: 20px !important;
+  }
+}
+@media (max-width: 991px) {
+  .navbar-fixed-top + .main-container .sidebar.navbar-collapse {
+    position: fixed;
+    z-index: 1027;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .navbar-fixed-top + .main-container.container .sidebar.navbar-collapse {
+    width: 744px !important;
+  }
+}
+.main-content-inner {
+  float: left;
+  width: 100%;
+}
+.main-content .sidebar:before {
+  top: 150px;
+}
+@media only screen and (min-width: 992px) {
+  body.mob-safari .sidebar.h-sidebar + .main-content .sidebar.sidebar-fixed:not(.h-sidebar) {
+    top: 131px;
+  }
+  body.mob-safari .sidebar.h-sidebar.no-gap + .main-content .sidebar.sidebar-fixed:not(.h-sidebar) {
+    top: 114px;
+  }
+  body.mob-safari .sidebar.h-sidebar.menu-min + .main-content .sidebar.sidebar-fixed:not(.h-sidebar) {
+    top: 106px;
+  }
+  body.mob-safari .sidebar.h-sidebar.menu-min.no-gap + .main-content .sidebar.sidebar-fixed:not(.h-sidebar) {
+    top: 89px;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .h-navbar.navbar-fixed-top + .main-container .sidebar:not(.h-sidebar):before {
+    top: 150px;
+  }
+  .h-navbar.navbar-fixed-top + .main-container .sidebar:not(.h-sidebar) .nav-list {
+    padding-top: 3px;
+  }
+  .h-navbar.navbar-fixed-top + .main-container .sidebar:not(.h-sidebar) .sidebar-shortcuts ~ .nav-list,
+  .h-navbar.navbar-fixed-top + .main-container .sidebar:not(.h-sidebar) .sidebar-shortcuts ~ .nav-wrap-up .nav-list {
+    padding-top: 0;
+  }
+  .h-navbar.navbar-fixed-top + .main-container .sidebar:not(.h-sidebar) .sidebar-shortcuts {
+    padding-top: 3px;
+    min-height: 43px;
+  }
+  .h-navbar.navbar-fixed-top + .main-container .sidebar:not(.h-sidebar).menu-min .sidebar-shortcuts-large {
+    line-height: 40px;
+  }
+  .h-navbar.navbar-fixed-top + .main-container .main-content .sidebar:not(.h-sidebar) .nav-list {
+    padding-top: 0;
+  }
+  .h-navbar.navbar-fixed-top + .main-container .main-content .sidebar.sidebar-fixed {
+    z-index: 1026;
+  }
+  .main-content .h-sidebar {
+    padding-top: 1px;
+    margin-top: 0;
+  }
+  .main-content .h-sidebar:before {
+    display: none;
+  }
+  .main-content .h-sidebar + .page-content {
+    margin-left: auto;
+  }
+  .main-content .h-sidebar.sidebar-fixed {
+    left: 190px;
+  }
+  .main-content .h-sidebar.sidebar-fixed + .page-content {
+    margin-top: 74px;
+  }
+  .main-content .h-sidebar.sidebar-fixed.menu-min + .page-content {
+    margin-top: 49px;
+  }
+  .main-content .h-sidebar.menu-min .nav-list > li > a {
+    padding: 8px 12px 7px;
+  }
+  .sidebar.compact + .main-content .h-sidebar.sidebar-fixed {
+    left: 105px;
+  }
+  .sidebar.menu-min + .main-content .h-sidebar.sidebar-fixed {
+    left: 43px;
+  }
+  .navbar.navbar-fixed-top + .main-container .main-content .h-sidebar.sidebar-fixed {
+    padding-top: 3px;
+  }
+}
+.container.main-container .sidebar + .main-content .h-sidebar.sidebar-fixed {
+  left: auto;
+  right: auto;
+}
+@media (min-width: 992px) {
+  .container.main-container .sidebar.compact + .main-content .h-sidebar.sidebar-fixed {
+    width: 639px;
+  }
+}
+@media (min-width: 992px) {
+  .container.main-container .main-content .h-sidebar.sidebar-fixed {
+    width: 744px;
+  }
+  .container.main-container .sidebar + .main-content .h-sidebar.sidebar-fixed {
+    width: 554px;
+  }
+  .container.main-container .sidebar.menu-min + .main-content .h-sidebar.sidebar-fixed {
+    width: 701px;
+  }
+}
+@media (min-width: 992px) {
+  .container.main-container .sidebar.compact + .main-content .h-sidebar.sidebar-fixed {
+    width: 859px;
+  }
+}
+@media (min-width: 992px) {
+  .container.main-container .main-content .h-sidebar.sidebar-fixed {
+    width: 964px;
+  }
+  .container.main-container .sidebar + .main-content .h-sidebar.sidebar-fixed {
+    width: 774px;
+  }
+  .container.main-container .sidebar.menu-min + .main-content .h-sidebar.sidebar-fixed {
+    width: 921px;
+  }
+}
+@media (min-width: 1200px) {
+  .container.main-container .sidebar.compact + .main-content .h-sidebar.sidebar-fixed {
+    width: 1059px;
+  }
+}
+@media (min-width: 1200px) {
+  .container.main-container .main-content .h-sidebar.sidebar-fixed {
+    width: 1164px;
+  }
+  .container.main-container .sidebar + .main-content .h-sidebar.sidebar-fixed {
+    width: 974px;
+  }
+  .container.main-container .sidebar.menu-min + .main-content .h-sidebar.sidebar-fixed {
+    width: 1121px;
+  }
+}
+@media only screen and (max-width: 991px) {
+  .main-container .main-content .sidebar.sidebar-fixed {
+    z-index: 1026;
+  }
+  .navbar-fixed-top + .main-container .main-content .sidebar {
+    position: fixed;
+    z-index: 1026;
+  }
+}
+.sidebar-scroll .sidebar-shortcuts {
+  min-height: 41px;
+  border-bottom: 1px solid;
+}
+.sidebar-scroll .sidebar-toggle {
+  border-top: 1px solid;
+}
+.sidebar-scroll .nav-list > li:first-child {
+  border-top-width: 0;
+}
+.sidebar-scroll .nav-list > li:last-child {
+  border-bottom-width: 0;
+}
+.sidebar-scroll .nav-wrap .sidebar-shortcuts {
+  min-height: 40px;
+  border-bottom-width: 0;
+}
+.sidebar-scroll .nav-wrap .sidebar-shortcuts + .nav-list > li:first-child,
+.sidebar-scroll .nav-wrap .sidebar-shortcuts + .nav-wrap-up .nav-list > li:first-child {
+  border-top-width: 1px;
+}
+.sidebar-scroll .nav-wrap-t .sidebar-toggle {
+  border-top-width: 0;
+}
+.sidebar-scroll .nav-wrap-t .nav-list > li:last-child {
+  border-bottom-width: 1px;
+}
+.sidebar .nav-wrap + .ace-scroll {
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+}
+.sidebar .nav-wrap + .scrollout {
+  right: -8px;
+}
+.sidebar .submenu.sub-scroll {
+  overflow-y: scroll;
+  overflow-x: hidden;
+  -webkit-overflow-scrolling: touch;
+}
+.ace-scroll {
+  overflow: hidden;
+}
+.scroll-content {
+  position: static;
+  overflow: hidden;
+}
+.scroll-disabled.ace-scroll,
+.scroll-disabled.ace-scroll .scroll-content {
+  overflow: visible;
+}
+.scroll-track {
+  position: absolute;
+  top: auto;
+  bottom: auto;
+  right: 0;
+  height: auto;
+  background-color: #E7E7E7;
+  z-index: 99;
+  width: 0;
+  opacity: 0;
+}
+.scroll-bar {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: inherit;
+  background-color: #ACE;
+  background: #bbd4e5;
+}
+.scroll-track.scroll-hz {
+  top: auto;
+  left: auto;
+  right: auto;
+  bottom: 0;
+  height: 8px;
+  width: auto;
+}
+.scroll-hz .scroll-bar {
+  height: inherit;
+  width: auto;
+}
+.scroll-track.scroll-active {
+  -webkit-transition: width 0.25s ease 0.75s, opacity 0.25s ease 0.75s;
+  -o-transition: width 0.25s ease 0.75s, opacity 0.25s ease 0.75s;
+  transition: width 0.25s ease 0.75s, opacity 0.25s ease 0.75s;
+}
+.ace-scroll:hover .scroll-active,
+.scroll-active.scroll-track:hover,
+.scroll-active.scroll-track.scroll-hover,
+.scroll-active.scroll-track.active,
+.scroll-active.scroll-track:active {
+  width: 8px;
+  opacity: 1;
+  -webkit-transition-duration: 0.15s;
+  transition-duration: 0.15s;
+  -webkit-transition-delay: 0s;
+  transition-delay: 0s;
+}
+.scroll-track.active > .scroll-bar {
+  transition-property: none !important;
+  transition-duration: 0s !important;
+}
+.scroll-track.scroll-margin {
+  margin-left: -1px;
+}
+.scroll-track.scroll-left {
+  right: auto;
+  left: 0;
+}
+.scroll-track.scroll-left.scroll-margin {
+  margin-left: 1px;
+}
+.scroll-track.scroll-top {
+  bottom: auto;
+  top: 0;
+}
+.scroll-track.scroll-top.scroll-margin {
+  top: 1px;
+}
+.scroll-dark .scroll-bar {
+  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#40000000',GradientType=0 );
+}
+.scroll-track.scroll-dark {
+  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.15);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#26000000',GradientType=0 );
+}
+.scroll-light .scroll-bar {
+  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.14);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#24000000', endColorstr='#24000000',GradientType=0 );
+}
+.scroll-track.scroll-light {
+  background-color: transparent;
+  background-color: rgba(0, 0, 0, 0.07);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#12000000',GradientType=0 );
+}
+.scroll-white .scroll-bar {
+  background-color: transparent;
+  background-color: rgba(255, 255, 255, 0.33);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55FFFFFF', endColorstr='#55FFFFFF',GradientType=0 );
+}
+.scroll-track.scroll-white {
+  background-color: transparent;
+  background-color: rgba(255, 255, 255, 0.2);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33FFFFFF', endColorstr='#33FFFFFF',GradientType=0 );
+}
+.no-track.scroll-track {
+  background-color: transparent;
+  filter: progid:DXImageTransform.Microsoft.gradient( enabled=false );
+}
+.scroll-track.scroll-visible {
+  opacity: 1;
+  width: 8px;
+}
+.scroll-hz.scroll-visible {
+  height: 8px;
+  width: auto;
+}
+.scroll-thin.scroll-track:hover,
+.scroll-thin.scroll-track.scroll-hover,
+.scroll-thin.scroll-track:active,
+.scroll-thin.scroll-track.active,
+.scroll-thin.scroll-track.scroll-visible {
+  width: 6px;
+}
+.ace-scroll:hover .scroll-thin.scroll-track {
+  width: 6px;
+}
+.scroll-thin.scroll-hz:hover,
+.scroll-thin.scroll-hz.scroll-hover,
+.scroll-thin.scroll-hz:active,
+.scroll-thin.scroll-hz.active,
+.scroll-thin.scroll-hz.scroll-visible {
+  width: auto;
+  height: 6px;
+}
+.ace-scroll:hover .scroll-thin.scroll-hz {
+  width: auto;
+  height: 6px;
+}
+.scroll-chrome.scroll-active .scroll-bar {
+  background-color: transparent;
+  width: 11px;
+}
+.scroll-chrome.scroll-active .scroll-bar:before {
+  display: block;
+  content: "";
+  position: absolute;
+  top: 1px;
+  bottom: 3px;
+  left: 1px;
+  right: 1px;
+  background-color: #D9D9D9;
+  border: 1px solid #BBB;
+  border-radius: 1px;
+}
+.scroll-chrome.scroll-active .scroll-track {
+  width: 12px;
+  background-color: #F2F2F2;
+  border: 1px solid;
+  border-width: 1px 0 1px 1px;
+  border-color: #E6E6E6 transparent #E6E6E6 #DBDBDB;
+}
+.scroll-chrome.scroll-active .scroll-track:hover .scroll-bar:before {
+  background-color: #C0C0C0;
+  border-color: #A6A6A6;
+}
+.scroll-chrome.scroll-active .scroll-track.active .scroll-bar:before {
+  background-color: #A9A9A9;
+  border-color: #8B8B8B;
+}
+.scroll-active.scroll-track.idle-hide {
+  opacity: 0;
+  filter: alpha(opacity=0);
+  width: 8px;
+}
+.scroll-active.scroll-track.idle-hide.not-idle {
+  width: 8px;
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.scroll-active.scroll-thin.scroll-track.idle-hide {
+  width: 6px;
+}
+.scroll-active.scroll-chrome .scroll-track.idle-hide {
+  width: 12px;
+}
+.nav-wrap + .scroll-active .scroll-track {
+  width: 8px;
+}
+.nav-scroll.scroll-active .scroll-track {
+  width: 8px;
+  right: 0;
+}
+.nav-wrap:hover + .scroll-active .scroll-track,
+.nav-scroll.scroll-active:hover .scroll-track {
+  width: 8px;
+  opacity: 1;
+  -webkit-transition-duration: 0.15s;
+  transition-duration: 0.15s;
+  -webkit-transition-delay: 0s;
+  transition-delay: 0s;
+}
+.nav-scroll.scroll-active:hover .scroll-track {
+  width: 8px;
+}
+.nav-scroll.ace-scroll,
+.nav-scroll.ace-scroll .scroll-content {
+  overflow: hidden;
+}
+.nav-scroll.ace-scroll.scroll-disabled,
+.nav-scroll.ace-scroll.scroll-disabled .scroll-content {
+  overflow: visible;
+}
+.scroll-track.scroll-detached {
+  position: absolute;
+  z-index: 1029;
+  bottom: auto;
+  right: auto;
+}
+.modal-content {
+  border-radius: 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.modal-footer {
+  padding-top: 12px;
+  padding-bottom: 14px;
+  border-top-color: #e4e9ee;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  background-color: #eff3f8;
+}
+.modal-header .close {
+  font-size: 32px;
+}
+.modal.aside-dark .modal-content {
+  background-color: rgba(0, 0, 0, 0.85);
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8000000', endColorstr='#D8000000',GradientType=0 );
+}
+.modal.aside {
+  z-index: 999;
+  position: absolute;
+}
+.navbar-fixed-top ~ .modal.aside-vc {
+  z-index: 1025;
+}
+.modal.aside-fixed.aside-hz,
+.navbar-fixed-top ~ .modal.aside-hz,
+.navbar-fixed-bottom ~ .modal.aside-hz {
+  position: fixed;
+  z-index: 1039;
+}
+.modal.aside-fixed.aside-vc {
+  position: fixed;
+}
+.modal.aside.in {
+  z-index: 1040;
+  position: fixed;
+}
+.aside.aside-contained {
+  position: fixed;
+}
+.modal.aside-vc {
+  margin: auto;
+  width: 0;
+  left: auto;
+  right: auto;
+  top: 0;
+  bottom: 0;
+  display: block !important;
+  overflow: visible;
+}
+.modal.in.aside-vc {
+  width: 100%;
+}
+.modal.aside-vc .modal-dialog {
+  margin: inherit;
+  overflow: inherit;
+  width: 250px;
+  max-width: 66%;
+  height: inherit;
+  position: inherit;
+  right: inherit;
+  top: inherit;
+  bottom: inherit;
+  left: inherit;
+  opacity: 1;
+  transition: transform 0.3s ease-out 0s;
+  -webkit-transition: -webkit-transform 0.3s ease-out 0s;
+}
+@media only screen and (max-width: 319px) {
+  .modal.aside-vc .modal-dialog {
+    max-width: none;
+    width: 200px;
+  }
+  .aside-contained.aside-vc .modal-dialog {
+    width: 180px;
+  }
+}
+@media only screen and (max-width: 240px) {
+  .modal.aside-vc .modal-dialog {
+    max-width: none;
+    width: 160px;
+  }
+  .aside-contained.aside-vc .modal-dialog {
+    width: 140px;
+  }
+}
+.modal.aside-vc .modal-content {
+  height: 100%;
+  overflow: hidden;
+}
+.modal.in.aside-vc .modal-dialog {
+  transform: none;
+  -webkit-transform: none;
+  height: auto;
+}
+.modal.aside-vc .aside-trigger {
+  position: absolute;
+  top: 155px;
+  right: auto;
+  left: auto;
+  bottom: auto;
+  margin-top: -1px;
+  width: 37px;
+  outline: none;
+}
+.modal.aside-vc .aside-trigger.ace-settings-btn {
+  width: 42px;
+}
+.modal.in.aside-vc .aside-trigger {
+  z-index: -1;
+}
+.aside.modal.in .modal-backdrop.in + .modal-dialog .aside-trigger {
+  z-index: auto;
+}
+@media only screen and (max-height: 240px) {
+  .modal.aside-vc .aside-trigger {
+    top: 130px;
+  }
+}
+.modal.aside-vc.navbar-offset .modal-dialog {
+  top: 45px;
+}
+.modal.aside-vc.navbar-offset .modal-dialog .aside-trigger {
+  top: 110px;
+}
+@media (max-width: 479px) {
+  .navbar:not(.navbar-collapse) ~ .modal.aside-vc.navbar-offset .modal-dialog {
+    top: 90px;
+  }
+}
+.modal.aside-right {
+  right: 0;
+}
+.modal.aside-right .modal-content {
+  border-width: 0 0 0 1px;
+  box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.15);
+}
+.modal.aside-right .aside-trigger {
+  right: 100%;
+}
+.modal.aside-right .modal-dialog {
+  transform: translateX(100%);
+  -webkit-transform: translateX(100%);
+}
+.modal.aside-left {
+  left: 0;
+}
+.modal.aside-left .modal-content {
+  border-width: 0 1px 0 0;
+  box-shadow: 2px -1px 2px 0 rgba(0, 0, 0, 0.15);
+}
+.modal.aside-left .aside-trigger {
+  left: 100%;
+}
+.modal.aside-right .aside-trigger.btn.ace-settings-btn {
+  border-radius: 6px 0 0 6px;
+}
+.modal.aside-left .aside-trigger.btn.ace-settings-btn {
+  border-radius: 0 6px 6px 0;
+}
+.modal.aside-left .modal-dialog {
+  transform: translateX(-100%);
+  -webkit-transform: translateX(-100%);
+}
+.modal.aside-hz {
+  margin: auto;
+  height: 0;
+  left: 0;
+  right: 0;
+  top: auto;
+  bottom: auto;
+  display: block !important;
+  overflow: visible;
+}
+.modal.in.aside-hz {
+  height: 100%;
+}
+.modal.aside-hz .modal-dialog {
+  margin: inherit;
+  height: auto;
+  overflow: inherit;
+  max-height: 50%;
+  width: inherit;
+  position: inherit;
+  right: inherit;
+  top: inherit;
+  bottom: inherit;
+  left: inherit;
+  opacity: 1;
+  transition: transform 0.3s ease-out 0s;
+  -webkit-transition: -webkit-transform 0.3s ease-out 0s;
+}
+@media only screen and (max-height: 320px) {
+  .modal.aside-hz .modal-dialog {
+    max-height: 66%;
+  }
+}
+.modal.aside-hz .modal-content {
+  width: 100%;
+  overflow: hidden;
+}
+.modal.in.aside-hz .modal-dialog {
+  transform: none;
+  -webkit-transform: none;
+  height: auto;
+}
+.modal.aside-hz .aside-trigger {
+  position: absolute;
+  top: auto;
+  right: auto;
+  bottom: auto;
+  margin-top: -1px;
+  z-index: auto;
+  outline: none;
+  margin-left: -15px;
+  left: 50%;
+}
+.modal.aside-hz .aside-trigger.ace-settings-btn {
+  margin-left: -20px;
+}
+.modal.in.aside-hz .aside-trigger {
+  z-index: -1;
+}
+.modal.aside-top {
+  top: 0;
+}
+.modal.aside-top .modal-dialog {
+  transform: translateY(-100%);
+  -webkit-transform: translateY(-100%);
+}
+.modal.aside-top .modal-content {
+  border-width: 0;
+  box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.15);
+}
+.modal.aside-bottom {
+  bottom: 0;
+}
+.modal.aside-bottom .modal-dialog {
+  transform: translateY(100%);
+  -webkit-transform: translateY(100%);
+}
+.modal.aside-bottom .modal-content {
+  border-width: 0;
+  box-shadow: -1px 2px 2px 0 rgba(0, 0, 0, 0.15);
+}
+.modal.aside-bottom .aside-trigger {
+  bottom: 100%;
+  margin-top: auto;
+  margin-bottom: -1px;
+}
+.modal.aside-top .aside-trigger.ace-settings-btn {
+  border-radius: 0 0 6px 6px !important;
+}
+.modal.aside-bottom .aside-trigger.ace-settings-btn {
+  border-radius: 6px 6px 0 0 !important;
+}
+.aside.aside-hidden .modal-content {
+  display: none;
+}
+@media only screen and (min-width: 768px) {
+  .container.main-container ~ .modal.aside-vc .modal-dialog {
+    transition: none;
+    -webkit-transition: none;
+  }
+  .container.main-container ~ .modal.aside-vc:not(.in) .modal-content {
+    display: none;
+  }
+}
+.aside-vc.in.no-backdrop {
+  width: auto;
+}
+.aside-hz.in.no-backdrop {
+  height: auto;
+}
+.modal.aside .modal-backdrop {
+  position: fixed;
+  bottom: 0;
+  height: auto !important;
+}
+.modal.aside-hz .aside-trigger.align-left {
+  left: 15px;
+  margin-left: auto;
+  text-align: center;
+}
+.modal.aside-hz .aside-trigger.align-right {
+  text-align: center;
+  left: auto;
+  margin-left: auto;
+  right: 15px;
+}
+.modal.transition-off .modal-dialog {
+  transition: none;
+  -webkit-transition: none;
+}
+.breadcrumbs {
+  position: relative;
+  z-index: auto;
+  border-bottom: 1px solid #e5e5e5;
+  background-color: #f5f5f5;
+  min-height: 41px;
+  line-height: 40px;
+  padding: 0 12px 0 0;
+}
+.breadcrumb {
+  background-color: transparent;
+  display: inline-block;
+  line-height: 20px;
+  margin: 6px 22px 0 12px;
+  padding: 0;
+  font-size: 13px;
+  color: #333;
+  border-radius: 0;
+}
+.breadcrumb > li,
+.breadcrumb > li.active {
+  color: #555555;
+  padding: 0 3px 0 3px;
+}
+.breadcrumb > li > a {
+  display: inline-block;
+  color: #4c8fbd;
+}
+.breadcrumb > li + li:before {
+  font-family: FontAwesome;
+  font-size: 14px;
+  content: "\f105";
+  color: #b2b6bf;
+  padding: 0;
+  margin: 0 8px 0 0;
+  position: relative;
+  top: 1px;
+}
+.breadcrumb .home-icon {
+  font-size: 20px;
+  margin-left: 2px;
+  margin-right: 2px;
+  vertical-align: top;
+}
+@media only screen and (max-width: 480px) {
+  .breadcrumb > li > a {
+    padding: 0 1px;
+  }
+}
+@media only screen and (max-width: 991px) {
+  .menu-toggler + .sidebar.responsive + .main-content .breadcrumb {
+    margin-left: 90px;
+  }
+}
+@media only screen and (max-width: 320px) {
+  .breadcrumb {
+    margin-left: 8px;
+  }
+  .menu-toggler + .sidebar.responsive + .main-content .breadcrumb {
+    margin-left: 36px;
+  }
+}
+@media (min-width: 992px) {
+  .breadcrumbs-fixed {
+    position: fixed;
+    right: 0;
+    left: 0;
+    top: auto;
+    z-index: 1024;
+  }
+  .breadcrumbs-fixed + .page-content {
+    padding-top: 49px;
+  }
+  .sidebar + .main-content .breadcrumbs-fixed {
+    left: 190px;
+  }
+  body.mob-safari {
+    /**
+	 //not needed because breadcrumbs is not fixed at this point
+	 media (max-width: @screen-topbar-down) {
+	  .navbar-fixed-top:not(.navbar-collapse) + .main-container .breadcrumbs-fixed {
+		top: (@navbar-min-height * 2);
+	  }
+	 }*/
+  }
+  body.mob-safari .breadcrumbs-fixed {
+    top: 45px;
+  }
+}
+@media (min-width: 992px) {
+  .sidebar.compact + .main-content .breadcrumbs-fixed {
+    left: 105px;
+  }
+}
+@media (min-width: 992px) {
+  .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+    left: 43px;
+  }
+}
+@media (min-width: 992px) and (max-width: 991px) {
+  .breadcrumbs-fixed,
+  .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+    left: 0;
+  }
+  .sidebar.responsive-min + .main-content .breadcrumbs-fixed,
+  .sidebar.responsive-max + .main-content .breadcrumbs-fixed {
+    left: 43px;
+  }
+}
+@media (min-width: 992px) {
+  .container.main-container .breadcrumbs-fixed {
+    left: auto;
+    right: auto;
+    width: 744px;
+  }
+  .container.main-container .sidebar + .main-content .breadcrumbs-fixed {
+    left: auto;
+    right: auto;
+    width: 554px;
+  }
+  .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
+    width: 639px;
+  }
+  .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+    left: auto;
+    right: auto;
+    width: 701px;
+  }
+}
+@media (min-width: 992px) {
+  .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
+    width: 859px;
+  }
+}
+@media (min-width: 992px) {
+  .container.main-container .breadcrumbs-fixed {
+    width: 964px;
+  }
+  .container.main-container .sidebar + .main-content .breadcrumbs-fixed {
+    width: 774px;
+  }
+  .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+    width: 921px;
+  }
+}
+@media (min-width: 1200px) {
+  .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
+    width: 1059px;
+  }
+}
+@media (min-width: 1200px) {
+  .container.main-container .breadcrumbs-fixed {
+    width: 1164px;
+  }
+  .container.main-container .sidebar + .main-content .breadcrumbs-fixed {
+    width: 974px;
+  }
+  .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+    width: 1121px;
+  }
+}
+@media (min-width: 992px) and (max-width: 991px) {
+  .container.main-container .sidebar.compact + .main-content .breadcrumbs-fixed {
+    width: 744px;
+  }
+}
+@media (min-width: 992px) and (max-width: 991px) {
+  .container.main-container .breadcrumbs-fixed,
+  .container.main-container .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+    width: 744px;
+  }
+  .container.main-container .sidebar.responsive-min + .main-content .breadcrumbs-fixed,
+  .container.main-container .sidebar.responsive-max + .main-content .breadcrumbs-fixed {
+    left: auto;
+    right: auto;
+    width: 701px;
+  }
+}
+/**
+@media (max-width: @grid-float-breakpoint-max) {
+ .breadcrumbs-fixed {
+	position: relative;
+	left: auto !important;
+	right: auto !important;
+	top: auto !important;
+	width: auto !important;
+	
+	+ .page-content {
+		padding-top: @page-content-padding-top;
+	}
+ }
+}
+*/
+@media (min-width: 992px) {
+  .h-sidebar + .main-content .breadcrumbs.breadcrumbs-fixed {
+    position: relative;
+    top: auto;
+    left: auto;
+    z-index: auto;
+    width: auto;
+  }
+  .h-sidebar + .main-content .page-content {
+    padding-top: 12px;
+  }
+}
+.nav-search {
+  position: absolute;
+  right: 22px;
+  line-height: 24px;
+}
+.breadcrumbs .nav-search {
+  top: 6px;
+}
+.nav-search .form-search {
+  margin-bottom: 0;
+}
+.nav-search .nav-search-input {
+  border: 1px solid #6fb3e0;
+  width: 152px;
+  height: 28px !important;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  border-radius: 4px !important;
+  font-size: 13px;
+  line-height: 1.3;
+  color: #666666 !important;
+  z-index: 11;
+  -webkit-transition: width ease .15s;
+  -o-transition: width ease .15s;
+  transition: width ease .15s;
+}
+.nav-search .nav-search-input + .dropdown-menu {
+  min-width: 0;
+  left: 0;
+  right: 0;
+}
+.nav-search .nav-search-input:focus,
+.nav-search .nav-search-input:hover {
+  border-color: #6fb3e0;
+}
+.nav-search .nav-search-icon {
+  color: #6fb3e0 !important;
+  font-size: 14px !important;
+  line-height: 24px !important;
+  background-color: transparent;
+}
+.nav-search.minimized .nav-search-input {
+  width: 0;
+  opacity: 0;
+  filter: alpha(opacity=0);
+  max-width: 0;
+}
+.nav-search.minimized:hover .nav-search-input,
+.nav-search.minimized .nav-search-btn:active + .nav-search-input,
+.nav-search.minimized .nav-search-input:focus,
+.nav-search.minimized .nav-search-input:hover,
+.nav-search.minimized .nav-search-input:active {
+  opacity: 1;
+  filter: alpha(opacity=100);
+  width: 152px;
+  max-width: 152px;
+}
+.nav-search.minimized .nav-search-icon {
+  border: 1px solid;
+  border-radius: 100%;
+  background-color: #FFF;
+  padding: 0 5px !important;
+}
+.nav-search.minimized:hover .nav-search-icon,
+.nav-search.minimized .nav-search-input:focus ~ .nav-search-icon,
+.nav-search.minimized .nav-search-input:hover ~ .nav-search-icon,
+.nav-search.minimized .nav-search-input:active ~ .nav-search-icon {
+  border: none;
+  border-radius: 0;
+  padding: 0 3px !important;
+}
+.nav-search-icon {
+  border: none;
+  border-radius: 0;
+  padding: 0 3px !important;
+}
+.sidebar > .nav-search {
+  position: static;
+  background-color: #FAFAFA;
+  border-bottom: 1px solid #DDD;
+  text-align: center;
+  height: 35px;
+  padding-top: 6px;
+}
+.sidebar > .nav-search .nav-search-input {
+  width: 162px !important;
+  border-radius: 0 !important;
+  max-width: 162px !important;
+  opacity: 1 !important;
+  filter: alpha(opacity=100) !important;
+}
+.sidebar > .nav-search .nav-search-input + .dropdown-menu {
+  text-align: left;
+}
+.sidebar.menu-min .nav-search .form-search {
+  position: absolute;
+  left: 5px;
+  z-index: 14;
+}
+.sidebar.menu-min .nav-search .nav-search-input {
+  width: 0 !important;
+  max-width: 0 !important;
+  opacity: 0 !important;
+  filter: alpha(opacity=0) !important;
+}
+.sidebar.menu-min .nav-search .nav-search-input:hover,
+.sidebar.menu-min .nav-search .nav-search-input:focus,
+.sidebar.menu-min .nav-search .nav-search-input:active {
+  width: 162px !important;
+  max-width: 162px !important;
+  opacity: 1 !important;
+  filter: alpha(opacity=100) !important;
+}
+.sidebar.menu-min .nav-search .nav-search-input:hover ~ #nav-search-icon,
+.sidebar.menu-min .nav-search .nav-search-input:focus ~ #nav-search-icon,
+.sidebar.menu-min .nav-search .nav-search-input:active ~ #nav-search-icon {
+  border: none;
+  border-radius: 0;
+  padding: 0 3px !important;
+}
+.sidebar.menu-min .nav-search:hover .nav-search-input {
+  width: 162px !important;
+  max-width: 162px !important;
+  opacity: 1 !important;
+  filter: alpha(opacity=100) !important;
+}
+.sidebar.menu-min .nav-search:hover .nav-search-input ~ .nav-search-icon {
+  border: none;
+  border-radius: 0;
+  padding: 0 3px !important;
+}
+.sidebar.menu-min .nav-search .nav-search-icon {
+  /* inside minimized sidebar */
+  border: 1px solid;
+  border-radius: 32px;
+  background-color: #FFF;
+  padding: 0 5px !important;
+}
+@media (max-width: 991px) {
+  .sidebar.responsive-min .nav-search .form-search {
+    position: absolute;
+    left: 5px;
+    z-index: 14;
+  }
+  .sidebar.responsive-min .nav-search .nav-search-input {
+    width: 0 !important;
+    max-width: 0 !important;
+    opacity: 0 !important;
+    filter: alpha(opacity=0) !important;
+  }
+  .sidebar.responsive-min .nav-search .nav-search-input:hover,
+  .sidebar.responsive-min .nav-search .nav-search-input:focus,
+  .sidebar.responsive-min .nav-search .nav-search-input:active {
+    width: 162px !important;
+    max-width: 162px !important;
+    opacity: 1 !important;
+    filter: alpha(opacity=100) !important;
+  }
+  .sidebar.responsive-min .nav-search .nav-search-input:hover ~ #nav-search-icon,
+  .sidebar.responsive-min .nav-search .nav-search-input:focus ~ #nav-search-icon,
+  .sidebar.responsive-min .nav-search .nav-search-input:active ~ #nav-search-icon {
+    border: none;
+    border-radius: 0;
+    padding: 0 3px !important;
+  }
+  .sidebar.responsive-min .nav-search:hover .nav-search-input {
+    width: 162px !important;
+    max-width: 162px !important;
+    opacity: 1 !important;
+    filter: alpha(opacity=100) !important;
+  }
+  .sidebar.responsive-min .nav-search:hover .nav-search-input ~ .nav-search-icon {
+    border: none;
+    border-radius: 0;
+    padding: 0 3px !important;
+  }
+  .sidebar.responsive-min .nav-search .nav-search-icon {
+    /* inside minimized sidebar */
+    border: 1px solid;
+    border-radius: 32px;
+    background-color: #FFF;
+    padding: 0 5px !important;
+  }
+}
+@media only screen and (max-width: 991px) {
+  .nav-search {
+    right: 10px;
+  }
+  .nav-search .nav-search-input {
+    width: 105px;
+  }
+  .nav-search:hover .nav-search-input,
+  .nav-search .nav-search-btn:active + .nav-search-input,
+  .nav-search .nav-search-input:focus,
+  .nav-search .nav-search-input:hover,
+  .nav-search .nav-search-input:active {
+    width: 145px;
+  }
+}
+@media only screen and (max-width: 767px) {
+  .nav-search .nav-search-input {
+    width: 0;
+    opacity: 0;
+    filter: alpha(opacity=0);
+    max-width: 0;
+  }
+  .nav-search:hover .nav-search-input,
+  .nav-search .nav-search-btn:active + .nav-search-input,
+  .nav-search .nav-search-input:focus,
+  .nav-search .nav-search-input:hover,
+  .nav-search .nav-search-input:active {
+    opacity: 1;
+    filter: alpha(opacity=100);
+    width: 152px;
+    max-width: 152px;
+  }
+  .nav-search .nav-search-icon {
+    border: 1px solid;
+    border-radius: 100%;
+    background-color: #FFF;
+    padding: 0 5px !important;
+  }
+  .nav-search:hover .nav-search-icon,
+  .nav-search .nav-search-input:focus ~ .nav-search-icon,
+  .nav-search .nav-search-input:hover ~ .nav-search-icon,
+  .nav-search .nav-search-input:active ~ .nav-search-icon {
+    border: none;
+    border-radius: 0;
+    padding: 0 3px !important;
+  }
+}
+.footer {
+  padding-top: 75px;
+  height: 0;
+  width: 0;
+}
+.footer .footer-inner {
+  text-align: center;
+  position: absolute;
+  z-index: auto;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+.sidebar ~ .footer .footer-inner {
+  left: 190px;
+}
+@media (min-width: 992px) {
+  .sidebar.compact ~ .footer .footer-inner {
+    left: 105px;
+  }
+}
+.sidebar.menu-min ~ .footer .footer-inner {
+  left: 43px;
+}
+@media (min-width: 992px) {
+  .sidebar.h-sidebar ~ .footer .footer-inner {
+    left: 0;
+  }
+}
+@media (max-width: 991px) {
+  .footer .footer-inner,
+  .sidebar ~ .footer .footer-inner,
+  .sidebar.compact ~ .footer .footer-inner,
+  .sidebar.menu-min ~ .footer .footer-inner {
+    left: 0;
+  }
+  .sidebar.responsive-min ~ .footer .footer-inner {
+    left: 43px;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .container.main-container .footer .footer-inner {
+    left: auto !important;
+    right: auto !important;
+    margin-left: auto;
+    width: 744px;
+  }
+}
+@media (min-width: 992px) {
+  .container.main-container .footer .footer-inner {
+    left: auto !important;
+    right: auto !important;
+    width: 964px;
+  }
+}
+@media (min-width: 1200px) {
+  .container.main-container .footer .footer-inner {
+    width: 1164px;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .container.main-container .sidebar ~ .footer .footer-inner {
+    left: auto !important;
+    right: auto !important;
+    margin-left: auto;
+    width: 744px;
+  }
+}
+@media (min-width: 992px) {
+  .container.main-container .sidebar ~ .footer .footer-inner {
+    left: auto !important;
+    right: auto !important;
+    margin-left: 190px;
+    width: 774px;
+  }
+}
+@media (min-width: 1200px) {
+  .container.main-container .sidebar ~ .footer .footer-inner {
+    margin-left: 190px;
+    width: 974px;
+  }
+}
+@media (min-width: 992px) {
+  .container.main-container .sidebar.compact ~ .footer .footer-inner {
+    margin-left: 105px;
+    width: 859px;
+  }
+}
+@media (min-width: 1200px) {
+  .container.main-container .sidebar.compact ~ .footer .footer-inner {
+    margin-left: 105px;
+    width: 1059px;
+  }
+}
+@media (min-width: 992px) {
+  .container.main-container .sidebar.menu-min ~ .footer .footer-inner {
+    margin-left: 43px;
+    width: 921px;
+  }
+}
+@media (min-width: 1200px) {
+  .container.main-container .sidebar.menu-min ~ .footer .footer-inner {
+    margin-left: 43px;
+    width: 1121px;
+  }
+}
+@media (min-width: 992px) {
+  .container.main-container .sidebar.h-sidebar ~ .footer .footer-inner {
+    margin-left: 0;
+    width: 964px;
+  }
+}
+@media (min-width: 992px) {
+  .container.main-container .sidebar.h-sidebar ~ .footer .footer-inner {
+    margin-left: 0;
+    width: 964px;
+  }
+}
+@media (min-width: 1200px) {
+  .container.main-container .sidebar.h-sidebar ~ .footer .footer-inner {
+    margin-left: 0;
+    width: 1164px;
+  }
+}
+@media (min-width: 768px) and (max-width: 991px) {
+  .container.main-container .sidebar.responsive-min ~ .footer .footer-inner {
+    margin-left: 43px;
+    width: 701px;
+  }
+}
+.footer .footer-inner .footer-content {
+  position: absolute;
+  left: 12px;
+  right: 12px;
+  bottom: 4px;
+  padding: 8px;
+  line-height: 36px;
+  border-top: 3px double #E5E5E5;
+}
+.footer.footer-fixed .footer-inner {
+  position: fixed;
+  z-index: 999;
+  bottom: 0;
+}
+.footer.footer-fixed .footer-inner .footer-content {
+  left: 2px;
+  right: 2px;
+  bottom: 2px;
+  border: 1px solid #DDD;
+  background-color: #F2F2F2;
+}
+.footer.footer-fixed + .btn-scroll-up {
+  z-index: 999;
+}
+.btn {
+  display: inline-block;
+  color: #FFF !important;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  background-image: none !important;
+  border: 5px solid #FFF;
+  border-radius: 0;
+  box-shadow: none !important;
+  -webkit-transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;
+  -o-transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;
+  transition: background-color 0.15s, border-color 0.15s, opacity 0.15s;
+  cursor: pointer;
+  vertical-align: middle;
+  margin: 0;
+  position: relative;
+  /**
+ &:hover, &:focus, &.focus, .open > &.dropdown-toggle {
+	color: #FFF;
+	box-shadow: none;
+ }
+ */
+}
+.btn.active,
+.open > .btn.active.dropdown-toggle {
+  box-shadow: none;
+}
+.btn-lg,
+.btn-group-lg > .btn {
+  border-width: 5px;
+  line-height: 1.4;
+  padding: 5px 16px 6px;
+}
+.btn-xlg,
+.btn-group-xlg > .btn {
+  border-width: 5px;
+  line-height: 1.35;
+  padding: 7px 16px;
+  font-size: 18px;
+}
+.btn-sm,
+.btn-group-sm > .btn {
+  border-width: 4px;
+  font-size: 13px;
+  padding: 4px 9px;
+  line-height: 1.38;
+}
+.btn-xs,
+.btn-group-xs > .btn {
+  padding-top: 3px;
+  padding-bottom: 3px;
+  border-width: 3px;
+}
+.btn-mini,
+.btn-group-mini > .btn {
+  padding: 1px 5px;
+  border-width: 3px;
+  font-size: 12px;
+  line-height: 1.5;
+}
+.btn-minier,
+.btn-group-minier > .btn {
+  padding: 0 4px;
+  line-height: 18px;
+  border-width: 2px;
+  font-size: 12px;
+}
+button.btn:active {
+  top: 1px;
+}
+.btn,
+.btn-default,
+.btn:focus,
+.btn-default:focus {
+  background-color: #abbac3 !important;
+  border-color: #abbac3;
+}
+.btn:hover,
+.btn-default:hover,
+.btn:active,
+.btn-default:active,
+.open > .btn.dropdown-toggle,
+.open > .btn-default.dropdown-toggle {
+  background-color: #8b9aa3 !important;
+  border-color: #abbac3;
+}
+.btn.no-border:hover,
+.btn-default.no-border:hover,
+.btn.no-border:active,
+.btn-default.no-border:active {
+  border-color: #8b9aa3;
+}
+.btn.no-hover:hover,
+.btn-default.no-hover:hover,
+.btn.no-hover:active,
+.btn-default.no-hover:active {
+  background-color: #abbac3 !important;
+}
+.btn.active,
+.btn-default.active {
+  background-color: #9baab3 !important;
+  border-color: #8799a4;
+}
+.btn.no-border.active,
+.btn-default.no-border.active {
+  background-color: #92a3ac !important;
+  border-color: #92a3ac;
+}
+.btn.disabled,
+.btn-default.disabled,
+.btn[disabled],
+.btn-default[disabled],
+fieldset[disabled] .btn,
+fieldset[disabled] .btn-default,
+.btn.disabled:hover,
+.btn-default.disabled:hover,
+.btn[disabled]:hover,
+.btn-default[disabled]:hover,
+fieldset[disabled] .btn:hover,
+fieldset[disabled] .btn-default:hover,
+.btn.disabled:focus,
+.btn-default.disabled:focus,
+.btn[disabled]:focus,
+.btn-default[disabled]:focus,
+fieldset[disabled] .btn:focus,
+fieldset[disabled] .btn-default:focus,
+.btn.disabled:active,
+.btn-default.disabled:active,
+.btn[disabled]:active,
+.btn-default[disabled]:active,
+fieldset[disabled] .btn:active,
+fieldset[disabled] .btn-default:active,
+.btn.disabled.active,
+.btn-default.disabled.active,
+.btn[disabled].active,
+.btn-default[disabled].active,
+fieldset[disabled] .btn.active,
+fieldset[disabled] .btn-default.active {
+  background-color: #abbac3 !important;
+  border-color: #abbac3;
+}
+.btn-primary,
+.btn-primary:focus {
+  background-color: #428bca !important;
+  border-color: #428bca;
+}
+.btn-primary:hover,
+.btn-primary:active,
+.open > .btn-primary.dropdown-toggle {
+  background-color: #1b6aaa !important;
+  border-color: #428bca;
+}
+.btn-primary.no-border:hover,
+.btn-primary.no-border:active {
+  border-color: #1b6aaa;
+}
+.btn-primary.no-hover:hover,
+.btn-primary.no-hover:active {
+  background-color: #428bca !important;
+}
+.btn-primary.active {
+  background-color: #2f7bba !important;
+  border-color: #27689d;
+}
+.btn-primary.no-border.active {
+  background-color: #2b72ae !important;
+  border-color: #2b72ae;
+}
+.btn-primary.disabled,
+.btn-primary[disabled],
+fieldset[disabled] .btn-primary,
+.btn-primary.disabled:hover,
+.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-primary:hover,
+.btn-primary.disabled:focus,
+.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-primary:focus,
+.btn-primary.disabled:active,
+.btn-primary[disabled]:active,
+fieldset[disabled] .btn-primary:active,
+.btn-primary.disabled.active,
+.btn-primary[disabled].active,
+fieldset[disabled] .btn-primary.active {
+  background-color: #428bca !important;
+  border-color: #428bca;
+}
+.btn-info,
+.btn-info:focus {
+  background-color: #6fb3e0 !important;
+  border-color: #6fb3e0;
+}
+.btn-info:hover,
+.btn-info:active,
+.open > .btn-info.dropdown-toggle {
+  background-color: #4f99c6 !important;
+  border-color: #6fb3e0;
+}
+.btn-info.no-border:hover,
+.btn-info.no-border:active {
+  border-color: #4f99c6;
+}
+.btn-info.no-hover:hover,
+.btn-info.no-hover:active {
+  background-color: #6fb3e0 !important;
+}
+.btn-info.active {
+  background-color: #5fa6d3 !important;
+  border-color: #4396cb;
+}
+.btn-info.no-border.active {
+  background-color: #539fd0 !important;
+  border-color: #539fd0;
+}
+.btn-info.disabled,
+.btn-info[disabled],
+fieldset[disabled] .btn-info,
+.btn-info.disabled:hover,
+.btn-info[disabled]:hover,
+fieldset[disabled] .btn-info:hover,
+.btn-info.disabled:focus,
+.btn-info[disabled]:focus,
+fieldset[disabled] .btn-info:focus,
+.btn-info.disabled:active,
+.btn-info[disabled]:active,
+fieldset[disabled] .btn-info:active,
+.btn-info.disabled.active,
+.btn-info[disabled].active,
+fieldset[disabled] .btn-info.active {
+  background-color: #6fb3e0 !important;
+  border-color: #6fb3e0;
+}
+.btn-info2,
+.btn-info2:focus {
+  background-color: #95c6e5 !important;
+  border-color: #95c6e5;
+}
+.btn-info2:hover,
+.btn-info2:active,
+.open > .btn-info2.dropdown-toggle {
+  background-color: #67a6ce !important;
+  border-color: #95c6e5;
+}
+.btn-info2.no-border:hover,
+.btn-info2.no-border:active {
+  border-color: #67a6ce;
+}
+.btn-info2.no-hover:hover,
+.btn-info2.no-hover:active {
+  background-color: #95c6e5 !important;
+}
+.btn-info2.active {
+  background-color: #7eb6da !important;
+  border-color: #62a6d1;
+}
+.btn-info2.no-border.active {
+  background-color: #72afd6 !important;
+  border-color: #72afd6;
+}
+.btn-info2.disabled,
+.btn-info2[disabled],
+fieldset[disabled] .btn-info2,
+.btn-info2.disabled:hover,
+.btn-info2[disabled]:hover,
+fieldset[disabled] .btn-info2:hover,
+.btn-info2.disabled:focus,
+.btn-info2[disabled]:focus,
+fieldset[disabled] .btn-info2:focus,
+.btn-info2.disabled:active,
+.btn-info2[disabled]:active,
+fieldset[disabled] .btn-info2:active,
+.btn-info2.disabled.active,
+.btn-info2[disabled].active,
+fieldset[disabled] .btn-info2.active {
+  background-color: #95c6e5 !important;
+  border-color: #95c6e5;
+}
+.btn-success,
+.btn-success:focus {
+  background-color: #87b87f !important;
+  border-color: #87b87f;
+}
+.btn-success:hover,
+.btn-success:active,
+.open > .btn-success.dropdown-toggle {
+  background-color: #629b58 !important;
+  border-color: #87b87f;
+}
+.btn-success.no-border:hover,
+.btn-success.no-border:active {
+  border-color: #629b58;
+}
+.btn-success.no-hover:hover,
+.btn-success.no-hover:active {
+  background-color: #87b87f !important;
+}
+.btn-success.active {
+  background-color: #75aa6c !important;
+  border-color: #629959;
+}
+.btn-success.no-border.active {
+  background-color: #6ba462 !important;
+  border-color: #6ba462;
+}
+.btn-success.disabled,
+.btn-success[disabled],
+fieldset[disabled] .btn-success,
+.btn-success.disabled:hover,
+.btn-success[disabled]:hover,
+fieldset[disabled] .btn-success:hover,
+.btn-success.disabled:focus,
+.btn-success[disabled]:focus,
+fieldset[disabled] .btn-success:focus,
+.btn-success.disabled:active,
+.btn-success[disabled]:active,
+fieldset[disabled] .btn-success:active,
+.btn-success.disabled.active,
+.btn-success[disabled].active,
+fieldset[disabled] .btn-success.active {
+  background-color: #87b87f !important;
+  border-color: #87b87f;
+}
+.btn-warning,
+.btn-warning:focus {
+  background-color: #ffb752 !important;
+  border-color: #ffb752;
+}
+.btn-warning:hover,
+.btn-warning:active,
+.open > .btn-warning.dropdown-toggle {
+  background-color: #e59729 !important;
+  border-color: #ffb752;
+}
+.btn-warning.no-border:hover,
+.btn-warning.no-border:active {
+  border-color: #e59729;
+}
+.btn-warning.no-hover:hover,
+.btn-warning.no-hover:active {
+  background-color: #ffb752 !important;
+}
+.btn-warning.active {
+  background-color: #f2a73e !important;
+  border-color: #f0981c;
+}
+.btn-warning.no-border.active {
+  background-color: #f1a02f !important;
+  border-color: #f1a02f;
+}
+.btn-warning.disabled,
+.btn-warning[disabled],
+fieldset[disabled] .btn-warning,
+.btn-warning.disabled:hover,
+.btn-warning[disabled]:hover,
+fieldset[disabled] .btn-warning:hover,
+.btn-warning.disabled:focus,
+.btn-warning[disabled]:focus,
+fieldset[disabled] .btn-warning:focus,
+.btn-warning.disabled:active,
+.btn-warning[disabled]:active,
+fieldset[disabled] .btn-warning:active,
+.btn-warning.disabled.active,
+.btn-warning[disabled].active,
+fieldset[disabled] .btn-warning.active {
+  background-color: #ffb752 !important;
+  border-color: #ffb752;
+}
+.btn-danger,
+.btn-danger:focus {
+  background-color: #d15b47 !important;
+  border-color: #d15b47;
+}
+.btn-danger:hover,
+.btn-danger:active,
+.open > .btn-danger.dropdown-toggle {
+  background-color: #b74635 !important;
+  border-color: #d15b47;
+}
+.btn-danger.no-border:hover,
+.btn-danger.no-border:active {
+  border-color: #b74635;
+}
+.btn-danger.no-hover:hover,
+.btn-danger.no-hover:active {
+  background-color: #d15b47 !important;
+}
+.btn-danger.active {
+  background-color: #c4513e !important;
+  border-color: #aa4434;
+}
+.btn-danger.no-border.active {
+  background-color: #ba4b39 !important;
+  border-color: #ba4b39;
+}
+.btn-danger.disabled,
+.btn-danger[disabled],
+fieldset[disabled] .btn-danger,
+.btn-danger.disabled:hover,
+.btn-danger[disabled]:hover,
+fieldset[disabled] .btn-danger:hover,
+.btn-danger.disabled:focus,
+.btn-danger[disabled]:focus,
+fieldset[disabled] .btn-danger:focus,
+.btn-danger.disabled:active,
+.btn-danger[disabled]:active,
+fieldset[disabled] .btn-danger:active,
+.btn-danger.disabled.active,
+.btn-danger[disabled].active,
+fieldset[disabled] .btn-danger.active {
+  background-color: #d15b47 !important;
+  border-color: #d15b47;
+}
+.btn-inverse,
+.btn-inverse:focus {
+  background-color: #555555 !important;
+  border-color: #555555;
+}
+.btn-inverse:hover,
+.btn-inverse:active,
+.open > .btn-inverse.dropdown-toggle {
+  background-color: #303030 !important;
+  border-color: #555555;
+}
+.btn-inverse.no-border:hover,
+.btn-inverse.no-border:active {
+  border-color: #303030;
+}
+.btn-inverse.no-hover:hover,
+.btn-inverse.no-hover:active {
+  background-color: #555555 !important;
+}
+.btn-inverse.active {
+  background-color: #434343 !important;
+  border-color: #313131;
+}
+.btn-inverse.no-border.active {
+  background-color: #3b3b3b !important;
+  border-color: #3b3b3b;
+}
+.btn-inverse.disabled,
+.btn-inverse[disabled],
+fieldset[disabled] .btn-inverse,
+.btn-inverse.disabled:hover,
+.btn-inverse[disabled]:hover,
+fieldset[disabled] .btn-inverse:hover,
+.btn-inverse.disabled:focus,
+.btn-inverse[disabled]:focus,
+fieldset[disabled] .btn-inverse:focus,
+.btn-inverse.disabled:active,
+.btn-inverse[disabled]:active,
+fieldset[disabled] .btn-inverse:active,
+.btn-inverse.disabled.active,
+.btn-inverse[disabled].active,
+fieldset[disabled] .btn-inverse.active {
+  background-color: #555555 !important;
+  border-color: #555555;
+}
+.btn-pink,
+.btn-pink:focus {
+  background-color: #d6487e !important;
+  border-color: #d6487e;
+}
+.btn-pink:hover,
+.btn-pink:active,
+.open > .btn-pink.dropdown-toggle {
+  background-color: #b73766 !important;
+  border-color: #d6487e;
+}
+.btn-pink.no-border:hover,
+.btn-pink.no-border:active {
+  border-color: #b73766;
+}
+.btn-pink.no-hover:hover,
+.btn-pink.no-hover:active {
+  background-color: #d6487e !important;
+}
+.btn-pink.active {
+  background-color: #c74072 !important;
+  border-color: #af3462;
+}
+.btn-pink.no-border.active {
+  background-color: #be386a !important;
+  border-color: #be386a;
+}
+.btn-pink.disabled,
+.btn-pink[disabled],
+fieldset[disabled] .btn-pink,
+.btn-pink.disabled:hover,
+.btn-pink[disabled]:hover,
+fieldset[disabled] .btn-pink:hover,
+.btn-pink.disabled:focus,
+.btn-pink[disabled]:focus,
+fieldset[disabled] .btn-pink:focus,
+.btn-pink.disabled:active,
+.btn-pink[disabled]:active,
+fieldset[disabled] .btn-pink:active,
+.btn-pink.disabled.active,
+.btn-pink[disabled].active,
+fieldset[disabled] .btn-pink.active {
+  background-color: #d6487e !important;
+  border-color: #d6487e;
+}
+.btn-purple,
+.btn-purple:focus {
+  background-color: #9585bf !important;
+  border-color: #9585bf;
+}
+.btn-purple:hover,
+.btn-purple:active,
+.open > .btn-purple.dropdown-toggle {
+  background-color: #7461aa !important;
+  border-color: #9585bf;
+}
+.btn-purple.no-border:hover,
+.btn-purple.no-border:active {
+  border-color: #7461aa;
+}
+.btn-purple.no-hover:hover,
+.btn-purple.no-hover:active {
+  background-color: #9585bf !important;
+}
+.btn-purple.active {
+  background-color: #8573b5 !important;
+  border-color: #705ca8;
+}
+.btn-purple.no-border.active {
+  background-color: #7c69af !important;
+  border-color: #7c69af;
+}
+.btn-purple.disabled,
+.btn-purple[disabled],
+fieldset[disabled] .btn-purple,
+.btn-purple.disabled:hover,
+.btn-purple[disabled]:hover,
+fieldset[disabled] .btn-purple:hover,
+.btn-purple.disabled:focus,
+.btn-purple[disabled]:focus,
+fieldset[disabled] .btn-purple:focus,
+.btn-purple.disabled:active,
+.btn-purple[disabled]:active,
+fieldset[disabled] .btn-purple:active,
+.btn-purple.disabled.active,
+.btn-purple[disabled].active,
+fieldset[disabled] .btn-purple.active {
+  background-color: #9585bf !important;
+  border-color: #9585bf;
+}
+.btn-grey,
+.btn-grey:focus {
+  background-color: #a0a0a0 !important;
+  border-color: #a0a0a0;
+}
+.btn-grey:hover,
+.btn-grey:active,
+.open > .btn-grey.dropdown-toggle {
+  background-color: #888888 !important;
+  border-color: #a0a0a0;
+}
+.btn-grey.no-border:hover,
+.btn-grey.no-border:active {
+  border-color: #888888;
+}
+.btn-grey.no-hover:hover,
+.btn-grey.no-hover:active {
+  background-color: #a0a0a0 !important;
+}
+.btn-grey.active {
+  background-color: #949494 !important;
+  border-color: #828282;
+}
+.btn-grey.no-border.active {
+  background-color: #8c8c8c !important;
+  border-color: #8c8c8c;
+}
+.btn-grey.disabled,
+.btn-grey[disabled],
+fieldset[disabled] .btn-grey,
+.btn-grey.disabled:hover,
+.btn-grey[disabled]:hover,
+fieldset[disabled] .btn-grey:hover,
+.btn-grey.disabled:focus,
+.btn-grey[disabled]:focus,
+fieldset[disabled] .btn-grey:focus,
+.btn-grey.disabled:active,
+.btn-grey[disabled]:active,
+fieldset[disabled] .btn-grey:active,
+.btn-grey.disabled.active,
+.btn-grey[disabled].active,
+fieldset[disabled] .btn-grey.active {
+  background-color: #a0a0a0 !important;
+  border-color: #a0a0a0;
+}
+.btn-yellow {
+  color: #996633 !important;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) !important;
+}
+.btn-yellow,
+.btn-yellow:focus {
+  background-color: #fee188 !important;
+  border-color: #fee188;
+}
+.btn-yellow:hover,
+.btn-yellow:active,
+.open > .btn-yellow.dropdown-toggle {
+  background-color: #f7d05b !important;
+  border-color: #fee188;
+}
+.btn-yellow.no-border:hover,
+.btn-yellow.no-border:active {
+  border-color: #f7d05b;
+}
+.btn-yellow.no-hover:hover,
+.btn-yellow.no-hover:active {
+  background-color: #fee188 !important;
+}
+.btn-yellow.active {
+  background-color: #fbd972 !important;
+  border-color: #f9cf4f;
+}
+.btn-yellow.no-border.active {
+  background-color: #fad463 !important;
+  border-color: #fad463;
+}
+.btn-yellow.disabled,
+.btn-yellow[disabled],
+fieldset[disabled] .btn-yellow,
+.btn-yellow.disabled:hover,
+.btn-yellow[disabled]:hover,
+fieldset[disabled] .btn-yellow:hover,
+.btn-yellow.disabled:focus,
+.btn-yellow[disabled]:focus,
+fieldset[disabled] .btn-yellow:focus,
+.btn-yellow.disabled:active,
+.btn-yellow[disabled]:active,
+fieldset[disabled] .btn-yellow:active,
+.btn-yellow.disabled.active,
+.btn-yellow[disabled].active,
+fieldset[disabled] .btn-yellow.active {
+  background-color: #fee188 !important;
+  border-color: #fee188;
+}
+.btn-yellow:hover,
+.btn-yellow:focus,
+.btn-yellow.focus,
+.open > .btn-yellow.dropdown-toggle,
+.btn-yellow.active,
+.open > .btn-yellow.active.dropdown-toggle {
+  color: #996633;
+}
+.btn-light {
+  color: #888888 !important;
+  text-shadow: 0 -1px 0 rgba(250, 250, 250, 0.25) !important;
+}
+.btn-light,
+.btn-light:focus {
+  background-color: #e7e7e7 !important;
+  border-color: #e7e7e7;
+}
+.btn-light:hover,
+.btn-light:active,
+.open > .btn-light.dropdown-toggle {
+  background-color: #d9d9d9 !important;
+  border-color: #e7e7e7;
+}
+.btn-light.no-border:hover,
+.btn-light.no-border:active {
+  border-color: #d9d9d9;
+}
+.btn-light.no-hover:hover,
+.btn-light.no-hover:active {
+  background-color: #e7e7e7 !important;
+}
+.btn-light.active {
+  background-color: #e0e0e0 !important;
+  border-color: #cecece;
+}
+.btn-light.no-border.active {
+  background-color: #d8d8d8 !important;
+  border-color: #d8d8d8;
+}
+.btn-light.disabled,
+.btn-light[disabled],
+fieldset[disabled] .btn-light,
+.btn-light.disabled:hover,
+.btn-light[disabled]:hover,
+fieldset[disabled] .btn-light:hover,
+.btn-light.disabled:focus,
+.btn-light[disabled]:focus,
+fieldset[disabled] .btn-light:focus,
+.btn-light.disabled:active,
+.btn-light[disabled]:active,
+fieldset[disabled] .btn-light:active,
+.btn-light.disabled.active,
+.btn-light[disabled].active,
+fieldset[disabled] .btn-light.active {
+  background-color: #e7e7e7 !important;
+  border-color: #e7e7e7;
+}
+.btn-light:hover,
+.btn-light:focus,
+.btn-light.focus,
+.open > .btn-light.dropdown-toggle,
+.btn-light.active,
+.open > .btn-light.active.dropdown-toggle {
+  color: #888888;
+}
+.btn-light.btn-xs:after,
+.btn-light.btn-mini:after {
+  left: -2px;
+  right: -2px;
+  top: -2px;
+  bottom: -2px;
+}
+.btn-light.btn-sm:after {
+  left: -4px;
+  right: -4px;
+  top: -4px;
+  bottom: -4px;
+}
+.btn-light .btn-lg:after {
+  left: -6px;
+  right: -6px;
+  top: -6px;
+  bottom: -6px;
+}
+.btn.btn-white {
+  text-shadow: none !important;
+  background-color: #FFF !important;
+}
+.btn.btn-white.no-hover:hover,
+.btn.btn-white.no-hover:active {
+  background-color: #FFF !important;
+}
+.btn.btn-white:focus,
+.btn.btn-white.active {
+  box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.1) !important;
+}
+.btn.btn-white:focus.btn-bold,
+.btn.btn-white.active.btn-bold {
+  box-shadow: inset 1px 1px 3px 0 rgba(0, 0, 0, 0.15) !important;
+}
+.btn.btn-white.active:after {
+  display: none;
+}
+.btn.btn-white {
+  border-color: #cccccc;
+  color: #444444 !important;
+  /**
+ //&:hover, &:focus, &.focus, .open > &.dropdown-toggle {
+	//color: saturate(darken(@txt-color , 5%) , 5%) !important;
+ //}
+ //&.no-border:hover , &.no-border:active {
+	//border-color: @border-color;
+ //}
+ */
+}
+.btn.btn-white:hover,
+.btn.btn-white:focus,
+.btn.btn-white.active,
+.btn.btn-white:active,
+.open > .btn.btn-white.dropdown-toggle,
+.open > .btn.btn-white.active.dropdown-toggle {
+  background-color: #ebebeb !important;
+  border-color: #cccccc;
+  color: #3a3434 !important;
+}
+.btn.btn-white:hover.no-border,
+.btn.btn-white:focus.no-border,
+.btn.btn-white.active.no-border,
+.btn.btn-white:active.no-border,
+.open > .btn.btn-white.dropdown-toggle.no-border,
+.open > .btn.btn-white.active.dropdown-toggle.no-border {
+  border-color: #cccccc;
+}
+.btn.btn-white.disabled,
+.btn.btn-white[disabled],
+fieldset[disabled] .btn.btn-white,
+.btn.btn-white.disabled:hover,
+.btn.btn-white[disabled]:hover,
+fieldset[disabled] .btn.btn-white:hover,
+.btn.btn-white.disabled:focus,
+.btn.btn-white[disabled]:focus,
+fieldset[disabled] .btn.btn-white:focus,
+.btn.btn-white.disabled:active,
+.btn.btn-white[disabled]:active,
+fieldset[disabled] .btn.btn-white:active,
+.btn.btn-white.disabled.active,
+.btn.btn-white[disabled].active,
+fieldset[disabled] .btn.btn-white.active {
+  border-color: #cccccc;
+}
+.btn-white.btn-default {
+  border-color: #abbac3;
+  color: #80909a !important;
+  /**
+ //&:hover, &:focus, &.focus, .open > &.dropdown-toggle {
+	//color: saturate(darken(@txt-color , 5%) , 5%) !important;
+ //}
+ //&.no-border:hover , &.no-border:active {
+	//border-color: @border-color;
+ //}
+ */
+}
+.btn-white.btn-default:hover,
+.btn-white.btn-default:focus,
+.btn-white.btn-default.active,
+.btn-white.btn-default:active,
+.open > .btn-white.btn-default.dropdown-toggle,
+.open > .btn-white.btn-default.active.dropdown-toggle {
+  background-color: #eff2f4 !important;
+  border-color: #abbac3;
+  color: #6b8595 !important;
+}
+.btn-white.btn-default:hover.no-border,
+.btn-white.btn-default:focus.no-border,
+.btn-white.btn-default.active.no-border,
+.btn-white.btn-default:active.no-border,
+.open > .btn-white.btn-default.dropdown-toggle.no-border,
+.open > .btn-white.btn-default.active.dropdown-toggle.no-border {
+  border-color: #abbac3;
+}
+.btn-white.btn-default.disabled,
+.btn-white.btn-default[disabled],
+fieldset[disabled] .btn-white.btn-default,
+.btn-white.btn-default.disabled:hover,
+.btn-white.btn-default[disabled]:hover,
+fieldset[disabled] .btn-white.btn-default:hover,
+.btn-white.btn-default.disabled:focus,
+.btn-white.btn-default[disabled]:focus,
+fieldset[disabled] .btn-white.btn-default:focus,
+.btn-white.btn-default.disabled:active,
+.btn-white.btn-default[disabled]:active,
+fieldset[disabled] .btn-white.btn-default:active,
+.btn-white.btn-default.disabled.active,
+.btn-white.btn-default[disabled].active,
+fieldset[disabled] .btn-white.btn-default.active {
+  border-color: #abbac3;
+}
+.btn-white.btn-primary {
+  border-color: #8aafce;
+  color: #6688a6 !important;
+  /**
+ //&:hover, &:focus, &.focus, .open > &.dropdown-toggle {
+	//color: saturate(darken(@txt-color , 5%) , 5%) !important;
+ //}
+ //&.no-border:hover , &.no-border:active {
+	//border-color: @border-color;
+ //}
+ */
+}
+.btn-white.btn-primary:hover,
+.btn-white.btn-primary:focus,
+.btn-white.btn-primary.active,
+.btn-white.btn-primary:active,
+.open > .btn-white.btn-primary.dropdown-toggle,
+.open > .btn-white.btn-primary.active.dropdown-toggle {
+  background-color: #eaf2f8 !important;
+  border-color: #8aafce;
+  color: #537c9f !important;
+}
+.btn-white.btn-primary:hover.no-border,
+.btn-white.btn-primary:focus.no-border,
+.btn-white.btn-primary.active.no-border,
+.btn-white.btn-primary:active.no-border,
+.open > .btn-white.btn-primary.dropdown-toggle.no-border,
+.open > .btn-white.btn-primary.active.dropdown-toggle.no-border {
+  border-color: #8aafce;
+}
+.btn-white.btn-primary.disabled,
+.btn-white.btn-primary[disabled],
+fieldset[disabled] .btn-white.btn-primary,
+.btn-white.btn-primary.disabled:hover,
+.btn-white.btn-primary[disabled]:hover,
+fieldset[disabled] .btn-white.btn-primary:hover,
+.btn-white.btn-primary.disabled:focus,
+.btn-white.btn-primary[disabled]:focus,
+fieldset[disabled] .btn-white.btn-primary:focus,
+.btn-white.btn-primary.disabled:active,
+.btn-white.btn-primary[disabled]:active,
+fieldset[disabled] .btn-white.btn-primary:active,
+.btn-white.btn-primary.disabled.active,
+.btn-white.btn-primary[disabled].active,
+fieldset[disabled] .btn-white.btn-primary.active {
+  border-color: #8aafce;
+}
+.btn-white.btn-success {
+  border-color: #a7c9a1;
+  color: #81a87b !important;
+  /**
+ //&:hover, &:focus, &.focus, .open > &.dropdown-toggle {
+	//color: saturate(darken(@txt-color , 5%) , 5%) !important;
+ //}
+ //&.no-border:hover , &.no-border:active {
+	//border-color: @border-color;
+ //}
+ */
+}
+.btn-white.btn-success:hover,
+.btn-white.btn-success:focus,
+.btn-white.btn-success.active,
+.btn-white.btn-success:active,
+.open > .btn-white.btn-success.dropdown-toggle,
+.open > .btn-white.btn-success.active.dropdown-toggle {
+  background-color: #edf4eb !important;
+  border-color: #a7c9a1;
+  color: #6ea465 !important;
+}
+.btn-white.btn-success:hover.no-border,
+.btn-white.btn-success:focus.no-border,
+.btn-white.btn-success.active.no-border,
+.btn-white.btn-success:active.no-border,
+.open > .btn-white.btn-success.dropdown-toggle.no-border,
+.open > .btn-white.btn-success.active.dropdown-toggle.no-border {
+  border-color: #a7c9a1;
+}
+.btn-white.btn-success.disabled,
+.btn-white.btn-success[disabled],
+fieldset[disabled] .btn-white.btn-success,
+.btn-white.btn-success.disabled:hover,
+.btn-white.btn-success[disabled]:hover,
+fieldset[disabled] .btn-white.btn-success:hover,
+.btn-white.btn-success.disabled:focus,
+.btn-white.btn-success[disabled]:focus,
+fieldset[disabled] .btn-white.btn-success:focus,
+.btn-white.btn-success.disabled:active,
+.btn-white.btn-success[disabled]:active,
+fieldset[disabled] .btn-white.btn-success:active,
+.btn-white.btn-success.disabled.active,
+.btn-white.btn-success[disabled].active,
+fieldset[disabled] .btn-white.btn-success.active {
+  border-color: #a7c9a1;
+}
+.btn-white.btn-danger {
+  border-color: #d7a59d;
+  color: #b7837a !important;
+  /**
+ //&:hover, &:focus, &.focus, .open > &.dropdown-toggle {
+	//color: saturate(darken(@txt-color , 5%) , 5%) !important;
+ //}
+ //&.no-border:hover , &.no-border:active {
+	//border-color: @border-color;
+ //}
+ */
+}
+.btn-white.btn-danger:hover,
+.btn-white.btn-danger:focus,
+.btn-white.btn-danger.active,
+.btn-white.btn-danger:active,
+.open > .btn-white.btn-danger.dropdown-toggle,
+.open > .btn-white.btn-danger.active.dropdown-toggle {
+  background-color: #fbf4f3 !important;
+  border-color: #d7a59d;
+  color: #b46f64 !important;
+}
+.btn-white.btn-danger:hover.no-border,
+.btn-white.btn-danger:focus.no-border,
+.btn-white.btn-danger.active.no-border,
+.btn-white.btn-danger:active.no-border,
+.open > .btn-white.btn-danger.dropdown-toggle.no-border,
+.open > .btn-white.btn-danger.active.dropdown-toggle.no-border {
+  border-color: #d7a59d;
+}
+.btn-white.btn-danger.disabled,
+.btn-white.btn-danger[disabled],
+fieldset[disabled] .btn-white.btn-danger,
+.btn-white.btn-danger.disabled:hover,
+.btn-white.btn-danger[disabled]:hover,
+fieldset[disabled] .btn-white.btn-danger:hover,
+.btn-white.btn-danger.disabled:focus,
+.btn-white.btn-danger[disabled]:focus,
+fieldset[disabled] .btn-white.btn-danger:focus,
+.btn-white.btn-danger.disabled:active,
+.btn-white.btn-danger[disabled]:active,
+fieldset[disabled] .btn-white.btn-danger:active,
+.btn-white.btn-danger.disabled.active,
+.btn-white.btn-danger[disabled].active,
+fieldset[disabled] .btn-white.btn-danger.active {
+  border-color: #d7a59d;
+}
+.btn-white.btn-warning {
+  border-color: #e7b979;
+  color: #daa458 !important;
+  /**
+ //&:hover, &:focus, &.focus, .open > &.dropdown-toggle {
+	//color: saturate(darken(@txt-color , 5%) , 5%) !important;
+ //}
+ //&.no-border:hover , &.no-border:active {
+	//border-color: @border-color;
+ //}
+ */
+}
+.btn-white.btn-warning:hover,
+.btn-white.btn-warning:focus,
+.btn-white.btn-warning.active,
+.btn-white.btn-warning:active,
+.open > .btn-white.btn-warning.dropdown-toggle,
+.open > .btn-white.btn-warning.active.dropdown-toggle {
+  background-color: #fef7ec !important;
+  border-color: #e7b979;
+  color: #db9a3d !important;
+}
+.btn-white.btn-warning:hover.no-border,
+.btn-white.btn-warning:focus.no-border,
+.btn-white.btn-warning.active.no-border,
+.btn-white.btn-warning:active.no-border,
+.open > .btn-white.btn-warning.dropdown-toggle.no-border,
+.open > .btn-white.btn-warning.active.dropdown-toggle.no-border {
+  border-color: #e7b979;
+}
+.btn-white.btn-warning.disabled,
+.btn-white.btn-warning[disabled],
+fieldset[disabled] .btn-white.btn-warning,
+.btn-white.btn-warning.disabled:hover,
+.btn-white.btn-warning[disabled]:hover,
+fieldset[disabled] .btn-white.btn-warning:hover,
+.btn-white.btn-warning.disabled:focus,
+.btn-white.btn-warning[disabled]:focus,
+fieldset[disabled] .btn-white.btn-warning:focus,
+.btn-white.btn-warning.disabled:active,
+.btn-white.btn-warning[disabled]:active,
+fieldset[disabled] .btn-white.btn-warning:active,
+.btn-white.btn-warning.disabled.active,
+.btn-white.btn-warning[disabled].active,
+fieldset[disabled] .btn-white.btn-warning.active {
+  border-color: #e7b979;
+}
+.btn-white.btn-info {
+  border-color: #8fbcd9;
+  color: #70a0c1 !important;
+  /**
+ //&:hover, &:focus, &.focus, .open > &.dropdown-toggle {
+	//color: saturate(darken(@txt-color , 5%) , 5%) !important;
+ //}
+ //&.no-border:hover , &.no-border:active {
+	//border-color: @border-color;
+ //}
+ */
+}
+.btn-white.btn-info:hover,
+.btn-white.btn-info:focus,
+.btn-white.btn-info.active,
+.btn-white.btn-info:active,
+.open > .btn-white.btn-info.dropdown-toggle,
+.open > .btn-white.btn-info.active.dropdown-toggle {
+  background-color: #eef5fa !important;
+  border-color: #8fbcd9;
+  color: #5896bf !important;
+}
+.btn-white.btn-info:hover.no-border,
+.btn-white.btn-info:focus.no-border,
+.btn-white.btn-info.active.no-border,
+.btn-white.btn-info:active.no-border,
+.open > .btn-white.btn-info.dropdown-toggle.no-border,
+.open > .btn-white.btn-info.active.dropdown-toggle.no-border {
+  border-color: #8fbcd9;
+}
+.btn-white.btn-info.disabled,
+.btn-white.btn-info[disabled],
+fieldset[disabled] .btn-white.btn-info,
+.btn-white.btn-info.disabled:hover,
+.btn-white.btn-info[disabled]:hover,
+fieldset[disabled] .btn-white.btn-info:hover,
+.btn-white.btn-info.disabled:focus,
+.btn-white.btn-info[disabled]:focus,
+fieldset[disabled] .btn-white.btn-info:focus,
+.btn-white.btn-info.disabled:active,
+.btn-white.btn-info[disabled]:active,
+fieldset[disabled] .btn-white.btn-info:active,
+.btn-white.btn-info.disabled.active,
+.btn-white.btn-info[disabled].active,
+fieldset[disabled] .btn-white.btn-info.active {
+  border-color: #8fbcd9;
+}
+.btn-white.btn-inverse {
+  border-color: #959595;
+  color: #555555 !important;
+  /**
+ //&:hover, &:focus, &.focus, .open > &.dropdown-toggle {
+	//color: saturate(darken(@txt-color , 5%) , 5%) !important;
+ //}
+ //&.no-border:hover , &.no-border:active {
+	//border-color: @border-color;
+ //}
+ */
+}
+.btn-white.btn-inverse:hover,
+.btn-white.btn-inverse:focus,
+.btn-white.btn-inverse.active,
+.btn-white.btn-inverse:active,
+.open > .btn-white.btn-inverse.dropdown-toggle,
+.open > .btn-white.btn-inverse.active.dropdown-toggle {
+  background-color: #e4e4e4 !important;
+  border-color: #959595;
+  color: #4c4545 !important;
+}
+.btn-white.btn-inverse:hover.no-border,
+.btn-white.btn-inverse:focus.no-border,
+.btn-white.btn-inverse.active.no-border,
+.btn-white.btn-inverse:active.no-border,
+.open > .btn-white.btn-inverse.dropdown-toggle.no-border,
+.open > .btn-white.btn-inverse.active.dropdown-toggle.no-border {
+  border-color: #959595;
+}
+.btn-white.btn-inverse.disabled,
+.btn-white.btn-inverse[disabled],
+fieldset[disabled] .btn-white.btn-inverse,
+.btn-white.btn-inverse.disabled:hover,
+.btn-white.btn-inverse[disabled]:hover,
+fieldset[disabled] .btn-white.btn-inverse:hover,
+.btn-white.btn-inverse.disabled:focus,
+.btn-white.btn-inverse[disabled]:focus,
+fieldset[disabled] .btn-white.btn-inverse:focus,
+.btn-white.btn-inverse.disabled:active,
+.btn-white.btn-inverse[disabled]:active,
+fieldset[disabled] .btn-white.btn-inverse:active,
+.btn-white.btn-inverse.disabled.active,
+.btn-white.btn-inverse[disabled].active,
+fieldset[disabled] .btn-white.btn-inverse.active {
+  border-color: #959595;
+}
+.btn-white.btn-pink {
+  border-color: #d299ae;
+  color: #af6f87 !important;
+  /**
+ //&:hover, &:focus, &.focus, .open > &.dropdown-toggle {
+	//color: saturate(darken(@txt-color , 5%) , 5%) !important;
+ //}
+ //&.no-border:hover , &.no-border:active {
+	//border-color: @border-color;
+ //}
+ */
+}
+.btn-white.btn-pink:hover,
+.btn-white.btn-pink:focus,
+.btn-white.btn-pink.active,
+.btn-white.btn-pink:active,
+.open > .btn-white.btn-pink.dropdown-toggle,
+.open > .btn-white.btn-pink.active.dropdown-toggle {
+  background-color: #fbeff4 !important;
+  border-color: #d299ae;
+  color: #ac5978 !important;
+}
+.btn-white.btn-pink:hover.no-border,
+.btn-white.btn-pink:focus.no-border,
+.btn-white.btn-pink.active.no-border,
+.btn-white.btn-pink:active.no-border,
+.open > .btn-white.btn-pink.dropdown-toggle.no-border,
+.open > .btn-white.btn-pink.active.dropdown-toggle.no-border {
+  border-color: #d299ae;
+}
+.btn-white.btn-pink.disabled,
+.btn-white.btn-pink[disabled],
+fieldset[disabled] .btn-white.btn-pink,
+.btn-white.btn-pink.disabled:hover,
+.btn-white.btn-pink[disabled]:hover,
+fieldset[disabled] .btn-white.btn-pink:hover,
+.btn-white.btn-pink.disabled:focus,
+.btn-white.btn-pink[disabled]:focus,
+fieldset[disabled] .btn-white.btn-pink:focus,
+.btn-white.btn-pink.disabled:active,
+.btn-white.btn-pink[disabled]:active,
+fieldset[disabled] .btn-white.btn-pink:active,
+.btn-white.btn-pink.disabled.active,
+.btn-white.btn-pink[disabled].active,
+fieldset[disabled] .btn-white.btn-pink.active {
+  border-color: #d299ae;
+}
+.btn-white.btn-purple {
+  border-color: #b7b1c6;
+  color: #7d6fa2 !important;
+  /**
+ //&:hover, &:focus, &.focus, .open > &.dropdown-toggle {
+	//color: saturate(darken(@txt-color , 5%) , 5%) !important;
+ //}
+ //&.no-border:hover , &.no-border:active {
+	//border-color: @border-color;
+ //}
+ */
+}
+.btn-white.btn-purple:hover,
+.btn-white.btn-purple:focus,
+.btn-white.btn-purple.active,
+.btn-white.btn-purple:active,
+.open > .btn-white.btn-purple.dropdown-toggle,
+.open > .btn-white.btn-purple.active.dropdown-toggle {
+  background-color: #efedf5 !important;
+  border-color: #b7b1c6;
+  color: #6d5b9c !important;
+}
+.btn-white.btn-purple:hover.no-border,
+.btn-white.btn-purple:focus.no-border,
+.btn-white.btn-purple.active.no-border,
+.btn-white.btn-purple:active.no-border,
+.open > .btn-white.btn-purple.dropdown-toggle.no-border,
+.open > .btn-white.btn-purple.active.dropdown-toggle.no-border {
+  border-color: #b7b1c6;
+}
+.btn-white.btn-purple.disabled,
+.btn-white.btn-purple[disabled],
+fieldset[disabled] .btn-white.btn-purple,
+.btn-white.btn-purple.disabled:hover,
+.btn-white.btn-purple[disabled]:hover,
+fieldset[disabled] .btn-white.btn-purple:hover,
+.btn-white.btn-purple.disabled:focus,
+.btn-white.btn-purple[disabled]:focus,
+fieldset[disabled] .btn-white.btn-purple:focus,
+.btn-white.btn-purple.disabled:active,
+.btn-white.btn-purple[disabled]:active,
+fieldset[disabled] .btn-white.btn-purple:active,
+.btn-white.btn-purple.disabled.active,
+.btn-white.btn-purple[disabled].active,
+fieldset[disabled] .btn-white.btn-purple.active {
+  border-color: #b7b1c6;
+}
+.btn-white.btn-yellow {
+  border-color: #ecd181;
+  color: #d3a61a !important;
+  /**
+ //&:hover, &:focus, &.focus, .open > &.dropdown-toggle {
+	//color: saturate(darken(@txt-color , 5%) , 5%) !important;
+ //}
+ //&.no-border:hover , &.no-border:active {
+	//border-color: @border-color;
+ //}
+ */
+}
+.btn-white.btn-yellow:hover,
+.btn-white.btn-yellow:focus,
+.btn-white.btn-yellow.active,
+.btn-white.btn-yellow:active,
+.open > .btn-white.btn-yellow.dropdown-toggle,
+.open > .btn-white.btn-yellow.active.dropdown-toggle {
+  background-color: #fdf7e4 !important;
+  border-color: #ecd181;
+  color: #c29712 !important;
+}
+.btn-white.btn-yellow:hover.no-border,
+.btn-white.btn-yellow:focus.no-border,
+.btn-white.btn-yellow.active.no-border,
+.btn-white.btn-yellow:active.no-border,
+.open > .btn-white.btn-yellow.dropdown-toggle.no-border,
+.open > .btn-white.btn-yellow.active.dropdown-toggle.no-border {
+  border-color: #ecd181;
+}
+.btn-white.btn-yellow.disabled,
+.btn-white.btn-yellow[disabled],
+fieldset[disabled] .btn-white.btn-yellow,
+.btn-white.btn-yellow.disabled:hover,
+.btn-white.btn-yellow[disabled]:hover,
+fieldset[disabled] .btn-white.btn-yellow:hover,
+.btn-white.btn-yellow.disabled:focus,
+.btn-white.btn-yellow[disabled]:focus,
+fieldset[disabled] .btn-white.btn-yellow:focus,
+.btn-white.btn-yellow.disabled:active,
+.btn-white.btn-yellow[disabled]:active,
+fieldset[disabled] .btn-white.btn-yellow:active,
+.btn-white.btn-yellow.disabled.active,
+.btn-white.btn-yellow[disabled].active,
+fieldset[disabled] .btn-white.btn-yellow.active {
+  border-color: #ecd181;
+}
+.btn-white.btn-grey {
+  border-color: #c6c6c6;
+  color: #8c8c8c !important;
+  /**
+ //&:hover, &:focus, &.focus, .open > &.dropdown-toggle {
+	//color: saturate(darken(@txt-color , 5%) , 5%) !important;
+ //}
+ //&.no-border:hover , &.no-border:active {
+	//border-color: @border-color;
+ //}
+ */
+}
+.btn-white.btn-grey:hover,
+.btn-white.btn-grey:focus,
+.btn-white.btn-grey.active,
+.btn-white.btn-grey:active,
+.open > .btn-white.btn-grey.dropdown-toggle,
+.open > .btn-white.btn-grey.active.dropdown-toggle {
+  background-color: #ededed !important;
+  border-color: #c6c6c6;
+  color: #857979 !important;
+}
+.btn-white.btn-grey:hover.no-border,
+.btn-white.btn-grey:focus.no-border,
+.btn-white.btn-grey.active.no-border,
+.btn-white.btn-grey:active.no-border,
+.open > .btn-white.btn-grey.dropdown-toggle.no-border,
+.open > .btn-white.btn-grey.active.dropdown-toggle.no-border {
+  border-color: #c6c6c6;
+}
+.btn-white.btn-grey.disabled,
+.btn-white.btn-grey[disabled],
+fieldset[disabled] .btn-white.btn-grey,
+.btn-white.btn-grey.disabled:hover,
+.btn-white.btn-grey[disabled]:hover,
+fieldset[disabled] .btn-white.btn-grey:hover,
+.btn-white.btn-grey.disabled:focus,
+.btn-white.btn-grey[disabled]:focus,
+fieldset[disabled] .btn-white.btn-grey:focus,
+.btn-white.btn-grey.disabled:active,
+.btn-white.btn-grey[disabled]:active,
+fieldset[disabled] .btn-white.btn-grey:active,
+.btn-white.btn-grey.disabled.active,
+.btn-white.btn-grey[disabled].active,
+fieldset[disabled] .btn-white.btn-grey.active {
+  border-color: #c6c6c6;
+}
+.btn.disabled.active,
+.btn[disabled].active,
+.btn.disabled:focus,
+.btn[disabled]:focus,
+.btn.disabled:active,
+.btn[disabled]:active {
+  outline: none;
+}
+.btn.disabled:active,
+.btn[disabled]:active {
+  top: 0;
+  left: 0;
+}
+.btn.active:after {
+  display: inline-block;
+  content: "";
+  position: absolute;
+  border-bottom: 1px solid #efe5b5;
+  left: -4px;
+  right: -4px;
+  bottom: -4px;
+}
+.btn.active.btn-sm:after {
+  left: -3px;
+  right: -3px;
+  bottom: -3px;
+}
+.btn.active.btn-lg:after {
+  left: -5px;
+  right: -5px;
+  bottom: -5px;
+}
+.btn.active.btn-xs:after,
+.btn.active.btn-mini:after,
+.btn.active.btn-minier:after {
+  left: -1px;
+  right: -1px;
+  bottom: -2px;
+}
+.btn.active.btn-minier:after {
+  bottom: -1px;
+}
+.btn.active.btn-yellow:after {
+  border-bottom-color: #c96338;
+}
+.btn.active.btn-light {
+  color: #515151;
+}
+.btn.active.btn-light:after {
+  border-bottom-color: #B5B5B5;
+}
+.btn > .ace-icon {
+  margin-right: 4px;
+}
+.btn > .ace-icon.icon-on-right {
+  margin-right: 0;
+  margin-left: 4px;
+}
+.btn > .icon-only.ace-icon {
+  margin: 0 !important;
+  text-align: center;
+  padding: 0;
+}
+.btn-lg > .ace-icon {
+  margin-right: 6px;
+}
+.btn-lg > .ace-icon.icon-on-right {
+  margin-right: 0;
+  margin-left: 6px;
+}
+.btn-sm > .ace-icon {
+  margin-right: 3px;
+}
+.btn-sm > .ace-icon.icon-on-right {
+  margin-right: 0;
+  margin-left: 3px;
+}
+.btn-xs > .ace-icon,
+.btn-mini > .ace-icon,
+.btn-minier > .ace-icon {
+  margin-right: 2px;
+}
+.btn-xs > .ace-icon.icon-on-right,
+.btn-mini > .ace-icon.icon-on-right,
+.btn-minier > .ace-icon.icon-on-right {
+  margin-right: 0;
+  margin-left: 2px;
+}
+.btn.btn-link {
+  border-width: 0 !important;
+  background: transparent none !important;
+  color: #0088cc !important;
+  text-shadow: none !important;
+  padding: 4px 12px !important;
+  line-height: 20px !important;
+}
+.btn.btn-link:hover {
+  background: none !important;
+  text-shadow: none !important;
+}
+.btn.btn-link.active {
+  background: none !important;
+  text-decoration: underline;
+  color: #009ceb !important;
+}
+.btn.btn-link.active:after {
+  display: none;
+}
+.btn.btn-link.disabled,
+.btn.btn-link[disabled] {
+  background: transparent none !important;
+  opacity: 0.65;
+  filter: alpha(opacity=65);
+  text-decoration: none !important;
+}
+.btn.btn-no-border {
+  border-width: 0 !important;
+}
+.btn-group:first-child {
+  margin-left: 0;
+}
+.btn-group > .btn,
+.btn-group > .btn + .btn {
+  margin: 0 1px 0 0;
+}
+.btn-group > .btn:first-child {
+  margin: 0 1px 0 0;
+}
+.btn-group > .btn > .caret {
+  margin-top: 15px;
+  margin-left: 1px;
+  border-width: 5px;
+  border-top-color: #FFF;
+}
+.btn-group > .btn.btn-sm > .caret {
+  margin-top: 10px;
+  border-width: 4px;
+}
+.btn-group > .btn.btn-lg > .caret {
+  margin-top: 18px;
+  border-width: 6px;
+}
+.btn-group > .btn.btn-xs > .caret,
+.btn-group > .btn.btn-mini > .caret {
+  margin-top: 9px;
+  border-width: 4px;
+}
+.btn-group > .btn.btn-minier > .caret {
+  margin-top: 7px;
+  border-width: 3px;
+}
+.btn-group > .btn + .btn.dropdown-toggle {
+  padding-right: 3px;
+  padding-left: 3px;
+}
+.btn-group > .btn + .btn-lg.dropdown-toggle {
+  padding-right: 4px;
+  padding-left: 4px;
+}
+.btn-group .dropdown-toggle {
+  border-radius: 0;
+}
+.btn-group > .btn,
+.btn-group + .btn {
+  margin: 0 1px 0 0;
+  border-width: 3px;
+  /* the border under an active button in button groups */
+}
+.btn-group > .btn.active:after,
+.btn-group + .btn.active:after {
+  left: -2px;
+  right: -2px;
+  bottom: -2px;
+  border-bottom-width: 1px;
+}
+.btn-group > .btn-lg,
+.btn-group + .btn-lg {
+  border-width: 4px;
+  /* the border under an active button in button groups */
+}
+.btn-group > .btn-lg.active:after,
+.btn-group + .btn-lg.active:after {
+  left: -3px;
+  right: -3px;
+  bottom: -3px;
+  border-bottom-width: 1px;
+}
+.btn-group > .btn-sm,
+.btn-group + .btn-sm {
+  border-width: 2px;
+  /* the border under an active button in button groups */
+}
+.btn-group > .btn-sm.active:after,
+.btn-group + .btn-sm.active:after {
+  left: -1px;
+  right: -1px;
+  bottom: -1px;
+  border-bottom-width: 1px;
+}
+.btn-group > .btn-xs,
+.btn-group + .btn-xs,
+.btn-group > .btn-mini,
+.btn-group + .btn-mini {
+  border-width: 1px;
+  /* the border under an active button in button groups */
+}
+.btn-group > .btn-xs.active:after,
+.btn-group + .btn-xs.active:after,
+.btn-group > .btn-mini.active:after,
+.btn-group + .btn-mini.active:after {
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  border-bottom-width: 1px;
+}
+.btn-group > .btn-minier,
+.btn-group + .btn-minier {
+  border-width: 1px;
+  /* the border under an active button in button groups */
+}
+.btn-group > .btn-minier.active:after,
+.btn-group + .btn-minier.active:after {
+  left: 0px;
+  right: 0px;
+  bottom: 0px;
+  border-bottom-width: 1px;
+}
+.btn-group-vertical > .btn:last-child:not(:first-child) {
+  border-radius: 0;
+}
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn + .btn {
+  margin: 1px 0 0;
+}
+.btn-group-vertical > .btn:first-child {
+  margin-top: 0;
+}
+.btn-group.btn-overlap > .btn {
+  margin-right: -1px;
+}
+.btn-group.btn-corner > .btn:first-child {
+  border-bottom-left-radius: 8px;
+  border-top-left-radius: 8px;
+}
+.btn-group.btn-corner > .btn:last-child {
+  border-bottom-right-radius: 8px;
+  border-top-right-radius: 8px;
+}
+.btn-group.btn-corner > .btn.btn-sm:first-child {
+  border-bottom-left-radius: 6px;
+  border-top-left-radius: 6px;
+}
+.btn-group.btn-corner > .btn.btn-sm:last-child {
+  border-bottom-right-radius: 6px;
+  border-top-right-radius: 6px;
+}
+.btn-group.btn-corner > .btn.btn-xs:first-child,
+.btn-group.btn-corner > .btn.btn-mini:first-child {
+  border-bottom-left-radius: 4px;
+  border-top-left-radius: 4px;
+}
+.btn-group.btn-corner > .btn.btn-xs:last-child,
+.btn-group.btn-corner > .btn.btn-mini:last-child {
+  border-bottom-right-radius: 4px;
+  border-top-right-radius: 4px;
+}
+.btn.btn-white {
+  border-width: 1px;
+}
+.btn.btn-bold {
+  border-bottom-width: 2px;
+}
+.btn.btn-round {
+  border-bottom-width: 2px;
+  border-radius: 4px !important;
+}
+.btn.btn-app {
+  display: inline-block;
+  width: 100px;
+  font-size: 18px;
+  font-weight: normal;
+  color: #FFF;
+  text-align: center;
+  text-shadow: 0 -1px -1px rgba(0, 0, 0, 0.2) !important;
+  border: none;
+  border-radius: 12px;
+  padding: 12px 0 8px;
+  margin: 2px;
+  line-height: 1.7;
+  position: relative;
+}
+.btn-app,
+.btn-app.btn-default,
+.btn-app.no-hover:hover,
+.btn-app.btn-default.no-hover:hover,
+.btn-app.disabled:hover,
+.btn-app.btn-default.disabled:hover {
+  background: #b4c2cc !important;
+  background-image: -webkit-linear-gradient(top, #bcc9d5 0%, #abbac3 100%) !important;
+  background-image: -o-linear-gradient(top, #bcc9d5 0%, #abbac3 100%) !important;
+  background-image: linear-gradient(to bottom, #bcc9d5 0%, #abbac3 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffbcc9d5', endColorstr='#ffabbac3', GradientType=0) !important;
+}
+.btn-app:hover,
+.btn-app.btn-default:hover {
+  background: #9baebc !important;
+  background-image: -webkit-linear-gradient(top, #a3b5c5 0%, #93a6b2 100%) !important;
+  background-image: -o-linear-gradient(top, #a3b5c5 0%, #93a6b2 100%) !important;
+  background-image: linear-gradient(to bottom, #a3b5c5 0%, #93a6b2 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa3b5c5', endColorstr='#ff93a6b2', GradientType=0) !important;
+}
+.btn-app.btn-primary,
+.btn-app.btn-primary.no-hover:hover,
+.btn-app.btn-primary.disabled:hover {
+  background: #2a8bcb !important;
+  background-image: -webkit-linear-gradient(top, #3b98d6 0%, #197ec1 100%) !important;
+  background-image: -o-linear-gradient(top, #3b98d6 0%, #197ec1 100%) !important;
+  background-image: linear-gradient(to bottom, #3b98d6 0%, #197ec1 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b98d6', endColorstr='#ff197ec1', GradientType=0) !important;
+}
+.btn-app.btn-primary:hover {
+  background: #1d6fa6 !important;
+  background-image: -webkit-linear-gradient(top, #267eb8 0%, #136194 100%) !important;
+  background-image: -o-linear-gradient(top, #267eb8 0%, #136194 100%) !important;
+  background-image: linear-gradient(to bottom, #267eb8 0%, #136194 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff267eb8', endColorstr='#ff136194', GradientType=0) !important;
+}
+.btn-app.btn-info,
+.btn-app.btn-info.no-hover:hover,
+.btn-app.btn-info.disabled:hover {
+  background: #68adde !important;
+  background-image: -webkit-linear-gradient(top, #75b5e6 0%, #5ba4d5 100%) !important;
+  background-image: -o-linear-gradient(top, #75b5e6 0%, #5ba4d5 100%) !important;
+  background-image: linear-gradient(to bottom, #75b5e6 0%, #5ba4d5 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff75b5e6', endColorstr='#ff5ba4d5', GradientType=0) !important;
+}
+.btn-app.btn-info:hover {
+  background: #3f96d4 !important;
+  background-image: -webkit-linear-gradient(top, #4a9ede 0%, #348dc9 100%) !important;
+  background-image: -o-linear-gradient(top, #4a9ede 0%, #348dc9 100%) !important;
+  background-image: linear-gradient(to bottom, #4a9ede 0%, #348dc9 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4a9ede', endColorstr='#ff348dc9', GradientType=0) !important;
+}
+.btn-app.btn-success,
+.btn-app.btn-success.no-hover:hover,
+.btn-app.btn-success.disabled:hover {
+  background: #85b558 !important;
+  background-image: -webkit-linear-gradient(top, #8ebf60 0%, #7daa50 100%) !important;
+  background-image: -o-linear-gradient(top, #8ebf60 0%, #7daa50 100%) !important;
+  background-image: linear-gradient(to bottom, #8ebf60 0%, #7daa50 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8ebf60', endColorstr='#ff7daa50', GradientType=0) !important;
+}
+.btn-app.btn-success:hover {
+  background: #6c9842 !important;
+  background-image: -webkit-linear-gradient(top, #74a844 0%, #648740 100%) !important;
+  background-image: -o-linear-gradient(top, #74a844 0%, #648740 100%) !important;
+  background-image: linear-gradient(to bottom, #74a844 0%, #648740 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff74a844', endColorstr='#ff648740', GradientType=0) !important;
+}
+.btn-app.btn-danger,
+.btn-app.btn-danger.no-hover:hover,
+.btn-app.btn-danger.disabled:hover {
+  background: #d3413b !important;
+  background-image: -webkit-linear-gradient(top, #d55b52 0%, #d12723 100%) !important;
+  background-image: -o-linear-gradient(top, #d55b52 0%, #d12723 100%) !important;
+  background-image: linear-gradient(to bottom, #d55b52 0%, #d12723 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd55b52', endColorstr='#ffd12723', GradientType=0) !important;
+}
+.btn-app.btn-danger:hover {
+  background: #b52c26 !important;
+  background-image: -webkit-linear-gradient(top, #c43a30 0%, #a51f1c 100%) !important;
+  background-image: -o-linear-gradient(top, #c43a30 0%, #a51f1c 100%) !important;
+  background-image: linear-gradient(to bottom, #c43a30 0%, #a51f1c 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc43a30', endColorstr='#ffa51f1c', GradientType=0) !important;
+}
+.btn-app.btn-warning,
+.btn-app.btn-warning.no-hover:hover,
+.btn-app.btn-warning.disabled:hover {
+  background: #ffb44b !important;
+  background-image: -webkit-linear-gradient(top, #ffbf66 0%, #ffa830 100%) !important;
+  background-image: -o-linear-gradient(top, #ffbf66 0%, #ffa830 100%) !important;
+  background-image: linear-gradient(to bottom, #ffbf66 0%, #ffa830 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffbf66', endColorstr='#ffffa830', GradientType=0) !important;
+}
+.btn-app.btn-warning:hover {
+  background: #fe9e19 !important;
+  background-image: -webkit-linear-gradient(top, #ffaa33 0%, #fc9200 100%) !important;
+  background-image: -o-linear-gradient(top, #ffaa33 0%, #fc9200 100%) !important;
+  background-image: linear-gradient(to bottom, #ffaa33 0%, #fc9200 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffaa33', endColorstr='#fffc9200', GradientType=0) !important;
+}
+.btn-app.btn-purple,
+.btn-app.btn-purple.no-hover:hover,
+.btn-app.btn-purple.disabled:hover {
+  background: #9889c1 !important;
+  background-image: -webkit-linear-gradient(top, #a696ce 0%, #8a7cb4 100%) !important;
+  background-image: -o-linear-gradient(top, #a696ce 0%, #8a7cb4 100%) !important;
+  background-image: linear-gradient(to bottom, #a696ce 0%, #8a7cb4 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa696ce', endColorstr='#ff8a7cb4', GradientType=0) !important;
+}
+.btn-app.btn-purple:hover {
+  background: #7b68af !important;
+  background-image: -webkit-linear-gradient(top, #8973be 0%, #6d5ca1 100%) !important;
+  background-image: -o-linear-gradient(top, #8973be 0%, #6d5ca1 100%) !important;
+  background-image: linear-gradient(to bottom, #8973be 0%, #6d5ca1 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8973be', endColorstr='#ff6d5ca1', GradientType=0) !important;
+}
+.btn-app.btn-pink,
+.btn-app.btn-pink.no-hover:hover,
+.btn-app.btn-pink.disabled:hover {
+  background: #d54c7e !important;
+  background-image: -webkit-linear-gradient(top, #db5e8c 0%, #ce3970 100%) !important;
+  background-image: -o-linear-gradient(top, #db5e8c 0%, #ce3970 100%) !important;
+  background-image: linear-gradient(to bottom, #db5e8c 0%, #ce3970 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdb5e8c', endColorstr='#ffce3970', GradientType=0) !important;
+}
+.btn-app.btn-pink:hover {
+  background: #be2f64 !important;
+  background-image: -webkit-linear-gradient(top, #d2346e 0%, #aa2a59 100%) !important;
+  background-image: -o-linear-gradient(top, #d2346e 0%, #aa2a59 100%) !important;
+  background-image: linear-gradient(to bottom, #d2346e 0%, #aa2a59 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd2346e', endColorstr='#ffaa2a59', GradientType=0) !important;
+}
+.btn-app.btn-inverse,
+.btn-app.btn-inverse.no-hover:hover,
+.btn-app.btn-inverse.disabled:hover {
+  background: #444444 !important;
+  background-image: -webkit-linear-gradient(top, #555555 0%, #333333 100%) !important;
+  background-image: -o-linear-gradient(top, #555555 0%, #333333 100%) !important;
+  background-image: linear-gradient(to bottom, #555555 0%, #333333 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff555555', endColorstr='#ff333333', GradientType=0) !important;
+}
+.btn-app.btn-inverse:hover {
+  background: #2b2b2b !important;
+  background-image: -webkit-linear-gradient(top, #3b3b3b 0%, #1a1a1a 100%) !important;
+  background-image: -o-linear-gradient(top, #3b3b3b 0%, #1a1a1a 100%) !important;
+  background-image: linear-gradient(to bottom, #3b3b3b 0%, #1a1a1a 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b3b3b', endColorstr='#ff1a1a1a', GradientType=0) !important;
+}
+.btn-app.btn-grey,
+.btn-app.btn-grey.no-hover:hover,
+.btn-app.btn-grey.disabled:hover {
+  background: #797979 !important;
+  background-image: -webkit-linear-gradient(top, #898989 0%, #696969 100%) !important;
+  background-image: -o-linear-gradient(top, #898989 0%, #696969 100%) !important;
+  background-image: linear-gradient(to bottom, #898989 0%, #696969 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff898989', endColorstr='#ff696969', GradientType=0) !important;
+}
+.btn-app.btn-grey:hover {
+  background: #6c6c6c !important;
+  background-image: -webkit-linear-gradient(top, #7c7c7c 0%, #5c5c5c 100%) !important;
+  background-image: -o-linear-gradient(top, #7c7c7c 0%, #5c5c5c 100%) !important;
+  background-image: linear-gradient(to bottom, #7c7c7c 0%, #5c5c5c 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff7c7c7c', endColorstr='#ff5c5c5c', GradientType=0) !important;
+}
+.btn.btn-app.btn-light {
+  color: #5a5a5a !important;
+  text-shadow: 0 1px 1px #EEE !important;
+}
+.btn.btn-app.btn-light,
+.btn.btn-app.btn-light.no-hover:hover,
+.btn.btn-app.btn-light.disabled:hover {
+  background: #ededed !important;
+  background-image: -webkit-linear-gradient(top, #f4f4f4 0%, #e6e6e6 100%) !important;
+  background-image: -o-linear-gradient(top, #f4f4f4 0%, #e6e6e6 100%) !important;
+  background-image: linear-gradient(to bottom, #f4f4f4 0%, #e6e6e6 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff4f4f4', endColorstr='#ffe6e6e6', GradientType=0) !important;
+}
+.btn.btn-app.btn-light:hover {
+  background: #e0e0e0 !important;
+  background-image: -webkit-linear-gradient(top, #e7e7e7 0%, #d9d9d9 100%) !important;
+  background-image: -o-linear-gradient(top, #e7e7e7 0%, #d9d9d9 100%) !important;
+  background-image: linear-gradient(to bottom, #e7e7e7 0%, #d9d9d9 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe7e7e7', endColorstr='#ffd9d9d9', GradientType=0) !important;
+}
+.btn.btn-app.btn-yellow {
+  color: #996633 !important;
+  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4) !important;
+}
+.btn.btn-app.btn-yellow,
+.btn.btn-app.btn-yellow.no-hover:hover,
+.btn.btn-app.btn-yellow.disabled:hover {
+  background: #fee088 !important;
+  background-image: -webkit-linear-gradient(top, #ffe8a5 0%, #fcd76a 100%) !important;
+  background-image: -o-linear-gradient(top, #ffe8a5 0%, #fcd76a 100%) !important;
+  background-image: linear-gradient(to bottom, #ffe8a5 0%, #fcd76a 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe8a5', endColorstr='#fffcd76a', GradientType=0) !important;
+}
+.btn.btn-app.btn-yellow:hover {
+  background: #fdd96e !important;
+  background-image: -webkit-linear-gradient(top, #ffe18b 0%, #fbd051 100%) !important;
+  background-image: -o-linear-gradient(top, #ffe18b 0%, #fbd051 100%) !important;
+  background-image: linear-gradient(to bottom, #ffe18b 0%, #fbd051 100%) !important;
+  background-repeat: repeat-x !important;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffe18b', endColorstr='#fffbd051', GradientType=0) !important;
+}
+.btn.btn-app > .ace-icon {
+  opacity: 0.88;
+}
+.btn.btn-app:hover > .ace-icon {
+  opacity: 1;
+}
+.btn.btn-app.btn-sm {
+  width: 80px;
+  font-size: 16px;
+  border-radius: 10px;
+  line-height: 1.5;
+}
+.btn.btn-app.btn-xs {
+  width: 64px;
+  font-size: 15px;
+  border-radius: 8px;
+  padding-bottom: 7px;
+  padding-top: 8px;
+  line-height: 1.45;
+}
+.btn.btn-app > .ace-icon {
+  display: block;
+  font-size: 42px;
+  margin: 0 0 4px;
+  line-height: 36px;
+  min-width: 0;
+  padding: 0;
+}
+.btn.btn-app.btn-sm > .ace-icon {
+  display: block;
+  font-size: 32px;
+  line-height: 30px;
+  margin: 0 0 3px;
+}
+.btn.btn-app.btn-xs > .ace-icon {
+  display: block;
+  font-size: 24px;
+  line-height: 24px;
+  margin: 0;
+}
+.btn.btn-app.no-radius {
+  border-radius: 0;
+}
+.btn.btn-app.radius-4 {
+  border-radius: 4px;
+}
+.btn.btn-app > .badge,
+.btn.btn-app > .label {
+  position: absolute !important;
+  top: -2px;
+  right: -2px;
+  padding: 1px 3px;
+  text-align: center;
+  font-size: 12px;
+  color: #FFF;
+}
+.btn.btn-app > .badge.badge-left,
+.btn.btn-app > .label.badge-left,
+.btn.btn-app > .badge.label-left,
+.btn.btn-app > .label.label-left {
+  right: auto;
+  left: -2px;
+}
+.btn.btn-app > .badge-yellow,
+.btn.btn-app > .label-yellow {
+  color: #996633;
+}
+.btn.btn-app > .badge-light,
+.btn.btn-app > .label-light {
+  color: #888888;
+}
+.btn.btn-app > .label {
+  padding: 1px 6px 3px;
+  font-size: 13px;
+}
+.btn.btn-app.radius-4 > .badge,
+.btn.btn-app.no-radius > .badge {
+  border-radius: 3px;
+}
+.btn.btn-app.radius-4 > .badge.no-radius,
+.btn.btn-app.no-radius > .badge.no-radius {
+  border-radius: 0;
+}
+.btn.btn-app.active {
+  color: #ffffff;
+}
+.btn.btn-app.active:after {
+  display: none;
+}
+.btn.btn-app.active.btn-yellow {
+  color: #996633;
+  border-color: #fee188;
+}
+.btn.btn-app.active.btn-light {
+  color: #515151;
+}
+.btn-group > .btn-app:first-child:not(:last-child):not(.dropdown-toggle) {
+  margin-right: 24px;
+}
+.btn-group > .btn-app + .btn-app.dropdown-toggle {
+  position: absolute;
+  width: auto;
+  height: 100%;
+  padding-left: 6px;
+  padding-right: 6px;
+  margin-left: -23px;
+  border-bottom-left-radius: 0;
+  border-top-left-radius: 0;
+  right: 0;
+}
+.btn.btn-app.btn-light,
+.btn.btn-app.btn-yellow {
+  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset !important;
+  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08) inset !important;
+}
+.label {
+  border-radius: 0;
+  text-shadow: none;
+  font-weight: normal;
+  color: #ffffff;
+  display: inline-block;
+  background-color: #abbac3;
+}
+.label[class*="col-"][class*="arrow"] {
+  min-height: 0;
+}
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  ::safari-only,
+  .label:empty {
+    display: inline-block;
+  }
+  ::safari-only,
+  .badge:empty {
+    display: inline-block;
+  }
+}
+.badge {
+  text-shadow: none;
+  font-size: 12px;
+  padding-top: 1px;
+  padding-bottom: 3px;
+  font-weight: normal;
+  line-height: 15px;
+  background-color: #abbac3;
+}
+.badge.no-radius {
+  border-radius: 0;
+}
+.badge.radius-1 {
+  border-radius: 1px;
+}
+.badge.radius-2 {
+  border-radius: 2px;
+}
+.badge.radius-3 {
+  border-radius: 3px;
+}
+.badge.radius-4 {
+  border-radius: 4px;
+}
+.badge.radius-5 {
+  border-radius: 5px;
+}
+.badge.radius-6 {
+  border-radius: 6px;
+}
+.label.label-transparent,
+.label-transparent,
+.badge.badge-transparent,
+.badge-transparent {
+  background-color: transparent;
+}
+.label-grey,
+.label.label-grey,
+.badge.badge-grey,
+.badge-grey {
+  background-color: #a0a0a0;
+}
+.label-info,
+.label.label-info,
+.badge.badge-info,
+.badge-info {
+  background-color: #3a87ad;
+}
+.label-primary,
+.label.label-primary,
+.badge.badge-primary,
+.badge-primary {
+  background-color: #428bca;
+}
+.label-success,
+.label.label-success,
+.badge.badge-success,
+.badge-success {
+  background-color: #82af6f;
+}
+.label-danger,
+.label.label-danger,
+.badge.badge-danger,
+.badge-danger {
+  background-color: #d15b47;
+}
+.label-important,
+.label.label-important,
+.badge.badge-important,
+.badge-important {
+  background-color: #d15b47;
+}
+.label-inverse,
+.label.label-inverse,
+.badge.badge-inverse,
+.badge-inverse {
+  background-color: #333333;
+}
+.label-warning,
+.label.label-warning,
+.badge.badge-warning,
+.badge-warning {
+  background-color: #f89406;
+}
+.label-pink,
+.label.label-pink,
+.badge.badge-pink,
+.badge-pink {
+  background-color: #d6487e;
+}
+.label-purple,
+.label.label-purple,
+.badge.badge-purple,
+.badge-purple {
+  background-color: #9585bf;
+}
+.label-yellow,
+.label.label-yellow,
+.badge.badge-yellow,
+.badge-yellow {
+  background-color: #fee188;
+}
+.label-light,
+.label.label-light,
+.badge.badge-light,
+.badge-light {
+  background-color: #e7e7e7;
+}
+.badge-yellow,
+.label-yellow {
+  color: #996633;
+  border-color: #fee188;
+}
+.badge-light,
+.label-light {
+  color: #888888;
+}
+.label.arrowed,
+.label.arrowed-in {
+  position: relative;
+  z-index: 1;
+}
+.label.arrowed:before,
+.label.arrowed-in:before {
+  display: inline-block;
+  content: "";
+  position: absolute;
+  top: 0;
+  z-index: -1;
+  border: 1px solid transparent;
+  border-right-color: #abbac3;
+  -moz-border-right-colors: #abbac3;
+}
+.label.arrowed-in:before {
+  border-color: #abbac3;
+  border-left-color: transparent;
+  -moz-border-left-colors: none;
+}
+.label.arrowed-right,
+.label.arrowed-in-right {
+  position: relative;
+  z-index: 1;
+}
+.label.arrowed-right:after,
+.label.arrowed-in-right:after {
+  display: inline-block;
+  content: "";
+  position: absolute;
+  top: 0;
+  z-index: -1;
+  border: 1px solid transparent;
+  border-left-color: #abbac3;
+  -moz-border-left-colors: #abbac3;
+}
+.label.arrowed-in-right:after {
+  border-color: #abbac3;
+  border-right-color: transparent;
+  -moz-border-right-colors: none;
+}
+.label-info.arrowed:before {
+  border-right-color: #3a87ad;
+  -moz-border-right-colors: #3a87ad;
+}
+.label-info.arrowed-in:before {
+  border-color: #3a87ad #3a87ad #3a87ad transparent;
+  -moz-border-right-colors: #3a87ad;
+}
+.label-info.arrowed-right:after {
+  border-left-color: #3a87ad;
+  -moz-border-left-colors: #3a87ad;
+}
+.label-info.arrowed-in-right:after {
+  border-color: #3a87ad transparent #3a87ad #3a87ad;
+  -moz-border-left-colors: #3a87ad;
+}
+.label-primary.arrowed:before {
+  border-right-color: #428bca;
+  -moz-border-right-colors: #428bca;
+}
+.label-primary.arrowed-in:before {
+  border-color: #428bca #428bca #428bca transparent;
+  -moz-border-right-colors: #428bca;
+}
+.label-primary.arrowed-right:after {
+  border-left-color: #428bca;
+  -moz-border-left-colors: #428bca;
+}
+.label-primary.arrowed-in-right:after {
+  border-color: #428bca transparent #428bca #428bca;
+  -moz-border-left-colors: #428bca;
+}
+.label-success.arrowed:before {
+  border-right-color: #82af6f;
+  -moz-border-right-colors: #82af6f;
+}
+.label-success.arrowed-in:before {
+  border-color: #82af6f #82af6f #82af6f transparent;
+  -moz-border-right-colors: #82af6f;
+}
+.label-success.arrowed-right:after {
+  border-left-color: #82af6f;
+  -moz-border-left-colors: #82af6f;
+}
+.label-success.arrowed-in-right:after {
+  border-color: #82af6f transparent #82af6f #82af6f;
+  -moz-border-left-colors: #82af6f;
+}
+.label-warning.arrowed:before {
+  border-right-color: #f89406;
+  -moz-border-right-colors: #f89406;
+}
+.label-warning.arrowed-in:before {
+  border-color: #f89406 #f89406 #f89406 transparent;
+  -moz-border-right-colors: #f89406;
+}
+.label-warning.arrowed-right:after {
+  border-left-color: #f89406;
+  -moz-border-left-colors: #f89406;
+}
+.label-warning.arrowed-in-right:after {
+  border-color: #f89406 transparent #f89406 #f89406;
+  -moz-border-left-colors: #f89406;
+}
+.label-important.arrowed:before {
+  border-right-color: #d15b47;
+  -moz-border-right-colors: #d15b47;
+}
+.label-important.arrowed-in:before {
+  border-color: #d15b47 #d15b47 #d15b47 transparent;
+  -moz-border-right-colors: #d15b47;
+}
+.label-important.arrowed-right:after {
+  border-left-color: #d15b47;
+  -moz-border-left-colors: #d15b47;
+}
+.label-important.arrowed-in-right:after {
+  border-color: #d15b47 transparent #d15b47 #d15b47;
+  -moz-border-left-colors: #d15b47;
+}
+.label-danger.arrowed:before {
+  border-right-color: #d15b47;
+  -moz-border-right-colors: #d15b47;
+}
+.label-danger.arrowed-in:before {
+  border-color: #d15b47 #d15b47 #d15b47 transparent;
+  -moz-border-right-colors: #d15b47;
+}
+.label-danger.arrowed-right:after {
+  border-left-color: #d15b47;
+  -moz-border-left-colors: #d15b47;
+}
+.label-danger.arrowed-in-right:after {
+  border-color: #d15b47 transparent #d15b47 #d15b47;
+  -moz-border-left-colors: #d15b47;
+}
+.label-inverse.arrowed:before {
+  border-right-color: #333333;
+  -moz-border-right-colors: #333333;
+}
+.label-inverse.arrowed-in:before {
+  border-color: #333333 #333333 #333333 transparent;
+  -moz-border-right-colors: #333333;
+}
+.label-inverse.arrowed-right:after {
+  border-left-color: #333333;
+  -moz-border-left-colors: #333333;
+}
+.label-inverse.arrowed-in-right:after {
+  border-color: #333333 transparent #333333 #333333;
+  -moz-border-left-colors: #333333;
+}
+.label-pink.arrowed:before {
+  border-right-color: #d6487e;
+  -moz-border-right-colors: #d6487e;
+}
+.label-pink.arrowed-in:before {
+  border-color: #d6487e #d6487e #d6487e transparent;
+  -moz-border-right-colors: #d6487e;
+}
+.label-pink.arrowed-right:after {
+  border-left-color: #d6487e;
+  -moz-border-left-colors: #d6487e;
+}
+.label-pink.arrowed-in-right:after {
+  border-color: #d6487e transparent #d6487e #d6487e;
+  -moz-border-left-colors: #d6487e;
+}
+.label-purple.arrowed:before {
+  border-right-color: #9585bf;
+  -moz-border-right-colors: #9585bf;
+}
+.label-purple.arrowed-in:before {
+  border-color: #9585bf #9585bf #9585bf transparent;
+  -moz-border-right-colors: #9585bf;
+}
+.label-purple.arrowed-right:after {
+  border-left-color: #9585bf;
+  -moz-border-left-colors: #9585bf;
+}
+.label-purple.arrowed-in-right:after {
+  border-color: #9585bf transparent #9585bf #9585bf;
+  -moz-border-left-colors: #9585bf;
+}
+.label-yellow.arrowed:before {
+  border-right-color: #fee188;
+  -moz-border-right-colors: #fee188;
+}
+.label-yellow.arrowed-in:before {
+  border-color: #fee188 #fee188 #fee188 transparent;
+  -moz-border-right-colors: #fee188;
+}
+.label-yellow.arrowed-right:after {
+  border-left-color: #fee188;
+  -moz-border-left-colors: #fee188;
+}
+.label-yellow.arrowed-in-right:after {
+  border-color: #fee188 transparent #fee188 #fee188;
+  -moz-border-left-colors: #fee188;
+}
+.label-light.arrowed:before {
+  border-right-color: #e7e7e7;
+  -moz-border-right-colors: #e7e7e7;
+}
+.label-light.arrowed-in:before {
+  border-color: #e7e7e7 #e7e7e7 #e7e7e7 transparent;
+  -moz-border-right-colors: #e7e7e7;
+}
+.label-light.arrowed-right:after {
+  border-left-color: #e7e7e7;
+  -moz-border-left-colors: #e7e7e7;
+}
+.label-light.arrowed-in-right:after {
+  border-color: #e7e7e7 transparent #e7e7e7 #e7e7e7;
+  -moz-border-left-colors: #e7e7e7;
+}
+.label-grey.arrowed:before {
+  border-right-color: #a0a0a0;
+  -moz-border-right-colors: #a0a0a0;
+}
+.label-grey.arrowed-in:before {
+  border-color: #a0a0a0 #a0a0a0 #a0a0a0 transparent;
+  -moz-border-right-colors: #a0a0a0;
+}
+.label-grey.arrowed-right:after {
+  border-left-color: #a0a0a0;
+  -moz-border-left-colors: #a0a0a0;
+}
+.label-grey.arrowed-in-right:after {
+  border-color: #a0a0a0 transparent #a0a0a0 #a0a0a0;
+  -moz-border-left-colors: #a0a0a0;
+}
+.label {
+  font-size: 12px;
+  line-height: 1.15;
+  height: 20px;
+}
+.label.arrowed {
+  margin-left: 5px;
+}
+.label.arrowed:before {
+  left: -10px;
+  border-width: 10px 5px;
+}
+.label.arrowed-in {
+  margin-left: 5px;
+}
+.label.arrowed-in:before {
+  left: -5px;
+  border-width: 10px 5px;
+}
+.label.arrowed-right {
+  margin-right: 5px;
+}
+.label.arrowed-right:after {
+  right: -10px;
+  border-width: 10px 5px;
+}
+.label.arrowed-in-right {
+  margin-right: 5px;
+}
+.label.arrowed-in-right:after {
+  right: -5px;
+  border-width: 10px 5px;
+}
+.label-lg {
+  padding: 0.3em 0.6em 0.4em;
+  font-size: 13px;
+  line-height: 1.1;
+  height: 24px;
+}
+.label-lg.arrowed {
+  margin-left: 6px;
+}
+.label-lg.arrowed:before {
+  left: -12px;
+  border-width: 12px 6px;
+}
+.label-lg.arrowed-in {
+  margin-left: 6px;
+}
+.label-lg.arrowed-in:before {
+  left: -6px;
+  border-width: 12px 6px;
+}
+.label-lg.arrowed-right {
+  margin-right: 6px;
+}
+.label-lg.arrowed-right:after {
+  right: -12px;
+  border-width: 12px 6px;
+}
+.label-lg.arrowed-in-right {
+  margin-right: 6px;
+}
+.label-lg.arrowed-in-right:after {
+  right: -6px;
+  border-width: 12px 6px;
+}
+.label-xlg {
+  padding: 0.3em 0.7em 0.4em;
+  font-size: 14px;
+  line-height: 1.3;
+  height: 28px;
+}
+.label-xlg.arrowed {
+  margin-left: 7px;
+}
+.label-xlg.arrowed:before {
+  left: -14px;
+  border-width: 14px 7px;
+}
+.label-xlg.arrowed-in {
+  margin-left: 7px;
+}
+.label-xlg.arrowed-in:before {
+  left: -7px;
+  border-width: 14px 7px;
+}
+.label-xlg.arrowed-right {
+  margin-right: 7px;
+}
+.label-xlg.arrowed-right:after {
+  right: -14px;
+  border-width: 14px 7px;
+}
+.label-xlg.arrowed-in-right {
+  margin-right: 7px;
+}
+.label-xlg.arrowed-in-right:after {
+  right: -7px;
+  border-width: 14px 7px;
+}
+.label-sm {
+  padding: 0.2em 0.4em 0.3em;
+  font-size: 11px;
+  line-height: 1;
+  height: 18px;
+}
+.label-sm.arrowed {
+  margin-left: 4px;
+}
+.label-sm.arrowed:before {
+  left: -8px;
+  border-width: 9px 4px;
+}
+.label-sm.arrowed-in {
+  margin-left: 4px;
+}
+.label-sm.arrowed-in:before {
+  left: -4px;
+  border-width: 9px 4px;
+}
+.label-sm.arrowed-right {
+  margin-right: 4px;
+}
+.label-sm.arrowed-right:after {
+  right: -8px;
+  border-width: 9px 4px;
+}
+.label-sm.arrowed-in-right {
+  margin-right: 4px;
+}
+.label-sm.arrowed-in-right:after {
+  right: -4px;
+  border-width: 9px 4px;
+}
+.label > span,
+.label > .ace-icon {
+  line-height: 1;
+  vertical-align: bottom;
+}
+.label.label-white {
+  color: #879da9;
+  border: 1px solid #abbac3;
+  background-color: #f2f5f6;
+  border-right-width: 1px;
+  border-left-width: 2px;
+}
+.label-white.label-success {
+  color: #7b9e6c;
+  border-color: #9fbf92;
+  background-color: #edf3ea;
+}
+.label-white.label-warning {
+  color: #d9993e;
+  border-color: #e4ae62;
+  background-color: #fef6eb;
+}
+.label-white.label-primary {
+  color: #6688a6;
+  border-color: #8aafce;
+  background-color: #eaf2f8;
+}
+.label-white.label-danger {
+  color: #bd7f75;
+  border-color: #d28679;
+  background-color: #fcf4f2;
+}
+.label-white.label-info {
+  color: #4e7a8f;
+  border-color: #7aa1b4;
+  background-color: #eaf3f7;
+}
+.label-white.label-inverse {
+  color: #404040;
+  border-color: #737373;
+  background-color: #ededed;
+}
+.label-white.label-pink {
+  color: #af6f87;
+  border-color: #d299ae;
+  background-color: #fbeff4;
+}
+.label-white.label-purple {
+  color: #7d6fa2;
+  border-color: #b7b1c6;
+  background-color: #efedf5;
+}
+.label-white.label-yellow {
+  color: #cfa114;
+  border-color: #ecd181;
+  background-color: #fdf7e4;
+}
+.label-white.label-grey {
+  color: #878787;
+  border-color: #cecece;
+  background-color: #ededed;
+}
+@media screen and (-webkit-min-device-pixel-ratio: 1.08) and (-webkit-max-device-pixel-ratio: 1.15), screen and (min--moz-device-pixel-ratio: 1.08) and (max--moz-device-pixel-ratio: 1.15) {
+  .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed:before {
+    border-width: 10.5px 6px;
+    left: -11px;
+  }
+  .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-right:after {
+    border-width: 10.5px 6px;
+    right: -11px;
+  }
+  .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-in:before {
+    border-width: 10.5px 5px 10px;
+    left: -6px;
+  }
+  .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-in-right:after {
+    border-width: 10.5px 5px 10px;
+    right: -6px;
+  }
+}
+@media screen and (-webkit-min-device-pixel-ratio: 1.3) and (-webkit-max-device-pixel-ratio: 1.4), screen and (min--moz-device-pixel-ratio: 1.3) and (max--moz-device-pixel-ratio: 1.4) {
+  .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed:before {
+    border-width: 10px 6px 10px;
+    left: -12px;
+  }
+  .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-right:after {
+    border-width: 10px 6px 10px;
+    right: -12px;
+  }
+  .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-in:before {
+    border-width: 10px 5px 10px;
+    left: -6px;
+  }
+  .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-in-right:after {
+    border-width: 10px 5px 10px;
+    right: -6px;
+  }
+}
+@media screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.6), screen and (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 1.6) {
+  .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed:before {
+    border-width: 10px 6px;
+    left: -12px;
+  }
+  .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-right:after {
+    border-width: 10px 6px;
+    right: -12px;
+  }
+}
+@media screen and (-webkit-min-device-pixel-ratio: 1.7) and (-webkit-max-device-pixel-ratio: 1.8), screen and (min--moz-device-pixel-ratio: 1.7) and (max--moz-device-pixel-ratio: 1.8) {
+  .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed:before {
+    border-width: 10px 6px;
+    left: -11.5px;
+  }
+  .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-right:after {
+    border-width: 10px 6px;
+    right: -11.5px;
+  }
+  .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-in:before {
+    border-width: 10px 5px;
+    left: -6px;
+  }
+  .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-in-right:after {
+    border-width: 10px 5px;
+    right: -6px;
+  }
+}
+@media screen and (-webkit-min-device-pixel-ratio: 0.8) and (-webkit-max-device-pixel-ratio: 0.9), screen and (min--moz-device-pixel-ratio: 0.8) and (max--moz-device-pixel-ratio: 0.9) {
+  .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed:before {
+    border-width: 11px 6px;
+    left: -11.5px;
+  }
+  .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-right:after {
+    border-width: 11px 6px;
+    right: -11.5px;
+  }
+  .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-in:before {
+    border-width: 11px 5px;
+    left: -6px;
+  }
+  .label:not(.label-lg):not(.label-xlg):not(.label-sm).arrowed-in-right:after {
+    border-width: 11px 5px;
+    right: -6px;
+  }
+}
+@media screen and (-webkit-min-device-pixel-ratio: 1.08) and (-webkit-max-device-pixel-ratio: 1.15), screen and (min--moz-device-pixel-ratio: 1.08) and (max--moz-device-pixel-ratio: 1.15) {
+  .label-lg.arrowed:before {
+    left: -11px;
+  }
+  .label-lg.arrowed-right:after {
+    right: -11px;
+  }
+}
+@media screen and (-webkit-min-device-pixel-ratio: 1.7) and (-webkit-max-device-pixel-ratio: 1.8), screen and (min--moz-device-pixel-ratio: 1.7) and (max--moz-device-pixel-ratio: 1.8) {
+  .label-lg.arrowed:before {
+    left: -11.5px;
+  }
+  .label-lg.arrowed-right:after {
+    right: -11.5px;
+  }
+  .label-lg.arrowed-in:before {
+    border-width: 12.5px 6px 12px;
+    left: -6px;
+  }
+  .label-lg.arrowed-in-right:after {
+    border-width: 12.5px 6px 12px;
+    right: -6px;
+  }
+}
+@media screen and (-webkit-min-device-pixel-ratio: 1.08) and (-webkit-max-device-pixel-ratio: 1.15), screen and (min--moz-device-pixel-ratio: 1.08) and (max--moz-device-pixel-ratio: 1.15) {
+  .label-xlg.arrowed:before {
+    left: -13px;
+  }
+  .label-xlg.arrowed-right:after {
+    right: -13px;
+  }
+  .label-xlg.arrowed-in:before {
+    border-width: 14px 7px 14.5px;
+  }
+  .label-xlg.arrowed-in-right:after {
+    border-width: 14px 7px 14.5px;
+  }
+}
+@media screen and (-webkit-min-device-pixel-ratio: 1.2) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.2) and (max--moz-device-pixel-ratio: 1.3) {
+  .label-xlg.arrowed:before {
+    border-width: 14.5px 7px;
+    left: -13.5px;
+  }
+  .label-xlg.arrowed-right:after {
+    border-width: 14.5px 7px;
+    right: -13.5px;
+  }
+  .label-xlg.arrowed-in:before {
+    border-width: 14.5px 7px 14.5px;
+  }
+  .label-xlg.arrowed-in-right:after {
+    border-width: 14.5px 7px 14.5px;
+  }
+}
+@media screen and (-webkit-min-device-pixel-ratio: 1.3) and (-webkit-max-device-pixel-ratio: 1.4), screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.6), screen and (min--moz-device-pixel-ratio: 1.3) and (max--moz-device-pixel-ratio: 1.4), screen and (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 1.6) {
+  .label-xlg.arrowed:before {
+    border-width: 14.5px 7.5px;
+    left: -14.5px;
+  }
+  .label-xlg.arrowed-right:after {
+    border-width: 14.5px 7.5px;
+    right: -14.5px;
+  }
+  .label-xlg.arrowed-in:before {
+    border-width: 14.5px 7px;
+  }
+  .label-xlg.arrowed-in-right:after {
+    border-width: 14.5px 7px;
+  }
+}
+@media screen and (-webkit-min-device-pixel-ratio: 1.08) and (-webkit-max-device-pixel-ratio: 1.15), screen and (min--moz-device-pixel-ratio: 1.08) and (max--moz-device-pixel-ratio: 1.15) {
+  .label-sm.arrowed:before {
+    border-width: 9px 5px;
+    left: -9px;
+  }
+  .label-sm.arrowed-right:after {
+    border-width: 9px 5px;
+    right: -9px;
+  }
+  .label-sm.arrowed-in:before {
+    border-width: 10px 4px;
+  }
+  .label-sm.arrowed-in-right:after {
+    border-width: 10px 4px;
+  }
+}
+@media screen and (-webkit-min-device-pixel-ratio: 1.2) and (-webkit-max-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.2) and (max--moz-device-pixel-ratio: 1.3) {
+  .label-sm.arrowed:before {
+    border-width: 9.5px 5px;
+    left: -10px;
+  }
+  .label-sm.arrowed-right:after {
+    border-width: 9.5px 5px;
+    right: -10px;
+  }
+  .label-sm.arrowed-in:before {
+    border-width: 9.5px 4px;
+  }
+  .label-sm.arrowed-in-right:after {
+    border-width: 9.5px 4px;
+  }
+}
+.icon-white,
+.nav-pills > .active > a > .ace-icon,
+.nav-list > .active > a > .ace-icon,
+.navbar-inverse .nav > .active > a > .ace-icon,
+.dropdown-menu > li > a:hover > .ace-icon,
+.dropdown-menu > li > a:focus > .ace-icon,
+.dropdown-menu > .active > a > .ace-icon,
+.dropdown-submenu:hover > a > .ace-icon,
+.dropdown-submenu:focus > a > .ace-icon {
+  background-image: none;
+}
+.dropdown-menu {
+  border-radius: 0 !important;
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.dropdown-menu > li > a {
+  font-size: 13px;
+  padding-left: 11px;
+  padding-right: 11px;
+  padding-bottom: 4px;
+  margin-bottom: 1px;
+  margin-top: 1px;
+}
+.dropdown-menu.dropdown-only-icon {
+  min-width: 50px;
+}
+.dropdown-menu.dropdown-only-icon > li {
+  margin: 0 4px;
+}
+.dropdown-menu.dropdown-only-icon > li > a .ace-icon {
+  width: 18px;
+  display: inline-block;
+  text-align: center;
+}
+.dropdown-menu.dropdown-only-icon > li > a .icon-2x {
+  width: 36px;
+}
+.dropdown-menu > li:hover > a,
+.dropdown-menu > li > a:focus,
+.dropdown-menu > li > a:active,
+.dropdown-menu > li.active > a,
+.dropdown-menu > li.active:hover > a {
+  background: #4f99c6;
+  color: #ffffff;
+}
+.dropdown-default > li:hover > a,
+.dropdown-default > li > a:focus,
+.dropdown-default > li > a:active,
+.dropdown-default > li.active > a,
+.dropdown-default > li.active:hover > a {
+  background: #abbac3;
+  color: #ffffff;
+}
+.dropdown-info > li:hover > a,
+.dropdown-info > li > a:focus,
+.dropdown-info > li > a:active,
+.dropdown-info > li.active > a,
+.dropdown-info > li.active:hover > a {
+  background: #6fb3e0;
+  color: #ffffff;
+}
+.dropdown-primary > li:hover > a,
+.dropdown-primary > li > a:focus,
+.dropdown-primary > li > a:active,
+.dropdown-primary > li.active > a,
+.dropdown-primary > li.active:hover > a {
+  background: #428bca;
+  color: #ffffff;
+}
+.dropdown-success > li:hover > a,
+.dropdown-success > li > a:focus,
+.dropdown-success > li > a:active,
+.dropdown-success > li.active > a,
+.dropdown-success > li.active:hover > a {
+  background: #87b87f;
+  color: #ffffff;
+}
+.dropdown-warning > li:hover > a,
+.dropdown-warning > li > a:focus,
+.dropdown-warning > li > a:active,
+.dropdown-warning > li.active > a,
+.dropdown-warning > li.active:hover > a {
+  background: #ffa24d;
+  color: #ffffff;
+}
+.dropdown-danger > li:hover > a,
+.dropdown-danger > li > a:focus,
+.dropdown-danger > li > a:active,
+.dropdown-danger > li.active > a,
+.dropdown-danger > li.active:hover > a {
+  background: #d15b47;
+  color: #ffffff;
+}
+.dropdown-inverse > li:hover > a,
+.dropdown-inverse > li > a:focus,
+.dropdown-inverse > li > a:active,
+.dropdown-inverse > li.active > a,
+.dropdown-inverse > li.active:hover > a {
+  background: #555555;
+  color: #ffffff;
+}
+.dropdown-purple > li:hover > a,
+.dropdown-purple > li > a:focus,
+.dropdown-purple > li > a:active,
+.dropdown-purple > li.active > a,
+.dropdown-purple > li.active:hover > a {
+  background: #9585bf;
+  color: #ffffff;
+}
+.dropdown-pink > li:hover > a,
+.dropdown-pink > li > a:focus,
+.dropdown-pink > li > a:active,
+.dropdown-pink > li.active > a,
+.dropdown-pink > li.active:hover > a {
+  background: #d6487e;
+  color: #ffffff;
+}
+.dropdown-grey > li:hover > a,
+.dropdown-grey > li > a:focus,
+.dropdown-grey > li > a:active,
+.dropdown-grey > li.active > a,
+.dropdown-grey > li.active:hover > a {
+  background: #a0a0a0;
+  color: #ffffff;
+}
+.dropdown-light > li:hover > a,
+.dropdown-light > li > a:focus,
+.dropdown-light > li > a:active,
+.dropdown-light > li.active > a,
+.dropdown-light > li.active:hover > a {
+  background: #e7e7e7;
+  color: #333333;
+}
+.dropdown-lighter > li:hover > a,
+.dropdown-lighter > li > a:focus,
+.dropdown-lighter > li > a:active,
+.dropdown-lighter > li.active > a,
+.dropdown-lighter > li.active:hover > a {
+  background: #efefef;
+  color: #444444;
+}
+.dropdown-lightest > li:hover > a,
+.dropdown-lightest > li > a:focus,
+.dropdown-lightest > li > a:active,
+.dropdown-lightest > li.active > a,
+.dropdown-lightest > li.active:hover > a {
+  background: #f3f3f3;
+  color: #444444;
+}
+.dropdown-yellow > li:hover > a,
+.dropdown-yellow > li > a:focus,
+.dropdown-yellow > li > a:active,
+.dropdown-yellow > li.active > a,
+.dropdown-yellow > li.active:hover > a {
+  background: #fee188;
+  color: #444444;
+}
+.dropdown-yellow2 > li:hover > a,
+.dropdown-yellow2 > li > a:focus,
+.dropdown-yellow2 > li > a:active,
+.dropdown-yellow2 > li.active > a,
+.dropdown-yellow2 > li.active:hover > a {
+  background: #f9e8b3;
+  color: #444444;
+}
+.dropdown-light-blue > li:hover > a,
+.dropdown-light-blue > li > a:focus,
+.dropdown-light-blue > li > a:active,
+.dropdown-light-blue > li.active > a,
+.dropdown-light-blue > li.active:hover > a {
+  background: #ecf3f9;
+  color: #445566;
+}
+.dropdown-menu.dropdown-close {
+  top: 92%;
+  left: -5px;
+}
+.dropdown-menu.dropdown-close.dropdown-menu-right {
+  left: auto;
+  right: -5px;
+}
+.dropdown-menu.dropdown-closer {
+  top: 80%;
+  left: -10px;
+}
+.dropdown-menu.dropdown-closer.dropdown-menu-right {
+  right: -10px;
+  left: auto;
+}
+.dropup > .dropdown-menu,
+.navbar-fixed-bottom .dropdown > .dropdown-menu {
+  top: auto !important;
+  bottom: 100%;
+}
+.dropup > .dropdown-menu.dropdown-close,
+.navbar-fixed-bottom .dropdown > .dropdown-menu.dropdown-close {
+  bottom: 92%;
+}
+.dropup > .dropdown-menu.dropdown-closer,
+.navbar-fixed-bottom .dropdown > .dropdown-menu.dropdown-closer {
+  bottom: 80%;
+}
+.dropdown-submenu > .dropdown-menu {
+  border-radius: 0;
+}
+.dropdown-submenu > a:after {
+  margin-right: -5px;
+}
+.dropdown-50 {
+  min-width: 50px;
+}
+.dropdown-75 {
+  min-width: 75px;
+}
+.dropdown-100 {
+  min-width: 100px;
+}
+.dropdown-125 {
+  min-width: 125px;
+}
+.dropdown-150 {
+  min-width: 150px;
+}
+.dropdown-hover {
+  position: relative;
+}
+.dropdown-hover:before {
+  display: block;
+  content: "";
+  position: absolute;
+  top: -2px;
+  bottom: -2px;
+  left: -2px;
+  right: -2px;
+  background-color: transparent;
+}
+.dropdown-hover:hover > .dropdown-menu {
+  display: block;
+}
+.dropdown-menu > .dropdown-hover > .dropdown-menu {
+  top: -5px;
+  left: 99%;
+  right: auto;
+}
+.dropdown-menu > .dropdown-hover > .dropdown-menu.dropdown-menu-right {
+  left: auto;
+  right: 99%;
+}
+.dropup .dropdown-menu > .dropdown-hover > .dropdown-menu,
+.dropdown-menu > .dropdown-hover.dropup > .dropdown-menu {
+  top: auto;
+  bottom: -5px;
+}
+.dropdown-menu.dropdown-caret:before {
+  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
+  -moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  content: "";
+  display: inline-block;
+  left: 9px;
+  position: absolute;
+  top: -7px;
+}
+.dropdown-menu.dropdown-caret:after {
+  border-bottom: 6px solid #FFF;
+  -moz-border-bottom-colors: #FFF;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  content: "";
+  display: inline-block;
+  left: 10px;
+  position: absolute;
+  top: -6px;
+}
+.dropdown-menu.dropdown-menu-right.dropdown-caret:before,
+.dropdown-menu.dropdown-caret-right.dropdown-caret:before {
+  left: auto;
+  right: 9px;
+}
+.dropdown-menu.dropdown-menu-right.dropdown-caret:after,
+.dropdown-menu.dropdown-caret-right.dropdown-caret:after {
+  left: auto;
+  right: 10px;
+}
+.dropup > .dropdown-menu.dropdown-caret:before,
+.navbar-fixed-bottom .dropdown > .dropdown-menu.dropdown-caret:before {
+  border-bottom-width: 0;
+  border-top: 7px solid rgba(0, 0, 0, 0.2);
+  -moz-border-top-colors: rgba(0, 0, 0, 0.2);
+  bottom: -7px;
+  top: auto;
+}
+.dropup > .dropdown-menu.dropdown-caret:after,
+.navbar-fixed-bottom .dropdown > .dropdown-menu.dropdown-caret:after {
+  border-bottom-width: 0;
+  border-top: 6px solid #FFF;
+  -moz-border-top-colors: #FFF;
+  bottom: -6px;
+  top: auto;
+}
+.dropdown-colorpicker > .dropdown-menu {
+  padding: 4px;
+  min-width: 130px;
+  max-width: 130px;
+  top: 80%;
+  left: -7px;
+}
+.dropdown-colorpicker > .dropdown-menu.dropdown-menu-right {
+  right: -7px;
+  left: auto;
+}
+.dropdown-colorpicker > .dropdown-menu > li {
+  display: block;
+  float: left;
+  width: 20px;
+  height: 20px;
+  margin: 2px;
+}
+.dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn {
+  display: block;
+  width: 20px;
+  height: 20px;
+  margin: 0;
+  padding: 0;
+  border-radius: 0;
+  position: relative;
+  -webkit-transition: all ease 0.1s;
+  -o-transition: all ease 0.1s;
+  transition: all ease 0.1s;
+}
+.dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn:hover {
+  text-decoration: none;
+  opacity: 0.8;
+  filter: alpha(opacity=80);
+  -webkit-transform: scale(1.08, 1.08);
+  -ms-transform: scale(1.08, 1.08);
+  -o-transform: scale(1.08, 1.08);
+  transform: scale(1.08, 1.08);
+}
+.dropdown-colorpicker > .dropdown-menu > li > .colorpick-btn.selected:after {
+  content: "\f00c";
+  display: inline-block;
+  font-family: FontAwesome;
+  font-size: 11px;
+  color: #FFF;
+  position: absolute;
+  left: 0;
+  right: 0;
+  text-align: center;
+  line-height: 20px;
+}
+.btn-colorpicker {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background-color: #DDD;
+  vertical-align: middle;
+  border-radius: 0;
+}
+.dropdown-navbar {
+  padding: 0;
+  width: 240px;
+  -webkit-box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
+  box-shadow: 0 2px 4px rgba(30, 30, 100, 0.25);
+  border-color: #bcd4e5;
+}
+.dropdown-navbar > li {
+  padding: 0 8px;
+  background-color: #FFF;
+}
+.dropdown-navbar > li.dropdown-header {
+  text-shadow: none;
+  padding-top: 0;
+  padding-bottom: 0;
+  line-height: 34px;
+  font-size: 13px;
+  font-weight: bold;
+  text-transform: none;
+  border-bottom: 1px solid;
+}
+.dropdown-navbar > li > .ace-icon,
+.dropdown-navbar > li > a > .ace-icon {
+  margin-right: 5px !important;
+  color: #555;
+  font-size: 14px;
+}
+.dropdown-navbar > li > a {
+  padding: 10px 2px;
+  margin: 0;
+  border-top: 1px solid;
+  font-size: 12px;
+  line-height: 16px;
+  color: #555 !important;
+  background-color: transparent !important;
+  white-space: normal;
+}
+.dropdown-navbar > li > a .progress {
+  margin-bottom: 0;
+  margin-top: 4px;
+}
+.dropdown-navbar > li > a .badge {
+  line-height: 16px;
+  padding-right: 4px;
+  padding-left: 4px;
+  font-size: 12px;
+}
+.dropdown-navbar > li:first-child > a,
+.dropdown-navbar > li.dropdown-header + li > a {
+  border-top-width: 0;
+}
+.dropdown-navbar > li.dropdown-footer > a {
+  color: #4F99C6 !important;
+  text-align: center;
+  font-size: 13px;
+}
+.dropdown-navbar > li.dropdown-footer > a:hover {
+  background-color: #FFF;
+  text-decoration: underline;
+}
+.dropdown-navbar > li.dropdown-footer > a:hover > .ace-icon {
+  text-decoration: none;
+}
+.dropdown-navbar > li:hover {
+  background-color: #f4f9fc;
+}
+.dropdown-navbar > li.dropdown-header {
+  background-color: #ecf2f7;
+  color: #8090a0;
+  border-bottom-color: #bcd4e5;
+}
+.dropdown-navbar > li.dropdown-header > .ace-icon {
+  color: #8090a0;
+}
+.dropdown-navbar > li > a {
+  border-top-color: #e4ecf3;
+}
+.dropdown-navbar.navbar-pink {
+  border-color: #e5bcd4;
+}
+.dropdown-navbar.navbar-pink > li:hover {
+  background-color: #fcf4f9;
+}
+.dropdown-navbar.navbar-pink > li.dropdown-header {
+  background-color: #f7ecf2;
+  color: #b471a0;
+  border-bottom-color: #e5bcd4;
+}
+.dropdown-navbar.navbar-pink > li.dropdown-header > .ace-icon {
+  color: #c06090;
+}
+.dropdown-navbar.navbar-pink > li > a {
+  border-top-color: #f3e4ec;
+}
+.dropdown-navbar.navbar-grey {
+  border-color: #e5e5e5;
+}
+.dropdown-navbar.navbar-grey > li:hover {
+  background-color: #f8f8f8;
+}
+.dropdown-navbar.navbar-grey > li.dropdown-header {
+  background-color: #f2f2f2;
+  color: #3a87ad;
+  border-bottom-color: #e5e5e5;
+}
+.dropdown-navbar.navbar-grey > li.dropdown-header > .ace-icon {
+  color: #3a87ad;
+}
+.dropdown-navbar.navbar-grey > li > a {
+  border-top-color: #eeeeee;
+}
+.dropdown-navbar.navbar-green {
+  border-color: #b4d5ac;
+}
+.dropdown-navbar.navbar-green > li:hover {
+  background-color: #f4f9ef;
+}
+.dropdown-navbar.navbar-green > li.dropdown-header {
+  background-color: #ebf7e4;
+  color: #88aa66;
+  border-bottom-color: #b4d5ac;
+}
+.dropdown-navbar.navbar-green > li.dropdown-header > .ace-icon {
+  color: #90c060;
+}
+.dropdown-navbar.navbar-green > li > a {
+  border-top-color: #ecf3e4;
+}
+.dropdown-navbar [class*="btn"].ace-icon {
+  display: inline-block;
+  margin: 0 5px 0 0;
+  width: 24px;
+  text-align: center;
+  padding-left: 0;
+  padding-right: 0;
+}
+.dropdown-navbar .msg-photo {
+  max-width: 42px;
+  float: left;
+  margin-top: 2px;
+}
+.dropdown-navbar .msg-body {
+  display: block;
+  line-height: 20px;
+  white-space: normal;
+  vertical-align: middle;
+  margin-left: 50px;
+}
+.dropdown-navbar .msg-title {
+  display: inline-block;
+  line-height: 14px;
+}
+.dropdown-navbar .msg-time {
+  display: block;
+  font-size: 11px;
+  color: #777;
+}
+.dropdown-navbar .msg-time > .ace-icon {
+  font-size: 14px;
+  color: #555;
+}
+.dropdown-navbar > .dropdown-content {
+  padding: 0;
+}
+.dropdown-navbar > .dropdown-content .dropdown-navbar {
+  list-style: none;
+  margin: 0;
+  padding: 0 !important;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  width: auto;
+  display: block;
+  float: none;
+  border-width: 0;
+  position: static;
+  z-index: auto;
+}
+.dropdown-navbar .nav-tabs {
+  border-width: 0;
+  box-shadow: none;
+  background-color: #F9F9F9 !important;
+  top: auto;
+  width: 100%;
+}
+.dropdown-navbar .nav-tabs > li {
+  display: table-cell;
+  width: 1%;
+  float: none !important;
+}
+.dropdown-navbar .nav-tabs > li > a {
+  margin: 0 0 0 1px !important;
+  text-align: center;
+  box-shadow: none !important;
+  background-color: #F9F9F9 !important;
+  border-width: 0 !important;
+  border-bottom: 2px solid #BECAD1 !important;
+}
+.dropdown-navbar .nav-tabs > li > a:before {
+  display: block;
+  content: "";
+  position: absolute;
+  left: -1px;
+  top: 3px;
+  bottom: 3px;
+  width: 1px;
+  background-color: #BECAD1;
+}
+.dropdown-navbar .nav-tabs > li:first-child > a {
+  margin-left: 0 !important;
+}
+.dropdown-navbar .nav-tabs > li:first-child > a:before {
+  display: none;
+}
+.dropdown-navbar .nav-tabs > li.active > a {
+  border-bottom: 2px solid #79B0CE !important;
+  color: #5085AF !important;
+  background-color: #ECF2F7 !important;
+}
+.dropdown-navbar .tab-content {
+  padding: 0 !important;
+  border-color: #FFF !important;
+}
+.dropdown-navbar .tab-content .dropdown-menu {
+  display: block;
+  position: static;
+  margin: 0 !important;
+  padding-top: 2px;
+  border-color: #FFF !important;
+  box-shadow: none !important;
+  width: 100%;
+}
+.dropdown-navbar.navbar-pink .nav-tabs > li.active > a {
+  border-bottom: 2px solid #E5BCD4 !important;
+  color: #C06090 !important;
+  background-color: #F7ECF2 !important;
+}
+.dropdown-navbar.navbar-pink .nav-tabs > li:not(.active) > a:hover {
+  color: #BA7396;
+}
+.dropdown-navbar.navbar-pink .nav-tabs > li > a:before {
+  background-color: #CEBBCB;
+}
+.dropdown-navbar.navbar-pink .nav-tabs > li > a {
+  border-bottom-color: #CEBBCD !important;
+}
+.form-line {
+  margin-bottom: 24px;
+  padding-bottom: 12px;
+  border-bottom: 1px solid #EEE;
+}
+.form-actions {
+  display: block;
+  background-color: #F5F5F5;
+  border-top: 1px solid #E5E5E5;
+  margin-bottom: 20px;
+  margin-top: 20px;
+  padding: 19px 20px 20px;
+}
+.help-button {
+  display: inline-block;
+  height: 22px;
+  width: 22px;
+  line-height: 22px;
+  text-align: center;
+  padding: 0;
+  background-color: #65bcda;
+  color: #FFF;
+  font-size: 12px;
+  font-weight: bold;
+  cursor: default;
+  margin-left: 4px;
+  border-radius: 100%;
+  border-color: #FFF;
+  border: 2px solid #FFF;
+  -webkit-box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.2);
+  box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.2);
+}
+.help-button:hover {
+  background-color: #65bcda;
+  text-shadow: none;
+}
+label {
+  font-weight: normal;
+  font-size: 14px;
+}
+.form-group > label[class*="col-"] {
+  margin-bottom: 4px;
+}
+td > label,
+th > label {
+  margin-bottom: 0;
+  line-height: inherit;
+  vertical-align: middle;
+}
+label.inline {
+  margin-bottom: 3px;
+}
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"] {
+  border-radius: 0 !important;
+  color: #858585;
+  background-color: #ffffff;
+  border: 1px solid #d5d5d5;
+  padding: 5px 4px 6px;
+  font-size: 14px;
+  font-family: inherit;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  -webkit-transition-duration: 0.1s;
+  transition-duration: 0.1s;
+}
+textarea:hover,
+input[type="text"]:hover,
+input[type="password"]:hover,
+input[type="datetime"]:hover,
+input[type="datetime-local"]:hover,
+input[type="date"]:hover,
+input[type="month"]:hover,
+input[type="time"]:hover,
+input[type="week"]:hover,
+input[type="number"]:hover,
+input[type="email"]:hover,
+input[type="url"]:hover,
+input[type="search"]:hover,
+input[type="tel"]:hover,
+input[type="color"]:hover {
+  border-color: #b5b5b5;
+}
+textarea:focus,
+input[type="text"]:focus,
+input[type="password"]:focus,
+input[type="datetime"]:focus,
+input[type="datetime-local"]:focus,
+input[type="date"]:focus,
+input[type="month"]:focus,
+input[type="time"]:focus,
+input[type="week"]:focus,
+input[type="number"]:focus,
+input[type="email"]:focus,
+input[type="url"]:focus,
+input[type="search"]:focus,
+input[type="tel"]:focus,
+input[type="color"]:focus {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  color: #696969;
+  border-color: #f59942;
+  background-color: #ffffff;
+  outline: none;
+}
+input::-webkit-input-placeholder,
+.form-control::-webkit-input-placeholder {
+  color: #c0c0c0;
+}
+input:-moz-placeholder,
+.form-control:-moz-placeholder {
+  color: #c0c0c0;
+  opacity: 1;
+}
+input::-moz-placeholder,
+.form-control::-moz-placeholder {
+  color: #c0c0c0;
+  opacity: 1;
+}
+input:-ms-input-placeholder,
+.form-control:-ms-input-placeholder {
+  color: #c0c0c0;
+}
+.form-control,
+select {
+  border-radius: 0;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  color: #858585;
+  background-color: #ffffff;
+  border: 1px solid #d5d5d5;
+}
+.form-control:focus,
+select:focus {
+  color: #696969;
+  border-color: #f59942;
+  background-color: #ffffff;
+  outline: none;
+}
+textarea.form-control {
+  padding: 5px 9px;
+}
+select {
+  padding: 3px 4px;
+  height: 30px;
+}
+select.form-control {
+  padding: 4px 6px;
+}
+select[multiple],
+select.form-control[multiple] {
+  height: auto;
+}
+select.input-sm {
+  border-radius: 0;
+  padding: 2px 3px;
+}
+select.input-lg {
+  border-radius: 0;
+  padding: 6px 8px;
+}
+input.block {
+  display: block;
+  margin-bottom: 9px;
+}
+textarea.autosize-transition {
+  -webkit-transition-duration: "height 0.2s";
+  transition-duration: "height 0.2s";
+}
+.limiterBox {
+  border: 1px solid #222;
+  border-top: none;
+  background-color: #333;
+  padding: 3px 6px;
+  font-size: 13px;
+  color: #FFF;
+  margin-top: 6px;
+}
+.limiterBox:after {
+  display: none;
+}
+.limiterBox:before {
+  display: block;
+  content: "";
+  position: absolute;
+  width: 0;
+  height: 0;
+  top: -8px;
+  left: 50%;
+  margin-left: -5px;
+  border-color: transparent;
+  border-style: solid;
+  border-bottom-color: #333;
+  -moz-border-bottom-colors: #333;
+  border-width: 0 8px 8px;
+}
+select option,
+select.form-control option {
+  padding: 3px 4px 5px;
+}
+select option:active,
+select.form-control option:active,
+select option:hover,
+select.form-control option:hover,
+select option:focus,
+select.form-control option:focus {
+  background-color: #eeeeee;
+  color: #444;
+}
+select option.no-option,
+select.form-control option.no-option {
+  padding: 1px 0;
+}
+input[disabled] {
+  color: #848484 !important;
+  background-color: #eeeeee !important;
+}
+input[disabled]:hover {
+  border-color: #d5d5d5 !important;
+}
+input[readonly] {
+  color: #939192;
+  background: #f5f5f5 !important;
+  cursor: default;
+}
+input[readonly]:hover {
+  border-color: #c3c3c3;
+}
+input[readonly]:focus {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-color: #aaaaaa;
+  background-color: #f9f9f9;
+}
+.help-inline {
+  font-size: 13px !important;
+}
+.input-icon {
+  position: relative;
+}
+span.input-icon {
+  display: inline-block;
+}
+.input-icon > input {
+  padding-left: 24px;
+  padding-right: 6px;
+}
+.input-icon.input-icon-right > input {
+  padding-left: 6px;
+  padding-right: 24px;
+}
+.input-icon > .ace-icon {
+  padding: 0 3px;
+  z-index: 2;
+  position: absolute;
+  top: 1px;
+  bottom: 1px;
+  left: 3px;
+  line-height: 30px;
+  display: inline-block;
+  color: #909090;
+  font-size: 16px;
+}
+.input-icon.input-icon-right > .ace-icon {
+  left: auto;
+  right: 3px;
+}
+.input-icon > input:focus + .ace-icon {
+  color: #579;
+}
+.input-icon ~ .help-inline {
+  padding-left: 8px;
+}
+.form-search .radio [type=radio] + label,
+.form-inline .radio [type=radio] + label,
+.form-search .checkbox [type=checkbox] + label,
+.form-inline .checkbox [type=checkbox] + label {
+  float: left;
+  margin-left: -20px;
+}
+.form-search .form-search .radio [type=radio] + label,
+.form-search .form-inline .radio [type=radio] + label,
+.form-search .form-search .checkbox [type=checkbox] + label,
+.form-search .form-inline .checkbox [type=checkbox] + label,
+.form-inline .form-search .radio [type=radio] + label,
+.form-inline .form-inline .radio [type=radio] + label,
+.form-inline .form-search .checkbox [type=checkbox] + label,
+.form-inline .form-inline .checkbox [type=checkbox] + label {
+  margin-left: 0;
+  margin-right: 3px;
+}
+.form-search .input-append .search-query:focus,
+.form-search .input-prepend .search-query:focus {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.input-append input,
+.input-prepend input,
+.input-append select,
+.input-prepend select,
+.input-append .uneditable-input,
+.input-prepend .uneditable-input {
+  border-radius: 0;
+}
+.input-mini {
+  width: 60px;
+  max-width: 100%;
+}
+.input-small {
+  width: 90px;
+  max-width: 100%;
+}
+.input-medium,
+.input-md {
+  width: 150px;
+  max-width: 100%;
+}
+.input-large {
+  width: 210px;
+  max-width: 100%;
+}
+.input-xlarge {
+  width: 270px;
+  max-width: 100%;
+}
+.input-xxlarge {
+  width: 530px;
+  max-width: 100%;
+}
+input.input-lg {
+  font-size: 18px;
+}
+input[type=checkbox].ace,
+input[type=radio].ace {
+  opacity: 0;
+  position: absolute;
+  z-index: 1;
+  width: 18px;
+  height: 18px;
+  cursor: pointer;
+}
+label input[type=checkbox].ace,
+label input[type=radio].ace {
+  z-index: -100 !important;
+  width: 1px !important;
+  height: 1px !important;
+  clip: rect(1px, 1px, 1px, 1px);
+  position: absolute;
+}
+input[type=checkbox].ace:checked,
+input[type=radio].ace:checked,
+input[type=checkbox].ace:focus,
+input[type=radio].ace:focus {
+  outline: none !important;
+}
+input[type=checkbox].ace + .lbl,
+input[type=radio].ace + .lbl {
+  position: relative;
+  display: inline-block;
+  margin: 0;
+  line-height: 20px;
+  min-height: 18px;
+  min-width: 18px;
+  font-weight: normal;
+  cursor: pointer;
+}
+input[type=checkbox].ace + .lbl::before,
+input[type=radio].ace + .lbl::before {
+  cursor: pointer;
+  font-family: fontAwesome;
+  font-weight: normal;
+  font-size: 12px;
+  color: #32a3ce;
+  content: "\a0";
+  background-color: #FAFAFA;
+  border: 1px solid #c8c8c8;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+  /*, inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
+  border-radius: 0;
+  display: inline-block;
+  text-align: center;
+  height: 16px;
+  line-height: 14px;
+  min-width: 16px;
+  margin-right: 1px;
+  position: relative;
+  top: -1px;
+}
+input[type=checkbox].ace:checked + .lbl::before,
+input[type=radio].ace:checked + .lbl::before {
+  display: inline-block;
+  content: '\f00c';
+  background-color: #F5F8FC;
+  border-color: #adb8c0;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
+}
+input[type=checkbox].ace:hover + .lbl::before,
+input[type=radio].ace:hover + .lbl::before,
+input[type=checkbox].ace + .lbl:hover::before,
+input[type=radio].ace + .lbl:hover::before {
+  border-color: #ff893c;
+}
+input[type=checkbox].ace:active + .lbl::before,
+input[type=radio].ace:active + .lbl::before,
+input[type=checkbox].ace:checked:active + .lbl::before,
+input[type=radio].ace:checked:active + .lbl::before {
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
+}
+input[type=checkbox].ace.ace-checkbox-2 + .lbl::before,
+input[type=radio].ace.ace-checkbox-2 + .lbl::before {
+  box-shadow: none;
+}
+input[type=checkbox].ace.ace-checkbox-2:checked + .lbl::before,
+input[type=radio].ace.ace-checkbox-2:checked + .lbl::before {
+  background-color: #f9a021;
+  border-color: #f9a021;
+  color: #FFF;
+}
+input[type=checkbox].ace:disabled + .lbl::before,
+input[type=radio].ace:disabled + .lbl::before,
+input[type=checkbox].ace[disabled] + .lbl::before,
+input[type=radio].ace[disabled] + .lbl::before,
+input[type=checkbox].ace.disabled + .lbl::before,
+input[type=radio].ace.disabled + .lbl::before {
+  background-color: #DDD !important;
+  border-color: #CCC !important;
+  box-shadow: none !important;
+  color: #BBB;
+}
+.checkbox label input[type=checkbox].ace + .lbl,
+.radio label input[type=radio].ace + .lbl {
+  margin-left: -10px;
+}
+/**
+input[type=radio].ace @{lbl}::before {
+	border-radius:100%;
+	font-size: 34px;
+	font-family: Helvetica, Arial, "Sans-Serif";//looks better but incosistent
+	line-height: 13px;
+}
+*/
+input[type=radio].ace + .lbl::before {
+  border-radius: 100%;
+  font-size: 10px;
+  font-family: FontAwesome;
+  text-shadow: 0 0 1px #32a3ce;
+  line-height: 15px;
+  height: 17px;
+  min-width: 17px;
+}
+input[type=radio].ace:checked + .lbl::before {
+  content: "\f111";
+}
+input[type=checkbox].ace.input-lg + .lbl::before {
+  border-radius: 4px;
+  font-size: 16px;
+  height: 24px;
+  line-height: 21px;
+  min-width: 24px;
+  top: auto;
+}
+input[type=radio].ace.input-lg + .lbl::before {
+  font-size: 14px;
+  height: 24px;
+  line-height: 22px;
+  min-width: 24px;
+  top: auto;
+}
+/* CSS3 on/off switches */
+input[type=checkbox].ace.ace-switch {
+  width: 55px;
+  height: 25px;
+}
+input[type=checkbox].ace.ace-switch + .lbl {
+  margin: 0 4px;
+  min-height: 24px;
+}
+input[type=checkbox].ace.ace-switch + .lbl::before {
+  font-family: 'Open Sans';
+  content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
+  color: #999;
+  text-shadow: 0 0 0 #999;
+  font-weight: normal;
+  font-size: 11px;
+  line-height: 17px;
+  height: 20px;
+  overflow: hidden;
+  border-radius: 12px;
+  background-color: #F5F5F5;
+  -webkit-box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: inset 0 1px 1px 0 rgba(0, 0, 0, 0.15);
+  border: 1px solid #CCC;
+  text-align: left;
+  float: left;
+  padding: 0;
+  width: 52px;
+  text-indent: -21px;
+  margin-right: 0;
+  -webkit-transition: text-indent .3s ease;
+  -o-transition: text-indent .3s ease;
+  transition: text-indent .3s ease;
+  top: auto;
+}
+input[type=checkbox].ace.ace-switch + .lbl::after {
+  font-family: 'Open Sans';
+  content: 'III';
+  font-size: 12px;
+  font-weight: normal;
+  letter-spacing: 0;
+  color: #AAA;
+  text-shadow: none;
+  background-color: #FFF;
+  border-radius: 100%;
+  width: 22px;
+  height: 22px;
+  line-height: 22px;
+  text-align: center;
+  position: absolute;
+  top: -2px;
+  left: -3px;
+  -webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,.3);
+  box-shadow: 0px 1px 1px 1px rgba(0,0,0,.3);
+  -webkit-transition: left .3s ease;
+  -o-transition: left .3s ease;
+  transition: left .3s ease;
+}
+input[type=checkbox].ace.ace-switch:checked + .lbl::before {
+  text-indent: 8px;
+  color: #FFF;
+  text-shadow: 0 0 0 #FFF;
+  background-color: #8ab2c9;
+  border-color: #6a8ca8;
+}
+input[type=checkbox].ace.ace-switch:checked + .lbl::after {
+  left: 34px;
+  background-color: #FFF;
+  color: #98A0A5;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-2 + .lbl::before {
+  content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
+}
+input[type=checkbox].ace.ace-switch.ace-switch-3 + .lbl::after {
+  font-family: FontAwesome;
+  font-size: 13px;
+  line-height: 22px;
+  content: "\f00d";
+  top: -1px;
+  text-shadow: none;
+  padding: 0;
+  text-align: center;
+  color: #BBB;
+  letter-spacing: 0;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-3:checked + .lbl::after {
+  content: "\f00c";
+  color: #8AB2C9;
+  text-shadow: none;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-4,
+input[type=checkbox].ace.ace-switch.ace-switch-5 {
+  width: 60px;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::before,
+input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before {
+  content: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
+  font-size: 12px;
+  line-height: 21px;
+  height: 24px;
+  overflow: hidden;
+  border-radius: 12px;
+  background-color: #8b9aa3;
+  border: 1px solid #8b9aa3;
+  color: #FFF;
+  width: 56px;
+  text-indent: -25px;
+  text-shadow: 0 0 0 #FFF;
+  display: inline-block;
+  position: relative;
+  box-shadow: none;
+  -webkit-transition: all .3s ease;
+  -o-transition: all .3s ease;
+  transition: all .3s ease;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::after,
+input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::after {
+  content: 'III';
+  font-size: 11px;
+  position: absolute;
+  top: 2px;
+  left: 2px;
+  letter-spacing: 0;
+  width: 20px;
+  height: 20px;
+  line-height: 19px;
+  text-shadow: none !important;
+  color: #939393;
+  background-color: #FFF;
+  -webkit-transition: all .3s ease;
+  -o-transition: all .3s ease;
+  transition: all .3s ease;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl::before,
+input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::before {
+  text-indent: 9px;
+  background-color: #468fcc;
+  border-color: #468FCC;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl::after,
+input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::after {
+  left: 34px;
+  background-color: #FFF;
+  color: #848484;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before {
+  content: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
+}
+input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::before {
+  text-indent: 8px;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl {
+  position: relative;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl::before {
+  font-family: FontAwesome;
+  content: "\f00d";
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  box-shadow: none;
+  border-width: 0;
+  font-weight: lighter;
+  font-size: 16px;
+  border-radius: 12px;
+  display: inline-block;
+  background-color: #888;
+  color: #F2F2F2;
+  width: 52px;
+  height: 22px;
+  line-height: 21px;
+  text-indent: 32px;
+  -webkit-transition: background 0.1s ease;
+  -o-transition: background 0.1s ease;
+  transition: background 0.1s ease;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-6 + .lbl::after {
+  content: '';
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  position: absolute;
+  top: 2px;
+  left: 3px;
+  border-radius: 12px;
+  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  width: 18px;
+  height: 18px;
+  text-align: center;
+  background-color: #F2F2F2;
+  border: 4px solid #F2F2F2;
+  -webkit-transition: left 0.2s ease;
+  -o-transition: left 0.2s ease;
+  transition: left 0.2s ease;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-6:checked + .lbl::before {
+  content: "\f00c";
+  text-indent: 6px;
+  color: #FFF;
+  border-color: #b7d3e5;
+  background-color: #ff893c;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-6:checked + .lbl::after {
+  left: 32px;
+  background-color: #FFF;
+  border: 4px solid #FFF;
+  text-shadow: 0 -1px 0 rgba(0, 200, 0, 0.25);
+}
+input[type=checkbox].ace.ace-switch.ace-switch-7 {
+  width: 75px;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-7 + .lbl {
+  position: relative;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-7 + .lbl::before {
+  content: "OFF\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0ON";
+  font-weight: bolder;
+  font-size: 13px;
+  line-height: 20px;
+  background-color: #FFF;
+  border: 2px solid #AAA;
+  border-radius: 0;
+  box-shadow: none;
+  color: #AAA;
+  width: 74px;
+  height: 26px;
+  line-height: 22px;
+  overflow: hidden;
+  text-indent: 5px;
+  display: inline-block;
+  position: relative;
+  -webkit-transition: all 0.2s ease;
+  -o-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-7 + .lbl::after {
+  content: '\f00d';
+  font-family: FontAwesome;
+  font-size: 16px;
+  position: absolute;
+  top: 3px;
+  left: 39px;
+  width: 32px;
+  height: 20px;
+  line-height: 18px;
+  text-align: center;
+  padding: 0;
+  text-indent: 0;
+  background-color: #AAA;
+  color: #FFF;
+  border-radius: 0;
+  box-shadow: none;
+  -webkit-transition: all 0.2s ease-in-out;
+  -o-transition: all 0.2s ease-in-out;
+  transition: all 0.2s ease-in-out;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-7:checked + .lbl::before {
+  color: #468fcc;
+  background-color: #FFF;
+  text-indent: -28px;
+  border-color: #6fb3e0;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-7:checked + .lbl::after {
+  left: 3px;
+  content: '\f00c';
+  background-color: #468fcc;
+  color: #FFF;
+}
+input[type=checkbox].ace.ace-switch + .lbl[data-lbl]::before {
+  content: attr(data-lbl);
+}
+input[type=checkbox].ace.ace-switch.btn-empty + .lbl::after {
+  content: "";
+}
+input[type=checkbox].ace.ace-switch.btn-rotate + .lbl::after {
+  content: "\2261";
+  line-height: 20px;
+  font-size: 17px;
+}
+input[type=checkbox].ace.ace-switch-4.btn-rotate + .lbl::after,
+input[type=checkbox].ace.ace-switch-5.btn-rotate + .lbl::after {
+  line-height: 17px;
+}
+input[type=checkbox].ace.ace-switch.btn-flat + .lbl::before,
+input[type=checkbox].ace.ace-switch.btn-flat + .lbl::after {
+  border-radius: 0 !important;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-4 + .lbl::before,
+input[type=checkbox].ace.ace-switch.ace-switch-5 + .lbl::before {
+  text-indent: -24px;
+}
+input[type=checkbox].ace.ace-switch.ace-switch-4:checked + .lbl::before,
+input[type=checkbox].ace.ace-switch.ace-switch-5:checked + .lbl::before {
+  text-indent: 7px;
+}
+input.ace + .lbl.padding-16::before {
+  margin-right: 16px;
+}
+input.ace + .lbl.padding-14::before {
+  margin-right: 14px;
+}
+input.ace + .lbl.padding-12::before {
+  margin-right: 12px;
+}
+input.ace + .lbl.padding-10::before {
+  margin-right: 10px;
+}
+input.ace + .lbl.padding-8::before {
+  margin-right: 8px;
+}
+input.ace + .lbl.padding-6::before {
+  margin-right: 6px;
+}
+input.ace + .lbl.padding-4::before {
+  margin-right: 4px;
+}
+input.ace + .lbl.padding-2::before {
+  margin-right: 2px;
+}
+input.ace + .lbl.padding-0::before {
+  margin-right: 0px;
+}
+.ace-file-input {
+  display: block;
+  font-size: inherit;
+  position: relative;
+  height: 30px;
+}
+.ace-file-input input[type=file] {
+  position: absolute;
+  z-index: -999;
+  width: 1px;
+  height: 1px;
+  overflow: hidden;
+  opacity: 0;
+  filter: alpha(opacity=0);
+}
+.ace-file-input input[type=file]:focus {
+  outline: none;
+}
+.ace-file-input .ace-file-container {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  height: 30px;
+  background-color: #ffffff;
+  border: 1px solid #d5d5d5;
+  cursor: pointer;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  -webkit-transition: all 0.15s;
+  -o-transition: all 0.15s;
+  transition: all 0.15s;
+}
+.ace-file-input .ace-file-container:hover {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-color: #f59942;
+}
+.ace-file-input .ace-file-container:before {
+  display: inline-block;
+  content: attr(data-title);
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  line-height: 24px;
+  text-align: center;
+  padding: 0 8px;
+  background-color: #6fb3e0;
+  color: #FFF;
+  font-size: 11px;
+  font-weight: bold;
+  border: 2px solid #FFF;
+  border-left-width: 4px;
+  -webkit-transition: all 0.3s;
+  -o-transition: all 0.3s;
+  transition: all 0.3s;
+}
+.ace-file-input .ace-file-container .ace-file-name {
+  display: inline-block;
+  height: 28px;
+  max-width: 80%;
+  white-space: nowrap;
+  overflow: hidden;
+  line-height: 28px;
+  color: #888888;
+  font-size: 13px;
+  vertical-align: top;
+  position: static;
+  padding-left: 30px;
+}
+.ace-file-input .ace-file-container .ace-file-name:after {
+  display: inline-block;
+  content: attr(data-title);
+}
+.ace-file-input .ace-file-container.selected {
+  right: 16px;
+}
+.ace-file-input .ace-file-container.selected .ace-file-name {
+  color: #666666;
+}
+.ace-file-input .ace-file-container .ace-icon {
+  display: inline-block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  line-height: 24px;
+  width: 26px;
+  text-align: center;
+  font-family: FontAwesome;
+  font-size: 13px;
+  border: 2px solid #FFF;
+  color: #FFF;
+  -webkit-transition: all 0.1s;
+  -o-transition: all 0.1s;
+  transition: all 0.1s;
+  background-color: #d1d1d1;
+}
+.ace-file-input .ace-file-container.selected .ace-file-name .ace-icon {
+  background-color: #efad62;
+}
+.ace-file-input .ace-file-container.selected .ace-file-name .file-image {
+  background-color: #bd7a9d;
+}
+.ace-file-input .ace-file-container.selected .ace-file-name .file-video {
+  background-color: #87b87f;
+}
+.ace-file-input .ace-file-container.selected .ace-file-name .file-audio {
+  background-color: #8b7ac9;
+}
+.ace-file-input .ace-file-container.selected .ace-file-name .file-archive {
+  background-color: #efad62;
+}
+.ace-file-input .ace-file-container.hide-placeholder:before {
+  display: none;
+}
+.ace-file-input a:hover {
+  text-decoration: none;
+}
+.ace-file-input .remove {
+  position: absolute;
+  right: -8px;
+  top: 6px;
+  display: none;
+  width: 17px;
+  text-align: center;
+  height: 17px;
+  line-height: 15px;
+  font-size: 11px;
+  font-weight: normal;
+  background-color: #fb7142;
+  border-radius: 100%;
+  color: #FFF;
+  text-decoration: none;
+}
+.ace-file-input .ace-file-container.selected + .remove {
+  display: inline-block;
+}
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  .ace-file-input input[type=file] {
+    position: absolute;
+    width: 0;
+    height: 0;
+  }
+}
+.ace-file-input input[type=file].disabled + .ace-file-container,
+.ace-file-input input[type=file][disabled] + .ace-file-container,
+.ace-file-input input[type=file][readonly] + .ace-file-container {
+  cursor: not-allowed;
+  background-color: #EEE;
+}
+.ace-file-input input[type=file].disabled + .ace-file-container:hover,
+.ace-file-input input[type=file][disabled] + .ace-file-container:hover,
+.ace-file-input input[type=file][readonly] + .ace-file-container:hover {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-color: #E3E3E3;
+}
+.ace-file-input input[type=file].disabled + .ace-file-container:before,
+.ace-file-input input[type=file][disabled] + .ace-file-container:before,
+.ace-file-input input[type=file][readonly] + .ace-file-container:before {
+  border-color: #EEE;
+  background-color: #A1AAAF;
+}
+.ace-file-input input[type=file][readonly] + .ace-file-container {
+  cursor: default;
+}
+.ace-file-input .ace-file-overlay {
+  position: absolute;
+  top: -2px;
+  bottom: -2px;
+  left: -2px;
+  right: -10px;
+  z-index: 99;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+.ace-file-input .ace-file-overlay > .overlay-content {
+  display: inline-block;
+  position: relative;
+  top: 10%;
+  left: 0;
+  right: 0;
+  text-align: center;
+}
+.ace-file-multiple {
+  height: auto;
+}
+.ace-file-multiple .ace-file-container {
+  position: relative;
+  height: auto;
+  border: 1px dashed #aaaaaa;
+  border-radius: 4px;
+  text-align: center;
+}
+.ace-file-multiple .ace-file-container:before {
+  display: inline-block;
+  content: attr(data-title);
+  position: relative;
+  right: 0;
+  left: 0;
+  margin: 12px;
+  line-height: 22px;
+  background-color: #FFF;
+  color: #CCC;
+  font-size: 18px;
+  font-weight: bold;
+  border-width: 0;
+}
+.ace-file-multiple .ace-file-container.selected .ace-file-name .ace-icon {
+  display: inline-block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  line-height: 24px;
+  width: 26px;
+  text-align: center;
+  font-family: FontAwesome;
+  font-size: 13px;
+  border: 2px solid #FFF;
+  color: #FFF;
+  -webkit-transition: all 0.1s;
+  -o-transition: all 0.1s;
+  transition: all 0.1s;
+}
+.ace-file-multiple .ace-file-container .ace-file-name {
+  position: relative;
+  display: block;
+  padding: 0;
+  height: auto;
+  width: auto;
+  max-width: 100%;
+  margin: 0 4px;
+  border-bottom: 1px solid #DDD;
+  text-align: left;
+}
+.ace-file-multiple .ace-file-container .ace-file-name:first-child {
+  margin-top: 1px;
+}
+.ace-file-multiple .ace-file-container .ace-file-name:last-child {
+  border-bottom-width: 0;
+  margin-bottom: 1px;
+}
+.ace-file-multiple .ace-file-container .ace-file-name img {
+  padding: 2px;
+  border: 1px solid #D7D7D7;
+  background-color: #FFF;
+  background-repeat: no-repeat;
+  background-position: center;
+  margin: 4px 8px 4px 1px;
+}
+.ace-file-multiple .ace-file-container .ace-file-name:after {
+  display: none;
+}
+.ace-file-multiple .ace-file-container.selected .ace-file-name:after {
+  display: inline-block;
+  white-space: pre;
+}
+.ace-file-multiple .ace-file-container .ace-file-name img + .ace-icon,
+.ace-file-multiple .ace-file-container.selected .ace-file-name img + .ace-icon {
+  display: none;
+}
+.ace-file-multiple .remove {
+  right: -11px;
+  top: -11px;
+  border: 3px solid #BBB;
+  border-radius: 32px;
+  background-color: #FFF;
+  color: red;
+  width: 23px;
+  height: 23px;
+  line-height: 15px;
+}
+.ace-file-multiple .ace-file-container.selected + .remove:hover {
+  border-color: #f4c0b1;
+}
+.ace-file-multiple .ace-file-overlay {
+  position: absolute;
+  top: -12px;
+  bottom: -6px;
+  left: -12px;
+  right: -12px;
+}
+.ace-file-multiple .ace-file-overlay > .overlay-content {
+  top: 20%;
+}
+.ace-file-multiple .ace-file-container .ace-file-name .ace-icon {
+  position: relative;
+  display: block;
+  text-align: center;
+  height: auto;
+  line-height: 64px;
+  width: auto;
+  font-size: 64px;
+  color: #D5D5D5;
+  margin: 4px 0;
+  background-color: transparent;
+}
+.ace-file-multiple .ace-file-container.selected:after {
+  display: none;
+}
+.ace-file-multiple .ace-file-container.selected .ace-file-name .ace-icon {
+  position: relative;
+  margin-right: 4px;
+  margin-left: 2px;
+  line-height: 24px;
+}
+.ace-file-multiple .ace-file-container .ace-file-name.large {
+  text-align: center;
+  border-bottom: 1px solid #222;
+  margin: 0 1px 3px;
+}
+.ace-file-multiple .ace-file-container .ace-file-name.large:last-child {
+  margin: 0 1px;
+}
+.ace-file-multiple .ace-file-container .ace-file-name.large:after {
+  position: absolute;
+  top: auto;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  padding: 0 4px;
+  background-color: #555;
+  color: #FFF;
+  opacity: 0.8;
+  filter: alpha(opacity=80);
+}
+.ace-file-multiple .ace-file-container .ace-file-name.large img {
+  border-width: 0;
+  margin: 0 !important;
+  padding: 0;
+}
+.ace-file-multiple input[type=file].disabled + .ace-file-container:hover,
+.ace-file-multiple input[type=file][disabled] + .ace-file-container:hover,
+.ace-file-multiple input[type=file][readonly] + .ace-file-container:hover {
+  border-color: #AAA;
+}
+.ace-file-multiple input[type=file].disabled + .ace-file-container:before,
+.ace-file-multiple input[type=file][disabled] + .ace-file-container:before,
+.ace-file-multiple input[type=file][readonly] + .ace-file-container:before {
+  background-color: transparent;
+}
+.ace-file-multiple input[type=file].disabled + .ace-file-container .ace-icon,
+.ace-file-multiple input[type=file][disabled] + .ace-file-container .ace-icon,
+.ace-file-multiple input[type=file][readonly] + .ace-file-container .ace-icon {
+  border-color: #EEE;
+}
+.input-group .input-group-addon {
+  border-radius: 0 !important;
+}
+.form-group.has-success .input-group .input-group-addon {
+  border-color: #9cc573;
+}
+.form-group.has-error .input-group .input-group-addon {
+  border-color: #f2a696;
+}
+.form-group.has-warning .input-group .input-group-addon {
+  border-color: #e3c94c;
+}
+.form-group.has-info .input-group .input-group-addon {
+  border-color: #72aec2;
+}
+.input-group > .btn {
+  line-height: 20px;
+  padding: 0 6px;
+  border-radius: 0 !important;
+}
+.input-group > .btn.btn-sm {
+  line-height: 22px;
+}
+.input-group > .btn + .btn {
+  margin-left: 1px;
+}
+.input-group > .btn-group > .btn {
+  line-height: 23px;
+}
+.input-group > .btn-group > .btn.btn-sm {
+  line-height: 26px;
+}
+.input-group > .btn > .caret,
+.input-group > .btn-group > .btn > .caret,
+.input-group > .btn.btn-sm > .caret,
+.input-group > .btn-group > .btn.btn-sm > .caret {
+  margin-top: 10px;
+}
+.input-group.input-group-compact {
+  width: 1px;
+}
+.form-group select,
+.form-group textarea,
+.form-group input[type="text"],
+.form-group input[type="password"],
+.form-group input[type="datetime"],
+.form-group input[type="datetime-local"],
+.form-group input[type="date"],
+.form-group input[type="month"],
+.form-group input[type="time"],
+.form-group input[type="week"],
+.form-group input[type="number"],
+.form-group input[type="email"],
+.form-group input[type="url"],
+.form-group input[type="search"],
+.form-group input[type="tel"],
+.form-group input[type="color"] {
+  background: #FFF;
+}
+.form-group.has-success input,
+.form-group.has-success select,
+.form-group.has-success textarea {
+  border-color: #9cc573;
+  color: #8bad4c;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.form-group.has-success input:focus,
+.form-group.has-success select:focus,
+.form-group.has-success textarea:focus {
+  -webkit-box-shadow: 0px 0px 0px 2px rgba(130, 188, 58, 0.3);
+  box-shadow: 0px 0px 0px 2px rgba(130, 188, 58, 0.3);
+  color: #6f8a3c;
+  border-color: #779c52;
+  background-color: #f4f9f0;
+}
+.form-group.has-success input:focus + .ace-icon,
+.form-group.has-success select:focus + .ace-icon,
+.form-group.has-success textarea:focus + .ace-icon {
+  color: #8bad4c;
+}
+.form-group.has-success .ace-icon {
+  color: #8bad4c;
+}
+.form-group.has-success .btn .ace-icon {
+  color: inherit;
+}
+.form-group.has-success .control-label,
+.form-group.has-success .help-block,
+.form-group.has-success .help-inline {
+  color: #7ba065;
+}
+.form-group.has-info input,
+.form-group.has-info select,
+.form-group.has-info textarea {
+  border-color: #72aec2;
+  color: #4b89aa;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.form-group.has-info input:focus,
+.form-group.has-info select:focus,
+.form-group.has-info textarea:focus {
+  -webkit-box-shadow: 0px 0px 0px 2px rgba(58, 120, 188, 0.3);
+  box-shadow: 0px 0px 0px 2px rgba(58, 120, 188, 0.3);
+  color: #3b6c87;
+  border-color: #488ea5;
+  background-color: #f1f7f9;
+}
+.form-group.has-info input:focus + .ace-icon,
+.form-group.has-info select:focus + .ace-icon,
+.form-group.has-info textarea:focus + .ace-icon {
+  color: #4b89aa;
+}
+.form-group.has-info .ace-icon {
+  color: #4b89aa;
+}
+.form-group.has-info .btn .ace-icon {
+  color: inherit;
+}
+.form-group.has-info .control-label,
+.form-group.has-info .help-block,
+.form-group.has-info .help-inline {
+  color: #657ba0;
+}
+.form-group.has-error input,
+.form-group.has-error select,
+.form-group.has-error textarea {
+  border-color: #f2a696;
+  color: #d68273;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.form-group.has-error input:focus,
+.form-group.has-error select:focus,
+.form-group.has-error textarea:focus {
+  -webkit-box-shadow: 0px 0px 0px 2px rgba(219, 137, 120, 0.3);
+  box-shadow: 0px 0px 0px 2px rgba(219, 137, 120, 0.3);
+  color: #ca5f4c;
+  border-color: #d77b68;
+  background-color: #fef9f8;
+}
+.form-group.has-error input:focus + .ace-icon,
+.form-group.has-error select:focus + .ace-icon,
+.form-group.has-error textarea:focus + .ace-icon {
+  color: #d68273;
+}
+.form-group.has-error .ace-icon {
+  color: #d68273;
+}
+.form-group.has-error .btn .ace-icon {
+  color: inherit;
+}
+.form-group.has-error .control-label,
+.form-group.has-error .help-block,
+.form-group.has-error .help-inline {
+  color: #d16e6c;
+}
+.form-group.has-warning input,
+.form-group.has-warning select,
+.form-group.has-warning textarea {
+  border-color: #e3c94c;
+  color: #d3bd50;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.form-group.has-warning input:focus,
+.form-group.has-warning select:focus,
+.form-group.has-warning textarea:focus {
+  -webkit-box-shadow: 0px 0px 0px 2px rgba(216, 188, 65, 0.3);
+  box-shadow: 0px 0px 0px 2px rgba(216, 188, 65, 0.3);
+  color: #c0a830;
+  border-color: #d5b630;
+  background-color: #fdfbf3;
+}
+.form-group.has-warning input:focus + .ace-icon,
+.form-group.has-warning select:focus + .ace-icon,
+.form-group.has-warning textarea:focus + .ace-icon {
+  color: #d3bd50;
+}
+.form-group.has-warning .ace-icon {
+  color: #d3bd50;
+}
+.form-group.has-warning .btn .ace-icon {
+  color: inherit;
+}
+.form-group.has-warning .control-label,
+.form-group.has-warning .help-block,
+.form-group.has-warning .help-inline {
+  color: #d19d59;
+}
+.form-group input[disabled],
+.form-group input:disabled {
+  color: #848484 !important;
+  background-color: #eeeeee !important;
+}
+@media only screen and (max-width: 767px) {
+  .help-inline,
+  .input-icon + .help-inline {
+    padding-left: 0;
+    display: block !important;
+  }
+}
+.tab-content {
+  border: 1px solid #c5d0dc;
+  padding: 16px 12px;
+  position: relative;
+}
+.tab-content.no-padding {
+  padding: 0;
+}
+.tab-content.no-border {
+  border: none;
+  padding: 12px;
+}
+.tab-content.padding-32 {
+  padding: 32px 24px;
+}
+.tab-content.no-border.padding-32 {
+  padding: 32px;
+}
+.tab-content.padding-30 {
+  padding: 30px 23px;
+}
+.tab-content.no-border.padding-30 {
+  padding: 30px;
+}
+.tab-content.padding-28 {
+  padding: 28px 21px;
+}
+.tab-content.no-border.padding-28 {
+  padding: 28px;
+}
+.tab-content.padding-26 {
+  padding: 26px 20px;
+}
+.tab-content.no-border.padding-26 {
+  padding: 26px;
+}
+.tab-content.padding-24 {
+  padding: 24px 18px;
+}
+.tab-content.no-border.padding-24 {
+  padding: 24px;
+}
+.tab-content.padding-22 {
+  padding: 22px 17px;
+}
+.tab-content.no-border.padding-22 {
+  padding: 22px;
+}
+.tab-content.padding-20 {
+  padding: 20px 15px;
+}
+.tab-content.no-border.padding-20 {
+  padding: 20px;
+}
+.tab-content.padding-18 {
+  padding: 18px 14px;
+}
+.tab-content.no-border.padding-18 {
+  padding: 18px;
+}
+.tab-content.padding-16 {
+  padding: 16px 12px;
+}
+.tab-content.no-border.padding-16 {
+  padding: 16px;
+}
+.tab-content.padding-14 {
+  padding: 14px 11px;
+}
+.tab-content.no-border.padding-14 {
+  padding: 14px;
+}
+.tab-content.padding-12 {
+  padding: 12px 9px;
+}
+.tab-content.no-border.padding-12 {
+  padding: 12px;
+}
+.tab-content.padding-10 {
+  padding: 10px 8px;
+}
+.tab-content.no-border.padding-10 {
+  padding: 10px;
+}
+.tab-content.padding-8 {
+  padding: 8px 6px;
+}
+.tab-content.no-border.padding-8 {
+  padding: 8px;
+}
+.tab-content.padding-6 {
+  padding: 6px 5px;
+}
+.tab-content.no-border.padding-6 {
+  padding: 6px;
+}
+.tab-content.padding-4 {
+  padding: 4px 3px;
+}
+.tab-content.no-border.padding-4 {
+  padding: 4px;
+}
+.tab-content.padding-2 {
+  padding: 2px 2px;
+}
+.tab-content.no-border.padding-2 {
+  padding: 2px;
+}
+.tab-content.padding-0 {
+  padding: 0px 0px;
+}
+.tab-content.no-border.padding-0 {
+  padding: 0px;
+}
+.nav.nav-tabs.padding-32 {
+  padding-left: 32px;
+}
+.tabs-right > .nav.nav-tabs.padding-32,
+.tabs-left > .nav.nav-tabs.padding-32 {
+  padding-left: 0;
+  padding-top: 32px;
+}
+.nav.nav-tabs.padding-30 {
+  padding-left: 30px;
+}
+.tabs-right > .nav.nav-tabs.padding-30,
+.tabs-left > .nav.nav-tabs.padding-30 {
+  padding-left: 0;
+  padding-top: 30px;
+}
+.nav.nav-tabs.padding-28 {
+  padding-left: 28px;
+}
+.tabs-right > .nav.nav-tabs.padding-28,
+.tabs-left > .nav.nav-tabs.padding-28 {
+  padding-left: 0;
+  padding-top: 28px;
+}
+.nav.nav-tabs.padding-26 {
+  padding-left: 26px;
+}
+.tabs-right > .nav.nav-tabs.padding-26,
+.tabs-left > .nav.nav-tabs.padding-26 {
+  padding-left: 0;
+  padding-top: 26px;
+}
+.nav.nav-tabs.padding-24 {
+  padding-left: 24px;
+}
+.tabs-right > .nav.nav-tabs.padding-24,
+.tabs-left > .nav.nav-tabs.padding-24 {
+  padding-left: 0;
+  padding-top: 24px;
+}
+.nav.nav-tabs.padding-22 {
+  padding-left: 22px;
+}
+.tabs-right > .nav.nav-tabs.padding-22,
+.tabs-left > .nav.nav-tabs.padding-22 {
+  padding-left: 0;
+  padding-top: 22px;
+}
+.nav.nav-tabs.padding-20 {
+  padding-left: 20px;
+}
+.tabs-right > .nav.nav-tabs.padding-20,
+.tabs-left > .nav.nav-tabs.padding-20 {
+  padding-left: 0;
+  padding-top: 20px;
+}
+.nav.nav-tabs.padding-18 {
+  padding-left: 18px;
+}
+.tabs-right > .nav.nav-tabs.padding-18,
+.tabs-left > .nav.nav-tabs.padding-18 {
+  padding-left: 0;
+  padding-top: 18px;
+}
+.nav.nav-tabs.padding-16 {
+  padding-left: 16px;
+}
+.tabs-right > .nav.nav-tabs.padding-16,
+.tabs-left > .nav.nav-tabs.padding-16 {
+  padding-left: 0;
+  padding-top: 16px;
+}
+.nav.nav-tabs.padding-14 {
+  padding-left: 14px;
+}
+.tabs-right > .nav.nav-tabs.padding-14,
+.tabs-left > .nav.nav-tabs.padding-14 {
+  padding-left: 0;
+  padding-top: 14px;
+}
+.nav.nav-tabs.padding-12 {
+  padding-left: 12px;
+}
+.tabs-right > .nav.nav-tabs.padding-12,
+.tabs-left > .nav.nav-tabs.padding-12 {
+  padding-left: 0;
+  padding-top: 12px;
+}
+.nav.nav-tabs.padding-10 {
+  padding-left: 10px;
+}
+.tabs-right > .nav.nav-tabs.padding-10,
+.tabs-left > .nav.nav-tabs.padding-10 {
+  padding-left: 0;
+  padding-top: 10px;
+}
+.nav.nav-tabs.padding-8 {
+  padding-left: 8px;
+}
+.tabs-right > .nav.nav-tabs.padding-8,
+.tabs-left > .nav.nav-tabs.padding-8 {
+  padding-left: 0;
+  padding-top: 8px;
+}
+.nav.nav-tabs.padding-6 {
+  padding-left: 6px;
+}
+.tabs-right > .nav.nav-tabs.padding-6,
+.tabs-left > .nav.nav-tabs.padding-6 {
+  padding-left: 0;
+  padding-top: 6px;
+}
+.nav.nav-tabs.padding-4 {
+  padding-left: 4px;
+}
+.tabs-right > .nav.nav-tabs.padding-4,
+.tabs-left > .nav.nav-tabs.padding-4 {
+  padding-left: 0;
+  padding-top: 4px;
+}
+.nav.nav-tabs.padding-2 {
+  padding-left: 2px;
+}
+.tabs-right > .nav.nav-tabs.padding-2,
+.tabs-left > .nav.nav-tabs.padding-2 {
+  padding-left: 0;
+  padding-top: 2px;
+}
+.nav-tabs {
+  border-color: #C5D0DC;
+  margin-bottom: 0 !important;
+  margin-left: 0;
+  position: relative;
+  top: 1px;
+}
+.nav-tabs > li > a {
+  padding: 7px 12px 8px;
+}
+.nav-tabs > li > a,
+.nav-tabs > li > a:focus {
+  border-radius: 0 !important;
+  border-color: #c5d0dc;
+  background-color: #F9F9F9;
+  color: #999;
+  margin-right: -1px;
+  line-height: 18px;
+  position: relative;
+}
+.nav-tabs > li > a:hover {
+  background-color: #FFF;
+  color: #4c8fbd;
+  border-color: #c5d0dc;
+}
+.nav-tabs > li > a:active,
+.nav-tabs > li > a:focus {
+  outline: none !important;
+}
+.nav-tabs > li:first-child > a {
+  margin-left: 0;
+}
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:hover,
+.nav-tabs > li.active > a:focus {
+  color: #576373;
+  border-color: #c5d0dc;
+  border-top: 2px solid #4c8fbd;
+  border-bottom-color: transparent;
+  background-color: #FFF;
+  z-index: 1;
+  line-height: 18px;
+  margin-top: -1px;
+  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
+}
+.tabs-below > .nav-tabs {
+  /* tabs below */
+  top: auto;
+  margin-bottom: 0;
+  margin-top: -1px;
+  border-color: #c5d0dc;
+  border-bottom-width: 0;
+}
+.tabs-below > .nav-tabs > li > a,
+.tabs-below > .nav-tabs > li > a:hover,
+.tabs-below > .nav-tabs > li > a:focus {
+  border-color: #c5d0dc;
+}
+.tabs-below > .nav-tabs > li.active > a,
+.tabs-below > .nav-tabs > li.active > a:hover,
+.tabs-below > .nav-tabs > li.active > a:focus {
+  border-color: #c5d0dc;
+  border-top-width: 1px;
+  border-bottom: 2px solid #4c8fbd;
+  border-top-color: transparent;
+  margin-top: 0;
+  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.15);
+}
+.tabs-left > .nav-tabs > li > a,
+.tabs-right > .nav-tabs > li > a {
+  min-width: 60px;
+}
+.tabs-left > .nav-tabs {
+  top: auto;
+  margin-bottom: 0;
+  border-color: #c5d0dc;
+  float: left;
+}
+.tabs-left > .nav-tabs > li {
+  float: none !important;
+}
+.tabs-left > .nav-tabs > li > a,
+.tabs-left > .nav-tabs > li > a:focus,
+.tabs-left > .nav-tabs > li > a:hover {
+  border-color: #c5d0dc;
+  margin: 0 -1px 0 0;
+}
+.tabs-left > .nav-tabs > li.active > a,
+.tabs-left > .nav-tabs > li.active > a:focus,
+.tabs-left > .nav-tabs > li.active > a:hover {
+  border-color: #c5d0dc;
+  border-top-width: 1px;
+  border-left: 2px solid #4c8fbd;
+  border-right-color: transparent;
+  margin: 0 -1px 0 -1px;
+  -webkit-box-shadow: -2px 0 3px 0 rgba(0,0,0,0.15) !important;
+  box-shadow: -2px 0 3px 0 rgba(0,0,0,0.15) !important;
+}
+.tabs-right > .nav-tabs {
+  top: auto;
+  margin-bottom: 0;
+  border-color: #c5d0dc;
+  float: right;
+}
+.tabs-right > .nav-tabs > li {
+  float: none !important;
+}
+.tabs-right > .nav-tabs > li > a,
+.tabs-right > .nav-tabs > li > a:focus,
+.tabs-right > .nav-tabs > li > a:hover {
+  border-color: #c5d0dc;
+  margin: 0 -1px;
+}
+.tabs-right > .nav-tabs > li.active > a,
+.tabs-right > .nav-tabs > li.active > a:focus,
+.tabs-right > .nav-tabs > li.active > a:hover {
+  border-color: #c5d0dc;
+  border-top-width: 1px;
+  border-right: 2px solid #4c8fbd;
+  border-left-color: transparent;
+  margin: 0 -2px 0 -1px;
+  -webkit-box-shadow: 2px 0 3px 0 rgba(0,0,0,0.15);
+  box-shadow: 2px 0 3px 0 rgba(0,0,0,0.15);
+}
+.nav-tabs > li > a > .badge {
+  padding: 1px 5px;
+  line-height: 15px;
+  opacity: 0.75;
+}
+.nav-tabs > li > a > .ace-icon {
+  opacity: 0.75;
+}
+.nav-tabs > li.active > a > .badge,
+.nav-tabs > li.active > a > .ace-icon {
+  opacity: 1;
+}
+.nav-tabs li .ace-icon {
+  width: 1.25em;
+  display: inline-block;
+  text-align: center;
+}
+.nav-tabs > li.open .dropdown-toggle {
+  background-color: #4F99C6;
+  border-color: #4F99C6;
+  color: #FFF;
+}
+.nav-tabs > li.open .dropdown-toggle > .ace-icon {
+  color: #FFF !important;
+}
+.tabs-left .tab-content,
+.tabs-right .tab-content {
+  overflow: auto;
+}
+.nav-pills .open .dropdown-toggle,
+.nav > li.dropdown.open.active > a:hover,
+.nav > li.dropdown.open.active > a:focus {
+  background-color: #4F99C6;
+  border-color: #4F99C6;
+  color: #FFFFFF;
+}
+.nav-pills .open .dropdown-toggle > .ace-icon,
+.nav > li.dropdown.open.active > a:hover > .ace-icon,
+.nav > li.dropdown.open.active > a:focus > .ace-icon {
+  color: #FFF !important;
+}
+/* bigger tab buttons */
+.nav-tabs > li:not(.active):not(.open) > a:not(:hover) > .ace-icon:first-child.disabled {
+  color: #909090 !important;
+}
+/* bigger tab buttons */
+.nav-tabs.tab-size-bigger > li > a {
+  padding-left: 14px;
+  padding-right: 14px;
+}
+.nav-tabs.tab-size-bigger > li > a > .ace-icon:first-child {
+  display: block;
+  margin-bottom: 6px;
+  width: auto;
+}
+.nav-tabs.tab-space-1 > li > a {
+  margin-right: 1px;
+}
+.nav-tabs.tab-space-2 > li > a {
+  margin-right: 2px;
+}
+.nav-tabs.tab-space-3 > li > a {
+  margin-right: 3px;
+}
+.nav-tabs.tab-space-4 > li > a {
+  margin-right: 4px;
+}
+.nav-tabs[class*="tab-color-"] > li > a,
+.nav-tabs[class*="tab-color-"] > li > a:focus,
+.nav-tabs[class*="tab-color-"] > li > a:hover {
+  color: #FFF;
+  border-color: transparent;
+  margin-right: 3px;
+}
+.nav-tabs[class*="tab-color-"] > li > a > .badge {
+  border-radius: 2px;
+}
+.nav-tabs[class*="tab-color-"] > li:not(.active) > a:hover {
+  opacity: 0.85;
+  border-color: rgba(0, 0, 0, 0.15);
+  border-bottom-color: transparent;
+}
+.nav-tabs[class*="tab-color-"] > li:not(.active) > a > .ace-icon:first-child {
+  color: #FFF !important;
+}
+.nav-tabs[class*="tab-color-"] > li:not(.active) > a > .badge {
+  color: rgba(0, 0, 0, 0.4) !important;
+  background-color: #FFF !important;
+  border-radius: 2px;
+}
+.nav-tabs.tab-color-blue > li > a,
+.nav-tabs.tab-color-blue > li > a:focus {
+  background-color: #7db4d8;
+}
+.nav-tabs[class*="tab-color-"] > li.active > a,
+.nav-tabs[class*="tab-color-"] > li.active > a:focus,
+.nav-tabs[class*="tab-color-"] > li.active > a:hover {
+  background-color: #FFF;
+  color: #4f80a0;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+.nav-tabs.tab-color-blue > li.active > a,
+.nav-tabs.tab-color-blue > li.active > a:focus,
+.nav-tabs.tab-color-blue > li.active > a:hover {
+  color: #4c718a;
+  border-color: #7db4d8 #7db4d8 transparent;
+}
+.tabs-below .nav-tabs.tab-color-blue > li.active > a {
+  border-color: transparent #7db4d8 #7db4d8;
+}
+.nav-tabs.tab-color-blue {
+  border-bottom-color: #C5D0DC;
+}
+/* background for tab links */
+.nav-tabs.background-blue {
+  padding-top: 6px;
+  background-color: #EFF3F8;
+  border: 1px solid #C5D0DC;
+}
+.tabs-below .nav-tabs.background-blue {
+  padding-top: 0;
+  padding-bottom: 6px;
+}
+.tabs-below .nav-tabs.tab-color-blue {
+  border-top: none;
+  border-bottom-color: #C5D0DC;
+}
+.accordion-style1.panel-group .panel {
+  border-radius: 0;
+  border-color: #cdd8e3;
+  background-color: #FFF;
+  box-shadow: none;
+}
+.accordion-style1.panel-group .panel:last-child {
+  border-bottom-width: 1px;
+}
+.accordion-style1.panel-group .panel .collapse {
+  background-color: #FFF;
+}
+.accordion-style1.panel-group .panel + .panel {
+  margin-top: 2px;
+}
+.accordion-style1.panel-group .panel-heading + .panel-collapse .panel-body {
+  border-top-color: #cdd8e3 !important;
+}
+.accordion-style1.panel-group .panel-heading {
+  padding: 0;
+}
+.accordion-style1.panel-group .panel-heading .accordion-toggle {
+  color: #4c8fbd;
+  background-color: #eef4f9;
+  position: relative;
+  font-weight: bold;
+  font-size: 13px;
+  line-height: 1;
+  padding: 10px;
+  display: block;
+}
+.accordion-style1.panel-group .panel-heading .accordion-toggle.collapsed {
+  color: #478fca;
+  font-weight: normal;
+  background-color: #F9F9F9;
+}
+.accordion-style1.panel-group .panel-heading .accordion-toggle:hover {
+  color: #6ea6cc;
+  background-color: #f1f8fd;
+  text-decoration: none;
+}
+.accordion-style1.panel-group .panel-heading .accordion-toggle:focus,
+.accordion-style1.panel-group .panel-heading .accordion-toggle:active {
+  outline: none;
+  text-decoration: none;
+}
+.accordion-style1.panel-group .panel-heading .accordion-toggle > .ace-icon:first-child {
+  width: 16px;
+}
+.accordion-style1.panel-group .panel-heading .accordion-toggle:hover > .ace-icon:first-child {
+  text-decoration: none;
+}
+.accordion-style1.panel-group .panel-body,
+.accordion-style1.panel-group .collapse.in > .panel-body {
+  border-top: 1px solid #cdd8e3;
+}
+.accordion-style1.panel-group.no-padding {
+  padding: 0;
+}
+.accordion-style2.panel-group .panel {
+  border-width: 0;
+}
+.accordion-style2.panel-group .panel:last-child {
+  border-bottom-width: 0;
+}
+.accordion-style2.panel-group .panel + .panel {
+  margin-top: 4px;
+}
+.accordion-style2.panel-group .panel .panel-body {
+  border-top: none;
+}
+.accordion-style2.panel-group .panel-heading .accordion-toggle {
+  background-color: #EDF3F7;
+  border: 2px solid #6EAED1;
+  border-width: 0 0 0 2px;
+}
+.accordion-style2.panel-group .panel-heading .accordion-toggle:hover {
+  text-decoration: none;
+}
+.accordion-style2.panel-group .panel-heading .accordion-toggle.collapsed {
+  background-color: #F3F3F3;
+  color: #606060;
+  border-width: 0 0 0 1px;
+  border-color: #D9D9D9;
+}
+.accordion-style2.panel-group .panel-heading .accordion-toggle.collapsed:hover {
+  background-color: #F6F6F6;
+  color: #438EB9;
+  text-decoration: none;
+}
+.accordion-style2.panel-group .panel-body,
+.accordion-style2.panel-group .collapse.in > .panel-body {
+  border-top: none;
+}
+.accordion-style2.panel-group .accordion-style2.panel-group .panel {
+  border-bottom: 1px dotted #D9D9D9;
+}
+.accordion-style2.panel-group .accordion-style2.panel-group .panel:last-child {
+  border-bottom: none;
+}
+.accordion-style2.panel-group .accordion-style2.panel-group .panel .panel-heading,
+.accordion-style2.panel-group .accordion-style2.panel-group .panel .panel-heading .accordion-toggle {
+  background-color: transparent;
+  border-width: 0;
+  font-size: 13px;
+  padding-top: 6px;
+  padding-bottom: 8px;
+}
+.accordion-style2.panel-group .accordion-style2.panel-group .panel .panel-heading {
+  padding-top: 0;
+  padding-bottom: 0;
+}
+/* tables */
+th,
+td,
+.table-bordered {
+  border-radius: 0 !important;
+}
+.table > thead > tr {
+  color: #707070;
+  font-weight: normal;
+  background: #F2F2F2;
+  background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
+  background-image: -o-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
+  background-image: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);
+}
+.table > thead > tr > th {
+  border-color: #dddddd;
+  font-weight: bold;
+}
+.table > thead > tr > th .ace-icon:first-child {
+  margin-right: 2px;
+}
+.table > thead > tr > th:first-child {
+  border-left-color: #F1F1F1;
+}
+.table > thead > tr > th:last-child {
+  border-right-color: #F1F1F1;
+}
+.table.table-bordered > thead > tr > th {
+  /* border-color: @table-border-color; */
+  vertical-align: middle;
+}
+.table.table-bordered > thead > tr > th:first-child {
+  border-left-color: #dddddd;
+}
+th.center,
+td.center {
+  text-align: center;
+}
+th .lbl,
+td .lbl {
+  margin-bottom: 0;
+}
+th .lbl:only-child,
+td .lbl:only-child {
+  vertical-align: top;
+}
+.table-header {
+  background-color: #307ecc;
+  color: #FFF;
+  font-size: 14px;
+  line-height: 38px;
+  padding-left: 12px;
+  margin-bottom: 1px;
+}
+.table-header .close {
+  margin-right: 8px;
+  margin-top: 0;
+  opacity: 0.45;
+  filter: alpha(opacity=45);
+}
+.table-header .close:hover {
+  opacity: 0.75;
+  filter: alpha(opacity=75);
+}
+.widget-box {
+  padding: 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  margin: 3px 0;
+  border: 1px solid #CCC;
+}
+@media only screen and (max-width: 767px) {
+  .widget-box {
+    margin-top: 7px;
+    margin-bottom: 7px;
+  }
+}
+.widget-header {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  position: relative;
+  min-height: 38px;
+  background: #f7f7f7;
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
+  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
+  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
+  color: #669fc7;
+  border-bottom: 1px solid #DDD;
+  padding-left: 12px;
+}
+.widget-header:before,
+.widget-header:after {
+  content: "";
+  display: table;
+  line-height: 0;
+}
+.widget-header:after {
+  clear: right;
+}
+.widget-box.collapsed > .widget-header {
+  border-bottom-width: 0;
+}
+.collapsed.fullscreen > .widget-header {
+  border-bottom-width: 1px;
+}
+.collapsed > .widget-body {
+  display: none;
+}
+.widget-header-flat {
+  background: #F7F7F7;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+.widget-header-large {
+  min-height: 49px;
+  padding-left: 18px;
+}
+.widget-header-small {
+  min-height: 31px;
+  padding-left: 10px;
+}
+.widget-header > .widget-title {
+  line-height: 36px;
+  padding: 0;
+  margin: 0;
+  display: inline;
+}
+.widget-header > .widget-title > .ace-icon {
+  margin-right: 5px;
+  font-weight: normal;
+  display: inline-block;
+}
+.widget-header-large > .widget-title {
+  line-height: 48px;
+}
+.widget-header-small > .widget-title {
+  line-height: 30px;
+}
+.widget-toolbar {
+  display: inline-block;
+  padding: 0 10px;
+  line-height: 37px;
+  float: right;
+  position: relative;
+}
+.widget-header-large > .widget-toolbar {
+  line-height: 48px;
+}
+.widget-header-small > .widget-toolbar {
+  line-height: 29px;
+}
+.widget-toolbar.no-padding {
+  padding: 0;
+}
+.widget-toolbar.padding-5 {
+  padding: 0 5px;
+}
+.widget-toolbar:before {
+  display: inline-block;
+  content: "";
+  position: absolute;
+  top: 3px;
+  bottom: 3px;
+  left: -1px;
+  border: 1px solid #D9D9D9;
+  border-width: 0 1px 0 0;
+}
+.widget-header-large > .widget-toolbar:before {
+  top: 6px;
+  bottom: 6px;
+}
+[class*="widget-color-"] > .widget-header > .widget-toolbar:before {
+  border-color: #EEE;
+}
+.widget-color-orange > .widget-header > .widget-toolbar:before {
+  border-color: #FEA;
+}
+.widget-color-dark > .widget-header > .widget-toolbar:before {
+  border-color: #222;
+  box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2), inset 1px 0 0 rgba(255, 255, 255, 0.1);
+}
+.widget-toolbar.no-border:before {
+  display: none;
+}
+.widget-toolbar label {
+  display: inline-block;
+  vertical-align: middle;
+  margin-bottom: 0;
+}
+.widget-toolbar > a,
+.widget-toolbar > .widget-menu > a {
+  font-size: 14px;
+  margin: 0 1px;
+  display: inline-block;
+  padding: 0;
+  line-height: 24px;
+}
+.widget-toolbar > a:hover,
+.widget-toolbar > .widget-menu > a:hover {
+  text-decoration: none;
+}
+.widget-header-large > .widget-toolbar > a,
+.widget-header-large > .widget-toolbar > .widget-menu > a {
+  font-size: 15px;
+  margin: 0 1px;
+}
+.widget-toolbar > .btn {
+  line-height: 27px;
+  margin-top: -2px;
+}
+.widget-toolbar > .btn.smaller {
+  line-height: 26px;
+}
+.widget-toolbar > .btn.bigger {
+  line-height: 28px;
+}
+.widget-toolbar > .btn-sm {
+  line-height: 24px;
+}
+.widget-toolbar > .btn-sm.smaller {
+  line-height: 23px;
+}
+.widget-toolbar > .btn-sm.bigger {
+  line-height: 25px;
+}
+.widget-toolbar > .btn-xs {
+  line-height: 22px;
+}
+.widget-toolbar > .btn-xs.smaller {
+  line-height: 21px;
+}
+.widget-toolbar > .btn-xs.bigger {
+  line-height: 23px;
+}
+.widget-toolbar > .btn-minier {
+  line-height: 18px;
+}
+.widget-toolbar > .btn-minier.smaller {
+  line-height: 17px;
+}
+.widget-toolbar > .btn-minier.bigger {
+  line-height: 19px;
+}
+.widget-toolbar > .btn-lg {
+  line-height: 36px;
+}
+.widget-toolbar > .btn-lg.smaller {
+  line-height: 34px;
+}
+.widget-toolbar > .btn-lg.bigger {
+  line-height: 38px;
+}
+.widget-toolbar-dark {
+  background: #444;
+}
+.widget-toolbar-light {
+  background: rgba(255, 255, 255, 0.85);
+}
+.widget-toolbar > .widget-menu {
+  display: inline-block;
+  position: relative;
+}
+.widget-toolbar > a[data-action],
+.widget-toolbar > .widget-menu > a[data-action] {
+  -webkit-transition: transform 0.1s;
+  -o-transition: transform 0.1s;
+  transition: transform 0.1s;
+}
+.widget-toolbar > a[data-action] > .ace-icon,
+.widget-toolbar > .widget-menu > a[data-action] > .ace-icon {
+  margin-right: 0;
+}
+.widget-toolbar > a[data-action]:focus,
+.widget-toolbar > .widget-menu > a[data-action]:focus {
+  text-decoration: none;
+  outline: none;
+}
+.widget-toolbar > a[data-action]:hover,
+.widget-toolbar > .widget-menu > a[data-action]:hover {
+  -moz-transform: scale(1.2);
+  -webkit-transform: scale(1.2);
+  -o-transform: scale(1.2);
+  -ms-transform: scale(1.2);
+  transform: scale(1.2);
+}
+.widget-body {
+  background-color: #FFF;
+}
+.widget-main {
+  padding: 12px;
+}
+.widget-main.padding-32 {
+  padding: 32px;
+}
+.widget-main.padding-30 {
+  padding: 30px;
+}
+.widget-main.padding-28 {
+  padding: 28px;
+}
+.widget-main.padding-26 {
+  padding: 26px;
+}
+.widget-main.padding-24 {
+  padding: 24px;
+}
+.widget-main.padding-22 {
+  padding: 22px;
+}
+.widget-main.padding-20 {
+  padding: 20px;
+}
+.widget-main.padding-18 {
+  padding: 18px;
+}
+.widget-main.padding-16 {
+  padding: 16px;
+}
+.widget-main.padding-14 {
+  padding: 14px;
+}
+.widget-main.padding-12 {
+  padding: 12px;
+}
+.widget-main.padding-10 {
+  padding: 10px;
+}
+.widget-main.padding-8 {
+  padding: 8px;
+}
+.widget-main.padding-6 {
+  padding: 6px;
+}
+.widget-main.padding-4 {
+  padding: 4px;
+}
+.widget-main.padding-2 {
+  padding: 2px;
+}
+.widget-main.padding-0 {
+  padding: 0px;
+}
+.widget-main.no-padding {
+  padding: 0;
+}
+.widget-toolbar .progress {
+  vertical-align: middle;
+  display: inline-block;
+  margin: 0;
+}
+.widget-toolbar > .dropdown,
+.widget-toolbar > .dropup {
+  display: inline-block;
+}
+.widget-box > .widget-header > .widget-toolbar > [data-action="settings"],
+.widget-color-dark > .widget-header > .widget-toolbar > [data-action="settings"],
+.widget-box > .widget-header > .widget-toolbar > .widget-menu > [data-action="settings"],
+.widget-color-dark > .widget-header > .widget-toolbar > .widget-menu > [data-action="settings"] {
+  color: #99CADB;
+}
+.widget-box > .widget-header > .widget-toolbar > [data-action="reload"],
+.widget-color-dark > .widget-header > .widget-toolbar > [data-action="reload"],
+.widget-box > .widget-header > .widget-toolbar > .widget-menu > [data-action="reload"],
+.widget-color-dark > .widget-header > .widget-toolbar > .widget-menu > [data-action="reload"] {
+  color: #ACD392;
+}
+.widget-box > .widget-header > .widget-toolbar > [data-action="collapse"],
+.widget-color-dark > .widget-header > .widget-toolbar > [data-action="collapse"],
+.widget-box > .widget-header > .widget-toolbar > .widget-menu > [data-action="collapse"],
+.widget-color-dark > .widget-header > .widget-toolbar > .widget-menu > [data-action="collapse"] {
+  color: #AAA;
+}
+.widget-box > .widget-header > .widget-toolbar > [data-action="close"],
+.widget-color-dark > .widget-header > .widget-toolbar > [data-action="close"],
+.widget-box > .widget-header > .widget-toolbar > .widget-menu > [data-action="close"],
+.widget-color-dark > .widget-header > .widget-toolbar > .widget-menu > [data-action="close"] {
+  color: #E09E96;
+}
+.widget-box[class*="widget-color-"] > .widget-header {
+  color: #FFF;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+.widget-color-blue {
+  border-color: #307ecc;
+}
+.widget-color-blue > .widget-header {
+  background: #307ecc;
+  border-color: #307ecc;
+}
+.widget-color-blue2 {
+  border-color: #5090c1;
+}
+.widget-color-blue2 > .widget-header {
+  background: #5090c1;
+  border-color: #5090c1;
+}
+.widget-color-blue3 {
+  border-color: #6379aa;
+}
+.widget-color-blue3 > .widget-header {
+  background: #6379aa;
+  border-color: #6379aa;
+}
+.widget-color-green {
+  border-color: #82af6f;
+}
+.widget-color-green > .widget-header {
+  background: #82af6f;
+  border-color: #82af6f;
+}
+.widget-color-green2 {
+  border-color: #2e8965;
+}
+.widget-color-green2 > .widget-header {
+  background: #2e8965;
+  border-color: #2e8965;
+}
+.widget-color-green3 {
+  border-color: #4ebc30;
+}
+.widget-color-green3 > .widget-header {
+  background: #4ebc30;
+  border-color: #4ebc30;
+}
+.widget-color-red {
+  border-color: #e2755f;
+}
+.widget-color-red > .widget-header {
+  background: #e2755f;
+  border-color: #e2755f;
+}
+.widget-color-red2 {
+  border-color: #e04141;
+}
+.widget-color-red2 > .widget-header {
+  background: #e04141;
+  border-color: #e04141;
+}
+.widget-color-red3 {
+  border-color: #d15b47;
+}
+.widget-color-red3 > .widget-header {
+  background: #d15b47;
+  border-color: #d15b47;
+}
+.widget-color-purple {
+  border-color: #7e6eb0;
+}
+.widget-color-purple > .widget-header {
+  background: #7e6eb0;
+  border-color: #7e6eb0;
+}
+.widget-color-pink {
+  border-color: #ce6f9e;
+}
+.widget-color-pink > .widget-header {
+  background: #ce6f9e;
+  border-color: #ce6f9e;
+}
+.widget-color-orange {
+  border-color: #e8b10d;
+}
+.widget-color-orange > .widget-header {
+  color: #855d10 !important;
+  border-color: #e8b10d;
+  background: #ffc657;
+}
+.widget-color-dark {
+  border-color: #5a5a5a;
+}
+.widget-color-dark > .widget-header {
+  border-color: #666666;
+  background: #404040;
+}
+.widget-color-grey {
+  border-color: #9e9e9e;
+}
+.widget-color-grey > .widget-header {
+  border-color: #aaaaaa;
+  background: #848484;
+}
+.widget-box.transparent {
+  border-width: 0;
+}
+.widget-box.transparent > .widget-header {
+  background: none;
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  border-width: 0;
+  border-bottom: 1px solid #DCE8F1;
+  color: #4383B4;
+  padding-left: 3px;
+}
+.widget-box.transparent > .widget-header-large {
+  padding-left: 5px;
+}
+.widget-box.transparent > .widget-header-small {
+  padding-left: 1px;
+}
+.widget-box.transparent > .widget-body {
+  border-width: 0;
+  background-color: transparent;
+}
+[class*="widget-color-"] > .widget-header > .widget-toolbar > [data-action],
+[class*="widget-color-"] > .widget-header > .widget-toolbar > .widget-menu > [data-action] {
+  text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
+}
+[class*="widget-color-"] > .widget-header > .widget-toolbar > [data-action="settings"],
+[class*="widget-color-"] > .widget-header > .widget-toolbar > .widget-menu > [data-action="settings"] {
+  color: #D3E4ED;
+}
+[class*="widget-color-"] > .widget-header > .widget-toolbar > [data-action="reload"],
+[class*="widget-color-"] > .widget-header > .widget-toolbar > .widget-menu > [data-action="reload"] {
+  color: #DEEAD3;
+}
+[class*="widget-color-"] > .widget-header > .widget-toolbar > [data-action="collapse"],
+[class*="widget-color-"] > .widget-header > .widget-toolbar > .widget-menu > [data-action="collapse"] {
+  color: #E2E2E2;
+}
+[class*="widget-color-"] > .widget-header > .widget-toolbar > [data-action="close"],
+[class*="widget-color-"] > .widget-header > .widget-toolbar > .widget-menu > [data-action="close"] {
+  color: #FFD9D5;
+}
+.widget-color-orange > .widget-header > .widget-toolbar > [data-action],
+.widget-color-orange > .widget-header > .widget-toolbar > .widget-menu > [data-action] {
+  text-shadow: none;
+}
+.widget-color-orange > .widget-header > .widget-toolbar > [data-action="settings"],
+.widget-color-orange > .widget-header > .widget-toolbar > .widget-menu > [data-action="settings"] {
+  color: #559AAB;
+}
+.widget-color-orange > .widget-header > .widget-toolbar > [data-action="reload"],
+.widget-color-orange > .widget-header > .widget-toolbar > .widget-menu > [data-action="reload"] {
+  color: #7CA362;
+}
+.widget-color-orange > .widget-header > .widget-toolbar > [data-action="collapse"],
+.widget-color-orange > .widget-header > .widget-toolbar > .widget-menu > [data-action="collapse"] {
+  color: #777;
+}
+.widget-color-orange > .widget-header > .widget-toolbar > [data-action="close"],
+.widget-color-orange > .widget-header > .widget-toolbar > .widget-menu > [data-action="close"] {
+  color: #A05656;
+}
+.widget-box.light-border[class*="widget-color-"]:not(.fullscreen) {
+  border-width: 0;
+}
+.widget-box.light-border[class*="widget-color-"]:not(.fullscreen) > .widget-header {
+  border: 1px solid;
+  border-color: inherit;
+}
+.widget-box.light-border[class*="widget-color-"]:not(.fullscreen) > .widget-body {
+  border: 1px solid;
+  border-color: #D6D6D6;
+  border-width: 0 1px 1px;
+}
+.widget-box.no-border {
+  border-width: 0;
+}
+.widget-box.fullscreen {
+  position: fixed;
+  margin: 0;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: #FFF;
+  border-width: 3px;
+  z-index: 1040 !important;
+}
+.widget-box.fullscreen:not([class*="widget-color-"]) {
+  border-color: #AAA;
+}
+.widget-body .table {
+  border-top: 1px solid #E5E5E5;
+}
+.widget-body .table thead:first-child tr {
+  background: #FFF;
+}
+[class*="widget-color-"] > .widget-body .table thead:first-child tr {
+  background: #f2f2f2;
+  background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
+  background-image: -o-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
+  background-image: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);
+}
+.widget-body .table.table-bordered thead:first-child > tr {
+  border-top-width: 0;
+}
+.widget-main.no-padding .table {
+  margin-bottom: 0;
+  border-width: 0;
+}
+.widget-main.no-padding .table-bordered th:first-child,
+.widget-main.no-padding .table-bordered td:first-child {
+  border-left-width: 0;
+}
+.transparent > .widget-body .widget-main .table-bordered > thead > tr > th:last-child,
+.widget-main.no-padding .table-bordered > thead > tr > th:last-child,
+.transparent > .widget-body .widget-main .table-bordered > tbody > tr > td:last-child,
+.widget-main.no-padding .table-bordered > tbody > tr > td:last-child,
+.transparent > .widget-body .widget-main .table-bordered > tfoot > tr > td:last-child,
+.widget-main.no-padding .table-bordered > tfoot > tr > td:last-child {
+  border-right-width: 0 !important;
+}
+.transparent > .widget-body .widget-main .table-bordered > tbody > tr:last-child > td,
+.widget-main.no-padding .table-bordered > tbody > tr:last-child > td {
+  border-bottom-width: 0 !important;
+}
+.table-bordered > thead.thin-border-bottom > tr > th,
+.table-bordered > thead.thin-border-bottom > tr > td {
+  border-bottom-width: 1px;
+}
+.widget-body .alert:last-child {
+  margin-bottom: 0;
+}
+.widget-main .tab-content {
+  border-width: 0;
+}
+.widget-toolbar > .nav-tabs {
+  border-bottom-width: 0;
+  margin-bottom: 0;
+  top: auto;
+  margin-top: 3px !important;
+}
+.widget-toolbar > .nav-tabs > li {
+  margin-bottom: auto;
+}
+.widget-toolbar > .nav-tabs > li > a {
+  box-shadow: none;
+  position: relative;
+  top: 1px;
+  margin-top: 1px;
+}
+.widget-toolbar > .nav-tabs > li:not(.active) > a {
+  border-color: transparent;
+  background-color: transparent;
+}
+.widget-toolbar > .nav-tabs > li:not(.active) > a:hover {
+  background-color: transparent;
+}
+.widget-toolbar > .nav-tabs > li.active > a {
+  background-color: #FFF;
+  border-bottom-color: transparent;
+  box-shadow: none;
+  margin-top: auto;
+}
+.widget-header-small > .widget-toolbar > .nav-tabs > li > a {
+  line-height: 16px;
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+.widget-header-small > .widget-toolbar > .nav-tabs > li.active > a {
+  border-top-width: 2px;
+}
+.widget-header-large > .widget-toolbar > .nav-tabs > li > a {
+  line-height: 22px;
+  padding-top: 9px;
+  padding-bottom: 9px;
+  margin-top: 4px;
+}
+.widget-header-large > .widget-toolbar > .nav-tabs > li.active > a {
+  margin-top: 3px;
+}
+[class*="widget-color-"] > .widget-header > .widget-toolbar > .nav-tabs > li > a {
+  border-color: transparent;
+  background-color: transparent;
+  color: #FFF;
+  margin-right: 1px;
+}
+[class*="widget-color-"] > .widget-header > .widget-toolbar > .nav-tabs > li > a:hover {
+  background-color: #FFF;
+  color: #555;
+  border-top-color: #FFF;
+}
+[class*="widget-color-"] > .widget-header > .widget-toolbar > .nav-tabs > li.active > a {
+  background-color: #FFF;
+  color: #555;
+  border-top-width: 1px;
+  margin-top: 0;
+}
+.widget-toolbar > .nav-tabs .widget-color-orange > .widget-header > li > a {
+  color: #855D10;
+}
+.transparent > .widget-header > .widget-toolbar > .nav-tabs > li > a {
+  color: #555;
+  background-color: transparent;
+  border-right: 1px solid transparent;
+  border-left: 1px solid transparent;
+}
+.transparent > .widget-header > .widget-toolbar > .nav-tabs > li.active > a {
+  border-top-color: #4C8FBD;
+  border-right: 1px solid #C5D0DC;
+  border-left: 1px solid #C5D0DC;
+  background-color: #FFF;
+  box-shadow: none;
+}
+.widget-toolbox {
+  background-color: #EEE;
+}
+.widget-toolbox:first-child {
+  padding: 2px;
+  border-bottom: 1px solid #CCC;
+}
+.widget-toolbox:last-child {
+  padding: 2px;
+  border-top: 1px solid #CCC;
+}
+.transparent > .widget-body > .widget-toolbox:last-child {
+  border: none;
+  border-top: 1px solid #CCC;
+}
+.widget-toolbox > .btn-toolbar {
+  margin: 0 !important;
+  padding: 0;
+}
+.widget-toolbox.center {
+  text-align: center;
+}
+.widget-toolbox.toolbox-vertical {
+  border-bottom-width: 0;
+  border-right: 1px solid #D9D9D9;
+  display: table-cell;
+  padding: 6px 4px;
+  vertical-align: top;
+  width: 1px;
+}
+.widget-toolbox.toolbox-vertical + .widget-main {
+  display: table-cell;
+  vertical-align: top;
+}
+.widget-toolbox.padding-16 {
+  padding: 16px;
+}
+.widget-toolbox.padding-14 {
+  padding: 14px;
+}
+.widget-toolbox.padding-12 {
+  padding: 12px;
+}
+.widget-toolbox.padding-10 {
+  padding: 10px;
+}
+.widget-toolbox.padding-8 {
+  padding: 8px;
+}
+.widget-toolbox.padding-6 {
+  padding: 6px;
+}
+.widget-toolbox.padding-4 {
+  padding: 4px;
+}
+.widget-toolbox.padding-2 {
+  padding: 2px;
+}
+.widget-toolbox.padding-0 {
+  padding: 0px;
+}
+.widget-box-overlay {
+  position: absolute;
+  top: -1px;
+  bottom: -1px;
+  right: -1px;
+  left: -1px;
+  z-index: 999;
+  text-align: center;
+  min-height: 100%;
+  background-color: rgba(0, 0, 0, 0.3);
+}
+.widget-box-overlay > .loading-icon {
+  position: relative;
+  top: 20%;
+  left: 0;
+  right: 0;
+  text-align: center;
+}
+.widget-box.collapsed .widget-box-overlay > .loading-icon {
+  top: 10%;
+}
+.widget-box-overlay > .loading-icon.icon-spin {
+  -moz-animation-duration: 1.2s;
+  -webkit-animation-duration: 1.2s;
+  -o-animation-duration: 1.2s;
+  -ms-animation-duration: 1.2s;
+  animation-duration: 1.2s;
+}
+.widget-main > form {
+  margin-bottom: 0;
+}
+.widget-main > form .input-append,
+.widget-main > form .input-prepend {
+  margin-bottom: 0;
+}
+.widget-main.no-padding > form > fieldset,
+.widget-main.padding-0 > form > fieldset {
+  padding: 16px;
+}
+.widget-main.no-padding > form > fieldset + .form-actions,
+.widget-main.padding-0 > form > fieldset + .form-actions {
+  padding: 10px 0 12px;
+}
+.widget-main.no-padding > form > .form-actions,
+.widget-main.padding-0 > form > .form-actions {
+  margin: 0;
+  padding: 10px 12px 12px;
+}
+.widget-placeholder {
+  border: 2px dashed #D9D9D9;
+}
+.tooltip.in {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.tooltip-inner {
+  background-color: #333333;
+  color: #FFF;
+  font-size: 12px;
+  text-shadow: 1px 1px 0 rgba(42, 45, 50, 0.5);
+  border-radius: 0;
+  padding: 5px 9px;
+}
+.tooltip.top .tooltip-arrow {
+  border-bottom-width: 0;
+  border-top-color: #333333;
+  -moz-border-top-colors: #333333;
+}
+.tooltip.right .tooltip-arrow {
+  border-left-width: 0;
+  border-right-color: #333333;
+  -moz-border-right-colors: #333333;
+}
+.tooltip.left .tooltip-arrow {
+  border-right-width: 0;
+  border-left-color: #333333;
+  -moz-border-left-colors: #333333;
+}
+.tooltip.bottom .tooltip-arrow {
+  border-top-width: 0;
+  border-bottom-color: #333333;
+  -moz-border-bottom-colors: #333333;
+}
+.tooltip-error + .tooltip > .tooltip-inner,
+.tooltip.tooltip-error > .tooltip-inner {
+  background-color: #c94d32;
+  text-shadow: 1px 1px 0 rgba(100,60,20,0.3);
+}
+.tooltip-error + .tooltip.top .tooltip-arrow,
+.tooltip.tooltip-error.top .tooltip-arrow {
+  border-top-color: #c94d32;
+  -moz-border-top-colors: #c94d32;
+}
+.tooltip-error + .tooltip.right .tooltip-arrow,
+.tooltip.tooltip-error.right .tooltip-arrow {
+  border-right-color: #c94d32;
+  -moz-border-right-colors: #c94d32;
+}
+.tooltip-error + .tooltip.left .tooltip-arrow,
+.tooltip.tooltip-error.left .tooltip-arrow {
+  border-left-color: #c94d32;
+  -moz-border-left-colors: #c94d32;
+}
+.tooltip-error + .tooltip.bottom .tooltip-arrow,
+.tooltip.tooltip-error.bottom .tooltip-arrow {
+  border-bottom-color: #c94d32;
+  -moz-border-bottom-colors: #c94d32;
+}
+.tooltip-success + .tooltip > .tooltip-inner,
+.tooltip.tooltip-success > .tooltip-inner {
+  background-color: #629b58;
+  text-shadow: 1px 1px 0 rgba(60,100,20,0.3);
+}
+.tooltip-success + .tooltip.top .tooltip-arrow,
+.tooltip.tooltip-success.top .tooltip-arrow {
+  border-top-color: #629b58;
+  -moz-border-top-colors: #629b58;
+}
+.tooltip-success + .tooltip.right .tooltip-arrow,
+.tooltip.tooltip-success.right .tooltip-arrow {
+  border-right-color: #629b58;
+  -moz-border-right-colors: #629b58;
+}
+.tooltip-success + .tooltip.left .tooltip-arrow,
+.tooltip.tooltip-success.left .tooltip-arrow {
+  border-left-color: #629b58;
+  -moz-border-left-colors: #629b58;
+}
+.tooltip-success + .tooltip.bottom .tooltip-arrow,
+.tooltip.tooltip-success.bottom .tooltip-arrow {
+  border-bottom-color: #629b58;
+  -moz-border-bottom-colors: #629b58;
+}
+.tooltip-warning + .tooltip > .tooltip-inner,
+.tooltip.tooltip-warning > .tooltip-inner {
+  background-color: #ed9421;
+  text-shadow: 1px 1px 0 rgba(100,90,10,0.3);
+}
+.tooltip-warning + .tooltip.top .tooltip-arrow,
+.tooltip.tooltip-warning.top .tooltip-arrow {
+  border-top-color: #ed9421;
+  -moz-border-top-colors: #ed9421;
+}
+.tooltip-warning + .tooltip.right .tooltip-arrow,
+.tooltip.tooltip-warning.right .tooltip-arrow {
+  border-right-color: #ed9421;
+  -moz-border-right-colors: #ed9421;
+}
+.tooltip-warning + .tooltip.left .tooltip-arrow,
+.tooltip.tooltip-warning.left .tooltip-arrow {
+  border-left-color: #ed9421;
+  -moz-border-left-colors: #ed9421;
+}
+.tooltip-warning + .tooltip.bottom .tooltip-arrow,
+.tooltip.tooltip-warning.bottom .tooltip-arrow {
+  border-bottom-color: #ed9421;
+  -moz-border-bottom-colors: #ed9421;
+}
+.tooltip-info + .tooltip > .tooltip-inner,
+.tooltip.tooltip-info > .tooltip-inner {
+  background-color: #4b89aa;
+  text-shadow: 1px 1px 0 rgba(40,50,100,0.3);
+}
+.tooltip-info + .tooltip.top .tooltip-arrow,
+.tooltip.tooltip-info.top .tooltip-arrow {
+  border-top-color: #4b89aa;
+  -moz-border-top-colors: #4b89aa;
+}
+.tooltip-info + .tooltip.right .tooltip-arrow,
+.tooltip.tooltip-info.right .tooltip-arrow {
+  border-right-color: #4b89aa;
+  -moz-border-right-colors: #4b89aa;
+}
+.tooltip-info + .tooltip.left .tooltip-arrow,
+.tooltip.tooltip-info.left .tooltip-arrow {
+  border-left-color: #4b89aa;
+  -moz-border-left-colors: #4b89aa;
+}
+.tooltip-info + .tooltip.bottom .tooltip-arrow,
+.tooltip.tooltip-info.bottom .tooltip-arrow {
+  border-bottom-color: #4b89aa;
+  -moz-border-bottom-colors: #4b89aa;
+}
+/* popover */
+.popover {
+  border-radius: 0;
+  padding: 0;
+  border-color: #ccc;
+  border-width: 1px;
+  -webkit-box-shadow: 0 0 4px 2px rgba(0,0,0,0.2);
+  box-shadow: 0 0 4px 2px rgba(0,0,0,0.2);
+  color: #4D6883;
+}
+.popover-title {
+  border-radius: 0;
+  background-color: #eff3f8;
+  color: #555;
+  border-bottom: 1px solid #dde6f0;
+  text-shadow: 1px 1px 1px rgba(220, 220, 220, 0.2);
+}
+.popover.bottom > .arrow:after {
+  top: 1px;
+  margin-left: -10px;
+  border-bottom-color: #eff3f8;
+  -moz-border-bottom-colors: #eff3f8;
+  border-top-width: 0;
+}
+.popover.left > .arrow:after {
+  -moz-border-left-colors: #FFF;
+}
+.popover.right > .arrow:after {
+  -moz-border-right-colors: #FFF;
+}
+.popover.top > .arrow:after {
+  -moz-border-top-colors: #FFF;
+}
+.popover-error + .popover,
+.popover.popover-error {
+  border-color: #f7f0ef;
+}
+.popover-error + .popover .popover-title,
+.popover.popover-error .popover-title {
+  background-color: #f7f0ef;
+  border-bottom-color: #efe0de;
+  color: #b75445;
+  text-shadow: none;
+}
+.popover-error + .popover.top .arrow:after,
+.popover.popover-error.top .arrow:after {
+  border-top-color: #f7f0ef;
+  -moz-border-top-colors: #f7f0ef;
+}
+.popover-error + .popover.bottom .arrow:after,
+.popover.popover-error.bottom .arrow:after {
+  border-bottom-color: #f7f0ef;
+  -moz-border-bottom-colors: #f7f0ef;
+}
+.popover-error + .popover.right .arrow:after,
+.popover.popover-error.right .arrow:after {
+  border-right-color: #f7f0ef;
+  -moz-border-right-colors: #f7f0ef;
+}
+.popover-error + .popover.left .arrow:after,
+.popover.popover-error.left .arrow:after {
+  border-left-color: #f7f0ef;
+  -moz-border-left-colors: #f7f0ef;
+}
+.popover-warning + .popover,
+.popover.popover-warning {
+  border-color: #f4eee3;
+}
+.popover-warning + .popover .popover-title,
+.popover.popover-warning .popover-title {
+  background-color: #f4eee3;
+  border-bottom-color: #ede3d1;
+  color: #d67e31;
+  text-shadow: none;
+}
+.popover-warning + .popover.top .arrow:after,
+.popover.popover-warning.top .arrow:after {
+  border-top-color: #f4eee3;
+  -moz-border-top-colors: #f4eee3;
+}
+.popover-warning + .popover.bottom .arrow:after,
+.popover.popover-warning.bottom .arrow:after {
+  border-bottom-color: #f4eee3;
+  -moz-border-bottom-colors: #f4eee3;
+}
+.popover-warning + .popover.right .arrow:after,
+.popover.popover-warning.right .arrow:after {
+  border-right-color: #f4eee3;
+  -moz-border-right-colors: #f4eee3;
+}
+.popover-warning + .popover.left .arrow:after,
+.popover.popover-warning.left .arrow:after {
+  border-left-color: #f4eee3;
+  -moz-border-left-colors: #f4eee3;
+}
+.popover-success + .popover,
+.popover.popover-success {
+  border-color: #e8f2e3;
+}
+.popover-success + .popover .popover-title,
+.popover.popover-success .popover-title {
+  background-color: #e8f2e3;
+  border-bottom-color: #daead2;
+  color: #629b58;
+  text-shadow: none;
+}
+.popover-success + .popover.top .arrow:after,
+.popover.popover-success.top .arrow:after {
+  border-top-color: #e8f2e3;
+  -moz-border-top-colors: #e8f2e3;
+}
+.popover-success + .popover.bottom .arrow:after,
+.popover.popover-success.bottom .arrow:after {
+  border-bottom-color: #e8f2e3;
+  -moz-border-bottom-colors: #e8f2e3;
+}
+.popover-success + .popover.right .arrow:after,
+.popover.popover-success.right .arrow:after {
+  border-right-color: #e8f2e3;
+  -moz-border-right-colors: #e8f2e3;
+}
+.popover-success + .popover.left .arrow:after,
+.popover.popover-success.left .arrow:after {
+  border-left-color: #e8f2e3;
+  -moz-border-left-colors: #e8f2e3;
+}
+.popover-info + .popover,
+.popover.popover-info {
+  border-color: #e5edf8;
+}
+.popover-info + .popover .popover-title,
+.popover.popover-info .popover-title {
+  background-color: #e5edf8;
+  border-bottom-color: #d1dff3;
+  color: #3f79b6;
+  text-shadow: none;
+}
+.popover-info + .popover.top .arrow:after,
+.popover.popover-info.top .arrow:after {
+  border-top-color: #e5edf8;
+  -moz-border-top-colors: #e5edf8;
+}
+.popover-info + .popover.bottom .arrow:after,
+.popover.popover-info.bottom .arrow:after {
+  border-bottom-color: #e5edf8;
+  -moz-border-bottom-colors: #e5edf8;
+}
+.popover-info + .popover.right .arrow:after,
+.popover.popover-info.right .arrow:after {
+  border-right-color: #e5edf8;
+  -moz-border-right-colors: #e5edf8;
+}
+.popover-info + .popover.left .arrow:after,
+.popover.popover-info.left .arrow:after {
+  border-left-color: #e5edf8;
+  -moz-border-left-colors: #e5edf8;
+}
+.popover-notitle + .popover .popover-title,
+.popover.popover-notitle .popover-title {
+  display: none;
+}
+.popover-notitle + .popover.top .arrow:after,
+.popover.popover-notitle.top .arrow:after {
+  border-top-color: #FFF;
+  -moz-border-top-colors: #FFF;
+}
+.popover-notitle + .popover.bottom .arrow:after,
+.popover.popover-notitle.bottom .arrow:after {
+  border-bottom-color: #FFF;
+  -moz-border-bottom-colors: #FFF;
+}
+.popover-notitle + .popover.left .arrow:after,
+.popover.popover-notitle.left .arrow:after {
+  border-left-color: #FFF;
+  -moz-border-left-colors: #FFF;
+}
+.popover-notitle + .popover.right .arrow:after,
+.popover.popover-notitle.right .arrow:after {
+  border-right-color: #FFF;
+  -moz-border-right-colors: #FFF;
+}
+.progress {
+  border-radius: 0;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  background: #e9e9e9;
+  height: 18px;
+}
+.progress .progress-bar {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  line-height: 18px;
+}
+.progress[data-percent]:after {
+  display: inline-block;
+  content: attr(data-percent);
+  color: #FFF;
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  line-height: 16px;
+  text-align: center;
+  font-size: 12px;
+}
+.progress.progress-yellow[data-percent]:after {
+  color: #996633;
+}
+.progress.progress-small {
+  height: 12px;
+}
+.progress.progress-small .progress-bar {
+  line-height: 10px;
+  font-size: 11px;
+}
+.progress.progress-small[data-percent]:after {
+  line-height: 10px;
+  font-size: 11px;
+}
+.progress.progress-mini {
+  height: 9px;
+}
+.progress.progress-mini .progress-bar {
+  line-height: 8px;
+  font-size: 11px;
+}
+.progress.progress-mini[data-percent]:after {
+  line-height: 8px;
+  font-size: 11px;
+}
+.progress-bar {
+  background-color: #2a91d8;
+}
+.progress-striped .progress-bar {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-bar-danger {
+  background-color: #ca5952;
+}
+.progress-striped .progress-bar-danger {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-bar-success {
+  background-color: #59a84b;
+}
+.progress-striped .progress-bar-success {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-bar-warning {
+  background-color: #f2bb46;
+}
+.progress-striped .progress-bar-warning {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-bar-pink {
+  background-color: #d6487e;
+}
+.progress-striped .progress-bar-pink {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-bar-purple {
+  background-color: #9585bf;
+}
+.progress-striped .progress-bar-purple {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-bar-yellow {
+  background-color: #ffd259;
+}
+.progress-striped .progress-bar-yellow {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-bar-inverse {
+  background-color: #404040;
+}
+.progress-striped .progress-bar-inverse {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+.progress-bar-grey {
+  background-color: #8a8a8a;
+}
+.progress-striped .progress-bar-grey {
+  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+}
+/**
+.progress {
+  position: relative;
+}
+.progress:before {
+  display: inline-block;
+  content: "";
+  
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+ 
+  background: radial-gradient(9px 9px 0deg, circle cover, aqua 0%, rgba(0, 0, 255, 0) 100%, blue 95%);
+}
+*/
+.infobox-container {
+  text-align: center;
+  font-size: 0;
+}
+.infobox {
+  display: inline-block;
+  width: 210px;
+  height: 66px;
+  color: #555;
+  background-color: #FFF;
+  box-shadow: none;
+  border-radius: 0;
+  margin: -1px 0 0 -1px;
+  padding: 8px 3px 6px 9px;
+  border: 1px dotted;
+  border-color: #D8D8D8 !important;
+  vertical-align: middle;
+  text-align: left;
+  position: relative;
+}
+.infobox > .infobox-icon {
+  display: inline-block;
+  vertical-align: top;
+  width: 44px;
+}
+.infobox > .infobox-icon > .ace-icon {
+  display: inline-block;
+  height: 42px;
+  margin: 0;
+  padding: 1px 1px 0 2px;
+  background-color: transparent;
+  border-width: 0;
+  text-align: center;
+  position: relative;
+  border-radius: 100%;
+  -webkit-box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
+  box-shadow: 1px 1px 0 rgba(0,0,0,0.2);
+}
+.infobox > .infobox-icon > .ace-icon:before {
+  font-size: 24px;
+  display: block;
+  padding: 6px 0 7px;
+  width: 40px;
+  text-align: center;
+  border-radius: 100%;
+  color: #FFF;
+  color: rgba(255, 255, 255, 0.9);
+  background-color: transparent;
+  background-color: rgba(255, 255, 255, 0.2);
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14);
+}
+.infobox .infobox-content {
+  color: #555;
+  max-width: 140px;
+}
+.infobox .infobox-content:first-child {
+  font-weight: bold;
+}
+.infobox > .infobox-data {
+  display: inline-block;
+  border-width: 0;
+  border-top-width: 0;
+  font-size: 13px;
+  text-align: left;
+  line-height: 21px;
+  min-width: 130px;
+  padding-left: 8px;
+  position: relative;
+  top: 0;
+}
+.infobox > .infobox-data > .infobox-data-number {
+  display: block;
+  font-size: 22px;
+  margin: 2px 0 4px;
+  position: relative;
+  text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
+}
+.infobox > .infobox-data > .infobox-text {
+  display: block;
+  font-size: 16px;
+  margin: 2px 0 4px;
+  position: relative;
+  text-shadow: none;
+}
+.infobox.no-border {
+  border-width: 0 !important;
+}
+@media only screen and (max-width: 479px) {
+  .infobox {
+    min-width: 95%;
+    margin-top: 2px;
+    margin-bottom: 2px;
+  }
+}
+.infobox-purple {
+  color: #6f3cc4;
+  border-color: #6f3cc4;
+}
+.infobox-purple > .infobox-icon > .ace-icon {
+  background-color: #6f3cc4;
+}
+.infobox-purple.infobox-dark {
+  background-color: #6f3cc4;
+  border-color: #6f3cc4;
+}
+.infobox-purple2 {
+  color: #5f47b0;
+  border-color: #5f47b0;
+}
+.infobox-purple2 > .infobox-icon > .ace-icon {
+  background-color: #5f47b0;
+}
+.infobox-purple2.infobox-dark {
+  background-color: #5f47b0;
+  border-color: #5f47b0;
+}
+.infobox-pink {
+  color: #cb6fd7;
+  border-color: #cb6fd7;
+}
+.infobox-pink > .infobox-icon > .ace-icon {
+  background-color: #cb6fd7;
+}
+.infobox-pink.infobox-dark {
+  background-color: #cb6fd7;
+  border-color: #cb6fd7;
+}
+.infobox-blue {
+  color: #6fb3e0;
+  border-color: #6fb3e0;
+}
+.infobox-blue > .infobox-icon > .ace-icon {
+  background-color: #6fb3e0;
+}
+.infobox-blue.infobox-dark {
+  background-color: #6fb3e0;
+  border-color: #6fb3e0;
+}
+.infobox-blue2 {
+  color: #3983c2;
+  border-color: #3983c2;
+}
+.infobox-blue2 > .infobox-icon > .ace-icon {
+  background-color: #3983c2;
+}
+.infobox-blue2.infobox-dark {
+  background-color: #3983c2;
+  border-color: #3983c2;
+}
+.infobox-blue3 {
+  color: #1144eb;
+  border-color: #1144eb;
+}
+.infobox-blue3 > .infobox-icon > .ace-icon {
+  background-color: #1144eb;
+}
+.infobox-blue3.infobox-dark {
+  background-color: #1144eb;
+  border-color: #1144eb;
+}
+.infobox-red {
+  color: #d53f40;
+  border-color: #d53f40;
+}
+.infobox-red > .infobox-icon > .ace-icon {
+  background-color: #d53f40;
+}
+.infobox-red.infobox-dark {
+  background-color: #d53f40;
+  border-color: #d53f40;
+}
+.infobox-brown {
+  color: #c67a3e;
+  border-color: #c67a3e;
+}
+.infobox-brown > .infobox-icon > .ace-icon {
+  background-color: #c67a3e;
+}
+.infobox-brown.infobox-dark {
+  background-color: #c67a3e;
+  border-color: #c67a3e;
+}
+.infobox-wood {
+  color: #7b3f25;
+  border-color: #7b3f25;
+}
+.infobox-wood > .infobox-icon > .ace-icon {
+  background-color: #7b3f25;
+}
+.infobox-wood.infobox-dark {
+  background-color: #7b3f25;
+  border-color: #7b3f25;
+}
+.infobox-light-brown {
+  color: #cebea5;
+  border-color: #cebea5;
+}
+.infobox-light-brown > .infobox-icon > .ace-icon {
+  background-color: #cebea5;
+}
+.infobox-light-brown.infobox-dark {
+  background-color: #cebea5;
+  border-color: #cebea5;
+}
+.infobox-orange {
+  color: #e8b110;
+  border-color: #e8b110;
+}
+.infobox-orange > .infobox-icon > .ace-icon {
+  background-color: #e8b110;
+}
+.infobox-orange.infobox-dark {
+  background-color: #e8b110;
+  border-color: #e8b110;
+}
+.infobox-orange2 {
+  color: #f79263;
+  border-color: #f79263;
+}
+.infobox-orange2 > .infobox-icon > .ace-icon {
+  background-color: #f79263;
+}
+.infobox-orange2.infobox-dark {
+  background-color: #f79263;
+  border-color: #f79263;
+}
+.infobox-green {
+  color: #9abc32;
+  border-color: #9abc32;
+}
+.infobox-green > .infobox-icon > .ace-icon {
+  background-color: #9abc32;
+}
+.infobox-green.infobox-dark {
+  background-color: #9abc32;
+  border-color: #9abc32;
+}
+.infobox-green2 {
+  color: #0490a6;
+  border-color: #0490a6;
+}
+.infobox-green2 > .infobox-icon > .ace-icon {
+  background-color: #0490a6;
+}
+.infobox-green2.infobox-dark {
+  background-color: #0490a6;
+  border-color: #0490a6;
+}
+.infobox-grey {
+  color: #999999;
+  border-color: #999999;
+}
+.infobox-grey > .infobox-icon > .ace-icon {
+  background-color: #999999;
+}
+.infobox-grey.infobox-dark {
+  background-color: #999999;
+  border-color: #999999;
+}
+.infobox-black {
+  color: #393939;
+  border-color: #393939;
+}
+.infobox-black > .infobox-icon > .ace-icon {
+  background-color: #393939;
+}
+.infobox-black.infobox-dark {
+  background-color: #393939;
+  border-color: #393939;
+}
+.infobox-dark {
+  margin: 1px 1px 0 0;
+  border-color: transparent !important;
+  border-width: 0;
+  color: #FFF;
+  padding: 4px;
+}
+.infobox-dark > .infobox-icon > .ace-icon,
+.infobox-dark > .infobox-icon > .ace-icon:before {
+  background-color: transparent;
+  box-shadow: none !important;
+  text-shadow: none;
+  border-radius: 0;
+  font-size: 30px;
+}
+.infobox-dark > .infobox-icon > .ace-icon:before {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.infobox-dark .infobox-content {
+  color: #FFF;
+}
+.infobox > .infobox-progress {
+  padding-top: 0;
+  display: inline-block;
+  vertical-align: top;
+  width: 44px;
+}
+.infobox > .infobox-chart {
+  padding-top: 0;
+  display: inline-block;
+  vertical-align: text-bottom;
+  width: 44px;
+  text-align: center;
+}
+.infobox > .infobox-chart > .sparkline {
+  font-size: 24px;
+}
+.infobox > .infobox-chart canvas {
+  vertical-align: middle !important;
+}
+.infobox > .stat {
+  display: inline-block;
+  position: absolute;
+  right: 20px;
+  top: 11px;
+  text-shadow: none;
+  color: #ABBAC3;
+  font-size: 13px;
+  font-weight: bold;
+  padding-right: 18px;
+  padding-top: 3px;
+}
+.infobox > .stat:before {
+  display: inline-block;
+  content: "";
+  width: 8px;
+  height: 11px;
+  background-color: #ABBAC3;
+  position: absolute;
+  right: 4px;
+  top: 7px;
+}
+.infobox > .stat:after {
+  display: inline-block;
+  content: "";
+  position: absolute;
+  right: 1px;
+  top: -8px;
+  border: 12px solid transparent;
+  border-width: 8px 7px;
+  border-bottom-color: #ABBAC3;
+}
+.infobox > .stat.stat-success {
+  color: #77C646;
+}
+.infobox > .stat.stat-success:before {
+  background-color: #77C646;
+}
+.infobox > .stat.stat-success:after {
+  border-bottom-color: #77C646;
+}
+.infobox > .stat.stat-important {
+  /*pointing down*/
+  color: #E4564F;
+}
+.infobox > .stat.stat-important:before {
+  background-color: #E4564F;
+  top: 3px;
+}
+.infobox > .stat.stat-important:after {
+  border-top-color: #E4564F;
+  border-bottom-color: transparent;
+  bottom: -6px;
+  top: auto;
+}
+.infobox.infobox-dark > .stat {
+  color: #FFF;
+}
+.infobox.infobox-dark > .stat:before {
+  background-color: #E1E5E8;
+}
+.infobox.infobox-dark > .stat:after {
+  border-bottom-color: #E1E5E8;
+}
+.infobox.infobox-dark > .stat.stat-success {
+  color: #FFF;
+}
+.infobox.infobox-dark > .stat.stat-success:before {
+  background-color: #D0E29E;
+}
+.infobox.infobox-dark > .stat.stat-success:after {
+  border-bottom-color: #D0E29E;
+}
+.infobox.infobox-dark > .stat.stat-important {
+  color: #FFF;
+}
+.infobox.infobox-dark > .stat.stat-important:before {
+  background-color: #FF8482;
+  top: 3px;
+}
+.infobox.infobox-dark > .stat.stat-important:after {
+  border-top-color: #FF8482;
+  border-bottom-color: transparent;
+  bottom: -6px;
+  top: auto;
+}
+.infobox > .badge {
+  position: absolute;
+  right: 20px;
+  top: 11px;
+  border-radius: 0;
+  text-shadow: none;
+  color: #FFF;
+  font-size: 11px;
+  font-weight: bold;
+  line-height: 15px;
+  height: 16px;
+  padding: 0 1px;
+}
+.infobox.infobox-dark > .badge {
+  color: #FFF;
+  background-color: rgba(255, 255, 255, 0.2) !important;
+  border: 1px solid #F1F1F1;
+  top: 2px;
+  right: 2px;
+}
+.infobox.infobox-dark > .badge.badge-success > .ace-icon {
+  color: #C6E9A1;
+}
+.infobox.infobox-dark > .badge.badge-important > .ace-icon {
+  color: #ECB792;
+}
+.infobox.infobox-dark > .badge.badge-warning > .ace-icon {
+  color: #ECB792;
+}
+.infobox-small {
+  width: 135px;
+  height: 52px;
+  text-align: left;
+  padding-bottom: 5px;
+}
+.infobox-small > .infobox-icon,
+.infobox-small > .infobox-chart,
+.infobox-small > .infobox-progress {
+  display: inline-block;
+  width: 40px;
+  max-width: 40px;
+  height: 42px;
+  line-height: 38px;
+  vertical-align: middle;
+}
+.infobox-small > .infobox-data {
+  display: inline-block;
+  text-align: left;
+  vertical-align: middle;
+  max-width: 72px;
+  min-width: 0;
+}
+.infobox-small > .infobox-chart > .sparkline {
+  font-size: 14px;
+  margin-left: 2px;
+}
+.percentage {
+  font-size: 14px;
+  font-weight: bold;
+  display: inline-block;
+  vertical-align: top;
+}
+.infobox-small .percentage {
+  font-size: 13px;
+  font-weight: normal;
+  margin-top: 2px;
+  margin-left: 2px;
+}
+.pricing-box:not(:first-child) {
+  padding-left: 7px;
+}
+.pricing-box:not(:last-child) {
+  padding-right: 7px;
+}
+.pricing-box .price {
+  font-size: 22px;
+  line-height: 20px;
+  height: 28px;
+  text-align: center;
+  color: #555;
+}
+.pricing-box .price small {
+  font-size: 22px;
+}
+.pricing-box .btn {
+  font-size: 16px;
+}
+.pricing-box .widget-header {
+  /* the title */
+  text-align: center;
+  padding-left: 0;
+}
+@media only screen and (max-width: 480px) {
+  .pricing-box {
+    margin: 0;
+    margin-bottom: 16px;
+    padding-left: 0 !important;
+    padding-right: 0 !important;
+    margin-left: -1px;
+  }
+  .pricing-box:nth-child(odd) {
+    padding-left: 12px !important;
+  }
+  .pricing-box:nth-child(even) {
+    padding-right: 12px !important;
+  }
+}
+@media only screen and (max-width: 479px) {
+  .pricing-box {
+    margin: 0;
+    margin-bottom: 16px;
+    width: 100%;
+    padding-left: 12px !important;
+    padding-right: 12px !important;
+  }
+}
+.pricing-table-header {
+  padding-top: 0;
+  margin-top: 0;
+  text-align: left;
+}
+.pricing-table-header > li {
+  padding: 7px 0 7px 11px;
+  font-size: 13px;
+}
+.pricing-table {
+  margin-top: 0;
+}
+.pricing-table > li {
+  text-align: center;
+  padding: 7px 0;
+  font-size: 13px;
+}
+.list-striped > li:nth-child(odd) {
+  background-color: #FFF;
+}
+.list-striped > li:nth-child(even) {
+  background-color: #F2F3EB;
+}
+.list-striped.pricing-table-header > li:nth-child(even) {
+  background-color: #EEE;
+}
+.pricing-box-small {
+  box-shadow: none;
+  margin-left: -2px;
+  background-color: #FFF;
+  position: relative;
+  z-index: 10;
+}
+.pricing-box-small .price {
+  line-height: 20px;
+  height: 28px;
+  text-align: center;
+}
+.pricing-box-small .price .label:before,
+.pricing-box-small .price .label:after {
+  margin-top: -2px;
+  opacity: 0.9;
+  filter: alpha(opacity=90);
+}
+.pricing-box-small:hover {
+  box-shadow: 0 0 4px 2px rgba(0, 0, 0, 0.15);
+  z-index: 11;
+  -webkit-transform: scale(1.04);
+  -ms-transform: scale(1.04);
+  -o-transform: scale(1.04);
+  transform: scale(1.04);
+}
+.pricing-box-small:hover .price > .label {
+  -webkit-transform: scale(0.96);
+  -ms-transform: scale(0.96);
+  -o-transform: scale(0.96);
+  transform: scale(0.96);
+}
+.pricing-span {
+  margin: 0;
+  width: 19%;
+  max-width: 150px !important;
+  min-width: 110px !important;
+  float: left !important;
+}
+.pricing-span-header {
+  padding-right: 0;
+}
+@media only screen and (min-width: 480px) {
+  .pricing-span-body {
+    padding-left: 0;
+    padding-right: 0;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .pricing-span-header,
+  .pricing-span-body {
+    width: 100%;
+    padding-right: 12px;
+  }
+}
+.login-container {
+  width: 375px;
+  margin: 0 auto;
+}
+.login-layout {
+  background-color: #1D2024;
+}
+.login-layout .main-container:before {
+  display: none;
+}
+.login-layout .main-content {
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+  min-height: 100%;
+  padding-left: 15px;
+  padding-right: 15px;
+}
+.login-layout label {
+  margin-bottom: 11px;
+}
+.login-layout .widget-box {
+  visibility: hidden;
+  position: fixed;
+  z-index: -5;
+  border-bottom: none;
+  box-shadow: none;
+  padding: 6px;
+  background-color: #394557;
+  -moz-transform: scale(0,1) translate(-150px);
+  -webkit-transform: scale(0,1) translate(-150px);
+  -o-transform: scale(0,1) translate(-150px);
+  -ms-transform: scale(0,1) translate(-150px);
+  transform: scale(0,1) translate(-150px);
+}
+.login-layout .widget-box.visible {
+  visibility: visible;
+  position: relative;
+  z-index: auto;
+  -moz-transform: scale(1,1) translate(0);
+  -webkit-transform: scale(1,1) translate(0);
+  -o-transform: scale(1,1) translate(0);
+  -ms-transform: scale(1,1) translate(0);
+  transform: scale(1,1) translate(0);
+  transition: transform .3s ease;
+  -moz-transition: -moz-transform 0.3s ease;
+  -webkit-transition: -webkit-transform 0.3s ease;
+  -o-transition: -o-transform 0.2s ease;
+}
+.login-layout .widget-box .widget-main {
+  padding: 16px 36px 36px;
+  background: #F7F7F7;
+}
+.login-layout .widget-box .widget-main form {
+  margin: 0;
+}
+.login-layout .widget-box .widget-body .toolbar > div > a {
+  font-size: 15px;
+  font-weight: 400;
+  text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.25);
+}
+.login-box .forgot-password-link {
+  color: #FE9;
+}
+.login-box .user-signup-link {
+  color: #CF7;
+}
+.login-box .toolbar {
+  background: #5090C1;
+  border-top: 2px solid #597597;
+}
+.login-box .toolbar > div {
+  width: 50%;
+  display: inline-block;
+  padding: 9px 0 11px;
+}
+.login-box .toolbar > div:first-child {
+  float: left;
+  text-align: left;
+}
+.login-box .toolbar > div:first-child > a {
+  margin-left: 11px;
+}
+.login-box .toolbar > div:first-child + div {
+  float: right;
+  text-align: right;
+}
+.login-box .toolbar > div:first-child + div > a {
+  margin-right: 11px;
+}
+.forgot-box .toolbar {
+  background: #C16050;
+  border-top: 2px solid #976559;
+  padding: 9px 18px;
+}
+.signup-box .toolbar {
+  background: #76B774;
+  border-top: 2px solid #759759;
+  padding: 9px 18px;
+}
+.forgot-box .back-to-login-link,
+.signup-box .back-to-login-link {
+  color: #FE9;
+  font-size: 14px;
+  font-weight: bold;
+  text-shadow: 1px 0px 1px rgba(0, 0, 0, 0.25);
+}
+/* social login */
+.login-layout .login-box .widget-main {
+  padding-bottom: 16px;
+}
+.social-or-login {
+  margin-top: 4px;
+  text-align: center;
+  position: relative;
+  z-index: 1;
+}
+.social-or-login :first-child {
+  display: inline-block;
+  background: #F7F7F7;
+  padding: 0 8px;
+  color: #5090C1;
+  font-size: 13px;
+}
+.social-or-login:before {
+  content: "";
+  display: block;
+  position: absolute;
+  z-index: -1;
+  top: 50%;
+  left: 0;
+  right: 0;
+  border-top: 1px dotted #A6C4DB;
+}
+.social-login a {
+  border-radius: 100%;
+  width: 42px;
+  height: 42px;
+  line-height: 46px;
+  padding: 0;
+  margin: 0 1px;
+  border-width: 0;
+}
+.social-login a > .ace-icon {
+  font-size: 24px;
+  margin: 0;
+}
+@media only screen and (max-width: 540px) {
+  .login-layout .widget-box .widget-main {
+    padding: 16px;
+  }
+  .login-container {
+    width: 98%;
+  }
+  .login-layout .widget-box {
+    padding: 0;
+  }
+  .login-layout .main-content {
+    padding-left: 6px;
+    padding-right: 6px;
+  }
+  .login-box .toolbar > div {
+    width: auto;
+  }
+}
+.light-login {
+  background: #dfe0e2 url('images/pattern.jpg') repeat;
+}
+.light-login .widget-box {
+  padding: 1px 1px 0;
+  -webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.12);
+  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.12);
+  border-bottom: 1px solid rgba(50, 50, 50, 0.33);
+}
+.light-login .widget-box .toolbar {
+  border-top-width: 1px;
+}
+.light-login .widget-box.login-box {
+  background-color: #BCC6CF;
+  background-color: rgba(100, 110, 120, 0.4);
+}
+.light-login .widget-box.signup-box {
+  background-color: #C1CEC4;
+  background-color: rgba(110, 120, 100, 0.4);
+}
+.light-login .widget-box.forgot-box {
+  background-color: #D2C5C5;
+  background-color: rgba(120, 110, 100, 0.4);
+}
+.blur-login {
+  background: #394557 url('images/meteorshower2.jpg') repeat;
+}
+.invoice-info {
+  line-height: 24px !important;
+  color: #444;
+  vertical-align: bottom;
+  margin-left: 9px;
+  margin-right: 9px;
+}
+.invoice-info-label {
+  display: inline-block;
+  max-width: 100px;
+  text-align: right;
+  font-size: 14px;
+}
+.invoice-box .label-large[class*="arrowed"] {
+  margin-left: 11px !important;
+  max-width: 95%;
+}
+.error-container {
+  margin: 20px;
+  padding: 0;
+  background: #FFF;
+}
+@media only screen and (max-width: 767px) {
+  .error-container {
+    margin: 12px;
+  }
+}
+@media only screen and (max-width: 479px) {
+  .error-container {
+    margin: 6px;
+  }
+}
+.ace-thumbnails {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+.ace-thumbnails > li {
+  float: left;
+  display: block;
+  position: relative;
+  overflow: hidden;
+  margin: 2px;
+  border: 2px solid #333;
+}
+.ace-thumbnails > li > :first-child {
+  display: block;
+  position: relative;
+}
+.ace-thumbnails > li > :first-child:focus {
+  outline: none;
+}
+.ace-thumbnails > li .tags {
+  display: inline-block;
+  position: absolute;
+  bottom: 0;
+  right: 0;
+  overflow: visible;
+  direction: rtl;
+  padding: 0;
+  margin: 0;
+  height: auto;
+  width: auto;
+  background-color: transparent;
+  border-width: 0;
+  vertical-align: inherit;
+}
+.ace-thumbnails > li .tags > .label-holder {
+  opacity: 0.92;
+  filter: alpha(opacity=92);
+  display: table;
+  margin: 1px 0 0 0;
+  direction: ltr;
+  text-align: left;
+}
+.ace-thumbnails > li .tags > .label-holder:hover {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.ace-thumbnails > li > .tools {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: -30px;
+  width: 24px;
+  background-color: rgba(0, 0, 0, 0.55);
+  text-align: center;
+  vertical-align: middle;
+  -webkit-transition: all 0.2s ease;
+  -o-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+}
+.ace-thumbnails > li > .tools.tools-right {
+  left: auto;
+  right: -30px;
+}
+.ace-thumbnails > li > .tools.tools-bottom {
+  width: auto;
+  height: 28px;
+  left: 0;
+  right: 0;
+  top: auto;
+  bottom: -30px;
+}
+.ace-thumbnails > li > .tools.tools-top {
+  width: auto;
+  height: 28px;
+  left: 0;
+  right: 0;
+  top: -30px;
+  bottom: auto;
+}
+.ace-thumbnails > li:hover > .tools {
+  left: 0;
+  right: 0;
+}
+.ace-thumbnails > li:hover > .tools.tools-bottom {
+  top: auto;
+  bottom: 0;
+}
+.ace-thumbnails > li:hover > .tools.tools-top {
+  bottom: auto;
+  top: 0;
+}
+.ace-thumbnails > li:hover > .tools.tools-right {
+  left: auto;
+  right: 0;
+}
+.ace-thumbnails > li > .in.tools {
+  left: 0;
+  right: 0;
+}
+.ace-thumbnails > li > .in.tools.tools-bottom {
+  top: auto;
+  bottom: 0;
+}
+.ace-thumbnails > li > .in.tools.tools-top {
+  bottom: auto;
+  top: 0;
+}
+.ace-thumbnails > li > .in.tools.tools-right {
+  left: auto;
+  right: 0;
+}
+.ace-thumbnails > li > .tools > a,
+.ace-thumbnails > li > :first-child .inner a {
+  display: inline-block;
+  color: #FFF;
+  font-size: 18px;
+  font-weight: normal;
+  padding: 0 4px;
+}
+.ace-thumbnails > li > .tools > a:hover,
+.ace-thumbnails > li > :first-child .inner a:hover {
+  text-decoration: none;
+  color: #C9E2EA;
+}
+.ace-thumbnails > li .tools.tools-bottom > a,
+.ace-thumbnails > li .tools.tools-top > a {
+  display: inline-block;
+}
+.ace-thumbnails > li > :first-child > .text {
+  position: absolute;
+  right: 0;
+  left: 0;
+  bottom: 0;
+  top: 0;
+  text-align: center;
+  color: #FFF;
+  background-color: rgba(0, 0, 0, 0.55);
+  opacity: 0;
+  filter: alpha(opacity=0);
+  -webkit-transition: all 0.2s ease;
+  -o-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+}
+.ace-thumbnails > li > :first-child > .text:before {
+  /* makes the inner text become vertically centered*/
+  content: '';
+  display: inline-block;
+  height: 100%;
+  vertical-align: middle;
+  margin-right: 0;
+  /* Adjusts for spacing */
+}
+.ace-thumbnails > li > :first-child > .text > .inner {
+  padding: 4px 0;
+  margin: 0;
+  display: inline-block;
+  vertical-align: middle;
+  max-width: 90%;
+}
+.ace-thumbnails > li:hover > :first-child > .text {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+@media only screen and (max-width: 480px) {
+  .ace-thumbnails {
+    text-align: center;
+  }
+  .ace-thumbnails > li {
+    float: none;
+    display: inline-block;
+  }
+}
+.dialogs {
+  padding: 9px;
+  position: relative;
+}
+.itemdiv {
+  padding-right: 3px;
+  min-height: 66px;
+  position: relative;
+}
+.itemdiv > .user {
+  display: inline-block;
+  width: 42px;
+  position: absolute;
+  left: 0;
+}
+.itemdiv > .user > img,
+.itemdiv > .user > .img {
+  border-radius: 100%;
+  border: 2px solid #5293C4;
+  max-width: 40px;
+  position: relative;
+}
+.itemdiv > .user > .img {
+  padding: 2px;
+}
+.itemdiv > .body {
+  width: auto;
+  margin-left: 50px;
+  margin-right: 12px;
+  position: relative;
+}
+.itemdiv > .body > .time {
+  display: block;
+  font-size: 11px;
+  font-weight: bold;
+  color: #666;
+  position: absolute;
+  right: 9px;
+  top: 0;
+}
+.itemdiv > .body > .time .ace-icon {
+  font-size: 14px;
+  font-weight: normal;
+}
+.itemdiv > .body > .name {
+  display: block;
+  color: #999;
+}
+.itemdiv > .body > .name > b {
+  color: #777;
+}
+.itemdiv > .body > .text {
+  display: block;
+  position: relative;
+  margin-top: 2px;
+  padding-bottom: 19px;
+  padding-left: 7px;
+  font-size: 13px;
+}
+.itemdiv > .body > .text:after {
+  display: block;
+  content: "";
+  height: 1px;
+  font-size: 0;
+  overflow: hidden;
+  position: absolute;
+  left: 16px;
+  right: -12px;
+  margin-top: 9px;
+  border-top: 1px solid #E4ECF3;
+}
+.itemdiv > .body > .text > .ace-icon:first-child {
+  color: #DCE3ED;
+  margin-right: 4px;
+}
+.itemdiv:last-child > .body > .text {
+  border-bottom-width: 0;
+}
+.itemdiv:last-child > .body > .text:after {
+  display: none;
+}
+.itemdiv.dialogdiv {
+  padding-bottom: 14px;
+}
+.itemdiv.dialogdiv:before {
+  position: absolute;
+  display: block;
+  content: "";
+  top: 0;
+  bottom: 0;
+  left: 19px;
+  width: 3px;
+  max-width: 3px;
+  background-color: #E1E6ED;
+  border: 1px solid #D7DBDD;
+  border-width: 0 1px;
+}
+.itemdiv.dialogdiv:last-child {
+  padding-bottom: 0;
+}
+.itemdiv.dialogdiv:last-child:before {
+  display: none;
+}
+.itemdiv.dialogdiv > .user > img {
+  border-color: #C9D6E5;
+}
+.itemdiv.dialogdiv > .body {
+  border: 1px solid #DDE4ED;
+  padding: 5px 8px 8px;
+  border-left-width: 2px;
+  margin-right: 1px;
+}
+.itemdiv.dialogdiv > .body:before {
+  content: "";
+  display: block;
+  position: absolute;
+  left: -7px;
+  top: 11px;
+  width: 8px;
+  height: 8px;
+  border: 2px solid #DDE4ED;
+  border-width: 2px 0 0 2px;
+  background-color: #FFF;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  -webkit-transform: rotate(-45deg);
+  -ms-transform: rotate(-45deg);
+  -o-transform: rotate(-45deg);
+  transform: rotate(-45deg);
+}
+.itemdiv.dialogdiv > .body > .time {
+  position: static;
+  float: right;
+}
+.itemdiv.dialogdiv > .body > .text {
+  padding-left: 0;
+  padding-bottom: 0;
+}
+.itemdiv.dialogdiv > .body > .text:after {
+  display: none;
+}
+.itemdiv.dialogdiv .tooltip-inner {
+  word-break: break-all;
+}
+.itemdiv.memberdiv {
+  width: 175px;
+  padding: 2px;
+  margin: 3px 0;
+  float: left;
+  border-bottom: 1px solid #E8E8E8;
+}
+@media (min-width: 992px) {
+  .itemdiv.memberdiv {
+    max-width: 50%;
+  }
+}
+@media (max-width: 991px) {
+  .itemdiv.memberdiv {
+    min-width: 33.333%;
+  }
+}
+.itemdiv.memberdiv > .user > img {
+  border-color: #DCE3ED;
+}
+.itemdiv.memberdiv > .body > .time {
+  position: static;
+}
+.itemdiv.memberdiv > .body > .name {
+  line-height: 18px;
+  height: 18px;
+  margin-bottom: 0;
+}
+.itemdiv.memberdiv > .body > .name > a {
+  display: inline-block;
+  max-width: 100px;
+  max-height: 18px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  word-break: break-all;
+}
+.itemdiv .tools {
+  position: absolute;
+  right: 5px;
+  bottom: 10px;
+  display: none;
+}
+.itemdiv .tools .btn {
+  border-radius: 36px;
+  margin: 1px 0;
+}
+.itemdiv .body .tools {
+  bottom: 4px;
+}
+.itemdiv.commentdiv .tools {
+  right: 9px;
+}
+.itemdiv:hover .tools {
+  display: inline-block;
+}
+.item-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.item-list > li {
+  padding: 9px;
+  background-color: #FFF;
+  margin-top: -1px;
+  position: relative;
+}
+.item-list > li.selected {
+  color: #8090A0;
+  background-color: #F4F9FC;
+}
+.item-list > li.selected label,
+.item-list > li.selected .lbl {
+  text-decoration: line-through;
+  color: #8090A0;
+}
+.item-list > li > .checkbox {
+  display: inline-block;
+}
+.item-list > li > label.inline {
+  display: inline-block;
+}
+.item-list > li label {
+  font-size: 13px;
+}
+.item-list > li .percentage {
+  font-size: 11px;
+  font-weight: bold;
+  color: #777;
+}
+.item-list > li.ui-sortable-helper {
+  cursor: move;
+}
+li[class*="item-"] {
+  border: 1px solid #DDD;
+  border-left-width: 3px;
+}
+li.item-orange {
+  border-left-color: #e8b110;
+}
+li.item-orange2 {
+  border-left-color: #f79263;
+}
+li.item-red {
+  border-left-color: #d53f40;
+}
+li.item-red2 {
+  border-left-color: #d15b47;
+}
+li.item-green {
+  border-left-color: #9abc32;
+}
+li.item-green2 {
+  border-left-color: #0490a6;
+}
+li.item-blue {
+  border-left-color: #4f99c6;
+}
+li.item-blue2 {
+  border-left-color: #3983c2;
+}
+li.item-blue3 {
+  border-left-color: #1144eb;
+}
+li.item-pink {
+  border-left-color: #cb6fd7;
+}
+li.item-purple {
+  border-left-color: #6f3cc4;
+}
+li.item-black {
+  border-left-color: #505050;
+}
+li.item-grey {
+  border-left-color: #a0a0a0;
+}
+li.item-brown {
+  border-left-color: #a52a2a;
+}
+li.item-default {
+  border-left-color: #abbac3;
+}
+.ui-sortable-placeholder,
+.ui-sortable-helper,
+.ui-sortable-placeholder > a,
+.ui-sortable-helper > a {
+  cursor: move !important;
+}
+@media only screen and (max-width: 480px) {
+  .itemdiv.memberdiv {
+    float: none;
+    width: auto;
+  }
+}
+.profile-user-info {
+  display: table;
+  width: 98%;
+  width: calc(100% - 24px);
+  margin: 0 auto;
+}
+.profile-info-row {
+  display: table-row;
+}
+.profile-info-name {
+  text-align: right;
+  padding: 6px 10px 6px 4px;
+  font-weight: normal;
+  color: #667E99;
+  background-color: transparent;
+  border-top: 1px dotted #D5E4F1;
+  display: table-cell;
+  width: 110px;
+  vertical-align: middle;
+}
+.profile-info-value {
+  display: table-cell;
+  padding: 6px 4px 6px 6px;
+  border-top: 1px dotted #D5E4F1;
+}
+.profile-info-value > span + span:before {
+  /* for a list of values (such as location city & country) put a comma between them */
+  display: inline;
+  content: ",";
+  margin-left: 1px;
+  margin-right: 3px;
+  color: #666;
+  border-bottom: 1px solid #FFF;
+}
+.profile-info-value > span + span.editable-container:before {
+  display: none;
+}
+.profile-info-row:first-child .profile-info-name {
+  border-top: none;
+}
+.profile-info-row:first-child .profile-info-value {
+  border-top: none;
+}
+.profile-user-info-striped {
+  border: 1px solid #DCEBF7;
+}
+.profile-user-info-striped .profile-info-name {
+  color: #336199;
+  background-color: #EDF3F4;
+  border-top: 1px solid #F7FBFF;
+}
+.profile-user-info-striped .profile-info-value {
+  border-top: 1px dotted #DCEBF7;
+  padding-left: 12px;
+}
+.profile-picture {
+  border: 1px solid #CCC;
+  background-color: #FFF;
+  padding: 4px;
+  display: inline-block;
+  max-width: 100%;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
+}
+.profile-activity {
+  padding: 10px 4px;
+  border-bottom: 1px dotted #D0D8E0;
+  position: relative;
+  border-left: 1px dotted #FFF;
+  border-right: 1px dotted #FFF;
+}
+.profile-activity:first-child {
+  border-top: 1px dotted transparent;
+}
+.profile-activity:first-child:hover {
+  border-top-color: #D0D8E0;
+}
+.profile-activity:hover {
+  background-color: #F4F9FD;
+  border-left: 1px dotted #D0D8E0;
+  border-right: 1px dotted #D0D8E0;
+}
+.profile-activity img {
+  border: 2px solid #C9D6E5;
+  border-radius: 100%;
+  max-width: 40px;
+  margin-right: 10px;
+  margin-left: 0px;
+  box-shadow: none;
+}
+.profile-activity .thumbicon {
+  background-color: #74ABD7;
+  display: inline-block;
+  border-radius: 100%;
+  width: 38px;
+  height: 38px;
+  color: #FFF;
+  font-size: 18px;
+  text-align: center;
+  line-height: 38px;
+  margin-right: 10px;
+  margin-left: 0px;
+  text-shadow: none !important;
+}
+.profile-activity .time {
+  display: block;
+  margin-top: 4px;
+  color: #777;
+}
+.profile-activity a.user {
+  font-weight: bold;
+  color: #9585BF;
+}
+.profile-activity .tools {
+  position: absolute;
+  right: 12px;
+  bottom: 8px;
+  display: none;
+}
+.profile-activity:hover .tools {
+  display: block;
+}
+.user-profile .ace-thumbnails li {
+  border: 1px solid #CCC;
+  padding: 3px;
+  margin: 6px;
+}
+.user-profile .ace-thumbnails li .tools {
+  left: 3px;
+  right: 3px;
+}
+.user-profile .ace-thumbnails li:hover .tools {
+  bottom: 3px;
+}
+.user-profile .user-title-label:hover {
+  text-decoration: none;
+}
+.user-profile .user-title-label + .dropdown-menu {
+  margin-left: -12px;
+}
+.profile-contact-links {
+  padding: 4px 2px 5px;
+  border: 1px solid #E0E2E5;
+  background-color: #F8FAFC;
+}
+.btn-link:hover .ace-icon {
+  text-decoration: none !important;
+}
+.profile-social-links > a {
+  text-decoration: none;
+  margin: 0 1px;
+}
+.profile-social-links > a:hover > .ace-icon {
+  text-decoration: none;
+}
+.profile-skills .progress {
+  height: 26px;
+  margin-bottom: 2px;
+  background-color: transparent;
+}
+.profile-skills .progress .progress-bar {
+  line-height: 26px;
+  font-size: 13px;
+  font-weight: bold;
+  font-family: "Open Sans";
+  padding: 0 8px;
+}
+.profile-users .user {
+  display: block;
+  position: static;
+  text-align: center;
+  width: auto;
+}
+.profile-users .user img {
+  padding: 2px;
+  border-radius: 100%;
+  border: 1px solid #AAA;
+  max-width: none;
+  width: 64px;
+  -webkit-transition: all 0.1s;
+  -o-transition: all 0.1s;
+  transition: all 0.1s;
+}
+.profile-users .user img:hover {
+  -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.33);
+  box-shadow: 0 0 1px 1px rgba(0,0,0,0.33);
+}
+.profile-users .memberdiv {
+  background-color: #FFF;
+  width: 100px;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  border: none;
+  text-align: center;
+  margin: 0 8px 24px;
+}
+.profile-users .memberdiv .name a:hover .ace-icon {
+  text-decoration: none;
+}
+.profile-users .memberdiv .body {
+  display: inline-block;
+  margin: 8px 0 0 0;
+}
+.profile-users .memberdiv .popover {
+  visibility: hidden;
+  min-width: 0;
+  max-height: 0;
+  max-width: 0;
+  margin-left: 0;
+  margin-right: 0;
+  top: -5%;
+  left: auto;
+  right: auto;
+  opacity: 0;
+  display: none;
+  position: absolute;
+  -webkit-transition: opacity 0.2s linear 0s, visibility 0s linear 0.2s, max-height 0s linear 0.2s, max-width 0s linear 0.2s, min-width 0s linear 0.2s;
+  -o-transition: opacity 0.2s linear 0s, visibility 0s linear 0.2s, max-height 0s linear 0.2s, max-width 0s linear 0.2s, min-width 0s linear 0.2s;
+  transition: opacity 0.2s linear 0s, visibility 0s linear 0.2s, max-height 0s linear 0.2s, max-width 0s linear 0.2s, min-width 0s linear 0.2s;
+}
+.profile-users .memberdiv .popover.right {
+  left: 100%;
+  right: auto;
+  display: block;
+}
+.profile-users .memberdiv .popover.left {
+  left: auto;
+  right: 100%;
+  display: block;
+}
+.profile-users .memberdiv > :first-child:hover .popover {
+  visibility: visible;
+  opacity: 1;
+  z-index: 1060;
+  max-height: 250px;
+  max-width: 250px;
+  min-width: 150px;
+  -webkit-transition-delay: 0s;
+  -moz-transition-delay: 0s;
+  -o-transition-delay: 0s;
+  transition-delay: 0s;
+}
+.profile-users .memberdiv .tools {
+  position: static;
+  display: block;
+  width: 100%;
+  margin-top: 2px;
+}
+.profile-users .memberdiv .tools > a {
+  margin: 0 2px;
+}
+.profile-users .memberdiv .tools > a:hover {
+  text-decoration: none;
+}
+.user-status {
+  display: inline-block;
+  width: 11px;
+  height: 11px;
+  background-color: #FFF;
+  border: 3px solid #AAA;
+  border-radius: 100%;
+  vertical-align: middle;
+  margin-right: 1px;
+}
+.user-status.status-online {
+  border-color: #8AC16C;
+}
+.user-status.status-busy {
+  border-color: #E07F69;
+}
+.user-status.status-idle {
+  border-color: #FFB752;
+}
+.tab-content.profile-edit-tab-content {
+  border: 1px solid #DDD;
+  padding: 8px 32px 32px;
+  -webkit-box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
+  box-shadow: 1px 1px 0 0 rgba(0, 0, 0, 0.2);
+  background-color: #FFF;
+}
+@media only screen and (max-width: 480px) {
+  .profile-info-name {
+    width: 80px;
+  }
+  .profile-user-info-striped .profile-info-name {
+    float: none;
+    width: auto;
+    text-align: left;
+    padding: 6px 4px 6px 10px;
+    display: block;
+  }
+  .profile-user-info-striped .profile-info-value {
+    margin-left: 10px;
+    display: block;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .user-profile .memberdiv {
+    width: 50%;
+    margin-left: 0;
+    margin-right: 0;
+  }
+}
+.inbox-tabs.nav-tabs > li > a {
+  background-color: #FAFAFA;
+}
+.inbox-tabs.nav-tabs > li.active:not(.open) > a,
+.inbox-tabs.nav-tabs > li.active:not(.open) > a:hover,
+.inbox-tabs.nav-tabs > li.active:not(.open) > a:focus {
+  background-color: #F1F5FA;
+  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.1);
+  color: #48768E;
+}
+.inbox-tabs.nav-tabs > li > a.btn-new-mail {
+  background-color: transparent;
+  border: none !important;
+  padding: 0 !important;
+}
+.inbox-tabs.nav-tabs > li > a.btn-new-mail > .btn {
+  border-width: 0 !important;
+  border-radius: 3px !important;
+  padding: 0 6px !important;
+  position: relative;
+  transition: none !important;
+}
+.inbox-tabs.nav-tabs > li.active > a.btn-new-mail {
+  box-shadow: none !important;
+}
+.inbox-tabs.nav-tabs > li.active > a.btn-new-mail > .btn:before {
+  content: "";
+  display: block;
+  position: absolute;
+  top: 100%;
+  left: 50%;
+  margin-left: -6px;
+  border-width: 6px 8px;
+  border-style: solid;
+  border-color: transparent;
+  border-top-color: inherit;
+}
+.inbox-tabs.nav-tabs.tab-size-bigger > li > a {
+  padding: 5px 15px 7px;
+  font-size: 14px;
+}
+.inbox-tabs.nav-tabs.tab-size-bigger > li > a > .ace-icon:first-child {
+  margin-bottom: 5px;
+}
+.inbox-tabs.nav-tabs.tab-size-bigger > li > a.btn-new-mail > .btn {
+  padding: 10px !important;
+  border-radius: 7px !important;
+}
+.inbox-tabs.nav-tabs.tab-size-bigger > li.active > a.btn-new-mail {
+  margin-top: 0 !important;
+  top: 1px;
+}
+.inbox-tabs.nav-tabs.tab-size-bigger > li.active > a.btn-new-mail > .btn:before {
+  left: 50%;
+  margin-left: -8px;
+  border-width: 8px 10px;
+}
+@media only screen and (max-width: 479px) {
+  .inbox-tabs > .li-new-mail {
+    display: block;
+    text-align: right;
+    margin-bottom: 8px !important;
+    float: none !important;
+  }
+  .inbox-tabs > .li-new-mail > .btn-new-mail {
+    display: inline-block;
+    width: auto;
+  }
+}
+.message-container {
+  position: relative;
+}
+.message-list {
+  position: relative;
+}
+.message-item {
+  border: 1px solid #EAEDF1;
+  border-bottom-width: 0;
+  padding: 12px 12px 14px;
+  line-height: 18px;
+  position: relative;
+  background-color: #FFF;
+}
+.message-item:first-child {
+  border-top-width: 0;
+}
+.message-item:hover {
+  border-color: #E2EAF2;
+  background-color: #F2F6F9;
+}
+.message-item:hover + .message-item {
+  border-top-color: #E2EAF2;
+}
+.message-item:hover + .message-item.selected {
+  border-top-color: #FFF;
+}
+.message-item.selected {
+  background-color: #EFF4F7;
+  border-color: #FFF #E2EAF2;
+}
+.message-item.selected + .message-item {
+  border-top-color: #FFF;
+}
+.message-item.selected + .message-item:hover + .message-item {
+  border-top-color: #FFF;
+}
+.message-navbar input.ace + .lbl::before,
+.message-item input.ace + .lbl::before {
+  top: auto;
+}
+.message-item .sender {
+  margin: 0 6px 0 4px;
+  vertical-align: middle;
+  color: #467287;
+  display: inline-block;
+  width: 110px;
+  height: 18px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.message-item.message-unread .sender {
+  color: #6A9CBA;
+  font-weight: bold;
+}
+.message-item .summary {
+  vertical-align: middle;
+  display: inline-block;
+  position: relative;
+  margin-left: 30px;
+  max-width: 250px;
+  max-width: calc(100% - 300px);
+  min-width: 200px;
+  white-space: nowrap;
+}
+.message-item .summary .text {
+  color: #555;
+  vertical-align: middle;
+  display: inline-block;
+  width: auto;
+  max-width: 100%;
+  height: 18px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.message-item .summary .text:hover {
+  text-decoration: underline;
+}
+.message-item .summary .message-flags {
+  display: block;
+  position: absolute;
+  right: 100%;
+  margin-right: 4px;
+  height: 18px;
+  white-space: nowrap;
+}
+.message-item.message-unread .summary .text {
+  color: #609FC4;
+  font-weight: bold;
+}
+.message-item .time {
+  float: right;
+  width: 60px;
+  height: 18px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  color: #666;
+}
+.message-item.message-unread .time {
+  font-weight: bold;
+  color: #609FC4;
+}
+.message-item.message-unread .message-content .time {
+  font-weight: normal;
+}
+.message-item .attachment {
+  color: #999;
+  font-size: 18px;
+  vertical-align: middle;
+  float: right;
+  margin: 0 12px;
+  position: relative;
+}
+.message-item.message-unread .attachment {
+  color: #4F99C6;
+}
+.message-content .time {
+  font-weight: normal;
+}
+.message-star {
+  vertical-align: middle;
+  margin: 2px 4px 0 6px;
+  font-size: 15px;
+  cursor: pointer;
+}
+.message-star:hover {
+  color: #feb902 !important;
+  text-decoration: none;
+}
+.mail-tag:empty {
+  display: inline-block;
+  width: 8px;
+  height: 11px;
+  padding: 0;
+  line-height: normal;
+  vertical-align: middle;
+  margin: 0 1px 0 0;
+}
+.badge.mail-tag {
+  border-radius: 2px;
+}
+.dropdown-menu > li > a > .mail-tag {
+  vertical-align: inherit;
+}
+@media only screen and (max-width: 991px) {
+  .message-item .summary {
+    min-width: 0;
+  }
+  .message-item .sender {
+    width: 100px;
+  }
+}
+@media only screen and (max-width: 550px) {
+  .message-item .summary {
+    margin: 8px 0 0 32px;
+    max-width: 95%;
+    min-width: 0;
+    display: block;
+  }
+  .message-item .sender {
+    width: auto;
+    max-width: 150px;
+  }
+  .message-item .summary .text {
+    max-width: 95%;
+  }
+}
+.btn-message,
+.btn-message:hover,
+.btn-message:focus,
+.btn-message:active,
+.open .btn-message.dropdown-toggle {
+  background-color: #FFF  !important;
+  border: 1px solid #94B9CE !important;
+  color: #7CA3BA !important;
+  text-shadow: none !important;
+}
+.message-content {
+  padding: 16px 12px;
+  border: 1px solid #E9E9E9;
+  -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.02);
+  box-shadow: 0 0 1px 1px rgba(0,0,0,0.02);
+  background-color: rgba(255, 255, 255, 0.8);
+  border-top-width: 0;
+}
+.message-item .message-content {
+  margin-top: 16px;
+  border-top-width: 1px;
+}
+.message-body {
+  padding: 0 9px;
+  color: #6A7177;
+}
+.message-navbar {
+  line-height: 24px;
+  padding: 10px 12px;
+  border: 1px solid #D6E1EA;
+  border-color: #D6E1EA transparent;
+  background-color: #F1F5FA;
+  text-align: center;
+  position: relative;
+}
+.message-navbar .dropdown-toggle,
+.message-content .dropdown-toggle {
+  color: #777;
+}
+.message-navbar .dropdown-toggle:hover,
+.message-content .dropdown-toggle:hover,
+.message-navbar .dropdown-toggle:focus,
+.message-content .dropdown-toggle:focus {
+  text-decoration: none;
+  color: #2283C5;
+}
+.message-bar {
+  display: inline-block;
+  min-height: 28px;
+}
+@media only screen and (max-width: 480px) {
+  .message-bar {
+    display: block;
+    min-height: 60px;
+  }
+}
+.message-footer {
+  background-color: #F1F1F1;
+  padding: 12px 16px;
+  border: 1px solid #E6E6E6;
+  border-width: 1px 0;
+  border-top: 1px solid #E4E9EE;
+}
+.message-footer .pagination {
+  margin: 0;
+}
+.message-footer .pagination > li {
+  margin: 0;
+  padding: 0;
+}
+.message-footer .pagination > li > a,
+.message-footer .pagination > li > span {
+  color: #777;
+  padding: 3px 6px;
+  margin-left: 1px;
+  margin-right: 1px;
+  background-color: transparent;
+  border: 1px solid transparent;
+}
+.message-footer .pagination > li.disabled > span {
+  color: #BBBBBB;
+  cursor: default;
+  background-color: transparent;
+  border-color: transparent;
+}
+.message-footer .pagination > li > a:hover {
+  border-color: #91bad6;
+  color: #2283C5;
+  text-decoration: none;
+  background-color: #FFF;
+}
+.message-footer input[type=text] {
+  font-size: 12px;
+  width: 34px;
+  height: 24px;
+  line-height: 20px;
+  margin-bottom: 0;
+  padding: 3px;
+  vertical-align: middle;
+  text-align: center;
+}
+.message-footer-style2 .pagination > li > a,
+.message-footer-style2 .pagination > li > span {
+  border: 1px solid #B5B5B5;
+  border-radius: 100% !important;
+  width: 26px;
+  height: 26px;
+  line-height: 26px;
+  display: inline-block;
+  text-align: center;
+  padding: 0;
+}
+.message-footer-style2 .pagination > li > span,
+.message-footer-style2 .pagination > li.disabled > span {
+  border-color: #CCC;
+}
+.message-footer-style2 .pagination > li > a:hover {
+  border-color: #84AFC9;
+  background-color: #F7F7F7;
+}
+.message-item.message-inline-open {
+  background-color: #F2F6F9;
+  border: 1px solid #DDD;
+  border-bottom-color: #CCC;
+}
+.message-item.message-inline-open:first-child {
+  border-top-color: #EEE;
+}
+.message-item.message-inline-open:last-child {
+  border-bottom-color: #DDD;
+}
+.message-item.message-inline-open + .message-item {
+  border-bottom-color: transparent;
+}
+.message-loading-overlay {
+  position: absolute;
+  z-index: 14;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  background-color: rgba(255, 255, 255, 0.5);
+  text-align: center;
+}
+.message-loading-overlay > .ace-icon {
+  position: absolute;
+  top: 15%;
+  left: 0;
+  right: 0;
+  text-align: center;
+}
+.message-content .sender {
+  color: #6A9CBA;
+  font-weight: bold;
+  width: auto;
+  text-overflow: inherit;
+  vertical-align: middle;
+  margin: 0;
+}
+.message-content .time {
+  width: auto;
+  text-overflow: inherit;
+  white-space: normal;
+  float: none;
+  vertical-align: middle;
+}
+ul.attachment-list {
+  margin: 6px 0 4px 8px;
+}
+ul.attachment-list > li {
+  margin-bottom: 3px;
+}
+.message-attachment {
+  padding-left: 10px;
+  padding-right: 10px;
+}
+.attached-file {
+  color: #777;
+  width: 200px;
+  display: inline-block;
+}
+.attached-file > .ace-icon {
+  display: inline-block;
+  width: 16px;
+  margin-right: 2px;
+  vertical-align: middle;
+}
+.attached-file:hover {
+  text-decoration: none;
+  color: #438EB9;
+}
+.attached-file:hover .attached-name {
+  color: #2283C5;
+}
+.attached-file .attached-name {
+  display: inline-block;
+  max-width: 175px;
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap;
+  vertical-align: middle;
+}
+.messagebar-item-left,
+.messagebar-item-right {
+  position: absolute;
+  bottom: 14px;
+  left: 12px;
+  text-align: left;
+}
+.messagebar-item-right {
+  right: 12px;
+  left: auto;
+}
+.message-navbar .nav-search {
+  right: auto;
+  left: 5px;
+  top: auto;
+  bottom: 11px;
+}
+.message-navbar .messagebar-item-left ~ .nav-search {
+  left: 60px;
+}
+.message-form {
+  border: 1px solid #ddd;
+  border-top: none;
+  padding-top: 22px;
+}
+@media only screen and (max-width: 480px) {
+  .message-form {
+    padding-left: 16px;
+    padding-right: 16px;
+  }
+}
+.message-form .form-actions {
+  margin-bottom: 0;
+}
+.message-form .wysiwyg-editor {
+  overflow: auto;
+  min-height: 150px;
+  max-height: 250px;
+  height: auto;
+}
+.btn-send-message {
+  position: relative;
+  top: 6px;
+  vertical-align: middle;
+}
+.btn-back-message-list {
+  color: #777;
+}
+.btn-back-message-list:hover {
+  color: #478FCA;
+  text-decoration: none;
+}
+.message-condensed .message-item {
+  padding-top: 8px;
+  padding-bottom: 9px;
+}
+.message-condensed .message-navbar,
+.message-condensed .message-footer {
+  padding-top: 7px;
+  padding-bottom: 7px;
+}
+.message-condensed .messagebar-item-left,
+.message-condensed .messagebar-item-right {
+  bottom: 9px;
+}
+.message-condensed .message-navbar .nav-search {
+  bottom: 7px;
+}
+@media only screen and (max-width: 480px) {
+  .message-condensed .message-bar {
+    min-height: 42px;
+  }
+}
+.inbox-folders .btn-block {
+  margin-top: 0;
+}
+@media only screen and (max-width: 767px) {
+  .inbox-folders.inbox-folders-responsive .btn-block {
+    width: 24%;
+  }
+}
+@media only screen and (max-width: 600px) {
+  .inbox-folders.inbox-folders-responsive .btn-block {
+    width: 48%;
+  }
+}
+@media only screen and (max-width: 320px) {
+  .inbox-folders.inbox-folders-responsive .btn-block {
+    width: 99%;
+  }
+}
+.inbox-folders .btn-lighter,
+.inbox-folders .btn-lighter.active {
+  background-color: #F4F4F4 !important;
+  text-shadow: none !important;
+  color: #7C8395 !important;
+  border: 1px solid #FFF  !important;
+  padding: 5px 11px;
+}
+.inbox-folders .btn-lighter.active {
+  background-color: #EDF2F8 !important;
+  color: #53617C !important;
+}
+.inbox-folders .btn-lighter:hover {
+  background-color: #EFEFEF !important;
+  color: #6092C4 !important;
+}
+.inbox-folders .btn > .ace-icon:first-child {
+  display: inline-block;
+  width: 14px;
+  text-align: left;
+}
+.inbox-folders .btn-lighter + .btn-lighter {
+  border-top-width: 0 !important;
+}
+.inbox-folders .btn.active:before {
+  display: block;
+  content: "";
+  position: absolute;
+  top: 1px;
+  bottom: 1px;
+  left: -1px;
+  border-left: 3px solid #4F99C6;
+}
+.inbox-folders .btn.active:after {
+  display: none;
+}
+.inbox-folders .btn .counter {
+  border-radius: 3px;
+  position: absolute;
+  right: 8px;
+  top: 8px;
+  padding-left: 6px;
+  padding-right: 6px;
+  opacity: 0.75;
+  filter: alpha(opacity=75);
+}
+.inbox-folders .btn:hover .badge {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.timeline-container {
+  position: relative;
+  padding-top: 4px;
+  margin-bottom: 32px;
+}
+.timeline-container:last-child {
+  margin-bottom: 0;
+}
+.timeline-container:before {
+  /* the vertical line running through icons */
+  content: "";
+  display: block;
+  position: absolute;
+  left: 28px;
+  top: 0;
+  bottom: 0;
+  border: 1px solid #E2E3E7;
+  background-color: #E7EAEF;
+  width: 4px;
+  border-width: 0 1px;
+}
+.timeline-container:first-child:before {
+  border-top-width: 1px;
+}
+.timeline-container:last-child:before {
+  border-bottom-width: 1px;
+}
+.timeline-item {
+  position: relative;
+  margin-bottom: 8px;
+}
+.timeline-item .widget-box {
+  background-color: #F2F6F9;
+  color: #595C66;
+}
+.timeline-item .transparent.widget-box {
+  border-left: 3px solid #DAE1E5;
+}
+.timeline-item .transparent .widget-header {
+  background-color: #ECF1F4;
+  border-bottom-width: 0;
+}
+.timeline-item .transparent .widget-header > .widget-title {
+  margin-left: 8px;
+}
+.timeline-item:nth-child(even) .widget-box {
+  background-color: #F3F3F3;
+  color: #616161;
+}
+.timeline-item:nth-child(even) .widget-box.transparent {
+  border-left-color: #DBDBDB !important;
+}
+.timeline-item:nth-child(even) .widget-box.transparent .widget-header {
+  background-color: #EEE !important;
+}
+.timeline-item .widget-box {
+  margin: 0;
+  position: relative;
+  max-width: none;
+  margin-left: 60px;
+}
+.timeline-item .widget-main {
+  margin: 0;
+  position: relative;
+  max-width: none;
+  border-bottom-width: 0;
+}
+.timeline-item .widget-body {
+  background-color: transparent;
+}
+.timeline-item .widget-toolbox {
+  padding: 4px 8px 0 !important;
+  background-color: transparent !important;
+  border-width: 0 !important;
+  margin: 0 0px !important;
+}
+.timeline-info {
+  float: left;
+  width: 60px;
+  text-align: center;
+  position: relative;
+}
+.timeline-info img {
+  border-radius: 100%;
+  max-width: 42px;
+}
+.timeline-info .label,
+.timeline-info .badge {
+  font-size: 12px;
+}
+.timeline-container:not(.timeline-style2) .timeline-indicator {
+  opacity: 1;
+  border-radius: 100%;
+  display: inline-block;
+  font-size: 16px;
+  height: 36px;
+  line-height: 30px;
+  width: 36px;
+  text-align: center;
+  text-shadow: none !important;
+  padding: 0;
+  cursor: default;
+  border: 3px solid #FFF !important;
+}
+.timeline-label {
+  display: block;
+  clear: both;
+  margin: 0 0 18px;
+  margin-left: 34px;
+}
+.timeline-item img {
+  border: 1px solid #AAA;
+  padding: 2px;
+  background-color: #FFF;
+}
+.timeline-style2:before {
+  display: none;
+}
+.timeline-style2 .timeline-item {
+  padding-bottom: 22px;
+  margin-bottom: 0;
+}
+.timeline-style2 .timeline-item:last-child {
+  padding-bottom: 0;
+}
+.timeline-style2 .timeline-item:before {
+  content: "";
+  display: block;
+  position: absolute;
+  left: 90px;
+  top: 5px;
+  bottom: -5px;
+  border-width: 0;
+  background-color: #DDD;
+  width: 2px;
+  max-width: 2px;
+}
+.timeline-style2 .timeline-item:last-child:before {
+  display: none;
+}
+.timeline-style2 .timeline-item:first-child:before {
+  display: block;
+}
+.timeline-style2 .timeline-item .transparent .widget-header {
+  background-color: transparent !important;
+}
+.timeline-style2 .timeline-item .transparent.widget-box {
+  background-color: transparent !important;
+  border-left: none !important;
+}
+.timeline-style2 .timeline-info {
+  width: 100px;
+}
+.timeline-style2 .timeline-indicator {
+  font-size: 0;
+  height: 12px;
+  line-height: 12px;
+  width: 12px;
+  border-width: 1px !important;
+  background-color: #FFFFFF !important;
+  position: absolute;
+  left: 85px;
+  top: 3px;
+  opacity: 1;
+  border-radius: 100%;
+  display: inline-block;
+  padding: 0;
+}
+.timeline-style2 .timeline-date {
+  display: inline-block;
+  width: 72px;
+  text-align: right;
+  margin-right: 25px;
+  color: #777;
+}
+.timeline-style2 .timeline-item .widget-box {
+  margin-left: 112px;
+}
+.timeline-style2 .timeline-label {
+  width: 75px;
+  text-align: center;
+  margin-left: 0;
+  margin-bottom: 10px;
+  text-align: right;
+  color: #666;
+  font-size: 14px;
+}
+.timeline-time {
+  text-align: center;
+  position: static;
+}
+.dataTables_length select {
+  width: 70px;
+  height: 25px;
+  padding: 2px 3px;
+}
+.dataTables_length label {
+  font-weight: normal;
+}
+.dataTables_filter {
+  text-align: right;
+}
+.dataTables_filter input[type=text],
+.dataTables_filter input[type=search] {
+  width: 125px;
+  height: 18px;
+  line-height: 18px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  padding: 4px 6px;
+}
+.dataTables_filter label {
+  font-weight: normal;
+}
+.dataTables_info {
+  font-size: 14px;
+}
+.dataTables_paginate {
+  text-align: right;
+}
+.dataTables_paginate .pagination {
+  margin: 0 12px;
+}
+.dataTables_wrapper label {
+  display: inline-block;
+  font-size: 13px;
+}
+.dataTables_wrapper input[type=text],
+.dataTables_wrapper input[type=search],
+.dataTables_wrapper select {
+  margin-bottom: 0 !important;
+  margin: 0 4px;
+}
+.dataTables_wrapper .row {
+  margin: 0 !important;
+}
+.dataTables_wrapper .row:first-child {
+  padding-top: 12px;
+  padding-bottom: 12px;
+  background-color: #EFF3F8;
+}
+.dataTables_wrapper .row:first-child + .dataTable {
+  border-top: 1px solid #dddddd;
+  border-bottom: 1px solid #dddddd;
+}
+.dataTables_wrapper .row:last-child {
+  border-bottom: 1px solid #e0e0e0;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  background-color: #EFF3F8;
+}
+.dataTables_wrapper .dataTables_scroll + .row {
+  border-top: 1px solid #e0e0e0;
+}
+.dataTable {
+  margin-bottom: 0;
+}
+.dataTable > thead > tr > th[class*=sort] {
+  cursor: pointer;
+}
+.dataTable > thead > tr > th[class*=sort]:after {
+  float: right;
+  display: inline;
+  content: "\f0dc";
+  font-family: FontAwesome;
+  font-size: 13px;
+  font-weight: normal;
+  color: #555;
+}
+.dataTable > thead > tr > th[class*=sort]:hover {
+  color: #547ea8;
+}
+.dataTable > thead > tr > th[class*=sorting_] {
+  color: #307ecc;
+}
+.dataTable > thead > tr > th.sorting_desc,
+.dataTable > thead > tr > th.sorting_asc {
+  background-image: -webkit-linear-gradient(top, #eff3f8 0%, #e3e7ed 100%);
+  background-image: -o-linear-gradient(top, #eff3f8 0%, #e3e7ed 100%);
+  background-image: linear-gradient(to bottom, #eff3f8 0%, #e3e7ed 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0);
+}
+.dataTable > thead > tr > th.sorting_desc:after {
+  content: "\f0dd";
+  top: -6px;
+  color: #307ecc;
+}
+.dataTable > thead > tr > th.sorting_asc:after {
+  content: "\f0de";
+  top: 4px;
+  color: #307ecc;
+}
+.dataTable > thead > tr > th.sorting_disabled {
+  cursor: inherit;
+}
+.dataTable > thead > tr > th.sorting_disabled:after {
+  display: none;
+}
+.dataTables_scrollHead + .dataTables_scrollBody > .dataTable > thead > tr > th:after {
+  display: none;
+}
+.dataTables_scrollHeadInner {
+  width: auto !important;
+}
+.dataTables_scrollHeadInner > .dataTable > thead > tr > th {
+  border-bottom-width: 0 !important;
+}
+.dataTables_borderWrap .dataTables_scrollBody,
+.dataTables_borderWrap .dataTables_scrollHead {
+  border: 1px solid #dddddd !important;
+  border-width: 0 1px !important;
+}
+.dataTables_borderWrap .dataTables_scrollBody .table-bordered,
+.dataTables_borderWrap .dataTables_scrollHead .table-bordered {
+  border-left-width: 0;
+  border-right-width: 0;
+}
+.dataTables_borderWrap .dataTables_scrollBody .table-bordered > thead > tr > th:first-child,
+.dataTables_borderWrap .dataTables_scrollHead .table-bordered > thead > tr > th:first-child,
+.dataTables_borderWrap .dataTables_scrollBody .table-bordered > tbody > tr > td:first-child,
+.dataTables_borderWrap .dataTables_scrollHead .table-bordered > tbody > tr > td:first-child {
+  border-left-width: 0;
+}
+.dataTables_borderWrap .dataTables_scrollBody .table-bordered > thead > tr > th:last-child,
+.dataTables_borderWrap .dataTables_scrollHead .table-bordered > thead > tr > th:last-child,
+.dataTables_borderWrap .dataTables_scrollBody .table-bordered > tbody > tr > td:last-child,
+.dataTables_borderWrap .dataTables_scrollHead .table-bordered > tbody > tr > td:last-child {
+  border-right-width: 0;
+}
+table.dataTable {
+  clear: both;
+  max-width: none !important;
+}
+table.dataTable th:active {
+  outline: none;
+}
+div.dataTables_scrollHead table {
+  margin-bottom: 0 !important;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.dataTables_scrollHead table thead tr:last-child th:first-child,
+div.dataTables_scrollHead table thead tr:last-child td:first-child {
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+div.dataTables_scrollBody table {
+  border-top: none;
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+div.dataTables_scrollBody tbody tr:first-child th,
+div.dataTables_scrollBody tbody tr:first-child td {
+  border-top: none;
+}
+div.dataTables_scrollFoot table {
+  margin-top: 0 !important;
+  border-top: none;
+}
+.DTTT_Print .main-content {
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+.DTTT_Print .navbar-fixed-top + .main-container {
+  padding-top: 0;
+}
+.tableTools-container {
+  margin-bottom: 8px;
+}
+.tableTools-alert.gritter-item-wrapper {
+  padding: 12px 11px 8px;
+  z-index: 1999;
+}
+ul.ColVis_collection {
+  z-index: 2002;
+}
+ul.ColVis_collection > li > a {
+  padding: 0;
+}
+ul.ColVis_collection > li > a:focus {
+  outline: none;
+}
+ul.ColVis_collection > li.ColVis_Special {
+  border-top: 1px solid #DDD;
+}
+ul.ColVis_collection > li.ColVis_Special > a {
+  padding: 6px 11px 7px;
+  text-align: center;
+}
+ul.ColVis_collection label {
+  margin: auto;
+  padding: 6px 11px 7px;
+  display: block;
+  cursor: pointer;
+}
+div.ColVis_catcher {
+  position: absolute;
+  z-index: 1101;
+}
+div.ColVis_collectionBackground {
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  background-color: black;
+  z-index: 1100;
+}
+.fc-toolbar h2 {
+  font-size: 22px;
+  color: #65A0CE;
+}
+.fc-unthemed th,
+.fc-unthemed td,
+.fc-unthemed hr,
+.fc-unthemed thead,
+.fc-unthemed tbody,
+.fc-unthemed .fc-row,
+.fc-unthemed .fc-popover {
+  border-color: #BCD4E5;
+}
+.fc-unthemed .fc-today {
+  background: #FFC;
+}
+.fc-event {
+  border-width: 0;
+  color: #ffffff;
+  padding: 1px 1px 2px 2px;
+  border-radius: 0;
+}
+.fc-event:not([class*="label-"]) {
+  background-color: #abbac3;
+}
+.fc-event.label-yellow {
+  color: #996633;
+}
+.fc-event.label-light {
+  color: #888888;
+}
+.label-yellow .fc-event {
+  color: #996633;
+}
+.label-light .fc-event {
+  color: #888;
+}
+[class*="label-"] > .fc-event,
+[class*="label-"] > .fc-event > .fc-event-skin.fc-event-head {
+  background-color: inherit;
+}
+.fc-event.ui-draggable-dragging {
+  cursor: move;
+}
+.fc-event.fc-event-vert,
+.fc-event-vert > .fc-event {
+  padding: 0 0 1px;
+}
+.fc-day-number {
+  color: #2E6589;
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.fc-widget-header,
+.fc .fc-axis {
+  background: #ECF2F7;
+  color: #8090A0;
+}
+.fc-event-hori,
+.fc-event-vert {
+  border-radius: 0 !important;
+  border-color: transparent;
+}
+.fc-event-vert .fc-event-content {
+  padding-left: 1px;
+  padding-right: 1px;
+}
+.fc-event-vert .fc-event-time {
+  padding: 0;
+}
+.fc-state-default {
+  border: none;
+}
+.fc-state-default,
+.fc-state-default .fc-button-inner {
+  border: none;
+  background-color: #abbac3;
+  color: #FFF;
+  background-image: none;
+  box-shadow: none;
+  text-shadow: none;
+  border-radius: 0 !important;
+  margin-left: 2px;
+}
+.fc-state-default .fc-button-effect {
+  display: none;
+}
+.fc-state-disabled,
+.fc-state-disabled .fc-button-inner {
+  opacity: 0.75;
+  filter: alpha(opacity=75);
+  color: #DDD;
+}
+.fc-state-active,
+.fc-state-active .fc-button-inner {
+  border-color: #4F99C6;
+  background-color: #6FB3E0;
+}
+.fc-state-hover,
+.fc-state-hover .fc-button-inner {
+  background-color: #8B9AA3;
+}
+.fc .fc-button-group > * {
+  margin: 0 1px 0 0;
+}
+.external-event {
+  margin: 6px 0;
+  padding: 0;
+  cursor: default;
+  display: block;
+  font-size: 13px;
+  line-height: 28px;
+  color: #ffffff;
+}
+.external-event:not([class*="label-"]) {
+  background-color: #abbac3;
+}
+.external-event:hover {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.external-event.ui-draggable-dragging {
+  cursor: move;
+}
+.external-event.label-yellow {
+  color: #996633;
+}
+.external-event.label-light {
+  color: #888888;
+}
+.external-event > .ace-icon:first-child {
+  display: inline-block;
+  height: 32px;
+  width: 32px;
+  text-align: center;
+  line-height: 30px;
+  margin-right: 5px;
+  font-size: 15px;
+  border-right: 1px solid #FFF;
+}
+/**
+.widget-main {
+	.fc {
+		position:relative;
+		top:-40px;
+		
+		> .fc-header {
+			position:relative;
+			z-index:10;
+		}
+		
+		.fc-header-space {
+			padding-left:2px;
+		}
+	}
+	
+	.fc-header-title > h2 {
+		font-size: floor(@base-font-size * 1.4);
+		line-height: 36px;
+	}
+	
+	.fc-content {
+		top:-14px;
+		z-index:11;
+	}
+	
+	.fc-button-content {
+		height:37px;
+		line-height:36px;
+	}
+	
+}
+*/
+@media only screen and (max-width: 480px) {
+  .fc-header td {
+    display: block;
+    width: auto;
+    text-align: left;
+  }
+}
+.chosen-container + .help-inline {
+  vertical-align: middle;
+}
+/**
+.chosen-select {
+  display: inline !important; //for validation plugin to work it must be displayed
+  visibility: hidden;
+  opacity: 0;
+  position: absolute;
+  z-index: -1;
+  width: 0;
+  height: 0;
+  border-width: 0;
+}
+*/
+.chosen-container,
+[class*="chosen-container"] {
+  vertical-align: middle;
+}
+.chosen-container > .chosen-single,
+[class*="chosen-container"] > .chosen-single {
+  line-height: 28px;
+  height: 32px;
+  box-shadow: none;
+  background: #FAFAFA;
+}
+.chosen-choices {
+  box-shadow: none !important;
+}
+.chosen-container-single .chosen-single abbr {
+  background: none;
+}
+.chosen-container-single .chosen-single abbr:after {
+  content: "\f00d";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 13px;
+  position: absolute;
+  right: 0;
+  top: -7px;
+}
+.chosen-container-single .chosen-single abbr:hover:after {
+  color: #464646;
+}
+.chosen-container-single.chosen-disabled .chosen-single abbr:hover:after {
+  color: #464646;
+}
+.chosen-single div b {
+  background: none !important;
+}
+.chosen-single div b:before {
+  content: "\f0d7";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 12px;
+  position: relative;
+  top: -1px;
+  left: 1px;
+}
+.chosen-container-active.chosen-with-drop .chosen-single div b:before {
+  content: "\f0d8";
+}
+.chosen-container-single .chosen-search {
+  position: relative;
+}
+.chosen-container-single .chosen-search input[type="text"] {
+  background: none;
+  border-radius: 0;
+  line-height: 28px;
+  height: 28px;
+}
+.chosen-container-single .chosen-search:after {
+  content: "\f002";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 14px;
+  position: absolute;
+  top: 8px;
+  right: 12px;
+}
+.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
+  height: 25px;
+}
+.chosen-container-multi .chosen-choices li.search-choice {
+  line-height: 16px;
+  padding-bottom: 4px;
+}
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
+  background: none;
+}
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
+  content: "\f00d";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 13px;
+  position: absolute;
+  right: 2px;
+  top: -1px;
+}
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
+  text-decoration: none;
+}
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:before {
+  color: #464646;
+}
+.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close:before {
+  color: #464646;
+}
+.chosen-container .chosen-results-scroll-down span,
+.chosen-container .chosen-results-scroll-up span {
+  background: none;
+}
+.chosen-container .chosen-results-scroll-down span:before,
+.chosen-container .chosen-results-scroll-up span:before {
+  content: "\f0d7";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 12px;
+  position: relative;
+  top: -1px;
+  left: 1px;
+}
+.chosen-container .chosen-results-scroll-up span:before {
+  content: "\f0d8";
+}
+.chosen-container-active .chosen-single-with-drop div b:before {
+  content: "\f0d8";
+}
+.chosen-rtl .chosen-search input[type="text"] {
+  background: none;
+}
+.chosen-rtl .chosen-search:after {
+  content: "";
+  display: none;
+}
+.chosen-rtl .chosen-search:before {
+  content: "\f002";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 14px;
+  position: absolute;
+  top: 9px;
+  left: 12px;
+}
+/** chosen - etc */
+.chosen-container-single .chosen-single {
+  border-radius: 0;
+}
+.chosen-container .chosen-results li.highlighted {
+  background: #316AC5;
+  color: #FFF;
+}
+.chosen-container-single .chosen-drop {
+  border-radius: 0;
+  border-bottom: 3px solid #4492C9;
+  border-color: #4492C9;
+}
+.chosen-single.chosen-single-with-drop,
+.chosen-container-active .chosen-single {
+  border-color: #4492C9;
+}
+.form-group.has-error .chosen-single {
+  border-color: #f2a696 !important;
+}
+.form-group.has-info .chosen-single {
+  border-color: #72aec2 !important;
+}
+.form-group.has-warning .chosen-single {
+  border-color: #e3c94c !important;
+}
+.form-group.has-success .chosen-single {
+  border-color: #9cc573 !important;
+}
+.chosen-container-active.chosen-with-drop .chosen-single {
+  border-color: #4492C9;
+}
+.chosen-container .chosen-drop {
+  display: none;
+}
+.chosen-container.chosen-with-drop .chosen-drop {
+  left: auto;
+  right: auto;
+  display: block;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
+  .chosen-rtl .chosen-search input[type="text"],
+  .chosen-container-single .chosen-single abbr,
+  .chosen-container-single .chosen-single div b,
+  .chosen-container-single .chosen-search input[type="text"],
+  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close,
+  .chosen-container .chosen-results-scroll-down span,
+  .chosen-container .chosen-results-scroll-up span {
+    background-image: none !important;
+    background-repeat: no-repeat !important;
+    background-size: auto !important;
+  }
+}
+.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice {
+  background-image: none;
+  background-color: #91b8d0;
+  color: #FFFFFF;
+  display: inline-block;
+  font-size: 13px;
+  font-weight: normal;
+  margin-bottom: 3px;
+  margin-right: 3px;
+  padding: 6px 22px 7px 9px;
+  position: relative;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
+  transition: all 0.2s ease 0s;
+  vertical-align: baseline;
+  white-space: nowrap;
+  border: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-radius: 0;
+}
+.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 18px;
+  height: auto;
+  line-height: 25px;
+  text-align: center;
+}
+.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
+  color: #FFF;
+  position: static;
+  font-size: 11px;
+}
+.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:before {
+  color: #FFF;
+}
+.tag-input-style + .chosen-container-multi.chosen-rtl .chosen-choices li.search-choice {
+  padding: 6px 9px 7px 22px;
+  margin-left: 0;
+  margin-right: 3px !important;
+}
+.tag-input-style + .chosen-container-multi.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
+  right: auto;
+  left: 0;
+}
+
+.select2-container--default .select2-selection--single {
+  border: 1px solid #d5d5d5 !important;
+  border-radius: 0;
+}
+
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+  line-height: 30px !important;
+}
+
+.select2-container .select2-selection--single {
+  height: 32px !important;
+}
+
+.select2-container--default .select2-selection--single .select2-selection__arrow {
+  height: 30px !important;
+}
+
+.select2-container--default .select2-search--dropdown .select2-search__field {
+  border: 1px solid #d5d5d5 !important;
+}
+
+.select2-container--default.select2-container--focus .select2-selection--multiple {
+  border: 1px solid #aaa !important;
+}
+
+.select2-container--default .select2-selection--multiple {
+  border: 1px solid #d5d5d5 !important;
+  border-radius: 0 !important;
+}
+
+
+/*
+.select2-container .select2-choice {
+  border-radius: 0;
+  height: 32px;
+  line-height: 28px;
+}
+.select2-container.select2-drop-above .select2-choice {
+  border-radius: 0;
+}
+.select2-container[class*="input-"] {
+  max-width: none;
+}
+.select2-container.input-mini {
+  min-width: 100px;
+}
+.select2-container .select2-choice abbr,
+.select2-search-choice-close {
+  background: none;
+}
+.select2-container .select2-choice abbr:before,
+.select2-search-choice-close:before {
+  font-family: FontAwesome;
+  font-size: 12px;
+  display: inline;
+  content: "\f00d";
+  color: #888;
+  position: relative;
+  top: -1px;
+}
+.select2-container .select2-choice abbr:hover:before,
+.select2-search-choice-close:hover:before {
+  color: #555;
+}
+.select2-container .select2-choice abbr:before {
+  top: -7px;
+}
+.select2-search-choice-close:hover {
+  text-decoration: none !important;
+}
+.select2-drop {
+  border-radius: 0;
+  border: 1px solid #4492C9;
+  border-width: 0 1px 3px;
+}
+.select2-drop.select2-drop-above {
+  border-radius: 0;
+}
+.select2-container .select2-choice {
+  background: #FAFAFA none;
+}
+.select2-container-active .select2-choice,
+.select2-container-active .select2-choices,
+.select2-dropdown-open.select2-drop-above .select2-choice,
+.select2-dropdown-open.select2-drop-above .select2-choices,
+.select2-container-multi.select2-container-active .select2-choices {
+  border-color: #4492C9;
+}
+.select2-results .select2-highlighted {
+  background: #316AC5;
+}
+.select2-container .select2-choice .select2-arrow {
+  border-radius: 0;
+  background: transparent none;
+  border: none;
+}
+.select2-container .select2-choice .select2-arrow b {
+  background: none;
+}
+.select2-container .select2-choice .select2-arrow b:before {
+  font-family: FontAwesome;
+  font-size: 12px;
+  display: inline;
+  content: "\f0d7";
+  color: #888;
+  position: relative;
+  left: 5px;
+}
+.select2-dropdown-open .select2-choice .select2-arrow b:before {
+  content: "\f0d8";
+}
+.select2-search .select2-input {
+  background: #fff none;
+  margin-top: 4px;
+}
+.select2-search:after {
+  font-family: FontAwesome;
+  font-size: 14px;
+  display: inline;
+  content: "\f002";
+  color: #777;
+  position: relative;
+  top: 0;
+  left: -20px;
+  z-index: 0;
+}
+.select2-dropdown-open.select2-drop-above .select2-choice,
+.select2-dropdown-open.select2-drop-above .select2-choices {
+  background-image: none;
+  background-color: #F6F6F6;
+}
+.select2-container-multi .select2-choices .select2-search-field input {
+  border: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  background: none !important;
+  font-size: 14px;
+}
+.select2-container-multi .select2-choices .select2-search-choice {
+  line-height: 16px;
+  padding-bottom: 4px;
+}
+.select2-container-active .select2-choice,
+.select2-container-active .select2-choices,
+.select2-container-multi.select2-container-active .select2-choices,
+.select2-dropdown-open.select2-drop-above .select2-choice,
+.select2-dropdown-open.select2-drop-above .select2-choices {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.select2-search input.select2-active {
+  background-color: #FFF;
+  position: relative;
+  z-index: 1;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
+  .select2-search input,
+  .select2-search-choice-close,
+  .select2-container .select2-choice abbr,
+  .select2-container .select2-choice div b {
+    background-image: none !important;
+    background-size: auto !important;
+  }
+  .select2-search input {
+    background-position: auto !important;
+  }
+}
+.select2-container-active.select2-dropdown-open .select2-choice {
+  background-image: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
+  background-image: -o-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
+  background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffffffff', GradientType=0);
+}
+.select2-container-active.select2-drop-above .select2-choice {
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
+  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
+  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
+}
+.form-group.has-error .select2-choice,
+.form-group.has-error .select2-choices {
+  border-color: #f2a696 !important;
+}
+.form-group.has-info .select2-choice,
+.form-group.has-info .select2-choices {
+  border-color: #72aec2 !important;
+}
+.form-group.has-warning .select2-choice,
+.form-group.has-warning .select2-choices {
+  border-color: #e3c94c !important;
+}
+.form-group.has-success .select2-choice,
+.form-group.has-success .select2-choices {
+  border-color: #9cc573 !important;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
+  .select2-search input,
+  .select2-search-choice-close,
+  .select2-container .select2-choice abbr,
+  .select2-container .select2-choice .select2-arrow b {
+    background-image: none !important;
+    background-repeat: no-repeat !important;
+    background-size: auto !important;
+  }
+  .select2-search input {
+    background-position: auto !important;
+  }
+}
+.select2-container-multi.tag-input-style .select2-choices .select2-search-choice {
+  background-image: none;
+  background-color: #91b8d0;
+  color: #FFFFFF;
+  display: inline-block;
+  font-size: 13px;
+  font-weight: normal;
+  margin-bottom: 3px;
+  margin-right: 0;
+  padding: 6px 22px 7px 9px;
+  position: relative;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
+  transition: all 0.2s ease 0s;
+  vertical-align: baseline;
+  white-space: nowrap;
+  border: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-radius: 0;
+}
+.select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: auto;
+  width: 18px;
+  height: auto;
+  line-height: 25px;
+  text-align: center;
+}
+.select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close:before {
+  color: #FFF;
+  position: static;
+  font-size: 11px;
+}
+.select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+.select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close:hover:before {
+  color: #FFF;
+}
+*/
+#colorbox:focus,
+#colorbox:active {
+  outline: none;
+}
+#cboxTopLeft,
+#cboxTopCenter,
+#cboxTopRight,
+#cboxMiddleLeft,
+#cboxMiddleRight,
+#cboxBottomLeft,
+#cboxBottomCenter,
+#cboxBottomRight {
+  background: none !important;
+  opacity: 0;
+}
+#cboxContent {
+  border: 12px solid #000;
+  background-color: #FFF;
+  padding: 7px;
+}
+#cboxOverlay {
+  background: rgba(0, 0, 0, 0.95);
+  background: #000;
+}
+#cboxCurrent {
+  left: 64px;
+  margin-bottom: 4px;
+  font-size: 14px;
+}
+#cboxTitle {
+  margin-bottom: 4px;
+  font-size: 14px;
+  color: #777;
+}
+#cboxNext,
+#cboxPrevious,
+#cboxClose {
+  background: none;
+  text-indent: 0;
+  width: 26px;
+  height: 26px;
+  line-height: 22px;
+  padding: 0 4px;
+  text-align: center;
+  border: 2px solid #999;
+  border-radius: 16px;
+  color: #666;
+  font-size: 12px;
+  margin-left: 5px;
+  margin-bottom: 5px;
+}
+#cboxNext:hover,
+#cboxPrevious:hover {
+  color: #333;
+  border-color: #666;
+}
+#cboxContent {
+  overflow: visible;
+}
+#cboxClose {
+  background-color: #000;
+  border: 2px solid #FFF;
+  border-radius: 32px;
+  color: #FFF;
+  font-size: 21px;
+  height: 28px;
+  width: 28px;
+  padding-bottom: 2px;
+  margin-left: 0;
+  right: -14px;
+  top: -14px;
+}
+#cboxLoadingOverlay {
+  background: none !important;
+}
+#cboxLoadingGraphic {
+  background: #FFF none !important;
+  text-align: center;
+}
+#cboxLoadingGraphic > .ace-icon {
+  display: inline-block;
+  background-color: #FFF;
+  border-radius: 8px;
+  width: 32px;
+  height: 32px;
+  position: relative;
+  top: 48%;
+  text-align: center;
+  vertical-align: middle;
+  font-size: 24px;
+  color: #FE7E3E;
+}
+.ace-spinner {
+  display: inline-block;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical {
+  min-width: 18px;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical > .btn {
+  font-size: 10px;
+  padding: 0;
+  width: 22px;
+  height: 16px;
+  line-height: 8px;
+  margin-left: 0;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical > .btn:first-child {
+  margin-top: 0;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical > .btn > .ace-icon {
+  margin: 0;
+  padding: 0;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical > .btn + .btn {
+  margin-top: 2px;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical > .btn-xs {
+  height: 14px;
+  line-height: 7px;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical > .btn-lg {
+  height: 22px;
+  line-height: 10px;
+  width: 22px;
+}
+.ace-spinner .spinbox-buttons > button.btn.spinbox-up:active {
+  top: -1px;
+}
+.ace-spinner:not(.touch-spinner) .spinbox-buttons > .btn > .ace-icon {
+  margin-top: -1px;
+}
+.ace-spinner.touch-spinner .spinbox-buttons {
+  margin: 0;
+  font-size: 0;
+}
+.ace-spinner.touch-spinner .spinbox-buttons .btn-sm {
+  width: 32px;
+}
+.ace-spinner.touch-spinner .spinbox-buttons .btn-xs {
+  width: 24px;
+}
+.ace-spinner.touch-spinner .spinbox-buttons .btn-lg {
+  width: 40px;
+}
+.ace-spinner.touch-spinner .spinbox-buttons > .btn {
+  margin: 0 1px !important;
+}
+.ace-spinner.touch-spinner .spinbox-buttons > .btn-xs {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+.ace-spinner.touch-spinner .spinbox-buttons > .btn > .ace-icon {
+  vertical-align: middle;
+  display: inline-block;
+}
+.steps {
+  list-style: none;
+  display: table;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+  position: relative;
+}
+.steps li {
+  display: table-cell;
+  text-align: center;
+  width: 1%;
+}
+.steps li .step {
+  border: 5px solid #ced1d6;
+  color: #546474;
+  font-size: 15px;
+  border-radius: 100%;
+  background-color: #FFF;
+  position: relative;
+  z-index: 2;
+  display: inline-block;
+  width: 40px;
+  height: 40px;
+  line-height: 30px;
+  text-align: center;
+}
+.steps li:before {
+  display: block;
+  content: "";
+  width: 100%;
+  height: 1px;
+  font-size: 0;
+  overflow: hidden;
+  border-top: 4px solid #CED1D6;
+  position: relative;
+  top: 21px;
+  z-index: 1;
+}
+.steps li.last-child:before {
+  max-width: 50%;
+  width: 50%;
+}
+.steps li:last-child:before {
+  max-width: 50%;
+  width: 50%;
+}
+.steps li:first-child:before {
+  max-width: 51%;
+  left: 50%;
+}
+.steps li.active:before,
+.steps li.complete:before,
+.steps li.active .step,
+.steps li.complete .step {
+  border-color: #5293c4;
+}
+.steps li.complete .step {
+  cursor: default;
+  color: #FFF;
+  -webkit-transition: transform ease 0.1s;
+  -o-transition: transform ease 0.1s;
+  transition: transform ease 0.1s;
+}
+.steps li.complete .step:before {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  line-height: 30px;
+  text-align: center;
+  border-radius: 100%;
+  content: "\f00c";
+  background-color: #FFF;
+  z-index: 3;
+  font-family: FontAwesome;
+  font-size: 17px;
+  color: #87ba21;
+}
+.steps li.complete:hover .step {
+  -moz-transform: scale(1.1);
+  -webkit-transform: scale(1.1);
+  -o-transform: scale(1.1);
+  -ms-transform: scale(1.1);
+  transform: scale(1.1);
+  border-color: #80afd4;
+}
+.steps li.complete:hover:before {
+  border-color: #80afd4;
+}
+.steps li .title {
+  display: block;
+  margin-top: 4px;
+  max-width: 100%;
+  color: #949ea7;
+  font-size: 14px;
+  z-index: 104;
+  text-align: center;
+  table-layout: fixed;
+  word-wrap: break-word;
+}
+.steps li.complete .title,
+.steps li.active .title {
+  color: #2b3d53;
+}
+.step-content {
+  position: relative;
+}
+.step-content .step-pane {
+  display: none;
+  min-height: 200px;
+  padding: 4px 8px 12px;
+}
+.step-content .step-pane.active {
+  display: block;
+}
+.wizard-actions {
+  text-align: right;
+}
+@media only screen and (max-width: 767px) {
+  .steps li .step {
+    width: 30px;
+    height: 30px;
+    line-height: 24px;
+    border-width: 3px;
+  }
+  .steps li:before,
+  .steps li:after {
+    border-width: 3px;
+  }
+  .steps li.complete .step:before {
+    line-height: 24px;
+    font-size: 13px;
+  }
+  .steps li:before {
+    top: 16px;
+  }
+  .step-content .step-pane {
+    padding: 4px 4px 6px;
+    min-height: 150px;
+  }
+}
+.tree {
+  margin: auto;
+  padding: 0 0 0 9px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  position: relative;
+}
+.tree:before {
+  display: inline-block;
+  content: "";
+  position: absolute;
+  top: -20px;
+  bottom: 16px;
+  left: 0;
+  z-index: 1;
+  border: 1px dotted #67b2dd;
+  border-width: 0 0 0 1px;
+}
+.tree .tree-branch-name,
+.tree .tree-item-name {
+  cursor: pointer;
+}
+.tree .tree-branch {
+  width: auto;
+  min-height: 20px;
+  cursor: pointer;
+}
+.tree .tree-branch .tree-branch-header {
+  position: relative;
+  height: 20px;
+  line-height: 20px;
+}
+.tree .tree-branch .tree-branch-header:hover {
+  background-color: #F0F7FC;
+}
+.tree .tree-branch .tree-branch-header .tree-branch-name,
+.tree .tree-item .tree-item-name {
+  display: inline;
+  z-index: 2;
+}
+.tree .tree-branch .tree-branch-header > .tree-branch-name > .ace-icon:first-child,
+.tree .tree-item > .tree-item-name > .ace-icon:first-child {
+  display: inline-block;
+  position: relative;
+  z-index: 2;
+  top: -1px;
+}
+.tree .tree-branch > .tree-branch-header > .tree-branch-name > .tree-label {
+  margin-left: 2px;
+}
+.tree .tree-branch > .tree-branch-header > .tree-branch-name > .ace-icon:first-child {
+  margin: -2px 0 0 -2px;
+}
+.tree .tree-branch:last-child:after {
+  display: inline-block;
+  content: "";
+  position: absolute;
+  z-index: 1;
+  top: 15px;
+  bottom: 0;
+  left: -15px;
+  border-left: 1px solid #FFF;
+}
+.tree .tree-branch .tree-branch-children {
+  margin: 0 0 0 23px;
+  padding: 0;
+  position: relative;
+}
+.tree .tree-branch .tree-branch-children:before {
+  display: inline-block;
+  content: "";
+  position: absolute;
+  z-index: 1;
+  top: -14px;
+  bottom: 16px;
+  left: -14px;
+  border: 1px dotted #67b2dd;
+  border-width: 0 0 0 1px;
+}
+.tree .tree-item {
+  position: relative;
+  height: 20px;
+  line-height: 20px;
+  cursor: pointer;
+}
+.tree .tree-item:hover {
+  background-color: #F0F7FC;
+}
+.tree .tree-item > .tree-item-name > .ace-icon:first-child {
+  margin-right: 3px;
+}
+.tree .tree-item > .tree-item-name > .tree-label > .ace-icon:first-child {
+  margin-left: 3px;
+  margin-right: 3px;
+}
+.tree .tree-item > .ace-icon:first-child {
+  margin-top: -1px;
+}
+.tree .tree-branch,
+.tree .tree-item {
+  position: relative;
+  list-style: none;
+}
+.tree .tree-branch:before,
+.tree .tree-item:before {
+  display: inline-block;
+  content: "";
+  position: absolute;
+  top: 14px;
+  left: -13px;
+  width: 18px;
+  height: 0;
+  border-top: 1px dotted #67b2dd;
+  z-index: 1;
+}
+.tree .tree-selected {
+  background-color: rgba(98, 168, 209, 0.1);
+  color: #6398B0;
+}
+.tree .tree-selected:hover {
+  background-color: rgba(98, 168, 209, 0.1);
+}
+.tree .tree-item,
+.tree .tree-branch {
+  border: 1px solid #FFF;
+}
+.tree .tree-branch .tree-branch-header {
+  border-radius: 0;
+}
+.tree .tree-item,
+.tree .tree-branch .tree-branch-header {
+  margin: 0;
+  padding: 5px;
+  color: #4D6878;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.tree .tree-item > .tree-item-name > .ace-icon:first-child {
+  color: #F9E8CE;
+  width: 13px;
+  height: 13px;
+  line-height: 13px;
+  font-size: 11px;
+  text-align: center;
+  border-radius: 3px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  background-color: #FAFAFA;
+  border: 1px solid #CCC;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.tree .tree-selected > .tree-item-name > .ace-icon:first-child {
+  background-color: #F9A021;
+  border-color: #F9A021;
+  color: #FFF;
+}
+.tree .tree-plus.ace-icon:first-child,
+.tree .tree-minus.ace-icon:first-child {
+  display: inline-block;
+  font-style: normal;
+  border: 1px solid #DDD;
+  vertical-align: middle;
+  height: 11px;
+  width: 11px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  text-align: center;
+  border: 1px solid #8BAEBF;
+  line-height: 10px;
+  background-color: #FFF;
+  position: relative;
+  z-index: 2;
+}
+.tree .tree-plus.ace-icon:first-child:before,
+.tree .tree-minus.ace-icon:first-child:before {
+  content: "";
+  display: block;
+  width: 7px;
+  height: 0;
+  border-top: 1px solid #4D6878;
+  position: absolute;
+  top: 5px;
+  left: 2px;
+}
+.tree .tree-plus.ace-icon:first-child:after {
+  content: "";
+  display: block;
+  height: 7px;
+  width: 0;
+  border-left: 1px solid #4D6878;
+  position: absolute;
+  top: 2px;
+  left: 5px;
+}
+.tree .tree-unselectable .tree-item > .tree-item-name > .tree-label > .ace-icon:first-child {
+  color: #5084A0;
+  width: 13px;
+  height: 13px;
+  line-height: 13px;
+  font-size: 10px;
+  text-align: center;
+  border-radius: 0;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+.tree .ace-icon[class*="-down"] {
+  transform: rotate(-45deg);
+}
+.tree .ace-icon[class*="-download"] {
+  transform: none;
+}
+.tree .fa-spin {
+  height: auto;
+}
+.tree .tree-loading {
+  margin-left: 36px;
+}
+.tree img {
+  display: inline;
+  veritcal-align: middle;
+}
+.gritter-item-wrapper {
+  background-image: none !important;
+  box-shadow: 0 2px 10px rgba(50, 50, 50, 0.5);
+  background: rgba(50, 50, 50, 0.92);
+}
+.gritter-item-wrapper.gritter-info {
+  background: rgba(49, 81, 133, 0.92);
+}
+.gritter-item-wrapper.gritter-error {
+  background: rgba(153, 40, 18, 0.92);
+}
+.gritter-item-wrapper.gritter-success {
+  background: rgba(89, 131, 75, 0.92);
+}
+.gritter-item-wrapper.gritter-warning {
+  background: rgba(190, 112, 31, 0.92);
+}
+.gritter-item-wrapper.gritter-light {
+  background: rgba(245, 245, 245, 0.95);
+  border: 1px solid #BBB;
+}
+.gritter-item-wrapper.gritter-light.gritter-info {
+  background: rgba(232, 242, 255, 0.95);
+}
+.gritter-item-wrapper.gritter-light.gritter-info .gritter-item {
+  color: #4A577D;
+}
+.gritter-item-wrapper.gritter-light.gritter-error {
+  background: rgba(255, 235, 235, 0.95);
+}
+.gritter-item-wrapper.gritter-light.gritter-error .gritter-item {
+  color: #894A38;
+}
+.gritter-item-wrapper.gritter-light.gritter-success {
+  background: rgba(239, 250, 227, 0.95);
+}
+.gritter-item-wrapper.gritter-light.gritter-success .gritter-item {
+  color: #416131;
+}
+.gritter-item-wrapper.gritter-light.gritter-warning {
+  background: rgba(252, 248, 227, 0.95);
+}
+.gritter-item-wrapper.gritter-light.gritter-warning .gritter-item {
+  color: #946446;
+}
+.gritter-item p {
+  line-height: 1.8;
+}
+.gritter-top,
+.gritter-bottom,
+.gritter-item {
+  background-image: none;
+}
+.gritter-close {
+  left: auto;
+  right: 3px;
+  background-image: none;
+  width: 18px;
+  height: 18px;
+  line-height: 17px;
+  text-align: center;
+  border: 2px solid transparent;
+  border-radius: 16px;
+  color: #E17B67;
+}
+.gritter-close:before {
+  font-family: FontAwesome;
+  font-size: 16px;
+  content: "\f00d";
+}
+.gritter-info .gritter-close {
+  color: #FFA500;
+}
+.gritter-error .gritter-close,
+.gritter-success .gritter-close,
+.gritter-warning .gritter-close {
+  color: #FFEA07;
+}
+.gritter-close:hover {
+  color: #FFF !important;
+}
+.gritter-title {
+  text-shadow: none;
+}
+.gritter-light .gritter-item,
+.gritter-light .gritter-bottom,
+.gritter-light .gritter-top,
+.gritter-light .gritter-close {
+  background-image: none;
+  color: #444;
+}
+.gritter-light .gritter-title {
+  text-shadow: none;
+}
+.gritter-light .gritter-close:hover {
+  color: #8A3104 !important;
+}
+.gritter-center {
+  position: fixed;
+  left: 33%;
+  right: 33%;
+  top: 33%;
+}
+@media only screen and (max-width: 767px) {
+  .gritter-center {
+    left: 16%;
+    right: 16%;
+    top: 30%;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .gritter-center {
+    left: 30px;
+    right: 30px;
+  }
+}
+@media only screen and (max-width: 320px) {
+  .gritter-center {
+    left: 10px;
+    right: 10px;
+  }
+}
+.wysiwyg-editor {
+  max-height: 250px;
+  height: 250px;
+  background-color: #F7F8FA;
+  border-collapse: separate;
+  border: 1px solid #BBC0CA;
+  padding: 4px;
+  box-sizing: content-box;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  outline: none;
+}
+.wysiwyg-editor:focus {
+  background-color: #FFF;
+}
+.wysiwyg-toolbar {
+  line-height: 33px;
+  margin: 0 !important;
+  position: relative;
+}
+.wysiwyg-toolbar .dropdown-menu {
+  text-align: left;
+}
+.wysiwyg-toolbar .btn-group {
+  float: none !important;
+  font-size: 0;
+}
+.wysiwyg-toolbar .btn-group > .btn {
+  float: none;
+  padding-left: 0;
+  padding-right: 0;
+  text-align: center;
+  margin-left: 1px;
+  /**
+		&.active:after {
+			border-color: transparent;
+			border-style: solid;
+			border-top-color: inherit;
+			border-width: 6px 14px;
+			bottom: -13px;
+			left: 0;
+			right: 0;
+		}
+		*/
+}
+.wysiwyg-toolbar .btn-group > .btn > .ace-icon:first-child {
+  font-size: 14px;
+  width: 25px;
+  max-width: 25px;
+  display: inline-block;
+  border-width: 1px !important;
+}
+.wysiwyg-toolbar .btn-group > .btn.dropdown-toggle > .ace-icon:last-child {
+  margin-right: 4px;
+}
+.wysiwyg-style1 .btn-group > .btn,
+.wysiwyg-style2 .btn-group > .btn,
+.wysiwyg-style1 .btn-group > .inline > .btn,
+.wysiwyg-style2 .btn-group > .inline > .btn {
+  margin: 0 !important;
+  background: #FFF !important;
+  border-width: 0 !important;
+  color: #ADB3BE !important;
+  text-shadow: none !important;
+}
+.wysiwyg-style1 .btn-group > .btn.active,
+.wysiwyg-style2 .btn-group > .btn.active,
+.wysiwyg-style1 .btn-group > .inline > .btn.active,
+.wysiwyg-style2 .btn-group > .inline > .btn.active {
+  color: #5B80CE !important;
+}
+.wysiwyg-style1 .btn-group > .btn.active:after,
+.wysiwyg-style2 .btn-group > .btn.active:after,
+.wysiwyg-style1 .btn-group > .inline > .btn.active:after,
+.wysiwyg-style2 .btn-group > .inline > .btn.active:after {
+  display: none;
+}
+.wysiwyg-style1 .btn-group,
+.wysiwyg-style2 .btn-group {
+  position: relative;
+}
+.wysiwyg-style1 .btn-group:after,
+.wysiwyg-style2 .btn-group:after {
+  display: block;
+  content: "";
+  position: absolute;
+  left: -2px;
+  top: 6px;
+  bottom: 6px;
+  width: 0;
+  max-width: 0;
+  border-left: 1px solid #E1E6EA;
+}
+.wysiwyg-style1 .btn-group:first-child:after,
+.wysiwyg-style2 .btn-group:first-child:after {
+  display: none;
+}
+.wysiwyg-style2 {
+  background-color: #E5E5E5;
+}
+.wysiwyg-style2 + .wysiwyg-editor {
+  border-color: #DDD;
+  background-color: #FFF;
+  border-top: none;
+}
+.wysiwyg-style2 .btn-group > .btn,
+.wysiwyg-style2 .btn-group > .inline > .btn {
+  margin: 0 1px 0 0 !important;
+  background: #FFF !important;
+  border: none !important;
+  color: #8D939E !important;
+  text-shadow: none !important;
+}
+.wysiwyg-style2 .btn-group > .btn.active,
+.wysiwyg-style2 .btn-group > .inline > .btn.active {
+  color: #FFF !important;
+  background: #6AAEDF !important;
+}
+.wysiwyg-style2 .btn-group:after {
+  display: none;
+}
+.wysiwyg-toolbar .btn-colorpicker {
+  width: 24px;
+  height: 24px;
+  position: relative;
+  background: #87B87F;
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
+  /*  FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #cf3e73), color-stop(20%, #ffffff), color-stop(30%, #2283c5), color-stop(40%, #ffffff), color-stop(50%, #87b87f), color-stop(60%, #ffffff), color-stop(70%, #ffb752), color-stop(80%, #ffffff), color-stop(90%, #d15b47), color-stop(100%, #ffffff));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
+  /* Opera11.10+ */
+  background: -ms-linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
+  /* IE10+ */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CF3E73', endColorstr='#FFB752', GradientType=0);
+  /* IE6-9 */
+  background: linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
+  /* W3C */
+}
+.wysiwyg-toolbar .dropdown-colorpicker > .dropdown-menu {
+  top: auto;
+}
+.wysiwyg-toolbar input[type=file] {
+  position: fixed;
+  z-index: -10;
+  opacity: 0;
+  max-width: 0;
+  max-height: 0;
+  display: block;
+}
+.wysiwyg-toolbar .wysiwyg-choose-file {
+  display: inline-block;
+  width: auto;
+  margin: 4px auto 0;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.wysiwyg-toolbar .dropdown-menu input[type=text] {
+  margin-left: 8px;
+  margin-bottom: 0;
+}
+.wysiwyg-toolbar .dropdown-menu input[type=text].form-control {
+  min-width: 150px;
+}
+.wysiwyg-toolbar .dropdown-menu .btn {
+  margin-right: 8px;
+  margin-left: 8px;
+}
+.wysiwyg-style1 .btn-colorpicker {
+  width: 20px;
+  height: 20px;
+  margin-left: 4px;
+}
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  /* for adding image resize functionality in chrome and safari */
+  .wysiwyg-editor img {
+    display: inline !important;
+  }
+  .wysiwyg-editor .ui-wrapper {
+    border: 1px dotted #D00;
+    overflow: visible !important;
+    /* because it's image only, so it's ok */
+    display: inline-block !important;
+    vertical-align: middle;
+  }
+  .wysiwyg-editor .ui-wrapper:after {
+    content: "";
+    display: block;
+    position: absolute;
+    right: -3px;
+    bottom: -3px;
+    width: 7px;
+    height: 7px;
+    border: 1px solid #D00;
+    background-color: #FFF;
+    z-index: 1;
+  }
+}
+/* inside widget */
+.widget-header .wysiwyg-toolbar {
+  background-color: transparent;
+}
+.widget-header .wysiwyg-toolbar .btn-group > .btn,
+.widget-header .wysiwyg-toolbar .btn-group > .inline > .btn {
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.25) !important;
+  color: #FFF !important;
+  min-width: 32px;
+  border-width: 1px !important;
+  border-radius: 4px !important;
+  padding: 2px 1px 4px;
+}
+.widget-header .wysiwyg-toolbar .btn-group > .btn.active,
+.widget-header .wysiwyg-toolbar .btn-group > .inline > .btn.active {
+  background: rgba(0, 0, 0, 0.25) !important;
+}
+.widget-body .wysiwyg-editor {
+  border-width: 0;
+}
+.wysiwyg-speech-input {
+  width: 20px !important;
+  color: transparent !important;
+  background: transparent none !important;
+  border-width: 0 !important;
+  -moz-transform: scale(2.0, 2.0);
+  -webkit-transform: scale(2.0, 2.0);
+  -o-transform: scale(2.0, 2.0);
+  -ms-transform: scale(2.0, 2.0);
+  transform: scale(2.0, 2.0);
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  position: absolute;
+  right: 0;
+  top: -10px;
+  cursor: pointer;
+}
+.wysiwyg-speech-input:focus {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+.widget-body .md-header {
+  margin-top: -30px;
+  margin-left: 9px;
+}
+.widget-body .md-header .btn {
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.25) !important;
+  color: #FFF !important;
+  text-align: center;
+  min-width: 32px;
+  border-width: 1px !important;
+  border-radius: 4px !important;
+  padding: 2px 4px 4px;
+}
+.widget-body .md-header .btn > .ace-icon {
+  font-size: 14px;
+  width: 25px;
+  max-width: 25px;
+  display: inline-block;
+}
+.widget-body .md-header .btn-inverse {
+  background: rgba(0, 0, 0, 0.25) !important;
+  padding-right: 5px;
+  margin-left: 4px;
+}
+.md-fullscreen-controls {
+  display: none;
+}
+.widget-body .md-preview {
+  padding: 8px;
+  min-height: 200px;
+}
+.widget-body .md-input {
+  border: none !important;
+  box-shadow: none !important;
+  display: block;
+  margin-bottom: 0;
+  background-color: rgba(48, 126, 204, 0.07);
+  padding: 8px;
+  width: 100%;
+}
+.widget-body .md-input:focus {
+  background-color: #FFF;
+  box-shadow: none !important;
+}
+.editable-container .popover-title {
+  color: #438EB9;
+}
+.editable-click {
+  border-bottom: 1px dashed #BBB;
+  cursor: pointer;
+  font-weight: normal;
+}
+img.editable-click {
+  border: 1px dotted #BBB;
+}
+.editable-click:hover {
+  border-color: #0088CC;
+  color: #0088CC;
+}
+img.editable-click:hover {
+  opacity: 0.75;
+  filter: alpha(opacity=75);
+}
+.editable-buttons,
+.editable-input {
+  display: inline-block;
+}
+.editable-buttons {
+  margin-left: 1px;
+}
+.editable-buttons .btn {
+  padding: 0;
+  width: 28px;
+  line-height: 24px;
+  border-width: 3px;
+  font-size: 12px;
+  margin: 0 1px 0 0;
+}
+.editable-buttons .btn > .ace-icon {
+  margin: 0;
+}
+.editable-clear-x {
+  cursor: pointer;
+  color: #888;
+  background: none;
+}
+.editable-clear-x:hover {
+  color: #D15B47;
+}
+.editable-clear-x:before {
+  display: inline-block;
+  content: "\f057";
+  font-family: FontAwesome;
+  font-size: 15px;
+  position: absolute;
+  margin-top: -9px;
+  width: 16px;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+}
+.editable-input .ace-spinner {
+  margin-right: 8px;
+}
+.editable-input .ace-spinner .spinner-input {
+  width: 100%;
+}
+.editable-inline .editable-slider {
+  margin-top: 10px;
+  margin-right: 4px;
+}
+.editable-popup .editable-slider {
+  display: block;
+  margin-bottom: 16px;
+  margin-top: 4px;
+}
+.editable-slider input[type=text] {
+  display: none;
+}
+.editable-slider input[type=range] {
+  outline: none !important;
+}
+.editable-input .ace-file-input {
+  display: block;
+}
+.editable-image .ace-file-multiple .ace-file-container.selected {
+  border-color: transparent;
+}
+.editable-image + .editable-buttons,
+.editable-wysiwyg + .editable-buttons {
+  display: block;
+  text-align: center;
+  margin-top: 8px;
+}
+.editable-wysiwyg {
+  width: 95%;
+}
+.editable-wysiwyg .wysiwyg-editor {
+  height: auto;
+  overflow-y: hidden;
+}
+.editableform .input-append.dropdown-menu {
+  display: none;
+}
+.editableform .open .input-append.dropdown-menu {
+  display: block;
+}
+.editable-container .editableform {
+  margin-bottom: 10px;
+}
+.editable-inline .editableform {
+  margin-bottom: 0;
+}
+.editableform .control-group {
+  display: block;
+}
+.editableform-loading {
+  background: none;
+}
+.editableform-loading .ace-icon,
+.editableform-loading .progress {
+  position: relative;
+  top: 35%;
+}
+.input-group.date .input-group-addon {
+  cursor: pointer;
+}
+.datepicker td,
+.daterangepicker td,
+.datepicker th,
+.daterangepicker th {
+  border-radius: 0 !important;
+  font-size: 13px;
+}
+.datepicker td.active,
+.daterangepicker td.active,
+.datepicker td.active:hover,
+.daterangepicker td.active:hover {
+  background: #2283c5 !important;
+}
+.datepicker td.active.disabled,
+.daterangepicker td.active.disabled,
+.datepicker td.active.disabled:hover,
+.daterangepicker td.active.disabled:hover {
+  background: #8b9aa3 !important;
+}
+.datepicker td,
+.datepicker th {
+  min-width: 32px;
+}
+.datepicker-dropdown.datepicker-orient-bottom:after,
+.datepicker-dropdown.datepicker-orient-bottom:before {
+  top: auto;
+}
+.daterangepicker .calendar-date {
+  border-radius: 0;
+}
+.datepicker-months .month,
+.datepicker-years .year {
+  border-radius: 0 !important;
+}
+.datepicker-months .month.active,
+.datepicker-years .year.active,
+.datepicker-months .month.active:hover,
+.datepicker-years .year.active:hover,
+.datepicker-months .month.active:focus,
+.datepicker-years .year.active:focus,
+.datepicker-months .month.active:active,
+.datepicker-years .year.active:active {
+  background-image: none !important;
+  background-color: #2283c5 !important;
+}
+.bootstrap-timepicker-widget table td input {
+  width: 32px;
+}
+.well .datepicker table tr td.day:hover {
+  background-color: #7d8893;
+  color: #FFF;
+}
+.bootstrap-timepicker-widget table td a:hover {
+  border-radius: 0;
+}
+.daterangepicker.opensleft:before,
+.daterangepicker.opensright:before {
+  -moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
+}
+.daterangepicker.opensleft:after,
+.daterangepicker.opensright:after {
+  -moz-border-bottom-colors: #fff;
+}
+.datepicker-dropdown:before {
+  -moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
+}
+.datepicker-dropdown:after {
+  -moz-border-bottom-colors: #fff;
+}
+.datepicker-dropdown.datepicker-orient-bottom:before {
+  -moz-border-top-colors: #999;
+}
+.datepicker-dropdown.datepicker-orient-bottom:after {
+  -moz-border-top-colors: #FFF;
+}
+.bootstrap-timepicker-widget.dropdown-menu:before {
+  -moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
+}
+.bootstrap-timepicker-widget.dropdown-menu:after {
+  -moz-border-bottom-colors: #FFF;
+}
+.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
+  -moz-border-top-colors: #999;
+}
+.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
+  -moz-border-top-colors: #FFF;
+}
+.bootstrap-datetimepicker-widget [class=btn] {
+  border-width: 0 !important;
+  background-color: transparent !important;
+  color: #7399b8 !important;
+  text-shadow: none !important;
+}
+.bootstrap-datetimepicker-widget [class=btn]:hover {
+  color: #1B6AAA !important;
+}
+.bootstrap-datetimepicker-widget .btn.btn-primary {
+  border-width: 3px !important;
+}
+.bootstrap-datetimepicker-widget .picker-switch {
+  margin-bottom: 2px;
+}
+.bootstrap-datetimepicker-widget .picker-switch .btn {
+  width: 90% !important;
+  background-color: #EEE !important;
+  color: #478fca !important;
+  font-size: 16px;
+}
+.bootstrap-datetimepicker-widget .picker-switch .btn:hover {
+  background-color: #e3edf5 !important;
+}
+.bootstrap-datetimepicker-widget td span {
+  border-radius: 0;
+}
+.bootstrap-datetimepicker-widget .timepicker-hour,
+.bootstrap-datetimepicker-widget .timepicker-minute,
+.bootstrap-datetimepicker-widget .timepicker-second {
+  color: #555 !important;
+}
+.ui-slider {
+  background-color: #D5D5D5;
+}
+.ui-slider-horizontal {
+  height: 9px;
+}
+.ui-slider-vertical {
+  width: 9px;
+}
+.ui-slider .ui-slider-handle {
+  border-radius: 0;
+  width: 1.45em;
+  height: 1.45em;
+  background-color: #F8F8F8;
+  border: 1px solid;
+}
+.ui-slider .ui-slider-handle:before,
+.ui-slider .ui-slider-handle:after {
+  display: block;
+  content: "";
+  position: absolute;
+  top: 4px;
+  left: 5px;
+  width: 4px;
+  height: 8px;
+  border: 1px solid;
+  border-width: 0 1px;
+  border-color: inherit;
+}
+.ui-slider .ui-slider-handle:after {
+  left: 8px;
+  border-width: 0 1px 0 0;
+}
+.ui-slider .ui-slider-handle:hover {
+  background-color: #FFF;
+}
+.ui-slider .ui-slider-handle:hover,
+.ui-slider .ui-slider-handle:focus,
+.ui-slider .ui-slider-handle:active {
+  outline: none;
+  -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,.3);
+  box-shadow: 1px 1px 1px 0px rgba(0,0,0,.3);
+}
+.ui-slider-horizontal .ui-slider-handle {
+  margin-left: -0.725em;
+  top: -0.4em;
+}
+.ui-slider-vertical .ui-slider-handle {
+  left: -0.35em;
+  margin-bottom: -0.65em;
+}
+.ui-slider-small.ui-slider-horizontal {
+  height: 5px;
+}
+.ui-slider-small.ui-slider-vertical {
+  width: 5px;
+}
+.ui-slider-small .ui-slider-handle {
+  border-radius: 100%;
+  width: 17px;
+  height: 17px;
+  margin-bottom: -0.45em;
+  left: -0.35em;
+}
+.ui-slider-small .ui-slider-handle:before,
+.ui-slider-small .ui-slider-handle:after {
+  height: 7px;
+  left: 5px;
+  width: 3px;
+}
+.ui-slider-small .ui-slider-handle:after {
+  left: 7px;
+}
+.ui-slider-simple .ui-slider-handle:after,
+.ui-slider-simple .ui-slider-handle:before {
+  display: none;
+}
+/* colors */
+.ui-slider-range {
+  background-color: #4aa4ce;
+}
+.ui-slider-handle {
+  outline: none !important;
+  border-color: #4aa4ce !important;
+}
+.ui-state-disabled.ui-slider {
+  background-color: #E5E5E5;
+}
+.ui-state-disabled .ui-slider-range {
+  background-color: #8daebe;
+}
+.ui-state-disabled .ui-slider-handle {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  border-color: #8daebe !important;
+}
+.ui-slider-green .ui-slider-range {
+  background-color: #8bbc67;
+}
+.ui-slider-green .ui-slider-handle {
+  border-color: #8bbc67 !important;
+}
+.ui-slider-green.ui-state-disabled .ui-slider-range {
+  background-color: #aab0a6;
+}
+.ui-slider-green.ui-state-disabled .ui-slider-handle {
+  border-color: #aab0a6 !important;
+}
+.ui-slider-red .ui-slider-range {
+  background-color: #d36e6e;
+}
+.ui-slider-red .ui-slider-handle {
+  border-color: #d36e6e !important;
+}
+.ui-slider-red.ui-state-disabled .ui-slider-range {
+  background-color: #c8acac;
+}
+.ui-slider-red.ui-state-disabled .ui-slider-handle {
+  border-color: #c8acac !important;
+}
+.ui-slider-purple .ui-slider-range {
+  background-color: #ac68ba;
+}
+.ui-slider-purple .ui-slider-handle {
+  border-color: #ac68ba !important;
+}
+.ui-slider-purple.ui-state-disabled .ui-slider-range {
+  background-color: #ada7ae;
+}
+.ui-slider-purple.ui-state-disabled .ui-slider-handle {
+  border-color: #ada7ae !important;
+}
+.ui-slider-orange .ui-slider-range {
+  background-color: #efad62;
+}
+.ui-slider-orange .ui-slider-handle {
+  border-color: #efad62 !important;
+}
+.ui-slider-orange.ui-state-disabled .ui-slider-range {
+  background-color: #e0c4a4;
+}
+.ui-slider-orange.ui-state-disabled .ui-slider-handle {
+  border-color: #e0c4a4 !important;
+}
+.ui-slider-dark .ui-slider-range {
+  background-color: #606060;
+}
+.ui-slider-dark .ui-slider-handle {
+  border-color: #606060 !important;
+}
+.ui-slider-dark.ui-state-disabled .ui-slider-range {
+  background-color: #7a7a7a;
+}
+.ui-slider-dark.ui-state-disabled .ui-slider-handle {
+  border-color: #7a7a7a !important;
+}
+.ui-slider-pink .ui-slider-range {
+  background-color: #d6487e;
+}
+.ui-slider-pink .ui-slider-handle {
+  border-color: #d6487e !important;
+}
+.ui-slider-pink.ui-state-disabled .ui-slider-range {
+  background-color: #c38ea2;
+}
+.ui-slider-pink.ui-state-disabled .ui-slider-handle {
+  border-color: #c38ea2 !important;
+}
+.ui-datepicker {
+  background-color: #FFF;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.ui-datepicker .ui-datepicker-prev,
+.ui-datepicker .ui-datepicker-next {
+  height: 26px;
+  min-width: 32px;
+  max-width: 32px;
+  text-align: center;
+  cursor: pointer;
+  color: transparent;
+  line-height: 26px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.ui-datepicker .ui-datepicker-prev .ui-icon,
+.ui-datepicker .ui-datepicker-next .ui-icon {
+  color: transparent;
+  visibility: hidden;
+}
+.ui-datepicker .ui-datepicker-prev:hover,
+.ui-datepicker .ui-datepicker-next:hover {
+  background-color: #EEE;
+  text-decoration: none;
+}
+.ui-datepicker .ui-datepicker-prev:before,
+.ui-datepicker .ui-datepicker-next:before {
+  display: inline;
+  font-family: FontAwesome;
+  font-size: 14px;
+  content: "\f060";
+  color: #393939;
+}
+.ui-datepicker .ui-datepicker-prev-hover,
+.ui-datepicker .ui-datepicker-next-hover {
+  top: 2px;
+}
+.ui-datepicker .ui-datepicker-next:before {
+  content: "\f061";
+}
+.ui-datepicker .ui-datepicker-prev-hover {
+  left: 2px;
+}
+.ui-datepicker .ui-datepicker-next-hover {
+  right: 2px;
+}
+.ui-datepicker td {
+  padding: 0;
+}
+.ui-datepicker td > a,
+.ui-datepicker td > span {
+  display: inline-block;
+  height: 22px;
+  min-width: 24px;
+  max-width: 24px;
+  text-align: center;
+  color: #393939;
+  font-size: 13px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.ui-datepicker td > a:hover {
+  background-color: #EEE;
+}
+.ui-datepicker td > a.ui-state-highlight {
+  background-color: #D5E5EF;
+}
+.ui-datepicker td > a.ui-state-active {
+  background-color: #2283c5;
+  color: #FFF;
+}
+.ui-datepicker td > a.ui-priority-secondary {
+  color: #888;
+}
+.ui-datepicker td > span {
+  color: #999;
+}
+.ui-datepicker td .ui-datepicker-title select {
+  height: 24px;
+  line-height: 24px;
+  padding: 2px 3px;
+}
+.ui-datepicker td .ui-datepicker-buttonpane {
+  background-color: #DDD;
+  height: 1px;
+}
+/* dialog */
+.ui-widget-overlay {
+  background: rgba(0, 0, 0, 0.25);
+  opacity: 1 !important;
+  filter: alpha(opacity=100) !important;
+  z-index: 1039 !important;
+}
+.ui-dialog,
+.ui-jqdialog {
+  z-index: 1040 !important;
+  background-color: #FFF;
+  padding: 0;
+  border: 1px solid #DDD;
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.ui-dialog .ui-dialog-titlebar,
+.ui-jqdialog .ui-dialog-titlebar,
+.ui-dialog .ui-jqdialog-titlebar,
+.ui-jqdialog .ui-jqdialog-titlebar {
+  background-color: #F1F1F1;
+  font-size: 16px;
+  color: #669fc7;
+  padding: 0;
+}
+.ui-dialog .ui-dialog-title,
+.ui-jqdialog .ui-dialog-title,
+.ui-dialog .ui-jqdialog-title,
+.ui-jqdialog .ui-jqdialog-title {
+  float: none !important;
+  width: auto;
+}
+.ui-dialog .widget-header,
+.ui-jqdialog .widget-header {
+  margin: 0;
+  border-width: 0 0 1px 0;
+}
+.ui-dialog .ui-dialog-buttonpane,
+.ui-jqdialog .ui-dialog-buttonpane,
+.ui-dialog .ui-jqdialog-buttonpane,
+.ui-jqdialog .ui-jqdialog-buttonpane {
+  background-color: #eff3f8;
+  border-top: 1px solid #e4e9ee;
+}
+.ui-dialog .ui-dialog-buttonpane button,
+.ui-jqdialog .ui-dialog-buttonpane button,
+.ui-dialog .ui-jqdialog-buttonpane button,
+.ui-jqdialog .ui-jqdialog-buttonpane button {
+  font-size: 14px;
+}
+.ui-dialog .ui-dialog-titlebar-close,
+.ui-jqdialog .ui-dialog-titlebar-close,
+.ui-dialog .ui-jqdialog-titlebar-close,
+.ui-jqdialog .ui-jqdialog-titlebar-close {
+  border: none;
+  background: transparent;
+  opacity: 0.4;
+  color: #d15b47;
+  padding: 0;
+  top: 50%;
+  right: 8px !important;
+  text-align: center;
+}
+.ui-dialog .ui-dialog-titlebar-close:before,
+.ui-jqdialog .ui-dialog-titlebar-close:before,
+.ui-dialog .ui-jqdialog-titlebar-close:before,
+.ui-jqdialog .ui-jqdialog-titlebar-close:before {
+  content: "\f00d";
+  display: inline;
+  font-family: FontAwesome;
+  font-size: 16px;
+}
+.ui-dialog .ui-dialog-titlebar-close:hover,
+.ui-jqdialog .ui-dialog-titlebar-close:hover,
+.ui-dialog .ui-jqdialog-titlebar-close:hover,
+.ui-jqdialog .ui-jqdialog-titlebar-close:hover {
+  opacity: 1;
+  text-decoration: none;
+  padding: 0;
+}
+.ui-dialog .ui-dialog-titlebar-close .ui-button-text,
+.ui-jqdialog .ui-dialog-titlebar-close .ui-button-text,
+.ui-dialog .ui-jqdialog-titlebar-close .ui-button-text,
+.ui-jqdialog .ui-jqdialog-titlebar-close .ui-button-text {
+  text-indent: 0;
+  visibility: hidden;
+}
+.ui-dialog .widget-header .ui-dialog-titlebar-close,
+.ui-jqdialog .widget-header .ui-dialog-titlebar-close,
+.ui-dialog .widget-header .ui-jqdialog-titlebar-close,
+.ui-jqdialog .widget-header .ui-jqdialog-titlebar-close {
+  right: 10px !important;
+}
+/* accordion */
+.ui-accordion .ui-accordion-header {
+  color: #478fca;
+  font-weight: normal;
+  background-color: #F9F9F9;
+  border: 1px solid #cdd8e3;
+  padding: 8px 8px 9px 24px;
+}
+.ui-accordion .ui-accordion-header:hover {
+  color: #6ea6cc;
+  background-color: #f1f8fd;
+}
+.ui-accordion .ui-accordion-header.ui-state-active {
+  color: #4c8fbd;
+  background-color: #eef4f9;
+  position: relative;
+  font-weight: bold;
+}
+.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
+  text-indent: 0;
+  margin-top: 0;
+  position: absolute;
+  left: 10px;
+  top: 7px;
+}
+.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
+  display: inline;
+  font-family: FontAwesome;
+  font-size: 15px;
+  content: "\f0da";
+}
+.ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:before {
+  content: "\f0d7";
+  font-weight: normal;
+}
+.ui-accordion .ui-accordion-content {
+  border: 1px solid #cdd8e3;
+  border-top-width: 0;
+  padding: 11px 16px;
+}
+/* tabs */
+.ui-tabs .ui-tabs-nav {
+  padding: 0;
+  border-bottom: 1px solid #C5D0DC;
+}
+.ui-tabs .ui-tabs-nav li.ui-state-default > a {
+  background-color: #F9F9F9;
+  border: 1px solid #C5D0DC;
+  border-bottom-width: 0;
+  color: #999;
+  line-height: 16px;
+  margin-right: -1px;
+  z-index: 11;
+  padding: 8px 12px;
+  position: relative;
+  top: 2px;
+}
+.ui-tabs .ui-tabs-nav li > a:focus {
+  outline: none;
+}
+.ui-tabs .ui-tabs-nav li.ui-tabs-active > a {
+  background-color: #FFF;
+  border: 1px solid;
+  border-color: #4C8FBD #C5D0DC transparent;
+  border-top-width: 2px;
+  -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
+  color: #576373;
+  position: relative;
+  top: 1px;
+}
+.ui-tabs .ui-tabs-panel {
+  border: 1px solid #C5D0DC;
+  border-top-width: 0;
+  margin: 0;
+  left: auto;
+  right: auto;
+  top: auto;
+  bottom: auto;
+}
+/* menu */
+.ui-menu {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  width: 150px;
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  background-color: #FFF;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  padding: 3px;
+}
+.ui-menu .ui-state-focus,
+.ui-menu .ui-state-active {
+  margin: auto;
+}
+.ui-menu .ui-menu-item {
+  padding: 5px 10px 6px;
+  color: #444;
+  cursor: pointer;
+  display: block;
+  -webkit-box-sizing: inherit;
+  -moz-box-sizing: inherit;
+  box-sizing: inherit;
+}
+.ui-menu .ui-menu-item .ui-menu-icon {
+  float: right;
+  position: relative;
+  left: auto;
+  right: 4px;
+  bottom: auto;
+  text-indent: 0;
+}
+.ui-menu .ui-menu-item .ui-menu-icon:before {
+  content: "\f105";
+  font-family: FontAwesome;
+  font-size: 14px;
+  display: inline;
+}
+.ui-menu .ui-menu-item:hover,
+.ui-menu .ui-state-focus,
+.ui-menu .ui-state-active,
+.ui-menu .ui-menu-item:hover > .ui-menu-icon,
+.ui-menu .ui-state-focus > .ui-menu-icon,
+.ui-menu .ui-state-active > .ui-menu-icon {
+  text-decoration: none;
+  background-color: #4f99c6;
+  color: #FFF;
+  margin: auto;
+  font-weight: normal;
+}
+.ui-menu .ui-menu-item:hover .ui-menu-icon,
+.ui-menu .ui-state-focus .ui-menu-icon,
+.ui-menu .ui-state-active .ui-menu-icon,
+.ui-menu .ui-menu-item:hover > .ui-menu-icon .ui-menu-icon,
+.ui-menu .ui-state-focus > .ui-menu-icon .ui-menu-icon,
+.ui-menu .ui-state-active > .ui-menu-icon .ui-menu-icon {
+  color: #FFF;
+}
+.ui-menu .ui-state-disabled,
+.ui-menu .ui-state-disabled .ui-menu-icon {
+  color: #999;
+  cursor: default;
+}
+.ui-menu .ui-state-disabled:hover,
+.ui-menu .ui-state-disabled.ui-state-focus,
+.ui-menu .ui-state-disabled.ui-state-active,
+.ui-menu .ui-state-disabled:hover .ui-menu-icon,
+.ui-menu .ui-state-disabled.ui-state-focus .ui-menu-icon,
+.ui-menu .ui-state-disabled.ui-state-active .ui-menu-icon {
+  background-color: #FFF;
+  color: #999;
+}
+/* auto complete */
+.ui-autocomplete {
+  background-color: #FFF;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.ui-autocomplete-category {
+  padding: 6px;
+  position: relative;
+  background-color: #eef4f9;
+  color: #478fca;
+  font-weight: bolder;
+  border: 1px solid #DAE6ED;
+  border-width: 1px 0;
+}
+.ui-spinner-button {
+  border-width: 0 !important;
+  font-size: 10px;
+  height: 16px;
+  line-height: 16px;
+  width: 18px;
+  color: #FFFFFF !important;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
+  display: inline-block;
+  position: absolute;
+  text-align: center;
+  padding: 0;
+}
+.ui-spinner-button > .ace-icon {
+  width: 18px;
+  display: inline-block;
+}
+.ui-spinner-up {
+  top: 0;
+  right: 5px;
+}
+.ui-spinner-down {
+  bottom: 3px;
+  right: 5px;
+}
+.ui-spinner-input {
+  margin-top: 0;
+  padding: 5px;
+  max-width: 100px;
+  font-size: 14px;
+}
+.ui-tooltip {
+  background-color: #444;
+  color: #FFF;
+}
+.ui-progressbar {
+  background-color: #f5f5f5;
+  height: 22px;
+}
+.ui-progressbar .ui-progressbar-value {
+  margin: 0;
+}
+.ui-progressbar .ui-progressbar-value[class="progress-bar"] {
+  background-color: #2a91d8;
+}
+.ui-selectmenu-button {
+  border: 1px solid #aaa;
+}
+.ui-selectmenu-button[aria-expanded=true] {
+  border-color: #4492C9;
+}
+.ui-selectmenu-button span.ui-icon {
+  text-indent: 0;
+  margin-top: -10px;
+}
+.ui-selectmenu-button .ui-icon:before {
+  content: "\f0d7";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 14px;
+}
+.ui-jqgrid .ui-jqgrid-view,
+.ui-jqgrid .ui-paging-info,
+.ui-jqgrid .ui-pg-table,
+.ui-jqgrid .ui-pg-selbox {
+  font-size: 13px;
+}
+.ui-jqgrid .ui-jqgrid-title {
+  float: left;
+  margin: 8px;
+}
+.ui-jqgrid .ui-jqgrid-title-rtl {
+  float: right;
+  margin: 8px;
+}
+.ui-jqgrid-view > .ui-jqgrid-titlebar {
+  height: 40px;
+  line-height: 24px;
+  color: #FFF;
+  background: #307ecc;
+  padding: 0;
+  font-size: 15px;
+}
+.ui-jqgrid tr.jqgrow.ui-row-rtl td:last-child {
+  border-right: none;
+  border-left: 1px solid #E1E1E1;
+}
+.ui-jqgrid .ui-jqgrid-hdiv {
+  background-color: #eff3f8;
+  border: 1px solid #D3D3D3;
+  border-width: 1px 0 0 1px;
+  line-height: 15px;
+  font-weight: bold;
+  color: #777;
+  text-shadow: none;
+}
+.ui-jqgrid .ui-jqgrid-htable thead {
+  background-color: #eff3f8;
+}
+.ui-jqgrid .ui-jqgrid-htable th span.ui-jqgrid-resize {
+  height: 45px !important;
+}
+.ui-jqgrid .ui-jqgrid-htable th div {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+.ui-jqgrid-hdiv .ui-jqgrid-htable {
+  border-top: none;
+}
+.ui-jqgrid-hdiv .ui-jqgrid-htable {
+  border-top: 1px solid #E1E1E1;
+}
+.ui-jqgrid-titlebar {
+  position: relative;
+  top: 1px;
+  z-index: 1;
+}
+.ui-jqgrid tr.jqgrow,
+.ui-jqgrid tr.ui-row-ltr,
+.ui-jqgrid tr.ui-row-rtl {
+  border: none;
+}
+.ui-jqgrid tr.ui-row-ltr td,
+.ui-jqgrid tr.ui-row-rtl td {
+  border-bottom: 1px solid #E1E1E1;
+  padding: 6px 4px;
+  border-color: #E1E1E1;
+}
+.ui-jqgrid tr.ui-state-highlight.ui-row-ltr td {
+  border-right-color: #C7D3A9;
+}
+.ui-jqgrid tr.ui-state-highlight.ui-row-rtl td {
+  border-left-color: #C7D3A9;
+}
+.ui-jqgrid-btable .ui-widget-content.ui-priority-secondary {
+  background-image: none;
+  background-color: #F9F9F9;
+  opacity: 1;
+}
+.ui-jqgrid-btable .ui-widget-content.ui-state-hover {
+  background-image: none;
+  background-color: #EFF4F7;
+  opacity: 1;
+}
+.ui-jqgrid-btable .ui-widget-content.ui-state-highlight {
+  background-color: #E4EFC9;
+}
+.ui-jqgrid .ui-jqgrid-pager {
+  line-height: 15px;
+  height: 55px;
+  padding-top: 3px !important;
+  padding-bottom: 5px !important;
+  background-color: #eff3f8 !important;
+  border-bottom: 1px solid #E1E1E1 !important;
+  border-top: 1px solid #E1E1E1 !important;
+}
+.ui-jqgrid .ui-pg-input {
+  font-size: inherit;
+  width: 24px;
+  height: 20px;
+  line-height: 16px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  text-align: center;
+  padding-top: 1px;
+  padding-bottom: 1px;
+}
+.ui-jqgrid .ui-pg-selbox {
+  display: block;
+  height: 24px;
+  width: 60px;
+  margin: 0;
+  padding: 1px;
+  line-height: normal;
+}
+.ui-jqgrid .ui-jqgrid-htable th div {
+  overflow: visible;
+}
+.ui-jqgrid .ui-pager-control {
+  height: 50px;
+  position: relative;
+  padding-left: 9px;
+  padding-right: 9px;
+}
+.ui-jqgrid .ui-jqgrid-toppager {
+  height: auto !important;
+  background-color: #eff3f8;
+  border-bottom: 1px solid #E1E1E1 !important;
+}
+.ui-jqgrid .jqgrow .editable {
+  max-width: 90%;
+  max-width: calc(92%) !important;
+}
+.ui-pg-table .navtable .ui-corner-all {
+  border-radius: 0;
+}
+.ui-jqgrid .ui-pg-button:hover {
+  padding: 1px;
+}
+.ui-jqgrid .ui-pg-button .ui-separator {
+  margin-left: 4px;
+  margin-right: 4px;
+  border-color: #C9D4DB;
+}
+.ui-jqgrid .ui-jqgrid-btable {
+  border-left: 1px solid #E1E1E1;
+}
+.ui-jqgrid .ui-jqgrid-bdiv {
+  border-top: 1px solid #E1E1E1;
+}
+.ui-jqgrid .loading {
+  position: absolute;
+  top: 45%;
+  left: 45%;
+  width: auto;
+  height: auto;
+  z-index: 101;
+  padding: 6px;
+  margin: 5px;
+  text-align: center;
+  font-weight: bold;
+  font-size: 12px;
+  background-color: #FFF;
+  border: 2px solid #8EB8D1;
+  color: #E2B018;
+}
+.ui-jqgrid .ui-search-toolbar {
+  border-top: 1px solid #E1E1E1;
+}
+.ui-jqgrid .ui-jqgrid-labels {
+  border-bottom: none;
+  background: #F2F2F2;
+  background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
+  background-image: -o-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
+  background-image: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);
+  padding: 0 !important;
+  border-left: 1px solid #E1E1E1 !important;
+}
+.ui-jqgrid .ui-jqgrid-labels th {
+  border-right: 1px solid #E1E1E1 !important;
+  text-align: left !important;
+}
+/* checkbox container */
+.ui-jqgrid-labels th[id*="_cb"]:first-child > div {
+  padding-top: 0;
+  text-align: center !important;
+}
+.ui-jqgrid-sortable {
+  padding-left: 4px;
+  font-size: 13px;
+  color: #777;
+  font-weight: bold;
+}
+.ui-jqgrid-sortable:hover {
+  color: #547ea8;
+}
+th[aria-selected=true] {
+  background-image: -webkit-linear-gradient(top, #eff3f8 0%, #e3e7ed 100%);
+  background-image: -o-linear-gradient(top, #eff3f8 0%, #e3e7ed 100%);
+  background-image: linear-gradient(to bottom, #eff3f8 0%, #e3e7ed 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0);
+}
+th[aria-selected=true] .ui-jqgrid-sortable {
+  color: #307ecc;
+}
+.ui-jqgrid .ui-icon {
+  text-indent: 0;
+  color: #307ecc;
+  float: none;
+  right: 2px;
+}
+.rtl .ui-jqgrid .ui-icon {
+  right: auto;
+  left: 2px;
+}
+.ui-jqgrid .ui-icon.ui-state-disabled {
+  color: #BBB;
+}
+.ui-jqgrid .ui-icon.ui-state-disabled:hover {
+  padding: 0;
+}
+.ui-grid-ico-sort:before {
+  display: inline;
+  content: "\f0d7";
+  font-family: FontAwesome;
+  font-size: 12px;
+}
+.ui-icon-asc:before {
+  content: "\f0d8";
+}
+.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon {
+  display: inline-block;
+  padding: 0;
+  width: 24px;
+  height: 24px;
+  line-height: 22px;
+  text-align: center;
+  position: static;
+  float: none;
+  margin: 0 2px !important;
+  color: #808080;
+  border: 1px solid #CCC;
+  background-color: #FFF;
+  border-radius: 100%;
+}
+.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon:hover {
+  color: #699AB5;
+  border-color: #699AB5;
+}
+.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon:before {
+  width: 20px;
+  text-align: center;
+  display: inline-block;
+}
+.ui-pg-table > tbody > tr > .ui-pg-button.ui-state-disabled .ui-icon {
+  color: #B0B0B0;
+  background-color: #F7F7F7;
+  border-color: #DDD;
+  -moz-transform: scale(0.9);
+  -webkit-transform: scale(0.9);
+  -o-transform: scale(0.9);
+  -ms-transform: scale(0.9);
+  transform: scale(0.9);
+}
+.ui-jqgrid-btable input,
+.ui-jqgrid-btable textarea,
+.ui-jqgrid-btable select {
+  padding: 2px;
+  width: auto;
+  max-width: 100%;
+  margin-bottom: 0;
+}
+.ui-jqgrid-btable select {
+  padding: 1px;
+  height: 25px;
+  line-height: 25px;
+}
+.ui-pg-div .ui-icon {
+  display: inline-block;
+  width: 18px;
+  float: none;
+  position: static;
+  text-align: center;
+  opacity: 0.85;
+  -webkit-transition: all 0.12s;
+  -o-transition: all 0.12s;
+  transition: all 0.12s;
+  margin: 0 1px;
+  vertical-align: middle;
+  cursor: pointer;
+  font-size: 17px;
+}
+.ui-pg-div .ui-icon:hover {
+  -moz-transform: scale(1.2);
+  -webkit-transform: scale(1.2);
+  -o-transform: scale(1.2);
+  -ms-transform: scale(1.2);
+  transform: scale(1.2);
+  opacity: 1;
+  position: static;
+  margin: 0 1px;
+}
+.ui-pg-div .ui-icon:before {
+  font-family: FontAwesome;
+  display: inline;
+}
+.ui-jqgrid .ui-icon-pencil {
+  color: #478FCA;
+}
+.ui-jqgrid .ui-icon-pencil:before {
+  content: "\f040";
+}
+.ui-jqgrid .ui-icon-trash {
+  color: #DD5A43;
+}
+.ui-jqgrid .ui-icon-trash:before {
+  content: "\f014";
+}
+.ui-jqgrid .ui-icon-disk {
+  color: #69AA46;
+}
+.ui-jqgrid .ui-icon-disk:before {
+  content: "\f00c";
+}
+.ui-jqgrid .ui-icon-cancel {
+  color: #DD5A43;
+}
+.ui-jqgrid .ui-icon-cancel:before {
+  content: "\f00d";
+}
+.ui-jqdialog-content,
+.ui-jqdialog .ui-jqdialog-content {
+  font-size: 13px;
+  padding: 4px 0 0;
+}
+.ui-jqdialog-content .formdata,
+.ui-jqdialog .ui-jqdialog-content .formdata {
+  font-size: 13px;
+  padding: 6px 12px;
+}
+.ui-jqdialog-content .form-view-data,
+.ui-jqdialog .ui-jqdialog-content .form-view-data {
+  vertical-align: middle;
+  font-size: 13px;
+}
+.ui-jqdialog-content[id*="alertcnt_"],
+.ui-jqdialog .ui-jqdialog-content[id*="alertcnt_"] {
+  padding: 8px 11px;
+}
+.ui-jqdialog-content .CaptionTD {
+  font-size: 12px;
+  text-align: right;
+  color: #666;
+}
+.ui-jqdialog-content .FormData {
+  border-bottom: 1px dotted #E8E8E8;
+}
+.ui-jqdialog-content .FormData:last-child {
+  border-bottom: none;
+}
+.ui-jqdialog-content .FormData > td {
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+.ui-jqdialog-content input.FormElement {
+  width: auto;
+}
+.ui-jqdialog-content select.FormElement {
+  padding: 1px;
+  height: 25px;
+  line-height: 25px;
+  width: auto;
+}
+.ui-jqdialog-content td.EditButton {
+  padding: 8px;
+}
+.EditTable {
+  background-color: #eff3f8;
+  border-top: 1px solid #D6E1EA !important;
+  padding: 8px;
+}
+.EditTable tr:first-child {
+  display: none;
+}
+.EditTable .navButton .fm-button {
+  float: none !important;
+  width: auto !important;
+  margin: 1px 1px 2px !important;
+  background-color: transparent;
+  border-radius: 100%;
+}
+.EditTable .navButton .fm-button:hover {
+  background-color: transparent;
+}
+.EditTable .navButton .fm-button:focus {
+  outline: none;
+}
+.EditTable .navButton .fm-button .ace-icon {
+  display: inline-block;
+  color: #999;
+  border: 1px solid #AAA;
+  width: 26px;
+  height: 26px;
+  line-height: 26px;
+  text-align: center;
+  border-radius: 100%;
+  background-color: #FFF;
+}
+.EditTable .navButton .fm-button:hover .ace-icon {
+  color: #699AB5;
+  border-color: #699AB5;
+}
+.EditTable .navButton .fm-button.ui-state-disabled .ace-icon,
+.EditTable .navButton .fm-button.ui-state-disabled:hover .ace-icon {
+  color: #BBB;
+  border-color: #CCC;
+  -moz-transform: scale(0.88);
+  -webkit-transform: scale(0.88);
+  -o-transform: scale(0.88);
+  -ms-transform: scale(0.88);
+  transform: scale(0.88);
+}
+.FormGrid .EditTable {
+  background-color: #FFF;
+  border-top: none !important;
+  padding: 0;
+}
+.FormGrid .EditTable tr:first-child {
+  display: none;
+}
+.ui-jqgrid .ui-jqgrid-view input,
+.ui-jqgrid .ui-jqgrid-view select,
+.ui-jqgrid .ui-jqgrid-view textarea,
+.ui-jqgrid .ui-jqgrid-view button {
+  font-size: 13px;
+}
+.ui-jqdialog-content .searchFilter select {
+  padding: 1px;
+  height: 26px;
+  line-height: 26px;
+  width: auto;
+  max-width: 95%;
+  margin-bottom: 0;
+}
+.ui-jqdialog-content .searchFilter .input-elm {
+  margin-bottom: 0;
+  height: 18px;
+  line-height: 18px;
+  width: 95% !important;
+  padding-left: 1px;
+  padding-right: 1px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.ui-jqdialog-content .searchFilter table {
+  margin-left: 4px;
+}
+.ui-jqdialog-content .searchFilter tr td {
+  padding: 5px 0;
+}
+.ui-jqdialog-content .searchFilter .add-group,
+.ui-jqdialog-content .searchFilter .add-rule,
+.ui-jqdialog-content .searchFilter .delete-group {
+  margin-left: 4px !important;
+  font-size: 15px !important;
+}
+.ui-jqdialog-content .searchFilter .delete-rule {
+  border: none;
+  background-color: #FFF;
+  color: #D15B47;
+  font-size: 20px;
+  width: 22px;
+  line-height: 10px;
+  padding: 0;
+  text-shadow: none !important;
+  display: inline-block;
+  -webkit-transition: all 0.1s;
+  -o-transition: all 0.1s;
+  transition: all 0.1s;
+  opacity: 0.85;
+}
+.ui-jqdialog-content .searchFilter .delete-rule:hover {
+  -moz-transform: scale(1.1);
+  -webkit-transform: scale(1.1);
+  -o-transform: scale(1.1);
+  -ms-transform: scale(1.1);
+  transform: scale(1.1);
+  color: #B74635;
+  opacity: 1;
+}
+.ui-jqdialog-content .searchFilter .queryresult {
+  margin-bottom: 11px;
+}
+.ui-jqdialog-content .searchFilter .queryresult td.query {
+  padding: 6px 11px;
+  border: 1px solid #E1E1E1;
+  background-color: #EEEEEE;
+}
+.ui-jqdialog-content .searchFilter .queryresult td.query:empty {
+  display: none;
+}
+.ui-state-error {
+  background-color: #f2dede;
+  border: 1px solid #ebccd1;
+  color: #a94442;
+  margin: 4px 4px 8px;
+  padding: 6px 10px;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+  font-size: 13px;
+}
+.ui-jqdialog .ui-widget-header {
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
+  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
+  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
+  border-image: none;
+  border-bottom: 1px solid solid;
+  color: #669FC7;
+  min-height: 38px;
+  position: relative;
+}
+.ui-jqdialog .ui-widget-header .ui-jqdialog-title {
+  line-height: 38px;
+  margin: 0;
+  padding: 0;
+  padding-left: 12px;
+  text-align: left;
+}
+.widget-header .ui-jqdialog-title {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+.ui-jqdialog .ui-widget-header .widget-header {
+  border-bottom: none;
+}
+.ui-jqdialog .ui-jqdialog-titlebar {
+  border-bottom: 1px solid #DDD !important;
+}
+.fm-button {
+  margin: 0 4px;
+}
+.fm-button:not(.btn) {
+  background-color: #abbac3;
+  border-radius: 0 ;
+  box-shadow: none;
+  color: #FFFFFF ;
+  cursor: pointer;
+  display: inline-block;
+  font-size: 13px;
+  line-height: 28px;
+  padding: 0 12px 1px;
+  margin: 0 8px;
+  position: relative;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  -webkit-transition: all 0.15s;
+  -o-transition: all 0.15s;
+  transition: all 0.15s;
+  vertical-align: middle;
+}
+.fm-button.ui-state-default:hover {
+  background-color: #8b9aa3;
+}
+.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th {
+  height: 30px;
+  padding-top: 2px;
+  white-space: normal;
+}
+.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th div {
+  padding-top: 0;
+  padding-bottom: 0;
+  height: 30px;
+  line-height: 26px;
+}
+.ui-jqgrid .ui-jqgrid-titlebar-close {
+  top: 10%;
+  height: auto;
+  padding: 0;
+  margin: 2px 8px 0 0;
+  text-align: center;
+  border-radius: 4px;
+}
+.ui-jqgrid .ui-jqgrid-titlebar-close:hover {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+.ui-jqgrid .ui-jqgrid-titlebar-close .ui-icon:before {
+  display: inline-block;
+  font-family: FontAwesome;
+  content: "\f077";
+  color: #FFF;
+}
+.ui-jqgrid .ui-jqgrid-titlebar-close .ui-icon-circle-triangle-s:before {
+  content: "\f078";
+}
+.ui-jqgrid .tree-wrap-ltr {
+  margin: 0 4px;
+  float: none;
+  display: inline;
+}
+.ui-jqgrid .tree-wrap-rtl {
+  margin: 2px 4px 0;
+}
+.ui-jqgrid .ui-subgrid {
+  border-bottom: 1px solid #E1E1E1;
+  background-color: #F6FAFF;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid-btable {
+  background-color: #FFF;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv {
+  background-color: transparent;
+  margin-top: 4px;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels {
+  border-bottom: 1px solid #E1E1E1;
+  background: #F1F1F1;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th[aria-selected="true"] {
+  background: #E5E9EF;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th .ui-jqgrid-sortable {
+  font-size: 12px;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th div {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th span.ui-jqgrid-resize {
+  height: 36px !important;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-bdiv {
+  height: auto !important;
+  max-height: 150px;
+  margin-bottom: 4px;
+  border-top-width: 0;
+  border-bottom: 1px solid #E1E1E1;
+}
+.ui-jqgrid .ui-sgcollapsed > a:hover {
+  text-decoration: none;
+}
+@media only screen and (max-width: 767px) {
+  .ui-jqgrid .ui-jqgrid-pager {
+    height: 90px;
+  }
+  .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control {
+    height: 85px;
+    padding-top: 9px;
+  }
+  .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td {
+    vertical-align: top;
+  }
+  .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td#grid-pager_center {
+    width: 0 !important;
+    position: static;
+  }
+  .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td#grid-pager_center > .ui-pg-table {
+    margin: 36px auto 0;
+    position: absolute;
+    right: 0;
+    left: 0;
+    text-align: center;
+  }
+}
+@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) {
+  .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td#grid-pager_center > .ui-pg-table {
+    width: 300px;
+  }
+}
+.dd {
+  position: relative;
+  display: block;
+  margin: 0;
+  padding: 0;
+  max-width: 600px;
+  list-style: none;
+  line-height: 20px;
+}
+.dd-list {
+  display: block;
+  position: relative;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.dd-list .dd-list {
+  padding-left: 30px;
+}
+.dd-collapsed .dd-list {
+  display: none;
+}
+.dd-item,
+.dd-empty,
+.dd-placeholder {
+  display: block;
+  position: relative;
+  margin: 0;
+  padding: 0;
+  min-height: 20px;
+  line-height: 20px;
+}
+.dd-handle,
+.dd2-content {
+  display: block;
+  min-height: 38px;
+  margin: 5px 0;
+  padding: 8px 12px;
+  background: #F8FAFF;
+  border: 1px solid #DAE2EA;
+  color: #7C9EB2;
+  text-decoration: none;
+  font-weight: bold;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.dd-handle:hover,
+.dd2-content:hover {
+  color: #438EB9;
+  background: #F4F6F7;
+  border-color: #DCE2E8;
+}
+.dd-handle[class*="btn-"],
+.dd2-content[class*="btn-"] {
+  color: #FFF;
+  border: none;
+  padding: 9px 12px;
+}
+.dd-handle[class*="btn-"]:hover,
+.dd2-content[class*="btn-"]:hover {
+  opacity: 0.85;
+  color: #FFF;
+}
+.dd2-handle + .dd2-content,
+.dd2-handle + .dd2-content[class*="btn-"] {
+  padding-left: 44px;
+}
+.dd-handle[class*="btn-"]:hover,
+.dd2-content[class*="btn-"] .dd2-handle[class*="btn-"]:hover + .dd2-content[class*="btn-"] {
+  color: #FFF;
+}
+.dd-item > button:hover ~ .dd-handle,
+.dd-item > button:hover ~ .dd2-content {
+  color: #438EB9;
+  background: #F4F6F7;
+  border-color: #DCE2E8;
+}
+.dd-item > button:hover ~ .dd-handle[class*="btn-"],
+.dd-item > button:hover ~ .dd2-content[class*="btn-"] {
+  opacity: 0.85;
+  color: #FFF;
+}
+.dd2-handle:hover ~ .dd2-content {
+  color: #438EB9;
+  background: #F4F6F7;
+  border-color: #DCE2E8;
+}
+.dd2-handle:hover ~ .dd2-content[class*="btn-"] {
+  opacity: 0.85;
+  color: #FFF;
+}
+.dd2-item.dd-item > button {
+  margin-left: 34px;
+}
+.dd-item > button {
+  display: block;
+  position: relative;
+  z-index: 1;
+  cursor: pointer;
+  float: left;
+  width: 25px;
+  height: 20px;
+  margin: 5px 1px 5px 5px;
+  padding: 0;
+  text-indent: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  border: 0;
+  background: transparent;
+  font-size: 12px;
+  line-height: 1;
+  text-align: center;
+  font-weight: bold;
+  top: 4px;
+  left: 1px;
+  color: #707070;
+}
+.dd-item > button:before {
+  font-family: FontAwesome;
+  content: '\f067';
+  display: block;
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  text-indent: 0;
+  font-weight: normal;
+  font-size: 14px;
+}
+.dd-item > button[data-action="collapse"]:before {
+  content: '\f068';
+}
+.dd-item > button:hover {
+  color: #707070;
+}
+.dd-item.dd-colored > button,
+.dd-item.dd-colored > button:hover {
+  color: #EEE;
+}
+.dd-placeholder,
+.dd-empty {
+  margin: 5px 0;
+  padding: 0;
+  min-height: 30px;
+  background: #F0F9FF;
+  border: 2px dashed #BED2DB;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.dd-empty {
+  border-color: #AAA;
+  border-style: solid;
+  background-color: #e5e5e5;
+}
+.dd-dragel {
+  position: absolute;
+  pointer-events: none;
+  z-index: 999;
+  opacity: 0.8;
+}
+.dd-dragel > li > .dd-handle {
+  color: #4B92BE;
+  background: #F1F5FA;
+  border-color: #D6E1EA;
+  border-left: 2px solid #777;
+  position: relative;
+}
+.dd-dragel > li > .dd-handle[class*="btn-"] {
+  color: #FFF;
+}
+.dd-dragel > .dd-item > .dd-handle {
+  margin-top: 0;
+}
+.dd-list > li[class*="item-"] {
+  border-width: 0;
+  padding: 0;
+}
+.dd-list > li[class*="item-"] > .dd-handle {
+  border-left: 2px solid;
+  border-left-color: inherit;
+}
+.dd-list > li > .dd-handle .sticker {
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.dd2-handle,
+.dd-dragel > li > .dd2-handle {
+  left: 0;
+  top: 0;
+  width: 36px;
+  margin: 0;
+  border-width: 1px 1px 0 0;
+  text-align: center;
+  padding: 0 !important;
+  line-height: 38px;
+  height: 38px;
+  background: #EBEDF2;
+  border: 1px solid #DEE4EA;
+  cursor: pointer;
+  overflow: hidden;
+  position: absolute;
+  z-index: 1;
+}
+.dd2-handle:hover,
+.dd-dragel > li > .dd2-handle {
+  background: #E3E8ED;
+}
+.dd2-content[class*="btn-"] {
+  text-shadow: none !important;
+}
+.dd2-handle[class*="btn-"] {
+  text-shadow: none !important;
+  background: rgba(0, 0, 0, 0.1) !important;
+  border-right: 1px solid #EEE;
+}
+.dd2-handle[class*="btn-"]:hover {
+  background: rgba(0, 0, 0, 0.08) !important;
+}
+.dd-dragel .dd2-handle[class*="btn-"] {
+  border-color: transparent;
+  border-right-color: #EEE;
+}
+.dd2-handle.btn-yellow {
+  text-shadow: none !important;
+  background: rgba(0, 0, 0, 0.05) !important;
+  border-right: 1px solid #FFF;
+}
+.dd2-handle.btn-yellow:hover {
+  background: rgba(0, 0, 0, 0.08) !important;
+}
+.dd-dragel .dd2-handle.btn-yellow {
+  border-color: transparent;
+  border-right-color: #FFF;
+}
+.dd-item > .dd2-handle .drag-icon {
+  display: none;
+}
+.dd-dragel > .dd-item > .dd2-handle .drag-icon {
+  display: inline;
+}
+.dd-dragel > .dd-item > .dd2-handle .normal-icon {
+  display: none;
+}
+.dropzone {
+  border-radius: 0;
+  border: 1px solid rgba(0, 0, 0, 0.06);
+}
+.dropzone .dz-default.dz-message {
+  background-image: none;
+  font-size: 24px;
+  text-align: center;
+  line-height: 32px;
+  left: 0;
+  width: 100%;
+  margin-left: auto;
+}
+.dropzone .dz-default.dz-message span {
+  display: inline;
+  color: #555;
+}
+.dropzone .dz-default.dz-message span .upload-icon {
+  opacity: 0.7;
+  filter: alpha(opacity=70);
+  margin-top: 8px;
+  cursor: pointer;
+}
+.dropzone .dz-default.dz-message span .upload-icon:hover {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.dropzone .dz-preview .dz-error-mark,
+.dropzone-previews .dz-preview .dz-error-mark,
+.dropzone .dz-preview .dz-success-mark,
+.dropzone-previews .dz-preview .dz-success-mark {
+  background-image: none;
+  background-color: rgba(255, 255, 255, 0.8);
+  border-radius: 100%;
+  text-align: center;
+  line-height: 35px;
+}
+.dropzone .dz-preview .dz-error-mark:before,
+.dropzone-previews .dz-preview .dz-error-mark:before {
+  font-family: FontAwesome;
+  font-size: 30px;
+  color: #DB6262;
+  content: "\f00d";
+}
+.dropzone .dz-preview .dz-success-mark:before,
+.dropzone-previews .dz-preview .dz-success-mark:before {
+  font-family: FontAwesome;
+  font-size: 30px;
+  color: #6DA552;
+  content: "\f00c";
+}
+.dropzone a.dz-remove,
+.dropzone-previews a.dz-remove {
+  border: none;
+  border-radius: 0;
+  color: #FFF;
+  background: #D15B47;
+  cursor: pointer;
+}
+.dropzone a.dz-remove:hover,
+.dropzone-previews a.dz-remove:hover {
+  color: #FFF;
+  background: #B74635;
+}
+.dropzone .progress,
+.dropzone-previews .progress {
+  margin-bottom: 0;
+}
+.dropzone .dz-preview.dz-success .progress,
+.dropzone-previews .dz-preview.dz-success .progress,
+.dropzone .dz-preview.dz-error .progress,
+.dropzone-previews .dz-preview.dz-error .progress {
+  display: none;
+}
+input.typeahead,
+input.tt-query,
+input.tt-hint {
+  min-width: 175px;
+  font-size: 16px;
+  line-height: 24px;
+  border: 1px solid #CCC;
+  border-radius: 0;
+  outline: none;
+}
+input.tt-hint,
+.form-group input.tt-hint {
+  background-color: #FFF !important;
+  color: #B0B0B0 !important;
+}
+.tt-dropdown-menu {
+  text-align: left;
+  position: absolute;
+  left: 0 !important;
+  right: 0 !important;
+  min-width: 175px;
+  margin-top: 2px;
+  padding: 8px 0;
+  background-color: #FFF;
+  border: 1px solid #D0D0D0;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 0;
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.tt-suggestion {
+  padding: 3px 12px 4px;
+  font-size: 16px;
+  line-height: 24px;
+}
+.tt-suggestion.tt-cursor {
+  color: #FFF;
+  background-color: #4F99C6;
+  cursor: pointer;
+}
+.tt-suggestion p {
+  margin: 0;
+}
+input.typeahead.scrollable ~ .tt-dropdown-menu {
+  max-height: 200px;
+  overflow-y: auto;
+}
+.btn-group > .btn.moveall:first-child,
+.btn-group > .btn.remove:first-child {
+  margin: 0;
+}
+.btn-group > .btn.moveall:first-child + .btn.move,
+.btn-group > .btn.remove:first-child + .btn.removeall {
+  margin: 0;
+}
+.bootstrap-duallistbox-container .info {
+  font-size: 12px;
+}
+.bootstrap-duallistbox-container .clear1,
+.bootstrap-duallistbox-container .clear2 {
+  font-size: 12px;
+}
+.multiselect-container > li > a {
+  padding: 0;
+}
+.multiselect-container > li > a > label {
+  padding: 7px 10px 7px 20px;
+}
+.cancel-on-png,
+.cancel-off-png,
+.star-on-png,
+.star-off-png,
+.star-half-png {
+  font-size: 2em;
+}
+.cancel-on-png,
+.cancel-off-png,
+.star-on-png,
+.star-off-png,
+.star-half-png {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  font-family: "FontAwesome";
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  speak: none;
+  text-transform: none;
+  color: #777777;
+}
+.cancel-on-png {
+  color: #dd5a43;
+}
+.cancel-on-png:before {
+  content: "\f057";
+}
+.cancel-off-png {
+  color: #e08374;
+}
+.cancel-off-png:before {
+  content: "\f05c";
+}
+.star-on-png {
+  color: #feb902;
+}
+.star-on-png:before {
+  content: "\f005";
+}
+.star-off-png {
+  color: #777777;
+}
+.star-off-png:before {
+  content: "\f006";
+}
+.star-half-png {
+  color: #feb902;
+}
+.star-half-png:before {
+  content: "\f123";
+}
+/* custom animated icons */
+.icon-animated-bell {
+  display: inline-block;
+  -moz-animation: ringing 2.0s 5 ease 1.0s;
+  -webkit-animation: ringing 2.0s 5 ease 1.0s;
+  -o-animation: ringing 2.0s 5 ease 1.0s;
+  -ms-animation: ringing 2.0s 5 ease 1.0s;
+  animation: ringing 2.0s 5 ease 1.0s;
+  -moz-transform-origin: 50% 0%;
+  -webkit-transform-origin: 50% 0%;
+  -o-transform-origin: 50% 0%;
+  -ms-transform-origin: 50% 0%;
+  transform-origin: 50% 0%;
+}
+@-moz-keyframes ringing {
+  0% {
+    -moz-transform: rotate(-15deg);
+  }
+  2% {
+    -moz-transform: rotate(15deg);
+  }
+  4% {
+    -moz-transform: rotate(-18deg);
+  }
+  6% {
+    -moz-transform: rotate(18deg);
+  }
+  8% {
+    -moz-transform: rotate(-22deg);
+  }
+  10% {
+    -moz-transform: rotate(22deg);
+  }
+  12% {
+    -moz-transform: rotate(-18deg);
+  }
+  14% {
+    -moz-transform: rotate(18deg);
+  }
+  16% {
+    -moz-transform: rotate(-12deg);
+  }
+  18% {
+    -moz-transform: rotate(12deg);
+  }
+  20% {
+    -moz-transform: rotate(0deg);
+  }
+}
+@-webkit-keyframes ringing {
+  0% {
+    -webkit-transform: rotate(-15deg);
+  }
+  2% {
+    -webkit-transform: rotate(15deg);
+  }
+  4% {
+    -webkit-transform: rotate(-18deg);
+  }
+  6% {
+    -webkit-transform: rotate(18deg);
+  }
+  8% {
+    -webkit-transform: rotate(-22deg);
+  }
+  10% {
+    -webkit-transform: rotate(22deg);
+  }
+  12% {
+    -webkit-transform: rotate(-18deg);
+  }
+  14% {
+    -webkit-transform: rotate(18deg);
+  }
+  16% {
+    -webkit-transform: rotate(-12deg);
+  }
+  18% {
+    -webkit-transform: rotate(12deg);
+  }
+  20% {
+    -webkit-transform: rotate(0deg);
+  }
+}
+@-ms-keyframes ringing {
+  0% {
+    -ms-transform: rotate(-15deg);
+  }
+  2% {
+    -ms-transform: rotate(15deg);
+  }
+  4% {
+    -ms-transform: rotate(-18deg);
+  }
+  6% {
+    -ms-transform: rotate(18deg);
+  }
+  8% {
+    -ms-transform: rotate(-22deg);
+  }
+  10% {
+    -ms-transform: rotate(22deg);
+  }
+  12% {
+    -ms-transform: rotate(-18deg);
+  }
+  14% {
+    -ms-transform: rotate(18deg);
+  }
+  16% {
+    -ms-transform: rotate(-12deg);
+  }
+  18% {
+    -ms-transform: rotate(12deg);
+  }
+  20% {
+    -ms-transform: rotate(0deg);
+  }
+}
+@keyframes ringing {
+  0% {
+    transform: rotate(-15deg);
+  }
+  2% {
+    transform: rotate(15deg);
+  }
+  4% {
+    transform: rotate(-18deg);
+  }
+  6% {
+    transform: rotate(18deg);
+  }
+  8% {
+    transform: rotate(-22deg);
+  }
+  10% {
+    transform: rotate(22deg);
+  }
+  12% {
+    transform: rotate(-18deg);
+  }
+  14% {
+    transform: rotate(18deg);
+  }
+  16% {
+    transform: rotate(-12deg);
+  }
+  18% {
+    transform: rotate(12deg);
+  }
+  20% {
+    transform: rotate(0deg);
+  }
+}
+.icon-animated-vertical {
+  display: inline-block;
+  -moz-animation: vertical 2.0s 5 ease 2.0s;
+  -webkit-animation: vertical 2.0s 5 ease 2.0s;
+  -o-animation: vertical 2.0s 5 ease 2.0s;
+  -ms-animation: vertical 2.0s 5 ease 2.0s;
+  animation: vertical 2.0s 5 ease 2.0s;
+}
+@-moz-keyframes vertical {
+  0% {
+    -moz-transform: translate(0, -3px);
+  }
+  4% {
+    -moz-transform: translate(0, 3px);
+  }
+  8% {
+    -moz-transform: translate(0, -3px);
+  }
+  12% {
+    -moz-transform: translate(0, 3px);
+  }
+  16% {
+    -moz-transform: translate(0, -3px);
+  }
+  20% {
+    -moz-transform: translate(0, 3px);
+  }
+  22% {
+    -moz-transform: translate(0, 0);
+  }
+}
+@-webkit-keyframes vertical {
+  0% {
+    -webkit-transform: translate(0, -3px);
+  }
+  4% {
+    -webkit-transform: translate(0, 3px);
+  }
+  8% {
+    -webkit-transform: translate(0, -3px);
+  }
+  12% {
+    -webkit-transform: translate(0, 3px);
+  }
+  16% {
+    -webkit-transform: translate(0, -3px);
+  }
+  20% {
+    -webkit-transform: translate(0, 3px);
+  }
+  22% {
+    -webkit-transform: translate(0, 0);
+  }
+}
+@-ms-keyframes vertical {
+  0% {
+    -ms-transform: translate(0, -3px);
+  }
+  4% {
+    -ms-transform: translate(0, 3px);
+  }
+  8% {
+    -ms-transform: translate(0, -3px);
+  }
+  12% {
+    -ms-transform: translate(0, 3px);
+  }
+  16% {
+    -ms-transform: translate(0, -3px);
+  }
+  20% {
+    -ms-transform: translate(0, 3px);
+  }
+  22% {
+    -ms-transform: translate(0, 0);
+  }
+}
+@keyframes vertical {
+  0% {
+    transform: translate(0, -3px);
+  }
+  4% {
+    transform: translate(0, 3px);
+  }
+  8% {
+    transform: translate(0, -3px);
+  }
+  12% {
+    transform: translate(0, 3px);
+  }
+  16% {
+    transform: translate(0, -3px);
+  }
+  20% {
+    transform: translate(0, 3px);
+  }
+  22% {
+    transform: translate(0, 0);
+  }
+}
+.icon-animated-hand-pointer {
+  display: inline-block;
+  -moz-animation: hand-pointer 2.0s 4 ease 2.0s;
+  -webkit-animation: hand-pointer 2.0s 4 ease 2.0s;
+  -o-animation: hand-pointer 2.0s 4 ease 2.0s;
+  -ms-animation: hand-pointer 2.0s 4 ease 2.0s;
+  animation: hand-pointer 2.0s 4 ease 2.0s;
+}
+@-moz-keyframes hand-pointer {
+  0% {
+    -moz-transform: translate(0, 0);
+  }
+  6% {
+    -moz-transform: translate(5px, 0);
+  }
+  12% {
+    -moz-transform: translate(0, 0);
+  }
+  18% {
+    -moz-transform: translate(5px, 0);
+  }
+  24% {
+    -moz-transform: translate(0, 0);
+  }
+  30% {
+    -moz-transform: translate(5px, 0);
+  }
+  36% {
+    -moz-transform: translate(0, 0);
+  }
+}
+.icon-animated-wrench {
+  display: inline-block;
+  -moz-animation: wrenching 2.5s 4 ease;
+  -webkit-animation: wrenching 2.5s 4 ease;
+  -o-animation: wrenching 2.5s 4 ease;
+  -ms-animation: wrenching 2.5s 4 ease;
+  animation: wrenching 2.5s 4 ease;
+  -moz-transform-origin: 90% 35%;
+  -webkit-transform-origin: 90% 35%;
+  -o-transform-origin: 90% 35%;
+  -ms-transform-origin: 90% 35%;
+  transform-origin: 90% 35%;
+}
+@-moz-keyframes wrenching {
+  0% {
+    -moz-transform: rotate(-12deg);
+  }
+  8% {
+    -moz-transform: rotate(12deg);
+  }
+  10% {
+    -moz-transform: rotate(24deg);
+  }
+  18% {
+    -moz-transform: rotate(-24deg);
+  }
+  20% {
+    -moz-transform: rotate(-24deg);
+  }
+  28% {
+    -moz-transform: rotate(24deg);
+  }
+  30% {
+    -moz-transform: rotate(24deg);
+  }
+  38% {
+    -moz-transform: rotate(-24deg);
+  }
+  40% {
+    -moz-transform: rotate(-24deg);
+  }
+  48% {
+    -moz-transform: rotate(24deg);
+  }
+  50% {
+    -moz-transform: rotate(24deg);
+  }
+  58% {
+    -moz-transform: rotate(-24deg);
+  }
+  60% {
+    -moz-transform: rotate(-24deg);
+  }
+  68% {
+    -moz-transform: rotate(24deg);
+  }
+  75% {
+    -moz-transform: rotate(0deg);
+  }
+}
+@-webkit-keyframes wrenching {
+  0% {
+    -webkit-transform: rotate(-12deg);
+  }
+  8% {
+    -webkit-transform: rotate(12deg);
+  }
+  10% {
+    -webkit-transform: rotate(24deg);
+  }
+  18% {
+    -webkit-transform: rotate(-24deg);
+  }
+  20% {
+    -webkit-transform: rotate(-24deg);
+  }
+  28% {
+    -webkit-transform: rotate(24deg);
+  }
+  30% {
+    -webkit-transform: rotate(24deg);
+  }
+  38% {
+    -webkit-transform: rotate(-24deg);
+  }
+  40% {
+    -webkit-transform: rotate(-24deg);
+  }
+  48% {
+    -webkit-transform: rotate(24deg);
+  }
+  50% {
+    -webkit-transform: rotate(24deg);
+  }
+  58% {
+    -webkit-transform: rotate(-24deg);
+  }
+  60% {
+    -webkit-transform: rotate(-24deg);
+  }
+  68% {
+    -webkit-transform: rotate(24deg);
+  }
+  75% {
+    -webkit-transform: rotate(0deg);
+  }
+}
+@-o-keyframes wrenching {
+  0% {
+    -o-transform: rotate(-12deg);
+  }
+  8% {
+    -o-transform: rotate(12deg);
+  }
+  10% {
+    -o-transform: rotate(24deg);
+  }
+  18% {
+    -o-transform: rotate(-24deg);
+  }
+  20% {
+    -o-transform: rotate(-24deg);
+  }
+  28% {
+    -o-transform: rotate(24deg);
+  }
+  30% {
+    -o-transform: rotate(24deg);
+  }
+  38% {
+    -o-transform: rotate(-24deg);
+  }
+  40% {
+    -o-transform: rotate(-24deg);
+  }
+  48% {
+    -o-transform: rotate(24deg);
+  }
+  50% {
+    -o-transform: rotate(24deg);
+  }
+  58% {
+    -o-transform: rotate(-24deg);
+  }
+  60% {
+    -o-transform: rotate(-24deg);
+  }
+  68% {
+    -o-transform: rotate(24deg);
+  }
+  75% {
+    -o-transform: rotate(0deg);
+  }
+}
+@-ms-keyframes wrenching {
+  0% {
+    -ms-transform: rotate(-12deg);
+  }
+  8% {
+    -ms-transform: rotate(12deg);
+  }
+  10% {
+    -ms-transform: rotate(24deg);
+  }
+  18% {
+    -ms-transform: rotate(-24deg);
+  }
+  20% {
+    -ms-transform: rotate(-24deg);
+  }
+  28% {
+    -ms-transform: rotate(24deg);
+  }
+  30% {
+    -ms-transform: rotate(24deg);
+  }
+  38% {
+    -ms-transform: rotate(-24deg);
+  }
+  40% {
+    -ms-transform: rotate(-24deg);
+  }
+  48% {
+    -ms-transform: rotate(24deg);
+  }
+  50% {
+    -ms-transform: rotate(24deg);
+  }
+  58% {
+    -ms-transform: rotate(-24deg);
+  }
+  60% {
+    -ms-transform: rotate(-24deg);
+  }
+  68% {
+    -ms-transform: rotate(24deg);
+  }
+  75% {
+    -ms-transform: rotate(0deg);
+  }
+}
+@keyframes wrenching {
+  0% {
+    transform: rotate(-12deg);
+  }
+  8% {
+    transform: rotate(12deg);
+  }
+  10% {
+    transform: rotate(24deg);
+  }
+  18% {
+    transform: rotate(-24deg);
+  }
+  20% {
+    transform: rotate(-24deg);
+  }
+  28% {
+    transform: rotate(24deg);
+  }
+  30% {
+    transform: rotate(24deg);
+  }
+  38% {
+    transform: rotate(-24deg);
+  }
+  40% {
+    transform: rotate(-24deg);
+  }
+  48% {
+    transform: rotate(24deg);
+  }
+  50% {
+    transform: rotate(24deg);
+  }
+  58% {
+    transform: rotate(-24deg);
+  }
+  60% {
+    transform: rotate(-24deg);
+  }
+  68% {
+    transform: rotate(24deg);
+  }
+  75% {
+    transform: rotate(0deg);
+  }
+}
+@-moz-keyframes blinking {
+  0% {
+    opacity: 1;
+  }
+  40% {
+    opacity: 0;
+  }
+  80% {
+    opacity: 1;
+  }
+}
+@-webkit-keyframes blinking {
+  0% {
+    opacity: 1;
+  }
+  40% {
+    opacity: 0;
+  }
+  80% {
+    opacity: 1;
+  }
+}
+@-ms-keyframes blinking {
+  0% {
+    opacity: 1;
+  }
+  40% {
+    opacity: 0;
+  }
+  80% {
+    opacity: 1;
+  }
+}
+@keyframes blinking {
+  0% {
+    opacity: 1;
+  }
+  40% {
+    opacity: 0;
+  }
+  80% {
+    opacity: 1;
+  }
+}
+@-moz-keyframes pulsating {
+  0% {
+    -moz-transform: scale(1);
+  }
+  5% {
+    -moz-transform: scale(0.75);
+  }
+  10% {
+    -moz-transform: scale(1);
+  }
+  15% {
+    -moz-transform: scale(1.25);
+  }
+  20% {
+    -moz-transform: scale(1);
+  }
+  25% {
+    -moz-transform: scale(0.75);
+  }
+  30% {
+    -moz-transform: scale(1);
+  }
+  35% {
+    -moz-transform: scale(1.25);
+  }
+  40% {
+    -moz-transform: scale(1);
+  }
+}
+@-webkit-keyframes pulsating {
+  0% {
+    -webkit-transform: scale(1);
+  }
+  5% {
+    -webkit-transform: scale(0.75);
+  }
+  10% {
+    -webkit-transform: scale(1);
+  }
+  15% {
+    -webkit-transform: scale(1.25);
+  }
+  20% {
+    -webkit-transform: scale(1);
+  }
+  25% {
+    -webkit-transform: scale(0.75);
+  }
+  30% {
+    -webkit-transform: scale(1);
+  }
+  35% {
+    -webkit-transform: scale(1.25);
+  }
+  40% {
+    -webkit-transform: scale(1);
+  }
+}
+@-ms-keyframes pulsating {
+  0% {
+    -ms-transform: scale(1);
+  }
+  5% {
+    -ms-transform: scale(0.75);
+  }
+  10% {
+    -ms-transform: scale(1);
+  }
+  15% {
+    -ms-transform: scale(1.25);
+  }
+  20% {
+    -ms-transform: scale(1);
+  }
+  25% {
+    -ms-transform: scale(0.75);
+  }
+  30% {
+    -ms-transform: scale(1);
+  }
+  35% {
+    -ms-transform: scale(1.25);
+  }
+  40% {
+    -ms-transform: scale(1);
+  }
+}
+@keyframes pulsating {
+  0% {
+    transform: scale(1);
+  }
+  5% {
+    transform: scale(0.75);
+  }
+  10% {
+    transform: scale(1);
+  }
+  15% {
+    transform: scale(1.25);
+  }
+  20% {
+    transform: scale(1);
+  }
+  25% {
+    transform: scale(0.75);
+  }
+  30% {
+    transform: scale(1);
+  }
+  35% {
+    transform: scale(1.25);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+.btn-scroll-up {
+  border-width: 0;
+  position: fixed;
+  right: 2px;
+  z-index: 99;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  opacity: 0;
+  filter: alpha(opacity=0);
+  bottom: -24px;
+  visibility: hidden;
+}
+.btn-scroll-up.display {
+  opacity: 0.7;
+  filter: alpha(opacity=70);
+  bottom: 2px;
+  visibility: visible;
+}
+.btn-scroll-up:hover {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.btn-scroll-up:focus {
+  outline: none;
+}
+@media (min-width: 768px) {
+  .main-container.container > .btn-scroll-up {
+    right: auto;
+    margin-left: 714px;
+  }
+}
+@media (min-width: 992px) {
+  .main-container.container > .btn-scroll-up {
+    right: auto;
+    margin-left: 934px;
+  }
+}
+@media (min-width: 1200px) {
+  .main-container.container > .btn-scroll-up {
+    right: auto;
+    margin-left: 1134px;
+  }
+}
+.ace-settings-container {
+  position: absolute;
+  right: 0;
+  top: auto;
+  z-index: 12;
+}
+.btn.btn-app.ace-settings-btn {
+  float: left;
+  display: block;
+  text-align: center;
+  border-radius: 6px 0 0 6px;
+  opacity: 0.55;
+  vertical-align: top;
+  margin: 0;
+}
+.btn.btn-app.ace-settings-btn:hover,
+.btn.btn-app.ace-settings-btn.open {
+  opacity: 1;
+}
+.btn.btn-app.ace-settings-btn.btn-xs {
+  width: 42px;
+}
+.ace-settings-box {
+  display: block;
+  float: left;
+  max-width: 0;
+  max-height: 0;
+  overflow: hidden;
+  padding: 0;
+  -moz-transform: translate(0,0);
+  -webkit-transform: translate(0,0);
+  -o-transform: translate(0,0);
+  -ms-transform: translate(0,0);
+  transform: translate(0,0);
+  background-color: #FFF;
+  border: 0 solid #ffb34b;
+  -webkit-transition: max-width 0.25s linear 0s, max-height 0s linear 0.25s, padding 0s linear 0.25s, border-width 0s linear 0.25s;
+  -o-transition: max-width 0.25s linear 0s, max-height 0s linear 0.25s, padding 0s linear 0.25s, border-width 0s linear 0.25s;
+  transition: max-width 0.25s linear 0s, max-height 0s linear 0.25s, padding 0s linear 0.25s, border-width 0s linear 0.25s;
+}
+.ace-settings-box.open {
+  max-width: 320px;
+  max-height: 1000px;
+  padding: 0 14px;
+  border-width: 2px;
+  -webkit-transition-delay: 0s;
+  -moz-transition-delay: 0s;
+  -o-transition-delay: 0s;
+  transition-delay: 0s;
+}
+.ace-settings-box.open .ace-settings-item {
+  z-index: auto;
+  min-width: 140px;
+}
+.ace-settings-box .ace-settings-item {
+  margin: 6px 0;
+  color: #444;
+  max-height: 24px;
+  position: relative;
+  z-index: -1;
+  white-space: nowrap;
+}
+.ace-settings-box .ace-settings-item > label.lbl {
+  font-size: 13px;
+}
+@media (max-width: 480px) {
+  .ace-settings-container {
+    text-align: right;
+  }
+  .ace-settings-box {
+    float: none !important;
+    text-align: left;
+  }
+  .btn.ace-settings-btn {
+    float: none !important;
+    display: inline-block;
+  }
+}
+@media (max-width: 320px) {
+  .ace-settings-box > .clearfix > .pull-left,
+  .ace-settings-box > .clearfix > .pull-right {
+    float: none !important;
+  }
+}
+.grid2,
+.grid3,
+.grid4 {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  display: block;
+  margin: 0 1%;
+  padding: 0 2%;
+  float: left;
+  border-left: 1px solid #E3E3E3;
+}
+.grid2:first-child,
+.grid3:first-child,
+.grid4:first-child {
+  border-left: none;
+}
+.grid2 {
+  width: 48%;
+}
+.grid3 {
+  width: 31.33%;
+}
+.grid4 {
+  width: 23%;
+  padding: 0 1%;
+}
+.draggable-placeholder {
+  border: 2px dashed #D9D9D9 !important;
+  background-color: #F7F7F7 !important;
+}
+.easyPieChart,
+.easy-pie-chart {
+  position: relative;
+  text-align: center;
+}
+.easyPieChart canvas,
+.easy-pie-chart canvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.knob-container {
+  direction: ltr;
+  text-align: left;
+}
+.tags {
+  display: inline-block;
+  padding: 4px 6px;
+  color: #777777;
+  vertical-align: middle;
+  background-color: #FFF;
+  border: 1px solid #d5d5d5;
+  width: 206px;
+}
+.tags:hover {
+  border-color: #b5b5b5;
+}
+.tags-hover,
+.tags-hover:hover {
+  border-color: #f59942;
+  outline: 0;
+}
+.tags[class*="span"] {
+  float: none;
+  margin-left: 0;
+}
+.tags input[type="text"],
+.tags input[type="text"]:focus {
+  border: none;
+  display: inline;
+  outline: 0;
+  margin: 0;
+  padding: 0;
+  line-height: 18px;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  width: 100%;
+}
+.tags .tag {
+  display: inline-block;
+  position: relative;
+  font-size: 13px;
+  font-weight: normal;
+  vertical-align: baseline;
+  white-space: nowrap;
+  background-color: #91b8d0;
+  color: #FFF;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
+  padding: 4px 22px 5px 9px;
+  margin-bottom: 3px;
+  margin-right: 3px;
+  -webkit-transition: all 0.2s;
+  -o-transition: all 0.2s;
+  transition: all 0.2s;
+  /**
+  &:nth-child(5n+1) {
+	background-color:#48A2E0;
+  }
+  &:nth-child(5n+2) {
+	background-color:#34C896;
+  }
+  &:nth-child(5n+3) {
+	background-color:#B57BB3;
+  }
+  &:nth-child(5n+4) {
+	background-color:#CC7DA8;
+  }
+  &:nth-child(5n+5) {
+	background-color:#666;
+  }
+*/
+}
+.tags .tag:empty {
+  display: none;
+}
+.tags .tag-important {
+  background-color: #d15b47;
+}
+.tags .tag-warning {
+  background-color: #ffb752;
+}
+.tags .tag-success {
+  background-color: #87b87f;
+}
+.tags .tag-info {
+  background-color: #6fb3e0;
+}
+.tags .tag-inverse {
+  background-color: #555555;
+}
+.tags .tag .close {
+  font-size: 15px;
+  line-height: 20px;
+  opacity: 1;
+  filter: alpha(opacity=100);
+  color: #FFF;
+  text-shadow: none;
+  float: none;
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 18px;
+  text-align: center;
+}
+.tags .tag .close:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+.page-content > .row .col-xs-12,
+.page-content > .row .col-sm-12,
+.page-content > .row .col-md-12,
+.page-content > .row .col-lg-12 {
+  float: left;
+  max-width: 100%;
+}
+.col-xs-reset {
+  width: auto;
+  padding-left: 0;
+  padding-right: 0;
+  float: none !important;
+}
+@media (min-width: 768px) {
+  .col-sm-reset {
+    width: auto;
+    padding-left: 0;
+    padding-right: 0;
+    float: none !important;
+  }
+}
+@media (min-width: 992px) {
+  .col-md-reset {
+    width: auto;
+    padding-left: 0;
+    padding-right: 0;
+    float: none !important;
+  }
+}
+@media (min-width: 1200px) {
+  .col-lg-reset {
+    width: auto;
+    padding-left: 0;
+    padding-right: 0;
+    float: none !important;
+  }
+}
+.jqstooltip,
+.legendColorBox div {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.legendLabel {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 22px;
+  padding-left: 2px;
+  font-size: 10px;
+}
+@media only screen and (max-width: 991px) {
+  body {
+    overflow-x: hidden;
+  }
+}
+.navbar-fixed-top + .main-container {
+  padding-top: 45px;
+}
+@media (max-width: 479px) {
+  .navbar-fixed-top + .main-container {
+    padding-top: 90px;
+  }
+  .navbar-fixed-top.navbar-collapse + .main-container {
+    padding-top: 45px;
+  }
+}
+@media only screen and (max-width: 360px) {
+  .grid2,
+  .grid3,
+  .grid4 {
+    float: none;
+    display: block;
+    width: 96%;
+    border-left-width: 0;
+    position: relative;
+    margin-bottom: 11px;
+    border-bottom: 1px solid #E3E3E3;
+    padding-bottom: 4px;
+  }
+  .grid2 > [class*="pull-"],
+  .grid3 > [class*="pull-"],
+  .grid4 > [class*="pull-"] {
+    float: none !important;
+    display: inline-block;
+    position: absolute;
+    right: 11px;
+    top: 0;
+    margin-top: 0;
+  }
+  .grid2:last-child,
+  .grid3:last-child,
+  .grid4:last-child {
+    border-bottom-width: 0;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .hidden-480 {
+    display: none !important;
+  }
+}
+@media only screen and (max-width: 320px) {
+  .hidden-320 {
+    display: none !important;
+  }
+}
+.no-skin {
+  /**
+	.nav-list > li.disabled.active:after {
+		border-color: #999;
+	}
+	.nav-list li.disabled li.active > a:after,
+	.nav-list li.active.disabled > a:after {
+		-moz-border-right-colors: #999 !important;
+		border-right-color: #999 !important;
+	}
+	*/
+}
+.no-skin .navbar .navbar-toggle {
+  background-color: #75B3D7;
+}
+.no-skin .navbar .navbar-toggle:focus {
+  background-color: #75B3D7;
+  border-color: transparent;
+}
+.no-skin .navbar .navbar-toggle:hover {
+  background-color: #61a8d1;
+  border-color: rgba(255, 255, 255, 0.1);
+}
+.no-skin .navbar .navbar-toggle.display,
+.no-skin .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
+  background-color: #4d9dcc;
+  box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
+  border-color: rgba(255, 255, 255, 0.35);
+}
+.no-skin .sidebar {
+  background-color: #f2f2f2;
+  border-style: solid;
+  border-color: #cccccc;
+  border-width: 0 1px 0 0;
+}
+.no-skin .nav-list .open > a,
+.no-skin .nav-list .open > a:hover,
+.no-skin .nav-list .open > a:focus {
+  background-color: #fafafa;
+}
+.no-skin .nav-list > li {
+  border-color: #e5e5e5;
+}
+.no-skin .nav-list > li > a {
+  background-color: #f8f8f8;
+  color: #585858;
+}
+.no-skin .nav-list > li > a:focus {
+  background-color: #f8f8f8;
+  color: #1963aa;
+}
+.no-skin .nav-list > li:hover > a {
+  background-color: #ffffff;
+  color: #266cad;
+}
+.no-skin .nav-list > li.open > a {
+  background-color: #fafafa;
+  color: #1963aa;
+}
+.no-skin .nav-list > li.active > a {
+  font-weight: bold;
+  color: #2b7dbc;
+}
+.no-skin .nav-list > li.active > a,
+.no-skin .nav-list > li.active > a:hover,
+.no-skin .nav-list > li.active > a:focus {
+  background-color: #ffffff;
+}
+.no-skin .nav-list > li .submenu {
+  background-color: #ffffff;
+  border-color: #e5e5e5;
+}
+.no-skin .nav-list > li .submenu > li > a {
+  border-top-color: #e4e4e4;
+  background-color: #ffffff;
+  color: #616161;
+}
+.no-skin .nav-list > li .submenu > li > a:hover {
+  color: #4b88b7;
+  background-color: #f1f5f9;
+}
+.no-skin .nav-list > li .submenu > li.active > a {
+  color: #2b7dbc;
+}
+.no-skin .nav-list > li .submenu > li.active > a > .menu-icon {
+  color: #c86139;
+}
+.no-skin .nav-list > li .submenu > li.active.open > a > .menu-icon {
+  color: inherit;
+}
+@media only screen and (min-width: 992px) {
+  .no-skin .nav-list > li .submenu > li.active.hover > a.dropdown-toggle > .menu-icon {
+    color: inherit;
+  }
+}
+.no-skin .nav-list > li .submenu > li.active:not(.open) > a {
+  background-color: #f5f7fa;
+}
+.no-skin .nav-list > li .submenu > li.active:not(.open) > a:hover {
+  background-color: #f1f5f9;
+}
+.no-skin .nav-list > li > .submenu .open > a,
+.no-skin .nav-list > li > .submenu .open > a:hover,
+.no-skin .nav-list > li > .submenu .open > a:focus {
+  border-color: #e4e4e4;
+}
+.no-skin .nav-list > li > .submenu li > .submenu > li a {
+  color: #757575;
+}
+.no-skin .nav-list > li > .submenu li > .submenu > li a:hover {
+  color: #4b88b7;
+  background-color: #f1f5f9;
+}
+.no-skin .nav-list > li > .submenu li.open > a {
+  color: #4b88b7;
+}
+.no-skin .nav-list > li > .submenu li > .submenu li.open > a,
+.no-skin .nav-list > li > .submenu li > .submenu li.active > a {
+  color: #4b88b7;
+}
+.no-skin .nav-list > li > .submenu:before,
+.no-skin .nav-list > li > .submenu > li:before {
+  border-color: #9dbdd6;
+}
+.no-skin .nav-list > li.active > .submenu:before,
+.no-skin .nav-list > li.active > .submenu > li:before {
+  border-color: #8eb3d0;
+}
+.no-skin .sidebar-toggle {
+  background-color: #f3f3f3;
+  border-color: #e0e0e0;
+}
+.no-skin .sidebar-toggle > .ace-icon {
+  border-color: #bbbbbb;
+  color: #aaaaaa;
+  background-color: #ffffff;
+}
+.no-skin .sidebar-shortcuts {
+  background-color: #fafafa;
+}
+.no-skin .sidebar-fixed .sidebar-shortcuts {
+  border-color: #dddddd;
+}
+.no-skin .sidebar-shortcuts-mini {
+  background-color: #ffffff;
+}
+.no-skin .nav-list li > .arrow:before {
+  border-right-color: #B8B8B8;
+  -moz-border-right-colors: #B8B8B8;
+  border-width: 10px 10px 10px 0;
+  left: -11px;
+}
+.no-skin .nav-list li > .arrow:after {
+  border-right-color: #ffffff;
+  -moz-border-right-colors: #ffffff;
+  border-width: 10px 10px 10px 0;
+  left: -10px;
+}
+.no-skin .nav-list > li.pull_up > .arrow:after {
+  border-right-color: #ffffff !important;
+  -moz-border-right-colors: #ffffff !important;
+  border-width: 10px 10px 10px 0 !important;
+  left: -10px !important;
+}
+.no-skin .nav-list > li.pull_up > .arrow:before {
+  border-width: 10px 10px 10px 0 !important;
+  left: -11px !important;
+}
+.no-skin .nav-list li.active > a:after {
+  border-right-color: #2b7dbc;
+  -moz-border-right-colors: #2b7dbc;
+}
+.no-skin .nav-list > li.active:after {
+  display: block;
+  content: "";
+  position: absolute;
+  right: -2px;
+  top: -1px;
+  bottom: 0;
+  z-index: 1;
+  border: 2px solid;
+  border-width: 0 2px 0 0;
+  border-color: #2b7dbc;
+}
+.no-skin .sidebar-scroll .nav-list > li.active:after {
+  right: 0;
+}
+@media only screen and (max-width: 991px) {
+  .no-skin .sidebar.responsive .nav-list > li.active.open > a:after,
+  .no-skin .sidebar.responsive-max .nav-list > li.active.open > a:after {
+    display: block;
+  }
+  .no-skin .sidebar.responsive .nav-list li li.active > a:after,
+  .no-skin .sidebar.responsive-max .nav-list li li.active > a:after {
+    display: none;
+  }
+  .no-skin .sidebar.responsive .nav-list > li.active:after,
+  .no-skin .sidebar.responsive-max .nav-list > li.active:after {
+    height: 41px;
+  }
+}
+.no-skin .sidebar.menu-min .nav-list > li > a > .menu-text {
+  background-color: #f5f5f5;
+  -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+  box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+  border-color: #cccccc;
+}
+.no-skin .sidebar.menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
+  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+}
+.no-skin .sidebar.menu-min .nav-list > li.active > .submenu {
+  border-left-color: #83b6d1;
+}
+.no-skin .sidebar.menu-min .nav-list > li > .submenu {
+  background-color: #ffffff;
+  border: 1px solid #cccccc;
+  border-top-color: #e6e6e6;
+  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+}
+.no-skin .sidebar.menu-min .nav-list > li > .arrow:after {
+  border-right-color: #f5f5f5;
+  -moz-border-right-colors: #f5f5f5;
+  border-width: 8px 8px 8px 0;
+  left: -8px;
+}
+.no-skin .sidebar.menu-min .nav-list > li > .arrow:before {
+  border-width: 8px 8px 8px 0;
+  left: -9px;
+}
+.no-skin .sidebar.menu-min .nav-list > li.active > .arrow:before {
+  border-right-color: #5a9ec2;
+  -moz-border-right-colors: #5a9ec2;
+}
+.no-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text {
+  border-left-color: #83b6d1;
+}
+.no-skin .sidebar.menu-min .sidebar-shortcuts-large {
+  background-color: #ffffff;
+  -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+  box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+  border-color: #cccccc;
+}
+.no-skin .sidebar.menu-min .sidebar-toggle > .ace-icon {
+  border-color: #b1b1b1;
+}
+@media (max-width: 991px) {
+  .no-skin .sidebar.responsive-min .nav-list > li > a > .menu-text {
+    background-color: #f5f5f5;
+    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    border-color: #cccccc;
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li > a.dropdown-toggle > .menu-text {
+    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li.active > .submenu {
+    border-left-color: #83b6d1;
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li > .submenu {
+    background-color: #ffffff;
+    border: 1px solid #cccccc;
+    border-top-color: #e6e6e6;
+    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li > .arrow:after {
+    border-right-color: #f5f5f5;
+    -moz-border-right-colors: #f5f5f5;
+    border-width: 8px 8px 8px 0;
+    left: -8px;
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li > .arrow:before {
+    border-width: 8px 8px 8px 0;
+    left: -9px;
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li.active > .arrow:before {
+    border-right-color: #5a9ec2;
+    -moz-border-right-colors: #5a9ec2;
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
+    border-left-color: #83b6d1;
+  }
+  .no-skin .sidebar.responsive-min .sidebar-shortcuts-large {
+    background-color: #ffffff;
+    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    border-color: #cccccc;
+  }
+  .no-skin .sidebar.responsive-min .sidebar-toggle > .ace-icon {
+    border-color: #b1b1b1;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .no-skin .nav-list li.hover > .submenu {
+    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    border-color: #cccccc;
+  }
+  .no-skin .nav-list li.hover > .submenu > li.active > a {
+    background-color: #f5f5f5;
+  }
+  .no-skin .nav-list li.hover > .submenu > li:hover > a {
+    background-color: #eef3f7;
+    color: #2e7db4;
+  }
+}
+@media only screen and (min-width: 992px) and (max-width: 991px) {
+  .no-skin .sidebar.navbar-collapse .nav-list li li.hover.active.open > a {
+    background-color: #ffffff;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list li li.hover:hover > a {
+    background-color: #ffffff;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list li li.hover > a:hover,
+  .no-skin .sidebar.navbar-collapse .nav-list li li.hover.open > a:hover,
+  .no-skin .sidebar.navbar-collapse .nav-list li li.hover.open.active > a:hover {
+    background-color: #f1f5f9;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list > li .submenu > li.active.hover > a.dropdown-toggle > .menu-icon {
+    color: #c86139;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list > li .submenu > li.active.open.hover > a.dropdown-toggle > .menu-icon {
+    color: inherit;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .no-skin .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a {
+    color: #585858;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a > .arrow {
+    color: inherit;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list > li.open.hover:hover > a {
+    background-color: #ffffff;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a {
+    color: #616161;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a > .arrow {
+    color: inherit;
+  }
+}
+@media only screen and (min-width: 992px) and (max-width: 991px) {
+  .no-skin .sidebar.navbar-collapse .nav-list li.hover > .submenu {
+    border-top-color: #e5e5e5;
+    background-color: #ffffff;
+  }
+  .no-skin .nav-list li.hover > .submenu > li.active:not(.open) > a {
+    background-color: #f5f7fa;
+  }
+  .no-skin .nav-list li.hover > .submenu > li.active:not(.open) > a:hover {
+    background-color: #f1f5f9;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .no-skin .sidebar.h-sidebar {
+    background-color: #f8f8f8;
+  }
+  .no-skin .sidebar.h-sidebar:before {
+    background-color: #e4e4e4;
+    -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.05) inset;
+    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.05) inset;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li:hover,
+  .no-skin .sidebar.h-sidebar .nav-list > li:hover + li {
+    border-left-color: #cedde5;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li:last-child:hover {
+    border-right-color: #cedde5;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.active,
+  .no-skin .sidebar.h-sidebar .nav-list > li.active + li,
+  .no-skin .sidebar.h-sidebar .nav-list > li:hover + li.active {
+    border-left-color: #79b0ce;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.active:last-child {
+    border-right-color: #79b0ce;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.active:before {
+    background-color: #2b7dbc;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.active > a:after {
+    border-width: 0 0 2px 0;
+    border-color: transparent;
+    border-bottom-color: #FFF;
+    left: 0;
+    right: 0;
+    top: auto;
+    bottom: -2px;
+  }
+  .no-skin .sidebar.h-sidebar .sidebar-shortcuts-large {
+    background-color: #FFF;
+    border-color: #cccccc;
+    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+  }
+  .no-skin .sidebar.h-sidebar .sidebar-shortcuts-large:after {
+    border-bottom-color: #FFF;
+    -moz-border-bottom-colors: #FFF;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.hover > .submenu {
+    border-color: #cccccc;
+  }
+  .no-skin .sidebar.h-sidebar.menu-min .nav-list > li.hover > .submenu {
+    border-top-color: #e6e6e6;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.hover > .arrow:after {
+    border-color: transparent;
+    -moz-border-right-colors: none;
+    -moz-border-top-colors: none;
+    -moz-border-left-colors: none;
+    border-bottom-color: #FFF;
+    -moz-border-bottom-colors: #FFF;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.hover > .arrow:before {
+    border-color: transparent;
+    -moz-border-right-colors: none;
+    -moz-border-top-colors: none;
+    -moz-border-left-colors: none;
+    -moz-border-bottom-colors: #B8B8B8;
+    border-bottom-color: #B8B8B8;
+  }
+  .no-skin .sidebar.h-sidebar.menu-min .nav-list > li.hover > .arrow:after {
+    -moz-border-bottom-colors: #F5F5F5;
+    border-bottom-color: #F5F5F5;
+  }
+  .no-skin .sidebar.h-sidebar.menu-min .nav-list > li.active > a > .menu-text {
+    border-left-color: #cccccc;
+  }
+}
+@media only screen and (max-width: 991px) {
+  .no-skin .sidebar {
+    border-width: 0 1px 1px 0;
+    border-top-color: #d6d6d6;
+  }
+  .no-skin .menu-toggler + .sidebar.responsive {
+    border-top-width: 1px;
+  }
+  .no-skin .sidebar.responsive-min {
+    border-width: 0 1px 0 0;
+  }
+  .no-skin .sidebar.navbar-collapse {
+    border-width: 0;
+    border-bottom-width: 1px !important;
+    border-bottom-color: #cccccc;
+    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) !important;
+    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) !important;
+  }
+  .no-skin .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu {
+    background-color: #ffffff;
+  }
+}
+.no-skin .sidebar-scroll .sidebar-shortcuts {
+  border-bottom-color: #dddddd;
+}
+.no-skin .sidebar-scroll .sidebar-toggle {
+  border-top-color: #dddddd;
+}
+.no-skin .main-container .menu-toggler {
+  background-color: #444444;
+}
+.no-skin .main-container .menu-toggler:before {
+  border-top-color: #87b87f;
+  border-bottom-color: #6fb3e0;
+}
+.no-skin .main-container .menu-toggler:after {
+  border-top-color: #ffa24d;
+  border-bottom-color: #d15b47;
+}
+.no-skin .main-container .menu-toggler > .toggler-text {
+  border-top-color: #444444;
+  -moz-border-top-colors: #444444;
+}
+.no-skin .nav-list > li.disabled:before {
+  display: none !important;
+}
+.no-skin .nav-list > li.disabled > a {
+  background-color: #ebebeb !important;
+  color: #656565 !important;
+}
+.no-skin .nav-list li .submenu > li.disabled > a,
+.no-skin .nav-list li.disabled .submenu > li > a {
+  background-color: #f2f2f2 !important;
+  color: #7a7a7a !important;
+  cursor: not-allowed !important;
+}
+.no-skin .nav-list li .submenu > li.disabled > a > .menu-icon,
+.no-skin .nav-list li.disabled .submenu > li > a > .menu-icon {
+  display: none;
+}
+.nav-list li.highlight li.active > a:after,
+.nav-list li li.highlight.active > a:after,
+.nav-list li.highlight li.active > a:before,
+.nav-list li li.highlight.active > a:before {
+  display: none;
+}
+.nav-list > li.highlight.active > a:after,
+.nav-list > li.highlight.active > a:before {
+  display: block;
+}
+.no-skin .nav-list > li.highlight:hover,
+.no-skin .nav-list > li.highlight.active {
+  border-color: #c8d8e2;
+}
+.no-skin .nav-list > li.highlight:hover + li,
+.no-skin .nav-list > li.highlight.active + li {
+  border-top-color: #c8d8e2;
+}
+.no-skin .nav-list > li.highlight:hover > a,
+.no-skin .nav-list > li.highlight.active > a {
+  background-color: #FFF;
+}
+.no-skin .nav-list > li.highlight.active:after {
+  display: none;
+}
+.no-skin .nav-list > li.highlight.active:before {
+  display: block;
+  background-color: #4f90c2;
+}
+.no-skin .nav-list > li.highlight.active > a {
+  background-color: #f2f6f9 !important;
+}
+.no-skin .nav-list > li.highlight.active > a:before,
+.no-skin .nav-list > li.highlight.active > a:after {
+  display: block;
+  content: "";
+  position: absolute;
+  top: -1px;
+  right: -10px;
+  bottom: auto;
+  z-index: 1;
+  border-style: solid;
+  border-width: 20px 0 21px 10px;
+  border-color: transparent;
+}
+.no-skin .nav-list > li.highlight.active > a:before {
+  border-left-color: #a0bccd;
+  -moz-border-left-colors: #a0bccd;
+  right: -11px;
+}
+.no-skin .nav-list > li.highlight.active > a:after {
+  border-left-color: #f2f6f9;
+  -moz-border-left-colors: #f2f6f9;
+}
+.no-skin .nav-list li li.highlight.active > a {
+  background-color: #f2f6f9;
+}
+.no-skin .nav-list li li.highlight.active.open > a {
+  background-color: #FFF;
+}
+.no-skin .nav-list li li.highlight.active.open > a:hover {
+  background-color: #f1f5f9;
+}
+@media (min-width: 992px) {
+  .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active > a:after {
+    display: block;
+    content: "";
+    position: absolute;
+    left: 0;
+    top: auto;
+    right: auto;
+    bottom: -2px;
+    left: 50%;
+    margin-left: -7px;
+    border-color: transparent;
+    -moz-border-right-colors: none;
+    -moz-border-left-colors: none;
+    -moz-border-top-colors: none;
+    border-width: 8px 7px;
+    border-bottom-color: #FFF;
+    -moz-border-bottom-colors: #FFF;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active > a:before {
+    content: "";
+    position: absolute;
+    display: block;
+    left: 0;
+    top: auto;
+    right: auto;
+    bottom: -1px;
+    left: 50%;
+    margin-left: -7px;
+    border-width: 8px;
+    border-color: transparent;
+    -moz-border-right-colors: none;
+    -moz-border-left-colors: none;
+    -moz-border-top-colors: none;
+    border-bottom-color: #74add7;
+    -moz-border-bottom-colors: #74add7;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active:hover > a:after,
+  .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active.hover-show > a:after,
+  .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active:hover > a:before,
+  .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active.hover-show > a:before {
+    display: none;
+  }
+}
+@media (min-width: 992px) {
+  .sidebar.compact .nav-list li.highlight.active > a:after,
+  .sidebar.compact .nav-list li.highlight.active > a:before {
+    display: none;
+  }
+  .sidebar.compact.menu-min .nav-list li.highlight.active > a:after,
+  .sidebar.compact.menu-min .nav-list li.highlight.active > a:before {
+    display: block;
+  }
+}
+@media (min-width: 992px) {
+  .sidebar.h-sidebar .nav-list li.highlight.active > a:after,
+  .sidebar.h-sidebar .nav-list li.highlight.active > a:before {
+    display: block;
+    border-width: 8px !important;
+    -moz-border-left-colors: none !important;
+    -moz-border-right-colors: none !important;
+    border-left-color: transparent !important;
+    border-right-color: transparent !important;
+  }
+  .sidebar.h-sidebar .nav-list > li.highlight.active:hover > a:after,
+  .sidebar.h-sidebar .nav-list > li.highlight.active:hover > a:before {
+    display: none !important;
+  }
+}
+.sidebar-scroll .nav-list > li.active.highlight > a:after,
+.sidebar-scroll .nav-list > li.active.highlight > a:before {
+  display: none !important;
+}
+.onpage-help-backdrop {
+  position: absolute;
+  z-index: 99990;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: #000;
+  filter: alpha(opacity=5);
+  background-color: rgba(0, 0, 0, 0.05);
+}
+.onpage-help-section {
+  display: block;
+  position: absolute;
+  z-index: 100000;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4DFFFFFF', endColorstr='#4DFFFFFF', GradientType=0);
+  background-color: rgba(255, 255, 255, 0.3);
+  border: 1px dashed #8BBCD3;
+  border-radius: 4px;
+  transition: background-color 0.2s, border-color 0.2s;
+  -webkit-transition: background-color 0.2s, border-color 0.2s;
+  text-align: center;
+  vertical-align: middle;
+  outline: none !important;
+}
+.onpage-help-section > .ie-hover-fix {
+  /* ie8-9 fix*/
+  display: block;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: #FFF;
+  filter: alpha(opacity=1);
+}
+.onpage-help-section:focus,
+.onpage-help-section:active {
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33C9D8EA', endColorstr='#33C9D8EA', GradientType=0);
+  background-color: rgba(201, 216, 234, 0.2);
+  border-color: #77ACC4;
+}
+.onpage-help-section:hover {
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66C9D8EA', endColorstr='#66C9D8EA', GradientType=0);
+  background-color: rgba(201, 216, 234, 0.4);
+  border-color: #77ACC4;
+  border-style: solid;
+}
+.onpage-help-section > .help-icon-1 {
+  font-size: 18px;
+  display: inline-block;
+  position: absolute;
+  z-index: 1;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  -webkit-transform: translate(-50%, -50%);
+  opacity: 0;
+  filter: alpha(opacity=0);
+  color: #FFF;
+  text-shadow: 0 0 2px black;
+  background-color: #85B8DB;
+  border: 2px solid #FFF;
+  border-radius: 100%;
+  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);
+  width: 48px;
+  height: 48px;
+  line-height: 46px;
+  transition: opacity 0.2s;
+  -webkit-transition: opacity 0.2s;
+}
+.onpage-help-section:focus > .help-icon-1,
+.onpage-help-section:active > .help-icon-1 {
+  opacity: 0.5;
+}
+.onpage-help-section:hover > .help-icon-1 {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.onpage-help-section.help-section-small > .help-icon-1 {
+  font-size: 18px;
+  width: 28px;
+  height: 28px;
+  line-height: 26px;
+  border-radius: 12px;
+}
+.onpage-help-section.help-section-smaller > .help-icon-1 {
+  font-size: 14px;
+  width: 20px;
+  height: 20px;
+  line-height: 17px;
+  border-radius: 8px;
+}
+.onpage-help-section > .help-icon-2 {
+  position: absolute;
+  z-index: 2;
+  left: -4px;
+  top: -4px;
+  width: 18px;
+  height: 18px;
+  line-height: 16px;
+  display: block;
+  font-size: 16px;
+  color: orange;
+  background-color: #FFF;
+  border: 1px solid orange;
+  border-radius: 4px;
+  opacity: 1;
+  transition: all 0.2s;
+  -webkit-transition: all 0.2s;
+}
+.onpage-help-section:hover > .help-icon-2 {
+  color: #59A34E;
+  border-color: #59A34E;
+  transform: scale(1.25);
+  -webkit-transform: scale(1.25);
+}
+.onpage-help-modal {
+  z-index: 100010;
+}
+.onpage-help-modal + .modal-backdrop {
+  z-index: 100009;
+}
+.onpage-help-modal-buttons button {
+  border-radius: 100%;
+  border-width: 2px !important;
+}
+.onpage-help-modal-buttons button:focus {
+  outline: none !important;
+}
+.onpage-help-modal-buttons button.disabled {
+  transform: scale(0.9);
+  -webkit-transform: scale(0.9);
+}
+.onpage-help-content {
+  max-width: 800px;
+  margin: 0 auto;
+}
+.code-modal.onpage-help-modal .modal-dialog {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+.code-modal.onpage-help-modal .modal-header {
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+.code-modal.onpage-help-modal .modal-body {
+  padding: 10px 12px;
+}
+.onpage-help-modal pre {
+  border-width: 0;
+  box-shadow: none;
+  border-radius: 0;
+  margin-top: 8px;
+}
+.onpage-help-modal .modal-title code {
+  font-size: 13px;
+}
+.onpage-help-modal .modal-body {
+  font-size: 14px;
+}
+@media print {
+  .navbar {
+    display: none !important;
+    /**
+	background: transparent none !important;
+	border-bottom: 1px solid #DDD;
+	
+	.navbar-brand {
+		color: @text-color !important;
+	}
+
+	.ace-nav {
+		display: none !important;
+	}
+	*/
+  }
+  .sidebar {
+    display: none !important;
+  }
+  .main-content {
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+  }
+  .main-content .nav-search {
+    display: none !important;
+  }
+  .main-content .breadcrumbs {
+    float: right;
+    border-width: 0 !important;
+  }
+  .main-content .breadcrumbs .breadcrumb > li + li:before {
+    content: "/";
+  }
+  .main-content .breadcrumbs .breadcrumb .home-icon {
+    display: none;
+  }
+  .ace-settings-container {
+    display: none !important;
+  }
+  .footer {
+    width: 100%;
+    height: auto;
+    position: relative;
+  }
+  .footer .footer-inner,
+  .footer .footer-inner .footer-content {
+    width: 100%;
+  }
+  .btn-scroll-up {
+    display: none !important;
+  }
+  .btn,
+  .btn.btn-app {
+    background: transparent none !important;
+    border-width: 1px !important;
+    border-radius: 0 !important;
+    color: #555 !important;
+  }
+  .label {
+    border: 1px solid #666 !important;
+  }
+  .label[class*=arrowed]:before,
+  .label[class*=arrowed]:after {
+    display: none !important;
+  }
+}
diff --git a/web/bootstrap-ace-admin/css/ace.onpage-help.css b/web/bootstrap-ace-admin/css/ace.onpage-help.css
new file mode 100755
index 00000000..1a5dc3c9
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/ace.onpage-help.css
@@ -0,0 +1,222 @@
+/**
+You don't need this file.
+It's used for Ace demo only, to style the button that launches help, help content, etc ...
+*/
+
+.onpage-help-container:focus, .onpage-help-toggle-btn:focus {
+ outline: none;
+}
+.onpage-help-toggle-container {
+ position: fixed;
+ top: 135px;
+}
+.onpage-help-toggle-container.active {
+ z-index: 100001;
+}
+
+
+@media (min-width: 768px) {
+ .main-container.container ~ .onpage-help-container .onpage-help-toggle-container {
+   right: auto;
+   margin-left: 690px;
+ }
+ .rtl .main-container.container ~ .onpage-help-container .onpage-help-toggle-container {
+   right: auto;
+   left: auto;
+   margin-left: auto;
+   margin-right: 690px;
+ }
+}
+@media (min-width: 992px) {
+ .h-navbar ~ .onpage-help-container .onpage-help-toggle-container {
+	margin-top: 48px;
+ }
+
+ .main-container.container ~ .onpage-help-container .onpage-help-toggle-container {
+	right: auto;
+	margin-left: 910px;
+ }
+ .rtl .main-container.container ~ .onpage-help-container .onpage-help-toggle-container {
+   right: auto;
+   left: auto;
+   margin-left: auto;
+	margin-right: 910px;
+ }
+}
+@media (min-width: 1200px) {
+ .main-container.container ~ .onpage-help-container .onpage-help-toggle-container {
+	right: auto;
+	margin-left: 1110px;
+ }
+ .rtl .main-container.container ~ .onpage-help-container .onpage-help-toggle-container {
+   right: auto;
+   left: auto;
+   margin-left: auto;
+   margin-right: 1110px;
+ }
+}
+
+
+
+.onpage-help-toggle-text {
+  -moz-animation:    pulsating 2s 2 linear 1s;
+  -webkit-animation: pulsating 2s 2 linear 1s;
+  -o-animation:      pulsating 2s 2 linear 1s;
+  -ms-animation:     pulsating 2s 2 linear 1s;
+  animation:         pulsating 2s 2 linear 1s;
+}
+
+
+
+.onpage-help-content {
+	background-color: #FFF;
+	padding: 8px 12px;
+	border-top: 1px solid #C5D0DC;
+}
+.onpage-help-content:only-of-type {
+	border-top-width: 0;
+}
+.onpage-help-content .help-content + .hr {
+	border-width: 0 0;
+	border-style: dotted;
+	margin: 16px 0;
+}
+.onpage-help-content .help-title {
+	border-bottom: 2px solid #DCE8F1;
+	padding-bottom: 8px;
+}
+
+.onpage-help-content .panel-help {
+  border-radius: 0;
+  border-width: 0 0 1px;
+  border-bottom: 1px solid #DCE8F1;
+  box-shadow: none; 
+}
+.onpage-help-content .panel-help > .panel-heading {
+  color: #4383B4;
+  background-color: transparent;
+  margin-bottom: 5px;
+}
+.onpage-help-content .panel-help > .panel-heading > .panel-title {
+  font-size: 18px;
+}
+.onpage-help-content .panel-help > .panel-heading > .panel-title > a:focus {
+  outline: none;
+}
+.onpage-help-content .panel-help > .panel-heading > .panel-title > a:hover {
+  background-color: #DCE8F1;
+  text-decoration: none;
+}
+.onpage-help-content .panel-default > .panel-heading + .panel-collapse .panel-body {
+  border-top-style: dotted;
+}
+@media (max-width: 767px) {
+ .onpage-help-content .panel-default > .panel-heading,
+ .onpage-help-content .panel-default > .panel-heading + .panel-collapse .panel-body  {
+   padding-right: 5px;
+   padding-left: 5px;
+ }
+ .onpage-help-content .thumbnail {
+	max-width: 100%;
+ }
+ .onpage-help-content .thumbnail img {
+    max-width: 100%;
+ }
+ 
+ .onpage-help-modal .modal-body {
+	padding-right: 10px;
+	padding-left: 10px;
+ }
+ .onpage-help-modal  .modal-title code {
+	white-space: normal;
+ }
+}
+
+.onpage-help-modal .modal-title {
+	color: #478FCA;
+}
+
+
+
+.onpage-help-content .info-list {
+	margin: 0;
+}
+.onpage-help-content .info-list > li:nth-child(odd) > .ace-icon:first-child {
+	color: #478FCA;
+}
+.onpage-help-content .info-list > li:nth-child(even) > .ace-icon:first-child {
+	color: #69AA46;
+}
+.onpage-help-content .info-list > li:not(.hr) {
+	margin-top: 0;
+	margin-bottom: 0;
+	padding: 16px 12px;
+	line-height: 22px;
+}
+.onpage-help-content .info-list > li:not(.hr):nth-child(even) {
+	background-color: #FFF;
+	border: 1px solid #E9E9E9;
+}
+.onpage-help-content .info-list > li:not(.hr):nth-child(odd) {
+	background-color: #F0F4F9;
+}
+
+.onpage-help-content .info-list > li:not(.hr):nth-child(even)  code {
+	background-color: #F0F4F9;
+}
+.onpage-help-content .info-list > li:not(.hr):nth-child(odd)  code {
+	background-color: #FFF;
+}
+
+
+.onpage-help-content .help-more {
+	color: #425663;
+	border-bottom: 1px dotted #AAA;
+	padding-bottom: 1px;
+}
+.onpage-help-content .help-more:hover {
+	text-decoration: none;
+	border-bottom-color: #628DB2;
+	background-color: #E4EAC7;
+}
+
+.onpage-help-content u.dotted {
+	text-decoration: none;
+	border-bottom: 1px dotted #999;
+}
+
+/* because .close here is a rainbow highlighted token not a bootstrap close button */
+.onpage-help-content pre .close {
+	float: inherit;
+	font-size: inherit;
+	font-weight: inherit;
+	line-height: inherit;
+	opacity: inherit;
+	text-shadow: inherit;
+}
+
+.onpage-help-content .open-file {
+	cursor: pointer;
+	-webkit-transition: all 0.12s;
+	transition: all 0.12s;
+}
+.onpage-help-content .open-file:hover {
+	background-color: #CEE0EA !important;
+}
+.onpage-help-content .open-file .brief-show {
+	display: none;
+}
+.onpage-help-content .open-file:hover .brief-show {
+	display: inline;
+}
+
+
+.onpage-help-content a[href^="http"]:before {
+   font-family: FontAwesome;
+   font-size: 15px;
+   content: "\f08e";
+   display: inline;
+   margin-right: 3px;
+}
+
+
diff --git a/web/bootstrap-ace-admin/css/bootstrap-datetimepicker.css b/web/bootstrap-ace-admin/css/bootstrap-datetimepicker.css
new file mode 100755
index 00000000..bd37b08b
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/bootstrap-datetimepicker.css
@@ -0,0 +1,238 @@
+/*!
+ * Datetimepicker for Bootstrap v3
+//! version : 3.1.3
+ * https://github.com/Eonasdan/bootstrap-datetimepicker/
+ */
+.bootstrap-datetimepicker-widget {
+  top: 0;
+  left: 0;
+  width: 250px;
+  padding: 4px;
+  margin-top: 1px;
+  z-index: 99999 !important;
+  border-radius: 4px;
+}
+.bootstrap-datetimepicker-widget.timepicker-sbs {
+  width: 600px;
+}
+.bootstrap-datetimepicker-widget.bottom:before {
+  content: '';
+  display: inline-block;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  position: absolute;
+  top: -7px;
+  left: 7px;
+}
+.bootstrap-datetimepicker-widget.bottom:after {
+  content: '';
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid white;
+  position: absolute;
+  top: -6px;
+  left: 8px;
+}
+.bootstrap-datetimepicker-widget.top:before {
+  content: '';
+  display: inline-block;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-top: 7px solid #ccc;
+  border-top-color: rgba(0, 0, 0, 0.2);
+  position: absolute;
+  bottom: -7px;
+  left: 6px;
+}
+.bootstrap-datetimepicker-widget.top:after {
+  content: '';
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-top: 6px solid white;
+  position: absolute;
+  bottom: -6px;
+  left: 7px;
+}
+.bootstrap-datetimepicker-widget .dow {
+  width: 14.2857%;
+}
+.bootstrap-datetimepicker-widget.pull-right:before {
+  left: auto;
+  right: 6px;
+}
+.bootstrap-datetimepicker-widget.pull-right:after {
+  left: auto;
+  right: 7px;
+}
+.bootstrap-datetimepicker-widget > ul {
+  list-style-type: none;
+  margin: 0;
+}
+.bootstrap-datetimepicker-widget a[data-action] {
+  padding: 6px 0;
+}
+.bootstrap-datetimepicker-widget a[data-action]:active {
+  box-shadow: none;
+}
+.bootstrap-datetimepicker-widget .timepicker-hour,
+.bootstrap-datetimepicker-widget .timepicker-minute,
+.bootstrap-datetimepicker-widget .timepicker-second {
+  width: 54px;
+  font-weight: bold;
+  font-size: 1.2em;
+  margin: 0;
+}
+.bootstrap-datetimepicker-widget button[data-action] {
+  padding: 6px;
+}
+.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator {
+  width: 4px;
+  padding: 0;
+  margin: 0;
+}
+.bootstrap-datetimepicker-widget .datepicker > div {
+  display: none;
+}
+.bootstrap-datetimepicker-widget .picker-switch {
+  text-align: center;
+}
+.bootstrap-datetimepicker-widget table {
+  width: 100%;
+  margin: 0;
+}
+.bootstrap-datetimepicker-widget td,
+.bootstrap-datetimepicker-widget th {
+  text-align: center;
+  border-radius: 4px;
+}
+.bootstrap-datetimepicker-widget td {
+  height: 54px;
+  line-height: 54px;
+  width: 54px;
+}
+.bootstrap-datetimepicker-widget td.cw {
+  font-size: 10px;
+  height: 20px;
+  line-height: 20px;
+  color: #777777;
+}
+.bootstrap-datetimepicker-widget td.day {
+  height: 20px;
+  line-height: 20px;
+  width: 20px;
+}
+.bootstrap-datetimepicker-widget td.day:hover,
+.bootstrap-datetimepicker-widget td.hour:hover,
+.bootstrap-datetimepicker-widget td.minute:hover,
+.bootstrap-datetimepicker-widget td.second:hover {
+  background: #eeeeee;
+  cursor: pointer;
+}
+.bootstrap-datetimepicker-widget td.old,
+.bootstrap-datetimepicker-widget td.new {
+  color: #777777;
+}
+.bootstrap-datetimepicker-widget td.today {
+  position: relative;
+}
+.bootstrap-datetimepicker-widget td.today:before {
+  content: '';
+  display: inline-block;
+  border-left: 7px solid transparent;
+  border-bottom: 7px solid #428bca;
+  border-top-color: rgba(0, 0, 0, 0.2);
+  position: absolute;
+  bottom: 4px;
+  right: 4px;
+}
+.bootstrap-datetimepicker-widget td.active,
+.bootstrap-datetimepicker-widget td.active:hover {
+  background-color: #428bca;
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.bootstrap-datetimepicker-widget td.active.today:before {
+  border-bottom-color: #fff;
+}
+.bootstrap-datetimepicker-widget td.disabled,
+.bootstrap-datetimepicker-widget td.disabled:hover {
+  background: none;
+  color: #777777;
+  cursor: not-allowed;
+}
+.bootstrap-datetimepicker-widget td span {
+  display: inline-block;
+  width: 54px;
+  height: 54px;
+  line-height: 54px;
+  margin: 2px 1.5px;
+  cursor: pointer;
+  border-radius: 4px;
+}
+.bootstrap-datetimepicker-widget td span:hover {
+  background: #eeeeee;
+}
+.bootstrap-datetimepicker-widget td span.active {
+  background-color: #428bca;
+  color: #ffffff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.bootstrap-datetimepicker-widget td span.old {
+  color: #777777;
+}
+.bootstrap-datetimepicker-widget td span.disabled,
+.bootstrap-datetimepicker-widget td span.disabled:hover {
+  background: none;
+  color: #777777;
+  cursor: not-allowed;
+}
+.bootstrap-datetimepicker-widget th {
+  height: 20px;
+  line-height: 20px;
+  width: 20px;
+}
+.bootstrap-datetimepicker-widget th.picker-switch {
+  width: 145px;
+}
+.bootstrap-datetimepicker-widget th.next,
+.bootstrap-datetimepicker-widget th.prev {
+  font-size: 21px;
+}
+.bootstrap-datetimepicker-widget th.disabled,
+.bootstrap-datetimepicker-widget th.disabled:hover {
+  background: none;
+  color: #777777;
+  cursor: not-allowed;
+}
+.bootstrap-datetimepicker-widget thead tr:first-child th {
+  cursor: pointer;
+}
+.bootstrap-datetimepicker-widget thead tr:first-child th:hover {
+  background: #eeeeee;
+}
+.input-group.date .input-group-addon span {
+  display: block;
+  cursor: pointer;
+  width: 16px;
+  height: 16px;
+}
+.bootstrap-datetimepicker-widget.left-oriented:before {
+  left: auto;
+  right: 6px;
+}
+.bootstrap-datetimepicker-widget.left-oriented:after {
+  left: auto;
+  right: 7px;
+}
+.bootstrap-datetimepicker-widget ul.list-unstyled li div.timepicker div.timepicker-picker table.table-condensed tbody > tr > td {
+  padding: 0px !important;
+}
+@media screen and (max-width: 767px) {
+  .bootstrap-datetimepicker-widget.timepicker-sbs {
+    width: 283px;
+  }
+}
diff --git a/web/bootstrap-ace-admin/css/bootstrap-duallistbox.css b/web/bootstrap-ace-admin/css/bootstrap-duallistbox.css
new file mode 100755
index 00000000..12a67d89
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/bootstrap-duallistbox.css
@@ -0,0 +1,78 @@
+.bootstrap-duallistbox-container .buttons {
+  width: 100%;
+  margin-bottom: -1px;
+}
+
+.bootstrap-duallistbox-container label {
+  display: block;
+}
+
+.bootstrap-duallistbox-container .info {
+  display: inline-block;
+  margin-bottom: 5px;
+  font-size: 11px;
+}
+
+.bootstrap-duallistbox-container .clear1,
+.bootstrap-duallistbox-container .clear2 {
+  display: none;
+  font-size: 10px;
+}
+
+.bootstrap-duallistbox-container .box1.filtered .clear1,
+.bootstrap-duallistbox-container .box2.filtered .clear2 {
+  display: inline-block;
+}
+
+.bootstrap-duallistbox-container .move,
+.bootstrap-duallistbox-container .remove {
+  width: 60%;
+}
+
+.bootstrap-duallistbox-container .btn-group .btn {
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+.bootstrap-duallistbox-container select {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.bootstrap-duallistbox-container .moveall,
+.bootstrap-duallistbox-container .removeall {
+  width: 40%;
+}
+
+.bootstrap-duallistbox-container.bs2compatible .btn-group > .btn + .btn {
+  margin-left: 0;
+}
+
+.bootstrap-duallistbox-container select {
+  width: 100%;
+  height: 300px;
+  padding: 0;
+}
+
+.bootstrap-duallistbox-container .filter {
+  display: inline-block;
+  width: 100%;
+  height: 31px;
+  margin: 0 0 5px 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+
+.bootstrap-duallistbox-container .filter.placeholder {
+  color: #aaa;
+}
+
+.bootstrap-duallistbox-container.moveonselect .move,
+.bootstrap-duallistbox-container.moveonselect .remove {
+  display:none;
+}
+
+.bootstrap-duallistbox-container.moveonselect .moveall,
+.bootstrap-duallistbox-container.moveonselect .removeall {
+  width: 100%;
+}
diff --git a/web/bootstrap-ace-admin/css/bootstrap-editable.css b/web/bootstrap-ace-admin/css/bootstrap-editable.css
new file mode 100755
index 00000000..eaef0de9
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/bootstrap-editable.css
@@ -0,0 +1,663 @@
+/*! X-editable - v1.5.1 
+* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
+* http://github.com/vitalets/x-editable
+* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */
+.editableform {
+    margin-bottom: 0; /* overwrites bootstrap margin */
+}
+
+.editableform .control-group {
+    margin-bottom: 0; /* overwrites bootstrap margin */
+    white-space: nowrap; /* prevent wrapping buttons on new line */
+    line-height: 20px; /* overwriting bootstrap line-height. See #133 */
+}
+
+/* 
+  BS3 width:1005 for inputs breaks editable form in popup 
+  See: https://github.com/vitalets/x-editable/issues/393
+*/
+.editableform .form-control {
+    width: auto;
+}
+
+.editable-buttons {
+   display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
+   vertical-align: top;
+   margin-left: 7px;
+   /* inline-block emulation for IE7*/
+   zoom: 1; 
+   *display: inline;
+}
+
+.editable-buttons.editable-buttons-bottom {
+   display: block; 
+   margin-top: 7px;
+   margin-left: 0;
+}
+
+.editable-input {
+    vertical-align: top; 
+    display: inline-block; /* should be inline to take effect of parent's white-space: nowrap */
+    width: auto; /* bootstrap-responsive has width: 100% that breakes layout */
+    white-space: normal; /* reset white-space decalred in parent*/
+   /* display-inline emulation for IE7*/
+   zoom: 1; 
+   *display: inline;   
+}
+
+.editable-buttons .editable-cancel {
+   margin-left: 7px; 
+}
+
+/*for jquery-ui buttons need set height to look more pretty*/
+.editable-buttons button.ui-button-icon-only {
+   height: 24px; 
+   width: 30px;
+}
+
+.editableform-loading {
+    background: url('../img/loading.gif') center center no-repeat;  
+    height: 25px;
+    width: auto; 
+    min-width: 25px; 
+}
+
+.editable-inline .editableform-loading {
+    background-position: left 5px;      
+}
+
+ .editable-error-block {
+    max-width: 300px;
+    margin: 5px 0 0 0;
+    width: auto;
+    white-space: normal;
+}
+
+/*add padding for jquery ui*/
+.editable-error-block.ui-state-error {
+    padding: 3px;  
+}  
+
+.editable-error {
+   color: red;  
+}
+
+/* ---- For specific types ---- */
+
+.editableform .editable-date {
+    padding: 0; 
+    margin: 0;
+    float: left;
+}
+
+/* move datepicker icon to center of add-on button. See https://github.com/vitalets/x-editable/issues/183 */
+.editable-inline .add-on .icon-th {
+   margin-top: 3px;
+   margin-left: 1px; 
+}
+
+
+/* checklist vertical alignment */
+.editable-checklist label input[type="checkbox"], 
+.editable-checklist label span {
+    vertical-align: middle;
+    margin: 0;
+}
+
+.editable-checklist label {
+    white-space: nowrap; 
+}
+
+/* set exact width of textarea to fit buttons toolbar */
+.editable-wysihtml5 {
+    width: 566px; 
+    height: 250px; 
+}
+
+/* clear button shown as link in date inputs */
+.editable-clear {
+   clear: both;
+   font-size: 0.9em;
+   text-decoration: none;
+   text-align: right;
+}
+
+/* IOS-style clear button for text inputs */
+.editable-clear-x {
+   background: url('../img/clear.png') center center no-repeat;
+   display: block;
+   width: 13px;    
+   height: 13px;
+   position: absolute;
+   opacity: 0.6;
+   z-index: 100;
+   
+   top: 50%;
+   right: 6px;
+   margin-top: -6px;
+   
+}
+
+.editable-clear-x:hover {
+   opacity: 1;
+}
+
+.editable-pre-wrapped {
+   white-space: pre-wrap;
+}
+.editable-container.editable-popup {
+    max-width: none !important; /* without this rule poshytip/tooltip does not stretch */
+}  
+
+.editable-container.popover {
+    width: auto; /* without this rule popover does not stretch */
+}
+
+.editable-container.editable-inline {
+    display: inline-block; 
+    vertical-align: middle;
+    width: auto;
+    /* inline-block emulation for IE7*/
+    zoom: 1; 
+    *display: inline;    
+}
+
+.editable-container.ui-widget {
+   font-size: inherit;  /* jqueryui widget font 1.1em too big, overwrite it */
+   z-index: 9990; /* should be less than select2 dropdown z-index to close dropdown first when click */
+}
+.editable-click, 
+a.editable-click, 
+a.editable-click:hover {
+    text-decoration: none;
+    border-bottom: dashed 1px #0088cc;
+}
+
+.editable-click.editable-disabled, 
+a.editable-click.editable-disabled, 
+a.editable-click.editable-disabled:hover {
+   color: #585858;  
+   cursor: default;
+   border-bottom: none;
+}
+
+.editable-empty, .editable-empty:hover, .editable-empty:focus{
+  font-style: italic; 
+  color: #DD1144;  
+  /* border-bottom: none; */
+  text-decoration: none;
+}
+
+.editable-unsaved {
+  font-weight: bold; 
+}
+
+.editable-unsaved:after {
+/*    content: '*'*/
+}
+
+.editable-bg-transition {
+  -webkit-transition: background-color 1400ms ease-out;
+  -moz-transition: background-color 1400ms ease-out;
+  -o-transition: background-color 1400ms ease-out;
+  -ms-transition: background-color 1400ms ease-out;
+  transition: background-color 1400ms ease-out;  
+}
+
+/*see https://github.com/vitalets/x-editable/issues/139 */
+.form-horizontal .editable
+{ 
+    padding-top: 5px;
+    display:inline-block;
+}
+
+
+/*!
+ * Datepicker for Bootstrap
+ *
+ * Copyright 2012 Stefan Petre
+ * Improvements by Andrew Rowls
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ */
+.datepicker {
+  padding: 4px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  direction: ltr;
+  /*.dow {
+		border-top: 1px solid #ddd !important;
+	}*/
+
+}
+.datepicker-inline {
+  width: 220px;
+}
+.datepicker.datepicker-rtl {
+  direction: rtl;
+}
+.datepicker.datepicker-rtl table tr td span {
+  float: right;
+}
+.datepicker-dropdown {
+  top: 0;
+  left: 0;
+}
+.datepicker-dropdown:before {
+  content: '';
+  display: inline-block;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  position: absolute;
+  top: -7px;
+  left: 6px;
+}
+.datepicker-dropdown:after {
+  content: '';
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #ffffff;
+  position: absolute;
+  top: -6px;
+  left: 7px;
+}
+.datepicker > div {
+  display: none;
+}
+.datepicker.days div.datepicker-days {
+  display: block;
+}
+.datepicker.months div.datepicker-months {
+  display: block;
+}
+.datepicker.years div.datepicker-years {
+  display: block;
+}
+.datepicker table {
+  margin: 0;
+}
+.datepicker td,
+.datepicker th {
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  border: none;
+}
+.table-striped .datepicker table tr td,
+.table-striped .datepicker table tr th {
+  background-color: transparent;
+}
+.datepicker table tr td.day:hover {
+  background: #eeeeee;
+  cursor: pointer;
+}
+.datepicker table tr td.old,
+.datepicker table tr td.new {
+  color: #999999;
+}
+.datepicker table tr td.disabled,
+.datepicker table tr td.disabled:hover {
+  background: none;
+  color: #999999;
+  cursor: default;
+}
+.datepicker table tr td.today,
+.datepicker table tr td.today:hover,
+.datepicker table tr td.today.disabled,
+.datepicker table tr td.today.disabled:hover {
+  background-color: #fde19a;
+  background-image: -moz-linear-gradient(top, #fdd49a, #fdf59a);
+  background-image: -ms-linear-gradient(top, #fdd49a, #fdf59a);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a));
+  background-image: -webkit-linear-gradient(top, #fdd49a, #fdf59a);
+  background-image: -o-linear-gradient(top, #fdd49a, #fdf59a);
+  background-image: linear-gradient(top, #fdd49a, #fdf59a);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0);
+  border-color: #fdf59a #fdf59a #fbed50;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  color: #000;
+}
+.datepicker table tr td.today:hover,
+.datepicker table tr td.today:hover:hover,
+.datepicker table tr td.today.disabled:hover,
+.datepicker table tr td.today.disabled:hover:hover,
+.datepicker table tr td.today:active,
+.datepicker table tr td.today:hover:active,
+.datepicker table tr td.today.disabled:active,
+.datepicker table tr td.today.disabled:hover:active,
+.datepicker table tr td.today.active,
+.datepicker table tr td.today:hover.active,
+.datepicker table tr td.today.disabled.active,
+.datepicker table tr td.today.disabled:hover.active,
+.datepicker table tr td.today.disabled,
+.datepicker table tr td.today:hover.disabled,
+.datepicker table tr td.today.disabled.disabled,
+.datepicker table tr td.today.disabled:hover.disabled,
+.datepicker table tr td.today[disabled],
+.datepicker table tr td.today:hover[disabled],
+.datepicker table tr td.today.disabled[disabled],
+.datepicker table tr td.today.disabled:hover[disabled] {
+  background-color: #fdf59a;
+}
+.datepicker table tr td.today:active,
+.datepicker table tr td.today:hover:active,
+.datepicker table tr td.today.disabled:active,
+.datepicker table tr td.today.disabled:hover:active,
+.datepicker table tr td.today.active,
+.datepicker table tr td.today:hover.active,
+.datepicker table tr td.today.disabled.active,
+.datepicker table tr td.today.disabled:hover.active {
+  background-color: #fbf069 \9;
+}
+.datepicker table tr td.today:hover:hover {
+  color: #000;
+}
+.datepicker table tr td.today.active:hover {
+  color: #fff;
+}
+.datepicker table tr td.range,
+.datepicker table tr td.range:hover,
+.datepicker table tr td.range.disabled,
+.datepicker table tr td.range.disabled:hover {
+  background: #eeeeee;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+.datepicker table tr td.range.today,
+.datepicker table tr td.range.today:hover,
+.datepicker table tr td.range.today.disabled,
+.datepicker table tr td.range.today.disabled:hover {
+  background-color: #f3d17a;
+  background-image: -moz-linear-gradient(top, #f3c17a, #f3e97a);
+  background-image: -ms-linear-gradient(top, #f3c17a, #f3e97a);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a));
+  background-image: -webkit-linear-gradient(top, #f3c17a, #f3e97a);
+  background-image: -o-linear-gradient(top, #f3c17a, #f3e97a);
+  background-image: linear-gradient(top, #f3c17a, #f3e97a);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0);
+  border-color: #f3e97a #f3e97a #edde34;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+.datepicker table tr td.range.today:hover,
+.datepicker table tr td.range.today:hover:hover,
+.datepicker table tr td.range.today.disabled:hover,
+.datepicker table tr td.range.today.disabled:hover:hover,
+.datepicker table tr td.range.today:active,
+.datepicker table tr td.range.today:hover:active,
+.datepicker table tr td.range.today.disabled:active,
+.datepicker table tr td.range.today.disabled:hover:active,
+.datepicker table tr td.range.today.active,
+.datepicker table tr td.range.today:hover.active,
+.datepicker table tr td.range.today.disabled.active,
+.datepicker table tr td.range.today.disabled:hover.active,
+.datepicker table tr td.range.today.disabled,
+.datepicker table tr td.range.today:hover.disabled,
+.datepicker table tr td.range.today.disabled.disabled,
+.datepicker table tr td.range.today.disabled:hover.disabled,
+.datepicker table tr td.range.today[disabled],
+.datepicker table tr td.range.today:hover[disabled],
+.datepicker table tr td.range.today.disabled[disabled],
+.datepicker table tr td.range.today.disabled:hover[disabled] {
+  background-color: #f3e97a;
+}
+.datepicker table tr td.range.today:active,
+.datepicker table tr td.range.today:hover:active,
+.datepicker table tr td.range.today.disabled:active,
+.datepicker table tr td.range.today.disabled:hover:active,
+.datepicker table tr td.range.today.active,
+.datepicker table tr td.range.today:hover.active,
+.datepicker table tr td.range.today.disabled.active,
+.datepicker table tr td.range.today.disabled:hover.active {
+  background-color: #efe24b \9;
+}
+.datepicker table tr td.selected,
+.datepicker table tr td.selected:hover,
+.datepicker table tr td.selected.disabled,
+.datepicker table tr td.selected.disabled:hover {
+  background-color: #9e9e9e;
+  background-image: -moz-linear-gradient(top, #b3b3b3, #808080);
+  background-image: -ms-linear-gradient(top, #b3b3b3, #808080);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080));
+  background-image: -webkit-linear-gradient(top, #b3b3b3, #808080);
+  background-image: -o-linear-gradient(top, #b3b3b3, #808080);
+  background-image: linear-gradient(top, #b3b3b3, #808080);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0);
+  border-color: #808080 #808080 #595959;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.datepicker table tr td.selected:hover,
+.datepicker table tr td.selected:hover:hover,
+.datepicker table tr td.selected.disabled:hover,
+.datepicker table tr td.selected.disabled:hover:hover,
+.datepicker table tr td.selected:active,
+.datepicker table tr td.selected:hover:active,
+.datepicker table tr td.selected.disabled:active,
+.datepicker table tr td.selected.disabled:hover:active,
+.datepicker table tr td.selected.active,
+.datepicker table tr td.selected:hover.active,
+.datepicker table tr td.selected.disabled.active,
+.datepicker table tr td.selected.disabled:hover.active,
+.datepicker table tr td.selected.disabled,
+.datepicker table tr td.selected:hover.disabled,
+.datepicker table tr td.selected.disabled.disabled,
+.datepicker table tr td.selected.disabled:hover.disabled,
+.datepicker table tr td.selected[disabled],
+.datepicker table tr td.selected:hover[disabled],
+.datepicker table tr td.selected.disabled[disabled],
+.datepicker table tr td.selected.disabled:hover[disabled] {
+  background-color: #808080;
+}
+.datepicker table tr td.selected:active,
+.datepicker table tr td.selected:hover:active,
+.datepicker table tr td.selected.disabled:active,
+.datepicker table tr td.selected.disabled:hover:active,
+.datepicker table tr td.selected.active,
+.datepicker table tr td.selected:hover.active,
+.datepicker table tr td.selected.disabled.active,
+.datepicker table tr td.selected.disabled:hover.active {
+  background-color: #666666 \9;
+}
+.datepicker table tr td.active,
+.datepicker table tr td.active:hover,
+.datepicker table tr td.active.disabled,
+.datepicker table tr td.active.disabled:hover {
+  background-color: #006dcc;
+  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
+  background-image: linear-gradient(top, #0088cc, #0044cc);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
+  border-color: #0044cc #0044cc #002a80;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.datepicker table tr td.active:hover,
+.datepicker table tr td.active:hover:hover,
+.datepicker table tr td.active.disabled:hover,
+.datepicker table tr td.active.disabled:hover:hover,
+.datepicker table tr td.active:active,
+.datepicker table tr td.active:hover:active,
+.datepicker table tr td.active.disabled:active,
+.datepicker table tr td.active.disabled:hover:active,
+.datepicker table tr td.active.active,
+.datepicker table tr td.active:hover.active,
+.datepicker table tr td.active.disabled.active,
+.datepicker table tr td.active.disabled:hover.active,
+.datepicker table tr td.active.disabled,
+.datepicker table tr td.active:hover.disabled,
+.datepicker table tr td.active.disabled.disabled,
+.datepicker table tr td.active.disabled:hover.disabled,
+.datepicker table tr td.active[disabled],
+.datepicker table tr td.active:hover[disabled],
+.datepicker table tr td.active.disabled[disabled],
+.datepicker table tr td.active.disabled:hover[disabled] {
+  background-color: #0044cc;
+}
+.datepicker table tr td.active:active,
+.datepicker table tr td.active:hover:active,
+.datepicker table tr td.active.disabled:active,
+.datepicker table tr td.active.disabled:hover:active,
+.datepicker table tr td.active.active,
+.datepicker table tr td.active:hover.active,
+.datepicker table tr td.active.disabled.active,
+.datepicker table tr td.active.disabled:hover.active {
+  background-color: #003399 \9;
+}
+.datepicker table tr td span {
+  display: block;
+  width: 23%;
+  height: 54px;
+  line-height: 54px;
+  float: left;
+  margin: 1%;
+  cursor: pointer;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+.datepicker table tr td span:hover {
+  background: #eeeeee;
+}
+.datepicker table tr td span.disabled,
+.datepicker table tr td span.disabled:hover {
+  background: none;
+  color: #999999;
+  cursor: default;
+}
+.datepicker table tr td span.active,
+.datepicker table tr td span.active:hover,
+.datepicker table tr td span.active.disabled,
+.datepicker table tr td span.active.disabled:hover {
+  background-color: #006dcc;
+  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -ms-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
+  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
+  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
+  background-image: linear-gradient(top, #0088cc, #0044cc);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc', endColorstr='#0044cc', GradientType=0);
+  border-color: #0044cc #0044cc #002a80;
+  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+  color: #fff;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.datepicker table tr td span.active:hover,
+.datepicker table tr td span.active:hover:hover,
+.datepicker table tr td span.active.disabled:hover,
+.datepicker table tr td span.active.disabled:hover:hover,
+.datepicker table tr td span.active:active,
+.datepicker table tr td span.active:hover:active,
+.datepicker table tr td span.active.disabled:active,
+.datepicker table tr td span.active.disabled:hover:active,
+.datepicker table tr td span.active.active,
+.datepicker table tr td span.active:hover.active,
+.datepicker table tr td span.active.disabled.active,
+.datepicker table tr td span.active.disabled:hover.active,
+.datepicker table tr td span.active.disabled,
+.datepicker table tr td span.active:hover.disabled,
+.datepicker table tr td span.active.disabled.disabled,
+.datepicker table tr td span.active.disabled:hover.disabled,
+.datepicker table tr td span.active[disabled],
+.datepicker table tr td span.active:hover[disabled],
+.datepicker table tr td span.active.disabled[disabled],
+.datepicker table tr td span.active.disabled:hover[disabled] {
+  background-color: #0044cc;
+}
+.datepicker table tr td span.active:active,
+.datepicker table tr td span.active:hover:active,
+.datepicker table tr td span.active.disabled:active,
+.datepicker table tr td span.active.disabled:hover:active,
+.datepicker table tr td span.active.active,
+.datepicker table tr td span.active:hover.active,
+.datepicker table tr td span.active.disabled.active,
+.datepicker table tr td span.active.disabled:hover.active {
+  background-color: #003399 \9;
+}
+.datepicker table tr td span.old,
+.datepicker table tr td span.new {
+  color: #999999;
+}
+.datepicker th.datepicker-switch {
+  width: 145px;
+}
+.datepicker thead tr:first-child th,
+.datepicker tfoot tr th {
+  cursor: pointer;
+}
+.datepicker thead tr:first-child th:hover,
+.datepicker tfoot tr th:hover {
+  background: #eeeeee;
+}
+.datepicker .cw {
+  font-size: 10px;
+  width: 12px;
+  padding: 0 2px 0 5px;
+  vertical-align: middle;
+}
+.datepicker thead tr:first-child th.cw {
+  cursor: default;
+  background-color: transparent;
+}
+.input-append.date .add-on i,
+.input-prepend.date .add-on i {
+  display: block;
+  cursor: pointer;
+  width: 16px;
+  height: 16px;
+}
+.input-daterange input {
+  text-align: center;
+}
+.input-daterange input:first-child {
+  -webkit-border-radius: 3px 0 0 3px;
+  -moz-border-radius: 3px 0 0 3px;
+  border-radius: 3px 0 0 3px;
+}
+.input-daterange input:last-child {
+  -webkit-border-radius: 0 3px 3px 0;
+  -moz-border-radius: 0 3px 3px 0;
+  border-radius: 0 3px 3px 0;
+}
+.input-daterange .add-on {
+  display: inline-block;
+  width: auto;
+  min-width: 16px;
+  height: 18px;
+  padding: 4px 5px;
+  font-weight: normal;
+  line-height: 18px;
+  text-align: center;
+  text-shadow: 0 1px 0 #ffffff;
+  vertical-align: middle;
+  background-color: #eeeeee;
+  border: 1px solid #ccc;
+  margin-left: -5px;
+  margin-right: -5px;
+}
diff --git a/web/bootstrap-ace-admin/css/bootstrap-multiselect.css b/web/bootstrap-ace-admin/css/bootstrap-multiselect.css
new file mode 100755
index 00000000..6b69d8e1
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/bootstrap-multiselect.css
@@ -0,0 +1 @@
+.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.radio,.multiselect-container>li>a>label.checkbox{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.filter .btn{padding:6px 3px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/bootstrap-timepicker.css b/web/bootstrap-ace-admin/css/bootstrap-timepicker.css
new file mode 100755
index 00000000..fa347523
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/bootstrap-timepicker.css
@@ -0,0 +1,146 @@
+/*!
+ * Timepicker Component for Twitter Bootstrap
+ *
+ * Copyright 2013 Joris de Wit
+ *
+ * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+.bootstrap-timepicker {
+  position: relative;
+}
+.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu {
+  left: auto;
+  right: 0;
+}
+.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:before {
+  left: auto;
+  right: 12px;
+}
+.bootstrap-timepicker.pull-right .bootstrap-timepicker-widget.dropdown-menu:after {
+  left: auto;
+  right: 13px;
+}
+.bootstrap-timepicker .add-on {
+  cursor: pointer;
+}
+.bootstrap-timepicker .add-on i {
+  display: inline-block;
+  width: 16px;
+  height: 16px;
+}
+.bootstrap-timepicker-widget.dropdown-menu {
+  padding: 4px;
+}
+.bootstrap-timepicker-widget.dropdown-menu.open {
+  display: inline-block;
+}
+.bootstrap-timepicker-widget.dropdown-menu:before {
+  border-bottom: 7px solid rgba(0, 0, 0, 0.2);
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  content: "";
+  display: inline-block;
+  position: absolute;
+}
+.bootstrap-timepicker-widget.dropdown-menu:after {
+  border-bottom: 6px solid #FFFFFF;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  content: "";
+  display: inline-block;
+  position: absolute;
+}
+.bootstrap-timepicker-widget.timepicker-orient-left:before {
+  left: 6px;
+}
+.bootstrap-timepicker-widget.timepicker-orient-left:after {
+  left: 7px;
+}
+.bootstrap-timepicker-widget.timepicker-orient-right:before {
+  right: 6px;
+}
+.bootstrap-timepicker-widget.timepicker-orient-right:after {
+  right: 7px;
+}
+.bootstrap-timepicker-widget.timepicker-orient-top:before {
+  top: -7px;
+}
+.bootstrap-timepicker-widget.timepicker-orient-top:after {
+  top: -6px;
+}
+.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
+  bottom: -7px;
+  border-bottom: 0;
+  border-top: 7px solid #999;
+}
+.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
+  bottom: -6px;
+  border-bottom: 0;
+  border-top: 6px solid #ffffff;
+}
+.bootstrap-timepicker-widget a.btn,
+.bootstrap-timepicker-widget input {
+  border-radius: 4px;
+}
+.bootstrap-timepicker-widget table {
+  width: 100%;
+  margin: 0;
+}
+.bootstrap-timepicker-widget table td {
+  text-align: center;
+  height: 30px;
+  margin: 0;
+  padding: 2px;
+}
+.bootstrap-timepicker-widget table td:not(.separator) {
+  min-width: 30px;
+}
+.bootstrap-timepicker-widget table td span {
+  width: 100%;
+}
+.bootstrap-timepicker-widget table td a {
+  border: 1px transparent solid;
+  width: 100%;
+  display: inline-block;
+  margin: 0;
+  padding: 8px 0;
+  outline: 0;
+  color: #333;
+}
+.bootstrap-timepicker-widget table td a:hover {
+  text-decoration: none;
+  background-color: #eee;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  border-color: #ddd;
+}
+.bootstrap-timepicker-widget table td a i {
+  margin-top: 2px;
+  font-size: 18px;
+}
+.bootstrap-timepicker-widget table td input {
+  width: 25px;
+  margin: 0;
+  text-align: center;
+}
+.bootstrap-timepicker-widget .modal-content {
+  padding: 4px;
+}
+@media (min-width: 767px) {
+  .bootstrap-timepicker-widget.modal {
+    width: 200px;
+    margin-left: -100px;
+  }
+}
+@media (max-width: 767px) {
+  .bootstrap-timepicker {
+    width: 100%;
+  }
+  .bootstrap-timepicker .dropdown-menu {
+    width: 100%;
+  }
+}
diff --git a/web/bootstrap-ace-admin/css/chosen-sprite.png b/web/bootstrap-ace-admin/css/chosen-sprite.png
new file mode 100755
index 00000000..c57da70b
Binary files /dev/null and b/web/bootstrap-ace-admin/css/chosen-sprite.png differ
diff --git a/web/bootstrap-ace-admin/css/chosen-sprite@2x.png b/web/bootstrap-ace-admin/css/chosen-sprite@2x.png
new file mode 100755
index 00000000..6b505452
Binary files /dev/null and b/web/bootstrap-ace-admin/css/chosen-sprite@2x.png differ
diff --git a/web/bootstrap-ace-admin/css/chosen.css b/web/bootstrap-ace-admin/css/chosen.css
new file mode 100755
index 00000000..463f8f1d
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/chosen.css
@@ -0,0 +1,437 @@
+/*!
+Chosen, a Select Box Enhancer for jQuery and Prototype
+by Patrick Filler for Harvest, http://getharvest.com
+
+Version 1.2.0
+Full source at https://github.com/harvesthq/chosen
+Copyright (c) 2011-2014 Harvest http://getharvest.com
+
+MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
+This file is generated by `grunt build`, do not edit it by hand.
+*/
+
+/* @group Base */
+.chosen-container {
+  position: relative;
+  display: inline-block;
+  vertical-align: middle;
+  font-size: 13px;
+  zoom: 1;
+  *display: inline;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  user-select: none;
+}
+.chosen-container * {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.chosen-container .chosen-drop {
+  position: absolute;
+  top: 100%;
+  left: -9999px;
+  z-index: 1010;
+  width: 100%;
+  border: 1px solid #aaa;
+  border-top: 0;
+  background: #fff;
+  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
+}
+.chosen-container.chosen-with-drop .chosen-drop {
+  left: 0;
+}
+.chosen-container a {
+  cursor: pointer;
+}
+
+/* @end */
+/* @group Single Chosen */
+.chosen-container-single .chosen-single {
+  position: relative;
+  display: block;
+  overflow: hidden;
+  padding: 0 0 0 8px;
+  height: 25px;
+  border: 1px solid #aaa;
+  border-radius: 5px;
+  background-color: #fff;
+  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
+  background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
+  background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
+  background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
+  background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
+  background-clip: padding-box;
+  box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
+  color: #444;
+  text-decoration: none;
+  white-space: nowrap;
+  line-height: 24px;
+}
+.chosen-container-single .chosen-default {
+  color: #999;
+}
+.chosen-container-single .chosen-single span {
+  display: block;
+  overflow: hidden;
+  margin-right: 26px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.chosen-container-single .chosen-single-with-deselect span {
+  margin-right: 38px;
+}
+.chosen-container-single .chosen-single abbr {
+  position: absolute;
+  top: 6px;
+  right: 26px;
+  display: block;
+  width: 12px;
+  height: 12px;
+  background: url('chosen-sprite.png') -42px 1px no-repeat;
+  font-size: 1px;
+}
+.chosen-container-single .chosen-single abbr:hover {
+  background-position: -42px -10px;
+}
+.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
+  background-position: -42px -10px;
+}
+.chosen-container-single .chosen-single div {
+  position: absolute;
+  top: 0;
+  right: 0;
+  display: block;
+  width: 18px;
+  height: 100%;
+}
+.chosen-container-single .chosen-single div b {
+  display: block;
+  width: 100%;
+  height: 100%;
+  background: url('chosen-sprite.png') no-repeat 0px 2px;
+}
+.chosen-container-single .chosen-search {
+  position: relative;
+  z-index: 1010;
+  margin: 0;
+  padding: 3px 4px;
+  white-space: nowrap;
+}
+.chosen-container-single .chosen-search input[type="text"] {
+  margin: 1px 0;
+  padding: 4px 20px 4px 5px;
+  width: 100%;
+  height: auto;
+  outline: 0;
+  border: 1px solid #aaa;
+  background: white url('chosen-sprite.png') no-repeat 100% -20px;
+  background: url('chosen-sprite.png') no-repeat 100% -20px;
+  font-size: 1em;
+  font-family: sans-serif;
+  line-height: normal;
+  border-radius: 0;
+}
+.chosen-container-single .chosen-drop {
+  margin-top: -1px;
+  border-radius: 0 0 4px 4px;
+  background-clip: padding-box;
+}
+.chosen-container-single.chosen-container-single-nosearch .chosen-search {
+  position: absolute;
+  left: -9999px;
+}
+
+/* @end */
+/* @group Results */
+.chosen-container .chosen-results {
+  color: #444;
+  position: relative;
+  overflow-x: hidden;
+  overflow-y: auto;
+  margin: 0 4px 4px 0;
+  padding: 0 0 0 4px;
+  max-height: 240px;
+  -webkit-overflow-scrolling: touch;
+}
+.chosen-container .chosen-results li {
+  display: none;
+  margin: 0;
+  padding: 5px 6px;
+  list-style: none;
+  line-height: 15px;
+  word-wrap: break-word;
+  -webkit-touch-callout: none;
+}
+.chosen-container .chosen-results li.active-result {
+  display: list-item;
+  cursor: pointer;
+}
+.chosen-container .chosen-results li.disabled-result {
+  display: list-item;
+  color: #ccc;
+  cursor: default;
+}
+.chosen-container .chosen-results li.highlighted {
+  background-color: #3875d7;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
+  background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
+  background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
+  background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
+  background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
+  color: #fff;
+}
+.chosen-container .chosen-results li.no-results {
+  color: #777;
+  display: list-item;
+  background: #f4f4f4;
+}
+.chosen-container .chosen-results li.group-result {
+  display: list-item;
+  font-weight: bold;
+  cursor: default;
+}
+.chosen-container .chosen-results li.group-option {
+  padding-left: 15px;
+}
+.chosen-container .chosen-results li em {
+  font-style: normal;
+  text-decoration: underline;
+}
+
+/* @end */
+/* @group Multi Chosen */
+.chosen-container-multi .chosen-choices {
+  position: relative;
+  overflow: hidden;
+  margin: 0;
+  padding: 0 5px;
+  width: 100%;
+  height: auto !important;
+  height: 1%;
+  border: 1px solid #aaa;
+  background-color: #fff;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
+  background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
+  background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
+  background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
+  background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
+  cursor: text;
+}
+.chosen-container-multi .chosen-choices li {
+  float: left;
+  list-style: none;
+}
+.chosen-container-multi .chosen-choices li.search-field {
+  margin: 0;
+  padding: 0;
+  white-space: nowrap;
+}
+.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
+  margin: 1px 0;
+  padding: 0;
+  height: 25px;
+  outline: 0;
+  border: 0 !important;
+  background: transparent !important;
+  box-shadow: none;
+  color: #999;
+  font-size: 100%;
+  font-family: sans-serif;
+  line-height: normal;
+  border-radius: 0;
+}
+.chosen-container-multi .chosen-choices li.search-choice {
+  position: relative;
+  margin: 3px 5px 3px 0;
+  padding: 3px 20px 3px 5px;
+  border: 1px solid #aaa;
+  max-width: 100%;
+  border-radius: 3px;
+  background-color: #eeeeee;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
+  background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-size: 100% 19px;
+  background-repeat: repeat-x;
+  background-clip: padding-box;
+  box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
+  color: #333;
+  line-height: 13px;
+  cursor: default;
+}
+.chosen-container-multi .chosen-choices li.search-choice span {
+  word-wrap: break-word;
+}
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
+  position: absolute;
+  top: 4px;
+  right: 3px;
+  display: block;
+  width: 12px;
+  height: 12px;
+  background: url('chosen-sprite.png') -42px 1px no-repeat;
+  font-size: 1px;
+}
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
+  background-position: -42px -10px;
+}
+.chosen-container-multi .chosen-choices li.search-choice-disabled {
+  padding-right: 5px;
+  border: 1px solid #ccc;
+  background-color: #e4e4e4;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
+  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
+  color: #666;
+}
+.chosen-container-multi .chosen-choices li.search-choice-focus {
+  background: #d4d4d4;
+}
+.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
+  background-position: -42px -10px;
+}
+.chosen-container-multi .chosen-results {
+  margin: 0;
+  padding: 0;
+}
+.chosen-container-multi .chosen-drop .result-selected {
+  display: list-item;
+  color: #ccc;
+  cursor: default;
+}
+
+/* @end */
+/* @group Active  */
+.chosen-container-active .chosen-single {
+  border: 1px solid #5897fb;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
+}
+.chosen-container-active.chosen-with-drop .chosen-single {
+  border: 1px solid #aaa;
+  -moz-border-radius-bottomright: 0;
+  border-bottom-right-radius: 0;
+  -moz-border-radius-bottomleft: 0;
+  border-bottom-left-radius: 0;
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
+  background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
+  background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
+  background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
+  background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
+  box-shadow: 0 1px 0 #fff inset;
+}
+.chosen-container-active.chosen-with-drop .chosen-single div {
+  border-left: none;
+  background: transparent;
+}
+.chosen-container-active.chosen-with-drop .chosen-single div b {
+  background-position: -18px 2px;
+}
+.chosen-container-active .chosen-choices {
+  border: 1px solid #5897fb;
+  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
+}
+.chosen-container-active .chosen-choices li.search-field input[type="text"] {
+  color: #222 !important;
+}
+
+/* @end */
+/* @group Disabled Support */
+.chosen-disabled {
+  opacity: 0.5 !important;
+  cursor: default;
+}
+.chosen-disabled .chosen-single {
+  cursor: default;
+}
+.chosen-disabled .chosen-choices .search-choice .search-choice-close {
+  cursor: default;
+}
+
+/* @end */
+/* @group Right to Left */
+.chosen-rtl {
+  text-align: right;
+}
+.chosen-rtl .chosen-single {
+  overflow: visible;
+  padding: 0 8px 0 0;
+}
+.chosen-rtl .chosen-single span {
+  margin-right: 0;
+  margin-left: 26px;
+  direction: rtl;
+}
+.chosen-rtl .chosen-single-with-deselect span {
+  margin-left: 38px;
+}
+.chosen-rtl .chosen-single div {
+  right: auto;
+  left: 3px;
+}
+.chosen-rtl .chosen-single abbr {
+  right: auto;
+  left: 26px;
+}
+.chosen-rtl .chosen-choices li {
+  float: right;
+}
+.chosen-rtl .chosen-choices li.search-field input[type="text"] {
+  direction: rtl;
+}
+.chosen-rtl .chosen-choices li.search-choice {
+  margin: 3px 5px 3px 0;
+  padding: 3px 5px 3px 19px;
+}
+.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
+  right: auto;
+  left: 4px;
+}
+.chosen-rtl.chosen-container-single-nosearch .chosen-search,
+.chosen-rtl .chosen-drop {
+  left: 9999px;
+}
+.chosen-rtl.chosen-container-single .chosen-results {
+  margin: 0 0 4px 4px;
+  padding: 0 4px 0 0;
+}
+.chosen-rtl .chosen-results li.group-option {
+  padding-right: 15px;
+  padding-left: 0;
+}
+.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
+  border-right: none;
+}
+.chosen-rtl .chosen-search input[type="text"] {
+  padding: 4px 5px 4px 20px;
+  background: white url('chosen-sprite.png') no-repeat -30px -20px;
+  background: url('chosen-sprite.png') no-repeat -30px -20px;
+  direction: rtl;
+}
+.chosen-rtl.chosen-container-single .chosen-single div b {
+  background-position: 6px 2px;
+}
+.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
+  background-position: -12px 2px;
+}
+
+/* @end */
+/* @group Retina compatibility */
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
+  .chosen-rtl .chosen-search input[type="text"],
+  .chosen-container-single .chosen-single abbr,
+  .chosen-container-single .chosen-single div b,
+  .chosen-container-single .chosen-search input[type="text"],
+  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
+  .chosen-container .chosen-results-scroll-down span,
+  .chosen-container .chosen-results-scroll-up span {
+    background-image: url('chosen-sprite@2x.png') !important;
+    background-size: 52px 37px !important;
+    background-repeat: no-repeat !important;
+  }
+}
+/* @end */
diff --git a/web/bootstrap-ace-admin/css/colorbox.css b/web/bootstrap-ace-admin/css/colorbox.css
new file mode 100755
index 00000000..8a4ff998
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/colorbox.css
@@ -0,0 +1,70 @@
+/*
+    Colorbox Core Style:
+    The following CSS is consistent between example themes and should not be altered.
+*/
+#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
+#cboxWrapper {max-width:none;}
+#cboxOverlay{position:fixed; width:100%; height:100%;}
+#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
+#cboxContent{position:relative;}
+#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
+#cboxTitle{margin:0;}
+#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
+#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
+.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
+.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
+#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
+
+/* 
+    User Style:
+    Change the following styles to modify the appearance of Colorbox.  They are
+    ordered & tabbed in a way that represents the nesting of the generated HTML.
+*/
+#cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
+#colorbox{outline:0;}
+    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
+    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
+    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
+    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
+    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
+    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
+    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
+    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
+    #cboxContent{background:#fff; overflow:hidden;}
+        .cboxIframe{background:#fff;}
+        #cboxError{padding:50px; border:1px solid #ccc;}
+        #cboxLoadedContent{margin-bottom:28px;}
+        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
+        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
+        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
+        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
+
+        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
+        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
+        
+        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
+        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
+
+        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
+        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxPrevious:hover{background-position:-75px -25px;}
+        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxNext:hover{background-position:-50px -25px;}
+        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
+        #cboxClose:hover{background-position:-25px -25px;}
+
+/*
+  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
+  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
+  See: http://jacklmoore.com/notes/ie-transparency-problems/
+*/
+.cboxIE #cboxTopLeft,
+.cboxIE #cboxTopCenter,
+.cboxIE #cboxTopRight,
+.cboxIE #cboxBottomLeft,
+.cboxIE #cboxBottomCenter,
+.cboxIE #cboxBottomRight,
+.cboxIE #cboxMiddleLeft,
+.cboxIE #cboxMiddleRight {
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/colorpicker.css b/web/bootstrap-ace-admin/css/colorpicker.css
new file mode 100755
index 00000000..df6e6c56
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/colorpicker.css
@@ -0,0 +1,127 @@
+/*!
+* Colorpicker for Bootstrap
+*
+* Copyright 2012 Stefan Petre
+* Licensed under the Apache License v2.0
+* http://www.apache.org/licenses/LICENSE-2.0
+*
+*/
+.colorpicker-saturation {
+	width: 100px;
+	height: 100px;
+	background-image: url(img/saturation.png);
+	cursor: crosshair;
+	float: left;
+}
+.colorpicker-saturation i {
+	display: block;
+	height: 5px;
+	width: 5px;
+	border: 1px solid #000;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+	border-radius: 5px;
+	position: absolute;
+	top: 0;
+	left: 0;
+	margin: -4px 0 0 -4px;
+}
+.colorpicker-saturation i b {
+	display: block;
+	height: 5px;
+	width: 5px;
+	border: 1px solid #fff;
+	-webkit-border-radius: 5px;
+	-moz-border-radius: 5px;
+	border-radius: 5px;
+}
+.colorpicker-hue, .colorpicker-alpha {
+	width: 15px;
+	height: 100px;
+	float: left;
+	cursor: row-resize;
+	margin-left: 4px;
+	margin-bottom: 4px;
+}
+.colorpicker-hue i, .colorpicker-alpha i {
+	display: block;
+	height: 1px;
+	background: #000;
+	border-top: 1px solid #fff;
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	margin-top: -1px;
+}
+.colorpicker-hue {
+	background-image: url(img/hue.png);
+}
+.colorpicker-alpha {
+	background-image: url(img/alpha.png);
+	display: none;
+}
+.colorpicker {
+	*zoom: 1;
+	top: 0;
+	left: 0;
+	padding: 4px;
+	min-width: 120px;
+	margin-top: 1px;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
+	border-radius: 4px;
+}
+.colorpicker:before, .colorpicker:after {
+	display: table;
+	content: "";
+}
+.colorpicker:after {
+	clear: both;
+}
+.colorpicker:before {
+	content: '';
+	display: inline-block;
+	border-left: 7px solid transparent;
+	border-right: 7px solid transparent;
+	border-bottom: 7px solid #ccc;
+	border-bottom-color: rgba(0, 0, 0, 0.2);
+	position: absolute;
+	top: -7px;
+	left: 6px;
+}
+.colorpicker:after {
+	content: '';
+	display: inline-block;
+	border-left: 6px solid transparent;
+	border-right: 6px solid transparent;
+	border-bottom: 6px solid #ffffff;
+	position: absolute;
+	top: -6px;
+	left: 7px;
+}
+.colorpicker div {
+	position: relative;
+}
+.colorpicker.alpha {
+	min-width: 140px;
+}
+.colorpicker.alpha .colorpicker-alpha {
+	display: block;
+}
+.colorpicker-color {
+	height: 10px;
+	margin-top: 5px;
+	clear: both;
+	background-image: url(img/alpha.png);
+	background-position: 0 100%;
+}
+.colorpicker-color div {
+	height: 10px;
+}
+.input-append.color .add-on i, .input-prepend.color .add-on i {
+	display: block;
+	cursor: pointer;
+	width: 16px;
+	height: 16px;
+} 
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/datepicker.css b/web/bootstrap-ace-admin/css/datepicker.css
new file mode 100755
index 00000000..aa78b1d4
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/datepicker.css
@@ -0,0 +1,790 @@
+/*!
+ * Datepicker for Bootstrap
+ *
+ * Copyright 2012 Stefan Petre
+ * Improvements by Andrew Rowls
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ */
+.datepicker {
+  padding: 4px;
+  border-radius: 4px;
+  direction: ltr;
+  /*.dow {
+		border-top: 1px solid #ddd !important;
+	}*/
+}
+.datepicker-inline {
+  width: 220px;
+}
+.datepicker.datepicker-rtl {
+  direction: rtl;
+}
+.datepicker.datepicker-rtl table tr td span {
+  float: right;
+}
+.datepicker-dropdown {
+  top: 0;
+  left: 0;
+}
+.datepicker-dropdown:before {
+  content: '';
+  display: inline-block;
+  border-left: 7px solid transparent;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-top: 0;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  position: absolute;
+}
+.datepicker-dropdown:after {
+  content: '';
+  display: inline-block;
+  border-left: 6px solid transparent;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  border-top: 0;
+  position: absolute;
+}
+.datepicker-dropdown.datepicker-orient-left:before {
+  left: 6px;
+}
+.datepicker-dropdown.datepicker-orient-left:after {
+  left: 7px;
+}
+.datepicker-dropdown.datepicker-orient-right:before {
+  right: 6px;
+}
+.datepicker-dropdown.datepicker-orient-right:after {
+  right: 7px;
+}
+.datepicker-dropdown.datepicker-orient-top:before {
+  top: -7px;
+}
+.datepicker-dropdown.datepicker-orient-top:after {
+  top: -6px;
+}
+.datepicker-dropdown.datepicker-orient-bottom:before {
+  bottom: -7px;
+  border-bottom: 0;
+  border-top: 7px solid #999;
+}
+.datepicker-dropdown.datepicker-orient-bottom:after {
+  bottom: -6px;
+  border-bottom: 0;
+  border-top: 6px solid #fff;
+}
+.datepicker > div {
+  display: none;
+}
+.datepicker.days div.datepicker-days {
+  display: block;
+}
+.datepicker.months div.datepicker-months {
+  display: block;
+}
+.datepicker.years div.datepicker-years {
+  display: block;
+}
+.datepicker table {
+  margin: 0;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -khtml-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+}
+.datepicker table tr td,
+.datepicker table tr th {
+  text-align: center;
+  width: 30px;
+  height: 30px;
+  border-radius: 4px;
+  border: none;
+}
+.table-striped .datepicker table tr td,
+.table-striped .datepicker table tr th {
+  background-color: transparent;
+}
+.datepicker table tr td.day:hover,
+.datepicker table tr td.day.focused {
+  background: #eeeeee;
+  cursor: pointer;
+}
+.datepicker table tr td.old,
+.datepicker table tr td.new {
+  color: #999999;
+}
+.datepicker table tr td.disabled,
+.datepicker table tr td.disabled:hover {
+  background: none;
+  color: #999999;
+  cursor: default;
+}
+.datepicker table tr td.today,
+.datepicker table tr td.today:hover,
+.datepicker table tr td.today.disabled,
+.datepicker table tr td.today.disabled:hover {
+  color: #000000;
+  background-color: #ffdb99;
+  border-color: #ffb733;
+}
+.datepicker table tr td.today:hover,
+.datepicker table tr td.today:hover:hover,
+.datepicker table tr td.today.disabled:hover,
+.datepicker table tr td.today.disabled:hover:hover,
+.datepicker table tr td.today:focus,
+.datepicker table tr td.today:hover:focus,
+.datepicker table tr td.today.disabled:focus,
+.datepicker table tr td.today.disabled:hover:focus,
+.datepicker table tr td.today:active,
+.datepicker table tr td.today:hover:active,
+.datepicker table tr td.today.disabled:active,
+.datepicker table tr td.today.disabled:hover:active,
+.datepicker table tr td.today.active,
+.datepicker table tr td.today:hover.active,
+.datepicker table tr td.today.disabled.active,
+.datepicker table tr td.today.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td.today,
+.open .dropdown-toggle.datepicker table tr td.today:hover,
+.open .dropdown-toggle.datepicker table tr td.today.disabled,
+.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
+  color: #000000;
+  background-color: #ffcd70;
+  border-color: #f59e00;
+}
+.datepicker table tr td.today:active,
+.datepicker table tr td.today:hover:active,
+.datepicker table tr td.today.disabled:active,
+.datepicker table tr td.today.disabled:hover:active,
+.datepicker table tr td.today.active,
+.datepicker table tr td.today:hover.active,
+.datepicker table tr td.today.disabled.active,
+.datepicker table tr td.today.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td.today,
+.open .dropdown-toggle.datepicker table tr td.today:hover,
+.open .dropdown-toggle.datepicker table tr td.today.disabled,
+.open .dropdown-toggle.datepicker table tr td.today.disabled:hover {
+  background-image: none;
+}
+.datepicker table tr td.today.disabled,
+.datepicker table tr td.today:hover.disabled,
+.datepicker table tr td.today.disabled.disabled,
+.datepicker table tr td.today.disabled:hover.disabled,
+.datepicker table tr td.today[disabled],
+.datepicker table tr td.today:hover[disabled],
+.datepicker table tr td.today.disabled[disabled],
+.datepicker table tr td.today.disabled:hover[disabled],
+fieldset[disabled] .datepicker table tr td.today,
+fieldset[disabled] .datepicker table tr td.today:hover,
+fieldset[disabled] .datepicker table tr td.today.disabled,
+fieldset[disabled] .datepicker table tr td.today.disabled:hover,
+.datepicker table tr td.today.disabled:hover,
+.datepicker table tr td.today:hover.disabled:hover,
+.datepicker table tr td.today.disabled.disabled:hover,
+.datepicker table tr td.today.disabled:hover.disabled:hover,
+.datepicker table tr td.today[disabled]:hover,
+.datepicker table tr td.today:hover[disabled]:hover,
+.datepicker table tr td.today.disabled[disabled]:hover,
+.datepicker table tr td.today.disabled:hover[disabled]:hover,
+fieldset[disabled] .datepicker table tr td.today:hover,
+fieldset[disabled] .datepicker table tr td.today:hover:hover,
+fieldset[disabled] .datepicker table tr td.today.disabled:hover,
+fieldset[disabled] .datepicker table tr td.today.disabled:hover:hover,
+.datepicker table tr td.today.disabled:focus,
+.datepicker table tr td.today:hover.disabled:focus,
+.datepicker table tr td.today.disabled.disabled:focus,
+.datepicker table tr td.today.disabled:hover.disabled:focus,
+.datepicker table tr td.today[disabled]:focus,
+.datepicker table tr td.today:hover[disabled]:focus,
+.datepicker table tr td.today.disabled[disabled]:focus,
+.datepicker table tr td.today.disabled:hover[disabled]:focus,
+fieldset[disabled] .datepicker table tr td.today:focus,
+fieldset[disabled] .datepicker table tr td.today:hover:focus,
+fieldset[disabled] .datepicker table tr td.today.disabled:focus,
+fieldset[disabled] .datepicker table tr td.today.disabled:hover:focus,
+.datepicker table tr td.today.disabled:active,
+.datepicker table tr td.today:hover.disabled:active,
+.datepicker table tr td.today.disabled.disabled:active,
+.datepicker table tr td.today.disabled:hover.disabled:active,
+.datepicker table tr td.today[disabled]:active,
+.datepicker table tr td.today:hover[disabled]:active,
+.datepicker table tr td.today.disabled[disabled]:active,
+.datepicker table tr td.today.disabled:hover[disabled]:active,
+fieldset[disabled] .datepicker table tr td.today:active,
+fieldset[disabled] .datepicker table tr td.today:hover:active,
+fieldset[disabled] .datepicker table tr td.today.disabled:active,
+fieldset[disabled] .datepicker table tr td.today.disabled:hover:active,
+.datepicker table tr td.today.disabled.active,
+.datepicker table tr td.today:hover.disabled.active,
+.datepicker table tr td.today.disabled.disabled.active,
+.datepicker table tr td.today.disabled:hover.disabled.active,
+.datepicker table tr td.today[disabled].active,
+.datepicker table tr td.today:hover[disabled].active,
+.datepicker table tr td.today.disabled[disabled].active,
+.datepicker table tr td.today.disabled:hover[disabled].active,
+fieldset[disabled] .datepicker table tr td.today.active,
+fieldset[disabled] .datepicker table tr td.today:hover.active,
+fieldset[disabled] .datepicker table tr td.today.disabled.active,
+fieldset[disabled] .datepicker table tr td.today.disabled:hover.active {
+  background-color: #ffdb99;
+  border-color: #ffb733;
+}
+.datepicker table tr td.today:hover:hover {
+  color: #000;
+}
+.datepicker table tr td.today.active:hover {
+  color: #fff;
+}
+.datepicker table tr td.range,
+.datepicker table tr td.range:hover,
+.datepicker table tr td.range.disabled,
+.datepicker table tr td.range.disabled:hover {
+  background: #eeeeee;
+  border-radius: 0;
+}
+.datepicker table tr td.range.today,
+.datepicker table tr td.range.today:hover,
+.datepicker table tr td.range.today.disabled,
+.datepicker table tr td.range.today.disabled:hover {
+  color: #000000;
+  background-color: #f7ca77;
+  border-color: #f1a417;
+  border-radius: 0;
+}
+.datepicker table tr td.range.today:hover,
+.datepicker table tr td.range.today:hover:hover,
+.datepicker table tr td.range.today.disabled:hover,
+.datepicker table tr td.range.today.disabled:hover:hover,
+.datepicker table tr td.range.today:focus,
+.datepicker table tr td.range.today:hover:focus,
+.datepicker table tr td.range.today.disabled:focus,
+.datepicker table tr td.range.today.disabled:hover:focus,
+.datepicker table tr td.range.today:active,
+.datepicker table tr td.range.today:hover:active,
+.datepicker table tr td.range.today.disabled:active,
+.datepicker table tr td.range.today.disabled:hover:active,
+.datepicker table tr td.range.today.active,
+.datepicker table tr td.range.today:hover.active,
+.datepicker table tr td.range.today.disabled.active,
+.datepicker table tr td.range.today.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td.range.today,
+.open .dropdown-toggle.datepicker table tr td.range.today:hover,
+.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
+.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
+  color: #000000;
+  background-color: #f4bb51;
+  border-color: #bf800c;
+}
+.datepicker table tr td.range.today:active,
+.datepicker table tr td.range.today:hover:active,
+.datepicker table tr td.range.today.disabled:active,
+.datepicker table tr td.range.today.disabled:hover:active,
+.datepicker table tr td.range.today.active,
+.datepicker table tr td.range.today:hover.active,
+.datepicker table tr td.range.today.disabled.active,
+.datepicker table tr td.range.today.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td.range.today,
+.open .dropdown-toggle.datepicker table tr td.range.today:hover,
+.open .dropdown-toggle.datepicker table tr td.range.today.disabled,
+.open .dropdown-toggle.datepicker table tr td.range.today.disabled:hover {
+  background-image: none;
+}
+.datepicker table tr td.range.today.disabled,
+.datepicker table tr td.range.today:hover.disabled,
+.datepicker table tr td.range.today.disabled.disabled,
+.datepicker table tr td.range.today.disabled:hover.disabled,
+.datepicker table tr td.range.today[disabled],
+.datepicker table tr td.range.today:hover[disabled],
+.datepicker table tr td.range.today.disabled[disabled],
+.datepicker table tr td.range.today.disabled:hover[disabled],
+fieldset[disabled] .datepicker table tr td.range.today,
+fieldset[disabled] .datepicker table tr td.range.today:hover,
+fieldset[disabled] .datepicker table tr td.range.today.disabled,
+fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
+.datepicker table tr td.range.today.disabled:hover,
+.datepicker table tr td.range.today:hover.disabled:hover,
+.datepicker table tr td.range.today.disabled.disabled:hover,
+.datepicker table tr td.range.today.disabled:hover.disabled:hover,
+.datepicker table tr td.range.today[disabled]:hover,
+.datepicker table tr td.range.today:hover[disabled]:hover,
+.datepicker table tr td.range.today.disabled[disabled]:hover,
+.datepicker table tr td.range.today.disabled:hover[disabled]:hover,
+fieldset[disabled] .datepicker table tr td.range.today:hover,
+fieldset[disabled] .datepicker table tr td.range.today:hover:hover,
+fieldset[disabled] .datepicker table tr td.range.today.disabled:hover,
+fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:hover,
+.datepicker table tr td.range.today.disabled:focus,
+.datepicker table tr td.range.today:hover.disabled:focus,
+.datepicker table tr td.range.today.disabled.disabled:focus,
+.datepicker table tr td.range.today.disabled:hover.disabled:focus,
+.datepicker table tr td.range.today[disabled]:focus,
+.datepicker table tr td.range.today:hover[disabled]:focus,
+.datepicker table tr td.range.today.disabled[disabled]:focus,
+.datepicker table tr td.range.today.disabled:hover[disabled]:focus,
+fieldset[disabled] .datepicker table tr td.range.today:focus,
+fieldset[disabled] .datepicker table tr td.range.today:hover:focus,
+fieldset[disabled] .datepicker table tr td.range.today.disabled:focus,
+fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:focus,
+.datepicker table tr td.range.today.disabled:active,
+.datepicker table tr td.range.today:hover.disabled:active,
+.datepicker table tr td.range.today.disabled.disabled:active,
+.datepicker table tr td.range.today.disabled:hover.disabled:active,
+.datepicker table tr td.range.today[disabled]:active,
+.datepicker table tr td.range.today:hover[disabled]:active,
+.datepicker table tr td.range.today.disabled[disabled]:active,
+.datepicker table tr td.range.today.disabled:hover[disabled]:active,
+fieldset[disabled] .datepicker table tr td.range.today:active,
+fieldset[disabled] .datepicker table tr td.range.today:hover:active,
+fieldset[disabled] .datepicker table tr td.range.today.disabled:active,
+fieldset[disabled] .datepicker table tr td.range.today.disabled:hover:active,
+.datepicker table tr td.range.today.disabled.active,
+.datepicker table tr td.range.today:hover.disabled.active,
+.datepicker table tr td.range.today.disabled.disabled.active,
+.datepicker table tr td.range.today.disabled:hover.disabled.active,
+.datepicker table tr td.range.today[disabled].active,
+.datepicker table tr td.range.today:hover[disabled].active,
+.datepicker table tr td.range.today.disabled[disabled].active,
+.datepicker table tr td.range.today.disabled:hover[disabled].active,
+fieldset[disabled] .datepicker table tr td.range.today.active,
+fieldset[disabled] .datepicker table tr td.range.today:hover.active,
+fieldset[disabled] .datepicker table tr td.range.today.disabled.active,
+fieldset[disabled] .datepicker table tr td.range.today.disabled:hover.active {
+  background-color: #f7ca77;
+  border-color: #f1a417;
+}
+.datepicker table tr td.selected,
+.datepicker table tr td.selected:hover,
+.datepicker table tr td.selected.disabled,
+.datepicker table tr td.selected.disabled:hover {
+  color: #ffffff;
+  background-color: #999999;
+  border-color: #555555;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.datepicker table tr td.selected:hover,
+.datepicker table tr td.selected:hover:hover,
+.datepicker table tr td.selected.disabled:hover,
+.datepicker table tr td.selected.disabled:hover:hover,
+.datepicker table tr td.selected:focus,
+.datepicker table tr td.selected:hover:focus,
+.datepicker table tr td.selected.disabled:focus,
+.datepicker table tr td.selected.disabled:hover:focus,
+.datepicker table tr td.selected:active,
+.datepicker table tr td.selected:hover:active,
+.datepicker table tr td.selected.disabled:active,
+.datepicker table tr td.selected.disabled:hover:active,
+.datepicker table tr td.selected.active,
+.datepicker table tr td.selected:hover.active,
+.datepicker table tr td.selected.disabled.active,
+.datepicker table tr td.selected.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td.selected,
+.open .dropdown-toggle.datepicker table tr td.selected:hover,
+.open .dropdown-toggle.datepicker table tr td.selected.disabled,
+.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
+  color: #ffffff;
+  background-color: #858585;
+  border-color: #373737;
+}
+.datepicker table tr td.selected:active,
+.datepicker table tr td.selected:hover:active,
+.datepicker table tr td.selected.disabled:active,
+.datepicker table tr td.selected.disabled:hover:active,
+.datepicker table tr td.selected.active,
+.datepicker table tr td.selected:hover.active,
+.datepicker table tr td.selected.disabled.active,
+.datepicker table tr td.selected.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td.selected,
+.open .dropdown-toggle.datepicker table tr td.selected:hover,
+.open .dropdown-toggle.datepicker table tr td.selected.disabled,
+.open .dropdown-toggle.datepicker table tr td.selected.disabled:hover {
+  background-image: none;
+}
+.datepicker table tr td.selected.disabled,
+.datepicker table tr td.selected:hover.disabled,
+.datepicker table tr td.selected.disabled.disabled,
+.datepicker table tr td.selected.disabled:hover.disabled,
+.datepicker table tr td.selected[disabled],
+.datepicker table tr td.selected:hover[disabled],
+.datepicker table tr td.selected.disabled[disabled],
+.datepicker table tr td.selected.disabled:hover[disabled],
+fieldset[disabled] .datepicker table tr td.selected,
+fieldset[disabled] .datepicker table tr td.selected:hover,
+fieldset[disabled] .datepicker table tr td.selected.disabled,
+fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
+.datepicker table tr td.selected.disabled:hover,
+.datepicker table tr td.selected:hover.disabled:hover,
+.datepicker table tr td.selected.disabled.disabled:hover,
+.datepicker table tr td.selected.disabled:hover.disabled:hover,
+.datepicker table tr td.selected[disabled]:hover,
+.datepicker table tr td.selected:hover[disabled]:hover,
+.datepicker table tr td.selected.disabled[disabled]:hover,
+.datepicker table tr td.selected.disabled:hover[disabled]:hover,
+fieldset[disabled] .datepicker table tr td.selected:hover,
+fieldset[disabled] .datepicker table tr td.selected:hover:hover,
+fieldset[disabled] .datepicker table tr td.selected.disabled:hover,
+fieldset[disabled] .datepicker table tr td.selected.disabled:hover:hover,
+.datepicker table tr td.selected.disabled:focus,
+.datepicker table tr td.selected:hover.disabled:focus,
+.datepicker table tr td.selected.disabled.disabled:focus,
+.datepicker table tr td.selected.disabled:hover.disabled:focus,
+.datepicker table tr td.selected[disabled]:focus,
+.datepicker table tr td.selected:hover[disabled]:focus,
+.datepicker table tr td.selected.disabled[disabled]:focus,
+.datepicker table tr td.selected.disabled:hover[disabled]:focus,
+fieldset[disabled] .datepicker table tr td.selected:focus,
+fieldset[disabled] .datepicker table tr td.selected:hover:focus,
+fieldset[disabled] .datepicker table tr td.selected.disabled:focus,
+fieldset[disabled] .datepicker table tr td.selected.disabled:hover:focus,
+.datepicker table tr td.selected.disabled:active,
+.datepicker table tr td.selected:hover.disabled:active,
+.datepicker table tr td.selected.disabled.disabled:active,
+.datepicker table tr td.selected.disabled:hover.disabled:active,
+.datepicker table tr td.selected[disabled]:active,
+.datepicker table tr td.selected:hover[disabled]:active,
+.datepicker table tr td.selected.disabled[disabled]:active,
+.datepicker table tr td.selected.disabled:hover[disabled]:active,
+fieldset[disabled] .datepicker table tr td.selected:active,
+fieldset[disabled] .datepicker table tr td.selected:hover:active,
+fieldset[disabled] .datepicker table tr td.selected.disabled:active,
+fieldset[disabled] .datepicker table tr td.selected.disabled:hover:active,
+.datepicker table tr td.selected.disabled.active,
+.datepicker table tr td.selected:hover.disabled.active,
+.datepicker table tr td.selected.disabled.disabled.active,
+.datepicker table tr td.selected.disabled:hover.disabled.active,
+.datepicker table tr td.selected[disabled].active,
+.datepicker table tr td.selected:hover[disabled].active,
+.datepicker table tr td.selected.disabled[disabled].active,
+.datepicker table tr td.selected.disabled:hover[disabled].active,
+fieldset[disabled] .datepicker table tr td.selected.active,
+fieldset[disabled] .datepicker table tr td.selected:hover.active,
+fieldset[disabled] .datepicker table tr td.selected.disabled.active,
+fieldset[disabled] .datepicker table tr td.selected.disabled:hover.active {
+  background-color: #999999;
+  border-color: #555555;
+}
+.datepicker table tr td.active,
+.datepicker table tr td.active:hover,
+.datepicker table tr td.active.disabled,
+.datepicker table tr td.active.disabled:hover {
+  color: #ffffff;
+  background-color: #428bca;
+  border-color: #357ebd;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.datepicker table tr td.active:hover,
+.datepicker table tr td.active:hover:hover,
+.datepicker table tr td.active.disabled:hover,
+.datepicker table tr td.active.disabled:hover:hover,
+.datepicker table tr td.active:focus,
+.datepicker table tr td.active:hover:focus,
+.datepicker table tr td.active.disabled:focus,
+.datepicker table tr td.active.disabled:hover:focus,
+.datepicker table tr td.active:active,
+.datepicker table tr td.active:hover:active,
+.datepicker table tr td.active.disabled:active,
+.datepicker table tr td.active.disabled:hover:active,
+.datepicker table tr td.active.active,
+.datepicker table tr td.active:hover.active,
+.datepicker table tr td.active.disabled.active,
+.datepicker table tr td.active.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td.active,
+.open .dropdown-toggle.datepicker table tr td.active:hover,
+.open .dropdown-toggle.datepicker table tr td.active.disabled,
+.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
+  color: #ffffff;
+  background-color: #3276b1;
+  border-color: #285e8e;
+}
+.datepicker table tr td.active:active,
+.datepicker table tr td.active:hover:active,
+.datepicker table tr td.active.disabled:active,
+.datepicker table tr td.active.disabled:hover:active,
+.datepicker table tr td.active.active,
+.datepicker table tr td.active:hover.active,
+.datepicker table tr td.active.disabled.active,
+.datepicker table tr td.active.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td.active,
+.open .dropdown-toggle.datepicker table tr td.active:hover,
+.open .dropdown-toggle.datepicker table tr td.active.disabled,
+.open .dropdown-toggle.datepicker table tr td.active.disabled:hover {
+  background-image: none;
+}
+.datepicker table tr td.active.disabled,
+.datepicker table tr td.active:hover.disabled,
+.datepicker table tr td.active.disabled.disabled,
+.datepicker table tr td.active.disabled:hover.disabled,
+.datepicker table tr td.active[disabled],
+.datepicker table tr td.active:hover[disabled],
+.datepicker table tr td.active.disabled[disabled],
+.datepicker table tr td.active.disabled:hover[disabled],
+fieldset[disabled] .datepicker table tr td.active,
+fieldset[disabled] .datepicker table tr td.active:hover,
+fieldset[disabled] .datepicker table tr td.active.disabled,
+fieldset[disabled] .datepicker table tr td.active.disabled:hover,
+.datepicker table tr td.active.disabled:hover,
+.datepicker table tr td.active:hover.disabled:hover,
+.datepicker table tr td.active.disabled.disabled:hover,
+.datepicker table tr td.active.disabled:hover.disabled:hover,
+.datepicker table tr td.active[disabled]:hover,
+.datepicker table tr td.active:hover[disabled]:hover,
+.datepicker table tr td.active.disabled[disabled]:hover,
+.datepicker table tr td.active.disabled:hover[disabled]:hover,
+fieldset[disabled] .datepicker table tr td.active:hover,
+fieldset[disabled] .datepicker table tr td.active:hover:hover,
+fieldset[disabled] .datepicker table tr td.active.disabled:hover,
+fieldset[disabled] .datepicker table tr td.active.disabled:hover:hover,
+.datepicker table tr td.active.disabled:focus,
+.datepicker table tr td.active:hover.disabled:focus,
+.datepicker table tr td.active.disabled.disabled:focus,
+.datepicker table tr td.active.disabled:hover.disabled:focus,
+.datepicker table tr td.active[disabled]:focus,
+.datepicker table tr td.active:hover[disabled]:focus,
+.datepicker table tr td.active.disabled[disabled]:focus,
+.datepicker table tr td.active.disabled:hover[disabled]:focus,
+fieldset[disabled] .datepicker table tr td.active:focus,
+fieldset[disabled] .datepicker table tr td.active:hover:focus,
+fieldset[disabled] .datepicker table tr td.active.disabled:focus,
+fieldset[disabled] .datepicker table tr td.active.disabled:hover:focus,
+.datepicker table tr td.active.disabled:active,
+.datepicker table tr td.active:hover.disabled:active,
+.datepicker table tr td.active.disabled.disabled:active,
+.datepicker table tr td.active.disabled:hover.disabled:active,
+.datepicker table tr td.active[disabled]:active,
+.datepicker table tr td.active:hover[disabled]:active,
+.datepicker table tr td.active.disabled[disabled]:active,
+.datepicker table tr td.active.disabled:hover[disabled]:active,
+fieldset[disabled] .datepicker table tr td.active:active,
+fieldset[disabled] .datepicker table tr td.active:hover:active,
+fieldset[disabled] .datepicker table tr td.active.disabled:active,
+fieldset[disabled] .datepicker table tr td.active.disabled:hover:active,
+.datepicker table tr td.active.disabled.active,
+.datepicker table tr td.active:hover.disabled.active,
+.datepicker table tr td.active.disabled.disabled.active,
+.datepicker table tr td.active.disabled:hover.disabled.active,
+.datepicker table tr td.active[disabled].active,
+.datepicker table tr td.active:hover[disabled].active,
+.datepicker table tr td.active.disabled[disabled].active,
+.datepicker table tr td.active.disabled:hover[disabled].active,
+fieldset[disabled] .datepicker table tr td.active.active,
+fieldset[disabled] .datepicker table tr td.active:hover.active,
+fieldset[disabled] .datepicker table tr td.active.disabled.active,
+fieldset[disabled] .datepicker table tr td.active.disabled:hover.active {
+  background-color: #428bca;
+  border-color: #357ebd;
+}
+.datepicker table tr td span {
+  display: block;
+  width: 23%;
+  height: 54px;
+  line-height: 54px;
+  float: left;
+  margin: 1%;
+  cursor: pointer;
+  border-radius: 4px;
+}
+.datepicker table tr td span:hover {
+  background: #eeeeee;
+}
+.datepicker table tr td span.disabled,
+.datepicker table tr td span.disabled:hover {
+  background: none;
+  color: #999999;
+  cursor: default;
+}
+.datepicker table tr td span.active,
+.datepicker table tr td span.active:hover,
+.datepicker table tr td span.active.disabled,
+.datepicker table tr td span.active.disabled:hover {
+  color: #ffffff;
+  background-color: #428bca;
+  border-color: #357ebd;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+}
+.datepicker table tr td span.active:hover,
+.datepicker table tr td span.active:hover:hover,
+.datepicker table tr td span.active.disabled:hover,
+.datepicker table tr td span.active.disabled:hover:hover,
+.datepicker table tr td span.active:focus,
+.datepicker table tr td span.active:hover:focus,
+.datepicker table tr td span.active.disabled:focus,
+.datepicker table tr td span.active.disabled:hover:focus,
+.datepicker table tr td span.active:active,
+.datepicker table tr td span.active:hover:active,
+.datepicker table tr td span.active.disabled:active,
+.datepicker table tr td span.active.disabled:hover:active,
+.datepicker table tr td span.active.active,
+.datepicker table tr td span.active:hover.active,
+.datepicker table tr td span.active.disabled.active,
+.datepicker table tr td span.active.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td span.active,
+.open .dropdown-toggle.datepicker table tr td span.active:hover,
+.open .dropdown-toggle.datepicker table tr td span.active.disabled,
+.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
+  color: #ffffff;
+  background-color: #3276b1;
+  border-color: #285e8e;
+}
+.datepicker table tr td span.active:active,
+.datepicker table tr td span.active:hover:active,
+.datepicker table tr td span.active.disabled:active,
+.datepicker table tr td span.active.disabled:hover:active,
+.datepicker table tr td span.active.active,
+.datepicker table tr td span.active:hover.active,
+.datepicker table tr td span.active.disabled.active,
+.datepicker table tr td span.active.disabled:hover.active,
+.open .dropdown-toggle.datepicker table tr td span.active,
+.open .dropdown-toggle.datepicker table tr td span.active:hover,
+.open .dropdown-toggle.datepicker table tr td span.active.disabled,
+.open .dropdown-toggle.datepicker table tr td span.active.disabled:hover {
+  background-image: none;
+}
+.datepicker table tr td span.active.disabled,
+.datepicker table tr td span.active:hover.disabled,
+.datepicker table tr td span.active.disabled.disabled,
+.datepicker table tr td span.active.disabled:hover.disabled,
+.datepicker table tr td span.active[disabled],
+.datepicker table tr td span.active:hover[disabled],
+.datepicker table tr td span.active.disabled[disabled],
+.datepicker table tr td span.active.disabled:hover[disabled],
+fieldset[disabled] .datepicker table tr td span.active,
+fieldset[disabled] .datepicker table tr td span.active:hover,
+fieldset[disabled] .datepicker table tr td span.active.disabled,
+fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
+.datepicker table tr td span.active.disabled:hover,
+.datepicker table tr td span.active:hover.disabled:hover,
+.datepicker table tr td span.active.disabled.disabled:hover,
+.datepicker table tr td span.active.disabled:hover.disabled:hover,
+.datepicker table tr td span.active[disabled]:hover,
+.datepicker table tr td span.active:hover[disabled]:hover,
+.datepicker table tr td span.active.disabled[disabled]:hover,
+.datepicker table tr td span.active.disabled:hover[disabled]:hover,
+fieldset[disabled] .datepicker table tr td span.active:hover,
+fieldset[disabled] .datepicker table tr td span.active:hover:hover,
+fieldset[disabled] .datepicker table tr td span.active.disabled:hover,
+fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,
+.datepicker table tr td span.active.disabled:focus,
+.datepicker table tr td span.active:hover.disabled:focus,
+.datepicker table tr td span.active.disabled.disabled:focus,
+.datepicker table tr td span.active.disabled:hover.disabled:focus,
+.datepicker table tr td span.active[disabled]:focus,
+.datepicker table tr td span.active:hover[disabled]:focus,
+.datepicker table tr td span.active.disabled[disabled]:focus,
+.datepicker table tr td span.active.disabled:hover[disabled]:focus,
+fieldset[disabled] .datepicker table tr td span.active:focus,
+fieldset[disabled] .datepicker table tr td span.active:hover:focus,
+fieldset[disabled] .datepicker table tr td span.active.disabled:focus,
+fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,
+.datepicker table tr td span.active.disabled:active,
+.datepicker table tr td span.active:hover.disabled:active,
+.datepicker table tr td span.active.disabled.disabled:active,
+.datepicker table tr td span.active.disabled:hover.disabled:active,
+.datepicker table tr td span.active[disabled]:active,
+.datepicker table tr td span.active:hover[disabled]:active,
+.datepicker table tr td span.active.disabled[disabled]:active,
+.datepicker table tr td span.active.disabled:hover[disabled]:active,
+fieldset[disabled] .datepicker table tr td span.active:active,
+fieldset[disabled] .datepicker table tr td span.active:hover:active,
+fieldset[disabled] .datepicker table tr td span.active.disabled:active,
+fieldset[disabled] .datepicker table tr td span.active.disabled:hover:active,
+.datepicker table tr td span.active.disabled.active,
+.datepicker table tr td span.active:hover.disabled.active,
+.datepicker table tr td span.active.disabled.disabled.active,
+.datepicker table tr td span.active.disabled:hover.disabled.active,
+.datepicker table tr td span.active[disabled].active,
+.datepicker table tr td span.active:hover[disabled].active,
+.datepicker table tr td span.active.disabled[disabled].active,
+.datepicker table tr td span.active.disabled:hover[disabled].active,
+fieldset[disabled] .datepicker table tr td span.active.active,
+fieldset[disabled] .datepicker table tr td span.active:hover.active,
+fieldset[disabled] .datepicker table tr td span.active.disabled.active,
+fieldset[disabled] .datepicker table tr td span.active.disabled:hover.active {
+  background-color: #428bca;
+  border-color: #357ebd;
+}
+.datepicker table tr td span.old,
+.datepicker table tr td span.new {
+  color: #999999;
+}
+.datepicker th.datepicker-switch {
+  width: 145px;
+}
+.datepicker thead tr:first-child th,
+.datepicker tfoot tr th {
+  cursor: pointer;
+}
+.datepicker thead tr:first-child th:hover,
+.datepicker tfoot tr th:hover {
+  background: #eeeeee;
+}
+.datepicker .cw {
+  font-size: 10px;
+  width: 12px;
+  padding: 0 2px 0 5px;
+  vertical-align: middle;
+}
+.datepicker thead tr:first-child th.cw {
+  cursor: default;
+  background-color: transparent;
+}
+.input-group.date .input-group-addon i {
+  cursor: pointer;
+  width: 16px;
+  height: 16px;
+}
+.input-daterange input {
+  text-align: center;
+}
+.input-daterange input:first-child {
+  border-radius: 3px 0 0 3px;
+}
+.input-daterange input:last-child {
+  border-radius: 0 3px 3px 0;
+}
+.input-daterange .input-group-addon {
+  width: auto;
+  min-width: 16px;
+  padding: 4px 5px;
+  font-weight: normal;
+  line-height: 1.428571429;
+  text-align: center;
+  text-shadow: 0 1px 0 #fff;
+  vertical-align: middle;
+  background-color: #eeeeee;
+  border: solid #cccccc;
+  border-width: 1px 0;
+  margin-left: -5px;
+  margin-right: -5px;
+}
+.datepicker.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  float: left;
+  display: none;
+  min-width: 160px;
+  list-style: none;
+  background-color: #ffffff;
+  border: 1px solid #ccc;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  border-radius: 5px;
+  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
+  -webkit-background-clip: padding-box;
+  -moz-background-clip: padding;
+  background-clip: padding-box;
+  *border-right-width: 2px;
+  *border-bottom-width: 2px;
+  color: #333333;
+  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 13px;
+  line-height: 1.428571429;
+}
+.datepicker.dropdown-menu th,
+.datepicker.dropdown-menu td {
+  padding: 4px 5px;
+}
diff --git a/web/bootstrap-ace-admin/css/daterangepicker.css b/web/bootstrap-ace-admin/css/daterangepicker.css
new file mode 100755
index 00000000..1ab86c38
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/daterangepicker.css
@@ -0,0 +1,320 @@
+/*!
+ * Stylesheet for the Date Range Picker, for use with Bootstrap 3.x
+ *
+ * Copyright 2013 Dan Grossman ( http://www.dangrossman.info )
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Built for http://www.improvely.com
+ */
+
+ .daterangepicker.dropdown-menu {
+  max-width: none;
+  z-index: 3000;
+}
+
+.daterangepicker.opensleft .ranges, .daterangepicker.opensleft .calendar {
+  float: left;
+  margin: 4px;
+}
+
+.daterangepicker.opensright .ranges, .daterangepicker.opensright .calendar,
+.daterangepicker.openscenter .ranges, .daterangepicker.openscenter .calendar {
+  float: right;
+  margin: 4px;
+}
+
+.daterangepicker.single .ranges, .daterangepicker.single .calendar {
+  float: none;
+}
+
+.daterangepicker .ranges {
+  width: 160px;
+  text-align: left;
+}
+
+.daterangepicker .ranges .range_inputs>div {
+  float: left;
+}
+
+.daterangepicker .ranges .range_inputs>div:nth-child(2) {
+  padding-left: 11px;
+}
+
+.daterangepicker .calendar {
+  display: none;
+  max-width: 270px;
+}
+
+.daterangepicker.show-calendar .calendar {
+    display: block;
+}
+
+.daterangepicker .calendar.single .calendar-date {
+  border: none;
+}
+
+.daterangepicker .calendar th, .daterangepicker .calendar td {
+  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
+  white-space: nowrap;
+  text-align: center;
+  min-width: 32px;
+}
+
+.daterangepicker .daterangepicker_start_input label,
+.daterangepicker .daterangepicker_end_input label {
+  color: #333;
+  display: block;
+  font-size: 11px;
+  font-weight: normal;
+  height: 20px;
+  line-height: 20px;
+  margin-bottom: 2px;
+  text-shadow: #fff 1px 1px 0px;
+  text-transform: uppercase;
+  width: 74px;
+}
+
+.daterangepicker .ranges input {
+  font-size: 11px;
+}
+
+.daterangepicker .ranges .input-mini {
+  border: 1px solid #ccc;
+  border-radius: 4px;
+  color: #555;
+  display: block;
+  font-size: 11px;
+  height: 30px;
+  line-height: 30px;
+  vertical-align: middle;
+  margin: 0 0 10px 0;
+  padding: 0 6px;
+  width: 74px;
+}
+
+.daterangepicker .ranges ul {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.daterangepicker .ranges li {
+  font-size: 13px;
+  background: #f5f5f5;
+  border: 1px solid #f5f5f5;
+  color: #08c;
+  padding: 3px 12px;
+  margin-bottom: 8px;
+  -webkit-border-radius: 5px;
+  -moz-border-radius: 5px;
+  border-radius: 5px;
+  cursor: pointer;
+}
+
+.daterangepicker .ranges li.active, .daterangepicker .ranges li:hover {
+  background: #08c;
+  border: 1px solid #08c;
+  color: #fff;
+}
+
+.daterangepicker .calendar-date {
+  border: 1px solid #ddd;
+  padding: 4px;
+  border-radius: 4px;
+  background: #fff;
+}
+
+.daterangepicker .calendar-time {
+  text-align: center;
+  margin: 8px auto 0 auto;
+  line-height: 30px;
+}
+
+.daterangepicker {
+  position: absolute;
+  background: #fff;
+  top: 100px;
+  left: 20px;
+  padding: 4px;
+  margin-top: 1px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+.daterangepicker.opensleft:before {
+  position: absolute;
+  top: -7px;
+  right: 9px;
+  display: inline-block;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-left: 7px solid transparent;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  content: '';
+}
+
+.daterangepicker.opensleft:after {
+  position: absolute;
+  top: -6px;
+  right: 10px;
+  display: inline-block;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  border-left: 6px solid transparent;
+  content: '';
+}
+
+.daterangepicker.openscenter:before {
+  position: absolute;
+  top: -7px;
+  left: 0;  
+  right: 0;
+  width: 0;
+  margin-left: auto;
+  margin-right: auto;
+  display: inline-block;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-left: 7px solid transparent;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  content: '';
+}
+
+.daterangepicker.openscenter:after {
+  position: absolute;
+  top: -6px;
+  left: 0;  
+  right: 0;  
+  width: 0;
+  margin-left: auto;
+  margin-right: auto;
+  display: inline-block;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  border-left: 6px solid transparent;
+  content: '';
+}
+
+.daterangepicker.opensright:before {
+  position: absolute;
+  top: -7px;
+  left: 9px;
+  display: inline-block;
+  border-right: 7px solid transparent;
+  border-bottom: 7px solid #ccc;
+  border-left: 7px solid transparent;
+  border-bottom-color: rgba(0, 0, 0, 0.2);
+  content: '';
+}
+
+.daterangepicker.opensright:after {
+  position: absolute;
+  top: -6px;
+  left: 10px;
+  display: inline-block;
+  border-right: 6px solid transparent;
+  border-bottom: 6px solid #fff;
+  border-left: 6px solid transparent;
+  content: '';
+}
+
+.daterangepicker table {
+  width: 100%;
+  margin: 0;
+}
+
+.daterangepicker td, .daterangepicker th {
+  text-align: center;
+  width: 20px;
+  height: 20px;
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+  cursor: pointer;
+  white-space: nowrap;
+}
+
+.daterangepicker td.off {
+  color: #999;
+}
+
+.daterangepicker td.disabled, .daterangepicker option.disabled {
+  color: #999;
+}
+
+.daterangepicker td.available:hover, .daterangepicker th.available:hover {
+  background: #eee;
+}
+
+.daterangepicker td.in-range {
+  background: #ebf4f8;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  border-radius: 0;
+}
+
+.daterangepicker td.start-date {
+  -webkit-border-radius: 4px 0 0 4px;
+  -moz-border-radius: 4px 0 0 4px;
+  border-radius: 4px 0 0 4px;
+}
+
+.daterangepicker td.end-date {
+  -webkit-border-radius: 0 4px 4px 0;
+  -moz-border-radius: 0 4px 4px 0;
+  border-radius: 0 4px 4px 0;
+}
+
+.daterangepicker td.start-date.end-date {
+  -webkit-border-radius: 4px;
+  -moz-border-radius: 4px;
+  border-radius: 4px;
+}
+
+.daterangepicker td.active, .daterangepicker td.active:hover {
+  background-color: #357ebd;
+  border-color: #3071a9;
+  color: #fff;
+}
+
+.daterangepicker td.week, .daterangepicker th.week {
+  font-size: 80%;
+  color: #ccc;
+}
+
+.daterangepicker select.monthselect, .daterangepicker select.yearselect {
+  font-size: 12px;
+  padding: 1px;
+  height: auto;
+  margin: 0;
+  cursor: default;
+}
+
+.daterangepicker select.monthselect {
+  margin-right: 2%;
+  width: 56%;
+}
+
+.daterangepicker select.yearselect {
+  width: 40%;
+}
+
+.daterangepicker select.hourselect, .daterangepicker select.minuteselect, .daterangepicker select.secondselect, .daterangepicker select.ampmselect {
+  width: 50px;
+  margin-bottom: 0;
+}
+
+.daterangepicker_start_input {
+  float: left;
+}
+
+.daterangepicker_end_input {
+  float: left; 
+  padding-left: 11px
+}
+
+.daterangepicker th.month {
+  width: auto;
+}
diff --git a/web/bootstrap-ace-admin/css/dropzone.css b/web/bootstrap-ace-admin/css/dropzone.css
new file mode 100755
index 00000000..cc20394f
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/dropzone.css
@@ -0,0 +1,397 @@
+/* The MIT License */
+.dropzone,
+.dropzone *,
+.dropzone-previews,
+.dropzone-previews * {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.dropzone {
+  position: relative;
+  border: 1px solid rgba(0,0,0,0.08);
+  background: rgba(0,0,0,0.02);
+  padding: 1em;
+}
+.dropzone.dz-clickable {
+  cursor: pointer;
+}
+.dropzone.dz-clickable .dz-message,
+.dropzone.dz-clickable .dz-message span {
+  cursor: pointer;
+}
+.dropzone.dz-clickable * {
+  cursor: default;
+}
+.dropzone .dz-message {
+  opacity: 1;
+  -ms-filter: none;
+  filter: none;
+}
+.dropzone.dz-drag-hover {
+  border-color: rgba(0,0,0,0.15);
+  background: rgba(0,0,0,0.04);
+}
+.dropzone.dz-started .dz-message {
+  display: none;
+}
+.dropzone .dz-preview,
+.dropzone-previews .dz-preview {
+  background: rgba(255,255,255,0.8);
+  position: relative;
+  display: inline-block;
+  margin: 17px;
+  vertical-align: top;
+  border: 1px solid #acacac;
+  padding: 6px 6px 6px 6px;
+}
+.dropzone .dz-preview.dz-file-preview [data-dz-thumbnail],
+.dropzone-previews .dz-preview.dz-file-preview [data-dz-thumbnail] {
+  display: none;
+}
+.dropzone .dz-preview .dz-details,
+.dropzone-previews .dz-preview .dz-details {
+  width: 100px;
+  height: 100px;
+  position: relative;
+  background: #ebebeb;
+  padding: 5px;
+  margin-bottom: 22px;
+}
+.dropzone .dz-preview .dz-details .dz-filename,
+.dropzone-previews .dz-preview .dz-details .dz-filename {
+  overflow: hidden;
+  height: 100%;
+}
+.dropzone .dz-preview .dz-details img,
+.dropzone-previews .dz-preview .dz-details img {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100px;
+  height: 100px;
+}
+.dropzone .dz-preview .dz-details .dz-size,
+.dropzone-previews .dz-preview .dz-details .dz-size {
+  position: absolute;
+  bottom: -28px;
+  left: 3px;
+  height: 28px;
+  line-height: 28px;
+}
+.dropzone .dz-preview.dz-error .dz-error-mark,
+.dropzone-previews .dz-preview.dz-error .dz-error-mark {
+  display: block;
+}
+.dropzone .dz-preview.dz-success .dz-success-mark,
+.dropzone-previews .dz-preview.dz-success .dz-success-mark {
+  display: block;
+}
+.dropzone .dz-preview:hover .dz-details img,
+.dropzone-previews .dz-preview:hover .dz-details img {
+  display: none;
+}
+.dropzone .dz-preview .dz-success-mark,
+.dropzone-previews .dz-preview .dz-success-mark,
+.dropzone .dz-preview .dz-error-mark,
+.dropzone-previews .dz-preview .dz-error-mark {
+  display: none;
+  position: absolute;
+  width: 40px;
+  height: 40px;
+  font-size: 30px;
+  text-align: center;
+  right: -10px;
+  top: -10px;
+}
+.dropzone .dz-preview .dz-success-mark,
+.dropzone-previews .dz-preview .dz-success-mark {
+  color: #8cc657;
+}
+.dropzone .dz-preview .dz-error-mark,
+.dropzone-previews .dz-preview .dz-error-mark {
+  color: #ee162d;
+}
+.dropzone .dz-preview .dz-progress,
+.dropzone-previews .dz-preview .dz-progress {
+  position: absolute;
+  top: 100px;
+  left: 6px;
+  right: 6px;
+  height: 6px;
+  background: #d7d7d7;
+  display: none;
+}
+.dropzone .dz-preview .dz-progress .dz-upload,
+.dropzone-previews .dz-preview .dz-progress .dz-upload {
+  display: block;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  width: 0%;
+  background-color: #8cc657;
+}
+.dropzone .dz-preview.dz-processing .dz-progress,
+.dropzone-previews .dz-preview.dz-processing .dz-progress {
+  display: block;
+}
+.dropzone .dz-preview .dz-error-message,
+.dropzone-previews .dz-preview .dz-error-message {
+  display: none;
+  position: absolute;
+  top: -5px;
+  left: -20px;
+  background: rgba(245,245,245,0.8);
+  padding: 8px 10px;
+  color: #800;
+  min-width: 140px;
+  max-width: 500px;
+  z-index: 500;
+}
+.dropzone .dz-preview:hover.dz-error .dz-error-message,
+.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
+  display: block;
+}
+.dropzone {
+  border: 1px solid rgba(0,0,0,0.03);
+  min-height: 360px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+  background: rgba(0,0,0,0.03);
+  padding: 23px;
+}
+.dropzone .dz-default.dz-message {
+  opacity: 1;
+  -ms-filter: none;
+  filter: none;
+  -webkit-transition: opacity 0.3s ease-in-out;
+  -moz-transition: opacity 0.3s ease-in-out;
+  -o-transition: opacity 0.3s ease-in-out;
+  -ms-transition: opacity 0.3s ease-in-out;
+  transition: opacity 0.3s ease-in-out;
+  background-image: url("../images/spritemap.png");
+  background-repeat: no-repeat;
+  background-position: 0 0;
+  position: absolute;
+  width: 428px;
+  height: 123px;
+  margin-left: -214px;
+  margin-top: -61.5px;
+  top: 50%;
+  left: 50%;
+}
+@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
+  .dropzone .dz-default.dz-message {
+    background-image: url("../images/spritemap@2x.png");
+    -webkit-background-size: 428px 406px;
+    -moz-background-size: 428px 406px;
+    background-size: 428px 406px;
+  }
+}
+.dropzone .dz-default.dz-message span {
+  display: none;
+}
+.dropzone.dz-square .dz-default.dz-message {
+  background-position: 0 -123px;
+  width: 268px;
+  margin-left: -134px;
+  height: 174px;
+  margin-top: -87px;
+}
+.dropzone.dz-drag-hover .dz-message {
+  opacity: 0.15;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=15)";
+  filter: alpha(opacity=15);
+}
+.dropzone.dz-started .dz-message {
+  display: block;
+  opacity: 0;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  filter: alpha(opacity=0);
+}
+.dropzone .dz-preview,
+.dropzone-previews .dz-preview {
+  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
+  box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
+  font-size: 14px;
+}
+.dropzone .dz-preview.dz-image-preview:hover .dz-details img,
+.dropzone-previews .dz-preview.dz-image-preview:hover .dz-details img {
+  display: block;
+  opacity: 0.1;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
+  filter: alpha(opacity=10);
+}
+.dropzone .dz-preview.dz-success .dz-success-mark,
+.dropzone-previews .dz-preview.dz-success .dz-success-mark {
+  opacity: 1;
+  -ms-filter: none;
+  filter: none;
+}
+.dropzone .dz-preview.dz-error .dz-error-mark,
+.dropzone-previews .dz-preview.dz-error .dz-error-mark {
+  opacity: 1;
+  -ms-filter: none;
+  filter: none;
+}
+.dropzone .dz-preview.dz-error .dz-progress .dz-upload,
+.dropzone-previews .dz-preview.dz-error .dz-progress .dz-upload {
+  background: #ee1e2d;
+}
+.dropzone .dz-preview .dz-error-mark,
+.dropzone-previews .dz-preview .dz-error-mark,
+.dropzone .dz-preview .dz-success-mark,
+.dropzone-previews .dz-preview .dz-success-mark {
+  display: block;
+  opacity: 0;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  filter: alpha(opacity=0);
+  -webkit-transition: opacity 0.4s ease-in-out;
+  -moz-transition: opacity 0.4s ease-in-out;
+  -o-transition: opacity 0.4s ease-in-out;
+  -ms-transition: opacity 0.4s ease-in-out;
+  transition: opacity 0.4s ease-in-out;
+  background-image: url("../images/spritemap.png");
+  background-repeat: no-repeat;
+}
+@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
+  .dropzone .dz-preview .dz-error-mark,
+  .dropzone-previews .dz-preview .dz-error-mark,
+  .dropzone .dz-preview .dz-success-mark,
+  .dropzone-previews .dz-preview .dz-success-mark {
+    background-image: url("../images/spritemap@2x.png");
+    -webkit-background-size: 428px 406px;
+    -moz-background-size: 428px 406px;
+    background-size: 428px 406px;
+  }
+}
+.dropzone .dz-preview .dz-error-mark span,
+.dropzone-previews .dz-preview .dz-error-mark span,
+.dropzone .dz-preview .dz-success-mark span,
+.dropzone-previews .dz-preview .dz-success-mark span {
+  display: none;
+}
+.dropzone .dz-preview .dz-error-mark,
+.dropzone-previews .dz-preview .dz-error-mark {
+  background-position: -268px -123px;
+}
+.dropzone .dz-preview .dz-success-mark,
+.dropzone-previews .dz-preview .dz-success-mark {
+  background-position: -268px -163px;
+}
+.dropzone .dz-preview .dz-progress .dz-upload,
+.dropzone-previews .dz-preview .dz-progress .dz-upload {
+  -webkit-animation: loading 0.4s linear infinite;
+  -moz-animation: loading 0.4s linear infinite;
+  -o-animation: loading 0.4s linear infinite;
+  -ms-animation: loading 0.4s linear infinite;
+  animation: loading 0.4s linear infinite;
+  -webkit-transition: width 0.3s ease-in-out;
+  -moz-transition: width 0.3s ease-in-out;
+  -o-transition: width 0.3s ease-in-out;
+  -ms-transition: width 0.3s ease-in-out;
+  transition: width 0.3s ease-in-out;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 0%;
+  height: 100%;
+  background-image: url("../images/spritemap.png");
+  background-repeat: repeat-x;
+  background-position: 0px -400px;
+}
+@media all and (-webkit-min-device-pixel-ratio:1.5),(min--moz-device-pixel-ratio:1.5),(-o-min-device-pixel-ratio:1.5/1),(min-device-pixel-ratio:1.5),(min-resolution:138dpi),(min-resolution:1.5dppx) {
+  .dropzone .dz-preview .dz-progress .dz-upload,
+  .dropzone-previews .dz-preview .dz-progress .dz-upload {
+    background-image: url("../images/spritemap@2x.png");
+    -webkit-background-size: 428px 406px;
+    -moz-background-size: 428px 406px;
+    background-size: 428px 406px;
+  }
+}
+.dropzone .dz-preview.dz-success .dz-progress,
+.dropzone-previews .dz-preview.dz-success .dz-progress {
+  display: block;
+  opacity: 0;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  filter: alpha(opacity=0);
+  -webkit-transition: opacity 0.4s ease-in-out;
+  -moz-transition: opacity 0.4s ease-in-out;
+  -o-transition: opacity 0.4s ease-in-out;
+  -ms-transition: opacity 0.4s ease-in-out;
+  transition: opacity 0.4s ease-in-out;
+}
+.dropzone .dz-preview .dz-error-message,
+.dropzone-previews .dz-preview .dz-error-message {
+  display: block;
+  opacity: 0;
+  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
+  filter: alpha(opacity=0);
+  -webkit-transition: opacity 0.3s ease-in-out;
+  -moz-transition: opacity 0.3s ease-in-out;
+  -o-transition: opacity 0.3s ease-in-out;
+  -ms-transition: opacity 0.3s ease-in-out;
+  transition: opacity 0.3s ease-in-out;
+}
+.dropzone .dz-preview:hover.dz-error .dz-error-message,
+.dropzone-previews .dz-preview:hover.dz-error .dz-error-message {
+  opacity: 1;
+  -ms-filter: none;
+  filter: none;
+}
+.dropzone a.dz-remove,
+.dropzone-previews a.dz-remove {
+  background-image: -webkit-linear-gradient(top, #fafafa, #eee);
+  background-image: -moz-linear-gradient(top, #fafafa, #eee);
+  background-image: -o-linear-gradient(top, #fafafa, #eee);
+  background-image: -ms-linear-gradient(top, #fafafa, #eee);
+  background-image: linear-gradient(to bottom, #fafafa, #eee);
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
+  border: 1px solid #eee;
+  text-decoration: none;
+  display: block;
+  padding: 4px 5px;
+  text-align: center;
+  color: #aaa;
+  margin-top: 26px;
+}
+.dropzone a.dz-remove:hover,
+.dropzone-previews a.dz-remove:hover {
+  color: #666;
+}
+@-moz-keyframes loading {
+  from {
+    background-position: 0 -400px;
+  }
+  to {
+    background-position: -7px -400px;
+  }
+}
+@-webkit-keyframes loading {
+  from {
+    background-position: 0 -400px;
+  }
+  to {
+    background-position: -7px -400px;
+  }
+}
+@-o-keyframes loading {
+  from {
+    background-position: 0 -400px;
+  }
+  to {
+    background-position: -7px -400px;
+  }
+}
+@keyframes loading {
+  from {
+    background-position: 0 -400px;
+  }
+  to {
+    background-position: -7px -400px;
+  }
+}
diff --git a/web/bootstrap-ace-admin/css/font-awesome.css b/web/bootstrap-ace-admin/css/font-awesome.css
new file mode 100755
index 00000000..4040b3cf
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/font-awesome.css
@@ -0,0 +1,1672 @@
+/*!
+ *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+/* FONT PATH
+ * -------------------------- */
+@font-face {
+  font-family: 'FontAwesome';
+  src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');
+  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+.fa {
+  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;
+}
+/* makes the font 33% larger relative to the icon container */
+.fa-lg {
+  font-size: 1.33333333em;
+  line-height: 0.75em;
+  vertical-align: -15%;
+}
+.fa-2x {
+  font-size: 2em;
+}
+.fa-3x {
+  font-size: 3em;
+}
+.fa-4x {
+  font-size: 4em;
+}
+.fa-5x {
+  font-size: 5em;
+}
+.fa-fw {
+  width: 1.28571429em;
+  text-align: center;
+}
+.fa-ul {
+  padding-left: 0;
+  margin-left: 2.14285714em;
+  list-style-type: none;
+}
+.fa-ul > li {
+  position: relative;
+}
+.fa-li {
+  position: absolute;
+  left: -2.14285714em;
+  width: 2.14285714em;
+  top: 0.14285714em;
+  text-align: center;
+}
+.fa-li.fa-lg {
+  left: -1.85714286em;
+}
+.fa-border {
+  padding: .2em .25em .15em;
+  border: solid 0.08em #eeeeee;
+  border-radius: .1em;
+}
+.pull-right {
+  float: right;
+}
+.pull-left {
+  float: left;
+}
+.fa.pull-left {
+  margin-right: .3em;
+}
+.fa.pull-right {
+  margin-left: .3em;
+}
+.fa-spin {
+  -webkit-animation: fa-spin 2s infinite linear;
+  animation: fa-spin 2s infinite linear;
+}
+@-webkit-keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+@keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg);
+  }
+}
+.fa-rotate-90 {
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
+  -webkit-transform: rotate(90deg);
+  -ms-transform: rotate(90deg);
+  transform: rotate(90deg);
+}
+.fa-rotate-180 {
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
+  -webkit-transform: rotate(180deg);
+  -ms-transform: rotate(180deg);
+  transform: rotate(180deg);
+}
+.fa-rotate-270 {
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
+  -webkit-transform: rotate(270deg);
+  -ms-transform: rotate(270deg);
+  transform: rotate(270deg);
+}
+.fa-flip-horizontal {
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
+  -webkit-transform: scale(-1, 1);
+  -ms-transform: scale(-1, 1);
+  transform: scale(-1, 1);
+}
+.fa-flip-vertical {
+  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
+  -webkit-transform: scale(1, -1);
+  -ms-transform: scale(1, -1);
+  transform: scale(1, -1);
+}
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical {
+  filter: none;
+}
+.fa-stack {
+  position: relative;
+  display: inline-block;
+  width: 2em;
+  height: 2em;
+  line-height: 2em;
+  vertical-align: middle;
+}
+.fa-stack-1x,
+.fa-stack-2x {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  text-align: center;
+}
+.fa-stack-1x {
+  line-height: inherit;
+}
+.fa-stack-2x {
+  font-size: 2em;
+}
+.fa-inverse {
+  color: #ffffff;
+}
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+   readers do not read off random characters that represent icons */
+.fa-glass:before {
+  content: "\f000";
+}
+.fa-music:before {
+  content: "\f001";
+}
+.fa-search:before {
+  content: "\f002";
+}
+.fa-envelope-o:before {
+  content: "\f003";
+}
+.fa-heart:before {
+  content: "\f004";
+}
+.fa-star:before {
+  content: "\f005";
+}
+.fa-star-o:before {
+  content: "\f006";
+}
+.fa-user:before {
+  content: "\f007";
+}
+.fa-film:before {
+  content: "\f008";
+}
+.fa-th-large:before {
+  content: "\f009";
+}
+.fa-th:before {
+  content: "\f00a";
+}
+.fa-th-list:before {
+  content: "\f00b";
+}
+.fa-check:before {
+  content: "\f00c";
+}
+.fa-remove:before,
+.fa-close:before,
+.fa-times:before {
+  content: "\f00d";
+}
+.fa-search-plus:before {
+  content: "\f00e";
+}
+.fa-search-minus:before {
+  content: "\f010";
+}
+.fa-power-off:before {
+  content: "\f011";
+}
+.fa-signal:before {
+  content: "\f012";
+}
+.fa-gear:before,
+.fa-cog:before {
+  content: "\f013";
+}
+.fa-trash-o:before {
+  content: "\f014";
+}
+.fa-home:before {
+  content: "\f015";
+}
+.fa-file-o:before {
+  content: "\f016";
+}
+.fa-clock-o:before {
+  content: "\f017";
+}
+.fa-road:before {
+  content: "\f018";
+}
+.fa-download:before {
+  content: "\f019";
+}
+.fa-arrow-circle-o-down:before {
+  content: "\f01a";
+}
+.fa-arrow-circle-o-up:before {
+  content: "\f01b";
+}
+.fa-inbox:before {
+  content: "\f01c";
+}
+.fa-play-circle-o:before {
+  content: "\f01d";
+}
+.fa-rotate-right:before,
+.fa-repeat:before {
+  content: "\f01e";
+}
+.fa-refresh:before {
+  content: "\f021";
+}
+.fa-list-alt:before {
+  content: "\f022";
+}
+.fa-lock:before {
+  content: "\f023";
+}
+.fa-flag:before {
+  content: "\f024";
+}
+.fa-headphones:before {
+  content: "\f025";
+}
+.fa-volume-off:before {
+  content: "\f026";
+}
+.fa-volume-down:before {
+  content: "\f027";
+}
+.fa-volume-up:before {
+  content: "\f028";
+}
+.fa-qrcode:before {
+  content: "\f029";
+}
+.fa-barcode:before {
+  content: "\f02a";
+}
+.fa-tag:before {
+  content: "\f02b";
+}
+.fa-tags:before {
+  content: "\f02c";
+}
+.fa-book:before {
+  content: "\f02d";
+}
+.fa-bookmark:before {
+  content: "\f02e";
+}
+.fa-print:before {
+  content: "\f02f";
+}
+.fa-camera:before {
+  content: "\f030";
+}
+.fa-font:before {
+  content: "\f031";
+}
+.fa-bold:before {
+  content: "\f032";
+}
+.fa-italic:before {
+  content: "\f033";
+}
+.fa-text-height:before {
+  content: "\f034";
+}
+.fa-text-width:before {
+  content: "\f035";
+}
+.fa-align-left:before {
+  content: "\f036";
+}
+.fa-align-center:before {
+  content: "\f037";
+}
+.fa-align-right:before {
+  content: "\f038";
+}
+.fa-align-justify:before {
+  content: "\f039";
+}
+.fa-list:before {
+  content: "\f03a";
+}
+.fa-dedent:before,
+.fa-outdent:before {
+  content: "\f03b";
+}
+.fa-indent:before {
+  content: "\f03c";
+}
+.fa-video-camera:before {
+  content: "\f03d";
+}
+.fa-photo:before,
+.fa-image:before,
+.fa-picture-o:before {
+  content: "\f03e";
+}
+.fa-pencil:before {
+  content: "\f040";
+}
+.fa-map-marker:before {
+  content: "\f041";
+}
+.fa-adjust:before {
+  content: "\f042";
+}
+.fa-tint:before {
+  content: "\f043";
+}
+.fa-edit:before,
+.fa-pencil-square-o:before {
+  content: "\f044";
+}
+.fa-share-square-o:before {
+  content: "\f045";
+}
+.fa-check-square-o:before {
+  content: "\f046";
+}
+.fa-arrows:before {
+  content: "\f047";
+}
+.fa-step-backward:before {
+  content: "\f048";
+}
+.fa-fast-backward:before {
+  content: "\f049";
+}
+.fa-backward:before {
+  content: "\f04a";
+}
+.fa-play:before {
+  content: "\f04b";
+}
+.fa-pause:before {
+  content: "\f04c";
+}
+.fa-stop:before {
+  content: "\f04d";
+}
+.fa-forward:before {
+  content: "\f04e";
+}
+.fa-fast-forward:before {
+  content: "\f050";
+}
+.fa-step-forward:before {
+  content: "\f051";
+}
+.fa-eject:before {
+  content: "\f052";
+}
+.fa-chevron-left:before {
+  content: "\f053";
+}
+.fa-chevron-right:before {
+  content: "\f054";
+}
+.fa-plus-circle:before {
+  content: "\f055";
+}
+.fa-minus-circle:before {
+  content: "\f056";
+}
+.fa-times-circle:before {
+  content: "\f057";
+}
+.fa-check-circle:before {
+  content: "\f058";
+}
+.fa-question-circle:before {
+  content: "\f059";
+}
+.fa-info-circle:before {
+  content: "\f05a";
+}
+.fa-crosshairs:before {
+  content: "\f05b";
+}
+.fa-times-circle-o:before {
+  content: "\f05c";
+}
+.fa-check-circle-o:before {
+  content: "\f05d";
+}
+.fa-ban:before {
+  content: "\f05e";
+}
+.fa-arrow-left:before {
+  content: "\f060";
+}
+.fa-arrow-right:before {
+  content: "\f061";
+}
+.fa-arrow-up:before {
+  content: "\f062";
+}
+.fa-arrow-down:before {
+  content: "\f063";
+}
+.fa-mail-forward:before,
+.fa-share:before {
+  content: "\f064";
+}
+.fa-expand:before {
+  content: "\f065";
+}
+.fa-compress:before {
+  content: "\f066";
+}
+.fa-plus:before {
+  content: "\f067";
+}
+.fa-minus:before {
+  content: "\f068";
+}
+.fa-asterisk:before {
+  content: "\f069";
+}
+.fa-exclamation-circle:before {
+  content: "\f06a";
+}
+.fa-gift:before {
+  content: "\f06b";
+}
+.fa-leaf:before {
+  content: "\f06c";
+}
+.fa-fire:before {
+  content: "\f06d";
+}
+.fa-eye:before {
+  content: "\f06e";
+}
+.fa-eye-slash:before {
+  content: "\f070";
+}
+.fa-warning:before,
+.fa-exclamation-triangle:before {
+  content: "\f071";
+}
+.fa-plane:before {
+  content: "\f072";
+}
+.fa-calendar:before {
+  content: "\f073";
+}
+.fa-random:before {
+  content: "\f074";
+}
+.fa-comment:before {
+  content: "\f075";
+}
+.fa-magnet:before {
+  content: "\f076";
+}
+.fa-chevron-up:before {
+  content: "\f077";
+}
+.fa-chevron-down:before {
+  content: "\f078";
+}
+.fa-retweet:before {
+  content: "\f079";
+}
+.fa-shopping-cart:before {
+  content: "\f07a";
+}
+.fa-folder:before {
+  content: "\f07b";
+}
+.fa-folder-open:before {
+  content: "\f07c";
+}
+.fa-arrows-v:before {
+  content: "\f07d";
+}
+.fa-arrows-h:before {
+  content: "\f07e";
+}
+.fa-bar-chart-o:before,
+.fa-bar-chart:before {
+  content: "\f080";
+}
+.fa-twitter-square:before {
+  content: "\f081";
+}
+.fa-facebook-square:before {
+  content: "\f082";
+}
+.fa-camera-retro:before {
+  content: "\f083";
+}
+.fa-key:before {
+  content: "\f084";
+}
+.fa-gears:before,
+.fa-cogs:before {
+  content: "\f085";
+}
+.fa-comments:before {
+  content: "\f086";
+}
+.fa-thumbs-o-up:before {
+  content: "\f087";
+}
+.fa-thumbs-o-down:before {
+  content: "\f088";
+}
+.fa-star-half:before {
+  content: "\f089";
+}
+.fa-heart-o:before {
+  content: "\f08a";
+}
+.fa-sign-out:before {
+  content: "\f08b";
+}
+.fa-linkedin-square:before {
+  content: "\f08c";
+}
+.fa-thumb-tack:before {
+  content: "\f08d";
+}
+.fa-external-link:before {
+  content: "\f08e";
+}
+.fa-sign-in:before {
+  content: "\f090";
+}
+.fa-trophy:before {
+  content: "\f091";
+}
+.fa-github-square:before {
+  content: "\f092";
+}
+.fa-upload:before {
+  content: "\f093";
+}
+.fa-lemon-o:before {
+  content: "\f094";
+}
+.fa-phone:before {
+  content: "\f095";
+}
+.fa-square-o:before {
+  content: "\f096";
+}
+.fa-bookmark-o:before {
+  content: "\f097";
+}
+.fa-phone-square:before {
+  content: "\f098";
+}
+.fa-twitter:before {
+  content: "\f099";
+}
+.fa-facebook:before {
+  content: "\f09a";
+}
+.fa-github:before {
+  content: "\f09b";
+}
+.fa-unlock:before {
+  content: "\f09c";
+}
+.fa-credit-card:before {
+  content: "\f09d";
+}
+.fa-rss:before {
+  content: "\f09e";
+}
+.fa-hdd-o:before {
+  content: "\f0a0";
+}
+.fa-bullhorn:before {
+  content: "\f0a1";
+}
+.fa-bell:before {
+  content: "\f0f3";
+}
+.fa-certificate:before {
+  content: "\f0a3";
+}
+.fa-hand-o-right:before {
+  content: "\f0a4";
+}
+.fa-hand-o-left:before {
+  content: "\f0a5";
+}
+.fa-hand-o-up:before {
+  content: "\f0a6";
+}
+.fa-hand-o-down:before {
+  content: "\f0a7";
+}
+.fa-arrow-circle-left:before {
+  content: "\f0a8";
+}
+.fa-arrow-circle-right:before {
+  content: "\f0a9";
+}
+.fa-arrow-circle-up:before {
+  content: "\f0aa";
+}
+.fa-arrow-circle-down:before {
+  content: "\f0ab";
+}
+.fa-globe:before {
+  content: "\f0ac";
+}
+.fa-wrench:before {
+  content: "\f0ad";
+}
+.fa-tasks:before {
+  content: "\f0ae";
+}
+.fa-filter:before {
+  content: "\f0b0";
+}
+.fa-briefcase:before {
+  content: "\f0b1";
+}
+.fa-arrows-alt:before {
+  content: "\f0b2";
+}
+.fa-group:before,
+.fa-users:before {
+  content: "\f0c0";
+}
+.fa-chain:before,
+.fa-link:before {
+  content: "\f0c1";
+}
+.fa-cloud:before {
+  content: "\f0c2";
+}
+.fa-flask:before {
+  content: "\f0c3";
+}
+.fa-cut:before,
+.fa-scissors:before {
+  content: "\f0c4";
+}
+.fa-copy:before,
+.fa-files-o:before {
+  content: "\f0c5";
+}
+.fa-paperclip:before {
+  content: "\f0c6";
+}
+.fa-save:before,
+.fa-floppy-o:before {
+  content: "\f0c7";
+}
+.fa-square:before {
+  content: "\f0c8";
+}
+.fa-navicon:before,
+.fa-reorder:before,
+.fa-bars:before {
+  content: "\f0c9";
+}
+.fa-list-ul:before {
+  content: "\f0ca";
+}
+.fa-list-ol:before {
+  content: "\f0cb";
+}
+.fa-strikethrough:before {
+  content: "\f0cc";
+}
+.fa-underline:before {
+  content: "\f0cd";
+}
+.fa-table:before {
+  content: "\f0ce";
+}
+.fa-magic:before {
+  content: "\f0d0";
+}
+.fa-truck:before {
+  content: "\f0d1";
+}
+.fa-pinterest:before {
+  content: "\f0d2";
+}
+.fa-pinterest-square:before {
+  content: "\f0d3";
+}
+.fa-google-plus-square:before {
+  content: "\f0d4";
+}
+.fa-google-plus:before {
+  content: "\f0d5";
+}
+.fa-money:before {
+  content: "\f0d6";
+}
+.fa-caret-down:before {
+  content: "\f0d7";
+}
+.fa-caret-up:before {
+  content: "\f0d8";
+}
+.fa-caret-left:before {
+  content: "\f0d9";
+}
+.fa-caret-right:before {
+  content: "\f0da";
+}
+.fa-columns:before {
+  content: "\f0db";
+}
+.fa-unsorted:before,
+.fa-sort:before {
+  content: "\f0dc";
+}
+.fa-sort-down:before,
+.fa-sort-desc:before {
+  content: "\f0dd";
+}
+.fa-sort-up:before,
+.fa-sort-asc:before {
+  content: "\f0de";
+}
+.fa-envelope:before {
+  content: "\f0e0";
+}
+.fa-linkedin:before {
+  content: "\f0e1";
+}
+.fa-rotate-left:before,
+.fa-undo:before {
+  content: "\f0e2";
+}
+.fa-legal:before,
+.fa-gavel:before {
+  content: "\f0e3";
+}
+.fa-dashboard:before,
+.fa-tachometer:before {
+  content: "\f0e4";
+}
+.fa-comment-o:before {
+  content: "\f0e5";
+}
+.fa-comments-o:before {
+  content: "\f0e6";
+}
+.fa-flash:before,
+.fa-bolt:before {
+  content: "\f0e7";
+}
+.fa-sitemap:before {
+  content: "\f0e8";
+}
+.fa-umbrella:before {
+  content: "\f0e9";
+}
+.fa-paste:before,
+.fa-clipboard:before {
+  content: "\f0ea";
+}
+.fa-lightbulb-o:before {
+  content: "\f0eb";
+}
+.fa-exchange:before {
+  content: "\f0ec";
+}
+.fa-cloud-download:before {
+  content: "\f0ed";
+}
+.fa-cloud-upload:before {
+  content: "\f0ee";
+}
+.fa-user-md:before {
+  content: "\f0f0";
+}
+.fa-stethoscope:before {
+  content: "\f0f1";
+}
+.fa-suitcase:before {
+  content: "\f0f2";
+}
+.fa-bell-o:before {
+  content: "\f0a2";
+}
+.fa-coffee:before {
+  content: "\f0f4";
+}
+.fa-cutlery:before {
+  content: "\f0f5";
+}
+.fa-file-text-o:before {
+  content: "\f0f6";
+}
+.fa-building-o:before {
+  content: "\f0f7";
+}
+.fa-hospital-o:before {
+  content: "\f0f8";
+}
+.fa-ambulance:before {
+  content: "\f0f9";
+}
+.fa-medkit:before {
+  content: "\f0fa";
+}
+.fa-fighter-jet:before {
+  content: "\f0fb";
+}
+.fa-beer:before {
+  content: "\f0fc";
+}
+.fa-h-square:before {
+  content: "\f0fd";
+}
+.fa-plus-square:before {
+  content: "\f0fe";
+}
+.fa-angle-double-left:before {
+  content: "\f100";
+}
+.fa-angle-double-right:before {
+  content: "\f101";
+}
+.fa-angle-double-up:before {
+  content: "\f102";
+}
+.fa-angle-double-down:before {
+  content: "\f103";
+}
+.fa-angle-left:before {
+  content: "\f104";
+}
+.fa-angle-right:before {
+  content: "\f105";
+}
+.fa-angle-up:before {
+  content: "\f106";
+}
+.fa-angle-down:before {
+  content: "\f107";
+}
+.fa-desktop:before {
+  content: "\f108";
+}
+.fa-laptop:before {
+  content: "\f109";
+}
+.fa-tablet:before {
+  content: "\f10a";
+}
+.fa-mobile-phone:before,
+.fa-mobile:before {
+  content: "\f10b";
+}
+.fa-circle-o:before {
+  content: "\f10c";
+}
+.fa-quote-left:before {
+  content: "\f10d";
+}
+.fa-quote-right:before {
+  content: "\f10e";
+}
+.fa-spinner:before {
+  content: "\f110";
+}
+.fa-circle:before {
+  content: "\f111";
+}
+.fa-mail-reply:before,
+.fa-reply:before {
+  content: "\f112";
+}
+.fa-github-alt:before {
+  content: "\f113";
+}
+.fa-folder-o:before {
+  content: "\f114";
+}
+.fa-folder-open-o:before {
+  content: "\f115";
+}
+.fa-smile-o:before {
+  content: "\f118";
+}
+.fa-frown-o:before {
+  content: "\f119";
+}
+.fa-meh-o:before {
+  content: "\f11a";
+}
+.fa-gamepad:before {
+  content: "\f11b";
+}
+.fa-keyboard-o:before {
+  content: "\f11c";
+}
+.fa-flag-o:before {
+  content: "\f11d";
+}
+.fa-flag-checkered:before {
+  content: "\f11e";
+}
+.fa-terminal:before {
+  content: "\f120";
+}
+.fa-code:before {
+  content: "\f121";
+}
+.fa-mail-reply-all:before,
+.fa-reply-all:before {
+  content: "\f122";
+}
+.fa-star-half-empty:before,
+.fa-star-half-full:before,
+.fa-star-half-o:before {
+  content: "\f123";
+}
+.fa-location-arrow:before {
+  content: "\f124";
+}
+.fa-crop:before {
+  content: "\f125";
+}
+.fa-code-fork:before {
+  content: "\f126";
+}
+.fa-unlink:before,
+.fa-chain-broken:before {
+  content: "\f127";
+}
+.fa-question:before {
+  content: "\f128";
+}
+.fa-info:before {
+  content: "\f129";
+}
+.fa-exclamation:before {
+  content: "\f12a";
+}
+.fa-superscript:before {
+  content: "\f12b";
+}
+.fa-subscript:before {
+  content: "\f12c";
+}
+.fa-eraser:before {
+  content: "\f12d";
+}
+.fa-puzzle-piece:before {
+  content: "\f12e";
+}
+.fa-microphone:before {
+  content: "\f130";
+}
+.fa-microphone-slash:before {
+  content: "\f131";
+}
+.fa-shield:before {
+  content: "\f132";
+}
+.fa-calendar-o:before {
+  content: "\f133";
+}
+.fa-fire-extinguisher:before {
+  content: "\f134";
+}
+.fa-rocket:before {
+  content: "\f135";
+}
+.fa-maxcdn:before {
+  content: "\f136";
+}
+.fa-chevron-circle-left:before {
+  content: "\f137";
+}
+.fa-chevron-circle-right:before {
+  content: "\f138";
+}
+.fa-chevron-circle-up:before {
+  content: "\f139";
+}
+.fa-chevron-circle-down:before {
+  content: "\f13a";
+}
+.fa-html5:before {
+  content: "\f13b";
+}
+.fa-css3:before {
+  content: "\f13c";
+}
+.fa-anchor:before {
+  content: "\f13d";
+}
+.fa-unlock-alt:before {
+  content: "\f13e";
+}
+.fa-bullseye:before {
+  content: "\f140";
+}
+.fa-ellipsis-h:before {
+  content: "\f141";
+}
+.fa-ellipsis-v:before {
+  content: "\f142";
+}
+.fa-rss-square:before {
+  content: "\f143";
+}
+.fa-play-circle:before {
+  content: "\f144";
+}
+.fa-ticket:before {
+  content: "\f145";
+}
+.fa-minus-square:before {
+  content: "\f146";
+}
+.fa-minus-square-o:before {
+  content: "\f147";
+}
+.fa-level-up:before {
+  content: "\f148";
+}
+.fa-level-down:before {
+  content: "\f149";
+}
+.fa-check-square:before {
+  content: "\f14a";
+}
+.fa-pencil-square:before {
+  content: "\f14b";
+}
+.fa-external-link-square:before {
+  content: "\f14c";
+}
+.fa-share-square:before {
+  content: "\f14d";
+}
+.fa-compass:before {
+  content: "\f14e";
+}
+.fa-toggle-down:before,
+.fa-caret-square-o-down:before {
+  content: "\f150";
+}
+.fa-toggle-up:before,
+.fa-caret-square-o-up:before {
+  content: "\f151";
+}
+.fa-toggle-right:before,
+.fa-caret-square-o-right:before {
+  content: "\f152";
+}
+.fa-euro:before,
+.fa-eur:before {
+  content: "\f153";
+}
+.fa-gbp:before {
+  content: "\f154";
+}
+.fa-dollar:before,
+.fa-usd:before {
+  content: "\f155";
+}
+.fa-rupee:before,
+.fa-inr:before {
+  content: "\f156";
+}
+.fa-cny:before,
+.fa-rmb:before,
+.fa-yen:before,
+.fa-jpy:before {
+  content: "\f157";
+}
+.fa-ruble:before,
+.fa-rouble:before,
+.fa-rub:before {
+  content: "\f158";
+}
+.fa-won:before,
+.fa-krw:before {
+  content: "\f159";
+}
+.fa-bitcoin:before,
+.fa-btc:before {
+  content: "\f15a";
+}
+.fa-file:before {
+  content: "\f15b";
+}
+.fa-file-text:before {
+  content: "\f15c";
+}
+.fa-sort-alpha-asc:before {
+  content: "\f15d";
+}
+.fa-sort-alpha-desc:before {
+  content: "\f15e";
+}
+.fa-sort-amount-asc:before {
+  content: "\f160";
+}
+.fa-sort-amount-desc:before {
+  content: "\f161";
+}
+.fa-sort-numeric-asc:before {
+  content: "\f162";
+}
+.fa-sort-numeric-desc:before {
+  content: "\f163";
+}
+.fa-thumbs-up:before {
+  content: "\f164";
+}
+.fa-thumbs-down:before {
+  content: "\f165";
+}
+.fa-youtube-square:before {
+  content: "\f166";
+}
+.fa-youtube:before {
+  content: "\f167";
+}
+.fa-xing:before {
+  content: "\f168";
+}
+.fa-xing-square:before {
+  content: "\f169";
+}
+.fa-youtube-play:before {
+  content: "\f16a";
+}
+.fa-dropbox:before {
+  content: "\f16b";
+}
+.fa-stack-overflow:before {
+  content: "\f16c";
+}
+.fa-instagram:before {
+  content: "\f16d";
+}
+.fa-flickr:before {
+  content: "\f16e";
+}
+.fa-adn:before {
+  content: "\f170";
+}
+.fa-bitbucket:before {
+  content: "\f171";
+}
+.fa-bitbucket-square:before {
+  content: "\f172";
+}
+.fa-tumblr:before {
+  content: "\f173";
+}
+.fa-tumblr-square:before {
+  content: "\f174";
+}
+.fa-long-arrow-down:before {
+  content: "\f175";
+}
+.fa-long-arrow-up:before {
+  content: "\f176";
+}
+.fa-long-arrow-left:before {
+  content: "\f177";
+}
+.fa-long-arrow-right:before {
+  content: "\f178";
+}
+.fa-apple:before {
+  content: "\f179";
+}
+.fa-windows:before {
+  content: "\f17a";
+}
+.fa-android:before {
+  content: "\f17b";
+}
+.fa-linux:before {
+  content: "\f17c";
+}
+.fa-dribbble:before {
+  content: "\f17d";
+}
+.fa-skype:before {
+  content: "\f17e";
+}
+.fa-foursquare:before {
+  content: "\f180";
+}
+.fa-trello:before {
+  content: "\f181";
+}
+.fa-female:before {
+  content: "\f182";
+}
+.fa-male:before {
+  content: "\f183";
+}
+.fa-gittip:before {
+  content: "\f184";
+}
+.fa-sun-o:before {
+  content: "\f185";
+}
+.fa-moon-o:before {
+  content: "\f186";
+}
+.fa-archive:before {
+  content: "\f187";
+}
+.fa-bug:before {
+  content: "\f188";
+}
+.fa-vk:before {
+  content: "\f189";
+}
+.fa-weibo:before {
+  content: "\f18a";
+}
+.fa-renren:before {
+  content: "\f18b";
+}
+.fa-pagelines:before {
+  content: "\f18c";
+}
+.fa-stack-exchange:before {
+  content: "\f18d";
+}
+.fa-arrow-circle-o-right:before {
+  content: "\f18e";
+}
+.fa-arrow-circle-o-left:before {
+  content: "\f190";
+}
+.fa-toggle-left:before,
+.fa-caret-square-o-left:before {
+  content: "\f191";
+}
+.fa-dot-circle-o:before {
+  content: "\f192";
+}
+.fa-wheelchair:before {
+  content: "\f193";
+}
+.fa-vimeo-square:before {
+  content: "\f194";
+}
+.fa-turkish-lira:before,
+.fa-try:before {
+  content: "\f195";
+}
+.fa-plus-square-o:before {
+  content: "\f196";
+}
+.fa-space-shuttle:before {
+  content: "\f197";
+}
+.fa-slack:before {
+  content: "\f198";
+}
+.fa-envelope-square:before {
+  content: "\f199";
+}
+.fa-wordpress:before {
+  content: "\f19a";
+}
+.fa-openid:before {
+  content: "\f19b";
+}
+.fa-institution:before,
+.fa-bank:before,
+.fa-university:before {
+  content: "\f19c";
+}
+.fa-mortar-board:before,
+.fa-graduation-cap:before {
+  content: "\f19d";
+}
+.fa-yahoo:before {
+  content: "\f19e";
+}
+.fa-google:before {
+  content: "\f1a0";
+}
+.fa-reddit:before {
+  content: "\f1a1";
+}
+.fa-reddit-square:before {
+  content: "\f1a2";
+}
+.fa-stumbleupon-circle:before {
+  content: "\f1a3";
+}
+.fa-stumbleupon:before {
+  content: "\f1a4";
+}
+.fa-delicious:before {
+  content: "\f1a5";
+}
+.fa-digg:before {
+  content: "\f1a6";
+}
+.fa-pied-piper:before {
+  content: "\f1a7";
+}
+.fa-pied-piper-alt:before {
+  content: "\f1a8";
+}
+.fa-drupal:before {
+  content: "\f1a9";
+}
+.fa-joomla:before {
+  content: "\f1aa";
+}
+.fa-language:before {
+  content: "\f1ab";
+}
+.fa-fax:before {
+  content: "\f1ac";
+}
+.fa-building:before {
+  content: "\f1ad";
+}
+.fa-child:before {
+  content: "\f1ae";
+}
+.fa-paw:before {
+  content: "\f1b0";
+}
+.fa-spoon:before {
+  content: "\f1b1";
+}
+.fa-cube:before {
+  content: "\f1b2";
+}
+.fa-cubes:before {
+  content: "\f1b3";
+}
+.fa-behance:before {
+  content: "\f1b4";
+}
+.fa-behance-square:before {
+  content: "\f1b5";
+}
+.fa-steam:before {
+  content: "\f1b6";
+}
+.fa-steam-square:before {
+  content: "\f1b7";
+}
+.fa-recycle:before {
+  content: "\f1b8";
+}
+.fa-automobile:before,
+.fa-car:before {
+  content: "\f1b9";
+}
+.fa-cab:before,
+.fa-taxi:before {
+  content: "\f1ba";
+}
+.fa-tree:before {
+  content: "\f1bb";
+}
+.fa-spotify:before {
+  content: "\f1bc";
+}
+.fa-deviantart:before {
+  content: "\f1bd";
+}
+.fa-soundcloud:before {
+  content: "\f1be";
+}
+.fa-database:before {
+  content: "\f1c0";
+}
+.fa-file-pdf-o:before {
+  content: "\f1c1";
+}
+.fa-file-word-o:before {
+  content: "\f1c2";
+}
+.fa-file-excel-o:before {
+  content: "\f1c3";
+}
+.fa-file-powerpoint-o:before {
+  content: "\f1c4";
+}
+.fa-file-photo-o:before,
+.fa-file-picture-o:before,
+.fa-file-image-o:before {
+  content: "\f1c5";
+}
+.fa-file-zip-o:before,
+.fa-file-archive-o:before {
+  content: "\f1c6";
+}
+.fa-file-sound-o:before,
+.fa-file-audio-o:before {
+  content: "\f1c7";
+}
+.fa-file-movie-o:before,
+.fa-file-video-o:before {
+  content: "\f1c8";
+}
+.fa-file-code-o:before {
+  content: "\f1c9";
+}
+.fa-vine:before {
+  content: "\f1ca";
+}
+.fa-codepen:before {
+  content: "\f1cb";
+}
+.fa-jsfiddle:before {
+  content: "\f1cc";
+}
+.fa-life-bouy:before,
+.fa-life-buoy:before,
+.fa-life-saver:before,
+.fa-support:before,
+.fa-life-ring:before {
+  content: "\f1cd";
+}
+.fa-circle-o-notch:before {
+  content: "\f1ce";
+}
+.fa-ra:before,
+.fa-rebel:before {
+  content: "\f1d0";
+}
+.fa-ge:before,
+.fa-empire:before {
+  content: "\f1d1";
+}
+.fa-git-square:before {
+  content: "\f1d2";
+}
+.fa-git:before {
+  content: "\f1d3";
+}
+.fa-hacker-news:before {
+  content: "\f1d4";
+}
+.fa-tencent-weibo:before {
+  content: "\f1d5";
+}
+.fa-qq:before {
+  content: "\f1d6";
+}
+.fa-wechat:before,
+.fa-weixin:before {
+  content: "\f1d7";
+}
+.fa-send:before,
+.fa-paper-plane:before {
+  content: "\f1d8";
+}
+.fa-send-o:before,
+.fa-paper-plane-o:before {
+  content: "\f1d9";
+}
+.fa-history:before {
+  content: "\f1da";
+}
+.fa-circle-thin:before {
+  content: "\f1db";
+}
+.fa-header:before {
+  content: "\f1dc";
+}
+.fa-paragraph:before {
+  content: "\f1dd";
+}
+.fa-sliders:before {
+  content: "\f1de";
+}
+.fa-share-alt:before {
+  content: "\f1e0";
+}
+.fa-share-alt-square:before {
+  content: "\f1e1";
+}
+.fa-bomb:before {
+  content: "\f1e2";
+}
+.fa-soccer-ball-o:before,
+.fa-futbol-o:before {
+  content: "\f1e3";
+}
+.fa-tty:before {
+  content: "\f1e4";
+}
+.fa-binoculars:before {
+  content: "\f1e5";
+}
+.fa-plug:before {
+  content: "\f1e6";
+}
+.fa-slideshare:before {
+  content: "\f1e7";
+}
+.fa-twitch:before {
+  content: "\f1e8";
+}
+.fa-yelp:before {
+  content: "\f1e9";
+}
+.fa-newspaper-o:before {
+  content: "\f1ea";
+}
+.fa-wifi:before {
+  content: "\f1eb";
+}
+.fa-calculator:before {
+  content: "\f1ec";
+}
+.fa-paypal:before {
+  content: "\f1ed";
+}
+.fa-google-wallet:before {
+  content: "\f1ee";
+}
+.fa-cc-visa:before {
+  content: "\f1f0";
+}
+.fa-cc-mastercard:before {
+  content: "\f1f1";
+}
+.fa-cc-discover:before {
+  content: "\f1f2";
+}
+.fa-cc-amex:before {
+  content: "\f1f3";
+}
+.fa-cc-paypal:before {
+  content: "\f1f4";
+}
+.fa-cc-stripe:before {
+  content: "\f1f5";
+}
+.fa-bell-slash:before {
+  content: "\f1f6";
+}
+.fa-bell-slash-o:before {
+  content: "\f1f7";
+}
+.fa-trash:before {
+  content: "\f1f8";
+}
+.fa-copyright:before {
+  content: "\f1f9";
+}
+.fa-at:before {
+  content: "\f1fa";
+}
+.fa-eyedropper:before {
+  content: "\f1fb";
+}
+.fa-paint-brush:before {
+  content: "\f1fc";
+}
+.fa-birthday-cake:before {
+  content: "\f1fd";
+}
+.fa-area-chart:before {
+  content: "\f1fe";
+}
+.fa-pie-chart:before {
+  content: "\f200";
+}
+.fa-line-chart:before {
+  content: "\f201";
+}
+.fa-lastfm:before {
+  content: "\f202";
+}
+.fa-lastfm-square:before {
+  content: "\f203";
+}
+.fa-toggle-off:before {
+  content: "\f204";
+}
+.fa-toggle-on:before {
+  content: "\f205";
+}
+.fa-bicycle:before {
+  content: "\f206";
+}
+.fa-bus:before {
+  content: "\f207";
+}
+.fa-ioxhost:before {
+  content: "\f208";
+}
+.fa-angellist:before {
+  content: "\f209";
+}
+.fa-cc:before {
+  content: "\f20a";
+}
+.fa-shekel:before,
+.fa-sheqel:before,
+.fa-ils:before {
+  content: "\f20b";
+}
+.fa-meanpath:before {
+  content: "\f20c";
+}
diff --git a/web/bootstrap-ace-admin/css/fullcalendar.css b/web/bootstrap-ace-admin/css/fullcalendar.css
new file mode 100755
index 00000000..95896bc8
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/fullcalendar.css
@@ -0,0 +1,977 @@
+/*!
+ * FullCalendar v2.2.3 Stylesheet
+ * Docs & License: http://arshaw.com/fullcalendar/
+ * (c) 2013 Adam Shaw
+ */
+
+
+.fc {
+	direction: ltr;
+	text-align: left;
+}
+
+.fc-rtl {
+	text-align: right;
+}
+
+body .fc { /* extra precedence to overcome jqui */
+	font-size: 1em;
+}
+
+
+/* Colors
+--------------------------------------------------------------------------------------------------*/
+
+.fc-unthemed th,
+.fc-unthemed td,
+.fc-unthemed hr,
+.fc-unthemed thead,
+.fc-unthemed tbody,
+.fc-unthemed .fc-row,
+.fc-unthemed .fc-popover {
+	border-color: #ddd;
+}
+
+.fc-unthemed .fc-popover {
+	background-color: #fff;
+}
+
+.fc-unthemed hr,
+.fc-unthemed .fc-popover .fc-header {
+	background: #eee;
+}
+
+.fc-unthemed .fc-popover .fc-header .fc-close {
+	color: #666;
+}
+
+.fc-unthemed .fc-today {
+	background: #fcf8e3;
+}
+
+.fc-highlight { /* when user is selecting cells */
+	background: #bce8f1;
+	opacity: .3;
+	filter: alpha(opacity=30); /* for IE */
+}
+
+.fc-bgevent { /* default look for background events */
+	background: rgb(143, 223, 130);
+	opacity: .3;
+	filter: alpha(opacity=30); /* for IE */
+}
+
+.fc-nonbusiness { /* default look for non-business-hours areas */
+	/* will inherit .fc-bgevent's styles */
+	background: #ccc;
+}
+
+
+/* Icons (inline elements with styled text that mock arrow icons)
+--------------------------------------------------------------------------------------------------*/
+
+.fc-icon {
+	display: inline-block;
+	font-size: 2em;
+	line-height: .5em;
+	height: .5em; /* will make the total height 1em */
+	font-family: "Courier New", Courier, monospace;
+}
+
+.fc-icon-left-single-arrow:after {
+	content: "\02039";
+	font-weight: bold;
+}
+
+.fc-icon-right-single-arrow:after {
+	content: "\0203A";
+	font-weight: bold;
+}
+
+.fc-icon-left-double-arrow:after {
+	content: "\000AB";
+}
+
+.fc-icon-right-double-arrow:after {
+	content: "\000BB";
+}
+
+.fc-icon-x:after {
+	content: "\000D7";
+}
+
+
+/* Buttons (styled <button> tags, normalized to work cross-browser)
+--------------------------------------------------------------------------------------------------*/
+
+.fc button {
+	/* force height to include the border and padding */
+	-moz-box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	box-sizing: border-box;
+
+	/* dimensions */
+	margin: 0;
+	height: 2.1em;
+	padding: 0 .6em;
+
+	/* text & cursor */
+	font-size: 1em; /* normalize */
+	white-space: nowrap;
+	cursor: pointer;
+}
+
+/* Firefox has an annoying inner border */
+.fc button::-moz-focus-inner { margin: 0; padding: 0; }
+	
+.fc-state-default { /* non-theme */
+	border: 1px solid;
+}
+
+.fc-state-default.fc-corner-left { /* non-theme */
+	border-top-left-radius: 4px;
+	border-bottom-left-radius: 4px;
+}
+
+.fc-state-default.fc-corner-right { /* non-theme */
+	border-top-right-radius: 4px;
+	border-bottom-right-radius: 4px;
+}
+
+/* icons in buttons */
+
+.fc button .fc-icon { /* non-theme */
+	position: relative;
+	top: .05em; /* seems to be a good adjustment across browsers */
+	margin: 0 .1em;
+}
+	
+/*
+  button states
+  borrowed from twitter bootstrap (http://twitter.github.com/bootstrap/)
+*/
+
+.fc-state-default {
+	background-color: #f5f5f5;
+	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
+	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
+	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
+	background-repeat: repeat-x;
+	border-color: #e6e6e6 #e6e6e6 #bfbfbf;
+	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+	color: #333;
+	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
+	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+.fc-state-hover,
+.fc-state-down,
+.fc-state-active,
+.fc-state-disabled {
+	color: #333333;
+	background-color: #e6e6e6;
+}
+
+.fc-state-hover {
+	color: #333333;
+	text-decoration: none;
+	background-position: 0 -15px;
+	-webkit-transition: background-position 0.1s linear;
+	   -moz-transition: background-position 0.1s linear;
+	     -o-transition: background-position 0.1s linear;
+	        transition: background-position 0.1s linear;
+}
+
+.fc-state-down,
+.fc-state-active {
+	background-color: #cccccc;
+	background-image: none;
+	box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+
+.fc-state-disabled {
+	cursor: default;
+	background-image: none;
+	opacity: 0.65;
+	filter: alpha(opacity=65);
+	box-shadow: none;
+}
+
+
+/* Buttons Groups
+--------------------------------------------------------------------------------------------------*/
+
+.fc-button-group {
+	display: inline-block;
+}
+
+/*
+every button that is not first in a button group should scootch over one pixel and cover the
+previous button's border...
+*/
+
+.fc .fc-button-group > * { /* extra precedence b/c buttons have margin set to zero */
+	float: left;
+	margin: 0 0 0 -1px;
+}
+
+.fc .fc-button-group > :first-child { /* same */
+	margin-left: 0;
+}
+
+
+/* Popover
+--------------------------------------------------------------------------------------------------*/
+
+.fc-popover {
+	position: absolute;
+	box-shadow: 0 2px 6px rgba(0,0,0,.15);
+}
+
+.fc-popover .fc-header {
+	padding: 2px 4px;
+}
+
+.fc-popover .fc-header .fc-title {
+	margin: 0 2px;
+}
+
+.fc-popover .fc-header .fc-close {
+	cursor: pointer;
+}
+
+.fc-ltr .fc-popover .fc-header .fc-title,
+.fc-rtl .fc-popover .fc-header .fc-close {
+	float: left;
+}
+
+.fc-rtl .fc-popover .fc-header .fc-title,
+.fc-ltr .fc-popover .fc-header .fc-close {
+	float: right;
+}
+
+/* unthemed */
+
+.fc-unthemed .fc-popover {
+	border-width: 1px;
+	border-style: solid;
+}
+
+.fc-unthemed .fc-popover .fc-header .fc-close {
+	font-size: 25px;
+	margin-top: 4px;
+}
+
+/* jqui themed */
+
+.fc-popover > .ui-widget-header + .ui-widget-content {
+	border-top: 0; /* where they meet, let the header have the border */
+}
+
+
+/* Misc Reusable Components
+--------------------------------------------------------------------------------------------------*/
+
+.fc hr {
+	height: 0;
+	margin: 0;
+	padding: 0 0 2px; /* height is unreliable across browsers, so use padding */
+	border-style: solid;
+	border-width: 1px 0;
+}
+
+.fc-clear {
+	clear: both;
+}
+
+.fc-bg,
+.fc-bgevent-skeleton,
+.fc-highlight-skeleton,
+.fc-helper-skeleton {
+	/* these element should always cling to top-left/right corners */
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+}
+
+.fc-bg {
+	bottom: 0; /* strech bg to bottom edge */
+}
+
+.fc-bg table {
+	height: 100%; /* strech bg to bottom edge */
+}
+
+
+/* Tables
+--------------------------------------------------------------------------------------------------*/
+
+.fc table {
+	width: 100%;
+	table-layout: fixed;
+	border-collapse: collapse;
+	border-spacing: 0;
+	font-size: 1em; /* normalize cross-browser */
+}
+
+.fc th {
+	text-align: center;
+}
+
+.fc th,
+.fc td {
+	border-style: solid;
+	border-width: 1px;
+	padding: 0;
+	vertical-align: top;
+}
+
+.fc td.fc-today {
+	border-style: double; /* overcome neighboring borders */
+}
+
+
+/* Fake Table Rows
+--------------------------------------------------------------------------------------------------*/
+
+.fc .fc-row { /* extra precedence to overcome themes w/ .ui-widget-content forcing a 1px border */
+	/* no visible border by default. but make available if need be (scrollbar width compensation) */
+	border-style: solid;
+	border-width: 0;
+}
+
+.fc-row table {
+	/* don't put left/right border on anything within a fake row.
+	   the outer tbody will worry about this */
+	border-left: 0 hidden transparent;
+	border-right: 0 hidden transparent;
+
+	/* no bottom borders on rows */
+	border-bottom: 0 hidden transparent; 
+}
+
+.fc-row:first-child table {
+	border-top: 0 hidden transparent; /* no top border on first row */
+}
+
+
+/* Day Row (used within the header and the DayGrid)
+--------------------------------------------------------------------------------------------------*/
+
+.fc-row {
+	position: relative;
+}
+
+.fc-row .fc-bg {
+	z-index: 1;
+}
+
+/* highlighting cells & background event skeleton */
+
+.fc-row .fc-bgevent-skeleton,
+.fc-row .fc-highlight-skeleton {
+	bottom: 0; /* stretch skeleton to bottom of row */
+}
+
+.fc-row .fc-bgevent-skeleton table,
+.fc-row .fc-highlight-skeleton table {
+	height: 100%; /* stretch skeleton to bottom of row */
+}
+
+.fc-row .fc-highlight-skeleton td,
+.fc-row .fc-bgevent-skeleton td {
+	border-color: transparent;
+}
+
+.fc-row .fc-bgevent-skeleton {
+	z-index: 2;
+
+}
+
+.fc-row .fc-highlight-skeleton {
+	z-index: 3;
+}
+
+/*
+row content (which contains day/week numbers and events) as well as "helper" (which contains
+temporary rendered events).
+*/
+
+.fc-row .fc-content-skeleton {
+	position: relative;
+	z-index: 4;
+	padding-bottom: 2px; /* matches the space above the events */
+}
+
+.fc-row .fc-helper-skeleton {
+	z-index: 5;
+}
+
+.fc-row .fc-content-skeleton td,
+.fc-row .fc-helper-skeleton td {
+	/* see-through to the background below */
+	background: none; /* in case <td>s are globally styled */
+	border-color: transparent;
+
+	/* don't put a border between events and/or the day number */
+	border-bottom: 0;
+}
+
+.fc-row .fc-content-skeleton tbody td, /* cells with events inside (so NOT the day number cell) */
+.fc-row .fc-helper-skeleton tbody td {
+	/* don't put a border between event cells */
+	border-top: 0;
+}
+
+
+/* Scrolling Container
+--------------------------------------------------------------------------------------------------*/
+
+.fc-scroller { /* this class goes on elements for guaranteed vertical scrollbars */
+	overflow-y: scroll;
+	overflow-x: hidden;
+}
+
+.fc-scroller > * { /* we expect an immediate inner element */
+	position: relative; /* re-scope all positions */
+	width: 100%; /* hack to force re-sizing this inner element when scrollbars appear/disappear */
+	overflow: hidden; /* don't let negative margins or absolute positioning create further scroll */
+}
+
+
+/* Global Event Styles
+--------------------------------------------------------------------------------------------------*/
+
+.fc-event {
+	position: relative; /* for resize handle and other inner positioning */
+	display: block; /* make the <a> tag block */
+	font-size: .85em;
+	line-height: 1.3;
+	border-radius: 3px;
+	border: 1px solid #3a87ad; /* default BORDER color */
+	background-color: #3a87ad; /* default BACKGROUND color */
+	font-weight: normal; /* undo jqui's ui-widget-header bold */
+}
+
+/* overpower some of bootstrap's and jqui's styles on <a> tags */
+.fc-event,
+.fc-event:hover,
+.ui-widget .fc-event {
+	color: #fff; /* default TEXT color */
+	text-decoration: none; /* if <a> has an href */
+}
+
+.fc-event[href],
+.fc-event.fc-draggable {
+	cursor: pointer; /* give events with links and draggable events a hand mouse pointer */
+}
+
+.fc-not-allowed, /* causes a "warning" cursor. applied on body */
+.fc-not-allowed .fc-event { /* to override an event's custom cursor */
+	cursor: not-allowed;
+}
+
+
+/* DayGrid events
+----------------------------------------------------------------------------------------------------
+We use the full "fc-day-grid-event" class instead of using descendants because the event won't
+be a descendant of the grid when it is being dragged.
+*/
+
+.fc-day-grid-event {
+	margin: 1px 2px 0; /* spacing between events and edges */
+	padding: 0 1px;
+}
+
+/* events that are continuing to/from another week. kill rounded corners and butt up against edge */
+
+.fc-ltr .fc-day-grid-event.fc-not-start,
+.fc-rtl .fc-day-grid-event.fc-not-end {
+	margin-left: 0;
+	border-left-width: 0;
+	padding-left: 1px; /* replace the border with padding */
+	border-top-left-radius: 0;
+	border-bottom-left-radius: 0;
+}
+
+.fc-ltr .fc-day-grid-event.fc-not-end,
+.fc-rtl .fc-day-grid-event.fc-not-start {
+	margin-right: 0;
+	border-right-width: 0;
+	padding-right: 1px; /* replace the border with padding */
+	border-top-right-radius: 0;
+	border-bottom-right-radius: 0;
+}
+
+.fc-day-grid-event > .fc-content { /* force events to be one-line tall */
+	white-space: nowrap;
+	overflow: hidden;
+}
+
+.fc-day-grid-event .fc-time {
+	font-weight: bold;
+}
+
+/* resize handle (outside of fc-content, so can go outside of bounds) */
+
+.fc-day-grid-event .fc-resizer {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	width: 7px;
+}
+
+.fc-ltr .fc-day-grid-event .fc-resizer {
+	right: -3px;
+	cursor: e-resize;
+}
+
+.fc-rtl .fc-day-grid-event .fc-resizer {
+	left: -3px;
+	cursor: w-resize;
+}
+
+
+/* Event Limiting
+--------------------------------------------------------------------------------------------------*/
+
+/* "more" link that represents hidden events */
+
+a.fc-more {
+	margin: 1px 3px;
+	font-size: .85em;
+	cursor: pointer;
+	text-decoration: none;
+}
+
+a.fc-more:hover {
+	text-decoration: underline;
+}
+
+.fc-limited { /* rows and cells that are hidden because of a "more" link */
+	display: none;
+}
+
+/* popover that appears when "more" link is clicked */
+
+.fc-day-grid .fc-row {
+	z-index: 1; /* make the "more" popover one higher than this */
+}
+
+.fc-more-popover {
+	z-index: 2;
+	width: 220px;
+}
+
+.fc-more-popover .fc-event-container {
+	padding: 10px;
+}
+
+/* Toolbar
+--------------------------------------------------------------------------------------------------*/
+
+.fc-toolbar {
+	text-align: center;
+	margin-bottom: 1em;
+}
+
+.fc-toolbar .fc-left {
+	float: left;
+}
+
+.fc-toolbar .fc-right {
+	float: right;
+}
+
+.fc-toolbar .fc-center {
+	display: inline-block;
+}
+
+/* the things within each left/right/center section */
+.fc .fc-toolbar > * > * { /* extra precedence to override button border margins */
+	float: left;
+	margin-left: .75em;
+}
+
+/* the first thing within each left/center/right section */
+.fc .fc-toolbar > * > :first-child { /* extra precedence to override button border margins */
+	margin-left: 0;
+}
+	
+/* title text */
+
+.fc-toolbar h2 {
+	margin: 0;
+}
+
+/* button layering (for border precedence) */
+
+.fc-toolbar button {
+	position: relative;
+}
+
+.fc-toolbar .fc-state-hover,
+.fc-toolbar .ui-state-hover {
+	z-index: 2;
+}
+	
+.fc-toolbar .fc-state-down {
+	z-index: 3;
+}
+
+.fc-toolbar .fc-state-active,
+.fc-toolbar .ui-state-active {
+	z-index: 4;
+}
+
+.fc-toolbar button:focus {
+	z-index: 5;
+}
+
+
+/* View Structure
+--------------------------------------------------------------------------------------------------*/
+
+/* undo twitter bootstrap's box-sizing rules. normalizes positioning techniques */
+/* don't do this for the toolbar because we'll want bootstrap to style those buttons as some pt */
+.fc-view-container *,
+.fc-view-container *:before,
+.fc-view-container *:after {
+	-webkit-box-sizing: content-box;
+	   -moz-box-sizing: content-box;
+	        box-sizing: content-box;
+}
+
+.fc-view, /* scope positioning and z-index's for everything within the view */
+.fc-view > table { /* so dragged elements can be above the view's main element */
+	position: relative;
+	z-index: 1;
+}
+
+/* BasicView
+--------------------------------------------------------------------------------------------------*/
+
+/* day row structure */
+
+.fc-basicWeek-view .fc-content-skeleton,
+.fc-basicDay-view .fc-content-skeleton {
+	/* we are sure there are no day numbers in these views, so... */
+	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
+	padding-bottom: 1em; /* ensure a space at bottom of cell for user selecting/clicking */
+}
+
+.fc-basic-view tbody .fc-row {
+	min-height: 4em; /* ensure that all rows are at least this tall */
+}
+
+/* a "rigid" row will take up a constant amount of height because content-skeleton is absolute */
+
+.fc-row.fc-rigid {
+	overflow: hidden;
+}
+
+.fc-row.fc-rigid .fc-content-skeleton {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+}
+
+/* week and day number styling */
+
+.fc-basic-view .fc-week-number,
+.fc-basic-view .fc-day-number {
+	padding: 0 2px;
+}
+
+.fc-basic-view td.fc-week-number span,
+.fc-basic-view td.fc-day-number {
+	padding-top: 2px;
+	padding-bottom: 2px;
+}
+
+.fc-basic-view .fc-week-number {
+	text-align: center;
+}
+
+.fc-basic-view .fc-week-number span {
+	/* work around the way we do column resizing and ensure a minimum width */
+	display: inline-block;
+	min-width: 1.25em;
+}
+
+.fc-ltr .fc-basic-view .fc-day-number {
+	text-align: right;
+}
+
+.fc-rtl .fc-basic-view .fc-day-number {
+	text-align: left;
+}
+
+.fc-day-number.fc-other-month {
+	opacity: 0.3;
+	filter: alpha(opacity=30); /* for IE */
+	/* opacity with small font can sometimes look too faded
+	   might want to set the 'color' property instead
+	   making day-numbers bold also fixes the problem */
+}
+
+/* AgendaView all-day area
+--------------------------------------------------------------------------------------------------*/
+
+.fc-agenda-view .fc-day-grid {
+	position: relative;
+	z-index: 2; /* so the "more.." popover will be over the time grid */
+}
+
+.fc-agenda-view .fc-day-grid .fc-row {
+	min-height: 3em; /* all-day section will never get shorter than this */
+}
+
+.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
+	padding-top: 1px; /* add a pixel to make sure there are 2px padding above events */
+	padding-bottom: 1em; /* give space underneath events for clicking/selecting days */
+}
+
+
+/* TimeGrid axis running down the side (for both the all-day area and the slot area)
+--------------------------------------------------------------------------------------------------*/
+
+.fc .fc-axis { /* .fc to overcome default cell styles */
+	vertical-align: middle;
+	padding: 0 4px;
+	white-space: nowrap;
+}
+
+.fc-ltr .fc-axis {
+	text-align: right;
+}
+
+.fc-rtl .fc-axis {
+	text-align: left;
+}
+
+.ui-widget td.fc-axis {
+	font-weight: normal; /* overcome jqui theme making it bold */
+}
+
+
+/* TimeGrid Structure
+--------------------------------------------------------------------------------------------------*/
+
+.fc-time-grid-container, /* so scroll container's z-index is below all-day */
+.fc-time-grid { /* so slats/bg/content/etc positions get scoped within here */
+	position: relative;
+	z-index: 1;
+}
+
+.fc-time-grid {
+	min-height: 100%; /* so if height setting is 'auto', .fc-bg stretches to fill height */
+}
+
+.fc-time-grid table { /* don't put outer borders on slats/bg/content/etc */
+	border: 0 hidden transparent;
+}
+
+.fc-time-grid > .fc-bg {
+	z-index: 1;
+}
+
+.fc-time-grid .fc-slats,
+.fc-time-grid > hr { /* the <hr> AgendaView injects when grid is shorter than scroller */
+	position: relative;
+	z-index: 2;
+}
+
+.fc-time-grid .fc-bgevent-skeleton,
+.fc-time-grid .fc-content-skeleton {
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+}
+
+.fc-time-grid .fc-bgevent-skeleton {
+	z-index: 3;
+}
+
+.fc-time-grid .fc-highlight-skeleton {
+	z-index: 4;
+}
+
+.fc-time-grid .fc-content-skeleton {
+	z-index: 5;
+}
+
+.fc-time-grid .fc-helper-skeleton {
+	z-index: 6;
+}
+
+
+/* TimeGrid Slats (lines that run horizontally)
+--------------------------------------------------------------------------------------------------*/
+
+.fc-slats td {
+	height: 1.5em;
+	border-bottom: 0; /* each cell is responsible for its top border */
+}
+
+.fc-slats .fc-minor td {
+	border-top-style: dotted;
+}
+
+.fc-slats .ui-widget-content { /* for jqui theme */
+	background: none; /* see through to fc-bg */
+}
+
+
+/* TimeGrid Highlighting Slots
+--------------------------------------------------------------------------------------------------*/
+
+.fc-time-grid .fc-highlight-container { /* a div within a cell within the fc-highlight-skeleton */
+	position: relative; /* scopes the left/right of the fc-highlight to be in the column */
+}
+
+.fc-time-grid .fc-highlight {
+	position: absolute;
+	left: 0;
+	right: 0;
+	/* top and bottom will be in by JS */
+}
+
+
+/* TimeGrid Event Containment
+--------------------------------------------------------------------------------------------------*/
+
+.fc-time-grid .fc-event-container, /* a div within a cell within the fc-content-skeleton */
+.fc-time-grid .fc-bgevent-container { /* a div within a cell within the fc-bgevent-skeleton */
+	position: relative;
+}
+
+.fc-ltr .fc-time-grid .fc-event-container { /* space on the sides of events for LTR (default) */
+	margin: 0 2.5% 0 2px;
+}
+
+.fc-rtl .fc-time-grid .fc-event-container { /* space on the sides of events for RTL */
+	margin: 0 2px 0 2.5%;
+}
+
+.fc-time-grid .fc-event,
+.fc-time-grid .fc-bgevent {
+	position: absolute;
+	z-index: 1; /* scope inner z-index's */
+}
+
+.fc-time-grid .fc-bgevent {
+	/* background events always span full width */
+	left: 0;
+	right: 0;
+}
+
+
+/* TimeGrid Event Styling
+----------------------------------------------------------------------------------------------------
+We use the full "fc-time-grid-event" class instead of using descendants because the event won't
+be a descendant of the grid when it is being dragged.
+*/
+
+.fc-time-grid-event.fc-not-start { /* events that are continuing from another day */
+	/* replace space made by the top border with padding */
+	border-top-width: 0;
+	padding-top: 1px;
+
+	/* remove top rounded corners */
+	border-top-left-radius: 0;
+	border-top-right-radius: 0;
+}
+
+.fc-time-grid-event.fc-not-end {
+	/* replace space made by the top border with padding */
+	border-bottom-width: 0;
+	padding-bottom: 1px;
+
+	/* remove bottom rounded corners */
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
+}
+
+.fc-time-grid-event {
+	overflow: hidden; /* don't let the bg flow over rounded corners */
+}
+
+.fc-time-grid-event > .fc-content { /* contains the time and title, but no bg and resizer */
+	position: relative;
+	z-index: 2; /* above the bg */
+}
+
+.fc-time-grid-event .fc-time,
+.fc-time-grid-event .fc-title {
+	padding: 0 1px;
+}
+
+.fc-time-grid-event .fc-time {
+	font-size: .85em;
+	white-space: nowrap;
+}
+
+.fc-time-grid-event .fc-bg {
+	z-index: 1;
+	background: #fff;
+	opacity: .25;
+	filter: alpha(opacity=25); /* for IE */
+}
+
+/* short mode, where time and title are on the same line */
+
+.fc-time-grid-event.fc-short .fc-content {
+	/* don't wrap to second line (now that contents will be inline) */
+	white-space: nowrap;
+}
+
+.fc-time-grid-event.fc-short .fc-time,
+.fc-time-grid-event.fc-short .fc-title {
+	/* put the time and title on the same line */
+	display: inline-block;
+	vertical-align: top;
+}
+
+.fc-time-grid-event.fc-short .fc-time span {
+	display: none; /* don't display the full time text... */
+}
+
+.fc-time-grid-event.fc-short .fc-time:before {
+	content: attr(data-start); /* ...instead, display only the start time */
+}
+
+.fc-time-grid-event.fc-short .fc-time:after {
+	content: "\000A0-\000A0"; /* seperate with a dash, wrapped in nbsp's */
+}
+
+.fc-time-grid-event.fc-short .fc-title {
+	font-size: .85em; /* make the title text the same size as the time */
+	padding: 0; /* undo padding from above */
+}
+
+/* resizer */
+
+.fc-time-grid-event .fc-resizer {
+	position: absolute;
+	z-index: 3; /* above content */
+	left: 0;
+	right: 0;
+	bottom: 0;
+	height: 8px;
+	overflow: hidden;
+	line-height: 8px;
+	font-size: 11px;
+	font-family: monospace;
+	text-align: center;
+	cursor: s-resize;
+}
+
+.fc-time-grid-event .fc-resizer:after {
+	content: "=";
+}
diff --git a/web/bootstrap-ace-admin/css/fullcalendar.print.css b/web/bootstrap-ace-admin/css/fullcalendar.print.css
new file mode 100755
index 00000000..b28a8be8
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/fullcalendar.print.css
@@ -0,0 +1,202 @@
+/*!
+ * FullCalendar v2.2.3 Print Stylesheet
+ * Docs & License: http://arshaw.com/fullcalendar/
+ * (c) 2013 Adam Shaw
+ */
+
+/*
+ * Include this stylesheet on your page to get a more printer-friendly calendar.
+ * When including this stylesheet, use the media='print' attribute of the <link> tag.
+ * Make sure to include this stylesheet IN ADDITION to the regular fullcalendar.css.
+ */
+
+.fc {
+	max-width: 100% !important;
+}
+
+
+/* Global Event Restyling
+--------------------------------------------------------------------------------------------------*/
+
+.fc-event {
+	background: #fff !important;
+	color: #000 !important;
+	page-break-inside: avoid;
+}
+
+.fc-event .fc-resizer {
+	display: none;
+}
+
+
+/* Table & Day-Row Restyling
+--------------------------------------------------------------------------------------------------*/
+
+th,
+td,
+hr,
+thead,
+tbody,
+.fc-row {
+	border-color: #ccc !important;
+	background: #fff !important;
+}
+
+/* kill the overlaid, absolutely-positioned common components */
+.fc-bg,
+.fc-bgevent-skeleton,
+.fc-highlight-skeleton,
+.fc-helper-skeleton {
+	display: none;
+}
+
+/* don't force a min-height on rows (for DayGrid) */
+.fc tbody .fc-row {
+	height: auto !important; /* undo height that JS set in distributeHeight */
+	min-height: 0 !important; /* undo the min-height from each view's specific stylesheet */
+}
+
+.fc tbody .fc-row .fc-content-skeleton {
+	position: static; /* undo .fc-rigid */
+	padding-bottom: 0 !important; /* use a more border-friendly method for this... */
+}
+
+.fc tbody .fc-row .fc-content-skeleton tbody tr:last-child td { /* only works in newer browsers */
+	padding-bottom: 1em; /* ...gives space within the skeleton. also ensures min height in a way */
+}
+
+.fc tbody .fc-row .fc-content-skeleton table {
+	/* provides a min-height for the row, but only effective for IE, which exaggerates this value,
+	   making it look more like 3em. for other browers, it will already be this tall */
+	height: 1em;
+}
+
+
+/* Undo month-view event limiting. Display all events and hide the "more" links
+--------------------------------------------------------------------------------------------------*/
+
+.fc-more-cell,
+.fc-more {
+	display: none !important;
+}
+
+.fc tr.fc-limited {
+	display: table-row !important;
+}
+
+.fc td.fc-limited {
+	display: table-cell !important;
+}
+
+.fc-popover {
+	display: none; /* never display the "more.." popover in print mode */
+}
+
+
+/* TimeGrid Restyling
+--------------------------------------------------------------------------------------------------*/
+
+/* undo the min-height 100% trick used to fill the container's height */
+.fc-time-grid {
+	min-height: 0 !important;
+}
+
+/* don't display the side axis at all ("all-day" and time cells) */
+.fc-agenda-view .fc-axis {
+	display: none;
+}
+
+/* don't display the horizontal lines */
+.fc-slats,
+.fc-time-grid hr { /* this hr is used when height is underused and needs to be filled */
+	display: none !important; /* important overrides inline declaration */
+}
+
+/* let the container that holds the events be naturally positioned and create real height */
+.fc-time-grid .fc-content-skeleton {
+	position: static;
+}
+
+/* in case there are no events, we still want some height */
+.fc-time-grid .fc-content-skeleton table {
+	height: 4em;
+}
+
+/* kill the horizontal spacing made by the event container. event margins will be done below */
+.fc-time-grid .fc-event-container {
+	margin: 0 !important;
+}
+
+
+/* TimeGrid *Event* Restyling
+--------------------------------------------------------------------------------------------------*/
+
+/* naturally position events, vertically stacking them */
+.fc-time-grid .fc-event {
+	position: static !important;
+	margin: 3px 2px !important;
+}
+
+/* for events that continue to a future day, give the bottom border back */
+.fc-time-grid .fc-event.fc-not-end {
+	border-bottom-width: 1px !important;
+}
+
+/* indicate the event continues via "..." text */
+.fc-time-grid .fc-event.fc-not-end:after {
+	content: "...";
+}
+
+/* for events that are continuations from previous days, give the top border back */
+.fc-time-grid .fc-event.fc-not-start {
+	border-top-width: 1px !important;
+}
+
+/* indicate the event is a continuation via "..." text */
+.fc-time-grid .fc-event.fc-not-start:before {
+	content: "...";
+}
+
+/* time */
+
+/* undo a previous declaration and let the time text span to a second line */
+.fc-time-grid .fc-event .fc-time {
+	white-space: normal !important;
+}
+
+/* hide the the time that is normally displayed... */
+.fc-time-grid .fc-event .fc-time span {
+	display: none;
+}
+
+/* ...replace it with a more verbose version (includes AM/PM) stored in an html attribute */
+.fc-time-grid .fc-event .fc-time:after {
+	content: attr(data-full);
+}
+
+
+/* Vertical Scroller & Containers
+--------------------------------------------------------------------------------------------------*/
+
+/* kill the scrollbars and allow natural height */
+.fc-scroller,
+.fc-day-grid-container,    /* these divs might be assigned height, which we need to cleared */
+.fc-time-grid-container {  /* */
+	overflow: visible !important;
+	height: auto !important;
+}
+
+/* kill the horizontal border/padding used to compensate for scrollbars */
+.fc-row {
+	border: 0 !important;
+	margin: 0 !important;
+}
+
+
+/* Button Controls
+--------------------------------------------------------------------------------------------------*/
+
+.fc-button-group,
+.fc button {
+	display: none; /* don't display any button-related controls */
+}
diff --git a/web/bootstrap-ace-admin/css/images/border1.png b/web/bootstrap-ace-admin/css/images/border1.png
new file mode 100755
index 00000000..0ddc7040
Binary files /dev/null and b/web/bootstrap-ace-admin/css/images/border1.png differ
diff --git a/web/bootstrap-ace-admin/css/images/border2.png b/web/bootstrap-ace-admin/css/images/border2.png
new file mode 100755
index 00000000..aa62a0b7
Binary files /dev/null and b/web/bootstrap-ace-admin/css/images/border2.png differ
diff --git a/web/bootstrap-ace-admin/css/images/ie6/borderBottomCenter.png b/web/bootstrap-ace-admin/css/images/ie6/borderBottomCenter.png
new file mode 100755
index 00000000..0d4475ed
Binary files /dev/null and b/web/bootstrap-ace-admin/css/images/ie6/borderBottomCenter.png differ
diff --git a/web/bootstrap-ace-admin/css/images/ie6/borderBottomLeft.png b/web/bootstrap-ace-admin/css/images/ie6/borderBottomLeft.png
new file mode 100755
index 00000000..2775eba8
Binary files /dev/null and b/web/bootstrap-ace-admin/css/images/ie6/borderBottomLeft.png differ
diff --git a/web/bootstrap-ace-admin/css/images/ie6/borderBottomRight.png b/web/bootstrap-ace-admin/css/images/ie6/borderBottomRight.png
new file mode 100755
index 00000000..f7f51379
Binary files /dev/null and b/web/bootstrap-ace-admin/css/images/ie6/borderBottomRight.png differ
diff --git a/web/bootstrap-ace-admin/css/images/ie6/borderMiddleLeft.png b/web/bootstrap-ace-admin/css/images/ie6/borderMiddleLeft.png
new file mode 100755
index 00000000..a2d63d15
Binary files /dev/null and b/web/bootstrap-ace-admin/css/images/ie6/borderMiddleLeft.png differ
diff --git a/web/bootstrap-ace-admin/css/images/ie6/borderMiddleRight.png b/web/bootstrap-ace-admin/css/images/ie6/borderMiddleRight.png
new file mode 100755
index 00000000..fd7c3e84
Binary files /dev/null and b/web/bootstrap-ace-admin/css/images/ie6/borderMiddleRight.png differ
diff --git a/web/bootstrap-ace-admin/css/images/ie6/borderTopCenter.png b/web/bootstrap-ace-admin/css/images/ie6/borderTopCenter.png
new file mode 100755
index 00000000..2937a9cf
Binary files /dev/null and b/web/bootstrap-ace-admin/css/images/ie6/borderTopCenter.png differ
diff --git a/web/bootstrap-ace-admin/css/images/ie6/borderTopLeft.png b/web/bootstrap-ace-admin/css/images/ie6/borderTopLeft.png
new file mode 100755
index 00000000..f9d458b5
Binary files /dev/null and b/web/bootstrap-ace-admin/css/images/ie6/borderTopLeft.png differ
diff --git a/web/bootstrap-ace-admin/css/images/ie6/borderTopRight.png b/web/bootstrap-ace-admin/css/images/ie6/borderTopRight.png
new file mode 100755
index 00000000..74b8583c
Binary files /dev/null and b/web/bootstrap-ace-admin/css/images/ie6/borderTopRight.png differ
diff --git a/web/bootstrap-ace-admin/css/images/meteorshower.jpg b/web/bootstrap-ace-admin/css/images/meteorshower.jpg
new file mode 100755
index 00000000..48753931
Binary files /dev/null and b/web/bootstrap-ace-admin/css/images/meteorshower.jpg differ
diff --git a/web/bootstrap-ace-admin/css/images/meteorshower2.jpg b/web/bootstrap-ace-admin/css/images/meteorshower2.jpg
new file mode 100755
index 00000000..6a227d4b
Binary files /dev/null and b/web/bootstrap-ace-admin/css/images/meteorshower2.jpg differ
diff --git a/web/bootstrap-ace-admin/css/images/pattern.jpg b/web/bootstrap-ace-admin/css/images/pattern.jpg
new file mode 100755
index 00000000..fae09c77
Binary files /dev/null and b/web/bootstrap-ace-admin/css/images/pattern.jpg differ
diff --git a/web/bootstrap-ace-admin/css/images/pattern.png b/web/bootstrap-ace-admin/css/images/pattern.png
new file mode 100755
index 00000000..e199bb1c
Binary files /dev/null and b/web/bootstrap-ace-admin/css/images/pattern.png differ
diff --git a/web/bootstrap-ace-admin/css/images/spritemap.png b/web/bootstrap-ace-admin/css/images/spritemap.png
new file mode 100755
index 00000000..d711b0f0
Binary files /dev/null and b/web/bootstrap-ace-admin/css/images/spritemap.png differ
diff --git a/web/bootstrap-ace-admin/css/images/spritemap@2x.png b/web/bootstrap-ace-admin/css/images/spritemap@2x.png
new file mode 100755
index 00000000..ed29b88b
Binary files /dev/null and b/web/bootstrap-ace-admin/css/images/spritemap@2x.png differ
diff --git a/web/bootstrap-ace-admin/css/img/alpha.png b/web/bootstrap-ace-admin/css/img/alpha.png
new file mode 100755
index 00000000..38043f1c
Binary files /dev/null and b/web/bootstrap-ace-admin/css/img/alpha.png differ
diff --git a/web/bootstrap-ace-admin/css/img/hue.png b/web/bootstrap-ace-admin/css/img/hue.png
new file mode 100755
index 00000000..d89560e9
Binary files /dev/null and b/web/bootstrap-ace-admin/css/img/hue.png differ
diff --git a/web/bootstrap-ace-admin/css/img/saturation.png b/web/bootstrap-ace-admin/css/img/saturation.png
new file mode 100755
index 00000000..594ae50e
Binary files /dev/null and b/web/bootstrap-ace-admin/css/img/saturation.png differ
diff --git a/web/bootstrap-ace-admin/css/jquery-ui.css b/web/bootstrap-ace-admin/css/jquery-ui.css
new file mode 100755
index 00000000..11bf8ee5
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/jquery-ui.css
@@ -0,0 +1,827 @@
+/*! jQuery UI - v1.11.2 - 2014-10-28
+* http://jqueryui.com
+* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, button.css, datepicker.css, dialog.css, menu.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css
+* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden {
+	display: none;
+}
+.ui-helper-hidden-accessible {
+	border: 0;
+	clip: rect(0 0 0 0);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+}
+.ui-helper-reset {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	line-height: 1.3;
+	text-decoration: none;
+	font-size: 100%;
+	list-style: none;
+}
+.ui-helper-clearfix:before,
+.ui-helper-clearfix:after {
+	content: "";
+	display: table;
+	border-collapse: collapse;
+}
+.ui-helper-clearfix:after {
+	clear: both;
+}
+.ui-helper-clearfix {
+	min-height: 0; /* support: IE7 */
+}
+.ui-helper-zfix {
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	position: absolute;
+	opacity: 0;
+	filter:Alpha(Opacity=0); /* support: IE8 */
+}
+
+.ui-front {
+	z-index: 100;
+}
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled {
+	cursor: default !important;
+}
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon {
+	display: block;
+	text-indent: -99999px;
+	overflow: hidden;
+	background-repeat: no-repeat;
+}
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+.ui-draggable-handle {
+	-ms-touch-action: none;
+	touch-action: none;
+}
+.ui-resizable {
+	position: relative;
+}
+.ui-resizable-handle {
+	position: absolute;
+	font-size: 0.1px;
+	display: block;
+	-ms-touch-action: none;
+	touch-action: none;
+}
+.ui-resizable-disabled .ui-resizable-handle,
+.ui-resizable-autohide .ui-resizable-handle {
+	display: none;
+}
+.ui-resizable-n {
+	cursor: n-resize;
+	height: 7px;
+	width: 100%;
+	top: -5px;
+	left: 0;
+}
+.ui-resizable-s {
+	cursor: s-resize;
+	height: 7px;
+	width: 100%;
+	bottom: -5px;
+	left: 0;
+}
+.ui-resizable-e {
+	cursor: e-resize;
+	width: 7px;
+	right: -5px;
+	top: 0;
+	height: 100%;
+}
+.ui-resizable-w {
+	cursor: w-resize;
+	width: 7px;
+	left: -5px;
+	top: 0;
+	height: 100%;
+}
+.ui-resizable-se {
+	cursor: se-resize;
+	width: 12px;
+	height: 12px;
+	right: 1px;
+	bottom: 1px;
+}
+.ui-resizable-sw {
+	cursor: sw-resize;
+	width: 9px;
+	height: 9px;
+	left: -5px;
+	bottom: -5px;
+}
+.ui-resizable-nw {
+	cursor: nw-resize;
+	width: 9px;
+	height: 9px;
+	left: -5px;
+	top: -5px;
+}
+.ui-resizable-ne {
+	cursor: ne-resize;
+	width: 9px;
+	height: 9px;
+	right: -5px;
+	top: -5px;
+}
+.ui-selectable {
+	-ms-touch-action: none;
+	touch-action: none;
+}
+.ui-selectable-helper {
+	position: absolute;
+	z-index: 100;
+	border: 1px dotted black;
+}
+.ui-sortable-handle {
+	-ms-touch-action: none;
+	touch-action: none;
+}
+.ui-accordion .ui-accordion-header {
+	display: block;
+	cursor: pointer;
+	position: relative;
+	margin: 2px 0 0 0;
+	padding: .5em .5em .5em .7em;
+	min-height: 0; /* support: IE7 */
+	font-size: 100%;
+}
+.ui-accordion .ui-accordion-icons {
+	padding-left: 2.2em;
+}
+.ui-accordion .ui-accordion-icons .ui-accordion-icons {
+	padding-left: 2.2em;
+}
+.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
+	position: absolute;
+	left: .5em;
+	top: 50%;
+	margin-top: -8px;
+}
+.ui-accordion .ui-accordion-content {
+	padding: 1em 2.2em;
+	border-top: 0;
+	overflow: auto;
+}
+.ui-autocomplete {
+	position: absolute;
+	top: 0;
+	left: 0;
+	cursor: default;
+}
+.ui-button {
+	display: inline-block;
+	position: relative;
+	padding: 0;
+	line-height: normal;
+	margin-right: .1em;
+	cursor: pointer;
+	vertical-align: middle;
+	text-align: center;
+	overflow: visible; /* removes extra width in IE */
+}
+.ui-button,
+.ui-button:link,
+.ui-button:visited,
+.ui-button:hover,
+.ui-button:active {
+	text-decoration: none;
+}
+/* to make room for the icon, a width needs to be set here */
+.ui-button-icon-only {
+	width: 2.2em;
+}
+/* button elements seem to need a little more width */
+button.ui-button-icon-only {
+	width: 2.4em;
+}
+.ui-button-icons-only {
+	width: 3.4em;
+}
+button.ui-button-icons-only {
+	width: 3.7em;
+}
+
+/* button text element */
+.ui-button .ui-button-text {
+	display: block;
+	line-height: normal;
+}
+.ui-button-text-only .ui-button-text {
+	padding: .4em 1em;
+}
+.ui-button-icon-only .ui-button-text,
+.ui-button-icons-only .ui-button-text {
+	padding: .4em;
+	text-indent: -9999999px;
+}
+.ui-button-text-icon-primary .ui-button-text,
+.ui-button-text-icons .ui-button-text {
+	padding: .4em 1em .4em 2.1em;
+}
+.ui-button-text-icon-secondary .ui-button-text,
+.ui-button-text-icons .ui-button-text {
+	padding: .4em 2.1em .4em 1em;
+}
+.ui-button-text-icons .ui-button-text {
+	padding-left: 2.1em;
+	padding-right: 2.1em;
+}
+/* no icon support for input elements, provide padding by default */
+input.ui-button {
+	padding: .4em 1em;
+}
+
+/* button icon element(s) */
+.ui-button-icon-only .ui-icon,
+.ui-button-text-icon-primary .ui-icon,
+.ui-button-text-icon-secondary .ui-icon,
+.ui-button-text-icons .ui-icon,
+.ui-button-icons-only .ui-icon {
+	position: absolute;
+	top: 50%;
+	margin-top: -8px;
+}
+.ui-button-icon-only .ui-icon {
+	left: 50%;
+	margin-left: -8px;
+}
+.ui-button-text-icon-primary .ui-button-icon-primary,
+.ui-button-text-icons .ui-button-icon-primary,
+.ui-button-icons-only .ui-button-icon-primary {
+	left: .5em;
+}
+.ui-button-text-icon-secondary .ui-button-icon-secondary,
+.ui-button-text-icons .ui-button-icon-secondary,
+.ui-button-icons-only .ui-button-icon-secondary {
+	right: .5em;
+}
+
+/* button sets */
+.ui-buttonset {
+	margin-right: 7px;
+}
+.ui-buttonset .ui-button {
+	margin-left: 0;
+	margin-right: -.3em;
+}
+
+/* workarounds */
+/* reset extra padding in Firefox, see h5bp.com/l */
+input.ui-button::-moz-focus-inner,
+button.ui-button::-moz-focus-inner {
+	border: 0;
+	padding: 0;
+}
+.ui-datepicker {
+	width: 17em;
+	padding: .2em .2em 0;
+	display: none;
+}
+.ui-datepicker .ui-datepicker-header {
+	position: relative;
+	padding: .2em 0;
+}
+.ui-datepicker .ui-datepicker-prev,
+.ui-datepicker .ui-datepicker-next {
+	position: absolute;
+	top: 2px;
+	width: 1.8em;
+	height: 1.8em;
+}
+.ui-datepicker .ui-datepicker-prev-hover,
+.ui-datepicker .ui-datepicker-next-hover {
+	top: 1px;
+}
+.ui-datepicker .ui-datepicker-prev {
+	left: 2px;
+}
+.ui-datepicker .ui-datepicker-next {
+	right: 2px;
+}
+.ui-datepicker .ui-datepicker-prev-hover {
+	left: 1px;
+}
+.ui-datepicker .ui-datepicker-next-hover {
+	right: 1px;
+}
+.ui-datepicker .ui-datepicker-prev span,
+.ui-datepicker .ui-datepicker-next span {
+	display: block;
+	position: absolute;
+	left: 50%;
+	margin-left: -8px;
+	top: 50%;
+	margin-top: -8px;
+}
+.ui-datepicker .ui-datepicker-title {
+	margin: 0 2.3em;
+	line-height: 1.8em;
+	text-align: center;
+}
+.ui-datepicker .ui-datepicker-title select {
+	font-size: 1em;
+	margin: 1px 0;
+}
+.ui-datepicker select.ui-datepicker-month,
+.ui-datepicker select.ui-datepicker-year {
+	width: 45%;
+}
+.ui-datepicker table {
+	width: 100%;
+	font-size: .9em;
+	border-collapse: collapse;
+	margin: 0 0 .4em;
+}
+.ui-datepicker th {
+	padding: .7em .3em;
+	text-align: center;
+	font-weight: bold;
+	border: 0;
+}
+.ui-datepicker td {
+	border: 0;
+	padding: 1px;
+}
+.ui-datepicker td span,
+.ui-datepicker td a {
+	display: block;
+	padding: .2em;
+	text-align: right;
+	text-decoration: none;
+}
+.ui-datepicker .ui-datepicker-buttonpane {
+	background-image: none;
+	margin: .7em 0 0 0;
+	padding: 0 .2em;
+	border-left: 0;
+	border-right: 0;
+	border-bottom: 0;
+}
+.ui-datepicker .ui-datepicker-buttonpane button {
+	float: right;
+	margin: .5em .2em .4em;
+	cursor: pointer;
+	padding: .2em .6em .3em .6em;
+	width: auto;
+	overflow: visible;
+}
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
+	float: left;
+}
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi {
+	width: auto;
+}
+.ui-datepicker-multi .ui-datepicker-group {
+	float: left;
+}
+.ui-datepicker-multi .ui-datepicker-group table {
+	width: 95%;
+	margin: 0 auto .4em;
+}
+.ui-datepicker-multi-2 .ui-datepicker-group {
+	width: 50%;
+}
+.ui-datepicker-multi-3 .ui-datepicker-group {
+	width: 33.3%;
+}
+.ui-datepicker-multi-4 .ui-datepicker-group {
+	width: 25%;
+}
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
+	border-left-width: 0;
+}
+.ui-datepicker-multi .ui-datepicker-buttonpane {
+	clear: left;
+}
+.ui-datepicker-row-break {
+	clear: both;
+	width: 100%;
+	font-size: 0;
+}
+
+/* RTL support */
+.ui-datepicker-rtl {
+	direction: rtl;
+}
+.ui-datepicker-rtl .ui-datepicker-prev {
+	right: 2px;
+	left: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-next {
+	left: 2px;
+	right: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-prev:hover {
+	right: 1px;
+	left: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-next:hover {
+	left: 1px;
+	right: auto;
+}
+.ui-datepicker-rtl .ui-datepicker-buttonpane {
+	clear: right;
+}
+.ui-datepicker-rtl .ui-datepicker-buttonpane button {
+	float: left;
+}
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
+.ui-datepicker-rtl .ui-datepicker-group {
+	float: right;
+}
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
+	border-right-width: 0;
+	border-left-width: 1px;
+}
+.ui-dialog {
+	overflow: hidden;
+	position: absolute;
+	top: 0;
+	left: 0;
+	padding: .2em;
+	outline: 0;
+}
+.ui-dialog .ui-dialog-titlebar {
+	padding: .4em 1em;
+	position: relative;
+}
+.ui-dialog .ui-dialog-title {
+	float: left;
+	margin: .1em 0;
+	white-space: nowrap;
+	width: 90%;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+.ui-dialog .ui-dialog-titlebar-close {
+	position: absolute;
+	right: .3em;
+	top: 50%;
+	width: 20px;
+	margin: -10px 0 0 0;
+	padding: 1px;
+	height: 20px;
+}
+.ui-dialog .ui-dialog-content {
+	position: relative;
+	border: 0;
+	padding: .5em 1em;
+	background: none;
+	overflow: auto;
+}
+.ui-dialog .ui-dialog-buttonpane {
+	text-align: left;
+	border-width: 1px 0 0 0;
+	background-image: none;
+	margin-top: .5em;
+	padding: .3em 1em .5em .4em;
+}
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
+	float: right;
+}
+.ui-dialog .ui-dialog-buttonpane button {
+	margin: .5em .4em .5em 0;
+	cursor: pointer;
+}
+.ui-dialog .ui-resizable-se {
+	width: 12px;
+	height: 12px;
+	right: -5px;
+	bottom: -5px;
+	background-position: 16px 16px;
+}
+.ui-draggable .ui-dialog-titlebar {
+	cursor: move;
+}
+.ui-menu {
+	list-style: none;
+	padding: 0;
+	margin: 0;
+	display: block;
+	outline: none;
+}
+.ui-menu .ui-menu {
+	position: absolute;
+}
+.ui-menu .ui-menu-item {
+	position: relative;
+	margin: 0;
+	padding: 3px 1em 3px .4em;
+	cursor: pointer;
+	min-height: 0; /* support: IE7 */
+	/* support: IE10, see #8844 */
+	list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
+}
+.ui-menu .ui-menu-divider {
+	margin: 5px 0;
+	height: 0;
+	font-size: 0;
+	line-height: 0;
+	border-width: 1px 0 0 0;
+}
+.ui-menu .ui-state-focus,
+.ui-menu .ui-state-active {
+	margin: -1px;
+}
+
+/* icon support */
+.ui-menu-icons {
+	position: relative;
+}
+.ui-menu-icons .ui-menu-item {
+	padding-left: 2em;
+}
+
+/* left-aligned */
+.ui-menu .ui-icon {
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	left: .2em;
+	margin: auto 0;
+}
+
+/* right-aligned */
+.ui-menu .ui-menu-icon {
+	left: auto;
+	right: 0;
+}
+.ui-progressbar {
+	height: 2em;
+	text-align: left;
+	overflow: hidden;
+}
+.ui-progressbar .ui-progressbar-value {
+	margin: -1px;
+	height: 100%;
+}
+.ui-progressbar .ui-progressbar-overlay {
+	background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");
+	height: 100%;
+	filter: alpha(opacity=25); /* support: IE8 */
+	opacity: 0.25;
+}
+.ui-progressbar-indeterminate .ui-progressbar-value {
+	background-image: none;
+}
+.ui-selectmenu-menu {
+	padding: 0;
+	margin: 0;
+	position: absolute;
+	top: 0;
+	left: 0;
+	display: none;
+}
+.ui-selectmenu-menu .ui-menu {
+	overflow: auto;
+	/* Support: IE7 */
+	overflow-x: hidden;
+	padding-bottom: 1px;
+}
+.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup {
+	font-size: 1em;
+	font-weight: bold;
+	line-height: 1.5;
+	padding: 2px 0.4em;
+	margin: 0.5em 0 0 0;
+	height: auto;
+	border: 0;
+}
+.ui-selectmenu-open {
+	display: block;
+}
+.ui-selectmenu-button {
+	display: inline-block;
+	overflow: hidden;
+	position: relative;
+	text-decoration: none;
+	cursor: pointer;
+}
+.ui-selectmenu-button span.ui-icon {
+	right: 0.5em;
+	left: auto;
+	margin-top: -8px;
+	position: absolute;
+	top: 50%;
+}
+.ui-selectmenu-button span.ui-selectmenu-text {
+	text-align: left;
+	padding: 0.4em 2.1em 0.4em 1em;
+	display: block;
+	line-height: 1.4;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+.ui-slider {
+	position: relative;
+	text-align: left;
+}
+.ui-slider .ui-slider-handle {
+	position: absolute;
+	z-index: 2;
+	width: 1.2em;
+	height: 1.2em;
+	cursor: default;
+	-ms-touch-action: none;
+	touch-action: none;
+}
+.ui-slider .ui-slider-range {
+	position: absolute;
+	z-index: 1;
+	font-size: .7em;
+	display: block;
+	border: 0;
+	background-position: 0 0;
+}
+
+/* support: IE8 - See #6727 */
+.ui-slider.ui-state-disabled .ui-slider-handle,
+.ui-slider.ui-state-disabled .ui-slider-range {
+	filter: inherit;
+}
+
+.ui-slider-horizontal {
+	height: .8em;
+}
+.ui-slider-horizontal .ui-slider-handle {
+	top: -.3em;
+	margin-left: -.6em;
+}
+.ui-slider-horizontal .ui-slider-range {
+	top: 0;
+	height: 100%;
+}
+.ui-slider-horizontal .ui-slider-range-min {
+	left: 0;
+}
+.ui-slider-horizontal .ui-slider-range-max {
+	right: 0;
+}
+
+.ui-slider-vertical {
+	width: .8em;
+	height: 100px;
+}
+.ui-slider-vertical .ui-slider-handle {
+	left: -.3em;
+	margin-left: 0;
+	margin-bottom: -.6em;
+}
+.ui-slider-vertical .ui-slider-range {
+	left: 0;
+	width: 100%;
+}
+.ui-slider-vertical .ui-slider-range-min {
+	bottom: 0;
+}
+.ui-slider-vertical .ui-slider-range-max {
+	top: 0;
+}
+.ui-spinner {
+	position: relative;
+	display: inline-block;
+	overflow: hidden;
+	padding: 0;
+	vertical-align: middle;
+}
+.ui-spinner-input {
+	border: none;
+	background: none;
+	color: inherit;
+	padding: 0;
+	margin: .2em 0;
+	vertical-align: middle;
+	margin-left: .4em;
+	margin-right: 22px;
+}
+.ui-spinner-button {
+	width: 16px;
+	height: 50%;
+	font-size: .5em;
+	padding: 0;
+	margin: 0;
+	text-align: center;
+	position: absolute;
+	cursor: default;
+	display: block;
+	overflow: hidden;
+	right: 0;
+}
+/* more specificity required here to override default borders */
+.ui-spinner a.ui-spinner-button {
+	border-top: none;
+	border-bottom: none;
+	border-right: none;
+}
+/* vertically center icon */
+.ui-spinner .ui-icon {
+	position: absolute;
+	margin-top: -8px;
+	top: 50%;
+	left: 0;
+}
+.ui-spinner-up {
+	top: 0;
+}
+.ui-spinner-down {
+	bottom: 0;
+}
+
+/* TR overrides */
+.ui-spinner .ui-icon-triangle-1-s {
+	/* need to fix icons sprite */
+	background-position: -65px -16px;
+}
+.ui-tabs {
+	position: relative;/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
+	padding: .2em;
+}
+.ui-tabs .ui-tabs-nav {
+	margin: 0;
+	padding: .2em .2em 0;
+}
+.ui-tabs .ui-tabs-nav li {
+	list-style: none;
+	float: left;
+	position: relative;
+	top: 0;
+	margin: 1px .2em 0 0;
+	border-bottom-width: 0;
+	padding: 0;
+	white-space: nowrap;
+}
+.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
+	float: left;
+	padding: .5em 1em;
+	text-decoration: none;
+}
+.ui-tabs .ui-tabs-nav li.ui-tabs-active {
+	margin-bottom: -1px;
+	padding-bottom: 1px;
+}
+.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,
+.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,
+.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor {
+	cursor: text;
+}
+.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor {
+	cursor: pointer;
+}
+.ui-tabs .ui-tabs-panel {
+	display: block;
+	border-width: 0;
+	padding: 1em 1.4em;
+	background: none;
+}
+.ui-tooltip {
+	padding: 8px;
+	position: absolute;
+	z-index: 9999;
+	max-width: 300px;
+	-webkit-box-shadow: 0 0 5px #aaa;
+	box-shadow: 0 0 5px #aaa;
+}
+body .ui-tooltip {
+	border-width: 2px;
+}
diff --git a/web/bootstrap-ace-admin/css/jquery-ui.custom.css b/web/bootstrap-ace-admin/css/jquery-ui.custom.css
new file mode 100755
index 00000000..08bae2be
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/jquery-ui.custom.css
@@ -0,0 +1,239 @@
+/*! jQuery UI - v1.11.2 - 2014-10-28
+* http://jqueryui.com
+* Includes: core.css, draggable.css, resizable.css, selectable.css, sortable.css, slider.css
+* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
+
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden {
+	display: none;
+}
+.ui-helper-hidden-accessible {
+	border: 0;
+	clip: rect(0 0 0 0);
+	height: 1px;
+	margin: -1px;
+	overflow: hidden;
+	padding: 0;
+	position: absolute;
+	width: 1px;
+}
+.ui-helper-reset {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	outline: 0;
+	line-height: 1.3;
+	text-decoration: none;
+	font-size: 100%;
+	list-style: none;
+}
+.ui-helper-clearfix:before,
+.ui-helper-clearfix:after {
+	content: "";
+	display: table;
+	border-collapse: collapse;
+}
+.ui-helper-clearfix:after {
+	clear: both;
+}
+.ui-helper-clearfix {
+	min-height: 0; /* support: IE7 */
+}
+.ui-helper-zfix {
+	width: 100%;
+	height: 100%;
+	top: 0;
+	left: 0;
+	position: absolute;
+	opacity: 0;
+	filter:Alpha(Opacity=0); /* support: IE8 */
+}
+
+.ui-front {
+	z-index: 100;
+}
+
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled {
+	cursor: default !important;
+}
+
+
+/* Icons
+----------------------------------*/
+
+/* states and images */
+.ui-icon {
+	display: block;
+	text-indent: -99999px;
+	overflow: hidden;
+	background-repeat: no-repeat;
+}
+
+
+/* Misc visuals
+----------------------------------*/
+
+/* Overlays */
+.ui-widget-overlay {
+	position: fixed;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+}
+.ui-draggable-handle {
+	-ms-touch-action: none;
+	touch-action: none;
+}
+.ui-resizable {
+	position: relative;
+}
+.ui-resizable-handle {
+	position: absolute;
+	font-size: 0.1px;
+	display: block;
+	-ms-touch-action: none;
+	touch-action: none;
+}
+.ui-resizable-disabled .ui-resizable-handle,
+.ui-resizable-autohide .ui-resizable-handle {
+	display: none;
+}
+.ui-resizable-n {
+	cursor: n-resize;
+	height: 7px;
+	width: 100%;
+	top: -5px;
+	left: 0;
+}
+.ui-resizable-s {
+	cursor: s-resize;
+	height: 7px;
+	width: 100%;
+	bottom: -5px;
+	left: 0;
+}
+.ui-resizable-e {
+	cursor: e-resize;
+	width: 7px;
+	right: -5px;
+	top: 0;
+	height: 100%;
+}
+.ui-resizable-w {
+	cursor: w-resize;
+	width: 7px;
+	left: -5px;
+	top: 0;
+	height: 100%;
+}
+.ui-resizable-se {
+	cursor: se-resize;
+	width: 12px;
+	height: 12px;
+	right: 1px;
+	bottom: 1px;
+}
+.ui-resizable-sw {
+	cursor: sw-resize;
+	width: 9px;
+	height: 9px;
+	left: -5px;
+	bottom: -5px;
+}
+.ui-resizable-nw {
+	cursor: nw-resize;
+	width: 9px;
+	height: 9px;
+	left: -5px;
+	top: -5px;
+}
+.ui-resizable-ne {
+	cursor: ne-resize;
+	width: 9px;
+	height: 9px;
+	right: -5px;
+	top: -5px;
+}
+.ui-selectable {
+	-ms-touch-action: none;
+	touch-action: none;
+}
+.ui-selectable-helper {
+	position: absolute;
+	z-index: 100;
+	border: 1px dotted black;
+}
+.ui-sortable-handle {
+	-ms-touch-action: none;
+	touch-action: none;
+}
+.ui-slider {
+	position: relative;
+	text-align: left;
+}
+.ui-slider .ui-slider-handle {
+	position: absolute;
+	z-index: 2;
+	width: 1.2em;
+	height: 1.2em;
+	cursor: default;
+	-ms-touch-action: none;
+	touch-action: none;
+}
+.ui-slider .ui-slider-range {
+	position: absolute;
+	z-index: 1;
+	font-size: .7em;
+	display: block;
+	border: 0;
+	background-position: 0 0;
+}
+
+/* support: IE8 - See #6727 */
+.ui-slider.ui-state-disabled .ui-slider-handle,
+.ui-slider.ui-state-disabled .ui-slider-range {
+	filter: inherit;
+}
+
+.ui-slider-horizontal {
+	height: .8em;
+}
+.ui-slider-horizontal .ui-slider-handle {
+	top: -.3em;
+	margin-left: -.6em;
+}
+.ui-slider-horizontal .ui-slider-range {
+	top: 0;
+	height: 100%;
+}
+.ui-slider-horizontal .ui-slider-range-min {
+	left: 0;
+}
+.ui-slider-horizontal .ui-slider-range-max {
+	right: 0;
+}
+
+.ui-slider-vertical {
+	width: .8em;
+	height: 100px;
+}
+.ui-slider-vertical .ui-slider-handle {
+	left: -.3em;
+	margin-left: 0;
+	margin-bottom: -.6em;
+}
+.ui-slider-vertical .ui-slider-range {
+	left: 0;
+	width: 100%;
+}
+.ui-slider-vertical .ui-slider-range-min {
+	bottom: 0;
+}
+.ui-slider-vertical .ui-slider-range-max {
+	top: 0;
+}
diff --git a/web/bootstrap-ace-admin/css/jquery.gritter.css b/web/bootstrap-ace-admin/css/jquery.gritter.css
new file mode 100755
index 00000000..a2a7e2d2
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/jquery.gritter.css
@@ -0,0 +1,101 @@
+/* the norm */
+#gritter-notice-wrapper {
+	position:fixed;
+	top:20px;
+	right:20px;
+	width:301px;
+	z-index:9999;
+}
+#gritter-notice-wrapper.top-left {
+    left: 20px;
+    right: auto;
+}
+#gritter-notice-wrapper.bottom-right {
+    top: auto;
+    left: auto;
+    bottom: 20px;
+    right: 20px;
+}
+#gritter-notice-wrapper.bottom-left {
+    top: auto;
+    right: auto;
+    bottom: 20px;
+    left: 20px;
+}
+.gritter-item-wrapper {
+	position:relative;
+	margin:0 0 10px 0;
+	background:url('../images/ie-spacer.gif'); /* ie7/8 fix */ 
+}
+.gritter-top {
+	background:url(../images/gritter.png) no-repeat left -30px;
+	height:10px;
+}
+.hover .gritter-top {
+	background-position:right -30px;
+}
+.gritter-bottom {
+	background:url(../images/gritter.png) no-repeat left bottom;
+	height:8px;
+	margin:0;
+}
+.hover .gritter-bottom {
+	background-position: bottom right;
+}
+.gritter-item {
+	display:block;
+	background:url(../images/gritter.png) no-repeat left -40px;
+	color:#eee;
+	padding:2px 11px 8px 11px;
+	font-size: 11px;
+	font-family:verdana;
+}
+.hover .gritter-item {
+	background-position:right -40px;
+}
+.gritter-item p {
+	padding:0;
+	margin:0;
+	word-wrap:break-word;
+}
+.gritter-close {
+	display:none;
+	position:absolute;
+	top:5px;
+	left:3px;
+	background:url(../images/gritter.png) no-repeat left top;
+	cursor:pointer;
+	width:30px;
+	height:30px;
+}
+.gritter-title {
+	font-size:14px;
+	font-weight:bold;
+	padding:0 0 7px 0;
+	display:block;
+	text-shadow:1px 1px 0 #000; /* Not supported by IE :( */
+}
+.gritter-image {
+	width:48px;
+	height:48px;
+	float:left;
+}
+.gritter-with-image,
+.gritter-without-image {
+	padding:0;
+}
+.gritter-with-image {
+	width:220px;
+	float:right;
+}
+/* for the light (white) version of the gritter notice */
+.gritter-light .gritter-item,
+.gritter-light .gritter-bottom,
+.gritter-light .gritter-top,
+.gritter-light .gritter-close {
+    background-image: url(../images/gritter-light.png);
+    color: #222;
+}
+.gritter-light .gritter-title {
+    text-shadow: none;
+}
diff --git a/web/bootstrap-ace-admin/css/less/ace-features.less b/web/bootstrap-ace-admin/css/less/ace-features.less
new file mode 100755
index 00000000..e060d564
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/ace-features.less
@@ -0,0 +1,133 @@
+//~General Options
+@enable-selected-skin:					no-skin;//Select a default skin.<br /> For more info about using skins please refer to documentation {"no-skin": "Default Skin", "skin-1": "Skin 1", "skin-2": "Skin 2", "skin-3": "Skin 3"}
+@enable-skin-file:						false;//Compile &amp; enable skins style file.<br /> You don't need this if you only want to use one skin (selected above)
+@enable-rtl-file:						false;//Compile &amp; enable RTL style file.<br /> You don't need this if you don't provide support for Arabic, Hebrew, Persian!
+@enable-mobile-width:					991;//Point at which navbar and sidebar become collapsed.<br /><i>Bootstrap's default is <u>767</u> but <u>991</u> is recommended because of small devices. Also most desktop devices are above <u>1024px</u> wide.</i> {"767": 767, "991": 991}
+@enable-gutter-width:					24px;//Padding between columns. Gets divided in half for the left and right.<br /><i>Bootstrap's default is 30px which has been changed to 24px in Ace!</i>
+@enable-no-responsive:					false;//Disable responsive (small screen) styles by stripping some media queries. <br /> You may also specify <span class="text-danger">min-width: some_value !important</span> for <b>.navbar</b> and <b>.main-container</b> to get better results.
+@enable-container:						true;//Enable Container (like "inside <b>.container</b>" settings options)
+
+//~Sidebar Options
+@enable-submenu-hover: 					true;//Submenu Items That Are Shown On Mouse Hover
+@enable-horizontal-menu: 				true;//Horizontal Menu 								+@enable-submenu-hover
+@enable-compact-menu:					true;//Compact Side Menu							+@enable-submenu-hover
+@enable-responsive-menu:				true;//Default Responsive Menu Style
+@enable-old-menu-toggle-button:			true;//Old black menu toggle button
+@enable-minimized-responsive-menu:		true;//Responsive Menu Style 3
+@enable-collapsible-responsive-menu:	true;//Responsive Menu Style 2
+@enable-sidebar-collapse:				true;//Collapse/Expand Sidebar
+@enable-top-menu:						true;//Menu and Form inside navbar
+@enable-highlight-active:				true;//Alternative Active Menu Item Highlight
+
+//~Navbar Options
+@enable-navbar-dropdowns:				true;//Navbar User Info Dropdown Menu Options, etc ...
+@enable-navbar-tabbed-dropdowns:		true;//Tabbed Navbar User Info Dropdown Menus 		+@enable-navbar-dropdowns
+
+
+//~Breadcrumbs Options
+@enable-breadcrumbs:					true;//Breadcrumbs
+@enable-fixed-breadcrumbs:				true;//Fixed Breadcrumbs							+@enable-breadcrumbs
+@enable-search-box:						true;//Search Box Inside Breadcrumbs				+@enable-breadcrumbs
+
+
+//~Buttons
+@enable-default-buttons:				true;//Default Buttons & Colors
+@enable-white-buttons:					true;//White Buttons
+@enable-application-buttons:			true;//Large Application Buttons
+
+@enable-label-colors:					true;//Differnet Label and Badge Colors & Options
+@enable-label-white-colors:				true;//White Label Colors
+
+//~Menus & Dropdowns
+@enable-dropdown-colors:				true;//Dropdown Menu Different Colors
+@enable-simple-color-picker:			true;//Simple Color Picker Dropdown Element
+
+//~Form Elements
+@enable-checkbox:						true;//Custom CSSx Checkbox and Radio Elements
+@enable-checkbox-asp:					false;//ASP.NET friendly checkboxes					+@enable-checkbox
+@enable-switch:							true;//Custom Switch (On/Off) Elements				+@enable-checkbox
+@enable-switch-style-4:					true;//Switch Elements Style #4 #5 					+@enable-switch
+@enable-switch-style-6:					true;//Switch Elements Style #6 					+@enable-switch
+@enable-switch-style-7:					true;//Switch Elements Style #7 					+@enable-switch
+//~
+@enable-file-input:						true;//Custom File Input Element
+@enable-file-input-multiple:			true;//Custom Multiple File Input Element			+@enable-file-input
+
+
+//~Tabs & Accordions
+@enable-tabs:							true;//Tabs
+@enable-tab-positions:					true;//Tabs Below, On Right, on Left				+@enable-tabs
+@enable-tab-options:					true;//Tab Colors, Sizes, etc ...					+@enable-tabs
+@enable-accordion:						true;//Accordions Style # 1
+@enable-accordion-style-2:				true;//Accordions Style # 2							+@enable-accordion
+
+//~Tooltips & Popovers
+@enable-tooltips:						true;//Tooltips different Colors
+@enable-popovers:						true;//Popovers different Colors
+
+//~ProgressBar
+@enable-progressbar:					true;//Progressbars and Colors
+
+//~Widgets
+@enable-widgets:						true;//Widget Boxes
+@enable-widget-colors:					true;//Widget Boxes Different Colors 				+@enable-widgets
+
+//~Infobox
+@enable-infobox:						true;//Dashboard' Little Info & Stat Boxes
+@enable-infobox-dark:					true;//Darker Info Boxes							+@enable-infobox
+
+
+//~Pages
+@enable-items:							true;//Dashboard's Item List (Conversation/Member/Task List)
+@enable-pricing:						true;//Pricing Boxes
+@enable-invoice:						true;//Invoice Page
+@enable-image-gallery:					true;//Image Gallery
+
+@enable-profile:						true;//Profile Page
+@enable-inbox:							true;//Inbox Page
+@enable-inbox-tabless:					true;//Tabless Inbox
+@enable-timeline:						true;//Timeline
+@enable-timeline-style-2:				true;//Timeline 2nd Style
+@enable-login-page:						true;//Login page
+
+
+//~Plugins
+@enable-plugin-datatables:				true;//jQuery dataTables plugin
+@enable-plugin-fullcalendar:			true;//FullCalendar plugin
+@enable-plugin-chosen:					true;//Chosen plugin
+@enable-plugin-chosen-style-2:			true;//Chosen plugin 2nd Style (like tag input)
+
+@enable-plugin-select2:					true;//Select2 plugin
+@enable-plugin-select2-style-2:			true;//Chosen plugin 2nd Style (like tag input)
+@enable-plugin-colorbox:				true;//Colorbox Image Slideshow Plugin
+
+@enable-plugin-fuelux-treeview:			true;//FuelUX Treeview
+@enable-plugin-fuelux-spinner:			true;//FuelUX Spinner
+@enable-plugin-fuelux-wizard:			true;//FuelUX Wizard
+
+@enable-plugin-gritter:					true;//jQuery Gritter Plugin
+@enable-plugin-mindmup-wysiwyg:			true;//Bootstrap Wysiwyg Plugin
+@enable-markdown-editor:				true;//Markdown Editor Plugin
+
+@enable-plugin-inline-editable:			true;//Inline Editable Plugin
+@enable-plugin-jquery-ui:				true;//jQuery UI
+@enable-plugin-jquery-ui-slider:		true;//jQuery UI Slider
+@enable-plugin-jquery-ui-slider-colors:	true;//jQuery UI Slider Colors
+@enable-plugin-jqgrid:					true;//jqGrid Plugin
+@enable-plugin-nestable-list:			true;//Nestable Lists Plugin
+
+@enable-plugin-dropzone:				true;//Dropzone File Upload Plugin
+@enable-plugin-tag-input:				true;//Tag Input Plugin
+
+@enable-plugin-datetime:				true;//Date & Time picker plugins
+
+@enable-plugin-typeahead:				true;//typeahead.js Plugin
+@enable-plugin-duallist:				true;//Dual Listbox Plugin
+@enable-plugin-raty:					true;//Raty Rating Plugin
+
+//~Other parts
+@enable-footer:							true;//Footer Area
+@enable-pagination:						true;//Pagination
+@enable-animated-icon:					true;//Animated Icons
+@enable-settings-box:					true;//Settings Box
+@enable-onpage-help:					true;//Onpage Help (see documentation for more info)
diff --git a/web/bootstrap-ace-admin/css/less/ace-nav.less b/web/bootstrap-ace-admin/css/less/ace-nav.less
new file mode 100755
index 00000000..0e502727
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/ace-nav.less
@@ -0,0 +1,121 @@
+//ace top nav/bar
+@navbar-background: #438EB9;//navbar background color
+@navbar-text-color: #FFF;
+
+@ace-nav-border: rgba(255,255,255,0.4);
+
+.navbar {
+  margin: 0;
+  padding-left: 0;
+  padding-right: 0;
+
+  border-width: 0;
+  border-radius : 0;
+ .box-shadow(none);
+
+  min-height: @navbar-min-height;
+
+  background: @navbar-background;
+
+  .navbar-text, .navbar-link {
+	 color: @navbar-text-color;
+  }
+
+  .navbar-brand {
+	 color: @navbar-text-color;
+	 font-size: @font-size-brand;
+	 text-shadow: none;
+
+	 padding-top: 10px;
+	 padding-bottom: 10px;
+
+	 height: auto;
+
+	 &:hover , &:focus {
+		color: @navbar-text-color;
+	 }
+  }
+}
+
+/**
+@media (min-width: @grid-float-breakpoint) {
+  .navbar > .container .navbar-brand,
+  .navbar > .container-fluid .navbar-brand {
+    margin-left: 0;
+	margin-right: 0;
+  }
+}
+*/
+
+@media only screen and (min-width: @grid-float-breakpoint) {
+ .navbar-container {
+	padding-left: 10px;
+	padding-right: 10px;
+ }
+}
+//inside .container
+.navbar-container.container {
+	padding-left: 0;
+	padding-right: 0;
+}
+
+
+
+//ace-nav
+@import "navbar/user-buttons.less";
+@import "navbar/user-dropdown-position.less";
+@import "navbar/user-buttons-move-down.less";//move down when screen size is below 460px (@screen-topbar-down) 
+@import "navbar/user-menu.less";//the menu and photo of logged in user
+
+//collapsible (.navbar.navbar-collapse)
+@import "navbar/collapsible.less";
+@import "navbar/navbar-menu-form.less";
+
+
+//some bs resetting!
+.navbar-fixed-top , .navbar-static-top , .navbar-fixed-bottom  {
+    .navbar-collapse {
+		padding-left: floor(@grid-gutter-width / 2);
+		padding-right: floor(@grid-gutter-width / 2);
+	}
+}
+
+
+
+
+////
+//this is only because of "inside-container"
+//we want the top blue section not to be more than 45px(inherit)
+ @media only screen and (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max)  {
+  .navbar.navbar-collapse {
+	 background-color: transparent;
+
+	 &:before {
+			background: @navbar-background;
+			content: "";
+			display: block;
+
+			position: absolute;
+			min-height: inherit;
+
+			left: 0;
+			right: 0;
+			top: 0;
+
+			z-index: -1;
+			border-radius: inherit;
+	 }
+
+	.navbar-container {
+		background-color: @navbar-background;
+	}
+  }
+ }
+
+
+
+
+
+
+@import "navbar/toggle-button.less";
+
diff --git a/web/bootstrap-ace-admin/css/less/ace-responsive.less b/web/bootstrap-ace-admin/css/less/ace-responsive.less
new file mode 100755
index 00000000..11fbeb30
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/ace-responsive.less
@@ -0,0 +1,58 @@
+@media only screen and (max-width: @grid-float-breakpoint-max) {
+ body {
+	overflow-x : hidden;
+ }
+}
+
+
+.navbar-fixed-top + .main-container {
+	padding-top: @navbar-min-height;
+}
+@media (max-width: @screen-topbar-down) {
+	.navbar-fixed-top + .main-container {
+		padding-top: (@navbar-min-height * 2);
+	}
+	.navbar-fixed-top.navbar-collapse + .main-container {
+		padding-top: @navbar-min-height;
+	}
+}
+
+
+
+// custom grid
+@media only screen and (max-width: @screen-topbar-down-small) {
+	.grid2 , .grid3 , .grid4{
+		 float: none;
+		 display: block;
+		 width: 96%;
+		 border-left-width: 0;
+		 position: relative;
+		 margin-bottom: 11px;
+		 border-bottom: 1px solid #E3E3E3;
+		 padding-bottom: 4px;
+	}
+	.grid2 > [class*="pull-"], .grid3 > [class*="pull-"], .grid4 > [class*="pull-"]{
+		float: none !important;
+		display: inline-block;
+		position: absolute;
+		right: 11px;
+		top: 0;
+		margin-top: 0;
+	}
+	.grid2:last-child , .grid3:last-child , .grid4:last-child {
+		border-bottom-width: 0;
+	}
+}
+
+
+@media only screen and (max-width: @screen-xs) {
+	.hidden-480{
+		 display: none !important;
+	}
+}
+@media only screen and (max-width: @screen-tiny) {
+	.hidden-320{
+		 display: none !important;
+	}
+}
+
diff --git a/web/bootstrap-ace-admin/css/less/ace-rtl.less b/web/bootstrap-ace-admin/css/less/ace-rtl.less
new file mode 100755
index 00000000..c6a22b95
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/ace-rtl.less
@@ -0,0 +1,1065 @@
+//refer to CSS builder tool or build/rtl.js file
+
+ @import "bootstrap/variables.less";
+ @import "bootstrap/mixins.less";
+ 
+ @import "ace-features.less";
+ @import "variables.less";
+ @import "mixins.less";
+
+ 
+ 
+ .make-rtl {
+	direction: rtl;
+	text-align: right;
+ }
+ .make-ltr {
+	direction: ltr;
+	text-align: left;
+ }
+
+.rtl {
+ html& , body& {
+	direction: rtl;
+	text-align: right;
+	overflow-x: hidden;
+ }
+
+// .container.main-container {
+//	padding: 0;
+// }
+ 
+ .nav-scroll.scroll-active .scroll-track {
+   right: auto;
+   left: 0;
+ }
+ 
+  @media only screen and (max-width: @grid-float-breakpoint-max) {
+  .navbar .navbar-nav > li, .navbar .navbar-nav > li:first-child {
+	border-width: 1px 0 0;
+  }
+ }
+
+ 
+
+ .dropdown-menu {
+	text-align: right;
+ }
+
+ 
+ 
+
+
+ .ace-switch + .lbl , .knob-container {
+   direction: ltr;
+   text-align: left;
+ }
+ input.ace[type="checkbox"] + .lbl::before, input.ace[type="radio"] + .lbl::before,
+ input.ace[type="checkbox"] ~ .lbl::before, input.ace[type="radio"] ~ .lbl::before //for ASP.NET too
+ {
+	margin-right: auto;
+	margin-left: 1px;
+ }
+ input.ace + .lbl , input.ace ~ .lbl {//for ASP.NET too
+	 .checkbox-paddings-rtl() {// a little paddings for .lbl
+		 .checkbox-paddingX-rtl (@index) when (@index >= 0) {
+			&.padding-@{index}::before {			
+				margin-left: unit(@index,px);
+			}
+		   .checkbox-paddingX-rtl(@index - 4);
+		  }
+		  .checkbox-paddingX-rtl(16);
+	 }
+	 .checkbox-paddings-rtl();
+ }
+
+
+ .breadcrumb > li + li:before {
+	content: "\f104";
+	float: right;//
+ }
+ 
+ &.no-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text {
+	border-left-color: #A4C6DD;
+ }
+ 
+ .nav-list, .dropdown-menu, .item-list, .navbar-nav {
+	margin: 0;
+ }
+ 
+
+
+ 
+ .ace-file-input .ace-file-container.selected {
+	right: 0;
+ }
+ .ace-file-multiple .ace-file-container .ace-file-name {
+	padding: 0;
+ }
+ .ui-slider-small .ui-slider-handle {
+	right: auto;
+ }
+
+
+ li[class*="item-"] {
+	border-left:1px solid #DDDDDD;
+ }
+ .itemdiv.dialogdiv > .body {
+    margin-left: 12px;
+    margin-right: 50px;
+	border-left-width: 1px;
+	
+	&:before {
+		.transform(rotate(45deg));
+	}
+ }
+
+
+ .dropdown-colorpicker .dropdown-menu > li {
+	float: right;
+ }
+
+
+ &.no-skin .sidebar.menu-min .nav-list > li.active > .submenu,
+ &.no-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text {
+	border-left-color: #CCC;
+ }
+ &.no-skin .sidebar.menu-min .nav-list > li.active > .submenu,
+ &.skin-3 .sidebar.menu-min .nav-list > li.active > a > .menu-text {
+	border-left-color: #A4C6DD;
+ }
+
+ 
+ .sidebar + .main-content .breadcrumbs-fixed {
+	left: 0;
+ }
+ 
+ @media (min-width: @screen-sm) {
+  .container.main-container {
+	.sidebar.compact + .main-content .breadcrumbs-fixed,
+	.sidebar.menu-min + .main-content .breadcrumbs-fixed {
+		left: auto;
+		right: auto;
+	}
+  }
+ }
+ 
+ @media (min-width: max(@screen-fixed-breadcrumbs , @screen-compact-menu)) {
+  .sidebar.menu-min, .sidebar.compact {
+	+ .main-content .breadcrumbs-fixed {
+		left: 0;
+	}
+  }
+ }
+
+
+ @media (min-width: @screen-hover-menu) and (max-width: @grid-float-breakpoint-max) {
+  .sidebar.navbar-collapse .nav-list > li > .submenu li.hover > .submenu > li > a,
+  .sidebar.navbar-collapse .nav-list > li > .submenu li > .submenu > li.hover > .submenu > li > a {
+	margin-right: 20px !important;
+  }
+ }
+
+ /**
+ .navbar-fixed-top + .main-container {
+	padding-top: @navbar-min-height;
+ }
+ @media (max-width: @screen-topbar-down) {
+	.navbar-fixed-top + .main-container {
+		padding-top: (@navbar-min-height * 2);
+	}
+	.navbar-fixed-top.navbar-collapse + .main-container {
+		padding-top: @navbar-min-height;
+	}
+ }
+ */
+
+ @media (min-width: @screen-fixed-breadcrumbs) and (max-width: @grid-float-breakpoint-max) {
+	.breadcrumbs-fixed, .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+		left: 0 !important;
+	}
+	.container.main-container {
+		.breadcrumbs-fixed, .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+			left: auto !important;
+		}
+	}
+ }
+
+ @media (max-width: @screen-xs-max) and (min-width: @screen-fixed-breadcrumbs) {
+	.container.main-container  {
+		.breadcrumbs-fixed, .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+			left: 0 !important;
+		}
+	}
+ }
+
+ 
+ //if we don't do this, .arrow pointer will be a bit round in FireFox
+ .sidebar:not(.h-sidebar) .nav-list > li.highlight.active > a {
+	&:after {
+		border-width: 20px 10px 21px !important;
+		left: -20px !important;
+	}
+	&:before {
+		border-width: 20px 10px 21px !important;
+		left: -21px !important;
+	}
+ }
+ @media (min-width: @grid-float-breakpoint) {
+	&.no-skin .sidebar.h-sidebar .nav-list > li.active > .submenu {
+		border-color: #CCC !important;
+	}
+	&.skin-3 .sidebar.h-sidebar .nav-list > li.active > .submenu {
+		border-color: #A4C6DD !important;
+	}
+
+ }
+ 
+ 
+ //the extra submenu dot
+ .sidebar.menu-min .nav-list > li > .submenu:after {
+	border-left-width: 0;
+	border-right: 1px solid;
+	border-right-color: inherit;
+
+	display: block;
+	right: -1px;
+	left: auto;
+ }
+
+
+ 
+ .popover.bottom .arrow:after,
+ .popover.top .arrow:after {
+	margin-left: auto;
+	margin-right: -10px;
+ }
+ 
+ 
+ .nav-tabs {
+	margin: 0;
+ }
+ .tabs-below > .nav-tabs {
+	margin-top: -1px;
+ }
+ .nav-tabs > li {
+	float: right;
+ }
+ .nav-tabs > li:first-child > a {
+	margin-left: -1px;
+    margin-right: auto;
+ }
+ 
+ .tabs-left > .nav-tabs > li:first-child > a {
+	margin-right: -1px;
+	margin-left: auto;
+ }
+ .tabs-left > .nav-tabs > li.active > a {
+	margin-left: -1px;
+	margin-right: -1px;
+ }
+ .tabs-right > .nav-tabs > li.active > a {
+	margin-left: -1px;
+	margin-right: -2px;
+ }
+ 
+ .nav-tabs[class*="tab-color-"] > li > a {
+	margin-right: 3px;
+	margin-left: auto;
+ }
+
+ .nav-stacked > li {
+	float: none;
+ }
+ .dropdown-navbar .nav-tabs > li > a:before {
+	left: auto;
+	right: 0;
+ }
+
+
+ .nav.nav-tabs {
+	 .navtab-paddingX-rtl (@index) when (@index > 0) {
+		&.padding-@{index} { padding-left: 0; padding-right: unit(@index,px); }
+		.tabs-right > &.padding-@{index} , .tabs-left > &.padding-@{index} { padding-right:0; }
+		.navtab-paddingX-rtl(@index - 2);
+	  }
+	  .navtab-paddingX-rtl(32);
+ }
+ 
+ 
+ //page.inbox.less
+ .message-navbar .messagebar-item-left ~ .nav-search {
+   left: auto;
+ }
+ .message-navbar .messagebar-item-right ~ .nav-search {
+   left: auto;
+   right: 5px;
+ }
+ .message-navbar .messagebar-item-right ~ .nav-search {
+   right: 60px;
+ }
+ 
+ 
+ 
+ 
+ 
+.enable_navbar_dropdown_positions_rtl() when(@enable-navbar-dropdowns = true) {
+
+
+@media only screen and (max-width: @screen-xs-max) {
+ .ace-nav > li:nth-last-child(4) > .dropdown-menu {
+	right: auto;
+	left: -100px;
+	&:before, &:after {
+		right: auto;
+		left: 120px;
+	}
+ }
+
+ .ace-nav > li:nth-last-child(3) > .dropdown-menu {
+	right: auto;
+	left: -80px;
+	&:before, &:after {
+		right: auto;
+		left: 100px;
+	}
+ }
+
+ //.user-menu.dropdown-close {
+	//right: auto !important;
+	//left: 0 !important;
+ //}
+}
+
+
+@media only screen and (min-width: @screen-topbar-down-min) and (max-width: @screen-xs-max) {
+  //if there's only one item except for user_info
+ .navbar.navbar-collapse {
+  .ace-nav > li:nth-last-child(2):nth-child(1) > .dropdown-menu,
+  .ace-nav > li:nth-last-child(2):nth-child(2) > .dropdown-menu {
+	left: -60px;
+	right: auto;
+
+	&:before, &:after {
+		right: auto;
+		left: 80px;
+	}
+  }
+ }
+}
+
+
+@media only screen and (max-width: @screen-xs) {
+ .ace-nav > li:nth-last-child(4) > .dropdown-menu {
+	right: auto;
+	left: -120px;
+	
+	&:before, &:after {
+		right: auto;
+		left: 140px;
+	}
+ } 
+ .ace-nav > li:nth-last-child(3) > .dropdown-menu {
+	right: auto;
+	left: -120px;
+	
+	&:before, &:after {
+		right: auto;
+		left: 110px;
+	}
+ }
+ 
+ .ace-nav > li:nth-last-child(2) > .dropdown-menu {
+	right: auto;
+	left: -50px;
+
+	&:before, &:after {
+		right: auto;
+		left: 70px;
+	}
+ }
+}
+
+
+@media only screen and (max-width: @screen-topbar-down) {
+ .ace-nav > li:nth-last-child(4) > .dropdown-menu {
+	left: auto;
+	right: -10px;
+
+	&:before, &:after {
+		right: 30px;
+		left: auto;
+	}
+ }
+
+ .ace-nav > li:nth-last-child(3) > .dropdown-menu {
+	left: auto;
+	right: -50px;
+	
+	&:before, &:after {
+		left: auto;
+		right: 75px;
+	}
+ }
+
+ .ace-nav > li:nth-last-child(2) > .dropdown-menu {
+	left: auto;
+	right: -70px;
+	
+	&:before, &:after {
+		left: auto;
+		right: 90px;
+	}
+ }
+}
+
+@media only screen and (max-width: @screen-mini-max) {
+  //when there are only two items (apart from user menu)
+ .ace-nav > li:nth-last-child(2) > .dropdown-menu {
+	left: auto;
+	right: -110px;
+
+	&:before, &:after {
+		left: auto;
+		right: 130px;	
+	}
+ }
+
+ .ace-nav > li:nth-child(2):nth-last-child(2) > .dropdown-menu {
+	left: auto;
+	right: -85px;
+
+	&:before, &:after {
+		left: auto;
+		right: 105px;
+	}
+ }
+
+ .ace-nav > li:nth-child(1):nth-last-child(3) > .dropdown-menu {
+	left: auto;
+	right: -35px;
+
+	&:before, &:after {
+		left: auto;
+		right: 55px;
+	}
+ }
+
+ //when there is only one item (apart from user menu)
+ .ace-nav > li:nth-child(1):nth-last-child(2) > .dropdown-menu {
+	left: auto;
+	right: -60px;
+
+	&:before, &:after {
+		left: auto;
+		right: 75px;
+	}
+ }
+}
+
+}
+.enable_navbar_dropdown_positions_rtl();
+
+ 
+
+ .btn-group-vertical > .btn,
+ .btn-group-vertical > .btn-group,
+ .btn-group-vertical > .btn-group > .btn {
+	float: none;
+ }
+ 
+ .input-group-addon:first-child {
+	border-right: 1px solid #CCC;
+ }
+ .input-group-addon:last-child {
+	border-left: 1px solid #CCC;
+ }
+ 
+
+ 
+ 
+ 
+ //footer
+ .enable_footer_rtl() when (@enable-footer = true) {
+ .footer .footer-inner {
+	right: 0;
+	left: 0;
+ }
+ .sidebar ~ .footer .footer-inner {
+	right: @sidebar-width;
+	left: 0;
+ }
+
+ @media (min-width: @screen-compact-menu) {
+  .sidebar.compact ~ .footer .footer-inner {
+	right: @sidebar-compact-width;
+	left: 0;
+  }
+ }
+ .sidebar.menu-min ~ .footer .footer-inner {
+	right: @sidebar-min-width;
+	left: 0;
+ }
+ @media (min-width: @grid-float-breakpoint) {
+   .sidebar.h-sidebar ~ .footer .footer-inner {
+	  right: 0;
+	  left: 0;
+   }
+ }
+ @media (max-width: @grid-float-breakpoint-max) {
+	.footer .footer-inner , .sidebar ~ .footer .footer-inner, .sidebar.compact ~ .footer .footer-inner , .sidebar.menu-min ~ .footer .footer-inner {
+		right: 0;
+		left: 0;
+	}
+	.sidebar.responsive-min ~ .footer .footer-inner {
+		right: @sidebar-min-width;
+		left: 0;
+	}
+ }
+
+
+ .enable_container_footer_rtl() when(@enable-container = true) {
+	 .container.main-container .footer .footer-inner {
+		 @media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
+			margin-right: auto;
+		 }
+		 @media (min-width: @screen-md-min) {
+			margin-left: auto;
+			margin-right: @sidebar-width;
+		 }
+		 @media (min-width: @screen-lg-min) {
+			margin-left: auto;
+			margin-right: @sidebar-width;
+		 }
+	 }
+	 
+	 .enable_compact_menu_footer_container_rtl() when (@enable-compact-menu = true) {
+	   .container.main-container .sidebar.compact ~ .footer .footer-inner {
+		 @media (min-width: max(@screen-compact-menu, @screen-md-min)) {
+			margin-left: auto;
+			margin-right: @sidebar-compact-width;
+		 }
+		 @media (min-width: max(@screen-compact-menu, @screen-lg-min)) {
+			margin-left: auto;
+			margin-right: @sidebar-compact-width;
+		 }
+	   }
+	 }
+	 .enable_compact_menu_footer_container_rtl();
+	 
+	 
+	 .enable_collapse_menu_footer_container_rtl() when (@enable-sidebar-collapse = true) {
+	  .container.main-container .sidebar.menu-min ~ .footer .footer-inner {
+		 @media (min-width: @screen-md-min) {
+			margin-left: auto;
+			margin-right: @sidebar-min-width;
+		 }
+		 @media (min-width: @screen-lg-min) {
+			margin-left: auto;
+			margin-right: @sidebar-min-width;
+		 }
+	  }
+	 }
+	 .enable_collapse_menu_footer_container_rtl();
+	 
+	 
+	 .enable_horizontal_menu_footer_container_rtl() when (@enable-horizontal-menu = true) {
+	  .container.main-container .sidebar.h-sidebar ~ .footer .footer-inner {
+		 @media (min-width: @grid-float-breakpoint) {
+			margin-right: 0;
+		 }
+		 @media (min-width: @screen-md-min) {
+			margin-right: 0;
+		 }
+		 @media (min-width: @screen-lg-min) {
+			margin-right: 0;
+		 }
+	  }
+	 }
+	 .enable_horizontal_menu_footer_container_rtl();
+
+	 
+	 .enable_responsive_min_menu_footer_container_rtl() when (@enable-minimized-responsive-menu = true) {
+	  .container.main-container .sidebar.responsive-min ~ .footer .footer-inner {
+	      @media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
+			 margin-right: @sidebar-min-width;
+			 margin-left: auto;
+		  }
+	  }
+	 }
+	 .enable_responsive_min_menu_footer_container_rtl();
+	 
+ }
+ .enable_container_footer_rtl();
+ 
+ 
+ 
+ .enable_footer_responsive_menu_push_rtl() when (@enable-responsive-menu = true) {
+    @media only screen and (max-width: @grid-float-breakpoint-max) and (min-width: @screen-compact-menu) {
+		.navbar.navbar-fixed-top + .main-container .sidebar.responsive.push_away {
+			&.display.compact ~ .footer .footer-inner {
+				.transform(translateX(-@sidebar-compact-width));
+			}
+		}
+	}
+ 
+   @media only screen and (max-width: @grid-float-breakpoint-max) {
+	  .navbar.navbar-fixed-top + .main-container .sidebar.responsive.push_away {
+
+		&.display ~ .footer .footer-inner {
+			.transform(translateX(-@sidebar-width));
+		}
+		&.display.menu-min ~ .footer .footer-inner {
+			.transform(translateX(-@sidebar-min-width));
+		}
+
+	  }
+	}
+
+ }
+ .enable_footer_responsive_menu_push_rtl();
+
+}
+.enable_footer_rtl();
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ //from previous version's RTL file
+  blockquote {
+	p , small {
+		text-align:left;
+	}
+	small:before {
+		content: "";
+	}
+	small:after {
+		content: "\00A0 \2014";
+	}
+ }
+ blockquote.pull-right, .blockquote-reverse {
+	p , small {
+		text-align:right;
+	}
+	small:after {
+		content: "";
+	}
+	small:before {
+		content: "\2014 \00A0";
+	}
+ }
+ 
+ 
+ 
+ 
+
+
+ //thirdparty-calendar.less
+ .fc-grid th {
+    text-align: center;
+ }
+ .external-event {
+	> .@{icon}:first-child {
+		margin-right: 0;
+		margin-left: 5px;
+
+		border-right-width: 0;
+		border-left: 1px solid #FFF;
+	}  
+ }
+ 
+ //thirdparty-colorbox.less
+ #cboxCurrent {
+	left: auto;
+	right: 64px;
+ }
+ #cboxNext , #cboxPrevious {
+	margin-left: 0;
+	margin-right: 5px;
+ }
+ #cboxPrevious {
+	left: auto;
+	right: 27px;
+ }
+ #cboxNext {
+	left: auto;
+	right: 0;
+ }
+ 
+ //thirdparty-fuelux.less
+ .ace-spinner .spinner-buttons > button.btn:active { left:auto; top:auto; }
+
+ .wizard-steps {
+	margin-right: 0;
+ }
+ .wizard-actions {
+	text-align: left;
+ }
+ .wizard-steps li:first-child:before {
+	right: 50%;
+	left: auto;
+ }
+ 
+ .tree {
+	padding-left: 0;
+	padding-right: 9px;
+	&:before {
+		left: auto;
+		right: 0;
+		border-width: 0 1px 0 0;
+	}
+	
+	.tree-folder {
+		.tree-folder-header {
+			.tree-folder-name  {
+				margin-left: 0;
+				margin-right: 2px;
+			}
+			> .@{icon}:first-child {
+				margin: -2px -2px 0 0;
+			}
+		}
+		&:last-child:after {
+			left: auto;
+			right: -15px;
+			border-left: none;
+			border-right: 1px solid #FFF;
+		}
+		.tree-folder-content {
+			margin-left: 0;
+			margin-right: 23px;
+			&:before {
+				left: auto;
+				right: -14px;
+				border-width: 0 1px 0 0;
+			}
+		}
+	}
+	
+	.tree-item {
+		.tree-item-name {
+			margin-left: 0;
+			margin-right: 3px;
+			> .@{icon}:first-child {
+				margin-right: 0;
+				margin-left: 3px;
+			}
+		}
+	}
+	.tree-folder , .tree-item {
+		&:before {
+			left: auto;
+			right: -13px;
+		}
+	}
+	.tree-loading {
+		margin-left: 0;
+		margin-right: 36px;
+	}
+ }
+ 
+ 
+ //thirdpart-gritter.less
+ #gritter-notice-wrapper {
+	left: 20px;
+	right:auto;
+ }
+ .gritter-close {
+	right: auto;
+	left: 3px;
+ }
+ .gritter-image {
+	float: right;
+ }
+ .gritter-with-image , .gritter-without-image {
+	float: left;
+ }
+
+ //thirdparty-wysiwyg.less
+ .wysiwyg-toolbar {
+	.dropdown-menu {
+		text-align: right;
+	}
+	.wysiwyg-choose-file {
+		margin-left: auto;
+	}
+	.btn-group > .btn, .btn-group > .inline > .btn {
+		float: none;
+	}
+ }
+ .wysiwyg-style1 , .wysiwyg-style2 {
+	.btn-group:after{
+		left: auto;
+		border-left-width: 0;
+		right: -2px;
+		border-right: 1px solid #E1E6EA;
+	}
+ }
+ .wysiwyg-toolbar {
+	.dropdown-menu {
+		input[type=text] {
+			margin-left: 0;
+			margin-right: 8px;
+		}
+		.btn {
+			margin-right: 1px;
+			margin-left: 8px;
+		}
+	}
+ }
+ .widget-body .md-header {
+	margin-left: 0;
+	margin-right: 9px;
+	.btn-inverse {
+		padding-right: 0;
+		padding-left: 5px;
+	}
+ }
+ 
+ 
+ .enable_plugin_select2_rtl() when(@enable-plugin-select2 = true) {
+ //thirdparty-select2.less
+ .select2-container .select2-choice {
+	padding-left: 0;
+	padding-right: 8px;
+ }
+ .select2-container.select2-allowclear .select2-choice .select2-chosen {
+	margin-right: auto;
+	margin-left: 42px;
+ }
+
+ .select2-container .select2-choice > .select2-chosen {
+	margin-left: 26px;
+	margin-right: auto;
+ }
+ .select2-container .select2-choice abbr {
+	right: auto;
+	left: 20px;
+ }
+ .select2-container .select2-choice .select2-arrow {
+	right: auto;
+	left: 0;
+ }
+ .select2-container .select2-choice .select2-arrow b:before {
+	right: 5px;
+	left: auto;
+ }
+ 
+ .select2-container-multi .select2-choices li {
+	float: right;
+ }
+ .select2-container-multi .select2-choices .select2-search-choice {
+	margin: 3px 5px 3px 0;
+	padding: 3px 18px 3px 5px;
+ }
+ 
+ .select2-results {
+	margin: 4px 0 4px 4px;
+ }
+ 
+ .select2-drop {
+	input {
+		padding-right: 5px;
+		padding-left: 20px;
+	}
+	.select2-results {
+		padding-right: 4px;
+		padding-left: 0;
+	}
+ }
+ 
+ .select2-search:after {
+	right: -20px;
+	left: auto;
+ }
+ .select2-search input.select2-active {
+	background-position: 0%;
+ }
+ }
+ .enable_plugin_select2_rtl();
+
+ //thirdparty-editable
+ .editable-buttons {
+	margin-left: auto;
+	margin-right: 1px;
+	.btn {
+		margin: 0 0 0 1px;
+	}
+ }
+
+ //thirdparty-jquery-ui.less
+ .ui-datepicker .ui-datepicker-prev:before {
+	content: "\f061";
+ }
+ .ui-datepicker .ui-datepicker-next:before {
+	content: "\f060";
+ }
+ .ui-menu .ui-menu-item .ui-menu-icon {
+	float: left;
+	left: 4px;
+	right: auto;
+
+	&:before {
+		content: "\f104";
+	}
+ }
+ .ui-dialog .ui-dialog-titlebar-close, .ui-jqdialog .ui-jqdialog-titlebar-close {
+	left: 8px !important;
+	right: auto !important;
+ }
+
+ .ui-tabs .ui-tabs-nav li {
+	float: right;
+	margin-right: 0;
+	margin-left: 0.2em;
+	a {
+		float: right;
+	}
+ }
+ .ui-tabs .ui-tabs-nav li.ui-state-default > a {
+	margin-right: auto;
+	margin-left: -1px;
+ }
+ .ui-accordion .ui-accordion-header {
+	padding-right: 24px;
+	padding-left: 8px;
+	
+	.ui-accordion-header-icon {
+		position: absolute;
+		left: auto;
+		right: 10px;
+		&:before {
+			 content: "\f0d9";
+		}
+	}
+	&.ui-state-active .ui-accordion-header-icon:before {
+		content: "\f0d7";
+	}
+ }
+
+ //thirdparty-jqgrid.less
+ .ui-jqgrid .ui-jqgrid-hdiv {
+	border-width: 1px 1px 0 0;
+ }
+ .ui-jqgrid .ui-jqgrid-labels {
+	th {
+		border-right-width:0 !important;
+		border-left: 1px solid #E1E1E1 !important;
+		text-align: right !important;
+		&:first-child {
+			border-right: 1px solid #E1E1E1 !important;
+		}
+	}
+ }
+ .ui-jqgrid-labels th[id*="_cb"]:first-child {
+	text-align: center !important;
+ }
+ .ui-jqgrid-sortable {
+	padding-left: 0;
+	padding-right: 4px;
+ }
+ .ui-jqdialog-content .searchFilter table {
+	margin-left: auto;
+	margin-right: 4px;
+ }
+ .ui-jqdialog-content .searchFilter {
+	.add-group, .add-rule, .delete-group {
+		margin-left: auto !important;
+		margin-right: 4px !important;
+	}
+ }
+ .ui-jqdialog-content {
+	.CaptionTD {
+		text-align: left;
+	}
+ }
+ .ui-jqdialog .ui-widget-header{
+	.ui-jqdialog-title {
+		text-align: right;
+		padding-left: 0;
+		padding-right: 12px;
+		float: right !important;
+	}
+ }
+ 
+ 
+ //thirdparty-nestable.less
+ .dd-list {
+	margin-right: 0;
+
+	.dd-list {
+		padding-right: 30px;
+		padding-left: 0;
+	}	
+ }
+ .dd2-handle  + .dd2-content,
+ .dd2-handle  + .dd2-content[class*="btn-"]
+ {
+	padding-left: 0;
+	padding-right: 44px;
+ }
+ .dd-item > button {
+	float: right;
+	margin: 5px 5px 5px 1px;
+	left: auto;
+	right: 1px;
+ }
+ .dd2-item.dd-item > button {
+	margin-left: 5px;
+	margin-right: 34px;
+ }
+ .dd-dragel {
+	> li > .dd-handle {
+		border-right: 2px solid #777;
+		border-left-width: 0;
+	}
+ }
+.dd-list > li[class*="item-"] {
+  border-left-width: 0;
+  border-right-width: 0;
+  
+  > .dd-handle {
+	border-right: 2px solid;
+	border-right-color: inherit;
+	border-left-color: #DAE2EA;
+	border-left-width: 1px;
+ }
+}
+.dd-list > li > .dd-handle .sticker {
+	right: auto;
+	left: 0;
+}
+.dd2-handle , .dd-dragel > li > .dd2-handle {
+	left: auto;
+	right: 0;
+	border-width: 1px 0 0 1px;
+}
+
+ 
+ //pretty print
+ ol.linenums {
+	margin-right: 33px;
+	li {
+		padding-left: 0;
+		padding-right: 12px;
+	}
+ }
+ .prettyprint.linenums {
+	.box-shadow(~"-40px 0 0 #FBFBFC inset, -41px 0 0 #ECECF0 inset");
+ }
+
+ 
+ 
+ .tt-dropdown-menu {
+	text-align: right;
+	direction: rtl;
+ }
+
+ 
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/ace.less b/web/bootstrap-ace-admin/css/less/ace.less
new file mode 100755
index 00000000..c209445f
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/ace.less
@@ -0,0 +1,105 @@
+@import "bootstrap/variables.less";
+@import "bootstrap/mixins.less";
+
+@import "ace-features.less";
+@import "variables.less";//there are also some variables on top of some other less files
+@import "mixins.less";
+
+
+@import "general.less";//includes general basic styling of page
+@import "basic.less";//includes styling of some elements such as pagination, etc
+@import "utility.less";//includes some utility classes such as headers, colors, font sizing, etc
+@import "ace-nav.less";//ace top navigation
+
+@import "sidebar.less";
+//@import "sidebar/ff_fix.less";//some firefox navbar and sidebar flicker fix
+
+@import "scroll.less";
+@import "modal.less";
+
+
+@import "breadcrumbs.less";
+@import "searchbox.less";
+
+@import "footer.less";
+
+
+@import "buttons.less";
+@import "label-badge.less";
+@import "dropdown.less";
+@import "form.less";
+
+@import "tab-accordion.less";
+
+@import "tables.less";
+@import "widget.less";
+@import "tooltip-popover.less";
+@import "progressbar.less";
+
+@import "infobox.less";
+
+
+@import "page.pricing.less";
+@import "page.login.less";
+
+@import "page.invoice.less";
+
+
+
+@import "page.error.less";
+@import "gallery.less";
+@import "items.less";
+@import "page.profile.less";
+@import "page.inbox.less";
+@import "page.timeline.less";
+
+@import "thirdparty-dataTables.less";
+@import "thirdparty-calendar.less";
+@import "thirdparty-chosen.less";
+@import "thirdparty-select2.less";
+@import "thirdparty-colorbox.less";
+@import "thirdparty-fuelux.less";//fuelux spinner, tree & wizard
+@import "thirdparty-gritter.less";
+@import "thirdparty-wysiwyg.less";
+@import "thirdparty-editable.less";
+
+@import "thirdparty-date.less";//date & time
+@import "thirdparty-slider.less";//jquery ui slider
+@import "thirdparty-jquery-ui.less";//other jquery ui widgets & elements
+@import "thirdparty-jqgrid.less";//jqGrid plugin
+@import "thirdparty-nestable.less";//nestable list
+@import "thirdparty-dropzone.less";//dropzone.js
+@import "thirdparty-typeahead.less";//typeahead
+@import "thirdparty-duallist-multiselect.less";//duallistbox
+@import "thirdparty-raty.less";//raty
+
+@import "icon-animated.less";
+
+
+
+@import "other.less";//setting box, etc
+
+@import "ext/bootstrap-tag.less";//less files provided by the thirdparty plugin, sometimes modified
+
+
+@import "bs3-reset.less";//resetting box-sizing to default content-box for some third party elements
+
+@import "ace-responsive.less";
+
+
+
+//navbar/sidebar color skin
+//you can import a different skin
+@selected-skin-1: "skins/empty.less";
+@import "@{selected-skin-1}";
+
+@selected-skin-2: "skins/no-skin.less";
+@import "@{selected-skin-2}";
+
+
+
+
+
+@import "onpage-help.less";//print friendly
+@import "print.less";//print friendly
+
diff --git a/web/bootstrap-ace-admin/css/less/basic.less b/web/bootstrap-ace-admin/css/less/basic.less
new file mode 100755
index 00000000..835c6c73
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/basic.less
@@ -0,0 +1,217 @@
+//some elements variables
+@blockquote-border:#E5EAF1;
+
+
+@pagination-color: #2283C5;
+@pagination-border: darken(#E0E8EB , 4%);
+@pagination-bg: #FAFAFA;
+@pagination-bg-hover: #EAEFF2;
+
+    @pagination-bg-disabled: #F9F9F9;
+@pagination-border-disabled: #D9D9D9;
+ 
+ @pagination-color-active: #FFF;
+    @pagination-bg-active: #6FAED9;
+@pagination-border-active: #6FAED9;
+
+
+
+
+//elements
+.@{icon} {
+	text-align: center;
+}
+a {
+ &:focus, &:active {
+	text-decoration: none;
+ }
+}
+
+
+//header sizes
+.h-size(@index) when (@index > 0) {
+	@h-tag : ~`"h@{index}"`;
+	@{h-tag} {
+		@tmpvar : ~`"h@{index}-size"`;//get the variable h1-size, h2-size , etc...
+		font-size:unit(@@tmpvar , px);
+		font-weight:normal;
+		font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
+		
+		&.smaller {
+			font-size: unit((@@tmpvar - 1) , px);
+		}
+		&.bigger {
+			font-size: unit((@@tmpvar + 1) , px);
+		}
+		&.block {
+			margin-bottom: 16px;
+		}
+	}
+}
+.h-size(1);
+.h-size(2);
+.h-size(3);
+.h-size(4);
+.h-size(5);
+.h-size(6);
+
+
+
+
+//some list styling
+ul, ol {
+ //split margins for better RTL side
+ margin-top: 0;
+ margin-bottom: 10px;
+ margin-right: 0;
+ margin-left: 25px;
+
+ padding: 0;
+ 
+ &.margin-5 { margin-left: 5px; }
+ &.margin-10 { margin-left: 10px; }
+ &.margin-15 { margin-left: 15px; }
+ &.margin-20 { margin-left: 20px; }
+}
+li > ul,
+li > ol {
+ margin-left: 18px;
+}
+
+.list-unstyled , .list-inline {
+ margin-left: 0;
+
+ > li > .@{icon}:first-child {
+	width: 18px;
+	text-align: center;
+ }
+}
+
+.spaced > li {
+  margin-top: 9px;
+  margin-bottom: 9px;
+}
+.spaced2 > li {
+  margin-top: 15px;
+  margin-bottom: 15px;
+}
+li.divider {
+ margin-top: 3px;
+ margin-bottom: 3px;
+ height: 0;
+ font-size: 0;
+ 
+ .spaced > & {
+	margin-top: 5px;
+	margin-bottom: 5px;
+ }
+ .spaced2 > & {
+	margin-top: 8px;
+	margin-bottom: 8px;
+ }
+ 
+ &:before {
+	content: "";
+	display: inline-block;
+ }
+}
+
+
+
+//little elements
+blockquote , blockquote.pull-right, .blockquote-reverse {
+	border-color: @blockquote-border;
+}
+
+
+pre.prettyprint {
+	white-space: pre-wrap;
+}
+
+
+
+
+//wells
+.well {
+ .border-radius(0);
+}
+.well h1, .well h2, .well h3, .well h4, .well h5, .well h6 {
+ margin-top: 0;
+}
+.well h1, .well h2, .well h3 {
+ line-height: 36px;
+}
+
+
+//alerts
+.alert {
+ font-size: @font-size-alert;
+ .border-radius(0);
+
+ .close {
+	font-size: @font-size-alert-close;
+ }
+}
+.alert-block p + p {
+  margin-top: 10px;
+}
+
+
+
+//pagination
+.enable_pagination() when(@enable-pagination = true) {
+.pagination > li > span , .pager > li > span {
+ border-width: 1px;
+ border-radius: 0 !important;
+}
+.pagination > li > a, .pager > li > a {
+ border-width: 1px;
+ border-color: @pagination-border;
+ border-radius: 0 !important;
+
+ color: @pagination-color;
+ background-color: @pagination-bg;
+ margin: 0 -1px 0 0;
+ position: relative;
+ z-index: auto;
+ 
+ &:hover {
+	color: darken(@pagination-color, 8%);
+
+	background-color: @pagination-bg-hover;
+	border-color: darken(@pagination-border , 6%);
+	z-index: 1;
+ }
+ &:focus {
+	background-color: spin(@pagination-bg-hover, 10%);
+ }
+}
+
+.pagination > li.disabled > a, .pager > li.disabled > a {
+	&, &:hover {
+		background-color: @pagination-bg-disabled;
+		border-color: @pagination-border-disabled;
+		z-index: auto;
+	}
+}
+
+.pagination > li.active > a {
+	&, &:hover {
+		 background-color: @pagination-bg-active;
+		 border-color: @pagination-border-active;
+		 color: @pagination-color-active;
+		 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+		 z-index: 2;
+	}
+}
+}
+.enable_pagination();
+
+
+//list group
+.list-group {
+ margin-left: auto;
+}
+.list-group-item {
+	border-radius: 0 !important;
+}
diff --git a/web/bootstrap-ace-admin/css/less/breadcrumbs.less b/web/bootstrap-ace-admin/css/less/breadcrumbs.less
new file mode 100755
index 00000000..3a2b166c
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/breadcrumbs.less
@@ -0,0 +1,300 @@
+//some breadcrumbs variables
+
+
+@breadcrumb-background: #F5F5F5;
+@breadcrumb-border: #E5E5E5;
+@breadcrumb-text-color: #555;
+@breadcrumb-link-color: #4C8FBD;
+
+@breadcrumb-separator: "\f105";//font awesome icon
+@breadcrumb-margin-left: 12px;//!ignore
+
+
+.enable_breadcrumbs() when(@enable-breadcrumbs = true) {
+
+	// breadcrumbs and searchbox
+	.breadcrumbs {
+	  position: relative;
+	  z-index: auto;
+
+	  border-bottom: 1px solid @breadcrumb-border;
+	  background-color: @breadcrumb-background;
+	 
+	  min-height: @breadcrumb-height;
+	  line-height: (@breadcrumb-height - 1);
+
+	 padding: 0 12px 0 0;
+	}
+
+
+
+	.breadcrumb {
+	  background-color: transparent;
+	  display: inline-block;
+	  line-height: 20px;
+
+	  margin: 6px 22px 0 @breadcrumb-margin-left;
+	  padding: 0;
+
+	  font-size: @font-size-breadcrumb;
+	  color: #333;
+	 
+	  border-radius: 0;
+	  > li {
+		& , &.active {
+		  color: @breadcrumb-text-color;
+		  padding: 0 3px 0 3px;
+		}
+
+		
+		> a {
+		  display: inline-block;
+		  color: @breadcrumb-link-color;
+		}
+		
+		+ li:before {
+			//float: left;//it has a problem with fontAwesome in RTL
+			font-family: FontAwesome;
+			font-size: @font-size-breadcrumb-sep;
+			content:@breadcrumb-separator;
+			color: @breadcrumb-arrow-color;
+			
+			padding: 0;
+			margin: 0 8px 0 0;
+			position: relative;
+			top: 1px;
+		}
+	  }
+	  
+
+	  .home-icon {
+		 font-size: @font-size-breadcrumbs-home;
+
+		 margin-left: 2px;
+		 margin-right: 2px;
+
+		 vertical-align: top;
+	  }
+
+	}
+
+	@media only screen and (max-width: @screen-xs) {
+	 .breadcrumb > li > a {
+		padding: 0 1px;
+	 }
+	}
+
+	//some changes in margins and paddings
+	@media only screen and (max-width: @grid-float-breakpoint-max) {
+	 .menu-toggler + .sidebar.responsive + .main-content .breadcrumb {
+		margin-left: 90px;
+	 }
+	}
+	@media only screen and (max-width: @screen-tiny) {
+	 .breadcrumb {
+		margin-left: 8px;
+	 }
+	 .menu-toggler + .sidebar.responsive + .main-content .breadcrumb {
+		margin-left: 36px;
+	 }
+	}
+
+}
+.enable_breadcrumbs();
+
+
+
+.enable_fixed_breadcrumbs() when(@enable-fixed-breadcrumbs = true) {
+ //fixed breadcrumbs
+ @media (min-width: @screen-fixed-breadcrumbs) {
+  .breadcrumbs-fixed {
+	position: fixed;
+	right: 0;
+	left: 0;
+	top: auto;
+	z-index: @zindex-breadcrumbs-fixed;
+
+    + .page-content {
+		padding-top: @page-content-padding-top + @breadcrumb-height;
+	}
+  }
+  .sidebar + .main-content .breadcrumbs-fixed {
+	left: (@sidebar-width);
+  }
+
+
+  //android's default browser has a problem with "top: auto" when fixed
+  body.mob-safari {
+	 .breadcrumbs-fixed {
+		top: @navbar-min-height;
+	 }
+	 /**
+	 //not needed because breadcrumbs is not fixed at this point
+	 media (max-width: @screen-topbar-down) {
+	  .navbar-fixed-top:not(.navbar-collapse) + .main-container .breadcrumbs-fixed {
+		top: (@navbar-min-height * 2);
+	  }
+	 }*/
+  }
+ }//@media
+
+
+ //when sidebar is compact or minimized
+ @media (min-width: max(@grid-float-breakpoint, @screen-compact-menu)) {
+  .sidebar.compact + .main-content .breadcrumbs-fixed {
+	left: (@sidebar-compact-width);
+  }
+ }
+
+ @media (min-width: @grid-float-breakpoint) {
+  .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+	left: (@sidebar-min-width); 
+  }
+ }
+
+ @media (min-width: @screen-fixed-breadcrumbs) and (max-width: @grid-float-breakpoint-max) {
+  .breadcrumbs-fixed, .sidebar.menu-min + .main-content .breadcrumbs-fixed {
+	left: 0;
+  }
+  .sidebar.responsive-min , .sidebar.responsive-max {
+	+ .main-content .breadcrumbs-fixed {
+		left: (@sidebar-min-width);
+	}
+  }
+ }
+
+.enable_container_breadcrumbs() when(@enable-container = true) {
+.container.main-container {
+
+ @media (min-width: max(@screen-sm-min , @screen-fixed-breadcrumbs)) {
+	.breadcrumbs-fixed {
+		left: auto;
+		right: auto;
+		width: @container-sm;
+	}
+	.sidebar + .main-content .breadcrumbs-fixed {
+		left: auto;
+		right: auto;
+		width: @container-sm - @sidebar-width;
+	}
+	.sidebar.compact + .main-content .breadcrumbs-fixed {
+		width: @container-sm - @sidebar-compact-width;
+	}
+	.sidebar.menu-min + .main-content .breadcrumbs-fixed {
+		left: auto;
+		right: auto;
+		width: @container-sm - @sidebar-min-width;
+	}
+ }
+ 
+ @media (min-width: max(@screen-compact-menu, @screen-md-min)) {
+    .sidebar.compact + .main-content .breadcrumbs-fixed {
+		width: @container-md - @sidebar-compact-width;
+	}
+ }
+ @media (min-width: @screen-md-min) {
+	.breadcrumbs-fixed {
+		width: @container-md;
+	}
+	.sidebar + .main-content .breadcrumbs-fixed {
+		width: @container-md - @sidebar-width;
+	}
+	.sidebar.menu-min + .main-content .breadcrumbs-fixed {
+		width: @container-md - @sidebar-min-width;
+	}
+ }
+ 
+ @media (min-width: max(@screen-compact-menu, @screen-lg-min)) {
+    .sidebar.compact + .main-content .breadcrumbs-fixed {
+		width: @container-lg - @sidebar-compact-width;
+	}
+ }
+ @media (min-width: @screen-lg-min) {
+	.breadcrumbs-fixed {
+		width: @container-lg;
+	}
+	.sidebar + .main-content .breadcrumbs-fixed {
+		width: @container-lg - @sidebar-width;
+	}
+	.sidebar.menu-min + .main-content .breadcrumbs-fixed {
+		width: @container-lg - @sidebar-min-width;
+	}
+ }
+}
+
+
+.container.main-container {
+
+ @media (min-width: max(@screen-sm-min , @screen-compact-menu, @screen-fixed-breadcrumbs)) and (max-width: @grid-float-breakpoint-max) {
+	.sidebar.compact + .main-content .breadcrumbs-fixed	{
+		width: @container-sm;
+	}
+ } 
+ @media (min-width: max(@screen-sm-min , @screen-fixed-breadcrumbs)) and (max-width: @grid-float-breakpoint-max) {
+	.breadcrumbs-fixed,
+	.sidebar.menu-min + .main-content .breadcrumbs-fixed {
+		width: @container-sm;
+	}
+
+	.sidebar.responsive-min , .sidebar.responsive-max {
+		+ .main-content .breadcrumbs-fixed {
+			left: auto;
+			right: auto;
+			width: @container-sm - @sidebar-min-width;
+		}
+	}
+ }
+}
+
+}
+.enable_container_breadcrumbs();
+
+}
+.enable_fixed_breadcrumbs();
+
+
+
+
+
+
+
+
+
+//***************************************************************************
+//***************************************************************************
+//if you don't want fixed breadcrumbs on smaller devices
+//uncomment the following
+/**
+@media (max-width: @grid-float-breakpoint-max) {
+ .breadcrumbs-fixed {
+	position: relative;
+	left: auto !important;
+	right: auto !important;
+	top: auto !important;
+	width: auto !important;
+	
+	+ .page-content {
+		padding-top: @page-content-padding-top;
+	}
+ }
+}
+*/
+
+
+
+//and maybe disable fixed breadcrumbs on horizontal menu style, because of too much fixed height occupied!
+ .disable_fixed_breadcrumbs_on_horizontal_menu() when(@enable-horizontal-menu = true) {
+	@media (min-width: @grid-float-breakpoint) {
+		.h-sidebar + .main-content .breadcrumbs.breadcrumbs-fixed {
+		  position: relative;// !important;
+		  top: auto;
+		  left: auto;
+		  z-index: auto;
+		  width: auto;// !important;
+		}
+		.h-sidebar + .main-content .page-content {
+		  padding-top: @page-content-padding-top + 4;// !important;
+		}
+	}
+ }
+ .disable_fixed_breadcrumbs_on_horizontal_menu();
diff --git a/web/bootstrap-ace-admin/css/less/bs3-reset.less b/web/bootstrap-ace-admin/css/less/bs3-reset.less
new file mode 100755
index 00000000..f02b2247
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/bs3-reset.less
@@ -0,0 +1,33 @@
+//the following column widths need not be floated, as they are full width (100%)
+//but in our case it's needed, because sidebar is floated left(not position:absolute) and
+//the .row elements containing .col-*-12 have .clearfix behavior,
+//which doesn't allow any floating elements on left or right, thus causing problems with our sidebar
+.page-content > .row > {
+ .col-xs-12 , .col-sm-12 , .col-md-12, .col-lg-12 {
+   float: left; 
+   max-width: 100%;//if not, .col-xs-12 > .row > .col-sm-12 will have problems
+ }
+}
+
+.col-xs-reset { width: auto; padding-left: 0; padding-right: 0; float: none !important; }
+
+@media (min-width: @screen-sm-min) {
+ .col-sm-reset { width: auto; padding-left: 0; padding-right: 0; float: none !important; }
+}
+@media (min-width: @screen-md-min) {
+ .col-md-reset { width: auto; padding-left: 0; padding-right: 0; float: none !important; }
+}
+@media (min-width: @screen-lg-min) {
+ .col-lg-reset { width: auto; padding-left: 0; padding-right: 0; float: none !important; }
+}
+
+
+.jqstooltip , .legendColorBox div {
+ .box-sizing(content-box);
+}
+.legendLabel {
+ .box-sizing(content-box);
+ height: 22px; 
+ padding-left: 2px;
+ font-size: @font-flot-chart-label;
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/buttons.less b/web/bootstrap-ace-admin/css/less/buttons.less
new file mode 100755
index 00000000..ea6672a4
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/buttons.less
@@ -0,0 +1,824 @@
+//buttons
+.btn {
+ display: inline-block;
+
+ color: #FFF !important;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);// !important;
+
+ background-image: none !important;
+ border: 5px solid #FFF;
+ border-radius: 0;
+ box-shadow: none !important;
+
+ .transition(~"background-color 0.15s, border-color 0.15s, opacity 0.15s");
+
+ cursor: pointer;
+
+ vertical-align: middle;
+ margin: 0;
+
+ position: relative;
+ 
+ /**
+ &:hover, &:focus, &.focus, .open > &.dropdown-toggle {
+	color: #FFF;
+	box-shadow: none;
+ }
+ */
+}
+.btn.active , .open > .btn.active.dropdown-toggle {
+ box-shadow: none;
+ //color: @btn-active-color;
+}
+
+
+.btn-lg, .btn-group-lg > .btn {
+	border-width: 5px;
+	line-height: 1.4;
+    padding: 5px 16px 6px;
+}
+.btn-xlg, .btn-group-xlg > .btn {
+	border-width: 5px;
+	line-height: 1.35;
+    padding: 7px 16px;
+	font-size: @font-size-large;
+}
+.btn-sm, .btn-group-sm > .btn {
+	border-width: 4px;
+	font-size: @font-size-btn-sm;
+	padding: 4px 9px;
+	line-height: 1.38;//1.39;
+}
+.btn-xs, .btn-group-xs > .btn {
+	padding-top: 3px;
+	padding-bottom: 3px;
+	border-width: 3px;
+}
+.btn-mini, .btn-group-mini > .btn {
+	padding: 1px 5px;
+	border-width: 3px;
+	font-size: @font-size-btn-xs;
+	line-height: 1.5;
+}
+
+.btn-minier, .btn-group-minier > .btn {
+	padding: 0 4px;
+	line-height: 18px;
+	border-width: 2px;
+	font-size: @font-size-btn-minier;
+}
+
+button.btn:active {
+	top: 1px;
+	//left: 1px;
+	//using both left & top, will cause chrome not to catch click events at seldom times
+}
+
+
+
+.enable_default_buttons() when(@enable-default-buttons = true) {
+
+//button color
+.btn-color(@color1, @color2) {
+  & , &:focus {
+	background-color: @color1 !important;
+	border-color: @color1;
+  }
+
+  &:hover , &:active, .open > &.dropdown-toggle {
+	background-color: @color2 !important;
+	border-color: @color1;
+  }
+  &.no-border:hover , &.no-border:active {
+	border-color: @color2;
+  }
+  &.no-hover:hover , &.no-hover:active {
+	background-color: @color1 !important;
+  }
+  &.active {
+	background-color: mix(@color1,@color2) !important;
+	border-color: darken(mix(@color1,@color2),7%);
+  }
+  &.no-border.active {
+    background-color: darken(mix(@color1,@color2),3%) !important;
+	border-color: darken(mix(@color1,@color2),3%);
+  }
+  &.disabled, &[disabled], fieldset[disabled] & {
+	&,
+    &:hover,
+    &:focus,
+    &:active,
+    &.active {
+		background-color: @color1 !important;
+		border-color:@color1;
+	}
+  }
+}
+
+.btn-color(@color-name) {
+ @color1-name : ~`"btn-@{color-name}"`;
+ @color2-name : ~`"btn-@{color-name}-hover"`;
+
+ .btn-color(@@color1-name, @@color2-name);
+}
+
+
+.btn , .btn-default {
+	.btn-color(~"default");
+}
+.btn-primary {
+	.btn-color(~"primary");
+}
+.btn-info {
+	.btn-color(~"info");
+}
+.btn-info2 {
+	.btn-color(~"info2");
+}
+.btn-success {
+	.btn-color(~"success");
+}
+.btn-warning {
+	.btn-color(~"warning");
+}
+.btn-danger {
+	.btn-color(~"danger");
+}
+.btn-inverse {
+	.btn-color(~"inverse");
+}
+.btn-pink {
+	.btn-color(~"pink");
+}
+.btn-purple {
+	.btn-color(~"purple");
+}
+.btn-grey {
+ .btn-color(~"grey");
+}
+
+.btn-yellow {
+ .btn-color(~"yellow");
+ color: @btn-yellow-color !important;
+ text-shadow:0 -1px 0 rgba(255, 255, 255, 0.4) !important;
+ 
+  &:hover, &:focus, &.focus, .open > &.dropdown-toggle, &.active , .open > &.active.dropdown-toggle {
+	color:@btn-yellow-color;
+  }
+
+}
+
+.btn-light {
+ .btn-color(~"light");
+ color: @btn-light-color !important;
+ text-shadow:0 -1px 0 rgba(250, 250, 250, 0.25) !important;
+ 
+  &:hover, &:focus, &.focus, .open > &.dropdown-toggle, &.active , .open > &.active.dropdown-toggle {
+	color:@btn-light-color;
+  }
+ 
+ &.btn-xs:after, &.btn-mini:after {
+	left: -2px;
+	right: -2px;
+	top: -2px;
+	bottom: -2px;
+ }
+ &.btn-sm:after {
+	left: -4px;
+	right: -4px;
+	top: -4px;
+	bottom: -4px;
+ }
+ .btn-lg:after {
+	left: -6px;
+	right: -6px;
+	top: -6px;
+	bottom: -6px;
+ }
+}
+
+}
+.enable_default_buttons();
+
+
+
+.enable_white_buttons() when(@enable-white-buttons = true) {
+.btn.btn-white {
+	//border-width: 1px;
+	text-shadow: none !important;
+	background-color: #FFF !important;
+
+	&.no-hover:hover , &.no-hover:active {
+		background-color: #FFF !important;
+	}
+
+	&:focus , &.active {
+		box-shadow: inset 1px 1px 2px 0 rgba(0,0,0,0.1) !important;
+		
+		&.btn-bold {
+			box-shadow: inset 1px 1px 3px 0 rgba(0,0,0,0.15) !important;
+		}
+	}
+	&.active:after {
+		display: none;
+	}
+}
+.btn-white(@txt-color, @border-color, @bg-hover-color) {
+ border-color: @border-color;
+ color: @txt-color !important;
+
+ &:hover, &:focus , &.active, &:active, .open > &.dropdown-toggle, .open > &.active.dropdown-toggle {
+	background-color: @bg-hover-color !important;
+	border-color: @border-color;
+	color: saturate(darken(@txt-color , 5%) , 5%) !important;
+	
+	&.no-border {
+		border-color: @border-color;
+	}
+ }
+ /**
+ //&:hover, &:focus, &.focus, .open > &.dropdown-toggle {
+	//color: saturate(darken(@txt-color , 5%) , 5%) !important;
+ //}
+ //&.no-border:hover , &.no-border:active {
+	//border-color: @border-color;
+ //}
+ */
+
+ &.disabled, &[disabled], fieldset[disabled] & {
+	&,
+    &:hover,
+    &:focus,
+    &:active,
+    &.active {
+		//background-color: #FFF !important;
+		border-color: @border-color;
+	}
+  }
+}
+
+.btn.btn-white {
+  .btn-white(#444, #CCC , #EBEBEB);
+}
+.btn-white.btn-default {
+  .btn-white(darken(@btn-default-hover, 4%), @btn-default , lighten(@btn-default, 23%));
+}
+.btn-white.btn-primary {
+  .btn-white(desaturate(@btn-primary , 30%), desaturate(lighten(@btn-primary , 15%), 15%) , desaturate(lighten(@btn-primary , 42%), 6%));
+}
+.btn-white.btn-success {
+  .btn-white(desaturate(darken(@btn-success , 4%) , 8%), desaturate(lighten(@btn-success , 10%), 2%) , desaturate(lighten(@btn-success , 33%), 1%));
+}
+.btn-white.btn-danger {
+  .btn-white(desaturate(lighten(@btn-danger, 5%) , 30%), desaturate(lighten(@btn-danger , 18%), 18%) , desaturate(lighten(@btn-danger , 42%), 7%));
+}
+.btn-white.btn-warning {
+  .btn-white(desaturate(darken(@btn-warning , 6%), 36%), desaturate(lighten(@btn-warning , 3%), 30%) , desaturate(lighten(@btn-warning , 30%), 10%));
+}
+.btn-white.btn-info {
+  .btn-white(desaturate(darken(@btn-info, 6%) , 25%), desaturate(lighten(@btn-info , 5%), 15%) , desaturate(lighten(@btn-info , 30%), 6%));
+}
+.btn-white.btn-inverse {
+  .btn-white(@btn-inverse, lighten(@btn-inverse , 25%) , lighten(@btn-inverse , 56%));
+}
+.btn-white.btn-pink {
+  .btn-white(desaturate(@btn-pink , 35%), desaturate(lighten(@btn-pink , 15%), 25%) , desaturate(lighten(@btn-pink , 40%), 5%));
+}
+.btn-white.btn-purple {
+  .btn-white(darken(desaturate(@btn-purple , 10%) , 10%), desaturate(lighten(@btn-purple , 10%), 15%) , desaturate(lighten(@btn-purple , 31%), 5%));
+}
+.btn-white.btn-yellow {
+  .btn-white(darken(desaturate(@btn-yellow , 20%) , 30%), desaturate(darken(@btn-yellow, 5%), 25%) , desaturate(lighten(@btn-yellow , 18%), 10%));
+}
+.btn-white.btn-grey {
+  .btn-white(darken(@btn-grey , 8%), lighten(@btn-grey , 15%) , lighten(@btn-grey , 30%));
+}
+
+
+}
+.enable_white_buttons();
+
+
+
+
+
+
+
+.btn.disabled, .btn[disabled] {
+ &.active, &:focus, &:active {
+	outline:none;
+ }
+ &:active {
+	top:0; left:0;
+ }
+}
+
+//active buttons
+.btn.active {
+ &:after {
+	display: inline-block;
+	content: "";
+	position: absolute;
+	border-bottom: 1px solid @btn-active-color;
+	left: -4px;
+	right: -4px;
+	bottom: -4px;
+ }
+ &.btn-sm:after {
+	left: -3px;
+	right: -3px;
+	bottom: -3px;
+	//border-bottom-width:1px;
+ }
+ &.btn-lg:after {
+	left: -5px;
+	right: -5px;
+	bottom: -5px;
+	//border-bottom-width:1px;
+ }
+ &.btn-xs:after , &.btn-mini:after, &.btn-minier:after {
+	left: -1px;
+	right: -1px;
+	bottom: -2px;
+	//border-bottom-width:1px;
+ }
+ &.btn-minier:after {
+	bottom: -1px;
+ }
+ 
+  &.btn-yellow:after {
+	border-bottom-color: @btn-yellow-active-border;
+ }
+ &.btn-light {	
+	color: #515151;
+	&:after {
+		border-bottom-color: #B5B5B5;
+	}
+ }
+}
+
+
+
+
+//icons inside buttons
+.btn {
+	> .@{icon} {
+		margin-right: 4px;
+		//min-width: 12px;
+		//display: inline;
+
+		&.icon-on-right {
+			margin-right: 0;
+			margin-left: 4px;
+		}
+	}
+	> .icon-only.@{icon} {
+		margin: 0 !important;//to override .rtl
+		text-align: center;
+		padding: 0;
+		//min-width: 24px;
+		//vertical-align: middle;
+	}
+}
+
+.btn-lg > .@{icon} {
+	margin-right: 6px;
+	
+	&.icon-on-right {
+		margin-right: 0;
+		margin-left: 6px;
+	}
+}
+.btn-sm > .@{icon} {
+	margin-right: 3px;
+
+	&.icon-on-right {
+		margin-right: 0;
+		margin-left: 3px;
+	}
+}
+.btn-xs > .@{icon} , .btn-mini > .@{icon} , .btn-minier > .@{icon} {
+	margin-right: 2px;
+
+	&.icon-on-right {
+		margin-right: 0;
+		margin-left: 2px;
+	}
+}
+
+
+
+.btn.btn-link {
+  border-width: 0 !important;
+  background: transparent none !important;
+  color: @btn-link-color !important;
+  text-shadow: none !important;
+  padding: 4px 12px !important;
+  line-height: 20px !important;
+
+ &:hover {
+	background: none !important;
+	text-shadow: none !important;
+ }
+ &.active {
+	background: none !important;
+	text-decoration: underline;
+	color: lighten(@btn-link-color , 6%) !important;
+	&:after {
+		display: none;
+	}
+ }
+ &.disabled , &[disabled]{
+	background: transparent none !important;
+	.opacity(0.65);
+	text-decoration: none !important;
+ }
+}
+
+.btn.btn-no-border {
+ border-width: 0 !important;
+}
+
+
+
+
+//button groups
+.btn-group {
+  &:first-child {
+	margin-left: 0;
+  }
+		
+  > .btn {
+	  & , + .btn {
+		 margin: 0 1px 0 0;
+	  }
+	  &:first-child {
+		margin: 0 1px 0 0;
+	  }
+
+	  
+	  //caret inside buttons
+	  > .caret {
+		 margin-top: 15px;
+		 margin-left: 1px;
+		 border-width: 5px;
+		 border-top-color: #FFF;
+	  }
+
+	 &.btn-sm > .caret {
+		margin-top: 10px;
+		border-width: 4px;
+	 }
+	 &.btn-lg > .caret {
+		margin-top: 18px;
+		border-width: 6px;
+	 }
+	 &.btn-xs > .caret , &.btn-mini > .caret {
+		margin-top: 9px;
+		border-width: 4px;
+	 }
+	 &.btn-minier > .caret {
+		margin-top: 7px;
+		border-width: 3px;
+	 }
+	 
+	 //dropdown toggle
+	 + .btn.dropdown-toggle {
+		padding-right: 3px;
+		padding-left: 3px;
+	}
+	+ .btn-lg.dropdown-toggle {
+		padding-right: 4px;
+		padding-left: 4px;
+	}
+
+  }
+  .dropdown-toggle {
+	border-radius: 0;
+  }
+
+
+
+  .btn-group-active-state(@left, @right, @bottom, @width) {/* the border under an active button in button groups */
+		&.active:after {
+			left: unit(@left, px); right:unit(@right, px); bottom:unit(@bottom, px);
+			border-bottom-width: unit(@width, px);
+		}
+  }
+   > .btn  , + .btn{
+		margin: 0 1px 0 0;
+		border-width: 3px;// !important;
+		.btn-group-active-state(-2, -2, -2, 1);
+   }
+
+   > .btn-lg  , + .btn-lg{
+		border-width: 4px;// !important;
+		.btn-group-active-state(-3, -3, -3, 1);
+   }
+   > .btn-sm  , + .btn-sm{
+		border-width: 2px;// !important;
+		.btn-group-active-state(-1, -1, -1, 1);
+   }
+   > .btn-xs  , + .btn-xs , > .btn-mini  , + .btn-mini {
+		border-width: 1px;// !important;
+		.btn-group-active-state(0, 0, 0, 1);
+   }
+   > .btn-minier  , + .btn-minier{
+		border-width: 1px;// !important;
+		.btn-group-active-state(0, 0, 0, 1);
+   }
+   
+}
+.btn-group-vertical > .btn:last-child:not(:first-child) {
+	border-radius: 0;
+}
+
+
+
+.btn-group-vertical > .btn , .btn-group-vertical > .btn + .btn {
+	margin: 1px 0 0;
+}
+.btn-group-vertical > .btn:first-child {
+	margin-top: 0;
+}
+.btn-group.btn-overlap > .btn {
+	margin-right: -1px;
+}
+.btn-group.btn-corner > .btn {
+	&:first-child {
+		border-bottom-left-radius: 8px;
+		border-top-left-radius: 8px;
+	}
+	&:last-child {
+		border-bottom-right-radius: 8px;
+		border-top-right-radius: 8px;
+	}
+	&.btn-sm:first-child {
+		border-bottom-left-radius: 6px;
+		border-top-left-radius: 6px;
+	}
+	&.btn-sm:last-child {
+		border-bottom-right-radius: 6px;
+		border-top-right-radius: 6px;
+	}
+	&.btn-xs:first-child , &.btn-mini:first-child {
+		border-bottom-left-radius: 4px;
+		border-top-left-radius: 4px;
+	}
+	&.btn-xs:last-child, &.btn-mini:last-child {
+		border-bottom-right-radius: 4px;
+		border-top-right-radius: 4px;
+	}
+}
+
+
+
+.btn.btn-white {
+  border-width: 1px;
+}
+.btn.btn-bold {
+  border-bottom-width: 2px;
+}
+.btn.btn-round {
+  border-bottom-width: 2px;
+  border-radius: 4px !important;
+}
+
+
+
+//application buttons
+.enable_application_buttons() when(@enable-application-buttons = true) {
+.btn.btn-app {
+ display: inline-block;
+ width: 100px;
+
+ font-size: @font-size-btn-app;
+ font-weight: normal;
+ color: #FFF;
+ 
+ text-align: center;
+ text-shadow: 0 -1px -1px rgba(0,0,0,0.2) !important;
+ 
+ border: none;
+ border-radius: 12px;
+ 
+ padding: 12px 0 8px;
+ margin: 2px;
+ 
+ line-height: 1.7;
+
+ position: relative;
+}
+
+
+//button color
+.btn-app-color(@color1, @color2, @percent) {
+  & , &.no-hover:hover , &.disabled:hover {
+	background: average(@color1, @color2) !important;
+	#gradient > .vertical(@color1 , @color2) !important;
+  }
+  &:hover {
+	background: average(darken(@color1,@percent), darken(@color2,@percent)) !important;
+	#gradient > .vertical(darken(@color1,@percent) , darken(@color2,@percent)) !important;
+  }
+}
+
+.btn-app-color(@color-name, @percent:10%) {
+ @color1-name : ~`"btn-app-@{color-name}-1"`;
+ @color2-name : ~`"btn-app-@{color-name}-2"`;
+ 
+ .btn-app-color(@@color1-name, @@color2-name , @percent);
+}
+
+.btn-app, .btn-app.btn-default {
+	.btn-app-color(~"default" , 8%);
+}
+.btn-app.btn-primary {
+	.btn-app-color(~"primary");
+}
+.btn-app.btn-info {
+	.btn-app-color(~"info");
+}
+.btn-app.btn-success {
+	.btn-app-color(~"success");
+}
+.btn-app.btn-danger {
+	.btn-app-color(~"danger");
+}
+.btn-app.btn-warning {
+	.btn-app-color(~"warning");
+}
+.btn-app.btn-purple {
+	.btn-app-color(~"purple");
+}
+.btn-app.btn-pink {
+	.btn-app-color(~"pink");
+}
+.btn-app.btn-inverse {
+	.btn-app-color(~"inverse");
+}
+.btn-app.btn-grey {
+	.btn-app-color(~"grey" , 5%);
+}
+
+.btn.btn-app.btn-light {
+ .btn-app-color(~"light" , 5%);
+
+ color: @btn-app-light-color !important;
+ text-shadow: 0 1px 1px #EEE !important;
+}
+
+.btn.btn-app.btn-yellow {
+ .btn-app-color(~"yellow" , 5%);
+ 
+ color:@btn-app-yellow-color !important;
+ text-shadow:0 -1px 0 rgba(255, 255, 255, 0.4) !important;
+}
+
+
+.btn.btn-app {
+	> .@{icon} {
+		opacity: 0.88;
+	}
+	&:hover > .@{icon} {
+		opacity: 1;
+	}
+
+	&.btn-sm {
+		width: 80px;
+		font-size: @font-size-btn-app-sm;
+		border-radius: 10px;
+		
+		line-height: 1.5;
+	}
+	&.btn-xs {
+		width: 64px;
+		font-size: @font-size-btn-app-xs;
+		border-radius: 8px;
+		padding-bottom: 7px;
+		padding-top: 8px;
+		
+		line-height: 1.45;
+	}
+	
+	
+
+   > .@{icon} {
+		display: block;
+		font-size: @font-size-btn-app-icon;
+	 
+		margin: 0 0 4px;
+		line-height: 36px;
+		min-width: 0;
+	 
+		padding: 0;
+   }
+   &.btn-sm > .@{icon} {
+		display: block;
+		font-size: @font-size-btn-app-sm-icon;
+		line-height: 30px;
+		margin: 0 0 3px;
+	}
+   &.btn-xs > .@{icon} {
+		display: block;
+		font-size: @font-size-btn-app-xs-icon;
+		line-height: 24px;
+		margin: 0;
+	}
+	
+	&.no-radius {
+		border-radius: 0;
+	}
+	&.radius-4 {
+		border-radius: 4px;
+	}
+	
+	//badge & label inside buttons
+	> .badge , > .label {
+		position: absolute !important;
+		top: -2px;
+		right: -2px;
+		padding: 1px 3px;
+		text-align: center;
+		font-size: @font-size-label-inside-btn-app - 1;
+		
+		color: #FFF;
+
+		&.badge-left , &.label-left{
+			right: auto;
+			left: -2px;
+		}
+	}
+	
+	> .badge-yellow, > .label-yellow {
+		color: @label-yellow-text;
+	}
+	> .badge-light, > .label-light {
+		color: @label-light-text;
+	}
+
+	
+	> .label {
+		padding:1px 6px 3px;
+		font-size: @font-size-label-inside-btn-app;
+	}
+	&.radius-4 , &.no-radius {
+		> .badge {
+			border-radius: 3px;
+			&.no-radius {// > .badge.no-radius
+				border-radius: 0;
+			}
+		}
+	}
+	
+	
+	
+	//active state
+	&.active {
+		color:@btn-app-active;
+		&:after {
+			display: none;
+		}
+		&.btn-yellow {
+			color:@btn-app-yellow-color;
+			border-color:@btn-app-yellow-border;
+		}
+		&.btn-light {
+			color:@btn-app-light-active;
+		}
+	}
+}
+
+
+
+
+//////////
+//
+//ie8 fix needed (ace-ie.css)
+.btn-group > .btn-app:first-child:not(:last-child):not(.dropdown-toggle) {
+	margin-right: 24px;
+}
+.btn-group > .btn-app + .btn-app.dropdown-toggle {
+	position: absolute;
+	width: auto;
+	height: 100%;
+	padding-left: 6px;
+	padding-right: 6px;
+	
+	margin-left: -23px;
+	
+	.border-left-radius(0);
+	
+	right: 0;
+}
+
+
+.btn.btn-app {
+ &.btn-light, &.btn-yellow {
+	.box-shadow(~"0 0 0 1px rgba(0, 0, 0, 0.08) inset") !important;
+ }
+}
+
+
+}
+.enable_application_buttons();
diff --git a/web/bootstrap-ace-admin/css/less/dropdown.less b/web/bootstrap-ace-admin/css/less/dropdown.less
new file mode 100755
index 00000000..b56e77e2
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/dropdown.less
@@ -0,0 +1,280 @@
+@dropdown-shadow:~"0 2px 4px rgba(0, 0, 0, 0.2)";
+
+
+// dropdown menus
+.icon-white,
+.nav-pills > .active > a > .@{icon},
+.nav-list > .active > a > .@{icon},
+.navbar-inverse .nav > .active > a > .@{icon},
+.dropdown-menu > li > a:hover > .@{icon},
+.dropdown-menu > li > a:focus > .@{icon},
+.dropdown-menu > .active > a > .@{icon},
+.dropdown-submenu:hover > a > .@{icon},
+.dropdown-submenu:focus > a > .@{icon} {
+ background-image: none;
+}
+
+
+
+.dropdown-menu {
+ .border-radius(0) !important;
+ .box-shadow(@dropdown-shadow);
+ > li > a {
+	font-size: @font-size-dropdown-menu;
+	padding-left: 11px;
+	padding-right: 11px;
+	padding-bottom: 4px;
+	margin-bottom: 1px;
+	margin-top: 1px;	
+ }
+
+ &.dropdown-only-icon {
+	min-width: 50px;
+	> li {
+		//float:left;
+		margin:0 4px;
+		> a {
+			.@{icon} {
+				width: 18px;
+				//font-size: 16px;
+				display: inline-block;
+				text-align: center;
+			}
+			.icon-2x {
+				width: 36px;
+				//font-size:22px;
+			}
+		}// > a
+	}// > li
+ }//&.dropdown-only-icon
+
+}//.dropdown-menu
+
+
+
+.enable_dropdown_colors() when(@enable-dropdown-colors = true) {
+//dropdown
+.dropdown-color(@bgcolor:~"menu";@txtcolor:#FFFFFF) {
+  @dropdown-class:~`"dropdown-@{bgcolor}"`;
+  @dropdown-bg:~`"dropdown-@{bgcolor}"`;
+  @dropdown-cl:@@dropdown-bg;
+
+
+  .@{dropdown-class} {
+	> li:hover > a,
+	> li > a:focus,
+	> li > a:active,
+	> li.active > a,
+	> li.active:hover > a
+	//,
+	//.dropdown-submenu:hover > a
+	//,.nav-tabs & li > a:focus
+	{
+		background: @dropdown-cl;
+		color: @txtcolor;
+	}
+  }
+}
+
+.dropdown-color();
+.dropdown-color(~"default");
+.dropdown-color(~"info");
+.dropdown-color(~"primary");
+.dropdown-color(~"success");
+.dropdown-color(~"warning");
+.dropdown-color(~"danger");
+.dropdown-color(~"inverse");
+.dropdown-color(~"purple");
+.dropdown-color(~"pink");
+.dropdown-color(~"grey");
+.dropdown-color(~"light" ; #333333);
+.dropdown-color(~"lighter" ; #444444);
+.dropdown-color(~"lightest" ; #444444);
+.dropdown-color(~"yellow" ; #444444);
+.dropdown-color(~"yellow2" ; #444444);
+.dropdown-color(~"light-blue" ; #445566);
+
+
+//.dropdown-light , .dropdown-lighter , .dropdown-lightest {
+//  .dropdown-submenu:hover > a:after {
+//	border-left-color:#444;
+//  }
+//}
+
+}
+.enable_dropdown_colors();
+
+
+
+//closer to the toggle button
+.dropdown-menu {
+ &.dropdown-close {
+	top:92%;
+	left:-5px;
+	&.dropdown-menu-right {
+		left:auto;
+		right:-5px;
+	}
+ }
+ &.dropdown-closer {
+	top:80%;
+	left:-10px;
+	&.dropdown-menu-right {
+		right:-10px;
+		left:auto;
+	}
+ }
+}
+
+.dropup , .navbar-fixed-bottom .dropdown {
+ > .dropdown-menu {
+	top: auto !important;
+	bottom: 100%;
+	
+	&.dropdown-close {
+		bottom: 92%;
+	}
+	&.dropdown-closer {
+		bottom: 80%;
+	}
+ }
+}
+
+
+
+
+.dropdown-submenu > .dropdown-menu {
+ .border-radius(0);
+}
+.dropdown-submenu > a:after {
+ margin-right:-5px;
+}
+
+
+
+.dropdown-50 {
+	min-width: 50px;
+}
+.dropdown-75 {
+	min-width: 75px;
+}
+.dropdown-100 {
+	min-width: 100px;
+}
+.dropdown-125 {
+	min-width: 125px;
+}
+.dropdown-150 {
+	min-width: 150px;
+}
+
+ 
+
+
+
+.dropdown-hover {
+	position: relative;
+	&:before {
+		//for better hoverability
+		display: block;
+		content: "";
+		
+		position: absolute;
+		//z-index: auto;
+		top: -2px;
+		bottom: -2px;
+		left: -2px;
+		right: -2px;
+		
+		background-color: transparent;
+	}
+}
+.dropdown-hover:hover > .dropdown-menu {
+	display: block;
+}
+
+.dropdown-menu > .dropdown-hover > .dropdown-menu {
+	top: -5px;
+	left: 99%;
+	right: auto;
+}
+.dropdown-menu > .dropdown-hover > .dropdown-menu.dropdown-menu-right {
+	left: auto;
+	right: 99%;
+}
+.dropup .dropdown-menu > .dropdown-hover > .dropdown-menu,
+.dropdown-menu > .dropdown-hover.dropup > .dropdown-menu
+ {
+	top: auto;
+	bottom: -5px;
+}
+
+
+
+
+
+
+//carets
+.dropdown-menu.dropdown-caret:before {
+    border-bottom: 7px solid rgba(0, 0, 0, 0.2);
+	-moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
+	
+    border-left: 7px solid transparent;
+    border-right: 7px solid transparent;
+    content: "";
+    display: inline-block;
+    left: 9px;
+    position: absolute;
+    top: -7px;
+}
+.dropdown-menu.dropdown-caret:after {
+    border-bottom: 6px solid #FFF;
+	-moz-border-bottom-colors: #FFF;
+	
+    border-left: 6px solid transparent;
+    border-right: 6px solid transparent;
+    content: "";
+    display: inline-block;
+    left: 10px;
+    position: absolute;
+    top: -6px;
+}
+
+.dropdown-menu.dropdown-menu-right.dropdown-caret:before, .dropdown-menu.dropdown-caret-right.dropdown-caret:before {
+    left: auto;
+	right:9px;
+}
+.dropdown-menu.dropdown-menu-right.dropdown-caret:after, .dropdown-menu.dropdown-caret-right.dropdown-caret:after {
+    left: auto;
+	right:10px;
+}
+
+
+//drop up
+.dropup , .navbar-fixed-bottom .dropdown {
+	> .dropdown-menu.dropdown-caret:before {
+		border-bottom-width: 0;
+		border-top: 7px solid rgba(0, 0, 0, 0.2);
+		-moz-border-top-colors: rgba(0, 0, 0, 0.2);
+		
+		bottom: -7px;
+		top: auto;
+	}
+	> .dropdown-menu.dropdown-caret:after {
+		border-bottom-width: 0;
+		border-top: 6px solid #FFF;
+		-moz-border-top-colors: #FFF;
+
+		bottom: -6px;
+		top: auto;
+	}
+}
+
+
+
+
+
+//colorpicker dropdown
+@import "dropdown/colorpicker.less";
+@import "dropdown/navbar-dropdown.less";
+@import "dropdown/navbar-tabbed-dropdown.less";
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/dropdown/colorpicker.less b/web/bootstrap-ace-admin/css/less/dropdown/colorpicker.less
new file mode 100755
index 00000000..f22ba931
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/dropdown/colorpicker.less
@@ -0,0 +1,65 @@
+.enable_simple_color_picker() when(@enable-simple-color-picker = true) {
+
+.dropdown-colorpicker {
+ > .dropdown-menu {
+	padding: 4px;
+	min-width: 130px;
+	max-width: 130px;
+	
+	
+	top: 80%;
+	left: -7px;
+	&.dropdown-menu-right {
+		right: -7px;
+		left: auto;
+	}
+	
+	 > li {
+		display:block;
+		float:left;
+		width:20px; height:20px;
+		margin:2px;
+		 > .colorpick-btn {
+			  display:block;
+			  width:20px; height:20px;
+			  
+			  margin:0; padding:0;		  
+			  border-radius:0;
+			  position:relative;
+			  
+			  .transition(~"all ease 0.1s");
+			  
+			  &:hover {
+				 text-decoration:none;
+				 .opacity(0.8);
+				 .scale(1.08, 1.08);
+			  }
+			  &.selected:after {
+				content: "\f00c";
+				display: inline-block;
+				font-family: FontAwesome;
+				font-size: @font-size-colorpicker-check;
+				color: #FFF;
+				
+				position:absolute; left:0; right:0; text-align:center; line-height:20px;
+			  }
+		 }
+		
+	 }
+ }
+}
+
+.btn-colorpicker {
+	display:inline-block;
+	width:20px; height:20px;
+	background-color:#DDD;
+	vertical-align:middle;
+ 
+	border-radius:0;
+}
+
+
+
+
+}
+.enable_simple_color_picker();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/dropdown/navbar-dropdown.less b/web/bootstrap-ace-admin/css/less/dropdown/navbar-dropdown.less
new file mode 100755
index 00000000..6bedd5f9
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/dropdown/navbar-dropdown.less
@@ -0,0 +1,176 @@
+.enable_navbar_dropdowns() when(@enable-navbar-dropdowns = true) {
+
+//top user info dropdowns
+.dropdown-navbar {
+  padding:0;
+  width: @navbar-dropdown-width;
+  .box-shadow(@navbar-dropdown-shadow);
+
+  
+  > li {
+	padding: 0 8px;
+	background-color: #FFF;
+	
+	&.dropdown-header {
+		text-shadow: none;
+		padding-top: 0;
+		padding-bottom: 0;
+		line-height: 34px;
+		font-size: @font-size-navbar-dropdown-header;
+		font-weight: bold;
+		text-transform: none;
+		border-bottom: 1px solid;
+	}
+	
+	> .@{icon} , > a > .@{icon} {
+		margin-right: 5px !important;
+		color: #555;
+		font-size: @font-size-navbar-dropdown-icon;
+	}
+	
+	
+	
+	> a {
+		padding: 10px 2px;
+		margin: 0;
+		border-top: 1px solid;
+		font-size: @font-size-navbar-dropdown-item;
+		line-height: 16px;
+		color: #555 !important;
+		background-color: transparent !important;
+		white-space: normal;
+
+		.progress {
+			margin-bottom: 0;
+			margin-top: 4px;
+		}
+		.badge {
+			line-height: 16px;
+			padding-right: 4px;
+			padding-left: 4px;
+			font-size: @font-size-navbar-dropdown-item;
+		}
+	}
+	&:first-child > a , &.dropdown-header + li > a{
+		border-top-width: 0;
+	}
+
+	&.dropdown-footer > a {
+		color: #4F99C6 !important;
+ 
+		text-align:center;
+		font-size: @font-size-navbar-dropdown-footer;
+		
+		&:hover {
+			background-color:#FFF;
+			text-decoration:underline;
+			> .@{icon} {
+				text-decoration:none;
+			}
+		}
+
+	}
+  }//end of li
+
+
+  //navbar colors
+  
+  .navbar-colors(@border-color; @hover-color; @header-bg; @header-txt; @header-icon; @item-bottom) {
+	border-color:@border-color;
+	> li {
+		&:hover {
+			background-color: @hover-color;
+		}
+		&.dropdown-header {
+			background-color:@header-bg;
+			color:@header-txt;
+			border-bottom-color:@border-color;
+
+			> .@{icon} {
+				color:@header-icon;
+			}
+		}
+		> a {
+			border-top-color: @item-bottom;
+			//background-color: inherit;
+		}
+	}
+  }
+
+  .navbar-colors(#BCD4E5 ; #F4F9FC ; #ECF2F7 ; #8090A0 ; #8090A0; #E4ECF3);
+  &.navbar-pink {
+	.navbar-colors(#E5BCD4 ; #FCF4F9 ; #F7ECF2 ; #B471A0 ; #C06090 ; #F3E4EC);
+  }
+  &.navbar-grey {
+	.navbar-colors(#E5E5E5 ; #F8F8F8 ; #F2F2F2 ; #3A87AD ; #3A87AD; #EEEEEE);
+  }
+  &.navbar-green {
+	.navbar-colors(#B4D5AC ; #F4F9EF ; #EBF7E4 ; #88AA66 ; #90C060; #ECF3E4);
+  }
+
+
+
+  [class*="btn"].@{icon} {
+	display: inline-block;
+	//border: none;
+	margin: 0 5px 0 0;
+	width: 24px;
+	text-align: center;
+	padding-left: 0;
+	padding-right: 0;
+  }
+
+
+  //user info on top navbar icons
+ .msg-photo {
+	 max-width: 42px;
+	 float: left;
+	 margin-top: 2px;
+ }
+ .msg-body {
+	display: block;
+	line-height: 20px;
+	white-space: normal;
+	vertical-align: middle;
+	
+	margin-left: 50px;
+ }
+ .msg-title {
+	display: inline-block;
+	line-height: 14px;
+ }
+ .msg-time {
+	display: block;
+	font-size: @font-size-navbar-dropdown-msg-time;
+	color: #777;
+	> .@{icon} {
+		font-size: floor(@font-size-navbar-dropdown-msg-time * 1.3);
+		color: #555;
+	}
+ }
+
+}
+
+
+
+.dropdown-navbar > .dropdown-content {
+  padding: 0;
+  .dropdown-navbar {
+	list-style: none;
+	margin: 0;
+	padding: 0 !important;//to override padding-top: 2px when inside tabbed dropdown
+	.box-shadow(none);
+	
+	width: auto;
+	display: block;
+	float: none;
+
+	border-width: 0;
+	position: static;
+	z-index: auto;
+  }
+}
+
+
+}
+.enable_navbar_dropdowns();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/dropdown/navbar-tabbed-dropdown.less b/web/bootstrap-ace-admin/css/less/dropdown/navbar-tabbed-dropdown.less
new file mode 100755
index 00000000..b59467fc
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/dropdown/navbar-tabbed-dropdown.less
@@ -0,0 +1,97 @@
+.enable_navbar_tabbed_dropdowns() when(@enable-navbar-tabbed-dropdowns = true) {
+
+//tabs inside navbar dropdown
+.dropdown-navbar {
+ .nav-tabs {
+   border-width: 0;
+   box-shadow: none;
+   background-color:#F9F9F9 !important;
+   top: auto;
+   width: 100%;
+
+   //to make them all the same size
+   > li {
+	display: table-cell;
+	width: 1%;
+	float: none !important;//to override .rtl's
+  
+     > a {
+		margin: 0 0 0 1px !important;
+		text-align: center;
+		
+		box-shadow: none !important;
+		background-color: #F9F9F9 !important;
+
+		border-width: 0 !important;
+		border-bottom: 2px solid #BECAD1 !important;
+		
+		//&:focus {
+		//	color: darken(desaturate(#5085AF, 5%), 5%) !important;
+		//}
+		
+		&:before {
+			//the small line separating tabs
+			display: block;
+			content: "";
+			position: absolute;
+			left: -1px;
+			top: 3px;
+			bottom: 3px;
+			width: 1px;
+			background-color: #BECAD1;
+		}
+     }
+	 &:first-child > a {
+		margin-left: 0 !important;
+		&:before {
+			//hide the separator line
+			display: none;  
+		}
+	 }
+	 &.active > a {
+		border-bottom: 2px solid #79B0CE !important;
+		color:#5085AF !important;
+		background-color: #ECF2F7 !important;
+	 }
+   }
+ }//.nav-tabs
+ 
+ .tab-content {
+   padding: 0 !important;
+   border-color: #FFF !important;
+
+  .dropdown-menu {
+	 display: block;
+	 position: static;
+	 
+	 margin: 0 !important;
+	 padding-top: 2px;
+	 
+	 border-color: #FFF !important;
+	 box-shadow: none !important;
+	 width: 100%;
+  }
+ }//.tab-content
+
+
+ &.navbar-pink {
+	.nav-tabs > li.active > a {
+	  border-bottom: 2px solid #E5BCD4 !important;
+	  color: #C06090 !important;
+	  background-color: #F7ECF2 !important;
+	}
+	.nav-tabs > li:not(.active) > a:hover {
+	  color: #BA7396;
+	}
+	.nav-tabs > li > a:before {
+	  background-color: #CEBBCB;
+	}
+	.nav-tabs > li > a {
+	  border-bottom-color: #CEBBCD !important;
+	}
+ }
+}
+
+
+}
+.enable_navbar_tabbed_dropdowns();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/ext/bootstrap-tag.less b/web/bootstrap-ace-admin/css/less/ext/bootstrap-tag.less
new file mode 100755
index 00000000..b0858f71
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/ext/bootstrap-tag.less
@@ -0,0 +1,135 @@
+.enable_plugin_tag_input() when(@enable-plugin-tag-input = true) {
+
+.tags {
+  display: inline-block;
+  padding: 4px 6px;
+  color: @ace-grey;
+  vertical-align: middle;
+  //.border-radius(@inputBorderRadius);
+  background-color: #FFF;
+  border: 1px solid @input-border;
+  //.box-shadow(inset 0 1px 1px rgba(0,0,0,.075));
+ 
+  //.transition(~"border linear .2s, box-shadow linear .2s");
+  width: 206px;
+  
+  &:hover {
+	border-color:@input-hover-border;
+  }
+  
+  &-hover , &-hover:hover {
+    border-color: @input-border-focus;
+    outline: 0;
+    //outline: thin dotted \9; /* IE6-9 */
+  }
+  
+  &[class*="span"] {
+    float: none;
+    margin-left: 0;
+  }
+  
+  input[type="text"],
+  input[type="text"]:focus {
+    border: none;
+    display: inline;
+    outline: 0;
+    margin: 0;
+    padding: 0;
+    line-height: 18px;
+    .box-shadow(none);
+    width: 100%;
+  }
+}
+
+.tags {
+ .tag {
+  display: inline-block;
+  position:relative;
+  
+  font-size: @base-font-size;
+  font-weight: normal;
+  //line-height: 14px; // ensure proper line-height if floated
+
+  vertical-align: baseline;
+  white-space: nowrap;
+  
+  //background-color: #3E9BD0;
+  //color:#FFF;
+  
+  background-color:@tag-bg;
+  color:#FFF;
+  text-shadow:1px 1px 1px rgba(0, 0, 0, 0.15);
+  
+  padding: 4px 22px 5px 9px;
+ // .border-radius(9px);
+  margin-bottom: 3px;
+  margin-right: 3px;
+  .transition(~"all 0.2s");
+  
+  &:empty {
+    display: none;
+  }
+  
+  &:hover {
+	//background-color: #B2CADD;
+  }
+
+/**
+  &:nth-child(5n+1) {
+	background-color:#48A2E0;
+  }
+  &:nth-child(5n+2) {
+	background-color:#34C896;
+  }
+  &:nth-child(5n+3) {
+	background-color:#B57BB3;
+  }
+  &:nth-child(5n+4) {
+	background-color:#CC7DA8;
+  }
+  &:nth-child(5n+5) {
+	background-color:#666;
+  }
+*/
+  
+  
+  // Important (red)
+  &-important   { background-color: @btn-danger; }
+  // Warnings (orange)
+  &-warning     { background-color: @btn-warning; }
+  // Success (green)
+  &-success     { background-color: @btn-success; }
+  // Info (turquoise)
+  &-info        { background-color: @btn-info; }
+  // Inverse (black)
+  &-inverse     { background-color: @btn-inverse; }
+
+  .close {
+    font-size: @font-size-tag-remove;
+    line-height: 20px;
+
+	.opacity(1);
+	color: #FFF;
+	text-shadow: none;
+	
+	float: none;
+	position: absolute;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	width: 18px;
+	text-align: center;
+	
+	&:hover {
+		background-color: rgba(0,0,0,0.2);
+	}
+  }
+ }
+}
+
+
+
+
+
+}
+.enable_plugin_tag_input();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/fonts-rel.less b/web/bootstrap-ace-admin/css/less/fonts-rel.less
new file mode 100755
index 00000000..fa0cc4d2
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/fonts-rel.less
@@ -0,0 +1,195 @@
+// heading font size
+@h1-size: ceil(@base-font-size * 2.4);
+@h2-size: ceil(@base-font-size * 2);
+@h3-size: ceil(@base-font-size * 1.66);
+@h4-size: ceil(@base-font-size * 1.33);
+@h5-size: ceil(@base-font-size * 1.15);
+@h6-size: @base-font-size;
+
+@font-size-brand: ceil(@base-font-size * 1.8);//~24px brand logo text size
+
+@font-size-text-input: @font-size-base;//14px
+
+
+@nav-item-font-size: @base-font-size;
+@nav-item-icon-size: ceil(@base-font-size * 1.33);//~18px;
+@nav-item-arrow-size: ceil(@base-font-size * 1.33);//~18px;
+@font-size-old-toggle-button: @base-font-size;
+@font-size-sidebar-minimize-icon: @base-font-size + 1;
+@font-size-sidebar-toggle: @base-font-size;
+
+@font-size-submenu-item-icon: @base-font-size - 1;
+@font-size-submenu-3rd-level-icon: @base-font-size + 1;
+
+
+
+@font-size-breadcrumb: @base-font-size;
+@font-size-breadcrumb-sep: @base-font-size + 1;//!ignore
+@font-size-breadcrumbs-home: ceil(@base-font-size * 1.5);//~ 20px
+
+@font-size-alert: @base-font-size + 1;
+@font-size-alert-close: ceil(@base-font-size * 1.23);
+
+@font-flot-chart-label: ceil(@base-font-size * 0.75);//!ignore ~ 10px
+
+@font-size-btn-sm: @base-font-size;
+@font-size-btn-minier: @font-size-btn-sm - 1;
+
+@font-size-btn-app: ceil(@base-font-size * 1.33);//~18px;
+@font-size-btn-app-icon: ceil(@font-size-btn-app * 2.33);//~42px;
+
+@font-size-btn-app-sm: ceil(@base-font-size * 1.23);//~16px;
+@font-size-btn-app-sm-icon: ceil(@font-size-btn-app-sm * 2);//~32px;
+
+@font-size-btn-app-xs: ceil(@base-font-size * 1.15);//~15px;
+@font-size-btn-app-xs-icon: ceil(@font-size-btn-app-xs * 1.6);//~24px;
+
+@font-size-label-inside-btn-app: @base-font-size;
+
+@font-size-navbar-dropdown-header: @base-font-size;
+@font-size-navbar-dropdown-footer: @base-font-size;
+@font-size-navbar-dropdown-icon: @base-font-size + 1;
+@font-size-navbar-dropdown-item: @base-font-size - 1;
+@font-size-navbar-dropdown-msg-time: ceil(@base-font-size * 0.8);//~11px;
+
+@font-size-dropdown-menu: @base-font-size;
+
+@font-size-file-input-name: @base-font-size;
+@font-size-file-input-icon: @base-font-size;
+
+@font-size-file-input-btn: ceil(@base-font-size * 0.8);//~11px;
+@font-size-file-input-name-large: ceil(@base-font-size * 1.33);//~18px;
+@font-size-file-input-icon-large: ceil(@font-size-file-input-name-large * 3.5);//~64px;
+
+
+@font-size-help-button: @base-font-size - 1;
+@font-size-label: @base-font-size + 1;
+@font-size-help-inline: @base-font-size;
+
+@font-size-input-icon: ceil(@base-font-size * 1.23);//~16px;
+
+@font-size-gallery-hover-tools: ceil(@base-font-size * 1.33);//~18px;
+
+@font-size-content-header: ceil(@base-font-size * 1.8);//~24px;
+@font-size-content-header-small: @base-font-size + 1;
+
+@font-size-infobox-icon: ceil(@base-font-size * 1.8);//~24px;
+@font-size-infobox-data: @base-font-size;
+@font-size-infobox-data-number: ceil(@base-font-size * 1.66);//~22px;
+@font-size-infobox-text: ceil(@base-font-size * 1.23);//~16px;
+
+@font-size-infobox-dark-icon: ceil(@base-font-size * 2.3);//~30px;
+@font-size-infobox-sparkline: ceil(@base-font-size * 1.8);//~24px;
+@font-size-infobox-stat: @base-font-size;
+@font-size-infobox-badge: ceil(@base-font-size * 0.8);// ~ 11px
+
+
+@font-size-item-time: ceil(@base-font-size * 0.8);//item lists ~ 11px
+@font-size-item-time-icon: @base-font-size + 1;
+@font-size-item-text: @base-font-size;
+
+
+@font-size-badge: @base-font-size - 1;
+
+@font-size-navbar-nav-item: @base-font-size;
+@font-size-navbar-nav-input: @base-font-size;
+
+@font-size-navbar-user-button-icon: ceil(@base-font-size * 1.23);//~16px;
+@font-size-user-menu: @base-font-size + 1;
+
+
+@font-size-inbox-tab-large: @base-font-size + 1;
+@font-size-inbox-attachment-icon: ceil(@base-font-size * 1.33);//~18px;
+@font-size-inbox-start-icon: ceil(@base-font-size * 1.15);//~15px;
+
+
+@font-size-invoice-data: @base-font-size + 1;
+
+@font-size-login-box-footer-links: ceil(@base-font-size * 1.15);//~15px;
+@font-size-signup-box-footer-link: @base-font-size + 1;
+@font-size-login-social-icon: ceil(@base-font-size * 1.8);//~24px;
+
+@font-size-pricing-price: ceil(@base-font-size * 1.66);//~22px;
+@font-size-pricing-price-small: ceil(@base-font-size * 1.66);//~22px;
+@font-size-pricing-button: ceil(@base-font-size * 1.23);//~16px;
+@font-size-pricing-table-caption: @base-font-size;
+@font-size-pricing-table-value: @base-font-size;
+
+@font-size-timeline-badge: @font-size-badge;
+@font-size-timeline-icon: ceil(@base-font-size * 1.23);//~16px;
+@font-size-timeline-style2-label: @base-font-size + 1;
+
+@font-size-searchbox: @base-font-size;
+@font-size-searchbox-icon: @base-font-size + 1;
+
+
+@font-size-accordion-toggle: @base-font-size;
+
+@font-size-wysiwyg-button-icon: @base-font-size + 1;
+
+@font-size-tooltip: @base-font-size - 1;
+
+@font-size-widget-toolbar-icon: @base-font-size + 1;
+
+
+@font-size-spinner-button-large: ceil(@base-font-size * 1.33);//~18px;
+@font-size-wizard-step: @base-font-size + 2;
+@font-size-wizard-title: @base-font-size + 1;
+
+
+
+
+
+@font-size-colorpicker-check: ceil(@base-font-size * 0.8);//~ 11px;
+@font-size-tag-remove: ceil(@base-font-size * 1.15);//~15px;
+@font-size-file-input-reset: ceil(@base-font-size * 0.8);//~ 11px;
+@font-size-moda-close: ceil(@base-font-size * 2.4);//~ 32px;
+
+@font-size-profile-thumb: ceil(@base-font-size * 1.33);//~18px;
+@font-size-calendar-header: ceil(@base-font-size * 1.66);//~22px;;
+@font-size-markdown-icon: @base-font-size + 1;
+
+@font-size-typeahead-suggestion: ceil(@base-font-size * 1.23);//~16px;
+@font-size-typeahead-hint: @font-size-typeahead-suggestion;
+
+@font-size-jquery-dialog-close: ceil(@base-font-size * 1.23);//~16px;
+@font-size-jquery-spinner: ceil(@base-font-size * 0.75);
+@font-size-grid-pager: ceil(@base-font-size * 1.3);//~17px;
+@font-size-gritter-close: ceil(@base-font-size * 1.23);//~16px;
+@font-size-editable-clear: ceil(@base-font-size * 1.15);//~15px;
+
+@font-size-dropzone-message: ceil(@base-font-size * 1.8);//~24px;
+@font-size-dropzone-icon: ceil(@base-font-size * 2.3);//~30px;
+
+@font-size-datetimepicker-switch: ceil(@base-font-size * 1.23);//~16px;
+@font-size-colorbox-close: ceil(@base-font-size * 1.6);//~21px;
+@font-size-colorbox-icon: ceil(@base-font-size * 1.8);//~24px;
+
+
+@font-size-spinner-button: ceil(@base-font-size * 0.75);// ~ 10px
+@font-size-wizard-complete: ceil(@base-font-size * 1.3);//~17px;
+@font-size-tree-icon: ceil(@base-font-size * 0.8);//~11px;;
+
+@font-size-onpage-help-icon-1: ceil(@base-font-size * 2.66);//~18px;
+@font-size-onpage-help-icon-1-small: ceil(@base-font-size * 1.33);//~18px;
+@font-size-onpage-help-icon-1-smaller: @base-font-size + 1;
+@font-size-onpage-help-icon-2: ceil(@base-font-size * 1.23);//~16px;
+
+
+
+//switch elements, because of (almost) pixel perfection we need absolute values
+@font-size-checkbox: 12px;
+@font-size-radio: 10px;
+@font-size-checkbox-large: 16px;
+@font-size-radio-large: 14px;
+
+@font-size-switch-1-text: 11px;
+@font-size-switch-1-bar: 12px;
+@font-size-switch-3-text: 13px;
+@font-size-switch-4-text: 12px;
+@font-size-switch-4-bar: 11px;	
+@font-size-switch-6-text: 16px;
+@font-size-switch-7-text: 13px;
+@font-size-switch-7-bar: 16px;
+@font-size-switch-rotated-bar: 17px;
+
diff --git a/web/bootstrap-ace-admin/css/less/fonts.less b/web/bootstrap-ace-admin/css/less/fonts.less
new file mode 100755
index 00000000..0db398be
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/fonts.less
@@ -0,0 +1,196 @@
+// heading font size
+@h1-size: 32;
+@h2-size: 26;
+@h3-size: 22;
+@h4-size: 18;
+@h5-size: 15;
+@h6-size: 13;
+
+@font-size-brand: 24px;//brand logo text size
+
+@font-size-text-input: @font-size-base;//14px
+
+
+@nav-item-font-size: @base-font-size;
+@nav-item-icon-size: 18px;
+@nav-item-arrow-size: 18px;
+@font-size-old-toggle-button: @base-font-size;
+@font-size-sidebar-minimize-icon: 14px;
+@font-size-sidebar-toggle: @base-font-size;
+
+@font-size-submenu-item-icon: @base-font-size - 1;
+@font-size-submenu-3rd-level-icon: @base-font-size + 1;
+
+
+
+
+@font-size-breadcrumb: @base-font-size;
+@font-size-breadcrumb-sep: 14px;//!ignore
+@font-size-breadcrumbs-home: 20px;//~ 20px
+
+@font-size-alert: @base-font-size + 1;
+@font-size-alert-close: 16px;
+
+@font-flot-chart-label: 10px;//!ignore
+
+@font-size-btn-sm: @base-font-size;
+@font-size-btn-xs: @font-size-small;
+@font-size-btn-minier: @font-size-btn-sm - 1;
+
+@font-size-btn-app: 18px;
+@font-size-btn-app-icon: 42px;
+
+@font-size-btn-app-sm: 16px;
+@font-size-btn-app-sm-icon: 32px;
+
+@font-size-btn-app-xs: 15px;
+@font-size-btn-app-xs-icon: 24px;
+
+@font-size-label-inside-btn-app: @base-font-size;
+
+@font-size-navbar-dropdown-header: @base-font-size;
+@font-size-navbar-dropdown-footer: @base-font-size;
+@font-size-navbar-dropdown-icon: @base-font-size + 1;
+@font-size-navbar-dropdown-item: @base-font-size - 1;
+@font-size-navbar-dropdown-msg-time: 11px;
+
+@font-size-dropdown-menu: @base-font-size;
+
+@font-size-file-input-name: @base-font-size;
+@font-size-file-input-icon: @base-font-size;
+
+@font-size-file-input-btn: 11px;
+@font-size-file-input-name-large: 18px;
+@font-size-file-input-icon-large: 64px;
+
+
+@font-size-help-button: @base-font-size - 1;
+@font-size-label: @base-font-size + 1;
+@font-size-help-inline: @base-font-size;
+
+@font-size-input-icon: 16px;
+
+@font-size-gallery-hover-tools: 18px;
+
+@font-size-content-header: 24px;
+@font-size-content-header-small: @base-font-size + 1;
+
+@font-size-infobox-icon: 24px;
+@font-size-infobox-data: @base-font-size;
+@font-size-infobox-data-number: 22px;
+@font-size-infobox-text: 16px;
+
+@font-size-infobox-dark-icon: 30px;
+@font-size-infobox-sparkline: 24px;
+@font-size-infobox-stat: 13px;
+@font-size-infobox-badge: 11px;
+
+
+@font-size-item-time: 11px;//item lists
+@font-size-item-time-icon: 14px;
+@font-size-item-text: 13px;
+
+
+@font-size-badge: @base-font-size - 1;
+
+@font-size-navbar-nav-item: @base-font-size;
+@font-size-navbar-nav-input: @base-font-size;
+
+@font-size-navbar-user-button-icon: 16px;
+@font-size-user-menu: 14px;
+
+
+@font-size-inbox-tab-large: 14px;
+@font-size-inbox-attachment-icon: 18px;
+@font-size-inbox-start-icon: 15px;//~15px;
+
+
+@font-size-invoice-data: @base-font-size + 1;
+
+@font-size-login-box-footer-links: 15px;
+@font-size-signup-box-footer-link: 14px;
+@font-size-login-social-icon: 24px;
+
+@font-size-pricing-price: 22px;
+@font-size-pricing-price-small: 22px;
+@font-size-pricing-button: 16px;
+@font-size-pricing-table-caption: @base-font-size;
+@font-size-pricing-table-value: @base-font-size;
+
+@font-size-timeline-badge: @font-size-badge;
+@font-size-timeline-icon: 16px;
+@font-size-timeline-style2-label: 14px;
+
+@font-size-searchbox: @base-font-size;
+@font-size-searchbox-icon: @base-font-size + 1;
+
+
+@font-size-accordion-toggle: @base-font-size;
+
+@font-size-wysiwyg-button-icon: @base-font-size + 1;
+
+@font-size-tooltip: @base-font-size - 1;
+
+@font-size-widget-toolbar-icon: @base-font-size + 1;
+
+
+@font-size-spinner-button-large: 18px;
+@font-size-wizard-step: @base-font-size + 2;
+@font-size-wizard-title: @base-font-size + 1;
+
+
+
+
+@font-size-colorpicker-check: 11px;
+@font-size-tag-remove: 15px;
+@font-size-file-input-reset: 11px;
+@font-size-moda-close: 32px;
+
+@font-size-profile-thumb: 18px;
+@font-size-calendar-header: 22px;
+@font-size-markdown-icon: @base-font-size + 1;
+
+@font-size-typeahead-suggestion: 16px;
+@font-size-typeahead-hint: @font-size-typeahead-suggestion;
+
+@font-size-jquery-dialog-close: 16px;
+@font-size-jquery-spinner: 10px;
+@font-size-grid-pager: 17px;
+@font-size-gritter-close: 16px;
+@font-size-editable-clear: 15px;
+
+@font-size-dropzone-message: 24px;
+@font-size-dropzone-icon: 30px;
+
+@font-size-datetimepicker-switch: 16px;
+@font-size-colorbox-close: 21px;
+@font-size-colorbox-icon: 24px;
+
+
+@font-size-spinner-button: 10px;
+@font-size-wizard-complete: 17px;
+@font-size-tree-icon: 11px;
+
+@font-size-onpage-help-icon-1: 18px;
+@font-size-onpage-help-icon-1-small: 18px;
+@font-size-onpage-help-icon-1-smaller: @base-font-size + 1;
+@font-size-onpage-help-icon-2: 16px;
+
+
+
+//switch elements, because of (almost) pixel perfection we need absolute values
+@font-size-checkbox: 12px;
+@font-size-radio: 10px;
+@font-size-checkbox-large: 16px;
+@font-size-radio-large: 14px;
+
+@font-size-switch-1-text: 11px;
+@font-size-switch-1-bar: 12px;
+@font-size-switch-3-text: 13px;
+@font-size-switch-4-text: 12px;
+@font-size-switch-4-bar: 11px;	
+@font-size-switch-6-text: 16px;
+@font-size-switch-7-text: 13px;
+@font-size-switch-7-bar: 16px;
+@font-size-switch-rotated-bar: 17px;
+
diff --git a/web/bootstrap-ace-admin/css/less/footer.less b/web/bootstrap-ace-admin/css/less/footer.less
new file mode 100755
index 00000000..b590edc0
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/footer.less
@@ -0,0 +1,190 @@
+.enable_footer() when (@enable-footer = true) {
+.footer {
+  @footer-offset: @grid-gutter-width / 2;
+
+  padding-top: 75px;
+  height: 0;
+  width: 0;
+  
+  .footer-inner {
+	 text-align: center;
+
+	 position: absolute;
+	 z-index: auto;
+	 left: 0;
+	 right: 0;
+	 bottom: 0;
+
+	 .sidebar ~ & {
+		left: @sidebar-width;
+	 }
+	 @media (min-width: @screen-compact-menu) {
+	  .sidebar.compact ~ & {
+		left: @sidebar-compact-width;
+	  }
+	 }
+	 .sidebar.menu-min ~ & {
+		left: @sidebar-min-width;
+	 }
+	 @media (min-width: @grid-float-breakpoint) {
+	   .sidebar.h-sidebar ~ & {
+		  left: 0;
+	   }
+	 }
+	 
+	 @media (max-width: @grid-float-breakpoint-max) {
+		& , .sidebar ~ &, .sidebar.compact ~ & , .sidebar.menu-min ~ & {
+			left: 0;
+		}
+		.sidebar.responsive-min ~ & {
+			left: @sidebar-min-width;
+		}
+	 }
+
+
+	 .enable_container_footer() when(@enable-container = true) {
+		 .container.main-container & {//no sidebar
+			 @media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
+				left: auto !important;//for RTL
+				right: auto !important;//for RTL
+			
+				margin-left: auto;
+				width: @container-sm;
+			 }
+			 @media (min-width: @screen-md-min) {
+				left: auto !important;//for RTL
+				right: auto !important;//for RTL
+			
+				width: @container-md;
+			 }
+			 @media (min-width: @screen-lg-min) {
+				width: @container-lg;
+			 }
+		 }
+		 
+		 .container.main-container .sidebar ~ & {
+			 @media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
+				left: auto !important;//for RTL
+				right: auto !important;//for RTL
+			
+				margin-left: auto;
+				width: @container-sm ;
+			 }
+			 @media (min-width: @screen-md-min) {
+				left: auto !important;//for RTL
+				right: auto !important;//for RTL
+			
+				margin-left: @sidebar-width;
+				width: @container-md - @sidebar-width;
+			 }
+			 @media (min-width: @screen-lg-min) {
+				margin-left: @sidebar-width;
+				width: @container-lg - @sidebar-width;
+			 }
+		 }
+		 
+		 .enable_compact_menu_footer_container() when (@enable-compact-menu = true) {
+		 
+		   .container.main-container .sidebar.compact ~ & {
+			 @media (min-width: max(@screen-compact-menu, @screen-md-min)) {
+				margin-left: @sidebar-compact-width;
+				width: @container-md - @sidebar-compact-width;
+			 }
+			 @media (min-width: max(@screen-compact-menu, @screen-lg-min)) {
+				margin-left: @sidebar-compact-width;
+				width: @container-lg - @sidebar-compact-width;
+			 }
+		   }
+		 }
+		 .enable_compact_menu_footer_container();
+		 
+		 
+		 .enable_collapse_menu_footer_container() when (@enable-sidebar-collapse = true) {
+		  .container.main-container .sidebar.menu-min ~ & {
+			 @media (min-width: @screen-md-min) {
+				margin-left: @sidebar-min-width;
+				width: @container-md - @sidebar-min-width;
+			 }
+			 @media (min-width: @screen-lg-min) {
+				margin-left: @sidebar-min-width;
+				width: @container-lg - @sidebar-min-width;
+			 }
+		  }
+		 }
+		 .enable_collapse_menu_footer_container();
+		 
+		 
+		 .enable_horizontal_menu_footer_container() when (@enable-horizontal-menu = true) {
+		  .container.main-container .sidebar.h-sidebar ~ & {
+			 @media (min-width: @grid-float-breakpoint) {
+				margin-left: 0;
+				width: @container-md;
+			 }
+			 @media (min-width: @screen-md-min) {
+				margin-left: 0;
+				width: @container-md;
+			 }
+			 @media (min-width: @screen-lg-min) {
+				margin-left: 0;
+				width: @container-lg;
+			 }
+		  }
+		 }
+		 .enable_horizontal_menu_footer_container();
+
+		 
+		 .enable_responsive_min_menu_footer_container() when (@enable-minimized-responsive-menu = true) {
+		  .container.main-container .sidebar.responsive-min ~ & {
+		    @media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
+				margin-left: @sidebar-min-width;
+				width: @container-sm - @sidebar-min-width;
+			}
+		  }
+		 }
+		 .enable_responsive_min_menu_footer_container();
+		 
+	}
+	.enable_container_footer();
+	
+	
+
+	.footer-content {
+		 position: absolute;
+
+		 left: @footer-offset;
+		 right: @footer-offset;
+		 bottom: 4px;
+		 
+		 padding: 8px;
+		 line-height: 36px;	
+		 
+		 border-top: 3px double #E5E5E5;
+	}
+			 
+  }//.footer-inner
+  
+
+  &.footer-fixed .footer-inner {
+	position: fixed;
+	z-index: 999;
+	bottom: 0;
+	
+	.footer-content {
+		left: 2px;
+		right: 2px;
+		bottom: 2px;
+		border: 1px solid #DDD;
+		background-color: #F2F2F2;
+	}
+  }
+  
+  &.footer-fixed + .btn-scroll-up {
+	z-index: 999;
+  }
+
+  
+}//.footer
+
+}
+
+.enable_footer();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/form.less b/web/bootstrap-ace-admin/css/less/form.less
new file mode 100755
index 00000000..f35e3b89
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/form.less
@@ -0,0 +1,641 @@
+//some extra form variables
+//more important ones are inside "variables.less"
+
+@input-placeholder-color:#C0C0C0;
+@input-readonly-color:#939192;
+@input-readonly-bg:#F5F5F5;
+@input-readonly-focus-border:#AAA;
+@input-readonly-focus-bg:#F9F9F9;
+@input-readonly-focus-shadow:~"0px 0px 0px 2px rgba(150, 150, 150, 0.3)";
+
+@input-disabled-color:#848484;
+@input-disabled-bg:#EEE;
+
+@input-hover-border:lighten(greyscale(@input-border-focus),10%);
+ 
+@option-hover-bg: #EEE;//desaturate(darken(#EEF5FA , 1%) , 4%);
+
+
+//form error states
+@success-state-border:lighten(#92BF65 , 4%);
+@success-state-color:#8BAD4C;
+@success-state-focus-border: darken(#81A85A , 4%);
+@success-state-focus-color:darken(@success-state-color, 10%);
+@success-state-focus-shadow:~"0px 0px 0px 2px rgba(130, 188, 58, 0.3)";
+@success-state-text-color:#7BA065;//the color of the help text, etc inside that control label
+@success-state-background-color: lighten(@success-state-border , 34.5%);
+
+@error-state-border:lighten(#F09784 , 4%);
+@error-state-color:#D68273;
+@error-state-focus-border: darken(#DB8978 , 4%);
+@error-state-focus-color:darken(@error-state-color, 10%);
+@error-state-focus-shadow:~"0px 0px 0px 2px rgba(219, 137, 120, 0.3)";
+@error-state-text-color:#D16E6C;
+@error-state-background-color: lighten(@error-state-border , 21.5%);
+
+@warning-state-border:lighten(#E0C43A , 4%);
+@warning-state-color: #D3BD50;
+@warning-state-focus-border: darken(#D8BC41 , 4%);
+@warning-state-focus-color: darken(@warning-state-color, 10%);
+@warning-state-focus-shadow:~"0px 0px 0px 2px rgba(216, 188, 65, 0.3)";
+@warning-state-text-color:#D19D59;
+@warning-state-background-color: lighten(@warning-state-border , 38%);
+
+@info-state-border:lighten(#64A6BC , 4%);
+@info-state-color:#4B89AA;
+@info-state-focus-border: darken(#64A6BC , 10%);
+@info-state-focus-color: darken(@info-state-color, 10%);
+@info-state-focus-shadow:~"0px 0px 0px 2px rgba(58, 120, 188, 0.3)";
+@info-state-text-color:#657BA0;
+@info-state-background-color: lighten(@info-state-border , 35.5%);
+
+@disabled-state-color:#848484;
+@disabled-state-bg:#EEE;
+
+
+
+
+
+//form elements
+.form-line {
+  margin-bottom:24px; padding-bottom:12px;
+  border-bottom:1px solid #EEE;
+}
+.form-actions {
+  display:block;
+
+  background-color: #F5F5F5;
+  border-top: 1px solid #E5E5E5;
+  margin-bottom: 20px;
+  margin-top: 20px;
+  padding: 19px 20px 20px;
+}
+
+.help-button {
+  display: inline-block;
+  height: 22px;
+  width: 22px;
+  line-height: 22px;
+  text-align: center;
+  padding: 0;
+  background-color: @help-button-bg;
+  color: #FFF;
+  font-size: @font-size-help-button;
+  font-weight: bold;
+  cursor: default;
+ 
+  margin-left: 4px;
+  .border-radius(100%);
+  border-color: #FFF;
+  border: 2px solid #FFF;
+ 
+  .box-shadow(~"0px 1px 0px 1px rgba(0, 0, 0, 0.2)");
+  
+  &:hover {
+	background-color: @help-button-bg;
+	text-shadow: none;
+ }
+}
+
+
+
+label {
+ font-weight: normal;
+ font-size: @font-size-label;
+}
+.form-group > label[class*="col-"] {
+ //padding-top: 4px;
+ margin-bottom: 4px;
+}
+
+
+//label , .lbl {
+ //vertical-align: middle;
+//}
+td > label , th > label
+{
+ margin-bottom: 0;
+ line-height: inherit;
+ vertical-align: middle;
+}
+label.inline {
+ margin-bottom: 3px;
+}
+
+
+textarea,
+input[type="text"],
+input[type="password"],
+input[type="datetime"],
+input[type="datetime-local"],
+input[type="date"],
+input[type="month"],
+input[type="time"],
+input[type="week"],
+input[type="number"],
+input[type="email"],
+input[type="url"],
+input[type="search"],
+input[type="tel"],
+input[type="color"] {
+ .border-radius(0) !important;
+ color: @input-color;
+ background-color: @input-background;
+ border: 1px solid @input-border;
+ 
+ padding: 5px 4px 6px;
+ //line-height: 1.3;
+ font-size: @font-size-text-input;
+ font-family: inherit;
+
+ .box-shadow(none) !important;
+
+ .transition-duration(0.1s);
+ 
+ &:hover {
+	border-color: @input-hover-border;
+ }
+ &:focus {
+	//.box-shadow(@input-shadow-focus);
+	.box-shadow(none);
+	 
+	color: @input-color-focus;
+	border-color: @input-border-focus;
+	background-color: @input-background-focus;
+	outline: none;
+ }
+}
+
+input::-webkit-input-placeholder, .form-control::-webkit-input-placeholder {
+	color: @input-placeholder-color;
+}
+input:-moz-placeholder, .form-control:-moz-placeholder { //FF 4 - 18
+	color: @input-placeholder-color;
+	opacity: 1;
+}
+input::-moz-placeholder, .form-control::-moz-placeholder { //FF 19+
+	color: @input-placeholder-color;
+	opacity: 1;
+}
+input:-ms-input-placeholder, .form-control:-ms-input-placeholder { //IE 10+
+	color: @input-placeholder-color;
+}
+
+
+.form-control , select {
+  //line-height: 1;
+  border-radius : 0;
+  .box-shadow(none) !important;
+   
+  color: @input-color;
+  background-color: @input-background;
+  border:1px solid @input-border;
+  &:focus {
+
+	color: @input-color-focus;
+	border-color: @input-border-focus;
+	background-color: @input-background-focus;
+	outline:none;
+ }
+}
+textarea.form-control {
+  padding:5px 9px
+}
+select {
+  padding:3px 4px;
+  height: 30px;
+}
+select.form-control {
+  padding:4px 6px;
+  //height: 32px;
+}
+select[multiple] , select.form-control[multiple] {
+	height: auto;
+}
+select.input-sm {
+ border-radius: 0;
+ padding: 2px 3px;
+}
+select.input-lg {
+ border-radius: 0;
+ padding: 6px 8px; 
+}
+
+
+input.block {
+  display:block;
+  margin-bottom:9px;
+}
+
+
+textarea.autosize-transition {
+ .transition-duration("height 0.2s");
+}
+.limiterBox {
+  border: 1px solid #222;
+  border-top: none;
+  background-color: #333;
+  padding: 3px 6px;
+  font-size: @base-font-size;
+  color:#FFF;
+  margin-top:6px;
+  &:after {
+	display:none;
+  }
+ &:before {
+	display:block;
+	content:"";
+  
+	position: absolute;
+	width: 0; height: 0;
+	top: -8px;
+	left: 50%;
+	margin-left: -5px;
+  
+	border-color: transparent;
+	border-style: solid;
+	border-bottom-color: #333;
+	-moz-border-bottom-colors: #333;
+	border-width: 0 8px 8px;
+ }
+}
+
+
+
+select {
+ & , &.form-control {
+	 option {
+		padding: 3px 4px 5px;
+		&:active , &:hover, &:focus {
+			background-color: @option-hover-bg;
+			color: #444;
+		}
+		&.no-option {
+			padding: 1px 0;
+		}
+	 }
+ }
+}
+
+
+
+input[disabled] {
+  color: @input-disabled-color !important;
+  background-color: @input-disabled-bg !important;
+  &:hover {
+	border-color: @input-border !important;
+  }
+}
+input[readonly] {
+  color: @input-readonly-color;
+  background: @input-readonly-bg !important;
+  cursor:default;
+
+  &:hover {
+	border-color:lighten(@input-readonly-focus-border , 10%);
+  }
+  &:focus {
+	//.box-shadow(@input-readonly-focus-shadow);
+	.box-shadow(none);
+	border-color: @input-readonly-focus-border;
+	background-color: @input-readonly-focus-bg;
+  }
+}
+
+.help-inline {
+ font-size: @font-size-help-inline !important;
+}
+
+
+
+.input-icon {
+ position:relative;
+ span& {
+	display:inline-block;
+ }
+ 
+ > input {
+	padding-left:24px;
+	padding-right:6px;
+ }
+ &.input-icon-right > input {
+	padding-left:6px;
+	padding-right:24px;
+ }
+
+ > .@{icon} {
+	padding: 0 3px;
+	z-index: 2;
+	position: absolute;
+	top: 1px;
+	bottom: 1px;
+	left: 3px;
+	line-height: 30px;
+ 
+	display: inline-block;
+	color: #909090;
+	font-size: @font-size-input-icon;
+ }
+ 
+ &.input-icon-right > .@{icon} {
+	left:auto;
+	right:3px;
+ }
+ 
+ > input:focus + .@{icon} {
+	color:#579;
+ }
+
+ ~ .help-inline {
+	padding-left:8px;
+ }
+
+
+
+ //.form-group.has-warning & > .@{icon} { color: @warning-state-color; }
+ //.form-group.has-success & > .@{icon} { color: @success-state-color; }
+ //.form-group.has-error & > .@{icon} { color: @error-state-color; }
+ //.form-group.has-info & > .@{icon} { color: @info-state-color; }
+}
+
+
+
+
+//checkboxes , radio and switches
+.form-search , .form-inline {
+	.radio [type=radio] + label, .checkbox [type=checkbox] + label {
+		 float: left;
+		 margin-left: -20px;
+
+		.form-search & , .form-inline & {
+			margin-left:0;
+			margin-right:3px;
+		}
+	}
+}
+
+.input-append , .input-prepend {
+ .form-search & .search-query:focus {
+	.box-shadow(none);
+ }
+ input, select, .uneditable-input {
+	.border-radius(0);
+ }
+}
+
+
+
+.input-mini {
+  width: 60px;
+  max-width: 100%;
+}
+
+.input-small {
+  width: 90px;
+  max-width: 100%;
+}
+
+.input-medium , .input-md {
+  width: 150px;
+  max-width: 100%;
+}
+
+.input-large {
+  width: 210px;
+  max-width: 100%;
+}
+
+.input-xlarge {
+  width: 270px;
+  max-width: 100%;
+}
+
+.input-xxlarge {
+  width: 530px;
+  max-width: 100%;
+}
+input.input-lg {
+  font-size: @font-size-large;
+}
+
+
+
+
+@import "form/checkbox.less";
+@import "form/file.less";
+
+
+
+//addon
+.input-group {
+	.input-group-addon {
+		.border-radius(0) !important;	
+
+		.form-group.has-success & {
+			border-color: @success-state-border;
+		}
+		.form-group.has-error & {
+			border-color: @error-state-border;
+		}
+		.form-group.has-warning & {
+			border-color: @warning-state-border;
+		}
+		.form-group.has-info & {
+			border-color: @info-state-border;
+		}
+	}
+	
+	
+	> .btn {
+		line-height:20px;
+		padding:0 6px;
+		.border-radius(0) !important;
+
+		&.btn-sm {
+			line-height:22px;
+		}
+		
+		+ .btn{
+			margin-left:1px;
+		}
+	}
+	
+	> .btn-group > .btn {
+		line-height:23px;
+		
+		&.btn-sm {
+			line-height:26px;
+		}
+	}
+	
+	> .btn , > .btn-group > .btn {
+		& , &.btn-sm {
+			> .caret {
+				margin-top:10px;
+			}
+		}
+	}
+}
+
+.input-group.input-group-compact {
+  width: 1px;
+}
+
+
+
+
+
+//input error states
+.form-group select,
+.form-group textarea,
+.form-group input[type="text"],
+.form-group input[type="password"],
+.form-group input[type="datetime"],
+.form-group input[type="datetime-local"],
+.form-group input[type="date"],
+.form-group input[type="month"],
+.form-group input[type="time"],
+.form-group input[type="week"],
+.form-group input[type="number"],
+.form-group input[type="email"],
+.form-group input[type="url"],
+.form-group input[type="search"],
+.form-group input[type="tel"],
+.form-group input[type="color"] {
+	background:#FFF;
+}
+.form-group.has-success {
+ input, select, textarea {
+	border-color: @success-state-border;
+	color: @success-state-color;
+	.box-shadow(none);
+
+	&:focus {
+		.box-shadow(@success-state-focus-shadow);
+		color: @success-state-focus-color;
+		border-color: @success-state-focus-border;
+		background-color: @success-state-background-color;
+		
+		+ .@{icon} {
+			color: @success-state-color;
+		}		
+	}
+ }
+ .@{icon} {
+	color: @success-state-color;
+ }
+ .btn .@{icon} {
+	color: inherit;
+ }
+
+ .control-label , .help-block  , .help-inline {
+	color: @success-state-text-color;
+ }
+}
+
+.form-group.has-info {
+ input , select, textarea {
+	border-color: @info-state-border;
+	color: @info-state-color;
+	.box-shadow(none);
+
+	&:focus {
+		.box-shadow(@info-state-focus-shadow);
+		color: @info-state-focus-color;
+		border-color: @info-state-focus-border;
+		background-color: @info-state-background-color;
+		
+		+ .@{icon} {
+			color: @info-state-color;
+		}
+	}
+ }
+ .@{icon} {
+	color: @info-state-color;
+ }
+ .btn .@{icon} {
+	color: inherit;
+ }
+ 
+ .control-label , .help-block  , .help-inline {
+	color: @info-state-text-color;
+ }
+}
+
+
+.form-group.has-error {
+ input , select, textarea {
+	border-color: @error-state-border;
+	color: @error-state-color;
+	.box-shadow(none);
+
+	&:focus {
+		.box-shadow(@error-state-focus-shadow);
+		color: @error-state-focus-color;
+		border-color: @error-state-focus-border;
+		background-color: @error-state-background-color;
+		
+		+ .@{icon} {
+			color: @error-state-color;
+		}
+	}
+ }
+ .@{icon} {
+	color: @error-state-color;
+ }
+ .btn .@{icon} {
+	color: inherit;
+ }
+
+ .control-label , .help-block  , .help-inline {
+	color: @error-state-text-color;
+ }
+}
+
+
+
+.form-group.has-warning {
+ input , select, textarea {
+	border-color: @warning-state-border;
+	color: @warning-state-color;
+	.box-shadow(none);
+
+	&:focus {
+		.box-shadow(@warning-state-focus-shadow);
+		color: @warning-state-focus-color;
+		border-color: @warning-state-focus-border;
+		background-color: @warning-state-background-color;
+		
+		+ .@{icon} {
+			color: @warning-state-color;
+		}
+	}
+ }
+ .@{icon} {
+	color: @warning-state-color;
+ }
+ .btn .@{icon} {
+	color: inherit;
+ }
+
+ .control-label , .help-block  , .help-inline {
+	color: @warning-state-text-color;
+ }
+}
+
+.form-group input{
+ &[disabled] , &:disabled{
+	color: @disabled-state-color !important;
+	background-color: @disabled-state-bg !important;
+ }
+}
+
+
+
+@media only screen and (max-width: @screen-xs-max) {
+ .help-inline , .input-icon + .help-inline {
+  padding-left: 0;
+  display: block !important;
+ }
+}
+
diff --git a/web/bootstrap-ace-admin/css/less/form/checkbox.less b/web/bootstrap-ace-admin/css/less/form/checkbox.less
new file mode 100755
index 00000000..cf7542a0
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/form/checkbox.less
@@ -0,0 +1,610 @@
+//some checkbox & switch variables
+@checkbox-color: #32A3CE;
+@checkbox-border-color: #C8C8C8;
+@checkbox-checked-border: #ADB8C0;
+@checkbox-hover-border: #FF893C;
+@checkbox2-bg: #F9A021;
+
+@switch-checked-bg: #8AB2C9;
+@switch-checked-border: #6A8CA8;
+@switch4-bg: #8B9AA3;
+@switch4-color: #939393;
+@switch4-checked-bg: #468FCC;
+
+@switch6-checked-border: #B7D3E5;
+@switch6-checked-bg: #FF893C;
+
+@switch7-checked-bg: #468FCC;
+@switch7-checked-border: #6FB3E0;
+
+
+@switch-1-text: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
+@switch-2-text: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
+@switch-4-text: "ON\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0OFF";
+@switch-5-text: "YES\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0NO";
+@switch-7-text: "OFF\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0\a0ON";
+
+@lbl_selector: ~"+ .lbl";
+//@lbl_selector: ~"~ .lbl";//uncomment for ASP.NET or use css builder tool
+
+.enable_checkbox() when(@enable-checkbox = true) {
+//Checkbox & Radio
+
+@lbl: @lbl_selector;//+ .lbl   or   ~ .lbl  (for ASP.NET)
+
+input[type=checkbox].ace , input[type=radio].ace {
+	opacity: 0;
+	position: absolute;	
+	z-index: 1;//so that it is clickable and above (.lbl)
+	
+	width: 18px;
+	height: 18px;
+	cursor: pointer;
+
+	label & {
+		z-index: -100 !important;
+		width: 1px !important;//width '0' has issues with jQuery Validate not recognizing this
+		height: 1px !important;
+		clip: rect(1px, 1px, 1px, 1px);
+		position: absolute;//"fixed" causes issues on iOS safari?!
+		//we don't need it to be hoverable/clickable when inside a label
+	}
+	
+	&:checked, &:focus {
+		outline: none !important;
+	}
+	
+	@{lbl} {
+		position: relative;
+		display:inline-block;
+		margin:0;
+		line-height:20px;
+
+		min-height:18px;
+		min-width:18px;
+		font-weight:normal;
+		
+		cursor: pointer;
+
+		&::before {
+			cursor: pointer;
+		
+			font-family: fontAwesome;
+			font-weight: normal;
+			font-size: @font-size-checkbox;
+			color: @checkbox-color;
+			content: "\a0";
+			display: inline-block;
+			background-color: #FAFAFA;
+			border: 1px solid @checkbox-border-color;
+			box-shadow: 0 1px 2px rgba(0,0,0,0.05);/*, inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
+			border-radius: 0;
+			display: inline-block;
+			text-align: center;
+			
+			//vertical-align: text-bottom;
+			//vertical-align: middle;
+
+			height: 16px;
+			line-height: 14px;
+			min-width: 16px;	
+			
+			margin-right: 1px;
+			
+			position: relative;
+			top: -1px;
+		}
+	}//.lbl
+	
+	&:checked @{lbl}::before ,
+	{
+		display:inline-block;
+		content: '\f00c';
+		background-color: #F5F8FC;
+		border-color:@checkbox-checked-border;
+		box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
+	}
+	&:hover @{lbl}::before , @{lbl}:hover::before {
+		border-color:@checkbox-hover-border;
+	}
+
+	
+	&:active , &:checked:active {
+		@{lbl}::before {
+			box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
+		}
+	}
+	
+	
+	&.ace-checkbox-2 @{lbl}::before {
+		box-shadow: none;
+	}
+	&.ace-checkbox-2:checked @{lbl}::before {
+		background-color: @checkbox2-bg;
+		border-color: @checkbox2-bg;
+		color: #FFF;
+	}
+
+	&:disabled @{lbl}::before ,
+	&[disabled] @{lbl}::before ,
+	&.disabled @{lbl}::before {
+		background-color:#DDD !important;
+		border-color:#CCC !important;
+		box-shadow:none !important;
+		color:#BBB;
+	}
+}
+//opera fix
+//no_such_element:-o-prefocus, input[type=checkbox].ace @{lbl}::before, input[type=radio].ace @{lbl}::before {
+	//vertical-align: middle;
+//}
+
+
+
+.checkbox label input[type=checkbox].ace @{lbl}, .radio label input[type=radio].ace @{lbl} {
+	margin-left: -10px;
+}
+
+
+
+
+/**
+input[type=radio].ace @{lbl}::before {
+	border-radius:100%;
+	font-size: 34px;
+	font-family: Helvetica, Arial, "Sans-Serif";//looks better but incosistent
+	line-height: 13px;
+}
+*/
+input[type=radio].ace @{lbl}::before {
+	border-radius: 100%;
+	font-size: @font-size-radio;
+	font-family: FontAwesome;//let's use a fonts that's available everywhere
+	text-shadow: 0 0 1px @checkbox-color;
+
+	line-height: 15px;
+
+	height: 17px;
+	min-width: 17px;
+}
+input[type=radio].ace:checked @{lbl}::before {
+	content:"\f111";
+}
+
+
+input[type=checkbox].ace.input-lg @{lbl}::before{
+ border-radius: 4px;
+ font-size: @font-size-checkbox-large;
+ 
+ height: 24px;
+ line-height: 21px;
+ min-width: 24px;
+
+ top: auto; 
+}
+input[type=radio].ace.input-lg @{lbl}::before {
+ font-size: @font-size-radio-large;
+  
+ height: 24px;
+ line-height: 22px;
+ min-width: 24px;
+
+ top: auto;  
+}
+
+
+
+/* CSS3 on/off switches */
+//use like <input type="checkbox" class="ace ace-switch" /> <span class="lbl"></span>
+
+.enable_switches() when(@enable-switch = true) {
+
+input[type=checkbox].ace.ace-switch {
+  width: 55px;
+  height: 25px;
+
+	@{lbl} {
+		margin:0 4px;
+		min-height:24px;
+		
+		&::before {
+			font-family: 'Open Sans';
+			content: @switch-1-text;
+
+			color: #999;
+			text-shadow: 0 0 0 #999;
+			font-weight: normal;
+			font-size: @font-size-switch-1-text;
+
+			line-height: 17px;// line-height:21px \9;/*ie9*/
+			height: 20px;
+			overflow: hidden;
+
+			border-radius: 12px;
+
+			background-color: #F5F5F5;
+			//.box-shadow(~"inset 0px 2px 2px 0px rgba(0,0,0,.2)");
+			.box-shadow(~"inset 0 1px 1px 0 rgba(0, 0, 0, 0.15)");
+			
+
+			border: 1px solid #CCC;
+
+			text-align: left;
+			float: left;
+			padding: 0;
+			width: 52px;
+			text-indent: -21px;// text-indent: -21px \9;
+			margin-right: 0;
+
+			.transition(~"text-indent .3s ease");
+			
+			top: auto;
+		}
+		
+		&::after {
+			font-family: 'Open Sans';
+			content: 'III'; 
+			font-size: @font-size-switch-1-bar;
+			font-weight: normal;
+			letter-spacing: 0;
+			color: #AAA;
+			
+			text-shadow: none;
+			//text-shadow: 0 0 0 #999;
+			
+			
+			background-color: #FFF;
+			
+			//text-align: center;
+			//text-indent: -2px;
+			
+			border-radius: 100%;
+			
+			width: 22px;
+			height: 22px;
+			line-height: 22px;
+			text-align: center;
+			
+			
+			position: absolute;
+			top: -2px;
+			left: -3px;
+			
+			.box-shadow(~"0px 1px 1px 1px rgba(0,0,0,.3)");
+			//text-shadow:0px 1px 1px rgba(0,0,0,0.3) inset;
+
+			.transition(~"left .3s ease");
+		}
+	}
+	
+	&:checked @{lbl} {
+		&::before {
+			text-indent: 8px;
+
+			color: #FFF;
+			text-shadow: 0 0 0 #FFF;
+			background-color: @switch-checked-bg;
+			border-color: @switch-checked-border;
+		}
+		&::after {
+			left: 34px;
+			background-color: #FFF;
+			color: #98A0A5;
+			//text-shadow: 0 0 0 #465868;
+		}
+	}
+	
+	
+	&.ace-switch-2 @{lbl}::before {
+		content: @switch-2-text;
+	}
+
+	&.ace-switch-3 @{lbl}::after {
+		font-family: FontAwesome;
+		font-size: @font-size-switch-3-text;
+		line-height: 22px;
+		content: "\f00d";
+		top: -1px;
+		text-shadow: none;
+		padding: 0;
+		text-align: center;
+		color: #BBB;
+		letter-spacing: 0;
+	}
+	&.ace-switch-3:checked @{lbl}::after {
+		content: "\f00c";
+		color: #8AB2C9;
+		text-shadow: none;
+	}
+	
+	//switch style 4 & 5
+	.enable_switch_style_4() when(@enable-switch-style-4 = true) {
+	  &.ace-switch-4 , &.ace-switch-5 {
+		width: 60px;
+		@{lbl}::before {
+			content: @switch-4-text;
+			//font-family:Arial, Helvetica, sans-serif;
+			//font-weight:bolder;
+			font-size: @font-size-switch-4-text;
+			line-height: 21px;
+			height: 24px;
+			overflow: hidden;
+			//line-height:25px \9;
+			
+			border-radius: 12px;
+			
+			display: inline-block;
+			background-color: @switch4-bg;
+			border: 1px solid @switch4-bg;
+
+			color: #FFF;
+			width: 56px;
+			text-indent: -25px;// text-indent: -28px \9;
+			text-shadow: 0 0 0 #FFF;
+			
+			display: inline-block;
+			position: relative;
+			
+			//margin-right:8px;
+			
+			box-shadow:none;
+			
+			.transition(~"all .3s ease");
+		}
+		
+		@{lbl}::after {
+			content: 'III'; 
+	
+			font-size: @font-size-switch-4-bar;
+			position: absolute;
+			top: 2px;
+			left: 2px;
+			
+			letter-spacing: 0;
+			
+			width: 20px;
+			height: 20px;
+			line-height: 19px;
+			
+			text-shadow: none !important;
+			color: @switch4-color;
+			background-color:#FFF;
+
+			.transition(~"all .3s ease");
+		}
+
+		
+		&:checked @{lbl} {
+			&::before {
+				text-indent: 9px;
+				background-color: @switch4-checked-bg;
+				border-color: #468FCC;
+			}
+			&::after {
+				left: 34px;
+				background-color: #FFF;
+				color: darken(@switch4-color , 6%);
+			}
+		}
+		
+		
+	  }
+	  &.ace-switch-5 @{lbl}::before {
+		content: @switch-5-text;
+	  }
+	  &.ace-switch-5:checked @{lbl}::before {
+		text-indent: 8px;
+	  }
+	}
+	.enable_switch_style_4();
+	
+	
+	.enable_switch_style_6() when(@enable-switch-style-6 = true) {
+	  //switch style 6
+	  &.ace-switch-6 {
+		@{lbl} {
+			position: relative;
+			&::before {
+				font-family: FontAwesome;
+				content: "\f00d";
+				text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+				box-shadow: none;
+				border-width: 0;
+
+				font-weight: lighter;
+				font-size: @font-size-switch-6-text;
+
+
+				border-radius: 12px;
+
+				display: inline-block;
+				background-color: #888;
+
+				color: #F2F2F2;
+
+				width: 52px;
+				height: 22px;
+				line-height: 21px;
+				text-indent: 32px;
+
+				.transition(~"background 0.1s ease");
+			}
+			&::after {
+				content: ''; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
+
+				position: absolute;
+				top: 2px;
+				left: 3px;
+				
+				border-radius: 12px;
+				box-shadow:0 -1px 0 rgba(0, 0, 0, 0.25);
+
+				width: 18px;
+				height: 18px;
+				text-align: center;
+				
+				background-color: #F2F2F2;
+				border: 4px solid #F2F2F2;
+				
+				.transition(~"left 0.2s ease");
+			}
+		}
+		
+		&:checked @{lbl} {
+			&::before {
+				content: "\f00c";
+				text-indent:6px;
+
+				color:#FFF;
+				border-color:@switch6-checked-border;
+				background-color:@switch6-checked-bg;
+			}
+			&::after {
+				left:32px;
+
+				background-color:#FFF;
+				border:4px solid #FFF;
+				text-shadow:0 -1px 0 rgba(0, 200, 0, 0.25);
+			}
+		}
+	  }
+	}
+	.enable_switch_style_6();
+	
+	
+	.enable_switch_style_7() when(@enable-switch-style-7 = true) {
+	  &.ace-switch-7 {
+		width:75px;
+
+		@{lbl} {
+			position: relative;
+			&::before {
+				content: @switch-7-text;
+
+				font-weight: bolder;
+				font-size: @font-size-switch-7-text;
+				line-height: 20px;
+
+				display: inline-block;
+				background-color: #FFF;
+				border: 2px solid #AAA;
+				border-radius: 0;
+				box-shadow: none;
+
+				color: #AAA;
+
+				width: 74px;
+				height: 26px;
+				line-height: 22px;
+				overflow: hidden;
+				text-indent: 5px;
+				
+				display: inline-block;
+				position: relative;
+				
+				//margin-right:8px;
+
+				.transition(~"all 0.2s ease");
+			}
+			
+			&::after {
+				content: '\f00d';
+				font-family: FontAwesome;
+				font-size: @font-size-switch-7-bar;
+
+				position: absolute;
+				top: 3px;
+				left: 39px;
+				width: 32px;
+				height: 20px;
+				line-height: 18px;
+				
+				text-align: center;
+				padding: 0;
+				text-indent: 0;
+				
+				background-color: #AAA;
+				color: #FFF;
+				border-radius: 0;
+				box-shadow: none;
+
+				.transition(~"all 0.2s ease-in-out");
+			}
+		}
+		
+		&:checked @{lbl} {
+			&::before {
+				color: @switch7-checked-bg;
+				background-color: #FFF;
+				text-indent: -28px;
+				border-color: @switch7-checked-border;
+			}
+			&::after {
+				left: 3px;
+				content: '\f00c';
+				background-color: @switch7-checked-bg;
+				color: #FFF;
+			}
+		}
+
+	  }
+	}
+	.enable_switch_style_7();
+}
+
+
+ //any custom text
+ input[type=checkbox].ace.ace-switch @{lbl}[data-lbl]::before {
+	content: attr(data-lbl);
+ }
+
+ input[type=checkbox].ace.ace-switch.btn-empty @{lbl}::after {
+	content: "";
+ }
+ input[type=checkbox].ace.ace-switch.btn-rotate @{lbl}::after {
+	content: "\2261";// the 3 line (menu) character 
+	line-height: 20px;
+	font-size: @font-size-switch-rotated-bar; 
+ }
+
+ input[type=checkbox].ace.ace-switch-4.btn-rotate @{lbl}::after,
+ input[type=checkbox].ace.ace-switch-5.btn-rotate @{lbl}::after {
+	line-height: 17px;
+ }
+ 
+ 
+ //flat, square
+ input[type=checkbox].ace.ace-switch.btn-flat @{lbl}::before,
+ input[type=checkbox].ace.ace-switch.btn-flat @{lbl}::after {
+	border-radius: 0 !important;
+ }
+ input[type=checkbox].ace.ace-switch.ace-switch-4 , input[type=checkbox].ace.ace-switch.ace-switch-5 {
+	@{lbl}::before {
+		text-indent: -24px;
+	}
+	&:checked @{lbl}::before {
+		text-indent: 7px;
+	}
+ }
+
+}
+.enable_switches();
+
+
+
+		
+input.ace @{lbl} {
+	.checkbox-paddings() {// a little paddings for .lbl
+		 .checkbox-paddingX (@index) when (@index >= 0) {
+			&.padding-@{index}::before {
+				margin-right: unit(@index,px);
+			}
+		   .checkbox-paddingX(@index - 2);
+		  }
+		  .checkbox-paddingX(16);
+	}
+	.checkbox-paddings();
+}
+
+}
+.enable_checkbox();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/form/file.less b/web/bootstrap-ace-admin/css/less/form/file.less
new file mode 100755
index 00000000..cf8a8527
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/form/file.less
@@ -0,0 +1,454 @@
+//some file input variables
+@file-input-bg:#FFF;
+@file-input-border:#D5D5D5;
+@file-input-shadow:~"0 0 0 4px rgba(0,0,0,0.06)";
+
+@file-input-hover-border:#F59942;
+@file-input-hover-shadow:~"0 0 0 4px rgba(245, 153, 66, 0.3)";
+
+@file-input-btn-bg:#6FB3E0;
+@file-input-name-color:#888;
+@file-input-selected-name-color:#666;
+
+@file-input-icon-bg:#D1D1D1;//!ignore
+@file-input-selected-icon-bg:#EFAD62;//!ignore
+@file-input-selected-icon-picture-bg:#BD7A9D;//!ignore
+@file-input-selected-icon-film-bg:#87B87F;//!ignore
+@file-input-selected-icon-music-bg:#8B7AC9;//!ignore
+@file-input-selected-icon-archive-bg:#EFAD62;//!ignore
+
+@file-remove-bg:#FB7142;
+@file-multi-remove-color:#F4C0B1;
+@file-multi-border:#AAA;
+
+
+
+.enable_file_input() when(@enable-file-input = true) {
+
+.ace-file-input {
+  display: block;
+  font-size: inherit;
+ 
+  position: relative;
+  height: 30px;
+  //line-height: 38px;
+  
+  //margin-bottom: 9px;
+
+  input[type=file] {
+	position: absolute;
+	z-index: -999;
+	
+	width: 1px;
+	height: 1px;
+	overflow: hidden;
+
+	.opacity(0);
+	&:focus {
+		outline: none;
+	}
+  }
+
+
+  .ace-file-container {
+	display: block;
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	height: 30px;
+ 
+	background-color:@file-input-bg;
+	border:1px solid @file-input-border;
+
+	cursor:pointer;
+ 
+	//.box-shadow(@file-input-shadow);
+	.box-shadow(none);
+ 
+	.transition(~"all 0.15s");
+	
+	&:hover {
+		//.box-shadow(@file-input-hover-shadow);
+		.box-shadow(none);
+		border-color:@file-input-hover-border;
+	}
+	//the button
+	&:before {
+		 display: inline-block;
+		 content: attr(data-title);
+		  
+		 position: absolute;
+		 right: 0;
+		 top: 0;
+		 bottom: 0;
+
+		 line-height: 24px;
+		 text-align: center;
+		 padding: 0 8px;
+		 
+		 background-color: @file-input-btn-bg;
+		 color: #FFF;
+		 font-size: @font-size-file-input-btn;
+		 font-weight: bold;
+		 
+		 border: 2px solid #FFF;
+		 border-left-width: 4px;
+ 
+		.transition(~"all 0.3s");
+	}
+	
+	
+	.ace-file-name { //the file name container
+		display: inline-block;
+		height: 28px;
+		max-width: 80%;
+		white-space: nowrap;
+		overflow: hidden;
+		line-height: 28px;
+		color:@file-input-name-color;
+		font-size: @font-size-file-input-name;
+		vertical-align: top;
+		 
+		position: static;
+		padding-left: 30px;
+		
+		&:after { //the file name
+			display: inline-block;
+			content: attr(data-title);
+		}
+	}
+	&.selected  {
+		right: 16px;
+		.ace-file-name {
+			color:@file-input-selected-name-color;
+		}
+		
+	}
+	
+	.@{icon} {
+		.ace-file-icon();
+	    background-color:@file-input-icon-bg;//should be here
+	}
+	&.selected .ace-file-name {
+		.@{icon}  {
+			background-color:@file-input-selected-icon-bg;
+		}
+		.file-image {
+			background-color:@file-input-selected-icon-picture-bg;
+		}
+		.file-video {
+			background-color:@file-input-selected-icon-film-bg;
+		}
+		.file-audio {
+			background-color:@file-input-selected-icon-music-bg;
+		}
+		.file-archive {
+			background-color:@file-input-selected-icon-archive-bg;
+		}
+	}
+	&.hide-placeholder:before {
+		display:none;
+	}
+
+  }
+ 
+  a:hover{
+	text-decoration:none;
+  }
+  .remove { // the remove button
+	 position: absolute;
+	 right: -8px;
+	 top: 6px;
+	 display: none;
+
+	 width: 17px;
+	 text-align: center;
+	 height: 17px;
+	 line-height: 15px;
+	 
+	 font-size: @font-size-file-input-reset;
+	 font-weight: normal;
+
+	 background-color: @file-remove-bg;
+	 .border-radius(100%);
+	 color: #FFF;
+	 text-decoration: none;
+  }
+  .ace-file-container.selected + .remove {
+	 display: inline-block;
+  }
+  
+}
+
+
+@media screen and (-webkit-min-device-pixel-ratio:0) { 
+    .ace-file-input input[type=file] {
+		position: absolute;
+		width: 0; height: 0;
+    }
+}
+
+
+
+.ace-file-input input[type=file] {
+	&.disabled , &[disabled] , &[readonly] {
+		+ .ace-file-container {
+			cursor: not-allowed;
+			background-color:#EEE;
+			&:hover {
+				//box-shadow: 0 0 0 4px rgba(0,0,0,0.06);
+				.box-shadow(none);
+				border-color:#E3E3E3;
+			}
+			&:before {
+				border-color:#EEE;
+				background-color:#A1AAAF;
+			}
+		}
+	}
+	&[readonly] + .ace-file-container {
+		cursor:default;
+	}
+}
+
+
+.ace-file-icon() {
+  display: inline-block;
+  position: absolute;
+  left: 0;
+  top: 0;
+  bottom: 0;
+  line-height: 24px;
+  width: 26px;
+  text-align: center;
+
+  font-family: FontAwesome;
+  font-size: @font-size-file-input-icon;
+
+  border: 2px solid #FFF;
+
+  color: #FFF;
+
+  .transition(~"all 0.1s");
+}
+
+.ace-file-input .ace-file-overlay {
+  position: absolute;
+  top: -2px;
+  bottom: -2px;
+  left: -2px;
+  right: -10px;
+  z-index: 99;
+  background-color: rgba(0,0,0,0.5);
+  
+  > .overlay-content {
+	display: inline-block;
+	position: relative;
+	top: 10%;
+	left: 0;
+	right: 0; 
+	text-align: center;
+  }
+}
+
+
+
+
+
+.enable_file_input_multiple() when(@enable-file-input-multiple = true) {
+
+.ace-file-multiple {
+  height:auto;
+  .ace-file-container {
+	 position:relative;
+	 height:auto;
+	 border:1px dashed @file-multi-border;
+	 border-radius:4px;
+	 text-align:center;
+
+	 &:before {//the button
+		 display: inline-block;
+		 content: attr(data-title);
+		  
+		 position: relative;
+		 right: 0;
+		 left: 0;
+		 margin: 12px;
+		 line-height: 22px;
+
+		 background-color: #FFF;
+		 color: #CCC;
+		 font-size: @font-size-file-input-name-large;
+		 font-weight: bold;
+
+		 border-width: 0;
+	 }
+	 &.selected .ace-file-name .@{icon} {
+		.ace-file-icon();
+	 }
+
+	 
+	 .ace-file-name {
+		position: relative;
+		display: block;
+		padding: 0;
+		height: auto;
+		width: auto;
+		max-width: 100%;
+		margin: 0 4px;
+		border-bottom: 1px solid #DDD;
+		text-align: left;
+		
+		&:first-child {
+			margin-top: 1px;
+		}
+		&:last-child {
+			border-bottom-width: 0;
+			margin-bottom: 1px;
+		}
+		img {
+			padding: 2px;
+			border: 1px solid #D7D7D7;
+			background-color: #FFF;
+			background-repeat: no-repeat;
+			background-position: center;
+	 
+			margin: 4px 8px 4px 1px;
+		}
+		&:after {//the file name
+			display: none;
+		}
+	}
+	&.selected .ace-file-name:after {//the file name
+		display: inline-block;
+		white-space: pre;
+	}
+	.ace-file-name img + .@{icon} , &.selected .ace-file-name img + .@{icon}  {
+		display: none;
+	}
+
+  }
+
+
+  .remove {
+	right: -11px;
+	top: -11px;
+	border: 3px solid #BBB;
+	border-radius: 32px;
+
+	background-color: #FFF;
+	color: red;
+	
+	width: 23px; 
+	height: 23px;
+	line-height: 15px;
+  }
+  .ace-file-container.selected + .remove:hover {
+	border-color: @file-multi-remove-color;
+  }
+
+  
+ .ace-file-overlay {
+	 position: absolute;
+	 top: -12px;
+	 bottom: -6px;
+	 left: -12px;
+	 right: -12px;
+	  
+	 > .overlay-content {
+		top: 20%;
+	 }
+ }
+}
+
+
+
+
+
+.ace-file-multiple .ace-file-container {
+	.ace-file-name .@{icon} {
+	  position: relative;
+	  display: block;
+	  text-align: center;
+	  height: auto;
+	  line-height: 64px;
+	  width: auto;
+	  
+	  font-size: @font-size-file-input-icon-large;
+	  color: #D5D5D5;
+	 
+	  margin: 4px 0;
+
+	  background-color: transparent;
+	}
+	
+	&.selected:after {
+		display:none;
+	}
+	&.selected .ace-file-name .@{icon}  {
+		position:relative;
+		margin-right:4px; margin-left:2px;
+		line-height:24px;
+	}
+	
+	
+	.ace-file-name.large {
+		text-align: center;
+		border-bottom: 1px solid #222;
+		margin: 0 1px 3px;
+		
+		&:last-child {
+			margin: 0 1px;
+			//border-bottom-width: 0;
+		}
+		&:after { //image caption
+			position: absolute;
+			top: auto;
+			bottom: 0;
+			left: 0;
+			right: 0;
+			padding: 0 4px;
+			background-color: #555;
+			color: #FFF;
+			.opacity(0.8);
+		}
+
+		img {
+			border-width: 0;
+			margin: 0 !important;//to override .RTL's
+			padding: 0;
+		}
+	}
+	
+}
+
+
+
+
+
+
+.ace-file-multiple input[type=file] {
+	&.disabled , &[disabled] , &[readonly] {
+		+ .ace-file-container {
+			&:hover {
+				border-color:#AAA;
+			}
+			&:before {
+				background-color:transparent;
+			}
+			
+			.@{icon} {
+				border-color:#EEE;
+			}
+		}
+	}
+}
+
+}
+.enable_file_input_multiple();
+
+
+
+}
+.enable_file_input();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/gallery.less b/web/bootstrap-ace-admin/css/less/gallery.less
new file mode 100755
index 00000000..3b7ce158
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/gallery.less
@@ -0,0 +1,187 @@
+.enable_image_gallery() when(@enable-image-gallery = true) {
+
+//gallery
+.ace-thumbnails {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+
+  > li {
+	float: left;
+	display: block;
+	position: relative;
+	overflow: hidden;
+
+	margin: 2px;
+	border: 2px solid #333;
+	
+	> :first-child {
+		display: block;
+		position: relative;
+		&:focus {
+			outline: none;
+		}
+	}
+	
+	.tags {
+		display: inline-block;
+		position: absolute;
+		bottom: 0;
+		right: 0;
+		//left: 0;
+		overflow: visible;
+ 
+		direction: rtl;
+		
+		//set these so that it's not confused with tags plugin
+		padding: 0;
+		margin: 0;
+		height: auto;
+		width: auto;
+		background-color: transparent;
+		border-width: 0;
+		vertical-align: inherit;
+		
+		> .label-holder {
+			.opacity(0.92);
+			display: table;
+			margin: 1px 0 0 0;
+
+			direction: ltr;
+			text-align: left;
+			
+			&:hover {
+				.opacity(1);
+			}
+		}
+	}
+
+
+	> .tools {
+		 position: absolute;
+		 top: 0;
+		 bottom: 0;
+		 left: -30px;
+		 width: 24px;
+		 
+		 background-color: rgba(0,0,0,0.55);
+
+		 text-align: center; 
+		 vertical-align: middle;
+		 
+		.transition(~"all 0.2s ease");
+		
+
+		&.tools-right {
+			left: auto;
+			right: -30px;
+		}
+		&.tools-bottom {
+			width: auto;
+			height: 28px;
+			left: 0;
+			right: 0;
+			top: auto;
+			bottom: -30px;
+		}
+		&.tools-top {
+			width: auto;
+			height: 28px;
+			left: 0;
+			right: 0;
+			top: -30px;
+			bottom: auto;
+		}
+	}
+	
+	&:hover > {
+		> .tools { left: 0; right: 0; }
+		> .tools.tools-bottom { top: auto; bottom: 0; }
+		> .tools.tools-top { bottom: auto; top: 0; }
+		> .tools.tools-right { left: auto; right: 0; }
+	}
+	> .in {
+		&.tools { left: 0; right: 0; }
+		&.tools.tools-bottom { top: auto; bottom: 0; }
+		&.tools.tools-top { bottom: auto; top: 0; }
+		&.tools.tools-right { left: auto; right: 0; }
+	}
+	
+	
+
+	> .tools > a , > :first-child .inner a {
+		display: inline-block;
+		color: #FFF;
+		font-size: @font-size-gallery-hover-tools;
+		font-weight: normal;
+		padding: 0 4px;
+		
+		&:hover {
+			text-decoration: none;
+			color: #C9E2EA;
+		}
+	}
+	.tools.tools-bottom > a , .tools.tools-top > a {
+		display: inline-block;
+	}
+  
+  
+  //the custom text on hover
+	> :first-child > .text {
+		position: absolute;
+		right: 0;
+		left: 0;
+		bottom: 0;
+		top: 0;
+
+		text-align: center;
+		color: #FFF;
+		background-color:rgba(0,0,0,0.55);
+
+		.opacity(0);
+		.transition(~"all 0.2s ease");
+		
+		&:before {/* makes the inner text become vertically centered*/
+			content: '';
+			display: inline-block;
+			height: 100%;
+			vertical-align: middle;
+			margin-right: 0; /* Adjusts for spacing */
+		}
+		
+		> .inner {
+			 padding: 4px 0;
+			 margin: 0;
+
+			 display: inline-block;
+			 vertical-align: middle;
+			 max-width: 90%;
+		}
+	}
+	&:hover > :first-child  > .text{
+		.opacity(1);
+	}
+
+  }//li
+}
+
+
+
+
+//gallery
+@media only screen and (max-width: @screen-xs) {
+.ace-thumbnails { 
+ text-align: center;
+ }
+ 
+ .ace-thumbnails > li {
+	float: none;
+	display: inline-block;
+ }
+}
+
+
+
+
+}
+.enable_image_gallery();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/general.less b/web/bootstrap-ace-admin/css/less/general.less
new file mode 100755
index 00000000..472cd3d2
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/general.less
@@ -0,0 +1,139 @@
+//some page-content variables
+@content-bg: #FFF;
+@content-header-border: #E2E2E2;
+@content-header-color: #2679B5;
+@content-header-small-color: #8089A0;
+
+
+html {
+  min-height: 100%;
+  position: relative;
+}
+
+body {
+  background-color: @body-background;
+  min-height: 100%;
+  padding-bottom: 0;
+
+  font-family: 'Open Sans';
+  font-size: @base-font-size;
+  color: @text-color;
+  
+  line-height: 1.5;
+}
+
+
+.main-container {
+	//this is the white page background, used especially when inside ".container"
+	//it will expand all the way down to fill all the page space
+	&:before {
+		display: block;
+		content: "";
+		position: absolute;
+		z-index: -2;
+		
+		width: 100%;
+		max-width: inherit;
+		bottom: 0;
+		top: 0;
+		
+		background-color: #FFF;
+	}
+
+	&.container {
+		&, .rtl & {padding-left: 0; padding-right: 0;}
+		
+		&:before {
+			.box-shadow(~"0 0 0 1px rgba(0,0,0,0.1)");
+			width: inherit;
+
+			//we use above+this instead of min-width, for better results when we disable responsiveness
+			@media (max-width: @screen-xs-max) {
+				.box-shadow(~"none");
+				width: 100%;
+			}
+		}
+	}
+}
+
+.main-content {
+	.clearfix;
+
+	margin-left: 0;
+	min-height: 100%;
+	padding: 0;
+	
+	.sidebar + & {
+		margin-left: @sidebar-width;
+	}
+}
+
+.page-content {
+	background-color: @content-bg;
+	position: relative;
+	margin: 0;
+	padding: @page-content-padding-top 20px 24px;
+}
+
+.page-header {
+	margin:0 0 12px;
+	border-bottom:1px dotted @content-header-border;
+	
+	padding-bottom: 16px;
+    padding-top: 7px;
+
+	h1 {
+	  padding: 0;
+	  margin: 0 8px;
+	  font-size: @font-size-content-header;
+	  font-weight: lighter;
+	  color: @content-header-color;
+
+	  small {
+		margin: 0 6px;
+		font-size: @font-size-content-header-small;
+		font-weight: normal;
+		color: @content-header-small-color;
+	  }//small
+	}//h1
+}
+
+
+.ajax-loading-overlay {
+	position: absolute;
+	z-index: 1999;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+	
+	background-color: rgba(255, 255, 255, 0.5);
+	filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#80FFFFFF', endColorstr='#80FFFFFF',GradientType=0 )";
+	
+	
+	> .ajax-loading-icon {
+		position: relative;
+		left: 8px;
+		top: 8px;
+	}
+	
+	&.content-loaded {
+		background-color: rgba(255, 255, 255, 0.4);
+		filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#66FFFFFF', endColorstr='#66FFFFFF',GradientType=0 )";
+	}
+	&.almost-loaded {//just waiting for scripts
+		background-color: rgba(255, 255, 255, 0.3);
+		filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#4CFFFFFF', endColorstr='#4CFFFFFF',GradientType=0 )";
+	}
+	
+	&.ajax-overlay-body {
+		position: fixed;
+		z-index: 2999;
+		
+		> .ajax-loading-icon {
+			left: 8px;
+			top: 8px;
+		}
+	}
+}
+
diff --git a/web/bootstrap-ace-admin/css/less/icon-animated.less b/web/bootstrap-ace-admin/css/less/icon-animated.less
new file mode 100755
index 00000000..8115e0fa
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/icon-animated.less
@@ -0,0 +1,336 @@
+/* custom animated icons */
+.icon-animated-bell {
+  display: inline-block;
+  .animation(~"ringing 2.0s 5 ease 1.0s");  
+  .transform-origin(~"50% 0%");
+}
+
+@-moz-keyframes ringing {
+  0% { -moz-transform: rotate(-15deg);}
+  2% { -moz-transform: rotate(15deg);}
+  4% { -moz-transform: rotate(-18deg);}
+  6% { -moz-transform: rotate(18deg);}
+  8% { -moz-transform: rotate(-22deg);}
+  10% { -moz-transform: rotate(22deg);}
+  12% { -moz-transform: rotate(-18deg);}
+  14% { -moz-transform: rotate(18deg);}
+  16% { -moz-transform: rotate(-12deg);}
+  18% { -moz-transform: rotate(12deg);}
+  20% { -moz-transform: rotate(0deg);}
+}
+
+@-webkit-keyframes ringing {
+  0% { -webkit-transform: rotate(-15deg);}
+  2% { -webkit-transform: rotate(15deg);}
+  4% { -webkit-transform: rotate(-18deg);}
+  6% { -webkit-transform: rotate(18deg);}
+  8% { -webkit-transform: rotate(-22deg);}
+  10% { -webkit-transform: rotate(22deg);}
+  12% { -webkit-transform: rotate(-18deg);}
+  14% { -webkit-transform: rotate(18deg);}
+  16% { -webkit-transform: rotate(-12deg);}
+  18% { -webkit-transform: rotate(12deg);}
+  20% { -webkit-transform: rotate(0deg);}
+}
+
+@-ms-keyframes ringing {
+  0% { -ms-transform: rotate(-15deg);}
+  2% { -ms-transform: rotate(15deg);}
+  4% { -ms-transform: rotate(-18deg);}
+  6% { -ms-transform: rotate(18deg);}
+  8% { -ms-transform: rotate(-22deg);}
+  10% { -ms-transform: rotate(22deg);}
+  12% { -ms-transform: rotate(-18deg);}
+  14% { -ms-transform: rotate(18deg);}
+  16% { -ms-transform: rotate(-12deg);}
+  18% { -ms-transform: rotate(12deg);}
+  20% { -ms-transform: rotate(0deg);}
+}
+
+@keyframes ringing {
+  0% { transform: rotate(-15deg);}
+  2% { transform: rotate(15deg);}
+  4% { transform: rotate(-18deg);}
+  6% { transform: rotate(18deg);}
+  8% { transform: rotate(-22deg);}
+  10% { transform: rotate(22deg);}
+  12% { transform: rotate(-18deg);}
+  14% { transform: rotate(18deg);}
+  16% { transform: rotate(-12deg);}
+  18% { transform: rotate(12deg);}
+  20% { transform: rotate(0deg);}
+}
+
+
+
+.icon-animated-vertical  {
+  display: inline-block;
+  .animation(~"vertical 2.0s 5 ease 2.0s");
+}
+
+@-moz-keyframes vertical {
+  0% { -moz-transform: translate(0,-3px);}
+  4% { -moz-transform: translate(0,3px);}
+  8% { -moz-transform: translate(0,-3px);}
+  12% { -moz-transform: translate(0,3px);}
+  16% { -moz-transform: translate(0,-3px);}
+  20% { -moz-transform: translate(0,3px);}
+  22% { -moz-transform: translate(0,0);}
+}
+@-webkit-keyframes vertical {
+  0% { -webkit-transform: translate(0,-3px);}
+  4% { -webkit-transform: translate(0,3px);}
+  8% { -webkit-transform: translate(0,-3px);}
+  12% { -webkit-transform: translate(0,3px);}
+  16% { -webkit-transform: translate(0,-3px);}
+  20% { -webkit-transform: translate(0,3px);}
+  22% { -webkit-transform: translate(0,0);}
+}
+@-ms-keyframes vertical {
+  0% { -ms-transform: translate(0,-3px);}
+  4% { -ms-transform: translate(0,3px);}
+  8% { -ms-transform: translate(0,-3px);}
+  12% { -ms-transform: translate(0,3px);}
+  16% { -ms-transform: translate(0,-3px);}
+  20% { -ms-transform: translate(0,3px);}
+  22% { -ms-transform: translate(0,0);}
+}
+@keyframes vertical {
+  0% { transform: translate(0,-3px);}
+  4% { transform: translate(0,3px);}
+  8% { transform: translate(0,-3px);}
+  12% { transform: translate(0,3px);}
+  16% { transform: translate(0,-3px);}
+  20% { transform: translate(0,3px);}
+  22% { transform: translate(0,0);}
+}
+
+
+
+.icon-animated-hand-pointer  {
+  display: inline-block;
+  .animation(~"hand-pointer 2.0s 4 ease 2.0s");
+}
+
+@-moz-keyframes hand-pointer {
+  0% { -moz-transform: translate(0,0);}
+  6% { -moz-transform: translate(5px,0);}
+  12% { -moz-transform: translate(0,0);}
+  18% { -moz-transform: translate(5px,0);}
+  24% { -moz-transform: translate(0,0);}
+  30% { -moz-transform: translate(5px,0);}
+  36% { -moz-transform: translate(0,0);}
+}
+
+
+
+
+
+
+
+
+
+.icon-animated-wrench {
+  display: inline-block;
+  .animation(~"wrenching 2.5s 4 ease");
+  .transform-origin(~"90% 35%");
+}
+
+@-moz-keyframes wrenching {
+  0% { -moz-transform: rotate(-12deg);}
+  8% { -moz-transform: rotate(12deg);}
+
+  10% { -moz-transform: rotate(24deg);}
+  18% { -moz-transform: rotate(-24deg);}
+
+  20% { -moz-transform: rotate(-24deg);}
+  28% { -moz-transform: rotate(24deg);}
+
+  30% { -moz-transform: rotate(24deg);}
+  38% { -moz-transform: rotate(-24deg);}
+
+  40% { -moz-transform: rotate(-24deg);}
+  48% { -moz-transform: rotate(24deg);}
+
+  50% { -moz-transform: rotate(24deg);}
+  58% { -moz-transform: rotate(-24deg);}
+
+  60% { -moz-transform: rotate(-24deg);}
+  68% { -moz-transform: rotate(24deg);}
+
+  75% { -moz-transform: rotate(0deg);}
+}
+
+@-webkit-keyframes wrenching {
+  0% { -webkit-transform: rotate(-12deg);}
+  8% { -webkit-transform: rotate(12deg);}
+
+  10% { -webkit-transform: rotate(24deg);}
+  18% { -webkit-transform: rotate(-24deg);}
+
+  20% { -webkit-transform: rotate(-24deg);}
+  28% { -webkit-transform: rotate(24deg);}
+
+  30% { -webkit-transform: rotate(24deg);}
+  38% { -webkit-transform: rotate(-24deg);}
+
+  40% { -webkit-transform: rotate(-24deg);}
+  48% { -webkit-transform: rotate(24deg);}
+
+  50% { -webkit-transform: rotate(24deg);}
+  58% { -webkit-transform: rotate(-24deg);}
+
+  60% { -webkit-transform: rotate(-24deg);}
+  68% { -webkit-transform: rotate(24deg);}
+
+  75% { -webkit-transform: rotate(0deg);}
+}
+
+@-o-keyframes wrenching {
+  0% { -o-transform: rotate(-12deg);}
+  8% { -o-transform: rotate(12deg);}
+
+  10% { -o-transform: rotate(24deg);}
+  18% { -o-transform: rotate(-24deg);}
+
+  20% { -o-transform: rotate(-24deg);}
+  28% { -o-transform: rotate(24deg);}
+
+  30% { -o-transform: rotate(24deg);}
+  38% { -o-transform: rotate(-24deg);}
+
+  40% { -o-transform: rotate(-24deg);}
+  48% { -o-transform: rotate(24deg);}
+
+  50% { -o-transform: rotate(24deg);}
+  58% { -o-transform: rotate(-24deg);}
+
+  60% { -o-transform: rotate(-24deg);}
+  68% { -o-transform: rotate(24deg);}
+
+  75% { -o-transform: rotate(0deg);}
+}
+
+@-ms-keyframes wrenching {
+  0% { -ms-transform: rotate(-12deg);}
+  8% { -ms-transform: rotate(12deg);}
+
+  10% { -ms-transform: rotate(24deg);}
+  18% { -ms-transform: rotate(-24deg);}
+
+  20% { -ms-transform: rotate(-24deg);}
+  28% { -ms-transform: rotate(24deg);}
+  
+  30% { -ms-transform: rotate(24deg);}
+  38% { -ms-transform: rotate(-24deg);}
+
+  40% { -ms-transform: rotate(-24deg);}
+  48% { -ms-transform: rotate(24deg);}
+
+  50% { -ms-transform: rotate(24deg);}
+  58% { -ms-transform: rotate(-24deg);}
+
+  60% { -ms-transform: rotate(-24deg);}
+  68% { -ms-transform: rotate(24deg);}
+
+  75% { -ms-transform: rotate(0deg);}
+}
+
+@keyframes wrenching {
+  0% { transform: rotate(-12deg);}
+  8% { transform: rotate(12deg);}
+
+  10% { transform: rotate(24deg);}
+  18% { transform: rotate(-24deg);}
+    
+  20% { transform: rotate(-24deg);}
+  28% { transform: rotate(24deg);}
+ 
+  30% { transform: rotate(24deg);}
+  38% { transform: rotate(-24deg);}
+
+  40% { transform: rotate(-24deg);}
+  48% { transform: rotate(24deg);}
+
+  50% { transform: rotate(24deg);}
+  58% { transform: rotate(-24deg);}
+
+  60% { transform: rotate(-24deg);}
+  68% { transform: rotate(24deg);}
+
+  75% { transform: rotate(0deg);}
+}
+
+
+
+
+
+
+@-moz-keyframes blinking {
+  0% { opacity: 1;}
+  40% { opacity: 0;}
+  80% { opacity: 1;}
+}
+@-webkit-keyframes blinking {
+  0% { opacity: 1;}
+  40% { opacity: 0;}
+  80% { opacity: 1;}
+}
+@-ms-keyframes blinking {
+  0% { opacity: 1;}
+  40% { opacity: 0;}
+  80% { opacity: 1;}
+}
+@keyframes blinking {
+  0% { opacity: 1;}
+  40% { opacity: 0;}
+  80% { opacity: 1;}
+}
+
+
+
+
+@-moz-keyframes pulsating {
+  0% { -moz-transform: scale(1);}
+  5% { -moz-transform: scale(0.75);}
+  10% { -moz-transform: scale(1);}
+  15% { -moz-transform: scale(1.25);}
+  20% { -moz-transform: scale(1);}
+  25% { -moz-transform: scale(0.75);}
+  30% { -moz-transform: scale(1);}
+  35% { -moz-transform: scale(1.25);}
+  40% { -moz-transform: scale(1);}
+}
+@-webkit-keyframes pulsating {
+  0% { -webkit-transform: scale(1);}
+  5% { -webkit-transform: scale(0.75);}
+  10% { -webkit-transform: scale(1);}
+  15% { -webkit-transform: scale(1.25);}
+  20% { -webkit-transform: scale(1);}
+  25% { -webkit-transform: scale(0.75);}
+  30% { -webkit-transform: scale(1);}
+  35% { -webkit-transform: scale(1.25);}
+  40% { -webkit-transform: scale(1);}
+}
+@-ms-keyframes pulsating {
+  0% { -ms-transform: scale(1);}
+  5% { -ms-transform: scale(0.75);}
+  10% { -ms-transform: scale(1);}
+  15% { -ms-transform: scale(1.25);}
+  20% { -ms-transform: scale(1);}
+  25% { -ms-transform: scale(0.75);}
+  30% { -ms-transform: scale(1);}
+  35% { -ms-transform: scale(1.25);}
+  40% { -ms-transform: scale(1);}
+}
+@keyframes pulsating {
+  0% { transform: scale(1);}
+  5% { transform: scale(0.75);}
+  10% { transform: scale(1);}
+  15% { transform: scale(1.25);}
+  20% { transform: scale(1);}
+  25% { transform: scale(0.75);}
+  30% { transform: scale(1);}
+  35% { transform: scale(1.25);}
+  40% { transform: scale(1);}
+}
diff --git a/web/bootstrap-ace-admin/css/less/infobox.less b/web/bootstrap-ace-admin/css/less/infobox.less
new file mode 100755
index 00000000..bec81d42
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/infobox.less
@@ -0,0 +1,441 @@
+.enable_infobox() when (@enable-infobox = true) {
+
+//dashboard info and stats mini boxes 
+.infobox-container {
+ text-align: center;
+ font-size: 0;
+}
+.infobox {
+
+ display: inline-block;
+ width: 210px;
+ height: 66px;
+
+ color: #555;
+ background-color: #FFF;
+ box-shadow: none;
+ border-radius: 0;
+ 
+ 
+ margin: -1px 0 0 -1px;
+
+ padding: 8px 3px 6px 9px;
+ border: 1px dotted;
+ border-color: #D8D8D8 !important;
+
+ vertical-align: middle;
+ text-align: left;
+
+ position: relative;
+ 
+
+   > .infobox-icon {
+	display: inline-block;
+	vertical-align: top;
+ 
+	width:44px;
+	
+	 > .@{icon} {
+		 display: inline-block;
+		 height: 42px;
+		 margin: 0;
+		 padding: 1px 1px 0 2px;
+
+		 background-color: transparent;
+		 border-width: 0;
+
+		 text-align: center; 
+		 
+		 position: relative;
+
+		 .border-radius(100%); 
+		 .box-shadow(~"1px 1px 0 rgba(0,0,0,0.2)");
+		 
+		 &:before {
+			 font-size: @font-size-infobox-icon;
+			 display: block;
+			 padding: 6px 0 7px;
+			 
+			 width: 40px;
+			 text-align: center;
+			 border-radius: 100%;
+
+			 color: #FFF;
+			 color: rgba(255, 255, 255, 0.9);
+
+			 background-color: transparent;
+			 background-color: rgba(255, 255, 255, 0.2);
+
+			 text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.14);
+		 }
+	 }
+  }
+  
+  
+  .infobox-content {
+	 color: #555;
+	 max-width: 140px;
+	 
+	 &:first-child {//like in small infoboxes that have no number data etc
+		font-weight: bold;
+	 }
+  }
+  
+  
+  > .infobox-data {
+	 display: inline-block;
+
+	 border-width: 0;
+	 border-top-width: 0;
+
+	 font-size: @font-size-infobox-data;
+
+	 text-align: left;
+
+	 line-height: 21px;
+	 min-width: 130px;
+	 
+	 padding-left: 8px;
+	 
+	 position: relative;
+	 top: 0;
+	 
+	 > .infobox-data-number {
+		display: block;
+		font-size: @font-size-infobox-data-number;
+		margin: 2px 0 4px;
+	 
+		position: relative;
+		text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.15);
+	}
+	
+	> .infobox-text {
+		display: block;
+		font-size: @font-size-infobox-text;
+		margin: 2px 0 4px;
+		 
+		position: relative;
+		text-shadow: none;
+	}
+  }
+
+
+  &.no-border {
+		border-width: 0 !important;
+  }
+}
+
+
+@media only screen and (max-width: @screen-topbar-down) {
+ .infobox {
+	min-width: 95%;
+	margin-top: 2px;
+	margin-bottom: 2px;
+ }
+}
+
+
+
+
+//infobox color
+.infobox-color(@color) {
+  @infobox-class:~`"infobox-@{color}"`;
+  @infobox-bg:~`"infobox-@{color}"`;
+  @infobox-cl:@@infobox-bg;
+  
+  .@{infobox-class} {
+	color: @infobox-cl;
+	border-color: @infobox-cl;
+	> .infobox-icon > .@{icon}  {
+		background-color: @infobox-cl;
+	}
+	
+	.enable_infobox_dark_colors() when (@enable-infobox-dark = true) {
+		&.infobox-dark {
+			background-color: @infobox-cl;
+			border-color: @infobox-cl;
+		}
+	}
+	.enable_infobox_dark_colors();
+  }
+}
+.infobox-color(~"purple");
+.infobox-color(~"purple2");
+.infobox-color(~"pink");
+.infobox-color(~"blue");
+.infobox-color(~"blue2");
+.infobox-color(~"blue3");
+.infobox-color(~"red");
+.infobox-color(~"brown");
+.infobox-color(~"wood");
+.infobox-color(~"light-brown");
+.infobox-color(~"orange");
+.infobox-color(~"orange2");
+.infobox-color(~"green");
+.infobox-color(~"green2");
+.infobox-color(~"grey");
+.infobox-color(~"black");
+
+
+
+
+
+.enable_infobox_dark() when(@enable-infobox-dark = true) {
+.infobox-dark {
+  margin: 1px 1px 0 0;
+  border-color: transparent !important;
+  border-width: 0;
+  
+  color: #FFF;
+  padding: 4px;
+  > .infobox-icon > .@{icon} {
+	& , &:before {
+	  background-color: transparent;
+	  box-shadow: none !important;//to override .rtl's
+	  text-shadow: none;
+	  border-radius: 0;
+	  font-size: @font-size-infobox-dark-icon;
+	}
+	&:before {
+		.opacity(1);
+	}
+  }
+  
+  .infobox-content {
+	color: #FFF;	 
+  }
+
+}
+
+}
+.enable_infobox_dark();
+
+
+
+
+.infobox {
+  > .infobox-progress {
+	padding-top: 0;
+	display: inline-block;
+	vertical-align: top;
+ 
+	width: 44px;
+  }
+
+  > .infobox-chart {
+	padding-top: 0;
+	display: inline-block;
+	vertical-align: text-bottom;
+	width: 44px;
+	text-align: center;
+	
+	> .sparkline {
+		font-size: @font-size-infobox-sparkline;
+	}
+	canvas {
+		vertical-align: middle !important;
+	}
+  }
+  
+  
+  //stat trend indicators and badges
+  > .stat {
+		display: inline-block;
+		position: absolute;
+		right: 20px;
+		top: 11px;
+
+		text-shadow: none;
+		color: #ABBAC3;
+		
+		font-size: @font-size-infobox-stat;
+		font-weight: bold;
+
+		padding-right: 18px;
+		padding-top: 3px;
+		
+		&:before {
+			display: inline-block;
+			content: "";
+			 
+			width: 8px;
+			height: 11px;
+			background-color:#ABBAC3;
+			 
+			position: absolute;
+			right: 4px;
+			top: 7px;
+		}
+		&:after {
+			display: inline-block;
+			content: "";
+ 
+			position: absolute;
+			right: 1px;
+			top: -8px;
+ 
+			border: 12px solid transparent;
+			border-width: 8px 7px;
+			border-bottom-color: #ABBAC3;
+		}
+		
+		&.stat-success {//pointing up
+			color: #77C646;
+			&:before {
+				background-color: #77C646;
+			}
+			&:after {
+				border-bottom-color: #77C646;
+			}
+		}
+		
+		&.stat-important {/*pointing down*/
+			color: #E4564F;
+			&:before {
+				background-color: #E4564F;
+				top: 3px;
+			}
+			&:after {
+				border-top-color: #E4564F;
+				border-bottom-color: transparent;
+				bottom: -6px;
+				top: auto;
+			}
+		}
+  }
+  
+  .enable_infobox_dark_stats() when (@enable-infobox-dark = true) {
+	  &.infobox-dark > .stat {
+		color: #FFF;
+		&:before {
+			background-color: #E1E5E8;
+		}
+		&:after {
+			border-bottom-color: #E1E5E8;
+		}
+		
+		&.stat-success {
+			color: #FFF;
+			&:before {
+				background-color: #D0E29E;
+			}
+			&:after {
+			 border-bottom-color: #D0E29E;
+			}
+		}
+		&.stat-important {
+			color: #FFF;
+			&:before {
+				background-color: #FF8482;
+				top: 3px;
+			}
+			&:after {
+				border-top-color: #FF8482;
+				border-bottom-color: transparent;
+				bottom: -6px;
+				top: auto;
+			}
+		}
+	  }
+  }
+  .enable_infobox_dark_stats();
+
+  
+  > .badge {
+		position: absolute;
+		right: 20px;
+		top: 11px;
+		border-radius: 0;
+		 
+		text-shadow: none;
+		color: #FFF;
+
+		font-size: @font-size-infobox-badge;
+		font-weight: bold;
+		
+		line-height: 15px;
+		height: 16px;
+			
+		padding: 0 1px;	
+  }
+  
+  .enable_infobox_dark_badge() when (@enable-infobox-dark = true) {
+	  &.infobox-dark > .badge {
+			color: #FFF;
+			background-color: rgba(255,255,255,0.2) !important;
+			border: 1px solid #F1F1F1;
+
+			top: 2px;
+			right: 2px;
+
+			&.badge-success > .@{icon}{
+				color: #C6E9A1;
+			}
+			&.badge-important > .@{icon}{
+				color: #ECB792;
+			}
+			&.badge-warning > .@{icon}{
+				color: #ECB792;
+			}
+	  }
+  }
+  .enable_infobox_dark_badge();
+
+}
+
+
+
+
+.infobox-small {
+	width: 135px;
+	height: 52px;
+	text-align: left;
+ 
+	padding-bottom: 5px;
+	
+	> .infobox-icon , > .infobox-chart , > .infobox-progress {
+		display: inline-block;
+		width: 40px;
+		max-width: 40px;
+		height: 42px;
+		line-height: 38px;
+		 
+		vertical-align: middle; 
+	}
+	
+	> .infobox-data {
+		display: inline-block;
+		text-align: left;
+		 
+		vertical-align: middle;
+		max-width: 72px;
+		min-width: 0;
+	}
+	> .infobox-chart > .sparkline {
+		font-size: floor(@font-size-infobox-sparkline * 0.6);
+		margin-left: 2px;
+	}
+}
+
+
+
+}
+.enable_infobox();
+
+
+.percentage {
+  font-size: @base-font-size + 1;
+  font-weight: bold;
+  display: inline-block;
+  vertical-align: top;
+  
+  .infobox-small & {
+		font-size: @base-font-size;
+		font-weight: normal;
+		margin-top: 2px;
+		margin-left: 2px;
+   }
+}
+
+
+
diff --git a/web/bootstrap-ace-admin/css/less/items.less b/web/bootstrap-ace-admin/css/less/items.less
new file mode 100755
index 00000000..1a4ad529
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/items.less
@@ -0,0 +1,337 @@
+.enable_items() when(@enable-items = true) {
+
+.dialogs {
+  padding:9px;
+  position:relative;
+}
+.itemdiv {
+  padding-right:3px;
+  min-height:66px;
+  position:relative;
+  
+  > .user {
+	display:inline-block;
+	width:42px;
+	position:absolute;
+	left:0;
+	
+	> img, > .img {
+		border-radius:100%;
+		border: 2px solid #5293C4;
+		max-width: 40px;
+		position: relative;
+	}
+	> .img {
+		padding: 2px;
+	}
+  }
+
+
+  > .body {
+	width:auto;	
+	margin-left:50px;
+	margin-right:12px;
+
+	position:relative;
+	
+	> .time {
+		display: block;
+		font-size: @font-size-item-time;
+		font-weight: bold;
+		color: #666;
+ 
+		position: absolute;
+		right: 9px;
+		top: 0;
+
+		.@{icon} {
+			font-size: @font-size-item-time-icon;
+			font-weight: normal;
+		}
+	}// .body > .time
+	
+	> .name {
+		display: block;
+		color: #999;
+		 > b { color: #777; }
+	}// .body > .name
+
+	> .text {
+		display: block;
+		position: relative;
+		margin-top: 2px;
+		 
+		padding-bottom: 19px;
+		padding-left: 7px;
+		
+		font-size: @font-size-item-text;
+
+		&:after {
+			 display: block;
+			 content: "";
+			 height: 1px;
+			 font-size: 0;
+			 overflow: hidden;
+			 position: absolute;
+			 left: 16px;
+			 right: -12px;
+			 margin-top: 9px;
+			 
+			 border-top: 1px solid #E4ECF3;
+		}
+		
+		//> [class*="icon-quote-"]:first-child {
+		//quote icon
+		> .@{icon}:first-child {
+			color: #DCE3ED;
+			margin-right: 4px;
+		}
+	}// .body > .text
+  }
+  &:last-child > .body > .text {
+	border-bottom-width: 0;
+	&:after {
+		display: none;
+	}
+  }
+
+
+
+ &.dialogdiv {
+	padding-bottom: 14px;
+	&:before {
+		position: absolute;
+		display: block;
+		content: "";
+		 
+		top: 0;
+		bottom: 0;
+		left: 19px;
+		
+		width: 3px;
+		max-width: 3px;
+
+		background-color: #E1E6ED;
+		border: 1px solid #D7DBDD;
+		border-width: 0 1px;
+	}
+	&:last-child {
+		padding-bottom: 0;
+	}
+	&:last-child:before {
+		display: none;
+	}
+	
+	
+	> .user > img {
+		border-color: #C9D6E5;
+	}
+	> .body {
+		border: 1px solid #DDE4ED;
+		padding: 5px 8px 8px;
+		border-left-width: 2px;
+		margin-right: 1px;
+
+		&:before{
+			content: "";
+			display: block;
+
+			position: absolute;
+			left: -7px;
+			top: 11px;
+
+			width: 8px;
+			height: 8px;
+
+			border: 2px solid #DDE4ED;
+			border-width: 2px 0 0 2px;
+			background-color: #FFF;
+
+			.box-sizing(content-box);
+
+			.rotate(-45deg);
+		}
+		
+		> .time {
+			position: static;
+			float: right;
+		}
+		> .text {
+			padding-left: 0;
+			padding-bottom: 0;
+			&:after {display: none;}
+		}
+	}
+	
+	.tooltip-inner {
+		word-break: break-all;
+	}
+ }//end of .itemdiv.dialogdiv
+
+
+
+ &.memberdiv {
+	 width: 175px;
+	 @media (min-width: @grid-float-breakpoint) {
+		& { max-width: 50%;	}
+	 }
+	  @media (max-width: @grid-float-breakpoint-max) {
+		& {	min-width: 33.333%;	}
+	 }
+
+	 padding: 2px;
+	 margin: 3px 0;
+	 float: left;
+	 border-bottom: 1px solid #E8E8E8;
+	  
+	 > .user > img {
+		border-color: #DCE3ED;
+	 }
+
+	 > .body {
+		> .time {
+			position: static;
+		}
+		> .name {
+			line-height: 18px;
+			height: 18px;
+			margin-bottom: 0;
+			> a {
+				display: inline-block;
+				max-width: 100px;
+				max-height: 18px;
+				overflow: hidden;
+				text-overflow: ellipsis;
+				word-break: break-all;
+			}
+		}
+	 }
+ }//.itemdiv.memberdiv
+
+
+
+ .tools {
+	//width:20px;
+	position: absolute;
+	right: 5px;
+	bottom: 10px;
+	display: none;
+	.btn {
+		border-radius: 36px;
+		margin: 1px 0;
+	}
+ }
+ .body .tools {
+	bottom: 4px;
+ }
+ &.commentdiv .tools {
+	right: 9px;
+ }
+ &:hover .tools{
+	display: inline-block;
+ }
+
+}
+
+
+
+}
+.enable_items();
+
+
+
+//task list
+.item-list {
+  margin:0;
+  padding:0;
+  list-style:none;
+
+  > li {
+	padding:9px;
+	background-color:#FFF;
+	margin-top:-1px;
+	position:relative;
+	
+	&.selected {
+		color:#8090A0;
+		background-color:#F4F9FC;
+		label , .lbl {
+			text-decoration:line-through;
+			color:#8090A0;
+		}
+	}
+	> .checkbox {
+		display:inline-block;
+	}
+	> label.inline {
+		display:inline-block;
+	}
+	label {
+		font-size: @base-font-size;
+	}
+	.percentage {
+		font-size: @base-font-size - 2;
+		font-weight: bold;
+		color: #777;
+	}
+	
+	&.ui-sortable-helper {
+		cursor: move;
+	}
+ }
+
+}
+
+
+
+li[class*="item-"] {
+	border:1px solid #DDD;
+	border-left-width:3px;
+}
+
+.item-list-color(@color) {
+  @item-class:~`"item-@{color}"`;
+  @item-color:~`"item-list-@{color}-border"`;
+  @item-cl:@@item-color;
+
+  li.@{item-class} {
+	border-left-color:@item-cl;
+  }
+}
+.item-list-color(~'orange');
+.item-list-color(~'orange2');
+.item-list-color(~'red');
+.item-list-color(~'red2');
+.item-list-color(~'green');
+.item-list-color(~'green2');
+.item-list-color(~'blue');
+.item-list-color(~'blue2');
+.item-list-color(~'blue3');
+.item-list-color(~'pink');
+.item-list-color(~'purple');
+.item-list-color(~'black');
+.item-list-color(~'grey');
+.item-list-color(~'brown');
+.item-list-color(~'default');
+
+
+
+
+
+
+//when dragging
+.ui-sortable-placeholder  , .ui-sortable-helper {
+  & , & > a {
+	cursor:move !important;
+  }
+}
+
+
+
+
+@media only screen and (max-width: @screen-xs) {
+.itemdiv.memberdiv {
+  float: none;
+  width: auto;
+}
+}
diff --git a/web/bootstrap-ace-admin/css/less/label-badge.less b/web/bootstrap-ace-admin/css/less/label-badge.less
new file mode 100755
index 00000000..3c9b5ed3
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/label-badge.less
@@ -0,0 +1,565 @@
+@label-text: #FFF;
+@label-yellow-text: #996633;
+@label-light-text: #888;
+
+//labels & badges
+.label {
+ border-radius: 0;
+ text-shadow: none;
+ font-weight: normal;
+ color: @label-text;
+
+ display: inline-block;
+
+ background-color: @label-default;// !important;
+
+ &[class*="col-"][class*="arrow"] {
+	min-height:0;
+ }
+}
+
+
+@media screen and (-webkit-min-device-pixel-ratio:0) { 
+	//default display:none causes problems with Android Webview
+	::safari-only,.label:empty {
+		display: inline-block;
+	}
+	::safari-only,.badge:empty {
+		display: inline-block;
+	}
+}
+
+
+
+
+.badge {
+ text-shadow: none;
+ font-size: @font-size-badge;
+ padding-top: 1px;
+ padding-bottom: 3px;
+ font-weight: normal;
+ line-height: 15px;
+ background-color: @label-default;//!important;
+ 
+ &.no-radius { border-radius: 0; }
+ &.radius-1 { border-radius: 1px; }
+ &.radius-2 { border-radius: 2px; }
+ &.radius-3 { border-radius: 3px; }
+ &.radius-4 { border-radius: 4px; }
+ &.radius-5 { border-radius: 5px; }
+ &.radius-6 { border-radius: 6px; }
+}
+.label.label-transparent, .label-transparent, .badge.badge-transparent, .badge-transparent {
+	background-color: transparent;//!important;
+}
+
+
+
+.enable_label_colors() when(@enable-label-colors = true) {
+
+//labels
+.label-color(@color) {
+  @label-class:~`"label-@{color}"`;
+  @badge-class:~`"badge-@{color}"`;
+  @label-color:@@label-class;
+
+ .@{label-class}, .label.@{label-class}, .badge.@{badge-class}, .@{badge-class} {
+	background-color:@label-color;//!important;
+ }
+}
+
+
+.label-color(~"grey");
+.label-color(~"info");
+.label-color(~"primary");
+.label-color(~"success");
+.label-color(~"danger");
+.label-color(~"important");
+.label-color(~"inverse");
+.label-color(~"warning");
+.label-color(~"pink");
+.label-color(~"purple");
+.label-color(~"yellow");
+.label-color(~"light");
+
+
+.badge-yellow, .label-yellow {
+	color: @label-yellow-text;// !important;
+	border-color: @label-yellow;
+}
+.badge-light, .label-light {
+	color: @label-light-text;// !important;
+}
+
+
+
+.label.arrowed , .label.arrowed-in {
+ position:relative;
+ z-index: 1;
+ &:before {
+	display: inline-block;
+	content: "";
+	position: absolute;
+	top: 0;
+	z-index: -1;
+	
+	border: 1px solid transparent;
+
+	border-right-color: @label-default;
+	-moz-border-right-colors: @label-default;
+ }
+}
+.label.arrowed-in:before {
+	border-color: @label-default;
+	border-left-color: transparent;
+	-moz-border-left-colors: none;
+}
+
+
+.label.arrowed-right , .label.arrowed-in-right {
+ position: relative;
+ z-index: 1;
+ &:after {
+	display: inline-block;
+	content: "";
+	position: absolute;
+	top: 0;
+	z-index: -1;
+	
+	border: 1px solid transparent;
+
+	border-left-color: @label-default;
+	-moz-border-left-colors: @label-default;
+ }
+}
+.label.arrowed-in-right:after {
+	border-color: @label-default;
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+}
+
+
+
+.label-arrow(@color) {
+   @label-class:~`"label-@{color}"`;
+   @label-color:@@label-class;
+
+  .@{label-class}{
+	&.arrowed:before {
+		border-right-color: @label-color;
+		-moz-border-right-colors: @label-color;
+	}
+	&.arrowed-in:before {
+		border-color: @label-color @label-color @label-color transparent;
+		-moz-border-right-colors: @label-color;
+	}
+	
+	&.arrowed-right:after {
+		border-left-color: @label-color;
+		-moz-border-left-colors: @label-color;
+	}
+	&.arrowed-in-right:after {
+		border-color: @label-color transparent @label-color @label-color;
+		-moz-border-left-colors: @label-color;
+	}
+  }
+}
+.label-arrow(~"info");
+.label-arrow(~"primary");
+.label-arrow(~"success");
+.label-arrow(~"warning");
+.label-arrow(~"important");
+.label-arrow(~"danger");
+.label-arrow(~"inverse");
+.label-arrow(~"pink");
+.label-arrow(~"purple");
+.label-arrow(~"yellow");
+.label-arrow(~"light");
+.label-arrow(~"grey");
+
+
+
+
+.label {
+ .label-size(12px, 1.15, 20px, 10px, 5px);
+}
+.label-lg {
+  padding:0.3em 0.6em 0.4em;
+ .label-size(13px, 1.1, 24px, 12px, 6px);
+}
+.label-xlg {
+  padding:0.3em 0.7em 0.4em;
+ .label-size(14px, 1.3, 28px, 14px, 7px);
+}
+.label-sm {
+  padding:0.2em 0.4em 0.3em;
+ .label-size(11px, 1, 18px, 9px, 4px);
+}
+.label > span , .label > .@{icon} {
+ line-height: 1;
+ vertical-align: bottom;
+}
+
+
+.label-size(@font-size, @line-height, @height, @border-height, @border-width) {
+  font-size: @font-size;
+  line-height: @line-height;
+  height: @height;
+  
+  &.arrowed {
+	margin-left: @border-width;
+	&:before {
+		left: -(@border-width * 2);
+		border-width: @border-height @border-width;
+	}
+  }
+  &.arrowed-in {
+	margin-left: (@border-width);
+	&:before {
+		left: -@border-width;
+		border-width: @border-height @border-width;
+	}
+  }
+
+  &.arrowed-right {
+	margin-right: @border-width;
+	&:after {
+		right: -(@border-width * 2);
+		border-width: @border-height @border-width;
+	}
+  }
+  &.arrowed-in-right {
+	margin-right: (@border-width);
+	&:after {
+		right: -@border-width;
+		border-width: @border-height @border-width;
+	}
+  }
+}
+
+
+
+
+
+
+.enable_label_white_colors() when(@enable-label-white-colors = true) {
+.label.label-white {
+  color: darken(@label-default, 12%);
+  border:1px solid @label-default;
+  background-color: lighten(@label-default, 24%);// !important;
+  
+  border-right-width: 1px;
+  border-left-width: 2px;
+}
+
+.label-white(@txt-color, @border-color, @bg-hover-color) {
+  color: @txt-color;
+  border-color: @border-color;
+  background-color: @bg-hover-color;// !important;
+}
+
+.label-white.label-success {
+  .label-white(desaturate(darken(@label-success , 4%) , 8%), desaturate(lighten(@label-success , 10%), 2%) , desaturate(lighten(@label-success , 37.5%), 0%));
+}
+.label-white.label-warning {
+  .label-white(desaturate(lighten(@label-warning , 5%), 28%), desaturate(lighten(@label-warning , 14%), 25%) , desaturate(lighten(@label-warning , 46%), 5%));
+}
+.label-white.label-primary {
+  .label-white(desaturate(@label-primary , 30%), desaturate(lighten(@label-primary , 15%), 15%) , desaturate(lighten(@label-primary , 42%), 6%));
+}
+.label-white.label-danger {
+  .label-white(desaturate(lighten(@label-danger, 5%) , 25%), desaturate(lighten(@label-danger , 10%), 10%) , desaturate(lighten(@label-danger , 42%), 1%));
+}
+.label-white.label-info {
+  .label-white(desaturate(darken(@label-info, 2%) , 20%), desaturate(lighten(@label-info , 14%), 22%) , desaturate(lighten(@label-info , 49%), 6%));
+}
+.label-white.label-inverse {
+  .label-white(lighten(@label-inverse, 5%), lighten(@label-inverse , 25%) , lighten(@label-inverse , 73%));
+}
+.label-white.label-pink {
+  .label-white(desaturate(@label-pink , 35%), desaturate(lighten(@label-pink , 15%), 25%) , desaturate(lighten(@label-pink , 40%), 5%));
+}
+.label-white.label-purple {
+  .label-white(darken(desaturate(@label-purple , 10%) , 10%), desaturate(lighten(@label-purple , 10%), 15%) , desaturate(lighten(@label-purple , 31%), 5%));
+}
+.label-white.label-yellow {
+  .label-white(darken(desaturate(@label-yellow , 16%) , 32%), desaturate(darken(@label-yellow, 5%), 25%) , desaturate(lighten(@label-yellow , 18%), 10%));
+}
+.label-white.label-grey {
+  .label-white(darken(@label-grey , 10%), lighten(@label-grey , 18%) , lighten(@label-grey , 30%));
+}
+}
+.enable_label_white_colors();
+
+
+
+
+
+//fix zooming of arrowed labels
+.label:not(.label-lg):not(.label-xlg):not(.label-sm) {
+
+@media
+screen and (-webkit-min-device-pixel-ratio: 1.08) and (-webkit-max-device-pixel-ratio: 1.15),
+screen and (min--moz-device-pixel-ratio: 1.08) and (max--moz-device-pixel-ratio: 1.15)
+{
+
+ 	&.arrowed:before {
+		border-width: 10.5px 6px;
+		left: -11px;
+	}
+	&.arrowed-right:after {
+		border-width: 10.5px 6px;
+		right: -11px;
+	}
+
+	&.arrowed-in:before {
+		border-width: 10.5px 5px 10px;
+		left: -6px;
+	}
+	&.arrowed-in-right:after {
+		border-width: 10.5px 5px 10px;
+		right: -6px;
+	}
+}
+@media
+screen and (-webkit-min-device-pixel-ratio: 1.3) and (-webkit-max-device-pixel-ratio: 1.4),
+screen and (min--moz-device-pixel-ratio: 1.3) and (max--moz-device-pixel-ratio: 1.4)
+{
+ 	&.arrowed:before {
+		border-width: 10px 6px 10px;
+		left: -12px;
+	}
+	&.arrowed-right:after {
+		border-width: 10px 6px 10px;
+		right: -12px;
+	}
+
+	&.arrowed-in:before {
+		border-width: 10px 5px 10px;
+		left: -6px;
+	}
+	&.arrowed-in-right:after {
+		border-width: 10px 5px 10px;
+		right: -6px;
+	}
+}
+
+
+@media
+screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.6),
+screen and (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 1.6)
+{
+ 	&.arrowed:before {
+		border-width: 10px 6px;
+		left: -12px;
+	}
+	&.arrowed-right:after {
+		border-width: 10px 6px;
+		right: -12px;
+	}
+}
+
+@media
+screen and (-webkit-min-device-pixel-ratio: 1.7) and (-webkit-max-device-pixel-ratio: 1.8),
+screen and (min--moz-device-pixel-ratio: 1.7) and (max--moz-device-pixel-ratio: 1.8)
+{
+ 	&.arrowed:before {
+		border-width: 10px 6px;
+		left: -11.5px;
+	}
+	&.arrowed-right:after {
+		border-width: 10px 6px;
+		right: -11.5px;
+	}
+
+	&.arrowed-in:before {
+		border-width: 10px 5px;
+		left: -6px;
+	}
+	&.arrowed-in-right:after {
+		border-width: 10px 5px;
+		right: -6px;
+	}
+}
+
+@media
+screen and (-webkit-min-device-pixel-ratio: 0.8) and (-webkit-max-device-pixel-ratio: 0.9),
+screen and (min--moz-device-pixel-ratio: 0.8) and (max--moz-device-pixel-ratio: 0.9)
+{
+ 	&.arrowed:before {
+		border-width: 11px 6px;
+		left: -11.5px;
+	}
+	&.arrowed-right:after {
+		border-width: 11px 6px;
+		right: -11.5px;
+	}
+
+	&.arrowed-in:before {
+		border-width: 11px 5px;
+		left: -6px;
+	}
+	&.arrowed-in-right:after {
+		border-width: 11px 5px;
+		right: -6px;
+	}
+}
+
+}//.label:not(.label-lg)
+
+
+.label-lg {
+@media
+screen and (-webkit-min-device-pixel-ratio: 1.08) and (-webkit-max-device-pixel-ratio: 1.15),
+screen and (min--moz-device-pixel-ratio: 1.08) and (max--moz-device-pixel-ratio: 1.15)
+{
+ 	&.arrowed:before {
+		left: -11px;
+	}
+	&.arrowed-right:after {
+		right: -11px;
+	}
+}
+
+@media
+screen and (-webkit-min-device-pixel-ratio: 1.7) and (-webkit-max-device-pixel-ratio: 1.8),
+screen and (min--moz-device-pixel-ratio: 1.7) and (max--moz-device-pixel-ratio: 1.8)
+{
+ 	&.arrowed:before {
+		left: -11.5px;
+	}
+	&.arrowed-right:after {
+		right: -11.5px;
+	}
+
+	&.arrowed-in:before {
+		border-width: 12.5px 6px 12px;
+		left: -6px;
+	}
+	&.arrowed-in-right:after {
+		border-width: 12.5px 6px 12px;
+		right: -6px;
+	}
+}
+
+
+}//.label-lg
+
+
+
+.label-xlg {
+@media
+screen and (-webkit-min-device-pixel-ratio: 1.08) and (-webkit-max-device-pixel-ratio: 1.15),
+screen and (min--moz-device-pixel-ratio: 1.08) and (max--moz-device-pixel-ratio: 1.15)
+{
+ 	&.arrowed:before {
+		left: -13px;
+	}
+	&.arrowed-right:after {
+		right: -13px;
+	}
+	&.arrowed-in:before {
+		border-width: 14px 7px 14.5px;
+	}
+	&.arrowed-in-right:after {
+		border-width: 14px 7px 14.5px;
+	}
+}
+
+@media
+screen and (-webkit-min-device-pixel-ratio: 1.2) and (-webkit-max-device-pixel-ratio: 1.3),
+screen and (min--moz-device-pixel-ratio: 1.2) and (max--moz-device-pixel-ratio: 1.3)
+{
+ 	&.arrowed:before {
+		border-width: 14.5px 7px;
+		left: -13.5px;
+	}
+	&.arrowed-right:after {
+		border-width: 14.5px 7px;
+		right: -13.5px;
+	}
+	&.arrowed-in:before {
+		border-width: 14.5px 7px 14.5px;
+	}
+	&.arrowed-in-right:after {
+		border-width: 14.5px 7px 14.5px;
+	}
+}
+
+
+@media
+screen and (-webkit-min-device-pixel-ratio: 1.3) and (-webkit-max-device-pixel-ratio: 1.4),
+screen and (-webkit-min-device-pixel-ratio: 1.5) and (-webkit-max-device-pixel-ratio: 1.6),
+screen and (min--moz-device-pixel-ratio: 1.3) and (max--moz-device-pixel-ratio: 1.4),
+screen and (min--moz-device-pixel-ratio: 1.5) and (max--moz-device-pixel-ratio: 1.6)
+{
+ 	&.arrowed:before {
+		border-width: 14.5px 7.5px;
+		left: -14.5px;
+	}
+	&.arrowed-right:after {
+		border-width: 14.5px 7.5px;
+		right: -14.5px;
+	}
+	&.arrowed-in:before {
+		border-width: 14.5px 7px;
+	}
+	&.arrowed-in-right:after {
+		border-width: 14.5px 7px;
+	}
+}
+
+}//.label-xlg
+
+
+
+.label-sm {
+@media
+screen and (-webkit-min-device-pixel-ratio: 1.08) and (-webkit-max-device-pixel-ratio: 1.15),
+screen and (min--moz-device-pixel-ratio: 1.08) and (max--moz-device-pixel-ratio: 1.15)
+{
+ 	&.arrowed:before {
+		border-width: 9px 5px;
+		left: -9px;
+	}
+	&.arrowed-right:after {
+		border-width: 9px 5px;
+		right: -9px;
+	}
+	&.arrowed-in:before {
+		border-width: 10px 4px;
+	}
+	&.arrowed-in-right:after {
+		border-width: 10px 4px;
+	}
+}
+
+
+@media
+screen and (-webkit-min-device-pixel-ratio: 1.2) and (-webkit-max-device-pixel-ratio: 1.3),
+screen and (min--moz-device-pixel-ratio: 1.2) and (max--moz-device-pixel-ratio: 1.3)
+{
+ 	&.arrowed:before {
+		border-width: 9.5px 5px;
+		left: -10px;
+	}
+	&.arrowed-right:after {
+		border-width: 9.5px 5px;
+		right: -10px;
+	}
+	&.arrowed-in:before {
+		border-width: 9.5px 4px;
+	}
+	&.arrowed-in-right:after {
+		border-width: 9.5px 4px;
+	}
+}
+
+
+}//.label-sm
+
+
+
+
+}
+.enable_label_colors();
diff --git a/web/bootstrap-ace-admin/css/less/mixins.less b/web/bootstrap-ace-admin/css/less/mixins.less
new file mode 100755
index 00000000..595b29b4
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/mixins.less
@@ -0,0 +1,40 @@
+.border-radius(@r) {
+	border-radius: @r;
+}
+
+
+
+
+//transform
+.transform(@transformation) {
+	-moz-transform:@transformation;
+	-webkit-transform:@transformation;
+	-o-transform:@transformation;
+	-ms-transform:@transformation;
+	transform:@transformation;
+}
+.transform-origin(@origin) {
+  -moz-transform-origin:@origin;
+  -webkit-transform-origin:@origin;
+  -o-transform-origin:@origin;
+  -ms-transform-origin:@origin;
+  transform-origin:@origin;
+}
+
+
+//animation
+.animation(@params) {
+  -moz-animation:@params;
+  -webkit-animation:@params;
+  -o-animation:@params;
+  -ms-animation:@params;
+  animation:@params;
+}
+
+.animation-duration(@duration:1s) {
+  -moz-animation-duration:@duration;
+  -webkit-animation-duration:@duration;
+  -o-animation-duration:@duration;
+  -ms-animation-duration:@duration;
+  animation-duration:@duration;
+}
diff --git a/web/bootstrap-ace-admin/css/less/modal.less b/web/bootstrap-ace-admin/css/less/modal.less
new file mode 100755
index 00000000..26ab08fe
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/modal.less
@@ -0,0 +1,423 @@
+@modal-footer-border: #E4E9EE;
+@modal-footer-bg: #EFF3F8;
+
+
+//modals
+.modal-content {
+ .border-radius(0);
+ .box-shadow(none);
+}
+.modal-footer {
+ padding-top: 12px;
+ padding-bottom: 14px;
+
+ border-top-color: @modal-footer-border;
+ .box-shadow(none);
+ background-color: @modal-footer-bg;
+}
+.modal-header .close {
+ font-size: @font-size-moda-close;
+}
+
+
+
+
+
+
+.modal.aside-dark .modal-content {
+  background-color: rgba(0,0,0,0.85);
+  filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8000000', endColorstr='#D8000000',GradientType=0 )";
+}
+.modal.aside {
+  z-index: @zindex-dropdown - 1;//to be below user dropdowns
+  position: absolute;
+}
+
+.navbar-fixed-top ~ .modal.aside-vc {
+  z-index: @zindex-breadcrumbs-fixed + 1;//to be at least above fixed breadcrumbs?
+}
+
+.modal.aside-fixed.aside-hz,
+.navbar-fixed-top ~ .modal.aside-hz,
+.navbar-fixed-bottom ~ .modal.aside-hz {
+  position: fixed;
+  z-index: @zindex-modal - 1;
+}
+.modal.aside-fixed.aside-vc {
+  position: fixed;
+  //z-index: 99;//?
+}
+
+
+
+.modal.aside.in {
+ z-index: @zindex-modal;
+ position: fixed;
+}
+
+
+.aside.aside-contained {
+ position: fixed;
+}
+
+
+//.aside-right & .aside-left
+.modal.aside-vc {
+  margin: auto;
+  width: 0;
+
+  left: auto;
+  right: auto;
+  top: 0;
+  bottom: 0;
+
+  display: block !important;
+  overflow: visible;
+}
+.modal.in.aside-vc {
+  width: 100%;
+}
+
+.modal.aside-vc .modal-dialog {
+  margin: inherit;
+  overflow: inherit;
+
+  width: 250px;
+  max-width: 66%;
+  height: inherit;
+  
+  position: inherit;
+  right: inherit;
+  top: inherit;
+  bottom: inherit;
+  left: inherit;
+  
+  opacity: 1;
+  
+  transition: transform 0.3s ease-out 0s;
+  -webkit-transition: -webkit-transform 0.3s ease-out 0s;
+}
+
+
+@media only screen and (max-width: @screen-mini-max) {//319px
+ .modal.aside-vc .modal-dialog {
+   max-width: none;
+   width: 200px;
+ }
+ .aside-contained.aside-vc .modal-dialog {
+	width: 180px;
+ }
+}
+@media only screen and (max-width: @screen-mini) {//240px
+ .modal.aside-vc .modal-dialog {
+   max-width: none;
+   width: 160px;
+ }
+ .aside-contained.aside-vc .modal-dialog {
+   width: 140px;
+ }
+}
+
+
+
+.modal.aside-vc .modal-content {
+  height: 100%;
+  overflow: hidden;
+}
+
+
+
+.modal.in.aside-vc .modal-dialog {
+  transform: none;
+  -webkit-transform: none;
+  height: auto;
+}
+
+.modal.aside-vc .aside-trigger {
+  position: absolute;
+  top: 155px;
+  right: auto;
+  left: auto;
+  bottom: auto;
+  margin-top: -1px;
+  
+  width: 37px;
+  
+  outline: none;
+}
+.modal.aside-vc .aside-trigger.ace-settings-btn {
+  width: 42px;
+}
+
+.modal.in.aside-vc .aside-trigger {
+  z-index: -1;
+}
+.aside.modal.in .modal-backdrop.in + .modal-dialog .aside-trigger {
+  z-index: auto;
+}
+
+@media only screen and (max-height: @screen-mini) {//240px
+ .modal.aside-vc .aside-trigger {
+   top: 130px;
+ }
+}
+
+
+
+.modal.aside-vc.navbar-offset .modal-dialog {
+  top: @navbar-min-height;
+  
+  .aside-trigger {
+	top: (155px - @navbar-min-height);
+  }
+}
+@media (max-width: @screen-topbar-down) {
+  .navbar:not(.navbar-collapse) ~ .modal.aside-vc.navbar-offset .modal-dialog {
+	top: (@navbar-min-height * 2);
+  }
+  //.navbar ~ .modal.aside-vc.navbar-offset .modal-dialog {
+	//top: (@navbar-min-height);
+  //}
+}
+
+
+
+.modal.aside-right {
+ right: 0;
+}
+.modal.aside-right .modal-content {
+  border-width: 0 0 0 1px;
+  box-shadow: -2px 1px 2px 0 rgba(0, 0, 0, 0.15);
+}
+.modal.aside-right .aside-trigger {
+  right: 100%;
+}
+.modal.aside-right .modal-dialog {
+  transform: translateX(100%);
+  -webkit-transform: translateX(100%);
+}
+
+
+
+.modal.aside-left {
+ left: 0;
+}
+.modal.aside-left .modal-content {
+  border-width: 0 1px 0 0;
+  box-shadow: 2px -1px 2px 0 rgba(0, 0, 0, 0.15);
+}
+.modal.aside-left .aside-trigger {
+  left: 100%;
+}
+.modal.aside-right .aside-trigger.btn.ace-settings-btn {
+  border-radius: 6px 0 0 6px;
+}
+.modal.aside-left .aside-trigger.btn.ace-settings-btn {
+  border-radius: 0 6px 6px 0;
+}
+.modal.aside-left .modal-dialog {
+  transform: translateX(-100%);
+  -webkit-transform: translateX(-100%);
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+.modal.aside-hz {
+  margin: auto;
+  height: 0;
+
+  left: 0;
+  right: 0;
+  top: auto;
+  bottom: auto;
+
+  display: block !important;
+  overflow: visible;
+}
+.modal.in.aside-hz {
+  height: 100%;
+}
+
+
+.modal.aside-hz  .modal-dialog {
+  margin: inherit;
+  height: auto;
+  overflow: inherit;
+  max-height: 50%;
+  width: inherit;
+  
+  position: inherit;
+  right: inherit;
+  top: inherit;
+  bottom: inherit;
+  left: inherit;
+  
+  opacity: 1;
+
+  transition: transform 0.3s ease-out 0s;
+  -webkit-transition: -webkit-transform 0.3s ease-out 0s;
+}
+@media only screen and (max-height: @screen-tiny) {//320px
+ .modal.aside-hz  .modal-dialog {
+   max-height: 66%;
+ }
+}
+
+
+
+.modal.aside-hz .modal-content {
+  width: 100%;
+  overflow: hidden;
+}
+
+
+.modal.in.aside-hz .modal-dialog {
+  transform: none;
+  -webkit-transform: none;
+  height: auto;
+}
+
+
+
+.modal.aside-hz .aside-trigger {
+  position: absolute;
+  top: auto;
+  right: auto;
+  bottom: auto;
+  margin-top: -1px;
+  z-index: auto;
+  
+  outline: none;
+  
+  margin-left: -15px;
+  left: 50%;
+}
+.modal.aside-hz .aside-trigger.ace-settings-btn {
+  margin-left: -20px;
+}
+
+
+.modal.in.aside-hz .aside-trigger {
+  z-index: -1;
+}
+
+
+
+.modal.aside-top {
+ top: 0;
+}
+
+.modal.aside-top  .modal-dialog {
+  transform: translateY(-100%);
+  -webkit-transform: translateY(-100%);
+}
+
+.modal.aside-top .modal-content {
+  //border-width: 0 0 1px 0;
+  border-width: 0;
+  box-shadow: 1px 2px 2px 0 rgba(0, 0, 0, 0.15);
+}
+
+
+.modal.aside-bottom {
+  bottom: 0;
+}
+
+.modal.aside-bottom  .modal-dialog {
+  transform: translateY(100%);
+  -webkit-transform: translateY(100%);
+}
+
+.modal.aside-bottom .modal-content {
+  //border-width: 1px 0 0 0;
+  border-width: 0;
+  box-shadow: -1px 2px 2px 0 rgba(0, 0, 0, 0.15);
+}
+.modal.aside-bottom .aside-trigger {
+  bottom: 100%;
+  margin-top: auto;
+  margin-bottom: -1px;
+}
+
+
+
+.modal.aside-top .aside-trigger.ace-settings-btn {
+  border-radius: 0 0 6px 6px !important;
+}
+.modal.aside-bottom .aside-trigger.ace-settings-btn {
+  border-radius: 6px 6px 0 0 !important;
+}
+
+
+
+.aside.aside-hidden .modal-content {
+  display: none;
+}
+
+
+.enable_container_aside_modal() when(@enable-container = true) {
+ //maybe disable transition when it is not good enough!
+ @media only screen and (min-width: @screen-sm-min) {
+  //to disable transition animation
+  .container.main-container ~ .modal.aside-vc .modal-dialog {
+    transition: none;
+    -webkit-transition: none;
+  }
+  .container.main-container ~ .modal.aside-vc:not(.in) .modal-content {
+    display: none;
+  }
+ }
+}
+.enable_container_aside_modal();
+////
+
+
+
+
+
+.aside-vc.in.no-backdrop {
+  width: auto;//otherwise modal will be as big as window, and will have the same effect as backdrop
+}
+.aside-hz.in.no-backdrop {
+  height: auto;
+}
+
+.modal.aside .modal-backdrop {
+ position: fixed;
+ bottom: 0;
+ height: auto !important;//to override inline value set by BS
+}
+
+
+
+.modal.aside-hz .aside-trigger.align-left {
+ left: 15px;
+ margin-left: auto;
+ text-align: center;
+}
+.modal.aside-hz .aside-trigger.align-right {
+ text-align: center;
+ left: auto;
+ margin-left: auto;
+ right: 15px;
+}
+
+
+
+
+.modal.transition-off .modal-dialog {
+  transition: none;
+  -webkit-transition: none;
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/navbar/collapsible.less b/web/bootstrap-ace-admin/css/less/navbar/collapsible.less
new file mode 100755
index 00000000..7f481cf7
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/navbar/collapsible.less
@@ -0,0 +1,95 @@
+//the .navbar.navbar-collapse
+@media only screen and (max-width: @grid-float-breakpoint-max) {
+ .navbar.navbar-collapse {
+	max-height: none;
+ }
+	
+ .navbar {
+   .navbar-header, .navbar-collapse {
+	 margin-left: 0 !important;
+	 margin-right: 0 !important
+   }
+ }
+
+
+ //.navbar.navbar-collapse .nav-brand
+ .navbar.navbar-collapse .navbar-header {
+	float: none !important;
+	min-height: @navbar-min-height;
+ }
+
+ //will become hidden and a .navbar-toggle button toggles it
+ .navbar.navbar-collapse .navbar-buttons {
+	min-height: 0;//the above @navbar-min-height will interfere with CSS3 transition
+	
+	padding-left: 0;
+	padding-right: 0;
+	
+	border: 1px solid @ace-nav-border;
+	border-width: 1px 0 0;
+
+	width: 100%;
+
+	&.in {
+		overflow: visible !important;
+	}
+	
+	> .ace-nav {
+		display: block;
+		float: none !important;
+		text-align: center;
+
+		background-color: transparent !important;
+		
+		border-width:0;
+
+		letter-spacing: -3px;
+		> li {
+			display: inline-block;
+			float:none !important;
+			text-align: left;
+
+			letter-spacing: normal;
+			
+			&:first-child {
+				border-left: 1px solid @ace-nav-border;
+			}
+			&:last-child {
+				border-right: 1px solid @ace-nav-border;
+			}
+		}
+	}
+ }
+}
+.container > .navbar-buttons, .container-fluid > .navbar-buttons {
+	padding-right: 0 !important;
+}
+
+
+
+//make fixed navbar-collapse smaller so scrollbars show all content when needed
+@media only screen and (max-height: 400px) {
+ .navbar-fixed-top .navbar-collapse {
+    max-height: 280px;
+ }
+}
+@media only screen and (max-height: 360px) {
+ .navbar-fixed-top .navbar-collapse {
+    max-height: 240px;
+ }
+}
+@media only screen and (max-height: 320px) {
+ .navbar-fixed-top .navbar-collapse {
+    max-height: 200px;
+ }
+}
+@media only screen and (max-height: 280px) {
+ .navbar-fixed-top .navbar-collapse {
+    max-height: 160px;
+ }
+}
+@media only screen and (max-height: 240px) {
+ .navbar-fixed-top .navbar-collapse {
+    max-height: 120px;
+ }
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/navbar/navbar-menu-form.less b/web/bootstrap-ace-admin/css/less/navbar/navbar-menu-form.less
new file mode 100755
index 00000000..d560fdf6
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/navbar/navbar-menu-form.less
@@ -0,0 +1,156 @@
+.enable_top_menu() when(@enable-top-menu = true) {
+
+.navbar .navbar-nav > li  {
+  border: 1px solid rgba(0,0,0,0.2);
+  border-width: 0 1px 0 0;
+
+  &:first-child {
+	border-width: 0 1px 0 1px;//to override .RTL's
+  }
+  > a {
+	 padding-top: 12px;
+	 padding-bottom: 11px;
+	 height: @navbar-min-height;
+
+	 background-color: transparent;
+	 
+	 font-size: @font-size-navbar-nav-item;
+	 color: @navbar-text-color;
+	 text-shadow: 0 1px 0 rgba(0,0,0,0.25);
+  }
+  
+  > a:hover , > a:focus , &.open > a {
+	background-color: rgba(0,0,0,0.1) !important;
+	color: @navbar-text-color !important;
+  }
+
+  > .dropdown-menu > li > a {
+	line-height: 2;
+  }
+}
+
+.navbar-nav .dropdown-menu > li > a > .@{icon} {
+	display: inline-block;
+	width: 20px;
+}
+.navbar-nav > li > .dropdown-menu {
+	z-index: @zindex-navbar-fixed + 3;
+}
+
+
+@media only screen and (max-width: @grid-float-breakpoint-max) {
+  .navbar.navbar-collapse .navbar-menu {
+	float: none !important;
+	clear: both;
+
+	.dropdown-menu {
+		&:after, &:before {
+			display: none !important;
+		}
+	}
+  }
+
+
+  .navbar .navbar-nav {
+  	margin: 0 -6px;
+	> li  {
+		& , &:first-child {
+			border-width: 1px 0 0;
+		}
+    }
+
+	.dropdown-menu {
+		float: none;
+		position: relative;
+		background-color: transparent;
+		box-shadow: none;
+		border-width: 0;
+		
+		> li > a {
+			color: #FFF !important;
+			&:hover {
+				background-color: rgba(0,0,0,0.07) !important;
+			}
+
+			> .@{icon} {
+				color: #FFF !important;
+			}
+		}
+	}
+  }
+  
+  .navbar .navbar-nav .dropdown-hover > .dropdown-menu {
+    left: 32px !important;
+    right: auto !important;
+    top: auto !important;
+   
+    width: 80% !important;
+    width: ~"calc(100% - 32px)";
+  }
+}
+
+//navbar form
+.navbar-form {
+ &.form-search {
+	margin-top: 9px;
+	margin-bottom: 0;
+	.form-group {
+		margin-bottom: 0;
+	}
+	input[type=text] {
+		width: 100px;
+	}
+ }
+
+ input[type=text] {
+	font-size: @font-size-navbar-nav-input;
+	line-height: 1.4;
+
+	padding-top: 4px;
+	padding-bottom: 4px;
+ 
+	border-width: 0;
+ }
+}
+
+
+@media only screen and (max-width: @grid-float-breakpoint-max) {
+ .navbar-form {
+	.form-group {
+		display: inline-block;
+		width: 50%;
+		margin-bottom: 0;
+		vertical-align: middle;
+	}
+	
+	&.form-search input[type=text] {
+		width: 100%;
+	}
+ }
+ .navbar-nav + .navbar-form {
+	margin-top: 0;
+ }
+
+
+ .navbar {
+	.navbar-collapse, .navbar-form {
+		border-color: @ace-nav-border;
+	}
+ }
+ .navbar .navbar-nav > li:first-child {
+	border-top-width: 0;
+ }
+
+}//@media
+
+@media only screen and (max-width: @screen-xs) {
+ .navbar-form .form-group {
+	width: 80%;
+ }
+}//@media
+
+
+
+}
+
+.enable_top_menu();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/navbar/toggle-button.less b/web/bootstrap-ace-admin/css/less/navbar/toggle-button.less
new file mode 100755
index 00000000..ef01554f
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/navbar/toggle-button.less
@@ -0,0 +1,44 @@
+.navbar .navbar-toggle {
+	border: 1px solid transparent;
+	
+	width: 40px;
+	height: 35px;
+	line-height: 0;
+	
+	padding:0 0 1px;
+	text-align: center;
+	
+	&.pull-right {
+		margin: 5px 6px 4px 0;
+	}
+	&.pull-left {
+		margin: 5px 0 4px 6px;
+	}
+	
+	&:active {
+		top: 1px;
+	}
+
+	&.navbar-toggle-img {
+		width: auto;
+		height: auto;
+		overflow: hidden;
+		padding: 0;
+		
+		border-width: 0;
+		> img {
+			border-radius: inherit;
+			max-height: 35px;
+			border-width: 0;
+		}
+	}
+
+	.icon-bar {
+		background-color: #FFF;
+		border-radius: 0;
+		width: 24px;
+		margin-left: 7px;
+	}
+}
+
+
diff --git a/web/bootstrap-ace-admin/css/less/navbar/user-buttons-move-down.less b/web/bootstrap-ace-admin/css/less/navbar/user-buttons-move-down.less
new file mode 100755
index 00000000..a143259a
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/navbar/user-buttons-move-down.less
@@ -0,0 +1,42 @@
+//move the icons to the line below
+@media only screen and (max-width: @screen-topbar-down) {
+ .navbar:not(.navbar-collapse) {
+	//.navbar-header.nav-brand , .navbar-header.navbar-buttons {
+	.navbar-header {
+		float: none !important;
+		display: block;
+	}
+
+	.ace-nav {
+		display: block;
+		float: none !important;
+		text-align: center;
+		
+		background-color: rgba(0,0,0,0.15);
+		
+		border: 1px solid rgba(0,0,0,0.1);//@ace-nav-border;
+		border-width: 1px 0 0;
+
+		letter-spacing: -3px;
+		> li{
+			display: inline-block;
+			float:none !important;
+			text-align: left;
+
+			letter-spacing: normal;
+			
+			&:first-child {
+				border-left: 1px solid @ace-nav-border;	
+			}
+			&:last-child {
+				border-right: 1px solid @ace-nav-border;
+			}
+		}
+	}
+ }
+}
+@media only screen and (max-width: @screen-mini-max) {
+ .ace-nav > li  > a {
+	padding: 0 5px !important;
+ }
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/navbar/user-buttons.less b/web/bootstrap-ace-admin/css/less/navbar/user-buttons.less
new file mode 100755
index 00000000..692b04dc
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/navbar/user-buttons.less
@@ -0,0 +1,180 @@
+//the notifications and new message buttons
+.ace-nav {
+ height: 100%;
+ margin: 0 !important;
+ 
+ > li {
+	line-height: @navbar-min-height;
+	height: @navbar-min-height;
+
+	border-left: 1px solid #E1E1E1;
+	padding: 0;
+
+	position: relative;
+	float: left;
+	
+	&:first-child {
+	  border-left-width: 0;
+	}
+	
+	> a {
+		background-color: @ace-nav-default;
+		color: #FFF;
+
+		display: block;
+		line-height: inherit;
+		text-align: center;
+
+		height: 100%;
+		width: auto;
+		min-width: 50px;
+		padding: 0 8px;
+
+		position: relative;
+
+		> .@{icon} {
+			display: inline-block;
+			font-size: @font-size-navbar-user-button-icon;
+			color: #FFF;
+			text-align: center;
+			width: 20px;
+		}
+
+		> .badge {
+			position: relative;
+			top: -4px;
+			left: 2px;
+
+			padding-right: 5px;
+			padding-left: 5px;
+		}
+	}
+
+	> a:hover , > a:focus, &.open > a {
+		background-color: desaturate(darken(@ace-nav-default, 4%), 4%);
+		color: #FFF;
+	}
+
+	//different colors
+	.ace-nav-color(@color) {
+	  @ace-nav-class: ~`"ace-nav-@{color}"`;
+	  @ace-nav-bg: ~`"ace-nav-@{color}"`;
+	  @ace-nav-cl: @@ace-nav-bg;
+
+	  &.@{color} > a {
+		background-color:@ace-nav-cl;
+	  }
+	  &.@{color} > a:hover , &.@{color} > a:focus, &.open.@{color} > a {
+		background-color: desaturate(darken(@ace-nav-cl, 4%), 4%);
+	  }
+	}
+
+	.ace-nav-color(~"blue");
+	.ace-nav-color(~"grey");
+	.ace-nav-color(~"purple");
+	.ace-nav-color(~"green");
+	.ace-nav-color(~"light-blue");
+	.ace-nav-color(~"light-blue2");
+	.ace-nav-color(~"red");
+	.ace-nav-color(~"light-green");
+	.ace-nav-color(~"light-purple");
+	.ace-nav-color(~"light-orange");
+	.ace-nav-color(~"light-pink");
+	.ace-nav-color(~"dark");
+	.ace-nav-color(~"white-opaque");
+	.ace-nav-color(~"dark-opaque");
+
+	//some extra ones
+    &.transparent > a {
+		background-color: transparent;
+	}
+	&.transparent > a:hover, &.transparent > a:focus, &.open.transparent > a {
+		background-color: rgba(0,0,0,0.1);
+	}
+	
+    &.light-10 > a {
+		background-color: rgba(255,255,255,0.1);
+	}
+	&.light-10 > a:hover, &.light-10 > a:focus, &.open.light-10 > a {
+		background-color: rgba(255,255,255,0.2);
+	}
+
+	&.dark-10 > a {
+		background-color: rgba(0,0,0,0.1);
+	}
+	&.dark-10 > a:hover, &.dark-10 > a:focus, &.open.dark-10 > a {
+		background-color: rgba(0,0,0,0.2);
+	}
+
+	//margins
+	.marginX (@index) when (@index > 0) {
+		&.margin-@{index} { margin-left: unit(@index,px); }
+		.marginX(@index - 1);
+	}
+	.marginX(4);
+	&.no-border {
+		border-width: 0 !important;
+	}
+
+	///
+	.dropdown-menu {
+		z-index: @zindex-navbar-fixed + 1;
+	}
+ }
+ 
+ .nav-user-photo {
+	 margin: -4px 8px 0 0;
+
+	 border-radius: 100%;
+	 border: 2px solid #FFF;
+
+	 max-width: 40px;
+ }
+ 
+ 
+  li.dropdown-footer  a .@{icon} {
+	// the arrow indicating "See more" on each dropdown , and the icons of user menu */
+	display: inline-block;
+	width: 1.25em;
+	text-align: center;
+  }
+
+}
+
+
+
+//let dropdowns become like modals in small devices!
+@media only screen and (max-height: @screen-qhd-width) {
+//@media only screen and (max-height: @screen-topbar-down) {
+ .ace-nav > li > .dropdown-menu {
+   position: fixed;
+   margin-top: auto;
+   z-index: @zindex-modal + 2;
+
+    &:before, &:after {
+	  display: none;
+    }
+ }
+ .ace-nav .user-menu > li > a {
+	padding-top: 6px;
+	padding-bottom: 6px;
+ }
+ .ace-nav > li.open:before {
+	background-color: #000;
+	opacity: 0.5;
+	border-width: 0;
+
+	position: fixed;
+	left: 0;
+	right: 0;
+	top: 0;
+	bottom: 0;
+
+	content: "";
+	display: block;
+	height: 2000px;
+	width: auto;
+
+	z-index: @zindex-modal + 1;
+ }
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/navbar/user-dropdown-position.less b/web/bootstrap-ace-admin/css/less/navbar/user-dropdown-position.less
new file mode 100755
index 00000000..52ab5264
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/navbar/user-dropdown-position.less
@@ -0,0 +1,145 @@
+.enable_navbar_dropdown_positions() when(@enable-navbar-dropdowns = true) {
+
+
+@media only screen and (max-width: @screen-xs-max) {
+ .ace-nav > li:nth-last-child(4) > .dropdown-menu.dropdown-menu-right {
+	right: -100px;
+	&:before, &:after {
+		right: 120px;
+	}
+ }
+
+ .ace-nav > li:nth-last-child(3) > .dropdown-menu.dropdown-menu-right {
+	right: -80px;
+	&:before, &:after {
+		right: 100px;
+	}
+ }
+
+ .user-menu.dropdown-close.dropdown-menu-right {
+	right: 0 !important;
+ }
+}
+
+
+@media only screen and (min-width: @screen-topbar-down-min) and (max-width: @screen-xs-max) {
+  //if there's only one item except for user_info
+ .navbar.navbar-collapse {
+  .ace-nav > li:nth-last-child(2):nth-child(1) > .dropdown-menu.dropdown-menu-right,
+  .ace-nav > li:nth-last-child(2):nth-child(2) > .dropdown-menu.dropdown-menu-right {
+	left: auto;
+	right: -60px;
+
+	&:before, &:after {
+		right: 80px;
+		left: auto;
+	}
+  }
+ }
+}
+
+
+@media only screen and (max-width: @screen-xs) {
+ .ace-nav > li:nth-last-child(4) > .dropdown-menu.dropdown-menu-right {
+	right: -120px;
+	
+	&:before, &:after {
+		right: 140px;
+	}
+ } 
+ .ace-nav > li:nth-last-child(3) > .dropdown-menu.dropdown-menu-right {
+	right: -90px;
+	
+	&:before, &:after {
+		right: 110px;
+	}
+ }
+ 
+ .ace-nav > li:nth-last-child(2) > .dropdown-menu.dropdown-menu-right {
+	right: -50px;
+	
+	&:before, &:after {
+		right: 70px;
+	}
+ }
+}
+
+
+@media only screen and (max-width: @screen-topbar-down) {
+ .ace-nav > li:nth-last-child(4) > .dropdown-menu.dropdown-menu-right {
+	left: -10px;
+	right: auto;
+
+	&:before, &:after {
+		right: auto;
+		left: 30px;
+	}
+ }
+
+ .ace-nav > li:nth-last-child(3) > .dropdown-menu.dropdown-menu-right {
+	left: -50px;
+	right: auto;
+	
+	&:before, &:after {
+		left: 75px;
+		right: auto;
+	}
+ }
+
+ .ace-nav > li:nth-last-child(2) > .dropdown-menu.dropdown-menu-right {
+	left: -70px;
+	right: auto;
+	
+	&:before, &:after {
+		left: 90px;
+		right: auto;
+	}
+ }
+}
+
+@media only screen and (max-width: @screen-mini-max) {
+  //when there are only two items (apart from user menu)
+ .ace-nav > li:nth-last-child(2) > .dropdown-menu.dropdown-menu-right {
+	left: -110px;
+	right: auto;
+
+	&:before, &:after {
+		left: 130px;
+		right: auto;	
+	}
+ }
+
+ .ace-nav > li:nth-child(2):nth-last-child(2) > .dropdown-menu.dropdown-menu-right {
+	left: -85px;
+	right: auto;
+
+	&:before, &:after {
+		left: 105px;
+		right: auto;
+	}
+ }
+
+ .ace-nav > li:nth-child(1):nth-last-child(3) > .dropdown-menu.dropdown-menu-right {
+	left: -35px;
+	right: auto;
+
+	&:before, &:after {
+		left: 55px;
+		right: auto;
+	}
+ }
+
+ //when there is only one item (apart from user menu)
+ .ace-nav > li:nth-child(1):nth-last-child(2) > .dropdown-menu.dropdown-menu-right {
+	left: -60px;
+	right: auto;
+
+	&:before, &:after {
+		left: 75px;
+		right: auto;
+	}
+ }
+}
+
+}
+.enable_navbar_dropdown_positions();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/navbar/user-menu.less b/web/bootstrap-ace-admin/css/less/navbar/user-menu.less
new file mode 100755
index 00000000..3cdd9cd6
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/navbar/user-menu.less
@@ -0,0 +1,129 @@
+ .user-menu > li > a {
+	padding: 4px 12px;
+
+	> .@{icon} {
+		margin-right: 6px;
+		font-size: 120%;
+	}
+ }
+
+ .user-info {
+	max-width: 100px;
+	display: inline-block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	text-align: left;
+
+	vertical-align: top;
+	line-height: 15px; 
+	position: relative;
+	top: 6px;
+
+	 small {
+		display: block;
+	 }
+ }
+
+ .user_info_minified() {
+	.user-menu {
+		padding-top: 42px !important;
+	}
+	.nav-user-photo {
+		margin-right: 0;
+	}
+	.user-info {
+		position:absolute;// !important;
+		margin-top: 40px;
+		margin-left: 1px;
+		right: 2px;
+
+		z-index: @zindex-navbar-fixed + 2;
+		color: #777;
+		font-size: @font-size-user-menu;
+		width: 156px;
+		max-width: 156px;
+		
+		padding-left: 8px;
+		padding-right: 8px;
+		height: 32px;
+		line-height: 26px !important;
+
+
+		display: none;
+
+		border-bottom: 1px solid #E5E5E5;
+
+		text-align: center;
+
+		vertical-align: none;
+		line-height: normal;
+		
+		cursor: text;
+	}
+
+	.user-info > small {
+		display: inline;
+		opacity: 1;
+	}
+ }
+
+ @media (min-width: @screen-topbar-down-min) and (max-width: @screen-qhd-width) , (max-width: @screen-topbar-down-small) {
+    .navbar:not(.navbar-collapse) .navbar-buttons {
+		.user_info_minified();
+	}
+	li.open .user-info {
+		display: inline-block !important;
+		//right: 2px;
+	}
+ }
+ @media (max-width: @screen-topbar-down-small) {
+   .navbar.navbar-collapse .navbar-buttons {
+		.user_info_minified();
+	}
+	li.open .user-info {
+		display: inline-block !important;
+		right: 2px;
+	}
+ }
+ @media (min-width: @grid-float-breakpoint) {
+   .user-min {
+		.user_info_minified();
+		
+		.user-info {
+			right: -3px;//because .dropdown is a bit margined
+		}
+		&.open .user-info {
+			display: inline-block !important;
+		}
+   }
+ }
+
+ //for when navbar dropdowns become fixed
+ @media (max-height: @screen-qhd-width) and (min-width: @screen-topbar-down-min) and (max-width: @screen-qhd-width) , (max-height: @screen-qhd-width) and (max-width: @screen-topbar-down-small) {
+	.navbar:not(.navbar-collapse) .navbar-buttons .user-info {
+		position: fixed;
+		right: auto;
+		margin-top: auto;
+		max-width: none;
+	}
+ }
+ @media (max-height: @screen-qhd-width) and (max-width: @screen-topbar-down-small) {
+   .navbar.navbar-collapse .navbar-buttons .user-info {
+		position: fixed;
+		right: auto;
+		margin-top: auto;
+		max-width: none;
+	}
+ }
+ @media (max-height: @screen-qhd-width) and (min-width: @grid-float-breakpoint) {
+   .user-min .user-info {
+		position: fixed;
+		right: auto;
+		margin-top: auto;
+		max-width: none;
+   }
+ }
+
+
+
diff --git a/web/bootstrap-ace-admin/css/less/onpage-help.less b/web/bootstrap-ace-admin/css/less/onpage-help.less
new file mode 100755
index 00000000..90d4499f
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/onpage-help.less
@@ -0,0 +1,212 @@
+.enable_onpage_help() when(@enable-onpage-help = true) {
+
+.onpage-help-backdrop {
+  position: absolute;
+  z-index: 99990;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+ 
+  background-color: #000;
+  filter: alpha(opacity=5);
+  background-color: rgba(0,0,0,0.05);
+}
+
+.onpage-help-section {
+  display: block;
+  position: absolute;
+  z-index: 100000;
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4DFFFFFF', endColorstr='#4DFFFFFF',GradientType=0 );
+  background-color: rgba(255,255,255,0.3);
+ 
+  border: 1px dashed #8BBCD3;
+  border-radius:4px;
+ 
+  transition: background-color 0.2s, border-color 0.2s;
+  -webkit-transition: background-color 0.2s, border-color 0.2s;
+ 
+  text-align: center;
+  vertical-align: middle;
+ 
+  outline: none !important;
+}
+.onpage-help-section > .ie-hover-fix {
+ /* ie8-9 fix*/
+  display: block;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: #FFF;
+  filter: alpha(opacity=1);
+}
+
+.onpage-help-section  {
+ &:focus, &:active {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33C9D8EA', endColorstr='#33C9D8EA',GradientType=0 );
+	background-color: rgba(201,216,234,0.2);
+	border-color: #77ACC4;
+ }
+
+ &:hover {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66C9D8EA', endColorstr='#66C9D8EA',GradientType=0 );
+	background-color: rgba(201,216,234,0.4);
+	border-color: #77ACC4;
+	border-style: solid;
+ }
+ 
+ > .help-icon-1 {
+	 font-size: @font-size-onpage-help-icon-1;
+	 display: inline-block;
+	 position: absolute;
+	 z-index: 1;
+
+	 top: 50%;
+	 left: 50%;
+	 transform: translate(-50%, -50%);
+	 -webkit-transform: translate(-50%, -50%);
+	 
+	 opacity: 0;
+	 filter:alpha(opacity=0);
+	 
+	 color: #FFF;
+	 text-shadow: 0 0 2px black;
+	 
+	 background-color: #85B8DB;
+	 border: 2px solid #FFF;
+	 border-radius: 100%;
+	 box-shadow: 0 0 2px 1px rgba(0,0,0,0.4);
+	 
+	 width: 48px;
+	 height: 48px;
+	 line-height: 46px;
+	 
+	  transition: opacity 0.2s;
+	 -webkit-transition: opacity 0.2s;
+ }
+ 
+ &:focus > .help-icon-1,
+ &:active > .help-icon-1 {
+	opacity: 0.5;
+ }
+ &:hover > .help-icon-1 {
+	opacity: 1;
+	filter:alpha(opacity=100);
+ }
+ 
+
+
+ &.help-section-small  > .help-icon-1 {
+	font-size: @font-size-onpage-help-icon-1-small;
+	width: 28px;
+	height: 28px;
+	line-height: 26px;
+	border-radius: 12px;
+ }
+ &.help-section-smaller > .help-icon-1 {
+	font-size: @font-size-onpage-help-icon-1-smaller;
+	width: 20px;
+	height: 20px;
+	line-height: 17px;
+	border-radius: 8px;
+ }
+ 
+ 
+
+ > .help-icon-2 {
+	 position: absolute;
+	 z-index: 2;
+	 left: -4px;
+	 top: -4px;
+	 width: 18px;
+	 height: 18px;
+	 line-height: 16px;
+
+	 display: block;
+	 
+	 font-size: @font-size-onpage-help-icon-2;
+	 color: orange;
+	 background-color: #FFF;
+	 border: 1px solid orange;
+	 
+	 border-radius: 4px;
+	 opacity: 1;
+	  
+	  transition: all 0.2s;
+	 -webkit-transition: all 0.2s;
+ }
+ &:hover > .help-icon-2 {
+	color: #59A34E;
+	border-color: #59A34E;
+	transform: scale(1.25);
+	-webkit-transform: scale(1.25);
+ }
+ 
+ 
+}
+
+
+
+
+.onpage-help-modal {
+   z-index: 100010;
+} 
+.onpage-help-modal + .modal-backdrop {
+   z-index: 100009;
+}
+
+
+	
+.onpage-help-modal-buttons  button{
+  border-radius: 100%;
+  border-width: 2px !important;
+ 
+  &:focus {
+	outline: none !important;
+  }
+  &.disabled {
+	transform: scale(0.9);
+	-webkit-transform: scale(0.9);
+  }
+}
+
+
+
+.onpage-help-content {
+	max-width: 800px;
+	margin: 0 auto;
+}
+
+.code-modal.onpage-help-modal {
+ .modal-dialog {
+	margin-top: 6px;
+	margin-bottom: 6px;
+ }
+ .modal-header {
+	padding-top: 6px;
+	padding-bottom: 6px;
+ }
+ .modal-body {
+	padding: 10px 12px
+ } 
+}
+
+.onpage-help-modal pre {
+	border-width: 0;
+	box-shadow: none;
+	border-radius: 0;
+	margin-top: 8px;
+}
+
+.onpage-help-modal .modal-title code {
+  font-size: @base-font-size;
+}
+.onpage-help-modal .modal-body {
+  font-size: @base-font-size + 1;
+}
+
+
+}
+.enable_onpage_help();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/other.less b/web/bootstrap-ace-admin/css/less/other.less
new file mode 100755
index 00000000..3912f65f
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/other.less
@@ -0,0 +1,226 @@
+@ace-settings-box-border: #FFB34B;
+
+
+// other page sections
+
+//the button which scrolls page up
+.btn-scroll-up {
+  border-width: 0;
+  //position: absolute;
+  position: fixed;
+  right: 2px;
+  z-index: 99;
+  
+  .transition-duration(0.3s);
+  //.transition-property(opacity, bottom);
+  
+  .opacity(0);
+  bottom: -24px;
+  visibility: hidden;
+ 
+  &.display {
+	.opacity(0.7);
+	bottom: 2px;
+	visibility: visible;
+  }
+  &:hover {
+	.opacity(1);
+  }
+  &:focus {
+	outline: none;
+  }
+}
+
+.enable_container_btn_scroll_up() when(@enable-container = true) {
+@media (min-width: @screen-sm-min) {
+ .main-container.container > .btn-scroll-up {
+	right: auto;
+	margin-left: @container-sm - 30;
+ }
+}
+@media (min-width: @screen-md-min) {
+ .main-container.container > .btn-scroll-up {
+	right: auto;
+	margin-left: @container-md - 30;
+ }
+}
+@media (min-width: @screen-lg-min) {
+ .main-container.container > .btn-scroll-up {
+	right: auto;
+	margin-left: @container-lg - 30;
+ }
+}
+}
+.enable_container_btn_scroll_up();
+
+
+
+
+
+.enable_settings_box() when(@enable-settings-box = true) {
+.ace-settings-container {
+ position: absolute;
+ right: 0;
+ top: auto;
+ z-index: 12;
+}
+.btn.btn-app.ace-settings-btn {
+ float: left;
+ display: block; 
+ text-align: center;
+
+ border-radius: 6px 0 0 6px;
+ opacity: 0.55;
+
+ vertical-align: top;
+ margin: 0;
+ 
+ &:hover , &.open {
+	opacity: 1;
+ }
+ 
+ &.btn-xs {
+	width: 42px;
+ }
+
+}
+
+.ace-settings-box {
+ display: block;
+ float: left;
+
+ max-width: 0;
+ max-height: 0;
+ overflow: hidden;
+ padding: 0;
+ .transform(~"translate(0,0)");//needed, don't know why!
+
+ background-color: #FFF;
+ border: 0 solid @ace-settings-box-border;
+ 
+ 
+ .transition(~"max-width 0.25s linear 0s, max-height 0s linear 0.25s, padding 0s linear 0.25s, border-width 0s linear 0.25s");
+
+ &.open {
+	max-width: 320px;
+	max-height: 1000px;
+
+	padding: 0 14px;
+	border-width: 2px;
+
+	-webkit-transition-delay: 0s;
+	-moz-transition-delay: 0s;
+	-o-transition-delay: 0s;
+	transition-delay: 0s;
+	
+	.ace-settings-item {
+		z-index: auto;
+		min-width: 140px;
+	}
+ }
+ 
+ .ace-settings-item {
+	margin: 6px 0;
+	color: #444;
+	max-height: 24px;
+
+	position: relative;
+	z-index: -1;
+	
+	white-space: nowrap;
+
+	> label.lbl {
+		font-size: @base-font-size;
+	}
+ }
+}
+
+@media (max-width: @screen-xs) {
+ .ace-settings-container {
+	text-align: right;
+ }
+ .ace-settings-box {
+	float: none !important;//to override .RTL's
+	text-align: left;
+ }
+ .btn.ace-settings-btn {
+	float: none !important;//to override .RTL's
+	display: inline-block;
+ } 
+}
+@media (max-width: @screen-tiny) {
+ .ace-settings-box > .clearfix > .pull-left, .ace-settings-box > .clearfix > .pull-right {
+	float: none !important;
+ }
+}
+
+}
+.enable_settings_box();
+
+
+
+
+
+
+.grid2, .grid3, .grid4 {
+	.box-sizing(border-box);
+	display: block;
+	margin: 0 1%;
+	padding: 0 2%;
+	float: left;
+
+	border-left: 1px solid #E3E3E3;
+	&:first-child {
+		border-left: none;
+	}
+}
+
+.grid2 {
+	width: 48%;
+}
+.grid3 {
+	width: 31.33%;
+}
+.grid4 {
+	width: 23%;
+	padding: 0 1%;
+}
+
+
+.draggable-placeholder {
+  //for when dragging items around
+  border: 2px dashed #D9D9D9 !important;
+  background-color: #F7F7F7 !important;
+}
+
+
+
+// scrollbar
+//.slimScrollBar  { .border-radius(0) !important; }
+//.slimScrollRail { .border-radius(0) !important; }
+
+
+// a few small third party css files put here to reduce http file requests
+// jquery.easy-pie-chart.css
+.easyPieChart, .easy-pie-chart {
+    position: relative;
+    text-align: center;
+	
+	canvas {
+		position: absolute;
+		top: 0;
+		left: 0;
+	}
+}
+
+.knob-container {
+	direction: ltr;
+	text-align: left;
+}
+
+
+
+
+
+
+
diff --git a/web/bootstrap-ace-admin/css/less/page.error.less b/web/bootstrap-ace-admin/css/less/page.error.less
new file mode 100755
index 00000000..ce3f01c4
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/page.error.less
@@ -0,0 +1,18 @@
+//error pages
+.error-container {
+	margin:20px;
+	padding:0;
+	background:#FFF;
+}
+
+@media only screen and (max-width: @screen-xs-max) {
+ .error-container {
+	margin:12px;
+ }
+}
+@media only screen and (max-width: @screen-tiny-max) {
+ .error-container {
+	margin:6px;
+ }
+}
+
diff --git a/web/bootstrap-ace-admin/css/less/page.inbox.less b/web/bootstrap-ace-admin/css/less/page.inbox.less
new file mode 100755
index 00000000..de056ea1
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/page.inbox.less
@@ -0,0 +1,736 @@
+.enable_inbox() when(@enable-inbox = true) {
+
+.inbox-tabs.nav-tabs {
+  > li {
+	> a {
+		background-color:#FAFAFA;
+	}
+	&.active:not(.open) > a {
+		& , &:hover, &:focus {
+			background-color:#F1F5FA;
+			box-shadow:0 -2px 3px 0 rgba(0, 0, 0, 0.1);
+			color:#48768E;
+		}
+	}
+
+	> a.btn-new-mail {
+		background-color:transparent;
+		border:none !important;
+		padding:0 !important;
+		> .btn {
+			border-width:0 !important;
+			border-radius:3px !important;
+
+			padding:0 6px !important;
+
+			position:relative;
+
+			transition:none !important;
+		}
+	}
+	&.active > a.btn-new-mail {
+		box-shadow:none !important;
+
+		> .btn:before {
+			content: "";
+			display: block;
+			position: absolute;
+
+			top: 100%;
+			left: 50%;
+			margin-left: -6px;
+			
+			border-width:6px 8px;
+
+			border-style:solid;
+			border-color:transparent;
+			border-top-color:inherit;
+		}
+	}
+
+  }
+
+  &.tab-size-bigger > li {
+	> a {
+		padding: 5px 15px 7px;
+		font-size: @font-size-inbox-tab-large;
+		> .@{icon}:first-child  {
+			margin-bottom: 5px;
+		}
+
+		&.btn-new-mail > .btn{
+			padding: 10px !important;
+			border-radius: 7px !important;
+		}
+	}
+	
+	&.active > a.btn-new-mail {
+		margin-top:0 !important;
+		top:1px;
+	}
+	&.active > a.btn-new-mail > .btn:before {
+		left: 50%;
+		margin-left: -8px;
+
+		border-width:8px 10px;
+	}
+  }
+
+}
+
+
+@media only screen and (max-width: @screen-tiny-max) {//475px
+ .inbox-tabs > .li-new-mail {
+	display:block;
+	text-align:right;
+	margin-bottom:8px !important;
+	float:none !important;
+ }
+ .inbox-tabs > .li-new-mail > .btn-new-mail {
+	display:inline-block;
+	width:auto;
+ }
+}
+
+
+
+
+
+
+.message-container {
+ position:relative;
+}
+.message-list {
+ position:relative;
+}
+.message-item {
+ border:1px solid #EAEDF1;
+ border-bottom-width:0;
+ padding:12px 12px 14px;
+ line-height:18px;
+ 
+ position:relative;
+ background-color:#FFF;
+ 
+ &:first-child {
+	border-top-width:0;
+ }
+ 
+ &:hover {
+	border-color:#E2EAF2;
+	background-color:#F2F6F9;
+	
+	+ .message-item {
+		border-top-color:#E2EAF2;
+		
+		&.selected {
+			border-top-color:#FFF;
+		}
+	}
+ }
+ 
+ &.selected {
+	background-color:#EFF4F7;
+	border-color:#FFF #E2EAF2;
+	
+	+ .message-item{
+		border-top-color:#FFF;
+
+		&:hover + .message-item {
+			border-top-color:#FFF;
+		}
+	}
+ }
+}
+
+.message-navbar , .message-item {
+ input.ace + .lbl::before {
+	top: auto;
+ }
+}
+
+
+
+.message-item {
+ .sender {
+	margin:0 6px 0 4px;
+	vertical-align:middle;
+	color:#467287;
+
+	display:inline-block;
+	width:110px; height:18px;
+	text-overflow:ellipsis;
+	overflow:hidden;
+	white-space: nowrap;
+
+	cursor:pointer;
+ }
+ &.message-unread .sender {
+	color:#6A9CBA; font-weight:bold;
+ }
+
+ .summary {
+	vertical-align:middle;
+	display:inline-block;
+	position:relative;
+	
+	margin-left:30px;
+
+	max-width: 250px;
+	max-width: ~"calc(100% - 300px)";
+	min-width: 200px;
+	white-space: nowrap;
+
+	.text {
+		color:#555;
+		vertical-align:middle;
+		display:inline-block;
+
+		width:auto;
+		max-width:100%;
+		height:18px;
+		text-overflow:ellipsis;
+		overflow:hidden;
+		white-space: nowrap;
+
+		cursor:pointer;
+		
+		&:hover {
+			text-decoration:underline;
+		}
+	}
+	
+	.message-flags {
+		display:block;
+		position:absolute;
+
+		right: 100%;
+		margin-right: 4px;
+		
+		height:18px;
+		white-space: nowrap;
+	}
+	
+ }
+ &.message-unread .summary .text {
+	color:#609FC4;
+	font-weight:bold;
+ }
+
+
+ .time {
+	float:right;
+	width:60px;
+	height:18px;
+	text-overflow:ellipsis;
+	overflow:hidden;
+	white-space: nowrap;
+	color:#666;
+ }
+ &.message-unread .time {
+	font-weight: bold;
+	color: #609FC4;
+ }
+ &.message-unread .message-content .time {
+	font-weight: normal;
+ }
+ 
+
+ .attachment {
+	color: #999;
+	font-size: @font-size-inbox-attachment-icon;
+	vertical-align: middle;
+	float: right;
+	margin: 0 12px;
+	position: relative;
+ }
+ &.message-unread .attachment{
+	color:#4F99C6;
+ }
+}
+.message-content .time {
+ font-weight: normal;
+}
+
+.message-star{
+ vertical-align: middle;
+ margin: 2px 4px 0 6px;
+ font-size: @font-size-inbox-start-icon;
+ cursor: pointer;
+ 
+ &:hover {
+	color: @ace-orange2 !important;
+	text-decoration: none;
+ }
+}
+
+
+.mail-tag:empty {
+ display:inline-block;
+ width:8px; height:11px;
+ padding:0; line-height:normal;
+ vertical-align:middle;
+ margin:0 1px 0 0;
+}
+.badge.mail-tag{
+ border-radius:2px;
+}
+.dropdown-menu > li > a >.mail-tag {
+ vertical-align: inherit;
+}
+
+
+
+@media only screen and (max-width: @screen-sm-max) {
+ .message-item .summary {
+	min-width:0;
+ }
+ .message-item .sender {
+	width:100px;
+ }
+}
+
+
+@media only screen and (max-width: 550px) {
+ .message-item .summary {
+	margin:8px 0 0 32px;
+	max-width:95%;
+	min-width:0;
+	 
+	display:block;
+ }
+ .message-item .sender {
+	width:auto;
+	max-width:150px;
+ }
+ .message-item .summary  .text {
+	max-width:95%;
+ }
+}
+
+
+
+
+.btn-message , .btn-message:hover , .btn-message:focus, .btn-message:active, .open .btn-message.dropdown-toggle {
+ background-color:#FFF  !important;
+ border:1px solid #94B9CE !important;
+ color:#7CA3BA !important;
+ text-shadow:none !important;
+}
+
+
+
+
+.message-content {
+ padding:16px 12px;
+ border:1px solid #E9E9E9;
+ .box-shadow(~"0 0 1px 1px rgba(0,0,0,0.02)");
+ background-color:rgba(255,255,255,0.8);
+ border-top-width:0;
+ 
+ .message-item & {
+	margin-top:16px;
+	border-top-width:1px;
+ }
+}
+.message-body {
+  padding:0 9px;
+  color:#6A7177;
+}
+
+
+.message-navbar {
+ line-height:24px;
+ padding:10px 12px;
+ border:1px solid #D6E1EA;
+ border-color:#D6E1EA transparent;
+ 
+ background-color:#F1F5FA;
+ text-align: center;
+ 
+ position:relative;
+}
+
+.message-navbar , .message-content {
+ .dropdown-toggle {
+	color:#777;	
+	&:hover, &:focus {
+		text-decoration:none;
+		color:#2283C5;
+	}
+ }
+}
+
+
+
+.message-bar {
+  display:inline-block;
+  min-height:28px;
+}
+
+@media only screen and (max-width: @screen-xs) {
+.message-bar {
+  display:block;
+  min-height:60px;
+ }
+}
+
+
+.message-footer {
+  background-color: #F1F1F1;
+  padding: 12px 16px;
+  border: 1px solid #E6E6E6;
+  border-width: 1px 0;
+  border-top: 1px solid #E4E9EE;
+
+ .pagination {
+	margin: 0;
+	> li {
+		margin: 0;
+		padding: 0;
+		
+		> a , > span {
+			color: #777;
+			padding: 3px 6px;
+
+			margin-left: 1px;
+			margin-right: 1px;
+
+			background-color: transparent;
+			border: 1px solid transparent;
+		}
+		&.disabled > span {
+			color: #BBBBBB;
+			cursor: default;
+			background-color: transparent;
+			border-color: transparent;
+		}
+		
+		> a:hover {
+			border-color: lighten(desaturate(#2283C5 , 25%) , 25%);
+			color: #2283C5;
+			text-decoration: none;
+			background-color: #FFF;
+		}
+	}
+ }
+
+ input[type=text] {
+	font-size: @base-font-size - 1;
+
+	width: 34px;
+	height: 24px;
+	line-height: 20px;
+
+	margin-bottom: 0;
+	
+	padding: 3px;
+	vertical-align: middle;
+	text-align: center;
+ }
+
+}
+
+
+.message-footer-style2 .pagination > li {
+	 > a , > span {
+		border: 1px solid #B5B5B5;
+		border-radius: 100% !important;
+		width: 26px;
+		height: 26px;
+		line-height: 26px;
+		
+		display: inline-block;
+		text-align: center;
+		padding: 0;
+	}
+	> span , &.disabled > span {
+		border-color:#CCC;
+	}
+
+	> a:hover {
+		border-color: #84AFC9;
+		background-color: #F7F7F7;
+	}
+}
+
+
+
+.message-item.message-inline-open {
+ background-color:#F2F6F9;
+ border:1px solid #DDD;
+ border-bottom-color:#CCC;
+
+ &:first-child {
+	border-top-color:#EEE;
+ }
+ &:last-child {
+	border-bottom-color:#DDD;
+ }
+ + .message-item {
+	border-bottom-color:transparent;
+ }
+}
+
+
+
+.message-loading-overlay {
+ position: absolute;
+ z-index: 14;
+ top: 0;
+ bottom: 0;
+ right: 0;
+ left: 0;
+
+ background-color: rgba(255,255,255,0.5);
+ text-align: center;
+
+ > .@{icon} {
+		position: absolute;
+		top: 15%;
+		left: 0;
+		right: 0; 
+		text-align: center;
+ }
+}
+
+
+.message-content {
+  .sender {
+	color:#6A9CBA;
+	font-weight:bold;
+	width:auto;
+	text-overflow:inherit;
+	vertical-align:middle;
+	margin:0;
+  }
+  .time {
+	width:auto;
+	text-overflow:inherit;
+	white-space:normal;
+	float:none;
+	vertical-align:middle;
+  }
+  
+}
+
+
+
+ul.attachment-list {
+ margin:6px 0 4px 8px;
+ > li{
+	margin-bottom:3px;
+ }
+}
+.message-attachment {
+  padding-left:10px;
+  padding-right:10px;
+}
+
+.attached-file {
+ color: #777;
+ width: 200px;
+ display: inline-block;
+
+  > .@{icon} {
+	display: inline-block;
+	width: 16px;
+	margin-right: 2px;
+	vertical-align: middle;
+ }
+ 
+ &:hover {
+	text-decoration: none;
+	color: #438EB9;
+	
+	.attached-name {
+		color: #2283C5;
+	}
+ }
+ .attached-name {
+	display: inline-block;
+	max-width: 175px;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+	vertical-align: middle;
+ }
+ 
+}
+
+
+
+
+
+.messagebar-item-left , .messagebar-item-right {
+ position: absolute;
+ bottom: 14px;
+ left: 12px;
+ text-align: left;
+}
+.messagebar-item-right {
+ right: 12px;
+ left: auto;
+}
+.message-navbar .nav-search {
+  right: auto;
+  left: 5px;
+  top: auto;
+  bottom: 11px;
+}
+.message-navbar .messagebar-item-left ~ .nav-search {
+  left: 60px;
+}
+
+
+
+
+.message-form {
+ border:1px solid #ddd;
+ border-top:none;
+ padding-top:22px;
+}
+
+@media only screen and (max-width: @screen-xs) {
+ .message-form {
+	padding-left:16px;
+	padding-right:16px;
+ }
+}
+
+.message-form {
+ .form-actions {
+	margin-bottom:0;
+ }
+ 
+ .wysiwyg-editor {
+	overflow:auto;
+	min-height:150px;
+	max-height:250px;
+	height:auto;
+ }
+}
+
+.btn-send-message {
+  position: relative;
+  top: 6px;
+  vertical-align: middle;
+  
+}
+
+.btn-back-message-list {
+  color: #777;
+  &:hover {
+	color: #478FCA;
+	text-decoration: none;
+ }
+}
+
+
+
+.message-condensed {
+	.message-item {
+		padding-top:8px;
+		padding-bottom:9px;
+	}
+	.message-navbar , .message-footer {
+		padding-top:7px;
+		padding-bottom:7px;
+	}
+	
+	.messagebar-item-left , .messagebar-item-right {
+		bottom:9px;
+	}
+	.message-navbar .nav-search {
+		bottom:7px;
+	}
+}
+
+@media only screen and (max-width: @screen-xs) {
+.message-condensed .message-bar {
+  min-height:42px;
+ }
+}
+
+
+
+
+
+.enable_inbox_tabless() when(@enable-inbox-tabless = true) {
+//alternative to tabs
+.inbox-folders  .btn-block {
+	margin-top:0;
+}
+@media only screen and (max-width: @screen-xs-max) {
+ .inbox-folders.inbox-folders-responsive  .btn-block {
+	width:24%;
+ }
+}
+@media only screen and (max-width: 600px) {
+ .inbox-folders.inbox-folders-responsive   .btn-block {
+	width:48%;
+ }
+}
+@media only screen and (max-width: @screen-tiny) {
+ .inbox-folders.inbox-folders-responsive   .btn-block {
+	width:99%;
+ }
+}
+
+
+.inbox-folders  .btn-lighter  , .inbox-folders  .btn-lighter.active {
+	background-color:#F4F4F4 !important;
+	text-shadow:none !important;
+	color:#7C8395 !important;
+	border:1px solid #FFF  !important;
+	padding:5px 11px;
+}
+.inbox-folders .btn-lighter.active {
+	background-color:#EDF2F8 !important;
+	color:#53617C !important;
+}
+
+.inbox-folders  .btn-lighter:hover {
+	background-color:#EFEFEF !important;
+	color:#6092C4 !important;
+}
+.inbox-folders .btn > .@{icon}:first-child {
+	display:inline-block;
+	width:14px;
+	text-align:left;
+} 
+
+
+.inbox-folders  .btn-lighter + .btn-lighter {
+	border-top-width:0 !important;
+}
+
+.inbox-folders  .btn.active:before{
+	display:block;
+	content:"";
+	position:absolute;
+	top:1px; bottom:1px; left:-1px;
+	border-left:3px solid #4F99C6;
+}
+.inbox-folders  .btn.active:after{ 
+	display:none;
+}
+
+.inbox-folders .btn .counter {
+	border-radius:3px;
+	position:absolute;
+	right: 8px;
+	top:8px;
+	padding-left:6px; padding-right:6px;
+	.opacity(0.75);
+}
+.inbox-folders  .btn:hover .badge{
+	.opacity(1);
+}
+
+}
+.enable_inbox_tabless();
+
+
+}
+.enable_inbox();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/page.invoice.less b/web/bootstrap-ace-admin/css/less/page.invoice.less
new file mode 100755
index 00000000..33191f55
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/page.invoice.less
@@ -0,0 +1,22 @@
+.enable_invoice() when(@enable-invoice = true) {
+//invoice
+.invoice-info {
+  line-height: 24px !important;
+  color: #444;
+  vertical-align: bottom;
+  margin-left: 9px;
+  margin-right: 9px;
+}
+.invoice-info-label {
+  display: inline-block;
+  max-width: 100px;
+  text-align: right;
+  font-size: @font-size-invoice-data;
+}
+.invoice-box .label-large[class*="arrowed"]{
+  margin-left: 11px !important;
+  max-width: 95%;
+}
+
+}
+.enable_invoice();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/page.login.less b/web/bootstrap-ace-admin/css/less/page.login.less
new file mode 100755
index 00000000..86186c4e
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/page.login.less
@@ -0,0 +1,240 @@
+//login page
+.enable_login_page() when(@enable-login-page = true) {
+
+.login-container {
+  width:375px;
+  margin:0 auto;
+}
+
+.login-layout {
+  background-color:#1D2024;
+ .main-container:before {
+	display:none;
+ }
+
+ .main-content {
+	margin-left: 0 !important;//to override RTL
+	margin-right: 0 !important;//to override RTL
+
+	min-height: 100%;
+	padding-left: 15px;
+	padding-right: 15px;
+ }
+
+
+ label {
+	margin-bottom:11px;
+ }
+
+ 
+ .widget-box {
+	visibility:hidden;
+	position:fixed;
+	z-index:-5;
+	 
+	border-bottom:none;
+	box-shadow:none;
+	padding:6px;
+	background-color:#394557;
+	 
+	.transform(~"scale(0,1) translate(-150px)");
+	&.visible {
+		visibility: visible;
+		position: relative;
+		z-index: auto;
+		
+		.transform(~"scale(1,1) translate(0)");
+
+		transition: transform .3s ease;
+		-moz-transition: -moz-transform .3s ease;
+		-webkit-transition: -webkit-transform .3s ease;
+		-o-transition: -o-transform .2s ease;
+	}
+
+	.widget-main {
+		padding: 16px 36px 36px;
+		background: #F7F7F7;
+		form {
+			margin: 0;
+		}
+	}
+	.widget-body .toolbar > div > a {
+		font-size: @font-size-login-box-footer-links;
+		font-weight: 400;
+		text-shadow: 1px 0px 1px rgba(0,0,0,0.25); 
+	}
+ }
+
+}
+
+
+
+.login-box {
+  .forgot-password-link { color:#FE9; }
+  .user-signup-link { color:#CF7; }
+  
+  .toolbar {
+	background:#5090C1;
+	border-top:2px solid #597597;
+	> div {
+		width:50%;
+		display:inline-block;
+		padding:9px 0 11px;
+
+		&:first-child {//the first link
+			float:left;
+			text-align:left;
+			> a {
+				margin-left:11px;
+			}
+			
+			+ div {//the next one
+				float:right;
+				text-align:right;
+				> a {
+					margin-right:11px;
+				}
+			}
+		}
+	}
+  }
+}
+
+
+
+
+.forgot-box .toolbar {
+ background:#C16050;
+ border-top:2px solid #976559;
+ padding:9px 18px;
+}
+
+.signup-box  .toolbar {
+ background:#76B774;
+ border-top:2px solid #759759;
+ padding:9px 18px;
+}
+
+.forgot-box .back-to-login-link  , .signup-box .back-to-login-link{
+ color: #FE9;
+ font-size: @font-size-signup-box-footer-link;
+ font-weight: bold;
+ text-shadow: 1px 0px 1px rgba(0,0,0,0.25); 
+}
+
+
+
+
+
+/* social login */
+.login-layout .login-box .widget-main {
+	padding-bottom:16px;
+}
+//.login-box {
+
+ .social-or-login {
+	margin-top: 4px;
+	text-align: center;
+	 
+	position: relative;
+	z-index: 1;
+	:first-child {
+		display: inline-block;
+		background: #F7F7F7;
+		padding: 0 8px;
+		color: #5090C1;
+		font-size: @base-font-size;
+	}
+	
+	&:before {
+		content: "";
+		display: block;
+		position: absolute;
+		z-index: -1;
+		top: 50%;
+		left: 0;
+		right: 0;
+		border-top: 1px dotted #A6C4DB;
+	}
+ }
+
+ .social-login {
+	a {
+		border-radius: 100%;
+		width: 42px;
+		height: 42px;
+		line-height: 46px;
+		padding: 0;
+		margin: 0 1px;
+		border-width: 0;
+		> .@{icon} {
+			font-size: @font-size-login-social-icon;
+			margin: 0;
+		}
+	}
+ }
+
+
+
+
+
+
+
+//loginbox
+@media only screen and (max-width: @screen-qhd-width) {
+ .login-layout .widget-box .widget-main {
+	padding: 16px;
+ }
+ .login-container {
+	width: 98%;
+ }
+ .login-layout .widget-box {
+	padding: 0;
+ }
+ .login-layout .main-content {
+	padding-left: 6px;
+	padding-right: 6px;
+ }
+ 
+ .login-box .toolbar > div {
+	width: auto;
+ }
+}
+
+
+
+//light-login
+.light-login {
+ background: #DFE0E2 url('images/pattern.jpg') repeat;
+ .widget-box {
+	padding: 1px 1px 0;
+	.box-shadow(~"0 0 2px 1px rgba(0, 0, 0, 0.12)");
+	
+	border-bottom: 1px solid rgba(50, 50, 50, 0.33);
+	
+	.toolbar {
+		border-top-width: 1px;
+	}
+
+	&.login-box {
+		background-color: #BCC6CF;
+		background-color: rgba(100, 110, 120, 0.4);
+	}
+	&.signup-box {
+		background-color: #C1CEC4;
+		background-color: rgba(110, 120, 100, 0.4);
+	}
+	&.forgot-box {
+		background-color: #D2C5C5;
+		background-color: rgba(120, 110, 100, 0.4);
+	}
+ }
+}
+
+.blur-login {
+  background: #394557 url('images/meteorshower2.jpg') repeat;
+}
+
+
+}
+.enable_login_page();
diff --git a/web/bootstrap-ace-admin/css/less/page.pricing.less b/web/bootstrap-ace-admin/css/less/page.pricing.less
new file mode 100755
index 00000000..080d1f0f
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/page.pricing.less
@@ -0,0 +1,160 @@
+.enable_pricing() when(@enable-pricing = true) {
+
+//pricing table
+.pricing-box {
+  &:not(:first-child) {
+	padding-left:7px;
+  }
+  &:not(:last-child) {
+	padding-right:7px;
+  }
+
+
+ .price{
+	font-size: @font-size-pricing-price;
+	line-height: 20px;
+	height: 28px;
+	text-align: center;
+	color: #555;
+	 
+	small {	font-size: @font-size-pricing-price-small; }
+ }
+
+ .btn {	font-size: @font-size-pricing-button; } //the purchase button
+ 
+ .widget-header {/* the title */
+	text-align:center;
+	padding-left:0;
+ }
+}
+@media only screen and (max-width: @screen-xs-min) {
+  .pricing-box {
+	  margin: 0;
+	  margin-bottom:16px;
+	  
+	  padding-left:0 !important;
+	  padding-right:0 !important;
+	  margin-left: -1px;
+	  
+	  &:nth-child(odd) {
+		padding-left: @grid-gutter-width / 2 !important;
+	  }
+	  &:nth-child(even) {
+		padding-right: @grid-gutter-width / 2 !important;
+	  }
+  }
+}
+@media only screen and (max-width: @screen-topbar-down) {
+  .pricing-box {
+	  margin: 0;
+	  margin-bottom:16px;
+	  width:100%;
+	  
+	  padding-left:@grid-gutter-width / 2 !important;
+	  padding-right: @grid-gutter-width / 2 !important;
+  }
+}
+
+
+
+.pricing-table-header {
+ padding-top: 0;
+ margin-top: 0;
+ text-align: left;
+ > li {
+	padding: 7px 0 7px 11px;
+	font-size: @font-size-pricing-table-caption;
+ }
+}
+
+.pricing-table {
+ margin-top: 0;
+ > li {
+	text-align: center;
+	padding: 7px 0;
+	font-size: @font-size-pricing-table-value;
+ }
+}
+
+
+.list-striped {
+  > li {
+	&:nth-child(odd)  {
+		background-color:#FFF;
+	}
+	&:nth-child(even) {
+		background-color:#F2F3EB;
+	}
+  }
+
+  &.pricing-table-header > li:nth-child(even) {
+		background-color:#EEE;
+  }
+}
+
+
+.pricing-box-small {
+  box-shadow:none;
+  margin-left:-2px;
+  background-color:#FFF;
+ 
+  position:relative;
+  z-index: 10;
+ 
+ .price {
+	line-height:20px; height:28px;
+	text-align:center;
+	.label {
+		&:before, &:after {
+			margin-top:-2px;
+			.opacity(0.9);
+		}
+	}
+ }
+ 
+ &:hover {
+   box-shadow:0 0 4px 2px rgba(0,0,0,0.15);
+   
+   z-index: 11;
+   .scale(1.04);
+   //-webkit-transform:none;/*chrome blurs when scaled, so disable it!*/
+  
+   .price > .label {
+		.scale(0.96);
+		//-webkit-transform:none;
+   }
+ }
+}
+
+
+
+
+.pricing-span {
+  margin:0;
+  width:19%;
+  max-width:150px !important;
+  min-width:110px !important;
+  float:left !important;
+}
+.pricing-span-header {
+ padding-right: 0;
+}
+
+
+@media only screen and (min-width: @screen-xs-min) {
+ .pricing-span-body {
+   padding-left: 0;
+   padding-right: 0;
+ }
+}
+@media only screen and (max-width: @screen-xs) {
+ .pricing-span-header , .pricing-span-body {
+   width: 100%;
+   padding-right: @grid-gutter-width / 2;
+ }
+}
+
+
+
+}
+.enable_pricing();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/page.profile.less b/web/bootstrap-ace-admin/css/less/page.profile.less
new file mode 100755
index 00000000..8d148e2f
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/page.profile.less
@@ -0,0 +1,392 @@
+.enable_profile() when(@enable-profile = true) {
+
+.profile-user-info {
+	display: table;
+	width: 98%;
+	width: ~"calc(100% - 24px)";
+	margin: 0 auto;
+}
+.profile-info-row {
+	display: table-row;
+}
+.profile-info-name {
+	text-align: right;
+	padding: 6px 10px 6px 4px;
+
+	font-weight: normal;
+	color: #667E99;
+	background-color: transparent;
+
+	border-top: 1px dotted #D5E4F1;
+	
+	display: table-cell;
+	width: 110px;
+	vertical-align: middle;
+}
+.profile-info-value {
+	display: table-cell;
+
+	padding: 6px 4px 6px 6px;
+	//margin-left: 110px;
+	border-top: 1px dotted #D5E4F1;
+	
+	> span  + span:before{/* for a list of values (such as location city & country) put a comma between them */
+		display:inline;
+		content:",";
+		margin-left:1px;
+		margin-right:3px;
+		color:#666;
+		border-bottom:1px solid #FFF;
+	}
+	> span  + span.editable-container:before {
+		display:none;
+	}
+}
+
+.profile-info-row {
+	&:first-child .profile-info-name {
+		border-top:none;
+	}
+	&:first-child .profile-info-value {
+		border-top:none;
+	}
+}
+
+
+.profile-user-info-striped {
+	border: 1px solid #DCEBF7;
+
+	.profile-info-name {
+		color: #336199;
+		background-color: #EDF3F4;
+		border-top: 1px solid #F7FBFF;
+	}
+	.profile-info-value {
+		border-top: 1px dotted #DCEBF7;
+		padding-left: 12px;
+	}
+}
+
+
+
+
+.profile-picture {
+	border: 1px solid #CCC;
+	background-color: #FFF;
+	padding: 4px;
+	display: inline-block;
+	max-width: 100%;
+	
+	.box-sizing(border-box);
+	box-shadow:1px 1px 1px rgba(0,0,0,0.15);
+}
+
+
+.profile-activity {
+	padding:10px 4px;
+	border-bottom:1px dotted #D0D8E0;
+	position:relative;
+	border-left:1px dotted #FFF;
+	border-right:1px dotted #FFF;
+	&:first-child {
+		border-top:1px dotted transparent;
+		&:hover {
+			border-top-color:#D0D8E0;
+		}
+	}
+	
+	&:hover {
+		background-color:#F4F9FD;
+		border-left:1px dotted #D0D8E0;
+		border-right:1px dotted #D0D8E0;
+	}
+	
+	
+	img {
+		border:2px solid #C9D6E5;
+		border-radius:100%;
+		max-width:40px;
+		margin-right:10px;
+		margin-left:0px;
+		box-shadow:none;
+	}
+	.thumbicon {
+		background-color: #74ABD7;
+		display: inline-block;
+		border-radius: 100%;
+		
+		width: 38px;
+		height: 38px;
+
+		color: #FFF;
+		font-size: @font-size-profile-thumb;
+		text-align: center;
+		line-height: 38px;
+		 
+		margin-right:10px; margin-left:0px;
+		text-shadow:none !important;
+	}
+
+	.time {
+		display:block;
+		margin-top:4px;
+		color:#777;
+	}
+
+	a.user {
+		font-weight:bold;
+		color:#9585BF;
+	}
+
+	.tools {
+		position:absolute;
+		right: 12px;
+		bottom:8px;
+		display:none;
+	}
+	&:hover .tools {
+		display:block;
+	}
+}
+
+
+
+
+
+
+.user-profile .ace-thumbnails li {
+ border:1px solid #CCC;
+ padding:3px;
+ margin:6px;
+
+ .tools {
+	left:3px; right:3px;
+  }
+  &:hover .tools {
+	bottom:3px;
+  }
+}
+
+
+
+.user-profile .user-title-label {
+	&:hover {
+		text-decoration:none;
+	}
+	+ .dropdown-menu {
+		margin-left:-12px;
+	}
+}
+
+
+.profile-contact-links {
+	padding: 4px 2px 5px;
+	border: 1px solid #E0E2E5;
+	background-color: #F8FAFC;
+}
+.btn-link:hover .@{icon} {
+	text-decoration: none !important;
+}
+.profile-social-links > a {
+	text-decoration: none;
+	margin: 0 1px;
+	&:hover > .@{icon} {
+		text-decoration: none;
+	}
+}
+
+
+
+.profile-skills .progress {
+	height: 26px;
+	margin-bottom: 2px;
+	background-color:transparent;
+	.progress-bar {
+		line-height: 26px;
+		font-size: @base-font-size;
+		font-weight: bold;
+		font-family: "Open Sans";
+		padding :0 8px;
+	}
+}
+
+
+
+.profile-users {
+	.user {
+		display:block;
+		position:static;
+		text-align:center;
+		width:auto;
+		
+		img {
+			padding:2px;
+			.border-radius(100%);
+			border:1px solid #AAA;
+
+			max-width:none;
+			width:64px;
+			
+			.transition(~"all 0.1s");
+			
+			&:hover {
+				.box-shadow(~"0 0 1px 1px rgba(0,0,0,0.33)");
+			}
+		}
+	}
+
+	.memberdiv {
+		background-color:#FFF;
+		width:100px;
+
+		.box-sizing(border-box);
+		border:none;
+		text-align:center;
+
+		margin:0 8px 24px;
+		
+		.name a:hover .@{icon} {
+			text-decoration:none;
+		}
+		
+		.body {
+			display:inline-block;
+			margin:8px 0 0 0;
+		}
+
+		.popover {
+			visibility:hidden;
+			min-width: 0;
+			max-height: 0;
+			max-width: 0;
+		 
+			margin-left:0;
+			margin-right:0;
+
+			top:-5%;
+			left:auto;
+			right:auto;
+			
+			opacity:0;
+			display:none;
+			position: absolute;
+
+			.transition(~"opacity 0.2s linear 0s, visibility 0s linear 0.2s, max-height 0s linear 0.2s, max-width 0s linear 0.2s, min-width 0s linear 0.2s");
+			
+			&.right {
+				left:100%;
+				right:auto;
+				display:block;
+			}
+			&.left {
+				left:auto;
+				right:100%;
+				display:block;
+			}
+		}
+		> :first-child:hover .popover {
+			visibility:visible;
+			opacity:1;
+			z-index: @zindex-popover;
+			max-height: 250px;
+			max-width: 250px;
+			min-width: 150px;
+
+			-webkit-transition-delay:0s;
+			-moz-transition-delay:0s;
+			-o-transition-delay:0s;
+			transition-delay:0s;
+		}
+
+		.tools {
+			position:static;
+			display:block;
+			width:100%;
+			margin-top:2px;
+			> a {
+				margin:0 2px;
+				&:hover {
+					text-decoration:none;
+				}
+			}
+		}
+
+	}
+	
+}
+
+
+
+
+.user-status {
+	display:inline-block;
+	width:11px; height:11px;
+	background-color:#FFF;
+	border:3px solid #AAA;
+	.border-radius(100%);
+	vertical-align:middle;
+	margin-right:1px;
+	
+	&.status-online{
+		border-color:#8AC16C;
+	}
+	&.status-busy{
+		border-color:#E07F69;
+	}
+	&.status-idle{
+		border-color:#FFB752;
+	}
+}
+
+
+
+
+.tab-content.profile-edit-tab-content {
+	border:1px solid #DDD;
+	padding:8px 32px 32px;
+	.box-shadow(~"1px 1px 0 0 rgba(0, 0, 0, 0.2)");
+	
+	background-color: #FFF;
+}
+
+
+
+
+
+
+
+//profile
+@media only screen and (max-width: @screen-xs) {
+ .profile-info-name {
+	width: 80px;
+ }
+
+ .profile-user-info-striped {
+	.profile-info-name {
+		float: none;
+		width: auto;
+		text-align: left;
+		padding: 6px 4px 6px 10px;
+		display: block;
+	}
+	.profile-info-value {
+		margin-left: 10px;
+		display: block;
+	}
+ }
+}
+
+@media only screen and (max-width: @screen-xs) {
+ .user-profile .memberdiv {
+	width: 50%;
+	margin-left: 0;
+	margin-right: 0;
+ }
+}
+
+
+
+
+
+}
+.enable_profile();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/page.timeline.less b/web/bootstrap-ace-admin/css/less/page.timeline.less
new file mode 100755
index 00000000..52ce11e0
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/page.timeline.less
@@ -0,0 +1,277 @@
+.enable_timeline() when(@enable-timeline = true) {
+
+
+.timeline-container {
+ position:relative;
+ padding-top:4px;
+ margin-bottom:32px;
+
+ &:last-child {
+	margin-bottom:0;
+ } 
+
+ &:before {
+	/* the vertical line running through icons */
+	content:"";
+	display:block;
+	position:absolute;
+	left:28px;
+	top:0;
+	bottom:0;
+	border:1px solid #E2E3E7;
+	background-color:#E7EAEF;
+	width:4px;
+	border-width:0 1px;
+ }
+ &:first-child:before {
+	border-top-width:1px;
+ }
+ &:last-child:before {
+	border-bottom-width: 1px;
+ }
+}
+
+
+.timeline-item {
+  position:relative;
+  margin-bottom:8px;
+
+ .widget-box {
+	background-color:#F2F6F9;
+	color:#595C66;
+ }
+
+ .transparent.widget-box {
+	border-left:3px solid #DAE1E5;
+ }
+ .transparent {
+	.widget-header {
+		background-color: #ECF1F4;
+		border-bottom-width: 0;
+
+		> .widget-title {
+			margin-left: 8px;
+		}
+	}
+ }
+
+
+ &:nth-child(even) .widget-box {
+	background-color:#F3F3F3;
+	color:#616161;
+
+	&.transparent {
+		border-left-color:#DBDBDB !important;
+		.widget-header {
+			background-color:#EEE !important;
+		}
+	}
+ }
+
+}
+
+
+
+
+.timeline-item {
+	.widget-box	{
+		margin: 0;
+		position: relative;
+		max-width: none;
+		//border-bottom-width: 0;
+		margin-left: 60px;
+	}
+	.widget-main {
+		margin: 0;
+		position: relative;
+		max-width: none;
+		border-bottom-width: 0;
+	}
+	.widget-body {
+		background-color: transparent;
+	}
+
+	.widget-toolbox {
+		padding: 4px 8px 0 !important;
+		background-color: transparent !important;
+		border-width: 0 !important;
+		margin: 0 0px !important;
+	}
+}
+
+
+
+
+
+
+
+.timeline-info {
+	float:left;
+	width:60px;
+	text-align:center;
+	position:relative;
+	
+	img {
+		border-radius:100%;
+		max-width:42px;
+	}
+	.label , .badge {
+		font-size: @font-size-timeline-badge;
+	}
+}
+
+
+
+.timeline-container:not(.timeline-style2) .timeline-indicator {
+	opacity: 1;
+    border-radius: 100%;
+    display: inline-block;
+    font-size: @font-size-timeline-icon;
+    height: 36px;
+    line-height: 30px;    
+    width: 36px;
+	text-align: center;
+	text-shadow: none !important;
+	padding:0;
+	cursor:default;
+
+	border:3px solid #FFF !important;
+
+}
+
+
+.timeline-label {
+	display:block;
+	clear:both;
+	margin:0 0 18px;
+	margin-left:34px;
+}
+
+.timeline-item img {
+	border: 1px solid #AAA;
+	padding: 2px;
+	background-color: #FFF;
+}
+
+
+
+
+
+
+
+
+.enable_timeline_style_2() when (@enable-timeline-style-2 = true) {
+.timeline-style2 {
+
+ &:before {
+	display:none;
+ }
+
+ .timeline-item {
+
+	padding-bottom:22px;
+	margin-bottom:0;
+	&:last-child {
+		padding-bottom:0;
+	}
+
+	
+   &:before {
+		content:"";
+		display:block;
+		position:absolute;
+		left:90px; top:5px;	bottom:-5px;
+
+		border-width:0;
+
+		background-color:#DDD;
+		width:2px;
+		max-width:2px;
+   }
+  
+   &:last-child:before {
+		display:none;
+   }
+   &:first-child:before {
+		display:block;
+   }
+
+ }
+
+}
+
+
+
+
+
+
+.timeline-style2 {
+	.timeline-item .transparent .widget-header {
+		background-color:transparent !important;
+	}
+	.timeline-item .transparent.widget-box {
+		background-color:transparent !important;
+		border-left:none !important;
+	}
+
+	.timeline-info {
+		width:100px;
+	}
+
+	.timeline-indicator {
+		font-size: 0;
+		height: 12px;
+		line-height: 12px;
+		width: 12px;
+		
+		border-width: 1px !important;
+		background-color: #FFFFFF !important;
+		
+		position:absolute;
+		left:85px; top:3px;
+		
+		opacity:1;
+		border-radius: 100%;
+		display: inline-block;
+		padding:0;
+	}
+
+	.timeline-date {
+		display:inline-block;
+		width:72px;
+		text-align:right;
+		margin-right:25px;
+		color:#777;
+	}
+
+	.timeline-item .widget-box {
+		margin-left:112px;
+	}
+
+	.timeline-label {
+		width: 75px;
+		text-align: center;
+		margin-left: 0;
+		margin-bottom: 10px;
+		text-align: right;
+		color: #666;
+		font-size: @font-size-timeline-style2-label;
+	}
+
+}
+
+}
+.enable_timeline_style_2();
+
+
+
+.timeline-time {
+	text-align:center;
+	position:static;
+}
+
+
+
+
+}
+.enable_timeline();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/print.less b/web/bootstrap-ace-admin/css/less/print.less
new file mode 100755
index 00000000..640808bc
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/print.less
@@ -0,0 +1,76 @@
+@media print {
+ .navbar {
+	display: none !important;
+	/**
+	background: transparent none !important;
+	border-bottom: 1px solid #DDD;
+	
+	.navbar-brand {
+		color: @text-color !important;
+	}
+
+	.ace-nav {
+		display: none !important;
+	}
+	*/
+ }
+ 
+ .sidebar {
+	display: none !important;
+ }
+ .main-content {
+	margin-left: 0 !important;
+	margin-right: 0 !important;
+	
+	.nav-search {
+		display: none !important;
+	}
+	
+	.breadcrumbs {
+		float: right;
+		border-width:  0 !important;
+		
+		.breadcrumb > li + li:before {
+			content: "/";
+		}
+		.breadcrumb .home-icon {
+			display: none;
+		}
+	}
+ }
+ .ace-settings-container {
+	display: none !important;
+ }
+ 
+ 
+
+ .footer {
+   width: 100%;
+   height: auto;
+   position: relative;
+ }
+ .footer .footer-inner, .footer .footer-inner .footer-content {
+	width: 100%;
+ }
+ 
+
+ .btn-scroll-up {
+   display: none !important;
+ }
+
+
+
+ .btn, .btn.btn-app {
+	background: transparent none !important;
+	border-width: 1px !important;
+	border-radius: 0 !important;
+	color: #555 !important;
+ }
+ .label {
+	border: 1px solid #666 !important;
+ }
+ .label[class*=arrowed]:before, .label[class*=arrowed]:after {
+	display: none !important;
+ }
+ 
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/progressbar.less b/web/bootstrap-ace-admin/css/less/progressbar.less
new file mode 100755
index 00000000..ecb2ddd9
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/progressbar.less
@@ -0,0 +1,120 @@
+.enable_progressbar() when(@enable-progressbar = true) {
+
+//progressbar
+@progress-bg: #e9e9e9;
+
+.progress {
+ .border-radius(0);
+ .box-shadow(none);
+  background: @progress-bg;
+
+ height: 18px;
+
+ .progress-bar {
+	.box-shadow(none);
+	line-height:18px;
+ }
+
+ &[data-percent] {
+	&:after {
+		 display: inline-block;
+		 content: attr(data-percent);
+		 color: #FFF;
+		 position: absolute;
+		 left: 0;
+		 right: 0;
+		 top: 0;
+		 bottom: 0;
+		 
+		 line-height: 16px;
+		 
+		 text-align: center;
+		 font-size: @base-font-size - 1;
+		 //font-family: Verdana;
+	}
+ }
+ &.progress-yellow[data-percent]:after {
+	color: #996633;
+ }
+
+
+ &.progress-small {
+	height: 12px;
+	.progress-bar {
+		line-height: 10px;
+		font-size: @base-font-size - 2;
+	}
+	&[data-percent]:after {
+		line-height: 10px;
+		font-size: @base-font-size - 2;
+	}
+ }
+
+
+ &.progress-mini {
+	height: 9px;
+	.progress-bar {
+		line-height: 8px;
+		font-size: @base-font-size - 2;
+	}
+	&[data-percent]:after {
+		line-height: 8px;
+		font-size: @base-font-size - 2;
+	}
+ }
+}
+
+
+
+.progress-bar {
+ .progress-bar-variant(@progress-color);
+}
+.progress-bar-danger {
+ .progress-bar-variant(@progress-danger);
+}
+.progress-bar-success {
+ .progress-bar-variant(@progress-success);
+}
+.progress-bar-warning {
+ .progress-bar-variant(@progress-warning);
+}
+.progress-bar-pink {
+ .progress-bar-variant(@progress-pink);
+}
+.progress-bar-purple {
+ .progress-bar-variant(@progress-purple);
+}
+.progress-bar-yellow {
+ .progress-bar-variant(@progress-yellow);
+}
+.progress-bar-inverse {
+ .progress-bar-variant(@progress-inverse);
+}
+.progress-bar-grey {
+ .progress-bar-variant(@progress-grey);
+}
+
+
+
+
+/**
+.progress {
+  position: relative;
+}
+.progress:before {
+  display: inline-block;
+  content: "";
+  
+  position: absolute;
+  left: 0;
+  right: 0;
+  top: 0;
+  bottom: 0;
+ 
+  background: radial-gradient(9px 9px 0deg, circle cover, aqua 0%, rgba(0, 0, 255, 0) 100%, blue 95%);
+}
+*/
+
+
+}
+.enable_progressbar();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/scroll.less b/web/bootstrap-ace-admin/css/less/scroll.less
new file mode 100755
index 00000000..31cc50d2
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/scroll.less
@@ -0,0 +1,304 @@
+@scroll-bar-width: 8px;
+@scroll-thin-width: 6px;
+
+
+
+.ace-scroll {
+	overflow: hidden;
+}
+.scroll-content {
+	position: static;
+	overflow: hidden;
+}
+.scroll-disabled.ace-scroll {
+  &, & .scroll-content {
+	overflow: visible;
+  }
+}
+
+
+.scroll-track {
+  position: absolute;
+  top: auto;
+  bottom: auto;
+  right: 0;
+  
+  //width: @scroll-bar-width;
+  height: auto;// will be determined at runtime
+  background-color: #E7E7E7;
+
+  z-index: 99;//to appear above content
+  
+  width: 0;
+  opacity: 0;
+}
+.scroll-bar {
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: inherit;
+ background-color: #ACE;
+
+ background: saturate(darken(#CFDFEA , 5%), 5%);
+}
+
+
+.scroll-track.scroll-hz {
+ top: auto;
+ left: auto;
+ right: auto;
+ bottom: 0;
+ 
+ height: @scroll-bar-width;
+ width: auto;// will be determined at runtime
+}
+.scroll-hz .scroll-bar {
+ height: inherit;
+ width: auto;
+}
+
+
+
+
+
+.scroll-track.scroll-active {
+	.transition(~"width 0.25s ease 0.75s, opacity 0.25s ease 0.75s");
+}
+
+.ace-scroll:hover .scroll-active,
+.scroll-active.scroll-track:hover,
+.scroll-active.scroll-track.scroll-hover,
+.scroll-active.scroll-track.active,
+.scroll-active.scroll-track:active
+{
+	width: @scroll-bar-width;
+	opacity: 1;
+
+	.transition-duration(0.15s);
+	.transition-delay(0s);
+}
+
+
+
+.scroll-track.active > .scroll-bar {
+ transition-property: none !important; 
+ transition-duration: 0s !important; 
+}
+
+
+
+
+
+
+//optional styling classes
+.scroll-track.scroll-margin {
+ margin-left: -1px;
+}
+.scroll-track.scroll-left {
+  right: auto;
+  left: 0;
+  &.scroll-margin {
+	margin-left: 1px;
+  }
+}
+
+//for horizontal
+.scroll-track.scroll-top {
+  bottom: auto;
+  top: 0;
+
+  &.scroll-margin {
+	top: 1px;
+  }
+}
+
+.scroll-dark {
+  .scroll-bar {
+    background-color: transparent;
+	background-color: rgba(0,0,0,0.25);
+    filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#40000000',GradientType=0 )";
+  }
+  .scroll-track& {
+	background-color: transparent;
+	background-color: rgba(0,0,0,0.15);
+	filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#26000000', endColorstr='#26000000',GradientType=0 )";
+  }
+}
+.scroll-light {
+  .scroll-bar {
+	background-color: transparent;
+	background-color: rgba(0,0,0,0.14);
+	filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#24000000', endColorstr='#24000000',GradientType=0 )";
+  }
+  .scroll-track& {
+	background-color: transparent;
+    background-color: rgba(0,0,0,0.07);
+	filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#12000000', endColorstr='#12000000',GradientType=0 )";
+  }
+}
+.scroll-white {
+  .scroll-bar {
+	background-color: transparent;
+	background-color: rgba(255,255,255,0.33);
+	filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#55FFFFFF', endColorstr='#55FFFFFF',GradientType=0 )";
+  }
+  .scroll-track& {
+	background-color: transparent;
+	background-color: rgba(255,255,255,0.2);
+	filter: ~"progid:DXImageTransform.Microsoft.gradient( startColorstr='#33FFFFFF', endColorstr='#33FFFFFF',GradientType=0 )";
+  }
+}
+
+
+.no-track.scroll-track {
+  background-color: transparent;
+  filter: ~"progid:DXImageTransform.Microsoft.gradient( enabled=false )";
+}
+
+
+.scroll-visible {
+	.scroll-track& {
+		opacity: 1;
+		width: @scroll-bar-width;
+	}
+	.scroll-hz& {
+		height: @scroll-bar-width;
+		width: auto;
+	}
+}
+
+
+.scroll-thin.scroll-track {
+	&:hover, &.scroll-hover, &:active, &.active, &.scroll-visible {
+		width: @scroll-thin-width;
+	}
+}
+.ace-scroll:hover .scroll-thin.scroll-track {
+	width: @scroll-thin-width;
+}
+
+//horizontal
+.scroll-thin.scroll-hz {
+	&:hover, &.scroll-hover, &:active, &.active, &.scroll-visible {
+		width: auto;
+		height: @scroll-thin-width;
+	}
+}
+.ace-scroll:hover .scroll-thin.scroll-hz {
+	width: auto;
+	height: @scroll-thin-width;
+}
+
+
+
+
+//style like latest version of Chrome
+.scroll-chrome.scroll-active {
+  .scroll-bar {
+	background-color: transparent;
+	width: 11px;
+	
+	&:before {
+		display: block;
+		content: "";
+		position: absolute;
+		top: 1px;
+		bottom: 3px;
+		left: 1px;
+		right: 1px;
+		
+		background-color: #D9D9D9;
+		border:1px solid #BBB;
+		border-radius: 1px;
+	}
+  }
+  .scroll-track {
+	width: 12px;
+	background-color: #F2F2F2;
+	border: 1px solid;
+	border-width: 1px 0 1px 1px;
+	border-color: #E6E6E6 transparent #E6E6E6 #DBDBDB;
+	
+	&:hover {
+		.scroll-bar:before {
+			background-color: #C0C0C0;
+			border-color: #A6A6A6;
+		}
+	}
+	
+	&.active {
+		.scroll-bar:before {
+			background-color: #A9A9A9;
+			border-color: #8B8B8B;
+		}
+	}
+  }
+}
+
+
+
+
+.scroll-active.scroll-track.idle-hide {
+  opacity: 0;
+  filter: ~"alpha(opacity=0)";
+  width: @scroll-bar-width;//to make it hoverable
+
+  &.not-idle {
+	 width: @scroll-bar-width;
+	 opacity: 1;
+	 filter: ~"alpha(opacity=100)";
+  }
+}
+
+.scroll-active.scroll-thin.scroll-track.idle-hide {
+	width: @scroll-thin-width;
+}
+.scroll-active.scroll-chrome .scroll-track.idle-hide {
+	width: 12px;
+}
+
+
+
+//special nav-list scroller case
+.nav-wrap + .scroll-active .scroll-track {
+	width: @scroll-bar-width;
+}
+
+.nav-scroll.scroll-active .scroll-track 
+{
+	width: @scroll-bar-width;
+	right: 0;
+}
+.nav-wrap:hover + .scroll-active .scroll-track ,
+.nav-scroll.scroll-active:hover .scroll-track
+{
+	width: @scroll-bar-width;
+	opacity: 1;
+
+	.transition-duration(0.15s);
+	.transition-delay(0s);
+}
+.nav-scroll.scroll-active:hover .scroll-track {
+	width: @scroll-bar-width;
+}
+
+
+
+.nav-scroll.ace-scroll {
+ & , & .scroll-content {
+	overflow: hidden;
+ }
+}
+.nav-scroll.ace-scroll.scroll-disabled {
+ & , & .scroll-content {
+	overflow: visible;
+ }
+}
+
+
+.scroll-track.scroll-detached {
+  position: absolute;
+  z-index: @zindex-navbar-fixed - 1;
+  bottom: auto;
+  right: auto;
+}
diff --git a/web/bootstrap-ace-admin/css/less/searchbox.less b/web/bootstrap-ace-admin/css/less/searchbox.less
new file mode 100755
index 00000000..e538bd3c
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/searchbox.less
@@ -0,0 +1,232 @@
+//some searchbox variables
+@search-border: #6FB3E0;
+@search-color: #666;
+@search-color-focus: #656A72;
+
+@search-width: 152px;
+@sb-search-width: 162px;
+@search-border-radius: 4px;
+
+@nav-search-height: 24px;
+
+
+.enable_search_box() when(@enable-search-box = true) {
+
+// searchbox
+.nav-search {
+  position: absolute;
+  right: 22px;
+  line-height: @nav-search-height;
+
+  .breadcrumbs & {
+	  top: floor((@breadcrumb-height - @nav-search-height) / 2) - 2;
+  }
+
+  .form-search {
+	margin-bottom: 0;
+  }
+
+ .nav-search-input {
+	border: 1px solid @search-border;
+
+	width: @search-width;
+	height: 28px !important;
+	padding-top: 2px;
+	padding-bottom: 2px;
+	
+	border-radius: @search-border-radius !important;
+
+	font-size: @font-size-searchbox;
+	line-height: 1.3;
+	
+	color: @search-color !important;
+	z-index: 11;
+
+	.transition(~"width ease .15s");
+
+	//the typeahead dropdown menu
+	& + .dropdown-menu {
+		min-width: 0;
+		left: 0;
+		right: 0;
+	}
+
+	&:focus , &:hover{
+		border-color: @search-border;
+	}
+
+ }
+
+
+ .nav-search-icon {
+	color: @search-border !important;
+	font-size: @font-size-searchbox-icon !important;
+	line-height: 24px !important;
+	background-color: transparent;
+ }
+
+ &.minimized {
+	.nav_search_minimized()
+ }
+}
+
+
+
+.nav_search_minimized() {
+	.nav-search-input {
+		width: 0;
+		.opacity(0);
+		max-width: 0; // for safari only
+	}
+	 
+	&:hover .nav-search-input ,
+	.nav-search-btn:active + .nav-search-input ,
+	.nav-search-input:focus, .nav-search-input:hover, .nav-search-input:active
+	{
+		.opacity(1);
+		width: @search-width;
+		max-width: @search-width; // for safari only
+	}
+
+	.nav-search-icon {
+		border: 1px solid;
+		border-radius: 100%;
+
+		background-color: #FFF;
+
+		padding: 0 5px !important;
+	}
+	
+	&:hover .nav-search-icon ,
+	.nav-search-input:focus ~ .nav-search-icon,
+	.nav-search-input:hover ~ .nav-search-icon,
+	.nav-search-input:active ~ .nav-search-icon
+	{
+		border:none;
+		border-radius:0;
+		padding:0 3px !important;
+	}
+}
+
+
+.nav_search_icon_active() {
+	border:none;
+	border-radius:0;
+	padding:0 3px !important;
+}
+
+.nav-search-icon {
+	.nav_search_icon_active();
+}
+
+//nav-search inside sidebar
+.sidebar > .nav-search  {
+   position:static;
+
+   background-color:#FAFAFA;
+   border-bottom:1px solid #DDD;
+   text-align:center;
+
+   height:35px;
+   padding-top:6px;
+
+
+   .nav-search-input {
+	 width:@sb-search-width !important;
+	 border-radius:0 !important;
+	 max-width:@sb-search-width !important;
+	 .opacity(1) !important;
+	 
+	 & + .dropdown-menu { 
+		text-align:left; 
+	 }
+   }
+
+}//nav-search inside sidebar
+
+  
+//sidebar when minimized
+.searchbox_inside_min_menu() {
+  .nav-search {
+	.form-search {
+		position:absolute; left:5px;
+		z-index:14;
+	}
+	
+	.nav_search_input_active() {
+		width:@sb-search-width !important;
+		max-width:@sb-search-width !important;
+		.opacity(1) !important;
+	}
+	.nav-search-input {
+		width:0 !important;
+		max-width:0 !important;
+		.opacity(0) !important;
+		
+		&:hover, &:focus, &:active {
+			.nav_search_input_active();
+			 ~ #nav-search-icon {
+				.nav_search_icon_active();
+			 }
+		}
+	}
+	
+	&:hover .nav-search-input {
+		.nav_search_input_active();
+		~ .nav-search-icon {
+			.nav_search_icon_active();
+		}
+	}
+	
+	.nav-search-icon {/* inside minimized sidebar */
+		border:1px solid;
+		border-radius:32px;
+
+		background-color:#FFF;
+		padding:0 5px !important;
+	}
+  }
+}
+
+	
+	
+	.enable_searchbox_menumin() when(@enable-sidebar-collapse = true) {
+	 .sidebar.menu-min {
+		.searchbox_inside_min_menu();
+	 }
+	}
+	.enable_searchbox_menumin();
+	
+	.enable_searchbox_minimized_responsive_menu() when(@enable-minimized-responsive-menu = true) {
+	  @media (max-width: @grid-float-breakpoint-max) {
+	     .sidebar.responsive-min {
+			.searchbox_inside_min_menu();
+		 }
+	  }
+	}
+	.enable_searchbox_minimized_responsive_menu();
+	
+
+	//responsive searchbox
+	@media only screen and (max-width: @screen-sm-max) {
+		.nav-search {
+			right: 10px;
+		}
+		.nav-search .nav-search-input {
+			width: 105px;
+		}
+		.nav-search:hover .nav-search-input ,
+		.nav-search  .nav-search-btn:active + .nav-search-input ,
+		.nav-search  .nav-search-input:focus, .nav-search  .nav-search-input:hover, .nav-search  .nav-search-input:active
+		{
+			width: 145px;
+		}
+	}
+	@media only screen and (max-width: @screen-xs-max) {//@screen-xs
+		.nav-search {
+			.nav_search_minimized()
+		}
+	}
+
+}
+.enable_search_box();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/sidebar.less b/web/bootstrap-ace-admin/css/less/sidebar.less
new file mode 100755
index 00000000..2e202013
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/sidebar.less
@@ -0,0 +1,568 @@
+//side menu styling
+
+//some sidebar variables
+@sidebar-background: #F2F2F2;
+@sidebar-border: #CCC;
+
+
+@nav-item-color: #585858;
+@nav-item-background: #F8F8F8;
+@nav-item-border: #E5E5E5;
+
+@nav-item-color-hover: mix(#4B88B7 , @nav-item-color-focus , 25%);
+@nav-item-background-hover: #FFF;
+
+@nav-item-background-open: #FAFAFA;
+
+@nav-item-color-active: #2B7DBC;//#0B6CBC;
+@nav-item-background-active: #FFF;
+
+@nav-item-color-focus: #1963AA;
+
+
+@nav-item-icon-width: 30px;
+
+
+
+@nav-item-hover-indicator: #629CC9;
+@nav-item-arrow-color: #777;
+@nav-item-arrow-color-active: #4B88B7;
+
+
+@submenu-border: @nav-item-border;
+@submenu-background: #FFF;
+@submenu-item-background: #FFF;
+@submenu-item-color: #616161;
+@submenu-item-border: #E4E4E4;
+@submenu-item-icon-size: 18px;
+
+@submenu-item-color-hover: #4B88B7;
+@submenu-item-background-hover: #F1F5F9;
+@submenu-item-icon-active: #C86139;
+@submenu-item-background-active: #F5F7FA;
+@submenu-border-active: #83B6D1;
+
+
+@3rd-level-item-background-hover: @submenu-item-background-hover;
+@3rd-level-item-color-hover: @submenu-item-color-hover;
+
+@submenu-tree-line-style: dotted;
+@submenu-tree-line-color: mix(#BCCFE0 , #7EAACB);
+@submenu-tree-line-color-active: mix(mix(#BCCFE0 , #7EAACB) , #7EAACB);
+
+
+@menumin-text-background: #F5F5F5;
+@menumin-border: #CCC;
+@menumin-shadow1:~"2px 1px 2px 0 rgba(0,0,0,0.1)";//!ignore
+@menumin-shadow2:~"2px 2px 2px 0 rgba(0,0,0,0.1)";//!ignore
+
+
+@sidebar-toggle-background: #F3F3F3;
+@sidebar-toggle-border: #E0E0E0;
+@sidebar-toggle-icon-color: #AAA;
+@sidebar-toggle-icon-border: #BBB;
+@sidebar-toggle-icon-background: #FFF;
+
+@shortcuts-background: #FAFAFA;
+@shortcuts-border: #DDD;
+
+@hover-submenu-border: @menumin-border;
+
+
+@zindex-sidebar-fixed: @zindex-navbar-fixed - 3;
+@zindex-breadcrumbs-fixed: @zindex-sidebar-fixed - 3;//so that .sidebar-shortcuts appears above breadcrumbs.
+@zindex-submenu: @zindex-sidebar-fixed - 1;
+
+
+
+.sidebar {
+ width: @sidebar-width;
+
+ float: left;
+ position: static;
+ //why not simply position:absolute?
+ //because we need the page height to be at least as high as the sidebar in case the page content is too small
+
+ padding-left: 0;//override .nav-collapse
+ padding-right: 0;
+
+
+ //the grey background of sidebar
+ &:before {
+	 content: "";
+	 display: block;
+	 width: inherit;
+
+	 position: absolute;//the relative parent is "html" element
+	 top: 0;
+	 bottom: 0;
+	 z-index: -1;
+
+	 background-color: inherit;
+	 border-style: inherit;
+	 border-color: inherit;
+	 border-width: inherit;
+ }
+
+}
+
+
+
+
+//side navigation
+/**li .@{icon} {
+ & , .nav-list & {
+	width: auto;
+ }
+}*/
+
+.nav-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  
+  > li , > li > a , .nav-header {
+	margin: 0;
+  }
+  li > a:focus {
+	outline: none;
+  }
+}
+
+.nav-list > li {
+  display: block;
+  position: relative;
+  float: none;
+
+  padding: 0;
+  border-style: solid;
+  border-width: 1px 0 0; 
+
+  &:last-child {
+	border-bottom-width: 1px;
+  }
+
+  &.active > a {
+	font-weight: bold;
+  }
+
+ /////////
+ > a {
+	 display: block;
+	 height: @nav-item-height;
+	 line-height: floor(@nav-item-height / 2) - 2;
+
+	 padding-left: 7px;
+
+	 text-shadow: none !important;
+
+	 font-size: @nav-item-font-size;
+	 text-decoration: none;
+
+	 > .menu-icon {
+		display: inline-block;
+		min-width: @nav-item-icon-width;
+		margin-right: 2px;
+
+		vertical-align: sub;
+
+		text-align: center;
+		font-size: @nav-item-icon-size;
+		font-weight: normal;
+	 }
+ }
+
+
+ //the blue hover border on left
+ &:before {
+	display: none;
+	content: "";
+	position: absolute;
+	top: -1px;
+	left: 0;
+	z-index: 1;
+	height: @nav-item-height + 2;
+
+	width: 3px;
+	max-width: 3px;
+
+	overflow: hidden;
+
+	background-color: @nav-item-hover-indicator;
+	
+	@media only screen and (min-width: @grid-float-breakpoint) {
+		.main-container.container .sidebar:not(.h-sidebar) & {
+			left: -2px;
+		}
+	}
+	.main-container.container .sidebar.sidebar-fixed:not(.h-sidebar) & {
+	//.main-container.container .sidebar.sidebar-scroll:not(.h-sidebar) & {
+		left: 0;
+	}
+ }
+ &:hover:before {
+	display: block; 
+ }
+
+
+ // the submenu indicator arrow
+ a > .arrow {
+	display: block;
+
+	width: 14px !important;
+	height: 14px;
+	line-height: 14px;
+ 
+	text-shadow: none;
+	font-size: @nav-item-arrow-size;
+
+
+	position: absolute;
+	right: 10px;
+	top: floor(@nav-item-height / 3) - 1;
+
+	padding: 0;
+	text-align: center;
+ }
+
+ &.separator {
+	height: 3px;
+	background-color: transparent;
+	position: static;
+	margin: 1px 0;
+
+	.box-shadow(none);
+ }
+
+
+ //submenu
+ &.active .submenu {
+	display: block;
+ }
+ 
+ 
+ .submenu {
+	display: none;
+	list-style: none;
+	margin: 0;
+	padding: 0;
+	line-height: 1.5;
+
+	position: relative;
+
+   > li {
+	 margin-left: 0;
+	 position: relative;
+
+	 > a {
+		 display: block;
+		 position: relative;
+		 padding: 7px 0 9px 37px;
+		 margin: 0;
+
+		 border-top-width: 1px;
+		 border-top-style: dotted;
+
+		 &:hover {
+			text-decoration: none;
+		}
+	 }
+
+	//optional icon before each item
+	a > .menu-icon {
+		display: none;
+
+		font-size: @font-size-submenu-item-icon;
+		font-weight: normal;
+
+		width: @submenu-item-icon-size;
+		height: auto;
+		line-height: 12px;
+		text-align: center;
+		
+		position: absolute;
+		left: 10px;
+		top: 11px;
+		z-index: 1;
+
+		background-color: inherit;
+	}
+	&.active, &:hover {
+		> a > .menu-icon {
+			//show the icon on hover or when active
+			display: inline-block;
+		}
+	}
+  }// > li
+ }//end of submenu
+
+
+ //first level submenu
+ > .submenu {
+	border-top: 1px solid;
+
+	> li {
+		//tree like menu 
+		&:before {
+			//the horizontal line
+			content: "";
+			display: block;
+			width: 7px;
+			
+			position: absolute;
+			z-index: 1;
+			left: 20px;
+			top: 17px;
+
+			border: 1px @submenu-tree-line-style;
+			border-width: 1px 0 0;
+		}
+	}
+
+	//the vertical tree line
+	&:before {
+		content: "";
+		display: block;
+		position: absolute;
+		z-index: 1;
+		left: 18px;
+		top: 0;
+		bottom: 0;
+
+		border: 1px @submenu-tree-line-style;
+		border-width: 0 0 0 1px;
+	}
+ }
+
+}//end of .nav-list > li 
+
+
+
+.nav-list li {
+ &:hover > a > .arrow , &.active > a > .arrow , &.open > a > .arrow {
+	color: inherit;
+ }
+}
+
+.nav-list li.open > .submenu {
+  display: block;
+}
+
+
+//override opera only
+no_such_element:-o-prefocus, .nav-list > li > a > .menu-icon {
+  vertical-align: middle;
+}
+
+
+
+.3rd_level_icon() {
+	display: inline-block;
+	//font-size: @font-size-submenu-3rd-level-icon;
+	//color: inherit;
+
+	width: auto;
+	position: static;
+	background-color: transparent;
+	margin-right: 4px;
+}
+
+//3rd & 4th level menu
+.nav-list > li > .submenu {
+  li > .submenu {
+	display: none;
+  }
+  li.active > .submenu {
+	display: block;
+  }
+
+  a > .arrow {
+	right: 10px;
+	top: 10px;
+	font-size: floor(@nav-item-arrow-size * 0.9);
+  }
+
+  > li:first-child > a {
+	border-top-width: 0;
+  }
+
+
+  li > .submenu > li {
+		line-height: 18px;
+		&:before {
+			//hide the tree like menu
+			display: none;
+		}
+
+		> a {
+			//3rd level
+			margin-left: 20px;
+			padding-left: 22px;
+		}
+		> .submenu > li > a {
+			//4th level
+			margin-left: 20px;
+			padding-left: 38px;
+		}
+
+		a > .menu-icon {
+			.3rd_level_icon();
+			color: inherit;
+		}
+
+		a {
+			//font-size: @base-font-size;
+			.menu-icon , .arrow {
+				color: inherit;
+			}
+		}
+
+  }
+
+  li.open:not(.hover) > a {
+	> .menu-icon {
+		display: inline-block;
+	}
+  }
+}//.nav-list > li > .submenu
+
+
+
+
+
+//labels and badges inside nav item
+.nav-list a {
+ .badge , .label {
+	position: absolute;
+	top: 9px;
+	right: 10px;
+
+	opacity: 0.88;
+	font-size: @base-font-size - 1;
+
+	padding-left: 6px;
+	padding-right: 6px;
+
+	.@{icon} {
+		vertical-align: middle;
+		margin: 0;
+	}
+ }
+ &.dropdown-toggle {
+	.badge , .label {
+		right: 26px;//move lefter because of .arrow
+	}
+ }
+}
+.nav-list li:hover > a {
+	.badge , .label {
+		opacity: 1;
+	}
+}
+
+
+.nav-list .submenu .submenu a {
+ .badge , .label {
+	top: 6px;
+ }
+}
+
+
+
+
+
+
+//shortcut buttons and sidebar toggle
+@import "sidebar/sidebar-fixed.less";
+
+//shortcut buttons and sidebar toggle
+@import "sidebar/shortcuts-toggle.less";
+
+//sidebar active state arrows , etc
+@import "sidebar/active.less";
+
+//submenu compact
+@import "sidebar/compact.less";
+
+//submenu hover style
+@import "sidebar/hover.less";
+@import "sidebar/sub-arrow.less";
+
+//minimized sidebar mode
+@import "sidebar/min.less";
+
+
+
+//horizontal sidebar style
+@import "sidebar/horizontal.less";
+
+
+
+//sidebar responsive styles
+@import "sidebar/responsive-1.less";//default
+@import "sidebar/old-toggle-button.less";//old style toggle button
+
+@import "sidebar/responsive-2.less";//like minimized sidebar
+@import "sidebar/responsive-3.less";//bootstrap style
+
+@import "sidebar/multiple.less";//when 2 sidebars are used!
+
+
+
+.sidebar-scroll {
+ .sidebar-shortcuts {
+	min-height: @breadcrumb-height;
+	border-bottom: 1px solid;
+ }
+ .sidebar-toggle {
+	border-top: 1px solid;
+ }
+ .nav-list > li:first-child {
+	border-top-width: 0;
+ }
+ .nav-list > li:last-child {
+	border-bottom-width: 0;
+ }
+
+
+ 
+ .nav-wrap {
+	.sidebar-shortcuts {
+		min-height: @breadcrumb-height - 1;
+		border-bottom-width: 0;
+		
+		+ .nav-list  > li:first-child , + .nav-wrap-up .nav-list  > li:first-child {
+			border-top-width: 1px;
+		}
+	}	
+ }
+ .nav-wrap-t {
+	.sidebar-toggle {
+		border-top-width: 0;
+	}
+	.nav-list > li:last-child {
+		border-bottom-width: 1px;
+	}
+ }
+}
+
+.sidebar {
+ .nav-wrap + .ace-scroll {
+	position: absolute;
+	right: 0;
+	top: 0;
+	z-index: 1;
+ }
+ .nav-wrap + .scrollout {
+	right: -8px;
+ }
+}
+
+
+
+.sidebar .submenu.sub-scroll {
+	overflow-y: scroll;
+	overflow-x: hidden;
+	-webkit-overflow-scrolling: touch;
+	//-webkit-transform: translate3d(0,0,0);
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/sidebar/active.less b/web/bootstrap-ace-admin/css/less/sidebar/active.less
new file mode 100755
index 00000000..e6ce1c8c
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/sidebar/active.less
@@ -0,0 +1,42 @@
+//.nav-list li 
+.nav-list li {
+ .active_state_caret() {
+	display: block;
+	content: "";
+
+	position: absolute;
+	right: 0;
+	top: 4px;
+
+	border: 8px solid transparent;
+	border-width: 14px 10px;
+ }
+
+ &.active > a:after {
+	.active_state_caret();
+ }
+ &.open > a:after {
+	//no caret for open menu item
+	display: none;
+ }
+ &.active.no-active-child {
+	> a:after {
+		//show caret for active menu item with childs which is not open(i.e. no submenu item is active)
+		display: block;
+	}
+ }
+}
+
+
+
+.nav-list > li {
+  li.active > a:after {
+	top: 2px;
+	border-width: 14px 8px;
+  }
+}
+
+.nav-list li.active:not(.open) li.active > a:after {
+	//hide the active caret when parent submenu is being closed (not open)
+	display: none !important;
+}
diff --git a/web/bootstrap-ace-admin/css/less/sidebar/compact.less b/web/bootstrap-ace-admin/css/less/sidebar/compact.less
new file mode 100755
index 00000000..19ac6f60
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/sidebar/compact.less
@@ -0,0 +1,98 @@
+.enable_compact_menu() when (@enable-compact-menu = true) {
+
+@media (min-width: @screen-hover-menu) {
+ .sidebar.compact {
+	&, &.navbar-collapse {
+		width: @sidebar-compact-width;
+	}
+
+	.sidebar-shortcuts {
+		max-height: @breadcrumb-height - 1;//40px
+	}
+	
+	.nav-list > li {
+		&:before {
+			height: auto;
+			bottom: -1px;
+		}
+	}
+	.nav-list > li > a {
+		height: auto;
+		line-height: 16px;
+		padding: 2px 0 8px;
+		text-align: center;
+		
+		> .menu-icon {
+			display: block;
+			margin : 0;
+			vertical-align: inherit;
+			line-height: 32px;
+			height: 32px;
+			
+			font-size: @nav-item-icon-size + 2;
+		}
+		> .arrow {
+			display: none;
+		}
+	}
+	
+
+	.nav-list a {
+		.badge , .label {
+			right: 12px;
+		}
+	}
+	.nav-list > li.active > .submenu , .nav-list > li.open > .submenu {
+		display: none;
+	}
+
+	+ .main-content {
+		margin-left: @sidebar-compact-width;
+	}
+ }
+}
+
+ //reset .compact styles for small screens with .navbar-collapse
+ .enable_collapsible_responsive_compact_menu() when (@enable-collapsible-responsive-menu = true) {
+  @media (min-width: @screen-compact-menu) and (max-width: @grid-float-breakpoint-max) {
+	.sidebar.compact + .main-content {
+		margin-left: 0;
+	}
+	.sidebar.navbar-collapse {
+		&.compact {
+			.nav-list > li > a {
+				text-align: left;
+				height: @nav-item-height;
+				line-height: (@nav-item-height - 2);
+				
+				padding: 0 16px 0 7px;
+				
+				> .menu-icon {
+					display: inline-block;
+					vertical-align: sub;
+					height: auto;
+					line-height: inherit;
+					margin: 0 2px 0 0;
+					font-size: @nav-item-icon-size;
+				}
+				> .menu-text {
+					display: inline;
+				}
+				> .arrow {
+					display: inline;
+				}
+			}
+
+			+ .main-content {
+				margin-left: 0;
+			}
+		}
+	}
+  }//@media
+ }
+ .enable_collapsible_responsive_compact_menu();
+
+
+}
+
+.enable_compact_menu();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/sidebar/ff_fix.less b/web/bootstrap-ace-admin/css/less/sidebar/ff_fix.less
new file mode 100755
index 00000000..ed7f7c35
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/sidebar/ff_fix.less
@@ -0,0 +1,16 @@
+//FF_fix
+
+/**
+@media only screen and (min--moz-device-pixel-ratio:0) {
+ .navbar.navbar-fixed-top {
+	border-radius: 0.05em;
+	& , > .navbar-container , .ace-nav > li .dropdown-menu {
+		-moz-backface-visibility: hidden;
+	}
+	// ".ace-nav > li .dropdown-menu" becomes fuzzy if it has scrollbars
+ }
+ .sidebar.sidebar-fixed {
+	-moz-backface-visibility: hidden;
+ }
+}
+*/
diff --git a/web/bootstrap-ace-admin/css/less/sidebar/highlight.less b/web/bootstrap-ace-admin/css/less/sidebar/highlight.less
new file mode 100755
index 00000000..95643c45
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/sidebar/highlight.less
@@ -0,0 +1,243 @@
+@highlight-menu-border-color: #C8D8E2;
+@highlight-menu-active-bg: #F2F6F9;
+@highlight-h-sidebar-color: lighten(#4D96CB, 10%);
+
+
+.enable_highlight_active_no_skin() when(@enable-highlight-active = true) {
+ //hide submenu active item caret
+ .nav-list li.highlight li.active > a,
+ .nav-list li li.highlight.active > a {
+	&:after , &:before {
+		display: none;// !important;
+	}
+ }
+
+ //show first-level active item caret
+ .nav-list > li.highlight.active > a {
+	&:after, &:before {
+		display: block;// !important;
+	}
+ }
+
+ 
+
+
+//only for default body.no-skin
+.no-skin {
+
+.nav-list > li.highlight {
+ &:hover , &.active {
+	border-color: @highlight-menu-border-color;
+	+ li {
+		border-top-color: @highlight-menu-border-color;
+	}
+	> a {
+		background-color: #FFF;
+	}
+ }
+
+ &.active {
+	&:after {
+		display: none;
+	}
+	&:before {
+		display: block;
+		background-color: darken(@nav-item-hover-indicator , 5%);
+	}
+ 
+	> a  {
+		background-color: @highlight-menu-active-bg !important;
+		&:before, &:after {
+			display: block;
+			content: "";
+			position: absolute;
+
+			top: -1px;
+			right: -1*ceil(@nav-item-height / 4);
+			bottom: auto;
+			z-index: 1;
+
+			border-style: solid;
+			border-width: ceil(@nav-item-height / 2) 0 ceil(@nav-item-height / 2)+1 ceil(@nav-item-height / 4);
+			border-color: transparent;
+		}
+		&:before {
+			border-left-color: darken(@highlight-menu-border-color, 12%);
+			-moz-border-left-colors: darken(@highlight-menu-border-color, 12%);
+			
+			right: -1*ceil(@nav-item-height / 4) - 1;
+		}
+		&:after {
+			border-left-color: @highlight-menu-active-bg;
+			-moz-border-left-colors: @highlight-menu-active-bg;
+		}
+	}
+ }
+}
+
+
+
+
+//don't display the active item caret for submenu items, show just for the parent .nav-list > li item
+.nav-list li li.highlight.active > a {
+	background-color: @highlight-menu-active-bg;
+}
+.nav-list li li.highlight.active.open > a {
+	background-color: #FFF;
+	&:hover {
+		background-color: @submenu-item-background-hover;
+	}
+}
+
+
+
+.enable_horizontal_menu_highlight_no_skin() when(@enable-horizontal-menu = true) {
+ @media (min-width: @grid-float-breakpoint) {
+ .sidebar.h-sidebar {
+	.nav-list > li.highlight.active > a:after {
+		display: block;
+		content: "";
+		position: absolute;
+		
+		left: 0;
+		top: auto;
+		right: auto;
+		bottom: -2px;
+		
+		left: 50%;
+		margin-left: -7px;
+		
+		border-color: transparent;
+		-moz-border-right-colors: none;
+		-moz-border-left-colors: none;
+		-moz-border-top-colors: none;
+
+		border-width: 8px 7px;
+		border-bottom-color: #FFF;
+		-moz-border-bottom-colors: #FFF;
+	 }
+	 .nav-list > li.highlight.active > a:before {
+	 	display: block;
+		content:"";
+		position: absolute;
+		
+		display: block;
+		left: 0;
+		top: auto;
+		right: auto;
+		
+		bottom: -1px;
+		
+		left: 50%;
+		margin-left: -7px;
+		
+		border-width: 8px;
+
+		border-color: transparent;
+		-moz-border-right-colors: none;
+		-moz-border-left-colors: none;
+		-moz-border-top-colors: none;
+
+		border-bottom-color: @highlight-h-sidebar-color;
+		-moz-border-bottom-colors: @highlight-h-sidebar-color;
+	 }
+	 
+	 .nav-list > li.highlight.active:hover > a,  .nav-list > li.highlight.active.hover-show > a {
+		&:after, &:before {
+			display: none;
+		}
+	 }
+  }
+
+ }
+}
+ .enable_horizontal_menu_highlight_no_skin();
+
+}
+
+
+.enable_compact_menu_highlight_no_skin() when (@enable-compact-menu = true) {
+ @media (min-width: @screen-compact-menu) {
+  .sidebar.compact .nav-list li.highlight.active > a {
+	&:after , &:before {
+		display: none;// !important;
+	}
+  }
+  .sidebar.compact.menu-min .nav-list li.highlight.active > a {
+	&:after , &:before {
+		display: block;// !important;
+	}
+  }
+ }
+
+ .enable_horizontal_menu_highlight_compact() when(@enable-horizontal-menu = true) {
+  @media (min-width: @grid-float-breakpoint) {
+   .sidebar.h-sidebar {
+	.nav-list li.highlight.active > a {
+		&:after , &:before {
+			display: block;// !important;
+			border-width: 8px !important;//to override .rtl .menu-min
+			
+			-moz-border-left-colors: none !important;//
+			-moz-border-right-colors: none !important;
+			
+			border-left-color: transparent !important;
+			border-right-color: transparent !important;
+		}
+	 }
+	.nav-list > li.highlight.active:hover > a {
+		&:after, &:before {
+			display: none !important;
+		}
+	 }
+   }
+  }
+ }
+ .enable_horizontal_menu_highlight_compact();
+
+
+}
+.enable_compact_menu_highlight_no_skin();
+
+
+.menu_min_highlight_no_skin() {
+	.nav-list > li.highlight.active > a {
+		&:after , &:before {
+			display: block;
+			top: -1px;
+			border-width: ceil(@nav-item-height / 2) 0 ceil(@nav-item-height / 2)+1 ceil(@nav-item-height / 4);
+		}
+	}
+}
+
+
+.enable_sidebar_collapse_highlight_no_skin() when (@enable-sidebar-collapse = true) {
+ .sidebar.menu-min, .sidebar.menu-min.compact {
+	.menu_min_highlight_no_skin();
+ }
+}
+//.enable_sidebar_collapse_highlight_no_skin();
+
+.enable_minimized_responsive_menu_highlight_no_skin() when (@enable-minimized-responsive-menu = true) {
+ @media (max-width: @grid-float-breakpoint-max) {
+	.sidebar.responsive-min, .sidebar.responsive-min.compact {
+		.menu_min_highlight_no_skin();
+	}
+ }
+}
+//.enable_minimized_responsive_menu_highlight_no_skin();
+
+
+ 
+ //hide active item caret inside scrollbars
+ .sidebar-scroll {
+   .nav-list > li.active.highlight > a {
+	&:after, &:before {
+		display: none !important;
+	}
+   }
+ }
+
+}
+
+.enable_highlight_active_no_skin();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/sidebar/horizontal.less b/web/bootstrap-ace-admin/css/less/sidebar/horizontal.less
new file mode 100755
index 00000000..f4fbc90a
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/sidebar/horizontal.less
@@ -0,0 +1,528 @@
+@h-sidebar-background: @nav-item-background;
+@h-sidebar-preground: #E4E4E4;
+@h-sidebar-preshadow: ~"0 -1px 1px 0 rgba(0, 0, 0, 0.05) inset";
+
+@h-nav-item-border-active: #79B0CE;
+@h-nav-item-border-hover: #CEDDE5;
+
+@h-navbar-shadow: ~"0 2px 4px 0 rgba(0, 0, 0, 0.25)";
+
+
+.enable_horizontal_menu() when (@enable-horizontal-menu = true) {
+	@media only screen and (min-width: @grid-float-breakpoint) {
+	 .navbar.h-navbar {
+		.box-shadow(@h-navbar-shadow);
+	 }
+
+	 .sidebar.h-sidebar {
+		position: relative;
+		float: none !important;
+		width: auto;// !important;
+		margin-top: 17px;
+
+		border-width: 0 !important;
+		box-shadow: none;
+		
+		&.menu-min, &.compact {
+			width: auto;
+		}
+
+		&.sidebar-fixed {
+			position: fixed;
+		}
+		&.no-gap {
+			margin-top: auto;
+			.nav-list {
+				padding-top: 3px;
+			}
+		}
+
+		&:before {
+			display: block;
+			position: absolute; 
+			z-index: -1;
+
+			left:0 !important;
+			right: 0 !important;
+			top: -17px;
+			bottom: auto;
+
+			height: 17px;
+			width: auto;
+
+			border-width: 0;
+			border-bottom: 1px solid; 
+			border-bottom-color: inherit;
+		}
+
+		&.lower-highlight .nav-list > li:before {
+			top: 0;
+		}
+		.main-content & .nav-list > li:before {
+			top: 0;
+		}
+
+		.nav-list {
+			border-width: 0;
+			border-bottom: 2px solid @h-nav-item-border-active;
+		}
+		.nav-list > li {
+			float: left;
+
+			border-width: 0 0 0 1px;
+			margin-left: 0;
+			
+			&:last-child {
+				border-right-width: 1px;
+			}
+
+			//the hover highlight line
+			&:before {
+				left: -1px;
+				right: -1px;
+				bottom: auto;
+				top: -2px;
+
+				max-width: none;
+				width: auto; 
+				height: 2px;
+
+				border-width: 0;
+			}
+			&.active:before {
+				display: block;
+			}
+			&.active:after {
+				display: none;
+			}
+
+			//&:hover, &.hover-show {
+				//z-index: @zindex-submenu;
+			//}
+			//&.active {
+				//z-index: @zindex-submenu + 1;
+			//}
+		}
+	
+		.nav-list > li:first-child {
+			border-left-width: 0;
+			margin-left: 0
+		}
+		.sidebar-shortcuts + .nav-list > li:first-child {
+			border-left-width: 1px;
+			margin-left: -1px;
+		}
+
+		//!importants are for overriding .menu-min and .compact
+		.nav-list > li > a {
+			line-height: 22px;
+			height: auto;
+
+			padding: 10px 14px;
+			
+			> .menu-icon {
+				display: block;
+				margin: 1px 0 4px;
+				line-height: inherit;
+				width: auto;
+			}
+			
+			> .arrow {
+				display: none;
+			}
+		}
+
+
+
+
+		//hover submenu
+		.nav-list > li.hover {
+			&.pull_right {
+				float: none !important;
+			}
+			> .submenu {
+				top: 100%;
+				left: 1px;
+				margin-top: auto;
+				margin-left: -2px;
+				width: @sidebar-width;
+				z-index: @zindex-submenu;
+			}
+			&.pull_right > .submenu {
+				left: auto;
+				right: 1px;
+			}
+
+			//-li > .arrow
+			> .arrow {
+				right: auto;
+				top: auto;
+				left: 24px; 
+				bottom: 7px;
+			}
+			&.pull_right > .arrow {
+				left: auto;
+				right: 24px;
+			}
+
+			
+				> .arrow:before, > .arrow:after {
+					border-width: 0 8px 8px !important;
+				}
+				> .arrow:after {
+					border-color: transparent;
+					//!importants are for overriding .menu-min+.rtl
+					border-left-color: transparent !important;
+					border-right-color: transparent !important;
+					
+					-moz-border-right-colors: none !important;
+					-moz-border-left-colors: none !important;
+					-moz-border-top-colors: none;
+					-moz-border-bottom-colors: none;
+				
+					left: -10px !important;
+					right: auto !important;
+				}
+				> .arrow:before {
+					border-color: transparent;
+					//!importants are for overriding .menu-min+.rtl
+					border-left-color: transparent !important;
+					border-right-color: transparent !important;
+	
+					-moz-border-right-colors: none !important;
+					-moz-border-left-colors: none !important;
+					-moz-border-top-colors: none;
+					-moz-border-bottom-colors: none;
+
+					right: auto !important;
+					left: -10px !important;
+					top: -1px !important;
+				}
+
+
+			&:hover > a ~ .arrow , &.hover-show > a ~ .arrow {
+				display: none;
+			}
+			&:hover > a.dropdown-toggle ~ .arrow , &.hover-show > a.dropdown-toggle ~ .arrow {
+				display: block;
+			}
+		}	
+		
+		
+		//hover flip is when horizontal menu is shown on opposite direction so that it doesn't go out of window!
+		.nav-list > li.hover-flip > .submenu {
+			left: auto;
+			right: 1px;
+			
+			margin-left: auto;
+			margin-right: -2px;
+		}
+		.nav-list > li.hover-flip > .arrow {
+			left: auto;
+			right: 24px;
+		}
+		
+		.nav-list li li.hover-flip > .submenu {
+			left: auto;
+			right: 100%;
+			
+			margin-left: auto;
+			margin-right: -2px;
+		}
+		.nav-list li li.hover-flip > .arrow {
+			filter: ~"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
+			.transform(~"scale(-1, 1)");
+			left: 0;
+			right: auto;
+		}
+		
+
+		
+
+		//add an arrow to shortcuts dropdown like //-li > .arrow
+		.sidebar-shortcuts-large {
+			&:before, &:after {
+				display: block;
+				content: "";
+				position: absolute;
+				 
+				left: 50%;			
+				margin-left: -8px;
+				 
+				border: 1px solid transparent;
+				border-width: 0 8px 8px;
+			}
+		}
+		.sidebar-shortcuts-large:after {
+			//border-bottom-color: #FFF;
+			border-right-color: transparent;
+			
+			//-moz-border-bottom-colors: #FFF;
+			-moz-border-right-colors: none;
+
+			top: -8px;
+		}
+		.sidebar-shortcuts-large:before {
+			-moz-border-bottom-colors: #CCC;
+			border-bottom-color: #CCC;
+
+			top: -9px;
+		}
+
+
+		
+		.sidebar-toggle {
+			position: absolute;
+			top: 12px;
+			right: 6px;
+			background-color: transparent;
+			border-width: 0;
+		}
+		.sidebar-shortcuts {
+			float: left;
+			display: block;
+			overflow: visible;
+			position: relative;
+	 
+			margin: 0;
+			padding: 12px 8px 9px;
+			max-height: none !important;
+	 
+			background-color: transparent;
+			
+			&:hover .sidebar-shortcuts-large, &.hover-show .sidebar-shortcuts-large {
+				display: block;
+			}
+		}
+		.sidebar-shortcuts-large {
+			display: none;
+			width: 52px;
+			height: auto;
+
+			position: absolute;
+			z-index: @zindex-submenu - 1;
+			top: 100%;
+			margin-top: -5px;
+			left: 10px;
+
+			padding: 3px 2px;
+			border: 1px solid;
+		}
+		
+		.sidebar-shortcuts-mini {
+			width:auto;
+			max-width: 52px;
+
+			display: block;
+			background-color: transparent;
+			padding-top: 3px;
+			padding-bottom: 5px; // for .sidebar-shortcuts-large:"margin-top: -5px" to work, so that as soon as mouse is inside .sidebar-shortcuts, ".sidebar-shortcuts-large" is displayed
+
+			> .btn {
+				padding: 9px;
+			}
+		}
+		
+
+
+		.nav-list a .badge, .nav-list a .label {
+			position: absolute;
+			top: 11px;
+			right: auto !important;
+			left: 50%;
+			margin-left: 10px;
+		}
+
+		
+		
+		+ .main-content {
+			margin-left: 0;
+			.breadcrumbs {
+				margin: 6px 9px;
+				border: 1px solid;
+				//.no-skin & {
+					border-color: #E5E5E5;
+				//}
+
+				@media (max-width: @grid-float-breakpoint-max) {
+					& {	
+						margin: 0; 
+						border-width: 0 0 1px;
+					}
+				}
+			}
+		}
+
+
+	 }//.h-sidebar
+
+
+
+	 .h-sidebar.sidebar-fixed {
+		//z-index: 1000;
+		top: auto;
+		width: 100%;
+		left:0; 
+		right: 0;
+		&:before {
+			z-index: auto;
+		}
+		
+		&  , .nav-list {
+			border-right-width: 0;
+			border-left-width: 0;
+		}
+		.sidebar-shortcuts  {
+			border-width: 0;
+		}
+	 }
+	 
+	 .h-sidebar.sidebar-fixed {
+		+ .main-content {
+			padding-top: 88px;
+		}
+		&.no-gap + .main-content {
+			padding-top: 74px;
+		}
+		
+		&.menu-min + .main-content {
+			padding-top: 63px;
+		}
+		&.menu-min.no-gap + .main-content {
+			padding-top: 49px;
+		}
+	 }
+	}//@media
+
+
+
+
+	.enable_container_horizontal_menu() when(@enable-container = true) {
+	//inside .container
+	.main-container.container .h-sidebar.sidebar-fixed  {
+		left: 0;// !important;
+		right: 0;// !important;
+		width: auto;// !important;
+	}
+
+	@media (min-width: @screen-sm-min) {
+	 .main-container.container .h-sidebar.sidebar-fixed {
+		left: auto !important;
+		right: auto !important;
+		width: @container-sm;// !important;
+	 }
+	}
+	@media (min-width: @screen-md-min) {
+	 .main-container.container .h-sidebar.sidebar-fixed {
+		width: @container-md;// !important;
+	 }
+	}
+	@media (min-width: @screen-lg-min) {
+	 .main-container.container .h-sidebar.sidebar-fixed {
+		width: @container-lg;// !important;
+	 }
+	}
+
+	/**
+	@media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
+	 .main-container.container .sidebar.sidebar-fixed
+	 {
+		left: auto;// !important;
+		right: auto;// !important;
+		width: @container-sm;// !important;
+	 }
+	}
+
+
+	@media (max-width: @grid-float-breakpoint-max) {
+		.main-container.container .sidebar.sidebar-fixed {
+			.sidebar-shortcuts {
+				max-height: none;
+				border-bottom-width: 0;
+			}
+		}
+	}
+	*/
+	}
+	.enable_container_horizontal_menu();
+
+
+	
+	
+  @media (min-width: @grid-float-breakpoint) {
+	
+	.sidebar.h-sidebar {
+		
+		&.menu-min {
+			&, &.compact {//compact here to override RTL's
+				.nav.nav-list > li > a {
+					padding: 9px 12px;
+				}
+			}
+			.nav-list > li > a > .menu-text {
+				left: -1px;
+				top: 100%;
+				width: @hover-submenu-width;
+			}
+			.nav-list > li > a > .menu-icon {
+				margin: 2px 0;
+			}
+			.nav-list > li.hover > .submenu {
+				top: 100%;
+				margin-top: @sidebar-menu-min-text-height;
+			}
+			.nav-list > li.hover {
+			  &:hover > a ~ .arrow , &.hover-show > a ~ .arrow {
+				display: block;
+			  }
+			}
+			
+			.sidebar-toggle {
+				top: 6px;
+			}
+			.sidebar-shortcuts {
+				padding: 0;
+			}
+			.sidebar-shortcuts-mini {
+				padding-bottom: 4px;
+				padding-top: 4px;
+				> .btn {
+					padding: 8px;
+				}
+			}
+			.sidebar-shortcuts-large {
+				left: 1px;
+				margin-top: 4px;
+			}
+		}
+		
+		&.compact {
+			.nav-list > li > a > .menu-icon {
+				font-size: @nav-item-icon-size;
+				height: auto;
+			}
+			&.menu-min .nav-list > li > a {
+				height: auto;
+				line-height: 22px;
+			}
+		}
+	}
+  }
+
+}
+.enable_horizontal_menu();
+
+
+
+
+/**
+@media only screen and (max-width: @grid-float-breakpoint-max) {
+	.menu-toggler + .sidebar.h-sidebar {
+		margin-top: (@breadcrumb-height - 1) !important;
+	}
+	.sidebar.h-sidebar.responsive-min , .sidebar.h-sidebar.navbar-collapse {
+		margin-top: auto !important;
+	}
+}
+*/
+
diff --git a/web/bootstrap-ace-admin/css/less/sidebar/hover.less b/web/bootstrap-ace-admin/css/less/sidebar/hover.less
new file mode 100755
index 00000000..0c3b0772
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/sidebar/hover.less
@@ -0,0 +1,229 @@
+@hover-submenu-background-active: #F5F5F5;
+@hover-submenu-item-background-hover: #EEF3F7;
+@hover-submenu-item-color-hover: #2E7DB4;
+
+@hover-submenu-width: @sidebar-width;
+
+
+.enable_submen_hover() when (@enable-submenu-hover = true) {
+ 
+ @media only screen and (min-width: @screen-hover-menu) {
+  .nav-list li.hover {
+	 > .submenu {
+		position: absolute;
+		left: 100%;
+		margin-left: -2px;
+
+		top: -10px;
+		bottom: auto;
+		z-index: @zindex-submenu;
+
+		width: @hover-submenu-width;
+		border: 1px solid;
+		
+		display: none !important;
+
+		//.transition(~"max-height 0s linear 0.4s, z-index 0s linear 0.4s, opacity 0.1s linear 0.3s");
+	 }
+	 &:hover > .submenu,
+	 &.hover-show > .submenu
+	 {
+		display: block !important;
+	 }
+
+	 //hide the tree like lines
+	 > .submenu {
+		&:before , > li:before {
+			display: none;
+		}
+	 }
+
+
+	 &.active > a:after {
+		display: block;
+	 }
+	 //hide the active caret when hovered, li > .arrow is show instead
+	 &.active:hover > a.dropdown-toggle:after, &.active.hover-show > a.dropdown-toggle:after {
+		display: none;
+	 }
+
+	 //hide the submenu active caret
+	 .submenu > li.active > a:after {
+		display: none !important;
+	 }
+  }
+
+
+
+
+	//the submenu shown from bottom not top, i.e. when we want to move the submenu up so that it doesn't go out of the window
+	.nav-list li.hover > .submenu.bottom {
+		top: auto;
+		bottom: -10px;
+
+		&:before , &:after {
+			top: auto;
+			bottom: 18px;
+		}
+	}
+
+
+
+	.nav-list li.hover > .submenu {
+		padding: 0 2px;
+		> li > a {
+			margin-top: 2px;
+			margin-bottom: 2px;
+			padding-left: 18px;
+
+			border-top-width: 0;
+		}
+	}
+	.nav-list > li.hover > .submenu > li.active > a {
+		font-weight: bold;
+	}
+
+
+
+
+
+	.nav-list > li > .submenu li.hover > .submenu {
+		> li > a {
+			padding-left: 12px !important;
+			margin-left: auto !important;
+			> .menu-icon {
+				margin-right: 2px;
+			}
+		}
+	}
+
+
+	.nav-list > li .submenu > li.hover > a {
+		padding-left: 22px;
+		> .menu-icon {
+			left: 4px;
+		}
+	}
+
+ }//@media
+
+
+
+  .enable_collapsible_responsive_menu_hover() when (@enable-collapsible-responsive-menu = true) {
+	//reset .hover styles for small screens with .navbar-collapse
+	@media (min-width: @screen-hover-menu) and (max-width: @grid-float-breakpoint-max) {
+	 .sidebar.navbar-collapse {
+		.nav-list li.hover > .submenu {
+			position: relative;
+			left: auto;
+			top: auto;
+			z-index: auto;
+			
+			margin: auto;
+			padding: 0;
+
+			width: auto;
+			
+			.box-shadow(none);
+			border-width: 0;
+
+			> li:before , &:before {
+				display: block;
+			}
+			li > a {
+				padding-left: 37px;	
+			}
+		}
+		.nav-list > li.hover > .submenu {
+			border-top-width: 1px;
+		}
+
+		.nav-list li.hover > .submenu > li > a > .menu-icon {
+			background-color: inherit;
+			margin-right: auto;
+			width: @submenu-item-icon-size;
+			position: absolute;
+		}
+		.nav-list > li .submenu > li.hover > a > .menu-icon {
+			left: 10px;
+		}
+
+		.nav-list li.hover > .submenu > li.active > a {
+			font-weight: normal;
+		}
+
+		.nav-list li.hover > .submenu > li {
+			&:hover, &.hover-show, &.active {
+				> a > .menu-icon {
+					display: inline-block;
+				}
+			}
+		}
+
+
+		.nav-list > li > .submenu li.hover > .submenu  {
+			padding-left: 0;
+			padding-right: 0;
+		}
+		.nav-list > li > .submenu li.hover > .submenu > li > a {
+			padding-left: 22px !important;
+			margin-left: 20px !important;
+			> .menu-icon {
+				.3rd_level_icon();
+			}
+		}
+		.nav-list > li > .submenu li > .submenu > li.hover > .submenu > li > a {
+			margin-left: 20px !important;
+			padding-left: 38px !important;
+		}
+
+		.nav-list li.hover > .submenu > li > a {
+			border-top-width: 1px;
+			margin-top: 0;
+			margin-bottom: 0;
+		}
+		.nav-list > li.hover > .submenu > li:first-child > a {
+			border-top-width: 0;
+		}
+
+
+		//.nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a > .menu-icon {
+			//display: none;
+		//}
+
+		//-li > .arrow
+		.nav-list li.hover > .submenu, .nav-list li.hover:hover > .submenu , .nav-list li.hover.hover-show > .submenu, .nav-list li.hover > .arrow {
+			display: none !important;
+		}
+
+
+		.nav-list li.hover.active > .submenu {
+			display: block !important;
+		}
+		.nav-list li.hover > .submenu.nav-hide {
+			display: none !important;
+		}
+		.nav-list li.hover > .submenu.nav-show {
+			display: block !important;
+		}
+	  }
+	}
+	
+	@media (min-width: max(@screen-compact-menu, @screen-hover-menu)) and (max-width: @grid-float-breakpoint-max) {
+	 .sidebar.navbar-collapse {
+		&.compact {
+			.nav-list > li.hover.active > a:after {
+				display: none;
+			}
+		}
+	 }
+	}
+
+  }//@enable-collapsible-responsive-menu
+  .enable_collapsible_responsive_menu_hover();
+
+}//@enable-submenu-hover
+.enable_submen_hover();
+
+
+
diff --git a/web/bootstrap-ace-admin/css/less/sidebar/min.less b/web/bootstrap-ace-admin/css/less/sidebar/min.less
new file mode 100755
index 00000000..fad291b4
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/sidebar/min.less
@@ -0,0 +1,315 @@
+@sidebar-menu-min-text-height: (@nav-item-height + 2);
+
+.menu_min() {
+	& , &.compact, &.navbar-collapse {
+		width: @sidebar-min-width;
+	}
+
+	+ .main-content {
+		margin-left: (@sidebar-min-width);
+	}
+
+
+	.nav-list a {
+	  .badge , .label {
+		position: relative;
+		top: -1px;
+		right: auto;
+		left: 4px;
+	  }
+	}
+
+	.nav-list .submenu .submenu a {
+	  .badge , .label {
+		top: 0;
+	  }
+	}
+
+	
+	.nav-list > li {
+	  > a {
+		 position:relative;
+		
+		 //first reset back to normal, to override things like .compact	 
+		 height: @nav-item-height;
+		 line-height: (@nav-item-height - 2);
+		 padding: 0; 
+		 > .menu-icon {
+			font-size: @nav-item-icon-size;
+			height: auto;
+			line-height: inherit;
+			display: inline-block;
+			vertical-align: sub;
+			margin-right: 0;
+			width: 44px;
+		 }
+
+
+		 > .menu-text {
+			display: none;
+			text-align: left;
+			
+			position: absolute;
+			top: -1px;
+			left: (@sidebar-min-width - 1);
+			z-index: @zindex-submenu - 1;
+
+			width: (@sidebar-width - 14);
+			height: @sidebar-menu-min-text-height;
+			line-height: (@nav-item-height - 1);
+			
+			padding-left: 12px;
+			border: 1px solid;
+		}
+		&.dropdown-toggle > .menu-text {
+			top:-1px;
+			border-width: 1px 1px 0;
+		}
+		
+		.arrow {
+			display: none;
+		}
+	  }
+
+	 &:hover > a > .menu-text,
+	 &.hover-show > a > .menu-text {
+		display: block;
+	 }
+
+	 &.active > a:after {
+		border-width: 10px 6px;
+		top: 8px;
+	 }
+	 &.active.open > a:after {
+		display: block;
+	 }
+	 &.active.open li.active > a:after {
+		display: none;
+	 }
+
+
+
+	 > .submenu {
+		position: absolute;
+		z-index: @zindex-submenu;
+		left: (@sidebar-min-width - 1);
+		top: -1px;
+		
+		margin-top: 40px;
+		padding-bottom: 2px;
+
+		width: (@sidebar-width - 14);
+		display: none !important;
+
+
+		&:before {
+			//hide the tree like submenu in minimized mode
+			display: none;
+		}
+		&:after {
+			//extra pixel
+			//.submenu's border-top-color overlaps .submenu's border-right-color
+			//so we add an extra pixel to change that point to border-right-color
+			content: "";
+			display: block;
+			height: 1px;
+			width: 1px;
+			
+			position: absolute;
+			right: -1px;
+			top: -1px;
+			
+			border-right: 1px solid;
+			border-right-color: inherit;
+		}
+
+		li {
+		  &:before {
+			display: none;
+		  }
+
+		  > a {
+			margin-left: 0;
+			padding-left: 22px;
+			> .menu-icon {
+				left: 4px;
+			}
+		  }
+		}
+	 }
+
+	 &.hover > .submenu {
+		padding-bottom: 0;
+	 }
+
+
+	 &.open > .submenu {//submenu is shown in non-minimized mode
+		display: none;
+	 }
+	 
+	 
+	 &:hover > .submenu,
+	 &.hover-show > .submenu {
+		display: block !important;
+	 }
+  }
+
+
+  //-li > .arrow
+  .nav-list > li > .arrow {
+	top: 10px;
+	&:after , &:before {
+		border-width: 8px;
+		left: -16px;
+	}
+	&:before {
+		left: -17px;
+	}
+  }
+  .nav-list li > .arrow {
+	right: -1px;
+  }
+  .nav-list > li:hover > .arrow,
+  .nav-list > li.hover-show > .arrow  {
+	display: block;
+  }
+  
+  .nav-list > li.pull_up > .arrow {
+	 z-index: @zindex-submenu + 1;
+	 &:after , &:before {
+		border-width: 10px;
+		left: -20px;
+	 }
+	 &:before {
+		left: -21px;
+	}
+  }
+
+
+  //sidebar shortcuts
+  .sidebar-shortcuts {
+	position: relative;
+	overflow: visible;
+	z-index: 1;//to appear above breadcrumbs
+  }
+  .sidebar-shortcuts-mini {
+	display: block;
+  }
+  .sidebar-shortcuts-large {
+	display: none;
+	position: absolute;
+	top: 0;
+	left: @sidebar-min-width - 1;
+	
+	width: (@sidebar-width - 8);
+	
+	padding: 0 2px 3px;
+	
+	border: 1px solid;
+	border-top-width: 0;
+  }
+  .sidebar-shortcuts:hover .sidebar-shortcuts-large,
+  .sidebar-shortcuts.hover-show .sidebar-shortcuts-large {
+	display: block;
+  }
+
+  .sidebar-toggle { //minimized collapse button
+	&:before {
+		left: 5px;
+		right: 5px;
+	}
+	> .@{icon} {
+		font-size: @font-size-sidebar-toggle;
+		padding: 0 4px;
+		line-height: 15px;
+
+		border-width: 1px;
+	}
+  }
+  
+
+
+
+  .nav-list > li > .submenu {
+	li > .submenu > li {
+		> a {
+			//3rd level
+			margin-left: 2px;// !important;
+			padding-left: 30px;
+		}
+		> .submenu > li > a {
+			//4th level
+			margin-left: 2px;// !important;
+			padding-left: 45px;
+		}
+	}
+
+	li.active > a:after {
+		display: none;
+	}
+ }
+
+
+
+
+
+ .nav-list li.active.open > .submenu > li.active > a:after {
+	display: none;
+ }
+ //hide the active menu indicator on hover (it goes behind the li > .arrow)
+ .nav-list > li.active:hover > a:after,
+ .nav-list > li.active.hover-show > a:after,
+ .nav-list > li.active.open:hover > a:after {
+	display: none;
+ }
+ .nav-list > li.active:hover:after {
+	display: none;
+ }
+
+
+
+}
+
+
+.enable_sidebar_collapse() when(@enable-sidebar-collapse = true) {
+ .sidebar.menu-min {
+	.menu_min();
+
+	.enable_submenu_hover_min() when(@enable-submenu-hover = true) {
+	  @media (min-width: @screen-hover-menu) {
+		  .nav-list li.hover > .submenu {
+			margin-left: 0;
+		  }
+		  .nav-list > li > .submenu li.hover > .submenu > li > a,
+		  .nav-list > li > .submenu li > .submenu > li.hover > .submenu > li > a {
+			margin-left: 0 !important;
+		  }
+	  }
+	 }
+	.enable_submenu_hover_min();
+	
+	
+
+	.enable_compact_menu_min() when(@enable-compact-menu = true) {
+	  @media (min-width: @screen-compact-menu) {
+		  &.compact .nav-list > li > a {
+			height: 39px;
+			line-height: 37px;
+			padding: 0 16px 0 7px;
+			position: relative;
+		  }
+		  &.compact .nav-list > li > a > .menu-icon {
+			font-size: @nav-item-icon-size;
+			height: auto;
+			line-height: inherit;
+			display: inline-block;
+			vertical-align: sub;
+			width: auto;
+		  }
+	  }
+	 }
+	 .enable_compact_menu_min();
+
+ }
+}
+.enable_sidebar_collapse();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/sidebar/multiple.less b/web/bootstrap-ace-admin/css/less/sidebar/multiple.less
new file mode 100755
index 00000000..e1fd02aa
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/sidebar/multiple.less
@@ -0,0 +1,192 @@
+//multiple sidebar
+
+.main-content-inner {
+  float: left;
+  width: 100%;
+}
+
+.main-content .sidebar {
+ &:before {
+   top: 150px;
+ }
+}
+
+
+
+@media only screen and (min-width: @grid-float-breakpoint) {
+ body.mob-safari {
+	.sidebar.h-sidebar + .main-content .sidebar.sidebar-fixed:not(.h-sidebar) {
+		top: @navbar-min-height + 17 + 69;
+	}
+	.sidebar.h-sidebar.no-gap + .main-content .sidebar.sidebar-fixed:not(.h-sidebar) {
+		top: @navbar-min-height + 69;
+	}
+	.sidebar.h-sidebar.menu-min + .main-content .sidebar.sidebar-fixed:not(.h-sidebar) {
+		top: @navbar-min-height + 17 + 44;
+	}
+	.sidebar.h-sidebar.menu-min.no-gap + .main-content .sidebar.sidebar-fixed:not(.h-sidebar) {
+		top: @navbar-min-height + 44;
+	}
+ }
+}
+
+
+.enable_horizontal_menu_multiple() when (@enable-horizontal-menu = true) {
+ @media only screen and (min-width: @grid-float-breakpoint) {
+	 .h-navbar.navbar-fixed-top + .main-container .sidebar:not(.h-sidebar) {
+		&:before {
+			top: 150px;
+		}
+		
+		.nav-list {
+			padding-top: 3px;
+		}
+		.sidebar-shortcuts ~ .nav-list, .sidebar-shortcuts ~ .nav-wrap-up .nav-list {
+			padding-top: 0;
+		}
+		.sidebar-shortcuts {
+			padding-top: 3px;
+			min-height: 43px;
+		}
+		
+		&.menu-min .sidebar-shortcuts-large {
+			line-height: 40px;
+		}
+	 }
+ 
+	 
+	 .h-navbar.navbar-fixed-top + .main-container .main-content .sidebar {
+		&:not(.h-sidebar) .nav-list {
+			padding-top: 0;
+		}
+		
+		&.sidebar-fixed {
+			z-index: @zindex-sidebar-fixed - 1;
+		}
+	 }
+	 
+
+	.main-content .h-sidebar {
+		padding-top: 1px;
+		margin-top: 0;
+
+		&:before {
+			display: none;
+		}
+		+ .page-content {
+			margin-left: auto;
+		}
+		
+		&.sidebar-fixed {
+			left: @sidebar-width;
+			+ .page-content {
+				margin-top: 74px;
+			}
+			&.menu-min + .page-content {
+				margin-top: 49px;
+			}
+		}
+		
+		&.menu-min .nav-list > li > a {
+			padding: 8px 12px 7px;//for better sidebar1 & sidebar2 alignnment?
+		}
+	}
+
+	.sidebar.compact + .main-content .h-sidebar.sidebar-fixed {
+		left: @sidebar-compact-width;
+	}
+	.sidebar.menu-min + .main-content .h-sidebar.sidebar-fixed {
+		left: @sidebar-min-width;
+	}
+	
+	.navbar.navbar-fixed-top + .main-container .main-content .h-sidebar.sidebar-fixed {
+		padding-top: 3px;
+	}
+ }//@media
+
+
+
+ .enable_container_multiple_menu() when(@enable-container = true) {
+	.container.main-container {
+	 
+	   .sidebar + .main-content .h-sidebar.sidebar-fixed {
+			left: auto;
+			right: auto;
+		}
+	
+	 
+	 @media (min-width: max(@screen-sm-min , @grid-float-breakpoint, @screen-compact-menu)) {
+		.sidebar.compact + .main-content .h-sidebar.sidebar-fixed {
+			width: @container-sm - @sidebar-compact-width;
+		}
+	 }
+	 @media (min-width: max(@screen-sm-min , @grid-float-breakpoint)) {
+		.main-content .h-sidebar.sidebar-fixed {
+			width: @container-sm;
+		}
+		.sidebar + .main-content .h-sidebar.sidebar-fixed {
+			width: @container-sm - @sidebar-width;
+		}
+		.sidebar.menu-min + .main-content .h-sidebar.sidebar-fixed {
+			width: @container-sm - @sidebar-min-width;
+		}
+	 }
+	 
+	 
+	 @media (min-width: max(@screen-compact-menu, @screen-md-min)) {
+	  .sidebar.compact + .main-content .h-sidebar.sidebar-fixed {
+		width: @container-md - @sidebar-compact-width;
+	  }
+	 }
+	 @media (min-width: @screen-md-min) {
+		.main-content .h-sidebar.sidebar-fixed {
+			width: @container-md;
+		}
+		.sidebar + .main-content .h-sidebar.sidebar-fixed {
+			width: @container-md - @sidebar-width;
+		}
+		.sidebar.menu-min + .main-content .h-sidebar.sidebar-fixed {
+			width: @container-md - @sidebar-min-width;
+		}
+	 }
+	 
+	 
+	 @media (min-width: max(@screen-compact-menu, @screen-lg-min)) {
+		.sidebar.compact + .main-content .h-sidebar.sidebar-fixed {
+			width: @container-lg - @sidebar-compact-width;
+		}
+	 }
+	 @media (min-width: @screen-lg-min) {
+		.main-content .h-sidebar.sidebar-fixed {
+			width: @container-lg;
+		}
+		.sidebar + .main-content .h-sidebar.sidebar-fixed {
+			width: @container-lg - @sidebar-width;
+		}
+		.sidebar.menu-min + .main-content .h-sidebar.sidebar-fixed {
+			width: @container-lg - @sidebar-min-width;
+		}
+	 }
+	}
+
+ }
+ .enable_container_multiple_menu();
+
+}
+.enable_horizontal_menu_multiple();
+
+
+
+
+@media only screen and (max-width: @grid-float-breakpoint-max) {
+ .main-container .main-content .sidebar {
+	&.sidebar-fixed {
+		z-index: @zindex-sidebar-fixed - 1;
+	}
+ }
+ 
+  .navbar-fixed-top + .main-container .main-content .sidebar {
+	position: fixed;
+	z-index: @zindex-sidebar-fixed - 1;
+  }
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/sidebar/old-toggle-button.less b/web/bootstrap-ace-admin/css/less/sidebar/old-toggle-button.less
new file mode 100755
index 00000000..693a1e55
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/sidebar/old-toggle-button.less
@@ -0,0 +1,162 @@
+.enable_old_menu_toggle_button() when(@enable-old-menu-toggle-button = true) {
+.enable_responsive_menu_otb() when(@enable-responsive-menu = true) {
+
+
+@toggler-text: "MENU";
+
+@media only screen and (max-width: @grid-float-breakpoint-max) {
+ .menu-toggler + .sidebar.responsive {
+	margin-top: @breadcrumb-height - 1;
+ }
+ .main-container .menu-toggler {
+	display: block;
+	position: absolute;
+	//left: auto;
+	z-index: @zindex-sidebar-fixed - 1;
+
+	width: 52px;
+	height: 32px;
+	margin-right: 2px;
+	
+	line-height: normal;
+	padding-left: 33px;
+	padding-top: 7px;
+	padding-bottom: 1px;
+	
+	font-size: @font-size-old-toggle-button;
+	font-weight: bold;
+	text-transform: uppercase;
+
+	
+
+	.box-sizing(content-box);
+	
+	&:hover {
+		text-decoration: none;
+	}
+	&:focus {
+		outline: none;
+	}
+	
+	
+	&:before {
+		border-top: 1px solid @sidebar-toggler-line-1;
+		border-bottom: 1px solid @sidebar-toggler-line-2;
+		height: 2px;
+		width: 24px;
+		content: "";
+		position: absolute;
+		z-index: 1;
+		top: 13px;
+		left: 4px;
+
+		.transition(~"all 0.1s ease");
+		-o-transition: none;
+		
+		.box-sizing(content-box);
+	}
+	
+	
+	&:after {
+		border-top: 1px solid @sidebar-toggler-line-3;
+		border-bottom: 1px solid @sidebar-toggler-line-4;
+		content: "";
+		height: 2px;
+		width: 24px;
+		
+		position: absolute;
+		top: 19px;
+		left: 4px;
+
+		.transition(~"all 0.1s ease");
+		-o-transition: none;
+		
+		.box-sizing(content-box);
+	}
+
+	&.display {
+		&:before {
+			height: 4px;
+			top: 8px;
+			border-width: 2px;
+		}
+		&:after {
+			height: 4px;
+			top: 20px;
+			border-width: 2px;
+		}
+	}
+
+
+	> .toggler-text {
+		display: block;
+		position: absolute;
+		bottom: -9px; 
+		left: 0;
+		border: 1px solid transparent;
+		border-width: 9px 42px 0;
+
+		border-top-color: @sidebar-toggler-background;
+		-moz-border-top-colors: @sidebar-toggler-background;
+
+		&:after {
+			display: block;
+			content: @toggler-text;
+
+			color: @sidebar-toggler-color;
+			
+			position: absolute;
+			left: -8px;//change these to adjust text placement
+			top: -41px;
+		}
+	}
+ }
+ 
+ 
+
+//hide the .nav-list when moving up, otherwise it will move over .menu-toggler!
+ .menu-toggler + .responsive.sidebar-scroll .nav-wrap {
+	overflow: hidden;
+ }
+}
+
+@media only screen and (max-width: @screen-tiny) {
+ .main-container .menu-toggler {
+  width: 0;
+  > .toggler-text {
+	border-width: 7px 16px;
+	bottom: -14px;
+
+	&:after {
+		font-size: floor(@font-size-old-toggle-button * 0.75);
+		font-weight: normal;
+		color: #FFF;
+
+		position: absolute;
+		left: -13px;
+		top: -42px;
+	}
+  }
+
+  &:before , &:after {
+	margin-top: 8px;
+  }
+  &.display {
+	&:before , &:after {
+		height: 2px;
+		border-width: 1px;
+	}
+	&:before {
+		top: 13px;
+	}
+	&:after {
+		top: 19px;
+	}
+  }
+ }
+}
+
+}
+.enable_responsive_menu_otb();
+}
+.enable_old_menu_toggle_button();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/sidebar/responsive-1.less b/web/bootstrap-ace-admin/css/less/sidebar/responsive-1.less
new file mode 100755
index 00000000..76995e7c
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/sidebar/responsive-1.less
@@ -0,0 +1,194 @@
+//side menu toggler in mobile view
+@sidebar-toggler-background: #444;
+@sidebar-toggler-color: #FFF;
+
+
+.main-container .menu-toggler {
+  display: none;
+}
+
+.enable_responsive_menu() when(@enable-responsive-menu = true) {
+@duration : 0.2s;
+
+//responsive sidebar
+@media only screen and (max-width: @grid-float-breakpoint-max) {
+ .sidebar.responsive:before {
+	display: none;
+ }
+
+ .sidebar.responsive {
+	.box-shadow(~"2px 1px 2px 0 rgba(0,0,0,0.15)");
+
+	z-index: @zindex-sidebar-fixed;
+
+	overflow: hidden;
+	max-height: 0;
+
+	.transform(translateX(-@sidebar-width - 10));
+	//"left" or "margin-left" transition is slow on Chrome, so we use translateX
+	-webkit-transition: -webkit-transform @duration linear 0s, max-height 0s linear @duration;
+	-moz-transition: -moz-transform @duration linear 0s, max-height 0s linear @duration;
+	-o-transition: -o-transform @duration linear 0s, max-height 0s linear @duration;
+	transition: transform @duration linear 0s, max-height 0s linear @duration;
+	
+	
+	position: relative;
+	bottom: auto;
+	//top: auto has a problem with android default browser if sidebar is fixed
+	
+	left: @sidebar-width;
+	margin-left: -(@sidebar-width);
+	//why are we doing this?
+	//we don't use "position: absolute" so that our page's height is at least as tall as .sidebar
+	//and therefore our page background is white when sidebar is expanded (whitened by .main-container:before) (it won't happen on position: absolute)
+	//but "position: relative" will push ".main-content" to left
+	//so we use negative "margin-left" on .sidebar to get more space and bring back .main-content
+	//and then we move .sidebar again back to its place using "left" property
+	//so it will look like the "position: absolute" alternative, but it's not
+  }
+ }
+	
+ @media (min-width: @screen-compact-menu) and (max-width: @grid-float-breakpoint-max) {
+	.sidebar.responsive.compact {
+		.transform(translateX(-@sidebar-compact-width - 10));
+		
+		&.push_away.display + .main-content {
+			.transform(translateX(@sidebar-compact-width));
+		}
+		.navbar.navbar-fixed-top + .main-container & {
+			&.push_away.display ~ .footer .footer-inner {
+				.transform(translateX(@sidebar-compact-width));
+			}
+		}
+	}
+ }
+
+ @media only screen and (max-width: @grid-float-breakpoint-max) {
+  .sidebar.responsive {
+	&.menu-min {
+		.transform(translateX(-@sidebar-min-width - 10));
+	}
+
+	&.display {
+		.transform(none) !important;//to override .rtl's
+		overflow: visible;
+		max-height: 2000px;
+
+		-webkit-transition-delay: 0s;
+		-moz-transition-delay: 0s;
+		-o-transition-delay: 0s;
+		transition-delay: 0s;
+	}
+
+	//push .main-content to left
+	&.push_away {
+		.box-shadow(none) !important;//to override .RTL's
+		&:before {
+			display: block !important;
+		}
+
+		+ .main-content {
+			-webkit-transition: -webkit-transform @duration linear 0s;
+			-moz-transition: -moz-transform @duration linear 0s;
+			-o-transition: -o-transform @duration linear 0s;
+			transition: transform @duration linear 0s;
+		}
+		&.display + .main-content {
+			.transform(translateX(@sidebar-width));
+		}
+		&.display.menu-min + .main-content {
+			.transform(translateX(@sidebar-min-width));
+		}
+	}
+
+	.navbar.navbar-fixed-top + .main-container & {
+		&.push_away {
+			&:before {
+				height: 5000px;
+			}
+
+			.enable_footer_responsive_menu_push() when (@enable-footer = true) {
+				~ .footer .footer-inner {
+					-webkit-transition: -webkit-transform @duration linear 0s;
+					-moz-transition: -moz-transform @duration linear 0s;
+					-o-transition: -o-transform @duration linear 0s;
+					transition: transform @duration linear 0s;
+				}
+				&.display ~ .footer .footer-inner {
+					.transform(translateX(@sidebar-width));
+				}
+				&.display.menu-min ~ .footer .footer-inner {
+					.transform(translateX(@sidebar-min-width));
+				}
+			}
+			.enable_footer_responsive_menu_push();
+			
+		}
+	}
+	
+
+	 
+	// &.menu-min .nav-list > li.active:after {
+		//display: block;
+	// }
+	 
+	 + .main-content {
+		margin-left: 0 !important;
+		margin-right: 0 !important;//to override rtl's
+	 }
+ }
+
+}
+
+
+.enable_container_responsive_1() when(@enable-container = true) {
+//maybe disable transition when it is not good enough!
+@media only screen and (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
+ .main-container.container .sidebar.responsive {
+	-webkit-transition: none;
+	-moz-transition: none;
+	-o-transition: none;
+	transition: none;
+	
+	display: none;
+	&:before {
+		display: none !important;
+	}
+	&.display {
+		display: block;
+	}
+	
+	&.push_away {
+		+ .main-content, ~ .footer .footer-inner {
+			-webkit-transition: none !important;
+			-moz-transition: none !important;
+			-o-transition: none !important;
+			transition: none !important;
+			
+			.transform(none) !important;
+		}
+	}
+ }
+}
+}
+.enable_container_responsive_1();
+
+}
+.enable_responsive_menu();
+
+
+
+//************************************************************************************
+//remove the following to disable fixed sidebar (style1 - default) on smaller devices
+//if you also want to disable fixed breadcrumbs on smalelr devices, refer to breadcrumbs.less
+@media only screen and (max-width: @grid-float-breakpoint-max) {
+ .responsive.sidebar-fixed {
+ 		position: fixed;
+ }
+ .main-container .menu-toggler.fixed {
+	position: fixed;
+	left: auto;
+	z-index: @zindex-sidebar-fixed - 1;
+	-moz-backface-visibility: hidden;
+ }
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/sidebar/responsive-2.less b/web/bootstrap-ace-admin/css/less/sidebar/responsive-2.less
new file mode 100755
index 00000000..35fbdec5
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/sidebar/responsive-2.less
@@ -0,0 +1,79 @@
+//sidebar is automatically minimized in smaller views
+
+.enable_minimized_responsive_menu() when(@enable-minimized-responsive-menu = true) {
+
+	.sidebar-toggle.sidebar-expand {
+		display: none;
+	}
+	@media (max-width: @grid-float-breakpoint-max) {
+	 .menu-toggler.invisible {
+		position: fixed;
+		z-index: -999;
+		visibility: hidden;
+		opacity: 0;
+		width: 1px;
+		height: 1px;
+	 }
+
+	 .sidebar.responsive-min {
+		.menu_min();
+		
+		&:before {
+			display: block;
+		}
+		.sidebar-toggle.sidebar-collapse {
+			display: none;
+		}
+		.sidebar-toggle.sidebar-expand {
+			display: block;
+		}
+
+		+ .main-content {
+			margin-left: @sidebar-min-width !important;
+			.rtl & {
+				margin-left: auto !important;
+				margin-right: @sidebar-min-width !important;
+			}
+			.breadcrumb {
+				margin-left: @breadcrumb-margin-left;
+			}
+		}
+	 }
+
+	 .sidebar.responsive-max {
+		display: block;
+		position: relative;
+		left: @sidebar-width;
+		margin-left: -(@sidebar-width);
+
+		z-index: @zindex-sidebar-fixed;
+		
+		.box-shadow(~"2px 1px 2px 0 rgba(0,0,0,0.15)");
+		
+		&:before {
+			display: none;
+		}
+
+		.sidebar-toggle {
+			&.sidebar-collapse {
+				display: none;
+			}
+			&.sidebar-expand {
+				display: block;
+				z-index: 1;//to go above ul:before, etc when scrolled
+			}
+		}
+
+		+ .main-content {
+			margin-left: (@sidebar-min-width) !important;
+			.breadcrumb {
+				margin-left: @breadcrumb-margin-left;
+			}
+		}
+	 }
+
+	}
+
+
+}
+.enable_minimized_responsive_menu();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/sidebar/responsive-3.less b/web/bootstrap-ace-admin/css/less/sidebar/responsive-3.less
new file mode 100755
index 00000000..d8690ac7
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/sidebar/responsive-3.less
@@ -0,0 +1,263 @@
+.enable_collapsible_responsive_menu() when(@enable-collapsible-responsive-menu = true) {
+
+//3rd style responsive menu (the collapsible menu)
+
+@media only screen and (min-width: @grid-float-breakpoint) {
+ .sidebar.navbar-collapse {
+	max-height: none;
+ }
+}
+
+@media only screen and (max-width: @grid-float-breakpoint-max) {
+ .sidebar.navbar-collapse {
+	position: relative;
+	float: none !important;//to override .rtl's
+	margin-top: auto !important;//to override inline h-sidebar margin-top!
+	z-index: 1;//for box-shadow to be visible
+
+	width: 100% !important;
+	max-height: @pre-scrollable-max-height;
+	margin-left: 0;
+	margin-right: 0;
+
+	&:before {
+		display: none;
+	}
+
+	.nav-list > li:last-child {
+		border-bottom-width: 0;
+	}
+	.nav-list > li > a {
+		padding-top: 10px !important;//to override .compact, etc
+		padding-bottom: 10px !important;
+
+		line-height: 20px;
+		height: @nav-item-height + 2;
+	}
+	.nav-list > li:before {
+		height: @nav-item-height + 4;
+	}
+	.nav-list > li.active:after {
+		display: none;
+	}
+
+	//-li > .arrow
+	li > .arrow {
+		display: none !important;
+	}
+
+	.nav-list li > .submenu {
+		border-left-width: 0;
+	}
+
+	.sidebar-toggle {
+		display: none;
+	}
+	.sidebar-shortcuts {
+		padding: 3px 0 6px;
+		max-height: none;
+		border-bottom-width: 0;
+	}
+
+	+ .main-content {
+		margin-left: 0 !important;
+		margin-right: 0 !important;//to override rtl's
+		.breadcrumb {
+			margin-left: @breadcrumb-margin-left;
+		}
+	}
+	
+	//first sidebar scroll style
+	.nav-wrap + .ace-scroll {
+		display: none;
+	}
+
+	&.menu-min {
+		.nav-list > li > .submenu {
+			position: relative;
+			left: auto;
+			top: auto;
+			width: auto;
+			z-index: auto;
+			
+			margin-top: auto;
+			padding-top: 0;
+			padding-bottom: 0;
+
+			border-width: 1px 0 0 0 !important;
+			.box-shadow(none) !important;//to override .rtl's
+
+			&:before {
+				display: block;
+			}
+			> li:before {
+				display: block;
+			}
+			li > a  {
+				> .menu-icon {
+					left: 10px;
+				}
+			}
+			
+			//hide the extra pixel
+			&:after {
+				display: none;
+			}
+		}
+		
+		.nav-list > li > .submenu li > a {
+			padding: 7px 0 9px 37px;
+		}
+		.nav-list > li > .submenu li > .submenu > li > a {
+			margin-left: 20px;
+			padding-left: 22px;
+		}
+		.nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
+			margin-left: 20px;
+			padding-left: 38px;
+		}
+		
+		
+		
+		.nav-list > li > a:hover:before {// the left side border on hover
+			width:3px;
+		}
+		
+		.nav-list > li > a {
+			text-align: left;
+			padding-left: 7px;
+		}
+		.nav-list > li > a > .menu-icon {
+			display: inline-block;
+			width: auto;
+			margin-right: 2px;
+		}
+		.nav-list > li > a > .menu-text {
+			position: relative;
+			display: inline;
+			line-height: normal;
+			padding-left: 0;
+			height: auto;
+						
+			top: auto;
+			left: auto;
+			z-index: auto;
+			width: auto;
+
+			border-width: 0 !important;
+			background-color: transparent !important;
+
+			.box-shadow(none) !important;
+		}
+		.nav-list a > .arrow {
+			display: block;
+		}
+		
+		.nav-list > li:hover > .submenu {
+			display: none !important;
+		}
+		.nav-list > li.active > .submenu	{
+			display: block !important;
+		}
+		.nav-list > li > .submenu.nav-show {
+			display: block !important;
+		}
+		.nav-list > li > .submenu.nav-hide {
+			display: none !important;
+		}
+
+		.sidebar-shortcuts-large {
+			display: block;
+			position: static;
+			.box-shadow(none) !important;//to override .rtl's;
+			border-width: 0 !important;
+			background-color: transparent !important;
+			width: auto;
+
+			padding: 0;//override that of .menu-min
+		}
+		.sidebar-shortcuts-mini {
+			display: none;
+		}
+	}//menu-min
+
+
+	.nav-list a {
+	  .badge , .label {
+		position: relative;
+		top: -1px;
+		right: auto;
+		left: 4px;
+	  }
+	}
+
+	.nav-list > li.active:after, 
+	.nav-list li.active > a:before,
+	.nav-list li.active > a:after {
+		display: none !important;
+	}
+
+	
+	//.highlight
+	.nav-list > li.highlight.active > a {
+		&:before, &:after {
+			display: none !important;
+		}
+	}
+ }
+}
+
+
+//
+@media (max-width: @grid-float-breakpoint-max) and (max-height: 400px){
+ .sidebar.navbar-collapse {
+	max-height: 300px;
+ }
+}
+@media (max-width: @grid-float-breakpoint-max) and (max-height: 350px){
+ .sidebar.navbar-collapse {
+	max-height: 250px;
+ }
+}
+@media (max-width: @grid-float-breakpoint-max) and (max-height: 300px){
+ .sidebar.navbar-collapse {
+	max-height: 200px;
+ }
+}
+@media (max-width: @grid-float-breakpoint-max) and (max-height: 250px){
+ .sidebar.navbar-collapse {
+	max-height: 150px;
+ }
+}
+
+
+.enable_hover_submenu_responsive_style_3() when(@enable-submenu-hover = true) {
+@media (min-width: @screen-hover-menu) and (max-width: @grid-float-breakpoint-max) {
+  .sidebar.navbar-collapse {
+	.nav-list > li > .submenu li.hover > .submenu > li > a,
+	.nav-list > li > .submenu li > .submenu > li.hover > .submenu > li > a {
+			margin-left: 20px !important;
+	}
+  }
+}
+}
+.enable_hover_submenu_responsive_style_3();
+
+
+ //if .sidebar is .navbar-collapse, and .navbar is fixed, make .sidebar fixed as well
+ @media (max-width: @grid-float-breakpoint-max) {
+   .navbar-fixed-top + .main-container .sidebar.navbar-collapse {
+		position: fixed;
+		z-index: @zindex-sidebar-fixed;
+   }
+ }
+ @media (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
+   .navbar-fixed-top + .main-container.container .sidebar.navbar-collapse {
+		width: @container-sm !important;
+   }
+ }
+
+}
+.enable_collapsible_responsive_menu();
+
+
diff --git a/web/bootstrap-ace-admin/css/less/sidebar/shortcuts-toggle.less b/web/bootstrap-ace-admin/css/less/sidebar/shortcuts-toggle.less
new file mode 100755
index 00000000..0d73a9eb
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/sidebar/shortcuts-toggle.less
@@ -0,0 +1,105 @@
+//sidebar toggle
+.sidebar {
+
+.sidebar-toggle {
+ border-style: solid;
+ border-width: 0 0 1px;
+
+ text-align: center;
+ padding: 3px 0;
+
+ position: relative;
+
+ > .@{icon} {
+	 padding: 0 5px;
+	 line-height: 18px;
+	 
+	 cursor: pointer;
+	 font-size: @font-size-sidebar-minimize-icon;
+		 
+	 border-radius: 100%;
+	 border: 1px solid;
+
+	 position: relative;
+ }
+
+ &:before {
+	content: "";
+	display: block;
+
+	height: 0;
+	border-top: 1px solid; 
+	border-color: inherit;
+
+	position: absolute;
+	left: 15px;
+	right: 15px;
+	top: 13px;
+ }
+}
+
+
+
+
+
+//sidebar shortcuts icon
+.sidebar-shortcuts {
+	text-align: center;
+
+	min-height: @breadcrumb-height - 1;
+	margin-bottom: 0;
+	overflow: hidden;
+
+	position: relative;
+	border: 0 solid;
+}
+.sidebar-shortcuts:empty {
+	display: none;
+}
+
+
+.sidebar-shortcuts-large {
+	line-height: @breadcrumb-height - 4;
+
+	> .btn {
+		text-align:center;
+		width: 41px;
+		line-height: 24px;
+
+		padding: 0;
+		border-width: 4px;
+
+		> .@{icon} {
+			margin: 0;
+		}
+	}
+}
+
+.sidebar-shortcuts-mini {
+	display: none;
+	font-size: 0;
+	width: 42px;
+
+	padding-top: 2px;
+	padding-bottom: 2px;
+
+
+	> .btn {
+		border-width: 0;// !important;
+		font-size: 0;
+		line-height: 0;
+		padding: 8px;
+		margin: 1px;
+
+		border-radius: 0;
+		.opacity(0.85);
+	}
+}
+@media screen and (-webkit-min-device-pixel-ratio:0) { 
+    ::safari-only, .sidebar-shortcuts-mini > .btn {
+		//safari only
+		margin: 0;
+    }
+}
+
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/sidebar/sidebar-fixed.less b/web/bootstrap-ace-admin/css/less/sidebar/sidebar-fixed.less
new file mode 100755
index 00000000..bb393bf9
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/sidebar/sidebar-fixed.less
@@ -0,0 +1,127 @@
+.sidebar.sidebar-fixed {
+	position: fixed;
+	top: auto;
+	float: none !important;
+	
+	z-index: @zindex-sidebar-fixed;//???!
+	
+	&:before {
+		height: 5000px;
+		top: auto;
+		bottom: auto;
+	}
+}
+
+ //android's default browser has a problem with "top: auto" when fixed
+ body.mob-safari {
+	 .sidebar.sidebar-fixed {
+		top: @navbar-min-height;
+	 }
+	 @media (max-width: @screen-topbar-down) {
+		.navbar-fixed-top:not(.navbar-collapse) + .main-container .sidebar-fixed {
+			top: (@navbar-min-height * 2);
+		}
+	 }
+	 //also when .navbar is fixed, .responsive sidebar becomes automatically fixed
+	 @media (max-width: @grid-float-breakpoint-max) {
+		.navbar-fixed-top + .main-container .sidebar.responsive {
+			top: @navbar-min-height;
+		}
+	 }
+	 @media (max-width: @screen-topbar-down) {
+		.navbar-fixed-top + .main-container .sidebar.responsive {
+			top: (@navbar-min-height * 2);
+		}
+	 }
+ }
+
+/**
+//http://updates.html5rocks.com/2012/09/Stacking-Changes-Coming-to-position-fixed-elements
+//webkit & Chrome22+ special case
+//webkit is not following the standard specs as of Chrome22+
+@media screen and (-webkit-min-device-pixel-ratio:0) {
+	//like it happens in Firefox&IE, we expect when we set "z-index:auto" for fixed position .sidebar,
+	//the child .submenu elements "z-index" is independent
+	//and for example a "z-index:1031" .submenu appears on top of a fixed .navbar with "z-index:1030"
+	//and a "z-index:1010" .popover appears on top of ".sidebar" but below ".submenu"
+	//but webkit defines a new stacking context on "fixed" position elements(.sidebar here)
+	//and the above doesn't happen, in fact .submenu inside fixed .sidebar with "z-index:auto" will appear below everything
+	//so we set a good(?) "z-index" for .sidebar, but still it's not as good as standard specs (such as in Firefox)
+	//and we may need other workarounds!
+	//and you may change it based on your needs
+
+	//it's possible have standard functionality in Chrome by going to:
+	//chrome://flags/#fixed-position-creates-stacking-context
+	//changing "Fixed position elements create stacking contexts" to "Disabled"
+	//and removing the following rules
+	//and assignning a higher "@submenu-zindex"
+
+	.sidebar.sidebar-fixed {
+		z-index: @zindex-sidebar-fixed;//???!
+		
+		&::before {
+			height: 5000px;
+			top: auto;
+			bottom: auto;
+		}
+    }
+}
+*/
+
+
+
+
+//************************************************************************************
+//remove the following to disable fixed sidebar (style1 - default) on smaller devices
+//if you also want to disable fixed breadcrumbs on smalelr devices, refer to breadcrumbs.less
+
+@media only screen and (max-width: @grid-float-breakpoint-max) {
+ .responsive.sidebar-fixed {
+	left: auto;
+	margin-left: auto;
+ }
+
+ //if `.menu-toggler` button is inside `fixed .navbar` let sidebar become fixed as well
+ .navbar-fixed-top + .main-container > .responsive {
+	position: fixed;
+	left: auto;
+	margin-left: auto;
+	//-moz-backface-visibility: hidden;
+ }
+ //but if `.menu-toggler` button is inside .main-container, then `fixed .navbar` should have no effect
+ .navbar-fixed-top + .main-container > .menu-toggler + .responsive {
+	position: absolute;
+	left: (@sidebar-width);
+	margin-left: -(@sidebar-width);
+	//-moz-backface-visibility: visible;
+ }
+ //unless specified as fixed
+ .navbar-fixed-top + .main-container > .menu-toggler + .responsive.sidebar-fixed {
+ 	position: fixed;
+	left: auto;
+	margin-left: auto;
+	//-moz-backface-visibility: hidden;
+ }
+}
+
+@media only screen and (max-width: @grid-float-breakpoint-max) {
+ .sidebar.responsive.sidebar-fixed {
+ 		position: fixed;
+		left: auto;
+		margin-left: auto;
+ }
+ .main-container .menu-toggler.fixed {
+	position: fixed;
+	left: auto;
+	z-index: @zindex-sidebar-fixed - 1;
+	//-moz-backface-visibility: hidden;
+ }
+ 
+ //for responsive style # 2
+ //becuase ".sidebar.responsive-max" is "position: relative" & "margin-left: -190px"
+ .sidebar.sidebar-fixed.responsive-max {
+	position: fixed;
+	left: auto;
+	margin-left: auto;
+ }
+}
diff --git a/web/bootstrap-ace-admin/css/less/sidebar/sub-arrow.less b/web/bootstrap-ace-admin/css/less/sidebar/sub-arrow.less
new file mode 100755
index 00000000..4126d13b
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/sidebar/sub-arrow.less
@@ -0,0 +1,51 @@
+//the arrow connecting "LI" to ".SUBMENU"
+//-li > .arrow
+.nav-list li {
+ > .arrow {
+	display: none;
+
+	position: absolute;
+	top: 8px;
+	right: 1px;
+	
+	z-index: @zindex-submenu + 1;
+
+	&:before, &:after {
+		border: 1px solid transparent;
+		display: block;
+		height: 0;
+		width: 0;
+
+		position: absolute;
+		left: -20px;
+		top: 0;
+		right: auto;
+		bottom: auto;
+
+		content: "";
+		
+		border-width: 10px;
+	}
+	
+	&:before {
+		z-index: 1;//above .submenu
+		left: -21px;
+	}
+	&:after {
+		z-index: 2;//above .arrow:before
+	}
+ }
+
+ //don't display when there's no submenu
+ &:hover > a + .arrow , &.hover-show > a + .arrow {
+	display: none;
+ }
+ 
+ @media only screen and (min-width: @screen-hover-menu) {
+  &.hover:hover > a.dropdown-toggle + .arrow,
+  &.hover.hover-show > a.dropdown-toggle + .arrow
+  {
+	display: block;
+  }
+ }
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/skins/empty.less b/web/bootstrap-ace-admin/css/less/skins/empty.less
new file mode 100755
index 00000000..5fabd492
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/skins/empty.less
@@ -0,0 +1 @@
+//DON'T REMOVE
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/skins/no-skin.less b/web/bootstrap-ace-admin/css/less/skins/no-skin.less
new file mode 100755
index 00000000..5420f50c
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/skins/no-skin.less
@@ -0,0 +1,626 @@
+@menumin-submenu-top-border: lighten(@menumin-border , 10%);
+
+.no-skin {
+	.navbar .navbar-toggle {
+		background-color: #75B3D7;
+		&:focus {
+			background-color: #75B3D7;
+			border-color: transparent;
+		}
+		&:hover {
+			background-color: darken(#75B3D7 , 5%);
+			border-color: rgba(255,255,255,0.1);
+		}
+		
+		&.display, &[data-toggle=collapse]:not(.collapsed) {
+			background-color: darken(#75B3D7 , 10%);
+			box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
+			border-color: rgba(255, 255, 255, 0.35);
+		}
+	}
+
+	.sidebar {
+		background-color: @sidebar-background;
+		border-style: solid;
+		border-color: @sidebar-border;
+		border-width: 0 1px 0 0;
+	}
+
+	.nav-list .open > a {
+		& , &:hover, &:focus {
+			background-color: @nav-item-background-open;
+		}
+	}
+
+
+	.nav-list > li {
+		border-color: @nav-item-border;
+		> a {
+			background-color: @nav-item-background;
+			color: @nav-item-color;
+			
+			&:focus {
+				background-color: @nav-item-background;
+				color: @nav-item-color-focus;
+			}
+		}
+
+		&:hover > a {
+			background-color: @nav-item-background-hover;
+			color: @nav-item-color-hover;
+		}
+		
+		&.open > a {
+			background-color: @nav-item-background-open;
+			color: @nav-item-color-focus;
+		}
+		
+		&.active > a {
+			font-weight: bold;
+			color: @nav-item-color-active;
+			& , &:hover, &:focus {
+				background-color: @nav-item-background-active;
+			}
+		}
+	}
+
+
+	//submenu
+	.nav-list > li .submenu {
+		background-color: @submenu-background;
+		border-color: @submenu-border;
+
+		> li > a {
+			border-top-color: @submenu-item-border;
+			background-color: @submenu-item-background;
+			color: @submenu-item-color;
+			
+			&:hover {
+				color: @submenu-item-color-hover;
+				background-color: @submenu-item-background-hover;
+			}
+		}
+		> li.active > a {
+			color: @nav-item-color-active;
+			> .menu-icon {
+				color: @submenu-item-icon-active;
+			}
+		}
+		> li.active.open > a > .menu-icon {
+			color: inherit;
+		}
+		
+		@media only screen and (min-width: @screen-hover-menu) {
+			> li.active.hover > a.dropdown-toggle > .menu-icon {
+				color: inherit;
+			}
+		}
+
+
+		> li.active:not(.open) > a {
+			background-color: @submenu-item-background-active;
+			&:hover {
+				background-color: @submenu-item-background-hover;
+			}
+		}
+	}
+
+	.nav-list > li > .submenu {
+		.open > a, .open > a:hover, .open > a:focus {
+			border-color: @submenu-item-border;
+		}
+		
+		li > .submenu > li a{
+			color: lighten(@submenu-item-color , 8%);
+			&:hover {
+				color: @3rd-level-item-color-hover;
+				background-color: @3rd-level-item-background-hover;
+			}
+		}
+		
+		li.open > a {
+			color: @3rd-level-item-color-hover;
+		}
+		li > .submenu li.open > a , li > .submenu li.active > a {
+			color: @3rd-level-item-color-hover;
+		}
+	}
+	
+	//the tree line
+	.nav-list > li {
+		> .submenu:before,
+		> .submenu > li:before {
+			border-color: @submenu-tree-line-color;
+		}
+		&.active > .submenu:before,
+		&.active > .submenu > li:before	{
+			border-color: @submenu-tree-line-color-active;
+		}
+	}
+
+
+
+	//extra
+	.sidebar-toggle {
+		background-color: @sidebar-toggle-background;
+		border-color: @sidebar-toggle-border;
+
+		> .@{icon} {
+			border-color: @sidebar-toggle-icon-border;
+			color: @sidebar-toggle-icon-color;
+			background-color: @sidebar-toggle-icon-background;
+		}
+	}
+	.sidebar-shortcuts {
+		background-color: @shortcuts-background;
+	}
+	.sidebar-fixed .sidebar-shortcuts {
+		border-color: @shortcuts-border;
+	}
+	.sidebar-shortcuts-mini {
+		background-color: @submenu-background;
+	}
+
+
+
+	//-li > .arrow
+	.nav-list li > .arrow {
+		&:before {
+			border-right-color: #B8B8B8;
+			-moz-border-right-colors: #B8B8B8;
+			
+			border-width: 10px 10px 10px 0;
+			//because border-width: 10px in firefox doesn't look good
+			//but on other skins, it has a bad edge on firefox
+			left: -11px;
+		}
+		&:after {
+			border-right-color: @submenu-background;
+			-moz-border-right-colors: @submenu-background;
+			
+			border-width: 10px 10px 10px 0;
+			left: -10px;
+		}
+	}
+	.nav-list > li.pull_up > .arrow {
+		&:after {
+			border-right-color: @submenu-background !important;
+			-moz-border-right-colors: @submenu-background !important;
+			
+			border-width: 10px 10px 10px 0 !important;//to override .menu-min
+			left: -10px !important;
+		}
+		&:before {
+			border-width: 10px 10px 10px 0 !important;
+			left: -11px !important;
+		}
+	}
+
+
+
+	//active state
+	.nav-list li.active > a:after {
+		border-right-color: @nav-item-color-active;
+		-moz-border-right-colors: @nav-item-color-active;
+	}
+	//the border on right of active item
+	.nav-list > li.active:after {
+		display: block;
+		content: "";
+		position: absolute;
+		right: -2px;
+		top: -1px;
+		bottom: 0;
+		z-index: 1;
+
+		border: 2px solid;
+		border-width: 0 2px 0 0;
+		border-color: @nav-item-color-active
+	}
+	.sidebar-scroll .nav-list > li.active:after {
+		//so that its inside sidebar
+		right: 0;
+	}
+
+	
+	//show active caret only for 1st level item
+	@media only screen and (max-width: @grid-float-breakpoint-max) {
+		.sidebar.responsive .nav-list > li.active.open > a:after,
+		.sidebar.responsive-max .nav-list > li.active.open > a:after
+		{
+			display: block;
+		}
+		
+		.sidebar.responsive .nav-list li li.active > a:after,
+		.sidebar.responsive-max .nav-list li li.active > a:after
+		{
+			display: none;
+		}
+		
+		.sidebar.responsive .nav-list > li.active:after,
+		.sidebar.responsive-max .nav-list > li.active:after
+		{
+			height: @nav-item-height + 2;
+		}
+	}
+
+
+
+
+	 //menu min
+	.menu_min_no_skin() {
+		 .nav-list > li > a {
+			> .menu-text {
+				background-color: @menumin-text-background;
+				.box-shadow(@menumin-shadow1);
+				border-color: @menumin-border;
+			}
+			&.dropdown-toggle > .menu-text {
+				.box-shadow(@menumin-shadow2);
+			}
+		 }
+		 .nav-list > li {
+			 &.active > .submenu {
+				border-left-color: @submenu-border-active;
+			 }
+		 }
+		 .nav-list > li > .submenu {
+				background-color: @submenu-background;
+				border: 1px solid @menumin-border;
+				border-top-color: @menumin-submenu-top-border;
+				.box-shadow(@menumin-shadow2);
+		 }
+		 
+		 //-li > .arrow
+		.nav-list > li {
+			 > .arrow:after {
+				border-right-color: @menumin-text-background;
+				-moz-border-right-colors: @menumin-text-background;
+				
+				border-width: 8px 8px 8px 0;
+				left: -8px;
+			 }
+			 > .arrow:before {
+				border-width: 8px 8px 8px 0;
+				left: -9px;
+			 }
+
+			 &.active > .arrow:before {
+				border-right-color: darken(@submenu-border-active , 11%);
+				-moz-border-right-colors: darken(@submenu-border-active , 11%);
+			 }
+			 &.active > a > .menu-text {
+				border-left-color: @submenu-border-active;
+			 }
+		}
+
+		
+		.sidebar-shortcuts-large {
+			background-color: @submenu-background;
+			.box-shadow(@menumin-shadow1);
+			border-color: @menumin-border;
+		}
+		.sidebar-toggle > .@{icon} {
+			border-color: darken(@sidebar-toggle-icon-border, 4%);
+		}
+	}
+
+	.enable_sidebar_collapse_no_skin() when(@enable-sidebar-collapse = true) {
+		.sidebar.menu-min {
+			.menu_min_no_skin();
+		}
+	}
+	.enable_sidebar_collapse_no_skin();
+	
+	.enable_minimized_responsive_menu_no_skin() when(@enable-minimized-responsive-menu = true) {
+		@media (max-width: @grid-float-breakpoint-max) {
+			.sidebar.responsive-min {
+				.menu_min_no_skin();
+			}
+		}
+	}
+	.enable_minimized_responsive_menu_no_skin();
+
+
+
+
+  .enable_hover_submenu_no_skin() when(@enable-submenu-hover = true) {
+	//.hover menu
+	@media only screen and (min-width: @screen-hover-menu) {
+	.nav-list li.hover {
+		> .submenu {
+			.box-shadow(@menumin-shadow1);
+			border-color: @hover-submenu-border;
+
+			> li.active > a {
+				background-color: @hover-submenu-background-active;
+			}
+
+			> li:hover > a {
+				background-color: @hover-submenu-item-background-hover;
+				color: @hover-submenu-item-color-hover;
+			}
+
+		}
+	}
+	}
+
+	
+   .enable_collapsible_responsive_hover_menu_no_skin() when(@enable-collapsible-responsive-menu = true) {
+	@media only screen and (min-width: @screen-hover-menu) and (max-width: @grid-float-breakpoint-max) {
+	 .sidebar.navbar-collapse {
+		.nav-list li li.hover.active.open > a {
+			background-color: @nav-item-background-active;
+		}
+		//in wide view when we hover a submenu item, its parent LI > A are highlighted, but not needed in small view
+		//so remove "li.hover:hover > a" highlight
+		.nav-list li li.hover:hover > a {
+			background-color: @submenu-item-background;
+		}
+		//and instead highlight "li.hover > a:hover"
+		.nav-list li li.hover > a:hover,
+		.nav-list li li.hover.open > a:hover,
+		.nav-list li li.hover.open.active > a:hover {
+			background-color: @submenu-item-background-hover;
+		}
+
+		//active submenu item icon is red
+		.nav-list > li .submenu > li.active.hover > a.dropdown-toggle > .menu-icon {
+			color: @submenu-item-icon-active;
+		}
+		//active submenu item icon inherits color
+		.nav-list > li .submenu > li.active.open.hover > a.dropdown-toggle > .menu-icon {
+			color: inherit;
+		}
+
+	  }
+	}
+
+	//sometimes .hover items are opened in small view, and back in large view we reset the highlight state
+	@media only screen and (min-width: max(@screen-hover-menu, @grid-float-breakpoint)) {
+	  .sidebar.navbar-collapse {
+		.nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a {
+			color: @nav-item-color;
+			> .arrow {
+				color: inherit;
+			}
+		}
+		.nav-list > li.open.hover:hover > a {
+			background-color: @nav-item-background-hover;
+		}
+
+		.nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a {
+			color: @submenu-item-color;
+			> .arrow {
+				color: inherit;
+			}
+		}
+	  }
+	}//@media
+	//reset .hover to normal
+	@media only screen and (min-width: @screen-hover-menu) and (max-width: @grid-float-breakpoint-max) {
+		.sidebar.navbar-collapse {
+			.nav-list li.hover > .submenu {
+				border-top-color: @submenu-border;
+				background-color: @submenu-background;
+			}
+		}
+		
+		.nav-list li.hover > .submenu > li.active:not(.open) > a {
+			background-color: @submenu-item-background-active;
+			&:hover {
+				background-color: @submenu-item-background-hover;
+			}
+		}
+	}
+   }
+   .enable_collapsible_responsive_hover_menu_no_skin();
+
+	
+  }
+  .enable_hover_submenu_no_skin();
+
+
+
+
+	//horizontal
+	.enable_horizontal_menu_no_skin() when(@enable-horizontal-menu = true) {
+	  @media only screen and (min-width: @grid-float-breakpoint) {
+		 .sidebar.h-sidebar {
+			background-color: @h-sidebar-background;
+			&:before {
+				background-color: @h-sidebar-preground;
+				.box-shadow(@h-sidebar-preshadow);
+			}
+
+			.nav-list > li {
+				&:hover , &:hover + li {
+					border-left-color: @h-nav-item-border-hover;
+				}
+				&:last-child:hover {
+					border-right-color: @h-nav-item-border-hover;
+				}
+				&.active , &.active + li , &:hover + li.active {
+					border-left-color: @h-nav-item-border-active;
+				}
+				&.active:last-child {
+					border-right-color: @h-nav-item-border-active;
+				}
+			}
+			.nav-list > li.active:before {
+				background-color: @nav-item-color-active;//#2B7DBC;
+			}
+			
+			//a white line on bottom of active item to cover the blue separator
+			.nav-list > li.active > a:after {
+				border-width: 0 0 2px 0;
+				border-color: transparent;
+				border-bottom-color: #FFF;
+
+				left: 0;
+				right: 0;
+				top: auto;
+				bottom: -2px;
+			}
+
+			
+			
+			.sidebar-shortcuts-large {
+				background-color: #FFF;
+				border-color: @menumin-border;
+				.box-shadow(~"2px 1px 2px 0 rgba(0,0,0,0.1)");
+			}
+			.sidebar-shortcuts-large:after {
+				border-bottom-color: #FFF;
+				-moz-border-bottom-colors: #FFF;
+			}
+		 }
+
+		 .sidebar.h-sidebar {
+			.nav-list > li.hover {
+				> .submenu {
+					border-color: @hover-submenu-border;
+				}
+			}
+			&.menu-min {
+				.nav-list > li.hover {
+					> .submenu {
+						border-top-color: @menumin-submenu-top-border;
+					}
+				}				
+			}
+
+			.nav-list > li.hover {
+				> .arrow:after {
+					border-color: transparent;
+					-moz-border-right-colors: none;
+					-moz-border-top-colors: none;
+					-moz-border-left-colors: none;					
+
+					border-bottom-color: #FFF;
+					-moz-border-bottom-colors: #FFF;
+				}
+				> .arrow:before {
+					border-color: transparent;
+					-moz-border-right-colors: none;
+					-moz-border-top-colors: none;
+					-moz-border-left-colors: none;
+
+					-moz-border-bottom-colors: #B8B8B8;
+					border-bottom-color: #B8B8B8;
+				}
+			}
+			
+			
+			&.menu-min .nav-list > li.hover > .arrow:after {
+				-moz-border-bottom-colors: #F5F5F5;
+				border-bottom-color: #F5F5F5;
+			}
+			&.menu-min .nav-list > li.active > a > .menu-text {
+				border-left-color: @menumin-border;
+			}
+		}
+	  }
+	}
+	.enable_horizontal_menu_no_skin();
+
+
+
+	@media only screen and (max-width: @grid-float-breakpoint-max) {
+		.sidebar {
+			border-width: 0 1px 1px 0;
+			border-top-color: lighten(@sidebar-border , 4%);
+		}
+		.menu-toggler + .sidebar.responsive {
+			border-top-width: 1px;
+		}
+
+		.sidebar.responsive-min {
+			border-width: 0 1px 0 0;
+		}
+
+		.sidebar.navbar-collapse {
+			border-width: 0;
+			border-bottom-width: 1px !important;//to override .rtl's
+			border-bottom-color: @sidebar-border;
+			.box-shadow(~"0 2px 2px rgba(0, 0, 0, 0.1)") !important;//to override .rtl's
+			
+			&.menu-min {
+				.nav-list > li > .submenu {
+					background-color: @submenu-background;
+				}
+			}
+		}
+	}//@media
+	
+
+	
+	.sidebar-scroll {
+	 .sidebar-shortcuts {
+		border-bottom-color: darken(@nav-item-border , 3%);
+	 }
+	 .sidebar-toggle {
+		border-top-color: darken(@nav-item-border , 3%);
+	 }
+	}
+
+
+
+
+	.enable_old_menu_toggle_button_no_skin() when(@enable-old-menu-toggle-button = true) {
+	  .main-container .menu-toggler {
+		background-color: @sidebar-toggler-background;
+		&:before {
+			border-top-color: @sidebar-toggler-line-1;
+			border-bottom-color: @sidebar-toggler-line-2;
+		}
+		
+		&:after {
+			border-top-color: @sidebar-toggler-line-3;
+			border-bottom-color: @sidebar-toggler-line-4;
+		}
+		> .toggler-text {
+			border-top-color: @sidebar-toggler-background;
+			-moz-border-top-colors: @sidebar-toggler-background;
+		}
+	  }
+	}
+	.enable_old_menu_toggle_button_no_skin();
+	
+	
+	
+	//disabled state
+	.nav-list > li.disabled:before {
+		display: none !important;
+	}
+	.nav-list > li.disabled > a {
+		background-color: darken(@nav-item-background, 5%) !important;
+		color: lighten(@nav-item-color, 5%) !important;
+	}
+	
+	
+	.nav-list li .submenu > li.disabled > a,
+	.nav-list li.disabled .submenu > li > a {
+		background-color: darken(@submenu-item-background, 5%) !important;
+		color: desaturate(lighten(@submenu-item-color, 10%), 10%) !important;
+		cursor: not-allowed !important;
+		> .menu-icon {
+			display: none;
+		}
+	}
+	/**
+	.nav-list > li.disabled.active:after {
+		border-color: #999;
+	}
+	.nav-list li.disabled li.active > a:after,
+	.nav-list li.active.disabled > a:after {
+		-moz-border-right-colors: #999 !important;
+		border-right-color: #999 !important;
+	}
+	*/
+	
+}//.no-skin
+
+
+//hover highlight
+@import "../sidebar/highlight.less";
diff --git a/web/bootstrap-ace-admin/css/less/skins/skin-1.less b/web/bootstrap-ace-admin/css/less/skins/skin-1.less
new file mode 100755
index 00000000..84086a12
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/skins/skin-1.less
@@ -0,0 +1,1003 @@
+
+/* skin 1 */
+.skin-1 {
+ @body-background: #4A4F56;
+ @navbar-background: #2C6AA0;
+ @sidebar-background: #222A2D;
+
+ @nav-item-background: @sidebar-background;
+ @nav-item-color: lighten(#B1BAC1, 3%);
+ @nav-item-border: #3F4E54;
+
+ //different states
+ @nav-item-background-hover: #414B51;
+ @nav-item-color-hover: #E1EAF1;
+ 
+ @nav-item-color-open: #85C0EC;
+ @nav-item-background-open: @nav-item-background;
+
+ @nav-item-background-active: #141A1B;
+ @nav-item-color-active: #7BB7E5;//#55A0DC
+
+
+ //submenu colors
+ @submenu-background: #333D3F;
+ @submenu-border: #505A5B;
+
+ @submenu-background-active: #181E20; //darken(@submenu-background-active , 2.5%);
+ @submenu-border-active: #2F3E44;
+
+ @submenu-item-color: #D9DFE6;
+ @submenu-item-border: #454D4E;
+
+ @submenu-item-hover: #8AB4DE;
+ @submenu-item-hover-background: #2D3638; //!darken(@submenu-background, 2.5%);
+
+ @submenu-item-background: #333D3F;
+ @submenu-item-background-hover: #333D3F;
+ 
+ @submenu-item-active: @nav-item-color-active;
+ @submenu-item-background-active: #181E20; //darken(@submenu-background-active , 2.5%);
+ @submenu-item-border-active: #222526;
+ @submenu-item-icon-active: #4088D8; //darken(spin(@submenu-item-active , 5%), 5%);
+
+ @submenu-item-background-active-hover: #14191a;
+ 
+ @3rd-submenu-item: #61A8DD;
+ @3rd-submenu-item-open: @nav-item-color-open;
+ 
+ @active-border-highlight: #305675;
+
+
+ @submenu-dotline-border: #646C70;
+ @submenu-active-dotline-border: @nav-item-border;
+
+ 
+ @breadcrumbs-background: #F0F0F0;
+
+ @sidebar-toggle-background: lighten(spin(@nav-item-background-active , 10%) , 2%);
+ @sidebar-toggle-border: @nav-item-border;
+ @sidebar-toggle-icon-background: @sidebar-background; 
+ @sidebar-toggle-icon-color: #AAA; 
+ @sidebar-toggle-icon-border: #AAA;
+ 
+ @shortcuts-background: @sidebar-background;
+ @shortcuts-border: @nav-item-border;
+
+
+ @menumin-item-active-background: #242A2B;
+ @menumin-submenu-border-left: #181D1F;
+ @menumin-submenu-border: #242A2B; 
+ @menumin-submenu-border-top: #5A606A;
+ @menumin-active-submenu-border-top: #3B4547;
+ 
+ @hover-submenu-border: #232828;
+ @hover-active-submenu-border: #475561;
+
+ @hover-submenu-arrow: #353C3D;
+ @hover-submenu-active-background: #171E1F;
+ @hover-submenu2-active-arrow: #5E83A0;
+
+ @nav-item-hover-indicator: #629CC9; 
+ @nav-item-active-indicator: mix(@nav-item-hover-indicator , lighten(#3382AF , 5%));
+
+ 
+ @h-nav-item-border-hover: desaturate(darken(@nav-item-hover-indicator , 20%) , 30%);
+ @h-nav-item-border-active: desaturate(darken(@nav-item-hover-indicator , 15%) , 25%);
+
+ @highlight-nav-item-border: #506B7F;
+ 
+ @sidebar-toggler-background: #444;
+
+ 
+
+ background-color: @body-background;
+ .navbar {
+	background: @navbar-background;
+ }
+ .sidebar {
+	background-color: @sidebar-background;
+	border-right-width: 0;
+ }
+
+
+ .nav-list > li {
+	border-color: @nav-item-border;
+	> a {
+		background-color: @nav-item-background;
+		color: @nav-item-color;
+	}
+	&:hover > a {
+		background-color: @nav-item-background-hover;
+		color: @nav-item-color-hover;
+	}
+
+	&.open > a , &.open:hover > a {
+		color: @nav-item-color-open;
+		background-color: @nav-item-background-open;
+	}
+
+	&.active > a , &.active:hover > a {
+		background-color: @nav-item-background-active;
+		color: @nav-item-color-active;
+	}
+ }
+
+ //the hover/active menu blue line highlight
+ .nav-list > li:hover:before {
+	background-color: @nav-item-hover-indicator;
+ }
+ .nav-list > li.active:before {
+	display: block;
+	background-color: @nav-item-active-indicator;
+ }
+
+ .nav-list li.active > a:after {
+	border-right-color: #FFF;
+	-moz-border-right-colors: #FFF;
+
+	//border-width: 16px 10px;
+	//top: 3px;
+	
+	border-width: 11px 7px;
+	top: 8px;
+	right: 0;
+ }
+ .nav-list > li.active > .submenu li.active > a {
+	&:after {
+		//top: 1px;
+		top: 5px;
+	}
+ }
+
+
+
+
+ //submenu
+ .nav-list > li {
+	.submenu {
+		background-color: @submenu-background;
+	}
+	&.active .submenu {
+		background-color: @submenu-background-active;
+	}
+
+	.submenu > li > a {
+		border-top-style: solid;		
+		border-top-color: @submenu-item-border;
+
+		background-color: @submenu-item-background;
+		&:hover {
+			background-color: @submenu-item-hover-background;
+		}
+	}
+
+	&.active .submenu > li > a {
+		border-top-color: @submenu-item-border-active;
+		background-color: @submenu-item-background-active;
+
+		&:hover {
+			background-color: @submenu-item-background-active-hover;
+		}
+	}
+ }
+
+
+ .nav-list > li {
+	> .submenu {
+		border-top-color: @submenu-border;
+	}
+	&.active > .submenu {
+		border-top-color: @submenu-border-active;
+	}
+
+	> .submenu > li {
+		> a {
+			color: @submenu-item-color;			
+		}
+		&:hover > a {
+			color: @submenu-item-hover;
+		}
+
+		&.active > a {
+			color: @submenu-item-active;
+			background-color: darken(@submenu-item-background-active, 1%);
+		}
+	}
+ }
+
+ //submenu dotted tree menu
+ .nav-list > li > .submenu {
+	&:before  , & > li:before {
+		border-color: @submenu-dotline-border;
+	}
+ }
+ .nav-list > li.active > .submenu {
+	&:before , & > li:before {
+		border-color: @submenu-active-dotline-border;
+	}
+ }
+
+
+ //3rd & 4th level menu
+ .nav-list > li .submenu li > .submenu li > a {
+	color: @submenu-item-color;
+ }
+ .nav-list > li .submenu li > .submenu li:hover > a {
+	color: @submenu-item-hover;
+ }
+ .nav-list > li .submenu li.open > a  ,
+ .nav-list > li .submenu li > .submenu > li.open > a {
+	color: @nav-item-color-open;
+ }
+ .nav-list > li .submenu li > .submenu li.active {
+	> a {
+		color: @3rd-submenu-item;
+	}
+	&:hover > a {
+		color: @3rd-submenu-item-open;
+	}
+ }
+
+ 
+ 
+ ////////////
+ //.active.highlight state
+.enable_highlight_active_skin_1() when(@enable-highlight-active = true) {
+ .sidebar {
+  .nav-list > li.active.highlight {
+	& , & + li {
+		border-color: @highlight-nav-item-border;
+	}
+	& + li:last-child {
+		border-bottom-color: @nav-item-border;
+	}
+  }
+  .nav-list > li.active.highlight > a:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	
+	border-left-color: @nav-item-background-active;
+	-moz-border-left-colors: @nav-item-background-active;
+	border-width: 20px 0 20px 10px;
+
+	z-index: 1;
+	top: 0;
+	right: -10px;
+
+	//display: block;
+  }
+ 
+  .nav-list > li.active.highlight > a:before {
+	border-left-color: @highlight-nav-item-border;
+    -moz-border-left-colors: @highlight-nav-item-border;
+    
+	border-style: solid;
+	border-color: transparent;
+    //border-width: 21px 0 21px 11px;
+	border-width: 20px 0 20px 10px;
+    	
+    content: "";
+    //display: block;
+	
+	position: absolute;
+    right: -11px;
+    //top: -1px;
+	top: 0;
+    z-index: 1;
+  }
+ }
+}
+ .enable_highlight_active_skin_1();
+ ////////////
+
+ 
+ //extra
+ .sidebar-shortcuts , .sidebar-shortcuts-mini {
+	background-color: @shortcuts-background;
+	border-color: @shortcuts-border;
+ }
+ .sidebar > .nav-search {
+	background-color: @shortcuts-background;
+	border-color: @shortcuts-border;
+ }
+ .sidebar-toggle {
+	background-color: @sidebar-toggle-background;
+	border-color: @sidebar-toggle-border;
+
+	> .@{icon} {
+		background-color: @sidebar-toggle-icon-background;
+		color: @sidebar-toggle-icon-color;
+		border-color: @sidebar-toggle-icon-border;
+	}
+ }
+
+ .enable_breadcrumbs_skin_1() when(@enable-breadcrumbs = true) {
+  .breadcrumbs {
+	border-width: 0;
+	background-color: @breadcrumbs-background;
+	@media (min-width: @screen-fixed-breadcrumbs) {
+		&.breadcrumbs-fixed {
+			border-bottom-width: 1px;
+		}
+	}
+  }
+ }
+.enable_breadcrumbs_skin_1();
+
+
+ @media only screen and (max-width: @grid-float-breakpoint-max) {
+  .sidebar.responsive {
+	border-width: 0;
+	.box-shadow(none);
+	.nav-list li.active > a:after {
+		display: none;
+	}
+	.nav-list > li.active.highlight > a:after {
+		display: block;
+	}
+  }
+ }
+
+
+
+ .menu_min_skin_1() {
+	.nav-list > li.open > a {
+		background-color: @nav-item-background;
+		color: @nav-item-color;
+	}	
+	
+	.nav-list > li.active > a:after {
+		border-width: 9px 6px;
+		top: 10px;
+	}
+	.nav-list > li.active.highlight > a:after {
+		border-width: 20px 0 20px 10px;
+		top: 0;
+	}
+	
+	.nav-list > li.active:hover > a:after {
+		border-right-color: @menumin-item-active-background;
+	}
+	
+	.nav-list > li.active > a , .nav-list > li.active > a:hover {
+		background-color: @nav-item-background-active;
+		color: @nav-item-color-active;
+	}
+
+	.nav-list > li:hover > a {
+		color: @nav-item-color-hover;
+	}
+	.nav-list > li > a > .menu-text {
+		background-color: @nav-item-background-hover;
+	}
+	.nav-list > li.active > a > .menu-text {
+		background-color: @menumin-item-active-background;
+		
+		border: 0px solid @menumin-active-submenu-border-top;//for it to become visible when there are two menus and it overlaps the other
+		border-width: 1px 1px 0;
+		
+		border-left-color: @active-border-highlight;
+	}
+	.nav-list > li.active > a:not(.dropdown-toggle) > .menu-text {
+		border-width: 1px;
+		border-top-color: lighten(@nav-item-border , 5%);
+		border-bottom-color: lighten(@nav-item-border , 5%);
+		border-right-color: lighten(@nav-item-border , 5%);
+	}
+
+	.nav-list > li.active:hover > a,
+	.nav-list > li.active > a > .menu-text {
+		color: @nav-item-color-active;
+	}
+	//.nav-list > li > a.active ,
+	.nav-list > li.open.active > a {
+		background-color: @nav-item-background-active;
+	}
+	.nav-list > li > a > .menu-text,
+	.nav-list > li > .submenu {
+		border-width: 0;
+		border-left: 1px solid @menumin-submenu-border-left;
+		.box-shadow(none);
+	}
+
+	.nav-list > li > .submenu {
+		border-top: 1px solid @nav-item-border;
+		&:after {
+			//the extra pixel @ min.less
+			display: none;
+		}
+	}
+
+	.nav-list > li > .submenu {
+		background-color: @submenu-background;
+		border-top-color: @menumin-submenu-border-top;
+		border-top-width: 1px !important;
+	}
+	.nav-list > li.active > .submenu {
+		background-color: @submenu-background-active;
+		border-top-color: @menumin-active-submenu-border-top;
+		border-left-color: @active-border-highlight;
+	}
+
+
+	//-li > .arrow
+	.nav-list > li > .arrow {
+		//right: 0;
+		&:after {
+			border-right-color: @nav-item-background-hover;
+			-moz-border-right-colors: @nav-item-background-hover;
+		}
+		&:before {			
+			border-right-color: darken(@menumin-item-active-background , 8%);
+			-moz-border-right-colors: @menumin-item-active-background;
+		}
+	}
+	.nav-list > li.active > .arrow {
+		&:after {
+			border-right-color: @menumin-item-active-background;
+			-moz-border-right-colors: @menumin-item-active-background;
+		}
+		&:before {
+			border-right-color: darken(@nav-item-color-active, 10%);
+			-moz-border-right-colors: darken(@nav-item-color-active, 10%);
+		}
+	}
+
+
+	.sidebar-shortcuts-large {
+		background-color: @shortcuts-background;
+		.box-shadow(none);
+		border: 1px solid lighten(@nav-item-border , 5%);
+		border-width: 0 1px 1px 0;
+		top: 0;
+	}
+ }
+ 
+ .enable_sidebar_collapse_skin_1() when(@enable-sidebar-collapse = true) {
+  .sidebar.menu-min {
+	.menu_min_skin_1();
+  }
+ }
+ .enable_sidebar_collapse_skin_1();
+ 
+ .enable_minimized_responsive_menu_skin_1() when(@enable-minimized-responsive-menu = true) {
+  @media (max-width: @grid-float-breakpoint-max) {
+	.sidebar.responsive-min {
+		.menu_min_skin_1();
+		
+		.nav-list > li.active > a:after {
+			display: block;
+		}
+	}
+	.sidebar.responsive-max {
+		.nav-list li.active > a:after {
+			display: none;
+		}
+		.nav-list > li.highlight.active > a:after {
+			display: block;
+		}
+    }
+  }
+ }
+ .enable_minimized_responsive_menu_skin_1();
+
+ 
+ 
+  //highlight .hover menus when mouse is in submenus
+ .hover_highlight_skin_1() {
+	.nav-list > li {
+		.submenu > li.hover:hover > a {
+			background-color: @submenu-item-hover-background;
+		}
+		&.active .submenu > li.hover:hover > a {
+			background-color: @submenu-item-background-active-hover;
+		}
+	}
+ }
+
+.enable_submenu_hover_skin_1() when(@enable-submenu-hover = true) {
+ //.hover submenu
+ @media only screen and (min-width: @screen-hover-menu) {
+ .nav-list li.hover > .submenu {
+	padding-left: 0;
+	padding-bottom: 2px;
+	padding-right: 0;
+	
+	border-color: @hover-submenu-border;
+ }
+ //to keep the lines between items
+ .nav-list li.hover > .submenu > li > a {
+	border-top-width: 1px;
+
+	margin-bottom: 0;
+    margin-top: 0;
+ }
+ .nav-list li.hover > .submenu > li:first-child > a {
+	border-top-width: 0;
+ }
+
+ //3rd & 4th
+ .nav-list > li > .submenu li.hover > .submenu {
+    padding: 3px 2px;
+ }
+
+ .nav-list > li.active > .submenu li.hover > .submenu {
+	border-left-color: @hover-active-submenu-border;//inside an active item but not an active item itself
+ }
+ .nav-list li.hover.active > .submenu,
+ .nav-list li.active > .submenu li.hover.active > .submenu {
+	border-left-color: @active-border-highlight;
+ }
+ .nav-list > li.active > .submenu li.hover > .submenu {
+	background-color: @hover-submenu-active-background;
+ }
+}//@media
+
+
+
+
+ //sometimes .hover items are opened in small view, and back in large view we reset the highlight state
+ .enable_collpasible_responsive_menu_skin_1_tmp() when(@enable-collapsible-responsive-menu = true) {
+ @media only screen and (min-width: max(@screen-hover-menu, @grid-float-breakpoint)) {
+  .sidebar.navbar-collapse {
+	.nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a {
+		color: @nav-item-color;
+	}
+	
+	.nav-list > li.open.hover:hover > a {
+		color: @nav-item-color-hover;
+		background-color: @nav-item-background-hover;
+	}
+	.nav-list > li.active.hover:hover > a {
+		color: @nav-item-color-active;
+		background-color: @nav-item-background-active;
+	}
+	
+	.nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a {
+		color: @submenu-item-color;
+	}
+  }
+ }
+
+
+
+ //navbar-collapse
+@media only screen and (min-width: @screen-hover-menu) and (max-width: @grid-float-breakpoint-max) {
+ .sidebar.navbar-collapse {
+	//.nav-list li li.hover.active.open > a {
+	//	background-color: @submenu-item-background-active;
+	//}
+	.nav-list li.hover > .submenu {
+		padding-bottom: 0;
+	}
+	.nav-list li.hover > .submenu {
+		border-top-color: @submenu-border;
+	}
+	.nav-list li.hover.active > .submenu {
+		border-top-color: @submenu-border-active;
+	}
+
+
+
+	.nav-list li.hover.active > .submenu,
+	.nav-list > li > .submenu li.hover > .submenu,
+	.nav-list li.active > .submenu li.hover.active > .submenu {
+		border-left-width: 0;
+	}
+
+	.nav-list > li > .submenu li.hover > .submenu {
+		padding: 0;
+	}
+	.nav-list li li.hover > .submenu > li:first-child > a {
+		border-top-width: 1px;
+	}
+
+
+	//in wide view when we hover a submenu item, its parent LI > A are highlighted, but not needed in small view
+	//so remove "li.hover:hover > a" highlight	
+	/**.nav-list li li:hover > a {
+		background-color: @submenu-item-background;
+	}
+	.nav-list li li > a:hover,
+	.nav-list li li.open > a:hover {
+		background-color: @submenu-item-hover-background;
+	}
+
+	.nav-list > li.active li:hover > a {
+		background-color: @submenu-item-background-active;
+	}
+	.nav-list > li.active li > a:hover {
+		background-color: @submenu-item-background-active-hover;
+	}*/
+
+ }
+}
+
+
+ .sidebar.navbar-collapse {
+	.hover_highlight_skin_1();
+ }
+
+}
+.enable_collpasible_responsive_menu_skin_1_tmp();
+
+ @media only screen and (min-width: @screen-hover-menu) {
+  .sidebar:not(.navbar-collapse) {
+	.hover_highlight_skin_1();
+  }
+ }
+
+
+}
+ .enable_submenu_hover_skin_1();
+
+
+
+ //-li > .arrow
+ //the submenu li > .arrow 
+ .sub_arrow1_skin_1() {
+	> .arrow:after {
+		border-right-color: @hover-submenu-arrow;
+		-moz-border-right-colors: @hover-submenu-arrow;
+	}
+	> .arrow:before {
+		border-right-color: darken(@hover-submenu-arrow, 10%);
+		-moz-border-right-colors: darken(@hover-submenu-arrow, 10%);
+	}
+ }
+ .nav-list li {
+	.sub_arrow1_skin_1();
+ }
+
+ .sub_arrow2_skin_2() {
+	&.active > .arrow:after {
+		border-right-color: @hover-submenu-active-background;
+		-moz-border-right-colors: @hover-submenu-active-background;
+	}
+	&.active > .arrow:before {		
+		border-right-color: darken(@nav-item-color-active , 10%);
+		-moz-border-right-colors: darken(@nav-item-color-active , 10%);
+	}
+ }
+
+ //li > .arrow
+ .nav-list > li {
+	.sub_arrow2_skin_2();
+	//submenu of active, but it's not active itself
+	&.active > .submenu li.hover > .arrow:before {
+		border-right-color: darken(@hover-submenu2-active-arrow , 8%);
+		-moz-border-right-colors: lighten(saturate(@hover-submenu2-active-arrow , 20%) , 20%);
+	}
+	//it is active itself
+	&.active > .submenu li.hover.active > .arrow:before {
+		border-right-color: @active-border-highlight;
+		-moz-border-right-colors: lighten(saturate(@active-border-highlight, 40%), 20%);
+	}
+
+	&.active > .submenu li.hover > .arrow:after {
+		border-right-color: @hover-submenu-active-background;
+		-moz-border-right-colors: @hover-submenu-active-background;
+	}
+ }
+
+ .nav-list li.pull_up {
+	.sub_arrow1_skin_1() !important;
+	.sub_arrow2_skin_2() !important;
+ }
+
+
+ 
+
+
+ .enable_old_menu_toggle_button_skin_1() when(@enable-old-menu-toggle-button = true) {
+    .main-container .menu-toggler {
+		background-color: @sidebar-toggler-background;
+		&:before {
+			border-top-color: @sidebar-toggler-line-1;
+			border-bottom-color: @sidebar-toggler-line-2;
+		}
+		
+		&:after {
+			border-top-color: @sidebar-toggler-line-3;
+			border-bottom-color: @sidebar-toggler-line-4;
+		}
+		> .toggler-text {
+			border-top-color: @sidebar-toggler-background;
+			-moz-border-top-colors: @sidebar-toggler-background;
+		}
+    }
+
+	&.display {
+		@color: desaturate(lighten(@navbar-background, 10%) , 30%);
+		background-color: @color;
+
+		&:before {
+			border-top-color: lighten(@sidebar-toggler-line-1 , 15%);
+			border-bottom-color: lighten(@sidebar-toggler-line-2 , 15%);
+		}
+		&:after {
+			border-top-color: lighten(@sidebar-toggler-line-3 , 15%);
+			border-bottom-color: lighten(@sidebar-toggler-line-4 , 15%);
+		}
+		
+		> .toggler-text {
+			border-top-color: @color;
+			-moz-border-top-colors: @color;
+		}
+	}
+ }
+ .enable_old_menu_toggle_button_skin_1();
+
+
+  .navbar .navbar-toggle {
+	background-color: #4D9DCC;
+	
+	&:focus {
+		background-color: #4D9DCC;
+		border-color: transparent;
+	}
+	&:hover {
+		background-color: darken(#4D9DCC , 5%);
+		border-color: rgba(255,255,255,0.1);
+	}
+	&.display, &[data-toggle=collapse]:not(.collapsed) {
+		background-color: darken(#4D9DCC , 10%);
+		box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
+			border-color: rgba(255, 255, 255, 0.35);
+	}
+  }
+
+
+
+@media only screen and (min-width: @screen-sm-min) {
+ .container.main-container:before {
+    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
+ } 
+}
+
+
+ //horizontal menu
+.enable_horizontal_menu_skin_1() when(@enable-horizontal-menu = true) {
+@media only screen and (min-width: @grid-float-breakpoint) {
+ .sidebar.h-sidebar {
+	&:before {
+		background-color: spin(lighten(@sidebar-background , 10%) , 10);
+		border-bottom-color: lighten(@nav-item-border , 5%);
+	}
+
+	.nav-list {
+		border-bottom-width: 0;
+	}
+	.nav-list > li.active:before {
+		display: block;
+	}
+	.nav-list > li.hover.active > a:after {
+		-moz-border-left-colors: none;
+		-moz-border-right-colors: none;
+		
+		-moz-border-bottom-colors: #FFF;
+		
+		border-color: transparent transparent #FFF;
+		border-width: 8px;
+
+		top: auto;
+		bottom: 0;
+
+		right: auto;
+		left: 50%;
+		margin-left: -8px;
+
+		content: "";
+		display: block;
+	}
+	.nav-list > li.hover.active:hover > a:after, .nav-list > li.hover.active.hover-show > a:after {
+		display: none;
+	}
+	
+	
+	+ .main-content .breadcrumbs {
+		border-color: #E8E8E8;
+	}
+
+
+	.nav-list > li {
+		border-color: @nav-item-border;
+		&:hover , &:hover + li {
+			border-left-color: @h-nav-item-border-hover;
+		}
+		&:last-child:hover {
+			border-right-color: @h-nav-item-border-hover;
+		}
+		&.active , &.active + li , &:hover + li.active {
+			border-left-color: @h-nav-item-border-active;
+		}
+		&.active:last-child {
+			border-right-color: @h-nav-item-border-active;
+		}
+	}
+
+
+		
+	.nav-list > li.hover > .submenu {
+		border-top-color: @hover-submenu-border;
+	}
+	.nav-list > li.hover.active > .submenu {
+		border-top-color: @active-border-highlight;
+		border-left-color: @hover-submenu-border;
+	}
+	.sidebar-shortcuts-large {
+		background-color: @sidebar-background;
+		border: 1px solid @hover-submenu-border;
+		border-top-color: @active-border-highlight;
+
+		top: 100%;
+	}
+
+	//-li > .arrow
+	.nav-list > li > .arrow {
+		&:after {
+			border-right-color: transparent;
+			-moz-border-right-colors: none;
+			
+			border-bottom-color: @hover-submenu-arrow;
+			-moz-border-bottom-colors: @hover-submenu-arrow;
+		}
+		&:before {
+			-moz-border-right-colors: none;
+			border-right-color: transparent;
+
+			border-bottom-color: darken(@hover-submenu-arrow, 12%);
+			-moz-border-bottom-colors: darken(@hover-submenu-arrow, 8%);
+		}
+	}
+	
+
+
+	.nav-list > li.active > .arrow , .sidebar-shortcuts-large {
+		&:before {
+			border-right-color: transparent;
+			-moz-border-right-colors: none;
+			
+			border-bottom-color: darken(@nav-item-color-active , 10%);
+			-moz-border-bottom-colors: darken(@nav-item-color-active , 30%);
+		}
+		&:after {
+			border-right-color: transparent;
+			-moz-border-right-colors: none;
+			
+			border-bottom-color: @hover-submenu-active-background;
+			-moz-border-bottom-colors: @hover-submenu-active-background;
+		}
+	}
+	.sidebar-shortcuts-large:after {
+		border-bottom-color: @sidebar-background;
+		-moz-border-bottom-colors: @sidebar-background;
+	}
+
+
+	.nav-list > li.highlight.active > a:before {
+		display: none;
+	}
+	
+	
+	&.menu-min {
+		.nav-list > li > a > .menu-text {
+			border-width: 1px 0 0;
+			border-top-color: @menumin-submenu-border-left;
+		}
+		.nav-list > li.active > a > .menu-text {
+			border-top-color: @active-border-highlight;
+		}
+		.nav-list > li.active > .submenu {
+			border-top-color: @menumin-active-submenu-border-top;
+		}
+		
+		.nav-list > li > .arrow {
+			&:after {
+				border-bottom-color: @nav-item-background-hover;
+				-moz-border-bottom-colors: @nav-item-background-hover;
+			}
+			&:before {
+				border-bottom-color: darken(@menumin-item-active-background , 8%);
+				-moz-border-bottom-colors: @menumin-item-active-background;
+			}
+		}
+		.nav-list > li.active > .arrow {
+			&:after {
+				border-bottom-color: @menumin-item-active-background;
+				-moz-border-bottom-colors: @menumin-item-active-background;
+			}
+			&:before {
+				border-bottom-color: darken(@nav-item-color-active, 10%);
+				-moz-border-bottom-colors: darken(@nav-item-color-active, 10%);
+			}
+		}
+		
+
+	}
+	
+ }
+ 
+
+ .h-sidebar.sidebar-fixed {
+	+ .main-content {
+		padding-top: 86px;
+	}
+	&.no-gap + .main-content {
+		padding-top: 72px;
+	}
+	
+	&.menu-min + .main-content {
+		padding-top: 61px;
+	}
+	&.menu-min.no-gap + .main-content {
+		padding-top: 47px;
+	}
+ }
+
+
+
+ .main-content .h-sidebar.sidebar .nav-list {
+	border-left: 1px solid lighten(@nav-item-border , 5%);
+ }
+
+}//@media
+}
+.enable_horizontal_menu_skin_1();
+
+
+
+.sidebar-scroll {
+ .sidebar-shortcuts {
+	border-bottom-color: lighten(@nav-item-border , 5%);
+ }
+ .sidebar-toggle {
+	border-top-color: lighten(@nav-item-border , 5%);
+ }
+
+}
+.scrollout .scroll-track {
+	background-color: transparent;
+}
+.scrollout .scroll-bar {
+	background-color: #CCC;
+	background-color: rgba(0,0,0,0.2);
+}
+
+
+@media only screen and (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
+ .navbar.navbar-collapse {
+	background-color: transparent;
+	&:before , .navbar-container {
+		background: @navbar-background;
+	}
+ }
+}
+
+
+
+
+	.nav-list > li.disabled:before {
+		display: none !important;
+	}
+	.nav-list > li.disabled > a {
+		background-color: #333 !important;
+		color: #AAA !important;
+	}
+	
+	.nav-list li .submenu > li.disabled > a,
+	.nav-list li.disabled .submenu > li > a {
+		background-color: #444 !important;
+		color: #A0A0A0 !important;
+		cursor: not-allowed !important;
+		> .menu-icon {
+			display: none;
+		}
+	}
+	.nav-list > li.disabled .submenu > li > a {
+		border-top-color: #505050;
+	}
+
+
+}//.skin-1
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/skins/skin-2.less b/web/bootstrap-ace-admin/css/less/skins/skin-2.less
new file mode 100755
index 00000000..8130933f
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/skins/skin-2.less
@@ -0,0 +1,1402 @@
+//skin 2
+.skin-2 {
+  
+ @color1: #00BE67;
+ @color2: #5ED02B;
+ @color3: #A7D700;
+ @color4: #CEE100;
+ @color5: #F8C600;
+ @color6: #FFAB00;
+ @color7: #FF6E00;
+ @color8: #F21C30;//#E24D59
+ @color9: #DB348A; //#E258A0;
+ @color10: #C55EE7;
+ @color11: #218BEE;
+ @color12: #2ECEE7;
+
+
+ @default-color: @color9;//you can use one color only, you should comment .colorize1(1) and .colorize2(1)
+ 
+ @body-background: #5C5C5C;
+ @navbar-background: #C6487E;   //#56A580 green  #669CBA blue
+ @sidebar-background: #505050;
+
+ @nav-item-background: #393939;//#4C313C 
+ @nav-item-color: #E6E6E6;
+ @nav-item-border: #484848;
+
+
+ //different states
+
+ @nav-item-color-hover: rgba(0,0,0,0.6);
+ @nav-item-icon-hover: #FFF;
+ @nav-item-background-hover: desaturate(@default-color , 25%);
+
+ @nav-item-color-open: rgba(0,0,0,0.6);  
+ @nav-item-icon-open: #FFF;
+ @nav-item-background-open: @nav-item-background-hover;
+
+ @nav-item-color-active: #FFF;
+ @nav-item-background-active: #242424;
+ @nav-item-background-active2: @nav-item-background-hover;//.active.highlight
+
+
+ //submenu colors
+ @submenu-background: mix(@default-color , #303030, 12%);
+ @submenu-item-color: #EEE;
+ @submenu-item-background-hover: rgba(0,0,0,0.1);
+ @submenu-item-background-active: rgba(0,0,0,0.05);
+
+ @hover-submenu-border: rgba(0,0,0,0.4);
+
+
+ @breadcrumbs-background: #E7F2F8;
+
+ 
+ @sidebar-toggle-background: #2F2F2F;
+ @sidebar-toggle-border: lighten(@nav-item-border , 18%);
+ @sidebar-toggle-icon-background: #333;
+ @sidebar-toggle-icon-color: #AAA;
+ @sidebar-toggle-icon-border: #BBB;
+ 
+ @shortcuts-background: #393939;
+
+
+
+ background-color: @body-background;
+ .navbar {
+	background: @navbar-background;
+ }
+ .sidebar {
+	background-color: @sidebar-background;
+	border-right-width: 0;
+ }
+
+ .nav-list > li {
+	border-color: @nav-item-border;
+	&:first-child {
+		border-top-color: lighten(@nav-item-border , 7%);
+	}
+	&:last-child {
+		border-bottom-color: lighten(@nav-item-border , 10%);
+	}
+
+	> a {
+		background-color: @nav-item-background;
+		color: @nav-item-color;
+		> .menu-text , > .arrow {
+			color: @nav-item-color;//if removed, it will have li:nth-child(n) color
+		}
+	}
+
+
+	&:hover > a, &.hover-show > a {
+		background-color: @nav-item-background-hover;
+		> .menu-text {
+			font-weight: bold;
+			color: @nav-item-color-active;//for IE that doesn't support rgba
+			color: @nav-item-color-hover;
+		}
+		> .menu-icon , > .arrow {
+			color: @nav-item-icon-hover;
+		}
+	}
+	&.open > a {
+		background-color: @nav-item-background-open;
+		> .menu-text {
+			font-weight: bold;
+			color: @nav-item-color-open;
+		}
+		> .menu-icon , > .arrow {
+			color: @nav-item-icon-open;
+		}
+	}
+
+	&.active > a {
+		background-color: @nav-item-background-active;
+		color: @nav-item-color-active;
+
+		> .menu-icon {
+			color: inherit;
+		}
+		> .menu-text , > .arrow {
+			color: @nav-item-color-active;
+		}
+	}
+	&.active:hover > a, &.active:not(.highlight):hover > a,
+	&.active.hover-show > a, &.active:not(.highlight).hover-show > a,
+	&.active.open > a, &.active.open:not(.highlight) > a
+	{
+		background-color: @nav-item-background-active;
+	}
+
+	&.active.highlight > a {
+		background-color: @nav-item-background-active2;
+		> .menu-icon {
+			color: @nav-item-color-active;
+		}
+	}
+
+ }
+
+
+ //highlights and active states
+ .nav-list li.active > a:after {
+	border-right-color: #FFF;
+	-moz-border-right-colors: #FFF;
+
+	//border-width: 16px 10px;
+	//top: 3px;
+	
+	border-width: 11px 7px;
+	top: 8px;
+	right: 0;
+ }
+ //the long active item line
+ //.nav-list > li.active:after, .sidebar.responsive .nav-list li.active > a:after {
+	//display: none;
+ //}
+ 
+ .nav-list > li.active > .submenu li.active > a {
+	&:after {
+		//top: 1px;
+		top: 6px;
+	}
+ }
+ .nav-list > li:before {
+	top: 0;
+	height: @nav-item-height;
+ }
+ .nav-list > li.active:before {
+	display: block;
+	background-color: mix(desaturate(@default-color , 25%) , #FFF, 75%);
+ }
+ .nav-list > li.active.highlight:before , .nav-list > li:before {
+	background-color: mix(desaturate(@default-color , 25%) , #FFF, 50%);
+ }
+
+
+ //submenu
+ .nav-list > li {
+	> .submenu {
+		border-top-width: 0;
+		background-color: @submenu-background;
+
+		//border-left: 1px solid;
+		//border-left-color: #333;
+		//border-left-color: rgba(0,0,0,0.4);
+	}
+
+	> .submenu > li ,
+	> .submenu > li > .submenu ,
+	> .submenu > li > .submenu > li,
+	> .submenu > li > .submenu > li .submenu,
+	> .submenu > li > .submenu > li .submenu li
+	{
+		background-color: inherit;
+	}
+
+
+	.submenu > li > a {
+		border-top: 1px solid;
+		border-top-color: #555;
+		border-top-color: rgba(255,255,255,0.08);
+
+		background-color: transparent;
+		&:hover {
+			background-color: @submenu-item-background-hover;
+			color: #FFF;
+			
+			> .menu-icon {
+				background-color: transparent;
+			}
+		}
+	}
+
+	&.active .submenu > li > a:hover {
+		background-color: @submenu-item-background-hover;
+	}
+ }
+
+ .nav-list > li {
+	> .submenu > li {
+		> a {
+			color: @submenu-item-color;			
+		}
+		&:first-child > a {
+			border-top-width: 0;
+		}
+		&.active > a {
+			background-color: @submenu-item-background-active;
+			font-weight: bold;
+
+			> .menu-icon {
+				color: inherit;
+				background-color: transparent;
+			}
+		}
+	}
+ }
+  //3rd & 4th level menu
+ .nav-list li .submenu li > a {
+	color: @submenu-item-color;
+	font-size: @base-font-size;
+ }
+
+
+ //hide submenu dotted tree menu
+ .nav-list > li > .submenu {
+	&:before, & > li:before {
+		display: none;
+	}
+ }
+
+ //change the paddings a little bit
+ .nav-list > li .submenu > li > a {
+	padding-left: 32px;
+	> .menu-icon {
+		left: 12px;
+	}
+ }
+ @media only screen and (min-width: @screen-hover-menu) {
+ .nav-list > li .submenu > li.hover > a {
+	padding-left: 26px;
+	> .menu-icon {
+		left: 6px;
+	}
+ }
+ }
+ .nav-list > li > .submenu li > .submenu > li {
+	 > a {
+		margin-left: 0;
+		
+		padding-left: 37px;
+		padding-top: 8px;
+		padding-bottom: 10px;
+		
+		border-top-width: 0;
+	}
+	> .submenu > li > a {
+		margin-left: 0;
+		padding-left: 51px;
+	}
+ }
+
+ @media only screen and (min-width: @screen-hover-menu) {
+ .nav-list > li > .submenu li > .submenu > li.hover > a {
+	border-top-width: 1px;
+	padding-bottom: 9px;
+ }
+ .nav-list > li > .submenu li > .submenu > li.hover:first-child > a {
+	border-top-width: 0;
+ }
+ }
+
+ //submenu active item color
+ .nav-list > li > .submenu li {
+	&:hover, &.hover-show, &.active, &.open {
+		> a {
+			color: lighten(desaturate(@default-color , 15%) , 15%);//submenu item color
+		}
+	}
+
+	> a > .@{icon} {
+		background-color: transparent;
+	}
+ }
+
+
+ //the .badge and .label on hover
+ .nav-list > li {
+	&:hover:not(.active) > a ,  &.hover-show:not(.active) > a ,  &.open:not(.active) > a, &.active.highlight {
+		.badge, .label {
+			background-color: rgba(0,0,0,0.5) !important;
+		}
+
+		.badge.badge-transparent, .label.label-transparent {
+			color: rgba(255,255,255,0.8) !important;
+			background-color: transparent !important;
+			.@{icon} {
+				color: rgba(255,255,255,0.8) !important;
+			}
+		}
+	}
+ }
+ 
+
+//-li > .arrow
+.sub_arrow() {
+	&:after {
+		border-right-color: @submenu-background;
+		-moz-border-right-colors: @submenu-background;
+	}
+	&:before {
+		border-right-color: #191919;
+		-moz-border-right-colors: #191919;
+		//-moz-border-right-colors: rgba(0,0,0,0.7);
+		//border-right-color: rgba(0,0,0,0.7);
+	}
+}
+.nav-list li > .arrow {
+	.sub_arrow() 
+}
+.nav-list > li.pull_up > .arrow {
+	.sub_arrow() !important;
+}
+
+
+
+ ////////////
+.enable_highlight_active_skin_2() when(@enable-highlight-active = true) {
+ //.active.highlight state //remove if not wanted
+ .nav-list > li.active.highlight > a:after {
+	border-right-color: transparent;
+	-moz-border-right-colors: none;
+	
+	border-left-color: @nav-item-background-active2;
+	-moz-border-left-colors: @nav-item-background-active2;
+	border-width: 20px 0 20px 10px;
+	
+	z-index: 1;
+	top: 0;
+	right: -10px;
+
+	display: block;
+ }
+}
+.enable_highlight_active_skin_2();
+ ////////////
+
+
+//apply different colors
+.colorize1 (@index) when (@index < 13) {
+	@color-val: ~`"color@{index}"`;
+
+	.nav-list > li:nth-child(@{index}) > a {
+		color: @@color-val;
+	}
+
+	.nav-list > li:nth-child(@{index}):hover > a,
+	.nav-list > li:nth-child(@{index}).hover-show > a,
+	.nav-list > li.open:nth-child(@{index}) > a {
+		background-color: desaturate(@@color-val , 25%);//nav item hover background
+	}
+
+	.enable_highlight_active_skin_2_colors() {
+	 //.active.highlight state //remove if not wanted
+	 .nav-list > li.highlight.active:nth-child(@{index}) > a {
+		background-color: desaturate(@@color-val , 25%);//nav item hover background
+	 }
+	 .nav-list > li.active.highlight:nth-child(@{index}) > a:after {
+		border-left-color: desaturate(@@color-val , 25%);
+		-moz-border-left-colors: desaturate(@@color-val , 25%);
+	 }
+	}
+	
+	
+	
+	@submenu-background:  mix(@@color-val , #303030, 12%);//it's like having an overlay with #303030 and 88% opacity
+	.nav-list > li:nth-child(@{index}) > .submenu {
+		background-color: @submenu-background;
+	}
+	
+	//-li > .arrow
+	.nav-list > li:nth-child(@{index}) > .arrow:after,
+	.nav-list > li:nth-child(@{index}) li > .arrow:after {
+		border-right-color: @submenu-background;
+		-moz-border-right-colors: @submenu-background;
+	}
+	.nav-list > li.pull_up:nth-child(@{index}) > .arrow:after {
+		border-right-color: @submenu-background !important;
+		-moz-border-right-colors: @submenu-background !important;
+	}
+
+
+	.enable_horizontal_menu_skin_2_colors() {
+		.sidebar.h-sidebar {
+			.nav-list > li.hover:nth-child(@{index}) > a {
+				//to override .menu-min
+				color: @@color-val;
+			}
+			.nav-list > li.hover:nth-child(@{index}) > .arrow:after {
+				border-bottom-color: @submenu-background;
+				-moz-border-bottom-colors: @submenu-background;
+			}
+		}
+	}
+
+
+	.nav-list > li:nth-child(@{index}) > .submenu li {
+		&:hover , &.hover-show, &.active, &.open {
+			> a {
+				color: lighten(desaturate(@@color-val , 15%) , 15%);//submenu item color
+			}
+		}
+	}
+	
+	//the hover 
+	.nav-list > li.active:nth-child(@{index}):before {
+		background-color: mix(desaturate(@default-color , 25%) , #FFF, 75%);
+		background-color: mix(desaturate(@@color-val , 25%) , #FFF, 75%);
+	}
+	.nav-list > li.active.highlight:nth-child(@{index}):before ,
+	.nav-list > li:nth-child(@{index}):before {
+		background-color: mix(desaturate(@@color-val , 25%) , #FFF, 50%);
+	}
+
+	.colorize1(@index + 1);
+}
+.colorize1(1);
+
+.enable_horizontal_menu_skin_2_colorsss() when(@enable-horizontal-menu = true) {
+  @media only screen and (min-width: @grid-float-breakpoint) {
+	.enable_horizontal_menu_skin_2_colors();
+  }
+}
+.enable_horizontal_menu_skin_2_colorsss();
+
+
+.enable_highlight_active_skin_2_colorsss() when(@enable-highlight-active = true) {
+	.enable_highlight_active_skin_2_colors();
+}
+.enable_highlight_active_skin_2_colorsss();
+
+
+
+
+ 
+ //some extras
+ .sidebar-shortcuts .btn {
+    background-color: #555 !important;
+    border-radius: 32px;
+    border-width: 2px;
+
+	&:hover {
+		background-color: #222 !important;
+	}
+	&:focus {
+		outline: none;
+	}
+ }
+ .sidebar-shortcuts-mini .btn {
+    border-radius: 32px;
+    border-width: 2px;
+    opacity: 1;
+    padding: 6px;
+ }
+ 
+ .sidebar-shortcuts , .sidebar-shortcuts-mini {
+	background-color: @shortcuts-background;
+ }
+ .sidebar > .nav-search {
+	background-color: @shortcuts-background;
+ }
+
+ .sidebar-toggle {
+	background-color: @sidebar-toggle-background;
+	border-color: @sidebar-toggle-border;
+
+	&:before {
+		border-color: inherit;
+	}
+
+	> .@{icon} {
+		background-color: @sidebar-toggle-icon-background;
+		border-color: @sidebar-toggle-icon-color;
+		color: @sidebar-toggle-icon-color;
+	}
+ }
+
+
+ 
+ .enable_breadcrumbs_skin_2() when(@enable-breadcrumbs = true) {
+   .breadcrumbs {
+		border-width: 0;
+		background-color: @breadcrumbs-background;
+		border-radius: 4px;
+
+		margin: 8px 8px 0;
+   }
+
+	@media only screen and (max-width: @grid-float-breakpoint-max) {
+		.breadcrumbs {
+			margin: 5px 5px 0;
+		}
+
+		.menu-toggler + .sidebar.responsive + .main-content .breadcrumbs {
+			margin: 0;
+			border-radius: 0;
+		}
+	}
+
+   .enable_fixed_breadcrumbs_skin_2() when(@enable-fixed-breadcrumbs = true) {
+		@media (min-width: @screen-fixed-breadcrumbs) {
+			.breadcrumbs.breadcrumbs-fixed + .page-content {
+				padding-top: @page-content-padding-top + @breadcrumb-height + 8;
+			}
+		}
+		@media (min-width: @screen-fixed-breadcrumbs) and (max-width: @grid-float-breakpoint-max) {
+			.breadcrumbs.breadcrumbs-fixed + .page-content {
+				padding-top: @page-content-padding-top + @breadcrumb-height + 5;
+			}
+
+			.menu-toggler + .sidebar.reponsive + .main-content .breadcrumbs.breadcrumbs-fixed + .page-content {
+				padding-top: @page-content-padding-top + @breadcrumb-height;
+			}
+		}
+
+		.enable_container_breadcrumbs_skin_2() when(@enable-breadcrumbs = true) {
+		 //because breadcrumbs has 8px margin on left and right
+		 .container.main-container {
+		    @media (min-width: max(@screen-sm-min , @screen-fixed-breadcrumbs, @screen-compact-menu)) and (max-width: @grid-float-breakpoint-max) {
+			   .sidebar.compact + .main-content .breadcrumbs-fixed {
+					width: @container-sm - 10;
+				}
+			}
+			@media (min-width: max(@screen-sm-min , @screen-fixed-breadcrumbs)) and (max-width: @grid-float-breakpoint-max) {
+				.breadcrumbs-fixed {
+					width: @container-sm - 10;
+				}				
+				.sidebar.menu-min + .main-content .breadcrumbs-fixed {
+					width: @container-sm - 10;
+				}
+				
+				.sidebar.responsive-min + .main-content .breadcrumbs-fixed {
+					width: @container-sm - @sidebar-min-width - 10;
+				}
+			 }
+
+			 
+			 @media (min-width: max(@screen-md-min, @screen-compact-menu)) {
+				.sidebar.compact + .main-content .breadcrumbs-fixed {
+					width: @container-md - @sidebar-compact-width - 16;
+				}
+			 }
+			 @media (min-width: max(@screen-md-min)) {
+				.breadcrumbs-fixed {
+					width: @container-md;
+				}
+				.sidebar + .main-content .breadcrumbs-fixed {
+					width: @container-md - @sidebar-width - 16;
+				}				
+				.sidebar.menu-min + .main-content .breadcrumbs-fixed {
+					width: @container-md - @sidebar-min-width - 16;
+				}
+			 }
+			 
+			 @media (min-width: max(@screen-lg-min, @screen-compact-menu)) {
+				.sidebar.compact + .main-content .breadcrumbs-fixed {
+					width: @container-lg - @sidebar-compact-width - 16;
+				}
+			 }
+			 @media (min-width: @screen-lg-min) {
+				.breadcrumbs-fixed {
+					width: @container-lg - 16;
+				}
+				.sidebar + .main-content .breadcrumbs-fixed {
+					width: @container-lg - @sidebar-width - 16;
+				}				
+				.sidebar.menu-min + .main-content .breadcrumbs-fixed {
+					width: @container-lg - @sidebar-min-width - 16;
+				}
+			 }
+
+			 @media (min-width: @screen-sm-min) {
+				.sidebar.h-sidebar + .main-content .breadcrumbs-fixed {
+					width: auto;
+				}
+			 }
+		   }
+		  }
+		  .enable_container_breadcrumbs_skin_2();
+		  
+	}
+	.enable_fixed_breadcrumbs_skin_2();
+ }
+ .enable_breadcrumbs_skin_2();
+
+
+
+
+ //default responsive
+ @media only screen and (max-width: @grid-float-breakpoint-max) {
+  .sidebar {
+	border-width: 0;
+	.box-shadow(none);
+  }
+  .nav-list li.active > a:after {
+	display: none;
+  }
+ }
+
+
+ //collapsed menu
+ .menu_min_skin_2() {
+	.nav-list > li.open > a {
+		color: @nav-item-color;
+	}
+	.nav-list > li.active > a {
+		color: @nav-item-color-active;
+	}
+	.nav-list > li.active > a:after {
+		border-width: 9px 6px;
+		top: 10px;
+	}
+	.nav-list > li.active.highlight > a:after {
+		border-width: 20px 0 20px 10px;
+		top: 0;
+	}
+
+	.nav-list > li > a > .menu-text {
+		background-color: inherit;
+		font-weight: bold;
+		color: @nav-item-color-hover;//because it only shows up if hovered!
+
+		border-width: 0 0 0 1px;
+		border-style: solid;
+		border-color: #333;
+		border-color: rgba(0,0,0,0.4);
+		
+		.box-shadow(none);
+		
+		margin-left: 1px;
+
+		//top: -1px;
+		//height: @nav-item-height;
+	}
+	.nav-list > li.active > a > .menu-text {
+		background-color: inherit;
+		color: #FFF;
+	}
+
+
+	.nav-list > li > .submenu {
+		border-style: solid;
+		border-width: 1px 0 0 1px;
+		border-color: #444;
+		border-color: rgba(0,0,0,0.3);
+
+		.box-shadow(none);
+		
+		margin-left: 1px;
+		&:after {
+			//the extra pixel @ min.less
+			display: none;
+		}
+	}
+
+	.nav-list > li.active > .submenu {
+		border-top-color: rgba(0,0,0,0.5);
+	}
+
+
+	.sidebar-shortcuts-large {
+		background-color: @shortcuts-background;
+		.box-shadow(none);
+		
+		border: 1px solid lighten(@nav-item-border , 5%);
+		border-width: 0 1px 1px 0;
+		
+		top: 0;
+
+		border-color: #666;
+	}
+
+	
+	//-li > .arrow
+	.nav-list > li > .arrow,
+	.nav-list > li.active.highlight > .arrow {
+		&:after {
+			border-right-color: desaturate(@default-color , 25%);
+			-moz-border-right-colors: desaturate(@default-color , 25%);
+		}
+		&:before {
+			border-right-color: #333;
+			border-right-color: rgba(0,0,0,0.7);
+			-moz-border-right-colors: rgba(0,0,0,0.7);
+		}
+	}
+	
+	.nav-list > li.active:not(.highlight) > a:not(.dropdown-toggle) > .menu-text {
+		border-width: 1px;
+		border-top-color: lighten(@nav-item-border , 5%);
+		border-bottom-color: lighten(@nav-item-border , 5%);
+		border-right-color: lighten(@nav-item-border , 5%);
+	}
+
+	.nav-list > li > a > .menu-text,
+	.nav-list > li.active.highlight > a > .menu-text {
+		border-left-color: #333;
+		border-left-color: rgba(0,0,0,0.5);
+	}
+	.nav-list > li.pull_up > a > .menu-text,
+	.nav-list > li.pull_up.active.highlight > a > .menu-text	{
+		border-left-color: #222;
+		border-left-color: rgba(0,0,0,0.7);
+	}
+	.nav-list > li.pull_up.active:not(.highlight) > a > .menu-text {
+		border-left-color: #666;
+	}
+
+	//-li > .arrow
+	.colorize2 (@index) when (@index < 13) {
+		@color-val: ~`"color@{index}"`;
+		.nav-list > li:nth-child(@{index}) > .arrow:after,
+		.nav-list > li.active.highlight:nth-child(@{index}) > .arrow:after
+		{
+			border-right-color: desaturate(@@color-val , 25%);
+			-moz-border-right-colors: desaturate(@@color-val , 25%);
+		}
+		.colorize2(@index + 1);
+	}
+	.colorize2(1);
+
+
+
+	
+	.nav-list > li.active > a > .menu-text {
+		border-left-color: #777;
+	}
+	//-li > .arrow
+	.nav-list > li.active > .arrow {
+		&:after {
+			border-right-color: @nav-item-background-active;
+			-moz-border-right-colors: @nav-item-background-active;
+		}
+		&:before {
+			border-right-color: #888;
+			-moz-border-right-colors: #FFF;
+		}
+	}
+
+
+ }
+
+ .enable_sidebar_collapse_skin_2() when(@enable-sidebar-collapse = true) {
+  .sidebar.menu-min {
+	.menu_min_skin_2();
+  }
+ }
+ .enable_sidebar_collapse_skin_2();
+ 
+ .enable_responsive_menu_skin_2() when(@enable-responsive-menu = true) {
+  //responsive-collapsed-style
+  @media (max-width: @grid-float-breakpoint-max) {
+	.sidebar.responsive {
+		.nav-list > li.active > a:after {
+			display: none;
+		}
+		.nav-list > li.active.highlight > a:after {
+			display: block;
+		}
+	}
+  }
+ }
+ .enable_responsive_menu_skin_2();
+ 
+ .enable_minimized_responsive_menu_skin_2() when(@enable-minimized-responsive-menu = true) {
+  //responsive-collapsed-style
+  @media (max-width: @grid-float-breakpoint-max) {
+	.sidebar.responsive-min {
+		.menu_min_skin_2();
+		.nav-list > li.active > a:after {
+			display: block;
+		}		
+	}
+  }
+ }
+ .enable_minimized_responsive_menu_skin_2();
+
+
+
+ 
+  //highlight .hover menus when mouse is in submenus
+ .hover_highlight_skin_2() {
+	.nav-list > li {
+		.submenu > li.hover:hover > a , .submenu > li.hover.hover-show > a {
+			background-color: @submenu-item-background-hover;
+		}
+		&.active .submenu > li.hover:hover > a , &.active .submenu > li.hover.hover-show > a {
+			background-color: @submenu-item-background-hover;
+		}
+	}
+ }
+
+
+ //.hover
+ .enable_hover_submenu_skin_2() when(@enable-submenu-hover = true) {
+ @media only screen and (min-width: @screen-hover-menu) {
+ .nav-list li.hover > .submenu {
+	padding-left: 0;
+	padding-right: 0;
+	
+	border: 1px solid;
+    border-color: @hover-submenu-border;
+
+	> li > a {
+		margin-bottom: 0;
+		margin-top: 0;
+	}
+	> li:first-child > a {
+		border-top-width: 0;
+	}
+ }
+
+ //3rd & 4th
+ .nav-list li .submenu > li.hover.active > a {
+	background-color: @submenu-item-background-active;
+ }
+ .nav-list > li > .submenu li.hover > .submenu {
+	padding: 2px;
+ }
+ .nav-list > li > .submenu li > .submenu > li.hover > a {
+	border-top-color: #222;//for IE8
+	border-top-color: rgba(255,255,255,0.08);
+ }
+ .nav-list > li.active.hover:hover > a.dropdown-toggle:after,
+ .nav-list > li.active.hover.hover-show > a.dropdown-toggle:after,
+ .menu-min .nav-list > li.active:hover > a:after, .menu-min .nav-list > li.active.hover-show > a:after {
+	display: none;
+ }
+ }//@media
+
+ .enable_collapsible_responsive_menu_skin_2_tmp() when(@enable-collapsible-responsive-menu = true) {
+  //sometimes .hover items are opened in small view, and back in large view we reset the open highlight state
+  @media only screen and (min-width: max(@screen-hover-menu, @grid-float-breakpoint)) {
+  .sidebar.navbar-collapse {
+	.nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a {
+		background-color: @nav-item-background;
+		font-weight: normal;
+		> .menu-icon , > .menu-text , > .arrow {
+			color: inherit;
+		}
+	}
+
+	.nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a {
+		color: @submenu-item-color;
+	}
+	
+	.nav-list > li > .submenu > li.open.hover:not(:hover):not(:focus):not(.active) > a {
+		> .menu-icon {
+			display: none;
+		}
+	}
+
+   }
+  }
+  }
+  .enable_collapsible_responsive_menu_skin_2_tmp();
+
+  @media only screen and (min-width: @screen-hover-menu) {
+   .sidebar:not(.navbar-collapse) {
+	.hover_highlight_skin_2();
+   }
+  }
+ }
+ .enable_hover_submenu_skin_2();
+
+
+.enable_collapsible_responsive_menu_skin_2() when(@enable-collapsible-responsive-menu = true) {
+//navbar-collapse
+@media only screen and (max-width: @grid-float-breakpoint-max) {
+ .sidebar.navbar-collapse {
+	.nav-list > li > .submenu:before,
+	.nav-list > li > .submenu > li:before ,
+	.nav-list > li > .submenu > li > .submenu:before {
+		display: none;
+	}
+
+	.nav-list > li:before {
+		height: @nav-item-height + 2 !important;
+		top: 0;
+	}
+	
+	.nav-list > li > .submenu li > .submenu > li > a {
+		margin-left: 0;
+		padding-left: 42px;
+	}
+	.nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
+		margin-left: 0;
+		padding-left: 58px;
+	}
+	.nav-list > li > a > .menu-text, .nav-list > li.active.highlight > a > .menu-text {
+		border-width: 0;
+	}
+  }
+}
+
+ .enable_hover_submenu_skin_2_tmp() when(@enable-submenu-hover = true) {
+   @media only screen and (min-width: @screen-hover-menu) and (max-width: @grid-float-breakpoint-max) {
+   .sidebar.navbar-collapse {
+	.nav-list > li.hover > .submenu {
+		padding-bottom: 0;
+	}
+	.nav-list li.hover > .submenu {
+		//background-color: transparent;
+		border-width: 0;
+	}
+
+	.nav-list li li.hover:hover > a , .nav-list li li.hover.hover-show > a {
+		background-color: transparent;
+	}
+	.nav-list li li.hover > a:hover {
+		background-color: @submenu-item-background-hover;
+	}
+	.nav-list > li > .submenu > li.active.hover:hover > a ,
+	.nav-list > li > .submenu > li.active.hover.hover-show > a {
+		background-color: @submenu-item-background-active;
+	}
+	.nav-list > li > .submenu > li.active.hover > a:hover {
+		background-color: @submenu-item-background-hover;
+	}
+
+	.nav-list > li > .submenu li.hover > .submenu {
+		border-left-width: 0t;
+		padding: 0;
+	}
+	.nav-list > li > .submenu li.hover > .submenu > li > a {
+		margin-left: 0 !important;
+		padding-left: 37px !important;
+	}
+	.nav-list > li > .submenu li > .submenu > li > .submenu > li > a {
+		margin-left: 0 !important;
+		padding-left: 51px !important;
+	}
+	.nav-list li.hover > .submenu li > a {
+		padding-left: 32px !important;
+		> .menu-icon {
+			background-color: transparent;
+		}
+	}
+	
+	.nav-list li.hover > .submenu > li.active > a {
+		background-color: transparent;
+		font-weight: normal;
+	}
+	.nav-list > li.hover > .submenu > li.active > a {
+		background-color: @submenu-item-background-active;
+		font-weight: bold;
+	}
+	.nav-list li.hover > .submenu > li.active > a:hover {
+		background-color: @submenu-item-background-hover;
+	}
+	
+
+	.nav-list > li > .submenu li > .submenu > li.hover > a {
+		border-top-width: 0;
+	}
+	
+
+	
+	.nav-list > li .submenu > li.hover > a {
+		> .menu-icon {
+			left: 12px;
+		}
+	}
+	
+	.hover_highlight_skin_2();
+	
+	
+	
+	   &.menu-min .nav-list li.hover > .submenu li > a {
+			padding-left: 32px;
+		}
+	
+	}
+
+  }//@media
+ }
+ .enable_hover_submenu_skin_2_tmp();
+
+ 
+ @media only screen and (max-width: @grid-float-breakpoint-max) {
+  .sidebar.navbar-collapse {
+   .enable_sidebar_collapse_skin_22() when(@enable-sidebar-collapse = true) {
+	&.menu-min {
+		.sidebar-shortcuts-large {
+			border-width: 0;
+		}
+		
+		.nav-list > li {
+			> a > .menu-text {
+				font-weight: normal;
+				color: @nav-item-color;
+				margin-left: 0;
+			}
+			&:hover > a > .menu-text {
+				font-weight: bold;
+				color: @nav-item-color-hover;
+			}
+			&.active > a > .menu-text {
+				font-weight: bold;
+				color: @nav-item-color-active;
+			}	
+			
+			> .submenu {
+				margin-left: 0;
+				border-top-width: 0;
+			}
+		}
+
+		.nav-list > li > .submenu li > a > .menu-icon {
+			left: 12px;
+		}
+	}
+   }
+   .enable_sidebar_collapse_skin_22();
+
+ }
+}
+
+}
+.enable_collapsible_responsive_menu_skin_2();
+
+@media (min-width: @screen-compact-menu) {
+ .sidebar.compact .nav-list > li:before {
+	height: auto;
+	bottom: 0;
+ }
+}
+
+
+ 
+.enable_old_menu_toggle_button_skin_2() when(@enable-old-menu-toggle-button = true) {
+ .main-container .menu-toggler {
+	@color: #D685B0;
+	background-color: @color;
+
+	&:before {
+		border-top-color: #FFF;
+		border-bottom-color: #FFF;
+	}
+	&:after {
+		border-top-color: #FFF;
+		border-bottom-color: #FFF;
+	}
+	
+	> .toggler-text {
+		border-top-color: @color;
+		-moz-border-top-colors: @color;
+	}
+ }
+}
+.enable_old_menu_toggle_button_skin_2();
+
+ .navbar .navbar-toggle {
+	background-color: #DB78A1;
+	
+	&:focus {
+		background-color: #DB78A1;
+		border-color: transparent;
+	}
+	&:hover {
+		background-color: darken(#DB78A1 , 4%);
+		border-color: rgba(255,255,255,0.1);
+	}
+	&.display, &[data-toggle=collapse]:not(.collapsed) {
+		background-color: darken(#DB78A1 , 8%);
+		box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
+		border-color: rgba(255, 255, 255, 0.35);
+	}
+ }
+
+
+
+ @media only screen and (min-width: @screen-sm-min) {
+	.container.main-container:before {
+		box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.1);
+	} 
+ }
+
+
+
+ //horizontal menu
+.enable_horizontal_menu_skin_2() when(@enable-horizontal-menu = true) {
+ @media only screen and (min-width: @grid-float-breakpoint) {
+	.sidebar.h-sidebar {
+		background-color: @nav-item-background;
+		&:before {
+			background-color: lighten(@sidebar-background , 15%);
+			border-bottom-color: lighten(@nav-item-border , 20%);
+		}
+
+		.nav-list {
+			border-bottom-width: 0;
+		}
+
+		.nav-list > li > a > .menu-text {
+			color: @nav-item-color;
+			font-weight: normal;
+		}		
+		.nav-list > li:hover > a > .menu-text ,
+		.nav-list > li.hover-show > a > .menu-text {
+			color: @nav-item-color-active;
+			font-weight: normal;
+		}
+		.nav-list > li.active > a > .menu-text {
+			font-weight: bold;
+			color: @nav-item-color-active;
+		}
+
+		.nav-list > li:before {
+			left: 0;
+			right: 0;
+		}
+		
+		.nav-list > li.hover > .submenu {
+			margin-left: -1px;
+			border-width: 1px;
+			border-top-color: rgba(0, 0, 0, 0.4);
+		}
+		.nav-list > li .submenu > li.hover > a {
+			padding-left: 22px;
+		}
+		.nav-list > li .submenu > li.hover > a > .menu-icon {
+			left: 4px;
+		}
+		
+		&.compact .nav-list > li.active:before {
+			height: 2px;
+			bottom: auto;
+		}
+		
+
+		.nav-list > li.highlight.active > a:after {
+			display: none;
+		}
+
+		.nav-list > li.hover.active > a:after {
+			display: block;
+
+			-moz-border-left-colors: none;
+			-moz-border-right-colors: none;
+			-moz-border-bottom-colors: #FFF;
+
+			border-color: transparent transparent #FFF;
+			border-width: 8px;
+
+			top: auto;
+			bottom: 0;
+
+			right: auto;
+			left: 50%;
+			margin-left: -8px;
+		}
+		.nav-list > li.hover.active:hover > a:after,
+		.nav-list > li.hover.active.hover-show > a:after {
+			display: none;
+		}
+		
+		
+		.sidebar-shortcuts-large {
+			background-color: @sidebar-background;
+			border-width: 1px 0 0 !important;//to override .rtl + .menu-min.h-sidebar
+			border-top: 1px solid #777;
+			top: 100%;
+		}
+		.sidebar-shortcuts-mini {
+			padding-top: 2px;
+		}
+		.sidebar-shortcuts-mini > .btn {
+			padding: 7px;
+		}
+		
+		
+		.nav-list > li.active.highlight > .arrow {
+			&:after {
+				border-right-color: transparent;
+				border-bottom-color: desaturate(@default-color , 25%);
+			}
+			&:before {
+				border-right-color: transparent;
+				-moz-border-right-colors: none;
+				
+				border-bottom-color: #191919;
+				-moz-border-bottom-colors: #191919;
+			}
+		}
+
+		//-li > .arrow
+		.nav-list > li.hover > .arrow {
+			&:after {
+				border-right-color: transparent;
+				-moz-border-right-colors: none;
+				
+				border-bottom-color: @submenu-background;
+				-moz-border-bottom-colors: @submenu-background;
+			}
+			&:before {
+				-moz-border-right-colors: none;
+				border-right-color: transparent;
+			
+				border-bottom-color: #191919;
+				-moz-border-bottom-colors: #191919;
+				//border-bottom-color: rgba(0,0,0,0.8);
+			}
+		}
+		
+
+		
+		.sidebar-shortcuts-large {
+			&:after {
+				border-bottom-color: @sidebar-background;
+			}
+			&:before {
+				border-bottom-color: #999;
+				-moz-border-bottom-colors: #999;
+			}
+		}
+		
+		&.menu-min {
+			.sidebar-shortcuts-mini {
+				padding-top: 3px;
+			}
+			.sidebar-shortcuts-mini > .btn {
+				padding: 6px;
+			}
+			
+			.nav-list > li > a > .menu-text {
+				border-width: 1px 0 0 0;
+				border-top-color: rgba(0, 0, 0, 0.5);
+			}
+			
+			.nav-list > li > .arrow, .nav-list > li.active.highlight > .arrow {
+				&:before {
+					-moz-border-bottom-colors: rgba(0, 0, 0, 0.7);
+					border-bottom-color: rgba(0, 0, 0, 0.7);
+				}
+			}
+		}
+		
+
+
+		.colorize3 (@index) when (@index < 13) {
+			@color-val: ~`"color@{index}"`;
+			&.menu-min .nav-list > li:nth-child(@{index}) > .arrow:after,
+			&.menu-min .nav-list > li.active.highlight:nth-child(@{index}) > .arrow:after
+			{
+				border-bottom-color: desaturate(@@color-val , 25%);
+				-moz-border-bottom-colors: desaturate(@@color-val , 25%);
+			}
+			.colorize3(@index + 1);
+		}
+		.colorize3(1);
+		
+		&.menu-min .nav-list > li.active > .arrow {
+			&:after {
+				border-bottom-color: @nav-item-background-active;
+				-moz-border-bottom-colors: @nav-item-background-active;
+			}
+			&:before {
+				border-bottom-color: #888;
+				-moz-border-bottom-colors: #FFF;
+			}
+		}
+		
+		&.menu-min .nav-list > li > a > .menu-text,
+		&.menu-min .nav-list > li.active.highlight > a > .menu-text {
+			border-top-color: #333;
+			border-top-color: rgba(0,0,0,0.5);
+		}
+		&.menu-min .nav-list > li.active > a > .menu-text {
+			border-top-color: #777;
+		}
+		
+
+
+		+ .main-content .breadcrumbs {
+			border-color: desaturate(darken(@breadcrumbs-background , 5%) , 5%);
+			top: 2px;
+		}
+
+	}
+	
+	.h-sidebar.sidebar-fixed {
+		+ .main-content {
+			padding-top: 86px;
+		}
+		&.no-gap + .main-content {
+			padding-top: 72px;
+		}
+		
+		&.menu-min + .main-content {
+			padding-top: 61px;
+		}
+		&.menu-min.no-gap + .main-content {
+			padding-top: 47px;
+		}
+	}
+	
+	.main-content .h-sidebar.sidebar .nav-list {
+		border-left: 1px solid lighten(@nav-item-border , 6%);
+	}
+
+ }//@media
+ 
+
+}
+.enable_horizontal_menu_skin_2();
+
+
+.sidebar-scroll {
+ .sidebar-shortcuts {
+	border-bottom-color: lighten(@nav-item-border , 5%);
+ }
+ .sidebar-toggle {
+	border-top-color: lighten(@nav-item-border , 5%);
+ }
+}
+.scrollout .scroll-track {
+	background-color: transparent;
+}
+.scrollout .scroll-bar {
+	background-color: #CCC;
+	background-color: rgba(0,0,0,0.2);
+}
+
+
+ 
+ @media only screen and (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
+  .navbar.navbar-collapse {
+	background-color: transparent;
+	&:before , .navbar-container {
+		background: @navbar-background;
+	}
+  }
+ }
+
+ 
+ 
+	//disabled
+ 	.nav-list > li.disabled:before {
+		display: none !important;
+	}
+	.nav-list > li.disabled > a , .nav-list > li > a.disabled {
+		background-color: #555 !important;
+		color: #CCC !important;
+		> .menu-text {
+			color: #CCC !important;
+		}
+		
+		.label, .badge {
+			background-color: rgba(0, 0, 0, 0.5) !important;
+		}
+	}
+	.nav-list > li.active.highlight.disabled > a:after,
+	.nav-list > li.active.highlight > a.disabled:after {
+		-moz-border-left-colors: #555 !important;
+		border-left-color: #555 !important;
+	}
+	
+	.nav-list li .submenu > li.disabled > a , .nav-list li .submenu > li > a.disabled,
+	.nav-list li.disabled .submenu > li > a , .nav-list li > a.disabled + .submenu > li > a {
+		background-color: #666 !important;
+		color: #DDD !important;
+		cursor: not-allowed !important;
+		> .menu-icon {
+			display: none;
+		}
+	}
+
+
+}//.skin-2
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/skins/skin-3.less b/web/bootstrap-ace-admin/css/less/skins/skin-3.less
new file mode 100755
index 00000000..e0bfb253
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/skins/skin-3.less
@@ -0,0 +1,817 @@
+//skin-3 should be used along with "no-skin" because of some overlappings
+//<body class="no-skin skin-3">
+
+/* skin 3 */
+.skin-3 {
+ @body-background: #BBB;
+ @navbar-background: #404040;
+ @sidebar-background: #DBDBDB;
+ @sidebar-border: #A4C6DD;
+
+ @nav-item-background: #E3E3E3;
+ @nav-item-color: #5A5A5A;
+ @nav-item-border: #F2F2F2;
+
+ //different states
+ @nav-item-color-hover: mix(#1963AA , #4D96CB);
+ @nav-item-background-hover: #FFF;
+ 
+ @nav-item-color-open: @nav-item-color-hover;
+ @nav-item-background-open: #F8F8F8;
+
+ @nav-item-background-active: lighten(saturate(#EEF8FF , 10%), 1%);
+ @nav-item-color-active: #4D96CB;
+ 
+ @nav-item-border-active: #A4C6DD;
+ @nav-item-border-hover: desaturate(darken(@nav-item-border-active , 5%) , 5%);
+
+
+ //submenu colors
+ @submenu-background: #FFF;
+ @submenu-border: #E5E5E5;
+
+ @submenu-background-active: #FFF; //darken(@submenu-background-active , 2.5%);
+ @submenu-border-active: #E5E5E5;
+
+ @submenu-item-color: #616161;
+ @submenu-item-border: #E4E4E4;
+
+ @submenu-item-background: transparent;
+ @submenu-item-background-hover: #F1F5F9;
+ @submenu-item-background-active: #F5F7FA;
+
+
+ 
+ @breadcrumbs-background: #E7F2F8;
+
+ @sidebar-toggle-icon-color: #FFF;
+ @sidebar-toggle-background: #D0D0D0;
+ @shortcuts-background: @sidebar-background;
+ @shortcuts-border: @nav-item-border;
+
+
+ 
+ background-color: @body-background;
+ 
+ //add a lined-paper like effect
+ .main-container {
+	&:before {
+		background: #FFF;
+
+		background: -moz-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
+		background: -webkit-gradient(linear, 0 0, 0 100%, from(#EEF5FA), color-stop(4%, #FFF)) 0 4px;
+		background: -webkit-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
+		background: -o-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
+		background: -ms-linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
+		background: linear-gradient(top, #EEF5FA 0%, #FFF 8%) 0 4px;
+
+		-moz-background-size: 100% 26px;
+		-webkit-background-size: 100% 26px;
+		-o-background-size: 100% 26px;
+		-ms-background-size: 100% 26px;
+		background-size: 100% 26px;
+	}
+	
+	@media (min-width: @screen-sm-min) {
+		&.container:before {
+			.box-shadow(~"0 0 0 1px rgba(50, 100, 200, 0.1)");
+		}
+	}
+}
+ 
+ 
+ .navbar {
+	background: @navbar-background;
+ }
+ .sidebar {
+	background-color: @sidebar-background;
+	
+	border-style: solid;
+	border-width: 0 1px 0 0;
+	border-color: @sidebar-border;
+ }
+
+ .nav-list > li {
+	border-color: @nav-item-border;// !important;
+	> a {
+		background-color: @nav-item-background;
+		color: @nav-item-color;
+
+		> .arrow {
+			color: inherit;
+		}
+		
+		&:focus {
+			background-color: lighten(@nav-item-background , 2%);
+			color: @nav-item-color;
+		}
+	}
+
+	&:hover {
+		border-color: @nav-item-border-hover !important;
+		& + li {
+			border-top-color: @nav-item-border-hover !important;
+		}
+	}
+	&.open {
+		border-color: @nav-item-border-hover !important;
+		& + li {
+			border-top-color: @nav-item-border-hover !important;
+		}
+	}
+	&.active {
+		border-color: @nav-item-border-active !important;
+		& + li {
+			border-color: @nav-item-border-active !important;
+			&:last-child {
+				border-bottom-color: @nav-item-border !important;
+				&:hover {
+					border-bottom-color: @nav-item-border-hover !important;
+				}
+			}
+		}
+	}
+
+
+	&:hover > a {
+		background-color: @nav-item-background-hover;
+		color: @nav-item-color-hover;
+	}
+
+	&.open > a , &.open:hover > a  {
+		color: @nav-item-color-open;
+		background-color: @nav-item-background-open;
+	}
+	&.open > a > .arrow {
+		color: inherit;
+	}
+
+	&.active > a , &.active.highlight > a {
+		background-color: @nav-item-background-active !important;
+		color: @nav-item-color-active !important;
+	}
+ }
+
+
+ .nav-list > li:hover:before , .nav-list > li.open:before {
+	display: block;
+	background-color: saturate(lighten(mix(#4D96CB , #444) , 10%), 10%) !important;
+ }
+ .nav-list > li.active:before {
+	display: block;
+	background-color: #4D96CB !important;
+ }
+
+ .page-content {
+	background-color:transparent;
+	//so that .main-content's background can be seen
+ }
+ .infobox-container .infobox:not(.infobox-dark) {
+	border-style: solid;
+	background-color: transparent;
+ }
+
+ .nav-list > li.active:after {
+	display: none;
+ }
+
+ .nav-list li.active > a:after {
+	border-right-color: #FFF;
+	-moz-border-right-colors: #FFF;
+	
+	//border-width: 16px 10px;
+	//top: 3px;
+   
+    border-width: 12px 8px;
+	top: 7px;
+	
+	right: -1px;
+ }
+ .nav-list li.active > a:before {
+	display: block;
+	content: "";
+	
+	position: absolute;
+	
+	background-color: transparent;
+	
+	border-style: solid;
+	border-color: transparent;
+	
+	border-right-color: darken(@sidebar-border , 5%);
+	-moz-border-right-colors: darken(@sidebar-border , 5%);
+
+    //border-width: 16px 10px;
+	//top: 3px;
+	right: 0;
+	
+	border-width: 12px 8px;
+	top: 7px;
+ }
+ 
+ .nav-list > li.active > .submenu li.active > a {
+	&:before, &:after {
+		//top: 6px;
+		top: 4px;
+	}
+ }
+ 
+ 
+ .nav-list li.active.open > a:before {
+	display: none;
+ }
+ .nav-list li.highlight.active.open > a:before {
+	display: block;
+ }
+ 
+ .nav-list li.active:not(.open) li.active > a:before {
+	//hide the active caret when parent submenu is being closed (not open)
+	display: none !important;
+ }
+ 
+
+  
+  
+
+  
+
+
+  .nav-list > li.highlight.active > a:after {
+	border-left-color: @nav-item-background-active;
+	-moz-border-left-colors: @nav-item-background-active;
+  }
+  .nav-list > li.highlight.active > a:before {
+	border-left-color: darken(@sidebar-border , 5%);
+	-moz-border-left-colors: darken(@sidebar-border , 5%);
+  }
+
+
+  .nav-list li > .arrow:before {
+		border-right-color: darken(#A4C6DD , 10%);
+		-moz-border-right-colors: darken(#A4C6DD , 10%);
+  }
+  
+  
+ .nav-list > li .submenu > li {
+  &.active:not(.open) > a {
+	background-color: @submenu-item-background-active;
+	&:hover {
+		background-color: @submenu-item-background-hover;
+	}
+  }
+ }
+ 
+ 
+ @media only screen and (max-width: @grid-float-breakpoint-max) {
+	.sidebar.responsive .nav-list > li.active.open > a:after {
+		display: none;
+	}
+ }
+
+ 
+ 
+ .enable_submenu_hover_skin_3() when(@enable-submenu-hover = true) {
+   @media only screen and (min-width: @screen-hover-menu) {
+   .nav-list li.hover > .submenu {
+	  border-color: darken(@sidebar-border , 3%);
+    }
+   }//@media
+  @media only screen and (min-width: max(@screen-hover-menu, @grid-float-breakpoint)) {
+	.nav-list li.hover {
+		&.active > a:before {
+			display: block;
+		}
+		.submenu > li.active > a:before {
+			display: none ;
+		}
+	}
+  }
+ }
+ .enable_submenu_hover_skin_3();
+
+ .menu_min_skin_3() {
+	  .nav-list > li > a > .menu-text {
+		background-color: lighten(#EDF3F7 , 1%);
+		border-color: #A4C6DD;
+	  }
+	  .nav-list > li.active > a > .menu-text {
+		background-color: #EDF3F7;
+	  }
+	  .nav-list > li > .submenu {
+		border-color: #A4C6DD;
+		border-top-color: #C9DAE5;
+	  }
+	  
+
+	  .nav-list > li.active > .arrow:before {
+			border-right-color: #709FBF;
+			-moz-border-right-colors: #709FBF;
+	  }
+	  .nav-list > li > .arrow:after {
+			border-right-color: #EDF3F7;
+			-moz-border-right-colors: #EDF3F7;
+	  }
+  
+ 
+	 .nav-list li.active > a {
+		&:after , &:before {
+			display: none;
+		}
+	 } 
+	 .nav-list > li.active > a {
+		&:after, &:before {
+			display: block;
+			border-width: 9px 7px;
+			top: 10px;
+		}
+	 }
+	 
+
+	 
+	 
+	 .nav-list > li.active.highlight > a {
+		&:after, &:before {
+			border-width: 20px 0 21px 10px;
+			top: -1px;
+		}
+	 }
+	.nav-list > li.active:hover > a, .nav-list > li.active.hover-show > a{
+		&:after, &:before {
+			display: none;
+		}
+	}
+	 
+	 
+	 .sidebar-shortcuts-large {
+		background-color: #F5F5F5;
+	 }
+ }
+ 
+ .enable_sidebar_collapse_skin_3() when(@enable-sidebar-collapse = true) {
+  .sidebar.menu-min {
+	.menu_min_skin_3();
+	
+	.enable_responsive_menu_tmp_in1() when(@enable-responsive-menu = true) {
+		 @media only screen and (max-width: @grid-float-breakpoint-max) {
+			&.responsive .nav-list > li.active > a {
+				&:after, &:before {
+					display: none;
+				}
+			}
+		 }
+	 }
+	 .enable_responsive_menu_tmp_in1();
+  }
+ }
+ .enable_sidebar_collapse_skin_3();
+ 
+ 
+ @media only screen and (max-width: @grid-float-breakpoint-max) {
+	.sidebar.responsive {
+		border-bottom-width: 1px !important;
+		
+		.nav-list > li.active.open > a:after {
+			display: none;
+		}
+		.nav-list > li.active.highlight > a:after,
+		.nav-list > li.active.highlight > a:before {
+			display: block;
+		}
+	}
+	.sidebar.navbar-collapse {
+		border-bottom-color: #A4C6DD;
+	}
+	
+	.nav-list li.active > a {
+		&:after , &:before {
+			display: none;
+		}
+	}
+	
+	.enable_minimized_responsive_menu_skin_3() when(@enable-minimized-responsive-menu = true) {
+	 .sidebar.responsive-min {
+		.menu_min_skin_3();
+	 }
+	 .sidebar.responsive-max {
+		border-width: 0 1px 1px 0;
+		.nav-list li.hover.active > a:before {
+			display: none;
+		}
+
+		.nav-list > li.active.open > a:after {
+			display: none;
+		}
+		.nav-list > li.active.highlight > a:after,
+		.nav-list > li.active.highlight > a:before {
+			display: block;
+		}
+	  }
+	 }
+	 .enable_minimized_responsive_menu_skin_3();
+	 
+
+	 .sidebar.navbar-collapse .sidebar-shortcuts-large {
+		background-color: transparent;
+	 }
+ }
+
+ 
+
+ 
+
+ //extra
+ .sidebar-shortcuts , .sidebar-shortcuts-mini {
+	background-color: @shortcuts-background;
+	//border-color: @shortcuts-border;
+ }
+ .sidebar-shortcuts-large > .btn:focus {
+	outline: none;
+ } 
+ .sidebar > .nav-search {
+	background-color: @shortcuts-background;
+	//border-color: @shortcuts-border;
+ }
+
+ .sidebar-toggle {
+	background-color: @sidebar-toggle-background;
+	border-color: @nav-item-border; 
+	//border-width: 0 0 1px;
+
+	&:before {
+		border-color: @nav-item-border;
+	}
+
+	> .@{icon} {
+		background-color: @sidebar-toggle-icon-color;
+		background-color:#FFF;
+		border-color:#999;
+		color:#999;
+	}
+ }
+ .sidebar-scroll .nav-wrap-up + .sidebar-toggle:after {
+	display: block;
+	content: "";
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	right: -1px;
+	border-right: 1px solid @sidebar-border;//to cover the active item caret when scrolling
+ }
+ 
+
+ .enable_collapsible_responsive_menu_skin_3_tmpp() when(@enable-collapsible-responsive-menu = true) {
+	 @media only screen and (max-width: @grid-float-breakpoint-max) {
+	  .sidebar.navbar-collapse {
+		.nav-list > li:before {
+			height: @nav-item-height + 4 !important;
+		}
+		.sidebar-shortcuts {
+			padding: 0 0 3px !important;
+		}
+	  }
+	 }
+ }
+ .enable_collapsible_responsive_menu_skin_3_tmpp();
+ 
+ 
+ 
+ @media only screen and (min-width: @screen-hover-menu) {
+	.nav-list > li.active.hover {
+		&:hover, &.hover-show {
+			> a.dropdown-toggle:after, > a.dropdown-toggle:before {
+				display: none;
+			}
+		}
+	}
+ }
+ 
+
+
+ 
+ .enable_old_menu_toggle_button_skin_3() when(@enable-old-menu-toggle-button = true) {
+ .main-container .menu-toggler {
+	background-color: #62A8D1;
+	color: #FFF;
+	
+	&:before, &:after {
+		border-color: #FFF;
+	}
+	
+	> .toggler-text {
+		border-top-color: #62A8D1;
+		-moz-border-top-colors: #62A8D1;
+		&:after {
+			color: #FFF;
+		}
+	}
+ }
+ }
+ .enable_old_menu_toggle_button_skin_3();
+
+
+ .navbar .navbar-toggle {
+	//box-shadow: none;
+	//border-radius: 0;
+	border-color: rgba(255, 255, 255, 0.15);
+
+	transition: background-color 0.1s ease 0s;
+	background-color: #648CAE;
+	
+	&:focus {
+		background-color: #648CAE;
+		border-color: rgba(255, 255, 255, 0.15);
+	}
+	&:hover {
+		background-color: darken(#648CAE , 4%);
+		border-color: rgba(255, 255, 255, 0.15);
+	}
+	&.display, &[data-toggle=collapse]:not(.collapsed) {
+		background-color: darken(#648CAE , 8%);
+		border-color: rgba(255, 255, 255, 0.3);
+	}
+ }
+
+
+  .enable_breadcrumbs_skin_3() when(@enable-breadcrumbs = true) {
+	 .breadcrumbs {
+		border-width: 0;
+		background-color: @breadcrumbs-background;
+		border-radius: 4px;
+		
+		margin: 8px 8px 0;
+	}
+	
+
+	@media only screen and (max-width: @grid-float-breakpoint-max) {
+		.breadcrumbs {
+			margin: 5px 5px 0;
+		}
+		
+		.menu-toggler + .sidebar.responsive + .main-content .breadcrumbs {
+			margin: 0;
+			border-radius: 0;
+		}
+	}
+
+
+	.enable_fixed_breadcrumbs_skin_3() when(@enable-fixed-breadcrumbs = true) {
+		@media (min-width: @screen-fixed-breadcrumbs) {
+			.breadcrumbs.breadcrumbs-fixed + .page-content {
+				padding-top: @page-content-padding-top + @breadcrumb-height + 8;
+			}
+		}
+		@media (min-width: @screen-fixed-breadcrumbs) and (max-width: @grid-float-breakpoint-max) {
+			.breadcrumbs.breadcrumbs-fixed + .page-content {
+				padding-top: @page-content-padding-top + @breadcrumb-height + 5;
+			}
+
+			.menu-toggler + .sidebar.reponsive + .main-content .breadcrumbs.breadcrumbs-fixed + .page-content {
+				padding-top: @page-content-padding-top + @breadcrumb-height;
+			}
+		}
+
+
+		.enable_container_breadcrumbs_skin_3() when(@enable-breadcrumbs = true) {
+		 //because breadcrumbs has 8px margin on left and right
+		 .container.main-container {
+		    @media (min-width: max(@screen-sm-min , @screen-fixed-breadcrumbs, @screen-compact-menu)) and (max-width: @grid-float-breakpoint-max) {
+				.sidebar.compact + .main-content .breadcrumbs-fixed {
+					width: @container-sm - 10;
+				}
+			}
+			@media (min-width: max(@screen-sm-min , @screen-fixed-breadcrumbs)) and (max-width: @grid-float-breakpoint-max) {
+				.breadcrumbs-fixed {
+					width: @container-sm - 10;
+				}				
+				.sidebar.menu-min + .main-content .breadcrumbs-fixed {
+					width: @container-sm - 10;
+				}
+				
+				.sidebar.responsive-min + .main-content .breadcrumbs-fixed {
+					width: @container-sm - @sidebar-min-width - 10;
+				}
+			 }
+			 @media (min-width: max(@screen-compact-menu, @screen-md-min)) {
+			   .sidebar.compact + .main-content .breadcrumbs-fixed {
+					width: @container-md - @sidebar-compact-width - 16;
+				}
+			 }
+			 @media (min-width: @screen-md-min) {
+				.breadcrumbs-fixed {
+					width: @container-md;
+				}
+				.sidebar + .main-content .breadcrumbs-fixed {
+					width: @container-md - @sidebar-width - 16;
+				}	
+				.sidebar.menu-min + .main-content .breadcrumbs-fixed {
+					width: @container-md - @sidebar-min-width - 16;
+				}
+			 }
+			 
+			 @media (min-width: max(@screen-compact-menu, @screen-lg-min)) {
+				.sidebar.compact + .main-content .breadcrumbs-fixed {
+					width: @container-lg - @sidebar-compact-width - 16;
+				}
+			 }
+
+			 @media (min-width: @screen-lg-min) {
+				.breadcrumbs-fixed {
+					width: @container-lg - 16;
+				}
+				.sidebar + .main-content .breadcrumbs-fixed {
+					width: @container-lg - @sidebar-width - 16;
+				}
+				.sidebar.menu-min + .main-content .breadcrumbs-fixed {
+					width: @container-lg - @sidebar-min-width - 16;
+				}
+			 }
+		 }
+		}
+		.enable_container_breadcrumbs_skin_3();
+	}
+	.enable_fixed_breadcrumbs_skin_3();
+
+ }
+ .enable_breadcrumbs_skin_3();
+ 
+
+ @media only screen and (max-width: @grid-float-breakpoint-max) {
+	.nav-list li.active > a:before, .nav-list li.active > a:after {
+		display: none;
+	}
+ }
+
+ .sidebar-shortcuts-large > .btn {
+	line-height: 26px;
+	border-width: 1px;
+ }
+ .sidebar-shortcuts-mini {
+	padding-top: 3px;
+	padding-bottom: 3px;
+	padding-left: 1px;
+ }
+ .sidebar-shortcuts-mini > .btn {
+	border-width: 1px;
+	opacity: 1;
+	padding: 7px;
+	margin: 1px 1px 0 0;
+ }
+ 
+ 
+ 
+.enable_horizontal_menu_skin_3() when(@enable-horizontal-menu = true) {
+ @media only screen and (min-width: @grid-float-breakpoint) {
+ //top menu
+ .sidebar.h-sidebar {
+	background-color: @nav-item-background;
+	&:before {
+		background-color: #CBD0D6;
+		border-bottom-width: 0;
+	}
+	
+	.sidebar-shortcuts-mini > .btn {
+		padding: 8px;
+	}
+	.sidebar-shortcuts-large {
+		background-color: #FFF;
+		line-height: 36px;
+	}
+	
+	+ .main-content .breadcrumbs {
+		border-color: desaturate(darken(@breadcrumbs-background , 5%) , 5%);
+		top: 2px;
+	}
+	
+	.nav-list > li.hover > .submenu {
+		//border-color: #CCC;
+		border-color: #A4C6DD;
+	}
+
+	
+	.nav-list > li {
+		border-color: @nav-item-border;
+		&:hover , &:hover + li {
+			border-left-color: @nav-item-border-hover;
+		}
+		&:last-child:hover {
+			border-right-color: @nav-item-border-hover;
+		}
+		&.active , &.active + li , &:hover + li.active {
+			border-left-color: @nav-item-border-active;
+		}
+		&.active:last-child {
+			border-right-color: @nav-item-border-active;
+		}
+	}
+
+	
+	 .nav-list > li.active > a:after {
+		left: 0;
+		top: auto;
+		right: auto;
+		bottom: -2px;
+		
+		left: 50%;
+		margin-left: -7px;
+		
+		border-color: transparent;
+		-moz-border-right-colors: none;
+
+		border-width: 8px 7px !important;
+		border-bottom-color: #FFF;
+		-moz-border-bottom-colors: #FFF;
+	 }
+	 .nav-list > li.active > a:before {
+		display: block;
+		left: 0;
+		top: auto;
+		right: auto;
+		
+		bottom: -1px;
+		
+		left: 50%;
+		margin-left: -8px !important;
+		
+		border-width: 8px !important;
+		
+		border-color: transparent;
+		-moz-border-right-colors: none;
+		
+		border-bottom-color:  lighten(#4D96CB, 10%);
+		-moz-border-bottom-colors: lighten(#4D96CB, 10%);
+	 }
+	 
+	 
+	 .nav-list > li.hover {
+		> .arrow:before {
+			-moz-border-right-colors: none;
+			border-right-color: transparent;
+			
+			border-bottom-color:  darken(#A4C6DD , 10%);
+			-moz-border-bottom-colors:  darken(#A4C6DD , 10%);
+		}
+	}
+	
+	
+	
+	&.menu-min {
+		.sidebar-shortcuts {
+			max-width: 52px;
+			padding-left: 2px;
+			padding-right: 2px;
+		}
+		.sidebar-shortcuts-mini > .btn {
+			padding: 7px;
+		}
+		
+		.nav-list > li.hover > .submenu {
+			border-top-color: #C9DAE5;
+		}
+		
+		.nav-list > li.active > a > .menu-text {
+			border-left-color: #A4C6DD;
+		}
+		.nav-list > li > .arrow:after {
+			-moz-border-bottom-colors: #EDF3F7;
+			border-bottom-color: #EDF3F7;
+		}
+	}
+ 
+ }
+ }//@media
+}
+.enable_horizontal_menu_skin_3();
+
+
+
+.sidebar-scroll {
+ .sidebar-shortcuts {
+	//border-bottom: 1px solid desaturate(lighten(@nav-item-border-active , 5%) , 5%);
+	border-bottom-color: 1px solid #99B6C9;
+ }
+ .sidebar-toggle {
+	//border-top: 1px solid desaturate(lighten(@nav-item-border-active , 5%) , 5%);
+	border-top-color: #99B6C9;
+ }
+
+}
+
+
+ 
+@media only screen and (min-width: @screen-sm-min) and (max-width: @grid-float-breakpoint-max) {
+ .navbar.navbar-collapse {
+	background-color: transparent;
+	&:before , .navbar-container {
+		background: @navbar-background;
+	}
+ }
+}
+
+
+
+	//disabled state
+	.nav-list > li.disabled:before {
+		display: none !important;
+	}
+
+}//.skin-3
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/skins/skins.less b/web/bootstrap-ace-admin/css/less/skins/skins.less
new file mode 100755
index 00000000..a3821381
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/skins/skins.less
@@ -0,0 +1,11 @@
+@import "../bootstrap/variables.less";
+@import "../bootstrap/mixins.less";
+
+@import "../variables.less";
+@import "../mixins.less";
+@import "../ace-features.less";
+
+
+@import "skin-1.less";
+@import "skin-2.less";
+@import "skin-3.less";
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/tab-accordion.less b/web/bootstrap-ace-admin/css/less/tab-accordion.less
new file mode 100755
index 00000000..a9fee5dc
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/tab-accordion.less
@@ -0,0 +1,551 @@
+@accordion-border:#CDD8E3;
+@accordion-header-text:@ace-blue;
+@accordion-header-text-hover:#6EA6CC;
+@accordion-header-hover-bg:#F1F8FD;
+@accordion-active-bg:#EEF4F9;
+
+
+.enable_tabs() when(@enable-tabs = true) {
+
+.tab-content {
+ border: 1px solid @tab-border;
+ padding: 16px 12px;
+ position: relative;
+ //z-index:11;
+}
+.tab-content.no-padding {
+ padding:0;
+}
+.tab-content.no-border {
+  border:none;
+  padding:12px;
+}
+.tab-content {
+ .tab-paddingX (@index) when (@index >= 0) {
+	&.padding-@{index} { padding:unit(@index,px) unit(ceil(@index * 0.75),px); }
+	&.no-border.padding-@{index} { padding:unit(@index,px); }
+	.tab-paddingX(@index - 2);
+  }
+  .tab-paddingX(32);
+}
+
+
+.nav.nav-tabs {
+ .navtab-paddingX (@index) when (@index > 0) {
+	&.padding-@{index} { padding-left:unit(@index,px); }
+	.tabs-right > &.padding-@{index} , .tabs-left > &.padding-@{index} { padding-left:0; padding-top:unit(@index,px); }	
+	.navtab-paddingX(@index - 2);
+  }
+  .navtab-paddingX(32);
+}
+
+
+.nav-tabs {
+  border-color: #C5D0DC;
+  margin-bottom: 0 !important;//to override .rtl's
+  margin-left: 0;
+  position: relative;
+  top: 1px;
+  
+  > li {
+    > a {
+		padding: 7px 12px 8px;
+		
+		&,&:focus {
+			border-radius: 0 !important;
+			border-color: @tab-border;
+
+			background-color: #F9F9F9;
+			color: #999;
+
+			margin-right: -1px;
+			line-height: 18px;
+	 
+			position:relative;
+			//z-index:11;
+		}
+		&:hover {
+			background-color: #FFF;
+			color: @tab-hover-color;
+			border-color: @tab-border;
+		}
+		&:active, &:focus {
+			outline:none !important;
+		}
+	}//a
+	
+	&:first-child > a {
+		margin-left:0;
+	}
+	
+	&.active > a{
+		&,&:hover,&:focus {
+			color: @tab-active-color;
+			border-color: @tab-border;
+			border-top: 2px solid @tab-active-border;
+			border-bottom-color: transparent;
+			background-color: #FFF;
+
+			z-index: 1;
+			line-height: 18px;
+			margin-top: -1px;
+
+			box-shadow: 0 -2px 3px 0 rgba(0,0,0,0.15);
+		}
+	}
+
+   }
+
+
+   .enable_tab_positions() when(@enable-tab-positions = true) {
+	.tabs-below > & {
+	   /* tabs below */
+		top:auto;
+		margin-bottom:0;
+		margin-top:-1px;
+		border-color:@tab-border;
+		border-bottom-width:0;
+		
+		> li {
+			> a {
+				&,&:hover,&:focus {
+					border-color:@tab-border;	
+				}
+			}
+			
+			&.active > a {
+				&,&:hover,&:focus {
+					 border-color:@tab-border;
+					 border-top-width:1px;
+					 border-bottom:2px solid @tab-active-border;
+					 border-top-color:transparent;
+
+					 margin-top:0;
+					 box-shadow: 0 2px 3px 0 rgba(0,0,0,0.15);
+				}
+			}
+		}
+	 }
+	
+	
+	 .tabs-left > & > li > a, .tabs-right > & > li > a {
+		//tabs left
+		min-width:60px;
+	 }
+	 .tabs-left > & {
+		top:auto;
+		 margin-bottom:0;
+		 border-color:@tab-border;
+
+		 float: left;
+
+		 > li {
+			float: none !important;//to override .rtl's
+			
+			> a {
+				&,&:focus,&:hover {
+					border-color:@tab-border;
+					margin:0 -1px 0 0;
+				}
+			}
+			
+			&.active {
+				> a {
+					& , &:focus , &:hover {
+						border-color: @tab-border;
+						border-top-width: 1px;
+						border-left: 2px solid @tab-active-border;
+						border-right-color: transparent;
+						margin: 0 -1px 0 -1px;
+						 
+						.box-shadow(~"-2px 0 3px 0 rgba(0,0,0,0.15)") !important;//to override .rtl's
+					}
+				}
+			}
+		 }
+	 }
+	
+	
+	
+	 .tabs-right > & {
+		//tabs right
+		top:auto;
+		margin-bottom: 0;
+		border-color: @tab-border;
+		
+		float: right;
+		
+		 > li {
+			float: none !important;//to override RTL's
+			
+			> a {
+				&,&:focus,&:hover {
+					border-color: @tab-border;
+					margin: 0 -1px;
+				}
+			}
+			
+			&.active {
+				> a {
+					&  , &:focus , &:hover {
+						border-color: @tab-border;
+						border-top-width: 1px;
+						border-right: 2px solid @tab-active-border;
+						border-left-color: transparent;
+						margin: 0 -2px 0 -1px;
+
+						.box-shadow(~"2px 0 3px 0 rgba(0,0,0,0.15)");//to override .rtl's
+					}
+				}				
+			}
+		}
+	 }
+	}
+	.enable_tab_positions();
+	
+	
+	
+	> li > a {
+		//icon and badges
+		> .badge {
+			padding: 1px 5px;
+			line-height: 15px;
+			opacity: 0.75;
+		}
+
+		> .@{icon} { 
+			opacity: 0.75; 
+		}
+	}
+
+	> li.active > a {
+		> .badge , > .@{icon} {
+			opacity: 1;
+		}
+	}
+	
+	li .@{icon} {
+		 width:1.25em;
+		 display:inline-block;
+		 text-align:center;
+	}
+
+
+	
+	> li.open .dropdown-toggle {
+		//dropdown in tabs
+		background-color: #4F99C6;
+		border-color: #4F99C6;
+		color: #FFF;
+		
+		> .@{icon} {
+			color:#FFF !important;
+		}
+	}
+}
+
+.tabs-left , .tabs-right {
+	.tab-content {
+		overflow: auto;
+	}
+}
+
+.nav-pills .open .dropdown-toggle, .nav > li.dropdown.open.active > a:hover, .nav > li.dropdown.open.active > a:focus  {
+	background-color: #4F99C6;
+	border-color: #4F99C6;
+	color: #FFFFFF; 
+	> .@{icon} {
+		color:#FFF !important;
+	}
+}
+
+
+.enable_tab_options() when (@enable-tab-options = true) {
+
+
+/* bigger tab buttons */
+.nav-tabs > li:not(.active):not(.open) > a:not(:hover) > .@{icon}:first-child.disabled {
+ color:#909090 !important;
+} 
+
+/* bigger tab buttons */
+.nav-tabs.tab-size-bigger > li > a {
+	padding-left:14px;
+	padding-right:14px;
+	
+	> .@{icon}:first-child {
+		display:block;
+		margin-bottom:6px;
+		width:auto;
+	}	
+}
+
+
+
+
+//some tab customizations
+
+//spaced tabs (top & bottom)
+.nav-tabs.tab-space-1 > li > a {
+	margin-right: 1px;
+}
+.nav-tabs.tab-space-2 > li > a {
+	margin-right: 2px;
+}
+.nav-tabs.tab-space-3 > li > a {
+	margin-right: 3px;
+}
+.nav-tabs.tab-space-4 > li > a {
+	margin-right: 4px;
+}
+
+
+//colored tabs
+
+@tab-color-blue:#7DB4D8;
+
+.nav-tabs[class*="tab-color-"] > li > a {
+ & , &:focus, &:hover {
+	color: #FFF;
+	border-color: transparent;
+	margin-right: 3px;
+ }
+
+ > .badge {
+	.border-radius(2px);
+ }
+}
+
+.nav-tabs[class*="tab-color-"] > li:not(.active) > a {
+	&:hover {
+		opacity:0.85;
+		border-color:rgba(0,0,0,0.15);
+		border-bottom-color:transparent;
+	}
+	> .@{icon}:first-child{
+		color:#FFF !important;
+	}
+	> .badge{
+		color:rgba(0,0,0,0.4) !important;
+		background-color:#FFF !important;
+		.border-radius(2px);
+	}
+}
+
+.nav-tabs.tab-color-blue > li > a {
+	& , &:focus {
+		background-color:@tab-color-blue;
+	}
+}
+
+.nav-tabs[class*="tab-color-"] > li.active > a {
+	& , &:focus, &:hover {
+		background-color:#FFF;
+		color:darken(desaturate(@tab-color-blue, 20%), 20%);
+		.box-shadow(none) !important;
+	}
+}
+
+.nav-tabs.tab-color-blue > li.active > a {
+	& , &:focus, &:hover {
+		color:darken(desaturate(@tab-color-blue, 25%), 25%);
+		border-color:@tab-color-blue @tab-color-blue transparent;
+	}
+	.tabs-below  & {
+		border-color:transparent @tab-color-blue @tab-color-blue;
+	}
+}
+
+
+.nav-tabs.tab-color-blue {
+	border-bottom-color:#C5D0DC;
+}
+
+
+/* background for tab links */
+.nav-tabs.background-blue {
+	padding-top:6px;
+	background-color:#EFF3F8;
+	border:1px solid #C5D0DC;
+}
+
+.tabs-below .nav-tabs.background-blue {
+	padding-top:0;
+	padding-bottom:6px;
+}
+.tabs-below .nav-tabs.tab-color-blue {
+	border-top:none;
+	border-bottom-color:#C5D0DC;
+}
+
+}
+.enable_tab_options();
+
+
+}
+.enable_tabs();
+
+
+
+
+
+//accordion
+.enable_accordion() when(@enable-accordion = true) {
+.accordion-style1.panel-group {
+ .panel {
+	border-radius: 0;
+	border-color: @accordion-border;
+	background-color: #FFF;
+	box-shadow: none;
+ 
+	&:last-child {
+		border-bottom-width: 1px;
+	}
+
+	.collapse {
+		background-color: #FFF;
+	}
+	
+	+ .panel {
+		margin-top:2px;
+	}
+ }
+ .panel-heading + .panel-collapse .panel-body {
+	border-top-color: @accordion-border !important;
+ }
+ 
+ .panel-heading {
+	padding:0;
+	
+ }
+
+ .panel-heading .accordion-toggle {
+	color:@tab-hover-color;
+	background-color:@accordion-active-bg;
+	position:relative;
+	font-weight:bold;
+	
+	font-size: @font-size-accordion-toggle;
+	line-height: 1;
+	
+	padding: 10px;
+	display:block;
+ 
+	&.collapsed {
+		color:@accordion-header-text;
+		font-weight:normal;
+		background-color:#F9F9F9;
+	}
+
+	&:hover {
+		color:@accordion-header-text-hover;
+		background-color:@accordion-header-hover-bg;
+		text-decoration:none;
+	}
+
+	&:focus,&:active {
+		outline:none;
+		text-decoration:none;
+	}
+ 
+ 
+	> .@{icon}:first-child {
+		width:16px;
+	}
+	&:hover > .@{icon}:first-child{
+		text-decoration:none;
+	}
+ }
+
+
+.panel-body , .collapse.in  > .panel-body{
+	border-top:1px solid @accordion-border;
+ }
+
+ &.no-padding {
+	padding:0;
+ }
+}
+
+
+
+
+
+
+//style2, used in faq, etc...
+.enable_accordion_style_2() when (@enable-accordion-style-2 = true) {
+.accordion-style2.panel-group {
+ .panel {
+	border-width:0;
+	&:last-child {
+		border-bottom-width: 0;
+	}
+	
+	+ .panel {
+		margin-top:4px;
+	}
+	
+	.panel-body {
+		border-top:none;
+	}
+ }
+ 
+ .panel-heading .accordion-toggle {
+	background-color:#EDF3F7;
+
+	border:2px solid #6EAED1;
+	border-width:0 0 0 2px;
+	
+	&:hover {
+		text-decoration:none;
+	}
+	
+	&.collapsed {
+		background-color:#F3F3F3;
+		color:#606060;
+		border-width:0 0 0 1px;
+		border-color:#D9D9D9;
+		
+		&:hover {
+			background-color:#F6F6F6;
+			color:#438EB9;
+			text-decoration:none;
+		}
+	}
+ }
+ 
+
+.panel-body , .collapse.in  > .panel-body{
+	border-top:none;
+ }
+ 
+}
+
+
+
+//nested questions 
+.accordion-style2.panel-group .accordion-style2.panel-group {
+ .panel  {
+	border-bottom:1px dotted #D9D9D9;
+	&:last-child  {
+		border-bottom:none;
+	}
+	
+	.panel-heading , .panel-heading .accordion-toggle {
+		background-color: transparent;
+		border-width: 0;
+		font-size: @font-size-accordion-toggle;
+		
+		padding-top: 6px;
+		padding-bottom: 8px;
+	}
+	.panel-heading {
+		padding-top:0; padding-bottom:0;
+	}
+ }
+}
+}
+.enable_accordion_style_2();
+
+}
+.enable_accordion();
diff --git a/web/bootstrap-ace-admin/css/less/tables.less b/web/bootstrap-ace-admin/css/less/tables.less
new file mode 100755
index 00000000..be4518a2
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/tables.less
@@ -0,0 +1 @@
+@table-header-bg:@widget-blue;
@table-sort-active:#307ECC;
@table-sort-hover:#547EA8;

@table-labels-grad-color1:#F8F8F8;
@table-labels-grad-color2:#ECECEC;


/* tables */
th, td , .table-bordered {
	border-radius: 0 !important;
}

.table {
  > thead > tr {
	 color: #707070;
	 font-weight: normal;

	 background: #F2F2F2;
	 #gradient > .vertical(@table-labels-grad-color1 , @table-labels-grad-color2);
	 
	 > th {
		border-color: @table-border-color;
		font-weight: bold;

		.@{icon}:first-child {
			margin-right: 2px;
		}
		&:first-child {
			border-left-color: #F1F1F1;
		}
		&:last-child {
			border-right-color: #F1F1F1;
		}
	 }
  }
 
  &.table-bordered > thead > tr > th {
	/* border-color: @table-border-color; */
	vertical-align: middle;

	&:first-child {
		border-left-color: @table-border-color;
	}
  }
}

th , td {
   &.center {
	text-align: center;
   }

   .lbl {
	margin-bottom: 0;
	&:only-child {
		vertical-align: top;
	}
   }
}



.table-header {
	background-color: @table-header-bg;
	color: #FFF;
	font-size: @base-font-size + 1;
	line-height: 38px;
	padding-left: 12px;
	margin-bottom: 1px;
}
.table-header .close {
   margin-right: 8px;
   margin-top: 0;
   .opacity(0.45);
   &:hover {
	.opacity(0.75);
   }
}

\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/thirdparty-calendar.less b/web/bootstrap-ace-admin/css/less/thirdparty-calendar.less
new file mode 100755
index 00000000..6eaf46c5
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/thirdparty-calendar.less
@@ -0,0 +1,226 @@
+.enable_plugin_fullcalendar() when(@enable-plugin-fullcalendar = true) {
+
+//calendar
+.fc-toolbar  h2 {
+	font-size: @font-size-calendar-header;
+	color: #65A0CE;
+}
+
+.fc-unthemed th, .fc-unthemed td, .fc-unthemed hr, .fc-unthemed thead, .fc-unthemed tbody, .fc-unthemed .fc-row, .fc-unthemed .fc-popover {
+	border-color: #BCD4E5;
+}
+	
+.fc-unthemed .fc-today {
+	background: #FFC;
+}
+.fc-event {
+	border-width: 0;    //default BORDER color
+	
+	&:not([class*="label-"]) {
+	 background-color: @label-default;
+    }
+	
+	color: @label-text;
+	&.label-yellow {
+		color: @label-yellow-text;
+	}
+	&.label-light {
+		color: @label-light-text;
+	}
+	
+	padding: 1px 1px 2px 2px;
+	border-radius: 0;
+	
+	.label-yellow & { color:#996633; }
+	.label-light & { color:#888; }
+	
+	[class*="label-"] > & , [class*="label-"] > & > .fc-event-skin.fc-event-head {
+		background-color: inherit;
+	}
+	
+	&.ui-draggable-dragging {
+		cursor:move;
+	}
+	
+	&.fc-event-vert , .fc-event-vert > &
+	{
+		padding:0 0 1px;
+	}
+}
+
+
+.fc-day-number {
+	color: #2E6589;
+	.opacity(1);
+}
+
+.fc-widget-header, .fc .fc-axis {
+	background:#ECF2F7;
+	color:#8090A0;
+}
+//
+//.fc-grid th  , th.fc-widget-header{
+//	height:28px;
+//	vertical-align:middle !important;
+//}
+
+.fc-event-hori , .fc-event-vert {
+	border-radius:0 !important;
+	border-color:transparent;
+}
+.fc-event-vert {
+	.fc-event-content  {
+		padding-left:1px;
+		padding-right:1px;
+	}
+	.fc-event-time {
+		padding:0;
+	}
+}
+
+
+
+.fc-state-default {
+	& , & .fc-button-inner {
+		border:none;
+		background-color: @btn-default;
+		color: #FFF;
+		background-image:none;
+		box-shadow:none;
+		text-shadow:none;
+		
+		border-radius:0 !important;
+		margin-left:2px;
+	}
+	
+	border:none;
+	.fc-button-effect {
+		display:none;
+	}
+}
+
+.fc-state-disabled {
+	& , & .fc-button-inner {
+		.opacity(0.75);
+		color:#DDD;
+	}
+}
+
+
+.fc-state-active {
+	& , & .fc-button-inner {
+		border-color:#4F99C6;
+		background-color:#6FB3E0;
+	}
+}
+.fc-state-hover {
+	& , & .fc-button-inner {
+		background-color:#8B9AA3;
+	}
+}
+
+
+.fc .fc-button-group > * {
+	margin: 0 1px 0 0;
+}
+
+
+
+
+.external-event {
+  margin: 6px 0;
+  padding: 0;
+ 
+  cursor: default;
+  display: block;
+
+  &:not([class*="label-"]) {
+	background-color: @label-default;
+  }
+  
+  font-size: @base-font-size;
+  line-height: 28px;
+  
+  &:hover {
+	.opacity(1);
+  }
+  &.ui-draggable-dragging {
+	cursor:move;
+  }
+  
+	color: @label-text;
+	&.label-yellow {
+		color: @label-yellow-text;
+	}
+	&.label-light {
+		color: @label-light-text;
+	}
+
+
+
+
+  > .@{icon}:first-child {// the move & drag icon
+	display: inline-block; height:32px; width:32px;
+	text-align: center;
+	line-height: 30px;
+	margin-right: 5px;
+ 
+	font-size: floor(@base-font-size * 1.2);
+ 
+	border-right:1px solid #FFF;
+ }  
+}
+
+
+
+
+
+//calendar inside widget-box --- not complete yet
+/**
+.widget-main {
+	.fc {
+		position:relative;
+		top:-40px;
+		
+		> .fc-header {
+			position:relative;
+			z-index:10;
+		}
+		
+		.fc-header-space {
+			padding-left:2px;
+		}
+	}
+	
+	.fc-header-title > h2 {
+		font-size: floor(@base-font-size * 1.4);
+		line-height: 36px;
+	}
+	
+	.fc-content {
+		top:-14px;
+		z-index:11;
+	}
+	
+	.fc-button-content {
+		height:37px;
+		line-height:36px;
+	}
+	
+}
+*/
+
+
+
+//calendar
+@media only screen and (max-width: @screen-xs) {
+ .fc-header td {
+  display:block;
+  width:auto;
+  text-align:left;
+ }
+}
+
+
+}
+.enable_plugin_fullcalendar();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/thirdparty-chosen.less b/web/bootstrap-ace-admin/css/less/thirdparty-chosen.less
new file mode 100755
index 00000000..f2a846ad
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/thirdparty-chosen.less
@@ -0,0 +1,324 @@
+.enable_plugin_chosen() when(@enable-plugin-chosen = true) {
+
+.chosen-container + .help-inline {
+ vertical-align:middle;
+}
+
+//chosen select boxes -- replace icons with FontAwesome
+/**
+.chosen-select {
+  display: inline !important; //for validation plugin to work it must be displayed
+  visibility: hidden;
+  opacity: 0;
+  position: absolute;
+  z-index: -1;
+  width: 0;
+  height: 0;
+  border-width: 0;
+}
+*/
+.chosen-container , [class*="chosen-container"]{
+  vertical-align: middle;
+  > .chosen-single {
+	line-height: 28px;
+	height: 32px;
+	box-shadow: none;
+	background: #FAFAFA;
+  }
+}
+
+.chosen-choices {
+  box-shadow:none !important;
+}
+.chosen-container-single .chosen-single abbr {
+  background: none;
+}
+.chosen-container-single .chosen-single abbr:after {
+  content:"\f00d";
+  display: inline-block;
+  color:#888;
+  font-family: FontAwesome;
+  font-size: @base-font-size;
+
+  position: absolute;
+  right: 0;
+  top: -7px;
+}
+.chosen-container-single .chosen-single abbr:hover:after {
+  color:#464646;
+}
+.chosen-container-single.chosen-disabled .chosen-single abbr:hover:after {
+  color:#464646;
+}
+
+
+.chosen-single div b {
+	 background: none !important;
+	 &:before {
+		content: "\f0d7";
+		display: inline-block;
+	  
+		color: #888;
+		font-family: FontAwesome;
+		font-size: @base-font-size - 1;
+	  
+		position: relative;
+		top: -1px;
+		left: 1px;
+	 }
+}
+.chosen-container-active.chosen-with-drop .chosen-single div b:before {
+	content:"\f0d8";
+}
+
+
+.chosen-container-single {
+  .chosen-search {
+	 position:relative;
+	 input[type="text"] {
+		background:none;
+		border-radius:0;
+		line-height:28px;
+		height:28px;
+	 }
+	 &:after{
+		content:"\f002";
+		display:inline-block;
+		  
+		color: #888;
+		font-family: FontAwesome;
+		font-size: @base-font-size + 1;
+		  
+		position:absolute;
+		top:8px;
+		right:12px;
+	}
+  }
+}
+
+.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
+	height:25px;
+}
+.chosen-container-multi .chosen-choices li.search-choice {
+	line-height: 16px;
+	padding-bottom: 4px;
+}
+
+
+
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
+   background:none;
+
+  &:before {
+	  content:"\f00d";
+	  display: inline-block;
+	  color:#888;
+	  font-family:FontAwesome;
+	  font-size: @base-font-size;
+	 
+	  position: absolute;
+	  right: 2px;
+	  top: -1px;
+  }
+  &:hover {
+	text-decoration:none;
+  }
+  &:hover:before {
+	color:#464646;
+  }
+}
+.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close:before {
+  color:#464646;
+}
+
+
+.chosen-container .chosen-results-scroll-down ,
+.chosen-container .chosen-results-scroll-up {
+  span {
+	background: none;
+	&:before{
+	  content: "\f0d7";
+	  display: inline-block;
+	  
+	  color: #888;
+	  font-family: FontAwesome;
+	  font-size: @base-font-size - 1;
+
+	  position: relative;
+	  top: -1px;
+	  left: 1px;
+	}
+  }
+  
+}
+.chosen-container .chosen-results-scroll-up span:before {
+  content:"\f0d8";
+}
+.chosen-container-active .chosen-single-with-drop div b:before {
+  content:"\f0d8";
+}
+
+
+.chosen-rtl .chosen-search {
+  input[type="text"] {
+	background: none;
+  }
+  &:after {
+	content:"";
+	display:none;
+ }
+ &:before {
+	content: "\f002";
+	display: inline-block;
+  
+	color: #888;
+	font-family: FontAwesome;
+	font-size: @base-font-size + 1;
+  
+	position: absolute;
+	top: 9px;
+	left: 12px;
+ }
+}
+
+
+
+/** chosen - etc */
+.chosen-container-single .chosen-single {
+  border-radius:0;
+}
+.chosen-container .chosen-results li.highlighted {
+ // background:#86BD6F;/* green */
+  //background:#4492C9;/* blue1 */
+  background:#316AC5;
+  color: #FFF;
+}
+.chosen-container-single .chosen-drop {
+  border-radius:0;
+  border-bottom:3px solid #4492C9;
+  border-color:#4492C9;
+}
+.chosen-single.chosen-single-with-drop  , .chosen-container-active .chosen-single{
+  border-color:#4492C9;
+}
+
+.chosen-single {
+	.form-group.has-error & {
+		border-color:@error-state-border !important;
+	}
+	.form-group.has-info & {
+		border-color:@info-state-border !important;
+	}
+	.form-group.has-warning & {
+		border-color:@warning-state-border !important;
+	}
+	.form-group.has-success & {
+		border-color:@success-state-border !important;
+	}
+}
+
+//.chosen-rtl .chosen-container-single-nosearch .chosen-search { left: -9999px; }
+//.chosen-rtl .chosen-drop { left: -9999px; }
+
+//     .modal .chosen-rtl .chosen-container-single-nosearch .chosen-search { left: 9999px; }
+//		.modal .chosen-rtl .chosen-drop { left: 9999px; }
+//.rtl .modal .chosen-container.chosen-with-drop .chosen-drop { left: auto; right: 0; }
+
+
+
+.chosen-container-active.chosen-with-drop .chosen-single {
+	border-color:#4492C9;
+}
+
+
+.chosen-container .chosen-drop {
+ display: none;
+}
+.chosen-container.chosen-with-drop .chosen-drop {
+ left: auto;
+ right: auto;
+ display: block;
+}
+
+
+
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi)  {
+  .chosen-rtl .chosen-search input[type="text"], .chosen-container-single .chosen-single abbr, .chosen-container-single .chosen-single div b, .chosen-container-single .chosen-search input[type="text"], .chosen-container-multi .chosen-choices li.search-choice .search-choice-close, .chosen-container .chosen-results-scroll-down span, .chosen-container .chosen-results-scroll-up span {
+      background-image: none !important;
+      background-repeat: no-repeat !important;
+      background-size: auto !important;
+  }
+}
+
+
+
+
+
+
+
+
+//a second style (like tag inpit)
+.enable_plugin_chosen_style_2() when(@enable-plugin-chosen-style-2 = true) {
+.tag-input-style + .chosen-container-multi {
+	.chosen-choices li.search-choice {
+		background-image:none;
+		background-color:@tag-bg;
+		color: #FFFFFF;
+		display: inline-block;
+		font-size: @base-font-size;
+		font-weight: normal;
+		margin-bottom: 3px;
+		margin-right: 3px;
+		padding: 6px 22px 7px 9px;
+		position: relative;
+		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
+		transition: all 0.2s ease 0s;
+		vertical-align: baseline;
+		white-space: nowrap;
+		
+		border:none;
+		.box-shadow(none);
+		.border-radius(0);
+		
+		.search-choice-close {
+			position:absolute;
+			top:0; bottom:0;
+			right:0;
+			width:18px;
+			height:auto;
+			line-height:25px;
+			text-align:center;
+			
+			&:before {
+				color:#FFF;
+				position:static;
+				font-size: @base-font-size - 2;
+			}
+			
+			&:hover {
+				background-color:rgba(0,0,0,0.2);
+				&:before {
+					color:#FFF;
+				}
+			}
+		}
+	}
+}
+.tag-input-style + .chosen-container-multi.chosen-rtl {
+	.chosen-choices li.search-choice {
+		padding: 6px 9px 7px 22px;
+		margin-left: 0;
+		margin-right:3px !important;//to override .RTL's
+
+		.search-choice-close {
+			right:auto;
+			left:0;
+		}
+	}
+}
+}
+.enable_plugin_chosen_style_2();
+
+
+}
+.enable_plugin_chosen();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/thirdparty-colorbox.less b/web/bootstrap-ace-admin/css/less/thirdparty-colorbox.less
new file mode 100755
index 00000000..872416a3
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/thirdparty-colorbox.less
@@ -0,0 +1,112 @@
+.enable_plugin_colorbox() when(@enable-plugin-colorbox = true) {
+
+
+//colorbox plugin used in gallery page
+#colorbox:focus , #colorbox:active {
+ outline:none;
+}
+#cboxTopLeft, #cboxTopCenter, #cboxTopRight,
+#cboxMiddleLeft, #cboxMiddleRight,
+#cboxBottomLeft, #cboxBottomCenter, #cboxBottomRight
+{
+  background:none !important;
+  opacity:0;
+}
+#cboxContent {
+  border:12px solid #000;
+  background-color:#FFF;
+  padding:7px;
+}
+#cboxOverlay {
+  background:rgba(0,0,0,0.95);
+  background:#000;
+}
+#cboxCurrent {
+  left: 64px;
+  margin-bottom:4px;
+  font-size: @base-font-size + 1;
+}
+#cboxTitle {
+  margin-bottom:4px;
+  font-size: @base-font-size + 1;
+  color:#777;
+}
+
+
+#cboxNext , #cboxPrevious , #cboxClose {
+ background:none;
+ text-indent:0;
+ width:26px; height:26px; line-height:22px;
+ padding:0 4px;
+ text-align:center;
+ 
+ border:2px solid #999;
+ border-radius:16px;
+ 
+ color:#666;
+ font-size: @base-font-size - 1;
+
+ margin-left: 5px;
+ margin-bottom: 5px;
+}
+#cboxNext:hover , #cboxPrevious:hover {
+ color:#333;
+ border-color:#666;
+}
+#cboxContent {
+ overflow:visible;
+}
+#cboxClose {
+    background-color: #000;
+	    
+	border: 2px solid #FFF;
+    border-radius: 32px;
+    
+    color: #FFF;
+	font-size: @font-size-colorbox-close;
+	
+    height: 28px;
+	width: 28px;
+	
+	padding-bottom: 2px;
+	margin-left: 0;
+	
+	right: -14px;
+    top: -14px;
+}
+
+
+#cboxLoadingOverlay {
+  background:none !important;
+}
+#cboxLoadingGraphic {
+  background:#FFF none !important;
+  text-align:center;
+  
+  > .@{icon} {
+	 display: inline-block;
+	 background-color: #FFF;
+	 border-radius: 8px;
+
+	 width: 32px;
+	 height: 32px;
+	 
+	 position: relative;
+	 top: 48%;
+
+
+	 text-align: center;
+	 vertical-align: middle;
+
+	 //.animation(~"fa-spin 1.5s infinite linear");
+	 
+	 
+	 font-size: @font-size-colorbox-icon;
+	 color: #FE7E3E;
+ }
+
+}
+
+
+}
+.enable_plugin_colorbox();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/thirdparty-dataTables.less b/web/bootstrap-ace-admin/css/less/thirdparty-dataTables.less
new file mode 100755
index 00000000..5f8343f8
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/thirdparty-dataTables.less
@@ -0,0 +1,287 @@
+.enable_plugin_datatables() when(@enable-plugin-datatables = true) {
+
+//dataTables
+.dataTables_length {
+  //margin-left:8px;
+  select {
+	width: 70px;
+	height: 25px;
+	padding: 2px 3px;
+  }
+  label {
+	font-weight:normal;
+  }
+}
+.dataTables_filter {
+ // margin-right:8px;
+  text-align:right;
+  input[type=text], input[type=search] {
+	width: 125px;
+	height: 18px;
+	line-height: 18px;
+	.box-sizing(content-box);
+	padding: 4px 6px;
+  }
+  label {
+	font-weight:normal;
+  }
+}
+
+.dataTables_info {
+ // margin:0 0 0 12px;
+  font-size: @base-font-size + 1;
+}
+
+.dataTables_paginate {
+  text-align: right;
+  .pagination {
+	margin: 0 12px;
+  }
+}
+
+
+
+
+
+.dataTables_wrapper {
+  label {
+	display: inline-block;
+	font-size: @base-font-size;
+  }
+  input[type=text] , input[type=search], select {
+	margin-bottom: 0 !important;
+	margin: 0 4px;
+  }
+
+  .row {
+	margin: 0 !important;//to override .rtl's
+	
+	&:first-child {
+		padding-top: 12px;
+		padding-bottom: 12px;
+		
+		background-color: #EFF3F8;
+
+		+ .dataTable {
+			border-top: 1px solid @table-border-color;
+			border-bottom: 1px solid @table-border-color;
+		}
+	}
+	&:last-child {
+		border-bottom: 1px solid lighten(@table-border-color , 1%);
+		padding-top: 12px;
+		padding-bottom: 12px;
+		
+		background-color: #EFF3F8;
+	}
+  }
+  
+  .dataTables_scroll + .row {
+	border-top: 1px solid lighten(@table-border-color , 1%);
+  }
+
+}
+
+
+
+
+.dataTable {
+  margin-bottom:0;
+  > thead > tr > th {
+    &[class*=sort] {
+		cursor:pointer;
+		&:after {
+			float: right;
+			display: inline;
+			
+			content: "\f0dc";
+			font-family: FontAwesome;
+			font-size: @base-font-size;
+			font-weight: normal;
+			
+			color: #555;
+		}
+		
+		&:hover {
+			color:@table-sort-hover;
+		}
+	}
+
+	&[class*=sorting_] {
+		color:@table-sort-active;
+	}
+	
+	&.sorting_desc , &.sorting_asc {
+		#gradient > .vertical(#EFF3F8 , #E3E7ED);
+    }
+	
+	&.sorting_desc:after {
+		content:"\f0dd";
+		top:-6px;
+		color:@table-sort-active;
+	}
+	&.sorting_asc:after {
+		content:"\f0de";
+		top:4px;
+		color:@table-sort-active;
+	}
+
+	&.sorting_disabled {
+		cursor:inherit;
+		&:after { display:none; }
+	}
+
+  }
+
+}
+
+//scrollable dataTable
+.dataTables_scrollHead + .dataTables_scrollBody > .dataTable > thead > tr > th:after {
+	display: none;
+}
+.dataTables_scrollHeadInner {
+  width: auto !important;
+}
+.dataTables_scrollHeadInner > .dataTable > thead > tr > th {
+  border-bottom-width: 0 !important;
+}
+
+
+//some extra border because of scrolling horizontally
+.dataTables_borderWrap {
+ .dataTables_scrollBody , .dataTables_scrollHead {
+	border: 1px solid @table-border-color !important;
+	border-width: 0 1px !important;
+	
+	.table-bordered {
+		border-left-width: 0;
+		border-right-width: 0;
+		
+		> thead > tr > th:first-child,
+		> tbody > tr > td:first-child {
+			border-left-width: 0;
+		}
+		> thead > tr > th:last-child,
+		> tbody > tr > td:last-child {
+			border-right-width: 0;
+		}
+	}
+ }
+}
+
+
+
+
+
+//some extra from
+//https://github.com/DataTables/Plugins/tree/master/integration/bootstrap/3
+table.dataTable {
+	clear: both;
+	max-width: none !important;
+}
+
+table.dataTable th:active {
+	outline: none;
+}
+
+//Scrolling
+div.dataTables_scrollHead table {
+	margin-bottom: 0 !important;
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
+}
+
+div.dataTables_scrollHead table thead tr:last-child th:first-child,
+div.dataTables_scrollHead table thead tr:last-child td:first-child {
+	border-bottom-left-radius: 0 !important;
+	border-bottom-right-radius: 0 !important;
+}
+
+div.dataTables_scrollBody table {
+	border-top: none;
+	margin-top: 0 !important;
+	margin-bottom: 0 !important;
+}
+
+div.dataTables_scrollBody tbody tr:first-child th,
+div.dataTables_scrollBody tbody tr:first-child td {
+	border-top: none;
+}
+
+div.dataTables_scrollFoot table {
+	margin-top: 0 !important;
+	border-top: none;
+}
+
+
+
+///
+//for tableTools printing
+.DTTT_Print .main-content {
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+.DTTT_Print .navbar-fixed-top + .main-container {
+  padding-top: 0;
+}
+
+
+//table Tools extension
+.tableTools-container {
+	margin-bottom: 8px;
+}
+
+.tableTools-alert.gritter-item-wrapper {
+	padding: 12px 11px 8px;
+	z-index: 1999;
+}
+
+//ColVis extension
+ul.ColVis_collection {
+	z-index: 2002;
+	
+	> li > a {
+		padding: 0;
+		&:focus {
+			outline: none;
+		}
+	}
+	
+	> li.ColVis_Special {
+		border-top: 1px solid #DDD;
+		> a {
+			padding: 6px 11px 7px;
+			text-align: center;
+		}
+	}
+	
+	label {
+		margin: auto;
+		padding: 6px 11px 7px;
+		display: block;
+		cursor: pointer;
+	}
+}
+
+div.ColVis_catcher {
+	position: absolute;
+	z-index: 1101;
+}
+div.ColVis_collectionBackground {
+	position: fixed;
+	top: 0;
+	left: 0;
+	height: 100%;
+	width: 100%;
+	background-color: black;
+	z-index: 1100;
+}
+
+
+
+
+
+
+
+}
+.enable_plugin_datatables();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/thirdparty-date.less b/web/bootstrap-ace-admin/css/less/thirdparty-date.less
new file mode 100755
index 00000000..6f436ac4
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/thirdparty-date.less
@@ -0,0 +1,135 @@
+@datepicker-active-bg: #2283C5;
+@datepicker-disabled-bg: #8B9AA3;
+@datepicker-active-bg2: #7D8893;//inside .well
+
+
+.enable_plugin_datetime() when(@enable-plugin-datetime = true) {
+// date & time picker
+.datepicker , .daterangepicker  {
+	td , th { .border-radius(0) !important; font-size: @base-font-size; }
+	
+	td.active {
+	  & , &:hover {	background:@datepicker-active-bg !important; }
+	  
+	  &.disabled {
+		& , &:hover { background:@datepicker-disabled-bg !important; }
+	  }
+	}
+}
+.datepicker {
+ td , th { min-width: 32px; }
+}
+.datepicker-dropdown.datepicker-orient-bottom {
+  &:after, &:before {
+	top: auto;
+  }
+}
+
+
+.daterangepicker .calendar-date {
+ border-radius: 0;
+}
+
+.datepicker-months .month , .datepicker-years .year {
+  border-radius:0 !important;
+}
+.datepicker-months .month.active , .datepicker-years .year.active {
+  & , &:hover , &:focus, &:active {
+	  background-image: none !important;
+	  background-color: @datepicker-active-bg !important;
+  }
+}
+.bootstrap-timepicker-widget table td input {
+	width: 32px;
+}
+
+.well .datepicker table tr td.day:hover {
+	background-color: @datepicker-active-bg2;
+	color: #FFF;
+}
+
+.bootstrap-timepicker-widget table td a:hover {
+	.border-radius(0);
+}
+
+
+.daterangepicker.opensleft, .daterangepicker.opensright {
+ &:before {
+	-moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
+ }
+ &:after {
+	-moz-border-bottom-colors: #fff;
+ }
+}
+
+
+.datepicker-dropdown:before {
+ -moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
+}
+.datepicker-dropdown:after {
+ -moz-border-bottom-colors: #fff;
+}
+.datepicker-dropdown.datepicker-orient-bottom:before {
+ -moz-border-top-colors: #999;
+}
+.datepicker-dropdown.datepicker-orient-bottom:after {
+ -moz-border-top-colors: #FFF;
+}
+.bootstrap-timepicker-widget.dropdown-menu:before {
+ -moz-border-bottom-colors: rgba(0,0,0,0.2);
+}
+.bootstrap-timepicker-widget.dropdown-menu:after {
+ -moz-border-bottom-colors: #FFF;
+}
+
+.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
+ -moz-border-top-colors: #999;
+}
+.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
+ -moz-border-top-colors: #FFF;
+}
+
+
+
+
+//date time picker
+.bootstrap-datetimepicker-widget [class=btn] {
+	border-width: 0 !important;
+	background-color: transparent !important;
+	color: desaturate(lighten(#1B6AAA, 20%), 40%) !important;
+
+	text-shadow: none !important;
+	
+	&:hover {
+		color: #1B6AAA !important;
+	}
+}
+.bootstrap-datetimepicker-widget .btn.btn-primary {
+	border-width: 3px !important;
+}
+
+.bootstrap-datetimepicker-widget .picker-switch {
+	margin-bottom: 2px;
+	.btn {
+		width: 90% !important;
+		background-color: #EEE !important;
+		color: @ace-blue !important;
+		font-size: @font-size-datetimepicker-switch;
+
+		&:hover {
+			background-color: desaturate(lighten(@btn-primary , 40%) , 10%) !important;
+		}
+	}
+}
+.bootstrap-datetimepicker-widget td span {
+	border-radius: 0;
+}
+.bootstrap-datetimepicker-widget {
+  .timepicker-hour, .timepicker-minute, .timepicker-second {
+	color: #555 !important;
+  }
+}
+
+
+}
+.enable_plugin_datetime();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/thirdparty-dropzone.less b/web/bootstrap-ace-admin/css/less/thirdparty-dropzone.less
new file mode 100755
index 00000000..b6e39452
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/thirdparty-dropzone.less
@@ -0,0 +1,94 @@
+.enable_plugin_dropzone() when(@enable-plugin-dropzone = true) {
+
+.dropzone {
+  .border-radius(0);
+  border: 1px solid rgba(0, 0, 0, 0.06);
+  
+  .dz-default.dz-message {
+	background-image: none;
+	font-size: @font-size-dropzone-message;
+	text-align: center;
+	line-height: 32px;
+
+	left: 0;
+	width: 100%;
+	margin-left: auto;
+
+	span {
+		display:inline;
+		color:#555;
+		
+		.upload-icon {
+			.opacity(0.7);
+			margin-top:8px;
+			cursor:pointer;
+			
+			&:hover {
+				.opacity(1);
+			}
+
+		}
+	}
+  }
+
+}
+
+
+
+  
+.dropzone .dz-preview .dz-error-mark,
+.dropzone-previews .dz-preview .dz-error-mark,
+.dropzone .dz-preview .dz-success-mark,
+.dropzone-previews .dz-preview .dz-success-mark {
+	background-image:none;
+	background-color:rgba(255,255,255,0.8);
+	border-radius:100%;
+	text-align:center;
+	line-height:35px;
+ }
+
+
+.dropzone .dz-preview .dz-error-mark:before,
+.dropzone-previews .dz-preview .dz-error-mark:before{
+	font-family: FontAwesome;
+	font-size: @font-size-dropzone-icon;
+	color: #DB6262;
+	content: "\f00d";
+}
+.dropzone .dz-preview .dz-success-mark:before,
+.dropzone-previews .dz-preview .dz-success-mark:before{
+	font-family: FontAwesome;
+	font-size: @font-size-dropzone-icon;
+	color: #6DA552;
+	content: "\f00c";
+}
+
+
+.dropzone a.dz-remove, .dropzone-previews a.dz-remove {
+	border:none;
+	border-radius:0;
+	color:#FFF;
+	background:#D15B47;
+	cursor:pointer;
+	&:hover {
+		color:#FFF;
+		background:#B74635;
+	}
+}
+
+
+.dropzone .progress ,
+.dropzone-previews .progress
+{
+  margin-bottom:0;
+}
+.dropzone .dz-preview.dz-success .progress,
+.dropzone-previews .dz-preview.dz-success .progress ,
+.dropzone .dz-preview.dz-error .progress,
+.dropzone-previews .dz-preview.dz-error .progress
+{
+  display:none;
+}
+
+}
+.enable_plugin_dropzone();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/thirdparty-duallist-multiselect.less b/web/bootstrap-ace-admin/css/less/thirdparty-duallist-multiselect.less
new file mode 100755
index 00000000..75089f95
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/thirdparty-duallist-multiselect.less
@@ -0,0 +1,30 @@
+.enable_plugin_duallist() when(@enable-plugin-duallist = true) {
+
+	.btn-group > .btn.moveall:first-child,
+	.btn-group > .btn.remove:first-child {
+	 margin: 0;
+	}
+	.btn-group > .btn.moveall:first-child + .btn.move,
+	.btn-group > .btn.remove:first-child + .btn.removeall {
+	  margin: 0;
+	}
+
+	.bootstrap-duallistbox-container .info {
+	  font-size: ceil(@base-font-size * 0.9);
+	}
+
+	.bootstrap-duallistbox-container .clear1, .bootstrap-duallistbox-container .clear2 {
+	  font-size: ceil(@base-font-size * 0.9);
+	}
+
+}
+.enable_plugin_duallist();
+
+
+
+.multiselect-container > li > a {
+ padding: 0;
+ > label {
+   padding: 7px 10px 7px 20px;
+ }
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/thirdparty-editable.less b/web/bootstrap-ace-admin/css/less/thirdparty-editable.less
new file mode 100755
index 00000000..b6df34cc
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/thirdparty-editable.less
@@ -0,0 +1,155 @@
+.enable_plugin_inline_editable() when(@enable-plugin-inline-editable = true) {
+
+.editable-container .popover-title {
+	color:#438EB9;
+}
+.editable-click {
+	border-bottom:1px dashed #BBB;
+	cursor:pointer;
+	font-weight:normal;
+	
+	img& {
+		border:1px dotted #BBB;
+	}
+	&:hover {
+		border-color:#0088CC;
+		color:#0088CC;
+		img& {.opacity(0.75);}
+	}
+}
+
+
+.editable-buttons , .editable-input {
+	display:inline-block;
+}
+.editable-buttons {
+	margin-left: 1px;
+	.btn {
+		padding: 0;
+		width: 28px;
+		line-height: 24px;
+		border-width: 3px;
+		font-size: @base-font-size - 1;
+		margin: 0 1px 0 0;
+		> .@{icon} {
+			margin: 0;
+		}
+	}
+}
+.editable-clear-x {
+	cursor:pointer;
+	color:#888;
+	background:none;
+	&:hover {
+		color:#D15B47;
+	}
+	
+	&:before {
+		display:inline-block;
+		content:"\f057";
+ 
+		font-family: FontAwesome;
+		font-size: @font-size-editable-clear;
+	
+		position: absolute;
+		margin-top: -9px;
+		width: 16px;
+		height: 30px;
+		line-height: 30px;
+		text-align:center;
+	}
+}
+
+
+
+.editable-input .ace-spinner {
+ margin-right: 8px;
+ .spinner-input {
+	width: 100%;
+ }
+}
+
+
+.editable-inline .editable-slider {
+  margin-top: 10px;
+  margin-right: 4px;
+}
+.editable-popup .editable-slider {
+	display: block;
+	margin-bottom: 16px;
+	margin-top: 4px;
+}
+.editable-slider input[type=text] {
+	display: none;
+}
+.editable-slider input[type=range] {
+	outline: none !important;
+}
+
+
+.editable-input .ace-file-input {
+	display:block;
+}
+.editable-image .ace-file-multiple .ace-file-container.selected {
+	border-color:transparent;
+}
+
+.editable-image + .editable-buttons  , .editable-wysiwyg + .editable-buttons {
+	display:block;
+	text-align:center;
+	margin-top:8px;
+}
+
+.editable-wysiwyg {
+	width:95%;
+	.wysiwyg-editor  {
+		height:auto;
+		overflow-y:hidden;
+	}
+}
+
+
+.editableform {
+	.input-append.dropdown-menu {
+		display:none;
+	}
+	.open .input-append.dropdown-menu {
+		display:block;
+	}
+}
+
+.editable-container .editableform {
+	margin-bottom:10px;
+}
+.editable-inline .editableform {
+	margin-bottom:0;
+}
+.editableform .control-group {
+	display: block;
+}
+
+
+.editableform-loading {
+	background:none;
+	.@{icon} , .progress{
+		position:relative;
+		top:35%;
+	}
+}
+
+
+.input-group.date .input-group-addon {
+	cursor:pointer;
+}
+
+
+//IE!!!!
+//.editable-input .input-group .input-group-addon {
+ ///width: auto \9;
+//}
+
+
+
+
+}
+.enable_plugin_inline_editable();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/thirdparty-fuelux.less b/web/bootstrap-ace-admin/css/less/thirdparty-fuelux.less
new file mode 100755
index 00000000..3afc8c99
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/thirdparty-fuelux.less
@@ -0,0 +1,557 @@
+@wizard-step-border:#CED1D6;
+@wizard-step-color:#546474;
+@wizard-step-active-border:#5293C4;
+@wizard-step-complete-color:#87BA21;
+@wizard-step-title-color:#949EA7;
+@wizard-step-active-title-color:#2B3D53;
+
+
+//spinner
+
+.enable_plugin_fuelux_spinner() when (@enable-plugin-fuelux-spinner = true) {
+.ace-spinner {
+  display: inline-block;
+
+  .spinbox-buttons.btn-group-vertical {
+	 min-width: 18px;
+	
+	> .btn {
+		//.border-radius(0) !important;
+		font-size: @font-size-spinner-button;
+		padding: 0;
+		width: 22px;
+		
+		height: 16px;
+		line-height: 8px;
+		margin-left: 0;
+		
+		&:first-child {
+			margin-top: 0;
+		}
+		
+		> .@{icon} {
+			margin: 0;
+			padding: 0;
+		}
+		
+		+ .btn {
+			margin-top: 2px;
+		}
+	}
+	> .btn-xs {
+		height: 14px;
+		line-height: 7px;
+	}
+	> .btn-lg {
+		height: 22px;
+		line-height: 10px;
+		width: 22px;
+	}
+  }
+
+  .spinbox-buttons {
+	> button.btn.spinbox-up:active {
+		top: -1px;
+	}
+  }
+}
+
+.ace-spinner:not(.touch-spinner) .spinbox-buttons > .btn > .@{icon} {
+  margin-top: -1px;
+}
+
+
+//touch spinner buttons
+.ace-spinner.touch-spinner .spinbox-buttons {
+   margin: 0;
+   font-size: 0;
+   
+   .btn-sm {
+	   width: 32px;
+   }
+   .btn-xs {
+      width: 24px;
+   }
+   .btn-lg {
+      width: 40px;
+   }
+}
+.ace-spinner.touch-spinner .spinbox-buttons > .btn {
+  margin: 0 1px !important;//to override .RTL's
+}
+.ace-spinner.touch-spinner .spinbox-buttons > .btn-xs {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+
+.ace-spinner.touch-spinner .spinbox-buttons > .btn > .@{icon}{
+  vertical-align: middle;
+  display: inline-block;
+}
+
+}
+.enable_plugin_fuelux_spinner();
+
+
+
+
+
+
+//wizard
+.enable_plugin_fuelux_wizard() when (@enable-plugin-fuelux-wizard = true) {
+.steps  {
+	list-style:none;
+	display:table;
+	width:100%;
+	padding:0;
+	margin:0;
+	position:relative;
+	
+	li {
+		display: table-cell;
+		text-align: center;
+		width: 1%;
+
+		.step {
+			border: 5px solid @wizard-step-border;
+			color: @wizard-step-color;
+			font-size: @font-size-wizard-step;
+			border-radius: 100%;
+			background-color: #FFF;
+
+			position: relative;
+			z-index: 2;
+			display: inline-block;
+
+			width: 40px;
+			height: 40px;
+			line-height: 30px;
+			text-align: center;
+		}
+		
+		
+		&:before {//the line running through each step
+			 display: block;
+			 content: "";
+
+			 width: 100%;
+			 height: 1px;
+			 font-size: 0;
+			 overflow: hidden;
+			 
+			 border-top: 4px solid #CED1D6;
+			 
+			 position: relative;
+			 top: 21px;
+			 z-index: 1;
+		}
+		
+		&.last-child:before {
+			max-width:50%;
+			width:50%;
+		}
+		&:last-child:before {
+			max-width:50%;
+			width:50%;
+		}
+		&:first-child:before {
+			max-width:51%;
+			left:50%;
+		}
+		
+		
+		&.active, &.complete {
+			&:before, .step {
+				border-color:@wizard-step-active-border;
+			}
+		}
+		
+		&.complete {
+			.step {
+				cursor:default;
+				color:#FFF;
+				
+				&:before {
+					display:block;
+					position:absolute;
+					top:0; left:0; bottom:0; right:0;
+					line-height:30px; text-align:center;
+					border-radius: 100%;
+					 
+					content:"\f00c";
+
+					background-color: #FFF;
+					z-index: 3;
+					 
+					font-family: FontAwesome;
+					font-size: @font-size-wizard-complete;
+					color:@wizard-step-complete-color;
+				}
+				
+				.transition(~"transform ease 0.1s");
+			}
+			&:hover {
+				.step {
+					.transform(~"scale(1.1)");
+					border-color:lighten(@wizard-step-active-border , 12%);
+				}
+				&:before {
+					border-color:lighten(@wizard-step-active-border , 12%);
+				}
+			}
+		}
+		
+		
+		.title{
+			display:block;
+			margin-top:4px;
+			max-width:100%;
+			 
+			color:@wizard-step-title-color;
+			font-size: @font-size-wizard-title;
+			 
+			z-index:104;
+			 
+			text-align:center;
+			table-layout:fixed;
+			 
+			word-wrap:break-word;
+		}
+		&.complete .title , &.active .title{
+			color:@wizard-step-active-title-color;
+		}
+
+		
+		
+	}
+	
+}
+
+.step-content {
+ position: relative;
+}
+.step-content .step-pane {
+  display: none;
+  min-height: 200px;
+  padding: 4px 8px 12px;
+}
+
+.step-content .step-pane.active {
+  display: block;
+}
+
+.wizard-actions {
+ text-align:right;
+}
+
+@media only screen and (max-width: @screen-xs-max) {
+ .steps li .step {
+	width: 30px;
+	height: 30px;
+	line-height:24px;
+	border-width: 3px;
+ }
+ .steps li:before  , .steps li:after {
+	border-width: 3px;
+ }
+ .steps li.complete .step:before{
+	line-height: 24px;
+	font-size: @base-font-size;
+ }
+ .steps li:before {
+	top:16px;
+ }
+ 
+ .step-content .step-pane {
+	padding: 4px 4px 6px;
+	min-height: 150px;
+ }
+}
+
+
+}
+.enable_plugin_fuelux_wizard();
+
+
+
+
+
+
+
+//tree control
+.enable_plugin_fuelux_treeview() when (@enable-plugin-fuelux-treeview = true) {
+@tree-border-color:#67B2DD;
+ .tree {
+	margin: auto;
+	padding: 0 0 0 9px;
+	overflow-x: hidden;
+	overflow-y: auto;
+	position: relative;
+	
+	&:before {
+		display:inline-block;
+		content: ""; 
+		
+		position: absolute;
+		top: -20px;
+		bottom: 16px;
+		left: 0;
+		z-index: 1;
+		
+		border:1px dotted @tree-border-color;
+		border-width: 0 0 0 1px;
+	}
+	
+	.tree-branch-name, .tree-item-name {
+		cursor: pointer;
+	}
+	
+
+
+	.tree-branch {
+		width: auto;
+		min-height: 20px;
+		cursor: pointer;
+
+		.tree-branch-header {
+			position: relative;
+			height: 20px;
+			line-height: 20px;
+			&:hover {
+				background-color: #F0F7FC;
+			}
+		}
+	}
+	
+	.tree-branch .tree-branch-header .tree-branch-name , .tree-item .tree-item-name {
+		display: inline;
+		z-index: 2;
+	}
+	.tree-branch .tree-branch-header > .tree-branch-name > .@{icon}:first-child , 
+	.tree-item > .tree-item-name > .@{icon}:first-child {
+	  display: inline-block;
+	  position: relative;
+	  z-index: 2;	  
+	  top: -1px;
+	}
+	.tree-branch {
+		> .tree-branch-header {
+			> .tree-branch-name  {
+				> .tree-label {
+					margin-left: 2px;
+				}
+				> .@{icon}:first-child {
+					margin: -2px 0 0 -2px;
+				}
+			}
+		}
+		&:last-child:after {
+			display: inline-block;
+			content: "";
+			
+			position: absolute; 
+			z-index: 1;
+			top: 15px;
+			bottom: 0;
+			left: -15px;
+			border-left: 1px solid #FFF;
+		}
+		.tree-branch-children {
+			margin: 0 0 0 23px;
+			padding: 0;
+			position: relative;
+			
+			&:before {
+				display: inline-block;
+				content: "";
+
+				position: absolute;
+				z-index: 1;
+				top: -14px;
+				bottom: 16px;
+				left: -14px;
+
+				border: 1px dotted @tree-border-color;
+				border-width: 0 0 0 1px;
+			}
+		}
+	}
+
+
+
+	.tree-item {
+		position: relative;
+		height: 20px;
+		line-height: 20px;
+		cursor: pointer;
+		
+		&:hover {
+			background-color: #F0F7FC;
+		}
+	
+		> .tree-item-name {
+			> .@{icon}:first-child {
+				margin-right: 3px;
+			}
+			> .tree-label > .@{icon}:first-child {
+				margin-left: 3px;
+				margin-right: 3px;
+			}
+		}
+		> .@{icon}:first-child {
+			margin-top: -1px;
+		}
+	}
+	
+	.tree-branch , .tree-item {
+		position: relative;
+		list-style: none;
+		
+		&:before {
+			display: inline-block;
+			content: ""; 
+			position: absolute;
+			top: 14px;
+			left: -13px;
+			
+			width: 18px;
+			height: 0;
+			
+			border-top: 1px dotted @tree-border-color;
+		 
+			z-index:1;
+		}
+	}
+	
+
+	.tree-selected {
+		background-color: rgba(98, 168, 209 , 0.1);
+		color: #6398B0;
+		&:hover {
+			background-color: rgba(98, 168, 209 , 0.1);
+		}
+	}
+
+	.tree-item  , .tree-branch {
+		border: 1px solid #FFF;
+	}
+
+	.tree-branch .tree-branch-header {
+		border-radius: 0;
+	}
+	.tree-item  , .tree-branch .tree-branch-header {
+		margin: 0;
+		padding: 5px;
+		color: #4D6878;
+		
+		.box-sizing(content-box);
+	}
+
+
+	.tree-item > .tree-item-name > .@{icon}:first-child {
+		color: #F9E8CE;
+		border: 1px solid #CCC;
+		width: 13px;
+		height: 13px;
+		line-height: 13px;
+		font-size: @font-size-tree-icon;
+		text-align: center;
+
+		border-radius: 3px;
+		
+		.box-sizing(content-box);
+
+		background-color: #FAFAFA;
+		border: 1px solid #CCC;
+		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+	}
+
+	.tree-selected > .tree-item-name > .@{icon}:first-child {
+		background-color: #F9A021;
+		border-color: #F9A021;
+		color: #FFF;
+	}
+
+
+	.tree-plus.@{icon}:first-child , .tree-minus.@{icon}:first-child {
+		display: inline-block;
+		font-style: normal;
+		 border: 1px solid #DDD;
+		 vertical-align: middle;
+		 height: 11px;
+		 width: 11px;
+		 .box-sizing(content-box);
+		 
+		 text-align:center;
+
+		 border: 1px solid #8BAEBF;
+		 line-height: 10px;
+		 background-color: #FFF;
+		 
+		 position: relative;
+		 z-index: 2;
+		 
+		 &:before {
+			content: "";
+			display: block;
+			width: 7px;
+			height: 0;
+			border-top: 1px solid #4D6878;
+
+			position: absolute;
+			top: 5px;
+			left: 2px;
+		 }
+	}
+	.tree-plus.@{icon}:first-child:after {
+		content: "";
+		display: block;
+		height: 7px;
+		width: 0;
+		border-left: 1px solid #4D6878;
+
+		position: absolute;
+		top: 2px;
+		left: 5px;
+	}
+	
+	.tree-unselectable .tree-item > .tree-item-name > .tree-label > .@{icon}:first-child {
+		color: #5084A0;
+		border: none;
+		width: 13px;
+		height: 13px;
+		line-height: 13px;
+		
+		font-size: @font-size-tree-icon - 1;
+		text-align: center;
+		border-radius: 0;
+
+		background-color: transparent;
+		border: none;
+		box-shadow: none;
+	}
+	
+	
+	.@{icon}[class*="-down"] {
+		transform: rotate(-45deg);
+	}
+	.@{icon}[class*="-download"] {
+		transform: none;
+	}
+	
+	.fa-spin {
+		height: auto;
+	}
+	.tree-loading {
+		margin-left: 36px;
+	}
+	
+	img {
+		display: inline;
+		veritcal-align: middle;
+	}
+ }
+
+
+}
+.enable_plugin_fuelux_treeview();
diff --git a/web/bootstrap-ace-admin/css/less/thirdparty-gritter.less b/web/bootstrap-ace-admin/css/less/thirdparty-gritter.less
new file mode 100755
index 00000000..ab9d1dc9
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/thirdparty-gritter.less
@@ -0,0 +1,132 @@
+//jquery gritter
+.enable_plugin_gritter() when(@enable-plugin-gritter = true) {
+
+.gritter-item-wrapper {
+	background-image:none !important;
+	box-shadow:0 2px 10px rgba(50, 50, 50, 0.5);
+	background:rgba(50,50,50,0.92);
+	
+	&.gritter-info {
+		background:rgba(49, 81, 133, 0.92);
+	}
+	&.gritter-error {
+		background:rgba(153, 40, 18, 0.92);
+	}
+	&.gritter-success {
+		background:rgba(89, 131, 75, 0.92);
+	}
+	&.gritter-warning {
+		background:rgba(190, 112, 31, 0.92);
+	}
+	
+	&.gritter-light {
+		background:rgba(245,245,245,0.95);
+		border:1px solid #BBB;
+		&.gritter-info {
+			background:rgba(232, 242, 255, 0.95);
+			.gritter-item { color:#4A577D; }
+		}
+		&.gritter-error {
+			background:rgba(255, 235, 235, 0.95);
+			.gritter-item { color:#894A38; }
+		}
+		&.gritter-success {
+			background:rgba(239, 250, 227, 0.95);
+			.gritter-item { color:#416131; }
+		}
+		&.gritter-warning {
+			background:rgba(252, 248, 227, 0.95);
+			.gritter-item { color:#946446; }
+		}
+	}
+}
+
+.gritter-item p {
+	line-height:1.8;
+}
+
+
+.gritter-top , .gritter-bottom , .gritter-item {
+	background-image:none;
+}
+
+.gritter-close {
+	left: auto;
+	right: 3px;
+	
+	background-image:none;
+
+	width: 18px;
+	height: 18px;
+	line-height: 17px;
+	
+	text-align: center;
+	border: 2px solid transparent;
+	border-radius: 16px;
+
+	color: #E17B67;
+	
+	&:before {
+		font-family: FontAwesome;
+		font-size: @font-size-gritter-close;
+		content: "\f00d";
+	}
+}
+
+
+.gritter-info .gritter-close {
+  color:#FFA500;
+}
+.gritter-error , .gritter-success , .gritter-warning {
+  .gritter-close {
+	color:#FFEA07;
+  }
+}
+.gritter-close:hover{
+ color:#FFF !important;
+}
+
+
+.gritter-title {
+ text-shadow:none;
+}
+
+.gritter-light {
+	.gritter-item , .gritter-bottom , .gritter-top , .gritter-close {
+		background-image: none;
+		color: #444;
+	}
+	.gritter-title {
+		text-shadow: none;
+	}
+	.gritter-close:hover {
+		color:#8A3104 !important;
+	}
+}
+
+.gritter-center {
+  position:fixed;
+  left:33%; right:33%; top:33%;
+}
+
+
+
+@media only screen and (max-width: @screen-xs-max) {
+.gritter-center {
+  left:16%; right:16%; top:30%;
+}
+}
+@media only screen and (max-width: @screen-xs) {
+.gritter-center {
+  left:30px; right:30px;
+}
+}
+@media only screen and (max-width: @screen-tiny) {
+.gritter-center {
+  left:10px; right:10px;
+}
+}
+
+}
+
+.enable_plugin_gritter();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/thirdparty-jqgrid.less b/web/bootstrap-ace-admin/css/less/thirdparty-jqgrid.less
new file mode 100755
index 00000000..4d79e095
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/thirdparty-jqgrid.less
@@ -0,0 +1,811 @@
+.enable_plugin_jqgrid() when(@enable-plugin-jqgrid = true) {
+
+.ui-jqgrid {
+ .ui-jqgrid-view,
+ .ui-paging-info,
+ .ui-pg-table,
+ .ui-pg-selbox {
+    font-size: @base-font-size;
+ }
+
+ .ui-jqgrid-title {
+    float: left;
+    margin: 8px;
+ }
+ .ui-jqgrid-title-rtl {
+	float: right;
+	margin: 8px;
+ }
+}
+
+
+.ui-jqgrid-view > .ui-jqgrid-titlebar { 
+    height: 40px;
+    line-height: 24px;
+    color: #FFF;
+    background: @table-header-bg; 
+	padding:0;
+	font-size: floor(@base-font-size * 1.2);
+}
+
+
+.ui-jqgrid tr.jqgrow.ui-row-rtl td:last-child {
+	border-right:none;
+	border-left:1px solid #E1E1E1;
+}
+
+.ui-jqgrid .ui-jqgrid-hdiv {
+	background-color:@modal-footer-bg;
+    border: 1px solid #D3D3D3;
+	border-width:1px 0 0 1px;
+
+    line-height: 15px;
+    font-weight: bold;
+    color: #777;
+    text-shadow: none;
+}
+
+
+.ui-jqgrid .ui-jqgrid-htable {
+	thead {
+		background-color:@modal-footer-bg;
+	}
+	th span.ui-jqgrid-resize {
+		height: 45px !important;
+	}
+	th div {
+		padding-top: 12px;
+		padding-bottom: 12px;
+	}
+}
+
+
+.ui-jqgrid-hdiv .ui-jqgrid-htable {
+  border-top:none;
+}
+//when titlebar is hidden
+.ui-jqgrid-hdiv .ui-jqgrid-htable {
+  border-top: 1px solid #E1E1E1;
+}
+
+.ui-jqgrid-titlebar {
+ position:relative;
+ top:1px;//so it will cover the .ui-jqgrid-htable border if it's visible
+ z-index:1;
+}
+
+
+.ui-jqgrid {
+ tr.jqgrow , tr.ui-row-ltr , tr.ui-row-rtl{
+	border:none;
+ }
+ tr.ui-row-ltr td, tr.ui-row-rtl td {
+	border-bottom: 1px solid #E1E1E1;
+	padding:6px 4px;
+	border-color:#E1E1E1;
+ }
+
+ tr.ui-state-highlight.ui-row-ltr td {	
+	border-right-color:#C7D3A9;
+ }
+ tr.ui-state-highlight.ui-row-rtl td {	
+	border-left-color:#C7D3A9;
+ }
+}
+
+.ui-jqgrid-btable .ui-widget-content {
+	&.ui-priority-secondary{
+		background-image:none;
+		background-color: #F9F9F9;
+		opacity: 1;
+	}
+	&.ui-state-hover {
+		background-image:none;
+		background-color: #EFF4F7;
+		opacity: 1;
+	}
+	&.ui-state-highlight {
+		background-color:#E4EFC9;
+	}
+}
+
+
+
+.ui-jqgrid {
+	.ui-jqgrid-pager {
+		line-height: 15px;
+		height: 55px;
+		
+		padding-top:3px !important;
+		padding-bottom:5px !important;
+		
+		background-color:@modal-footer-bg !important;
+		
+		border-bottom: 1px solid #E1E1E1 !important;
+		border-top: 1px solid #E1E1E1 !important;
+		//border:1px solid #E1E1E1 !important;
+	}
+	
+
+	.ui-pg-input {
+		font-size: inherit;
+		width:24px;
+		
+		height:20px;
+		line-height:16px;
+		.box-sizing(content-box);
+		
+		text-align:center;
+		padding-top:1px; padding-bottom:1px;
+	}
+
+	.ui-pg-selbox {
+		display: block;
+		height:24px;
+		width:60px;
+		margin: 0;
+		padding: 1px;
+		line-height: normal;
+	}
+	
+	.ui-jqgrid-htable th div{
+		overflow:visible;
+	}
+	
+	.ui-pager-control {
+		height: 50px;
+		position: relative;
+		padding-left:9px;
+		padding-right:9px;
+	}
+	
+	
+	.ui-jqgrid-toppager {
+		height:auto !important;
+		background-color:@modal-footer-bg;
+		border-bottom:1px solid #E1E1E1 !important;
+	}
+
+	.jqgrow .editable {
+		max-width: 90%;
+		max-width: calc(98% - 6px) !important;
+	}
+}
+
+
+
+.ui-pg-table .navtable .ui-corner-all{
+    border-radius: 0;
+}
+
+
+.ui-jqgrid .ui-pg-button:hover {
+    padding: 1px;
+}
+
+.ui-jqgrid .ui-pg-button .ui-separator {
+	margin-left:4px;
+	margin-right:4px;
+	border-color:#C9D4DB;
+}
+
+.ui-jqgrid .ui-jqgrid-btable {
+ border-left:1px solid #E1E1E1;
+}
+.ui-jqgrid .ui-jqgrid-bdiv {
+	border-top:1px solid #E1E1E1;
+	//.box-sizing(content-box);
+}
+
+
+
+
+.ui-jqgrid .loading {
+	position: absolute; 
+	top: 45%;
+	left: 45%;
+	width: auto;
+	height: auto;
+	z-index: 101;
+	
+	padding: 6px; 
+	margin: 5px;
+	
+	text-align: center;
+	//display: none;
+	font-weight: bold;
+
+	font-size: @base-font-size - 1;
+	
+	background-color: #FFF;
+	border: 2px solid #8EB8D1;
+	color: #E2B018;
+}
+
+
+
+
+
+
+.ui-jqgrid .ui-search-toolbar {
+	 border-top: 1px solid #E1E1E1;
+}
+.ui-jqgrid .ui-jqgrid-labels {
+	border-bottom:none;
+	background:#F2F2F2;
+	#gradient > .vertical(@table-labels-grad-color1 , @table-labels-grad-color2);
+	
+	padding:0 !important;
+	border-left:1px solid #E1E1E1 !important;
+	
+	th {
+		border-right:1px solid #E1E1E1 !important;
+		text-align:left !important;
+	}
+}
+
+
+/* checkbox container */
+.ui-jqgrid-labels th[id*="_cb"]:first-child > div {
+ padding-top:0;
+ text-align:center !important;
+}
+
+
+
+
+.ui-jqgrid-sortable {
+  padding-left:4px;
+  font-size:@base-font-size;
+  color:#777;
+  font-weight:bold;
+
+  &:hover {
+	color:@table-sort-hover;
+  }
+}
+
+th[aria-selected=true] {
+ #gradient > .vertical(#EFF3F8 , #E3E7ED);
+ .ui-jqgrid-sortable {
+	color:@table-sort-active;
+ }
+}
+
+
+
+.ui-jqgrid .ui-icon {
+  text-indent: 0;
+  color: @table-sort-active;
+  float: none;
+  right: 2px;
+  //position: absolute;
+  
+  .rtl & {
+	right: auto;
+	left: 2px;
+  }
+  
+  &.ui-state-disabled {
+	color: #BBB;
+	&:hover {
+		padding: 0;
+	}
+  }
+}
+
+
+.ui-grid-ico-sort:before {
+ display: inline;
+ content: "\f0d7";
+ font-family: FontAwesome;
+ font-size: @base-font-size - 1;
+}
+.ui-icon-asc:before {
+ content:"\f0d8";
+}
+
+
+
+
+.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon {
+  display:inline-block;
+  padding:0;
+  width:24px; height:24px; line-height:22px;
+  text-align:center;
+  
+  position:static;
+  float:none;
+  margin:0 2px !important;
+  
+
+  color:#808080;
+  border:1px solid #CCC;
+  background-color:#FFF;
+  border-radius:100%;
+
+  &:hover {
+		color:#699AB5;
+		border-color:#699AB5;
+  }
+  &:before {
+	width:20px;
+	text-align:center;
+	display:inline-block;
+  }
+}
+
+.ui-pg-table > tbody > tr > .ui-pg-button.ui-state-disabled .ui-icon{
+  color:#B0B0B0;
+  background-color:#F7F7F7;
+  border-color:#DDD;
+ 
+  .transform(~"scale(0.9)");
+}
+
+
+
+
+
+
+.ui-jqgrid-btable {
+	input , textarea, select{
+		padding:2px;
+		width:auto;
+		max-width:100%;
+		margin-bottom:0;
+	}
+	select  {
+		padding:1px;
+		height:25px;
+		line-height:25px;
+	}
+}
+
+.ui-pg-div .ui-icon{
+  display: inline-block;
+  width: 18px;
+  float: none;
+  
+  position: static;
+  text-align: center;
+  opacity: 0.85;
+  
+  .transition(~"all 0.12s");
+  margin: 0 1px;
+  
+  vertical-align: middle;
+  cursor: pointer;
+  
+  font-size: @font-size-grid-pager;
+  
+  &:hover{
+	.transform(~"scale(1.2)");
+	opacity: 1;
+	position: static;
+	margin: 0 1px;
+  }
+  &:before {
+	font-family:FontAwesome;
+	display:inline;
+  }
+}
+
+.ui-jqgrid {
+ .ui-icon-pencil { color:#478FCA; }
+ .ui-icon-pencil:before { content:"\f040"; }
+ .ui-icon-trash { color:#DD5A43; }
+ .ui-icon-trash:before { content:"\f014"; }
+ .ui-icon-disk { color:#69AA46; }
+ .ui-icon-disk:before { content:"\f00c"; }
+ .ui-icon-cancel { color:#DD5A43; }
+ .ui-icon-cancel:before { content:"\f00d"; }
+}
+
+
+.ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content {
+	font-size:@base-font-size;
+	padding:4px 0 0;
+
+	.formdata {
+		font-size:@base-font-size;
+		padding:6px 12px;
+	}
+
+	.form-view-data {
+		vertical-align:middle;
+		font-size:@base-font-size;
+	}
+	
+	
+	&[id*="alertcnt_"]{
+		padding: 8px 11px;
+	}
+}
+
+.ui-jqdialog-content {
+	.CaptionTD {
+		font-size: @base-font-size - 1;
+		text-align: right;
+		color: #666;
+	}
+	.FormData {
+		border-bottom:1px dotted #E8E8E8;
+		&:last-child {
+			border-bottom:none;
+		}
+		
+		> td {
+			padding-top:6px;
+			padding-bottom:6px;
+		}
+	}
+	input.FormElement {
+		width:auto;
+	}
+	select.FormElement {
+		padding:1px;
+		height:25px;
+		line-height:25px;
+		width:auto;
+	}
+	td.EditButton {
+		padding:8px;
+	}
+}
+
+
+.EditTable {
+  background-color:@modal-footer-bg;
+  border-top:1px solid #D6E1EA !important;
+  padding:8px;
+  
+  tr:first-child{
+	display:none;
+  }
+
+  
+  .navButton .fm-button {
+	float:none !important;
+	width:auto !important;
+	margin:1px 1px 2px !important;
+	background-color:transparent;
+	border-radius:100%;
+	
+	&:hover {
+		background-color:transparent;
+	}
+	&:focus {
+		outline:none;
+	}
+	
+	.@{icon} {
+		display:inline-block;
+		color:#999;
+		border:1px solid #AAA;
+		width:26px;
+		height:26px; line-height:26px;
+		text-align:center;
+		border-radius:100%;
+
+		background-color:#FFF;
+	}
+	
+	&:hover .@{icon} {
+		color:#699AB5;
+		border-color:#699AB5;
+	}
+	
+	&.ui-state-disabled , &.ui-state-disabled:hover {
+		.@{icon} {
+			color:#BBB;
+			border-color:#CCC;
+			.transform(~"scale(0.88)");
+		}
+	}
+
+  }
+}
+
+
+.FormGrid  .EditTable {
+  background-color:#FFF;
+  border-top:none !important;
+  padding:0;
+
+  tr:first-child{
+	display:none;
+  }
+}
+
+
+ .ui-jqgrid .ui-jqgrid-view {
+	input, select, textarea, button {
+		font-size: @base-font-size;
+	}
+ }
+
+
+.ui-jqdialog-content .searchFilter {
+ select {
+	padding:1px;
+	height:26px;
+	line-height:26px;
+	width:auto;  max-width:95%;
+	margin-bottom:0;
+ }
+ .input-elm {
+	margin-bottom:0;
+	height:18px;
+	line-height:18px;
+	width:95% !important;
+	padding-left:1px;
+	padding-right:1px;
+	
+	.box-sizing(content-box);
+ }
+ 
+ table {
+	margin-left:4px;
+ }
+ tr td {
+	padding:5px 0;
+ }
+ 
+ .add-group , .add-rule , .delete-group {
+	margin-left: 4px !important;
+	font-size: @base-font-size + 2 !important;
+ }
+
+ .delete-rule {
+	border:none;
+	background-color:#FFF;
+    color: #D15B47;
+    font-size: 20px;
+    width: 22px;
+    line-height: 10px;
+    padding: 0;
+    text-shadow: none !important;
+    
+	display:inline-block;
+	.transition(~"all 0.1s");
+	opacity:0.85;
+	&:hover {
+		.transform(~"scale(1.1)");
+		color:#B74635;
+		opacity:1;
+	}	
+ }
+ 
+ 
+ .queryresult {
+	margin-bottom:11px;
+	td.query {
+		padding:6px 11px;
+		border:1px solid #E1E1E1;
+		background-color:#EEEEEE;
+		&:empty {
+			display:none;
+		}
+	}
+ }
+
+}
+
+
+
+
+
+
+.ui-state-error {
+    background-color: @state-danger-bg;
+    border: 1px solid @state-danger-border;
+    color: @state-danger-text;
+	
+	margin:4px 4px 8px;
+    padding: 6px 10px;
+    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+	
+	font-size:@base-font-size;
+}
+
+
+
+.ui-jqdialog .ui-widget-header {
+	#gradient > .vertical(#FFFFFF , #EEEEEE);
+
+	border-image: none;
+	border-bottom:1px solid solid;
+	color: #669FC7;
+	min-height: 38px;
+	position: relative;
+	
+	.ui-jqdialog-title{
+		line-height: 38px;
+		margin: 0;
+		padding: 0;
+		padding-left: 12px;
+		text-align: left;
+	}
+}
+
+
+.widget-header .ui-jqdialog-title{
+	padding-left:0 !important;
+	padding-right:0 !important;
+}
+
+.ui-jqdialog .ui-widget-header .widget-header{
+	border-bottom:none;
+}
+.ui-jqdialog .ui-jqdialog-titlebar {
+	border-bottom:1px solid #DDD !important;
+}
+
+.fm-button {
+	margin:0 4px;
+}
+.fm-button:not(.btn) {
+	background-color: @btn-default;
+	border-radius: 0 ;
+	box-shadow: none;
+	color: #FFFFFF ;
+	cursor: pointer;
+	display: inline-block;
+	font-size: @base-font-size;
+	line-height: 28px;padding: 0 12px 1px;
+	margin: 0 8px;
+	position: relative;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+	.transition(~"all 0.15s");
+	vertical-align: middle;
+
+}
+.fm-button.ui-state-default:hover {
+	background-color:@btn-default-hover;
+}
+
+
+//search toolbar
+.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th {
+	height: 30px;
+    padding-top:2px;
+	white-space: normal;
+	div {
+		padding-top: 0;
+		padding-bottom: 0;
+		height: 30px;
+		line-height: 26px;
+	}
+}
+
+
+//titlebar close/open button
+.ui-jqgrid .ui-jqgrid-titlebar-close {
+   top: 10%;
+   height: auto;
+   padding: 0;
+   margin: 2px 8px 0 0;
+   text-align: center;
+   border-radius: 4px;
+   
+   &:hover {
+	background-color: rgba(255,255,255,0.2);
+   }
+
+  .ui-icon:before {
+	display: inline-block;
+    font-family: FontAwesome;
+	content: "\f077";
+	color: #FFF;
+  }
+  .ui-icon-circle-triangle-s:before {
+	content: "\f078";
+  }
+}
+
+
+
+.ui-jqgrid .tree-wrap-ltr {
+	margin: 0 4px;
+	float: none;
+	display: inline;
+}
+.ui-jqgrid .tree-wrap-rtl {
+	margin: 2px 4px 0;
+}
+
+///
+//subgrid
+.ui-jqgrid .ui-subgrid {
+ border-bottom: 1px solid #E1E1E1;
+ background-color: #F6FAFF;
+
+ .ui-jqgrid-btable {
+	background-color: #FFF;
+ }
+
+ .ui-jqgrid .ui-jqgrid-hdiv {
+	background-color: transparent;
+	margin-top: 4px;
+	.ui-jqgrid-htable {
+		
+		.ui-jqgrid-labels {
+			border-bottom: 1px solid #E1E1E1;
+			background: #F1F1F1;
+		}
+		
+		th[aria-selected="true"] {
+			background: #E5E9EF;
+		}
+		th .ui-jqgrid-sortable {
+			font-size: 12px;
+		}
+		th div {
+			padding-top: 8px;
+			padding-bottom: 8px;
+		}
+		th span.ui-jqgrid-resize {
+			height: 36px !important;
+		}
+	}
+ }
+ .ui-jqgrid .ui-jqgrid-bdiv {
+	height: auto !important;
+	max-height: 150px;
+	margin-bottom: 4px;
+
+	border-top-width: 0;	
+	border-bottom: 1px solid #E1E1E1;
+ } 
+}
+
+.ui-jqgrid  {
+ .ui-sgcollapsed > a:hover {
+	text-decoration: none;
+ }
+}
+
+
+
+
+@media only screen and (max-width: @screen-xs-max) {
+
+ .ui-jqgrid .ui-jqgrid-pager {
+    height: 90px;
+    > .ui-pager-control {
+		height: 85px;
+		padding-top: 9px;
+		
+		> .ui-pg-table {
+			> tbody > tr > td { 
+				vertical-align: top; 
+				
+				//move the center one a bit down
+				&#grid-pager_center {
+					width: 0 !important;
+					position: static;
+					
+					> .ui-pg-table {
+						margin: 36px auto 0;
+						position: absolute;
+						right: 0;
+						left: 0;
+						text-align: center;
+					}
+				}
+			}
+		}
+    }
+ }
+}
+
+@media only screen and (max-width: @screen-xs-max) and (-webkit-min-device-pixel-ratio:0) {
+ .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td#grid-pager_center > .ui-pg-table {
+	width: 300px;//required by chrome to put the table at center
+ }
+}
+
+
+}
+.enable_plugin_jqgrid();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/thirdparty-jquery-ui.less b/web/bootstrap-ace-admin/css/less/thirdparty-jquery-ui.less
new file mode 100755
index 00000000..28a6bc70
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/thirdparty-jquery-ui.less
@@ -0,0 +1,458 @@
+.enable_plugin_jquery_ui() when(@enable-plugin-jquery-ui = true) {
+
+.ui-datepicker {
+	background-color:#FFF;
+	border:1px solid rgba(0, 0, 0, 0.2);
+	.box-shadow(@dropdown-shadow);
+	
+	.ui-datepicker-prev , .ui-datepicker-next {
+		height: 26px;
+		min-width: 32px;
+		max-width:32px;
+		text-align: center;
+		cursor:pointer;
+		color:transparent;
+		line-height:26px;
+		
+		.box-sizing(content-box);
+		
+		.ui-icon {
+			color:transparent;
+			visibility:hidden;
+		}
+		
+		&:hover {
+			background-color:#EEE;
+			text-decoration:none;
+		}
+		&:before {
+			display: inline;
+			font-family: FontAwesome;
+			font-size: @base-font-size + 1;
+			content: "\f060";
+			color: @text-color;
+		}
+		&-hover {
+			top:2px;
+		}
+	}
+	.ui-datepicker-next:before {
+		content:"\f061";
+	}
+	.ui-datepicker-prev-hover {
+		left: 2px;
+	}
+	.ui-datepicker-next-hover {
+		right: 2px;
+	}
+	
+	
+	
+	td {
+		padding:0;
+		> a , > span {
+			display:inline-block;
+			height: 22px;
+			min-width: 24px;
+			max-width:24px;
+			text-align:center;
+			color:@text-color;
+			font-size:@base-font-size;
+			
+			.box-sizing(content-box);
+		}
+		> a {
+			&:hover {
+				background-color:#EEE;
+			}
+			&.ui-state-highlight {
+				background-color:#D5E5EF;
+			}
+			&.ui-state-active{
+				background-color:@datepicker-active-bg;
+				color:#FFF;
+			}
+			&.ui-priority-secondary{
+				color:#888;
+			}
+		}
+		> span  {
+			color:#999;
+		}
+		
+		.ui-datepicker-title select {
+			height:24px;
+			line-height:24px;
+			padding:2px 3px;
+		}
+		
+		.ui-datepicker-buttonpane {
+			background-color:#DDD;
+			height:1px;
+		}
+	}
+}
+
+
+
+
+/* dialog */
+.ui-widget-overlay  {
+  background:rgba(0,0,0,0.25);
+  .opacity(1) !important;
+  z-index: @zindex-modal - 1 !important;
+}
+.ui-dialog , .ui-jqdialog {
+  z-index: @zindex-modal !important;
+
+  background-color:#FFF;
+  padding:0;
+  border:1px solid #DDD;
+  .box-shadow(~"0 2px 4px rgba(0, 0, 0, 0.2)");
+
+  .ui-dialog-titlebar , .ui-jqdialog-titlebar {
+	background-color: #F1F1F1;
+	font-size: @base-font-size + 3;
+	color: @widget-header-color;
+	padding: 0;
+ }
+ .ui-dialog-title , .ui-jqdialog-title {
+	float: none !important;//to override .RTL's
+	width: auto;
+ }
+ .widget-header {
+	margin:0;
+	border-width:0 0 1px 0;
+  }
+ 
+ 
+ .ui-dialog-buttonpane , .ui-jqdialog-buttonpane {
+	background-color:@modal-footer-bg;
+	border-top:1px solid @modal-footer-border;
+	button {
+		font-size: @base-font-size + 1;
+	}
+ }
+ 
+ .ui-dialog-titlebar-close , .ui-jqdialog-titlebar-close {
+	border:none;
+	background:transparent;
+	opacity:0.4;
+	color:@btn-danger;
+	padding:0;
+	top:50%;
+	right:8px !important;
+	text-align:center;
+	
+	&:before {
+		content: "\f00d";
+		display: inline;
+		font-family: FontAwesome;
+		font-size: @font-size-jquery-dialog-close;
+	}
+	&:hover {
+		opacity:1;
+		text-decoration:none;
+		padding:0;
+	}
+	
+	.ui-button-text {
+		text-indent:0;
+		visibility:hidden;
+	}
+ }
+
+ .widget-header .ui-dialog-titlebar-close , .widget-header .ui-jqdialog-titlebar-close {
+	right:10px !important;
+ }
+
+}
+
+
+
+
+/* accordion */
+.ui-accordion {
+	.ui-accordion-header {
+		color:@accordion-header-text;
+		font-weight:normal;
+		background-color:#F9F9F9;
+
+		border:1px solid @accordion-border;
+
+		padding:8px 8px 9px 24px;
+		
+		&:hover {
+			color:@accordion-header-text-hover;
+			background-color:@accordion-header-hover-bg;
+		}
+		
+		&.ui-state-active {
+			color:@tab-hover-color;
+			background-color:@accordion-active-bg;
+			position:relative;
+			font-weight:bold;
+		}
+		
+		.ui-accordion-header-icon {
+			text-indent: 0;
+			margin-top: 0;
+			
+			position: absolute;
+			left: 10px;
+			top: 7px;
+			
+			&:before {
+				 display: inline;
+				 font-family: FontAwesome;
+				 font-size: @base-font-size + 2;
+				 content: "\f0da";
+			}
+		}
+		&.ui-state-active .ui-accordion-header-icon:before {
+			content:"\f0d7";
+			font-weight:normal;
+		}
+	}
+	
+	.ui-accordion-content {
+		border:1px solid @accordion-border;
+		border-top-width:0;
+		padding:11px 16px;
+	}
+}
+
+
+
+
+
+/* tabs */
+.ui-tabs {
+	.ui-tabs-nav {
+		padding:0;
+		border-bottom:1px solid #C5D0DC;
+		li.ui-state-default > a{
+			background-color: #F9F9F9;
+			border: 1px solid #C5D0DC;
+			border-bottom-width:0;
+			
+			color: #999;
+			line-height: 16px;
+			margin-right: -1px;
+			position: relative;
+			z-index: 11;
+			
+			padding:8px 12px;
+			
+			position:relative; top:2px;	
+		}
+		li > a:focus {
+			outline:none;
+		}
+		
+		li.ui-tabs-active > a{
+			background-color:#FFF;
+			
+			border:1px solid;
+			border-color:#4C8FBD #C5D0DC transparent;
+			border-top-width:2px;
+			
+			.box-shadow(~"0 -2px 3px 0 rgba(0, 0, 0, 0.15)");
+			color:#576373;
+			
+			position:relative; top:1px;
+		}
+	}
+	
+	.ui-tabs-panel {
+		border:1px solid #C5D0DC;
+		border-top-width:0;
+		margin:0;
+		left:auto; right:auto;
+		top:auto; bottom:auto;
+	}
+}
+
+
+
+
+
+
+
+/* menu */
+.ui-menu {
+	.box-sizing(content-box);
+
+	width:150px;
+	.box-shadow(@dropdown-shadow);
+	background-color:#FFF;
+	border:1px solid rgba(0, 0, 0, 0.2);
+	padding:3px;
+	
+
+	.ui-state-focus, .ui-state-active {
+		margin: auto;
+	}
+	
+	.ui-menu-item {
+		padding: 5px 10px 6px;
+		color: #444;
+		cursor: pointer;
+		display: block;
+		
+		.box-sizing(inherit);
+	}
+	
+	.ui-menu-item .ui-menu-icon {
+		float: right;
+		position: relative;
+		//top: 2px;
+		left: auto;
+		right: 4px;
+		bottom: auto;
+		text-indent: 0;
+
+		&:before {
+			content: "\f105";
+			font-family: FontAwesome;
+			font-size: @base-font-size + 1;
+			display: inline;
+		}
+	}
+	
+	.ui-menu-item:hover, .ui-state-focus , .ui-state-active {
+		& , > .ui-menu-icon {
+			text-decoration: none;
+			background-color: @dropdown-menu;
+			color: #FFF;
+			margin: auto;
+			font-weight: normal;
+
+			.ui-menu-icon {
+				color: #FFF;
+			}
+		}
+	}
+	
+	.ui-state-disabled, .ui-state-disabled .ui-menu-icon {
+		color: #999;
+		cursor: default;
+	}
+	.ui-state-disabled:hover, .ui-state-disabled.ui-state-focus , .ui-state-disabled.ui-state-active {
+		& , .ui-menu-icon {
+			background-color: #FFF;
+			color: #999;
+		}
+	}
+
+}
+
+
+
+/* auto complete */
+.ui-autocomplete {
+	background-color:#FFF;
+	border:1px solid rgba(0, 0, 0, 0.2);
+	.box-shadow(@dropdown-shadow);
+}
+.ui-autocomplete-category {
+	padding:6px;
+	position:relative;
+	background-color:@accordion-active-bg;
+	color:@ace-blue;
+	font-weight:bolder;
+	border:1px solid #DAE6ED;
+	border-width:1px 0;
+}
+
+
+
+
+
+
+
+
+
+// spinner
+.ui-spinner-button {
+    border-width:0 !important;
+    font-size: @font-size-jquery-spinner;
+    height: 16px;
+    line-height: 16px;
+    padding: 0;
+    width: 18px;
+
+	color: #FFFFFF !important;
+	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
+	
+	display:inline-block;
+	position:absolute;
+	text-align:center;
+	padding:0;
+
+	 > .@{icon} {
+		width:18px;
+		display:inline-block;
+	}
+}
+.ui-spinner-up {
+	top:0;
+	right:5px;
+}
+.ui-spinner-down {
+	bottom:3px;
+	right:5px;
+}
+
+
+.ui-spinner-input {
+	margin-top: 0;
+	padding: 5px;
+	max-width: 100px;
+	font-size: @font-size-text-input;
+}
+
+
+.ui-tooltip {
+	background-color:#444;
+	color:#FFF;
+}
+
+.ui-progressbar {
+	background-color: @progress-bg;
+	height:22px;
+	.ui-progressbar-value {
+		margin:0;
+		
+		&[class="progress-bar"] {
+			background-color:@progress-color;
+		}
+	}
+}
+
+
+
+//selectmenu
+.ui-selectmenu-button {
+ border: 1px solid #aaa;
+ &[aria-expanded=true] {
+	border-color: #4492C9;
+ }
+ 
+ span.ui-icon {
+	text-indent: 0;
+	margin-top: -10px;
+ }
+ .ui-icon:before {
+	content: "\f0d7";
+	display: inline-block;
+  
+	color: #888;
+	font-family: FontAwesome;
+	font-size: @base-font-size + 1;
+ }
+}
+
+
+}
+.enable_plugin_jquery_ui();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/thirdparty-nestable.less b/web/bootstrap-ace-admin/css/less/thirdparty-nestable.less
new file mode 100755
index 00000000..bf235c6e
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/thirdparty-nestable.less
@@ -0,0 +1,290 @@
+.enable_plugin_nestable_list() when(@enable-plugin-nestable-list = true) {
+
+.dd { 
+	position: relative;
+	display: block;
+	margin: 0; padding: 0;
+	max-width: 600px;
+	list-style: none;
+	line-height: 20px;
+}
+.dd-list {
+	display: block;
+	position: relative;
+	margin: 0; padding: 0; list-style: none;
+	
+	.dd-list {
+		padding-left: 30px;
+	}
+	.dd-collapsed & {
+		display: none;
+	}
+}
+
+.dd-item,
+.dd-empty,
+.dd-placeholder {
+	display: block;
+	position: relative;
+	margin: 0;
+	padding: 0;
+	min-height: 20px;
+	line-height: 20px;
+ }
+
+.dd-handle  , .dd2-content {
+	display: block;
+	min-height: 38px;
+	margin: 5px 0;
+	padding: 8px 12px;
+	
+	background: #F8FAFF;
+	border: 1px solid #DAE2EA;
+	color: #7C9EB2;
+	text-decoration: none;
+	font-weight: bold;    
+
+    .box-sizing(border-box);
+	
+	
+	&:hover { 
+		color: #438EB9;
+		background: #F4F6F7; 
+		border-color:#DCE2E8;
+	}
+	
+	&[class*="btn-"] {
+		color:#FFF;
+		border:none;
+		padding: 9px 12px;
+
+		&:hover {
+			opacity:0.85;
+			color:#FFF;
+		}
+	}
+}
+.dd2-handle  + .dd2-content,
+.dd2-handle  + .dd2-content[class*="btn-"]
+{
+	padding-left:44px;
+}
+.dd-handle[class*="btn-"]:hover , .dd2-content[class*="btn-"]
+.dd2-handle[class*="btn-"]:hover  + .dd2-content[class*="btn-"] {
+	//opacity:0.85;
+	color:#FFF;
+}
+
+.dd-item > button:hover {
+	~ .dd-handle  , ~ .dd2-content {
+		color: #438EB9;
+		background: #F4F6F7; 
+		border-color:#DCE2E8;
+	}
+	~ .dd-handle[class*="btn-"]  , ~ .dd2-content[class*="btn-"] {
+		opacity:0.85;
+		color:#FFF;
+	}
+}
+.dd2-handle:hover {
+	~ .dd2-content {
+		color: #438EB9;
+		background: #F4F6F7; 
+		border-color:#DCE2E8;
+	}
+	~ .dd2-content[class*="btn-"] {
+		opacity:0.85;
+		color:#FFF;
+	}
+}
+
+
+
+
+
+.dd2-item.dd-item > button {
+	margin-left:34px;
+}
+.dd-item > button {
+	display: block;
+	position: relative; z-index:1;
+	cursor: pointer;
+	
+	float: left;
+	width: 25px;
+	height: 20px;
+	margin: 5px 1px 5px 5px;
+	padding: 0;
+	
+	text-indent: 100%;
+	white-space: nowrap;
+	overflow: hidden;
+	
+	border: 0;
+	background: transparent;
+	font-size: @base-font-size - 1;
+	
+	line-height: 1;
+	text-align: center;
+	font-weight: bold; 
+	
+	top:4px;
+	left:1px;
+	
+	color:#707070;
+ }
+.dd-item > button:before {
+	font-family: FontAwesome;
+	content: '\f067';
+	
+	display: block;
+	position: absolute;
+	width: 100%;
+	
+	text-align: center;
+	text-indent: 0;
+	
+	font-weight: normal;
+	font-size: @base-font-size + 1;
+}
+.dd-item > button[data-action="collapse"]:before {
+	content: '\f068';
+}
+.dd-item > button:hover {
+	color:#707070;
+}
+.dd-item.dd-colored > button , .dd-item.dd-colored > button:hover {
+	color:#EEE;
+}
+
+
+.dd-placeholder,
+.dd-empty {
+	margin: 5px 0;
+	padding: 0;
+	min-height: 30px;
+	background: #F0F9FF;
+	border: 2px dashed #BED2DB;
+	.box-sizing(border-box);
+ }
+.dd-empty  {
+	border-color:#AAA;
+	border-style:solid;
+	background-color: #e5e5e5;
+}
+
+.dd-dragel {
+	position: absolute;
+	pointer-events: none;
+	z-index: 999;
+	opacity:0.8;
+	
+	> li > .dd-handle {
+		color:#4B92BE;
+		background:#F1F5FA;
+		
+		border-color:#D6E1EA;
+		//opacity:0.85;
+		border-left:2px solid #777;
+		
+		position:relative;
+		
+		&[class*="btn-"]  {
+			color:#FFF;
+		}
+	}
+ }
+.dd-dragel > .dd-item > .dd-handle {
+	margin-top: 0;
+}
+
+
+.dd-list > li[class*="item-"] {
+  border-width:0;padding:0;
+
+  > .dd-handle {
+	border-left:2px solid;
+	border-left-color:inherit;
+ }
+}
+
+.dd-list > li > .dd-handle .sticker {
+  position:absolute;
+  right:0;
+  top:0;
+}
+
+
+
+
+.dd2-handle , .dd-dragel > li > .dd2-handle {
+	position:absolute;
+	left:0;	top:0; 
+	width:36px;
+	margin:0;
+	border-width:1px 1px 0 0;
+	text-align:center;
+	padding:0 !important;
+	line-height:38px;
+	height:38px;
+ 
+	background: #EBEDF2;
+	border: 1px solid #DEE4EA;
+
+	cursor: pointer;
+	overflow: hidden;
+	position: absolute;
+	z-index:1;
+}
+.dd2-handle:hover , .dd-dragel > li > .dd2-handle{
+	background:#E3E8ED;
+}
+
+
+
+
+.dd2-content[class*="btn-"] {
+	text-shadow:none !important;
+}
+.dd2-handle[class*="btn-"] {
+	text-shadow:none !important;
+	background:rgba(0,0,0,0.1) !important;
+	border-right:1px solid #EEE;
+}
+.dd2-handle[class*="btn-"]:hover {
+	background:rgba(0,0,0,0.08) !important;
+}
+.dd-dragel .dd2-handle[class*="btn-"] {
+	border-color:transparent;
+	border-right-color:#EEE;
+}
+.dd2-handle.btn-yellow {
+	text-shadow:none !important;
+	background:rgba(0,0,0,0.05) !important;
+	border-right:1px solid #FFF;
+}
+.dd2-handle.btn-yellow:hover {
+	background:rgba(0,0,0,0.08) !important;
+}
+.dd-dragel .dd2-handle.btn-yellow {
+	border-color:transparent;
+	border-right-color:#FFF;
+}
+
+
+.dd-item  > .dd2-handle .drag-icon {
+	display:none;
+}
+.dd-dragel > .dd-item > .dd2-handle .drag-icon {
+	display:inline;
+}
+.dd-dragel > .dd-item > .dd2-handle .normal-icon {
+	display:none;
+}
+
+
+
+
+}
+
+.enable_plugin_nestable_list();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/thirdparty-raty.less b/web/bootstrap-ace-admin/css/less/thirdparty-raty.less
new file mode 100755
index 00000000..fbb2854d
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/thirdparty-raty.less
@@ -0,0 +1,58 @@
+.enable_plugin_raty() when (@enable-plugin-raty = true) {
+
+.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
+  font-size: 2em;
+}
+
+.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  font-family: "FontAwesome";
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  speak: none;
+  text-transform: none;
+  
+  color: @ace-grey;
+}
+
+.cancel-on-png {
+  &:before {
+	content: "\f057";
+  }
+  color: @ace-red;
+}
+
+.cancel-off-png {
+  &:before {
+	content: "\f05c";
+  }
+  color: @ace-red2;
+}
+
+.star-on-png {
+  &:before {
+	content: "\f005";
+  }
+  color: @ace-orange2;
+}
+
+.star-off-png {
+  &:before {
+	content: "\f006";
+  }
+  color: @ace-grey;
+}
+
+.star-half-png {
+  &:before {
+	content: "\f123";
+  }
+  color: @ace-orange2;
+}
+
+
+}
+.enable_plugin_raty();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/thirdparty-select2.less b/web/bootstrap-ace-admin/css/less/thirdparty-select2.less
new file mode 100755
index 00000000..fafd25d1
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/thirdparty-select2.less
@@ -0,0 +1,251 @@
+.enable_plugin_select2() when(@enable-plugin-select2 = true) {
+
+
+.select2-container .select2-choice {
+	.border-radius(0);
+	 height: 32px;
+	 line-height: 28px;
+}
+.select2-container.select2-drop-above .select2-choice {
+	.border-radius(0);
+}
+
+.select2-container[class*="input-"] {
+	max-width: none;
+}
+.select2-container.input-mini {
+	min-width: 100px;
+}
+
+.select2-container .select2-choice abbr , .select2-search-choice-close {
+    background: none;
+	&:before {
+		font-family: FontAwesome;
+		font-size: @base-font-size - 1;
+		display: inline;
+		content: "\f00d";
+		color: #888;
+		position: relative;
+		top: -1px;
+	}
+	&:hover:before {
+		color:#555;
+	}
+}
+.select2-container .select2-choice abbr:before {
+	top:-7px;
+}
+.select2-search-choice-close:hover {
+	text-decoration:none !important;
+}
+
+
+.select2-drop {
+	.border-radius(0);
+	border:1px solid #4492C9;
+	border-width:0 1px 3px;
+}
+.select2-drop.select2-drop-above {
+	.border-radius(0);
+}
+.select2-container .select2-choice {
+	background:#FAFAFA none;
+}
+
+
+.select2-container-active .select2-choice,
+.select2-container-active .select2-choices,
+.select2-dropdown-open.select2-drop-above .select2-choice,
+.select2-dropdown-open.select2-drop-above .select2-choices,
+.select2-container-multi.select2-container-active .select2-choices
+{
+	border-color:#4492C9;
+}
+
+.select2-results .select2-highlighted {
+    background: #316AC5;
+}
+.select2-container .select2-choice .select2-arrow {
+	.border-radius(0);
+	background:transparent none;
+	border:none;
+}
+.select2-container .select2-choice .select2-arrow b {
+    background: none;
+	&:before {
+		font-family: FontAwesome;
+		font-size: @base-font-size - 1;
+		display: inline;
+		content: "\f0d7";
+		color: #888;
+		position: relative;
+		left: 5px;
+	}
+}
+.select2-dropdown-open  .select2-choice .select2-arrow b:before {
+	content:"\f0d8";
+}
+
+.select2-search {
+	.select2-input {
+		background: #fff none;
+		margin-top:4px;
+	}
+	&:after {
+		font-family: FontAwesome;
+		font-size: @base-font-size + 1;
+		display: inline;
+		content: "\f002";
+		color: #777;
+		position: relative;
+		top: 0;
+		left: -20px;
+		z-index: 0;
+	}
+}
+
+.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices
+ {
+	background-image: none;
+	background-color: #F6F6F6;
+}
+.select2-container-multi .select2-choices .select2-search-field input {
+	border: none !important;
+	.box-shadow(none) !important;
+	background: none !important;
+	font-size: @font-size-text-input;
+}
+.select2-container-multi .select2-choices .select2-search-choice {
+	line-height: 16px;
+	padding-bottom: 4px;
+}
+
+
+.select2-container-active .select2-choice,
+.select2-container-active .select2-choices,
+.select2-container-multi.select2-container-active .select2-choices,
+.select2-dropdown-open.select2-drop-above .select2-choice,
+.select2-dropdown-open.select2-drop-above .select2-choices
+{
+    .box-shadow(none);
+}
+
+.select2-search input.select2-active {
+	background-color:#FFF;
+    position: relative;
+    z-index: 1;//so it will be on top of search icon
+}
+
+
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)  {
+  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice div b {
+      background-image: none !important;
+      background-size: auto !important;
+  }
+  .select2-search input {
+      background-position: auto !important;
+  }
+}
+
+
+.select2-container-active.select2-dropdown-open {
+	.select2-choice {
+		#gradient > .vertical(#EEEEEE , #FFFFFF);
+	}
+}
+.select2-container-active.select2-drop-above {
+	.select2-choice {
+		#gradient > .vertical(#FFFFFF , #EEEEEE);
+	}
+}
+
+
+.select2-choice , .select2-choices {
+	.form-group.has-error & {
+		border-color:@error-state-border !important;
+	}
+	.form-group.has-info & {
+		border-color:@info-state-border !important;
+	}
+	.form-group.has-warning & {
+		border-color:@warning-state-border !important;
+	}
+	.form-group.has-success & {
+		border-color:@success-state-border !important;
+	}
+}
+
+
+
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi)  {
+  .select2-search input, .select2-search-choice-close, .select2-container .select2-choice abbr, .select2-container .select2-choice .select2-arrow b {
+      background-image: none !important;
+      background-repeat: no-repeat !important;
+      background-size: auto !important;
+  }
+  .select2-search input {
+      background-position: auto !important;
+  }
+}
+
+
+
+
+
+//a second style (like tag inpit)
+.enable_plugin_select2_style_2() when(@enable-plugin-select2-style-2 = true) {
+.select2-container-multi.tag-input-style {
+
+	.select2-choices .select2-search-choice {
+		background-image:none;
+		background-color:@tag-bg;
+		color: #FFFFFF;
+		display: inline-block;
+		font-size: @base-font-size;
+		font-weight: normal;
+		margin-bottom: 3px;
+		margin-right: 0;
+		padding: 6px 22px 7px 9px;
+		position: relative;
+		text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
+		transition: all 0.2s ease 0s;
+		vertical-align: baseline;
+		white-space: nowrap;
+		
+		border:none;
+		.box-shadow(none);
+		.border-radius(0);
+		
+		.select2-search-choice-close {
+			position: absolute;
+			top:0;
+			bottom:0;
+			right:0;
+			left: auto;
+			width: 18px;
+			height: auto;
+			line-height: 25px;
+			text-align: center;
+			
+			&:before {
+				color: #FFF;
+				position: static;
+				font-size: @base-font-size - 2;
+			}
+			
+			&:hover {
+				background-color:rgba(0,0,0,0.2);
+				&:before {
+					color:#FFF;
+				}
+			}
+		}
+	}
+}
+
+}
+.enable_plugin_select2_style_2();
+
+}
+
+.enable_plugin_select2();
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/less/thirdparty-slider.less b/web/bootstrap-ace-admin/css/less/thirdparty-slider.less
new file mode 100755
index 00000000..c46aaa53
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/thirdparty-slider.less
@@ -0,0 +1,156 @@
+.enable_plugin_jquery_ui_slider() when(@enable-plugin-jquery-ui-slider = true) {
+
+//jQuery UI Slider
+.ui-slider {
+ background-color: #D5D5D5;
+}
+.ui-slider-horizontal {
+ height: 9px;
+}
+.ui-slider-vertical {
+ width: 9px;
+}
+
+.ui-slider .ui-slider-handle {
+  border-radius: 0;
+  width: 1.45em;
+  height: 1.45em;
+
+  background-color: #F8F8F8;
+  border: 1px solid;
+
+  &:before , &:after {
+	display: block;
+	content: "";
+	position: absolute;
+
+	top: 4px;
+	left: 5px;
+	
+	width: 4px;
+	height: 8px;
+	border: 1px solid;
+	border-width: 0 1px;
+	border-color: inherit;
+  }
+  &:after {
+	left: 8px;
+	border-width: 0 1px 0 0;
+  }
+
+  &:hover {
+	background-color: #FFF;
+  }
+  &:hover , &:focus  , &:active {
+	outline: none;
+	.box-shadow(~"1px 1px 1px 0px rgba(0,0,0,.3)");
+  }
+}
+.ui-slider-horizontal .ui-slider-handle {
+    margin-left: -0.725em;
+    top: -0.4em;
+}
+.ui-slider-vertical .ui-slider-handle {
+	left: -0.35em;
+	margin-bottom: -0.65em;
+}
+
+.ui-slider-small {
+	&.ui-slider-horizontal {
+		height: 5px;
+	}
+	&.ui-slider-vertical {
+		width: 5px;
+	}
+	.ui-slider-handle {
+		border-radius: 100%;
+		width: 17px;
+		height: 17px;
+		margin-bottom: -0.45em;
+		left: -0.35em;
+
+		&:before , &:after {
+			height: 7px;
+			left: 5px;
+			width: 3px;
+		}
+		&:after {
+			left: 7px;
+		}
+	}
+}
+
+.ui-slider-simple {
+	.ui-slider-handle {
+		&:after , &:before {
+			display: none;
+		}
+	}
+}
+
+/* colors */
+.ui-slider-range {
+	background-color: @slider-color;
+}
+.ui-slider-handle {
+	outline:none !important;
+	& /*, &:hover , &:focus, &:active*/ {
+		border-color: @slider-color !important;
+	}
+}
+
+.ui-state-disabled {
+ &.ui-slider {
+   background-color: #E5E5E5;
+ }
+ .ui-slider-range {
+	background-color: lighten(desaturate(@slider-color , 30%) , 10%);
+ }
+ .ui-slider-handle {
+	.box-shadow(none) !important;
+	border-color: lighten(desaturate(@slider-color , 30%) , 10%) !important;
+ }
+}
+
+.enable_plugin_jquery_ui_slider_colors() when(@enable-plugin-jquery-ui-slider-colors = true) {
+//slider color
+.slider-color(@color) {
+   @slider-class: ~`"slider-@{color}"`;
+   @slider-bg: @@slider-class;
+   @slider-class2: ~`"ui-@{slider-class}"`;
+
+  .@{slider-class2} {
+	 .ui-slider-range {
+		background-color: @slider-bg;
+	 }
+	 .ui-slider-handle {
+		& /**, &:hover , &:focus, &:active*/ {
+			border-color: @slider-bg !important;
+		}
+	 }
+
+	 &.ui-state-disabled {
+		 .ui-slider-range {
+			background-color: lighten(desaturate(@slider-bg , 33%) , 10%);
+		}
+		 .ui-slider-handle {
+			border-color: lighten(desaturate(@slider-bg , 33%) , 10%) !important;
+		 }
+	}
+  }
+ 
+}
+.slider-color(~"green");
+.slider-color(~"red");
+.slider-color(~"purple");
+.slider-color(~"orange");
+.slider-color(~"dark");
+.slider-color(~"pink");
+}
+.enable_plugin_jquery_ui_slider_colors();
+
+
+}
+.enable_plugin_jquery_ui_slider();
+
+
diff --git a/web/bootstrap-ace-admin/css/less/thirdparty-typeahead.less b/web/bootstrap-ace-admin/css/less/thirdparty-typeahead.less
new file mode 100755
index 00000000..a0000de5
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/thirdparty-typeahead.less
@@ -0,0 +1,62 @@
+.enable_plugin_typeahead() when(@enable-plugin-typeahead = true) {
+
+input.typeahead,
+input.tt-query,
+input.tt-hint {
+  min-width: 175px;
+  font-size: @font-size-typeahead-hint;
+  line-height: 24px;
+  border: 1px solid #CCC;
+
+  border-radius: 0;
+  outline: none;
+}
+
+input.tt-hint , .form-group input.tt-hint {
+  background-color: #FFF !important;
+  color: #B0B0B0 !important;
+}
+.tt-dropdown-menu {
+  text-align: left;
+
+  position: absolute;
+  left: 0 !important;
+  right: 0 !important;
+  min-width: 175px;
+ 
+  margin-top: 2px;
+  padding: 8px 0;
+  background-color: #FFF;
+  border: 1px solid #D0D0D0;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  
+  border-radius: 0;
+  .box-shadow(~"0 2px 4px rgba(0, 0, 0, 0.2)");
+}
+
+.tt-suggestion {
+  padding: 3px 12px 4px;
+  font-size: @font-size-typeahead-suggestion;
+  line-height: 24px;
+  
+  &.tt-cursor {
+	color: #FFF;
+	background-color: #4F99C6;
+	cursor: pointer;
+  }
+  
+  p {
+	margin: 0;
+  }
+}
+
+input.typeahead.scrollable ~ .tt-dropdown-menu {
+  max-height: 200px;
+  overflow-y: auto;
+}
+
+}
+.enable_plugin_typeahead();
+
+
+
diff --git a/web/bootstrap-ace-admin/css/less/thirdparty-wysiwyg.less b/web/bootstrap-ace-admin/css/less/thirdparty-wysiwyg.less
new file mode 100755
index 00000000..ca58e070
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/thirdparty-wysiwyg.less
@@ -0,0 +1,332 @@
+.enable_plugin_mindmup_wysiwyg() when(@enable-plugin-mindmup-wysiwyg = true) {
+
+.wysiwyg-editor {
+	max-height: 250px;
+	height: 250px;
+	background-color: #F7F8FA;
+	border-collapse: separate;
+	border: 1px solid #BBC0CA; 
+	padding: 4px; 
+	box-sizing: content-box; 
+	overflow-y: scroll;
+	overflow-x:hidden;
+	outline: none;
+	
+	&:focus {
+		background-color:#FFF;
+	}
+}
+
+
+.wysiwyg-toolbar {
+	line-height: 33px;
+	margin: 0 !important;
+	position: relative;
+	
+	.dropdown-menu {
+		text-align: left;
+	}
+	
+	.btn-group {
+		float: none !important;//to override .RTL's
+		font-size: 0;
+	}
+
+	.btn-group > .btn {
+		//sometimes we need to put .btn inside an .inline.position-relative for dropdowns to show up in correct position
+		float: none;
+
+		padding-left: 0;
+		padding-right: 0;
+		text-align: center;
+		margin-left: 1px;
+		
+		> .@{icon}:first-child {
+			font-size: @font-size-wysiwyg-button-icon;
+			width: 25px;
+			max-width: 25px;
+			display: inline-block;
+			border-width: 1px !important;
+		}
+		&.dropdown-toggle > .@{icon}:last-child {
+			margin-right: 4px;
+		}
+
+		/**
+		&.active:after {
+			border-color: transparent;
+			border-style: solid;
+			border-top-color: inherit;
+			border-width: 6px 14px;
+			bottom: -13px;
+			left: 0;
+			right: 0;
+		}
+		*/
+	}
+}
+
+
+.wysiwyg-style1 , .wysiwyg-style2 {
+	.btn-group > .btn , .btn-group > .inline > .btn {
+		margin: 0 !important;
+		background: #FFF !important;
+		border-width: 0 !important;
+		color: #ADB3BE !important;
+		text-shadow: none !important;
+		
+		&.active {
+			color: #5B80CE !important;
+			&:after {
+				display: none;
+			}
+		}
+	}
+	
+	.btn-group {
+		position:relative;
+		&:after {
+			display: block;
+			content: "";
+			position: absolute;
+			left: -2px; 
+			top: 6px;
+			bottom:6px;
+			width: 0;
+			max-width: 0;
+			border-left:1px solid #E1E6EA;
+		}
+		&:first-child:after {
+			display:none;
+		}
+	}
+}
+
+
+.wysiwyg-style2 {
+	background-color:#E5E5E5;
+	
+	& + .wysiwyg-editor {
+		border-color:#DDD;
+		background-color:#FFF;
+		border-top:none;
+	}
+	
+	.btn-group > .btn , .btn-group > .inline > .btn  {
+		margin:0 1px 0 0 !important;
+		background:#FFF !important;
+		border:none !important;
+		color:#8D939E !important;
+		text-shadow:none !important;
+		
+		&.active  {
+			color:#FFF !important;
+			background:#6AAEDF !important;
+		}
+	}
+	.btn-group:after {
+		display:none;
+	}
+	
+}
+
+
+
+
+.wysiwyg-toolbar {
+	.btn-colorpicker {
+		width: 24px;
+		height: 24px;
+		position: relative;
+		//border-radius: 12px;
+
+		background: #87B87F; /* Old browsers */
+		background: -moz-linear-gradient(top, #CF3E73 10%, #FFFFFF 20%, #2283C5 30%, #FFFFFF 40%, #87B87F 50%, #FFFFFF 60%, #FFB752 70%, #FFFFFF 80%, #D15B47 90%, #FFFFFF 100%); /*  FF3.6+ */
+		background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,#CF3E73), color-stop(20%,#FFFFFF), color-stop(30%,#2283C5), color-stop(40%,#FFFFFF), color-stop(50%,#87B87F), color-stop(60%,#FFFFFF), color-stop(70%,#FFB752), color-stop(80%,#FFFFFF), color-stop(90%,#D15B47), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
+		background: -webkit-linear-gradient(top, #CF3E73 10%, #FFFFFF 20%, #2283C5 30%, #FFFFFF 40%, #87B87F 50%, #FFFFFF 60%, #FFB752 70%, #FFFFFF 80%, #D15B47 90%, #FFFFFF 100%); /* Chrome10+,Safari5.1+ */
+		background: -o-linear-gradient(top, #CF3E73 10%, #FFFFFF 20%, #2283C5 30%, #FFFFFF 40%, #87B87F 50%, #FFFFFF 60%, #FFB752 70%, #FFFFFF 80%, #D15B47 90%, #FFFFFF 100%); /* Opera11.10+ */
+		background: -ms-linear-gradient(top, #CF3E73 10%, #FFFFFF 20%, #2283C5 30%, #FFFFFF 40%, #87B87F 50%, #FFFFFF 60%, #FFB752 70%, #FFFFFF 80%, #D15B47 90%, #FFFFFF 100%); /* IE10+ */
+		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CF3E73', endColorstr='#FFB752',GradientType=0 ); /* IE6-9 */
+		background: linear-gradient(top, #CF3E73 10%, #FFFFFF 20%, #2283C5 30%, #FFFFFF 40%, #87B87F 50%, #FFFFFF 60%, #FFB752 70%, #FFFFFF 80%, #D15B47 90%, #FFFFFF 100%); /* W3C */
+	}
+	.dropdown-colorpicker > .dropdown-menu {
+		top: auto;
+	}
+
+	input[type=file]  {
+		position: fixed;
+		z-index: -10;
+		opacity: 0;
+		//inside modals the z-index:-10 does not work as expected
+		max-width: 0;
+		max-height: 0;
+		display: block;
+	}
+	.wysiwyg-choose-file {
+		display:inline-block;
+		width:auto;
+		margin:4px auto 0;
+		padding-left:5px;
+		padding-right:5px;
+	}
+	.dropdown-menu {
+		input[type=text] {
+			margin-left:8px;
+			margin-bottom:0;
+			&.form-control {
+				min-width: 150px;
+			}
+		}
+		.btn {
+			margin-right: 8px;
+			margin-left: 8px;
+		}
+	}
+}
+.wysiwyg-style1 .btn-colorpicker {
+	width: 20px;
+	height: 20px;
+	margin-left: 4px;
+}
+
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+ /* for adding image resize functionality in chrome and safari */
+ .wysiwyg-editor {
+	img {
+		display:inline !important;
+	}
+	.ui-wrapper {
+	  border:1px dotted #D00;
+	  overflow:visible !important;/* because it's image only, so it's ok */
+	  display:inline-block !important;
+	  vertical-align:middle;
+	  &:after {
+		  content:"";
+		  display:block;
+		  position:absolute;
+		  right:-3px; bottom:-3px;
+		  width:7px; height:7px;
+		  border:1px solid #D00;
+		  background-color:#FFF;
+		  z-index:1;
+	   }
+	}
+ }
+}
+
+
+
+
+/* inside widget */
+.widget-header .wysiwyg-toolbar {
+	background-color:transparent;
+	.btn-group > .btn , .btn-group > .inline > .btn {
+		border-color:transparent;
+		background:rgba(255,255,255,0.25) !important;
+		color:#FFF !important;
+		
+		min-width: 32px;
+
+		border-width: 1px !important;
+		border-radius: 4px !important;
+
+		padding: 2px 1px 4px;
+		
+		&.active {
+			background:rgba(0,0,0,0.25) !important;
+		}
+	}
+}
+
+.widget-body .wysiwyg-editor {
+	border-width: 0;
+}
+
+.wysiwyg-speech-input {
+	width: 20px !important;
+	color: transparent !important;
+	background: transparent none !important;
+	border-width: 0 !important;
+
+	.transform(~"scale(2.0, 2.0)");
+	.box-shadow(none) !important;
+	
+	position: absolute;
+	right: 0;
+	top: -10px;
+	
+	cursor: pointer;
+	&:focus {
+		.box-shadow(none) !important;
+	}
+}
+
+}
+.enable_plugin_mindmup_wysiwyg();
+
+
+
+//Markdown Editor
+.enable_markdown_editor() when(@enable-markdown-editor = true) {
+.widget-body .md-header {
+	margin-top:-30px;
+	margin-left:9px;
+
+	.btn {
+		border-color: transparent;
+		background: rgba(255,255,255,0.25) !important;
+		color: #FFF !important;
+		
+		text-align: center;
+		min-width: 32px;
+
+		border-width: 1px !important;
+		border-radius: 4px !important;
+
+		padding: 2px 4px 4px;
+		
+		> .@{icon} {
+			font-size: @font-size-markdown-icon;
+			width: 25px;
+			max-width: 25px;
+			display: inline-block;
+		}
+	}
+
+	.btn-inverse {
+		background: rgba(0,0,0,0.25) !important;
+		padding-right: 5px;
+		margin-left: 4px;
+	}
+}
+
+.md-fullscreen-controls {
+	display: none;
+}
+
+.widget-body {
+	.md-preview {
+		padding:8px;
+		min-height:200px;
+	}
+	
+	.md-input {
+		border:none !important;
+		box-shadow:none !important;
+		display:block;
+		margin-bottom:0;
+		background-color:rgba(48, 126, 204, 0.07);
+		padding:8px;
+		width: 100%;
+		
+		&:focus {
+			background-color:#FFF;
+			box-shadow:none !important;
+		}
+	}
+}
+
+
+}
+.enable_markdown_editor();
+
diff --git a/web/bootstrap-ace-admin/css/less/tooltip-popover.less b/web/bootstrap-ace-admin/css/less/tooltip-popover.less
new file mode 100755
index 00000000..358a2fba
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/tooltip-popover.less
@@ -0,0 +1,190 @@
+//tooltips and popovers
+
+.enable_tooltips() when(@enable-tooltips = true) {
+
+.tooltip.in {
+	.opacity(1);
+}
+
+.tooltip-inner  {
+	background-color: @tooltip-color;
+	color: #FFF;
+	font-size: @font-size-tooltip;
+	//white-space: nowrap;
+
+	text-shadow: 1px 1px 0 rgba(42,45,50,0.5);
+	.border-radius(0);
+	
+	padding: 5px 9px;
+}
+
+.tooltip.top .tooltip-arrow {
+  border-bottom-width: 0;
+  border-top-color: @tooltip-color;
+  -moz-border-top-colors: @tooltip-color;
+}
+.tooltip.right .tooltip-arrow {
+  border-left-width: 0;
+  border-right-color: @tooltip-color;
+  -moz-border-right-colors: @tooltip-color;
+}
+.tooltip.left .tooltip-arrow {
+  border-right-width: 0;
+  border-left-color: @tooltip-color;
+  -moz-border-left-colors: @tooltip-color;
+}
+.tooltip.bottom .tooltip-arrow {
+  border-top-width: 0;
+  border-bottom-color: @tooltip-color;
+  -moz-border-bottom-colors: @tooltip-color;
+}
+
+
+
+.tooltip(@color , @shadow) {
+  @tooltip_name : ~`".tooltip-@{color}"`;
+  @tooltip_color : ~`"tooltip-@{color}-color"`;
+
+  @{tooltip_name} + .tooltip , .tooltip@{tooltip_name} {
+	> .tooltip-inner  {
+		background-color: @@tooltip_color;
+		text-shadow: @shadow;
+	}
+	&.top .tooltip-arrow {
+		border-top-color: @@tooltip_color;
+		-moz-border-top-colors: @@tooltip_color;
+	}
+	&.right .tooltip-arrow {
+		border-right-color: @@tooltip_color;
+		-moz-border-right-colors: @@tooltip_color;
+	}
+	&.left .tooltip-arrow {
+		border-left-color: @@tooltip_color;
+		-moz-border-left-colors: @@tooltip_color;
+	}
+	&.bottom .tooltip-arrow {
+		border-bottom-color: @@tooltip_color;
+		-moz-border-bottom-colors: @@tooltip_color;
+	}
+  }
+}
+
+.tooltip(error , ~"1px 1px 0 rgba(100,60,20,0.3)");
+.tooltip(success , ~"1px 1px 0 rgba(60,100,20,0.3)");
+.tooltip(warning , ~"1px 1px 0 rgba(100,90,10,0.3)");
+.tooltip(info , ~"1px 1px 0 rgba(40,50,100,0.3)");
+
+}
+.enable_tooltips();
+
+
+.enable_popovers() when(@enable-popovers = true) {
+@popover-color: #EFF3F8;
+@popover-error-color: #F7F0EF;
+@popover-warning-color: #F4EEE3;
+@popover-success-color: #E8F2E3;
+@popover-info-color: #E5EDF8;
+
+
+/* popover */
+.popover {
+	.border-radius(0);
+	padding:0;
+	border-color: #ccc;
+	border-width: 1px;
+	 
+	.box-shadow(~"0 0 4px 2px rgba(0,0,0,0.2)");
+	color: #4D6883;
+}
+.popover-title {
+	border-radius: 0;
+	background-color: @popover-color;
+	color: #555;
+	border-bottom: 1px solid darken(@popover-color, 5%);
+
+	text-shadow: 1px 1px 1px rgba(220,220,220,0.2);
+}
+.popover.bottom > .arrow:after {
+	top: 1px;
+	margin-left: -10px;
+
+	border-bottom-color: @popover-color;
+	-moz-border-bottom-colors: @popover-color;
+
+	border-top-width: 0;
+}
+.popover.left > .arrow:after {
+	-moz-border-left-colors: #FFF;
+}
+.popover.right > .arrow:after {
+	-moz-border-right-colors: #FFF;
+}
+.popover.top > .arrow:after {
+	-moz-border-top-colors: #FFF;
+}
+
+
+.popover(@color , @text-color) {
+  @popover_name : ~`".popover-@{color}"`;
+  @popover_color : ~`"popover-@{color}-color"`;
+
+  @{popover_name} + .popover , .popover@{popover_name} {
+	border-color: @@popover_color;
+	.popover-title {
+		background-color: @@popover_color;
+		border-bottom-color: darken(@@popover_color, 5%);
+		color: @text-color;
+		text-shadow: none;
+	}
+
+	&.top .arrow:after {
+		border-top-color: @@popover_color;
+		-moz-border-top-colors: @@popover_color;
+	}
+	&.bottom .arrow:after {
+		border-bottom-color: @@popover_color;
+		-moz-border-bottom-colors: @@popover_color;
+	}
+	&.right .arrow:after {
+		border-right-color: @@popover_color;
+		-moz-border-right-colors: @@popover_color;
+	}
+	&.left .arrow:after {
+		border-left-color: @@popover_color;
+		-moz-border-left-colors: @@popover_color;
+	}
+
+  }
+}
+
+
+.popover(error , #B75445);
+.popover(warning , #D67E31);
+.popover(success , @tooltip-success-color);
+.popover(info , #3F79B6);
+
+.popover-notitle + .popover , .popover.popover-notitle {
+	.popover-title  {
+		display:none;
+	}
+	&.top .arrow:after {
+		border-top-color: #FFF;
+		-moz-border-top-colors: #FFF;
+	}
+	&.bottom .arrow:after {
+		border-bottom-color: #FFF;
+		-moz-border-bottom-colors: #FFF;
+	}
+	&.left .arrow:after {
+		border-left-color: #FFF;
+		-moz-border-left-colors: #FFF;
+	}
+	&.right .arrow:after {
+		border-right-color: #FFF;
+		-moz-border-right-colors: #FFF;
+	}
+}
+
+}
+.enable_popovers();
+
diff --git a/web/bootstrap-ace-admin/css/less/utility.less b/web/bootstrap-ace-admin/css/less/utility.less
new file mode 100755
index 00000000..30cc3621
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/utility.less
@@ -0,0 +1,263 @@
+.lighter { font-weight: lighter; }
+.bolder { font-weight: bolder; }
+.inline { display: inline-block !important; }
+.block { display: block !important; }
+
+.center , .align-center{ text-align: center !important; }
+.align-left { text-align: left !important; }
+.align-right { text-align: right !important; }
+
+.middle { vertical-align: middle; }
+.align-middle { vertical-align: middle !important; }
+.align-top { vertical-align: top !important; }
+.align-bottom { vertical-align: bottom !important; }
+
+.position-relative, .pos-rel { position: relative; }
+.position-absolute, .pos-abs { position: absolute; }
+
+.no-float { float: none !important; }
+
+.line-height-normal { line-height: normal !important; }
+.line-height-0 { line-height: 0 !important; }
+.line-height-1 { line-height: 1 !important; }
+.line-height-125 { line-height: 1.25 !important; }
+.line-height-150 { line-height: 1.5 !important; }
+
+
+.dark { color: @ace-dark !important; }
+.white { color: @ace-white !important; }
+.red { color: @ace-red !important; }
+.red2 { color: @ace-red2 !important; }
+.light-red { color: @ace-light-red !important; }
+.blue { color: @ace-blue !important; }
+.light-blue { color: @ace-light-blue !important; }
+.green { color: @ace-green !important; }
+.light-green { color: @ace-light-green !important;}
+.orange { color: @ace-orange !important; }
+.orange2 { color: @ace-orange2 !important; }
+.light-orange {color: @ace-light-orange !important;}
+.purple { color: @ace-purple !important; }
+.pink { color: @ace-pink !important; }
+.pink2 { color: @ace-pink2  !important; }
+.brown { color: @ace-brown !important; }
+.grey { color: @ace-grey !important; }
+.light-grey { color: @ace-light-grey !important; }
+
+
+.biggerX (@index) when (@index < 310) {
+	.bigger-@{index} { font-size: unit(@index,~"%") !important; }
+	.biggerX(@index + 10);
+}
+.biggerX(110);
+.bigger-115 { font-size: 115% !important;}
+.bigger-125 { font-size: 125% !important;}
+.bigger-175 { font-size: 175% !important; }
+.bigger-225 { font-size: 225% !important; }
+.bigger-275 { font-size: 275% !important; }
+
+.smallerX (@index) when (@index > 10) {
+	.smaller-@{index} { font-size: unit(@index,~"%") !important; }
+	.smallerX(@index - 10);
+}
+.smallerX(90);
+.smaller-75 { font-size: 75% !important;}
+
+.widthX (@index) when (@index < 105) {
+	.width-@{index} { width: unit(@index,~"%") !important; }
+	.widthX(@index + 5);
+}
+.widthX(20);
+.width-75 { width: 75% !important;}
+.width-25 { width: 25% !important;}
+.width-auto { width: auto !important; }
+.height-auto { height: auto !important; }
+
+.no-padding { padding: 0 !important; }
+.no-padding-bottom { padding-bottom: 0 !important; }
+.no-padding-top { padding-top: 0 !important; }
+.no-padding-left { padding-left: 0 !important; }
+.no-padding-right { padding-right: 0 !important; }
+.no-margin { margin: 0 !important; }
+.no-margin-bottom { margin-bottom: 0 !important; }
+.no-margin-top { margin-top: 0 !important; }
+.no-margin-left { margin-left: 0 !important; }
+.no-margin-right { margin-right: 0 !important; }
+
+.no-border { border-width: 0; }
+.no-border-bottom { border-bottom-width: 0; }
+.no-border-top { border-top-width: 0; }
+.no-border-left { border-left-width: 0; }
+.no-border-right { border-right-width: 0; }
+
+/**
+.no-underline {
+ text-decoration: none !important;
+}
+.no-hover-underline:hover {
+ text-decoration: none !important;
+}
+.no-outline:focus {
+ outline: none !important;
+}
+
+.no-box-shadow {
+ .box-shadow(none) !important;
+}
+
+.overflow-auto {overflow: auto !important;}
+.overflow-visible {overflow: visible !important;}
+*/
+
+.overflow-hidden {overflow: hidden !important;}
+.overflow-scroll {overflow-x: hidden !important; overflow-y: scroll !important;}
+
+.no-radius {
+ .border-radius(0) !important;
+}
+.no-text-shadow {
+ text-shadow:none !important;
+}
+
+//<hr /> like spacing by using div, e.g <div class="hr hr-32"></div>
+.hr {
+ display:block;
+ height: 0;
+ overflow: hidden;
+ font-size: 0;
+ border-width: 1px 0 0 0;
+ border-top: 1px solid #E3E3E3;
+ margin: 12px 0;
+ border-top-color: rgba(0,0,0,0.11);
+}
+.hr-double {
+ height: 3px;
+ border-top: 1px solid #E3E3E3;
+ border-bottom: 1px solid #E3E3E3;
+ 
+ border-top-color: rgba(0,0,0,0.11);
+ border-bottom-color: rgba(0,0,0,0.11);
+}
+.hr.dotted, .hr-dotted { border-style: dotted;}
+
+.hrX (@index) when (@index > 0) {
+	.hr-@{index}, .hr@{index} { margin:unit(@index,px) 0; }
+	.hrX(@index - 2);
+}
+.hrX(32);
+
+
+//some spacing classes, use like <div class="space-24"></div>
+.space() {
+	max-height: 1px;
+	min-height: 1px;
+	overflow: hidden;
+}
+.space { .space(); margin: 12px 0; }
+[class*="vspace-"] { display: none;} //visible only on smaller devices where columns are stacked on top of each other
+
+.spaceX (@index) when (@index > 0) {
+	.space-@{index} { .space(); margin: unit(@index,px) 0 unit(@index - 1,px); }
+	[class*="vspace-@{index}"]
+	{
+		.space();
+		margin:unit(@index,px) 0 unit(@index - 1,px) 0;
+	}
+	.spaceX(@index - 2);
+}
+.spaceX(32);//produce spaces
+.space-0 , [class*="vspace-0"] { .space(); margin: 0; }
+
+@media only screen and (max-width: @screen-tiny-max) {
+	[class*="vspace-"][class*="-xs"] {
+		display: block;
+	}
+}
+@media only screen and (max-width: @screen-xs-max) {
+	[class*="vspace-"][class*="-sm"] {
+		 display: block;
+	}
+}
+@media only screen and (max-width: @screen-sm-max) {
+	[class*="vspace-"][class*="-md"] {
+		 display: block;
+	}
+}
+@media only screen and (max-width: @screen-md-max) {
+	[class*="vspace-"][class*="-lg"] {
+		 display: block;
+	}
+}
+
+
+
+
+//headers
+.header {
+ line-height: 28px;
+ margin-bottom: 16px;
+ margin-top: 18px;
+ padding-bottom: 4px;
+ border-bottom: 1px solid #CCC;
+ 
+ &.blue {
+	border-bottom-color: desaturate(lighten(@ace-blue, 35%), 10%);
+ }
+ &.green {
+	border-bottom-color: desaturate(lighten(@ace-green, 35%), 6%);
+ }
+ &.purple {
+	border-bottom-color: desaturate(lighten(@ace-purple, 28%), 5%);
+ }
+ &.orange {
+	border-bottom-color: desaturate(lighten(@ace-orange, 25%), 5%);
+ }
+ &.orange2 {
+	border-bottom-color: desaturate(lighten(@ace-orange2, 20%), 5%);
+ }
+ &.red {
+	border-bottom-color: desaturate(lighten(@ace-red, 30%), 5%);
+ }
+ &.grey {
+	border-bottom-color: desaturate(lighten(@ace-grey, 30%), 5%);
+ }
+ &.pink {
+	border-bottom-color: desaturate(lighten(@ace-pink, 32%), 5%);
+ }
+ &.pink2 {
+	border-bottom-color: desaturate(lighten(@ace-pink2, 20%), 5%);
+ }
+ &.light-blue {
+	border-bottom-color: desaturate(lighten(@ace-light-blue, 15%), 5%);
+ }
+ &.light-red {
+	border-bottom-color: desaturate(lighten(@ace-light-red, 15%), 5%);
+ }
+ &.light-green {
+	border-bottom-color: desaturate(lighten(@ace-light-green, 15%), 5%);
+ }
+ &.brown {
+	border-bottom-color: desaturate(lighten(@ace-brown, 32%), 5%);
+ }
+
+  > .@{icon} {
+	margin-right: 2px;
+  }
+}
+
+
+
+
+.action-buttons a {
+  margin: 0 3px;
+  display: inline-block;
+  opacity: 0.85;
+   .transition(~"all 0.1s");
+
+  &:hover {
+	text-decoration: none;
+	opacity: 1;
+	.transform(~"scale(1.2)");
+  }
+}
+
+
diff --git a/web/bootstrap-ace-admin/css/less/variables.less b/web/bootstrap-ace-admin/css/less/variables.less
new file mode 100755
index 00000000..9e51a14b
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/variables.less
@@ -0,0 +1,355 @@
+//basic variables
+@icon: ace-icon;//the icon class to be used. For more info please refer to docs, the "icons" section
+
+
+@base-font-size: 13px;
+@baseFontSize: @base-font-size;
+@sansFontFamily: "Open Sans";
+
+@import "fonts.less";//font sizes
+
+
+@screen-topbar-down:         479px;//The point to move top menu buttons down in default layout
+@screen-topbar-down-min:	(@screen-topbar-down + 1);//!ignore
+@screen-topbar-down-small: 360px; //!ignore
+
+@screen-qhd-width: 540px;//!ignore
+@screen-tiny:	320px;//!ignore
+@screen-tiny-max: (@screen-xs-min - 1);//!ignore
+@screen-mini:	240px;//!ignore
+@screen-mini-max: (@screen-tiny - 1);//!ignore
+
+
+
+@screen-fixed-breadcrumbs: @grid-float-breakpoint;//minimum width for fixed breadcrumbs
+@screen-hover-menu: @grid-float-breakpoint;//minimum width for .hover submenus
+@screen-compact-menu: @screen-hover-menu;
+
+
+
+//general.less variables
+@body-background: #E4E6E9;
+@text-color: #393939;
+
+
+
+@ace-nav-default: #2E6589;//ace nav button default background color
+@ace-nav-blue: #2E6589;
+@ace-nav-grey: #555;//ace nav button grey background color
+@ace-nav-purple: #892E65;//ace nav button purple background color
+@ace-nav-green: #2E8965;
+@ace-nav-red: #B74635;
+@ace-nav-light-green: #9ABC32;
+@ace-nav-light-purple: #CB6FD7;
+@ace-nav-light-orange: #F79263;
+@ace-nav-light-blue: #62A8D1;
+@ace-nav-light-blue2: #42A8E1;
+@ace-nav-light-pink: #F4DAE5;
+@ace-nav-dark: #404040;
+@ace-nav-white-opaque: rgba(255,255,255,0.8);
+@ace-nav-dark-opaque: rgba(0,0,0,0.2);
+
+
+@navbar-min-height: 45px;//navbar's min-height
+@navbar-dropdown-width: 240px;
+@navbar-dropdown-shadow: ~"0 2px 4px rgba(30, 30, 100, 0.25)";
+
+
+@sidebar-width: 190px;
+@sidebar-min-width: 43px;//sidebar minimum width
+@sidebar-compact-width: 105px;
+@nav-item-height: 39px;
+
+@sidebar-toggler-line-1: #87B87F;
+@sidebar-toggler-line-2: #6FB3E0;
+@sidebar-toggler-line-3: #FFA24D;
+@sidebar-toggler-line-4: #D15B47;
+
+@breadcrumb-height: 41px;
+@breadcrumb-arrow-color: #B2B6BF;
+@page-content-padding-top: 8px;
+
+
+
+
+
+
+
+//some text colors
+@ace-dark: #333;
+@ace-white: #FFF;
+@ace-red: #DD5A43;
+@ace-red2: #E08374;
+@ace-light-red: #FF7777;
+@ace-blue: #478FCA;
+@ace-light-blue: #93CBF9;
+@ace-green: #69AA46;
+@ace-light-green: #B0D877;
+@ace-orange: #FF892A;
+@ace-orange2: #FEB902;
+@ace-light-orange: #FCAC6F;
+@ace-purple: #A069C3;
+@ace-pink: #C6699F;
+@ace-pink2: #D6487E;
+@ace-brown:brown;
+@ace-grey: #777;
+@ace-light-grey: #BBB;
+
+
+
+//button colors
+@btn-default: #ABBAC3;
+@btn-default-hover: #8B9AA3;
+
+@btn-primary: #428BCA;
+@btn-primary-hover: #1B6AAA;
+
+@btn-info: #6FB3E0;
+@btn-info-hover: #4F99C6;
+
+@btn-info2: #95C6E5;
+@btn-info2-hover: #67A6CE;
+
+@btn-success: #87B87F;
+@btn-success-hover: #629B58;
+
+@btn-warning: #FFB752;
+@btn-warning-hover: #E59729;
+
+@btn-danger: #D15B47;
+@btn-danger-hover: #B74635;
+
+@btn-inverse: #555555;
+@btn-inverse-hover: #303030;
+
+@btn-pink: #D6487E;
+@btn-pink-hover: #B73766;
+
+@btn-purple: #9585BF;
+@btn-purple-hover: #7461AA;
+
+@btn-yellow: #FEE188;
+@btn-yellow-hover: #F7D05B;
+@btn-yellow-color: #996633;
+
+@btn-light: #E7E7E7;
+@btn-light-hover: #D9D9D9;
+@btn-light-color: #888;
+
+@btn-grey: #A0A0A0;
+@btn-grey-hover: #888888;
+
+//active state:
+@btn-active-color: #EFE5B5;
+@btn-yellow-active-border: #C96338;
+
+@btn-link-color: #0088CC;
+
+
+
+
+//application button colors
+@btn-app-default-1: #BCC9D5;
+@btn-app-default-2: #ABBAC3;
+
+@btn-app-primary-1: #3B98D6;
+@btn-app-primary-2: #197EC1;
+
+@btn-app-info-1: #75B5E6;
+@btn-app-info-2: #5BA4D5;
+
+@btn-app-success-1: #8EBF60;
+@btn-app-success-2: #7DAA50;
+
+@btn-app-danger-1: #D55B52;
+@btn-app-danger-2: #D12723;
+
+@btn-app-warning-1: #FFBF66;
+@btn-app-warning-2: #FFA830;
+
+@btn-app-purple-1: #A696CE;
+@btn-app-purple-2: #8A7CB4;
+
+@btn-app-pink-1: #DB5E8C;
+@btn-app-pink-2: #CE3970;
+
+@btn-app-inverse-1: #555555;
+@btn-app-inverse-2: #333333;
+
+@btn-app-grey-1: #898989;
+@btn-app-grey-2: #696969;
+
+@btn-app-light-1: #F4F4F4;
+@btn-app-light-2: #E6E6E6;
+
+@btn-app-yellow-1: #FFE8A5;
+@btn-app-yellow-2: #FCD76A;
+
+@btn-app-active: #FFF;
+@btn-app-yellow-color: #963;
+@btn-app-yellow-border: #FEE188;
+@btn-app-light-color: #5A5A5A;
+@btn-app-light-active: #515151;
+
+
+
+
+//label & badge colors
+@label-default: #ABBAC3;
+@label-primary:@btn-primary;
+@label-info: #3A87AD;
+@label-success: #82AF6F;
+@label-danger: #D15B47;
+@label-important:@label-danger;//!ignore
+@label-warning: #F89406;
+@label-inverse: #333333;
+@label-pink: #D6487E;
+@label-purple: #9585BF;
+@label-yellow: #FEE188;
+@label-light: #E7E7E7;
+@label-grey:@btn-grey;
+
+
+
+//menu colors
+@dropdown-menu: #4F99C6;
+@dropdown-default:@btn-default;
+@dropdown-primary:@btn-primary;
+@dropdown-info:@btn-info;
+@dropdown-success:@btn-success;
+@dropdown-warning: #FFA24D;
+@dropdown-danger:@btn-danger;
+@dropdown-inverse:@btn-inverse;
+@dropdown-pink:@btn-pink;
+@dropdown-purple:@btn-purple;
+@dropdown-grey:@btn-grey;
+@dropdown-light:@btn-light;
+@dropdown-lighter: #EFEFEF;
+@dropdown-lightest: #F3F3F3;
+@dropdown-yellow:@btn-yellow;
+@dropdown-yellow2: #F9E8B3;
+@dropdown-light-blue: #ECF3F9;
+
+//slider colors
+@slider-color: #4AA4CE;
+@slider-green: #8BBC67;
+@slider-red: #D36E6E;
+@slider-purple: #AC68BA;
+@slider-orange: #EFAD62;
+@slider-dark: #606060;
+@slider-pink:@btn-pink;
+
+
+//infobox colors
+@infobox-purple: #6F3CC4;
+@infobox-purple2: #5F47B0;
+@infobox-pink: #CB6FD7;
+@infobox-blue: #6FB3E0;
+@infobox-blue2: #3983C2;
+@infobox-blue3: #1144EB;
+@infobox-red: #D53F40;
+@infobox-brown: #C67A3E;
+@infobox-light-brown: #CEBEA5;
+@infobox-wood: #7B3F25;
+@infobox-orange: #E8B110;
+@infobox-orange2: #F79263;
+@infobox-green: #9ABC32;
+@infobox-green2: #0490A6;
+@infobox-grey: #999999;
+@infobox-black: #393939;
+
+
+//widget colors
+@widget-blue: #307ECC;
+@widget-blue2: #5090C1;
+@widget-blue3: #6379AA;
+@widget-green: #82AF6F;
+@widget-green2: #2E8965;
+@widget-green3: #4EBC30;
+@widget-red: #E2755F;
+@widget-red2: #E04141;
+@widget-red3: #D15B47;
+@widget-purple: #7E6EB0;
+@widget-pink: #CE6F9E;
+@widget-dark: #404040;
+@widget-grey: #848484;
+
+@widget-orange: #FFC657;
+@widget-orange-txt: #855D10;
+@widget-orange-border: #E8B10D;
+
+
+
+
+//form
+@help-button-bg: #65BCDA;
+@input-border: #D5D5D5;
+@input-background: #FFF;
+@input-color: #858585;
+
+@input-border-focus: #F59942;
+@input-background-focus: #FFF;
+@input-color-focus: #696969;
+//@input-shadow-focus:~"0px 0px 0px 2px rgba(245, 153, 66, 0.3)";
+
+
+
+//tabs & accordion
+@tab-border: #C5D0DC;
+@tab-active-color: #576373;
+@tab-active-border: #4C8FBD;
+@tab-hover-color: #4C8FBD;
+
+
+
+//tooltip
+@tooltip-color: #333;
+@tooltip-error-color: #C94D32;
+@tooltip-success-color: #629B58;
+@tooltip-warning-color: #ED9421;
+@tooltip-info-color: #4B89AA;
+
+
+//progress bar
+@progress-color: #2A91D8;
+@progress-danger: #CA5952;
+@progress-success: #59A84B;
+@progress-warning: #F2BB46;
+@progress-pink: #D6487E;
+@progress-purple: #9585BF;
+@progress-yellow: #FFD259;
+@progress-inverse: #404040;
+@progress-grey: #8A8A8A;
+
+
+
+
+
+//widget
+@widget-header-color: #669FC7;//text color
+@tag-bg: #91B8D0;
+
+
+
+//items
+@item-list-orange-border: #E8B110;
+@item-list-orange2-border: #F79263;
+@item-list-red-border: #D53F40;
+@item-list-red2-border: #D15B47;
+@item-list-green-border: #9ABC32;
+@item-list-green2-border: #0490A6;
+@item-list-blue-border:@btn-info-hover;
+@item-list-blue2-border: #3983C2;
+@item-list-blue3-border: #1144EB;
+@item-list-pink-border: #CB6FD7;
+@item-list-purple-border: #6F3CC4;
+@item-list-black-border: #505050;
+@item-list-grey-border: #A0A0A0;
+@item-list-brown-border:brown;
+@item-list-default-border:@btn-default;
+
+
+
+
+
+
diff --git a/web/bootstrap-ace-admin/css/less/widget.less b/web/bootstrap-ace-admin/css/less/widget.less
new file mode 100755
index 00000000..712504fc
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/less/widget.less
@@ -0,0 +1,729 @@
+.enable_widgets() when(@enable-widgets = true) {
+
+//widget boxes
+.widget-box {
+ padding: 0;
+ .box-shadow(none);
+ margin: 3px 0;
+ 
+ border: 1px solid #CCC;
+ //border-bottom-width: 2px;
+}
+
+@media only screen and (max-width: @screen-xs-max) {
+ .widget-box {
+   margin-top: 7px;
+   margin-bottom: 7px;
+ }
+}
+
+
+.widget-header {
+ .box-sizing(content-box);
+
+ position: relative;
+ min-height: 38px;
+
+ background: mix(#FFFFFF , #EEEEEE);
+ #gradient > .vertical(#FFFFFF , #EEEEEE);
+
+ color:@widget-header-color;
+
+ border-bottom: 1px solid #DDD;
+
+ padding-left: 12px;
+ 
+ &:before, &:after {
+    content: "";
+    display: table;
+    line-height: 0;
+ }
+ &:after {
+	clear: right;
+ }
+}
+
+
+
+.collapsed {
+	//.widget-box& {border-bottom-width: 0px;}
+	.widget-box& > .widget-header { border-bottom-width: 0; }
+	&.fullscreen > .widget-header { border-bottom-width: 1px; }
+	> .widget-body { display: none; }
+}
+
+
+.widget-header-flat {
+	background: #F7F7F7;
+	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
+}
+.widget-header-large {
+	min-height: 49px;
+	padding-left: 18px;
+}
+.widget-header-small {
+	min-height: 31px;
+	padding-left: 10px;
+}
+
+
+.widget-header > .widget-title {
+ line-height: 36px;
+ padding: 0;
+ margin: 0;
+ display: inline;
+
+ > .@{icon} {
+	margin-right: 5px;
+	font-weight: normal;
+	display: inline-block;
+ } 
+}
+.widget-header-large > .widget-title {
+ line-height: 48px;
+}
+.widget-header-small > .widget-title {
+ line-height: 30px;
+}
+
+
+
+.widget-toolbar {
+  display: inline-block;
+  padding: 0 10px;
+  line-height: 37px;
+  float: right;
+  position: relative;
+
+  .widget-header-large > & {
+	line-height:48px;
+  }
+  .widget-header-small > & {
+	line-height:29px;
+  }
+
+  &.no-padding {
+	padding:0;
+  }
+  &.padding-5 {
+	padding:0 5px;
+  }
+  
+  &:before {//border on left ot it!
+	display:inline-block;
+	content:"";
+	position:absolute; top:3px; bottom:3px; left:-1px;
+	border:1px solid #D9D9D9;
+	border-width:0 1px 0 0;
+	
+	.widget-header-large > & {
+		top:6px; bottom:6px;
+	}
+	[class*="widget-color-"] > .widget-header > & {
+		border-color:#EEE;
+	}
+	.widget-color-orange > .widget-header > & {
+		border-color:#FEA;
+	}
+	.widget-color-dark > .widget-header > & {
+		border-color: #222;
+		box-shadow: -1px 0 0 rgba(255, 255, 255, 0.2) , inset 1px 0 0 rgba(255, 255, 255, 0.1);
+	}
+  }
+  &.no-border:before {
+	display: none;
+  }
+  
+  label {
+	display: inline-block;
+	vertical-align: middle;
+	margin-bottom: 0;
+  }
+  
+  //widget toolbar basic buttons
+   > a , > .widget-menu > a {
+	font-size: @font-size-widget-toolbar-icon;
+	margin: 0 1px;
+	display: inline-block;
+	padding: 0;
+	line-height: 24px;
+
+	&:hover {
+		text-decoration: none;
+	}
+	
+	.widget-header-large > & {
+		font-size: floor(@font-size-widget-toolbar-icon * 1.1);
+		margin: 0 1px;
+	}
+  }
+
+
+  //toolbar buttons
+  > .btn {
+	line-height:27px;
+	margin-top:-2px;
+	&.smaller {	line-height:26px; }
+	 &.bigger { line-height:28px; }
+  }
+  > .btn-sm {
+	line-height:24px;
+	&.smaller {	line-height:23px; }
+	 &.bigger { line-height:25px; }
+  }
+  > .btn-xs {
+	line-height:22px;
+	&.smaller {	line-height:21px; }
+	 &.bigger {	line-height:23px; }
+  }
+  > .btn-minier {
+	line-height:18px;
+	&.smaller {	line-height:17px; }
+	 &.bigger {	line-height:19px; }
+  }
+  > .btn-lg {
+	line-height:36px;
+	&.smaller { line-height:34px; }
+	 &.bigger { line-height:38px; }
+  }
+
+}
+
+.widget-toolbar-dark {
+  background: #444;
+}
+.widget-toolbar-light {
+  background: rgba(255, 255, 255, 0.85);
+}
+
+
+
+
+
+
+//widget-toolbar buttons
+.widget-toolbar > .widget-menu {
+	display: inline-block;
+	position: relative;
+}
+.widget-toolbar > a[data-action] , .widget-toolbar > .widget-menu > a[data-action] {
+  .transition(~"transform 0.1s");
+ 
+  > .@{icon} {
+	margin-right: 0;
+  }
+  &:focus {
+	text-decoration: none;
+	outline: none;
+  }
+  &:hover {
+	.transform(~"scale(1.2)");
+  }
+}
+
+
+
+
+.widget-body {
+  background-color: #FFF;
+}
+.widget-main {
+  padding: 12px;
+}
+.widget-main {
+ .widget-paddingX (@index) when (@index >= 0) {
+   &.padding-@{index} { padding:unit(@index,px); }
+   .widget-paddingX(@index - 2);
+  }
+  .widget-paddingX(32);
+  &.no-padding { padding:0; }
+}
+
+
+.widget-toolbar .progress {
+ vertical-align: middle;
+ display: inline-block;
+ margin: 0;
+}
+
+
+
+//toolbar dropdowns
+.widget-toolbar > .dropdown , .widget-toolbar > .dropup {
+	display: inline-block;
+}
+
+
+
+
+
+.widget-box , .widget-color-dark {
+ > .widget-header > .widget-toolbar ,
+ > .widget-header > .widget-toolbar > .widget-menu {
+	> [data-action="settings"] {
+		color: #99CADB;
+	}
+	> [data-action="reload"] {
+		color: #ACD392;
+	}
+	> [data-action="collapse"] {
+		color: #AAA;
+	}
+	> [data-action="close"] {
+		color: #E09E96;
+	}
+ }
+}
+
+
+.enable_widget_colors() when(@enable-widget-colors = true) {
+
+// widget header colors
+.widget-box[class*="widget-color-"] > .widget-header {
+	color: #FFF;
+	filter: ~"progid:DXImageTransform.Microsoft.gradient(enabled=false)";
+}
+
+//widget color
+.widget-color(@color) {
+  @widget-class:~`"widget-color-@{color}"`;
+  @widget-bg:~`"widget-@{color}"`;
+  @widget-cl:@@widget-bg;
+
+  .@{widget-class} {
+	 border-color: @widget-cl;
+	 > .widget-header {
+		background: @widget-cl;
+		border-color: @widget-cl;
+	 }
+  }
+}
+.widget-color(~"blue");
+.widget-color(~"blue2");
+.widget-color(~"blue3");
+.widget-color(~"green");
+.widget-color(~"green2");
+.widget-color(~"green3");
+.widget-color(~"red");
+.widget-color(~"red2");
+.widget-color(~"red3");
+.widget-color(~"purple");
+.widget-color(~"pink");
+
+.widget-color-orange {
+  border-color:@widget-orange-border;
+  > .widget-header {
+	color:@widget-orange-txt !important;
+	border-color:@widget-orange-border;
+	background:@widget-orange;
+  }
+}
+
+.widget-color-dark {
+  border-color:lighten(@widget-dark, 10%);
+  > .widget-header {
+	border-color: lighten(@widget-dark, 15%);
+	background: @widget-dark;
+  }
+}
+
+.widget-color-grey {
+  border-color: lighten(@widget-grey, 10%);
+  > .widget-header {
+	border-color:lighten(@widget-grey, 15%);
+	background: @widget-grey;
+  }
+}
+
+
+
+//transparent box
+.widget-box.transparent {
+ border-width: 0;
+
+ > .widget-header {
+	background: none;
+	filter: ~"progid:DXImageTransform.Microsoft.gradient(enabled=false)";
+
+	border-width: 0;
+	border-bottom: 1px solid #DCE8F1;
+	color: #4383B4;
+ 
+	padding-left: 3px;
+ }
+ > .widget-header-large {
+	padding-left: 5px;
+ }
+ > .widget-header-small {
+	padding-left: 1px;
+ }
+
+ > .widget-body {
+	border-width: 0;
+	background-color: transparent;
+ }
+}
+
+
+
+[class*="widget-color-"] > .widget-header > .widget-toolbar ,
+[class*="widget-color-"] > .widget-header > .widget-toolbar > .widget-menu {
+	> [data-action] { 
+		text-shadow: 0px 1px 1px rgba(0,0,0,0.2); 
+	}
+	> [data-action="settings"] {
+		color: #D3E4ED; 
+	}
+	> [data-action="reload"] {
+		color: #DEEAD3;
+	}
+	> [data-action="collapse"] {
+		color: #E2E2E2;
+	}
+	> [data-action="close"] {
+		color: #FFD9D5; 
+	}
+}
+.widget-color-orange > .widget-header > .widget-toolbar ,
+.widget-color-orange > .widget-header > .widget-toolbar > .widget-menu {
+	> [data-action] { 
+		text-shadow: none; 
+	}
+	> [data-action="settings"] {
+		color: #559AAB;
+	}
+	> [data-action="reload"] {
+		color: #7CA362; 
+	}
+	> [data-action="collapse"] { 
+		color: #777; 
+	}
+	> [data-action="close"] {
+		color: #A05656;
+	}
+}
+
+
+}
+.enable_widget_colors();
+
+
+//different borders
+.widget-box.light-border[class*="widget-color-"]:not(.fullscreen) {
+   border-width: 0;
+ > .widget-header {
+	border: 1px solid;
+	border-color: inherit;
+ }
+ > .widget-body {
+	border: 1px solid;
+	border-color: #D6D6D6;
+	border-width: 0 1px 1px;
+ }
+}
+.widget-box.no-border {
+  border-width: 0;
+}
+
+.widget-box.fullscreen {
+  position: fixed;
+  margin: 0;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: #FFF;
+  border-width: 3px;
+
+  z-index: @zindex-navbar-fixed + 10 !important;//to override inline style from jquery ui draggable
+  //-moz-backface-visibility: hidden;
+  
+  &:not([class*="widget-color-"]) {
+	border-color: #AAA;
+  }
+}
+
+
+
+//table in widget
+.widget-body .table {
+  border-top: 1px solid #E5E5E5;
+
+  thead:first-child tr {
+	  background: #FFF;
+	  [class*="widget-color-"] > & {
+		 background : mix(#F8F8F8 , #ECECEC);
+		 #gradient > .vertical(#F8F8F8 , #ECECEC);
+	  }
+  }
+  &.table-bordered thead:first-child > tr {
+		border-top-width: 0;
+  }
+}
+
+.widget-main.no-padding {
+  .table {
+	margin-bottom: 0;
+	border-width: 0;
+  }
+  .table-bordered th:first-child,
+  .table-bordered td:first-child {
+	border-left-width: 0;
+  }
+}
+
+.transparent > .widget-body .widget-main , .widget-main.no-padding {
+ .table-bordered > thead > tr > th:last-child, .table-bordered > tbody > tr > td:last-child, .table-bordered > tfoot > tr > td:last-child {
+  border-right-width: 0 !important;
+ }
+}
+.transparent > .widget-body .widget-main , .widget-main.no-padding {
+.table-bordered > tbody > tr:last-child > td {
+ border-bottom-width: 0 !important;
+}
+}
+.table-bordered > thead.thin-border-bottom > tr > th, .table-bordered > thead.thin-border-bottom > tr > td {
+	border-bottom-width: 1px;
+}
+
+
+
+//elements in widget
+.widget-body .alert:last-child {
+ margin-bottom: 0;
+}
+
+
+//tabs in widget
+.widget-main .tab-content {
+ border-width: 0;
+}
+.widget-toolbar > .nav-tabs {
+  border-bottom-width: 0;
+  margin-bottom: 0;
+  top: auto;
+  margin-top: 3px !important;//to override .RTL's
+  
+  > li {
+	margin-bottom: auto;
+  }
+  > li > a {
+	box-shadow: none;
+	position: relative;
+    top: 1px;
+	margin-top: 1px;
+  }
+  > li:not(.active) > a{
+	border-color: transparent; 
+	background-color: transparent;
+	&:hover {
+		background-color: transparent;
+	}
+  }
+  > li.active > a {
+	background-color: #FFF;
+	border-bottom-color: transparent;
+	box-shadow: none;
+	margin-top: auto;
+  }
+  
+  
+  .widget-header-small > & {
+	 > li > a {
+		line-height:16px;
+		padding-top:6px;
+		padding-bottom:6px;
+	 }
+	 > li.active > a {
+		border-top-width:2px;
+	 }
+  }
+  
+  .widget-header-large > & {
+	 > li > a {
+		line-height:22px;
+		padding-top:9px;
+		padding-bottom:9px;
+		margin-top: 4px;
+	 }
+	 > li.active > a {
+		margin-top: 3px;
+	 }
+  }
+  
+  
+  [class*="widget-color-"] > .widget-header > & {
+	> li > a {
+		border-color:transparent;
+		background-color:transparent;
+		color:#FFF;
+		margin-right:1px;
+		&:hover {
+			background-color:#FFF;
+			color:#555;
+			border-top-color:#FFF;
+		}
+	}
+	> li.active > a {
+		background-color:#FFF;
+		color:#555;
+		border-top-width:1px;
+		margin-top:0;
+	}
+  }
+  .widget-color-orange > .widget-header > li > a {
+		color:#855D10;
+  }
+  
+  
+  .transparent > .widget-header > & {
+	> li > a {
+		 color:#555;
+		 background-color:transparent;
+		 border-right:1px solid transparent;
+		 border-left:1px solid transparent;
+	}
+	> li.active > a {
+		border-top-color:#4C8FBD;
+		border-right:1px solid #C5D0DC;
+		border-left:1px solid #C5D0DC;
+		background-color:#FFF;
+		box-shadow:none;
+	}
+  }
+
+  
+}
+
+
+
+
+
+
+
+
+// toolbox
+.widget-toolbox {
+	background-color:#EEE;
+
+	&:first-child {// the toolbox coming before content
+		padding:2px;
+		border-bottom:1px solid #CCC;
+	}
+	&:last-child {// the toolbox coming after content
+		padding:2px;
+		border-top:1px solid #CCC;
+		
+		.transparent > .widget-body > & {
+			border:none;
+			border-top:1px solid #CCC;
+		}
+	}
+
+	> .btn-toolbar {
+		margin: 0 !important;//to override .RTL's
+		padding: 0;
+	}
+	
+	&.center {
+		text-align:center;
+	}
+	
+	&.toolbox-vertical {
+		border-bottom-width: 0;
+		border-right: 1px solid #D9D9D9;
+		
+		display: table-cell;
+		padding: 6px 4px;
+		vertical-align: top;
+		
+		width: 1px;
+		
+		+ .widget-main {
+			display: table-cell;
+			vertical-align: top;
+		}
+	}
+}
+
+
+
+.widget-toolbox {
+ .widget-paddingX (@index) when (@index >= 0) {
+   &.padding-@{index} { padding:unit(@index,px); }
+   .widget-paddingX(@index - 2);
+  }
+  .widget-paddingX(16);
+}
+
+
+
+
+
+//when clicking refresh
+.widget-box-overlay {
+ position: absolute;
+ top: -1px;
+ bottom: -1px;
+ right: -1px;
+ left: -1px;
+ z-index: 999;
+ 
+ text-align: center;
+ min-height: 100%;
+
+ background-color: rgba(0,0,0,0.3);
+ > .loading-icon {
+		position: relative;
+		top: 20%;
+		left: 0;
+		right: 0; 
+		text-align: center;
+
+		.widget-box.collapsed  & {
+			top: 10%;
+		}
+		
+		&.icon-spin {
+			.animation-duration(1.2s);
+		}
+ }
+}
+
+
+
+// simple forms in widgetboxes 
+.widget-main {
+  > form {
+	 margin-bottom:0;
+	 .input-append , .input-prepend {
+		margin-bottom:0;
+	 }
+  }
+  
+  &.no-padding, &.padding-0 {
+	> form {
+		> fieldset {
+			padding:16px;
+			+ .form-actions {
+				padding:10px 0 12px;
+			}
+		}
+		> .form-actions {
+			margin:0;
+			padding:10px 12px 12px;
+		}
+	}
+  }
+}
+
+}
+
+.enable_widgets();
+
+
+//for dragging and dropping using jQuery UI
+.widget-placeholder {
+  border: 2px dashed #D9D9D9;
+}
+
diff --git a/web/bootstrap-ace-admin/css/pace.css b/web/bootstrap-ace-admin/css/pace.css
new file mode 100755
index 00000000..5b226347
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/pace.css
@@ -0,0 +1,16 @@
+.pace .pace-progress {
+  background-color: #FFB752;
+  position: fixed;
+  z-index: 3000;
+  top: 0;
+  left: 0;
+  height: 2px;
+
+  -webkit-transition: width 1s;
+  -moz-transition: width 1s;
+  -o-transition: width 1s;
+  transition: width 1s;
+}
+.pace-inactive {
+  display: none;
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/prettify.css b/web/bootstrap-ace-admin/css/prettify.css
new file mode 100755
index 00000000..233ed183
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/prettify.css
@@ -0,0 +1,150 @@
+.com { color: #93a1a1; }
+.lit { color: #195f91; }
+.pun, .opn, .clo { color: #93a1a1; }
+.fun { color: #dc322f; }
+.str, .atv { color: #D14; }
+.kwd, .prettyprint .tag { color: #1e347b; }
+.typ, .atn, .dec, .var { color: teal; }
+.pln { color: #48484c; }
+
+.prettyprint {
+  padding: 8px;
+  background-color: #f7f7f9;
+  border: 1px solid #e1e1e8;
+}
+.prettyprint.linenums {
+  -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+          box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #ececf0;
+}
+
+/* Specify class=linenums on a pre to get line numbering */
+ol.linenums {
+  margin: 0 0 0 33px; /* IE indents via margin-left */
+}
+ol.linenums li {
+  padding-left: 12px;
+  color: #bebec5;
+  line-height: 20px;
+  text-shadow: 0 1px 0 #fff;
+}
+
+
+/*
+ * Derived from einaros's Sons of Obsidian theme at
+ * http://studiostyl.es/schemes/son-of-obsidian by
+ * Alex Ford of CodeTunnel:
+ * http://CodeTunnel.com/blog/post/71/google-code-prettify-obsidian-theme
+ */
+/**
+.str
+{
+    color: #EC7600;
+}
+.kwd
+{
+    color: #93C763;
+}
+.com
+{
+    color: #66747B;
+}
+.typ
+{
+    color: #678CB1;
+}
+.lit
+{
+    color: #FACD22;
+}
+.pun
+{
+    color: #F1F2F3;
+}
+.pln
+{
+    color: #F1F2F3;
+}
+.tag
+{
+    color: #8AC763;
+}
+.atn
+{
+    color: #E0E2E4;
+}
+.atv
+{
+    color: #EC7600;
+}
+.dec
+{
+    color: purple;
+}
+pre.prettyprint
+{
+    border: 0px solid #888;
+}
+ol.linenums
+{
+    margin-top: 0;
+    margin-bottom: 0;
+}
+.prettyprint {
+    background: #000;
+}
+li.L0, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6, li.L7, li.L8, li.L9
+{
+    color: #555;
+    list-style-type: decimal;
+}
+li.L1, li.L3, li.L5, li.L7, li.L9 {
+    background: #111;
+}
+@media print
+{
+    .str
+    {
+        color: #060;
+    }
+    .kwd
+    {
+        color: #006;
+        font-weight: bold;
+    }
+    .com
+    {
+        color: #600;
+        font-style: italic;
+    }
+    .typ
+    {
+        color: #404;
+        font-weight: bold;
+    }
+    .lit
+    {
+        color: #044;
+    }
+    .pun
+    {
+        color: #440;
+    }
+    .pln
+    {
+        color: #000;
+    }
+    .tag
+    {
+        color: #006;
+        font-weight: bold;
+    }
+    .atn
+    {
+        color: #404;
+    }
+    .atv
+    {
+        color: #060;
+    }
+}
+*/
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/css/select2-spinner.gif b/web/bootstrap-ace-admin/css/select2-spinner.gif
new file mode 100755
index 00000000..5b33f7e5
Binary files /dev/null and b/web/bootstrap-ace-admin/css/select2-spinner.gif differ
diff --git a/web/bootstrap-ace-admin/css/select2.css b/web/bootstrap-ace-admin/css/select2.css
new file mode 100755
index 00000000..2d07a034
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/select2.css
@@ -0,0 +1,704 @@
+/*
+Version: 3.5.2 Timestamp: Sat Nov  1 14:43:36 EDT 2014
+*/
+.select2-container {
+    margin: 0;
+    position: relative;
+    display: inline-block;
+    /* inline-block for ie7 */
+    zoom: 1;
+    *display: inline;
+    vertical-align: middle;
+}
+
+.select2-container,
+.select2-drop,
+.select2-search,
+.select2-search input {
+  /*
+    Force border-box so that % widths fit the parent
+    container without overlap because of margin/padding.
+    More Info : http://www.quirksmode.org/css/box.html
+  */
+  -webkit-box-sizing: border-box; /* webkit */
+     -moz-box-sizing: border-box; /* firefox */
+          box-sizing: border-box; /* css3 */
+}
+
+.select2-container .select2-choice {
+    display: block;
+    height: 26px;
+    padding: 0 0 0 8px;
+    overflow: hidden;
+    position: relative;
+
+    border: 1px solid #aaa;
+    white-space: nowrap;
+    line-height: 26px;
+    color: #444;
+    text-decoration: none;
+
+    border-radius: 4px;
+
+    background-clip: padding-box;
+
+    -webkit-touch-callout: none;
+      -webkit-user-select: none;
+         -moz-user-select: none;
+          -ms-user-select: none;
+              user-select: none;
+
+    background-color: #fff;
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.5, #fff));
+    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 50%);
+    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 50%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#eeeeee', GradientType = 0);
+    background-image: linear-gradient(to top, #eee 0%, #fff 50%);
+}
+
+html[dir="rtl"] .select2-container .select2-choice {
+    padding: 0 8px 0 0;
+}
+
+.select2-container.select2-drop-above .select2-choice {
+    border-bottom-color: #aaa;
+
+    border-radius: 0 0 4px 4px;
+
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #eee), color-stop(0.9, #fff));
+    background-image: -webkit-linear-gradient(center bottom, #eee 0%, #fff 90%);
+    background-image: -moz-linear-gradient(center bottom, #eee 0%, #fff 90%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0);
+    background-image: linear-gradient(to bottom, #eee 0%, #fff 90%);
+}
+
+.select2-container.select2-allowclear .select2-choice .select2-chosen {
+    margin-right: 42px;
+}
+
+.select2-container .select2-choice > .select2-chosen {
+    margin-right: 26px;
+    display: block;
+    overflow: hidden;
+
+    white-space: nowrap;
+
+    text-overflow: ellipsis;
+    float: none;
+    width: auto;
+}
+
+html[dir="rtl"] .select2-container .select2-choice > .select2-chosen {
+    margin-left: 26px;
+    margin-right: 0;
+}
+
+.select2-container .select2-choice abbr {
+    display: none;
+    width: 12px;
+    height: 12px;
+    position: absolute;
+    right: 24px;
+    top: 8px;
+
+    font-size: 1px;
+    text-decoration: none;
+
+    border: 0;
+    background: url('select2.png') right top no-repeat;
+    cursor: pointer;
+    outline: 0;
+}
+
+.select2-container.select2-allowclear .select2-choice abbr {
+    display: inline-block;
+}
+
+.select2-container .select2-choice abbr:hover {
+    background-position: right -11px;
+    cursor: pointer;
+}
+
+.select2-drop-mask {
+    border: 0;
+    margin: 0;
+    padding: 0;
+    position: fixed;
+    left: 0;
+    top: 0;
+    min-height: 100%;
+    min-width: 100%;
+    height: auto;
+    width: auto;
+    opacity: 0;
+    z-index: 9998;
+    /* styles required for IE to work */
+    background-color: #fff;
+    filter: alpha(opacity=0);
+}
+
+.select2-drop {
+    width: 100%;
+    margin-top: -1px;
+    position: absolute;
+    z-index: 9999;
+    top: 100%;
+
+    background: #fff;
+    color: #000;
+    border: 1px solid #aaa;
+    border-top: 0;
+
+    border-radius: 0 0 4px 4px;
+
+    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
+            box-shadow: 0 4px 5px rgba(0, 0, 0, .15);
+}
+
+.select2-drop.select2-drop-above {
+    margin-top: 1px;
+    border-top: 1px solid #aaa;
+    border-bottom: 0;
+
+    border-radius: 4px 4px 0 0;
+
+    -webkit-box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
+            box-shadow: 0 -4px 5px rgba(0, 0, 0, .15);
+}
+
+.select2-drop-active {
+    border: 1px solid #5897fb;
+    border-top: none;
+}
+
+.select2-drop.select2-drop-above.select2-drop-active {
+    border-top: 1px solid #5897fb;
+}
+
+.select2-drop-auto-width {
+    border-top: 1px solid #aaa;
+    width: auto;
+}
+
+.select2-drop-auto-width .select2-search {
+    padding-top: 4px;
+}
+
+.select2-container .select2-choice .select2-arrow {
+    display: inline-block;
+    width: 18px;
+    height: 100%;
+    position: absolute;
+    right: 0;
+    top: 0;
+
+    border-left: 1px solid #aaa;
+    border-radius: 0 4px 4px 0;
+
+    background-clip: padding-box;
+
+    background: #ccc;
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(0.6, #eee));
+    background-image: -webkit-linear-gradient(center bottom, #ccc 0%, #eee 60%);
+    background-image: -moz-linear-gradient(center bottom, #ccc 0%, #eee 60%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#eeeeee', endColorstr = '#cccccc', GradientType = 0);
+    background-image: linear-gradient(to top, #ccc 0%, #eee 60%);
+}
+
+html[dir="rtl"] .select2-container .select2-choice .select2-arrow {
+    left: 0;
+    right: auto;
+
+    border-left: none;
+    border-right: 1px solid #aaa;
+    border-radius: 4px 0 0 4px;
+}
+
+.select2-container .select2-choice .select2-arrow b {
+    display: block;
+    width: 100%;
+    height: 100%;
+    background: url('select2.png') no-repeat 0 1px;
+}
+
+html[dir="rtl"] .select2-container .select2-choice .select2-arrow b {
+    background-position: 2px 1px;
+}
+
+.select2-search {
+    display: inline-block;
+    width: 100%;
+    min-height: 26px;
+    margin: 0;
+    padding-left: 4px;
+    padding-right: 4px;
+
+    position: relative;
+    z-index: 10000;
+
+    white-space: nowrap;
+}
+
+.select2-search input {
+    width: 100%;
+    height: auto !important;
+    min-height: 26px;
+    padding: 4px 20px 4px 5px;
+    margin: 0;
+
+    outline: 0;
+    font-family: sans-serif;
+    font-size: 1em;
+
+    border: 1px solid #aaa;
+    border-radius: 0;
+
+    -webkit-box-shadow: none;
+            box-shadow: none;
+
+    background: #fff url('select2.png') no-repeat 100% -22px;
+    background: url('select2.png') no-repeat 100% -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
+    background: url('select2.png') no-repeat 100% -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
+    background: url('select2.png') no-repeat 100% -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
+    background: url('select2.png') no-repeat 100% -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
+}
+
+html[dir="rtl"] .select2-search input {
+    padding: 4px 5px 4px 20px;
+
+    background: #fff url('select2.png') no-repeat -37px -22px;
+    background: url('select2.png') no-repeat -37px -22px, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
+    background: url('select2.png') no-repeat -37px -22px, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
+    background: url('select2.png') no-repeat -37px -22px, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
+    background: url('select2.png') no-repeat -37px -22px, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
+}
+
+.select2-drop.select2-drop-above .select2-search input {
+    margin-top: 4px;
+}
+
+.select2-search input.select2-active {
+    background: #fff url('select2-spinner.gif') no-repeat 100%;
+    background: url('select2-spinner.gif') no-repeat 100%, -webkit-gradient(linear, left bottom, left top, color-stop(0.85, #fff), color-stop(0.99, #eee));
+    background: url('select2-spinner.gif') no-repeat 100%, -webkit-linear-gradient(center bottom, #fff 85%, #eee 99%);
+    background: url('select2-spinner.gif') no-repeat 100%, -moz-linear-gradient(center bottom, #fff 85%, #eee 99%);
+    background: url('select2-spinner.gif') no-repeat 100%, linear-gradient(to bottom, #fff 85%, #eee 99%) 0 0;
+}
+
+.select2-container-active .select2-choice,
+.select2-container-active .select2-choices {
+    border: 1px solid #5897fb;
+    outline: none;
+
+    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
+            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
+}
+
+.select2-dropdown-open .select2-choice {
+    border-bottom-color: transparent;
+    -webkit-box-shadow: 0 1px 0 #fff inset;
+            box-shadow: 0 1px 0 #fff inset;
+
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+
+    background-color: #eee;
+    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #fff), color-stop(0.5, #eee));
+    background-image: -webkit-linear-gradient(center bottom, #fff 0%, #eee 50%);
+    background-image: -moz-linear-gradient(center bottom, #fff 0%, #eee 50%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
+    background-image: linear-gradient(to top, #fff 0%, #eee 50%);
+}
+
+.select2-dropdown-open.select2-drop-above .select2-choice,
+.select2-dropdown-open.select2-drop-above .select2-choices {
+    border: 1px solid #5897fb;
+    border-top-color: transparent;
+
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(0.5, #eee));
+    background-image: -webkit-linear-gradient(center top, #fff 0%, #eee 50%);
+    background-image: -moz-linear-gradient(center top, #fff 0%, #eee 50%);
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#ffffff', GradientType=0);
+    background-image: linear-gradient(to bottom, #fff 0%, #eee 50%);
+}
+
+.select2-dropdown-open .select2-choice .select2-arrow {
+    background: transparent;
+    border-left: none;
+    filter: none;
+}
+html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow {
+    border-right: none;
+}
+
+.select2-dropdown-open .select2-choice .select2-arrow b {
+    background-position: -18px 1px;
+}
+
+html[dir="rtl"] .select2-dropdown-open .select2-choice .select2-arrow b {
+    background-position: -16px 1px;
+}
+
+.select2-hidden-accessible {
+    border: 0;
+    clip: rect(0 0 0 0);
+    height: 1px;
+    margin: -1px;
+    overflow: hidden;
+    padding: 0;
+    position: absolute;
+    width: 1px;
+}
+
+/* results */
+.select2-results {
+    max-height: 200px;
+    padding: 0 0 0 4px;
+    margin: 4px 4px 4px 0;
+    position: relative;
+    overflow-x: hidden;
+    overflow-y: auto;
+    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
+}
+
+html[dir="rtl"] .select2-results {
+    padding: 0 4px 0 0;
+    margin: 4px 0 4px 4px;
+}
+
+.select2-results ul.select2-result-sub {
+    margin: 0;
+    padding-left: 0;
+}
+
+.select2-results li {
+    list-style: none;
+    display: list-item;
+    background-image: none;
+}
+
+.select2-results li.select2-result-with-children > .select2-result-label {
+    font-weight: bold;
+}
+
+.select2-results .select2-result-label {
+    padding: 3px 7px 4px;
+    margin: 0;
+    cursor: pointer;
+
+    min-height: 1em;
+
+    -webkit-touch-callout: none;
+      -webkit-user-select: none;
+         -moz-user-select: none;
+          -ms-user-select: none;
+              user-select: none;
+}
+
+.select2-results-dept-1 .select2-result-label { padding-left: 20px }
+.select2-results-dept-2 .select2-result-label { padding-left: 40px }
+.select2-results-dept-3 .select2-result-label { padding-left: 60px }
+.select2-results-dept-4 .select2-result-label { padding-left: 80px }
+.select2-results-dept-5 .select2-result-label { padding-left: 100px }
+.select2-results-dept-6 .select2-result-label { padding-left: 110px }
+.select2-results-dept-7 .select2-result-label { padding-left: 120px }
+
+.select2-results .select2-highlighted {
+    background: #3875d7;
+    color: #fff;
+}
+
+.select2-results li em {
+    background: #feffde;
+    font-style: normal;
+}
+
+.select2-results .select2-highlighted em {
+    background: transparent;
+}
+
+.select2-results .select2-highlighted ul {
+    background: #fff;
+    color: #000;
+}
+
+.select2-results .select2-no-results,
+.select2-results .select2-searching,
+.select2-results .select2-ajax-error,
+.select2-results .select2-selection-limit {
+    background: #f4f4f4;
+    display: list-item;
+    padding-left: 5px;
+}
+
+/*
+disabled look for disabled choices in the results dropdown
+*/
+.select2-results .select2-disabled.select2-highlighted {
+    color: #666;
+    background: #f4f4f4;
+    display: list-item;
+    cursor: default;
+}
+.select2-results .select2-disabled {
+  background: #f4f4f4;
+  display: list-item;
+  cursor: default;
+}
+
+.select2-results .select2-selected {
+    display: none;
+}
+
+.select2-more-results.select2-active {
+    background: #f4f4f4 url('select2-spinner.gif') no-repeat 100%;
+}
+
+.select2-results .select2-ajax-error {
+    background: rgba(255, 50, 50, .2);
+}
+
+.select2-more-results {
+    background: #f4f4f4;
+    display: list-item;
+}
+
+/* disabled styles */
+
+.select2-container.select2-container-disabled .select2-choice {
+    background-color: #f4f4f4;
+    background-image: none;
+    border: 1px solid #ddd;
+    cursor: default;
+}
+
+.select2-container.select2-container-disabled .select2-choice .select2-arrow {
+    background-color: #f4f4f4;
+    background-image: none;
+    border-left: 0;
+}
+
+.select2-container.select2-container-disabled .select2-choice abbr {
+    display: none;
+}
+
+
+/* multiselect */
+
+.select2-container-multi .select2-choices {
+    height: auto !important;
+    height: 1%;
+    margin: 0;
+    padding: 0 5px 0 0;
+    position: relative;
+
+    border: 1px solid #aaa;
+    cursor: text;
+    overflow: hidden;
+
+    background-color: #fff;
+    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(1%, #eee), color-stop(15%, #fff));
+    background-image: -webkit-linear-gradient(top, #eee 1%, #fff 15%);
+    background-image: -moz-linear-gradient(top, #eee 1%, #fff 15%);
+    background-image: linear-gradient(to bottom, #eee 1%, #fff 15%);
+}
+
+html[dir="rtl"] .select2-container-multi .select2-choices {
+    padding: 0 0 0 5px;
+}
+
+.select2-locked {
+  padding: 3px 5px 3px 5px !important;
+}
+
+.select2-container-multi .select2-choices {
+    min-height: 26px;
+}
+
+.select2-container-multi.select2-container-active .select2-choices {
+    border: 1px solid #5897fb;
+    outline: none;
+
+    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .3);
+            box-shadow: 0 0 5px rgba(0, 0, 0, .3);
+}
+.select2-container-multi .select2-choices li {
+    float: left;
+    list-style: none;
+}
+html[dir="rtl"] .select2-container-multi .select2-choices li
+{
+    float: right;
+}
+.select2-container-multi .select2-choices .select2-search-field {
+    margin: 0;
+    padding: 0;
+    white-space: nowrap;
+}
+
+.select2-container-multi .select2-choices .select2-search-field input {
+    padding: 5px;
+    margin: 1px 0;
+
+    font-family: sans-serif;
+    font-size: 100%;
+    color: #666;
+    outline: 0;
+    border: 0;
+    -webkit-box-shadow: none;
+            box-shadow: none;
+    background: transparent !important;
+}
+
+.select2-container-multi .select2-choices .select2-search-field input.select2-active {
+    background: #fff url('select2-spinner.gif') no-repeat 100% !important;
+}
+
+.select2-default {
+    color: #999 !important;
+}
+
+.select2-container-multi .select2-choices .select2-search-choice {
+    padding: 3px 5px 3px 18px;
+    margin: 3px 0 3px 5px;
+    position: relative;
+
+    line-height: 13px;
+    color: #333;
+    cursor: default;
+    border: 1px solid #aaaaaa;
+
+    border-radius: 3px;
+
+    -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
+            box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
+
+    background-clip: padding-box;
+
+    -webkit-touch-callout: none;
+      -webkit-user-select: none;
+         -moz-user-select: none;
+          -ms-user-select: none;
+              user-select: none;
+
+    background-color: #e4e4e4;
+    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#f4f4f4', GradientType=0);
+    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
+    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
+    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
+    background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
+}
+html[dir="rtl"] .select2-container-multi .select2-choices .select2-search-choice
+{
+    margin: 3px 5px 3px 0;
+    padding: 3px 18px 3px 5px;
+}
+.select2-container-multi .select2-choices .select2-search-choice .select2-chosen {
+    cursor: default;
+}
+.select2-container-multi .select2-choices .select2-search-choice-focus {
+    background: #d4d4d4;
+}
+
+.select2-search-choice-close {
+    display: block;
+    width: 12px;
+    height: 13px;
+    position: absolute;
+    right: 3px;
+    top: 4px;
+
+    font-size: 1px;
+    outline: none;
+    background: url('select2.png') right top no-repeat;
+}
+html[dir="rtl"] .select2-search-choice-close {
+    right: auto;
+    left: 3px;
+}
+
+.select2-container-multi .select2-search-choice-close {
+    left: 3px;
+}
+
+html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
+    left: auto;
+    right: 2px;
+}
+
+.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
+  background-position: right -11px;
+}
+.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
+    background-position: right -11px;
+}
+
+/* disabled styles */
+.select2-container-multi.select2-container-disabled .select2-choices {
+    background-color: #f4f4f4;
+    background-image: none;
+    border: 1px solid #ddd;
+    cursor: default;
+}
+
+.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice {
+    padding: 3px 5px 3px 5px;
+    border: 1px solid #ddd;
+    background-image: none;
+    background-color: #f4f4f4;
+}
+
+.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {    display: none;
+    background: none;
+}
+/* end multiselect */
+
+
+.select2-result-selectable .select2-match,
+.select2-result-unselectable .select2-match {
+    text-decoration: underline;
+}
+
+.select2-offscreen, .select2-offscreen:focus {
+    clip: rect(0 0 0 0) !important;
+    width: 1px !important;
+    height: 1px !important;
+    border: 0 !important;
+    margin: 0 !important;
+    padding: 0 !important;
+    overflow: hidden !important;
+    position: absolute !important;
+    outline: 0 !important;
+    left: 0px !important;
+    top: 0px !important;
+}
+
+.select2-display-none {
+    display: none;
+}
+
+.select2-measure-scrollbar {
+    position: absolute;
+    top: -10000px;
+    left: -10000px;
+    width: 100px;
+    height: 100px;
+    overflow: scroll;
+}
+
+/* Retina-ize icons */
+
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 2dppx)  {
+    .select2-search input,
+    .select2-search-choice-close,
+    .select2-container .select2-choice abbr,
+    .select2-container .select2-choice .select2-arrow b {
+        background-image: url('select2x2.png') !important;
+        background-repeat: no-repeat !important;
+        background-size: 60px 40px !important;
+    }
+
+    .select2-search input {
+        background-position: 100% -21px !important;
+    }
+}
diff --git a/web/bootstrap-ace-admin/css/select2.png b/web/bootstrap-ace-admin/css/select2.png
new file mode 100755
index 00000000..1d804ffb
Binary files /dev/null and b/web/bootstrap-ace-admin/css/select2.png differ
diff --git a/web/bootstrap-ace-admin/css/select2x2.png b/web/bootstrap-ace-admin/css/select2x2.png
new file mode 100755
index 00000000..4bdd5c96
Binary files /dev/null and b/web/bootstrap-ace-admin/css/select2x2.png differ
diff --git a/web/bootstrap-ace-admin/css/ui.jqgrid.css b/web/bootstrap-ace-admin/css/ui.jqgrid.css
new file mode 100755
index 00000000..11594b11
--- /dev/null
+++ b/web/bootstrap-ace-admin/css/ui.jqgrid.css
@@ -0,0 +1,171 @@
+/*Grid*/
+.ui-jqgrid {position: relative;}
+.ui-jqgrid .ui-jqgrid-view {position: relative;left:0; top: 0; padding: 0; font-size:11px;}
+/* caption*/
+.ui-jqgrid .ui-jqgrid-titlebar {padding: .3em .2em .2em .3em; position: relative; font-size: 12px; border-left: 0 none;border-right: 0 none; border-top: 0 none;}
+.ui-jqgrid .ui-jqgrid-caption {text-align: left;}
+.ui-jqgrid .ui-jqgrid-title { margin: .1em 0 .2em; }
+.ui-jqgrid .ui-jqgrid-titlebar-close { position: absolute;top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height:18px; cursor:pointer;}
+.ui-jqgrid .ui-jqgrid-titlebar-close span { display: block; margin: 1px; }
+.ui-jqgrid .ui-jqgrid-titlebar-close:hover { padding: 0; }
+/* header*/
+.ui-jqgrid .ui-jqgrid-hdiv {position: relative; margin: 0;padding: 0; overflow-x: hidden; border-left: 0 none !important; border-top : 0 none !important; border-right : 0 none !important;}
+.ui-jqgrid .ui-jqgrid-hbox {float: left; padding-right: 20px;}
+.ui-jqgrid .ui-jqgrid-htable {table-layout:fixed;margin:0;}
+.ui-jqgrid .ui-jqgrid-htable th {height:22px;padding: 0 2px 0 2px;}
+.ui-jqgrid .ui-jqgrid-htable th div {overflow: hidden; position:relative; height:17px;}
+.ui-th-column, .ui-jqgrid .ui-jqgrid-htable th.ui-th-column {overflow: hidden;white-space: nowrap;text-align:center;border-top : 0 none;border-bottom : 0 none;}
+.ui-th-ltr, .ui-jqgrid .ui-jqgrid-htable th.ui-th-ltr {border-left : 0 none;}
+.ui-th-rtl, .ui-jqgrid .ui-jqgrid-htable th.ui-th-rtl {border-right : 0 none;}
+.ui-first-th-ltr {border-right: 1px solid; }
+.ui-first-th-rtl {border-left: 1px solid; }
+.ui-jqgrid .ui-th-div-ie {white-space: nowrap; zoom :1; height:17px;}
+.ui-jqgrid .ui-jqgrid-resize {height:20px !important;position: relative; cursor :e-resize;display: inline;overflow: hidden;}
+.ui-jqgrid .ui-grid-ico-sort {overflow:hidden;position:absolute;display:inline; cursor: pointer !important;}
+.ui-jqgrid .ui-icon-asc {margin-top:-3px; height:12px;}
+.ui-jqgrid .ui-icon-desc {margin-top:3px;height:12px;}
+.ui-jqgrid .ui-i-asc {margin-top:0;height:16px;}
+.ui-jqgrid .ui-i-desc {margin-top:0;margin-left:13px;height:16px;}
+.ui-jqgrid .ui-jqgrid-sortable {cursor:pointer;}
+.ui-jqgrid tr.ui-search-toolbar th { border-top-width: 1px !important; border-top-color: inherit !important; border-top-style: ridge !important }
+tr.ui-search-toolbar input {margin: 1px 0 0 0}
+tr.ui-search-toolbar select {margin: 1px 0 0 0}
+/* body */ 
+.ui-jqgrid .ui-jqgrid-bdiv {position: relative; margin: 0; padding:0; overflow: auto; text-align:left;}
+.ui-jqgrid .ui-jqgrid-btable {table-layout:fixed; margin:0; outline-style: none; }
+.ui-jqgrid tr.jqgrow { outline-style: none; }
+.ui-jqgrid tr.jqgroup { outline-style: none; }
+.ui-jqgrid tr.jqgrow td {font-weight: normal; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
+.ui-jqgrid tr.jqgfirstrow td {padding: 0 2px 0 2px;border-right-width: 1px; border-right-style: solid;}
+.ui-jqgrid tr.jqgroup td {font-weight: normal; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
+.ui-jqgrid tr.jqfoot td {font-weight: bold; overflow: hidden; white-space: pre; height: 22px;padding: 0 2px 0 2px;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
+.ui-jqgrid tr.ui-row-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}
+.ui-jqgrid tr.ui-row-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}
+.ui-jqgrid td.jqgrid-rownum { padding: 0 2px 0 2px; margin: 0; border: 0 none;}
+.ui-jqgrid .ui-jqgrid-resize-mark { width:2px; left:0; background-color:#777; cursor: e-resize; cursor: col-resize; position:absolute; top:0; height:100px; overflow:hidden; display:none; border:0 none; z-index: 99999;}
+/* footer */
+.ui-jqgrid .ui-jqgrid-sdiv {position: relative; margin: 0;padding: 0; overflow: hidden; border-left: 0 none !important; border-top : 0 none !important; border-right : 0 none !important;}
+.ui-jqgrid .ui-jqgrid-ftable {table-layout:fixed; margin-bottom:0;}
+.ui-jqgrid tr.footrow td {font-weight: bold; overflow: hidden; white-space:nowrap; height: 21px;padding: 0 2px 0 2px;border-top-width: 1px; border-top-color: inherit; border-top-style: solid;}
+.ui-jqgrid tr.footrow-ltr td {text-align:left;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;}
+.ui-jqgrid tr.footrow-rtl td {text-align:right;border-left-width: 1px; border-left-color: inherit; border-left-style: solid;}
+/* Pager*/
+.ui-jqgrid .ui-jqgrid-pager { border-left: 0 none !important;border-right: 0 none !important; border-bottom: 0 none !important; margin: 0 !important; padding: 0 !important; position: relative; height: 25px;white-space: nowrap;overflow: hidden;font-size:11px;}
+.ui-jqgrid .ui-pager-control {position: relative;}
+.ui-jqgrid .ui-pg-table {position: relative; padding-bottom:2px; width:auto; margin: 0;}
+.ui-jqgrid .ui-pg-table td {font-weight:normal; vertical-align:middle; padding:1px;}
+.ui-jqgrid .ui-pg-button  { height:19px !important;}
+.ui-jqgrid .ui-pg-button span { display: block; margin: 1px; float:left;}
+.ui-jqgrid .ui-pg-button:hover { padding: 0; }
+.ui-jqgrid .ui-state-disabled:hover {padding:1px;}
+.ui-jqgrid .ui-pg-input { height:13px;font-size:.8em; margin: 0;}
+.ui-jqgrid .ui-pg-selbox {font-size:.8em; line-height:18px; display:block; height:18px; margin: 0;}
+.ui-jqgrid .ui-separator {height: 18px; border-left: 1px solid #ccc ; border-right: 1px solid #ccc ; margin: 1px; float: right;}
+.ui-jqgrid .ui-paging-info {font-weight: normal;height:19px; margin-top:3px;margin-right:4px;}
+.ui-jqgrid .ui-jqgrid-pager .ui-pg-div {padding:1px 0;float:left;position:relative;}
+.ui-jqgrid .ui-jqgrid-pager .ui-pg-button { cursor:pointer; }
+.ui-jqgrid .ui-jqgrid-pager .ui-pg-div  span.ui-icon {float:left;margin:0 2px;}
+.ui-jqgrid td input, .ui-jqgrid td select .ui-jqgrid td textarea { margin: 0;}
+.ui-jqgrid td textarea {width:auto;height:auto;}
+.ui-jqgrid .ui-jqgrid-toppager {border-left: 0 none !important;border-right: 0 none !important; border-top: 0 none !important; margin: 0 !important; padding: 0 !important; position: relative; height: 25px !important;white-space: nowrap;overflow: hidden;}
+.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div {padding:1px 0;float:left;position:relative;}
+.ui-jqgrid .ui-jqgrid-toppager .ui-pg-button { cursor:pointer; }
+.ui-jqgrid .ui-jqgrid-toppager .ui-pg-div  span.ui-icon {float:left;margin:0 2px;}
+/*subgrid*/
+.ui-jqgrid .ui-jqgrid-btable .ui-sgcollapsed span {display: block;}
+.ui-jqgrid .ui-subgrid {margin:0;padding:0; width:100%;}
+.ui-jqgrid .ui-subgrid table {table-layout: fixed;}
+.ui-jqgrid .ui-subgrid tr.ui-subtblcell td {height:18px;border-right-width: 1px; border-right-color: inherit; border-right-style: solid;border-bottom-width: 1px; border-bottom-color: inherit; border-bottom-style: solid;}
+.ui-jqgrid .ui-subgrid td.subgrid-data {border-top:  0 none !important;}
+.ui-jqgrid .ui-subgrid td.subgrid-cell {border-width: 0 0 1px 0;}
+.ui-jqgrid .ui-th-subgrid {height:20px;}
+/* loading */
+.ui-jqgrid .loading {position: absolute; top: 45%;left: 45%;width: auto;z-index:101;padding: 6px; margin: 5px;text-align: center;font-weight: bold;display: none;border-width: 2px !important; font-size:11px;}
+.ui-jqgrid .jqgrid-overlay {display:none;z-index:100;}
+/* IE * html .jqgrid-overlay {width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');} */
+* .jqgrid-overlay iframe {position:absolute;top:0;left:0;z-index:-1;}
+/* IE width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
+/* end loading div */
+/* toolbar */
+.ui-jqgrid .ui-userdata {border-left: 0 none;    border-right: 0 none;	height : 21px;overflow: hidden;	}
+/*Modal Window */
+.ui-jqdialog { display: none; width: 300px; position: absolute; padding: .2em; font-size:11px; overflow:visible;}
+.ui-jqdialog .ui-jqdialog-titlebar { padding: .3em .2em; position: relative;  }
+.ui-jqdialog .ui-jqdialog-title { margin: .1em 0 .2em; } 
+.ui-jqdialog .ui-jqdialog-titlebar-close { position: absolute;  top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; cursor:pointer;}
+
+.ui-jqdialog .ui-jqdialog-titlebar-close span { display: block; margin: 1px; }
+.ui-jqdialog .ui-jqdialog-titlebar-close:hover, .ui-jqdialog .ui-jqdialog-titlebar-close:focus { padding: 0; }
+.ui-jqdialog-content, .ui-jqdialog .ui-jqdialog-content { border: 0; padding: .3em .2em; background: none; height:auto;}
+.ui-jqdialog .ui-jqconfirm {padding: .4em 1em; border-width:3px;position:absolute;bottom:10px;right:10px;overflow:visible;display:none;height:80px;width:220px;text-align:center;}
+.ui-jqdialog>.ui-resizable-se { bottom: -3px; right: -3px}
+.ui-jqgrid>.ui-resizable-se { bottom: -3px; right: -3px }
+/* end Modal window*/
+/* Form edit */
+.ui-jqdialog-content .FormGrid {margin: 0;}
+.ui-jqdialog-content .EditTable { width: 100%; margin-bottom:0;}
+.ui-jqdialog-content .DelTable { width: 100%; margin-bottom:0;}
+.EditTable td input, .EditTable td select, .EditTable td textarea {margin: 0;}
+.EditTable td textarea { width:auto; height:auto;}
+.ui-jqdialog-content td.EditButton {text-align: right;border-top: 0 none;border-left: 0 none;border-right: 0 none; padding-bottom:5px; padding-top:5px;}
+.ui-jqdialog-content td.navButton {text-align: center; border-left: 0 none;border-top: 0 none;border-right: 0 none; padding-bottom:5px; padding-top:5px;}
+.ui-jqdialog-content input.FormElement {padding:.3em}
+.ui-jqdialog-content select.FormElement {padding:.3em}
+.ui-jqdialog-content .data-line {padding-top:.1em;border: 0 none;}
+
+.ui-jqdialog-content .CaptionTD {vertical-align: middle;border: 0 none; padding: 2px;white-space: nowrap;}
+.ui-jqdialog-content .DataTD {padding: 2px; border: 0 none; vertical-align: top;}
+.ui-jqdialog-content .form-view-data {white-space:pre}
+.fm-button { display: inline-block; margin:0 4px 0 0; padding: .4em .5em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
+.fm-button-icon-left { padding-left: 1.9em; }
+.fm-button-icon-right { padding-right: 1.9em; }
+.fm-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px; }
+.fm-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; position: absolute; top: 50%; margin-top: -8px;}
+#nData, #pData { float: left; margin:3px;padding: 0; width: 15px; }
+/* End Eorm edit */
+/*.ui-jqgrid .edit-cell {}*/
+.ui-jqgrid .selected-row, div.ui-jqgrid .selected-row td {font-style : normal;border-left: 0 none;}
+/* inline edit actions button*/
+.ui-inline-del.ui-state-hover span, .ui-inline-edit.ui-state-hover span,
+.ui-inline-save.ui-state-hover span, .ui-inline-cancel.ui-state-hover span {
+    margin: -1px;
+}
+/* Tree Grid */
+.ui-jqgrid .tree-wrap {float: left; position: relative;height: 18px;white-space: nowrap;overflow: hidden;}
+.ui-jqgrid .tree-minus {position: absolute; height: 18px; width: 18px; overflow: hidden;}
+.ui-jqgrid .tree-plus {position: absolute;	height: 18px; width: 18px;	overflow: hidden;}
+.ui-jqgrid .tree-leaf {position: absolute;	height: 18px; width: 18px;overflow: hidden;}
+.ui-jqgrid .treeclick {cursor: pointer;}
+/* moda dialog */
+* iframe.jqm {position:absolute;top:0;left:0;z-index:-1;}
+/*	 width: expression(this.parentNode.offsetWidth+'px');height: expression(this.parentNode.offsetHeight+'px');}*/
+.ui-jqgrid-dnd tr td {border-right-width: 1px; border-right-color: inherit; border-right-style: solid; height:20px}
+/* RTL Support */
+.ui-jqgrid .ui-jqgrid-caption-rtl {text-align: right;}
+.ui-jqgrid .ui-jqgrid-hbox-rtl {float: right; padding-left: 20px;}
+.ui-jqgrid .ui-jqgrid-resize-ltr {float: right;margin: -2px -2px -2px 0;}
+.ui-jqgrid .ui-jqgrid-resize-rtl {float: left;margin: -2px 0 -1px -3px;}
+.ui-jqgrid .ui-sort-rtl {left:0;}
+.ui-jqgrid .tree-wrap-ltr {float: left;}
+.ui-jqgrid .tree-wrap-rtl {float: right;}
+.ui-jqgrid .ui-ellipsis {-moz-text-overflow:ellipsis;text-overflow:ellipsis;}
+
+/* Toolbar Search Menu */
+.ui-search-menu { position: absolute; padding: 2px 5px;}
+.ui-jqgrid .ui-search-table { padding: 0; border: 0 none; height:20px; width:100%;}
+.ui-jqgrid .ui-search-table .ui-search-oper { width:20px; }
+a.g-menu-item, a.soptclass, a.clearsearchclass { cursor: pointer; }
+.ui-jqgrid .ui-search-table .ui-search-input>input,
+.ui-jqgrid .ui-search-table .ui-search-input>select
+{
+    display: block;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    box-sizing: border-box;
+} 
+.ui-jqgrid .ui-jqgrid-view input,
+.ui-jqgrid .ui-jqgrid-view select,
+.ui-jqgrid .ui-jqgrid-view textarea,
+.ui-jqgrid .ui-jqgrid-view button {
+    font-size: 11px
+}
diff --git a/web/bootstrap-ace-admin/fonts/FontAwesome.otf b/web/bootstrap-ace-admin/fonts/FontAwesome.otf
new file mode 100755
index 00000000..81c9ad94
Binary files /dev/null and b/web/bootstrap-ace-admin/fonts/FontAwesome.otf differ
diff --git a/web/bootstrap-ace-admin/fonts/OpenSans-300.woff b/web/bootstrap-ace-admin/fonts/OpenSans-300.woff
new file mode 100755
index 00000000..99f33532
Binary files /dev/null and b/web/bootstrap-ace-admin/fonts/OpenSans-300.woff differ
diff --git a/web/bootstrap-ace-admin/fonts/OpenSans-400.woff b/web/bootstrap-ace-admin/fonts/OpenSans-400.woff
new file mode 100755
index 00000000..55b25f86
Binary files /dev/null and b/web/bootstrap-ace-admin/fonts/OpenSans-400.woff differ
diff --git a/web/bootstrap-ace-admin/fonts/readme b/web/bootstrap-ace-admin/fonts/readme
new file mode 100755
index 00000000..b2428cee
--- /dev/null
+++ b/web/bootstrap-ace-admin/fonts/readme
@@ -0,0 +1,3 @@
+Google fonts saved to be locally available during development
+http://www.google.com/fonts#UsePlace:use/Collection:Open+Sans
+
diff --git a/web/bootstrap-ace-admin/images/back_disabled.png b/web/bootstrap-ace-admin/images/back_disabled.png
new file mode 100755
index 00000000..881de797
Binary files /dev/null and b/web/bootstrap-ace-admin/images/back_disabled.png differ
diff --git a/web/bootstrap-ace-admin/images/back_enabled.png b/web/bootstrap-ace-admin/images/back_enabled.png
new file mode 100755
index 00000000..c608682b
Binary files /dev/null and b/web/bootstrap-ace-admin/images/back_enabled.png differ
diff --git a/web/bootstrap-ace-admin/images/back_enabled_hover.png b/web/bootstrap-ace-admin/images/back_enabled_hover.png
new file mode 100755
index 00000000..d300f106
Binary files /dev/null and b/web/bootstrap-ace-admin/images/back_enabled_hover.png differ
diff --git a/web/bootstrap-ace-admin/images/email1.png b/web/bootstrap-ace-admin/images/email1.png
new file mode 100755
index 00000000..f870af80
Binary files /dev/null and b/web/bootstrap-ace-admin/images/email1.png differ
diff --git a/web/bootstrap-ace-admin/images/email2.png b/web/bootstrap-ace-admin/images/email2.png
new file mode 100755
index 00000000..06af6437
Binary files /dev/null and b/web/bootstrap-ace-admin/images/email2.png differ
diff --git a/web/bootstrap-ace-admin/images/email3.png b/web/bootstrap-ace-admin/images/email3.png
new file mode 100755
index 00000000..f6243d59
Binary files /dev/null and b/web/bootstrap-ace-admin/images/email3.png differ
diff --git a/web/bootstrap-ace-admin/images/email4.png b/web/bootstrap-ace-admin/images/email4.png
new file mode 100755
index 00000000..03d368f5
Binary files /dev/null and b/web/bootstrap-ace-admin/images/email4.png differ
diff --git a/web/bootstrap-ace-admin/images/forward_disabled.png b/web/bootstrap-ace-admin/images/forward_disabled.png
new file mode 100755
index 00000000..6a6ded7d
Binary files /dev/null and b/web/bootstrap-ace-admin/images/forward_disabled.png differ
diff --git a/web/bootstrap-ace-admin/images/forward_enabled.png b/web/bootstrap-ace-admin/images/forward_enabled.png
new file mode 100755
index 00000000..a4e6b538
Binary files /dev/null and b/web/bootstrap-ace-admin/images/forward_enabled.png differ
diff --git a/web/bootstrap-ace-admin/images/forward_enabled_hover.png b/web/bootstrap-ace-admin/images/forward_enabled_hover.png
new file mode 100755
index 00000000..fc46c5eb
Binary files /dev/null and b/web/bootstrap-ace-admin/images/forward_enabled_hover.png differ
diff --git a/web/bootstrap-ace-admin/images/gallery/image-1.jpg b/web/bootstrap-ace-admin/images/gallery/image-1.jpg
new file mode 100755
index 00000000..33c57e88
Binary files /dev/null and b/web/bootstrap-ace-admin/images/gallery/image-1.jpg differ
diff --git a/web/bootstrap-ace-admin/images/gallery/image-2.jpg b/web/bootstrap-ace-admin/images/gallery/image-2.jpg
new file mode 100755
index 00000000..3a8e34ec
Binary files /dev/null and b/web/bootstrap-ace-admin/images/gallery/image-2.jpg differ
diff --git a/web/bootstrap-ace-admin/images/gallery/image-3.jpg b/web/bootstrap-ace-admin/images/gallery/image-3.jpg
new file mode 100755
index 00000000..78b3a5c9
Binary files /dev/null and b/web/bootstrap-ace-admin/images/gallery/image-3.jpg differ
diff --git a/web/bootstrap-ace-admin/images/gallery/image-4.jpg b/web/bootstrap-ace-admin/images/gallery/image-4.jpg
new file mode 100755
index 00000000..5e3614ee
Binary files /dev/null and b/web/bootstrap-ace-admin/images/gallery/image-4.jpg differ
diff --git a/web/bootstrap-ace-admin/images/gallery/image-5.jpg b/web/bootstrap-ace-admin/images/gallery/image-5.jpg
new file mode 100755
index 00000000..c75f8141
Binary files /dev/null and b/web/bootstrap-ace-admin/images/gallery/image-5.jpg differ
diff --git a/web/bootstrap-ace-admin/images/gallery/image-6.jpg b/web/bootstrap-ace-admin/images/gallery/image-6.jpg
new file mode 100755
index 00000000..6ccdc920
Binary files /dev/null and b/web/bootstrap-ace-admin/images/gallery/image-6.jpg differ
diff --git a/web/bootstrap-ace-admin/images/gallery/thumb-1.jpg b/web/bootstrap-ace-admin/images/gallery/thumb-1.jpg
new file mode 100755
index 00000000..ddd63609
Binary files /dev/null and b/web/bootstrap-ace-admin/images/gallery/thumb-1.jpg differ
diff --git a/web/bootstrap-ace-admin/images/gallery/thumb-2.jpg b/web/bootstrap-ace-admin/images/gallery/thumb-2.jpg
new file mode 100755
index 00000000..b0926d51
Binary files /dev/null and b/web/bootstrap-ace-admin/images/gallery/thumb-2.jpg differ
diff --git a/web/bootstrap-ace-admin/images/gallery/thumb-3.jpg b/web/bootstrap-ace-admin/images/gallery/thumb-3.jpg
new file mode 100755
index 00000000..3261bff4
Binary files /dev/null and b/web/bootstrap-ace-admin/images/gallery/thumb-3.jpg differ
diff --git a/web/bootstrap-ace-admin/images/gallery/thumb-4.jpg b/web/bootstrap-ace-admin/images/gallery/thumb-4.jpg
new file mode 100755
index 00000000..8c265cf9
Binary files /dev/null and b/web/bootstrap-ace-admin/images/gallery/thumb-4.jpg differ
diff --git a/web/bootstrap-ace-admin/images/gallery/thumb-5.jpg b/web/bootstrap-ace-admin/images/gallery/thumb-5.jpg
new file mode 100755
index 00000000..65d2cb70
Binary files /dev/null and b/web/bootstrap-ace-admin/images/gallery/thumb-5.jpg differ
diff --git a/web/bootstrap-ace-admin/images/gallery/thumb-6.jpg b/web/bootstrap-ace-admin/images/gallery/thumb-6.jpg
new file mode 100755
index 00000000..ed1cdb6e
Binary files /dev/null and b/web/bootstrap-ace-admin/images/gallery/thumb-6.jpg differ
diff --git a/web/bootstrap-ace-admin/images/sort_asc.png b/web/bootstrap-ace-admin/images/sort_asc.png
new file mode 100755
index 00000000..a88d7975
Binary files /dev/null and b/web/bootstrap-ace-admin/images/sort_asc.png differ
diff --git a/web/bootstrap-ace-admin/images/sort_asc_disabled.png b/web/bootstrap-ace-admin/images/sort_asc_disabled.png
new file mode 100755
index 00000000..4e144cf0
Binary files /dev/null and b/web/bootstrap-ace-admin/images/sort_asc_disabled.png differ
diff --git a/web/bootstrap-ace-admin/images/sort_both.png b/web/bootstrap-ace-admin/images/sort_both.png
new file mode 100755
index 00000000..18670406
Binary files /dev/null and b/web/bootstrap-ace-admin/images/sort_both.png differ
diff --git a/web/bootstrap-ace-admin/images/sort_desc.png b/web/bootstrap-ace-admin/images/sort_desc.png
new file mode 100755
index 00000000..def071ed
Binary files /dev/null and b/web/bootstrap-ace-admin/images/sort_desc.png differ
diff --git a/web/bootstrap-ace-admin/images/sort_desc_disabled.png b/web/bootstrap-ace-admin/images/sort_desc_disabled.png
new file mode 100755
index 00000000..7824973c
Binary files /dev/null and b/web/bootstrap-ace-admin/images/sort_desc_disabled.png differ
diff --git a/web/bootstrap-ace-admin/images/spritemap.png b/web/bootstrap-ace-admin/images/spritemap.png
new file mode 100755
index 00000000..9f213145
Binary files /dev/null and b/web/bootstrap-ace-admin/images/spritemap.png differ
diff --git a/web/bootstrap-ace-admin/images/spritemap@2x.png b/web/bootstrap-ace-admin/images/spritemap@2x.png
new file mode 100755
index 00000000..e877eea6
Binary files /dev/null and b/web/bootstrap-ace-admin/images/spritemap@2x.png differ
diff --git a/web/bootstrap-ace-admin/img/clear.png b/web/bootstrap-ace-admin/img/clear.png
new file mode 100755
index 00000000..580b52a5
Binary files /dev/null and b/web/bootstrap-ace-admin/img/clear.png differ
diff --git a/web/bootstrap-ace-admin/img/glyphicons-halflings-white.png b/web/bootstrap-ace-admin/img/glyphicons-halflings-white.png
new file mode 100755
index 00000000..3bf6484a
Binary files /dev/null and b/web/bootstrap-ace-admin/img/glyphicons-halflings-white.png differ
diff --git a/web/bootstrap-ace-admin/img/glyphicons-halflings.png b/web/bootstrap-ace-admin/img/glyphicons-halflings.png
new file mode 100755
index 00000000..a9969993
Binary files /dev/null and b/web/bootstrap-ace-admin/img/glyphicons-halflings.png differ
diff --git a/web/bootstrap-ace-admin/img/loading.gif b/web/bootstrap-ace-admin/img/loading.gif
new file mode 100755
index 00000000..5b33f7e5
Binary files /dev/null and b/web/bootstrap-ace-admin/img/loading.gif differ
diff --git a/web/bootstrap-ace-admin/js/ace-elements.js b/web/bootstrap-ace-admin/js/ace-elements.js
new file mode 100755
index 00000000..03ea19d5
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace-elements.js
@@ -0,0 +1,2534 @@
+/*!
+ * Ace v1.3.3
+ */
+
+if (typeof jQuery === 'undefined') { throw new Error('Ace\'s JavaScript requires jQuery') }
+
+/**
+ <b>Ace custom scroller</b>. It is not as feature-rich as plugins such as NiceScroll but it's good enough for most cases.
+*/
+(function($ , undefined) {
+	var Ace_Scroll = function(element , _settings) {
+		var self = this;
+		
+		var attrib_values = ace.helper.getAttrSettings(element, $.fn.ace_scroll.defaults);
+		var settings = $.extend({}, $.fn.ace_scroll.defaults, _settings, attrib_values);
+	
+		this.size = 0;
+		this.lock = false;
+		this.lock_anyway = false;
+		
+		this.$element = $(element);
+		this.element = element;
+		
+		var vertical = true;
+
+		var disabled = false;
+		var active = false;
+		var created = false;
+
+		var $content_wrap = null, content_wrap = null;
+		var $track = null, $bar = null, track = null, bar = null;
+		var bar_style = null;
+		
+		var bar_size = 0, bar_pos = 0, bar_max_pos = 0, bar_size_2 = 0, move_bar = true;
+		var reset_once = false;
+		
+		var styleClass = '';
+		var trackFlip = false;//vertical on left or horizontal on top
+		var trackSize = 0;
+
+		var css_pos,
+			css_size,
+			max_css_size,
+			client_size,
+			scroll_direction,
+			scroll_size;
+
+		var ratio = 1;
+		var inline_style = false;
+		var mouse_track = false;
+		var mouse_release_target = 'onmouseup' in window ? window : 'html';
+		var dragEvent = settings.dragEvent || false;
+		
+		var trigger_scroll = _settings.scrollEvent || false;
+		
+		
+		var detached = settings.detached || false;//when detached, hideOnIdle as well?
+		var updatePos = settings.updatePos || false;//default is true
+		
+		var hideOnIdle = settings.hideOnIdle || false;
+		var hideDelay = settings.hideDelay || 1500;
+		var insideTrack = false;//used to hide scroll track when mouse is up and outside of track
+		var observeContent = settings.observeContent || false;
+		var prevContentSize = 0;
+		
+		var is_dirty = true;//to prevent consecutive 'reset' calls
+		
+		this.create = function(_settings) {
+			if(created) return;
+			//if(disabled) return;
+			if(_settings) settings = $.extend({}, $.fn.ace_scroll.defaults, _settings);
+
+			this.size = parseInt(this.$element.attr('data-size')) || settings.size || 200;
+			vertical = !settings['horizontal'];
+
+			css_pos = vertical ? 'top' : 'left';//'left' for horizontal
+			css_size = vertical ? 'height' : 'width';//'width' for horizontal
+			max_css_size = vertical ? 'maxHeight' : 'maxWidth';
+
+			client_size = vertical ? 'clientHeight' : 'clientWidth';
+			scroll_direction = vertical ? 'scrollTop' : 'scrollLeft';
+			scroll_size = vertical ? 'scrollHeight' : 'scrollWidth';
+
+
+
+			this.$element.addClass('ace-scroll');
+			if(this.$element.css('position') == 'static') {
+				inline_style = this.element.style.position;
+				this.element.style.position = 'relative';
+			} else inline_style = false;
+
+			var scroll_bar = null;
+			if(!detached) {
+				this.$element.wrapInner('<div class="scroll-content" />');
+				this.$element.prepend('<div class="scroll-track"><div class="scroll-bar"></div></div>');
+			}
+			else {
+				scroll_bar = $('<div class="scroll-track scroll-detached"><div class="scroll-bar"></div></div>').appendTo('body');
+			}
+
+
+			$content_wrap = this.$element;
+			if(!detached) $content_wrap = this.$element.find('.scroll-content').eq(0);
+			
+			if(!vertical) $content_wrap.wrapInner('<div />');
+			
+			content_wrap = $content_wrap.get(0);
+			if(detached) {
+				//set position for detached scrollbar
+				$track = scroll_bar;
+				setTrackPos();
+			}
+			else $track = this.$element.find('.scroll-track').eq(0);
+			
+			$bar = $track.find('.scroll-bar').eq(0);
+			track = $track.get(0);
+			bar = $bar.get(0);
+			bar_style = bar.style;
+
+			//add styling classes and horizontalness
+			if(!vertical) $track.addClass('scroll-hz');
+			if(settings.styleClass) {
+				styleClass = settings.styleClass;
+				$track.addClass(styleClass);
+				trackFlip = !!styleClass.match(/scroll\-left|scroll\-top/);
+			}
+			
+			//calculate size of track!
+			if(trackSize == 0) {
+				$track.show();
+				getTrackSize();
+			}
+			
+			$track.hide();
+			
+
+			//if(!touchDrag) {
+			$track.on('mousedown', mouse_down_track);
+			$bar.on('mousedown', mouse_down_bar);
+			//}
+
+			$content_wrap.on('scroll', function() {
+				if(move_bar) {
+					bar_pos = parseInt(Math.round(this[scroll_direction] * ratio));
+					bar_style[css_pos] = bar_pos + 'px';
+				}
+				move_bar = false;
+				if(trigger_scroll) this.$element.trigger('scroll', [content_wrap]);
+			})
+
+
+			if(settings.mouseWheel) {
+				this.lock = settings.mouseWheelLock;
+				this.lock_anyway = settings.lockAnyway;
+
+				//mousewheel library available?
+				this.$element.on(!!$.event.special.mousewheel ? 'mousewheel.ace_scroll' : 'mousewheel.ace_scroll DOMMouseScroll.ace_scroll', function(event) {
+					if(disabled) return;
+					checkContentChanges(true);
+
+					if(!active) return !self.lock_anyway;
+
+					if(mouse_track) {
+						mouse_track = false;
+						$('html').off('.ace_scroll')
+						$(mouse_release_target).off('.ace_scroll');
+						if(dragEvent) self.$element.trigger('drag.end');
+					}
+					
+
+					event.deltaY = event.deltaY || 0;
+					var delta = (event.deltaY > 0 || event.originalEvent.detail < 0 || event.originalEvent.wheelDelta > 0) ? 1 : -1
+					var scrollEnd = false//have we reached the end of scrolling?
+					
+					var clientSize = content_wrap[client_size], scrollAmount = content_wrap[scroll_direction];
+					if( !self.lock ) {
+						if(delta == -1)	scrollEnd = (content_wrap[scroll_size] <= scrollAmount + clientSize);
+						else scrollEnd = (scrollAmount == 0);
+					}
+
+					self.move_bar(true);
+
+					//var step = parseInt( Math.min(Math.max(parseInt(clientSize / 8) , 80) , self.size) ) + 1;
+					var step = parseInt(clientSize / 8);
+					if(step < 80) step = 80;
+					if(step > self.size) step = self.size;
+					step += 1;
+					
+					content_wrap[scroll_direction] = scrollAmount - (delta * step);
+
+
+					return scrollEnd && !self.lock_anyway;
+				})
+			}
+			
+			
+			//swipe not available yet
+			var touchDrag = ace.vars['touch'] && 'ace_drag' in $.event.special && settings.touchDrag //&& !settings.touchSwipe;
+			//add drag event for touch devices to scroll
+			if(touchDrag/** || ($.fn.swipe && settings.touchSwipe)*/) {
+				var dir = '', event_name = touchDrag ? 'ace_drag' : 'swipe';
+				this.$element.on(event_name + '.ace_scroll', function(event) {
+					if(disabled) {
+						event.retval.cancel = true;
+						return;
+					}
+					checkContentChanges(true);
+					
+					if(!active) {
+						event.retval.cancel = this.lock_anyway;
+						return;
+					}
+
+					dir = event.direction;
+					if( (vertical && (dir == 'up' || dir == 'down'))
+						||
+						(!vertical && (dir == 'left' || dir == 'right'))
+					   )
+					{
+						var distance = vertical ? event.dy : event.dx;
+
+						if(distance != 0) {
+							if(Math.abs(distance) > 20 && touchDrag) distance = distance * 2;
+
+							self.move_bar(true);
+							content_wrap[scroll_direction] = content_wrap[scroll_direction] + distance;
+						}
+					}
+					
+				})
+			}
+			
+			
+			/////////////////////////////////
+			
+			if(hideOnIdle) {
+				$track.addClass('idle-hide');
+			}
+			if(observeContent) {
+				$track.on('mouseenter.ace_scroll', function() {
+					insideTrack = true;
+					checkContentChanges(false);
+				}).on('mouseleave.ace_scroll', function() {
+					insideTrack = false;
+					if(mouse_track == false) hideScrollbars();
+				});
+			}
+
+
+			
+			//some mobile browsers don't have mouseenter
+			this.$element.on('mouseenter.ace_scroll touchstart.ace_scroll', function(e) {
+				//if(ace.vars['old_ie']) return;//IE8 has a problem triggering event two times and strangely wrong values for this.size especially in fullscreen widget!
+				
+				is_dirty = true;
+				if(observeContent) checkContentChanges(true);
+				else if(settings.hoverReset) self.reset(true);
+				
+				$track.addClass('scroll-hover');
+			}).on('mouseleave.ace_scroll touchend.ace_scroll', function() {
+				$track.removeClass('scroll-hover');
+			});
+			//
+
+			if(!vertical) $content_wrap.children(0).css(css_size, this.size);//the extra wrapper
+			$content_wrap.css(max_css_size , this.size);
+			
+			disabled = false;
+			created = true;
+		}
+		this.is_active = function() {
+			return active;
+		}
+		this.is_enabled = function() {
+			return !disabled;
+		}
+		this.move_bar = function($move) {
+			move_bar = $move;
+		}
+		
+		this.get_track = function() {
+			return track;
+		}
+
+		this.reset = function(innert_call) {
+			if(disabled) return;// this;
+			if(!created) this.create();
+			/////////////////////
+			var size = this.size;
+			
+			if(innert_call && !is_dirty) {
+				return;
+			}
+			is_dirty = false;
+
+			if(detached) {
+				var border_size = parseInt(Math.round( (parseInt($content_wrap.css('border-top-width')) + parseInt($content_wrap.css('border-bottom-width'))) / 2.5 ));//(2.5 from trial?!)
+				size -= border_size;//only if detached
+			}
+	
+			var content_size   = vertical ? content_wrap[scroll_size] : size;
+			if( (vertical && content_size == 0) || (!vertical && this.element.scrollWidth == 0) ) {
+				//element is hidden
+				//this.$element.addClass('scroll-hidden');
+				$track.removeClass('scroll-active')
+				return;// this;
+			}
+
+			var available_space = vertical ? size : content_wrap.clientWidth;
+
+			if(!vertical) $content_wrap.children(0).css(css_size, size);//the extra wrapper
+			$content_wrap.css(max_css_size , this.size);
+			
+
+			if(content_size > available_space) {
+				active = true;
+				$track.css(css_size, available_space).show();
+
+				ratio = parseFloat((available_space / content_size).toFixed(5))
+				
+				bar_size = parseInt(Math.round(available_space * ratio));
+				bar_size_2 = parseInt(Math.round(bar_size / 2));
+
+				bar_max_pos = available_space - bar_size;
+				bar_pos = parseInt(Math.round(content_wrap[scroll_direction] * ratio));
+
+				bar_style[css_size] = bar_size + 'px';
+				bar_style[css_pos] = bar_pos + 'px';
+				
+				$track.addClass('scroll-active');
+				
+				if(trackSize == 0) {
+					getTrackSize();
+				}
+
+				if(!reset_once) {
+					//this.$element.removeClass('scroll-hidden');
+					if(settings.reset) {
+						//reset scrollbar to zero position at first							
+						content_wrap[scroll_direction] = 0;
+						bar_style[css_pos] = 0;
+					}
+					reset_once = true;
+				}
+				
+				if(detached) setTrackPos();
+			} else {
+				active = false;
+				$track.hide();
+				$track.removeClass('scroll-active');
+				$content_wrap.css(max_css_size , '');
+			}
+
+			return;// this;
+		}
+		this.disable = function() {
+			content_wrap[scroll_direction] = 0;
+			bar_style[css_pos] = 0;
+
+			disabled = true;
+			active = false;
+			$track.hide();
+			
+			this.$element.addClass('scroll-disabled');
+			
+			$track.removeClass('scroll-active');
+			$content_wrap.css(max_css_size , '');
+		}
+		this.enable = function() {
+			disabled = false;
+			this.$element.removeClass('scroll-disabled');
+		}
+		this.destroy = function() {
+			active = false;
+			disabled = false;
+			created = false;
+			
+			this.$element.removeClass('ace-scroll scroll-disabled scroll-active');
+			this.$element.off('.ace_scroll')
+
+			if(!detached) {
+				if(!vertical) {
+					//remove the extra wrapping div
+					$content_wrap.find('> div').children().unwrap();
+				}
+				$content_wrap.children().unwrap();
+				$content_wrap.remove();
+			}
+			
+			$track.remove();
+			
+			if(inline_style !== false) this.element.style.position = inline_style;
+			
+			if(idleTimer != null) {
+				clearTimeout(idleTimer);
+				idleTimer = null;
+			}
+		}
+		this.modify = function(_settings) {
+			if(_settings) settings = $.extend({}, settings, _settings);
+			
+			this.destroy();
+			this.create();
+			is_dirty = true;
+			this.reset(true);
+		}
+		this.update = function(_settings) {
+			if(_settings) settings = $.extend({}, settings, _settings);
+		
+			this.size = _settings.size || this.size;
+			
+			this.lock = _settings.mouseWheelLock || this.lock;
+			this.lock_anyway = _settings.lockAnyway || this.lock_anyway;
+			
+			if(_settings.styleClass != undefined) {
+				if(styleClass) $track.removeClass(styleClass);
+				styleClass = _settings.styleClass;
+				if(styleClass) $track.addClass(styleClass);
+				trackFlip = !!styleClass.match(/scroll\-left|scroll\-top/);
+			}
+		}
+		
+		this.start = function() {
+			content_wrap[scroll_direction] = 0;
+		}
+		this.end = function() {
+			content_wrap[scroll_direction] = content_wrap[scroll_size];
+		}
+		
+		this.hide = function() {
+			$track.hide();
+		}
+		this.show = function() {
+			$track.show();
+		}
+
+		
+		this.update_scroll = function() {
+			move_bar = false;
+			bar_style[css_pos] = bar_pos + 'px';
+			content_wrap[scroll_direction] = parseInt(Math.round(bar_pos / ratio));
+		}
+
+		function mouse_down_track(e) {
+			e.preventDefault();
+			e.stopPropagation();
+				
+			var track_offset = $track.offset();
+			var track_pos = track_offset[css_pos];//top for vertical, left for horizontal
+			var mouse_pos = vertical ? e.pageY : e.pageX;
+			
+			if(mouse_pos > track_pos + bar_pos) {
+				bar_pos = mouse_pos - track_pos - bar_size + bar_size_2;
+				if(bar_pos > bar_max_pos) {						
+					bar_pos = bar_max_pos;
+				}
+			}
+			else {
+				bar_pos = mouse_pos - track_pos - bar_size_2;
+				if(bar_pos < 0) bar_pos = 0;
+			}
+
+			self.update_scroll()
+		}
+
+		var mouse_pos1 = -1, mouse_pos2 = -1;
+		function mouse_down_bar(e) {
+			e.preventDefault();
+			e.stopPropagation();
+
+			if(vertical) {
+				mouse_pos2 = mouse_pos1 = e.pageY;
+			} else {
+				mouse_pos2 = mouse_pos1 = e.pageX;
+			}
+
+			mouse_track = true;
+			$('html').off('mousemove.ace_scroll').on('mousemove.ace_scroll', mouse_move_bar)
+			$(mouse_release_target).off('mouseup.ace_scroll').on('mouseup.ace_scroll', mouse_up_bar);
+			
+			$track.addClass('active');
+			if(dragEvent) self.$element.trigger('drag.start');
+		}
+		function mouse_move_bar(e) {
+			e.preventDefault();
+			e.stopPropagation();
+
+			if(vertical) {
+				mouse_pos2 = e.pageY;
+			} else {
+				mouse_pos2 = e.pageX;
+			}
+			
+
+			if(mouse_pos2 - mouse_pos1 + bar_pos > bar_max_pos) {
+				mouse_pos2 = mouse_pos1 + bar_max_pos - bar_pos;
+			} else if(mouse_pos2 - mouse_pos1 + bar_pos < 0) {
+				mouse_pos2 = mouse_pos1 - bar_pos;
+			}
+			bar_pos = bar_pos + (mouse_pos2 - mouse_pos1);
+
+			mouse_pos1 = mouse_pos2;
+
+			if(bar_pos < 0) {
+				bar_pos = 0;
+			}
+			else if(bar_pos > bar_max_pos) {
+				bar_pos = bar_max_pos;
+			}
+			
+			self.update_scroll()
+		}
+		function mouse_up_bar(e) {
+			e.preventDefault();
+			e.stopPropagation();
+			
+			mouse_track = false;
+			$('html').off('.ace_scroll')
+			$(mouse_release_target).off('.ace_scroll');
+
+			$track.removeClass('active');
+			if(dragEvent) self.$element.trigger('drag.end');
+			
+			if(active && hideOnIdle && !insideTrack) hideScrollbars();
+		}
+		
+		
+		var idleTimer = null;
+		var prevCheckTime = 0;
+		function checkContentChanges(hideSoon) {
+			//check if content size has been modified since last time?
+			//and with at least 1s delay
+			var newCheck = +new Date();
+			if(observeContent && newCheck - prevCheckTime > 1000) {
+				var newSize = content_wrap[scroll_size];
+				if(prevContentSize != newSize) {
+					prevContentSize = newSize;
+					is_dirty = true;
+					self.reset(true);
+				}
+				prevCheckTime = newCheck;
+			}
+			
+			//show scrollbars when not idle anymore i.e. triggered by mousewheel, dragging, etc
+			if(active && hideOnIdle) {
+				if(idleTimer != null) {
+					clearTimeout(idleTimer);
+					idleTimer = null;
+				}
+				$track.addClass('not-idle');
+			
+				if(!insideTrack && hideSoon == true) {
+					//hideSoon is false when mouse enters track
+					hideScrollbars();
+				}
+			}
+		}
+
+		function hideScrollbars() {
+			if(idleTimer != null) {
+				clearTimeout(idleTimer);
+				idleTimer = null;
+			}
+			idleTimer = setTimeout(function() {
+				idleTimer = null;
+				$track.removeClass('not-idle');
+			} , hideDelay);
+		}
+		
+		//for detached scrollbars
+		function getTrackSize() {
+			$track.css('visibility', 'hidden').addClass('scroll-hover');
+			if(vertical) trackSize = parseInt($track.outerWidth()) || 0;
+			 else trackSize = parseInt($track.outerHeight()) || 0;
+			$track.css('visibility', '').removeClass('scroll-hover');
+		}
+		this.track_size = function() {
+			if(trackSize == 0) getTrackSize();
+			return trackSize;
+		}
+		
+		//for detached scrollbars
+		function setTrackPos() {
+			if(updatePos === false) return;
+		
+			var off = $content_wrap.offset();//because we want it relative to parent not document
+			var left = off.left;
+			var top = off.top;
+
+			if(vertical) {
+				if(!trackFlip) {
+					left += ($content_wrap.outerWidth() - trackSize)
+				}
+			}
+			else {
+				if(!trackFlip) {
+					top += ($content_wrap.outerHeight() - trackSize)
+				}
+			}
+			
+			if(updatePos === true) $track.css({top: parseInt(top), left: parseInt(left)});
+			else if(updatePos === 'left') $track.css('left', parseInt(left));
+			else if(updatePos === 'top') $track.css('top', parseInt(top));
+		}
+		
+
+
+		this.create();
+		is_dirty = true;
+		this.reset(true);
+		prevContentSize = content_wrap[scroll_size];
+
+		return this;
+	}
+
+	
+	$.fn.ace_scroll = function (option,value) {
+		var retval;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('ace_scroll');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('ace_scroll', (data = new Ace_Scroll(this, options)));
+			 //else if(typeof options == 'object') data['modify'](options);
+			if (typeof option === 'string') retval = data[option](value);
+		});
+
+		return (retval === undefined) ? $set : retval;
+	};
+
+
+	$.fn.ace_scroll.defaults = {
+		'size' : 200,
+		'horizontal': false,
+		'mouseWheel': true,
+		'mouseWheelLock': false,
+		'lockAnyway': false,
+		'styleClass' : false,
+		
+		'observeContent': false,
+		'hideOnIdle': false,
+		'hideDelay': 1500,
+		
+		'hoverReset': true //reset scrollbar sizes on mouse hover because of possible sizing changes
+		,
+		'reset': false //true= set scrollTop = 0
+		,
+		'dragEvent': false
+		,
+		'touchDrag': true
+		,
+		'touchSwipe': false
+		,
+		'scrollEvent': false //trigger scroll event
+
+		,
+		'detached': false
+		,
+		'updatePos': true
+		/**
+		,		
+		'track' : true,
+		'show' : false,
+		'dark': false,
+		'alwaysVisible': false,
+		'margin': false,
+		'thin': false,
+		'position': 'right'
+		*/
+     }
+
+	/**
+	$(document).on('ace.settings.ace_scroll', function(e, name) {
+		if(name == 'sidebar_collapsed') $('.ace-scroll').scroller('reset');
+	});
+	$(window).on('resize.ace_scroll', function() {
+		$('.ace-scroll').scroller('reset');
+	});
+	*/
+
+})(window.jQuery);;/**
+ <b>Custom color picker element</b>. Converts html select elements to a dropdown color picker.
+*/
+(function($ , undefined) {
+	var Ace_Colorpicker = function(element, _options) {
+
+		var attrib_values = ace.helper.getAttrSettings(element, $.fn.ace_colorpicker.defaults);
+		var options = $.extend({}, $.fn.ace_colorpicker.defaults, _options, attrib_values);
+
+
+		var $element = $(element);
+		var color_list = '';
+		var color_selected = '';
+		var selection = null;
+		var color_array = [];
+		
+		$element.addClass('hide').find('option').each(function() {
+			var $class = 'colorpick-btn';
+			var color = this.value.replace(/[^\w\s,#\(\)\.]/g, '');
+			if(this.value != color) this.value = color;
+			if(this.selected) {
+				$class += ' selected';
+				color_selected = color;
+			}
+			color_array.push(color)
+			color_list += '<li><a class="'+$class+'" href="#" style="background-color:'+color+';" data-color="'+color+'"></a></li>';
+		}).
+		end()
+		.on('change.color', function(){
+			$element.next().find('.btn-colorpicker').css('background-color', this.value);
+		})
+		.after('<div class="dropdown dropdown-colorpicker">\
+		<a data-toggle="dropdown" class="dropdown-toggle" '+(options.auto_pos ? 'data-position="auto"' : '')+' href="#"><span class="btn-colorpicker" style="background-color:'+color_selected+'"></span></a><ul class="dropdown-menu'+(options.caret? ' dropdown-caret' : '')+(options.pull_right ? ' dropdown-menu-right' : '')+'">'+color_list+'</ul></div>')
+
+		
+		var dropdown = $element.next().find('.dropdown-menu')
+		dropdown.on(ace.click_event, function(e) {
+			var a = $(e.target);
+			if(!a.is('.colorpick-btn')) return false;
+
+			if(selection) selection.removeClass('selected');
+			selection = a;
+			selection.addClass('selected');
+			var color = selection.data('color');
+
+			$element.val(color).trigger('change');
+
+			e.preventDefault();
+			return true;//to hide dropdown
+		})
+		selection = $element.next().find('a.selected');
+
+		this.pick = function(index, insert) {
+			if(typeof index === 'number') {
+				if(index >= color_array.length) return;
+				element.selectedIndex = index;
+				dropdown.find('a:eq('+index+')').trigger(ace.click_event);
+			}
+			else if(typeof index === 'string') {
+				var color = index.replace(/[^\w\s,#\(\)\.]/g, '');
+				index = color_array.indexOf(color);
+				//add this color if it doesn't exist
+				if(index == -1 && insert === true) {
+					color_array.push(color);
+					
+					$('<option />')
+					.appendTo($element)
+					.val(color);
+					
+					$('<li><a class="colorpick-btn" href="#"></a></li>')
+					.appendTo(dropdown)
+					.find('a')
+					.css('background-color', color)
+					.data('color', color);
+					
+					index = color_array.length - 1;
+				}
+				if(index == -1) return;
+				dropdown.find('a:eq('+index+')').trigger(ace.click_event);
+			}
+		}
+
+		this.destroy = function() {
+			$element.removeClass('hide').off('change.color')
+			.next().remove();
+			color_array = [];
+		}
+	}
+
+
+	$.fn.ace_colorpicker = function(option, value) {
+		var retval;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('ace_colorpicker');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('ace_colorpicker', (data = new Ace_Colorpicker(this, options)));
+			if (typeof option === 'string') retval = data[option](value);
+		});
+
+		return (retval === undefined) ? $set : retval;
+	}
+	
+	$.fn.ace_colorpicker.defaults = {
+		'pull_right' : false,
+		'caret': true,
+		'auto_pos': true
+	}
+	
+})(window.jQuery);;/**
+ <b>Ace file input element</b>. Custom, simple file input element to style browser's default file input.
+*/
+(function($ , undefined) {
+	var multiplible = 'multiple' in document.createElement('INPUT');
+	var hasFileList = 'FileList' in window;//file list enabled in modern browsers
+	var hasFileReader = 'FileReader' in window;
+	var hasFile = 'File' in window;
+
+	var Ace_File_Input = function(element , settings) {
+		var self = this;
+		
+		var attrib_values = ace.helper.getAttrSettings(element, $.fn.ace_file_input.defaults);
+		this.settings = $.extend({}, $.fn.ace_file_input.defaults, settings, attrib_values);
+
+		this.$element = $(element);
+		this.element = element;
+		this.disabled = false;
+		this.can_reset = true;
+		
+
+		this.$element
+		.off('change.ace_inner_call')
+		.on('change.ace_inner_call', function(e , ace_inner_call){
+			if(self.disabled) return;
+		
+			if(ace_inner_call === true) return;//this change event is called from above drop event and extra checkings are taken care of there
+			return handle_on_change.call(self);
+			//if(ret === false) e.preventDefault();
+		});
+
+		var parent_label = this.$element.closest('label').css({'display':'block'})
+		var tagName = parent_label.length == 0 ? 'label' : 'span';//if not inside a "LABEL" tag, use "LABEL" tag, otherwise use "SPAN"
+		this.$element.wrap('<'+tagName+' class="ace-file-input" />');
+
+		this.apply_settings();
+		this.reset_input_field();//for firefox as it keeps selected file after refresh
+	}
+	Ace_File_Input.error = {
+		'FILE_LOAD_FAILED' : 1,
+		'IMAGE_LOAD_FAILED' : 2,
+		'THUMBNAIL_FAILED' : 3
+	};
+
+
+	Ace_File_Input.prototype.apply_settings = function() {
+		var self = this;
+
+		this.multi = this.$element.attr('multiple') && multiplible;
+		this.well_style = this.settings.style == 'well';
+
+		if(this.well_style) this.$element.parent().addClass('ace-file-multiple');
+		 else this.$element.parent().removeClass('ace-file-multiple');
+
+
+		this.$element.parent().find(':not(input[type=file])').remove();//remove all except our input, good for when changing settings
+		this.$element.after('<span class="ace-file-container" data-title="'+this.settings.btn_choose+'"><span class="ace-file-name" data-title="'+this.settings.no_file+'">'+(this.settings.no_icon ? '<i class="'+ ace.vars['icon'] + this.settings.no_icon+'"></i>' : '')+'</span></span>');
+		this.$label = this.$element.next();
+		this.$container = this.$element.closest('.ace-file-input');
+
+		var remove_btn = !!this.settings.icon_remove;
+		if(remove_btn) {
+			var btn = 
+			$('<a class="remove" href="#"><i class="'+ ace.vars['icon'] + this.settings.icon_remove+'"></i></a>')
+			.appendTo(this.$element.parent());
+
+			btn.on(ace.click_event, function(e){
+				e.preventDefault();
+				if( !self.can_reset ) return false;
+				
+				var ret = true;
+				if(self.settings.before_remove) ret = self.settings.before_remove.call(self.element);
+				if(!ret) return false;
+
+				var r = self.reset_input();
+				return false;
+			});
+		}
+
+
+		if(this.settings.droppable && hasFileList) {
+			enable_drop_functionality.call(this);
+		}
+	}
+
+	Ace_File_Input.prototype.show_file_list = function($files , inner_call) {
+		var files = typeof $files === "undefined" ? this.$element.data('ace_input_files') : $files;
+		if(!files || files.length == 0) return;
+		
+		//////////////////////////////////////////////////////////////////
+		
+		if(this.well_style) {
+			this.$label.find('.ace-file-name').remove();
+			if(!this.settings.btn_change) this.$label.addClass('hide-placeholder');
+		}
+		this.$label.attr('data-title', this.settings.btn_change).addClass('selected');
+		
+		for (var i = 0; i < files.length; i++) {
+			var filename = '', format = false;
+			if(typeof files[i] === "string") filename = files[i];
+			else if(hasFile && files[i] instanceof File) filename = $.trim( files[i].name );
+			else if(files[i] instanceof Object && files[i].hasOwnProperty('name')) {
+				//format & name specified by user (pre-displaying name, etc)
+				filename = files[i].name;
+				if(files[i].hasOwnProperty('type')) format = files[i].type;
+				if(!files[i].hasOwnProperty('path')) files[i].path = files[i].name;
+			}
+			else continue;
+			
+			var index = filename.lastIndexOf("\\") + 1;
+			if(index == 0)index = filename.lastIndexOf("/") + 1;
+			filename = filename.substr(index);
+			
+			if(format == false) {
+				if((/\.(jpe?g|png|gif|svg|bmp|tiff?)$/i).test(filename)) {				
+					format = 'image';
+				}
+				else if((/\.(mpe?g|flv|mov|avi|swf|mp4|mkv|webm|wmv|3gp)$/i).test(filename)) {
+					format = 'video';
+				}
+				else if((/\.(mp3|ogg|wav|wma|amr|aac)$/i).test(filename)) {
+					format = 'audio';
+				}
+				else format = 'file';
+			}
+			
+			var fileIcons = {
+				'file' : 'fa fa-file',
+				'image' : 'fa fa-picture-o file-image',
+				'video' : 'fa fa-film file-video',
+				'audio' : 'fa fa-music file-audio'
+			};
+			var fileIcon = fileIcons[format];
+			
+			
+			if(!this.well_style) this.$label.find('.ace-file-name').attr({'data-title':filename}).find(ace.vars['.icon']).attr('class', ace.vars['icon'] + fileIcon);
+			else {
+				this.$label.append('<span class="ace-file-name" data-title="'+filename+'"><i class="'+ ace.vars['icon'] + fileIcon+'"></i></span>');
+				var type = (inner_call === true && hasFile && files[i] instanceof File) ? $.trim(files[i].type) : '';
+				var can_preview = hasFileReader && this.settings.thumbnail 
+						&&
+						( (type.length > 0 && type.match('image')) || (type.length == 0 && format == 'image') )//the second one is for older Android's default browser which gives an empty text for file.type
+				if(can_preview) {
+					var self = this;
+					$.when(preview_image.call(this, files[i])).fail(function(result){
+						//called on failure to load preview
+						if(self.settings.preview_error) self.settings.preview_error.call(self, filename, result.code);
+					})
+				}
+			}
+		}
+		
+		return true;
+	}
+	
+	Ace_File_Input.prototype.reset_input = function() {
+	    this.reset_input_ui();
+		this.reset_input_field();
+	}
+	
+	Ace_File_Input.prototype.reset_input_ui = function() {
+		 this.$label.attr({'data-title':this.settings.btn_choose, 'class':'ace-file-container'})
+			.find('.ace-file-name:first').attr({'data-title':this.settings.no_file , 'class':'ace-file-name'})
+			.find(ace.vars['.icon']).attr('class', ace.vars['icon'] + this.settings.no_icon)
+			.prev('img').remove();
+			if(!this.settings.no_icon) this.$label.find(ace.vars['.icon']).remove();
+		
+		this.$label.find('.ace-file-name').not(':first').remove();
+		
+		this.reset_input_data();
+		
+		//if(ace.vars['old_ie']) ace.helper.redraw(this.$container[0]);
+	}
+	Ace_File_Input.prototype.reset_input_field = function() {
+		//http://stackoverflow.com/questions/1043957/clearing-input-type-file-using-jquery/13351234#13351234
+		this.$element.wrap('<form>').parent().get(0).reset();
+		this.$element.unwrap();
+		
+		//strangely when reset is called on this temporary inner form
+		//only **IE9/10** trigger 'reset' on the outer form as well
+		//and as we have mentioned to reset input on outer form reset
+		//it causes infinite recusrsion by coming back to reset_input_field
+		//thus calling reset again and again and again
+		//so because when "reset" button of outer form is hit, file input is automatically reset
+		//we just reset_input_ui to avoid recursion
+	}
+	Ace_File_Input.prototype.reset_input_data = function() {
+		if(this.$element.data('ace_input_files')) {
+			this.$element.removeData('ace_input_files');
+			this.$element.removeData('ace_input_method');
+		}
+	}
+
+	Ace_File_Input.prototype.enable_reset = function(can_reset) {
+		this.can_reset = can_reset;
+	}
+
+	Ace_File_Input.prototype.disable = function() {
+		this.disabled = true;
+		this.$element.attr('disabled', 'disabled').addClass('disabled');
+	}
+	Ace_File_Input.prototype.enable = function() {
+		this.disabled = false;
+		this.$element.removeAttr('disabled').removeClass('disabled');
+	}
+
+	Ace_File_Input.prototype.files = function() {
+		return $(this).data('ace_input_files') || null;
+	}
+	Ace_File_Input.prototype.method = function() {
+		return $(this).data('ace_input_method') || '';
+	}
+	
+	Ace_File_Input.prototype.update_settings = function(new_settings) {
+		this.settings = $.extend({}, this.settings, new_settings);
+		this.apply_settings();
+	}
+	
+	Ace_File_Input.prototype.loading = function(is_loading) {
+		if(is_loading === false) {
+			this.$container.find('.ace-file-overlay').remove();
+			this.element.removeAttribute('readonly');
+		}
+		else {
+			var inside = typeof is_loading === 'string' ? is_loading : '<i class="overlay-content fa fa-spin fa-spinner orange2 fa-2x"></i>';
+			var loader = this.$container.find('.ace-file-overlay');
+			if(loader.length == 0) {
+				loader = $('<div class="ace-file-overlay"></div>').appendTo(this.$container);
+				loader.on('click tap', function(e) {
+					e.stopImmediatePropagation();
+					e.preventDefault();
+					return false;
+				});
+				
+				this.element.setAttribute('readonly' , 'true');//for IE
+			}
+			loader.empty().append(inside);
+		}
+	}
+
+
+
+	var enable_drop_functionality = function() {
+		var self = this;
+		
+		var dropbox = this.$element.parent();
+		dropbox
+		.off('dragenter')
+		.on('dragenter', function(e){
+			e.preventDefault();
+			e.stopPropagation();
+		})
+		.off('dragover')
+		.on('dragover', function(e){
+			e.preventDefault();
+			e.stopPropagation();
+		})
+		.off('drop')
+		.on('drop', function(e){
+			e.preventDefault();
+			e.stopPropagation();
+
+			if(self.disabled) return;
+		
+			var dt = e.originalEvent.dataTransfer;
+			var file_list = dt.files;
+			if(!self.multi && file_list.length > 1) {//single file upload, but dragged multiple files
+				var tmpfiles = [];
+				tmpfiles.push(file_list[0]);
+				file_list = tmpfiles;//keep only first file
+			}
+			
+			
+			file_list = processFiles.call(self, file_list, true);//true means files have been selected, not dropped
+			if(file_list === false) return false;
+
+			self.$element.data('ace_input_method', 'drop');
+			self.$element.data('ace_input_files', file_list);//save files data to be used later by user
+
+			self.show_file_list(file_list , true);
+			
+			self.$element.triggerHandler('change' , [true]);//true means ace_inner_call
+			return true;
+		});
+	}
+	
+	
+	var handle_on_change = function() {
+		var file_list = this.element.files || [this.element.value];/** make it an array */
+		
+		file_list = processFiles.call(this, file_list, false);//false means files have been selected, not dropped
+		if(file_list === false) return false;
+		
+		this.$element.data('ace_input_method', 'select');
+		this.$element.data('ace_input_files', file_list);
+		
+		this.show_file_list(file_list , true);
+		
+		return true;
+	}
+
+
+
+	var preview_image = function(file) {
+		var self = this;
+		var $span = self.$label.find('.ace-file-name:last');//it should be out of onload, otherwise all onloads may target the same span because of delays
+		
+		var deferred = new $.Deferred;
+		
+		var getImage = function(src) {
+			$span.prepend("<img class='middle' style='display:none;' />");
+			var img = $span.find('img:last').get(0);
+		
+			$(img).one('load', function() {
+				imgLoaded.call(null, img);
+			}).one('error', function() {
+				imgFailed.call(null, img);
+			});
+
+			img.src = src;
+		}
+		var imgLoaded = function(img) {
+			//if image loaded successfully
+			var size = 50;
+			if(self.settings.thumbnail == 'large') size = 150;
+			else if(self.settings.thumbnail == 'fit') size = $span.width();
+			$span.addClass(size > 50 ? 'large' : '');
+
+			var thumb = get_thumbnail(img, size/**, file.type*/);
+			if(thumb == null) {
+				//if making thumbnail fails
+				$(this).remove();
+				deferred.reject({code:Ace_File_Input.error['THUMBNAIL_FAILED']});
+				return;
+			}
+
+			var w = thumb.w, h = thumb.h;
+			if(self.settings.thumbnail == 'small') {w=h=size;};
+			$(img).css({'background-image':'url('+thumb.src+')' , width:w, height:h})
+					.data('thumb', thumb.src)
+					.attr({src:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg=='})
+					.show()
+
+			///////////////////
+			deferred.resolve();
+		}
+		var imgFailed = function(img) {
+			//for example when a file has image extenstion, but format is something else
+			$span.find('img').remove();
+			deferred.reject({code:Ace_File_Input.error['IMAGE_LOAD_FAILED']});
+		}
+		
+		if(hasFile && file instanceof File) {
+			var reader = new FileReader();
+			reader.onload = function (e) {
+				getImage(e.target.result);
+			}
+			reader.onerror = function (e) {
+				deferred.reject({code:Ace_File_Input.error['FILE_LOAD_FAILED']});
+			}
+			reader.readAsDataURL(file);
+		}
+		else {
+			if(file instanceof Object && file.hasOwnProperty('path')) {
+				getImage(file.path);//file is a file name (path) --- this is used to pre-show user-selected image
+			}
+		}
+		
+		return deferred.promise();
+	}
+
+	var get_thumbnail = function(img, size, type) {
+		var w = img.width, h = img.height;
+		
+		//**IE10** is not giving correct width using img.width so we use $(img).width()
+		w = w > 0 ? w : $(img).width()
+		h = h > 0 ? h : $(img).height()
+
+		if(w > size || h > size) {
+		  if(w > h) {
+			h = parseInt(size/w * h);
+			w = size;
+		  } else {
+			w = parseInt(size/h * w);
+			h = size;
+		  }
+		}
+
+
+		var dataURL
+		try {
+			var canvas = document.createElement('canvas');
+			canvas.width = w; canvas.height = h;
+			var context = canvas.getContext('2d');
+			context.drawImage(img, 0, 0, img.width, img.height, 0, 0, w, h);
+			dataURL = canvas.toDataURL(/*type == 'image/jpeg' ? type : 'image/png', 10*/)
+		} catch(e) {
+			dataURL = null;
+		}
+		if(! dataURL) return null;
+		
+
+		//there was only one image that failed in firefox completely randomly! so let's double check things
+		if( !( /^data\:image\/(png|jpe?g|gif);base64,[0-9A-Za-z\+\/\=]+$/.test(dataURL)) ) dataURL = null;
+		if(! dataURL) return null;
+		
+
+		return {src: dataURL, w:w, h:h};
+	}
+	
+
+	
+	var processFiles = function(file_list, dropped) {
+		var ret = checkFileList.call(this, file_list, dropped);
+		if(ret === -1) {
+			this.reset_input();
+			return false;
+		}
+		if( !ret || ret.length == 0 ) {
+			if( !this.$element.data('ace_input_files') ) this.reset_input();
+			//if nothing selected before, reset because of the newly unacceptable (ret=false||length=0) selection
+			//otherwise leave the previous selection intact?!!!
+			return false;
+		}
+		if (ret instanceof Array || (hasFileList && ret instanceof FileList)) file_list = ret;
+		
+		
+		ret = true;
+		if(this.settings.before_change) ret = this.settings.before_change.call(this.element, file_list, dropped);
+		if(ret === -1) {
+			this.reset_input();
+			return false;
+		}
+		if(!ret || ret.length == 0) {
+			if( !this.$element.data('ace_input_files') ) this.reset_input();
+			return false;
+		}
+		
+		//inside before_change you can return a modified File Array as result
+		if (ret instanceof Array || (hasFileList && ret instanceof FileList)) file_list = ret;
+		
+		return file_list;
+	}
+	
+	
+	var getExtRegex = function(ext) {
+		if(!ext) return null;
+		if(typeof ext === 'string') ext = [ext];
+		if(ext.length == 0) return null;
+		return new RegExp("\.(?:"+ext.join('|')+")$", "i");
+	}
+	var getMimeRegex = function(mime) {
+		if(!mime) return null;
+		if(typeof mime === 'string') mime = [mime];
+		if(mime.length == 0) return null;
+		return new RegExp("^(?:"+mime.join('|').replace(/\//g, "\\/")+")$", "i");
+	}
+	var checkFileList = function(files, dropped) {
+		var allowExt   = getExtRegex(this.settings.allowExt);
+
+		var denyExt    = getExtRegex(this.settings.denyExt);
+		
+		var allowMime  = getMimeRegex(this.settings.allowMime);
+
+		var denyMime   = getMimeRegex(this.settings.denyMime);
+
+		var maxSize    = this.settings.maxSize || false;
+		
+		if( !(allowExt || denyExt || allowMime || denyMime || maxSize) ) return true;//no checking required
+
+
+		var safe_files = [];
+		var error_list = {}
+		for(var f = 0; f < files.length; f++) {
+			var file = files[f];
+			
+			//file is either a string(file name) or a File object
+			var filename = !hasFile ? file : file.name;
+			if( allowExt && !allowExt.test(filename) ) {
+				//extension not matching whitelist, so drop it
+				if(!('ext' in error_list)) error_list['ext'] = [];
+				 error_list['ext'].push(filename);
+				
+				continue;
+			} else if( denyExt && denyExt.test(filename) ) {
+				//extension is matching blacklist, so drop it
+				if(!('ext' in error_list)) error_list['ext'] = [];
+				 error_list['ext'].push(filename);
+				
+				continue;
+			}
+
+			var type;
+			if( !hasFile ) {
+				//in browsers that don't support FileReader API
+				safe_files.push(file);
+				continue;
+			}
+			else if((type = $.trim(file.type)).length > 0) {
+				//there is a mimetype for file so let's check against are rules
+				if( allowMime && !allowMime.test(type) ) {
+					//mimeType is not matching whitelist, so drop it
+					if(!('mime' in error_list)) error_list['mime'] = [];
+					 error_list['mime'].push(filename);
+					continue;
+				}
+				else if( denyMime && denyMime.test(type) ) {
+					//mimeType is matching blacklist, so drop it
+					if(!('mime' in error_list)) error_list['mime'] = [];
+					 error_list['mime'].push(filename);
+					continue;
+				}
+			}
+
+			if( maxSize && file.size > maxSize ) {
+				//file size is not acceptable
+				if(!('size' in error_list)) error_list['size'] = [];
+				 error_list['size'].push(filename);
+				continue;
+			}
+
+			safe_files.push(file)
+		}
+		
+	
+		
+		if(safe_files.length == files.length) return files;//return original file list if all are valid
+
+		/////////
+		var error_count = {'ext': 0, 'mime': 0, 'size': 0}
+		if( 'ext' in error_list ) error_count['ext'] = error_list['ext'].length;
+		if( 'mime' in error_list ) error_count['mime'] = error_list['mime'].length;
+		if( 'size' in error_list ) error_count['size'] = error_list['size'].length;
+		
+		var event
+		this.$element.trigger(
+			event = new $.Event('file.error.ace'), 
+			{
+				'file_count': files.length,
+				'invalid_count' : files.length - safe_files.length,
+				'error_list' : error_list,
+				'error_count' : error_count,
+				'dropped': dropped
+			}
+		);
+		if ( event.isDefaultPrevented() ) return -1;//it will reset input
+		//////////
+
+		return safe_files;//return safe_files
+	}
+
+
+
+	///////////////////////////////////////////
+	$.fn.aceFileInput = $.fn.ace_file_input = function (option,value) {
+		var retval;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('ace_file_input');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('ace_file_input', (data = new Ace_File_Input(this, options)));
+			if (typeof option === 'string') retval = data[option](value);
+		});
+
+		return (retval === undefined) ? $set : retval;
+	};
+
+
+	$.fn.ace_file_input.defaults = {
+		style: false,
+		no_file: 'No File ...',
+		no_icon: 'fa fa-upload',
+		btn_choose: 'Choose',
+		btn_change: 'Change',
+		icon_remove: 'fa fa-times',
+		droppable: false,
+		thumbnail: false,//large, fit, small
+		
+		allowExt: null,
+		denyExt: null,
+		allowMime: null,
+		denyMime: null,
+		maxSize: false,
+		
+		//callbacks
+		before_change: null,
+		before_remove: null,
+		preview_error: null
+     }
+
+
+})(window.jQuery);
+;/**
+  <b>Bootstrap 2 typeahead plugin.</b> With Bootstrap <u>3</u> it's been dropped in favor of a more advanced separate plugin.
+  Pretty good for simple cases such as autocomplete feature of the search box and required for <u class="text-danger">Tag input</u> plugin.
+*/
+
+/* =============================================================
+ * bootstrap-typeahead.js v2.3.2
+ * http://twitter.github.com/bootstrap/javascript.html#typeahead
+ * =============================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============================================================ */
+
+
+!function($){
+
+  "use strict"; // jshint ;_;
+
+
+ /* TYPEAHEAD PUBLIC CLASS DEFINITION
+  * ================================= */
+
+  var Typeahead = function (element, options) {
+    this.$element = $(element)
+    this.options = $.extend({}, $.fn.bs_typeahead.defaults, options)
+    this.matcher = this.options.matcher || this.matcher
+    this.sorter = this.options.sorter || this.sorter
+    this.highlighter = this.options.highlighter || this.highlighter
+    this.updater = this.options.updater || this.updater
+    this.source = this.options.source
+    this.$menu = $(this.options.menu)
+    this.shown = false
+    this.listen()
+  }
+
+  Typeahead.prototype = {
+
+    constructor: Typeahead
+
+  , select: function () {
+      var val = this.$menu.find('.active').attr('data-value')
+      this.$element
+        .val(this.updater(val))
+        .change()
+      return this.hide()
+    }
+
+  , updater: function (item) {
+      return item
+    }
+
+  , show: function () {
+      var pos = $.extend({}, this.$element.position(), {
+        height: this.$element[0].offsetHeight
+      })
+
+      this.$menu
+        .insertAfter(this.$element)
+        .css({
+          top: pos.top + pos.height
+        , left: pos.left
+        })
+        .show()
+
+      this.shown = true
+      return this
+    }
+
+  , hide: function () {
+      this.$menu.hide()
+      this.shown = false
+      return this
+    }
+
+  , lookup: function (event) {
+      var items
+
+      this.query = this.$element.val()
+
+      if (!this.query || this.query.length < this.options.minLength) {
+        return this.shown ? this.hide() : this
+      }
+
+      items = $.isFunction(this.source) ? this.source(this.query, $.proxy(this.process, this)) : this.source
+
+      return items ? this.process(items) : this
+    }
+
+  , process: function (items) {
+      var that = this
+
+      items = $.grep(items, function (item) {
+        return that.matcher(item)
+      })
+
+      items = this.sorter(items)
+
+      if (!items.length) {
+        return this.shown ? this.hide() : this
+      }
+
+      return this.render(items.slice(0, this.options.items)).show()
+    }
+
+  , matcher: function (item) {
+      return ~item.toLowerCase().indexOf(this.query.toLowerCase())
+    }
+
+  , sorter: function (items) {
+      var beginswith = []
+        , caseSensitive = []
+        , caseInsensitive = []
+        , item
+
+      while (item = items.shift()) {
+        if (!item.toLowerCase().indexOf(this.query.toLowerCase())) beginswith.push(item)
+        else if (~item.indexOf(this.query)) caseSensitive.push(item)
+        else caseInsensitive.push(item)
+      }
+
+      return beginswith.concat(caseSensitive, caseInsensitive)
+    }
+
+  , highlighter: function (item) {
+      var query = this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&')
+      return item.replace(new RegExp('(' + query + ')', 'ig'), function ($1, match) {
+        return '<strong>' + match + '</strong>'
+      })
+    }
+
+  , render: function (items) {
+      var that = this
+
+      items = $(items).map(function (i, item) {
+        i = $(that.options.item).attr('data-value', item)
+        i.find('a').html(that.highlighter(item))
+        return i[0]
+      })
+
+      items.first().addClass('active')
+      this.$menu.html(items)
+      return this
+    }
+
+  , next: function (event) {
+      var active = this.$menu.find('.active').removeClass('active')
+        , next = active.next()
+
+      if (!next.length) {
+        next = $(this.$menu.find('li')[0])
+      }
+
+      next.addClass('active')
+    }
+
+  , prev: function (event) {
+      var active = this.$menu.find('.active').removeClass('active')
+        , prev = active.prev()
+
+      if (!prev.length) {
+        prev = this.$menu.find('li').last()
+      }
+
+      prev.addClass('active')
+    }
+
+  , listen: function () {
+      this.$element
+        .on('focus',    $.proxy(this.focus, this))
+        .on('blur',     $.proxy(this.blur, this))
+        .on('keypress', $.proxy(this.keypress, this))
+        .on('keyup',    $.proxy(this.keyup, this))
+
+      if (this.eventSupported('keydown')) {
+        this.$element.on('keydown', $.proxy(this.keydown, this))
+      }
+
+      this.$menu
+        .on('click', $.proxy(this.click, this))
+        .on('mouseenter', 'li', $.proxy(this.mouseenter, this))
+        .on('mouseleave', 'li', $.proxy(this.mouseleave, this))
+    }
+
+  , eventSupported: function(eventName) {
+      var isSupported = eventName in this.$element
+      if (!isSupported) {
+        this.$element.setAttribute(eventName, 'return;')
+        isSupported = typeof this.$element[eventName] === 'function'
+      }
+      return isSupported
+    }
+
+  , move: function (e) {
+      if (!this.shown) return
+
+      switch(e.keyCode) {
+        case 9: // tab
+        case 13: // enter
+        case 27: // escape
+          e.preventDefault()
+          break
+
+        case 38: // up arrow
+          e.preventDefault()
+          this.prev()
+          break
+
+        case 40: // down arrow
+          e.preventDefault()
+          this.next()
+          break
+      }
+
+      e.stopPropagation()
+    }
+
+  , keydown: function (e) {
+      this.suppressKeyPressRepeat = ~$.inArray(e.keyCode, [40,38,9,13,27])
+      this.move(e)
+    }
+
+  , keypress: function (e) {
+      if (this.suppressKeyPressRepeat) return
+      this.move(e)
+    }
+
+  , keyup: function (e) {
+      switch(e.keyCode) {
+        case 40: // down arrow
+        case 38: // up arrow
+        case 16: // shift
+        case 17: // ctrl
+        case 18: // alt
+          break
+
+        case 9: // tab
+        case 13: // enter
+          if (!this.shown) return
+          this.select()
+          break
+
+        case 27: // escape
+          if (!this.shown) return
+          this.hide()
+          break
+
+        default:
+          this.lookup()
+      }
+
+      e.stopPropagation()
+      e.preventDefault()
+  }
+
+  , focus: function (e) {
+      this.focused = true
+    }
+
+  , blur: function (e) {
+      this.focused = false
+      if (!this.mousedover && this.shown) this.hide()
+    }
+
+  , click: function (e) {
+      e.stopPropagation()
+      e.preventDefault()
+      this.select()
+      this.$element.focus()
+    }
+
+  , mouseenter: function (e) {
+      this.mousedover = true
+      this.$menu.find('.active').removeClass('active')
+      $(e.currentTarget).addClass('active')
+    }
+
+  , mouseleave: function (e) {
+      this.mousedover = false
+      if (!this.focused && this.shown) this.hide()
+    }
+
+  }
+
+
+  /* TYPEAHEAD PLUGIN DEFINITION
+   * =========================== */
+
+  var old = $.fn.bs_typeahead
+
+  $.fn.bs_typeahead = function (option) {
+    return this.each(function () {
+      var $this = $(this)
+        , data = $this.data('bs_typeahead')
+        , options = typeof option == 'object' && option
+      if (!data) $this.data('bs_typeahead', (data = new Typeahead(this, options)))
+      if (typeof option == 'string') data[option]()
+    })
+  }
+
+  $.fn.bs_typeahead.defaults = {
+    source: []
+  , items: 8
+  , menu: '<ul class="typeahead dropdown-menu"></ul>'
+  , item: '<li><a href="#"></a></li>'
+  , minLength: 1
+  }
+
+  $.fn.bs_typeahead.Constructor = Typeahead
+
+
+ /* TYPEAHEAD NO CONFLICT
+  * =================== */
+
+  $.fn.bs_typeahead.noConflict = function () {
+    $.fn.bs_typeahead = old
+    return this
+  }
+
+
+ /* TYPEAHEAD DATA-API
+  * ================== */
+
+  $(document).on('focus.bs_typeahead.data-api', '[data-provide="bs_typeahead"]', function (e) {
+    var $this = $(this)
+    if ($this.data('bs_typeahead')) return
+    $this.bs_typeahead($this.data())
+  })
+
+}(window.jQuery);;/**
+ <b>Wysiwyg</b>. A wrapper for Bootstrap wyswiwyg plugin.
+ It's just a wrapper so you still need to include Bootstrap wysiwyg script first.
+*/
+(function($ , undefined) {
+	$.fn.ace_wysiwyg = function($options , undefined) {
+		var options = $.extend( {
+			speech_button:true,
+			wysiwyg:{}
+        }, $options);
+
+		var color_values = [
+			'#ac725e','#d06b64','#f83a22','#fa573c','#ff7537','#ffad46',
+			'#42d692','#16a765','#7bd148','#b3dc6c','#fbe983','#fad165',
+			'#92e1c0','#9fe1e7','#9fc6e7','#4986e7','#9a9cff','#b99aff',
+			'#c2c2c2','#cabdbf','#cca6ac','#f691b2','#cd74e6','#a47ae2',
+			'#444444'
+		]
+
+		var button_defaults =
+		{
+			'font' : {
+				values:['Arial', 'Courier', 'Comic Sans MS', 'Helvetica', 'Open Sans', 'Tahoma', 'Verdana'],
+				icon:'fa fa-font',
+				title:'Font'
+			},
+			'fontSize' : {
+				values:{5:'Huge', 3:'Normal', 1:'Small'},
+				icon:'fa fa-text-height',
+				title:'Font Size'
+			},
+			'bold' : {
+				icon : 'fa fa-bold',
+				title : 'Bold (Ctrl/Cmd+B)'
+			},
+			'italic' : {
+				icon : 'fa fa-italic',
+				title : 'Italic (Ctrl/Cmd+I)'
+			},
+			'strikethrough' : {
+				icon : 'fa fa-strikethrough',
+				title : 'Strikethrough'
+			},
+			'underline' : {
+				icon : 'fa fa-underline',
+				title : 'Underline'
+			},
+			'insertunorderedlist' : {
+				icon : 'fa fa-list-ul',
+				title : 'Bullet list'
+			},
+			'insertorderedlist' : {
+				icon : 'fa fa-list-ol',
+				title : 'Number list'
+			},
+			'outdent' : {
+				icon : 'fa fa-outdent',
+				title : 'Reduce indent (Shift+Tab)'
+			},
+			'indent' : {
+				icon : 'fa fa-indent',
+				title : 'Indent (Tab)'
+			},
+			'justifyleft' : {
+				icon : 'fa fa-align-left',
+				title : 'Align Left (Ctrl/Cmd+L)'
+			},
+			'justifycenter' : {
+				icon : 'fa fa-align-center',
+				title : 'Center (Ctrl/Cmd+E)'
+			},
+			'justifyright' : {
+				icon : 'fa fa-align-right',
+				title : 'Align Right (Ctrl/Cmd+R)'
+			},
+			'justifyfull' : {
+				icon : 'fa fa-align-justify',
+				title : 'Justify (Ctrl/Cmd+J)'
+			},
+			'createLink' : {
+				icon : 'fa fa-link',
+				title : 'Hyperlink',
+				button_text : 'Add',
+				placeholder : 'URL',
+				button_class : 'btn-primary'
+			},
+			'unlink' : {
+				icon : 'fa fa-chain-broken',
+				title : 'Remove Hyperlink'
+			},
+			'insertImage' : {
+				icon : 'fa fa-picture-o',
+				title : 'Insert picture',
+				button_text : '<i class="'+ ace.vars['icon'] + 'fa fa-file"></i> Choose Image &hellip;',
+				placeholder : 'Image URL',
+				button_insert : 'Insert',
+				button_class : 'btn-success',
+				button_insert_class : 'btn-primary',
+				choose_file: true //show the choose file button?
+			},
+			'foreColor' : {
+				values : color_values,
+				title : 'Change Color'
+			},
+			'backColor' : {
+				values : color_values,
+				title : 'Change Background Color'
+			},
+			'undo' : {
+				icon : 'fa fa-undo',
+				title : 'Undo (Ctrl/Cmd+Z)'
+			},
+			'redo' : {
+				icon : 'fa fa-repeat',
+				title : 'Redo (Ctrl/Cmd+Y)'
+			},
+			'viewSource' : {
+				icon : 'fa fa-code',
+				title : 'View Source'
+			}
+		}
+		
+		var toolbar_buttons =
+		options.toolbar ||
+		[
+			'font',
+			null,
+			'fontSize',
+			null,
+			'bold',
+			'italic',
+			'strikethrough',
+			'underline',
+			null,
+			'insertunorderedlist',
+			'insertorderedlist',
+			'outdent',
+			'indent',
+			null,
+			'justifyleft',
+			'justifycenter',
+			'justifyright',
+			'justifyfull',
+			null,
+			'createLink',
+			'unlink',
+			null,
+			'insertImage',
+			null,
+			'foreColor',
+			null,
+			'undo',
+			'redo',
+			null,
+			'viewSource'
+		]
+
+
+		this.each(function() {
+			var toolbar = ' <div class="wysiwyg-toolbar btn-toolbar center"> <div class="btn-group"> ';
+
+			for(var tb in toolbar_buttons) if(toolbar_buttons.hasOwnProperty(tb)) {
+				var button = toolbar_buttons[tb];
+				if(button === null){
+					toolbar += ' </div> <div class="btn-group"> ';
+					continue;
+				}
+				
+				if(typeof button == "string" && button in button_defaults) {
+					button = button_defaults[button];
+					button.name = toolbar_buttons[tb];
+				} else if(typeof button == "object" && button.name in button_defaults) {
+					button = $.extend(button_defaults[button.name] , button);
+				}
+				else continue;
+				
+				var className = "className" in button ? button.className : 'btn-default';
+				switch(button.name) {
+					case 'font':
+						toolbar += ' <a class="btn btn-sm '+className+' dropdown-toggle" data-toggle="dropdown" title="'+button.title+'"><i class="'+ ace.vars['icon'] + button.icon+'"></i><i class="' + ace.vars['icon'] + 'fa fa-angle-down icon-on-right"></i></a> ';
+						toolbar += ' <ul class="dropdown-menu dropdown-light dropdown-caret">';
+						for(var font in button.values)
+							if(button.values.hasOwnProperty(font))
+								toolbar += ' <li><a data-edit="fontName ' + button.values[font] +'" style="font-family:\''+ button.values[font]  +'\'">'+button.values[font]  + '</a></li> '
+						toolbar += ' </ul>';
+					break;
+
+					case 'fontSize':
+						toolbar += ' <a class="btn btn-sm '+className+' dropdown-toggle" data-toggle="dropdown" title="'+button.title+'"><i class="'+ ace.vars['icon'] + button.icon+'"></i>&nbsp;<i class="'+ ace.vars['icon'] + 'fa fa-angle-down icon-on-right"></i></a> ';
+						toolbar += ' <ul class="dropdown-menu dropdown-light dropdown-caret"> ';
+						for(var size in button.values)
+							if(button.values.hasOwnProperty(size))
+								toolbar += ' <li><a data-edit="fontSize '+size+'"><font size="'+size+'">'+ button.values[size] +'</font></a></li> '
+						toolbar += ' </ul> ';
+					break;
+
+					case 'createLink':
+						toolbar += ' <div class="btn-group"> <a class="btn btn-sm '+className+' dropdown-toggle" data-toggle="dropdown" title="'+button.title+'"><i class="'+ ace.vars['icon'] + button.icon+'"></i></a> ';
+						toolbar += ' <div class="dropdown-menu dropdown-caret dropdown-menu-right">\
+							 <div class="input-group">\
+								<input class="form-control" placeholder="'+button.placeholder+'" type="text" data-edit="'+button.name+'" />\
+								<span class="input-group-btn">\
+									<button class="btn btn-sm '+button.button_class+'" type="button">'+button.button_text+'</button>\
+								</span>\
+							 </div>\
+						</div> </div>';
+					break;
+
+					case 'insertImage':
+						toolbar += ' <div class="btn-group"> <a class="btn btn-sm '+className+' dropdown-toggle" data-toggle="dropdown" title="'+button.title+'"><i class="'+ ace.vars['icon'] + button.icon+'"></i></a> ';
+						toolbar += ' <div class="dropdown-menu dropdown-caret dropdown-menu-right">\
+							 <div class="input-group">\
+								<input class="form-control" placeholder="'+button.placeholder+'" type="text" data-edit="'+button.name+'" />\
+								<span class="input-group-btn">\
+									<button class="btn btn-sm '+button.button_insert_class+'" type="button">'+button.button_insert+'</button>\
+								</span>\
+							 </div>';
+							if( button.choose_file && 'FileReader' in window ) toolbar +=
+							 '<div class="space-2"></div>\
+							 <label class="center block no-margin-bottom">\
+								<button class="btn btn-sm '+button.button_class+' wysiwyg-choose-file" type="button">'+button.button_text+'</button>\
+								<input type="file" data-edit="'+button.name+'" />\
+							  </label>'
+						toolbar += ' </div> </div>';
+					break;
+
+					case 'foreColor':
+					case 'backColor':
+						toolbar += ' <select class="hide wysiwyg_colorpicker" title="'+button.title+'"> ';
+						$.each(button.values, function (_, color) {
+                            toolbar += ' <option value="' + color + '">' + color + '</option> ';
+                        });
+						toolbar += ' </select> ';
+						toolbar += ' <input style="display:none;" disabled class="hide" type="text" data-edit="'+button.name+'" /> ';
+					break;
+
+					case 'viewSource':
+						toolbar += ' <a class="btn btn-sm '+className+'" data-view="source" title="'+button.title+'"><i class="'+ ace.vars['icon'] + button.icon+'"></i></a> ';
+					break;
+					default:
+						toolbar += ' <a class="btn btn-sm '+className+'" data-edit="'+button.name+'" title="'+button.title+'"><i class="'+ ace.vars['icon'] + button.icon+'"></i></a> ';
+					break;
+				}
+			}
+			toolbar += ' </div> ';
+			////////////
+			var speech_input;
+			if (options.speech_button && 'onwebkitspeechchange' in (speech_input = document.createElement('input'))) {
+				toolbar += ' <input class="wysiwyg-speech-input" type="text" data-edit="inserttext" x-webkit-speech />';
+			}
+			speech_input = null;
+			////////////
+			toolbar += ' </div> ';
+
+
+			//if we have a function to decide where to put the toolbar, then call that
+			if(options.toolbar_place) toolbar = options.toolbar_place.call(this, toolbar);
+			//otherwise put it just before our DIV
+			else toolbar = $(this).before(toolbar).prev();
+
+			toolbar.find('a[title]').tooltip({animation:false, container:'body'});
+			toolbar.find('.dropdown-menu input[type=text]').on('click', function() {return false})
+		    .on('change', function() {$(this).closest('.dropdown-menu').siblings('.dropdown-toggle').dropdown('toggle')})
+			.on('keydown', function (e) {
+				if(e.which == 27) {
+					this.value = '';
+					$(this).change();
+				}
+				else if(e.which == 13) {
+					e.preventDefault();
+					e.stopPropagation();
+					$(this).change();
+				}
+			});
+			
+			toolbar.find('input[type=file]').prev().on(ace.click_event, function (e) { 
+				$(this).next().click();
+			});
+			toolbar.find('.wysiwyg_colorpicker').each(function() {
+				$(this).ace_colorpicker({pull_right:true}).change(function(){
+					$(this).nextAll('input').eq(0).val(this.value).change();
+				}).next().find('.btn-colorpicker').tooltip({title: this.title, animation:false, container:'body'})
+			});
+			
+			
+			var self = $(this);
+			//view source
+			var view_source = false;
+			toolbar.find('a[data-view=source]').on('click', function(e){
+				e.preventDefault();
+				
+				if(!view_source) {
+					$('<textarea />')
+					.css({'width':self.outerWidth(), 'height':self.outerHeight()})
+					.val(self.html())
+					.insertAfter(self)
+					self.hide();
+					
+					$(this).addClass('active');
+				}
+				else {
+					var textarea = self.next();
+					self.html(textarea.val()).show();
+					textarea.remove();
+					
+					$(this).removeClass('active');
+				}
+				
+				view_source = !view_source;
+			});
+
+
+			var $options = $.extend({}, { activeToolbarClass: 'active' , toolbarSelector : toolbar }, options.wysiwyg || {})
+			$(this).wysiwyg( $options );
+		});
+
+		return this;
+	}
+
+
+})(window.jQuery);
+
+;/**
+ <b>Spinner</b>. A wrapper for FuelUX spinner element.
+ It's just a wrapper so you still need to include FuelUX spinner script first.
+*/
+(function($ , undefined) {
+	//a wrapper for fuelux spinner
+	function Ace_Spinner(element , _options) {
+		var attrib_values = ace.helper.getAttrSettings(element, $.fn.ace_spinner.defaults);
+		var options = $.extend({}, $.fn.ace_spinner.defaults, _options, attrib_values);
+	
+		var max = options.max
+		max = (''+max).length
+		var width = parseInt(Math.max((max * 20 + 40) , 90))
+
+		var $element = $(element);
+		
+		var btn_class = 'btn-sm';//default
+		var sizing = 2;
+		if($element.hasClass('input-sm')) {
+			btn_class = 'btn-xs';
+			sizing = 1;
+		}
+		else if($element.hasClass('input-lg')) {
+			btn_class = 'btn-lg';
+			sizing = 3;
+		}
+		
+		if(sizing == 2) width += 25;
+		else if(sizing == 3) width += 50;
+		
+		$element.addClass('spinbox-input form-control text-center').wrap('<div class="ace-spinner middle">')
+
+		var $parent_div = $element.closest('.ace-spinner').spinbox(options).wrapInner("<div class='input-group'></div>")
+		var $spinner = $parent_div.data('fu.spinbox');
+		
+		if(options.on_sides)
+		{
+			$element
+			.before('<div class="spinbox-buttons input-group-btn">\
+					<button type="button" class="btn spinbox-down '+btn_class+' '+options.btn_down_class+'">\
+						<i class="icon-only '+ ace.vars['icon'] + options.icon_down+'"></i>\
+					</button>\
+				</div>')
+			.after('<div class="spinbox-buttons input-group-btn">\
+					<button type="button" class="btn spinbox-up '+btn_class+' '+options.btn_up_class+'">\
+						<i class="icon-only '+ ace.vars['icon'] + options.icon_up+'"></i>\
+					</button>\
+				</div>');
+
+			$parent_div.addClass('touch-spinner')
+			$parent_div.css('width' , width+'px')
+		}
+		else {
+			 $element
+			 .after('<div class="spinbox-buttons input-group-btn">\
+					<button type="button" class="btn spinbox-up '+btn_class+' '+options.btn_up_class+'">\
+						<i class="icon-only '+ ace.vars['icon'] + options.icon_up+'"></i>\
+					</button>\
+					<button type="button" class="btn spinbox-down '+btn_class+' '+options.btn_down_class+'">\
+						<i class="icon-only '+ ace.vars['icon'] + options.icon_down+'"></i>\
+					</button>\
+				</div>')
+
+			if(ace.vars['touch'] || options.touch_spinner) {
+				$parent_div.addClass('touch-spinner')
+				$parent_div.css('width' , width+'px')
+			}
+			else {
+				$element.next().addClass('btn-group-vertical');
+				$parent_div.css('width' , width+'px')
+			}
+		}
+
+		$parent_div.on('changed', function(){
+			$element.trigger('change')//trigger the input's change event
+		});
+
+		this._call = function(name, arg) {
+			$spinner[name](arg);
+		}
+	}
+
+
+	$.fn.ace_spinner = function(option, value) {
+		var retval;
+
+		var $set = this.each(function() {
+			var $this = $(this);
+			var data = $this.data('ace_spinner');
+			var options = typeof option === 'object' && option;
+
+			if (!data) {
+				options = $.extend({}, $.fn.ace_spinner.defaults, option);
+				$this.data('ace_spinner', (data = new Ace_Spinner(this, options)));
+			}
+			if (typeof option === 'string') retval = data._call(option, value);
+		});
+
+		return (retval === undefined) ? $set : retval;
+	}
+	
+	$.fn.ace_spinner.defaults = {
+		'icon_up' : 'fa fa-chevron-up',
+		'icon_down': 'fa fa-chevron-down',
+		
+		'on_sides': false,		
+		'btn_up_class': '',
+		'btn_down_class' : '',
+		
+		'max' : 999,
+		'touch_spinner': false
+     }
+
+
+})(window.jQuery);
+;/**
+ <b>Treeview</b>. A wrapper for FuelUX treeview element.
+ It's just a wrapper so you still need to include FuelUX treeview script first.
+*/
+(function($ , undefined) {
+
+	$.fn.aceTree = $.fn.ace_tree = function(options) {
+		var $defaults = {
+			'open-icon' : ace.vars['icon'] + 'fa fa-folder-open',
+			'close-icon' : ace.vars['icon'] + 'fa fa-folder',
+			'selectable' : true,
+			'selected-icon' : ace.vars['icon'] + 'fa fa-check',
+			'unselected-icon' : ace.vars['icon'] + 'fa fa-times',
+			'loadingHTML': 'Loading...'
+		}
+
+		this.each(function() {
+		
+			var attrib_values = ace.helper.getAttrSettings(this, $defaults);
+			var $options = $.extend({}, $defaults, options, attrib_values);
+
+			var $this = $(this);
+			$this.addClass('tree').attr('role', 'tree');
+			$this.html(
+			'<li class="tree-branch hide" data-template="treebranch" role="treeitem" aria-expanded="false">\
+				<div class="tree-branch-header">\
+					<span class="tree-branch-name">\
+						<i class="icon-folder '+$options['close-icon']+'"></i>\
+						<span class="tree-label"></span>\
+					</span>\
+				</div>\
+				<ul class="tree-branch-children" role="group"></ul>\
+				<div class="tree-loader" role="alert">'+$options['loadingHTML']+'</div>\
+			</div>\
+			<li class="tree-item hide" data-template="treeitem" role="treeitem">\
+				<span class="tree-item-name">\
+				  '+($options['unselected-icon'] == null ? '' : '<i class="icon-item '+$options['unselected-icon']+'"></i>')+'\
+				  <span class="tree-label"></span>\
+				</span>\
+			</li>');
+			
+			$this.addClass($options['selectable'] == true ? 'tree-selectable' : 'tree-unselectable');
+			
+			$this.tree($options);
+		});
+
+		return this;
+	}
+
+})(window.jQuery);
+;/**
+ <b>Wizard</b>. A wrapper for FuelUX wizard element.
+ It's just a wrapper so you still need to include FuelUX wizard script first.
+*/
+(function($ , undefined) {
+	$.fn.aceWizard = $.fn.ace_wizard = function(options) {
+
+		this.each(function() {
+			var $this = $(this);
+			$this.wizard();
+			
+			if(ace.vars['old_ie']) $this.find('ul.steps > li').last().addClass('last-child');
+
+			var buttons = (options && options['buttons']) ? $(options['buttons']) : $this.siblings('.wizard-actions').eq(0);
+			var $wizard = $this.data('fu.wizard');
+			$wizard.$prevBtn.remove();
+			$wizard.$nextBtn.remove();
+			
+			$wizard.$prevBtn = buttons.find('.btn-prev').eq(0).on(ace.click_event,  function(){
+				$wizard.previous();
+			}).attr('disabled', 'disabled');
+			$wizard.$nextBtn = buttons.find('.btn-next').eq(0).on(ace.click_event,  function(){
+				$wizard.next();
+			}).removeAttr('disabled');
+			$wizard.nextText = $wizard.$nextBtn.text();
+			
+			var step = options && ((options.selectedItem && options.selectedItem.step) || options.step);
+			if(step) {
+				$wizard.currentStep = step;
+				$wizard.setState();
+			}
+		});
+
+		return this;
+	}
+
+})(window.jQuery);
+;/**
+ <b>Content Slider</b>. with custom content and elements based on Bootstrap modals.
+*/
+(function($ , undefined) {
+	var $window = $(window);
+
+	function Aside(modal, settings) {
+		var self = this;
+	
+		var $modal = $(modal);
+		var placement = 'right', vertical = false;
+		var hasFade = $modal.hasClass('fade');//Bootstrap enables transition only when modal is ".fade"
+
+		var attrib_values = ace.helper.getAttrSettings(modal, $.fn.ace_aside.defaults);
+		this.settings = $.extend({}, $.fn.ace_aside.defaults, settings, attrib_values);
+		
+		//if no scroll style specified and modal has dark background, let's make scrollbars 'white'
+		if(this.settings.background && !settings.scroll_style && !attrib_values.scroll_style) { 
+			this.settings.scroll_style = 'scroll-white no-track';
+		}
+
+		
+		this.container = this.settings.container;
+		if(this.container) {
+			try {
+				if( $(this.container).get(0) == document.body ) this.container = null;
+			} catch(e) {}
+		}
+		if(this.container) {
+			this.settings.backdrop = false;//no backdrop when inside another element?
+			$modal.addClass('aside-contained');
+		}
+
+		
+		var dialog = $modal.find('.modal-dialog');
+		var content = $modal.find('.modal-content');
+		var delay = 300;
+		
+		this.initiate = function() {
+			modal.className = modal.className.replace(/(\s|^)aside\-(right|top|left|bottom)(\s|$)/ig , '$1$3');
+
+			placement = this.settings.placement;
+			if(placement) placement = $.trim(placement.toLowerCase());
+			if(!placement || !(/right|top|left|bottom/.test(placement))) placement = 'right';
+
+			$modal.attr('data-placement', placement);
+			$modal.addClass('aside-' + placement);
+			
+			if( /right|left/.test(placement) ) {
+				vertical = true;
+				$modal.addClass('aside-vc');//vertical
+			}
+			else $modal.addClass('aside-hz');//horizontal
+			
+			if( this.settings.fixed ) $modal.addClass('aside-fixed');
+			if( this.settings.background ) $modal.addClass('aside-dark');
+			if( this.settings.offset ) $modal.addClass('navbar-offset');
+			
+			if( !this.settings.transition ) $modal.addClass('transition-off');
+			
+			$modal.addClass('aside-hidden');
+
+			this.insideContainer();
+			
+			/////////////////////////////
+			
+			dialog = $modal.find('.modal-dialog');
+			content = $modal.find('.modal-content');
+			
+			if(!this.settings.body_scroll) {
+				//don't allow body scroll when modal is open
+				$modal.on('mousewheel.aside DOMMouseScroll.aside touchmove.aside pointermove.aside', function(e) {
+					if( !$.contains(content[0], e.target) ) {
+						e.preventDefault();
+						return false;
+					}
+				})
+			}
+			
+			if( this.settings.backdrop == false ) {
+				$modal.addClass('no-backdrop');
+			}
+		}
+		
+		
+		this.show = function() {
+			if(this.settings.backdrop == false) {
+			  try {
+				$modal.data('bs.modal').$backdrop.remove();
+			  } catch(e){}
+			}
+	
+			if(this.container) $(this.container).addClass('overflow-hidden');
+			else $modal.css('position', 'fixed')
+			
+			$modal.removeClass('aside-hidden');
+		}
+		
+		this.hide = function() {
+			if(this.container) {
+				this.container.addClass('overflow-hidden');
+				
+				if(ace.vars['firefox']) {
+					//firefox needs a bit of forcing re-calculation
+					modal.offsetHeight;
+				}
+			}
+		
+			toggleButton();
+			
+			if(ace.vars['transition'] && !hasFade) {
+				$modal.one('bsTransitionEnd', function() {
+					$modal.addClass('aside-hidden');
+					$modal.css('position', '');
+					
+					if(self.container) self.container.removeClass('overflow-hidden');
+				}).emulateTransitionEnd(delay);
+			}
+		}
+		
+		this.shown = function() {
+			toggleButton();
+			$('body').removeClass('modal-open').css('padding-right', '');
+			
+			if( this.settings.backdrop == 'invisible' ) {
+			  try {
+				$modal.data('bs.modal').$backdrop.css('opacity', 0);
+			  } catch(e){}
+			}
+
+			var size = !vertical ? dialog.height() : content.height();
+			if(!ace.vars['touch']) {
+				if(!content.hasClass('ace-scroll')) {
+					content.ace_scroll({
+							size: size,
+							reset: true,
+							mouseWheelLock: true,
+							lockAnyway: !this.settings.body_scroll,
+							styleClass: this.settings.scroll_style,
+							'observeContent': true,
+							'hideOnIdle': !ace.vars['old_ie'],
+							'hideDelay': 1500
+					})
+				}
+			}
+			else {
+				content.addClass('overflow-scroll').css('max-height', size+'px');
+			}
+
+			$window
+			.off('resize.modal.aside')
+			.on('resize.modal.aside', function() {
+				if(!ace.vars['touch']) {
+				  content.ace_scroll('disable');//to get correct size when going from small window size to large size
+					var size = !vertical ? dialog.height() : content.height();
+					content
+					.ace_scroll('update', {'size': size})
+					.ace_scroll('enable')
+					.ace_scroll('reset');
+				}
+				else content.css('max-height', (!vertical ? dialog.height() : content.height())+'px');
+			}).triggerHandler('resize.modal.aside');
+			
+			
+			///////////////////////////////////////////////////////////////////////////
+			if(self.container && ace.vars['transition'] && !hasFade) {
+				$modal.one('bsTransitionEnd', function() {
+					self.container.removeClass('overflow-hidden')
+				}).emulateTransitionEnd(delay);
+			}
+		}
+		
+		
+		this.hidden = function() {
+			$window.off('.aside')
+			//$modal.off('.aside')
+			//			
+			if( !ace.vars['transition'] || hasFade ) {
+				$modal.addClass('aside-hidden');
+				$modal.css('position', '');
+			}
+		}
+		
+		
+		this.insideContainer = function() {
+			var container = $('.main-container');
+
+			var dialog = $modal.find('.modal-dialog');
+			dialog.css({'right': '', 'left': ''});
+			if( container.hasClass('container') ) {
+				var flag = false;
+				if(vertical == true) {
+					dialog.css( placement, parseInt(($window.width() - container.width()) / 2) );
+					flag = true;
+				}
+
+				//strange firefox issue, not redrawing properly on window resize (zoom in/out)!!!!
+				//--- firefix is still having issue!
+				if(flag && ace.vars['firefox']) {
+					ace.helper.redraw(container[0]);
+				}
+			}
+		}
+		
+		this.flip = function() {
+			var flipSides = {right : 'left', left : 'right', top: 'bottom', bottom: 'top'};
+			$modal.removeClass('aside-'+placement).addClass('aside-'+flipSides[placement]);
+			placement = flipSides[placement];
+		}
+
+		var toggleButton = function() {
+			var btn = $modal.find('.aside-trigger');
+			if(btn.length == 0) return;
+			btn.toggleClass('open');
+			
+			var icon = btn.find(ace.vars['.icon']);
+			if(icon.length == 0) return;
+			icon.toggleClass(icon.attr('data-icon1') + " " + icon.attr('data-icon2'));
+		}
+		
+
+		this.initiate();
+		
+		if(this.container) this.container = $(this.container);
+		$modal.appendTo(this.container || 'body'); 
+	}
+
+
+	$(document)
+	.on('show.bs.modal', '.modal.aside', function(e) {
+		$('.aside.in').modal('hide');//??? hide previous open ones?
+		$(this).ace_aside('show');
+	})
+	.on('hide.bs.modal', '.modal.aside', function(e) {
+		$(this).ace_aside('hide');
+	})
+	.on('shown.bs.modal', '.modal.aside', function(e) {
+		$(this).ace_aside('shown');
+	})
+	.on('hidden.bs.modal', '.modal.aside', function(e) {
+		$(this).ace_aside('hidden');
+	})
+	
+	
+
+	
+	$(window).on('resize.aside_container', function() {
+		$('.modal.aside').ace_aside('insideContainer');
+	});
+	$(document).on('settings.ace.aside', function(e, event_name) {
+		if(event_name == 'main_container_fixed') $('.modal.aside').ace_aside('insideContainer');
+	});
+
+	$.fn.aceAside = $.fn.ace_aside = function (option, value) {
+		var method_call;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('ace_aside');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('ace_aside', (data = new Aside(this, options)));
+			if (typeof option === 'string' && typeof data[option] === 'function') {
+				if(value instanceof Array) method_call = data[option].apply(data, value);
+				else method_call = data[option](value);
+			}
+		});
+
+		return (method_call === undefined) ? $set : method_call;
+	}
+	
+	$.fn.ace_aside.defaults = {
+		fixed: false,
+		background: false,
+		offset: false,
+		body_scroll: false,
+		transition: true,
+		scroll_style: 'scroll-dark no-track',
+		container: null,
+		backdrop: false,
+		placement: 'right'
+     }
+
+})(window.jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/ace-extra.js b/web/bootstrap-ace-admin/js/ace-extra.js
new file mode 100755
index 00000000..e48ddc6a
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace-extra.js
@@ -0,0 +1,489 @@
+if( !('ace' in window) ) window['ace'] = {}
+
+ace.config = {
+ cookie_expiry : 604800, //1 week duration for saved settings
+ cookie_path: '',
+ storage_method: 2 //2 means use cookies, 1 means localStorage, 0 means localStorage if available otherwise cookies
+}
+if( !('vars' in window['ace']) ) window['ace'].vars = {}
+ace.vars['very_old_ie']	= !('querySelector' in document.documentElement);
+
+
+ace.settings = {
+	is : function(item, status) {
+		//such as ace.settings.is('navbar', 'fixed')
+		return (ace.data.get('settings', item+'-'+status) == 1)
+	},
+	exists : function(item, status) {
+		return (ace.data.get('settings', item+'-'+status) !== null)
+	},
+	set : function(item, status) {
+		ace.data.set('settings', item+'-'+status, 1)
+	},
+	unset : function(item, status) {
+		ace.data.set('settings', item+'-'+status, -1)
+	},
+	remove : function(item, status) {
+		ace.data.remove('settings', item+'-'+status)
+	},
+
+	navbar_fixed : function(navbar, fix , save, chain) {
+		if(ace.vars['very_old_ie']) return false;
+		
+		var navbar = navbar || '#navbar';
+		if(typeof navbar === 'string') navbar = document.querySelector(navbar);
+		if(!navbar) return false;
+	
+		fix = fix || false;
+		save = save && true;
+	
+		if(!fix && chain !== false) {
+			//unfix sidebar as well
+			var sidebar = null;
+			if(
+				ace.settings.is('sidebar', 'fixed')
+				||
+				((sidebar = document.getElementById('sidebar')) && ace.hasClass(sidebar , 'sidebar-fixed'))
+			 )
+			{
+				ace.settings.sidebar_fixed(sidebar, false, save);
+			}
+		}
+		
+		if(fix) {
+			if(!ace.hasClass(navbar , 'navbar-fixed-top'))  ace.addClass(navbar , 'navbar-fixed-top');
+			
+			if(save !== false) ace.settings.set('navbar', 'fixed');
+		} else {
+			ace.removeClass(navbar , 'navbar-fixed-top');
+			
+			if(save !== false) ace.settings.unset('navbar', 'fixed');
+		}
+		try {
+			document.getElementById('ace-settings-navbar').checked = fix;
+		} catch(e) {}
+		
+		if(window.jQuery) jQuery(document).trigger('settings.ace', ['navbar_fixed' , fix , navbar]);
+	},
+
+
+	sidebar_fixed : function(sidebar, fix , save, chain) {
+		if(ace.vars['very_old_ie']) return false;
+		
+		var sidebar = sidebar || '#sidebar';
+		if(typeof sidebar === 'string') sidebar = document.querySelector(sidebar);
+		if(!sidebar) return false;
+	
+		fix = fix || false;
+		save = save && true;
+		
+		if(!fix && chain !== false) {
+			//unfix breadcrumbs as well
+			var breadcrumbs = null;
+			if(
+				ace.settings.is('breadcrumbs', 'fixed')
+				||
+				((breadcrumbs = document.getElementById('breadcrumbs')) && ace.hasClass(breadcrumbs , 'breadcrumbs-fixed'))
+			 )
+			{
+				ace.settings.breadcrumbs_fixed(breadcrumbs, false, save);
+			}
+		}
+
+		if( fix && chain !== false && !ace.settings.is('navbar', 'fixed') ) {
+			ace.settings.navbar_fixed(null, true, save);
+		}
+
+		if(fix) {
+			if( !ace.hasClass(sidebar , 'sidebar-fixed') )  {
+				ace.addClass(sidebar , 'sidebar-fixed');
+				var toggler = document.getElementById('menu-toggler');
+
+				if(toggler) ace.addClass(toggler , 'fixed');
+			}
+			if(save !== false) ace.settings.set('sidebar', 'fixed');
+		} else {
+			ace.removeClass(sidebar , 'sidebar-fixed');
+			var toggler = document.getElementById('menu-toggler');
+			if(toggler) ace.removeClass(toggler , 'fixed');
+
+			if(save !== false) ace.settings.unset('sidebar', 'fixed');
+		}
+		try {
+			document.getElementById('ace-settings-sidebar').checked = fix;
+		} catch(e) {}
+		
+		if(window.jQuery) jQuery(document).trigger('settings.ace', ['sidebar_fixed' , fix , sidebar]);
+	},
+	
+	//fixed position
+	breadcrumbs_fixed : function(breadcrumbs, fix , save, chain) {
+		if(ace.vars['very_old_ie']) return false;
+		
+		var breadcrumbs = breadcrumbs || '#breadcrumbs';
+		if(typeof breadcrumbs === 'string') breadcrumbs = document.querySelector(breadcrumbs);
+		if(!breadcrumbs) return false;
+	
+		fix = fix || false;
+		save = save && true;
+		
+		if(fix && chain !== false && !ace.settings.is('sidebar', 'fixed')) {
+			ace.settings.sidebar_fixed(null, true, save);
+		}
+
+		if(fix) {
+			if(!ace.hasClass(breadcrumbs , 'breadcrumbs-fixed'))  ace.addClass(breadcrumbs , 'breadcrumbs-fixed');
+			if(save !== false) ace.settings.set('breadcrumbs', 'fixed');
+		} else {
+			ace.removeClass(breadcrumbs , 'breadcrumbs-fixed');
+			if(save !== false) ace.settings.unset('breadcrumbs', 'fixed');
+		}
+		try {
+			document.getElementById('ace-settings-breadcrumbs').checked = fix;
+		} catch(e) {}
+		
+		if(window.jQuery) jQuery(document).trigger('settings.ace', ['breadcrumbs_fixed' , fix , breadcrumbs]);
+	},
+
+	//fixed size
+	main_container_fixed : function(main_container, inside , save) {
+		if(ace.vars['very_old_ie']) return false;
+		
+		inside = inside || false;
+		save = save && true;
+		
+		var main_container = main_container || '#main-container';
+		if(typeof main_container === 'string') main_container = document.querySelector(main_container);
+		if(!main_container) return false;
+		
+		var navbar_container = document.getElementById('navbar-container');
+		if(inside) {
+			if( !ace.hasClass(main_container , 'container') )  ace.addClass(main_container , 'container');
+			if( navbar_container && !ace.hasClass(navbar_container , 'container') )  ace.addClass(navbar_container , 'container');
+			if( save !== false ) ace.settings.set('main-container', 'fixed');
+		} else {
+			ace.removeClass(main_container , 'container');
+			if(navbar_container) ace.removeClass(navbar_container , 'container');
+			if(save !== false) ace.settings.unset('main-container', 'fixed');
+		}
+		try {
+			document.getElementById('ace-settings-add-container').checked = inside;
+		} catch(e) {}
+
+		
+		if(navigator.userAgent.match(/webkit/i)) {
+			//webkit has a problem redrawing and moving around the sidebar background in realtime
+			//so we do this, to force redraw
+			//there will be no problems with webkit if the ".container" class is statically put inside HTML code.
+			var sidebar = document.getElementById('sidebar')
+			ace.toggleClass(sidebar , 'menu-min')
+			setTimeout(function() {	ace.toggleClass(sidebar , 'menu-min') } , 0)
+		}
+		
+		if(window.jQuery) jQuery(document).trigger('settings.ace', ['main_container_fixed', inside, main_container]);
+	},
+
+	sidebar_collapsed : function(sidebar, collapse , save) {
+		if(ace.vars['very_old_ie']) return false;
+
+		var sidebar = sidebar || '#sidebar';
+		if(typeof sidebar === 'string') sidebar = document.querySelector(sidebar);
+		if(!sidebar) return false;
+
+		collapse = collapse || false;
+
+		if(collapse) {
+			ace.addClass(sidebar , 'menu-min');
+			if(save !== false) ace.settings.set('sidebar', 'collapsed');
+		} else {
+			ace.removeClass(sidebar , 'menu-min');
+			if(save !== false) ace.settings.unset('sidebar', 'collapsed');
+		}
+		
+		if(window.jQuery) jQuery(document).trigger('settings.ace', ['sidebar_collapsed' , collapse, sidebar]);
+		
+		if(!window.jQuery) {
+			var toggle_btn = document.querySelector('.sidebar-collapse[data-target="#'+(sidebar.getAttribute('id')||'')+'"]');
+			if(!toggle_btn) toggle_btn = sidebar.querySelector('.sidebar-collapse');
+			if(!toggle_btn) return;
+
+	
+			var icon = toggle_btn.querySelector('[data-icon1][data-icon2]'), icon1, icon2;	
+			if(!icon) return;
+
+			icon1 = icon.getAttribute('data-icon1');//the icon for expanded state
+			icon2 = icon.getAttribute('data-icon2');//the icon for collapsed state
+
+			if(collapse) {
+				ace.removeClass(icon, icon1);
+				ace.addClass(icon, icon2);
+			}
+			else {
+				ace.removeClass(icon, icon2);
+				ace.addClass(icon, icon1);
+			}
+		}		
+	}
+	/**
+	,
+	select_skin : function(skin) {
+	}
+	*/
+}
+
+
+//check the status of something
+ace.settings.check = function(item, val) {
+	if(! ace.settings.exists(item, val) ) return;//no such setting specified
+	var status = ace.settings.is(item, val);//is breadcrumbs-fixed? or is sidebar-collapsed? etc
+
+	var mustHaveClass = {
+		'navbar-fixed' : 'navbar-fixed-top',
+		'sidebar-fixed' : 'sidebar-fixed',
+		'breadcrumbs-fixed' : 'breadcrumbs-fixed',
+		'sidebar-collapsed' : 'menu-min',
+		'main-container-fixed' : 'container'
+	}
+
+
+	//if an element doesn't have a specified class, but saved settings say it should, then add it
+	//for example, sidebar isn't .fixed, but user fixed it on a previous page
+	//or if an element has a specified class, but saved settings say it shouldn't, then remove it
+	//for example, sidebar by default is minimized (.menu-min hard coded), but user expanded it and now shouldn't have 'menu-min' class
+	
+	var target = document.getElementById(item);//#navbar, #sidebar, #breadcrumbs
+	if(status != ace.hasClass(target , mustHaveClass[item+'-'+val])) {
+		ace.settings[item.replace('-','_')+'_'+val](null, status);//call the relevant function to make the changes
+	}
+}
+
+
+
+
+
+
+//save/retrieve data using localStorage or cookie
+//method == 1, use localStorage
+//method == 2, use cookies
+//method not specified, use localStorage if available, otherwise cookies
+ace.data_storage = function(method, undefined) {
+	var prefix = 'ace_';
+
+	var storage = null;
+	var type = 0;
+	
+	if((method == 1 || method === undefined) && 'localStorage' in window && window['localStorage'] !== null) {
+		storage = ace.storage;
+		type = 1;
+	}
+	else if(storage == null && (method == 2 || method === undefined) && 'cookie' in document && document['cookie'] !== null) {
+		storage = ace.cookie;
+		type = 2;
+	}
+
+	//var data = {}
+	this.set = function(namespace, key, value, path, undefined) {
+		if(!storage) return;
+		
+		if(value === undefined) {//no namespace here?
+			value = key;
+			key = namespace;
+
+			if(value == null) storage.remove(prefix+key)
+			else {
+				if(type == 1)
+					storage.set(prefix+key, value)
+				else if(type == 2)
+					storage.set(prefix+key, value, ace.config.cookie_expiry, path || ace.config.cookie_path)
+			}
+		}
+		else {
+			if(type == 1) {//localStorage
+				if(value == null) storage.remove(prefix+namespace+'_'+key)
+				else storage.set(prefix+namespace+'_'+key, value);
+			}
+			else if(type == 2) {//cookie
+				var val = storage.get(prefix+namespace);
+				var tmp = val ? JSON.parse(val) : {};
+
+				if(value == null) {
+					delete tmp[key];//remove
+					if(ace.sizeof(tmp) == 0) {//no other elements in this cookie, so delete it
+						storage.remove(prefix+namespace);
+						return;
+					}
+				}
+				
+				else {
+					tmp[key] = value;
+				}
+
+				storage.set(prefix+namespace , JSON.stringify(tmp), ace.config.cookie_expiry, path || ace.config.cookie_path)
+			}
+		}
+	}
+
+	this.get = function(namespace, key, undefined) {
+		if(!storage) return null;
+		
+		if(key === undefined) {//no namespace here?
+			key = namespace;
+			return storage.get(prefix+key);
+		}
+		else {
+			if(type == 1) {//localStorage
+				return storage.get(prefix+namespace+'_'+key);
+			}
+			else if(type == 2) {//cookie
+				var val = storage.get(prefix+namespace);
+				var tmp = val ? JSON.parse(val) : {};
+				return key in tmp ? tmp[key] : null;
+			}
+		}
+	}
+
+	
+	this.remove = function(namespace, key, undefined) {
+		if(!storage) return;
+		
+		if(key === undefined) {
+			key = namespace
+			this.set(key, null);
+		}
+		else {
+			this.set(namespace, key, null);
+		}
+	}
+}
+
+
+
+
+
+//cookie storage
+ace.cookie = {
+	// The following functions are from Cookie.js class in TinyMCE, Moxiecode, used under LGPL.
+
+	/**
+	 * Get a cookie.
+	 */
+	get : function(name) {
+		var cookie = document.cookie, e, p = name + "=", b;
+
+		if ( !cookie )
+			return;
+
+		b = cookie.indexOf("; " + p);
+
+		if ( b == -1 ) {
+			b = cookie.indexOf(p);
+
+			if ( b != 0 )
+				return null;
+
+		} else {
+			b += 2;
+		}
+
+		e = cookie.indexOf(";", b);
+
+		if ( e == -1 )
+			e = cookie.length;
+
+		return decodeURIComponent( cookie.substring(b + p.length, e) );
+	},
+
+	/**
+	 * Set a cookie.
+	 *
+	 * The 'expires' arg can be either a JS Date() object set to the expiration date (back-compat)
+	 * or the number of seconds until expiration
+	 */
+	set : function(name, value, expires, path, domain, secure) {
+		var d = new Date();
+
+		if ( typeof(expires) == 'object' && expires.toGMTString ) {
+			expires = expires.toGMTString();
+		} else if ( parseInt(expires, 10) ) {
+			d.setTime( d.getTime() + ( parseInt(expires, 10) * 1000 ) ); // time must be in miliseconds
+			expires = d.toGMTString();
+		} else {
+			expires = '';
+		}
+
+		document.cookie = name + "=" + encodeURIComponent(value) +
+			((expires) ? "; expires=" + expires : "") +
+			((path) ? "; path=" + path : "") +
+			((domain) ? "; domain=" + domain : "") +
+			((secure) ? "; secure" : "");
+	},
+
+	/**
+	 * Remove a cookie.
+	 *
+	 * This is done by setting it to an empty value and setting the expiration time in the past.
+	 */
+	remove : function(name, path) {
+		this.set(name, '', -1000, path);
+	}
+};
+
+
+//local storage
+ace.storage = {
+	get: function(key) {
+		return window['localStorage'].getItem(key);
+	},
+	set: function(key, value) {
+		window['localStorage'].setItem(key , value);
+	},
+	remove: function(key) {
+		window['localStorage'].removeItem(key);
+	}
+};
+
+
+
+
+
+
+//count the number of properties in an object
+//useful for getting the number of elements in an associative array
+ace.sizeof = function(obj) {
+	var size = 0;
+	for(var key in obj) if(obj.hasOwnProperty(key)) size++;
+	return size;
+}
+
+//because jQuery may not be loaded at this stage, we use our own toggleClass
+ace.hasClass = function(elem, className) {	return (" " + elem.className + " ").indexOf(" " + className + " ") > -1; }
+
+ace.addClass = function(elem, className) {
+ if (!ace.hasClass(elem, className)) {
+	var currentClass = elem.className;
+	elem.className = currentClass + (currentClass.length? " " : "") + className;
+ }
+}
+
+ace.removeClass = function(elem, className) {ace.replaceClass(elem, className);}
+
+ace.replaceClass = function(elem, className, newClass) {
+	var classToRemove = new RegExp(("(^|\\s)" + className + "(\\s|$)"), "i");
+	elem.className = elem.className.replace(classToRemove, function (match, p1, p2) {
+		return newClass? (p1 + newClass + p2) : " ";
+	}).replace(/^\s+|\s+$/g, "");
+}
+
+ace.toggleClass = function(elem, className) {
+	if(ace.hasClass(elem, className))
+		ace.removeClass(elem, className);
+	else ace.addClass(elem, className);
+}
+
+ace.isHTTMlElement = function(elem) {
+ return window.HTMLElement ? elem instanceof HTMLElement : ('nodeType' in elem ? elem.nodeType == 1 : false);
+}
+
+
+//data_storage instance used inside ace.settings etc
+ace.data = new ace.data_storage(ace.config.storage_method);
diff --git a/web/bootstrap-ace-admin/js/ace.js b/web/bootstrap-ace-admin/js/ace.js
new file mode 100755
index 00000000..82ebf938
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace.js
@@ -0,0 +1,3302 @@
+/*!
+ * Ace v1.3.3
+ */
+
+if (typeof jQuery === 'undefined') { throw new Error('Ace\'s JavaScript requires jQuery') }
+
+/**
+ Required. Ace's Basic File to Initiliaze Different Parts and Some Variables.
+*/
+
+
+//some basic variables
+(function(undefined) {
+	if( !('ace' in window) ) window['ace'] = {}
+	if( !('helper' in window['ace']) ) window['ace'].helper = {}
+	if( !('vars' in window['ace']) ) window['ace'].vars = {}
+	window['ace'].vars['icon'] = ' ace-icon ';
+	window['ace'].vars['.icon'] = '.ace-icon';
+
+	ace.vars['touch']	= ('ontouchstart' in window);//(('ontouchstart' in document.documentElement) || (window.DocumentTouch && document instanceof DocumentTouch));
+	
+	//sometimes the only good way to work around browser's pecularities is to detect them using user-agents
+	//though it's not accurate
+	var agent = navigator.userAgent
+	ace.vars['webkit'] = !!agent.match(/AppleWebKit/i)
+	ace.vars['safari'] = !!agent.match(/Safari/i) && !agent.match(/Chrome/i);
+	ace.vars['android'] = ace.vars['safari'] && !!agent.match(/Android/i)
+	ace.vars['ios_safari'] = !!agent.match(/OS ([4-9])(_\d)+ like Mac OS X/i) && !agent.match(/CriOS/i)
+	
+	ace.vars['ie'] = window.navigator.msPointerEnabled || (document.all && document.querySelector);//8-11
+	ace.vars['old_ie'] = document.all && !document.addEventListener;//8 and below
+	ace.vars['very_old_ie']	= document.all && !document.querySelector;//7 and below
+	ace.vars['firefox'] = 'MozAppearance' in document.documentElement.style;
+	
+	ace.vars['non_auto_fixed'] = ace.vars['android'] || ace.vars['ios_safari'];
+})();
+
+
+
+(function($ , undefined) {
+	//sometimes we try to use 'tap' event instead of 'click' if jquery mobile plugin is available
+	ace['click_event'] = ace.vars['touch'] && $.fn.tap ? 'tap' : 'click';
+})(jQuery);
+
+
+
+
+//document ready function
+jQuery(function($) {
+	basics();
+	enableSidebar();
+	
+	enableDemoAjax();
+	handleScrollbars();
+	
+	dropdownAutoPos();
+	
+	navbarHelpers();
+	sidebarTooltips();
+	
+	scrollTopBtn();
+	
+	someBrowserFix();
+	
+	bsCollapseToggle();
+	smallDeviceDropdowns();
+	
+	////////////////////////////
+
+	function basics() {
+		// for android and ios we don't use "top:auto" when breadcrumbs is fixed
+		if(ace.vars['non_auto_fixed']) {
+			$('body').addClass('mob-safari');
+		}
+
+		ace.vars['transition'] = !!$.support.transition.end
+	}
+	
+	function enableSidebar() {
+		//initiate sidebar function
+		var $sidebar = $('.sidebar');
+		if($.fn.ace_sidebar) $sidebar.ace_sidebar();
+		if($.fn.ace_sidebar_scroll) $sidebar.ace_sidebar_scroll({
+			//for other options please see documentation
+			'include_toggle': false || ace.vars['safari'] || ace.vars['ios_safari'] //true = include toggle button in the scrollbars
+		});
+		if($.fn.ace_sidebar_hover)	$sidebar.ace_sidebar_hover({
+			'sub_hover_delay': 750,
+			'sub_scroll_style': 'no-track scroll-thin scroll-margin scroll-visible'
+		});
+	}
+
+	
+	//Load content via ajax
+	function enableDemoAjax() {		
+		if(!$.fn.ace_ajax) return;
+ 
+		if(window.Pace) {
+			window.paceOptions = {
+				ajax: true,
+				document: true,
+				eventLag: false // disabled
+				//elements: {selectors: ['.page-content-area']}
+			}
+		}
+
+		var demo_ajax_options = {
+			 'close_active': true,
+			 
+			 'default_url': 'page/index',//default hash
+			 'content_url': function(hash) {
+				//***NOTE***
+				//this is for Ace demo only, you should change it to return a valid URL
+				//please refer to documentation for more info
+
+				if( !hash.match(/^page\//) ) return false;
+				var path = document.location.pathname;
+
+				//for example in Ace HTML demo version we convert /ajax/index.html#page/gallery to > /ajax/content/gallery.html and load it
+				if(path.match(/(\/ajax\/)(index\.html)?/))
+					return path.replace(/(\/ajax\/)(index\.html)?/, '/ajax/content/'+hash.replace(/^page\//, '')+'.html') ;
+
+				//for example in Ace PHP demo version we convert "ajax.php#page/dashboard" to "ajax.php?page=dashboard" and load it
+				return path + "?" + hash.replace(/\//, "=");
+			  }			  
+		}
+		   
+		//for IE9 and below we exclude PACE loader (using conditional IE comments)
+		//for other browsers we use the following extra ajax loader options
+		if(window.Pace) {
+			demo_ajax_options['loading_overlay'] = 'body';//the opaque overlay is applied to 'body'
+		}
+
+		//initiate ajax loading on this element( which is .page-content-area[data-ajax-content=true] in Ace's demo)
+		$('[data-ajax-content=true]').ace_ajax(demo_ajax_options)
+
+		//if general error happens and ajax is working, let's stop loading icon & PACE
+		$(window).on('error.ace_ajax', function() {
+			$('[data-ajax-content=true]').each(function() {
+				var $this = $(this);
+				if( $this.ace_ajax('working') ) {
+					if(window.Pace && Pace.running) Pace.stop();
+					$this.ace_ajax('stopLoading', true);
+				}
+			})
+		})
+	}
+
+	/////////////////////////////
+
+	function handleScrollbars() {
+		//add scrollbars for navbar dropdowns
+		var has_scroll = !!$.fn.ace_scroll;
+		if(has_scroll) $('.dropdown-content').ace_scroll({reset: false, mouseWheelLock: true})
+
+		//reset scrolls bars on window resize
+		if(has_scroll && !ace.vars['old_ie']) {//IE has an issue with widget fullscreen on ajax?!!!
+			$(window).on('resize.reset_scroll', function() {
+				$('.ace-scroll:not(.scroll-disabled)').not(':hidden').ace_scroll('reset');
+			});
+			if(has_scroll) $(document).on('settings.ace.reset_scroll', function(e, name) {
+				if(name == 'sidebar_collapsed') $('.ace-scroll:not(.scroll-disabled)').not(':hidden').ace_scroll('reset');
+			});
+		}
+	}
+
+
+	function dropdownAutoPos() {
+		//change a dropdown to "dropup" depending on its position
+		$(document).on('click.dropdown.pos', '.dropdown-toggle[data-position="auto"]', function() {
+			var offset = $(this).offset();
+			var parent = $(this.parentNode);
+
+			if ( parseInt(offset.top + $(this).height()) + 50 
+					>
+				(ace.helper.scrollTop() + ace.helper.winHeight() - parent.find('.dropdown-menu').eq(0).height()) 
+				) parent.addClass('dropup');
+			else parent.removeClass('dropup');
+		});
+	}
+
+	
+	function navbarHelpers() {
+		//prevent dropdowns from hiding when a from is clicked
+		/**$(document).on('click', '.dropdown-navbar form', function(e){
+			e.stopPropagation();
+		});*/
+
+
+		//disable navbar icon animation upon click
+		$('.ace-nav [class*="icon-animated-"]').closest('a').one('click', function(){
+			var icon = $(this).find('[class*="icon-animated-"]').eq(0);
+			var $match = icon.attr('class').match(/icon\-animated\-([\d\w]+)/);
+			icon.removeClass($match[0]);
+		});
+
+
+		//prevent dropdowns from hiding when a tab is selected
+		$(document).on('click', '.dropdown-navbar .nav-tabs', function(e){
+			e.stopPropagation();
+			var $this , href
+			var that = e.target
+			if( ($this = $(e.target).closest('[data-toggle=tab]')) && $this.length > 0) {
+				$this.tab('show');
+				e.preventDefault();
+				$(window).triggerHandler('resize.navbar.dropdown')
+			}
+		});
+	}
+
+	
+	function sidebarTooltips() {
+		//tooltip in sidebar items
+		$('.sidebar .nav-list .badge[title],.sidebar .nav-list .badge[title]').each(function() {
+			var tooltip_class = $(this).attr('class').match(/tooltip\-(?:\w+)/);
+			tooltip_class = tooltip_class ? tooltip_class[0] : 'tooltip-error';
+			$(this).tooltip({
+				'placement': function (context, source) {
+					var offset = $(source).offset();
+
+					if( parseInt(offset.left) < parseInt(document.body.scrollWidth / 2) ) return 'right';
+					return 'left';
+				},
+				container: 'body',
+				template: '<div class="tooltip '+tooltip_class+'"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
+			});
+		});
+		
+		//or something like this if items are dynamically inserted
+		/**
+		$('.sidebar').tooltip({
+			'placement': function (context, source) {
+				var offset = $(source).offset();
+
+				if( parseInt(offset.left) < parseInt(document.body.scrollWidth / 2) ) return 'right';
+				return 'left';
+			},
+			selector: '.nav-list .badge[title],.nav-list .label[title]',
+			container: 'body',
+			template: '<div class="tooltip tooltip-error"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
+		});
+		*/
+	}
+	
+	
+
+	function scrollTopBtn() {
+		//the scroll to top button
+		var scroll_btn = $('.btn-scroll-up');
+		if(scroll_btn.length > 0) {
+			var is_visible = false;
+			$(window).on('scroll.scroll_btn', function() {
+				var scroll = ace.helper.scrollTop();
+				var h = ace.helper.winHeight();
+				var body_sH = document.body.scrollHeight;
+				if(scroll > parseInt(h / 4) || (scroll > 0 && body_sH >= h && h + scroll >= body_sH - 1)) {//|| for smaller pages, when reached end of page
+					if(!is_visible) {
+						scroll_btn.addClass('display');
+						is_visible = true;
+					}
+				} else {
+					if(is_visible) {
+						scroll_btn.removeClass('display');
+						is_visible = false;
+					}
+				}
+			}).triggerHandler('scroll.scroll_btn');
+
+			scroll_btn.on(ace.click_event, function(){
+				var duration = Math.min(500, Math.max(100, parseInt(ace.helper.scrollTop() / 3)));
+				$('html,body').animate({scrollTop: 0}, duration);
+				return false;
+			});
+		}
+	}
+
+
+	
+	function someBrowserFix() {
+		//chrome and webkit have a problem here when resizing from 479px to more
+		//we should force them redraw the navbar!
+		if( ace.vars['webkit'] ) {
+			var ace_nav = $('.ace-nav').get(0);
+			if( ace_nav ) $(window).on('resize.webkit_fix' , function(){
+				ace.helper.redraw(ace_nav);
+			});
+		}
+		
+		
+		//fix an issue with ios safari, when an element is fixed and an input receives focus
+		if(ace.vars['ios_safari']) {
+		  $(document).on('ace.settings.ios_fix', function(e, event_name, event_val) {
+			if(event_name != 'navbar_fixed') return;
+
+			$(document).off('focus.ios_fix blur.ios_fix', 'input,textarea,.wysiwyg-editor');
+			if(event_val == true) {
+			  $(document).on('focus.ios_fix', 'input,textarea,.wysiwyg-editor', function() {
+				$(window).on('scroll.ios_fix', function() {
+					var navbar = $('#navbar').get(0);
+					if(navbar) ace.helper.redraw(navbar);
+				});
+			  }).on('blur.ios_fix', 'input,textarea,.wysiwyg-editor', function() {
+				$(window).off('scroll.ios_fix');
+			  })
+			}
+		  }).triggerHandler('ace.settings.ios_fix', ['navbar_fixed', $('#navbar').css('position') == 'fixed']);
+		}
+	}
+
+	
+	
+	function bsCollapseToggle() {
+		//bootstrap collapse component icon toggle
+		$(document).on('hide.bs.collapse show.bs.collapse', function (ev) {
+			var panel_id = ev.target.getAttribute('id')
+			var panel = $('a[href*="#'+ panel_id+'"]');
+			if(panel.length == 0) panel = $('a[data-target*="#'+ panel_id+'"]');
+			if(panel.length == 0) return;
+
+			panel.find(ace.vars['.icon']).each(function(){
+				var $icon = $(this)
+
+				var $match
+				var $icon_down = null
+				var $icon_up = null
+				if( ($icon_down = $icon.attr('data-icon-show')) ) {
+					$icon_up = $icon.attr('data-icon-hide')
+				}
+				else if( $match = $icon.attr('class').match(/fa\-(.*)\-(up|down)/) ) {
+					$icon_down = 'fa-'+$match[1]+'-down'
+					$icon_up = 'fa-'+$match[1]+'-up'
+				}
+
+				if($icon_down) {
+					if(ev.type == 'show') $icon.removeClass($icon_down).addClass($icon_up)
+						else $icon.removeClass($icon_up).addClass($icon_down)
+						
+					return false;//ignore other icons that match, one is enough
+				}
+
+			});
+		})
+	}
+	
+
+	
+	//in small devices display navbar dropdowns like modal boxes
+	function smallDeviceDropdowns() {
+	  if(ace.vars['old_ie']) return;
+	  
+	  $('.ace-nav > li')
+	  .on('shown.bs.dropdown.navbar', function(e) {
+		adjustNavbarDropdown.call(this);
+	  })
+	  .on('hidden.bs.dropdown.navbar', function(e) {
+		$(window).off('resize.navbar.dropdown');
+		resetNavbarDropdown.call(this);
+	  })
+	 
+	  function adjustNavbarDropdown() {
+		var $sub = $(this).find('> .dropdown-menu');
+
+		if( $sub.css('position') == 'fixed' ) {
+			var win_width = parseInt($(window).width());
+			var offset_w = win_width > 320 ? 60 : (win_width > 240 ? 40 : 30);
+			var avail_width = parseInt(win_width) - offset_w;
+			var avail_height = parseInt($(window).height()) - 30;
+			
+			var width = parseInt(Math.min(avail_width , 320));
+			//we set 'width' here for text wrappings and spacings to take effect before calculating scrollHeight
+			$sub.css('width', width);
+
+			var tabbed = false;
+			var extra_parts = 0;
+			var dropdown_content = $sub.find('.tab-pane.active .dropdown-content.ace-scroll');
+			if(dropdown_content.length == 0) dropdown_content = $sub.find('.dropdown-content.ace-scroll');
+			else tabbed = true;
+
+			var parent_menu = dropdown_content.closest('.dropdown-menu');
+			var scrollHeight = $sub[0].scrollHeight;
+			if(dropdown_content.length == 1) {
+				//sometimes there's no scroll-content, for example in detached scrollbars
+				var content =  dropdown_content.find('.scroll-content')[0];
+				if(content) {
+					scrollHeight = content.scrollHeight;
+				}
+			
+				extra_parts += parent_menu.find('.dropdown-header').outerHeight();
+				extra_parts += parent_menu.find('.dropdown-footer').outerHeight();
+				
+				var tab_content = parent_menu.closest('.tab-content');
+				if( tab_content.length != 0 ) {
+					extra_parts += tab_content.siblings('.nav-tabs').eq(0).height();
+				}
+			}
+			
+
+			
+			var height = parseInt(Math.min(avail_height , 480, scrollHeight + extra_parts));
+			var left = parseInt(Math.abs((avail_width + offset_w - width)/2));
+			var top = parseInt(Math.abs((avail_height + 30 - height)/2));
+
+			
+			var zindex = parseInt($sub.css('z-index')) || 0;
+
+			$sub.css({'height': height, 'left': left, 'right': 'auto', 'top': top - (!tabbed ? 1 : 3)});
+			if(dropdown_content.length == 1) {
+				if(!ace.vars['touch']) {
+					dropdown_content.ace_scroll('update', {size: height - extra_parts}).ace_scroll('enable').ace_scroll('reset');
+				}
+				else {
+					dropdown_content
+					.ace_scroll('disable').css('max-height', height - extra_parts).addClass('overflow-scroll');
+				}
+			}
+			$sub.css('height', height + (!tabbed ? 2 : 7));//for bottom border adjustment and tab content paddings
+			
+			
+			if($sub.hasClass('user-menu')) {
+				$sub.css('height', '');//because of user-info hiding/showing at different widths, which changes above 'scrollHeight', so we remove it!
+				
+				//user menu is re-positioned in small widths
+				//but we need to re-position again in small heights as well (modal mode)
+				var user_info = $(this).find('.user-info');
+				if(user_info.length == 1 && user_info.css('position') == 'fixed') {
+					user_info.css({'left': left, 'right': 'auto', 'top': top, 'width': width - 2, 'max-width': width - 2, 'z-index': zindex + 1});
+				}
+				else user_info.css({'left': '', 'right': '', 'top': '', 'width': '', 'max-width': '', 'z-index': ''});
+			}
+			
+			//dropdown's z-index is limited by parent .navbar's z-index (which doesn't make sense because dropdowns are fixed!)
+			//so for example when in 'content-slider' page, fixed modal toggle buttons go above are dropdowns
+			//so we increase navbar's z-index to fix this!
+			$(this).closest('.navbar.navbar-fixed-top').css('z-index', zindex);
+		}
+		else {
+			if($sub.length != 0) resetNavbarDropdown.call(this, $sub);
+		}
+		
+		var self = this;
+		$(window)
+		.off('resize.navbar.dropdown')
+		.one('resize.navbar.dropdown', function() {
+			$(self).triggerHandler('shown.bs.dropdown.navbar');
+		})
+	  }
+
+	  //reset scrollbars and user menu
+	  function resetNavbarDropdown($sub) {
+		$sub = $sub || $(this).find('> .dropdown-menu');
+	  
+	    if($sub.length > 0) {
+			$sub
+			.css({'width': '', 'height': '', 'left': '', 'right': '', 'top': ''})
+			.find('.dropdown-content').each(function() {
+				if(ace.vars['touch']) {
+					$(this).css('max-height', '').removeClass('overflow-scroll');
+				}
+
+				var size = parseInt($(this).attr('data-size') || 0) || $.fn.ace_scroll.defaults.size;
+				$(this).ace_scroll('update', {size: size}).ace_scroll('enable').ace_scroll('reset');
+			})
+			
+			if( $sub.hasClass('user-menu') ) {
+				var user_info = 
+				$(this).find('.user-info')
+				.css({'left': '', 'right': '', 'top': '', 'width': '', 'max-width': '', 'z-index': ''});
+			}
+		}
+		
+		$(this).closest('.navbar').css('z-index', '');
+	  }
+	}
+
+});//jQuery document ready
+
+
+
+
+
+//some ace helper functions
+(function($$ , undefined) {//$$ is ace.helper
+ $$.unCamelCase = function(str) {
+	return str.replace(/([a-z])([A-Z])/g, function(match, c1, c2){ return c1+'-'+c2.toLowerCase() })
+ }
+ $$.strToVal = function(str) {
+	var res = str.match(/^(?:(true)|(false)|(null)|(\-?[\d]+(?:\.[\d]+)?)|(\[.*\]|\{.*\}))$/i);
+
+	var val = str;
+	if(res) {
+		if(res[1]) val = true;
+		else if(res[2]) val = false;
+		else if(res[3]) val = null;	
+		else if(res[4]) val = parseFloat(str);
+		else if(res[5]) {
+			try { val = JSON.parse(str) }
+			catch (err) {}
+		}
+	}
+
+	return val;
+ }
+ $$.getAttrSettings = function(el, attr_list, prefix) {
+	var list_type = attr_list instanceof Array ? 1 : 2;
+	//attr_list can be Array or Object(key/value)
+	var prefix = prefix ? prefix.replace(/([^\-])$/ , '$1-') : '';
+	prefix = 'data-' + prefix;
+
+	var settings = {}
+	for(var li in attr_list) if(attr_list.hasOwnProperty(li)) {
+		var name = list_type == 1 ? attr_list[li] : li;
+		var attr_val, attr_name = $$.unCamelCase(name.replace(/[^A-Za-z0-9]{1,}/g , '-')).toLowerCase()
+
+		if( ! ((attr_val = el.getAttribute(prefix + attr_name))  ) ) continue;
+		settings[name] = $$.strToVal(attr_val);
+	}
+
+	return settings;
+ }
+
+ $$.scrollTop = function() {
+	return document.scrollTop || document.documentElement.scrollTop || document.body.scrollTop
+ }
+ $$.winHeight = function() {
+	return window.innerHeight || document.documentElement.clientHeight;
+ }
+ $$.redraw = function(elem, force) {
+	var saved_val = elem.style['display'];
+	elem.style.display = 'none';
+	elem.offsetHeight;
+	if(force !== true) {
+		elem.style.display = saved_val;
+	}
+	else {
+		//force redraw for example in old IE
+		setTimeout(function() {
+			elem.style.display = saved_val;
+		}, 10);
+	}
+ }
+})(ace.helper);;/**
+ <b>Load content via Ajax </b>. For more information please refer to documentation #basics/ajax
+*/
+
+(function($ , undefined) {
+	var ajax_loaded_scripts = {}
+
+	function AceAjax(contentArea, settings) {
+		var $contentArea = $(contentArea);
+		var self = this;
+		$contentArea.attr('data-ajax-content', 'true');
+		
+		//get a list of 'data-*' attributes that override 'defaults' and 'settings'
+		var attrib_values = ace.helper.getAttrSettings(contentArea, $.fn.ace_ajax.defaults);
+		this.settings = $.extend({}, $.fn.ace_ajax.defaults, settings, attrib_values);
+
+
+		var working = false;
+		var $overlay = $();//empty set
+
+		this.force_reload = false;//set jQuery ajax's cache option to 'false' to reload content
+		this.loadUrl = function(hash, cache) {
+			var url = false;
+			hash = hash.replace(/^(\#\!)?\#/, '');
+			
+			this.force_reload = (cache === false)
+			
+			if(typeof this.settings.content_url === 'function') url = this.settings.content_url(hash);
+			if(typeof url === 'string') this.getUrl(url, hash, false);
+		}
+		
+		this.loadAddr = function(url, hash, cache) {
+			this.force_reload = (cache === false);
+			this.getUrl(url, hash, false);
+		}
+		
+		this.getUrl = function(url, hash, manual_trigger) {
+			if(working) {
+				return;
+			}
+		
+			var event
+			$contentArea.trigger(event = $.Event('ajaxloadstart'), {url: url, hash: hash})
+			if (event.isDefaultPrevented()) return;
+			
+			self.startLoading();
+
+			$.ajax({
+				'url': url,
+				'cache': !this.force_reload
+			})
+			.error(function() {
+				$contentArea.trigger('ajaxloaderror', {url: url, hash: hash});
+				
+				self.stopLoading(true);
+			})
+			.done(function(result) {
+				$contentArea.trigger('ajaxloaddone', {url: url, hash: hash});
+				
+				var link_element = null, link_text = '';;
+				if(typeof self.settings.update_active === 'function') {
+					link_element = self.settings.update_active.call(null, hash, url);
+				}
+				else if(self.settings.update_active === true && hash) {
+					link_element = $('a[data-url="'+hash+'"]');
+					if(link_element.length > 0) {
+						var nav = link_element.closest('.nav');
+						if(nav.length > 0) {
+							nav.find('.active').each(function(){
+								var $class = 'active';
+								if( $(this).hasClass('hover') || self.settings.close_active ) $class += ' open';
+								
+								$(this).removeClass($class);							
+								if(self.settings.close_active) {
+									$(this).find(' > .submenu').css('display', '');
+								}
+							})
+							
+							var active_li = link_element.closest('li').addClass('active').parents('.nav li').addClass('active open');
+							nav.closest('.sidebar[data-sidebar-scroll=true]').each(function() {
+								var $this = $(this);
+								$this.ace_sidebar_scroll('reset');
+								if(manual_trigger) $this.ace_sidebar_scroll('scroll_to_active');//first time only
+							})
+						}
+					}
+				}
+
+				/////////
+				if(typeof self.settings.update_breadcrumbs === 'function') {
+					link_text = self.settings.update_breadcrumbs.call(null, hash, url, link_element);
+				}
+				else if(self.settings.update_breadcrumbs === true && link_element != null && link_element.length > 0) {
+					link_text = updateBreadcrumbs(link_element);
+				}
+				/////////
+
+				//convert "title" and "link" tags to "div" tags for later processing
+				result = String(result)
+					.replace(/<(title|link)([\s\>])/gi,'<div class="hidden ajax-append-$1"$2')
+					.replace(/<\/(title|link)\>/gi,'</div>')
+			
+				
+				$overlay.addClass('content-loaded').detach();
+				$contentArea.empty().html(result);
+				
+				$(self.settings.loading_overlay || $contentArea).append($overlay);
+	
+				//remove previous stylesheets inserted via ajax
+				setTimeout(function() {
+					$('head').find('link.ace-ajax-stylesheet').remove();
+
+					var main_selectors = ['link.ace-main-stylesheet', 'link#main-ace-style', 'link[href*="/ace.min.css"]', 'link[href*="/ace.css"]']
+					var ace_style = [];
+					for(var m = 0; m < main_selectors.length; m++) {
+						ace_style = $('head').find(main_selectors[m]).first();
+						if(ace_style.length > 0) break;
+					}
+					
+					$contentArea.find('.ajax-append-link').each(function(e) {
+						var $link = $(this);
+						if ( $link.attr('href') ) {
+							var new_link = jQuery('<link />', {type : 'text/css', rel: 'stylesheet', 'class': 'ace-ajax-stylesheet'})
+							if( ace_style.length > 0 ) new_link.insertBefore(ace_style);
+							else new_link.appendTo('head');
+							new_link.attr('href', $link.attr('href'));//we set "href" after insertion, for IE to work
+						}
+						$link.remove();
+					})
+				}, 10);
+
+				//////////////////////
+
+				if(typeof self.settings.update_title === 'function') {
+					self.settings.update_title.call(null, hash, url, link_text);
+				}
+				else if(self.settings.update_title === true) {
+					updateTitle(link_text);
+				}
+				
+
+				if( !manual_trigger ) {
+					$('html,body').animate({scrollTop: 0}, 250);
+				}
+
+				//////////////////////
+				$contentArea.trigger('ajaxloadcomplete', {url: url, hash: hash});
+				//////////////////////
+				
+				self.stopLoading();
+			})
+		}
+		
+		
+		///////////////////////
+		var fixPos = false;
+		var loadTimer = null;
+		this.startLoading = function() {
+			if(working) return;
+			working = true;
+			
+			if(!this.settings.loading_overlay && $contentArea.css('position') == 'static') {
+				$contentArea.css('position', 'relative');//for correct icon positioning
+				fixPos = true;
+			}
+				
+			$overlay.remove();
+			$overlay = $('<div class="ajax-loading-overlay"><i class="ajax-loading-icon '+(this.settings.loading_icon || '')+'"></i> '+this.settings.loading_text+'</div>')
+
+			if(this.settings.loading_overlay == 'body') $('body').append($overlay.addClass('ajax-overlay-body'));
+			else if(this.settings.loading_overlay) $(this.settings.loading_overlay).append($overlay);
+			else $contentArea.append($overlay);
+
+			
+			if(this.settings.max_load_wait !== false) 
+			 loadTimer = setTimeout(function() {
+				loadTimer = null;
+				if(!working) return;
+				
+				var event
+				$contentArea.trigger(event = $.Event('ajaxloadlong'))
+				if (event.isDefaultPrevented()) return;
+				
+				self.stopLoading(true);
+			 }, this.settings.max_load_wait * 1000);
+		}
+		
+		this.stopLoading = function(stopNow) {
+			if(stopNow === true) {
+				working = false;
+				
+				$overlay.remove();
+				if(fixPos) {
+					$contentArea.css('position', '');//restore previous 'position' value
+					fixPos = false;
+				}
+				
+				if(loadTimer != null) {
+					clearTimeout(loadTimer);
+					loadTimer = null;
+				}
+			}
+			else {
+				$overlay.addClass('almost-loaded');
+				
+				$contentArea.one('ajaxscriptsloaded.inner_call', function() {
+					self.stopLoading(true);
+					/**
+					if(window.Pace && Pace.running == true) {
+						Pace.off('done');
+						Pace.once('done', function() { self.stopLoading(true) })
+					}
+					else self.stopLoading(true);
+					*/
+				})
+			}
+		}
+		
+		this.working = function() {
+			return working;
+		}
+		///////////////////////
+		
+		
+		
+		function updateBreadcrumbs(link_element) {
+			var link_text = '';
+		 
+			//update breadcrumbs
+			var breadcrumbs = $('.breadcrumb');
+			if(breadcrumbs.length > 0 && breadcrumbs.is(':visible')) {
+				breadcrumbs.find('> li:not(:first-child)').remove();
+
+				var i = 0;		
+				link_element.parents('.nav li').each(function() {
+					var link = $(this).find('> a');
+					
+					var link_clone = link.clone();
+					link_clone.find('i,.fa,.glyphicon,.ace-icon,.menu-icon,.badge,.label').remove();
+					var text = link_clone.text();
+					link_clone.remove();
+					
+					var href = link.attr('href');
+
+					if(i == 0) {
+						var li = $('<li class="active"></li>').appendTo(breadcrumbs);
+						li.text(text);
+						link_text = text;
+					}
+					else {
+						var li = $('<li><a /></li>').insertAfter(breadcrumbs.find('> li:first-child'));
+						li.find('a').attr('href', href).text(text);
+					}
+					i++;
+				})
+			}
+			
+			return link_text;
+		 }
+		 
+		 function updateTitle(link_text) {
+			var $title = $contentArea.find('.ajax-append-title');
+			if($title.length > 0) {
+				document.title = $title.text();
+				$title.remove();
+			}
+			else if(link_text.length > 0) {
+				var extra = $.trim(String(document.title).replace(/^(.*)[\-]/, ''));//for example like " - Ace Admin"
+				if(extra) extra = ' - ' + extra;
+				link_text = $.trim(link_text) + extra;
+			}
+		 }
+		 
+		 
+		 this.loadScripts = function(scripts, callback) {
+			$.ajaxPrefilter('script', function(opts) {opts.cache = true});
+			setTimeout(function() {
+				//let's keep a list of loaded scripts so that we don't load them more than once!
+				
+				function finishLoading() {
+					if(typeof callback === 'function') callback();
+					$('.btn-group[data-toggle="buttons"] > .btn').button();
+					
+					$contentArea.trigger('ajaxscriptsloaded');
+				}
+				
+				//var deferreds = [];
+				var deferred_count = 0;//deferreds count
+				var resolved = 0;
+				for(var i = 0; i < scripts.length; i++) if(scripts[i]) {
+					(function() {
+						var script_name = "js-"+scripts[i].replace(/[^\w\d\-]/g, '-').replace(/\-\-/g, '-');
+						if( ajax_loaded_scripts[script_name] !== true )	deferred_count++;
+					})()
+				}
+				
+
+				function nextScript(index) {
+					index += 1;
+					if(index < scripts.length) loadScript(index);
+					else {
+						finishLoading();
+					}
+				}
+				
+				function loadScript(index) {
+					index = index || 0;
+					if(!scripts[index]) {//could be null sometimes
+						return nextScript(index);
+					}
+				
+					var script_name = "js-"+scripts[index].replace(/[^\w\d\-]/g, '-').replace(/\-\-/g, '-');
+					//only load scripts that are not loaded yet!
+					if( ajax_loaded_scripts[script_name] !== true ) {
+						$.getScript(scripts[index])
+						.done(function() {
+							ajax_loaded_scripts[script_name] = true;
+						})
+						//.fail(function() {
+						//})
+						.complete(function() {
+							resolved++;
+							if(resolved >= deferred_count && working) {
+								finishLoading();
+							}
+							else {
+								nextScript(index);
+							}
+						})
+					}
+					else {//script previoisly loaded
+						nextScript(index);
+					}
+				}
+				
+				
+				if (deferred_count > 0) {
+					loadScript();
+				}
+				else {
+					finishLoading();
+				}
+
+			}, 10)
+		}
+		
+		
+		
+		/////////////////
+		$(window)
+		.off('hashchange.ace_ajax')
+		.on('hashchange.ace_ajax', function(e, manual_trigger) {
+			var hash = $.trim(window.location.hash);
+			if(!hash || hash.length == 0) return;
+			
+			self.loadUrl(hash);
+		}).trigger('hashchange.ace_ajax', [true]);
+		
+		var hash = $.trim(window.location.hash);
+		if(!hash && this.settings.default_url) window.location.hash = this.settings.default_url;
+
+	}//AceAjax
+
+
+
+	$.fn.aceAjax = $.fn.ace_ajax = function (option, value, value2, value3) {
+		var method_call;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('ace_ajax');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('ace_ajax', (data = new AceAjax(this, options)));
+			if (typeof option === 'string' && typeof data[option] === 'function') {
+				if(value3 != undefined) method_call = data[option](value, value2, value3);
+				else if(value2 != undefined) method_call = data[option](value, value2);
+				else method_call = data[option](value);
+			}
+		});
+
+		return (method_call === undefined) ? $set : method_call;
+	}
+	
+	
+	
+	$.fn.aceAjax.defaults = $.fn.ace_ajax.defaults = {
+		content_url: false,
+		default_url: false,
+		loading_icon: 'fa fa-spin fa-spinner fa-2x orange',
+		loading_text: '',
+		loading_overlay: null,
+		update_breadcrumbs: true,
+		update_title: true,
+		update_active: true,
+		close_active: false,
+		max_load_wait: false
+     }
+
+})(window.jQuery);
+
+;/**
+ <b>Custom drag event for touch devices</b> used in scrollbars.
+ For better touch event handling and extra options a more advanced solution such as <u>Hammer.js</u> is recommended.
+*/
+
+//based on but not dependent on jQuery mobile
+/*
+* jQuery Mobile v1.3.2
+* http://jquerymobile.com
+*
+* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
+* Released under the MIT license.
+* http://jquery.org/license
+*
+*/
+(function($ , undefined) {
+
+	if(!ace.vars['touch']) return;
+
+	var touchStartEvent = "touchstart MSPointerDown pointerdown",// : "mousedown",
+			touchStopEvent  =  "touchend touchcancel MSPointerUp MSPointerCancel pointerup pointercancel",// : "mouseup",
+			touchMoveEvent  =  "touchmove MSPointerMove MSPointerHover pointermove";// : "mousemove";
+
+
+	$.event.special.ace_drag = {
+		setup: function() {
+			var min_threshold = 0;
+		
+			var $this = $(this);
+			$this.on(touchStartEvent, function(event) {		
+				var data = event.originalEvent.touches ?
+					event.originalEvent.touches[ 0 ] :
+					event,
+					start = {
+						//time: Date.now(),
+						coords: [ data.pageX, data.pageY ],
+						origin: $(event.target)
+					},
+					stop;
+					//start.origin.trigger({'type' : 'ace_dragStart', 'start':(start || [-1,-1])});
+					
+					var direction = false, dx = 0, dy = 0;
+
+				function moveHandler(event) {
+					if (!start) {
+						return;
+					}
+					var data = event.originalEvent.touches ?
+							event.originalEvent.touches[ 0 ] :
+							event;
+					stop = {
+						coords: [ data.pageX, data.pageY ]
+					};
+					
+					// prevent scrolling
+					//if ( Math.abs(start.coords[1] - stop.coords[1]) > 0 || Math.abs(start.coords[0] - stop.coords[01]) > 0 ) {
+						//event.preventDefault();
+					//}
+
+
+					if (start && stop) {
+						dx = 0;
+						dy = 0;
+
+						direction = 
+							(
+							 Math.abs(dy = start.coords[ 1 ] - stop.coords[ 1 ]) > min_threshold
+								&& 
+							 Math.abs(dx = start.coords[ 0 ] - stop.coords[ 0 ]) <= Math.abs(dy)
+							)
+							? 
+							(dy > 0 ? 'up' : 'down')
+							:
+							(
+							 Math.abs(dx = start.coords[ 0 ] - stop.coords[ 0 ]) > min_threshold
+								&& 
+							 Math.abs( dy ) <= Math.abs(dx)
+							)
+							?
+							(dx > 0 ? 'left' : 'right')
+							:
+							false;
+							
+
+							if( direction !== false ) {
+							 var retval = {cancel: false}
+							 start.origin.trigger({
+								'type': 'ace_drag',
+								//'start': start.coords,
+								//'stop': stop.coords,
+								'direction': direction,
+								'dx': dx,
+								'dy': dy,
+								'retval': retval
+							 })
+
+		 					  // prevent document scrolling unless retval.cancel == true
+							  if( retval.cancel == false ) event.preventDefault();
+							}
+					}
+					start.coords[0] = stop.coords[0];
+					start.coords[1] = stop.coords[1];
+				}
+
+				$this
+				.on(touchMoveEvent, moveHandler)
+				.one(touchStopEvent, function(event) {
+					$this.off(touchMoveEvent, moveHandler);
+					//start.origin.trigger({'type' : 'ace_dragEnd', 'stop':(stop || [-1,-1])});
+					
+					start = stop = undefined;
+				
+				});
+			});
+		}
+	}
+
+})(window.jQuery);;/**
+ <b>Sidebar functions</b>. Collapsing/expanding, toggling mobile view menu and other sidebar functions.
+*/
+
+(function($ , undefined) {
+	var sidebar_count = 0;
+
+	function Sidebar(sidebar, settings) {
+		var self = this;
+		this.$sidebar = $(sidebar);
+		this.$sidebar.attr('data-sidebar', 'true');
+		if( !this.$sidebar.attr('id') ) this.$sidebar.attr( 'id' , 'id-sidebar-'+(++sidebar_count) )
+
+		
+		//get a list of 'data-*' attributes that override 'defaults' and 'settings'
+		var attrib_values = ace.helper.getAttrSettings(sidebar, $.fn.ace_sidebar.defaults, 'sidebar-');
+		this.settings = $.extend({}, $.fn.ace_sidebar.defaults, settings, attrib_values);
+
+
+		//some vars
+		this.minimized = false;//will be initiated later
+		this.collapsible = false;//...
+		this.horizontal = false;//...
+		this.mobile_view = false;//
+
+
+		this.vars = function() {
+			return {'minimized': this.minimized, 'collapsible': this.collapsible, 'horizontal': this.horizontal, 'mobile_view': this.mobile_view}
+		}
+		this.get = function(name) {
+			if(this.hasOwnProperty(name)) return this[name];
+		}
+		this.set = function(name, value) {
+			if(this.hasOwnProperty(name)) this[name] = value;
+		}
+		
+
+		this.ref = function() {
+			//return a reference to self
+			return this;
+		}
+
+		var toggleIcon = function(minimized) {
+			var icon = $(this).find(ace.vars['.icon']), icon1, icon2;
+			if(icon.length > 0) {
+				icon1 = icon.attr('data-icon1');//the icon for expanded state
+				icon2 = icon.attr('data-icon2');//the icon for collapsed state
+
+				if(minimized !== undefined) {
+					if(minimized) icon.removeClass(icon1).addClass(icon2);
+					else icon.removeClass(icon2).addClass(icon1);
+				}
+				else {
+					icon.toggleClass(icon1).toggleClass(icon2);
+				}
+			}
+		}		
+		
+		var findToggleBtn = function() {
+			var toggle_btn = self.$sidebar.find('.sidebar-collapse');
+			if(toggle_btn.length == 0) toggle_btn = $('.sidebar-collapse[data-target="#'+(self.$sidebar.attr('id')||'')+'"]');
+			if(toggle_btn.length != 0) toggle_btn = toggle_btn[0];
+			else toggle_btn = null;
+			
+			return toggle_btn;
+		}
+		
+		//collapse/expand button
+		this.toggleMenu = function(toggle_btn, save) {
+			if(this.collapsible) return;
+
+			//var minimized = this.$sidebar.hasClass('menu-min');
+			this.minimized = !this.minimized;
+			
+			try {
+				//toggle_btn can also be a param to indicate saving to cookie or not?! if toggle_btn === false, it won't be saved
+				ace.settings.sidebar_collapsed(sidebar, this.minimized, !(toggle_btn === false || save === false));//@ ace-extra.js
+			} catch(e) {
+				if(this.minimized)
+					this.$sidebar.addClass('menu-min');
+				else this.$sidebar.removeClass('menu-min');
+			}
+	
+			if( !toggle_btn ) {
+				toggle_btn = findToggleBtn();
+			}
+			if(toggle_btn) {
+				toggleIcon.call(toggle_btn, this.minimized);
+			}
+
+			//force redraw for ie8
+			if(ace.vars['old_ie']) ace.helper.redraw(sidebar);
+		}
+		this.collapse = function(toggle_btn, save) {
+			if(this.collapsible) return;
+			this.minimized = false;
+			
+			this.toggleMenu(toggle_btn, save);
+		}
+		this.expand = function(toggle_btn, save) {
+			if(this.collapsible) return;
+			this.minimized = true;
+			
+			this.toggleMenu(toggle_btn, save);
+		}
+		
+
+		
+		//collapse/expand in 2nd mobile style
+		this.toggleResponsive = function(toggle_btn) {
+			if(!this.mobile_view || this.mobile_style != 3) return;
+		
+			if( this.$sidebar.hasClass('menu-min') ) {
+				//remove menu-min because it interferes with responsive-max
+				this.$sidebar.removeClass('menu-min');
+				var btn = findToggleBtn();
+				if(btn) toggleIcon.call(btn);
+			}
+
+
+			this.minimized = !this.$sidebar.hasClass('responsive-min');
+			this.$sidebar.toggleClass('responsive-min responsive-max');
+
+
+			if( !toggle_btn ) {
+				toggle_btn = this.$sidebar.find('.sidebar-expand');
+				if(toggle_btn.length == 0) toggle_btn = $('.sidebar-expand[data-target="#'+(this.$sidebar.attr('id')||'')+'"]');
+				if(toggle_btn.length != 0) toggle_btn = toggle_btn[0];
+				else toggle_btn = null;
+			}
+			
+			if(toggle_btn) {
+				var icon = $(toggle_btn).find(ace.vars['.icon']), icon1, icon2;
+				if(icon.length > 0) {
+					icon1 = icon.attr('data-icon1');//the icon for expanded state
+					icon2 = icon.attr('data-icon2');//the icon for collapsed state
+
+					icon.toggleClass(icon1).toggleClass(icon2);
+				}
+			}
+
+			$(document).triggerHandler('settings.ace', ['sidebar_collapsed' , this.minimized]);
+		}
+		
+		//some helper functions
+		this.is_collapsible = function() {
+			var toggle
+			return (this.$sidebar.hasClass('navbar-collapse'))
+			&& ((toggle = $('.navbar-toggle[data-target="#'+(this.$sidebar.attr('id')||'')+'"]').get(0)) != null)
+			&&  toggle.scrollHeight > 0
+			//sidebar is collapsible and collapse button is visible?
+		}
+		this.is_mobile_view = function() {
+			var toggle
+			return ((toggle = $('.menu-toggler[data-target="#'+(this.$sidebar.attr('id')||'')+'"]').get(0)) != null)
+			&&  toggle.scrollHeight > 0
+		}
+
+
+		//toggling submenu
+		this.$sidebar.on(ace.click_event+'.ace.submenu', '.nav-list', function (ev) {
+			var nav_list = this;
+
+			//check to see if we have clicked on an element which is inside a .dropdown-toggle element?!
+			//if so, it means we should toggle a submenu
+			var link_element = $(ev.target).closest('a');
+			if(!link_element || link_element.length == 0) return;//return if not clicked inside a link element
+
+			var minimized  = self.minimized && !self.collapsible;
+			//if .sidebar is .navbar-collapse and in small device mode, then let minimized be uneffective
+	
+			if( !link_element.hasClass('dropdown-toggle') ) {//it doesn't have a submenu return
+				//just one thing before we return
+				//if sidebar is collapsed(minimized) and we click on a first level menu item
+				//and the click is on the icon, not on the menu text then let's cancel event and cancel navigation
+				//Good for touch devices, that when the icon is tapped to see the menu text, navigation is cancelled
+				//navigation is only done when menu text is tapped
+
+				if( ace.click_event == 'tap'
+					&&
+					minimized
+					&&
+					link_element.get(0).parentNode.parentNode == nav_list )//only level-1 links
+				{
+					var text = link_element.find('.menu-text').get(0);
+					if( text != null && ev.target != text && !$.contains(text , ev.target) ) {//not clicking on the text or its children
+						ev.preventDefault();
+						return false;
+					}
+				}
+
+
+				//ios safari only has a bit of a problem not navigating to link address when scrolling down
+				//specify data-link attribute to ignore this
+				if(ace.vars['ios_safari'] && link_element.attr('data-link') !== 'false') {
+					//only ios safari has a bit of a problem not navigating to link address when scrolling down
+					//please see issues section in documentation
+					document.location = link_element.attr('href');
+					ev.preventDefault();
+					return false;
+				}
+
+				return;
+			}
+			
+			ev.preventDefault();
+			
+			
+
+
+			var sub = link_element.siblings('.submenu').get(0);
+			if(!sub) return false;
+			var $sub = $(sub);
+
+			var height_change = 0;//the amount of height change in .nav-list
+
+			var parent_ul = sub.parentNode.parentNode;
+			if
+			(
+				( minimized && parent_ul == nav_list )
+				 || 
+				( ( $sub.parent().hasClass('hover') && $sub.css('position') == 'absolute' ) && !self.collapsible )
+			)
+			{
+				return false;
+			}
+
+			
+			var sub_hidden = (sub.scrollHeight == 0)
+
+			//if not open and visible, let's open it and make it visible
+			if( sub_hidden ) {//being shown now
+			  $(parent_ul).find('> .open > .submenu').each(function() {
+				//close all other open submenus except for the active one
+				if(this != sub && !$(this.parentNode).hasClass('active')) {
+					height_change -= this.scrollHeight;
+					self.hide(this, self.settings.duration, false);
+				}
+			  })
+			}
+
+			if( sub_hidden ) {//being shown now
+				self.show(sub, self.settings.duration);
+				//if a submenu is being shown and another one previously started to hide, then we may need to update/hide scrollbars
+				//but if no previous submenu is being hidden, then no need to check if we need to hide the scrollbars in advance
+				if(height_change != 0) height_change += sub.scrollHeight;//we need new updated 'scrollHeight' here
+			} else {
+				self.hide(sub, self.settings.duration);
+				height_change -= sub.scrollHeight;
+				//== -1 means submenu is being hidden
+			}
+
+			//hide scrollbars if content is going to be small enough that scrollbars is not needed anymore
+			//do this almost before submenu hiding begins
+			//but when minimized submenu's toggle should have no effect
+			if (height_change != 0) {
+				if(self.$sidebar.attr('data-sidebar-scroll') == 'true' && !self.minimized) 
+					self.$sidebar.ace_sidebar_scroll('prehide', height_change)
+			}
+
+			return false;
+		})
+
+		var submenu_working = false;
+		this.show = function(sub, $duration, shouldWait) {
+			//'shouldWait' indicates whether to wait for previous transition (submenu toggle) to be complete or not?
+			shouldWait = (shouldWait !== false);
+			if(shouldWait && submenu_working) return false;
+					
+			var $sub = $(sub);
+			var event;
+			$sub.trigger(event = $.Event('show.ace.submenu'))
+			if (event.isDefaultPrevented()) {
+				return false;
+			}
+			
+			if(shouldWait) submenu_working = true;
+
+
+			$duration = $duration || this.settings.duration;
+			
+			$sub.css({
+				height: 0,
+				overflow: 'hidden',
+				display: 'block'
+			})
+			.removeClass('nav-hide').addClass('nav-show')//only for window < @grid-float-breakpoint and .navbar-collapse.menu-min
+			.parent().addClass('open');
+			
+			sub.scrollTop = 0;//this is for submenu_hover when sidebar is minimized and a submenu is scrollTop'ed using scrollbars ...
+
+			if( $duration > 0 ) {
+			  $sub.css({height: sub.scrollHeight,
+				'transition-property': 'height',
+				'transition-duration': ($duration/1000)+'s'})
+			}
+
+			var complete = function(ev, trigger) {
+				ev && ev.stopPropagation();
+				$sub
+				.css({'transition-property': '', 'transition-duration': '', overflow:'', height: ''})
+				//if(ace.vars['webkit']) ace.helper.redraw(sub);//little Chrome issue, force redraw ;)
+
+				if(trigger !== false) $sub.trigger($.Event('shown.ace.submenu'))
+				
+				if(shouldWait) submenu_working = false;
+			}
+			
+			if( $duration > 0 && !!$.support.transition.end ) {
+			  $sub.one($.support.transition.end, complete);
+			}
+			else complete();
+			
+			//there is sometimes a glitch, so maybe retry
+			if(ace.vars['android']) {
+				setTimeout(function() {
+					complete(null, false);
+					ace.helper.redraw(sub);
+				}, $duration + 20);
+			}
+
+			return true;
+		 }
+		 
+		 
+		 this.hide = function(sub, $duration, shouldWait) {
+			//'shouldWait' indicates whether to wait for previous transition (submenu toggle) to be complete or not?
+			shouldWait = (shouldWait !== false);
+			if(shouldWait && submenu_working) return false;
+		 
+			
+			var $sub = $(sub);
+			var event;
+			$sub.trigger(event = $.Event('hide.ace.submenu'))
+			if (event.isDefaultPrevented()) {
+				return false;
+			}
+			
+			if(shouldWait) submenu_working = true;
+			
+
+			$duration = $duration || this.settings.duration;
+			
+			$sub.css({
+				height: sub.scrollHeight,
+				overflow: 'hidden',
+				display: 'block'
+			})
+			.parent().removeClass('open');
+
+			sub.offsetHeight;
+			//forces the "sub" to re-consider the new 'height' before transition
+
+			if( $duration > 0 ) {
+			  $sub.css({'height': 0,
+				'transition-property': 'height',
+				'transition-duration': ($duration/1000)+'s'});
+			}
+
+
+			var complete = function(ev, trigger) {
+				ev && ev.stopPropagation();
+				$sub
+				.css({display: 'none', overflow:'', height: '', 'transition-property': '', 'transition-duration': ''})
+				.removeClass('nav-show').addClass('nav-hide')//only for window < @grid-float-breakpoint and .navbar-collapse.menu-min
+
+				if(trigger !== false) $sub.trigger($.Event('hidden.ace.submenu'))
+				
+				if(shouldWait) submenu_working = false;
+			}
+
+			if( $duration > 0 && !!$.support.transition.end ) {
+			   $sub.one($.support.transition.end, complete);
+			}
+			else complete();
+
+
+			//there is sometimes a glitch, so maybe retry
+			if(ace.vars['android']) {
+				setTimeout(function() {
+					complete(null, false);
+					ace.helper.redraw(sub);
+				}, $duration + 20);
+			}
+
+			return true;
+		 }
+
+		 this.toggle = function(sub, $duration) {
+			$duration = $duration || self.settings.duration;
+		 
+			if( sub.scrollHeight == 0 ) {//if an element is hidden scrollHeight becomes 0
+				if( this.show(sub, $duration) ) return 1;
+			} else {
+				if( this.hide(sub, $duration) ) return -1;
+			}
+			return 0;
+		 }
+
+
+		//sidebar vars
+		var minimized_menu_class  = 'menu-min';
+		var responsive_min_class  = 'responsive-min';
+		var horizontal_menu_class = 'h-sidebar';
+
+		var sidebar_mobile_style = function() {
+			//differnet mobile menu styles
+			this.mobile_style = 1;//default responsive mode with toggle button inside navbar
+			if(this.$sidebar.hasClass('responsive') && !$('.menu-toggler[data-target="#'+this.$sidebar.attr('id')+'"]').hasClass('navbar-toggle')) this.mobile_style = 2;//toggle button behind sidebar
+			 else if(this.$sidebar.hasClass(responsive_min_class)) this.mobile_style = 3;//minimized menu
+			  else if(this.$sidebar.hasClass('navbar-collapse')) this.mobile_style = 4;//collapsible (bootstrap style)
+		}
+		sidebar_mobile_style.call(self);
+		  
+		function update_vars() {
+			this.mobile_view = this.mobile_style < 4 && this.is_mobile_view();
+			this.collapsible = !this.mobile_view && this.is_collapsible();
+
+			this.minimized = 
+			(!this.collapsible && this.$sidebar.hasClass(minimized_menu_class))
+			 ||
+			(this.mobile_style == 3 && this.mobile_view && this.$sidebar.hasClass(responsive_min_class))
+
+			this.horizontal = !(this.mobile_view || this.collapsible) && this.$sidebar.hasClass(horizontal_menu_class)
+		}
+
+		//update some basic variables
+		$(window).on('resize.sidebar.vars' , function(){
+			update_vars.call(self);
+		}).triggerHandler('resize.sidebar.vars')
+
+	}//end of Sidebar
+	
+
+	//sidebar events
+	
+	//menu-toggler
+	$(document)
+	.on(ace.click_event+'.ace.menu', '.menu-toggler', function(e){
+		var btn = $(this);
+		var sidebar = $(btn.attr('data-target'));
+		if(sidebar.length == 0) return;
+		
+		e.preventDefault();
+				
+		sidebar.toggleClass('display');
+		btn.toggleClass('display');
+		
+		var click_event = ace.click_event+'.ace.autohide';
+		var auto_hide = sidebar.attr('data-auto-hide') === 'true';
+
+		if( btn.hasClass('display') ) {
+			//hide menu if clicked outside of it!
+			if(auto_hide) {
+				$(document).on(click_event, function(ev) {
+					if( sidebar.get(0) == ev.target || $.contains(sidebar.get(0), ev.target) ) {
+						ev.stopPropagation();
+						return;
+					}
+
+					sidebar.removeClass('display');
+					btn.removeClass('display');
+					$(document).off(click_event);
+				})
+			}
+
+			if(sidebar.attr('data-sidebar-scroll') == 'true') sidebar.ace_sidebar_scroll('reset');
+		}
+		else {
+			if(auto_hide) $(document).off(click_event);
+		}
+
+		return false;
+	})
+	//sidebar collapse/expand button
+	.on(ace.click_event+'.ace.menu', '.sidebar-collapse', function(e){
+		
+		var target = $(this).attr('data-target'), $sidebar = null;
+		if(target) $sidebar = $(target);
+		if($sidebar == null || $sidebar.length == 0) $sidebar = $(this).closest('.sidebar');
+		if($sidebar.length == 0) return;
+
+		e.preventDefault();
+		$sidebar.ace_sidebar('toggleMenu', this);
+	})
+	//this button is used in `mobile_style = 3` responsive menu style to expand minimized sidebar
+	.on(ace.click_event+'.ace.menu', '.sidebar-expand', function(e){
+		var target = $(this).attr('data-target'), $sidebar = null;
+		if(target) $sidebar = $(target);
+		if($sidebar == null || $sidebar.length == 0) $sidebar = $(this).closest('.sidebar');
+		if($sidebar.length == 0) return;	
+	
+		var btn = this;
+		e.preventDefault();
+		$sidebar.ace_sidebar('toggleResponsive', this);
+		
+		var click_event = ace.click_event+'.ace.autohide';
+		if($sidebar.attr('data-auto-hide') === 'true') {
+			if( $sidebar.hasClass('responsive-max') ) {
+				$(document).on(click_event, function(ev) {
+					if( $sidebar.get(0) == ev.target || $.contains($sidebar.get(0), ev.target) ) {
+						ev.stopPropagation();
+						return;
+					}
+
+					$sidebar.ace_sidebar('toggleResponsive', btn);
+					$(document).off(click_event);
+				})
+			}
+			else {
+				$(document).off(click_event);
+			}
+		}
+	})
+
+	
+	$.fn.ace_sidebar = function (option, value) {
+		var method_call;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('ace_sidebar');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('ace_sidebar', (data = new Sidebar(this, options)));
+			if (typeof option === 'string' && typeof data[option] === 'function') {
+				if(value instanceof Array) method_call = data[option].apply(data, value);
+				else method_call = data[option](value);
+			}
+		});
+
+		return (method_call === undefined) ? $set : method_call;
+	};
+	
+	
+	$.fn.ace_sidebar.defaults = {
+		'duration': 300
+    }
+
+
+})(window.jQuery);
+;/**
+ <b>Scrollbars for sidebar</b>. This approach can <span class="text-danger">only</span> be used on <u>fixed</u> sidebar.
+ It doesn't use <u>"overflow:hidden"</u> CSS property and therefore can be used with <u>.hover</u> submenus and minimized sidebar.
+ Except when in mobile view and menu toggle button is not in the navbar.
+*/
+
+(function($ , undefined) {
+	//if( !$.fn.ace_scroll ) return;
+
+	var old_safari = ace.vars['safari'] && navigator.userAgent.match(/version\/[1-5]/i)
+	//NOTE
+	//Safari on windows has not been updated for a long time.
+	//And it has a problem when sidebar is fixed & scrollable and there is a CSS3 animation inside page content.
+	//Very probably windows users of safari have migrated to another browser by now!
+
+	var is_element_pos =
+	'getComputedStyle' in window ?
+	//el.offsetHeight is used to force redraw and recalculate 'el.style.position' esp. for webkit!
+	function(el, pos) { el.offsetHeight; return window.getComputedStyle(el).position == pos }
+	:
+	function(el, pos) { el.offsetHeight; return $(el).css('position') == pos }
+	
+		
+	function Sidebar_Scroll(sidebar , settings) {
+		var self = this;
+
+		var $window = $(window);
+		var $sidebar = $(sidebar),
+			$nav = $sidebar.find('.nav-list'),
+			$toggle = $sidebar.find('.sidebar-toggle').eq(0),
+			$shortcuts = $sidebar.find('.sidebar-shortcuts').eq(0);
+			
+		var nav = $nav.get(0);
+		if(!nav) return;
+		
+		
+		var attrib_values = ace.helper.getAttrSettings(sidebar, $.fn.ace_sidebar_scroll.defaults);
+		this.settings = $.extend({}, $.fn.ace_sidebar_scroll.defaults, settings, attrib_values);
+		var scroll_to_active = self.settings.scroll_to_active;
+	
+	
+		var ace_sidebar = $sidebar.ace_sidebar('ref');
+		$sidebar.attr('data-sidebar-scroll', 'true');
+			
+		
+		var scroll_div = null,
+			scroll_content = null,
+			scroll_content_div = null,
+			bar = null,
+			track = null,
+			ace_scroll = null;
+
+
+		this.is_scrolling = false;
+		var _initiated = false;
+		this.sidebar_fixed = is_element_pos(sidebar, 'fixed');
+		
+		var $avail_height, $content_height;
+
+		
+		var available_height = function() {
+			//available window space
+			var offset = $nav.parent().offset();//because `$nav.offset()` considers the "scrolled top" amount as well
+			if(self.sidebar_fixed) offset.top -= ace.helper.scrollTop();
+
+			return $window.innerHeight() - offset.top - ( self.settings.include_toggle ? 0 : $toggle.outerHeight() );
+		}
+		var content_height = function() {
+			return nav.clientHeight;//we don't use nav.scrollHeight here, because hover submenus are considered in calculating scrollHeight despite position=absolute!
+		}
+
+		
+		
+		var initiate = function(on_page_load) {
+			if( _initiated ) return;
+			if( !self.sidebar_fixed ) return;//eligible??
+			//return if we want scrollbars only on "fixed" sidebar and sidebar is not "fixed" yet!
+
+			//initiate once
+			$nav.wrap('<div class="nav-wrap-up pos-rel" />');
+			$nav.after('<div><div></div></div>');
+
+			$nav.wrap('<div class="nav-wrap" />');
+			if(!self.settings.include_toggle) $toggle.css({'z-index': 1});
+			if(!self.settings.include_shortcuts) $shortcuts.css({'z-index': 99});
+
+			scroll_div = $nav.parent().next()
+			.ace_scroll({
+				size: available_height(),
+				//reset: true,
+				mouseWheelLock: true,
+				hoverReset: false,
+				dragEvent: true,
+				styleClass: self.settings.scroll_style,
+				touchDrag: false//disable touch drag event on scrollbars, we'll add a custom one later
+			})
+			.closest('.ace-scroll').addClass('nav-scroll');
+			
+			ace_scroll = scroll_div.data('ace_scroll');
+
+			scroll_content = scroll_div.find('.scroll-content').eq(0);
+			scroll_content_div = scroll_content.find(' > div').eq(0);
+			
+			track = $(ace_scroll.get_track());
+			bar = track.find('.scroll-bar').eq(0);
+
+			if(self.settings.include_shortcuts && $shortcuts.length != 0) {
+				$nav.parent().prepend($shortcuts).wrapInner('<div />');
+				$nav = $nav.parent();
+			}
+			if(self.settings.include_toggle && $toggle.length != 0) {
+				$nav.append($toggle);
+				$nav.closest('.nav-wrap').addClass('nav-wrap-t');//it just helps to remove toggle button's top border and restore li:last-child's bottom border
+			}
+
+			$nav.css({position: 'relative'});
+			if( self.settings.scroll_outside == true ) scroll_div.addClass('scrollout');
+			
+			nav = $nav.get(0);
+			nav.style.top = 0;
+			scroll_content.on('scroll.nav', function() {
+				nav.style.top = (-1 * this.scrollTop) + 'px';
+			});
+			
+			//mousewheel library available?
+			$nav.on(!!$.event.special.mousewheel ? 'mousewheel.ace_scroll' : 'mousewheel.ace_scroll DOMMouseScroll.ace_scroll', function(event){
+				if( !self.is_scrolling || !ace_scroll.is_active() ) {
+					return !self.settings.lock_anyway;
+				}
+				//transfer $nav's mousewheel event to scrollbars
+				return scroll_div.trigger(event);
+			});
+			
+			$nav.on('mouseenter.ace_scroll', function() {
+				track.addClass('scroll-hover');
+			}).on('mouseleave.ace_scroll', function() {
+				track.removeClass('scroll-hover');
+			});
+
+
+			/**
+			$(document.body).on('touchmove.nav', function(event) {
+				if( self.is_scrolling && $.contains(sidebar, event.target) ) {
+					event.preventDefault();
+					return false;
+				}
+			})
+			*/
+
+			//you can also use swipe event in a similar way //swipe.nav
+			var content = scroll_content.get(0);
+			$nav.on('ace_drag.nav', function(event) {
+				if( !self.is_scrolling || !ace_scroll.is_active() ) {
+					event.retval.cancel = true;
+					return;
+				}
+				
+				//if submenu hover is being scrolled let's cancel sidebar scroll!
+				if( $(event.target).closest('.can-scroll').length != 0 ) {
+					event.retval.cancel = true;
+					return;
+				}
+
+				if(event.direction == 'up' || event.direction == 'down') {
+					
+					ace_scroll.move_bar(true);
+					
+					var distance = event.dy;
+					
+					distance = parseInt(Math.min($avail_height, distance))
+					if(Math.abs(distance) > 2) distance = distance * 2;
+					
+					if(distance != 0) {
+						content.scrollTop = content.scrollTop + distance;
+						nav.style.top = (-1 * content.scrollTop) + 'px';
+					}
+				}
+			});
+			
+
+			//for drag only
+			if(self.settings.smooth_scroll) {
+				$nav
+				.on('touchstart.nav MSPointerDown.nav pointerdown.nav', function(event) {
+					$nav.css('transition-property', 'none');
+					bar.css('transition-property', 'none');
+				})
+				.on('touchend.nav touchcancel.nav MSPointerUp.nav MSPointerCancel.nav pointerup.nav pointercancel.nav', function(event) {
+					$nav.css('transition-property', 'top');
+					bar.css('transition-property', 'top');
+				});
+			}
+			
+			
+
+			if(old_safari && !self.settings.include_toggle) {
+				var toggle = $toggle.get(0);
+				if(toggle) scroll_content.on('scroll.safari', function() {
+					ace.helper.redraw(toggle);
+				});
+			}
+
+			_initiated = true;
+
+			//if the active item is not visible, scroll down so that it becomes visible
+			//only the first time, on page load
+			if(on_page_load == true) {
+				self.reset();//try resetting at first
+
+				if( scroll_to_active ) {
+					self.scroll_to_active();
+				}
+				scroll_to_active = false;
+			}
+			
+			
+			
+			if( typeof self.settings.smooth_scroll === 'number' && self.settings.smooth_scroll > 0) {
+				$nav.css({'transition-property': 'top', 'transition-duration': (self.settings.smooth_scroll / 1000).toFixed(2)+'s'})
+				bar.css({'transition-property': 'top', 'transition-duration': (self.settings.smooth_scroll / 1500).toFixed(2)+'s'})
+				
+				scroll_div
+				.on('drag.start', function(e) {
+					e.stopPropagation();
+					$nav.css('transition-property', 'none')
+				})
+				.on('drag.end', function(e) {
+					e.stopPropagation();
+					$nav.css('transition-property', 'top')
+				});
+			}
+			
+			if(ace.vars['android']) {
+				//force hide address bar, because its changes don't trigger window resize and become kinda ugly
+				var val = ace.helper.scrollTop();
+				if(val < 2) {
+					window.scrollTo( val, 0 );
+					setTimeout( function() {
+						self.reset();
+					}, 20 );
+				}
+				
+				var last_height = ace.helper.winHeight() , new_height;
+				$(window).on('scroll.ace_scroll', function() {
+					if(self.is_scrolling && ace_scroll.is_active()) {
+						new_height = ace.helper.winHeight();
+						if(new_height != last_height) {
+							last_height = new_height;
+							self.reset();
+						}
+					}
+				});
+			}
+		}
+		
+		
+		
+		
+		this.scroll_to_active = function() {
+			if( !ace_scroll || !ace_scroll.is_active() ) return;
+			try {
+				//sometimes there's no active item or not 'offsetTop' property
+				var $active;
+				
+				var vars = ace_sidebar['vars']()
+
+				var nav_list = $sidebar.find('.nav-list')
+				if(vars['minimized'] && !vars['collapsible']) {
+					$active = nav_list.find('> .active')
+				}
+				else {
+					$active = $nav.find('> .active.hover')
+					if($active.length == 0)	$active = $nav.find('.active:not(.open)')
+				}
+
+			
+				var top = $active.outerHeight();
+				nav_list = nav_list.get(0);
+				var active = $active.get(0);
+				while(active != nav_list) {
+					top += active.offsetTop;
+					active = active.parentNode;
+				}
+
+				var scroll_amount = top - scroll_div.height();
+				if(scroll_amount > 0) {
+					nav.style.top = -scroll_amount + 'px';
+					scroll_content.scrollTop(scroll_amount);
+				}
+			}catch(e){}
+		}
+		
+		
+		
+		this.reset = function(recalc) {
+			if(recalc === true) {
+				this.sidebar_fixed = is_element_pos(sidebar, 'fixed');
+			}
+			
+			if( !this.sidebar_fixed ) {
+				this.disable();
+				return;//eligible??
+			}
+
+			//return if we want scrollbars only on "fixed" sidebar and sidebar is not "fixed" yet!
+
+			if( !_initiated ) initiate();
+			//initiate scrollbars if not yet
+			
+			var vars = ace_sidebar['vars']();
+			
+
+			//enable if:
+			//menu is not collapsible mode (responsive navbar-collapse mode which has default browser scrollbar)
+			//menu is not horizontal or horizontal but mobile view (which is not navbar-collapse)
+			//and available height is less than nav's height
+			
+
+			var enable_scroll = !vars['collapsible'] && !vars['horizontal']
+								&& ($avail_height = available_height()) < ($content_height = nav.clientHeight);
+								//we don't use nav.scrollHeight here, because hover submenus are considered in calculating scrollHeight despite position=absolute!
+
+								
+			this.is_scrolling = true;
+			if( enable_scroll ) {
+				scroll_content_div.css({height: $content_height, width: 8});
+				scroll_div.prev().css({'max-height' : $avail_height})
+				ace_scroll.update({size: $avail_height})
+				ace_scroll.enable();
+				ace_scroll.reset();
+			}
+			if( !enable_scroll || !ace_scroll.is_active() ) {
+				if(this.is_scrolling) this.disable();
+			}
+			else {
+				$sidebar.addClass('sidebar-scroll');
+			}
+			
+			//return this.is_scrolling;
+		}
+		
+		
+		
+		this.disable = function() {
+			this.is_scrolling = false;
+			if(scroll_div) {
+				scroll_div.css({'height' : '', 'max-height' : ''});
+				scroll_content_div.css({height: '', width: ''});//otherwise it will have height and takes up some space even when invisible
+				scroll_div.prev().css({'max-height' : ''})
+				ace_scroll.disable();
+			}
+
+			if(parseInt(nav.style.top) < 0 && self.settings.smooth_scroll && $.support.transition.end) {
+				$nav.one($.support.transition.end, function() {
+					$sidebar.removeClass('sidebar-scroll');
+					$nav.off('.trans');
+				});
+			} else {
+				$sidebar.removeClass('sidebar-scroll');
+			}
+
+			nav.style.top = 0;
+		}
+		
+		this.prehide = function(height_change) {
+			if(!this.is_scrolling || ace_sidebar.get('minimized')) return;//when minimized submenu's toggle should have no effect
+			
+			if(content_height() + height_change < available_height()) {
+				this.disable();
+			}
+			else if(height_change < 0) {
+				//if content height is decreasing
+				//let's move nav down while a submenu is being hidden
+				var scroll_top = scroll_content.scrollTop() + height_change
+				if(scroll_top < 0) return;
+
+				nav.style.top = (-1 * scroll_top) + 'px';
+			}
+		}
+		
+		
+		this._reset = function(recalc) {
+			if(recalc === true) {
+				this.sidebar_fixed = is_element_pos(sidebar, 'fixed');
+			}
+			
+			if(ace.vars['webkit']) 
+				setTimeout(function() { self.reset() } , 0);
+			else this.reset();
+		}
+		
+		
+		this.set_hover = function() {
+			if(track) track.addClass('scroll-hover');
+		}
+		
+		this.get = function(name) {
+			if(this.hasOwnProperty(name)) return this[name];
+		}
+		this.set = function(name, value) {
+			if(this.hasOwnProperty(name)) this[name] = value;
+		}
+		this.ref = function() {
+			//return a reference to self
+			return this;
+		}
+		
+		this.updateStyle = function(styleClass) {
+			if(ace_scroll == null) return;
+			ace_scroll.update({styleClass: styleClass});
+		}
+
+		
+		//change scrollbar size after a submenu is hidden/shown
+		//but don't change if sidebar is minimized
+		$sidebar.on('hidden.ace.submenu.sidebar_scroll shown.ace.submenu.sidebar_scroll', '.submenu', function(e) {
+			e.stopPropagation();
+
+			if( !ace_sidebar.get('minimized') ) {
+				//webkit has a little bit of a glitch!!!
+				self._reset();
+				if( e.type == 'shown' ) self.set_hover();
+			}
+		});
+
+		
+		initiate(true);//true = on_page_load
+	}
+	
+
+	
+	//reset on document and window changes
+	$(document).on('settings.ace.sidebar_scroll', function(ev, event_name, event_val){
+		$('.sidebar[data-sidebar-scroll=true]').each(function() {
+			var $this = $(this);
+			var sidebar_scroll = $this.ace_sidebar_scroll('ref');
+
+			if( event_name == 'sidebar_collapsed' && is_element_pos(this, 'fixed') ) {
+				if( $this.attr('data-sidebar-hover') == 'true' ) $this.ace_sidebar_hover('reset');
+				sidebar_scroll._reset();
+			}
+			else if( event_name === 'sidebar_fixed' || event_name === 'navbar_fixed' ) {
+				var is_scrolling = sidebar_scroll.get('is_scrolling');
+				var sidebar_fixed = is_element_pos(this, 'fixed')
+				sidebar_scroll.set('sidebar_fixed', sidebar_fixed);
+
+				if(sidebar_fixed && !is_scrolling) {
+					sidebar_scroll._reset();
+				}
+				else if( !sidebar_fixed ) {
+					sidebar_scroll.disable();
+				}
+			}
+		
+		});
+	});
+	
+	$(window).on('resize.ace.sidebar_scroll', function(){
+		$('.sidebar[data-sidebar-scroll=true]').each(function() {
+			var $this = $(this);
+			if( $this.attr('data-sidebar-hover') == 'true' ) $this.ace_sidebar_hover('reset');
+			/////////////
+			var sidebar_scroll = $(this).ace_sidebar_scroll('ref');
+			
+			var sidebar_fixed = is_element_pos(this, 'fixed')
+			sidebar_scroll.set('sidebar_fixed', sidebar_fixed);
+			sidebar_scroll._reset();
+		});
+	})
+	
+
+	
+	
+	 /////////////////////////////////////////////
+	 if(!$.fn.ace_sidebar_scroll) {
+	  $.fn.ace_sidebar_scroll = function (option, value) {
+		var method_call;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('ace_sidebar_scroll');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('ace_sidebar_scroll', (data = new Sidebar_Scroll(this, options)));
+			if (typeof option === 'string' && typeof data[option] === 'function') {
+				method_call = data[option](value);
+			}
+		});
+
+		return (method_call === undefined) ? $set : method_call;
+	 }
+	 
+	 
+	 $.fn.ace_sidebar_scroll.defaults = {
+		'scroll_to_active': true,
+		'include_shortcuts': true,
+		'include_toggle': false,
+		'smooth_scroll': 150,
+		'scroll_outside': false,
+		'scroll_style': '',
+		'lock_anyway': false
+     }
+	 
+	}
+
+})(window.jQuery);;/**
+ <b>Submenu hover adjustment</b>. Automatically move up a submenu to fit into screen when some part of it goes beneath window.
+ Pass a "true" value as an argument and submenu will have native browser scrollbars when necessary.
+*/
+
+(function($ , undefined) {
+
+ if( ace.vars['very_old_ie'] ) return;
+ //ignore IE7 & below
+ 
+ var hasTouch = ace.vars['touch'];
+ var nativeScroll = ace.vars['old_ie'] || hasTouch;
+ 
+
+ var is_element_pos =
+	'getComputedStyle' in window ?
+	//el.offsetHeight is used to force redraw and recalculate 'el.style.position' esp. for webkit!
+	function(el, pos) { el.offsetHeight; return window.getComputedStyle(el).position == pos }
+	:
+	function(el, pos) { el.offsetHeight; return $(el).css('position') == pos }
+
+
+
+ $(window).on('resize.sidebar.ace_hover', function() {
+	$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('update_vars').ace_sidebar_hover('reset');
+ })
+
+ $(document).on('settings.ace.ace_hover', function(e, event_name, event_val) {
+	if(event_name == 'sidebar_collapsed') $('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('reset');
+	else if(event_name == 'navbar_fixed') $('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('update_vars');
+ })
+ 
+ var sidebars = [];
+
+ function Sidebar_Hover(sidebar , settings) {
+	var self = this, that = this;
+	
+	var attrib_values = ace.helper.getAttrSettings(sidebar, $.fn.ace_sidebar_hover.defaults);
+	this.settings = $.extend({}, $.fn.ace_sidebar_hover.defaults, settings, attrib_values);
+	
+
+	var $sidebar = $(sidebar), nav_list = $sidebar.find('.nav-list').get(0);
+	$sidebar.attr('data-sidebar-hover', 'true');
+	
+	sidebars.push($sidebar);
+
+	var sidebar_vars = {};
+	var old_ie = ace.vars['old_ie'];
+
+	
+	
+	var scroll_right = false;
+	//scroll style class
+	
+	if(hasTouch) self.settings.sub_hover_delay = parseInt(Math.max(self.settings.sub_hover_delay, 2500));//for touch device, delay is at least 2.5sec
+
+	var $window = $(window);
+	//navbar used for adding extra offset from top when adjusting submenu
+	var $navbar = $('.navbar').eq(0);
+	var navbar_fixed = $navbar.css('position') == 'fixed';
+	this.update_vars = function() {
+		navbar_fixed = $navbar.css('position') == 'fixed';
+	}
+
+	self.dirty = false;
+	//on window resize or sidebar expand/collapse a previously "pulled up" submenu should be reset back to its default position
+	//for example if "pulled up" in "responsive-min" mode, in "fullmode" should not remain "pulled up"
+	this.reset = function() {
+		if( self.dirty == false ) return;
+		self.dirty = false;//so don't reset is not called multiple times in a row!
+	
+		$sidebar.find('.submenu').each(function() {
+			var $sub = $(this), li = $sub.parent();
+			$sub.css({'top': '', 'bottom': '', 'max-height': ''});
+			
+			if($sub.hasClass('ace-scroll')) {
+				$sub.ace_scroll('disable');
+			}
+			else {
+				$sub.removeClass('sub-scroll');
+			}
+			 
+			if( is_element_pos(this, 'absolute') ) $sub.addClass('can-scroll');
+			else $sub.removeClass('can-scroll');
+
+			li.removeClass('pull_up').find('.menu-text:first').css('margin-top', '');
+		})
+
+		$sidebar.find('.hover-show').removeClass('hover-show hover-shown hover-flip');
+	}
+	
+	this.updateStyle = function(newStyle) {
+		sub_scroll_style = newStyle;
+		$sidebar.find('.submenu.ace-scroll').ace_scroll('update', {styleClass: newStyle});
+	}
+	this.changeDir = function(dir) {
+		scroll_right = (dir === 'right');
+	}
+	
+	
+	//update submenu scrollbars on submenu hide & show
+
+	var lastScrollHeight = -1;
+	//hide scrollbars if it's going to be not needed anymore!
+	if(!nativeScroll)
+	$sidebar.on('hide.ace.submenu.sidebar_hover', '.submenu', function(e) {
+		if(lastScrollHeight < 1) return;
+
+		e.stopPropagation();
+		var $sub = $(this).closest('.ace-scroll.can-scroll');
+		if($sub.length == 0 || !is_element_pos($sub[0], 'absolute')) return;
+
+		if($sub[0].scrollHeight - this.scrollHeight < lastScrollHeight) {
+			$sub.ace_scroll('disable');
+		}
+	});
+
+	
+	
+	
+	//reset scrollbars 
+	if(!nativeScroll)
+	$sidebar.on('shown.ace.submenu.sidebar_hover hidden.ace.submenu.sidebar_hover', '.submenu', function(e) {
+		if(lastScrollHeight < 1) return;
+	
+		var $sub = $(this).closest('.ace-scroll.can-scroll');
+		if($sub.length == 0 || !is_element_pos($sub[0], 'absolute') ) return;
+		
+		var sub_h = $sub[0].scrollHeight;
+		
+		if(lastScrollHeight > 14 && sub_h - lastScrollHeight > 4) {
+			$sub.ace_scroll('enable').ace_scroll('reset');//don't update track position
+		}
+		else {
+			$sub.ace_scroll('disable');
+		}
+	});
+
+
+	///////////////////////
+
+
+	var currentScroll = -1;
+
+	//some mobile browsers don't have mouseenter
+	var event_1 = !hasTouch ? 'mouseenter.sub_hover' : 'touchstart.sub_hover';// pointerdown.sub_hover';
+	var event_2 = !hasTouch ? 'mouseleave.sub_hover' : 'touchend.sub_hover touchcancel.sub_hover';// pointerup.sub_hover pointercancel.sub_hover';
+	
+	$sidebar.on(event_1, '.nav-list li, .sidebar-shortcuts', function (e) {
+		sidebar_vars = $sidebar.ace_sidebar('vars');
+		
+	
+		//ignore if collapsible mode (mobile view .navbar-collapse) so it doesn't trigger submenu movements
+		//or return if horizontal but not mobile_view (style 1&3)
+		if( sidebar_vars['collapsible'] /**|| sidebar_vars['horizontal']*/ ) return;
+		
+		var $this = $(this);
+
+		var shortcuts = false;
+		var has_hover = $this.hasClass('hover');
+		
+		var sub = $this.find('> .submenu').get(0);
+		if( !(sub || ((this.parentNode == nav_list || has_hover || (shortcuts = $this.hasClass('sidebar-shortcuts'))) /**&& sidebar_vars['minimized']*/)) ) {
+			if(sub) $(sub).removeClass('can-scroll');
+			return;//include .compact and .hover state as well?
+		}
+		
+		var target_element = sub, is_abs = false;
+		if( !target_element && this.parentNode == nav_list ) target_element = $this.find('> a > .menu-text').get(0);
+		if( !target_element && shortcuts ) target_element = $this.find('.sidebar-shortcuts-large').get(0);
+		if( (!target_element || !(is_abs = is_element_pos(target_element, 'absolute'))) && !has_hover ) {
+			if(sub) $(sub).removeClass('can-scroll');
+			return;
+		}
+		
+		
+		var sub_hide = getSubHide(this);
+		//var show_sub = false;
+
+		if(sub) {
+		 if(is_abs) {
+			self.dirty = true;
+			
+			var newScroll = ace.helper.scrollTop();
+			//if submenu is becoming visible for first time or document has been scrolled, then adjust menu
+			if( !sub_hide.is_visible() || (!hasTouch && newScroll != currentScroll) || old_ie ) {
+				//try to move/adjust submenu if the parent is a li.hover or if submenu is minimized
+				//if( is_element_pos(sub, 'absolute') ) {//for example in small device .hover > .submenu may not be absolute anymore!
+					$(sub).addClass('can-scroll');
+					//show_sub = true;
+					if(!old_ie && !hasTouch) adjust_submenu.call(this, sub);
+					else {
+						//because ie8 needs some time for submenu to be displayed and real value of sub.scrollHeight be kicked in
+						var that = this;
+						setTimeout(function() {	adjust_submenu.call(that, sub) }, 0)
+					}
+				//}
+				//else $(sub).removeClass('can-scroll');
+			}
+			currentScroll = newScroll;
+		 }
+		 else {
+			$(sub).removeClass('can-scroll');
+		 }
+		}
+		//if(show_sub) 
+		sub_hide.show();
+		
+	 }).on(event_2, '.nav-list li, .sidebar-shortcuts', function (e) {
+		sidebar_vars = $sidebar.ace_sidebar('vars');
+		
+		if( sidebar_vars['collapsible'] /**|| sidebar_vars['horizontal']*/ ) return;
+
+		if( !$(this).hasClass('hover-show') ) return;
+
+		getSubHide(this).hideDelay();
+	 });
+	 
+	
+	function subHide(li_sub) {
+		var self = li_sub, $self = $(self);
+		var timer = null;
+		var visible = false;
+		
+		this.show = function() {
+			if(timer != null) clearTimeout(timer);
+			timer = null;		
+
+			$self.addClass('hover-show hover-shown');
+			visible = true;
+
+			//let's hide .hover-show elements that are not .hover-shown anymore (i.e. marked for hiding in hideDelay)
+			for(var i = 0; i < sidebars.length ; i++)
+			{
+			  sidebars[i].find('.hover-show').not('.hover-shown').each(function() {
+				getSubHide(this).hide();
+			  })
+			}
+		}
+		
+		this.hide = function() {
+			visible = false;
+			
+			$self.removeClass('hover-show hover-shown hover-flip');
+			
+			if(timer != null) clearTimeout(timer);
+			timer = null;
+			
+			var sub = $self.find('> .submenu').get(0);
+			if(sub) getSubScroll(sub, 'hide');
+		}
+		
+		this.hideDelay = function(callback) {
+			if(timer != null) clearTimeout(timer);
+			
+			$self.removeClass('hover-shown');//somehow marked for hiding
+			
+			timer = setTimeout(function() {
+				visible = false;
+				$self.removeClass('hover-show hover-flip');
+				timer = null;
+				
+				var sub = $self.find('> .submenu').get(0);
+				if(sub) getSubScroll(sub, 'hide');
+				
+				if(typeof callback === 'function') callback.call(this);
+			}, that.settings.sub_hover_delay);
+		}
+		
+		this.is_visible = function() {
+			return visible;
+		}
+	}
+	function getSubHide(el) {
+		var sub_hide = $(el).data('subHide');
+		if(!sub_hide) $(el).data('subHide', (sub_hide = new subHide(el)));
+		return sub_hide;
+	}
+	
+	
+	function getSubScroll(el, func) {
+		var sub_scroll = $(el).data('ace_scroll');
+		if(!sub_scroll) return false;
+		if(typeof func === 'string') {
+			sub_scroll[func]();
+			return true;
+		}
+		return sub_scroll;
+	}	
+	
+	function adjust_submenu(sub) {
+		var $li = $(this);
+		var $sub = $(sub);
+		sub.style.top = '';
+		sub.style.bottom = '';
+
+
+		var menu_text = null
+		if( sidebar_vars['minimized'] && (menu_text = $li.find('.menu-text').get(0)) ) {
+			//2nd level items don't have .menu-text
+			menu_text.style.marginTop = '';
+		}
+
+		var scroll = ace.helper.scrollTop();
+		var navbar_height = 0;
+
+		var $scroll = scroll;
+		
+		if( navbar_fixed ) {
+			navbar_height = sidebar.offsetTop;//$navbar.height();
+			$scroll += navbar_height + 1;
+			//let's avoid our submenu from going below navbar
+			//because of chrome z-index stacking issue and firefox's normal .submenu over fixed .navbar flicker issue
+		}
+
+
+
+
+		var off = $li.offset();
+		off.top = parseInt(off.top);
+		
+		var extra = 0, parent_height;
+		
+		sub.style.maxHeight = '';//otherwise scrollHeight won't be consistent in consecutive calls!?
+		var sub_h = sub.scrollHeight;
+		var parent_height = $li.height();
+		if(menu_text) {
+			extra = parent_height;
+			off.top += extra;
+		}
+		var sub_bottom = parseInt(off.top + sub_h)
+
+		var move_up = 0;
+		var winh = $window.height();
+
+
+		//if the bottom of menu is going to go below visible window
+
+		var top_space = parseInt(off.top - $scroll - extra);//available space on top
+		var win_space = winh;//available window space
+		
+		var horizontal = sidebar_vars['horizontal'], horizontal_sub = false;
+		if(horizontal && this.parentNode == nav_list) {
+			move_up = 0;//don't move up first level submenu in horizontal mode
+			off.top += $li.height();
+			horizontal_sub = true;//first level submenu
+		}
+
+		if(!horizontal_sub && (move_up = (sub_bottom - (winh + scroll))) >= 0 ) {
+			//don't move up more than available space
+			move_up = move_up < top_space ? move_up : top_space;
+
+			//move it up a bit more if there's empty space
+			if(move_up == 0) move_up = 20;
+			if(top_space - move_up > 10) {
+				move_up += parseInt(Math.min(25, top_space - move_up));
+			}
+
+
+			//move it down if submenu's bottom is going above parent LI
+			if(off.top + (parent_height - extra) > (sub_bottom - move_up)) {
+				move_up -= (off.top + (parent_height - extra) - (sub_bottom - move_up));
+			}
+
+			if(move_up > 0) {
+				sub.style.top = -(move_up) + 'px';
+				if( menu_text ) {
+					menu_text.style.marginTop = -(move_up) + 'px';
+				}
+			}
+		}
+		if(move_up < 0) move_up = 0;//when it goes below
+		
+		var pull_up = move_up > 0 && move_up > parent_height - 20;
+		if(pull_up) {
+			$li.addClass('pull_up');
+		}
+		else $li.removeClass('pull_up');
+		
+		
+		//flip submenu if out of window width
+		if(horizontal) {
+			if($li.parent().parent().hasClass('hover-flip')) $li.addClass('hover-flip');//if a parent is already flipped, flip it then!
+			else {
+				var sub_off = $sub.offset();
+				var sub_w = $sub.width();
+				var win_w = $window.width();
+				if(sub_off.left + sub_w > win_w) {
+					$li.addClass('hover-flip');
+				}
+			}
+		}
+
+
+		//don't add scrollbars if it contains .hover menus
+		var has_hover = $li.hasClass('hover') && !sidebar_vars['mobile_view'];
+		if(has_hover && $sub.find('> li > .submenu').length > 0) return;
+
+	
+		//if(  ) {
+			var scroll_height = (win_space - (off.top - scroll)) + (move_up);
+			//if after scroll, the submenu is above parent LI, then move it down
+			var tmp = move_up - scroll_height;
+			if(tmp > 0 && tmp < parent_height) scroll_height += parseInt(Math.max(parent_height, parent_height - tmp));
+
+			scroll_height -= 5;
+			
+			if(scroll_height < 90) {
+				return;
+			}
+			
+			var ace_scroll = false;
+			if(!nativeScroll) {
+				ace_scroll = getSubScroll(sub);
+				if(ace_scroll == false) {
+					$sub.ace_scroll({
+						//hideOnIdle: true,
+						observeContent: true,
+						detached: true,
+						updatePos: false,
+						reset: true,
+						mouseWheelLock: true,
+						styleClass: self.settings.sub_scroll_style
+					});
+					ace_scroll = getSubScroll(sub);
+					
+					var track = ace_scroll.get_track();
+					if(track) {
+						//detach it from body and insert it after submenu for better and cosistent positioning
+						$sub.after(track);
+					}
+				}
+				
+				ace_scroll.update({size: scroll_height});
+			}
+			else {
+				$sub
+				.addClass('sub-scroll')
+				.css('max-height', (scroll_height)+'px')
+			}
+
+
+			lastScrollHeight = scroll_height;
+			if(!nativeScroll && ace_scroll) {
+				if(scroll_height > 14 && sub_h - scroll_height > 4) {
+					ace_scroll.enable()
+					ace_scroll.reset();
+				}			
+				else {
+					ace_scroll.disable();
+				}
+
+				//////////////////////////////////
+				var track = ace_scroll.get_track();
+				if(track) {
+					track.style.top = -(move_up - extra - 1) + 'px';
+					
+					var off = $sub.position();
+					var left = off.left 
+					if( !scroll_right ) {
+						left += ($sub.outerWidth() - ace_scroll.track_size());
+					}
+					else {
+						left += 2;
+					}
+					track.style.left = parseInt(left) + 'px';
+					
+					if(horizontal_sub) {//first level submenu
+						track.style.left = parseInt(left - 2) + 'px';
+						track.style.top = parseInt(off.top) + (menu_text ? extra - 2 : 0) + 'px';
+					}
+				}
+			}
+		//}
+
+
+		//again force redraw for safari!
+		if( ace.vars['safari'] ) {
+			ace.helper.redraw(sub)
+		}
+   }
+
+}
+ 
+ 
+ 
+ /////////////////////////////////////////////
+ $.fn.ace_sidebar_hover = function (option, value) {
+	var method_call;
+
+	var $set = this.each(function () {
+		var $this = $(this);
+		var data = $this.data('ace_sidebar_hover');
+		var options = typeof option === 'object' && option;
+
+		if (!data) $this.data('ace_sidebar_hover', (data = new Sidebar_Hover(this, options)));
+		if (typeof option === 'string' && typeof data[option] === 'function') {
+			method_call = data[option](value);
+		}
+	});
+
+	return (method_call === undefined) ? $set : method_call;
+ }
+ 
+  $.fn.ace_sidebar_hover.defaults = {
+	'sub_sub_hover_delay': 750,
+	'sub_scroll_style': 'no-track scroll-thin'
+ }
+ 
+
+})(window.jQuery);
+
+;/**
+ <b>Widget boxes</b>
+*/
+(function($ , undefined) {
+
+	var Widget_Box = function(box, options) {
+		this.$box = $(box);
+		var that = this;
+		//this.options = $.extend({}, $.fn.widget_box.defaults, options);
+
+		this.reload = function() {
+			var $box = this.$box;
+			var $remove_position = false;
+			if($box.css('position') == 'static') {
+				$remove_position = true;
+				$box.addClass('position-relative');
+			}
+			$box.append('<div class="widget-box-overlay"><i class="'+ ace.vars['icon'] + 'loading-icon fa fa-spinner fa-spin fa-2x white"></i></div>');
+
+			$box.one('reloaded.ace.widget', function() {
+				$box.find('.widget-box-overlay').remove();
+				if($remove_position) $box.removeClass('position-relative');
+			});
+		}
+
+		this.close = function() {
+			var $box = this.$box;
+			var closeSpeed = 300;
+			$box.fadeOut(closeSpeed , function(){
+					$box.trigger('closed.ace.widget');
+					$box.remove();
+				}
+			)
+		}
+		
+		this.toggle = function(type, button) {
+			var $box = this.$box;
+			var $body = $box.find('.widget-body').eq(0);
+			var $icon = null;
+			
+			var event_name = typeof type !== 'undefined' ? type : ($box.hasClass('collapsed') ? 'show' : 'hide');
+			var event_complete_name = event_name == 'show' ? 'shown' : 'hidden';
+
+			if(typeof button === 'undefined') {
+				button = $box.find('> .widget-header a[data-action=collapse]').eq(0);
+				if(button.length == 0) button = null;
+			}
+
+			if(button) {
+				$icon = button.find(ace.vars['.icon']).eq(0);
+
+				var $match
+				var $icon_down = null
+				var $icon_up = null
+				if( ($icon_down = $icon.attr('data-icon-show')) ) {
+					$icon_up = $icon.attr('data-icon-hide')
+				}
+				else if( $match = $icon.attr('class').match(/fa\-(.*)\-(up|down)/) ) {
+					$icon_down = 'fa-'+$match[1]+'-down'
+					$icon_up = 'fa-'+$match[1]+'-up'
+				}
+			}
+
+			var expandSpeed   = 250;
+			var collapseSpeed = 200;
+
+			if( event_name == 'show' ) {
+				if($icon) $icon.removeClass($icon_down).addClass($icon_up);
+
+				$body.hide();
+				$box.removeClass('collapsed');
+				$body.slideDown(expandSpeed, function(){
+					$box.trigger(event_complete_name+'.ace.widget')
+				})
+			}
+			else {
+				if($icon) $icon.removeClass($icon_up).addClass($icon_down);
+				$body.slideUp(collapseSpeed, function(){
+						$box.addClass('collapsed')
+						$box.trigger(event_complete_name+'.ace.widget')
+					}
+				);
+			}
+		}
+		
+		this.hide = function() {
+			this.toggle('hide');
+		}
+		this.show = function() {
+			this.toggle('show');
+		}
+		
+		
+		this.fullscreen = function() {
+			var $icon = this.$box.find('> .widget-header a[data-action=fullscreen]').find(ace.vars['.icon']).eq(0);
+			var $icon_expand = null
+			var $icon_compress = null
+			if( ($icon_expand = $icon.attr('data-icon1')) ) {
+				$icon_compress = $icon.attr('data-icon2')
+			}
+			else {
+				$icon_expand = 'fa-expand';
+				$icon_compress = 'fa-compress';
+			}
+			
+			
+			if(!this.$box.hasClass('fullscreen')) {
+				$icon.removeClass($icon_expand).addClass($icon_compress);
+				this.$box.addClass('fullscreen');
+				
+				applyScrollbars(this.$box, true);
+			}
+			else {
+				$icon.addClass($icon_expand).removeClass($icon_compress);
+				this.$box.removeClass('fullscreen');
+				
+				applyScrollbars(this.$box, false);
+			}
+			
+			this.$box.trigger('fullscreened.ace.widget')
+		}
+
+	}
+	
+	$.fn.widget_box = function (option, value) {
+		var method_call;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('widget_box');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('widget_box', (data = new Widget_Box(this, options)));
+			if (typeof option === 'string') method_call = data[option](value);
+		});
+
+		return (method_call === undefined) ? $set : method_call;
+	};
+
+
+	$(document).on('click.ace.widget', '.widget-header a[data-action]', function (ev) {
+		ev.preventDefault();
+
+		var $this = $(this);
+		var $box = $this.closest('.widget-box');
+		if( $box.length == 0 || $box.hasClass('ui-sortable-helper') ) return;
+
+		var $widget_box = $box.data('widget_box');
+		if (!$widget_box) {
+			$box.data('widget_box', ($widget_box = new Widget_Box($box.get(0))));
+		}
+
+		var $action = $this.data('action');
+		if($action == 'collapse') {
+			var event_name = $box.hasClass('collapsed') ? 'show' : 'hide';
+
+			var event
+			$box.trigger(event = $.Event(event_name+'.ace.widget'))
+			if (event.isDefaultPrevented()) return
+
+			$widget_box.toggle(event_name, $this);
+		}
+		else if($action == 'close') {
+			var event
+			$box.trigger(event = $.Event('close.ace.widget'))
+			if (event.isDefaultPrevented()) return
+
+			$widget_box.close();
+		}
+		else if($action == 'reload') {
+			$this.blur();
+			var event
+			$box.trigger(event = $.Event('reload.ace.widget'))
+			if (event.isDefaultPrevented()) return
+
+			$widget_box.reload();
+		}
+		else if($action == 'fullscreen') {
+			var event
+			$box.trigger(event = $.Event('fullscreen.ace.widget'))
+			if (event.isDefaultPrevented()) return
+		
+			$widget_box.fullscreen();
+		}
+		else if($action == 'settings') {
+			$box.trigger('setting.ace.widget')
+		}
+
+	});
+	
+		
+	function applyScrollbars($widget, enable) {
+		var $main = $widget.find('.widget-main').eq(0);
+		$(window).off('resize.widget.scroll');
+		
+		//IE8 has an unresolvable issue!!! re-scrollbaring with unknown values?!
+		var nativeScrollbars = ace.vars['old_ie'] || ace.vars['touch'];
+		
+		if(enable) {
+			var ace_scroll = $main.data('ace_scroll');
+			if( ace_scroll ) {
+				$main.data('save_scroll', {size: ace_scroll['size'], lock: ace_scroll['lock'], lock_anyway: ace_scroll['lock_anyway']});
+			}
+			
+			var size = $widget.height() - $widget.find('.widget-header').height() - 10;//extra paddings
+			size = parseInt(size);
+			
+			$main.css('min-height', size);
+			if( !nativeScrollbars ) {
+				if( ace_scroll ) {
+					$main.ace_scroll('update', {'size': size, 'mouseWheelLock': true, 'lockAnyway': true});
+				}
+				else {
+					$main.ace_scroll({'size': size, 'mouseWheelLock': true, 'lockAnyway': true});
+				}
+				$main.ace_scroll('enable').ace_scroll('reset');
+			}
+			else {
+				if( ace_scroll ) $main.ace_scroll('disable');
+				$main.css('max-height', size).addClass('overflow-scroll');
+			}
+			
+			
+			$(window)
+			.on('resize.widget.scroll', function() {
+				var size = $widget.height() - $widget.find('.widget-header').height() - 10;//extra paddings
+				size = parseInt(size);
+				
+				$main.css('min-height', size);
+				if( !nativeScrollbars ) {
+					$main.ace_scroll('update', {'size': size}).ace_scroll('reset');
+				}
+				else {
+					$main.css('max-height', size).addClass('overflow-scroll');
+				}
+			});
+		}
+		
+		else  {
+			$main.css('min-height', '');
+			var saved_scroll = $main.data('save_scroll');
+			if(saved_scroll) {
+				$main
+				.ace_scroll('update', {'size': saved_scroll['size'], 'mouseWheelLock': saved_scroll['lock'], 'lockAnyway': saved_scroll['lock_anyway']})
+				.ace_scroll('enable')
+				.ace_scroll('reset');
+			}
+			
+			if( !nativeScrollbars ) {				
+				if(!saved_scroll) $main.ace_scroll('disable');				
+			}
+			else {
+				$main.css('max-height', '').removeClass('overflow-scroll');
+			}
+		}
+	}
+
+})(window.jQuery);;/**
+ <b>Settings box</b>. It's good for demo only. You don't need this.
+*/
+(function($ , undefined) {
+
+ $('#ace-settings-btn').on(ace.click_event, function(e){
+	e.preventDefault();
+
+	$(this).toggleClass('open');
+	$('#ace-settings-box').toggleClass('open');
+ })
+
+ $('#ace-settings-navbar').on('click', function(){
+	ace.settings.navbar_fixed(null, this.checked);//@ ace-extra.js
+	//$(window).triggerHandler('resize.navbar');
+
+	//force redraw?
+	//if(ace.vars['webkit']) ace.helper.redraw(document.body);
+ }).each(function(){this.checked = ace.settings.is('navbar', 'fixed')})
+
+ $('#ace-settings-sidebar').on('click', function(){
+	ace.settings.sidebar_fixed(null, this.checked);//@ ace-extra.js
+
+	//if(ace.vars['webkit']) ace.helper.redraw(document.body);
+ }).each(function(){this.checked = ace.settings.is('sidebar', 'fixed')})
+
+ $('#ace-settings-breadcrumbs').on('click', function(){
+	ace.settings.breadcrumbs_fixed(null, this.checked);//@ ace-extra.js
+
+	//if(ace.vars['webkit']) ace.helper.redraw(document.body);
+ }).each(function(){this.checked = ace.settings.is('breadcrumbs', 'fixed')})
+
+ $('#ace-settings-add-container').on('click', function(){
+	ace.settings.main_container_fixed(null, this.checked);//@ ace-extra.js
+
+	//if(ace.vars['webkit']) ace.helper.redraw(document.body);
+ }).each(function(){this.checked = ace.settings.is('main-container', 'fixed')})
+
+
+
+ $('#ace-settings-compact').on('click', function(){
+	if(this.checked) {
+		$('#sidebar').addClass('compact');
+		var hover = $('#ace-settings-hover');
+		if( hover.length > 0 ) {
+			hover.removeAttr('checked').trigger('click');
+		}
+	}
+	else {
+		$('#sidebar').removeClass('compact');
+		$('#sidebar[data-sidebar-scroll=true]').ace_sidebar_scroll('reset')
+	}
+	
+	if(ace.vars['old_ie']) ace.helper.redraw($('#sidebar')[0], true);
+ })/*.removeAttr('checked')*/
+
+
+ $('#ace-settings-highlight').on('click', function(){
+	if(this.checked) $('#sidebar .nav-list > li').addClass('highlight');
+	else $('#sidebar .nav-list > li').removeClass('highlight');
+	
+	if(ace.vars['old_ie']) ace.helper.redraw($('#sidebar')[0]);
+ })/*.removeAttr('checked')*/
+
+
+ $('#ace-settings-hover').on('click', function(){
+	if($('#sidebar').hasClass('h-sidebar')) return;
+	if(this.checked) {
+		$('#sidebar li').addClass('hover')
+		.filter('.open').removeClass('open').find('> .submenu').css('display', 'none');
+		//and remove .open items
+	}
+	else {
+		$('#sidebar li.hover').removeClass('hover');
+
+		var compact = $('#ace-settings-compact');
+		if( compact.length > 0 && compact.get(0).checked ) {
+			compact.trigger('click');
+		}
+	}
+	
+	$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('reset')
+	$('.sidebar[data-sidebar-scroll=true]').ace_sidebar_scroll('reset')
+	
+	if(ace.vars['old_ie']) ace.helper.redraw($('#sidebar')[0]);
+ })/*.removeAttr('checked')*/
+
+})(jQuery);;/**
+<b>RTL</b> (right-to-left direction for Arabic, Hebrew, Persian languages).
+It's good for demo only.
+You should hard code RTL-specific changes inside your HTML/server-side code.
+Dynamically switching to RTL using Javascript is not a good idea.
+Please refer to documentation for more info.
+*/
+
+
+(function($ , undefined) {
+ //Switching to RTL (right to left) Mode
+ $('#ace-settings-rtl').removeAttr('checked').on('click', function(){
+	switch_direction();
+ });
+ 
+ 
+ //>>> you should hard code changes inside HTML for RTL direction
+ //you shouldn't use this function to switch direction
+ //this is only for dynamically switching for demonstration
+ //take a look at this function to see what changes should be made
+ //also take a look at docs for some tips
+ var switch_direction = function() {
+	if($('#ace-rtl-stylesheet').length == 0) {
+		//let's load RTL stylesheet only when needed!
+		var ace_style = $('head').find('link.ace-main-stylesheet');
+		if(ace_style.length == 0) {
+			ace_style = $('head').find('link[href*="/ace.min.css"],link[href*="/ace-part2.min.css"]');
+			if(ace_style.length == 0) {
+				ace_style = $('head').find('link[href*="/ace.css"],link[href*="/ace-part2.css"]');
+			}
+		}
+		
+		var ace_skins = $('head').find('link#ace-skins-stylesheet');
+		var stylesheet_url = ace_style.first().attr('href').replace(/(\.min)?\.css$/i , '-rtl$1.css');
+		$.ajax({
+			'url': stylesheet_url
+		}).done(function() {
+			var new_link = jQuery('<link />', {type : 'text/css', rel: 'stylesheet', 'id': 'ace-rtl-stylesheet'})
+			if(ace_skins.length > 0) {
+				new_link.insertAfter(ace_skins);
+			}
+			else if(ace_style.length > 0){
+				new_link.insertAfter(ace_style.last());
+			}
+			else new_link.appendTo('head');
+		
+			new_link.attr('href', stylesheet_url);
+			//we set "href" after insertion, for IE to work
+			
+			applyChanges();
+			if(window.Pace && Pace.running)	Pace.stop();
+		})		
+	}
+	else {
+		applyChanges();
+	}
+	
+	//in ajax when new content is loaded, we dynamically apply RTL changes again
+	//please note that this is only for Ace demo
+	//for info about RTL see Ace's docs
+	$('.page-content-area[data-ajax-content=true]').on('ajaxscriptsloaded.rtl', function() {
+		if( $('body').hasClass('rtl') ) {
+			applyChanges(this);
+		}
+	});
+
+	/////////////////////////
+	function applyChanges(el) {
+		var $body = $(document.body);
+		if(!el) $body.toggleClass('rtl');//el is 'body'
+
+		el = el || document.body;		
+		var $container = $(el);
+		$container
+		//toggle pull-right class on dropdown-menu
+		.find('.dropdown-menu:not(.datepicker-dropdown,.colorpicker)').toggleClass('dropdown-menu-right')
+		.end()
+		//swap pull-left & pull-right
+		.find('.pull-right:not(.dropdown-menu,blockquote,.profile-skills .pull-right)').removeClass('pull-right').addClass('tmp-rtl-pull-right')
+		.end()
+		.find('.pull-left:not(.dropdown-submenu,.profile-skills .pull-left)').removeClass('pull-left').addClass('pull-right')
+		.end()
+		.find('.tmp-rtl-pull-right').removeClass('tmp-rtl-pull-right').addClass('pull-left')
+		.end()
+		
+		.find('.chosen-select').toggleClass('chosen-rtl').next().toggleClass('chosen-rtl');
+		
+
+		function swap_classes(class1, class2) {
+			$container
+			 .find('.'+class1).removeClass(class1).addClass('tmp-rtl-'+class1)
+			 .end()
+			 .find('.'+class2).removeClass(class2).addClass(class1)
+			 .end()
+			 .find('.tmp-rtl-'+class1).removeClass('tmp-rtl-'+class1).addClass(class2)
+		}
+
+		swap_classes('align-left', 'align-right');
+		swap_classes('no-padding-left', 'no-padding-right');
+		swap_classes('arrowed', 'arrowed-right');
+		swap_classes('arrowed-in', 'arrowed-in-right');
+		swap_classes('tabs-left', 'tabs-right');
+		swap_classes('messagebar-item-left', 'messagebar-item-right');//for inbox page
+		
+		$('.modal.aside-vc').ace_aside('flip').ace_aside('insideContainer');
+		
+		
+		//mirror all icons and attributes that have a "fa-*-right|left" attrobute
+		$container.find('.fa').each(function() {
+			if(this.className.match(/ui-icon/) || $(this).closest('.fc-button').length > 0) return;
+			//skip mirroring icons of plugins that have built in RTL support
+
+			var l = this.attributes.length;
+			for(var i = 0 ; i < l ; i++) {
+				var val = this.attributes[i].value;
+				if(val.match(/fa\-(?:[\w\-]+)\-left/)) 
+					this.attributes[i].value = val.replace(/fa\-([\w\-]+)\-(left)/i , 'fa-$1-right')
+				 else if(val.match(/fa\-(?:[\w\-]+)\-right/)) 
+					this.attributes[i].value = val.replace(/fa\-([\w\-]+)\-(right)/i , 'fa-$1-left')
+			}
+		});
+		
+		//browsers are incosistent with horizontal scroll and RTL
+		//so let's make our scrollbars LTR and wrap the content inside RTL
+		var rtl = $body.hasClass('rtl');
+		if(rtl)	{
+			$container.find('.scroll-hz').addClass('make-ltr')
+			.find('.scroll-content')
+			.wrapInner('<div class="make-rtl" />');
+			$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('changeDir', 'right');
+		}
+		else {
+			//remove the wrap
+			$container.find('.scroll-hz').removeClass('make-ltr')
+			.find('.make-rtl').children().unwrap();
+			$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('changeDir', 'left');
+		}
+		if($.fn.ace_scroll) $container.find('.scroll-hz').ace_scroll('reset') //to reset scrollLeft
+
+		//redraw the traffic pie chart on homepage with a different parameter
+		try {
+			var placeholder = $('#piechart-placeholder');
+			if(placeholder.length > 0) {
+				var pos = $body.hasClass('rtl') ? 'nw' : 'ne';//draw on north-west or north-east?
+				placeholder.data('draw').call(placeholder.get(0) , placeholder, placeholder.data('chart'), pos);
+			}
+		}catch(e) {}
+		
+		
+		ace.helper.redraw(el, true);
+	}
+ }
+})(jQuery);
+
+
+;/**
+ <b>Select a different skin</b>. It's good for demo only.
+ You should hard code skin-specific changes inside your HTML/server-side code.
+ Please refer to documentation for more info.
+*/
+
+(function($ , undefined) {
+  try {
+	$('#skin-colorpicker').ace_colorpicker({'auto_pos': false});
+  } catch(e) {}
+
+  $('#skin-colorpicker').on('change', function(){
+	var skin_class = $(this).find('option:selected').data('skin');
+
+	if($('#ace-skins-stylesheet').length == 0) {
+		//let's load skins stylesheet only when needed!
+		var ace_style = $('head').find('link.ace-main-stylesheet');
+		if(ace_style.length == 0) {
+			ace_style = $('head').find('link[href*="/ace.min.css"],link[href*="/ace-part2.min.css"]');
+			if(ace_style.length == 0) {
+				ace_style = $('head').find('link[href*="/ace.css"],link[href*="/ace-part2.css"]');
+			}
+		}
+		
+		var stylesheet_url = ace_style.first().attr('href').replace(/(\.min)?\.css$/i , '-skins$1.css');
+		$.ajax({
+			'url': stylesheet_url
+		}).done(function() {
+			var new_link = jQuery('<link />', {type : 'text/css', rel: 'stylesheet', 'id': 'ace-skins-stylesheet'})
+			if(ace_style.length > 0){
+				new_link.insertAfter(ace_style.last());
+			}
+			else new_link.appendTo('head');
+	
+			new_link.attr('href', stylesheet_url);
+			//we set "href" after insertion, for IE to work
+			
+			applyChanges(skin_class);
+			if(window.Pace && Pace.running)	Pace.stop();
+		})
+	}
+	else {
+		applyChanges(skin_class);
+	}
+
+
+	function applyChanges(skin_class) {
+		//skin cookie tip
+		var body = $(document.body);
+		body.removeClass('no-skin skin-1 skin-2 skin-3');
+		//if(skin_class != 'skin-0') {
+			body.addClass(skin_class);
+			ace.data.set('skin', skin_class);
+			//save the selected skin to cookies
+			//which can later be used by your server side app to set the skin
+			//for example: <body class="<?php echo $_COOKIE['ace_skin']; ?>"
+		//} else ace.data.remove('skin');
+		
+		var skin3_colors = ['red', 'blue', 'green', ''];
+
+		
+			//undo skin-1
+			$('.ace-nav > li.grey').removeClass('dark');
+			
+			//undo skin-2
+			$('.ace-nav > li').removeClass('no-border margin-1');
+			$('.ace-nav > li:not(:last-child)').removeClass('light-pink').find('> a > '+ace.vars['.icon']).removeClass('pink').end().eq(0).find('.badge').removeClass('badge-warning');
+			$('.sidebar-shortcuts .btn')
+			.removeClass('btn-pink btn-white')
+			.find(ace.vars['.icon']).removeClass('white');
+			
+			//undo skin-3
+			$('.ace-nav > li.grey').removeClass('red').find('.badge').removeClass('badge-yellow');
+			$('.sidebar-shortcuts .btn').removeClass('btn-primary btn-white')
+			var i = 0;
+			$('.sidebar-shortcuts .btn').each(function() {
+				$(this).find(ace.vars['.icon']).removeClass(skin3_colors[i++]);
+			})
+		
+		
+
+		
+		var skin0_buttons = ['btn-success', 'btn-info', 'btn-warning', 'btn-danger'];
+		if(skin_class == 'no-skin') {
+			var i = 0;
+			$('.sidebar-shortcuts .btn').each(function() {
+				$(this).attr('class', 'btn ' + skin0_buttons[i++%4]);
+			})
+			
+			$('.sidebar[data-sidebar-scroll=true]').ace_sidebar_scroll('updateStyle', '');
+			$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('updateStyle', 'no-track scroll-thin');
+		}
+
+		else if(skin_class == 'skin-1') {
+			$('.ace-nav > li.grey').addClass('dark');
+			var i = 0;
+			$('.sidebar-shortcuts')
+			.find('.btn').each(function() {
+				$(this).attr('class', 'btn ' + skin0_buttons[i++%4]);
+			})
+			
+			$('.sidebar[data-sidebar-scroll=true]').ace_sidebar_scroll('updateStyle', 'scroll-white no-track');
+			$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('updateStyle', 'no-track scroll-thin scroll-white');
+		}
+
+		else if(skin_class == 'skin-2') {
+			$('.ace-nav > li').addClass('no-border margin-1');
+			$('.ace-nav > li:not(:last-child)').addClass('light-pink').find('> a > '+ace.vars['.icon']).addClass('pink').end().eq(0).find('.badge').addClass('badge-warning');
+			
+			$('.sidebar-shortcuts .btn').attr('class', 'btn btn-white btn-pink')
+			.find(ace.vars['.icon']).addClass('white');
+			
+			$('.sidebar[data-sidebar-scroll=true]').ace_sidebar_scroll('updateStyle', 'scroll-white no-track');
+			$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('updateStyle', 'no-track scroll-thin scroll-white');
+		}
+
+		//skin-3
+		//change shortcut buttons classes, this should be hard-coded if you want to choose this skin
+		else if(skin_class == 'skin-3') {
+			body.addClass('no-skin');//because skin-3 has many parts of no-skin as well
+			
+			$('.ace-nav > li.grey').addClass('red').find('.badge').addClass('badge-yellow');
+			
+			var i = 0;
+			$('.sidebar-shortcuts .btn').each(function() {
+				$(this).attr('class', 'btn btn-primary btn-white');
+				$(this).find(ace.vars['.icon']).addClass(skin3_colors[i++]);
+			})
+			
+			$('.sidebar[data-sidebar-scroll=true]').ace_sidebar_scroll('updateStyle', 'scroll-dark no-track');
+			$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('updateStyle', 'no-track scroll-thin');
+		}
+
+		//some sizing differences may be there in skins, so reset scrollbar size
+		$('.sidebar[data-sidebar-scroll=true]').ace_sidebar_scroll('reset')
+		//$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('reset')
+		
+		if(ace.vars['old_ie']) ace.helper.redraw(document.body, true);
+	}
+
+ })
+})(jQuery);;/**
+ The widget box reload button/event handler. You should use your own handler. An example is available at <i class="text-info">examples/widgets.html</i>.
+ <u><i class="glyphicon glyphicon-flash"></i> You don't need this. Used for demo only</u>
+*/
+
+(function($ , undefined) {
+
+	//***default action for reload in this demo
+	//you should remove this and add your own handler for each specific .widget-box
+	//when data is finished loading or processing is done you can call $box.trigger('reloaded.ace.widget')
+	$(document).on('reload.ace.widget', '.widget-box', function (ev) {
+		var $box = $(this);
+		
+		//trigger the reloaded event to remove the spinner icon after 1-2 seconds
+		setTimeout(function() {
+			$box.trigger('reloaded.ace.widget');
+		}, parseInt(Math.random() * 1000 + 1000));
+	});
+
+	//you may want to do something like this:
+	/**
+	$('#my-widget-box').on('reload.ace.widget', function(){
+		//load new data here
+		//and when finished trigger "reloaded" event
+		$(this).trigger('reloaded.ace.widget');
+	});
+	*/
+})(window.jQuery);;/**
+The autocomplete dropdown when typing inside search box.
+<u><i class="glyphicon glyphicon-flash"></i> You don't need this. Used for demo only</u>
+*/
+(function($ , undefined) {
+
+	ace.vars['US_STATES'] = ["Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Dakota","North Carolina","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming"]
+	try {
+		$('#nav-search-input').bs_typeahead({
+			source: ace.vars['US_STATES'],
+			updater:function (item) {
+				//when an item is selected from dropdown menu, focus back to input element
+				$('#nav-search-input').focus();
+				return item;
+			}
+		});
+	} catch(e) {}
+
+})(window.jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/ace/ace.ajax-content.js b/web/bootstrap-ace-admin/js/ace/ace.ajax-content.js
new file mode 100755
index 00000000..2d66d919
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/ace.ajax-content.js
@@ -0,0 +1,401 @@
+/**
+ <b>Load content via Ajax </b>. For more information please refer to documentation #basics/ajax
+*/
+
+(function($ , undefined) {
+	var ajax_loaded_scripts = {}
+
+	function AceAjax(contentArea, settings) {
+		var $contentArea = $(contentArea);
+		var self = this;
+		$contentArea.attr('data-ajax-content', 'true');
+		
+		//get a list of 'data-*' attributes that override 'defaults' and 'settings'
+		var attrib_values = ace.helper.getAttrSettings(contentArea, $.fn.ace_ajax.defaults);
+		this.settings = $.extend({}, $.fn.ace_ajax.defaults, settings, attrib_values);
+
+
+		var working = false;
+		var $overlay = $();//empty set
+
+		this.force_reload = false;//set jQuery ajax's cache option to 'false' to reload content
+		this.loadUrl = function(hash, cache) {
+			var url = false;
+			hash = hash.replace(/^(\#\!)?\#/, '');
+			
+			this.force_reload = (cache === false)
+			
+			if(typeof this.settings.content_url === 'function') url = this.settings.content_url(hash);
+			if(typeof url === 'string') this.getUrl(url, hash, false);
+		}
+		
+		this.loadAddr = function(url, hash, cache) {
+			this.force_reload = (cache === false);
+			this.getUrl(url, hash, false);
+		}
+		
+		this.getUrl = function(url, hash, manual_trigger) {
+			if(working) {
+				return;
+			}
+		
+			var event
+			$contentArea.trigger(event = $.Event('ajaxloadstart'), {url: url, hash: hash})
+			if (event.isDefaultPrevented()) return;
+			
+			self.startLoading();
+
+			$.ajax({
+				'url': url,
+				'cache': !this.force_reload
+			})
+			.error(function() {
+				$contentArea.trigger('ajaxloaderror', {url: url, hash: hash});
+				
+				self.stopLoading(true);
+			})
+			.done(function(result) {
+				$contentArea.trigger('ajaxloaddone', {url: url, hash: hash});
+				
+				var link_element = null, link_text = '';;
+				if(typeof self.settings.update_active === 'function') {
+					link_element = self.settings.update_active.call(null, hash, url);
+				}
+				else if(self.settings.update_active === true && hash) {
+					link_element = $('a[data-url="'+hash+'"]');
+					if(link_element.length > 0) {
+						var nav = link_element.closest('.nav');
+						if(nav.length > 0) {
+							nav.find('.active').each(function(){
+								var $class = 'active';
+								if( $(this).hasClass('hover') || self.settings.close_active ) $class += ' open';
+								
+								$(this).removeClass($class);							
+								if(self.settings.close_active) {
+									$(this).find(' > .submenu').css('display', '');
+								}
+							})
+							
+							var active_li = link_element.closest('li').addClass('active').parents('.nav li').addClass('active open');
+							nav.closest('.sidebar[data-sidebar-scroll=true]').each(function() {
+								var $this = $(this);
+								$this.ace_sidebar_scroll('reset');
+								if(manual_trigger) $this.ace_sidebar_scroll('scroll_to_active');//first time only
+							})
+						}
+					}
+				}
+
+				/////////
+				if(typeof self.settings.update_breadcrumbs === 'function') {
+					link_text = self.settings.update_breadcrumbs.call(null, hash, url, link_element);
+				}
+				else if(self.settings.update_breadcrumbs === true && link_element != null && link_element.length > 0) {
+					link_text = updateBreadcrumbs(link_element);
+				}
+				/////////
+
+				//convert "title" and "link" tags to "div" tags for later processing
+				result = String(result)
+					.replace(/<(title|link)([\s\>])/gi,'<div class="hidden ajax-append-$1"$2')
+					.replace(/<\/(title|link)\>/gi,'</div>')
+			
+				
+				$overlay.addClass('content-loaded').detach();
+				$contentArea.empty().html(result);
+				
+				$(self.settings.loading_overlay || $contentArea).append($overlay);
+	
+				//remove previous stylesheets inserted via ajax
+				setTimeout(function() {
+					$('head').find('link.ace-ajax-stylesheet').remove();
+
+					var main_selectors = ['link.ace-main-stylesheet', 'link#main-ace-style', 'link[href*="/ace.min.css"]', 'link[href*="/ace.css"]']
+					var ace_style = [];
+					for(var m = 0; m < main_selectors.length; m++) {
+						ace_style = $('head').find(main_selectors[m]).first();
+						if(ace_style.length > 0) break;
+					}
+					
+					$contentArea.find('.ajax-append-link').each(function(e) {
+						var $link = $(this);
+						if ( $link.attr('href') ) {
+							var new_link = jQuery('<link />', {type : 'text/css', rel: 'stylesheet', 'class': 'ace-ajax-stylesheet'})
+							if( ace_style.length > 0 ) new_link.insertBefore(ace_style);
+							else new_link.appendTo('head');
+							new_link.attr('href', $link.attr('href'));//we set "href" after insertion, for IE to work
+						}
+						$link.remove();
+					})
+				}, 10);
+
+				//////////////////////
+
+				if(typeof self.settings.update_title === 'function') {
+					self.settings.update_title.call(null, hash, url, link_text);
+				}
+				else if(self.settings.update_title === true) {
+					updateTitle(link_text);
+				}
+				
+
+				if( !manual_trigger ) {
+					$('html,body').animate({scrollTop: 0}, 250);
+				}
+
+				//////////////////////
+				$contentArea.trigger('ajaxloadcomplete', {url: url, hash: hash});
+				//////////////////////
+				
+				self.stopLoading();
+			})
+		}
+		
+		
+		///////////////////////
+		var fixPos = false;
+		var loadTimer = null;
+		this.startLoading = function() {
+			if(working) return;
+			working = true;
+			
+			if(!this.settings.loading_overlay && $contentArea.css('position') == 'static') {
+				$contentArea.css('position', 'relative');//for correct icon positioning
+				fixPos = true;
+			}
+				
+			$overlay.remove();
+			$overlay = $('<div class="ajax-loading-overlay"><i class="ajax-loading-icon '+(this.settings.loading_icon || '')+'"></i> '+this.settings.loading_text+'</div>')
+
+			if(this.settings.loading_overlay == 'body') $('body').append($overlay.addClass('ajax-overlay-body'));
+			else if(this.settings.loading_overlay) $(this.settings.loading_overlay).append($overlay);
+			else $contentArea.append($overlay);
+
+			
+			if(this.settings.max_load_wait !== false) 
+			 loadTimer = setTimeout(function() {
+				loadTimer = null;
+				if(!working) return;
+				
+				var event
+				$contentArea.trigger(event = $.Event('ajaxloadlong'))
+				if (event.isDefaultPrevented()) return;
+				
+				self.stopLoading(true);
+			 }, this.settings.max_load_wait * 1000);
+		}
+		
+		this.stopLoading = function(stopNow) {
+			if(stopNow === true) {
+				working = false;
+				
+				$overlay.remove();
+				if(fixPos) {
+					$contentArea.css('position', '');//restore previous 'position' value
+					fixPos = false;
+				}
+				
+				if(loadTimer != null) {
+					clearTimeout(loadTimer);
+					loadTimer = null;
+				}
+			}
+			else {
+				$overlay.addClass('almost-loaded');
+				
+				$contentArea.one('ajaxscriptsloaded.inner_call', function() {
+					self.stopLoading(true);
+					/**
+					if(window.Pace && Pace.running == true) {
+						Pace.off('done');
+						Pace.once('done', function() { self.stopLoading(true) })
+					}
+					else self.stopLoading(true);
+					*/
+				})
+			}
+		}
+		
+		this.working = function() {
+			return working;
+		}
+		///////////////////////
+		
+		
+		
+		function updateBreadcrumbs(link_element) {
+			var link_text = '';
+		 
+			//update breadcrumbs
+			var breadcrumbs = $('.breadcrumb');
+			if(breadcrumbs.length > 0 && breadcrumbs.is(':visible')) {
+				breadcrumbs.find('> li:not(:first-child)').remove();
+
+				var i = 0;		
+				link_element.parents('.nav li').each(function() {
+					var link = $(this).find('> a');
+					
+					var link_clone = link.clone();
+					link_clone.find('i,.fa,.glyphicon,.ace-icon,.menu-icon,.badge,.label').remove();
+					var text = link_clone.text();
+					link_clone.remove();
+					
+					var href = link.attr('href');
+
+					if(i == 0) {
+						var li = $('<li class="active"></li>').appendTo(breadcrumbs);
+						li.text(text);
+						link_text = text;
+					}
+					else {
+						var li = $('<li><a /></li>').insertAfter(breadcrumbs.find('> li:first-child'));
+						li.find('a').attr('href', href).text(text);
+					}
+					i++;
+				})
+			}
+			
+			return link_text;
+		 }
+		 
+		 function updateTitle(link_text) {
+			var $title = $contentArea.find('.ajax-append-title');
+			if($title.length > 0) {
+				document.title = $title.text();
+				$title.remove();
+			}
+			else if(link_text.length > 0) {
+				var extra = $.trim(String(document.title).replace(/^(.*)[\-]/, ''));//for example like " - Ace Admin"
+				if(extra) extra = ' - ' + extra;
+				link_text = $.trim(link_text) + extra;
+			}
+		 }
+		 
+		 
+		 this.loadScripts = function(scripts, callback) {
+			$.ajaxPrefilter('script', function(opts) {opts.cache = true});
+			setTimeout(function() {
+				//let's keep a list of loaded scripts so that we don't load them more than once!
+				
+				function finishLoading() {
+					if(typeof callback === 'function') callback();
+					$('.btn-group[data-toggle="buttons"] > .btn').button();
+					
+					$contentArea.trigger('ajaxscriptsloaded');
+				}
+				
+				//var deferreds = [];
+				var deferred_count = 0;//deferreds count
+				var resolved = 0;
+				for(var i = 0; i < scripts.length; i++) if(scripts[i]) {
+					(function() {
+						var script_name = "js-"+scripts[i].replace(/[^\w\d\-]/g, '-').replace(/\-\-/g, '-');
+						if( ajax_loaded_scripts[script_name] !== true )	deferred_count++;
+					})()
+				}
+				
+
+				function nextScript(index) {
+					index += 1;
+					if(index < scripts.length) loadScript(index);
+					else {
+						finishLoading();
+					}
+				}
+				
+				function loadScript(index) {
+					index = index || 0;
+					if(!scripts[index]) {//could be null sometimes
+						return nextScript(index);
+					}
+				
+					var script_name = "js-"+scripts[index].replace(/[^\w\d\-]/g, '-').replace(/\-\-/g, '-');
+					//only load scripts that are not loaded yet!
+					if( ajax_loaded_scripts[script_name] !== true ) {
+						$.getScript(scripts[index])
+						.done(function() {
+							ajax_loaded_scripts[script_name] = true;
+						})
+						//.fail(function() {
+						//})
+						.complete(function() {
+							resolved++;
+							if(resolved >= deferred_count && working) {
+								finishLoading();
+							}
+							else {
+								nextScript(index);
+							}
+						})
+					}
+					else {//script previoisly loaded
+						nextScript(index);
+					}
+				}
+				
+				
+				if (deferred_count > 0) {
+					loadScript();
+				}
+				else {
+					finishLoading();
+				}
+
+			}, 10)
+		}
+		
+		
+		
+		/////////////////
+		$(window)
+		.off('hashchange.ace_ajax')
+		.on('hashchange.ace_ajax', function(e, manual_trigger) {
+			var hash = $.trim(window.location.hash);
+			if(!hash || hash.length == 0) return;
+			
+			self.loadUrl(hash);
+		}).trigger('hashchange.ace_ajax', [true]);
+		
+		var hash = $.trim(window.location.hash);
+		if(!hash && this.settings.default_url) window.location.hash = this.settings.default_url;
+
+	}//AceAjax
+
+
+
+	$.fn.aceAjax = $.fn.ace_ajax = function (option, value, value2, value3) {
+		var method_call;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('ace_ajax');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('ace_ajax', (data = new AceAjax(this, options)));
+			if (typeof option === 'string' && typeof data[option] === 'function') {
+				if(value3 != undefined) method_call = data[option](value, value2, value3);
+				else if(value2 != undefined) method_call = data[option](value, value2);
+				else method_call = data[option](value);
+			}
+		});
+
+		return (method_call === undefined) ? $set : method_call;
+	}
+	
+	
+	
+	$.fn.aceAjax.defaults = $.fn.ace_ajax.defaults = {
+		content_url: false,
+		default_url: false,
+		loading_icon: 'fa fa-spin fa-spinner fa-2x orange',
+		loading_text: '',
+		loading_overlay: null,
+		update_breadcrumbs: true,
+		update_title: true,
+		update_active: true,
+		close_active: false,
+		max_load_wait: false
+     }
+
+})(window.jQuery);
+
diff --git a/web/bootstrap-ace-admin/js/ace/ace.auto-container.js b/web/bootstrap-ace-admin/js/ace/ace.auto-container.js
new file mode 100755
index 00000000..30baff9b
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/ace.auto-container.js
@@ -0,0 +1,19 @@
+/**
+ <b>Auto Container</b> Adds .container when window size is above 1140px.
+ In Bootstrap you should stick with fixed width breakpoints.
+ You can use this feature to enable fixed container only when window size is above 1140px
+*/
+(function($ , undefined) {
+
+ $(window).on('resize.auto_container', function() {
+	var enable = $(window).width() > 1140;
+	try {
+		ace.settings.main_container_fixed(enable, false, false);
+	} catch(e) {
+		if(enable) $('.main-container,.navbar-container').addClass('container');
+		else $('.main-container,.navbar-container').removeClass('container');
+		$(document).trigger('settings.ace', ['main_container_fixed' , enable]);
+	}
+ }).triggerHandler('resize.auto_container');
+
+})(window.jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/ace/ace.auto-padding.js b/web/bootstrap-ace-admin/js/ace/ace.auto-padding.js
new file mode 100755
index 00000000..a817d328
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/ace.auto-padding.js
@@ -0,0 +1,81 @@
+/**
+ <b>Auto content padding on fixed navbar &amp; breadcrumbs</b>.
+ Navbar's content and height is often predictable and when navbar is fixed we can add appropriate padding to content area using CSS.
+ 
+ But when navbar is fixed and its content size and height is not predictable we may need to add the necessary padding to content area dynamically using Javascript.
+
+ It's not often needed and you can have good results using CSS3 media queries to add necessary paddings based on window size.
+*/
+(function($ , undefined) {
+
+	var navbar = $('.navbar').eq(0);
+	var navbar_container = $('.navbar-container').eq(0);
+	
+	var sidebar = $('.sidebar').eq(0);
+	
+	var main_container = $('.main-container').get(0);
+	
+	var breadcrumbs = $('.breadcrumbs').eq(0);
+	var page_content = $('.page-content').get(0);
+	
+	var default_padding = 8
+
+	if(navbar.length > 0) {
+	  $(window).on('resize.auto_padding', function() {
+		if( navbar.css('position') == 'fixed' ) {
+			var padding1 = !ace.vars['nav_collapse'] ? navbar.outerHeight() : navbar_container.outerHeight();
+			padding1 = parseInt(padding1);
+			main_container.style.paddingTop = padding1 + 'px';
+			
+			if(ace.vars['non_auto_fixed'] && sidebar.length > 0) {
+				if(sidebar.css('position') == 'fixed') {
+					sidebar.get(0).style.top = padding1 + 'px';
+				}
+				else sidebar.get(0).style.top = '';
+			}
+
+			if( breadcrumbs.length > 0 ) {
+				if(breadcrumbs.css('position') == 'fixed') {
+					var padding2 = default_padding + breadcrumbs.outerHeight() + parseInt(breadcrumbs.css('margin-top'));
+					padding2 = parseInt(padding2);
+					page_content.style['paddingTop'] = padding2 + 'px';
+
+					if(ace.vars['non_auto_fixed']) breadcrumbs.get(0).style.top = padding1 + 'px';
+				} else {
+					page_content.style.paddingTop = '';
+					if(ace.vars['non_auto_fixed']) breadcrumbs.get(0).style.top = '';
+				}
+			}
+		}
+		else {
+			main_container.style.paddingTop = '';
+			page_content.style.paddingTop = '';
+			
+			if(ace.vars['non_auto_fixed']) {
+				if(sidebar.length > 0) {
+					sidebar.get(0).style.top = '';
+				}
+				if(breadcrumbs.length > 0) {
+					breadcrumbs.get(0).style.top = '';
+				}
+			}
+		}
+	  }).triggerHandler('resize.auto_padding');
+
+	  $(document).on('settings.ace.auto_padding', function(ev, event_name, event_val) {
+		if(event_name == 'navbar_fixed' || event_name == 'breadcrumbs_fixed') {
+			if(ace.vars['webkit']) {
+				//force new 'css position' values to kick in
+				navbar.get(0).offsetHeight;
+				if(breadcrumbs.length > 0) breadcrumbs.get(0).offsetHeight;
+			}
+			$(window).triggerHandler('resize.auto_padding');
+		}
+	  });
+	  
+	  /**$('#skin-colorpicker').on('change', function() {
+		$(window).triggerHandler('resize.auto_padding');
+	  });*/
+	}
+
+})(window.jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/ace/ace.js b/web/bootstrap-ace-admin/js/ace/ace.js
new file mode 100755
index 00000000..868c93d2
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/ace.js
@@ -0,0 +1,535 @@
+/**
+ Required. Ace's Basic File to Initiliaze Different Parts and Some Variables.
+*/
+
+
+//some basic variables
+(function(undefined) {
+	if( !('ace' in window) ) window['ace'] = {}
+	if( !('helper' in window['ace']) ) window['ace'].helper = {}
+	if( !('vars' in window['ace']) ) window['ace'].vars = {}
+	window['ace'].vars['icon'] = ' ace-icon ';
+	window['ace'].vars['.icon'] = '.ace-icon';
+
+	ace.vars['touch']	= ('ontouchstart' in window);//(('ontouchstart' in document.documentElement) || (window.DocumentTouch && document instanceof DocumentTouch));
+	
+	//sometimes the only good way to work around browser's pecularities is to detect them using user-agents
+	//though it's not accurate
+	var agent = navigator.userAgent
+	ace.vars['webkit'] = !!agent.match(/AppleWebKit/i)
+	ace.vars['safari'] = !!agent.match(/Safari/i) && !agent.match(/Chrome/i);
+	ace.vars['android'] = ace.vars['safari'] && !!agent.match(/Android/i)
+	ace.vars['ios_safari'] = !!agent.match(/OS ([4-9])(_\d)+ like Mac OS X/i) && !agent.match(/CriOS/i)
+	
+	ace.vars['ie'] = window.navigator.msPointerEnabled || (document.all && document.querySelector);//8-11
+	ace.vars['old_ie'] = document.all && !document.addEventListener;//8 and below
+	ace.vars['very_old_ie']	= document.all && !document.querySelector;//7 and below
+	ace.vars['firefox'] = 'MozAppearance' in document.documentElement.style;
+	
+	ace.vars['non_auto_fixed'] = ace.vars['android'] || ace.vars['ios_safari'];
+})();
+
+
+
+(function($ , undefined) {
+	//sometimes we try to use 'tap' event instead of 'click' if jquery mobile plugin is available
+	ace['click_event'] = ace.vars['touch'] && $.fn.tap ? 'tap' : 'click';
+})(jQuery);
+
+
+
+
+//document ready function
+jQuery(function($) {
+	basics();
+	enableSidebar();
+	
+	enableDemoAjax();
+	handleScrollbars();
+	
+	dropdownAutoPos();
+	
+	navbarHelpers();
+	sidebarTooltips();
+	
+	scrollTopBtn();
+	
+	someBrowserFix();
+	
+	bsCollapseToggle();
+	smallDeviceDropdowns();
+	
+	////////////////////////////
+
+	function basics() {
+		// for android and ios we don't use "top:auto" when breadcrumbs is fixed
+		if(ace.vars['non_auto_fixed']) {
+			$('body').addClass('mob-safari');
+		}
+
+		ace.vars['transition'] = !!$.support.transition.end
+	}
+	
+	function enableSidebar() {
+		//initiate sidebar function
+		var $sidebar = $('.sidebar');
+		if($.fn.ace_sidebar) $sidebar.ace_sidebar();
+		if($.fn.ace_sidebar_scroll) $sidebar.ace_sidebar_scroll({
+			//for other options please see documentation
+			'include_toggle': false || ace.vars['safari'] || ace.vars['ios_safari'] //true = include toggle button in the scrollbars
+		});
+		if($.fn.ace_sidebar_hover)	$sidebar.ace_sidebar_hover({
+			'sub_hover_delay': 750,
+			'sub_scroll_style': 'no-track scroll-thin scroll-margin scroll-visible'
+		});
+	}
+
+	
+	//Load content via ajax
+	function enableDemoAjax() {		
+		if(!$.fn.ace_ajax) return;
+ 
+		if(window.Pace) {
+			window.paceOptions = {
+				ajax: true,
+				document: true,
+				eventLag: false // disabled
+				//elements: {selectors: ['.page-content-area']}
+			}
+		}
+
+		var demo_ajax_options = {
+			 'close_active': true,
+			 
+			 'default_url': 'page/index',//default hash
+			 'content_url': function(hash) {
+				//***NOTE***
+				//this is for Ace demo only, you should change it to return a valid URL
+				//please refer to documentation for more info
+
+				if( !hash.match(/^page\//) ) return false;
+				var path = document.location.pathname;
+
+				//for example in Ace HTML demo version we convert /ajax/index.html#page/gallery to > /ajax/content/gallery.html and load it
+				if(path.match(/(\/ajax\/)(index\.html)?/))
+					return path.replace(/(\/ajax\/)(index\.html)?/, '/ajax/content/'+hash.replace(/^page\//, '')+'.html') ;
+
+				//for example in Ace PHP demo version we convert "ajax.php#page/dashboard" to "ajax.php?page=dashboard" and load it
+				return path + "?" + hash.replace(/\//, "=");
+			  }			  
+		}
+		   
+		//for IE9 and below we exclude PACE loader (using conditional IE comments)
+		//for other browsers we use the following extra ajax loader options
+		if(window.Pace) {
+			demo_ajax_options['loading_overlay'] = 'body';//the opaque overlay is applied to 'body'
+		}
+
+		//initiate ajax loading on this element( which is .page-content-area[data-ajax-content=true] in Ace's demo)
+		$('[data-ajax-content=true]').ace_ajax(demo_ajax_options)
+
+		//if general error happens and ajax is working, let's stop loading icon & PACE
+		$(window).on('error.ace_ajax', function() {
+			$('[data-ajax-content=true]').each(function() {
+				var $this = $(this);
+				if( $this.ace_ajax('working') ) {
+					if(window.Pace && Pace.running) Pace.stop();
+					$this.ace_ajax('stopLoading', true);
+				}
+			})
+		})
+	}
+
+	/////////////////////////////
+
+	function handleScrollbars() {
+		//add scrollbars for navbar dropdowns
+		var has_scroll = !!$.fn.ace_scroll;
+		if(has_scroll) $('.dropdown-content').ace_scroll({reset: false, mouseWheelLock: true})
+
+		//reset scrolls bars on window resize
+		if(has_scroll && !ace.vars['old_ie']) {//IE has an issue with widget fullscreen on ajax?!!!
+			$(window).on('resize.reset_scroll', function() {
+				$('.ace-scroll:not(.scroll-disabled)').not(':hidden').ace_scroll('reset');
+			});
+			if(has_scroll) $(document).on('settings.ace.reset_scroll', function(e, name) {
+				if(name == 'sidebar_collapsed') $('.ace-scroll:not(.scroll-disabled)').not(':hidden').ace_scroll('reset');
+			});
+		}
+	}
+
+
+	function dropdownAutoPos() {
+		//change a dropdown to "dropup" depending on its position
+		$(document).on('click.dropdown.pos', '.dropdown-toggle[data-position="auto"]', function() {
+			var offset = $(this).offset();
+			var parent = $(this.parentNode);
+
+			if ( parseInt(offset.top + $(this).height()) + 50 
+					>
+				(ace.helper.scrollTop() + ace.helper.winHeight() - parent.find('.dropdown-menu').eq(0).height()) 
+				) parent.addClass('dropup');
+			else parent.removeClass('dropup');
+		});
+	}
+
+	
+	function navbarHelpers() {
+		//prevent dropdowns from hiding when a from is clicked
+		/**$(document).on('click', '.dropdown-navbar form', function(e){
+			e.stopPropagation();
+		});*/
+
+
+		//disable navbar icon animation upon click
+		$('.ace-nav [class*="icon-animated-"]').closest('a').one('click', function(){
+			var icon = $(this).find('[class*="icon-animated-"]').eq(0);
+			var $match = icon.attr('class').match(/icon\-animated\-([\d\w]+)/);
+			icon.removeClass($match[0]);
+		});
+
+
+		//prevent dropdowns from hiding when a tab is selected
+		$(document).on('click', '.dropdown-navbar .nav-tabs', function(e){
+			e.stopPropagation();
+			var $this , href
+			var that = e.target
+			if( ($this = $(e.target).closest('[data-toggle=tab]')) && $this.length > 0) {
+				$this.tab('show');
+				e.preventDefault();
+				$(window).triggerHandler('resize.navbar.dropdown')
+			}
+		});
+	}
+
+	
+	function sidebarTooltips() {
+		//tooltip in sidebar items
+		$('.sidebar .nav-list .badge[title],.sidebar .nav-list .badge[title]').each(function() {
+			var tooltip_class = $(this).attr('class').match(/tooltip\-(?:\w+)/);
+			tooltip_class = tooltip_class ? tooltip_class[0] : 'tooltip-error';
+			$(this).tooltip({
+				'placement': function (context, source) {
+					var offset = $(source).offset();
+
+					if( parseInt(offset.left) < parseInt(document.body.scrollWidth / 2) ) return 'right';
+					return 'left';
+				},
+				container: 'body',
+				template: '<div class="tooltip '+tooltip_class+'"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
+			});
+		});
+		
+		//or something like this if items are dynamically inserted
+		/**
+		$('.sidebar').tooltip({
+			'placement': function (context, source) {
+				var offset = $(source).offset();
+
+				if( parseInt(offset.left) < parseInt(document.body.scrollWidth / 2) ) return 'right';
+				return 'left';
+			},
+			selector: '.nav-list .badge[title],.nav-list .label[title]',
+			container: 'body',
+			template: '<div class="tooltip tooltip-error"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
+		});
+		*/
+	}
+	
+	
+
+	function scrollTopBtn() {
+		//the scroll to top button
+		var scroll_btn = $('.btn-scroll-up');
+		if(scroll_btn.length > 0) {
+			var is_visible = false;
+			$(window).on('scroll.scroll_btn', function() {
+				var scroll = ace.helper.scrollTop();
+				var h = ace.helper.winHeight();
+				var body_sH = document.body.scrollHeight;
+				if(scroll > parseInt(h / 4) || (scroll > 0 && body_sH >= h && h + scroll >= body_sH - 1)) {//|| for smaller pages, when reached end of page
+					if(!is_visible) {
+						scroll_btn.addClass('display');
+						is_visible = true;
+					}
+				} else {
+					if(is_visible) {
+						scroll_btn.removeClass('display');
+						is_visible = false;
+					}
+				}
+			}).triggerHandler('scroll.scroll_btn');
+
+			scroll_btn.on(ace.click_event, function(){
+				var duration = Math.min(500, Math.max(100, parseInt(ace.helper.scrollTop() / 3)));
+				$('html,body').animate({scrollTop: 0}, duration);
+				return false;
+			});
+		}
+	}
+
+
+	
+	function someBrowserFix() {
+		//chrome and webkit have a problem here when resizing from 479px to more
+		//we should force them redraw the navbar!
+		if( ace.vars['webkit'] ) {
+			var ace_nav = $('.ace-nav').get(0);
+			if( ace_nav ) $(window).on('resize.webkit_fix' , function(){
+				ace.helper.redraw(ace_nav);
+			});
+		}
+		
+		
+		//fix an issue with ios safari, when an element is fixed and an input receives focus
+		if(ace.vars['ios_safari']) {
+		  $(document).on('ace.settings.ios_fix', function(e, event_name, event_val) {
+			if(event_name != 'navbar_fixed') return;
+
+			$(document).off('focus.ios_fix blur.ios_fix', 'input,textarea,.wysiwyg-editor');
+			if(event_val == true) {
+			  $(document).on('focus.ios_fix', 'input,textarea,.wysiwyg-editor', function() {
+				$(window).on('scroll.ios_fix', function() {
+					var navbar = $('#navbar').get(0);
+					if(navbar) ace.helper.redraw(navbar);
+				});
+			  }).on('blur.ios_fix', 'input,textarea,.wysiwyg-editor', function() {
+				$(window).off('scroll.ios_fix');
+			  })
+			}
+		  }).triggerHandler('ace.settings.ios_fix', ['navbar_fixed', $('#navbar').css('position') == 'fixed']);
+		}
+	}
+
+	
+	
+	function bsCollapseToggle() {
+		//bootstrap collapse component icon toggle
+		$(document).on('hide.bs.collapse show.bs.collapse', function (ev) {
+			var panel_id = ev.target.getAttribute('id')
+			var panel = $('a[href*="#'+ panel_id+'"]');
+			if(panel.length == 0) panel = $('a[data-target*="#'+ panel_id+'"]');
+			if(panel.length == 0) return;
+
+			panel.find(ace.vars['.icon']).each(function(){
+				var $icon = $(this)
+
+				var $match
+				var $icon_down = null
+				var $icon_up = null
+				if( ($icon_down = $icon.attr('data-icon-show')) ) {
+					$icon_up = $icon.attr('data-icon-hide')
+				}
+				else if( $match = $icon.attr('class').match(/fa\-(.*)\-(up|down)/) ) {
+					$icon_down = 'fa-'+$match[1]+'-down'
+					$icon_up = 'fa-'+$match[1]+'-up'
+				}
+
+				if($icon_down) {
+					if(ev.type == 'show') $icon.removeClass($icon_down).addClass($icon_up)
+						else $icon.removeClass($icon_up).addClass($icon_down)
+						
+					return false;//ignore other icons that match, one is enough
+				}
+
+			});
+		})
+	}
+	
+
+	
+	//in small devices display navbar dropdowns like modal boxes
+	function smallDeviceDropdowns() {
+	  if(ace.vars['old_ie']) return;
+	  
+	  $('.ace-nav > li')
+	  .on('shown.bs.dropdown.navbar', function(e) {
+		adjustNavbarDropdown.call(this);
+	  })
+	  .on('hidden.bs.dropdown.navbar', function(e) {
+		$(window).off('resize.navbar.dropdown');
+		resetNavbarDropdown.call(this);
+	  })
+	 
+	  function adjustNavbarDropdown() {
+		var $sub = $(this).find('> .dropdown-menu');
+
+		if( $sub.css('position') == 'fixed' ) {
+			var win_width = parseInt($(window).width());
+			var offset_w = win_width > 320 ? 60 : (win_width > 240 ? 40 : 30);
+			var avail_width = parseInt(win_width) - offset_w;
+			var avail_height = parseInt($(window).height()) - 30;
+			
+			var width = parseInt(Math.min(avail_width , 320));
+			//we set 'width' here for text wrappings and spacings to take effect before calculating scrollHeight
+			$sub.css('width', width);
+
+			var tabbed = false;
+			var extra_parts = 0;
+			var dropdown_content = $sub.find('.tab-pane.active .dropdown-content.ace-scroll');
+			if(dropdown_content.length == 0) dropdown_content = $sub.find('.dropdown-content.ace-scroll');
+			else tabbed = true;
+
+			var parent_menu = dropdown_content.closest('.dropdown-menu');
+			var scrollHeight = $sub[0].scrollHeight;
+			if(dropdown_content.length == 1) {
+				//sometimes there's no scroll-content, for example in detached scrollbars
+				var content =  dropdown_content.find('.scroll-content')[0];
+				if(content) {
+					scrollHeight = content.scrollHeight;
+				}
+			
+				extra_parts += parent_menu.find('.dropdown-header').outerHeight();
+				extra_parts += parent_menu.find('.dropdown-footer').outerHeight();
+				
+				var tab_content = parent_menu.closest('.tab-content');
+				if( tab_content.length != 0 ) {
+					extra_parts += tab_content.siblings('.nav-tabs').eq(0).height();
+				}
+			}
+			
+
+			
+			var height = parseInt(Math.min(avail_height , 480, scrollHeight + extra_parts));
+			var left = parseInt(Math.abs((avail_width + offset_w - width)/2));
+			var top = parseInt(Math.abs((avail_height + 30 - height)/2));
+
+			
+			var zindex = parseInt($sub.css('z-index')) || 0;
+
+			$sub.css({'height': height, 'left': left, 'right': 'auto', 'top': top - (!tabbed ? 1 : 3)});
+			if(dropdown_content.length == 1) {
+				if(!ace.vars['touch']) {
+					dropdown_content.ace_scroll('update', {size: height - extra_parts}).ace_scroll('enable').ace_scroll('reset');
+				}
+				else {
+					dropdown_content
+					.ace_scroll('disable').css('max-height', height - extra_parts).addClass('overflow-scroll');
+				}
+			}
+			$sub.css('height', height + (!tabbed ? 2 : 7));//for bottom border adjustment and tab content paddings
+			
+			
+			if($sub.hasClass('user-menu')) {
+				$sub.css('height', '');//because of user-info hiding/showing at different widths, which changes above 'scrollHeight', so we remove it!
+				
+				//user menu is re-positioned in small widths
+				//but we need to re-position again in small heights as well (modal mode)
+				var user_info = $(this).find('.user-info');
+				if(user_info.length == 1 && user_info.css('position') == 'fixed') {
+					user_info.css({'left': left, 'right': 'auto', 'top': top, 'width': width - 2, 'max-width': width - 2, 'z-index': zindex + 1});
+				}
+				else user_info.css({'left': '', 'right': '', 'top': '', 'width': '', 'max-width': '', 'z-index': ''});
+			}
+			
+			//dropdown's z-index is limited by parent .navbar's z-index (which doesn't make sense because dropdowns are fixed!)
+			//so for example when in 'content-slider' page, fixed modal toggle buttons go above are dropdowns
+			//so we increase navbar's z-index to fix this!
+			$(this).closest('.navbar.navbar-fixed-top').css('z-index', zindex);
+		}
+		else {
+			if($sub.length != 0) resetNavbarDropdown.call(this, $sub);
+		}
+		
+		var self = this;
+		$(window)
+		.off('resize.navbar.dropdown')
+		.one('resize.navbar.dropdown', function() {
+			$(self).triggerHandler('shown.bs.dropdown.navbar');
+		})
+	  }
+
+	  //reset scrollbars and user menu
+	  function resetNavbarDropdown($sub) {
+		$sub = $sub || $(this).find('> .dropdown-menu');
+	  
+	    if($sub.length > 0) {
+			$sub
+			.css({'width': '', 'height': '', 'left': '', 'right': '', 'top': ''})
+			.find('.dropdown-content').each(function() {
+				if(ace.vars['touch']) {
+					$(this).css('max-height', '').removeClass('overflow-scroll');
+				}
+
+				var size = parseInt($(this).attr('data-size') || 0) || $.fn.ace_scroll.defaults.size;
+				$(this).ace_scroll('update', {size: size}).ace_scroll('enable').ace_scroll('reset');
+			})
+			
+			if( $sub.hasClass('user-menu') ) {
+				var user_info = 
+				$(this).find('.user-info')
+				.css({'left': '', 'right': '', 'top': '', 'width': '', 'max-width': '', 'z-index': ''});
+			}
+		}
+		
+		$(this).closest('.navbar').css('z-index', '');
+	  }
+	}
+
+});//jQuery document ready
+
+
+
+
+
+//some ace helper functions
+(function($$ , undefined) {//$$ is ace.helper
+ $$.unCamelCase = function(str) {
+	return str.replace(/([a-z])([A-Z])/g, function(match, c1, c2){ return c1+'-'+c2.toLowerCase() })
+ }
+ $$.strToVal = function(str) {
+	var res = str.match(/^(?:(true)|(false)|(null)|(\-?[\d]+(?:\.[\d]+)?)|(\[.*\]|\{.*\}))$/i);
+
+	var val = str;
+	if(res) {
+		if(res[1]) val = true;
+		else if(res[2]) val = false;
+		else if(res[3]) val = null;	
+		else if(res[4]) val = parseFloat(str);
+		else if(res[5]) {
+			try { val = JSON.parse(str) }
+			catch (err) {}
+		}
+	}
+
+	return val;
+ }
+ $$.getAttrSettings = function(el, attr_list, prefix) {
+	var list_type = attr_list instanceof Array ? 1 : 2;
+	//attr_list can be Array or Object(key/value)
+	var prefix = prefix ? prefix.replace(/([^\-])$/ , '$1-') : '';
+	prefix = 'data-' + prefix;
+
+	var settings = {}
+	for(var li in attr_list) if(attr_list.hasOwnProperty(li)) {
+		var name = list_type == 1 ? attr_list[li] : li;
+		var attr_val, attr_name = $$.unCamelCase(name.replace(/[^A-Za-z0-9]{1,}/g , '-')).toLowerCase()
+
+		if( ! ((attr_val = el.getAttribute(prefix + attr_name))  ) ) continue;
+		settings[name] = $$.strToVal(attr_val);
+	}
+
+	return settings;
+ }
+
+ $$.scrollTop = function() {
+	return document.scrollTop || document.documentElement.scrollTop || document.body.scrollTop
+ }
+ $$.winHeight = function() {
+	return window.innerHeight || document.documentElement.clientHeight;
+ }
+ $$.redraw = function(elem, force) {
+	var saved_val = elem.style['display'];
+	elem.style.display = 'none';
+	elem.offsetHeight;
+	if(force !== true) {
+		elem.style.display = saved_val;
+	}
+	else {
+		//force redraw for example in old IE
+		setTimeout(function() {
+			elem.style.display = saved_val;
+		}, 10);
+	}
+ }
+})(ace.helper);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/ace/ace.onpage-help.js b/web/bootstrap-ace-admin/js/ace/ace.onpage-help.js
new file mode 100755
index 00000000..bed937be
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/ace.onpage-help.js
@@ -0,0 +1,156 @@
+jQuery(function($) {
+	var help = null;//Onpage_Help instance
+
+	//for ace demo pages, we temporarily disable fixed navbar, etc ... when help is enabled
+	//because when an element is fixed, its highlighted help section should also become fixed!
+	var page_settings = {}
+	var before_enable_help = function() {
+		$('#btn-scroll-up').css('z-index', 1000000);//bring btn-scroll-up  higher , to be over our help area
+
+		//save our current state of navbar, sidebar and breadcrumbs before enabling help
+		page_settings['navbar'] = ace.settings.is('navbar', 'fixed')
+		page_settings['sidebar'] = ace.settings.is('sidebar', 'fixed')
+		page_settings['breadcrumbs'] = ace.settings.is('breadcrumbs', 'fixed')
+		
+		ace.settings.navbar_fixed(null, false , false);//now disable fixed navbar, which automatically disabled fixed sidebar and breadcrumbs
+	}
+	var after_disable_help = function() {
+		$('#btn-scroll-up').css('z-index', '');
+
+		//restore fixed state of navbar, sidebar, etc
+		if( page_settings['breadcrumbs'] ) ace.settings.breadcrumbs_fixed(null, true, false);
+		if( page_settings['sidebar'] ) ace.settings.sidebar_fixed(null, true, false);
+		if( page_settings['navbar'] ) ace.settings.navbar_fixed(null, true, false);
+	}
+	
+	var get_file_url = function(url, language) {
+		//function that return the real path to a file which is being loaded
+		return this.settings.base + '/' + url;
+	}
+	var get_section_url = function(section_name) {
+		//according to a section_name such as `basics/navbar.toggle` return the file url which contains help content
+		section_name = section_name || '';
+
+		//for example convert `basic/navbar.layout.brand` to `basic/navbar`
+		//because 'layout.brand' section is inside `basic/navbar.html` file
+		var url = section_name.replace(/\..*$/g, '');
+
+		var parts = url.split('/');
+		if(parts.length == 1) {
+			//for example convert `changes` to `changes/index.html`
+			if(url.length == 0) url = 'intro';//or convert `empty string` to `intro/index.html`
+			url = url + '/index.html';
+		}
+		else if(parts.length > 1) {
+			//for example convert `basics/navbar.layout` to `basics/navbar.html`
+			url = url + '.html';
+		}
+		return this.settings.base + '/docs/sections/' + url;
+	}
+	var get_img_url = function(src) {
+		return this.settings.base + '/docs/' +src;
+	}
+
+	/**
+	var code_highlight = function(e, language) {
+		//'this' refers to 'Onpage_Help' object invoking this function
+		if(typeof e === 'string') {
+			if(typeof language === 'string') {
+				//called when a file (html,css,etc) is loaded
+				//'e' is a piece of code
+				//maybe highlight the syntax it according to `language` and return result
+			}
+			else {
+				//called before new help content is being displayed
+				//'e' is a string which may contain <pre>...</pre> code sections
+				//which you may want to highlight the code, or for example convert them < to &lt; and > to &gt;
+				//and return the result
+			}
+		}
+		else if(typeof e === 'object') {
+			//called when new help content is displayed
+			//'e' is an html element which may have "pre" children that you can syntax-highlight
+		}
+	}
+	*/
+
+
+	function startHelp() {
+		if(help !== null) return;//already created?
+
+		help = new Onpage_Help({
+			'include_all': false,
+			'base': ace.vars['base'] || '../..',
+			'file_url': get_file_url,
+			'section_url': get_section_url,
+			
+			'img_url': get_img_url,
+			
+			'before_enable': before_enable_help,
+			'after_disable': after_disable_help
+			
+			//,'code_highlight': code_highlight
+		})
+
+		
+		
+		var help_container = $('#onpage-help-container');
+		//add a custom button to enable/disable help
+		help_container.append('<div class="ace-settings-container onpage-help-toggle-container">\
+			<div id="onpage-help-toggle-btn" class="btn btn-app btn-xs btn-info ace-settings-btn onpage-help-toggle-btn">\
+				<i class="onpage-help-toggle-text ace-icon fa fa-question bigger-150"></i>\
+			</div>\
+		</div>');
+
+		$('#onpage-help-toggle-btn').on('click', function(e) {
+			e.preventDefault();
+			toggleHelp();
+		})
+		
+		//add .container class to help container div when our content is put inside a ".container"
+		$(document).on('settings.ace.help', function(ev, event_name, fixed) {
+		   if(event_name == 'main_container_fixed') {
+			  if(fixed) help_container.addClass('container');
+			  else help_container.removeClass('container');
+		   }
+		}).triggerHandler('settings.ace.help', ['main_container_fixed', $('.main-container').hasClass('container')])
+		
+		//in ajax mode when a content is loaded via ajax, we may want to update help sections
+		$(document).on('ajaxloadcomplete.ace.help', function() {
+			help.update_sections();
+		});
+	}
+	
+	function toggleHelp() {
+		help.toggle();
+		
+		var toggle_btn = $('#onpage-help-toggle-btn');
+		toggle_btn.find('.onpage-help-toggle-text').removeClass('onpage-help-toggle-text');
+		toggle_btn.toggleClass('btn-grey btn-info').parent().toggleClass('active');
+	}
+
+
+	$(window).on('hashchange.start_help', function(e) {
+		if(help == null && window.location.hash == '#help') {
+			startHelp();
+
+			//add #help tag to sidebar links to enable help when navigating to the page
+			$(document).on('click.start_help', '.sidebar .nav-list a', function() {
+				var href = $(this).attr('href');
+				if( !href.match(/\#help$/) ) $(this).attr('href', href+'#help');
+			});
+		}
+	}).triggerHandler('hashchange.start_help');
+
+
+	//some buttons inside demo pages that launch a help section
+	$(document).on('click', '.btn-display-help', function(e) {
+		e.preventDefault();
+
+		startHelp();
+		if( !help.is_active() ) toggleHelp();
+
+		var section = $(this).attr('href');
+		help.show_section_help(section);
+	});
+});
diff --git a/web/bootstrap-ace-admin/js/ace/ace.searchbox-autocomplete.js b/web/bootstrap-ace-admin/js/ace/ace.searchbox-autocomplete.js
new file mode 100755
index 00000000..7f982ae4
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/ace.searchbox-autocomplete.js
@@ -0,0 +1,19 @@
+/**
+The autocomplete dropdown when typing inside search box.
+<u><i class="glyphicon glyphicon-flash"></i> You don't need this. Used for demo only</u>
+*/
+(function($ , undefined) {
+
+	ace.vars['US_STATES'] = ["Alabama","Alaska","Arizona","Arkansas","California","Colorado","Connecticut","Delaware","Florida","Georgia","Hawaii","Idaho","Illinois","Indiana","Iowa","Kansas","Kentucky","Louisiana","Maine","Maryland","Massachusetts","Michigan","Minnesota","Mississippi","Missouri","Montana","Nebraska","Nevada","New Hampshire","New Jersey","New Mexico","New York","North Dakota","North Carolina","Ohio","Oklahoma","Oregon","Pennsylvania","Rhode Island","South Carolina","South Dakota","Tennessee","Texas","Utah","Vermont","Virginia","Washington","West Virginia","Wisconsin","Wyoming"]
+	try {
+		$('#nav-search-input').bs_typeahead({
+			source: ace.vars['US_STATES'],
+			updater:function (item) {
+				//when an item is selected from dropdown menu, focus back to input element
+				$('#nav-search-input').focus();
+				return item;
+			}
+		});
+	} catch(e) {}
+
+})(window.jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/ace/ace.settings-rtl.js b/web/bootstrap-ace-admin/js/ace/ace.settings-rtl.js
new file mode 100755
index 00000000..769df9e9
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/ace.settings-rtl.js
@@ -0,0 +1,155 @@
+/**
+<b>RTL</b> (right-to-left direction for Arabic, Hebrew, Persian languages).
+It's good for demo only.
+You should hard code RTL-specific changes inside your HTML/server-side code.
+Dynamically switching to RTL using Javascript is not a good idea.
+Please refer to documentation for more info.
+*/
+
+
+(function($ , undefined) {
+ //Switching to RTL (right to left) Mode
+ $('#ace-settings-rtl').removeAttr('checked').on('click', function(){
+	switch_direction();
+ });
+ 
+ 
+ //>>> you should hard code changes inside HTML for RTL direction
+ //you shouldn't use this function to switch direction
+ //this is only for dynamically switching for demonstration
+ //take a look at this function to see what changes should be made
+ //also take a look at docs for some tips
+ var switch_direction = function() {
+	if($('#ace-rtl-stylesheet').length == 0) {
+		//let's load RTL stylesheet only when needed!
+		var ace_style = $('head').find('link.ace-main-stylesheet');
+		if(ace_style.length == 0) {
+			ace_style = $('head').find('link[href*="/ace.min.css"],link[href*="/ace-part2.min.css"]');
+			if(ace_style.length == 0) {
+				ace_style = $('head').find('link[href*="/ace.css"],link[href*="/ace-part2.css"]');
+			}
+		}
+		
+		var ace_skins = $('head').find('link#ace-skins-stylesheet');
+		var stylesheet_url = ace_style.first().attr('href').replace(/(\.min)?\.css$/i , '-rtl$1.css');
+		$.ajax({
+			'url': stylesheet_url
+		}).done(function() {
+			var new_link = jQuery('<link />', {type : 'text/css', rel: 'stylesheet', 'id': 'ace-rtl-stylesheet'})
+			if(ace_skins.length > 0) {
+				new_link.insertAfter(ace_skins);
+			}
+			else if(ace_style.length > 0){
+				new_link.insertAfter(ace_style.last());
+			}
+			else new_link.appendTo('head');
+		
+			new_link.attr('href', stylesheet_url);
+			//we set "href" after insertion, for IE to work
+			
+			applyChanges();
+			if(window.Pace && Pace.running)	Pace.stop();
+		})		
+	}
+	else {
+		applyChanges();
+	}
+	
+	//in ajax when new content is loaded, we dynamically apply RTL changes again
+	//please note that this is only for Ace demo
+	//for info about RTL see Ace's docs
+	$('.page-content-area[data-ajax-content=true]').on('ajaxscriptsloaded.rtl', function() {
+		if( $('body').hasClass('rtl') ) {
+			applyChanges(this);
+		}
+	});
+
+	/////////////////////////
+	function applyChanges(el) {
+		var $body = $(document.body);
+		if(!el) $body.toggleClass('rtl');//el is 'body'
+
+		el = el || document.body;		
+		var $container = $(el);
+		$container
+		//toggle pull-right class on dropdown-menu
+		.find('.dropdown-menu:not(.datepicker-dropdown,.colorpicker)').toggleClass('dropdown-menu-right')
+		.end()
+		//swap pull-left & pull-right
+		.find('.pull-right:not(.dropdown-menu,blockquote,.profile-skills .pull-right)').removeClass('pull-right').addClass('tmp-rtl-pull-right')
+		.end()
+		.find('.pull-left:not(.dropdown-submenu,.profile-skills .pull-left)').removeClass('pull-left').addClass('pull-right')
+		.end()
+		.find('.tmp-rtl-pull-right').removeClass('tmp-rtl-pull-right').addClass('pull-left')
+		.end()
+		
+		.find('.chosen-select').toggleClass('chosen-rtl').next().toggleClass('chosen-rtl');
+		
+
+		function swap_classes(class1, class2) {
+			$container
+			 .find('.'+class1).removeClass(class1).addClass('tmp-rtl-'+class1)
+			 .end()
+			 .find('.'+class2).removeClass(class2).addClass(class1)
+			 .end()
+			 .find('.tmp-rtl-'+class1).removeClass('tmp-rtl-'+class1).addClass(class2)
+		}
+
+		swap_classes('align-left', 'align-right');
+		swap_classes('no-padding-left', 'no-padding-right');
+		swap_classes('arrowed', 'arrowed-right');
+		swap_classes('arrowed-in', 'arrowed-in-right');
+		swap_classes('tabs-left', 'tabs-right');
+		swap_classes('messagebar-item-left', 'messagebar-item-right');//for inbox page
+		
+		$('.modal.aside-vc').ace_aside('flip').ace_aside('insideContainer');
+		
+		
+		//mirror all icons and attributes that have a "fa-*-right|left" attrobute
+		$container.find('.fa').each(function() {
+			if(this.className.match(/ui-icon/) || $(this).closest('.fc-button').length > 0) return;
+			//skip mirroring icons of plugins that have built in RTL support
+
+			var l = this.attributes.length;
+			for(var i = 0 ; i < l ; i++) {
+				var val = this.attributes[i].value;
+				if(val.match(/fa\-(?:[\w\-]+)\-left/)) 
+					this.attributes[i].value = val.replace(/fa\-([\w\-]+)\-(left)/i , 'fa-$1-right')
+				 else if(val.match(/fa\-(?:[\w\-]+)\-right/)) 
+					this.attributes[i].value = val.replace(/fa\-([\w\-]+)\-(right)/i , 'fa-$1-left')
+			}
+		});
+		
+		//browsers are incosistent with horizontal scroll and RTL
+		//so let's make our scrollbars LTR and wrap the content inside RTL
+		var rtl = $body.hasClass('rtl');
+		if(rtl)	{
+			$container.find('.scroll-hz').addClass('make-ltr')
+			.find('.scroll-content')
+			.wrapInner('<div class="make-rtl" />');
+			$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('changeDir', 'right');
+		}
+		else {
+			//remove the wrap
+			$container.find('.scroll-hz').removeClass('make-ltr')
+			.find('.make-rtl').children().unwrap();
+			$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('changeDir', 'left');
+		}
+		if($.fn.ace_scroll) $container.find('.scroll-hz').ace_scroll('reset') //to reset scrollLeft
+
+		//redraw the traffic pie chart on homepage with a different parameter
+		try {
+			var placeholder = $('#piechart-placeholder');
+			if(placeholder.length > 0) {
+				var pos = $body.hasClass('rtl') ? 'nw' : 'ne';//draw on north-west or north-east?
+				placeholder.data('draw').call(placeholder.get(0) , placeholder, placeholder.data('chart'), pos);
+			}
+		}catch(e) {}
+		
+		
+		ace.helper.redraw(el, true);
+	}
+ }
+})(jQuery);
+
+
diff --git a/web/bootstrap-ace-admin/js/ace/ace.settings-skin.js b/web/bootstrap-ace-admin/js/ace/ace.settings-skin.js
new file mode 100755
index 00000000..6d0bf924
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/ace.settings-skin.js
@@ -0,0 +1,142 @@
+/**
+ <b>Select a different skin</b>. It's good for demo only.
+ You should hard code skin-specific changes inside your HTML/server-side code.
+ Please refer to documentation for more info.
+*/
+
+(function($ , undefined) {
+  try {
+	$('#skin-colorpicker').ace_colorpicker({'auto_pos': false});
+  } catch(e) {}
+
+  $('#skin-colorpicker').on('change', function(){
+	var skin_class = $(this).find('option:selected').data('skin');
+
+	if($('#ace-skins-stylesheet').length == 0) {
+		//let's load skins stylesheet only when needed!
+		var ace_style = $('head').find('link.ace-main-stylesheet');
+		if(ace_style.length == 0) {
+			ace_style = $('head').find('link[href*="/ace.min.css"],link[href*="/ace-part2.min.css"]');
+			if(ace_style.length == 0) {
+				ace_style = $('head').find('link[href*="/ace.css"],link[href*="/ace-part2.css"]');
+			}
+		}
+		
+		var stylesheet_url = ace_style.first().attr('href').replace(/(\.min)?\.css$/i , '-skins$1.css');
+		$.ajax({
+			'url': stylesheet_url
+		}).done(function() {
+			var new_link = jQuery('<link />', {type : 'text/css', rel: 'stylesheet', 'id': 'ace-skins-stylesheet'})
+			if(ace_style.length > 0){
+				new_link.insertAfter(ace_style.last());
+			}
+			else new_link.appendTo('head');
+	
+			new_link.attr('href', stylesheet_url);
+			//we set "href" after insertion, for IE to work
+			
+			applyChanges(skin_class);
+			if(window.Pace && Pace.running)	Pace.stop();
+		})
+	}
+	else {
+		applyChanges(skin_class);
+	}
+
+
+	function applyChanges(skin_class) {
+		//skin cookie tip
+		var body = $(document.body);
+		body.removeClass('no-skin skin-1 skin-2 skin-3');
+		//if(skin_class != 'skin-0') {
+			body.addClass(skin_class);
+			ace.data.set('skin', skin_class);
+			//save the selected skin to cookies
+			//which can later be used by your server side app to set the skin
+			//for example: <body class="<?php echo $_COOKIE['ace_skin']; ?>"
+		//} else ace.data.remove('skin');
+		
+		var skin3_colors = ['red', 'blue', 'green', ''];
+
+		
+			//undo skin-1
+			$('.ace-nav > li.grey').removeClass('dark');
+			
+			//undo skin-2
+			$('.ace-nav > li').removeClass('no-border margin-1');
+			$('.ace-nav > li:not(:last-child)').removeClass('light-pink').find('> a > '+ace.vars['.icon']).removeClass('pink').end().eq(0).find('.badge').removeClass('badge-warning');
+			$('.sidebar-shortcuts .btn')
+			.removeClass('btn-pink btn-white')
+			.find(ace.vars['.icon']).removeClass('white');
+			
+			//undo skin-3
+			$('.ace-nav > li.grey').removeClass('red').find('.badge').removeClass('badge-yellow');
+			$('.sidebar-shortcuts .btn').removeClass('btn-primary btn-white')
+			var i = 0;
+			$('.sidebar-shortcuts .btn').each(function() {
+				$(this).find(ace.vars['.icon']).removeClass(skin3_colors[i++]);
+			})
+		
+		
+
+		
+		var skin0_buttons = ['btn-success', 'btn-info', 'btn-warning', 'btn-danger'];
+		if(skin_class == 'no-skin') {
+			var i = 0;
+			$('.sidebar-shortcuts .btn').each(function() {
+				$(this).attr('class', 'btn ' + skin0_buttons[i++%4]);
+			})
+			
+			$('.sidebar[data-sidebar-scroll=true]').ace_sidebar_scroll('updateStyle', '');
+			$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('updateStyle', 'no-track scroll-thin');
+		}
+
+		else if(skin_class == 'skin-1') {
+			$('.ace-nav > li.grey').addClass('dark');
+			var i = 0;
+			$('.sidebar-shortcuts')
+			.find('.btn').each(function() {
+				$(this).attr('class', 'btn ' + skin0_buttons[i++%4]);
+			})
+			
+			$('.sidebar[data-sidebar-scroll=true]').ace_sidebar_scroll('updateStyle', 'scroll-white no-track');
+			$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('updateStyle', 'no-track scroll-thin scroll-white');
+		}
+
+		else if(skin_class == 'skin-2') {
+			$('.ace-nav > li').addClass('no-border margin-1');
+			$('.ace-nav > li:not(:last-child)').addClass('light-pink').find('> a > '+ace.vars['.icon']).addClass('pink').end().eq(0).find('.badge').addClass('badge-warning');
+			
+			$('.sidebar-shortcuts .btn').attr('class', 'btn btn-white btn-pink')
+			.find(ace.vars['.icon']).addClass('white');
+			
+			$('.sidebar[data-sidebar-scroll=true]').ace_sidebar_scroll('updateStyle', 'scroll-white no-track');
+			$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('updateStyle', 'no-track scroll-thin scroll-white');
+		}
+
+		//skin-3
+		//change shortcut buttons classes, this should be hard-coded if you want to choose this skin
+		else if(skin_class == 'skin-3') {
+			body.addClass('no-skin');//because skin-3 has many parts of no-skin as well
+			
+			$('.ace-nav > li.grey').addClass('red').find('.badge').addClass('badge-yellow');
+			
+			var i = 0;
+			$('.sidebar-shortcuts .btn').each(function() {
+				$(this).attr('class', 'btn btn-primary btn-white');
+				$(this).find(ace.vars['.icon']).addClass(skin3_colors[i++]);
+			})
+			
+			$('.sidebar[data-sidebar-scroll=true]').ace_sidebar_scroll('updateStyle', 'scroll-dark no-track');
+			$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('updateStyle', 'no-track scroll-thin');
+		}
+
+		//some sizing differences may be there in skins, so reset scrollbar size
+		$('.sidebar[data-sidebar-scroll=true]').ace_sidebar_scroll('reset')
+		//$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('reset')
+		
+		if(ace.vars['old_ie']) ace.helper.redraw(document.body, true);
+	}
+
+ })
+})(jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/ace/ace.settings.js b/web/bootstrap-ace-admin/js/ace/ace.settings.js
new file mode 100755
index 00000000..3b5d57f3
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/ace.settings.js
@@ -0,0 +1,88 @@
+/**
+ <b>Settings box</b>. It's good for demo only. You don't need this.
+*/
+(function($ , undefined) {
+
+ $('#ace-settings-btn').on(ace.click_event, function(e){
+	e.preventDefault();
+
+	$(this).toggleClass('open');
+	$('#ace-settings-box').toggleClass('open');
+ })
+
+ $('#ace-settings-navbar').on('click', function(){
+	ace.settings.navbar_fixed(null, this.checked);//@ ace-extra.js
+	//$(window).triggerHandler('resize.navbar');
+
+	//force redraw?
+	//if(ace.vars['webkit']) ace.helper.redraw(document.body);
+ }).each(function(){this.checked = ace.settings.is('navbar', 'fixed')})
+
+ $('#ace-settings-sidebar').on('click', function(){
+	ace.settings.sidebar_fixed(null, this.checked);//@ ace-extra.js
+
+	//if(ace.vars['webkit']) ace.helper.redraw(document.body);
+ }).each(function(){this.checked = ace.settings.is('sidebar', 'fixed')})
+
+ $('#ace-settings-breadcrumbs').on('click', function(){
+	ace.settings.breadcrumbs_fixed(null, this.checked);//@ ace-extra.js
+
+	//if(ace.vars['webkit']) ace.helper.redraw(document.body);
+ }).each(function(){this.checked = ace.settings.is('breadcrumbs', 'fixed')})
+
+ $('#ace-settings-add-container').on('click', function(){
+	ace.settings.main_container_fixed(null, this.checked);//@ ace-extra.js
+
+	//if(ace.vars['webkit']) ace.helper.redraw(document.body);
+ }).each(function(){this.checked = ace.settings.is('main-container', 'fixed')})
+
+
+
+ $('#ace-settings-compact').on('click', function(){
+	if(this.checked) {
+		$('#sidebar').addClass('compact');
+		var hover = $('#ace-settings-hover');
+		if( hover.length > 0 ) {
+			hover.removeAttr('checked').trigger('click');
+		}
+	}
+	else {
+		$('#sidebar').removeClass('compact');
+		$('#sidebar[data-sidebar-scroll=true]').ace_sidebar_scroll('reset')
+	}
+	
+	if(ace.vars['old_ie']) ace.helper.redraw($('#sidebar')[0], true);
+ })/*.removeAttr('checked')*/
+
+
+ $('#ace-settings-highlight').on('click', function(){
+	if(this.checked) $('#sidebar .nav-list > li').addClass('highlight');
+	else $('#sidebar .nav-list > li').removeClass('highlight');
+	
+	if(ace.vars['old_ie']) ace.helper.redraw($('#sidebar')[0]);
+ })/*.removeAttr('checked')*/
+
+
+ $('#ace-settings-hover').on('click', function(){
+	if($('#sidebar').hasClass('h-sidebar')) return;
+	if(this.checked) {
+		$('#sidebar li').addClass('hover')
+		.filter('.open').removeClass('open').find('> .submenu').css('display', 'none');
+		//and remove .open items
+	}
+	else {
+		$('#sidebar li.hover').removeClass('hover');
+
+		var compact = $('#ace-settings-compact');
+		if( compact.length > 0 && compact.get(0).checked ) {
+			compact.trigger('click');
+		}
+	}
+	
+	$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('reset')
+	$('.sidebar[data-sidebar-scroll=true]').ace_sidebar_scroll('reset')
+	
+	if(ace.vars['old_ie']) ace.helper.redraw($('#sidebar')[0]);
+ })/*.removeAttr('checked')*/
+
+})(jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/ace/ace.sidebar-scroll-1.js b/web/bootstrap-ace-admin/js/ace/ace.sidebar-scroll-1.js
new file mode 100755
index 00000000..5f926c9f
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/ace.sidebar-scroll-1.js
@@ -0,0 +1,506 @@
+/**
+ <b>Scrollbars for sidebar</b>. This approach can <span class="text-danger">only</span> be used on <u>fixed</u> sidebar.
+ It doesn't use <u>"overflow:hidden"</u> CSS property and therefore can be used with <u>.hover</u> submenus and minimized sidebar.
+ Except when in mobile view and menu toggle button is not in the navbar.
+*/
+
+(function($ , undefined) {
+	//if( !$.fn.ace_scroll ) return;
+
+	var old_safari = ace.vars['safari'] && navigator.userAgent.match(/version\/[1-5]/i)
+	//NOTE
+	//Safari on windows has not been updated for a long time.
+	//And it has a problem when sidebar is fixed & scrollable and there is a CSS3 animation inside page content.
+	//Very probably windows users of safari have migrated to another browser by now!
+
+	var is_element_pos =
+	'getComputedStyle' in window ?
+	//el.offsetHeight is used to force redraw and recalculate 'el.style.position' esp. for webkit!
+	function(el, pos) { el.offsetHeight; return window.getComputedStyle(el).position == pos }
+	:
+	function(el, pos) { el.offsetHeight; return $(el).css('position') == pos }
+	
+		
+	function Sidebar_Scroll(sidebar , settings) {
+		var self = this;
+
+		var $window = $(window);
+		var $sidebar = $(sidebar),
+			$nav = $sidebar.find('.nav-list'),
+			$toggle = $sidebar.find('.sidebar-toggle').eq(0),
+			$shortcuts = $sidebar.find('.sidebar-shortcuts').eq(0);
+			
+		var nav = $nav.get(0);
+		if(!nav) return;
+		
+		
+		var attrib_values = ace.helper.getAttrSettings(sidebar, $.fn.ace_sidebar_scroll.defaults);
+		this.settings = $.extend({}, $.fn.ace_sidebar_scroll.defaults, settings, attrib_values);
+		var scroll_to_active = self.settings.scroll_to_active;
+	
+	
+		var ace_sidebar = $sidebar.ace_sidebar('ref');
+		$sidebar.attr('data-sidebar-scroll', 'true');
+			
+		
+		var scroll_div = null,
+			scroll_content = null,
+			scroll_content_div = null,
+			bar = null,
+			track = null,
+			ace_scroll = null;
+
+
+		this.is_scrolling = false;
+		var _initiated = false;
+		this.sidebar_fixed = is_element_pos(sidebar, 'fixed');
+		
+		var $avail_height, $content_height;
+
+		
+		var available_height = function() {
+			//available window space
+			var offset = $nav.parent().offset();//because `$nav.offset()` considers the "scrolled top" amount as well
+			if(self.sidebar_fixed) offset.top -= ace.helper.scrollTop();
+
+			return $window.innerHeight() - offset.top - ( self.settings.include_toggle ? 0 : $toggle.outerHeight() );
+		}
+		var content_height = function() {
+			return nav.clientHeight;//we don't use nav.scrollHeight here, because hover submenus are considered in calculating scrollHeight despite position=absolute!
+		}
+
+		
+		
+		var initiate = function(on_page_load) {
+			if( _initiated ) return;
+			if( !self.sidebar_fixed ) return;//eligible??
+			//return if we want scrollbars only on "fixed" sidebar and sidebar is not "fixed" yet!
+
+			//initiate once
+			$nav.wrap('<div class="nav-wrap-up pos-rel" />');
+			$nav.after('<div><div></div></div>');
+
+			$nav.wrap('<div class="nav-wrap" />');
+			if(!self.settings.include_toggle) $toggle.css({'z-index': 1});
+			if(!self.settings.include_shortcuts) $shortcuts.css({'z-index': 99});
+
+			scroll_div = $nav.parent().next()
+			.ace_scroll({
+				size: available_height(),
+				//reset: true,
+				mouseWheelLock: true,
+				hoverReset: false,
+				dragEvent: true,
+				styleClass: self.settings.scroll_style,
+				touchDrag: false//disable touch drag event on scrollbars, we'll add a custom one later
+			})
+			.closest('.ace-scroll').addClass('nav-scroll');
+			
+			ace_scroll = scroll_div.data('ace_scroll');
+
+			scroll_content = scroll_div.find('.scroll-content').eq(0);
+			scroll_content_div = scroll_content.find(' > div').eq(0);
+			
+			track = $(ace_scroll.get_track());
+			bar = track.find('.scroll-bar').eq(0);
+
+			if(self.settings.include_shortcuts && $shortcuts.length != 0) {
+				$nav.parent().prepend($shortcuts).wrapInner('<div />');
+				$nav = $nav.parent();
+			}
+			if(self.settings.include_toggle && $toggle.length != 0) {
+				$nav.append($toggle);
+				$nav.closest('.nav-wrap').addClass('nav-wrap-t');//it just helps to remove toggle button's top border and restore li:last-child's bottom border
+			}
+
+			$nav.css({position: 'relative'});
+			if( self.settings.scroll_outside == true ) scroll_div.addClass('scrollout');
+			
+			nav = $nav.get(0);
+			nav.style.top = 0;
+			scroll_content.on('scroll.nav', function() {
+				nav.style.top = (-1 * this.scrollTop) + 'px';
+			});
+			
+			//mousewheel library available?
+			$nav.on(!!$.event.special.mousewheel ? 'mousewheel.ace_scroll' : 'mousewheel.ace_scroll DOMMouseScroll.ace_scroll', function(event){
+				if( !self.is_scrolling || !ace_scroll.is_active() ) {
+					return !self.settings.lock_anyway;
+				}
+				//transfer $nav's mousewheel event to scrollbars
+				return scroll_div.trigger(event);
+			});
+			
+			$nav.on('mouseenter.ace_scroll', function() {
+				track.addClass('scroll-hover');
+			}).on('mouseleave.ace_scroll', function() {
+				track.removeClass('scroll-hover');
+			});
+
+
+			/**
+			$(document.body).on('touchmove.nav', function(event) {
+				if( self.is_scrolling && $.contains(sidebar, event.target) ) {
+					event.preventDefault();
+					return false;
+				}
+			})
+			*/
+
+			//you can also use swipe event in a similar way //swipe.nav
+			var content = scroll_content.get(0);
+			$nav.on('ace_drag.nav', function(event) {
+				if( !self.is_scrolling || !ace_scroll.is_active() ) {
+					event.retval.cancel = true;
+					return;
+				}
+				
+				//if submenu hover is being scrolled let's cancel sidebar scroll!
+				if( $(event.target).closest('.can-scroll').length != 0 ) {
+					event.retval.cancel = true;
+					return;
+				}
+
+				if(event.direction == 'up' || event.direction == 'down') {
+					
+					ace_scroll.move_bar(true);
+					
+					var distance = event.dy;
+					
+					distance = parseInt(Math.min($avail_height, distance))
+					if(Math.abs(distance) > 2) distance = distance * 2;
+					
+					if(distance != 0) {
+						content.scrollTop = content.scrollTop + distance;
+						nav.style.top = (-1 * content.scrollTop) + 'px';
+					}
+				}
+			});
+			
+
+			//for drag only
+			if(self.settings.smooth_scroll) {
+				$nav
+				.on('touchstart.nav MSPointerDown.nav pointerdown.nav', function(event) {
+					$nav.css('transition-property', 'none');
+					bar.css('transition-property', 'none');
+				})
+				.on('touchend.nav touchcancel.nav MSPointerUp.nav MSPointerCancel.nav pointerup.nav pointercancel.nav', function(event) {
+					$nav.css('transition-property', 'top');
+					bar.css('transition-property', 'top');
+				});
+			}
+			
+			
+
+			if(old_safari && !self.settings.include_toggle) {
+				var toggle = $toggle.get(0);
+				if(toggle) scroll_content.on('scroll.safari', function() {
+					ace.helper.redraw(toggle);
+				});
+			}
+
+			_initiated = true;
+
+			//if the active item is not visible, scroll down so that it becomes visible
+			//only the first time, on page load
+			if(on_page_load == true) {
+				self.reset();//try resetting at first
+
+				if( scroll_to_active ) {
+					self.scroll_to_active();
+				}
+				scroll_to_active = false;
+			}
+			
+			
+			
+			if( typeof self.settings.smooth_scroll === 'number' && self.settings.smooth_scroll > 0) {
+				$nav.css({'transition-property': 'top', 'transition-duration': (self.settings.smooth_scroll / 1000).toFixed(2)+'s'})
+				bar.css({'transition-property': 'top', 'transition-duration': (self.settings.smooth_scroll / 1500).toFixed(2)+'s'})
+				
+				scroll_div
+				.on('drag.start', function(e) {
+					e.stopPropagation();
+					$nav.css('transition-property', 'none')
+				})
+				.on('drag.end', function(e) {
+					e.stopPropagation();
+					$nav.css('transition-property', 'top')
+				});
+			}
+			
+			if(ace.vars['android']) {
+				//force hide address bar, because its changes don't trigger window resize and become kinda ugly
+				var val = ace.helper.scrollTop();
+				if(val < 2) {
+					window.scrollTo( val, 0 );
+					setTimeout( function() {
+						self.reset();
+					}, 20 );
+				}
+				
+				var last_height = ace.helper.winHeight() , new_height;
+				$(window).on('scroll.ace_scroll', function() {
+					if(self.is_scrolling && ace_scroll.is_active()) {
+						new_height = ace.helper.winHeight();
+						if(new_height != last_height) {
+							last_height = new_height;
+							self.reset();
+						}
+					}
+				});
+			}
+		}
+		
+		
+		
+		
+		this.scroll_to_active = function() {
+			if( !ace_scroll || !ace_scroll.is_active() ) return;
+			try {
+				//sometimes there's no active item or not 'offsetTop' property
+				var $active;
+				
+				var vars = ace_sidebar['vars']()
+
+				var nav_list = $sidebar.find('.nav-list')
+				if(vars['minimized'] && !vars['collapsible']) {
+					$active = nav_list.find('> .active')
+				}
+				else {
+					$active = $nav.find('> .active.hover')
+					if($active.length == 0)	$active = $nav.find('.active:not(.open)')
+				}
+
+			
+				var top = $active.outerHeight();
+				nav_list = nav_list.get(0);
+				var active = $active.get(0);
+				while(active != nav_list) {
+					top += active.offsetTop;
+					active = active.parentNode;
+				}
+
+				var scroll_amount = top - scroll_div.height();
+				if(scroll_amount > 0) {
+					nav.style.top = -scroll_amount + 'px';
+					scroll_content.scrollTop(scroll_amount);
+				}
+			}catch(e){}
+		}
+		
+		
+		
+		this.reset = function(recalc) {
+			if(recalc === true) {
+				this.sidebar_fixed = is_element_pos(sidebar, 'fixed');
+			}
+			
+			if( !this.sidebar_fixed ) {
+				this.disable();
+				return;//eligible??
+			}
+
+			//return if we want scrollbars only on "fixed" sidebar and sidebar is not "fixed" yet!
+
+			if( !_initiated ) initiate();
+			//initiate scrollbars if not yet
+			
+			var vars = ace_sidebar['vars']();
+			
+
+			//enable if:
+			//menu is not collapsible mode (responsive navbar-collapse mode which has default browser scrollbar)
+			//menu is not horizontal or horizontal but mobile view (which is not navbar-collapse)
+			//and available height is less than nav's height
+			
+
+			var enable_scroll = !vars['collapsible'] && !vars['horizontal']
+								&& ($avail_height = available_height()) < ($content_height = nav.clientHeight);
+								//we don't use nav.scrollHeight here, because hover submenus are considered in calculating scrollHeight despite position=absolute!
+
+								
+			this.is_scrolling = true;
+			if( enable_scroll ) {
+				scroll_content_div.css({height: $content_height, width: 8});
+				scroll_div.prev().css({'max-height' : $avail_height})
+				ace_scroll.update({size: $avail_height})
+				ace_scroll.enable();
+				ace_scroll.reset();
+			}
+			if( !enable_scroll || !ace_scroll.is_active() ) {
+				if(this.is_scrolling) this.disable();
+			}
+			else {
+				$sidebar.addClass('sidebar-scroll');
+			}
+			
+			//return this.is_scrolling;
+		}
+		
+		
+		
+		this.disable = function() {
+			this.is_scrolling = false;
+			if(scroll_div) {
+				scroll_div.css({'height' : '', 'max-height' : ''});
+				scroll_content_div.css({height: '', width: ''});//otherwise it will have height and takes up some space even when invisible
+				scroll_div.prev().css({'max-height' : ''})
+				ace_scroll.disable();
+			}
+
+			if(parseInt(nav.style.top) < 0 && self.settings.smooth_scroll && $.support.transition.end) {
+				$nav.one($.support.transition.end, function() {
+					$sidebar.removeClass('sidebar-scroll');
+					$nav.off('.trans');
+				});
+			} else {
+				$sidebar.removeClass('sidebar-scroll');
+			}
+
+			nav.style.top = 0;
+		}
+		
+		this.prehide = function(height_change) {
+			if(!this.is_scrolling || ace_sidebar.get('minimized')) return;//when minimized submenu's toggle should have no effect
+			
+			if(content_height() + height_change < available_height()) {
+				this.disable();
+			}
+			else if(height_change < 0) {
+				//if content height is decreasing
+				//let's move nav down while a submenu is being hidden
+				var scroll_top = scroll_content.scrollTop() + height_change
+				if(scroll_top < 0) return;
+
+				nav.style.top = (-1 * scroll_top) + 'px';
+			}
+		}
+		
+		
+		this._reset = function(recalc) {
+			if(recalc === true) {
+				this.sidebar_fixed = is_element_pos(sidebar, 'fixed');
+			}
+			
+			if(ace.vars['webkit']) 
+				setTimeout(function() { self.reset() } , 0);
+			else this.reset();
+		}
+		
+		
+		this.set_hover = function() {
+			if(track) track.addClass('scroll-hover');
+		}
+		
+		this.get = function(name) {
+			if(this.hasOwnProperty(name)) return this[name];
+		}
+		this.set = function(name, value) {
+			if(this.hasOwnProperty(name)) this[name] = value;
+		}
+		this.ref = function() {
+			//return a reference to self
+			return this;
+		}
+		
+		this.updateStyle = function(styleClass) {
+			if(ace_scroll == null) return;
+			ace_scroll.update({styleClass: styleClass});
+		}
+
+		
+		//change scrollbar size after a submenu is hidden/shown
+		//but don't change if sidebar is minimized
+		$sidebar.on('hidden.ace.submenu.sidebar_scroll shown.ace.submenu.sidebar_scroll', '.submenu', function(e) {
+			e.stopPropagation();
+
+			if( !ace_sidebar.get('minimized') ) {
+				//webkit has a little bit of a glitch!!!
+				self._reset();
+				if( e.type == 'shown' ) self.set_hover();
+			}
+		});
+
+		
+		initiate(true);//true = on_page_load
+	}
+	
+
+	
+	//reset on document and window changes
+	$(document).on('settings.ace.sidebar_scroll', function(ev, event_name, event_val){
+		$('.sidebar[data-sidebar-scroll=true]').each(function() {
+			var $this = $(this);
+			var sidebar_scroll = $this.ace_sidebar_scroll('ref');
+
+			if( event_name == 'sidebar_collapsed' && is_element_pos(this, 'fixed') ) {
+				if( $this.attr('data-sidebar-hover') == 'true' ) $this.ace_sidebar_hover('reset');
+				sidebar_scroll._reset();
+			}
+			else if( event_name === 'sidebar_fixed' || event_name === 'navbar_fixed' ) {
+				var is_scrolling = sidebar_scroll.get('is_scrolling');
+				var sidebar_fixed = is_element_pos(this, 'fixed')
+				sidebar_scroll.set('sidebar_fixed', sidebar_fixed);
+
+				if(sidebar_fixed && !is_scrolling) {
+					sidebar_scroll._reset();
+				}
+				else if( !sidebar_fixed ) {
+					sidebar_scroll.disable();
+				}
+			}
+		
+		});
+	});
+	
+	$(window).on('resize.ace.sidebar_scroll', function(){
+		$('.sidebar[data-sidebar-scroll=true]').each(function() {
+			var $this = $(this);
+			if( $this.attr('data-sidebar-hover') == 'true' ) $this.ace_sidebar_hover('reset');
+			/////////////
+			var sidebar_scroll = $(this).ace_sidebar_scroll('ref');
+			
+			var sidebar_fixed = is_element_pos(this, 'fixed')
+			sidebar_scroll.set('sidebar_fixed', sidebar_fixed);
+			sidebar_scroll._reset();
+		});
+	})
+	
+
+	
+	
+	 /////////////////////////////////////////////
+	 if(!$.fn.ace_sidebar_scroll) {
+	  $.fn.ace_sidebar_scroll = function (option, value) {
+		var method_call;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('ace_sidebar_scroll');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('ace_sidebar_scroll', (data = new Sidebar_Scroll(this, options)));
+			if (typeof option === 'string' && typeof data[option] === 'function') {
+				method_call = data[option](value);
+			}
+		});
+
+		return (method_call === undefined) ? $set : method_call;
+	 }
+	 
+	 
+	 $.fn.ace_sidebar_scroll.defaults = {
+		'scroll_to_active': true,
+		'include_shortcuts': true,
+		'include_toggle': false,
+		'smooth_scroll': 150,
+		'scroll_outside': false,
+		'scroll_style': '',
+		'lock_anyway': false
+     }
+	 
+	}
+
+})(window.jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/ace/ace.sidebar-scroll-2.js b/web/bootstrap-ace-admin/js/ace/ace.sidebar-scroll-2.js
new file mode 100755
index 00000000..70af4107
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/ace.sidebar-scroll-2.js
@@ -0,0 +1,341 @@
+/**
+ <b>Scrollbars for sidebar</b>. This approach can be used on fixed or normal sidebar.
+ It uses <u>"overflow:hidden"</u> so you can't use <u>.hover</u> submenus and it will be disabled when sidebar is minimized.
+ It may also be slightly faster especially when resizing browser window.
+ Needs some work! Has a few issues!
+*/
+
+(function($ , undefined) {
+	//if( !$.fn.ace_scroll ) return;
+
+	var old_safari = ace.vars['safari'] && navigator.userAgent.match(/version\/[1-5]/i)
+	//NOTE
+	//Safari on windows has not been updated for a long time.
+	//And it has a problem when sidebar is fixed&scrollable and there is a CSS3 animation inside page content.
+	//Very probably windows users of safari have migrated to another browser by now!
+
+
+
+	var is_element_pos =
+	'getComputedStyle' in window ?
+	//el.offsetHeight is used to force redraw and recalculate 'el.style.position' esp. for webkit!
+	function(el, pos) { el.offsetHeight; return window.getComputedStyle(el).position == pos }
+	:
+	function(el, pos) { el.offsetHeight; return $(el).css('position') == pos }
+
+	
+	function Sidebar_Scroll(sidebar , settings) {
+		var self = this;
+		
+		var $window = $(window);
+		
+		var $sidebar = $(sidebar),
+			$nav = $sidebar.find('.nav-list'),
+			$toggle = $sidebar.find('.sidebar-toggle').eq(0),
+			$shortcuts = $sidebar.find('.sidebar-shortcuts').eq(0),
+
+			nav = $nav.get(0);
+
+		if(!nav) return;
+
+		
+		var attrib_values = ace.helper.getAttrSettings(sidebar, $.fn.ace_sidebar_scroll.defaults);
+		this.settings = $.extend({}, $.fn.ace_sidebar_scroll.defaults, settings, attrib_values);
+				
+		var scroll_to_active = self.settings.scroll_to_active;
+		this.only_if_fixed = self.settings.only_if_fixed;
+		
+
+			
+		var ace_sidebar = $sidebar.ace_sidebar('ref');
+		$sidebar.attr('data-sidebar-scroll', 'true');
+
+		var submenu_hover = function() {
+			return $sidebar.first('li.hover > .submenu').css('position') == 'absolute'
+		}
+		
+		
+		var scroll_div = null,
+			scroll_content = null,
+			scroll_content_div = null,
+			bar = null,
+			ace_scroll = null;
+
+		this.is_scrolling = false;
+		var _initiated = false;
+		this.sidebar_fixed = is_element_pos(sidebar, 'fixed');
+
+		var $avail_height, $content_height;
+
+		var available_height = function() {
+			//available window space
+			var offset = $nav.parent().offset();//because `$nav.offset()` considers the "scrolled top" amount as well
+			if(self.sidebar_fixed) offset.top -= ace.helper.scrollTop();
+
+			return $window.innerHeight() - offset.top - ( self.settings.include_toggle ? 0 : $toggle.outerHeight() );
+		}
+		var content_height = function() {
+			return nav.scrollHeight;
+		}
+		
+		var initiate = function(on_page_load) {
+			if( _initiated ) return;
+			if( (self.only_if_fixed && !self.sidebar_fixed) || submenu_hover() ) return;//eligible??
+			//return if we want scrollbars only on "fixed" sidebar and sidebar is not "fixed" yet!
+
+			//initiate once
+			$nav.wrap('<div class="nav-wrap-up" />');
+			if(self.settings.include_shortcuts && $shortcuts.length != 0) $nav.parent().prepend($shortcuts);
+			if(self.settings.include_toggle && $toggle.length != 0) $nav.parent().append($toggle);
+
+			scroll_div = $nav.parent()
+			.ace_scroll({
+				size: available_height(),
+				reset: true,
+				mouseWheelLock: true,
+				lockAnyway: self.settings.lock_anyway,
+				styleClass: self.settins.scroll_style,
+				hoverReset: false
+			})
+			.closest('.ace-scroll').addClass('nav-scroll');
+			
+			ace_scroll = scroll_div.data('ace_scroll');
+
+			scroll_content = scroll_div.find('.scroll-content').eq(0);
+
+			if(old_safari && !self.settings.include_toggle) {
+				var toggle = $toggle.get(0);
+				if(toggle) scroll_content.on('scroll.safari', function() {
+					ace.helper.redraw(toggle);
+				});
+			}
+
+			_initiated = true;
+
+			//if the active item is not visible, scroll down so that it becomes visible
+			//only the first time, on page load
+			if(on_page_load == true) {
+				self.reset();//try resetting at first
+
+				if( scroll_to_active ) {
+					self.scroll_to_active();
+				}
+				scroll_to_active = false;
+			}
+		}
+		
+		
+		this.scroll_to_active = function() {
+			if( !ace_scroll || !ace_scroll.is_active() ) return;
+			try {
+				//sometimes there's no active item or not 'offsetTop' property
+				var $active;
+				
+				var vars = ace_sidebar['vars']();
+
+				var nav_list = $sidebar.find('.nav-list')
+				if(vars['minimized'] && !vars['collapsible']) {
+					$active = nav_list.find('> .active')
+				}
+				else {
+					$active = $nav.find('> .active.hover')
+					if($active.length == 0)	$active = $nav.find('.active:not(.open)')
+				}
+
+				var top = $active.outerHeight();
+
+				nav_list = nav_list.get(0);
+				var active = $active.get(0);
+				while(active != nav_list) {
+					top += active.offsetTop;
+					active = active.parentNode;
+				}
+
+				var scroll_amount = top - scroll_div.height();
+				if(scroll_amount > 0) {
+					scroll_content.scrollTop(scroll_amount);
+				}
+			}catch(e){}
+			
+			
+			
+		}
+		
+		
+		this.reset = function(recalc) {
+			if(recalc === true) {
+				this.sidebar_fixed = is_element_pos(sidebar, 'fixed');
+			}
+		
+			if( (this.only_if_fixed && !this.sidebar_fixed) || submenu_hover() ) {
+				this.disable();
+				return;//eligible??
+			}
+			//return if we want scrollbars only on "fixed" sidebar and sidebar is not "fixed" yet!
+
+			if( !_initiated ) initiate();
+			//initiate scrollbars if not yet
+			
+			$sidebar.addClass('sidebar-scroll');
+			
+			var vars = ace_sidebar['vars']();
+			
+
+			//enable if:
+			//menu is not minimized
+			//menu is not collapsible mode (responsive navbar-collapse mode which has default browser scroller)
+			//menu is not horizontal or horizontal but mobile view (which is not navbar-collapse)
+			//and available height is less than nav's height			
+			var enable_scroll = !vars['minimized'] && !vars['collapsible'] && !vars['horizontal']
+								&& ($avail_height = available_height()) < ($content_height = nav.parentNode.scrollHeight);
+
+			this.is_scrolling = true;
+			if( enable_scroll && ace_scroll ) {
+				//scroll_content_div.css({height: $content_height, width: 8});
+				//scroll_div.prev().css({'max-height' : $avail_height})
+				ace_scroll.update({size: $avail_height});
+				ace_scroll.enable();
+				ace_scroll.reset();
+			}
+			if( !enable_scroll || !ace_scroll.is_active() ) {
+				if(this.is_scrolling) this.disable();
+			}
+			//return is_scrolling;
+		}
+		
+		this.disable = function() {
+			this.is_scrolling = false;
+			if(ace_scroll) ace_scroll.disable();
+			
+			$sidebar.removeClass('sidebar-scroll');
+		}
+		
+		this.prehide = function(height_change) {
+			if(!this.is_scrolling || ace_sidebar.get('minimized')) return;//when minimized submenu's toggle should have no effect
+
+			if(content_height() + height_change < available_height()) {
+				this.disable();
+			}
+			else if(height_change < 0) {
+				//if content height is decreasing
+				//let's move nav down while a submenu is being hidden
+				var scroll_top = scroll_content.scrollTop() + height_change
+				if(scroll_top < 0) return;
+
+				scroll_content.scrollTop(scroll_top);
+			}
+		}
+		
+		this._reset = function(recalc) {
+			if(recalc === true) {
+				this.sidebar_fixed = is_element_pos(sidebar, 'fixed');
+			}
+			
+			if(ace.vars['webkit']) 
+				setTimeout(function() { self.reset() } , 0);
+			else this.reset();
+		}
+		
+		this.get = function(name) {
+			if(this.hasOwnProperty(name)) return this[name];
+		}
+		this.set = function(name, value) {
+			if(this.hasOwnProperty(name)) this[name] = value;
+		}
+		this.ref = function() {
+			//return a reference to self
+			return this;
+		}
+		
+		this.updateStyle = function(styleClass) {
+			if(ace_scroll == null) return;
+			ace_scroll.update({styleClass: styleClass});
+		}
+		
+		
+		//change scrollbar size after a submenu is hidden/shown
+		//but don't change if sidebar is minimized
+		$sidebar.on('hidden.ace.submenu.sidebar_scroll shown.ace.submenu.sidebar_scroll', '.submenu', function(e) {
+			e.stopPropagation();
+
+			if( !ace_sidebar.get('minimized') ) {
+				//webkit has a little bit of a glitch!!!
+				self._reset();
+			}
+		})
+
+		initiate(true);//true = on_page_load
+	}
+		
+
+
+	//reset on document and window changes
+	$(document).on('settings.ace.sidebar_scroll', function(ev, event_name, event_val){
+		$('.sidebar[data-sidebar-scroll=true]').each(function() {
+			var $this = $(this);
+			var sidebar_scroll = $this.ace_sidebar_scroll('ref');
+
+			if( event_name == 'sidebar_collapsed' ) {
+				if( $this.attr('data-sidebar-hover') == 'true' ) $this.ace_sidebar_hover('reset');
+			
+				if(event_val == true) sidebar_scroll.disable();//disable scroll if collapsed
+				else sidebar_scroll.reset();
+			}
+			else if( event_name === 'sidebar_fixed' || event_name === 'navbar_fixed' ) {
+				var is_scrolling = sidebar_scroll.get('is_scrolling');
+				var sidebar_fixed = is_element_pos(this, 'fixed')
+				sidebar_scroll.set('sidebar_fixed', sidebar_fixed);
+
+				if(sidebar_fixed && !is_scrolling) {
+					sidebar_scroll.reset();
+				}
+				else if( !sidebar_fixed  && sidebar_scroll.get('only_if_fixed') ) {
+					sidebar_scroll.disable();
+				}
+			}		
+		})
+	})
+
+	$(window).on('resize.ace.sidebar_scroll', function(){
+		$('.sidebar[data-sidebar-scroll=true]').each(function() {
+			var sidebar_scroll = $(this).ace_sidebar_scroll('ref');
+			
+			var sidebar_fixed = is_element_pos(this, 'fixed')
+			sidebar_scroll.set('sidebar_fixed', sidebar_fixed);
+			sidebar_scroll.reset();
+		});
+	})
+	
+	
+	
+	/////////////////////////////////////////////
+	if(!$.fn.ace_sidebar_scroll) {
+	 $.fn.ace_sidebar_scroll = function (option, value) {
+		var method_call;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('ace_sidebar_scroll');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('ace_sidebar_scroll', (data = new Sidebar_Scroll(this, options)));
+			if (typeof option === 'string' && typeof data[option] === 'function') {
+				method_call = data[option](value);
+			}
+		});
+
+		return (method_call === undefined) ? $set : method_call;
+	 }
+	 
+	  $.fn.ace_sidebar_scroll.defaults = {
+		'scroll_to_active': true,
+		'include_shortcuts': true,
+		'include_toggle': false,
+		'scroll_style': '',
+		'lock_anyway': false,
+		'only_if_fixed': true
+     }
+	 
+	}
+
+})(window.jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/ace/ace.sidebar.js b/web/bootstrap-ace-admin/js/ace/ace.sidebar.js
new file mode 100755
index 00000000..7a1e8a71
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/ace.sidebar.js
@@ -0,0 +1,541 @@
+/**
+ <b>Sidebar functions</b>. Collapsing/expanding, toggling mobile view menu and other sidebar functions.
+*/
+
+(function($ , undefined) {
+	var sidebar_count = 0;
+
+	function Sidebar(sidebar, settings) {
+		var self = this;
+		this.$sidebar = $(sidebar);
+		this.$sidebar.attr('data-sidebar', 'true');
+		if( !this.$sidebar.attr('id') ) this.$sidebar.attr( 'id' , 'id-sidebar-'+(++sidebar_count) )
+
+		
+		//get a list of 'data-*' attributes that override 'defaults' and 'settings'
+		var attrib_values = ace.helper.getAttrSettings(sidebar, $.fn.ace_sidebar.defaults, 'sidebar-');
+		this.settings = $.extend({}, $.fn.ace_sidebar.defaults, settings, attrib_values);
+
+
+		//some vars
+		this.minimized = false;//will be initiated later
+		this.collapsible = false;//...
+		this.horizontal = false;//...
+		this.mobile_view = false;//
+
+
+		this.vars = function() {
+			return {'minimized': this.minimized, 'collapsible': this.collapsible, 'horizontal': this.horizontal, 'mobile_view': this.mobile_view}
+		}
+		this.get = function(name) {
+			if(this.hasOwnProperty(name)) return this[name];
+		}
+		this.set = function(name, value) {
+			if(this.hasOwnProperty(name)) this[name] = value;
+		}
+		
+
+		this.ref = function() {
+			//return a reference to self
+			return this;
+		}
+
+		var toggleIcon = function(minimized) {
+			var icon = $(this).find(ace.vars['.icon']), icon1, icon2;
+			if(icon.length > 0) {
+				icon1 = icon.attr('data-icon1');//the icon for expanded state
+				icon2 = icon.attr('data-icon2');//the icon for collapsed state
+
+				if(minimized !== undefined) {
+					if(minimized) icon.removeClass(icon1).addClass(icon2);
+					else icon.removeClass(icon2).addClass(icon1);
+				}
+				else {
+					icon.toggleClass(icon1).toggleClass(icon2);
+				}
+			}
+		}		
+		
+		var findToggleBtn = function() {
+			var toggle_btn = self.$sidebar.find('.sidebar-collapse');
+			if(toggle_btn.length == 0) toggle_btn = $('.sidebar-collapse[data-target="#'+(self.$sidebar.attr('id')||'')+'"]');
+			if(toggle_btn.length != 0) toggle_btn = toggle_btn[0];
+			else toggle_btn = null;
+			
+			return toggle_btn;
+		}
+		
+		//collapse/expand button
+		this.toggleMenu = function(toggle_btn, save) {
+			if(this.collapsible) return;
+
+			//var minimized = this.$sidebar.hasClass('menu-min');
+			this.minimized = !this.minimized;
+			
+			try {
+				//toggle_btn can also be a param to indicate saving to cookie or not?! if toggle_btn === false, it won't be saved
+				ace.settings.sidebar_collapsed(sidebar, this.minimized, !(toggle_btn === false || save === false));//@ ace-extra.js
+			} catch(e) {
+				if(this.minimized)
+					this.$sidebar.addClass('menu-min');
+				else this.$sidebar.removeClass('menu-min');
+			}
+	
+			if( !toggle_btn ) {
+				toggle_btn = findToggleBtn();
+			}
+			if(toggle_btn) {
+				toggleIcon.call(toggle_btn, this.minimized);
+			}
+
+			//force redraw for ie8
+			if(ace.vars['old_ie']) ace.helper.redraw(sidebar);
+		}
+		this.collapse = function(toggle_btn, save) {
+			if(this.collapsible) return;
+			this.minimized = false;
+			
+			this.toggleMenu(toggle_btn, save);
+		}
+		this.expand = function(toggle_btn, save) {
+			if(this.collapsible) return;
+			this.minimized = true;
+			
+			this.toggleMenu(toggle_btn, save);
+		}
+		
+
+		
+		//collapse/expand in 2nd mobile style
+		this.toggleResponsive = function(toggle_btn) {
+			if(!this.mobile_view || this.mobile_style != 3) return;
+		
+			if( this.$sidebar.hasClass('menu-min') ) {
+				//remove menu-min because it interferes with responsive-max
+				this.$sidebar.removeClass('menu-min');
+				var btn = findToggleBtn();
+				if(btn) toggleIcon.call(btn);
+			}
+
+
+			this.minimized = !this.$sidebar.hasClass('responsive-min');
+			this.$sidebar.toggleClass('responsive-min responsive-max');
+
+
+			if( !toggle_btn ) {
+				toggle_btn = this.$sidebar.find('.sidebar-expand');
+				if(toggle_btn.length == 0) toggle_btn = $('.sidebar-expand[data-target="#'+(this.$sidebar.attr('id')||'')+'"]');
+				if(toggle_btn.length != 0) toggle_btn = toggle_btn[0];
+				else toggle_btn = null;
+			}
+			
+			if(toggle_btn) {
+				var icon = $(toggle_btn).find(ace.vars['.icon']), icon1, icon2;
+				if(icon.length > 0) {
+					icon1 = icon.attr('data-icon1');//the icon for expanded state
+					icon2 = icon.attr('data-icon2');//the icon for collapsed state
+
+					icon.toggleClass(icon1).toggleClass(icon2);
+				}
+			}
+
+			$(document).triggerHandler('settings.ace', ['sidebar_collapsed' , this.minimized]);
+		}
+		
+		//some helper functions
+		this.is_collapsible = function() {
+			var toggle
+			return (this.$sidebar.hasClass('navbar-collapse'))
+			&& ((toggle = $('.navbar-toggle[data-target="#'+(this.$sidebar.attr('id')||'')+'"]').get(0)) != null)
+			&&  toggle.scrollHeight > 0
+			//sidebar is collapsible and collapse button is visible?
+		}
+		this.is_mobile_view = function() {
+			var toggle
+			return ((toggle = $('.menu-toggler[data-target="#'+(this.$sidebar.attr('id')||'')+'"]').get(0)) != null)
+			&&  toggle.scrollHeight > 0
+		}
+
+
+		//toggling submenu
+		this.$sidebar.on(ace.click_event+'.ace.submenu', '.nav-list', function (ev) {
+			var nav_list = this;
+
+			//check to see if we have clicked on an element which is inside a .dropdown-toggle element?!
+			//if so, it means we should toggle a submenu
+			var link_element = $(ev.target).closest('a');
+			if(!link_element || link_element.length == 0) return;//return if not clicked inside a link element
+
+			var minimized  = self.minimized && !self.collapsible;
+			//if .sidebar is .navbar-collapse and in small device mode, then let minimized be uneffective
+	
+			if( !link_element.hasClass('dropdown-toggle') ) {//it doesn't have a submenu return
+				//just one thing before we return
+				//if sidebar is collapsed(minimized) and we click on a first level menu item
+				//and the click is on the icon, not on the menu text then let's cancel event and cancel navigation
+				//Good for touch devices, that when the icon is tapped to see the menu text, navigation is cancelled
+				//navigation is only done when menu text is tapped
+
+				if( ace.click_event == 'tap'
+					&&
+					minimized
+					&&
+					link_element.get(0).parentNode.parentNode == nav_list )//only level-1 links
+				{
+					var text = link_element.find('.menu-text').get(0);
+					if( text != null && ev.target != text && !$.contains(text , ev.target) ) {//not clicking on the text or its children
+						ev.preventDefault();
+						return false;
+					}
+				}
+
+
+				//ios safari only has a bit of a problem not navigating to link address when scrolling down
+				//specify data-link attribute to ignore this
+				if(ace.vars['ios_safari'] && link_element.attr('data-link') !== 'false') {
+					//only ios safari has a bit of a problem not navigating to link address when scrolling down
+					//please see issues section in documentation
+					document.location = link_element.attr('href');
+					ev.preventDefault();
+					return false;
+				}
+
+				return;
+			}
+			
+			ev.preventDefault();
+			
+			
+
+
+			var sub = link_element.siblings('.submenu').get(0);
+			if(!sub) return false;
+			var $sub = $(sub);
+
+			var height_change = 0;//the amount of height change in .nav-list
+
+			var parent_ul = sub.parentNode.parentNode;
+			if
+			(
+				( minimized && parent_ul == nav_list )
+				 || 
+				( ( $sub.parent().hasClass('hover') && $sub.css('position') == 'absolute' ) && !self.collapsible )
+			)
+			{
+				return false;
+			}
+
+			
+			var sub_hidden = (sub.scrollHeight == 0)
+
+			//if not open and visible, let's open it and make it visible
+			if( sub_hidden ) {//being shown now
+			  $(parent_ul).find('> .open > .submenu').each(function() {
+				//close all other open submenus except for the active one
+				if(this != sub && !$(this.parentNode).hasClass('active')) {
+					height_change -= this.scrollHeight;
+					self.hide(this, self.settings.duration, false);
+				}
+			  })
+			}
+
+			if( sub_hidden ) {//being shown now
+				self.show(sub, self.settings.duration);
+				//if a submenu is being shown and another one previously started to hide, then we may need to update/hide scrollbars
+				//but if no previous submenu is being hidden, then no need to check if we need to hide the scrollbars in advance
+				if(height_change != 0) height_change += sub.scrollHeight;//we need new updated 'scrollHeight' here
+			} else {
+				self.hide(sub, self.settings.duration);
+				height_change -= sub.scrollHeight;
+				//== -1 means submenu is being hidden
+			}
+
+			//hide scrollbars if content is going to be small enough that scrollbars is not needed anymore
+			//do this almost before submenu hiding begins
+			//but when minimized submenu's toggle should have no effect
+			if (height_change != 0) {
+				if(self.$sidebar.attr('data-sidebar-scroll') == 'true' && !self.minimized) 
+					self.$sidebar.ace_sidebar_scroll('prehide', height_change)
+			}
+
+			return false;
+		})
+
+		var submenu_working = false;
+		this.show = function(sub, $duration, shouldWait) {
+			//'shouldWait' indicates whether to wait for previous transition (submenu toggle) to be complete or not?
+			shouldWait = (shouldWait !== false);
+			if(shouldWait && submenu_working) return false;
+					
+			var $sub = $(sub);
+			var event;
+			$sub.trigger(event = $.Event('show.ace.submenu'))
+			if (event.isDefaultPrevented()) {
+				return false;
+			}
+			
+			if(shouldWait) submenu_working = true;
+
+
+			$duration = $duration || this.settings.duration;
+			
+			$sub.css({
+				height: 0,
+				overflow: 'hidden',
+				display: 'block'
+			})
+			.removeClass('nav-hide').addClass('nav-show')//only for window < @grid-float-breakpoint and .navbar-collapse.menu-min
+			.parent().addClass('open');
+			
+			sub.scrollTop = 0;//this is for submenu_hover when sidebar is minimized and a submenu is scrollTop'ed using scrollbars ...
+
+			if( $duration > 0 ) {
+			  $sub.css({height: sub.scrollHeight,
+				'transition-property': 'height',
+				'transition-duration': ($duration/1000)+'s'})
+			}
+
+			var complete = function(ev, trigger) {
+				ev && ev.stopPropagation();
+				$sub
+				.css({'transition-property': '', 'transition-duration': '', overflow:'', height: ''})
+				//if(ace.vars['webkit']) ace.helper.redraw(sub);//little Chrome issue, force redraw ;)
+
+				if(trigger !== false) $sub.trigger($.Event('shown.ace.submenu'))
+				
+				if(shouldWait) submenu_working = false;
+			}
+			
+			if( $duration > 0 && !!$.support.transition.end ) {
+			  $sub.one($.support.transition.end, complete);
+			}
+			else complete();
+			
+			//there is sometimes a glitch, so maybe retry
+			if(ace.vars['android']) {
+				setTimeout(function() {
+					complete(null, false);
+					ace.helper.redraw(sub);
+				}, $duration + 20);
+			}
+
+			return true;
+		 }
+		 
+		 
+		 this.hide = function(sub, $duration, shouldWait) {
+			//'shouldWait' indicates whether to wait for previous transition (submenu toggle) to be complete or not?
+			shouldWait = (shouldWait !== false);
+			if(shouldWait && submenu_working) return false;
+		 
+			
+			var $sub = $(sub);
+			var event;
+			$sub.trigger(event = $.Event('hide.ace.submenu'))
+			if (event.isDefaultPrevented()) {
+				return false;
+			}
+			
+			if(shouldWait) submenu_working = true;
+			
+
+			$duration = $duration || this.settings.duration;
+			
+			$sub.css({
+				height: sub.scrollHeight,
+				overflow: 'hidden',
+				display: 'block'
+			})
+			.parent().removeClass('open');
+
+			sub.offsetHeight;
+			//forces the "sub" to re-consider the new 'height' before transition
+
+			if( $duration > 0 ) {
+			  $sub.css({'height': 0,
+				'transition-property': 'height',
+				'transition-duration': ($duration/1000)+'s'});
+			}
+
+
+			var complete = function(ev, trigger) {
+				ev && ev.stopPropagation();
+				$sub
+				.css({display: 'none', overflow:'', height: '', 'transition-property': '', 'transition-duration': ''})
+				.removeClass('nav-show').addClass('nav-hide')//only for window < @grid-float-breakpoint and .navbar-collapse.menu-min
+
+				if(trigger !== false) $sub.trigger($.Event('hidden.ace.submenu'))
+				
+				if(shouldWait) submenu_working = false;
+			}
+
+			if( $duration > 0 && !!$.support.transition.end ) {
+			   $sub.one($.support.transition.end, complete);
+			}
+			else complete();
+
+
+			//there is sometimes a glitch, so maybe retry
+			if(ace.vars['android']) {
+				setTimeout(function() {
+					complete(null, false);
+					ace.helper.redraw(sub);
+				}, $duration + 20);
+			}
+
+			return true;
+		 }
+
+		 this.toggle = function(sub, $duration) {
+			$duration = $duration || self.settings.duration;
+		 
+			if( sub.scrollHeight == 0 ) {//if an element is hidden scrollHeight becomes 0
+				if( this.show(sub, $duration) ) return 1;
+			} else {
+				if( this.hide(sub, $duration) ) return -1;
+			}
+			return 0;
+		 }
+
+
+		//sidebar vars
+		var minimized_menu_class  = 'menu-min';
+		var responsive_min_class  = 'responsive-min';
+		var horizontal_menu_class = 'h-sidebar';
+
+		var sidebar_mobile_style = function() {
+			//differnet mobile menu styles
+			this.mobile_style = 1;//default responsive mode with toggle button inside navbar
+			if(this.$sidebar.hasClass('responsive') && !$('.menu-toggler[data-target="#'+this.$sidebar.attr('id')+'"]').hasClass('navbar-toggle')) this.mobile_style = 2;//toggle button behind sidebar
+			 else if(this.$sidebar.hasClass(responsive_min_class)) this.mobile_style = 3;//minimized menu
+			  else if(this.$sidebar.hasClass('navbar-collapse')) this.mobile_style = 4;//collapsible (bootstrap style)
+		}
+		sidebar_mobile_style.call(self);
+		  
+		function update_vars() {
+			this.mobile_view = this.mobile_style < 4 && this.is_mobile_view();
+			this.collapsible = !this.mobile_view && this.is_collapsible();
+
+			this.minimized = 
+			(!this.collapsible && this.$sidebar.hasClass(minimized_menu_class))
+			 ||
+			(this.mobile_style == 3 && this.mobile_view && this.$sidebar.hasClass(responsive_min_class))
+
+			this.horizontal = !(this.mobile_view || this.collapsible) && this.$sidebar.hasClass(horizontal_menu_class)
+		}
+
+		//update some basic variables
+		$(window).on('resize.sidebar.vars' , function(){
+			update_vars.call(self);
+		}).triggerHandler('resize.sidebar.vars')
+
+	}//end of Sidebar
+	
+
+	//sidebar events
+	
+	//menu-toggler
+	$(document)
+	.on(ace.click_event+'.ace.menu', '.menu-toggler', function(e){
+		var btn = $(this);
+		var sidebar = $(btn.attr('data-target'));
+		if(sidebar.length == 0) return;
+		
+		e.preventDefault();
+				
+		sidebar.toggleClass('display');
+		btn.toggleClass('display');
+		
+		var click_event = ace.click_event+'.ace.autohide';
+		var auto_hide = sidebar.attr('data-auto-hide') === 'true';
+
+		if( btn.hasClass('display') ) {
+			//hide menu if clicked outside of it!
+			if(auto_hide) {
+				$(document).on(click_event, function(ev) {
+					if( sidebar.get(0) == ev.target || $.contains(sidebar.get(0), ev.target) ) {
+						ev.stopPropagation();
+						return;
+					}
+
+					sidebar.removeClass('display');
+					btn.removeClass('display');
+					$(document).off(click_event);
+				})
+			}
+
+			if(sidebar.attr('data-sidebar-scroll') == 'true') sidebar.ace_sidebar_scroll('reset');
+		}
+		else {
+			if(auto_hide) $(document).off(click_event);
+		}
+
+		return false;
+	})
+	//sidebar collapse/expand button
+	.on(ace.click_event+'.ace.menu', '.sidebar-collapse', function(e){
+		
+		var target = $(this).attr('data-target'), $sidebar = null;
+		if(target) $sidebar = $(target);
+		if($sidebar == null || $sidebar.length == 0) $sidebar = $(this).closest('.sidebar');
+		if($sidebar.length == 0) return;
+
+		e.preventDefault();
+		$sidebar.ace_sidebar('toggleMenu', this);
+	})
+	//this button is used in `mobile_style = 3` responsive menu style to expand minimized sidebar
+	.on(ace.click_event+'.ace.menu', '.sidebar-expand', function(e){
+		var target = $(this).attr('data-target'), $sidebar = null;
+		if(target) $sidebar = $(target);
+		if($sidebar == null || $sidebar.length == 0) $sidebar = $(this).closest('.sidebar');
+		if($sidebar.length == 0) return;	
+	
+		var btn = this;
+		e.preventDefault();
+		$sidebar.ace_sidebar('toggleResponsive', this);
+		
+		var click_event = ace.click_event+'.ace.autohide';
+		if($sidebar.attr('data-auto-hide') === 'true') {
+			if( $sidebar.hasClass('responsive-max') ) {
+				$(document).on(click_event, function(ev) {
+					if( $sidebar.get(0) == ev.target || $.contains($sidebar.get(0), ev.target) ) {
+						ev.stopPropagation();
+						return;
+					}
+
+					$sidebar.ace_sidebar('toggleResponsive', btn);
+					$(document).off(click_event);
+				})
+			}
+			else {
+				$(document).off(click_event);
+			}
+		}
+	})
+
+	
+	$.fn.ace_sidebar = function (option, value) {
+		var method_call;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('ace_sidebar');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('ace_sidebar', (data = new Sidebar(this, options)));
+			if (typeof option === 'string' && typeof data[option] === 'function') {
+				if(value instanceof Array) method_call = data[option].apply(data, value);
+				else method_call = data[option](value);
+			}
+		});
+
+		return (method_call === undefined) ? $set : method_call;
+	};
+	
+	
+	$.fn.ace_sidebar.defaults = {
+		'duration': 300
+    }
+
+
+})(window.jQuery);
diff --git a/web/bootstrap-ace-admin/js/ace/ace.submenu-hover.js b/web/bootstrap-ace-admin/js/ace/ace.submenu-hover.js
new file mode 100755
index 00000000..f2355243
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/ace.submenu-hover.js
@@ -0,0 +1,512 @@
+/**
+ <b>Submenu hover adjustment</b>. Automatically move up a submenu to fit into screen when some part of it goes beneath window.
+ Pass a "true" value as an argument and submenu will have native browser scrollbars when necessary.
+*/
+
+(function($ , undefined) {
+
+ if( ace.vars['very_old_ie'] ) return;
+ //ignore IE7 & below
+ 
+ var hasTouch = ace.vars['touch'];
+ var nativeScroll = ace.vars['old_ie'] || hasTouch;
+ 
+
+ var is_element_pos =
+	'getComputedStyle' in window ?
+	//el.offsetHeight is used to force redraw and recalculate 'el.style.position' esp. for webkit!
+	function(el, pos) { el.offsetHeight; return window.getComputedStyle(el).position == pos }
+	:
+	function(el, pos) { el.offsetHeight; return $(el).css('position') == pos }
+
+
+
+ $(window).on('resize.sidebar.ace_hover', function() {
+	$('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('update_vars').ace_sidebar_hover('reset');
+ })
+
+ $(document).on('settings.ace.ace_hover', function(e, event_name, event_val) {
+	if(event_name == 'sidebar_collapsed') $('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('reset');
+	else if(event_name == 'navbar_fixed') $('.sidebar[data-sidebar-hover=true]').ace_sidebar_hover('update_vars');
+ })
+ 
+ var sidebars = [];
+
+ function Sidebar_Hover(sidebar , settings) {
+	var self = this, that = this;
+	
+	var attrib_values = ace.helper.getAttrSettings(sidebar, $.fn.ace_sidebar_hover.defaults);
+	this.settings = $.extend({}, $.fn.ace_sidebar_hover.defaults, settings, attrib_values);
+	
+
+	var $sidebar = $(sidebar), nav_list = $sidebar.find('.nav-list').get(0);
+	$sidebar.attr('data-sidebar-hover', 'true');
+	
+	sidebars.push($sidebar);
+
+	var sidebar_vars = {};
+	var old_ie = ace.vars['old_ie'];
+
+	
+	
+	var scroll_right = false;
+	//scroll style class
+	
+	if(hasTouch) self.settings.sub_hover_delay = parseInt(Math.max(self.settings.sub_hover_delay, 2500));//for touch device, delay is at least 2.5sec
+
+	var $window = $(window);
+	//navbar used for adding extra offset from top when adjusting submenu
+	var $navbar = $('.navbar').eq(0);
+	var navbar_fixed = $navbar.css('position') == 'fixed';
+	this.update_vars = function() {
+		navbar_fixed = $navbar.css('position') == 'fixed';
+	}
+
+	self.dirty = false;
+	//on window resize or sidebar expand/collapse a previously "pulled up" submenu should be reset back to its default position
+	//for example if "pulled up" in "responsive-min" mode, in "fullmode" should not remain "pulled up"
+	this.reset = function() {
+		if( self.dirty == false ) return;
+		self.dirty = false;//so don't reset is not called multiple times in a row!
+	
+		$sidebar.find('.submenu').each(function() {
+			var $sub = $(this), li = $sub.parent();
+			$sub.css({'top': '', 'bottom': '', 'max-height': ''});
+			
+			if($sub.hasClass('ace-scroll')) {
+				$sub.ace_scroll('disable');
+			}
+			else {
+				$sub.removeClass('sub-scroll');
+			}
+			 
+			if( is_element_pos(this, 'absolute') ) $sub.addClass('can-scroll');
+			else $sub.removeClass('can-scroll');
+
+			li.removeClass('pull_up').find('.menu-text:first').css('margin-top', '');
+		})
+
+		$sidebar.find('.hover-show').removeClass('hover-show hover-shown hover-flip');
+	}
+	
+	this.updateStyle = function(newStyle) {
+		sub_scroll_style = newStyle;
+		$sidebar.find('.submenu.ace-scroll').ace_scroll('update', {styleClass: newStyle});
+	}
+	this.changeDir = function(dir) {
+		scroll_right = (dir === 'right');
+	}
+	
+	
+	//update submenu scrollbars on submenu hide & show
+
+	var lastScrollHeight = -1;
+	//hide scrollbars if it's going to be not needed anymore!
+	if(!nativeScroll)
+	$sidebar.on('hide.ace.submenu.sidebar_hover', '.submenu', function(e) {
+		if(lastScrollHeight < 1) return;
+
+		e.stopPropagation();
+		var $sub = $(this).closest('.ace-scroll.can-scroll');
+		if($sub.length == 0 || !is_element_pos($sub[0], 'absolute')) return;
+
+		if($sub[0].scrollHeight - this.scrollHeight < lastScrollHeight) {
+			$sub.ace_scroll('disable');
+		}
+	});
+
+	
+	
+	
+	//reset scrollbars 
+	if(!nativeScroll)
+	$sidebar.on('shown.ace.submenu.sidebar_hover hidden.ace.submenu.sidebar_hover', '.submenu', function(e) {
+		if(lastScrollHeight < 1) return;
+	
+		var $sub = $(this).closest('.ace-scroll.can-scroll');
+		if($sub.length == 0 || !is_element_pos($sub[0], 'absolute') ) return;
+		
+		var sub_h = $sub[0].scrollHeight;
+		
+		if(lastScrollHeight > 14 && sub_h - lastScrollHeight > 4) {
+			$sub.ace_scroll('enable').ace_scroll('reset');//don't update track position
+		}
+		else {
+			$sub.ace_scroll('disable');
+		}
+	});
+
+
+	///////////////////////
+
+
+	var currentScroll = -1;
+
+	//some mobile browsers don't have mouseenter
+	var event_1 = !hasTouch ? 'mouseenter.sub_hover' : 'touchstart.sub_hover';// pointerdown.sub_hover';
+	var event_2 = !hasTouch ? 'mouseleave.sub_hover' : 'touchend.sub_hover touchcancel.sub_hover';// pointerup.sub_hover pointercancel.sub_hover';
+	
+	$sidebar.on(event_1, '.nav-list li, .sidebar-shortcuts', function (e) {
+		sidebar_vars = $sidebar.ace_sidebar('vars');
+		
+	
+		//ignore if collapsible mode (mobile view .navbar-collapse) so it doesn't trigger submenu movements
+		//or return if horizontal but not mobile_view (style 1&3)
+		if( sidebar_vars['collapsible'] /**|| sidebar_vars['horizontal']*/ ) return;
+		
+		var $this = $(this);
+
+		var shortcuts = false;
+		var has_hover = $this.hasClass('hover');
+		
+		var sub = $this.find('> .submenu').get(0);
+		if( !(sub || ((this.parentNode == nav_list || has_hover || (shortcuts = $this.hasClass('sidebar-shortcuts'))) /**&& sidebar_vars['minimized']*/)) ) {
+			if(sub) $(sub).removeClass('can-scroll');
+			return;//include .compact and .hover state as well?
+		}
+		
+		var target_element = sub, is_abs = false;
+		if( !target_element && this.parentNode == nav_list ) target_element = $this.find('> a > .menu-text').get(0);
+		if( !target_element && shortcuts ) target_element = $this.find('.sidebar-shortcuts-large').get(0);
+		if( (!target_element || !(is_abs = is_element_pos(target_element, 'absolute'))) && !has_hover ) {
+			if(sub) $(sub).removeClass('can-scroll');
+			return;
+		}
+		
+		
+		var sub_hide = getSubHide(this);
+		//var show_sub = false;
+
+		if(sub) {
+		 if(is_abs) {
+			self.dirty = true;
+			
+			var newScroll = ace.helper.scrollTop();
+			//if submenu is becoming visible for first time or document has been scrolled, then adjust menu
+			if( !sub_hide.is_visible() || (!hasTouch && newScroll != currentScroll) || old_ie ) {
+				//try to move/adjust submenu if the parent is a li.hover or if submenu is minimized
+				//if( is_element_pos(sub, 'absolute') ) {//for example in small device .hover > .submenu may not be absolute anymore!
+					$(sub).addClass('can-scroll');
+					//show_sub = true;
+					if(!old_ie && !hasTouch) adjust_submenu.call(this, sub);
+					else {
+						//because ie8 needs some time for submenu to be displayed and real value of sub.scrollHeight be kicked in
+						var that = this;
+						setTimeout(function() {	adjust_submenu.call(that, sub) }, 0)
+					}
+				//}
+				//else $(sub).removeClass('can-scroll');
+			}
+			currentScroll = newScroll;
+		 }
+		 else {
+			$(sub).removeClass('can-scroll');
+		 }
+		}
+		//if(show_sub) 
+		sub_hide.show();
+		
+	 }).on(event_2, '.nav-list li, .sidebar-shortcuts', function (e) {
+		sidebar_vars = $sidebar.ace_sidebar('vars');
+		
+		if( sidebar_vars['collapsible'] /**|| sidebar_vars['horizontal']*/ ) return;
+
+		if( !$(this).hasClass('hover-show') ) return;
+
+		getSubHide(this).hideDelay();
+	 });
+	 
+	
+	function subHide(li_sub) {
+		var self = li_sub, $self = $(self);
+		var timer = null;
+		var visible = false;
+		
+		this.show = function() {
+			if(timer != null) clearTimeout(timer);
+			timer = null;		
+
+			$self.addClass('hover-show hover-shown');
+			visible = true;
+
+			//let's hide .hover-show elements that are not .hover-shown anymore (i.e. marked for hiding in hideDelay)
+			for(var i = 0; i < sidebars.length ; i++)
+			{
+			  sidebars[i].find('.hover-show').not('.hover-shown').each(function() {
+				getSubHide(this).hide();
+			  })
+			}
+		}
+		
+		this.hide = function() {
+			visible = false;
+			
+			$self.removeClass('hover-show hover-shown hover-flip');
+			
+			if(timer != null) clearTimeout(timer);
+			timer = null;
+			
+			var sub = $self.find('> .submenu').get(0);
+			if(sub) getSubScroll(sub, 'hide');
+		}
+		
+		this.hideDelay = function(callback) {
+			if(timer != null) clearTimeout(timer);
+			
+			$self.removeClass('hover-shown');//somehow marked for hiding
+			
+			timer = setTimeout(function() {
+				visible = false;
+				$self.removeClass('hover-show hover-flip');
+				timer = null;
+				
+				var sub = $self.find('> .submenu').get(0);
+				if(sub) getSubScroll(sub, 'hide');
+				
+				if(typeof callback === 'function') callback.call(this);
+			}, that.settings.sub_hover_delay);
+		}
+		
+		this.is_visible = function() {
+			return visible;
+		}
+	}
+	function getSubHide(el) {
+		var sub_hide = $(el).data('subHide');
+		if(!sub_hide) $(el).data('subHide', (sub_hide = new subHide(el)));
+		return sub_hide;
+	}
+	
+	
+	function getSubScroll(el, func) {
+		var sub_scroll = $(el).data('ace_scroll');
+		if(!sub_scroll) return false;
+		if(typeof func === 'string') {
+			sub_scroll[func]();
+			return true;
+		}
+		return sub_scroll;
+	}	
+	
+	function adjust_submenu(sub) {
+		var $li = $(this);
+		var $sub = $(sub);
+		sub.style.top = '';
+		sub.style.bottom = '';
+
+
+		var menu_text = null
+		if( sidebar_vars['minimized'] && (menu_text = $li.find('.menu-text').get(0)) ) {
+			//2nd level items don't have .menu-text
+			menu_text.style.marginTop = '';
+		}
+
+		var scroll = ace.helper.scrollTop();
+		var navbar_height = 0;
+
+		var $scroll = scroll;
+		
+		if( navbar_fixed ) {
+			navbar_height = sidebar.offsetTop;//$navbar.height();
+			$scroll += navbar_height + 1;
+			//let's avoid our submenu from going below navbar
+			//because of chrome z-index stacking issue and firefox's normal .submenu over fixed .navbar flicker issue
+		}
+
+
+
+
+		var off = $li.offset();
+		off.top = parseInt(off.top);
+		
+		var extra = 0, parent_height;
+		
+		sub.style.maxHeight = '';//otherwise scrollHeight won't be consistent in consecutive calls!?
+		var sub_h = sub.scrollHeight;
+		var parent_height = $li.height();
+		if(menu_text) {
+			extra = parent_height;
+			off.top += extra;
+		}
+		var sub_bottom = parseInt(off.top + sub_h)
+
+		var move_up = 0;
+		var winh = $window.height();
+
+
+		//if the bottom of menu is going to go below visible window
+
+		var top_space = parseInt(off.top - $scroll - extra);//available space on top
+		var win_space = winh;//available window space
+		
+		var horizontal = sidebar_vars['horizontal'], horizontal_sub = false;
+		if(horizontal && this.parentNode == nav_list) {
+			move_up = 0;//don't move up first level submenu in horizontal mode
+			off.top += $li.height();
+			horizontal_sub = true;//first level submenu
+		}
+
+		if(!horizontal_sub && (move_up = (sub_bottom - (winh + scroll))) >= 0 ) {
+			//don't move up more than available space
+			move_up = move_up < top_space ? move_up : top_space;
+
+			//move it up a bit more if there's empty space
+			if(move_up == 0) move_up = 20;
+			if(top_space - move_up > 10) {
+				move_up += parseInt(Math.min(25, top_space - move_up));
+			}
+
+
+			//move it down if submenu's bottom is going above parent LI
+			if(off.top + (parent_height - extra) > (sub_bottom - move_up)) {
+				move_up -= (off.top + (parent_height - extra) - (sub_bottom - move_up));
+			}
+
+			if(move_up > 0) {
+				sub.style.top = -(move_up) + 'px';
+				if( menu_text ) {
+					menu_text.style.marginTop = -(move_up) + 'px';
+				}
+			}
+		}
+		if(move_up < 0) move_up = 0;//when it goes below
+		
+		var pull_up = move_up > 0 && move_up > parent_height - 20;
+		if(pull_up) {
+			$li.addClass('pull_up');
+		}
+		else $li.removeClass('pull_up');
+		
+		
+		//flip submenu if out of window width
+		if(horizontal) {
+			if($li.parent().parent().hasClass('hover-flip')) $li.addClass('hover-flip');//if a parent is already flipped, flip it then!
+			else {
+				var sub_off = $sub.offset();
+				var sub_w = $sub.width();
+				var win_w = $window.width();
+				if(sub_off.left + sub_w > win_w) {
+					$li.addClass('hover-flip');
+				}
+			}
+		}
+
+
+		//don't add scrollbars if it contains .hover menus
+		var has_hover = $li.hasClass('hover') && !sidebar_vars['mobile_view'];
+		if(has_hover && $sub.find('> li > .submenu').length > 0) return;
+
+	
+		//if(  ) {
+			var scroll_height = (win_space - (off.top - scroll)) + (move_up);
+			//if after scroll, the submenu is above parent LI, then move it down
+			var tmp = move_up - scroll_height;
+			if(tmp > 0 && tmp < parent_height) scroll_height += parseInt(Math.max(parent_height, parent_height - tmp));
+
+			scroll_height -= 5;
+			
+			if(scroll_height < 90) {
+				return;
+			}
+			
+			var ace_scroll = false;
+			if(!nativeScroll) {
+				ace_scroll = getSubScroll(sub);
+				if(ace_scroll == false) {
+					$sub.ace_scroll({
+						//hideOnIdle: true,
+						observeContent: true,
+						detached: true,
+						updatePos: false,
+						reset: true,
+						mouseWheelLock: true,
+						styleClass: self.settings.sub_scroll_style
+					});
+					ace_scroll = getSubScroll(sub);
+					
+					var track = ace_scroll.get_track();
+					if(track) {
+						//detach it from body and insert it after submenu for better and cosistent positioning
+						$sub.after(track);
+					}
+				}
+				
+				ace_scroll.update({size: scroll_height});
+			}
+			else {
+				$sub
+				.addClass('sub-scroll')
+				.css('max-height', (scroll_height)+'px')
+			}
+
+
+			lastScrollHeight = scroll_height;
+			if(!nativeScroll && ace_scroll) {
+				if(scroll_height > 14 && sub_h - scroll_height > 4) {
+					ace_scroll.enable()
+					ace_scroll.reset();
+				}			
+				else {
+					ace_scroll.disable();
+				}
+
+				//////////////////////////////////
+				var track = ace_scroll.get_track();
+				if(track) {
+					track.style.top = -(move_up - extra - 1) + 'px';
+					
+					var off = $sub.position();
+					var left = off.left 
+					if( !scroll_right ) {
+						left += ($sub.outerWidth() - ace_scroll.track_size());
+					}
+					else {
+						left += 2;
+					}
+					track.style.left = parseInt(left) + 'px';
+					
+					if(horizontal_sub) {//first level submenu
+						track.style.left = parseInt(left - 2) + 'px';
+						track.style.top = parseInt(off.top) + (menu_text ? extra - 2 : 0) + 'px';
+					}
+				}
+			}
+		//}
+
+
+		//again force redraw for safari!
+		if( ace.vars['safari'] ) {
+			ace.helper.redraw(sub)
+		}
+   }
+
+}
+ 
+ 
+ 
+ /////////////////////////////////////////////
+ $.fn.ace_sidebar_hover = function (option, value) {
+	var method_call;
+
+	var $set = this.each(function () {
+		var $this = $(this);
+		var data = $this.data('ace_sidebar_hover');
+		var options = typeof option === 'object' && option;
+
+		if (!data) $this.data('ace_sidebar_hover', (data = new Sidebar_Hover(this, options)));
+		if (typeof option === 'string' && typeof data[option] === 'function') {
+			method_call = data[option](value);
+		}
+	});
+
+	return (method_call === undefined) ? $set : method_call;
+ }
+ 
+  $.fn.ace_sidebar_hover.defaults = {
+	'sub_sub_hover_delay': 750,
+	'sub_scroll_style': 'no-track scroll-thin'
+ }
+ 
+
+})(window.jQuery);
+
diff --git a/web/bootstrap-ace-admin/js/ace/ace.touch-drag.js b/web/bootstrap-ace-admin/js/ace/ace.touch-drag.js
new file mode 100755
index 00000000..e5845b5f
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/ace.touch-drag.js
@@ -0,0 +1,118 @@
+/**
+ <b>Custom drag event for touch devices</b> used in scrollbars.
+ For better touch event handling and extra options a more advanced solution such as <u>Hammer.js</u> is recommended.
+*/
+
+//based on but not dependent on jQuery mobile
+/*
+* jQuery Mobile v1.3.2
+* http://jquerymobile.com
+*
+* Copyright 2010, 2013 jQuery Foundation, Inc. and other contributors
+* Released under the MIT license.
+* http://jquery.org/license
+*
+*/
+(function($ , undefined) {
+
+	if(!ace.vars['touch']) return;
+
+	var touchStartEvent = "touchstart MSPointerDown pointerdown",// : "mousedown",
+			touchStopEvent  =  "touchend touchcancel MSPointerUp MSPointerCancel pointerup pointercancel",// : "mouseup",
+			touchMoveEvent  =  "touchmove MSPointerMove MSPointerHover pointermove";// : "mousemove";
+
+
+	$.event.special.ace_drag = {
+		setup: function() {
+			var min_threshold = 0;
+		
+			var $this = $(this);
+			$this.on(touchStartEvent, function(event) {		
+				var data = event.originalEvent.touches ?
+					event.originalEvent.touches[ 0 ] :
+					event,
+					start = {
+						//time: Date.now(),
+						coords: [ data.pageX, data.pageY ],
+						origin: $(event.target)
+					},
+					stop;
+					//start.origin.trigger({'type' : 'ace_dragStart', 'start':(start || [-1,-1])});
+					
+					var direction = false, dx = 0, dy = 0;
+
+				function moveHandler(event) {
+					if (!start) {
+						return;
+					}
+					var data = event.originalEvent.touches ?
+							event.originalEvent.touches[ 0 ] :
+							event;
+					stop = {
+						coords: [ data.pageX, data.pageY ]
+					};
+					
+					// prevent scrolling
+					//if ( Math.abs(start.coords[1] - stop.coords[1]) > 0 || Math.abs(start.coords[0] - stop.coords[01]) > 0 ) {
+						//event.preventDefault();
+					//}
+
+
+					if (start && stop) {
+						dx = 0;
+						dy = 0;
+
+						direction = 
+							(
+							 Math.abs(dy = start.coords[ 1 ] - stop.coords[ 1 ]) > min_threshold
+								&& 
+							 Math.abs(dx = start.coords[ 0 ] - stop.coords[ 0 ]) <= Math.abs(dy)
+							)
+							? 
+							(dy > 0 ? 'up' : 'down')
+							:
+							(
+							 Math.abs(dx = start.coords[ 0 ] - stop.coords[ 0 ]) > min_threshold
+								&& 
+							 Math.abs( dy ) <= Math.abs(dx)
+							)
+							?
+							(dx > 0 ? 'left' : 'right')
+							:
+							false;
+							
+
+							if( direction !== false ) {
+							 var retval = {cancel: false}
+							 start.origin.trigger({
+								'type': 'ace_drag',
+								//'start': start.coords,
+								//'stop': stop.coords,
+								'direction': direction,
+								'dx': dx,
+								'dy': dy,
+								'retval': retval
+							 })
+
+		 					  // prevent document scrolling unless retval.cancel == true
+							  if( retval.cancel == false ) event.preventDefault();
+							}
+					}
+					start.coords[0] = stop.coords[0];
+					start.coords[1] = stop.coords[1];
+				}
+
+				$this
+				.on(touchMoveEvent, moveHandler)
+				.one(touchStopEvent, function(event) {
+					$this.off(touchMoveEvent, moveHandler);
+					//start.origin.trigger({'type' : 'ace_dragEnd', 'stop':(stop || [-1,-1])});
+					
+					start = stop = undefined;
+				
+				});
+			});
+		}
+	}
+
+})(window.jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/ace/ace.widget-box.js b/web/bootstrap-ace-admin/js/ace/ace.widget-box.js
new file mode 100755
index 00000000..f0badb06
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/ace.widget-box.js
@@ -0,0 +1,258 @@
+/**
+ <b>Widget boxes</b>
+*/
+(function($ , undefined) {
+
+	var Widget_Box = function(box, options) {
+		this.$box = $(box);
+		var that = this;
+		//this.options = $.extend({}, $.fn.widget_box.defaults, options);
+
+		this.reload = function() {
+			var $box = this.$box;
+			var $remove_position = false;
+			if($box.css('position') == 'static') {
+				$remove_position = true;
+				$box.addClass('position-relative');
+			}
+			$box.append('<div class="widget-box-overlay"><i class="'+ ace.vars['icon'] + 'loading-icon fa fa-spinner fa-spin fa-2x white"></i></div>');
+
+			$box.one('reloaded.ace.widget', function() {
+				$box.find('.widget-box-overlay').remove();
+				if($remove_position) $box.removeClass('position-relative');
+			});
+		}
+
+		this.close = function() {
+			var $box = this.$box;
+			var closeSpeed = 300;
+			$box.fadeOut(closeSpeed , function(){
+					$box.trigger('closed.ace.widget');
+					$box.remove();
+				}
+			)
+		}
+		
+		this.toggle = function(type, button) {
+			var $box = this.$box;
+			var $body = $box.find('.widget-body').eq(0);
+			var $icon = null;
+			
+			var event_name = typeof type !== 'undefined' ? type : ($box.hasClass('collapsed') ? 'show' : 'hide');
+			var event_complete_name = event_name == 'show' ? 'shown' : 'hidden';
+
+			if(typeof button === 'undefined') {
+				button = $box.find('> .widget-header a[data-action=collapse]').eq(0);
+				if(button.length == 0) button = null;
+			}
+
+			if(button) {
+				$icon = button.find(ace.vars['.icon']).eq(0);
+
+				var $match
+				var $icon_down = null
+				var $icon_up = null
+				if( ($icon_down = $icon.attr('data-icon-show')) ) {
+					$icon_up = $icon.attr('data-icon-hide')
+				}
+				else if( $match = $icon.attr('class').match(/fa\-(.*)\-(up|down)/) ) {
+					$icon_down = 'fa-'+$match[1]+'-down'
+					$icon_up = 'fa-'+$match[1]+'-up'
+				}
+			}
+
+			var expandSpeed   = 250;
+			var collapseSpeed = 200;
+
+			if( event_name == 'show' ) {
+				if($icon) $icon.removeClass($icon_down).addClass($icon_up);
+
+				$body.hide();
+				$box.removeClass('collapsed');
+				$body.slideDown(expandSpeed, function(){
+					$box.trigger(event_complete_name+'.ace.widget')
+				})
+			}
+			else {
+				if($icon) $icon.removeClass($icon_up).addClass($icon_down);
+				$body.slideUp(collapseSpeed, function(){
+						$box.addClass('collapsed')
+						$box.trigger(event_complete_name+'.ace.widget')
+					}
+				);
+			}
+		}
+		
+		this.hide = function() {
+			this.toggle('hide');
+		}
+		this.show = function() {
+			this.toggle('show');
+		}
+		
+		
+		this.fullscreen = function() {
+			var $icon = this.$box.find('> .widget-header a[data-action=fullscreen]').find(ace.vars['.icon']).eq(0);
+			var $icon_expand = null
+			var $icon_compress = null
+			if( ($icon_expand = $icon.attr('data-icon1')) ) {
+				$icon_compress = $icon.attr('data-icon2')
+			}
+			else {
+				$icon_expand = 'fa-expand';
+				$icon_compress = 'fa-compress';
+			}
+			
+			
+			if(!this.$box.hasClass('fullscreen')) {
+				$icon.removeClass($icon_expand).addClass($icon_compress);
+				this.$box.addClass('fullscreen');
+				
+				applyScrollbars(this.$box, true);
+			}
+			else {
+				$icon.addClass($icon_expand).removeClass($icon_compress);
+				this.$box.removeClass('fullscreen');
+				
+				applyScrollbars(this.$box, false);
+			}
+			
+			this.$box.trigger('fullscreened.ace.widget')
+		}
+
+	}
+	
+	$.fn.widget_box = function (option, value) {
+		var method_call;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('widget_box');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('widget_box', (data = new Widget_Box(this, options)));
+			if (typeof option === 'string') method_call = data[option](value);
+		});
+
+		return (method_call === undefined) ? $set : method_call;
+	};
+
+
+	$(document).on('click.ace.widget', '.widget-header a[data-action]', function (ev) {
+		ev.preventDefault();
+
+		var $this = $(this);
+		var $box = $this.closest('.widget-box');
+		if( $box.length == 0 || $box.hasClass('ui-sortable-helper') ) return;
+
+		var $widget_box = $box.data('widget_box');
+		if (!$widget_box) {
+			$box.data('widget_box', ($widget_box = new Widget_Box($box.get(0))));
+		}
+
+		var $action = $this.data('action');
+		if($action == 'collapse') {
+			var event_name = $box.hasClass('collapsed') ? 'show' : 'hide';
+
+			var event
+			$box.trigger(event = $.Event(event_name+'.ace.widget'))
+			if (event.isDefaultPrevented()) return
+
+			$widget_box.toggle(event_name, $this);
+		}
+		else if($action == 'close') {
+			var event
+			$box.trigger(event = $.Event('close.ace.widget'))
+			if (event.isDefaultPrevented()) return
+
+			$widget_box.close();
+		}
+		else if($action == 'reload') {
+			$this.blur();
+			var event
+			$box.trigger(event = $.Event('reload.ace.widget'))
+			if (event.isDefaultPrevented()) return
+
+			$widget_box.reload();
+		}
+		else if($action == 'fullscreen') {
+			var event
+			$box.trigger(event = $.Event('fullscreen.ace.widget'))
+			if (event.isDefaultPrevented()) return
+		
+			$widget_box.fullscreen();
+		}
+		else if($action == 'settings') {
+			$box.trigger('setting.ace.widget')
+		}
+
+	});
+	
+		
+	function applyScrollbars($widget, enable) {
+		var $main = $widget.find('.widget-main').eq(0);
+		$(window).off('resize.widget.scroll');
+		
+		//IE8 has an unresolvable issue!!! re-scrollbaring with unknown values?!
+		var nativeScrollbars = ace.vars['old_ie'] || ace.vars['touch'];
+		
+		if(enable) {
+			var ace_scroll = $main.data('ace_scroll');
+			if( ace_scroll ) {
+				$main.data('save_scroll', {size: ace_scroll['size'], lock: ace_scroll['lock'], lock_anyway: ace_scroll['lock_anyway']});
+			}
+			
+			var size = $widget.height() - $widget.find('.widget-header').height() - 10;//extra paddings
+			size = parseInt(size);
+			
+			$main.css('min-height', size);
+			if( !nativeScrollbars ) {
+				if( ace_scroll ) {
+					$main.ace_scroll('update', {'size': size, 'mouseWheelLock': true, 'lockAnyway': true});
+				}
+				else {
+					$main.ace_scroll({'size': size, 'mouseWheelLock': true, 'lockAnyway': true});
+				}
+				$main.ace_scroll('enable').ace_scroll('reset');
+			}
+			else {
+				if( ace_scroll ) $main.ace_scroll('disable');
+				$main.css('max-height', size).addClass('overflow-scroll');
+			}
+			
+			
+			$(window)
+			.on('resize.widget.scroll', function() {
+				var size = $widget.height() - $widget.find('.widget-header').height() - 10;//extra paddings
+				size = parseInt(size);
+				
+				$main.css('min-height', size);
+				if( !nativeScrollbars ) {
+					$main.ace_scroll('update', {'size': size}).ace_scroll('reset');
+				}
+				else {
+					$main.css('max-height', size).addClass('overflow-scroll');
+				}
+			});
+		}
+		
+		else  {
+			$main.css('min-height', '');
+			var saved_scroll = $main.data('save_scroll');
+			if(saved_scroll) {
+				$main
+				.ace_scroll('update', {'size': saved_scroll['size'], 'mouseWheelLock': saved_scroll['lock'], 'lockAnyway': saved_scroll['lock_anyway']})
+				.ace_scroll('enable')
+				.ace_scroll('reset');
+			}
+			
+			if( !nativeScrollbars ) {				
+				if(!saved_scroll) $main.ace_scroll('disable');				
+			}
+			else {
+				$main.css('max-height', '').removeClass('overflow-scroll');
+			}
+		}
+	}
+
+})(window.jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/ace/ace.widget-on-reload.js b/web/bootstrap-ace-admin/js/ace/ace.widget-on-reload.js
new file mode 100755
index 00000000..a25ca6a1
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/ace.widget-on-reload.js
@@ -0,0 +1,28 @@
+/**
+ The widget box reload button/event handler. You should use your own handler. An example is available at <i class="text-info">examples/widgets.html</i>.
+ <u><i class="glyphicon glyphicon-flash"></i> You don't need this. Used for demo only</u>
+*/
+
+(function($ , undefined) {
+
+	//***default action for reload in this demo
+	//you should remove this and add your own handler for each specific .widget-box
+	//when data is finished loading or processing is done you can call $box.trigger('reloaded.ace.widget')
+	$(document).on('reload.ace.widget', '.widget-box', function (ev) {
+		var $box = $(this);
+		
+		//trigger the reloaded event to remove the spinner icon after 1-2 seconds
+		setTimeout(function() {
+			$box.trigger('reloaded.ace.widget');
+		}, parseInt(Math.random() * 1000 + 1000));
+	});
+
+	//you may want to do something like this:
+	/**
+	$('#my-widget-box').on('reload.ace.widget', function(){
+		//load new data here
+		//and when finished trigger "reloaded" event
+		$(this).trigger('reloaded.ace.widget');
+	});
+	*/
+})(window.jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/ace/elements.aside.js b/web/bootstrap-ace-admin/js/ace/elements.aside.js
new file mode 100755
index 00000000..e4a9dfe9
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/elements.aside.js
@@ -0,0 +1,284 @@
+/**
+ <b>Content Slider</b>. with custom content and elements based on Bootstrap modals.
+*/
+(function($ , undefined) {
+	var $window = $(window);
+
+	function Aside(modal, settings) {
+		var self = this;
+	
+		var $modal = $(modal);
+		var placement = 'right', vertical = false;
+		var hasFade = $modal.hasClass('fade');//Bootstrap enables transition only when modal is ".fade"
+
+		var attrib_values = ace.helper.getAttrSettings(modal, $.fn.ace_aside.defaults);
+		this.settings = $.extend({}, $.fn.ace_aside.defaults, settings, attrib_values);
+		
+		//if no scroll style specified and modal has dark background, let's make scrollbars 'white'
+		if(this.settings.background && !settings.scroll_style && !attrib_values.scroll_style) { 
+			this.settings.scroll_style = 'scroll-white no-track';
+		}
+
+		
+		this.container = this.settings.container;
+		if(this.container) {
+			try {
+				if( $(this.container).get(0) == document.body ) this.container = null;
+			} catch(e) {}
+		}
+		if(this.container) {
+			this.settings.backdrop = false;//no backdrop when inside another element?
+			$modal.addClass('aside-contained');
+		}
+
+		
+		var dialog = $modal.find('.modal-dialog');
+		var content = $modal.find('.modal-content');
+		var delay = 300;
+		
+		this.initiate = function() {
+			modal.className = modal.className.replace(/(\s|^)aside\-(right|top|left|bottom)(\s|$)/ig , '$1$3');
+
+			placement = this.settings.placement;
+			if(placement) placement = $.trim(placement.toLowerCase());
+			if(!placement || !(/right|top|left|bottom/.test(placement))) placement = 'right';
+
+			$modal.attr('data-placement', placement);
+			$modal.addClass('aside-' + placement);
+			
+			if( /right|left/.test(placement) ) {
+				vertical = true;
+				$modal.addClass('aside-vc');//vertical
+			}
+			else $modal.addClass('aside-hz');//horizontal
+			
+			if( this.settings.fixed ) $modal.addClass('aside-fixed');
+			if( this.settings.background ) $modal.addClass('aside-dark');
+			if( this.settings.offset ) $modal.addClass('navbar-offset');
+			
+			if( !this.settings.transition ) $modal.addClass('transition-off');
+			
+			$modal.addClass('aside-hidden');
+
+			this.insideContainer();
+			
+			/////////////////////////////
+			
+			dialog = $modal.find('.modal-dialog');
+			content = $modal.find('.modal-content');
+			
+			if(!this.settings.body_scroll) {
+				//don't allow body scroll when modal is open
+				$modal.on('mousewheel.aside DOMMouseScroll.aside touchmove.aside pointermove.aside', function(e) {
+					if( !$.contains(content[0], e.target) ) {
+						e.preventDefault();
+						return false;
+					}
+				})
+			}
+			
+			if( this.settings.backdrop == false ) {
+				$modal.addClass('no-backdrop');
+			}
+		}
+		
+		
+		this.show = function() {
+			if(this.settings.backdrop == false) {
+			  try {
+				$modal.data('bs.modal').$backdrop.remove();
+			  } catch(e){}
+			}
+	
+			if(this.container) $(this.container).addClass('overflow-hidden');
+			else $modal.css('position', 'fixed')
+			
+			$modal.removeClass('aside-hidden');
+		}
+		
+		this.hide = function() {
+			if(this.container) {
+				this.container.addClass('overflow-hidden');
+				
+				if(ace.vars['firefox']) {
+					//firefox needs a bit of forcing re-calculation
+					modal.offsetHeight;
+				}
+			}
+		
+			toggleButton();
+			
+			if(ace.vars['transition'] && !hasFade) {
+				$modal.one('bsTransitionEnd', function() {
+					$modal.addClass('aside-hidden');
+					$modal.css('position', '');
+					
+					if(self.container) self.container.removeClass('overflow-hidden');
+				}).emulateTransitionEnd(delay);
+			}
+		}
+		
+		this.shown = function() {
+			toggleButton();
+			$('body').removeClass('modal-open').css('padding-right', '');
+			
+			if( this.settings.backdrop == 'invisible' ) {
+			  try {
+				$modal.data('bs.modal').$backdrop.css('opacity', 0);
+			  } catch(e){}
+			}
+
+			var size = !vertical ? dialog.height() : content.height();
+			if(!ace.vars['touch']) {
+				if(!content.hasClass('ace-scroll')) {
+					content.ace_scroll({
+							size: size,
+							reset: true,
+							mouseWheelLock: true,
+							lockAnyway: !this.settings.body_scroll,
+							styleClass: this.settings.scroll_style,
+							'observeContent': true,
+							'hideOnIdle': !ace.vars['old_ie'],
+							'hideDelay': 1500
+					})
+				}
+			}
+			else {
+				content.addClass('overflow-scroll').css('max-height', size+'px');
+			}
+
+			$window
+			.off('resize.modal.aside')
+			.on('resize.modal.aside', function() {
+				if(!ace.vars['touch']) {
+				  content.ace_scroll('disable');//to get correct size when going from small window size to large size
+					var size = !vertical ? dialog.height() : content.height();
+					content
+					.ace_scroll('update', {'size': size})
+					.ace_scroll('enable')
+					.ace_scroll('reset');
+				}
+				else content.css('max-height', (!vertical ? dialog.height() : content.height())+'px');
+			}).triggerHandler('resize.modal.aside');
+			
+			
+			///////////////////////////////////////////////////////////////////////////
+			if(self.container && ace.vars['transition'] && !hasFade) {
+				$modal.one('bsTransitionEnd', function() {
+					self.container.removeClass('overflow-hidden')
+				}).emulateTransitionEnd(delay);
+			}
+		}
+		
+		
+		this.hidden = function() {
+			$window.off('.aside')
+			//$modal.off('.aside')
+			//			
+			if( !ace.vars['transition'] || hasFade ) {
+				$modal.addClass('aside-hidden');
+				$modal.css('position', '');
+			}
+		}
+		
+		
+		this.insideContainer = function() {
+			var container = $('.main-container');
+
+			var dialog = $modal.find('.modal-dialog');
+			dialog.css({'right': '', 'left': ''});
+			if( container.hasClass('container') ) {
+				var flag = false;
+				if(vertical == true) {
+					dialog.css( placement, parseInt(($window.width() - container.width()) / 2) );
+					flag = true;
+				}
+
+				//strange firefox issue, not redrawing properly on window resize (zoom in/out)!!!!
+				//--- firefix is still having issue!
+				if(flag && ace.vars['firefox']) {
+					ace.helper.redraw(container[0]);
+				}
+			}
+		}
+		
+		this.flip = function() {
+			var flipSides = {right : 'left', left : 'right', top: 'bottom', bottom: 'top'};
+			$modal.removeClass('aside-'+placement).addClass('aside-'+flipSides[placement]);
+			placement = flipSides[placement];
+		}
+
+		var toggleButton = function() {
+			var btn = $modal.find('.aside-trigger');
+			if(btn.length == 0) return;
+			btn.toggleClass('open');
+			
+			var icon = btn.find(ace.vars['.icon']);
+			if(icon.length == 0) return;
+			icon.toggleClass(icon.attr('data-icon1') + " " + icon.attr('data-icon2'));
+		}
+		
+
+		this.initiate();
+		
+		if(this.container) this.container = $(this.container);
+		$modal.appendTo(this.container || 'body'); 
+	}
+
+
+	$(document)
+	.on('show.bs.modal', '.modal.aside', function(e) {
+		$('.aside.in').modal('hide');//??? hide previous open ones?
+		$(this).ace_aside('show');
+	})
+	.on('hide.bs.modal', '.modal.aside', function(e) {
+		$(this).ace_aside('hide');
+	})
+	.on('shown.bs.modal', '.modal.aside', function(e) {
+		$(this).ace_aside('shown');
+	})
+	.on('hidden.bs.modal', '.modal.aside', function(e) {
+		$(this).ace_aside('hidden');
+	})
+	
+	
+
+	
+	$(window).on('resize.aside_container', function() {
+		$('.modal.aside').ace_aside('insideContainer');
+	});
+	$(document).on('settings.ace.aside', function(e, event_name) {
+		if(event_name == 'main_container_fixed') $('.modal.aside').ace_aside('insideContainer');
+	});
+
+	$.fn.aceAside = $.fn.ace_aside = function (option, value) {
+		var method_call;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('ace_aside');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('ace_aside', (data = new Aside(this, options)));
+			if (typeof option === 'string' && typeof data[option] === 'function') {
+				if(value instanceof Array) method_call = data[option].apply(data, value);
+				else method_call = data[option](value);
+			}
+		});
+
+		return (method_call === undefined) ? $set : method_call;
+	}
+	
+	$.fn.ace_aside.defaults = {
+		fixed: false,
+		background: false,
+		offset: false,
+		body_scroll: false,
+		transition: true,
+		scroll_style: 'scroll-dark no-track',
+		container: null,
+		backdrop: false,
+		placement: 'right'
+     }
+
+})(window.jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/ace/elements.colorpicker.js b/web/bootstrap-ace-admin/js/ace/elements.colorpicker.js
new file mode 100755
index 00000000..220d5a51
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/elements.colorpicker.js
@@ -0,0 +1,112 @@
+/**
+ <b>Custom color picker element</b>. Converts html select elements to a dropdown color picker.
+*/
+(function($ , undefined) {
+	var Ace_Colorpicker = function(element, _options) {
+
+		var attrib_values = ace.helper.getAttrSettings(element, $.fn.ace_colorpicker.defaults);
+		var options = $.extend({}, $.fn.ace_colorpicker.defaults, _options, attrib_values);
+
+
+		var $element = $(element);
+		var color_list = '';
+		var color_selected = '';
+		var selection = null;
+		var color_array = [];
+		
+		$element.addClass('hide').find('option').each(function() {
+			var $class = 'colorpick-btn';
+			var color = this.value.replace(/[^\w\s,#\(\)\.]/g, '');
+			if(this.value != color) this.value = color;
+			if(this.selected) {
+				$class += ' selected';
+				color_selected = color;
+			}
+			color_array.push(color)
+			color_list += '<li><a class="'+$class+'" href="#" style="background-color:'+color+';" data-color="'+color+'"></a></li>';
+		}).
+		end()
+		.on('change.color', function(){
+			$element.next().find('.btn-colorpicker').css('background-color', this.value);
+		})
+		.after('<div class="dropdown dropdown-colorpicker">\
+		<a data-toggle="dropdown" class="dropdown-toggle" '+(options.auto_pos ? 'data-position="auto"' : '')+' href="#"><span class="btn-colorpicker" style="background-color:'+color_selected+'"></span></a><ul class="dropdown-menu'+(options.caret? ' dropdown-caret' : '')+(options.pull_right ? ' dropdown-menu-right' : '')+'">'+color_list+'</ul></div>')
+
+		
+		var dropdown = $element.next().find('.dropdown-menu')
+		dropdown.on(ace.click_event, function(e) {
+			var a = $(e.target);
+			if(!a.is('.colorpick-btn')) return false;
+
+			if(selection) selection.removeClass('selected');
+			selection = a;
+			selection.addClass('selected');
+			var color = selection.data('color');
+
+			$element.val(color).trigger('change');
+
+			e.preventDefault();
+			return true;//to hide dropdown
+		})
+		selection = $element.next().find('a.selected');
+
+		this.pick = function(index, insert) {
+			if(typeof index === 'number') {
+				if(index >= color_array.length) return;
+				element.selectedIndex = index;
+				dropdown.find('a:eq('+index+')').trigger(ace.click_event);
+			}
+			else if(typeof index === 'string') {
+				var color = index.replace(/[^\w\s,#\(\)\.]/g, '');
+				index = color_array.indexOf(color);
+				//add this color if it doesn't exist
+				if(index == -1 && insert === true) {
+					color_array.push(color);
+					
+					$('<option />')
+					.appendTo($element)
+					.val(color);
+					
+					$('<li><a class="colorpick-btn" href="#"></a></li>')
+					.appendTo(dropdown)
+					.find('a')
+					.css('background-color', color)
+					.data('color', color);
+					
+					index = color_array.length - 1;
+				}
+				if(index == -1) return;
+				dropdown.find('a:eq('+index+')').trigger(ace.click_event);
+			}
+		}
+
+		this.destroy = function() {
+			$element.removeClass('hide').off('change.color')
+			.next().remove();
+			color_array = [];
+		}
+	}
+
+
+	$.fn.ace_colorpicker = function(option, value) {
+		var retval;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('ace_colorpicker');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('ace_colorpicker', (data = new Ace_Colorpicker(this, options)));
+			if (typeof option === 'string') retval = data[option](value);
+		});
+
+		return (retval === undefined) ? $set : retval;
+	}
+	
+	$.fn.ace_colorpicker.defaults = {
+		'pull_right' : false,
+		'caret': true,
+		'auto_pos': true
+	}
+	
+})(window.jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/ace/elements.fileinput.js b/web/bootstrap-ace-admin/js/ace/elements.fileinput.js
new file mode 100755
index 00000000..1438da26
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/elements.fileinput.js
@@ -0,0 +1,594 @@
+/**
+ <b>Ace file input element</b>. Custom, simple file input element to style browser's default file input.
+*/
+(function($ , undefined) {
+	var multiplible = 'multiple' in document.createElement('INPUT');
+	var hasFileList = 'FileList' in window;//file list enabled in modern browsers
+	var hasFileReader = 'FileReader' in window;
+	var hasFile = 'File' in window;
+
+	var Ace_File_Input = function(element , settings) {
+		var self = this;
+		
+		var attrib_values = ace.helper.getAttrSettings(element, $.fn.ace_file_input.defaults);
+		this.settings = $.extend({}, $.fn.ace_file_input.defaults, settings, attrib_values);
+
+		this.$element = $(element);
+		this.element = element;
+		this.disabled = false;
+		this.can_reset = true;
+		
+
+		this.$element
+		.off('change.ace_inner_call')
+		.on('change.ace_inner_call', function(e , ace_inner_call){
+			if(self.disabled) return;
+		
+			if(ace_inner_call === true) return;//this change event is called from above drop event and extra checkings are taken care of there
+			return handle_on_change.call(self);
+			//if(ret === false) e.preventDefault();
+		});
+
+		var parent_label = this.$element.closest('label').css({'display':'block'})
+		var tagName = parent_label.length == 0 ? 'label' : 'span';//if not inside a "LABEL" tag, use "LABEL" tag, otherwise use "SPAN"
+		this.$element.wrap('<'+tagName+' class="ace-file-input" />');
+
+		this.apply_settings();
+		this.reset_input_field();//for firefox as it keeps selected file after refresh
+	}
+	Ace_File_Input.error = {
+		'FILE_LOAD_FAILED' : 1,
+		'IMAGE_LOAD_FAILED' : 2,
+		'THUMBNAIL_FAILED' : 3
+	};
+
+
+	Ace_File_Input.prototype.apply_settings = function() {
+		var self = this;
+
+		this.multi = this.$element.attr('multiple') && multiplible;
+		this.well_style = this.settings.style == 'well';
+
+		if(this.well_style) this.$element.parent().addClass('ace-file-multiple');
+		 else this.$element.parent().removeClass('ace-file-multiple');
+
+
+		this.$element.parent().find(':not(input[type=file])').remove();//remove all except our input, good for when changing settings
+		this.$element.after('<span class="ace-file-container" data-title="'+this.settings.btn_choose+'"><span class="ace-file-name" data-title="'+this.settings.no_file+'">'+(this.settings.no_icon ? '<i class="'+ ace.vars['icon'] + this.settings.no_icon+'"></i>' : '')+'</span></span>');
+		this.$label = this.$element.next();
+		this.$container = this.$element.closest('.ace-file-input');
+
+		var remove_btn = !!this.settings.icon_remove;
+		if(remove_btn) {
+			var btn = 
+			$('<a class="remove" href="#"><i class="'+ ace.vars['icon'] + this.settings.icon_remove+'"></i></a>')
+			.appendTo(this.$element.parent());
+
+			btn.on(ace.click_event, function(e){
+				e.preventDefault();
+				if( !self.can_reset ) return false;
+				
+				var ret = true;
+				if(self.settings.before_remove) ret = self.settings.before_remove.call(self.element);
+				if(!ret) return false;
+
+				var r = self.reset_input();
+				return false;
+			});
+		}
+
+
+		if(this.settings.droppable && hasFileList) {
+			enable_drop_functionality.call(this);
+		}
+	}
+
+	Ace_File_Input.prototype.show_file_list = function($files , inner_call) {
+		var files = typeof $files === "undefined" ? this.$element.data('ace_input_files') : $files;
+		if(!files || files.length == 0) return;
+		
+		//////////////////////////////////////////////////////////////////
+		
+		if(this.well_style) {
+			this.$label.find('.ace-file-name').remove();
+			if(!this.settings.btn_change) this.$label.addClass('hide-placeholder');
+		}
+		this.$label.attr('data-title', this.settings.btn_change).addClass('selected');
+		
+		for (var i = 0; i < files.length; i++) {
+			var filename = '', format = false;
+			if(typeof files[i] === "string") filename = files[i];
+			else if(hasFile && files[i] instanceof File) filename = $.trim( files[i].name );
+			else if(files[i] instanceof Object && files[i].hasOwnProperty('name')) {
+				//format & name specified by user (pre-displaying name, etc)
+				filename = files[i].name;
+				if(files[i].hasOwnProperty('type')) format = files[i].type;
+				if(!files[i].hasOwnProperty('path')) files[i].path = files[i].name;
+			}
+			else continue;
+			
+			var index = filename.lastIndexOf("\\") + 1;
+			if(index == 0)index = filename.lastIndexOf("/") + 1;
+			filename = filename.substr(index);
+			
+			if(format == false) {
+				if((/\.(jpe?g|png|gif|svg|bmp|tiff?)$/i).test(filename)) {				
+					format = 'image';
+				}
+				else if((/\.(mpe?g|flv|mov|avi|swf|mp4|mkv|webm|wmv|3gp)$/i).test(filename)) {
+					format = 'video';
+				}
+				else if((/\.(mp3|ogg|wav|wma|amr|aac)$/i).test(filename)) {
+					format = 'audio';
+				}
+				else format = 'file';
+			}
+			
+			var fileIcons = {
+				'file' : 'fa fa-file',
+				'image' : 'fa fa-picture-o file-image',
+				'video' : 'fa fa-film file-video',
+				'audio' : 'fa fa-music file-audio'
+			};
+			var fileIcon = fileIcons[format];
+			
+			
+			if(!this.well_style) this.$label.find('.ace-file-name').attr({'data-title':filename}).find(ace.vars['.icon']).attr('class', ace.vars['icon'] + fileIcon);
+			else {
+				this.$label.append('<span class="ace-file-name" data-title="'+filename+'"><i class="'+ ace.vars['icon'] + fileIcon+'"></i></span>');
+				var type = (inner_call === true && hasFile && files[i] instanceof File) ? $.trim(files[i].type) : '';
+				var can_preview = hasFileReader && this.settings.thumbnail 
+						&&
+						( (type.length > 0 && type.match('image')) || (type.length == 0 && format == 'image') )//the second one is for older Android's default browser which gives an empty text for file.type
+				if(can_preview) {
+					var self = this;
+					$.when(preview_image.call(this, files[i])).fail(function(result){
+						//called on failure to load preview
+						if(self.settings.preview_error) self.settings.preview_error.call(self, filename, result.code);
+					})
+				}
+			}
+		}
+		
+		return true;
+	}
+	
+	Ace_File_Input.prototype.reset_input = function() {
+	    this.reset_input_ui();
+		this.reset_input_field();
+	}
+	
+	Ace_File_Input.prototype.reset_input_ui = function() {
+		 this.$label.attr({'data-title':this.settings.btn_choose, 'class':'ace-file-container'})
+			.find('.ace-file-name:first').attr({'data-title':this.settings.no_file , 'class':'ace-file-name'})
+			.find(ace.vars['.icon']).attr('class', ace.vars['icon'] + this.settings.no_icon)
+			.prev('img').remove();
+			if(!this.settings.no_icon) this.$label.find(ace.vars['.icon']).remove();
+		
+		this.$label.find('.ace-file-name').not(':first').remove();
+		
+		this.reset_input_data();
+		
+		//if(ace.vars['old_ie']) ace.helper.redraw(this.$container[0]);
+	}
+	Ace_File_Input.prototype.reset_input_field = function() {
+		//http://stackoverflow.com/questions/1043957/clearing-input-type-file-using-jquery/13351234#13351234
+		this.$element.wrap('<form>').parent().get(0).reset();
+		this.$element.unwrap();
+		
+		//strangely when reset is called on this temporary inner form
+		//only **IE9/10** trigger 'reset' on the outer form as well
+		//and as we have mentioned to reset input on outer form reset
+		//it causes infinite recusrsion by coming back to reset_input_field
+		//thus calling reset again and again and again
+		//so because when "reset" button of outer form is hit, file input is automatically reset
+		//we just reset_input_ui to avoid recursion
+	}
+	Ace_File_Input.prototype.reset_input_data = function() {
+		if(this.$element.data('ace_input_files')) {
+			this.$element.removeData('ace_input_files');
+			this.$element.removeData('ace_input_method');
+		}
+	}
+
+	Ace_File_Input.prototype.enable_reset = function(can_reset) {
+		this.can_reset = can_reset;
+	}
+
+	Ace_File_Input.prototype.disable = function() {
+		this.disabled = true;
+		this.$element.attr('disabled', 'disabled').addClass('disabled');
+	}
+	Ace_File_Input.prototype.enable = function() {
+		this.disabled = false;
+		this.$element.removeAttr('disabled').removeClass('disabled');
+	}
+
+	Ace_File_Input.prototype.files = function() {
+		return $(this).data('ace_input_files') || null;
+	}
+	Ace_File_Input.prototype.method = function() {
+		return $(this).data('ace_input_method') || '';
+	}
+	
+	Ace_File_Input.prototype.update_settings = function(new_settings) {
+		this.settings = $.extend({}, this.settings, new_settings);
+		this.apply_settings();
+	}
+	
+	Ace_File_Input.prototype.loading = function(is_loading) {
+		if(is_loading === false) {
+			this.$container.find('.ace-file-overlay').remove();
+			this.element.removeAttribute('readonly');
+		}
+		else {
+			var inside = typeof is_loading === 'string' ? is_loading : '<i class="overlay-content fa fa-spin fa-spinner orange2 fa-2x"></i>';
+			var loader = this.$container.find('.ace-file-overlay');
+			if(loader.length == 0) {
+				loader = $('<div class="ace-file-overlay"></div>').appendTo(this.$container);
+				loader.on('click tap', function(e) {
+					e.stopImmediatePropagation();
+					e.preventDefault();
+					return false;
+				});
+				
+				this.element.setAttribute('readonly' , 'true');//for IE
+			}
+			loader.empty().append(inside);
+		}
+	}
+
+
+
+	var enable_drop_functionality = function() {
+		var self = this;
+		
+		var dropbox = this.$element.parent();
+		dropbox
+		.off('dragenter')
+		.on('dragenter', function(e){
+			e.preventDefault();
+			e.stopPropagation();
+		})
+		.off('dragover')
+		.on('dragover', function(e){
+			e.preventDefault();
+			e.stopPropagation();
+		})
+		.off('drop')
+		.on('drop', function(e){
+			e.preventDefault();
+			e.stopPropagation();
+
+			if(self.disabled) return;
+		
+			var dt = e.originalEvent.dataTransfer;
+			var file_list = dt.files;
+			if(!self.multi && file_list.length > 1) {//single file upload, but dragged multiple files
+				var tmpfiles = [];
+				tmpfiles.push(file_list[0]);
+				file_list = tmpfiles;//keep only first file
+			}
+			
+			
+			file_list = processFiles.call(self, file_list, true);//true means files have been selected, not dropped
+			if(file_list === false) return false;
+
+			self.$element.data('ace_input_method', 'drop');
+			self.$element.data('ace_input_files', file_list);//save files data to be used later by user
+
+			self.show_file_list(file_list , true);
+			
+			self.$element.triggerHandler('change' , [true]);//true means ace_inner_call
+			return true;
+		});
+	}
+	
+	
+	var handle_on_change = function() {
+		var file_list = this.element.files || [this.element.value];/** make it an array */
+		
+		file_list = processFiles.call(this, file_list, false);//false means files have been selected, not dropped
+		if(file_list === false) return false;
+		
+		this.$element.data('ace_input_method', 'select');
+		this.$element.data('ace_input_files', file_list);
+		
+		this.show_file_list(file_list , true);
+		
+		return true;
+	}
+
+
+
+	var preview_image = function(file) {
+		var self = this;
+		var $span = self.$label.find('.ace-file-name:last');//it should be out of onload, otherwise all onloads may target the same span because of delays
+		
+		var deferred = new $.Deferred;
+		
+		var getImage = function(src) {
+			$span.prepend("<img class='middle' style='display:none;' />");
+			var img = $span.find('img:last').get(0);
+		
+			$(img).one('load', function() {
+				imgLoaded.call(null, img);
+			}).one('error', function() {
+				imgFailed.call(null, img);
+			});
+
+			img.src = src;
+		}
+		var imgLoaded = function(img) {
+			//if image loaded successfully
+			var size = 50;
+			if(self.settings.thumbnail == 'large') size = 150;
+			else if(self.settings.thumbnail == 'fit') size = $span.width();
+			$span.addClass(size > 50 ? 'large' : '');
+
+			var thumb = get_thumbnail(img, size/**, file.type*/);
+			if(thumb == null) {
+				//if making thumbnail fails
+				$(this).remove();
+				deferred.reject({code:Ace_File_Input.error['THUMBNAIL_FAILED']});
+				return;
+			}
+
+			var w = thumb.w, h = thumb.h;
+			if(self.settings.thumbnail == 'small') {w=h=size;};
+			$(img).css({'background-image':'url('+thumb.src+')' , width:w, height:h})
+					.data('thumb', thumb.src)
+					.attr({src:'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQImWNgYGBgAAAABQABh6FO1AAAAABJRU5ErkJggg=='})
+					.show()
+
+			///////////////////
+			deferred.resolve();
+		}
+		var imgFailed = function(img) {
+			//for example when a file has image extenstion, but format is something else
+			$span.find('img').remove();
+			deferred.reject({code:Ace_File_Input.error['IMAGE_LOAD_FAILED']});
+		}
+		
+		if(hasFile && file instanceof File) {
+			var reader = new FileReader();
+			reader.onload = function (e) {
+				getImage(e.target.result);
+			}
+			reader.onerror = function (e) {
+				deferred.reject({code:Ace_File_Input.error['FILE_LOAD_FAILED']});
+			}
+			reader.readAsDataURL(file);
+		}
+		else {
+			if(file instanceof Object && file.hasOwnProperty('path')) {
+				getImage(file.path);//file is a file name (path) --- this is used to pre-show user-selected image
+			}
+		}
+		
+		return deferred.promise();
+	}
+
+	var get_thumbnail = function(img, size, type) {
+		var w = img.width, h = img.height;
+		
+		//**IE10** is not giving correct width using img.width so we use $(img).width()
+		w = w > 0 ? w : $(img).width()
+		h = h > 0 ? h : $(img).height()
+
+		if(w > size || h > size) {
+		  if(w > h) {
+			h = parseInt(size/w * h);
+			w = size;
+		  } else {
+			w = parseInt(size/h * w);
+			h = size;
+		  }
+		}
+
+
+		var dataURL
+		try {
+			var canvas = document.createElement('canvas');
+			canvas.width = w; canvas.height = h;
+			var context = canvas.getContext('2d');
+			context.drawImage(img, 0, 0, img.width, img.height, 0, 0, w, h);
+			dataURL = canvas.toDataURL(/*type == 'image/jpeg' ? type : 'image/png', 10*/)
+		} catch(e) {
+			dataURL = null;
+		}
+		if(! dataURL) return null;
+		
+
+		//there was only one image that failed in firefox completely randomly! so let's double check things
+		if( !( /^data\:image\/(png|jpe?g|gif);base64,[0-9A-Za-z\+\/\=]+$/.test(dataURL)) ) dataURL = null;
+		if(! dataURL) return null;
+		
+
+		return {src: dataURL, w:w, h:h};
+	}
+	
+
+	
+	var processFiles = function(file_list, dropped) {
+		var ret = checkFileList.call(this, file_list, dropped);
+		if(ret === -1) {
+			this.reset_input();
+			return false;
+		}
+		if( !ret || ret.length == 0 ) {
+			if( !this.$element.data('ace_input_files') ) this.reset_input();
+			//if nothing selected before, reset because of the newly unacceptable (ret=false||length=0) selection
+			//otherwise leave the previous selection intact?!!!
+			return false;
+		}
+		if (ret instanceof Array || (hasFileList && ret instanceof FileList)) file_list = ret;
+		
+		
+		ret = true;
+		if(this.settings.before_change) ret = this.settings.before_change.call(this.element, file_list, dropped);
+		if(ret === -1) {
+			this.reset_input();
+			return false;
+		}
+		if(!ret || ret.length == 0) {
+			if( !this.$element.data('ace_input_files') ) this.reset_input();
+			return false;
+		}
+		
+		//inside before_change you can return a modified File Array as result
+		if (ret instanceof Array || (hasFileList && ret instanceof FileList)) file_list = ret;
+		
+		return file_list;
+	}
+	
+	
+	var getExtRegex = function(ext) {
+		if(!ext) return null;
+		if(typeof ext === 'string') ext = [ext];
+		if(ext.length == 0) return null;
+		return new RegExp("\.(?:"+ext.join('|')+")$", "i");
+	}
+	var getMimeRegex = function(mime) {
+		if(!mime) return null;
+		if(typeof mime === 'string') mime = [mime];
+		if(mime.length == 0) return null;
+		return new RegExp("^(?:"+mime.join('|').replace(/\//g, "\\/")+")$", "i");
+	}
+	var checkFileList = function(files, dropped) {
+		var allowExt   = getExtRegex(this.settings.allowExt);
+
+		var denyExt    = getExtRegex(this.settings.denyExt);
+		
+		var allowMime  = getMimeRegex(this.settings.allowMime);
+
+		var denyMime   = getMimeRegex(this.settings.denyMime);
+
+		var maxSize    = this.settings.maxSize || false;
+		
+		if( !(allowExt || denyExt || allowMime || denyMime || maxSize) ) return true;//no checking required
+
+
+		var safe_files = [];
+		var error_list = {}
+		for(var f = 0; f < files.length; f++) {
+			var file = files[f];
+			
+			//file is either a string(file name) or a File object
+			var filename = !hasFile ? file : file.name;
+			if( allowExt && !allowExt.test(filename) ) {
+				//extension not matching whitelist, so drop it
+				if(!('ext' in error_list)) error_list['ext'] = [];
+				 error_list['ext'].push(filename);
+				
+				continue;
+			} else if( denyExt && denyExt.test(filename) ) {
+				//extension is matching blacklist, so drop it
+				if(!('ext' in error_list)) error_list['ext'] = [];
+				 error_list['ext'].push(filename);
+				
+				continue;
+			}
+
+			var type;
+			if( !hasFile ) {
+				//in browsers that don't support FileReader API
+				safe_files.push(file);
+				continue;
+			}
+			else if((type = $.trim(file.type)).length > 0) {
+				//there is a mimetype for file so let's check against are rules
+				if( allowMime && !allowMime.test(type) ) {
+					//mimeType is not matching whitelist, so drop it
+					if(!('mime' in error_list)) error_list['mime'] = [];
+					 error_list['mime'].push(filename);
+					continue;
+				}
+				else if( denyMime && denyMime.test(type) ) {
+					//mimeType is matching blacklist, so drop it
+					if(!('mime' in error_list)) error_list['mime'] = [];
+					 error_list['mime'].push(filename);
+					continue;
+				}
+			}
+
+			if( maxSize && file.size > maxSize ) {
+				//file size is not acceptable
+				if(!('size' in error_list)) error_list['size'] = [];
+				 error_list['size'].push(filename);
+				continue;
+			}
+
+			safe_files.push(file)
+		}
+		
+	
+		
+		if(safe_files.length == files.length) return files;//return original file list if all are valid
+
+		/////////
+		var error_count = {'ext': 0, 'mime': 0, 'size': 0}
+		if( 'ext' in error_list ) error_count['ext'] = error_list['ext'].length;
+		if( 'mime' in error_list ) error_count['mime'] = error_list['mime'].length;
+		if( 'size' in error_list ) error_count['size'] = error_list['size'].length;
+		
+		var event
+		this.$element.trigger(
+			event = new $.Event('file.error.ace'), 
+			{
+				'file_count': files.length,
+				'invalid_count' : files.length - safe_files.length,
+				'error_list' : error_list,
+				'error_count' : error_count,
+				'dropped': dropped
+			}
+		);
+		if ( event.isDefaultPrevented() ) return -1;//it will reset input
+		//////////
+
+		return safe_files;//return safe_files
+	}
+
+
+
+	///////////////////////////////////////////
+	$.fn.aceFileInput = $.fn.ace_file_input = function (option,value) {
+		var retval;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('ace_file_input');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('ace_file_input', (data = new Ace_File_Input(this, options)));
+			if (typeof option === 'string') retval = data[option](value);
+		});
+
+		return (retval === undefined) ? $set : retval;
+	};
+
+
+	$.fn.ace_file_input.defaults = {
+		style: false,
+		no_file: 'No File ...',
+		no_icon: 'fa fa-upload',
+		btn_choose: 'Choose',
+		btn_change: 'Change',
+		icon_remove: 'fa fa-times',
+		droppable: false,
+		thumbnail: false,//large, fit, small
+		
+		allowExt: null,
+		denyExt: null,
+		allowMime: null,
+		denyMime: null,
+		maxSize: false,
+		
+		//callbacks
+		before_change: null,
+		before_remove: null,
+		preview_error: null
+     }
+
+
+})(window.jQuery);
diff --git a/web/bootstrap-ace-admin/js/ace/elements.onpage-help.js b/web/bootstrap-ace-admin/js/ace/elements.onpage-help.js
new file mode 100755
index 00000000..3cbb16e7
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/elements.onpage-help.js
@@ -0,0 +1,708 @@
+window.Onpage_Help = function(options) {
+	var $ = window.jQuery || null;
+	if($ == null) return;
+
+	options = options || {}
+	var defaults = {
+		include_all: true,
+		icon_1: 'fa fa-question',
+		icon_2: 'fa fa-lightbulb-o',
+		base: '',
+		code_highlight: (!!window.Rainbow ? 'rainbow' : (!!window.Prism ? 'prism' : null)),
+
+		add_panels: true,
+		panel_content_selector: '.info-section',
+		panel_content_title: '.info-title'
+	}
+	this.settings = $.extend({}, defaults, options);
+	
+
+	var $base = this.settings['base'];
+	var ie_fix = document.all && !window.atob;//ie9 and below need a little fix
+
+	var section_start = {};
+	var section_end = {};
+	var section_rect = {};
+	var section_count = 0;
+	
+	var created = false;
+	var active = false;
+	
+	var self = this, _ = this;
+	var ovfx = '';
+	var help_container = null;
+	
+	var body_h, body_w;
+	
+	var captureFocus = function() {
+		if(!help_container) return;
+		var scroll = -1;
+		//like bootstrap modal
+		$(document)
+		.off('focusin.ace.help') //remove any previously attached handler
+		.on('focusin.ace.help', function (e) {
+			if (!( help_container[0] == e.target || $.contains(help_container[0], e.target) )) {
+			  help_container.focus();
+			}
+
+			if(e.target == document && scroll > -1) {
+				//when window regains focus and container is focused, it scrolls to bottom
+				//so we put it back to its place
+				$('body,html').scrollTop(scroll);
+				scroll = -1;
+			}
+		})
+
+		$(window).on('blur.ace.help', function(){
+			scroll = $(window).scrollTop();
+		});
+	}
+	var releaseFocus = function() {
+		$(document).off('focusin.ace.help');
+		$(window).off('blur.ace.help');
+	}
+
+
+	this.toggle = function() {
+		if(active) {
+			self.disable();
+		}
+		else {
+			self.enable();
+		}
+	}
+
+	this.enable = function() {
+		if(active) return;
+		if(typeof _.settings.before_enable === 'function' && _.settings.before_enable.call(self) === false) return;
+		////
+
+		//if( !created ) this.init();
+		active = true;
+		
+		$('.onpage-help-backdrop, .onpage-help-section').removeClass('hidden');
+		
+		ovfx = document.body.style.overflowX;
+		document.body.style.overflowX = 'hidden';//hide body:overflow-x
+		
+		display_help_sections();
+		captureFocus();
+
+		////
+		if(typeof _.settings.after_enable === 'function') _.settings.after_enable.call(self);
+	}
+	
+	this.disable = function() {
+		if(!active) return;
+		if(typeof _.settings.before_disable === 'function' && _.settings.before_disable.call(self)) return;
+		////
+				
+		active = false;
+		$('.onpage-help-backdrop, .onpage-help-section').addClass('hidden');
+
+		document.body.style.overflowX = ovfx;//restore body:overflow-x
+		releaseFocus();
+		
+		////
+		if(typeof _.settings.after_disable === 'function') _.settings.after_disable.call(self);
+	}
+	
+	this.is_active = function() {
+		return active;
+	}
+	this.show_section_help = function(section) {
+		launch_help_modal(section, true);
+	}
+	
+	
+	this.init = function() {
+		if( created ) return;
+	
+		help_container = 
+		$('<div class="onpage-help-container" id="onpage-help-container" tabindex="-1" />')
+		.appendTo('body');
+
+		help_container.append('<div class="onpage-help-backdrop hidden" />')
+
+		//update to correct position and size
+		$(window).on('resize.onpage_help', function() {
+			if(!active) return;
+			display_help_sections();
+			
+			if( help_modal != null && help_modal.hasClass('in') ) {
+				setBodyHeight();				
+				disableBodyScroll();
+			}
+		})
+
+		created = true;
+	}
+	this.init();//create once at first
+	
+
+	///////////////////////////
+	this.update_sections = function() {
+		save_sections(true);//reset sections, maybe because of new elements and comments inserted into DOM
+	}
+
+
+	function display_help_sections() {
+		if(!active) return;
+
+		save_sections();//finds comments and relevant help sections
+
+		body_h = document.body.scrollHeight - 2;
+		body_w = document.body.scrollWidth - 2;
+
+		//we first calculate all positions
+		//because if we calculate one position and then make changes to DOM,
+		//next position calculation will become slow on Webkit, because it tries to re-calculate layout changes and things
+		//i.e. we batch call all and save offsets and scrollWidth, etc and then use them later in highlight_section
+		//Firefox doesn't have such issue
+		for(var name in section_start) {
+			if(section_start.hasOwnProperty(name)) {
+				save_section_offset(name);
+			}
+		}
+		for(var name in section_start) {
+			if(section_start.hasOwnProperty(name)) {
+				highlight_section(name);
+			}
+		}
+	}
+
+	
+	//finds comments and relevant help sections
+	function save_sections(reset) {
+		if( !(reset === true || section_count == 0) ) return;//no need to re-calculate sections, then return
+		if(reset === true) help_container.find('.onpage-help-section').remove();
+
+		section_start = {};
+		section_end = {};
+		section_count = 0;
+		
+		var count1 = 0, count2 = 0;
+		
+		//find all relevant comments
+		var comments = $('*').contents().filter(function(){ return this.nodeType == 8/**Node.COMMENT_NODE;*/ })
+		$(comments).each(function() {
+			var match
+			if( (match = $.trim(this.data).match(/#section\s*:\s*([\w\d\-\.\/]+)/i)) ) {
+				var section_name = match[1];
+				if( !(section_name in section_start) ) 	section_start[ section_name ] = this;
+			}
+			if( (match = $.trim(this.data).match(/\/section\s*:\s*([\w\d\-\.\/]+)/i)) ) {
+				var section_name = match[1];
+				if( !(section_name in section_end) && (section_name in section_start) ) {
+					section_end[ section_name ] = this;
+					section_count++;
+				}
+			}
+		})
+	}
+
+
+	
+	function save_section_offset(name) {
+		if( !(name in section_start) || !(name in section_end) ) return;
+		
+		var x1 = 1000000, y1 = 1000000, x2 = -1000000, y2 = -1000000;
+		var visible = false;
+
+		
+		var elements = [];
+		
+		var start = section_start[name];
+		var end = section_end[name];
+		while(start != end) {
+			start = start.nextSibling;
+			if(start == null) break;
+			else if(start.nodeType == 1 /**Node.ELEMENT_NODE*/) elements.push(start);
+		}
+
+		var elen = elements.length;
+		if(elen > 0 && !_.settings['include_all']) {
+			//calculate dimension of only first and last element
+			elements = elen == 1 ? [elements[0]] : [elements[0], elements[elen - 1]]
+		}
+
+		$(elements).each(function() {
+			var $this = $(this);
+			if( $this.is(':hidden') ) return;
+			
+			var off = $this.offset();
+			var w = $this.outerWidth();
+			var h = $this.outerHeight();
+			
+			if( !off || !w || !h ) return;
+			
+			visible = true;
+			if(off.left < x1) x1 = off.left;
+			if(off.left + w > x2) x2 = off.left + w;
+			
+			if(off.top < y1) y1 = off.top;
+			if(off.top + h > y2) y2 = off.top + h;
+		});
+		
+					
+		if( !visible ) {
+			section_rect[name] = {is_hidden: true}
+			return;
+		}
+		
+		x1 -= 1;
+		y1 -= 1;
+		x2 += 1;
+		y2 += 1;
+		
+		
+		var width = x2 - x1, height = y2 - y1;
+		//section_rect is out of window ???
+		if(x1 + width < 2 || x1 > body_w || y1 + height < 2 || y1 > body_h ) {
+			section_rect[name] = {is_hidden: true}
+			return;
+		}
+
+		section_rect[name] = {
+			'left': parseInt(x1),
+			'top': parseInt(y1),
+			'width': parseInt(width),
+			'height': parseInt(height)
+		}
+	}
+
+
+	function highlight_section(name) {
+		if( !(name in section_rect) || !help_container ) return;
+
+		//div is the highlighted box above each section
+		var div = help_container.find('.onpage-help-section[data-section="'+name+'"]').eq(0);
+		if(div.length == 0)	{
+			div = $('<a class="onpage-help-section" href="#" />').appendTo(help_container);
+			if(ie_fix) div.append('<span class="ie-hover-fix" />');
+			
+			if(_.settings.icon_1) div.append('<i class="help-icon-1 '+_.settings.icon_1+'"></i>');
+			if(_.settings.icon_2) div.append('<i class="help-icon-2 '+_.settings.icon_2+'"></i>');
+			
+			div.attr('data-section', name);
+
+			div.on('click', function(e) {
+				e.preventDefault();
+				launch_help_modal(name);
+			});
+		}
+
+		var rect = section_rect[name];
+		if(rect['is_hidden'] === true) {
+			div.addClass('hidden');
+			return;
+		}
+		
+		div.css({
+			left: rect.left,
+			top: rect.top,
+			width: rect.width,
+			height: rect.height
+		});
+		
+
+		div.removeClass('hidden');
+		div.removeClass('help-section-small help-section-smaller');
+		if(rect.height < 55 || rect.width < 55) {
+			div.addClass('help-section-smaller');
+		}
+		else if(rect.height < 75 || rect.width < 75) {
+			div.addClass('help-section-small');
+		}
+	}
+	
+
+	var nav_list = [];
+	var nav_pos = -1;
+	var mbody = null;
+	var maxh = 0;
+	var help_modal = null;
+
+	//disable body scroll, when modal content has no scrollbars or reached end of scrolling
+	function disableBodyScroll() {
+		if (!mbody) return;
+		
+		var body = mbody[0];
+		var disableScroll = body.scrollHeight <= body.clientHeight;
+		
+		//mousewheel library available?
+		var mousewheel_event = !!$.event.special.mousewheel ? 'mousewheel.ace.help' : 'mousewheel.ace.help DOMMouseScroll.ace.help';
+
+		mbody.parent()
+		.off(mousewheel_event)
+		.on(mousewheel_event, function(event) {
+			if(disableScroll) event.preventDefault();
+			else {
+				event.deltaY = event.deltaY || 0;
+				var delta = (event.deltaY > 0 || event.originalEvent.detail < 0 || event.originalEvent.wheelDelta > 0) ? 1 : -1
+
+				if(delta == -1 && body.scrollTop + body.clientHeight >= body.scrollHeight) event.preventDefault();
+				else if(delta == 1 && body.scrollTop <= 0) event.preventDefault();
+			}
+		});
+	}
+	
+	function setBodyHeight() {
+		if (!mbody) return;
+		
+		var diff = parseInt(help_modal.find('.modal-dialog').css('margin-top'));
+		diff = diff + 110 + parseInt(diff / 2);
+		maxh = parseInt( $(window).innerHeight() - diff + 40 );
+		mbody.css({'max-height': maxh});
+	}
+
+
+	function launch_help_modal(section_name, save_to_list) {
+		if(help_modal == null) {
+			help_modal = $('<div id="onpage-help-modal" class="modal onpage-help-modal" tabindex="-1" role="dialog" aria-labelledby="HelpModalDialog" aria-hidden="true">\
+			  <div class="modal-dialog modal-lg">\
+				<div class="modal-content">\
+					<div class="modal-header">\
+					  <div class="pull-right onpage-help-modal-buttons">\
+						<button aria-hidden="true" data-navdir="up" type="button" class="disabled btn btn-white btn-success btn-sm"><i class="ace-icon fa fa-level-up fa-flip-horizontal bigger-125 icon-only"></i></button>\
+						&nbsp;\
+						<button aria-hidden="true" data-navdir="back" type="button" class="disabled btn btn-white btn-info btn-sm"><i class="ace-icon fa fa-arrow-left icon-only"></i></button>\
+						<button aria-hidden="true" data-navdir="forward" type="button" class="disabled btn btn-white btn-info  btn-sm"><i class="ace-icon fa fa-arrow-right icon-only"></i></button>\
+						&nbsp;\
+						<button aria-hidden="true" data-dismiss="modal" class="btn btn-white btn-danger btn-sm" type="button"><i class="ace-icon fa fa-times icon-only"></i></button>\
+					  </div>\
+					  <h4 class="modal-title">Help Dialog</h4>\
+					</div>\
+					<div class="modal-body"><div class="onpage-help-content"></div></div>\
+				</div>\
+			  </div>\
+			</div>').appendTo('body');
+		
+			mbody = help_modal.find('.modal-body');
+			mbody.css({'overflow-y': 'auto', 'overflow-x': 'hidden'});
+			
+			help_modal.css({'overflow' : 'hidden'})
+			.on('show.bs.modal', function() {
+				releaseFocus();
+			})
+			.on('hidden.bs.modal', function() {
+				captureFocus();
+			})
+			
+			help_modal.find('.onpage-help-modal-buttons').on('click', 'button[data-navdir]', function() {
+				var dir = $(this).attr('data-navdir');
+				if(dir == 'back') {
+					if(nav_pos > 0) {
+						nav_pos--;
+						launch_help_modal(nav_list[nav_pos], false);
+					}
+				}
+				else if(dir == 'forward') {
+					if(nav_pos < nav_list.length - 1) {
+						nav_pos++;
+						launch_help_modal(nav_list[nav_pos], false);//don't save to history list, already in the list
+					}
+				}
+				else if(dir == 'up') {
+					var $this = $(this), url;
+					if( $this.hasClass('disabled') || !(url = $this.attr('data-url')) ) return;
+					
+					launch_help_modal(url , true);//add to history list
+				}
+			});
+		}
+
+
+		if( !help_modal.hasClass('in') ) {
+			if( document.body.lastChild != help_modal[0] ) $(document.body).append(help_modal);//move it to become the last child of body
+			help_modal.modal('show');
+			
+			setBodyHeight();
+		}
+
+		help_modal.find('.modal-title').wrapInner("<span class='hidden' />").append('<i class="fa fa-spinner fa-spin blue bigger-125"></i>');
+		var content = $('.onpage-help-content');
+		content.addClass('hidden')
+		
+		$(document.body).removeClass('modal-open');//modal by default hides body scrollbars, but we don't want to do so, because on modal hide, a winow resize is triggered
+		
+		var parts = section_name.match(/file\:(.*?)\:(.+)/i);
+		if(parts && parts.length == 3) {
+			display_codeview(parts[2], parts[1], false);
+			return;
+		}
+
+		section_name = section_name.replace(/^#/g, '');
+		if(typeof _.settings.section_url === 'function') url = _.settings.section_url.call(self, section_name);
+
+		$.ajax({url: url, dataType: 'text'})
+		.done(function(result) {
+			//find the title for this dialog by looking for a tag that has data-id attribute
+			var title = '', excerpt = '';
+			
+			if(typeof _.settings.section_title === 'function') title = _.settings.section_title.call(self, result, section_name, url);
+			else {
+				var escapeSpecialChars = function(name) {
+					return name.replace(/[\-\.\(\)\=\"\'\\\/]/g, function(a,b){return "\\"+a;})
+				}
+				var tname = section_name;
+				while(title.length == 0) {	
+					var reg_str = '\\<([a-z][a-z0-9]*)(?:\\s+)(?:[^\\<\\>]+?)data\\-id\\=\\"\\#'+escapeSpecialChars(tname)+'\\"(?:[^\\>]*)\\>([\\s\\S]*?)</\\1>';
+					
+					var regexp = new RegExp(reg_str , "im");
+					var arr = result.match(reg_str);
+					if(arr && arr[2]) {
+						title = arr[2];
+						break;
+					}
+
+					//if no "#something.part" was not found try looking for "#something" instead
+					var tpos
+					if((tpos = tname.lastIndexOf('.')) > -1) {
+						tname = tname.substr(0, tpos);
+					} else break;
+				}
+			}
+
+			help_modal.find('.modal-title').html( $.trim(title) || '&nbsp;' );
+
+			if(typeof _.settings.section_content === 'function') excerpt = _.settings.section_content.call(self, result, section_name, url);
+			else {
+				var find1 = '<!-- #section:'+section_name+' -->';
+				var pos1 = result.indexOf(find1);
+				var pos2 = result.indexOf('<!-- /section:'+section_name+' -->', pos1);
+
+				if(pos1 == -1 || pos2 == -1) {
+					help_modal.find('.modal-title').html( '&nbsp;' );
+					return;
+				}
+
+				excerpt = result.substring(pos1 + find1.length + 1, pos2);
+			}
+
+			
+			//convert `<` and `>` to `&lt;` and `&gt;` inside code snippets
+			if(typeof _.settings.code_highlight === 'function') {
+				excerpt = _.settings.code_highlight.call(self, excerpt);
+			}
+			else {
+				//find prism & rainbow style pre tags and replace < > characters with &lt; &gt;
+				excerpt =
+				excerpt.replace(/\<pre((?:(?:.*?)(?:data\-language=["'](?:[\w\d]+)["'])(?:.*?))|(?:(?:.*?)(?:class=["'](?:.*?)language\-(?:[\w\d]+)(?:.*?)["'])(?:.*?)))\>([\s\S]+?)\<\/pre\>/ig, function(a, b, c){
+					return '<pre'+(b)+'>'+c.replace(/\</g , '&lt;').replace(/\>/g , '&gt;')+'</pre>';
+				});
+			}
+
+
+			//modify image paths if needed!
+			if(typeof _.settings.img_url === 'function') {
+				excerpt = excerpt.replace(/\<img(?:(?:.*?)src=["']([^"']+)["'])/ig, function(img, src) {
+					var new_src = _.settings.img_url.call(self, src);
+					return img.replace(src, new_src)
+				});
+			}
+
+
+			//now update content area
+			content.empty().append(excerpt);
+			if(typeof _.settings.code_highlight === 'function') {
+				_.settings.code_highlight.call(self, content);
+			}
+			else if(_.settings.code_highlight === 'rainbow') {
+				try {
+					Rainbow.color(content[0]);
+				} catch(e) {}
+			}
+			else if(_.settings.code_highlight === 'prism') {
+				try {
+					content.find('pre[class*="language-"],code[class*="language-"]').each(function() {
+						Prism.highlightElement(this);
+					})
+				} catch(e) {}
+			}
+
+
+			//wrap titles and contents inside panels
+			if(_.settings.add_panels) {
+				content
+				.find(_.settings.panel_content_selector).each(function() {
+					var header = $(this).prevAll(_.settings.panel_content_title);
+					if(header.length == 0) return false;
+					
+					header =
+					header.attr('class', 'panel-title')
+					.wrapInner('<a class="help-panel-toggle" href="#" data-parent="#" data-toggle="collapse" />')
+					.wrap('<div class="panel-heading" />')
+					.closest('.panel-heading');
+
+					$(this).wrap('<div class="panel panel-default panel-help"><div class="panel-collapse collapse"><div class="panel-body"></div></div></div>');
+					$(this).closest('.panel').prepend(header);
+				})
+							
+				var group_count = $('.panel-group').length;
+				content.find('.panel').each(function() {
+					if( $(this).parent().hasClass('panel-group') ) return;
+
+					var group_id = 'panel-group-help-'+ (++group_count);
+					var group = $('<div class="panel-group" />').insertBefore(this);
+					group.attr('id', group_id);
+					
+					var panel_id = 0;
+					group.siblings('.panel').appendTo(group);
+					group.find('.help-panel-toggle')
+					.append('<i class="pull-right ace-icon fa fa-plus" data-icon-show="ace-icon fa fa-plus" data-icon-hide="ace-icon fa fa-minus"></i>')
+					.attr('data-parent', '#'+group_id)
+					.each(function() {
+						panel_id++;
+						$(this).attr('data-target', '#'+group_id+'-'+panel_id);
+						$(this).closest('.panel-heading').siblings('.panel-collapse').attr('id', group_id+'-'+panel_id);
+					});
+				});
+				$(document).off('click.help-panel-toggle', '.help-panel-toggle').on('click.help-panel-toggle', '.help-panel-toggle', function(e) {
+					e.preventDefault();
+				});
+			}
+
+
+			///////////////////////////////////////////
+
+			content.removeClass('hidden')
+
+			var images = content.find('img:visible');
+			if(images.length > 0) {
+				//handle scrollbars when all images are loaded
+				var ev_count = 0;
+				images.off('.help_body_scroll').on('load.help_body_scroll error.help_body_scroll', function() {
+					$(this).off('.help_body_scroll');
+					ev_count++;
+					if(ev_count >= images.length) disableBodyScroll();
+				});
+			}
+
+			disableBodyScroll();
+			content.find('.panel > .panel-collapse').on('shown.bs.collapse hidden.bs.collapse', function() {
+				disableBodyScroll();
+			});
+
+
+			//save history list
+			add_to_nav_list(section_name, save_to_list);
+		
+			var pos = -1;
+			if((pos = section_name.lastIndexOf('.')) > -1) {
+				section_name = section_name.substr(0, pos);
+				help_modal.find('button[data-navdir=up]').removeClass('disabled').attr('data-url', section_name);
+			}
+			else {
+				help_modal.find('button[data-navdir=up]').addClass('disabled').removeAttr('data-url').blur();
+			}
+		})
+		.fail(function() {
+			help_modal.find('.modal-title').find('.fa-spin').remove().end().find('.hidden').children().unwrap();
+		});
+	}//launch_help_modal
+
+
+	$(document).on('click', '.onpage-help-modal a[href^="http"]', function() {
+		$(this).attr('target', '_blank');
+	});
+	
+	$(document).on('click', '.help-more', function(e) {
+		e.preventDefault();
+		var href = $(this).attr('href');
+		launch_help_modal(href);
+	});
+	
+
+	
+	function add_to_nav_list(section_name, save_to_list) {
+		if(save_to_list !== false) {
+			if(nav_list.length > 0) {
+				nav_list = nav_list.slice(0, nav_pos + 1);
+			}
+			if(nav_list[nav_list.length - 1] != section_name) {
+				nav_list.push(section_name);
+				nav_pos = nav_list.length - 1;
+			}
+		}
+		
+		if(nav_pos == 0){
+			help_modal.find('button[data-navdir=back]').addClass('disabled').blur();
+		}
+		else {
+			help_modal.find('button[data-navdir=back]').removeClass('disabled');
+		}
+		
+		if(nav_pos == nav_list.length - 1){
+			help_modal.find('button[data-navdir=forward]').addClass('disabled').blur();
+		}
+		else {
+			help_modal.find('button[data-navdir=forward]').removeClass('disabled');
+		}
+	}
+
+	
+	$(document).on('click', '.open-file[data-open-file]', function() {
+		help_modal.find('.modal-title').wrapInner("<span class='hidden' />").append('<i class="fa fa-spinner fa-spin blue bigger-125"></i>');
+		$('.onpage-help-content').addClass('hidden')
+
+		var url = $(this).attr('data-path') || $(this).text();
+		var language = $(this).attr('data-open-file');
+		display_codeview(url, language, true);
+	});
+	
+	
+	function display_codeview(url, language, save_to_list) {
+		var $url = url;
+	
+		if(typeof _.settings.file_url === 'function') url = _.settings.file_url.call(self, url, language);
+		$.ajax({url: url, dataType:'text'})
+		.done(function(result) {
+
+			add_to_nav_list('file:'+language+':'+$url, save_to_list);
+			
+			help_modal.find('button[data-navdir=up]').addClass('disabled').blur();
+			help_modal.find('.modal-title').html($url).wrapInner('<code />');
+
+			if(language != 'json') {
+				if(language != 'css') {
+					//replace each tab character with two spaces (only those that start at a new line)
+					result = result.replace(/\n[\t]{1,}/g, function(p, q) {
+						return p.replace(/\t/g, "  ");
+					});
+				} else {
+					result = result.replace(/\t/g , "  ")
+				}
+			}
+			else {
+				language = 'javascript';
+				result = JSON.stringify(JSON.parse(result), null, 2);//add spacing and somehow beautification
+			}
+			
+			result = result.replace(/\>/g, '&gt;').replace(/\</g, '&lt;');
+
+			var content = $('.onpage-help-content');
+			content.removeClass('hidden').empty();
+
+			if(typeof _.settings.code_highlight === 'function') {
+				result = _.settings.code_highlight.call(self, result, language);
+				content.html(result);
+			}
+			else if(_.settings.code_highlight === 'rainbow') {
+				try {
+					Rainbow.color(result, language, function(highlighted_code) {
+						content.html(highlighted_code).wrapInner('<pre data-language="'+language+'" />');
+					});
+				} catch(e){}
+			}
+			else if(_.settings.code_highlight === 'prism') {
+				try {
+					result = Prism.highlight(result, Prism.languages[language] , language);
+					content.html(result).wrapInner('<pre class="language-'+language+'" />');
+				} catch(e){}
+			}
+
+		});
+	}
+
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/ace/elements.scroller.js b/web/bootstrap-ace-admin/js/ace/elements.scroller.js
new file mode 100755
index 00000000..308c4ce2
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/elements.scroller.js
@@ -0,0 +1,677 @@
+/**
+ <b>Ace custom scroller</b>. It is not as feature-rich as plugins such as NiceScroll but it's good enough for most cases.
+*/
+(function($ , undefined) {
+	var Ace_Scroll = function(element , _settings) {
+		var self = this;
+		
+		var attrib_values = ace.helper.getAttrSettings(element, $.fn.ace_scroll.defaults);
+		var settings = $.extend({}, $.fn.ace_scroll.defaults, _settings, attrib_values);
+	
+		this.size = 0;
+		this.lock = false;
+		this.lock_anyway = false;
+		
+		this.$element = $(element);
+		this.element = element;
+		
+		var vertical = true;
+
+		var disabled = false;
+		var active = false;
+		var created = false;
+
+		var $content_wrap = null, content_wrap = null;
+		var $track = null, $bar = null, track = null, bar = null;
+		var bar_style = null;
+		
+		var bar_size = 0, bar_pos = 0, bar_max_pos = 0, bar_size_2 = 0, move_bar = true;
+		var reset_once = false;
+		
+		var styleClass = '';
+		var trackFlip = false;//vertical on left or horizontal on top
+		var trackSize = 0;
+
+		var css_pos,
+			css_size,
+			max_css_size,
+			client_size,
+			scroll_direction,
+			scroll_size;
+
+		var ratio = 1;
+		var inline_style = false;
+		var mouse_track = false;
+		var mouse_release_target = 'onmouseup' in window ? window : 'html';
+		var dragEvent = settings.dragEvent || false;
+		
+		var trigger_scroll = _settings.scrollEvent || false;
+		
+		
+		var detached = settings.detached || false;//when detached, hideOnIdle as well?
+		var updatePos = settings.updatePos || false;//default is true
+		
+		var hideOnIdle = settings.hideOnIdle || false;
+		var hideDelay = settings.hideDelay || 1500;
+		var insideTrack = false;//used to hide scroll track when mouse is up and outside of track
+		var observeContent = settings.observeContent || false;
+		var prevContentSize = 0;
+		
+		var is_dirty = true;//to prevent consecutive 'reset' calls
+		
+		this.create = function(_settings) {
+			if(created) return;
+			//if(disabled) return;
+			if(_settings) settings = $.extend({}, $.fn.ace_scroll.defaults, _settings);
+
+			this.size = parseInt(this.$element.attr('data-size')) || settings.size || 200;
+			vertical = !settings['horizontal'];
+
+			css_pos = vertical ? 'top' : 'left';//'left' for horizontal
+			css_size = vertical ? 'height' : 'width';//'width' for horizontal
+			max_css_size = vertical ? 'maxHeight' : 'maxWidth';
+
+			client_size = vertical ? 'clientHeight' : 'clientWidth';
+			scroll_direction = vertical ? 'scrollTop' : 'scrollLeft';
+			scroll_size = vertical ? 'scrollHeight' : 'scrollWidth';
+
+
+
+			this.$element.addClass('ace-scroll');
+			if(this.$element.css('position') == 'static') {
+				inline_style = this.element.style.position;
+				this.element.style.position = 'relative';
+			} else inline_style = false;
+
+			var scroll_bar = null;
+			if(!detached) {
+				this.$element.wrapInner('<div class="scroll-content" />');
+				this.$element.prepend('<div class="scroll-track"><div class="scroll-bar"></div></div>');
+			}
+			else {
+				scroll_bar = $('<div class="scroll-track scroll-detached"><div class="scroll-bar"></div></div>').appendTo('body');
+			}
+
+
+			$content_wrap = this.$element;
+			if(!detached) $content_wrap = this.$element.find('.scroll-content').eq(0);
+			
+			if(!vertical) $content_wrap.wrapInner('<div />');
+			
+			content_wrap = $content_wrap.get(0);
+			if(detached) {
+				//set position for detached scrollbar
+				$track = scroll_bar;
+				setTrackPos();
+			}
+			else $track = this.$element.find('.scroll-track').eq(0);
+			
+			$bar = $track.find('.scroll-bar').eq(0);
+			track = $track.get(0);
+			bar = $bar.get(0);
+			bar_style = bar.style;
+
+			//add styling classes and horizontalness
+			if(!vertical) $track.addClass('scroll-hz');
+			if(settings.styleClass) {
+				styleClass = settings.styleClass;
+				$track.addClass(styleClass);
+				trackFlip = !!styleClass.match(/scroll\-left|scroll\-top/);
+			}
+			
+			//calculate size of track!
+			if(trackSize == 0) {
+				$track.show();
+				getTrackSize();
+			}
+			
+			$track.hide();
+			
+
+			//if(!touchDrag) {
+			$track.on('mousedown', mouse_down_track);
+			$bar.on('mousedown', mouse_down_bar);
+			//}
+
+			$content_wrap.on('scroll', function() {
+				if(move_bar) {
+					bar_pos = parseInt(Math.round(this[scroll_direction] * ratio));
+					bar_style[css_pos] = bar_pos + 'px';
+				}
+				move_bar = false;
+				if(trigger_scroll) this.$element.trigger('scroll', [content_wrap]);
+			})
+
+
+			if(settings.mouseWheel) {
+				this.lock = settings.mouseWheelLock;
+				this.lock_anyway = settings.lockAnyway;
+
+				//mousewheel library available?
+				this.$element.on(!!$.event.special.mousewheel ? 'mousewheel.ace_scroll' : 'mousewheel.ace_scroll DOMMouseScroll.ace_scroll', function(event) {
+					if(disabled) return;
+					checkContentChanges(true);
+
+					if(!active) return !self.lock_anyway;
+
+					if(mouse_track) {
+						mouse_track = false;
+						$('html').off('.ace_scroll')
+						$(mouse_release_target).off('.ace_scroll');
+						if(dragEvent) self.$element.trigger('drag.end');
+					}
+					
+
+					event.deltaY = event.deltaY || 0;
+					var delta = (event.deltaY > 0 || event.originalEvent.detail < 0 || event.originalEvent.wheelDelta > 0) ? 1 : -1
+					var scrollEnd = false//have we reached the end of scrolling?
+					
+					var clientSize = content_wrap[client_size], scrollAmount = content_wrap[scroll_direction];
+					if( !self.lock ) {
+						if(delta == -1)	scrollEnd = (content_wrap[scroll_size] <= scrollAmount + clientSize);
+						else scrollEnd = (scrollAmount == 0);
+					}
+
+					self.move_bar(true);
+
+					//var step = parseInt( Math.min(Math.max(parseInt(clientSize / 8) , 80) , self.size) ) + 1;
+					var step = parseInt(clientSize / 8);
+					if(step < 80) step = 80;
+					if(step > self.size) step = self.size;
+					step += 1;
+					
+					content_wrap[scroll_direction] = scrollAmount - (delta * step);
+
+
+					return scrollEnd && !self.lock_anyway;
+				})
+			}
+			
+			
+			//swipe not available yet
+			var touchDrag = ace.vars['touch'] && 'ace_drag' in $.event.special && settings.touchDrag //&& !settings.touchSwipe;
+			//add drag event for touch devices to scroll
+			if(touchDrag/** || ($.fn.swipe && settings.touchSwipe)*/) {
+				var dir = '', event_name = touchDrag ? 'ace_drag' : 'swipe';
+				this.$element.on(event_name + '.ace_scroll', function(event) {
+					if(disabled) {
+						event.retval.cancel = true;
+						return;
+					}
+					checkContentChanges(true);
+					
+					if(!active) {
+						event.retval.cancel = this.lock_anyway;
+						return;
+					}
+
+					dir = event.direction;
+					if( (vertical && (dir == 'up' || dir == 'down'))
+						||
+						(!vertical && (dir == 'left' || dir == 'right'))
+					   )
+					{
+						var distance = vertical ? event.dy : event.dx;
+
+						if(distance != 0) {
+							if(Math.abs(distance) > 20 && touchDrag) distance = distance * 2;
+
+							self.move_bar(true);
+							content_wrap[scroll_direction] = content_wrap[scroll_direction] + distance;
+						}
+					}
+					
+				})
+			}
+			
+			
+			/////////////////////////////////
+			
+			if(hideOnIdle) {
+				$track.addClass('idle-hide');
+			}
+			if(observeContent) {
+				$track.on('mouseenter.ace_scroll', function() {
+					insideTrack = true;
+					checkContentChanges(false);
+				}).on('mouseleave.ace_scroll', function() {
+					insideTrack = false;
+					if(mouse_track == false) hideScrollbars();
+				});
+			}
+
+
+			
+			//some mobile browsers don't have mouseenter
+			this.$element.on('mouseenter.ace_scroll touchstart.ace_scroll', function(e) {
+				//if(ace.vars['old_ie']) return;//IE8 has a problem triggering event two times and strangely wrong values for this.size especially in fullscreen widget!
+				
+				is_dirty = true;
+				if(observeContent) checkContentChanges(true);
+				else if(settings.hoverReset) self.reset(true);
+				
+				$track.addClass('scroll-hover');
+			}).on('mouseleave.ace_scroll touchend.ace_scroll', function() {
+				$track.removeClass('scroll-hover');
+			});
+			//
+
+			if(!vertical) $content_wrap.children(0).css(css_size, this.size);//the extra wrapper
+			$content_wrap.css(max_css_size , this.size);
+			
+			disabled = false;
+			created = true;
+		}
+		this.is_active = function() {
+			return active;
+		}
+		this.is_enabled = function() {
+			return !disabled;
+		}
+		this.move_bar = function($move) {
+			move_bar = $move;
+		}
+		
+		this.get_track = function() {
+			return track;
+		}
+
+		this.reset = function(innert_call) {
+			if(disabled) return;// this;
+			if(!created) this.create();
+			/////////////////////
+			var size = this.size;
+			
+			if(innert_call && !is_dirty) {
+				return;
+			}
+			is_dirty = false;
+
+			if(detached) {
+				var border_size = parseInt(Math.round( (parseInt($content_wrap.css('border-top-width')) + parseInt($content_wrap.css('border-bottom-width'))) / 2.5 ));//(2.5 from trial?!)
+				size -= border_size;//only if detached
+			}
+	
+			var content_size   = vertical ? content_wrap[scroll_size] : size;
+			if( (vertical && content_size == 0) || (!vertical && this.element.scrollWidth == 0) ) {
+				//element is hidden
+				//this.$element.addClass('scroll-hidden');
+				$track.removeClass('scroll-active')
+				return;// this;
+			}
+
+			var available_space = vertical ? size : content_wrap.clientWidth;
+
+			if(!vertical) $content_wrap.children(0).css(css_size, size);//the extra wrapper
+			$content_wrap.css(max_css_size , this.size);
+			
+
+			if(content_size > available_space) {
+				active = true;
+				$track.css(css_size, available_space).show();
+
+				ratio = parseFloat((available_space / content_size).toFixed(5))
+				
+				bar_size = parseInt(Math.round(available_space * ratio));
+				bar_size_2 = parseInt(Math.round(bar_size / 2));
+
+				bar_max_pos = available_space - bar_size;
+				bar_pos = parseInt(Math.round(content_wrap[scroll_direction] * ratio));
+
+				bar_style[css_size] = bar_size + 'px';
+				bar_style[css_pos] = bar_pos + 'px';
+				
+				$track.addClass('scroll-active');
+				
+				if(trackSize == 0) {
+					getTrackSize();
+				}
+
+				if(!reset_once) {
+					//this.$element.removeClass('scroll-hidden');
+					if(settings.reset) {
+						//reset scrollbar to zero position at first							
+						content_wrap[scroll_direction] = 0;
+						bar_style[css_pos] = 0;
+					}
+					reset_once = true;
+				}
+				
+				if(detached) setTrackPos();
+			} else {
+				active = false;
+				$track.hide();
+				$track.removeClass('scroll-active');
+				$content_wrap.css(max_css_size , '');
+			}
+
+			return;// this;
+		}
+		this.disable = function() {
+			content_wrap[scroll_direction] = 0;
+			bar_style[css_pos] = 0;
+
+			disabled = true;
+			active = false;
+			$track.hide();
+			
+			this.$element.addClass('scroll-disabled');
+			
+			$track.removeClass('scroll-active');
+			$content_wrap.css(max_css_size , '');
+		}
+		this.enable = function() {
+			disabled = false;
+			this.$element.removeClass('scroll-disabled');
+		}
+		this.destroy = function() {
+			active = false;
+			disabled = false;
+			created = false;
+			
+			this.$element.removeClass('ace-scroll scroll-disabled scroll-active');
+			this.$element.off('.ace_scroll')
+
+			if(!detached) {
+				if(!vertical) {
+					//remove the extra wrapping div
+					$content_wrap.find('> div').children().unwrap();
+				}
+				$content_wrap.children().unwrap();
+				$content_wrap.remove();
+			}
+			
+			$track.remove();
+			
+			if(inline_style !== false) this.element.style.position = inline_style;
+			
+			if(idleTimer != null) {
+				clearTimeout(idleTimer);
+				idleTimer = null;
+			}
+		}
+		this.modify = function(_settings) {
+			if(_settings) settings = $.extend({}, settings, _settings);
+			
+			this.destroy();
+			this.create();
+			is_dirty = true;
+			this.reset(true);
+		}
+		this.update = function(_settings) {
+			if(_settings) settings = $.extend({}, settings, _settings);
+		
+			this.size = _settings.size || this.size;
+			
+			this.lock = _settings.mouseWheelLock || this.lock;
+			this.lock_anyway = _settings.lockAnyway || this.lock_anyway;
+			
+			if(_settings.styleClass != undefined) {
+				if(styleClass) $track.removeClass(styleClass);
+				styleClass = _settings.styleClass;
+				if(styleClass) $track.addClass(styleClass);
+				trackFlip = !!styleClass.match(/scroll\-left|scroll\-top/);
+			}
+		}
+		
+		this.start = function() {
+			content_wrap[scroll_direction] = 0;
+		}
+		this.end = function() {
+			content_wrap[scroll_direction] = content_wrap[scroll_size];
+		}
+		
+		this.hide = function() {
+			$track.hide();
+		}
+		this.show = function() {
+			$track.show();
+		}
+
+		
+		this.update_scroll = function() {
+			move_bar = false;
+			bar_style[css_pos] = bar_pos + 'px';
+			content_wrap[scroll_direction] = parseInt(Math.round(bar_pos / ratio));
+		}
+
+		function mouse_down_track(e) {
+			e.preventDefault();
+			e.stopPropagation();
+				
+			var track_offset = $track.offset();
+			var track_pos = track_offset[css_pos];//top for vertical, left for horizontal
+			var mouse_pos = vertical ? e.pageY : e.pageX;
+			
+			if(mouse_pos > track_pos + bar_pos) {
+				bar_pos = mouse_pos - track_pos - bar_size + bar_size_2;
+				if(bar_pos > bar_max_pos) {						
+					bar_pos = bar_max_pos;
+				}
+			}
+			else {
+				bar_pos = mouse_pos - track_pos - bar_size_2;
+				if(bar_pos < 0) bar_pos = 0;
+			}
+
+			self.update_scroll()
+		}
+
+		var mouse_pos1 = -1, mouse_pos2 = -1;
+		function mouse_down_bar(e) {
+			e.preventDefault();
+			e.stopPropagation();
+
+			if(vertical) {
+				mouse_pos2 = mouse_pos1 = e.pageY;
+			} else {
+				mouse_pos2 = mouse_pos1 = e.pageX;
+			}
+
+			mouse_track = true;
+			$('html').off('mousemove.ace_scroll').on('mousemove.ace_scroll', mouse_move_bar)
+			$(mouse_release_target).off('mouseup.ace_scroll').on('mouseup.ace_scroll', mouse_up_bar);
+			
+			$track.addClass('active');
+			if(dragEvent) self.$element.trigger('drag.start');
+		}
+		function mouse_move_bar(e) {
+			e.preventDefault();
+			e.stopPropagation();
+
+			if(vertical) {
+				mouse_pos2 = e.pageY;
+			} else {
+				mouse_pos2 = e.pageX;
+			}
+			
+
+			if(mouse_pos2 - mouse_pos1 + bar_pos > bar_max_pos) {
+				mouse_pos2 = mouse_pos1 + bar_max_pos - bar_pos;
+			} else if(mouse_pos2 - mouse_pos1 + bar_pos < 0) {
+				mouse_pos2 = mouse_pos1 - bar_pos;
+			}
+			bar_pos = bar_pos + (mouse_pos2 - mouse_pos1);
+
+			mouse_pos1 = mouse_pos2;
+
+			if(bar_pos < 0) {
+				bar_pos = 0;
+			}
+			else if(bar_pos > bar_max_pos) {
+				bar_pos = bar_max_pos;
+			}
+			
+			self.update_scroll()
+		}
+		function mouse_up_bar(e) {
+			e.preventDefault();
+			e.stopPropagation();
+			
+			mouse_track = false;
+			$('html').off('.ace_scroll')
+			$(mouse_release_target).off('.ace_scroll');
+
+			$track.removeClass('active');
+			if(dragEvent) self.$element.trigger('drag.end');
+			
+			if(active && hideOnIdle && !insideTrack) hideScrollbars();
+		}
+		
+		
+		var idleTimer = null;
+		var prevCheckTime = 0;
+		function checkContentChanges(hideSoon) {
+			//check if content size has been modified since last time?
+			//and with at least 1s delay
+			var newCheck = +new Date();
+			if(observeContent && newCheck - prevCheckTime > 1000) {
+				var newSize = content_wrap[scroll_size];
+				if(prevContentSize != newSize) {
+					prevContentSize = newSize;
+					is_dirty = true;
+					self.reset(true);
+				}
+				prevCheckTime = newCheck;
+			}
+			
+			//show scrollbars when not idle anymore i.e. triggered by mousewheel, dragging, etc
+			if(active && hideOnIdle) {
+				if(idleTimer != null) {
+					clearTimeout(idleTimer);
+					idleTimer = null;
+				}
+				$track.addClass('not-idle');
+			
+				if(!insideTrack && hideSoon == true) {
+					//hideSoon is false when mouse enters track
+					hideScrollbars();
+				}
+			}
+		}
+
+		function hideScrollbars() {
+			if(idleTimer != null) {
+				clearTimeout(idleTimer);
+				idleTimer = null;
+			}
+			idleTimer = setTimeout(function() {
+				idleTimer = null;
+				$track.removeClass('not-idle');
+			} , hideDelay);
+		}
+		
+		//for detached scrollbars
+		function getTrackSize() {
+			$track.css('visibility', 'hidden').addClass('scroll-hover');
+			if(vertical) trackSize = parseInt($track.outerWidth()) || 0;
+			 else trackSize = parseInt($track.outerHeight()) || 0;
+			$track.css('visibility', '').removeClass('scroll-hover');
+		}
+		this.track_size = function() {
+			if(trackSize == 0) getTrackSize();
+			return trackSize;
+		}
+		
+		//for detached scrollbars
+		function setTrackPos() {
+			if(updatePos === false) return;
+		
+			var off = $content_wrap.offset();//because we want it relative to parent not document
+			var left = off.left;
+			var top = off.top;
+
+			if(vertical) {
+				if(!trackFlip) {
+					left += ($content_wrap.outerWidth() - trackSize)
+				}
+			}
+			else {
+				if(!trackFlip) {
+					top += ($content_wrap.outerHeight() - trackSize)
+				}
+			}
+			
+			if(updatePos === true) $track.css({top: parseInt(top), left: parseInt(left)});
+			else if(updatePos === 'left') $track.css('left', parseInt(left));
+			else if(updatePos === 'top') $track.css('top', parseInt(top));
+		}
+		
+
+
+		this.create();
+		is_dirty = true;
+		this.reset(true);
+		prevContentSize = content_wrap[scroll_size];
+
+		return this;
+	}
+
+	
+	$.fn.ace_scroll = function (option,value) {
+		var retval;
+
+		var $set = this.each(function () {
+			var $this = $(this);
+			var data = $this.data('ace_scroll');
+			var options = typeof option === 'object' && option;
+
+			if (!data) $this.data('ace_scroll', (data = new Ace_Scroll(this, options)));
+			 //else if(typeof options == 'object') data['modify'](options);
+			if (typeof option === 'string') retval = data[option](value);
+		});
+
+		return (retval === undefined) ? $set : retval;
+	};
+
+
+	$.fn.ace_scroll.defaults = {
+		'size' : 200,
+		'horizontal': false,
+		'mouseWheel': true,
+		'mouseWheelLock': false,
+		'lockAnyway': false,
+		'styleClass' : false,
+		
+		'observeContent': false,
+		'hideOnIdle': false,
+		'hideDelay': 1500,
+		
+		'hoverReset': true //reset scrollbar sizes on mouse hover because of possible sizing changes
+		,
+		'reset': false //true= set scrollTop = 0
+		,
+		'dragEvent': false
+		,
+		'touchDrag': true
+		,
+		'touchSwipe': false
+		,
+		'scrollEvent': false //trigger scroll event
+
+		,
+		'detached': false
+		,
+		'updatePos': true
+		/**
+		,		
+		'track' : true,
+		'show' : false,
+		'dark': false,
+		'alwaysVisible': false,
+		'margin': false,
+		'thin': false,
+		'position': 'right'
+		*/
+     }
+
+	/**
+	$(document).on('ace.settings.ace_scroll', function(e, name) {
+		if(name == 'sidebar_collapsed') $('.ace-scroll').scroller('reset');
+	});
+	$(window).on('resize.ace_scroll', function() {
+		$('.ace-scroll').scroller('reset');
+	});
+	*/
+
+})(window.jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/ace/elements.spinner.js b/web/bootstrap-ace-admin/js/ace/elements.spinner.js
new file mode 100755
index 00000000..ce30e643
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/elements.spinner.js
@@ -0,0 +1,115 @@
+/**
+ <b>Spinner</b>. A wrapper for FuelUX spinner element.
+ It's just a wrapper so you still need to include FuelUX spinner script first.
+*/
+(function($ , undefined) {
+	//a wrapper for fuelux spinner
+	function Ace_Spinner(element , _options) {
+		var attrib_values = ace.helper.getAttrSettings(element, $.fn.ace_spinner.defaults);
+		var options = $.extend({}, $.fn.ace_spinner.defaults, _options, attrib_values);
+	
+		var max = options.max
+		max = (''+max).length
+		var width = parseInt(Math.max((max * 20 + 40) , 90))
+
+		var $element = $(element);
+		
+		var btn_class = 'btn-sm';//default
+		var sizing = 2;
+		if($element.hasClass('input-sm')) {
+			btn_class = 'btn-xs';
+			sizing = 1;
+		}
+		else if($element.hasClass('input-lg')) {
+			btn_class = 'btn-lg';
+			sizing = 3;
+		}
+		
+		if(sizing == 2) width += 25;
+		else if(sizing == 3) width += 50;
+		
+		$element.addClass('spinbox-input form-control text-center').wrap('<div class="ace-spinner middle">')
+
+		var $parent_div = $element.closest('.ace-spinner').spinbox(options).wrapInner("<div class='input-group'></div>")
+		var $spinner = $parent_div.data('fu.spinbox');
+		
+		if(options.on_sides)
+		{
+			$element
+			.before('<div class="spinbox-buttons input-group-btn">\
+					<button type="button" class="btn spinbox-down '+btn_class+' '+options.btn_down_class+'">\
+						<i class="icon-only '+ ace.vars['icon'] + options.icon_down+'"></i>\
+					</button>\
+				</div>')
+			.after('<div class="spinbox-buttons input-group-btn">\
+					<button type="button" class="btn spinbox-up '+btn_class+' '+options.btn_up_class+'">\
+						<i class="icon-only '+ ace.vars['icon'] + options.icon_up+'"></i>\
+					</button>\
+				</div>');
+
+			$parent_div.addClass('touch-spinner')
+			$parent_div.css('width' , width+'px')
+		}
+		else {
+			 $element
+			 .after('<div class="spinbox-buttons input-group-btn">\
+					<button type="button" class="btn spinbox-up '+btn_class+' '+options.btn_up_class+'">\
+						<i class="icon-only '+ ace.vars['icon'] + options.icon_up+'"></i>\
+					</button>\
+					<button type="button" class="btn spinbox-down '+btn_class+' '+options.btn_down_class+'">\
+						<i class="icon-only '+ ace.vars['icon'] + options.icon_down+'"></i>\
+					</button>\
+				</div>')
+
+			if(ace.vars['touch'] || options.touch_spinner) {
+				$parent_div.addClass('touch-spinner')
+				$parent_div.css('width' , width+'px')
+			}
+			else {
+				$element.next().addClass('btn-group-vertical');
+				$parent_div.css('width' , width+'px')
+			}
+		}
+
+		$parent_div.on('changed', function(){
+			$element.trigger('change')//trigger the input's change event
+		});
+
+		this._call = function(name, arg) {
+			$spinner[name](arg);
+		}
+	}
+
+
+	$.fn.ace_spinner = function(option, value) {
+		var retval;
+
+		var $set = this.each(function() {
+			var $this = $(this);
+			var data = $this.data('ace_spinner');
+			var options = typeof option === 'object' && option;
+
+			if (!data) {
+				options = $.extend({}, $.fn.ace_spinner.defaults, option);
+				$this.data('ace_spinner', (data = new Ace_Spinner(this, options)));
+			}
+			if (typeof option === 'string') retval = data._call(option, value);
+		});
+
+		return (retval === undefined) ? $set : retval;
+	}
+	
+	$.fn.ace_spinner.defaults = {
+		'icon_up' : 'fa fa-chevron-up',
+		'icon_down': 'fa fa-chevron-down',
+		
+		'on_sides': false,		
+		'btn_up_class': '',
+		'btn_down_class' : '',
+		
+		'max' : 999,
+		'touch_spinner': false
+     }
+
+
+})(window.jQuery);
diff --git a/web/bootstrap-ace-admin/js/ace/elements.treeview.js b/web/bootstrap-ace-admin/js/ace/elements.treeview.js
new file mode 100755
index 00000000..537e83b4
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/elements.treeview.js
@@ -0,0 +1,50 @@
+/**
+ <b>Treeview</b>. A wrapper for FuelUX treeview element.
+ It's just a wrapper so you still need to include FuelUX treeview script first.
+*/
+(function($ , undefined) {
+
+	$.fn.aceTree = $.fn.ace_tree = function(options) {
+		var $defaults = {
+			'open-icon' : ace.vars['icon'] + 'fa fa-folder-open',
+			'close-icon' : ace.vars['icon'] + 'fa fa-folder',
+			'selectable' : true,
+			'selected-icon' : ace.vars['icon'] + 'fa fa-check',
+			'unselected-icon' : ace.vars['icon'] + 'fa fa-times',
+			'loadingHTML': 'Loading...'
+		}
+
+		this.each(function() {
+		
+			var attrib_values = ace.helper.getAttrSettings(this, $defaults);
+			var $options = $.extend({}, $defaults, options, attrib_values);
+
+			var $this = $(this);
+			$this.addClass('tree').attr('role', 'tree');
+			$this.html(
+			'<li class="tree-branch hide" data-template="treebranch" role="treeitem" aria-expanded="false">\
+				<div class="tree-branch-header">\
+					<span class="tree-branch-name">\
+						<i class="icon-folder '+$options['close-icon']+'"></i>\
+						<span class="tree-label"></span>\
+					</span>\
+				</div>\
+				<ul class="tree-branch-children" role="group"></ul>\
+				<div class="tree-loader" role="alert">'+$options['loadingHTML']+'</div>\
+			</div>\
+			<li class="tree-item hide" data-template="treeitem" role="treeitem">\
+				<span class="tree-item-name">\
+				  '+($options['unselected-icon'] == null ? '' : '<i class="icon-item '+$options['unselected-icon']+'"></i>')+'\
+				  <span class="tree-label"></span>\
+				</span>\
+			</li>');
+			
+			$this.addClass($options['selectable'] == true ? 'tree-selectable' : 'tree-unselectable');
+			
+			$this.tree($options);
+		});
+
+		return this;
+	}
+
+})(window.jQuery);
diff --git a/web/bootstrap-ace-admin/js/ace/elements.typeahead.js b/web/bootstrap-ace-admin/js/ace/elements.typeahead.js
new file mode 100755
index 00000000..66083140
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/elements.typeahead.js
@@ -0,0 +1,340 @@
+/**
+  <b>Bootstrap 2 typeahead plugin.</b> With Bootstrap <u>3</u> it's been dropped in favor of a more advanced separate plugin.
+  Pretty good for simple cases such as autocomplete feature of the search box and required for <u class="text-danger">Tag input</u> plugin.
+*/
+
+/* =============================================================
+ * bootstrap-typeahead.js v2.3.2
+ * http://twitter.github.com/bootstrap/javascript.html#typeahead
+ * =============================================================
+ * Copyright 2012 Twitter, Inc.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ============================================================ */
+
+
+!function($){
+
+  "use strict"; // jshint ;_;
+
+
+ /* TYPEAHEAD PUBLIC CLASS DEFINITION
+  * ================================= */
+
+  var Typeahead = function (element, options) {
+    this.$element = $(element)
+    this.options = $.extend({}, $.fn.bs_typeahead.defaults, options)
+    this.matcher = this.options.matcher || this.matcher
+    this.sorter = this.options.sorter || this.sorter
+    this.highlighter = this.options.highlighter || this.highlighter
+    this.updater = this.options.updater || this.updater
+    this.source = this.options.source
+    this.$menu = $(this.options.menu)
+    this.shown = false
+    this.listen()
+  }
+
+  Typeahead.prototype = {
+
+    constructor: Typeahead
+
+  , select: function () {
+      var val = this.$menu.find('.active').attr('data-value')
+      this.$element
+        .val(this.updater(val))
+        .change()
+      return this.hide()
+    }
+
+  , updater: function (item) {
+      return item
+    }
+
+  , show: function () {
+      var pos = $.extend({}, this.$element.position(), {
+        height: this.$element[0].offsetHeight
+      })
+
+      this.$menu
+        .insertAfter(this.$element)
+        .css({
+          top: pos.top + pos.height
+        , left: pos.left
+        })
+        .show()
+
+      this.shown = true
+      return this
+    }
+
+  , hide: function () {
+      this.$menu.hide()
+      this.shown = false
+      return this
+    }
+
+  , lookup: function (event) {
+      var items
+
+      this.query = this.$element.val()
+
+      if (!this.query || this.query.length < this.options.minLength) {
+        return this.shown ? this.hide() : this
+      }
+
+      items = $.isFunction(this.source) ? this.source(this.query, $.proxy(this.process, this)) : this.source
+
+      return items ? this.process(items) : this
+    }
+
+  , process: function (items) {
+      var that = this
+
+      items = $.grep(items, function (item) {
+        return that.matcher(item)
+      })
+
+      items = this.sorter(items)
+
+      if (!items.length) {
+        return this.shown ? this.hide() : this
+      }
+
+      return this.render(items.slice(0, this.options.items)).show()
+    }
+
+  , matcher: function (item) {
+      return ~item.toLowerCase().indexOf(this.query.toLowerCase())
+    }
+
+  , sorter: function (items) {
+      var beginswith = []
+        , caseSensitive = []
+        , caseInsensitive = []
+        , item
+
+      while (item = items.shift()) {
+        if (!item.toLowerCase().indexOf(this.query.toLowerCase())) beginswith.push(item)
+        else if (~item.indexOf(this.query)) caseSensitive.push(item)
+        else caseInsensitive.push(item)
+      }
+
+      return beginswith.concat(caseSensitive, caseInsensitive)
+    }
+
+  , highlighter: function (item) {
+      var query = this.query.replace(/[\-\[\]{}()*+?.,\\\^$|#\s]/g, '\\$&')
+      return item.replace(new RegExp('(' + query + ')', 'ig'), function ($1, match) {
+        return '<strong>' + match + '</strong>'
+      })
+    }
+
+  , render: function (items) {
+      var that = this
+
+      items = $(items).map(function (i, item) {
+        i = $(that.options.item).attr('data-value', item)
+        i.find('a').html(that.highlighter(item))
+        return i[0]
+      })
+
+      items.first().addClass('active')
+      this.$menu.html(items)
+      return this
+    }
+
+  , next: function (event) {
+      var active = this.$menu.find('.active').removeClass('active')
+        , next = active.next()
+
+      if (!next.length) {
+        next = $(this.$menu.find('li')[0])
+      }
+
+      next.addClass('active')
+    }
+
+  , prev: function (event) {
+      var active = this.$menu.find('.active').removeClass('active')
+        , prev = active.prev()
+
+      if (!prev.length) {
+        prev = this.$menu.find('li').last()
+      }
+
+      prev.addClass('active')
+    }
+
+  , listen: function () {
+      this.$element
+        .on('focus',    $.proxy(this.focus, this))
+        .on('blur',     $.proxy(this.blur, this))
+        .on('keypress', $.proxy(this.keypress, this))
+        .on('keyup',    $.proxy(this.keyup, this))
+
+      if (this.eventSupported('keydown')) {
+        this.$element.on('keydown', $.proxy(this.keydown, this))
+      }
+
+      this.$menu
+        .on('click', $.proxy(this.click, this))
+        .on('mouseenter', 'li', $.proxy(this.mouseenter, this))
+        .on('mouseleave', 'li', $.proxy(this.mouseleave, this))
+    }
+
+  , eventSupported: function(eventName) {
+      var isSupported = eventName in this.$element
+      if (!isSupported) {
+        this.$element.setAttribute(eventName, 'return;')
+        isSupported = typeof this.$element[eventName] === 'function'
+      }
+      return isSupported
+    }
+
+  , move: function (e) {
+      if (!this.shown) return
+
+      switch(e.keyCode) {
+        case 9: // tab
+        case 13: // enter
+        case 27: // escape
+          e.preventDefault()
+          break
+
+        case 38: // up arrow
+          e.preventDefault()
+          this.prev()
+          break
+
+        case 40: // down arrow
+          e.preventDefault()
+          this.next()
+          break
+      }
+
+      e.stopPropagation()
+    }
+
+  , keydown: function (e) {
+      this.suppressKeyPressRepeat = ~$.inArray(e.keyCode, [40,38,9,13,27])
+      this.move(e)
+    }
+
+  , keypress: function (e) {
+      if (this.suppressKeyPressRepeat) return
+      this.move(e)
+    }
+
+  , keyup: function (e) {
+      switch(e.keyCode) {
+        case 40: // down arrow
+        case 38: // up arrow
+        case 16: // shift
+        case 17: // ctrl
+        case 18: // alt
+          break
+
+        case 9: // tab
+        case 13: // enter
+          if (!this.shown) return
+          this.select()
+          break
+
+        case 27: // escape
+          if (!this.shown) return
+          this.hide()
+          break
+
+        default:
+          this.lookup()
+      }
+
+      e.stopPropagation()
+      e.preventDefault()
+  }
+
+  , focus: function (e) {
+      this.focused = true
+    }
+
+  , blur: function (e) {
+      this.focused = false
+      if (!this.mousedover && this.shown) this.hide()
+    }
+
+  , click: function (e) {
+      e.stopPropagation()
+      e.preventDefault()
+      this.select()
+      this.$element.focus()
+    }
+
+  , mouseenter: function (e) {
+      this.mousedover = true
+      this.$menu.find('.active').removeClass('active')
+      $(e.currentTarget).addClass('active')
+    }
+
+  , mouseleave: function (e) {
+      this.mousedover = false
+      if (!this.focused && this.shown) this.hide()
+    }
+
+  }
+
+
+  /* TYPEAHEAD PLUGIN DEFINITION
+   * =========================== */
+
+  var old = $.fn.bs_typeahead
+
+  $.fn.bs_typeahead = function (option) {
+    return this.each(function () {
+      var $this = $(this)
+        , data = $this.data('bs_typeahead')
+        , options = typeof option == 'object' && option
+      if (!data) $this.data('bs_typeahead', (data = new Typeahead(this, options)))
+      if (typeof option == 'string') data[option]()
+    })
+  }
+
+  $.fn.bs_typeahead.defaults = {
+    source: []
+  , items: 8
+  , menu: '<ul class="typeahead dropdown-menu"></ul>'
+  , item: '<li><a href="#"></a></li>'
+  , minLength: 1
+  }
+
+  $.fn.bs_typeahead.Constructor = Typeahead
+
+
+ /* TYPEAHEAD NO CONFLICT
+  * =================== */
+
+  $.fn.bs_typeahead.noConflict = function () {
+    $.fn.bs_typeahead = old
+    return this
+  }
+
+
+ /* TYPEAHEAD DATA-API
+  * ================== */
+
+  $(document).on('focus.bs_typeahead.data-api', '[data-provide="bs_typeahead"]', function (e) {
+    var $this = $(this)
+    if ($this.data('bs_typeahead')) return
+    $this.bs_typeahead($this.data())
+  })
+
+}(window.jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/ace/elements.wizard.js b/web/bootstrap-ace-admin/js/ace/elements.wizard.js
new file mode 100755
index 00000000..aa852bcc
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/elements.wizard.js
@@ -0,0 +1,37 @@
+/**
+ <b>Wizard</b>. A wrapper for FuelUX wizard element.
+ It's just a wrapper so you still need to include FuelUX wizard script first.
+*/
+(function($ , undefined) {
+	$.fn.aceWizard = $.fn.ace_wizard = function(options) {
+
+		this.each(function() {
+			var $this = $(this);
+			$this.wizard();
+			
+			if(ace.vars['old_ie']) $this.find('ul.steps > li').last().addClass('last-child');
+
+			var buttons = (options && options['buttons']) ? $(options['buttons']) : $this.siblings('.wizard-actions').eq(0);
+			var $wizard = $this.data('fu.wizard');
+			$wizard.$prevBtn.remove();
+			$wizard.$nextBtn.remove();
+			
+			$wizard.$prevBtn = buttons.find('.btn-prev').eq(0).on(ace.click_event,  function(){
+				$wizard.previous();
+			}).attr('disabled', 'disabled');
+			$wizard.$nextBtn = buttons.find('.btn-next').eq(0).on(ace.click_event,  function(){
+				$wizard.next();
+			}).removeAttr('disabled');
+			$wizard.nextText = $wizard.$nextBtn.text();
+			
+			var step = options && ((options.selectedItem && options.selectedItem.step) || options.step);
+			if(step) {
+				$wizard.currentStep = step;
+				$wizard.setState();
+			}
+		});
+
+		return this;
+	}
+
+})(window.jQuery);
diff --git a/web/bootstrap-ace-admin/js/ace/elements.wysiwyg.js b/web/bootstrap-ace-admin/js/ace/elements.wysiwyg.js
new file mode 100755
index 00000000..89e4edb7
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/elements.wysiwyg.js
@@ -0,0 +1,322 @@
+/**
+ <b>Wysiwyg</b>. A wrapper for Bootstrap wyswiwyg plugin.
+ It's just a wrapper so you still need to include Bootstrap wysiwyg script first.
+*/
+(function($ , undefined) {
+	$.fn.ace_wysiwyg = function($options , undefined) {
+		var options = $.extend( {
+			speech_button:true,
+			wysiwyg:{}
+        }, $options);
+
+		var color_values = [
+			'#ac725e','#d06b64','#f83a22','#fa573c','#ff7537','#ffad46',
+			'#42d692','#16a765','#7bd148','#b3dc6c','#fbe983','#fad165',
+			'#92e1c0','#9fe1e7','#9fc6e7','#4986e7','#9a9cff','#b99aff',
+			'#c2c2c2','#cabdbf','#cca6ac','#f691b2','#cd74e6','#a47ae2',
+			'#444444'
+		]
+
+		var button_defaults =
+		{
+			'font' : {
+				values:['Arial', 'Courier', 'Comic Sans MS', 'Helvetica', 'Open Sans', 'Tahoma', 'Verdana'],
+				icon:'fa fa-font',
+				title:'Font'
+			},
+			'fontSize' : {
+				values:{5:'Huge', 3:'Normal', 1:'Small'},
+				icon:'fa fa-text-height',
+				title:'Font Size'
+			},
+			'bold' : {
+				icon : 'fa fa-bold',
+				title : 'Bold (Ctrl/Cmd+B)'
+			},
+			'italic' : {
+				icon : 'fa fa-italic',
+				title : 'Italic (Ctrl/Cmd+I)'
+			},
+			'strikethrough' : {
+				icon : 'fa fa-strikethrough',
+				title : 'Strikethrough'
+			},
+			'underline' : {
+				icon : 'fa fa-underline',
+				title : 'Underline'
+			},
+			'insertunorderedlist' : {
+				icon : 'fa fa-list-ul',
+				title : 'Bullet list'
+			},
+			'insertorderedlist' : {
+				icon : 'fa fa-list-ol',
+				title : 'Number list'
+			},
+			'outdent' : {
+				icon : 'fa fa-outdent',
+				title : 'Reduce indent (Shift+Tab)'
+			},
+			'indent' : {
+				icon : 'fa fa-indent',
+				title : 'Indent (Tab)'
+			},
+			'justifyleft' : {
+				icon : 'fa fa-align-left',
+				title : 'Align Left (Ctrl/Cmd+L)'
+			},
+			'justifycenter' : {
+				icon : 'fa fa-align-center',
+				title : 'Center (Ctrl/Cmd+E)'
+			},
+			'justifyright' : {
+				icon : 'fa fa-align-right',
+				title : 'Align Right (Ctrl/Cmd+R)'
+			},
+			'justifyfull' : {
+				icon : 'fa fa-align-justify',
+				title : 'Justify (Ctrl/Cmd+J)'
+			},
+			'createLink' : {
+				icon : 'fa fa-link',
+				title : 'Hyperlink',
+				button_text : 'Add',
+				placeholder : 'URL',
+				button_class : 'btn-primary'
+			},
+			'unlink' : {
+				icon : 'fa fa-chain-broken',
+				title : 'Remove Hyperlink'
+			},
+			'insertImage' : {
+				icon : 'fa fa-picture-o',
+				title : 'Insert picture',
+				button_text : '<i class="'+ ace.vars['icon'] + 'fa fa-file"></i> Choose Image &hellip;',
+				placeholder : 'Image URL',
+				button_insert : 'Insert',
+				button_class : 'btn-success',
+				button_insert_class : 'btn-primary',
+				choose_file: true //show the choose file button?
+			},
+			'foreColor' : {
+				values : color_values,
+				title : 'Change Color'
+			},
+			'backColor' : {
+				values : color_values,
+				title : 'Change Background Color'
+			},
+			'undo' : {
+				icon : 'fa fa-undo',
+				title : 'Undo (Ctrl/Cmd+Z)'
+			},
+			'redo' : {
+				icon : 'fa fa-repeat',
+				title : 'Redo (Ctrl/Cmd+Y)'
+			},
+			'viewSource' : {
+				icon : 'fa fa-code',
+				title : 'View Source'
+			}
+		}
+		
+		var toolbar_buttons =
+		options.toolbar ||
+		[
+			'font',
+			null,
+			'fontSize',
+			null,
+			'bold',
+			'italic',
+			'strikethrough',
+			'underline',
+			null,
+			'insertunorderedlist',
+			'insertorderedlist',
+			'outdent',
+			'indent',
+			null,
+			'justifyleft',
+			'justifycenter',
+			'justifyright',
+			'justifyfull',
+			null,
+			'createLink',
+			'unlink',
+			null,
+			'insertImage',
+			null,
+			'foreColor',
+			null,
+			'undo',
+			'redo',
+			null,
+			'viewSource'
+		]
+
+
+		this.each(function() {
+			var toolbar = ' <div class="wysiwyg-toolbar btn-toolbar center"> <div class="btn-group"> ';
+
+			for(var tb in toolbar_buttons) if(toolbar_buttons.hasOwnProperty(tb)) {
+				var button = toolbar_buttons[tb];
+				if(button === null){
+					toolbar += ' </div> <div class="btn-group"> ';
+					continue;
+				}
+				
+				if(typeof button == "string" && button in button_defaults) {
+					button = button_defaults[button];
+					button.name = toolbar_buttons[tb];
+				} else if(typeof button == "object" && button.name in button_defaults) {
+					button = $.extend(button_defaults[button.name] , button);
+				}
+				else continue;
+				
+				var className = "className" in button ? button.className : 'btn-default';
+				switch(button.name) {
+					case 'font':
+						toolbar += ' <a class="btn btn-sm '+className+' dropdown-toggle" data-toggle="dropdown" title="'+button.title+'"><i class="'+ ace.vars['icon'] + button.icon+'"></i><i class="' + ace.vars['icon'] + 'fa fa-angle-down icon-on-right"></i></a> ';
+						toolbar += ' <ul class="dropdown-menu dropdown-light dropdown-caret">';
+						for(var font in button.values)
+							if(button.values.hasOwnProperty(font))
+								toolbar += ' <li><a data-edit="fontName ' + button.values[font] +'" style="font-family:\''+ button.values[font]  +'\'">'+button.values[font]  + '</a></li> '
+						toolbar += ' </ul>';
+					break;
+
+					case 'fontSize':
+						toolbar += ' <a class="btn btn-sm '+className+' dropdown-toggle" data-toggle="dropdown" title="'+button.title+'"><i class="'+ ace.vars['icon'] + button.icon+'"></i>&nbsp;<i class="'+ ace.vars['icon'] + 'fa fa-angle-down icon-on-right"></i></a> ';
+						toolbar += ' <ul class="dropdown-menu dropdown-light dropdown-caret"> ';
+						for(var size in button.values)
+							if(button.values.hasOwnProperty(size))
+								toolbar += ' <li><a data-edit="fontSize '+size+'"><font size="'+size+'">'+ button.values[size] +'</font></a></li> '
+						toolbar += ' </ul> ';
+					break;
+
+					case 'createLink':
+						toolbar += ' <div class="btn-group"> <a class="btn btn-sm '+className+' dropdown-toggle" data-toggle="dropdown" title="'+button.title+'"><i class="'+ ace.vars['icon'] + button.icon+'"></i></a> ';
+						toolbar += ' <div class="dropdown-menu dropdown-caret dropdown-menu-right">\
+							 <div class="input-group">\
+								<input class="form-control" placeholder="'+button.placeholder+'" type="text" data-edit="'+button.name+'" />\
+								<span class="input-group-btn">\
+									<button class="btn btn-sm '+button.button_class+'" type="button">'+button.button_text+'</button>\
+								</span>\
+							 </div>\
+						</div> </div>';
+					break;
+
+					case 'insertImage':
+						toolbar += ' <div class="btn-group"> <a class="btn btn-sm '+className+' dropdown-toggle" data-toggle="dropdown" title="'+button.title+'"><i class="'+ ace.vars['icon'] + button.icon+'"></i></a> ';
+						toolbar += ' <div class="dropdown-menu dropdown-caret dropdown-menu-right">\
+							 <div class="input-group">\
+								<input class="form-control" placeholder="'+button.placeholder+'" type="text" data-edit="'+button.name+'" />\
+								<span class="input-group-btn">\
+									<button class="btn btn-sm '+button.button_insert_class+'" type="button">'+button.button_insert+'</button>\
+								</span>\
+							 </div>';
+							if( button.choose_file && 'FileReader' in window ) toolbar +=
+							 '<div class="space-2"></div>\
+							 <label class="center block no-margin-bottom">\
+								<button class="btn btn-sm '+button.button_class+' wysiwyg-choose-file" type="button">'+button.button_text+'</button>\
+								<input type="file" data-edit="'+button.name+'" />\
+							  </label>'
+						toolbar += ' </div> </div>';
+					break;
+
+					case 'foreColor':
+					case 'backColor':
+						toolbar += ' <select class="hide wysiwyg_colorpicker" title="'+button.title+'"> ';
+						$.each(button.values, function (_, color) {
+                            toolbar += ' <option value="' + color + '">' + color + '</option> ';
+                        });
+						toolbar += ' </select> ';
+						toolbar += ' <input style="display:none;" disabled class="hide" type="text" data-edit="'+button.name+'" /> ';
+					break;
+
+					case 'viewSource':
+						toolbar += ' <a class="btn btn-sm '+className+'" data-view="source" title="'+button.title+'"><i class="'+ ace.vars['icon'] + button.icon+'"></i></a> ';
+					break;
+					default:
+						toolbar += ' <a class="btn btn-sm '+className+'" data-edit="'+button.name+'" title="'+button.title+'"><i class="'+ ace.vars['icon'] + button.icon+'"></i></a> ';
+					break;
+				}
+			}
+			toolbar += ' </div> ';
+			////////////
+			var speech_input;
+			if (options.speech_button && 'onwebkitspeechchange' in (speech_input = document.createElement('input'))) {
+				toolbar += ' <input class="wysiwyg-speech-input" type="text" data-edit="inserttext" x-webkit-speech />';
+			}
+			speech_input = null;
+			////////////
+			toolbar += ' </div> ';
+
+
+			//if we have a function to decide where to put the toolbar, then call that
+			if(options.toolbar_place) toolbar = options.toolbar_place.call(this, toolbar);
+			//otherwise put it just before our DIV
+			else toolbar = $(this).before(toolbar).prev();
+
+			toolbar.find('a[title]').tooltip({animation:false, container:'body'});
+			toolbar.find('.dropdown-menu input[type=text]').on('click', function() {return false})
+		    .on('change', function() {$(this).closest('.dropdown-menu').siblings('.dropdown-toggle').dropdown('toggle')})
+			.on('keydown', function (e) {
+				if(e.which == 27) {
+					this.value = '';
+					$(this).change();
+				}
+				else if(e.which == 13) {
+					e.preventDefault();
+					e.stopPropagation();
+					$(this).change();
+				}
+			});
+			
+			toolbar.find('input[type=file]').prev().on(ace.click_event, function (e) { 
+				$(this).next().click();
+			});
+			toolbar.find('.wysiwyg_colorpicker').each(function() {
+				$(this).ace_colorpicker({pull_right:true}).change(function(){
+					$(this).nextAll('input').eq(0).val(this.value).change();
+				}).next().find('.btn-colorpicker').tooltip({title: this.title, animation:false, container:'body'})
+			});
+			
+			
+			var self = $(this);
+			//view source
+			var view_source = false;
+			toolbar.find('a[data-view=source]').on('click', function(e){
+				e.preventDefault();
+				
+				if(!view_source) {
+					$('<textarea />')
+					.css({'width':self.outerWidth(), 'height':self.outerHeight()})
+					.val(self.html())
+					.insertAfter(self)
+					self.hide();
+					
+					$(this).addClass('active');
+				}
+				else {
+					var textarea = self.next();
+					self.html(textarea.val()).show();
+					textarea.remove();
+					
+					$(this).removeClass('active');
+				}
+				
+				view_source = !view_source;
+			});
+
+
+			var $options = $.extend({}, { activeToolbarClass: 'active' , toolbarSelector : toolbar }, options.wysiwyg || {})
+			$(this).wysiwyg( $options );
+		});
+
+		return this;
+	}
+
+
+})(window.jQuery);
+
diff --git a/web/bootstrap-ace-admin/js/ace/readme b/web/bootstrap-ace-admin/js/ace/readme
new file mode 100755
index 00000000..a78ff1e4
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/readme
@@ -0,0 +1 @@
+To build a custom JS file please open path/to/ace/build/js.html in your browser.
diff --git a/web/bootstrap-ace-admin/js/ace/scripts.json b/web/bootstrap-ace-admin/js/ace/scripts.json
new file mode 100755
index 00000000..b2fc556f
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/ace/scripts.json
@@ -0,0 +1,31 @@
+{
+ "elements.scroller.js" : true,
+ "elements.colorpicker.js" : true,
+ "elements.fileinput.js" : true,
+ "elements.typeahead.js" : true,
+ "elements.wysiwyg.js" : true,
+ "elements.spinner.js" : true,
+ "elements.treeview.js" : true,
+ "elements.wizard.js" : true,
+ "elements.aside.js" : true,
+
+ "ace.js" : true,
+ "ace.ajax-content.js" : true,
+ "ace.touch-drag.js" : true,
+ 
+ "ace.sidebar.js" : true,
+ "ace.sidebar-scroll-1.js" : true,
+ "ace.submenu-hover.js" : true,
+
+ "ace.widget-box.js" : true,
+ 
+ "ace.settings.js" : true,
+ "ace.settings-rtl.js" : true,
+ "ace.settings-skin.js" : true,
+
+ "ace.widget-on-reload.js" : true,
+ "ace.searchbox-autocomplete.js" : true,
+
+ "ace.auto-padding.js" : false,
+ "ace.auto-container.js" : false
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/additional-methods.js b/web/bootstrap-ace-admin/js/additional-methods.js
new file mode 100755
index 00000000..dd328bd2
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/additional-methods.js
@@ -0,0 +1,940 @@
+/*!
+ * jQuery Validation Plugin v1.13.1
+ *
+ * http://jqueryvalidation.org/
+ *
+ * Copyright (c) 2014 Jörn Zaefferer
+ * Released under the MIT license
+ */
+(function( factory ) {
+	if ( typeof define === "function" && define.amd ) {
+		define( ["jquery", "./jquery.validate"], factory );
+	} else {
+		factory( jQuery );
+	}
+}(function( $ ) {
+
+(function() {
+
+	function stripHtml(value) {
+		// remove html tags and space chars
+		return value.replace(/<.[^<>]*?>/g, " ").replace(/&nbsp;|&#160;/gi, " ")
+		// remove punctuation
+		.replace(/[.(),;:!?%#$'\"_+=\/\-“”’]*/g, "");
+	}
+
+	$.validator.addMethod("maxWords", function(value, element, params) {
+		return this.optional(element) || stripHtml(value).match(/\b\w+\b/g).length <= params;
+	}, $.validator.format("Please enter {0} words or less."));
+
+	$.validator.addMethod("minWords", function(value, element, params) {
+		return this.optional(element) || stripHtml(value).match(/\b\w+\b/g).length >= params;
+	}, $.validator.format("Please enter at least {0} words."));
+
+	$.validator.addMethod("rangeWords", function(value, element, params) {
+		var valueStripped = stripHtml(value),
+			regex = /\b\w+\b/g;
+		return this.optional(element) || valueStripped.match(regex).length >= params[0] && valueStripped.match(regex).length <= params[1];
+	}, $.validator.format("Please enter between {0} and {1} words."));
+
+}());
+
+// Accept a value from a file input based on a required mimetype
+$.validator.addMethod("accept", function(value, element, param) {
+	// Split mime on commas in case we have multiple types we can accept
+	var typeParam = typeof param === "string" ? param.replace(/\s/g, "").replace(/,/g, "|") : "image/*",
+	optionalValue = this.optional(element),
+	i, file;
+
+	// Element is optional
+	if (optionalValue) {
+		return optionalValue;
+	}
+
+	if ($(element).attr("type") === "file") {
+		// If we are using a wildcard, make it regex friendly
+		typeParam = typeParam.replace(/\*/g, ".*");
+
+		// Check if the element has a FileList before checking each file
+		if (element.files && element.files.length) {
+			for (i = 0; i < element.files.length; i++) {
+				file = element.files[i];
+
+				// Grab the mimetype from the loaded file, verify it matches
+				if (!file.type.match(new RegExp( ".?(" + typeParam + ")$", "i"))) {
+					return false;
+				}
+			}
+		}
+	}
+
+	// Either return true because we've validated each file, or because the
+	// browser does not support element.files and the FileList feature
+	return true;
+}, $.validator.format("Please enter a value with a valid mimetype."));
+
+$.validator.addMethod("alphanumeric", function(value, element) {
+	return this.optional(element) || /^\w+$/i.test(value);
+}, "Letters, numbers, and underscores only please");
+
+/*
+ * Dutch bank account numbers (not 'giro' numbers) have 9 digits
+ * and pass the '11 check'.
+ * We accept the notation with spaces, as that is common.
+ * acceptable: 123456789 or 12 34 56 789
+ */
+$.validator.addMethod("bankaccountNL", function(value, element) {
+	if (this.optional(element)) {
+		return true;
+	}
+	if (!(/^[0-9]{9}|([0-9]{2} ){3}[0-9]{3}$/.test(value))) {
+		return false;
+	}
+	// now '11 check'
+	var account = value.replace(/ /g, ""), // remove spaces
+		sum = 0,
+		len = account.length,
+		pos, factor, digit;
+	for ( pos = 0; pos < len; pos++ ) {
+		factor = len - pos;
+		digit = account.substring(pos, pos + 1);
+		sum = sum + factor * digit;
+	}
+	return sum % 11 === 0;
+}, "Please specify a valid bank account number");
+
+$.validator.addMethod("bankorgiroaccountNL", function(value, element) {
+	return this.optional(element) ||
+			($.validator.methods.bankaccountNL.call(this, value, element)) ||
+			($.validator.methods.giroaccountNL.call(this, value, element));
+}, "Please specify a valid bank or giro account number");
+
+/**
+ * BIC is the business identifier code (ISO 9362). This BIC check is not a guarantee for authenticity.
+ *
+ * BIC pattern: BBBBCCLLbbb (8 or 11 characters long; bbb is optional)
+ *
+ * BIC definition in detail:
+ * - First 4 characters - bank code (only letters)
+ * - Next 2 characters - ISO 3166-1 alpha-2 country code (only letters)
+ * - Next 2 characters - location code (letters and digits)
+ *   a. shall not start with '0' or '1'
+ *   b. second character must be a letter ('O' is not allowed) or one of the following digits ('0' for test (therefore not allowed), '1' for passive participant and '2' for active participant)
+ * - Last 3 characters - branch code, optional (shall not start with 'X' except in case of 'XXX' for primary office) (letters and digits)
+ */
+$.validator.addMethod("bic", function(value, element) {
+    return this.optional( element ) || /^([A-Z]{6}[A-Z2-9][A-NP-Z1-2])(X{3}|[A-WY-Z0-9][A-Z0-9]{2})?$/.test( value );
+}, "Please specify a valid BIC code");
+
+/*
+ * Código de identificación fiscal ( CIF ) is the tax identification code for Spanish legal entities
+ * Further rules can be found in Spanish on http://es.wikipedia.org/wiki/C%C3%B3digo_de_identificaci%C3%B3n_fiscal
+ */
+$.validator.addMethod( "cifES", function( value ) {
+	"use strict";
+
+	var num = [],
+		controlDigit, sum, i, count, tmp, secondDigit;
+
+	value = value.toUpperCase();
+
+	// Quick format test
+	if ( !value.match( "((^[A-Z]{1}[0-9]{7}[A-Z0-9]{1}$|^[T]{1}[A-Z0-9]{8}$)|^[0-9]{8}[A-Z]{1}$)" ) ) {
+		return false;
+	}
+
+	for ( i = 0; i < 9; i++ ) {
+		num[ i ] = parseInt( value.charAt( i ), 10 );
+	}
+
+	// Algorithm for checking CIF codes
+	sum = num[ 2 ] + num[ 4 ] + num[ 6 ];
+	for ( count = 1; count < 8; count += 2 ) {
+		tmp = ( 2 * num[ count ] ).toString();
+		secondDigit = tmp.charAt( 1 );
+
+		sum += parseInt( tmp.charAt( 0 ), 10 ) + ( secondDigit === "" ? 0 : parseInt( secondDigit, 10 ) );
+	}
+
+	/* The first (position 1) is a letter following the following criteria:
+	 *	A. Corporations
+	 *	B. LLCs
+	 *	C. General partnerships
+	 *	D. Companies limited partnerships
+	 *	E. Communities of goods
+	 *	F. Cooperative Societies
+	 *	G. Associations
+	 *	H. Communities of homeowners in horizontal property regime
+	 *	J. Civil Societies
+	 *	K. Old format
+	 *	L. Old format
+	 *	M. Old format
+	 *	N. Nonresident entities
+	 *	P. Local authorities
+	 *	Q. Autonomous bodies, state or not, and the like, and congregations and religious institutions
+	 *	R. Congregations and religious institutions (since 2008 ORDER EHA/451/2008)
+	 *	S. Organs of State Administration and regions
+	 *	V. Agrarian Transformation
+	 *	W. Permanent establishments of non-resident in Spain
+	 */
+	if ( /^[ABCDEFGHJNPQRSUVW]{1}/.test( value ) ) {
+		sum += "";
+		controlDigit = 10 - parseInt( sum.charAt( sum.length - 1 ), 10 );
+		value += controlDigit;
+		return ( num[ 8 ].toString() === String.fromCharCode( 64 + controlDigit ) || num[ 8 ].toString() === value.charAt( value.length - 1 ) );
+	}
+
+	return false;
+
+}, "Please specify a valid CIF number." );
+
+/* NOTICE: Modified version of Castle.Components.Validator.CreditCardValidator
+ * Redistributed under the the Apache License 2.0 at http://www.apache.org/licenses/LICENSE-2.0
+ * Valid Types: mastercard, visa, amex, dinersclub, enroute, discover, jcb, unknown, all (overrides all other settings)
+ */
+$.validator.addMethod("creditcardtypes", function(value, element, param) {
+	if (/[^0-9\-]+/.test(value)) {
+		return false;
+	}
+
+	value = value.replace(/\D/g, "");
+
+	var validTypes = 0x0000;
+
+	if (param.mastercard) {
+		validTypes |= 0x0001;
+	}
+	if (param.visa) {
+		validTypes |= 0x0002;
+	}
+	if (param.amex) {
+		validTypes |= 0x0004;
+	}
+	if (param.dinersclub) {
+		validTypes |= 0x0008;
+	}
+	if (param.enroute) {
+		validTypes |= 0x0010;
+	}
+	if (param.discover) {
+		validTypes |= 0x0020;
+	}
+	if (param.jcb) {
+		validTypes |= 0x0040;
+	}
+	if (param.unknown) {
+		validTypes |= 0x0080;
+	}
+	if (param.all) {
+		validTypes = 0x0001 | 0x0002 | 0x0004 | 0x0008 | 0x0010 | 0x0020 | 0x0040 | 0x0080;
+	}
+	if (validTypes & 0x0001 && /^(5[12345])/.test(value)) { //mastercard
+		return value.length === 16;
+	}
+	if (validTypes & 0x0002 && /^(4)/.test(value)) { //visa
+		return value.length === 16;
+	}
+	if (validTypes & 0x0004 && /^(3[47])/.test(value)) { //amex
+		return value.length === 15;
+	}
+	if (validTypes & 0x0008 && /^(3(0[012345]|[68]))/.test(value)) { //dinersclub
+		return value.length === 14;
+	}
+	if (validTypes & 0x0010 && /^(2(014|149))/.test(value)) { //enroute
+		return value.length === 15;
+	}
+	if (validTypes & 0x0020 && /^(6011)/.test(value)) { //discover
+		return value.length === 16;
+	}
+	if (validTypes & 0x0040 && /^(3)/.test(value)) { //jcb
+		return value.length === 16;
+	}
+	if (validTypes & 0x0040 && /^(2131|1800)/.test(value)) { //jcb
+		return value.length === 15;
+	}
+	if (validTypes & 0x0080) { //unknown
+		return true;
+	}
+	return false;
+}, "Please enter a valid credit card number.");
+
+/**
+ * Validates currencies with any given symbols by @jameslouiz
+ * Symbols can be optional or required. Symbols required by default
+ *
+ * Usage examples:
+ *  currency: ["£", false] - Use false for soft currency validation
+ *  currency: ["$", false]
+ *  currency: ["RM", false] - also works with text based symbols such as "RM" - Malaysia Ringgit etc
+ *
+ *  <input class="currencyInput" name="currencyInput">
+ *
+ * Soft symbol checking
+ *  currencyInput: {
+ *     currency: ["$", false]
+ *  }
+ *
+ * Strict symbol checking (default)
+ *  currencyInput: {
+ *     currency: "$"
+ *     //OR
+ *     currency: ["$", true]
+ *  }
+ *
+ * Multiple Symbols
+ *  currencyInput: {
+ *     currency: "$,£,¢"
+ *  }
+ */
+$.validator.addMethod("currency", function(value, element, param) {
+    var isParamString = typeof param === "string",
+        symbol = isParamString ? param : param[0],
+        soft = isParamString ? true : param[1],
+        regex;
+
+    symbol = symbol.replace(/,/g, "");
+    symbol = soft ? symbol + "]" : symbol + "]?";
+    regex = "^[" + symbol + "([1-9]{1}[0-9]{0,2}(\\,[0-9]{3})*(\\.[0-9]{0,2})?|[1-9]{1}[0-9]{0,}(\\.[0-9]{0,2})?|0(\\.[0-9]{0,2})?|(\\.[0-9]{1,2})?)$";
+    regex = new RegExp(regex);
+    return this.optional(element) || regex.test(value);
+
+}, "Please specify a valid currency");
+
+$.validator.addMethod("dateFA", function(value, element) {
+	return this.optional(element) || /^[1-4]\d{3}\/((0?[1-6]\/((3[0-1])|([1-2][0-9])|(0?[1-9])))|((1[0-2]|(0?[7-9]))\/(30|([1-2][0-9])|(0?[1-9]))))$/.test(value);
+}, "Please enter a correct date");
+
+/**
+ * Return true, if the value is a valid date, also making this formal check dd/mm/yyyy.
+ *
+ * @example $.validator.methods.date("01/01/1900")
+ * @result true
+ *
+ * @example $.validator.methods.date("01/13/1990")
+ * @result false
+ *
+ * @example $.validator.methods.date("01.01.1900")
+ * @result false
+ *
+ * @example <input name="pippo" class="{dateITA:true}" />
+ * @desc Declares an optional input element whose value must be a valid date.
+ *
+ * @name $.validator.methods.dateITA
+ * @type Boolean
+ * @cat Plugins/Validate/Methods
+ */
+$.validator.addMethod("dateITA", function(value, element) {
+	var check = false,
+		re = /^\d{1,2}\/\d{1,2}\/\d{4}$/,
+		adata, gg, mm, aaaa, xdata;
+	if ( re.test(value)) {
+		adata = value.split("/");
+		gg = parseInt(adata[0], 10);
+		mm = parseInt(adata[1], 10);
+		aaaa = parseInt(adata[2], 10);
+		xdata = new Date(aaaa, mm - 1, gg, 12, 0, 0, 0);
+		if ( ( xdata.getUTCFullYear() === aaaa ) && ( xdata.getUTCMonth () === mm - 1 ) && ( xdata.getUTCDate() === gg ) ) {
+			check = true;
+		} else {
+			check = false;
+		}
+	} else {
+		check = false;
+	}
+	return this.optional(element) || check;
+}, "Please enter a correct date");
+
+$.validator.addMethod("dateNL", function(value, element) {
+	return this.optional(element) || /^(0?[1-9]|[12]\d|3[01])[\.\/\-](0?[1-9]|1[012])[\.\/\-]([12]\d)?(\d\d)$/.test(value);
+}, "Please enter a correct date");
+
+// Older "accept" file extension method. Old docs: http://docs.jquery.com/Plugins/Validation/Methods/accept
+$.validator.addMethod("extension", function(value, element, param) {
+	param = typeof param === "string" ? param.replace(/,/g, "|") : "png|jpe?g|gif";
+	return this.optional(element) || value.match(new RegExp(".(" + param + ")$", "i"));
+}, $.validator.format("Please enter a value with a valid extension."));
+
+/**
+ * Dutch giro account numbers (not bank numbers) have max 7 digits
+ */
+$.validator.addMethod("giroaccountNL", function(value, element) {
+	return this.optional(element) || /^[0-9]{1,7}$/.test(value);
+}, "Please specify a valid giro account number");
+
+/**
+ * IBAN is the international bank account number.
+ * It has a country - specific format, that is checked here too
+ */
+$.validator.addMethod("iban", function(value, element) {
+	// some quick simple tests to prevent needless work
+	if (this.optional(element)) {
+		return true;
+	}
+
+	// remove spaces and to upper case
+	var iban = value.replace(/ /g, "").toUpperCase(),
+		ibancheckdigits = "",
+		leadingZeroes = true,
+		cRest = "",
+		cOperator = "",
+		countrycode, ibancheck, charAt, cChar, bbanpattern, bbancountrypatterns, ibanregexp, i, p;
+
+	if (!(/^([a-zA-Z0-9]{4} ){2,8}[a-zA-Z0-9]{1,4}|[a-zA-Z0-9]{12,34}$/.test(iban))) {
+		return false;
+	}
+
+	// check the country code and find the country specific format
+	countrycode = iban.substring(0, 2);
+	bbancountrypatterns = {
+		"AL": "\\d{8}[\\dA-Z]{16}",
+		"AD": "\\d{8}[\\dA-Z]{12}",
+		"AT": "\\d{16}",
+		"AZ": "[\\dA-Z]{4}\\d{20}",
+		"BE": "\\d{12}",
+		"BH": "[A-Z]{4}[\\dA-Z]{14}",
+		"BA": "\\d{16}",
+		"BR": "\\d{23}[A-Z][\\dA-Z]",
+		"BG": "[A-Z]{4}\\d{6}[\\dA-Z]{8}",
+		"CR": "\\d{17}",
+		"HR": "\\d{17}",
+		"CY": "\\d{8}[\\dA-Z]{16}",
+		"CZ": "\\d{20}",
+		"DK": "\\d{14}",
+		"DO": "[A-Z]{4}\\d{20}",
+		"EE": "\\d{16}",
+		"FO": "\\d{14}",
+		"FI": "\\d{14}",
+		"FR": "\\d{10}[\\dA-Z]{11}\\d{2}",
+		"GE": "[\\dA-Z]{2}\\d{16}",
+		"DE": "\\d{18}",
+		"GI": "[A-Z]{4}[\\dA-Z]{15}",
+		"GR": "\\d{7}[\\dA-Z]{16}",
+		"GL": "\\d{14}",
+		"GT": "[\\dA-Z]{4}[\\dA-Z]{20}",
+		"HU": "\\d{24}",
+		"IS": "\\d{22}",
+		"IE": "[\\dA-Z]{4}\\d{14}",
+		"IL": "\\d{19}",
+		"IT": "[A-Z]\\d{10}[\\dA-Z]{12}",
+		"KZ": "\\d{3}[\\dA-Z]{13}",
+		"KW": "[A-Z]{4}[\\dA-Z]{22}",
+		"LV": "[A-Z]{4}[\\dA-Z]{13}",
+		"LB": "\\d{4}[\\dA-Z]{20}",
+		"LI": "\\d{5}[\\dA-Z]{12}",
+		"LT": "\\d{16}",
+		"LU": "\\d{3}[\\dA-Z]{13}",
+		"MK": "\\d{3}[\\dA-Z]{10}\\d{2}",
+		"MT": "[A-Z]{4}\\d{5}[\\dA-Z]{18}",
+		"MR": "\\d{23}",
+		"MU": "[A-Z]{4}\\d{19}[A-Z]{3}",
+		"MC": "\\d{10}[\\dA-Z]{11}\\d{2}",
+		"MD": "[\\dA-Z]{2}\\d{18}",
+		"ME": "\\d{18}",
+		"NL": "[A-Z]{4}\\d{10}",
+		"NO": "\\d{11}",
+		"PK": "[\\dA-Z]{4}\\d{16}",
+		"PS": "[\\dA-Z]{4}\\d{21}",
+		"PL": "\\d{24}",
+		"PT": "\\d{21}",
+		"RO": "[A-Z]{4}[\\dA-Z]{16}",
+		"SM": "[A-Z]\\d{10}[\\dA-Z]{12}",
+		"SA": "\\d{2}[\\dA-Z]{18}",
+		"RS": "\\d{18}",
+		"SK": "\\d{20}",
+		"SI": "\\d{15}",
+		"ES": "\\d{20}",
+		"SE": "\\d{20}",
+		"CH": "\\d{5}[\\dA-Z]{12}",
+		"TN": "\\d{20}",
+		"TR": "\\d{5}[\\dA-Z]{17}",
+		"AE": "\\d{3}\\d{16}",
+		"GB": "[A-Z]{4}\\d{14}",
+		"VG": "[\\dA-Z]{4}\\d{16}"
+	};
+
+	bbanpattern = bbancountrypatterns[countrycode];
+	// As new countries will start using IBAN in the
+	// future, we only check if the countrycode is known.
+	// This prevents false negatives, while almost all
+	// false positives introduced by this, will be caught
+	// by the checksum validation below anyway.
+	// Strict checking should return FALSE for unknown
+	// countries.
+	if (typeof bbanpattern !== "undefined") {
+		ibanregexp = new RegExp("^[A-Z]{2}\\d{2}" + bbanpattern + "$", "");
+		if (!(ibanregexp.test(iban))) {
+			return false; // invalid country specific format
+		}
+	}
+
+	// now check the checksum, first convert to digits
+	ibancheck = iban.substring(4, iban.length) + iban.substring(0, 4);
+	for (i = 0; i < ibancheck.length; i++) {
+		charAt = ibancheck.charAt(i);
+		if (charAt !== "0") {
+			leadingZeroes = false;
+		}
+		if (!leadingZeroes) {
+			ibancheckdigits += "0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ".indexOf(charAt);
+		}
+	}
+
+	// calculate the result of: ibancheckdigits % 97
+	for (p = 0; p < ibancheckdigits.length; p++) {
+		cChar = ibancheckdigits.charAt(p);
+		cOperator = "" + cRest + "" + cChar;
+		cRest = cOperator % 97;
+	}
+	return cRest === 1;
+}, "Please specify a valid IBAN");
+
+$.validator.addMethod("integer", function(value, element) {
+	return this.optional(element) || /^-?\d+$/.test(value);
+}, "A positive or negative non-decimal number please");
+
+$.validator.addMethod("ipv4", function(value, element) {
+	return this.optional(element) || /^(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)\.(25[0-5]|2[0-4]\d|[01]?\d\d?)$/i.test(value);
+}, "Please enter a valid IP v4 address.");
+
+$.validator.addMethod("ipv6", function(value, element) {
+	return this.optional(element) || /^((([0-9A-Fa-f]{1,4}:){7}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}:[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){5}:([0-9A-Fa-f]{1,4}:)?[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){4}:([0-9A-Fa-f]{1,4}:){0,2}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){3}:([0-9A-Fa-f]{1,4}:){0,3}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){2}:([0-9A-Fa-f]{1,4}:){0,4}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){6}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(([0-9A-Fa-f]{1,4}:){0,5}:((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|(::([0-9A-Fa-f]{1,4}:){0,5}((\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b)\.){3}(\b((25[0-5])|(1\d{2})|(2[0-4]\d)|(\d{1,2}))\b))|([0-9A-Fa-f]{1,4}::([0-9A-Fa-f]{1,4}:){0,5}[0-9A-Fa-f]{1,4})|(::([0-9A-Fa-f]{1,4}:){0,6}[0-9A-Fa-f]{1,4})|(([0-9A-Fa-f]{1,4}:){1,7}:))$/i.test(value);
+}, "Please enter a valid IP v6 address.");
+
+$.validator.addMethod("lettersonly", function(value, element) {
+	return this.optional(element) || /^[a-z]+$/i.test(value);
+}, "Letters only please");
+
+$.validator.addMethod("letterswithbasicpunc", function(value, element) {
+	return this.optional(element) || /^[a-z\-.,()'"\s]+$/i.test(value);
+}, "Letters or punctuation only please");
+
+$.validator.addMethod("mobileNL", function(value, element) {
+	return this.optional(element) || /^((\+|00(\s|\s?\-\s?)?)31(\s|\s?\-\s?)?(\(0\)[\-\s]?)?|0)6((\s|\s?\-\s?)?[0-9]){8}$/.test(value);
+}, "Please specify a valid mobile number");
+
+/* For UK phone functions, do the following server side processing:
+ * Compare original input with this RegEx pattern:
+ * ^\(?(?:(?:00\)?[\s\-]?\(?|\+)(44)\)?[\s\-]?\(?(?:0\)?[\s\-]?\(?)?|0)([1-9]\d{1,4}\)?[\s\d\-]+)$
+ * Extract $1 and set $prefix to '+44<space>' if $1 is '44', otherwise set $prefix to '0'
+ * Extract $2 and remove hyphens, spaces and parentheses. Phone number is combined $prefix and $2.
+ * A number of very detailed GB telephone number RegEx patterns can also be found at:
+ * http://www.aa-asterisk.org.uk/index.php/Regular_Expressions_for_Validating_and_Formatting_GB_Telephone_Numbers
+ */
+$.validator.addMethod("mobileUK", function(phone_number, element) {
+	phone_number = phone_number.replace(/\(|\)|\s+|-/g, "");
+	return this.optional(element) || phone_number.length > 9 &&
+		phone_number.match(/^(?:(?:(?:00\s?|\+)44\s?|0)7(?:[1345789]\d{2}|624)\s?\d{3}\s?\d{3})$/);
+}, "Please specify a valid mobile number");
+
+/*
+ * The número de identidad de extranjero ( NIE )is a code used to identify the non-nationals in Spain
+ */
+$.validator.addMethod( "nieES", function( value ) {
+	"use strict";
+
+	value = value.toUpperCase();
+
+	// Basic format test
+	if ( !value.match( "((^[A-Z]{1}[0-9]{7}[A-Z0-9]{1}$|^[T]{1}[A-Z0-9]{8}$)|^[0-9]{8}[A-Z]{1}$)" ) ) {
+		return false;
+	}
+
+	// Test NIE
+	//T
+	if ( /^[T]{1}/.test( value ) ) {
+		return ( value[ 8 ] === /^[T]{1}[A-Z0-9]{8}$/.test( value ) );
+	}
+
+	//XYZ
+	if ( /^[XYZ]{1}/.test( value ) ) {
+		return (
+			value[ 8 ] === "TRWAGMYFPDXBNJZSQVHLCKE".charAt(
+				value.replace( "X", "0" )
+					.replace( "Y", "1" )
+					.replace( "Z", "2" )
+					.substring( 0, 8 ) % 23
+			)
+		);
+	}
+
+	return false;
+
+}, "Please specify a valid NIE number." );
+
+/*
+ * The Número de Identificación Fiscal ( NIF ) is the way tax identification used in Spain for individuals
+ */
+$.validator.addMethod( "nifES", function( value ) {
+	"use strict";
+
+	value = value.toUpperCase();
+
+	// Basic format test
+	if ( !value.match("((^[A-Z]{1}[0-9]{7}[A-Z0-9]{1}$|^[T]{1}[A-Z0-9]{8}$)|^[0-9]{8}[A-Z]{1}$)") ) {
+		return false;
+	}
+
+	// Test NIF
+	if ( /^[0-9]{8}[A-Z]{1}$/.test( value ) ) {
+		return ( "TRWAGMYFPDXBNJZSQVHLCKE".charAt( value.substring( 8, 0 ) % 23 ) === value.charAt( 8 ) );
+	}
+	// Test specials NIF (starts with K, L or M)
+	if ( /^[KLM]{1}/.test( value ) ) {
+		return ( value[ 8 ] === String.fromCharCode( 64 ) );
+	}
+
+	return false;
+
+}, "Please specify a valid NIF number." );
+
+$.validator.addMethod("nowhitespace", function(value, element) {
+	return this.optional(element) || /^\S+$/i.test(value);
+}, "No white space please");
+
+/**
+* Return true if the field value matches the given format RegExp
+*
+* @example $.validator.methods.pattern("AR1004",element,/^AR\d{4}$/)
+* @result true
+*
+* @example $.validator.methods.pattern("BR1004",element,/^AR\d{4}$/)
+* @result false
+*
+* @name $.validator.methods.pattern
+* @type Boolean
+* @cat Plugins/Validate/Methods
+*/
+$.validator.addMethod("pattern", function(value, element, param) {
+	if (this.optional(element)) {
+		return true;
+	}
+	if (typeof param === "string") {
+		param = new RegExp("^(?:" + param + ")$");
+	}
+	return param.test(value);
+}, "Invalid format.");
+
+/**
+ * Dutch phone numbers have 10 digits (or 11 and start with +31).
+ */
+$.validator.addMethod("phoneNL", function(value, element) {
+	return this.optional(element) || /^((\+|00(\s|\s?\-\s?)?)31(\s|\s?\-\s?)?(\(0\)[\-\s]?)?|0)[1-9]((\s|\s?\-\s?)?[0-9]){8}$/.test(value);
+}, "Please specify a valid phone number.");
+
+/* For UK phone functions, do the following server side processing:
+ * Compare original input with this RegEx pattern:
+ * ^\(?(?:(?:00\)?[\s\-]?\(?|\+)(44)\)?[\s\-]?\(?(?:0\)?[\s\-]?\(?)?|0)([1-9]\d{1,4}\)?[\s\d\-]+)$
+ * Extract $1 and set $prefix to '+44<space>' if $1 is '44', otherwise set $prefix to '0'
+ * Extract $2 and remove hyphens, spaces and parentheses. Phone number is combined $prefix and $2.
+ * A number of very detailed GB telephone number RegEx patterns can also be found at:
+ * http://www.aa-asterisk.org.uk/index.php/Regular_Expressions_for_Validating_and_Formatting_GB_Telephone_Numbers
+ */
+$.validator.addMethod("phoneUK", function(phone_number, element) {
+	phone_number = phone_number.replace(/\(|\)|\s+|-/g, "");
+	return this.optional(element) || phone_number.length > 9 &&
+		phone_number.match(/^(?:(?:(?:00\s?|\+)44\s?)|(?:\(?0))(?:\d{2}\)?\s?\d{4}\s?\d{4}|\d{3}\)?\s?\d{3}\s?\d{3,4}|\d{4}\)?\s?(?:\d{5}|\d{3}\s?\d{3})|\d{5}\)?\s?\d{4,5})$/);
+}, "Please specify a valid phone number");
+
+/**
+ * matches US phone number format
+ *
+ * where the area code may not start with 1 and the prefix may not start with 1
+ * allows '-' or ' ' as a separator and allows parens around area code
+ * some people may want to put a '1' in front of their number
+ *
+ * 1(212)-999-2345 or
+ * 212 999 2344 or
+ * 212-999-0983
+ *
+ * but not
+ * 111-123-5434
+ * and not
+ * 212 123 4567
+ */
+$.validator.addMethod("phoneUS", function(phone_number, element) {
+	phone_number = phone_number.replace(/\s+/g, "");
+	return this.optional(element) || phone_number.length > 9 &&
+		phone_number.match(/^(\+?1-?)?(\([2-9]([02-9]\d|1[02-9])\)|[2-9]([02-9]\d|1[02-9]))-?[2-9]([02-9]\d|1[02-9])-?\d{4}$/);
+}, "Please specify a valid phone number");
+
+/* For UK phone functions, do the following server side processing:
+ * Compare original input with this RegEx pattern:
+ * ^\(?(?:(?:00\)?[\s\-]?\(?|\+)(44)\)?[\s\-]?\(?(?:0\)?[\s\-]?\(?)?|0)([1-9]\d{1,4}\)?[\s\d\-]+)$
+ * Extract $1 and set $prefix to '+44<space>' if $1 is '44', otherwise set $prefix to '0'
+ * Extract $2 and remove hyphens, spaces and parentheses. Phone number is combined $prefix and $2.
+ * A number of very detailed GB telephone number RegEx patterns can also be found at:
+ * http://www.aa-asterisk.org.uk/index.php/Regular_Expressions_for_Validating_and_Formatting_GB_Telephone_Numbers
+ */
+//Matches UK landline + mobile, accepting only 01-3 for landline or 07 for mobile to exclude many premium numbers
+$.validator.addMethod("phonesUK", function(phone_number, element) {
+	phone_number = phone_number.replace(/\(|\)|\s+|-/g, "");
+	return this.optional(element) || phone_number.length > 9 &&
+		phone_number.match(/^(?:(?:(?:00\s?|\+)44\s?|0)(?:1\d{8,9}|[23]\d{9}|7(?:[1345789]\d{8}|624\d{6})))$/);
+}, "Please specify a valid uk phone number");
+
+/**
+ * Matches a valid Canadian Postal Code
+ *
+ * @example jQuery.validator.methods.postalCodeCA( "H0H 0H0", element )
+ * @result true
+ *
+ * @example jQuery.validator.methods.postalCodeCA( "H0H0H0", element )
+ * @result false
+ *
+ * @name jQuery.validator.methods.postalCodeCA
+ * @type Boolean
+ * @cat Plugins/Validate/Methods
+ */
+$.validator.addMethod( "postalCodeCA", function( value, element ) {
+	return this.optional( element ) || /^[ABCEGHJKLMNPRSTVXY]\d[A-Z] \d[A-Z]\d$/.test( value );
+}, "Please specify a valid postal code" );
+
+/*
+* Valida CEPs do brasileiros:
+*
+* Formatos aceitos:
+* 99999-999
+* 99.999-999
+* 99999999
+*/
+$.validator.addMethod("postalcodeBR", function(cep_value, element) {
+	return this.optional(element) || /^\d{2}.\d{3}-\d{3}?$|^\d{5}-?\d{3}?$/.test( cep_value );
+}, "Informe um CEP válido.");
+
+/* Matches Italian postcode (CAP) */
+$.validator.addMethod("postalcodeIT", function(value, element) {
+	return this.optional(element) || /^\d{5}$/.test(value);
+}, "Please specify a valid postal code");
+
+$.validator.addMethod("postalcodeNL", function(value, element) {
+	return this.optional(element) || /^[1-9][0-9]{3}\s?[a-zA-Z]{2}$/.test(value);
+}, "Please specify a valid postal code");
+
+// Matches UK postcode. Does not match to UK Channel Islands that have their own postcodes (non standard UK)
+$.validator.addMethod("postcodeUK", function(value, element) {
+	return this.optional(element) || /^((([A-PR-UWYZ][0-9])|([A-PR-UWYZ][0-9][0-9])|([A-PR-UWYZ][A-HK-Y][0-9])|([A-PR-UWYZ][A-HK-Y][0-9][0-9])|([A-PR-UWYZ][0-9][A-HJKSTUW])|([A-PR-UWYZ][A-HK-Y][0-9][ABEHMNPRVWXY]))\s?([0-9][ABD-HJLNP-UW-Z]{2})|(GIR)\s?(0AA))$/i.test(value);
+}, "Please specify a valid UK postcode");
+
+/*
+ * Lets you say "at least X inputs that match selector Y must be filled."
+ *
+ * The end result is that neither of these inputs:
+ *
+ *	<input class="productinfo" name="partnumber">
+ *	<input class="productinfo" name="description">
+ *
+ *	...will validate unless at least one of them is filled.
+ *
+ * partnumber:	{require_from_group: [1,".productinfo"]},
+ * description: {require_from_group: [1,".productinfo"]}
+ *
+ * options[0]: number of fields that must be filled in the group
+ * options[1]: CSS selector that defines the group of conditionally required fields
+ */
+$.validator.addMethod("require_from_group", function(value, element, options) {
+	var $fields = $(options[1], element.form),
+		$fieldsFirst = $fields.eq(0),
+		validator = $fieldsFirst.data("valid_req_grp") ? $fieldsFirst.data("valid_req_grp") : $.extend({}, this),
+		isValid = $fields.filter(function() {
+			return validator.elementValue(this);
+		}).length >= options[0];
+
+	// Store the cloned validator for future validation
+	$fieldsFirst.data("valid_req_grp", validator);
+
+	// If element isn't being validated, run each require_from_group field's validation rules
+	if (!$(element).data("being_validated")) {
+		$fields.data("being_validated", true);
+		$fields.each(function() {
+			validator.element(this);
+		});
+		$fields.data("being_validated", false);
+	}
+	return isValid;
+}, $.validator.format("Please fill at least {0} of these fields."));
+
+/*
+ * Lets you say "either at least X inputs that match selector Y must be filled,
+ * OR they must all be skipped (left blank)."
+ *
+ * The end result, is that none of these inputs:
+ *
+ *	<input class="productinfo" name="partnumber">
+ *	<input class="productinfo" name="description">
+ *	<input class="productinfo" name="color">
+ *
+ *	...will validate unless either at least two of them are filled,
+ *	OR none of them are.
+ *
+ * partnumber:	{skip_or_fill_minimum: [2,".productinfo"]},
+ * description: {skip_or_fill_minimum: [2,".productinfo"]},
+ * color:		{skip_or_fill_minimum: [2,".productinfo"]}
+ *
+ * options[0]: number of fields that must be filled in the group
+ * options[1]: CSS selector that defines the group of conditionally required fields
+ *
+ */
+$.validator.addMethod("skip_or_fill_minimum", function(value, element, options) {
+	var $fields = $(options[1], element.form),
+		$fieldsFirst = $fields.eq(0),
+		validator = $fieldsFirst.data("valid_skip") ? $fieldsFirst.data("valid_skip") : $.extend({}, this),
+		numberFilled = $fields.filter(function() {
+			return validator.elementValue(this);
+		}).length,
+		isValid = numberFilled === 0 || numberFilled >= options[0];
+
+	// Store the cloned validator for future validation
+	$fieldsFirst.data("valid_skip", validator);
+
+	// If element isn't being validated, run each skip_or_fill_minimum field's validation rules
+	if (!$(element).data("being_validated")) {
+		$fields.data("being_validated", true);
+		$fields.each(function() {
+			validator.element(this);
+		});
+		$fields.data("being_validated", false);
+	}
+	return isValid;
+}, $.validator.format("Please either skip these fields or fill at least {0} of them."));
+
+/* Validates US States and/or Territories by @jdforsythe
+ * Can be case insensitive or require capitalization - default is case insensitive
+ * Can include US Territories or not - default does not
+ * Can include US Military postal abbreviations (AA, AE, AP) - default does not
+ *
+ * Note: "States" always includes DC (District of Colombia)
+ *
+ * Usage examples:
+ *
+ *  This is the default - case insensitive, no territories, no military zones
+ *  stateInput: {
+ *     caseSensitive: false,
+ *     includeTerritories: false,
+ *     includeMilitary: false
+ *  }
+ *
+ *  Only allow capital letters, no territories, no military zones
+ *  stateInput: {
+ *     caseSensitive: false
+ *  }
+ *
+ *  Case insensitive, include territories but not military zones
+ *  stateInput: {
+ *     includeTerritories: true
+ *  }
+ *
+ *  Only allow capital letters, include territories and military zones
+ *  stateInput: {
+ *     caseSensitive: true,
+ *     includeTerritories: true,
+ *     includeMilitary: true
+ *  }
+ *
+ *
+ *
+ */
+
+jQuery.validator.addMethod("stateUS", function(value, element, options) {
+	var isDefault = typeof options === "undefined",
+		caseSensitive = ( isDefault || typeof options.caseSensitive === "undefined" ) ? false : options.caseSensitive,
+		includeTerritories = ( isDefault || typeof options.includeTerritories === "undefined" ) ? false : options.includeTerritories,
+		includeMilitary = ( isDefault || typeof options.includeMilitary === "undefined" ) ? false : options.includeMilitary,
+		regex;
+
+	if (!includeTerritories && !includeMilitary) {
+		regex = "^(A[KLRZ]|C[AOT]|D[CE]|FL|GA|HI|I[ADLN]|K[SY]|LA|M[ADEINOST]|N[CDEHJMVY]|O[HKR]|PA|RI|S[CD]|T[NX]|UT|V[AT]|W[AIVY])$";
+	} else if (includeTerritories && includeMilitary) {
+		regex = "^(A[AEKLPRSZ]|C[AOT]|D[CE]|FL|G[AU]|HI|I[ADLN]|K[SY]|LA|M[ADEINOPST]|N[CDEHJMVY]|O[HKR]|P[AR]|RI|S[CD]|T[NX]|UT|V[AIT]|W[AIVY])$";
+	} else if (includeTerritories) {
+		regex = "^(A[KLRSZ]|C[AOT]|D[CE]|FL|G[AU]|HI|I[ADLN]|K[SY]|LA|M[ADEINOPST]|N[CDEHJMVY]|O[HKR]|P[AR]|RI|S[CD]|T[NX]|UT|V[AIT]|W[AIVY])$";
+	} else {
+		regex = "^(A[AEKLPRZ]|C[AOT]|D[CE]|FL|GA|HI|I[ADLN]|K[SY]|LA|M[ADEINOST]|N[CDEHJMVY]|O[HKR]|PA|RI|S[CD]|T[NX]|UT|V[AT]|W[AIVY])$";
+	}
+
+	regex = caseSensitive ? new RegExp(regex) : new RegExp(regex, "i");
+	return this.optional(element) || regex.test(value);
+},
+"Please specify a valid state");
+
+// TODO check if value starts with <, otherwise don't try stripping anything
+$.validator.addMethod("strippedminlength", function(value, element, param) {
+	return $(value).text().length >= param;
+}, $.validator.format("Please enter at least {0} characters"));
+
+$.validator.addMethod("time", function(value, element) {
+	return this.optional(element) || /^([01]\d|2[0-3])(:[0-5]\d){1,2}$/.test(value);
+}, "Please enter a valid time, between 00:00 and 23:59");
+
+$.validator.addMethod("time12h", function(value, element) {
+	return this.optional(element) || /^((0?[1-9]|1[012])(:[0-5]\d){1,2}(\ ?[AP]M))$/i.test(value);
+}, "Please enter a valid time in 12-hour am/pm format");
+
+// same as url, but TLD is optional
+$.validator.addMethod("url2", function(value, element) {
+	return this.optional(element) || /^(https?|ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)*(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test(value);
+}, $.validator.messages.url);
+
+/**
+ * Return true, if the value is a valid vehicle identification number (VIN).
+ *
+ * Works with all kind of text inputs.
+ *
+ * @example <input type="text" size="20" name="VehicleID" class="{required:true,vinUS:true}" />
+ * @desc Declares a required input element whose value must be a valid vehicle identification number.
+ *
+ * @name $.validator.methods.vinUS
+ * @type Boolean
+ * @cat Plugins/Validate/Methods
+ */
+$.validator.addMethod("vinUS", function(v) {
+	if (v.length !== 17) {
+		return false;
+	}
+
+	var LL = [ "A", "B", "C", "D", "E", "F", "G", "H", "J", "K", "L", "M", "N", "P", "R", "S", "T", "U", "V", "W", "X", "Y", "Z" ],
+		VL = [ 1, 2, 3, 4, 5, 6, 7, 8, 1, 2, 3, 4, 5, 7, 9, 2, 3, 4, 5, 6, 7, 8, 9 ],
+		FL = [ 8, 7, 6, 5, 4, 3, 2, 10, 0, 9, 8, 7, 6, 5, 4, 3, 2 ],
+		rs = 0,
+		i, n, d, f, cd, cdv;
+
+	for (i = 0; i < 17; i++) {
+		f = FL[i];
+		d = v.slice(i, i + 1);
+		if (i === 8) {
+			cdv = d;
+		}
+		if (!isNaN(d)) {
+			d *= f;
+		} else {
+			for (n = 0; n < LL.length; n++) {
+				if (d.toUpperCase() === LL[n]) {
+					d = VL[n];
+					d *= f;
+					if (isNaN(cdv) && n === 8) {
+						cdv = LL[n];
+					}
+					break;
+				}
+			}
+		}
+		rs += d;
+	}
+	cd = rs % 11;
+	if (cd === 10) {
+		cd = "X";
+	}
+	if (cd === cdv) {
+		return true;
+	}
+	return false;
+}, "The specified vehicle identification number (VIN) is invalid.");
+
+$.validator.addMethod("zipcodeUS", function(value, element) {
+	return this.optional(element) || /^\d{5}(-\d{4})?$/.test(value);
+}, "The specified US ZIP Code is invalid");
+
+$.validator.addMethod("ziprange", function(value, element) {
+	return this.optional(element) || /^90[2-5]\d\{2\}-\d{4}$/.test(value);
+}, "Your ZIP-code must be in the range 902xx-xxxx to 905xx-xxxx");
+
+}));
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/bootbox.js b/web/bootstrap-ace-admin/js/bootbox.js
new file mode 100755
index 00000000..a002e4a3
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/bootbox.js
@@ -0,0 +1,894 @@
+/**
+ * bootbox.js [v4.3.0]
+ *
+ * http://bootboxjs.com/license.txt
+ */
+
+// @see https://github.com/makeusabrew/bootbox/issues/180
+// @see https://github.com/makeusabrew/bootbox/issues/186
+(function (root, factory) {
+
+  "use strict";
+  if (typeof define === "function" && define.amd) {
+    // AMD. Register as an anonymous module.
+    define(["jquery"], factory);
+  } else if (typeof exports === "object") {
+    // Node. Does not work with strict CommonJS, but
+    // only CommonJS-like environments that support module.exports,
+    // like Node.
+    module.exports = factory(require("jquery"));
+  } else {
+    // Browser globals (root is window)
+    root.bootbox = factory(root.jQuery);
+  }
+
+}(this, function init($, undefined) {
+
+  "use strict";
+
+  // the base DOM structure needed to create a modal
+  var templates = {
+    dialog:
+      "<div class='bootbox modal' tabindex='-1' role='dialog'>" +
+        "<div class='modal-dialog'>" +
+          "<div class='modal-content'>" +
+            "<div class='modal-body'><div class='bootbox-body'></div></div>" +
+          "</div>" +
+        "</div>" +
+      "</div>",
+    header:
+      "<div class='modal-header'>" +
+        "<h4 class='modal-title'></h4>" +
+      "</div>",
+    footer:
+      "<div class='modal-footer'></div>",
+    closeButton:
+      "<button type='button' class='bootbox-close-button close' data-dismiss='modal' aria-hidden='true'>&times;</button>",
+    form:
+      "<form class='bootbox-form'></form>",
+    inputs: {
+      text:
+        "<input class='bootbox-input bootbox-input-text form-control' autocomplete=off type=text />",
+      textarea:
+        "<textarea class='bootbox-input bootbox-input-textarea form-control'></textarea>",
+      email:
+        "<input class='bootbox-input bootbox-input-email form-control' autocomplete='off' type='email' />",
+      select:
+        "<select class='bootbox-input bootbox-input-select form-control'></select>",
+      checkbox:
+        "<div class='checkbox'><label><input class='bootbox-input bootbox-input-checkbox' type='checkbox' /></label></div>",
+      date:
+        "<input class='bootbox-input bootbox-input-date form-control' autocomplete=off type='date' />",
+      time:
+        "<input class='bootbox-input bootbox-input-time form-control' autocomplete=off type='time' />",
+      number:
+        "<input class='bootbox-input bootbox-input-number form-control' autocomplete=off type='number' />",
+      password:
+        "<input class='bootbox-input bootbox-input-password form-control' autocomplete='off' type='password' />"
+    }
+  };
+
+  var defaults = {
+    // default language
+    locale: "en",
+    // show backdrop or not
+    backdrop: true,
+    // animate the modal in/out
+    animate: true,
+    // additional class string applied to the top level dialog
+    className: null,
+    // whether or not to include a close button
+    closeButton: true,
+    // show the dialog immediately by default
+    show: true,
+    // dialog container
+    container: "body"
+  };
+
+  // our public object; augmented after our private API
+  var exports = {};
+
+  /**
+   * @private
+   */
+  function _t(key) {
+    var locale = locales[defaults.locale];
+    return locale ? locale[key] : locales.en[key];
+  }
+
+  function processCallback(e, dialog, callback) {
+    e.stopPropagation();
+    e.preventDefault();
+
+    // by default we assume a callback will get rid of the dialog,
+    // although it is given the opportunity to override this
+
+    // so, if the callback can be invoked and it *explicitly returns false*
+    // then we'll set a flag to keep the dialog active...
+    var preserveDialog = $.isFunction(callback) && callback(e) === false;
+
+    // ... otherwise we'll bin it
+    if (!preserveDialog) {
+      dialog.modal("hide");
+    }
+  }
+
+  function getKeyLength(obj) {
+    // @TODO defer to Object.keys(x).length if available?
+    var k, t = 0;
+    for (k in obj) {
+      t ++;
+    }
+    return t;
+  }
+
+  function each(collection, iterator) {
+    var index = 0;
+    $.each(collection, function(key, value) {
+      iterator(key, value, index++);
+    });
+  }
+
+  function sanitize(options) {
+    var buttons;
+    var total;
+
+    if (typeof options !== "object") {
+      throw new Error("Please supply an object of options");
+    }
+
+    if (!options.message) {
+      throw new Error("Please specify a message");
+    }
+
+    // make sure any supplied options take precedence over defaults
+    options = $.extend({}, defaults, options);
+
+    if (!options.buttons) {
+      options.buttons = {};
+    }
+
+    // we only support Bootstrap's "static" and false backdrop args
+    // supporting true would mean you could dismiss the dialog without
+    // explicitly interacting with it
+    options.backdrop = options.backdrop ? "static" : false;
+
+    buttons = options.buttons;
+
+    total = getKeyLength(buttons);
+
+    each(buttons, function(key, button, index) {
+
+      if ($.isFunction(button)) {
+        // short form, assume value is our callback. Since button
+        // isn't an object it isn't a reference either so re-assign it
+        button = buttons[key] = {
+          callback: button
+        };
+      }
+
+      // before any further checks make sure by now button is the correct type
+      if ($.type(button) !== "object") {
+        throw new Error("button with key " + key + " must be an object");
+      }
+
+      if (!button.label) {
+        // the lack of an explicit label means we'll assume the key is good enough
+        button.label = key;
+      }
+
+      if (!button.className) {
+        if (total <= 2 && index === total-1) {
+          // always add a primary to the main option in a two-button dialog
+          button.className = "btn-primary";
+        } else {
+          button.className = "btn-default";
+        }
+      }
+    });
+
+    return options;
+  }
+
+  /**
+   * map a flexible set of arguments into a single returned object
+   * if args.length is already one just return it, otherwise
+   * use the properties argument to map the unnamed args to
+   * object properties
+   * so in the latter case:
+   * mapArguments(["foo", $.noop], ["message", "callback"])
+   * -> { message: "foo", callback: $.noop }
+   */
+  function mapArguments(args, properties) {
+    var argn = args.length;
+    var options = {};
+
+    if (argn < 1 || argn > 2) {
+      throw new Error("Invalid argument length");
+    }
+
+    if (argn === 2 || typeof args[0] === "string") {
+      options[properties[0]] = args[0];
+      options[properties[1]] = args[1];
+    } else {
+      options = args[0];
+    }
+
+    return options;
+  }
+
+  /**
+   * merge a set of default dialog options with user supplied arguments
+   */
+  function mergeArguments(defaults, args, properties) {
+    return $.extend(
+      // deep merge
+      true,
+      // ensure the target is an empty, unreferenced object
+      {},
+      // the base options object for this type of dialog (often just buttons)
+      defaults,
+      // args could be an object or array; if it's an array properties will
+      // map it to a proper options object
+      mapArguments(
+        args,
+        properties
+      )
+    );
+  }
+
+  /**
+   * this entry-level method makes heavy use of composition to take a simple
+   * range of inputs and return valid options suitable for passing to bootbox.dialog
+   */
+  function mergeDialogOptions(className, labels, properties, args) {
+    //  build up a base set of dialog properties
+    var baseOptions = {
+      className: "bootbox-" + className,
+      buttons: createLabels.apply(null, labels)
+    };
+
+    // ensure the buttons properties generated, *after* merging
+    // with user args are still valid against the supplied labels
+    return validateButtons(
+      // merge the generated base properties with user supplied arguments
+      mergeArguments(
+        baseOptions,
+        args,
+        // if args.length > 1, properties specify how each arg maps to an object key
+        properties
+      ),
+      labels
+    );
+  }
+
+  /**
+   * from a given list of arguments return a suitable object of button labels
+   * all this does is normalise the given labels and translate them where possible
+   * e.g. "ok", "confirm" -> { ok: "OK, cancel: "Annuleren" }
+   */
+  function createLabels() {
+    var buttons = {};
+
+    for (var i = 0, j = arguments.length; i < j; i++) {
+      var argument = arguments[i];
+      var key = argument.toLowerCase();
+      var value = argument.toUpperCase();
+
+      buttons[key] = {
+        label: _t(value)
+      };
+    }
+
+    return buttons;
+  }
+
+  function validateButtons(options, buttons) {
+    var allowedButtons = {};
+    each(buttons, function(key, value) {
+      allowedButtons[value] = true;
+    });
+
+    each(options.buttons, function(key) {
+      if (allowedButtons[key] === undefined) {
+        throw new Error("button key " + key + " is not allowed (options are " + buttons.join("\n") + ")");
+      }
+    });
+
+    return options;
+  }
+
+  exports.alert = function() {
+    var options;
+
+    options = mergeDialogOptions("alert", ["ok"], ["message", "callback"], arguments);
+
+    if (options.callback && !$.isFunction(options.callback)) {
+      throw new Error("alert requires callback property to be a function when provided");
+    }
+
+    /**
+     * overrides
+     */
+    options.buttons.ok.callback = options.onEscape = function() {
+      if ($.isFunction(options.callback)) {
+        return options.callback();
+      }
+      return true;
+    };
+
+    return exports.dialog(options);
+  };
+
+  exports.confirm = function() {
+    var options;
+
+    options = mergeDialogOptions("confirm", ["cancel", "confirm"], ["message", "callback"], arguments);
+
+    /**
+     * overrides; undo anything the user tried to set they shouldn't have
+     */
+    options.buttons.cancel.callback = options.onEscape = function() {
+      return options.callback(false);
+    };
+
+    options.buttons.confirm.callback = function() {
+      return options.callback(true);
+    };
+
+    // confirm specific validation
+    if (!$.isFunction(options.callback)) {
+      throw new Error("confirm requires a callback");
+    }
+
+    return exports.dialog(options);
+  };
+
+  exports.prompt = function() {
+    var options;
+    var defaults;
+    var dialog;
+    var form;
+    var input;
+    var shouldShow;
+    var inputOptions;
+
+    // we have to create our form first otherwise
+    // its value is undefined when gearing up our options
+    // @TODO this could be solved by allowing message to
+    // be a function instead...
+    form = $(templates.form);
+
+    // prompt defaults are more complex than others in that
+    // users can override more defaults
+    // @TODO I don't like that prompt has to do a lot of heavy
+    // lifting which mergeDialogOptions can *almost* support already
+    // just because of 'value' and 'inputType' - can we refactor?
+    defaults = {
+      className: "bootbox-prompt",
+      buttons: createLabels("cancel", "confirm"),
+      value: "",
+      inputType: "text"
+    };
+
+    options = validateButtons(
+      mergeArguments(defaults, arguments, ["title", "callback"]),
+      ["cancel", "confirm"]
+    );
+
+    // capture the user's show value; we always set this to false before
+    // spawning the dialog to give us a chance to attach some handlers to
+    // it, but we need to make sure we respect a preference not to show it
+    shouldShow = (options.show === undefined) ? true : options.show;
+
+    /**
+     * overrides; undo anything the user tried to set they shouldn't have
+     */
+    options.message = form;
+
+    options.buttons.cancel.callback = options.onEscape = function() {
+      return options.callback(null);
+    };
+
+    options.buttons.confirm.callback = function() {
+      var value;
+
+      switch (options.inputType) {
+        case "text":
+        case "textarea":
+        case "email":
+        case "select":
+        case "date":
+        case "time":
+        case "number":
+        case "password":
+          value = input.val();
+          break;
+
+        case "checkbox":
+          var checkedItems = input.find("input:checked");
+
+          // we assume that checkboxes are always multiple,
+          // hence we default to an empty array
+          value = [];
+
+          each(checkedItems, function(_, item) {
+            value.push($(item).val());
+          });
+          break;
+      }
+
+      return options.callback(value);
+    };
+
+    options.show = false;
+
+    // prompt specific validation
+    if (!options.title) {
+      throw new Error("prompt requires a title");
+    }
+
+    if (!$.isFunction(options.callback)) {
+      throw new Error("prompt requires a callback");
+    }
+
+    if (!templates.inputs[options.inputType]) {
+      throw new Error("invalid prompt type");
+    }
+
+    // create the input based on the supplied type
+    input = $(templates.inputs[options.inputType]);
+
+    switch (options.inputType) {
+      case "text":
+      case "textarea":
+      case "email":
+      case "date":
+      case "time":
+      case "number":
+      case "password":
+        input.val(options.value);
+        break;
+
+      case "select":
+        var groups = {};
+        inputOptions = options.inputOptions || [];
+
+        if (!inputOptions.length) {
+          throw new Error("prompt with select requires options");
+        }
+
+        each(inputOptions, function(_, option) {
+
+          // assume the element to attach to is the input...
+          var elem = input;
+
+          if (option.value === undefined || option.text === undefined) {
+            throw new Error("given options in wrong format");
+          }
+
+
+          // ... but override that element if this option sits in a group
+
+          if (option.group) {
+            // initialise group if necessary
+            if (!groups[option.group]) {
+              groups[option.group] = $("<optgroup/>").attr("label", option.group);
+            }
+
+            elem = groups[option.group];
+          }
+
+          elem.append("<option value='" + option.value + "'>" + option.text + "</option>");
+        });
+
+        each(groups, function(_, group) {
+          input.append(group);
+        });
+
+        // safe to set a select's value as per a normal input
+        input.val(options.value);
+        break;
+
+      case "checkbox":
+        var values   = $.isArray(options.value) ? options.value : [options.value];
+        inputOptions = options.inputOptions || [];
+
+        if (!inputOptions.length) {
+          throw new Error("prompt with checkbox requires options");
+        }
+
+        if (!inputOptions[0].value || !inputOptions[0].text) {
+          throw new Error("given options in wrong format");
+        }
+
+        // checkboxes have to nest within a containing element, so
+        // they break the rules a bit and we end up re-assigning
+        // our 'input' element to this container instead
+        input = $("<div/>");
+
+        each(inputOptions, function(_, option) {
+          var checkbox = $(templates.inputs[options.inputType]);
+
+          checkbox.find("input").attr("value", option.value);
+          checkbox.find("label").append(option.text);
+
+          // we've ensured values is an array so we can always iterate over it
+          each(values, function(_, value) {
+            if (value === option.value) {
+              checkbox.find("input").prop("checked", true);
+            }
+          });
+
+          input.append(checkbox);
+        });
+        break;
+    }
+
+    if (options.placeholder) {
+      input.attr("placeholder", options.placeholder);
+    }
+
+    if(options.pattern){
+      input.attr("pattern", options.pattern);
+    }
+
+    // now place it in our form
+    form.append(input);
+
+    form.on("submit", function(e) {
+      e.preventDefault();
+      // Fix for SammyJS (or similar JS routing library) hijacking the form post.
+      e.stopPropagation();
+      // @TODO can we actually click *the* button object instead?
+      // e.g. buttons.confirm.click() or similar
+      dialog.find(".btn-primary").click();
+    });
+
+    dialog = exports.dialog(options);
+
+    // clear the existing handler focusing the submit button...
+    dialog.off("shown.bs.modal");
+
+    // ...and replace it with one focusing our input, if possible
+    dialog.on("shown.bs.modal", function() {
+      input.focus();
+    });
+
+    if (shouldShow === true) {
+      dialog.modal("show");
+    }
+
+    return dialog;
+  };
+
+  exports.dialog = function(options) {
+    options = sanitize(options);
+
+    var dialog = $(templates.dialog);
+    var innerDialog = dialog.find(".modal-dialog");
+    var body = dialog.find(".modal-body");
+    var buttons = options.buttons;
+    var buttonStr = "";
+    var callbacks = {
+      onEscape: options.onEscape
+    };
+
+    each(buttons, function(key, button) {
+
+      // @TODO I don't like this string appending to itself; bit dirty. Needs reworking
+      // can we just build up button elements instead? slower but neater. Then button
+      // can just become a template too
+      buttonStr += "<button data-bb-handler='" + key + "' type='button' class='btn " + button.className + "'>" + button.label + "</button>";
+      callbacks[key] = button.callback;
+    });
+
+    body.find(".bootbox-body").html(options.message);
+
+    if (options.animate === true) {
+      dialog.addClass("fade");
+    }
+
+    if (options.className) {
+      dialog.addClass(options.className);
+    }
+
+    if (options.size === "large") {
+      innerDialog.addClass("modal-lg");
+    }
+
+    if (options.size === "small") {
+      innerDialog.addClass("modal-sm");
+    }
+
+    if (options.title) {
+      body.before(templates.header);
+    }
+
+    if (options.closeButton) {
+      var closeButton = $(templates.closeButton);
+
+      if (options.title) {
+        dialog.find(".modal-header").prepend(closeButton);
+      } else {
+        closeButton.css("margin-top", "-10px").prependTo(body);
+      }
+    }
+
+    if (options.title) {
+      dialog.find(".modal-title").html(options.title);
+    }
+
+    if (buttonStr.length) {
+      body.after(templates.footer);
+      dialog.find(".modal-footer").html(buttonStr);
+    }
+
+
+    /**
+     * Bootstrap event listeners; used handle extra
+     * setup & teardown required after the underlying
+     * modal has performed certain actions
+     */
+
+    dialog.on("hidden.bs.modal", function(e) {
+      // ensure we don't accidentally intercept hidden events triggered
+      // by children of the current dialog. We shouldn't anymore now BS
+      // namespaces its events; but still worth doing
+      if (e.target === this) {
+        dialog.remove();
+      }
+    });
+
+    /*
+    dialog.on("show.bs.modal", function() {
+      // sadly this doesn't work; show is called *just* before
+      // the backdrop is added so we'd need a setTimeout hack or
+      // otherwise... leaving in as would be nice
+      if (options.backdrop) {
+        dialog.next(".modal-backdrop").addClass("bootbox-backdrop");
+      }
+    });
+    */
+
+    dialog.on("shown.bs.modal", function() {
+      dialog.find(".btn-primary:first").focus();
+    });
+
+    /**
+     * Bootbox event listeners; experimental and may not last
+     * just an attempt to decouple some behaviours from their
+     * respective triggers
+     */
+
+    dialog.on("escape.close.bb", function(e) {
+      if (callbacks.onEscape) {
+        processCallback(e, dialog, callbacks.onEscape);
+      }
+    });
+
+    /**
+     * Standard jQuery event listeners; used to handle user
+     * interaction with our dialog
+     */
+
+    dialog.on("click", ".modal-footer button", function(e) {
+      var callbackKey = $(this).data("bb-handler");
+
+      processCallback(e, dialog, callbacks[callbackKey]);
+
+    });
+
+    dialog.on("click", ".bootbox-close-button", function(e) {
+      // onEscape might be falsy but that's fine; the fact is
+      // if the user has managed to click the close button we
+      // have to close the dialog, callback or not
+      processCallback(e, dialog, callbacks.onEscape);
+    });
+
+    dialog.on("keyup", function(e) {
+      if (e.which === 27) {
+        dialog.trigger("escape.close.bb");
+      }
+    });
+
+    // the remainder of this method simply deals with adding our
+    // dialogent to the DOM, augmenting it with Bootstrap's modal
+    // functionality and then giving the resulting object back
+    // to our caller
+
+    $(options.container).append(dialog);
+
+    dialog.modal({
+      backdrop: options.backdrop,
+      keyboard: false,
+      show: false
+    });
+
+    if (options.show) {
+      dialog.modal("show");
+    }
+
+    // @TODO should we return the raw element here or should
+    // we wrap it in an object on which we can expose some neater
+    // methods, e.g. var d = bootbox.alert(); d.hide(); instead
+    // of d.modal("hide");
+
+   /*
+    function BBDialog(elem) {
+      this.elem = elem;
+    }
+
+    BBDialog.prototype = {
+      hide: function() {
+        return this.elem.modal("hide");
+      },
+      show: function() {
+        return this.elem.modal("show");
+      }
+    };
+    */
+
+    return dialog;
+
+  };
+
+  exports.setDefaults = function() {
+    var values = {};
+
+    if (arguments.length === 2) {
+      // allow passing of single key/value...
+      values[arguments[0]] = arguments[1];
+    } else {
+      // ... and as an object too
+      values = arguments[0];
+    }
+
+    $.extend(defaults, values);
+  };
+
+  exports.hideAll = function() {
+    $(".bootbox").modal("hide");
+
+    return exports;
+  };
+
+
+  /**
+   * standard locales. Please add more according to ISO 639-1 standard. Multiple language variants are
+   * unlikely to be required. If this gets too large it can be split out into separate JS files.
+   */
+  var locales = {
+    br : {
+      OK      : "OK",
+      CANCEL  : "Cancelar",
+      CONFIRM : "Sim"
+    },
+    cs : {
+      OK      : "OK",
+      CANCEL  : "Zrušit",
+      CONFIRM : "Potvrdit"
+    },
+    da : {
+      OK      : "OK",
+      CANCEL  : "Annuller",
+      CONFIRM : "Accepter"
+    },
+    de : {
+      OK      : "OK",
+      CANCEL  : "Abbrechen",
+      CONFIRM : "Akzeptieren"
+    },
+    el : {
+      OK      : "Εντάξει",
+      CANCEL  : "Ακύρωση",
+      CONFIRM : "Επιβεβαίωση"
+    },
+    en : {
+      OK      : "OK",
+      CANCEL  : "Cancel",
+      CONFIRM : "OK"
+    },
+    es : {
+      OK      : "OK",
+      CANCEL  : "Cancelar",
+      CONFIRM : "Aceptar"
+    },
+    et : {
+      OK      : "OK",
+      CANCEL  : "Katkesta",
+      CONFIRM : "OK"
+    },
+    fi : {
+      OK      : "OK",
+      CANCEL  : "Peruuta",
+      CONFIRM : "OK"
+    },
+    fr : {
+      OK      : "OK",
+      CANCEL  : "Annuler",
+      CONFIRM : "D'accord"
+    },
+    he : {
+      OK      : "אישור",
+      CANCEL  : "ביטול",
+      CONFIRM : "אישור"
+    },
+    id : {
+      OK      : "OK",
+      CANCEL  : "Batal",
+      CONFIRM : "OK"
+    },
+    it : {
+      OK      : "OK",
+      CANCEL  : "Annulla",
+      CONFIRM : "Conferma"
+    },
+    ja : {
+      OK      : "OK",
+      CANCEL  : "キャンセル",
+      CONFIRM : "確認"
+    },
+    lt : {
+      OK      : "Gerai",
+      CANCEL  : "Atšaukti",
+      CONFIRM : "Patvirtinti"
+    },
+    lv : {
+      OK      : "Labi",
+      CANCEL  : "Atcelt",
+      CONFIRM : "Apstiprināt"
+    },
+    nl : {
+      OK      : "OK",
+      CANCEL  : "Annuleren",
+      CONFIRM : "Accepteren"
+    },
+    no : {
+      OK      : "OK",
+      CANCEL  : "Avbryt",
+      CONFIRM : "OK"
+    },
+    pl : {
+      OK      : "OK",
+      CANCEL  : "Anuluj",
+      CONFIRM : "Potwierdź"
+    },
+    pt : {
+      OK      : "OK",
+      CANCEL  : "Cancelar",
+      CONFIRM : "Confirmar"
+    },
+    ru : {
+      OK      : "OK",
+      CANCEL  : "Отмена",
+      CONFIRM : "Применить"
+    },
+    sv : {
+      OK      : "OK",
+      CANCEL  : "Avbryt",
+      CONFIRM : "OK"
+    },
+    tr : {
+      OK      : "Tamam",
+      CANCEL  : "İptal",
+      CONFIRM : "Onayla"
+    },
+    zh_CN : {
+      OK      : "OK",
+      CANCEL  : "取消",
+      CONFIRM : "确认"
+    },
+    zh_TW : {
+      OK      : "OK",
+      CANCEL  : "取消",
+      CONFIRM : "確認"
+    }
+  };
+
+  exports.init = function(_$) {
+    return init(_$ || $);
+  };
+
+  return exports;
+}));
diff --git a/web/bootstrap-ace-admin/js/bootstrap-colorpicker.js b/web/bootstrap-ace-admin/js/bootstrap-colorpicker.js
new file mode 100755
index 00000000..5cc0076c
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/bootstrap-colorpicker.js
@@ -0,0 +1,540 @@
+/* =========================================================
+ * bootstrap-colorpicker.js 
+ * http://www.eyecon.ro/bootstrap-colorpicker
+ * =========================================================
+ * Copyright 2012 Stefan Petre
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================= */
+ 
+!function( $ ) {
+	
+	// Color object
+	
+	var Color = function(val) {
+		this.value = {
+			h: 1,
+			s: 1,
+			b: 1,
+			a: 1
+		};
+		this.setColor(val);
+	};
+	
+	Color.prototype = {
+		constructor: Color,
+		
+		//parse a string to HSB
+		setColor: function(val){
+			val = val.toLowerCase();
+			var that = this;
+			$.each( CPGlobal.stringParsers, function( i, parser ) {
+				var match = parser.re.exec( val ),
+					values = match && parser.parse( match ),
+					space = parser.space||'rgba';
+				if ( values ) {
+					if (space === 'hsla') {
+						that.value = CPGlobal.RGBtoHSB.apply(null, CPGlobal.HSLtoRGB.apply(null, values));
+					} else {
+						that.value = CPGlobal.RGBtoHSB.apply(null, values);
+					}
+					return false;
+				}
+			});
+		},
+		
+		setHue: function(h) {
+			this.value.h = 1- h;
+		},
+		
+		setSaturation: function(s) {
+			this.value.s = s;
+		},
+		
+		setLightness: function(b) {
+			this.value.b = 1- b;
+		},
+		
+		setAlpha: function(a) {
+			this.value.a = parseInt((1 - a)*100, 10)/100;
+		},
+		
+		// HSBtoRGB from RaphaelJS
+		// https://github.com/DmitryBaranovskiy/raphael/
+		toRGB: function(h, s, b, a) {
+			if (!h) {
+				h = this.value.h;
+				s = this.value.s;
+				b = this.value.b;
+			}
+			h *= 360;
+			var R, G, B, X, C;
+			h = (h % 360) / 60;
+			C = b * s;
+			X = C * (1 - Math.abs(h % 2 - 1));
+			R = G = B = b - C;
+
+			h = ~~h;
+			R += [C, X, 0, 0, X, C][h];
+			G += [X, C, C, X, 0, 0][h];
+			B += [0, 0, X, C, C, X][h];
+			return {
+				r: Math.round(R*255),
+				g: Math.round(G*255),
+				b: Math.round(B*255),
+				a: a||this.value.a
+			};
+		},
+		
+		toHex: function(h, s, b, a){
+			var rgb = this.toRGB(h, s, b, a);
+			return '#'+((1 << 24) | (parseInt(rgb.r) << 16) | (parseInt(rgb.g) << 8) | parseInt(rgb.b)).toString(16).substr(1);
+		},
+		
+		toHSL: function(h, s, b, a){
+			if (!h) {
+				h = this.value.h;
+				s = this.value.s;
+				b = this.value.b;
+			}
+			var H = h,
+				L = (2 - s) * b,
+				S = s * b;
+			if (L > 0 && L <= 1) {
+				S /= L;
+			} else {
+				S /= 2 - L;
+			}
+			L /= 2;
+			if (S > 1) {
+				S = 1;
+			}
+			return {
+				h: H,
+				s: S,
+				l: L,
+				a: a||this.value.a
+			};
+		}
+	};
+	
+	// Picker object
+	
+	var Colorpicker = function(element, options){
+		this.element = $(element);
+		var format = options.format||this.element.data('color-format')||'hex';
+		this.format = CPGlobal.translateFormats[format];
+		this.isInput = this.element.is('input');
+		this.component = this.element.is('.color') ? this.element.find('.add-on') : false;
+		
+		this.picker = $(CPGlobal.template)
+							.appendTo('body')
+							.on('mousedown', $.proxy(this.mousedown, this));
+		
+		if (this.isInput) {
+			this.element.on({
+				'focus': $.proxy(this.show, this),
+				'keyup': $.proxy(this.update, this)
+			});
+		} else if (this.component){
+			this.component.on({
+				'click': $.proxy(this.show, this)
+			});
+		} else {
+			this.element.on({
+				'click': $.proxy(this.show, this)
+			});
+		}
+		if (format === 'rgba' || format === 'hsla') {
+			this.picker.addClass('alpha');
+			this.alpha = this.picker.find('.colorpicker-alpha')[0].style;
+		}
+		
+		if (this.component){
+			this.picker.find('.colorpicker-color').hide();
+			this.preview = this.element.find('i')[0].style;
+		} else {
+			this.preview = this.picker.find('div:last')[0].style;
+		}
+		
+		this.base = this.picker.find('div:first')[0].style;
+		this.update();
+	};
+	
+	Colorpicker.prototype = {
+		constructor: Colorpicker,
+		
+		show: function(e) {
+			this.picker.show();
+			this.height = this.component ? this.component.outerHeight() : this.element.outerHeight();
+			this.place();
+			$(window).on('resize', $.proxy(this.place, this));
+			if (!this.isInput) {
+				if (e) {
+					e.stopPropagation();
+					e.preventDefault();
+				}
+			}
+			$(document).on({
+				'mousedown': $.proxy(this.hide, this)
+			});
+			this.element.trigger({
+				type: 'show',
+				color: this.color
+			});
+		},
+		
+		update: function(){
+			this.color = new Color(this.isInput ? this.element.prop('value') : this.element.data('color'));
+			this.picker.find('i')
+				.eq(0).css({left: this.color.value.s*100, top: 100 - this.color.value.b*100}).end()
+				.eq(1).css('top', 100 * (1 - this.color.value.h)).end()
+				.eq(2).css('top', 100 * (1 - this.color.value.a));
+			this.previewColor();
+		},
+		
+		setValue: function(newColor) {
+			this.color = new Color(newColor);
+			this.picker.find('i')
+				.eq(0).css({left: this.color.value.s*100, top: 100 - this.color.value.b*100}).end()
+				.eq(1).css('top', 100 * (1 - this.color.value.h)).end()
+				.eq(2).css('top', 100 * (1 - this.color.value.a));
+			this.previewColor();
+			this.element.trigger({
+				type: 'changeColor',
+				color: this.color
+			});
+		},
+		
+		hide: function(){
+			this.picker.hide();
+			$(window).off('resize', this.place);
+			if (!this.isInput) {
+				$(document).off({
+					'mousedown': this.hide
+				});
+				if (this.component){
+					this.element.find('input').prop('value', this.format.call(this));
+				}
+				this.element.data('color', this.format.call(this));
+			} else {
+				this.element.prop('value', this.format.call(this));
+			}
+			this.element.trigger({
+				type: 'hide',
+				color: this.color
+			});
+		},
+		
+		place: function(){
+			var offset = this.component ? this.component.offset() : this.element.offset();
+			this.picker.css({
+				top: offset.top + this.height,
+				left: offset.left
+			});
+		},
+		
+		//preview color change
+		previewColor: function(){
+			try {
+				this.preview.backgroundColor = this.format.call(this);
+			} catch(e) {
+				this.preview.backgroundColor = this.color.toHex();
+			}
+			//set the color for brightness/saturation slider
+			this.base.backgroundColor = this.color.toHex(this.color.value.h, 1, 1, 1);
+			//set te color for alpha slider
+			if (this.alpha) {
+				this.alpha.backgroundColor = this.color.toHex();
+			}
+		},
+		
+		pointer: null,
+		
+		slider: null,
+		
+		mousedown: function(e){
+			e.stopPropagation();
+			e.preventDefault();
+			
+			var target = $(e.target);
+			
+			//detect the slider and set the limits and callbacks
+			var zone = target.closest('div');
+			if (!zone.is('.colorpicker')) {
+				if (zone.is('.colorpicker-saturation')) {
+					this.slider = $.extend({}, CPGlobal.sliders.saturation);
+				} 
+				else if (zone.is('.colorpicker-hue')) {
+					this.slider = $.extend({}, CPGlobal.sliders.hue);
+				}
+				else if (zone.is('.colorpicker-alpha')) {
+					this.slider = $.extend({}, CPGlobal.sliders.alpha);
+				} else {
+					return false;
+				}
+				var offset = zone.offset();
+				//reference to knob's style
+				this.slider.knob = zone.find('i')[0].style;
+				this.slider.left = e.pageX - offset.left;
+				this.slider.top = e.pageY - offset.top;
+				this.pointer = {
+					left: e.pageX,
+					top: e.pageY
+				};
+				//trigger mousemove to move the knob to the current position
+				$(document).on({
+					mousemove: $.proxy(this.mousemove, this),
+					mouseup: $.proxy(this.mouseup, this)
+				}).trigger('mousemove');
+			}
+			return false;
+		},
+		
+		mousemove: function(e){
+			e.stopPropagation();
+			e.preventDefault();
+			var left = Math.max(
+				0,
+				Math.min(
+					this.slider.maxLeft,
+					this.slider.left + ((e.pageX||this.pointer.left) - this.pointer.left)
+				)
+			);
+			var top = Math.max(
+				0,
+				Math.min(
+					this.slider.maxTop,
+					this.slider.top + ((e.pageY||this.pointer.top) - this.pointer.top)
+				)
+			);
+			this.slider.knob.left = left + 'px';
+			this.slider.knob.top = top + 'px';
+			if (this.slider.callLeft) {
+				this.color[this.slider.callLeft].call(this.color, left/100);
+			}
+			if (this.slider.callTop) {
+				this.color[this.slider.callTop].call(this.color, top/100);
+			}
+			this.previewColor();
+			this.element.trigger({
+				type: 'changeColor',
+				color: this.color
+			});
+			return false;
+		},
+		
+		mouseup: function(e){
+			e.stopPropagation();
+			e.preventDefault();
+			$(document).off({
+				mousemove: this.mousemove,
+				mouseup: this.mouseup
+			});
+			return false;
+		}
+	}
+
+	$.fn.colorpicker = function ( option, val ) {
+		return this.each(function () {
+			var $this = $(this),
+				data = $this.data('colorpicker'),
+				options = typeof option === 'object' && option;
+			if (!data) {
+				$this.data('colorpicker', (data = new Colorpicker(this, $.extend({}, $.fn.colorpicker.defaults,options))));
+			}
+			if (typeof option === 'string') data[option](val);
+		});
+	};
+
+	$.fn.colorpicker.defaults = {
+	};
+	
+	$.fn.colorpicker.Constructor = Colorpicker;
+	
+	var CPGlobal = {
+	
+		// translate a format from Color object to a string
+		translateFormats: {
+			'rgb': function(){
+				var rgb = this.color.toRGB();
+				return 'rgb('+rgb.r+','+rgb.g+','+rgb.b+')';
+			},
+			
+			'rgba': function(){
+				var rgb = this.color.toRGB();
+				return 'rgba('+rgb.r+','+rgb.g+','+rgb.b+','+rgb.a+')';
+			},
+			
+			'hsl': function(){
+				var hsl = this.color.toHSL();
+				return 'hsl('+Math.round(hsl.h*360)+','+Math.round(hsl.s*100)+'%,'+Math.round(hsl.l*100)+'%)';
+			},
+			
+			'hsla': function(){
+				var hsl = this.color.toHSL();
+				return 'hsla('+Math.round(hsl.h*360)+','+Math.round(hsl.s*100)+'%,'+Math.round(hsl.l*100)+'%,'+hsl.a+')';
+			},
+			
+			'hex': function(){
+				return  this.color.toHex();
+			}
+		},
+		
+		sliders: {
+			saturation: {
+				maxLeft: 100,
+				maxTop: 100,
+				callLeft: 'setSaturation',
+				callTop: 'setLightness'
+			},
+			
+			hue: {
+				maxLeft: 0,
+				maxTop: 100,
+				callLeft: false,
+				callTop: 'setHue'
+			},
+			
+			alpha: {
+				maxLeft: 0,
+				maxTop: 100,
+				callLeft: false,
+				callTop: 'setAlpha'
+			}
+		},
+		
+		// HSBtoRGB from RaphaelJS
+		// https://github.com/DmitryBaranovskiy/raphael/
+		RGBtoHSB: function (r, g, b, a){
+			r /= 255;
+			g /= 255;
+			b /= 255;
+
+			var H, S, V, C;
+			V = Math.max(r, g, b);
+			C = V - Math.min(r, g, b);
+			H = (C === 0 ? null :
+				V == r ? (g - b) / C :
+				V == g ? (b - r) / C + 2 :
+					(r - g) / C + 4
+				);
+			H = ((H + 360) % 6) * 60 / 360;
+			S = C === 0 ? 0 : C / V;
+			return {h: H||1, s: S, b: V, a: a||1};
+		},
+		
+		HueToRGB: function (p, q, h) {
+			if (h < 0)
+				h += 1;
+			else if (h > 1)
+				h -= 1;
+
+			if ((h * 6) < 1)
+				return p + (q - p) * h * 6;
+			else if ((h * 2) < 1)
+				return q;
+			else if ((h * 3) < 2)
+				return p + (q - p) * ((2 / 3) - h) * 6;
+			else
+				return p;
+		},
+	
+		HSLtoRGB: function (h, s, l, a)
+		{
+			if (s < 0) {
+				s = 0;
+			}
+			var q;
+			if (l <= 0.5) {
+				q = l * (1 + s);
+			} else {
+				q = l + s - (l * s);
+			}
+			
+			var p = 2 * l - q;
+
+			var tr = h + (1 / 3);
+			var tg = h;
+			var tb = h - (1 / 3);
+
+			var r = Math.round(CPGlobal.HueToRGB(p, q, tr) * 255);
+			var g = Math.round(CPGlobal.HueToRGB(p, q, tg) * 255);
+			var b = Math.round(CPGlobal.HueToRGB(p, q, tb) * 255);
+			return [r, g, b, a||1];
+		},
+		
+		// a set of RE's that can match strings and generate color tuples.
+		// from John Resig color plugin
+		// https://github.com/jquery/jquery-color/
+		stringParsers: [
+			{
+				re: /rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,
+				parse: function( execResult ) {
+					return [
+						execResult[ 1 ],
+						execResult[ 2 ],
+						execResult[ 3 ],
+						execResult[ 4 ]
+					];
+				}
+			}, {
+				re: /rgba?\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,
+				parse: function( execResult ) {
+					return [
+						2.55 * execResult[1],
+						2.55 * execResult[2],
+						2.55 * execResult[3],
+						execResult[ 4 ]
+					];
+				}
+			}, {
+				re: /#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/,
+				parse: function( execResult ) {
+					return [
+						parseInt( execResult[ 1 ], 16 ),
+						parseInt( execResult[ 2 ], 16 ),
+						parseInt( execResult[ 3 ], 16 )
+					];
+				}
+			}, {
+				re: /#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/,
+				parse: function( execResult ) {
+					return [
+						parseInt( execResult[ 1 ] + execResult[ 1 ], 16 ),
+						parseInt( execResult[ 2 ] + execResult[ 2 ], 16 ),
+						parseInt( execResult[ 3 ] + execResult[ 3 ], 16 )
+					];
+				}
+			}, {
+				re: /hsla?\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d+(?:\.\d+)?)\s*)?\)/,
+				space: 'hsla',
+				parse: function( execResult ) {
+					return [
+						execResult[1]/360,
+						execResult[2] / 100,
+						execResult[3] / 100,
+						execResult[4]
+					];
+				}
+			}
+		],
+		template: '<div class="colorpicker dropdown-menu">'+
+							'<div class="colorpicker-saturation"><i><b></b></i></div>'+
+							'<div class="colorpicker-hue"><i></i></div>'+
+							'<div class="colorpicker-alpha"><i></i></div>'+
+							'<div class="colorpicker-color"><div /></div>'+
+						'</div>'
+	};
+
+}( window.jQuery )
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/bootstrap-multiselect.js b/web/bootstrap-ace-admin/js/bootstrap-multiselect.js
new file mode 100755
index 00000000..093568e0
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/bootstrap-multiselect.js
@@ -0,0 +1,1280 @@
+/**
+ * Bootstrap Multiselect v0.9.8 (https://github.com/davidstutz/bootstrap-multiselect)
+ * 
+ * Copyright 2012 - 2014 David Stutz
+ * 
+ * Dual licensed under the BSD-3-Clause and the Apache License, Version 2.0.
+ */
+!function($) {
+ 
+    "use strict";// jshint ;_;
+
+    if (typeof ko !== 'undefined' && ko.bindingHandlers && !ko.bindingHandlers.multiselect) {
+        ko.bindingHandlers.multiselect = {
+
+            init: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
+
+                var listOfSelectedItems = allBindingsAccessor().selectedOptions;
+                var config = ko.utils.unwrapObservable(valueAccessor());
+
+                $(element).multiselect(config);
+
+                if (isObservableArray(listOfSelectedItems)) {
+                    
+                    // Set the initial selection state on the multiselect list.
+                    $(element).multiselect('select', ko.utils.unwrapObservable(listOfSelectedItems));
+                    
+                    // Subscribe to the selectedOptions: ko.observableArray
+                    listOfSelectedItems.subscribe(function (changes) {
+                        var addedArray = [], deletedArray = [];
+                        forEach(changes, function (change) {
+                            switch (change.status) {
+                                case 'added':
+                                    addedArray.push(change.value);
+                                    break;
+                                case 'deleted':
+                                    deletedArray.push(change.value);
+                                    break;
+                            }
+                        });
+                        
+                        if (addedArray.length > 0) {
+                            $(element).multiselect('select', addedArray);
+                        }
+                        
+                        if (deletedArray.length > 0) {
+                            $(element).multiselect('deselect', deletedArray);
+                        }
+                    }, null, "arrayChange");
+                }
+            },
+
+            update: function (element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) {
+
+                var listOfItems = allBindingsAccessor().options,
+                    ms = $(element).data('multiselect'),
+                    config = ko.utils.unwrapObservable(valueAccessor());
+
+                if (isObservableArray(listOfItems)) {
+                    // Subscribe to the options: ko.observableArray incase it changes later
+                    listOfItems.subscribe(function (theArray) {
+                        $(element).multiselect('rebuild');
+                    });
+                }
+
+                if (!ms) {
+                    $(element).multiselect(config);
+                }
+                else {
+                    ms.updateOriginalOptions();
+                }
+            }
+        };
+    }
+
+    function isObservableArray(obj) {
+        return ko.isObservable(obj) && !(obj.destroyAll === undefined);
+    }
+
+    function forEach(array, callback) {
+        for (var index = 0; index < array.length; ++index) {
+            callback(array[index]);
+        }
+    }
+
+    /**
+     * Constructor to create a new multiselect using the given select.
+     * 
+     * @param {jQuery} select
+     * @param {Object} options
+     * @returns {Multiselect}
+     */
+    function Multiselect(select, options) {
+
+        this.$select = $(select);
+        this.options = this.mergeOptions($.extend({}, options, this.$select.data()));
+
+        // Initialization.
+        // We have to clone to create a new reference.
+        this.originalOptions = this.$select.clone()[0].options;
+        this.query = '';
+        this.searchTimeout = null;
+
+        this.options.multiple = this.$select.attr('multiple') === "multiple";
+        this.options.onChange = $.proxy(this.options.onChange, this);
+        this.options.onDropdownShow = $.proxy(this.options.onDropdownShow, this);
+        this.options.onDropdownHide = $.proxy(this.options.onDropdownHide, this);
+        this.options.onDropdownShown = $.proxy(this.options.onDropdownShown, this);
+        this.options.onDropdownHidden = $.proxy(this.options.onDropdownHidden, this);
+        
+        // Build select all if enabled.
+        this.buildContainer();
+        this.buildButton();
+        this.buildDropdown();
+        this.buildSelectAll();
+        this.buildDropdownOptions();
+        this.buildFilter();
+        
+        this.updateButtonText();
+        this.updateSelectAll();
+        
+        if (this.options.disableIfEmpty && $('option', this.$select).length <= 0) {
+            this.disable();
+        }
+        
+        this.$select.hide().after(this.$container);
+    };
+
+    Multiselect.prototype = {
+
+        defaults: {
+            /**
+             * Default text function will either print 'None selected' in case no
+             * option is selected or a list of the selected options up to a length
+             * of 3 selected options.
+             * 
+             * @param {jQuery} options
+             * @param {jQuery} select
+             * @returns {String}
+             */
+            buttonText: function(options, select) {
+                if (options.length === 0) {
+                    return this.nonSelectedText + ' <b class="fa fa-caret-down"></b>';//ACE
+                }
+                else if (options.length == $('option', $(select)).length) {
+                    return this.allSelectedText + ' <b class="fa fa-caret-down"></b>';//ACE
+                }
+                else if (options.length > this.numberDisplayed) {
+                    return options.length + ' ' + this.nSelectedText + ' <b class="fa fa-caret-down"></b>';//ACE
+                }
+                else {
+                    var selected = '';
+                    options.each(function() {
+                        var label = ($(this).attr('label') !== undefined) ? $(this).attr('label') : $(this).html();
+
+                        selected += label + ', ';
+                    });
+                    
+                    return selected.substr(0, selected.length - 2) + ' <b class="fa fa-caret-down"></b>';//ACE
+                }
+            },
+            /**
+             * Updates the title of the button similar to the buttonText function.
+             * 
+             * @param {jQuery} options
+             * @param {jQuery} select
+             * @returns {@exp;selected@call;substr}
+             */
+            buttonTitle: function(options, select) {
+                if (options.length === 0) {
+                    return this.nonSelectedText;
+                }
+                else {
+                    var selected = '';
+                    options.each(function () {
+                        selected += $(this).text() + ', ';
+                    });
+                    return selected.substr(0, selected.length - 2);
+                }
+            },
+            /**
+             * Create a label.
+             * 
+             * @param {jQuery} element
+             * @returns {String}
+             */
+            label: function(element){
+                return $(element).attr('label') || $(element).html();
+            },
+            /**
+             * Triggered on change of the multiselect.
+             * 
+             * Not triggered when selecting/deselecting options manually.
+             * 
+             * @param {jQuery} option
+             * @param {Boolean} checked
+             */
+            onChange : function(option, checked) {
+
+            },
+            /**
+             * Triggered when the dropdown is shown.
+             * 
+             * @param {jQuery} event
+             */
+            onDropdownShow: function(event) {
+                
+            },
+            /**
+             * Triggered when the dropdown is hidden.
+             * 
+             * @param {jQuery} event
+             */
+            onDropdownHide: function(event) {
+                
+            },
+            /**
+             * Triggered after the dropdown is shown.
+             * 
+             * @param {jQuery} event
+             */
+            onDropdownShown: function(event) {
+                
+            },
+            /**
+             * Triggered after the dropdown is hidden.
+             * 
+             * @param {jQuery} event
+             */
+            onDropdownHidden: function(event) {
+                
+            },
+            buttonClass: 'btn btn-default',
+            buttonWidth: 'auto',
+            buttonContainer: '<div class="btn-group" />',
+            dropRight: false,
+            selectedClass: 'active',
+            // Maximum height of the dropdown menu.
+            // If maximum height is exceeded a scrollbar will be displayed.
+            maxHeight: false,
+            checkboxName: false,
+            includeSelectAllOption: false,
+            includeSelectAllIfMoreThan: 0,
+            selectAllText: ' Select all',
+            selectAllValue: 'multiselect-all',
+            selectAllName: false,
+            enableFiltering: false,
+            enableCaseInsensitiveFiltering: false,
+            enableClickableOptGroups: false,
+            filterPlaceholder: 'Search',
+            // possible options: 'text', 'value', 'both'
+            filterBehavior: 'text',
+            includeFilterClearBtn: true,
+            preventInputChangeEvent: false,
+            nonSelectedText: 'None selected',
+            nSelectedText: 'selected',
+            allSelectedText: 'All selected',
+            numberDisplayed: 3,
+            disableIfEmpty: false,
+            templates: {
+                button: '<button type="button" class="multiselect dropdown-toggle" data-toggle="dropdown"></button>',
+                ul: '<ul class="multiselect-container dropdown-menu"></ul>',
+                filter: '<li class="multiselect-item filter"><div class="input-group"><span class="input-group-addon"><i class="glyphicon glyphicon-search"></i></span><input class="form-control multiselect-search" type="text"></div></li>',
+                filterClearBtn: '<span class="input-group-btn"><button class="btn btn-default multiselect-clear-filter" type="button"><i class="glyphicon glyphicon-remove-circle"></i></button></span>',
+                li: '<li><a href="javascript:void(0);"><label></label></a></li>',
+                divider: '<li class="multiselect-item divider"></li>',
+                liGroup: '<li class="multiselect-item multiselect-group"><label></label></li>'
+            }
+        },
+
+        constructor: Multiselect,
+
+        /**
+         * Builds the container of the multiselect.
+         */
+        buildContainer: function() {
+            this.$container = $(this.options.buttonContainer);
+            this.$container.on('show.bs.dropdown', this.options.onDropdownShow);
+            this.$container.on('hide.bs.dropdown', this.options.onDropdownHide);
+            this.$container.on('shown.bs.dropdown', this.options.onDropdownShown);
+            this.$container.on('hidden.bs.dropdown', this.options.onDropdownHidden);
+        },
+
+        /**
+         * Builds the button of the multiselect.
+         */
+        buildButton: function() {
+            this.$button = $(this.options.templates.button).addClass(this.options.buttonClass);
+
+            // Adopt active state.
+            if (this.$select.prop('disabled')) {
+                this.disable();
+            }
+            else {
+                this.enable();
+            }
+
+            // Manually add button width if set.
+            if (this.options.buttonWidth && this.options.buttonWidth !== 'auto') {
+                this.$button.css({
+                    'width' : this.options.buttonWidth
+                });
+                this.$container.css({
+                    'width': this.options.buttonWidth
+                });
+            }
+
+            // Keep the tab index from the select.
+            var tabindex = this.$select.attr('tabindex');
+            if (tabindex) {
+                this.$button.attr('tabindex', tabindex);
+            }
+
+            this.$container.prepend(this.$button);
+        },
+
+        /**
+         * Builds the ul representing the dropdown menu.
+         */
+        buildDropdown: function() {
+
+            // Build ul.
+            this.$ul = $(this.options.templates.ul);
+
+            if (this.options.dropRight) {
+                this.$ul.addClass('pull-right');
+            }
+
+            // Set max height of dropdown menu to activate auto scrollbar.
+            if (this.options.maxHeight) {
+                // TODO: Add a class for this option to move the css declarations.
+                this.$ul.css({
+                    'max-height': this.options.maxHeight + 'px',
+                    'overflow-y': 'auto',
+                    'overflow-x': 'hidden'
+                });
+            }
+
+            this.$container.append(this.$ul);
+        },
+
+        /**
+         * Build the dropdown options and binds all nessecary events.
+         * 
+         * Uses createDivider and createOptionValue to create the necessary options.
+         */
+        buildDropdownOptions: function() {
+
+            this.$select.children().each($.proxy(function(index, element) {
+
+                var $element = $(element);
+                // Support optgroups and options without a group simultaneously.
+                var tag = $element.prop('tagName')
+                    .toLowerCase();
+            
+                if ($element.prop('value') === this.options.selectAllValue) {
+                    return;
+                }
+
+                if (tag === 'optgroup') {
+                    this.createOptgroup(element);
+                }
+                else if (tag === 'option') {
+
+                    if ($element.data('role') === 'divider') {
+                        this.createDivider();
+                    }
+                    else {
+                        this.createOptionValue(element);
+                    }
+
+                }
+                
+                // Other illegal tags will be ignored.
+            }, this));
+
+            // Bind the change event on the dropdown elements.
+            $('li input', this.$ul).on('change', $.proxy(function(event) {
+                var $target = $(event.target);
+
+                var checked = $target.prop('checked') || false;
+                var isSelectAllOption = $target.val() === this.options.selectAllValue;
+
+                // Apply or unapply the configured selected class.
+                if (this.options.selectedClass) {
+                    if (checked) {
+                        $target.closest('li')
+                            .addClass(this.options.selectedClass);
+                    }
+                    else {
+                        $target.closest('li')
+                            .removeClass(this.options.selectedClass);
+                    }
+                }
+
+                // Get the corresponding option.
+                var value = $target.val();
+                var $option = this.getOptionByValue(value);
+
+                var $optionsNotThis = $('option', this.$select).not($option);
+                var $checkboxesNotThis = $('input', this.$container).not($target);
+
+                if (isSelectAllOption) {
+                    if (checked) {
+                        this.selectAll();
+                    }
+                    else {
+                        this.deselectAll();
+                    }
+                }
+
+                if(!isSelectAllOption){
+                    if (checked) {
+                        $option.prop('selected', true);
+
+                        if (this.options.multiple) {
+                            // Simply select additional option.
+                            $option.prop('selected', true);
+                        }
+                        else {
+                            // Unselect all other options and corresponding checkboxes.
+                            if (this.options.selectedClass) {
+                                $($checkboxesNotThis).closest('li').removeClass(this.options.selectedClass);
+                            }
+
+                            $($checkboxesNotThis).prop('checked', false);
+                            $optionsNotThis.prop('selected', false);
+
+                            // It's a single selection, so close.
+                            this.$button.click();
+                        }
+
+                        if (this.options.selectedClass === "active") {
+                            $optionsNotThis.closest("a").css("outline", "");
+                        }
+                    }
+                    else {
+                        // Unselect option.
+                        $option.prop('selected', false);
+                    }
+                }
+
+                this.$select.change();
+
+                this.updateButtonText();
+                this.updateSelectAll();
+                
+                this.options.onChange($option, checked);
+
+                if(this.options.preventInputChangeEvent) {
+                    return false;
+                }
+            }, this));
+
+            $('li a', this.$ul).on('touchstart click', function(event) {
+                event.stopPropagation();
+
+                var $target = $(event.target);
+
+				try {//ACE -- for IE8
+					if (document.getSelection().type === 'Range') {
+					  var $input = $(this).find("input:first");
+
+					  $input.prop("checked", !$input.prop("checked"))
+						  .trigger("change");
+					}
+				} catch(e) {}
+
+                if (event.shiftKey) {
+                    var checked = $target.prop('checked') || false;
+
+                    if (checked) {
+                        var prev = $target.closest('li')
+                            .siblings('li[class="active"]:first');
+
+                        var currentIdx = $target.closest('li')
+                            .index();
+                        var prevIdx = prev.index();
+
+                        if (currentIdx > prevIdx) {
+                            $target.closest("li").prevUntil(prev).each(
+                                function() {
+                                    $(this).find("input:first").prop("checked", true)
+                                        .trigger("change");
+                                }
+                            );
+                        }
+                        else {
+                            $target.closest("li").nextUntil(prev).each(
+                                function() {
+                                    $(this).find("input:first").prop("checked", true)
+                                        .trigger("change");
+                                }
+                            );
+                        }
+                    }
+                }
+
+                $target.blur();
+            });
+
+            // Keyboard support.
+            this.$container.off('keydown.multiselect').on('keydown.multiselect', $.proxy(function(event) {
+                if ($('input[type="text"]', this.$container).is(':focus')) {
+                    return;
+                }
+
+                if (event.keyCode === 9 && this.$container.hasClass('open')) {
+                    this.$button.click();
+                }
+                else {
+                    var $items = $(this.$container).find("li:not(.divider):not(.disabled) a").filter(":visible");
+
+                    if (!$items.length) {
+                        return;
+                    }
+
+                    var index = $items.index($items.filter(':focus'));
+
+                    // Navigation up.
+                    if (event.keyCode === 38 && index > 0) {
+                        index--;
+                    }
+                    // Navigate down.
+                    else if (event.keyCode === 40 && index < $items.length - 1) {
+                        index++;
+                    }
+                    else if (!~index) {
+                        index = 0;
+                    }
+
+                    var $current = $items.eq(index);
+                    $current.focus();
+
+                    if (event.keyCode === 32 || event.keyCode === 13) {
+                        var $checkbox = $current.find('input');
+
+                        $checkbox.prop("checked", !$checkbox.prop("checked"));
+                        $checkbox.change();
+                    }
+
+                    event.stopPropagation();
+                    event.preventDefault();
+                }
+            }, this));
+
+            if(this.options.enableClickableOptGroups && this.options.multiple) {
+                $('li.multiselect-group', this.$ul).on('click', $.proxy(function(event) {
+                    event.stopPropagation();
+
+                    var group = $(event.target).parent();
+
+                    // Search all option in optgroup
+                    var $options = group.nextUntil('li.multiselect-group');
+
+                    // check or uncheck items
+                    var allChecked = true;
+                    var optionInputs = $options.find('input');
+                    optionInputs.each(function() {
+                        allChecked = allChecked && $(this).prop('checked');
+                    });
+
+                    optionInputs.prop('checked', !allChecked).trigger('change');
+               }, this));
+            }
+        },
+
+        /**
+         * Create an option using the given select option.
+         * 
+         * @param {jQuery} element
+         */
+        createOptionValue: function(element) {
+            var $element = $(element);
+            if ($element.is(':selected')) {
+                $element.prop('selected', true);
+            }
+
+            // Support the label attribute on options.
+            var label = this.options.label(element);
+            var value = $element.val();
+            var inputType = this.options.multiple ? "checkbox" : "radio";
+
+            var $li = $(this.options.templates.li);
+            var $label = $('label', $li);
+            $label.addClass(inputType);
+
+            var $checkbox = $('<input/>').attr('type', inputType).addClass('ace');//ACE
+
+            if (this.options.checkboxName) {
+                $checkbox.attr('name', this.options.checkboxName);
+            }
+            $label.append($checkbox);
+			$checkbox.after('<span class="lbl" />');//ACE
+
+            var selected = $element.prop('selected') || false;
+            $checkbox.val(value);
+
+            if (value === this.options.selectAllValue) {
+                $li.addClass("multiselect-item multiselect-all");
+                $checkbox.parent().parent()
+                    .addClass('multiselect-all');
+            }
+
+            $label.append(" " + label);
+            $label.attr('title', $element.attr('title'));
+
+            this.$ul.append($li);
+
+            if ($element.is(':disabled')) {
+                $checkbox.attr('disabled', 'disabled')
+                    .prop('disabled', true)
+                    .closest('a')
+                    .attr("tabindex", "-1")
+                    .closest('li')
+                    .addClass('disabled');
+            }
+
+            $checkbox.prop('checked', selected);
+
+            if (selected && this.options.selectedClass) {
+                $checkbox.closest('li')
+                    .addClass(this.options.selectedClass);
+            }
+        },
+
+        /**
+         * Creates a divider using the given select option.
+         * 
+         * @param {jQuery} element
+         */
+        createDivider: function(element) {
+            var $divider = $(this.options.templates.divider);
+            this.$ul.append($divider);
+        },
+
+        /**
+         * Creates an optgroup.
+         * 
+         * @param {jQuery} group
+         */
+        createOptgroup: function(group) {
+            var groupName = $(group).prop('label');
+
+            // Add a header for the group.
+            var $li = $(this.options.templates.liGroup);
+            $('label', $li).text(groupName);
+
+            if (this.options.enableClickableOptGroups) {
+                $li.addClass('multiselect-group-clickable');
+            }
+
+            this.$ul.append($li);
+
+            if ($(group).is(':disabled')) {
+                $li.addClass('disabled');
+            }
+
+            // Add the options of the group.
+            $('option', group).each($.proxy(function(index, element) {
+                this.createOptionValue(element);
+            }, this));
+        },
+
+        /**
+         * Build the selct all.
+         * 
+         * Checks if a select all has already been created.
+         */
+        buildSelectAll: function() {
+            if (typeof this.options.selectAllValue === 'number') {
+                this.options.selectAllValue = this.options.selectAllValue.toString();
+            }
+            
+            var alreadyHasSelectAll = this.hasSelectAll();
+            
+            if (!alreadyHasSelectAll && this.options.includeSelectAllOption && this.options.multiple
+                    && $('option', this.$select).length > this.options.includeSelectAllIfMoreThan) {
+                
+                // Check whether to add a divider after the select all.
+                if (this.options.includeSelectAllDivider) {
+                    this.$ul.prepend($(this.options.templates.divider));
+                }
+
+                var $li = $(this.options.templates.li);
+                $('label', $li).addClass("checkbox");
+                
+                if (this.options.selectAllName) {
+                    $('label', $li).append('<input type="checkbox" name="' + this.options.selectAllName + '" />');
+                }
+                else {
+                    $('label', $li).append('<input type="checkbox" />');
+                }
+                
+                var $checkbox = $('input', $li);
+                $checkbox.val(this.options.selectAllValue);
+
+                $li.addClass("multiselect-item multiselect-all");
+                $checkbox.parent().parent()
+                    .addClass('multiselect-all');
+
+                $('label', $li).append(" " + this.options.selectAllText);
+
+                this.$ul.prepend($li);
+
+                $checkbox.prop('checked', false);
+            }
+        },
+
+        /**
+         * Builds the filter.
+         */
+        buildFilter: function() {
+
+            // Build filter if filtering OR case insensitive filtering is enabled and the number of options exceeds (or equals) enableFilterLength.
+            if (this.options.enableFiltering || this.options.enableCaseInsensitiveFiltering) {
+                var enableFilterLength = Math.max(this.options.enableFiltering, this.options.enableCaseInsensitiveFiltering);
+
+                if (this.$select.find('option').length >= enableFilterLength) {
+
+                    this.$filter = $(this.options.templates.filter);
+                    $('input', this.$filter).attr('placeholder', this.options.filterPlaceholder);
+                    
+                    // Adds optional filter clear button
+                    if(this.options.includeFilterClearBtn){
+                        var clearBtn = $(this.options.templates.filterClearBtn);
+                        clearBtn.on('click', $.proxy(function(event){
+                            clearTimeout(this.searchTimeout);
+                            this.$filter.find('.multiselect-search').val('');
+                            $('li', this.$ul).show().removeClass("filter-hidden");
+                            this.updateSelectAll();
+                        }, this));
+                        this.$filter.find('.input-group').append(clearBtn);
+                    }
+                    
+                    this.$ul.prepend(this.$filter);
+
+                    this.$filter.val(this.query).on('click', function(event) {
+                        event.stopPropagation();
+                    }).on('input keydown', $.proxy(function(event) {
+                        // Cancel enter key default behaviour
+                        if (event.which === 13) {
+                          event.preventDefault();
+                        }
+                        
+                        // This is useful to catch "keydown" events after the browser has updated the control.
+                        clearTimeout(this.searchTimeout);
+
+                        this.searchTimeout = this.asyncFunction($.proxy(function() {
+
+                            if (this.query !== event.target.value) {
+                                this.query = event.target.value;
+
+                                var currentGroup, currentGroupVisible;
+                                $.each($('li', this.$ul), $.proxy(function(index, element) {
+                                    var value = $('input', element).val();
+                                    var text = $('label', element).text();
+
+                                    var filterCandidate = '';
+                                    if ((this.options.filterBehavior === 'text')) {
+                                        filterCandidate = text;
+                                    }
+                                    else if ((this.options.filterBehavior === 'value')) {
+                                        filterCandidate = value;
+                                    }
+                                    else if (this.options.filterBehavior === 'both') {
+                                        filterCandidate = text + '\n' + value;
+                                    }
+
+                                    if (value !== this.options.selectAllValue && text) {
+                                        // By default lets assume that element is not
+                                        // interesting for this search.
+                                        var showElement = false;
+
+                                        if (this.options.enableCaseInsensitiveFiltering && filterCandidate.toLowerCase().indexOf(this.query.toLowerCase()) > -1) {
+                                            showElement = true;
+                                        }
+                                        else if (filterCandidate.indexOf(this.query) > -1) {
+                                            showElement = true;
+                                        }
+
+                                        // Toggle current element (group or group item) according to showElement boolean.
+                                        $(element).toggle(showElement).toggleClass('filter-hidden', !showElement);
+                                        
+                                        // Differentiate groups and group items.
+                                        if ($(element).hasClass('multiselect-group')) {
+                                            // Remember group status.
+                                            currentGroup = element;
+                                            currentGroupVisible = showElement;
+                                        }
+                                        else {
+                                            // Show group name when at least one of its items is visible.
+                                            if (showElement) {
+                                                $(currentGroup).show().removeClass('filter-hidden');
+                                            }
+                                            
+                                            // Show all group items when group name satisfies filter.
+                                            if (!showElement && currentGroupVisible) {
+                                                $(element).show().removeClass('filter-hidden');
+                                            }
+                                        }
+                                    }
+                                }, this));
+                            }
+
+                            this.updateSelectAll();
+                        }, this), 300, this);
+                    }, this));
+                }
+            }
+        },
+
+        /**
+         * Unbinds the whole plugin.
+         */
+        destroy: function() {
+            this.$container.remove();
+            this.$select.show();
+            this.$select.data('multiselect', null);
+        },
+
+        /**
+         * Refreshs the multiselect based on the selected options of the select.
+         */
+        refresh: function() {
+            $('option', this.$select).each($.proxy(function(index, element) {
+                var $input = $('li input', this.$ul).filter(function() {
+                    return $(this).val() === $(element).val();
+                });
+
+                if ($(element).is(':selected')) {
+                    $input.prop('checked', true);
+
+                    if (this.options.selectedClass) {
+                        $input.closest('li')
+                            .addClass(this.options.selectedClass);
+                    }
+                }
+                else {
+                    $input.prop('checked', false);
+
+                    if (this.options.selectedClass) {
+                        $input.closest('li')
+                            .removeClass(this.options.selectedClass);
+                    }
+                }
+
+                if ($(element).is(":disabled")) {
+                    $input.attr('disabled', 'disabled')
+                        .prop('disabled', true)
+                        .closest('li')
+                        .addClass('disabled');
+                }
+                else {
+                    $input.prop('disabled', false)
+                        .closest('li')
+                        .removeClass('disabled');
+                }
+            }, this));
+
+            this.updateButtonText();
+            this.updateSelectAll();
+        },
+
+        /**
+         * Select all options of the given values.
+         * 
+         * If triggerOnChange is set to true, the on change event is triggered if
+         * and only if one value is passed.
+         * 
+         * @param {Array} selectValues
+         * @param {Boolean} triggerOnChange
+         */
+        select: function(selectValues, triggerOnChange) {
+            if(!$.isArray(selectValues)) {
+                selectValues = [selectValues];
+            }
+
+            for (var i = 0; i < selectValues.length; i++) {
+                var value = selectValues[i];
+
+                if (value === null || value === undefined) {
+                    continue;
+                }
+
+                var $option = this.getOptionByValue(value);
+                var $checkbox = this.getInputByValue(value);
+
+                if($option === undefined || $checkbox === undefined) {
+                    continue;
+                }
+                
+                if (!this.options.multiple) {
+                    this.deselectAll(false);
+                }
+                
+                if (this.options.selectedClass) {
+                    $checkbox.closest('li')
+                        .addClass(this.options.selectedClass);
+                }
+
+                $checkbox.prop('checked', true);
+                $option.prop('selected', true);
+            }
+
+            this.updateButtonText();
+            this.updateSelectAll();
+
+            if (triggerOnChange && selectValues.length === 1) {
+                this.options.onChange($option, true);
+            }
+        },
+
+        /**
+         * Clears all selected items.
+         */
+        clearSelection: function () {
+            this.deselectAll(false);
+            this.updateButtonText();
+            this.updateSelectAll();
+        },
+
+        /**
+         * Deselects all options of the given values.
+         * 
+         * If triggerOnChange is set to true, the on change event is triggered, if
+         * and only if one value is passed.
+         * 
+         * @param {Array} deselectValues
+         * @param {Boolean} triggerOnChange
+         */
+        deselect: function(deselectValues, triggerOnChange) {
+            if(!$.isArray(deselectValues)) {
+                deselectValues = [deselectValues];
+            }
+
+            for (var i = 0; i < deselectValues.length; i++) {
+                var value = deselectValues[i];
+
+                if (value === null || value === undefined) {
+                    continue;
+                }
+
+                var $option = this.getOptionByValue(value);
+                var $checkbox = this.getInputByValue(value);
+
+                if($option === undefined || $checkbox === undefined) {
+                    continue;
+                }
+
+                if (this.options.selectedClass) {
+                    $checkbox.closest('li')
+                        .removeClass(this.options.selectedClass);
+                }
+
+                $checkbox.prop('checked', false);
+                $option.prop('selected', false);
+            }
+
+            this.updateButtonText();
+            this.updateSelectAll();
+            
+            if (triggerOnChange && deselectValues.length === 1) {
+                this.options.onChange($option, false);
+            }
+        },
+        
+        /**
+         * Selects all enabled & visible options.
+         *
+         * If justVisible is true or not specified, only visible options are selected.
+         *
+         * @param {Boolean} justVisible
+         */
+        selectAll: function (justVisible) {
+            var justVisible = typeof justVisible === 'undefined' ? true : justVisible;
+            var allCheckboxes = $("li input[type='checkbox']:enabled", this.$ul);
+            var visibleCheckboxes = allCheckboxes.filter(":visible");
+            var allCheckboxesCount = allCheckboxes.length;
+            var visibleCheckboxesCount = visibleCheckboxes.length;
+            
+            if(justVisible) {
+                visibleCheckboxes.prop('checked', true);
+                $("li:not(.divider):not(.disabled)", this.$ul).filter(":visible").addClass(this.options.selectedClass);
+            }
+            else {
+                allCheckboxes.prop('checked', true);
+                $("li:not(.divider):not(.disabled)", this.$ul).addClass(this.options.selectedClass);
+            }
+                
+            if (allCheckboxesCount === visibleCheckboxesCount || justVisible === false) {
+                $("option:enabled", this.$select).prop('selected', true);
+            }
+            else {
+                var values = visibleCheckboxes.map(function() {
+                    return $(this).val();
+                }).get();
+                
+                $("option:enabled", this.$select).filter(function(index) {
+                    return $.inArray($(this).val(), values) !== -1;
+                }).prop('selected', true);
+            }
+        },
+
+        /**
+         * Deselects all options.
+         * 
+         * If justVisible is true or not specified, only visible options are deselected.
+         * 
+         * @param {Boolean} justVisible
+         */
+        deselectAll: function (justVisible) {
+            var justVisible = typeof justVisible === 'undefined' ? true : justVisible;
+            
+            if(justVisible) {              
+                var visibleCheckboxes = $("li input[type='checkbox']:enabled", this.$ul).filter(":visible");
+                visibleCheckboxes.prop('checked', false);
+                
+                var values = visibleCheckboxes.map(function() {
+                    return $(this).val();
+                }).get();
+                
+                $("option:enabled", this.$select).filter(function(index) {
+                    return $.inArray($(this).val(), values) !== -1;
+                }).prop('selected', false);
+                
+                if (this.options.selectedClass) {
+                    $("li:not(.divider):not(.disabled)", this.$ul).filter(":visible").removeClass(this.options.selectedClass);
+                }
+            }
+            else {
+                $("li input[type='checkbox']:enabled", this.$ul).prop('checked', false);
+                $("option:enabled", this.$select).prop('selected', false);
+                
+                if (this.options.selectedClass) {
+                    $("li:not(.divider):not(.disabled)", this.$ul).removeClass(this.options.selectedClass);
+                }
+            }
+        },
+
+        /**
+         * Rebuild the plugin.
+         * 
+         * Rebuilds the dropdown, the filter and the select all option.
+         */
+        rebuild: function() {
+            this.$ul.html('');
+
+            // Important to distinguish between radios and checkboxes.
+            this.options.multiple = this.$select.attr('multiple') === "multiple";
+
+            this.buildSelectAll();
+            this.buildDropdownOptions();
+            this.buildFilter();
+            
+            this.updateButtonText();
+            this.updateSelectAll();
+            
+            if (this.options.disableIfEmpty && $('option', this.$select).length <= 0) {
+                this.disable();
+            }
+            
+            if (this.options.dropRight) {
+                this.$ul.addClass('pull-right');
+            }
+        },
+
+        /**
+         * The provided data will be used to build the dropdown.
+         */
+        dataprovider: function(dataprovider) {
+            var optionDOM = "";
+            var groupCounter = 0;
+            var tags = $(''); // create empty jQuery array
+
+            $.each(dataprovider, function (index, option) {
+                var tag;
+                if ($.isArray(option.children)) { // create optiongroup tag
+                    groupCounter++;
+                    tag = $('<optgroup/>').attr({
+                        label: option.label || 'Group ' + groupCounter
+                    });
+                    forEach(option.children, function(subOption) { // add children option tags
+                        tag.append($('<option/>').attr({
+                            value: subOption.value,
+                            label: subOption.label || subOption.value,
+                            title: subOption.title,
+                            selected: !!subOption.selected
+                        }));
+                    });
+
+                    optionDOM += '</optgroup>';
+                }
+                else { // create option tag
+                    tag = $('<option/>').attr({
+                        value: option.value,
+                        label: option.label || option.value,
+                        title: option.title,
+                        selected: !!option.selected
+                    });
+                }
+
+                tags = tags.add(tag);
+            });
+            
+            this.$select.empty().append(tags);
+            this.rebuild();
+        },
+
+        /**
+         * Enable the multiselect.
+         */
+        enable: function() {
+            this.$select.prop('disabled', false);
+            this.$button.prop('disabled', false)
+                .removeClass('disabled');
+        },
+
+        /**
+         * Disable the multiselect.
+         */
+        disable: function() {
+            this.$select.prop('disabled', true);
+            this.$button.prop('disabled', true)
+                .addClass('disabled');
+        },
+
+        /**
+         * Set the options.
+         * 
+         * @param {Array} options
+         */
+        setOptions: function(options) {
+            this.options = this.mergeOptions(options);
+        },
+
+        /**
+         * Merges the given options with the default options.
+         * 
+         * @param {Array} options
+         * @returns {Array}
+         */
+        mergeOptions: function(options) {
+            return $.extend(true, {}, this.defaults, options);
+        },
+        
+        /**
+         * Checks whether a select all checkbox is present.
+         * 
+         * @returns {Boolean}
+         */
+        hasSelectAll: function() {
+            return $('li.' + this.options.selectAllValue, this.$ul).length > 0;
+        },
+        
+        /**
+         * Updates the select all checkbox based on the currently displayed and selected checkboxes.
+         */
+        updateSelectAll: function() {
+            if (this.hasSelectAll()) {
+                var allBoxes = $("li:not(.multiselect-item):not(.filter-hidden) input:enabled", this.$ul);
+                var allBoxesLength = allBoxes.length;
+                var checkedBoxesLength = allBoxes.filter(":checked").length;
+                var selectAllLi  = $("li." + this.options.selectAllValue, this.$ul);
+                var selectAllInput = selectAllLi.find("input");
+                
+                if (checkedBoxesLength > 0 && checkedBoxesLength === allBoxesLength) {
+                    selectAllInput.prop("checked", true);
+                    selectAllLi.addClass(this.options.selectedClass);
+                }
+                else {
+                    selectAllInput.prop("checked", false);
+                    selectAllLi.removeClass(this.options.selectedClass);
+                }
+            }
+        },
+        
+        /**
+         * Update the button text and its title based on the currently selected options.
+         */
+        updateButtonText: function() {
+            var options = this.getSelected();
+            
+            // First update the displayed button text.
+            $('.multiselect', this.$container).html(this.options.buttonText(options, this.$select));
+            
+            // Now update the title attribute of the button.
+            $('.multiselect', this.$container).attr('title', this.options.buttonTitle(options, this.$select));
+        },
+
+        /**
+         * Get all selected options.
+         * 
+         * @returns {jQUery}
+         */
+        getSelected: function() {
+            return $('option', this.$select).filter(":selected");
+        },
+
+        /**
+         * Gets a select option by its value.
+         * 
+         * @param {String} value
+         * @returns {jQuery}
+         */
+        getOptionByValue: function (value) {
+
+            var options = $('option', this.$select);
+            var valueToCompare = value.toString();
+
+            for (var i = 0; i < options.length; i = i + 1) {
+                var option = options[i];
+                if (option.value === valueToCompare) {
+                    return $(option);
+                }
+            }
+        },
+
+        /**
+         * Get the input (radio/checkbox) by its value.
+         * 
+         * @param {String} value
+         * @returns {jQuery}
+         */
+        getInputByValue: function (value) {
+
+            var checkboxes = $('li input', this.$ul);
+            var valueToCompare = value.toString();
+
+            for (var i = 0; i < checkboxes.length; i = i + 1) {
+                var checkbox = checkboxes[i];
+                if (checkbox.value === valueToCompare) {
+                    return $(checkbox);
+                }
+            }
+        },
+
+        /**
+         * Used for knockout integration.
+         */
+        updateOriginalOptions: function() {
+            this.originalOptions = this.$select.clone()[0].options;
+        },
+
+        asyncFunction: function(callback, timeout, self) {
+            var args = Array.prototype.slice.call(arguments, 3);
+            return setTimeout(function() {
+                callback.apply(self || window, args);
+            }, timeout);
+        }
+    };
+
+    $.fn.multiselect = function(option, parameter, extraOptions) {
+        return this.each(function() {
+            var data = $(this).data('multiselect');
+            var options = typeof option === 'object' && option;
+            
+            // Initialize the multiselect.
+            if (!data) {
+                data = new Multiselect(this, options);
+                $(this).data('multiselect', data);
+            }
+
+            // Call multiselect method.
+            if (typeof option === 'string') {
+                data[option](parameter, extraOptions);
+                
+                if (option === 'destroy') {
+                    $(this).data('multiselect', false);
+                }
+            }
+        });
+    };
+
+    $.fn.multiselect.Constructor = Multiselect;
+
+    $(function() {
+        $("select[data-role=multiselect]").multiselect();
+    });
+
+}(window.jQuery);
diff --git a/web/bootstrap-ace-admin/js/bootstrap-tag.js b/web/bootstrap-ace-admin/js/bootstrap-tag.js
new file mode 100755
index 00000000..663d19fb
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/bootstrap-tag.js
@@ -0,0 +1,206 @@
+/* ==========================================================
+ * bootstrap-tag.js v2.2.5
+ * https://github.com/fdeschenes/bootstrap-tag
+ * ==========================================================
+ * Copyright 2012 Francois Deschenes.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================== */
+
+!function ( $ ) {
+
+  'use strict' // jshint ;_;
+
+  var Tag = function ( element, options ) {
+    this.element = $(element)
+    this.options = $.extend(true, {}, $.fn.tag.defaults, options)
+    this.values = $.grep($.map(this.element.val().split(','), $.trim), function ( value ) { return value.length > 0 })
+    this.show()
+  }
+
+  Tag.prototype = {
+    constructor: Tag
+
+  , show: function () {
+      var that = this
+
+      that.element.parent().prepend(that.element.detach().hide())
+      that.element
+        .wrap($('<div class="tags">'))
+        .parent()
+        .on('click', function () {
+          that.input.focus()
+        })
+
+      if (that.values.length) {
+        $.each(that.values, function () {
+          that.createBadge(this)
+        })
+      }
+
+      that.input = $('<input type="text">')
+        .attr('placeholder', that.options.placeholder)
+        .insertAfter(that.element)
+        .on('focus', function () {
+          that.element.parent().addClass('tags-hover')
+        })
+        .on('blur', function () {
+          if (!that.skip) {
+            that.process()
+            that.element.parent().removeClass('tags-hover')
+            that.element.siblings('.tag').removeClass('tag-important')
+          }
+          that.skip = false
+        })
+        .on('keydown', function ( event ) {
+          if ( event.keyCode == 188 || event.keyCode == 13 || event.keyCode == 9 ) {
+            if ( $.trim($(this).val()) && ( !that.element.siblings('.typeahead').length || that.element.siblings('.typeahead').is(':hidden') ) ) {
+              if ( event.keyCode != 9 ) event.preventDefault()
+              that.process()
+            } else if ( event.keyCode == 188 ) {
+              if ( !that.element.siblings('.typeahead').length || that.element.siblings('.typeahead').is(':hidden') ) {
+                event.preventDefault()
+              } else {
+                that.input.data('typeahead').select()
+                event.stopPropagation()
+                event.preventDefault()
+              }
+            }
+          } else if ( !$.trim($(this).val()) && event.keyCode == 8 ) {
+            var count = that.element.siblings('.tag').length
+            if (count) {
+              var tag = that.element.siblings('.tag:eq(' + (count - 1) + ')')
+              if (tag.hasClass('tag-important')) that.remove(count - 1)
+              else tag.addClass('tag-important')
+            }
+          } else {
+            that.element.siblings('.tag').removeClass('tag-important')
+          }
+        })
+        .bs_typeahead({
+          source: that.options.source
+        , matcher: function ( value ) {
+            return ~value.toLowerCase().indexOf(this.query.toLowerCase()) && (that.inValues(value) == -1 || that.options.allowDuplicates)
+          }
+        , updater: $.proxy(that.add, that)
+        })
+
+      $(that.input.data('bs_typeahead').$menu).on('mousedown', function() {
+        that.skip = true
+      })
+
+      this.element.trigger('shown')
+    }
+  , inValues: function ( value ) {
+      if (this.options.caseInsensitive) {
+        var index = -1
+        $.each(this.values, function (indexInArray, valueOfElement) {
+          if ( valueOfElement.toLowerCase() == value.toLowerCase() ) {
+            index = indexInArray
+            return false
+          }
+        })
+        return index
+      } else {
+        return $.inArray(value, this.values)
+      }
+    }
+  , createBadge: function ( value ) {
+    var that = this
+
+      $('<span/>', {
+        'class' : "tag"
+      })
+      .text(value)
+      .append($('<button type="button" class="close">&times;</button>')
+        .on('click', function () {
+          that.remove(that.element.siblings('.tag').index($(this).closest('.tag')))
+        })
+      )
+      .insertBefore(that.element)
+  }
+  , add: function ( value ) {
+      var that = this
+
+      if ( !that.options.allowDuplicates ) {
+        var index = that.inValues(value)
+        if ( index != -1 ) {
+          var badge = that.element.siblings('.tag:eq(' + index + ')')
+          badge.addClass('tag-warning')
+          setTimeout(function () {
+            $(badge).removeClass('tag-warning')
+          }, 500)
+          return
+        }
+      }
+
+      this.values.push(value)
+      this.createBadge(value)
+
+      this.element.val(this.values.join(', '))
+      this.element.trigger('added', [value])
+    }
+  , remove: function ( index ) {
+      if ( index >= 0 ) {
+        var value = this.values.splice(index, 1)
+        this.element.siblings('.tag:eq(' + index + ')').remove()
+        this.element.val(this.values.join(', '))
+
+        this.element.trigger('removed', [value])
+      }
+    }
+  , process: function () {
+      var values = $.grep($.map(this.input.val().split(','), $.trim), function ( value ) { return value.length > 0 }),
+          that = this
+      $.each(values, function() {
+        that.add(this)
+      })
+      this.input.val('')
+    }
+  , skip: false
+  }
+
+  var old = $.fn.tag
+
+  $.fn.tag = function ( option ) {
+    return this.each(function () {
+      var that = $(this)
+        , data = that.data('tag')
+        , options = typeof option == 'object' && option
+      if (!data) that.data('tag', (data = new Tag(this, options)))
+      if (typeof option == 'string') data[option]()
+    })
+  }
+
+  $.fn.tag.defaults = {
+    allowDuplicates: false
+  , caseInsensitive: true
+  , placeholder: ''
+  , source: []
+  }
+
+  $.fn.tag.Constructor = Tag
+
+  $.fn.tag.noConflict = function () {
+    $.fn.tag = old
+    return this
+  }
+
+  $(window).on('load', function () {
+    $('[data-provide="tag"]').each(function () {
+      var that = $(this)
+      if (that.data('tag')) return
+      that.tag(that.data())
+    })
+  })
+}(window.jQuery);
diff --git a/web/bootstrap-ace-admin/js/bootstrap-wysiwyg.js b/web/bootstrap-ace-admin/js/bootstrap-wysiwyg.js
new file mode 100755
index 00000000..38c9b2f8
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/bootstrap-wysiwyg.js
@@ -0,0 +1,217 @@
+/* http://github.com/mindmup/bootstrap-wysiwyg */
+/*global jQuery, $, FileReader*/
+/*jslint browser:true*/
+(function ($) {
+	'use strict';
+	var readFileIntoDataUrl = function (fileInfo) {
+		var loader = $.Deferred(),
+			fReader = new FileReader();
+		fReader.onload = function (e) {
+			loader.resolve(e.target.result);
+		};
+		fReader.onerror = loader.reject;
+		fReader.onprogress = loader.notify;
+		fReader.readAsDataURL(fileInfo);
+		return loader.promise();
+	};
+	$.fn.cleanHtml = function () {
+		var html = $(this).html();
+		return html && html.replace(/(<br>|\s|<div><br><\/div>|&nbsp;)*$/, '');
+	};
+	$.fn.wysiwyg = function (userOptions) {
+		var editor = this,
+			selectedRange,
+			options,
+			toolbarBtnSelector,
+			updateToolbar = function () {
+				if (options.activeToolbarClass) {
+					$(options.toolbarSelector).find(toolbarBtnSelector).each(function () {
+						try {
+							var command = $(this).data(options.commandRole);
+							if (document.queryCommandState(command)) {
+								$(this).addClass(options.activeToolbarClass);
+							} else {
+								$(this).removeClass(options.activeToolbarClass);
+							}
+						} catch(e){}
+					});
+				}
+			},
+			execCommand = function (commandWithArgs, valueArg) {
+				var commandArr = commandWithArgs.split(' '),
+					command = commandArr.shift(),
+					args = commandArr.join(' ') + (valueArg || '');
+				document.execCommand(command, 0, args);
+				updateToolbar();
+			},
+			bindHotkeys = function (hotKeys) {
+				$.each(hotKeys, function (hotkey, command) {
+					editor.keydown(hotkey, function (e) {
+						if (editor.attr('contenteditable') && editor.is(':visible')) {
+							e.preventDefault();
+							e.stopPropagation();
+							execCommand(command);
+						}
+					}).keyup(hotkey, function (e) {
+						if (editor.attr('contenteditable') && editor.is(':visible')) {
+							e.preventDefault();
+							e.stopPropagation();
+						}
+					});
+				});
+			},
+			getCurrentRange = function () {
+				try {
+					var sel = window.getSelection();
+					if (sel.getRangeAt && sel.rangeCount) {
+						return sel.getRangeAt(0);
+					}
+				} catch(e){}
+			},
+			saveSelection = function () {
+				selectedRange = getCurrentRange();
+			},
+			restoreSelection = function () {
+				try {
+					var selection = window.getSelection();
+					if (selectedRange) {
+						try {
+							selection.removeAllRanges();
+						} catch (ex) {
+							document.body.createTextRange().select();
+							document.selection.empty();
+						}
+
+						selection.addRange(selectedRange);
+					}
+				} catch(e){}
+			},
+			insertFiles = function (files) {
+				editor.focus();
+				$.each(files, function (idx, fileInfo) {
+					if (/^image\//.test(fileInfo.type)) {
+						$.when(readFileIntoDataUrl(fileInfo)).done(function (dataUrl) {
+							execCommand('insertimage', dataUrl);
+						}).fail(function (e) {
+							options.fileUploadError("file-reader", e);
+						});
+					} else {
+						options.fileUploadError("unsupported-file-type", fileInfo.type);
+					}
+				});
+			},
+			markSelection = function (input, color) {
+				restoreSelection();
+				if (document.queryCommandSupported('hiliteColor')) {
+					document.execCommand('hiliteColor', 0, color || 'transparent');
+				}
+				saveSelection();
+				input.data(options.selectionMarker, color);
+			},
+			bindToolbar = function (toolbar, options) {
+				toolbar.find(toolbarBtnSelector).click(function () {
+					restoreSelection();
+					editor.focus();
+					execCommand($(this).data(options.commandRole));
+					saveSelection();
+				});
+				toolbar.find('[data-toggle=dropdown]').click(restoreSelection);
+
+				
+				//ACE
+				//ie 9-11
+				var is_ie = !!window.navigator.msPointerEnabled || (!!document.all && !!document.addEventListener);
+
+				toolbar.find('input[type=text][data-' + options.commandRole + ']').on('webkitspeechchange change', function () {
+					var newValue = this.value; /* ugly but prevents fake double-calls due to selection restoration */
+					this.value = '';
+					restoreSelection();
+					if (newValue) {
+						editor.focus();
+						execCommand($(this).data(options.commandRole), newValue);
+					}
+					saveSelection();
+				}).on('focus', function () {
+					//if IE return, not needed
+					if(is_ie) return;//ACE
+				
+					var input = $(this);
+					if (!input.data(options.selectionMarker)) {
+						markSelection(input, options.selectionColor);
+						input.focus();
+					}
+				}).on('blur', function () {
+					//if IE return, not needed
+					if(is_ie) return;//ACE
+					
+					var input = $(this);
+					if (input.data(options.selectionMarker)) {
+						markSelection(input, false);
+					}
+				});
+				toolbar.find('input[type=file][data-' + options.commandRole + ']').change(function () {
+					restoreSelection();
+					if (this.type === 'file' && this.files && this.files.length > 0) {
+						insertFiles(this.files);
+					}
+					saveSelection();
+					this.value = '';
+				});
+			},
+			initFileDrops = function () {
+				editor.on('dragenter dragover', false)
+					.on('drop', function (e) {
+						var dataTransfer = e.originalEvent.dataTransfer;
+						e.stopPropagation();
+						e.preventDefault();
+						if (dataTransfer && dataTransfer.files && dataTransfer.files.length > 0) {
+							insertFiles(dataTransfer.files);
+						}
+					});
+			};
+		options = $.extend({}, $.fn.wysiwyg.defaults, userOptions);
+		toolbarBtnSelector = 'a[data-' + options.commandRole + '],button[data-' + options.commandRole + '],input[type=button][data-' + options.commandRole + ']';
+		bindHotkeys(options.hotKeys);
+		if (options.dragAndDropImages) {
+			initFileDrops();
+		}
+		bindToolbar($(options.toolbarSelector), options);
+		editor.attr('contenteditable', true)
+			.on('mouseup keyup mouseout', function () {
+				saveSelection();
+				updateToolbar();
+			});
+		$(window).bind('touchend', function (e) {
+			var isInside = (editor.is(e.target) || editor.has(e.target).length > 0),
+				currentRange = getCurrentRange(),
+				clear = currentRange && (currentRange.startContainer === currentRange.endContainer && currentRange.startOffset === currentRange.endOffset);
+			if (!clear || isInside) {
+				saveSelection();
+				updateToolbar();
+			}
+		});
+		return this;
+	};
+	$.fn.wysiwyg.defaults = {
+		hotKeys: {
+			'ctrl+b meta+b': 'bold',
+			'ctrl+i meta+i': 'italic',
+			'ctrl+u meta+u': 'underline',
+			'ctrl+z meta+z': 'undo',
+			'ctrl+y meta+y meta+shift+z': 'redo',
+			'ctrl+l meta+l': 'justifyleft',
+			'ctrl+r meta+r': 'justifyright',
+			'ctrl+e meta+e': 'justifycenter',
+			'ctrl+j meta+j': 'justifyfull',
+			'shift+tab': 'outdent',
+			'tab': 'indent'
+		},
+		toolbarSelector: '[data-role=editor-toolbar]',
+		commandRole: 'edit',
+		activeToolbarClass: 'btn-info',
+		selectionMarker: 'edit-focus-marker',
+		selectionColor: 'darkgrey',
+		dragAndDropImages: true,
+		fileUploadError: function (reason, detail) { console.log("File upload error", reason, detail); }
+	};
+}(window.jQuery));
diff --git a/web/bootstrap-ace-admin/js/chosen.jquery.js b/web/bootstrap-ace-admin/js/chosen.jquery.js
new file mode 100755
index 00000000..3e76c61c
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/chosen.jquery.js
@@ -0,0 +1,1229 @@
+/*!
+Chosen, a Select Box Enhancer for jQuery and Prototype
+by Patrick Filler for Harvest, http://getharvest.com
+
+Version 1.2.0
+Full source at https://github.com/harvesthq/chosen
+Copyright (c) 2011-2014 Harvest http://getharvest.com
+
+MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
+This file is generated by `grunt build`, do not edit it by hand.
+*/
+
+(function() {
+  var $, AbstractChosen, Chosen, SelectParser, _ref,
+    __hasProp = {}.hasOwnProperty,
+    __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; };
+
+  SelectParser = (function() {
+    function SelectParser() {
+      this.options_index = 0;
+      this.parsed = [];
+    }
+
+    SelectParser.prototype.add_node = function(child) {
+      if (child.nodeName.toUpperCase() === "OPTGROUP") {
+        return this.add_group(child);
+      } else {
+        return this.add_option(child);
+      }
+    };
+
+    SelectParser.prototype.add_group = function(group) {
+      var group_position, option, _i, _len, _ref, _results;
+      group_position = this.parsed.length;
+      this.parsed.push({
+        array_index: group_position,
+        group: true,
+        label: this.escapeExpression(group.label),
+        children: 0,
+        disabled: group.disabled
+      });
+      _ref = group.childNodes;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        option = _ref[_i];
+        _results.push(this.add_option(option, group_position, group.disabled));
+      }
+      return _results;
+    };
+
+    SelectParser.prototype.add_option = function(option, group_position, group_disabled) {
+      if (option.nodeName.toUpperCase() === "OPTION") {
+        if (option.text !== "") {
+          if (group_position != null) {
+            this.parsed[group_position].children += 1;
+          }
+          this.parsed.push({
+            array_index: this.parsed.length,
+            options_index: this.options_index,
+            value: option.value,
+            text: option.text,
+            html: option.innerHTML,
+            selected: option.selected,
+            disabled: group_disabled === true ? group_disabled : option.disabled,
+            group_array_index: group_position,
+            classes: option.className,
+            style: option.style.cssText
+          });
+        } else {
+          this.parsed.push({
+            array_index: this.parsed.length,
+            options_index: this.options_index,
+            empty: true
+          });
+        }
+        return this.options_index += 1;
+      }
+    };
+
+    SelectParser.prototype.escapeExpression = function(text) {
+      var map, unsafe_chars;
+      if ((text == null) || text === false) {
+        return "";
+      }
+      if (!/[\&\<\>\"\'\`]/.test(text)) {
+        return text;
+      }
+      map = {
+        "<": "&lt;",
+        ">": "&gt;",
+        '"': "&quot;",
+        "'": "&#x27;",
+        "`": "&#x60;"
+      };
+      unsafe_chars = /&(?!\w+;)|[\<\>\"\'\`]/g;
+      return text.replace(unsafe_chars, function(chr) {
+        return map[chr] || "&amp;";
+      });
+    };
+
+    return SelectParser;
+
+  })();
+
+  SelectParser.select_to_array = function(select) {
+    var child, parser, _i, _len, _ref;
+    parser = new SelectParser();
+    _ref = select.childNodes;
+    for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+      child = _ref[_i];
+      parser.add_node(child);
+    }
+    return parser.parsed;
+  };
+
+  AbstractChosen = (function() {
+    function AbstractChosen(form_field, options) {
+      this.form_field = form_field;
+      this.options = options != null ? options : {};
+      if (!AbstractChosen.browser_is_supported()) {
+        return;
+      }
+      this.is_multiple = this.form_field.multiple;
+      this.set_default_text();
+      this.set_default_values();
+      this.setup();
+      this.set_up_html();
+      this.register_observers();
+    }
+
+    AbstractChosen.prototype.set_default_values = function() {
+      var _this = this;
+      this.click_test_action = function(evt) {
+        return _this.test_active_click(evt);
+      };
+      this.activate_action = function(evt) {
+        return _this.activate_field(evt);
+      };
+      this.active_field = false;
+      this.mouse_on_container = false;
+      this.results_showing = false;
+      this.result_highlighted = null;
+      this.allow_single_deselect = (this.options.allow_single_deselect != null) && (this.form_field.options[0] != null) && this.form_field.options[0].text === "" ? this.options.allow_single_deselect : false;
+      this.disable_search_threshold = this.options.disable_search_threshold || 0;
+      this.disable_search = this.options.disable_search || false;
+      this.enable_split_word_search = this.options.enable_split_word_search != null ? this.options.enable_split_word_search : true;
+      this.group_search = this.options.group_search != null ? this.options.group_search : true;
+      this.search_contains = this.options.search_contains || false;
+      this.single_backstroke_delete = this.options.single_backstroke_delete != null ? this.options.single_backstroke_delete : true;
+      this.max_selected_options = this.options.max_selected_options || Infinity;
+      this.inherit_select_classes = this.options.inherit_select_classes || false;
+      this.display_selected_options = this.options.display_selected_options != null ? this.options.display_selected_options : true;
+      return this.display_disabled_options = this.options.display_disabled_options != null ? this.options.display_disabled_options : true;
+    };
+
+    AbstractChosen.prototype.set_default_text = function() {
+      if (this.form_field.getAttribute("data-placeholder")) {
+        this.default_text = this.form_field.getAttribute("data-placeholder");
+      } else if (this.is_multiple) {
+        this.default_text = this.options.placeholder_text_multiple || this.options.placeholder_text || AbstractChosen.default_multiple_text;
+      } else {
+        this.default_text = this.options.placeholder_text_single || this.options.placeholder_text || AbstractChosen.default_single_text;
+      }
+      return this.results_none_found = this.form_field.getAttribute("data-no_results_text") || this.options.no_results_text || AbstractChosen.default_no_result_text;
+    };
+
+    AbstractChosen.prototype.mouse_enter = function() {
+      return this.mouse_on_container = true;
+    };
+
+    AbstractChosen.prototype.mouse_leave = function() {
+      return this.mouse_on_container = false;
+    };
+
+    AbstractChosen.prototype.input_focus = function(evt) {
+      var _this = this;
+      if (this.is_multiple) {
+        if (!this.active_field) {
+          return setTimeout((function() {
+            return _this.container_mousedown();
+          }), 50);
+        }
+      } else {
+        if (!this.active_field) {
+          return this.activate_field();
+        }
+      }
+    };
+
+    AbstractChosen.prototype.input_blur = function(evt) {
+      var _this = this;
+      if (!this.mouse_on_container) {
+        this.active_field = false;
+        return setTimeout((function() {
+          return _this.blur_test();
+        }), 100);
+      }
+    };
+
+    AbstractChosen.prototype.results_option_build = function(options) {
+      var content, data, _i, _len, _ref;
+      content = '';
+      _ref = this.results_data;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        data = _ref[_i];
+        if (data.group) {
+          content += this.result_add_group(data);
+        } else {
+          content += this.result_add_option(data);
+        }
+        if (options != null ? options.first : void 0) {
+          if (data.selected && this.is_multiple) {
+            this.choice_build(data);
+          } else if (data.selected && !this.is_multiple) {
+            this.single_set_selected_text(data.text);
+          }
+        }
+      }
+      return content;
+    };
+
+    AbstractChosen.prototype.result_add_option = function(option) {
+      var classes, option_el;
+      if (!option.search_match) {
+        return '';
+      }
+      if (!this.include_option_in_results(option)) {
+        return '';
+      }
+      classes = [];
+      if (!option.disabled && !(option.selected && this.is_multiple)) {
+        classes.push("active-result");
+      }
+      if (option.disabled && !(option.selected && this.is_multiple)) {
+        classes.push("disabled-result");
+      }
+      if (option.selected) {
+        classes.push("result-selected");
+      }
+      if (option.group_array_index != null) {
+        classes.push("group-option");
+      }
+      if (option.classes !== "") {
+        classes.push(option.classes);
+      }
+      option_el = document.createElement("li");
+      option_el.className = classes.join(" ");
+      option_el.style.cssText = option.style;
+      option_el.setAttribute("data-option-array-index", option.array_index);
+      option_el.innerHTML = option.search_text;
+      return this.outerHTML(option_el);
+    };
+
+    AbstractChosen.prototype.result_add_group = function(group) {
+      var group_el;
+      if (!(group.search_match || group.group_match)) {
+        return '';
+      }
+      if (!(group.active_options > 0)) {
+        return '';
+      }
+      group_el = document.createElement("li");
+      group_el.className = "group-result";
+      group_el.innerHTML = group.search_text;
+      return this.outerHTML(group_el);
+    };
+
+    AbstractChosen.prototype.results_update_field = function() {
+      this.set_default_text();
+      if (!this.is_multiple) {
+        this.results_reset_cleanup();
+      }
+      this.result_clear_highlight();
+      this.results_build();
+      if (this.results_showing) {
+        return this.winnow_results();
+      }
+    };
+
+    AbstractChosen.prototype.reset_single_select_options = function() {
+      var result, _i, _len, _ref, _results;
+      _ref = this.results_data;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        result = _ref[_i];
+        if (result.selected) {
+          _results.push(result.selected = false);
+        } else {
+          _results.push(void 0);
+        }
+      }
+      return _results;
+    };
+
+    AbstractChosen.prototype.results_toggle = function() {
+      if (this.results_showing) {
+        return this.results_hide();
+      } else {
+        return this.results_show();
+      }
+    };
+
+    AbstractChosen.prototype.results_search = function(evt) {
+      if (this.results_showing) {
+        return this.winnow_results();
+      } else {
+        return this.results_show();
+      }
+    };
+
+    AbstractChosen.prototype.winnow_results = function() {
+      var escapedSearchText, option, regex, results, results_group, searchText, startpos, text, zregex, _i, _len, _ref;
+      this.no_results_clear();
+      results = 0;
+      searchText = this.get_search_text();
+      escapedSearchText = searchText.replace(/[-[\]{}()*+?.,\\^$|#\s]/g, "\\$&");
+      zregex = new RegExp(escapedSearchText, 'i');
+      regex = this.get_search_regex(escapedSearchText);
+      _ref = this.results_data;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        option = _ref[_i];
+        option.search_match = false;
+        results_group = null;
+        if (this.include_option_in_results(option)) {
+          if (option.group) {
+            option.group_match = false;
+            option.active_options = 0;
+          }
+          if ((option.group_array_index != null) && this.results_data[option.group_array_index]) {
+            results_group = this.results_data[option.group_array_index];
+            if (results_group.active_options === 0 && results_group.search_match) {
+              results += 1;
+            }
+            results_group.active_options += 1;
+          }
+          if (!(option.group && !this.group_search)) {
+            option.search_text = option.group ? option.label : option.text;
+            option.search_match = this.search_string_match(option.search_text, regex);
+            if (option.search_match && !option.group) {
+              results += 1;
+            }
+            if (option.search_match) {
+              if (searchText.length) {
+                startpos = option.search_text.search(zregex);
+                text = option.search_text.substr(0, startpos + searchText.length) + '</em>' + option.search_text.substr(startpos + searchText.length);
+                option.search_text = text.substr(0, startpos) + '<em>' + text.substr(startpos);
+              }
+              if (results_group != null) {
+                results_group.group_match = true;
+              }
+            } else if ((option.group_array_index != null) && this.results_data[option.group_array_index].search_match) {
+              option.search_match = true;
+            }
+          }
+        }
+      }
+      this.result_clear_highlight();
+      if (results < 1 && searchText.length) {
+        this.update_results_content("");
+        return this.no_results(searchText);
+      } else {
+        this.update_results_content(this.results_option_build());
+        return this.winnow_results_set_highlight();
+      }
+    };
+
+    AbstractChosen.prototype.get_search_regex = function(escaped_search_string) {
+      var regex_anchor;
+      regex_anchor = this.search_contains ? "" : "^";
+      return new RegExp(regex_anchor + escaped_search_string, 'i');
+    };
+
+    AbstractChosen.prototype.search_string_match = function(search_string, regex) {
+      var part, parts, _i, _len;
+      if (regex.test(search_string)) {
+        return true;
+      } else if (this.enable_split_word_search && (search_string.indexOf(" ") >= 0 || search_string.indexOf("[") === 0)) {
+        parts = search_string.replace(/\[|\]/g, "").split(" ");
+        if (parts.length) {
+          for (_i = 0, _len = parts.length; _i < _len; _i++) {
+            part = parts[_i];
+            if (regex.test(part)) {
+              return true;
+            }
+          }
+        }
+      }
+    };
+
+    AbstractChosen.prototype.choices_count = function() {
+      var option, _i, _len, _ref;
+      if (this.selected_option_count != null) {
+        return this.selected_option_count;
+      }
+      this.selected_option_count = 0;
+      _ref = this.form_field.options;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        option = _ref[_i];
+        if (option.selected) {
+          this.selected_option_count += 1;
+        }
+      }
+      return this.selected_option_count;
+    };
+
+    AbstractChosen.prototype.choices_click = function(evt) {
+      evt.preventDefault();
+      if (!(this.results_showing || this.is_disabled)) {
+        return this.results_show();
+      }
+    };
+
+    AbstractChosen.prototype.keyup_checker = function(evt) {
+      var stroke, _ref;
+      stroke = (_ref = evt.which) != null ? _ref : evt.keyCode;
+      this.search_field_scale();
+      switch (stroke) {
+        case 8:
+          if (this.is_multiple && this.backstroke_length < 1 && this.choices_count() > 0) {
+            return this.keydown_backstroke();
+          } else if (!this.pending_backstroke) {
+            this.result_clear_highlight();
+            return this.results_search();
+          }
+          break;
+        case 13:
+          evt.preventDefault();
+          if (this.results_showing) {
+            return this.result_select(evt);
+          }
+          break;
+        case 27:
+          if (this.results_showing) {
+            this.results_hide();
+          }
+          return true;
+        case 9:
+        case 38:
+        case 40:
+        case 16:
+        case 91:
+        case 17:
+          break;
+        default:
+          return this.results_search();
+      }
+    };
+
+    AbstractChosen.prototype.clipboard_event_checker = function(evt) {
+      var _this = this;
+      return setTimeout((function() {
+        return _this.results_search();
+      }), 50);
+    };
+
+    AbstractChosen.prototype.container_width = function() {
+      if (this.options.width != null) {
+        return this.options.width;
+      } else {
+        return "" + this.form_field.offsetWidth + "px";
+      }
+    };
+
+    AbstractChosen.prototype.include_option_in_results = function(option) {
+      if (this.is_multiple && (!this.display_selected_options && option.selected)) {
+        return false;
+      }
+      if (!this.display_disabled_options && option.disabled) {
+        return false;
+      }
+      if (option.empty) {
+        return false;
+      }
+      return true;
+    };
+
+    AbstractChosen.prototype.search_results_touchstart = function(evt) {
+      this.touch_started = true;
+      return this.search_results_mouseover(evt);
+    };
+
+    AbstractChosen.prototype.search_results_touchmove = function(evt) {
+      this.touch_started = false;
+      return this.search_results_mouseout(evt);
+    };
+
+    AbstractChosen.prototype.search_results_touchend = function(evt) {
+      if (this.touch_started) {
+        return this.search_results_mouseup(evt);
+      }
+    };
+
+    AbstractChosen.prototype.outerHTML = function(element) {
+      var tmp;
+      if (element.outerHTML) {
+        return element.outerHTML;
+      }
+      tmp = document.createElement("div");
+      tmp.appendChild(element);
+      return tmp.innerHTML;
+    };
+
+    AbstractChosen.browser_is_supported = function() {
+      if (window.navigator.appName === "Microsoft Internet Explorer") {
+        return document.documentMode >= 8;
+      }
+      if (/iP(od|hone)/i.test(window.navigator.userAgent)) {
+        return false;
+      }
+      if (/Android/i.test(window.navigator.userAgent)) {
+        if (/Mobile/i.test(window.navigator.userAgent)) {
+          return false;
+        }
+      }
+      return true;
+    };
+
+    AbstractChosen.default_multiple_text = "Select Some Options";
+
+    AbstractChosen.default_single_text = "Select an Option";
+
+    AbstractChosen.default_no_result_text = "No results match";
+
+    return AbstractChosen;
+
+  })();
+
+  $ = jQuery;
+
+  $.fn.extend({
+    chosen: function(options) {
+      if (!AbstractChosen.browser_is_supported()) {
+        return this;
+      }
+      return this.each(function(input_field) {
+        var $this, chosen;
+        $this = $(this);
+        chosen = $this.data('chosen');
+        if (options === 'destroy' && chosen instanceof Chosen) {
+          chosen.destroy();
+        } else if (!(chosen instanceof Chosen)) {
+          $this.data('chosen', new Chosen(this, options));
+        }
+      });
+    }
+  });
+
+  Chosen = (function(_super) {
+    __extends(Chosen, _super);
+
+    function Chosen() {
+      _ref = Chosen.__super__.constructor.apply(this, arguments);
+      return _ref;
+    }
+
+    Chosen.prototype.setup = function() {
+      this.form_field_jq = $(this.form_field);
+      this.current_selectedIndex = this.form_field.selectedIndex;
+      return this.is_rtl = this.form_field_jq.hasClass("chosen-rtl");
+    };
+
+    Chosen.prototype.set_up_html = function() {
+      var container_classes, container_props;
+      container_classes = ["chosen-container"];
+      container_classes.push("chosen-container-" + (this.is_multiple ? "multi" : "single"));
+      if (this.inherit_select_classes && this.form_field.className) {
+        container_classes.push(this.form_field.className);
+      }
+      if (this.is_rtl) {
+        container_classes.push("chosen-rtl");
+      }
+      container_props = {
+        'class': container_classes.join(' '),
+        'style': "width: " + (this.container_width()) + ";",
+        'title': this.form_field.title
+      };
+      if (this.form_field.id.length) {
+        container_props.id = this.form_field.id.replace(/[^\w]/g, '_') + "_chosen";
+      }
+      this.container = $("<div />", container_props);
+      if (this.is_multiple) {
+        this.container.html('<ul class="chosen-choices"><li class="search-field"><input type="text" value="' + this.default_text + '" class="default" autocomplete="off" style="width:25px;" /></li></ul><div class="chosen-drop"><ul class="chosen-results"></ul></div>');
+      } else {
+        this.container.html('<a class="chosen-single chosen-default" tabindex="-1"><span>' + this.default_text + '</span><div><b></b></div></a><div class="chosen-drop"><div class="chosen-search"><input type="text" autocomplete="off" /></div><ul class="chosen-results"></ul></div>');
+      }
+      this.form_field_jq.hide().after(this.container);
+      this.dropdown = this.container.find('div.chosen-drop').first();
+      this.search_field = this.container.find('input').first();
+      this.search_results = this.container.find('ul.chosen-results').first();
+      this.search_field_scale();
+      this.search_no_results = this.container.find('li.no-results').first();
+      if (this.is_multiple) {
+        this.search_choices = this.container.find('ul.chosen-choices').first();
+        this.search_container = this.container.find('li.search-field').first();
+      } else {
+        this.search_container = this.container.find('div.chosen-search').first();
+        this.selected_item = this.container.find('.chosen-single').first();
+      }
+      this.results_build();
+      this.set_tab_index();
+      this.set_label_behavior();
+      return this.form_field_jq.trigger("chosen:ready", {
+        chosen: this
+      });
+    };
+
+    Chosen.prototype.register_observers = function() {
+      var _this = this;
+      this.container.bind('touchstart.chosen', function(evt) {
+        _this.container_mousedown(evt);
+      });
+      this.container.bind('touchend.chosen', function(evt) {
+        _this.container_mouseup(evt);
+      });
+      this.container.bind('mousedown.chosen', function(evt) {
+        _this.container_mousedown(evt);
+      });
+      this.container.bind('mouseup.chosen', function(evt) {
+        _this.container_mouseup(evt);
+      });
+      this.container.bind('mouseenter.chosen', function(evt) {
+        _this.mouse_enter(evt);
+      });
+      this.container.bind('mouseleave.chosen', function(evt) {
+        _this.mouse_leave(evt);
+      });
+      this.search_results.bind('mouseup.chosen', function(evt) {
+        _this.search_results_mouseup(evt);
+      });
+      this.search_results.bind('mouseover.chosen', function(evt) {
+        _this.search_results_mouseover(evt);
+      });
+      this.search_results.bind('mouseout.chosen', function(evt) {
+        _this.search_results_mouseout(evt);
+      });
+      this.search_results.bind('mousewheel.chosen DOMMouseScroll.chosen', function(evt) {
+        _this.search_results_mousewheel(evt);
+      });
+      this.search_results.bind('touchstart.chosen', function(evt) {
+        _this.search_results_touchstart(evt);
+      });
+      this.search_results.bind('touchmove.chosen', function(evt) {
+        _this.search_results_touchmove(evt);
+      });
+      this.search_results.bind('touchend.chosen', function(evt) {
+        _this.search_results_touchend(evt);
+      });
+      this.form_field_jq.bind("chosen:updated.chosen", function(evt) {
+        _this.results_update_field(evt);
+      });
+      this.form_field_jq.bind("chosen:activate.chosen", function(evt) {
+        _this.activate_field(evt);
+      });
+      this.form_field_jq.bind("chosen:open.chosen", function(evt) {
+        _this.container_mousedown(evt);
+      });
+      this.form_field_jq.bind("chosen:close.chosen", function(evt) {
+        _this.input_blur(evt);
+      });
+      this.search_field.bind('blur.chosen', function(evt) {
+        _this.input_blur(evt);
+      });
+      this.search_field.bind('keyup.chosen', function(evt) {
+        _this.keyup_checker(evt);
+      });
+      this.search_field.bind('keydown.chosen', function(evt) {
+        _this.keydown_checker(evt);
+      });
+      this.search_field.bind('focus.chosen', function(evt) {
+        _this.input_focus(evt);
+      });
+      this.search_field.bind('cut.chosen', function(evt) {
+        _this.clipboard_event_checker(evt);
+      });
+      this.search_field.bind('paste.chosen', function(evt) {
+        _this.clipboard_event_checker(evt);
+      });
+      if (this.is_multiple) {
+        return this.search_choices.bind('click.chosen', function(evt) {
+          _this.choices_click(evt);
+        });
+      } else {
+        return this.container.bind('click.chosen', function(evt) {
+          evt.preventDefault();
+        });
+      }
+    };
+
+    Chosen.prototype.destroy = function() {
+      $(this.container[0].ownerDocument).unbind("click.chosen", this.click_test_action);
+      if (this.search_field[0].tabIndex) {
+        this.form_field_jq[0].tabIndex = this.search_field[0].tabIndex;
+      }
+      this.container.remove();
+      this.form_field_jq.removeData('chosen');
+      return this.form_field_jq.show();
+    };
+
+    Chosen.prototype.search_field_disabled = function() {
+      this.is_disabled = this.form_field_jq[0].disabled;
+      if (this.is_disabled) {
+        this.container.addClass('chosen-disabled');
+        this.search_field[0].disabled = true;
+        if (!this.is_multiple) {
+          this.selected_item.unbind("focus.chosen", this.activate_action);
+        }
+        return this.close_field();
+      } else {
+        this.container.removeClass('chosen-disabled');
+        this.search_field[0].disabled = false;
+        if (!this.is_multiple) {
+          return this.selected_item.bind("focus.chosen", this.activate_action);
+        }
+      }
+    };
+
+    Chosen.prototype.container_mousedown = function(evt) {
+      if (!this.is_disabled) {
+        if (evt && evt.type === "mousedown" && !this.results_showing) {
+          evt.preventDefault();
+        }
+        if (!((evt != null) && ($(evt.target)).hasClass("search-choice-close"))) {
+          if (!this.active_field) {
+            if (this.is_multiple) {
+              this.search_field.val("");
+            }
+            $(this.container[0].ownerDocument).bind('click.chosen', this.click_test_action);
+            this.results_show();
+          } else if (!this.is_multiple && evt && (($(evt.target)[0] === this.selected_item[0]) || $(evt.target).parents("a.chosen-single").length)) {
+            evt.preventDefault();
+            this.results_toggle();
+          }
+          return this.activate_field();
+        }
+      }
+    };
+
+    Chosen.prototype.container_mouseup = function(evt) {
+      if (evt.target.nodeName === "ABBR" && !this.is_disabled) {
+        return this.results_reset(evt);
+      }
+    };
+
+    Chosen.prototype.search_results_mousewheel = function(evt) {
+      var delta;
+      if (evt.originalEvent) {
+        delta = evt.originalEvent.deltaY || -evt.originalEvent.wheelDelta || evt.originalEvent.detail;
+      }
+      if (delta != null) {
+        evt.preventDefault();
+        if (evt.type === 'DOMMouseScroll') {
+          delta = delta * 40;
+        }
+        return this.search_results.scrollTop(delta + this.search_results.scrollTop());
+      }
+    };
+
+    Chosen.prototype.blur_test = function(evt) {
+      if (!this.active_field && this.container.hasClass("chosen-container-active")) {
+        return this.close_field();
+      }
+    };
+
+    Chosen.prototype.close_field = function() {
+      $(this.container[0].ownerDocument).unbind("click.chosen", this.click_test_action);
+      this.active_field = false;
+      this.results_hide();
+      this.container.removeClass("chosen-container-active");
+      this.clear_backstroke();
+      this.show_search_field_default();
+      return this.search_field_scale();
+    };
+
+    Chosen.prototype.activate_field = function() {
+      this.container.addClass("chosen-container-active");
+      this.active_field = true;
+      this.search_field.val(this.search_field.val());
+      return this.search_field.focus();
+    };
+
+    Chosen.prototype.test_active_click = function(evt) {
+      var active_container;
+      active_container = $(evt.target).closest('.chosen-container');
+      if (active_container.length && this.container[0] === active_container[0]) {
+        return this.active_field = true;
+      } else {
+        return this.close_field();
+      }
+    };
+
+    Chosen.prototype.results_build = function() {
+      this.parsing = true;
+      this.selected_option_count = null;
+      this.results_data = SelectParser.select_to_array(this.form_field);
+      if (this.is_multiple) {
+        this.search_choices.find("li.search-choice").remove();
+      } else if (!this.is_multiple) {
+        this.single_set_selected_text();
+        if (this.disable_search || this.form_field.options.length <= this.disable_search_threshold) {
+          this.search_field[0].readOnly = true;
+          this.container.addClass("chosen-container-single-nosearch");
+        } else {
+          this.search_field[0].readOnly = false;
+          this.container.removeClass("chosen-container-single-nosearch");
+        }
+      }
+      this.update_results_content(this.results_option_build({
+        first: true
+      }));
+      this.search_field_disabled();
+      this.show_search_field_default();
+      this.search_field_scale();
+      return this.parsing = false;
+    };
+
+    Chosen.prototype.result_do_highlight = function(el) {
+      var high_bottom, high_top, maxHeight, visible_bottom, visible_top;
+      if (el.length) {
+        this.result_clear_highlight();
+        this.result_highlight = el;
+        this.result_highlight.addClass("highlighted");
+        maxHeight = parseInt(this.search_results.css("maxHeight"), 10);
+        visible_top = this.search_results.scrollTop();
+        visible_bottom = maxHeight + visible_top;
+        high_top = this.result_highlight.position().top + this.search_results.scrollTop();
+        high_bottom = high_top + this.result_highlight.outerHeight();
+        if (high_bottom >= visible_bottom) {
+          return this.search_results.scrollTop((high_bottom - maxHeight) > 0 ? high_bottom - maxHeight : 0);
+        } else if (high_top < visible_top) {
+          return this.search_results.scrollTop(high_top);
+        }
+      }
+    };
+
+    Chosen.prototype.result_clear_highlight = function() {
+      if (this.result_highlight) {
+        this.result_highlight.removeClass("highlighted");
+      }
+      return this.result_highlight = null;
+    };
+
+    Chosen.prototype.results_show = function() {
+      if (this.is_multiple && this.max_selected_options <= this.choices_count()) {
+        this.form_field_jq.trigger("chosen:maxselected", {
+          chosen: this
+        });
+        return false;
+      }
+      this.container.addClass("chosen-with-drop");
+      this.results_showing = true;
+      this.search_field.focus();
+      this.search_field.val(this.search_field.val());
+      this.winnow_results();
+      return this.form_field_jq.trigger("chosen:showing_dropdown", {
+        chosen: this
+      });
+    };
+
+    Chosen.prototype.update_results_content = function(content) {
+      return this.search_results.html(content);
+    };
+
+    Chosen.prototype.results_hide = function() {
+      if (this.results_showing) {
+        this.result_clear_highlight();
+        this.container.removeClass("chosen-with-drop");
+        this.form_field_jq.trigger("chosen:hiding_dropdown", {
+          chosen: this
+        });
+      }
+      return this.results_showing = false;
+    };
+
+    Chosen.prototype.set_tab_index = function(el) {
+      var ti;
+      if (this.form_field.tabIndex) {
+        ti = this.form_field.tabIndex;
+        this.form_field.tabIndex = -1;
+        return this.search_field[0].tabIndex = ti;
+      }
+    };
+
+    Chosen.prototype.set_label_behavior = function() {
+      var _this = this;
+      this.form_field_label = this.form_field_jq.parents("label");
+      if (!this.form_field_label.length && this.form_field.id.length) {
+        this.form_field_label = $("label[for='" + this.form_field.id + "']");
+      }
+      if (this.form_field_label.length > 0) {
+        return this.form_field_label.bind('click.chosen', function(evt) {
+          if (_this.is_multiple) {
+            return _this.container_mousedown(evt);
+          } else {
+            return _this.activate_field();
+          }
+        });
+      }
+    };
+
+    Chosen.prototype.show_search_field_default = function() {
+      if (this.is_multiple && this.choices_count() < 1 && !this.active_field) {
+        this.search_field.val(this.default_text);
+        return this.search_field.addClass("default");
+      } else {
+        this.search_field.val("");
+        return this.search_field.removeClass("default");
+      }
+    };
+
+    Chosen.prototype.search_results_mouseup = function(evt) {
+      var target;
+      target = $(evt.target).hasClass("active-result") ? $(evt.target) : $(evt.target).parents(".active-result").first();
+      if (target.length) {
+        this.result_highlight = target;
+        this.result_select(evt);
+        return this.search_field.focus();
+      }
+    };
+
+    Chosen.prototype.search_results_mouseover = function(evt) {
+      var target;
+      target = $(evt.target).hasClass("active-result") ? $(evt.target) : $(evt.target).parents(".active-result").first();
+      if (target) {
+        return this.result_do_highlight(target);
+      }
+    };
+
+    Chosen.prototype.search_results_mouseout = function(evt) {
+      if ($(evt.target).hasClass("active-result" || $(evt.target).parents('.active-result').first())) {
+        return this.result_clear_highlight();
+      }
+    };
+
+    Chosen.prototype.choice_build = function(item) {
+      var choice, close_link,
+        _this = this;
+      choice = $('<li />', {
+        "class": "search-choice"
+      }).html("<span>" + item.html + "</span>");
+      if (item.disabled) {
+        choice.addClass('search-choice-disabled');
+      } else {
+        close_link = $('<a />', {
+          "class": 'search-choice-close',
+          'data-option-array-index': item.array_index
+        });
+        close_link.bind('click.chosen', function(evt) {
+          return _this.choice_destroy_link_click(evt);
+        });
+        choice.append(close_link);
+      }
+      return this.search_container.before(choice);
+    };
+
+    Chosen.prototype.choice_destroy_link_click = function(evt) {
+      evt.preventDefault();
+      evt.stopPropagation();
+      if (!this.is_disabled) {
+        return this.choice_destroy($(evt.target));
+      }
+    };
+
+    Chosen.prototype.choice_destroy = function(link) {
+      if (this.result_deselect(link[0].getAttribute("data-option-array-index"))) {
+        this.show_search_field_default();
+        if (this.is_multiple && this.choices_count() > 0 && this.search_field.val().length < 1) {
+          this.results_hide();
+        }
+        link.parents('li').first().remove();
+        return this.search_field_scale();
+      }
+    };
+
+    Chosen.prototype.results_reset = function() {
+      this.reset_single_select_options();
+      this.form_field.options[0].selected = true;
+      this.single_set_selected_text();
+      this.show_search_field_default();
+      this.results_reset_cleanup();
+      this.form_field_jq.trigger("change");
+      if (this.active_field) {
+        return this.results_hide();
+      }
+    };
+
+    Chosen.prototype.results_reset_cleanup = function() {
+      this.current_selectedIndex = this.form_field.selectedIndex;
+      return this.selected_item.find("abbr").remove();
+    };
+
+    Chosen.prototype.result_select = function(evt) {
+      var high, item;
+      if (this.result_highlight) {
+        high = this.result_highlight;
+        this.result_clear_highlight();
+        if (this.is_multiple && this.max_selected_options <= this.choices_count()) {
+          this.form_field_jq.trigger("chosen:maxselected", {
+            chosen: this
+          });
+          return false;
+        }
+        if (this.is_multiple) {
+          high.removeClass("active-result");
+        } else {
+          this.reset_single_select_options();
+        }
+        item = this.results_data[high[0].getAttribute("data-option-array-index")];
+        item.selected = true;
+        this.form_field.options[item.options_index].selected = true;
+        this.selected_option_count = null;
+        if (this.is_multiple) {
+          this.choice_build(item);
+        } else {
+          this.single_set_selected_text(item.text);
+        }
+        if (!((evt.metaKey || evt.ctrlKey) && this.is_multiple)) {
+          this.results_hide();
+        }
+        this.search_field.val("");
+        if (this.is_multiple || this.form_field.selectedIndex !== this.current_selectedIndex) {
+          this.form_field_jq.trigger("change", {
+            'selected': this.form_field.options[item.options_index].value
+          });
+        }
+        this.current_selectedIndex = this.form_field.selectedIndex;
+        return this.search_field_scale();
+      }
+    };
+
+    Chosen.prototype.single_set_selected_text = function(text) {
+      if (text == null) {
+        text = this.default_text;
+      }
+      if (text === this.default_text) {
+        this.selected_item.addClass("chosen-default");
+      } else {
+        this.single_deselect_control_build();
+        this.selected_item.removeClass("chosen-default");
+      }
+      return this.selected_item.find("span").text(text);
+    };
+
+    Chosen.prototype.result_deselect = function(pos) {
+      var result_data;
+      result_data = this.results_data[pos];
+      if (!this.form_field.options[result_data.options_index].disabled) {
+        result_data.selected = false;
+        this.form_field.options[result_data.options_index].selected = false;
+        this.selected_option_count = null;
+        this.result_clear_highlight();
+        if (this.results_showing) {
+          this.winnow_results();
+        }
+        this.form_field_jq.trigger("change", {
+          deselected: this.form_field.options[result_data.options_index].value
+        });
+        this.search_field_scale();
+        return true;
+      } else {
+        return false;
+      }
+    };
+
+    Chosen.prototype.single_deselect_control_build = function() {
+      if (!this.allow_single_deselect) {
+        return;
+      }
+      if (!this.selected_item.find("abbr").length) {
+        this.selected_item.find("span").first().after("<abbr class=\"search-choice-close\"></abbr>");
+      }
+      return this.selected_item.addClass("chosen-single-with-deselect");
+    };
+
+    Chosen.prototype.get_search_text = function() {
+      if (this.search_field.val() === this.default_text) {
+        return "";
+      } else {
+        return $('<div/>').text($.trim(this.search_field.val())).html();
+      }
+    };
+
+    Chosen.prototype.winnow_results_set_highlight = function() {
+      var do_high, selected_results;
+      selected_results = !this.is_multiple ? this.search_results.find(".result-selected.active-result") : [];
+      do_high = selected_results.length ? selected_results.first() : this.search_results.find(".active-result").first();
+      if (do_high != null) {
+        return this.result_do_highlight(do_high);
+      }
+    };
+
+    Chosen.prototype.no_results = function(terms) {
+      var no_results_html;
+      no_results_html = $('<li class="no-results">' + this.results_none_found + ' "<span></span>"</li>');
+      no_results_html.find("span").first().html(terms);
+      this.search_results.append(no_results_html);
+      return this.form_field_jq.trigger("chosen:no_results", {
+        chosen: this
+      });
+    };
+
+    Chosen.prototype.no_results_clear = function() {
+      return this.search_results.find(".no-results").remove();
+    };
+
+    Chosen.prototype.keydown_arrow = function() {
+      var next_sib;
+      if (this.results_showing && this.result_highlight) {
+        next_sib = this.result_highlight.nextAll("li.active-result").first();
+        if (next_sib) {
+          return this.result_do_highlight(next_sib);
+        }
+      } else {
+        return this.results_show();
+      }
+    };
+
+    Chosen.prototype.keyup_arrow = function() {
+      var prev_sibs;
+      if (!this.results_showing && !this.is_multiple) {
+        return this.results_show();
+      } else if (this.result_highlight) {
+        prev_sibs = this.result_highlight.prevAll("li.active-result");
+        if (prev_sibs.length) {
+          return this.result_do_highlight(prev_sibs.first());
+        } else {
+          if (this.choices_count() > 0) {
+            this.results_hide();
+          }
+          return this.result_clear_highlight();
+        }
+      }
+    };
+
+    Chosen.prototype.keydown_backstroke = function() {
+      var next_available_destroy;
+      if (this.pending_backstroke) {
+        this.choice_destroy(this.pending_backstroke.find("a").first());
+        return this.clear_backstroke();
+      } else {
+        next_available_destroy = this.search_container.siblings("li.search-choice").last();
+        if (next_available_destroy.length && !next_available_destroy.hasClass("search-choice-disabled")) {
+          this.pending_backstroke = next_available_destroy;
+          if (this.single_backstroke_delete) {
+            return this.keydown_backstroke();
+          } else {
+            return this.pending_backstroke.addClass("search-choice-focus");
+          }
+        }
+      }
+    };
+
+    Chosen.prototype.clear_backstroke = function() {
+      if (this.pending_backstroke) {
+        this.pending_backstroke.removeClass("search-choice-focus");
+      }
+      return this.pending_backstroke = null;
+    };
+
+    Chosen.prototype.keydown_checker = function(evt) {
+      var stroke, _ref1;
+      stroke = (_ref1 = evt.which) != null ? _ref1 : evt.keyCode;
+      this.search_field_scale();
+      if (stroke !== 8 && this.pending_backstroke) {
+        this.clear_backstroke();
+      }
+      switch (stroke) {
+        case 8:
+          this.backstroke_length = this.search_field.val().length;
+          break;
+        case 9:
+          if (this.results_showing && !this.is_multiple) {
+            this.result_select(evt);
+          }
+          this.mouse_on_container = false;
+          break;
+        case 13:
+          if (this.results_showing) {
+            evt.preventDefault();
+          }
+          break;
+        case 32:
+          if (this.disable_search) {
+            evt.preventDefault();
+          }
+          break;
+        case 38:
+          evt.preventDefault();
+          this.keyup_arrow();
+          break;
+        case 40:
+          evt.preventDefault();
+          this.keydown_arrow();
+          break;
+      }
+    };
+
+    Chosen.prototype.search_field_scale = function() {
+      var div, f_width, h, style, style_block, styles, w, _i, _len;
+      if (this.is_multiple) {
+        h = 0;
+        w = 0;
+        style_block = "position:absolute; left: -1000px; top: -1000px; display:none;";
+        styles = ['font-size', 'font-style', 'font-weight', 'font-family', 'line-height', 'text-transform', 'letter-spacing'];
+        for (_i = 0, _len = styles.length; _i < _len; _i++) {
+          style = styles[_i];
+          style_block += style + ":" + this.search_field.css(style) + ";";
+        }
+        div = $('<div />', {
+          'style': style_block
+        });
+        div.text(this.search_field.val());
+        $('body').append(div);
+        w = div.width() + 25;
+        div.remove();
+        f_width = this.container.outerWidth();
+        if (w > f_width - 10) {
+          w = f_width - 10;
+        }
+        return this.search_field.css({
+          'width': w + 'px'
+        });
+      }
+    };
+
+    return Chosen;
+
+  })(AbstractChosen);
+
+}).call(this);
diff --git a/web/bootstrap-ace-admin/js/dataTables/extensions/ColVis/js/dataTables.colVis.js b/web/bootstrap-ace-admin/js/dataTables/extensions/ColVis/js/dataTables.colVis.js
new file mode 100755
index 00000000..331de3ff
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/dataTables/extensions/ColVis/js/dataTables.colVis.js
@@ -0,0 +1,1107 @@
+/*! ColVis 1.1.1
+ * ©2010-2014 SpryMedia Ltd - datatables.net/license
+ */
+
+/**
+ * @summary     ColVis
+ * @description Controls for column visibility in DataTables
+ * @version     1.1.1
+ * @file        dataTables.colReorder.js
+ * @author      SpryMedia Ltd (www.sprymedia.co.uk)
+ * @contact     www.sprymedia.co.uk/contact
+ * @copyright   Copyright 2010-2014 SpryMedia Ltd.
+ *
+ * This source file is free software, available under the following license:
+ *   MIT license - http://datatables.net/license/mit
+ *
+ * This source file is distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
+ * or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details.
+ *
+ * For details please refer to: http://www.datatables.net
+ */
+
+(function(window, document, undefined) {
+
+
+var factory = function( $, DataTable ) {
+"use strict";
+
+/**
+ * ColVis provides column visibility control for DataTables
+ *
+ * @class ColVis
+ * @constructor
+ * @param {object} DataTables settings object. With DataTables 1.10 this can
+ *   also be and API instance, table node, jQuery collection or jQuery selector.
+ * @param {object} ColVis configuration options
+ */
+var ColVis = function( oDTSettings, oInit )
+{
+	/* Santiy check that we are a new instance */
+	if ( !this.CLASS || this.CLASS != "ColVis" )
+	{
+		alert( "Warning: ColVis must be initialised with the keyword 'new'" );
+	}
+
+	if ( typeof oInit == 'undefined' )
+	{
+		oInit = {};
+	}
+
+	if ( $.fn.dataTable.camelToHungarian ) {
+		$.fn.dataTable.camelToHungarian( ColVis.defaults, oInit );
+	}
+
+
+	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+	 * Public class variables
+	 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+	/**
+	 * @namespace Settings object which contains customisable information for
+	 *     ColVis instance. Augmented by ColVis.defaults
+	 */
+	this.s = {
+		/**
+		 * DataTables settings object
+		 *  @property dt
+		 *  @type     Object
+		 *  @default  null
+		 */
+		"dt": null,
+
+		/**
+		 * Customisation object
+		 *  @property oInit
+		 *  @type     Object
+		 *  @default  passed in
+		 */
+		"oInit": oInit,
+
+		/**
+		 * Flag to say if the collection is hidden
+		 *  @property hidden
+		 *  @type     boolean
+		 *  @default  true
+		 */
+		"hidden": true,
+
+		/**
+		 * Store the original visibility settings so they could be restored
+		 *  @property abOriginal
+		 *  @type     Array
+		 *  @default  []
+		 */
+		"abOriginal": []
+	};
+
+
+	/**
+	 * @namespace Common and useful DOM elements for the class instance
+	 */
+	this.dom = {
+		/**
+		 * Wrapper for the button - given back to DataTables as the node to insert
+		 *  @property wrapper
+		 *  @type     Node
+		 *  @default  null
+		 */
+		"wrapper": null,
+
+		/**
+		 * Activation button
+		 *  @property button
+		 *  @type     Node
+		 *  @default  null
+		 */
+		"button": null,
+
+		/**
+		 * Collection list node
+		 *  @property collection
+		 *  @type     Node
+		 *  @default  null
+		 */
+		"collection": null,
+
+		/**
+		 * Background node used for shading the display and event capturing
+		 *  @property background
+		 *  @type     Node
+		 *  @default  null
+		 */
+		"background": null,
+
+		/**
+		 * Element to position over the activation button to catch mouse events when using mouseover
+		 *  @property catcher
+		 *  @type     Node
+		 *  @default  null
+		 */
+		"catcher": null,
+
+		/**
+		 * List of button elements
+		 *  @property buttons
+		 *  @type     Array
+		 *  @default  []
+		 */
+		"buttons": [],
+
+		/**
+		 * List of group button elements
+		 *  @property groupButtons
+		 *  @type     Array
+		 *  @default  []
+		 */
+		"groupButtons": [],
+
+		/**
+		 * Restore button
+		 *  @property restore
+		 *  @type     Node
+		 *  @default  null
+		 */
+		"restore": null
+	};
+
+	/* Store global reference */
+	ColVis.aInstances.push( this );
+
+	/* Constructor logic */
+	this.s.dt = $.fn.dataTable.Api ?
+		new $.fn.dataTable.Api( oDTSettings ).settings()[0] :
+		oDTSettings;
+
+	this._fnConstruct( oInit );
+	return this;
+};
+
+
+
+ColVis.prototype = {
+	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+	 * Public methods
+	 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+	/**
+	 * Get the ColVis instance's control button so it can be injected into the
+	 * DOM
+	 *  @method  button
+	 *  @returns {node} ColVis button
+	 */
+	button: function ()
+	{
+		return this.dom.wrapper;
+	},
+
+	/**
+	 * Alias of `rebuild` for backwards compatibility
+	 *  @method  fnRebuild
+	 */
+	"fnRebuild": function ()
+	{
+		this.rebuild();
+	},
+
+	/**
+	 * Rebuild the list of buttons for this instance (i.e. if there is a column
+	 * header update)
+	 *  @method  fnRebuild
+	 */
+	rebuild: function ()
+	{
+		/* Remove the old buttons */
+		for ( var i=this.dom.buttons.length-1 ; i>=0 ; i-- ) {
+			this.dom.collection.removeChild( this.dom.buttons[i] );
+		}
+		this.dom.buttons.splice( 0, this.dom.buttons.length );
+
+		if ( this.dom.restore ) {
+			this.dom.restore.parentNode( this.dom.restore );
+		}
+
+		/* Re-add them (this is not the optimal way of doing this, it is fast and effective) */
+		this._fnAddGroups();
+		this._fnAddButtons();
+
+		/* Update the checkboxes */
+		this._fnDrawCallback();
+	},
+
+
+	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+	 * Private methods (they are of course public in JS, but recommended as private)
+	 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+	/**
+	 * Constructor logic
+	 *  @method  _fnConstruct
+	 *  @returns void
+	 *  @private
+	 */
+	"_fnConstruct": function ( init )
+	{
+		this._fnApplyCustomisation( init );
+
+		var that = this;
+		var i, iLen;
+		this.dom.wrapper = document.createElement('div');
+		this.dom.wrapper.className = "ColVis";
+
+		this.dom.button = $( '<button />', {
+				'class': !this.s.dt.bJUI ?
+					"ColVis_Button ColVis_MasterButton" :
+					"ColVis_Button ColVis_MasterButton ui-button ui-state-default"
+			} )
+			.append( '<span>'+this.s.buttonText+'</span>' )
+			.bind( this.s.activate=="mouseover" ? "mouseover" : "click", function (e) {
+				e.preventDefault();
+				that._fnCollectionShow();
+			} )
+			.appendTo( this.dom.wrapper )[0];
+
+		this.dom.catcher = this._fnDomCatcher();
+		this.dom.collection = this._fnDomCollection();
+		this.dom.background = this._fnDomBackground();
+
+		this._fnAddGroups();
+		this._fnAddButtons();
+
+		/* Store the original visibility information */
+		for ( i=0, iLen=this.s.dt.aoColumns.length ; i<iLen ; i++ )
+		{
+			this.s.abOriginal.push( this.s.dt.aoColumns[i].bVisible );
+		}
+
+		/* Update on each draw */
+		this.s.dt.aoDrawCallback.push( {
+			"fn": function () {
+				that._fnDrawCallback.call( that );
+			},
+			"sName": "ColVis"
+		} );
+
+		/* If columns are reordered, then we need to update our exclude list and
+		 * rebuild the displayed list
+		 */
+		$(this.s.dt.oInstance).bind( 'column-reorder', function ( e, oSettings, oReorder ) {
+			for ( i=0, iLen=that.s.aiExclude.length ; i<iLen ; i++ ) {
+				that.s.aiExclude[i] = oReorder.aiInvertMapping[ that.s.aiExclude[i] ];
+			}
+
+			var mStore = that.s.abOriginal.splice( oReorder.iFrom, 1 )[0];
+			that.s.abOriginal.splice( oReorder.iTo, 0, mStore );
+
+			that.fnRebuild();
+		} );
+
+		// Set the initial state
+		this._fnDrawCallback();
+	},
+
+
+	/**
+	 * Apply any customisation to the settings from the DataTables initialisation
+	 *  @method  _fnApplyCustomisation
+	 *  @returns void
+	 *  @private
+	 */
+	"_fnApplyCustomisation": function ( init )
+	{
+		$.extend( true, this.s, ColVis.defaults, init );
+
+		// Slightly messy overlap for the camelCase notation
+		if ( ! this.s.showAll && this.s.bShowAll ) {
+			this.s.showAll = this.s.sShowAll;
+		}
+
+		if ( ! this.s.restore && this.s.bRestore ) {
+			this.s.restore = this.s.sRestore;
+		}
+
+		// CamelCase to Hungarian for the column groups 
+		var groups = this.s.groups;
+		var hungarianGroups = this.s.aoGroups;
+		if ( groups ) {
+			for ( var i=0, ien=groups.length ; i<ien ; i++ ) {
+				if ( groups[i].title ) {
+					hungarianGroups[i].sTitle = groups[i].title;
+				}
+				if ( groups[i].columns ) {
+					hungarianGroups[i].aiColumns = groups[i].columns;
+				}
+			}
+		}
+	},
+
+
+	/**
+	 * On each table draw, check the visibility checkboxes as needed. This allows any process to
+	 * update the table's column visibility and ColVis will still be accurate.
+	 *  @method  _fnDrawCallback
+	 *  @returns void
+	 *  @private
+	 */
+	"_fnDrawCallback": function ()
+	{
+		var columns = this.s.dt.aoColumns;
+		var buttons = this.dom.buttons;
+		var groups = this.s.aoGroups;
+		var button;
+
+		for ( var i=0, ien=buttons.length ; i<ien ; i++ ) {
+			button = buttons[i];
+
+			if ( button.__columnIdx !== undefined ) {
+				$('input', button).prop( 'checked', columns[ button.__columnIdx ].bVisible );
+			}
+		}
+
+		var allVisible = function ( columnIndeces ) {
+			for ( var k=0, kLen=columnIndeces.length ; k<kLen ; k++ )
+			{
+				if (  columns[columnIndeces[k]].bVisible === false ) { return false; }
+			}
+			return true;
+		};
+		var allHidden = function ( columnIndeces ) {
+			for ( var m=0 , mLen=columnIndeces.length ; m<mLen ; m++ )
+			{
+				if ( columns[columnIndeces[m]].bVisible === true ) { return false; }
+			}
+			return true;
+		};
+
+		for ( var j=0, jLen=groups.length ; j<jLen ; j++ )
+		{
+			if ( allVisible(groups[j].aiColumns) )
+			{
+				$('input', this.dom.groupButtons[j]).prop('checked', true);
+				$('input', this.dom.groupButtons[j]).prop('indeterminate', false);
+			}
+			else if ( allHidden(groups[j].aiColumns) )
+			{
+				$('input', this.dom.groupButtons[j]).prop('checked', false);
+				$('input', this.dom.groupButtons[j]).prop('indeterminate', false);
+			}
+			else
+			{
+				$('input', this.dom.groupButtons[j]).prop('indeterminate', true);
+			}
+		}
+	},
+
+
+	/**
+	 * Loop through the groups (provided in the settings) and create a button for each.
+	 *  @method  _fnAddgroups
+	 *  @returns void
+	 *  @private
+	 */
+	"_fnAddGroups": function ()
+	{
+		var nButton;
+
+		if ( typeof this.s.aoGroups != 'undefined' )
+		{
+			for ( var i=0, iLen=this.s.aoGroups.length ; i<iLen ; i++ )
+			{
+				nButton = this._fnDomGroupButton( i );
+				this.dom.groupButtons.push( nButton );
+				this.dom.buttons.push( nButton );
+				this.dom.collection.appendChild( nButton );
+			}
+		}
+	},
+
+
+	/**
+	 * Loop through the columns in the table and as a new button for each one.
+	 *  @method  _fnAddButtons
+	 *  @returns void
+	 *  @private
+	 */
+	"_fnAddButtons": function ()
+	{
+		var
+			nButton,
+			columns = this.s.dt.aoColumns;
+
+		if ( $.inArray( 'all', this.s.aiExclude ) === -1 ) {
+			for ( var i=0, iLen=columns.length ; i<iLen ; i++ )
+			{
+				if ( $.inArray( i, this.s.aiExclude ) === -1 )
+				{
+					nButton = this._fnDomColumnButton( i );
+					nButton.__columnIdx = i;
+					this.dom.buttons.push( nButton );
+				}
+			}
+		}
+
+		if ( this.s.order === 'alpha' ) {
+			this.dom.buttons.sort( function ( a, b ) {
+				var titleA = columns[ a.__columnIdx ].sTitle;
+				var titleB = columns[ b.__columnIdx ].sTitle;
+
+				return titleA === titleB ?
+					0 :
+					titleA < titleB ?
+						-1 :
+						1;
+			} );
+		}
+
+		if ( this.s.restore )
+		{
+			nButton = this._fnDomRestoreButton();
+			nButton.className += " ColVis_Restore";
+			this.dom.buttons.push( nButton );
+		}
+
+		if ( this.s.showAll )
+		{
+			nButton = this._fnDomShowXButton( this.s.showAll, true );
+			nButton.className += " ColVis_ShowAll";
+			this.dom.buttons.push( nButton );
+		}
+
+		if ( this.s.showNone )
+		{
+			nButton = this._fnDomShowXButton( this.s.showNone, false );
+			nButton.className += " ColVis_ShowNone";
+			this.dom.buttons.push( nButton );
+		}
+
+		$(this.dom.collection).append( this.dom.buttons );
+	},
+
+
+	/**
+	 * Create a button which allows a "restore" action
+	 *  @method  _fnDomRestoreButton
+	 *  @returns {Node} Created button
+	 *  @private
+	 */
+	"_fnDomRestoreButton": function ()
+	{
+		var
+			that = this,
+			dt = this.s.dt;
+
+		return $(
+				'<li class="ColVis_Special '+(dt.bJUI ? 'ui-button ui-state-default' : '')+'">'+
+					this.s.restore+
+				'</li>'
+			)
+			.click( function (e) {
+				for ( var i=0, iLen=that.s.abOriginal.length ; i<iLen ; i++ )
+				{
+					that.s.dt.oInstance.fnSetColumnVis( i, that.s.abOriginal[i], false );
+				}
+				that._fnAdjustOpenRows();
+				that.s.dt.oInstance.fnAdjustColumnSizing( false );
+				that.s.dt.oInstance.fnDraw( false );
+			} )[0];
+	},
+
+
+	/**
+	 * Create a button which allows show all and show node actions
+	 *  @method  _fnDomShowXButton
+	 *  @returns {Node} Created button
+	 *  @private
+	 */
+	"_fnDomShowXButton": function ( str, action )
+	{
+		var
+			that = this,
+			dt = this.s.dt;
+
+		return $(
+				'<li class="ColVis_Special '+(dt.bJUI ? 'ui-button ui-state-default' : '')+'">'+
+					str+
+				'</li>'
+			)
+			.click( function (e) {
+				for ( var i=0, iLen=that.s.abOriginal.length ; i<iLen ; i++ )
+				{
+					if (that.s.aiExclude.indexOf(i) === -1)
+					{
+						that.s.dt.oInstance.fnSetColumnVis( i, action, false );
+					}
+				}
+				that._fnAdjustOpenRows();
+				that.s.dt.oInstance.fnAdjustColumnSizing( false );
+				that.s.dt.oInstance.fnDraw( false );
+			} )[0];
+	},
+
+
+	/**
+	 * Create the DOM for a show / hide group button
+	 *  @method  _fnDomGroupButton
+	 *  @param {int} i Group in question, order based on that provided in settings
+	 *  @returns {Node} Created button
+	 *  @private
+	 */
+	"_fnDomGroupButton": function ( i )
+	{
+		var
+			that = this,
+			dt = this.s.dt,
+			oGroup = this.s.aoGroups[i];
+
+		return $(
+				'<li class="ColVis_Special '+(dt.bJUI ? 'ui-button ui-state-default' : '')+'">'+
+					'<label>'+
+						'<input type="checkbox" />'+
+						'<span>'+oGroup.sTitle+'</span>'+
+					'</label>'+
+				'</li>'
+			)
+			.click( function (e) {
+				var showHide = !$('input', this).is(":checked");
+				if (  e.target.nodeName.toLowerCase() !== "li" )
+				{
+					showHide = ! showHide;
+				}
+
+				for ( var j=0 ; j < oGroup.aiColumns.length ; j++ )
+				{
+					that.s.dt.oInstance.fnSetColumnVis( oGroup.aiColumns[j], showHide );
+				}
+			} )[0];
+	},
+
+
+	/**
+	 * Create the DOM for a show / hide button
+	 *  @method  _fnDomColumnButton
+	 *  @param {int} i Column in question
+	 *  @returns {Node} Created button
+	 *  @private
+	 */
+	"_fnDomColumnButton": function ( i )
+	{
+		var
+			that = this,
+			column = this.s.dt.aoColumns[i],
+			dt = this.s.dt;
+
+		var title = this.s.fnLabel===null ?
+			column.sTitle :
+			this.s.fnLabel( i, column.sTitle, column.nTh );
+
+		return $(
+				'<li '+(dt.bJUI ? 'class="ui-button ui-state-default"' : '')+'>'+
+					'<label>'+
+						'<input type="checkbox" />'+
+						'<span>'+title+'</span>'+
+					'</label>'+
+				'</li>'
+			)
+			.click( function (e) {
+				var showHide = !$('input', this).is(":checked");
+				if (  e.target.nodeName.toLowerCase() !== "li" )
+				{
+					showHide = ! showHide;
+				}
+
+				/* Need to consider the case where the initialiser created more than one table - change the
+				 * API index that DataTables is using
+				 */
+				var oldIndex = $.fn.dataTableExt.iApiIndex;
+				$.fn.dataTableExt.iApiIndex = that._fnDataTablesApiIndex.call(that);
+
+				// Optimisation for server-side processing when scrolling - don't do a full redraw
+				if ( dt.oFeatures.bServerSide )
+				{
+					that.s.dt.oInstance.fnSetColumnVis( i, showHide, false );
+					that.s.dt.oInstance.fnAdjustColumnSizing( false );
+					if (dt.oScroll.sX !== "" || dt.oScroll.sY !== "" )
+					{
+						that.s.dt.oInstance.oApi._fnScrollDraw( that.s.dt );
+					}
+					that._fnDrawCallback();
+				}
+				else
+				{
+					that.s.dt.oInstance.fnSetColumnVis( i, showHide );
+				}
+
+				$.fn.dataTableExt.iApiIndex = oldIndex; /* Restore */
+
+				if ( e.target.nodeName.toLowerCase() === 'input' && that.s.fnStateChange !== null )
+				{
+					that.s.fnStateChange.call( that, i, showHide );
+				}
+			} )[0];
+	},
+
+
+	/**
+	 * Get the position in the DataTables instance array of the table for this
+	 * instance of ColVis
+	 *  @method  _fnDataTablesApiIndex
+	 *  @returns {int} Index
+	 *  @private
+	 */
+	"_fnDataTablesApiIndex": function ()
+	{
+		for ( var i=0, iLen=this.s.dt.oInstance.length ; i<iLen ; i++ )
+		{
+			if ( this.s.dt.oInstance[i] == this.s.dt.nTable )
+			{
+				return i;
+			}
+		}
+		return 0;
+	},
+
+
+	/**
+	 * Create the element used to contain list the columns (it is shown and
+	 * hidden as needed)
+	 *  @method  _fnDomCollection
+	 *  @returns {Node} div container for the collection
+	 *  @private
+	 */
+	"_fnDomCollection": function ()
+	{
+		return $('<ul />', {
+				'class': !this.s.dt.bJUI ?
+					"ColVis_collection" :
+					"ColVis_collection ui-buttonset ui-buttonset-multi"
+			} )
+		.css( {
+			'display': 'none',
+			'opacity': 0,
+			'position': ! this.s.bCssPosition ?
+				'absolute' :
+				''
+		} )[0];
+	},
+
+
+	/**
+	 * An element to be placed on top of the activate button to catch events
+	 *  @method  _fnDomCatcher
+	 *  @returns {Node} div container for the collection
+	 *  @private
+	 */
+	"_fnDomCatcher": function ()
+	{
+		var
+			that = this,
+			nCatcher = document.createElement('div');
+		nCatcher.className = "ColVis_catcher";
+
+		$(nCatcher).click( function () {
+			that._fnCollectionHide.call( that, null, null );
+		} );
+
+		return nCatcher;
+	},
+
+
+	/**
+	 * Create the element used to shade the background, and capture hide events (it is shown and
+	 * hidden as needed)
+	 *  @method  _fnDomBackground
+	 *  @returns {Node} div container for the background
+	 *  @private
+	 */
+	"_fnDomBackground": function ()
+	{
+		var that = this;
+
+		var background = $('<div></div>')
+			.addClass( 'ColVis_collectionBackground' )
+			.css( 'opacity', 0 )
+			.click( function () {
+				that._fnCollectionHide.call( that, null, null );
+			} );
+
+		/* When considering a mouse over action for the activation, we also consider a mouse out
+		 * which is the same as a mouse over the background - without all the messing around of
+		 * bubbling events. Use the catcher element to avoid messing around with bubbling
+		 */
+		if ( this.s.activate == "mouseover" )
+		{
+			background.mouseover( function () {
+				that.s.overcollection = false;
+				that._fnCollectionHide.call( that, null, null );
+			} );
+		}
+
+		return background[0];
+	},
+
+
+	/**
+	 * Show the show / hide list and the background
+	 *  @method  _fnCollectionShow
+	 *  @returns void
+	 *  @private
+	 */
+	"_fnCollectionShow": function ()
+	{
+		var that = this, i, iLen, iLeft;
+		var oPos = $(this.dom.button).offset();
+		var nHidden = this.dom.collection;
+		var nBackground = this.dom.background;
+		var iDivX = parseInt(oPos.left, 10);
+		var iDivY = parseInt(oPos.top + $(this.dom.button).outerHeight(), 10);
+
+		if ( ! this.s.bCssPosition )
+		{
+			nHidden.style.top = iDivY+"px";
+			nHidden.style.left = iDivX+"px";
+		}
+
+		$(nHidden).css( {
+			'display': 'block',
+			'opacity': 0
+		} );
+
+		nBackground.style.bottom ='0px';
+		nBackground.style.right = '0px';
+
+		var oStyle = this.dom.catcher.style;
+		oStyle.height = $(this.dom.button).outerHeight()+"px";
+		oStyle.width = $(this.dom.button).outerWidth()+"px";
+		oStyle.top = oPos.top+"px";
+		oStyle.left = iDivX+"px";
+
+		document.body.appendChild( nBackground );
+		document.body.appendChild( nHidden );
+		document.body.appendChild( this.dom.catcher );
+
+		/* This results in a very small delay for the end user but it allows the animation to be
+		 * much smoother. If you don't want the animation, then the setTimeout can be removed
+		 */
+		$(nHidden).animate({"opacity": 1}, that.s.iOverlayFade);
+		$(nBackground).animate({"opacity": 0.1}, that.s.iOverlayFade, 'linear', function () {
+			/* In IE6 if you set the checked attribute of a hidden checkbox, then this is not visually
+			 * reflected. As such, we need to do it here, once it is visible. Unbelievable.
+			 */
+			if ( $.browser && $.browser.msie && $.browser.version == "6.0" )
+			{
+				that._fnDrawCallback();
+			}
+		});
+
+		/* Visual corrections to try and keep the collection visible */
+		if ( !this.s.bCssPosition )
+		{
+			iLeft = ( this.s.sAlign=="left" ) ?
+				iDivX :
+				iDivX - $(nHidden).outerWidth() + $(this.dom.button).outerWidth();
+
+			nHidden.style.left = iLeft+"px";
+
+			var iDivWidth = $(nHidden).outerWidth();
+			var iDivHeight = $(nHidden).outerHeight();
+			var iDocWidth = $(document).width();
+
+			if ( iLeft + iDivWidth > iDocWidth )
+			{
+				nHidden.style.left = (iDocWidth-iDivWidth)+"px";
+			}
+		}
+
+		this.s.hidden = false;
+	},
+
+
+	/**
+	 * Hide the show / hide list and the background
+	 *  @method  _fnCollectionHide
+	 *  @returns void
+	 *  @private
+	 */
+	"_fnCollectionHide": function (  )
+	{
+		var that = this;
+
+		if ( !this.s.hidden && this.dom.collection !== null )
+		{
+			this.s.hidden = true;
+
+			$(this.dom.collection).animate({"opacity": 0}, that.s.iOverlayFade, function (e) {
+				this.style.display = "none";
+			} );
+
+			$(this.dom.background).animate({"opacity": 0}, that.s.iOverlayFade, function (e) {
+				document.body.removeChild( that.dom.background );
+				document.body.removeChild( that.dom.catcher );
+			} );
+		}
+	},
+
+
+	/**
+	 * Alter the colspan on any fnOpen rows
+	 */
+	"_fnAdjustOpenRows": function ()
+	{
+		var aoOpen = this.s.dt.aoOpenRows;
+		var iVisible = this.s.dt.oApi._fnVisbleColumns( this.s.dt );
+
+		for ( var i=0, iLen=aoOpen.length ; i<iLen ; i++ ) {
+			aoOpen[i].nTr.getElementsByTagName('td')[0].colSpan = iVisible;
+		}
+	}
+};
+
+
+
+
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * Static object methods
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+/**
+ * Rebuild the collection for a given table, or all tables if no parameter given
+ *  @method  ColVis.fnRebuild
+ *  @static
+ *  @param   object oTable DataTable instance to consider - optional
+ *  @returns void
+ */
+ColVis.fnRebuild = function ( oTable )
+{
+	var nTable = null;
+	if ( typeof oTable != 'undefined' )
+	{
+		nTable = oTable.fnSettings().nTable;
+	}
+
+	for ( var i=0, iLen=ColVis.aInstances.length ; i<iLen ; i++ )
+	{
+		if ( typeof oTable == 'undefined' || nTable == ColVis.aInstances[i].s.dt.nTable )
+		{
+			ColVis.aInstances[i].fnRebuild();
+		}
+	}
+};
+
+
+ColVis.defaults = {
+	/**
+	 * Mode of activation. Can be 'click' or 'mouseover'
+	 *  @property activate
+	 *  @type     string
+	 *  @default  click
+	 */
+	active: 'click',
+
+	/**
+	 * Text used for the button
+	 *  @property buttonText
+	 *  @type     string
+	 *  @default  Show / hide columns
+	 */
+	buttonText: 'Show / hide columns',
+
+	/**
+	 * List of columns (integers) which should be excluded from the list
+	 *  @property aiExclude
+	 *  @type     array
+	 *  @default  []
+	 */
+	aiExclude: [],
+
+	/**
+	 * Show restore button
+	 *  @property bRestore
+	 *  @type     boolean
+	 *  @default  false
+	 */
+	bRestore: false,
+
+	/**
+	 * Restore button text
+	 *  @property sRestore
+	 *  @type     string
+	 *  @default  Restore original
+	 */
+	sRestore: 'Restore original',
+
+	/**
+	 * Show Show-All button
+	 *  @property bShowAll
+	 *  @type     boolean
+	 *  @default  false
+	 */
+	bShowAll: false,
+
+	/**
+	 * Show All button text
+	 *  @property sShowAll
+	 *  @type     string
+	 *  @default  Restore original
+	 */
+	sShowAll: 'Show All',
+
+	/**
+	 * Position of the collection menu when shown - align "left" or "right"
+	 *  @property sAlign
+	 *  @type     string
+	 *  @default  left
+	 */
+	sAlign: 'left',
+
+	/**
+	 * Callback function to tell the user when the state has changed
+	 *  @property fnStateChange
+	 *  @type     function
+	 *  @default  null
+	 */
+	fnStateChange: null,
+
+	/**
+	 * Overlay animation duration in mS
+	 *  @property iOverlayFade
+	 *  @type     integer|false
+	 *  @default  500
+	 */
+	iOverlayFade: 500,
+
+	/**
+	 * Label callback for column names. Takes three parameters: 1. the
+	 * column index, 2. the column title detected by DataTables and 3. the
+	 * TH node for the column
+	 *  @property fnLabel
+	 *  @type     function
+	 *  @default  null
+	 */
+	fnLabel: null,
+
+	/**
+	 * Indicate if the column list should be positioned by Javascript,
+	 * visually below the button or allow CSS to do the positioning
+	 *  @property bCssPosition
+	 *  @type     boolean
+	 *  @default  false
+	 */
+	bCssPosition: false,
+
+	/**
+	 * Group buttons
+	 *  @property aoGroups
+	 *  @type     array
+	 *  @default  []
+	 */
+	aoGroups: [],
+
+	/**
+	 * Button ordering - 'alpha' (alphabetical) or 'column' (table column
+	 * order)
+	 *  @property order
+	 *  @type     string
+	 *  @default  column
+	 */
+	order: 'column'
+};
+
+
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * Static object properties
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+/**
+ * Collection of all ColVis instances
+ *  @property ColVis.aInstances
+ *  @static
+ *  @type     Array
+ *  @default  []
+ */
+ColVis.aInstances = [];
+
+
+
+
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * Constants
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+/**
+ * Name of this class
+ *  @constant CLASS
+ *  @type     String
+ *  @default  ColVis
+ */
+ColVis.prototype.CLASS = "ColVis";
+
+
+/**
+ * ColVis version
+ *  @constant  VERSION
+ *  @type      String
+ *  @default   See code
+ */
+ColVis.VERSION = "1.1.1";
+ColVis.prototype.VERSION = ColVis.VERSION;
+
+
+
+
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * Initialisation
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+/*
+ * Register a new feature with DataTables
+ */
+if ( typeof $.fn.dataTable == "function" &&
+     typeof $.fn.dataTableExt.fnVersionCheck == "function" &&
+     $.fn.dataTableExt.fnVersionCheck('1.7.0') )
+{
+	$.fn.dataTableExt.aoFeatures.push( {
+		"fnInit": function( oDTSettings ) {
+			var init = oDTSettings.oInit;
+			var colvis = new ColVis( oDTSettings, init.colVis || init.oColVis || {} );
+			return colvis.button();
+		},
+		"cFeature": "C",
+		"sFeature": "ColVis"
+	} );
+}
+else
+{
+	alert( "Warning: ColVis requires DataTables 1.7 or greater - www.datatables.net/download");
+}
+
+
+// Make ColVis accessible from the DataTables instance
+$.fn.dataTable.ColVis = ColVis;
+$.fn.DataTable.ColVis = ColVis;
+
+
+return ColVis;
+}; // /factory
+
+
+// Define as an AMD module if possible
+if ( typeof define === 'function' && define.amd ) {
+	define( ['jquery', 'datatables'], factory );
+}
+else if ( typeof exports === 'object' ) {
+    // Node/CommonJS
+    factory( require('jquery'), require('datatables') );
+}
+else if ( jQuery && !jQuery.fn.dataTable.ColVis ) {
+	// Otherwise simply initialise as normal, stopping multiple evaluation
+	factory( jQuery, jQuery.fn.dataTable );
+}
+
+
+})(window, document);
+
diff --git a/web/bootstrap-ace-admin/js/dataTables/extensions/TableTools/js/dataTables.tableTools.js b/web/bootstrap-ace-admin/js/dataTables/extensions/TableTools/js/dataTables.tableTools.js
new file mode 100755
index 00000000..4fd3939c
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/dataTables/extensions/TableTools/js/dataTables.tableTools.js
@@ -0,0 +1,3215 @@
+/*! TableTools 2.2.3
+ * 2009-2014 SpryMedia Ltd - datatables.net/license
+ *
+ * ZeroClipboard 1.0.4
+ * Author: Joseph Huckaby - MIT licensed
+ */
+
+/**
+ * @summary     TableTools
+ * @description Tools and buttons for DataTables
+ * @version     2.2.3
+ * @file        dataTables.tableTools.js
+ * @author      SpryMedia Ltd (www.sprymedia.co.uk)
+ * @contact     www.sprymedia.co.uk/contact
+ * @copyright   Copyright 2009-2014 SpryMedia Ltd.
+ *
+ * This source file is free software, available under the following license:
+ *   MIT license - http://datatables.net/license/mit
+ *
+ * This source file is distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
+ * or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details.
+ *
+ * For details please refer to: http://www.datatables.net
+ */
+
+
+/* Global scope for TableTools for backwards compatibility.
+ * Will be removed in 2.3
+ */
+var TableTools;
+
+(function(window, document, undefined) {
+
+
+var factory = function( $, DataTable ) {
+"use strict";
+
+
+//include ZeroClipboard.js
+/* ZeroClipboard 1.0.4
+ * Author: Joseph Huckaby
+ */
+
+var ZeroClipboard_TableTools = {
+
+	version: "1.0.4-TableTools2",
+	clients: {}, // registered upload clients on page, indexed by id
+	moviePath: '', // URL to movie
+	nextId: 1, // ID of next movie
+
+	$: function(thingy) {
+		// simple DOM lookup utility function
+		if (typeof(thingy) == 'string') {
+			thingy = document.getElementById(thingy);
+		}
+		if (!thingy.addClass) {
+			// extend element with a few useful methods
+			thingy.hide = function() { this.style.display = 'none'; };
+			thingy.show = function() { this.style.display = ''; };
+			thingy.addClass = function(name) { this.removeClass(name); this.className += ' ' + name; };
+			thingy.removeClass = function(name) {
+				this.className = this.className.replace( new RegExp("\\s*" + name + "\\s*"), " ").replace(/^\s+/, '').replace(/\s+$/, '');
+			};
+			thingy.hasClass = function(name) {
+				return !!this.className.match( new RegExp("\\s*" + name + "\\s*") );
+			};
+		}
+		return thingy;
+	},
+
+	setMoviePath: function(path) {
+		// set path to ZeroClipboard.swf
+		this.moviePath = path;
+	},
+
+	dispatch: function(id, eventName, args) {
+		// receive event from flash movie, send to client
+		var client = this.clients[id];
+		if (client) {
+			client.receiveEvent(eventName, args);
+		}
+	},
+
+	register: function(id, client) {
+		// register new client to receive events
+		this.clients[id] = client;
+	},
+
+	getDOMObjectPosition: function(obj) {
+		// get absolute coordinates for dom element
+		var info = {
+			left: 0,
+			top: 0,
+			width: obj.width ? obj.width : obj.offsetWidth,
+			height: obj.height ? obj.height : obj.offsetHeight
+		};
+
+		if ( obj.style.width !== "" ) {
+			info.width = obj.style.width.replace("px","");
+		}
+
+		if ( obj.style.height !== "" ) {
+			info.height = obj.style.height.replace("px","");
+		}
+
+		while (obj) {
+			info.left += obj.offsetLeft;
+			info.top += obj.offsetTop;
+			obj = obj.offsetParent;
+		}
+
+		return info;
+	},
+
+	Client: function(elem) {
+		// constructor for new simple upload client
+		this.handlers = {};
+
+		// unique ID
+		this.id = ZeroClipboard_TableTools.nextId++;
+		this.movieId = 'ZeroClipboard_TableToolsMovie_' + this.id;
+
+		// register client with singleton to receive flash events
+		ZeroClipboard_TableTools.register(this.id, this);
+
+		// create movie
+		if (elem) {
+			this.glue(elem);
+		}
+	}
+};
+
+ZeroClipboard_TableTools.Client.prototype = {
+
+	id: 0, // unique ID for us
+	ready: false, // whether movie is ready to receive events or not
+	movie: null, // reference to movie object
+	clipText: '', // text to copy to clipboard
+	fileName: '', // default file save name
+	action: 'copy', // action to perform
+	handCursorEnabled: true, // whether to show hand cursor, or default pointer cursor
+	cssEffects: true, // enable CSS mouse effects on dom container
+	handlers: null, // user event handlers
+	sized: false,
+
+	glue: function(elem, title) {
+		// glue to DOM element
+		// elem can be ID or actual DOM element object
+		this.domElement = ZeroClipboard_TableTools.$(elem);
+
+		// float just above object, or zIndex 99 if dom element isn't set
+		var zIndex = 99;
+		if (this.domElement.style.zIndex) {
+			zIndex = parseInt(this.domElement.style.zIndex, 10) + 1;
+		}
+
+		// find X/Y position of domElement
+		var box = ZeroClipboard_TableTools.getDOMObjectPosition(this.domElement);
+
+		// create floating DIV above element
+		this.div = document.createElement('div');
+		var style = this.div.style;
+		style.position = 'absolute';
+		style.left = '0px';
+		style.top = '0px';
+		style.width = (box.width) + 'px';
+		style.height = box.height + 'px';
+		style.zIndex = zIndex;
+
+		if ( typeof title != "undefined" && title !== "" ) {
+			this.div.title = title;
+		}
+		if ( box.width !== 0 && box.height !== 0 ) {
+			this.sized = true;
+		}
+
+		// style.backgroundColor = '#f00'; // debug
+		if ( this.domElement ) {
+			this.domElement.appendChild(this.div);
+			this.div.innerHTML = this.getHTML( box.width, box.height ).replace(/&/g, '&amp;');
+		}
+	},
+
+	positionElement: function() {
+		var box = ZeroClipboard_TableTools.getDOMObjectPosition(this.domElement);
+		var style = this.div.style;
+
+		style.position = 'absolute';
+		//style.left = (this.domElement.offsetLeft)+'px';
+		//style.top = this.domElement.offsetTop+'px';
+		style.width = box.width + 'px';
+		style.height = box.height + 'px';
+
+		if ( box.width !== 0 && box.height !== 0 ) {
+			this.sized = true;
+		} else {
+			return;
+		}
+
+		var flash = this.div.childNodes[0];
+		flash.width = box.width;
+		flash.height = box.height;
+	},
+
+	getHTML: function(width, height) {
+		// return HTML for movie
+		var html = '';
+		var flashvars = 'id=' + this.id +
+			'&width=' + width +
+			'&height=' + height;
+
+		if (navigator.userAgent.match(/MSIE/)) {
+			// IE gets an OBJECT tag
+			var protocol = location.href.match(/^https/i) ? 'https://' : 'http://';
+			html += '<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="'+protocol+'download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" width="'+width+'" height="'+height+'" id="'+this.movieId+'" align="middle"><param name="allowScriptAccess" value="always" /><param name="allowFullScreen" value="false" /><param name="movie" value="'+ZeroClipboard_TableTools.moviePath+'" /><param name="loop" value="false" /><param name="menu" value="false" /><param name="quality" value="best" /><param name="bgcolor" value="#ffffff" /><param name="flashvars" value="'+flashvars+'"/><param name="wmode" value="transparent"/></object>';
+		}
+		else {
+			// all other browsers get an EMBED tag
+			html += '<embed id="'+this.movieId+'" src="'+ZeroClipboard_TableTools.moviePath+'" loop="false" menu="false" quality="best" bgcolor="#ffffff" width="'+width+'" height="'+height+'" name="'+this.movieId+'" align="middle" allowScriptAccess="always" allowFullScreen="false" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="'+flashvars+'" wmode="transparent" />';
+		}
+		return html;
+	},
+
+	hide: function() {
+		// temporarily hide floater offscreen
+		if (this.div) {
+			this.div.style.left = '-2000px';
+		}
+	},
+
+	show: function() {
+		// show ourselves after a call to hide()
+		this.reposition();
+	},
+
+	destroy: function() {
+		// destroy control and floater
+		if (this.domElement && this.div) {
+			this.hide();
+			this.div.innerHTML = '';
+
+			var body = document.getElementsByTagName('body')[0];
+			try { body.removeChild( this.div ); } catch(e) {}
+
+			this.domElement = null;
+			this.div = null;
+		}
+	},
+
+	reposition: function(elem) {
+		// reposition our floating div, optionally to new container
+		// warning: container CANNOT change size, only position
+		if (elem) {
+			this.domElement = ZeroClipboard_TableTools.$(elem);
+			if (!this.domElement) {
+				this.hide();
+			}
+		}
+
+		if (this.domElement && this.div) {
+			var box = ZeroClipboard_TableTools.getDOMObjectPosition(this.domElement);
+			var style = this.div.style;
+			style.left = '' + box.left + 'px';
+			style.top = '' + box.top + 'px';
+		}
+	},
+
+	clearText: function() {
+		// clear the text to be copy / saved
+		this.clipText = '';
+		if (this.ready) {
+			this.movie.clearText();
+		}
+	},
+
+	appendText: function(newText) {
+		// append text to that which is to be copied / saved
+		this.clipText += newText;
+		if (this.ready) { this.movie.appendText(newText) ;}
+	},
+
+	setText: function(newText) {
+		// set text to be copied to be copied / saved
+		this.clipText = newText;
+		if (this.ready) { this.movie.setText(newText) ;}
+	},
+
+	setCharSet: function(charSet) {
+		// set the character set (UTF16LE or UTF8)
+		this.charSet = charSet;
+		if (this.ready) { this.movie.setCharSet(charSet) ;}
+	},
+
+	setBomInc: function(bomInc) {
+		// set if the BOM should be included or not
+		this.incBom = bomInc;
+		if (this.ready) { this.movie.setBomInc(bomInc) ;}
+	},
+
+	setFileName: function(newText) {
+		// set the file name
+		this.fileName = newText;
+		if (this.ready) {
+			this.movie.setFileName(newText);
+		}
+	},
+
+	setAction: function(newText) {
+		// set action (save or copy)
+		this.action = newText;
+		if (this.ready) {
+			this.movie.setAction(newText);
+		}
+	},
+
+	addEventListener: function(eventName, func) {
+		// add user event listener for event
+		// event types: load, queueStart, fileStart, fileComplete, queueComplete, progress, error, cancel
+		eventName = eventName.toString().toLowerCase().replace(/^on/, '');
+		if (!this.handlers[eventName]) {
+			this.handlers[eventName] = [];
+		}
+		this.handlers[eventName].push(func);
+	},
+
+	setHandCursor: function(enabled) {
+		// enable hand cursor (true), or default arrow cursor (false)
+		this.handCursorEnabled = enabled;
+		if (this.ready) {
+			this.movie.setHandCursor(enabled);
+		}
+	},
+
+	setCSSEffects: function(enabled) {
+		// enable or disable CSS effects on DOM container
+		this.cssEffects = !!enabled;
+	},
+
+	receiveEvent: function(eventName, args) {
+		var self;
+
+		// receive event from flash
+		eventName = eventName.toString().toLowerCase().replace(/^on/, '');
+
+		// special behavior for certain events
+		switch (eventName) {
+			case 'load':
+				// movie claims it is ready, but in IE this isn't always the case...
+				// bug fix: Cannot extend EMBED DOM elements in Firefox, must use traditional function
+				this.movie = document.getElementById(this.movieId);
+				if (!this.movie) {
+					self = this;
+					setTimeout( function() { self.receiveEvent('load', null); }, 1 );
+					return;
+				}
+
+				// firefox on pc needs a "kick" in order to set these in certain cases
+				if (!this.ready && navigator.userAgent.match(/Firefox/) && navigator.userAgent.match(/Windows/)) {
+					self = this;
+					setTimeout( function() { self.receiveEvent('load', null); }, 100 );
+					this.ready = true;
+					return;
+				}
+
+				this.ready = true;
+				this.movie.clearText();
+				this.movie.appendText( this.clipText );
+				this.movie.setFileName( this.fileName );
+				this.movie.setAction( this.action );
+				this.movie.setCharSet( this.charSet );
+				this.movie.setBomInc( this.incBom );
+				this.movie.setHandCursor( this.handCursorEnabled );
+				break;
+
+			case 'mouseover':
+				if (this.domElement && this.cssEffects) {
+					//this.domElement.addClass('hover');
+					if (this.recoverActive) {
+						this.domElement.addClass('active');
+					}
+				}
+				break;
+
+			case 'mouseout':
+				if (this.domElement && this.cssEffects) {
+					this.recoverActive = false;
+					if (this.domElement.hasClass('active')) {
+						this.domElement.removeClass('active');
+						this.recoverActive = true;
+					}
+					//this.domElement.removeClass('hover');
+				}
+				break;
+
+			case 'mousedown':
+				if (this.domElement && this.cssEffects) {
+					this.domElement.addClass('active');
+				}
+				break;
+
+			case 'mouseup':
+				if (this.domElement && this.cssEffects) {
+					this.domElement.removeClass('active');
+					this.recoverActive = false;
+				}
+				break;
+		} // switch eventName
+
+		if (this.handlers[eventName]) {
+			for (var idx = 0, len = this.handlers[eventName].length; idx < len; idx++) {
+				var func = this.handlers[eventName][idx];
+
+				if (typeof(func) == 'function') {
+					// actual function reference
+					func(this, args);
+				}
+				else if ((typeof(func) == 'object') && (func.length == 2)) {
+					// PHP style object + method, i.e. [myObject, 'myMethod']
+					func[0][ func[1] ](this, args);
+				}
+				else if (typeof(func) == 'string') {
+					// name of function
+					window[func](this, args);
+				}
+			} // foreach event handler defined
+		} // user defined handler for event
+	}
+
+};
+
+// For the Flash binding to work, ZeroClipboard_TableTools must be on the global
+// object list
+window.ZeroClipboard_TableTools = ZeroClipboard_TableTools;
+//include TableTools.js
+/* TableTools
+ * 2009-2014 SpryMedia Ltd - datatables.net/license
+ */
+
+/*globals TableTools,ZeroClipboard_TableTools*/
+
+
+(function($, window, document) {
+
+/** 
+ * TableTools provides flexible buttons and other tools for a DataTables enhanced table
+ * @class TableTools
+ * @constructor
+ * @param {Object} oDT DataTables instance. When using DataTables 1.10 this can
+ *   also be a jQuery collection, jQuery selector, table node, DataTables API
+ *   instance or DataTables settings object.
+ * @param {Object} oOpts TableTools options
+ * @param {String} oOpts.sSwfPath ZeroClipboard SWF path
+ * @param {String} oOpts.sRowSelect Row selection options - 'none', 'single', 'multi' or 'os'
+ * @param {Function} oOpts.fnPreRowSelect Callback function just prior to row selection
+ * @param {Function} oOpts.fnRowSelected Callback function just after row selection
+ * @param {Function} oOpts.fnRowDeselected Callback function when row is deselected
+ * @param {Array} oOpts.aButtons List of buttons to be used
+ */
+TableTools = function( oDT, oOpts )
+{
+	/* Santiy check that we are a new instance */
+	if ( ! this instanceof TableTools )
+	{
+		alert( "Warning: TableTools must be initialised with the keyword 'new'" );
+	}
+
+	// In 1.10 we can use the API to get the settings object from a number of
+	// sources
+	var dtSettings = $.fn.dataTable.Api ?
+		new $.fn.dataTable.Api( oDT ).settings()[0] :
+		oDT.fnSettings();
+
+
+	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+	 * Public class variables
+	 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+	/**
+	 * @namespace Settings object which contains customisable information for TableTools instance
+	 */
+	this.s = {
+		/**
+		 * Store 'this' so the instance can be retrieved from the settings object
+		 * @property that
+		 * @type	 object
+		 * @default  this
+		 */
+		"that": this,
+
+		/** 
+		 * DataTables settings objects
+		 * @property dt
+		 * @type	 object
+		 * @default  <i>From the oDT init option</i>
+		 */
+		"dt": dtSettings,
+
+		/**
+		 * @namespace Print specific information
+		 */
+		"print": {
+			/** 
+			 * DataTables draw 'start' point before the printing display was shown
+			 *  @property saveStart
+			 *  @type	 int
+			 *  @default  -1
+			 */
+			"saveStart": -1,
+
+			/** 
+			 * DataTables draw 'length' point before the printing display was shown
+			 *  @property saveLength
+			 *  @type	 int
+			 *  @default  -1
+			 */
+			"saveLength": -1,
+
+			/** 
+			 * Page scrolling point before the printing display was shown so it can be restored
+			 *  @property saveScroll
+			 *  @type	 int
+			 *  @default  -1
+			 */
+			"saveScroll": -1,
+
+			/** 
+			 * Wrapped function to end the print display (to maintain scope)
+			 *  @property funcEnd
+			 *  @type	 Function
+			 *  @default  function () {}
+			 */
+			"funcEnd": function () {}
+		},
+
+		/**
+		 * A unique ID is assigned to each button in each instance
+		 * @property buttonCounter
+		 *  @type	 int
+		 * @default  0
+		 */
+		"buttonCounter": 0,
+
+		/**
+		 * @namespace Select rows specific information
+		 */
+		"select": {
+			/**
+			 * Select type - can be 'none', 'single' or 'multi'
+			 * @property type
+			 *  @type	 string
+			 * @default  ""
+			 */
+			"type": "",
+
+			/**
+			 * Array of nodes which are currently selected
+			 *  @property selected
+			 *  @type	 array
+			 *  @default  []
+			 */
+			"selected": [],
+
+			/**
+			 * Function to run before the selection can take place. Will cancel the select if the
+			 * function returns false
+			 *  @property preRowSelect
+			 *  @type	 Function
+			 *  @default  null
+			 */
+			"preRowSelect": null,
+
+			/**
+			 * Function to run when a row is selected
+			 *  @property postSelected
+			 *  @type	 Function
+			 *  @default  null
+			 */
+			"postSelected": null,
+
+			/**
+			 * Function to run when a row is deselected
+			 *  @property postDeselected
+			 *  @type	 Function
+			 *  @default  null
+			 */
+			"postDeselected": null,
+
+			/**
+			 * Indicate if all rows are selected (needed for server-side processing)
+			 *  @property all
+			 *  @type	 boolean
+			 *  @default  false
+			 */
+			"all": false,
+
+			/**
+			 * Class name to add to selected TR nodes
+			 *  @property selectedClass
+			 *  @type	 String
+			 *  @default  ""
+			 */
+			"selectedClass": ""
+		},
+
+		/**
+		 * Store of the user input customisation object
+		 *  @property custom
+		 *  @type	 object
+		 *  @default  {}
+		 */
+		"custom": {},
+
+		/**
+		 * SWF movie path
+		 *  @property swfPath
+		 *  @type	 string
+		 *  @default  ""
+		 */
+		"swfPath": "",
+
+		/**
+		 * Default button set
+		 *  @property buttonSet
+		 *  @type	 array
+		 *  @default  []
+		 */
+		"buttonSet": [],
+
+		/**
+		 * When there is more than one TableTools instance for a DataTable, there must be a 
+		 * master which controls events (row selection etc)
+		 *  @property master
+		 *  @type	 boolean
+		 *  @default  false
+		 */
+		"master": false,
+
+		/**
+		 * Tag names that are used for creating collections and buttons
+		 *  @namesapce
+		 */
+		"tags": {}
+	};
+
+
+	/**
+	 * @namespace Common and useful DOM elements for the class instance
+	 */
+	this.dom = {
+		/**
+		 * DIV element that is create and all TableTools buttons (and their children) put into
+		 *  @property container
+		 *  @type	 node
+		 *  @default  null
+		 */
+		"container": null,
+
+		/**
+		 * The table node to which TableTools will be applied
+		 *  @property table
+		 *  @type	 node
+		 *  @default  null
+		 */
+		"table": null,
+
+		/**
+		 * @namespace Nodes used for the print display
+		 */
+		"print": {
+			/**
+			 * Nodes which have been removed from the display by setting them to display none
+			 *  @property hidden
+			 *  @type	 array
+			 *  @default  []
+			 */
+			"hidden": [],
+
+			/**
+			 * The information display saying telling the user about the print display
+			 *  @property message
+			 *  @type	 node
+			 *  @default  null
+			 */
+			"message": null
+	  },
+
+		/**
+		 * @namespace Nodes used for a collection display. This contains the currently used collection
+		 */
+		"collection": {
+			/**
+			 * The div wrapper containing the buttons in the collection (i.e. the menu)
+			 *  @property collection
+			 *  @type	 node
+			 *  @default  null
+			 */
+			"collection": null,
+
+			/**
+			 * Background display to provide focus and capture events
+			 *  @property background
+			 *  @type	 node
+			 *  @default  null
+			 */
+			"background": null
+		}
+	};
+
+	/**
+	 * @namespace Name space for the classes that this TableTools instance will use
+	 * @extends TableTools.classes
+	 */
+	this.classes = $.extend( true, {}, TableTools.classes );
+	if ( this.s.dt.bJUI )
+	{
+		$.extend( true, this.classes, TableTools.classes_themeroller );
+	}
+
+
+	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+	 * Public class methods
+	 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+	/**
+	 * Retreieve the settings object from an instance
+	 *  @method fnSettings
+	 *  @returns {object} TableTools settings object
+	 */
+	this.fnSettings = function () {
+		return this.s;
+	};
+
+
+	/* Constructor logic */
+	if ( typeof oOpts == 'undefined' )
+	{
+		oOpts = {};
+	}
+
+
+	TableTools._aInstances.push( this );
+	this._fnConstruct( oOpts );
+
+	return this;
+};
+
+
+
+TableTools.prototype = {
+	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+	 * Public methods
+	 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+	/**
+	 * Retreieve the settings object from an instance
+	 *  @returns {array} List of TR nodes which are currently selected
+	 *  @param {boolean} [filtered=false] Get only selected rows which are  
+	 *    available given the filtering applied to the table. By default
+	 *    this is false -  i.e. all rows, regardless of filtering are 
+	      selected.
+	 */
+	"fnGetSelected": function ( filtered )
+	{
+		var
+			out = [],
+			data = this.s.dt.aoData,
+			displayed = this.s.dt.aiDisplay,
+			i, iLen;
+
+		if ( filtered )
+		{
+			// Only consider filtered rows
+			for ( i=0, iLen=displayed.length ; i<iLen ; i++ )
+			{
+				if ( data[ displayed[i] ]._DTTT_selected )
+				{
+					out.push( data[ displayed[i] ].nTr );
+				}
+			}
+		}
+		else
+		{
+			// Use all rows
+			for ( i=0, iLen=data.length ; i<iLen ; i++ )
+			{
+				if ( data[i]._DTTT_selected )
+				{
+					out.push( data[i].nTr );
+				}
+			}
+		}
+
+		return out;
+	},
+
+
+	/**
+	 * Get the data source objects/arrays from DataTables for the selected rows (same as
+	 * fnGetSelected followed by fnGetData on each row from the table)
+	 *  @returns {array} Data from the TR nodes which are currently selected
+	 */
+	"fnGetSelectedData": function ()
+	{
+		var out = [];
+		var data=this.s.dt.aoData;
+		var i, iLen;
+
+		for ( i=0, iLen=data.length ; i<iLen ; i++ )
+		{
+			if ( data[i]._DTTT_selected )
+			{
+				out.push( this.s.dt.oInstance.fnGetData(i) );
+			}
+		}
+
+		return out;
+	},
+
+
+	/**
+	 * Get the indexes of the selected rows
+	 *  @returns {array} List of row indexes
+	 *  @param {boolean} [filtered=false] Get only selected rows which are  
+	 *    available given the filtering applied to the table. By default
+	 *    this is false -  i.e. all rows, regardless of filtering are 
+	      selected.
+	 */
+	"fnGetSelectedIndexes": function ( filtered )
+	{
+		var
+			out = [],
+			data = this.s.dt.aoData,
+			displayed = this.s.dt.aiDisplay,
+			i, iLen;
+
+		if ( filtered )
+		{
+			// Only consider filtered rows
+			for ( i=0, iLen=displayed.length ; i<iLen ; i++ )
+			{
+				if ( data[ displayed[i] ]._DTTT_selected )
+				{
+					out.push( displayed[i] );
+				}
+			}
+		}
+		else
+		{
+			// Use all rows
+			for ( i=0, iLen=data.length ; i<iLen ; i++ )
+			{
+				if ( data[i]._DTTT_selected )
+				{
+					out.push( i );
+				}
+			}
+		}
+
+		return out;
+	},
+
+
+	/**
+	 * Check to see if a current row is selected or not
+	 *  @param {Node} n TR node to check if it is currently selected or not
+	 *  @returns {Boolean} true if select, false otherwise
+	 */
+	"fnIsSelected": function ( n )
+	{
+		var pos = this.s.dt.oInstance.fnGetPosition( n );
+		return (this.s.dt.aoData[pos]._DTTT_selected===true) ? true : false;
+	},
+
+
+	/**
+	 * Select all rows in the table
+	 *  @param {boolean} [filtered=false] Select only rows which are available 
+	 *    given the filtering applied to the table. By default this is false - 
+	 *    i.e. all rows, regardless of filtering are selected.
+	 */
+	"fnSelectAll": function ( filtered )
+	{
+		this._fnRowSelect( filtered ?
+			this.s.dt.aiDisplay :
+			this.s.dt.aoData
+		);
+	},
+
+
+	/**
+	 * Deselect all rows in the table
+	 *  @param {boolean} [filtered=false] Deselect only rows which are available 
+	 *    given the filtering applied to the table. By default this is false - 
+	 *    i.e. all rows, regardless of filtering are deselected.
+	 */
+	"fnSelectNone": function ( filtered )
+	{
+		this._fnRowDeselect( this.fnGetSelectedIndexes(filtered) );
+	},
+
+
+	/**
+	 * Select row(s)
+	 *  @param {node|object|array} n The row(s) to select. Can be a single DOM
+	 *    TR node, an array of TR nodes or a jQuery object.
+	 */
+	"fnSelect": function ( n )
+	{
+		if ( this.s.select.type == "single" )
+		{
+			this.fnSelectNone();
+			this._fnRowSelect( n );
+		}
+		else
+		{
+			this._fnRowSelect( n );
+		}
+	},
+
+
+	/**
+	 * Deselect row(s)
+	 *  @param {node|object|array} n The row(s) to deselect. Can be a single DOM
+	 *    TR node, an array of TR nodes or a jQuery object.
+	 */
+	"fnDeselect": function ( n )
+	{
+		this._fnRowDeselect( n );
+	},
+
+
+	/**
+	 * Get the title of the document - useful for file names. The title is retrieved from either
+	 * the configuration object's 'title' parameter, or the HTML document title
+	 *  @param   {Object} oConfig Button configuration object
+	 *  @returns {String} Button title
+	 */
+	"fnGetTitle": function( oConfig )
+	{
+		var sTitle = "";
+		if ( typeof oConfig.sTitle != 'undefined' && oConfig.sTitle !== "" ) {
+			sTitle = oConfig.sTitle;
+		} else {
+			var anTitle = document.getElementsByTagName('title');
+			if ( anTitle.length > 0 )
+			{
+				sTitle = anTitle[0].innerHTML;
+			}
+		}
+
+		/* Strip characters which the OS will object to - checking for UTF8 support in the scripting
+		 * engine
+		 */
+		if ( "\u00A1".toString().length < 4 ) {
+			return sTitle.replace(/[^a-zA-Z0-9_\u00A1-\uFFFF\.,\-_ !\(\)]/g, "");
+		} else {
+			return sTitle.replace(/[^a-zA-Z0-9_\.,\-_ !\(\)]/g, "");
+		}
+	},
+
+
+	/**
+	 * Calculate a unity array with the column width by proportion for a set of columns to be
+	 * included for a button. This is particularly useful for PDF creation, where we can use the
+	 * column widths calculated by the browser to size the columns in the PDF.
+	 *  @param   {Object} oConfig Button configuration object
+	 *  @returns {Array} Unity array of column ratios
+	 */
+	"fnCalcColRatios": function ( oConfig )
+	{
+		var
+			aoCols = this.s.dt.aoColumns,
+			aColumnsInc = this._fnColumnTargets( oConfig.mColumns ),
+			aColWidths = [],
+			iWidth = 0, iTotal = 0, i, iLen;
+
+		for ( i=0, iLen=aColumnsInc.length ; i<iLen ; i++ )
+		{
+			if ( aColumnsInc[i] )
+			{
+				iWidth = aoCols[i].nTh.offsetWidth;
+				iTotal += iWidth;
+				aColWidths.push( iWidth );
+			}
+		}
+
+		for ( i=0, iLen=aColWidths.length ; i<iLen ; i++ )
+		{
+			aColWidths[i] = aColWidths[i] / iTotal;
+		}
+
+		return aColWidths.join('\t');
+	},
+
+
+	/**
+	 * Get the information contained in a table as a string
+	 *  @param   {Object} oConfig Button configuration object
+	 *  @returns {String} Table data as a string
+	 */
+	"fnGetTableData": function ( oConfig )
+	{
+		/* In future this could be used to get data from a plain HTML source as well as DataTables */
+		if ( this.s.dt )
+		{
+			return this._fnGetDataTablesData( oConfig );
+		}
+	},
+
+
+	/**
+	 * Pass text to a flash button instance, which will be used on the button's click handler
+	 *  @param   {Object} clip Flash button object
+	 *  @param   {String} text Text to set
+	 */
+	"fnSetText": function ( clip, text )
+	{
+		this._fnFlashSetText( clip, text );
+	},
+
+
+	/**
+	 * Resize the flash elements of the buttons attached to this TableTools instance - this is
+	 * useful for when initialising TableTools when it is hidden (display:none) since sizes can't
+	 * be calculated at that time.
+	 */
+	"fnResizeButtons": function ()
+	{
+		for ( var cli in ZeroClipboard_TableTools.clients )
+		{
+			if ( cli )
+			{
+				var client = ZeroClipboard_TableTools.clients[cli];
+				if ( typeof client.domElement != 'undefined' &&
+					 client.domElement.parentNode )
+				{
+					client.positionElement();
+				}
+			}
+		}
+	},
+
+
+	/**
+	 * Check to see if any of the ZeroClipboard client's attached need to be resized
+	 */
+	"fnResizeRequired": function ()
+	{
+		for ( var cli in ZeroClipboard_TableTools.clients )
+		{
+			if ( cli )
+			{
+				var client = ZeroClipboard_TableTools.clients[cli];
+				if ( typeof client.domElement != 'undefined' &&
+					 client.domElement.parentNode == this.dom.container &&
+					 client.sized === false )
+				{
+					return true;
+				}
+			}
+		}
+		return false;
+	},
+
+
+	/**
+	 * Programmatically enable or disable the print view
+	 *  @param {boolean} [bView=true] Show the print view if true or not given. If false, then
+	 *    terminate the print view and return to normal.
+	 *  @param {object} [oConfig={}] Configuration for the print view
+	 *  @param {boolean} [oConfig.bShowAll=false] Show all rows in the table if true
+	 *  @param {string} [oConfig.sInfo] Information message, displayed as an overlay to the
+	 *    user to let them know what the print view is.
+	 *  @param {string} [oConfig.sMessage] HTML string to show at the top of the document - will
+	 *    be included in the printed document.
+	 */
+	"fnPrint": function ( bView, oConfig )
+	{
+		if ( oConfig === undefined )
+		{
+			oConfig = {};
+		}
+
+		if ( bView === undefined || bView )
+		{
+			this._fnPrintStart( oConfig );
+		}
+		else
+		{
+			this._fnPrintEnd();
+		}
+	},
+
+
+	/**
+	 * Show a message to the end user which is nicely styled
+	 *  @param {string} message The HTML string to show to the user
+	 *  @param {int} time The duration the message is to be shown on screen for (mS)
+	 */
+	"fnInfo": function ( message, time ) {
+		var info = $('<div/>')
+			.addClass( this.classes.print.info )
+			.html( message )
+			.appendTo( 'body' );
+
+		setTimeout( function() {
+			info.fadeOut( "normal", function() {
+				info.remove();
+			} );
+		}, time );
+	},
+
+
+
+	/**
+	 * Get the container element of the instance for attaching to the DOM
+	 *   @returns {node} DOM node
+	 */
+	"fnContainer": function () {
+		return this.dom.container;
+	},
+
+
+
+	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+	 * Private methods (they are of course public in JS, but recommended as private)
+	 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+	/**
+	 * Constructor logic
+	 *  @method  _fnConstruct
+	 *  @param   {Object} oOpts Same as TableTools constructor
+	 *  @returns void
+	 *  @private 
+	 */
+	"_fnConstruct": function ( oOpts )
+	{
+		var that = this;
+
+		this._fnCustomiseSettings( oOpts );
+
+		/* Container element */
+		this.dom.container = document.createElement( this.s.tags.container );
+		this.dom.container.className = this.classes.container;
+
+		/* Row selection config */
+		if ( this.s.select.type != 'none' )
+		{
+			this._fnRowSelectConfig();
+		}
+
+		/* Buttons */
+		this._fnButtonDefinations( this.s.buttonSet, this.dom.container );
+
+		/* Destructor */
+		this.s.dt.aoDestroyCallback.push( {
+			"sName": "TableTools",
+			"fn": function () {
+				$(that.s.dt.nTBody).off( 'click.DTTT_Select', 'tr' );
+				$(that.dom.container).empty();
+
+				// Remove the instance
+				var idx = $.inArray( that, TableTools._aInstances );
+				if ( idx !== -1 ) {
+					TableTools._aInstances.splice( idx, 1 );
+				}
+			}
+		} );
+	},
+
+
+	/**
+	 * Take the user defined settings and the default settings and combine them.
+	 *  @method  _fnCustomiseSettings
+	 *  @param   {Object} oOpts Same as TableTools constructor
+	 *  @returns void
+	 *  @private 
+	 */
+	"_fnCustomiseSettings": function ( oOpts )
+	{
+		/* Is this the master control instance or not? */
+		if ( typeof this.s.dt._TableToolsInit == 'undefined' )
+		{
+			this.s.master = true;
+			this.s.dt._TableToolsInit = true;
+		}
+
+		/* We can use the table node from comparisons to group controls */
+		this.dom.table = this.s.dt.nTable;
+
+		/* Clone the defaults and then the user options */
+		this.s.custom = $.extend( {}, TableTools.DEFAULTS, oOpts );
+
+		/* Flash file location */
+		this.s.swfPath = this.s.custom.sSwfPath;
+		if ( typeof ZeroClipboard_TableTools != 'undefined' )
+		{
+			ZeroClipboard_TableTools.moviePath = this.s.swfPath;
+		}
+
+		/* Table row selecting */
+		this.s.select.type = this.s.custom.sRowSelect;
+		this.s.select.preRowSelect = this.s.custom.fnPreRowSelect;
+		this.s.select.postSelected = this.s.custom.fnRowSelected;
+		this.s.select.postDeselected = this.s.custom.fnRowDeselected;
+
+		// Backwards compatibility - allow the user to specify a custom class in the initialiser
+		if ( this.s.custom.sSelectedClass )
+		{
+			this.classes.select.row = this.s.custom.sSelectedClass;
+		}
+
+		this.s.tags = this.s.custom.oTags;
+
+		/* Button set */
+		this.s.buttonSet = this.s.custom.aButtons;
+	},
+
+
+	/**
+	 * Take the user input arrays and expand them to be fully defined, and then add them to a given
+	 * DOM element
+	 *  @method  _fnButtonDefinations
+	 *  @param {array} buttonSet Set of user defined buttons
+	 *  @param {node} wrapper Node to add the created buttons to
+	 *  @returns void
+	 *  @private 
+	 */
+	"_fnButtonDefinations": function ( buttonSet, wrapper )
+	{
+		var buttonDef;
+
+		for ( var i=0, iLen=buttonSet.length ; i<iLen ; i++ )
+		{
+			if ( typeof buttonSet[i] == "string" )
+			{
+				if ( typeof TableTools.BUTTONS[ buttonSet[i] ] == 'undefined' )
+				{
+					alert( "TableTools: Warning - unknown button type: "+buttonSet[i] );
+					continue;
+				}
+				buttonDef = $.extend( {}, TableTools.BUTTONS[ buttonSet[i] ], true );
+			}
+			else
+			{
+				if ( typeof TableTools.BUTTONS[ buttonSet[i].sExtends ] == 'undefined' )
+				{
+					alert( "TableTools: Warning - unknown button type: "+buttonSet[i].sExtends );
+					continue;
+				}
+				var o = $.extend( {}, TableTools.BUTTONS[ buttonSet[i].sExtends ], true );
+				buttonDef = $.extend( o, buttonSet[i], true );
+			}
+
+			var button = this._fnCreateButton(
+				buttonDef,
+				$(wrapper).hasClass(this.classes.collection.container)
+			);
+
+			if ( button ) {
+				wrapper.appendChild( button );
+			}
+		}
+	},
+
+
+	/**
+	 * Create and configure a TableTools button
+	 *  @method  _fnCreateButton
+	 *  @param   {Object} oConfig Button configuration object
+	 *  @returns {Node} Button element
+	 *  @private 
+	 */
+	"_fnCreateButton": function ( oConfig, bCollectionButton )
+	{
+	  var nButton = this._fnButtonBase( oConfig, bCollectionButton );
+
+		if ( oConfig.sAction.match(/flash/) )
+		{
+			if ( ! this._fnHasFlash() ) {
+				return false;
+			}
+
+			this._fnFlashConfig( nButton, oConfig );
+		}
+		else if ( oConfig.sAction == "text" )
+		{
+			this._fnTextConfig( nButton, oConfig );
+		}
+		else if ( oConfig.sAction == "div" )
+		{
+			this._fnTextConfig( nButton, oConfig );
+		}
+		else if ( oConfig.sAction == "collection" )
+		{
+			this._fnTextConfig( nButton, oConfig );
+			this._fnCollectionConfig( nButton, oConfig );
+		}
+
+		if ( this.s.dt.iTabIndex !== -1 ) {
+			$(nButton)
+				.attr( 'tabindex', this.s.dt.iTabIndex )
+				.attr( 'aria-controls', this.s.dt.sTableId )
+				.on( 'keyup.DTTT', function (e) {
+					// Trigger the click event on return key when focused.
+					// Note that for Flash buttons this has no effect since we
+					// can't programmatically trigger the Flash export
+					if ( e.keyCode === 13 ) {
+						e.stopPropagation();
+
+						$(this).trigger( 'click' );
+					}
+				} )
+				.on( 'mousedown.DTTT', function (e) {
+					// On mousedown we want to stop the focus occurring on the
+					// button, focus is used only for the keyboard navigation.
+					// But using preventDefault for the flash buttons stops the
+					// flash action. However, it is not the button that gets
+					// focused but the flash element for flash buttons, so this
+					// works
+					if ( ! oConfig.sAction.match(/flash/) ) {
+						e.preventDefault();
+					}
+				} );
+		}
+
+		return nButton;
+	},
+
+
+	/**
+	 * Create the DOM needed for the button and apply some base properties. All buttons start here
+	 *  @method  _fnButtonBase
+	 *  @param   {o} oConfig Button configuration object
+	 *  @returns {Node} DIV element for the button
+	 *  @private
+	 */
+	"_fnButtonBase": function ( o, bCollectionButton )
+	{
+		var sTag, sLiner, sClass;
+
+		if ( bCollectionButton )
+		{
+			sTag = o.sTag && o.sTag !== "default" ? o.sTag : this.s.tags.collection.button;
+			sLiner = o.sLinerTag && o.sLinerTag !== "default" ? o.sLiner : this.s.tags.collection.liner;
+			sClass = this.classes.collection.buttons.normal;
+		}
+		else
+		{
+			sTag = o.sTag && o.sTag !== "default" ? o.sTag : this.s.tags.button;
+			sLiner = o.sLinerTag && o.sLinerTag !== "default" ? o.sLiner : this.s.tags.liner;
+			sClass = this.classes.buttons.normal;
+		}
+
+		var
+		  nButton = document.createElement( sTag ),
+		  nSpan = document.createElement( sLiner ),
+		  masterS = this._fnGetMasterSettings();
+
+		nButton.className = sClass+" "+o.sButtonClass;
+		nButton.setAttribute('id', "ToolTables_"+this.s.dt.sInstance+"_"+masterS.buttonCounter );
+		nButton.appendChild( nSpan );
+		nSpan.innerHTML = o.sButtonText;
+
+		masterS.buttonCounter++;
+
+		return nButton;
+	},
+
+
+	/**
+	 * Get the settings object for the master instance. When more than one TableTools instance is
+	 * assigned to a DataTable, only one of them can be the 'master' (for the select rows). As such,
+	 * we will typically want to interact with that master for global properties.
+	 *  @method  _fnGetMasterSettings
+	 *  @returns {Object} TableTools settings object
+	 *  @private 
+	 */
+	"_fnGetMasterSettings": function ()
+	{
+		if ( this.s.master )
+		{
+			return this.s;
+		}
+		else
+		{
+			/* Look for the master which has the same DT as this one */
+			var instances = TableTools._aInstances;
+			for ( var i=0, iLen=instances.length ; i<iLen ; i++ )
+			{
+				if ( this.dom.table == instances[i].s.dt.nTable )
+				{
+					return instances[i].s;
+				}
+			}
+		}
+	},
+
+
+
+	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+	 * Button collection functions
+	 */
+
+	/**
+	 * Create a collection button, when activated will present a drop down list of other buttons
+	 *  @param   {Node} nButton Button to use for the collection activation
+	 *  @param   {Object} oConfig Button configuration object
+	 *  @returns void
+	 *  @private
+	 */
+	"_fnCollectionConfig": function ( nButton, oConfig )
+	{
+		var nHidden = document.createElement( this.s.tags.collection.container );
+		nHidden.style.display = "none";
+		nHidden.className = this.classes.collection.container;
+		oConfig._collection = nHidden;
+		document.body.appendChild( nHidden );
+
+		this._fnButtonDefinations( oConfig.aButtons, nHidden );
+	},
+
+
+	/**
+	 * Show a button collection
+	 *  @param   {Node} nButton Button to use for the collection
+	 *  @param   {Object} oConfig Button configuration object
+	 *  @returns void
+	 *  @private
+	 */
+	"_fnCollectionShow": function ( nButton, oConfig )
+	{
+		var
+			that = this,
+			oPos = $(nButton).offset(),
+			nHidden = oConfig._collection,
+			iDivX = oPos.left,
+			iDivY = oPos.top + $(nButton).outerHeight(),
+			iWinHeight = $(window).height(), iDocHeight = $(document).height(),
+			iWinWidth = $(window).width(), iDocWidth = $(document).width();
+
+		nHidden.style.position = "absolute";
+		nHidden.style.left = iDivX+"px";
+		nHidden.style.top = iDivY+"px";
+		nHidden.style.display = "block";
+		$(nHidden).css('opacity',0);
+
+		var nBackground = document.createElement('div');
+		nBackground.style.position = "absolute";
+		nBackground.style.left = "0px";
+		nBackground.style.top = "0px";
+		nBackground.style.height = ((iWinHeight>iDocHeight)? iWinHeight : iDocHeight) +"px";
+		nBackground.style.width = ((iWinWidth>iDocWidth)? iWinWidth : iDocWidth) +"px";
+		nBackground.className = this.classes.collection.background;
+		$(nBackground).css('opacity',0);
+
+		document.body.appendChild( nBackground );
+		document.body.appendChild( nHidden );
+
+		/* Visual corrections to try and keep the collection visible */
+		var iDivWidth = $(nHidden).outerWidth();
+		var iDivHeight = $(nHidden).outerHeight();
+
+		if ( iDivX + iDivWidth > iDocWidth )
+		{
+			nHidden.style.left = (iDocWidth-iDivWidth)+"px";
+		}
+
+		if ( iDivY + iDivHeight > iDocHeight )
+		{
+			nHidden.style.top = (iDivY-iDivHeight-$(nButton).outerHeight())+"px";
+		}
+
+		this.dom.collection.collection = nHidden;
+		this.dom.collection.background = nBackground;
+
+		/* This results in a very small delay for the end user but it allows the animation to be
+		 * much smoother. If you don't want the animation, then the setTimeout can be removed
+		 */
+		setTimeout( function () {
+			$(nHidden).animate({"opacity": 1}, 500);
+			$(nBackground).animate({"opacity": 0.25}, 500);
+		}, 10 );
+
+		/* Resize the buttons to the Flash contents fit */
+		this.fnResizeButtons();
+
+		/* Event handler to remove the collection display */
+		$(nBackground).click( function () {
+			that._fnCollectionHide.call( that, null, null );
+		} );
+	},
+
+
+	/**
+	 * Hide a button collection
+	 *  @param   {Node} nButton Button to use for the collection
+	 *  @param   {Object} oConfig Button configuration object
+	 *  @returns void
+	 *  @private
+	 */
+	"_fnCollectionHide": function ( nButton, oConfig )
+	{
+		if ( oConfig !== null && oConfig.sExtends == 'collection' )
+		{
+			return;
+		}
+
+		if ( this.dom.collection.collection !== null )
+		{
+			$(this.dom.collection.collection).animate({"opacity": 0}, 500, function (e) {
+				this.style.display = "none";
+			} );
+
+			$(this.dom.collection.background).animate({"opacity": 0}, 500, function (e) {
+				this.parentNode.removeChild( this );
+			} );
+
+			this.dom.collection.collection = null;
+			this.dom.collection.background = null;
+		}
+	},
+
+
+
+	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+	 * Row selection functions
+	 */
+
+	/**
+	 * Add event handlers to a table to allow for row selection
+	 *  @method  _fnRowSelectConfig
+	 *  @returns void
+	 *  @private 
+	 */
+	"_fnRowSelectConfig": function ()
+	{
+		if ( this.s.master )
+		{
+			var
+				that = this,
+				i, iLen,
+				dt = this.s.dt,
+				aoOpenRows = this.s.dt.aoOpenRows;
+
+			$(dt.nTable).addClass( this.classes.select.table );
+
+			// When using OS style selection, we want to cancel the shift text
+			// selection, but only when the shift key is used (so you can
+			// actually still select text in the table)
+			if ( this.s.select.type === 'os' ) {
+				$(dt.nTBody).on( 'mousedown.DTTT_Select', 'tr', function(e) {
+					if ( e.shiftKey ) {
+
+						$(dt.nTBody)
+							.css( '-moz-user-select', 'none' )
+							.one('selectstart.DTTT_Select', 'tr', function () {
+								return false;
+							} );
+					}
+				} );
+
+				$(dt.nTBody).on( 'mouseup.DTTT_Select', 'tr', function(e) {
+					$(dt.nTBody).css( '-moz-user-select', '' );
+				} );
+			}
+
+			// Row selection
+			$(dt.nTBody).on( 'click.DTTT_Select', this.s.custom.sRowSelector, function(e) {
+				var row = this.nodeName.toLowerCase() === 'tr' ?
+					this :
+					$(this).parents('tr')[0];
+
+				var select = that.s.select;
+				var pos = that.s.dt.oInstance.fnGetPosition( row );
+
+				/* Sub-table must be ignored (odd that the selector won't do this with >) */
+				if ( row.parentNode != dt.nTBody ) {
+					return;
+				}
+
+				/* Check that we are actually working with a DataTables controlled row */
+				if ( dt.oInstance.fnGetData(row) === null ) {
+				    return;
+				}
+
+				// Shift click, ctrl click and simple click handling to make
+				// row selection a lot like a file system in desktop OSs
+				if ( select.type == 'os' ) {
+					if ( e.ctrlKey || e.metaKey ) {
+						// Add or remove from the selection
+						if ( that.fnIsSelected( row ) ) {
+							that._fnRowDeselect( row, e );
+						}
+						else {
+							that._fnRowSelect( row, e );
+						}
+					}
+					else if ( e.shiftKey ) {
+						// Add a range of rows, from the last selected row to
+						// this one
+						var rowIdxs = that.s.dt.aiDisplay.slice(); // visible rows
+						var idx1 = $.inArray( select.lastRow, rowIdxs );
+						var idx2 = $.inArray( pos, rowIdxs );
+
+						if ( that.fnGetSelected().length === 0 || idx1 === -1 ) {
+							// select from top to here - slightly odd, but both
+							// Windows and Mac OS do this
+							rowIdxs.splice( $.inArray( pos, rowIdxs )+1, rowIdxs.length );
+						}
+						else {
+							// reverse so we can shift click 'up' as well as down
+							if ( idx1 > idx2 ) {
+								var tmp = idx2;
+								idx2 = idx1;
+								idx1 = tmp;
+							}
+
+							rowIdxs.splice( idx2+1, rowIdxs.length );
+							rowIdxs.splice( 0, idx1 );
+						}
+
+						if ( ! that.fnIsSelected( row ) ) {
+							// Select range
+							that._fnRowSelect( rowIdxs, e );
+						}
+						else {
+							// Deselect range - need to keep the clicked on row selected
+							rowIdxs.splice( $.inArray( pos, rowIdxs ), 1 );
+							that._fnRowDeselect( rowIdxs, e );
+						}
+					}
+					else {
+						// No cmd or shift click. Deselect current if selected,
+						// or select this row only
+						if ( that.fnIsSelected( row ) && that.fnGetSelected().length === 1 ) {
+							that._fnRowDeselect( row, e );
+						}
+						else {
+							that.fnSelectNone();
+							that._fnRowSelect( row, e );
+						}
+					}
+				}
+				else if ( that.fnIsSelected( row ) ) {
+					that._fnRowDeselect( row, e );
+				}
+				else if ( select.type == "single" ) {
+					that.fnSelectNone();
+					that._fnRowSelect( row, e );
+				}
+				else if ( select.type == "multi" ) {
+					that._fnRowSelect( row, e );
+				}
+
+				select.lastRow = pos;
+			} );//.on('selectstart', function () { return false; } );
+
+			// Bind a listener to the DataTable for when new rows are created.
+			// This allows rows to be visually selected when they should be and
+			// deferred rendering is used.
+			dt.oApi._fnCallbackReg( dt, 'aoRowCreatedCallback', function (tr, data, index) {
+				if ( dt.aoData[index]._DTTT_selected ) {
+					$(tr).addClass( that.classes.select.row );
+				}
+			}, 'TableTools-SelectAll' );
+		}
+	},
+
+	/**
+	 * Select rows
+	 *  @param   {*} src Rows to select - see _fnSelectData for a description of valid inputs
+	 *  @private 
+	 */
+	"_fnRowSelect": function ( src, e )
+	{
+		var
+			that = this,
+			data = this._fnSelectData( src ),
+			firstTr = data.length===0 ? null : data[0].nTr,
+			anSelected = [],
+			i, len;
+
+		// Get all the rows that will be selected
+		for ( i=0, len=data.length ; i<len ; i++ )
+		{
+			if ( data[i].nTr )
+			{
+				anSelected.push( data[i].nTr );
+			}
+		}
+
+		// User defined pre-selection function
+		if ( this.s.select.preRowSelect !== null && !this.s.select.preRowSelect.call(this, e, anSelected, true) )
+		{
+			return;
+		}
+
+		// Mark them as selected
+		for ( i=0, len=data.length ; i<len ; i++ )
+		{
+			data[i]._DTTT_selected = true;
+
+			if ( data[i].nTr )
+			{
+				$(data[i].nTr).addClass( that.classes.select.row );
+			}
+		}
+
+		// Post-selection function
+		if ( this.s.select.postSelected !== null )
+		{
+			this.s.select.postSelected.call( this, anSelected );
+		}
+
+		TableTools._fnEventDispatch( this, 'select', anSelected, true );
+	},
+
+	/**
+	 * Deselect rows
+	 *  @param   {*} src Rows to deselect - see _fnSelectData for a description of valid inputs
+	 *  @private 
+	 */
+	"_fnRowDeselect": function ( src, e )
+	{
+		var
+			that = this,
+			data = this._fnSelectData( src ),
+			firstTr = data.length===0 ? null : data[0].nTr,
+			anDeselectedTrs = [],
+			i, len;
+
+		// Get all the rows that will be deselected
+		for ( i=0, len=data.length ; i<len ; i++ )
+		{
+			if ( data[i].nTr )
+			{
+				anDeselectedTrs.push( data[i].nTr );
+			}
+		}
+
+		// User defined pre-selection function
+		if ( this.s.select.preRowSelect !== null && !this.s.select.preRowSelect.call(this, e, anDeselectedTrs, false) )
+		{
+			return;
+		}
+
+		// Mark them as deselected
+		for ( i=0, len=data.length ; i<len ; i++ )
+		{
+			data[i]._DTTT_selected = false;
+
+			if ( data[i].nTr )
+			{
+				$(data[i].nTr).removeClass( that.classes.select.row );
+			}
+		}
+
+		// Post-deselection function
+		if ( this.s.select.postDeselected !== null )
+		{
+			this.s.select.postDeselected.call( this, anDeselectedTrs );
+		}
+
+		TableTools._fnEventDispatch( this, 'select', anDeselectedTrs, false );
+	},
+
+	/**
+	 * Take a data source for row selection and convert it into aoData points for the DT
+	 *   @param {*} src Can be a single DOM TR node, an array of TR nodes (including a
+	 *     a jQuery object), a single aoData point from DataTables, an array of aoData
+	 *     points or an array of aoData indexes
+	 *   @returns {array} An array of aoData points
+	 */
+	"_fnSelectData": function ( src )
+	{
+		var out = [], pos, i, iLen;
+
+		if ( src.nodeName )
+		{
+			// Single node
+			pos = this.s.dt.oInstance.fnGetPosition( src );
+			out.push( this.s.dt.aoData[pos] );
+		}
+		else if ( typeof src.length !== 'undefined' )
+		{
+			// jQuery object or an array of nodes, or aoData points
+			for ( i=0, iLen=src.length ; i<iLen ; i++ )
+			{
+				if ( src[i].nodeName )
+				{
+					pos = this.s.dt.oInstance.fnGetPosition( src[i] );
+					out.push( this.s.dt.aoData[pos] );
+				}
+				else if ( typeof src[i] === 'number' )
+				{
+					out.push( this.s.dt.aoData[ src[i] ] );
+				}
+				else
+				{
+					out.push( src[i] );
+				}
+			}
+
+			return out;
+		}
+		else
+		{
+			// A single aoData point
+			out.push( src );
+		}
+
+		return out;
+	},
+
+
+	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+	 * Text button functions
+	 */
+
+	/**
+	 * Configure a text based button for interaction events
+	 *  @method  _fnTextConfig
+	 *  @param   {Node} nButton Button element which is being considered
+	 *  @param   {Object} oConfig Button configuration object
+	 *  @returns void
+	 *  @private 
+	 */
+	"_fnTextConfig": function ( nButton, oConfig )
+	{
+		var that = this;
+
+		if ( oConfig.fnInit !== null )
+		{
+			oConfig.fnInit.call( this, nButton, oConfig );
+		}
+
+		if ( oConfig.sToolTip !== "" )
+		{
+			nButton.title = oConfig.sToolTip;
+		}
+
+		$(nButton).hover( function () {
+			if ( oConfig.fnMouseover !== null )
+			{
+				oConfig.fnMouseover.call( this, nButton, oConfig, null );
+			}
+		}, function () {
+			if ( oConfig.fnMouseout !== null )
+			{
+				oConfig.fnMouseout.call( this, nButton, oConfig, null );
+			}
+		} );
+
+		if ( oConfig.fnSelect !== null )
+		{
+			TableTools._fnEventListen( this, 'select', function (n) {
+				oConfig.fnSelect.call( that, nButton, oConfig, n );
+			} );
+		}
+
+		$(nButton).click( function (e) {
+			//e.preventDefault();
+
+			if ( oConfig.fnClick !== null )
+			{
+				oConfig.fnClick.call( that, nButton, oConfig, null, e );
+			}
+
+			/* Provide a complete function to match the behaviour of the flash elements */
+			if ( oConfig.fnComplete !== null )
+			{
+				oConfig.fnComplete.call( that, nButton, oConfig, null, null );
+			}
+
+			that._fnCollectionHide( nButton, oConfig );
+		} );
+	},
+
+
+
+	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+	 * Flash button functions
+	 */
+	
+	/**
+	 * Check if the Flash plug-in is available
+	 *  @method  _fnHasFlash
+	 *  @returns {boolean} `true` if Flash available, `false` otherwise
+	 *  @private 
+	 */
+	"_fnHasFlash": function ()
+	{
+		try {
+			var fo = new ActiveXObject('ShockwaveFlash.ShockwaveFlash');
+			if (fo) {
+				return true;
+			}
+		}
+		catch (e) {
+			if (
+				navigator.mimeTypes &&
+				navigator.mimeTypes['application/x-shockwave-flash'] !== undefined &&
+				navigator.mimeTypes['application/x-shockwave-flash'].enabledPlugin
+			) {
+				return true;
+			}
+		}
+
+		return false;
+	},
+
+
+	/**
+	 * Configure a flash based button for interaction events
+	 *  @method  _fnFlashConfig
+	 *  @param   {Node} nButton Button element which is being considered
+	 *  @param   {o} oConfig Button configuration object
+	 *  @returns void
+	 *  @private 
+	 */
+	"_fnFlashConfig": function ( nButton, oConfig )
+	{
+		var that = this;
+		var flash = new ZeroClipboard_TableTools.Client();
+
+		if ( oConfig.fnInit !== null )
+		{
+			oConfig.fnInit.call( this, nButton, oConfig );
+		}
+
+		flash.setHandCursor( true );
+
+		if ( oConfig.sAction == "flash_save" )
+		{
+			flash.setAction( 'save' );
+			flash.setCharSet( (oConfig.sCharSet=="utf16le") ? 'UTF16LE' : 'UTF8' );
+			flash.setBomInc( oConfig.bBomInc );
+			flash.setFileName( oConfig.sFileName.replace('*', this.fnGetTitle(oConfig)) );
+		}
+		else if ( oConfig.sAction == "flash_pdf" )
+		{
+			flash.setAction( 'pdf' );
+			flash.setFileName( oConfig.sFileName.replace('*', this.fnGetTitle(oConfig)) );
+		}
+		else
+		{
+			flash.setAction( 'copy' );
+		}
+
+		flash.addEventListener('mouseOver', function(client) {
+			if ( oConfig.fnMouseover !== null )
+			{
+				oConfig.fnMouseover.call( that, nButton, oConfig, flash );
+			}
+		} );
+
+		flash.addEventListener('mouseOut', function(client) {
+			if ( oConfig.fnMouseout !== null )
+			{
+				oConfig.fnMouseout.call( that, nButton, oConfig, flash );
+			}
+		} );
+
+		flash.addEventListener('mouseDown', function(client) {
+			if ( oConfig.fnClick !== null )
+			{
+				oConfig.fnClick.call( that, nButton, oConfig, flash );
+			}
+		} );
+
+		flash.addEventListener('complete', function (client, text) {
+			if ( oConfig.fnComplete !== null )
+			{
+				oConfig.fnComplete.call( that, nButton, oConfig, flash, text );
+			}
+			that._fnCollectionHide( nButton, oConfig );
+		} );
+
+		this._fnFlashGlue( flash, nButton, oConfig.sToolTip );
+	},
+
+
+	/**
+	 * Wait until the id is in the DOM before we "glue" the swf. Note that this function will call
+	 * itself (using setTimeout) until it completes successfully
+	 *  @method  _fnFlashGlue
+	 *  @param   {Object} clip Zero clipboard object
+	 *  @param   {Node} node node to glue swf to
+	 *  @param   {String} text title of the flash movie
+	 *  @returns void
+	 *  @private 
+	 */
+	"_fnFlashGlue": function ( flash, node, text )
+	{
+		var that = this;
+		var id = node.getAttribute('id');
+
+		if ( document.getElementById(id) )
+		{
+			flash.glue( node, text );
+		}
+		else
+		{
+			setTimeout( function () {
+				that._fnFlashGlue( flash, node, text );
+			}, 100 );
+		}
+	},
+
+
+	/**
+	 * Set the text for the flash clip to deal with
+	 * 
+	 * This function is required for large information sets. There is a limit on the 
+	 * amount of data that can be transferred between Javascript and Flash in a single call, so
+	 * we use this method to build up the text in Flash by sending over chunks. It is estimated
+	 * that the data limit is around 64k, although it is undocumented, and appears to be different
+	 * between different flash versions. We chunk at 8KiB.
+	 *  @method  _fnFlashSetText
+	 *  @param   {Object} clip the ZeroClipboard object
+	 *  @param   {String} sData the data to be set
+	 *  @returns void
+	 *  @private 
+	 */
+	"_fnFlashSetText": function ( clip, sData )
+	{
+		var asData = this._fnChunkData( sData, 8192 );
+
+		clip.clearText();
+		for ( var i=0, iLen=asData.length ; i<iLen ; i++ )
+		{
+			clip.appendText( asData[i] );
+		}
+	},
+
+
+
+	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+	 * Data retrieval functions
+	 */
+
+	/**
+	 * Convert the mixed columns variable into a boolean array the same size as the columns, which
+	 * indicates which columns we want to include
+	 *  @method  _fnColumnTargets
+	 *  @param   {String|Array} mColumns The columns to be included in data retrieval. If a string
+	 *			 then it can take the value of "visible" or "hidden" (to include all visible or
+	 *			 hidden columns respectively). Or an array of column indexes
+	 *  @returns {Array} A boolean array the length of the columns of the table, which each value
+	 *			 indicating if the column is to be included or not
+	 *  @private 
+	 */
+	"_fnColumnTargets": function ( mColumns )
+	{
+		var aColumns = [];
+		var dt = this.s.dt;
+		var i, iLen;
+		var columns = dt.aoColumns;
+		var columnCount = columns.length;
+
+		if ( typeof mColumns == "function" )
+		{
+			var a = mColumns.call( this, dt );
+
+			for ( i=0, iLen=columnCount ; i<iLen ; i++ )
+			{
+				aColumns.push( $.inArray( i, a ) !== -1 ? true : false );
+			}
+		}
+		else if ( typeof mColumns == "object" )
+		{
+			for ( i=0, iLen=columnCount ; i<iLen ; i++ )
+			{
+				aColumns.push( false );
+			}
+
+			for ( i=0, iLen=mColumns.length ; i<iLen ; i++ )
+			{
+				aColumns[ mColumns[i] ] = true;
+			}
+		}
+		else if ( mColumns == "visible" )
+		{
+			for ( i=0, iLen=columnCount ; i<iLen ; i++ )
+			{
+				aColumns.push( columns[i].bVisible ? true : false );
+			}
+		}
+		else if ( mColumns == "hidden" )
+		{
+			for ( i=0, iLen=columnCount ; i<iLen ; i++ )
+			{
+				aColumns.push( columns[i].bVisible ? false : true );
+			}
+		}
+		else if ( mColumns == "sortable" )
+		{
+			for ( i=0, iLen=columnCount ; i<iLen ; i++ )
+			{
+				aColumns.push( columns[i].bSortable ? true : false );
+			}
+		}
+		else /* all */
+		{
+			for ( i=0, iLen=columnCount ; i<iLen ; i++ )
+			{
+				aColumns.push( true );
+			}
+		}
+
+		return aColumns;
+	},
+
+
+	/**
+	 * New line character(s) depend on the platforms
+	 *  @method  method
+	 *  @param   {Object} oConfig Button configuration object - only interested in oConfig.sNewLine
+	 *  @returns {String} Newline character
+	 */
+	"_fnNewline": function ( oConfig )
+	{
+		if ( oConfig.sNewLine == "auto" )
+		{
+			return navigator.userAgent.match(/Windows/) ? "\r\n" : "\n";
+		}
+		else
+		{
+			return oConfig.sNewLine;
+		}
+	},
+
+
+	/**
+	 * Get data from DataTables' internals and format it for output
+	 *  @method  _fnGetDataTablesData
+	 *  @param   {Object} oConfig Button configuration object
+	 *  @param   {String} oConfig.sFieldBoundary Field boundary for the data cells in the string
+	 *  @param   {String} oConfig.sFieldSeperator Field separator for the data cells
+	 *  @param   {String} oConfig.sNewline New line options
+	 *  @param   {Mixed} oConfig.mColumns Which columns should be included in the output
+	 *  @param   {Boolean} oConfig.bHeader Include the header
+	 *  @param   {Boolean} oConfig.bFooter Include the footer
+	 *  @param   {Boolean} oConfig.bSelectedOnly Include only the selected rows in the output
+	 *  @returns {String} Concatenated string of data
+	 *  @private 
+	 */
+	"_fnGetDataTablesData": function ( oConfig )
+	{
+		var i, iLen, j, jLen;
+		var aRow, aData=[], sLoopData='', arr;
+		var dt = this.s.dt, tr, child;
+		var regex = new RegExp(oConfig.sFieldBoundary, "g"); /* Do it here for speed */
+		var aColumnsInc = this._fnColumnTargets( oConfig.mColumns );
+		var bSelectedOnly = (typeof oConfig.bSelectedOnly != 'undefined') ? oConfig.bSelectedOnly : false;
+
+		/*
+		 * Header
+		 */
+		if ( oConfig.bHeader )
+		{
+			aRow = [];
+
+			for ( i=0, iLen=dt.aoColumns.length ; i<iLen ; i++ )
+			{
+				if ( aColumnsInc[i] )
+				{
+					sLoopData = dt.aoColumns[i].sTitle.replace(/\n/g," ").replace( /<.*?>/g, "" ).replace(/^\s+|\s+$/g,"");
+					sLoopData = this._fnHtmlDecode( sLoopData );
+
+					aRow.push( this._fnBoundData( sLoopData, oConfig.sFieldBoundary, regex ) );
+				}
+			}
+
+			aData.push( aRow.join(oConfig.sFieldSeperator) );
+		}
+
+		bSelectedOnly = true;
+
+		/*
+		 * Body
+		 */
+		var aDataIndex;
+		var aSelected = this.fnGetSelectedIndexes();
+		bSelectedOnly = this.s.select.type !== "none" && bSelectedOnly && aSelected.length !== 0;
+
+		if ( bSelectedOnly ) {
+			// Use the selected indexes
+			aDataIndex = aSelected;
+		}
+		else if ( DataTable.Api ) {
+			// 1.10+ style
+			aDataIndex = new DataTable.Api( dt )
+				.rows( oConfig.oSelectorOpts )
+				.indexes()
+				.flatten()
+				.toArray();
+		}
+		else {
+			// 1.9- style
+			aDataIndex = dt.oInstance
+				.$('tr', oConfig.oSelectorOpts)
+				.map( function (id, row) {
+					return dt.oInstance.fnGetPosition( row );
+				} )
+				.get();
+		}
+
+		for ( j=0, jLen=aDataIndex.length ; j<jLen ; j++ )
+		{
+			tr = dt.aoData[ aDataIndex[j] ].nTr;
+			aRow = [];
+
+			/* Columns */
+			for ( i=0, iLen=dt.aoColumns.length ; i<iLen ; i++ )
+			{
+				if ( aColumnsInc[i] )
+				{
+					/* Convert to strings (with small optimisation) */
+					var mTypeData = dt.oApi._fnGetCellData( dt, aDataIndex[j], i, 'display' );
+					if ( oConfig.fnCellRender )
+					{
+						sLoopData = oConfig.fnCellRender( mTypeData, i, tr, aDataIndex[j] )+"";
+					}
+					else if ( typeof mTypeData == "string" )
+					{
+						/* Strip newlines, replace img tags with alt attr. and finally strip html... */
+						sLoopData = mTypeData.replace(/\n/g," ");
+						sLoopData =
+						    sLoopData.replace(/<img.*?\s+alt\s*=\s*(?:"([^"]+)"|'([^']+)'|([^\s>]+)).*?>/gi,
+						        '$1$2$3');
+						sLoopData = sLoopData.replace( /<.*?>/g, "" );
+					}
+					else
+					{
+						sLoopData = mTypeData+"";
+					}
+
+					/* Trim and clean the data */
+					sLoopData = sLoopData.replace(/^\s+/, '').replace(/\s+$/, '');
+					sLoopData = this._fnHtmlDecode( sLoopData );
+
+					/* Bound it and add it to the total data */
+					aRow.push( this._fnBoundData( sLoopData, oConfig.sFieldBoundary, regex ) );
+				}
+			}
+
+			aData.push( aRow.join(oConfig.sFieldSeperator) );
+
+			/* Details rows from fnOpen */
+			if ( oConfig.bOpenRows )
+			{
+				arr = $.grep(dt.aoOpenRows, function(o) { return o.nParent === tr; });
+
+				if ( arr.length === 1 )
+				{
+					sLoopData = this._fnBoundData( $('td', arr[0].nTr).html(), oConfig.sFieldBoundary, regex );
+					aData.push( sLoopData );
+				}
+			}
+		}
+
+		/*
+		 * Footer
+		 */
+		if ( oConfig.bFooter && dt.nTFoot !== null )
+		{
+			aRow = [];
+
+			for ( i=0, iLen=dt.aoColumns.length ; i<iLen ; i++ )
+			{
+				if ( aColumnsInc[i] && dt.aoColumns[i].nTf !== null )
+				{
+					sLoopData = dt.aoColumns[i].nTf.innerHTML.replace(/\n/g," ").replace( /<.*?>/g, "" );
+					sLoopData = this._fnHtmlDecode( sLoopData );
+
+					aRow.push( this._fnBoundData( sLoopData, oConfig.sFieldBoundary, regex ) );
+				}
+			}
+
+			aData.push( aRow.join(oConfig.sFieldSeperator) );
+		}
+
+		var _sLastData = aData.join( this._fnNewline(oConfig) );
+		return _sLastData;
+	},
+
+
+	/**
+	 * Wrap data up with a boundary string
+	 *  @method  _fnBoundData
+	 *  @param   {String} sData data to bound
+	 *  @param   {String} sBoundary bounding char(s)
+	 *  @param   {RegExp} regex search for the bounding chars - constructed outside for efficiency
+	 *			 in the loop
+	 *  @returns {String} bound data
+	 *  @private 
+	 */
+	"_fnBoundData": function ( sData, sBoundary, regex )
+	{
+		if ( sBoundary === "" )
+		{
+			return sData;
+		}
+		else
+		{
+			return sBoundary + sData.replace(regex, sBoundary+sBoundary) + sBoundary;
+		}
+	},
+
+
+	/**
+	 * Break a string up into an array of smaller strings
+	 *  @method  _fnChunkData
+	 *  @param   {String} sData data to be broken up
+	 *  @param   {Int} iSize chunk size
+	 *  @returns {Array} String array of broken up text
+	 *  @private 
+	 */
+	"_fnChunkData": function ( sData, iSize )
+	{
+		var asReturn = [];
+		var iStrlen = sData.length;
+
+		for ( var i=0 ; i<iStrlen ; i+=iSize )
+		{
+			if ( i+iSize < iStrlen )
+			{
+				asReturn.push( sData.substring( i, i+iSize ) );
+			}
+			else
+			{
+				asReturn.push( sData.substring( i, iStrlen ) );
+			}
+		}
+
+		return asReturn;
+	},
+
+
+	/**
+	 * Decode HTML entities
+	 *  @method  _fnHtmlDecode
+	 *  @param   {String} sData encoded string
+	 *  @returns {String} decoded string
+	 *  @private 
+	 */
+	"_fnHtmlDecode": function ( sData )
+	{
+		if ( sData.indexOf('&') === -1 )
+		{
+			return sData;
+		}
+
+		var n = document.createElement('div');
+
+		return sData.replace( /&([^\s]*?);/g, function( match, match2 ) {
+			if ( match.substr(1, 1) === '#' )
+			{
+				return String.fromCharCode( Number(match2.substr(1)) );
+			}
+			else
+			{
+				n.innerHTML = match;
+				return n.childNodes[0].nodeValue;
+			}
+		} );
+	},
+
+
+
+	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+	 * Printing functions
+	 */
+
+	/**
+	 * Show print display
+	 *  @method  _fnPrintStart
+	 *  @param   {Event} e Event object
+	 *  @param   {Object} oConfig Button configuration object
+	 *  @returns void
+	 *  @private 
+	 */
+	"_fnPrintStart": function ( oConfig )
+	{
+	  var that = this;
+	  var oSetDT = this.s.dt;
+
+		/* Parse through the DOM hiding everything that isn't needed for the table */
+		this._fnPrintHideNodes( oSetDT.nTable );
+
+		/* Show the whole table */
+		this.s.print.saveStart = oSetDT._iDisplayStart;
+		this.s.print.saveLength = oSetDT._iDisplayLength;
+
+		if ( oConfig.bShowAll )
+		{
+			oSetDT._iDisplayStart = 0;
+			oSetDT._iDisplayLength = -1;
+			if ( oSetDT.oApi._fnCalculateEnd ) {
+				oSetDT.oApi._fnCalculateEnd( oSetDT );
+			}
+			oSetDT.oApi._fnDraw( oSetDT );
+		}
+
+		/* Adjust the display for scrolling which might be done by DataTables */
+		if ( oSetDT.oScroll.sX !== "" || oSetDT.oScroll.sY !== "" )
+		{
+			this._fnPrintScrollStart( oSetDT );
+
+			// If the table redraws while in print view, the DataTables scrolling
+			// setup would hide the header, so we need to readd it on draw
+			$(this.s.dt.nTable).bind('draw.DTTT_Print', function () {
+				that._fnPrintScrollStart( oSetDT );
+			} );
+		}
+
+		/* Remove the other DataTables feature nodes - but leave the table! and info div */
+		var anFeature = oSetDT.aanFeatures;
+		for ( var cFeature in anFeature )
+		{
+			if ( cFeature != 'i' && cFeature != 't' && cFeature.length == 1 )
+			{
+				for ( var i=0, iLen=anFeature[cFeature].length ; i<iLen ; i++ )
+				{
+					this.dom.print.hidden.push( {
+						"node": anFeature[cFeature][i],
+						"display": "block"
+					} );
+					anFeature[cFeature][i].style.display = "none";
+				}
+			}
+		}
+
+		/* Print class can be used for styling */
+		$(document.body).addClass( this.classes.print.body );
+
+		/* Show information message to let the user know what is happening */
+		if ( oConfig.sInfo !== "" )
+		{
+			this.fnInfo( oConfig.sInfo, 3000 );
+		}
+
+		/* Add a message at the top of the page */
+		if ( oConfig.sMessage )
+		{
+			$('<div/>')
+				.addClass( this.classes.print.message )
+				.html( oConfig.sMessage )
+				.prependTo( 'body' );
+		}
+
+		/* Cache the scrolling and the jump to the top of the page */
+		this.s.print.saveScroll = $(window).scrollTop();
+		window.scrollTo( 0, 0 );
+
+		/* Bind a key event listener to the document for the escape key -
+		 * it is removed in the callback
+		 */
+		$(document).bind( "keydown.DTTT", function(e) {
+			/* Only interested in the escape key */
+			if ( e.keyCode == 27 )
+			{
+				e.preventDefault();
+				that._fnPrintEnd.call( that, e );
+			}
+		} );
+	},
+
+
+	/**
+	 * Printing is finished, resume normal display
+	 *  @method  _fnPrintEnd
+	 *  @param   {Event} e Event object
+	 *  @returns void
+	 *  @private 
+	 */
+	"_fnPrintEnd": function ( e )
+	{
+		var that = this;
+		var oSetDT = this.s.dt;
+		var oSetPrint = this.s.print;
+		var oDomPrint = this.dom.print;
+
+		/* Show all hidden nodes */
+		this._fnPrintShowNodes();
+
+		/* Restore DataTables' scrolling */
+		if ( oSetDT.oScroll.sX !== "" || oSetDT.oScroll.sY !== "" )
+		{
+			$(this.s.dt.nTable).unbind('draw.DTTT_Print');
+
+			this._fnPrintScrollEnd();
+		}
+
+		/* Restore the scroll */
+		window.scrollTo( 0, oSetPrint.saveScroll );
+
+		/* Drop the print message */
+		$('div.'+this.classes.print.message).remove();
+
+		/* Styling class */
+		$(document.body).removeClass( 'DTTT_Print' );
+
+		/* Restore the table length */
+		oSetDT._iDisplayStart = oSetPrint.saveStart;
+		oSetDT._iDisplayLength = oSetPrint.saveLength;
+		if ( oSetDT.oApi._fnCalculateEnd ) {
+			oSetDT.oApi._fnCalculateEnd( oSetDT );
+		}
+		oSetDT.oApi._fnDraw( oSetDT );
+
+		$(document).unbind( "keydown.DTTT" );
+	},
+
+
+	/**
+	 * Take account of scrolling in DataTables by showing the full table
+	 *  @returns void
+	 *  @private 
+	 */
+	"_fnPrintScrollStart": function ()
+	{
+		var
+			oSetDT = this.s.dt,
+			nScrollHeadInner = oSetDT.nScrollHead.getElementsByTagName('div')[0],
+			nScrollHeadTable = nScrollHeadInner.getElementsByTagName('table')[0],
+			nScrollBody = oSetDT.nTable.parentNode,
+			nTheadSize, nTfootSize;
+
+		/* Copy the header in the thead in the body table, this way we show one single table when
+		 * in print view. Note that this section of code is more or less verbatim from DT 1.7.0
+		 */
+		nTheadSize = oSetDT.nTable.getElementsByTagName('thead');
+		if ( nTheadSize.length > 0 )
+		{
+			oSetDT.nTable.removeChild( nTheadSize[0] );
+		}
+
+		if ( oSetDT.nTFoot !== null )
+		{
+			nTfootSize = oSetDT.nTable.getElementsByTagName('tfoot');
+			if ( nTfootSize.length > 0 )
+			{
+				oSetDT.nTable.removeChild( nTfootSize[0] );
+			}
+		}
+
+		nTheadSize = oSetDT.nTHead.cloneNode(true);
+		oSetDT.nTable.insertBefore( nTheadSize, oSetDT.nTable.childNodes[0] );
+
+		if ( oSetDT.nTFoot !== null )
+		{
+			nTfootSize = oSetDT.nTFoot.cloneNode(true);
+			oSetDT.nTable.insertBefore( nTfootSize, oSetDT.nTable.childNodes[1] );
+		}
+
+		/* Now adjust the table's viewport so we can actually see it */
+		if ( oSetDT.oScroll.sX !== "" )
+		{
+			oSetDT.nTable.style.width = $(oSetDT.nTable).outerWidth()+"px";
+			nScrollBody.style.width = $(oSetDT.nTable).outerWidth()+"px";
+			nScrollBody.style.overflow = "visible";
+		}
+
+		if ( oSetDT.oScroll.sY !== "" )
+		{
+			nScrollBody.style.height = $(oSetDT.nTable).outerHeight()+"px";
+			nScrollBody.style.overflow = "visible";
+		}
+	},
+
+
+	/**
+	 * Take account of scrolling in DataTables by showing the full table. Note that the redraw of
+	 * the DataTable that we do will actually deal with the majority of the hard work here
+	 *  @returns void
+	 *  @private 
+	 */
+	"_fnPrintScrollEnd": function ()
+	{
+		var
+			oSetDT = this.s.dt,
+			nScrollBody = oSetDT.nTable.parentNode;
+
+		if ( oSetDT.oScroll.sX !== "" )
+		{
+			nScrollBody.style.width = oSetDT.oApi._fnStringToCss( oSetDT.oScroll.sX );
+			nScrollBody.style.overflow = "auto";
+		}
+
+		if ( oSetDT.oScroll.sY !== "" )
+		{
+			nScrollBody.style.height = oSetDT.oApi._fnStringToCss( oSetDT.oScroll.sY );
+			nScrollBody.style.overflow = "auto";
+		}
+	},
+
+
+	/**
+	 * Resume the display of all TableTools hidden nodes
+	 *  @method  _fnPrintShowNodes
+	 *  @returns void
+	 *  @private 
+	 */
+	"_fnPrintShowNodes": function ( )
+	{
+	  var anHidden = this.dom.print.hidden;
+
+		for ( var i=0, iLen=anHidden.length ; i<iLen ; i++ )
+		{
+			anHidden[i].node.style.display = anHidden[i].display;
+		}
+		anHidden.splice( 0, anHidden.length );
+	},
+
+
+	/**
+	 * Hide nodes which are not needed in order to display the table. Note that this function is
+	 * recursive
+	 *  @method  _fnPrintHideNodes
+	 *  @param   {Node} nNode Element which should be showing in a 'print' display
+	 *  @returns void
+	 *  @private 
+	 */
+	"_fnPrintHideNodes": function ( nNode )
+	{
+		var anHidden = this.dom.print.hidden;
+
+		var nParent = nNode.parentNode;
+		var nChildren = nParent.childNodes;
+		for ( var i=0, iLen=nChildren.length ; i<iLen ; i++ )
+		{
+			if ( nChildren[i] != nNode && nChildren[i].nodeType == 1 )
+			{
+				/* If our node is shown (don't want to show nodes which were previously hidden) */
+				var sDisplay = $(nChildren[i]).css("display");
+				if ( sDisplay != "none" )
+				{
+					/* Cache the node and it's previous state so we can restore it */
+					anHidden.push( {
+						"node": nChildren[i],
+						"display": sDisplay
+					} );
+					nChildren[i].style.display = "none";
+				}
+			}
+		}
+
+		if ( nParent.nodeName.toUpperCase() != "BODY" )
+		{
+			this._fnPrintHideNodes( nParent );
+		}
+	}
+};
+
+
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * Static variables
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+/**
+ * Store of all instances that have been created of TableTools, so one can look up other (when
+ * there is need of a master)
+ *  @property _aInstances
+ *  @type	 Array
+ *  @default  []
+ *  @private
+ */
+TableTools._aInstances = [];
+
+
+/**
+ * Store of all listeners and their callback functions
+ *  @property _aListeners
+ *  @type	 Array
+ *  @default  []
+ */
+TableTools._aListeners = [];
+
+
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * Static methods
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+/**
+ * Get an array of all the master instances
+ *  @method  fnGetMasters
+ *  @returns {Array} List of master TableTools instances
+ *  @static
+ */
+TableTools.fnGetMasters = function ()
+{
+	var a = [];
+	for ( var i=0, iLen=TableTools._aInstances.length ; i<iLen ; i++ )
+	{
+		if ( TableTools._aInstances[i].s.master )
+		{
+			a.push( TableTools._aInstances[i] );
+		}
+	}
+	return a;
+};
+
+/**
+ * Get the master instance for a table node (or id if a string is given)
+ *  @method  fnGetInstance
+ *  @returns {Object} ID of table OR table node, for which we want the TableTools instance
+ *  @static
+ */
+TableTools.fnGetInstance = function ( node )
+{
+	if ( typeof node != 'object' )
+	{
+		node = document.getElementById(node);
+	}
+
+	for ( var i=0, iLen=TableTools._aInstances.length ; i<iLen ; i++ )
+	{
+		if ( TableTools._aInstances[i].s.master && TableTools._aInstances[i].dom.table == node )
+		{
+			return TableTools._aInstances[i];
+		}
+	}
+	return null;
+};
+
+
+/**
+ * Add a listener for a specific event
+ *  @method  _fnEventListen
+ *  @param   {Object} that Scope of the listening function (i.e. 'this' in the caller)
+ *  @param   {String} type Event type
+ *  @param   {Function} fn Function
+ *  @returns void
+ *  @private
+ *  @static
+ */
+TableTools._fnEventListen = function ( that, type, fn )
+{
+	TableTools._aListeners.push( {
+		"that": that,
+		"type": type,
+		"fn": fn
+	} );
+};
+
+
+/**
+ * An event has occurred - look up every listener and fire it off. We check that the event we are
+ * going to fire is attached to the same table (using the table node as reference) before firing
+ *  @method  _fnEventDispatch
+ *  @param   {Object} that Scope of the listening function (i.e. 'this' in the caller)
+ *  @param   {String} type Event type
+ *  @param   {Node} node Element that the event occurred on (may be null)
+ *  @param   {boolean} [selected] Indicate if the node was selected (true) or deselected (false)
+ *  @returns void
+ *  @private
+ *  @static
+ */
+TableTools._fnEventDispatch = function ( that, type, node, selected )
+{
+	var listeners = TableTools._aListeners;
+	for ( var i=0, iLen=listeners.length ; i<iLen ; i++ )
+	{
+		if ( that.dom.table == listeners[i].that.dom.table && listeners[i].type == type )
+		{
+			listeners[i].fn( node, selected );
+		}
+	}
+};
+
+
+
+
+
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * Constants
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+
+
+TableTools.buttonBase = {
+	// Button base
+	"sAction": "text",
+	"sTag": "default",
+	"sLinerTag": "default",
+	"sButtonClass": "DTTT_button_text",
+	"sButtonText": "Button text",
+	"sTitle": "",
+	"sToolTip": "",
+
+	// Common button specific options
+	"sCharSet": "utf8",
+	"bBomInc": false,
+	"sFileName": "*.csv",
+	"sFieldBoundary": "",
+	"sFieldSeperator": "\t",
+	"sNewLine": "auto",
+	"mColumns": "all", /* "all", "visible", "hidden" or array of column integers */
+	"bHeader": true,
+	"bFooter": true,
+	"bOpenRows": false,
+	"bSelectedOnly": false,
+	"oSelectorOpts": undefined, // See http://datatables.net/docs/DataTables/1.9.4/#$ for full options
+
+	// Callbacks
+	"fnMouseover": null,
+	"fnMouseout": null,
+	"fnClick": null,
+	"fnSelect": null,
+	"fnComplete": null,
+	"fnInit": null,
+	"fnCellRender": null
+};
+
+
+/**
+ * @namespace Default button configurations
+ */
+TableTools.BUTTONS = {
+	"csv": $.extend( {}, TableTools.buttonBase, {
+		"sAction": "flash_save",
+		"sButtonClass": "DTTT_button_csv",
+		"sButtonText": "CSV",
+		"sFieldBoundary": '"',
+		"sFieldSeperator": ",",
+		"fnClick": function( nButton, oConfig, flash ) {
+			this.fnSetText( flash, this.fnGetTableData(oConfig) );
+		}
+	} ),
+
+	"xls": $.extend( {}, TableTools.buttonBase, {
+		"sAction": "flash_save",
+		"sCharSet": "utf16le",
+		"bBomInc": true,
+		"sButtonClass": "DTTT_button_xls",
+		"sButtonText": "Excel",
+		"fnClick": function( nButton, oConfig, flash ) {
+			this.fnSetText( flash, this.fnGetTableData(oConfig) );
+		}
+	} ),
+
+	"copy": $.extend( {}, TableTools.buttonBase, {
+		"sAction": "flash_copy",
+		"sButtonClass": "DTTT_button_copy",
+		"sButtonText": "Copy",
+		"fnClick": function( nButton, oConfig, flash ) {
+			this.fnSetText( flash, this.fnGetTableData(oConfig) );
+		},
+		"fnComplete": function(nButton, oConfig, flash, text) {
+			var lines = text.split('\n').length;
+            if (oConfig.bHeader) lines--;
+            if (this.s.dt.nTFoot !== null && oConfig.bFooter) lines--;
+			var plural = (lines==1) ? "" : "s";
+			this.fnInfo( '<h6>Table copied</h6>'+
+				'<p>Copied '+lines+' row'+plural+' to the clipboard.</p>',
+				1500
+			);
+		}
+	} ),
+
+	"pdf": $.extend( {}, TableTools.buttonBase, {
+		"sAction": "flash_pdf",
+		"sNewLine": "\n",
+		"sFileName": "*.pdf",
+		"sButtonClass": "DTTT_button_pdf",
+		"sButtonText": "PDF",
+		"sPdfOrientation": "portrait",
+		"sPdfSize": "A4",
+		"sPdfMessage": "",
+		"fnClick": function( nButton, oConfig, flash ) {
+			this.fnSetText( flash,
+				"title:"+ this.fnGetTitle(oConfig) +"\n"+
+				"message:"+ oConfig.sPdfMessage +"\n"+
+				"colWidth:"+ this.fnCalcColRatios(oConfig) +"\n"+
+				"orientation:"+ oConfig.sPdfOrientation +"\n"+
+				"size:"+ oConfig.sPdfSize +"\n"+
+				"--/TableToolsOpts--\n" +
+				this.fnGetTableData(oConfig)
+			);
+		}
+	} ),
+
+	"print": $.extend( {}, TableTools.buttonBase, {
+		"sInfo": "<h6>Print view</h6><p>Please use your browser's print function to "+
+		  "print this table. Press escape when finished.</p>",
+		"sMessage": null,
+		"bShowAll": true,
+		"sToolTip": "View print view",
+		"sButtonClass": "DTTT_button_print",
+		"sButtonText": "Print",
+		"fnClick": function ( nButton, oConfig ) {
+			this.fnPrint( true, oConfig );
+		}
+	} ),
+
+	"text": $.extend( {}, TableTools.buttonBase ),
+
+	"select": $.extend( {}, TableTools.buttonBase, {
+		"sButtonText": "Select button",
+		"fnSelect": function( nButton, oConfig ) {
+			if ( this.fnGetSelected().length !== 0 ) {
+				$(nButton).removeClass( this.classes.buttons.disabled );
+			} else {
+				$(nButton).addClass( this.classes.buttons.disabled );
+			}
+		},
+		"fnInit": function( nButton, oConfig ) {
+			$(nButton).addClass( this.classes.buttons.disabled );
+		}
+	} ),
+
+	"select_single": $.extend( {}, TableTools.buttonBase, {
+		"sButtonText": "Select button",
+		"fnSelect": function( nButton, oConfig ) {
+			var iSelected = this.fnGetSelected().length;
+			if ( iSelected == 1 ) {
+				$(nButton).removeClass( this.classes.buttons.disabled );
+			} else {
+				$(nButton).addClass( this.classes.buttons.disabled );
+			}
+		},
+		"fnInit": function( nButton, oConfig ) {
+			$(nButton).addClass( this.classes.buttons.disabled );
+		}
+	} ),
+
+	"select_all": $.extend( {}, TableTools.buttonBase, {
+		"sButtonText": "Select all",
+		"fnClick": function( nButton, oConfig ) {
+			this.fnSelectAll();
+		},
+		"fnSelect": function( nButton, oConfig ) {
+			if ( this.fnGetSelected().length == this.s.dt.fnRecordsDisplay() ) {
+				$(nButton).addClass( this.classes.buttons.disabled );
+			} else {
+				$(nButton).removeClass( this.classes.buttons.disabled );
+			}
+		}
+	} ),
+
+	"select_none": $.extend( {}, TableTools.buttonBase, {
+		"sButtonText": "Deselect all",
+		"fnClick": function( nButton, oConfig ) {
+			this.fnSelectNone();
+		},
+		"fnSelect": function( nButton, oConfig ) {
+			if ( this.fnGetSelected().length !== 0 ) {
+				$(nButton).removeClass( this.classes.buttons.disabled );
+			} else {
+				$(nButton).addClass( this.classes.buttons.disabled );
+			}
+		},
+		"fnInit": function( nButton, oConfig ) {
+			$(nButton).addClass( this.classes.buttons.disabled );
+		}
+	} ),
+
+	"ajax": $.extend( {}, TableTools.buttonBase, {
+		"sAjaxUrl": "/xhr.php",
+		"sButtonText": "Ajax button",
+		"fnClick": function( nButton, oConfig ) {
+			var sData = this.fnGetTableData(oConfig);
+			$.ajax( {
+				"url": oConfig.sAjaxUrl,
+				"data": [
+					{ "name": "tableData", "value": sData }
+				],
+				"success": oConfig.fnAjaxComplete,
+				"dataType": "json",
+				"type": "POST",
+				"cache": false,
+				"error": function () {
+					alert( "Error detected when sending table data to server" );
+				}
+			} );
+		},
+		"fnAjaxComplete": function( json ) {
+			alert( 'Ajax complete' );
+		}
+	} ),
+
+	"div": $.extend( {}, TableTools.buttonBase, {
+		"sAction": "div",
+		"sTag": "div",
+		"sButtonClass": "DTTT_nonbutton",
+		"sButtonText": "Text button"
+	} ),
+
+	"collection": $.extend( {}, TableTools.buttonBase, {
+		"sAction": "collection",
+		"sButtonClass": "DTTT_button_collection",
+		"sButtonText": "Collection",
+		"fnClick": function( nButton, oConfig ) {
+			this._fnCollectionShow(nButton, oConfig);
+		}
+	} )
+};
+/*
+ *  on* callback parameters:
+ *     1. node - button element
+ *     2. object - configuration object for this button
+ *     3. object - ZeroClipboard reference (flash button only)
+ *     4. string - Returned string from Flash (flash button only - and only on 'complete')
+ */
+
+// Alias to match the other plug-ins styling
+TableTools.buttons = TableTools.BUTTONS;
+
+
+/**
+ * @namespace Classes used by TableTools - allows the styles to be override easily.
+ *   Note that when TableTools initialises it will take a copy of the classes object
+ *   and will use its internal copy for the remainder of its run time.
+ */
+TableTools.classes = {
+	"container": "DTTT_container",
+	"buttons": {
+		"normal": "DTTT_button",
+		"disabled": "DTTT_disabled"
+	},
+	"collection": {
+		"container": "DTTT_collection",
+		"background": "DTTT_collection_background",
+		"buttons": {
+			"normal": "DTTT_button",
+			"disabled": "DTTT_disabled"
+		}
+	},
+	"select": {
+		"table": "DTTT_selectable",
+		"row": "DTTT_selected selected"
+	},
+	"print": {
+		"body": "DTTT_Print",
+		"info": "DTTT_print_info",
+		"message": "DTTT_PrintMessage"
+	}
+};
+
+
+/**
+ * @namespace ThemeRoller classes - built in for compatibility with DataTables' 
+ *   bJQueryUI option.
+ */
+TableTools.classes_themeroller = {
+	"container": "DTTT_container ui-buttonset ui-buttonset-multi",
+	"buttons": {
+		"normal": "DTTT_button ui-button ui-state-default"
+	},
+	"collection": {
+		"container": "DTTT_collection ui-buttonset ui-buttonset-multi"
+	}
+};
+
+
+/**
+ * @namespace TableTools default settings for initialisation
+ */
+TableTools.DEFAULTS = {
+	"sSwfPath":        "../swf/copy_csv_xls_pdf.swf",
+	"sRowSelect":      "none",
+	"sRowSelector":    "tr",
+	"sSelectedClass":  null,
+	"fnPreRowSelect":  null,
+	"fnRowSelected":   null,
+	"fnRowDeselected": null,
+	"aButtons":        [ "copy", "csv", "xls", "pdf", "print" ],
+	"oTags": {
+		"container": "div",
+		"button": "a", // We really want to use buttons here, but Firefox and IE ignore the
+		                 // click on the Flash element in the button (but not mouse[in|out]).
+		"liner": "span",
+		"collection": {
+			"container": "div",
+			"button": "a",
+			"liner": "span"
+		}
+	}
+};
+
+// Alias to match the other plug-ins
+TableTools.defaults = TableTools.DEFAULTS;
+
+
+/**
+ * Name of this class
+ *  @constant CLASS
+ *  @type	 String
+ *  @default  TableTools
+ */
+TableTools.prototype.CLASS = "TableTools";
+
+
+/**
+ * TableTools version
+ *  @constant  VERSION
+ *  @type	  String
+ *  @default   See code
+ */
+TableTools.version = "2.2.3";
+
+
+
+// DataTables 1.10 API
+// 
+// This will be extended in a big way in in TableTools 3 to provide API methods
+// such as rows().select() and rows.selected() etc, but for the moment the
+// tabletools() method simply returns the instance.
+
+if ( $.fn.dataTable.Api ) {
+	$.fn.dataTable.Api.register( 'tabletools()', function () {
+		var tt = null;
+
+		if ( this.context.length > 0 ) {
+			tt = TableTools.fnGetInstance( this.context[0].nTable );
+		}
+
+		return tt;
+	} );
+}
+
+
+
+
+/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+ * Initialisation
+ * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
+
+/*
+ * Register a new feature with DataTables
+ */
+if ( typeof $.fn.dataTable == "function" &&
+	 typeof $.fn.dataTableExt.fnVersionCheck == "function" &&
+	 $.fn.dataTableExt.fnVersionCheck('1.9.0') )
+{
+	$.fn.dataTableExt.aoFeatures.push( {
+		"fnInit": function( oDTSettings ) {
+			var init = oDTSettings.oInit;
+			var opts = init ?
+				init.tableTools || init.oTableTools || {} :
+				{};
+
+			return new TableTools( oDTSettings.oInstance, opts ).dom.container;
+		},
+		"cFeature": "T",
+		"sFeature": "TableTools"
+	} );
+}
+else
+{
+	alert( "Warning: TableTools requires DataTables 1.9.0 or newer - www.datatables.net/download");
+}
+
+$.fn.DataTable.TableTools = TableTools;
+
+})(jQuery, window, document);
+
+/*
+ * Register a new feature with DataTables
+ */
+if ( typeof $.fn.dataTable == "function" &&
+	 typeof $.fn.dataTableExt.fnVersionCheck == "function" &&
+	 $.fn.dataTableExt.fnVersionCheck('1.9.0') )
+{
+	$.fn.dataTableExt.aoFeatures.push( {
+		"fnInit": function( oDTSettings ) {
+			var oOpts = typeof oDTSettings.oInit.oTableTools != 'undefined' ?
+				oDTSettings.oInit.oTableTools : {};
+
+			var oTT = new TableTools( oDTSettings.oInstance, oOpts );
+			TableTools._aInstances.push( oTT );
+
+			return oTT.dom.container;
+		},
+		"cFeature": "T",
+		"sFeature": "TableTools"
+	} );
+}
+else
+{
+	alert( "Warning: TableTools 2 requires DataTables 1.9.0 or newer - www.datatables.net/download");
+}
+
+
+$.fn.dataTable.TableTools = TableTools;
+$.fn.DataTable.TableTools = TableTools;
+
+
+return TableTools;
+}; // /factory
+
+
+// Define as an AMD module if possible
+if ( typeof define === 'function' && define.amd ) {
+	define( ['jquery', 'datatables'], factory );
+}
+else if ( typeof exports === 'object' ) {
+    // Node/CommonJS
+    factory( require('jquery'), require('datatables') );
+}
+else if ( jQuery && !jQuery.fn.dataTable.TableTools ) {
+	// Otherwise simply initialise as normal, stopping multiple evaluation
+	factory( jQuery, jQuery.fn.dataTable );
+}
+
+
+})(window, document);
+
diff --git a/web/bootstrap-ace-admin/js/dataTables/extensions/TableTools/swf/copy_csv_xls.swf b/web/bootstrap-ace-admin/js/dataTables/extensions/TableTools/swf/copy_csv_xls.swf
new file mode 100755
index 00000000..32fdf052
Binary files /dev/null and b/web/bootstrap-ace-admin/js/dataTables/extensions/TableTools/swf/copy_csv_xls.swf differ
diff --git a/web/bootstrap-ace-admin/js/dataTables/extensions/TableTools/swf/copy_csv_xls_pdf.swf b/web/bootstrap-ace-admin/js/dataTables/extensions/TableTools/swf/copy_csv_xls_pdf.swf
new file mode 100755
index 00000000..ebab741e
Binary files /dev/null and b/web/bootstrap-ace-admin/js/dataTables/extensions/TableTools/swf/copy_csv_xls_pdf.swf differ
diff --git a/web/bootstrap-ace-admin/js/dataTables/jquery.dataTables.bootstrap.js b/web/bootstrap-ace-admin/js/dataTables/jquery.dataTables.bootstrap.js
new file mode 100755
index 00000000..4ec6ad04
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/dataTables/jquery.dataTables.bootstrap.js
@@ -0,0 +1,258 @@
+/* Set the defaults for DataTables initialisation */
+$.extend( true, $.fn.dataTable.defaults, {
+	"sDom":
+		"<'row'<'col-xs-6'l><'col-xs-6'f>r>"+
+		"t"+
+		"<'row'<'col-xs-6'i><'col-xs-6'p>>",
+	"oLanguage": {
+		"sLengthMenu": "Display _MENU_ records"
+	}
+} );
+
+
+/* Default class modification */
+$.extend( $.fn.dataTableExt.oStdClasses, {
+	"sWrapper": "dataTables_wrapper form-inline",
+	"sFilterInput": "form-control input-sm",
+	"sLengthSelect": "form-control input-sm"
+} );
+
+// In 1.10 we use the pagination renderers to draw the Bootstrap paging,
+// rather than  custom plug-in
+if ( $.fn.dataTable.Api ) {
+	$.fn.dataTable.defaults.renderer = 'bootstrap';
+	$.fn.dataTable.ext.renderer.pageButton.bootstrap = function ( settings, host, idx, buttons, page, pages ) {
+		var api = new $.fn.dataTable.Api( settings );
+		var classes = settings.oClasses;
+		var lang = settings.oLanguage.oPaginate;
+		var btnDisplay, btnClass;
+
+		var attach = function( container, buttons ) {
+			var i, ien, node, button;
+			var clickHandler = function ( e ) {
+				e.preventDefault();
+				if ( e.data.action !== 'ellipsis' ) {
+					api.page( e.data.action ).draw( false );
+				}
+			};
+
+			for ( i=0, ien=buttons.length ; i<ien ; i++ ) {
+				button = buttons[i];
+
+				if ( $.isArray( button ) ) {
+					attach( container, button );
+				}
+				else {
+					btnDisplay = '';
+					btnClass = '';
+
+					switch ( button ) {
+						case 'ellipsis':
+							btnDisplay = '&hellip;';
+							btnClass = 'disabled';
+							break;
+
+						case 'first':
+							btnDisplay = lang.sFirst;
+							btnClass = button + (page > 0 ?
+								'' : ' disabled');
+							break;
+
+						case 'previous':
+							btnDisplay = lang.sPrevious;
+							btnClass = button + (page > 0 ?
+								'' : ' disabled');
+							break;
+
+						case 'next':
+							btnDisplay = lang.sNext;
+							btnClass = button + (page < pages-1 ?
+								'' : ' disabled');
+							break;
+
+						case 'last':
+							btnDisplay = lang.sLast;
+							btnClass = button + (page < pages-1 ?
+								'' : ' disabled');
+							break;
+
+						default:
+							btnDisplay = button + 1;
+							btnClass = page === button ?
+								'active' : '';
+							break;
+					}
+
+					if ( btnDisplay ) {
+						node = $('<li>', {
+								'class': classes.sPageButton+' '+btnClass,
+								'aria-controls': settings.sTableId,
+								'tabindex': settings.iTabIndex,
+								'id': idx === 0 && typeof button === 'string' ?
+									settings.sTableId +'_'+ button :
+									null
+							} )
+							.append( $('<a>', {
+									'href': '#'
+								} )
+								.html( btnDisplay )
+							)
+							.appendTo( container );
+
+						settings.oApi._fnBindAction(
+							node, {action: button}, clickHandler
+						);
+					}
+				}
+			}
+		};
+
+		attach(
+			$(host).empty().html('<ul class="pagination"/>').children('ul'),
+			buttons
+		);
+	}
+}
+else {
+	// Integration for 1.9-
+	$.fn.dataTable.defaults.sPaginationType = 'bootstrap';
+
+	/* API method to get paging information */
+	$.fn.dataTableExt.oApi.fnPagingInfo = function ( oSettings )
+	{
+		return {
+			"iStart":         oSettings._iDisplayStart,
+			"iEnd":           oSettings.fnDisplayEnd(),
+			"iLength":        oSettings._iDisplayLength,
+			"iTotal":         oSettings.fnRecordsTotal(),
+			"iFilteredTotal": oSettings.fnRecordsDisplay(),
+			"iPage":          oSettings._iDisplayLength === -1 ?
+				0 : Math.ceil( oSettings._iDisplayStart / oSettings._iDisplayLength ),
+			"iTotalPages":    oSettings._iDisplayLength === -1 ?
+				0 : Math.ceil( oSettings.fnRecordsDisplay() / oSettings._iDisplayLength )
+		};
+	};
+
+	/* Bootstrap style pagination control */
+	$.extend( $.fn.dataTableExt.oPagination, {
+		"bootstrap": {
+			"fnInit": function( oSettings, nPaging, fnDraw ) {
+				var oLang = oSettings.oLanguage.oPaginate;
+				var fnClickHandler = function ( e ) {
+					e.preventDefault();
+					if ( oSettings.oApi._fnPageChange(oSettings, e.data.action) ) {
+						fnDraw( oSettings );
+					}
+				};
+
+				//Pagination Buttons
+				$(nPaging).append(
+					'<ul class="pagination">'+
+						'<li class="prev disabled"><a href="#"><i class="fa fa-angle-double-left"></i></a></li>'+//first
+						'<li class="prev disabled"><a href="#"><i class="fa fa-angle-left"></i></a></li>'+//next
+						'<li class="next disabled"><a href="#"><i class="fa fa-angle-right"></i></a></li>'+//prev
+						'<li class="next disabled"><a href="#"><i class="fa fa-angle-double-right"></i></a></li>'+//last
+					'</ul>'
+				);
+				var els = $('a', nPaging);
+				$(els[0]).bind( 'click.DT', { action: "first" }, fnClickHandler );//first
+				$(els[1]).bind( 'click.DT', { action: "previous" }, fnClickHandler );//next
+				$(els[2]).bind( 'click.DT', { action: "next" }, fnClickHandler );//prev
+				$(els[3]).bind( 'click.DT', { action: "last" }, fnClickHandler );//last
+				//if you don't want the "first & last" buttons, you can remove the relevant HTML line and event handlers
+			},
+
+			"fnUpdate": function ( oSettings, fnDraw ) {
+				var iListLength = 5;
+				var oPaging = oSettings.oInstance.fnPagingInfo();
+				var an = oSettings.aanFeatures.p;
+				var i, ien, j, sClass, iStart, iEnd, iHalf=Math.floor(iListLength/2);
+
+				if ( oPaging.iTotalPages < iListLength) {
+					iStart = 1;
+					iEnd = oPaging.iTotalPages;
+				}
+				else if ( oPaging.iPage <= iHalf ) {
+					iStart = 1;
+					iEnd = iListLength;
+				} else if ( oPaging.iPage >= (oPaging.iTotalPages-iHalf) ) {
+					iStart = oPaging.iTotalPages - iListLength + 1;
+					iEnd = oPaging.iTotalPages;
+				} else {
+					iStart = oPaging.iPage - iHalf + 1;
+					iEnd = iStart + iListLength - 1;
+				}
+
+				for ( i=0, ien=an.length ; i<ien ; i++ ) {
+					// Remove the middle elements
+					$('li:gt(0)', an[i]).filter(':not(.next,.prev)').remove();//ACE
+
+					// Add the new list items and their event handlers
+					for ( j=iStart ; j<=iEnd ; j++ ) {
+						sClass = (j==oPaging.iPage+1) ? 'class="active"' : '';
+						$('<li '+sClass+'><a href="#">'+j+'</a></li>')
+							.insertBefore( $('li.next:eq(0)', an[i])[0] )//ACE
+							.bind('click', function (e) {
+								e.preventDefault();
+								oSettings._iDisplayStart = (parseInt($('a', this).text(),10)-1) * oPaging.iLength;
+								fnDraw( oSettings );
+							} );
+					}
+
+					// Add / remove disabled classes from the static elements
+					//ACE
+					if ( oPaging.iPage === 0 ) {
+						$('li.prev', an[i]).addClass('disabled');
+					} else {
+						$('li.prev', an[i]).removeClass('disabled');
+					}
+	 
+					if ( oPaging.iPage === oPaging.iTotalPages-1 || oPaging.iTotalPages === 0 ) {
+						$('li.next', an[i]).addClass('disabled');
+					} else {
+						$('li.next', an[i]).removeClass('disabled');
+					}
+				}
+			}
+		}
+	} );
+}
+
+
+/*
+ * TableTools Bootstrap compatibility
+ * Required TableTools 2.1+
+ */
+if ( $.fn.DataTable.TableTools ) {
+	// Set the classes that TableTools uses to something suitable for Bootstrap
+	$.extend( true, $.fn.DataTable.TableTools.classes, {
+		"container": "DTTT btn-group",
+		"buttons": {
+			"normal": "btn btn-default",
+			"disabled": "disabled"
+		},
+		"collection": {
+			"container": "DTTT_dropdown dropdown-menu",
+			"buttons": {
+				"normal": "",
+				"disabled": "disabled"
+			}
+		},
+		"print": {
+			"info": "DTTT_print_info modal"
+		},
+		"select": {
+			"row": "active"
+		}
+	} );
+
+	// Have the collection use a bootstrap compatible dropdown
+	$.extend( true, $.fn.DataTable.TableTools.DEFAULTS.oTags, {
+		"collection": {
+			"container": "ul",
+			"button": "li",
+			"liner": "a"
+		}
+	} );
+}
+
diff --git a/web/bootstrap-ace-admin/js/dataTables/jquery.dataTables.js b/web/bootstrap-ace-admin/js/dataTables/jquery.dataTables.js
new file mode 100755
index 00000000..c39ae8cc
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/dataTables/jquery.dataTables.js
@@ -0,0 +1,14840 @@
+/*! DataTables 1.10.4
+ * ©2008-2014 SpryMedia Ltd - datatables.net/license
+ */
+
+/**
+ * @summary     DataTables
+ * @description Paginate, search and order HTML tables
+ * @version     1.10.4
+ * @file        jquery.dataTables.js
+ * @author      SpryMedia Ltd (www.sprymedia.co.uk)
+ * @contact     www.sprymedia.co.uk/contact
+ * @copyright   Copyright 2008-2014 SpryMedia Ltd.
+ *
+ * This source file is free software, available under the following license:
+ *   MIT license - http://datatables.net/license
+ *
+ * This source file is distributed in the hope that it will be useful, but
+ * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY
+ * or FITNESS FOR A PARTICULAR PURPOSE. See the license files for details.
+ *
+ * For details please refer to: http://www.datatables.net
+ */
+
+/*jslint evil: true, undef: true, browser: true */
+/*globals $,require,jQuery,define,_selector_run,_selector_opts,_selector_first,_selector_row_indexes,_ext,_Api,_api_register,_api_registerPlural,_re_new_lines,_re_html,_re_formatted_numeric,_re_escape_regex,_empty,_intVal,_numToDecimal,_isNumber,_isHtml,_htmlNumeric,_pluck,_pluck_order,_range,_stripHtml,_unique,_fnBuildAjax,_fnAjaxUpdate,_fnAjaxParameters,_fnAjaxUpdateDraw,_fnAjaxDataSrc,_fnAddColumn,_fnColumnOptions,_fnAdjustColumnSizing,_fnVisibleToColumnIndex,_fnColumnIndexToVisible,_fnVisbleColumns,_fnGetColumns,_fnColumnTypes,_fnApplyColumnDefs,_fnHungarianMap,_fnCamelToHungarian,_fnLanguageCompat,_fnBrowserDetect,_fnAddData,_fnAddTr,_fnNodeToDataIndex,_fnNodeToColumnIndex,_fnGetCellData,_fnSetCellData,_fnSplitObjNotation,_fnGetObjectDataFn,_fnSetObjectDataFn,_fnGetDataMaster,_fnClearTable,_fnDeleteIndex,_fnInvalidate,_fnGetRowElements,_fnCreateTr,_fnBuildHead,_fnDrawHead,_fnDraw,_fnReDraw,_fnAddOptionsHtml,_fnDetectHeader,_fnGetUniqueThs,_fnFeatureHtmlFilter,_fnFilterComplete,_fnFilterCustom,_fnFilterColumn,_fnFilter,_fnFilterCreateSearch,_fnEscapeRegex,_fnFilterData,_fnFeatureHtmlInfo,_fnUpdateInfo,_fnInfoMacros,_fnInitialise,_fnInitComplete,_fnLengthChange,_fnFeatureHtmlLength,_fnFeatureHtmlPaginate,_fnPageChange,_fnFeatureHtmlProcessing,_fnProcessingDisplay,_fnFeatureHtmlTable,_fnScrollDraw,_fnApplyToChildren,_fnCalculateColumnWidths,_fnThrottle,_fnConvertToWidth,_fnScrollingWidthAdjust,_fnGetWidestNode,_fnGetMaxLenString,_fnStringToCss,_fnScrollBarWidth,_fnSortFlatten,_fnSort,_fnSortAria,_fnSortListener,_fnSortAttachListener,_fnSortingClasses,_fnSortData,_fnSaveState,_fnLoadState,_fnSettingsFromNode,_fnLog,_fnMap,_fnBindAction,_fnCallbackReg,_fnCallbackFire,_fnLengthOverflow,_fnRenderer,_fnDataSource,_fnRowAttributes*/
+
+(/** @lends <global> */function( window, document, undefined ) {
+
+(function( factory ) {
+	"use strict";
+
+	if ( typeof define === 'function' && define.amd ) {
+		// Define as an AMD module if possible
+		define( 'datatables', ['jquery'], factory );
+	}
+    else if ( typeof exports === 'object' ) {
+        // Node/CommonJS
+        factory( require( 'jquery' ) );
+    }
+	else if ( jQuery && !jQuery.fn.dataTable ) {
+		// Define using browser globals otherwise
+		// Prevent multiple instantiations if the script is loaded twice
+		factory( jQuery );
+	}
+}
+(/** @lends <global> */function( $ ) {
+	"use strict";
+
+	/**
+	 * DataTables is a plug-in for the jQuery Javascript library. It is a highly
+	 * flexible tool, based upon the foundations of progressive enhancement,
+	 * which will add advanced interaction controls to any HTML table. For a
+	 * full list of features please refer to
+	 * [DataTables.net](href="http://datatables.net).
+	 *
+	 * Note that the `DataTable` object is not a global variable but is aliased
+	 * to `jQuery.fn.DataTable` and `jQuery.fn.dataTable` through which it may
+	 * be  accessed.
+	 *
+	 *  @class
+	 *  @param {object} [init={}] Configuration object for DataTables. Options
+	 *    are defined by {@link DataTable.defaults}
+	 *  @requires jQuery 1.7+
+	 *
+	 *  @example
+	 *    // Basic initialisation
+	 *    $(document).ready( function {
+	 *      $('#example').dataTable();
+	 *    } );
+	 *
+	 *  @example
+	 *    // Initialisation with configuration options - in this case, disable
+	 *    // pagination and sorting.
+	 *    $(document).ready( function {
+	 *      $('#example').dataTable( {
+	 *        "paginate": false,
+	 *        "sort": false
+	 *      } );
+	 *    } );
+	 */
+	var DataTable;
+
+	
+	/*
+	 * It is useful to have variables which are scoped locally so only the
+	 * DataTables functions can access them and they don't leak into global space.
+	 * At the same time these functions are often useful over multiple files in the
+	 * core and API, so we list, or at least document, all variables which are used
+	 * by DataTables as private variables here. This also ensures that there is no
+	 * clashing of variable names and that they can easily referenced for reuse.
+	 */
+	
+	
+	// Defined else where
+	//  _selector_run
+	//  _selector_opts
+	//  _selector_first
+	//  _selector_row_indexes
+	
+	var _ext; // DataTable.ext
+	var _Api; // DataTable.Api
+	var _api_register; // DataTable.Api.register
+	var _api_registerPlural; // DataTable.Api.registerPlural
+	
+	var _re_dic = {};
+	var _re_new_lines = /[\r\n]/g;
+	var _re_html = /<.*?>/g;
+	var _re_date_start = /^[\w\+\-]/;
+	var _re_date_end = /[\w\+\-]$/;
+	
+	// Escape regular expression special characters
+	var _re_escape_regex = new RegExp( '(\\' + [ '/', '.', '*', '+', '?', '|', '(', ')', '[', ']', '{', '}', '\\', '$', '^', '-' ].join('|\\') + ')', 'g' );
+	
+	// U+2009 is thin space and U+202F is narrow no-break space, both used in many
+	// standards as thousands separators
+	var _re_formatted_numeric = /[',$£€¥%\u2009\u202F]/g;
+	
+	
+	var _empty = function ( d ) {
+		return !d || d === true || d === '-' ? true : false;
+	};
+	
+	
+	var _intVal = function ( s ) {
+		var integer = parseInt( s, 10 );
+		return !isNaN(integer) && isFinite(s) ? integer : null;
+	};
+	
+	// Convert from a formatted number with characters other than `.` as the
+	// decimal place, to a Javascript number
+	var _numToDecimal = function ( num, decimalPoint ) {
+		// Cache created regular expressions for speed as this function is called often
+		if ( ! _re_dic[ decimalPoint ] ) {
+			_re_dic[ decimalPoint ] = new RegExp( _fnEscapeRegex( decimalPoint ), 'g' );
+		}
+		return typeof num === 'string' && decimalPoint !== '.' ?
+			num.replace( /\./g, '' ).replace( _re_dic[ decimalPoint ], '.' ) :
+			num;
+	};
+	
+	
+	var _isNumber = function ( d, decimalPoint, formatted ) {
+		var strType = typeof d === 'string';
+	
+		if ( decimalPoint && strType ) {
+			d = _numToDecimal( d, decimalPoint );
+		}
+	
+		if ( formatted && strType ) {
+			d = d.replace( _re_formatted_numeric, '' );
+		}
+	
+		return _empty( d ) || (!isNaN( parseFloat(d) ) && isFinite( d ));
+	};
+	
+	
+	// A string without HTML in it can be considered to be HTML still
+	var _isHtml = function ( d ) {
+		return _empty( d ) || typeof d === 'string';
+	};
+	
+	
+	var _htmlNumeric = function ( d, decimalPoint, formatted ) {
+		if ( _empty( d ) ) {
+			return true;
+		}
+	
+		var html = _isHtml( d );
+		return ! html ?
+			null :
+			_isNumber( _stripHtml( d ), decimalPoint, formatted ) ?
+				true :
+				null;
+	};
+	
+	
+	var _pluck = function ( a, prop, prop2 ) {
+		var out = [];
+		var i=0, ien=a.length;
+	
+		// Could have the test in the loop for slightly smaller code, but speed
+		// is essential here
+		if ( prop2 !== undefined ) {
+			for ( ; i<ien ; i++ ) {
+				if ( a[i] && a[i][ prop ] ) {
+					out.push( a[i][ prop ][ prop2 ] );
+				}
+			}
+		}
+		else {
+			for ( ; i<ien ; i++ ) {
+				if ( a[i] ) {
+					out.push( a[i][ prop ] );
+				}
+			}
+		}
+	
+		return out;
+	};
+	
+	
+	// Basically the same as _pluck, but rather than looping over `a` we use `order`
+	// as the indexes to pick from `a`
+	var _pluck_order = function ( a, order, prop, prop2 )
+	{
+		var out = [];
+		var i=0, ien=order.length;
+	
+		// Could have the test in the loop for slightly smaller code, but speed
+		// is essential here
+		if ( prop2 !== undefined ) {
+			for ( ; i<ien ; i++ ) {
+				if ( a[ order[i] ][ prop ] ) {
+					out.push( a[ order[i] ][ prop ][ prop2 ] );
+				}
+			}
+		}
+		else {
+			for ( ; i<ien ; i++ ) {
+				out.push( a[ order[i] ][ prop ] );
+			}
+		}
+	
+		return out;
+	};
+	
+	
+	var _range = function ( len, start )
+	{
+		var out = [];
+		var end;
+	
+		if ( start === undefined ) {
+			start = 0;
+			end = len;
+		}
+		else {
+			end = start;
+			start = len;
+		}
+	
+		for ( var i=start ; i<end ; i++ ) {
+			out.push( i );
+		}
+	
+		return out;
+	};
+	
+	
+	var _removeEmpty = function ( a )
+	{
+		var out = [];
+	
+		for ( var i=0, ien=a.length ; i<ien ; i++ ) {
+			if ( a[i] ) { // careful - will remove all falsy values!
+				out.push( a[i] );
+			}
+		}
+	
+		return out;
+	};
+	
+	
+	var _stripHtml = function ( d ) {
+		return d.replace( _re_html, '' );
+	};
+	
+	
+	/**
+	 * Find the unique elements in a source array.
+	 *
+	 * @param  {array} src Source array
+	 * @return {array} Array of unique items
+	 * @ignore
+	 */
+	var _unique = function ( src )
+	{
+		// A faster unique method is to use object keys to identify used values,
+		// but this doesn't work with arrays or objects, which we must also
+		// consider. See jsperf.com/compare-array-unique-versions/4 for more
+		// information.
+		var
+			out = [],
+			val,
+			i, ien=src.length,
+			j, k=0;
+	
+		again: for ( i=0 ; i<ien ; i++ ) {
+			val = src[i];
+	
+			for ( j=0 ; j<k ; j++ ) {
+				if ( out[j] === val ) {
+					continue again;
+				}
+			}
+	
+			out.push( val );
+			k++;
+		}
+	
+		return out;
+	};
+	
+	
+	
+	/**
+	 * Create a mapping object that allows camel case parameters to be looked up
+	 * for their Hungarian counterparts. The mapping is stored in a private
+	 * parameter called `_hungarianMap` which can be accessed on the source object.
+	 *  @param {object} o
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnHungarianMap ( o )
+	{
+		var
+			hungarian = 'a aa ai ao as b fn i m o s ',
+			match,
+			newKey,
+			map = {};
+	
+		$.each( o, function (key, val) {
+			match = key.match(/^([^A-Z]+?)([A-Z])/);
+	
+			if ( match && hungarian.indexOf(match[1]+' ') !== -1 )
+			{
+				newKey = key.replace( match[0], match[2].toLowerCase() );
+				map[ newKey ] = key;
+	
+				if ( match[1] === 'o' )
+				{
+					_fnHungarianMap( o[key] );
+				}
+			}
+		} );
+	
+		o._hungarianMap = map;
+	}
+	
+	
+	/**
+	 * Convert from camel case parameters to Hungarian, based on a Hungarian map
+	 * created by _fnHungarianMap.
+	 *  @param {object} src The model object which holds all parameters that can be
+	 *    mapped.
+	 *  @param {object} user The object to convert from camel case to Hungarian.
+	 *  @param {boolean} force When set to `true`, properties which already have a
+	 *    Hungarian value in the `user` object will be overwritten. Otherwise they
+	 *    won't be.
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnCamelToHungarian ( src, user, force )
+	{
+		if ( ! src._hungarianMap ) {
+			_fnHungarianMap( src );
+		}
+	
+		var hungarianKey;
+	
+		$.each( user, function (key, val) {
+			hungarianKey = src._hungarianMap[ key ];
+	
+			if ( hungarianKey !== undefined && (force || user[hungarianKey] === undefined) )
+			{
+				// For objects, we need to buzz down into the object to copy parameters
+				if ( hungarianKey.charAt(0) === 'o' )
+				{
+					// Copy the camelCase options over to the hungarian
+					if ( ! user[ hungarianKey ] ) {
+						user[ hungarianKey ] = {};
+					}
+					$.extend( true, user[hungarianKey], user[key] );
+	
+					_fnCamelToHungarian( src[hungarianKey], user[hungarianKey], force );
+				}
+				else {
+					user[hungarianKey] = user[ key ];
+				}
+			}
+		} );
+	}
+	
+	
+	/**
+	 * Language compatibility - when certain options are given, and others aren't, we
+	 * need to duplicate the values over, in order to provide backwards compatibility
+	 * with older language files.
+	 *  @param {object} oSettings dataTables settings object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnLanguageCompat( lang )
+	{
+		var defaults = DataTable.defaults.oLanguage;
+		var zeroRecords = lang.sZeroRecords;
+	
+		/* Backwards compatibility - if there is no sEmptyTable given, then use the same as
+		 * sZeroRecords - assuming that is given.
+		 */
+		if ( ! lang.sEmptyTable && zeroRecords &&
+			defaults.sEmptyTable === "No data available in table" )
+		{
+			_fnMap( lang, lang, 'sZeroRecords', 'sEmptyTable' );
+		}
+	
+		/* Likewise with loading records */
+		if ( ! lang.sLoadingRecords && zeroRecords &&
+			defaults.sLoadingRecords === "Loading..." )
+		{
+			_fnMap( lang, lang, 'sZeroRecords', 'sLoadingRecords' );
+		}
+	
+		// Old parameter name of the thousands separator mapped onto the new
+		if ( lang.sInfoThousands ) {
+			lang.sThousands = lang.sInfoThousands;
+		}
+	
+		var decimal = lang.sDecimal;
+		if ( decimal ) {
+			_addNumericSort( decimal );
+		}
+	}
+	
+	
+	/**
+	 * Map one parameter onto another
+	 *  @param {object} o Object to map
+	 *  @param {*} knew The new parameter name
+	 *  @param {*} old The old parameter name
+	 */
+	var _fnCompatMap = function ( o, knew, old ) {
+		if ( o[ knew ] !== undefined ) {
+			o[ old ] = o[ knew ];
+		}
+	};
+	
+	
+	/**
+	 * Provide backwards compatibility for the main DT options. Note that the new
+	 * options are mapped onto the old parameters, so this is an external interface
+	 * change only.
+	 *  @param {object} init Object to map
+	 */
+	function _fnCompatOpts ( init )
+	{
+		_fnCompatMap( init, 'ordering',      'bSort' );
+		_fnCompatMap( init, 'orderMulti',    'bSortMulti' );
+		_fnCompatMap( init, 'orderClasses',  'bSortClasses' );
+		_fnCompatMap( init, 'orderCellsTop', 'bSortCellsTop' );
+		_fnCompatMap( init, 'order',         'aaSorting' );
+		_fnCompatMap( init, 'orderFixed',    'aaSortingFixed' );
+		_fnCompatMap( init, 'paging',        'bPaginate' );
+		_fnCompatMap( init, 'pagingType',    'sPaginationType' );
+		_fnCompatMap( init, 'pageLength',    'iDisplayLength' );
+		_fnCompatMap( init, 'searching',     'bFilter' );
+	
+		// Column search objects are in an array, so it needs to be converted
+		// element by element
+		var searchCols = init.aoSearchCols;
+	
+		if ( searchCols ) {
+			for ( var i=0, ien=searchCols.length ; i<ien ; i++ ) {
+				if ( searchCols[i] ) {
+					_fnCamelToHungarian( DataTable.models.oSearch, searchCols[i] );
+				}
+			}
+		}
+	}
+	
+	
+	/**
+	 * Provide backwards compatibility for column options. Note that the new options
+	 * are mapped onto the old parameters, so this is an external interface change
+	 * only.
+	 *  @param {object} init Object to map
+	 */
+	function _fnCompatCols ( init )
+	{
+		_fnCompatMap( init, 'orderable',     'bSortable' );
+		_fnCompatMap( init, 'orderData',     'aDataSort' );
+		_fnCompatMap( init, 'orderSequence', 'asSorting' );
+		_fnCompatMap( init, 'orderDataType', 'sortDataType' );
+	}
+	
+	
+	/**
+	 * Browser feature detection for capabilities, quirks
+	 *  @param {object} settings dataTables settings object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnBrowserDetect( settings )
+	{
+		var browser = settings.oBrowser;
+	
+		// Scrolling feature / quirks detection
+		var n = $('<div/>')
+			.css( {
+				position: 'absolute',
+				top: 0,
+				left: 0,
+				height: 1,
+				width: 1,
+				overflow: 'hidden'
+			} )
+			.append(
+				$('<div/>')
+					.css( {
+						position: 'absolute',
+						top: 1,
+						left: 1,
+						width: 100,
+						overflow: 'scroll'
+					} )
+					.append(
+						$('<div class="test"/>')
+							.css( {
+								width: '100%',
+								height: 10
+							} )
+					)
+			)
+			.appendTo( 'body' );
+	
+		var test = n.find('.test');
+	
+		// IE6/7 will oversize a width 100% element inside a scrolling element, to
+		// include the width of the scrollbar, while other browsers ensure the inner
+		// element is contained without forcing scrolling
+		browser.bScrollOversize = test[0].offsetWidth === 100;
+	
+		// In rtl text layout, some browsers (most, but not all) will place the
+		// scrollbar on the left, rather than the right.
+		browser.bScrollbarLeft = test.offset().left !== 1;
+	
+		n.remove();
+	}
+	
+	
+	/**
+	 * Array.prototype reduce[Right] method, used for browsers which don't support
+	 * JS 1.6. Done this way to reduce code size, since we iterate either way
+	 *  @param {object} settings dataTables settings object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnReduce ( that, fn, init, start, end, inc )
+	{
+		var
+			i = start,
+			value,
+			isSet = false;
+	
+		if ( init !== undefined ) {
+			value = init;
+			isSet = true;
+		}
+	
+		while ( i !== end ) {
+			if ( ! that.hasOwnProperty(i) ) {
+				continue;
+			}
+	
+			value = isSet ?
+				fn( value, that[i], i, that ) :
+				that[i];
+	
+			isSet = true;
+			i += inc;
+		}
+	
+		return value;
+	}
+	
+	/**
+	 * Add a column to the list used for the table with default values
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param {node} nTh The th element for this column
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnAddColumn( oSettings, nTh )
+	{
+		// Add column to aoColumns array
+		var oDefaults = DataTable.defaults.column;
+		var iCol = oSettings.aoColumns.length;
+		var oCol = $.extend( {}, DataTable.models.oColumn, oDefaults, {
+			"nTh": nTh ? nTh : document.createElement('th'),
+			"sTitle":    oDefaults.sTitle    ? oDefaults.sTitle    : nTh ? nTh.innerHTML : '',
+			"aDataSort": oDefaults.aDataSort ? oDefaults.aDataSort : [iCol],
+			"mData": oDefaults.mData ? oDefaults.mData : iCol,
+			idx: iCol
+		} );
+		oSettings.aoColumns.push( oCol );
+	
+		// Add search object for column specific search. Note that the `searchCols[ iCol ]`
+		// passed into extend can be undefined. This allows the user to give a default
+		// with only some of the parameters defined, and also not give a default
+		var searchCols = oSettings.aoPreSearchCols;
+		searchCols[ iCol ] = $.extend( {}, DataTable.models.oSearch, searchCols[ iCol ] );
+	
+		// Use the default column options function to initialise classes etc
+		_fnColumnOptions( oSettings, iCol, null );
+	}
+	
+	
+	/**
+	 * Apply options for a column
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param {int} iCol column index to consider
+	 *  @param {object} oOptions object with sType, bVisible and bSearchable etc
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnColumnOptions( oSettings, iCol, oOptions )
+	{
+		var oCol = oSettings.aoColumns[ iCol ];
+		var oClasses = oSettings.oClasses;
+		var th = $(oCol.nTh);
+	
+		// Try to get width information from the DOM. We can't get it from CSS
+		// as we'd need to parse the CSS stylesheet. `width` option can override
+		if ( ! oCol.sWidthOrig ) {
+			// Width attribute
+			oCol.sWidthOrig = th.attr('width') || null;
+	
+			// Style attribute
+			var t = (th.attr('style') || '').match(/width:\s*(\d+[pxem%]+)/);
+			if ( t ) {
+				oCol.sWidthOrig = t[1];
+			}
+		}
+	
+		/* User specified column options */
+		if ( oOptions !== undefined && oOptions !== null )
+		{
+			// Backwards compatibility
+			_fnCompatCols( oOptions );
+	
+			// Map camel case parameters to their Hungarian counterparts
+			_fnCamelToHungarian( DataTable.defaults.column, oOptions );
+	
+			/* Backwards compatibility for mDataProp */
+			if ( oOptions.mDataProp !== undefined && !oOptions.mData )
+			{
+				oOptions.mData = oOptions.mDataProp;
+			}
+	
+			if ( oOptions.sType )
+			{
+				oCol._sManualType = oOptions.sType;
+			}
+	
+			// `class` is a reserved word in Javascript, so we need to provide
+			// the ability to use a valid name for the camel case input
+			if ( oOptions.className && ! oOptions.sClass )
+			{
+				oOptions.sClass = oOptions.className;
+			}
+	
+			$.extend( oCol, oOptions );
+			_fnMap( oCol, oOptions, "sWidth", "sWidthOrig" );
+	
+			/* iDataSort to be applied (backwards compatibility), but aDataSort will take
+			 * priority if defined
+			 */
+			if ( typeof oOptions.iDataSort === 'number' )
+			{
+				oCol.aDataSort = [ oOptions.iDataSort ];
+			}
+			_fnMap( oCol, oOptions, "aDataSort" );
+		}
+	
+		/* Cache the data get and set functions for speed */
+		var mDataSrc = oCol.mData;
+		var mData = _fnGetObjectDataFn( mDataSrc );
+		var mRender = oCol.mRender ? _fnGetObjectDataFn( oCol.mRender ) : null;
+	
+		var attrTest = function( src ) {
+			return typeof src === 'string' && src.indexOf('@') !== -1;
+		};
+		oCol._bAttrSrc = $.isPlainObject( mDataSrc ) && (
+			attrTest(mDataSrc.sort) || attrTest(mDataSrc.type) || attrTest(mDataSrc.filter)
+		);
+	
+		oCol.fnGetData = function (rowData, type, meta) {
+			var innerData = mData( rowData, type, undefined, meta );
+	
+			return mRender && type ?
+				mRender( innerData, type, rowData, meta ) :
+				innerData;
+		};
+		oCol.fnSetData = function ( rowData, val, meta ) {
+			return _fnSetObjectDataFn( mDataSrc )( rowData, val, meta );
+		};
+	
+		// Indicate if DataTables should read DOM data as an object or array
+		// Used in _fnGetRowElements
+		if ( typeof mDataSrc !== 'number' ) {
+			oSettings._rowReadObject = true;
+		}
+	
+		/* Feature sorting overrides column specific when off */
+		if ( !oSettings.oFeatures.bSort )
+		{
+			oCol.bSortable = false;
+			th.addClass( oClasses.sSortableNone ); // Have to add class here as order event isn't called
+		}
+	
+		/* Check that the class assignment is correct for sorting */
+		var bAsc = $.inArray('asc', oCol.asSorting) !== -1;
+		var bDesc = $.inArray('desc', oCol.asSorting) !== -1;
+		if ( !oCol.bSortable || (!bAsc && !bDesc) )
+		{
+			oCol.sSortingClass = oClasses.sSortableNone;
+			oCol.sSortingClassJUI = "";
+		}
+		else if ( bAsc && !bDesc )
+		{
+			oCol.sSortingClass = oClasses.sSortableAsc;
+			oCol.sSortingClassJUI = oClasses.sSortJUIAscAllowed;
+		}
+		else if ( !bAsc && bDesc )
+		{
+			oCol.sSortingClass = oClasses.sSortableDesc;
+			oCol.sSortingClassJUI = oClasses.sSortJUIDescAllowed;
+		}
+		else
+		{
+			oCol.sSortingClass = oClasses.sSortable;
+			oCol.sSortingClassJUI = oClasses.sSortJUI;
+		}
+	}
+	
+	
+	/**
+	 * Adjust the table column widths for new data. Note: you would probably want to
+	 * do a redraw after calling this function!
+	 *  @param {object} settings dataTables settings object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnAdjustColumnSizing ( settings )
+	{
+		/* Not interested in doing column width calculation if auto-width is disabled */
+		if ( settings.oFeatures.bAutoWidth !== false )
+		{
+			var columns = settings.aoColumns;
+	
+			_fnCalculateColumnWidths( settings );
+			for ( var i=0 , iLen=columns.length ; i<iLen ; i++ )
+			{
+				columns[i].nTh.style.width = columns[i].sWidth;
+			}
+		}
+	
+		var scroll = settings.oScroll;
+		if ( scroll.sY !== '' || scroll.sX !== '')
+		{
+			_fnScrollDraw( settings );
+		}
+	
+		_fnCallbackFire( settings, null, 'column-sizing', [settings] );
+	}
+	
+	
+	/**
+	 * Covert the index of a visible column to the index in the data array (take account
+	 * of hidden columns)
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param {int} iMatch Visible column index to lookup
+	 *  @returns {int} i the data index
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnVisibleToColumnIndex( oSettings, iMatch )
+	{
+		var aiVis = _fnGetColumns( oSettings, 'bVisible' );
+	
+		return typeof aiVis[iMatch] === 'number' ?
+			aiVis[iMatch] :
+			null;
+	}
+	
+	
+	/**
+	 * Covert the index of an index in the data array and convert it to the visible
+	 *   column index (take account of hidden columns)
+	 *  @param {int} iMatch Column index to lookup
+	 *  @param {object} oSettings dataTables settings object
+	 *  @returns {int} i the data index
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnColumnIndexToVisible( oSettings, iMatch )
+	{
+		var aiVis = _fnGetColumns( oSettings, 'bVisible' );
+		var iPos = $.inArray( iMatch, aiVis );
+	
+		return iPos !== -1 ? iPos : null;
+	}
+	
+	
+	/**
+	 * Get the number of visible columns
+	 *  @param {object} oSettings dataTables settings object
+	 *  @returns {int} i the number of visible columns
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnVisbleColumns( oSettings )
+	{
+		return _fnGetColumns( oSettings, 'bVisible' ).length;
+	}
+	
+	
+	/**
+	 * Get an array of column indexes that match a given property
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param {string} sParam Parameter in aoColumns to look for - typically
+	 *    bVisible or bSearchable
+	 *  @returns {array} Array of indexes with matched properties
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnGetColumns( oSettings, sParam )
+	{
+		var a = [];
+	
+		$.map( oSettings.aoColumns, function(val, i) {
+			if ( val[sParam] ) {
+				a.push( i );
+			}
+		} );
+	
+		return a;
+	}
+	
+	
+	/**
+	 * Calculate the 'type' of a column
+	 *  @param {object} settings dataTables settings object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnColumnTypes ( settings )
+	{
+		var columns = settings.aoColumns;
+		var data = settings.aoData;
+		var types = DataTable.ext.type.detect;
+		var i, ien, j, jen, k, ken;
+		var col, cell, detectedType, cache;
+	
+		// For each column, spin over the 
+		for ( i=0, ien=columns.length ; i<ien ; i++ ) {
+			col = columns[i];
+			cache = [];
+	
+			if ( ! col.sType && col._sManualType ) {
+				col.sType = col._sManualType;
+			}
+			else if ( ! col.sType ) {
+				for ( j=0, jen=types.length ; j<jen ; j++ ) {
+					for ( k=0, ken=data.length ; k<ken ; k++ ) {
+						// Use a cache array so we only need to get the type data
+						// from the formatter once (when using multiple detectors)
+						if ( cache[k] === undefined ) {
+							cache[k] = _fnGetCellData( settings, k, i, 'type' );
+						}
+	
+						detectedType = types[j]( cache[k], settings );
+	
+						// If null, then this type can't apply to this column, so
+						// rather than testing all cells, break out. There is an
+						// exception for the last type which is `html`. We need to
+						// scan all rows since it is possible to mix string and HTML
+						// types
+						if ( ! detectedType && j !== types.length-1 ) {
+							break;
+						}
+	
+						// Only a single match is needed for html type since it is
+						// bottom of the pile and very similar to string
+						if ( detectedType === 'html' ) {
+							break;
+						}
+					}
+	
+					// Type is valid for all data points in the column - use this
+					// type
+					if ( detectedType ) {
+						col.sType = detectedType;
+						break;
+					}
+				}
+	
+				// Fall back - if no type was detected, always use string
+				if ( ! col.sType ) {
+					col.sType = 'string';
+				}
+			}
+		}
+	}
+	
+	
+	/**
+	 * Take the column definitions and static columns arrays and calculate how
+	 * they relate to column indexes. The callback function will then apply the
+	 * definition found for a column to a suitable configuration object.
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param {array} aoColDefs The aoColumnDefs array that is to be applied
+	 *  @param {array} aoCols The aoColumns array that defines columns individually
+	 *  @param {function} fn Callback function - takes two parameters, the calculated
+	 *    column index and the definition for that column.
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnApplyColumnDefs( oSettings, aoColDefs, aoCols, fn )
+	{
+		var i, iLen, j, jLen, k, kLen, def;
+		var columns = oSettings.aoColumns;
+	
+		// Column definitions with aTargets
+		if ( aoColDefs )
+		{
+			/* Loop over the definitions array - loop in reverse so first instance has priority */
+			for ( i=aoColDefs.length-1 ; i>=0 ; i-- )
+			{
+				def = aoColDefs[i];
+	
+				/* Each definition can target multiple columns, as it is an array */
+				var aTargets = def.targets !== undefined ?
+					def.targets :
+					def.aTargets;
+	
+				if ( ! $.isArray( aTargets ) )
+				{
+					aTargets = [ aTargets ];
+				}
+	
+				for ( j=0, jLen=aTargets.length ; j<jLen ; j++ )
+				{
+					if ( typeof aTargets[j] === 'number' && aTargets[j] >= 0 )
+					{
+						/* Add columns that we don't yet know about */
+						while( columns.length <= aTargets[j] )
+						{
+							_fnAddColumn( oSettings );
+						}
+	
+						/* Integer, basic index */
+						fn( aTargets[j], def );
+					}
+					else if ( typeof aTargets[j] === 'number' && aTargets[j] < 0 )
+					{
+						/* Negative integer, right to left column counting */
+						fn( columns.length+aTargets[j], def );
+					}
+					else if ( typeof aTargets[j] === 'string' )
+					{
+						/* Class name matching on TH element */
+						for ( k=0, kLen=columns.length ; k<kLen ; k++ )
+						{
+							if ( aTargets[j] == "_all" ||
+							     $(columns[k].nTh).hasClass( aTargets[j] ) )
+							{
+								fn( k, def );
+							}
+						}
+					}
+				}
+			}
+		}
+	
+		// Statically defined columns array
+		if ( aoCols )
+		{
+			for ( i=0, iLen=aoCols.length ; i<iLen ; i++ )
+			{
+				fn( i, aoCols[i] );
+			}
+		}
+	}
+	
+	/**
+	 * Add a data array to the table, creating DOM node etc. This is the parallel to
+	 * _fnGatherData, but for adding rows from a Javascript source, rather than a
+	 * DOM source.
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param {array} aData data array to be added
+	 *  @param {node} [nTr] TR element to add to the table - optional. If not given,
+	 *    DataTables will create a row automatically
+	 *  @param {array} [anTds] Array of TD|TH elements for the row - must be given
+	 *    if nTr is.
+	 *  @returns {int} >=0 if successful (index of new aoData entry), -1 if failed
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnAddData ( oSettings, aDataIn, nTr, anTds )
+	{
+		/* Create the object for storing information about this new row */
+		var iRow = oSettings.aoData.length;
+		var oData = $.extend( true, {}, DataTable.models.oRow, {
+			src: nTr ? 'dom' : 'data'
+		} );
+	
+		oData._aData = aDataIn;
+		oSettings.aoData.push( oData );
+	
+		/* Create the cells */
+		var nTd, sThisType;
+		var columns = oSettings.aoColumns;
+		for ( var i=0, iLen=columns.length ; i<iLen ; i++ )
+		{
+			// When working with a row, the data source object must be populated. In
+			// all other cases, the data source object is already populated, so we
+			// don't overwrite it, which might break bindings etc
+			if ( nTr ) {
+				_fnSetCellData( oSettings, iRow, i, _fnGetCellData( oSettings, iRow, i ) );
+			}
+			columns[i].sType = null;
+		}
+	
+		/* Add to the display array */
+		oSettings.aiDisplayMaster.push( iRow );
+	
+		/* Create the DOM information, or register it if already present */
+		if ( nTr || ! oSettings.oFeatures.bDeferRender )
+		{
+			_fnCreateTr( oSettings, iRow, nTr, anTds );
+		}
+	
+		return iRow;
+	}
+	
+	
+	/**
+	 * Add one or more TR elements to the table. Generally we'd expect to
+	 * use this for reading data from a DOM sourced table, but it could be
+	 * used for an TR element. Note that if a TR is given, it is used (i.e.
+	 * it is not cloned).
+	 *  @param {object} settings dataTables settings object
+	 *  @param {array|node|jQuery} trs The TR element(s) to add to the table
+	 *  @returns {array} Array of indexes for the added rows
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnAddTr( settings, trs )
+	{
+		var row;
+	
+		// Allow an individual node to be passed in
+		if ( ! (trs instanceof $) ) {
+			trs = $(trs);
+		}
+	
+		return trs.map( function (i, el) {
+			row = _fnGetRowElements( settings, el );
+			return _fnAddData( settings, row.data, el, row.cells );
+		} );
+	}
+	
+	
+	/**
+	 * Take a TR element and convert it to an index in aoData
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param {node} n the TR element to find
+	 *  @returns {int} index if the node is found, null if not
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnNodeToDataIndex( oSettings, n )
+	{
+		return (n._DT_RowIndex!==undefined) ? n._DT_RowIndex : null;
+	}
+	
+	
+	/**
+	 * Take a TD element and convert it into a column data index (not the visible index)
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param {int} iRow The row number the TD/TH can be found in
+	 *  @param {node} n The TD/TH element to find
+	 *  @returns {int} index if the node is found, -1 if not
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnNodeToColumnIndex( oSettings, iRow, n )
+	{
+		return $.inArray( n, oSettings.aoData[ iRow ].anCells );
+	}
+	
+	
+	/**
+	 * Get the data for a given cell from the internal cache, taking into account data mapping
+	 *  @param {object} settings dataTables settings object
+	 *  @param {int} rowIdx aoData row id
+	 *  @param {int} colIdx Column index
+	 *  @param {string} type data get type ('display', 'type' 'filter' 'sort')
+	 *  @returns {*} Cell data
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnGetCellData( settings, rowIdx, colIdx, type )
+	{
+		var draw           = settings.iDraw;
+		var col            = settings.aoColumns[colIdx];
+		var rowData        = settings.aoData[rowIdx]._aData;
+		var defaultContent = col.sDefaultContent;
+		var cellData       = col.fnGetData( rowData, type, {
+			settings: settings,
+			row:      rowIdx,
+			col:      colIdx
+		} );
+	
+		if ( cellData === undefined ) {
+			if ( settings.iDrawError != draw && defaultContent === null ) {
+				_fnLog( settings, 0, "Requested unknown parameter "+
+					(typeof col.mData=='function' ? '{function}' : "'"+col.mData+"'")+
+					" for row "+rowIdx, 4 );
+				settings.iDrawError = draw;
+			}
+			return defaultContent;
+		}
+	
+		/* When the data source is null, we can use default column data */
+		if ( (cellData === rowData || cellData === null) && defaultContent !== null ) {
+			cellData = defaultContent;
+		}
+		else if ( typeof cellData === 'function' ) {
+			// If the data source is a function, then we run it and use the return,
+			// executing in the scope of the data object (for instances)
+			return cellData.call( rowData );
+		}
+	
+		if ( cellData === null && type == 'display' ) {
+			return '';
+		}
+		return cellData;
+	}
+	
+	
+	/**
+	 * Set the value for a specific cell, into the internal data cache
+	 *  @param {object} settings dataTables settings object
+	 *  @param {int} rowIdx aoData row id
+	 *  @param {int} colIdx Column index
+	 *  @param {*} val Value to set
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnSetCellData( settings, rowIdx, colIdx, val )
+	{
+		var col     = settings.aoColumns[colIdx];
+		var rowData = settings.aoData[rowIdx]._aData;
+	
+		col.fnSetData( rowData, val, {
+			settings: settings,
+			row:      rowIdx,
+			col:      colIdx
+		}  );
+	}
+	
+	
+	// Private variable that is used to match action syntax in the data property object
+	var __reArray = /\[.*?\]$/;
+	var __reFn = /\(\)$/;
+	
+	/**
+	 * Split string on periods, taking into account escaped periods
+	 * @param  {string} str String to split
+	 * @return {array} Split string
+	 */
+	function _fnSplitObjNotation( str )
+	{
+		return $.map( str.match(/(\\.|[^\.])+/g), function ( s ) {
+			return s.replace(/\\./g, '.');
+		} );
+	}
+	
+	
+	/**
+	 * Return a function that can be used to get data from a source object, taking
+	 * into account the ability to use nested objects as a source
+	 *  @param {string|int|function} mSource The data source for the object
+	 *  @returns {function} Data get function
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnGetObjectDataFn( mSource )
+	{
+		if ( $.isPlainObject( mSource ) )
+		{
+			/* Build an object of get functions, and wrap them in a single call */
+			var o = {};
+			$.each( mSource, function (key, val) {
+				if ( val ) {
+					o[key] = _fnGetObjectDataFn( val );
+				}
+			} );
+	
+			return function (data, type, row, meta) {
+				var t = o[type] || o._;
+				return t !== undefined ?
+					t(data, type, row, meta) :
+					data;
+			};
+		}
+		else if ( mSource === null )
+		{
+			/* Give an empty string for rendering / sorting etc */
+			return function (data) { // type, row and meta also passed, but not used
+				return data;
+			};
+		}
+		else if ( typeof mSource === 'function' )
+		{
+			return function (data, type, row, meta) {
+				return mSource( data, type, row, meta );
+			};
+		}
+		else if ( typeof mSource === 'string' && (mSource.indexOf('.') !== -1 ||
+			      mSource.indexOf('[') !== -1 || mSource.indexOf('(') !== -1) )
+		{
+			/* If there is a . in the source string then the data source is in a
+			 * nested object so we loop over the data for each level to get the next
+			 * level down. On each loop we test for undefined, and if found immediately
+			 * return. This allows entire objects to be missing and sDefaultContent to
+			 * be used if defined, rather than throwing an error
+			 */
+			var fetchData = function (data, type, src) {
+				var arrayNotation, funcNotation, out, innerSrc;
+	
+				if ( src !== "" )
+				{
+					var a = _fnSplitObjNotation( src );
+	
+					for ( var i=0, iLen=a.length ; i<iLen ; i++ )
+					{
+						// Check if we are dealing with special notation
+						arrayNotation = a[i].match(__reArray);
+						funcNotation = a[i].match(__reFn);
+	
+						if ( arrayNotation )
+						{
+							// Array notation
+							a[i] = a[i].replace(__reArray, '');
+	
+							// Condition allows simply [] to be passed in
+							if ( a[i] !== "" ) {
+								data = data[ a[i] ];
+							}
+							out = [];
+	
+							// Get the remainder of the nested object to get
+							a.splice( 0, i+1 );
+							innerSrc = a.join('.');
+	
+							// Traverse each entry in the array getting the properties requested
+							for ( var j=0, jLen=data.length ; j<jLen ; j++ ) {
+								out.push( fetchData( data[j], type, innerSrc ) );
+							}
+	
+							// If a string is given in between the array notation indicators, that
+							// is used to join the strings together, otherwise an array is returned
+							var join = arrayNotation[0].substring(1, arrayNotation[0].length-1);
+							data = (join==="") ? out : out.join(join);
+	
+							// The inner call to fetchData has already traversed through the remainder
+							// of the source requested, so we exit from the loop
+							break;
+						}
+						else if ( funcNotation )
+						{
+							// Function call
+							a[i] = a[i].replace(__reFn, '');
+							data = data[ a[i] ]();
+							continue;
+						}
+	
+						if ( data === null || data[ a[i] ] === undefined )
+						{
+							return undefined;
+						}
+						data = data[ a[i] ];
+					}
+				}
+	
+				return data;
+			};
+	
+			return function (data, type) { // row and meta also passed, but not used
+				return fetchData( data, type, mSource );
+			};
+		}
+		else
+		{
+			/* Array or flat object mapping */
+			return function (data, type) { // row and meta also passed, but not used
+				return data[mSource];
+			};
+		}
+	}
+	
+	
+	/**
+	 * Return a function that can be used to set data from a source object, taking
+	 * into account the ability to use nested objects as a source
+	 *  @param {string|int|function} mSource The data source for the object
+	 *  @returns {function} Data set function
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnSetObjectDataFn( mSource )
+	{
+		if ( $.isPlainObject( mSource ) )
+		{
+			/* Unlike get, only the underscore (global) option is used for for
+			 * setting data since we don't know the type here. This is why an object
+			 * option is not documented for `mData` (which is read/write), but it is
+			 * for `mRender` which is read only.
+			 */
+			return _fnSetObjectDataFn( mSource._ );
+		}
+		else if ( mSource === null )
+		{
+			/* Nothing to do when the data source is null */
+			return function () {};
+		}
+		else if ( typeof mSource === 'function' )
+		{
+			return function (data, val, meta) {
+				mSource( data, 'set', val, meta );
+			};
+		}
+		else if ( typeof mSource === 'string' && (mSource.indexOf('.') !== -1 ||
+			      mSource.indexOf('[') !== -1 || mSource.indexOf('(') !== -1) )
+		{
+			/* Like the get, we need to get data from a nested object */
+			var setData = function (data, val, src) {
+				var a = _fnSplitObjNotation( src ), b;
+				var aLast = a[a.length-1];
+				var arrayNotation, funcNotation, o, innerSrc;
+	
+				for ( var i=0, iLen=a.length-1 ; i<iLen ; i++ )
+				{
+					// Check if we are dealing with an array notation request
+					arrayNotation = a[i].match(__reArray);
+					funcNotation = a[i].match(__reFn);
+	
+					if ( arrayNotation )
+					{
+						a[i] = a[i].replace(__reArray, '');
+						data[ a[i] ] = [];
+	
+						// Get the remainder of the nested object to set so we can recurse
+						b = a.slice();
+						b.splice( 0, i+1 );
+						innerSrc = b.join('.');
+	
+						// Traverse each entry in the array setting the properties requested
+						for ( var j=0, jLen=val.length ; j<jLen ; j++ )
+						{
+							o = {};
+							setData( o, val[j], innerSrc );
+							data[ a[i] ].push( o );
+						}
+	
+						// The inner call to setData has already traversed through the remainder
+						// of the source and has set the data, thus we can exit here
+						return;
+					}
+					else if ( funcNotation )
+					{
+						// Function call
+						a[i] = a[i].replace(__reFn, '');
+						data = data[ a[i] ]( val );
+					}
+	
+					// If the nested object doesn't currently exist - since we are
+					// trying to set the value - create it
+					if ( data[ a[i] ] === null || data[ a[i] ] === undefined )
+					{
+						data[ a[i] ] = {};
+					}
+					data = data[ a[i] ];
+				}
+	
+				// Last item in the input - i.e, the actual set
+				if ( aLast.match(__reFn ) )
+				{
+					// Function call
+					data = data[ aLast.replace(__reFn, '') ]( val );
+				}
+				else
+				{
+					// If array notation is used, we just want to strip it and use the property name
+					// and assign the value. If it isn't used, then we get the result we want anyway
+					data[ aLast.replace(__reArray, '') ] = val;
+				}
+			};
+	
+			return function (data, val) { // meta is also passed in, but not used
+				return setData( data, val, mSource );
+			};
+		}
+		else
+		{
+			/* Array or flat object mapping */
+			return function (data, val) { // meta is also passed in, but not used
+				data[mSource] = val;
+			};
+		}
+	}
+	
+	
+	/**
+	 * Return an array with the full table data
+	 *  @param {object} oSettings dataTables settings object
+	 *  @returns array {array} aData Master data array
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnGetDataMaster ( settings )
+	{
+		return _pluck( settings.aoData, '_aData' );
+	}
+	
+	
+	/**
+	 * Nuke the table
+	 *  @param {object} oSettings dataTables settings object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnClearTable( settings )
+	{
+		settings.aoData.length = 0;
+		settings.aiDisplayMaster.length = 0;
+		settings.aiDisplay.length = 0;
+	}
+	
+	
+	 /**
+	 * Take an array of integers (index array) and remove a target integer (value - not
+	 * the key!)
+	 *  @param {array} a Index array to target
+	 *  @param {int} iTarget value to find
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnDeleteIndex( a, iTarget, splice )
+	{
+		var iTargetIndex = -1;
+	
+		for ( var i=0, iLen=a.length ; i<iLen ; i++ )
+		{
+			if ( a[i] == iTarget )
+			{
+				iTargetIndex = i;
+			}
+			else if ( a[i] > iTarget )
+			{
+				a[i]--;
+			}
+		}
+	
+		if ( iTargetIndex != -1 && splice === undefined )
+		{
+			a.splice( iTargetIndex, 1 );
+		}
+	}
+	
+	
+	/**
+	 * Mark cached data as invalid such that a re-read of the data will occur when
+	 * the cached data is next requested. Also update from the data source object.
+	 *
+	 * @param {object} settings DataTables settings object
+	 * @param {int}    rowIdx   Row index to invalidate
+	 * @param {string} [src]    Source to invalidate from: undefined, 'auto', 'dom'
+	 *     or 'data'
+	 * @param {int}    [colIdx] Column index to invalidate. If undefined the whole
+	 *     row will be invalidated
+	 * @memberof DataTable#oApi
+	 *
+	 * @todo For the modularisation of v1.11 this will need to become a callback, so
+	 *   the sort and filter methods can subscribe to it. That will required
+	 *   initialisation options for sorting, which is why it is not already baked in
+	 */
+	function _fnInvalidate( settings, rowIdx, src, colIdx )
+	{
+		var row = settings.aoData[ rowIdx ];
+		var i, ien;
+		var cellWrite = function ( cell, col ) {
+			// This is very frustrating, but in IE if you just write directly
+			// to innerHTML, and elements that are overwritten are GC'ed,
+			// even if there is a reference to them elsewhere
+			while ( cell.childNodes.length ) {
+				cell.removeChild( cell.firstChild );
+			}
+	
+			cell.innerHTML = _fnGetCellData( settings, rowIdx, col, 'display' );
+		};
+	
+		// Are we reading last data from DOM or the data object?
+		if ( src === 'dom' || ((! src || src === 'auto') && row.src === 'dom') ) {
+			// Read the data from the DOM
+			row._aData = _fnGetRowElements(
+					settings, row, colIdx, colIdx === undefined ? undefined : row._aData
+				)
+				.data;
+		}
+		else {
+			// Reading from data object, update the DOM
+			var cells = row.anCells;
+	
+			if ( cells ) {
+				if ( colIdx !== undefined ) {
+					cellWrite( cells[colIdx], colIdx );
+				}
+				else {
+					for ( i=0, ien=cells.length ; i<ien ; i++ ) {
+						cellWrite( cells[i], i );
+					}
+				}
+			}
+		}
+	
+		// For both row and cell invalidation, the cached data for sorting and
+		// filtering is nulled out
+		row._aSortData = null;
+		row._aFilterData = null;
+	
+		// Invalidate the type for a specific column (if given) or all columns since
+		// the data might have changed
+		var cols = settings.aoColumns;
+		if ( colIdx !== undefined ) {
+			cols[ colIdx ].sType = null;
+		}
+		else {
+			for ( i=0, ien=cols.length ; i<ien ; i++ ) {
+				cols[i].sType = null;
+			}
+	
+			// Update DataTables special `DT_*` attributes for the row
+			_fnRowAttributes( row );
+		}
+	}
+	
+	
+	/**
+	 * Build a data source object from an HTML row, reading the contents of the
+	 * cells that are in the row.
+	 *
+	 * @param {object} settings DataTables settings object
+	 * @param {node|object} TR element from which to read data or existing row
+	 *   object from which to re-read the data from the cells
+	 * @param {int} [colIdx] Optional column index
+	 * @param {array|object} [d] Data source object. If `colIdx` is given then this
+	 *   parameter should also be given and will be used to write the data into.
+	 *   Only the column in question will be written
+	 * @returns {object} Object with two parameters: `data` the data read, in
+	 *   document order, and `cells` and array of nodes (they can be useful to the
+	 *   caller, so rather than needing a second traversal to get them, just return
+	 *   them from here).
+	 * @memberof DataTable#oApi
+	 */
+	function _fnGetRowElements( settings, row, colIdx, d )
+	{
+		var
+			tds = [],
+			td = row.firstChild,
+			name, col, o, i=0, contents,
+			columns = settings.aoColumns,
+			objectRead = settings._rowReadObject;
+	
+		// Allow the data object to be passed in, or construct
+		d = d || objectRead ? {} : [];
+	
+		var attr = function ( str, td  ) {
+			if ( typeof str === 'string' ) {
+				var idx = str.indexOf('@');
+	
+				if ( idx !== -1 ) {
+					var attr = str.substring( idx+1 );
+					var setter = _fnSetObjectDataFn( str );
+					setter( d, td.getAttribute( attr ) );
+				}
+			}
+		};
+	
+		// Read data from a cell and store into the data object
+		var cellProcess = function ( cell ) {
+			if ( colIdx === undefined || colIdx === i ) {
+				col = columns[i];
+				contents = $.trim(cell.innerHTML);
+	
+				if ( col && col._bAttrSrc ) {
+					var setter = _fnSetObjectDataFn( col.mData._ );
+					setter( d, contents );
+	
+					attr( col.mData.sort, cell );
+					attr( col.mData.type, cell );
+					attr( col.mData.filter, cell );
+				}
+				else {
+					// Depending on the `data` option for the columns the data can
+					// be read to either an object or an array.
+					if ( objectRead ) {
+						if ( ! col._setter ) {
+							// Cache the setter function
+							col._setter = _fnSetObjectDataFn( col.mData );
+						}
+						col._setter( d, contents );
+					}
+					else {
+						d[i] = contents;
+					}
+				}
+			}
+	
+			i++;
+		};
+	
+		if ( td ) {
+			// `tr` element was passed in
+			while ( td ) {
+				name = td.nodeName.toUpperCase();
+	
+				if ( name == "TD" || name == "TH" ) {
+					cellProcess( td );
+					tds.push( td );
+				}
+	
+				td = td.nextSibling;
+			}
+		}
+		else {
+			// Existing row object passed in
+			tds = row.anCells;
+			
+			for ( var j=0, jen=tds.length ; j<jen ; j++ ) {
+				cellProcess( tds[j] );
+			}
+		}
+	
+		return {
+			data: d,
+			cells: tds
+		};
+	}
+	/**
+	 * Create a new TR element (and it's TD children) for a row
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param {int} iRow Row to consider
+	 *  @param {node} [nTrIn] TR element to add to the table - optional. If not given,
+	 *    DataTables will create a row automatically
+	 *  @param {array} [anTds] Array of TD|TH elements for the row - must be given
+	 *    if nTr is.
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnCreateTr ( oSettings, iRow, nTrIn, anTds )
+	{
+		var
+			row = oSettings.aoData[iRow],
+			rowData = row._aData,
+			cells = [],
+			nTr, nTd, oCol,
+			i, iLen;
+	
+		if ( row.nTr === null )
+		{
+			nTr = nTrIn || document.createElement('tr');
+	
+			row.nTr = nTr;
+			row.anCells = cells;
+	
+			/* Use a private property on the node to allow reserve mapping from the node
+			 * to the aoData array for fast look up
+			 */
+			nTr._DT_RowIndex = iRow;
+	
+			/* Special parameters can be given by the data source to be used on the row */
+			_fnRowAttributes( row );
+	
+			/* Process each column */
+			for ( i=0, iLen=oSettings.aoColumns.length ; i<iLen ; i++ )
+			{
+				oCol = oSettings.aoColumns[i];
+	
+				nTd = nTrIn ? anTds[i] : document.createElement( oCol.sCellType );
+				cells.push( nTd );
+	
+				// Need to create the HTML if new, or if a rendering function is defined
+				if ( !nTrIn || oCol.mRender || oCol.mData !== i )
+				{
+					nTd.innerHTML = _fnGetCellData( oSettings, iRow, i, 'display' );
+				}
+	
+				/* Add user defined class */
+				if ( oCol.sClass )
+				{
+					nTd.className += ' '+oCol.sClass;
+				}
+	
+				// Visibility - add or remove as required
+				if ( oCol.bVisible && ! nTrIn )
+				{
+					nTr.appendChild( nTd );
+				}
+				else if ( ! oCol.bVisible && nTrIn )
+				{
+					nTd.parentNode.removeChild( nTd );
+				}
+	
+				if ( oCol.fnCreatedCell )
+				{
+					oCol.fnCreatedCell.call( oSettings.oInstance,
+						nTd, _fnGetCellData( oSettings, iRow, i ), rowData, iRow, i
+					);
+				}
+			}
+	
+			_fnCallbackFire( oSettings, 'aoRowCreatedCallback', null, [nTr, rowData, iRow] );
+		}
+	
+		// Remove once webkit bug 131819 and Chromium bug 365619 have been resolved
+		// and deployed
+		row.nTr.setAttribute( 'role', 'row' );
+	}
+	
+	
+	/**
+	 * Add attributes to a row based on the special `DT_*` parameters in a data
+	 * source object.
+	 *  @param {object} DataTables row object for the row to be modified
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnRowAttributes( row )
+	{
+		var tr = row.nTr;
+		var data = row._aData;
+	
+		if ( tr ) {
+			if ( data.DT_RowId ) {
+				tr.id = data.DT_RowId;
+			}
+	
+			if ( data.DT_RowClass ) {
+				// Remove any classes added by DT_RowClass before
+				var a = data.DT_RowClass.split(' ');
+				row.__rowc = row.__rowc ?
+					_unique( row.__rowc.concat( a ) ) :
+					a;
+	
+				$(tr)
+					.removeClass( row.__rowc.join(' ') )
+					.addClass( data.DT_RowClass );
+			}
+	
+			if ( data.DT_RowData ) {
+				$(tr).data( data.DT_RowData );
+			}
+		}
+	}
+	
+	
+	/**
+	 * Create the HTML header for the table
+	 *  @param {object} oSettings dataTables settings object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnBuildHead( oSettings )
+	{
+		var i, ien, cell, row, column;
+		var thead = oSettings.nTHead;
+		var tfoot = oSettings.nTFoot;
+		var createHeader = $('th, td', thead).length === 0;
+		var classes = oSettings.oClasses;
+		var columns = oSettings.aoColumns;
+	
+		if ( createHeader ) {
+			row = $('<tr/>').appendTo( thead );
+		}
+	
+		for ( i=0, ien=columns.length ; i<ien ; i++ ) {
+			column = columns[i];
+			cell = $( column.nTh ).addClass( column.sClass );
+	
+			if ( createHeader ) {
+				cell.appendTo( row );
+			}
+	
+			// 1.11 move into sorting
+			if ( oSettings.oFeatures.bSort ) {
+				cell.addClass( column.sSortingClass );
+	
+				if ( column.bSortable !== false ) {
+					cell
+						.attr( 'tabindex', oSettings.iTabIndex )
+						.attr( 'aria-controls', oSettings.sTableId );
+	
+					_fnSortAttachListener( oSettings, column.nTh, i );
+				}
+			}
+	
+			if ( column.sTitle != cell.html() ) {
+				cell.html( column.sTitle );
+			}
+	
+			_fnRenderer( oSettings, 'header' )(
+				oSettings, cell, column, classes
+			);
+		}
+	
+		if ( createHeader ) {
+			_fnDetectHeader( oSettings.aoHeader, thead );
+		}
+		
+		/* ARIA role for the rows */
+	 	$(thead).find('>tr').attr('role', 'row');
+	
+		/* Deal with the footer - add classes if required */
+		$(thead).find('>tr>th, >tr>td').addClass( classes.sHeaderTH );
+		$(tfoot).find('>tr>th, >tr>td').addClass( classes.sFooterTH );
+	
+		// Cache the footer cells. Note that we only take the cells from the first
+		// row in the footer. If there is more than one row the user wants to
+		// interact with, they need to use the table().foot() method. Note also this
+		// allows cells to be used for multiple columns using colspan
+		if ( tfoot !== null ) {
+			var cells = oSettings.aoFooter[0];
+	
+			for ( i=0, ien=cells.length ; i<ien ; i++ ) {
+				column = columns[i];
+				column.nTf = cells[i].cell;
+	
+				if ( column.sClass ) {
+					$(column.nTf).addClass( column.sClass );
+				}
+			}
+		}
+	}
+	
+	
+	/**
+	 * Draw the header (or footer) element based on the column visibility states. The
+	 * methodology here is to use the layout array from _fnDetectHeader, modified for
+	 * the instantaneous column visibility, to construct the new layout. The grid is
+	 * traversed over cell at a time in a rows x columns grid fashion, although each
+	 * cell insert can cover multiple elements in the grid - which is tracks using the
+	 * aApplied array. Cell inserts in the grid will only occur where there isn't
+	 * already a cell in that position.
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param array {objects} aoSource Layout array from _fnDetectHeader
+	 *  @param {boolean} [bIncludeHidden=false] If true then include the hidden columns in the calc,
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnDrawHead( oSettings, aoSource, bIncludeHidden )
+	{
+		var i, iLen, j, jLen, k, kLen, n, nLocalTr;
+		var aoLocal = [];
+		var aApplied = [];
+		var iColumns = oSettings.aoColumns.length;
+		var iRowspan, iColspan;
+	
+		if ( ! aoSource )
+		{
+			return;
+		}
+	
+		if (  bIncludeHidden === undefined )
+		{
+			bIncludeHidden = false;
+		}
+	
+		/* Make a copy of the master layout array, but without the visible columns in it */
+		for ( i=0, iLen=aoSource.length ; i<iLen ; i++ )
+		{
+			aoLocal[i] = aoSource[i].slice();
+			aoLocal[i].nTr = aoSource[i].nTr;
+	
+			/* Remove any columns which are currently hidden */
+			for ( j=iColumns-1 ; j>=0 ; j-- )
+			{
+				if ( !oSettings.aoColumns[j].bVisible && !bIncludeHidden )
+				{
+					aoLocal[i].splice( j, 1 );
+				}
+			}
+	
+			/* Prep the applied array - it needs an element for each row */
+			aApplied.push( [] );
+		}
+	
+		for ( i=0, iLen=aoLocal.length ; i<iLen ; i++ )
+		{
+			nLocalTr = aoLocal[i].nTr;
+	
+			/* All cells are going to be replaced, so empty out the row */
+			if ( nLocalTr )
+			{
+				while( (n = nLocalTr.firstChild) )
+				{
+					nLocalTr.removeChild( n );
+				}
+			}
+	
+			for ( j=0, jLen=aoLocal[i].length ; j<jLen ; j++ )
+			{
+				iRowspan = 1;
+				iColspan = 1;
+	
+				/* Check to see if there is already a cell (row/colspan) covering our target
+				 * insert point. If there is, then there is nothing to do.
+				 */
+				if ( aApplied[i][j] === undefined )
+				{
+					nLocalTr.appendChild( aoLocal[i][j].cell );
+					aApplied[i][j] = 1;
+	
+					/* Expand the cell to cover as many rows as needed */
+					while ( aoLocal[i+iRowspan] !== undefined &&
+					        aoLocal[i][j].cell == aoLocal[i+iRowspan][j].cell )
+					{
+						aApplied[i+iRowspan][j] = 1;
+						iRowspan++;
+					}
+	
+					/* Expand the cell to cover as many columns as needed */
+					while ( aoLocal[i][j+iColspan] !== undefined &&
+					        aoLocal[i][j].cell == aoLocal[i][j+iColspan].cell )
+					{
+						/* Must update the applied array over the rows for the columns */
+						for ( k=0 ; k<iRowspan ; k++ )
+						{
+							aApplied[i+k][j+iColspan] = 1;
+						}
+						iColspan++;
+					}
+	
+					/* Do the actual expansion in the DOM */
+					$(aoLocal[i][j].cell)
+						.attr('rowspan', iRowspan)
+						.attr('colspan', iColspan);
+				}
+			}
+		}
+	}
+	
+	
+	/**
+	 * Insert the required TR nodes into the table for display
+	 *  @param {object} oSettings dataTables settings object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnDraw( oSettings )
+	{
+		/* Provide a pre-callback function which can be used to cancel the draw is false is returned */
+		var aPreDraw = _fnCallbackFire( oSettings, 'aoPreDrawCallback', 'preDraw', [oSettings] );
+		if ( $.inArray( false, aPreDraw ) !== -1 )
+		{
+			_fnProcessingDisplay( oSettings, false );
+			return;
+		}
+	
+		var i, iLen, n;
+		var anRows = [];
+		var iRowCount = 0;
+		var asStripeClasses = oSettings.asStripeClasses;
+		var iStripes = asStripeClasses.length;
+		var iOpenRows = oSettings.aoOpenRows.length;
+		var oLang = oSettings.oLanguage;
+		var iInitDisplayStart = oSettings.iInitDisplayStart;
+		var bServerSide = _fnDataSource( oSettings ) == 'ssp';
+		var aiDisplay = oSettings.aiDisplay;
+	
+		oSettings.bDrawing = true;
+	
+		/* Check and see if we have an initial draw position from state saving */
+		if ( iInitDisplayStart !== undefined && iInitDisplayStart !== -1 )
+		{
+			oSettings._iDisplayStart = bServerSide ?
+				iInitDisplayStart :
+				iInitDisplayStart >= oSettings.fnRecordsDisplay() ?
+					0 :
+					iInitDisplayStart;
+	
+			oSettings.iInitDisplayStart = -1;
+		}
+	
+		var iDisplayStart = oSettings._iDisplayStart;
+		var iDisplayEnd = oSettings.fnDisplayEnd();
+	
+		/* Server-side processing draw intercept */
+		if ( oSettings.bDeferLoading )
+		{
+			oSettings.bDeferLoading = false;
+			oSettings.iDraw++;
+			_fnProcessingDisplay( oSettings, false );
+		}
+		else if ( !bServerSide )
+		{
+			oSettings.iDraw++;
+		}
+		else if ( !oSettings.bDestroying && !_fnAjaxUpdate( oSettings ) )
+		{
+			return;
+		}
+	
+		if ( aiDisplay.length !== 0 )
+		{
+			var iStart = bServerSide ? 0 : iDisplayStart;
+			var iEnd = bServerSide ? oSettings.aoData.length : iDisplayEnd;
+	
+			for ( var j=iStart ; j<iEnd ; j++ )
+			{
+				var iDataIndex = aiDisplay[j];
+				var aoData = oSettings.aoData[ iDataIndex ];
+				if ( aoData.nTr === null )
+				{
+					_fnCreateTr( oSettings, iDataIndex );
+				}
+	
+				var nRow = aoData.nTr;
+	
+				/* Remove the old striping classes and then add the new one */
+				if ( iStripes !== 0 )
+				{
+					var sStripe = asStripeClasses[ iRowCount % iStripes ];
+					if ( aoData._sRowStripe != sStripe )
+					{
+						$(nRow).removeClass( aoData._sRowStripe ).addClass( sStripe );
+						aoData._sRowStripe = sStripe;
+					}
+				}
+	
+				// Row callback functions - might want to manipulate the row
+				// iRowCount and j are not currently documented. Are they at all
+				// useful?
+				_fnCallbackFire( oSettings, 'aoRowCallback', null,
+					[nRow, aoData._aData, iRowCount, j] );
+	
+				anRows.push( nRow );
+				iRowCount++;
+			}
+		}
+		else
+		{
+			/* Table is empty - create a row with an empty message in it */
+			var sZero = oLang.sZeroRecords;
+			if ( oSettings.iDraw == 1 &&  _fnDataSource( oSettings ) == 'ajax' )
+			{
+				sZero = oLang.sLoadingRecords;
+			}
+			else if ( oLang.sEmptyTable && oSettings.fnRecordsTotal() === 0 )
+			{
+				sZero = oLang.sEmptyTable;
+			}
+	
+			anRows[ 0 ] = $( '<tr/>', { 'class': iStripes ? asStripeClasses[0] : '' } )
+				.append( $('<td />', {
+					'valign':  'top',
+					'colSpan': _fnVisbleColumns( oSettings ),
+					'class':   oSettings.oClasses.sRowEmpty
+				} ).html( sZero ) )[0];
+		}
+	
+		/* Header and footer callbacks */
+		_fnCallbackFire( oSettings, 'aoHeaderCallback', 'header', [ $(oSettings.nTHead).children('tr')[0],
+			_fnGetDataMaster( oSettings ), iDisplayStart, iDisplayEnd, aiDisplay ] );
+	
+		_fnCallbackFire( oSettings, 'aoFooterCallback', 'footer', [ $(oSettings.nTFoot).children('tr')[0],
+			_fnGetDataMaster( oSettings ), iDisplayStart, iDisplayEnd, aiDisplay ] );
+	
+		var body = $(oSettings.nTBody);
+	
+		body.children().detach();
+		body.append( $(anRows) );
+	
+		/* Call all required callback functions for the end of a draw */
+		_fnCallbackFire( oSettings, 'aoDrawCallback', 'draw', [oSettings] );
+	
+		/* Draw is complete, sorting and filtering must be as well */
+		oSettings.bSorted = false;
+		oSettings.bFiltered = false;
+		oSettings.bDrawing = false;
+	}
+	
+	
+	/**
+	 * Redraw the table - taking account of the various features which are enabled
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param {boolean} [holdPosition] Keep the current paging position. By default
+	 *    the paging is reset to the first page
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnReDraw( settings, holdPosition )
+	{
+		var
+			features = settings.oFeatures,
+			sort     = features.bSort,
+			filter   = features.bFilter;
+	
+		if ( sort ) {
+			_fnSort( settings );
+		}
+	
+		if ( filter ) {
+			_fnFilterComplete( settings, settings.oPreviousSearch );
+		}
+		else {
+			// No filtering, so we want to just use the display master
+			settings.aiDisplay = settings.aiDisplayMaster.slice();
+		}
+	
+		if ( holdPosition !== true ) {
+			settings._iDisplayStart = 0;
+		}
+	
+		// Let any modules know about the draw hold position state (used by
+		// scrolling internally)
+		settings._drawHold = holdPosition;
+	
+		_fnDraw( settings );
+	
+		settings._drawHold = false;
+	}
+	
+	
+	/**
+	 * Add the options to the page HTML for the table
+	 *  @param {object} oSettings dataTables settings object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnAddOptionsHtml ( oSettings )
+	{
+		var classes = oSettings.oClasses;
+		var table = $(oSettings.nTable);
+		var holding = $('<div/>').insertBefore( table ); // Holding element for speed
+		var features = oSettings.oFeatures;
+	
+		// All DataTables are wrapped in a div
+		var insert = $('<div/>', {
+			id:      oSettings.sTableId+'_wrapper',
+			'class': classes.sWrapper + (oSettings.nTFoot ? '' : ' '+classes.sNoFooter)
+		} );
+	
+		oSettings.nHolding = holding[0];
+		oSettings.nTableWrapper = insert[0];
+		oSettings.nTableReinsertBefore = oSettings.nTable.nextSibling;
+	
+		/* Loop over the user set positioning and place the elements as needed */
+		var aDom = oSettings.sDom.split('');
+		var featureNode, cOption, nNewNode, cNext, sAttr, j;
+		for ( var i=0 ; i<aDom.length ; i++ )
+		{
+			featureNode = null;
+			cOption = aDom[i];
+	
+			if ( cOption == '<' )
+			{
+				/* New container div */
+				nNewNode = $('<div/>')[0];
+	
+				/* Check to see if we should append an id and/or a class name to the container */
+				cNext = aDom[i+1];
+				if ( cNext == "'" || cNext == '"' )
+				{
+					sAttr = "";
+					j = 2;
+					while ( aDom[i+j] != cNext )
+					{
+						sAttr += aDom[i+j];
+						j++;
+					}
+	
+					/* Replace jQuery UI constants @todo depreciated */
+					if ( sAttr == "H" )
+					{
+						sAttr = classes.sJUIHeader;
+					}
+					else if ( sAttr == "F" )
+					{
+						sAttr = classes.sJUIFooter;
+					}
+	
+					/* The attribute can be in the format of "#id.class", "#id" or "class" This logic
+					 * breaks the string into parts and applies them as needed
+					 */
+					if ( sAttr.indexOf('.') != -1 )
+					{
+						var aSplit = sAttr.split('.');
+						nNewNode.id = aSplit[0].substr(1, aSplit[0].length-1);
+						nNewNode.className = aSplit[1];
+					}
+					else if ( sAttr.charAt(0) == "#" )
+					{
+						nNewNode.id = sAttr.substr(1, sAttr.length-1);
+					}
+					else
+					{
+						nNewNode.className = sAttr;
+					}
+	
+					i += j; /* Move along the position array */
+				}
+	
+				insert.append( nNewNode );
+				insert = $(nNewNode);
+			}
+			else if ( cOption == '>' )
+			{
+				/* End container div */
+				insert = insert.parent();
+			}
+			// @todo Move options into their own plugins?
+			else if ( cOption == 'l' && features.bPaginate && features.bLengthChange )
+			{
+				/* Length */
+				featureNode = _fnFeatureHtmlLength( oSettings );
+			}
+			else if ( cOption == 'f' && features.bFilter )
+			{
+				/* Filter */
+				featureNode = _fnFeatureHtmlFilter( oSettings );
+			}
+			else if ( cOption == 'r' && features.bProcessing )
+			{
+				/* pRocessing */
+				featureNode = _fnFeatureHtmlProcessing( oSettings );
+			}
+			else if ( cOption == 't' )
+			{
+				/* Table */
+				featureNode = _fnFeatureHtmlTable( oSettings );
+			}
+			else if ( cOption ==  'i' && features.bInfo )
+			{
+				/* Info */
+				featureNode = _fnFeatureHtmlInfo( oSettings );
+			}
+			else if ( cOption == 'p' && features.bPaginate )
+			{
+				/* Pagination */
+				featureNode = _fnFeatureHtmlPaginate( oSettings );
+			}
+			else if ( DataTable.ext.feature.length !== 0 )
+			{
+				/* Plug-in features */
+				var aoFeatures = DataTable.ext.feature;
+				for ( var k=0, kLen=aoFeatures.length ; k<kLen ; k++ )
+				{
+					if ( cOption == aoFeatures[k].cFeature )
+					{
+						featureNode = aoFeatures[k].fnInit( oSettings );
+						break;
+					}
+				}
+			}
+	
+			/* Add to the 2D features array */
+			if ( featureNode )
+			{
+				var aanFeatures = oSettings.aanFeatures;
+	
+				if ( ! aanFeatures[cOption] )
+				{
+					aanFeatures[cOption] = [];
+				}
+	
+				aanFeatures[cOption].push( featureNode );
+				insert.append( featureNode );
+			}
+		}
+	
+		/* Built our DOM structure - replace the holding div with what we want */
+		holding.replaceWith( insert );
+	}
+	
+	
+	/**
+	 * Use the DOM source to create up an array of header cells. The idea here is to
+	 * create a layout grid (array) of rows x columns, which contains a reference
+	 * to the cell that that point in the grid (regardless of col/rowspan), such that
+	 * any column / row could be removed and the new grid constructed
+	 *  @param array {object} aLayout Array to store the calculated layout in
+	 *  @param {node} nThead The header/footer element for the table
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnDetectHeader ( aLayout, nThead )
+	{
+		var nTrs = $(nThead).children('tr');
+		var nTr, nCell;
+		var i, k, l, iLen, jLen, iColShifted, iColumn, iColspan, iRowspan;
+		var bUnique;
+		var fnShiftCol = function ( a, i, j ) {
+			var k = a[i];
+	                while ( k[j] ) {
+				j++;
+			}
+			return j;
+		};
+	
+		aLayout.splice( 0, aLayout.length );
+	
+		/* We know how many rows there are in the layout - so prep it */
+		for ( i=0, iLen=nTrs.length ; i<iLen ; i++ )
+		{
+			aLayout.push( [] );
+		}
+	
+		/* Calculate a layout array */
+		for ( i=0, iLen=nTrs.length ; i<iLen ; i++ )
+		{
+			nTr = nTrs[i];
+			iColumn = 0;
+	
+			/* For every cell in the row... */
+			nCell = nTr.firstChild;
+			while ( nCell ) {
+				if ( nCell.nodeName.toUpperCase() == "TD" ||
+				     nCell.nodeName.toUpperCase() == "TH" )
+				{
+					/* Get the col and rowspan attributes from the DOM and sanitise them */
+					iColspan = nCell.getAttribute('colspan') * 1;
+					iRowspan = nCell.getAttribute('rowspan') * 1;
+					iColspan = (!iColspan || iColspan===0 || iColspan===1) ? 1 : iColspan;
+					iRowspan = (!iRowspan || iRowspan===0 || iRowspan===1) ? 1 : iRowspan;
+	
+					/* There might be colspan cells already in this row, so shift our target
+					 * accordingly
+					 */
+					iColShifted = fnShiftCol( aLayout, i, iColumn );
+	
+					/* Cache calculation for unique columns */
+					bUnique = iColspan === 1 ? true : false;
+	
+					/* If there is col / rowspan, copy the information into the layout grid */
+					for ( l=0 ; l<iColspan ; l++ )
+					{
+						for ( k=0 ; k<iRowspan ; k++ )
+						{
+							aLayout[i+k][iColShifted+l] = {
+								"cell": nCell,
+								"unique": bUnique
+							};
+							aLayout[i+k].nTr = nTr;
+						}
+					}
+				}
+				nCell = nCell.nextSibling;
+			}
+		}
+	}
+	
+	
+	/**
+	 * Get an array of unique th elements, one for each column
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param {node} nHeader automatically detect the layout from this node - optional
+	 *  @param {array} aLayout thead/tfoot layout from _fnDetectHeader - optional
+	 *  @returns array {node} aReturn list of unique th's
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnGetUniqueThs ( oSettings, nHeader, aLayout )
+	{
+		var aReturn = [];
+		if ( !aLayout )
+		{
+			aLayout = oSettings.aoHeader;
+			if ( nHeader )
+			{
+				aLayout = [];
+				_fnDetectHeader( aLayout, nHeader );
+			}
+		}
+	
+		for ( var i=0, iLen=aLayout.length ; i<iLen ; i++ )
+		{
+			for ( var j=0, jLen=aLayout[i].length ; j<jLen ; j++ )
+			{
+				if ( aLayout[i][j].unique &&
+					 (!aReturn[j] || !oSettings.bSortCellsTop) )
+				{
+					aReturn[j] = aLayout[i][j].cell;
+				}
+			}
+		}
+	
+		return aReturn;
+	}
+	
+	
+	
+	/**
+	 * Create an Ajax call based on the table's settings, taking into account that
+	 * parameters can have multiple forms, and backwards compatibility.
+	 *
+	 * @param {object} oSettings dataTables settings object
+	 * @param {array} data Data to send to the server, required by
+	 *     DataTables - may be augmented by developer callbacks
+	 * @param {function} fn Callback function to run when data is obtained
+	 */
+	function _fnBuildAjax( oSettings, data, fn )
+	{
+		// Compatibility with 1.9-, allow fnServerData and event to manipulate
+		_fnCallbackFire( oSettings, 'aoServerParams', 'serverParams', [data] );
+	
+		// Convert to object based for 1.10+ if using the old array scheme which can
+		// come from server-side processing or serverParams
+		if ( data && $.isArray(data) ) {
+			var tmp = {};
+			var rbracket = /(.*?)\[\]$/;
+	
+			$.each( data, function (key, val) {
+				var match = val.name.match(rbracket);
+	
+				if ( match ) {
+					// Support for arrays
+					var name = match[0];
+	
+					if ( ! tmp[ name ] ) {
+						tmp[ name ] = [];
+					}
+					tmp[ name ].push( val.value );
+				}
+				else {
+					tmp[val.name] = val.value;
+				}
+			} );
+			data = tmp;
+		}
+	
+		var ajaxData;
+		var ajax = oSettings.ajax;
+		var instance = oSettings.oInstance;
+	
+		if ( $.isPlainObject( ajax ) && ajax.data )
+		{
+			ajaxData = ajax.data;
+	
+			var newData = $.isFunction( ajaxData ) ?
+				ajaxData( data ) :  // fn can manipulate data or return an object
+				ajaxData;           // object or array to merge
+	
+			// If the function returned an object, use that alone
+			data = $.isFunction( ajaxData ) && newData ?
+				newData :
+				$.extend( true, data, newData );
+	
+			// Remove the data property as we've resolved it already and don't want
+			// jQuery to do it again (it is restored at the end of the function)
+			delete ajax.data;
+		}
+	
+		var baseAjax = {
+			"data": data,
+			"success": function (json) {
+				var error = json.error || json.sError;
+				if ( error ) {
+					oSettings.oApi._fnLog( oSettings, 0, error );
+				}
+	
+				oSettings.json = json;
+				_fnCallbackFire( oSettings, null, 'xhr', [oSettings, json] );
+				fn( json );
+			},
+			"dataType": "json",
+			"cache": false,
+			"type": oSettings.sServerMethod,
+			"error": function (xhr, error, thrown) {
+				var log = oSettings.oApi._fnLog;
+	
+				if ( error == "parsererror" ) {
+					log( oSettings, 0, 'Invalid JSON response', 1 );
+				}
+				else if ( xhr.readyState === 4 ) {
+					log( oSettings, 0, 'Ajax error', 7 );
+				}
+	
+				_fnProcessingDisplay( oSettings, false );
+			}
+		};
+	
+		// Store the data submitted for the API
+		oSettings.oAjaxData = data;
+	
+		// Allow plug-ins and external processes to modify the data
+		_fnCallbackFire( oSettings, null, 'preXhr', [oSettings, data] );
+	
+		if ( oSettings.fnServerData )
+		{
+			// DataTables 1.9- compatibility
+			oSettings.fnServerData.call( instance,
+				oSettings.sAjaxSource,
+				$.map( data, function (val, key) { // Need to convert back to 1.9 trad format
+					return { name: key, value: val };
+				} ),
+				fn,
+				oSettings
+			);
+		}
+		else if ( oSettings.sAjaxSource || typeof ajax === 'string' )
+		{
+			// DataTables 1.9- compatibility
+			oSettings.jqXHR = $.ajax( $.extend( baseAjax, {
+				url: ajax || oSettings.sAjaxSource
+			} ) );
+		}
+		else if ( $.isFunction( ajax ) )
+		{
+			// Is a function - let the caller define what needs to be done
+			oSettings.jqXHR = ajax.call( instance, data, fn, oSettings );
+		}
+		else
+		{
+			// Object to extend the base settings
+			oSettings.jqXHR = $.ajax( $.extend( baseAjax, ajax ) );
+	
+			// Restore for next time around
+			ajax.data = ajaxData;
+		}
+	}
+	
+	
+	/**
+	 * Update the table using an Ajax call
+	 *  @param {object} settings dataTables settings object
+	 *  @returns {boolean} Block the table drawing or not
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnAjaxUpdate( settings )
+	{
+		if ( settings.bAjaxDataGet ) {
+			settings.iDraw++;
+			_fnProcessingDisplay( settings, true );
+	
+			_fnBuildAjax(
+				settings,
+				_fnAjaxParameters( settings ),
+				function(json) {
+					_fnAjaxUpdateDraw( settings, json );
+				}
+			);
+	
+			return false;
+		}
+		return true;
+	}
+	
+	
+	/**
+	 * Build up the parameters in an object needed for a server-side processing
+	 * request. Note that this is basically done twice, is different ways - a modern
+	 * method which is used by default in DataTables 1.10 which uses objects and
+	 * arrays, or the 1.9- method with is name / value pairs. 1.9 method is used if
+	 * the sAjaxSource option is used in the initialisation, or the legacyAjax
+	 * option is set.
+	 *  @param {object} oSettings dataTables settings object
+	 *  @returns {bool} block the table drawing or not
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnAjaxParameters( settings )
+	{
+		var
+			columns = settings.aoColumns,
+			columnCount = columns.length,
+			features = settings.oFeatures,
+			preSearch = settings.oPreviousSearch,
+			preColSearch = settings.aoPreSearchCols,
+			i, data = [], dataProp, column, columnSearch,
+			sort = _fnSortFlatten( settings ),
+			displayStart = settings._iDisplayStart,
+			displayLength = features.bPaginate !== false ?
+				settings._iDisplayLength :
+				-1;
+	
+		var param = function ( name, value ) {
+			data.push( { 'name': name, 'value': value } );
+		};
+	
+		// DataTables 1.9- compatible method
+		param( 'sEcho',          settings.iDraw );
+		param( 'iColumns',       columnCount );
+		param( 'sColumns',       _pluck( columns, 'sName' ).join(',') );
+		param( 'iDisplayStart',  displayStart );
+		param( 'iDisplayLength', displayLength );
+	
+		// DataTables 1.10+ method
+		var d = {
+			draw:    settings.iDraw,
+			columns: [],
+			order:   [],
+			start:   displayStart,
+			length:  displayLength,
+			search:  {
+				value: preSearch.sSearch,
+				regex: preSearch.bRegex
+			}
+		};
+	
+		for ( i=0 ; i<columnCount ; i++ ) {
+			column = columns[i];
+			columnSearch = preColSearch[i];
+			dataProp = typeof column.mData=="function" ? 'function' : column.mData ;
+	
+			d.columns.push( {
+				data:       dataProp,
+				name:       column.sName,
+				searchable: column.bSearchable,
+				orderable:  column.bSortable,
+				search:     {
+					value: columnSearch.sSearch,
+					regex: columnSearch.bRegex
+				}
+			} );
+	
+			param( "mDataProp_"+i, dataProp );
+	
+			if ( features.bFilter ) {
+				param( 'sSearch_'+i,     columnSearch.sSearch );
+				param( 'bRegex_'+i,      columnSearch.bRegex );
+				param( 'bSearchable_'+i, column.bSearchable );
+			}
+	
+			if ( features.bSort ) {
+				param( 'bSortable_'+i, column.bSortable );
+			}
+		}
+	
+		if ( features.bFilter ) {
+			param( 'sSearch', preSearch.sSearch );
+			param( 'bRegex', preSearch.bRegex );
+		}
+	
+		if ( features.bSort ) {
+			$.each( sort, function ( i, val ) {
+				d.order.push( { column: val.col, dir: val.dir } );
+	
+				param( 'iSortCol_'+i, val.col );
+				param( 'sSortDir_'+i, val.dir );
+			} );
+	
+			param( 'iSortingCols', sort.length );
+		}
+	
+		// If the legacy.ajax parameter is null, then we automatically decide which
+		// form to use, based on sAjaxSource
+		var legacy = DataTable.ext.legacy.ajax;
+		if ( legacy === null ) {
+			return settings.sAjaxSource ? data : d;
+		}
+	
+		// Otherwise, if legacy has been specified then we use that to decide on the
+		// form
+		return legacy ? data : d;
+	}
+	
+	
+	/**
+	 * Data the data from the server (nuking the old) and redraw the table
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param {object} json json data return from the server.
+	 *  @param {string} json.sEcho Tracking flag for DataTables to match requests
+	 *  @param {int} json.iTotalRecords Number of records in the data set, not accounting for filtering
+	 *  @param {int} json.iTotalDisplayRecords Number of records in the data set, accounting for filtering
+	 *  @param {array} json.aaData The data to display on this page
+	 *  @param {string} [json.sColumns] Column ordering (sName, comma separated)
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnAjaxUpdateDraw ( settings, json )
+	{
+		// v1.10 uses camelCase variables, while 1.9 uses Hungarian notation.
+		// Support both
+		var compat = function ( old, modern ) {
+			return json[old] !== undefined ? json[old] : json[modern];
+		};
+	
+		var draw            = compat( 'sEcho',                'draw' );
+		var recordsTotal    = compat( 'iTotalRecords',        'recordsTotal' );
+		var recordsFiltered = compat( 'iTotalDisplayRecords', 'recordsFiltered' );
+	
+		if ( draw ) {
+			// Protect against out of sequence returns
+			if ( draw*1 < settings.iDraw ) {
+				return;
+			}
+			settings.iDraw = draw * 1;
+		}
+	
+		_fnClearTable( settings );
+		settings._iRecordsTotal   = parseInt(recordsTotal, 10);
+		settings._iRecordsDisplay = parseInt(recordsFiltered, 10);
+	
+		var data = _fnAjaxDataSrc( settings, json );
+		for ( var i=0, ien=data.length ; i<ien ; i++ ) {
+			_fnAddData( settings, data[i] );
+		}
+		settings.aiDisplay = settings.aiDisplayMaster.slice();
+	
+		settings.bAjaxDataGet = false;
+		_fnDraw( settings );
+	
+		if ( ! settings._bInitComplete ) {
+			_fnInitComplete( settings, json );
+		}
+	
+		settings.bAjaxDataGet = true;
+		_fnProcessingDisplay( settings, false );
+	}
+	
+	
+	/**
+	 * Get the data from the JSON data source to use for drawing a table. Using
+	 * `_fnGetObjectDataFn` allows the data to be sourced from a property of the
+	 * source object, or from a processing function.
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param  {object} json Data source object / array from the server
+	 *  @return {array} Array of data to use
+	 */
+	function _fnAjaxDataSrc ( oSettings, json )
+	{
+		var dataSrc = $.isPlainObject( oSettings.ajax ) && oSettings.ajax.dataSrc !== undefined ?
+			oSettings.ajax.dataSrc :
+			oSettings.sAjaxDataProp; // Compatibility with 1.9-.
+	
+		// Compatibility with 1.9-. In order to read from aaData, check if the
+		// default has been changed, if not, check for aaData
+		if ( dataSrc === 'data' ) {
+			return json.aaData || json[dataSrc];
+		}
+	
+		return dataSrc !== "" ?
+			_fnGetObjectDataFn( dataSrc )( json ) :
+			json;
+	}
+	
+	
+	/**
+	 * Generate the node required for filtering text
+	 *  @returns {node} Filter control element
+	 *  @param {object} oSettings dataTables settings object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnFeatureHtmlFilter ( settings )
+	{
+		var classes = settings.oClasses;
+		var tableId = settings.sTableId;
+		var language = settings.oLanguage;
+		var previousSearch = settings.oPreviousSearch;
+		var features = settings.aanFeatures;
+		var input = '<input type="search" class="'+classes.sFilterInput+'"/>';
+	
+		var str = language.sSearch;
+		str = str.match(/_INPUT_/) ?
+			str.replace('_INPUT_', input) :
+			str+input;
+	
+		var filter = $('<div/>', {
+				'id': ! features.f ? tableId+'_filter' : null,
+				'class': classes.sFilter
+			} )
+			.append( $('<label/>' ).append( str ) );
+	
+		var searchFn = function() {
+			/* Update all other filter input elements for the new display */
+			var n = features.f;
+			var val = !this.value ? "" : this.value; // mental IE8 fix :-(
+	
+			/* Now do the filter */
+			if ( val != previousSearch.sSearch ) {
+				_fnFilterComplete( settings, {
+					"sSearch": val,
+					"bRegex": previousSearch.bRegex,
+					"bSmart": previousSearch.bSmart ,
+					"bCaseInsensitive": previousSearch.bCaseInsensitive
+				} );
+	
+				// Need to redraw, without resorting
+				settings._iDisplayStart = 0;
+				_fnDraw( settings );
+			}
+		};
+	
+		var searchDelay = settings.searchDelay !== null ?
+			settings.searchDelay :
+			_fnDataSource( settings ) === 'ssp' ?
+				400 :
+				0;
+	
+		var jqFilter = $('input', filter)
+			.val( previousSearch.sSearch )
+			.attr( 'placeholder', language.sSearchPlaceholder )
+			.bind(
+				'keyup.DT search.DT input.DT paste.DT cut.DT',
+				searchDelay ?
+					_fnThrottle( searchFn, searchDelay ) :
+					searchFn
+			)
+			.bind( 'keypress.DT', function(e) {
+				/* Prevent form submission */
+				if ( e.keyCode == 13 ) {
+					return false;
+				}
+			} )
+			.attr('aria-controls', tableId);
+	
+		// Update the input elements whenever the table is filtered
+		$(settings.nTable).on( 'search.dt.DT', function ( ev, s ) {
+			if ( settings === s ) {
+				// IE9 throws an 'unknown error' if document.activeElement is used
+				// inside an iframe or frame...
+				try {
+					if ( jqFilter[0] !== document.activeElement ) {
+						jqFilter.val( previousSearch.sSearch );
+					}
+				}
+				catch ( e ) {}
+			}
+		} );
+	
+		return filter[0];
+	}
+	
+	
+	/**
+	 * Filter the table using both the global filter and column based filtering
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param {object} oSearch search information
+	 *  @param {int} [iForce] force a research of the master array (1) or not (undefined or 0)
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnFilterComplete ( oSettings, oInput, iForce )
+	{
+		var oPrevSearch = oSettings.oPreviousSearch;
+		var aoPrevSearch = oSettings.aoPreSearchCols;
+		var fnSaveFilter = function ( oFilter ) {
+			/* Save the filtering values */
+			oPrevSearch.sSearch = oFilter.sSearch;
+			oPrevSearch.bRegex = oFilter.bRegex;
+			oPrevSearch.bSmart = oFilter.bSmart;
+			oPrevSearch.bCaseInsensitive = oFilter.bCaseInsensitive;
+		};
+		var fnRegex = function ( o ) {
+			// Backwards compatibility with the bEscapeRegex option
+			return o.bEscapeRegex !== undefined ? !o.bEscapeRegex : o.bRegex;
+		};
+	
+		// Resolve any column types that are unknown due to addition or invalidation
+		// @todo As per sort - can this be moved into an event handler?
+		_fnColumnTypes( oSettings );
+	
+		/* In server-side processing all filtering is done by the server, so no point hanging around here */
+		if ( _fnDataSource( oSettings ) != 'ssp' )
+		{
+			/* Global filter */
+			_fnFilter( oSettings, oInput.sSearch, iForce, fnRegex(oInput), oInput.bSmart, oInput.bCaseInsensitive );
+			fnSaveFilter( oInput );
+	
+			/* Now do the individual column filter */
+			for ( var i=0 ; i<aoPrevSearch.length ; i++ )
+			{
+				_fnFilterColumn( oSettings, aoPrevSearch[i].sSearch, i, fnRegex(aoPrevSearch[i]),
+					aoPrevSearch[i].bSmart, aoPrevSearch[i].bCaseInsensitive );
+			}
+	
+			/* Custom filtering */
+			_fnFilterCustom( oSettings );
+		}
+		else
+		{
+			fnSaveFilter( oInput );
+		}
+	
+		/* Tell the draw function we have been filtering */
+		oSettings.bFiltered = true;
+		_fnCallbackFire( oSettings, null, 'search', [oSettings] );
+	}
+	
+	
+	/**
+	 * Apply custom filtering functions
+	 *  @param {object} oSettings dataTables settings object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnFilterCustom( settings )
+	{
+		var filters = DataTable.ext.search;
+		var displayRows = settings.aiDisplay;
+		var row, rowIdx;
+	
+		for ( var i=0, ien=filters.length ; i<ien ; i++ ) {
+			var rows = [];
+	
+			// Loop over each row and see if it should be included
+			for ( var j=0, jen=displayRows.length ; j<jen ; j++ ) {
+				rowIdx = displayRows[ j ];
+				row = settings.aoData[ rowIdx ];
+	
+				if ( filters[i]( settings, row._aFilterData, rowIdx, row._aData, j ) ) {
+					rows.push( rowIdx );
+				}
+			}
+	
+			// So the array reference doesn't break set the results into the
+			// existing array
+			displayRows.length = 0;
+			displayRows.push.apply( displayRows, rows );
+		}
+	}
+	
+	
+	/**
+	 * Filter the table on a per-column basis
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param {string} sInput string to filter on
+	 *  @param {int} iColumn column to filter
+	 *  @param {bool} bRegex treat search string as a regular expression or not
+	 *  @param {bool} bSmart use smart filtering or not
+	 *  @param {bool} bCaseInsensitive Do case insenstive matching or not
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnFilterColumn ( settings, searchStr, colIdx, regex, smart, caseInsensitive )
+	{
+		if ( searchStr === '' ) {
+			return;
+		}
+	
+		var data;
+		var display = settings.aiDisplay;
+		var rpSearch = _fnFilterCreateSearch( searchStr, regex, smart, caseInsensitive );
+	
+		for ( var i=display.length-1 ; i>=0 ; i-- ) {
+			data = settings.aoData[ display[i] ]._aFilterData[ colIdx ];
+	
+			if ( ! rpSearch.test( data ) ) {
+				display.splice( i, 1 );
+			}
+		}
+	}
+	
+	
+	/**
+	 * Filter the data table based on user input and draw the table
+	 *  @param {object} settings dataTables settings object
+	 *  @param {string} input string to filter on
+	 *  @param {int} force optional - force a research of the master array (1) or not (undefined or 0)
+	 *  @param {bool} regex treat as a regular expression or not
+	 *  @param {bool} smart perform smart filtering or not
+	 *  @param {bool} caseInsensitive Do case insenstive matching or not
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnFilter( settings, input, force, regex, smart, caseInsensitive )
+	{
+		var rpSearch = _fnFilterCreateSearch( input, regex, smart, caseInsensitive );
+		var prevSearch = settings.oPreviousSearch.sSearch;
+		var displayMaster = settings.aiDisplayMaster;
+		var display, invalidated, i;
+	
+		// Need to take account of custom filtering functions - always filter
+		if ( DataTable.ext.search.length !== 0 ) {
+			force = true;
+		}
+	
+		// Check if any of the rows were invalidated
+		invalidated = _fnFilterData( settings );
+	
+		// If the input is blank - we just want the full data set
+		if ( input.length <= 0 ) {
+			settings.aiDisplay = displayMaster.slice();
+		}
+		else {
+			// New search - start from the master array
+			if ( invalidated ||
+				 force ||
+				 prevSearch.length > input.length ||
+				 input.indexOf(prevSearch) !== 0 ||
+				 settings.bSorted // On resort, the display master needs to be
+				                  // re-filtered since indexes will have changed
+			) {
+				settings.aiDisplay = displayMaster.slice();
+			}
+	
+			// Search the display array
+			display = settings.aiDisplay;
+	
+			for ( i=display.length-1 ; i>=0 ; i-- ) {
+				if ( ! rpSearch.test( settings.aoData[ display[i] ]._sFilterRow ) ) {
+					display.splice( i, 1 );
+				}
+			}
+		}
+	}
+	
+	
+	/**
+	 * Build a regular expression object suitable for searching a table
+	 *  @param {string} sSearch string to search for
+	 *  @param {bool} bRegex treat as a regular expression or not
+	 *  @param {bool} bSmart perform smart filtering or not
+	 *  @param {bool} bCaseInsensitive Do case insensitive matching or not
+	 *  @returns {RegExp} constructed object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnFilterCreateSearch( search, regex, smart, caseInsensitive )
+	{
+		search = regex ?
+			search :
+			_fnEscapeRegex( search );
+		
+		if ( smart ) {
+			/* For smart filtering we want to allow the search to work regardless of
+			 * word order. We also want double quoted text to be preserved, so word
+			 * order is important - a la google. So this is what we want to
+			 * generate:
+			 * 
+			 * ^(?=.*?\bone\b)(?=.*?\btwo three\b)(?=.*?\bfour\b).*$
+			 */
+			var a = $.map( search.match( /"[^"]+"|[^ ]+/g ) || '', function ( word ) {
+				if ( word.charAt(0) === '"' ) {
+					var m = word.match( /^"(.*)"$/ );
+					word = m ? m[1] : word;
+				}
+	
+				return word.replace('"', '');
+			} );
+	
+			search = '^(?=.*?'+a.join( ')(?=.*?' )+').*$';
+		}
+	
+		return new RegExp( search, caseInsensitive ? 'i' : '' );
+	}
+	
+	
+	/**
+	 * Escape a string such that it can be used in a regular expression
+	 *  @param {string} sVal string to escape
+	 *  @returns {string} escaped string
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnEscapeRegex ( sVal )
+	{
+		return sVal.replace( _re_escape_regex, '\\$1' );
+	}
+	
+	
+	
+	var __filter_div = $('<div>')[0];
+	var __filter_div_textContent = __filter_div.textContent !== undefined;
+	
+	// Update the filtering data for each row if needed (by invalidation or first run)
+	function _fnFilterData ( settings )
+	{
+		var columns = settings.aoColumns;
+		var column;
+		var i, j, ien, jen, filterData, cellData, row;
+		var fomatters = DataTable.ext.type.search;
+		var wasInvalidated = false;
+	
+		for ( i=0, ien=settings.aoData.length ; i<ien ; i++ ) {
+			row = settings.aoData[i];
+	
+			if ( ! row._aFilterData ) {
+				filterData = [];
+	
+				for ( j=0, jen=columns.length ; j<jen ; j++ ) {
+					column = columns[j];
+	
+					if ( column.bSearchable ) {
+						cellData = _fnGetCellData( settings, i, j, 'filter' );
+	
+						if ( fomatters[ column.sType ] ) {
+							cellData = fomatters[ column.sType ]( cellData );
+						}
+	
+						// Search in DataTables 1.10 is string based. In 1.11 this
+						// should be altered to also allow strict type checking.
+						if ( cellData === null ) {
+							cellData = '';
+						}
+	
+						if ( typeof cellData !== 'string' && cellData.toString ) {
+							cellData = cellData.toString();
+						}
+					}
+					else {
+						cellData = '';
+					}
+	
+					// If it looks like there is an HTML entity in the string,
+					// attempt to decode it so sorting works as expected. Note that
+					// we could use a single line of jQuery to do this, but the DOM
+					// method used here is much faster http://jsperf.com/html-decode
+					if ( cellData.indexOf && cellData.indexOf('&') !== -1 ) {
+						__filter_div.innerHTML = cellData;
+						cellData = __filter_div_textContent ?
+							__filter_div.textContent :
+							__filter_div.innerText;
+					}
+	
+					if ( cellData.replace ) {
+						cellData = cellData.replace(/[\r\n]/g, '');
+					}
+	
+					filterData.push( cellData );
+				}
+	
+				row._aFilterData = filterData;
+				row._sFilterRow = filterData.join('  ');
+				wasInvalidated = true;
+			}
+		}
+	
+		return wasInvalidated;
+	}
+	
+	
+	/**
+	 * Convert from the internal Hungarian notation to camelCase for external
+	 * interaction
+	 *  @param {object} obj Object to convert
+	 *  @returns {object} Inverted object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnSearchToCamel ( obj )
+	{
+		return {
+			search:          obj.sSearch,
+			smart:           obj.bSmart,
+			regex:           obj.bRegex,
+			caseInsensitive: obj.bCaseInsensitive
+		};
+	}
+	
+	
+	
+	/**
+	 * Convert from camelCase notation to the internal Hungarian. We could use the
+	 * Hungarian convert function here, but this is cleaner
+	 *  @param {object} obj Object to convert
+	 *  @returns {object} Inverted object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnSearchToHung ( obj )
+	{
+		return {
+			sSearch:          obj.search,
+			bSmart:           obj.smart,
+			bRegex:           obj.regex,
+			bCaseInsensitive: obj.caseInsensitive
+		};
+	}
+	
+	/**
+	 * Generate the node required for the info display
+	 *  @param {object} oSettings dataTables settings object
+	 *  @returns {node} Information element
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnFeatureHtmlInfo ( settings )
+	{
+		var
+			tid = settings.sTableId,
+			nodes = settings.aanFeatures.i,
+			n = $('<div/>', {
+				'class': settings.oClasses.sInfo,
+				'id': ! nodes ? tid+'_info' : null
+			} );
+	
+		if ( ! nodes ) {
+			// Update display on each draw
+			settings.aoDrawCallback.push( {
+				"fn": _fnUpdateInfo,
+				"sName": "information"
+			} );
+	
+			n
+				.attr( 'role', 'status' )
+				.attr( 'aria-live', 'polite' );
+	
+			// Table is described by our info div
+			$(settings.nTable).attr( 'aria-describedby', tid+'_info' );
+		}
+	
+		return n[0];
+	}
+	
+	
+	/**
+	 * Update the information elements in the display
+	 *  @param {object} settings dataTables settings object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnUpdateInfo ( settings )
+	{
+		/* Show information about the table */
+		var nodes = settings.aanFeatures.i;
+		if ( nodes.length === 0 ) {
+			return;
+		}
+	
+		var
+			lang  = settings.oLanguage,
+			start = settings._iDisplayStart+1,
+			end   = settings.fnDisplayEnd(),
+			max   = settings.fnRecordsTotal(),
+			total = settings.fnRecordsDisplay(),
+			out   = total ?
+				lang.sInfo :
+				lang.sInfoEmpty;
+	
+		if ( total !== max ) {
+			/* Record set after filtering */
+			out += ' ' + lang.sInfoFiltered;
+		}
+	
+		// Convert the macros
+		out += lang.sInfoPostFix;
+		out = _fnInfoMacros( settings, out );
+	
+		var callback = lang.fnInfoCallback;
+		if ( callback !== null ) {
+			out = callback.call( settings.oInstance,
+				settings, start, end, max, total, out
+			);
+		}
+	
+		$(nodes).html( out );
+	}
+	
+	
+	function _fnInfoMacros ( settings, str )
+	{
+		// When infinite scrolling, we are always starting at 1. _iDisplayStart is used only
+		// internally
+		var
+			formatter  = settings.fnFormatNumber,
+			start      = settings._iDisplayStart+1,
+			len        = settings._iDisplayLength,
+			vis        = settings.fnRecordsDisplay(),
+			all        = len === -1;
+	
+		return str.
+			replace(/_START_/g, formatter.call( settings, start ) ).
+			replace(/_END_/g,   formatter.call( settings, settings.fnDisplayEnd() ) ).
+			replace(/_MAX_/g,   formatter.call( settings, settings.fnRecordsTotal() ) ).
+			replace(/_TOTAL_/g, formatter.call( settings, vis ) ).
+			replace(/_PAGE_/g,  formatter.call( settings, all ? 1 : Math.ceil( start / len ) ) ).
+			replace(/_PAGES_/g, formatter.call( settings, all ? 1 : Math.ceil( vis / len ) ) );
+	}
+	
+	
+	
+	/**
+	 * Draw the table for the first time, adding all required features
+	 *  @param {object} settings dataTables settings object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnInitialise ( settings )
+	{
+		var i, iLen, iAjaxStart=settings.iInitDisplayStart;
+		var columns = settings.aoColumns, column;
+		var features = settings.oFeatures;
+	
+		/* Ensure that the table data is fully initialised */
+		if ( ! settings.bInitialised ) {
+			setTimeout( function(){ _fnInitialise( settings ); }, 200 );
+			return;
+		}
+	
+		/* Show the display HTML options */
+		_fnAddOptionsHtml( settings );
+	
+		/* Build and draw the header / footer for the table */
+		_fnBuildHead( settings );
+		_fnDrawHead( settings, settings.aoHeader );
+		_fnDrawHead( settings, settings.aoFooter );
+	
+		/* Okay to show that something is going on now */
+		_fnProcessingDisplay( settings, true );
+	
+		/* Calculate sizes for columns */
+		if ( features.bAutoWidth ) {
+			_fnCalculateColumnWidths( settings );
+		}
+	
+		for ( i=0, iLen=columns.length ; i<iLen ; i++ ) {
+			column = columns[i];
+	
+			if ( column.sWidth ) {
+				column.nTh.style.width = _fnStringToCss( column.sWidth );
+			}
+		}
+	
+		// If there is default sorting required - let's do it. The sort function
+		// will do the drawing for us. Otherwise we draw the table regardless of the
+		// Ajax source - this allows the table to look initialised for Ajax sourcing
+		// data (show 'loading' message possibly)
+		_fnReDraw( settings );
+	
+		// Server-side processing init complete is done by _fnAjaxUpdateDraw
+		var dataSrc = _fnDataSource( settings );
+		if ( dataSrc != 'ssp' ) {
+			// if there is an ajax source load the data
+			if ( dataSrc == 'ajax' ) {
+				_fnBuildAjax( settings, [], function(json) {
+					var aData = _fnAjaxDataSrc( settings, json );
+	
+					// Got the data - add it to the table
+					for ( i=0 ; i<aData.length ; i++ ) {
+						_fnAddData( settings, aData[i] );
+					}
+	
+					// Reset the init display for cookie saving. We've already done
+					// a filter, and therefore cleared it before. So we need to make
+					// it appear 'fresh'
+					settings.iInitDisplayStart = iAjaxStart;
+	
+					_fnReDraw( settings );
+	
+					_fnProcessingDisplay( settings, false );
+					_fnInitComplete( settings, json );
+				}, settings );
+			}
+			else {
+				_fnProcessingDisplay( settings, false );
+				_fnInitComplete( settings );
+			}
+		}
+	}
+	
+	
+	/**
+	 * Draw the table for the first time, adding all required features
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param {object} [json] JSON from the server that completed the table, if using Ajax source
+	 *    with client-side processing (optional)
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnInitComplete ( settings, json )
+	{
+		settings._bInitComplete = true;
+	
+		// On an Ajax load we now have data and therefore want to apply the column
+		// sizing
+		if ( json ) {
+			_fnAdjustColumnSizing( settings );
+		}
+	
+		_fnCallbackFire( settings, 'aoInitComplete', 'init', [settings, json] );
+	}
+	
+	
+	function _fnLengthChange ( settings, val )
+	{
+		var len = parseInt( val, 10 );
+		settings._iDisplayLength = len;
+	
+		_fnLengthOverflow( settings );
+	
+		// Fire length change event
+		_fnCallbackFire( settings, null, 'length', [settings, len] );
+	}
+	
+	
+	/**
+	 * Generate the node required for user display length changing
+	 *  @param {object} settings dataTables settings object
+	 *  @returns {node} Display length feature node
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnFeatureHtmlLength ( settings )
+	{
+		var
+			classes  = settings.oClasses,
+			tableId  = settings.sTableId,
+			menu     = settings.aLengthMenu,
+			d2       = $.isArray( menu[0] ),
+			lengths  = d2 ? menu[0] : menu,
+			language = d2 ? menu[1] : menu;
+	
+		var select = $('<select/>', {
+			'name':          tableId+'_length',
+			'aria-controls': tableId,
+			'class':         classes.sLengthSelect
+		} );
+	
+		for ( var i=0, ien=lengths.length ; i<ien ; i++ ) {
+			select[0][ i ] = new Option( language[i], lengths[i] );
+		}
+	
+		var div = $('<div><label/></div>').addClass( classes.sLength );
+		if ( ! settings.aanFeatures.l ) {
+			div[0].id = tableId+'_length';
+		}
+	
+		div.children().append(
+			settings.oLanguage.sLengthMenu.replace( '_MENU_', select[0].outerHTML )
+		);
+	
+		// Can't use `select` variable as user might provide their own and the
+		// reference is broken by the use of outerHTML
+		$('select', div)
+			.val( settings._iDisplayLength )
+			.bind( 'change.DT', function(e) {
+				_fnLengthChange( settings, $(this).val() );
+				_fnDraw( settings );
+			} );
+	
+		// Update node value whenever anything changes the table's length
+		$(settings.nTable).bind( 'length.dt.DT', function (e, s, len) {
+			if ( settings === s ) {
+				$('select', div).val( len );
+			}
+		} );
+	
+		return div[0];
+	}
+	
+	
+	
+	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+	 * Note that most of the paging logic is done in
+	 * DataTable.ext.pager
+	 */
+	
+	/**
+	 * Generate the node required for default pagination
+	 *  @param {object} oSettings dataTables settings object
+	 *  @returns {node} Pagination feature node
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnFeatureHtmlPaginate ( settings )
+	{
+		var
+			type   = settings.sPaginationType,
+			plugin = DataTable.ext.pager[ type ],
+			modern = typeof plugin === 'function',
+			redraw = function( settings ) {
+				_fnDraw( settings );
+			},
+			node = $('<div/>').addClass( settings.oClasses.sPaging + type )[0],
+			features = settings.aanFeatures;
+	
+		if ( ! modern ) {
+			plugin.fnInit( settings, node, redraw );
+		}
+	
+		/* Add a draw callback for the pagination on first instance, to update the paging display */
+		if ( ! features.p )
+		{
+			node.id = settings.sTableId+'_paginate';
+	
+			settings.aoDrawCallback.push( {
+				"fn": function( settings ) {
+					if ( modern ) {
+						var
+							start      = settings._iDisplayStart,
+							len        = settings._iDisplayLength,
+							visRecords = settings.fnRecordsDisplay(),
+							all        = len === -1,
+							page = all ? 0 : Math.ceil( start / len ),
+							pages = all ? 1 : Math.ceil( visRecords / len ),
+							buttons = plugin(page, pages),
+							i, ien;
+	
+						for ( i=0, ien=features.p.length ; i<ien ; i++ ) {
+							_fnRenderer( settings, 'pageButton' )(
+								settings, features.p[i], i, buttons, page, pages
+							);
+						}
+					}
+					else {
+						plugin.fnUpdate( settings, redraw );
+					}
+				},
+				"sName": "pagination"
+			} );
+		}
+	
+		return node;
+	}
+	
+	
+	/**
+	 * Alter the display settings to change the page
+	 *  @param {object} settings DataTables settings object
+	 *  @param {string|int} action Paging action to take: "first", "previous",
+	 *    "next" or "last" or page number to jump to (integer)
+	 *  @param [bool] redraw Automatically draw the update or not
+	 *  @returns {bool} true page has changed, false - no change
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnPageChange ( settings, action, redraw )
+	{
+		var
+			start     = settings._iDisplayStart,
+			len       = settings._iDisplayLength,
+			records   = settings.fnRecordsDisplay();
+	
+		if ( records === 0 || len === -1 )
+		{
+			start = 0;
+		}
+		else if ( typeof action === "number" )
+		{
+			start = action * len;
+	
+			if ( start > records )
+			{
+				start = 0;
+			}
+		}
+		else if ( action == "first" )
+		{
+			start = 0;
+		}
+		else if ( action == "previous" )
+		{
+			start = len >= 0 ?
+				start - len :
+				0;
+	
+			if ( start < 0 )
+			{
+			  start = 0;
+			}
+		}
+		else if ( action == "next" )
+		{
+			if ( start + len < records )
+			{
+				start += len;
+			}
+		}
+		else if ( action == "last" )
+		{
+			start = Math.floor( (records-1) / len) * len;
+		}
+		else
+		{
+			_fnLog( settings, 0, "Unknown paging action: "+action, 5 );
+		}
+	
+		var changed = settings._iDisplayStart !== start;
+		settings._iDisplayStart = start;
+	
+		if ( changed ) {
+			_fnCallbackFire( settings, null, 'page', [settings] );
+	
+			if ( redraw ) {
+				_fnDraw( settings );
+			}
+		}
+	
+		return changed;
+	}
+	
+	
+	
+	/**
+	 * Generate the node required for the processing node
+	 *  @param {object} settings dataTables settings object
+	 *  @returns {node} Processing element
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnFeatureHtmlProcessing ( settings )
+	{
+		return $('<div/>', {
+				'id': ! settings.aanFeatures.r ? settings.sTableId+'_processing' : null,
+				'class': settings.oClasses.sProcessing
+			} )
+			.html( settings.oLanguage.sProcessing )
+			.insertBefore( settings.nTable )[0];
+	}
+	
+	
+	/**
+	 * Display or hide the processing indicator
+	 *  @param {object} settings dataTables settings object
+	 *  @param {bool} show Show the processing indicator (true) or not (false)
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnProcessingDisplay ( settings, show )
+	{
+		if ( settings.oFeatures.bProcessing ) {
+			$(settings.aanFeatures.r).css( 'display', show ? 'block' : 'none' );
+		}
+	
+		_fnCallbackFire( settings, null, 'processing', [settings, show] );
+	}
+	
+	/**
+	 * Add any control elements for the table - specifically scrolling
+	 *  @param {object} settings dataTables settings object
+	 *  @returns {node} Node to add to the DOM
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnFeatureHtmlTable ( settings )
+	{
+		var table = $(settings.nTable);
+	
+		// Add the ARIA grid role to the table
+		table.attr( 'role', 'grid' );
+	
+		// Scrolling from here on in
+		var scroll = settings.oScroll;
+	
+		if ( scroll.sX === '' && scroll.sY === '' ) {
+			return settings.nTable;
+		}
+	
+		var scrollX = scroll.sX;
+		var scrollY = scroll.sY;
+		var classes = settings.oClasses;
+		var caption = table.children('caption');
+		var captionSide = caption.length ? caption[0]._captionSide : null;
+		var headerClone = $( table[0].cloneNode(false) );
+		var footerClone = $( table[0].cloneNode(false) );
+		var footer = table.children('tfoot');
+		var _div = '<div/>';
+		var size = function ( s ) {
+			return !s ? null : _fnStringToCss( s );
+		};
+	
+		// This is fairly messy, but with x scrolling enabled, if the table has a
+		// width attribute, regardless of any width applied using the column width
+		// options, the browser will shrink or grow the table as needed to fit into
+		// that 100%. That would make the width options useless. So we remove it.
+		// This is okay, under the assumption that width:100% is applied to the
+		// table in CSS (it is in the default stylesheet) which will set the table
+		// width as appropriate (the attribute and css behave differently...)
+		if ( scroll.sX && table.attr('width') === '100%' ) {
+			table.removeAttr('width');
+		}
+	
+		if ( ! footer.length ) {
+			footer = null;
+		}
+	
+		/*
+		 * The HTML structure that we want to generate in this function is:
+		 *  div - scroller
+		 *    div - scroll head
+		 *      div - scroll head inner
+		 *        table - scroll head table
+		 *          thead - thead
+		 *    div - scroll body
+		 *      table - table (master table)
+		 *        thead - thead clone for sizing
+		 *        tbody - tbody
+		 *    div - scroll foot
+		 *      div - scroll foot inner
+		 *        table - scroll foot table
+		 *          tfoot - tfoot
+		 */
+		var scroller = $( _div, { 'class': classes.sScrollWrapper } )
+			.append(
+				$(_div, { 'class': classes.sScrollHead } )
+					.css( {
+						overflow: 'hidden',
+						position: 'relative',
+						border: 0,
+						width: scrollX ? size(scrollX) : '100%'
+					} )
+					.append(
+						$(_div, { 'class': classes.sScrollHeadInner } )
+							.css( {
+								'box-sizing': 'content-box',
+								width: scroll.sXInner || '100%'
+							} )
+							.append(
+								headerClone
+									.removeAttr('id')
+									.css( 'margin-left', 0 )
+									.append( captionSide === 'top' ? caption : null )
+									.append(
+										table.children('thead')
+									)
+							)
+					)
+			)
+			.append(
+				$(_div, { 'class': classes.sScrollBody } )
+					.css( {
+						overflow: 'auto',
+						height: size( scrollY ),
+						width: size( scrollX )
+					} )
+					.append( table )
+			);
+	
+		if ( footer ) {
+			scroller.append(
+				$(_div, { 'class': classes.sScrollFoot } )
+					.css( {
+						overflow: 'hidden',
+						border: 0,
+						width: scrollX ? size(scrollX) : '100%'
+					} )
+					.append(
+						$(_div, { 'class': classes.sScrollFootInner } )
+							.append(
+								footerClone
+									.removeAttr('id')
+									.css( 'margin-left', 0 )
+									.append( captionSide === 'bottom' ? caption : null )
+									.append(
+										table.children('tfoot')
+									)
+							)
+					)
+			);
+		}
+	
+		var children = scroller.children();
+		var scrollHead = children[0];
+		var scrollBody = children[1];
+		var scrollFoot = footer ? children[2] : null;
+	
+		// When the body is scrolled, then we also want to scroll the headers
+		if ( scrollX ) {
+			$(scrollBody).scroll( function (e) {
+				var scrollLeft = this.scrollLeft;
+	
+				scrollHead.scrollLeft = scrollLeft;
+	
+				if ( footer ) {
+					scrollFoot.scrollLeft = scrollLeft;
+				}
+			} );
+		}
+	
+		settings.nScrollHead = scrollHead;
+		settings.nScrollBody = scrollBody;
+		settings.nScrollFoot = scrollFoot;
+	
+		// On redraw - align columns
+		settings.aoDrawCallback.push( {
+			"fn": _fnScrollDraw,
+			"sName": "scrolling"
+		} );
+	
+		return scroller[0];
+	}
+	
+	
+	
+	/**
+	 * Update the header, footer and body tables for resizing - i.e. column
+	 * alignment.
+	 *
+	 * Welcome to the most horrible function DataTables. The process that this
+	 * function follows is basically:
+	 *   1. Re-create the table inside the scrolling div
+	 *   2. Take live measurements from the DOM
+	 *   3. Apply the measurements to align the columns
+	 *   4. Clean up
+	 *
+	 *  @param {object} settings dataTables settings object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnScrollDraw ( settings )
+	{
+		// Given that this is such a monster function, a lot of variables are use
+		// to try and keep the minimised size as small as possible
+		var
+			scroll         = settings.oScroll,
+			scrollX        = scroll.sX,
+			scrollXInner   = scroll.sXInner,
+			scrollY        = scroll.sY,
+			barWidth       = scroll.iBarWidth,
+			divHeader      = $(settings.nScrollHead),
+			divHeaderStyle = divHeader[0].style,
+			divHeaderInner = divHeader.children('div'),
+			divHeaderInnerStyle = divHeaderInner[0].style,
+			divHeaderTable = divHeaderInner.children('table'),
+			divBodyEl      = settings.nScrollBody,
+			divBody        = $(divBodyEl),
+			divBodyStyle   = divBodyEl.style,
+			divFooter      = $(settings.nScrollFoot),
+			divFooterInner = divFooter.children('div'),
+			divFooterTable = divFooterInner.children('table'),
+			header         = $(settings.nTHead),
+			table          = $(settings.nTable),
+			tableEl        = table[0],
+			tableStyle     = tableEl.style,
+			footer         = settings.nTFoot ? $(settings.nTFoot) : null,
+			browser        = settings.oBrowser,
+			ie67           = browser.bScrollOversize,
+			headerTrgEls, footerTrgEls,
+			headerSrcEls, footerSrcEls,
+			headerCopy, footerCopy,
+			headerWidths=[], footerWidths=[],
+			headerContent=[],
+			idx, correction, sanityWidth,
+			zeroOut = function(nSizer) {
+				var style = nSizer.style;
+				style.paddingTop = "0";
+				style.paddingBottom = "0";
+				style.borderTopWidth = "0";
+				style.borderBottomWidth = "0";
+				style.height = 0;
+			};
+	
+		/*
+		 * 1. Re-create the table inside the scrolling div
+		 */
+	
+		// Remove the old minimised thead and tfoot elements in the inner table
+		table.children('thead, tfoot').remove();
+	
+		// Clone the current header and footer elements and then place it into the inner table
+		headerCopy = header.clone().prependTo( table );
+		headerTrgEls = header.find('tr'); // original header is in its own table
+		headerSrcEls = headerCopy.find('tr');
+		headerCopy.find('th, td').removeAttr('tabindex');
+	
+		if ( footer ) {
+			footerCopy = footer.clone().prependTo( table );
+			footerTrgEls = footer.find('tr'); // the original tfoot is in its own table and must be sized
+			footerSrcEls = footerCopy.find('tr');
+		}
+	
+	
+		/*
+		 * 2. Take live measurements from the DOM - do not alter the DOM itself!
+		 */
+	
+		// Remove old sizing and apply the calculated column widths
+		// Get the unique column headers in the newly created (cloned) header. We want to apply the
+		// calculated sizes to this header
+		if ( ! scrollX )
+		{
+			divBodyStyle.width = '100%';
+			divHeader[0].style.width = '100%';
+		}
+	
+		$.each( _fnGetUniqueThs( settings, headerCopy ), function ( i, el ) {
+			idx = _fnVisibleToColumnIndex( settings, i );
+			el.style.width = settings.aoColumns[idx].sWidth;
+		} );
+	
+		if ( footer ) {
+			_fnApplyToChildren( function(n) {
+				n.style.width = "";
+			}, footerSrcEls );
+		}
+	
+		// If scroll collapse is enabled, when we put the headers back into the body for sizing, we
+		// will end up forcing the scrollbar to appear, making our measurements wrong for when we
+		// then hide it (end of this function), so add the header height to the body scroller.
+		if ( scroll.bCollapse && scrollY !== "" ) {
+			divBodyStyle.height = (divBody[0].offsetHeight + header[0].offsetHeight)+"px";
+		}
+	
+		// Size the table as a whole
+		sanityWidth = table.outerWidth();
+		if ( scrollX === "" ) {
+			// No x scrolling
+			tableStyle.width = "100%";
+	
+			// IE7 will make the width of the table when 100% include the scrollbar
+			// - which is shouldn't. When there is a scrollbar we need to take this
+			// into account.
+			if ( ie67 && (table.find('tbody').height() > divBodyEl.offsetHeight ||
+				divBody.css('overflow-y') == "scroll")
+			) {
+				tableStyle.width = _fnStringToCss( table.outerWidth() - barWidth);
+			}
+		}
+		else
+		{
+			// x scrolling
+			if ( scrollXInner !== "" ) {
+				// x scroll inner has been given - use it
+				tableStyle.width = _fnStringToCss(scrollXInner);
+			}
+			else if ( sanityWidth == divBody.width() && divBody.height() < table.height() ) {
+				// There is y-scrolling - try to take account of the y scroll bar
+				tableStyle.width = _fnStringToCss( sanityWidth-barWidth );
+				if ( table.outerWidth() > sanityWidth-barWidth ) {
+					// Not possible to take account of it
+					tableStyle.width = _fnStringToCss( sanityWidth );
+				}
+			}
+			else {
+				// When all else fails
+				tableStyle.width = _fnStringToCss( sanityWidth );
+			}
+		}
+	
+		// Recalculate the sanity width - now that we've applied the required width,
+		// before it was a temporary variable. This is required because the column
+		// width calculation is done before this table DOM is created.
+		sanityWidth = table.outerWidth();
+	
+		// Hidden header should have zero height, so remove padding and borders. Then
+		// set the width based on the real headers
+	
+		// Apply all styles in one pass
+		_fnApplyToChildren( zeroOut, headerSrcEls );
+	
+		// Read all widths in next pass
+		_fnApplyToChildren( function(nSizer) {
+			headerContent.push( nSizer.innerHTML );
+			headerWidths.push( _fnStringToCss( $(nSizer).css('width') ) );
+		}, headerSrcEls );
+	
+		// Apply all widths in final pass
+		_fnApplyToChildren( function(nToSize, i) {
+			nToSize.style.width = headerWidths[i];
+		}, headerTrgEls );
+	
+		$(headerSrcEls).height(0);
+	
+		/* Same again with the footer if we have one */
+		if ( footer )
+		{
+			_fnApplyToChildren( zeroOut, footerSrcEls );
+	
+			_fnApplyToChildren( function(nSizer) {
+				footerWidths.push( _fnStringToCss( $(nSizer).css('width') ) );
+			}, footerSrcEls );
+	
+			_fnApplyToChildren( function(nToSize, i) {
+				nToSize.style.width = footerWidths[i];
+			}, footerTrgEls );
+	
+			$(footerSrcEls).height(0);
+		}
+	
+	
+		/*
+		 * 3. Apply the measurements
+		 */
+	
+		// "Hide" the header and footer that we used for the sizing. We need to keep
+		// the content of the cell so that the width applied to the header and body
+		// both match, but we want to hide it completely. We want to also fix their
+		// width to what they currently are
+		_fnApplyToChildren( function(nSizer, i) {
+			nSizer.innerHTML = '<div class="dataTables_sizing" style="height:0;overflow:hidden;">'+headerContent[i]+'</div>';
+			nSizer.style.width = headerWidths[i];
+		}, headerSrcEls );
+	
+		if ( footer )
+		{
+			_fnApplyToChildren( function(nSizer, i) {
+				nSizer.innerHTML = "";
+				nSizer.style.width = footerWidths[i];
+			}, footerSrcEls );
+		}
+	
+		// Sanity check that the table is of a sensible width. If not then we are going to get
+		// misalignment - try to prevent this by not allowing the table to shrink below its min width
+		if ( table.outerWidth() < sanityWidth )
+		{
+			// The min width depends upon if we have a vertical scrollbar visible or not */
+			correction = ((divBodyEl.scrollHeight > divBodyEl.offsetHeight ||
+				divBody.css('overflow-y') == "scroll")) ?
+					sanityWidth+barWidth :
+					sanityWidth;
+	
+			// IE6/7 are a law unto themselves...
+			if ( ie67 && (divBodyEl.scrollHeight >
+				divBodyEl.offsetHeight || divBody.css('overflow-y') == "scroll")
+			) {
+				tableStyle.width = _fnStringToCss( correction-barWidth );
+			}
+	
+			// And give the user a warning that we've stopped the table getting too small
+			if ( scrollX === "" || scrollXInner !== "" ) {
+				_fnLog( settings, 1, 'Possible column misalignment', 6 );
+			}
+		}
+		else
+		{
+			correction = '100%';
+		}
+	
+		// Apply to the container elements
+		divBodyStyle.width = _fnStringToCss( correction );
+		divHeaderStyle.width = _fnStringToCss( correction );
+	
+		if ( footer ) {
+			settings.nScrollFoot.style.width = _fnStringToCss( correction );
+		}
+	
+	
+		/*
+		 * 4. Clean up
+		 */
+		if ( ! scrollY ) {
+			/* IE7< puts a vertical scrollbar in place (when it shouldn't be) due to subtracting
+			 * the scrollbar height from the visible display, rather than adding it on. We need to
+			 * set the height in order to sort this. Don't want to do it in any other browsers.
+			 */
+			if ( ie67 ) {
+				divBodyStyle.height = _fnStringToCss( tableEl.offsetHeight+barWidth );
+			}
+		}
+	
+		if ( scrollY && scroll.bCollapse ) {
+			divBodyStyle.height = _fnStringToCss( scrollY );
+	
+			var iExtra = (scrollX && tableEl.offsetWidth > divBodyEl.offsetWidth) ?
+				barWidth :
+				0;
+	
+			if ( tableEl.offsetHeight < divBodyEl.offsetHeight ) {
+				divBodyStyle.height = _fnStringToCss( tableEl.offsetHeight+iExtra );
+			}
+		}
+	
+		/* Finally set the width's of the header and footer tables */
+		var iOuterWidth = table.outerWidth();
+		divHeaderTable[0].style.width = _fnStringToCss( iOuterWidth );
+		divHeaderInnerStyle.width = _fnStringToCss( iOuterWidth );
+	
+		// Figure out if there are scrollbar present - if so then we need a the header and footer to
+		// provide a bit more space to allow "overflow" scrolling (i.e. past the scrollbar)
+		var bScrolling = table.height() > divBodyEl.clientHeight || divBody.css('overflow-y') == "scroll";
+		var padding = 'padding' + (browser.bScrollbarLeft ? 'Left' : 'Right' );
+		divHeaderInnerStyle[ padding ] = bScrolling ? barWidth+"px" : "0px";
+	
+		if ( footer ) {
+			divFooterTable[0].style.width = _fnStringToCss( iOuterWidth );
+			divFooterInner[0].style.width = _fnStringToCss( iOuterWidth );
+			divFooterInner[0].style[padding] = bScrolling ? barWidth+"px" : "0px";
+		}
+	
+		/* Adjust the position of the header in case we loose the y-scrollbar */
+		divBody.scroll();
+	
+		// If sorting or filtering has occurred, jump the scrolling back to the top
+		// only if we aren't holding the position
+		if ( (settings.bSorted || settings.bFiltered) && ! settings._drawHold ) {
+			divBodyEl.scrollTop = 0;
+		}
+	}
+	
+	
+	
+	/**
+	 * Apply a given function to the display child nodes of an element array (typically
+	 * TD children of TR rows
+	 *  @param {function} fn Method to apply to the objects
+	 *  @param array {nodes} an1 List of elements to look through for display children
+	 *  @param array {nodes} an2 Another list (identical structure to the first) - optional
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnApplyToChildren( fn, an1, an2 )
+	{
+		var index=0, i=0, iLen=an1.length;
+		var nNode1, nNode2;
+	
+		while ( i < iLen ) {
+			nNode1 = an1[i].firstChild;
+			nNode2 = an2 ? an2[i].firstChild : null;
+	
+			while ( nNode1 ) {
+				if ( nNode1.nodeType === 1 ) {
+					if ( an2 ) {
+						fn( nNode1, nNode2, index );
+					}
+					else {
+						fn( nNode1, index );
+					}
+	
+					index++;
+				}
+	
+				nNode1 = nNode1.nextSibling;
+				nNode2 = an2 ? nNode2.nextSibling : null;
+			}
+	
+			i++;
+		}
+	}
+	
+	
+	
+	var __re_html_remove = /<.*?>/g;
+	
+	
+	/**
+	 * Calculate the width of columns for the table
+	 *  @param {object} oSettings dataTables settings object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnCalculateColumnWidths ( oSettings )
+	{
+		var
+			table = oSettings.nTable,
+			columns = oSettings.aoColumns,
+			scroll = oSettings.oScroll,
+			scrollY = scroll.sY,
+			scrollX = scroll.sX,
+			scrollXInner = scroll.sXInner,
+			columnCount = columns.length,
+			visibleColumns = _fnGetColumns( oSettings, 'bVisible' ),
+			headerCells = $('th', oSettings.nTHead),
+			tableWidthAttr = table.getAttribute('width'),
+			tableContainer = table.parentNode,
+			userInputs = false,
+			i, column, columnIdx, width, outerWidth;
+	
+		/* Convert any user input sizes into pixel sizes */
+		for ( i=0 ; i<visibleColumns.length ; i++ ) {
+			column = columns[ visibleColumns[i] ];
+	
+			if ( column.sWidth !== null ) {
+				column.sWidth = _fnConvertToWidth( column.sWidthOrig, tableContainer );
+	
+				userInputs = true;
+			}
+		}
+	
+		/* If the number of columns in the DOM equals the number that we have to
+		 * process in DataTables, then we can use the offsets that are created by
+		 * the web- browser. No custom sizes can be set in order for this to happen,
+		 * nor scrolling used
+		 */
+		if ( ! userInputs && ! scrollX && ! scrollY &&
+		    columnCount == _fnVisbleColumns( oSettings ) &&
+			columnCount == headerCells.length
+		) {
+			for ( i=0 ; i<columnCount ; i++ ) {
+				columns[i].sWidth = _fnStringToCss( headerCells.eq(i).width() );
+			}
+		}
+		else
+		{
+			// Otherwise construct a single row table with the widest node in the
+			// data, assign any user defined widths, then insert it into the DOM and
+			// allow the browser to do all the hard work of calculating table widths
+			var tmpTable = $(table).clone() // don't use cloneNode - IE8 will remove events on the main table
+				.empty()
+				.css( 'visibility', 'hidden' )
+				.removeAttr( 'id' )
+				.append( $(oSettings.nTHead).clone( false ) )
+				.append( $(oSettings.nTFoot).clone( false ) )
+				.append( $('<tbody><tr/></tbody>') );
+	
+			// Remove any assigned widths from the footer (from scrolling)
+			tmpTable.find('tfoot th, tfoot td').css('width', '');
+	
+			var tr = tmpTable.find( 'tbody tr' );
+	
+			// Apply custom sizing to the cloned header
+			headerCells = _fnGetUniqueThs( oSettings, tmpTable.find('thead')[0] );
+	
+			for ( i=0 ; i<visibleColumns.length ; i++ ) {
+				column = columns[ visibleColumns[i] ];
+	
+				headerCells[i].style.width = column.sWidthOrig !== null && column.sWidthOrig !== '' ?
+					_fnStringToCss( column.sWidthOrig ) :
+					'';
+			}
+	
+			// Find the widest cell for each column and put it into the table
+			if ( oSettings.aoData.length ) {
+				for ( i=0 ; i<visibleColumns.length ; i++ ) {
+					columnIdx = visibleColumns[i];
+					column = columns[ columnIdx ];
+	
+					$( _fnGetWidestNode( oSettings, columnIdx ) )
+						.clone( false )
+						.append( column.sContentPadding )
+						.appendTo( tr );
+				}
+			}
+	
+			// Table has been built, attach to the document so we can work with it
+			tmpTable.appendTo( tableContainer );
+	
+			// When scrolling (X or Y) we want to set the width of the table as 
+			// appropriate. However, when not scrolling leave the table width as it
+			// is. This results in slightly different, but I think correct behaviour
+			if ( scrollX && scrollXInner ) {
+				tmpTable.width( scrollXInner );
+			}
+			else if ( scrollX ) {
+				tmpTable.css( 'width', 'auto' );
+	
+				if ( tmpTable.width() < tableContainer.offsetWidth ) {
+					tmpTable.width( tableContainer.offsetWidth );
+				}
+			}
+			else if ( scrollY ) {
+				tmpTable.width( tableContainer.offsetWidth );
+			}
+			else if ( tableWidthAttr ) {
+				tmpTable.width( tableWidthAttr );
+			}
+	
+			// Take into account the y scrollbar
+			_fnScrollingWidthAdjust( oSettings, tmpTable[0] );
+	
+			// Browsers need a bit of a hand when a width is assigned to any columns
+			// when x-scrolling as they tend to collapse the table to the min-width,
+			// even if we sent the column widths. So we need to keep track of what
+			// the table width should be by summing the user given values, and the
+			// automatic values
+			if ( scrollX )
+			{
+				var total = 0;
+	
+				for ( i=0 ; i<visibleColumns.length ; i++ ) {
+					column = columns[ visibleColumns[i] ];
+					outerWidth = $(headerCells[i]).outerWidth();
+	
+					total += column.sWidthOrig === null ?
+						outerWidth :
+						parseInt( column.sWidth, 10 ) + outerWidth - $(headerCells[i]).width();
+				}
+	
+				tmpTable.width( _fnStringToCss( total ) );
+				table.style.width = _fnStringToCss( total );
+			}
+	
+			// Get the width of each column in the constructed table
+			for ( i=0 ; i<visibleColumns.length ; i++ ) {
+				column = columns[ visibleColumns[i] ];
+				width = $(headerCells[i]).width();
+	
+				if ( width ) {
+					column.sWidth = _fnStringToCss( width );
+				}
+			}
+	
+			table.style.width = _fnStringToCss( tmpTable.css('width') );
+	
+			// Finished with the table - ditch it
+			tmpTable.remove();
+		}
+	
+		// If there is a width attr, we want to attach an event listener which
+		// allows the table sizing to automatically adjust when the window is
+		// resized. Use the width attr rather than CSS, since we can't know if the
+		// CSS is a relative value or absolute - DOM read is always px.
+		if ( tableWidthAttr ) {
+			table.style.width = _fnStringToCss( tableWidthAttr );
+		}
+	
+		if ( (tableWidthAttr || scrollX) && ! oSettings._reszEvt ) {
+			$(window).bind('resize.DT-'+oSettings.sInstance, _fnThrottle( function () {
+				_fnAdjustColumnSizing( oSettings );
+			} ) );
+	
+			oSettings._reszEvt = true;
+		}
+	}
+	
+	
+	/**
+	 * Throttle the calls to a function. Arguments and context are maintained for
+	 * the throttled function
+	 *  @param {function} fn Function to be called
+	 *  @param {int} [freq=200] call frequency in mS
+	 *  @returns {function} wrapped function
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnThrottle( fn, freq ) {
+		var
+			frequency = freq !== undefined ? freq : 200,
+			last,
+			timer;
+	
+		return function () {
+			var
+				that = this,
+				now  = +new Date(),
+				args = arguments;
+	
+			if ( last && now < last + frequency ) {
+				clearTimeout( timer );
+	
+				timer = setTimeout( function () {
+					last = undefined;
+					fn.apply( that, args );
+				}, frequency );
+			}
+			else if ( last ) {
+				last = now;
+				fn.apply( that, args );
+			}
+			else {
+				last = now;
+			}
+		};
+	}
+	
+	
+	/**
+	 * Convert a CSS unit width to pixels (e.g. 2em)
+	 *  @param {string} width width to be converted
+	 *  @param {node} parent parent to get the with for (required for relative widths) - optional
+	 *  @returns {int} width in pixels
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnConvertToWidth ( width, parent )
+	{
+		if ( ! width ) {
+			return 0;
+		}
+	
+		var n = $('<div/>')
+			.css( 'width', _fnStringToCss( width ) )
+			.appendTo( parent || document.body );
+	
+		var val = n[0].offsetWidth;
+		n.remove();
+	
+		return val;
+	}
+	
+	
+	/**
+	 * Adjust a table's width to take account of vertical scroll bar
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param {node} n table node
+	 *  @memberof DataTable#oApi
+	 */
+	
+	function _fnScrollingWidthAdjust ( settings, n )
+	{
+		var scroll = settings.oScroll;
+	
+		if ( scroll.sX || scroll.sY ) {
+			// When y-scrolling only, we want to remove the width of the scroll bar
+			// so the table + scroll bar will fit into the area available, otherwise
+			// we fix the table at its current size with no adjustment
+			var correction = ! scroll.sX ? scroll.iBarWidth : 0;
+			n.style.width = _fnStringToCss( $(n).outerWidth() - correction );
+		}
+	}
+	
+	
+	/**
+	 * Get the widest node
+	 *  @param {object} settings dataTables settings object
+	 *  @param {int} colIdx column of interest
+	 *  @returns {node} widest table node
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnGetWidestNode( settings, colIdx )
+	{
+		var idx = _fnGetMaxLenString( settings, colIdx );
+		if ( idx < 0 ) {
+			return null;
+		}
+	
+		var data = settings.aoData[ idx ];
+		return ! data.nTr ? // Might not have been created when deferred rendering
+			$('<td/>').html( _fnGetCellData( settings, idx, colIdx, 'display' ) )[0] :
+			data.anCells[ colIdx ];
+	}
+	
+	
+	/**
+	 * Get the maximum strlen for each data column
+	 *  @param {object} settings dataTables settings object
+	 *  @param {int} colIdx column of interest
+	 *  @returns {string} max string length for each column
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnGetMaxLenString( settings, colIdx )
+	{
+		var s, max=-1, maxIdx = -1;
+	
+		for ( var i=0, ien=settings.aoData.length ; i<ien ; i++ ) {
+			s = _fnGetCellData( settings, i, colIdx, 'display' )+'';
+			s = s.replace( __re_html_remove, '' );
+	
+			if ( s.length > max ) {
+				max = s.length;
+				maxIdx = i;
+			}
+		}
+	
+		return maxIdx;
+	}
+	
+	
+	/**
+	 * Append a CSS unit (only if required) to a string
+	 *  @param {string} value to css-ify
+	 *  @returns {string} value with css unit
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnStringToCss( s )
+	{
+		if ( s === null ) {
+			return '0px';
+		}
+	
+		if ( typeof s == 'number' ) {
+			return s < 0 ?
+				'0px' :
+				s+'px';
+		}
+	
+		// Check it has a unit character already
+		return s.match(/\d$/) ?
+			s+'px' :
+			s;
+	}
+	
+	
+	/**
+	 * Get the width of a scroll bar in this browser being used
+	 *  @returns {int} width in pixels
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnScrollBarWidth ()
+	{
+		// On first run a static variable is set, since this is only needed once.
+		// Subsequent runs will just use the previously calculated value
+		if ( ! DataTable.__scrollbarWidth ) {
+			var inner = $('<p/>').css( {
+				width: '100%',
+				height: 200,
+				padding: 0
+			} )[0];
+	
+			var outer = $('<div/>')
+				.css( {
+					position: 'absolute',
+					top: 0,
+					left: 0,
+					width: 200,
+					height: 150,
+					padding: 0,
+					overflow: 'hidden',
+					visibility: 'hidden'
+				} )
+				.append( inner )
+				.appendTo( 'body' );
+	
+			var w1 = inner.offsetWidth;
+			outer.css( 'overflow', 'scroll' );
+			var w2 = inner.offsetWidth;
+	
+			if ( w1 === w2 ) {
+				w2 = outer[0].clientWidth;
+			}
+	
+			outer.remove();
+	
+			DataTable.__scrollbarWidth = w1 - w2;
+		}
+	
+		return DataTable.__scrollbarWidth;
+	}
+	
+	
+	
+	function _fnSortFlatten ( settings )
+	{
+		var
+			i, iLen, k, kLen,
+			aSort = [],
+			aiOrig = [],
+			aoColumns = settings.aoColumns,
+			aDataSort, iCol, sType, srcCol,
+			fixed = settings.aaSortingFixed,
+			fixedObj = $.isPlainObject( fixed ),
+			nestedSort = [],
+			add = function ( a ) {
+				if ( a.length && ! $.isArray( a[0] ) ) {
+					// 1D array
+					nestedSort.push( a );
+				}
+				else {
+					// 2D array
+					nestedSort.push.apply( nestedSort, a );
+				}
+			};
+	
+		// Build the sort array, with pre-fix and post-fix options if they have been
+		// specified
+		if ( $.isArray( fixed ) ) {
+			add( fixed );
+		}
+	
+		if ( fixedObj && fixed.pre ) {
+			add( fixed.pre );
+		}
+	
+		add( settings.aaSorting );
+	
+		if (fixedObj && fixed.post ) {
+			add( fixed.post );
+		}
+	
+		for ( i=0 ; i<nestedSort.length ; i++ )
+		{
+			srcCol = nestedSort[i][0];
+			aDataSort = aoColumns[ srcCol ].aDataSort;
+	
+			for ( k=0, kLen=aDataSort.length ; k<kLen ; k++ )
+			{
+				iCol = aDataSort[k];
+				sType = aoColumns[ iCol ].sType || 'string';
+	
+				if ( nestedSort[i]._idx === undefined ) {
+					nestedSort[i]._idx = $.inArray( nestedSort[i][1], aoColumns[iCol].asSorting );
+				}
+	
+				aSort.push( {
+					src:       srcCol,
+					col:       iCol,
+					dir:       nestedSort[i][1],
+					index:     nestedSort[i]._idx,
+					type:      sType,
+					formatter: DataTable.ext.type.order[ sType+"-pre" ]
+				} );
+			}
+		}
+	
+		return aSort;
+	}
+	
+	/**
+	 * Change the order of the table
+	 *  @param {object} oSettings dataTables settings object
+	 *  @memberof DataTable#oApi
+	 *  @todo This really needs split up!
+	 */
+	function _fnSort ( oSettings )
+	{
+		var
+			i, ien, iLen, j, jLen, k, kLen,
+			sDataType, nTh,
+			aiOrig = [],
+			oExtSort = DataTable.ext.type.order,
+			aoData = oSettings.aoData,
+			aoColumns = oSettings.aoColumns,
+			aDataSort, data, iCol, sType, oSort,
+			formatters = 0,
+			sortCol,
+			displayMaster = oSettings.aiDisplayMaster,
+			aSort;
+	
+		// Resolve any column types that are unknown due to addition or invalidation
+		// @todo Can this be moved into a 'data-ready' handler which is called when
+		//   data is going to be used in the table?
+		_fnColumnTypes( oSettings );
+	
+		aSort = _fnSortFlatten( oSettings );
+	
+		for ( i=0, ien=aSort.length ; i<ien ; i++ ) {
+			sortCol = aSort[i];
+	
+			// Track if we can use the fast sort algorithm
+			if ( sortCol.formatter ) {
+				formatters++;
+			}
+	
+			// Load the data needed for the sort, for each cell
+			_fnSortData( oSettings, sortCol.col );
+		}
+	
+		/* No sorting required if server-side or no sorting array */
+		if ( _fnDataSource( oSettings ) != 'ssp' && aSort.length !== 0 )
+		{
+			// Create a value - key array of the current row positions such that we can use their
+			// current position during the sort, if values match, in order to perform stable sorting
+			for ( i=0, iLen=displayMaster.length ; i<iLen ; i++ ) {
+				aiOrig[ displayMaster[i] ] = i;
+			}
+	
+			/* Do the sort - here we want multi-column sorting based on a given data source (column)
+			 * and sorting function (from oSort) in a certain direction. It's reasonably complex to
+			 * follow on it's own, but this is what we want (example two column sorting):
+			 *  fnLocalSorting = function(a,b){
+			 *    var iTest;
+			 *    iTest = oSort['string-asc']('data11', 'data12');
+			 *      if (iTest !== 0)
+			 *        return iTest;
+			 *    iTest = oSort['numeric-desc']('data21', 'data22');
+			 *    if (iTest !== 0)
+			 *      return iTest;
+			 *    return oSort['numeric-asc']( aiOrig[a], aiOrig[b] );
+			 *  }
+			 * Basically we have a test for each sorting column, if the data in that column is equal,
+			 * test the next column. If all columns match, then we use a numeric sort on the row
+			 * positions in the original data array to provide a stable sort.
+			 *
+			 * Note - I know it seems excessive to have two sorting methods, but the first is around
+			 * 15% faster, so the second is only maintained for backwards compatibility with sorting
+			 * methods which do not have a pre-sort formatting function.
+			 */
+			if ( formatters === aSort.length ) {
+				// All sort types have formatting functions
+				displayMaster.sort( function ( a, b ) {
+					var
+						x, y, k, test, sort,
+						len=aSort.length,
+						dataA = aoData[a]._aSortData,
+						dataB = aoData[b]._aSortData;
+	
+					for ( k=0 ; k<len ; k++ ) {
+						sort = aSort[k];
+	
+						x = dataA[ sort.col ];
+						y = dataB[ sort.col ];
+	
+						test = x<y ? -1 : x>y ? 1 : 0;
+						if ( test !== 0 ) {
+							return sort.dir === 'asc' ? test : -test;
+						}
+					}
+	
+					x = aiOrig[a];
+					y = aiOrig[b];
+					return x<y ? -1 : x>y ? 1 : 0;
+				} );
+			}
+			else {
+				// Depreciated - remove in 1.11 (providing a plug-in option)
+				// Not all sort types have formatting methods, so we have to call their sorting
+				// methods.
+				displayMaster.sort( function ( a, b ) {
+					var
+						x, y, k, l, test, sort, fn,
+						len=aSort.length,
+						dataA = aoData[a]._aSortData,
+						dataB = aoData[b]._aSortData;
+	
+					for ( k=0 ; k<len ; k++ ) {
+						sort = aSort[k];
+	
+						x = dataA[ sort.col ];
+						y = dataB[ sort.col ];
+	
+						fn = oExtSort[ sort.type+"-"+sort.dir ] || oExtSort[ "string-"+sort.dir ];
+						test = fn( x, y );
+						if ( test !== 0 ) {
+							return test;
+						}
+					}
+	
+					x = aiOrig[a];
+					y = aiOrig[b];
+					return x<y ? -1 : x>y ? 1 : 0;
+				} );
+			}
+		}
+	
+		/* Tell the draw function that we have sorted the data */
+		oSettings.bSorted = true;
+	}
+	
+	
+	function _fnSortAria ( settings )
+	{
+		var label;
+		var nextSort;
+		var columns = settings.aoColumns;
+		var aSort = _fnSortFlatten( settings );
+		var oAria = settings.oLanguage.oAria;
+	
+		// ARIA attributes - need to loop all columns, to update all (removing old
+		// attributes as needed)
+		for ( var i=0, iLen=columns.length ; i<iLen ; i++ )
+		{
+			var col = columns[i];
+			var asSorting = col.asSorting;
+			var sTitle = col.sTitle.replace( /<.*?>/g, "" );
+			var th = col.nTh;
+	
+			// IE7 is throwing an error when setting these properties with jQuery's
+			// attr() and removeAttr() methods...
+			th.removeAttribute('aria-sort');
+	
+			/* In ARIA only the first sorting column can be marked as sorting - no multi-sort option */
+			if ( col.bSortable ) {
+				if ( aSort.length > 0 && aSort[0].col == i ) {
+					th.setAttribute('aria-sort', aSort[0].dir=="asc" ? "ascending" : "descending" );
+					nextSort = asSorting[ aSort[0].index+1 ] || asSorting[0];
+				}
+				else {
+					nextSort = asSorting[0];
+				}
+	
+				label = sTitle + ( nextSort === "asc" ?
+					oAria.sSortAscending :
+					oAria.sSortDescending
+				);
+			}
+			else {
+				label = sTitle;
+			}
+	
+			th.setAttribute('aria-label', label);
+		}
+	}
+	
+	
+	/**
+	 * Function to run on user sort request
+	 *  @param {object} settings dataTables settings object
+	 *  @param {node} attachTo node to attach the handler to
+	 *  @param {int} colIdx column sorting index
+	 *  @param {boolean} [append=false] Append the requested sort to the existing
+	 *    sort if true (i.e. multi-column sort)
+	 *  @param {function} [callback] callback function
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnSortListener ( settings, colIdx, append, callback )
+	{
+		var col = settings.aoColumns[ colIdx ];
+		var sorting = settings.aaSorting;
+		var asSorting = col.asSorting;
+		var nextSortIdx;
+		var next = function ( a, overflow ) {
+			var idx = a._idx;
+			if ( idx === undefined ) {
+				idx = $.inArray( a[1], asSorting );
+			}
+	
+			return idx+1 < asSorting.length ?
+				idx+1 :
+				overflow ?
+					null :
+					0;
+		};
+	
+		// Convert to 2D array if needed
+		if ( typeof sorting[0] === 'number' ) {
+			sorting = settings.aaSorting = [ sorting ];
+		}
+	
+		// If appending the sort then we are multi-column sorting
+		if ( append && settings.oFeatures.bSortMulti ) {
+			// Are we already doing some kind of sort on this column?
+			var sortIdx = $.inArray( colIdx, _pluck(sorting, '0') );
+	
+			if ( sortIdx !== -1 ) {
+				// Yes, modify the sort
+				nextSortIdx = next( sorting[sortIdx], true );
+	
+				if ( nextSortIdx === null ) {
+					sorting.splice( sortIdx, 1 );
+				}
+				else {
+					sorting[sortIdx][1] = asSorting[ nextSortIdx ];
+					sorting[sortIdx]._idx = nextSortIdx;
+				}
+			}
+			else {
+				// No sort on this column yet
+				sorting.push( [ colIdx, asSorting[0], 0 ] );
+				sorting[sorting.length-1]._idx = 0;
+			}
+		}
+		else if ( sorting.length && sorting[0][0] == colIdx ) {
+			// Single column - already sorting on this column, modify the sort
+			nextSortIdx = next( sorting[0] );
+	
+			sorting.length = 1;
+			sorting[0][1] = asSorting[ nextSortIdx ];
+			sorting[0]._idx = nextSortIdx;
+		}
+		else {
+			// Single column - sort only on this column
+			sorting.length = 0;
+			sorting.push( [ colIdx, asSorting[0] ] );
+			sorting[0]._idx = 0;
+		}
+	
+		// Run the sort by calling a full redraw
+		_fnReDraw( settings );
+	
+		// callback used for async user interaction
+		if ( typeof callback == 'function' ) {
+			callback( settings );
+		}
+	}
+	
+	
+	/**
+	 * Attach a sort handler (click) to a node
+	 *  @param {object} settings dataTables settings object
+	 *  @param {node} attachTo node to attach the handler to
+	 *  @param {int} colIdx column sorting index
+	 *  @param {function} [callback] callback function
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnSortAttachListener ( settings, attachTo, colIdx, callback )
+	{
+		var col = settings.aoColumns[ colIdx ];
+	
+		_fnBindAction( attachTo, {}, function (e) {
+			/* If the column is not sortable - don't to anything */
+			if ( col.bSortable === false ) {
+				return;
+			}
+	
+			// If processing is enabled use a timeout to allow the processing
+			// display to be shown - otherwise to it synchronously
+			if ( settings.oFeatures.bProcessing ) {
+				_fnProcessingDisplay( settings, true );
+	
+				setTimeout( function() {
+					_fnSortListener( settings, colIdx, e.shiftKey, callback );
+	
+					// In server-side processing, the draw callback will remove the
+					// processing display
+					if ( _fnDataSource( settings ) !== 'ssp' ) {
+						_fnProcessingDisplay( settings, false );
+					}
+				}, 0 );
+			}
+			else {
+				_fnSortListener( settings, colIdx, e.shiftKey, callback );
+			}
+		} );
+	}
+	
+	
+	/**
+	 * Set the sorting classes on table's body, Note: it is safe to call this function
+	 * when bSort and bSortClasses are false
+	 *  @param {object} oSettings dataTables settings object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnSortingClasses( settings )
+	{
+		var oldSort = settings.aLastSort;
+		var sortClass = settings.oClasses.sSortColumn;
+		var sort = _fnSortFlatten( settings );
+		var features = settings.oFeatures;
+		var i, ien, colIdx;
+	
+		if ( features.bSort && features.bSortClasses ) {
+			// Remove old sorting classes
+			for ( i=0, ien=oldSort.length ; i<ien ; i++ ) {
+				colIdx = oldSort[i].src;
+	
+				// Remove column sorting
+				$( _pluck( settings.aoData, 'anCells', colIdx ) )
+					.removeClass( sortClass + (i<2 ? i+1 : 3) );
+			}
+	
+			// Add new column sorting
+			for ( i=0, ien=sort.length ; i<ien ; i++ ) {
+				colIdx = sort[i].src;
+	
+				$( _pluck( settings.aoData, 'anCells', colIdx ) )
+					.addClass( sortClass + (i<2 ? i+1 : 3) );
+			}
+		}
+	
+		settings.aLastSort = sort;
+	}
+	
+	
+	// Get the data to sort a column, be it from cache, fresh (populating the
+	// cache), or from a sort formatter
+	function _fnSortData( settings, idx )
+	{
+		// Custom sorting function - provided by the sort data type
+		var column = settings.aoColumns[ idx ];
+		var customSort = DataTable.ext.order[ column.sSortDataType ];
+		var customData;
+	
+		if ( customSort ) {
+			customData = customSort.call( settings.oInstance, settings, idx,
+				_fnColumnIndexToVisible( settings, idx )
+			);
+		}
+	
+		// Use / populate cache
+		var row, cellData;
+		var formatter = DataTable.ext.type.order[ column.sType+"-pre" ];
+	
+		for ( var i=0, ien=settings.aoData.length ; i<ien ; i++ ) {
+			row = settings.aoData[i];
+	
+			if ( ! row._aSortData ) {
+				row._aSortData = [];
+			}
+	
+			if ( ! row._aSortData[idx] || customSort ) {
+				cellData = customSort ?
+					customData[i] : // If there was a custom sort function, use data from there
+					_fnGetCellData( settings, i, idx, 'sort' );
+	
+				row._aSortData[ idx ] = formatter ?
+					formatter( cellData ) :
+					cellData;
+			}
+		}
+	}
+	
+	
+	
+	/**
+	 * Save the state of a table
+	 *  @param {object} oSettings dataTables settings object
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnSaveState ( settings )
+	{
+		if ( !settings.oFeatures.bStateSave || settings.bDestroying )
+		{
+			return;
+		}
+	
+		/* Store the interesting variables */
+		var state = {
+			time:    +new Date(),
+			start:   settings._iDisplayStart,
+			length:  settings._iDisplayLength,
+			order:   $.extend( true, [], settings.aaSorting ),
+			search:  _fnSearchToCamel( settings.oPreviousSearch ),
+			columns: $.map( settings.aoColumns, function ( col, i ) {
+				return {
+					visible: col.bVisible,
+					search: _fnSearchToCamel( settings.aoPreSearchCols[i] )
+				};
+			} )
+		};
+	
+		_fnCallbackFire( settings, "aoStateSaveParams", 'stateSaveParams', [settings, state] );
+	
+		settings.oSavedState = state;
+		settings.fnStateSaveCallback.call( settings.oInstance, settings, state );
+	}
+	
+	
+	/**
+	 * Attempt to load a saved table state
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param {object} oInit DataTables init object so we can override settings
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnLoadState ( settings, oInit )
+	{
+		var i, ien;
+		var columns = settings.aoColumns;
+	
+		if ( ! settings.oFeatures.bStateSave ) {
+			return;
+		}
+	
+		var state = settings.fnStateLoadCallback.call( settings.oInstance, settings );
+		if ( ! state || ! state.time ) {
+			return;
+		}
+	
+		/* Allow custom and plug-in manipulation functions to alter the saved data set and
+		 * cancelling of loading by returning false
+		 */
+		var abStateLoad = _fnCallbackFire( settings, 'aoStateLoadParams', 'stateLoadParams', [settings, state] );
+		if ( $.inArray( false, abStateLoad ) !== -1 ) {
+			return;
+		}
+	
+		/* Reject old data */
+		var duration = settings.iStateDuration;
+		if ( duration > 0 && state.time < +new Date() - (duration*1000) ) {
+			return;
+		}
+	
+		// Number of columns have changed - all bets are off, no restore of settings
+		if ( columns.length !== state.columns.length ) {
+			return;
+		}
+	
+		// Store the saved state so it might be accessed at any time
+		settings.oLoadedState = $.extend( true, {}, state );
+	
+		// Restore key features - todo - for 1.11 this needs to be done by
+		// subscribed events
+		settings._iDisplayStart    = state.start;
+		settings.iInitDisplayStart = state.start;
+		settings._iDisplayLength   = state.length;
+		settings.aaSorting = [];
+	
+		// Order
+		$.each( state.order, function ( i, col ) {
+			settings.aaSorting.push( col[0] >= columns.length ?
+				[ 0, col[1] ] :
+				col
+			);
+		} );
+	
+		// Search
+		$.extend( settings.oPreviousSearch, _fnSearchToHung( state.search ) );
+	
+		// Columns
+		for ( i=0, ien=state.columns.length ; i<ien ; i++ ) {
+			var col = state.columns[i];
+	
+			// Visibility
+			columns[i].bVisible = col.visible;
+	
+			// Search
+			$.extend( settings.aoPreSearchCols[i], _fnSearchToHung( col.search ) );
+		}
+	
+		_fnCallbackFire( settings, 'aoStateLoaded', 'stateLoaded', [settings, state] );
+	}
+	
+	
+	/**
+	 * Return the settings object for a particular table
+	 *  @param {node} table table we are using as a dataTable
+	 *  @returns {object} Settings object - or null if not found
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnSettingsFromNode ( table )
+	{
+		var settings = DataTable.settings;
+		var idx = $.inArray( table, _pluck( settings, 'nTable' ) );
+	
+		return idx !== -1 ?
+			settings[ idx ] :
+			null;
+	}
+	
+	
+	/**
+	 * Log an error message
+	 *  @param {object} settings dataTables settings object
+	 *  @param {int} level log error messages, or display them to the user
+	 *  @param {string} msg error message
+	 *  @param {int} tn Technical note id to get more information about the error.
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnLog( settings, level, msg, tn )
+	{
+		msg = 'DataTables warning: '+
+			(settings!==null ? 'table id='+settings.sTableId+' - ' : '')+msg;
+	
+		if ( tn ) {
+			msg += '. For more information about this error, please see '+
+			'http://datatables.net/tn/'+tn;
+		}
+	
+		if ( ! level  ) {
+			// Backwards compatibility pre 1.10
+			var ext = DataTable.ext;
+			var type = ext.sErrMode || ext.errMode;
+	
+			if ( type == 'alert' ) {
+				alert( msg );
+			}
+			else {
+				throw new Error(msg);
+			}
+		}
+		else if ( window.console && console.log ) {
+			console.log( msg );
+		}
+	}
+	
+	
+	/**
+	 * See if a property is defined on one object, if so assign it to the other object
+	 *  @param {object} ret target object
+	 *  @param {object} src source object
+	 *  @param {string} name property
+	 *  @param {string} [mappedName] name to map too - optional, name used if not given
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnMap( ret, src, name, mappedName )
+	{
+		if ( $.isArray( name ) ) {
+			$.each( name, function (i, val) {
+				if ( $.isArray( val ) ) {
+					_fnMap( ret, src, val[0], val[1] );
+				}
+				else {
+					_fnMap( ret, src, val );
+				}
+			} );
+	
+			return;
+		}
+	
+		if ( mappedName === undefined ) {
+			mappedName = name;
+		}
+	
+		if ( src[name] !== undefined ) {
+			ret[mappedName] = src[name];
+		}
+	}
+	
+	
+	/**
+	 * Extend objects - very similar to jQuery.extend, but deep copy objects, and
+	 * shallow copy arrays. The reason we need to do this, is that we don't want to
+	 * deep copy array init values (such as aaSorting) since the dev wouldn't be
+	 * able to override them, but we do want to deep copy arrays.
+	 *  @param {object} out Object to extend
+	 *  @param {object} extender Object from which the properties will be applied to
+	 *      out
+	 *  @param {boolean} breakRefs If true, then arrays will be sliced to take an
+	 *      independent copy with the exception of the `data` or `aaData` parameters
+	 *      if they are present. This is so you can pass in a collection to
+	 *      DataTables and have that used as your data source without breaking the
+	 *      references
+	 *  @returns {object} out Reference, just for convenience - out === the return.
+	 *  @memberof DataTable#oApi
+	 *  @todo This doesn't take account of arrays inside the deep copied objects.
+	 */
+	function _fnExtend( out, extender, breakRefs )
+	{
+		var val;
+	
+		for ( var prop in extender ) {
+			if ( extender.hasOwnProperty(prop) ) {
+				val = extender[prop];
+	
+				if ( $.isPlainObject( val ) ) {
+					if ( ! $.isPlainObject( out[prop] ) ) {
+						out[prop] = {};
+					}
+					$.extend( true, out[prop], val );
+				}
+				else if ( breakRefs && prop !== 'data' && prop !== 'aaData' && $.isArray(val) ) {
+					out[prop] = val.slice();
+				}
+				else {
+					out[prop] = val;
+				}
+			}
+		}
+	
+		return out;
+	}
+	
+	
+	/**
+	 * Bind an event handers to allow a click or return key to activate the callback.
+	 * This is good for accessibility since a return on the keyboard will have the
+	 * same effect as a click, if the element has focus.
+	 *  @param {element} n Element to bind the action to
+	 *  @param {object} oData Data object to pass to the triggered function
+	 *  @param {function} fn Callback function for when the event is triggered
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnBindAction( n, oData, fn )
+	{
+		$(n)
+			.bind( 'click.DT', oData, function (e) {
+					n.blur(); // Remove focus outline for mouse users
+					fn(e);
+				} )
+			.bind( 'keypress.DT', oData, function (e){
+					if ( e.which === 13 ) {
+						e.preventDefault();
+						fn(e);
+					}
+				} )
+			.bind( 'selectstart.DT', function () {
+					/* Take the brutal approach to cancelling text selection */
+					return false;
+				} );
+	}
+	
+	
+	/**
+	 * Register a callback function. Easily allows a callback function to be added to
+	 * an array store of callback functions that can then all be called together.
+	 *  @param {object} oSettings dataTables settings object
+	 *  @param {string} sStore Name of the array storage for the callbacks in oSettings
+	 *  @param {function} fn Function to be called back
+	 *  @param {string} sName Identifying name for the callback (i.e. a label)
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnCallbackReg( oSettings, sStore, fn, sName )
+	{
+		if ( fn )
+		{
+			oSettings[sStore].push( {
+				"fn": fn,
+				"sName": sName
+			} );
+		}
+	}
+	
+	
+	/**
+	 * Fire callback functions and trigger events. Note that the loop over the
+	 * callback array store is done backwards! Further note that you do not want to
+	 * fire off triggers in time sensitive applications (for example cell creation)
+	 * as its slow.
+	 *  @param {object} settings dataTables settings object
+	 *  @param {string} callbackArr Name of the array storage for the callbacks in
+	 *      oSettings
+	 *  @param {string} event Name of the jQuery custom event to trigger. If null no
+	 *      trigger is fired
+	 *  @param {array} args Array of arguments to pass to the callback function /
+	 *      trigger
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnCallbackFire( settings, callbackArr, e, args )
+	{
+		var ret = [];
+	
+		if ( callbackArr ) {
+			ret = $.map( settings[callbackArr].slice().reverse(), function (val, i) {
+				return val.fn.apply( settings.oInstance, args );
+			} );
+		}
+	
+		if ( e !== null ) {
+			$(settings.nTable).trigger( e+'.dt', args );
+		}
+	
+		return ret;
+	}
+	
+	
+	function _fnLengthOverflow ( settings )
+	{
+		var
+			start = settings._iDisplayStart,
+			end = settings.fnDisplayEnd(),
+			len = settings._iDisplayLength;
+	
+		/* If we have space to show extra rows (backing up from the end point - then do so */
+		if ( start >= end )
+		{
+			start = end - len;
+		}
+	
+		// Keep the start record on the current page
+		start -= (start % len);
+	
+		if ( len === -1 || start < 0 )
+		{
+			start = 0;
+		}
+	
+		settings._iDisplayStart = start;
+	}
+	
+	
+	function _fnRenderer( settings, type )
+	{
+		var renderer = settings.renderer;
+		var host = DataTable.ext.renderer[type];
+	
+		if ( $.isPlainObject( renderer ) && renderer[type] ) {
+			// Specific renderer for this type. If available use it, otherwise use
+			// the default.
+			return host[renderer[type]] || host._;
+		}
+		else if ( typeof renderer === 'string' ) {
+			// Common renderer - if there is one available for this type use it,
+			// otherwise use the default
+			return host[renderer] || host._;
+		}
+	
+		// Use the default
+		return host._;
+	}
+	
+	
+	/**
+	 * Detect the data source being used for the table. Used to simplify the code
+	 * a little (ajax) and to make it compress a little smaller.
+	 *
+	 *  @param {object} settings dataTables settings object
+	 *  @returns {string} Data source
+	 *  @memberof DataTable#oApi
+	 */
+	function _fnDataSource ( settings )
+	{
+		if ( settings.oFeatures.bServerSide ) {
+			return 'ssp';
+		}
+		else if ( settings.ajax || settings.sAjaxSource ) {
+			return 'ajax';
+		}
+		return 'dom';
+	}
+	
+
+	DataTable = function( options )
+	{
+		/**
+		 * Perform a jQuery selector action on the table's TR elements (from the tbody) and
+		 * return the resulting jQuery object.
+		 *  @param {string|node|jQuery} sSelector jQuery selector or node collection to act on
+		 *  @param {object} [oOpts] Optional parameters for modifying the rows to be included
+		 *  @param {string} [oOpts.filter=none] Select TR elements that meet the current filter
+		 *    criterion ("applied") or all TR elements (i.e. no filter).
+		 *  @param {string} [oOpts.order=current] Order of the TR elements in the processed array.
+		 *    Can be either 'current', whereby the current sorting of the table is used, or
+		 *    'original' whereby the original order the data was read into the table is used.
+		 *  @param {string} [oOpts.page=all] Limit the selection to the currently displayed page
+		 *    ("current") or not ("all"). If 'current' is given, then order is assumed to be
+		 *    'current' and filter is 'applied', regardless of what they might be given as.
+		 *  @returns {object} jQuery object, filtered by the given selector.
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable = $('#example').dataTable();
+		 *
+		 *      // Highlight every second row
+		 *      oTable.$('tr:odd').css('backgroundColor', 'blue');
+		 *    } );
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable = $('#example').dataTable();
+		 *
+		 *      // Filter to rows with 'Webkit' in them, add a background colour and then
+		 *      // remove the filter, thus highlighting the 'Webkit' rows only.
+		 *      oTable.fnFilter('Webkit');
+		 *      oTable.$('tr', {"search": "applied"}).css('backgroundColor', 'blue');
+		 *      oTable.fnFilter('');
+		 *    } );
+		 */
+		this.$ = function ( sSelector, oOpts )
+		{
+			return this.api(true).$( sSelector, oOpts );
+		};
+		
+		
+		/**
+		 * Almost identical to $ in operation, but in this case returns the data for the matched
+		 * rows - as such, the jQuery selector used should match TR row nodes or TD/TH cell nodes
+		 * rather than any descendants, so the data can be obtained for the row/cell. If matching
+		 * rows are found, the data returned is the original data array/object that was used to
+		 * create the row (or a generated array if from a DOM source).
+		 *
+		 * This method is often useful in-combination with $ where both functions are given the
+		 * same parameters and the array indexes will match identically.
+		 *  @param {string|node|jQuery} sSelector jQuery selector or node collection to act on
+		 *  @param {object} [oOpts] Optional parameters for modifying the rows to be included
+		 *  @param {string} [oOpts.filter=none] Select elements that meet the current filter
+		 *    criterion ("applied") or all elements (i.e. no filter).
+		 *  @param {string} [oOpts.order=current] Order of the data in the processed array.
+		 *    Can be either 'current', whereby the current sorting of the table is used, or
+		 *    'original' whereby the original order the data was read into the table is used.
+		 *  @param {string} [oOpts.page=all] Limit the selection to the currently displayed page
+		 *    ("current") or not ("all"). If 'current' is given, then order is assumed to be
+		 *    'current' and filter is 'applied', regardless of what they might be given as.
+		 *  @returns {array} Data for the matched elements. If any elements, as a result of the
+		 *    selector, were not TR, TD or TH elements in the DataTable, they will have a null
+		 *    entry in the array.
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable = $('#example').dataTable();
+		 *
+		 *      // Get the data from the first row in the table
+		 *      var data = oTable._('tr:first');
+		 *
+		 *      // Do something useful with the data
+		 *      alert( "First cell is: "+data[0] );
+		 *    } );
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable = $('#example').dataTable();
+		 *
+		 *      // Filter to 'Webkit' and get all data for
+		 *      oTable.fnFilter('Webkit');
+		 *      var data = oTable._('tr', {"search": "applied"});
+		 *
+		 *      // Do something with the data
+		 *      alert( data.length+" rows matched the search" );
+		 *    } );
+		 */
+		this._ = function ( sSelector, oOpts )
+		{
+			return this.api(true).rows( sSelector, oOpts ).data();
+		};
+		
+		
+		/**
+		 * Create a DataTables Api instance, with the currently selected tables for
+		 * the Api's context.
+		 * @param {boolean} [traditional=false] Set the API instance's context to be
+		 *   only the table referred to by the `DataTable.ext.iApiIndex` option, as was
+		 *   used in the API presented by DataTables 1.9- (i.e. the traditional mode),
+		 *   or if all tables captured in the jQuery object should be used.
+		 * @return {DataTables.Api}
+		 */
+		this.api = function ( traditional )
+		{
+			return traditional ?
+				new _Api(
+					_fnSettingsFromNode( this[ _ext.iApiIndex ] )
+				) :
+				new _Api( this );
+		};
+		
+		
+		/**
+		 * Add a single new row or multiple rows of data to the table. Please note
+		 * that this is suitable for client-side processing only - if you are using
+		 * server-side processing (i.e. "bServerSide": true), then to add data, you
+		 * must add it to the data source, i.e. the server-side, through an Ajax call.
+		 *  @param {array|object} data The data to be added to the table. This can be:
+		 *    <ul>
+		 *      <li>1D array of data - add a single row with the data provided</li>
+		 *      <li>2D array of arrays - add multiple rows in a single call</li>
+		 *      <li>object - data object when using <i>mData</i></li>
+		 *      <li>array of objects - multiple data objects when using <i>mData</i></li>
+		 *    </ul>
+		 *  @param {bool} [redraw=true] redraw the table or not
+		 *  @returns {array} An array of integers, representing the list of indexes in
+		 *    <i>aoData</i> ({@link DataTable.models.oSettings}) that have been added to
+		 *    the table.
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    // Global var for counter
+		 *    var giCount = 2;
+		 *
+		 *    $(document).ready(function() {
+		 *      $('#example').dataTable();
+		 *    } );
+		 *
+		 *    function fnClickAddRow() {
+		 *      $('#example').dataTable().fnAddData( [
+		 *        giCount+".1",
+		 *        giCount+".2",
+		 *        giCount+".3",
+		 *        giCount+".4" ]
+		 *      );
+		 *
+		 *      giCount++;
+		 *    }
+		 */
+		this.fnAddData = function( data, redraw )
+		{
+			var api = this.api( true );
+		
+			/* Check if we want to add multiple rows or not */
+			var rows = $.isArray(data) && ( $.isArray(data[0]) || $.isPlainObject(data[0]) ) ?
+				api.rows.add( data ) :
+				api.row.add( data );
+		
+			if ( redraw === undefined || redraw ) {
+				api.draw();
+			}
+		
+			return rows.flatten().toArray();
+		};
+		
+		
+		/**
+		 * This function will make DataTables recalculate the column sizes, based on the data
+		 * contained in the table and the sizes applied to the columns (in the DOM, CSS or
+		 * through the sWidth parameter). This can be useful when the width of the table's
+		 * parent element changes (for example a window resize).
+		 *  @param {boolean} [bRedraw=true] Redraw the table or not, you will typically want to
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable = $('#example').dataTable( {
+		 *        "sScrollY": "200px",
+		 *        "bPaginate": false
+		 *      } );
+		 *
+		 *      $(window).bind('resize', function () {
+		 *        oTable.fnAdjustColumnSizing();
+		 *      } );
+		 *    } );
+		 */
+		this.fnAdjustColumnSizing = function ( bRedraw )
+		{
+			var api = this.api( true ).columns.adjust();
+			var settings = api.settings()[0];
+			var scroll = settings.oScroll;
+		
+			if ( bRedraw === undefined || bRedraw ) {
+				api.draw( false );
+			}
+			else if ( scroll.sX !== "" || scroll.sY !== "" ) {
+				/* If not redrawing, but scrolling, we want to apply the new column sizes anyway */
+				_fnScrollDraw( settings );
+			}
+		};
+		
+		
+		/**
+		 * Quickly and simply clear a table
+		 *  @param {bool} [bRedraw=true] redraw the table or not
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable = $('#example').dataTable();
+		 *
+		 *      // Immediately 'nuke' the current rows (perhaps waiting for an Ajax callback...)
+		 *      oTable.fnClearTable();
+		 *    } );
+		 */
+		this.fnClearTable = function( bRedraw )
+		{
+			var api = this.api( true ).clear();
+		
+			if ( bRedraw === undefined || bRedraw ) {
+				api.draw();
+			}
+		};
+		
+		
+		/**
+		 * The exact opposite of 'opening' a row, this function will close any rows which
+		 * are currently 'open'.
+		 *  @param {node} nTr the table row to 'close'
+		 *  @returns {int} 0 on success, or 1 if failed (can't find the row)
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable;
+		 *
+		 *      // 'open' an information row when a row is clicked on
+		 *      $('#example tbody tr').click( function () {
+		 *        if ( oTable.fnIsOpen(this) ) {
+		 *          oTable.fnClose( this );
+		 *        } else {
+		 *          oTable.fnOpen( this, "Temporary row opened", "info_row" );
+		 *        }
+		 *      } );
+		 *
+		 *      oTable = $('#example').dataTable();
+		 *    } );
+		 */
+		this.fnClose = function( nTr )
+		{
+			this.api( true ).row( nTr ).child.hide();
+		};
+		
+		
+		/**
+		 * Remove a row for the table
+		 *  @param {mixed} target The index of the row from aoData to be deleted, or
+		 *    the TR element you want to delete
+		 *  @param {function|null} [callBack] Callback function
+		 *  @param {bool} [redraw=true] Redraw the table or not
+		 *  @returns {array} The row that was deleted
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable = $('#example').dataTable();
+		 *
+		 *      // Immediately remove the first row
+		 *      oTable.fnDeleteRow( 0 );
+		 *    } );
+		 */
+		this.fnDeleteRow = function( target, callback, redraw )
+		{
+			var api = this.api( true );
+			var rows = api.rows( target );
+			var settings = rows.settings()[0];
+			var data = settings.aoData[ rows[0][0] ];
+		
+			rows.remove();
+		
+			if ( callback ) {
+				callback.call( this, settings, data );
+			}
+		
+			if ( redraw === undefined || redraw ) {
+				api.draw();
+			}
+		
+			return data;
+		};
+		
+		
+		/**
+		 * Restore the table to it's original state in the DOM by removing all of DataTables
+		 * enhancements, alterations to the DOM structure of the table and event listeners.
+		 *  @param {boolean} [remove=false] Completely remove the table from the DOM
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      // This example is fairly pointless in reality, but shows how fnDestroy can be used
+		 *      var oTable = $('#example').dataTable();
+		 *      oTable.fnDestroy();
+		 *    } );
+		 */
+		this.fnDestroy = function ( remove )
+		{
+			this.api( true ).destroy( remove );
+		};
+		
+		
+		/**
+		 * Redraw the table
+		 *  @param {bool} [complete=true] Re-filter and resort (if enabled) the table before the draw.
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable = $('#example').dataTable();
+		 *
+		 *      // Re-draw the table - you wouldn't want to do it here, but it's an example :-)
+		 *      oTable.fnDraw();
+		 *    } );
+		 */
+		this.fnDraw = function( complete )
+		{
+			// Note that this isn't an exact match to the old call to _fnDraw - it takes
+			// into account the new data, but can old position.
+			this.api( true ).draw( ! complete );
+		};
+		
+		
+		/**
+		 * Filter the input based on data
+		 *  @param {string} sInput String to filter the table on
+		 *  @param {int|null} [iColumn] Column to limit filtering to
+		 *  @param {bool} [bRegex=false] Treat as regular expression or not
+		 *  @param {bool} [bSmart=true] Perform smart filtering or not
+		 *  @param {bool} [bShowGlobal=true] Show the input global filter in it's input box(es)
+		 *  @param {bool} [bCaseInsensitive=true] Do case-insensitive matching (true) or not (false)
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable = $('#example').dataTable();
+		 *
+		 *      // Sometime later - filter...
+		 *      oTable.fnFilter( 'test string' );
+		 *    } );
+		 */
+		this.fnFilter = function( sInput, iColumn, bRegex, bSmart, bShowGlobal, bCaseInsensitive )
+		{
+			var api = this.api( true );
+		
+			if ( iColumn === null || iColumn === undefined ) {
+				api.search( sInput, bRegex, bSmart, bCaseInsensitive );
+			}
+			else {
+				api.column( iColumn ).search( sInput, bRegex, bSmart, bCaseInsensitive );
+			}
+		
+			api.draw();
+		};
+		
+		
+		/**
+		 * Get the data for the whole table, an individual row or an individual cell based on the
+		 * provided parameters.
+		 *  @param {int|node} [src] A TR row node, TD/TH cell node or an integer. If given as
+		 *    a TR node then the data source for the whole row will be returned. If given as a
+		 *    TD/TH cell node then iCol will be automatically calculated and the data for the
+		 *    cell returned. If given as an integer, then this is treated as the aoData internal
+		 *    data index for the row (see fnGetPosition) and the data for that row used.
+		 *  @param {int} [col] Optional column index that you want the data of.
+		 *  @returns {array|object|string} If mRow is undefined, then the data for all rows is
+		 *    returned. If mRow is defined, just data for that row, and is iCol is
+		 *    defined, only data for the designated cell is returned.
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    // Row data
+		 *    $(document).ready(function() {
+		 *      oTable = $('#example').dataTable();
+		 *
+		 *      oTable.$('tr').click( function () {
+		 *        var data = oTable.fnGetData( this );
+		 *        // ... do something with the array / object of data for the row
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Individual cell data
+		 *    $(document).ready(function() {
+		 *      oTable = $('#example').dataTable();
+		 *
+		 *      oTable.$('td').click( function () {
+		 *        var sData = oTable.fnGetData( this );
+		 *        alert( 'The cell clicked on had the value of '+sData );
+		 *      } );
+		 *    } );
+		 */
+		this.fnGetData = function( src, col )
+		{
+			var api = this.api( true );
+		
+			if ( src !== undefined ) {
+				var type = src.nodeName ? src.nodeName.toLowerCase() : '';
+		
+				return col !== undefined || type == 'td' || type == 'th' ?
+					api.cell( src, col ).data() :
+					api.row( src ).data() || null;
+			}
+		
+			return api.data().toArray();
+		};
+		
+		
+		/**
+		 * Get an array of the TR nodes that are used in the table's body. Note that you will
+		 * typically want to use the '$' API method in preference to this as it is more
+		 * flexible.
+		 *  @param {int} [iRow] Optional row index for the TR element you want
+		 *  @returns {array|node} If iRow is undefined, returns an array of all TR elements
+		 *    in the table's body, or iRow is defined, just the TR element requested.
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable = $('#example').dataTable();
+		 *
+		 *      // Get the nodes from the table
+		 *      var nNodes = oTable.fnGetNodes( );
+		 *    } );
+		 */
+		this.fnGetNodes = function( iRow )
+		{
+			var api = this.api( true );
+		
+			return iRow !== undefined ?
+				api.row( iRow ).node() :
+				api.rows().nodes().flatten().toArray();
+		};
+		
+		
+		/**
+		 * Get the array indexes of a particular cell from it's DOM element
+		 * and column index including hidden columns
+		 *  @param {node} node this can either be a TR, TD or TH in the table's body
+		 *  @returns {int} If nNode is given as a TR, then a single index is returned, or
+		 *    if given as a cell, an array of [row index, column index (visible),
+		 *    column index (all)] is given.
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      $('#example tbody td').click( function () {
+		 *        // Get the position of the current data from the node
+		 *        var aPos = oTable.fnGetPosition( this );
+		 *
+		 *        // Get the data array for this row
+		 *        var aData = oTable.fnGetData( aPos[0] );
+		 *
+		 *        // Update the data array and return the value
+		 *        aData[ aPos[1] ] = 'clicked';
+		 *        this.innerHTML = 'clicked';
+		 *      } );
+		 *
+		 *      // Init DataTables
+		 *      oTable = $('#example').dataTable();
+		 *    } );
+		 */
+		this.fnGetPosition = function( node )
+		{
+			var api = this.api( true );
+			var nodeName = node.nodeName.toUpperCase();
+		
+			if ( nodeName == 'TR' ) {
+				return api.row( node ).index();
+			}
+			else if ( nodeName == 'TD' || nodeName == 'TH' ) {
+				var cell = api.cell( node ).index();
+		
+				return [
+					cell.row,
+					cell.columnVisible,
+					cell.column
+				];
+			}
+			return null;
+		};
+		
+		
+		/**
+		 * Check to see if a row is 'open' or not.
+		 *  @param {node} nTr the table row to check
+		 *  @returns {boolean} true if the row is currently open, false otherwise
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable;
+		 *
+		 *      // 'open' an information row when a row is clicked on
+		 *      $('#example tbody tr').click( function () {
+		 *        if ( oTable.fnIsOpen(this) ) {
+		 *          oTable.fnClose( this );
+		 *        } else {
+		 *          oTable.fnOpen( this, "Temporary row opened", "info_row" );
+		 *        }
+		 *      } );
+		 *
+		 *      oTable = $('#example').dataTable();
+		 *    } );
+		 */
+		this.fnIsOpen = function( nTr )
+		{
+			return this.api( true ).row( nTr ).child.isShown();
+		};
+		
+		
+		/**
+		 * This function will place a new row directly after a row which is currently
+		 * on display on the page, with the HTML contents that is passed into the
+		 * function. This can be used, for example, to ask for confirmation that a
+		 * particular record should be deleted.
+		 *  @param {node} nTr The table row to 'open'
+		 *  @param {string|node|jQuery} mHtml The HTML to put into the row
+		 *  @param {string} sClass Class to give the new TD cell
+		 *  @returns {node} The row opened. Note that if the table row passed in as the
+		 *    first parameter, is not found in the table, this method will silently
+		 *    return.
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable;
+		 *
+		 *      // 'open' an information row when a row is clicked on
+		 *      $('#example tbody tr').click( function () {
+		 *        if ( oTable.fnIsOpen(this) ) {
+		 *          oTable.fnClose( this );
+		 *        } else {
+		 *          oTable.fnOpen( this, "Temporary row opened", "info_row" );
+		 *        }
+		 *      } );
+		 *
+		 *      oTable = $('#example').dataTable();
+		 *    } );
+		 */
+		this.fnOpen = function( nTr, mHtml, sClass )
+		{
+			return this.api( true )
+				.row( nTr )
+				.child( mHtml, sClass )
+				.show()
+				.child()[0];
+		};
+		
+		
+		/**
+		 * Change the pagination - provides the internal logic for pagination in a simple API
+		 * function. With this function you can have a DataTables table go to the next,
+		 * previous, first or last pages.
+		 *  @param {string|int} mAction Paging action to take: "first", "previous", "next" or "last"
+		 *    or page number to jump to (integer), note that page 0 is the first page.
+		 *  @param {bool} [bRedraw=true] Redraw the table or not
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable = $('#example').dataTable();
+		 *      oTable.fnPageChange( 'next' );
+		 *    } );
+		 */
+		this.fnPageChange = function ( mAction, bRedraw )
+		{
+			var api = this.api( true ).page( mAction );
+		
+			if ( bRedraw === undefined || bRedraw ) {
+				api.draw(false);
+			}
+		};
+		
+		
+		/**
+		 * Show a particular column
+		 *  @param {int} iCol The column whose display should be changed
+		 *  @param {bool} bShow Show (true) or hide (false) the column
+		 *  @param {bool} [bRedraw=true] Redraw the table or not
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable = $('#example').dataTable();
+		 *
+		 *      // Hide the second column after initialisation
+		 *      oTable.fnSetColumnVis( 1, false );
+		 *    } );
+		 */
+		this.fnSetColumnVis = function ( iCol, bShow, bRedraw )
+		{
+			var api = this.api( true ).column( iCol ).visible( bShow );
+		
+			if ( bRedraw === undefined || bRedraw ) {
+				api.columns.adjust().draw();
+			}
+		};
+		
+		
+		/**
+		 * Get the settings for a particular table for external manipulation
+		 *  @returns {object} DataTables settings object. See
+		 *    {@link DataTable.models.oSettings}
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable = $('#example').dataTable();
+		 *      var oSettings = oTable.fnSettings();
+		 *
+		 *      // Show an example parameter from the settings
+		 *      alert( oSettings._iDisplayStart );
+		 *    } );
+		 */
+		this.fnSettings = function()
+		{
+			return _fnSettingsFromNode( this[_ext.iApiIndex] );
+		};
+		
+		
+		/**
+		 * Sort the table by a particular column
+		 *  @param {int} iCol the data index to sort on. Note that this will not match the
+		 *    'display index' if you have hidden data entries
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable = $('#example').dataTable();
+		 *
+		 *      // Sort immediately with columns 0 and 1
+		 *      oTable.fnSort( [ [0,'asc'], [1,'asc'] ] );
+		 *    } );
+		 */
+		this.fnSort = function( aaSort )
+		{
+			this.api( true ).order( aaSort ).draw();
+		};
+		
+		
+		/**
+		 * Attach a sort listener to an element for a given column
+		 *  @param {node} nNode the element to attach the sort listener to
+		 *  @param {int} iColumn the column that a click on this node will sort on
+		 *  @param {function} [fnCallback] callback function when sort is run
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable = $('#example').dataTable();
+		 *
+		 *      // Sort on column 1, when 'sorter' is clicked on
+		 *      oTable.fnSortListener( document.getElementById('sorter'), 1 );
+		 *    } );
+		 */
+		this.fnSortListener = function( nNode, iColumn, fnCallback )
+		{
+			this.api( true ).order.listener( nNode, iColumn, fnCallback );
+		};
+		
+		
+		/**
+		 * Update a table cell or row - this method will accept either a single value to
+		 * update the cell with, an array of values with one element for each column or
+		 * an object in the same format as the original data source. The function is
+		 * self-referencing in order to make the multi column updates easier.
+		 *  @param {object|array|string} mData Data to update the cell/row with
+		 *  @param {node|int} mRow TR element you want to update or the aoData index
+		 *  @param {int} [iColumn] The column to update, give as null or undefined to
+		 *    update a whole row.
+		 *  @param {bool} [bRedraw=true] Redraw the table or not
+		 *  @param {bool} [bAction=true] Perform pre-draw actions or not
+		 *  @returns {int} 0 on success, 1 on error
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable = $('#example').dataTable();
+		 *      oTable.fnUpdate( 'Example update', 0, 0 ); // Single cell
+		 *      oTable.fnUpdate( ['a', 'b', 'c', 'd', 'e'], $('tbody tr')[0] ); // Row
+		 *    } );
+		 */
+		this.fnUpdate = function( mData, mRow, iColumn, bRedraw, bAction )
+		{
+			var api = this.api( true );
+		
+			if ( iColumn === undefined || iColumn === null ) {
+				api.row( mRow ).data( mData );
+			}
+			else {
+				api.cell( mRow, iColumn ).data( mData );
+			}
+		
+			if ( bAction === undefined || bAction ) {
+				api.columns.adjust();
+			}
+		
+			if ( bRedraw === undefined || bRedraw ) {
+				api.draw();
+			}
+			return 0;
+		};
+		
+		
+		/**
+		 * Provide a common method for plug-ins to check the version of DataTables being used, in order
+		 * to ensure compatibility.
+		 *  @param {string} sVersion Version string to check for, in the format "X.Y.Z". Note that the
+		 *    formats "X" and "X.Y" are also acceptable.
+		 *  @returns {boolean} true if this version of DataTables is greater or equal to the required
+		 *    version, or false if this version of DataTales is not suitable
+		 *  @method
+		 *  @dtopt API
+		 *  @deprecated Since v1.10
+		 *
+		 *  @example
+		 *    $(document).ready(function() {
+		 *      var oTable = $('#example').dataTable();
+		 *      alert( oTable.fnVersionCheck( '1.9.0' ) );
+		 *    } );
+		 */
+		this.fnVersionCheck = _ext.fnVersionCheck;
+		
+
+		var _that = this;
+		var emptyInit = options === undefined;
+		var len = this.length;
+
+		if ( emptyInit ) {
+			options = {};
+		}
+
+		this.oApi = this.internal = _ext.internal;
+
+		// Extend with old style plug-in API methods
+		for ( var fn in DataTable.ext.internal ) {
+			if ( fn ) {
+				this[fn] = _fnExternApiFunc(fn);
+			}
+		}
+
+		this.each(function() {
+			// For each initialisation we want to give it a clean initialisation
+			// object that can be bashed around
+			var o = {};
+			var oInit = len > 1 ? // optimisation for single table case
+				_fnExtend( o, options, true ) :
+				options;
+
+			/*global oInit,_that,emptyInit*/
+			var i=0, iLen, j, jLen, k, kLen;
+			var sId = this.getAttribute( 'id' );
+			var bInitHandedOff = false;
+			var defaults = DataTable.defaults;
+			
+			
+			/* Sanity check */
+			if ( this.nodeName.toLowerCase() != 'table' )
+			{
+				_fnLog( null, 0, 'Non-table node initialisation ('+this.nodeName+')', 2 );
+				return;
+			}
+			
+			/* Backwards compatibility for the defaults */
+			_fnCompatOpts( defaults );
+			_fnCompatCols( defaults.column );
+			
+			/* Convert the camel-case defaults to Hungarian */
+			_fnCamelToHungarian( defaults, defaults, true );
+			_fnCamelToHungarian( defaults.column, defaults.column, true );
+			
+			/* Setting up the initialisation object */
+			_fnCamelToHungarian( defaults, oInit );
+			
+			/* Check to see if we are re-initialising a table */
+			var allSettings = DataTable.settings;
+			for ( i=0, iLen=allSettings.length ; i<iLen ; i++ )
+			{
+				/* Base check on table node */
+				if ( allSettings[i].nTable == this )
+				{
+					var bRetrieve = oInit.bRetrieve !== undefined ? oInit.bRetrieve : defaults.bRetrieve;
+					var bDestroy = oInit.bDestroy !== undefined ? oInit.bDestroy : defaults.bDestroy;
+			
+					if ( emptyInit || bRetrieve )
+					{
+						return allSettings[i].oInstance;
+					}
+					else if ( bDestroy )
+					{
+						allSettings[i].oInstance.fnDestroy();
+						break;
+					}
+					else
+					{
+						_fnLog( allSettings[i], 0, 'Cannot reinitialise DataTable', 3 );
+						return;
+					}
+				}
+			
+				/* If the element we are initialising has the same ID as a table which was previously
+				 * initialised, but the table nodes don't match (from before) then we destroy the old
+				 * instance by simply deleting it. This is under the assumption that the table has been
+				 * destroyed by other methods. Anyone using non-id selectors will need to do this manually
+				 */
+				if ( allSettings[i].sTableId == this.id )
+				{
+					allSettings.splice( i, 1 );
+					break;
+				}
+			}
+			
+			/* Ensure the table has an ID - required for accessibility */
+			if ( sId === null || sId === "" )
+			{
+				sId = "DataTables_Table_"+(DataTable.ext._unique++);
+				this.id = sId;
+			}
+			
+			/* Create the settings object for this table and set some of the default parameters */
+			var oSettings = $.extend( true, {}, DataTable.models.oSettings, {
+				"nTable":        this,
+				"oApi":          _that.internal,
+				"oInit":         oInit,
+				"sDestroyWidth": $(this)[0].style.width,
+				"sInstance":     sId,
+				"sTableId":      sId
+			} );
+			allSettings.push( oSettings );
+			
+			// Need to add the instance after the instance after the settings object has been added
+			// to the settings array, so we can self reference the table instance if more than one
+			oSettings.oInstance = (_that.length===1) ? _that : $(this).dataTable();
+			
+			// Backwards compatibility, before we apply all the defaults
+			_fnCompatOpts( oInit );
+			
+			if ( oInit.oLanguage )
+			{
+				_fnLanguageCompat( oInit.oLanguage );
+			}
+			
+			// If the length menu is given, but the init display length is not, use the length menu
+			if ( oInit.aLengthMenu && ! oInit.iDisplayLength )
+			{
+				oInit.iDisplayLength = $.isArray( oInit.aLengthMenu[0] ) ?
+					oInit.aLengthMenu[0][0] : oInit.aLengthMenu[0];
+			}
+			
+			// Apply the defaults and init options to make a single init object will all
+			// options defined from defaults and instance options.
+			oInit = _fnExtend( $.extend( true, {}, defaults ), oInit );
+			
+			
+			// Map the initialisation options onto the settings object
+			_fnMap( oSettings.oFeatures, oInit, [
+				"bPaginate",
+				"bLengthChange",
+				"bFilter",
+				"bSort",
+				"bSortMulti",
+				"bInfo",
+				"bProcessing",
+				"bAutoWidth",
+				"bSortClasses",
+				"bServerSide",
+				"bDeferRender"
+			] );
+			_fnMap( oSettings, oInit, [
+				"asStripeClasses",
+				"ajax",
+				"fnServerData",
+				"fnFormatNumber",
+				"sServerMethod",
+				"aaSorting",
+				"aaSortingFixed",
+				"aLengthMenu",
+				"sPaginationType",
+				"sAjaxSource",
+				"sAjaxDataProp",
+				"iStateDuration",
+				"sDom",
+				"bSortCellsTop",
+				"iTabIndex",
+				"fnStateLoadCallback",
+				"fnStateSaveCallback",
+				"renderer",
+				"searchDelay",
+				[ "iCookieDuration", "iStateDuration" ], // backwards compat
+				[ "oSearch", "oPreviousSearch" ],
+				[ "aoSearchCols", "aoPreSearchCols" ],
+				[ "iDisplayLength", "_iDisplayLength" ],
+				[ "bJQueryUI", "bJUI" ]
+			] );
+			_fnMap( oSettings.oScroll, oInit, [
+				[ "sScrollX", "sX" ],
+				[ "sScrollXInner", "sXInner" ],
+				[ "sScrollY", "sY" ],
+				[ "bScrollCollapse", "bCollapse" ]
+			] );
+			_fnMap( oSettings.oLanguage, oInit, "fnInfoCallback" );
+			
+			/* Callback functions which are array driven */
+			_fnCallbackReg( oSettings, 'aoDrawCallback',       oInit.fnDrawCallback,      'user' );
+			_fnCallbackReg( oSettings, 'aoServerParams',       oInit.fnServerParams,      'user' );
+			_fnCallbackReg( oSettings, 'aoStateSaveParams',    oInit.fnStateSaveParams,   'user' );
+			_fnCallbackReg( oSettings, 'aoStateLoadParams',    oInit.fnStateLoadParams,   'user' );
+			_fnCallbackReg( oSettings, 'aoStateLoaded',        oInit.fnStateLoaded,       'user' );
+			_fnCallbackReg( oSettings, 'aoRowCallback',        oInit.fnRowCallback,       'user' );
+			_fnCallbackReg( oSettings, 'aoRowCreatedCallback', oInit.fnCreatedRow,        'user' );
+			_fnCallbackReg( oSettings, 'aoHeaderCallback',     oInit.fnHeaderCallback,    'user' );
+			_fnCallbackReg( oSettings, 'aoFooterCallback',     oInit.fnFooterCallback,    'user' );
+			_fnCallbackReg( oSettings, 'aoInitComplete',       oInit.fnInitComplete,      'user' );
+			_fnCallbackReg( oSettings, 'aoPreDrawCallback',    oInit.fnPreDrawCallback,   'user' );
+			
+			var oClasses = oSettings.oClasses;
+			
+			// @todo Remove in 1.11
+			if ( oInit.bJQueryUI )
+			{
+				/* Use the JUI classes object for display. You could clone the oStdClasses object if
+				 * you want to have multiple tables with multiple independent classes
+				 */
+				$.extend( oClasses, DataTable.ext.oJUIClasses, oInit.oClasses );
+			
+				if ( oInit.sDom === defaults.sDom && defaults.sDom === "lfrtip" )
+				{
+					/* Set the DOM to use a layout suitable for jQuery UI's theming */
+					oSettings.sDom = '<"H"lfr>t<"F"ip>';
+				}
+			
+				if ( ! oSettings.renderer ) {
+					oSettings.renderer = 'jqueryui';
+				}
+				else if ( $.isPlainObject( oSettings.renderer ) && ! oSettings.renderer.header ) {
+					oSettings.renderer.header = 'jqueryui';
+				}
+			}
+			else
+			{
+				$.extend( oClasses, DataTable.ext.classes, oInit.oClasses );
+			}
+			$(this).addClass( oClasses.sTable );
+			
+			/* Calculate the scroll bar width and cache it for use later on */
+			if ( oSettings.oScroll.sX !== "" || oSettings.oScroll.sY !== "" )
+			{
+				oSettings.oScroll.iBarWidth = _fnScrollBarWidth();
+			}
+			if ( oSettings.oScroll.sX === true ) { // Easy initialisation of x-scrolling
+				oSettings.oScroll.sX = '100%';
+			}
+			
+			if ( oSettings.iInitDisplayStart === undefined )
+			{
+				/* Display start point, taking into account the save saving */
+				oSettings.iInitDisplayStart = oInit.iDisplayStart;
+				oSettings._iDisplayStart = oInit.iDisplayStart;
+			}
+			
+			if ( oInit.iDeferLoading !== null )
+			{
+				oSettings.bDeferLoading = true;
+				var tmp = $.isArray( oInit.iDeferLoading );
+				oSettings._iRecordsDisplay = tmp ? oInit.iDeferLoading[0] : oInit.iDeferLoading;
+				oSettings._iRecordsTotal = tmp ? oInit.iDeferLoading[1] : oInit.iDeferLoading;
+			}
+			
+			/* Language definitions */
+			var oLanguage = oSettings.oLanguage;
+			$.extend( true, oLanguage, oInit.oLanguage );
+			
+			if ( oLanguage.sUrl !== "" )
+			{
+				/* Get the language definitions from a file - because this Ajax call makes the language
+				 * get async to the remainder of this function we use bInitHandedOff to indicate that
+				 * _fnInitialise will be fired by the returned Ajax handler, rather than the constructor
+				 */
+				$.ajax( {
+					dataType: 'json',
+					url: oLanguage.sUrl,
+					success: function ( json ) {
+						_fnLanguageCompat( json );
+						_fnCamelToHungarian( defaults.oLanguage, json );
+						$.extend( true, oLanguage, json );
+						_fnInitialise( oSettings );
+					},
+					error: function () {
+						// Error occurred loading language file, continue on as best we can
+						_fnInitialise( oSettings );
+					}
+				} );
+				bInitHandedOff = true;
+			}
+			
+			/*
+			 * Stripes
+			 */
+			if ( oInit.asStripeClasses === null )
+			{
+				oSettings.asStripeClasses =[
+					oClasses.sStripeOdd,
+					oClasses.sStripeEven
+				];
+			}
+			
+			/* Remove row stripe classes if they are already on the table row */
+			var stripeClasses = oSettings.asStripeClasses;
+			var rowOne = $('tbody tr:eq(0)', this);
+			if ( $.inArray( true, $.map( stripeClasses, function(el, i) {
+				return rowOne.hasClass(el);
+			} ) ) !== -1 ) {
+				$('tbody tr', this).removeClass( stripeClasses.join(' ') );
+				oSettings.asDestroyStripes = stripeClasses.slice();
+			}
+			
+			/*
+			 * Columns
+			 * See if we should load columns automatically or use defined ones
+			 */
+			var anThs = [];
+			var aoColumnsInit;
+			var nThead = this.getElementsByTagName('thead');
+			if ( nThead.length !== 0 )
+			{
+				_fnDetectHeader( oSettings.aoHeader, nThead[0] );
+				anThs = _fnGetUniqueThs( oSettings );
+			}
+			
+			/* If not given a column array, generate one with nulls */
+			if ( oInit.aoColumns === null )
+			{
+				aoColumnsInit = [];
+				for ( i=0, iLen=anThs.length ; i<iLen ; i++ )
+				{
+					aoColumnsInit.push( null );
+				}
+			}
+			else
+			{
+				aoColumnsInit = oInit.aoColumns;
+			}
+			
+			/* Add the columns */
+			for ( i=0, iLen=aoColumnsInit.length ; i<iLen ; i++ )
+			{
+				_fnAddColumn( oSettings, anThs ? anThs[i] : null );
+			}
+			
+			/* Apply the column definitions */
+			_fnApplyColumnDefs( oSettings, oInit.aoColumnDefs, aoColumnsInit, function (iCol, oDef) {
+				_fnColumnOptions( oSettings, iCol, oDef );
+			} );
+			
+			/* HTML5 attribute detection - build an mData object automatically if the
+			 * attributes are found
+			 */
+			if ( rowOne.length ) {
+				var a = function ( cell, name ) {
+					return cell.getAttribute( 'data-'+name ) ? name : null;
+				};
+			
+				$.each( _fnGetRowElements( oSettings, rowOne[0] ).cells, function (i, cell) {
+					var col = oSettings.aoColumns[i];
+			
+					if ( col.mData === i ) {
+						var sort = a( cell, 'sort' ) || a( cell, 'order' );
+						var filter = a( cell, 'filter' ) || a( cell, 'search' );
+			
+						if ( sort !== null || filter !== null ) {
+							col.mData = {
+								_:      i+'.display',
+								sort:   sort !== null   ? i+'.@data-'+sort   : undefined,
+								type:   sort !== null   ? i+'.@data-'+sort   : undefined,
+								filter: filter !== null ? i+'.@data-'+filter : undefined
+							};
+			
+							_fnColumnOptions( oSettings, i );
+						}
+					}
+				} );
+			}
+			
+			var features = oSettings.oFeatures;
+			
+			/* Must be done after everything which can be overridden by the state saving! */
+			if ( oInit.bStateSave )
+			{
+				features.bStateSave = true;
+				_fnLoadState( oSettings, oInit );
+				_fnCallbackReg( oSettings, 'aoDrawCallback', _fnSaveState, 'state_save' );
+			}
+			
+			
+			/*
+			 * Sorting
+			 * @todo For modularisation (1.11) this needs to do into a sort start up handler
+			 */
+			
+			// If aaSorting is not defined, then we use the first indicator in asSorting
+			// in case that has been altered, so the default sort reflects that option
+			if ( oInit.aaSorting === undefined )
+			{
+				var sorting = oSettings.aaSorting;
+				for ( i=0, iLen=sorting.length ; i<iLen ; i++ )
+				{
+					sorting[i][1] = oSettings.aoColumns[ i ].asSorting[0];
+				}
+			}
+			
+			/* Do a first pass on the sorting classes (allows any size changes to be taken into
+			 * account, and also will apply sorting disabled classes if disabled
+			 */
+			_fnSortingClasses( oSettings );
+			
+			if ( features.bSort )
+			{
+				_fnCallbackReg( oSettings, 'aoDrawCallback', function () {
+					if ( oSettings.bSorted ) {
+						var aSort = _fnSortFlatten( oSettings );
+						var sortedColumns = {};
+			
+						$.each( aSort, function (i, val) {
+							sortedColumns[ val.src ] = val.dir;
+						} );
+			
+						_fnCallbackFire( oSettings, null, 'order', [oSettings, aSort, sortedColumns] );
+						_fnSortAria( oSettings );
+					}
+				} );
+			}
+			
+			_fnCallbackReg( oSettings, 'aoDrawCallback', function () {
+				if ( oSettings.bSorted || _fnDataSource( oSettings ) === 'ssp' || features.bDeferRender ) {
+					_fnSortingClasses( oSettings );
+				}
+			}, 'sc' );
+			
+			
+			/*
+			 * Final init
+			 * Cache the header, body and footer as required, creating them if needed
+			 */
+			
+			/* Browser support detection */
+			_fnBrowserDetect( oSettings );
+			
+			// Work around for Webkit bug 83867 - store the caption-side before removing from doc
+			var captions = $(this).children('caption').each( function () {
+				this._captionSide = $(this).css('caption-side');
+			} );
+			
+			var thead = $(this).children('thead');
+			if ( thead.length === 0 )
+			{
+				thead = $('<thead/>').appendTo(this);
+			}
+			oSettings.nTHead = thead[0];
+			
+			var tbody = $(this).children('tbody');
+			if ( tbody.length === 0 )
+			{
+				tbody = $('<tbody/>').appendTo(this);
+			}
+			oSettings.nTBody = tbody[0];
+			
+			var tfoot = $(this).children('tfoot');
+			if ( tfoot.length === 0 && captions.length > 0 && (oSettings.oScroll.sX !== "" || oSettings.oScroll.sY !== "") )
+			{
+				// If we are a scrolling table, and no footer has been given, then we need to create
+				// a tfoot element for the caption element to be appended to
+				tfoot = $('<tfoot/>').appendTo(this);
+			}
+			
+			if ( tfoot.length === 0 || tfoot.children().length === 0 ) {
+				$(this).addClass( oClasses.sNoFooter );
+			}
+			else if ( tfoot.length > 0 ) {
+				oSettings.nTFoot = tfoot[0];
+				_fnDetectHeader( oSettings.aoFooter, oSettings.nTFoot );
+			}
+			
+			/* Check if there is data passing into the constructor */
+			if ( oInit.aaData )
+			{
+				for ( i=0 ; i<oInit.aaData.length ; i++ )
+				{
+					_fnAddData( oSettings, oInit.aaData[ i ] );
+				}
+			}
+			else if ( oSettings.bDeferLoading || _fnDataSource( oSettings ) == 'dom' )
+			{
+				/* Grab the data from the page - only do this when deferred loading or no Ajax
+				 * source since there is no point in reading the DOM data if we are then going
+				 * to replace it with Ajax data
+				 */
+				_fnAddTr( oSettings, $(oSettings.nTBody).children('tr') );
+			}
+			
+			/* Copy the data index array */
+			oSettings.aiDisplay = oSettings.aiDisplayMaster.slice();
+			
+			/* Initialisation complete - table can be drawn */
+			oSettings.bInitialised = true;
+			
+			/* Check if we need to initialise the table (it might not have been handed off to the
+			 * language processor)
+			 */
+			if ( bInitHandedOff === false )
+			{
+				_fnInitialise( oSettings );
+			}
+		} );
+		_that = null;
+		return this;
+	};
+
+	
+	
+	/**
+	 * Computed structure of the DataTables API, defined by the options passed to
+	 * `DataTable.Api.register()` when building the API.
+	 *
+	 * The structure is built in order to speed creation and extension of the Api
+	 * objects since the extensions are effectively pre-parsed.
+	 *
+	 * The array is an array of objects with the following structure, where this
+	 * base array represents the Api prototype base:
+	 *
+	 *     [
+	 *       {
+	 *         name:      'data'                -- string   - Property name
+	 *         val:       function () {},       -- function - Api method (or undefined if just an object
+	 *         methodExt: [ ... ],              -- array    - Array of Api object definitions to extend the method result
+	 *         propExt:   [ ... ]               -- array    - Array of Api object definitions to extend the property
+	 *       },
+	 *       {
+	 *         name:     'row'
+	 *         val:       {},
+	 *         methodExt: [ ... ],
+	 *         propExt:   [
+	 *           {
+	 *             name:      'data'
+	 *             val:       function () {},
+	 *             methodExt: [ ... ],
+	 *             propExt:   [ ... ]
+	 *           },
+	 *           ...
+	 *         ]
+	 *       }
+	 *     ]
+	 *
+	 * @type {Array}
+	 * @ignore
+	 */
+	var __apiStruct = [];
+	
+	
+	/**
+	 * `Array.prototype` reference.
+	 *
+	 * @type object
+	 * @ignore
+	 */
+	var __arrayProto = Array.prototype;
+	
+	
+	/**
+	 * Abstraction for `context` parameter of the `Api` constructor to allow it to
+	 * take several different forms for ease of use.
+	 *
+	 * Each of the input parameter types will be converted to a DataTables settings
+	 * object where possible.
+	 *
+	 * @param  {string|node|jQuery|object} mixed DataTable identifier. Can be one
+	 *   of:
+	 *
+	 *   * `string` - jQuery selector. Any DataTables' matching the given selector
+	 *     with be found and used.
+	 *   * `node` - `TABLE` node which has already been formed into a DataTable.
+	 *   * `jQuery` - A jQuery object of `TABLE` nodes.
+	 *   * `object` - DataTables settings object
+	 *   * `DataTables.Api` - API instance
+	 * @return {array|null} Matching DataTables settings objects. `null` or
+	 *   `undefined` is returned if no matching DataTable is found.
+	 * @ignore
+	 */
+	var _toSettings = function ( mixed )
+	{
+		var idx, jq;
+		var settings = DataTable.settings;
+		var tables = $.map( settings, function (el, i) {
+			return el.nTable;
+		} );
+	
+		if ( ! mixed ) {
+			return [];
+		}
+		else if ( mixed.nTable && mixed.oApi ) {
+			// DataTables settings object
+			return [ mixed ];
+		}
+		else if ( mixed.nodeName && mixed.nodeName.toLowerCase() === 'table' ) {
+			// Table node
+			idx = $.inArray( mixed, tables );
+			return idx !== -1 ? [ settings[idx] ] : null;
+		}
+		else if ( mixed && typeof mixed.settings === 'function' ) {
+			return mixed.settings().toArray();
+		}
+		else if ( typeof mixed === 'string' ) {
+			// jQuery selector
+			jq = $(mixed);
+		}
+		else if ( mixed instanceof $ ) {
+			// jQuery object (also DataTables instance)
+			jq = mixed;
+		}
+	
+		if ( jq ) {
+			return jq.map( function(i) {
+				idx = $.inArray( this, tables );
+				return idx !== -1 ? settings[idx] : null;
+			} ).toArray();
+		}
+	};
+	
+	
+	/**
+	 * DataTables API class - used to control and interface with  one or more
+	 * DataTables enhanced tables.
+	 *
+	 * The API class is heavily based on jQuery, presenting a chainable interface
+	 * that you can use to interact with tables. Each instance of the API class has
+	 * a "context" - i.e. the tables that it will operate on. This could be a single
+	 * table, all tables on a page or a sub-set thereof.
+	 *
+	 * Additionally the API is designed to allow you to easily work with the data in
+	 * the tables, retrieving and manipulating it as required. This is done by
+	 * presenting the API class as an array like interface. The contents of the
+	 * array depend upon the actions requested by each method (for example
+	 * `rows().nodes()` will return an array of nodes, while `rows().data()` will
+	 * return an array of objects or arrays depending upon your table's
+	 * configuration). The API object has a number of array like methods (`push`,
+	 * `pop`, `reverse` etc) as well as additional helper methods (`each`, `pluck`,
+	 * `unique` etc) to assist your working with the data held in a table.
+	 *
+	 * Most methods (those which return an Api instance) are chainable, which means
+	 * the return from a method call also has all of the methods available that the
+	 * top level object had. For example, these two calls are equivalent:
+	 *
+	 *     // Not chained
+	 *     api.row.add( {...} );
+	 *     api.draw();
+	 *
+	 *     // Chained
+	 *     api.row.add( {...} ).draw();
+	 *
+	 * @class DataTable.Api
+	 * @param {array|object|string|jQuery} context DataTable identifier. This is
+	 *   used to define which DataTables enhanced tables this API will operate on.
+	 *   Can be one of:
+	 *
+	 *   * `string` - jQuery selector. Any DataTables' matching the given selector
+	 *     with be found and used.
+	 *   * `node` - `TABLE` node which has already been formed into a DataTable.
+	 *   * `jQuery` - A jQuery object of `TABLE` nodes.
+	 *   * `object` - DataTables settings object
+	 * @param {array} [data] Data to initialise the Api instance with.
+	 *
+	 * @example
+	 *   // Direct initialisation during DataTables construction
+	 *   var api = $('#example').DataTable();
+	 *
+	 * @example
+	 *   // Initialisation using a DataTables jQuery object
+	 *   var api = $('#example').dataTable().api();
+	 *
+	 * @example
+	 *   // Initialisation as a constructor
+	 *   var api = new $.fn.DataTable.Api( 'table.dataTable' );
+	 */
+	_Api = function ( context, data )
+	{
+		if ( ! this instanceof _Api ) {
+			throw 'DT API must be constructed as a new object';
+			// or should it do the 'new' for the caller?
+			// return new _Api.apply( this, arguments );
+		}
+	
+		var settings = [];
+		var ctxSettings = function ( o ) {
+			var a = _toSettings( o );
+			if ( a ) {
+				settings.push.apply( settings, a );
+			}
+		};
+	
+		if ( $.isArray( context ) ) {
+			for ( var i=0, ien=context.length ; i<ien ; i++ ) {
+				ctxSettings( context[i] );
+			}
+		}
+		else {
+			ctxSettings( context );
+		}
+	
+		// Remove duplicates
+		this.context = _unique( settings );
+	
+		// Initial data
+		if ( data ) {
+			this.push.apply( this, data.toArray ? data.toArray() : data );
+		}
+	
+		// selector
+		this.selector = {
+			rows: null,
+			cols: null,
+			opts: null
+		};
+	
+		_Api.extend( this, this, __apiStruct );
+	};
+	
+	DataTable.Api = _Api;
+	
+	_Api.prototype = /** @lends DataTables.Api */{
+		/**
+		 * Return a new Api instance, comprised of the data held in the current
+		 * instance, join with the other array(s) and/or value(s).
+		 *
+		 * An alias for `Array.prototype.concat`.
+		 *
+		 * @type method
+		 * @param {*} value1 Arrays and/or values to concatenate.
+		 * @param {*} [...] Additional arrays and/or values to concatenate.
+		 * @returns {DataTables.Api} New API instance, comprising of the combined
+		 *   array.
+		 */
+		concat:  __arrayProto.concat,
+	
+	
+		context: [], // array of table settings objects
+	
+	
+		each: function ( fn )
+		{
+			for ( var i=0, ien=this.length ; i<ien; i++ ) {
+				fn.call( this, this[i], i, this );
+			}
+	
+			return this;
+		},
+	
+	
+		eq: function ( idx )
+		{
+			var ctx = this.context;
+	
+			return ctx.length > idx ?
+				new _Api( ctx[idx], this[idx] ) :
+				null;
+		},
+	
+	
+		filter: function ( fn )
+		{
+			var a = [];
+	
+			if ( __arrayProto.filter ) {
+				a = __arrayProto.filter.call( this, fn, this );
+			}
+			else {
+				// Compatibility for browsers without EMCA-252-5 (JS 1.6)
+				for ( var i=0, ien=this.length ; i<ien ; i++ ) {
+					if ( fn.call( this, this[i], i, this ) ) {
+						a.push( this[i] );
+					}
+				}
+			}
+	
+			return new _Api( this.context, a );
+		},
+	
+	
+		flatten: function ()
+		{
+			var a = [];
+			return new _Api( this.context, a.concat.apply( a, this.toArray() ) );
+		},
+	
+	
+		join:    __arrayProto.join,
+	
+	
+		indexOf: __arrayProto.indexOf || function (obj, start)
+		{
+			for ( var i=(start || 0), ien=this.length ; i<ien ; i++ ) {
+				if ( this[i] === obj ) {
+					return i;
+				}
+			}
+			return -1;
+		},
+	
+		// Note that `alwaysNew` is internal - use iteratorNew externally
+		iterator: function ( flatten, type, fn, alwaysNew ) {
+			var
+				a = [], ret,
+				i, ien, j, jen,
+				context = this.context,
+				rows, items, item,
+				selector = this.selector;
+	
+			// Argument shifting
+			if ( typeof flatten === 'string' ) {
+				alwaysNew = fn;
+				fn = type;
+				type = flatten;
+				flatten = false;
+			}
+	
+			for ( i=0, ien=context.length ; i<ien ; i++ ) {
+				var apiInst = new _Api( context[i] );
+	
+				if ( type === 'table' ) {
+					ret = fn.call( apiInst, context[i], i );
+	
+					if ( ret !== undefined ) {
+						a.push( ret );
+					}
+				}
+				else if ( type === 'columns' || type === 'rows' ) {
+					// this has same length as context - one entry for each table
+					ret = fn.call( apiInst, context[i], this[i], i );
+	
+					if ( ret !== undefined ) {
+						a.push( ret );
+					}
+				}
+				else if ( type === 'column' || type === 'column-rows' || type === 'row' || type === 'cell' ) {
+					// columns and rows share the same structure.
+					// 'this' is an array of column indexes for each context
+					items = this[i];
+	
+					if ( type === 'column-rows' ) {
+						rows = _selector_row_indexes( context[i], selector.opts );
+					}
+	
+					for ( j=0, jen=items.length ; j<jen ; j++ ) {
+						item = items[j];
+	
+						if ( type === 'cell' ) {
+							ret = fn.call( apiInst, context[i], item.row, item.column, i, j );
+						}
+						else {
+							ret = fn.call( apiInst, context[i], item, i, j, rows );
+						}
+	
+						if ( ret !== undefined ) {
+							a.push( ret );
+						}
+					}
+				}
+			}
+	
+			if ( a.length || alwaysNew ) {
+				var api = new _Api( context, flatten ? a.concat.apply( [], a ) : a );
+				var apiSelector = api.selector;
+				apiSelector.rows = selector.rows;
+				apiSelector.cols = selector.cols;
+				apiSelector.opts = selector.opts;
+				return api;
+			}
+			return this;
+		},
+	
+	
+		lastIndexOf: __arrayProto.lastIndexOf || function (obj, start)
+		{
+			// Bit cheeky...
+			return this.indexOf.apply( this.toArray.reverse(), arguments );
+		},
+	
+	
+		length:  0,
+	
+	
+		map: function ( fn )
+		{
+			var a = [];
+	
+			if ( __arrayProto.map ) {
+				a = __arrayProto.map.call( this, fn, this );
+			}
+			else {
+				// Compatibility for browsers without EMCA-252-5 (JS 1.6)
+				for ( var i=0, ien=this.length ; i<ien ; i++ ) {
+					a.push( fn.call( this, this[i], i ) );
+				}
+			}
+	
+			return new _Api( this.context, a );
+		},
+	
+	
+		pluck: function ( prop )
+		{
+			return this.map( function ( el ) {
+				return el[ prop ];
+			} );
+		},
+	
+		pop:     __arrayProto.pop,
+	
+	
+		push:    __arrayProto.push,
+	
+	
+		// Does not return an API instance
+		reduce: __arrayProto.reduce || function ( fn, init )
+		{
+			return _fnReduce( this, fn, init, 0, this.length, 1 );
+		},
+	
+	
+		reduceRight: __arrayProto.reduceRight || function ( fn, init )
+		{
+			return _fnReduce( this, fn, init, this.length-1, -1, -1 );
+		},
+	
+	
+		reverse: __arrayProto.reverse,
+	
+	
+		// Object with rows, columns and opts
+		selector: null,
+	
+	
+		shift:   __arrayProto.shift,
+	
+	
+		sort:    __arrayProto.sort, // ? name - order?
+	
+	
+		splice:  __arrayProto.splice,
+	
+	
+		toArray: function ()
+		{
+			return __arrayProto.slice.call( this );
+		},
+	
+	
+		to$: function ()
+		{
+			return $( this );
+		},
+	
+	
+		toJQuery: function ()
+		{
+			return $( this );
+		},
+	
+	
+		unique: function ()
+		{
+			return new _Api( this.context, _unique(this) );
+		},
+	
+	
+		unshift: __arrayProto.unshift
+	};
+	
+	
+	_Api.extend = function ( scope, obj, ext )
+	{
+		// Only extend API instances and static properties of the API
+		if ( ! obj || ( ! (obj instanceof _Api) && ! obj.__dt_wrapper ) ) {
+			return;
+		}
+	
+		var
+			i, ien,
+			j, jen,
+			struct, inner,
+			methodScoping = function ( scope, fn, struc ) {
+				return function () {
+					var ret = fn.apply( scope, arguments );
+	
+					// Method extension
+					_Api.extend( ret, ret, struc.methodExt );
+					return ret;
+				};
+			};
+	
+		for ( i=0, ien=ext.length ; i<ien ; i++ ) {
+			struct = ext[i];
+	
+			// Value
+			obj[ struct.name ] = typeof struct.val === 'function' ?
+				methodScoping( scope, struct.val, struct ) :
+				$.isPlainObject( struct.val ) ?
+					{} :
+					struct.val;
+	
+			obj[ struct.name ].__dt_wrapper = true;
+	
+			// Property extension
+			_Api.extend( scope, obj[ struct.name ], struct.propExt );
+		}
+	};
+	
+	
+	// @todo - Is there need for an augment function?
+	// _Api.augment = function ( inst, name )
+	// {
+	// 	// Find src object in the structure from the name
+	// 	var parts = name.split('.');
+	
+	// 	_Api.extend( inst, obj );
+	// };
+	
+	
+	//     [
+	//       {
+	//         name:      'data'                -- string   - Property name
+	//         val:       function () {},       -- function - Api method (or undefined if just an object
+	//         methodExt: [ ... ],              -- array    - Array of Api object definitions to extend the method result
+	//         propExt:   [ ... ]               -- array    - Array of Api object definitions to extend the property
+	//       },
+	//       {
+	//         name:     'row'
+	//         val:       {},
+	//         methodExt: [ ... ],
+	//         propExt:   [
+	//           {
+	//             name:      'data'
+	//             val:       function () {},
+	//             methodExt: [ ... ],
+	//             propExt:   [ ... ]
+	//           },
+	//           ...
+	//         ]
+	//       }
+	//     ]
+	
+	_Api.register = _api_register = function ( name, val )
+	{
+		if ( $.isArray( name ) ) {
+			for ( var j=0, jen=name.length ; j<jen ; j++ ) {
+				_Api.register( name[j], val );
+			}
+			return;
+		}
+	
+		var
+			i, ien,
+			heir = name.split('.'),
+			struct = __apiStruct,
+			key, method;
+	
+		var find = function ( src, name ) {
+			for ( var i=0, ien=src.length ; i<ien ; i++ ) {
+				if ( src[i].name === name ) {
+					return src[i];
+				}
+			}
+			return null;
+		};
+	
+		for ( i=0, ien=heir.length ; i<ien ; i++ ) {
+			method = heir[i].indexOf('()') !== -1;
+			key = method ?
+				heir[i].replace('()', '') :
+				heir[i];
+	
+			var src = find( struct, key );
+			if ( ! src ) {
+				src = {
+					name:      key,
+					val:       {},
+					methodExt: [],
+					propExt:   []
+				};
+				struct.push( src );
+			}
+	
+			if ( i === ien-1 ) {
+				src.val = val;
+			}
+			else {
+				struct = method ?
+					src.methodExt :
+					src.propExt;
+			}
+		}
+	};
+	
+	
+	_Api.registerPlural = _api_registerPlural = function ( pluralName, singularName, val ) {
+		_Api.register( pluralName, val );
+	
+		_Api.register( singularName, function () {
+			var ret = val.apply( this, arguments );
+	
+			if ( ret === this ) {
+				// Returned item is the API instance that was passed in, return it
+				return this;
+			}
+			else if ( ret instanceof _Api ) {
+				// New API instance returned, want the value from the first item
+				// in the returned array for the singular result.
+				return ret.length ?
+					$.isArray( ret[0] ) ?
+						new _Api( ret.context, ret[0] ) : // Array results are 'enhanced'
+						ret[0] :
+					undefined;
+			}
+	
+			// Non-API return - just fire it back
+			return ret;
+		} );
+	};
+	
+	
+	/**
+	 * Selector for HTML tables. Apply the given selector to the give array of
+	 * DataTables settings objects.
+	 *
+	 * @param {string|integer} [selector] jQuery selector string or integer
+	 * @param  {array} Array of DataTables settings objects to be filtered
+	 * @return {array}
+	 * @ignore
+	 */
+	var __table_selector = function ( selector, a )
+	{
+		// Integer is used to pick out a table by index
+		if ( typeof selector === 'number' ) {
+			return [ a[ selector ] ];
+		}
+	
+		// Perform a jQuery selector on the table nodes
+		var nodes = $.map( a, function (el, i) {
+			return el.nTable;
+		} );
+	
+		return $(nodes)
+			.filter( selector )
+			.map( function (i) {
+				// Need to translate back from the table node to the settings
+				var idx = $.inArray( this, nodes );
+				return a[ idx ];
+			} )
+			.toArray();
+	};
+	
+	
+	
+	/**
+	 * Context selector for the API's context (i.e. the tables the API instance
+	 * refers to.
+	 *
+	 * @name    DataTable.Api#tables
+	 * @param {string|integer} [selector] Selector to pick which tables the iterator
+	 *   should operate on. If not given, all tables in the current context are
+	 *   used. This can be given as a jQuery selector (for example `':gt(0)'`) to
+	 *   select multiple tables or as an integer to select a single table.
+	 * @returns {DataTable.Api} Returns a new API instance if a selector is given.
+	 */
+	_api_register( 'tables()', function ( selector ) {
+		// A new instance is created if there was a selector specified
+		return selector ?
+			new _Api( __table_selector( selector, this.context ) ) :
+			this;
+	} );
+	
+	
+	_api_register( 'table()', function ( selector ) {
+		var tables = this.tables( selector );
+		var ctx = tables.context;
+	
+		// Truncate to the first matched table
+		return ctx.length ?
+			new _Api( ctx[0] ) :
+			tables;
+	} );
+	
+	
+	_api_registerPlural( 'tables().nodes()', 'table().node()' , function () {
+		return this.iterator( 'table', function ( ctx ) {
+			return ctx.nTable;
+		}, 1 );
+	} );
+	
+	
+	_api_registerPlural( 'tables().body()', 'table().body()' , function () {
+		return this.iterator( 'table', function ( ctx ) {
+			return ctx.nTBody;
+		}, 1 );
+	} );
+	
+	
+	_api_registerPlural( 'tables().header()', 'table().header()' , function () {
+		return this.iterator( 'table', function ( ctx ) {
+			return ctx.nTHead;
+		}, 1 );
+	} );
+	
+	
+	_api_registerPlural( 'tables().footer()', 'table().footer()' , function () {
+		return this.iterator( 'table', function ( ctx ) {
+			return ctx.nTFoot;
+		}, 1 );
+	} );
+	
+	
+	_api_registerPlural( 'tables().containers()', 'table().container()' , function () {
+		return this.iterator( 'table', function ( ctx ) {
+			return ctx.nTableWrapper;
+		}, 1 );
+	} );
+	
+	
+	
+	/**
+	 * Redraw the tables in the current context.
+	 *
+	 * @param {boolean} [reset=true] Reset (default) or hold the current paging
+	 *   position. A full re-sort and re-filter is performed when this method is
+	 *   called, which is why the pagination reset is the default action.
+	 * @returns {DataTables.Api} this
+	 */
+	_api_register( 'draw()', function ( resetPaging ) {
+		return this.iterator( 'table', function ( settings ) {
+			_fnReDraw( settings, resetPaging===false );
+		} );
+	} );
+	
+	
+	
+	/**
+	 * Get the current page index.
+	 *
+	 * @return {integer} Current page index (zero based)
+	 *//**
+	 * Set the current page.
+	 *
+	 * Note that if you attempt to show a page which does not exist, DataTables will
+	 * not throw an error, but rather reset the paging.
+	 *
+	 * @param {integer|string} action The paging action to take. This can be one of:
+	 *  * `integer` - The page index to jump to
+	 *  * `string` - An action to take:
+	 *    * `first` - Jump to first page.
+	 *    * `next` - Jump to the next page
+	 *    * `previous` - Jump to previous page
+	 *    * `last` - Jump to the last page.
+	 * @returns {DataTables.Api} this
+	 */
+	_api_register( 'page()', function ( action ) {
+		if ( action === undefined ) {
+			return this.page.info().page; // not an expensive call
+		}
+	
+		// else, have an action to take on all tables
+		return this.iterator( 'table', function ( settings ) {
+			_fnPageChange( settings, action );
+		} );
+	} );
+	
+	
+	/**
+	 * Paging information for the first table in the current context.
+	 *
+	 * If you require paging information for another table, use the `table()` method
+	 * with a suitable selector.
+	 *
+	 * @return {object} Object with the following properties set:
+	 *  * `page` - Current page index (zero based - i.e. the first page is `0`)
+	 *  * `pages` - Total number of pages
+	 *  * `start` - Display index for the first record shown on the current page
+	 *  * `end` - Display index for the last record shown on the current page
+	 *  * `length` - Display length (number of records). Note that generally `start
+	 *    + length = end`, but this is not always true, for example if there are
+	 *    only 2 records to show on the final page, with a length of 10.
+	 *  * `recordsTotal` - Full data set length
+	 *  * `recordsDisplay` - Data set length once the current filtering criterion
+	 *    are applied.
+	 */
+	_api_register( 'page.info()', function ( action ) {
+		if ( this.context.length === 0 ) {
+			return undefined;
+		}
+	
+		var
+			settings   = this.context[0],
+			start      = settings._iDisplayStart,
+			len        = settings._iDisplayLength,
+			visRecords = settings.fnRecordsDisplay(),
+			all        = len === -1;
+	
+		return {
+			"page":           all ? 0 : Math.floor( start / len ),
+			"pages":          all ? 1 : Math.ceil( visRecords / len ),
+			"start":          start,
+			"end":            settings.fnDisplayEnd(),
+			"length":         len,
+			"recordsTotal":   settings.fnRecordsTotal(),
+			"recordsDisplay": visRecords
+		};
+	} );
+	
+	
+	/**
+	 * Get the current page length.
+	 *
+	 * @return {integer} Current page length. Note `-1` indicates that all records
+	 *   are to be shown.
+	 *//**
+	 * Set the current page length.
+	 *
+	 * @param {integer} Page length to set. Use `-1` to show all records.
+	 * @returns {DataTables.Api} this
+	 */
+	_api_register( 'page.len()', function ( len ) {
+		// Note that we can't call this function 'length()' because `length`
+		// is a Javascript property of functions which defines how many arguments
+		// the function expects.
+		if ( len === undefined ) {
+			return this.context.length !== 0 ?
+				this.context[0]._iDisplayLength :
+				undefined;
+		}
+	
+		// else, set the page length
+		return this.iterator( 'table', function ( settings ) {
+			_fnLengthChange( settings, len );
+		} );
+	} );
+	
+	
+	
+	var __reload = function ( settings, holdPosition, callback ) {
+		if ( _fnDataSource( settings ) == 'ssp' ) {
+			_fnReDraw( settings, holdPosition );
+		}
+		else {
+			// Trigger xhr
+			_fnProcessingDisplay( settings, true );
+	
+			_fnBuildAjax( settings, [], function( json ) {
+				_fnClearTable( settings );
+	
+				var data = _fnAjaxDataSrc( settings, json );
+				for ( var i=0, ien=data.length ; i<ien ; i++ ) {
+					_fnAddData( settings, data[i] );
+				}
+	
+				_fnReDraw( settings, holdPosition );
+				_fnProcessingDisplay( settings, false );
+			} );
+		}
+	
+		// Use the draw event to trigger a callback, regardless of if it is an async
+		// or sync draw
+		if ( callback ) {
+			var api = new _Api( settings );
+	
+			api.one( 'draw', function () {
+				callback( api.ajax.json() );
+			} );
+		}
+	};
+	
+	
+	/**
+	 * Get the JSON response from the last Ajax request that DataTables made to the
+	 * server. Note that this returns the JSON from the first table in the current
+	 * context.
+	 *
+	 * @return {object} JSON received from the server.
+	 */
+	_api_register( 'ajax.json()', function () {
+		var ctx = this.context;
+	
+		if ( ctx.length > 0 ) {
+			return ctx[0].json;
+		}
+	
+		// else return undefined;
+	} );
+	
+	
+	/**
+	 * Get the data submitted in the last Ajax request
+	 */
+	_api_register( 'ajax.params()', function () {
+		var ctx = this.context;
+	
+		if ( ctx.length > 0 ) {
+			return ctx[0].oAjaxData;
+		}
+	
+		// else return undefined;
+	} );
+	
+	
+	/**
+	 * Reload tables from the Ajax data source. Note that this function will
+	 * automatically re-draw the table when the remote data has been loaded.
+	 *
+	 * @param {boolean} [reset=true] Reset (default) or hold the current paging
+	 *   position. A full re-sort and re-filter is performed when this method is
+	 *   called, which is why the pagination reset is the default action.
+	 * @returns {DataTables.Api} this
+	 */
+	_api_register( 'ajax.reload()', function ( callback, resetPaging ) {
+		return this.iterator( 'table', function (settings) {
+			__reload( settings, resetPaging===false, callback );
+		} );
+	} );
+	
+	
+	/**
+	 * Get the current Ajax URL. Note that this returns the URL from the first
+	 * table in the current context.
+	 *
+	 * @return {string} Current Ajax source URL
+	 *//**
+	 * Set the Ajax URL. Note that this will set the URL for all tables in the
+	 * current context.
+	 *
+	 * @param {string} url URL to set.
+	 * @returns {DataTables.Api} this
+	 */
+	_api_register( 'ajax.url()', function ( url ) {
+		var ctx = this.context;
+	
+		if ( url === undefined ) {
+			// get
+			if ( ctx.length === 0 ) {
+				return undefined;
+			}
+			ctx = ctx[0];
+	
+			return ctx.ajax ?
+				$.isPlainObject( ctx.ajax ) ?
+					ctx.ajax.url :
+					ctx.ajax :
+				ctx.sAjaxSource;
+		}
+	
+		// set
+		return this.iterator( 'table', function ( settings ) {
+			if ( $.isPlainObject( settings.ajax ) ) {
+				settings.ajax.url = url;
+			}
+			else {
+				settings.ajax = url;
+			}
+			// No need to consider sAjaxSource here since DataTables gives priority
+			// to `ajax` over `sAjaxSource`. So setting `ajax` here, renders any
+			// value of `sAjaxSource` redundant.
+		} );
+	} );
+	
+	
+	/**
+	 * Load data from the newly set Ajax URL. Note that this method is only
+	 * available when `ajax.url()` is used to set a URL. Additionally, this method
+	 * has the same effect as calling `ajax.reload()` but is provided for
+	 * convenience when setting a new URL. Like `ajax.reload()` it will
+	 * automatically redraw the table once the remote data has been loaded.
+	 *
+	 * @returns {DataTables.Api} this
+	 */
+	_api_register( 'ajax.url().load()', function ( callback, resetPaging ) {
+		// Same as a reload, but makes sense to present it for easy access after a
+		// url change
+		return this.iterator( 'table', function ( ctx ) {
+			__reload( ctx, resetPaging===false, callback );
+		} );
+	} );
+	
+	
+	
+	
+	var _selector_run = function ( selector, select )
+	{
+		var
+			out = [], res,
+			a, i, ien, j, jen,
+			selectorType = typeof selector;
+	
+		// Can't just check for isArray here, as an API or jQuery instance might be
+		// given with their array like look
+		if ( ! selector || selectorType === 'string' || selectorType === 'function' || selector.length === undefined ) {
+			selector = [ selector ];
+		}
+	
+		for ( i=0, ien=selector.length ; i<ien ; i++ ) {
+			a = selector[i] && selector[i].split ?
+				selector[i].split(',') :
+				[ selector[i] ];
+	
+			for ( j=0, jen=a.length ; j<jen ; j++ ) {
+				res = select( typeof a[j] === 'string' ? $.trim(a[j]) : a[j] );
+	
+				if ( res && res.length ) {
+					out.push.apply( out, res );
+				}
+			}
+		}
+	
+		return out;
+	};
+	
+	
+	var _selector_opts = function ( opts )
+	{
+		if ( ! opts ) {
+			opts = {};
+		}
+	
+		// Backwards compatibility for 1.9- which used the terminology filter rather
+		// than search
+		if ( opts.filter && ! opts.search ) {
+			opts.search = opts.filter;
+		}
+	
+		return {
+			search: opts.search || 'none',
+			order:  opts.order  || 'current',
+			page:   opts.page   || 'all'
+		};
+	};
+	
+	
+	var _selector_first = function ( inst )
+	{
+		// Reduce the API instance to the first item found
+		for ( var i=0, ien=inst.length ; i<ien ; i++ ) {
+			if ( inst[i].length > 0 ) {
+				// Assign the first element to the first item in the instance
+				// and truncate the instance and context
+				inst[0] = inst[i];
+				inst.length = 1;
+				inst.context = [ inst.context[i] ];
+	
+				return inst;
+			}
+		}
+	
+		// Not found - return an empty instance
+		inst.length = 0;
+		return inst;
+	};
+	
+	
+	var _selector_row_indexes = function ( settings, opts )
+	{
+		var
+			i, ien, tmp, a=[],
+			displayFiltered = settings.aiDisplay,
+			displayMaster = settings.aiDisplayMaster;
+	
+		var
+			search = opts.search,  // none, applied, removed
+			order  = opts.order,   // applied, current, index (original - compatibility with 1.9)
+			page   = opts.page;    // all, current
+	
+		if ( _fnDataSource( settings ) == 'ssp' ) {
+			// In server-side processing mode, most options are irrelevant since
+			// rows not shown don't exist and the index order is the applied order
+			// Removed is a special case - for consistency just return an empty
+			// array
+			return search === 'removed' ?
+				[] :
+				_range( 0, displayMaster.length );
+		}
+		else if ( page == 'current' ) {
+			// Current page implies that order=current and fitler=applied, since it is
+			// fairly senseless otherwise, regardless of what order and search actually
+			// are
+			for ( i=settings._iDisplayStart, ien=settings.fnDisplayEnd() ; i<ien ; i++ ) {
+				a.push( displayFiltered[i] );
+			}
+		}
+		else if ( order == 'current' || order == 'applied' ) {
+			a = search == 'none' ?
+				displayMaster.slice() :                      // no search
+				search == 'applied' ?
+					displayFiltered.slice() :                // applied search
+					$.map( displayMaster, function (el, i) { // removed search
+						return $.inArray( el, displayFiltered ) === -1 ? el : null;
+					} );
+		}
+		else if ( order == 'index' || order == 'original' ) {
+			for ( i=0, ien=settings.aoData.length ; i<ien ; i++ ) {
+				if ( search == 'none' ) {
+					a.push( i );
+				}
+				else { // applied | removed
+					tmp = $.inArray( i, displayFiltered );
+	
+					if ((tmp === -1 && search == 'removed') ||
+						(tmp >= 0   && search == 'applied') )
+					{
+						a.push( i );
+					}
+				}
+			}
+		}
+	
+		return a;
+	};
+	
+	
+	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+	 * Rows
+	 *
+	 * {}          - no selector - use all available rows
+	 * {integer}   - row aoData index
+	 * {node}      - TR node
+	 * {string}    - jQuery selector to apply to the TR elements
+	 * {array}     - jQuery array of nodes, or simply an array of TR nodes
+	 *
+	 */
+	
+	
+	var __row_selector = function ( settings, selector, opts )
+	{
+		return _selector_run( selector, function ( sel ) {
+			var selInt = _intVal( sel );
+			var i, ien;
+	
+			// Short cut - selector is a number and no options provided (default is
+			// all records, so no need to check if the index is in there, since it
+			// must be - dev error if the index doesn't exist).
+			if ( selInt !== null && ! opts ) {
+				return [ selInt ];
+			}
+	
+			var rows = _selector_row_indexes( settings, opts );
+	
+			if ( selInt !== null && $.inArray( selInt, rows ) !== -1 ) {
+				// Selector - integer
+				return [ selInt ];
+			}
+			else if ( ! sel ) {
+				// Selector - none
+				return rows;
+			}
+	
+			// Selector - function
+			if ( typeof sel === 'function' ) {
+				return $.map( rows, function (idx) {
+					var row = settings.aoData[ idx ];
+					return sel( idx, row._aData, row.nTr ) ? idx : null;
+				} );
+			}
+	
+			// Get nodes in the order from the `rows` array with null values removed
+			var nodes = _removeEmpty(
+				_pluck_order( settings.aoData, rows, 'nTr' )
+			);
+	
+			// Selector - node
+			if ( sel.nodeName ) {
+				if ( $.inArray( sel, nodes ) !== -1 ) {
+					return [ sel._DT_RowIndex ]; // sel is a TR node that is in the table
+					                             // and DataTables adds a prop for fast lookup
+				}
+			}
+	
+			// Selector - jQuery selector string, array of nodes or jQuery object/
+			// As jQuery's .filter() allows jQuery objects to be passed in filter,
+			// it also allows arrays, so this will cope with all three options
+			return $(nodes)
+				.filter( sel )
+				.map( function () {
+					return this._DT_RowIndex;
+				} )
+				.toArray();
+		} );
+	};
+	
+	
+	/**
+	 *
+	 */
+	_api_register( 'rows()', function ( selector, opts ) {
+		// argument shifting
+		if ( selector === undefined ) {
+			selector = '';
+		}
+		else if ( $.isPlainObject( selector ) ) {
+			opts = selector;
+			selector = '';
+		}
+	
+		opts = _selector_opts( opts );
+	
+		var inst = this.iterator( 'table', function ( settings ) {
+			return __row_selector( settings, selector, opts );
+		}, 1 );
+	
+		// Want argument shifting here and in __row_selector?
+		inst.selector.rows = selector;
+		inst.selector.opts = opts;
+	
+		return inst;
+	} );
+	
+	
+	_api_register( 'rows().nodes()', function () {
+		return this.iterator( 'row', function ( settings, row ) {
+			return settings.aoData[ row ].nTr || undefined;
+		}, 1 );
+	} );
+	
+	_api_register( 'rows().data()', function () {
+		return this.iterator( true, 'rows', function ( settings, rows ) {
+			return _pluck_order( settings.aoData, rows, '_aData' );
+		}, 1 );
+	} );
+	
+	_api_registerPlural( 'rows().cache()', 'row().cache()', function ( type ) {
+		return this.iterator( 'row', function ( settings, row ) {
+			var r = settings.aoData[ row ];
+			return type === 'search' ? r._aFilterData : r._aSortData;
+		}, 1 );
+	} );
+	
+	_api_registerPlural( 'rows().invalidate()', 'row().invalidate()', function ( src ) {
+		return this.iterator( 'row', function ( settings, row ) {
+			_fnInvalidate( settings, row, src );
+		} );
+	} );
+	
+	_api_registerPlural( 'rows().indexes()', 'row().index()', function () {
+		return this.iterator( 'row', function ( settings, row ) {
+			return row;
+		}, 1 );
+	} );
+	
+	_api_registerPlural( 'rows().remove()', 'row().remove()', function () {
+		var that = this;
+	
+		return this.iterator( 'row', function ( settings, row, thatIdx ) {
+			var data = settings.aoData;
+	
+			data.splice( row, 1 );
+	
+			// Update the _DT_RowIndex parameter on all rows in the table
+			for ( var i=0, ien=data.length ; i<ien ; i++ ) {
+				if ( data[i].nTr !== null ) {
+					data[i].nTr._DT_RowIndex = i;
+				}
+			}
+	
+			// Remove the target row from the search array
+			var displayIndex = $.inArray( row, settings.aiDisplay );
+	
+			// Delete from the display arrays
+			_fnDeleteIndex( settings.aiDisplayMaster, row );
+			_fnDeleteIndex( settings.aiDisplay, row );
+			_fnDeleteIndex( that[ thatIdx ], row, false ); // maintain local indexes
+	
+			// Check for an 'overflow' they case for displaying the table
+			_fnLengthOverflow( settings );
+		} );
+	} );
+	
+	
+	_api_register( 'rows.add()', function ( rows ) {
+		var newRows = this.iterator( 'table', function ( settings ) {
+				var row, i, ien;
+				var out = [];
+	
+				for ( i=0, ien=rows.length ; i<ien ; i++ ) {
+					row = rows[i];
+	
+					if ( row.nodeName && row.nodeName.toUpperCase() === 'TR' ) {
+						out.push( _fnAddTr( settings, row )[0] );
+					}
+					else {
+						out.push( _fnAddData( settings, row ) );
+					}
+				}
+	
+				return out;
+			}, 1 );
+	
+		// Return an Api.rows() extended instance, so rows().nodes() etc can be used
+		var modRows = this.rows( -1 );
+		modRows.pop();
+		modRows.push.apply( modRows, newRows.toArray() );
+	
+		return modRows;
+	} );
+	
+	
+	
+	
+	
+	/**
+	 *
+	 */
+	_api_register( 'row()', function ( selector, opts ) {
+		return _selector_first( this.rows( selector, opts ) );
+	} );
+	
+	
+	_api_register( 'row().data()', function ( data ) {
+		var ctx = this.context;
+	
+		if ( data === undefined ) {
+			// Get
+			return ctx.length && this.length ?
+				ctx[0].aoData[ this[0] ]._aData :
+				undefined;
+		}
+	
+		// Set
+		ctx[0].aoData[ this[0] ]._aData = data;
+	
+		// Automatically invalidate
+		_fnInvalidate( ctx[0], this[0], 'data' );
+	
+		return this;
+	} );
+	
+	
+	_api_register( 'row().node()', function () {
+		var ctx = this.context;
+	
+		return ctx.length && this.length ?
+			ctx[0].aoData[ this[0] ].nTr || null :
+			null;
+	} );
+	
+	
+	_api_register( 'row.add()', function ( row ) {
+		// Allow a jQuery object to be passed in - only a single row is added from
+		// it though - the first element in the set
+		if ( row instanceof $ && row.length ) {
+			row = row[0];
+		}
+	
+		var rows = this.iterator( 'table', function ( settings ) {
+			if ( row.nodeName && row.nodeName.toUpperCase() === 'TR' ) {
+				return _fnAddTr( settings, row )[0];
+			}
+			return _fnAddData( settings, row );
+		} );
+	
+		// Return an Api.rows() extended instance, with the newly added row selected
+		return this.row( rows[0] );
+	} );
+	
+	
+	
+	var __details_add = function ( ctx, row, data, klass )
+	{
+		// Convert to array of TR elements
+		var rows = [];
+		var addRow = function ( r, k ) {
+			// If we get a TR element, then just add it directly - up to the dev
+			// to add the correct number of columns etc
+			if ( r.nodeName && r.nodeName.toLowerCase() === 'tr' ) {
+				rows.push( r );
+			}
+			else {
+				// Otherwise create a row with a wrapper
+				var created = $('<tr><td/></tr>').addClass( k );
+				$('td', created)
+					.addClass( k )
+					.html( r )
+					[0].colSpan = _fnVisbleColumns( ctx );
+	
+				rows.push( created[0] );
+			}
+		};
+	
+		if ( $.isArray( data ) || data instanceof $ ) {
+			for ( var i=0, ien=data.length ; i<ien ; i++ ) {
+				addRow( data[i], klass );
+			}
+		}
+		else {
+			addRow( data, klass );
+		}
+	
+		if ( row._details ) {
+			row._details.remove();
+		}
+	
+		row._details = $(rows);
+	
+		// If the children were already shown, that state should be retained
+		if ( row._detailsShow ) {
+			row._details.insertAfter( row.nTr );
+		}
+	};
+	
+	
+	var __details_remove = function ( api, idx )
+	{
+		var ctx = api.context;
+	
+		if ( ctx.length ) {
+			var row = ctx[0].aoData[ idx !== undefined ? idx : api[0] ];
+	
+			if ( row._details ) {
+				row._details.remove();
+	
+				row._detailsShow = undefined;
+				row._details = undefined;
+			}
+		}
+	};
+	
+	
+	var __details_display = function ( api, show ) {
+		var ctx = api.context;
+	
+		if ( ctx.length && api.length ) {
+			var row = ctx[0].aoData[ api[0] ];
+	
+			if ( row._details ) {
+				row._detailsShow = show;
+	
+				if ( show ) {
+					row._details.insertAfter( row.nTr );
+				}
+				else {
+					row._details.detach();
+				}
+	
+				__details_events( ctx[0] );
+			}
+		}
+	};
+	
+	
+	var __details_events = function ( settings )
+	{
+		var api = new _Api( settings );
+		var namespace = '.dt.DT_details';
+		var drawEvent = 'draw'+namespace;
+		var colvisEvent = 'column-visibility'+namespace;
+		var destroyEvent = 'destroy'+namespace;
+		var data = settings.aoData;
+	
+		api.off( drawEvent +' '+ colvisEvent +' '+ destroyEvent );
+	
+		if ( _pluck( data, '_details' ).length > 0 ) {
+			// On each draw, insert the required elements into the document
+			api.on( drawEvent, function ( e, ctx ) {
+				if ( settings !== ctx ) {
+					return;
+				}
+	
+				api.rows( {page:'current'} ).eq(0).each( function (idx) {
+					// Internal data grab
+					var row = data[ idx ];
+	
+					if ( row._detailsShow ) {
+						row._details.insertAfter( row.nTr );
+					}
+				} );
+			} );
+	
+			// Column visibility change - update the colspan
+			api.on( colvisEvent, function ( e, ctx, idx, vis ) {
+				if ( settings !== ctx ) {
+					return;
+				}
+	
+				// Update the colspan for the details rows (note, only if it already has
+				// a colspan)
+				var row, visible = _fnVisbleColumns( ctx );
+	
+				for ( var i=0, ien=data.length ; i<ien ; i++ ) {
+					row = data[i];
+	
+					if ( row._details ) {
+						row._details.children('td[colspan]').attr('colspan', visible );
+					}
+				}
+			} );
+	
+			// Table destroyed - nuke any child rows
+			api.on( destroyEvent, function ( e, ctx ) {
+				if ( settings !== ctx ) {
+					return;
+				}
+	
+				for ( var i=0, ien=data.length ; i<ien ; i++ ) {
+					if ( data[i]._details ) {
+						__details_remove( api, i );
+					}
+				}
+			} );
+		}
+	};
+	
+	// Strings for the method names to help minification
+	var _emp = '';
+	var _child_obj = _emp+'row().child';
+	var _child_mth = _child_obj+'()';
+	
+	// data can be:
+	//  tr
+	//  string
+	//  jQuery or array of any of the above
+	_api_register( _child_mth, function ( data, klass ) {
+		var ctx = this.context;
+	
+		if ( data === undefined ) {
+			// get
+			return ctx.length && this.length ?
+				ctx[0].aoData[ this[0] ]._details :
+				undefined;
+		}
+		else if ( data === true ) {
+			// show
+			this.child.show();
+		}
+		else if ( data === false ) {
+			// remove
+			__details_remove( this );
+		}
+		else if ( ctx.length && this.length ) {
+			// set
+			__details_add( ctx[0], ctx[0].aoData[ this[0] ], data, klass );
+		}
+	
+		return this;
+	} );
+	
+	
+	_api_register( [
+		_child_obj+'.show()',
+		_child_mth+'.show()' // only when `child()` was called with parameters (without
+	], function ( show ) {   // it returns an object and this method is not executed)
+		__details_display( this, true );
+		return this;
+	} );
+	
+	
+	_api_register( [
+		_child_obj+'.hide()',
+		_child_mth+'.hide()' // only when `child()` was called with parameters (without
+	], function () {         // it returns an object and this method is not executed)
+		__details_display( this, false );
+		return this;
+	} );
+	
+	
+	_api_register( [
+		_child_obj+'.remove()',
+		_child_mth+'.remove()' // only when `child()` was called with parameters (without
+	], function () {           // it returns an object and this method is not executed)
+		__details_remove( this );
+		return this;
+	} );
+	
+	
+	_api_register( _child_obj+'.isShown()', function () {
+		var ctx = this.context;
+	
+		if ( ctx.length && this.length ) {
+			// _detailsShown as false or undefined will fall through to return false
+			return ctx[0].aoData[ this[0] ]._detailsShow || false;
+		}
+		return false;
+	} );
+	
+	
+	
+	/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
+	 * Columns
+	 *
+	 * {integer}           - column index (>=0 count from left, <0 count from right)
+	 * "{integer}:visIdx"  - visible column index (i.e. translate to column index)  (>=0 count from left, <0 count from right)
+	 * "{integer}:visible" - alias for {integer}:visIdx  (>=0 count from left, <0 count from right)
+	 * "{string}:name"     - column name
+	 * "{string}"          - jQuery selector on column header nodes
+	 *
+	 */
+	
+	// can be an array of these items, comma separated list, or an array of comma
+	// separated lists
+	
+	var __re_column_selector = /^(.+):(name|visIdx|visible)$/;
+	
+	
+	// r1 and r2 are redundant - but it means that the parameters match for the
+	// iterator callback in columns().data()
+	var __columnData = function ( settings, column, r1, r2, rows ) {
+		var a = [];
+		for ( var row=0, ien=rows.length ; row<ien ; row++ ) {
+			a.push( _fnGetCellData( settings, rows[row], column ) );
+		}
+		return a;
+	};
+	
+	
+	var __column_selector = function ( settings, selector, opts )
+	{
+		var
+			columns = settings.aoColumns,
+			names = _pluck( columns, 'sName' ),
+			nodes = _pluck( columns, 'nTh' );
+	
+		return _selector_run( selector, function ( s ) {
+			var selInt = _intVal( s );
+	
+			// Selector - all
+			if ( s === '' ) {
+				return _range( columns.length );
+			}
+			
+			// Selector - index
+			if ( selInt !== null ) {
+				return [ selInt >= 0 ?
+					selInt : // Count from left
+					columns.length + selInt // Count from right (+ because its a negative value)
+				];
+			}
+			
+			// Selector = function
+			if ( typeof s === 'function' ) {
+				var rows = _selector_row_indexes( settings, opts );
+	
+				return $.map( columns, function (col, idx) {
+					return s(
+							idx,
+							__columnData( settings, idx, 0, 0, rows ),
+							nodes[ idx ]
+						) ? idx : null;
+				} );
+			}
+	
+			// jQuery or string selector
+			var match = typeof s === 'string' ?
+				s.match( __re_column_selector ) :
+				'';
+	
+			if ( match ) {
+				switch( match[2] ) {
+					case 'visIdx':
+					case 'visible':
+						var idx = parseInt( match[1], 10 );
+						// Visible index given, convert to column index
+						if ( idx < 0 ) {
+							// Counting from the right
+							var visColumns = $.map( columns, function (col,i) {
+								return col.bVisible ? i : null;
+							} );
+							return [ visColumns[ visColumns.length + idx ] ];
+						}
+						// Counting from the left
+						return [ _fnVisibleToColumnIndex( settings, idx ) ];
+	
+					case 'name':
+						// match by name. `names` is column index complete and in order
+						return $.map( names, function (name, i) {
+							return name === match[1] ? i : null;
+						} );
+				}
+			}
+			else {
+				// jQuery selector on the TH elements for the columns
+				return $( nodes )
+					.filter( s )
+					.map( function () {
+						return $.inArray( this, nodes ); // `nodes` is column index complete and in order
+					} )
+					.toArray();
+			}
+		} );
+	};
+	
+	
+	var __setColumnVis = function ( settings, column, vis, recalc ) {
+		var
+			cols = settings.aoColumns,
+			col  = cols[ column ],
+			data = settings.aoData,
+			row, cells, i, ien, tr;
+	
+		// Get
+		if ( vis === undefined ) {
+			return col.bVisible;
+		}
+	
+		// Set
+		// No change
+		if ( col.bVisible === vis ) {
+			return;
+		}
+	
+		if ( vis ) {
+			// Insert column
+			// Need to decide if we should use appendChild or insertBefore
+			var insertBefore = $.inArray( true, _pluck(cols, 'bVisible'), column+1 );
+	
+			for ( i=0, ien=data.length ; i<ien ; i++ ) {
+				tr = data[i].nTr;
+				cells = data[i].anCells;
+	
+				if ( tr ) {
+					// insertBefore can act like appendChild if 2nd arg is null
+					tr.insertBefore( cells[ column ], cells[ insertBefore ] || null );
+				}
+			}
+		}
+		else {
+			// Remove column
+			$( _pluck( settings.aoData, 'anCells', column ) ).detach();
+		}
+	
+		// Common actions
+		col.bVisible = vis;
+		_fnDrawHead( settings, settings.aoHeader );
+		_fnDrawHead( settings, settings.aoFooter );
+	
+		if ( recalc === undefined || recalc ) {
+			// Automatically adjust column sizing
+			_fnAdjustColumnSizing( settings );
+	
+			// Realign columns for scrolling
+			if ( settings.oScroll.sX || settings.oScroll.sY ) {
+				_fnScrollDraw( settings );
+			}
+		}
+	
+		_fnCallbackFire( settings, null, 'column-visibility', [settings, column, vis] );
+	
+		_fnSaveState( settings );
+	};
+	
+	
+	/**
+	 *
+	 */
+	_api_register( 'columns()', function ( selector, opts ) {
+		// argument shifting
+		if ( selector === undefined ) {
+			selector = '';
+		}
+		else if ( $.isPlainObject( selector ) ) {
+			opts = selector;
+			selector = '';
+		}
+	
+		opts = _selector_opts( opts );
+	
+		var inst = this.iterator( 'table', function ( settings ) {
+			return __column_selector( settings, selector, opts );
+		}, 1 );
+	
+		// Want argument shifting here and in _row_selector?
+		inst.selector.cols = selector;
+		inst.selector.opts = opts;
+	
+		return inst;
+	} );
+	
+	
+	/**
+	 *
+	 */
+	_api_registerPlural( 'columns().header()', 'column().header()', function ( selector, opts ) {
+		return this.iterator( 'column', function ( settings, column ) {
+			return settings.aoColumns[column].nTh;
+		}, 1 );
+	} );
+	
+	
+	/**
+	 *
+	 */
+	_api_registerPlural( 'columns().footer()', 'column().footer()', function ( selector, opts ) {
+		return this.iterator( 'column', function ( settings, column ) {
+			return settings.aoColumns[column].nTf;
+		}, 1 );
+	} );
+	
+	
+	/**
+	 *
+	 */
+	_api_registerPlural( 'columns().data()', 'column().data()', function () {
+		return this.iterator( 'column-rows', __columnData, 1 );
+	} );
+	
+	
+	_api_registerPlural( 'columns().dataSrc()', 'column().dataSrc()', function () {
+		return this.iterator( 'column', function ( settings, column ) {
+			return settings.aoColumns[column].mData;
+		}, 1 );
+	} );
+	
+	
+	_api_registerPlural( 'columns().cache()', 'column().cache()', function ( type ) {
+		return this.iterator( 'column-rows', function ( settings, column, i, j, rows ) {
+			return _pluck_order( settings.aoData, rows,
+				type === 'search' ? '_aFilterData' : '_aSortData', column
+			);
+		}, 1 );
+	} );
+	
+	
+	_api_registerPlural( 'columns().nodes()', 'column().nodes()', function () {
+		return this.iterator( 'column-rows', function ( settings, column, i, j, rows ) {
+			return _pluck_order( settings.aoData, rows, 'anCells', column ) ;
+		}, 1 );
+	} );
+	
+	
+	
+	_api_registerPlural( 'columns().visible()', 'column().visible()', function ( vis, calc ) {
+		return this.iterator( 'column', function ( settings, column ) {
+			if ( vis === undefined ) {
+				return settings.aoColumns[ column ].bVisible;
+			} // else
+			__setColumnVis( settings, column, vis, calc );
+		} );
+	} );
+	
+	
+	
+	_api_registerPlural( 'columns().indexes()', 'column().index()', function ( type ) {
+		return this.iterator( 'column', function ( settings, column ) {
+			return type === 'visible' ?
+				_fnColumnIndexToVisible( settings, column ) :
+				column;
+		}, 1 );
+	} );
+	
+	
+	// _api_register( 'columns().show()', function () {
+	// 	var selector = this.selector;
+	// 	return this.columns( selector.cols, selector.opts ).visible( true );
+	// } );
+	
+	
+	// _api_register( 'columns().hide()', function () {
+	// 	var selector = this.selector;
+	// 	return this.columns( selector.cols, selector.opts ).visible( false );
+	// } );
+	
+	
+	
+	_api_register( 'columns.adjust()', function () {
+		return this.iterator( 'table', function ( settings ) {
+			_fnAdjustColumnSizing( settings );
+		}, 1 );
+	} );
+	
+	
+	// Convert from one column index type, to another type
+	_api_register( 'column.index()', function ( type, idx ) {
+		if ( this.context.length !== 0 ) {
+			var ctx = this.context[0];
+	
+			if ( type === 'fromVisible' || type === 'toData' ) {
+				return _fnVisibleToColumnIndex( ctx, idx );
+			}
+			else if ( type === 'fromData' || type === 'toVisible' ) {
+				return _fnColumnIndexToVisible( ctx, idx );
+			}
+		}
+	} );
+	
+	
+	_api_register( 'column()', function ( selector, opts ) {
+		return _selector_first( this.columns( selector, opts ) );
+	} );
+	
+	
+	
+	
+	var __cell_selector = function ( settings, selector, opts )
+	{
+		var data = settings.aoData;
+		var rows = _selector_row_indexes( settings, opts );
+		var cells = _removeEmpty( _pluck_order( data, rows, 'anCells' ) );
+		var allCells = $( [].concat.apply([], cells) );
+		var row;
+		var columns = settings.aoColumns.length;
+		var a, i, ien, j, o, host;
+	
+		return _selector_run( selector, function ( s ) {
+			var fnSelector = typeof s === 'function';
+	
+			if ( s === null || s === undefined || fnSelector ) {
+				// All cells and function selectors
+				a = [];
+	
+				for ( i=0, ien=rows.length ; i<ien ; i++ ) {
+					row = rows[i];
+	
+					for ( j=0 ; j<columns ; j++ ) {
+						o = {
+							row: row,
+							column: j
+						};
+	
+						if ( fnSelector ) {
+							// Selector - function
+							host = settings.aoData[ row ];
+	
+							if ( s( o, _fnGetCellData(settings, row, j), host.anCells[j] ) ) {
+								a.push( o );
+							}
+						}
+						else {
+							// Selector - all
+							a.push( o );
+						}
+					}
+				}
+	
+				return a;
+			}
+			
+			// Selector - index
+			if ( $.isPlainObject( s ) ) {
+				return [s];
+			}
+	
+			// Selector - jQuery filtered cells
+			return allCells
+				.filter( s )
+				.map( function (i, el) {
+					row = el.parentNode._DT_RowIndex;
+	
+					return {
+						row: row,
+						column: $.inArray( el, data[ row ].anCells )
+					};
+				} )
+				.toArray();
+		} );
+	};
+	
+	
+	
+	
+	_api_register( 'cells()', function ( rowSelector, columnSelector, opts ) {
+		// Argument shifting
+		if ( $.isPlainObject( rowSelector ) ) {
+			// Indexes
+			if ( typeof rowSelector.row !== undefined ) {
+				opts = columnSelector;
+				columnSelector = null;
+			}
+			else {
+				opts = rowSelector;
+				rowSelector = null;
+			}
+		}
+		if ( $.isPlainObject( columnSelector ) ) {
+			opts = columnSelector;
+			columnSelector = null;
+		}
+	
+		// Cell selector
+		if ( columnSelector === null || columnSelector === undefined ) {
+			return this.iterator( 'table', function ( settings ) {
+				return __cell_selector( settings, rowSelector, _selector_opts( opts ) );
+			} );
+		}
+	
+		// Row + column selector
+		var columns = this.columns( columnSelector, opts );
+		var rows = this.rows( rowSelector, opts );
+		var a, i, ien, j, jen;
+	
+		var cells = this.iterator( 'table', function ( settings, idx ) {
+			a = [];
+	
+			for ( i=0, ien=rows[idx].length ; i<ien ; i++ ) {
+				for ( j=0, jen=columns[idx].length ; j<jen ; j++ ) {
+					a.push( {
+						row:    rows[idx][i],
+						column: columns[idx][j]
+					} );
+				}
+			}
+	
+			return a;
+		}, 1 );
+	
+		$.extend( cells.selector, {
+			cols: columnSelector,
+			rows: rowSelector,
+			opts: opts
+		} );
+	
+		return cells;
+	} );
+	
+	
+	_api_registerPlural( 'cells().nodes()', 'cell().node()', function () {
+		return this.iterator( 'cell', function ( settings, row, column ) {
+			var cells = settings.aoData[ row ].anCells;
+			return cells ?
+				cells[ column ] :
+				undefined;
+		}, 1 );
+	} );
+	
+	
+	_api_register( 'cells().data()', function () {
+		return this.iterator( 'cell', function ( settings, row, column ) {
+			return _fnGetCellData( settings, row, column );
+		}, 1 );
+	} );
+	
+	
+	_api_registerPlural( 'cells().cache()', 'cell().cache()', function ( type ) {
+		type = type === 'search' ? '_aFilterData' : '_aSortData';
+	
+		return this.iterator( 'cell', function ( settings, row, column ) {
+			return settings.aoData[ row ][ type ][ column ];
+		}, 1 );
+	} );
+	
+	
+	_api_registerPlural( 'cells().render()', 'cell().render()', function ( type ) {
+		return this.iterator( 'cell', function ( settings, row, column ) {
+			return _fnGetCellData( settings, row, column, type );
+		}, 1 );
+	} );
+	
+	
+	_api_registerPlural( 'cells().indexes()', 'cell().index()', function () {
+		return this.iterator( 'cell', function ( settings, row, column ) {
+			return {
+				row: row,
+				column: column,
+				columnVisible: _fnColumnIndexToVisible( settings, column )
+			};
+		}, 1 );
+	} );
+	
+	
+	_api_registerPlural( 'cells().invalidate()', 'cell().invalidate()', function ( src ) {
+		return this.iterator( 'cell', function ( settings, row, column ) {
+			_fnInvalidate( settings, row, src, column );
+		} );
+	} );
+	
+	
+	
+	_api_register( 'cell()', function ( rowSelector, columnSelector, opts ) {
+		return _selector_first( this.cells( rowSelector, columnSelector, opts ) );
+	} );
+	
+	
+	_api_register( 'cell().data()', function ( data ) {
+		var ctx = this.context;
+		var cell = this[0];
+	
+		if ( data === undefined ) {
+			// Get
+			return ctx.length && cell.length ?
+				_fnGetCellData( ctx[0], cell[0].row, cell[0].column ) :
+				undefined;
+		}
+	
+		// Set
+		_fnSetCellData( ctx[0], cell[0].row, cell[0].column, data );
+		_fnInvalidate( ctx[0], cell[0].row, 'data', cell[0].column );
+	
+		return this;
+	} );
+	
+	
+	
+	/**
+	 * Get current ordering (sorting) that has been applied to the table.
+	 *
+	 * @returns {array} 2D array containing the sorting information for the first
+	 *   table in the current context. Each element in the parent array represents
+	 *   a column being sorted upon (i.e. multi-sorting with two columns would have
+	 *   2 inner arrays). The inner arrays may have 2 or 3 elements. The first is
+	 *   the column index that the sorting condition applies to, the second is the
+	 *   direction of the sort (`desc` or `asc`) and, optionally, the third is the
+	 *   index of the sorting order from the `column.sorting` initialisation array.
+	 *//**
+	 * Set the ordering for the table.
+	 *
+	 * @param {integer} order Column index to sort upon.
+	 * @param {string} direction Direction of the sort to be applied (`asc` or `desc`)
+	 * @returns {DataTables.Api} this
+	 *//**
+	 * Set the ordering for the table.
+	 *
+	 * @param {array} order 1D array of sorting information to be applied.
+	 * @param {array} [...] Optional additional sorting conditions
+	 * @returns {DataTables.Api} this
+	 *//**
+	 * Set the ordering for the table.
+	 *
+	 * @param {array} order 2D array of sorting information to be applied.
+	 * @returns {DataTables.Api} this
+	 */
+	_api_register( 'order()', function ( order, dir ) {
+		var ctx = this.context;
+	
+		if ( order === undefined ) {
+			// get
+			return ctx.length !== 0 ?
+				ctx[0].aaSorting :
+				undefined;
+		}
+	
+		// set
+		if ( typeof order === 'number' ) {
+			// Simple column / direction passed in
+			order = [ [ order, dir ] ];
+		}
+		else if ( ! $.isArray( order[0] ) ) {
+			// Arguments passed in (list of 1D arrays)
+			order = Array.prototype.slice.call( arguments );
+		}
+		// otherwise a 2D array was passed in
+	
+		return this.iterator( 'table', function ( settings ) {
+			settings.aaSorting = order.slice();
+		} );
+	} );
+	
+	
+	/**
+	 * Attach a sort listener to an element for a given column
+	 *
+	 * @param {node|jQuery|string} node Identifier for the element(s) to attach the
+	 *   listener to. This can take the form of a single DOM node, a jQuery
+	 *   collection of nodes or a jQuery selector which will identify the node(s).
+	 * @param {integer} column the column that a click on this node will sort on
+	 * @param {function} [callback] callback function when sort is run
+	 * @returns {DataTables.Api} this
+	 */
+	_api_register( 'order.listener()', function ( node, column, callback ) {
+		return this.iterator( 'table', function ( settings ) {
+			_fnSortAttachListener( settings, node, column, callback );
+		} );
+	} );
+	
+	
+	// Order by the selected column(s)
+	_api_register( [
+		'columns().order()',
+		'column().order()'
+	], function ( dir ) {
+		var that = this;
+	
+		return this.iterator( 'table', function ( settings, i ) {
+			var sort = [];
+	
+			$.each( that[i], function (j, col) {
+				sort.push( [ col, dir ] );
+			} );
+	
+			settings.aaSorting = sort;
+		} );
+	} );
+	
+	
+	
+	_api_register( 'search()', function ( input, regex, smart, caseInsen ) {
+		var ctx = this.context;
+	
+		if ( input === undefined ) {
+			// get
+			return ctx.length !== 0 ?
+				ctx[0].oPreviousSearch.sSearch :
+				undefined;
+		}
+	
+		// set
+		return this.iterator( 'table', function ( settings ) {
+			if ( ! settings.oFeatures.bFilter ) {
+				return;
+			}
+	
+			_fnFilterComplete( settings, $.extend( {}, settings.oPreviousSearch, {
+				"sSearch": input+"",
+				"bRegex":  regex === null ? false : regex,
+				"bSmart":  smart === null ? true  : smart,
+				"bCaseInsensitive": caseInsen === null ? true : caseInsen
+			} ), 1 );
+		} );
+	} );
+	
+	
+	_api_registerPlural(
+		'columns().search()',
+		'column().search()',
+		function ( input, regex, smart, caseInsen ) {
+			return this.iterator( 'column', function ( settings, column ) {
+				var preSearch = settings.aoPreSearchCols;
+	
+				if ( input === undefined ) {
+					// get
+					return preSearch[ column ].sSearch;
+				}
+	
+				// set
+				if ( ! settings.oFeatures.bFilter ) {
+					return;
+				}
+	
+				$.extend( preSearch[ column ], {
+					"sSearch": input+"",
+					"bRegex":  regex === null ? false : regex,
+					"bSmart":  smart === null ? true  : smart,
+					"bCaseInsensitive": caseInsen === null ? true : caseInsen
+				} );
+	
+				_fnFilterComplete( settings, settings.oPreviousSearch, 1 );
+			} );
+		}
+	);
+	
+	/*
+	 * State API methods
+	 */
+	
+	_api_register( 'state()', function () {
+		return this.context.length ?
+			this.context[0].oSavedState :
+			null;
+	} );
+	
+	
+	_api_register( 'state.clear()', function () {
+		return this.iterator( 'table', function ( settings ) {
+			// Save an empty object
+			settings.fnStateSaveCallback.call( settings.oInstance, settings, {} );
+		} );
+	} );
+	
+	
+	_api_register( 'state.loaded()', function () {
+		return this.context.length ?
+			this.context[0].oLoadedState :
+			null;
+	} );
+	
+	
+	_api_register( 'state.save()', function () {
+		return this.iterator( 'table', function ( settings ) {
+			_fnSaveState( settings );
+		} );
+	} );
+	
+	
+	
+	/**
+	 * Provide a common method for plug-ins to check the version of DataTables being
+	 * used, in order to ensure compatibility.
+	 *
+	 *  @param {string} version Version string to check for, in the format "X.Y.Z".
+	 *    Note that the formats "X" and "X.Y" are also acceptable.
+	 *  @returns {boolean} true if this version of DataTables is greater or equal to
+	 *    the required version, or false if this version of DataTales is not
+	 *    suitable
+	 *  @static
+	 *  @dtopt API-Static
+	 *
+	 *  @example
+	 *    alert( $.fn.dataTable.versionCheck( '1.9.0' ) );
+	 */
+	DataTable.versionCheck = DataTable.fnVersionCheck = function( version )
+	{
+		var aThis = DataTable.version.split('.');
+		var aThat = version.split('.');
+		var iThis, iThat;
+	
+		for ( var i=0, iLen=aThat.length ; i<iLen ; i++ ) {
+			iThis = parseInt( aThis[i], 10 ) || 0;
+			iThat = parseInt( aThat[i], 10 ) || 0;
+	
+			// Parts are the same, keep comparing
+			if (iThis === iThat) {
+				continue;
+			}
+	
+			// Parts are different, return immediately
+			return iThis > iThat;
+		}
+	
+		return true;
+	};
+	
+	
+	/**
+	 * Check if a `<table>` node is a DataTable table already or not.
+	 *
+	 *  @param {node|jquery|string} table Table node, jQuery object or jQuery
+	 *      selector for the table to test. Note that if more than more than one
+	 *      table is passed on, only the first will be checked
+	 *  @returns {boolean} true the table given is a DataTable, or false otherwise
+	 *  @static
+	 *  @dtopt API-Static
+	 *
+	 *  @example
+	 *    if ( ! $.fn.DataTable.isDataTable( '#example' ) ) {
+	 *      $('#example').dataTable();
+	 *    }
+	 */
+	DataTable.isDataTable = DataTable.fnIsDataTable = function ( table )
+	{
+		var t = $(table).get(0);
+		var is = false;
+	
+		$.each( DataTable.settings, function (i, o) {
+			if ( o.nTable === t || o.nScrollHead === t || o.nScrollFoot === t ) {
+				is = true;
+			}
+		} );
+	
+		return is;
+	};
+	
+	
+	/**
+	 * Get all DataTable tables that have been initialised - optionally you can
+	 * select to get only currently visible tables.
+	 *
+	 *  @param {boolean} [visible=false] Flag to indicate if you want all (default)
+	 *    or visible tables only.
+	 *  @returns {array} Array of `table` nodes (not DataTable instances) which are
+	 *    DataTables
+	 *  @static
+	 *  @dtopt API-Static
+	 *
+	 *  @example
+	 *    $.each( $.fn.dataTable.tables(true), function () {
+	 *      $(table).DataTable().columns.adjust();
+	 *    } );
+	 */
+	DataTable.tables = DataTable.fnTables = function ( visible )
+	{
+		return $.map( DataTable.settings, function (o) {
+			if ( !visible || (visible && $(o.nTable).is(':visible')) ) {
+				return o.nTable;
+			}
+		} );
+	};
+	
+	
+	/**
+	 * DataTables utility methods
+	 * 
+	 * This namespace provides helper methods that DataTables uses internally to
+	 * create a DataTable, but which are not exclusively used only for DataTables.
+	 * These methods can be used by extension authors to save the duplication of
+	 * code.
+	 *
+	 *  @namespace
+	 */
+	DataTable.util = {
+		/**
+		 * Throttle the calls to a function. Arguments and context are maintained
+		 * for the throttled function.
+		 *
+		 * @param {function} fn Function to be called
+		 * @param {integer} freq Call frequency in mS
+		 * @return {function} Wrapped function
+		 */
+		throttle: _fnThrottle,
+	
+	
+		/**
+		 * Escape a string such that it can be used in a regular expression
+		 *
+		 *  @param {string} sVal string to escape
+		 *  @returns {string} escaped string
+		 */
+		escapeRegex: _fnEscapeRegex
+	};
+	
+	
+	/**
+	 * Convert from camel case parameters to Hungarian notation. This is made public
+	 * for the extensions to provide the same ability as DataTables core to accept
+	 * either the 1.9 style Hungarian notation, or the 1.10+ style camelCase
+	 * parameters.
+	 *
+	 *  @param {object} src The model object which holds all parameters that can be
+	 *    mapped.
+	 *  @param {object} user The object to convert from camel case to Hungarian.
+	 *  @param {boolean} force When set to `true`, properties which already have a
+	 *    Hungarian value in the `user` object will be overwritten. Otherwise they
+	 *    won't be.
+	 */
+	DataTable.camelToHungarian = _fnCamelToHungarian;
+	
+	
+	
+	/**
+	 *
+	 */
+	_api_register( '$()', function ( selector, opts ) {
+		var
+			rows   = this.rows( opts ).nodes(), // Get all rows
+			jqRows = $(rows);
+	
+		return $( [].concat(
+			jqRows.filter( selector ).toArray(),
+			jqRows.find( selector ).toArray()
+		) );
+	} );
+	
+	
+	// jQuery functions to operate on the tables
+	$.each( [ 'on', 'one', 'off' ], function (i, key) {
+		_api_register( key+'()', function ( /* event, handler */ ) {
+			var args = Array.prototype.slice.call(arguments);
+	
+			// Add the `dt` namespace automatically if it isn't already present
+			if ( ! args[0].match(/\.dt\b/) ) {
+				args[0] += '.dt';
+			}
+	
+			var inst = $( this.tables().nodes() );
+			inst[key].apply( inst, args );
+			return this;
+		} );
+	} );
+	
+	
+	_api_register( 'clear()', function () {
+		return this.iterator( 'table', function ( settings ) {
+			_fnClearTable( settings );
+		} );
+	} );
+	
+	
+	_api_register( 'settings()', function () {
+		return new _Api( this.context, this.context );
+	} );
+	
+	
+	_api_register( 'data()', function () {
+		return this.iterator( 'table', function ( settings ) {
+			return _pluck( settings.aoData, '_aData' );
+		} ).flatten();
+	} );
+	
+	
+	_api_register( 'destroy()', function ( remove ) {
+		remove = remove || false;
+	
+		return this.iterator( 'table', function ( settings ) {
+			var orig      = settings.nTableWrapper.parentNode;
+			var classes   = settings.oClasses;
+			var table     = settings.nTable;
+			var tbody     = settings.nTBody;
+			var thead     = settings.nTHead;
+			var tfoot     = settings.nTFoot;
+			var jqTable   = $(table);
+			var jqTbody   = $(tbody);
+			var jqWrapper = $(settings.nTableWrapper);
+			var rows      = $.map( settings.aoData, function (r) { return r.nTr; } );
+			var i, ien;
+	
+			// Flag to note that the table is currently being destroyed - no action
+			// should be taken
+			settings.bDestroying = true;
+	
+			// Fire off the destroy callbacks for plug-ins etc
+			_fnCallbackFire( settings, "aoDestroyCallback", "destroy", [settings] );
+	
+			// If not being removed from the document, make all columns visible
+			if ( ! remove ) {
+				new _Api( settings ).columns().visible( true );
+			}
+	
+			// Blitz all `DT` namespaced events (these are internal events, the
+			// lowercase, `dt` events are user subscribed and they are responsible
+			// for removing them
+			jqWrapper.unbind('.DT').find(':not(tbody *)').unbind('.DT');
+			$(window).unbind('.DT-'+settings.sInstance);
+	
+			// When scrolling we had to break the table up - restore it
+			if ( table != thead.parentNode ) {
+				jqTable.children('thead').detach();
+				jqTable.append( thead );
+			}
+	
+			if ( tfoot && table != tfoot.parentNode ) {
+				jqTable.children('tfoot').detach();
+				jqTable.append( tfoot );
+			}
+	
+			// Remove the DataTables generated nodes, events and classes
+			jqTable.detach();
+			jqWrapper.detach();
+	
+			settings.aaSorting = [];
+			settings.aaSortingFixed = [];
+			_fnSortingClasses( settings );
+	
+			$( rows ).removeClass( settings.asStripeClasses.join(' ') );
+	
+			$('th, td', thead).removeClass( classes.sSortable+' '+
+				classes.sSortableAsc+' '+classes.sSortableDesc+' '+classes.sSortableNone
+			);
+	
+			if ( settings.bJUI ) {
+				$('th span.'+classes.sSortIcon+ ', td span.'+classes.sSortIcon, thead).detach();
+				$('th, td', thead).each( function () {
+					var wrapper = $('div.'+classes.sSortJUIWrapper, this);
+					$(this).append( wrapper.contents() );
+					wrapper.detach();
+				} );
+			}
+	
+			if ( ! remove && orig ) {
+				// insertBefore acts like appendChild if !arg[1]
+				orig.insertBefore( table, settings.nTableReinsertBefore );
+			}
+	
+			// Add the TR elements back into the table in their original order
+			jqTbody.children().detach();
+			jqTbody.append( rows );
+	
+			// Restore the width of the original table - was read from the style property,
+			// so we can restore directly to that
+			jqTable
+				.css( 'width', settings.sDestroyWidth )
+				.removeClass( classes.sTable );
+	
+			// If the were originally stripe classes - then we add them back here.
+			// Note this is not fool proof (for example if not all rows had stripe
+			// classes - but it's a good effort without getting carried away
+			ien = settings.asDestroyStripes.length;
+	
+			if ( ien ) {
+				jqTbody.children().each( function (i) {
+					$(this).addClass( settings.asDestroyStripes[i % ien] );
+				} );
+			}
+	
+			/* Remove the settings object from the settings array */
+			var idx = $.inArray( settings, DataTable.settings );
+			if ( idx !== -1 ) {
+				DataTable.settings.splice( idx, 1 );
+			}
+		} );
+	} );
+	
+
+	/**
+	 * Version string for plug-ins to check compatibility. Allowed format is
+	 * `a.b.c-d` where: a:int, b:int, c:int, d:string(dev|beta|alpha). `d` is used
+	 * only for non-release builds. See http://semver.org/ for more information.
+	 *  @member
+	 *  @type string
+	 *  @default Version number
+	 */
+	DataTable.version = "1.10.4";
+
+	/**
+	 * Private data store, containing all of the settings objects that are
+	 * created for the tables on a given page.
+	 *
+	 * Note that the `DataTable.settings` object is aliased to
+	 * `jQuery.fn.dataTableExt` through which it may be accessed and
+	 * manipulated, or `jQuery.fn.dataTable.settings`.
+	 *  @member
+	 *  @type array
+	 *  @default []
+	 *  @private
+	 */
+	DataTable.settings = [];
+
+	/**
+	 * Object models container, for the various models that DataTables has
+	 * available to it. These models define the objects that are used to hold
+	 * the active state and configuration of the table.
+	 *  @namespace
+	 */
+	DataTable.models = {};
+	
+	
+	
+	/**
+	 * Template object for the way in which DataTables holds information about
+	 * search information for the global filter and individual column filters.
+	 *  @namespace
+	 */
+	DataTable.models.oSearch = {
+		/**
+		 * Flag to indicate if the filtering should be case insensitive or not
+		 *  @type boolean
+		 *  @default true
+		 */
+		"bCaseInsensitive": true,
+	
+		/**
+		 * Applied search term
+		 *  @type string
+		 *  @default <i>Empty string</i>
+		 */
+		"sSearch": "",
+	
+		/**
+		 * Flag to indicate if the search term should be interpreted as a
+		 * regular expression (true) or not (false) and therefore and special
+		 * regex characters escaped.
+		 *  @type boolean
+		 *  @default false
+		 */
+		"bRegex": false,
+	
+		/**
+		 * Flag to indicate if DataTables is to use its smart filtering or not.
+		 *  @type boolean
+		 *  @default true
+		 */
+		"bSmart": true
+	};
+	
+	
+	
+	
+	/**
+	 * Template object for the way in which DataTables holds information about
+	 * each individual row. This is the object format used for the settings
+	 * aoData array.
+	 *  @namespace
+	 */
+	DataTable.models.oRow = {
+		/**
+		 * TR element for the row
+		 *  @type node
+		 *  @default null
+		 */
+		"nTr": null,
+	
+		/**
+		 * Array of TD elements for each row. This is null until the row has been
+		 * created.
+		 *  @type array nodes
+		 *  @default []
+		 */
+		"anCells": null,
+	
+		/**
+		 * Data object from the original data source for the row. This is either
+		 * an array if using the traditional form of DataTables, or an object if
+		 * using mData options. The exact type will depend on the passed in
+		 * data from the data source, or will be an array if using DOM a data
+		 * source.
+		 *  @type array|object
+		 *  @default []
+		 */
+		"_aData": [],
+	
+		/**
+		 * Sorting data cache - this array is ostensibly the same length as the
+		 * number of columns (although each index is generated only as it is
+		 * needed), and holds the data that is used for sorting each column in the
+		 * row. We do this cache generation at the start of the sort in order that
+		 * the formatting of the sort data need be done only once for each cell
+		 * per sort. This array should not be read from or written to by anything
+		 * other than the master sorting methods.
+		 *  @type array
+		 *  @default null
+		 *  @private
+		 */
+		"_aSortData": null,
+	
+		/**
+		 * Per cell filtering data cache. As per the sort data cache, used to
+		 * increase the performance of the filtering in DataTables
+		 *  @type array
+		 *  @default null
+		 *  @private
+		 */
+		"_aFilterData": null,
+	
+		/**
+		 * Filtering data cache. This is the same as the cell filtering cache, but
+		 * in this case a string rather than an array. This is easily computed with
+		 * a join on `_aFilterData`, but is provided as a cache so the join isn't
+		 * needed on every search (memory traded for performance)
+		 *  @type array
+		 *  @default null
+		 *  @private
+		 */
+		"_sFilterRow": null,
+	
+		/**
+		 * Cache of the class name that DataTables has applied to the row, so we
+		 * can quickly look at this variable rather than needing to do a DOM check
+		 * on className for the nTr property.
+		 *  @type string
+		 *  @default <i>Empty string</i>
+		 *  @private
+		 */
+		"_sRowStripe": "",
+	
+		/**
+		 * Denote if the original data source was from the DOM, or the data source
+		 * object. This is used for invalidating data, so DataTables can
+		 * automatically read data from the original source, unless uninstructed
+		 * otherwise.
+		 *  @type string
+		 *  @default null
+		 *  @private
+		 */
+		"src": null
+	};
+	
+	
+	/**
+	 * Template object for the column information object in DataTables. This object
+	 * is held in the settings aoColumns array and contains all the information that
+	 * DataTables needs about each individual column.
+	 *
+	 * Note that this object is related to {@link DataTable.defaults.column}
+	 * but this one is the internal data store for DataTables's cache of columns.
+	 * It should NOT be manipulated outside of DataTables. Any configuration should
+	 * be done through the initialisation options.
+	 *  @namespace
+	 */
+	DataTable.models.oColumn = {
+		/**
+		 * Column index. This could be worked out on-the-fly with $.inArray, but it
+		 * is faster to just hold it as a variable
+		 *  @type integer
+		 *  @default null
+		 */
+		"idx": null,
+	
+		/**
+		 * A list of the columns that sorting should occur on when this column
+		 * is sorted. That this property is an array allows multi-column sorting
+		 * to be defined for a column (for example first name / last name columns
+		 * would benefit from this). The values are integers pointing to the
+		 * columns to be sorted on (typically it will be a single integer pointing
+		 * at itself, but that doesn't need to be the case).
+		 *  @type array
+		 */
+		"aDataSort": null,
+	
+		/**
+		 * Define the sorting directions that are applied to the column, in sequence
+		 * as the column is repeatedly sorted upon - i.e. the first value is used
+		 * as the sorting direction when the column if first sorted (clicked on).
+		 * Sort it again (click again) and it will move on to the next index.
+		 * Repeat until loop.
+		 *  @type array
+		 */
+		"asSorting": null,
+	
+		/**
+		 * Flag to indicate if the column is searchable, and thus should be included
+		 * in the filtering or not.
+		 *  @type boolean
+		 */
+		"bSearchable": null,
+	
+		/**
+		 * Flag to indicate if the column is sortable or not.
+		 *  @type boolean
+		 */
+		"bSortable": null,
+	
+		/**
+		 * Flag to indicate if the column is currently visible in the table or not
+		 *  @type boolean
+		 */
+		"bVisible": null,
+	
+		/**
+		 * Store for manual type assignment using the `column.type` option. This
+		 * is held in store so we can manipulate the column's `sType` property.
+		 *  @type string
+		 *  @default null
+		 *  @private
+		 */
+		"_sManualType": null,
+	
+		/**
+		 * Flag to indicate if HTML5 data attributes should be used as the data
+		 * source for filtering or sorting. True is either are.
+		 *  @type boolean
+		 *  @default false
+		 *  @private
+		 */
+		"_bAttrSrc": false,
+	
+		/**
+		 * Developer definable function that is called whenever a cell is created (Ajax source,
+		 * etc) or processed for input (DOM source). This can be used as a compliment to mRender
+		 * allowing you to modify the DOM element (add background colour for example) when the
+		 * element is available.
+		 *  @type function
+		 *  @param {element} nTd The TD node that has been created
+		 *  @param {*} sData The Data for the cell
+		 *  @param {array|object} oData The data for the whole row
+		 *  @param {int} iRow The row index for the aoData data store
+		 *  @default null
+		 */
+		"fnCreatedCell": null,
+	
+		/**
+		 * Function to get data from a cell in a column. You should <b>never</b>
+		 * access data directly through _aData internally in DataTables - always use
+		 * the method attached to this property. It allows mData to function as
+		 * required. This function is automatically assigned by the column
+		 * initialisation method
+		 *  @type function
+		 *  @param {array|object} oData The data array/object for the array
+		 *    (i.e. aoData[]._aData)
+		 *  @param {string} sSpecific The specific data type you want to get -
+		 *    'display', 'type' 'filter' 'sort'
+		 *  @returns {*} The data for the cell from the given row's data
+		 *  @default null
+		 */
+		"fnGetData": null,
+	
+		/**
+		 * Function to set data for a cell in the column. You should <b>never</b>
+		 * set the data directly to _aData internally in DataTables - always use
+		 * this method. It allows mData to function as required. This function
+		 * is automatically assigned by the column initialisation method
+		 *  @type function
+		 *  @param {array|object} oData The data array/object for the array
+		 *    (i.e. aoData[]._aData)
+		 *  @param {*} sValue Value to set
+		 *  @default null
+		 */
+		"fnSetData": null,
+	
+		/**
+		 * Property to read the value for the cells in the column from the data
+		 * source array / object. If null, then the default content is used, if a
+		 * function is given then the return from the function is used.
+		 *  @type function|int|string|null
+		 *  @default null
+		 */
+		"mData": null,
+	
+		/**
+		 * Partner property to mData which is used (only when defined) to get
+		 * the data - i.e. it is basically the same as mData, but without the
+		 * 'set' option, and also the data fed to it is the result from mData.
+		 * This is the rendering method to match the data method of mData.
+		 *  @type function|int|string|null
+		 *  @default null
+		 */
+		"mRender": null,
+	
+		/**
+		 * Unique header TH/TD element for this column - this is what the sorting
+		 * listener is attached to (if sorting is enabled.)
+		 *  @type node
+		 *  @default null
+		 */
+		"nTh": null,
+	
+		/**
+		 * Unique footer TH/TD element for this column (if there is one). Not used
+		 * in DataTables as such, but can be used for plug-ins to reference the
+		 * footer for each column.
+		 *  @type node
+		 *  @default null
+		 */
+		"nTf": null,
+	
+		/**
+		 * The class to apply to all TD elements in the table's TBODY for the column
+		 *  @type string
+		 *  @default null
+		 */
+		"sClass": null,
+	
+		/**
+		 * When DataTables calculates the column widths to assign to each column,
+		 * it finds the longest string in each column and then constructs a
+		 * temporary table and reads the widths from that. The problem with this
+		 * is that "mmm" is much wider then "iiii", but the latter is a longer
+		 * string - thus the calculation can go wrong (doing it properly and putting
+		 * it into an DOM object and measuring that is horribly(!) slow). Thus as
+		 * a "work around" we provide this option. It will append its value to the
+		 * text that is found to be the longest string for the column - i.e. padding.
+		 *  @type string
+		 */
+		"sContentPadding": null,
+	
+		/**
+		 * Allows a default value to be given for a column's data, and will be used
+		 * whenever a null data source is encountered (this can be because mData
+		 * is set to null, or because the data source itself is null).
+		 *  @type string
+		 *  @default null
+		 */
+		"sDefaultContent": null,
+	
+		/**
+		 * Name for the column, allowing reference to the column by name as well as
+		 * by index (needs a lookup to work by name).
+		 *  @type string
+		 */
+		"sName": null,
+	
+		/**
+		 * Custom sorting data type - defines which of the available plug-ins in
+		 * afnSortData the custom sorting will use - if any is defined.
+		 *  @type string
+		 *  @default std
+		 */
+		"sSortDataType": 'std',
+	
+		/**
+		 * Class to be applied to the header element when sorting on this column
+		 *  @type string
+		 *  @default null
+		 */
+		"sSortingClass": null,
+	
+		/**
+		 * Class to be applied to the header element when sorting on this column -
+		 * when jQuery UI theming is used.
+		 *  @type string
+		 *  @default null
+		 */
+		"sSortingClassJUI": null,
+	
+		/**
+		 * Title of the column - what is seen in the TH element (nTh).
+		 *  @type string
+		 */
+		"sTitle": null,
+	
+		/**
+		 * Column sorting and filtering type
+		 *  @type string
+		 *  @default null
+		 */
+		"sType": null,
+	
+		/**
+		 * Width of the column
+		 *  @type string
+		 *  @default null
+		 */
+		"sWidth": null,
+	
+		/**
+		 * Width of the column when it was first "encountered"
+		 *  @type string
+		 *  @default null
+		 */
+		"sWidthOrig": null
+	};
+	
+	
+	/*
+	 * Developer note: The properties of the object below are given in Hungarian
+	 * notation, that was used as the interface for DataTables prior to v1.10, however
+	 * from v1.10 onwards the primary interface is camel case. In order to avoid
+	 * breaking backwards compatibility utterly with this change, the Hungarian
+	 * version is still, internally the primary interface, but is is not documented
+	 * - hence the @name tags in each doc comment. This allows a Javascript function
+	 * to create a map from Hungarian notation to camel case (going the other direction
+	 * would require each property to be listed, which would at around 3K to the size
+	 * of DataTables, while this method is about a 0.5K hit.
+	 *
+	 * Ultimately this does pave the way for Hungarian notation to be dropped
+	 * completely, but that is a massive amount of work and will break current
+	 * installs (therefore is on-hold until v2).
+	 */
+	
+	/**
+	 * Initialisation options that can be given to DataTables at initialisation
+	 * time.
+	 *  @namespace
+	 */
+	DataTable.defaults = {
+		/**
+		 * An array of data to use for the table, passed in at initialisation which
+		 * will be used in preference to any data which is already in the DOM. This is
+		 * particularly useful for constructing tables purely in Javascript, for
+		 * example with a custom Ajax call.
+		 *  @type array
+		 *  @default null
+		 *
+		 *  @dtopt Option
+		 *  @name DataTable.defaults.data
+		 *
+		 *  @example
+		 *    // Using a 2D array data source
+		 *    $(document).ready( function () {
+		 *      $('#example').dataTable( {
+		 *        "data": [
+		 *          ['Trident', 'Internet Explorer 4.0', 'Win 95+', 4, 'X'],
+		 *          ['Trident', 'Internet Explorer 5.0', 'Win 95+', 5, 'C'],
+		 *        ],
+		 *        "columns": [
+		 *          { "title": "Engine" },
+		 *          { "title": "Browser" },
+		 *          { "title": "Platform" },
+		 *          { "title": "Version" },
+		 *          { "title": "Grade" }
+		 *        ]
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Using an array of objects as a data source (`data`)
+		 *    $(document).ready( function () {
+		 *      $('#example').dataTable( {
+		 *        "data": [
+		 *          {
+		 *            "engine":   "Trident",
+		 *            "browser":  "Internet Explorer 4.0",
+		 *            "platform": "Win 95+",
+		 *            "version":  4,
+		 *            "grade":    "X"
+		 *          },
+		 *          {
+		 *            "engine":   "Trident",
+		 *            "browser":  "Internet Explorer 5.0",
+		 *            "platform": "Win 95+",
+		 *            "version":  5,
+		 *            "grade":    "C"
+		 *          }
+		 *        ],
+		 *        "columns": [
+		 *          { "title": "Engine",   "data": "engine" },
+		 *          { "title": "Browser",  "data": "browser" },
+		 *          { "title": "Platform", "data": "platform" },
+		 *          { "title": "Version",  "data": "version" },
+		 *          { "title": "Grade",    "data": "grade" }
+		 *        ]
+		 *      } );
+		 *    } );
+		 */
+		"aaData": null,
+	
+	
+		/**
+		 * If ordering is enabled, then DataTables will perform a first pass sort on
+		 * initialisation. You can define which column(s) the sort is performed
+		 * upon, and the sorting direction, with this variable. The `sorting` array
+		 * should contain an array for each column to be sorted initially containing
+		 * the column's index and a direction string ('asc' or 'desc').
+		 *  @type array
+		 *  @default [[0,'asc']]
+		 *
+		 *  @dtopt Option
+		 *  @name DataTable.defaults.order
+		 *
+		 *  @example
+		 *    // Sort by 3rd column first, and then 4th column
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "order": [[2,'asc'], [3,'desc']]
+		 *      } );
+		 *    } );
+		 *
+		 *    // No initial sorting
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "order": []
+		 *      } );
+		 *    } );
+		 */
+		"aaSorting": [[0,'asc']],
+	
+	
+		/**
+		 * This parameter is basically identical to the `sorting` parameter, but
+		 * cannot be overridden by user interaction with the table. What this means
+		 * is that you could have a column (visible or hidden) which the sorting
+		 * will always be forced on first - any sorting after that (from the user)
+		 * will then be performed as required. This can be useful for grouping rows
+		 * together.
+		 *  @type array
+		 *  @default null
+		 *
+		 *  @dtopt Option
+		 *  @name DataTable.defaults.orderFixed
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "orderFixed": [[0,'asc']]
+		 *      } );
+		 *    } )
+		 */
+		"aaSortingFixed": [],
+	
+	
+		/**
+		 * DataTables can be instructed to load data to display in the table from a
+		 * Ajax source. This option defines how that Ajax call is made and where to.
+		 *
+		 * The `ajax` property has three different modes of operation, depending on
+		 * how it is defined. These are:
+		 *
+		 * * `string` - Set the URL from where the data should be loaded from.
+		 * * `object` - Define properties for `jQuery.ajax`.
+		 * * `function` - Custom data get function
+		 *
+		 * `string`
+		 * --------
+		 *
+		 * As a string, the `ajax` property simply defines the URL from which
+		 * DataTables will load data.
+		 *
+		 * `object`
+		 * --------
+		 *
+		 * As an object, the parameters in the object are passed to
+		 * [jQuery.ajax](http://api.jquery.com/jQuery.ajax/) allowing fine control
+		 * of the Ajax request. DataTables has a number of default parameters which
+		 * you can override using this option. Please refer to the jQuery
+		 * documentation for a full description of the options available, although
+		 * the following parameters provide additional options in DataTables or
+		 * require special consideration:
+		 *
+		 * * `data` - As with jQuery, `data` can be provided as an object, but it
+		 *   can also be used as a function to manipulate the data DataTables sends
+		 *   to the server. The function takes a single parameter, an object of
+		 *   parameters with the values that DataTables has readied for sending. An
+		 *   object may be returned which will be merged into the DataTables
+		 *   defaults, or you can add the items to the object that was passed in and
+		 *   not return anything from the function. This supersedes `fnServerParams`
+		 *   from DataTables 1.9-.
+		 *
+		 * * `dataSrc` - By default DataTables will look for the property `data` (or
+		 *   `aaData` for compatibility with DataTables 1.9-) when obtaining data
+		 *   from an Ajax source or for server-side processing - this parameter
+		 *   allows that property to be changed. You can use Javascript dotted
+		 *   object notation to get a data source for multiple levels of nesting, or
+		 *   it my be used as a function. As a function it takes a single parameter,
+		 *   the JSON returned from the server, which can be manipulated as
+		 *   required, with the returned value being that used by DataTables as the
+		 *   data source for the table. This supersedes `sAjaxDataProp` from
+		 *   DataTables 1.9-.
+		 *
+		 * * `success` - Should not be overridden it is used internally in
+		 *   DataTables. To manipulate / transform the data returned by the server
+		 *   use `ajax.dataSrc`, or use `ajax` as a function (see below).
+		 *
+		 * `function`
+		 * ----------
+		 *
+		 * As a function, making the Ajax call is left up to yourself allowing
+		 * complete control of the Ajax request. Indeed, if desired, a method other
+		 * than Ajax could be used to obtain the required data, such as Web storage
+		 * or an AIR database.
+		 *
+		 * The function is given four parameters and no return is required. The
+		 * parameters are:
+		 *
+		 * 1. _object_ - Data to send to the server
+		 * 2. _function_ - Callback function that must be executed when the required
+		 *    data has been obtained. That data should be passed into the callback
+		 *    as the only parameter
+		 * 3. _object_ - DataTables settings object for the table
+		 *
+		 * Note that this supersedes `fnServerData` from DataTables 1.9-.
+		 *
+		 *  @type string|object|function
+		 *  @default null
+		 *
+		 *  @dtopt Option
+		 *  @name DataTable.defaults.ajax
+		 *  @since 1.10.0
+		 *
+		 * @example
+		 *   // Get JSON data from a file via Ajax.
+		 *   // Note DataTables expects data in the form `{ data: [ ...data... ] }` by default).
+		 *   $('#example').dataTable( {
+		 *     "ajax": "data.json"
+		 *   } );
+		 *
+		 * @example
+		 *   // Get JSON data from a file via Ajax, using `dataSrc` to change
+		 *   // `data` to `tableData` (i.e. `{ tableData: [ ...data... ] }`)
+		 *   $('#example').dataTable( {
+		 *     "ajax": {
+		 *       "url": "data.json",
+		 *       "dataSrc": "tableData"
+		 *     }
+		 *   } );
+		 *
+		 * @example
+		 *   // Get JSON data from a file via Ajax, using `dataSrc` to read data
+		 *   // from a plain array rather than an array in an object
+		 *   $('#example').dataTable( {
+		 *     "ajax": {
+		 *       "url": "data.json",
+		 *       "dataSrc": ""
+		 *     }
+		 *   } );
+		 *
+		 * @example
+		 *   // Manipulate the data returned from the server - add a link to data
+		 *   // (note this can, should, be done using `render` for the column - this
+		 *   // is just a simple example of how the data can be manipulated).
+		 *   $('#example').dataTable( {
+		 *     "ajax": {
+		 *       "url": "data.json",
+		 *       "dataSrc": function ( json ) {
+		 *         for ( var i=0, ien=json.length ; i<ien ; i++ ) {
+		 *           json[i][0] = '<a href="/message/'+json[i][0]+'>View message</a>';
+		 *         }
+		 *         return json;
+		 *       }
+		 *     }
+		 *   } );
+		 *
+		 * @example
+		 *   // Add data to the request
+		 *   $('#example').dataTable( {
+		 *     "ajax": {
+		 *       "url": "data.json",
+		 *       "data": function ( d ) {
+		 *         return {
+		 *           "extra_search": $('#extra').val()
+		 *         };
+		 *       }
+		 *     }
+		 *   } );
+		 *
+		 * @example
+		 *   // Send request as POST
+		 *   $('#example').dataTable( {
+		 *     "ajax": {
+		 *       "url": "data.json",
+		 *       "type": "POST"
+		 *     }
+		 *   } );
+		 *
+		 * @example
+		 *   // Get the data from localStorage (could interface with a form for
+		 *   // adding, editing and removing rows).
+		 *   $('#example').dataTable( {
+		 *     "ajax": function (data, callback, settings) {
+		 *       callback(
+		 *         JSON.parse( localStorage.getItem('dataTablesData') )
+		 *       );
+		 *     }
+		 *   } );
+		 */
+		"ajax": null,
+	
+	
+		/**
+		 * This parameter allows you to readily specify the entries in the length drop
+		 * down menu that DataTables shows when pagination is enabled. It can be
+		 * either a 1D array of options which will be used for both the displayed
+		 * option and the value, or a 2D array which will use the array in the first
+		 * position as the value, and the array in the second position as the
+		 * displayed options (useful for language strings such as 'All').
+		 *
+		 * Note that the `pageLength` property will be automatically set to the
+		 * first value given in this array, unless `pageLength` is also provided.
+		 *  @type array
+		 *  @default [ 10, 25, 50, 100 ]
+		 *
+		 *  @dtopt Option
+		 *  @name DataTable.defaults.lengthMenu
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "lengthMenu": [[10, 25, 50, -1], [10, 25, 50, "All"]]
+		 *      } );
+		 *    } );
+		 */
+		"aLengthMenu": [ 10, 25, 50, 100 ],
+	
+	
+		/**
+		 * The `columns` option in the initialisation parameter allows you to define
+		 * details about the way individual columns behave. For a full list of
+		 * column options that can be set, please see
+		 * {@link DataTable.defaults.column}. Note that if you use `columns` to
+		 * define your columns, you must have an entry in the array for every single
+		 * column that you have in your table (these can be null if you don't which
+		 * to specify any options).
+		 *  @member
+		 *
+		 *  @name DataTable.defaults.column
+		 */
+		"aoColumns": null,
+	
+		/**
+		 * Very similar to `columns`, `columnDefs` allows you to target a specific
+		 * column, multiple columns, or all columns, using the `targets` property of
+		 * each object in the array. This allows great flexibility when creating
+		 * tables, as the `columnDefs` arrays can be of any length, targeting the
+		 * columns you specifically want. `columnDefs` may use any of the column
+		 * options available: {@link DataTable.defaults.column}, but it _must_
+		 * have `targets` defined in each object in the array. Values in the `targets`
+		 * array may be:
+		 *   <ul>
+		 *     <li>a string - class name will be matched on the TH for the column</li>
+		 *     <li>0 or a positive integer - column index counting from the left</li>
+		 *     <li>a negative integer - column index counting from the right</li>
+		 *     <li>the string "_all" - all columns (i.e. assign a default)</li>
+		 *   </ul>
+		 *  @member
+		 *
+		 *  @name DataTable.defaults.columnDefs
+		 */
+		"aoColumnDefs": null,
+	
+	
+		/**
+		 * Basically the same as `search`, this parameter defines the individual column
+		 * filtering state at initialisation time. The array must be of the same size
+		 * as the number of columns, and each element be an object with the parameters
+		 * `search` and `escapeRegex` (the latter is optional). 'null' is also
+		 * accepted and the default will be used.
+		 *  @type array
+		 *  @default []
+		 *
+		 *  @dtopt Option
+		 *  @name DataTable.defaults.searchCols
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "searchCols": [
+		 *          null,
+		 *          { "search": "My filter" },
+		 *          null,
+		 *          { "search": "^[0-9]", "escapeRegex": false }
+		 *        ]
+		 *      } );
+		 *    } )
+		 */
+		"aoSearchCols": [],
+	
+	
+		/**
+		 * An array of CSS classes that should be applied to displayed rows. This
+		 * array may be of any length, and DataTables will apply each class
+		 * sequentially, looping when required.
+		 *  @type array
+		 *  @default null <i>Will take the values determined by the `oClasses.stripe*`
+		 *    options</i>
+		 *
+		 *  @dtopt Option
+		 *  @name DataTable.defaults.stripeClasses
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "stripeClasses": [ 'strip1', 'strip2', 'strip3' ]
+		 *      } );
+		 *    } )
+		 */
+		"asStripeClasses": null,
+	
+	
+		/**
+		 * Enable or disable automatic column width calculation. This can be disabled
+		 * as an optimisation (it takes some time to calculate the widths) if the
+		 * tables widths are passed in using `columns`.
+		 *  @type boolean
+		 *  @default true
+		 *
+		 *  @dtopt Features
+		 *  @name DataTable.defaults.autoWidth
+		 *
+		 *  @example
+		 *    $(document).ready( function () {
+		 *      $('#example').dataTable( {
+		 *        "autoWidth": false
+		 *      } );
+		 *    } );
+		 */
+		"bAutoWidth": true,
+	
+	
+		/**
+		 * Deferred rendering can provide DataTables with a huge speed boost when you
+		 * are using an Ajax or JS data source for the table. This option, when set to
+		 * true, will cause DataTables to defer the creation of the table elements for
+		 * each row until they are needed for a draw - saving a significant amount of
+		 * time.
+		 *  @type boolean
+		 *  @default false
+		 *
+		 *  @dtopt Features
+		 *  @name DataTable.defaults.deferRender
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "ajax": "sources/arrays.txt",
+		 *        "deferRender": true
+		 *      } );
+		 *    } );
+		 */
+		"bDeferRender": false,
+	
+	
+		/**
+		 * Replace a DataTable which matches the given selector and replace it with
+		 * one which has the properties of the new initialisation object passed. If no
+		 * table matches the selector, then the new DataTable will be constructed as
+		 * per normal.
+		 *  @type boolean
+		 *  @default false
+		 *
+		 *  @dtopt Options
+		 *  @name DataTable.defaults.destroy
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "srollY": "200px",
+		 *        "paginate": false
+		 *      } );
+		 *
+		 *      // Some time later....
+		 *      $('#example').dataTable( {
+		 *        "filter": false,
+		 *        "destroy": true
+		 *      } );
+		 *    } );
+		 */
+		"bDestroy": false,
+	
+	
+		/**
+		 * Enable or disable filtering of data. Filtering in DataTables is "smart" in
+		 * that it allows the end user to input multiple words (space separated) and
+		 * will match a row containing those words, even if not in the order that was
+		 * specified (this allow matching across multiple columns). Note that if you
+		 * wish to use filtering in DataTables this must remain 'true' - to remove the
+		 * default filtering input box and retain filtering abilities, please use
+		 * {@link DataTable.defaults.dom}.
+		 *  @type boolean
+		 *  @default true
+		 *
+		 *  @dtopt Features
+		 *  @name DataTable.defaults.searching
+		 *
+		 *  @example
+		 *    $(document).ready( function () {
+		 *      $('#example').dataTable( {
+		 *        "searching": false
+		 *      } );
+		 *    } );
+		 */
+		"bFilter": true,
+	
+	
+		/**
+		 * Enable or disable the table information display. This shows information
+		 * about the data that is currently visible on the page, including information
+		 * about filtered data if that action is being performed.
+		 *  @type boolean
+		 *  @default true
+		 *
+		 *  @dtopt Features
+		 *  @name DataTable.defaults.info
+		 *
+		 *  @example
+		 *    $(document).ready( function () {
+		 *      $('#example').dataTable( {
+		 *        "info": false
+		 *      } );
+		 *    } );
+		 */
+		"bInfo": true,
+	
+	
+		/**
+		 * Enable jQuery UI ThemeRoller support (required as ThemeRoller requires some
+		 * slightly different and additional mark-up from what DataTables has
+		 * traditionally used).
+		 *  @type boolean
+		 *  @default false
+		 *
+		 *  @dtopt Features
+		 *  @name DataTable.defaults.jQueryUI
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "jQueryUI": true
+		 *      } );
+		 *    } );
+		 */
+		"bJQueryUI": false,
+	
+	
+		/**
+		 * Allows the end user to select the size of a formatted page from a select
+		 * menu (sizes are 10, 25, 50 and 100). Requires pagination (`paginate`).
+		 *  @type boolean
+		 *  @default true
+		 *
+		 *  @dtopt Features
+		 *  @name DataTable.defaults.lengthChange
+		 *
+		 *  @example
+		 *    $(document).ready( function () {
+		 *      $('#example').dataTable( {
+		 *        "lengthChange": false
+		 *      } );
+		 *    } );
+		 */
+		"bLengthChange": true,
+	
+	
+		/**
+		 * Enable or disable pagination.
+		 *  @type boolean
+		 *  @default true
+		 *
+		 *  @dtopt Features
+		 *  @name DataTable.defaults.paging
+		 *
+		 *  @example
+		 *    $(document).ready( function () {
+		 *      $('#example').dataTable( {
+		 *        "paging": false
+		 *      } );
+		 *    } );
+		 */
+		"bPaginate": true,
+	
+	
+		/**
+		 * Enable or disable the display of a 'processing' indicator when the table is
+		 * being processed (e.g. a sort). This is particularly useful for tables with
+		 * large amounts of data where it can take a noticeable amount of time to sort
+		 * the entries.
+		 *  @type boolean
+		 *  @default false
+		 *
+		 *  @dtopt Features
+		 *  @name DataTable.defaults.processing
+		 *
+		 *  @example
+		 *    $(document).ready( function () {
+		 *      $('#example').dataTable( {
+		 *        "processing": true
+		 *      } );
+		 *    } );
+		 */
+		"bProcessing": false,
+	
+	
+		/**
+		 * Retrieve the DataTables object for the given selector. Note that if the
+		 * table has already been initialised, this parameter will cause DataTables
+		 * to simply return the object that has already been set up - it will not take
+		 * account of any changes you might have made to the initialisation object
+		 * passed to DataTables (setting this parameter to true is an acknowledgement
+		 * that you understand this). `destroy` can be used to reinitialise a table if
+		 * you need.
+		 *  @type boolean
+		 *  @default false
+		 *
+		 *  @dtopt Options
+		 *  @name DataTable.defaults.retrieve
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      initTable();
+		 *      tableActions();
+		 *    } );
+		 *
+		 *    function initTable ()
+		 *    {
+		 *      return $('#example').dataTable( {
+		 *        "scrollY": "200px",
+		 *        "paginate": false,
+		 *        "retrieve": true
+		 *      } );
+		 *    }
+		 *
+		 *    function tableActions ()
+		 *    {
+		 *      var table = initTable();
+		 *      // perform API operations with oTable
+		 *    }
+		 */
+		"bRetrieve": false,
+	
+	
+		/**
+		 * When vertical (y) scrolling is enabled, DataTables will force the height of
+		 * the table's viewport to the given height at all times (useful for layout).
+		 * However, this can look odd when filtering data down to a small data set,
+		 * and the footer is left "floating" further down. This parameter (when
+		 * enabled) will cause DataTables to collapse the table's viewport down when
+		 * the result set will fit within the given Y height.
+		 *  @type boolean
+		 *  @default false
+		 *
+		 *  @dtopt Options
+		 *  @name DataTable.defaults.scrollCollapse
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "scrollY": "200",
+		 *        "scrollCollapse": true
+		 *      } );
+		 *    } );
+		 */
+		"bScrollCollapse": false,
+	
+	
+		/**
+		 * Configure DataTables to use server-side processing. Note that the
+		 * `ajax` parameter must also be given in order to give DataTables a
+		 * source to obtain the required data for each draw.
+		 *  @type boolean
+		 *  @default false
+		 *
+		 *  @dtopt Features
+		 *  @dtopt Server-side
+		 *  @name DataTable.defaults.serverSide
+		 *
+		 *  @example
+		 *    $(document).ready( function () {
+		 *      $('#example').dataTable( {
+		 *        "serverSide": true,
+		 *        "ajax": "xhr.php"
+		 *      } );
+		 *    } );
+		 */
+		"bServerSide": false,
+	
+	
+		/**
+		 * Enable or disable sorting of columns. Sorting of individual columns can be
+		 * disabled by the `sortable` option for each column.
+		 *  @type boolean
+		 *  @default true
+		 *
+		 *  @dtopt Features
+		 *  @name DataTable.defaults.ordering
+		 *
+		 *  @example
+		 *    $(document).ready( function () {
+		 *      $('#example').dataTable( {
+		 *        "ordering": false
+		 *      } );
+		 *    } );
+		 */
+		"bSort": true,
+	
+	
+		/**
+		 * Enable or display DataTables' ability to sort multiple columns at the
+		 * same time (activated by shift-click by the user).
+		 *  @type boolean
+		 *  @default true
+		 *
+		 *  @dtopt Options
+		 *  @name DataTable.defaults.orderMulti
+		 *
+		 *  @example
+		 *    // Disable multiple column sorting ability
+		 *    $(document).ready( function () {
+		 *      $('#example').dataTable( {
+		 *        "orderMulti": false
+		 *      } );
+		 *    } );
+		 */
+		"bSortMulti": true,
+	
+	
+		/**
+		 * Allows control over whether DataTables should use the top (true) unique
+		 * cell that is found for a single column, or the bottom (false - default).
+		 * This is useful when using complex headers.
+		 *  @type boolean
+		 *  @default false
+		 *
+		 *  @dtopt Options
+		 *  @name DataTable.defaults.orderCellsTop
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "orderCellsTop": true
+		 *      } );
+		 *    } );
+		 */
+		"bSortCellsTop": false,
+	
+	
+		/**
+		 * Enable or disable the addition of the classes `sorting\_1`, `sorting\_2` and
+		 * `sorting\_3` to the columns which are currently being sorted on. This is
+		 * presented as a feature switch as it can increase processing time (while
+		 * classes are removed and added) so for large data sets you might want to
+		 * turn this off.
+		 *  @type boolean
+		 *  @default true
+		 *
+		 *  @dtopt Features
+		 *  @name DataTable.defaults.orderClasses
+		 *
+		 *  @example
+		 *    $(document).ready( function () {
+		 *      $('#example').dataTable( {
+		 *        "orderClasses": false
+		 *      } );
+		 *    } );
+		 */
+		"bSortClasses": true,
+	
+	
+		/**
+		 * Enable or disable state saving. When enabled HTML5 `localStorage` will be
+		 * used to save table display information such as pagination information,
+		 * display length, filtering and sorting. As such when the end user reloads
+		 * the page the display display will match what thy had previously set up.
+		 *
+		 * Due to the use of `localStorage` the default state saving is not supported
+		 * in IE6 or 7. If state saving is required in those browsers, use
+		 * `stateSaveCallback` to provide a storage solution such as cookies.
+		 *  @type boolean
+		 *  @default false
+		 *
+		 *  @dtopt Features
+		 *  @name DataTable.defaults.stateSave
+		 *
+		 *  @example
+		 *    $(document).ready( function () {
+		 *      $('#example').dataTable( {
+		 *        "stateSave": true
+		 *      } );
+		 *    } );
+		 */
+		"bStateSave": false,
+	
+	
+		/**
+		 * This function is called when a TR element is created (and all TD child
+		 * elements have been inserted), or registered if using a DOM source, allowing
+		 * manipulation of the TR element (adding classes etc).
+		 *  @type function
+		 *  @param {node} row "TR" element for the current row
+		 *  @param {array} data Raw data array for this row
+		 *  @param {int} dataIndex The index of this row in the internal aoData array
+		 *
+		 *  @dtopt Callbacks
+		 *  @name DataTable.defaults.createdRow
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "createdRow": function( row, data, dataIndex ) {
+		 *          // Bold the grade for all 'A' grade browsers
+		 *          if ( data[4] == "A" )
+		 *          {
+		 *            $('td:eq(4)', row).html( '<b>A</b>' );
+		 *          }
+		 *        }
+		 *      } );
+		 *    } );
+		 */
+		"fnCreatedRow": null,
+	
+	
+		/**
+		 * This function is called on every 'draw' event, and allows you to
+		 * dynamically modify any aspect you want about the created DOM.
+		 *  @type function
+		 *  @param {object} settings DataTables settings object
+		 *
+		 *  @dtopt Callbacks
+		 *  @name DataTable.defaults.drawCallback
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "drawCallback": function( settings ) {
+		 *          alert( 'DataTables has redrawn the table' );
+		 *        }
+		 *      } );
+		 *    } );
+		 */
+		"fnDrawCallback": null,
+	
+	
+		/**
+		 * Identical to fnHeaderCallback() but for the table footer this function
+		 * allows you to modify the table footer on every 'draw' event.
+		 *  @type function
+		 *  @param {node} foot "TR" element for the footer
+		 *  @param {array} data Full table data (as derived from the original HTML)
+		 *  @param {int} start Index for the current display starting point in the
+		 *    display array
+		 *  @param {int} end Index for the current display ending point in the
+		 *    display array
+		 *  @param {array int} display Index array to translate the visual position
+		 *    to the full data array
+		 *
+		 *  @dtopt Callbacks
+		 *  @name DataTable.defaults.footerCallback
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "footerCallback": function( tfoot, data, start, end, display ) {
+		 *          tfoot.getElementsByTagName('th')[0].innerHTML = "Starting index is "+start;
+		 *        }
+		 *      } );
+		 *    } )
+		 */
+		"fnFooterCallback": null,
+	
+	
+		/**
+		 * When rendering large numbers in the information element for the table
+		 * (i.e. "Showing 1 to 10 of 57 entries") DataTables will render large numbers
+		 * to have a comma separator for the 'thousands' units (e.g. 1 million is
+		 * rendered as "1,000,000") to help readability for the end user. This
+		 * function will override the default method DataTables uses.
+		 *  @type function
+		 *  @member
+		 *  @param {int} toFormat number to be formatted
+		 *  @returns {string} formatted string for DataTables to show the number
+		 *
+		 *  @dtopt Callbacks
+		 *  @name DataTable.defaults.formatNumber
+		 *
+		 *  @example
+		 *    // Format a number using a single quote for the separator (note that
+		 *    // this can also be done with the language.thousands option)
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "formatNumber": function ( toFormat ) {
+		 *          return toFormat.toString().replace(
+		 *            /\B(?=(\d{3})+(?!\d))/g, "'"
+		 *          );
+		 *        };
+		 *      } );
+		 *    } );
+		 */
+		"fnFormatNumber": function ( toFormat ) {
+			return toFormat.toString().replace(
+				/\B(?=(\d{3})+(?!\d))/g,
+				this.oLanguage.sThousands
+			);
+		},
+	
+	
+		/**
+		 * This function is called on every 'draw' event, and allows you to
+		 * dynamically modify the header row. This can be used to calculate and
+		 * display useful information about the table.
+		 *  @type function
+		 *  @param {node} head "TR" element for the header
+		 *  @param {array} data Full table data (as derived from the original HTML)
+		 *  @param {int} start Index for the current display starting point in the
+		 *    display array
+		 *  @param {int} end Index for the current display ending point in the
+		 *    display array
+		 *  @param {array int} display Index array to translate the visual position
+		 *    to the full data array
+		 *
+		 *  @dtopt Callbacks
+		 *  @name DataTable.defaults.headerCallback
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "fheaderCallback": function( head, data, start, end, display ) {
+		 *          head.getElementsByTagName('th')[0].innerHTML = "Displaying "+(end-start)+" records";
+		 *        }
+		 *      } );
+		 *    } )
+		 */
+		"fnHeaderCallback": null,
+	
+	
+		/**
+		 * The information element can be used to convey information about the current
+		 * state of the table. Although the internationalisation options presented by
+		 * DataTables are quite capable of dealing with most customisations, there may
+		 * be times where you wish to customise the string further. This callback
+		 * allows you to do exactly that.
+		 *  @type function
+		 *  @param {object} oSettings DataTables settings object
+		 *  @param {int} start Starting position in data for the draw
+		 *  @param {int} end End position in data for the draw
+		 *  @param {int} max Total number of rows in the table (regardless of
+		 *    filtering)
+		 *  @param {int} total Total number of rows in the data set, after filtering
+		 *  @param {string} pre The string that DataTables has formatted using it's
+		 *    own rules
+		 *  @returns {string} The string to be displayed in the information element.
+		 *
+		 *  @dtopt Callbacks
+		 *  @name DataTable.defaults.infoCallback
+		 *
+		 *  @example
+		 *    $('#example').dataTable( {
+		 *      "infoCallback": function( settings, start, end, max, total, pre ) {
+		 *        return start +" to "+ end;
+		 *      }
+		 *    } );
+		 */
+		"fnInfoCallback": null,
+	
+	
+		/**
+		 * Called when the table has been initialised. Normally DataTables will
+		 * initialise sequentially and there will be no need for this function,
+		 * however, this does not hold true when using external language information
+		 * since that is obtained using an async XHR call.
+		 *  @type function
+		 *  @param {object} settings DataTables settings object
+		 *  @param {object} json The JSON object request from the server - only
+		 *    present if client-side Ajax sourced data is used
+		 *
+		 *  @dtopt Callbacks
+		 *  @name DataTable.defaults.initComplete
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "initComplete": function(settings, json) {
+		 *          alert( 'DataTables has finished its initialisation.' );
+		 *        }
+		 *      } );
+		 *    } )
+		 */
+		"fnInitComplete": null,
+	
+	
+		/**
+		 * Called at the very start of each table draw and can be used to cancel the
+		 * draw by returning false, any other return (including undefined) results in
+		 * the full draw occurring).
+		 *  @type function
+		 *  @param {object} settings DataTables settings object
+		 *  @returns {boolean} False will cancel the draw, anything else (including no
+		 *    return) will allow it to complete.
+		 *
+		 *  @dtopt Callbacks
+		 *  @name DataTable.defaults.preDrawCallback
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "preDrawCallback": function( settings ) {
+		 *          if ( $('#test').val() == 1 ) {
+		 *            return false;
+		 *          }
+		 *        }
+		 *      } );
+		 *    } );
+		 */
+		"fnPreDrawCallback": null,
+	
+	
+		/**
+		 * This function allows you to 'post process' each row after it have been
+		 * generated for each table draw, but before it is rendered on screen. This
+		 * function might be used for setting the row class name etc.
+		 *  @type function
+		 *  @param {node} row "TR" element for the current row
+		 *  @param {array} data Raw data array for this row
+		 *  @param {int} displayIndex The display index for the current table draw
+		 *  @param {int} displayIndexFull The index of the data in the full list of
+		 *    rows (after filtering)
+		 *
+		 *  @dtopt Callbacks
+		 *  @name DataTable.defaults.rowCallback
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "rowCallback": function( row, data, displayIndex, displayIndexFull ) {
+		 *          // Bold the grade for all 'A' grade browsers
+		 *          if ( data[4] == "A" ) {
+		 *            $('td:eq(4)', row).html( '<b>A</b>' );
+		 *          }
+		 *        }
+		 *      } );
+		 *    } );
+		 */
+		"fnRowCallback": null,
+	
+	
+		/**
+		 * __Deprecated__ The functionality provided by this parameter has now been
+		 * superseded by that provided through `ajax`, which should be used instead.
+		 *
+		 * This parameter allows you to override the default function which obtains
+		 * the data from the server so something more suitable for your application.
+		 * For example you could use POST data, or pull information from a Gears or
+		 * AIR database.
+		 *  @type function
+		 *  @member
+		 *  @param {string} source HTTP source to obtain the data from (`ajax`)
+		 *  @param {array} data A key/value pair object containing the data to send
+		 *    to the server
+		 *  @param {function} callback to be called on completion of the data get
+		 *    process that will draw the data on the page.
+		 *  @param {object} settings DataTables settings object
+		 *
+		 *  @dtopt Callbacks
+		 *  @dtopt Server-side
+		 *  @name DataTable.defaults.serverData
+		 *
+		 *  @deprecated 1.10. Please use `ajax` for this functionality now.
+		 */
+		"fnServerData": null,
+	
+	
+		/**
+		 * __Deprecated__ The functionality provided by this parameter has now been
+		 * superseded by that provided through `ajax`, which should be used instead.
+		 *
+		 *  It is often useful to send extra data to the server when making an Ajax
+		 * request - for example custom filtering information, and this callback
+		 * function makes it trivial to send extra information to the server. The
+		 * passed in parameter is the data set that has been constructed by
+		 * DataTables, and you can add to this or modify it as you require.
+		 *  @type function
+		 *  @param {array} data Data array (array of objects which are name/value
+		 *    pairs) that has been constructed by DataTables and will be sent to the
+		 *    server. In the case of Ajax sourced data with server-side processing
+		 *    this will be an empty array, for server-side processing there will be a
+		 *    significant number of parameters!
+		 *  @returns {undefined} Ensure that you modify the data array passed in,
+		 *    as this is passed by reference.
+		 *
+		 *  @dtopt Callbacks
+		 *  @dtopt Server-side
+		 *  @name DataTable.defaults.serverParams
+		 *
+		 *  @deprecated 1.10. Please use `ajax` for this functionality now.
+		 */
+		"fnServerParams": null,
+	
+	
+		/**
+		 * Load the table state. With this function you can define from where, and how, the
+		 * state of a table is loaded. By default DataTables will load from `localStorage`
+		 * but you might wish to use a server-side database or cookies.
+		 *  @type function
+		 *  @member
+		 *  @param {object} settings DataTables settings object
+		 *  @return {object} The DataTables state object to be loaded
+		 *
+		 *  @dtopt Callbacks
+		 *  @name DataTable.defaults.stateLoadCallback
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "stateSave": true,
+		 *        "stateLoadCallback": function (settings) {
+		 *          var o;
+		 *
+		 *          // Send an Ajax request to the server to get the data. Note that
+		 *          // this is a synchronous request.
+		 *          $.ajax( {
+		 *            "url": "/state_load",
+		 *            "async": false,
+		 *            "dataType": "json",
+		 *            "success": function (json) {
+		 *              o = json;
+		 *            }
+		 *          } );
+		 *
+		 *          return o;
+		 *        }
+		 *      } );
+		 *    } );
+		 */
+		"fnStateLoadCallback": function ( settings ) {
+			try {
+				return JSON.parse(
+					(settings.iStateDuration === -1 ? sessionStorage : localStorage).getItem(
+						'DataTables_'+settings.sInstance+'_'+location.pathname
+					)
+				);
+			} catch (e) {}
+		},
+	
+	
+		/**
+		 * Callback which allows modification of the saved state prior to loading that state.
+		 * This callback is called when the table is loading state from the stored data, but
+		 * prior to the settings object being modified by the saved state. Note that for
+		 * plug-in authors, you should use the `stateLoadParams` event to load parameters for
+		 * a plug-in.
+		 *  @type function
+		 *  @param {object} settings DataTables settings object
+		 *  @param {object} data The state object that is to be loaded
+		 *
+		 *  @dtopt Callbacks
+		 *  @name DataTable.defaults.stateLoadParams
+		 *
+		 *  @example
+		 *    // Remove a saved filter, so filtering is never loaded
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "stateSave": true,
+		 *        "stateLoadParams": function (settings, data) {
+		 *          data.oSearch.sSearch = "";
+		 *        }
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Disallow state loading by returning false
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "stateSave": true,
+		 *        "stateLoadParams": function (settings, data) {
+		 *          return false;
+		 *        }
+		 *      } );
+		 *    } );
+		 */
+		"fnStateLoadParams": null,
+	
+	
+		/**
+		 * Callback that is called when the state has been loaded from the state saving method
+		 * and the DataTables settings object has been modified as a result of the loaded state.
+		 *  @type function
+		 *  @param {object} settings DataTables settings object
+		 *  @param {object} data The state object that was loaded
+		 *
+		 *  @dtopt Callbacks
+		 *  @name DataTable.defaults.stateLoaded
+		 *
+		 *  @example
+		 *    // Show an alert with the filtering value that was saved
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "stateSave": true,
+		 *        "stateLoaded": function (settings, data) {
+		 *          alert( 'Saved filter was: '+data.oSearch.sSearch );
+		 *        }
+		 *      } );
+		 *    } );
+		 */
+		"fnStateLoaded": null,
+	
+	
+		/**
+		 * Save the table state. This function allows you to define where and how the state
+		 * information for the table is stored By default DataTables will use `localStorage`
+		 * but you might wish to use a server-side database or cookies.
+		 *  @type function
+		 *  @member
+		 *  @param {object} settings DataTables settings object
+		 *  @param {object} data The state object to be saved
+		 *
+		 *  @dtopt Callbacks
+		 *  @name DataTable.defaults.stateSaveCallback
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "stateSave": true,
+		 *        "stateSaveCallback": function (settings, data) {
+		 *          // Send an Ajax request to the server with the state object
+		 *          $.ajax( {
+		 *            "url": "/state_save",
+		 *            "data": data,
+		 *            "dataType": "json",
+		 *            "method": "POST"
+		 *            "success": function () {}
+		 *          } );
+		 *        }
+		 *      } );
+		 *    } );
+		 */
+		"fnStateSaveCallback": function ( settings, data ) {
+			try {
+				(settings.iStateDuration === -1 ? sessionStorage : localStorage).setItem(
+					'DataTables_'+settings.sInstance+'_'+location.pathname,
+					JSON.stringify( data )
+				);
+			} catch (e) {}
+		},
+	
+	
+		/**
+		 * Callback which allows modification of the state to be saved. Called when the table
+		 * has changed state a new state save is required. This method allows modification of
+		 * the state saving object prior to actually doing the save, including addition or
+		 * other state properties or modification. Note that for plug-in authors, you should
+		 * use the `stateSaveParams` event to save parameters for a plug-in.
+		 *  @type function
+		 *  @param {object} settings DataTables settings object
+		 *  @param {object} data The state object to be saved
+		 *
+		 *  @dtopt Callbacks
+		 *  @name DataTable.defaults.stateSaveParams
+		 *
+		 *  @example
+		 *    // Remove a saved filter, so filtering is never saved
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "stateSave": true,
+		 *        "stateSaveParams": function (settings, data) {
+		 *          data.oSearch.sSearch = "";
+		 *        }
+		 *      } );
+		 *    } );
+		 */
+		"fnStateSaveParams": null,
+	
+	
+		/**
+		 * Duration for which the saved state information is considered valid. After this period
+		 * has elapsed the state will be returned to the default.
+		 * Value is given in seconds.
+		 *  @type int
+		 *  @default 7200 <i>(2 hours)</i>
+		 *
+		 *  @dtopt Options
+		 *  @name DataTable.defaults.stateDuration
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "stateDuration": 60*60*24; // 1 day
+		 *      } );
+		 *    } )
+		 */
+		"iStateDuration": 7200,
+	
+	
+		/**
+		 * When enabled DataTables will not make a request to the server for the first
+		 * page draw - rather it will use the data already on the page (no sorting etc
+		 * will be applied to it), thus saving on an XHR at load time. `deferLoading`
+		 * is used to indicate that deferred loading is required, but it is also used
+		 * to tell DataTables how many records there are in the full table (allowing
+		 * the information element and pagination to be displayed correctly). In the case
+		 * where a filtering is applied to the table on initial load, this can be
+		 * indicated by giving the parameter as an array, where the first element is
+		 * the number of records available after filtering and the second element is the
+		 * number of records without filtering (allowing the table information element
+		 * to be shown correctly).
+		 *  @type int | array
+		 *  @default null
+		 *
+		 *  @dtopt Options
+		 *  @name DataTable.defaults.deferLoading
+		 *
+		 *  @example
+		 *    // 57 records available in the table, no filtering applied
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "serverSide": true,
+		 *        "ajax": "scripts/server_processing.php",
+		 *        "deferLoading": 57
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // 57 records after filtering, 100 without filtering (an initial filter applied)
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "serverSide": true,
+		 *        "ajax": "scripts/server_processing.php",
+		 *        "deferLoading": [ 57, 100 ],
+		 *        "search": {
+		 *          "search": "my_filter"
+		 *        }
+		 *      } );
+		 *    } );
+		 */
+		"iDeferLoading": null,
+	
+	
+		/**
+		 * Number of rows to display on a single page when using pagination. If
+		 * feature enabled (`lengthChange`) then the end user will be able to override
+		 * this to a custom setting using a pop-up menu.
+		 *  @type int
+		 *  @default 10
+		 *
+		 *  @dtopt Options
+		 *  @name DataTable.defaults.pageLength
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "pageLength": 50
+		 *      } );
+		 *    } )
+		 */
+		"iDisplayLength": 10,
+	
+	
+		/**
+		 * Define the starting point for data display when using DataTables with
+		 * pagination. Note that this parameter is the number of records, rather than
+		 * the page number, so if you have 10 records per page and want to start on
+		 * the third page, it should be "20".
+		 *  @type int
+		 *  @default 0
+		 *
+		 *  @dtopt Options
+		 *  @name DataTable.defaults.displayStart
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "displayStart": 20
+		 *      } );
+		 *    } )
+		 */
+		"iDisplayStart": 0,
+	
+	
+		/**
+		 * By default DataTables allows keyboard navigation of the table (sorting, paging,
+		 * and filtering) by adding a `tabindex` attribute to the required elements. This
+		 * allows you to tab through the controls and press the enter key to activate them.
+		 * The tabindex is default 0, meaning that the tab follows the flow of the document.
+		 * You can overrule this using this parameter if you wish. Use a value of -1 to
+		 * disable built-in keyboard navigation.
+		 *  @type int
+		 *  @default 0
+		 *
+		 *  @dtopt Options
+		 *  @name DataTable.defaults.tabIndex
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "tabIndex": 1
+		 *      } );
+		 *    } );
+		 */
+		"iTabIndex": 0,
+	
+	
+		/**
+		 * Classes that DataTables assigns to the various components and features
+		 * that it adds to the HTML table. This allows classes to be configured
+		 * during initialisation in addition to through the static
+		 * {@link DataTable.ext.oStdClasses} object).
+		 *  @namespace
+		 *  @name DataTable.defaults.classes
+		 */
+		"oClasses": {},
+	
+	
+		/**
+		 * All strings that DataTables uses in the user interface that it creates
+		 * are defined in this object, allowing you to modified them individually or
+		 * completely replace them all as required.
+		 *  @namespace
+		 *  @name DataTable.defaults.language
+		 */
+		"oLanguage": {
+			/**
+			 * Strings that are used for WAI-ARIA labels and controls only (these are not
+			 * actually visible on the page, but will be read by screenreaders, and thus
+			 * must be internationalised as well).
+			 *  @namespace
+			 *  @name DataTable.defaults.language.aria
+			 */
+			"oAria": {
+				/**
+				 * ARIA label that is added to the table headers when the column may be
+				 * sorted ascending by activing the column (click or return when focused).
+				 * Note that the column header is prefixed to this string.
+				 *  @type string
+				 *  @default : activate to sort column ascending
+				 *
+				 *  @dtopt Language
+				 *  @name DataTable.defaults.language.aria.sortAscending
+				 *
+				 *  @example
+				 *    $(document).ready( function() {
+				 *      $('#example').dataTable( {
+				 *        "language": {
+				 *          "aria": {
+				 *            "sortAscending": " - click/return to sort ascending"
+				 *          }
+				 *        }
+				 *      } );
+				 *    } );
+				 */
+				"sSortAscending": ": activate to sort column ascending",
+	
+				/**
+				 * ARIA label that is added to the table headers when the column may be
+				 * sorted descending by activing the column (click or return when focused).
+				 * Note that the column header is prefixed to this string.
+				 *  @type string
+				 *  @default : activate to sort column ascending
+				 *
+				 *  @dtopt Language
+				 *  @name DataTable.defaults.language.aria.sortDescending
+				 *
+				 *  @example
+				 *    $(document).ready( function() {
+				 *      $('#example').dataTable( {
+				 *        "language": {
+				 *          "aria": {
+				 *            "sortDescending": " - click/return to sort descending"
+				 *          }
+				 *        }
+				 *      } );
+				 *    } );
+				 */
+				"sSortDescending": ": activate to sort column descending"
+			},
+	
+			/**
+			 * Pagination string used by DataTables for the built-in pagination
+			 * control types.
+			 *  @namespace
+			 *  @name DataTable.defaults.language.paginate
+			 */
+			"oPaginate": {
+				/**
+				 * Text to use when using the 'full_numbers' type of pagination for the
+				 * button to take the user to the first page.
+				 *  @type string
+				 *  @default First
+				 *
+				 *  @dtopt Language
+				 *  @name DataTable.defaults.language.paginate.first
+				 *
+				 *  @example
+				 *    $(document).ready( function() {
+				 *      $('#example').dataTable( {
+				 *        "language": {
+				 *          "paginate": {
+				 *            "first": "First page"
+				 *          }
+				 *        }
+				 *      } );
+				 *    } );
+				 */
+				"sFirst": "First",
+	
+	
+				/**
+				 * Text to use when using the 'full_numbers' type of pagination for the
+				 * button to take the user to the last page.
+				 *  @type string
+				 *  @default Last
+				 *
+				 *  @dtopt Language
+				 *  @name DataTable.defaults.language.paginate.last
+				 *
+				 *  @example
+				 *    $(document).ready( function() {
+				 *      $('#example').dataTable( {
+				 *        "language": {
+				 *          "paginate": {
+				 *            "last": "Last page"
+				 *          }
+				 *        }
+				 *      } );
+				 *    } );
+				 */
+				"sLast": "Last",
+	
+	
+				/**
+				 * Text to use for the 'next' pagination button (to take the user to the
+				 * next page).
+				 *  @type string
+				 *  @default Next
+				 *
+				 *  @dtopt Language
+				 *  @name DataTable.defaults.language.paginate.next
+				 *
+				 *  @example
+				 *    $(document).ready( function() {
+				 *      $('#example').dataTable( {
+				 *        "language": {
+				 *          "paginate": {
+				 *            "next": "Next page"
+				 *          }
+				 *        }
+				 *      } );
+				 *    } );
+				 */
+				"sNext": "Next",
+	
+	
+				/**
+				 * Text to use for the 'previous' pagination button (to take the user to
+				 * the previous page).
+				 *  @type string
+				 *  @default Previous
+				 *
+				 *  @dtopt Language
+				 *  @name DataTable.defaults.language.paginate.previous
+				 *
+				 *  @example
+				 *    $(document).ready( function() {
+				 *      $('#example').dataTable( {
+				 *        "language": {
+				 *          "paginate": {
+				 *            "previous": "Previous page"
+				 *          }
+				 *        }
+				 *      } );
+				 *    } );
+				 */
+				"sPrevious": "Previous"
+			},
+	
+			/**
+			 * This string is shown in preference to `zeroRecords` when the table is
+			 * empty of data (regardless of filtering). Note that this is an optional
+			 * parameter - if it is not given, the value of `zeroRecords` will be used
+			 * instead (either the default or given value).
+			 *  @type string
+			 *  @default No data available in table
+			 *
+			 *  @dtopt Language
+			 *  @name DataTable.defaults.language.emptyTable
+			 *
+			 *  @example
+			 *    $(document).ready( function() {
+			 *      $('#example').dataTable( {
+			 *        "language": {
+			 *          "emptyTable": "No data available in table"
+			 *        }
+			 *      } );
+			 *    } );
+			 */
+			"sEmptyTable": "No data available in table",
+	
+	
+			/**
+			 * This string gives information to the end user about the information
+			 * that is current on display on the page. The following tokens can be
+			 * used in the string and will be dynamically replaced as the table
+			 * display updates. This tokens can be placed anywhere in the string, or
+			 * removed as needed by the language requires:
+			 *
+			 * * `\_START\_` - Display index of the first record on the current page
+			 * * `\_END\_` - Display index of the last record on the current page
+			 * * `\_TOTAL\_` - Number of records in the table after filtering
+			 * * `\_MAX\_` - Number of records in the table without filtering
+			 * * `\_PAGE\_` - Current page number
+			 * * `\_PAGES\_` - Total number of pages of data in the table
+			 *
+			 *  @type string
+			 *  @default Showing _START_ to _END_ of _TOTAL_ entries
+			 *
+			 *  @dtopt Language
+			 *  @name DataTable.defaults.language.info
+			 *
+			 *  @example
+			 *    $(document).ready( function() {
+			 *      $('#example').dataTable( {
+			 *        "language": {
+			 *          "info": "Showing page _PAGE_ of _PAGES_"
+			 *        }
+			 *      } );
+			 *    } );
+			 */
+			"sInfo": "Showing _START_ to _END_ of _TOTAL_ entries",
+	
+	
+			/**
+			 * Display information string for when the table is empty. Typically the
+			 * format of this string should match `info`.
+			 *  @type string
+			 *  @default Showing 0 to 0 of 0 entries
+			 *
+			 *  @dtopt Language
+			 *  @name DataTable.defaults.language.infoEmpty
+			 *
+			 *  @example
+			 *    $(document).ready( function() {
+			 *      $('#example').dataTable( {
+			 *        "language": {
+			 *          "infoEmpty": "No entries to show"
+			 *        }
+			 *      } );
+			 *    } );
+			 */
+			"sInfoEmpty": "Showing 0 to 0 of 0 entries",
+	
+	
+			/**
+			 * When a user filters the information in a table, this string is appended
+			 * to the information (`info`) to give an idea of how strong the filtering
+			 * is. The variable _MAX_ is dynamically updated.
+			 *  @type string
+			 *  @default (filtered from _MAX_ total entries)
+			 *
+			 *  @dtopt Language
+			 *  @name DataTable.defaults.language.infoFiltered
+			 *
+			 *  @example
+			 *    $(document).ready( function() {
+			 *      $('#example').dataTable( {
+			 *        "language": {
+			 *          "infoFiltered": " - filtering from _MAX_ records"
+			 *        }
+			 *      } );
+			 *    } );
+			 */
+			"sInfoFiltered": "(filtered from _MAX_ total entries)",
+	
+	
+			/**
+			 * If can be useful to append extra information to the info string at times,
+			 * and this variable does exactly that. This information will be appended to
+			 * the `info` (`infoEmpty` and `infoFiltered` in whatever combination they are
+			 * being used) at all times.
+			 *  @type string
+			 *  @default <i>Empty string</i>
+			 *
+			 *  @dtopt Language
+			 *  @name DataTable.defaults.language.infoPostFix
+			 *
+			 *  @example
+			 *    $(document).ready( function() {
+			 *      $('#example').dataTable( {
+			 *        "language": {
+			 *          "infoPostFix": "All records shown are derived from real information."
+			 *        }
+			 *      } );
+			 *    } );
+			 */
+			"sInfoPostFix": "",
+	
+	
+			/**
+			 * This decimal place operator is a little different from the other
+			 * language options since DataTables doesn't output floating point
+			 * numbers, so it won't ever use this for display of a number. Rather,
+			 * what this parameter does is modify the sort methods of the table so
+			 * that numbers which are in a format which has a character other than
+			 * a period (`.`) as a decimal place will be sorted numerically.
+			 *
+			 * Note that numbers with different decimal places cannot be shown in
+			 * the same table and still be sortable, the table must be consistent.
+			 * However, multiple different tables on the page can use different
+			 * decimal place characters.
+			 *  @type string
+			 *  @default 
+			 *
+			 *  @dtopt Language
+			 *  @name DataTable.defaults.language.decimal
+			 *
+			 *  @example
+			 *    $(document).ready( function() {
+			 *      $('#example').dataTable( {
+			 *        "language": {
+			 *          "decimal": ","
+			 *          "thousands": "."
+			 *        }
+			 *      } );
+			 *    } );
+			 */
+			"sDecimal": "",
+	
+	
+			/**
+			 * DataTables has a build in number formatter (`formatNumber`) which is
+			 * used to format large numbers that are used in the table information.
+			 * By default a comma is used, but this can be trivially changed to any
+			 * character you wish with this parameter.
+			 *  @type string
+			 *  @default ,
+			 *
+			 *  @dtopt Language
+			 *  @name DataTable.defaults.language.thousands
+			 *
+			 *  @example
+			 *    $(document).ready( function() {
+			 *      $('#example').dataTable( {
+			 *        "language": {
+			 *          "thousands": "'"
+			 *        }
+			 *      } );
+			 *    } );
+			 */
+			"sThousands": ",",
+	
+	
+			/**
+			 * Detail the action that will be taken when the drop down menu for the
+			 * pagination length option is changed. The '_MENU_' variable is replaced
+			 * with a default select list of 10, 25, 50 and 100, and can be replaced
+			 * with a custom select box if required.
+			 *  @type string
+			 *  @default Show _MENU_ entries
+			 *
+			 *  @dtopt Language
+			 *  @name DataTable.defaults.language.lengthMenu
+			 *
+			 *  @example
+			 *    // Language change only
+			 *    $(document).ready( function() {
+			 *      $('#example').dataTable( {
+			 *        "language": {
+			 *          "lengthMenu": "Display _MENU_ records"
+			 *        }
+			 *      } );
+			 *    } );
+			 *
+			 *  @example
+			 *    // Language and options change
+			 *    $(document).ready( function() {
+			 *      $('#example').dataTable( {
+			 *        "language": {
+			 *          "lengthMenu": 'Display <select>'+
+			 *            '<option value="10">10</option>'+
+			 *            '<option value="20">20</option>'+
+			 *            '<option value="30">30</option>'+
+			 *            '<option value="40">40</option>'+
+			 *            '<option value="50">50</option>'+
+			 *            '<option value="-1">All</option>'+
+			 *            '</select> records'
+			 *        }
+			 *      } );
+			 *    } );
+			 */
+			"sLengthMenu": "Show _MENU_ entries",
+	
+	
+			/**
+			 * When using Ajax sourced data and during the first draw when DataTables is
+			 * gathering the data, this message is shown in an empty row in the table to
+			 * indicate to the end user the the data is being loaded. Note that this
+			 * parameter is not used when loading data by server-side processing, just
+			 * Ajax sourced data with client-side processing.
+			 *  @type string
+			 *  @default Loading...
+			 *
+			 *  @dtopt Language
+			 *  @name DataTable.defaults.language.loadingRecords
+			 *
+			 *  @example
+			 *    $(document).ready( function() {
+			 *      $('#example').dataTable( {
+			 *        "language": {
+			 *          "loadingRecords": "Please wait - loading..."
+			 *        }
+			 *      } );
+			 *    } );
+			 */
+			"sLoadingRecords": "Loading...",
+	
+	
+			/**
+			 * Text which is displayed when the table is processing a user action
+			 * (usually a sort command or similar).
+			 *  @type string
+			 *  @default Processing...
+			 *
+			 *  @dtopt Language
+			 *  @name DataTable.defaults.language.processing
+			 *
+			 *  @example
+			 *    $(document).ready( function() {
+			 *      $('#example').dataTable( {
+			 *        "language": {
+			 *          "processing": "DataTables is currently busy"
+			 *        }
+			 *      } );
+			 *    } );
+			 */
+			"sProcessing": "Processing...",
+	
+	
+			/**
+			 * Details the actions that will be taken when the user types into the
+			 * filtering input text box. The variable "_INPUT_", if used in the string,
+			 * is replaced with the HTML text box for the filtering input allowing
+			 * control over where it appears in the string. If "_INPUT_" is not given
+			 * then the input box is appended to the string automatically.
+			 *  @type string
+			 *  @default Search:
+			 *
+			 *  @dtopt Language
+			 *  @name DataTable.defaults.language.search
+			 *
+			 *  @example
+			 *    // Input text box will be appended at the end automatically
+			 *    $(document).ready( function() {
+			 *      $('#example').dataTable( {
+			 *        "language": {
+			 *          "search": "Filter records:"
+			 *        }
+			 *      } );
+			 *    } );
+			 *
+			 *  @example
+			 *    // Specify where the filter should appear
+			 *    $(document).ready( function() {
+			 *      $('#example').dataTable( {
+			 *        "language": {
+			 *          "search": "Apply filter _INPUT_ to table"
+			 *        }
+			 *      } );
+			 *    } );
+			 */
+			"sSearch": "Search:",
+	
+	
+			/**
+			 * Assign a `placeholder` attribute to the search `input` element
+			 *  @type string
+			 *  @default 
+			 *
+			 *  @dtopt Language
+			 *  @name DataTable.defaults.language.searchPlaceholder
+			 */
+			"sSearchPlaceholder": "",
+	
+	
+			/**
+			 * All of the language information can be stored in a file on the
+			 * server-side, which DataTables will look up if this parameter is passed.
+			 * It must store the URL of the language file, which is in a JSON format,
+			 * and the object has the same properties as the oLanguage object in the
+			 * initialiser object (i.e. the above parameters). Please refer to one of
+			 * the example language files to see how this works in action.
+			 *  @type string
+			 *  @default <i>Empty string - i.e. disabled</i>
+			 *
+			 *  @dtopt Language
+			 *  @name DataTable.defaults.language.url
+			 *
+			 *  @example
+			 *    $(document).ready( function() {
+			 *      $('#example').dataTable( {
+			 *        "language": {
+			 *          "url": "http://www.sprymedia.co.uk/dataTables/lang.txt"
+			 *        }
+			 *      } );
+			 *    } );
+			 */
+			"sUrl": "",
+	
+	
+			/**
+			 * Text shown inside the table records when the is no information to be
+			 * displayed after filtering. `emptyTable` is shown when there is simply no
+			 * information in the table at all (regardless of filtering).
+			 *  @type string
+			 *  @default No matching records found
+			 *
+			 *  @dtopt Language
+			 *  @name DataTable.defaults.language.zeroRecords
+			 *
+			 *  @example
+			 *    $(document).ready( function() {
+			 *      $('#example').dataTable( {
+			 *        "language": {
+			 *          "zeroRecords": "No records to display"
+			 *        }
+			 *      } );
+			 *    } );
+			 */
+			"sZeroRecords": "No matching records found"
+		},
+	
+	
+		/**
+		 * This parameter allows you to have define the global filtering state at
+		 * initialisation time. As an object the `search` parameter must be
+		 * defined, but all other parameters are optional. When `regex` is true,
+		 * the search string will be treated as a regular expression, when false
+		 * (default) it will be treated as a straight string. When `smart`
+		 * DataTables will use it's smart filtering methods (to word match at
+		 * any point in the data), when false this will not be done.
+		 *  @namespace
+		 *  @extends DataTable.models.oSearch
+		 *
+		 *  @dtopt Options
+		 *  @name DataTable.defaults.search
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "search": {"search": "Initial search"}
+		 *      } );
+		 *    } )
+		 */
+		"oSearch": $.extend( {}, DataTable.models.oSearch ),
+	
+	
+		/**
+		 * __Deprecated__ The functionality provided by this parameter has now been
+		 * superseded by that provided through `ajax`, which should be used instead.
+		 *
+		 * By default DataTables will look for the property `data` (or `aaData` for
+		 * compatibility with DataTables 1.9-) when obtaining data from an Ajax
+		 * source or for server-side processing - this parameter allows that
+		 * property to be changed. You can use Javascript dotted object notation to
+		 * get a data source for multiple levels of nesting.
+		 *  @type string
+		 *  @default data
+		 *
+		 *  @dtopt Options
+		 *  @dtopt Server-side
+		 *  @name DataTable.defaults.ajaxDataProp
+		 *
+		 *  @deprecated 1.10. Please use `ajax` for this functionality now.
+		 */
+		"sAjaxDataProp": "data",
+	
+	
+		/**
+		 * __Deprecated__ The functionality provided by this parameter has now been
+		 * superseded by that provided through `ajax`, which should be used instead.
+		 *
+		 * You can instruct DataTables to load data from an external
+		 * source using this parameter (use aData if you want to pass data in you
+		 * already have). Simply provide a url a JSON object can be obtained from.
+		 *  @type string
+		 *  @default null
+		 *
+		 *  @dtopt Options
+		 *  @dtopt Server-side
+		 *  @name DataTable.defaults.ajaxSource
+		 *
+		 *  @deprecated 1.10. Please use `ajax` for this functionality now.
+		 */
+		"sAjaxSource": null,
+	
+	
+		/**
+		 * This initialisation variable allows you to specify exactly where in the
+		 * DOM you want DataTables to inject the various controls it adds to the page
+		 * (for example you might want the pagination controls at the top of the
+		 * table). DIV elements (with or without a custom class) can also be added to
+		 * aid styling. The follow syntax is used:
+		 *   <ul>
+		 *     <li>The following options are allowed:
+		 *       <ul>
+		 *         <li>'l' - Length changing</li>
+		 *         <li>'f' - Filtering input</li>
+		 *         <li>'t' - The table!</li>
+		 *         <li>'i' - Information</li>
+		 *         <li>'p' - Pagination</li>
+		 *         <li>'r' - pRocessing</li>
+		 *       </ul>
+		 *     </li>
+		 *     <li>The following constants are allowed:
+		 *       <ul>
+		 *         <li>'H' - jQueryUI theme "header" classes ('fg-toolbar ui-widget-header ui-corner-tl ui-corner-tr ui-helper-clearfix')</li>
+		 *         <li>'F' - jQueryUI theme "footer" classes ('fg-toolbar ui-widget-header ui-corner-bl ui-corner-br ui-helper-clearfix')</li>
+		 *       </ul>
+		 *     </li>
+		 *     <li>The following syntax is expected:
+		 *       <ul>
+		 *         <li>'&lt;' and '&gt;' - div elements</li>
+		 *         <li>'&lt;"class" and '&gt;' - div with a class</li>
+		 *         <li>'&lt;"#id" and '&gt;' - div with an ID</li>
+		 *       </ul>
+		 *     </li>
+		 *     <li>Examples:
+		 *       <ul>
+		 *         <li>'&lt;"wrapper"flipt&gt;'</li>
+		 *         <li>'&lt;lf&lt;t&gt;ip&gt;'</li>
+		 *       </ul>
+		 *     </li>
+		 *   </ul>
+		 *  @type string
+		 *  @default lfrtip <i>(when `jQueryUI` is false)</i> <b>or</b>
+		 *    <"H"lfr>t<"F"ip> <i>(when `jQueryUI` is true)</i>
+		 *
+		 *  @dtopt Options
+		 *  @name DataTable.defaults.dom
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "dom": '&lt;"top"i&gt;rt&lt;"bottom"flp&gt;&lt;"clear"&gt;'
+		 *      } );
+		 *    } );
+		 */
+		"sDom": "lfrtip",
+	
+	
+		/**
+		 * Search delay option. This will throttle full table searches that use the
+		 * DataTables provided search input element (it does not effect calls to
+		 * `dt-api search()`, providing a delay before the search is made.
+		 *  @type integer
+		 *  @default 0
+		 *
+		 *  @dtopt Options
+		 *  @name DataTable.defaults.searchDelay
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "searchDelay": 200
+		 *      } );
+		 *    } )
+		 */
+		"searchDelay": null,
+	
+	
+		/**
+		 * DataTables features four different built-in options for the buttons to
+		 * display for pagination control:
+		 *
+		 * * `simple` - 'Previous' and 'Next' buttons only
+		 * * 'simple_numbers` - 'Previous' and 'Next' buttons, plus page numbers
+		 * * `full` - 'First', 'Previous', 'Next' and 'Last' buttons
+		 * * `full_numbers` - 'First', 'Previous', 'Next' and 'Last' buttons, plus
+		 *   page numbers
+		 *  
+		 * Further methods can be added using {@link DataTable.ext.oPagination}.
+		 *  @type string
+		 *  @default simple_numbers
+		 *
+		 *  @dtopt Options
+		 *  @name DataTable.defaults.pagingType
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "pagingType": "full_numbers"
+		 *      } );
+		 *    } )
+		 */
+		"sPaginationType": "simple_numbers",
+	
+	
+		/**
+		 * Enable horizontal scrolling. When a table is too wide to fit into a
+		 * certain layout, or you have a large number of columns in the table, you
+		 * can enable x-scrolling to show the table in a viewport, which can be
+		 * scrolled. This property can be `true` which will allow the table to
+		 * scroll horizontally when needed, or any CSS unit, or a number (in which
+		 * case it will be treated as a pixel measurement). Setting as simply `true`
+		 * is recommended.
+		 *  @type boolean|string
+		 *  @default <i>blank string - i.e. disabled</i>
+		 *
+		 *  @dtopt Features
+		 *  @name DataTable.defaults.scrollX
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "scrollX": true,
+		 *        "scrollCollapse": true
+		 *      } );
+		 *    } );
+		 */
+		"sScrollX": "",
+	
+	
+		/**
+		 * This property can be used to force a DataTable to use more width than it
+		 * might otherwise do when x-scrolling is enabled. For example if you have a
+		 * table which requires to be well spaced, this parameter is useful for
+		 * "over-sizing" the table, and thus forcing scrolling. This property can by
+		 * any CSS unit, or a number (in which case it will be treated as a pixel
+		 * measurement).
+		 *  @type string
+		 *  @default <i>blank string - i.e. disabled</i>
+		 *
+		 *  @dtopt Options
+		 *  @name DataTable.defaults.scrollXInner
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "scrollX": "100%",
+		 *        "scrollXInner": "110%"
+		 *      } );
+		 *    } );
+		 */
+		"sScrollXInner": "",
+	
+	
+		/**
+		 * Enable vertical scrolling. Vertical scrolling will constrain the DataTable
+		 * to the given height, and enable scrolling for any data which overflows the
+		 * current viewport. This can be used as an alternative to paging to display
+		 * a lot of data in a small area (although paging and scrolling can both be
+		 * enabled at the same time). This property can be any CSS unit, or a number
+		 * (in which case it will be treated as a pixel measurement).
+		 *  @type string
+		 *  @default <i>blank string - i.e. disabled</i>
+		 *
+		 *  @dtopt Features
+		 *  @name DataTable.defaults.scrollY
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "scrollY": "200px",
+		 *        "paginate": false
+		 *      } );
+		 *    } );
+		 */
+		"sScrollY": "",
+	
+	
+		/**
+		 * __Deprecated__ The functionality provided by this parameter has now been
+		 * superseded by that provided through `ajax`, which should be used instead.
+		 *
+		 * Set the HTTP method that is used to make the Ajax call for server-side
+		 * processing or Ajax sourced data.
+		 *  @type string
+		 *  @default GET
+		 *
+		 *  @dtopt Options
+		 *  @dtopt Server-side
+		 *  @name DataTable.defaults.serverMethod
+		 *
+		 *  @deprecated 1.10. Please use `ajax` for this functionality now.
+		 */
+		"sServerMethod": "GET",
+	
+	
+		/**
+		 * DataTables makes use of renderers when displaying HTML elements for
+		 * a table. These renderers can be added or modified by plug-ins to
+		 * generate suitable mark-up for a site. For example the Bootstrap
+		 * integration plug-in for DataTables uses a paging button renderer to
+		 * display pagination buttons in the mark-up required by Bootstrap.
+		 *
+		 * For further information about the renderers available see
+		 * DataTable.ext.renderer
+		 *  @type string|object
+		 *  @default null
+		 *
+		 *  @name DataTable.defaults.renderer
+		 *
+		 */
+		"renderer": null
+	};
+	
+	_fnHungarianMap( DataTable.defaults );
+	
+	
+	
+	/*
+	 * Developer note - See note in model.defaults.js about the use of Hungarian
+	 * notation and camel case.
+	 */
+	
+	/**
+	 * Column options that can be given to DataTables at initialisation time.
+	 *  @namespace
+	 */
+	DataTable.defaults.column = {
+		/**
+		 * Define which column(s) an order will occur on for this column. This
+		 * allows a column's ordering to take multiple columns into account when
+		 * doing a sort or use the data from a different column. For example first
+		 * name / last name columns make sense to do a multi-column sort over the
+		 * two columns.
+		 *  @type array|int
+		 *  @default null <i>Takes the value of the column index automatically</i>
+		 *
+		 *  @name DataTable.defaults.column.orderData
+		 *  @dtopt Columns
+		 *
+		 *  @example
+		 *    // Using `columnDefs`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [
+		 *          { "orderData": [ 0, 1 ], "targets": [ 0 ] },
+		 *          { "orderData": [ 1, 0 ], "targets": [ 1 ] },
+		 *          { "orderData": 2, "targets": [ 2 ] }
+		 *        ]
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Using `columns`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columns": [
+		 *          { "orderData": [ 0, 1 ] },
+		 *          { "orderData": [ 1, 0 ] },
+		 *          { "orderData": 2 },
+		 *          null,
+		 *          null
+		 *        ]
+		 *      } );
+		 *    } );
+		 */
+		"aDataSort": null,
+		"iDataSort": -1,
+	
+	
+		/**
+		 * You can control the default ordering direction, and even alter the
+		 * behaviour of the sort handler (i.e. only allow ascending ordering etc)
+		 * using this parameter.
+		 *  @type array
+		 *  @default [ 'asc', 'desc' ]
+		 *
+		 *  @name DataTable.defaults.column.orderSequence
+		 *  @dtopt Columns
+		 *
+		 *  @example
+		 *    // Using `columnDefs`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [
+		 *          { "orderSequence": [ "asc" ], "targets": [ 1 ] },
+		 *          { "orderSequence": [ "desc", "asc", "asc" ], "targets": [ 2 ] },
+		 *          { "orderSequence": [ "desc" ], "targets": [ 3 ] }
+		 *        ]
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Using `columns`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columns": [
+		 *          null,
+		 *          { "orderSequence": [ "asc" ] },
+		 *          { "orderSequence": [ "desc", "asc", "asc" ] },
+		 *          { "orderSequence": [ "desc" ] },
+		 *          null
+		 *        ]
+		 *      } );
+		 *    } );
+		 */
+		"asSorting": [ 'asc', 'desc' ],
+	
+	
+		/**
+		 * Enable or disable filtering on the data in this column.
+		 *  @type boolean
+		 *  @default true
+		 *
+		 *  @name DataTable.defaults.column.searchable
+		 *  @dtopt Columns
+		 *
+		 *  @example
+		 *    // Using `columnDefs`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [
+		 *          { "searchable": false, "targets": [ 0 ] }
+		 *        ] } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Using `columns`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columns": [
+		 *          { "searchable": false },
+		 *          null,
+		 *          null,
+		 *          null,
+		 *          null
+		 *        ] } );
+		 *    } );
+		 */
+		"bSearchable": true,
+	
+	
+		/**
+		 * Enable or disable ordering on this column.
+		 *  @type boolean
+		 *  @default true
+		 *
+		 *  @name DataTable.defaults.column.orderable
+		 *  @dtopt Columns
+		 *
+		 *  @example
+		 *    // Using `columnDefs`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [
+		 *          { "orderable": false, "targets": [ 0 ] }
+		 *        ] } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Using `columns`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columns": [
+		 *          { "orderable": false },
+		 *          null,
+		 *          null,
+		 *          null,
+		 *          null
+		 *        ] } );
+		 *    } );
+		 */
+		"bSortable": true,
+	
+	
+		/**
+		 * Enable or disable the display of this column.
+		 *  @type boolean
+		 *  @default true
+		 *
+		 *  @name DataTable.defaults.column.visible
+		 *  @dtopt Columns
+		 *
+		 *  @example
+		 *    // Using `columnDefs`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [
+		 *          { "visible": false, "targets": [ 0 ] }
+		 *        ] } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Using `columns`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columns": [
+		 *          { "visible": false },
+		 *          null,
+		 *          null,
+		 *          null,
+		 *          null
+		 *        ] } );
+		 *    } );
+		 */
+		"bVisible": true,
+	
+	
+		/**
+		 * Developer definable function that is called whenever a cell is created (Ajax source,
+		 * etc) or processed for input (DOM source). This can be used as a compliment to mRender
+		 * allowing you to modify the DOM element (add background colour for example) when the
+		 * element is available.
+		 *  @type function
+		 *  @param {element} td The TD node that has been created
+		 *  @param {*} cellData The Data for the cell
+		 *  @param {array|object} rowData The data for the whole row
+		 *  @param {int} row The row index for the aoData data store
+		 *  @param {int} col The column index for aoColumns
+		 *
+		 *  @name DataTable.defaults.column.createdCell
+		 *  @dtopt Columns
+		 *
+		 *  @example
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [ {
+		 *          "targets": [3],
+		 *          "createdCell": function (td, cellData, rowData, row, col) {
+		 *            if ( cellData == "1.7" ) {
+		 *              $(td).css('color', 'blue')
+		 *            }
+		 *          }
+		 *        } ]
+		 *      });
+		 *    } );
+		 */
+		"fnCreatedCell": null,
+	
+	
+		/**
+		 * This parameter has been replaced by `data` in DataTables to ensure naming
+		 * consistency. `dataProp` can still be used, as there is backwards
+		 * compatibility in DataTables for this option, but it is strongly
+		 * recommended that you use `data` in preference to `dataProp`.
+		 *  @name DataTable.defaults.column.dataProp
+		 */
+	
+	
+		/**
+		 * This property can be used to read data from any data source property,
+		 * including deeply nested objects / properties. `data` can be given in a
+		 * number of different ways which effect its behaviour:
+		 *
+		 * * `integer` - treated as an array index for the data source. This is the
+		 *   default that DataTables uses (incrementally increased for each column).
+		 * * `string` - read an object property from the data source. There are
+		 *   three 'special' options that can be used in the string to alter how
+		 *   DataTables reads the data from the source object:
+		 *    * `.` - Dotted Javascript notation. Just as you use a `.` in
+		 *      Javascript to read from nested objects, so to can the options
+		 *      specified in `data`. For example: `browser.version` or
+		 *      `browser.name`. If your object parameter name contains a period, use
+		 *      `\\` to escape it - i.e. `first\\.name`.
+		 *    * `[]` - Array notation. DataTables can automatically combine data
+		 *      from and array source, joining the data with the characters provided
+		 *      between the two brackets. For example: `name[, ]` would provide a
+		 *      comma-space separated list from the source array. If no characters
+		 *      are provided between the brackets, the original array source is
+		 *      returned.
+		 *    * `()` - Function notation. Adding `()` to the end of a parameter will
+		 *      execute a function of the name given. For example: `browser()` for a
+		 *      simple function on the data source, `browser.version()` for a
+		 *      function in a nested property or even `browser().version` to get an
+		 *      object property if the function called returns an object. Note that
+		 *      function notation is recommended for use in `render` rather than
+		 *      `data` as it is much simpler to use as a renderer.
+		 * * `null` - use the original data source for the row rather than plucking
+		 *   data directly from it. This action has effects on two other
+		 *   initialisation options:
+		 *    * `defaultContent` - When null is given as the `data` option and
+		 *      `defaultContent` is specified for the column, the value defined by
+		 *      `defaultContent` will be used for the cell.
+		 *    * `render` - When null is used for the `data` option and the `render`
+		 *      option is specified for the column, the whole data source for the
+		 *      row is used for the renderer.
+		 * * `function` - the function given will be executed whenever DataTables
+		 *   needs to set or get the data for a cell in the column. The function
+		 *   takes three parameters:
+		 *    * Parameters:
+		 *      * `{array|object}` The data source for the row
+		 *      * `{string}` The type call data requested - this will be 'set' when
+		 *        setting data or 'filter', 'display', 'type', 'sort' or undefined
+		 *        when gathering data. Note that when `undefined` is given for the
+		 *        type DataTables expects to get the raw data for the object back<
+		 *      * `{*}` Data to set when the second parameter is 'set'.
+		 *    * Return:
+		 *      * The return value from the function is not required when 'set' is
+		 *        the type of call, but otherwise the return is what will be used
+		 *        for the data requested.
+		 *
+		 * Note that `data` is a getter and setter option. If you just require
+		 * formatting of data for output, you will likely want to use `render` which
+		 * is simply a getter and thus simpler to use.
+		 *
+		 * Note that prior to DataTables 1.9.2 `data` was called `mDataProp`. The
+		 * name change reflects the flexibility of this property and is consistent
+		 * with the naming of mRender. If 'mDataProp' is given, then it will still
+		 * be used by DataTables, as it automatically maps the old name to the new
+		 * if required.
+		 *
+		 *  @type string|int|function|null
+		 *  @default null <i>Use automatically calculated column index</i>
+		 *
+		 *  @name DataTable.defaults.column.data
+		 *  @dtopt Columns
+		 *
+		 *  @example
+		 *    // Read table data from objects
+		 *    // JSON structure for each row:
+		 *    //   {
+		 *    //      "engine": {value},
+		 *    //      "browser": {value},
+		 *    //      "platform": {value},
+		 *    //      "version": {value},
+		 *    //      "grade": {value}
+		 *    //   }
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "ajaxSource": "sources/objects.txt",
+		 *        "columns": [
+		 *          { "data": "engine" },
+		 *          { "data": "browser" },
+		 *          { "data": "platform" },
+		 *          { "data": "version" },
+		 *          { "data": "grade" }
+		 *        ]
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Read information from deeply nested objects
+		 *    // JSON structure for each row:
+		 *    //   {
+		 *    //      "engine": {value},
+		 *    //      "browser": {value},
+		 *    //      "platform": {
+		 *    //         "inner": {value}
+		 *    //      },
+		 *    //      "details": [
+		 *    //         {value}, {value}
+		 *    //      ]
+		 *    //   }
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "ajaxSource": "sources/deep.txt",
+		 *        "columns": [
+		 *          { "data": "engine" },
+		 *          { "data": "browser" },
+		 *          { "data": "platform.inner" },
+		 *          { "data": "platform.details.0" },
+		 *          { "data": "platform.details.1" }
+		 *        ]
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Using `data` as a function to provide different information for
+		 *    // sorting, filtering and display. In this case, currency (price)
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [ {
+		 *          "targets": [ 0 ],
+		 *          "data": function ( source, type, val ) {
+		 *            if (type === 'set') {
+		 *              source.price = val;
+		 *              // Store the computed dislay and filter values for efficiency
+		 *              source.price_display = val=="" ? "" : "$"+numberFormat(val);
+		 *              source.price_filter  = val=="" ? "" : "$"+numberFormat(val)+" "+val;
+		 *              return;
+		 *            }
+		 *            else if (type === 'display') {
+		 *              return source.price_display;
+		 *            }
+		 *            else if (type === 'filter') {
+		 *              return source.price_filter;
+		 *            }
+		 *            // 'sort', 'type' and undefined all just use the integer
+		 *            return source.price;
+		 *          }
+		 *        } ]
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Using default content
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [ {
+		 *          "targets": [ 0 ],
+		 *          "data": null,
+		 *          "defaultContent": "Click to edit"
+		 *        } ]
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Using array notation - outputting a list from an array
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [ {
+		 *          "targets": [ 0 ],
+		 *          "data": "name[, ]"
+		 *        } ]
+		 *      } );
+		 *    } );
+		 *
+		 */
+		"mData": null,
+	
+	
+		/**
+		 * This property is the rendering partner to `data` and it is suggested that
+		 * when you want to manipulate data for display (including filtering,
+		 * sorting etc) without altering the underlying data for the table, use this
+		 * property. `render` can be considered to be the the read only companion to
+		 * `data` which is read / write (then as such more complex). Like `data`
+		 * this option can be given in a number of different ways to effect its
+		 * behaviour:
+		 *
+		 * * `integer` - treated as an array index for the data source. This is the
+		 *   default that DataTables uses (incrementally increased for each column).
+		 * * `string` - read an object property from the data source. There are
+		 *   three 'special' options that can be used in the string to alter how
+		 *   DataTables reads the data from the source object:
+		 *    * `.` - Dotted Javascript notation. Just as you use a `.` in
+		 *      Javascript to read from nested objects, so to can the options
+		 *      specified in `data`. For example: `browser.version` or
+		 *      `browser.name`. If your object parameter name contains a period, use
+		 *      `\\` to escape it - i.e. `first\\.name`.
+		 *    * `[]` - Array notation. DataTables can automatically combine data
+		 *      from and array source, joining the data with the characters provided
+		 *      between the two brackets. For example: `name[, ]` would provide a
+		 *      comma-space separated list from the source array. If no characters
+		 *      are provided between the brackets, the original array source is
+		 *      returned.
+		 *    * `()` - Function notation. Adding `()` to the end of a parameter will
+		 *      execute a function of the name given. For example: `browser()` for a
+		 *      simple function on the data source, `browser.version()` for a
+		 *      function in a nested property or even `browser().version` to get an
+		 *      object property if the function called returns an object.
+		 * * `object` - use different data for the different data types requested by
+		 *   DataTables ('filter', 'display', 'type' or 'sort'). The property names
+		 *   of the object is the data type the property refers to and the value can
+		 *   defined using an integer, string or function using the same rules as
+		 *   `render` normally does. Note that an `_` option _must_ be specified.
+		 *   This is the default value to use if you haven't specified a value for
+		 *   the data type requested by DataTables.
+		 * * `function` - the function given will be executed whenever DataTables
+		 *   needs to set or get the data for a cell in the column. The function
+		 *   takes three parameters:
+		 *    * Parameters:
+		 *      * {array|object} The data source for the row (based on `data`)
+		 *      * {string} The type call data requested - this will be 'filter',
+		 *        'display', 'type' or 'sort'.
+		 *      * {array|object} The full data source for the row (not based on
+		 *        `data`)
+		 *    * Return:
+		 *      * The return value from the function is what will be used for the
+		 *        data requested.
+		 *
+		 *  @type string|int|function|object|null
+		 *  @default null Use the data source value.
+		 *
+		 *  @name DataTable.defaults.column.render
+		 *  @dtopt Columns
+		 *
+		 *  @example
+		 *    // Create a comma separated list from an array of objects
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "ajaxSource": "sources/deep.txt",
+		 *        "columns": [
+		 *          { "data": "engine" },
+		 *          { "data": "browser" },
+		 *          {
+		 *            "data": "platform",
+		 *            "render": "[, ].name"
+		 *          }
+		 *        ]
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Execute a function to obtain data
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [ {
+		 *          "targets": [ 0 ],
+		 *          "data": null, // Use the full data source object for the renderer's source
+		 *          "render": "browserName()"
+		 *        } ]
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // As an object, extracting different data for the different types
+		 *    // This would be used with a data source such as:
+		 *    //   { "phone": 5552368, "phone_filter": "5552368 555-2368", "phone_display": "555-2368" }
+		 *    // Here the `phone` integer is used for sorting and type detection, while `phone_filter`
+		 *    // (which has both forms) is used for filtering for if a user inputs either format, while
+		 *    // the formatted phone number is the one that is shown in the table.
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [ {
+		 *          "targets": [ 0 ],
+		 *          "data": null, // Use the full data source object for the renderer's source
+		 *          "render": {
+		 *            "_": "phone",
+		 *            "filter": "phone_filter",
+		 *            "display": "phone_display"
+		 *          }
+		 *        } ]
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Use as a function to create a link from the data source
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [ {
+		 *          "targets": [ 0 ],
+		 *          "data": "download_link",
+		 *          "render": function ( data, type, full ) {
+		 *            return '<a href="'+data+'">Download</a>';
+		 *          }
+		 *        } ]
+		 *      } );
+		 *    } );
+		 */
+		"mRender": null,
+	
+	
+		/**
+		 * Change the cell type created for the column - either TD cells or TH cells. This
+		 * can be useful as TH cells have semantic meaning in the table body, allowing them
+		 * to act as a header for a row (you may wish to add scope='row' to the TH elements).
+		 *  @type string
+		 *  @default td
+		 *
+		 *  @name DataTable.defaults.column.cellType
+		 *  @dtopt Columns
+		 *
+		 *  @example
+		 *    // Make the first column use TH cells
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [ {
+		 *          "targets": [ 0 ],
+		 *          "cellType": "th"
+		 *        } ]
+		 *      } );
+		 *    } );
+		 */
+		"sCellType": "td",
+	
+	
+		/**
+		 * Class to give to each cell in this column.
+		 *  @type string
+		 *  @default <i>Empty string</i>
+		 *
+		 *  @name DataTable.defaults.column.class
+		 *  @dtopt Columns
+		 *
+		 *  @example
+		 *    // Using `columnDefs`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [
+		 *          { "class": "my_class", "targets": [ 0 ] }
+		 *        ]
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Using `columns`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columns": [
+		 *          { "class": "my_class" },
+		 *          null,
+		 *          null,
+		 *          null,
+		 *          null
+		 *        ]
+		 *      } );
+		 *    } );
+		 */
+		"sClass": "",
+	
+		/**
+		 * When DataTables calculates the column widths to assign to each column,
+		 * it finds the longest string in each column and then constructs a
+		 * temporary table and reads the widths from that. The problem with this
+		 * is that "mmm" is much wider then "iiii", but the latter is a longer
+		 * string - thus the calculation can go wrong (doing it properly and putting
+		 * it into an DOM object and measuring that is horribly(!) slow). Thus as
+		 * a "work around" we provide this option. It will append its value to the
+		 * text that is found to be the longest string for the column - i.e. padding.
+		 * Generally you shouldn't need this!
+		 *  @type string
+		 *  @default <i>Empty string<i>
+		 *
+		 *  @name DataTable.defaults.column.contentPadding
+		 *  @dtopt Columns
+		 *
+		 *  @example
+		 *    // Using `columns`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columns": [
+		 *          null,
+		 *          null,
+		 *          null,
+		 *          {
+		 *            "contentPadding": "mmm"
+		 *          }
+		 *        ]
+		 *      } );
+		 *    } );
+		 */
+		"sContentPadding": "",
+	
+	
+		/**
+		 * Allows a default value to be given for a column's data, and will be used
+		 * whenever a null data source is encountered (this can be because `data`
+		 * is set to null, or because the data source itself is null).
+		 *  @type string
+		 *  @default null
+		 *
+		 *  @name DataTable.defaults.column.defaultContent
+		 *  @dtopt Columns
+		 *
+		 *  @example
+		 *    // Using `columnDefs`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [
+		 *          {
+		 *            "data": null,
+		 *            "defaultContent": "Edit",
+		 *            "targets": [ -1 ]
+		 *          }
+		 *        ]
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Using `columns`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columns": [
+		 *          null,
+		 *          null,
+		 *          null,
+		 *          {
+		 *            "data": null,
+		 *            "defaultContent": "Edit"
+		 *          }
+		 *        ]
+		 *      } );
+		 *    } );
+		 */
+		"sDefaultContent": null,
+	
+	
+		/**
+		 * This parameter is only used in DataTables' server-side processing. It can
+		 * be exceptionally useful to know what columns are being displayed on the
+		 * client side, and to map these to database fields. When defined, the names
+		 * also allow DataTables to reorder information from the server if it comes
+		 * back in an unexpected order (i.e. if you switch your columns around on the
+		 * client-side, your server-side code does not also need updating).
+		 *  @type string
+		 *  @default <i>Empty string</i>
+		 *
+		 *  @name DataTable.defaults.column.name
+		 *  @dtopt Columns
+		 *
+		 *  @example
+		 *    // Using `columnDefs`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [
+		 *          { "name": "engine", "targets": [ 0 ] },
+		 *          { "name": "browser", "targets": [ 1 ] },
+		 *          { "name": "platform", "targets": [ 2 ] },
+		 *          { "name": "version", "targets": [ 3 ] },
+		 *          { "name": "grade", "targets": [ 4 ] }
+		 *        ]
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Using `columns`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columns": [
+		 *          { "name": "engine" },
+		 *          { "name": "browser" },
+		 *          { "name": "platform" },
+		 *          { "name": "version" },
+		 *          { "name": "grade" }
+		 *        ]
+		 *      } );
+		 *    } );
+		 */
+		"sName": "",
+	
+	
+		/**
+		 * Defines a data source type for the ordering which can be used to read
+		 * real-time information from the table (updating the internally cached
+		 * version) prior to ordering. This allows ordering to occur on user
+		 * editable elements such as form inputs.
+		 *  @type string
+		 *  @default std
+		 *
+		 *  @name DataTable.defaults.column.orderDataType
+		 *  @dtopt Columns
+		 *
+		 *  @example
+		 *    // Using `columnDefs`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [
+		 *          { "orderDataType": "dom-text", "targets": [ 2, 3 ] },
+		 *          { "type": "numeric", "targets": [ 3 ] },
+		 *          { "orderDataType": "dom-select", "targets": [ 4 ] },
+		 *          { "orderDataType": "dom-checkbox", "targets": [ 5 ] }
+		 *        ]
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Using `columns`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columns": [
+		 *          null,
+		 *          null,
+		 *          { "orderDataType": "dom-text" },
+		 *          { "orderDataType": "dom-text", "type": "numeric" },
+		 *          { "orderDataType": "dom-select" },
+		 *          { "orderDataType": "dom-checkbox" }
+		 *        ]
+		 *      } );
+		 *    } );
+		 */
+		"sSortDataType": "std",
+	
+	
+		/**
+		 * The title of this column.
+		 *  @type string
+		 *  @default null <i>Derived from the 'TH' value for this column in the
+		 *    original HTML table.</i>
+		 *
+		 *  @name DataTable.defaults.column.title
+		 *  @dtopt Columns
+		 *
+		 *  @example
+		 *    // Using `columnDefs`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [
+		 *          { "title": "My column title", "targets": [ 0 ] }
+		 *        ]
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Using `columns`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columns": [
+		 *          { "title": "My column title" },
+		 *          null,
+		 *          null,
+		 *          null,
+		 *          null
+		 *        ]
+		 *      } );
+		 *    } );
+		 */
+		"sTitle": null,
+	
+	
+		/**
+		 * The type allows you to specify how the data for this column will be
+		 * ordered. Four types (string, numeric, date and html (which will strip
+		 * HTML tags before ordering)) are currently available. Note that only date
+		 * formats understood by Javascript's Date() object will be accepted as type
+		 * date. For example: "Mar 26, 2008 5:03 PM". May take the values: 'string',
+		 * 'numeric', 'date' or 'html' (by default). Further types can be adding
+		 * through plug-ins.
+		 *  @type string
+		 *  @default null <i>Auto-detected from raw data</i>
+		 *
+		 *  @name DataTable.defaults.column.type
+		 *  @dtopt Columns
+		 *
+		 *  @example
+		 *    // Using `columnDefs`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [
+		 *          { "type": "html", "targets": [ 0 ] }
+		 *        ]
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Using `columns`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columns": [
+		 *          { "type": "html" },
+		 *          null,
+		 *          null,
+		 *          null,
+		 *          null
+		 *        ]
+		 *      } );
+		 *    } );
+		 */
+		"sType": null,
+	
+	
+		/**
+		 * Defining the width of the column, this parameter may take any CSS value
+		 * (3em, 20px etc). DataTables applies 'smart' widths to columns which have not
+		 * been given a specific width through this interface ensuring that the table
+		 * remains readable.
+		 *  @type string
+		 *  @default null <i>Automatic</i>
+		 *
+		 *  @name DataTable.defaults.column.width
+		 *  @dtopt Columns
+		 *
+		 *  @example
+		 *    // Using `columnDefs`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columnDefs": [
+		 *          { "width": "20%", "targets": [ 0 ] }
+		 *        ]
+		 *      } );
+		 *    } );
+		 *
+		 *  @example
+		 *    // Using `columns`
+		 *    $(document).ready( function() {
+		 *      $('#example').dataTable( {
+		 *        "columns": [
+		 *          { "width": "20%" },
+		 *          null,
+		 *          null,
+		 *          null,
+		 *          null
+		 *        ]
+		 *      } );
+		 *    } );
+		 */
+		"sWidth": null
+	};
+	
+	_fnHungarianMap( DataTable.defaults.column );
+	
+	
+	
+	/**
+	 * DataTables settings object - this holds all the information needed for a
+	 * given table, including configuration, data and current application of the
+	 * table options. DataTables does not have a single instance for each DataTable
+	 * with the settings attached to that instance, but rather instances of the
+	 * DataTable "class" are created on-the-fly as needed (typically by a
+	 * $().dataTable() call) and the settings object is then applied to that
+	 * instance.
+	 *
+	 * Note that this object is related to {@link DataTable.defaults} but this
+	 * one is the internal data store for DataTables's cache of columns. It should
+	 * NOT be manipulated outside of DataTables. Any configuration should be done
+	 * through the initialisation options.
+	 *  @namespace
+	 *  @todo Really should attach the settings object to individual instances so we
+	 *    don't need to create new instances on each $().dataTable() call (if the
+	 *    table already exists). It would also save passing oSettings around and
+	 *    into every single function. However, this is a very significant
+	 *    architecture change for DataTables and will almost certainly break
+	 *    backwards compatibility with older installations. This is something that
+	 *    will be done in 2.0.
+	 */
+	DataTable.models.oSettings = {
+		/**
+		 * Primary features of DataTables and their enablement state.
+		 *  @namespace
+		 */
+		"oFeatures": {
+	
+			/**
+			 * Flag to say if DataTables should automatically try to calculate the
+			 * optimum table and columns widths (true) or not (false).
+			 * Note that this parameter will be set by the initialisation routine. To
+			 * set a default use {@link DataTable.defaults}.
+			 *  @type boolean
+			 */
+			"bAutoWidth": null,
+	
+			/**
+			 * Delay the creation of TR and TD elements until they are actually
+			 * needed by a driven page draw. This can give a significant speed
+			 * increase for Ajax source and Javascript source data, but makes no
+			 * difference at all fro DOM and server-side processing tables.
+			 * Note that this parameter will be set by the initialisation routine. To
+			 * set a default use {@link DataTable.defaults}.
+			 *  @type boolean
+			 */
+			"bDeferRender": null,
+	
+			/**
+			 * Enable filtering on the table or not. Note that if this is disabled
+			 * then there is no filtering at all on the table, including fnFilter.
+			 * To just remove the filtering input use sDom and remove the 'f' option.
+			 * Note that this parameter will be set by the initialisation routine. To
+			 * set a default use {@link DataTable.defaults}.
+			 *  @type boolean
+			 */
+			"bFilter": null,
+	
+			/**
+			 * Table information element (the 'Showing x of y records' div) enable
+			 * flag.
+			 * Note that this parameter will be set by the initialisation routine. To
+			 * set a default use {@link DataTable.defaults}.
+			 *  @type boolean
+			 */
+			"bInfo": null,
+	
+			/**
+			 * Present a user control allowing the end user to change the page size
+			 * when pagination is enabled.
+			 * Note that this parameter will be set by the initialisation routine. To
+			 * set a default use {@link DataTable.defaults}.
+			 *  @type boolean
+			 */
+			"bLengthChange": null,
+	
+			/**
+			 * Pagination enabled or not. Note that if this is disabled then length
+			 * changing must also be disabled.
+			 * Note that this parameter will be set by the initialisation routine. To
+			 * set a default use {@link DataTable.defaults}.
+			 *  @type boolean
+			 */
+			"bPaginate": null,
+	
+			/**
+			 * Processing indicator enable flag whenever DataTables is enacting a
+			 * user request - typically an Ajax request for server-side processing.
+			 * Note that this parameter will be set by the initialisation routine. To
+			 * set a default use {@link DataTable.defaults}.
+			 *  @type boolean
+			 */
+			"bProcessing": null,
+	
+			/**
+			 * Server-side processing enabled flag - when enabled DataTables will
+			 * get all data from the server for every draw - there is no filtering,
+			 * sorting or paging done on the client-side.
+			 * Note that this parameter will be set by the initialisation routine. To
+			 * set a default use {@link DataTable.defaults}.
+			 *  @type boolean
+			 */
+			"bServerSide": null,
+	
+			/**
+			 * Sorting enablement flag.
+			 * Note that this parameter will be set by the initialisation routine. To
+			 * set a default use {@link DataTable.defaults}.
+			 *  @type boolean
+			 */
+			"bSort": null,
+	
+			/**
+			 * Multi-column sorting
+			 * Note that this parameter will be set by the initialisation routine. To
+			 * set a default use {@link DataTable.defaults}.
+			 *  @type boolean
+			 */
+			"bSortMulti": null,
+	
+			/**
+			 * Apply a class to the columns which are being sorted to provide a
+			 * visual highlight or not. This can slow things down when enabled since
+			 * there is a lot of DOM interaction.
+			 * Note that this parameter will be set by the initialisation routine. To
+			 * set a default use {@link DataTable.defaults}.
+			 *  @type boolean
+			 */
+			"bSortClasses": null,
+	
+			/**
+			 * State saving enablement flag.
+			 * Note that this parameter will be set by the initialisation routine. To
+			 * set a default use {@link DataTable.defaults}.
+			 *  @type boolean
+			 */
+			"bStateSave": null
+		},
+	
+	
+		/**
+		 * Scrolling settings for a table.
+		 *  @namespace
+		 */
+		"oScroll": {
+			/**
+			 * When the table is shorter in height than sScrollY, collapse the
+			 * table container down to the height of the table (when true).
+			 * Note that this parameter will be set by the initialisation routine. To
+			 * set a default use {@link DataTable.defaults}.
+			 *  @type boolean
+			 */
+			"bCollapse": null,
+	
+			/**
+			 * Width of the scrollbar for the web-browser's platform. Calculated
+			 * during table initialisation.
+			 *  @type int
+			 *  @default 0
+			 */
+			"iBarWidth": 0,
+	
+			/**
+			 * Viewport width for horizontal scrolling. Horizontal scrolling is
+			 * disabled if an empty string.
+			 * Note that this parameter will be set by the initialisation routine. To
+			 * set a default use {@link DataTable.defaults}.
+			 *  @type string
+			 */
+			"sX": null,
+	
+			/**
+			 * Width to expand the table to when using x-scrolling. Typically you
+			 * should not need to use this.
+			 * Note that this parameter will be set by the initialisation routine. To
+			 * set a default use {@link DataTable.defaults}.
+			 *  @type string
+			 *  @deprecated
+			 */
+			"sXInner": null,
+	
+			/**
+			 * Viewport height for vertical scrolling. Vertical scrolling is disabled
+			 * if an empty string.
+			 * Note that this parameter will be set by the initialisation routine. To
+			 * set a default use {@link DataTable.defaults}.
+			 *  @type string
+			 */
+			"sY": null
+		},
+	
+		/**
+		 * Language information for the table.
+		 *  @namespace
+		 *  @extends DataTable.defaults.oLanguage
+		 */
+		"oLanguage": {
+			/**
+			 * Information callback function. See
+			 * {@link DataTable.defaults.fnInfoCallback}
+			 *  @type function
+			 *  @default null
+			 */
+			"fnInfoCallback": null
+		},
+	
+		/**
+		 * Browser support parameters
+		 *  @namespace
+		 */
+		"oBrowser": {
+			/**
+			 * Indicate if the browser incorrectly calculates width:100% inside a
+			 * scrolling element (IE6/7)
+			 *  @type boolean
+			 *  @default false
+			 */
+			"bScrollOversize": false,
+	
+			/**
+			 * Determine if the vertical scrollbar is on the right or left of the
+			 * scrolling container - needed for rtl language layout, although not
+			 * all browsers move the scrollbar (Safari).
+			 *  @type boolean
+			 *  @default false
+			 */
+			"bScrollbarLeft": false
+		},
+	
+	
+		"ajax": null,
+	
+	
+		/**
+		 * Array referencing the nodes which are used for the features. The
+		 * parameters of this object match what is allowed by sDom - i.e.
+		 *   <ul>
+		 *     <li>'l' - Length changing</li>
+		 *     <li>'f' - Filtering input</li>
+		 *     <li>'t' - The table!</li>
+		 *     <li>'i' - Information</li>
+		 *     <li>'p' - Pagination</li>
+		 *     <li>'r' - pRocessing</li>
+		 *   </ul>
+		 *  @type array
+		 *  @default []
+		 */
+		"aanFeatures": [],
+	
+		/**
+		 * Store data information - see {@link DataTable.models.oRow} for detailed
+		 * information.
+		 *  @type array
+		 *  @default []
+		 */
+		"aoData": [],
+	
+		/**
+		 * Array of indexes which are in the current display (after filtering etc)
+		 *  @type array
+		 *  @default []
+		 */
+		"aiDisplay": [],
+	
+		/**
+		 * Array of indexes for display - no filtering
+		 *  @type array
+		 *  @default []
+		 */
+		"aiDisplayMaster": [],
+	
+		/**
+		 * Store information about each column that is in use
+		 *  @type array
+		 *  @default []
+		 */
+		"aoColumns": [],
+	
+		/**
+		 * Store information about the table's header
+		 *  @type array
+		 *  @default []
+		 */
+		"aoHeader": [],
+	
+		/**
+		 * Store information about the table's footer
+		 *  @type array
+		 *  @default []
+		 */
+		"aoFooter": [],
+	
+		/**
+		 * Store the applied global search information in case we want to force a
+		 * research or compare the old search to a new one.
+		 * Note that this parameter will be set by the initialisation routine. To
+		 * set a default use {@link DataTable.defaults}.
+		 *  @namespace
+		 *  @extends DataTable.models.oSearch
+		 */
+		"oPreviousSearch": {},
+	
+		/**
+		 * Store the applied search for each column - see
+		 * {@link DataTable.models.oSearch} for the format that is used for the
+		 * filtering information for each column.
+		 *  @type array
+		 *  @default []
+		 */
+		"aoPreSearchCols": [],
+	
+		/**
+		 * Sorting that is applied to the table. Note that the inner arrays are
+		 * used in the following manner:
+		 * <ul>
+		 *   <li>Index 0 - column number</li>
+		 *   <li>Index 1 - current sorting direction</li>
+		 * </ul>
+		 * Note that this parameter will be set by the initialisation routine. To
+		 * set a default use {@link DataTable.defaults}.
+		 *  @type array
+		 *  @todo These inner arrays should really be objects
+		 */
+		"aaSorting": null,
+	
+		/**
+		 * Sorting that is always applied to the table (i.e. prefixed in front of
+		 * aaSorting).
+		 * Note that this parameter will be set by the initialisation routine. To
+		 * set a default use {@link DataTable.defaults}.
+		 *  @type array
+		 *  @default []
+		 */
+		"aaSortingFixed": [],
+	
+		/**
+		 * Classes to use for the striping of a table.
+		 * Note that this parameter will be set by the initialisation routine. To
+		 * set a default use {@link DataTable.defaults}.
+		 *  @type array
+		 *  @default []
+		 */
+		"asStripeClasses": null,
+	
+		/**
+		 * If restoring a table - we should restore its striping classes as well
+		 *  @type array
+		 *  @default []
+		 */
+		"asDestroyStripes": [],
+	
+		/**
+		 * If restoring a table - we should restore its width
+		 *  @type int
+		 *  @default 0
+		 */
+		"sDestroyWidth": 0,
+	
+		/**
+		 * Callback functions array for every time a row is inserted (i.e. on a draw).
+		 *  @type array
+		 *  @default []
+		 */
+		"aoRowCallback": [],
+	
+		/**
+		 * Callback functions for the header on each draw.
+		 *  @type array
+		 *  @default []
+		 */
+		"aoHeaderCallback": [],
+	
+		/**
+		 * Callback function for the footer on each draw.
+		 *  @type array
+		 *  @default []
+		 */
+		"aoFooterCallback": [],
+	
+		/**
+		 * Array of callback functions for draw callback functions
+		 *  @type array
+		 *  @default []
+		 */
+		"aoDrawCallback": [],
+	
+		/**
+		 * Array of callback functions for row created function
+		 *  @type array
+		 *  @default []
+		 */
+		"aoRowCreatedCallback": [],
+	
+		/**
+		 * Callback functions for just before the table is redrawn. A return of
+		 * false will be used to cancel the draw.
+		 *  @type array
+		 *  @default []
+		 */
+		"aoPreDrawCallback": [],
+	
+		/**
+		 * Callback functions for when the table has been initialised.
+		 *  @type array
+		 *  @default []
+		 */
+		"aoInitComplete": [],
+	
+	
+		/**
+		 * Callbacks for modifying the settings to be stored for state saving, prior to
+		 * saving state.
+		 *  @type array
+		 *  @default []
+		 */
+		"aoStateSaveParams": [],
+	
+		/**
+		 * Callbacks for modifying the settings that have been stored for state saving
+		 * prior to using the stored values to restore the state.
+		 *  @type array
+		 *  @default []
+		 */
+		"aoStateLoadParams": [],
+	
+		/**
+		 * Callbacks for operating on the settings object once the saved state has been
+		 * loaded
+		 *  @type array
+		 *  @default []
+		 */
+		"aoStateLoaded": [],
+	
+		/**
+		 * Cache the table ID for quick access
+		 *  @type string
+		 *  @default <i>Empty string</i>
+		 */
+		"sTableId": "",
+	
+		/**
+		 * The TABLE node for the main table
+		 *  @type node
+		 *  @default null
+		 */
+		"nTable": null,
+	
+		/**
+		 * Permanent ref to the thead element
+		 *  @type node
+		 *  @default null
+		 */
+		"nTHead": null,
+	
+		/**
+		 * Permanent ref to the tfoot element - if it exists
+		 *  @type node
+		 *  @default null
+		 */
+		"nTFoot": null,
+	
+		/**
+		 * Permanent ref to the tbody element
+		 *  @type node
+		 *  @default null
+		 */
+		"nTBody": null,
+	
+		/**
+		 * Cache the wrapper node (contains all DataTables controlled elements)
+		 *  @type node
+		 *  @default null
+		 */
+		"nTableWrapper": null,
+	
+		/**
+		 * Indicate if when using server-side processing the loading of data
+		 * should be deferred until the second draw.
+		 * Note that this parameter will be set by the initialisation routine. To
+		 * set a default use {@link DataTable.defaults}.
+		 *  @type boolean
+		 *  @default false
+		 */
+		"bDeferLoading": false,
+	
+		/**
+		 * Indicate if all required information has been read in
+		 *  @type boolean
+		 *  @default false
+		 */
+		"bInitialised": false,
+	
+		/**
+		 * Information about open rows. Each object in the array has the parameters
+		 * 'nTr' and 'nParent'
+		 *  @type array
+		 *  @default []
+		 */
+		"aoOpenRows": [],
+	
+		/**
+		 * Dictate the positioning of DataTables' control elements - see
+		 * {@link DataTable.model.oInit.sDom}.
+		 * Note that this parameter will be set by the initialisation routine. To
+		 * set a default use {@link DataTable.defaults}.
+		 *  @type string
+		 *  @default null
+		 */
+		"sDom": null,
+	
+		/**
+		 * Search delay (in mS)
+		 *  @type integer
+		 *  @default null
+		 */
+		"searchDelay": null,
+	
+		/**
+		 * Which type of pagination should be used.
+		 * Note that this parameter will be set by the initialisation routine. To
+		 * set a default use {@link DataTable.defaults}.
+		 *  @type string
+		 *  @default two_button
+		 */
+		"sPaginationType": "two_button",
+	
+		/**
+		 * The state duration (for `stateSave`) in seconds.
+		 * Note that this parameter will be set by the initialisation routine. To
+		 * set a default use {@link DataTable.defaults}.
+		 *  @type int
+		 *  @default 0
+		 */
+		"iStateDuration": 0,
+	
+		/**
+		 * Array of callback functions for state saving. Each array element is an
+		 * object with the following parameters:
+		 *   <ul>
+		 *     <li>function:fn - function to call. Takes two parameters, oSettings
+		 *       and the JSON string to save that has been thus far created. Returns
+		 *       a JSON string to be inserted into a json object
+		 *       (i.e. '"param": [ 0, 1, 2]')</li>
+		 *     <li>string:sName - name of callback</li>
+		 *   </ul>
+		 *  @type array
+		 *  @default []
+		 */
+		"aoStateSave": [],
+	
+		/**
+		 * Array of callback functions for state loading. Each array element is an
+		 * object with the following parameters:
+		 *   <ul>
+		 *     <li>function:fn - function to call. Takes two parameters, oSettings
+		 *       and the object stored. May return false to cancel state loading</li>
+		 *     <li>string:sName - name of callback</li>
+		 *   </ul>
+		 *  @type array
+		 *  @default []
+		 */
+		"aoStateLoad": [],
+	
+		/**
+		 * State that was saved. Useful for back reference
+		 *  @type object
+		 *  @default null
+		 */
+		"oSavedState": null,
+	
+		/**
+		 * State that was loaded. Useful for back reference
+		 *  @type object
+		 *  @default null
+		 */
+		"oLoadedState": null,
+	
+		/**
+		 * Source url for AJAX data for the table.
+		 * Note that this parameter will be set by the initialisation routine. To
+		 * set a default use {@link DataTable.defaults}.
+		 *  @type string
+		 *  @default null
+		 */
+		"sAjaxSource": null,
+	
+		/**
+		 * Property from a given object from which to read the table data from. This
+		 * can be an empty string (when not server-side processing), in which case
+		 * it is  assumed an an array is given directly.
+		 * Note that this parameter will be set by the initialisation routine. To
+		 * set a default use {@link DataTable.defaults}.
+		 *  @type string
+		 */
+		"sAjaxDataProp": null,
+	
+		/**
+		 * Note if draw should be blocked while getting data
+		 *  @type boolean
+		 *  @default true
+		 */
+		"bAjaxDataGet": true,
+	
+		/**
+		 * The last jQuery XHR object that was used for server-side data gathering.
+		 * This can be used for working with the XHR information in one of the
+		 * callbacks
+		 *  @type object
+		 *  @default null
+		 */
+		"jqXHR": null,
+	
+		/**
+		 * JSON returned from the server in the last Ajax request
+		 *  @type object
+		 *  @default undefined
+		 */
+		"json": undefined,
+	
+		/**
+		 * Data submitted as part of the last Ajax request
+		 *  @type object
+		 *  @default undefined
+		 */
+		"oAjaxData": undefined,
+	
+		/**
+		 * Function to get the server-side data.
+		 * Note that this parameter will be set by the initialisation routine. To
+		 * set a default use {@link DataTable.defaults}.
+		 *  @type function
+		 */
+		"fnServerData": null,
+	
+		/**
+		 * Functions which are called prior to sending an Ajax request so extra
+		 * parameters can easily be sent to the server
+		 *  @type array
+		 *  @default []
+		 */
+		"aoServerParams": [],
+	
+		/**
+		 * Send the XHR HTTP method - GET or POST (could be PUT or DELETE if
+		 * required).
+		 * Note that this parameter will be set by the initialisation routine. To
+		 * set a default use {@link DataTable.defaults}.
+		 *  @type string
+		 */
+		"sServerMethod": null,
+	
+		/**
+		 * Format numbers for display.
+		 * Note that this parameter will be set by the initialisation routine. To
+		 * set a default use {@link DataTable.defaults}.
+		 *  @type function
+		 */
+		"fnFormatNumber": null,
+	
+		/**
+		 * List of options that can be used for the user selectable length menu.
+		 * Note that this parameter will be set by the initialisation routine. To
+		 * set a default use {@link DataTable.defaults}.
+		 *  @type array
+		 *  @default []
+		 */
+		"aLengthMenu": null,
+	
+		/**
+		 * Counter for the draws that the table does. Also used as a tracker for
+		 * server-side processing
+		 *  @type int
+		 *  @default 0
+		 */
+		"iDraw": 0,
+	
+		/**
+		 * Indicate if a redraw is being done - useful for Ajax
+		 *  @type boolean
+		 *  @default false
+		 */
+		"bDrawing": false,
+	
+		/**
+		 * Draw index (iDraw) of the last error when parsing the returned data
+		 *  @type int
+		 *  @default -1
+		 */
+		"iDrawError": -1,
+	
+		/**
+		 * Paging display length
+		 *  @type int
+		 *  @default 10
+		 */
+		"_iDisplayLength": 10,
+	
+		/**
+		 * Paging start point - aiDisplay index
+		 *  @type int
+		 *  @default 0
+		 */
+		"_iDisplayStart": 0,
+	
+		/**
+		 * Server-side processing - number of records in the result set
+		 * (i.e. before filtering), Use fnRecordsTotal rather than
+		 * this property to get the value of the number of records, regardless of
+		 * the server-side processing setting.
+		 *  @type int
+		 *  @default 0
+		 *  @private
+		 */
+		"_iRecordsTotal": 0,
+	
+		/**
+		 * Server-side processing - number of records in the current display set
+		 * (i.e. after filtering). Use fnRecordsDisplay rather than
+		 * this property to get the value of the number of records, regardless of
+		 * the server-side processing setting.
+		 *  @type boolean
+		 *  @default 0
+		 *  @private
+		 */
+		"_iRecordsDisplay": 0,
+	
+		/**
+		 * Flag to indicate if jQuery UI marking and classes should be used.
+		 * Note that this parameter will be set by the initialisation routine. To
+		 * set a default use {@link DataTable.defaults}.
+		 *  @type boolean
+		 */
+		"bJUI": null,
+	
+		/**
+		 * The classes to use for the table
+		 *  @type object
+		 *  @default {}
+		 */
+		"oClasses": {},
+	
+		/**
+		 * Flag attached to the settings object so you can check in the draw
+		 * callback if filtering has been done in the draw. Deprecated in favour of
+		 * events.
+		 *  @type boolean
+		 *  @default false
+		 *  @deprecated
+		 */
+		"bFiltered": false,
+	
+		/**
+		 * Flag attached to the settings object so you can check in the draw
+		 * callback if sorting has been done in the draw. Deprecated in favour of
+		 * events.
+		 *  @type boolean
+		 *  @default false
+		 *  @deprecated
+		 */
+		"bSorted": false,
+	
+		/**
+		 * Indicate that if multiple rows are in the header and there is more than
+		 * one unique cell per column, if the top one (true) or bottom one (false)
+		 * should be used for sorting / title by DataTables.
+		 * Note that this parameter will be set by the initialisation routine. To
+		 * set a default use {@link DataTable.defaults}.
+		 *  @type boolean
+		 */
+		"bSortCellsTop": null,
+	
+		/**
+		 * Initialisation object that is used for the table
+		 *  @type object
+		 *  @default null
+		 */
+		"oInit": null,
+	
+		/**
+		 * Destroy callback functions - for plug-ins to attach themselves to the
+		 * destroy so they can clean up markup and events.
+		 *  @type array
+		 *  @default []
+		 */
+		"aoDestroyCallback": [],
+	
+	
+		/**
+		 * Get the number of records in the current record set, before filtering
+		 *  @type function
+		 */
+		"fnRecordsTotal": function ()
+		{
+			return _fnDataSource( this ) == 'ssp' ?
+				this._iRecordsTotal * 1 :
+				this.aiDisplayMaster.length;
+		},
+	
+		/**
+		 * Get the number of records in the current record set, after filtering
+		 *  @type function
+		 */
+		"fnRecordsDisplay": function ()
+		{
+			return _fnDataSource( this ) == 'ssp' ?
+				this._iRecordsDisplay * 1 :
+				this.aiDisplay.length;
+		},
+	
+		/**
+		 * Get the display end point - aiDisplay index
+		 *  @type function
+		 */
+		"fnDisplayEnd": function ()
+		{
+			var
+				len      = this._iDisplayLength,
+				start    = this._iDisplayStart,
+				calc     = start + len,
+				records  = this.aiDisplay.length,
+				features = this.oFeatures,
+				paginate = features.bPaginate;
+	
+			if ( features.bServerSide ) {
+				return paginate === false || len === -1 ?
+					start + records :
+					Math.min( start+len, this._iRecordsDisplay );
+			}
+			else {
+				return ! paginate || calc>records || len===-1 ?
+					records :
+					calc;
+			}
+		},
+	
+		/**
+		 * The DataTables object for this table
+		 *  @type object
+		 *  @default null
+		 */
+		"oInstance": null,
+	
+		/**
+		 * Unique identifier for each instance of the DataTables object. If there
+		 * is an ID on the table node, then it takes that value, otherwise an
+		 * incrementing internal counter is used.
+		 *  @type string
+		 *  @default null
+		 */
+		"sInstance": null,
+	
+		/**
+		 * tabindex attribute value that is added to DataTables control elements, allowing
+		 * keyboard navigation of the table and its controls.
+		 */
+		"iTabIndex": 0,
+	
+		/**
+		 * DIV container for the footer scrolling table if scrolling
+		 */
+		"nScrollHead": null,
+	
+		/**
+		 * DIV container for the footer scrolling table if scrolling
+		 */
+		"nScrollFoot": null,
+	
+		/**
+		 * Last applied sort
+		 *  @type array
+		 *  @default []
+		 */
+		"aLastSort": [],
+	
+		/**
+		 * Stored plug-in instances
+		 *  @type object
+		 *  @default {}
+		 */
+		"oPlugins": {}
+	};
+
+	/**
+	 * Extension object for DataTables that is used to provide all extension
+	 * options.
+	 *
+	 * Note that the `DataTable.ext` object is available through
+	 * `jQuery.fn.dataTable.ext` where it may be accessed and manipulated. It is
+	 * also aliased to `jQuery.fn.dataTableExt` for historic reasons.
+	 *  @namespace
+	 *  @extends DataTable.models.ext
+	 */
+	
+	
+	/**
+	 * DataTables extensions
+	 * 
+	 * This namespace acts as a collection area for plug-ins that can be used to
+	 * extend DataTables capabilities. Indeed many of the build in methods
+	 * use this method to provide their own capabilities (sorting methods for
+	 * example).
+	 *
+	 * Note that this namespace is aliased to `jQuery.fn.dataTableExt` for legacy
+	 * reasons
+	 *
+	 *  @namespace
+	 */
+	DataTable.ext = _ext = {
+		/**
+		 * Element class names
+		 *
+		 *  @type object
+		 *  @default {}
+		 */
+		classes: {},
+	
+	
+		/**
+		 * Error reporting.
+		 * 
+		 * How should DataTables report an error. Can take the value 'alert' or
+		 * 'throw'
+		 *
+		 *  @type string
+		 *  @default alert
+		 */
+		errMode: "alert",
+	
+	
+		/**
+		 * Feature plug-ins.
+		 * 
+		 * This is an array of objects which describe the feature plug-ins that are
+		 * available to DataTables. These feature plug-ins are then available for
+		 * use through the `dom` initialisation option.
+		 * 
+		 * Each feature plug-in is described by an object which must have the
+		 * following properties:
+		 * 
+		 * * `fnInit` - function that is used to initialise the plug-in,
+		 * * `cFeature` - a character so the feature can be enabled by the `dom`
+		 *   instillation option. This is case sensitive.
+		 *
+		 * The `fnInit` function has the following input parameters:
+		 *
+		 * 1. `{object}` DataTables settings object: see
+		 *    {@link DataTable.models.oSettings}
+		 *
+		 * And the following return is expected:
+		 * 
+		 * * {node|null} The element which contains your feature. Note that the
+		 *   return may also be void if your plug-in does not require to inject any
+		 *   DOM elements into DataTables control (`dom`) - for example this might
+		 *   be useful when developing a plug-in which allows table control via
+		 *   keyboard entry
+		 *
+		 *  @type array
+		 *
+		 *  @example
+		 *    $.fn.dataTable.ext.features.push( {
+		 *      "fnInit": function( oSettings ) {
+		 *        return new TableTools( { "oDTSettings": oSettings } );
+		 *      },
+		 *      "cFeature": "T"
+		 *    } );
+		 */
+		feature: [],
+	
+	
+		/**
+		 * Row searching.
+		 * 
+		 * This method of searching is complimentary to the default type based
+		 * searching, and a lot more comprehensive as it allows you complete control
+		 * over the searching logic. Each element in this array is a function
+		 * (parameters described below) that is called for every row in the table,
+		 * and your logic decides if it should be included in the searching data set
+		 * or not.
+		 *
+		 * Searching functions have the following input parameters:
+		 *
+		 * 1. `{object}` DataTables settings object: see
+		 *    {@link DataTable.models.oSettings}
+		 * 2. `{array|object}` Data for the row to be processed (same as the
+		 *    original format that was passed in as the data source, or an array
+		 *    from a DOM data source
+		 * 3. `{int}` Row index ({@link DataTable.models.oSettings.aoData}), which
+		 *    can be useful to retrieve the `TR` element if you need DOM interaction.
+		 *
+		 * And the following return is expected:
+		 *
+		 * * {boolean} Include the row in the searched result set (true) or not
+		 *   (false)
+		 *
+		 * Note that as with the main search ability in DataTables, technically this
+		 * is "filtering", since it is subtractive. However, for consistency in
+		 * naming we call it searching here.
+		 *
+		 *  @type array
+		 *  @default []
+		 *
+		 *  @example
+		 *    // The following example shows custom search being applied to the
+		 *    // fourth column (i.e. the data[3] index) based on two input values
+		 *    // from the end-user, matching the data in a certain range.
+		 *    $.fn.dataTable.ext.search.push(
+		 *      function( settings, data, dataIndex ) {
+		 *        var min = document.getElementById('min').value * 1;
+		 *        var max = document.getElementById('max').value * 1;
+		 *        var version = data[3] == "-" ? 0 : data[3]*1;
+		 *
+		 *        if ( min == "" && max == "" ) {
+		 *          return true;
+		 *        }
+		 *        else if ( min == "" && version < max ) {
+		 *          return true;
+		 *        }
+		 *        else if ( min < version && "" == max ) {
+		 *          return true;
+		 *        }
+		 *        else if ( min < version && version < max ) {
+		 *          return true;
+		 *        }
+		 *        return false;
+		 *      }
+		 *    );
+		 */
+		search: [],
+	
+	
+		/**
+		 * Internal functions, exposed for used in plug-ins.
+		 * 
+		 * Please note that you should not need to use the internal methods for
+		 * anything other than a plug-in (and even then, try to avoid if possible).
+		 * The internal function may change between releases.
+		 *
+		 *  @type object
+		 *  @default {}
+		 */
+		internal: {},
+	
+	
+		/**
+		 * Legacy configuration options. Enable and disable legacy options that
+		 * are available in DataTables.
+		 *
+		 *  @type object
+		 */
+		legacy: {
+			/**
+			 * Enable / disable DataTables 1.9 compatible server-side processing
+			 * requests
+			 *
+			 *  @type boolean
+			 *  @default null
+			 */
+			ajax: null
+		},
+	
+	
+		/**
+		 * Pagination plug-in methods.
+		 * 
+		 * Each entry in this object is a function and defines which buttons should
+		 * be shown by the pagination rendering method that is used for the table:
+		 * {@link DataTable.ext.renderer.pageButton}. The renderer addresses how the
+		 * buttons are displayed in the document, while the functions here tell it
+		 * what buttons to display. This is done by returning an array of button
+		 * descriptions (what each button will do).
+		 *
+		 * Pagination types (the four built in options and any additional plug-in
+		 * options defined here) can be used through the `paginationType`
+		 * initialisation parameter.
+		 *
+		 * The functions defined take two parameters:
+		 *
+		 * 1. `{int} page` The current page index
+		 * 2. `{int} pages` The number of pages in the table
+		 *
+		 * Each function is expected to return an array where each element of the
+		 * array can be one of:
+		 *
+		 * * `first` - Jump to first page when activated
+		 * * `last` - Jump to last page when activated
+		 * * `previous` - Show previous page when activated
+		 * * `next` - Show next page when activated
+		 * * `{int}` - Show page of the index given
+		 * * `{array}` - A nested array containing the above elements to add a
+		 *   containing 'DIV' element (might be useful for styling).
+		 *
+		 * Note that DataTables v1.9- used this object slightly differently whereby
+		 * an object with two functions would be defined for each plug-in. That
+		 * ability is still supported by DataTables 1.10+ to provide backwards
+		 * compatibility, but this option of use is now decremented and no longer
+		 * documented in DataTables 1.10+.
+		 *
+		 *  @type object
+		 *  @default {}
+		 *
+		 *  @example
+		 *    // Show previous, next and current page buttons only
+		 *    $.fn.dataTableExt.oPagination.current = function ( page, pages ) {
+		 *      return [ 'previous', page, 'next' ];
+		 *    };
+		 */
+		pager: {},
+	
+	
+		renderer: {
+			pageButton: {},
+			header: {}
+		},
+	
+	
+		/**
+		 * Ordering plug-ins - custom data source
+		 * 
+		 * The extension options for ordering of data available here is complimentary
+		 * to the default type based ordering that DataTables typically uses. It
+		 * allows much greater control over the the data that is being used to
+		 * order a column, but is necessarily therefore more complex.
+		 * 
+		 * This type of ordering is useful if you want to do ordering based on data
+		 * live from the DOM (for example the contents of an 'input' element) rather
+		 * than just the static string that DataTables knows of.
+		 * 
+		 * The way these plug-ins work is that you create an array of the values you
+		 * wish to be ordering for the column in question and then return that
+		 * array. The data in the array much be in the index order of the rows in
+		 * the table (not the currently ordering order!). Which order data gathering
+		 * function is run here depends on the `dt-init columns.orderDataType`
+		 * parameter that is used for the column (if any).
+		 *
+		 * The functions defined take two parameters:
+		 *
+		 * 1. `{object}` DataTables settings object: see
+		 *    {@link DataTable.models.oSettings}
+		 * 2. `{int}` Target column index
+		 *
+		 * Each function is expected to return an array:
+		 *
+		 * * `{array}` Data for the column to be ordering upon
+		 *
+		 *  @type array
+		 *
+		 *  @example
+		 *    // Ordering using `input` node values
+		 *    $.fn.dataTable.ext.order['dom-text'] = function  ( settings, col )
+		 *    {
+		 *      return this.api().column( col, {order:'index'} ).nodes().map( function ( td, i ) {
+		 *        return $('input', td).val();
+		 *      } );
+		 *    }
+		 */
+		order: {},
+	
+	
+		/**
+		 * Type based plug-ins.
+		 *
+		 * Each column in DataTables has a type assigned to it, either by automatic
+		 * detection or by direct assignment using the `type` option for the column.
+		 * The type of a column will effect how it is ordering and search (plug-ins
+		 * can also make use of the column type if required).
+		 *
+		 * @namespace
+		 */
+		type: {
+			/**
+			 * Type detection functions.
+			 *
+			 * The functions defined in this object are used to automatically detect
+			 * a column's type, making initialisation of DataTables super easy, even
+			 * when complex data is in the table.
+			 *
+			 * The functions defined take two parameters:
+			 *
+		     *  1. `{*}` Data from the column cell to be analysed
+		     *  2. `{settings}` DataTables settings object. This can be used to
+		     *     perform context specific type detection - for example detection
+		     *     based on language settings such as using a comma for a decimal
+		     *     place. Generally speaking the options from the settings will not
+		     *     be required
+			 *
+			 * Each function is expected to return:
+			 *
+			 * * `{string|null}` Data type detected, or null if unknown (and thus
+			 *   pass it on to the other type detection functions.
+			 *
+			 *  @type array
+			 *
+			 *  @example
+			 *    // Currency type detection plug-in:
+			 *    $.fn.dataTable.ext.type.detect.push(
+			 *      function ( data, settings ) {
+			 *        // Check the numeric part
+			 *        if ( ! $.isNumeric( data.substring(1) ) ) {
+			 *          return null;
+			 *        }
+			 *
+			 *        // Check prefixed by currency
+			 *        if ( data.charAt(0) == '$' || data.charAt(0) == '&pound;' ) {
+			 *          return 'currency';
+			 *        }
+			 *        return null;
+			 *      }
+			 *    );
+			 */
+			detect: [],
+	
+	
+			/**
+			 * Type based search formatting.
+			 *
+			 * The type based searching functions can be used to pre-format the
+			 * data to be search on. For example, it can be used to strip HTML
+			 * tags or to de-format telephone numbers for numeric only searching.
+			 *
+			 * Note that is a search is not defined for a column of a given type,
+			 * no search formatting will be performed.
+			 * 
+			 * Pre-processing of searching data plug-ins - When you assign the sType
+			 * for a column (or have it automatically detected for you by DataTables
+			 * or a type detection plug-in), you will typically be using this for
+			 * custom sorting, but it can also be used to provide custom searching
+			 * by allowing you to pre-processing the data and returning the data in
+			 * the format that should be searched upon. This is done by adding
+			 * functions this object with a parameter name which matches the sType
+			 * for that target column. This is the corollary of <i>afnSortData</i>
+			 * for searching data.
+			 *
+			 * The functions defined take a single parameter:
+			 *
+		     *  1. `{*}` Data from the column cell to be prepared for searching
+			 *
+			 * Each function is expected to return:
+			 *
+			 * * `{string|null}` Formatted string that will be used for the searching.
+			 *
+			 *  @type object
+			 *  @default {}
+			 *
+			 *  @example
+			 *    $.fn.dataTable.ext.type.search['title-numeric'] = function ( d ) {
+			 *      return d.replace(/\n/g," ").replace( /<.*?>/g, "" );
+			 *    }
+			 */
+			search: {},
+	
+	
+			/**
+			 * Type based ordering.
+			 *
+			 * The column type tells DataTables what ordering to apply to the table
+			 * when a column is sorted upon. The order for each type that is defined,
+			 * is defined by the functions available in this object.
+			 *
+			 * Each ordering option can be described by three properties added to
+			 * this object:
+			 *
+			 * * `{type}-pre` - Pre-formatting function
+			 * * `{type}-asc` - Ascending order function
+			 * * `{type}-desc` - Descending order function
+			 *
+			 * All three can be used together, only `{type}-pre` or only
+			 * `{type}-asc` and `{type}-desc` together. It is generally recommended
+			 * that only `{type}-pre` is used, as this provides the optimal
+			 * implementation in terms of speed, although the others are provided
+			 * for compatibility with existing Javascript sort functions.
+			 *
+			 * `{type}-pre`: Functions defined take a single parameter:
+			 *
+		     *  1. `{*}` Data from the column cell to be prepared for ordering
+			 *
+			 * And return:
+			 *
+			 * * `{*}` Data to be sorted upon
+			 *
+			 * `{type}-asc` and `{type}-desc`: Functions are typical Javascript sort
+			 * functions, taking two parameters:
+			 *
+		     *  1. `{*}` Data to compare to the second parameter
+		     *  2. `{*}` Data to compare to the first parameter
+			 *
+			 * And returning:
+			 *
+			 * * `{*}` Ordering match: <0 if first parameter should be sorted lower
+			 *   than the second parameter, ===0 if the two parameters are equal and
+			 *   >0 if the first parameter should be sorted height than the second
+			 *   parameter.
+			 * 
+			 *  @type object
+			 *  @default {}
+			 *
+			 *  @example
+			 *    // Numeric ordering of formatted numbers with a pre-formatter
+			 *    $.extend( $.fn.dataTable.ext.type.order, {
+			 *      "string-pre": function(x) {
+			 *        a = (a === "-" || a === "") ? 0 : a.replace( /[^\d\-\.]/g, "" );
+			 *        return parseFloat( a );
+			 *      }
+			 *    } );
+			 *
+			 *  @example
+			 *    // Case-sensitive string ordering, with no pre-formatting method
+			 *    $.extend( $.fn.dataTable.ext.order, {
+			 *      "string-case-asc": function(x,y) {
+			 *        return ((x < y) ? -1 : ((x > y) ? 1 : 0));
+			 *      },
+			 *      "string-case-desc": function(x,y) {
+			 *        return ((x < y) ? 1 : ((x > y) ? -1 : 0));
+			 *      }
+			 *    } );
+			 */
+			order: {}
+		},
+	
+		/**
+		 * Unique DataTables instance counter
+		 *
+		 * @type int
+		 * @private
+		 */
+		_unique: 0,
+	
+	
+		//
+		// Depreciated
+		// The following properties are retained for backwards compatiblity only.
+		// The should not be used in new projects and will be removed in a future
+		// version
+		//
+	
+		/**
+		 * Version check function.
+		 *  @type function
+		 *  @depreciated Since 1.10
+		 */
+		fnVersionCheck: DataTable.fnVersionCheck,
+	
+	
+		/**
+		 * Index for what 'this' index API functions should use
+		 *  @type int
+		 *  @deprecated Since v1.10
+		 */
+		iApiIndex: 0,
+	
+	
+		/**
+		 * jQuery UI class container
+		 *  @type object
+		 *  @deprecated Since v1.10
+		 */
+		oJUIClasses: {},
+	
+	
+		/**
+		 * Software version
+		 *  @type string
+		 *  @deprecated Since v1.10
+		 */
+		sVersion: DataTable.version
+	};
+	
+	
+	//
+	// Backwards compatibility. Alias to pre 1.10 Hungarian notation counter parts
+	//
+	$.extend( _ext, {
+		afnFiltering: _ext.search,
+		aTypes:       _ext.type.detect,
+		ofnSearch:    _ext.type.search,
+		oSort:        _ext.type.order,
+		afnSortData:  _ext.order,
+		aoFeatures:   _ext.feature,
+		oApi:         _ext.internal,
+		oStdClasses:  _ext.classes,
+		oPagination:  _ext.pager
+	} );
+	
+	
+	$.extend( DataTable.ext.classes, {
+		"sTable": "dataTable",
+		"sNoFooter": "no-footer",
+	
+		/* Paging buttons */
+		"sPageButton": "paginate_button",
+		"sPageButtonActive": "current",
+		"sPageButtonDisabled": "disabled",
+	
+		/* Striping classes */
+		"sStripeOdd": "odd",
+		"sStripeEven": "even",
+	
+		/* Empty row */
+		"sRowEmpty": "dataTables_empty",
+	
+		/* Features */
+		"sWrapper": "dataTables_wrapper",
+		"sFilter": "dataTables_filter",
+		"sInfo": "dataTables_info",
+		"sPaging": "dataTables_paginate paging_", /* Note that the type is postfixed */
+		"sLength": "dataTables_length",
+		"sProcessing": "dataTables_processing",
+	
+		/* Sorting */
+		"sSortAsc": "sorting_asc",
+		"sSortDesc": "sorting_desc",
+		"sSortable": "sorting", /* Sortable in both directions */
+		"sSortableAsc": "sorting_asc_disabled",
+		"sSortableDesc": "sorting_desc_disabled",
+		"sSortableNone": "sorting_disabled",
+		"sSortColumn": "sorting_", /* Note that an int is postfixed for the sorting order */
+	
+		/* Filtering */
+		"sFilterInput": "",
+	
+		/* Page length */
+		"sLengthSelect": "",
+	
+		/* Scrolling */
+		"sScrollWrapper": "dataTables_scroll",
+		"sScrollHead": "dataTables_scrollHead",
+		"sScrollHeadInner": "dataTables_scrollHeadInner",
+		"sScrollBody": "dataTables_scrollBody",
+		"sScrollFoot": "dataTables_scrollFoot",
+		"sScrollFootInner": "dataTables_scrollFootInner",
+	
+		/* Misc */
+		"sHeaderTH": "",
+		"sFooterTH": "",
+	
+		// Deprecated
+		"sSortJUIAsc": "",
+		"sSortJUIDesc": "",
+		"sSortJUI": "",
+		"sSortJUIAscAllowed": "",
+		"sSortJUIDescAllowed": "",
+		"sSortJUIWrapper": "",
+		"sSortIcon": "",
+		"sJUIHeader": "",
+		"sJUIFooter": ""
+	} );
+	
+	
+	(function() {
+	
+	// Reused strings for better compression. Closure compiler appears to have a
+	// weird edge case where it is trying to expand strings rather than use the
+	// variable version. This results in about 200 bytes being added, for very
+	// little preference benefit since it this run on script load only.
+	var _empty = '';
+	_empty = '';
+	
+	var _stateDefault = _empty + 'ui-state-default';
+	var _sortIcon     = _empty + 'css_right ui-icon ui-icon-';
+	var _headerFooter = _empty + 'fg-toolbar ui-toolbar ui-widget-header ui-helper-clearfix';
+	
+	$.extend( DataTable.ext.oJUIClasses, DataTable.ext.classes, {
+		/* Full numbers paging buttons */
+		"sPageButton":         "fg-button ui-button "+_stateDefault,
+		"sPageButtonActive":   "ui-state-disabled",
+		"sPageButtonDisabled": "ui-state-disabled",
+	
+		/* Features */
+		"sPaging": "dataTables_paginate fg-buttonset ui-buttonset fg-buttonset-multi "+
+			"ui-buttonset-multi paging_", /* Note that the type is postfixed */
+	
+		/* Sorting */
+		"sSortAsc":            _stateDefault+" sorting_asc",
+		"sSortDesc":           _stateDefault+" sorting_desc",
+		"sSortable":           _stateDefault+" sorting",
+		"sSortableAsc":        _stateDefault+" sorting_asc_disabled",
+		"sSortableDesc":       _stateDefault+" sorting_desc_disabled",
+		"sSortableNone":       _stateDefault+" sorting_disabled",
+		"sSortJUIAsc":         _sortIcon+"triangle-1-n",
+		"sSortJUIDesc":        _sortIcon+"triangle-1-s",
+		"sSortJUI":            _sortIcon+"carat-2-n-s",
+		"sSortJUIAscAllowed":  _sortIcon+"carat-1-n",
+		"sSortJUIDescAllowed": _sortIcon+"carat-1-s",
+		"sSortJUIWrapper":     "DataTables_sort_wrapper",
+		"sSortIcon":           "DataTables_sort_icon",
+	
+		/* Scrolling */
+		"sScrollHead": "dataTables_scrollHead "+_stateDefault,
+		"sScrollFoot": "dataTables_scrollFoot "+_stateDefault,
+	
+		/* Misc */
+		"sHeaderTH":  _stateDefault,
+		"sFooterTH":  _stateDefault,
+		"sJUIHeader": _headerFooter+" ui-corner-tl ui-corner-tr",
+		"sJUIFooter": _headerFooter+" ui-corner-bl ui-corner-br"
+	} );
+	
+	}());
+	
+	
+	
+	var extPagination = DataTable.ext.pager;
+	
+	function _numbers ( page, pages ) {
+		var
+			numbers = [],
+			buttons = extPagination.numbers_length,
+			half = Math.floor( buttons / 2 ),
+			i = 1;
+	
+		if ( pages <= buttons ) {
+			numbers = _range( 0, pages );
+		}
+		else if ( page <= half ) {
+			numbers = _range( 0, buttons-2 );
+			numbers.push( 'ellipsis' );
+			numbers.push( pages-1 );
+		}
+		else if ( page >= pages - 1 - half ) {
+			numbers = _range( pages-(buttons-2), pages );
+			numbers.splice( 0, 0, 'ellipsis' ); // no unshift in ie6
+			numbers.splice( 0, 0, 0 );
+		}
+		else {
+			numbers = _range( page-1, page+2 );
+			numbers.push( 'ellipsis' );
+			numbers.push( pages-1 );
+			numbers.splice( 0, 0, 'ellipsis' );
+			numbers.splice( 0, 0, 0 );
+		}
+	
+		numbers.DT_el = 'span';
+		return numbers;
+	}
+	
+	
+	$.extend( extPagination, {
+		simple: function ( page, pages ) {
+			return [ 'previous', 'next' ];
+		},
+	
+		full: function ( page, pages ) {
+			return [  'first', 'previous', 'next', 'last' ];
+		},
+	
+		simple_numbers: function ( page, pages ) {
+			return [ 'previous', _numbers(page, pages), 'next' ];
+		},
+	
+		full_numbers: function ( page, pages ) {
+			return [ 'first', 'previous', _numbers(page, pages), 'next', 'last' ];
+		},
+	
+		// For testing and plug-ins to use
+		_numbers: _numbers,
+		numbers_length: 7
+	} );
+	
+	
+	$.extend( true, DataTable.ext.renderer, {
+		pageButton: {
+			_: function ( settings, host, idx, buttons, page, pages ) {
+				var classes = settings.oClasses;
+				var lang = settings.oLanguage.oPaginate;
+				var btnDisplay, btnClass, counter=0;
+	
+				var attach = function( container, buttons ) {
+					var i, ien, node, button;
+					var clickHandler = function ( e ) {
+						_fnPageChange( settings, e.data.action, true );
+					};
+	
+					for ( i=0, ien=buttons.length ; i<ien ; i++ ) {
+						button = buttons[i];
+	
+						if ( $.isArray( button ) ) {
+							var inner = $( '<'+(button.DT_el || 'div')+'/>' )
+								.appendTo( container );
+							attach( inner, button );
+						}
+						else {
+							btnDisplay = '';
+							btnClass = '';
+	
+							switch ( button ) {
+								case 'ellipsis':
+									container.append('<span>&hellip;</span>');
+									break;
+	
+								case 'first':
+									btnDisplay = lang.sFirst;
+									btnClass = button + (page > 0 ?
+										'' : ' '+classes.sPageButtonDisabled);
+									break;
+	
+								case 'previous':
+									btnDisplay = lang.sPrevious;
+									btnClass = button + (page > 0 ?
+										'' : ' '+classes.sPageButtonDisabled);
+									break;
+	
+								case 'next':
+									btnDisplay = lang.sNext;
+									btnClass = button + (page < pages-1 ?
+										'' : ' '+classes.sPageButtonDisabled);
+									break;
+	
+								case 'last':
+									btnDisplay = lang.sLast;
+									btnClass = button + (page < pages-1 ?
+										'' : ' '+classes.sPageButtonDisabled);
+									break;
+	
+								default:
+									btnDisplay = button + 1;
+									btnClass = page === button ?
+										classes.sPageButtonActive : '';
+									break;
+							}
+	
+							if ( btnDisplay ) {
+								node = $('<a>', {
+										'class': classes.sPageButton+' '+btnClass,
+										'aria-controls': settings.sTableId,
+										'data-dt-idx': counter,
+										'tabindex': settings.iTabIndex,
+										'id': idx === 0 && typeof button === 'string' ?
+											settings.sTableId +'_'+ button :
+											null
+									} )
+									.html( btnDisplay )
+									.appendTo( container );
+	
+								_fnBindAction(
+									node, {action: button}, clickHandler
+								);
+	
+								counter++;
+							}
+						}
+					}
+				};
+	
+				// IE9 throws an 'unknown error' if document.activeElement is used
+				// inside an iframe or frame. Try / catch the error. Not good for
+				// accessibility, but neither are frames.
+				try {
+					// Because this approach is destroying and recreating the paging
+					// elements, focus is lost on the select button which is bad for
+					// accessibility. So we want to restore focus once the draw has
+					// completed
+					var activeEl = $(document.activeElement).data('dt-idx');
+	
+					attach( $(host).empty(), buttons );
+	
+					if ( activeEl !== null ) {
+						$(host).find( '[data-dt-idx='+activeEl+']' ).focus();
+					}
+				}
+				catch (e) {}
+			}
+		}
+	} );
+	
+	
+	
+	// Built in type detection. See model.ext.aTypes for information about
+	// what is required from this methods.
+	$.extend( DataTable.ext.type.detect, [
+		// Plain numbers - first since V8 detects some plain numbers as dates
+		// e.g. Date.parse('55') (but not all, e.g. Date.parse('22')...).
+		function ( d, settings )
+		{
+			var decimal = settings.oLanguage.sDecimal;
+			return _isNumber( d, decimal ) ? 'num'+decimal : null;
+		},
+	
+		// Dates (only those recognised by the browser's Date.parse)
+		function ( d, settings )
+		{
+			// V8 will remove any unknown characters at the start and end of the
+			// expression, leading to false matches such as `$245.12` or `10%` being
+			// a valid date. See forum thread 18941 for detail.
+			if ( d && !(d instanceof Date) && ( ! _re_date_start.test(d) || ! _re_date_end.test(d) ) ) {
+				return null;
+			}
+			var parsed = Date.parse(d);
+			return (parsed !== null && !isNaN(parsed)) || _empty(d) ? 'date' : null;
+		},
+	
+		// Formatted numbers
+		function ( d, settings )
+		{
+			var decimal = settings.oLanguage.sDecimal;
+			return _isNumber( d, decimal, true ) ? 'num-fmt'+decimal : null;
+		},
+	
+		// HTML numeric
+		function ( d, settings )
+		{
+			var decimal = settings.oLanguage.sDecimal;
+			return _htmlNumeric( d, decimal ) ? 'html-num'+decimal : null;
+		},
+	
+		// HTML numeric, formatted
+		function ( d, settings )
+		{
+			var decimal = settings.oLanguage.sDecimal;
+			return _htmlNumeric( d, decimal, true ) ? 'html-num-fmt'+decimal : null;
+		},
+	
+		// HTML (this is strict checking - there must be html)
+		function ( d, settings )
+		{
+			return _empty( d ) || (typeof d === 'string' && d.indexOf('<') !== -1) ?
+				'html' : null;
+		}
+	] );
+	
+	
+	
+	// Filter formatting functions. See model.ext.ofnSearch for information about
+	// what is required from these methods.
+	// 
+	// Note that additional search methods are added for the html numbers and
+	// html formatted numbers by `_addNumericSort()` when we know what the decimal
+	// place is
+	
+	
+	$.extend( DataTable.ext.type.search, {
+		html: function ( data ) {
+			return _empty(data) ?
+				data :
+				typeof data === 'string' ?
+					data
+						.replace( _re_new_lines, " " )
+						.replace( _re_html, "" ) :
+					'';
+		},
+	
+		string: function ( data ) {
+			return _empty(data) ?
+				data :
+				typeof data === 'string' ?
+					data.replace( _re_new_lines, " " ) :
+					data;
+		}
+	} );
+	
+	
+	
+	var __numericReplace = function ( d, decimalPlace, re1, re2 ) {
+		if ( d !== 0 && (!d || d === '-') ) {
+			return -Infinity;
+		}
+	
+		// If a decimal place other than `.` is used, it needs to be given to the
+		// function so we can detect it and replace with a `.` which is the only
+		// decimal place Javascript recognises - it is not locale aware.
+		if ( decimalPlace ) {
+			d = _numToDecimal( d, decimalPlace );
+		}
+	
+		if ( d.replace ) {
+			if ( re1 ) {
+				d = d.replace( re1, '' );
+			}
+	
+			if ( re2 ) {
+				d = d.replace( re2, '' );
+			}
+		}
+	
+		return d * 1;
+	};
+	
+	
+	// Add the numeric 'deformatting' functions for sorting and search. This is done
+	// in a function to provide an easy ability for the language options to add
+	// additional methods if a non-period decimal place is used.
+	function _addNumericSort ( decimalPlace ) {
+		$.each(
+			{
+				// Plain numbers
+				"num": function ( d ) {
+					return __numericReplace( d, decimalPlace );
+				},
+	
+				// Formatted numbers
+				"num-fmt": function ( d ) {
+					return __numericReplace( d, decimalPlace, _re_formatted_numeric );
+				},
+	
+				// HTML numeric
+				"html-num": function ( d ) {
+					return __numericReplace( d, decimalPlace, _re_html );
+				},
+	
+				// HTML numeric, formatted
+				"html-num-fmt": function ( d ) {
+					return __numericReplace( d, decimalPlace, _re_html, _re_formatted_numeric );
+				}
+			},
+			function ( key, fn ) {
+				// Add the ordering method
+				_ext.type.order[ key+decimalPlace+'-pre' ] = fn;
+	
+				// For HTML types add a search formatter that will strip the HTML
+				if ( key.match(/^html\-/) ) {
+					_ext.type.search[ key+decimalPlace ] = _ext.type.search.html;
+				}
+			}
+		);
+	}
+	
+	
+	// Default sort methods
+	$.extend( _ext.type.order, {
+		// Dates
+		"date-pre": function ( d ) {
+			return Date.parse( d ) || 0;
+		},
+	
+		// html
+		"html-pre": function ( a ) {
+			return _empty(a) ?
+				'' :
+				a.replace ?
+					a.replace( /<.*?>/g, "" ).toLowerCase() :
+					a+'';
+		},
+	
+		// string
+		"string-pre": function ( a ) {
+			// This is a little complex, but faster than always calling toString,
+			// http://jsperf.com/tostring-v-check
+			return _empty(a) ?
+				'' :
+				typeof a === 'string' ?
+					a.toLowerCase() :
+					! a.toString ?
+						'' :
+						a.toString();
+		},
+	
+		// string-asc and -desc are retained only for compatibility with the old
+		// sort methods
+		"string-asc": function ( x, y ) {
+			return ((x < y) ? -1 : ((x > y) ? 1 : 0));
+		},
+	
+		"string-desc": function ( x, y ) {
+			return ((x < y) ? 1 : ((x > y) ? -1 : 0));
+		}
+	} );
+	
+	
+	// Numeric sorting types - order doesn't matter here
+	_addNumericSort( '' );
+	
+	
+	$.extend( true, DataTable.ext.renderer, {
+		header: {
+			_: function ( settings, cell, column, classes ) {
+				// No additional mark-up required
+				// Attach a sort listener to update on sort - note that using the
+				// `DT` namespace will allow the event to be removed automatically
+				// on destroy, while the `dt` namespaced event is the one we are
+				// listening for
+				$(settings.nTable).on( 'order.dt.DT', function ( e, ctx, sorting, columns ) {
+					if ( settings !== ctx ) { // need to check this this is the host
+						return;               // table, not a nested one
+					}
+	
+					var colIdx = column.idx;
+	
+					cell
+						.removeClass(
+							column.sSortingClass +' '+
+							classes.sSortAsc +' '+
+							classes.sSortDesc
+						)
+						.addClass( columns[ colIdx ] == 'asc' ?
+							classes.sSortAsc : columns[ colIdx ] == 'desc' ?
+								classes.sSortDesc :
+								column.sSortingClass
+						);
+				} );
+			},
+	
+			jqueryui: function ( settings, cell, column, classes ) {
+				$('<div/>')
+					.addClass( classes.sSortJUIWrapper )
+					.append( cell.contents() )
+					.append( $('<span/>')
+						.addClass( classes.sSortIcon+' '+column.sSortingClassJUI )
+					)
+					.appendTo( cell );
+	
+				// Attach a sort listener to update on sort
+				$(settings.nTable).on( 'order.dt.DT', function ( e, ctx, sorting, columns ) {
+					if ( settings !== ctx ) {
+						return;
+					}
+	
+					var colIdx = column.idx;
+	
+					cell
+						.removeClass( classes.sSortAsc +" "+classes.sSortDesc )
+						.addClass( columns[ colIdx ] == 'asc' ?
+							classes.sSortAsc : columns[ colIdx ] == 'desc' ?
+								classes.sSortDesc :
+								column.sSortingClass
+						);
+	
+					cell
+						.find( 'span.'+classes.sSortIcon )
+						.removeClass(
+							classes.sSortJUIAsc +" "+
+							classes.sSortJUIDesc +" "+
+							classes.sSortJUI +" "+
+							classes.sSortJUIAscAllowed +" "+
+							classes.sSortJUIDescAllowed
+						)
+						.addClass( columns[ colIdx ] == 'asc' ?
+							classes.sSortJUIAsc : columns[ colIdx ] == 'desc' ?
+								classes.sSortJUIDesc :
+								column.sSortingClassJUI
+						);
+				} );
+			}
+		}
+	} );
+	
+	/*
+	 * Public helper functions. These aren't used internally by DataTables, or
+	 * called by any of the options passed into DataTables, but they can be used
+	 * externally by developers working with DataTables. They are helper functions
+	 * to make working with DataTables a little bit easier.
+	 */
+	
+	/**
+	 * Helpers for `columns.render`.
+	 *
+	 * The options defined here can be used with the `columns.render` initialisation
+	 * option to provide a display renderer. The following functions are defined:
+	 *
+	 * * `number` - Will format numeric data (defined by `columns.data`) for
+	 *   display, retaining the original unformatted data for sorting and filtering.
+	 *   It takes 4 parameters:
+	 *   * `string` - Thousands grouping separator
+	 *   * `string` - Decimal point indicator
+	 *   * `integer` - Number of decimal points to show
+	 *   * `string` (optional) - Prefix.
+	 *
+	 * @example
+	 *   // Column definition using the number renderer
+	 *   {
+	 *     data: "salary",
+	 *     render: $.fn.dataTable.render.number( '\'', '.', 0, '$' )
+	 *   }
+	 *
+	 * @namespace
+	 */
+	DataTable.render = {
+		number: function ( thousands, decimal, precision, prefix ) {
+			return {
+				display: function ( d ) {
+					var negative = d < 0 ? '-' : '';
+					d = Math.abs( parseFloat( d ) );
+	
+					var intPart = parseInt( d, 10 );
+					var floatPart = precision ?
+						decimal+(d - intPart).toFixed( precision ).substring( 2 ):
+						'';
+	
+					return negative + (prefix||'') +
+						intPart.toString().replace(
+							/\B(?=(\d{3})+(?!\d))/g, thousands
+						) +
+						floatPart;
+				}
+			};
+		}
+	};
+	
+	
+	/*
+	 * This is really a good bit rubbish this method of exposing the internal methods
+	 * publicly... - To be fixed in 2.0 using methods on the prototype
+	 */
+	
+	
+	/**
+	 * Create a wrapper function for exporting an internal functions to an external API.
+	 *  @param {string} fn API function name
+	 *  @returns {function} wrapped function
+	 *  @memberof DataTable#internal
+	 */
+	function _fnExternApiFunc (fn)
+	{
+		return function() {
+			var args = [_fnSettingsFromNode( this[DataTable.ext.iApiIndex] )].concat(
+				Array.prototype.slice.call(arguments)
+			);
+			return DataTable.ext.internal[fn].apply( this, args );
+		};
+	}
+	
+	
+	/**
+	 * Reference to internal functions for use by plug-in developers. Note that
+	 * these methods are references to internal functions and are considered to be
+	 * private. If you use these methods, be aware that they are liable to change
+	 * between versions.
+	 *  @namespace
+	 */
+	$.extend( DataTable.ext.internal, {
+		_fnExternApiFunc: _fnExternApiFunc,
+		_fnBuildAjax: _fnBuildAjax,
+		_fnAjaxUpdate: _fnAjaxUpdate,
+		_fnAjaxParameters: _fnAjaxParameters,
+		_fnAjaxUpdateDraw: _fnAjaxUpdateDraw,
+		_fnAjaxDataSrc: _fnAjaxDataSrc,
+		_fnAddColumn: _fnAddColumn,
+		_fnColumnOptions: _fnColumnOptions,
+		_fnAdjustColumnSizing: _fnAdjustColumnSizing,
+		_fnVisibleToColumnIndex: _fnVisibleToColumnIndex,
+		_fnColumnIndexToVisible: _fnColumnIndexToVisible,
+		_fnVisbleColumns: _fnVisbleColumns,
+		_fnGetColumns: _fnGetColumns,
+		_fnColumnTypes: _fnColumnTypes,
+		_fnApplyColumnDefs: _fnApplyColumnDefs,
+		_fnHungarianMap: _fnHungarianMap,
+		_fnCamelToHungarian: _fnCamelToHungarian,
+		_fnLanguageCompat: _fnLanguageCompat,
+		_fnBrowserDetect: _fnBrowserDetect,
+		_fnAddData: _fnAddData,
+		_fnAddTr: _fnAddTr,
+		_fnNodeToDataIndex: _fnNodeToDataIndex,
+		_fnNodeToColumnIndex: _fnNodeToColumnIndex,
+		_fnGetCellData: _fnGetCellData,
+		_fnSetCellData: _fnSetCellData,
+		_fnSplitObjNotation: _fnSplitObjNotation,
+		_fnGetObjectDataFn: _fnGetObjectDataFn,
+		_fnSetObjectDataFn: _fnSetObjectDataFn,
+		_fnGetDataMaster: _fnGetDataMaster,
+		_fnClearTable: _fnClearTable,
+		_fnDeleteIndex: _fnDeleteIndex,
+		_fnInvalidate: _fnInvalidate,
+		_fnGetRowElements: _fnGetRowElements,
+		_fnCreateTr: _fnCreateTr,
+		_fnBuildHead: _fnBuildHead,
+		_fnDrawHead: _fnDrawHead,
+		_fnDraw: _fnDraw,
+		_fnReDraw: _fnReDraw,
+		_fnAddOptionsHtml: _fnAddOptionsHtml,
+		_fnDetectHeader: _fnDetectHeader,
+		_fnGetUniqueThs: _fnGetUniqueThs,
+		_fnFeatureHtmlFilter: _fnFeatureHtmlFilter,
+		_fnFilterComplete: _fnFilterComplete,
+		_fnFilterCustom: _fnFilterCustom,
+		_fnFilterColumn: _fnFilterColumn,
+		_fnFilter: _fnFilter,
+		_fnFilterCreateSearch: _fnFilterCreateSearch,
+		_fnEscapeRegex: _fnEscapeRegex,
+		_fnFilterData: _fnFilterData,
+		_fnFeatureHtmlInfo: _fnFeatureHtmlInfo,
+		_fnUpdateInfo: _fnUpdateInfo,
+		_fnInfoMacros: _fnInfoMacros,
+		_fnInitialise: _fnInitialise,
+		_fnInitComplete: _fnInitComplete,
+		_fnLengthChange: _fnLengthChange,
+		_fnFeatureHtmlLength: _fnFeatureHtmlLength,
+		_fnFeatureHtmlPaginate: _fnFeatureHtmlPaginate,
+		_fnPageChange: _fnPageChange,
+		_fnFeatureHtmlProcessing: _fnFeatureHtmlProcessing,
+		_fnProcessingDisplay: _fnProcessingDisplay,
+		_fnFeatureHtmlTable: _fnFeatureHtmlTable,
+		_fnScrollDraw: _fnScrollDraw,
+		_fnApplyToChildren: _fnApplyToChildren,
+		_fnCalculateColumnWidths: _fnCalculateColumnWidths,
+		_fnThrottle: _fnThrottle,
+		_fnConvertToWidth: _fnConvertToWidth,
+		_fnScrollingWidthAdjust: _fnScrollingWidthAdjust,
+		_fnGetWidestNode: _fnGetWidestNode,
+		_fnGetMaxLenString: _fnGetMaxLenString,
+		_fnStringToCss: _fnStringToCss,
+		_fnScrollBarWidth: _fnScrollBarWidth,
+		_fnSortFlatten: _fnSortFlatten,
+		_fnSort: _fnSort,
+		_fnSortAria: _fnSortAria,
+		_fnSortListener: _fnSortListener,
+		_fnSortAttachListener: _fnSortAttachListener,
+		_fnSortingClasses: _fnSortingClasses,
+		_fnSortData: _fnSortData,
+		_fnSaveState: _fnSaveState,
+		_fnLoadState: _fnLoadState,
+		_fnSettingsFromNode: _fnSettingsFromNode,
+		_fnLog: _fnLog,
+		_fnMap: _fnMap,
+		_fnBindAction: _fnBindAction,
+		_fnCallbackReg: _fnCallbackReg,
+		_fnCallbackFire: _fnCallbackFire,
+		_fnLengthOverflow: _fnLengthOverflow,
+		_fnRenderer: _fnRenderer,
+		_fnDataSource: _fnDataSource,
+		_fnRowAttributes: _fnRowAttributes,
+		_fnCalculateEnd: function () {} // Used by a lot of plug-ins, but redundant
+		                                // in 1.10, so this dead-end function is
+		                                // added to prevent errors
+	} );
+	
+
+	// jQuery access
+	$.fn.dataTable = DataTable;
+
+	// Legacy aliases
+	$.fn.dataTableSettings = DataTable.settings;
+	$.fn.dataTableExt = DataTable.ext;
+
+	// With a capital `D` we return a DataTables API instance rather than a
+	// jQuery object
+	$.fn.DataTable = function ( opts ) {
+		return $(this).dataTable( opts ).api();
+	};
+
+	// All properties that are available to $.fn.dataTable should also be
+	// available on $.fn.DataTable
+	$.each( DataTable, function ( prop, val ) {
+		$.fn.DataTable[ prop ] = val;
+	} );
+
+
+	// Information about events fired by DataTables - for documentation.
+	/**
+	 * Draw event, fired whenever the table is redrawn on the page, at the same
+	 * point as fnDrawCallback. This may be useful for binding events or
+	 * performing calculations when the table is altered at all.
+	 *  @name DataTable#draw.dt
+	 *  @event
+	 *  @param {event} e jQuery event object
+	 *  @param {object} o DataTables settings object {@link DataTable.models.oSettings}
+	 */
+
+	/**
+	 * Search event, fired when the searching applied to the table (using the
+	 * built-in global search, or column filters) is altered.
+	 *  @name DataTable#search.dt
+	 *  @event
+	 *  @param {event} e jQuery event object
+	 *  @param {object} o DataTables settings object {@link DataTable.models.oSettings}
+	 */
+
+	/**
+	 * Page change event, fired when the paging of the table is altered.
+	 *  @name DataTable#page.dt
+	 *  @event
+	 *  @param {event} e jQuery event object
+	 *  @param {object} o DataTables settings object {@link DataTable.models.oSettings}
+	 */
+
+	/**
+	 * Order event, fired when the ordering applied to the table is altered.
+	 *  @name DataTable#order.dt
+	 *  @event
+	 *  @param {event} e jQuery event object
+	 *  @param {object} o DataTables settings object {@link DataTable.models.oSettings}
+	 */
+
+	/**
+	 * DataTables initialisation complete event, fired when the table is fully
+	 * drawn, including Ajax data loaded, if Ajax data is required.
+	 *  @name DataTable#init.dt
+	 *  @event
+	 *  @param {event} e jQuery event object
+	 *  @param {object} oSettings DataTables settings object
+	 *  @param {object} json The JSON object request from the server - only
+	 *    present if client-side Ajax sourced data is used</li></ol>
+	 */
+
+	/**
+	 * State save event, fired when the table has changed state a new state save
+	 * is required. This event allows modification of the state saving object
+	 * prior to actually doing the save, including addition or other state
+	 * properties (for plug-ins) or modification of a DataTables core property.
+	 *  @name DataTable#stateSaveParams.dt
+	 *  @event
+	 *  @param {event} e jQuery event object
+	 *  @param {object} oSettings DataTables settings object
+	 *  @param {object} json The state information to be saved
+	 */
+
+	/**
+	 * State load event, fired when the table is loading state from the stored
+	 * data, but prior to the settings object being modified by the saved state
+	 * - allowing modification of the saved state is required or loading of
+	 * state for a plug-in.
+	 *  @name DataTable#stateLoadParams.dt
+	 *  @event
+	 *  @param {event} e jQuery event object
+	 *  @param {object} oSettings DataTables settings object
+	 *  @param {object} json The saved state information
+	 */
+
+	/**
+	 * State loaded event, fired when state has been loaded from stored data and
+	 * the settings object has been modified by the loaded data.
+	 *  @name DataTable#stateLoaded.dt
+	 *  @event
+	 *  @param {event} e jQuery event object
+	 *  @param {object} oSettings DataTables settings object
+	 *  @param {object} json The saved state information
+	 */
+
+	/**
+	 * Processing event, fired when DataTables is doing some kind of processing
+	 * (be it, order, searcg or anything else). It can be used to indicate to
+	 * the end user that there is something happening, or that something has
+	 * finished.
+	 *  @name DataTable#processing.dt
+	 *  @event
+	 *  @param {event} e jQuery event object
+	 *  @param {object} oSettings DataTables settings object
+	 *  @param {boolean} bShow Flag for if DataTables is doing processing or not
+	 */
+
+	/**
+	 * Ajax (XHR) event, fired whenever an Ajax request is completed from a
+	 * request to made to the server for new data. This event is called before
+	 * DataTables processed the returned data, so it can also be used to pre-
+	 * process the data returned from the server, if needed.
+	 *
+	 * Note that this trigger is called in `fnServerData`, if you override
+	 * `fnServerData` and which to use this event, you need to trigger it in you
+	 * success function.
+	 *  @name DataTable#xhr.dt
+	 *  @event
+	 *  @param {event} e jQuery event object
+	 *  @param {object} o DataTables settings object {@link DataTable.models.oSettings}
+	 *  @param {object} json JSON returned from the server
+	 *
+	 *  @example
+	 *     // Use a custom property returned from the server in another DOM element
+	 *     $('#table').dataTable().on('xhr.dt', function (e, settings, json) {
+	 *       $('#status').html( json.status );
+	 *     } );
+	 *
+	 *  @example
+	 *     // Pre-process the data returned from the server
+	 *     $('#table').dataTable().on('xhr.dt', function (e, settings, json) {
+	 *       for ( var i=0, ien=json.aaData.length ; i<ien ; i++ ) {
+	 *         json.aaData[i].sum = json.aaData[i].one + json.aaData[i].two;
+	 *       }
+	 *       // Note no return - manipulate the data directly in the JSON object.
+	 *     } );
+	 */
+
+	/**
+	 * Destroy event, fired when the DataTable is destroyed by calling fnDestroy
+	 * or passing the bDestroy:true parameter in the initialisation object. This
+	 * can be used to remove bound events, added DOM nodes, etc.
+	 *  @name DataTable#destroy.dt
+	 *  @event
+	 *  @param {event} e jQuery event object
+	 *  @param {object} o DataTables settings object {@link DataTable.models.oSettings}
+	 */
+
+	/**
+	 * Page length change event, fired when number of records to show on each
+	 * page (the length) is changed.
+	 *  @name DataTable#length.dt
+	 *  @event
+	 *  @param {event} e jQuery event object
+	 *  @param {object} o DataTables settings object {@link DataTable.models.oSettings}
+	 *  @param {integer} len New length
+	 */
+
+	/**
+	 * Column sizing has changed.
+	 *  @name DataTable#column-sizing.dt
+	 *  @event
+	 *  @param {event} e jQuery event object
+	 *  @param {object} o DataTables settings object {@link DataTable.models.oSettings}
+	 */
+
+	/**
+	 * Column visibility has changed.
+	 *  @name DataTable#column-visibility.dt
+	 *  @event
+	 *  @param {event} e jQuery event object
+	 *  @param {object} o DataTables settings object {@link DataTable.models.oSettings}
+	 *  @param {int} column Column index
+	 *  @param {bool} vis `false` if column now hidden, or `true` if visible
+	 */
+
+	return $.fn.dataTable;
+}));
+
+}(window, document));
+
diff --git a/web/bootstrap-ace-admin/js/date-time/bootstrap-datepicker.js b/web/bootstrap-ace-admin/js/date-time/bootstrap-datepicker.js
new file mode 100755
index 00000000..1454a769
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/date-time/bootstrap-datepicker.js
@@ -0,0 +1,1671 @@
+/* =========================================================
+ * bootstrap-datepicker.js
+ * Repo: https://github.com/eternicode/bootstrap-datepicker/
+ * Demo: http://eternicode.github.io/bootstrap-datepicker/
+ * Docs: http://bootstrap-datepicker.readthedocs.org/
+ * Forked from http://www.eyecon.ro/bootstrap-datepicker
+ * =========================================================
+ * Started by Stefan Petre; improvements by Andrew Rowls + contributors
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================= */
+
+(function($, undefined){
+	var $date_prev_icon = '&laquo;';//ACE
+	var $date_next_icon = '&raquo;';//ACE
+	var $window = $(window);
+
+	function UTCDate(){
+		return new Date(Date.UTC.apply(Date, arguments));
+	}
+	function UTCToday(){
+		var today = new Date();
+		return UTCDate(today.getFullYear(), today.getMonth(), today.getDate());
+	}
+	function alias(method){
+		return function(){
+			return this[method].apply(this, arguments);
+		};
+	}
+
+	var DateArray = (function(){
+		var extras = {
+			get: function(i){
+				return this.slice(i)[0];
+			},
+			contains: function(d){
+				// Array.indexOf is not cross-browser;
+				// $.inArray doesn't work with Dates
+				var val = d && d.valueOf();
+				for (var i=0, l=this.length; i < l; i++)
+					if (this[i].valueOf() === val)
+						return i;
+				return -1;
+			},
+			remove: function(i){
+				this.splice(i,1);
+			},
+			replace: function(new_array){
+				if (!new_array)
+					return;
+				if (!$.isArray(new_array))
+					new_array = [new_array];
+				this.clear();
+				this.push.apply(this, new_array);
+			},
+			clear: function(){
+				this.length = 0;
+			},
+			copy: function(){
+				var a = new DateArray();
+				a.replace(this);
+				return a;
+			}
+		};
+
+		return function(){
+			var a = [];
+			a.push.apply(a, arguments);
+			$.extend(a, extras);
+			return a;
+		};
+	})();
+
+
+	var Datepicker = function(element, options){
+		this.dates = new DateArray();
+		this.viewDate = UTCToday();
+		this.focusDate = null;
+
+		this._process_options(options);
+
+		this.element = $(element);
+		this.isInline = false;
+		this.isInput = this.element.is('input');
+		this.component = this.element.is('.date') ? this.element.find('.add-on, .input-group-addon, .btn') : false;
+		this.hasInput = this.component && this.element.find('input').length;
+		if (this.component && this.component.length === 0)
+			this.component = false;
+
+		this.picker = $(DPGlobal.template);
+		this._buildEvents();
+		this._attachEvents();
+
+		if (this.isInline){
+			this.picker.addClass('datepicker-inline').appendTo(this.element);
+		}
+		else {
+			this.picker.addClass('datepicker-dropdown dropdown-menu');
+		}
+
+		if (this.o.rtl){
+			this.picker.addClass('datepicker-rtl');
+		}
+
+		this.viewMode = this.o.startView;
+
+		if (this.o.calendarWeeks)
+			this.picker.find('tfoot th.today')
+						.attr('colspan', function(i, val){
+							return parseInt(val) + 1;
+						});
+
+		this._allow_update = false;
+
+		this.setStartDate(this._o.startDate);
+		this.setEndDate(this._o.endDate);
+		this.setDaysOfWeekDisabled(this.o.daysOfWeekDisabled);
+
+		this.fillDow();
+		this.fillMonths();
+
+		this._allow_update = true;
+
+		this.update();
+		this.showMode();
+
+		if (this.isInline){
+			this.show();
+		}
+	};
+
+	Datepicker.prototype = {
+		constructor: Datepicker,
+
+		_process_options: function(opts){
+			// Store raw options for reference
+			this._o = $.extend({}, this._o, opts);
+			// Processed options
+			var o = this.o = $.extend({}, this._o);
+
+			// Check if "de-DE" style date is available, if not language should
+			// fallback to 2 letter code eg "de"
+			var lang = o.language;
+			if (!dates[lang]){
+				lang = lang.split('-')[0];
+				if (!dates[lang])
+					lang = defaults.language;
+			}
+			o.language = lang;
+
+			switch (o.startView){
+				case 2:
+				case 'decade':
+					o.startView = 2;
+					break;
+				case 1:
+				case 'year':
+					o.startView = 1;
+					break;
+				default:
+					o.startView = 0;
+			}
+
+			switch (o.minViewMode){
+				case 1:
+				case 'months':
+					o.minViewMode = 1;
+					break;
+				case 2:
+				case 'years':
+					o.minViewMode = 2;
+					break;
+				default:
+					o.minViewMode = 0;
+			}
+
+			o.startView = Math.max(o.startView, o.minViewMode);
+
+			// true, false, or Number > 0
+			if (o.multidate !== true){
+				o.multidate = Number(o.multidate) || false;
+				if (o.multidate !== false)
+					o.multidate = Math.max(0, o.multidate);
+				else
+					o.multidate = 1;
+			}
+			o.multidateSeparator = String(o.multidateSeparator);
+
+			o.weekStart %= 7;
+			o.weekEnd = ((o.weekStart + 6) % 7);
+
+			var format = DPGlobal.parseFormat(o.format);
+			if (o.startDate !== -Infinity){
+				if (!!o.startDate){
+					if (o.startDate instanceof Date)
+						o.startDate = this._local_to_utc(this._zero_time(o.startDate));
+					else
+						o.startDate = DPGlobal.parseDate(o.startDate, format, o.language);
+				}
+				else {
+					o.startDate = -Infinity;
+				}
+			}
+			if (o.endDate !== Infinity){
+				if (!!o.endDate){
+					if (o.endDate instanceof Date)
+						o.endDate = this._local_to_utc(this._zero_time(o.endDate));
+					else
+						o.endDate = DPGlobal.parseDate(o.endDate, format, o.language);
+				}
+				else {
+					o.endDate = Infinity;
+				}
+			}
+
+			o.daysOfWeekDisabled = o.daysOfWeekDisabled||[];
+			if (!$.isArray(o.daysOfWeekDisabled))
+				o.daysOfWeekDisabled = o.daysOfWeekDisabled.split(/[,\s]*/);
+			o.daysOfWeekDisabled = $.map(o.daysOfWeekDisabled, function(d){
+				return parseInt(d, 10);
+			});
+
+			var plc = String(o.orientation).toLowerCase().split(/\s+/g),
+				_plc = o.orientation.toLowerCase();
+			plc = $.grep(plc, function(word){
+				return (/^auto|left|right|top|bottom$/).test(word);
+			});
+			o.orientation = {x: 'auto', y: 'auto'};
+			if (!_plc || _plc === 'auto')
+				; // no action
+			else if (plc.length === 1){
+				switch (plc[0]){
+					case 'top':
+					case 'bottom':
+						o.orientation.y = plc[0];
+						break;
+					case 'left':
+					case 'right':
+						o.orientation.x = plc[0];
+						break;
+				}
+			}
+			else {
+				_plc = $.grep(plc, function(word){
+					return (/^left|right$/).test(word);
+				});
+				o.orientation.x = _plc[0] || 'auto';
+
+				_plc = $.grep(plc, function(word){
+					return (/^top|bottom$/).test(word);
+				});
+				o.orientation.y = _plc[0] || 'auto';
+			}
+		},
+		_events: [],
+		_secondaryEvents: [],
+		_applyEvents: function(evs){
+			for (var i=0, el, ch, ev; i < evs.length; i++){
+				el = evs[i][0];
+				if (evs[i].length === 2){
+					ch = undefined;
+					ev = evs[i][1];
+				}
+				else if (evs[i].length === 3){
+					ch = evs[i][1];
+					ev = evs[i][2];
+				}
+				el.on(ev, ch);
+			}
+		},
+		_unapplyEvents: function(evs){
+			for (var i=0, el, ev, ch; i < evs.length; i++){
+				el = evs[i][0];
+				if (evs[i].length === 2){
+					ch = undefined;
+					ev = evs[i][1];
+				}
+				else if (evs[i].length === 3){
+					ch = evs[i][1];
+					ev = evs[i][2];
+				}
+				el.off(ev, ch);
+			}
+		},
+		_buildEvents: function(){
+			if (this.isInput){ // single input
+				this._events = [
+					[this.element, {
+						focus: $.proxy(this.show, this),
+						keyup: $.proxy(function(e){
+							if ($.inArray(e.keyCode, [27,37,39,38,40,32,13,9]) === -1)
+								this.update();
+						}, this),
+						keydown: $.proxy(this.keydown, this)
+					}]
+				];
+			}
+			else if (this.component && this.hasInput){ // component: input + button
+				this._events = [
+					// For components that are not readonly, allow keyboard nav
+					[this.element.find('input'), {
+						focus: $.proxy(this.show, this),
+						keyup: $.proxy(function(e){
+							if ($.inArray(e.keyCode, [27,37,39,38,40,32,13,9]) === -1)
+								this.update();
+						}, this),
+						keydown: $.proxy(this.keydown, this)
+					}],
+					[this.component, {
+						click: $.proxy(this.show, this)
+					}]
+				];
+			}
+			else if (this.element.is('div')){  // inline datepicker
+				this.isInline = true;
+			}
+			else {
+				this._events = [
+					[this.element, {
+						click: $.proxy(this.show, this)
+					}]
+				];
+			}
+			this._events.push(
+				// Component: listen for blur on element descendants
+				[this.element, '*', {
+					blur: $.proxy(function(e){
+						this._focused_from = e.target;
+					}, this)
+				}],
+				// Input: listen for blur on element
+				[this.element, {
+					blur: $.proxy(function(e){
+						this._focused_from = e.target;
+					}, this)
+				}]
+			);
+
+			this._secondaryEvents = [
+				[this.picker, {
+					click: $.proxy(this.click, this)
+				}],
+				[$(window), {
+					resize: $.proxy(this.place, this)
+				}],
+				[$(document), {
+					'mousedown touchstart': $.proxy(function(e){
+						// Clicked outside the datepicker, hide it
+						if (!(
+							this.element.is(e.target) ||
+							this.element.find(e.target).length ||
+							this.picker.is(e.target) ||
+							this.picker.find(e.target).length
+						)){
+							this.hide();
+						}
+					}, this)
+				}]
+			];
+		},
+		_attachEvents: function(){
+			this._detachEvents();
+			this._applyEvents(this._events);
+		},
+		_detachEvents: function(){
+			this._unapplyEvents(this._events);
+		},
+		_attachSecondaryEvents: function(){
+			this._detachSecondaryEvents();
+			this._applyEvents(this._secondaryEvents);
+		},
+		_detachSecondaryEvents: function(){
+			this._unapplyEvents(this._secondaryEvents);
+		},
+		_trigger: function(event, altdate){
+			var date = altdate || this.dates.get(-1),
+				local_date = this._utc_to_local(date);
+
+			this.element.trigger({
+				type: event,
+				date: local_date,
+				dates: $.map(this.dates, this._utc_to_local),
+				format: $.proxy(function(ix, format){
+					if (arguments.length === 0){
+						ix = this.dates.length - 1;
+						format = this.o.format;
+					}
+					else if (typeof ix === 'string'){
+						format = ix;
+						ix = this.dates.length - 1;
+					}
+					format = format || this.o.format;
+					var date = this.dates.get(ix);
+					return DPGlobal.formatDate(date, format, this.o.language);
+				}, this)
+			});
+		},
+
+		show: function(){
+			if (!this.isInline)
+				this.picker.appendTo('body');
+			this.picker.show();
+			this.place();
+			this._attachSecondaryEvents();
+			this._trigger('show');
+		},
+
+		hide: function(){
+			if (this.isInline)
+				return;
+			if (!this.picker.is(':visible'))
+				return;
+			this.focusDate = null;
+			this.picker.hide().detach();
+			this._detachSecondaryEvents();
+			this.viewMode = this.o.startView;
+			this.showMode();
+
+			if (
+				this.o.forceParse &&
+				(
+					this.isInput && this.element.val() ||
+					this.hasInput && this.element.find('input').val()
+				)
+			)
+				this.setValue();
+			this._trigger('hide');
+		},
+
+		remove: function(){
+			this.hide();
+			this._detachEvents();
+			this._detachSecondaryEvents();
+			this.picker.remove();
+			delete this.element.data().datepicker;
+			if (!this.isInput){
+				delete this.element.data().date;
+			}
+		},
+
+		_utc_to_local: function(utc){
+			return utc && new Date(utc.getTime() + (utc.getTimezoneOffset()*60000));
+		},
+		_local_to_utc: function(local){
+			return local && new Date(local.getTime() - (local.getTimezoneOffset()*60000));
+		},
+		_zero_time: function(local){
+			return local && new Date(local.getFullYear(), local.getMonth(), local.getDate());
+		},
+		_zero_utc_time: function(utc){
+			return utc && new Date(Date.UTC(utc.getUTCFullYear(), utc.getUTCMonth(), utc.getUTCDate()));
+		},
+
+		getDates: function(){
+			return $.map(this.dates, this._utc_to_local);
+		},
+
+		getUTCDates: function(){
+			return $.map(this.dates, function(d){
+				return new Date(d);
+			});
+		},
+
+		getDate: function(){
+			return this._utc_to_local(this.getUTCDate());
+		},
+
+		getUTCDate: function(){
+			return new Date(this.dates.get(-1));
+		},
+
+		setDates: function(){
+			var args = $.isArray(arguments[0]) ? arguments[0] : arguments;
+			this.update.apply(this, args);
+			this._trigger('changeDate');
+			this.setValue();
+		},
+
+		setUTCDates: function(){
+			var args = $.isArray(arguments[0]) ? arguments[0] : arguments;
+			this.update.apply(this, $.map(args, this._utc_to_local));
+			this._trigger('changeDate');
+			this.setValue();
+		},
+
+		setDate: alias('setDates'),
+		setUTCDate: alias('setUTCDates'),
+
+		setValue: function(){
+			var formatted = this.getFormattedDate();
+			if (!this.isInput){
+				if (this.component){
+					this.element.find('input').val(formatted).change();
+				}
+			}
+			else {
+				this.element.val(formatted).change();
+			}
+		},
+
+		getFormattedDate: function(format){
+			if (format === undefined)
+				format = this.o.format;
+
+			var lang = this.o.language;
+			return $.map(this.dates, function(d){
+				return DPGlobal.formatDate(d, format, lang);
+			}).join(this.o.multidateSeparator);
+		},
+
+		setStartDate: function(startDate){
+			this._process_options({startDate: startDate});
+			this.update();
+			this.updateNavArrows();
+		},
+
+		setEndDate: function(endDate){
+			this._process_options({endDate: endDate});
+			this.update();
+			this.updateNavArrows();
+		},
+
+		setDaysOfWeekDisabled: function(daysOfWeekDisabled){
+			this._process_options({daysOfWeekDisabled: daysOfWeekDisabled});
+			this.update();
+			this.updateNavArrows();
+		},
+
+		place: function(){
+			if (this.isInline)
+				return;
+			var calendarWidth = this.picker.outerWidth(),
+				calendarHeight = this.picker.outerHeight(),
+				visualPadding = 10,
+				windowWidth = $window.width(),
+				windowHeight = $window.height(),
+				scrollTop = $window.scrollTop();
+
+			var zIndex = parseInt(this.element.parents().filter(function(){
+					return $(this).css('z-index') !== 'auto';
+				}).first().css('z-index'))+10;
+			var offset = this.component ? this.component.parent().offset() : this.element.offset();
+			var height = this.component ? this.component.outerHeight(true) : this.element.outerHeight(false);
+			var width = this.component ? this.component.outerWidth(true) : this.element.outerWidth(false);
+			var left = offset.left,
+				top = offset.top;
+
+			this.picker.removeClass(
+				'datepicker-orient-top datepicker-orient-bottom '+
+				'datepicker-orient-right datepicker-orient-left'
+			);
+
+			if (this.o.orientation.x !== 'auto'){
+				this.picker.addClass('datepicker-orient-' + this.o.orientation.x);
+				if (this.o.orientation.x === 'right')
+					left -= calendarWidth - width;
+			}
+			// auto x orientation is best-placement: if it crosses a window
+			// edge, fudge it sideways
+			else {
+				// Default to left
+				this.picker.addClass('datepicker-orient-left');
+				if (offset.left < 0)
+					left -= offset.left - visualPadding;
+				else if (offset.left + calendarWidth > windowWidth)
+					left = windowWidth - calendarWidth - visualPadding;
+			}
+
+			// auto y orientation is best-situation: top or bottom, no fudging,
+			// decision based on which shows more of the calendar
+			var yorient = this.o.orientation.y,
+				top_overflow, bottom_overflow;
+			if (yorient === 'auto'){
+				top_overflow = -scrollTop + offset.top - calendarHeight;
+				bottom_overflow = scrollTop + windowHeight - (offset.top + height + calendarHeight);
+				if (Math.max(top_overflow, bottom_overflow) === bottom_overflow)
+					yorient = 'top';
+				else
+					yorient = 'bottom';
+			}
+			this.picker.addClass('datepicker-orient-' + yorient);
+			if (yorient === 'top')
+				top += height;
+			else
+				top -= calendarHeight + parseInt(this.picker.css('padding-top'));
+
+			this.picker.css({
+				top: top,
+				left: left,
+				zIndex: zIndex
+			});
+		},
+
+		_allow_update: true,
+		update: function(){
+			if (!this._allow_update)
+				return;
+
+			var oldDates = this.dates.copy(),
+				dates = [],
+				fromArgs = false;
+			if (arguments.length){
+				$.each(arguments, $.proxy(function(i, date){
+					if (date instanceof Date)
+						date = this._local_to_utc(date);
+					dates.push(date);
+				}, this));
+				fromArgs = true;
+			}
+			else {
+				dates = this.isInput
+						? this.element.val()
+						: this.element.data('date') || this.element.find('input').val();
+				if (dates && this.o.multidate)
+					dates = dates.split(this.o.multidateSeparator);
+				else
+					dates = [dates];
+				delete this.element.data().date;
+			}
+
+			dates = $.map(dates, $.proxy(function(date){
+				return DPGlobal.parseDate(date, this.o.format, this.o.language);
+			}, this));
+			dates = $.grep(dates, $.proxy(function(date){
+				return (
+					date < this.o.startDate ||
+					date > this.o.endDate ||
+					!date
+				);
+			}, this), true);
+			this.dates.replace(dates);
+
+			if (this.dates.length)
+				this.viewDate = new Date(this.dates.get(-1));
+			else if (this.viewDate < this.o.startDate)
+				this.viewDate = new Date(this.o.startDate);
+			else if (this.viewDate > this.o.endDate)
+				this.viewDate = new Date(this.o.endDate);
+
+			if (fromArgs){
+				// setting date by clicking
+				this.setValue();
+			}
+			else if (dates.length){
+				// setting date by typing
+				if (String(oldDates) !== String(this.dates))
+					this._trigger('changeDate');
+			}
+			if (!this.dates.length && oldDates.length)
+				this._trigger('clearDate');
+
+			this.fill();
+		},
+
+		fillDow: function(){
+			var dowCnt = this.o.weekStart,
+				html = '<tr>';
+			if (this.o.calendarWeeks){
+				var cell = '<th class="cw">&nbsp;</th>';
+				html += cell;
+				this.picker.find('.datepicker-days thead tr:first-child').prepend(cell);
+			}
+			while (dowCnt < this.o.weekStart + 7){
+				html += '<th class="dow">'+dates[this.o.language].daysMin[(dowCnt++)%7]+'</th>';
+			}
+			html += '</tr>';
+			this.picker.find('.datepicker-days thead').append(html);
+		},
+
+		fillMonths: function(){
+			var html = '',
+			i = 0;
+			while (i < 12){
+				html += '<span class="month">'+dates[this.o.language].monthsShort[i++]+'</span>';
+			}
+			this.picker.find('.datepicker-months td').html(html);
+		},
+
+		setRange: function(range){
+			if (!range || !range.length)
+				delete this.range;
+			else
+				this.range = $.map(range, function(d){
+					return d.valueOf();
+				});
+			this.fill();
+		},
+
+		getClassNames: function(date){
+			var cls = [],
+				year = this.viewDate.getUTCFullYear(),
+				month = this.viewDate.getUTCMonth(),
+				today = new Date();
+			if (date.getUTCFullYear() < year || (date.getUTCFullYear() === year && date.getUTCMonth() < month)){
+				cls.push('old');
+			}
+			else if (date.getUTCFullYear() > year || (date.getUTCFullYear() === year && date.getUTCMonth() > month)){
+				cls.push('new');
+			}
+			if (this.focusDate && date.valueOf() === this.focusDate.valueOf())
+				cls.push('focused');
+			// Compare internal UTC date with local today, not UTC today
+			if (this.o.todayHighlight &&
+				date.getUTCFullYear() === today.getFullYear() &&
+				date.getUTCMonth() === today.getMonth() &&
+				date.getUTCDate() === today.getDate()){
+				cls.push('today');
+			}
+			if (this.dates.contains(date) !== -1)
+				cls.push('active');
+			if (date.valueOf() < this.o.startDate || date.valueOf() > this.o.endDate ||
+				$.inArray(date.getUTCDay(), this.o.daysOfWeekDisabled) !== -1){
+				cls.push('disabled');
+			}
+			if (this.range){
+				if (date > this.range[0] && date < this.range[this.range.length-1]){
+					cls.push('range');
+				}
+				if ($.inArray(date.valueOf(), this.range) !== -1){
+					cls.push('selected');
+				}
+			}
+			return cls;
+		},
+
+		fill: function(){
+			var d = new Date(this.viewDate),
+				year = d.getUTCFullYear(),
+				month = d.getUTCMonth(),
+				startYear = this.o.startDate !== -Infinity ? this.o.startDate.getUTCFullYear() : -Infinity,
+				startMonth = this.o.startDate !== -Infinity ? this.o.startDate.getUTCMonth() : -Infinity,
+				endYear = this.o.endDate !== Infinity ? this.o.endDate.getUTCFullYear() : Infinity,
+				endMonth = this.o.endDate !== Infinity ? this.o.endDate.getUTCMonth() : Infinity,
+				todaytxt = dates[this.o.language].today || dates['en'].today || '',
+				cleartxt = dates[this.o.language].clear || dates['en'].clear || '',
+				tooltip;
+			this.picker.find('.datepicker-days thead th.datepicker-switch')
+						.text(dates[this.o.language].months[month]+' '+year);
+			this.picker.find('tfoot th.today')
+						.text(todaytxt)
+						.toggle(this.o.todayBtn !== false);
+			this.picker.find('tfoot th.clear')
+						.text(cleartxt)
+						.toggle(this.o.clearBtn !== false);
+			this.updateNavArrows();
+			this.fillMonths();
+			var prevMonth = UTCDate(year, month-1, 28),
+				day = DPGlobal.getDaysInMonth(prevMonth.getUTCFullYear(), prevMonth.getUTCMonth());
+			prevMonth.setUTCDate(day);
+			prevMonth.setUTCDate(day - (prevMonth.getUTCDay() - this.o.weekStart + 7)%7);
+			var nextMonth = new Date(prevMonth);
+			nextMonth.setUTCDate(nextMonth.getUTCDate() + 42);
+			nextMonth = nextMonth.valueOf();
+			var html = [];
+			var clsName;
+			while (prevMonth.valueOf() < nextMonth){
+				if (prevMonth.getUTCDay() === this.o.weekStart){
+					html.push('<tr>');
+					if (this.o.calendarWeeks){
+						// ISO 8601: First week contains first thursday.
+						// ISO also states week starts on Monday, but we can be more abstract here.
+						var
+							// Start of current week: based on weekstart/current date
+							ws = new Date(+prevMonth + (this.o.weekStart - prevMonth.getUTCDay() - 7) % 7 * 864e5),
+							// Thursday of this week
+							th = new Date(Number(ws) + (7 + 4 - ws.getUTCDay()) % 7 * 864e5),
+							// First Thursday of year, year from thursday
+							yth = new Date(Number(yth = UTCDate(th.getUTCFullYear(), 0, 1)) + (7 + 4 - yth.getUTCDay())%7*864e5),
+							// Calendar week: ms between thursdays, div ms per day, div 7 days
+							calWeek =  (th - yth) / 864e5 / 7 + 1;
+						html.push('<td class="cw">'+ calWeek +'</td>');
+
+					}
+				}
+				clsName = this.getClassNames(prevMonth);
+				clsName.push('day');
+
+				if (this.o.beforeShowDay !== $.noop){
+					var before = this.o.beforeShowDay(this._utc_to_local(prevMonth));
+					if (before === undefined)
+						before = {};
+					else if (typeof(before) === 'boolean')
+						before = {enabled: before};
+					else if (typeof(before) === 'string')
+						before = {classes: before};
+					if (before.enabled === false)
+						clsName.push('disabled');
+					if (before.classes)
+						clsName = clsName.concat(before.classes.split(/\s+/));
+					if (before.tooltip)
+						tooltip = before.tooltip;
+				}
+
+				clsName = $.unique(clsName);
+				html.push('<td class="'+clsName.join(' ')+'"' + (tooltip ? ' title="'+tooltip+'"' : '') + '>'+prevMonth.getUTCDate() + '</td>');
+				if (prevMonth.getUTCDay() === this.o.weekEnd){
+					html.push('</tr>');
+				}
+				prevMonth.setUTCDate(prevMonth.getUTCDate()+1);
+			}
+			this.picker.find('.datepicker-days tbody').empty().append(html.join(''));
+
+			var months = this.picker.find('.datepicker-months')
+						.find('th:eq(1)')
+							.text(year)
+							.end()
+						.find('span').removeClass('active');
+
+			$.each(this.dates, function(i, d){
+				if (d.getUTCFullYear() === year)
+					months.eq(d.getUTCMonth()).addClass('active');
+			});
+
+			if (year < startYear || year > endYear){
+				months.addClass('disabled');
+			}
+			if (year === startYear){
+				months.slice(0, startMonth).addClass('disabled');
+			}
+			if (year === endYear){
+				months.slice(endMonth+1).addClass('disabled');
+			}
+
+			html = '';
+			year = parseInt(year/10, 10) * 10;
+			var yearCont = this.picker.find('.datepicker-years')
+								.find('th:eq(1)')
+									.text(year + '-' + (year + 9))
+									.end()
+								.find('td');
+			year -= 1;
+			var years = $.map(this.dates, function(d){
+					return d.getUTCFullYear();
+				}),
+				classes;
+			for (var i = -1; i < 11; i++){
+				classes = ['year'];
+				if (i === -1)
+					classes.push('old');
+				else if (i === 10)
+					classes.push('new');
+				if ($.inArray(year, years) !== -1)
+					classes.push('active');
+				if (year < startYear || year > endYear)
+					classes.push('disabled');
+				html += '<span class="' + classes.join(' ') + '">'+year+'</span>';
+				year += 1;
+			}
+			yearCont.html(html);
+		},
+
+		updateNavArrows: function(){
+			if (!this._allow_update)
+				return;
+
+			var d = new Date(this.viewDate),
+				year = d.getUTCFullYear(),
+				month = d.getUTCMonth();
+			switch (this.viewMode){
+				case 0:
+					if (this.o.startDate !== -Infinity && year <= this.o.startDate.getUTCFullYear() && month <= this.o.startDate.getUTCMonth()){
+						this.picker.find('.prev').css({visibility: 'hidden'});
+					}
+					else {
+						this.picker.find('.prev').css({visibility: 'visible'});
+					}
+					if (this.o.endDate !== Infinity && year >= this.o.endDate.getUTCFullYear() && month >= this.o.endDate.getUTCMonth()){
+						this.picker.find('.next').css({visibility: 'hidden'});
+					}
+					else {
+						this.picker.find('.next').css({visibility: 'visible'});
+					}
+					break;
+				case 1:
+				case 2:
+					if (this.o.startDate !== -Infinity && year <= this.o.startDate.getUTCFullYear()){
+						this.picker.find('.prev').css({visibility: 'hidden'});
+					}
+					else {
+						this.picker.find('.prev').css({visibility: 'visible'});
+					}
+					if (this.o.endDate !== Infinity && year >= this.o.endDate.getUTCFullYear()){
+						this.picker.find('.next').css({visibility: 'hidden'});
+					}
+					else {
+						this.picker.find('.next').css({visibility: 'visible'});
+					}
+					break;
+			}
+		},
+
+		click: function(e){
+			e.preventDefault();
+			var target = $(e.target).closest('span, td, th'),
+				year, month, day;
+			if (target.length === 1){
+				switch (target[0].nodeName.toLowerCase()){
+					case 'th':
+						switch (target[0].className){
+							case 'datepicker-switch':
+								this.showMode(1);
+								break;
+							case 'prev':
+							case 'next':
+								var dir = DPGlobal.modes[this.viewMode].navStep * (target[0].className === 'prev' ? -1 : 1);
+								switch (this.viewMode){
+									case 0:
+										this.viewDate = this.moveMonth(this.viewDate, dir);
+										this._trigger('changeMonth', this.viewDate);
+										break;
+									case 1:
+									case 2:
+										this.viewDate = this.moveYear(this.viewDate, dir);
+										if (this.viewMode === 1)
+											this._trigger('changeYear', this.viewDate);
+										break;
+								}
+								this.fill();
+								break;
+							case 'today':
+								var date = new Date();
+								date = UTCDate(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0);
+
+								this.showMode(-2);
+								var which = this.o.todayBtn === 'linked' ? null : 'view';
+								this._setDate(date, which);
+								break;
+							case 'clear':
+								var element;
+								if (this.isInput)
+									element = this.element;
+								else if (this.component)
+									element = this.element.find('input');
+								if (element)
+									element.val("").change();
+								this.update();
+								this._trigger('changeDate');
+								if (this.o.autoclose)
+									this.hide();
+								break;
+						}
+						break;
+					case 'span':
+						if (!target.is('.disabled')){
+							this.viewDate.setUTCDate(1);
+							if (target.is('.month')){
+								day = 1;
+								month = target.parent().find('span').index(target);
+								year = this.viewDate.getUTCFullYear();
+								this.viewDate.setUTCMonth(month);
+								this._trigger('changeMonth', this.viewDate);
+								if (this.o.minViewMode === 1){
+									this._setDate(UTCDate(year, month, day));
+								}
+							}
+							else {
+								day = 1;
+								month = 0;
+								year = parseInt(target.text(), 10)||0;
+								this.viewDate.setUTCFullYear(year);
+								this._trigger('changeYear', this.viewDate);
+								if (this.o.minViewMode === 2){
+									this._setDate(UTCDate(year, month, day));
+								}
+							}
+							this.showMode(-1);
+							this.fill();
+						}
+						break;
+					case 'td':
+						if (target.is('.day') && !target.is('.disabled')){
+							day = parseInt(target.text(), 10)||1;
+							year = this.viewDate.getUTCFullYear();
+							month = this.viewDate.getUTCMonth();
+							if (target.is('.old')){
+								if (month === 0){
+									month = 11;
+									year -= 1;
+								}
+								else {
+									month -= 1;
+								}
+							}
+							else if (target.is('.new')){
+								if (month === 11){
+									month = 0;
+									year += 1;
+								}
+								else {
+									month += 1;
+								}
+							}
+							this._setDate(UTCDate(year, month, day));
+						}
+						break;
+				}
+			}
+			if (this.picker.is(':visible') && this._focused_from){
+				$(this._focused_from).focus();
+			}
+			delete this._focused_from;
+		},
+
+		_toggle_multidate: function(date){
+			var ix = this.dates.contains(date);
+			if (!date){
+				this.dates.clear();
+			}
+			else if (ix !== -1){
+				this.dates.remove(ix);
+			}
+			else {
+				this.dates.push(date);
+			}
+			if (typeof this.o.multidate === 'number')
+				while (this.dates.length > this.o.multidate)
+					this.dates.remove(0);
+		},
+
+		_setDate: function(date, which){
+			if (!which || which === 'date')
+				this._toggle_multidate(date && new Date(date));
+			if (!which || which  === 'view')
+				this.viewDate = date && new Date(date);
+
+			this.fill();
+			this.setValue();
+			this._trigger('changeDate');
+			var element;
+			if (this.isInput){
+				element = this.element;
+			}
+			else if (this.component){
+				element = this.element.find('input');
+			}
+			if (element){
+				element.change();
+			}
+			if (this.o.autoclose && (!which || which === 'date')){
+				this.hide();
+			}
+		},
+
+		moveMonth: function(date, dir){
+			if (!date)
+				return undefined;
+			if (!dir)
+				return date;
+			var new_date = new Date(date.valueOf()),
+				day = new_date.getUTCDate(),
+				month = new_date.getUTCMonth(),
+				mag = Math.abs(dir),
+				new_month, test;
+			dir = dir > 0 ? 1 : -1;
+			if (mag === 1){
+				test = dir === -1
+					// If going back one month, make sure month is not current month
+					// (eg, Mar 31 -> Feb 31 == Feb 28, not Mar 02)
+					? function(){
+						return new_date.getUTCMonth() === month;
+					}
+					// If going forward one month, make sure month is as expected
+					// (eg, Jan 31 -> Feb 31 == Feb 28, not Mar 02)
+					: function(){
+						return new_date.getUTCMonth() !== new_month;
+					};
+				new_month = month + dir;
+				new_date.setUTCMonth(new_month);
+				// Dec -> Jan (12) or Jan -> Dec (-1) -- limit expected date to 0-11
+				if (new_month < 0 || new_month > 11)
+					new_month = (new_month + 12) % 12;
+			}
+			else {
+				// For magnitudes >1, move one month at a time...
+				for (var i=0; i < mag; i++)
+					// ...which might decrease the day (eg, Jan 31 to Feb 28, etc)...
+					new_date = this.moveMonth(new_date, dir);
+				// ...then reset the day, keeping it in the new month
+				new_month = new_date.getUTCMonth();
+				new_date.setUTCDate(day);
+				test = function(){
+					return new_month !== new_date.getUTCMonth();
+				};
+			}
+			// Common date-resetting loop -- if date is beyond end of month, make it
+			// end of month
+			while (test()){
+				new_date.setUTCDate(--day);
+				new_date.setUTCMonth(new_month);
+			}
+			return new_date;
+		},
+
+		moveYear: function(date, dir){
+			return this.moveMonth(date, dir*12);
+		},
+
+		dateWithinRange: function(date){
+			return date >= this.o.startDate && date <= this.o.endDate;
+		},
+
+		keydown: function(e){
+			if (this.picker.is(':not(:visible)')){
+				if (e.keyCode === 27) // allow escape to hide and re-show picker
+					this.show();
+				return;
+			}
+			var dateChanged = false,
+				dir, newDate, newViewDate,
+				focusDate = this.focusDate || this.viewDate;
+			switch (e.keyCode){
+				case 27: // escape
+					if (this.focusDate){
+						this.focusDate = null;
+						this.viewDate = this.dates.get(-1) || this.viewDate;
+						this.fill();
+					}
+					else
+						this.hide();
+					e.preventDefault();
+					break;
+				case 37: // left
+				case 39: // right
+					if (!this.o.keyboardNavigation)
+						break;
+					dir = e.keyCode === 37 ? -1 : 1;
+					if (e.ctrlKey){
+						newDate = this.moveYear(this.dates.get(-1) || UTCToday(), dir);
+						newViewDate = this.moveYear(focusDate, dir);
+						this._trigger('changeYear', this.viewDate);
+					}
+					else if (e.shiftKey){
+						newDate = this.moveMonth(this.dates.get(-1) || UTCToday(), dir);
+						newViewDate = this.moveMonth(focusDate, dir);
+						this._trigger('changeMonth', this.viewDate);
+					}
+					else {
+						newDate = new Date(this.dates.get(-1) || UTCToday());
+						newDate.setUTCDate(newDate.getUTCDate() + dir);
+						newViewDate = new Date(focusDate);
+						newViewDate.setUTCDate(focusDate.getUTCDate() + dir);
+					}
+					if (this.dateWithinRange(newDate)){
+						this.focusDate = this.viewDate = newViewDate;
+						this.setValue();
+						this.fill();
+						e.preventDefault();
+					}
+					break;
+				case 38: // up
+				case 40: // down
+					if (!this.o.keyboardNavigation)
+						break;
+					dir = e.keyCode === 38 ? -1 : 1;
+					if (e.ctrlKey){
+						newDate = this.moveYear(this.dates.get(-1) || UTCToday(), dir);
+						newViewDate = this.moveYear(focusDate, dir);
+						this._trigger('changeYear', this.viewDate);
+					}
+					else if (e.shiftKey){
+						newDate = this.moveMonth(this.dates.get(-1) || UTCToday(), dir);
+						newViewDate = this.moveMonth(focusDate, dir);
+						this._trigger('changeMonth', this.viewDate);
+					}
+					else {
+						newDate = new Date(this.dates.get(-1) || UTCToday());
+						newDate.setUTCDate(newDate.getUTCDate() + dir * 7);
+						newViewDate = new Date(focusDate);
+						newViewDate.setUTCDate(focusDate.getUTCDate() + dir * 7);
+					}
+					if (this.dateWithinRange(newDate)){
+						this.focusDate = this.viewDate = newViewDate;
+						this.setValue();
+						this.fill();
+						e.preventDefault();
+					}
+					break;
+				case 32: // spacebar
+					// Spacebar is used in manually typing dates in some formats.
+					// As such, its behavior should not be hijacked.
+					break;
+				case 13: // enter
+					focusDate = this.focusDate || this.dates.get(-1) || this.viewDate;
+					this._toggle_multidate(focusDate);
+					dateChanged = true;
+					this.focusDate = null;
+					this.viewDate = this.dates.get(-1) || this.viewDate;
+					this.setValue();
+					this.fill();
+					if (this.picker.is(':visible')){
+						e.preventDefault();
+						if (this.o.autoclose)
+							this.hide();
+					}
+					break;
+				case 9: // tab
+					this.focusDate = null;
+					this.viewDate = this.dates.get(-1) || this.viewDate;
+					this.fill();
+					this.hide();
+					break;
+			}
+			if (dateChanged){
+				if (this.dates.length)
+					this._trigger('changeDate');
+				else
+					this._trigger('clearDate');
+				var element;
+				if (this.isInput){
+					element = this.element;
+				}
+				else if (this.component){
+					element = this.element.find('input');
+				}
+				if (element){
+					element.change();
+				}
+			}
+		},
+
+		showMode: function(dir){
+			if (dir){
+				this.viewMode = Math.max(this.o.minViewMode, Math.min(2, this.viewMode + dir));
+			}
+			this.picker
+				.find('>div')
+				.hide()
+				.filter('.datepicker-'+DPGlobal.modes[this.viewMode].clsName)
+					.css('display', 'block');
+			this.updateNavArrows();
+		}
+	};
+
+	var DateRangePicker = function(element, options){
+		this.element = $(element);
+		this.inputs = $.map(options.inputs, function(i){
+			return i.jquery ? i[0] : i;
+		});
+		delete options.inputs;
+
+		$(this.inputs)
+			.datepicker(options)
+			.bind('changeDate', $.proxy(this.dateUpdated, this));
+
+		this.pickers = $.map(this.inputs, function(i){
+			return $(i).data('datepicker');
+		});
+		this.updateDates();
+	};
+	DateRangePicker.prototype = {
+		updateDates: function(){
+			this.dates = $.map(this.pickers, function(i){
+				return i.getUTCDate();
+			});
+			this.updateRanges();
+		},
+		updateRanges: function(){
+			var range = $.map(this.dates, function(d){
+				return d.valueOf();
+			});
+			$.each(this.pickers, function(i, p){
+				p.setRange(range);
+			});
+		},
+		dateUpdated: function(e){
+			// `this.updating` is a workaround for preventing infinite recursion
+			// between `changeDate` triggering and `setUTCDate` calling.  Until
+			// there is a better mechanism.
+			if (this.updating)
+				return;
+			this.updating = true;
+
+			var dp = $(e.target).data('datepicker'),
+				new_date = dp.getUTCDate(),
+				i = $.inArray(e.target, this.inputs),
+				l = this.inputs.length;
+			if (i === -1)
+				return;
+
+			$.each(this.pickers, function(i, p){
+				if (!p.getUTCDate())
+					p.setUTCDate(new_date);
+			});
+
+			if (new_date < this.dates[i]){
+				// Date being moved earlier/left
+				while (i >= 0 && new_date < this.dates[i]){
+					this.pickers[i--].setUTCDate(new_date);
+				}
+			}
+			else if (new_date > this.dates[i]){
+				// Date being moved later/right
+				while (i < l && new_date > this.dates[i]){
+					this.pickers[i++].setUTCDate(new_date);
+				}
+			}
+			this.updateDates();
+
+			delete this.updating;
+		},
+		remove: function(){
+			$.map(this.pickers, function(p){ p.remove(); });
+			delete this.element.data().datepicker;
+		}
+	};
+
+	function opts_from_el(el, prefix){
+		// Derive options from element data-attrs
+		var data = $(el).data(),
+			out = {}, inkey,
+			replace = new RegExp('^' + prefix.toLowerCase() + '([A-Z])');
+		prefix = new RegExp('^' + prefix.toLowerCase());
+		function re_lower(_,a){
+			return a.toLowerCase();
+		}
+		for (var key in data)
+			if (prefix.test(key)){
+				inkey = key.replace(replace, re_lower);
+				out[inkey] = data[key];
+			}
+		return out;
+	}
+
+	function opts_from_locale(lang){
+		// Derive options from locale plugins
+		var out = {};
+		// Check if "de-DE" style date is available, if not language should
+		// fallback to 2 letter code eg "de"
+		if (!dates[lang]){
+			lang = lang.split('-')[0];
+			if (!dates[lang])
+				return;
+		}
+		var d = dates[lang];
+		$.each(locale_opts, function(i,k){
+			if (k in d)
+				out[k] = d[k];
+		});
+		return out;
+	}
+
+	var old = $.fn.datepicker;
+	$.fn.datepicker = function(option){
+		var args = Array.apply(null, arguments);
+		args.shift();
+		var internal_return;
+		this.each(function(){
+			var $this = $(this),
+				data = $this.data('datepicker'),
+				options = typeof option === 'object' && option;
+			if (!data){
+				var elopts = opts_from_el(this, 'date'),
+					// Preliminary otions
+					xopts = $.extend({}, defaults, elopts, options),
+					locopts = opts_from_locale(xopts.language),
+					// Options priority: js args, data-attrs, locales, defaults
+					opts = $.extend({}, defaults, locopts, elopts, options);
+				if ($this.is('.input-daterange') || opts.inputs){
+					var ropts = {
+						inputs: opts.inputs || $this.find('input').toArray()
+					};
+					$this.data('datepicker', (data = new DateRangePicker(this, $.extend(opts, ropts))));
+				}
+				else {
+					$this.data('datepicker', (data = new Datepicker(this, opts)));
+				}
+			}
+			if (typeof option === 'string' && typeof data[option] === 'function'){
+				internal_return = data[option].apply(data, args);
+				if (internal_return !== undefined)
+					return false;
+			}
+		});
+		if (internal_return !== undefined)
+			return internal_return;
+		else
+			return this;
+	};
+
+	
+	var defaults = $.fn.datepicker.defaults = {
+		autoclose: false,
+		beforeShowDay: $.noop,
+		calendarWeeks: false,
+		clearBtn: false,
+		daysOfWeekDisabled: [],
+		endDate: Infinity,
+		forceParse: true,
+		format: 'mm/dd/yyyy',
+		keyboardNavigation: true,
+		language: 'en',
+		minViewMode: 0,
+		multidate: false,
+		multidateSeparator: ',',
+		orientation: "auto",
+		rtl: false,
+		startDate: -Infinity,
+		startView: 0,
+		todayBtn: false,
+		todayHighlight: false,
+		weekStart: 0
+	};
+	var locale_opts = $.fn.datepicker.locale_opts = [
+		'format',
+		'rtl',
+		'weekStart'
+	];
+	$.fn.datepicker.Constructor = Datepicker;
+	var dates = $.fn.datepicker.dates = {
+		en: {
+			days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"],
+			daysShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"],
+			daysMin: ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"],
+			months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
+			monthsShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"],
+			today: "Today",
+			clear: "Clear"
+		}
+	};
+
+	var DPGlobal = {
+		modes: [
+			{
+				clsName: 'days',
+				navFnc: 'Month',
+				navStep: 1
+			},
+			{
+				clsName: 'months',
+				navFnc: 'FullYear',
+				navStep: 1
+			},
+			{
+				clsName: 'years',
+				navFnc: 'FullYear',
+				navStep: 10
+		}],
+		isLeapYear: function(year){
+			return (((year % 4 === 0) && (year % 100 !== 0)) || (year % 400 === 0));
+		},
+		getDaysInMonth: function(year, month){
+			return [31, (DPGlobal.isLeapYear(year) ? 29 : 28), 31, 30, 31, 30, 31, 31, 30, 31, 30, 31][month];
+		},
+		validParts: /dd?|DD?|mm?|MM?|yy(?:yy)?/g,
+		nonpunctuation: /[^ -\/:-@\[\u3400-\u9fff-`{-~\t\n\r]+/g,
+		parseFormat: function(format){
+			// IE treats \0 as a string end in inputs (truncating the value),
+			// so it's a bad format delimiter, anyway
+			var separators = format.replace(this.validParts, '\0').split('\0'),
+				parts = format.match(this.validParts);
+			if (!separators || !separators.length || !parts || parts.length === 0){
+				throw new Error("Invalid date format.");
+			}
+			return {separators: separators, parts: parts};
+		},
+		parseDate: function(date, format, language){
+			if (!date)
+				return undefined;
+			if (date instanceof Date)
+				return date;
+			if (typeof format === 'string')
+				format = DPGlobal.parseFormat(format);
+			var part_re = /([\-+]\d+)([dmwy])/,
+				parts = date.match(/([\-+]\d+)([dmwy])/g),
+				part, dir, i;
+			if (/^[\-+]\d+[dmwy]([\s,]+[\-+]\d+[dmwy])*$/.test(date)){
+				date = new Date();
+				for (i=0; i < parts.length; i++){
+					part = part_re.exec(parts[i]);
+					dir = parseInt(part[1]);
+					switch (part[2]){
+						case 'd':
+							date.setUTCDate(date.getUTCDate() + dir);
+							break;
+						case 'm':
+							date = Datepicker.prototype.moveMonth.call(Datepicker.prototype, date, dir);
+							break;
+						case 'w':
+							date.setUTCDate(date.getUTCDate() + dir * 7);
+							break;
+						case 'y':
+							date = Datepicker.prototype.moveYear.call(Datepicker.prototype, date, dir);
+							break;
+					}
+				}
+				return UTCDate(date.getUTCFullYear(), date.getUTCMonth(), date.getUTCDate(), 0, 0, 0);
+			}
+			parts = date && date.match(this.nonpunctuation) || [];
+			date = new Date();
+			var parsed = {},
+				setters_order = ['yyyy', 'yy', 'M', 'MM', 'm', 'mm', 'd', 'dd'],
+				setters_map = {
+					yyyy: function(d,v){
+						return d.setUTCFullYear(v);
+					},
+					yy: function(d,v){
+						return d.setUTCFullYear(2000+v);
+					},
+					m: function(d,v){
+						if (isNaN(d))
+							return d;
+						v -= 1;
+						while (v < 0) v += 12;
+						v %= 12;
+						d.setUTCMonth(v);
+						while (d.getUTCMonth() !== v)
+							d.setUTCDate(d.getUTCDate()-1);
+						return d;
+					},
+					d: function(d,v){
+						return d.setUTCDate(v);
+					}
+				},
+				val, filtered;
+			setters_map['M'] = setters_map['MM'] = setters_map['mm'] = setters_map['m'];
+			setters_map['dd'] = setters_map['d'];
+			date = UTCDate(date.getFullYear(), date.getMonth(), date.getDate(), 0, 0, 0);
+			var fparts = format.parts.slice();
+			// Remove noop parts
+			if (parts.length !== fparts.length){
+				fparts = $(fparts).filter(function(i,p){
+					return $.inArray(p, setters_order) !== -1;
+				}).toArray();
+			}
+			// Process remainder
+			function match_part(){
+				var m = this.slice(0, parts[i].length),
+					p = parts[i].slice(0, m.length);
+				return m === p;
+			}
+			if (parts.length === fparts.length){
+				var cnt;
+				for (i=0, cnt = fparts.length; i < cnt; i++){
+					val = parseInt(parts[i], 10);
+					part = fparts[i];
+					if (isNaN(val)){
+						switch (part){
+							case 'MM':
+								filtered = $(dates[language].months).filter(match_part);
+								val = $.inArray(filtered[0], dates[language].months) + 1;
+								break;
+							case 'M':
+								filtered = $(dates[language].monthsShort).filter(match_part);
+								val = $.inArray(filtered[0], dates[language].monthsShort) + 1;
+								break;
+						}
+					}
+					parsed[part] = val;
+				}
+				var _date, s;
+				for (i=0; i < setters_order.length; i++){
+					s = setters_order[i];
+					if (s in parsed && !isNaN(parsed[s])){
+						_date = new Date(date);
+						setters_map[s](_date, parsed[s]);
+						if (!isNaN(_date))
+							date = _date;
+					}
+				}
+			}
+			return date;
+		},
+		formatDate: function(date, format, language){
+			if (!date)
+				return '';
+			if (typeof format === 'string')
+				format = DPGlobal.parseFormat(format);
+			var val = {
+				d: date.getUTCDate(),
+				D: dates[language].daysShort[date.getUTCDay()],
+				DD: dates[language].days[date.getUTCDay()],
+				m: date.getUTCMonth() + 1,
+				M: dates[language].monthsShort[date.getUTCMonth()],
+				MM: dates[language].months[date.getUTCMonth()],
+				yy: date.getUTCFullYear().toString().substring(2),
+				yyyy: date.getUTCFullYear()
+			};
+			val.dd = (val.d < 10 ? '0' : '') + val.d;
+			val.mm = (val.m < 10 ? '0' : '') + val.m;
+			date = [];
+			var seps = $.extend([], format.separators);
+			for (var i=0, cnt = format.parts.length; i <= cnt; i++){
+				if (seps.length)
+					date.push(seps.shift());
+				date.push(val[format.parts[i]]);
+			}
+			return date.join('');
+		},
+		headTemplate: '<thead>'+
+							'<tr>'+
+								'<th class="prev">'+$date_prev_icon+'</th>'+//ACE
+								'<th colspan="5" class="datepicker-switch"></th>'+
+								'<th class="next">'+$date_next_icon+'</th>'+//ACE
+							'</tr>'+
+						'</thead>',
+		contTemplate: '<tbody><tr><td colspan="7"></td></tr></tbody>',
+		footTemplate: '<tfoot>'+
+							'<tr>'+
+								'<th colspan="7" class="today"></th>'+
+							'</tr>'+
+							'<tr>'+
+								'<th colspan="7" class="clear"></th>'+
+							'</tr>'+
+						'</tfoot>'
+	};
+	DPGlobal.template = '<div class="datepicker">'+
+							'<div class="datepicker-days">'+
+								'<table class=" table-condensed">'+
+									DPGlobal.headTemplate+
+									'<tbody></tbody>'+
+									DPGlobal.footTemplate+
+								'</table>'+
+							'</div>'+
+							'<div class="datepicker-months">'+
+								'<table class="table-condensed">'+
+									DPGlobal.headTemplate+
+									DPGlobal.contTemplate+
+									DPGlobal.footTemplate+
+								'</table>'+
+							'</div>'+
+							'<div class="datepicker-years">'+
+								'<table class="table-condensed">'+
+									DPGlobal.headTemplate+
+									DPGlobal.contTemplate+
+									DPGlobal.footTemplate+
+								'</table>'+
+							'</div>'+
+						'</div>';
+
+	$.fn.datepicker.DPGlobal = DPGlobal;
+
+
+	/* DATEPICKER NO CONFLICT
+	* =================== */
+
+	$.fn.datepicker.noConflict = function(){
+		$.fn.datepicker = old;
+		return this;
+	};
+
+
+	/* DATEPICKER DATA-API
+	* ================== */
+
+	$(document).on(
+		'focus.datepicker.data-api click.datepicker.data-api',
+		'[data-provide="datepicker"]',
+		function(e){
+			var $this = $(this);
+			if ($this.data('datepicker'))
+				return;
+			e.preventDefault();
+			// component click requires us to explicitly show it
+			$this.datepicker('show');
+		}
+	);
+	$(function(){
+		$('[data-provide="datepicker-inline"]').datepicker();
+	});
+
+}(window.jQuery));
diff --git a/web/bootstrap-ace-admin/js/date-time/bootstrap-datetimepicker.js b/web/bootstrap-ace-admin/js/date-time/bootstrap-datetimepicker.js
new file mode 100755
index 00000000..bf2f15e6
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/date-time/bootstrap-datetimepicker.js
@@ -0,0 +1,1385 @@
+/*
+//! version : 3.1.3
+=========================================================
+bootstrap-datetimepicker.js
+https://github.com/Eonasdan/bootstrap-datetimepicker
+=========================================================
+The MIT License (MIT)
+
+Copyright (c) 2014 Jonathan Peterson
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.
+*/
+;(function (root, factory) {
+    'use strict';
+    if (typeof define === 'function' && define.amd) {
+        // AMD is used - Register as an anonymous module.
+        define(['jquery', 'moment'], factory);
+    } else if (typeof exports === 'object') {
+        factory(require('jquery'), require('moment'));
+    }
+    else {
+        // Neither AMD or CommonJS used. Use global variables.
+        if (!jQuery) {
+            throw new Error('bootstrap-datetimepicker requires jQuery to be loaded first');
+        }
+        if (!moment) {
+            throw new Error('bootstrap-datetimepicker requires moment.js to be loaded first');
+        }
+        factory(root.jQuery, moment);
+    }
+}(this, function ($, moment) {
+    'use strict';
+    if (typeof moment === 'undefined') {
+        throw new Error('momentjs is required');
+    }
+
+    var dpgId = 0,
+
+    DateTimePicker = function (element, options) {
+        var defaults = $.fn.datetimepicker.defaults,
+
+            icons = {
+                time: 'glyphicon glyphicon-time',
+                date: 'glyphicon glyphicon-calendar',
+                up: 'glyphicon glyphicon-chevron-up',
+                down: 'glyphicon glyphicon-chevron-down'
+            },
+
+            picker = this,
+            errored = false,
+            dDate,
+
+        init = function () {
+            var icon = false, localeData, rInterval;
+            picker.options = $.extend({}, defaults, options);
+            picker.options.icons = $.extend({}, icons, picker.options.icons);
+
+            picker.element = $(element);
+
+            dataToOptions();
+
+            if (!(picker.options.pickTime || picker.options.pickDate)) {
+                throw new Error('Must choose at least one picker');
+            }
+
+            picker.id = dpgId++;
+            moment.locale(picker.options.language);
+            picker.date = moment();
+            picker.unset = false;
+            picker.isInput = picker.element.is('input');
+            picker.component = false;
+
+            if (picker.element.hasClass('input-group')) {
+                if (picker.element.find('.datepickerbutton').size() === 0) {//in case there is more then one 'input-group-addon' Issue #48
+                    picker.component = picker.element.find('[class^="input-group-"]');
+                }
+                else {
+                    picker.component = picker.element.find('.datepickerbutton');
+                }
+            }
+            picker.format = picker.options.format;
+
+            localeData = moment().localeData();
+
+            if (!picker.format) {
+                picker.format = (picker.options.pickDate ? localeData.longDateFormat('L') : '');
+                if (picker.options.pickDate && picker.options.pickTime) {
+                    picker.format += ' ';
+                }
+                picker.format += (picker.options.pickTime ? localeData.longDateFormat('LT') : '');
+                if (picker.options.useSeconds) {
+                    if (localeData.longDateFormat('LT').indexOf(' A') !== -1) {
+                        picker.format = picker.format.split(' A')[0] + ':ss A';
+                    }
+                    else {
+                        picker.format += ':ss';
+                    }
+                }
+            }
+            picker.use24hours = (picker.format.toLowerCase().indexOf('a') < 0 && picker.format.indexOf('h') < 0);
+
+            if (picker.component) {
+                icon = picker.component.find('span');
+            }
+
+            if (picker.options.pickTime) {
+                if (icon) {
+                    icon.addClass(picker.options.icons.time);
+                }
+            }
+            if (picker.options.pickDate) {
+                if (icon) {
+                    icon.removeClass(picker.options.icons.time);
+                    icon.addClass(picker.options.icons.date);
+                }
+            }
+
+            picker.options.widgetParent =
+                typeof picker.options.widgetParent === 'string' && picker.options.widgetParent ||
+                picker.element.parents().filter(function () {
+                    return 'scroll' === $(this).css('overflow-y');
+                }).get(0) ||
+                'body';
+
+            picker.widget = $(getTemplate()).appendTo(picker.options.widgetParent);
+
+            picker.minViewMode = picker.options.minViewMode || 0;
+            if (typeof picker.minViewMode === 'string') {
+                switch (picker.minViewMode) {
+                    case 'months':
+                        picker.minViewMode = 1;
+                        break;
+                    case 'years':
+                        picker.minViewMode = 2;
+                        break;
+                    default:
+                        picker.minViewMode = 0;
+                        break;
+                }
+            }
+            picker.viewMode = picker.options.viewMode || 0;
+            if (typeof picker.viewMode === 'string') {
+                switch (picker.viewMode) {
+                    case 'months':
+                        picker.viewMode = 1;
+                        break;
+                    case 'years':
+                        picker.viewMode = 2;
+                        break;
+                    default:
+                        picker.viewMode = 0;
+                        break;
+                }
+            }
+
+            picker.viewMode = Math.max(picker.viewMode, picker.minViewMode);
+
+            picker.options.disabledDates = indexGivenDates(picker.options.disabledDates);
+            picker.options.enabledDates = indexGivenDates(picker.options.enabledDates);
+
+            picker.startViewMode = picker.viewMode;
+            picker.setMinDate(picker.options.minDate);
+            picker.setMaxDate(picker.options.maxDate);
+            fillDow();
+            fillMonths();
+            fillHours();
+            fillMinutes();
+            fillSeconds();
+            update();
+            showMode();
+            if (!getPickerInput().prop('disabled')) {
+                attachDatePickerEvents();
+            }
+            if (picker.options.defaultDate !== '' && getPickerInput().val() === '') {
+                picker.setValue(picker.options.defaultDate);
+            }
+            if (picker.options.minuteStepping !== 1) {
+                rInterval = picker.options.minuteStepping;
+                picker.date.minutes((Math.round(picker.date.minutes() / rInterval) * rInterval) % 60).seconds(0);
+            }
+        },
+
+        getPickerInput = function () {
+            var input;
+
+            if (picker.isInput) {
+                return picker.element;
+            }
+            input = picker.element.find('.datepickerinput');
+            if (input.size() === 0) {
+                input = picker.element.find('input');
+            }
+            else if (!input.is('input')) {
+                throw new Error('CSS class "datepickerinput" cannot be applied to non input element');
+            }
+            return input;
+        },
+
+        dataToOptions = function () {
+            var eData;
+            if (picker.element.is('input')) {
+                eData = picker.element.data();
+            }
+            else {
+                eData = picker.element.find('input').data();
+            }
+            if (eData.dateFormat !== undefined) {
+                picker.options.format = eData.dateFormat;
+            }
+            if (eData.datePickdate !== undefined) {
+                picker.options.pickDate = eData.datePickdate;
+            }
+            if (eData.datePicktime !== undefined) {
+                picker.options.pickTime = eData.datePicktime;
+            }
+            if (eData.dateUseminutes !== undefined) {
+                picker.options.useMinutes = eData.dateUseminutes;
+            }
+            if (eData.dateUseseconds !== undefined) {
+                picker.options.useSeconds = eData.dateUseseconds;
+            }
+            if (eData.dateUsecurrent !== undefined) {
+                picker.options.useCurrent = eData.dateUsecurrent;
+            }
+            if (eData.calendarWeeks !== undefined) {
+                picker.options.calendarWeeks = eData.calendarWeeks;
+            }
+            if (eData.dateMinutestepping !== undefined) {
+                picker.options.minuteStepping = eData.dateMinutestepping;
+            }
+            if (eData.dateMindate !== undefined) {
+                picker.options.minDate = eData.dateMindate;
+            }
+            if (eData.dateMaxdate !== undefined) {
+                picker.options.maxDate = eData.dateMaxdate;
+            }
+            if (eData.dateShowtoday !== undefined) {
+                picker.options.showToday = eData.dateShowtoday;
+            }
+            if (eData.dateCollapse !== undefined) {
+                picker.options.collapse = eData.dateCollapse;
+            }
+            if (eData.dateLanguage !== undefined) {
+                picker.options.language = eData.dateLanguage;
+            }
+            if (eData.dateDefaultdate !== undefined) {
+                picker.options.defaultDate = eData.dateDefaultdate;
+            }
+            if (eData.dateDisableddates !== undefined) {
+                picker.options.disabledDates = eData.dateDisableddates;
+            }
+            if (eData.dateEnableddates !== undefined) {
+                picker.options.enabledDates = eData.dateEnableddates;
+            }
+            if (eData.dateIcons !== undefined) {
+                picker.options.icons = eData.dateIcons;
+            }
+            if (eData.dateUsestrict !== undefined) {
+                picker.options.useStrict = eData.dateUsestrict;
+            }
+            if (eData.dateDirection !== undefined) {
+                picker.options.direction = eData.dateDirection;
+            }
+            if (eData.dateSidebyside !== undefined) {
+                picker.options.sideBySide = eData.dateSidebyside;
+            }
+            if (eData.dateDaysofweekdisabled !== undefined) {
+                picker.options.daysOfWeekDisabled = eData.dateDaysofweekdisabled;
+            }
+        },
+
+        place = function () {
+            var position = 'absolute',
+                offset = picker.component ? picker.component.offset() : picker.element.offset(),
+                $window = $(window),
+                placePosition;
+
+            picker.width = picker.component ? picker.component.outerWidth() : picker.element.outerWidth();
+            offset.top = offset.top + picker.element.outerHeight();
+
+            if (picker.options.direction === 'up') {
+                placePosition = 'top';
+            } else if (picker.options.direction === 'bottom') {
+                placePosition = 'bottom';
+            } else if (picker.options.direction === 'auto') {
+                if (offset.top + picker.widget.height() > $window.height() + $window.scrollTop() && picker.widget.height() + picker.element.outerHeight() < offset.top) {
+                    placePosition = 'top';
+                } else {
+                    placePosition = 'bottom';
+                }
+            }
+            if (placePosition === 'top') {
+				//ACE
+                offset.bottom = Math.max($window.height() , document.documentElement.scrollHeight || document.body.scrollHeight) - offset.top + picker.element.outerHeight() + 3;
+                picker.widget.addClass('top').removeClass('bottom');
+            } else {
+                offset.top += 1;
+                picker.widget.addClass('bottom').removeClass('top');
+            }
+
+            if (picker.options.width !== undefined) {
+                picker.widget.width(picker.options.width);
+            }
+
+            if (picker.options.orientation === 'left') {
+                picker.widget.addClass('left-oriented');
+                offset.left = offset.left - picker.widget.width() + 20;
+            }
+
+            if (isInFixed()) {
+                position = 'fixed';
+                offset.top -= $window.scrollTop();
+                offset.left -= $window.scrollLeft();
+            }
+
+            if ($window.width() < offset.left + picker.widget.outerWidth()) {
+                offset.right = $window.width() - offset.left - picker.width;
+                offset.left = 'auto';
+                picker.widget.addClass('pull-right');
+            } else {
+                offset.right = 'auto';
+                picker.widget.removeClass('pull-right');
+            }
+
+            if (placePosition === 'top') {
+                picker.widget.css({
+                    position: position,
+                    bottom: offset.bottom,
+                    top: 'auto',
+                    left: offset.left,
+                    right: offset.right
+                });
+            } else {
+                picker.widget.css({
+                    position: position,
+                    top: offset.top,
+                    bottom: 'auto',
+                    left: offset.left,
+                    right: offset.right
+                });
+            }
+        },
+
+        notifyChange = function (oldDate, eventType) {
+            if (moment(picker.date).isSame(moment(oldDate)) && !errored) {
+                return;
+            }
+            errored = false;
+            picker.element.trigger({
+                type: 'dp.change',
+                date: moment(picker.date),
+                oldDate: moment(oldDate)
+            });
+
+            if (eventType !== 'change') {
+                picker.element.change();
+            }
+        },
+
+        notifyError = function (date) {
+            errored = true;
+            picker.element.trigger({
+                type: 'dp.error',
+                date: moment(date, picker.format, picker.options.useStrict)
+            });
+        },
+
+        update = function (newDate) {
+            moment.locale(picker.options.language);
+            var dateStr = newDate;
+            if (!dateStr) {
+                dateStr = getPickerInput().val();
+                if (dateStr) {
+                    picker.date = moment(dateStr, picker.format, picker.options.useStrict);
+                }
+                if (!picker.date) {
+                    picker.date = moment();
+                }
+            }
+            picker.viewDate = moment(picker.date).startOf('month');
+            fillDate();
+            fillTime();
+        },
+
+        fillDow = function () {
+            moment.locale(picker.options.language);
+            var html = $('<tr>'), weekdaysMin = moment.weekdaysMin(), i;
+            if (picker.options.calendarWeeks === true) {
+                html.append('<th class="cw">#</th>');
+            }
+            if (moment().localeData()._week.dow === 0) { // starts on Sunday
+                for (i = 0; i < 7; i++) {
+                    html.append('<th class="dow">' + weekdaysMin[i] + '</th>');
+                }
+            } else {
+                for (i = 1; i < 8; i++) {
+                    if (i === 7) {
+                        html.append('<th class="dow">' + weekdaysMin[0] + '</th>');
+                    } else {
+                        html.append('<th class="dow">' + weekdaysMin[i] + '</th>');
+                    }
+                }
+            }
+            picker.widget.find('.datepicker-days thead').append(html);
+        },
+
+        fillMonths = function () {
+            moment.locale(picker.options.language);
+            var html = '', i, monthsShort = moment.monthsShort();
+            for (i = 0; i < 12; i++) {
+                html += '<span class="month">' + monthsShort[i] + '</span>';
+            }
+            picker.widget.find('.datepicker-months td').append(html);
+        },
+
+        fillDate = function () {
+            if (!picker.options.pickDate) {
+                return;
+            }
+            moment.locale(picker.options.language);
+            var year = picker.viewDate.year(),
+                month = picker.viewDate.month(),
+                startYear = picker.options.minDate.year(),
+                startMonth = picker.options.minDate.month(),
+                endYear = picker.options.maxDate.year(),
+                endMonth = picker.options.maxDate.month(),
+                currentDate,
+                prevMonth, nextMonth, html = [], row, clsName, i, days, yearCont, currentYear, months = moment.months();
+
+            picker.widget.find('.datepicker-days').find('.disabled').removeClass('disabled');
+            picker.widget.find('.datepicker-months').find('.disabled').removeClass('disabled');
+            picker.widget.find('.datepicker-years').find('.disabled').removeClass('disabled');
+
+            picker.widget.find('.datepicker-days th:eq(1)').text(
+                months[month] + ' ' + year);
+
+            prevMonth = moment(picker.viewDate, picker.format, picker.options.useStrict).subtract(1, 'months');
+            days = prevMonth.daysInMonth();
+            prevMonth.date(days).startOf('week');
+            if ((year === startYear && month <= startMonth) || year < startYear) {
+                picker.widget.find('.datepicker-days th:eq(0)').addClass('disabled');
+            }
+            if ((year === endYear && month >= endMonth) || year > endYear) {
+                picker.widget.find('.datepicker-days th:eq(2)').addClass('disabled');
+            }
+
+            nextMonth = moment(prevMonth).add(42, 'd');
+            while (prevMonth.isBefore(nextMonth)) {
+                if (prevMonth.weekday() === moment().startOf('week').weekday()) {
+                    row = $('<tr>');
+                    html.push(row);
+                    if (picker.options.calendarWeeks === true) {
+                        row.append('<td class="cw">' + prevMonth.week() + '</td>');
+                    }
+                }
+                clsName = '';
+                if (prevMonth.year() < year || (prevMonth.year() === year && prevMonth.month() < month)) {
+                    clsName += ' old';
+                } else if (prevMonth.year() > year || (prevMonth.year() === year && prevMonth.month() > month)) {
+                    clsName += ' new';
+                }
+                if (prevMonth.isSame(moment({y: picker.date.year(), M: picker.date.month(), d: picker.date.date()}))) {
+                    clsName += ' active';
+                }
+                if (isInDisableDates(prevMonth, 'day') || !isInEnableDates(prevMonth)) {
+                    clsName += ' disabled';
+                }
+                if (picker.options.showToday === true) {
+                    if (prevMonth.isSame(moment(), 'day')) {
+                        clsName += ' today';
+                    }
+                }
+                if (picker.options.daysOfWeekDisabled) {
+                    for (i = 0; i < picker.options.daysOfWeekDisabled.length; i++) {
+                        if (prevMonth.day() === picker.options.daysOfWeekDisabled[i]) {
+                            clsName += ' disabled';
+                            break;
+                        }
+                    }
+                }
+                row.append('<td class="day' + clsName + '">' + prevMonth.date() + '</td>');
+
+                currentDate = prevMonth.date();
+                prevMonth.add(1, 'd');
+
+                if (currentDate === prevMonth.date()) {
+                    prevMonth.add(1, 'd');
+                }
+            }
+            picker.widget.find('.datepicker-days tbody').empty().append(html);
+            currentYear = picker.date.year();
+            months = picker.widget.find('.datepicker-months').find('th:eq(1)').text(year).end().find('span').removeClass('active');
+            if (currentYear === year) {
+                months.eq(picker.date.month()).addClass('active');
+            }
+            if (year - 1 < startYear) {
+                picker.widget.find('.datepicker-months th:eq(0)').addClass('disabled');
+            }
+            if (year + 1 > endYear) {
+                picker.widget.find('.datepicker-months th:eq(2)').addClass('disabled');
+            }
+            for (i = 0; i < 12; i++) {
+                if ((year === startYear && startMonth > i) || (year < startYear)) {
+                    $(months[i]).addClass('disabled');
+                } else if ((year === endYear && endMonth < i) || (year > endYear)) {
+                    $(months[i]).addClass('disabled');
+                }
+            }
+
+            html = '';
+            year = parseInt(year / 10, 10) * 10;
+            yearCont = picker.widget.find('.datepicker-years').find(
+                'th:eq(1)').text(year + '-' + (year + 9)).parents('table').find('td');
+            picker.widget.find('.datepicker-years').find('th').removeClass('disabled');
+            if (startYear > year) {
+                picker.widget.find('.datepicker-years').find('th:eq(0)').addClass('disabled');
+            }
+            if (endYear < year + 9) {
+                picker.widget.find('.datepicker-years').find('th:eq(2)').addClass('disabled');
+            }
+            year -= 1;
+            for (i = -1; i < 11; i++) {
+                html += '<span class="year' + (i === -1 || i === 10 ? ' old' : '') + (currentYear === year ? ' active' : '') + ((year < startYear || year > endYear) ? ' disabled' : '') + '">' + year + '</span>';
+                year += 1;
+            }
+            yearCont.html(html);
+        },
+
+        fillHours = function () {
+            moment.locale(picker.options.language);
+            var table = picker.widget.find('.timepicker .timepicker-hours table'), html = '', current, i, j;
+            table.parent().hide();
+            if (picker.use24hours) {
+                current = 0;
+                for (i = 0; i < 6; i += 1) {
+                    html += '<tr>';
+                    for (j = 0; j < 4; j += 1) {
+                        html += '<td class="hour">' + padLeft(current.toString()) + '</td>';
+                        current++;
+                    }
+                    html += '</tr>';
+                }
+            }
+            else {
+                current = 1;
+                for (i = 0; i < 3; i += 1) {
+                    html += '<tr>';
+                    for (j = 0; j < 4; j += 1) {
+                        html += '<td class="hour">' + padLeft(current.toString()) + '</td>';
+                        current++;
+                    }
+                    html += '</tr>';
+                }
+            }
+            table.html(html);
+        },
+
+        fillMinutes = function () {
+            var table = picker.widget.find('.timepicker .timepicker-minutes table'), html = '', current = 0, i, j, step = picker.options.minuteStepping;
+            table.parent().hide();
+            if (step === 1)  {
+                step = 5;
+            }
+            for (i = 0; i < Math.ceil(60 / step / 4) ; i++) {
+                html += '<tr>';
+                for (j = 0; j < 4; j += 1) {
+                    if (current < 60) {
+                        html += '<td class="minute">' + padLeft(current.toString()) + '</td>';
+                        current += step;
+                    } else {
+                        html += '<td></td>';
+                    }
+                }
+                html += '</tr>';
+            }
+            table.html(html);
+        },
+
+        fillSeconds = function () {
+            var table = picker.widget.find('.timepicker .timepicker-seconds table'), html = '', current = 0, i, j;
+            table.parent().hide();
+            for (i = 0; i < 3; i++) {
+                html += '<tr>';
+                for (j = 0; j < 4; j += 1) {
+                    html += '<td class="second">' + padLeft(current.toString()) + '</td>';
+                    current += 5;
+                }
+                html += '</tr>';
+            }
+            table.html(html);
+        },
+
+        fillTime = function () {
+            if (!picker.date) {
+                return;
+            }
+            var timeComponents = picker.widget.find('.timepicker span[data-time-component]'),
+                hour = picker.date.hours(),
+                period = picker.date.format('A');
+            if (!picker.use24hours) {
+                if (hour === 0) {
+                    hour = 12;
+                } else if (hour !== 12) {
+                    hour = hour % 12;
+                }
+                picker.widget.find('.timepicker [data-action=togglePeriod]').text(period);
+            }
+            timeComponents.filter('[data-time-component=hours]').text(padLeft(hour));
+            timeComponents.filter('[data-time-component=minutes]').text(padLeft(picker.date.minutes()));
+            timeComponents.filter('[data-time-component=seconds]').text(padLeft(picker.date.second()));
+        },
+
+        click = function (e) {
+            e.stopPropagation();
+            e.preventDefault();
+            picker.unset = false;
+            var target = $(e.target).closest('span, td, th'), month, year, step, day, oldDate = moment(picker.date);
+            if (target.length === 1) {
+                if (!target.is('.disabled')) {
+                    switch (target[0].nodeName.toLowerCase()) {
+                        case 'th':
+                            switch (target[0].className) {
+                                case 'picker-switch':
+                                    showMode(1);
+                                    break;
+                                case 'prev':
+                                case 'next':
+                                    step = dpGlobal.modes[picker.viewMode].navStep;
+                                    if (target[0].className === 'prev') {
+                                        step = step * -1;
+                                    }
+                                    picker.viewDate.add(step, dpGlobal.modes[picker.viewMode].navFnc);
+                                    fillDate();
+                                    break;
+                            }
+                            break;
+                        case 'span':
+                            if (target.is('.month')) {
+                                month = target.parent().find('span').index(target);
+                                picker.viewDate.month(month);
+                            } else {
+                                year = parseInt(target.text(), 10) || 0;
+                                picker.viewDate.year(year);
+                            }
+                            if (picker.viewMode === picker.minViewMode) {
+                                picker.date = moment({
+                                    y: picker.viewDate.year(),
+                                    M: picker.viewDate.month(),
+                                    d: picker.viewDate.date(),
+                                    h: picker.date.hours(),
+                                    m: picker.date.minutes(),
+                                    s: picker.date.seconds()
+                                });
+                                set();
+                                notifyChange(oldDate, e.type);
+                            }
+                            showMode(-1);
+                            fillDate();
+                            break;
+                        case 'td':
+                            if (target.is('.day')) {
+                                day = parseInt(target.text(), 10) || 1;
+                                month = picker.viewDate.month();
+                                year = picker.viewDate.year();
+                                if (target.is('.old')) {
+                                    if (month === 0) {
+                                        month = 11;
+                                        year -= 1;
+                                    } else {
+                                        month -= 1;
+                                    }
+                                } else if (target.is('.new')) {
+                                    if (month === 11) {
+                                        month = 0;
+                                        year += 1;
+                                    } else {
+                                        month += 1;
+                                    }
+                                }
+                                picker.date = moment({
+                                    y: year,
+                                    M: month,
+                                    d: day,
+                                    h: picker.date.hours(),
+                                    m: picker.date.minutes(),
+                                    s: picker.date.seconds()
+                                }
+                                );
+                                picker.viewDate = moment({
+                                    y: year, M: month, d: Math.min(28, day)
+                                });
+                                fillDate();
+                                set();
+                                notifyChange(oldDate, e.type);
+                            }
+                            break;
+                    }
+                }
+            }
+        },
+
+        actions = {
+            incrementHours: function () {
+                checkDate('add', 'hours', 1);
+            },
+
+            incrementMinutes: function () {
+                checkDate('add', 'minutes', picker.options.minuteStepping);
+            },
+
+            incrementSeconds: function () {
+                checkDate('add', 'seconds', 1);
+            },
+
+            decrementHours: function () {
+                checkDate('subtract', 'hours', 1);
+            },
+
+            decrementMinutes: function () {
+                checkDate('subtract', 'minutes', picker.options.minuteStepping);
+            },
+
+            decrementSeconds: function () {
+                checkDate('subtract', 'seconds', 1);
+            },
+
+            togglePeriod: function () {
+                var hour = picker.date.hours();
+                if (hour >= 12) {
+                    hour -= 12;
+                } else {
+                    hour += 12;
+                }
+                picker.date.hours(hour);
+            },
+
+            showPicker: function () {
+                picker.widget.find('.timepicker > div:not(.timepicker-picker)').hide();
+                picker.widget.find('.timepicker .timepicker-picker').show();
+            },
+
+            showHours: function () {
+                picker.widget.find('.timepicker .timepicker-picker').hide();
+                picker.widget.find('.timepicker .timepicker-hours').show();
+            },
+
+            showMinutes: function () {
+                picker.widget.find('.timepicker .timepicker-picker').hide();
+                picker.widget.find('.timepicker .timepicker-minutes').show();
+            },
+
+            showSeconds: function () {
+                picker.widget.find('.timepicker .timepicker-picker').hide();
+                picker.widget.find('.timepicker .timepicker-seconds').show();
+            },
+
+            selectHour: function (e) {
+                var hour = parseInt($(e.target).text(), 10);
+                if (!picker.use24hours) {
+                    if (picker.date.hours() >= 12) {
+                        if (hour !== 12) {
+                            hour += 12;
+                        }
+                    } else {
+                        if (hour === 12) {
+                            hour = 0;
+                        }
+                    }
+                }
+                picker.date.hours(hour);
+                actions.showPicker.call(picker);
+            },
+
+            selectMinute: function (e) {
+                picker.date.minutes(parseInt($(e.target).text(), 10));
+                actions.showPicker.call(picker);
+            },
+
+            selectSecond: function (e) {
+                picker.date.seconds(parseInt($(e.target).text(), 10));
+                actions.showPicker.call(picker);
+            }
+        },
+
+        doAction = function (e) {
+            var oldDate = moment(picker.date),
+                action = $(e.currentTarget).data('action'),
+                rv = actions[action].apply(picker, arguments);
+            stopEvent(e);
+            if (!picker.date) {
+                picker.date = moment({y: 1970});
+            }
+            set();
+            fillTime();
+            notifyChange(oldDate, e.type);
+            return rv;
+        },
+
+        stopEvent = function (e) {
+            e.stopPropagation();
+            e.preventDefault();
+        },
+
+        keydown = function (e) {
+            if (e.keyCode === 27) { // allow escape to hide picker
+                picker.hide();
+            }
+        },
+
+        change = function (e) {
+            moment.locale(picker.options.language);
+            var input = $(e.target), oldDate = moment(picker.date), newDate = moment(input.val(), picker.format, picker.options.useStrict);
+            if (newDate.isValid() && !isInDisableDates(newDate) && isInEnableDates(newDate)) {
+                update();
+                picker.setValue(newDate);
+                notifyChange(oldDate, e.type);
+                set();
+            }
+            else {
+                picker.viewDate = oldDate;
+                picker.unset = true;
+                notifyChange(oldDate, e.type);
+                notifyError(newDate);
+            }
+        },
+
+        showMode = function (dir) {
+            if (dir) {
+                picker.viewMode = Math.max(picker.minViewMode, Math.min(2, picker.viewMode + dir));
+            }
+            picker.widget.find('.datepicker > div').hide().filter('.datepicker-' + dpGlobal.modes[picker.viewMode].clsName).show();
+        },
+
+        attachDatePickerEvents = function () {
+            var $this, $parent, expanded, closed, collapseData;
+            picker.widget.on('click', '.datepicker *', $.proxy(click, this)); // this handles date picker clicks
+            picker.widget.on('click', '[data-action]', $.proxy(doAction, this)); // this handles time picker clicks
+            picker.widget.on('mousedown', $.proxy(stopEvent, this));
+            picker.element.on('keydown', $.proxy(keydown, this));
+            if (picker.options.pickDate && picker.options.pickTime) {
+                picker.widget.on('click.togglePicker', '.accordion-toggle', function (e) {
+                    e.stopPropagation();
+                    $this = $(this);
+                    $parent = $this.closest('ul');
+                    expanded = $parent.find('.in');
+                    closed = $parent.find('.collapse:not(.in)');
+
+                    if (expanded && expanded.length) {
+                        collapseData = expanded.data('collapse');
+                        if (collapseData && collapseData.transitioning) {
+                            return;
+                        }
+                        expanded.collapse('hide');
+                        closed.collapse('show');
+                        $this.find('span').toggleClass(picker.options.icons.time + ' ' + picker.options.icons.date);
+                        if (picker.component) {
+                            picker.component.find('span').toggleClass(picker.options.icons.time + ' ' + picker.options.icons.date);
+                        }
+                    }
+                });
+            }
+            if (picker.isInput) {
+                picker.element.on({
+                    'click': $.proxy(picker.show, this),
+                    'focus': $.proxy(picker.show, this),
+                    'change': $.proxy(change, this),
+                    'blur': $.proxy(picker.hide, this)
+                });
+            } else {
+                picker.element.on({
+                    'change': $.proxy(change, this)
+                }, 'input');
+                if (picker.component) {
+                    picker.component.on('click', $.proxy(picker.show, this));
+                    picker.component.on('mousedown', $.proxy(stopEvent, this));
+                } else {
+                    picker.element.on('click', $.proxy(picker.show, this));
+                }
+            }
+        },
+
+        attachDatePickerGlobalEvents = function () {
+            $(window).on(
+                'resize.datetimepicker' + picker.id, $.proxy(place, this));
+            if (!picker.isInput) {
+                $(document).on(
+                    'mousedown.datetimepicker' + picker.id, $.proxy(picker.hide, this));
+            }
+        },
+
+        detachDatePickerEvents = function () {
+            picker.widget.off('click', '.datepicker *', picker.click);
+            picker.widget.off('click', '[data-action]');
+            picker.widget.off('mousedown', picker.stopEvent);
+            if (picker.options.pickDate && picker.options.pickTime) {
+                picker.widget.off('click.togglePicker');
+            }
+            if (picker.isInput) {
+                picker.element.off({
+                    'focus': picker.show,
+                    'change': change,
+                    'click': picker.show,
+                    'blur' : picker.hide
+                });
+            } else {
+                picker.element.off({
+                    'change': change
+                }, 'input');
+                if (picker.component) {
+                    picker.component.off('click', picker.show);
+                    picker.component.off('mousedown', picker.stopEvent);
+                } else {
+                    picker.element.off('click', picker.show);
+                }
+            }
+        },
+
+        detachDatePickerGlobalEvents = function () {
+            $(window).off('resize.datetimepicker' + picker.id);
+            if (!picker.isInput) {
+                $(document).off('mousedown.datetimepicker' + picker.id);
+            }
+        },
+
+        isInFixed = function () {
+            if (picker.element) {
+                var parents = picker.element.parents(), inFixed = false, i;
+                for (i = 0; i < parents.length; i++) {
+                    if ($(parents[i]).css('position') === 'fixed') {
+                        inFixed = true;
+                        break;
+                    }
+                }
+                return inFixed;
+            } else {
+                return false;
+            }
+        },
+
+        set = function () {
+            moment.locale(picker.options.language);
+            var formatted = '';
+            if (!picker.unset) {
+                formatted = moment(picker.date).format(picker.format);
+            }
+            getPickerInput().val(formatted);
+            picker.element.data('date', formatted);
+            if (!picker.options.pickTime) {
+                picker.hide();
+            }
+        },
+
+        checkDate = function (direction, unit, amount) {
+            moment.locale(picker.options.language);
+            var newDate;
+            if (direction === 'add') {
+                newDate = moment(picker.date);
+                if (newDate.hours() === 23) {
+                    newDate.add(amount, unit);
+                }
+                newDate.add(amount, unit);
+            }
+            else {
+                newDate = moment(picker.date).subtract(amount, unit);
+            }
+            if (isInDisableDates(moment(newDate.subtract(amount, unit))) || isInDisableDates(newDate)) {
+                notifyError(newDate.format(picker.format));
+                return;
+            }
+
+            if (direction === 'add') {
+                picker.date.add(amount, unit);
+            }
+            else {
+                picker.date.subtract(amount, unit);
+            }
+            picker.unset = false;
+        },
+
+        isInDisableDates = function (date, timeUnit) {
+            moment.locale(picker.options.language);
+            var maxDate = moment(picker.options.maxDate, picker.format, picker.options.useStrict),
+                minDate = moment(picker.options.minDate, picker.format, picker.options.useStrict);
+
+            if (timeUnit) {
+                maxDate = maxDate.endOf(timeUnit);
+                minDate = minDate.startOf(timeUnit);
+            }
+
+            if (date.isAfter(maxDate) || date.isBefore(minDate)) {
+                return true;
+            }
+            if (picker.options.disabledDates === false) {
+                return false;
+            }
+            return picker.options.disabledDates[date.format('YYYY-MM-DD')] === true;
+        },
+        isInEnableDates = function (date) {
+            moment.locale(picker.options.language);
+            if (picker.options.enabledDates === false) {
+                return true;
+            }
+            return picker.options.enabledDates[date.format('YYYY-MM-DD')] === true;
+        },
+
+        indexGivenDates = function (givenDatesArray) {
+            // Store given enabledDates and disabledDates as keys.
+            // This way we can check their existence in O(1) time instead of looping through whole array.
+            // (for example: picker.options.enabledDates['2014-02-27'] === true)
+            var givenDatesIndexed = {}, givenDatesCount = 0, i;
+            for (i = 0; i < givenDatesArray.length; i++) {
+                if (moment.isMoment(givenDatesArray[i]) || givenDatesArray[i] instanceof Date) {
+                    dDate = moment(givenDatesArray[i]);
+                } else {
+                    dDate = moment(givenDatesArray[i], picker.format, picker.options.useStrict);
+                }
+                if (dDate.isValid()) {
+                    givenDatesIndexed[dDate.format('YYYY-MM-DD')] = true;
+                    givenDatesCount++;
+                }
+            }
+            if (givenDatesCount > 0) {
+                return givenDatesIndexed;
+            }
+            return false;
+        },
+
+        padLeft = function (string) {
+            string = string.toString();
+            if (string.length >= 2) {
+                return string;
+            }
+            return '0' + string;
+        },
+
+        getTemplate = function () {
+            var
+                headTemplate =
+                        '<thead>' +
+                            '<tr>' +
+                                '<th class="prev">&lsaquo;</th><th colspan="' + (picker.options.calendarWeeks ? '6' : '5') + '" class="picker-switch"></th><th class="next">&rsaquo;</th>' +
+                            '</tr>' +
+                        '</thead>',
+                contTemplate =
+                        '<tbody><tr><td colspan="' + (picker.options.calendarWeeks ? '8' : '7') + '"></td></tr></tbody>',
+                template = '<div class="datepicker-days">' +
+                    '<table class="table-condensed">' + headTemplate + '<tbody></tbody></table>' +
+                '</div>' +
+                '<div class="datepicker-months">' +
+                    '<table class="table-condensed">' + headTemplate + contTemplate + '</table>' +
+                '</div>' +
+                '<div class="datepicker-years">' +
+                    '<table class="table-condensed">' + headTemplate + contTemplate + '</table>' +
+                '</div>',
+                ret = '';
+            if (picker.options.pickDate && picker.options.pickTime) {
+                ret = '<div class="bootstrap-datetimepicker-widget' + (picker.options.sideBySide ? ' timepicker-sbs' : '') + (picker.use24hours ? ' usetwentyfour' : '') + ' dropdown-menu" style="z-index:9999 !important;">';
+                if (picker.options.sideBySide) {
+                    ret += '<div class="row">' +
+                       '<div class="col-sm-6 datepicker">' + template + '</div>' +
+                       '<div class="col-sm-6 timepicker">' + tpGlobal.getTemplate() + '</div>' +
+                     '</div>';
+                } else {
+                    ret += '<ul class="list-unstyled">' +
+                        '<li' + (picker.options.collapse ? ' class="collapse in"' : '') + '>' +
+                            '<div class="datepicker">' + template + '</div>' +
+                        '</li>' +
+                        '<li class="picker-switch accordion-toggle"><a class="btn" style="width:100%"><span class="' + picker.options.icons.time + '"></span></a></li>' +
+                        '<li' + (picker.options.collapse ? ' class="collapse"' : '') + '>' +
+                            '<div class="timepicker">' + tpGlobal.getTemplate() + '</div>' +
+                        '</li>' +
+                   '</ul>';
+                }
+                ret += '</div>';
+                return ret;
+            }
+            if (picker.options.pickTime) {
+                return (
+                    '<div class="bootstrap-datetimepicker-widget dropdown-menu">' +
+                        '<div class="timepicker">' + tpGlobal.getTemplate() + '</div>' +
+                    '</div>'
+                );
+            }
+            return (
+                '<div class="bootstrap-datetimepicker-widget dropdown-menu">' +
+                    '<div class="datepicker">' + template + '</div>' +
+                '</div>'
+            );
+        },
+
+        dpGlobal = {
+            modes: [
+                {
+                    clsName: 'days',
+                    navFnc: 'month',
+                    navStep: 1
+                },
+                {
+                    clsName: 'months',
+                    navFnc: 'year',
+                    navStep: 1
+                },
+                {
+                    clsName: 'years',
+                    navFnc: 'year',
+                    navStep: 10
+                }
+            ]
+        },
+
+        tpGlobal = {
+            hourTemplate: '<span data-action="showHours"   data-time-component="hours"   class="timepicker-hour"></span>',
+            minuteTemplate: '<span data-action="showMinutes" data-time-component="minutes" class="timepicker-minute"></span>',
+            secondTemplate: '<span data-action="showSeconds"  data-time-component="seconds" class="timepicker-second"></span>'
+        };
+
+        tpGlobal.getTemplate = function () {
+            return (
+                '<div class="timepicker-picker">' +
+                    '<table class="table-condensed">' +
+                        '<tr>' +
+                            '<td><a href="#" class="btn" data-action="incrementHours"><span class="' + picker.options.icons.up + '"></span></a></td>' +
+                            '<td class="separator"></td>' +
+                            '<td>' + (picker.options.useMinutes ? '<a href="#" class="btn" data-action="incrementMinutes"><span class="' + picker.options.icons.up + '"></span></a>' : '') + '</td>' +
+                            (picker.options.useSeconds ?
+                                '<td class="separator"></td><td><a href="#" class="btn" data-action="incrementSeconds"><span class="' + picker.options.icons.up + '"></span></a></td>' : '') +
+                            (picker.use24hours ? '' : '<td class="separator"></td>') +
+                        '</tr>' +
+                        '<tr>' +
+                            '<td>' + tpGlobal.hourTemplate + '</td> ' +
+                            '<td class="separator">:</td>' +
+                            '<td>' + (picker.options.useMinutes ? tpGlobal.minuteTemplate : '<span class="timepicker-minute">00</span>') + '</td> ' +
+                            (picker.options.useSeconds ?
+                                '<td class="separator">:</td><td>' + tpGlobal.secondTemplate + '</td>' : '') +
+                            (picker.use24hours ? '' : '<td class="separator"></td>' +
+                            '<td><button type="button" class="btn btn-primary" data-action="togglePeriod"></button></td>') +
+                        '</tr>' +
+                        '<tr>' +
+                            '<td><a href="#" class="btn" data-action="decrementHours"><span class="' + picker.options.icons.down + '"></span></a></td>' +
+                            '<td class="separator"></td>' +
+                            '<td>' + (picker.options.useMinutes ? '<a href="#" class="btn" data-action="decrementMinutes"><span class="' + picker.options.icons.down + '"></span></a>' : '') + '</td>' +
+                            (picker.options.useSeconds ?
+                                '<td class="separator"></td><td><a href="#" class="btn" data-action="decrementSeconds"><span class="' + picker.options.icons.down + '"></span></a></td>' : '') +
+                            (picker.use24hours ? '' : '<td class="separator"></td>') +
+                        '</tr>' +
+                    '</table>' +
+                '</div>' +
+                '<div class="timepicker-hours" data-action="selectHour">' +
+                    '<table class="table-condensed"></table>' +
+                '</div>' +
+                '<div class="timepicker-minutes" data-action="selectMinute">' +
+                    '<table class="table-condensed"></table>' +
+                '</div>' +
+                (picker.options.useSeconds ?
+                    '<div class="timepicker-seconds" data-action="selectSecond"><table class="table-condensed"></table></div>' : '')
+            );
+        };
+
+        picker.destroy = function () {
+            detachDatePickerEvents();
+            detachDatePickerGlobalEvents();
+            picker.widget.remove();
+            picker.element.removeData('DateTimePicker');
+            if (picker.component) {
+                picker.component.removeData('DateTimePicker');
+            }
+        };
+
+        picker.show = function (e) {
+            if (getPickerInput().prop('disabled')) {
+                return;
+            }
+            if (picker.options.useCurrent) {
+                if (getPickerInput().val() === '') {
+                    if (picker.options.minuteStepping !== 1) {
+                        var mDate = moment(),
+                        rInterval = picker.options.minuteStepping;
+                        mDate.minutes((Math.round(mDate.minutes() / rInterval) * rInterval) % 60).seconds(0);
+                        picker.setValue(mDate.format(picker.format));
+                    } else {
+                        picker.setValue(moment().format(picker.format));
+                    }
+                    notifyChange('', e.type);
+                }
+            }
+            // if this is a click event on the input field and picker is already open don't hide it
+            if (e && e.type === 'click' && picker.isInput && picker.widget.hasClass('picker-open')) {
+                return;
+            }
+            if (picker.widget.hasClass('picker-open')) {
+                picker.widget.hide();
+                picker.widget.removeClass('picker-open');
+            }
+            else {
+                picker.widget.show();
+                picker.widget.addClass('picker-open');
+            }
+            picker.height = picker.component ? picker.component.outerHeight() : picker.element.outerHeight();
+            place();
+            picker.element.trigger({
+                type: 'dp.show',
+                date: moment(picker.date)
+            });
+            attachDatePickerGlobalEvents();
+            if (e) {
+                stopEvent(e);
+            }
+        };
+
+        picker.disable = function () {
+            var input = getPickerInput();
+            if (input.prop('disabled')) {
+                return;
+            }
+            input.prop('disabled', true);
+            detachDatePickerEvents();
+        };
+
+        picker.enable = function () {
+            var input = getPickerInput();
+            if (!input.prop('disabled')) {
+                return;
+            }
+            input.prop('disabled', false);
+            attachDatePickerEvents();
+        };
+
+        picker.hide = function () {
+            // Ignore event if in the middle of a picker transition
+            var collapse = picker.widget.find('.collapse'), i, collapseData;
+            for (i = 0; i < collapse.length; i++) {
+                collapseData = collapse.eq(i).data('collapse');
+                if (collapseData && collapseData.transitioning) {
+                    return;
+                }
+            }
+            picker.widget.hide();
+            picker.widget.removeClass('picker-open');
+            picker.viewMode = picker.startViewMode;
+            showMode();
+            picker.element.trigger({
+                type: 'dp.hide',
+                date: moment(picker.date)
+            });
+            detachDatePickerGlobalEvents();
+        };
+
+        picker.setValue = function (newDate) {
+            moment.locale(picker.options.language);
+            if (!newDate) {
+                picker.unset = true;
+                set();
+            } else {
+                picker.unset = false;
+            }
+            if (!moment.isMoment(newDate)) {
+                newDate = (newDate instanceof Date) ? moment(newDate) : moment(newDate, picker.format, picker.options.useStrict);
+            } else {
+                newDate = newDate.locale(picker.options.language);
+            }
+            if (newDate.isValid()) {
+                picker.date = newDate;
+                set();
+                picker.viewDate = moment({y: picker.date.year(), M: picker.date.month()});
+                fillDate();
+                fillTime();
+            }
+            else {
+                notifyError(newDate);
+            }
+        };
+
+        picker.getDate = function () {
+            if (picker.unset) {
+                return null;
+            }
+            return moment(picker.date);
+        };
+
+        picker.setDate = function (date) {
+            var oldDate = moment(picker.date);
+            if (!date) {
+                picker.setValue(null);
+            } else {
+                picker.setValue(date);
+            }
+            notifyChange(oldDate, 'function');
+        };
+
+        picker.setDisabledDates = function (dates) {
+            picker.options.disabledDates = indexGivenDates(dates);
+            if (picker.viewDate) {
+                update();
+            }
+        };
+
+        picker.setEnabledDates = function (dates) {
+            picker.options.enabledDates = indexGivenDates(dates);
+            if (picker.viewDate) {
+                update();
+            }
+        };
+
+        picker.setMaxDate = function (date) {
+            if (date === undefined) {
+                return;
+            }
+            if (moment.isMoment(date) || date instanceof Date) {
+                picker.options.maxDate = moment(date);
+            } else {
+                picker.options.maxDate = moment(date, picker.format, picker.options.useStrict);
+            }
+            if (picker.viewDate) {
+                update();
+            }
+        };
+
+        picker.setMinDate = function (date) {
+            if (date === undefined) {
+                return;
+            }
+            if (moment.isMoment(date) || date instanceof Date) {
+                picker.options.minDate = moment(date);
+            } else {
+                picker.options.minDate = moment(date, picker.format, picker.options.useStrict);
+            }
+            if (picker.viewDate) {
+                update();
+            }
+        };
+
+        init();
+    };
+
+    $.fn.datetimepicker = function (options) {
+        return this.each(function () {
+            var $this = $(this),
+                data = $this.data('DateTimePicker');
+            if (!data) {
+                $this.data('DateTimePicker', new DateTimePicker(this, options));
+            }
+        });
+    };
+
+    $.fn.datetimepicker.defaults = {
+        format: false,
+        pickDate: true,
+        pickTime: true,
+        useMinutes: true,
+        useSeconds: false,
+        useCurrent: true,
+        calendarWeeks: false,
+        minuteStepping: 1,
+        minDate: moment({y: 1900}),
+        maxDate: moment().add(100, 'y'),
+        showToday: true,
+        collapse: true,
+        language: moment.locale(),
+        defaultDate: '',
+        disabledDates: false,
+        enabledDates: false,
+        icons: {},
+        useStrict: false,
+        direction: 'auto',
+        sideBySide: false,
+        daysOfWeekDisabled: [],
+        widgetParent: false
+    };
+}));
diff --git a/web/bootstrap-ace-admin/js/date-time/bootstrap-timepicker.js b/web/bootstrap-ace-admin/js/date-time/bootstrap-timepicker.js
new file mode 100755
index 00000000..af0767fa
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/date-time/bootstrap-timepicker.js
@@ -0,0 +1,1108 @@
+/*!
+ * Timepicker Component for Twitter Bootstrap
+ *
+ * Copyright 2013 Joris de Wit
+ *
+ * Contributors https://github.com/jdewit/bootstrap-timepicker/graphs/contributors
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+(function($, window, document, undefined) {
+  'use strict';
+
+  // TIMEPICKER PUBLIC CLASS DEFINITION
+  var Timepicker = function(element, options) {
+  	this.iconUp = options.iconUp || 'fa fa-chevron-up';//ACE
+	this.iconDown = options.iconDown || 'fa fa-chevron-down';//ACE
+
+    this.widget = '';
+    this.$element = $(element);
+    this.defaultTime = options.defaultTime;
+    this.disableFocus = options.disableFocus;
+    this.disableMousewheel = options.disableMousewheel;
+    this.isOpen = options.isOpen;
+    this.minuteStep = options.minuteStep;
+    this.modalBackdrop = options.modalBackdrop;
+    this.orientation = options.orientation;
+    this.secondStep = options.secondStep;
+    this.showInputs = options.showInputs;
+    this.showMeridian = options.showMeridian;
+    this.showSeconds = options.showSeconds;
+    this.template = options.template;
+    this.appendWidgetTo = options.appendWidgetTo;
+    this.showWidgetOnAddonClick = options.showWidgetOnAddonClick;
+
+    this._init();
+  };
+
+  Timepicker.prototype = {
+
+    constructor: Timepicker,
+    _init: function() {
+      var self = this;
+
+      if (this.showWidgetOnAddonClick && (this.$element.parent().hasClass('input-append') || this.$element.parent().hasClass('input-prepend'))) {
+        this.$element.parent('.input-append, .input-prepend').find('.add-on').on({
+          'click.timepicker': $.proxy(this.showWidget, this)
+        });
+        this.$element.on({
+          'focus.timepicker': $.proxy(this.highlightUnit, this),
+          'click.timepicker': $.proxy(this.highlightUnit, this),
+          'keydown.timepicker': $.proxy(this.elementKeydown, this),
+          'blur.timepicker': $.proxy(this.blurElement, this),
+          'mousewheel.timepicker DOMMouseScroll.timepicker': $.proxy(this.mousewheel, this)
+        });
+      } else {
+        if (this.template) {
+          this.$element.on({
+            'focus.timepicker': $.proxy(this.showWidget, this),
+            'click.timepicker': $.proxy(this.showWidget, this),
+            'blur.timepicker': $.proxy(this.blurElement, this),
+            'mousewheel.timepicker DOMMouseScroll.timepicker': $.proxy(this.mousewheel, this)
+          });
+        } else {
+          this.$element.on({
+            'focus.timepicker': $.proxy(this.highlightUnit, this),
+            'click.timepicker': $.proxy(this.highlightUnit, this),
+            'keydown.timepicker': $.proxy(this.elementKeydown, this),
+            'blur.timepicker': $.proxy(this.blurElement, this),
+            'mousewheel.timepicker DOMMouseScroll.timepicker': $.proxy(this.mousewheel, this)
+          });
+        }
+      }
+
+      if (this.template !== false) {
+        this.$widget = $(this.getTemplate()).on('click', $.proxy(this.widgetClick, this));
+      } else {
+        this.$widget = false;
+      }
+
+      if (this.showInputs && this.$widget !== false) {
+        this.$widget.find('input').each(function() {
+          $(this).on({
+            'click.timepicker': function() { $(this).select(); },
+            'keydown.timepicker': $.proxy(self.widgetKeydown, self),
+            'keyup.timepicker': $.proxy(self.widgetKeyup, self)
+          });
+        });
+      }
+
+      this.setDefaultTime(this.defaultTime);
+    },
+
+    blurElement: function() {
+      this.highlightedUnit = null;
+      this.updateFromElementVal();
+    },
+
+    clear: function() {
+      this.hour = '';
+      this.minute = '';
+      this.second = '';
+      this.meridian = '';
+
+      this.$element.val('');
+    },
+
+    decrementHour: function() {
+      if (this.showMeridian) {
+        if (this.hour === 1) {
+          this.hour = 12;
+        } else if (this.hour === 12) {
+          this.hour--;
+
+          return this.toggleMeridian();
+        } else if (this.hour === 0) {
+          this.hour = 11;
+
+          return this.toggleMeridian();
+        } else {
+          this.hour--;
+        }
+      } else {
+        if (this.hour <= 0) {
+          this.hour = 23;
+        } else {
+          this.hour--;
+        }
+      }
+    },
+
+    decrementMinute: function(step) {
+      var newVal;
+
+      if (step) {
+        newVal = this.minute - step;
+      } else {
+        newVal = this.minute - this.minuteStep;
+      }
+
+      if (newVal < 0) {
+        this.decrementHour();
+        this.minute = newVal + 60;
+      } else {
+        this.minute = newVal;
+      }
+    },
+
+    decrementSecond: function() {
+      var newVal = this.second - this.secondStep;
+
+      if (newVal < 0) {
+        this.decrementMinute(true);
+        this.second = newVal + 60;
+      } else {
+        this.second = newVal;
+      }
+    },
+
+    elementKeydown: function(e) {
+      switch (e.keyCode) {
+      case 9: //tab
+      case 27: // escape
+        this.updateFromElementVal();
+        break;
+      case 37: // left arrow
+        e.preventDefault();
+        this.highlightPrevUnit();
+        break;
+      case 38: // up arrow
+        e.preventDefault();
+        switch (this.highlightedUnit) {
+        case 'hour':
+          this.incrementHour();
+          this.highlightHour();
+          break;
+        case 'minute':
+          this.incrementMinute();
+          this.highlightMinute();
+          break;
+        case 'second':
+          this.incrementSecond();
+          this.highlightSecond();
+          break;
+        case 'meridian':
+          this.toggleMeridian();
+          this.highlightMeridian();
+          break;
+        }
+        this.update();
+        break;
+      case 39: // right arrow
+        e.preventDefault();
+        this.highlightNextUnit();
+        break;
+      case 40: // down arrow
+        e.preventDefault();
+        switch (this.highlightedUnit) {
+        case 'hour':
+          this.decrementHour();
+          this.highlightHour();
+          break;
+        case 'minute':
+          this.decrementMinute();
+          this.highlightMinute();
+          break;
+        case 'second':
+          this.decrementSecond();
+          this.highlightSecond();
+          break;
+        case 'meridian':
+          this.toggleMeridian();
+          this.highlightMeridian();
+          break;
+        }
+
+        this.update();
+        break;
+      }
+    },
+
+    getCursorPosition: function() {
+      var input = this.$element.get(0);
+
+      if ('selectionStart' in input) {// Standard-compliant browsers
+
+        return input.selectionStart;
+      } else if (document.selection) {// IE fix
+        input.focus();
+        var sel = document.selection.createRange(),
+          selLen = document.selection.createRange().text.length;
+
+        sel.moveStart('character', - input.value.length);
+
+        return sel.text.length - selLen;
+      }
+    },
+
+    getTemplate: function() {
+      var template,
+        hourTemplate,
+        minuteTemplate,
+        secondTemplate,
+        meridianTemplate,
+        templateContent;
+
+      if (this.showInputs) {
+        hourTemplate = '<input type="text" class="bootstrap-timepicker-hour" maxlength="2"/>';
+        minuteTemplate = '<input type="text" class="bootstrap-timepicker-minute" maxlength="2"/>';
+        secondTemplate = '<input type="text" class="bootstrap-timepicker-second" maxlength="2"/>';
+        meridianTemplate = '<input type="text" class="bootstrap-timepicker-meridian" maxlength="2"/>';
+      } else {
+        hourTemplate = '<span class="bootstrap-timepicker-hour"></span>';
+        minuteTemplate = '<span class="bootstrap-timepicker-minute"></span>';
+        secondTemplate = '<span class="bootstrap-timepicker-second"></span>';
+        meridianTemplate = '<span class="bootstrap-timepicker-meridian"></span>';
+      }
+
+      templateContent = '<table>'+
+         '<tr>'+
+           //'<td><a href="#" data-action="incrementHour"><i class="icon-chevron-up"></i></a></td>'+
+		   '<td><a href="#" data-action="incrementHour"><i class="'+this.iconUp+'"></i></a></td>'+//ACE
+           '<td class="separator">&nbsp;</td>'+
+           //'<td><a href="#" data-action="incrementMinute"><i class="icon-chevron-up"></i></a></td>'+
+		   '<td><a href="#" data-action="incrementMinute"><i class="'+this.iconUp+'"></i></a></td>'+//ACE
+           (this.showSeconds ?
+             '<td class="separator">&nbsp;</td>'+
+             //'<td><a href="#" data-action="incrementSecond"><i class="icon-chevron-up"></i></a></td>'
+			 '<td><a href="#" data-action="incrementSecond"><i class="'+this.iconUp+'"></i></a></td>'//ACE
+           : '') +
+           (this.showMeridian ?
+             '<td class="separator">&nbsp;</td>'+
+             //'<td class="meridian-column"><a href="#" data-action="toggleMeridian"><i class="icon-chevron-up"></i></a></td>'
+			 '<td class="meridian-column"><a href="#" data-action="toggleMeridian"><i class="'+this.iconUp+'"></i></a></td>'//ACE
+           : '') +
+         '</tr>'+
+         '<tr>'+
+           '<td>'+ hourTemplate +'</td> '+
+           '<td class="separator">:</td>'+
+           '<td>'+ minuteTemplate +'</td> '+
+           (this.showSeconds ?
+            '<td class="separator">:</td>'+
+            '<td>'+ secondTemplate +'</td>'
+           : '') +
+           (this.showMeridian ?
+            '<td class="separator">&nbsp;</td>'+
+            '<td>'+ meridianTemplate +'</td>'
+           : '') +
+         '</tr>'+
+         '<tr>'+
+           //'<td><a href="#" data-action="decrementHour"><i class="icon-chevron-down"></i></a></td>'+
+		   '<td><a href="#" data-action="decrementHour"><i class="'+this.iconDown+'"></i></a></td>'+//ACE
+           '<td class="separator"></td>'+
+           //'<td><a href="#" data-action="decrementMinute"><i class="icon-chevron-down"></i></a></td>'+
+		   '<td><a href="#" data-action="decrementMinute"><i class="'+this.iconDown+'"></i></a></td>'+//ACE
+           (this.showSeconds ?
+            '<td class="separator">&nbsp;</td>'+
+            //'<td><a href="#" data-action="decrementSecond"><i class="icon-chevron-down"></i></a></td>'
+			'<td><a href="#" data-action="decrementSecond"><i class="'+this.iconDown+'"></i></a></td>'//ACE
+           : '') +
+           (this.showMeridian ?
+            '<td class="separator">&nbsp;</td>'+
+            //'<td><a href="#" data-action="toggleMeridian"><i class="icon-chevron-down"></i></a></td>'
+			'<td><a href="#" data-action="toggleMeridian"><i class="'+this.iconDown+'"></i></a></td>'//ACE
+           : '') +
+         '</tr>'+
+       '</table>';
+
+      switch(this.template) {
+      case 'modal':
+        template = '<div class="bootstrap-timepicker-widget modal hide fade in" data-backdrop="'+ (this.modalBackdrop ? 'true' : 'false') +'">'+
+          '<div class="modal-header">'+
+            '<a href="#" class="close" data-dismiss="modal">×</a>'+
+            '<h3>Pick a Time</h3>'+
+          '</div>'+
+          '<div class="modal-content">'+
+            templateContent +
+          '</div>'+
+          '<div class="modal-footer">'+
+            '<a href="#" class="btn btn-primary" data-dismiss="modal">OK</a>'+
+          '</div>'+
+        '</div>';
+        break;
+      case 'dropdown':
+        template = '<div class="bootstrap-timepicker-widget dropdown-menu">'+ templateContent +'</div>';
+        break;
+      }
+
+      return template;
+    },
+
+    getTime: function() {
+      if (this.hour === '') {
+        return '';
+      }
+
+      return this.hour + ':' + (this.minute.toString().length === 1 ? '0' + this.minute : this.minute) + (this.showSeconds ? ':' + (this.second.toString().length === 1 ? '0' + this.second : this.second) : '') + (this.showMeridian ? ' ' + this.meridian : '');
+    },
+
+    hideWidget: function() {
+      if (this.isOpen === false) {
+        return;
+      }
+
+      this.$element.trigger({
+        'type': 'hide.timepicker',
+        'time': {
+          'value': this.getTime(),
+          'hours': this.hour,
+          'minutes': this.minute,
+          'seconds': this.second,
+          'meridian': this.meridian
+        }
+      });
+
+      if (this.template === 'modal' && this.$widget.modal) {
+        this.$widget.modal('hide');
+      } else {
+        this.$widget.removeClass('open');
+      }
+
+      $(document).off('mousedown.timepicker, touchend.timepicker');
+
+      this.isOpen = false;
+      // show/hide approach taken by datepicker
+      this.$widget.detach();
+    },
+
+    highlightUnit: function() {
+      this.position = this.getCursorPosition();
+      if (this.position >= 0 && this.position <= 2) {
+        this.highlightHour();
+      } else if (this.position >= 3 && this.position <= 5) {
+        this.highlightMinute();
+      } else if (this.position >= 6 && this.position <= 8) {
+        if (this.showSeconds) {
+          this.highlightSecond();
+        } else {
+          this.highlightMeridian();
+        }
+      } else if (this.position >= 9 && this.position <= 11) {
+        this.highlightMeridian();
+      }
+    },
+
+    highlightNextUnit: function() {
+      switch (this.highlightedUnit) {
+      case 'hour':
+        this.highlightMinute();
+        break;
+      case 'minute':
+        if (this.showSeconds) {
+          this.highlightSecond();
+        } else if (this.showMeridian){
+          this.highlightMeridian();
+        } else {
+          this.highlightHour();
+        }
+        break;
+      case 'second':
+        if (this.showMeridian) {
+          this.highlightMeridian();
+        } else {
+          this.highlightHour();
+        }
+        break;
+      case 'meridian':
+        this.highlightHour();
+        break;
+      }
+    },
+
+    highlightPrevUnit: function() {
+      switch (this.highlightedUnit) {
+      case 'hour':
+        if(this.showMeridian){
+          this.highlightMeridian();
+        } else if (this.showSeconds) {
+          this.highlightSecond();
+        } else {
+          this.highlightMinute();
+        }
+        break;
+      case 'minute':
+        this.highlightHour();
+        break;
+      case 'second':
+        this.highlightMinute();
+        break;
+      case 'meridian':
+        if (this.showSeconds) {
+          this.highlightSecond();
+        } else {
+          this.highlightMinute();
+        }
+        break;
+      }
+    },
+
+    highlightHour: function() {
+      var $element = this.$element.get(0),
+          self = this;
+
+      this.highlightedUnit = 'hour';
+
+			if ($element.setSelectionRange) {
+				setTimeout(function() {
+          if (self.hour < 10) {
+            $element.setSelectionRange(0,1);
+          } else {
+            $element.setSelectionRange(0,2);
+          }
+				}, 0);
+			}
+    },
+
+    highlightMinute: function() {
+      var $element = this.$element.get(0),
+          self = this;
+
+      this.highlightedUnit = 'minute';
+
+			if ($element.setSelectionRange) {
+				setTimeout(function() {
+          if (self.hour < 10) {
+            $element.setSelectionRange(2,4);
+          } else {
+            $element.setSelectionRange(3,5);
+          }
+				}, 0);
+			}
+    },
+
+    highlightSecond: function() {
+      var $element = this.$element.get(0),
+          self = this;
+
+      this.highlightedUnit = 'second';
+
+			if ($element.setSelectionRange) {
+				setTimeout(function() {
+          if (self.hour < 10) {
+            $element.setSelectionRange(5,7);
+          } else {
+            $element.setSelectionRange(6,8);
+          }
+				}, 0);
+			}
+    },
+
+    highlightMeridian: function() {
+      var $element = this.$element.get(0),
+          self = this;
+
+      this.highlightedUnit = 'meridian';
+
+			if ($element.setSelectionRange) {
+				if (this.showSeconds) {
+					setTimeout(function() {
+            if (self.hour < 10) {
+              $element.setSelectionRange(8,10);
+            } else {
+              $element.setSelectionRange(9,11);
+            }
+					}, 0);
+				} else {
+					setTimeout(function() {
+            if (self.hour < 10) {
+              $element.setSelectionRange(5,7);
+            } else {
+              $element.setSelectionRange(6,8);
+            }
+					}, 0);
+				}
+			}
+    },
+
+    incrementHour: function() {
+      if (this.showMeridian) {
+        if (this.hour === 11) {
+          this.hour++;
+          return this.toggleMeridian();
+        } else if (this.hour === 12) {
+          this.hour = 0;
+        }
+      }
+      if (this.hour === 23) {
+        this.hour = 0;
+
+        return;
+      }
+      this.hour++;
+    },
+
+    incrementMinute: function(step) {
+      var newVal;
+
+      if (step) {
+        newVal = this.minute + step;
+      } else {
+        newVal = this.minute + this.minuteStep - (this.minute % this.minuteStep);
+      }
+
+      if (newVal > 59) {
+        this.incrementHour();
+        this.minute = newVal - 60;
+      } else {
+        this.minute = newVal;
+      }
+    },
+
+    incrementSecond: function() {
+      var newVal = this.second + this.secondStep - (this.second % this.secondStep);
+
+      if (newVal > 59) {
+        this.incrementMinute(true);
+        this.second = newVal - 60;
+      } else {
+        this.second = newVal;
+      }
+    },
+
+    mousewheel: function(e) {
+      if (this.disableMousewheel) {
+        return;
+      }
+
+      e.preventDefault();
+      e.stopPropagation();
+
+      var delta = e.originalEvent.wheelDelta || -e.originalEvent.detail,
+          scrollTo = null;
+
+      if (e.type === 'mousewheel') {
+        scrollTo = (e.originalEvent.wheelDelta * -1);
+      }
+      else if (e.type === 'DOMMouseScroll') {
+        scrollTo = 40 * e.originalEvent.detail;
+      }
+
+      if (scrollTo) {
+        e.preventDefault();
+        $(this).scrollTop(scrollTo + $(this).scrollTop());
+      }
+
+      switch (this.highlightedUnit) {
+      case 'minute':
+        if (delta > 0) {
+          this.incrementMinute();
+        } else {
+          this.decrementMinute();
+        }
+        this.highlightMinute();
+        break;
+      case 'second':
+        if (delta > 0) {
+          this.incrementSecond();
+        } else {
+          this.decrementSecond();
+        }
+        this.highlightSecond();
+        break;
+      case 'meridian':
+        this.toggleMeridian();
+        this.highlightMeridian();
+        break;
+      default:
+        if (delta > 0) {
+          this.incrementHour();
+        } else {
+          this.decrementHour();
+        }
+        this.highlightHour();
+        break;
+      }
+
+      return false;
+    },
+
+    // This method was adapted from bootstrap-datepicker.
+    place : function() {
+      if (this.isInline) {
+        return;
+      }
+      var widgetWidth = this.$widget.outerWidth(), widgetHeight = this.$widget.outerHeight(), visualPadding = 10, windowWidth =
+        $(window).width(), windowHeight = $(window).height(), scrollTop = $(window).scrollTop();
+
+      var zIndex = parseInt(this.$element.parents().filter(function() {}).first().css('z-index'), 10) + 10;
+      var offset = this.component ? this.component.parent().offset() : this.$element.offset();
+      var height = this.component ? this.component.outerHeight(true) : this.$element.outerHeight(false);
+      var width = this.component ? this.component.outerWidth(true) : this.$element.outerWidth(false);
+      var left = offset.left, top = offset.top;
+
+      this.$widget.removeClass('timepicker-orient-top timepicker-orient-bottom timepicker-orient-right timepicker-orient-left');
+
+      if (this.orientation.x !== 'auto') {
+        this.picker.addClass('datepicker-orient-' + this.orientation.x);
+        if (this.orientation.x === 'right') {
+          left -= widgetWidth - width;
+        }
+      } else{
+        // auto x orientation is best-placement: if it crosses a window edge, fudge it sideways
+        // Default to left
+        this.$widget.addClass('timepicker-orient-left');
+        if (offset.left < 0) {
+          left -= offset.left - visualPadding;
+        } else if (offset.left + widgetWidth > windowWidth) {
+          left = windowWidth - widgetWidth - visualPadding;
+        }
+      }
+      // auto y orientation is best-situation: top or bottom, no fudging, decision based on which shows more of the widget
+      var yorient = this.orientation.y, topOverflow, bottomOverflow;
+      if (yorient === 'auto') {
+        topOverflow = -scrollTop + offset.top - widgetHeight;
+        bottomOverflow = scrollTop + windowHeight - (offset.top + height + widgetHeight);
+        if (Math.max(topOverflow, bottomOverflow) === bottomOverflow) {
+          yorient = 'top';
+        } else {
+          yorient = 'bottom';
+        }
+      }
+      this.$widget.addClass('timepicker-orient-' + yorient);
+      if (yorient === 'top'){
+        top += height;
+      } else{
+        top -= widgetHeight + parseInt(this.$widget.css('padding-top'), 10);
+      }
+
+      this.$widget.css({
+        top : top,
+        left : left,
+        zIndex : zIndex
+      });
+    },
+
+    remove: function() {
+      $('document').off('.timepicker');
+      if (this.$widget) {
+        this.$widget.remove();
+      }
+      delete this.$element.data().timepicker;
+    },
+
+    setDefaultTime: function(defaultTime) {
+      if (!this.$element.val()) {
+        if (defaultTime === 'current') {
+          var dTime = new Date(),
+            hours = dTime.getHours(),
+            minutes = dTime.getMinutes(),
+            seconds = dTime.getSeconds(),
+            meridian = 'AM';
+
+          if (seconds !== 0) {
+            seconds = Math.ceil(dTime.getSeconds() / this.secondStep) * this.secondStep;
+            if (seconds === 60) {
+              minutes += 1;
+              seconds = 0;
+            }
+          }
+
+          if (minutes !== 0) {
+            minutes = Math.ceil(dTime.getMinutes() / this.minuteStep) * this.minuteStep;
+            if (minutes === 60) {
+              hours += 1;
+              minutes = 0;
+            }
+          }
+
+          if (this.showMeridian) {
+            if (hours === 0) {
+              hours = 12;
+            } else if (hours >= 12) {
+              if (hours > 12) {
+                hours = hours - 12;
+              }
+              meridian = 'PM';
+            } else {
+              meridian = 'AM';
+            }
+          }
+
+          this.hour = hours;
+          this.minute = minutes;
+          this.second = seconds;
+          this.meridian = meridian;
+
+          this.update();
+
+        } else if (defaultTime === false) {
+          this.hour = 0;
+          this.minute = 0;
+          this.second = 0;
+          this.meridian = 'AM';
+        } else {
+          this.setTime(defaultTime);
+        }
+      } else {
+        this.updateFromElementVal();
+      }
+    },
+
+    setTime: function(time, ignoreWidget) {
+      if (!time) {
+        this.clear();
+        return;
+      }
+
+      var timeArray,
+          hour,
+          minute,
+          second,
+          meridian;
+
+      if (typeof time === 'object' && time.getMonth){
+        // this is a date object
+        hour    = time.getHours();
+        minute  = time.getMinutes();
+        second  = time.getSeconds();
+
+        if (this.showMeridian){
+          meridian = 'AM';
+          if (hour > 12){
+            meridian = 'PM';
+            hour = hour % 12;
+          }
+
+          if (hour === 12){
+            meridian = 'PM';
+          }
+        }
+      } else {
+        if (time.match(/p/i) !== null) {
+          meridian = 'PM';
+        } else {
+          meridian = 'AM';
+        }
+
+        time = time.replace(/[^0-9\:]/g, '');
+
+        timeArray = time.split(':');
+
+        hour = timeArray[0] ? timeArray[0].toString() : timeArray.toString();
+        minute = timeArray[1] ? timeArray[1].toString() : '';
+        second = timeArray[2] ? timeArray[2].toString() : '';
+
+        // idiot proofing
+        if (hour.length > 4) {
+          second = hour.substr(4, 2);
+        }
+        if (hour.length > 2) {
+          minute = hour.substr(2, 2);
+          hour = hour.substr(0, 2);
+        }
+        if (minute.length > 2) {
+          second = minute.substr(2, 2);
+          minute = minute.substr(0, 2);
+        }
+        if (second.length > 2) {
+          second = second.substr(2, 2);
+        }
+
+        hour = parseInt(hour, 10);
+        minute = parseInt(minute, 10);
+        second = parseInt(second, 10);
+
+        if (isNaN(hour)) {
+          hour = 0;
+        }
+        if (isNaN(minute)) {
+          minute = 0;
+        }
+        if (isNaN(second)) {
+          second = 0;
+        }
+
+        if (this.showMeridian) {
+          if (hour < 1) {
+            hour = 1;
+          } else if (hour > 12) {
+            hour = 12;
+          }
+        } else {
+          if (hour >= 24) {
+            hour = 23;
+          } else if (hour < 0) {
+            hour = 0;
+          }
+          if (hour < 13 && meridian === 'PM') {
+            hour = hour + 12;
+          }
+        }
+
+        if (minute < 0) {
+          minute = 0;
+        } else if (minute >= 60) {
+          minute = 59;
+        }
+
+        if (this.showSeconds) {
+          if (isNaN(second)) {
+            second = 0;
+          } else if (second < 0) {
+            second = 0;
+          } else if (second >= 60) {
+            second = 59;
+          }
+        }
+      }
+
+      this.hour = hour;
+      this.minute = minute;
+      this.second = second;
+      this.meridian = meridian;
+
+      this.update(ignoreWidget);
+    },
+
+    showWidget: function() {
+      if (this.isOpen) {
+        return;
+      }
+
+      if (this.$element.is(':disabled')) {
+        return;
+      }
+
+      // show/hide approach taken by datepicker
+      this.$widget.appendTo(this.appendWidgetTo);
+      var self = this;
+      $(document).on('mousedown.timepicker, touchend.timepicker', function (e) {
+        // This condition was inspired by bootstrap-datepicker.
+        // The element the timepicker is invoked on is the input but it has a sibling for addon/button.
+        if (!(self.$element.parent().find(e.target).length ||
+            self.$widget.is(e.target) ||
+            self.$widget.find(e.target).length)) {
+          self.hideWidget();
+        }
+      });
+
+      this.$element.trigger({
+        'type': 'show.timepicker',
+        'time': {
+          'value': this.getTime(),
+          'hours': this.hour,
+          'minutes': this.minute,
+          'seconds': this.second,
+          'meridian': this.meridian
+        }
+      });
+
+      this.place();
+      if (this.disableFocus) {
+        this.$element.blur();
+      }
+
+      // widget shouldn't be empty on open
+      if (this.hour === '') {
+        if (this.defaultTime) {
+          this.setDefaultTime(this.defaultTime);
+        } else {
+          this.setTime('0:0:0');
+        }
+      }
+
+      if (this.template === 'modal' && this.$widget.modal) {
+        this.$widget.modal('show').on('hidden', $.proxy(this.hideWidget, this));
+      } else {
+        if (this.isOpen === false) {
+          this.$widget.addClass('open');
+        }
+      }
+
+      this.isOpen = true;
+    },
+
+    toggleMeridian: function() {
+      this.meridian = this.meridian === 'AM' ? 'PM' : 'AM';
+    },
+
+    update: function(ignoreWidget) {
+      this.updateElement();
+      if (!ignoreWidget) {
+        this.updateWidget();
+      }
+
+      this.$element.trigger({
+        'type': 'changeTime.timepicker',
+        'time': {
+          'value': this.getTime(),
+          'hours': this.hour,
+          'minutes': this.minute,
+          'seconds': this.second,
+          'meridian': this.meridian
+        }
+      });
+    },
+
+    updateElement: function() {
+      this.$element.val(this.getTime()).change();
+    },
+
+    updateFromElementVal: function() {
+      this.setTime(this.$element.val());
+    },
+
+    updateWidget: function() {
+      if (this.$widget === false) {
+        return;
+      }
+
+      var hour = this.hour,
+          minute = this.minute.toString().length === 1 ? '0' + this.minute : this.minute,
+          second = this.second.toString().length === 1 ? '0' + this.second : this.second;
+
+      if (this.showInputs) {
+        this.$widget.find('input.bootstrap-timepicker-hour').val(hour);
+        this.$widget.find('input.bootstrap-timepicker-minute').val(minute);
+
+        if (this.showSeconds) {
+          this.$widget.find('input.bootstrap-timepicker-second').val(second);
+        }
+        if (this.showMeridian) {
+          this.$widget.find('input.bootstrap-timepicker-meridian').val(this.meridian);
+        }
+      } else {
+        this.$widget.find('span.bootstrap-timepicker-hour').text(hour);
+        this.$widget.find('span.bootstrap-timepicker-minute').text(minute);
+
+        if (this.showSeconds) {
+          this.$widget.find('span.bootstrap-timepicker-second').text(second);
+        }
+        if (this.showMeridian) {
+          this.$widget.find('span.bootstrap-timepicker-meridian').text(this.meridian);
+        }
+      }
+    },
+
+    updateFromWidgetInputs: function() {
+      if (this.$widget === false) {
+        return;
+      }
+
+      var t = this.$widget.find('input.bootstrap-timepicker-hour').val() + ':' +
+              this.$widget.find('input.bootstrap-timepicker-minute').val() +
+              (this.showSeconds ? ':' + this.$widget.find('input.bootstrap-timepicker-second').val() : '') +
+              (this.showMeridian ? this.$widget.find('input.bootstrap-timepicker-meridian').val() : '')
+      ;
+
+      this.setTime(t, true);
+    },
+
+    widgetClick: function(e) {
+      e.stopPropagation();
+      e.preventDefault();
+
+      var $input = $(e.target),
+          action = $input.closest('a').data('action');
+
+      if (action) {
+        this[action]();
+      }
+      this.update();
+
+      if ($input.is('input')) {
+        $input.get(0).setSelectionRange(0,2);
+      }
+    },
+
+    widgetKeydown: function(e) {
+      var $input = $(e.target),
+          name = $input.attr('class').replace('bootstrap-timepicker-', '');
+
+      switch (e.keyCode) {
+      case 9: //tab
+        if ((this.showMeridian && name === 'meridian') || (this.showSeconds && name === 'second') || (!this.showMeridian && !this.showSeconds && name === 'minute')) {
+          return this.hideWidget();
+        }
+        break;
+      case 27: // escape
+        this.hideWidget();
+        break;
+      case 38: // up arrow
+        e.preventDefault();
+        switch (name) {
+        case 'hour':
+          this.incrementHour();
+          break;
+        case 'minute':
+          this.incrementMinute();
+          break;
+        case 'second':
+          this.incrementSecond();
+          break;
+        case 'meridian':
+          this.toggleMeridian();
+          break;
+        }
+        this.setTime(this.getTime());
+        $input.get(0).setSelectionRange(0,2);
+        break;
+      case 40: // down arrow
+        e.preventDefault();
+        switch (name) {
+        case 'hour':
+          this.decrementHour();
+          break;
+        case 'minute':
+          this.decrementMinute();
+          break;
+        case 'second':
+          this.decrementSecond();
+          break;
+        case 'meridian':
+          this.toggleMeridian();
+          break;
+        }
+        this.setTime(this.getTime());
+        $input.get(0).setSelectionRange(0,2);
+        break;
+      }
+    },
+
+    widgetKeyup: function(e) {
+      if ((e.keyCode === 65) || (e.keyCode === 77) || (e.keyCode === 80) || (e.keyCode === 46) || (e.keyCode === 8) || (e.keyCode >= 46 && e.keyCode <= 57)) {
+        this.updateFromWidgetInputs();
+      }
+    }
+  };
+
+  //TIMEPICKER PLUGIN DEFINITION
+  $.fn.timepicker = function(option) {
+    var args = Array.apply(null, arguments);
+    args.shift();
+    return this.each(function() {
+      var $this = $(this),
+        data = $this.data('timepicker'),
+        options = typeof option === 'object' && option;
+
+      if (!data) {
+        $this.data('timepicker', (data = new Timepicker(this, $.extend({}, $.fn.timepicker.defaults, options, $(this).data()))));
+      }
+
+      if (typeof option === 'string') {
+        data[option].apply(data, args);
+      }
+    });
+  };
+
+  $.fn.timepicker.defaults = {
+    defaultTime: 'current',
+    disableFocus: false,
+    disableMousewheel: false,
+    isOpen: false,
+    minuteStep: 15,
+    modalBackdrop: false,
+    orientation: { x: 'auto', y: 'auto'},
+    secondStep: 15,
+    showSeconds: false,
+    showInputs: true,
+    showMeridian: true,
+    template: 'dropdown',
+    appendWidgetTo: 'body',
+    showWidgetOnAddonClick: true
+  };
+
+  $.fn.timepicker.Constructor = Timepicker;
+
+})(jQuery, window, document);
diff --git a/web/bootstrap-ace-admin/js/date-time/daterangepicker.js b/web/bootstrap-ace-admin/js/date-time/daterangepicker.js
new file mode 100755
index 00000000..891a1bf4
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/date-time/daterangepicker.js
@@ -0,0 +1,1254 @@
+/**
+* @version: 1.3.17
+* @author: Dan Grossman http://www.dangrossman.info/
+* @date: 2014-11-25
+* @copyright: Copyright (c) 2012-2014 Dan Grossman. All rights reserved.
+* @license: Licensed under the MIT license. See http://www.opensource.org/licenses/mit-license.php
+* @website: http://www.improvely.com/
+*/
+
+(function(root, factory) {
+
+  if (typeof define === 'function' && define.amd) {
+    define(['moment', 'jquery', 'exports'], function(momentjs, $, exports) {
+      root.daterangepicker = factory(root, exports, momentjs, $);
+    });
+
+  } else if (typeof exports !== 'undefined') {
+    var momentjs = require('moment');
+    var jQuery;
+    try {
+      jQuery = require('jquery');
+    } catch (err) {
+      jQuery = window.jQuery;
+      if (!jQuery) throw new Error('jQuery dependency not found');
+    }
+
+    factory(root, exports, momentjs, jQuery);
+
+  // Finally, as a browser global.
+  } else {
+    root.daterangepicker = factory(root, {}, root.moment, (root.jQuery || root.Zepto || root.ender || root.$));
+  }
+
+}(this, function(root, daterangepicker, moment, $) {
+
+    var DateRangePicker = function (element, options, cb) {
+
+        // by default, the daterangepicker element is placed at the bottom of HTML body
+        this.parentEl = 'body';
+
+        //element that triggered the date range picker
+        this.element = $(element);
+
+        //tracks visible state
+        this.isShowing = false;
+
+        //create the picker HTML object
+        var DRPTemplate = '<div class="daterangepicker dropdown-menu">' +
+                '<div class="calendar first left"></div>' +
+                '<div class="calendar second right"></div>' +
+                '<div class="ranges">' +
+                  '<div class="range_inputs">' +
+                    '<div class="daterangepicker_start_input">' +
+                      '<label for="daterangepicker_start"></label>' +
+                      '<input class="input-mini" type="text" name="daterangepicker_start" value="" />' +
+                    '</div>' +
+                    '<div class="daterangepicker_end_input">' +
+                      '<label for="daterangepicker_end"></label>' +
+                      '<input class="input-mini" type="text" name="daterangepicker_end" value="" />' +
+                    '</div>' +
+                    '<button class="applyBtn" disabled="disabled"></button>&nbsp;' +
+                    '<button class="cancelBtn"></button>' +
+                  '</div>' +
+                '</div>' +
+              '</div>';
+
+        //custom options
+        if (typeof options !== 'object' || options === null)
+            options = {};
+
+        this.parentEl = (typeof options === 'object' && options.parentEl && $(options.parentEl).length) ? $(options.parentEl) : $(this.parentEl);
+        this.container = $(DRPTemplate).appendTo(this.parentEl);
+
+        this.setOptions(options, cb);
+
+        //apply CSS classes and labels to buttons
+        var c = this.container;
+        $.each(this.buttonClasses, function (idx, val) {
+            c.find('button').addClass(val);
+        });
+        this.container.find('.daterangepicker_start_input label').html(this.locale.fromLabel);
+        this.container.find('.daterangepicker_end_input label').html(this.locale.toLabel);
+        if (this.applyClass.length)
+            this.container.find('.applyBtn').addClass(this.applyClass);
+        if (this.cancelClass.length)
+            this.container.find('.cancelBtn').addClass(this.cancelClass);
+        this.container.find('.applyBtn').html(this.locale.applyLabel);
+        this.container.find('.cancelBtn').html(this.locale.cancelLabel);
+
+        //event listeners
+
+        this.container.find('.calendar')
+            .on('click.daterangepicker', '.prev', $.proxy(this.clickPrev, this))
+            .on('click.daterangepicker', '.next', $.proxy(this.clickNext, this))
+            .on('click.daterangepicker', 'td.available', $.proxy(this.clickDate, this))
+            .on('mouseenter.daterangepicker', 'td.available', $.proxy(this.hoverDate, this))
+            .on('mouseleave.daterangepicker', 'td.available', $.proxy(this.updateFormInputs, this))
+            .on('change.daterangepicker', 'select.yearselect', $.proxy(this.updateMonthYear, this))
+            .on('change.daterangepicker', 'select.monthselect', $.proxy(this.updateMonthYear, this))
+            .on('change.daterangepicker', 'select.hourselect,select.minuteselect,select.secondselect,select.ampmselect', $.proxy(this.updateTime, this));
+
+        this.container.find('.ranges')
+            .on('click.daterangepicker', 'button.applyBtn', $.proxy(this.clickApply, this))
+            .on('click.daterangepicker', 'button.cancelBtn', $.proxy(this.clickCancel, this))
+            .on('click.daterangepicker', '.daterangepicker_start_input,.daterangepicker_end_input', $.proxy(this.showCalendars, this))
+            .on('change.daterangepicker', '.daterangepicker_start_input,.daterangepicker_end_input', $.proxy(this.inputsChanged, this))
+            .on('keydown.daterangepicker', '.daterangepicker_start_input,.daterangepicker_end_input', $.proxy(this.inputsKeydown, this))
+            .on('click.daterangepicker', 'li', $.proxy(this.clickRange, this))
+            .on('mouseenter.daterangepicker', 'li', $.proxy(this.enterRange, this))
+            .on('mouseleave.daterangepicker', 'li', $.proxy(this.updateFormInputs, this));
+
+        if (this.element.is('input')) {
+            this.element.on({
+                'click.daterangepicker': $.proxy(this.show, this),
+                'focus.daterangepicker': $.proxy(this.show, this),
+                'keyup.daterangepicker': $.proxy(this.updateFromControl, this)
+            });
+        } else {
+            this.element.on('click.daterangepicker', $.proxy(this.toggle, this));
+        }
+
+    };
+
+    DateRangePicker.prototype = {
+
+        constructor: DateRangePicker,
+
+        setOptions: function(options, callback) {
+
+            this.startDate = moment().startOf('day');
+            this.endDate = moment().endOf('day');
+            this.timeZone = moment().zone();
+            this.minDate = false;
+            this.maxDate = false;
+            this.dateLimit = false;
+
+            this.showDropdowns = false;
+            this.showWeekNumbers = false;
+            this.timePicker = false;
+            this.timePickerSeconds = false;
+            this.timePickerIncrement = 30;
+            this.timePicker12Hour = true;
+            this.singleDatePicker = false;
+            this.ranges = {};
+
+            this.opens = 'right';
+            if (this.element.hasClass('pull-right'))
+                this.opens = 'left';
+
+            this.buttonClasses = ['btn', 'btn-small btn-sm'];
+            this.applyClass = 'btn-success';
+            this.cancelClass = 'btn-default';
+
+            this.format = 'MM/DD/YYYY';
+            this.separator = ' - ';
+
+            this.locale = {
+                applyLabel: 'Apply',
+                cancelLabel: 'Cancel',
+                fromLabel: 'From',
+                toLabel: 'To',
+                weekLabel: 'W',
+                customRangeLabel: 'Custom Range',
+                daysOfWeek: moment.weekdaysMin(),
+                monthNames: moment.monthsShort(),
+                firstDay: moment.localeData()._week.dow
+            };
+
+            this.cb = function () { };
+
+            if (typeof options.format === 'string')
+                this.format = options.format;
+
+            if (typeof options.separator === 'string')
+                this.separator = options.separator;
+
+            if (typeof options.startDate === 'string')
+                this.startDate = moment(options.startDate, this.format);
+
+            if (typeof options.endDate === 'string')
+                this.endDate = moment(options.endDate, this.format);
+
+            if (typeof options.minDate === 'string')
+                this.minDate = moment(options.minDate, this.format);
+
+            if (typeof options.maxDate === 'string')
+                this.maxDate = moment(options.maxDate, this.format);
+
+            if (typeof options.startDate === 'object')
+                this.startDate = moment(options.startDate);
+
+            if (typeof options.endDate === 'object')
+                this.endDate = moment(options.endDate);
+
+            if (typeof options.minDate === 'object')
+                this.minDate = moment(options.minDate);
+
+            if (typeof options.maxDate === 'object')
+                this.maxDate = moment(options.maxDate);
+
+            if (typeof options.applyClass === 'string')
+                this.applyClass = options.applyClass;
+
+            if (typeof options.cancelClass === 'string')
+                this.cancelClass = options.cancelClass;
+
+            if (typeof options.dateLimit === 'object')
+                this.dateLimit = options.dateLimit;
+
+            if (typeof options.locale === 'object') {
+
+                if (typeof options.locale.daysOfWeek === 'object') {
+                    // Create a copy of daysOfWeek to avoid modification of original
+                    // options object for reusability in multiple daterangepicker instances
+                    this.locale.daysOfWeek = options.locale.daysOfWeek.slice();
+                }
+
+                if (typeof options.locale.monthNames === 'object') {
+                  this.locale.monthNames = options.locale.monthNames.slice();
+                }
+
+                if (typeof options.locale.firstDay === 'number') {
+                  this.locale.firstDay = options.locale.firstDay;
+                }
+
+                if (typeof options.locale.applyLabel === 'string') {
+                  this.locale.applyLabel = options.locale.applyLabel;
+                }
+
+                if (typeof options.locale.cancelLabel === 'string') {
+                  this.locale.cancelLabel = options.locale.cancelLabel;
+                }
+
+                if (typeof options.locale.fromLabel === 'string') {
+                  this.locale.fromLabel = options.locale.fromLabel;
+                }
+
+                if (typeof options.locale.toLabel === 'string') {
+                  this.locale.toLabel = options.locale.toLabel;
+                }
+
+                if (typeof options.locale.weekLabel === 'string') {
+                  this.locale.weekLabel = options.locale.weekLabel;
+                }
+
+                if (typeof options.locale.customRangeLabel === 'string') {
+                  this.locale.customRangeLabel = options.locale.customRangeLabel;
+                }
+            }
+
+            if (typeof options.opens === 'string')
+                this.opens = options.opens;
+
+            if (typeof options.showWeekNumbers === 'boolean') {
+                this.showWeekNumbers = options.showWeekNumbers;
+            }
+
+            if (typeof options.buttonClasses === 'string') {
+                this.buttonClasses = [options.buttonClasses];
+            }
+
+            if (typeof options.buttonClasses === 'object') {
+                this.buttonClasses = options.buttonClasses;
+            }
+
+            if (typeof options.showDropdowns === 'boolean') {
+                this.showDropdowns = options.showDropdowns;
+            }
+
+            if (typeof options.singleDatePicker === 'boolean') {
+                this.singleDatePicker = options.singleDatePicker;
+                if (this.singleDatePicker) {
+                    this.endDate = this.startDate.clone();
+                }
+            }
+
+            if (typeof options.timePicker === 'boolean') {
+                this.timePicker = options.timePicker;
+            }
+
+            if (typeof options.timePickerSeconds === 'boolean') {
+                this.timePickerSeconds = options.timePickerSeconds;
+            }
+
+            if (typeof options.timePickerIncrement === 'number') {
+                this.timePickerIncrement = options.timePickerIncrement;
+            }
+
+            if (typeof options.timePicker12Hour === 'boolean') {
+                this.timePicker12Hour = options.timePicker12Hour;
+            }
+
+            // update day names order to firstDay
+            if (this.locale.firstDay != 0) {
+                var iterator = this.locale.firstDay;
+                while (iterator > 0) {
+                    this.locale.daysOfWeek.push(this.locale.daysOfWeek.shift());
+                    iterator--;
+                }
+            }
+
+            var start, end, range;
+
+            //if no start/end dates set, check if an input element contains initial values
+            if (typeof options.startDate === 'undefined' && typeof options.endDate === 'undefined') {
+                if ($(this.element).is('input[type=text]')) {
+                    var val = $(this.element).val(), 
+                        split = val.split(this.separator);
+                    
+                    start = end = null;
+                    
+                    if (split.length == 2) {
+                        start = moment(split[0], this.format);
+                        end = moment(split[1], this.format);
+                    } else if (this.singleDatePicker && val !== "") {
+                        start = moment(val, this.format);
+                        end = moment(val, this.format);
+                    }
+                    if (start !== null && end !== null) {
+                        this.startDate = start;
+                        this.endDate = end;
+                    }
+                }
+            }
+
+            // bind the time zone used to build the calendar to either the timeZone passed in through the options or the zone of the startDate (which will be the local time zone by default)
+            if (typeof options.timeZone === 'string' || typeof options.timeZone === 'number') {
+                this.timeZone = options.timeZone;
+                this.startDate.zone(this.timeZone);
+                this.endDate.zone(this.timeZone);
+            } else {
+                this.timeZone = moment(this.startDate).zone();
+            }
+
+            if (typeof options.ranges === 'object') {
+                for (range in options.ranges) {
+
+                    if (typeof options.ranges[range][0] === 'string')
+                        start = moment(options.ranges[range][0], this.format);
+                    else
+                        start = moment(options.ranges[range][0]);
+
+                    if (typeof options.ranges[range][1] === 'string')
+                        end = moment(options.ranges[range][1], this.format);
+                    else
+                        end = moment(options.ranges[range][1]);
+
+                    // If we have a min/max date set, bound this range
+                    // to it, but only if it would otherwise fall
+                    // outside of the min/max.
+                    if (this.minDate && start.isBefore(this.minDate))
+                        start = moment(this.minDate);
+
+                    if (this.maxDate && end.isAfter(this.maxDate))
+                        end = moment(this.maxDate);
+
+                    // If the end of the range is before the minimum (if min is set) OR
+                    // the start of the range is after the max (also if set) don't display this
+                    // range option.
+                    if ((this.minDate && end.isBefore(this.minDate)) || (this.maxDate && start.isAfter(this.maxDate))) {
+                        continue;
+                    }
+
+                    this.ranges[range] = [start, end];
+                }
+
+                var list = '<ul>';
+                for (range in this.ranges) {
+                    list += '<li>' + range + '</li>';
+                }
+                list += '<li>' + this.locale.customRangeLabel + '</li>';
+                list += '</ul>';
+                this.container.find('.ranges ul').remove();
+                this.container.find('.ranges').prepend(list);
+            }
+
+            if (typeof callback === 'function') {
+                this.cb = callback;
+            }
+
+            if (!this.timePicker) {
+                this.startDate = this.startDate.startOf('day');
+                this.endDate = this.endDate.endOf('day');
+            }
+
+            if (this.singleDatePicker) {
+                this.opens = 'right';
+                this.container.addClass('single');
+                this.container.find('.calendar.right').show();
+                this.container.find('.calendar.left').hide();
+                if (!this.timePicker) {
+                    this.container.find('.ranges').hide();
+                } else {
+                    this.container.find('.ranges .daterangepicker_start_input, .ranges .daterangepicker_end_input').hide();
+                }
+                if (!this.container.find('.calendar.right').hasClass('single'))
+                    this.container.find('.calendar.right').addClass('single');
+            } else {
+                this.container.removeClass('single');
+                this.container.find('.calendar.right').removeClass('single');
+                this.container.find('.ranges').show();
+            }
+
+            this.oldStartDate = this.startDate.clone();
+            this.oldEndDate = this.endDate.clone();
+            this.oldChosenLabel = this.chosenLabel;
+
+            this.leftCalendar = {
+                month: moment([this.startDate.year(), this.startDate.month(), 1, this.startDate.hour(), this.startDate.minute(), this.startDate.second()]),
+                calendar: []
+            };
+
+            this.rightCalendar = {
+                month: moment([this.endDate.year(), this.endDate.month(), 1, this.endDate.hour(), this.endDate.minute(), this.endDate.second()]),
+                calendar: []
+            };
+
+            if (this.opens == 'right' || this.opens == 'center') {
+                //swap calendar positions
+                var first = this.container.find('.calendar.first');
+                var second = this.container.find('.calendar.second');
+
+                if (second.hasClass('single')) {
+                    second.removeClass('single');
+                    first.addClass('single');
+                }
+
+                first.removeClass('left').addClass('right');
+                second.removeClass('right').addClass('left');
+
+                if (this.singleDatePicker) {
+                    first.show();
+                    second.hide();
+                }
+            }
+
+            if (typeof options.ranges === 'undefined' && !this.singleDatePicker) {
+                this.container.addClass('show-calendar');
+            }
+
+            this.container.addClass('opens' + this.opens);
+
+            this.updateView();
+            this.updateCalendars();
+
+        },
+
+        setStartDate: function(startDate) {
+            if (typeof startDate === 'string')
+                this.startDate = moment(startDate, this.format).zone(this.timeZone);
+
+            if (typeof startDate === 'object')
+                this.startDate = moment(startDate);
+
+            if (!this.timePicker)
+                this.startDate = this.startDate.startOf('day');
+
+            this.oldStartDate = this.startDate.clone();
+
+            this.updateView();
+            this.updateCalendars();
+            this.updateInputText();
+        },
+
+        setEndDate: function(endDate) {
+            if (typeof endDate === 'string')
+                this.endDate = moment(endDate, this.format).zone(this.timeZone);
+
+            if (typeof endDate === 'object')
+                this.endDate = moment(endDate);
+
+            if (!this.timePicker)
+                this.endDate = this.endDate.endOf('day');
+
+            this.oldEndDate = this.endDate.clone();
+
+            this.updateView();
+            this.updateCalendars();
+            this.updateInputText();
+        },
+
+        updateView: function () {
+            this.leftCalendar.month.month(this.startDate.month()).year(this.startDate.year()).hour(this.startDate.hour()).minute(this.startDate.minute());
+            this.rightCalendar.month.month(this.endDate.month()).year(this.endDate.year()).hour(this.endDate.hour()).minute(this.endDate.minute());
+            this.updateFormInputs();
+        },
+
+        updateFormInputs: function () {
+            this.container.find('input[name=daterangepicker_start]').val(this.startDate.format(this.format));
+            this.container.find('input[name=daterangepicker_end]').val(this.endDate.format(this.format));
+
+            if (this.startDate.isSame(this.endDate) || this.startDate.isBefore(this.endDate)) {
+                this.container.find('button.applyBtn').removeAttr('disabled');
+            } else {
+                this.container.find('button.applyBtn').attr('disabled', 'disabled');
+            }
+        },
+
+        updateFromControl: function () {
+            if (!this.element.is('input')) return;
+            if (!this.element.val().length) return;
+
+            var dateString = this.element.val().split(this.separator),
+                start = null,
+                end = null;
+
+            if(dateString.length === 2) {
+                start = moment(dateString[0], this.format).zone(this.timeZone);
+                end = moment(dateString[1], this.format).zone(this.timeZone);
+            }
+
+            if (this.singleDatePicker || start === null || end === null) {
+                start = moment(this.element.val(), this.format).zone(this.timeZone);
+                end = start;
+            }
+
+            if (end.isBefore(start)) return;
+
+            this.oldStartDate = this.startDate.clone();
+            this.oldEndDate = this.endDate.clone();
+
+            this.startDate = start;
+            this.endDate = end;
+
+            if (!this.startDate.isSame(this.oldStartDate) || !this.endDate.isSame(this.oldEndDate))
+                this.notify();
+
+            this.updateCalendars();
+        },
+
+        notify: function () {
+            this.updateView();
+            this.cb(this.startDate, this.endDate, this.chosenLabel);
+        },
+
+        move: function () {
+            var parentOffset = { top: 0, left: 0 };
+            var parentRightEdge = $(window).width();
+            if (!this.parentEl.is('body')) {
+                parentOffset = {
+                    top: this.parentEl.offset().top - this.parentEl.scrollTop(),
+                    left: this.parentEl.offset().left - this.parentEl.scrollLeft()
+                };
+                parentRightEdge = this.parentEl[0].clientWidth + this.parentEl.offset().left;
+            }
+
+            if (this.opens == 'left') {
+                this.container.css({
+                    top: this.element.offset().top + this.element.outerHeight() - parentOffset.top,
+                    right: parentRightEdge - this.element.offset().left - this.element.outerWidth(),
+                    left: 'auto'
+                });
+                if (this.container.offset().left < 0) {
+                    this.container.css({
+                        right: 'auto',
+                        left: 9
+                    });
+                }
+            } else if (this.opens == 'center') {
+                this.container.css({
+                    top: this.element.offset().top + this.element.outerHeight() - parentOffset.top,
+                    left: this.element.offset().left - parentOffset.left + this.element.outerWidth() / 2
+                            - this.container.outerWidth() / 2,
+                    right: 'auto'
+                });
+                if (this.container.offset().left < 0) {
+                    this.container.css({
+                        right: 'auto',
+                        left: 9
+                    });
+                }
+            } else {
+                this.container.css({
+                    top: this.element.offset().top + this.element.outerHeight() - parentOffset.top,
+                    left: this.element.offset().left - parentOffset.left,
+                    right: 'auto'
+                });
+                if (this.container.offset().left + this.container.outerWidth() > $(window).width()) {
+                    this.container.css({
+                        left: 'auto',
+                        right: 0
+                    });
+                }
+            }
+        },
+
+        toggle: function (e) {
+            if (this.element.hasClass('active')) {
+                this.hide();
+            } else {
+                this.show();
+            }
+        },
+
+        show: function (e) {
+            if (this.isShowing) return;
+
+            this.element.addClass('active');
+            this.container.show();
+            this.move();
+
+            // Create a click proxy that is private to this instance of datepicker, for unbinding
+            this._outsideClickProxy = $.proxy(function (e) { this.outsideClick(e); }, this);
+            // Bind global datepicker mousedown for hiding and
+            $(document)
+              .on('mousedown.daterangepicker', this._outsideClickProxy)
+              // also support mobile devices
+              .on('touchend.daterangepicker', this._outsideClickProxy)
+              // also explicitly play nice with Bootstrap dropdowns, which stopPropagation when clicking them
+              .on('click.daterangepicker', '[data-toggle=dropdown]', this._outsideClickProxy)
+              // and also close when focus changes to outside the picker (eg. tabbing between controls)
+              .on('focusin.daterangepicker', this._outsideClickProxy);
+
+            this.isShowing = true;
+            this.element.trigger('show.daterangepicker', this);
+        },
+
+        outsideClick: function (e) {
+            var target = $(e.target);
+            // if the page is clicked anywhere except within the daterangerpicker/button
+            // itself then call this.hide()
+            if (
+                // ie modal dialog fix
+                e.type == "focusin" ||
+                target.closest(this.element).length ||
+                target.closest(this.container).length ||
+                target.closest('.calendar-date').length
+                ) return;
+            this.hide();
+        },
+
+        hide: function (e) {
+            if (!this.isShowing) return;
+
+            $(document)
+              .off('.daterangepicker');
+
+            this.element.removeClass('active');
+            this.container.hide();
+
+            if (!this.startDate.isSame(this.oldStartDate) || !this.endDate.isSame(this.oldEndDate))
+                this.notify();
+
+            this.oldStartDate = this.startDate.clone();
+            this.oldEndDate = this.endDate.clone();
+
+            this.isShowing = false;
+            this.element.trigger('hide.daterangepicker', this);
+        },
+
+        enterRange: function (e) {
+            // mouse pointer has entered a range label
+            var label = e.target.innerHTML;
+            if (label == this.locale.customRangeLabel) {
+                this.updateView();
+            } else {
+                var dates = this.ranges[label];
+                this.container.find('input[name=daterangepicker_start]').val(dates[0].format(this.format));
+                this.container.find('input[name=daterangepicker_end]').val(dates[1].format(this.format));
+            }
+        },
+
+        showCalendars: function() {
+            this.container.addClass('show-calendar');
+            this.move();
+            this.element.trigger('showCalendar.daterangepicker', this);
+        },
+
+        hideCalendars: function() {
+            this.container.removeClass('show-calendar');
+            this.element.trigger('hideCalendar.daterangepicker', this);
+        },
+
+        // when a date is typed into the start to end date textboxes
+        inputsChanged: function (e) {
+            var el = $(e.target);
+            var date = moment(el.val(), this.format);
+            if (!date.isValid()) return;
+
+            var startDate, endDate;
+            if (el.attr('name') === 'daterangepicker_start') {
+                startDate = date;
+                endDate = this.endDate;
+            } else {
+                startDate = this.startDate;
+                endDate = date;
+            }
+            this.setCustomDates(startDate, endDate);
+        },
+
+        inputsKeydown: function(e) {
+            if (e.keyCode === 13) {
+                this.inputsChanged(e);
+                this.notify();
+            }
+        },
+
+        updateInputText: function() {
+            if (this.element.is('input') && !this.singleDatePicker) {
+                this.element.val(this.startDate.format(this.format) + this.separator + this.endDate.format(this.format));
+            } else if (this.element.is('input')) {
+                this.element.val(this.endDate.format(this.format));
+            }
+        },
+
+        clickRange: function (e) {
+            var label = e.target.innerHTML;
+            this.chosenLabel = label;
+            if (label == this.locale.customRangeLabel) {
+                this.showCalendars();
+            } else {
+                var dates = this.ranges[label];
+
+                this.startDate = dates[0];
+                this.endDate = dates[1];
+
+                if (!this.timePicker) {
+                    this.startDate.startOf('day');
+                    this.endDate.endOf('day');
+                }
+
+                this.leftCalendar.month.month(this.startDate.month()).year(this.startDate.year()).hour(this.startDate.hour()).minute(this.startDate.minute());
+                this.rightCalendar.month.month(this.endDate.month()).year(this.endDate.year()).hour(this.endDate.hour()).minute(this.endDate.minute());
+                this.updateCalendars();
+
+                this.updateInputText();
+
+                this.hideCalendars();
+                this.hide();
+                this.element.trigger('apply.daterangepicker', this);
+            }
+        },
+
+        clickPrev: function (e) {
+            var cal = $(e.target).parents('.calendar');
+            if (cal.hasClass('left')) {
+                this.leftCalendar.month.subtract(1, 'month');
+            } else {
+                this.rightCalendar.month.subtract(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        clickNext: function (e) {
+            var cal = $(e.target).parents('.calendar');
+            if (cal.hasClass('left')) {
+                this.leftCalendar.month.add(1, 'month');
+            } else {
+                this.rightCalendar.month.add(1, 'month');
+            }
+            this.updateCalendars();
+        },
+
+        hoverDate: function (e) {
+            var title = $(e.target).attr('data-title');
+            var row = title.substr(1, 1);
+            var col = title.substr(3, 1);
+            var cal = $(e.target).parents('.calendar');
+
+            if (cal.hasClass('left')) {
+                this.container.find('input[name=daterangepicker_start]').val(this.leftCalendar.calendar[row][col].format(this.format));
+            } else {
+                this.container.find('input[name=daterangepicker_end]').val(this.rightCalendar.calendar[row][col].format(this.format));
+            }
+        },
+
+        setCustomDates: function(startDate, endDate) {
+            this.chosenLabel = this.locale.customRangeLabel;
+            if (startDate.isAfter(endDate)) {
+                var difference = this.endDate.diff(this.startDate);
+                endDate = moment(startDate).add(difference, 'ms');
+            }
+            this.startDate = startDate;
+            this.endDate = endDate;
+
+            this.updateView();
+            this.updateCalendars();
+        },
+
+        clickDate: function (e) {
+            var title = $(e.target).attr('data-title');
+            var row = title.substr(1, 1);
+            var col = title.substr(3, 1);
+            var cal = $(e.target).parents('.calendar');
+
+            var startDate, endDate;
+            if (cal.hasClass('left')) {
+                startDate = this.leftCalendar.calendar[row][col];
+                endDate = this.endDate;
+                if (typeof this.dateLimit === 'object') {
+                    var maxDate = moment(startDate).add(this.dateLimit).startOf('day');
+                    if (endDate.isAfter(maxDate)) {
+                        endDate = maxDate;
+                    }
+                }
+            } else {
+                startDate = this.startDate;
+                endDate = this.rightCalendar.calendar[row][col];
+                if (typeof this.dateLimit === 'object') {
+                    var minDate = moment(endDate).subtract(this.dateLimit).startOf('day');
+                    if (startDate.isBefore(minDate)) {
+                        startDate = minDate;
+                    }
+                }
+            }
+
+            if (this.singleDatePicker && cal.hasClass('left')) {
+                endDate = startDate.clone();
+            } else if (this.singleDatePicker && cal.hasClass('right')) {
+                startDate = endDate.clone();
+            }
+
+            cal.find('td').removeClass('active');
+
+            $(e.target).addClass('active');
+
+            this.setCustomDates(startDate, endDate);
+
+            if (!this.timePicker)
+                endDate.endOf('day');
+
+            if (this.singleDatePicker && !this.timePicker)
+                this.clickApply();
+        },
+
+        clickApply: function (e) {
+            this.updateInputText();
+            this.hide();
+            this.element.trigger('apply.daterangepicker', this);
+        },
+
+        clickCancel: function (e) {
+            this.startDate = this.oldStartDate;
+            this.endDate = this.oldEndDate;
+            this.chosenLabel = this.oldChosenLabel;
+            this.updateView();
+            this.updateCalendars();
+            this.hide();
+            this.element.trigger('cancel.daterangepicker', this);
+        },
+
+        updateMonthYear: function (e) {
+            var isLeft = $(e.target).closest('.calendar').hasClass('left'),
+                leftOrRight = isLeft ? 'left' : 'right',
+                cal = this.container.find('.calendar.'+leftOrRight);
+
+            // Month must be Number for new moment versions
+            var month = parseInt(cal.find('.monthselect').val(), 10);
+            var year = cal.find('.yearselect').val();
+
+            this[leftOrRight+'Calendar'].month.month(month).year(year);
+            this.updateCalendars();
+        },
+
+        updateTime: function(e) {
+
+            var cal = $(e.target).closest('.calendar'),
+                isLeft = cal.hasClass('left');
+
+            var hour = parseInt(cal.find('.hourselect').val(), 10);
+            var minute = parseInt(cal.find('.minuteselect').val(), 10);
+            var second = 0;
+
+            if (this.timePickerSeconds) {
+                second = parseInt(cal.find('.secondselect').val(), 10);
+            }
+
+            if (this.timePicker12Hour) {
+                var ampm = cal.find('.ampmselect').val();
+                if (ampm === 'PM' && hour < 12)
+                    hour += 12;
+                if (ampm === 'AM' && hour === 12)
+                    hour = 0;
+            }
+
+            if (isLeft) {
+                var start = this.startDate.clone();
+                start.hour(hour);
+                start.minute(minute);
+                start.second(second);
+                this.startDate = start;
+                this.leftCalendar.month.hour(hour).minute(minute).second(second);
+                if (this.singleDatePicker)
+                    this.endDate = start.clone();
+            } else {
+                var end = this.endDate.clone();
+                end.hour(hour);
+                end.minute(minute);
+                end.second(second);
+                this.endDate = end;
+                if (this.singleDatePicker)
+                    this.startDate = end.clone();
+                this.rightCalendar.month.hour(hour).minute(minute).second(second);
+            }
+
+            this.updateView();
+            this.updateCalendars();
+        },
+
+        updateCalendars: function () {
+            this.leftCalendar.calendar = this.buildCalendar(this.leftCalendar.month.month(), this.leftCalendar.month.year(), this.leftCalendar.month.hour(), this.leftCalendar.month.minute(), this.leftCalendar.month.second(), 'left');
+            this.rightCalendar.calendar = this.buildCalendar(this.rightCalendar.month.month(), this.rightCalendar.month.year(), this.rightCalendar.month.hour(), this.rightCalendar.month.minute(), this.rightCalendar.month.second(), 'right');
+            this.container.find('.calendar.left').empty().html(this.renderCalendar(this.leftCalendar.calendar, this.startDate, this.minDate, this.maxDate, 'left'));
+            this.container.find('.calendar.right').empty().html(this.renderCalendar(this.rightCalendar.calendar, this.endDate, this.singleDatePicker ? this.minDate : this.startDate, this.maxDate, 'right'));
+
+            this.container.find('.ranges li').removeClass('active');
+            var customRange = true;
+            var i = 0;
+            for (var range in this.ranges) {
+                if (this.timePicker) {
+                    if (this.startDate.isSame(this.ranges[range][0]) && this.endDate.isSame(this.ranges[range][1])) {
+                        customRange = false;
+                        this.chosenLabel = this.container.find('.ranges li:eq(' + i + ')')
+                            .addClass('active').html();
+                    }
+                } else {
+                    //ignore times when comparing dates if time picker is not enabled
+                    if (this.startDate.format('YYYY-MM-DD') == this.ranges[range][0].format('YYYY-MM-DD') && this.endDate.format('YYYY-MM-DD') == this.ranges[range][1].format('YYYY-MM-DD')) {
+                        customRange = false;
+                        this.chosenLabel = this.container.find('.ranges li:eq(' + i + ')')
+                            .addClass('active').html();
+                    }
+                }
+                i++;
+            }
+            if (customRange) {
+                this.chosenLabel = this.container.find('.ranges li:last').addClass('active').html();
+                this.showCalendars();
+            }
+        },
+
+        buildCalendar: function (month, year, hour, minute, second, side) {
+            var daysInMonth = moment([year, month]).daysInMonth();
+            var firstDay = moment([year, month, 1]);
+            var lastDay = moment([year, month, daysInMonth]);
+            var lastMonth = moment(firstDay).subtract(1, 'month').month();
+            var lastYear = moment(firstDay).subtract(1, 'month').year();
+
+            var daysInLastMonth = moment([lastYear, lastMonth]).daysInMonth();
+
+            var dayOfWeek = firstDay.day();
+
+            var i;
+
+            //initialize a 6 rows x 7 columns array for the calendar
+            var calendar = [];
+            calendar.firstDay = firstDay;
+            calendar.lastDay = lastDay;
+
+            for (i = 0; i < 6; i++) {
+                calendar[i] = [];
+            }
+
+            //populate the calendar with date objects
+            var startDay = daysInLastMonth - dayOfWeek + this.locale.firstDay + 1;
+            if (startDay > daysInLastMonth)
+                startDay -= 7;
+
+            if (dayOfWeek == this.locale.firstDay)
+                startDay = daysInLastMonth - 6;
+
+            var curDate = moment([lastYear, lastMonth, startDay, 12, minute, second]).zone(this.timeZone);
+
+            var col, row;
+            for (i = 0, col = 0, row = 0; i < 42; i++, col++, curDate = moment(curDate).add(24, 'hour')) {
+                if (i > 0 && col % 7 === 0) {
+                    col = 0;
+                    row++;
+                }
+                calendar[row][col] = curDate.clone().hour(hour);
+                curDate.hour(12);
+
+                if (this.minDate && calendar[row][col].format('YYYY-MM-DD') == this.minDate.format('YYYY-MM-DD') && calendar[row][col].isBefore(this.minDate) && side == 'left') {
+                    calendar[row][col] = this.minDate.clone();
+                }
+
+                if (this.maxDate && calendar[row][col].format('YYYY-MM-DD') == this.maxDate.format('YYYY-MM-DD') && calendar[row][col].isAfter(this.maxDate) && side == 'right') {
+                    calendar[row][col] = this.maxDate.clone();
+                }
+
+            }
+
+            return calendar;
+        },
+
+        renderDropdowns: function (selected, minDate, maxDate) {
+            var currentMonth = selected.month();
+            var currentYear = selected.year();
+            var maxYear = (maxDate && maxDate.year()) || (currentYear + 5);
+            var minYear = (minDate && minDate.year()) || (currentYear - 50);
+
+            var monthHtml = '<select class="monthselect">';
+            var inMinYear = currentYear == minYear;
+            var inMaxYear = currentYear == maxYear;
+
+            for (var m = 0; m < 12; m++) {
+                if ((!inMinYear || m >= minDate.month()) && (!inMaxYear || m <= maxDate.month())) {
+                    monthHtml += "<option value='" + m + "'" +
+                        (m === currentMonth ? " selected='selected'" : "") +
+                        ">" + this.locale.monthNames[m] + "</option>";
+                }
+            }
+            monthHtml += "</select>";
+
+            var yearHtml = '<select class="yearselect">';
+
+            for (var y = minYear; y <= maxYear; y++) {
+                yearHtml += '<option value="' + y + '"' +
+                    (y === currentYear ? ' selected="selected"' : '') +
+                    '>' + y + '</option>';
+            }
+
+            yearHtml += '</select>';
+
+            return monthHtml + yearHtml;
+        },
+
+        renderCalendar: function (calendar, selected, minDate, maxDate, side) {
+
+            var html = '<div class="calendar-date">';
+            html += '<table class="table-condensed">';
+            html += '<thead>';
+            html += '<tr>';
+
+            // add empty cell for week number
+            if (this.showWeekNumbers)
+                html += '<th></th>';
+
+            if (!minDate || minDate.isBefore(calendar.firstDay)) {
+                html += '<th class="prev available"><i class="fa fa-arrow-left icon-arrow-left glyphicon glyphicon-arrow-left"></i></th>';
+            } else {
+                html += '<th></th>';
+            }
+
+            var dateHtml = this.locale.monthNames[calendar[1][1].month()] + calendar[1][1].format(" YYYY");
+
+            if (this.showDropdowns) {
+                dateHtml = this.renderDropdowns(calendar[1][1], minDate, maxDate);
+            }
+
+            html += '<th colspan="5" class="month">' + dateHtml + '</th>';
+            if (!maxDate || maxDate.isAfter(calendar.lastDay)) {
+                html += '<th class="next available"><i class="fa fa-arrow-right icon-arrow-right glyphicon glyphicon-arrow-right"></i></th>';
+            } else {
+                html += '<th></th>';
+            }
+
+            html += '</tr>';
+            html += '<tr>';
+
+            // add week number label
+            if (this.showWeekNumbers)
+                html += '<th class="week">' + this.locale.weekLabel + '</th>';
+
+            $.each(this.locale.daysOfWeek, function (index, dayOfWeek) {
+                html += '<th>' + dayOfWeek + '</th>';
+            });
+
+            html += '</tr>';
+            html += '</thead>';
+            html += '<tbody>';
+
+            for (var row = 0; row < 6; row++) {
+                html += '<tr>';
+
+                // add week number
+                if (this.showWeekNumbers)
+                    html += '<td class="week">' + calendar[row][0].week() + '</td>';
+
+                for (var col = 0; col < 7; col++) {
+                    var cname = 'available ';
+                    cname += (calendar[row][col].month() == calendar[1][1].month()) ? '' : 'off';
+
+                    if ((minDate && calendar[row][col].isBefore(minDate, 'day')) || (maxDate && calendar[row][col].isAfter(maxDate, 'day'))) {
+                        cname = ' off disabled ';
+                    } else if (calendar[row][col].format('YYYY-MM-DD') == selected.format('YYYY-MM-DD')) {
+                        cname += ' active ';
+                        if (calendar[row][col].format('YYYY-MM-DD') == this.startDate.format('YYYY-MM-DD')) {
+                            cname += ' start-date ';
+                        }
+                        if (calendar[row][col].format('YYYY-MM-DD') == this.endDate.format('YYYY-MM-DD')) {
+                            cname += ' end-date ';
+                        }
+                    } else if (calendar[row][col] >= this.startDate && calendar[row][col] <= this.endDate) {
+                        cname += ' in-range ';
+                        if (calendar[row][col].isSame(this.startDate)) { cname += ' start-date '; }
+                        if (calendar[row][col].isSame(this.endDate)) { cname += ' end-date '; }
+                    }
+
+                    var title = 'r' + row + 'c' + col;
+                    html += '<td class="' + cname.replace(/\s+/g, ' ').replace(/^\s?(.*?)\s?$/, '$1') + '" data-title="' + title + '">' + calendar[row][col].date() + '</td>';
+                }
+                html += '</tr>';
+            }
+
+            html += '</tbody>';
+            html += '</table>';
+            html += '</div>';
+
+            var i;
+            if (this.timePicker) {
+
+                html += '<div class="calendar-time">';
+                html += '<select class="hourselect">';
+
+                // Disallow selections before the minDate or after the maxDate
+                var min_hour = 0;
+                var max_hour = 23;
+
+                if (minDate && (side == 'left' || this.singleDatePicker) && selected.format('YYYY-MM-DD') == minDate.format('YYYY-MM-DD')) {
+                    min_hour = minDate.hour();
+                    if (selected.hour() < min_hour)
+                        selected.hour(min_hour);
+                    if (this.timePicker12Hour && min_hour >= 12 && selected.hour() >= 12)
+                        min_hour -= 12;
+                    if (this.timePicker12Hour && min_hour == 12)
+                        min_hour = 1;
+                }
+
+                if (maxDate && (side == 'right' || this.singleDatePicker) && selected.format('YYYY-MM-DD') == maxDate.format('YYYY-MM-DD')) {
+                    max_hour = maxDate.hour();
+                    if (selected.hour() > max_hour)
+                        selected.hour(max_hour);
+                    if (this.timePicker12Hour && max_hour >= 12 && selected.hour() >= 12)
+                        max_hour -= 12;
+                }
+
+                var start = 0;
+                var end = 23;
+                var selected_hour = selected.hour();
+                if (this.timePicker12Hour) {
+                    start = 1;
+                    end = 12;
+                    if (selected_hour >= 12)
+                        selected_hour -= 12;
+                    if (selected_hour === 0)
+                        selected_hour = 12;
+                }
+
+                for (i = start; i <= end; i++) {
+
+                    if (i == selected_hour) {
+                        html += '<option value="' + i + '" selected="selected">' + i + '</option>';
+                    } else if (i < min_hour || i > max_hour) {
+                        html += '<option value="' + i + '" disabled="disabled" class="disabled">' + i + '</option>';
+                    } else {
+                        html += '<option value="' + i + '">' + i + '</option>';
+                    }
+                }
+
+                html += '</select> : ';
+
+                html += '<select class="minuteselect">';
+
+                // Disallow selections before the minDate or after the maxDate
+                var min_minute = 0;
+                var max_minute = 59;
+
+                if (minDate && (side == 'left' || this.singleDatePicker) && selected.format('YYYY-MM-DD h A') == minDate.format('YYYY-MM-DD h A')) {
+                    min_minute = minDate.minute();
+                    if (selected.minute() < min_minute)
+                        selected.minute(min_minute);
+                }
+
+                if (maxDate && (side == 'right' || this.singleDatePicker) && selected.format('YYYY-MM-DD h A') == maxDate.format('YYYY-MM-DD h A')) {
+                    max_minute = maxDate.minute();
+                    if (selected.minute() > max_minute)
+                        selected.minute(max_minute);
+                }
+
+                for (i = 0; i < 60; i += this.timePickerIncrement) {
+                    var num = i;
+                    if (num < 10)
+                        num = '0' + num;
+                    if (i == selected.minute()) {
+                        html += '<option value="' + i + '" selected="selected">' + num + '</option>';
+                    } else if (i < min_minute || i > max_minute) {
+                        html += '<option value="' + i + '" disabled="disabled" class="disabled">' + num + '</option>';
+                    } else {
+                        html += '<option value="' + i + '">' + num + '</option>';
+                    }
+                }
+
+                html += '</select> ';
+
+                if (this.timePickerSeconds) {
+                    html += ': <select class="secondselect">';
+
+                    for (i = 0; i < 60; i += this.timePickerIncrement) {
+                        var num = i;
+                        if (num < 10)
+                            num = '0' + num;
+                        if (i == selected.second()) {
+                            html += '<option value="' + i + '" selected="selected">' + num + '</option>';
+                        } else {
+                            html += '<option value="' + i + '">' + num + '</option>';
+                        }
+                    }
+
+                    html += '</select>';
+                }
+
+                if (this.timePicker12Hour) {
+                    html += '<select class="ampmselect">';
+
+                    // Disallow selection before the minDate or after the maxDate
+                    var am_html = '';
+                    var pm_html = '';
+
+                    if (minDate && (side == 'left' || this.singleDatePicker) && selected.format('YYYY-MM-DD') == minDate.format('YYYY-MM-DD') && minDate.hour() >= 12) {
+                        am_html = ' disabled="disabled" class="disabled"';
+                    }
+
+                    if (maxDate && (side == 'right' || this.singleDatePicker) && selected.format('YYYY-MM-DD') == maxDate.format('YYYY-MM-DD') && maxDate.hour() < 12) {
+                        pm_html = ' disabled="disabled" class="disabled"';
+                    }
+
+                    if (selected.hour() >= 12) {
+                        html += '<option value="AM"' + am_html + '>AM</option><option value="PM" selected="selected"' + pm_html + '>PM</option>';
+                    } else {
+                        html += '<option value="AM" selected="selected"' + am_html + '>AM</option><option value="PM"' + pm_html + '>PM</option>';
+                    }
+                    html += '</select>';
+                }
+
+                html += '</div>';
+
+            }
+
+            return html;
+
+        },
+
+        remove: function() {
+
+            this.container.remove();
+            this.element.off('.daterangepicker');
+            this.element.removeData('daterangepicker');
+
+        }
+
+    };
+
+    $.fn.daterangepicker = function (options, cb) {
+        this.each(function () {
+            var el = $(this);
+            if (el.data('daterangepicker'))
+                el.data('daterangepicker').remove();
+            el.data('daterangepicker', new DateRangePicker(el, options, cb));
+        });
+        return this;
+    };
+
+}));
diff --git a/web/bootstrap-ace-admin/js/date-time/moment.js b/web/bootstrap-ace-admin/js/date-time/moment.js
new file mode 100755
index 00000000..85e190d4
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/date-time/moment.js
@@ -0,0 +1,2936 @@
+//! moment.js
+//! version : 2.8.4
+//! authors : Tim Wood, Iskren Chernev, Moment.js contributors
+//! license : MIT
+//! momentjs.com
+
+(function (undefined) {
+    /************************************
+        Constants
+    ************************************/
+
+    var moment,
+        VERSION = '2.8.4',
+        // the global-scope this is NOT the global object in Node.js
+        globalScope = typeof global !== 'undefined' ? global : this,
+        oldGlobalMoment,
+        round = Math.round,
+        hasOwnProperty = Object.prototype.hasOwnProperty,
+        i,
+
+        YEAR = 0,
+        MONTH = 1,
+        DATE = 2,
+        HOUR = 3,
+        MINUTE = 4,
+        SECOND = 5,
+        MILLISECOND = 6,
+
+        // internal storage for locale config files
+        locales = {},
+
+        // extra moment internal properties (plugins register props here)
+        momentProperties = [],
+
+        // check for nodeJS
+        hasModule = (typeof module !== 'undefined' && module && module.exports),
+
+        // ASP.NET json date format regex
+        aspNetJsonRegex = /^\/?Date\((\-?\d+)/i,
+        aspNetTimeSpanJsonRegex = /(\-)?(?:(\d*)\.)?(\d+)\:(\d+)(?:\:(\d+)\.?(\d{3})?)?/,
+
+        // from http://docs.closure-library.googlecode.com/git/closure_goog_date_date.js.source.html
+        // somewhat more in line with 4.4.3.2 2004 spec, but allows decimal anywhere
+        isoDurationRegex = /^(-)?P(?:(?:([0-9,.]*)Y)?(?:([0-9,.]*)M)?(?:([0-9,.]*)D)?(?:T(?:([0-9,.]*)H)?(?:([0-9,.]*)M)?(?:([0-9,.]*)S)?)?|([0-9,.]*)W)$/,
+
+        // format tokens
+        formattingTokens = /(\[[^\[]*\])|(\\)?(Mo|MM?M?M?|Do|DDDo|DD?D?D?|ddd?d?|do?|w[o|w]?|W[o|W]?|Q|YYYYYY|YYYYY|YYYY|YY|gg(ggg?)?|GG(GGG?)?|e|E|a|A|hh?|HH?|mm?|ss?|S{1,4}|x|X|zz?|ZZ?|.)/g,
+        localFormattingTokens = /(\[[^\[]*\])|(\\)?(LTS|LT|LL?L?L?|l{1,4})/g,
+
+        // parsing token regexes
+        parseTokenOneOrTwoDigits = /\d\d?/, // 0 - 99
+        parseTokenOneToThreeDigits = /\d{1,3}/, // 0 - 999
+        parseTokenOneToFourDigits = /\d{1,4}/, // 0 - 9999
+        parseTokenOneToSixDigits = /[+\-]?\d{1,6}/, // -999,999 - 999,999
+        parseTokenDigits = /\d+/, // nonzero number of digits
+        parseTokenWord = /[0-9]*['a-z\u00A0-\u05FF\u0700-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]+|[\u0600-\u06FF\/]+(\s*?[\u0600-\u06FF]+){1,2}/i, // any word (or two) characters or numbers including two/three word month in arabic.
+        parseTokenTimezone = /Z|[\+\-]\d\d:?\d\d/gi, // +00:00 -00:00 +0000 -0000 or Z
+        parseTokenT = /T/i, // T (ISO separator)
+        parseTokenOffsetMs = /[\+\-]?\d+/, // 1234567890123
+        parseTokenTimestampMs = /[\+\-]?\d+(\.\d{1,3})?/, // 123456789 123456789.123
+
+        //strict parsing regexes
+        parseTokenOneDigit = /\d/, // 0 - 9
+        parseTokenTwoDigits = /\d\d/, // 00 - 99
+        parseTokenThreeDigits = /\d{3}/, // 000 - 999
+        parseTokenFourDigits = /\d{4}/, // 0000 - 9999
+        parseTokenSixDigits = /[+-]?\d{6}/, // -999,999 - 999,999
+        parseTokenSignedNumber = /[+-]?\d+/, // -inf - inf
+
+        // iso 8601 regex
+        // 0000-00-00 0000-W00 or 0000-W00-0 + T + 00 or 00:00 or 00:00:00 or 00:00:00.000 + +00:00 or +0000 or +00)
+        isoRegex = /^\s*(?:[+-]\d{6}|\d{4})-(?:(\d\d-\d\d)|(W\d\d$)|(W\d\d-\d)|(\d\d\d))((T| )(\d\d(:\d\d(:\d\d(\.\d+)?)?)?)?([\+\-]\d\d(?::?\d\d)?|\s*Z)?)?$/,
+
+        isoFormat = 'YYYY-MM-DDTHH:mm:ssZ',
+
+        isoDates = [
+            ['YYYYYY-MM-DD', /[+-]\d{6}-\d{2}-\d{2}/],
+            ['YYYY-MM-DD', /\d{4}-\d{2}-\d{2}/],
+            ['GGGG-[W]WW-E', /\d{4}-W\d{2}-\d/],
+            ['GGGG-[W]WW', /\d{4}-W\d{2}/],
+            ['YYYY-DDD', /\d{4}-\d{3}/]
+        ],
+
+        // iso time formats and regexes
+        isoTimes = [
+            ['HH:mm:ss.SSSS', /(T| )\d\d:\d\d:\d\d\.\d+/],
+            ['HH:mm:ss', /(T| )\d\d:\d\d:\d\d/],
+            ['HH:mm', /(T| )\d\d:\d\d/],
+            ['HH', /(T| )\d\d/]
+        ],
+
+        // timezone chunker '+10:00' > ['10', '00'] or '-1530' > ['-15', '30']
+        parseTimezoneChunker = /([\+\-]|\d\d)/gi,
+
+        // getter and setter names
+        proxyGettersAndSetters = 'Date|Hours|Minutes|Seconds|Milliseconds'.split('|'),
+        unitMillisecondFactors = {
+            'Milliseconds' : 1,
+            'Seconds' : 1e3,
+            'Minutes' : 6e4,
+            'Hours' : 36e5,
+            'Days' : 864e5,
+            'Months' : 2592e6,
+            'Years' : 31536e6
+        },
+
+        unitAliases = {
+            ms : 'millisecond',
+            s : 'second',
+            m : 'minute',
+            h : 'hour',
+            d : 'day',
+            D : 'date',
+            w : 'week',
+            W : 'isoWeek',
+            M : 'month',
+            Q : 'quarter',
+            y : 'year',
+            DDD : 'dayOfYear',
+            e : 'weekday',
+            E : 'isoWeekday',
+            gg: 'weekYear',
+            GG: 'isoWeekYear'
+        },
+
+        camelFunctions = {
+            dayofyear : 'dayOfYear',
+            isoweekday : 'isoWeekday',
+            isoweek : 'isoWeek',
+            weekyear : 'weekYear',
+            isoweekyear : 'isoWeekYear'
+        },
+
+        // format function strings
+        formatFunctions = {},
+
+        // default relative time thresholds
+        relativeTimeThresholds = {
+            s: 45,  // seconds to minute
+            m: 45,  // minutes to hour
+            h: 22,  // hours to day
+            d: 26,  // days to month
+            M: 11   // months to year
+        },
+
+        // tokens to ordinalize and pad
+        ordinalizeTokens = 'DDD w W M D d'.split(' '),
+        paddedTokens = 'M D H h m s w W'.split(' '),
+
+        formatTokenFunctions = {
+            M    : function () {
+                return this.month() + 1;
+            },
+            MMM  : function (format) {
+                return this.localeData().monthsShort(this, format);
+            },
+            MMMM : function (format) {
+                return this.localeData().months(this, format);
+            },
+            D    : function () {
+                return this.date();
+            },
+            DDD  : function () {
+                return this.dayOfYear();
+            },
+            d    : function () {
+                return this.day();
+            },
+            dd   : function (format) {
+                return this.localeData().weekdaysMin(this, format);
+            },
+            ddd  : function (format) {
+                return this.localeData().weekdaysShort(this, format);
+            },
+            dddd : function (format) {
+                return this.localeData().weekdays(this, format);
+            },
+            w    : function () {
+                return this.week();
+            },
+            W    : function () {
+                return this.isoWeek();
+            },
+            YY   : function () {
+                return leftZeroFill(this.year() % 100, 2);
+            },
+            YYYY : function () {
+                return leftZeroFill(this.year(), 4);
+            },
+            YYYYY : function () {
+                return leftZeroFill(this.year(), 5);
+            },
+            YYYYYY : function () {
+                var y = this.year(), sign = y >= 0 ? '+' : '-';
+                return sign + leftZeroFill(Math.abs(y), 6);
+            },
+            gg   : function () {
+                return leftZeroFill(this.weekYear() % 100, 2);
+            },
+            gggg : function () {
+                return leftZeroFill(this.weekYear(), 4);
+            },
+            ggggg : function () {
+                return leftZeroFill(this.weekYear(), 5);
+            },
+            GG   : function () {
+                return leftZeroFill(this.isoWeekYear() % 100, 2);
+            },
+            GGGG : function () {
+                return leftZeroFill(this.isoWeekYear(), 4);
+            },
+            GGGGG : function () {
+                return leftZeroFill(this.isoWeekYear(), 5);
+            },
+            e : function () {
+                return this.weekday();
+            },
+            E : function () {
+                return this.isoWeekday();
+            },
+            a    : function () {
+                return this.localeData().meridiem(this.hours(), this.minutes(), true);
+            },
+            A    : function () {
+                return this.localeData().meridiem(this.hours(), this.minutes(), false);
+            },
+            H    : function () {
+                return this.hours();
+            },
+            h    : function () {
+                return this.hours() % 12 || 12;
+            },
+            m    : function () {
+                return this.minutes();
+            },
+            s    : function () {
+                return this.seconds();
+            },
+            S    : function () {
+                return toInt(this.milliseconds() / 100);
+            },
+            SS   : function () {
+                return leftZeroFill(toInt(this.milliseconds() / 10), 2);
+            },
+            SSS  : function () {
+                return leftZeroFill(this.milliseconds(), 3);
+            },
+            SSSS : function () {
+                return leftZeroFill(this.milliseconds(), 3);
+            },
+            Z    : function () {
+                var a = -this.zone(),
+                    b = '+';
+                if (a < 0) {
+                    a = -a;
+                    b = '-';
+                }
+                return b + leftZeroFill(toInt(a / 60), 2) + ':' + leftZeroFill(toInt(a) % 60, 2);
+            },
+            ZZ   : function () {
+                var a = -this.zone(),
+                    b = '+';
+                if (a < 0) {
+                    a = -a;
+                    b = '-';
+                }
+                return b + leftZeroFill(toInt(a / 60), 2) + leftZeroFill(toInt(a) % 60, 2);
+            },
+            z : function () {
+                return this.zoneAbbr();
+            },
+            zz : function () {
+                return this.zoneName();
+            },
+            x    : function () {
+                return this.valueOf();
+            },
+            X    : function () {
+                return this.unix();
+            },
+            Q : function () {
+                return this.quarter();
+            }
+        },
+
+        deprecations = {},
+
+        lists = ['months', 'monthsShort', 'weekdays', 'weekdaysShort', 'weekdaysMin'];
+
+    // Pick the first defined of two or three arguments. dfl comes from
+    // default.
+    function dfl(a, b, c) {
+        switch (arguments.length) {
+            case 2: return a != null ? a : b;
+            case 3: return a != null ? a : b != null ? b : c;
+            default: throw new Error('Implement me');
+        }
+    }
+
+    function hasOwnProp(a, b) {
+        return hasOwnProperty.call(a, b);
+    }
+
+    function defaultParsingFlags() {
+        // We need to deep clone this object, and es5 standard is not very
+        // helpful.
+        return {
+            empty : false,
+            unusedTokens : [],
+            unusedInput : [],
+            overflow : -2,
+            charsLeftOver : 0,
+            nullInput : false,
+            invalidMonth : null,
+            invalidFormat : false,
+            userInvalidated : false,
+            iso: false
+        };
+    }
+
+    function printMsg(msg) {
+        if (moment.suppressDeprecationWarnings === false &&
+                typeof console !== 'undefined' && console.warn) {
+            console.warn('Deprecation warning: ' + msg);
+        }
+    }
+
+    function deprecate(msg, fn) {
+        var firstTime = true;
+        return extend(function () {
+            if (firstTime) {
+                printMsg(msg);
+                firstTime = false;
+            }
+            return fn.apply(this, arguments);
+        }, fn);
+    }
+
+    function deprecateSimple(name, msg) {
+        if (!deprecations[name]) {
+            printMsg(msg);
+            deprecations[name] = true;
+        }
+    }
+
+    function padToken(func, count) {
+        return function (a) {
+            return leftZeroFill(func.call(this, a), count);
+        };
+    }
+    function ordinalizeToken(func, period) {
+        return function (a) {
+            return this.localeData().ordinal(func.call(this, a), period);
+        };
+    }
+
+    while (ordinalizeTokens.length) {
+        i = ordinalizeTokens.pop();
+        formatTokenFunctions[i + 'o'] = ordinalizeToken(formatTokenFunctions[i], i);
+    }
+    while (paddedTokens.length) {
+        i = paddedTokens.pop();
+        formatTokenFunctions[i + i] = padToken(formatTokenFunctions[i], 2);
+    }
+    formatTokenFunctions.DDDD = padToken(formatTokenFunctions.DDD, 3);
+
+
+    /************************************
+        Constructors
+    ************************************/
+
+    function Locale() {
+    }
+
+    // Moment prototype object
+    function Moment(config, skipOverflow) {
+        if (skipOverflow !== false) {
+            checkOverflow(config);
+        }
+        copyConfig(this, config);
+        this._d = new Date(+config._d);
+    }
+
+    // Duration Constructor
+    function Duration(duration) {
+        var normalizedInput = normalizeObjectUnits(duration),
+            years = normalizedInput.year || 0,
+            quarters = normalizedInput.quarter || 0,
+            months = normalizedInput.month || 0,
+            weeks = normalizedInput.week || 0,
+            days = normalizedInput.day || 0,
+            hours = normalizedInput.hour || 0,
+            minutes = normalizedInput.minute || 0,
+            seconds = normalizedInput.second || 0,
+            milliseconds = normalizedInput.millisecond || 0;
+
+        // representation for dateAddRemove
+        this._milliseconds = +milliseconds +
+            seconds * 1e3 + // 1000
+            minutes * 6e4 + // 1000 * 60
+            hours * 36e5; // 1000 * 60 * 60
+        // Because of dateAddRemove treats 24 hours as different from a
+        // day when working around DST, we need to store them separately
+        this._days = +days +
+            weeks * 7;
+        // It is impossible translate months into days without knowing
+        // which months you are are talking about, so we have to store
+        // it separately.
+        this._months = +months +
+            quarters * 3 +
+            years * 12;
+
+        this._data = {};
+
+        this._locale = moment.localeData();
+
+        this._bubble();
+    }
+
+    /************************************
+        Helpers
+    ************************************/
+
+
+    function extend(a, b) {
+        for (var i in b) {
+            if (hasOwnProp(b, i)) {
+                a[i] = b[i];
+            }
+        }
+
+        if (hasOwnProp(b, 'toString')) {
+            a.toString = b.toString;
+        }
+
+        if (hasOwnProp(b, 'valueOf')) {
+            a.valueOf = b.valueOf;
+        }
+
+        return a;
+    }
+
+    function copyConfig(to, from) {
+        var i, prop, val;
+
+        if (typeof from._isAMomentObject !== 'undefined') {
+            to._isAMomentObject = from._isAMomentObject;
+        }
+        if (typeof from._i !== 'undefined') {
+            to._i = from._i;
+        }
+        if (typeof from._f !== 'undefined') {
+            to._f = from._f;
+        }
+        if (typeof from._l !== 'undefined') {
+            to._l = from._l;
+        }
+        if (typeof from._strict !== 'undefined') {
+            to._strict = from._strict;
+        }
+        if (typeof from._tzm !== 'undefined') {
+            to._tzm = from._tzm;
+        }
+        if (typeof from._isUTC !== 'undefined') {
+            to._isUTC = from._isUTC;
+        }
+        if (typeof from._offset !== 'undefined') {
+            to._offset = from._offset;
+        }
+        if (typeof from._pf !== 'undefined') {
+            to._pf = from._pf;
+        }
+        if (typeof from._locale !== 'undefined') {
+            to._locale = from._locale;
+        }
+
+        if (momentProperties.length > 0) {
+            for (i in momentProperties) {
+                prop = momentProperties[i];
+                val = from[prop];
+                if (typeof val !== 'undefined') {
+                    to[prop] = val;
+                }
+            }
+        }
+
+        return to;
+    }
+
+    function absRound(number) {
+        if (number < 0) {
+            return Math.ceil(number);
+        } else {
+            return Math.floor(number);
+        }
+    }
+
+    // left zero fill a number
+    // see http://jsperf.com/left-zero-filling for performance comparison
+    function leftZeroFill(number, targetLength, forceSign) {
+        var output = '' + Math.abs(number),
+            sign = number >= 0;
+
+        while (output.length < targetLength) {
+            output = '0' + output;
+        }
+        return (sign ? (forceSign ? '+' : '') : '-') + output;
+    }
+
+    function positiveMomentsDifference(base, other) {
+        var res = {milliseconds: 0, months: 0};
+
+        res.months = other.month() - base.month() +
+            (other.year() - base.year()) * 12;
+        if (base.clone().add(res.months, 'M').isAfter(other)) {
+            --res.months;
+        }
+
+        res.milliseconds = +other - +(base.clone().add(res.months, 'M'));
+
+        return res;
+    }
+
+    function momentsDifference(base, other) {
+        var res;
+        other = makeAs(other, base);
+        if (base.isBefore(other)) {
+            res = positiveMomentsDifference(base, other);
+        } else {
+            res = positiveMomentsDifference(other, base);
+            res.milliseconds = -res.milliseconds;
+            res.months = -res.months;
+        }
+
+        return res;
+    }
+
+    // TODO: remove 'name' arg after deprecation is removed
+    function createAdder(direction, name) {
+        return function (val, period) {
+            var dur, tmp;
+            //invert the arguments, but complain about it
+            if (period !== null && !isNaN(+period)) {
+                deprecateSimple(name, 'moment().' + name  + '(period, number) is deprecated. Please use moment().' + name + '(number, period).');
+                tmp = val; val = period; period = tmp;
+            }
+
+            val = typeof val === 'string' ? +val : val;
+            dur = moment.duration(val, period);
+            addOrSubtractDurationFromMoment(this, dur, direction);
+            return this;
+        };
+    }
+
+    function addOrSubtractDurationFromMoment(mom, duration, isAdding, updateOffset) {
+        var milliseconds = duration._milliseconds,
+            days = duration._days,
+            months = duration._months;
+        updateOffset = updateOffset == null ? true : updateOffset;
+
+        if (milliseconds) {
+            mom._d.setTime(+mom._d + milliseconds * isAdding);
+        }
+        if (days) {
+            rawSetter(mom, 'Date', rawGetter(mom, 'Date') + days * isAdding);
+        }
+        if (months) {
+            rawMonthSetter(mom, rawGetter(mom, 'Month') + months * isAdding);
+        }
+        if (updateOffset) {
+            moment.updateOffset(mom, days || months);
+        }
+    }
+
+    // check if is an array
+    function isArray(input) {
+        return Object.prototype.toString.call(input) === '[object Array]';
+    }
+
+    function isDate(input) {
+        return Object.prototype.toString.call(input) === '[object Date]' ||
+            input instanceof Date;
+    }
+
+    // compare two arrays, return the number of differences
+    function compareArrays(array1, array2, dontConvert) {
+        var len = Math.min(array1.length, array2.length),
+            lengthDiff = Math.abs(array1.length - array2.length),
+            diffs = 0,
+            i;
+        for (i = 0; i < len; i++) {
+            if ((dontConvert && array1[i] !== array2[i]) ||
+                (!dontConvert && toInt(array1[i]) !== toInt(array2[i]))) {
+                diffs++;
+            }
+        }
+        return diffs + lengthDiff;
+    }
+
+    function normalizeUnits(units) {
+        if (units) {
+            var lowered = units.toLowerCase().replace(/(.)s$/, '$1');
+            units = unitAliases[units] || camelFunctions[lowered] || lowered;
+        }
+        return units;
+    }
+
+    function normalizeObjectUnits(inputObject) {
+        var normalizedInput = {},
+            normalizedProp,
+            prop;
+
+        for (prop in inputObject) {
+            if (hasOwnProp(inputObject, prop)) {
+                normalizedProp = normalizeUnits(prop);
+                if (normalizedProp) {
+                    normalizedInput[normalizedProp] = inputObject[prop];
+                }
+            }
+        }
+
+        return normalizedInput;
+    }
+
+    function makeList(field) {
+        var count, setter;
+
+        if (field.indexOf('week') === 0) {
+            count = 7;
+            setter = 'day';
+        }
+        else if (field.indexOf('month') === 0) {
+            count = 12;
+            setter = 'month';
+        }
+        else {
+            return;
+        }
+
+        moment[field] = function (format, index) {
+            var i, getter,
+                method = moment._locale[field],
+                results = [];
+
+            if (typeof format === 'number') {
+                index = format;
+                format = undefined;
+            }
+
+            getter = function (i) {
+                var m = moment().utc().set(setter, i);
+                return method.call(moment._locale, m, format || '');
+            };
+
+            if (index != null) {
+                return getter(index);
+            }
+            else {
+                for (i = 0; i < count; i++) {
+                    results.push(getter(i));
+                }
+                return results;
+            }
+        };
+    }
+
+    function toInt(argumentForCoercion) {
+        var coercedNumber = +argumentForCoercion,
+            value = 0;
+
+        if (coercedNumber !== 0 && isFinite(coercedNumber)) {
+            if (coercedNumber >= 0) {
+                value = Math.floor(coercedNumber);
+            } else {
+                value = Math.ceil(coercedNumber);
+            }
+        }
+
+        return value;
+    }
+
+    function daysInMonth(year, month) {
+        return new Date(Date.UTC(year, month + 1, 0)).getUTCDate();
+    }
+
+    function weeksInYear(year, dow, doy) {
+        return weekOfYear(moment([year, 11, 31 + dow - doy]), dow, doy).week;
+    }
+
+    function daysInYear(year) {
+        return isLeapYear(year) ? 366 : 365;
+    }
+
+    function isLeapYear(year) {
+        return (year % 4 === 0 && year % 100 !== 0) || year % 400 === 0;
+    }
+
+    function checkOverflow(m) {
+        var overflow;
+        if (m._a && m._pf.overflow === -2) {
+            overflow =
+                m._a[MONTH] < 0 || m._a[MONTH] > 11 ? MONTH :
+                m._a[DATE] < 1 || m._a[DATE] > daysInMonth(m._a[YEAR], m._a[MONTH]) ? DATE :
+                m._a[HOUR] < 0 || m._a[HOUR] > 24 ||
+                    (m._a[HOUR] === 24 && (m._a[MINUTE] !== 0 ||
+                                           m._a[SECOND] !== 0 ||
+                                           m._a[MILLISECOND] !== 0)) ? HOUR :
+                m._a[MINUTE] < 0 || m._a[MINUTE] > 59 ? MINUTE :
+                m._a[SECOND] < 0 || m._a[SECOND] > 59 ? SECOND :
+                m._a[MILLISECOND] < 0 || m._a[MILLISECOND] > 999 ? MILLISECOND :
+                -1;
+
+            if (m._pf._overflowDayOfYear && (overflow < YEAR || overflow > DATE)) {
+                overflow = DATE;
+            }
+
+            m._pf.overflow = overflow;
+        }
+    }
+
+    function isValid(m) {
+        if (m._isValid == null) {
+            m._isValid = !isNaN(m._d.getTime()) &&
+                m._pf.overflow < 0 &&
+                !m._pf.empty &&
+                !m._pf.invalidMonth &&
+                !m._pf.nullInput &&
+                !m._pf.invalidFormat &&
+                !m._pf.userInvalidated;
+
+            if (m._strict) {
+                m._isValid = m._isValid &&
+                    m._pf.charsLeftOver === 0 &&
+                    m._pf.unusedTokens.length === 0 &&
+                    m._pf.bigHour === undefined;
+            }
+        }
+        return m._isValid;
+    }
+
+    function normalizeLocale(key) {
+        return key ? key.toLowerCase().replace('_', '-') : key;
+    }
+
+    // pick the locale from the array
+    // try ['en-au', 'en-gb'] as 'en-au', 'en-gb', 'en', as in move through the list trying each
+    // substring from most specific to least, but move to the next array item if it's a more specific variant than the current root
+    function chooseLocale(names) {
+        var i = 0, j, next, locale, split;
+
+        while (i < names.length) {
+            split = normalizeLocale(names[i]).split('-');
+            j = split.length;
+            next = normalizeLocale(names[i + 1]);
+            next = next ? next.split('-') : null;
+            while (j > 0) {
+                locale = loadLocale(split.slice(0, j).join('-'));
+                if (locale) {
+                    return locale;
+                }
+                if (next && next.length >= j && compareArrays(split, next, true) >= j - 1) {
+                    //the next array item is better than a shallower substring of this one
+                    break;
+                }
+                j--;
+            }
+            i++;
+        }
+        return null;
+    }
+
+    function loadLocale(name) {
+        var oldLocale = null;
+        if (!locales[name] && hasModule) {
+            try {
+                oldLocale = moment.locale();
+                require('./locale/' + name);
+                // because defineLocale currently also sets the global locale, we want to undo that for lazy loaded locales
+                moment.locale(oldLocale);
+            } catch (e) { }
+        }
+        return locales[name];
+    }
+
+    // Return a moment from input, that is local/utc/zone equivalent to model.
+    function makeAs(input, model) {
+        var res, diff;
+        if (model._isUTC) {
+            res = model.clone();
+            diff = (moment.isMoment(input) || isDate(input) ?
+                    +input : +moment(input)) - (+res);
+            // Use low-level api, because this fn is low-level api.
+            res._d.setTime(+res._d + diff);
+            moment.updateOffset(res, false);
+            return res;
+        } else {
+            return moment(input).local();
+        }
+    }
+
+    /************************************
+        Locale
+    ************************************/
+
+
+    extend(Locale.prototype, {
+
+        set : function (config) {
+            var prop, i;
+            for (i in config) {
+                prop = config[i];
+                if (typeof prop === 'function') {
+                    this[i] = prop;
+                } else {
+                    this['_' + i] = prop;
+                }
+            }
+            // Lenient ordinal parsing accepts just a number in addition to
+            // number + (possibly) stuff coming from _ordinalParseLenient.
+            this._ordinalParseLenient = new RegExp(this._ordinalParse.source + '|' + /\d{1,2}/.source);
+        },
+
+        _months : 'January_February_March_April_May_June_July_August_September_October_November_December'.split('_'),
+        months : function (m) {
+            return this._months[m.month()];
+        },
+
+        _monthsShort : 'Jan_Feb_Mar_Apr_May_Jun_Jul_Aug_Sep_Oct_Nov_Dec'.split('_'),
+        monthsShort : function (m) {
+            return this._monthsShort[m.month()];
+        },
+
+        monthsParse : function (monthName, format, strict) {
+            var i, mom, regex;
+
+            if (!this._monthsParse) {
+                this._monthsParse = [];
+                this._longMonthsParse = [];
+                this._shortMonthsParse = [];
+            }
+
+            for (i = 0; i < 12; i++) {
+                // make the regex if we don't have it already
+                mom = moment.utc([2000, i]);
+                if (strict && !this._longMonthsParse[i]) {
+                    this._longMonthsParse[i] = new RegExp('^' + this.months(mom, '').replace('.', '') + '$', 'i');
+                    this._shortMonthsParse[i] = new RegExp('^' + this.monthsShort(mom, '').replace('.', '') + '$', 'i');
+                }
+                if (!strict && !this._monthsParse[i]) {
+                    regex = '^' + this.months(mom, '') + '|^' + this.monthsShort(mom, '');
+                    this._monthsParse[i] = new RegExp(regex.replace('.', ''), 'i');
+                }
+                // test the regex
+                if (strict && format === 'MMMM' && this._longMonthsParse[i].test(monthName)) {
+                    return i;
+                } else if (strict && format === 'MMM' && this._shortMonthsParse[i].test(monthName)) {
+                    return i;
+                } else if (!strict && this._monthsParse[i].test(monthName)) {
+                    return i;
+                }
+            }
+        },
+
+        _weekdays : 'Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday'.split('_'),
+        weekdays : function (m) {
+            return this._weekdays[m.day()];
+        },
+
+        _weekdaysShort : 'Sun_Mon_Tue_Wed_Thu_Fri_Sat'.split('_'),
+        weekdaysShort : function (m) {
+            return this._weekdaysShort[m.day()];
+        },
+
+        _weekdaysMin : 'Su_Mo_Tu_We_Th_Fr_Sa'.split('_'),
+        weekdaysMin : function (m) {
+            return this._weekdaysMin[m.day()];
+        },
+
+        weekdaysParse : function (weekdayName) {
+            var i, mom, regex;
+
+            if (!this._weekdaysParse) {
+                this._weekdaysParse = [];
+            }
+
+            for (i = 0; i < 7; i++) {
+                // make the regex if we don't have it already
+                if (!this._weekdaysParse[i]) {
+                    mom = moment([2000, 1]).day(i);
+                    regex = '^' + this.weekdays(mom, '') + '|^' + this.weekdaysShort(mom, '') + '|^' + this.weekdaysMin(mom, '');
+                    this._weekdaysParse[i] = new RegExp(regex.replace('.', ''), 'i');
+                }
+                // test the regex
+                if (this._weekdaysParse[i].test(weekdayName)) {
+                    return i;
+                }
+            }
+        },
+
+        _longDateFormat : {
+            LTS : 'h:mm:ss A',
+            LT : 'h:mm A',
+            L : 'MM/DD/YYYY',
+            LL : 'MMMM D, YYYY',
+            LLL : 'MMMM D, YYYY LT',
+            LLLL : 'dddd, MMMM D, YYYY LT'
+        },
+        longDateFormat : function (key) {
+            var output = this._longDateFormat[key];
+            if (!output && this._longDateFormat[key.toUpperCase()]) {
+                output = this._longDateFormat[key.toUpperCase()].replace(/MMMM|MM|DD|dddd/g, function (val) {
+                    return val.slice(1);
+                });
+                this._longDateFormat[key] = output;
+            }
+            return output;
+        },
+
+        isPM : function (input) {
+            // IE8 Quirks Mode & IE7 Standards Mode do not allow accessing strings like arrays
+            // Using charAt should be more compatible.
+            return ((input + '').toLowerCase().charAt(0) === 'p');
+        },
+
+        _meridiemParse : /[ap]\.?m?\.?/i,
+        meridiem : function (hours, minutes, isLower) {
+            if (hours > 11) {
+                return isLower ? 'pm' : 'PM';
+            } else {
+                return isLower ? 'am' : 'AM';
+            }
+        },
+
+        _calendar : {
+            sameDay : '[Today at] LT',
+            nextDay : '[Tomorrow at] LT',
+            nextWeek : 'dddd [at] LT',
+            lastDay : '[Yesterday at] LT',
+            lastWeek : '[Last] dddd [at] LT',
+            sameElse : 'L'
+        },
+        calendar : function (key, mom, now) {
+            var output = this._calendar[key];
+            return typeof output === 'function' ? output.apply(mom, [now]) : output;
+        },
+
+        _relativeTime : {
+            future : 'in %s',
+            past : '%s ago',
+            s : 'a few seconds',
+            m : 'a minute',
+            mm : '%d minutes',
+            h : 'an hour',
+            hh : '%d hours',
+            d : 'a day',
+            dd : '%d days',
+            M : 'a month',
+            MM : '%d months',
+            y : 'a year',
+            yy : '%d years'
+        },
+
+        relativeTime : function (number, withoutSuffix, string, isFuture) {
+            var output = this._relativeTime[string];
+            return (typeof output === 'function') ?
+                output(number, withoutSuffix, string, isFuture) :
+                output.replace(/%d/i, number);
+        },
+
+        pastFuture : function (diff, output) {
+            var format = this._relativeTime[diff > 0 ? 'future' : 'past'];
+            return typeof format === 'function' ? format(output) : format.replace(/%s/i, output);
+        },
+
+        ordinal : function (number) {
+            return this._ordinal.replace('%d', number);
+        },
+        _ordinal : '%d',
+        _ordinalParse : /\d{1,2}/,
+
+        preparse : function (string) {
+            return string;
+        },
+
+        postformat : function (string) {
+            return string;
+        },
+
+        week : function (mom) {
+            return weekOfYear(mom, this._week.dow, this._week.doy).week;
+        },
+
+        _week : {
+            dow : 0, // Sunday is the first day of the week.
+            doy : 6  // The week that contains Jan 1st is the first week of the year.
+        },
+
+        _invalidDate: 'Invalid date',
+        invalidDate: function () {
+            return this._invalidDate;
+        }
+    });
+
+    /************************************
+        Formatting
+    ************************************/
+
+
+    function removeFormattingTokens(input) {
+        if (input.match(/\[[\s\S]/)) {
+            return input.replace(/^\[|\]$/g, '');
+        }
+        return input.replace(/\\/g, '');
+    }
+
+    function makeFormatFunction(format) {
+        var array = format.match(formattingTokens), i, length;
+
+        for (i = 0, length = array.length; i < length; i++) {
+            if (formatTokenFunctions[array[i]]) {
+                array[i] = formatTokenFunctions[array[i]];
+            } else {
+                array[i] = removeFormattingTokens(array[i]);
+            }
+        }
+
+        return function (mom) {
+            var output = '';
+            for (i = 0; i < length; i++) {
+                output += array[i] instanceof Function ? array[i].call(mom, format) : array[i];
+            }
+            return output;
+        };
+    }
+
+    // format date using native date object
+    function formatMoment(m, format) {
+        if (!m.isValid()) {
+            return m.localeData().invalidDate();
+        }
+
+        format = expandFormat(format, m.localeData());
+
+        if (!formatFunctions[format]) {
+            formatFunctions[format] = makeFormatFunction(format);
+        }
+
+        return formatFunctions[format](m);
+    }
+
+    function expandFormat(format, locale) {
+        var i = 5;
+
+        function replaceLongDateFormatTokens(input) {
+            return locale.longDateFormat(input) || input;
+        }
+
+        localFormattingTokens.lastIndex = 0;
+        while (i >= 0 && localFormattingTokens.test(format)) {
+            format = format.replace(localFormattingTokens, replaceLongDateFormatTokens);
+            localFormattingTokens.lastIndex = 0;
+            i -= 1;
+        }
+
+        return format;
+    }
+
+
+    /************************************
+        Parsing
+    ************************************/
+
+
+    // get the regex to find the next token
+    function getParseRegexForToken(token, config) {
+        var a, strict = config._strict;
+        switch (token) {
+        case 'Q':
+            return parseTokenOneDigit;
+        case 'DDDD':
+            return parseTokenThreeDigits;
+        case 'YYYY':
+        case 'GGGG':
+        case 'gggg':
+            return strict ? parseTokenFourDigits : parseTokenOneToFourDigits;
+        case 'Y':
+        case 'G':
+        case 'g':
+            return parseTokenSignedNumber;
+        case 'YYYYYY':
+        case 'YYYYY':
+        case 'GGGGG':
+        case 'ggggg':
+            return strict ? parseTokenSixDigits : parseTokenOneToSixDigits;
+        case 'S':
+            if (strict) {
+                return parseTokenOneDigit;
+            }
+            /* falls through */
+        case 'SS':
+            if (strict) {
+                return parseTokenTwoDigits;
+            }
+            /* falls through */
+        case 'SSS':
+            if (strict) {
+                return parseTokenThreeDigits;
+            }
+            /* falls through */
+        case 'DDD':
+            return parseTokenOneToThreeDigits;
+        case 'MMM':
+        case 'MMMM':
+        case 'dd':
+        case 'ddd':
+        case 'dddd':
+            return parseTokenWord;
+        case 'a':
+        case 'A':
+            return config._locale._meridiemParse;
+        case 'x':
+            return parseTokenOffsetMs;
+        case 'X':
+            return parseTokenTimestampMs;
+        case 'Z':
+        case 'ZZ':
+            return parseTokenTimezone;
+        case 'T':
+            return parseTokenT;
+        case 'SSSS':
+            return parseTokenDigits;
+        case 'MM':
+        case 'DD':
+        case 'YY':
+        case 'GG':
+        case 'gg':
+        case 'HH':
+        case 'hh':
+        case 'mm':
+        case 'ss':
+        case 'ww':
+        case 'WW':
+            return strict ? parseTokenTwoDigits : parseTokenOneOrTwoDigits;
+        case 'M':
+        case 'D':
+        case 'd':
+        case 'H':
+        case 'h':
+        case 'm':
+        case 's':
+        case 'w':
+        case 'W':
+        case 'e':
+        case 'E':
+            return parseTokenOneOrTwoDigits;
+        case 'Do':
+            return strict ? config._locale._ordinalParse : config._locale._ordinalParseLenient;
+        default :
+            a = new RegExp(regexpEscape(unescapeFormat(token.replace('\\', '')), 'i'));
+            return a;
+        }
+    }
+
+    function timezoneMinutesFromString(string) {
+        string = string || '';
+        var possibleTzMatches = (string.match(parseTokenTimezone) || []),
+            tzChunk = possibleTzMatches[possibleTzMatches.length - 1] || [],
+            parts = (tzChunk + '').match(parseTimezoneChunker) || ['-', 0, 0],
+            minutes = +(parts[1] * 60) + toInt(parts[2]);
+
+        return parts[0] === '+' ? -minutes : minutes;
+    }
+
+    // function to convert string input to date
+    function addTimeToArrayFromToken(token, input, config) {
+        var a, datePartArray = config._a;
+
+        switch (token) {
+        // QUARTER
+        case 'Q':
+            if (input != null) {
+                datePartArray[MONTH] = (toInt(input) - 1) * 3;
+            }
+            break;
+        // MONTH
+        case 'M' : // fall through to MM
+        case 'MM' :
+            if (input != null) {
+                datePartArray[MONTH] = toInt(input) - 1;
+            }
+            break;
+        case 'MMM' : // fall through to MMMM
+        case 'MMMM' :
+            a = config._locale.monthsParse(input, token, config._strict);
+            // if we didn't find a month name, mark the date as invalid.
+            if (a != null) {
+                datePartArray[MONTH] = a;
+            } else {
+                config._pf.invalidMonth = input;
+            }
+            break;
+        // DAY OF MONTH
+        case 'D' : // fall through to DD
+        case 'DD' :
+            if (input != null) {
+                datePartArray[DATE] = toInt(input);
+            }
+            break;
+        case 'Do' :
+            if (input != null) {
+                datePartArray[DATE] = toInt(parseInt(
+                            input.match(/\d{1,2}/)[0], 10));
+            }
+            break;
+        // DAY OF YEAR
+        case 'DDD' : // fall through to DDDD
+        case 'DDDD' :
+            if (input != null) {
+                config._dayOfYear = toInt(input);
+            }
+
+            break;
+        // YEAR
+        case 'YY' :
+            datePartArray[YEAR] = moment.parseTwoDigitYear(input);
+            break;
+        case 'YYYY' :
+        case 'YYYYY' :
+        case 'YYYYYY' :
+            datePartArray[YEAR] = toInt(input);
+            break;
+        // AM / PM
+        case 'a' : // fall through to A
+        case 'A' :
+            config._isPm = config._locale.isPM(input);
+            break;
+        // HOUR
+        case 'h' : // fall through to hh
+        case 'hh' :
+            config._pf.bigHour = true;
+            /* falls through */
+        case 'H' : // fall through to HH
+        case 'HH' :
+            datePartArray[HOUR] = toInt(input);
+            break;
+        // MINUTE
+        case 'm' : // fall through to mm
+        case 'mm' :
+            datePartArray[MINUTE] = toInt(input);
+            break;
+        // SECOND
+        case 's' : // fall through to ss
+        case 'ss' :
+            datePartArray[SECOND] = toInt(input);
+            break;
+        // MILLISECOND
+        case 'S' :
+        case 'SS' :
+        case 'SSS' :
+        case 'SSSS' :
+            datePartArray[MILLISECOND] = toInt(('0.' + input) * 1000);
+            break;
+        // UNIX OFFSET (MILLISECONDS)
+        case 'x':
+            config._d = new Date(toInt(input));
+            break;
+        // UNIX TIMESTAMP WITH MS
+        case 'X':
+            config._d = new Date(parseFloat(input) * 1000);
+            break;
+        // TIMEZONE
+        case 'Z' : // fall through to ZZ
+        case 'ZZ' :
+            config._useUTC = true;
+            config._tzm = timezoneMinutesFromString(input);
+            break;
+        // WEEKDAY - human
+        case 'dd':
+        case 'ddd':
+        case 'dddd':
+            a = config._locale.weekdaysParse(input);
+            // if we didn't get a weekday name, mark the date as invalid
+            if (a != null) {
+                config._w = config._w || {};
+                config._w['d'] = a;
+            } else {
+                config._pf.invalidWeekday = input;
+            }
+            break;
+        // WEEK, WEEK DAY - numeric
+        case 'w':
+        case 'ww':
+        case 'W':
+        case 'WW':
+        case 'd':
+        case 'e':
+        case 'E':
+            token = token.substr(0, 1);
+            /* falls through */
+        case 'gggg':
+        case 'GGGG':
+        case 'GGGGG':
+            token = token.substr(0, 2);
+            if (input) {
+                config._w = config._w || {};
+                config._w[token] = toInt(input);
+            }
+            break;
+        case 'gg':
+        case 'GG':
+            config._w = config._w || {};
+            config._w[token] = moment.parseTwoDigitYear(input);
+        }
+    }
+
+    function dayOfYearFromWeekInfo(config) {
+        var w, weekYear, week, weekday, dow, doy, temp;
+
+        w = config._w;
+        if (w.GG != null || w.W != null || w.E != null) {
+            dow = 1;
+            doy = 4;
+
+            // TODO: We need to take the current isoWeekYear, but that depends on
+            // how we interpret now (local, utc, fixed offset). So create
+            // a now version of current config (take local/utc/offset flags, and
+            // create now).
+            weekYear = dfl(w.GG, config._a[YEAR], weekOfYear(moment(), 1, 4).year);
+            week = dfl(w.W, 1);
+            weekday = dfl(w.E, 1);
+        } else {
+            dow = config._locale._week.dow;
+            doy = config._locale._week.doy;
+
+            weekYear = dfl(w.gg, config._a[YEAR], weekOfYear(moment(), dow, doy).year);
+            week = dfl(w.w, 1);
+
+            if (w.d != null) {
+                // weekday -- low day numbers are considered next week
+                weekday = w.d;
+                if (weekday < dow) {
+                    ++week;
+                }
+            } else if (w.e != null) {
+                // local weekday -- counting starts from begining of week
+                weekday = w.e + dow;
+            } else {
+                // default to begining of week
+                weekday = dow;
+            }
+        }
+        temp = dayOfYearFromWeeks(weekYear, week, weekday, doy, dow);
+
+        config._a[YEAR] = temp.year;
+        config._dayOfYear = temp.dayOfYear;
+    }
+
+    // convert an array to a date.
+    // the array should mirror the parameters below
+    // note: all values past the year are optional and will default to the lowest possible value.
+    // [year, month, day , hour, minute, second, millisecond]
+    function dateFromConfig(config) {
+        var i, date, input = [], currentDate, yearToUse;
+
+        if (config._d) {
+            return;
+        }
+
+        currentDate = currentDateArray(config);
+
+        //compute day of the year from weeks and weekdays
+        if (config._w && config._a[DATE] == null && config._a[MONTH] == null) {
+            dayOfYearFromWeekInfo(config);
+        }
+
+        //if the day of the year is set, figure out what it is
+        if (config._dayOfYear) {
+            yearToUse = dfl(config._a[YEAR], currentDate[YEAR]);
+
+            if (config._dayOfYear > daysInYear(yearToUse)) {
+                config._pf._overflowDayOfYear = true;
+            }
+
+            date = makeUTCDate(yearToUse, 0, config._dayOfYear);
+            config._a[MONTH] = date.getUTCMonth();
+            config._a[DATE] = date.getUTCDate();
+        }
+
+        // Default to current date.
+        // * if no year, month, day of month are given, default to today
+        // * if day of month is given, default month and year
+        // * if month is given, default only year
+        // * if year is given, don't default anything
+        for (i = 0; i < 3 && config._a[i] == null; ++i) {
+            config._a[i] = input[i] = currentDate[i];
+        }
+
+        // Zero out whatever was not defaulted, including time
+        for (; i < 7; i++) {
+            config._a[i] = input[i] = (config._a[i] == null) ? (i === 2 ? 1 : 0) : config._a[i];
+        }
+
+        // Check for 24:00:00.000
+        if (config._a[HOUR] === 24 &&
+                config._a[MINUTE] === 0 &&
+                config._a[SECOND] === 0 &&
+                config._a[MILLISECOND] === 0) {
+            config._nextDay = true;
+            config._a[HOUR] = 0;
+        }
+
+        config._d = (config._useUTC ? makeUTCDate : makeDate).apply(null, input);
+        // Apply timezone offset from input. The actual zone can be changed
+        // with parseZone.
+        if (config._tzm != null) {
+            config._d.setUTCMinutes(config._d.getUTCMinutes() + config._tzm);
+        }
+
+        if (config._nextDay) {
+            config._a[HOUR] = 24;
+        }
+    }
+
+    function dateFromObject(config) {
+        var normalizedInput;
+
+        if (config._d) {
+            return;
+        }
+
+        normalizedInput = normalizeObjectUnits(config._i);
+        config._a = [
+            normalizedInput.year,
+            normalizedInput.month,
+            normalizedInput.day || normalizedInput.date,
+            normalizedInput.hour,
+            normalizedInput.minute,
+            normalizedInput.second,
+            normalizedInput.millisecond
+        ];
+
+        dateFromConfig(config);
+    }
+
+    function currentDateArray(config) {
+        var now = new Date();
+        if (config._useUTC) {
+            return [
+                now.getUTCFullYear(),
+                now.getUTCMonth(),
+                now.getUTCDate()
+            ];
+        } else {
+            return [now.getFullYear(), now.getMonth(), now.getDate()];
+        }
+    }
+
+    // date from string and format string
+    function makeDateFromStringAndFormat(config) {
+        if (config._f === moment.ISO_8601) {
+            parseISO(config);
+            return;
+        }
+
+        config._a = [];
+        config._pf.empty = true;
+
+        // This array is used to make a Date, either with `new Date` or `Date.UTC`
+        var string = '' + config._i,
+            i, parsedInput, tokens, token, skipped,
+            stringLength = string.length,
+            totalParsedInputLength = 0;
+
+        tokens = expandFormat(config._f, config._locale).match(formattingTokens) || [];
+
+        for (i = 0; i < tokens.length; i++) {
+            token = tokens[i];
+            parsedInput = (string.match(getParseRegexForToken(token, config)) || [])[0];
+            if (parsedInput) {
+                skipped = string.substr(0, string.indexOf(parsedInput));
+                if (skipped.length > 0) {
+                    config._pf.unusedInput.push(skipped);
+                }
+                string = string.slice(string.indexOf(parsedInput) + parsedInput.length);
+                totalParsedInputLength += parsedInput.length;
+            }
+            // don't parse if it's not a known token
+            if (formatTokenFunctions[token]) {
+                if (parsedInput) {
+                    config._pf.empty = false;
+                }
+                else {
+                    config._pf.unusedTokens.push(token);
+                }
+                addTimeToArrayFromToken(token, parsedInput, config);
+            }
+            else if (config._strict && !parsedInput) {
+                config._pf.unusedTokens.push(token);
+            }
+        }
+
+        // add remaining unparsed input length to the string
+        config._pf.charsLeftOver = stringLength - totalParsedInputLength;
+        if (string.length > 0) {
+            config._pf.unusedInput.push(string);
+        }
+
+        // clear _12h flag if hour is <= 12
+        if (config._pf.bigHour === true && config._a[HOUR] <= 12) {
+            config._pf.bigHour = undefined;
+        }
+        // handle am pm
+        if (config._isPm && config._a[HOUR] < 12) {
+            config._a[HOUR] += 12;
+        }
+        // if is 12 am, change hours to 0
+        if (config._isPm === false && config._a[HOUR] === 12) {
+            config._a[HOUR] = 0;
+        }
+        dateFromConfig(config);
+        checkOverflow(config);
+    }
+
+    function unescapeFormat(s) {
+        return s.replace(/\\(\[)|\\(\])|\[([^\]\[]*)\]|\\(.)/g, function (matched, p1, p2, p3, p4) {
+            return p1 || p2 || p3 || p4;
+        });
+    }
+
+    // Code from http://stackoverflow.com/questions/3561493/is-there-a-regexp-escape-function-in-javascript
+    function regexpEscape(s) {
+        return s.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&');
+    }
+
+    // date from string and array of format strings
+    function makeDateFromStringAndArray(config) {
+        var tempConfig,
+            bestMoment,
+
+            scoreToBeat,
+            i,
+            currentScore;
+
+        if (config._f.length === 0) {
+            config._pf.invalidFormat = true;
+            config._d = new Date(NaN);
+            return;
+        }
+
+        for (i = 0; i < config._f.length; i++) {
+            currentScore = 0;
+            tempConfig = copyConfig({}, config);
+            if (config._useUTC != null) {
+                tempConfig._useUTC = config._useUTC;
+            }
+            tempConfig._pf = defaultParsingFlags();
+            tempConfig._f = config._f[i];
+            makeDateFromStringAndFormat(tempConfig);
+
+            if (!isValid(tempConfig)) {
+                continue;
+            }
+
+            // if there is any input that was not parsed add a penalty for that format
+            currentScore += tempConfig._pf.charsLeftOver;
+
+            //or tokens
+            currentScore += tempConfig._pf.unusedTokens.length * 10;
+
+            tempConfig._pf.score = currentScore;
+
+            if (scoreToBeat == null || currentScore < scoreToBeat) {
+                scoreToBeat = currentScore;
+                bestMoment = tempConfig;
+            }
+        }
+
+        extend(config, bestMoment || tempConfig);
+    }
+
+    // date from iso format
+    function parseISO(config) {
+        var i, l,
+            string = config._i,
+            match = isoRegex.exec(string);
+
+        if (match) {
+            config._pf.iso = true;
+            for (i = 0, l = isoDates.length; i < l; i++) {
+                if (isoDates[i][1].exec(string)) {
+                    // match[5] should be 'T' or undefined
+                    config._f = isoDates[i][0] + (match[6] || ' ');
+                    break;
+                }
+            }
+            for (i = 0, l = isoTimes.length; i < l; i++) {
+                if (isoTimes[i][1].exec(string)) {
+                    config._f += isoTimes[i][0];
+                    break;
+                }
+            }
+            if (string.match(parseTokenTimezone)) {
+                config._f += 'Z';
+            }
+            makeDateFromStringAndFormat(config);
+        } else {
+            config._isValid = false;
+        }
+    }
+
+    // date from iso format or fallback
+    function makeDateFromString(config) {
+        parseISO(config);
+        if (config._isValid === false) {
+            delete config._isValid;
+            moment.createFromInputFallback(config);
+        }
+    }
+
+    function map(arr, fn) {
+        var res = [], i;
+        for (i = 0; i < arr.length; ++i) {
+            res.push(fn(arr[i], i));
+        }
+        return res;
+    }
+
+    function makeDateFromInput(config) {
+        var input = config._i, matched;
+        if (input === undefined) {
+            config._d = new Date();
+        } else if (isDate(input)) {
+            config._d = new Date(+input);
+        } else if ((matched = aspNetJsonRegex.exec(input)) !== null) {
+            config._d = new Date(+matched[1]);
+        } else if (typeof input === 'string') {
+            makeDateFromString(config);
+        } else if (isArray(input)) {
+            config._a = map(input.slice(0), function (obj) {
+                return parseInt(obj, 10);
+            });
+            dateFromConfig(config);
+        } else if (typeof(input) === 'object') {
+            dateFromObject(config);
+        } else if (typeof(input) === 'number') {
+            // from milliseconds
+            config._d = new Date(input);
+        } else {
+            moment.createFromInputFallback(config);
+        }
+    }
+
+    function makeDate(y, m, d, h, M, s, ms) {
+        //can't just apply() to create a date:
+        //http://stackoverflow.com/questions/181348/instantiating-a-javascript-object-by-calling-prototype-constructor-apply
+        var date = new Date(y, m, d, h, M, s, ms);
+
+        //the date constructor doesn't accept years < 1970
+        if (y < 1970) {
+            date.setFullYear(y);
+        }
+        return date;
+    }
+
+    function makeUTCDate(y) {
+        var date = new Date(Date.UTC.apply(null, arguments));
+        if (y < 1970) {
+            date.setUTCFullYear(y);
+        }
+        return date;
+    }
+
+    function parseWeekday(input, locale) {
+        if (typeof input === 'string') {
+            if (!isNaN(input)) {
+                input = parseInt(input, 10);
+            }
+            else {
+                input = locale.weekdaysParse(input);
+                if (typeof input !== 'number') {
+                    return null;
+                }
+            }
+        }
+        return input;
+    }
+
+    /************************************
+        Relative Time
+    ************************************/
+
+
+    // helper function for moment.fn.from, moment.fn.fromNow, and moment.duration.fn.humanize
+    function substituteTimeAgo(string, number, withoutSuffix, isFuture, locale) {
+        return locale.relativeTime(number || 1, !!withoutSuffix, string, isFuture);
+    }
+
+    function relativeTime(posNegDuration, withoutSuffix, locale) {
+        var duration = moment.duration(posNegDuration).abs(),
+            seconds = round(duration.as('s')),
+            minutes = round(duration.as('m')),
+            hours = round(duration.as('h')),
+            days = round(duration.as('d')),
+            months = round(duration.as('M')),
+            years = round(duration.as('y')),
+
+            args = seconds < relativeTimeThresholds.s && ['s', seconds] ||
+                minutes === 1 && ['m'] ||
+                minutes < relativeTimeThresholds.m && ['mm', minutes] ||
+                hours === 1 && ['h'] ||
+                hours < relativeTimeThresholds.h && ['hh', hours] ||
+                days === 1 && ['d'] ||
+                days < relativeTimeThresholds.d && ['dd', days] ||
+                months === 1 && ['M'] ||
+                months < relativeTimeThresholds.M && ['MM', months] ||
+                years === 1 && ['y'] || ['yy', years];
+
+        args[2] = withoutSuffix;
+        args[3] = +posNegDuration > 0;
+        args[4] = locale;
+        return substituteTimeAgo.apply({}, args);
+    }
+
+
+    /************************************
+        Week of Year
+    ************************************/
+
+
+    // firstDayOfWeek       0 = sun, 6 = sat
+    //                      the day of the week that starts the week
+    //                      (usually sunday or monday)
+    // firstDayOfWeekOfYear 0 = sun, 6 = sat
+    //                      the first week is the week that contains the first
+    //                      of this day of the week
+    //                      (eg. ISO weeks use thursday (4))
+    function weekOfYear(mom, firstDayOfWeek, firstDayOfWeekOfYear) {
+        var end = firstDayOfWeekOfYear - firstDayOfWeek,
+            daysToDayOfWeek = firstDayOfWeekOfYear - mom.day(),
+            adjustedMoment;
+
+
+        if (daysToDayOfWeek > end) {
+            daysToDayOfWeek -= 7;
+        }
+
+        if (daysToDayOfWeek < end - 7) {
+            daysToDayOfWeek += 7;
+        }
+
+        adjustedMoment = moment(mom).add(daysToDayOfWeek, 'd');
+        return {
+            week: Math.ceil(adjustedMoment.dayOfYear() / 7),
+            year: adjustedMoment.year()
+        };
+    }
+
+    //http://en.wikipedia.org/wiki/ISO_week_date#Calculating_a_date_given_the_year.2C_week_number_and_weekday
+    function dayOfYearFromWeeks(year, week, weekday, firstDayOfWeekOfYear, firstDayOfWeek) {
+        var d = makeUTCDate(year, 0, 1).getUTCDay(), daysToAdd, dayOfYear;
+
+        d = d === 0 ? 7 : d;
+        weekday = weekday != null ? weekday : firstDayOfWeek;
+        daysToAdd = firstDayOfWeek - d + (d > firstDayOfWeekOfYear ? 7 : 0) - (d < firstDayOfWeek ? 7 : 0);
+        dayOfYear = 7 * (week - 1) + (weekday - firstDayOfWeek) + daysToAdd + 1;
+
+        return {
+            year: dayOfYear > 0 ? year : year - 1,
+            dayOfYear: dayOfYear > 0 ?  dayOfYear : daysInYear(year - 1) + dayOfYear
+        };
+    }
+
+    /************************************
+        Top Level Functions
+    ************************************/
+
+    function makeMoment(config) {
+        var input = config._i,
+            format = config._f,
+            res;
+
+        config._locale = config._locale || moment.localeData(config._l);
+
+        if (input === null || (format === undefined && input === '')) {
+            return moment.invalid({nullInput: true});
+        }
+
+        if (typeof input === 'string') {
+            config._i = input = config._locale.preparse(input);
+        }
+
+        if (moment.isMoment(input)) {
+            return new Moment(input, true);
+        } else if (format) {
+            if (isArray(format)) {
+                makeDateFromStringAndArray(config);
+            } else {
+                makeDateFromStringAndFormat(config);
+            }
+        } else {
+            makeDateFromInput(config);
+        }
+
+        res = new Moment(config);
+        if (res._nextDay) {
+            // Adding is smart enough around DST
+            res.add(1, 'd');
+            res._nextDay = undefined;
+        }
+
+        return res;
+    }
+
+    moment = function (input, format, locale, strict) {
+        var c;
+
+        if (typeof(locale) === 'boolean') {
+            strict = locale;
+            locale = undefined;
+        }
+        // object construction must be done this way.
+        // https://github.com/moment/moment/issues/1423
+        c = {};
+        c._isAMomentObject = true;
+        c._i = input;
+        c._f = format;
+        c._l = locale;
+        c._strict = strict;
+        c._isUTC = false;
+        c._pf = defaultParsingFlags();
+
+        return makeMoment(c);
+    };
+
+    moment.suppressDeprecationWarnings = false;
+
+    moment.createFromInputFallback = deprecate(
+        'moment construction falls back to js Date. This is ' +
+        'discouraged and will be removed in upcoming major ' +
+        'release. Please refer to ' +
+        'https://github.com/moment/moment/issues/1407 for more info.',
+        function (config) {
+            config._d = new Date(config._i + (config._useUTC ? ' UTC' : ''));
+        }
+    );
+
+    // Pick a moment m from moments so that m[fn](other) is true for all
+    // other. This relies on the function fn to be transitive.
+    //
+    // moments should either be an array of moment objects or an array, whose
+    // first element is an array of moment objects.
+    function pickBy(fn, moments) {
+        var res, i;
+        if (moments.length === 1 && isArray(moments[0])) {
+            moments = moments[0];
+        }
+        if (!moments.length) {
+            return moment();
+        }
+        res = moments[0];
+        for (i = 1; i < moments.length; ++i) {
+            if (moments[i][fn](res)) {
+                res = moments[i];
+            }
+        }
+        return res;
+    }
+
+    moment.min = function () {
+        var args = [].slice.call(arguments, 0);
+
+        return pickBy('isBefore', args);
+    };
+
+    moment.max = function () {
+        var args = [].slice.call(arguments, 0);
+
+        return pickBy('isAfter', args);
+    };
+
+    // creating with utc
+    moment.utc = function (input, format, locale, strict) {
+        var c;
+
+        if (typeof(locale) === 'boolean') {
+            strict = locale;
+            locale = undefined;
+        }
+        // object construction must be done this way.
+        // https://github.com/moment/moment/issues/1423
+        c = {};
+        c._isAMomentObject = true;
+        c._useUTC = true;
+        c._isUTC = true;
+        c._l = locale;
+        c._i = input;
+        c._f = format;
+        c._strict = strict;
+        c._pf = defaultParsingFlags();
+
+        return makeMoment(c).utc();
+    };
+
+    // creating with unix timestamp (in seconds)
+    moment.unix = function (input) {
+        return moment(input * 1000);
+    };
+
+    // duration
+    moment.duration = function (input, key) {
+        var duration = input,
+            // matching against regexp is expensive, do it on demand
+            match = null,
+            sign,
+            ret,
+            parseIso,
+            diffRes;
+
+        if (moment.isDuration(input)) {
+            duration = {
+                ms: input._milliseconds,
+                d: input._days,
+                M: input._months
+            };
+        } else if (typeof input === 'number') {
+            duration = {};
+            if (key) {
+                duration[key] = input;
+            } else {
+                duration.milliseconds = input;
+            }
+        } else if (!!(match = aspNetTimeSpanJsonRegex.exec(input))) {
+            sign = (match[1] === '-') ? -1 : 1;
+            duration = {
+                y: 0,
+                d: toInt(match[DATE]) * sign,
+                h: toInt(match[HOUR]) * sign,
+                m: toInt(match[MINUTE]) * sign,
+                s: toInt(match[SECOND]) * sign,
+                ms: toInt(match[MILLISECOND]) * sign
+            };
+        } else if (!!(match = isoDurationRegex.exec(input))) {
+            sign = (match[1] === '-') ? -1 : 1;
+            parseIso = function (inp) {
+                // We'd normally use ~~inp for this, but unfortunately it also
+                // converts floats to ints.
+                // inp may be undefined, so careful calling replace on it.
+                var res = inp && parseFloat(inp.replace(',', '.'));
+                // apply sign while we're at it
+                return (isNaN(res) ? 0 : res) * sign;
+            };
+            duration = {
+                y: parseIso(match[2]),
+                M: parseIso(match[3]),
+                d: parseIso(match[4]),
+                h: parseIso(match[5]),
+                m: parseIso(match[6]),
+                s: parseIso(match[7]),
+                w: parseIso(match[8])
+            };
+        } else if (typeof duration === 'object' &&
+                ('from' in duration || 'to' in duration)) {
+            diffRes = momentsDifference(moment(duration.from), moment(duration.to));
+
+            duration = {};
+            duration.ms = diffRes.milliseconds;
+            duration.M = diffRes.months;
+        }
+
+        ret = new Duration(duration);
+
+        if (moment.isDuration(input) && hasOwnProp(input, '_locale')) {
+            ret._locale = input._locale;
+        }
+
+        return ret;
+    };
+
+    // version number
+    moment.version = VERSION;
+
+    // default format
+    moment.defaultFormat = isoFormat;
+
+    // constant that refers to the ISO standard
+    moment.ISO_8601 = function () {};
+
+    // Plugins that add properties should also add the key here (null value),
+    // so we can properly clone ourselves.
+    moment.momentProperties = momentProperties;
+
+    // This function will be called whenever a moment is mutated.
+    // It is intended to keep the offset in sync with the timezone.
+    moment.updateOffset = function () {};
+
+    // This function allows you to set a threshold for relative time strings
+    moment.relativeTimeThreshold = function (threshold, limit) {
+        if (relativeTimeThresholds[threshold] === undefined) {
+            return false;
+        }
+        if (limit === undefined) {
+            return relativeTimeThresholds[threshold];
+        }
+        relativeTimeThresholds[threshold] = limit;
+        return true;
+    };
+
+    moment.lang = deprecate(
+        'moment.lang is deprecated. Use moment.locale instead.',
+        function (key, value) {
+            return moment.locale(key, value);
+        }
+    );
+
+    // This function will load locale and then set the global locale.  If
+    // no arguments are passed in, it will simply return the current global
+    // locale key.
+    moment.locale = function (key, values) {
+        var data;
+        if (key) {
+            if (typeof(values) !== 'undefined') {
+                data = moment.defineLocale(key, values);
+            }
+            else {
+                data = moment.localeData(key);
+            }
+
+            if (data) {
+                moment.duration._locale = moment._locale = data;
+            }
+        }
+
+        return moment._locale._abbr;
+    };
+
+    moment.defineLocale = function (name, values) {
+        if (values !== null) {
+            values.abbr = name;
+            if (!locales[name]) {
+                locales[name] = new Locale();
+            }
+            locales[name].set(values);
+
+            // backwards compat for now: also set the locale
+            moment.locale(name);
+
+            return locales[name];
+        } else {
+            // useful for testing
+            delete locales[name];
+            return null;
+        }
+    };
+
+    moment.langData = deprecate(
+        'moment.langData is deprecated. Use moment.localeData instead.',
+        function (key) {
+            return moment.localeData(key);
+        }
+    );
+
+    // returns locale data
+    moment.localeData = function (key) {
+        var locale;
+
+        if (key && key._locale && key._locale._abbr) {
+            key = key._locale._abbr;
+        }
+
+        if (!key) {
+            return moment._locale;
+        }
+
+        if (!isArray(key)) {
+            //short-circuit everything else
+            locale = loadLocale(key);
+            if (locale) {
+                return locale;
+            }
+            key = [key];
+        }
+
+        return chooseLocale(key);
+    };
+
+    // compare moment object
+    moment.isMoment = function (obj) {
+        return obj instanceof Moment ||
+            (obj != null && hasOwnProp(obj, '_isAMomentObject'));
+    };
+
+    // for typechecking Duration objects
+    moment.isDuration = function (obj) {
+        return obj instanceof Duration;
+    };
+
+    for (i = lists.length - 1; i >= 0; --i) {
+        makeList(lists[i]);
+    }
+
+    moment.normalizeUnits = function (units) {
+        return normalizeUnits(units);
+    };
+
+    moment.invalid = function (flags) {
+        var m = moment.utc(NaN);
+        if (flags != null) {
+            extend(m._pf, flags);
+        }
+        else {
+            m._pf.userInvalidated = true;
+        }
+
+        return m;
+    };
+
+    moment.parseZone = function () {
+        return moment.apply(null, arguments).parseZone();
+    };
+
+    moment.parseTwoDigitYear = function (input) {
+        return toInt(input) + (toInt(input) > 68 ? 1900 : 2000);
+    };
+
+    /************************************
+        Moment Prototype
+    ************************************/
+
+
+    extend(moment.fn = Moment.prototype, {
+
+        clone : function () {
+            return moment(this);
+        },
+
+        valueOf : function () {
+            return +this._d + ((this._offset || 0) * 60000);
+        },
+
+        unix : function () {
+            return Math.floor(+this / 1000);
+        },
+
+        toString : function () {
+            return this.clone().locale('en').format('ddd MMM DD YYYY HH:mm:ss [GMT]ZZ');
+        },
+
+        toDate : function () {
+            return this._offset ? new Date(+this) : this._d;
+        },
+
+        toISOString : function () {
+            var m = moment(this).utc();
+            if (0 < m.year() && m.year() <= 9999) {
+                if ('function' === typeof Date.prototype.toISOString) {
+                    // native implementation is ~50x faster, use it when we can
+                    return this.toDate().toISOString();
+                } else {
+                    return formatMoment(m, 'YYYY-MM-DD[T]HH:mm:ss.SSS[Z]');
+                }
+            } else {
+                return formatMoment(m, 'YYYYYY-MM-DD[T]HH:mm:ss.SSS[Z]');
+            }
+        },
+
+        toArray : function () {
+            var m = this;
+            return [
+                m.year(),
+                m.month(),
+                m.date(),
+                m.hours(),
+                m.minutes(),
+                m.seconds(),
+                m.milliseconds()
+            ];
+        },
+
+        isValid : function () {
+            return isValid(this);
+        },
+
+        isDSTShifted : function () {
+            if (this._a) {
+                return this.isValid() && compareArrays(this._a, (this._isUTC ? moment.utc(this._a) : moment(this._a)).toArray()) > 0;
+            }
+
+            return false;
+        },
+
+        parsingFlags : function () {
+            return extend({}, this._pf);
+        },
+
+        invalidAt: function () {
+            return this._pf.overflow;
+        },
+
+        utc : function (keepLocalTime) {
+            return this.zone(0, keepLocalTime);
+        },
+
+        local : function (keepLocalTime) {
+            if (this._isUTC) {
+                this.zone(0, keepLocalTime);
+                this._isUTC = false;
+
+                if (keepLocalTime) {
+                    this.add(this._dateTzOffset(), 'm');
+                }
+            }
+            return this;
+        },
+
+        format : function (inputString) {
+            var output = formatMoment(this, inputString || moment.defaultFormat);
+            return this.localeData().postformat(output);
+        },
+
+        add : createAdder(1, 'add'),
+
+        subtract : createAdder(-1, 'subtract'),
+
+        diff : function (input, units, asFloat) {
+            var that = makeAs(input, this),
+                zoneDiff = (this.zone() - that.zone()) * 6e4,
+                diff, output, daysAdjust;
+
+            units = normalizeUnits(units);
+
+            if (units === 'year' || units === 'month') {
+                // average number of days in the months in the given dates
+                diff = (this.daysInMonth() + that.daysInMonth()) * 432e5; // 24 * 60 * 60 * 1000 / 2
+                // difference in months
+                output = ((this.year() - that.year()) * 12) + (this.month() - that.month());
+                // adjust by taking difference in days, average number of days
+                // and dst in the given months.
+                daysAdjust = (this - moment(this).startOf('month')) -
+                    (that - moment(that).startOf('month'));
+                // same as above but with zones, to negate all dst
+                daysAdjust -= ((this.zone() - moment(this).startOf('month').zone()) -
+                        (that.zone() - moment(that).startOf('month').zone())) * 6e4;
+                output += daysAdjust / diff;
+                if (units === 'year') {
+                    output = output / 12;
+                }
+            } else {
+                diff = (this - that);
+                output = units === 'second' ? diff / 1e3 : // 1000
+                    units === 'minute' ? diff / 6e4 : // 1000 * 60
+                    units === 'hour' ? diff / 36e5 : // 1000 * 60 * 60
+                    units === 'day' ? (diff - zoneDiff) / 864e5 : // 1000 * 60 * 60 * 24, negate dst
+                    units === 'week' ? (diff - zoneDiff) / 6048e5 : // 1000 * 60 * 60 * 24 * 7, negate dst
+                    diff;
+            }
+            return asFloat ? output : absRound(output);
+        },
+
+        from : function (time, withoutSuffix) {
+            return moment.duration({to: this, from: time}).locale(this.locale()).humanize(!withoutSuffix);
+        },
+
+        fromNow : function (withoutSuffix) {
+            return this.from(moment(), withoutSuffix);
+        },
+
+        calendar : function (time) {
+            // We want to compare the start of today, vs this.
+            // Getting start-of-today depends on whether we're zone'd or not.
+            var now = time || moment(),
+                sod = makeAs(now, this).startOf('day'),
+                diff = this.diff(sod, 'days', true),
+                format = diff < -6 ? 'sameElse' :
+                    diff < -1 ? 'lastWeek' :
+                    diff < 0 ? 'lastDay' :
+                    diff < 1 ? 'sameDay' :
+                    diff < 2 ? 'nextDay' :
+                    diff < 7 ? 'nextWeek' : 'sameElse';
+            return this.format(this.localeData().calendar(format, this, moment(now)));
+        },
+
+        isLeapYear : function () {
+            return isLeapYear(this.year());
+        },
+
+        isDST : function () {
+            return (this.zone() < this.clone().month(0).zone() ||
+                this.zone() < this.clone().month(5).zone());
+        },
+
+        day : function (input) {
+            var day = this._isUTC ? this._d.getUTCDay() : this._d.getDay();
+            if (input != null) {
+                input = parseWeekday(input, this.localeData());
+                return this.add(input - day, 'd');
+            } else {
+                return day;
+            }
+        },
+
+        month : makeAccessor('Month', true),
+
+        startOf : function (units) {
+            units = normalizeUnits(units);
+            // the following switch intentionally omits break keywords
+            // to utilize falling through the cases.
+            switch (units) {
+            case 'year':
+                this.month(0);
+                /* falls through */
+            case 'quarter':
+            case 'month':
+                this.date(1);
+                /* falls through */
+            case 'week':
+            case 'isoWeek':
+            case 'day':
+                this.hours(0);
+                /* falls through */
+            case 'hour':
+                this.minutes(0);
+                /* falls through */
+            case 'minute':
+                this.seconds(0);
+                /* falls through */
+            case 'second':
+                this.milliseconds(0);
+                /* falls through */
+            }
+
+            // weeks are a special case
+            if (units === 'week') {
+                this.weekday(0);
+            } else if (units === 'isoWeek') {
+                this.isoWeekday(1);
+            }
+
+            // quarters are also special
+            if (units === 'quarter') {
+                this.month(Math.floor(this.month() / 3) * 3);
+            }
+
+            return this;
+        },
+
+        endOf: function (units) {
+            units = normalizeUnits(units);
+            if (units === undefined || units === 'millisecond') {
+                return this;
+            }
+            return this.startOf(units).add(1, (units === 'isoWeek' ? 'week' : units)).subtract(1, 'ms');
+        },
+
+        isAfter: function (input, units) {
+            var inputMs;
+            units = normalizeUnits(typeof units !== 'undefined' ? units : 'millisecond');
+            if (units === 'millisecond') {
+                input = moment.isMoment(input) ? input : moment(input);
+                return +this > +input;
+            } else {
+                inputMs = moment.isMoment(input) ? +input : +moment(input);
+                return inputMs < +this.clone().startOf(units);
+            }
+        },
+
+        isBefore: function (input, units) {
+            var inputMs;
+            units = normalizeUnits(typeof units !== 'undefined' ? units : 'millisecond');
+            if (units === 'millisecond') {
+                input = moment.isMoment(input) ? input : moment(input);
+                return +this < +input;
+            } else {
+                inputMs = moment.isMoment(input) ? +input : +moment(input);
+                return +this.clone().endOf(units) < inputMs;
+            }
+        },
+
+        isSame: function (input, units) {
+            var inputMs;
+            units = normalizeUnits(units || 'millisecond');
+            if (units === 'millisecond') {
+                input = moment.isMoment(input) ? input : moment(input);
+                return +this === +input;
+            } else {
+                inputMs = +moment(input);
+                return +(this.clone().startOf(units)) <= inputMs && inputMs <= +(this.clone().endOf(units));
+            }
+        },
+
+        min: deprecate(
+                 'moment().min is deprecated, use moment.min instead. https://github.com/moment/moment/issues/1548',
+                 function (other) {
+                     other = moment.apply(null, arguments);
+                     return other < this ? this : other;
+                 }
+         ),
+
+        max: deprecate(
+                'moment().max is deprecated, use moment.max instead. https://github.com/moment/moment/issues/1548',
+                function (other) {
+                    other = moment.apply(null, arguments);
+                    return other > this ? this : other;
+                }
+        ),
+
+        // keepLocalTime = true means only change the timezone, without
+        // affecting the local hour. So 5:31:26 +0300 --[zone(2, true)]-->
+        // 5:31:26 +0200 It is possible that 5:31:26 doesn't exist int zone
+        // +0200, so we adjust the time as needed, to be valid.
+        //
+        // Keeping the time actually adds/subtracts (one hour)
+        // from the actual represented time. That is why we call updateOffset
+        // a second time. In case it wants us to change the offset again
+        // _changeInProgress == true case, then we have to adjust, because
+        // there is no such time in the given timezone.
+        zone : function (input, keepLocalTime) {
+            var offset = this._offset || 0,
+                localAdjust;
+            if (input != null) {
+                if (typeof input === 'string') {
+                    input = timezoneMinutesFromString(input);
+                }
+                if (Math.abs(input) < 16) {
+                    input = input * 60;
+                }
+                if (!this._isUTC && keepLocalTime) {
+                    localAdjust = this._dateTzOffset();
+                }
+                this._offset = input;
+                this._isUTC = true;
+                if (localAdjust != null) {
+                    this.subtract(localAdjust, 'm');
+                }
+                if (offset !== input) {
+                    if (!keepLocalTime || this._changeInProgress) {
+                        addOrSubtractDurationFromMoment(this,
+                                moment.duration(offset - input, 'm'), 1, false);
+                    } else if (!this._changeInProgress) {
+                        this._changeInProgress = true;
+                        moment.updateOffset(this, true);
+                        this._changeInProgress = null;
+                    }
+                }
+            } else {
+                return this._isUTC ? offset : this._dateTzOffset();
+            }
+            return this;
+        },
+
+        zoneAbbr : function () {
+            return this._isUTC ? 'UTC' : '';
+        },
+
+        zoneName : function () {
+            return this._isUTC ? 'Coordinated Universal Time' : '';
+        },
+
+        parseZone : function () {
+            if (this._tzm) {
+                this.zone(this._tzm);
+            } else if (typeof this._i === 'string') {
+                this.zone(this._i);
+            }
+            return this;
+        },
+
+        hasAlignedHourOffset : function (input) {
+            if (!input) {
+                input = 0;
+            }
+            else {
+                input = moment(input).zone();
+            }
+
+            return (this.zone() - input) % 60 === 0;
+        },
+
+        daysInMonth : function () {
+            return daysInMonth(this.year(), this.month());
+        },
+
+        dayOfYear : function (input) {
+            var dayOfYear = round((moment(this).startOf('day') - moment(this).startOf('year')) / 864e5) + 1;
+            return input == null ? dayOfYear : this.add((input - dayOfYear), 'd');
+        },
+
+        quarter : function (input) {
+            return input == null ? Math.ceil((this.month() + 1) / 3) : this.month((input - 1) * 3 + this.month() % 3);
+        },
+
+        weekYear : function (input) {
+            var year = weekOfYear(this, this.localeData()._week.dow, this.localeData()._week.doy).year;
+            return input == null ? year : this.add((input - year), 'y');
+        },
+
+        isoWeekYear : function (input) {
+            var year = weekOfYear(this, 1, 4).year;
+            return input == null ? year : this.add((input - year), 'y');
+        },
+
+        week : function (input) {
+            var week = this.localeData().week(this);
+            return input == null ? week : this.add((input - week) * 7, 'd');
+        },
+
+        isoWeek : function (input) {
+            var week = weekOfYear(this, 1, 4).week;
+            return input == null ? week : this.add((input - week) * 7, 'd');
+        },
+
+        weekday : function (input) {
+            var weekday = (this.day() + 7 - this.localeData()._week.dow) % 7;
+            return input == null ? weekday : this.add(input - weekday, 'd');
+        },
+
+        isoWeekday : function (input) {
+            // behaves the same as moment#day except
+            // as a getter, returns 7 instead of 0 (1-7 range instead of 0-6)
+            // as a setter, sunday should belong to the previous week.
+            return input == null ? this.day() || 7 : this.day(this.day() % 7 ? input : input - 7);
+        },
+
+        isoWeeksInYear : function () {
+            return weeksInYear(this.year(), 1, 4);
+        },
+
+        weeksInYear : function () {
+            var weekInfo = this.localeData()._week;
+            return weeksInYear(this.year(), weekInfo.dow, weekInfo.doy);
+        },
+
+        get : function (units) {
+            units = normalizeUnits(units);
+            return this[units]();
+        },
+
+        set : function (units, value) {
+            units = normalizeUnits(units);
+            if (typeof this[units] === 'function') {
+                this[units](value);
+            }
+            return this;
+        },
+
+        // If passed a locale key, it will set the locale for this
+        // instance.  Otherwise, it will return the locale configuration
+        // variables for this instance.
+        locale : function (key) {
+            var newLocaleData;
+
+            if (key === undefined) {
+                return this._locale._abbr;
+            } else {
+                newLocaleData = moment.localeData(key);
+                if (newLocaleData != null) {
+                    this._locale = newLocaleData;
+                }
+                return this;
+            }
+        },
+
+        lang : deprecate(
+            'moment().lang() is deprecated. Instead, use moment().localeData() to get the language configuration. Use moment().locale() to change languages.',
+            function (key) {
+                if (key === undefined) {
+                    return this.localeData();
+                } else {
+                    return this.locale(key);
+                }
+            }
+        ),
+
+        localeData : function () {
+            return this._locale;
+        },
+
+        _dateTzOffset : function () {
+            // On Firefox.24 Date#getTimezoneOffset returns a floating point.
+            // https://github.com/moment/moment/pull/1871
+            return Math.round(this._d.getTimezoneOffset() / 15) * 15;
+        }
+    });
+
+    function rawMonthSetter(mom, value) {
+        var dayOfMonth;
+
+        // TODO: Move this out of here!
+        if (typeof value === 'string') {
+            value = mom.localeData().monthsParse(value);
+            // TODO: Another silent failure?
+            if (typeof value !== 'number') {
+                return mom;
+            }
+        }
+
+        dayOfMonth = Math.min(mom.date(),
+                daysInMonth(mom.year(), value));
+        mom._d['set' + (mom._isUTC ? 'UTC' : '') + 'Month'](value, dayOfMonth);
+        return mom;
+    }
+
+    function rawGetter(mom, unit) {
+        return mom._d['get' + (mom._isUTC ? 'UTC' : '') + unit]();
+    }
+
+    function rawSetter(mom, unit, value) {
+        if (unit === 'Month') {
+            return rawMonthSetter(mom, value);
+        } else {
+            return mom._d['set' + (mom._isUTC ? 'UTC' : '') + unit](value);
+        }
+    }
+
+    function makeAccessor(unit, keepTime) {
+        return function (value) {
+            if (value != null) {
+                rawSetter(this, unit, value);
+                moment.updateOffset(this, keepTime);
+                return this;
+            } else {
+                return rawGetter(this, unit);
+            }
+        };
+    }
+
+    moment.fn.millisecond = moment.fn.milliseconds = makeAccessor('Milliseconds', false);
+    moment.fn.second = moment.fn.seconds = makeAccessor('Seconds', false);
+    moment.fn.minute = moment.fn.minutes = makeAccessor('Minutes', false);
+    // Setting the hour should keep the time, because the user explicitly
+    // specified which hour he wants. So trying to maintain the same hour (in
+    // a new timezone) makes sense. Adding/subtracting hours does not follow
+    // this rule.
+    moment.fn.hour = moment.fn.hours = makeAccessor('Hours', true);
+    // moment.fn.month is defined separately
+    moment.fn.date = makeAccessor('Date', true);
+    moment.fn.dates = deprecate('dates accessor is deprecated. Use date instead.', makeAccessor('Date', true));
+    moment.fn.year = makeAccessor('FullYear', true);
+    moment.fn.years = deprecate('years accessor is deprecated. Use year instead.', makeAccessor('FullYear', true));
+
+    // add plural methods
+    moment.fn.days = moment.fn.day;
+    moment.fn.months = moment.fn.month;
+    moment.fn.weeks = moment.fn.week;
+    moment.fn.isoWeeks = moment.fn.isoWeek;
+    moment.fn.quarters = moment.fn.quarter;
+
+    // add aliased format methods
+    moment.fn.toJSON = moment.fn.toISOString;
+
+    /************************************
+        Duration Prototype
+    ************************************/
+
+
+    function daysToYears (days) {
+        // 400 years have 146097 days (taking into account leap year rules)
+        return days * 400 / 146097;
+    }
+
+    function yearsToDays (years) {
+        // years * 365 + absRound(years / 4) -
+        //     absRound(years / 100) + absRound(years / 400);
+        return years * 146097 / 400;
+    }
+
+    extend(moment.duration.fn = Duration.prototype, {
+
+        _bubble : function () {
+            var milliseconds = this._milliseconds,
+                days = this._days,
+                months = this._months,
+                data = this._data,
+                seconds, minutes, hours, years = 0;
+
+            // The following code bubbles up values, see the tests for
+            // examples of what that means.
+            data.milliseconds = milliseconds % 1000;
+
+            seconds = absRound(milliseconds / 1000);
+            data.seconds = seconds % 60;
+
+            minutes = absRound(seconds / 60);
+            data.minutes = minutes % 60;
+
+            hours = absRound(minutes / 60);
+            data.hours = hours % 24;
+
+            days += absRound(hours / 24);
+
+            // Accurately convert days to years, assume start from year 0.
+            years = absRound(daysToYears(days));
+            days -= absRound(yearsToDays(years));
+
+            // 30 days to a month
+            // TODO (iskren): Use anchor date (like 1st Jan) to compute this.
+            months += absRound(days / 30);
+            days %= 30;
+
+            // 12 months -> 1 year
+            years += absRound(months / 12);
+            months %= 12;
+
+            data.days = days;
+            data.months = months;
+            data.years = years;
+        },
+
+        abs : function () {
+            this._milliseconds = Math.abs(this._milliseconds);
+            this._days = Math.abs(this._days);
+            this._months = Math.abs(this._months);
+
+            this._data.milliseconds = Math.abs(this._data.milliseconds);
+            this._data.seconds = Math.abs(this._data.seconds);
+            this._data.minutes = Math.abs(this._data.minutes);
+            this._data.hours = Math.abs(this._data.hours);
+            this._data.months = Math.abs(this._data.months);
+            this._data.years = Math.abs(this._data.years);
+
+            return this;
+        },
+
+        weeks : function () {
+            return absRound(this.days() / 7);
+        },
+
+        valueOf : function () {
+            return this._milliseconds +
+              this._days * 864e5 +
+              (this._months % 12) * 2592e6 +
+              toInt(this._months / 12) * 31536e6;
+        },
+
+        humanize : function (withSuffix) {
+            var output = relativeTime(this, !withSuffix, this.localeData());
+
+            if (withSuffix) {
+                output = this.localeData().pastFuture(+this, output);
+            }
+
+            return this.localeData().postformat(output);
+        },
+
+        add : function (input, val) {
+            // supports only 2.0-style add(1, 's') or add(moment)
+            var dur = moment.duration(input, val);
+
+            this._milliseconds += dur._milliseconds;
+            this._days += dur._days;
+            this._months += dur._months;
+
+            this._bubble();
+
+            return this;
+        },
+
+        subtract : function (input, val) {
+            var dur = moment.duration(input, val);
+
+            this._milliseconds -= dur._milliseconds;
+            this._days -= dur._days;
+            this._months -= dur._months;
+
+            this._bubble();
+
+            return this;
+        },
+
+        get : function (units) {
+            units = normalizeUnits(units);
+            return this[units.toLowerCase() + 's']();
+        },
+
+        as : function (units) {
+            var days, months;
+            units = normalizeUnits(units);
+
+            if (units === 'month' || units === 'year') {
+                days = this._days + this._milliseconds / 864e5;
+                months = this._months + daysToYears(days) * 12;
+                return units === 'month' ? months : months / 12;
+            } else {
+                // handle milliseconds separately because of floating point math errors (issue #1867)
+                days = this._days + Math.round(yearsToDays(this._months / 12));
+                switch (units) {
+                    case 'week': return days / 7 + this._milliseconds / 6048e5;
+                    case 'day': return days + this._milliseconds / 864e5;
+                    case 'hour': return days * 24 + this._milliseconds / 36e5;
+                    case 'minute': return days * 24 * 60 + this._milliseconds / 6e4;
+                    case 'second': return days * 24 * 60 * 60 + this._milliseconds / 1000;
+                    // Math.floor prevents floating point math errors here
+                    case 'millisecond': return Math.floor(days * 24 * 60 * 60 * 1000) + this._milliseconds;
+                    default: throw new Error('Unknown unit ' + units);
+                }
+            }
+        },
+
+        lang : moment.fn.lang,
+        locale : moment.fn.locale,
+
+        toIsoString : deprecate(
+            'toIsoString() is deprecated. Please use toISOString() instead ' +
+            '(notice the capitals)',
+            function () {
+                return this.toISOString();
+            }
+        ),
+
+        toISOString : function () {
+            // inspired by https://github.com/dordille/moment-isoduration/blob/master/moment.isoduration.js
+            var years = Math.abs(this.years()),
+                months = Math.abs(this.months()),
+                days = Math.abs(this.days()),
+                hours = Math.abs(this.hours()),
+                minutes = Math.abs(this.minutes()),
+                seconds = Math.abs(this.seconds() + this.milliseconds() / 1000);
+
+            if (!this.asSeconds()) {
+                // this is the same as C#'s (Noda) and python (isodate)...
+                // but not other JS (goog.date)
+                return 'P0D';
+            }
+
+            return (this.asSeconds() < 0 ? '-' : '') +
+                'P' +
+                (years ? years + 'Y' : '') +
+                (months ? months + 'M' : '') +
+                (days ? days + 'D' : '') +
+                ((hours || minutes || seconds) ? 'T' : '') +
+                (hours ? hours + 'H' : '') +
+                (minutes ? minutes + 'M' : '') +
+                (seconds ? seconds + 'S' : '');
+        },
+
+        localeData : function () {
+            return this._locale;
+        }
+    });
+
+    moment.duration.fn.toString = moment.duration.fn.toISOString;
+
+    function makeDurationGetter(name) {
+        moment.duration.fn[name] = function () {
+            return this._data[name];
+        };
+    }
+
+    for (i in unitMillisecondFactors) {
+        if (hasOwnProp(unitMillisecondFactors, i)) {
+            makeDurationGetter(i.toLowerCase());
+        }
+    }
+
+    moment.duration.fn.asMilliseconds = function () {
+        return this.as('ms');
+    };
+    moment.duration.fn.asSeconds = function () {
+        return this.as('s');
+    };
+    moment.duration.fn.asMinutes = function () {
+        return this.as('m');
+    };
+    moment.duration.fn.asHours = function () {
+        return this.as('h');
+    };
+    moment.duration.fn.asDays = function () {
+        return this.as('d');
+    };
+    moment.duration.fn.asWeeks = function () {
+        return this.as('weeks');
+    };
+    moment.duration.fn.asMonths = function () {
+        return this.as('M');
+    };
+    moment.duration.fn.asYears = function () {
+        return this.as('y');
+    };
+
+    /************************************
+        Default Locale
+    ************************************/
+
+
+    // Set default locale, other locale will inherit from English.
+    moment.locale('en', {
+        ordinalParse: /\d{1,2}(th|st|nd|rd)/,
+        ordinal : function (number) {
+            var b = number % 10,
+                output = (toInt(number % 100 / 10) === 1) ? 'th' :
+                (b === 1) ? 'st' :
+                (b === 2) ? 'nd' :
+                (b === 3) ? 'rd' : 'th';
+            return number + output;
+        }
+    });
+
+    /* EMBED_LOCALES */
+
+    /************************************
+        Exposing Moment
+    ************************************/
+
+    function makeGlobal(shouldDeprecate) {
+        /*global ender:false */
+        if (typeof ender !== 'undefined') {
+            return;
+        }
+        oldGlobalMoment = globalScope.moment;
+        if (shouldDeprecate) {
+            globalScope.moment = deprecate(
+                    'Accessing Moment through the global scope is ' +
+                    'deprecated, and will be removed in an upcoming ' +
+                    'release.',
+                    moment);
+        } else {
+            globalScope.moment = moment;
+        }
+    }
+
+    // CommonJS module is defined
+    if (hasModule) {
+        module.exports = moment;
+    } else if (typeof define === 'function' && define.amd) {
+        define('moment', function (require, exports, module) {
+            if (module.config && module.config() && module.config().noGlobal === true) {
+                // release the global variable
+                globalScope.moment = oldGlobalMoment;
+            }
+
+            return moment;
+        });
+        makeGlobal(true);
+    } else {
+        makeGlobal();
+    }
+}).call(this);
diff --git a/web/bootstrap-ace-admin/js/dropzone.js b/web/bootstrap-ace-admin/js/dropzone.js
new file mode 100755
index 00000000..499f4e0e
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/dropzone.js
@@ -0,0 +1,1874 @@
+
+;(function(){
+
+/**
+ * Require the module at `name`.
+ *
+ * @param {String} name
+ * @return {Object} exports
+ * @api public
+ */
+
+function require(name) {
+  var module = require.modules[name];
+  if (!module) throw new Error('failed to require "' + name + '"');
+
+  if (!('exports' in module) && typeof module.definition === 'function') {
+    module.client = module.component = true;
+    module.definition.call(this, module.exports = {}, module);
+    delete module.definition;
+  }
+
+  return module.exports;
+}
+
+/**
+ * Registered modules.
+ */
+
+require.modules = {};
+
+/**
+ * Register module at `name` with callback `definition`.
+ *
+ * @param {String} name
+ * @param {Function} definition
+ * @api private
+ */
+
+require.register = function (name, definition) {
+  require.modules[name] = {
+    definition: definition
+  };
+};
+
+/**
+ * Define a module's exports immediately with `exports`.
+ *
+ * @param {String} name
+ * @param {Generic} exports
+ * @api private
+ */
+
+require.define = function (name, exports) {
+  require.modules[name] = {
+    exports: exports
+  };
+};
+require.register("component~emitter@1.1.2", function (exports, module) {
+
+/**
+ * Expose `Emitter`.
+ */
+
+module.exports = Emitter;
+
+/**
+ * Initialize a new `Emitter`.
+ *
+ * @api public
+ */
+
+function Emitter(obj) {
+  if (obj) return mixin(obj);
+};
+
+/**
+ * Mixin the emitter properties.
+ *
+ * @param {Object} obj
+ * @return {Object}
+ * @api private
+ */
+
+function mixin(obj) {
+  for (var key in Emitter.prototype) {
+    obj[key] = Emitter.prototype[key];
+  }
+  return obj;
+}
+
+/**
+ * Listen on the given `event` with `fn`.
+ *
+ * @param {String} event
+ * @param {Function} fn
+ * @return {Emitter}
+ * @api public
+ */
+
+Emitter.prototype.on =
+Emitter.prototype.addEventListener = function(event, fn){
+  this._callbacks = this._callbacks || {};
+  (this._callbacks[event] = this._callbacks[event] || [])
+    .push(fn);
+  return this;
+};
+
+/**
+ * Adds an `event` listener that will be invoked a single
+ * time then automatically removed.
+ *
+ * @param {String} event
+ * @param {Function} fn
+ * @return {Emitter}
+ * @api public
+ */
+
+Emitter.prototype.once = function(event, fn){
+  var self = this;
+  this._callbacks = this._callbacks || {};
+
+  function on() {
+    self.off(event, on);
+    fn.apply(this, arguments);
+  }
+
+  on.fn = fn;
+  this.on(event, on);
+  return this;
+};
+
+/**
+ * Remove the given callback for `event` or all
+ * registered callbacks.
+ *
+ * @param {String} event
+ * @param {Function} fn
+ * @return {Emitter}
+ * @api public
+ */
+
+Emitter.prototype.off =
+Emitter.prototype.removeListener =
+Emitter.prototype.removeAllListeners =
+Emitter.prototype.removeEventListener = function(event, fn){
+  this._callbacks = this._callbacks || {};
+
+  // all
+  if (0 == arguments.length) {
+    this._callbacks = {};
+    return this;
+  }
+
+  // specific event
+  var callbacks = this._callbacks[event];
+  if (!callbacks) return this;
+
+  // remove all handlers
+  if (1 == arguments.length) {
+    delete this._callbacks[event];
+    return this;
+  }
+
+  // remove specific handler
+  var cb;
+  for (var i = 0; i < callbacks.length; i++) {
+    cb = callbacks[i];
+    if (cb === fn || cb.fn === fn) {
+      callbacks.splice(i, 1);
+      break;
+    }
+  }
+  return this;
+};
+
+/**
+ * Emit `event` with the given args.
+ *
+ * @param {String} event
+ * @param {Mixed} ...
+ * @return {Emitter}
+ */
+
+Emitter.prototype.emit = function(event){
+  this._callbacks = this._callbacks || {};
+  var args = [].slice.call(arguments, 1)
+    , callbacks = this._callbacks[event];
+
+  if (callbacks) {
+    callbacks = callbacks.slice(0);
+    for (var i = 0, len = callbacks.length; i < len; ++i) {
+      callbacks[i].apply(this, args);
+    }
+  }
+
+  return this;
+};
+
+/**
+ * Return array of callbacks for `event`.
+ *
+ * @param {String} event
+ * @return {Array}
+ * @api public
+ */
+
+Emitter.prototype.listeners = function(event){
+  this._callbacks = this._callbacks || {};
+  return this._callbacks[event] || [];
+};
+
+/**
+ * Check if this emitter has `event` handlers.
+ *
+ * @param {String} event
+ * @return {Boolean}
+ * @api public
+ */
+
+Emitter.prototype.hasListeners = function(event){
+  return !! this.listeners(event).length;
+};
+
+});
+
+require.register("dropzone", function (exports, module) {
+
+
+/**
+ * Exposing dropzone
+ */
+module.exports = require("dropzone/lib/dropzone.js");
+
+});
+
+require.register("dropzone/lib/dropzone.js", function (exports, module) {
+
+/*
+ *
+ * More info at [www.dropzonejs.com](http://www.dropzonejs.com)
+ *
+ * Copyright (c) 2012, Matias Meno
+ *
+ * Permission is hereby granted, free of charge, to any person obtaining a copy
+ * of this software and associated documentation files (the "Software"), to deal
+ * in the Software without restriction, including without limitation the rights
+ * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the Software is
+ * furnished to do so, subject to the following conditions:
+ *
+ * The above copyright notice and this permission notice shall be included in
+ * all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+ * IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+ * FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+ * AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+ * LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+ * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+ * THE SOFTWARE.
+ *
+ */
+
+(function() {
+  var Dropzone, Em, camelize, contentLoaded, detectVerticalSquash, drawImageIOSFix, noop, without,
+    __hasProp = {}.hasOwnProperty,
+    __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
+    __slice = [].slice;
+
+  Em = typeof Emitter !== "undefined" && Emitter !== null ? Emitter : require("component~emitter@1.1.2");
+
+  noop = function() {};
+
+  Dropzone = (function(_super) {
+    var extend;
+
+    __extends(Dropzone, _super);
+
+
+    /*
+    This is a list of all available events you can register on a dropzone object.
+    
+    You can register an event handler like this:
+    
+        dropzone.on("dragEnter", function() { });
+     */
+
+    Dropzone.prototype.events = ["drop", "dragstart", "dragend", "dragenter", "dragover", "dragleave", "addedfile", "removedfile", "thumbnail", "error", "errormultiple", "processing", "processingmultiple", "uploadprogress", "totaluploadprogress", "sending", "sendingmultiple", "success", "successmultiple", "canceled", "canceledmultiple", "complete", "completemultiple", "reset", "maxfilesexceeded", "maxfilesreached"];
+
+    Dropzone.prototype.defaultOptions = {
+      url: null,
+      method: "post",
+      withCredentials: false,
+      parallelUploads: 2,
+      uploadMultiple: false,
+      maxFilesize: 256,
+      paramName: "file",
+      createImageThumbnails: true,
+      maxThumbnailFilesize: 10,
+      thumbnailWidth: 100,
+      thumbnailHeight: 100,
+      maxFiles: null,
+      params: {},
+      clickable: true,
+      ignoreHiddenFiles: true,
+      acceptedFiles: null,
+      acceptedMimeTypes: null,
+      autoProcessQueue: true,
+      autoQueue: true,
+      addRemoveLinks: false,
+      previewsContainer: null,
+      dictDefaultMessage: "Drop files here to upload",
+      dictFallbackMessage: "Your browser does not support drag'n'drop file uploads.",
+      dictFallbackText: "Please use the fallback form below to upload your files like in the olden days.",
+      dictFileTooBig: "File is too big ({{filesize}}MiB). Max filesize: {{maxFilesize}}MiB.",
+      dictInvalidFileType: "You can't upload files of this type.",
+      dictResponseError: "Server responded with {{statusCode}} code.",
+      dictCancelUpload: "Cancel upload",
+      dictCancelUploadConfirmation: "Are you sure you want to cancel this upload?",
+      dictRemoveFile: "Remove file",
+      dictRemoveFileConfirmation: null,
+      dictMaxFilesExceeded: "You can not upload any more files.",
+      accept: function(file, done) {
+        return done();
+      },
+      init: function() {
+        return noop;
+      },
+      forceFallback: false,
+      fallback: function() {
+        var child, messageElement, span, _i, _len, _ref;
+        this.element.className = "" + this.element.className + " dz-browser-not-supported";
+        _ref = this.element.getElementsByTagName("div");
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          child = _ref[_i];
+          if (/(^| )dz-message($| )/.test(child.className)) {
+            messageElement = child;
+            child.className = "dz-message";
+            continue;
+          }
+        }
+        if (!messageElement) {
+          messageElement = Dropzone.createElement("<div class=\"dz-message\"><span></span></div>");
+          this.element.appendChild(messageElement);
+        }
+        span = messageElement.getElementsByTagName("span")[0];
+        if (span) {
+          span.textContent = this.options.dictFallbackMessage;
+        }
+        return this.element.appendChild(this.getFallbackForm());
+      },
+      resize: function(file) {
+        var info, srcRatio, trgRatio;
+        info = {
+          srcX: 0,
+          srcY: 0,
+          srcWidth: file.width,
+          srcHeight: file.height
+        };
+        srcRatio = file.width / file.height;
+        info.optWidth = this.options.thumbnailWidth;
+        info.optHeight = this.options.thumbnailHeight;
+        if ((info.optWidth == null) && (info.optHeight == null)) {
+          info.optWidth = info.srcWidth;
+          info.optHeight = info.srcHeight;
+        } else if (info.optWidth == null) {
+          info.optWidth = srcRatio * info.optHeight;
+        } else if (info.optHeight == null) {
+          info.optHeight = (1 / srcRatio) * info.optWidth;
+        }
+        trgRatio = info.optWidth / info.optHeight;
+        if (file.height < info.optHeight || file.width < info.optWidth) {
+          info.trgHeight = info.srcHeight;
+          info.trgWidth = info.srcWidth;
+        } else {
+          if (srcRatio > trgRatio) {
+            info.srcHeight = file.height;
+            info.srcWidth = info.srcHeight * trgRatio;
+          } else {
+            info.srcWidth = file.width;
+            info.srcHeight = info.srcWidth / trgRatio;
+          }
+        }
+        info.srcX = (file.width - info.srcWidth) / 2;
+        info.srcY = (file.height - info.srcHeight) / 2;
+        return info;
+      },
+
+      /*
+      Those functions register themselves to the events on init and handle all
+      the user interface specific stuff. Overwriting them won't break the upload
+      but can break the way it's displayed.
+      You can overwrite them if you don't like the default behavior. If you just
+      want to add an additional event handler, register it on the dropzone object
+      and don't overwrite those options.
+       */
+      drop: function(e) {
+        return this.element.classList.remove("dz-drag-hover");
+      },
+      dragstart: noop,
+      dragend: function(e) {
+        return this.element.classList.remove("dz-drag-hover");
+      },
+      dragenter: function(e) {
+        return this.element.classList.add("dz-drag-hover");
+      },
+      dragover: function(e) {
+        return this.element.classList.add("dz-drag-hover");
+      },
+      dragleave: function(e) {
+        return this.element.classList.remove("dz-drag-hover");
+      },
+      paste: noop,
+      reset: function() {
+        return this.element.classList.remove("dz-started");
+      },
+      addedfile: function(file) {
+        var node, removeFileEvent, removeLink, _i, _j, _k, _len, _len1, _len2, _ref, _ref1, _ref2, _results;
+        if (this.element === this.previewsContainer) {
+          this.element.classList.add("dz-started");
+        }
+        if (this.previewsContainer) {
+          file.previewElement = Dropzone.createElement(this.options.previewTemplate.trim());
+          file.previewTemplate = file.previewElement;
+          this.previewsContainer.appendChild(file.previewElement);
+          _ref = file.previewElement.querySelectorAll("[data-dz-name]");
+          for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+            node = _ref[_i];
+            node.textContent = file.name;
+          }
+          _ref1 = file.previewElement.querySelectorAll("[data-dz-size]");
+          for (_j = 0, _len1 = _ref1.length; _j < _len1; _j++) {
+            node = _ref1[_j];
+            node.innerHTML = this.filesize(file.size);
+          }
+          if (this.options.addRemoveLinks) {
+            file._removeLink = Dropzone.createElement("<a class=\"dz-remove\" href=\"javascript:undefined;\" data-dz-remove>" + this.options.dictRemoveFile + "</a>");
+            file.previewElement.appendChild(file._removeLink);
+          }
+          removeFileEvent = (function(_this) {
+            return function(e) {
+              e.preventDefault();
+              e.stopPropagation();
+              if (file.status === Dropzone.UPLOADING) {
+                return Dropzone.confirm(_this.options.dictCancelUploadConfirmation, function() {
+                  return _this.removeFile(file);
+                });
+              } else {
+                if (_this.options.dictRemoveFileConfirmation) {
+                  return Dropzone.confirm(_this.options.dictRemoveFileConfirmation, function() {
+                    return _this.removeFile(file);
+                  });
+                } else {
+                  return _this.removeFile(file);
+                }
+              }
+            };
+          })(this);
+          _ref2 = file.previewElement.querySelectorAll("[data-dz-remove]");
+          _results = [];
+          for (_k = 0, _len2 = _ref2.length; _k < _len2; _k++) {
+            removeLink = _ref2[_k];
+            _results.push(removeLink.addEventListener("click", removeFileEvent));
+          }
+          return _results;
+        }
+      },
+      removedfile: function(file) {
+        var _ref;
+        if (file.previewElement) {
+          if ((_ref = file.previewElement) != null) {
+            _ref.parentNode.removeChild(file.previewElement);
+          }
+        }
+        return this._updateMaxFilesReachedClass();
+      },
+      thumbnail: function(file, dataUrl) {
+        var thumbnailElement, _i, _len, _ref, _results;
+        if (file.previewElement) {
+          file.previewElement.classList.remove("dz-file-preview");
+          file.previewElement.classList.add("dz-image-preview");
+          _ref = file.previewElement.querySelectorAll("[data-dz-thumbnail]");
+          _results = [];
+          for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+            thumbnailElement = _ref[_i];
+            thumbnailElement.alt = file.name;
+            _results.push(thumbnailElement.src = dataUrl);
+          }
+          return _results;
+        }
+      },
+      error: function(file, message) {
+        var node, _i, _len, _ref, _results;
+        if (file.previewElement) {
+          file.previewElement.classList.add("dz-error");
+          if (typeof message !== "String" && message.error) {
+            message = message.error;
+          }
+          _ref = file.previewElement.querySelectorAll("[data-dz-errormessage]");
+          _results = [];
+          for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+            node = _ref[_i];
+            _results.push(node.textContent = message);
+          }
+          return _results;
+        }
+      },
+      errormultiple: noop,
+      processing: function(file) {
+        if (file.previewElement) {
+          file.previewElement.classList.add("dz-processing");
+          if (file._removeLink) {
+            return file._removeLink.textContent = this.options.dictCancelUpload;
+          }
+        }
+      },
+      processingmultiple: noop,
+      uploadprogress: function(file, progress, bytesSent) {
+        var node, _i, _len, _ref, _results;
+        if (file.previewElement) {
+          _ref = file.previewElement.querySelectorAll("[data-dz-uploadprogress]");
+          _results = [];
+          for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+            node = _ref[_i];
+            _results.push(node.style.width = "" + progress + "%");
+          }
+          return _results;
+        }
+      },
+      totaluploadprogress: noop,
+      sending: noop,
+      sendingmultiple: noop,
+      success: function(file) {
+        if (file.previewElement) {
+          return file.previewElement.classList.add("dz-success");
+        }
+      },
+      successmultiple: noop,
+      canceled: function(file) {
+        return this.emit("error", file, "Upload canceled.");
+      },
+      canceledmultiple: noop,
+      complete: function(file) {
+        if (file._removeLink) {
+          return file._removeLink.textContent = this.options.dictRemoveFile;
+        }
+      },
+      completemultiple: noop,
+      maxfilesexceeded: noop,
+      maxfilesreached: noop,
+      previewTemplate: "<div class=\"dz-preview dz-file-preview\">\n  <div class=\"dz-details\">\n    <div class=\"dz-filename\"><span data-dz-name></span></div>\n    <div class=\"dz-size\" data-dz-size></div>\n    <img data-dz-thumbnail />\n  </div>\n  <div class=\"dz-progress\"><span class=\"dz-upload\" data-dz-uploadprogress></span></div>\n  <div class=\"dz-success-mark\"><span>✔</span></div>\n  <div class=\"dz-error-mark\"><span>✘</span></div>\n  <div class=\"dz-error-message\"><span data-dz-errormessage></span></div>\n</div>"
+    };
+
+    extend = function() {
+      var key, object, objects, target, val, _i, _len;
+      target = arguments[0], objects = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
+      for (_i = 0, _len = objects.length; _i < _len; _i++) {
+        object = objects[_i];
+        for (key in object) {
+          val = object[key];
+          target[key] = val;
+        }
+      }
+      return target;
+    };
+
+    function Dropzone(element, options) {
+      var elementOptions, fallback, _ref;
+      this.element = element;
+      this.version = Dropzone.version;
+      this.defaultOptions.previewTemplate = this.defaultOptions.previewTemplate.replace(/\n*/g, "");
+      this.clickableElements = [];
+      this.listeners = [];
+      this.files = [];
+      if (typeof this.element === "string") {
+        this.element = document.querySelector(this.element);
+      }
+      if (!(this.element && (this.element.nodeType != null))) {
+        throw new Error("Invalid dropzone element.");
+      }
+      if (this.element.dropzone) {
+        throw new Error("Dropzone already attached.");
+      }
+      Dropzone.instances.push(this);
+      this.element.dropzone = this;
+      elementOptions = (_ref = Dropzone.optionsForElement(this.element)) != null ? _ref : {};
+      this.options = extend({}, this.defaultOptions, elementOptions, options != null ? options : {});
+      if (this.options.forceFallback || !Dropzone.isBrowserSupported()) {
+        return this.options.fallback.call(this);
+      }
+      if (this.options.url == null) {
+        this.options.url = this.element.getAttribute("action");
+      }
+      if (!this.options.url) {
+        throw new Error("No URL provided.");
+      }
+      if (this.options.acceptedFiles && this.options.acceptedMimeTypes) {
+        throw new Error("You can't provide both 'acceptedFiles' and 'acceptedMimeTypes'. 'acceptedMimeTypes' is deprecated.");
+      }
+      if (this.options.acceptedMimeTypes) {
+        this.options.acceptedFiles = this.options.acceptedMimeTypes;
+        delete this.options.acceptedMimeTypes;
+      }
+      this.options.method = this.options.method.toUpperCase();
+      if ((fallback = this.getExistingFallback()) && fallback.parentNode) {
+        fallback.parentNode.removeChild(fallback);
+      }
+      if (this.options.previewsContainer !== false) {
+        if (this.options.previewsContainer) {
+          this.previewsContainer = Dropzone.getElement(this.options.previewsContainer, "previewsContainer");
+        } else {
+          this.previewsContainer = this.element;
+        }
+      }
+      if (this.options.clickable) {
+        if (this.options.clickable === true) {
+          this.clickableElements = [this.element];
+        } else {
+          this.clickableElements = Dropzone.getElements(this.options.clickable, "clickable");
+        }
+      }
+      this.init();
+    }
+
+    Dropzone.prototype.getAcceptedFiles = function() {
+      var file, _i, _len, _ref, _results;
+      _ref = this.files;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        file = _ref[_i];
+        if (file.accepted) {
+          _results.push(file);
+        }
+      }
+      return _results;
+    };
+
+    Dropzone.prototype.getRejectedFiles = function() {
+      var file, _i, _len, _ref, _results;
+      _ref = this.files;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        file = _ref[_i];
+        if (!file.accepted) {
+          _results.push(file);
+        }
+      }
+      return _results;
+    };
+
+    Dropzone.prototype.getFilesWithStatus = function(status) {
+      var file, _i, _len, _ref, _results;
+      _ref = this.files;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        file = _ref[_i];
+        if (file.status === status) {
+          _results.push(file);
+        }
+      }
+      return _results;
+    };
+
+    Dropzone.prototype.getQueuedFiles = function() {
+      return this.getFilesWithStatus(Dropzone.QUEUED);
+    };
+
+    Dropzone.prototype.getUploadingFiles = function() {
+      return this.getFilesWithStatus(Dropzone.UPLOADING);
+    };
+
+    Dropzone.prototype.getActiveFiles = function() {
+      var file, _i, _len, _ref, _results;
+      _ref = this.files;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        file = _ref[_i];
+        if (file.status === Dropzone.UPLOADING || file.status === Dropzone.QUEUED) {
+          _results.push(file);
+        }
+      }
+      return _results;
+    };
+
+    Dropzone.prototype.init = function() {
+      var eventName, noPropagation, setupHiddenFileInput, _i, _len, _ref, _ref1;
+      if (this.element.tagName === "form") {
+        this.element.setAttribute("enctype", "multipart/form-data");
+      }
+      if (this.element.classList.contains("dropzone") && !this.element.querySelector(".dz-message")) {
+        this.element.appendChild(Dropzone.createElement("<div class=\"dz-default dz-message\"><span>" + this.options.dictDefaultMessage + "</span></div>"));
+      }
+      if (this.clickableElements.length) {
+        setupHiddenFileInput = (function(_this) {
+          return function() {
+            if (_this.hiddenFileInput) {
+              document.body.removeChild(_this.hiddenFileInput);
+            }
+            _this.hiddenFileInput = document.createElement("input");
+            _this.hiddenFileInput.setAttribute("type", "file");
+            if ((_this.options.maxFiles == null) || _this.options.maxFiles > 1) {
+              _this.hiddenFileInput.setAttribute("multiple", "multiple");
+            }
+            _this.hiddenFileInput.className = "dz-hidden-input";
+            if (_this.options.acceptedFiles != null) {
+              _this.hiddenFileInput.setAttribute("accept", _this.options.acceptedFiles);
+            }
+            _this.hiddenFileInput.style.visibility = "hidden";
+            _this.hiddenFileInput.style.position = "absolute";
+            _this.hiddenFileInput.style.top = "0";
+            _this.hiddenFileInput.style.left = "0";
+            _this.hiddenFileInput.style.height = "0";
+            _this.hiddenFileInput.style.width = "0";
+            document.body.appendChild(_this.hiddenFileInput);
+            return _this.hiddenFileInput.addEventListener("change", function() {
+              var file, files, _i, _len;
+              files = _this.hiddenFileInput.files;
+              if (files.length) {
+                for (_i = 0, _len = files.length; _i < _len; _i++) {
+                  file = files[_i];
+                  _this.addFile(file);
+                }
+              }
+              return setupHiddenFileInput();
+            });
+          };
+        })(this);
+        setupHiddenFileInput();
+      }
+      this.URL = (_ref = window.URL) != null ? _ref : window.webkitURL;
+      _ref1 = this.events;
+      for (_i = 0, _len = _ref1.length; _i < _len; _i++) {
+        eventName = _ref1[_i];
+        this.on(eventName, this.options[eventName]);
+      }
+      this.on("uploadprogress", (function(_this) {
+        return function() {
+          return _this.updateTotalUploadProgress();
+        };
+      })(this));
+      this.on("removedfile", (function(_this) {
+        return function() {
+          return _this.updateTotalUploadProgress();
+        };
+      })(this));
+      this.on("canceled", (function(_this) {
+        return function(file) {
+          return _this.emit("complete", file);
+        };
+      })(this));
+      this.on("complete", (function(_this) {
+        return function(file) {
+          if (_this.getUploadingFiles().length === 0 && _this.getQueuedFiles().length === 0) {
+            return setTimeout((function() {
+              return _this.emit("queuecomplete");
+            }), 0);
+          }
+        };
+      })(this));
+      noPropagation = function(e) {
+        e.stopPropagation();
+        if (e.preventDefault) {
+          return e.preventDefault();
+        } else {
+          return e.returnValue = false;
+        }
+      };
+      this.listeners = [
+        {
+          element: this.element,
+          events: {
+            "dragstart": (function(_this) {
+              return function(e) {
+                return _this.emit("dragstart", e);
+              };
+            })(this),
+            "dragenter": (function(_this) {
+              return function(e) {
+                noPropagation(e);
+                return _this.emit("dragenter", e);
+              };
+            })(this),
+            "dragover": (function(_this) {
+              return function(e) {
+                var efct;
+                try {
+                  efct = e.dataTransfer.effectAllowed;
+                } catch (_error) {}
+                e.dataTransfer.dropEffect = 'move' === efct || 'linkMove' === efct ? 'move' : 'copy';
+                noPropagation(e);
+                return _this.emit("dragover", e);
+              };
+            })(this),
+            "dragleave": (function(_this) {
+              return function(e) {
+                return _this.emit("dragleave", e);
+              };
+            })(this),
+            "drop": (function(_this) {
+              return function(e) {
+                noPropagation(e);
+                return _this.drop(e);
+              };
+            })(this),
+            "dragend": (function(_this) {
+              return function(e) {
+                return _this.emit("dragend", e);
+              };
+            })(this)
+          }
+        }
+      ];
+      this.clickableElements.forEach((function(_this) {
+        return function(clickableElement) {
+          return _this.listeners.push({
+            element: clickableElement,
+            events: {
+              "click": function(evt) {
+                if ((clickableElement !== _this.element) || (evt.target === _this.element || Dropzone.elementInside(evt.target, _this.element.querySelector(".dz-message")))) {
+                  return _this.hiddenFileInput.click();
+                }
+              }
+            }
+          });
+        };
+      })(this));
+      this.enable();
+      return this.options.init.call(this);
+    };
+
+    Dropzone.prototype.destroy = function() {
+      var _ref;
+      this.disable();
+      this.removeAllFiles(true);
+      if ((_ref = this.hiddenFileInput) != null ? _ref.parentNode : void 0) {
+        this.hiddenFileInput.parentNode.removeChild(this.hiddenFileInput);
+        this.hiddenFileInput = null;
+      }
+      delete this.element.dropzone;
+      return Dropzone.instances.splice(Dropzone.instances.indexOf(this), 1);
+    };
+
+    Dropzone.prototype.updateTotalUploadProgress = function() {
+      var activeFiles, file, totalBytes, totalBytesSent, totalUploadProgress, _i, _len, _ref;
+      totalBytesSent = 0;
+      totalBytes = 0;
+      activeFiles = this.getActiveFiles();
+      if (activeFiles.length) {
+        _ref = this.getActiveFiles();
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          file = _ref[_i];
+          totalBytesSent += file.upload.bytesSent;
+          totalBytes += file.upload.total;
+        }
+        totalUploadProgress = 100 * totalBytesSent / totalBytes;
+      } else {
+        totalUploadProgress = 100;
+      }
+      return this.emit("totaluploadprogress", totalUploadProgress, totalBytes, totalBytesSent);
+    };
+
+    Dropzone.prototype._getParamName = function(n) {
+      if (typeof this.options.paramName === "function") {
+        return this.options.paramName(n);
+      } else {
+        return "" + this.options.paramName + (this.options.uploadMultiple ? "[" + n + "]" : "");
+      }
+    };
+
+    Dropzone.prototype.getFallbackForm = function() {
+      var existingFallback, fields, fieldsString, form;
+      if (existingFallback = this.getExistingFallback()) {
+        return existingFallback;
+      }
+      fieldsString = "<div class=\"dz-fallback\">";
+      if (this.options.dictFallbackText) {
+        fieldsString += "<p>" + this.options.dictFallbackText + "</p>";
+      }
+      fieldsString += "<input type=\"file\" name=\"" + (this._getParamName(0)) + "\" " + (this.options.uploadMultiple ? 'multiple="multiple"' : void 0) + " /><input type=\"submit\" value=\"Upload!\"></div>";
+      fields = Dropzone.createElement(fieldsString);
+      if (this.element.tagName !== "FORM") {
+        form = Dropzone.createElement("<form action=\"" + this.options.url + "\" enctype=\"multipart/form-data\" method=\"" + this.options.method + "\"></form>");
+        form.appendChild(fields);
+      } else {
+        this.element.setAttribute("enctype", "multipart/form-data");
+        this.element.setAttribute("method", this.options.method);
+      }
+      return form != null ? form : fields;
+    };
+
+    Dropzone.prototype.getExistingFallback = function() {
+      var fallback, getFallback, tagName, _i, _len, _ref;
+      getFallback = function(elements) {
+        var el, _i, _len;
+        for (_i = 0, _len = elements.length; _i < _len; _i++) {
+          el = elements[_i];
+          if (/(^| )fallback($| )/.test(el.className)) {
+            return el;
+          }
+        }
+      };
+      _ref = ["div", "form"];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        tagName = _ref[_i];
+        if (fallback = getFallback(this.element.getElementsByTagName(tagName))) {
+          return fallback;
+        }
+      }
+    };
+
+    Dropzone.prototype.setupEventListeners = function() {
+      var elementListeners, event, listener, _i, _len, _ref, _results;
+      _ref = this.listeners;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        elementListeners = _ref[_i];
+        _results.push((function() {
+          var _ref1, _results1;
+          _ref1 = elementListeners.events;
+          _results1 = [];
+          for (event in _ref1) {
+            listener = _ref1[event];
+            _results1.push(elementListeners.element.addEventListener(event, listener, false));
+          }
+          return _results1;
+        })());
+      }
+      return _results;
+    };
+
+    Dropzone.prototype.removeEventListeners = function() {
+      var elementListeners, event, listener, _i, _len, _ref, _results;
+      _ref = this.listeners;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        elementListeners = _ref[_i];
+        _results.push((function() {
+          var _ref1, _results1;
+          _ref1 = elementListeners.events;
+          _results1 = [];
+          for (event in _ref1) {
+            listener = _ref1[event];
+            _results1.push(elementListeners.element.removeEventListener(event, listener, false));
+          }
+          return _results1;
+        })());
+      }
+      return _results;
+    };
+
+    Dropzone.prototype.disable = function() {
+      var file, _i, _len, _ref, _results;
+      this.clickableElements.forEach(function(element) {
+        return element.classList.remove("dz-clickable");
+      });
+      this.removeEventListeners();
+      _ref = this.files;
+      _results = [];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        file = _ref[_i];
+        _results.push(this.cancelUpload(file));
+      }
+      return _results;
+    };
+
+    Dropzone.prototype.enable = function() {
+      this.clickableElements.forEach(function(element) {
+        return element.classList.add("dz-clickable");
+      });
+      return this.setupEventListeners();
+    };
+
+    Dropzone.prototype.filesize = function(size) {
+      var string;
+      if (size >= 1024 * 1024 * 1024 * 1024 / 10) {
+        size = size / (1024 * 1024 * 1024 * 1024 / 10);
+        string = "TiB";
+      } else if (size >= 1024 * 1024 * 1024 / 10) {
+        size = size / (1024 * 1024 * 1024 / 10);
+        string = "GiB";
+      } else if (size >= 1024 * 1024 / 10) {
+        size = size / (1024 * 1024 / 10);
+        string = "MiB";
+      } else if (size >= 1024 / 10) {
+        size = size / (1024 / 10);
+        string = "KiB";
+      } else {
+        size = size * 10;
+        string = "b";
+      }
+      return "<strong>" + (Math.round(size) / 10) + "</strong> " + string;
+    };
+
+    Dropzone.prototype._updateMaxFilesReachedClass = function() {
+      if ((this.options.maxFiles != null) && this.getAcceptedFiles().length >= this.options.maxFiles) {
+        if (this.getAcceptedFiles().length === this.options.maxFiles) {
+          this.emit('maxfilesreached', this.files);
+        }
+        return this.element.classList.add("dz-max-files-reached");
+      } else {
+        return this.element.classList.remove("dz-max-files-reached");
+      }
+    };
+
+    Dropzone.prototype.drop = function(e) {
+      var files, items;
+      if (!e.dataTransfer) {
+        return;
+      }
+      this.emit("drop", e);
+      files = e.dataTransfer.files;
+      if (files.length) {
+        items = e.dataTransfer.items;
+        if (items && items.length && (items[0].webkitGetAsEntry != null)) {
+          this._addFilesFromItems(items);
+        } else {
+          this.handleFiles(files);
+        }
+      }
+    };
+
+    Dropzone.prototype.paste = function(e) {
+      var items, _ref;
+      if ((e != null ? (_ref = e.clipboardData) != null ? _ref.items : void 0 : void 0) == null) {
+        return;
+      }
+      this.emit("paste", e);
+      items = e.clipboardData.items;
+      if (items.length) {
+        return this._addFilesFromItems(items);
+      }
+    };
+
+    Dropzone.prototype.handleFiles = function(files) {
+      var file, _i, _len, _results;
+      _results = [];
+      for (_i = 0, _len = files.length; _i < _len; _i++) {
+        file = files[_i];
+        _results.push(this.addFile(file));
+      }
+      return _results;
+    };
+
+    Dropzone.prototype._addFilesFromItems = function(items) {
+      var entry, item, _i, _len, _results;
+      _results = [];
+      for (_i = 0, _len = items.length; _i < _len; _i++) {
+        item = items[_i];
+        if ((item.webkitGetAsEntry != null) && (entry = item.webkitGetAsEntry())) {
+          if (entry.isFile) {
+            _results.push(this.addFile(item.getAsFile()));
+          } else if (entry.isDirectory) {
+            _results.push(this._addFilesFromDirectory(entry, entry.name));
+          } else {
+            _results.push(void 0);
+          }
+        } else if (item.getAsFile != null) {
+          if ((item.kind == null) || item.kind === "file") {
+            _results.push(this.addFile(item.getAsFile()));
+          } else {
+            _results.push(void 0);
+          }
+        } else {
+          _results.push(void 0);
+        }
+      }
+      return _results;
+    };
+
+    Dropzone.prototype._addFilesFromDirectory = function(directory, path) {
+      var dirReader, entriesReader;
+      dirReader = directory.createReader();
+      entriesReader = (function(_this) {
+        return function(entries) {
+          var entry, _i, _len;
+          for (_i = 0, _len = entries.length; _i < _len; _i++) {
+            entry = entries[_i];
+            if (entry.isFile) {
+              entry.file(function(file) {
+                if (_this.options.ignoreHiddenFiles && file.name.substring(0, 1) === '.') {
+                  return;
+                }
+                file.fullPath = "" + path + "/" + file.name;
+                return _this.addFile(file);
+              });
+            } else if (entry.isDirectory) {
+              _this._addFilesFromDirectory(entry, "" + path + "/" + entry.name);
+            }
+          }
+        };
+      })(this);
+      return dirReader.readEntries(entriesReader, function(error) {
+        return typeof console !== "undefined" && console !== null ? typeof console.log === "function" ? console.log(error) : void 0 : void 0;
+      });
+    };
+
+    Dropzone.prototype.accept = function(file, done) {
+      if (file.size > this.options.maxFilesize * 1024 * 1024) {
+        return done(this.options.dictFileTooBig.replace("{{filesize}}", Math.round(file.size / 1024 / 10.24) / 100).replace("{{maxFilesize}}", this.options.maxFilesize));
+      } else if (!Dropzone.isValidFile(file, this.options.acceptedFiles)) {
+        return done(this.options.dictInvalidFileType);
+      } else if ((this.options.maxFiles != null) && this.getAcceptedFiles().length >= this.options.maxFiles) {
+        done(this.options.dictMaxFilesExceeded.replace("{{maxFiles}}", this.options.maxFiles));
+        return this.emit("maxfilesexceeded", file);
+      } else {
+        return this.options.accept.call(this, file, done);
+      }
+    };
+
+    Dropzone.prototype.addFile = function(file) {
+      file.upload = {
+        progress: 0,
+        total: file.size,
+        bytesSent: 0
+      };
+      this.files.push(file);
+      file.status = Dropzone.ADDED;
+      this.emit("addedfile", file);
+      this._enqueueThumbnail(file);
+      return this.accept(file, (function(_this) {
+        return function(error) {
+          if (error) {
+            file.accepted = false;
+            _this._errorProcessing([file], error);
+          } else {
+            file.accepted = true;
+            if (_this.options.autoQueue) {
+              _this.enqueueFile(file);
+            }
+          }
+          return _this._updateMaxFilesReachedClass();
+        };
+      })(this));
+    };
+
+    Dropzone.prototype.enqueueFiles = function(files) {
+      var file, _i, _len;
+      for (_i = 0, _len = files.length; _i < _len; _i++) {
+        file = files[_i];
+        this.enqueueFile(file);
+      }
+      return null;
+    };
+
+    Dropzone.prototype.enqueueFile = function(file) {
+      if (file.status === Dropzone.ADDED && file.accepted === true) {
+        file.status = Dropzone.QUEUED;
+        if (this.options.autoProcessQueue) {
+          return setTimeout(((function(_this) {
+            return function() {
+              return _this.processQueue();
+            };
+          })(this)), 0);
+        }
+      } else {
+        throw new Error("This file can't be queued because it has already been processed or was rejected.");
+      }
+    };
+
+    Dropzone.prototype._thumbnailQueue = [];
+
+    Dropzone.prototype._processingThumbnail = false;
+
+    Dropzone.prototype._enqueueThumbnail = function(file) {
+      if (this.options.createImageThumbnails && file.type.match(/image.*/) && file.size <= this.options.maxThumbnailFilesize * 1024 * 1024) {
+        this._thumbnailQueue.push(file);
+        return setTimeout(((function(_this) {
+          return function() {
+            return _this._processThumbnailQueue();
+          };
+        })(this)), 0);
+      }
+    };
+
+    Dropzone.prototype._processThumbnailQueue = function() {
+      if (this._processingThumbnail || this._thumbnailQueue.length === 0) {
+        return;
+      }
+      this._processingThumbnail = true;
+      return this.createThumbnail(this._thumbnailQueue.shift(), (function(_this) {
+        return function() {
+          _this._processingThumbnail = false;
+          return _this._processThumbnailQueue();
+        };
+      })(this));
+    };
+
+    Dropzone.prototype.removeFile = function(file) {
+      if (file.status === Dropzone.UPLOADING) {
+        this.cancelUpload(file);
+      }
+      this.files = without(this.files, file);
+      this.emit("removedfile", file);
+      if (this.files.length === 0) {
+        return this.emit("reset");
+      }
+    };
+
+    Dropzone.prototype.removeAllFiles = function(cancelIfNecessary) {
+      var file, _i, _len, _ref;
+      if (cancelIfNecessary == null) {
+        cancelIfNecessary = false;
+      }
+      _ref = this.files.slice();
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        file = _ref[_i];
+        if (file.status !== Dropzone.UPLOADING || cancelIfNecessary) {
+          this.removeFile(file);
+        }
+      }
+      return null;
+    };
+
+    Dropzone.prototype.createThumbnail = function(file, callback) {
+      var fileReader;
+      fileReader = new FileReader;
+      fileReader.onload = (function(_this) {
+        return function() {
+          var img;
+          img = document.createElement("img");
+          img.onload = function() {
+            var canvas, ctx, resizeInfo, thumbnail, _ref, _ref1, _ref2, _ref3;
+            file.width = img.width;
+            file.height = img.height;
+            resizeInfo = _this.options.resize.call(_this, file);
+            if (resizeInfo.trgWidth == null) {
+              resizeInfo.trgWidth = resizeInfo.optWidth;
+            }
+            if (resizeInfo.trgHeight == null) {
+              resizeInfo.trgHeight = resizeInfo.optHeight;
+            }
+            canvas = document.createElement("canvas");
+            ctx = canvas.getContext("2d");
+            canvas.width = resizeInfo.trgWidth;
+            canvas.height = resizeInfo.trgHeight;
+            drawImageIOSFix(ctx, img, (_ref = resizeInfo.srcX) != null ? _ref : 0, (_ref1 = resizeInfo.srcY) != null ? _ref1 : 0, resizeInfo.srcWidth, resizeInfo.srcHeight, (_ref2 = resizeInfo.trgX) != null ? _ref2 : 0, (_ref3 = resizeInfo.trgY) != null ? _ref3 : 0, resizeInfo.trgWidth, resizeInfo.trgHeight);
+            thumbnail = canvas.toDataURL("image/png");
+            _this.emit("thumbnail", file, thumbnail);
+            if (callback != null) {
+              return callback();
+            }
+          };
+          return img.src = fileReader.result;
+        };
+      })(this);
+      return fileReader.readAsDataURL(file);
+    };
+
+    Dropzone.prototype.processQueue = function() {
+      var i, parallelUploads, processingLength, queuedFiles;
+      parallelUploads = this.options.parallelUploads;
+      processingLength = this.getUploadingFiles().length;
+      i = processingLength;
+      if (processingLength >= parallelUploads) {
+        return;
+      }
+      queuedFiles = this.getQueuedFiles();
+      if (!(queuedFiles.length > 0)) {
+        return;
+      }
+      if (this.options.uploadMultiple) {
+        return this.processFiles(queuedFiles.slice(0, parallelUploads - processingLength));
+      } else {
+        while (i < parallelUploads) {
+          if (!queuedFiles.length) {
+            return;
+          }
+          this.processFile(queuedFiles.shift());
+          i++;
+        }
+      }
+    };
+
+    Dropzone.prototype.processFile = function(file) {
+      return this.processFiles([file]);
+    };
+
+    Dropzone.prototype.processFiles = function(files) {
+      var file, _i, _len;
+      for (_i = 0, _len = files.length; _i < _len; _i++) {
+        file = files[_i];
+        file.processing = true;
+        file.status = Dropzone.UPLOADING;
+        this.emit("processing", file);
+      }
+      if (this.options.uploadMultiple) {
+        this.emit("processingmultiple", files);
+      }
+      return this.uploadFiles(files);
+    };
+
+    Dropzone.prototype._getFilesWithXhr = function(xhr) {
+      var file, files;
+      return files = (function() {
+        var _i, _len, _ref, _results;
+        _ref = this.files;
+        _results = [];
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          file = _ref[_i];
+          if (file.xhr === xhr) {
+            _results.push(file);
+          }
+        }
+        return _results;
+      }).call(this);
+    };
+
+    Dropzone.prototype.cancelUpload = function(file) {
+      var groupedFile, groupedFiles, _i, _j, _len, _len1, _ref;
+      if (file.status === Dropzone.UPLOADING) {
+        groupedFiles = this._getFilesWithXhr(file.xhr);
+        for (_i = 0, _len = groupedFiles.length; _i < _len; _i++) {
+          groupedFile = groupedFiles[_i];
+          groupedFile.status = Dropzone.CANCELED;
+        }
+        file.xhr.abort();
+        for (_j = 0, _len1 = groupedFiles.length; _j < _len1; _j++) {
+          groupedFile = groupedFiles[_j];
+          this.emit("canceled", groupedFile);
+        }
+        if (this.options.uploadMultiple) {
+          this.emit("canceledmultiple", groupedFiles);
+        }
+      } else if ((_ref = file.status) === Dropzone.ADDED || _ref === Dropzone.QUEUED) {
+        file.status = Dropzone.CANCELED;
+        this.emit("canceled", file);
+        if (this.options.uploadMultiple) {
+          this.emit("canceledmultiple", [file]);
+        }
+      }
+      if (this.options.autoProcessQueue) {
+        return this.processQueue();
+      }
+    };
+
+    Dropzone.prototype.uploadFile = function(file) {
+      return this.uploadFiles([file]);
+    };
+
+    Dropzone.prototype.uploadFiles = function(files) {
+      var file, formData, handleError, headerName, headerValue, headers, i, input, inputName, inputType, key, option, progressObj, response, updateProgress, value, xhr, _i, _j, _k, _l, _len, _len1, _len2, _len3, _m, _ref, _ref1, _ref2, _ref3, _ref4, _ref5;
+      xhr = new XMLHttpRequest();
+      for (_i = 0, _len = files.length; _i < _len; _i++) {
+        file = files[_i];
+        file.xhr = xhr;
+      }
+      xhr.open(this.options.method, this.options.url, true);
+      xhr.withCredentials = !!this.options.withCredentials;
+      response = null;
+      handleError = (function(_this) {
+        return function() {
+          var _j, _len1, _results;
+          _results = [];
+          for (_j = 0, _len1 = files.length; _j < _len1; _j++) {
+            file = files[_j];
+            _results.push(_this._errorProcessing(files, response || _this.options.dictResponseError.replace("{{statusCode}}", xhr.status), xhr));
+          }
+          return _results;
+        };
+      })(this);
+      updateProgress = (function(_this) {
+        return function(e) {
+          var allFilesFinished, progress, _j, _k, _l, _len1, _len2, _len3, _results;
+          if (e != null) {
+            progress = 100 * e.loaded / e.total;
+            for (_j = 0, _len1 = files.length; _j < _len1; _j++) {
+              file = files[_j];
+              file.upload = {
+                progress: progress,
+                total: e.total,
+                bytesSent: e.loaded
+              };
+            }
+          } else {
+            allFilesFinished = true;
+            progress = 100;
+            for (_k = 0, _len2 = files.length; _k < _len2; _k++) {
+              file = files[_k];
+              if (!(file.upload.progress === 100 && file.upload.bytesSent === file.upload.total)) {
+                allFilesFinished = false;
+              }
+              file.upload.progress = progress;
+              file.upload.bytesSent = file.upload.total;
+            }
+            if (allFilesFinished) {
+              return;
+            }
+          }
+          _results = [];
+          for (_l = 0, _len3 = files.length; _l < _len3; _l++) {
+            file = files[_l];
+            _results.push(_this.emit("uploadprogress", file, progress, file.upload.bytesSent));
+          }
+          return _results;
+        };
+      })(this);
+      xhr.onload = (function(_this) {
+        return function(e) {
+          var _ref;
+          if (files[0].status === Dropzone.CANCELED) {
+            return;
+          }
+          if (xhr.readyState !== 4) {
+            return;
+          }
+          response = xhr.responseText;
+          if (xhr.getResponseHeader("content-type") && ~xhr.getResponseHeader("content-type").indexOf("application/json")) {
+            try {
+              response = JSON.parse(response);
+            } catch (_error) {
+              e = _error;
+              response = "Invalid JSON response from server.";
+            }
+          }
+          updateProgress();
+          if (!((200 <= (_ref = xhr.status) && _ref < 300))) {
+            return handleError();
+          } else {
+            return _this._finished(files, response, e);
+          }
+        };
+      })(this);
+      xhr.onerror = (function(_this) {
+        return function() {
+          if (files[0].status === Dropzone.CANCELED) {
+            return;
+          }
+          return handleError();
+        };
+      })(this);
+      progressObj = (_ref = xhr.upload) != null ? _ref : xhr;
+      progressObj.onprogress = updateProgress;
+      headers = {
+        "Accept": "application/json",
+        "Cache-Control": "no-cache",
+        "X-Requested-With": "XMLHttpRequest"
+      };
+      if (this.options.headers) {
+        extend(headers, this.options.headers);
+      }
+      for (headerName in headers) {
+        headerValue = headers[headerName];
+        xhr.setRequestHeader(headerName, headerValue);
+      }
+      formData = new FormData();
+      if (this.options.params) {
+        _ref1 = this.options.params;
+        for (key in _ref1) {
+          value = _ref1[key];
+          formData.append(key, value);
+        }
+      }
+      for (_j = 0, _len1 = files.length; _j < _len1; _j++) {
+        file = files[_j];
+        this.emit("sending", file, xhr, formData);
+      }
+      if (this.options.uploadMultiple) {
+        this.emit("sendingmultiple", files, xhr, formData);
+      }
+      if (this.element.tagName === "FORM") {
+        _ref2 = this.element.querySelectorAll("input, textarea, select, button");
+        for (_k = 0, _len2 = _ref2.length; _k < _len2; _k++) {
+          input = _ref2[_k];
+          inputName = input.getAttribute("name");
+          inputType = input.getAttribute("type");
+          if (input.tagName === "SELECT" && input.hasAttribute("multiple")) {
+            _ref3 = input.options;
+            for (_l = 0, _len3 = _ref3.length; _l < _len3; _l++) {
+              option = _ref3[_l];
+              if (option.selected) {
+                formData.append(inputName, option.value);
+              }
+            }
+          } else if (!inputType || ((_ref4 = inputType.toLowerCase()) !== "checkbox" && _ref4 !== "radio") || input.checked) {
+            formData.append(inputName, input.value);
+          }
+        }
+      }
+      for (i = _m = 0, _ref5 = files.length - 1; 0 <= _ref5 ? _m <= _ref5 : _m >= _ref5; i = 0 <= _ref5 ? ++_m : --_m) {
+        formData.append(this._getParamName(i), files[i], files[i].name);
+      }
+      return xhr.send(formData);
+    };
+
+    Dropzone.prototype._finished = function(files, responseText, e) {
+      var file, _i, _len;
+      for (_i = 0, _len = files.length; _i < _len; _i++) {
+        file = files[_i];
+        file.status = Dropzone.SUCCESS;
+        this.emit("success", file, responseText, e);
+        this.emit("complete", file);
+      }
+      if (this.options.uploadMultiple) {
+        this.emit("successmultiple", files, responseText, e);
+        this.emit("completemultiple", files);
+      }
+      if (this.options.autoProcessQueue) {
+        return this.processQueue();
+      }
+    };
+
+    Dropzone.prototype._errorProcessing = function(files, message, xhr) {
+      var file, _i, _len;
+      for (_i = 0, _len = files.length; _i < _len; _i++) {
+        file = files[_i];
+        file.status = Dropzone.ERROR;
+        this.emit("error", file, message, xhr);
+        this.emit("complete", file);
+      }
+      if (this.options.uploadMultiple) {
+        this.emit("errormultiple", files, message, xhr);
+        this.emit("completemultiple", files);
+      }
+      if (this.options.autoProcessQueue) {
+        return this.processQueue();
+      }
+    };
+
+    return Dropzone;
+
+  })(Em);
+
+  Dropzone.version = "3.10.2";
+
+  Dropzone.options = {};
+
+  Dropzone.optionsForElement = function(element) {
+    if (element.getAttribute("id")) {
+      return Dropzone.options[camelize(element.getAttribute("id"))];
+    } else {
+      return void 0;
+    }
+  };
+
+  Dropzone.instances = [];
+
+  Dropzone.forElement = function(element) {
+    if (typeof element === "string") {
+      element = document.querySelector(element);
+    }
+    if ((element != null ? element.dropzone : void 0) == null) {
+      throw new Error("No Dropzone found for given element. This is probably because you're trying to access it before Dropzone had the time to initialize. Use the `init` option to setup any additional observers on your Dropzone.");
+    }
+    return element.dropzone;
+  };
+
+  Dropzone.autoDiscover = true;
+
+  Dropzone.discover = function() {
+    var checkElements, dropzone, dropzones, _i, _len, _results;
+    if (document.querySelectorAll) {
+      dropzones = document.querySelectorAll(".dropzone");
+    } else {
+      dropzones = [];
+      checkElements = function(elements) {
+        var el, _i, _len, _results;
+        _results = [];
+        for (_i = 0, _len = elements.length; _i < _len; _i++) {
+          el = elements[_i];
+          if (/(^| )dropzone($| )/.test(el.className)) {
+            _results.push(dropzones.push(el));
+          } else {
+            _results.push(void 0);
+          }
+        }
+        return _results;
+      };
+      checkElements(document.getElementsByTagName("div"));
+      checkElements(document.getElementsByTagName("form"));
+    }
+    _results = [];
+    for (_i = 0, _len = dropzones.length; _i < _len; _i++) {
+      dropzone = dropzones[_i];
+      if (Dropzone.optionsForElement(dropzone) !== false) {
+        _results.push(new Dropzone(dropzone));
+      } else {
+        _results.push(void 0);
+      }
+    }
+    return _results;
+  };
+
+  Dropzone.blacklistedBrowsers = [/opera.*Macintosh.*version\/12/i];
+
+  Dropzone.isBrowserSupported = function() {
+    var capableBrowser, regex, _i, _len, _ref;
+    capableBrowser = true;
+    if (window.File && window.FileReader && window.FileList && window.Blob && window.FormData && document.querySelector) {
+      if (!("classList" in document.createElement("a"))) {
+        capableBrowser = false;
+      } else {
+        _ref = Dropzone.blacklistedBrowsers;
+        for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+          regex = _ref[_i];
+          if (regex.test(navigator.userAgent)) {
+            capableBrowser = false;
+            continue;
+          }
+        }
+      }
+    } else {
+      capableBrowser = false;
+    }
+    return capableBrowser;
+  };
+
+  without = function(list, rejectedItem) {
+    var item, _i, _len, _results;
+    _results = [];
+    for (_i = 0, _len = list.length; _i < _len; _i++) {
+      item = list[_i];
+      if (item !== rejectedItem) {
+        _results.push(item);
+      }
+    }
+    return _results;
+  };
+
+  camelize = function(str) {
+    return str.replace(/[\-_](\w)/g, function(match) {
+      return match.charAt(1).toUpperCase();
+    });
+  };
+
+  Dropzone.createElement = function(string) {
+    var div;
+    div = document.createElement("div");
+    div.innerHTML = string;
+    return div.childNodes[0];
+  };
+
+  Dropzone.elementInside = function(element, container) {
+    if (element === container) {
+      return true;
+    }
+    while (element = element.parentNode) {
+      if (element === container) {
+        return true;
+      }
+    }
+    return false;
+  };
+
+  Dropzone.getElement = function(el, name) {
+    var element;
+    if (typeof el === "string") {
+      element = document.querySelector(el);
+    } else if (el.nodeType != null) {
+      element = el;
+    }
+    if (element == null) {
+      throw new Error("Invalid `" + name + "` option provided. Please provide a CSS selector or a plain HTML element.");
+    }
+    return element;
+  };
+
+  Dropzone.getElements = function(els, name) {
+    var e, el, elements, _i, _j, _len, _len1, _ref;
+    if (els instanceof Array) {
+      elements = [];
+      try {
+        for (_i = 0, _len = els.length; _i < _len; _i++) {
+          el = els[_i];
+          elements.push(this.getElement(el, name));
+        }
+      } catch (_error) {
+        e = _error;
+        elements = null;
+      }
+    } else if (typeof els === "string") {
+      elements = [];
+      _ref = document.querySelectorAll(els);
+      for (_j = 0, _len1 = _ref.length; _j < _len1; _j++) {
+        el = _ref[_j];
+        elements.push(el);
+      }
+    } else if (els.nodeType != null) {
+      elements = [els];
+    }
+    if (!((elements != null) && elements.length)) {
+      throw new Error("Invalid `" + name + "` option provided. Please provide a CSS selector, a plain HTML element or a list of those.");
+    }
+    return elements;
+  };
+
+  Dropzone.confirm = function(question, accepted, rejected) {
+    if (window.confirm(question)) {
+      return accepted();
+    } else if (rejected != null) {
+      return rejected();
+    }
+  };
+
+  Dropzone.isValidFile = function(file, acceptedFiles) {
+    var baseMimeType, mimeType, validType, _i, _len;
+    if (!acceptedFiles) {
+      return true;
+    }
+    acceptedFiles = acceptedFiles.split(",");
+    mimeType = file.type;
+    baseMimeType = mimeType.replace(/\/.*$/, "");
+    for (_i = 0, _len = acceptedFiles.length; _i < _len; _i++) {
+      validType = acceptedFiles[_i];
+      validType = validType.trim();
+      if (validType.charAt(0) === ".") {
+        if (file.name.toLowerCase().indexOf(validType.toLowerCase(), file.name.length - validType.length) !== -1) {
+          return true;
+        }
+      } else if (/\/\*$/.test(validType)) {
+        if (baseMimeType === validType.replace(/\/.*$/, "")) {
+          return true;
+        }
+      } else {
+        if (mimeType === validType) {
+          return true;
+        }
+      }
+    }
+    return false;
+  };
+
+  if (typeof jQuery !== "undefined" && jQuery !== null) {
+    jQuery.fn.dropzone = function(options) {
+      return this.each(function() {
+        return new Dropzone(this, options);
+      });
+    };
+  }
+
+  if (typeof module !== "undefined" && module !== null) {
+    module.exports = Dropzone;
+  } else {
+    window.Dropzone = Dropzone;
+  }
+
+  Dropzone.ADDED = "added";
+
+  Dropzone.QUEUED = "queued";
+
+  Dropzone.ACCEPTED = Dropzone.QUEUED;
+
+  Dropzone.UPLOADING = "uploading";
+
+  Dropzone.PROCESSING = Dropzone.UPLOADING;
+
+  Dropzone.CANCELED = "canceled";
+
+  Dropzone.ERROR = "error";
+
+  Dropzone.SUCCESS = "success";
+
+
+  /*
+  
+  Bugfix for iOS 6 and 7
+  Source: http://stackoverflow.com/questions/11929099/html5-canvas-drawimage-ratio-bug-ios
+  based on the work of https://github.com/stomita/ios-imagefile-megapixel
+   */
+
+  detectVerticalSquash = function(img) {
+    var alpha, canvas, ctx, data, ey, ih, iw, py, ratio, sy;
+    iw = img.naturalWidth;
+    ih = img.naturalHeight;
+    canvas = document.createElement("canvas");
+    canvas.width = 1;
+    canvas.height = ih;
+    ctx = canvas.getContext("2d");
+    ctx.drawImage(img, 0, 0);
+    data = ctx.getImageData(0, 0, 1, ih).data;
+    sy = 0;
+    ey = ih;
+    py = ih;
+    while (py > sy) {
+      alpha = data[(py - 1) * 4 + 3];
+      if (alpha === 0) {
+        ey = py;
+      } else {
+        sy = py;
+      }
+      py = (ey + sy) >> 1;
+    }
+    ratio = py / ih;
+    if (ratio === 0) {
+      return 1;
+    } else {
+      return ratio;
+    }
+  };
+
+  drawImageIOSFix = function(ctx, img, sx, sy, sw, sh, dx, dy, dw, dh) {
+    var vertSquashRatio;
+    vertSquashRatio = detectVerticalSquash(img);
+    return ctx.drawImage(img, sx, sy, sw, sh, dx, dy, dw, dh / vertSquashRatio);
+  };
+
+
+  /*
+   * contentloaded.js
+   *
+   * Author: Diego Perini (diego.perini at gmail.com)
+   * Summary: cross-browser wrapper for DOMContentLoaded
+   * Updated: 20101020
+   * License: MIT
+   * Version: 1.2
+   *
+   * URL:
+   * http://javascript.nwbox.com/ContentLoaded/
+   * http://javascript.nwbox.com/ContentLoaded/MIT-LICENSE
+   */
+
+  contentLoaded = function(win, fn) {
+    var add, doc, done, init, poll, pre, rem, root, top;
+    done = false;
+    top = true;
+    doc = win.document;
+    root = doc.documentElement;
+    add = (doc.addEventListener ? "addEventListener" : "attachEvent");
+    rem = (doc.addEventListener ? "removeEventListener" : "detachEvent");
+    pre = (doc.addEventListener ? "" : "on");
+    init = function(e) {
+      if (e.type === "readystatechange" && doc.readyState !== "complete") {
+        return;
+      }
+      (e.type === "load" ? win : doc)[rem](pre + e.type, init, false);
+      if (!done && (done = true)) {
+        return fn.call(win, e.type || e);
+      }
+    };
+    poll = function() {
+      var e;
+      try {
+        root.doScroll("left");
+      } catch (_error) {
+        e = _error;
+        setTimeout(poll, 50);
+        return;
+      }
+      return init("poll");
+    };
+    if (doc.readyState !== "complete") {
+      if (doc.createEventObject && root.doScroll) {
+        try {
+          top = !win.frameElement;
+        } catch (_error) {}
+        if (top) {
+          poll();
+        }
+      }
+      doc[add](pre + "DOMContentLoaded", init, false);
+      doc[add](pre + "readystatechange", init, false);
+      return win[add](pre + "load", init, false);
+    }
+  };
+
+  Dropzone._autoDiscoverFunction = function() {
+    if (Dropzone.autoDiscover) {
+      return Dropzone.discover();
+    }
+  };
+
+  contentLoaded(window, Dropzone._autoDiscoverFunction);
+
+}).call(this);
+
+});
+
+if (typeof exports == "object") {
+  module.exports = require("dropzone");
+} else if (typeof define == "function" && define.amd) {
+  define([], function(){ return require("dropzone"); });
+} else {
+  this["Dropzone"] = require("dropzone");
+}
+})()
diff --git a/web/bootstrap-ace-admin/js/excanvas.js b/web/bootstrap-ace-admin/js/excanvas.js
new file mode 100755
index 00000000..70a8f25c
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/excanvas.js
@@ -0,0 +1,1428 @@
+// Copyright 2006 Google Inc.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//   http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+
+// Known Issues:
+//
+// * Patterns only support repeat.
+// * Radial gradient are not implemented. The VML version of these look very
+//   different from the canvas one.
+// * Clipping paths are not implemented.
+// * Coordsize. The width and height attribute have higher priority than the
+//   width and height style values which isn't correct.
+// * Painting mode isn't implemented.
+// * Canvas width/height should is using content-box by default. IE in
+//   Quirks mode will draw the canvas using border-box. Either change your
+//   doctype to HTML5
+//   (http://www.whatwg.org/specs/web-apps/current-work/#the-doctype)
+//   or use Box Sizing Behavior from WebFX
+//   (http://webfx.eae.net/dhtml/boxsizing/boxsizing.html)
+// * Non uniform scaling does not correctly scale strokes.
+// * Filling very large shapes (above 5000 points) is buggy.
+// * Optimize. There is always room for speed improvements.
+
+// Only add this code if we do not already have a canvas implementation
+if (!document.createElement('canvas').getContext) {
+
+(function() {
+
+  // alias some functions to make (compiled) code shorter
+  var m = Math;
+  var mr = m.round;
+  var ms = m.sin;
+  var mc = m.cos;
+  var abs = m.abs;
+  var sqrt = m.sqrt;
+
+  // this is used for sub pixel precision
+  var Z = 10;
+  var Z2 = Z / 2;
+
+  var IE_VERSION = +navigator.userAgent.match(/MSIE ([\d.]+)?/)[1];
+
+  /**
+   * This funtion is assigned to the <canvas> elements as element.getContext().
+   * @this {HTMLElement}
+   * @return {CanvasRenderingContext2D_}
+   */
+  function getContext() {
+    return this.context_ ||
+        (this.context_ = new CanvasRenderingContext2D_(this));
+  }
+
+  var slice = Array.prototype.slice;
+
+  /**
+   * Binds a function to an object. The returned function will always use the
+   * passed in {@code obj} as {@code this}.
+   *
+   * Example:
+   *
+   *   g = bind(f, obj, a, b)
+   *   g(c, d) // will do f.call(obj, a, b, c, d)
+   *
+   * @param {Function} f The function to bind the object to
+   * @param {Object} obj The object that should act as this when the function
+   *     is called
+   * @param {*} var_args Rest arguments that will be used as the initial
+   *     arguments when the function is called
+   * @return {Function} A new function that has bound this
+   */
+  function bind(f, obj, var_args) {
+    var a = slice.call(arguments, 2);
+    return function() {
+      return f.apply(obj, a.concat(slice.call(arguments)));
+    };
+  }
+
+  function encodeHtmlAttribute(s) {
+    return String(s).replace(/&/g, '&amp;').replace(/"/g, '&quot;');
+  }
+
+  function addNamespace(doc, prefix, urn) {
+    if (!doc.namespaces[prefix]) {
+      doc.namespaces.add(prefix, urn, '#default#VML');
+    }
+  }
+
+  function addNamespacesAndStylesheet(doc) {
+    addNamespace(doc, 'g_vml_', 'urn:schemas-microsoft-com:vml');
+    addNamespace(doc, 'g_o_', 'urn:schemas-microsoft-com:office:office');
+
+    // Setup default CSS.  Only add one style sheet per document
+    if (!doc.styleSheets['ex_canvas_']) {
+      var ss = doc.createStyleSheet();
+      ss.owningElement.id = 'ex_canvas_';
+      ss.cssText = 'canvas{display:inline-block;overflow:hidden;' +
+          // default size is 300x150 in Gecko and Opera
+          'text-align:left;width:300px;height:150px}';
+    }
+  }
+
+  // Add namespaces and stylesheet at startup.
+  addNamespacesAndStylesheet(document);
+
+  var G_vmlCanvasManager_ = {
+    init: function(opt_doc) {
+      var doc = opt_doc || document;
+      // Create a dummy element so that IE will allow canvas elements to be
+      // recognized.
+      doc.createElement('canvas');
+      doc.attachEvent('onreadystatechange', bind(this.init_, this, doc));
+    },
+
+    init_: function(doc) {
+      // find all canvas elements
+      var els = doc.getElementsByTagName('canvas');
+      for (var i = 0; i < els.length; i++) {
+        this.initElement(els[i]);
+      }
+    },
+
+    /**
+     * Public initializes a canvas element so that it can be used as canvas
+     * element from now on. This is called automatically before the page is
+     * loaded but if you are creating elements using createElement you need to
+     * make sure this is called on the element.
+     * @param {HTMLElement} el The canvas element to initialize.
+     * @return {HTMLElement} the element that was created.
+     */
+    initElement: function(el) {
+      if (!el.getContext) {
+        el.getContext = getContext;
+
+        // Add namespaces and stylesheet to document of the element.
+        addNamespacesAndStylesheet(el.ownerDocument);
+
+        // Remove fallback content. There is no way to hide text nodes so we
+        // just remove all childNodes. We could hide all elements and remove
+        // text nodes but who really cares about the fallback content.
+        el.innerHTML = '';
+
+        // do not use inline function because that will leak memory
+        el.attachEvent('onpropertychange', onPropertyChange);
+        el.attachEvent('onresize', onResize);
+
+        var attrs = el.attributes;
+        if (attrs.width && attrs.width.specified) {
+          // TODO: use runtimeStyle and coordsize
+          // el.getContext().setWidth_(attrs.width.nodeValue);
+          el.style.width = attrs.width.nodeValue + 'px';
+        } else {
+          el.width = el.clientWidth;
+        }
+        if (attrs.height && attrs.height.specified) {
+          // TODO: use runtimeStyle and coordsize
+          // el.getContext().setHeight_(attrs.height.nodeValue);
+          el.style.height = attrs.height.nodeValue + 'px';
+        } else {
+          el.height = el.clientHeight;
+        }
+        //el.getContext().setCoordsize_()
+      }
+      return el;
+    }
+  };
+
+  function onPropertyChange(e) {
+    var el = e.srcElement;
+
+    switch (e.propertyName) {
+      case 'width':
+        el.getContext().clearRect();
+        el.style.width = el.attributes.width.nodeValue + 'px';
+        // In IE8 this does not trigger onresize.
+        el.firstChild.style.width =  el.clientWidth + 'px';
+        break;
+      case 'height':
+        el.getContext().clearRect();
+        el.style.height = el.attributes.height.nodeValue + 'px';
+        el.firstChild.style.height = el.clientHeight + 'px';
+        break;
+    }
+  }
+
+  function onResize(e) {
+    var el = e.srcElement;
+    if (el.firstChild) {
+      el.firstChild.style.width =  el.clientWidth + 'px';
+      el.firstChild.style.height = el.clientHeight + 'px';
+    }
+  }
+
+  G_vmlCanvasManager_.init();
+
+  // precompute "00" to "FF"
+  var decToHex = [];
+  for (var i = 0; i < 16; i++) {
+    for (var j = 0; j < 16; j++) {
+      decToHex[i * 16 + j] = i.toString(16) + j.toString(16);
+    }
+  }
+
+  function createMatrixIdentity() {
+    return [
+      [1, 0, 0],
+      [0, 1, 0],
+      [0, 0, 1]
+    ];
+  }
+
+  function matrixMultiply(m1, m2) {
+    var result = createMatrixIdentity();
+
+    for (var x = 0; x < 3; x++) {
+      for (var y = 0; y < 3; y++) {
+        var sum = 0;
+
+        for (var z = 0; z < 3; z++) {
+          sum += m1[x][z] * m2[z][y];
+        }
+
+        result[x][y] = sum;
+      }
+    }
+    return result;
+  }
+
+  function copyState(o1, o2) {
+    o2.fillStyle     = o1.fillStyle;
+    o2.lineCap       = o1.lineCap;
+    o2.lineJoin      = o1.lineJoin;
+    o2.lineWidth     = o1.lineWidth;
+    o2.miterLimit    = o1.miterLimit;
+    o2.shadowBlur    = o1.shadowBlur;
+    o2.shadowColor   = o1.shadowColor;
+    o2.shadowOffsetX = o1.shadowOffsetX;
+    o2.shadowOffsetY = o1.shadowOffsetY;
+    o2.strokeStyle   = o1.strokeStyle;
+    o2.globalAlpha   = o1.globalAlpha;
+    o2.font          = o1.font;
+    o2.textAlign     = o1.textAlign;
+    o2.textBaseline  = o1.textBaseline;
+    o2.arcScaleX_    = o1.arcScaleX_;
+    o2.arcScaleY_    = o1.arcScaleY_;
+    o2.lineScale_    = o1.lineScale_;
+  }
+
+  var colorData = {
+    aliceblue: '#F0F8FF',
+    antiquewhite: '#FAEBD7',
+    aquamarine: '#7FFFD4',
+    azure: '#F0FFFF',
+    beige: '#F5F5DC',
+    bisque: '#FFE4C4',
+    black: '#000000',
+    blanchedalmond: '#FFEBCD',
+    blueviolet: '#8A2BE2',
+    brown: '#A52A2A',
+    burlywood: '#DEB887',
+    cadetblue: '#5F9EA0',
+    chartreuse: '#7FFF00',
+    chocolate: '#D2691E',
+    coral: '#FF7F50',
+    cornflowerblue: '#6495ED',
+    cornsilk: '#FFF8DC',
+    crimson: '#DC143C',
+    cyan: '#00FFFF',
+    darkblue: '#00008B',
+    darkcyan: '#008B8B',
+    darkgoldenrod: '#B8860B',
+    darkgray: '#A9A9A9',
+    darkgreen: '#006400',
+    darkgrey: '#A9A9A9',
+    darkkhaki: '#BDB76B',
+    darkmagenta: '#8B008B',
+    darkolivegreen: '#556B2F',
+    darkorange: '#FF8C00',
+    darkorchid: '#9932CC',
+    darkred: '#8B0000',
+    darksalmon: '#E9967A',
+    darkseagreen: '#8FBC8F',
+    darkslateblue: '#483D8B',
+    darkslategray: '#2F4F4F',
+    darkslategrey: '#2F4F4F',
+    darkturquoise: '#00CED1',
+    darkviolet: '#9400D3',
+    deeppink: '#FF1493',
+    deepskyblue: '#00BFFF',
+    dimgray: '#696969',
+    dimgrey: '#696969',
+    dodgerblue: '#1E90FF',
+    firebrick: '#B22222',
+    floralwhite: '#FFFAF0',
+    forestgreen: '#228B22',
+    gainsboro: '#DCDCDC',
+    ghostwhite: '#F8F8FF',
+    gold: '#FFD700',
+    goldenrod: '#DAA520',
+    grey: '#808080',
+    greenyellow: '#ADFF2F',
+    honeydew: '#F0FFF0',
+    hotpink: '#FF69B4',
+    indianred: '#CD5C5C',
+    indigo: '#4B0082',
+    ivory: '#FFFFF0',
+    khaki: '#F0E68C',
+    lavender: '#E6E6FA',
+    lavenderblush: '#FFF0F5',
+    lawngreen: '#7CFC00',
+    lemonchiffon: '#FFFACD',
+    lightblue: '#ADD8E6',
+    lightcoral: '#F08080',
+    lightcyan: '#E0FFFF',
+    lightgoldenrodyellow: '#FAFAD2',
+    lightgreen: '#90EE90',
+    lightgrey: '#D3D3D3',
+    lightpink: '#FFB6C1',
+    lightsalmon: '#FFA07A',
+    lightseagreen: '#20B2AA',
+    lightskyblue: '#87CEFA',
+    lightslategray: '#778899',
+    lightslategrey: '#778899',
+    lightsteelblue: '#B0C4DE',
+    lightyellow: '#FFFFE0',
+    limegreen: '#32CD32',
+    linen: '#FAF0E6',
+    magenta: '#FF00FF',
+    mediumaquamarine: '#66CDAA',
+    mediumblue: '#0000CD',
+    mediumorchid: '#BA55D3',
+    mediumpurple: '#9370DB',
+    mediumseagreen: '#3CB371',
+    mediumslateblue: '#7B68EE',
+    mediumspringgreen: '#00FA9A',
+    mediumturquoise: '#48D1CC',
+    mediumvioletred: '#C71585',
+    midnightblue: '#191970',
+    mintcream: '#F5FFFA',
+    mistyrose: '#FFE4E1',
+    moccasin: '#FFE4B5',
+    navajowhite: '#FFDEAD',
+    oldlace: '#FDF5E6',
+    olivedrab: '#6B8E23',
+    orange: '#FFA500',
+    orangered: '#FF4500',
+    orchid: '#DA70D6',
+    palegoldenrod: '#EEE8AA',
+    palegreen: '#98FB98',
+    paleturquoise: '#AFEEEE',
+    palevioletred: '#DB7093',
+    papayawhip: '#FFEFD5',
+    peachpuff: '#FFDAB9',
+    peru: '#CD853F',
+    pink: '#FFC0CB',
+    plum: '#DDA0DD',
+    powderblue: '#B0E0E6',
+    rosybrown: '#BC8F8F',
+    royalblue: '#4169E1',
+    saddlebrown: '#8B4513',
+    salmon: '#FA8072',
+    sandybrown: '#F4A460',
+    seagreen: '#2E8B57',
+    seashell: '#FFF5EE',
+    sienna: '#A0522D',
+    skyblue: '#87CEEB',
+    slateblue: '#6A5ACD',
+    slategray: '#708090',
+    slategrey: '#708090',
+    snow: '#FFFAFA',
+    springgreen: '#00FF7F',
+    steelblue: '#4682B4',
+    tan: '#D2B48C',
+    thistle: '#D8BFD8',
+    tomato: '#FF6347',
+    turquoise: '#40E0D0',
+    violet: '#EE82EE',
+    wheat: '#F5DEB3',
+    whitesmoke: '#F5F5F5',
+    yellowgreen: '#9ACD32'
+  };
+
+
+  function getRgbHslContent(styleString) {
+    var start = styleString.indexOf('(', 3);
+    var end = styleString.indexOf(')', start + 1);
+    var parts = styleString.substring(start + 1, end).split(',');
+    // add alpha if needed
+    if (parts.length != 4 || styleString.charAt(3) != 'a') {
+      parts[3] = 1;
+    }
+    return parts;
+  }
+
+  function percent(s) {
+    return parseFloat(s) / 100;
+  }
+
+  function clamp(v, min, max) {
+    return Math.min(max, Math.max(min, v));
+  }
+
+  function hslToRgb(parts){
+    var r, g, b, h, s, l;
+    h = parseFloat(parts[0]) / 360 % 360;
+    if (h < 0)
+      h++;
+    s = clamp(percent(parts[1]), 0, 1);
+    l = clamp(percent(parts[2]), 0, 1);
+    if (s == 0) {
+      r = g = b = l; // achromatic
+    } else {
+      var q = l < 0.5 ? l * (1 + s) : l + s - l * s;
+      var p = 2 * l - q;
+      r = hueToRgb(p, q, h + 1 / 3);
+      g = hueToRgb(p, q, h);
+      b = hueToRgb(p, q, h - 1 / 3);
+    }
+
+    return '#' + decToHex[Math.floor(r * 255)] +
+        decToHex[Math.floor(g * 255)] +
+        decToHex[Math.floor(b * 255)];
+  }
+
+  function hueToRgb(m1, m2, h) {
+    if (h < 0)
+      h++;
+    if (h > 1)
+      h--;
+
+    if (6 * h < 1)
+      return m1 + (m2 - m1) * 6 * h;
+    else if (2 * h < 1)
+      return m2;
+    else if (3 * h < 2)
+      return m1 + (m2 - m1) * (2 / 3 - h) * 6;
+    else
+      return m1;
+  }
+
+  var processStyleCache = {};
+
+  function processStyle(styleString) {
+    if (styleString in processStyleCache) {
+      return processStyleCache[styleString];
+    }
+
+    var str, alpha = 1;
+
+    styleString = String(styleString);
+    if (styleString.charAt(0) == '#') {
+      str = styleString;
+    } else if (/^rgb/.test(styleString)) {
+      var parts = getRgbHslContent(styleString);
+      var str = '#', n;
+      for (var i = 0; i < 3; i++) {
+        if (parts[i].indexOf('%') != -1) {
+          n = Math.floor(percent(parts[i]) * 255);
+        } else {
+          n = +parts[i];
+        }
+        str += decToHex[clamp(n, 0, 255)];
+      }
+      alpha = +parts[3];
+    } else if (/^hsl/.test(styleString)) {
+      var parts = getRgbHslContent(styleString);
+      str = hslToRgb(parts);
+      alpha = parts[3];
+    } else {
+      str = colorData[styleString] || styleString;
+    }
+    return processStyleCache[styleString] = {color: str, alpha: alpha};
+  }
+
+  var DEFAULT_STYLE = {
+    style: 'normal',
+    variant: 'normal',
+    weight: 'normal',
+    size: 10,
+    family: 'sans-serif'
+  };
+
+  // Internal text style cache
+  var fontStyleCache = {};
+
+  function processFontStyle(styleString) {
+    if (fontStyleCache[styleString]) {
+      return fontStyleCache[styleString];
+    }
+
+    var el = document.createElement('div');
+    var style = el.style;
+    try {
+      style.font = styleString;
+    } catch (ex) {
+      // Ignore failures to set to invalid font.
+    }
+
+    return fontStyleCache[styleString] = {
+      style: style.fontStyle || DEFAULT_STYLE.style,
+      variant: style.fontVariant || DEFAULT_STYLE.variant,
+      weight: style.fontWeight || DEFAULT_STYLE.weight,
+      size: style.fontSize || DEFAULT_STYLE.size,
+      family: style.fontFamily || DEFAULT_STYLE.family
+    };
+  }
+
+  function getComputedStyle(style, element) {
+    var computedStyle = {};
+
+    for (var p in style) {
+      computedStyle[p] = style[p];
+    }
+
+    // Compute the size
+    var canvasFontSize = parseFloat(element.currentStyle.fontSize),
+        fontSize = parseFloat(style.size);
+
+    if (typeof style.size == 'number') {
+      computedStyle.size = style.size;
+    } else if (style.size.indexOf('px') != -1) {
+      computedStyle.size = fontSize;
+    } else if (style.size.indexOf('em') != -1) {
+      computedStyle.size = canvasFontSize * fontSize;
+    } else if(style.size.indexOf('%') != -1) {
+      computedStyle.size = (canvasFontSize / 100) * fontSize;
+    } else if (style.size.indexOf('pt') != -1) {
+      computedStyle.size = fontSize / .75;
+    } else {
+      computedStyle.size = canvasFontSize;
+    }
+
+    // Different scaling between normal text and VML text. This was found using
+    // trial and error to get the same size as non VML text.
+    computedStyle.size *= 0.981;
+
+    return computedStyle;
+  }
+
+  function buildStyle(style) {
+    return style.style + ' ' + style.variant + ' ' + style.weight + ' ' +
+        style.size + 'px ' + style.family;
+  }
+
+  var lineCapMap = {
+    'butt': 'flat',
+    'round': 'round'
+  };
+
+  function processLineCap(lineCap) {
+    return lineCapMap[lineCap] || 'square';
+  }
+
+  /**
+   * This class implements CanvasRenderingContext2D interface as described by
+   * the WHATWG.
+   * @param {HTMLElement} canvasElement The element that the 2D context should
+   * be associated with
+   */
+  function CanvasRenderingContext2D_(canvasElement) {
+    this.m_ = createMatrixIdentity();
+
+    this.mStack_ = [];
+    this.aStack_ = [];
+    this.currentPath_ = [];
+
+    // Canvas context properties
+    this.strokeStyle = '#000';
+    this.fillStyle = '#000';
+
+    this.lineWidth = 1;
+    this.lineJoin = 'miter';
+    this.lineCap = 'butt';
+    this.miterLimit = Z * 1;
+    this.globalAlpha = 1;
+    this.font = '10px sans-serif';
+    this.textAlign = 'left';
+    this.textBaseline = 'alphabetic';
+    this.canvas = canvasElement;
+
+    var cssText = 'width:' + canvasElement.clientWidth + 'px;height:' +
+        canvasElement.clientHeight + 'px;overflow:hidden;position:absolute';
+    var el = canvasElement.ownerDocument.createElement('div');
+    el.style.cssText = cssText;
+    canvasElement.appendChild(el);
+
+    var overlayEl = el.cloneNode(false);
+    // Use a non transparent background.
+    overlayEl.style.backgroundColor = 'red';
+    overlayEl.style.filter = 'alpha(opacity=0)';
+    canvasElement.appendChild(overlayEl);
+
+    this.element_ = el;
+    this.arcScaleX_ = 1;
+    this.arcScaleY_ = 1;
+    this.lineScale_ = 1;
+  }
+
+  var contextPrototype = CanvasRenderingContext2D_.prototype;
+  contextPrototype.clearRect = function() {
+    if (this.textMeasureEl_) {
+      this.textMeasureEl_.removeNode(true);
+      this.textMeasureEl_ = null;
+    }
+    this.element_.innerHTML = '';
+  };
+
+  contextPrototype.beginPath = function() {
+    // TODO: Branch current matrix so that save/restore has no effect
+    //       as per safari docs.
+    this.currentPath_ = [];
+  };
+
+  contextPrototype.moveTo = function(aX, aY) {
+    var p = getCoords(this, aX, aY);
+    this.currentPath_.push({type: 'moveTo', x: p.x, y: p.y});
+    this.currentX_ = p.x;
+    this.currentY_ = p.y;
+  };
+
+  contextPrototype.lineTo = function(aX, aY) {
+    var p = getCoords(this, aX, aY);
+    this.currentPath_.push({type: 'lineTo', x: p.x, y: p.y});
+
+    this.currentX_ = p.x;
+    this.currentY_ = p.y;
+  };
+
+  contextPrototype.bezierCurveTo = function(aCP1x, aCP1y,
+                                            aCP2x, aCP2y,
+                                            aX, aY) {
+    var p = getCoords(this, aX, aY);
+    var cp1 = getCoords(this, aCP1x, aCP1y);
+    var cp2 = getCoords(this, aCP2x, aCP2y);
+    bezierCurveTo(this, cp1, cp2, p);
+  };
+
+  // Helper function that takes the already fixed cordinates.
+  function bezierCurveTo(self, cp1, cp2, p) {
+    self.currentPath_.push({
+      type: 'bezierCurveTo',
+      cp1x: cp1.x,
+      cp1y: cp1.y,
+      cp2x: cp2.x,
+      cp2y: cp2.y,
+      x: p.x,
+      y: p.y
+    });
+    self.currentX_ = p.x;
+    self.currentY_ = p.y;
+  }
+
+  contextPrototype.quadraticCurveTo = function(aCPx, aCPy, aX, aY) {
+    // the following is lifted almost directly from
+    // http://developer.mozilla.org/en/docs/Canvas_tutorial:Drawing_shapes
+
+    var cp = getCoords(this, aCPx, aCPy);
+    var p = getCoords(this, aX, aY);
+
+    var cp1 = {
+      x: this.currentX_ + 2.0 / 3.0 * (cp.x - this.currentX_),
+      y: this.currentY_ + 2.0 / 3.0 * (cp.y - this.currentY_)
+    };
+    var cp2 = {
+      x: cp1.x + (p.x - this.currentX_) / 3.0,
+      y: cp1.y + (p.y - this.currentY_) / 3.0
+    };
+
+    bezierCurveTo(this, cp1, cp2, p);
+  };
+
+  contextPrototype.arc = function(aX, aY, aRadius,
+                                  aStartAngle, aEndAngle, aClockwise) {
+    aRadius *= Z;
+    var arcType = aClockwise ? 'at' : 'wa';
+
+    var xStart = aX + mc(aStartAngle) * aRadius - Z2;
+    var yStart = aY + ms(aStartAngle) * aRadius - Z2;
+
+    var xEnd = aX + mc(aEndAngle) * aRadius - Z2;
+    var yEnd = aY + ms(aEndAngle) * aRadius - Z2;
+
+    // IE won't render arches drawn counter clockwise if xStart == xEnd.
+    if (xStart == xEnd && !aClockwise) {
+      xStart += 0.125; // Offset xStart by 1/80 of a pixel. Use something
+                       // that can be represented in binary
+    }
+
+    var p = getCoords(this, aX, aY);
+    var pStart = getCoords(this, xStart, yStart);
+    var pEnd = getCoords(this, xEnd, yEnd);
+
+    this.currentPath_.push({type: arcType,
+                           x: p.x,
+                           y: p.y,
+                           radius: aRadius,
+                           xStart: pStart.x,
+                           yStart: pStart.y,
+                           xEnd: pEnd.x,
+                           yEnd: pEnd.y});
+
+  };
+
+  contextPrototype.rect = function(aX, aY, aWidth, aHeight) {
+    this.moveTo(aX, aY);
+    this.lineTo(aX + aWidth, aY);
+    this.lineTo(aX + aWidth, aY + aHeight);
+    this.lineTo(aX, aY + aHeight);
+    this.closePath();
+  };
+
+  contextPrototype.strokeRect = function(aX, aY, aWidth, aHeight) {
+    var oldPath = this.currentPath_;
+    this.beginPath();
+
+    this.moveTo(aX, aY);
+    this.lineTo(aX + aWidth, aY);
+    this.lineTo(aX + aWidth, aY + aHeight);
+    this.lineTo(aX, aY + aHeight);
+    this.closePath();
+    this.stroke();
+
+    this.currentPath_ = oldPath;
+  };
+
+  contextPrototype.fillRect = function(aX, aY, aWidth, aHeight) {
+    var oldPath = this.currentPath_;
+    this.beginPath();
+
+    this.moveTo(aX, aY);
+    this.lineTo(aX + aWidth, aY);
+    this.lineTo(aX + aWidth, aY + aHeight);
+    this.lineTo(aX, aY + aHeight);
+    this.closePath();
+    this.fill();
+
+    this.currentPath_ = oldPath;
+  };
+
+  contextPrototype.createLinearGradient = function(aX0, aY0, aX1, aY1) {
+    var gradient = new CanvasGradient_('gradient');
+    gradient.x0_ = aX0;
+    gradient.y0_ = aY0;
+    gradient.x1_ = aX1;
+    gradient.y1_ = aY1;
+    return gradient;
+  };
+
+  contextPrototype.createRadialGradient = function(aX0, aY0, aR0,
+                                                   aX1, aY1, aR1) {
+    var gradient = new CanvasGradient_('gradientradial');
+    gradient.x0_ = aX0;
+    gradient.y0_ = aY0;
+    gradient.r0_ = aR0;
+    gradient.x1_ = aX1;
+    gradient.y1_ = aY1;
+    gradient.r1_ = aR1;
+    return gradient;
+  };
+
+  contextPrototype.drawImage = function(image, var_args) {
+    var dx, dy, dw, dh, sx, sy, sw, sh;
+
+    // to find the original width we overide the width and height
+    var oldRuntimeWidth = image.runtimeStyle.width;
+    var oldRuntimeHeight = image.runtimeStyle.height;
+    image.runtimeStyle.width = 'auto';
+    image.runtimeStyle.height = 'auto';
+
+    // get the original size
+    var w = image.width;
+    var h = image.height;
+
+    // and remove overides
+    image.runtimeStyle.width = oldRuntimeWidth;
+    image.runtimeStyle.height = oldRuntimeHeight;
+
+    if (arguments.length == 3) {
+      dx = arguments[1];
+      dy = arguments[2];
+      sx = sy = 0;
+      sw = dw = w;
+      sh = dh = h;
+    } else if (arguments.length == 5) {
+      dx = arguments[1];
+      dy = arguments[2];
+      dw = arguments[3];
+      dh = arguments[4];
+      sx = sy = 0;
+      sw = w;
+      sh = h;
+    } else if (arguments.length == 9) {
+      sx = arguments[1];
+      sy = arguments[2];
+      sw = arguments[3];
+      sh = arguments[4];
+      dx = arguments[5];
+      dy = arguments[6];
+      dw = arguments[7];
+      dh = arguments[8];
+    } else {
+      throw Error('Invalid number of arguments');
+    }
+
+    var d = getCoords(this, dx, dy);
+
+    var w2 = sw / 2;
+    var h2 = sh / 2;
+
+    var vmlStr = [];
+
+    var W = 10;
+    var H = 10;
+
+    // For some reason that I've now forgotten, using divs didn't work
+    vmlStr.push(' <g_vml_:group',
+                ' coordsize="', Z * W, ',', Z * H, '"',
+                ' coordorigin="0,0"' ,
+                ' style="width:', W, 'px;height:', H, 'px;position:absolute;');
+
+    // If filters are necessary (rotation exists), create them
+    // filters are bog-slow, so only create them if abbsolutely necessary
+    // The following check doesn't account for skews (which don't exist
+    // in the canvas spec (yet) anyway.
+
+    if (this.m_[0][0] != 1 || this.m_[0][1] ||
+        this.m_[1][1] != 1 || this.m_[1][0]) {
+      var filter = [];
+
+      // Note the 12/21 reversal
+      filter.push('M11=', this.m_[0][0], ',',
+                  'M12=', this.m_[1][0], ',',
+                  'M21=', this.m_[0][1], ',',
+                  'M22=', this.m_[1][1], ',',
+                  'Dx=', mr(d.x / Z), ',',
+                  'Dy=', mr(d.y / Z), '');
+
+      // Bounding box calculation (need to minimize displayed area so that
+      // filters don't waste time on unused pixels.
+      var max = d;
+      var c2 = getCoords(this, dx + dw, dy);
+      var c3 = getCoords(this, dx, dy + dh);
+      var c4 = getCoords(this, dx + dw, dy + dh);
+
+      max.x = m.max(max.x, c2.x, c3.x, c4.x);
+      max.y = m.max(max.y, c2.y, c3.y, c4.y);
+
+      vmlStr.push('padding:0 ', mr(max.x / Z), 'px ', mr(max.y / Z),
+                  'px 0;filter:progid:DXImageTransform.Microsoft.Matrix(',
+                  filter.join(''), ", sizingmethod='clip');");
+
+    } else {
+      vmlStr.push('top:', mr(d.y / Z), 'px;left:', mr(d.x / Z), 'px;');
+    }
+
+    vmlStr.push(' ">' ,
+                '<g_vml_:image src="', image.src, '"',
+                ' style="width:', Z * dw, 'px;',
+                ' height:', Z * dh, 'px"',
+                ' cropleft="', sx / w, '"',
+                ' croptop="', sy / h, '"',
+                ' cropright="', (w - sx - sw) / w, '"',
+                ' cropbottom="', (h - sy - sh) / h, '"',
+                ' />',
+                '</g_vml_:group>');
+
+    this.element_.insertAdjacentHTML('BeforeEnd', vmlStr.join(''));
+  };
+
+  contextPrototype.stroke = function(aFill) {
+    var W = 10;
+    var H = 10;
+    // Divide the shape into chunks if it's too long because IE has a limit
+    // somewhere for how long a VML shape can be. This simple division does
+    // not work with fills, only strokes, unfortunately.
+    var chunkSize = 5000;
+
+    var min = {x: null, y: null};
+    var max = {x: null, y: null};
+
+    for (var j = 0; j < this.currentPath_.length; j += chunkSize) {
+      var lineStr = [];
+      var lineOpen = false;
+
+      lineStr.push('<g_vml_:shape',
+                   ' filled="', !!aFill, '"',
+                   ' style="position:absolute;width:', W, 'px;height:', H, 'px;"',
+                   ' coordorigin="0,0"',
+                   ' coordsize="', Z * W, ',', Z * H, '"',
+                   ' stroked="', !aFill, '"',
+                   ' path="');
+
+      var newSeq = false;
+
+      for (var i = j; i < Math.min(j + chunkSize, this.currentPath_.length); i++) {
+        if (i % chunkSize == 0 && i > 0) { // move into position for next chunk
+          lineStr.push(' m ', mr(this.currentPath_[i-1].x), ',', mr(this.currentPath_[i-1].y));
+        }
+
+        var p = this.currentPath_[i];
+        var c;
+
+        switch (p.type) {
+          case 'moveTo':
+            c = p;
+            lineStr.push(' m ', mr(p.x), ',', mr(p.y));
+            break;
+          case 'lineTo':
+            lineStr.push(' l ', mr(p.x), ',', mr(p.y));
+            break;
+          case 'close':
+            lineStr.push(' x ');
+            p = null;
+            break;
+          case 'bezierCurveTo':
+            lineStr.push(' c ',
+                         mr(p.cp1x), ',', mr(p.cp1y), ',',
+                         mr(p.cp2x), ',', mr(p.cp2y), ',',
+                         mr(p.x), ',', mr(p.y));
+            break;
+          case 'at':
+          case 'wa':
+            lineStr.push(' ', p.type, ' ',
+                         mr(p.x - this.arcScaleX_ * p.radius), ',',
+                         mr(p.y - this.arcScaleY_ * p.radius), ' ',
+                         mr(p.x + this.arcScaleX_ * p.radius), ',',
+                         mr(p.y + this.arcScaleY_ * p.radius), ' ',
+                         mr(p.xStart), ',', mr(p.yStart), ' ',
+                         mr(p.xEnd), ',', mr(p.yEnd));
+            break;
+        }
+  
+  
+        // TODO: Following is broken for curves due to
+        //       move to proper paths.
+  
+        // Figure out dimensions so we can do gradient fills
+        // properly
+        if (p) {
+          if (min.x == null || p.x < min.x) {
+            min.x = p.x;
+          }
+          if (max.x == null || p.x > max.x) {
+            max.x = p.x;
+          }
+          if (min.y == null || p.y < min.y) {
+            min.y = p.y;
+          }
+          if (max.y == null || p.y > max.y) {
+            max.y = p.y;
+          }
+        }
+      }
+      lineStr.push(' ">');
+  
+      if (!aFill) {
+        appendStroke(this, lineStr);
+      } else {
+        appendFill(this, lineStr, min, max);
+      }
+  
+      lineStr.push('</g_vml_:shape>');
+  
+      this.element_.insertAdjacentHTML('beforeEnd', lineStr.join(''));
+    }
+  };
+
+  function appendStroke(ctx, lineStr) {
+    var a = processStyle(ctx.strokeStyle);
+    var color = a.color;
+    var opacity = a.alpha * ctx.globalAlpha;
+    var lineWidth = ctx.lineScale_ * ctx.lineWidth;
+
+    // VML cannot correctly render a line if the width is less than 1px.
+    // In that case, we dilute the color to make the line look thinner.
+    if (lineWidth < 1) {
+      opacity *= lineWidth;
+    }
+
+    lineStr.push(
+      '<g_vml_:stroke',
+      ' opacity="', opacity, '"',
+      ' joinstyle="', ctx.lineJoin, '"',
+      ' miterlimit="', ctx.miterLimit, '"',
+      ' endcap="', processLineCap(ctx.lineCap), '"',
+      ' weight="', lineWidth, 'px"',
+      ' color="', color, '" />'
+    );
+  }
+
+  function appendFill(ctx, lineStr, min, max) {
+    var fillStyle = ctx.fillStyle;
+    var arcScaleX = ctx.arcScaleX_;
+    var arcScaleY = ctx.arcScaleY_;
+    var width = max.x - min.x;
+    var height = max.y - min.y;
+    if (fillStyle instanceof CanvasGradient_) {
+      // TODO: Gradients transformed with the transformation matrix.
+      var angle = 0;
+      var focus = {x: 0, y: 0};
+
+      // additional offset
+      var shift = 0;
+      // scale factor for offset
+      var expansion = 1;
+
+      if (fillStyle.type_ == 'gradient') {
+        var x0 = fillStyle.x0_ / arcScaleX;
+        var y0 = fillStyle.y0_ / arcScaleY;
+        var x1 = fillStyle.x1_ / arcScaleX;
+        var y1 = fillStyle.y1_ / arcScaleY;
+        var p0 = getCoords(ctx, x0, y0);
+        var p1 = getCoords(ctx, x1, y1);
+        var dx = p1.x - p0.x;
+        var dy = p1.y - p0.y;
+        angle = Math.atan2(dx, dy) * 180 / Math.PI;
+
+        // The angle should be a non-negative number.
+        if (angle < 0) {
+          angle += 360;
+        }
+
+        // Very small angles produce an unexpected result because they are
+        // converted to a scientific notation string.
+        if (angle < 1e-6) {
+          angle = 0;
+        }
+      } else {
+        var p0 = getCoords(ctx, fillStyle.x0_, fillStyle.y0_);
+        focus = {
+          x: (p0.x - min.x) / width,
+          y: (p0.y - min.y) / height
+        };
+
+        width  /= arcScaleX * Z;
+        height /= arcScaleY * Z;
+        var dimension = m.max(width, height);
+        shift = 2 * fillStyle.r0_ / dimension;
+        expansion = 2 * fillStyle.r1_ / dimension - shift;
+      }
+
+      // We need to sort the color stops in ascending order by offset,
+      // otherwise IE won't interpret it correctly.
+      var stops = fillStyle.colors_;
+      stops.sort(function(cs1, cs2) {
+        return cs1.offset - cs2.offset;
+      });
+
+      var length = stops.length;
+      var color1 = stops[0].color;
+      var color2 = stops[length - 1].color;
+      var opacity1 = stops[0].alpha * ctx.globalAlpha;
+      var opacity2 = stops[length - 1].alpha * ctx.globalAlpha;
+
+      var colors = [];
+      for (var i = 0; i < length; i++) {
+        var stop = stops[i];
+        colors.push(stop.offset * expansion + shift + ' ' + stop.color);
+      }
+
+      // When colors attribute is used, the meanings of opacity and o:opacity2
+      // are reversed.
+      lineStr.push('<g_vml_:fill type="', fillStyle.type_, '"',
+                   ' method="none" focus="100%"',
+                   ' color="', color1, '"',
+                   ' color2="', color2, '"',
+                   ' colors="', colors.join(','), '"',
+                   ' opacity="', opacity2, '"',
+                   ' g_o_:opacity2="', opacity1, '"',
+                   ' angle="', angle, '"',
+                   ' focusposition="', focus.x, ',', focus.y, '" />');
+    } else if (fillStyle instanceof CanvasPattern_) {
+      if (width && height) {
+        var deltaLeft = -min.x;
+        var deltaTop = -min.y;
+        lineStr.push('<g_vml_:fill',
+                     ' position="',
+                     deltaLeft / width * arcScaleX * arcScaleX, ',',
+                     deltaTop / height * arcScaleY * arcScaleY, '"',
+                     ' type="tile"',
+                     // TODO: Figure out the correct size to fit the scale.
+                     //' size="', w, 'px ', h, 'px"',
+                     ' src="', fillStyle.src_, '" />');
+       }
+    } else {
+      var a = processStyle(ctx.fillStyle);
+      var color = a.color;
+      var opacity = a.alpha * ctx.globalAlpha;
+      lineStr.push('<g_vml_:fill color="', color, '" opacity="', opacity,
+                   '" />');
+    }
+  }
+
+  contextPrototype.fill = function() {
+    this.stroke(true);
+  };
+
+  contextPrototype.closePath = function() {
+    this.currentPath_.push({type: 'close'});
+  };
+
+  function getCoords(ctx, aX, aY) {
+    var m = ctx.m_;
+    return {
+      x: Z * (aX * m[0][0] + aY * m[1][0] + m[2][0]) - Z2,
+      y: Z * (aX * m[0][1] + aY * m[1][1] + m[2][1]) - Z2
+    };
+  };
+
+  contextPrototype.save = function() {
+    var o = {};
+    copyState(this, o);
+    this.aStack_.push(o);
+    this.mStack_.push(this.m_);
+    this.m_ = matrixMultiply(createMatrixIdentity(), this.m_);
+  };
+
+  contextPrototype.restore = function() {
+    if (this.aStack_.length) {
+      copyState(this.aStack_.pop(), this);
+      this.m_ = this.mStack_.pop();
+    }
+  };
+
+  function matrixIsFinite(m) {
+    return isFinite(m[0][0]) && isFinite(m[0][1]) &&
+        isFinite(m[1][0]) && isFinite(m[1][1]) &&
+        isFinite(m[2][0]) && isFinite(m[2][1]);
+  }
+
+  function setM(ctx, m, updateLineScale) {
+    if (!matrixIsFinite(m)) {
+      return;
+    }
+    ctx.m_ = m;
+
+    if (updateLineScale) {
+      // Get the line scale.
+      // Determinant of this.m_ means how much the area is enlarged by the
+      // transformation. So its square root can be used as a scale factor
+      // for width.
+      var det = m[0][0] * m[1][1] - m[0][1] * m[1][0];
+      ctx.lineScale_ = sqrt(abs(det));
+    }
+  }
+
+  contextPrototype.translate = function(aX, aY) {
+    var m1 = [
+      [1,  0,  0],
+      [0,  1,  0],
+      [aX, aY, 1]
+    ];
+
+    setM(this, matrixMultiply(m1, this.m_), false);
+  };
+
+  contextPrototype.rotate = function(aRot) {
+    var c = mc(aRot);
+    var s = ms(aRot);
+
+    var m1 = [
+      [c,  s, 0],
+      [-s, c, 0],
+      [0,  0, 1]
+    ];
+
+    setM(this, matrixMultiply(m1, this.m_), false);
+  };
+
+  contextPrototype.scale = function(aX, aY) {
+    this.arcScaleX_ *= aX;
+    this.arcScaleY_ *= aY;
+    var m1 = [
+      [aX, 0,  0],
+      [0,  aY, 0],
+      [0,  0,  1]
+    ];
+
+    setM(this, matrixMultiply(m1, this.m_), true);
+  };
+
+  contextPrototype.transform = function(m11, m12, m21, m22, dx, dy) {
+    var m1 = [
+      [m11, m12, 0],
+      [m21, m22, 0],
+      [dx,  dy,  1]
+    ];
+
+    setM(this, matrixMultiply(m1, this.m_), true);
+  };
+
+  contextPrototype.setTransform = function(m11, m12, m21, m22, dx, dy) {
+    var m = [
+      [m11, m12, 0],
+      [m21, m22, 0],
+      [dx,  dy,  1]
+    ];
+
+    setM(this, m, true);
+  };
+
+  /**
+   * The text drawing function.
+   * The maxWidth argument isn't taken in account, since no browser supports
+   * it yet.
+   */
+  contextPrototype.drawText_ = function(text, x, y, maxWidth, stroke) {
+    var m = this.m_,
+        delta = 1000,
+        left = 0,
+        right = delta,
+        offset = {x: 0, y: 0},
+        lineStr = [];
+
+    var fontStyle = getComputedStyle(processFontStyle(this.font),
+                                     this.element_);
+
+    var fontStyleString = buildStyle(fontStyle);
+
+    var elementStyle = this.element_.currentStyle;
+    var textAlign = this.textAlign.toLowerCase();
+    switch (textAlign) {
+      case 'left':
+      case 'center':
+      case 'right':
+        break;
+      case 'end':
+        textAlign = elementStyle.direction == 'ltr' ? 'right' : 'left';
+        break;
+      case 'start':
+        textAlign = elementStyle.direction == 'rtl' ? 'right' : 'left';
+        break;
+      default:
+        textAlign = 'left';
+    }
+
+    // 1.75 is an arbitrary number, as there is no info about the text baseline
+    switch (this.textBaseline) {
+      case 'hanging':
+      case 'top':
+        offset.y = fontStyle.size / 1.75;
+        break;
+      case 'middle':
+        break;
+      default:
+      case null:
+      case 'alphabetic':
+      case 'ideographic':
+      case 'bottom':
+        offset.y = -fontStyle.size / 2.25;
+        break;
+    }
+
+    switch(textAlign) {
+      case 'right':
+        left = delta;
+        right = 0.05;
+        break;
+      case 'center':
+        left = right = delta / 2;
+        break;
+    }
+
+    var d = getCoords(this, x + offset.x, y + offset.y);
+
+    lineStr.push('<g_vml_:line from="', -left ,' 0" to="', right ,' 0.05" ',
+                 ' coordsize="100 100" coordorigin="0 0"',
+                 ' filled="', !stroke, '" stroked="', !!stroke,
+                 '" style="position:absolute;width:1px;height:1px;">');
+
+    if (stroke) {
+      appendStroke(this, lineStr);
+    } else {
+      // TODO: Fix the min and max params.
+      appendFill(this, lineStr, {x: -left, y: 0},
+                 {x: right, y: fontStyle.size});
+    }
+
+    var skewM = m[0][0].toFixed(3) + ',' + m[1][0].toFixed(3) + ',' +
+                m[0][1].toFixed(3) + ',' + m[1][1].toFixed(3) + ',0,0';
+
+    var skewOffset = mr(d.x / Z) + ',' + mr(d.y / Z);
+
+    lineStr.push('<g_vml_:skew on="t" matrix="', skewM ,'" ',
+                 ' offset="', skewOffset, '" origin="', left ,' 0" />',
+                 '<g_vml_:path textpathok="true" />',
+                 '<g_vml_:textpath on="true" string="',
+                 encodeHtmlAttribute(text),
+                 '" style="v-text-align:', textAlign,
+                 ';font:', encodeHtmlAttribute(fontStyleString),
+                 '" /></g_vml_:line>');
+
+    this.element_.insertAdjacentHTML('beforeEnd', lineStr.join(''));
+  };
+
+  contextPrototype.fillText = function(text, x, y, maxWidth) {
+    this.drawText_(text, x, y, maxWidth, false);
+  };
+
+  contextPrototype.strokeText = function(text, x, y, maxWidth) {
+    this.drawText_(text, x, y, maxWidth, true);
+  };
+
+  contextPrototype.measureText = function(text) {
+    if (!this.textMeasureEl_) {
+      var s = '<span style="position:absolute;' +
+          'top:-20000px;left:0;padding:0;margin:0;border:none;' +
+          'white-space:pre;"></span>';
+      this.element_.insertAdjacentHTML('beforeEnd', s);
+      this.textMeasureEl_ = this.element_.lastChild;
+    }
+    var doc = this.element_.ownerDocument;
+    this.textMeasureEl_.innerHTML = '';
+    this.textMeasureEl_.style.font = this.font;
+    // Don't use innerHTML or innerText because they allow markup/whitespace.
+    this.textMeasureEl_.appendChild(doc.createTextNode(text));
+    return {width: this.textMeasureEl_.offsetWidth};
+  };
+
+  /******** STUBS ********/
+  contextPrototype.clip = function() {
+    // TODO: Implement
+  };
+
+  contextPrototype.arcTo = function() {
+    // TODO: Implement
+  };
+
+  contextPrototype.createPattern = function(image, repetition) {
+    return new CanvasPattern_(image, repetition);
+  };
+
+  // Gradient / Pattern Stubs
+  function CanvasGradient_(aType) {
+    this.type_ = aType;
+    this.x0_ = 0;
+    this.y0_ = 0;
+    this.r0_ = 0;
+    this.x1_ = 0;
+    this.y1_ = 0;
+    this.r1_ = 0;
+    this.colors_ = [];
+  }
+
+  CanvasGradient_.prototype.addColorStop = function(aOffset, aColor) {
+    aColor = processStyle(aColor);
+    this.colors_.push({offset: aOffset,
+                       color: aColor.color,
+                       alpha: aColor.alpha});
+  };
+
+  function CanvasPattern_(image, repetition) {
+    assertImageIsValid(image);
+    switch (repetition) {
+      case 'repeat':
+      case null:
+      case '':
+        this.repetition_ = 'repeat';
+        break
+      case 'repeat-x':
+      case 'repeat-y':
+      case 'no-repeat':
+        this.repetition_ = repetition;
+        break;
+      default:
+        throwException('SYNTAX_ERR');
+    }
+
+    this.src_ = image.src;
+    this.width_ = image.width;
+    this.height_ = image.height;
+  }
+
+  function throwException(s) {
+    throw new DOMException_(s);
+  }
+
+  function assertImageIsValid(img) {
+    if (!img || img.nodeType != 1 || img.tagName != 'IMG') {
+      throwException('TYPE_MISMATCH_ERR');
+    }
+    if (img.readyState != 'complete') {
+      throwException('INVALID_STATE_ERR');
+    }
+  }
+
+  function DOMException_(s) {
+    this.code = this[s];
+    this.message = s +': DOM Exception ' + this.code;
+  }
+  var p = DOMException_.prototype = new Error;
+  p.INDEX_SIZE_ERR = 1;
+  p.DOMSTRING_SIZE_ERR = 2;
+  p.HIERARCHY_REQUEST_ERR = 3;
+  p.WRONG_DOCUMENT_ERR = 4;
+  p.INVALID_CHARACTER_ERR = 5;
+  p.NO_DATA_ALLOWED_ERR = 6;
+  p.NO_MODIFICATION_ALLOWED_ERR = 7;
+  p.NOT_FOUND_ERR = 8;
+  p.NOT_SUPPORTED_ERR = 9;
+  p.INUSE_ATTRIBUTE_ERR = 10;
+  p.INVALID_STATE_ERR = 11;
+  p.SYNTAX_ERR = 12;
+  p.INVALID_MODIFICATION_ERR = 13;
+  p.NAMESPACE_ERR = 14;
+  p.INVALID_ACCESS_ERR = 15;
+  p.VALIDATION_ERR = 16;
+  p.TYPE_MISMATCH_ERR = 17;
+
+  // set up externs
+  G_vmlCanvasManager = G_vmlCanvasManager_;
+  CanvasRenderingContext2D = CanvasRenderingContext2D_;
+  CanvasGradient = CanvasGradient_;
+  CanvasPattern = CanvasPattern_;
+  DOMException = DOMException_;
+})();
+
+} // if
diff --git a/web/bootstrap-ace-admin/js/flot/jquery.flot.js b/web/bootstrap-ace-admin/js/flot/jquery.flot.js
new file mode 100755
index 00000000..39f3e4cf
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/flot/jquery.flot.js
@@ -0,0 +1,3168 @@
+/* Javascript plotting library for jQuery, version 0.8.3.
+
+Copyright (c) 2007-2014 IOLA and Ole Laursen.
+Licensed under the MIT license.
+
+*/
+
+// first an inline dependency, jquery.colorhelpers.js, we inline it here
+// for convenience
+
+/* Plugin for jQuery for working with colors.
+ *
+ * Version 1.1.
+ *
+ * Inspiration from jQuery color animation plugin by John Resig.
+ *
+ * Released under the MIT license by Ole Laursen, October 2009.
+ *
+ * Examples:
+ *
+ *   $.color.parse("#fff").scale('rgb', 0.25).add('a', -0.5).toString()
+ *   var c = $.color.extract($("#mydiv"), 'background-color');
+ *   console.log(c.r, c.g, c.b, c.a);
+ *   $.color.make(100, 50, 25, 0.4).toString() // returns "rgba(100,50,25,0.4)"
+ *
+ * Note that .scale() and .add() return the same modified object
+ * instead of making a new one.
+ *
+ * V. 1.1: Fix error handling so e.g. parsing an empty string does
+ * produce a color rather than just crashing.
+ */
+(function($){$.color={};$.color.make=function(r,g,b,a){var o={};o.r=r||0;o.g=g||0;o.b=b||0;o.a=a!=null?a:1;o.add=function(c,d){for(var i=0;i<c.length;++i)o[c.charAt(i)]+=d;return o.normalize()};o.scale=function(c,f){for(var i=0;i<c.length;++i)o[c.charAt(i)]*=f;return o.normalize()};o.toString=function(){if(o.a>=1){return"rgb("+[o.r,o.g,o.b].join(",")+")"}else{return"rgba("+[o.r,o.g,o.b,o.a].join(",")+")"}};o.normalize=function(){function clamp(min,value,max){return value<min?min:value>max?max:value}o.r=clamp(0,parseInt(o.r),255);o.g=clamp(0,parseInt(o.g),255);o.b=clamp(0,parseInt(o.b),255);o.a=clamp(0,o.a,1);return o};o.clone=function(){return $.color.make(o.r,o.b,o.g,o.a)};return o.normalize()};$.color.extract=function(elem,css){var c;do{c=elem.css(css).toLowerCase();if(c!=""&&c!="transparent")break;elem=elem.parent()}while(elem.length&&!$.nodeName(elem.get(0),"body"));if(c=="rgba(0, 0, 0, 0)")c="transparent";return $.color.parse(c)};$.color.parse=function(str){var res,m=$.color.make;if(res=/rgb\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*\)/.exec(str))return m(parseInt(res[1],10),parseInt(res[2],10),parseInt(res[3],10));if(res=/rgba\(\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]{1,3})\s*,\s*([0-9]+(?:\.[0-9]+)?)\s*\)/.exec(str))return m(parseInt(res[1],10),parseInt(res[2],10),parseInt(res[3],10),parseFloat(res[4]));if(res=/rgb\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*\)/.exec(str))return m(parseFloat(res[1])*2.55,parseFloat(res[2])*2.55,parseFloat(res[3])*2.55);if(res=/rgba\(\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\%\s*,\s*([0-9]+(?:\.[0-9]+)?)\s*\)/.exec(str))return m(parseFloat(res[1])*2.55,parseFloat(res[2])*2.55,parseFloat(res[3])*2.55,parseFloat(res[4]));if(res=/#([a-fA-F0-9]{2})([a-fA-F0-9]{2})([a-fA-F0-9]{2})/.exec(str))return m(parseInt(res[1],16),parseInt(res[2],16),parseInt(res[3],16));if(res=/#([a-fA-F0-9])([a-fA-F0-9])([a-fA-F0-9])/.exec(str))return m(parseInt(res[1]+res[1],16),parseInt(res[2]+res[2],16),parseInt(res[3]+res[3],16));var name=$.trim(str).toLowerCase();if(name=="transparent")return m(255,255,255,0);else{res=lookupColors[name]||[0,0,0];return m(res[0],res[1],res[2])}};var lookupColors={aqua:[0,255,255],azure:[240,255,255],beige:[245,245,220],black:[0,0,0],blue:[0,0,255],brown:[165,42,42],cyan:[0,255,255],darkblue:[0,0,139],darkcyan:[0,139,139],darkgrey:[169,169,169],darkgreen:[0,100,0],darkkhaki:[189,183,107],darkmagenta:[139,0,139],darkolivegreen:[85,107,47],darkorange:[255,140,0],darkorchid:[153,50,204],darkred:[139,0,0],darksalmon:[233,150,122],darkviolet:[148,0,211],fuchsia:[255,0,255],gold:[255,215,0],green:[0,128,0],indigo:[75,0,130],khaki:[240,230,140],lightblue:[173,216,230],lightcyan:[224,255,255],lightgreen:[144,238,144],lightgrey:[211,211,211],lightpink:[255,182,193],lightyellow:[255,255,224],lime:[0,255,0],magenta:[255,0,255],maroon:[128,0,0],navy:[0,0,128],olive:[128,128,0],orange:[255,165,0],pink:[255,192,203],purple:[128,0,128],violet:[128,0,128],red:[255,0,0],silver:[192,192,192],white:[255,255,255],yellow:[255,255,0]}})(jQuery);
+
+// the actual Flot code
+(function($) {
+
+	// Cache the prototype hasOwnProperty for faster access
+
+	var hasOwnProperty = Object.prototype.hasOwnProperty;
+
+    // A shim to provide 'detach' to jQuery versions prior to 1.4.  Using a DOM
+    // operation produces the same effect as detach, i.e. removing the element
+    // without touching its jQuery data.
+
+    // Do not merge this into Flot 0.9, since it requires jQuery 1.4.4+.
+
+    if (!$.fn.detach) {
+        $.fn.detach = function() {
+            return this.each(function() {
+                if (this.parentNode) {
+                    this.parentNode.removeChild( this );
+                }
+            });
+        };
+    }
+
+	///////////////////////////////////////////////////////////////////////////
+	// The Canvas object is a wrapper around an HTML5 <canvas> tag.
+	//
+	// @constructor
+	// @param {string} cls List of classes to apply to the canvas.
+	// @param {element} container Element onto which to append the canvas.
+	//
+	// Requiring a container is a little iffy, but unfortunately canvas
+	// operations don't work unless the canvas is attached to the DOM.
+
+	function Canvas(cls, container) {
+
+		var element = container.children("." + cls)[0];
+
+		if (element == null) {
+
+			element = document.createElement("canvas");
+			element.className = cls;
+
+			$(element).css({ direction: "ltr", position: "absolute", left: 0, top: 0 })
+				.appendTo(container);
+
+			// If HTML5 Canvas isn't available, fall back to [Ex|Flash]canvas
+
+			if (!element.getContext) {
+				if (window.G_vmlCanvasManager) {
+					element = window.G_vmlCanvasManager.initElement(element);
+				} else {
+					throw new Error("Canvas is not available. If you're using IE with a fall-back such as Excanvas, then there's either a mistake in your conditional include, or the page has no DOCTYPE and is rendering in Quirks Mode.");
+				}
+			}
+		}
+
+		this.element = element;
+
+		var context = this.context = element.getContext("2d");
+
+		// Determine the screen's ratio of physical to device-independent
+		// pixels.  This is the ratio between the canvas width that the browser
+		// advertises and the number of pixels actually present in that space.
+
+		// The iPhone 4, for example, has a device-independent width of 320px,
+		// but its screen is actually 640px wide.  It therefore has a pixel
+		// ratio of 2, while most normal devices have a ratio of 1.
+
+		var devicePixelRatio = window.devicePixelRatio || 1,
+			backingStoreRatio =
+				context.webkitBackingStorePixelRatio ||
+				context.mozBackingStorePixelRatio ||
+				context.msBackingStorePixelRatio ||
+				context.oBackingStorePixelRatio ||
+				context.backingStorePixelRatio || 1;
+
+		this.pixelRatio = devicePixelRatio / backingStoreRatio;
+
+		// Size the canvas to match the internal dimensions of its container
+
+		this.resize(container.width(), container.height());
+
+		// Collection of HTML div layers for text overlaid onto the canvas
+
+		this.textContainer = null;
+		this.text = {};
+
+		// Cache of text fragments and metrics, so we can avoid expensively
+		// re-calculating them when the plot is re-rendered in a loop.
+
+		this._textCache = {};
+	}
+
+	// Resizes the canvas to the given dimensions.
+	//
+	// @param {number} width New width of the canvas, in pixels.
+	// @param {number} width New height of the canvas, in pixels.
+
+	Canvas.prototype.resize = function(width, height) {
+
+		if (width <= 0 || height <= 0) {
+			throw new Error("Invalid dimensions for plot, width = " + width + ", height = " + height);
+		}
+
+		var element = this.element,
+			context = this.context,
+			pixelRatio = this.pixelRatio;
+
+		// Resize the canvas, increasing its density based on the display's
+		// pixel ratio; basically giving it more pixels without increasing the
+		// size of its element, to take advantage of the fact that retina
+		// displays have that many more pixels in the same advertised space.
+
+		// Resizing should reset the state (excanvas seems to be buggy though)
+
+		if (this.width != width) {
+			element.width = width * pixelRatio;
+			element.style.width = width + "px";
+			this.width = width;
+		}
+
+		if (this.height != height) {
+			element.height = height * pixelRatio;
+			element.style.height = height + "px";
+			this.height = height;
+		}
+
+		// Save the context, so we can reset in case we get replotted.  The
+		// restore ensure that we're really back at the initial state, and
+		// should be safe even if we haven't saved the initial state yet.
+
+		context.restore();
+		context.save();
+
+		// Scale the coordinate space to match the display density; so even though we
+		// may have twice as many pixels, we still want lines and other drawing to
+		// appear at the same size; the extra pixels will just make them crisper.
+
+		context.scale(pixelRatio, pixelRatio);
+	};
+
+	// Clears the entire canvas area, not including any overlaid HTML text
+
+	Canvas.prototype.clear = function() {
+		this.context.clearRect(0, 0, this.width, this.height);
+	};
+
+	// Finishes rendering the canvas, including managing the text overlay.
+
+	Canvas.prototype.render = function() {
+
+		var cache = this._textCache;
+
+		// For each text layer, add elements marked as active that haven't
+		// already been rendered, and remove those that are no longer active.
+
+		for (var layerKey in cache) {
+			if (hasOwnProperty.call(cache, layerKey)) {
+
+				var layer = this.getTextLayer(layerKey),
+					layerCache = cache[layerKey];
+
+				layer.hide();
+
+				for (var styleKey in layerCache) {
+					if (hasOwnProperty.call(layerCache, styleKey)) {
+						var styleCache = layerCache[styleKey];
+						for (var key in styleCache) {
+							if (hasOwnProperty.call(styleCache, key)) {
+
+								var positions = styleCache[key].positions;
+
+								for (var i = 0, position; position = positions[i]; i++) {
+									if (position.active) {
+										if (!position.rendered) {
+											layer.append(position.element);
+											position.rendered = true;
+										}
+									} else {
+										positions.splice(i--, 1);
+										if (position.rendered) {
+											position.element.detach();
+										}
+									}
+								}
+
+								if (positions.length == 0) {
+									delete styleCache[key];
+								}
+							}
+						}
+					}
+				}
+
+				layer.show();
+			}
+		}
+	};
+
+	// Creates (if necessary) and returns the text overlay container.
+	//
+	// @param {string} classes String of space-separated CSS classes used to
+	//     uniquely identify the text layer.
+	// @return {object} The jQuery-wrapped text-layer div.
+
+	Canvas.prototype.getTextLayer = function(classes) {
+
+		var layer = this.text[classes];
+
+		// Create the text layer if it doesn't exist
+
+		if (layer == null) {
+
+			// Create the text layer container, if it doesn't exist
+
+			if (this.textContainer == null) {
+				this.textContainer = $("<div class='flot-text'></div>")
+					.css({
+						position: "absolute",
+						top: 0,
+						left: 0,
+						bottom: 0,
+						right: 0,
+						'font-size': "smaller",
+						color: "#545454"
+					})
+					.insertAfter(this.element);
+			}
+
+			layer = this.text[classes] = $("<div></div>")
+				.addClass(classes)
+				.css({
+					position: "absolute",
+					top: 0,
+					left: 0,
+					bottom: 0,
+					right: 0
+				})
+				.appendTo(this.textContainer);
+		}
+
+		return layer;
+	};
+
+	// Creates (if necessary) and returns a text info object.
+	//
+	// The object looks like this:
+	//
+	// {
+	//     width: Width of the text's wrapper div.
+	//     height: Height of the text's wrapper div.
+	//     element: The jQuery-wrapped HTML div containing the text.
+	//     positions: Array of positions at which this text is drawn.
+	// }
+	//
+	// The positions array contains objects that look like this:
+	//
+	// {
+	//     active: Flag indicating whether the text should be visible.
+	//     rendered: Flag indicating whether the text is currently visible.
+	//     element: The jQuery-wrapped HTML div containing the text.
+	//     x: X coordinate at which to draw the text.
+	//     y: Y coordinate at which to draw the text.
+	// }
+	//
+	// Each position after the first receives a clone of the original element.
+	//
+	// The idea is that that the width, height, and general 'identity' of the
+	// text is constant no matter where it is placed; the placements are a
+	// secondary property.
+	//
+	// Canvas maintains a cache of recently-used text info objects; getTextInfo
+	// either returns the cached element or creates a new entry.
+	//
+	// @param {string} layer A string of space-separated CSS classes uniquely
+	//     identifying the layer containing this text.
+	// @param {string} text Text string to retrieve info for.
+	// @param {(string|object)=} font Either a string of space-separated CSS
+	//     classes or a font-spec object, defining the text's font and style.
+	// @param {number=} angle Angle at which to rotate the text, in degrees.
+	//     Angle is currently unused, it will be implemented in the future.
+	// @param {number=} width Maximum width of the text before it wraps.
+	// @return {object} a text info object.
+
+	Canvas.prototype.getTextInfo = function(layer, text, font, angle, width) {
+
+		var textStyle, layerCache, styleCache, info;
+
+		// Cast the value to a string, in case we were given a number or such
+
+		text = "" + text;
+
+		// If the font is a font-spec object, generate a CSS font definition
+
+		if (typeof font === "object") {
+			textStyle = font.style + " " + font.variant + " " + font.weight + " " + font.size + "px/" + font.lineHeight + "px " + font.family;
+		} else {
+			textStyle = font;
+		}
+
+		// Retrieve (or create) the cache for the text's layer and styles
+
+		layerCache = this._textCache[layer];
+
+		if (layerCache == null) {
+			layerCache = this._textCache[layer] = {};
+		}
+
+		styleCache = layerCache[textStyle];
+
+		if (styleCache == null) {
+			styleCache = layerCache[textStyle] = {};
+		}
+
+		info = styleCache[text];
+
+		// If we can't find a matching element in our cache, create a new one
+
+		if (info == null) {
+
+			var element = $("<div></div>").html(text)
+				.css({
+					position: "absolute",
+					'max-width': width,
+					top: -9999
+				})
+				.appendTo(this.getTextLayer(layer));
+
+			if (typeof font === "object") {
+				element.css({
+					font: textStyle,
+					color: font.color
+				});
+			} else if (typeof font === "string") {
+				element.addClass(font);
+			}
+
+			info = styleCache[text] = {
+				width: element.outerWidth(true),
+				height: element.outerHeight(true),
+				element: element,
+				positions: []
+			};
+
+			element.detach();
+		}
+
+		return info;
+	};
+
+	// Adds a text string to the canvas text overlay.
+	//
+	// The text isn't drawn immediately; it is marked as rendering, which will
+	// result in its addition to the canvas on the next render pass.
+	//
+	// @param {string} layer A string of space-separated CSS classes uniquely
+	//     identifying the layer containing this text.
+	// @param {number} x X coordinate at which to draw the text.
+	// @param {number} y Y coordinate at which to draw the text.
+	// @param {string} text Text string to draw.
+	// @param {(string|object)=} font Either a string of space-separated CSS
+	//     classes or a font-spec object, defining the text's font and style.
+	// @param {number=} angle Angle at which to rotate the text, in degrees.
+	//     Angle is currently unused, it will be implemented in the future.
+	// @param {number=} width Maximum width of the text before it wraps.
+	// @param {string=} halign Horizontal alignment of the text; either "left",
+	//     "center" or "right".
+	// @param {string=} valign Vertical alignment of the text; either "top",
+	//     "middle" or "bottom".
+
+	Canvas.prototype.addText = function(layer, x, y, text, font, angle, width, halign, valign) {
+
+		var info = this.getTextInfo(layer, text, font, angle, width),
+			positions = info.positions;
+
+		// Tweak the div's position to match the text's alignment
+
+		if (halign == "center") {
+			x -= info.width / 2;
+		} else if (halign == "right") {
+			x -= info.width;
+		}
+
+		if (valign == "middle") {
+			y -= info.height / 2;
+		} else if (valign == "bottom") {
+			y -= info.height;
+		}
+
+		// Determine whether this text already exists at this position.
+		// If so, mark it for inclusion in the next render pass.
+
+		for (var i = 0, position; position = positions[i]; i++) {
+			if (position.x == x && position.y == y) {
+				position.active = true;
+				return;
+			}
+		}
+
+		// If the text doesn't exist at this position, create a new entry
+
+		// For the very first position we'll re-use the original element,
+		// while for subsequent ones we'll clone it.
+
+		position = {
+			active: true,
+			rendered: false,
+			element: positions.length ? info.element.clone() : info.element,
+			x: x,
+			y: y
+		};
+
+		positions.push(position);
+
+		// Move the element to its final position within the container
+
+		position.element.css({
+			top: Math.round(y),
+			left: Math.round(x),
+			'text-align': halign	// In case the text wraps
+		});
+	};
+
+	// Removes one or more text strings from the canvas text overlay.
+	//
+	// If no parameters are given, all text within the layer is removed.
+	//
+	// Note that the text is not immediately removed; it is simply marked as
+	// inactive, which will result in its removal on the next render pass.
+	// This avoids the performance penalty for 'clear and redraw' behavior,
+	// where we potentially get rid of all text on a layer, but will likely
+	// add back most or all of it later, as when redrawing axes, for example.
+	//
+	// @param {string} layer A string of space-separated CSS classes uniquely
+	//     identifying the layer containing this text.
+	// @param {number=} x X coordinate of the text.
+	// @param {number=} y Y coordinate of the text.
+	// @param {string=} text Text string to remove.
+	// @param {(string|object)=} font Either a string of space-separated CSS
+	//     classes or a font-spec object, defining the text's font and style.
+	// @param {number=} angle Angle at which the text is rotated, in degrees.
+	//     Angle is currently unused, it will be implemented in the future.
+
+	Canvas.prototype.removeText = function(layer, x, y, text, font, angle) {
+		if (text == null) {
+			var layerCache = this._textCache[layer];
+			if (layerCache != null) {
+				for (var styleKey in layerCache) {
+					if (hasOwnProperty.call(layerCache, styleKey)) {
+						var styleCache = layerCache[styleKey];
+						for (var key in styleCache) {
+							if (hasOwnProperty.call(styleCache, key)) {
+								var positions = styleCache[key].positions;
+								for (var i = 0, position; position = positions[i]; i++) {
+									position.active = false;
+								}
+							}
+						}
+					}
+				}
+			}
+		} else {
+			var positions = this.getTextInfo(layer, text, font, angle).positions;
+			for (var i = 0, position; position = positions[i]; i++) {
+				if (position.x == x && position.y == y) {
+					position.active = false;
+				}
+			}
+		}
+	};
+
+	///////////////////////////////////////////////////////////////////////////
+	// The top-level container for the entire plot.
+
+    function Plot(placeholder, data_, options_, plugins) {
+        // data is on the form:
+        //   [ series1, series2 ... ]
+        // where series is either just the data as [ [x1, y1], [x2, y2], ... ]
+        // or { data: [ [x1, y1], [x2, y2], ... ], label: "some label", ... }
+
+        var series = [],
+            options = {
+                // the color theme used for graphs
+                colors: ["#edc240", "#afd8f8", "#cb4b4b", "#4da74d", "#9440ed"],
+                legend: {
+                    show: true,
+                    noColumns: 1, // number of colums in legend table
+                    labelFormatter: null, // fn: string -> string
+                    labelBoxBorderColor: "#ccc", // border color for the little label boxes
+                    container: null, // container (as jQuery object) to put legend in, null means default on top of graph
+                    position: "ne", // position of default legend container within plot
+                    margin: 5, // distance from grid edge to default legend container within plot
+                    backgroundColor: null, // null means auto-detect
+                    backgroundOpacity: 0.85, // set to 0 to avoid background
+                    sorted: null    // default to no legend sorting
+                },
+                xaxis: {
+                    show: null, // null = auto-detect, true = always, false = never
+                    position: "bottom", // or "top"
+                    mode: null, // null or "time"
+                    font: null, // null (derived from CSS in placeholder) or object like { size: 11, lineHeight: 13, style: "italic", weight: "bold", family: "sans-serif", variant: "small-caps" }
+                    color: null, // base color, labels, ticks
+                    tickColor: null, // possibly different color of ticks, e.g. "rgba(0,0,0,0.15)"
+                    transform: null, // null or f: number -> number to transform axis
+                    inverseTransform: null, // if transform is set, this should be the inverse function
+                    min: null, // min. value to show, null means set automatically
+                    max: null, // max. value to show, null means set automatically
+                    autoscaleMargin: null, // margin in % to add if auto-setting min/max
+                    ticks: null, // either [1, 3] or [[1, "a"], 3] or (fn: axis info -> ticks) or app. number of ticks for auto-ticks
+                    tickFormatter: null, // fn: number -> string
+                    labelWidth: null, // size of tick labels in pixels
+                    labelHeight: null,
+                    reserveSpace: null, // whether to reserve space even if axis isn't shown
+                    tickLength: null, // size in pixels of ticks, or "full" for whole line
+                    alignTicksWithAxis: null, // axis number or null for no sync
+                    tickDecimals: null, // no. of decimals, null means auto
+                    tickSize: null, // number or [number, "unit"]
+                    minTickSize: null // number or [number, "unit"]
+                },
+                yaxis: {
+                    autoscaleMargin: 0.02,
+                    position: "left" // or "right"
+                },
+                xaxes: [],
+                yaxes: [],
+                series: {
+                    points: {
+                        show: false,
+                        radius: 3,
+                        lineWidth: 2, // in pixels
+                        fill: true,
+                        fillColor: "#ffffff",
+                        symbol: "circle" // or callback
+                    },
+                    lines: {
+                        // we don't put in show: false so we can see
+                        // whether lines were actively disabled
+                        lineWidth: 2, // in pixels
+                        fill: false,
+                        fillColor: null,
+                        steps: false
+                        // Omit 'zero', so we can later default its value to
+                        // match that of the 'fill' option.
+                    },
+                    bars: {
+                        show: false,
+                        lineWidth: 2, // in pixels
+                        barWidth: 1, // in units of the x axis
+                        fill: true,
+                        fillColor: null,
+                        align: "left", // "left", "right", or "center"
+                        horizontal: false,
+                        zero: true
+                    },
+                    shadowSize: 3,
+                    highlightColor: null
+                },
+                grid: {
+                    show: true,
+                    aboveData: false,
+                    color: "#545454", // primary color used for outline and labels
+                    backgroundColor: null, // null for transparent, else color
+                    borderColor: null, // set if different from the grid color
+                    tickColor: null, // color for the ticks, e.g. "rgba(0,0,0,0.15)"
+                    margin: 0, // distance from the canvas edge to the grid
+                    labelMargin: 5, // in pixels
+                    axisMargin: 8, // in pixels
+                    borderWidth: 2, // in pixels
+                    minBorderMargin: null, // in pixels, null means taken from points radius
+                    markings: null, // array of ranges or fn: axes -> array of ranges
+                    markingsColor: "#f4f4f4",
+                    markingsLineWidth: 2,
+                    // interactive stuff
+                    clickable: false,
+                    hoverable: false,
+                    autoHighlight: true, // highlight in case mouse is near
+                    mouseActiveRadius: 10 // how far the mouse can be away to activate an item
+                },
+                interaction: {
+                    redrawOverlayInterval: 1000/60 // time between updates, -1 means in same flow
+                },
+                hooks: {}
+            },
+        surface = null,     // the canvas for the plot itself
+        overlay = null,     // canvas for interactive stuff on top of plot
+        eventHolder = null, // jQuery object that events should be bound to
+        ctx = null, octx = null,
+        xaxes = [], yaxes = [],
+        plotOffset = { left: 0, right: 0, top: 0, bottom: 0},
+        plotWidth = 0, plotHeight = 0,
+        hooks = {
+            processOptions: [],
+            processRawData: [],
+            processDatapoints: [],
+            processOffset: [],
+            drawBackground: [],
+            drawSeries: [],
+            draw: [],
+            bindEvents: [],
+            drawOverlay: [],
+            shutdown: []
+        },
+        plot = this;
+
+        // public functions
+        plot.setData = setData;
+        plot.setupGrid = setupGrid;
+        plot.draw = draw;
+        plot.getPlaceholder = function() { return placeholder; };
+        plot.getCanvas = function() { return surface.element; };
+        plot.getPlotOffset = function() { return plotOffset; };
+        plot.width = function () { return plotWidth; };
+        plot.height = function () { return plotHeight; };
+        plot.offset = function () {
+            var o = eventHolder.offset();
+            o.left += plotOffset.left;
+            o.top += plotOffset.top;
+            return o;
+        };
+        plot.getData = function () { return series; };
+        plot.getAxes = function () {
+            var res = {}, i;
+            $.each(xaxes.concat(yaxes), function (_, axis) {
+                if (axis)
+                    res[axis.direction + (axis.n != 1 ? axis.n : "") + "axis"] = axis;
+            });
+            return res;
+        };
+        plot.getXAxes = function () { return xaxes; };
+        plot.getYAxes = function () { return yaxes; };
+        plot.c2p = canvasToAxisCoords;
+        plot.p2c = axisToCanvasCoords;
+        plot.getOptions = function () { return options; };
+        plot.highlight = highlight;
+        plot.unhighlight = unhighlight;
+        plot.triggerRedrawOverlay = triggerRedrawOverlay;
+        plot.pointOffset = function(point) {
+            return {
+                left: parseInt(xaxes[axisNumber(point, "x") - 1].p2c(+point.x) + plotOffset.left, 10),
+                top: parseInt(yaxes[axisNumber(point, "y") - 1].p2c(+point.y) + plotOffset.top, 10)
+            };
+        };
+        plot.shutdown = shutdown;
+        plot.destroy = function () {
+            shutdown();
+            placeholder.removeData("plot").empty();
+
+            series = [];
+            options = null;
+            surface = null;
+            overlay = null;
+            eventHolder = null;
+            ctx = null;
+            octx = null;
+            xaxes = [];
+            yaxes = [];
+            hooks = null;
+            highlights = [];
+            plot = null;
+        };
+        plot.resize = function () {
+        	var width = placeholder.width(),
+        		height = placeholder.height();
+            surface.resize(width, height);
+            overlay.resize(width, height);
+        };
+
+        // public attributes
+        plot.hooks = hooks;
+
+        // initialize
+        initPlugins(plot);
+        parseOptions(options_);
+        setupCanvases();
+        setData(data_);
+        setupGrid();
+        draw();
+        bindEvents();
+
+
+        function executeHooks(hook, args) {
+            args = [plot].concat(args);
+            for (var i = 0; i < hook.length; ++i)
+                hook[i].apply(this, args);
+        }
+
+        function initPlugins() {
+
+            // References to key classes, allowing plugins to modify them
+
+            var classes = {
+                Canvas: Canvas
+            };
+
+            for (var i = 0; i < plugins.length; ++i) {
+                var p = plugins[i];
+                p.init(plot, classes);
+                if (p.options)
+                    $.extend(true, options, p.options);
+            }
+        }
+
+        function parseOptions(opts) {
+
+            $.extend(true, options, opts);
+
+            // $.extend merges arrays, rather than replacing them.  When less
+            // colors are provided than the size of the default palette, we
+            // end up with those colors plus the remaining defaults, which is
+            // not expected behavior; avoid it by replacing them here.
+
+            if (opts && opts.colors) {
+            	options.colors = opts.colors;
+            }
+
+            if (options.xaxis.color == null)
+                options.xaxis.color = $.color.parse(options.grid.color).scale('a', 0.22).toString();
+            if (options.yaxis.color == null)
+                options.yaxis.color = $.color.parse(options.grid.color).scale('a', 0.22).toString();
+
+            if (options.xaxis.tickColor == null) // grid.tickColor for back-compatibility
+                options.xaxis.tickColor = options.grid.tickColor || options.xaxis.color;
+            if (options.yaxis.tickColor == null) // grid.tickColor for back-compatibility
+                options.yaxis.tickColor = options.grid.tickColor || options.yaxis.color;
+
+            if (options.grid.borderColor == null)
+                options.grid.borderColor = options.grid.color;
+            if (options.grid.tickColor == null)
+                options.grid.tickColor = $.color.parse(options.grid.color).scale('a', 0.22).toString();
+
+            // Fill in defaults for axis options, including any unspecified
+            // font-spec fields, if a font-spec was provided.
+
+            // If no x/y axis options were provided, create one of each anyway,
+            // since the rest of the code assumes that they exist.
+
+            var i, axisOptions, axisCount,
+                fontSize = placeholder.css("font-size"),
+                fontSizeDefault = fontSize ? +fontSize.replace("px", "") : 13,
+                fontDefaults = {
+                    style: placeholder.css("font-style"),
+                    size: Math.round(0.8 * fontSizeDefault),
+                    variant: placeholder.css("font-variant"),
+                    weight: placeholder.css("font-weight"),
+                    family: placeholder.css("font-family")
+                };
+
+            axisCount = options.xaxes.length || 1;
+            for (i = 0; i < axisCount; ++i) {
+
+                axisOptions = options.xaxes[i];
+                if (axisOptions && !axisOptions.tickColor) {
+                    axisOptions.tickColor = axisOptions.color;
+                }
+
+                axisOptions = $.extend(true, {}, options.xaxis, axisOptions);
+                options.xaxes[i] = axisOptions;
+
+                if (axisOptions.font) {
+                    axisOptions.font = $.extend({}, fontDefaults, axisOptions.font);
+                    if (!axisOptions.font.color) {
+                        axisOptions.font.color = axisOptions.color;
+                    }
+                    if (!axisOptions.font.lineHeight) {
+                        axisOptions.font.lineHeight = Math.round(axisOptions.font.size * 1.15);
+                    }
+                }
+            }
+
+            axisCount = options.yaxes.length || 1;
+            for (i = 0; i < axisCount; ++i) {
+
+                axisOptions = options.yaxes[i];
+                if (axisOptions && !axisOptions.tickColor) {
+                    axisOptions.tickColor = axisOptions.color;
+                }
+
+                axisOptions = $.extend(true, {}, options.yaxis, axisOptions);
+                options.yaxes[i] = axisOptions;
+
+                if (axisOptions.font) {
+                    axisOptions.font = $.extend({}, fontDefaults, axisOptions.font);
+                    if (!axisOptions.font.color) {
+                        axisOptions.font.color = axisOptions.color;
+                    }
+                    if (!axisOptions.font.lineHeight) {
+                        axisOptions.font.lineHeight = Math.round(axisOptions.font.size * 1.15);
+                    }
+                }
+            }
+
+            // backwards compatibility, to be removed in future
+            if (options.xaxis.noTicks && options.xaxis.ticks == null)
+                options.xaxis.ticks = options.xaxis.noTicks;
+            if (options.yaxis.noTicks && options.yaxis.ticks == null)
+                options.yaxis.ticks = options.yaxis.noTicks;
+            if (options.x2axis) {
+                options.xaxes[1] = $.extend(true, {}, options.xaxis, options.x2axis);
+                options.xaxes[1].position = "top";
+                // Override the inherit to allow the axis to auto-scale
+                if (options.x2axis.min == null) {
+                    options.xaxes[1].min = null;
+                }
+                if (options.x2axis.max == null) {
+                    options.xaxes[1].max = null;
+                }
+            }
+            if (options.y2axis) {
+                options.yaxes[1] = $.extend(true, {}, options.yaxis, options.y2axis);
+                options.yaxes[1].position = "right";
+                // Override the inherit to allow the axis to auto-scale
+                if (options.y2axis.min == null) {
+                    options.yaxes[1].min = null;
+                }
+                if (options.y2axis.max == null) {
+                    options.yaxes[1].max = null;
+                }
+            }
+            if (options.grid.coloredAreas)
+                options.grid.markings = options.grid.coloredAreas;
+            if (options.grid.coloredAreasColor)
+                options.grid.markingsColor = options.grid.coloredAreasColor;
+            if (options.lines)
+                $.extend(true, options.series.lines, options.lines);
+            if (options.points)
+                $.extend(true, options.series.points, options.points);
+            if (options.bars)
+                $.extend(true, options.series.bars, options.bars);
+            if (options.shadowSize != null)
+                options.series.shadowSize = options.shadowSize;
+            if (options.highlightColor != null)
+                options.series.highlightColor = options.highlightColor;
+
+            // save options on axes for future reference
+            for (i = 0; i < options.xaxes.length; ++i)
+                getOrCreateAxis(xaxes, i + 1).options = options.xaxes[i];
+            for (i = 0; i < options.yaxes.length; ++i)
+                getOrCreateAxis(yaxes, i + 1).options = options.yaxes[i];
+
+            // add hooks from options
+            for (var n in hooks)
+                if (options.hooks[n] && options.hooks[n].length)
+                    hooks[n] = hooks[n].concat(options.hooks[n]);
+
+            executeHooks(hooks.processOptions, [options]);
+        }
+
+        function setData(d) {
+            series = parseData(d);
+            fillInSeriesOptions();
+            processData();
+        }
+
+        function parseData(d) {
+            var res = [];
+            for (var i = 0; i < d.length; ++i) {
+                var s = $.extend(true, {}, options.series);
+
+                if (d[i].data != null) {
+                    s.data = d[i].data; // move the data instead of deep-copy
+                    delete d[i].data;
+
+                    $.extend(true, s, d[i]);
+
+                    d[i].data = s.data;
+                }
+                else
+                    s.data = d[i];
+                res.push(s);
+            }
+
+            return res;
+        }
+
+        function axisNumber(obj, coord) {
+            var a = obj[coord + "axis"];
+            if (typeof a == "object") // if we got a real axis, extract number
+                a = a.n;
+            if (typeof a != "number")
+                a = 1; // default to first axis
+            return a;
+        }
+
+        function allAxes() {
+            // return flat array without annoying null entries
+            return $.grep(xaxes.concat(yaxes), function (a) { return a; });
+        }
+
+        function canvasToAxisCoords(pos) {
+            // return an object with x/y corresponding to all used axes
+            var res = {}, i, axis;
+            for (i = 0; i < xaxes.length; ++i) {
+                axis = xaxes[i];
+                if (axis && axis.used)
+                    res["x" + axis.n] = axis.c2p(pos.left);
+            }
+
+            for (i = 0; i < yaxes.length; ++i) {
+                axis = yaxes[i];
+                if (axis && axis.used)
+                    res["y" + axis.n] = axis.c2p(pos.top);
+            }
+
+            if (res.x1 !== undefined)
+                res.x = res.x1;
+            if (res.y1 !== undefined)
+                res.y = res.y1;
+
+            return res;
+        }
+
+        function axisToCanvasCoords(pos) {
+            // get canvas coords from the first pair of x/y found in pos
+            var res = {}, i, axis, key;
+
+            for (i = 0; i < xaxes.length; ++i) {
+                axis = xaxes[i];
+                if (axis && axis.used) {
+                    key = "x" + axis.n;
+                    if (pos[key] == null && axis.n == 1)
+                        key = "x";
+
+                    if (pos[key] != null) {
+                        res.left = axis.p2c(pos[key]);
+                        break;
+                    }
+                }
+            }
+
+            for (i = 0; i < yaxes.length; ++i) {
+                axis = yaxes[i];
+                if (axis && axis.used) {
+                    key = "y" + axis.n;
+                    if (pos[key] == null && axis.n == 1)
+                        key = "y";
+
+                    if (pos[key] != null) {
+                        res.top = axis.p2c(pos[key]);
+                        break;
+                    }
+                }
+            }
+
+            return res;
+        }
+
+        function getOrCreateAxis(axes, number) {
+            if (!axes[number - 1])
+                axes[number - 1] = {
+                    n: number, // save the number for future reference
+                    direction: axes == xaxes ? "x" : "y",
+                    options: $.extend(true, {}, axes == xaxes ? options.xaxis : options.yaxis)
+                };
+
+            return axes[number - 1];
+        }
+
+        function fillInSeriesOptions() {
+
+            var neededColors = series.length, maxIndex = -1, i;
+
+            // Subtract the number of series that already have fixed colors or
+            // color indexes from the number that we still need to generate.
+
+            for (i = 0; i < series.length; ++i) {
+                var sc = series[i].color;
+                if (sc != null) {
+                    neededColors--;
+                    if (typeof sc == "number" && sc > maxIndex) {
+                        maxIndex = sc;
+                    }
+                }
+            }
+
+            // If any of the series have fixed color indexes, then we need to
+            // generate at least as many colors as the highest index.
+
+            if (neededColors <= maxIndex) {
+                neededColors = maxIndex + 1;
+            }
+
+            // Generate all the colors, using first the option colors and then
+            // variations on those colors once they're exhausted.
+
+            var c, colors = [], colorPool = options.colors,
+                colorPoolSize = colorPool.length, variation = 0;
+
+            for (i = 0; i < neededColors; i++) {
+
+                c = $.color.parse(colorPool[i % colorPoolSize] || "#666");
+
+                // Each time we exhaust the colors in the pool we adjust
+                // a scaling factor used to produce more variations on
+                // those colors. The factor alternates negative/positive
+                // to produce lighter/darker colors.
+
+                // Reset the variation after every few cycles, or else
+                // it will end up producing only white or black colors.
+
+                if (i % colorPoolSize == 0 && i) {
+                    if (variation >= 0) {
+                        if (variation < 0.5) {
+                            variation = -variation - 0.2;
+                        } else variation = 0;
+                    } else variation = -variation;
+                }
+
+                colors[i] = c.scale('rgb', 1 + variation);
+            }
+
+            // Finalize the series options, filling in their colors
+
+            var colori = 0, s;
+            for (i = 0; i < series.length; ++i) {
+                s = series[i];
+
+                // assign colors
+                if (s.color == null) {
+                    s.color = colors[colori].toString();
+                    ++colori;
+                }
+                else if (typeof s.color == "number")
+                    s.color = colors[s.color].toString();
+
+                // turn on lines automatically in case nothing is set
+                if (s.lines.show == null) {
+                    var v, show = true;
+                    for (v in s)
+                        if (s[v] && s[v].show) {
+                            show = false;
+                            break;
+                        }
+                    if (show)
+                        s.lines.show = true;
+                }
+
+                // If nothing was provided for lines.zero, default it to match
+                // lines.fill, since areas by default should extend to zero.
+
+                if (s.lines.zero == null) {
+                    s.lines.zero = !!s.lines.fill;
+                }
+
+                // setup axes
+                s.xaxis = getOrCreateAxis(xaxes, axisNumber(s, "x"));
+                s.yaxis = getOrCreateAxis(yaxes, axisNumber(s, "y"));
+            }
+        }
+
+        function processData() {
+            var topSentry = Number.POSITIVE_INFINITY,
+                bottomSentry = Number.NEGATIVE_INFINITY,
+                fakeInfinity = Number.MAX_VALUE,
+                i, j, k, m, length,
+                s, points, ps, x, y, axis, val, f, p,
+                data, format;
+
+            function updateAxis(axis, min, max) {
+                if (min < axis.datamin && min != -fakeInfinity)
+                    axis.datamin = min;
+                if (max > axis.datamax && max != fakeInfinity)
+                    axis.datamax = max;
+            }
+
+            $.each(allAxes(), function (_, axis) {
+                // init axis
+                axis.datamin = topSentry;
+                axis.datamax = bottomSentry;
+                axis.used = false;
+            });
+
+            for (i = 0; i < series.length; ++i) {
+                s = series[i];
+                s.datapoints = { points: [] };
+
+                executeHooks(hooks.processRawData, [ s, s.data, s.datapoints ]);
+            }
+
+            // first pass: clean and copy data
+            for (i = 0; i < series.length; ++i) {
+                s = series[i];
+
+                data = s.data;
+                format = s.datapoints.format;
+
+                if (!format) {
+                    format = [];
+                    // find out how to copy
+                    format.push({ x: true, number: true, required: true });
+                    format.push({ y: true, number: true, required: true });
+
+                    if (s.bars.show || (s.lines.show && s.lines.fill)) {
+                        var autoscale = !!((s.bars.show && s.bars.zero) || (s.lines.show && s.lines.zero));
+                        format.push({ y: true, number: true, required: false, defaultValue: 0, autoscale: autoscale });
+                        if (s.bars.horizontal) {
+                            delete format[format.length - 1].y;
+                            format[format.length - 1].x = true;
+                        }
+                    }
+
+                    s.datapoints.format = format;
+                }
+
+                if (s.datapoints.pointsize != null)
+                    continue; // already filled in
+
+                s.datapoints.pointsize = format.length;
+
+                ps = s.datapoints.pointsize;
+                points = s.datapoints.points;
+
+                var insertSteps = s.lines.show && s.lines.steps;
+                s.xaxis.used = s.yaxis.used = true;
+
+                for (j = k = 0; j < data.length; ++j, k += ps) {
+                    p = data[j];
+
+                    var nullify = p == null;
+                    if (!nullify) {
+                        for (m = 0; m < ps; ++m) {
+                            val = p[m];
+                            f = format[m];
+
+                            if (f) {
+                                if (f.number && val != null) {
+                                    val = +val; // convert to number
+                                    if (isNaN(val))
+                                        val = null;
+                                    else if (val == Infinity)
+                                        val = fakeInfinity;
+                                    else if (val == -Infinity)
+                                        val = -fakeInfinity;
+                                }
+
+                                if (val == null) {
+                                    if (f.required)
+                                        nullify = true;
+
+                                    if (f.defaultValue != null)
+                                        val = f.defaultValue;
+                                }
+                            }
+
+                            points[k + m] = val;
+                        }
+                    }
+
+                    if (nullify) {
+                        for (m = 0; m < ps; ++m) {
+                            val = points[k + m];
+                            if (val != null) {
+                                f = format[m];
+                                // extract min/max info
+                                if (f.autoscale !== false) {
+                                    if (f.x) {
+                                        updateAxis(s.xaxis, val, val);
+                                    }
+                                    if (f.y) {
+                                        updateAxis(s.yaxis, val, val);
+                                    }
+                                }
+                            }
+                            points[k + m] = null;
+                        }
+                    }
+                    else {
+                        // a little bit of line specific stuff that
+                        // perhaps shouldn't be here, but lacking
+                        // better means...
+                        if (insertSteps && k > 0
+                            && points[k - ps] != null
+                            && points[k - ps] != points[k]
+                            && points[k - ps + 1] != points[k + 1]) {
+                            // copy the point to make room for a middle point
+                            for (m = 0; m < ps; ++m)
+                                points[k + ps + m] = points[k + m];
+
+                            // middle point has same y
+                            points[k + 1] = points[k - ps + 1];
+
+                            // we've added a point, better reflect that
+                            k += ps;
+                        }
+                    }
+                }
+            }
+
+            // give the hooks a chance to run
+            for (i = 0; i < series.length; ++i) {
+                s = series[i];
+
+                executeHooks(hooks.processDatapoints, [ s, s.datapoints]);
+            }
+
+            // second pass: find datamax/datamin for auto-scaling
+            for (i = 0; i < series.length; ++i) {
+                s = series[i];
+                points = s.datapoints.points;
+                ps = s.datapoints.pointsize;
+                format = s.datapoints.format;
+
+                var xmin = topSentry, ymin = topSentry,
+                    xmax = bottomSentry, ymax = bottomSentry;
+
+                for (j = 0; j < points.length; j += ps) {
+                    if (points[j] == null)
+                        continue;
+
+                    for (m = 0; m < ps; ++m) {
+                        val = points[j + m];
+                        f = format[m];
+                        if (!f || f.autoscale === false || val == fakeInfinity || val == -fakeInfinity)
+                            continue;
+
+                        if (f.x) {
+                            if (val < xmin)
+                                xmin = val;
+                            if (val > xmax)
+                                xmax = val;
+                        }
+                        if (f.y) {
+                            if (val < ymin)
+                                ymin = val;
+                            if (val > ymax)
+                                ymax = val;
+                        }
+                    }
+                }
+
+                if (s.bars.show) {
+                    // make sure we got room for the bar on the dancing floor
+                    var delta;
+
+                    switch (s.bars.align) {
+                        case "left":
+                            delta = 0;
+                            break;
+                        case "right":
+                            delta = -s.bars.barWidth;
+                            break;
+                        default:
+                            delta = -s.bars.barWidth / 2;
+                    }
+
+                    if (s.bars.horizontal) {
+                        ymin += delta;
+                        ymax += delta + s.bars.barWidth;
+                    }
+                    else {
+                        xmin += delta;
+                        xmax += delta + s.bars.barWidth;
+                    }
+                }
+
+                updateAxis(s.xaxis, xmin, xmax);
+                updateAxis(s.yaxis, ymin, ymax);
+            }
+
+            $.each(allAxes(), function (_, axis) {
+                if (axis.datamin == topSentry)
+                    axis.datamin = null;
+                if (axis.datamax == bottomSentry)
+                    axis.datamax = null;
+            });
+        }
+
+        function setupCanvases() {
+
+            // Make sure the placeholder is clear of everything except canvases
+            // from a previous plot in this container that we'll try to re-use.
+
+            placeholder.css("padding", 0) // padding messes up the positioning
+                .children().filter(function(){
+                    return !$(this).hasClass("flot-overlay") && !$(this).hasClass('flot-base');
+                }).remove();
+
+            if (placeholder.css("position") == 'static')
+                placeholder.css("position", "relative"); // for positioning labels and overlay
+
+            surface = new Canvas("flot-base", placeholder);
+            overlay = new Canvas("flot-overlay", placeholder); // overlay canvas for interactive features
+
+            ctx = surface.context;
+            octx = overlay.context;
+
+            // define which element we're listening for events on
+            eventHolder = $(overlay.element).unbind();
+
+            // If we're re-using a plot object, shut down the old one
+
+            var existing = placeholder.data("plot");
+
+            if (existing) {
+                existing.shutdown();
+                overlay.clear();
+            }
+
+            // save in case we get replotted
+            placeholder.data("plot", plot);
+        }
+
+        function bindEvents() {
+            // bind events
+            if (options.grid.hoverable) {
+                eventHolder.mousemove(onMouseMove);
+
+                // Use bind, rather than .mouseleave, because we officially
+                // still support jQuery 1.2.6, which doesn't define a shortcut
+                // for mouseenter or mouseleave.  This was a bug/oversight that
+                // was fixed somewhere around 1.3.x.  We can return to using
+                // .mouseleave when we drop support for 1.2.6.
+
+                eventHolder.bind("mouseleave", onMouseLeave);
+            }
+
+            if (options.grid.clickable)
+                eventHolder.click(onClick);
+
+            executeHooks(hooks.bindEvents, [eventHolder]);
+        }
+
+        function shutdown() {
+            if (redrawTimeout)
+                clearTimeout(redrawTimeout);
+
+            eventHolder.unbind("mousemove", onMouseMove);
+            eventHolder.unbind("mouseleave", onMouseLeave);
+            eventHolder.unbind("click", onClick);
+
+            executeHooks(hooks.shutdown, [eventHolder]);
+        }
+
+        function setTransformationHelpers(axis) {
+            // set helper functions on the axis, assumes plot area
+            // has been computed already
+
+            function identity(x) { return x; }
+
+            var s, m, t = axis.options.transform || identity,
+                it = axis.options.inverseTransform;
+
+            // precompute how much the axis is scaling a point
+            // in canvas space
+            if (axis.direction == "x") {
+                s = axis.scale = plotWidth / Math.abs(t(axis.max) - t(axis.min));
+                m = Math.min(t(axis.max), t(axis.min));
+            }
+            else {
+                s = axis.scale = plotHeight / Math.abs(t(axis.max) - t(axis.min));
+                s = -s;
+                m = Math.max(t(axis.max), t(axis.min));
+            }
+
+            // data point to canvas coordinate
+            if (t == identity) // slight optimization
+                axis.p2c = function (p) { return (p - m) * s; };
+            else
+                axis.p2c = function (p) { return (t(p) - m) * s; };
+            // canvas coordinate to data point
+            if (!it)
+                axis.c2p = function (c) { return m + c / s; };
+            else
+                axis.c2p = function (c) { return it(m + c / s); };
+        }
+
+        function measureTickLabels(axis) {
+
+            var opts = axis.options,
+                ticks = axis.ticks || [],
+                labelWidth = opts.labelWidth || 0,
+                labelHeight = opts.labelHeight || 0,
+                maxWidth = labelWidth || (axis.direction == "x" ? Math.floor(surface.width / (ticks.length || 1)) : null),
+                legacyStyles = axis.direction + "Axis " + axis.direction + axis.n + "Axis",
+                layer = "flot-" + axis.direction + "-axis flot-" + axis.direction + axis.n + "-axis " + legacyStyles,
+                font = opts.font || "flot-tick-label tickLabel";
+
+            for (var i = 0; i < ticks.length; ++i) {
+
+                var t = ticks[i];
+
+                if (!t.label)
+                    continue;
+
+                var info = surface.getTextInfo(layer, t.label, font, null, maxWidth);
+
+                labelWidth = Math.max(labelWidth, info.width);
+                labelHeight = Math.max(labelHeight, info.height);
+            }
+
+            axis.labelWidth = opts.labelWidth || labelWidth;
+            axis.labelHeight = opts.labelHeight || labelHeight;
+        }
+
+        function allocateAxisBoxFirstPhase(axis) {
+            // find the bounding box of the axis by looking at label
+            // widths/heights and ticks, make room by diminishing the
+            // plotOffset; this first phase only looks at one
+            // dimension per axis, the other dimension depends on the
+            // other axes so will have to wait
+
+            var lw = axis.labelWidth,
+                lh = axis.labelHeight,
+                pos = axis.options.position,
+                isXAxis = axis.direction === "x",
+                tickLength = axis.options.tickLength,
+                axisMargin = options.grid.axisMargin,
+                padding = options.grid.labelMargin,
+                innermost = true,
+                outermost = true,
+                first = true,
+                found = false;
+
+            // Determine the axis's position in its direction and on its side
+
+            $.each(isXAxis ? xaxes : yaxes, function(i, a) {
+                if (a && (a.show || a.reserveSpace)) {
+                    if (a === axis) {
+                        found = true;
+                    } else if (a.options.position === pos) {
+                        if (found) {
+                            outermost = false;
+                        } else {
+                            innermost = false;
+                        }
+                    }
+                    if (!found) {
+                        first = false;
+                    }
+                }
+            });
+
+            // The outermost axis on each side has no margin
+
+            if (outermost) {
+                axisMargin = 0;
+            }
+
+            // The ticks for the first axis in each direction stretch across
+
+            if (tickLength == null) {
+                tickLength = first ? "full" : 5;
+            }
+
+            if (!isNaN(+tickLength))
+                padding += +tickLength;
+
+            if (isXAxis) {
+                lh += padding;
+
+                if (pos == "bottom") {
+                    plotOffset.bottom += lh + axisMargin;
+                    axis.box = { top: surface.height - plotOffset.bottom, height: lh };
+                }
+                else {
+                    axis.box = { top: plotOffset.top + axisMargin, height: lh };
+                    plotOffset.top += lh + axisMargin;
+                }
+            }
+            else {
+                lw += padding;
+
+                if (pos == "left") {
+                    axis.box = { left: plotOffset.left + axisMargin, width: lw };
+                    plotOffset.left += lw + axisMargin;
+                }
+                else {
+                    plotOffset.right += lw + axisMargin;
+                    axis.box = { left: surface.width - plotOffset.right, width: lw };
+                }
+            }
+
+             // save for future reference
+            axis.position = pos;
+            axis.tickLength = tickLength;
+            axis.box.padding = padding;
+            axis.innermost = innermost;
+        }
+
+        function allocateAxisBoxSecondPhase(axis) {
+            // now that all axis boxes have been placed in one
+            // dimension, we can set the remaining dimension coordinates
+            if (axis.direction == "x") {
+                axis.box.left = plotOffset.left - axis.labelWidth / 2;
+                axis.box.width = surface.width - plotOffset.left - plotOffset.right + axis.labelWidth;
+            }
+            else {
+                axis.box.top = plotOffset.top - axis.labelHeight / 2;
+                axis.box.height = surface.height - plotOffset.bottom - plotOffset.top + axis.labelHeight;
+            }
+        }
+
+        function adjustLayoutForThingsStickingOut() {
+            // possibly adjust plot offset to ensure everything stays
+            // inside the canvas and isn't clipped off
+
+            var minMargin = options.grid.minBorderMargin,
+                axis, i;
+
+            // check stuff from the plot (FIXME: this should just read
+            // a value from the series, otherwise it's impossible to
+            // customize)
+            if (minMargin == null) {
+                minMargin = 0;
+                for (i = 0; i < series.length; ++i)
+                    minMargin = Math.max(minMargin, 2 * (series[i].points.radius + series[i].points.lineWidth/2));
+            }
+
+            var margins = {
+                left: minMargin,
+                right: minMargin,
+                top: minMargin,
+                bottom: minMargin
+            };
+
+            // check axis labels, note we don't check the actual
+            // labels but instead use the overall width/height to not
+            // jump as much around with replots
+            $.each(allAxes(), function (_, axis) {
+                if (axis.reserveSpace && axis.ticks && axis.ticks.length) {
+                    if (axis.direction === "x") {
+                        margins.left = Math.max(margins.left, axis.labelWidth / 2);
+                        margins.right = Math.max(margins.right, axis.labelWidth / 2);
+                    } else {
+                        margins.bottom = Math.max(margins.bottom, axis.labelHeight / 2);
+                        margins.top = Math.max(margins.top, axis.labelHeight / 2);
+                    }
+                }
+            });
+
+            plotOffset.left = Math.ceil(Math.max(margins.left, plotOffset.left));
+            plotOffset.right = Math.ceil(Math.max(margins.right, plotOffset.right));
+            plotOffset.top = Math.ceil(Math.max(margins.top, plotOffset.top));
+            plotOffset.bottom = Math.ceil(Math.max(margins.bottom, plotOffset.bottom));
+        }
+
+        function setupGrid() {
+            var i, axes = allAxes(), showGrid = options.grid.show;
+
+            // Initialize the plot's offset from the edge of the canvas
+
+            for (var a in plotOffset) {
+                var margin = options.grid.margin || 0;
+                plotOffset[a] = typeof margin == "number" ? margin : margin[a] || 0;
+            }
+
+            executeHooks(hooks.processOffset, [plotOffset]);
+
+            // If the grid is visible, add its border width to the offset
+
+            for (var a in plotOffset) {
+                if(typeof(options.grid.borderWidth) == "object") {
+                    plotOffset[a] += showGrid ? options.grid.borderWidth[a] : 0;
+                }
+                else {
+                    plotOffset[a] += showGrid ? options.grid.borderWidth : 0;
+                }
+            }
+
+            $.each(axes, function (_, axis) {
+                var axisOpts = axis.options;
+                axis.show = axisOpts.show == null ? axis.used : axisOpts.show;
+                axis.reserveSpace = axisOpts.reserveSpace == null ? axis.show : axisOpts.reserveSpace;
+                setRange(axis);
+            });
+
+            if (showGrid) {
+
+                var allocatedAxes = $.grep(axes, function (axis) {
+                    return axis.show || axis.reserveSpace;
+                });
+
+                $.each(allocatedAxes, function (_, axis) {
+                    // make the ticks
+                    setupTickGeneration(axis);
+                    setTicks(axis);
+                    snapRangeToTicks(axis, axis.ticks);
+                    // find labelWidth/Height for axis
+                    measureTickLabels(axis);
+                });
+
+                // with all dimensions calculated, we can compute the
+                // axis bounding boxes, start from the outside
+                // (reverse order)
+                for (i = allocatedAxes.length - 1; i >= 0; --i)
+                    allocateAxisBoxFirstPhase(allocatedAxes[i]);
+
+                // make sure we've got enough space for things that
+                // might stick out
+                adjustLayoutForThingsStickingOut();
+
+                $.each(allocatedAxes, function (_, axis) {
+                    allocateAxisBoxSecondPhase(axis);
+                });
+            }
+
+            plotWidth = surface.width - plotOffset.left - plotOffset.right;
+            plotHeight = surface.height - plotOffset.bottom - plotOffset.top;
+
+            // now we got the proper plot dimensions, we can compute the scaling
+            $.each(axes, function (_, axis) {
+                setTransformationHelpers(axis);
+            });
+
+            if (showGrid) {
+                drawAxisLabels();
+            }
+
+            insertLegend();
+        }
+
+        function setRange(axis) {
+            var opts = axis.options,
+                min = +(opts.min != null ? opts.min : axis.datamin),
+                max = +(opts.max != null ? opts.max : axis.datamax),
+                delta = max - min;
+
+            if (delta == 0.0) {
+                // degenerate case
+                var widen = max == 0 ? 1 : 0.01;
+
+                if (opts.min == null)
+                    min -= widen;
+                // always widen max if we couldn't widen min to ensure we
+                // don't fall into min == max which doesn't work
+                if (opts.max == null || opts.min != null)
+                    max += widen;
+            }
+            else {
+                // consider autoscaling
+                var margin = opts.autoscaleMargin;
+                if (margin != null) {
+                    if (opts.min == null) {
+                        min -= delta * margin;
+                        // make sure we don't go below zero if all values
+                        // are positive
+                        if (min < 0 && axis.datamin != null && axis.datamin >= 0)
+                            min = 0;
+                    }
+                    if (opts.max == null) {
+                        max += delta * margin;
+                        if (max > 0 && axis.datamax != null && axis.datamax <= 0)
+                            max = 0;
+                    }
+                }
+            }
+            axis.min = min;
+            axis.max = max;
+        }
+
+        function setupTickGeneration(axis) {
+            var opts = axis.options;
+
+            // estimate number of ticks
+            var noTicks;
+            if (typeof opts.ticks == "number" && opts.ticks > 0)
+                noTicks = opts.ticks;
+            else
+                // heuristic based on the model a*sqrt(x) fitted to
+                // some data points that seemed reasonable
+                noTicks = 0.3 * Math.sqrt(axis.direction == "x" ? surface.width : surface.height);
+
+            var delta = (axis.max - axis.min) / noTicks,
+                dec = -Math.floor(Math.log(delta) / Math.LN10),
+                maxDec = opts.tickDecimals;
+
+            if (maxDec != null && dec > maxDec) {
+                dec = maxDec;
+            }
+
+            var magn = Math.pow(10, -dec),
+                norm = delta / magn, // norm is between 1.0 and 10.0
+                size;
+
+            if (norm < 1.5) {
+                size = 1;
+            } else if (norm < 3) {
+                size = 2;
+                // special case for 2.5, requires an extra decimal
+                if (norm > 2.25 && (maxDec == null || dec + 1 <= maxDec)) {
+                    size = 2.5;
+                    ++dec;
+                }
+            } else if (norm < 7.5) {
+                size = 5;
+            } else {
+                size = 10;
+            }
+
+            size *= magn;
+
+            if (opts.minTickSize != null && size < opts.minTickSize) {
+                size = opts.minTickSize;
+            }
+
+            axis.delta = delta;
+            axis.tickDecimals = Math.max(0, maxDec != null ? maxDec : dec);
+            axis.tickSize = opts.tickSize || size;
+
+            // Time mode was moved to a plug-in in 0.8, and since so many people use it
+            // we'll add an especially friendly reminder to make sure they included it.
+
+            if (opts.mode == "time" && !axis.tickGenerator) {
+                throw new Error("Time mode requires the flot.time plugin.");
+            }
+
+            // Flot supports base-10 axes; any other mode else is handled by a plug-in,
+            // like flot.time.js.
+
+            if (!axis.tickGenerator) {
+
+                axis.tickGenerator = function (axis) {
+
+                    var ticks = [],
+                        start = floorInBase(axis.min, axis.tickSize),
+                        i = 0,
+                        v = Number.NaN,
+                        prev;
+
+                    do {
+                        prev = v;
+                        v = start + i * axis.tickSize;
+                        ticks.push(v);
+                        ++i;
+                    } while (v < axis.max && v != prev);
+                    return ticks;
+                };
+
+				axis.tickFormatter = function (value, axis) {
+
+					var factor = axis.tickDecimals ? Math.pow(10, axis.tickDecimals) : 1;
+					var formatted = "" + Math.round(value * factor) / factor;
+
+					// If tickDecimals was specified, ensure that we have exactly that
+					// much precision; otherwise default to the value's own precision.
+
+					if (axis.tickDecimals != null) {
+						var decimal = formatted.indexOf(".");
+						var precision = decimal == -1 ? 0 : formatted.length - decimal - 1;
+						if (precision < axis.tickDecimals) {
+							return (precision ? formatted : formatted + ".") + ("" + factor).substr(1, axis.tickDecimals - precision);
+						}
+					}
+
+                    return formatted;
+                };
+            }
+
+            if ($.isFunction(opts.tickFormatter))
+                axis.tickFormatter = function (v, axis) { return "" + opts.tickFormatter(v, axis); };
+
+            if (opts.alignTicksWithAxis != null) {
+                var otherAxis = (axis.direction == "x" ? xaxes : yaxes)[opts.alignTicksWithAxis - 1];
+                if (otherAxis && otherAxis.used && otherAxis != axis) {
+                    // consider snapping min/max to outermost nice ticks
+                    var niceTicks = axis.tickGenerator(axis);
+                    if (niceTicks.length > 0) {
+                        if (opts.min == null)
+                            axis.min = Math.min(axis.min, niceTicks[0]);
+                        if (opts.max == null && niceTicks.length > 1)
+                            axis.max = Math.max(axis.max, niceTicks[niceTicks.length - 1]);
+                    }
+
+                    axis.tickGenerator = function (axis) {
+                        // copy ticks, scaled to this axis
+                        var ticks = [], v, i;
+                        for (i = 0; i < otherAxis.ticks.length; ++i) {
+                            v = (otherAxis.ticks[i].v - otherAxis.min) / (otherAxis.max - otherAxis.min);
+                            v = axis.min + v * (axis.max - axis.min);
+                            ticks.push(v);
+                        }
+                        return ticks;
+                    };
+
+                    // we might need an extra decimal since forced
+                    // ticks don't necessarily fit naturally
+                    if (!axis.mode && opts.tickDecimals == null) {
+                        var extraDec = Math.max(0, -Math.floor(Math.log(axis.delta) / Math.LN10) + 1),
+                            ts = axis.tickGenerator(axis);
+
+                        // only proceed if the tick interval rounded
+                        // with an extra decimal doesn't give us a
+                        // zero at end
+                        if (!(ts.length > 1 && /\..*0$/.test((ts[1] - ts[0]).toFixed(extraDec))))
+                            axis.tickDecimals = extraDec;
+                    }
+                }
+            }
+        }
+
+        function setTicks(axis) {
+            var oticks = axis.options.ticks, ticks = [];
+            if (oticks == null || (typeof oticks == "number" && oticks > 0))
+                ticks = axis.tickGenerator(axis);
+            else if (oticks) {
+                if ($.isFunction(oticks))
+                    // generate the ticks
+                    ticks = oticks(axis);
+                else
+                    ticks = oticks;
+            }
+
+            // clean up/labelify the supplied ticks, copy them over
+            var i, v;
+            axis.ticks = [];
+            for (i = 0; i < ticks.length; ++i) {
+                var label = null;
+                var t = ticks[i];
+                if (typeof t == "object") {
+                    v = +t[0];
+                    if (t.length > 1)
+                        label = t[1];
+                }
+                else
+                    v = +t;
+                if (label == null)
+                    label = axis.tickFormatter(v, axis);
+                if (!isNaN(v))
+                    axis.ticks.push({ v: v, label: label });
+            }
+        }
+
+        function snapRangeToTicks(axis, ticks) {
+            if (axis.options.autoscaleMargin && ticks.length > 0) {
+                // snap to ticks
+                if (axis.options.min == null)
+                    axis.min = Math.min(axis.min, ticks[0].v);
+                if (axis.options.max == null && ticks.length > 1)
+                    axis.max = Math.max(axis.max, ticks[ticks.length - 1].v);
+            }
+        }
+
+        function draw() {
+
+            surface.clear();
+
+            executeHooks(hooks.drawBackground, [ctx]);
+
+            var grid = options.grid;
+
+            // draw background, if any
+            if (grid.show && grid.backgroundColor)
+                drawBackground();
+
+            if (grid.show && !grid.aboveData) {
+                drawGrid();
+            }
+
+            for (var i = 0; i < series.length; ++i) {
+                executeHooks(hooks.drawSeries, [ctx, series[i]]);
+                drawSeries(series[i]);
+            }
+
+            executeHooks(hooks.draw, [ctx]);
+
+            if (grid.show && grid.aboveData) {
+                drawGrid();
+            }
+
+            surface.render();
+
+            // A draw implies that either the axes or data have changed, so we
+            // should probably update the overlay highlights as well.
+
+            triggerRedrawOverlay();
+        }
+
+        function extractRange(ranges, coord) {
+            var axis, from, to, key, axes = allAxes();
+
+            for (var i = 0; i < axes.length; ++i) {
+                axis = axes[i];
+                if (axis.direction == coord) {
+                    key = coord + axis.n + "axis";
+                    if (!ranges[key] && axis.n == 1)
+                        key = coord + "axis"; // support x1axis as xaxis
+                    if (ranges[key]) {
+                        from = ranges[key].from;
+                        to = ranges[key].to;
+                        break;
+                    }
+                }
+            }
+
+            // backwards-compat stuff - to be removed in future
+            if (!ranges[key]) {
+                axis = coord == "x" ? xaxes[0] : yaxes[0];
+                from = ranges[coord + "1"];
+                to = ranges[coord + "2"];
+            }
+
+            // auto-reverse as an added bonus
+            if (from != null && to != null && from > to) {
+                var tmp = from;
+                from = to;
+                to = tmp;
+            }
+
+            return { from: from, to: to, axis: axis };
+        }
+
+        function drawBackground() {
+            ctx.save();
+            ctx.translate(plotOffset.left, plotOffset.top);
+
+            ctx.fillStyle = getColorOrGradient(options.grid.backgroundColor, plotHeight, 0, "rgba(255, 255, 255, 0)");
+            ctx.fillRect(0, 0, plotWidth, plotHeight);
+            ctx.restore();
+        }
+
+        function drawGrid() {
+            var i, axes, bw, bc;
+
+            ctx.save();
+            ctx.translate(plotOffset.left, plotOffset.top);
+
+            // draw markings
+            var markings = options.grid.markings;
+            if (markings) {
+                if ($.isFunction(markings)) {
+                    axes = plot.getAxes();
+                    // xmin etc. is backwards compatibility, to be
+                    // removed in the future
+                    axes.xmin = axes.xaxis.min;
+                    axes.xmax = axes.xaxis.max;
+                    axes.ymin = axes.yaxis.min;
+                    axes.ymax = axes.yaxis.max;
+
+                    markings = markings(axes);
+                }
+
+                for (i = 0; i < markings.length; ++i) {
+                    var m = markings[i],
+                        xrange = extractRange(m, "x"),
+                        yrange = extractRange(m, "y");
+
+                    // fill in missing
+                    if (xrange.from == null)
+                        xrange.from = xrange.axis.min;
+                    if (xrange.to == null)
+                        xrange.to = xrange.axis.max;
+                    if (yrange.from == null)
+                        yrange.from = yrange.axis.min;
+                    if (yrange.to == null)
+                        yrange.to = yrange.axis.max;
+
+                    // clip
+                    if (xrange.to < xrange.axis.min || xrange.from > xrange.axis.max ||
+                        yrange.to < yrange.axis.min || yrange.from > yrange.axis.max)
+                        continue;
+
+                    xrange.from = Math.max(xrange.from, xrange.axis.min);
+                    xrange.to = Math.min(xrange.to, xrange.axis.max);
+                    yrange.from = Math.max(yrange.from, yrange.axis.min);
+                    yrange.to = Math.min(yrange.to, yrange.axis.max);
+
+                    var xequal = xrange.from === xrange.to,
+                        yequal = yrange.from === yrange.to;
+
+                    if (xequal && yequal) {
+                        continue;
+                    }
+
+                    // then draw
+                    xrange.from = Math.floor(xrange.axis.p2c(xrange.from));
+                    xrange.to = Math.floor(xrange.axis.p2c(xrange.to));
+                    yrange.from = Math.floor(yrange.axis.p2c(yrange.from));
+                    yrange.to = Math.floor(yrange.axis.p2c(yrange.to));
+
+                    if (xequal || yequal) {
+                        var lineWidth = m.lineWidth || options.grid.markingsLineWidth,
+                            subPixel = lineWidth % 2 ? 0.5 : 0;
+                        ctx.beginPath();
+                        ctx.strokeStyle = m.color || options.grid.markingsColor;
+                        ctx.lineWidth = lineWidth;
+                        if (xequal) {
+                            ctx.moveTo(xrange.to + subPixel, yrange.from);
+                            ctx.lineTo(xrange.to + subPixel, yrange.to);
+                        } else {
+                            ctx.moveTo(xrange.from, yrange.to + subPixel);
+                            ctx.lineTo(xrange.to, yrange.to + subPixel);                            
+                        }
+                        ctx.stroke();
+                    } else {
+                        ctx.fillStyle = m.color || options.grid.markingsColor;
+                        ctx.fillRect(xrange.from, yrange.to,
+                                     xrange.to - xrange.from,
+                                     yrange.from - yrange.to);
+                    }
+                }
+            }
+
+            // draw the ticks
+            axes = allAxes();
+            bw = options.grid.borderWidth;
+
+            for (var j = 0; j < axes.length; ++j) {
+                var axis = axes[j], box = axis.box,
+                    t = axis.tickLength, x, y, xoff, yoff;
+                if (!axis.show || axis.ticks.length == 0)
+                    continue;
+
+                ctx.lineWidth = 1;
+
+                // find the edges
+                if (axis.direction == "x") {
+                    x = 0;
+                    if (t == "full")
+                        y = (axis.position == "top" ? 0 : plotHeight);
+                    else
+                        y = box.top - plotOffset.top + (axis.position == "top" ? box.height : 0);
+                }
+                else {
+                    y = 0;
+                    if (t == "full")
+                        x = (axis.position == "left" ? 0 : plotWidth);
+                    else
+                        x = box.left - plotOffset.left + (axis.position == "left" ? box.width : 0);
+                }
+
+                // draw tick bar
+                if (!axis.innermost) {
+                    ctx.strokeStyle = axis.options.color;
+                    ctx.beginPath();
+                    xoff = yoff = 0;
+                    if (axis.direction == "x")
+                        xoff = plotWidth + 1;
+                    else
+                        yoff = plotHeight + 1;
+
+                    if (ctx.lineWidth == 1) {
+                        if (axis.direction == "x") {
+                            y = Math.floor(y) + 0.5;
+                        } else {
+                            x = Math.floor(x) + 0.5;
+                        }
+                    }
+
+                    ctx.moveTo(x, y);
+                    ctx.lineTo(x + xoff, y + yoff);
+                    ctx.stroke();
+                }
+
+                // draw ticks
+
+                ctx.strokeStyle = axis.options.tickColor;
+
+                ctx.beginPath();
+                for (i = 0; i < axis.ticks.length; ++i) {
+                    var v = axis.ticks[i].v;
+
+                    xoff = yoff = 0;
+
+                    if (isNaN(v) || v < axis.min || v > axis.max
+                        // skip those lying on the axes if we got a border
+                        || (t == "full"
+                            && ((typeof bw == "object" && bw[axis.position] > 0) || bw > 0)
+                            && (v == axis.min || v == axis.max)))
+                        continue;
+
+                    if (axis.direction == "x") {
+                        x = axis.p2c(v);
+                        yoff = t == "full" ? -plotHeight : t;
+
+                        if (axis.position == "top")
+                            yoff = -yoff;
+                    }
+                    else {
+                        y = axis.p2c(v);
+                        xoff = t == "full" ? -plotWidth : t;
+
+                        if (axis.position == "left")
+                            xoff = -xoff;
+                    }
+
+                    if (ctx.lineWidth == 1) {
+                        if (axis.direction == "x")
+                            x = Math.floor(x) + 0.5;
+                        else
+                            y = Math.floor(y) + 0.5;
+                    }
+
+                    ctx.moveTo(x, y);
+                    ctx.lineTo(x + xoff, y + yoff);
+                }
+
+                ctx.stroke();
+            }
+
+
+            // draw border
+            if (bw) {
+                // If either borderWidth or borderColor is an object, then draw the border
+                // line by line instead of as one rectangle
+                bc = options.grid.borderColor;
+                if(typeof bw == "object" || typeof bc == "object") {
+                    if (typeof bw !== "object") {
+                        bw = {top: bw, right: bw, bottom: bw, left: bw};
+                    }
+                    if (typeof bc !== "object") {
+                        bc = {top: bc, right: bc, bottom: bc, left: bc};
+                    }
+
+                    if (bw.top > 0) {
+                        ctx.strokeStyle = bc.top;
+                        ctx.lineWidth = bw.top;
+                        ctx.beginPath();
+                        ctx.moveTo(0 - bw.left, 0 - bw.top/2);
+                        ctx.lineTo(plotWidth, 0 - bw.top/2);
+                        ctx.stroke();
+                    }
+
+                    if (bw.right > 0) {
+                        ctx.strokeStyle = bc.right;
+                        ctx.lineWidth = bw.right;
+                        ctx.beginPath();
+                        ctx.moveTo(plotWidth + bw.right / 2, 0 - bw.top);
+                        ctx.lineTo(plotWidth + bw.right / 2, plotHeight);
+                        ctx.stroke();
+                    }
+
+                    if (bw.bottom > 0) {
+                        ctx.strokeStyle = bc.bottom;
+                        ctx.lineWidth = bw.bottom;
+                        ctx.beginPath();
+                        ctx.moveTo(plotWidth + bw.right, plotHeight + bw.bottom / 2);
+                        ctx.lineTo(0, plotHeight + bw.bottom / 2);
+                        ctx.stroke();
+                    }
+
+                    if (bw.left > 0) {
+                        ctx.strokeStyle = bc.left;
+                        ctx.lineWidth = bw.left;
+                        ctx.beginPath();
+                        ctx.moveTo(0 - bw.left/2, plotHeight + bw.bottom);
+                        ctx.lineTo(0- bw.left/2, 0);
+                        ctx.stroke();
+                    }
+                }
+                else {
+                    ctx.lineWidth = bw;
+                    ctx.strokeStyle = options.grid.borderColor;
+                    ctx.strokeRect(-bw/2, -bw/2, plotWidth + bw, plotHeight + bw);
+                }
+            }
+
+            ctx.restore();
+        }
+
+        function drawAxisLabels() {
+
+            $.each(allAxes(), function (_, axis) {
+                var box = axis.box,
+                    legacyStyles = axis.direction + "Axis " + axis.direction + axis.n + "Axis",
+                    layer = "flot-" + axis.direction + "-axis flot-" + axis.direction + axis.n + "-axis " + legacyStyles,
+                    font = axis.options.font || "flot-tick-label tickLabel",
+                    tick, x, y, halign, valign;
+
+                // Remove text before checking for axis.show and ticks.length;
+                // otherwise plugins, like flot-tickrotor, that draw their own
+                // tick labels will end up with both theirs and the defaults.
+
+                surface.removeText(layer);
+
+                if (!axis.show || axis.ticks.length == 0)
+                    return;
+
+                for (var i = 0; i < axis.ticks.length; ++i) {
+
+                    tick = axis.ticks[i];
+                    if (!tick.label || tick.v < axis.min || tick.v > axis.max)
+                        continue;
+
+                    if (axis.direction == "x") {
+                        halign = "center";
+                        x = plotOffset.left + axis.p2c(tick.v);
+                        if (axis.position == "bottom") {
+                            y = box.top + box.padding;
+                        } else {
+                            y = box.top + box.height - box.padding;
+                            valign = "bottom";
+                        }
+                    } else {
+                        valign = "middle";
+                        y = plotOffset.top + axis.p2c(tick.v);
+                        if (axis.position == "left") {
+                            x = box.left + box.width - box.padding;
+                            halign = "right";
+                        } else {
+                            x = box.left + box.padding;
+                        }
+                    }
+
+                    surface.addText(layer, x, y, tick.label, font, null, null, halign, valign);
+                }
+            });
+        }
+
+        function drawSeries(series) {
+            if (series.lines.show)
+                drawSeriesLines(series);
+            if (series.bars.show)
+                drawSeriesBars(series);
+            if (series.points.show)
+                drawSeriesPoints(series);
+        }
+
+        function drawSeriesLines(series) {
+            function plotLine(datapoints, xoffset, yoffset, axisx, axisy) {
+                var points = datapoints.points,
+                    ps = datapoints.pointsize,
+                    prevx = null, prevy = null;
+
+                ctx.beginPath();
+                for (var i = ps; i < points.length; i += ps) {
+                    var x1 = points[i - ps], y1 = points[i - ps + 1],
+                        x2 = points[i], y2 = points[i + 1];
+
+                    if (x1 == null || x2 == null)
+                        continue;
+
+                    // clip with ymin
+                    if (y1 <= y2 && y1 < axisy.min) {
+                        if (y2 < axisy.min)
+                            continue;   // line segment is outside
+                        // compute new intersection point
+                        x1 = (axisy.min - y1) / (y2 - y1) * (x2 - x1) + x1;
+                        y1 = axisy.min;
+                    }
+                    else if (y2 <= y1 && y2 < axisy.min) {
+                        if (y1 < axisy.min)
+                            continue;
+                        x2 = (axisy.min - y1) / (y2 - y1) * (x2 - x1) + x1;
+                        y2 = axisy.min;
+                    }
+
+                    // clip with ymax
+                    if (y1 >= y2 && y1 > axisy.max) {
+                        if (y2 > axisy.max)
+                            continue;
+                        x1 = (axisy.max - y1) / (y2 - y1) * (x2 - x1) + x1;
+                        y1 = axisy.max;
+                    }
+                    else if (y2 >= y1 && y2 > axisy.max) {
+                        if (y1 > axisy.max)
+                            continue;
+                        x2 = (axisy.max - y1) / (y2 - y1) * (x2 - x1) + x1;
+                        y2 = axisy.max;
+                    }
+
+                    // clip with xmin
+                    if (x1 <= x2 && x1 < axisx.min) {
+                        if (x2 < axisx.min)
+                            continue;
+                        y1 = (axisx.min - x1) / (x2 - x1) * (y2 - y1) + y1;
+                        x1 = axisx.min;
+                    }
+                    else if (x2 <= x1 && x2 < axisx.min) {
+                        if (x1 < axisx.min)
+                            continue;
+                        y2 = (axisx.min - x1) / (x2 - x1) * (y2 - y1) + y1;
+                        x2 = axisx.min;
+                    }
+
+                    // clip with xmax
+                    if (x1 >= x2 && x1 > axisx.max) {
+                        if (x2 > axisx.max)
+                            continue;
+                        y1 = (axisx.max - x1) / (x2 - x1) * (y2 - y1) + y1;
+                        x1 = axisx.max;
+                    }
+                    else if (x2 >= x1 && x2 > axisx.max) {
+                        if (x1 > axisx.max)
+                            continue;
+                        y2 = (axisx.max - x1) / (x2 - x1) * (y2 - y1) + y1;
+                        x2 = axisx.max;
+                    }
+
+                    if (x1 != prevx || y1 != prevy)
+                        ctx.moveTo(axisx.p2c(x1) + xoffset, axisy.p2c(y1) + yoffset);
+
+                    prevx = x2;
+                    prevy = y2;
+                    ctx.lineTo(axisx.p2c(x2) + xoffset, axisy.p2c(y2) + yoffset);
+                }
+                ctx.stroke();
+            }
+
+            function plotLineArea(datapoints, axisx, axisy) {
+                var points = datapoints.points,
+                    ps = datapoints.pointsize,
+                    bottom = Math.min(Math.max(0, axisy.min), axisy.max),
+                    i = 0, top, areaOpen = false,
+                    ypos = 1, segmentStart = 0, segmentEnd = 0;
+
+                // we process each segment in two turns, first forward
+                // direction to sketch out top, then once we hit the
+                // end we go backwards to sketch the bottom
+                while (true) {
+                    if (ps > 0 && i > points.length + ps)
+                        break;
+
+                    i += ps; // ps is negative if going backwards
+
+                    var x1 = points[i - ps],
+                        y1 = points[i - ps + ypos],
+                        x2 = points[i], y2 = points[i + ypos];
+
+                    if (areaOpen) {
+                        if (ps > 0 && x1 != null && x2 == null) {
+                            // at turning point
+                            segmentEnd = i;
+                            ps = -ps;
+                            ypos = 2;
+                            continue;
+                        }
+
+                        if (ps < 0 && i == segmentStart + ps) {
+                            // done with the reverse sweep
+                            ctx.fill();
+                            areaOpen = false;
+                            ps = -ps;
+                            ypos = 1;
+                            i = segmentStart = segmentEnd + ps;
+                            continue;
+                        }
+                    }
+
+                    if (x1 == null || x2 == null)
+                        continue;
+
+                    // clip x values
+
+                    // clip with xmin
+                    if (x1 <= x2 && x1 < axisx.min) {
+                        if (x2 < axisx.min)
+                            continue;
+                        y1 = (axisx.min - x1) / (x2 - x1) * (y2 - y1) + y1;
+                        x1 = axisx.min;
+                    }
+                    else if (x2 <= x1 && x2 < axisx.min) {
+                        if (x1 < axisx.min)
+                            continue;
+                        y2 = (axisx.min - x1) / (x2 - x1) * (y2 - y1) + y1;
+                        x2 = axisx.min;
+                    }
+
+                    // clip with xmax
+                    if (x1 >= x2 && x1 > axisx.max) {
+                        if (x2 > axisx.max)
+                            continue;
+                        y1 = (axisx.max - x1) / (x2 - x1) * (y2 - y1) + y1;
+                        x1 = axisx.max;
+                    }
+                    else if (x2 >= x1 && x2 > axisx.max) {
+                        if (x1 > axisx.max)
+                            continue;
+                        y2 = (axisx.max - x1) / (x2 - x1) * (y2 - y1) + y1;
+                        x2 = axisx.max;
+                    }
+
+                    if (!areaOpen) {
+                        // open area
+                        ctx.beginPath();
+                        ctx.moveTo(axisx.p2c(x1), axisy.p2c(bottom));
+                        areaOpen = true;
+                    }
+
+                    // now first check the case where both is outside
+                    if (y1 >= axisy.max && y2 >= axisy.max) {
+                        ctx.lineTo(axisx.p2c(x1), axisy.p2c(axisy.max));
+                        ctx.lineTo(axisx.p2c(x2), axisy.p2c(axisy.max));
+                        continue;
+                    }
+                    else if (y1 <= axisy.min && y2 <= axisy.min) {
+                        ctx.lineTo(axisx.p2c(x1), axisy.p2c(axisy.min));
+                        ctx.lineTo(axisx.p2c(x2), axisy.p2c(axisy.min));
+                        continue;
+                    }
+
+                    // else it's a bit more complicated, there might
+                    // be a flat maxed out rectangle first, then a
+                    // triangular cutout or reverse; to find these
+                    // keep track of the current x values
+                    var x1old = x1, x2old = x2;
+
+                    // clip the y values, without shortcutting, we
+                    // go through all cases in turn
+
+                    // clip with ymin
+                    if (y1 <= y2 && y1 < axisy.min && y2 >= axisy.min) {
+                        x1 = (axisy.min - y1) / (y2 - y1) * (x2 - x1) + x1;
+                        y1 = axisy.min;
+                    }
+                    else if (y2 <= y1 && y2 < axisy.min && y1 >= axisy.min) {
+                        x2 = (axisy.min - y1) / (y2 - y1) * (x2 - x1) + x1;
+                        y2 = axisy.min;
+                    }
+
+                    // clip with ymax
+                    if (y1 >= y2 && y1 > axisy.max && y2 <= axisy.max) {
+                        x1 = (axisy.max - y1) / (y2 - y1) * (x2 - x1) + x1;
+                        y1 = axisy.max;
+                    }
+                    else if (y2 >= y1 && y2 > axisy.max && y1 <= axisy.max) {
+                        x2 = (axisy.max - y1) / (y2 - y1) * (x2 - x1) + x1;
+                        y2 = axisy.max;
+                    }
+
+                    // if the x value was changed we got a rectangle
+                    // to fill
+                    if (x1 != x1old) {
+                        ctx.lineTo(axisx.p2c(x1old), axisy.p2c(y1));
+                        // it goes to (x1, y1), but we fill that below
+                    }
+
+                    // fill triangular section, this sometimes result
+                    // in redundant points if (x1, y1) hasn't changed
+                    // from previous line to, but we just ignore that
+                    ctx.lineTo(axisx.p2c(x1), axisy.p2c(y1));
+                    ctx.lineTo(axisx.p2c(x2), axisy.p2c(y2));
+
+                    // fill the other rectangle if it's there
+                    if (x2 != x2old) {
+                        ctx.lineTo(axisx.p2c(x2), axisy.p2c(y2));
+                        ctx.lineTo(axisx.p2c(x2old), axisy.p2c(y2));
+                    }
+                }
+            }
+
+            ctx.save();
+            ctx.translate(plotOffset.left, plotOffset.top);
+            ctx.lineJoin = "round";
+
+            var lw = series.lines.lineWidth,
+                sw = series.shadowSize;
+            // FIXME: consider another form of shadow when filling is turned on
+            if (lw > 0 && sw > 0) {
+                // draw shadow as a thick and thin line with transparency
+                ctx.lineWidth = sw;
+                ctx.strokeStyle = "rgba(0,0,0,0.1)";
+                // position shadow at angle from the mid of line
+                var angle = Math.PI/18;
+                plotLine(series.datapoints, Math.sin(angle) * (lw/2 + sw/2), Math.cos(angle) * (lw/2 + sw/2), series.xaxis, series.yaxis);
+                ctx.lineWidth = sw/2;
+                plotLine(series.datapoints, Math.sin(angle) * (lw/2 + sw/4), Math.cos(angle) * (lw/2 + sw/4), series.xaxis, series.yaxis);
+            }
+
+            ctx.lineWidth = lw;
+            ctx.strokeStyle = series.color;
+            var fillStyle = getFillStyle(series.lines, series.color, 0, plotHeight);
+            if (fillStyle) {
+                ctx.fillStyle = fillStyle;
+                plotLineArea(series.datapoints, series.xaxis, series.yaxis);
+            }
+
+            if (lw > 0)
+                plotLine(series.datapoints, 0, 0, series.xaxis, series.yaxis);
+            ctx.restore();
+        }
+
+        function drawSeriesPoints(series) {
+            function plotPoints(datapoints, radius, fillStyle, offset, shadow, axisx, axisy, symbol) {
+                var points = datapoints.points, ps = datapoints.pointsize;
+
+                for (var i = 0; i < points.length; i += ps) {
+                    var x = points[i], y = points[i + 1];
+                    if (x == null || x < axisx.min || x > axisx.max || y < axisy.min || y > axisy.max)
+                        continue;
+
+                    ctx.beginPath();
+                    x = axisx.p2c(x);
+                    y = axisy.p2c(y) + offset;
+                    if (symbol == "circle")
+                        ctx.arc(x, y, radius, 0, shadow ? Math.PI : Math.PI * 2, false);
+                    else
+                        symbol(ctx, x, y, radius, shadow);
+                    ctx.closePath();
+
+                    if (fillStyle) {
+                        ctx.fillStyle = fillStyle;
+                        ctx.fill();
+                    }
+                    ctx.stroke();
+                }
+            }
+
+            ctx.save();
+            ctx.translate(plotOffset.left, plotOffset.top);
+
+            var lw = series.points.lineWidth,
+                sw = series.shadowSize,
+                radius = series.points.radius,
+                symbol = series.points.symbol;
+
+            // If the user sets the line width to 0, we change it to a very 
+            // small value. A line width of 0 seems to force the default of 1.
+            // Doing the conditional here allows the shadow setting to still be 
+            // optional even with a lineWidth of 0.
+
+            if( lw == 0 )
+                lw = 0.0001;
+
+            if (lw > 0 && sw > 0) {
+                // draw shadow in two steps
+                var w = sw / 2;
+                ctx.lineWidth = w;
+                ctx.strokeStyle = "rgba(0,0,0,0.1)";
+                plotPoints(series.datapoints, radius, null, w + w/2, true,
+                           series.xaxis, series.yaxis, symbol);
+
+                ctx.strokeStyle = "rgba(0,0,0,0.2)";
+                plotPoints(series.datapoints, radius, null, w/2, true,
+                           series.xaxis, series.yaxis, symbol);
+            }
+
+            ctx.lineWidth = lw;
+            ctx.strokeStyle = series.color;
+            plotPoints(series.datapoints, radius,
+                       getFillStyle(series.points, series.color), 0, false,
+                       series.xaxis, series.yaxis, symbol);
+            ctx.restore();
+        }
+
+        function drawBar(x, y, b, barLeft, barRight, fillStyleCallback, axisx, axisy, c, horizontal, lineWidth) {
+            var left, right, bottom, top,
+                drawLeft, drawRight, drawTop, drawBottom,
+                tmp;
+
+            // in horizontal mode, we start the bar from the left
+            // instead of from the bottom so it appears to be
+            // horizontal rather than vertical
+            if (horizontal) {
+                drawBottom = drawRight = drawTop = true;
+                drawLeft = false;
+                left = b;
+                right = x;
+                top = y + barLeft;
+                bottom = y + barRight;
+
+                // account for negative bars
+                if (right < left) {
+                    tmp = right;
+                    right = left;
+                    left = tmp;
+                    drawLeft = true;
+                    drawRight = false;
+                }
+            }
+            else {
+                drawLeft = drawRight = drawTop = true;
+                drawBottom = false;
+                left = x + barLeft;
+                right = x + barRight;
+                bottom = b;
+                top = y;
+
+                // account for negative bars
+                if (top < bottom) {
+                    tmp = top;
+                    top = bottom;
+                    bottom = tmp;
+                    drawBottom = true;
+                    drawTop = false;
+                }
+            }
+
+            // clip
+            if (right < axisx.min || left > axisx.max ||
+                top < axisy.min || bottom > axisy.max)
+                return;
+
+            if (left < axisx.min) {
+                left = axisx.min;
+                drawLeft = false;
+            }
+
+            if (right > axisx.max) {
+                right = axisx.max;
+                drawRight = false;
+            }
+
+            if (bottom < axisy.min) {
+                bottom = axisy.min;
+                drawBottom = false;
+            }
+
+            if (top > axisy.max) {
+                top = axisy.max;
+                drawTop = false;
+            }
+
+            left = axisx.p2c(left);
+            bottom = axisy.p2c(bottom);
+            right = axisx.p2c(right);
+            top = axisy.p2c(top);
+
+            // fill the bar
+            if (fillStyleCallback) {
+                c.fillStyle = fillStyleCallback(bottom, top);
+                c.fillRect(left, top, right - left, bottom - top)
+            }
+
+            // draw outline
+            if (lineWidth > 0 && (drawLeft || drawRight || drawTop || drawBottom)) {
+                c.beginPath();
+
+                // FIXME: inline moveTo is buggy with excanvas
+                c.moveTo(left, bottom);
+                if (drawLeft)
+                    c.lineTo(left, top);
+                else
+                    c.moveTo(left, top);
+                if (drawTop)
+                    c.lineTo(right, top);
+                else
+                    c.moveTo(right, top);
+                if (drawRight)
+                    c.lineTo(right, bottom);
+                else
+                    c.moveTo(right, bottom);
+                if (drawBottom)
+                    c.lineTo(left, bottom);
+                else
+                    c.moveTo(left, bottom);
+                c.stroke();
+            }
+        }
+
+        function drawSeriesBars(series) {
+            function plotBars(datapoints, barLeft, barRight, fillStyleCallback, axisx, axisy) {
+                var points = datapoints.points, ps = datapoints.pointsize;
+
+                for (var i = 0; i < points.length; i += ps) {
+                    if (points[i] == null)
+                        continue;
+                    drawBar(points[i], points[i + 1], points[i + 2], barLeft, barRight, fillStyleCallback, axisx, axisy, ctx, series.bars.horizontal, series.bars.lineWidth);
+                }
+            }
+
+            ctx.save();
+            ctx.translate(plotOffset.left, plotOffset.top);
+
+            // FIXME: figure out a way to add shadows (for instance along the right edge)
+            ctx.lineWidth = series.bars.lineWidth;
+            ctx.strokeStyle = series.color;
+
+            var barLeft;
+
+            switch (series.bars.align) {
+                case "left":
+                    barLeft = 0;
+                    break;
+                case "right":
+                    barLeft = -series.bars.barWidth;
+                    break;
+                default:
+                    barLeft = -series.bars.barWidth / 2;
+            }
+
+            var fillStyleCallback = series.bars.fill ? function (bottom, top) { return getFillStyle(series.bars, series.color, bottom, top); } : null;
+            plotBars(series.datapoints, barLeft, barLeft + series.bars.barWidth, fillStyleCallback, series.xaxis, series.yaxis);
+            ctx.restore();
+        }
+
+        function getFillStyle(filloptions, seriesColor, bottom, top) {
+            var fill = filloptions.fill;
+            if (!fill)
+                return null;
+
+            if (filloptions.fillColor)
+                return getColorOrGradient(filloptions.fillColor, bottom, top, seriesColor);
+
+            var c = $.color.parse(seriesColor);
+            c.a = typeof fill == "number" ? fill : 0.4;
+            c.normalize();
+            return c.toString();
+        }
+
+        function insertLegend() {
+
+            if (options.legend.container != null) {
+                $(options.legend.container).html("");
+            } else {
+                placeholder.find(".legend").remove();
+            }
+
+            if (!options.legend.show) {
+                return;
+            }
+
+            var fragments = [], entries = [], rowStarted = false,
+                lf = options.legend.labelFormatter, s, label;
+
+            // Build a list of legend entries, with each having a label and a color
+
+            for (var i = 0; i < series.length; ++i) {
+                s = series[i];
+                if (s.label) {
+                    label = lf ? lf(s.label, s) : s.label;
+                    if (label) {
+                        entries.push({
+                            label: label,
+                            color: s.color
+                        });
+                    }
+                }
+            }
+
+            // Sort the legend using either the default or a custom comparator
+
+            if (options.legend.sorted) {
+                if ($.isFunction(options.legend.sorted)) {
+                    entries.sort(options.legend.sorted);
+                } else if (options.legend.sorted == "reverse") {
+                	entries.reverse();
+                } else {
+                    var ascending = options.legend.sorted != "descending";
+                    entries.sort(function(a, b) {
+                        return a.label == b.label ? 0 : (
+                            (a.label < b.label) != ascending ? 1 : -1   // Logical XOR
+                        );
+                    });
+                }
+            }
+
+            // Generate markup for the list of entries, in their final order
+
+            for (var i = 0; i < entries.length; ++i) {
+
+                var entry = entries[i];
+
+                if (i % options.legend.noColumns == 0) {
+                    if (rowStarted)
+                        fragments.push('</tr>');
+                    fragments.push('<tr>');
+                    rowStarted = true;
+                }
+
+                fragments.push(
+                    '<td class="legendColorBox"><div style="border:1px solid ' + options.legend.labelBoxBorderColor + ';padding:1px"><div style="width:4px;height:0;border:5px solid ' + entry.color + ';overflow:hidden"></div></div></td>' +
+                    '<td class="legendLabel">' + entry.label + '</td>'
+                );
+            }
+
+            if (rowStarted)
+                fragments.push('</tr>');
+
+            if (fragments.length == 0)
+                return;
+
+            var table = '<table style="font-size:smaller;color:' + options.grid.color + '">' + fragments.join("") + '</table>';
+            if (options.legend.container != null)
+                $(options.legend.container).html(table);
+            else {
+                var pos = "",
+                    p = options.legend.position,
+                    m = options.legend.margin;
+                if (m[0] == null)
+                    m = [m, m];
+                if (p.charAt(0) == "n")
+                    pos += 'top:' + (m[1] + plotOffset.top) + 'px;';
+                else if (p.charAt(0) == "s")
+                    pos += 'bottom:' + (m[1] + plotOffset.bottom) + 'px;';
+                if (p.charAt(1) == "e")
+                    pos += 'right:' + (m[0] + plotOffset.right) + 'px;';
+                else if (p.charAt(1) == "w")
+                    pos += 'left:' + (m[0] + plotOffset.left) + 'px;';
+                var legend = $('<div class="legend">' + table.replace('style="', 'style="position:absolute;' + pos +';') + '</div>').appendTo(placeholder);
+                if (options.legend.backgroundOpacity != 0.0) {
+                    // put in the transparent background
+                    // separately to avoid blended labels and
+                    // label boxes
+                    var c = options.legend.backgroundColor;
+                    if (c == null) {
+                        c = options.grid.backgroundColor;
+                        if (c && typeof c == "string")
+                            c = $.color.parse(c);
+                        else
+                            c = $.color.extract(legend, 'background-color');
+                        c.a = 1;
+                        c = c.toString();
+                    }
+                    var div = legend.children();
+                    $('<div style="position:absolute;width:' + div.width() + 'px;height:' + div.height() + 'px;' + pos +'background-color:' + c + ';"> </div>').prependTo(legend).css('opacity', options.legend.backgroundOpacity);
+                }
+            }
+        }
+
+
+        // interactive features
+
+        var highlights = [],
+            redrawTimeout = null;
+
+        // returns the data item the mouse is over, or null if none is found
+        function findNearbyItem(mouseX, mouseY, seriesFilter) {
+            var maxDistance = options.grid.mouseActiveRadius,
+                smallestDistance = maxDistance * maxDistance + 1,
+                item = null, foundPoint = false, i, j, ps;
+
+            for (i = series.length - 1; i >= 0; --i) {
+                if (!seriesFilter(series[i]))
+                    continue;
+
+                var s = series[i],
+                    axisx = s.xaxis,
+                    axisy = s.yaxis,
+                    points = s.datapoints.points,
+                    mx = axisx.c2p(mouseX), // precompute some stuff to make the loop faster
+                    my = axisy.c2p(mouseY),
+                    maxx = maxDistance / axisx.scale,
+                    maxy = maxDistance / axisy.scale;
+
+                ps = s.datapoints.pointsize;
+                // with inverse transforms, we can't use the maxx/maxy
+                // optimization, sadly
+                if (axisx.options.inverseTransform)
+                    maxx = Number.MAX_VALUE;
+                if (axisy.options.inverseTransform)
+                    maxy = Number.MAX_VALUE;
+
+                if (s.lines.show || s.points.show) {
+                    for (j = 0; j < points.length; j += ps) {
+                        var x = points[j], y = points[j + 1];
+                        if (x == null)
+                            continue;
+
+                        // For points and lines, the cursor must be within a
+                        // certain distance to the data point
+                        if (x - mx > maxx || x - mx < -maxx ||
+                            y - my > maxy || y - my < -maxy)
+                            continue;
+
+                        // We have to calculate distances in pixels, not in
+                        // data units, because the scales of the axes may be different
+                        var dx = Math.abs(axisx.p2c(x) - mouseX),
+                            dy = Math.abs(axisy.p2c(y) - mouseY),
+                            dist = dx * dx + dy * dy; // we save the sqrt
+
+                        // use <= to ensure last point takes precedence
+                        // (last generally means on top of)
+                        if (dist < smallestDistance) {
+                            smallestDistance = dist;
+                            item = [i, j / ps];
+                        }
+                    }
+                }
+
+                if (s.bars.show && !item) { // no other point can be nearby
+
+                    var barLeft, barRight;
+
+                    switch (s.bars.align) {
+                        case "left":
+                            barLeft = 0;
+                            break;
+                        case "right":
+                            barLeft = -s.bars.barWidth;
+                            break;
+                        default:
+                            barLeft = -s.bars.barWidth / 2;
+                    }
+
+                    barRight = barLeft + s.bars.barWidth;
+
+                    for (j = 0; j < points.length; j += ps) {
+                        var x = points[j], y = points[j + 1], b = points[j + 2];
+                        if (x == null)
+                            continue;
+
+                        // for a bar graph, the cursor must be inside the bar
+                        if (series[i].bars.horizontal ?
+                            (mx <= Math.max(b, x) && mx >= Math.min(b, x) &&
+                             my >= y + barLeft && my <= y + barRight) :
+                            (mx >= x + barLeft && mx <= x + barRight &&
+                             my >= Math.min(b, y) && my <= Math.max(b, y)))
+                                item = [i, j / ps];
+                    }
+                }
+            }
+
+            if (item) {
+                i = item[0];
+                j = item[1];
+                ps = series[i].datapoints.pointsize;
+
+                return { datapoint: series[i].datapoints.points.slice(j * ps, (j + 1) * ps),
+                         dataIndex: j,
+                         series: series[i],
+                         seriesIndex: i };
+            }
+
+            return null;
+        }
+
+        function onMouseMove(e) {
+            if (options.grid.hoverable)
+                triggerClickHoverEvent("plothover", e,
+                                       function (s) { return s["hoverable"] != false; });
+        }
+
+        function onMouseLeave(e) {
+            if (options.grid.hoverable)
+                triggerClickHoverEvent("plothover", e,
+                                       function (s) { return false; });
+        }
+
+        function onClick(e) {
+            triggerClickHoverEvent("plotclick", e,
+                                   function (s) { return s["clickable"] != false; });
+        }
+
+        // trigger click or hover event (they send the same parameters
+        // so we share their code)
+        function triggerClickHoverEvent(eventname, event, seriesFilter) {
+            var offset = eventHolder.offset(),
+                canvasX = event.pageX - offset.left - plotOffset.left,
+                canvasY = event.pageY - offset.top - plotOffset.top,
+            pos = canvasToAxisCoords({ left: canvasX, top: canvasY });
+
+            pos.pageX = event.pageX;
+            pos.pageY = event.pageY;
+
+            var item = findNearbyItem(canvasX, canvasY, seriesFilter);
+
+            if (item) {
+                // fill in mouse pos for any listeners out there
+                item.pageX = parseInt(item.series.xaxis.p2c(item.datapoint[0]) + offset.left + plotOffset.left, 10);
+                item.pageY = parseInt(item.series.yaxis.p2c(item.datapoint[1]) + offset.top + plotOffset.top, 10);
+            }
+
+            if (options.grid.autoHighlight) {
+                // clear auto-highlights
+                for (var i = 0; i < highlights.length; ++i) {
+                    var h = highlights[i];
+                    if (h.auto == eventname &&
+                        !(item && h.series == item.series &&
+                          h.point[0] == item.datapoint[0] &&
+                          h.point[1] == item.datapoint[1]))
+                        unhighlight(h.series, h.point);
+                }
+
+                if (item)
+                    highlight(item.series, item.datapoint, eventname);
+            }
+
+            placeholder.trigger(eventname, [ pos, item ]);
+        }
+
+        function triggerRedrawOverlay() {
+            var t = options.interaction.redrawOverlayInterval;
+            if (t == -1) {      // skip event queue
+                drawOverlay();
+                return;
+            }
+
+            if (!redrawTimeout)
+                redrawTimeout = setTimeout(drawOverlay, t);
+        }
+
+        function drawOverlay() {
+            redrawTimeout = null;
+
+            // draw highlights
+            octx.save();
+            overlay.clear();
+            octx.translate(plotOffset.left, plotOffset.top);
+
+            var i, hi;
+            for (i = 0; i < highlights.length; ++i) {
+                hi = highlights[i];
+
+                if (hi.series.bars.show)
+                    drawBarHighlight(hi.series, hi.point);
+                else
+                    drawPointHighlight(hi.series, hi.point);
+            }
+            octx.restore();
+
+            executeHooks(hooks.drawOverlay, [octx]);
+        }
+
+        function highlight(s, point, auto) {
+            if (typeof s == "number")
+                s = series[s];
+
+            if (typeof point == "number") {
+                var ps = s.datapoints.pointsize;
+                point = s.datapoints.points.slice(ps * point, ps * (point + 1));
+            }
+
+            var i = indexOfHighlight(s, point);
+            if (i == -1) {
+                highlights.push({ series: s, point: point, auto: auto });
+
+                triggerRedrawOverlay();
+            }
+            else if (!auto)
+                highlights[i].auto = false;
+        }
+
+        function unhighlight(s, point) {
+            if (s == null && point == null) {
+                highlights = [];
+                triggerRedrawOverlay();
+                return;
+            }
+
+            if (typeof s == "number")
+                s = series[s];
+
+            if (typeof point == "number") {
+                var ps = s.datapoints.pointsize;
+                point = s.datapoints.points.slice(ps * point, ps * (point + 1));
+            }
+
+            var i = indexOfHighlight(s, point);
+            if (i != -1) {
+                highlights.splice(i, 1);
+
+                triggerRedrawOverlay();
+            }
+        }
+
+        function indexOfHighlight(s, p) {
+            for (var i = 0; i < highlights.length; ++i) {
+                var h = highlights[i];
+                if (h.series == s && h.point[0] == p[0]
+                    && h.point[1] == p[1])
+                    return i;
+            }
+            return -1;
+        }
+
+        function drawPointHighlight(series, point) {
+            var x = point[0], y = point[1],
+                axisx = series.xaxis, axisy = series.yaxis,
+                highlightColor = (typeof series.highlightColor === "string") ? series.highlightColor : $.color.parse(series.color).scale('a', 0.5).toString();
+
+            if (x < axisx.min || x > axisx.max || y < axisy.min || y > axisy.max)
+                return;
+
+            var pointRadius = series.points.radius + series.points.lineWidth / 2;
+            octx.lineWidth = pointRadius;
+            octx.strokeStyle = highlightColor;
+            var radius = 1.5 * pointRadius;
+            x = axisx.p2c(x);
+            y = axisy.p2c(y);
+
+            octx.beginPath();
+            if (series.points.symbol == "circle")
+                octx.arc(x, y, radius, 0, 2 * Math.PI, false);
+            else
+                series.points.symbol(octx, x, y, radius, false);
+            octx.closePath();
+            octx.stroke();
+        }
+
+        function drawBarHighlight(series, point) {
+            var highlightColor = (typeof series.highlightColor === "string") ? series.highlightColor : $.color.parse(series.color).scale('a', 0.5).toString(),
+                fillStyle = highlightColor,
+                barLeft;
+
+            switch (series.bars.align) {
+                case "left":
+                    barLeft = 0;
+                    break;
+                case "right":
+                    barLeft = -series.bars.barWidth;
+                    break;
+                default:
+                    barLeft = -series.bars.barWidth / 2;
+            }
+
+            octx.lineWidth = series.bars.lineWidth;
+            octx.strokeStyle = highlightColor;
+
+            drawBar(point[0], point[1], point[2] || 0, barLeft, barLeft + series.bars.barWidth,
+                    function () { return fillStyle; }, series.xaxis, series.yaxis, octx, series.bars.horizontal, series.bars.lineWidth);
+        }
+
+        function getColorOrGradient(spec, bottom, top, defaultColor) {
+            if (typeof spec == "string")
+                return spec;
+            else {
+                // assume this is a gradient spec; IE currently only
+                // supports a simple vertical gradient properly, so that's
+                // what we support too
+                var gradient = ctx.createLinearGradient(0, top, 0, bottom);
+
+                for (var i = 0, l = spec.colors.length; i < l; ++i) {
+                    var c = spec.colors[i];
+                    if (typeof c != "string") {
+                        var co = $.color.parse(defaultColor);
+                        if (c.brightness != null)
+                            co = co.scale('rgb', c.brightness);
+                        if (c.opacity != null)
+                            co.a *= c.opacity;
+                        c = co.toString();
+                    }
+                    gradient.addColorStop(i / (l - 1), c);
+                }
+
+                return gradient;
+            }
+        }
+    }
+
+    // Add the plot function to the top level of the jQuery object
+
+    $.plot = function(placeholder, data, options) {
+        //var t0 = new Date();
+        var plot = new Plot($(placeholder), data, options, $.plot.plugins);
+        //(window.console ? console.log : alert)("time used (msecs): " + ((new Date()).getTime() - t0.getTime()));
+        return plot;
+    };
+
+    $.plot.version = "0.8.3";
+
+    $.plot.plugins = [];
+
+    // Also add the plot function as a chainable property
+
+    $.fn.plot = function(data, options) {
+        return this.each(function() {
+            $.plot(this, data, options);
+        });
+    };
+
+    // round to nearby lower multiple of base
+    function floorInBase(n, base) {
+        return base * Math.floor(n / base);
+    }
+
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/flot/jquery.flot.pie.js b/web/bootstrap-ace-admin/js/flot/jquery.flot.pie.js
new file mode 100755
index 00000000..9c19db99
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/flot/jquery.flot.pie.js
@@ -0,0 +1,820 @@
+/* Flot plugin for rendering pie charts.
+
+Copyright (c) 2007-2014 IOLA and Ole Laursen.
+Licensed under the MIT license.
+
+The plugin assumes that each series has a single data value, and that each
+value is a positive integer or zero.  Negative numbers don't make sense for a
+pie chart, and have unpredictable results.  The values do NOT need to be
+passed in as percentages; the plugin will calculate the total and per-slice
+percentages internally.
+
+* Created by Brian Medendorp
+
+* Updated with contributions from btburnett3, Anthony Aragues and Xavi Ivars
+
+The plugin supports these options:
+
+	series: {
+		pie: {
+			show: true/false
+			radius: 0-1 for percentage of fullsize, or a specified pixel length, or 'auto'
+			innerRadius: 0-1 for percentage of fullsize or a specified pixel length, for creating a donut effect
+			startAngle: 0-2 factor of PI used for starting angle (in radians) i.e 3/2 starts at the top, 0 and 2 have the same result
+			tilt: 0-1 for percentage to tilt the pie, where 1 is no tilt, and 0 is completely flat (nothing will show)
+			offset: {
+				top: integer value to move the pie up or down
+				left: integer value to move the pie left or right, or 'auto'
+			},
+			stroke: {
+				color: any hexidecimal color value (other formats may or may not work, so best to stick with something like '#FFF')
+				width: integer pixel width of the stroke
+			},
+			label: {
+				show: true/false, or 'auto'
+				formatter:  a user-defined function that modifies the text/style of the label text
+				radius: 0-1 for percentage of fullsize, or a specified pixel length
+				background: {
+					color: any hexidecimal color value (other formats may or may not work, so best to stick with something like '#000')
+					opacity: 0-1
+				},
+				threshold: 0-1 for the percentage value at which to hide labels (if they're too small)
+			},
+			combine: {
+				threshold: 0-1 for the percentage value at which to combine slices (if they're too small)
+				color: any hexidecimal color value (other formats may or may not work, so best to stick with something like '#CCC'), if null, the plugin will automatically use the color of the first slice to be combined
+				label: any text value of what the combined slice should be labeled
+			}
+			highlight: {
+				opacity: 0-1
+			}
+		}
+	}
+
+More detail and specific examples can be found in the included HTML file.
+
+*/
+
+(function($) {
+
+	// Maximum redraw attempts when fitting labels within the plot
+
+	var REDRAW_ATTEMPTS = 10;
+
+	// Factor by which to shrink the pie when fitting labels within the plot
+
+	var REDRAW_SHRINK = 0.95;
+
+	function init(plot) {
+
+		var canvas = null,
+			target = null,
+			options = null,
+			maxRadius = null,
+			centerLeft = null,
+			centerTop = null,
+			processed = false,
+			ctx = null;
+
+		// interactive variables
+
+		var highlights = [];
+
+		// add hook to determine if pie plugin in enabled, and then perform necessary operations
+
+		plot.hooks.processOptions.push(function(plot, options) {
+			if (options.series.pie.show) {
+
+				options.grid.show = false;
+
+				// set labels.show
+
+				if (options.series.pie.label.show == "auto") {
+					if (options.legend.show) {
+						options.series.pie.label.show = false;
+					} else {
+						options.series.pie.label.show = true;
+					}
+				}
+
+				// set radius
+
+				if (options.series.pie.radius == "auto") {
+					if (options.series.pie.label.show) {
+						options.series.pie.radius = 3/4;
+					} else {
+						options.series.pie.radius = 1;
+					}
+				}
+
+				// ensure sane tilt
+
+				if (options.series.pie.tilt > 1) {
+					options.series.pie.tilt = 1;
+				} else if (options.series.pie.tilt < 0) {
+					options.series.pie.tilt = 0;
+				}
+			}
+		});
+
+		plot.hooks.bindEvents.push(function(plot, eventHolder) {
+			var options = plot.getOptions();
+			if (options.series.pie.show) {
+				if (options.grid.hoverable) {
+					eventHolder.unbind("mousemove").mousemove(onMouseMove);
+				}
+				if (options.grid.clickable) {
+					eventHolder.unbind("click").click(onClick);
+				}
+			}
+		});
+
+		plot.hooks.processDatapoints.push(function(plot, series, data, datapoints) {
+			var options = plot.getOptions();
+			if (options.series.pie.show) {
+				processDatapoints(plot, series, data, datapoints);
+			}
+		});
+
+		plot.hooks.drawOverlay.push(function(plot, octx) {
+			var options = plot.getOptions();
+			if (options.series.pie.show) {
+				drawOverlay(plot, octx);
+			}
+		});
+
+		plot.hooks.draw.push(function(plot, newCtx) {
+			var options = plot.getOptions();
+			if (options.series.pie.show) {
+				draw(plot, newCtx);
+			}
+		});
+
+		function processDatapoints(plot, series, datapoints) {
+			if (!processed)	{
+				processed = true;
+				canvas = plot.getCanvas();
+				target = $(canvas).parent();
+				options = plot.getOptions();
+				plot.setData(combine(plot.getData()));
+			}
+		}
+
+		function combine(data) {
+
+			var total = 0,
+				combined = 0,
+				numCombined = 0,
+				color = options.series.pie.combine.color,
+				newdata = [];
+
+			// Fix up the raw data from Flot, ensuring the data is numeric
+
+			for (var i = 0; i < data.length; ++i) {
+
+				var value = data[i].data;
+
+				// If the data is an array, we'll assume that it's a standard
+				// Flot x-y pair, and are concerned only with the second value.
+
+				// Note how we use the original array, rather than creating a
+				// new one; this is more efficient and preserves any extra data
+				// that the user may have stored in higher indexes.
+
+				if ($.isArray(value) && value.length == 1) {
+    				value = value[0];
+				}
+
+				if ($.isArray(value)) {
+					// Equivalent to $.isNumeric() but compatible with jQuery < 1.7
+					if (!isNaN(parseFloat(value[1])) && isFinite(value[1])) {
+						value[1] = +value[1];
+					} else {
+						value[1] = 0;
+					}
+				} else if (!isNaN(parseFloat(value)) && isFinite(value)) {
+					value = [1, +value];
+				} else {
+					value = [1, 0];
+				}
+
+				data[i].data = [value];
+			}
+
+			// Sum up all the slices, so we can calculate percentages for each
+
+			for (var i = 0; i < data.length; ++i) {
+				total += data[i].data[0][1];
+			}
+
+			// Count the number of slices with percentages below the combine
+			// threshold; if it turns out to be just one, we won't combine.
+
+			for (var i = 0; i < data.length; ++i) {
+				var value = data[i].data[0][1];
+				if (value / total <= options.series.pie.combine.threshold) {
+					combined += value;
+					numCombined++;
+					if (!color) {
+						color = data[i].color;
+					}
+				}
+			}
+
+			for (var i = 0; i < data.length; ++i) {
+				var value = data[i].data[0][1];
+				if (numCombined < 2 || value / total > options.series.pie.combine.threshold) {
+					newdata.push(
+						$.extend(data[i], {     /* extend to allow keeping all other original data values
+						                           and using them e.g. in labelFormatter. */
+							data: [[1, value]],
+							color: data[i].color,
+							label: data[i].label,
+							angle: value * Math.PI * 2 / total,
+							percent: value / (total / 100)
+						})
+					);
+				}
+			}
+
+			if (numCombined > 1) {
+				newdata.push({
+					data: [[1, combined]],
+					color: color,
+					label: options.series.pie.combine.label,
+					angle: combined * Math.PI * 2 / total,
+					percent: combined / (total / 100)
+				});
+			}
+
+			return newdata;
+		}
+
+		function draw(plot, newCtx) {
+
+			if (!target) {
+				return; // if no series were passed
+			}
+
+			var canvasWidth = plot.getPlaceholder().width(),
+				canvasHeight = plot.getPlaceholder().height(),
+				legendWidth = target.children().filter(".legend").children().width() || 0;
+
+			ctx = newCtx;
+
+			// WARNING: HACK! REWRITE THIS CODE AS SOON AS POSSIBLE!
+
+			// When combining smaller slices into an 'other' slice, we need to
+			// add a new series.  Since Flot gives plugins no way to modify the
+			// list of series, the pie plugin uses a hack where the first call
+			// to processDatapoints results in a call to setData with the new
+			// list of series, then subsequent processDatapoints do nothing.
+
+			// The plugin-global 'processed' flag is used to control this hack;
+			// it starts out false, and is set to true after the first call to
+			// processDatapoints.
+
+			// Unfortunately this turns future setData calls into no-ops; they
+			// call processDatapoints, the flag is true, and nothing happens.
+
+			// To fix this we'll set the flag back to false here in draw, when
+			// all series have been processed, so the next sequence of calls to
+			// processDatapoints once again starts out with a slice-combine.
+			// This is really a hack; in 0.9 we need to give plugins a proper
+			// way to modify series before any processing begins.
+
+			processed = false;
+
+			// calculate maximum radius and center point
+
+			maxRadius =  Math.min(canvasWidth, canvasHeight / options.series.pie.tilt) / 2;
+			centerTop = canvasHeight / 2 + options.series.pie.offset.top;
+			centerLeft = canvasWidth / 2;
+
+			if (options.series.pie.offset.left == "auto") {
+				if (options.legend.position.match("w")) {
+					centerLeft += legendWidth / 2;
+				} else {
+					centerLeft -= legendWidth / 2;
+				}
+				if (centerLeft < maxRadius) {
+					centerLeft = maxRadius;
+				} else if (centerLeft > canvasWidth - maxRadius) {
+					centerLeft = canvasWidth - maxRadius;
+				}
+			} else {
+				centerLeft += options.series.pie.offset.left;
+			}
+
+			var slices = plot.getData(),
+				attempts = 0;
+
+			// Keep shrinking the pie's radius until drawPie returns true,
+			// indicating that all the labels fit, or we try too many times.
+
+			do {
+				if (attempts > 0) {
+					maxRadius *= REDRAW_SHRINK;
+				}
+				attempts += 1;
+				clear();
+				if (options.series.pie.tilt <= 0.8) {
+					drawShadow();
+				}
+			} while (!drawPie() && attempts < REDRAW_ATTEMPTS)
+
+			if (attempts >= REDRAW_ATTEMPTS) {
+				clear();
+				target.prepend("<div class='error'>Could not draw pie with labels contained inside canvas</div>");
+			}
+
+			if (plot.setSeries && plot.insertLegend) {
+				plot.setSeries(slices);
+				plot.insertLegend();
+			}
+
+			// we're actually done at this point, just defining internal functions at this point
+
+			function clear() {
+				ctx.clearRect(0, 0, canvasWidth, canvasHeight);
+				target.children().filter(".pieLabel, .pieLabelBackground").remove();
+			}
+
+			function drawShadow() {
+
+				var shadowLeft = options.series.pie.shadow.left;
+				var shadowTop = options.series.pie.shadow.top;
+				var edge = 10;
+				var alpha = options.series.pie.shadow.alpha;
+				var radius = options.series.pie.radius > 1 ? options.series.pie.radius : maxRadius * options.series.pie.radius;
+
+				if (radius >= canvasWidth / 2 - shadowLeft || radius * options.series.pie.tilt >= canvasHeight / 2 - shadowTop || radius <= edge) {
+					return;	// shadow would be outside canvas, so don't draw it
+				}
+
+				ctx.save();
+				ctx.translate(shadowLeft,shadowTop);
+				ctx.globalAlpha = alpha;
+				ctx.fillStyle = "#000";
+
+				// center and rotate to starting position
+
+				ctx.translate(centerLeft,centerTop);
+				ctx.scale(1, options.series.pie.tilt);
+
+				//radius -= edge;
+
+				for (var i = 1; i <= edge; i++) {
+					ctx.beginPath();
+					ctx.arc(0, 0, radius, 0, Math.PI * 2, false);
+					ctx.fill();
+					radius -= i;
+				}
+
+				ctx.restore();
+			}
+
+			function drawPie() {
+
+				var startAngle = Math.PI * options.series.pie.startAngle;
+				var radius = options.series.pie.radius > 1 ? options.series.pie.radius : maxRadius * options.series.pie.radius;
+
+				// center and rotate to starting position
+
+				ctx.save();
+				ctx.translate(centerLeft,centerTop);
+				ctx.scale(1, options.series.pie.tilt);
+				//ctx.rotate(startAngle); // start at top; -- This doesn't work properly in Opera
+
+				// draw slices
+
+				ctx.save();
+				var currentAngle = startAngle;
+				for (var i = 0; i < slices.length; ++i) {
+					slices[i].startAngle = currentAngle;
+					drawSlice(slices[i].angle, slices[i].color, true);
+				}
+				ctx.restore();
+
+				// draw slice outlines
+
+				if (options.series.pie.stroke.width > 0) {
+					ctx.save();
+					ctx.lineWidth = options.series.pie.stroke.width;
+					currentAngle = startAngle;
+					for (var i = 0; i < slices.length; ++i) {
+						drawSlice(slices[i].angle, options.series.pie.stroke.color, false);
+					}
+					ctx.restore();
+				}
+
+				// draw donut hole
+
+				drawDonutHole(ctx);
+
+				ctx.restore();
+
+				// Draw the labels, returning true if they fit within the plot
+
+				if (options.series.pie.label.show) {
+					return drawLabels();
+				} else return true;
+
+				function drawSlice(angle, color, fill) {
+
+					if (angle <= 0 || isNaN(angle)) {
+						return;
+					}
+
+					if (fill) {
+						ctx.fillStyle = color;
+					} else {
+						ctx.strokeStyle = color;
+						ctx.lineJoin = "round";
+					}
+
+					ctx.beginPath();
+					if (Math.abs(angle - Math.PI * 2) > 0.000000001) {
+						ctx.moveTo(0, 0); // Center of the pie
+					}
+
+					//ctx.arc(0, 0, radius, 0, angle, false); // This doesn't work properly in Opera
+					ctx.arc(0, 0, radius,currentAngle, currentAngle + angle / 2, false);
+					ctx.arc(0, 0, radius,currentAngle + angle / 2, currentAngle + angle, false);
+					ctx.closePath();
+					//ctx.rotate(angle); // This doesn't work properly in Opera
+					currentAngle += angle;
+
+					if (fill) {
+						ctx.fill();
+					} else {
+						ctx.stroke();
+					}
+				}
+
+				function drawLabels() {
+
+					var currentAngle = startAngle;
+					var radius = options.series.pie.label.radius > 1 ? options.series.pie.label.radius : maxRadius * options.series.pie.label.radius;
+
+					for (var i = 0; i < slices.length; ++i) {
+						if (slices[i].percent >= options.series.pie.label.threshold * 100) {
+							if (!drawLabel(slices[i], currentAngle, i)) {
+								return false;
+							}
+						}
+						currentAngle += slices[i].angle;
+					}
+
+					return true;
+
+					function drawLabel(slice, startAngle, index) {
+
+						if (slice.data[0][1] == 0) {
+							return true;
+						}
+
+						// format label text
+
+						var lf = options.legend.labelFormatter, text, plf = options.series.pie.label.formatter;
+
+						if (lf) {
+							text = lf(slice.label, slice);
+						} else {
+							text = slice.label;
+						}
+
+						if (plf) {
+							text = plf(text, slice);
+						}
+
+						var halfAngle = ((startAngle + slice.angle) + startAngle) / 2;
+						var x = centerLeft + Math.round(Math.cos(halfAngle) * radius);
+						var y = centerTop + Math.round(Math.sin(halfAngle) * radius) * options.series.pie.tilt;
+
+						var html = "<span class='pieLabel' id='pieLabel" + index + "' style='position:absolute;top:" + y + "px;left:" + x + "px;'>" + text + "</span>";
+						target.append(html);
+
+						var label = target.children("#pieLabel" + index);
+						var labelTop = (y - label.height() / 2);
+						var labelLeft = (x - label.width() / 2);
+
+						label.css("top", labelTop);
+						label.css("left", labelLeft);
+
+						// check to make sure that the label is not outside the canvas
+
+						if (0 - labelTop > 0 || 0 - labelLeft > 0 || canvasHeight - (labelTop + label.height()) < 0 || canvasWidth - (labelLeft + label.width()) < 0) {
+							return false;
+						}
+
+						if (options.series.pie.label.background.opacity != 0) {
+
+							// put in the transparent background separately to avoid blended labels and label boxes
+
+							var c = options.series.pie.label.background.color;
+
+							if (c == null) {
+								c = slice.color;
+							}
+
+							var pos = "top:" + labelTop + "px;left:" + labelLeft + "px;";
+							$("<div class='pieLabelBackground' style='position:absolute;width:" + label.width() + "px;height:" + label.height() + "px;" + pos + "background-color:" + c + ";'></div>")
+								.css("opacity", options.series.pie.label.background.opacity)
+								.insertBefore(label);
+						}
+
+						return true;
+					} // end individual label function
+				} // end drawLabels function
+			} // end drawPie function
+		} // end draw function
+
+		// Placed here because it needs to be accessed from multiple locations
+
+		function drawDonutHole(layer) {
+			if (options.series.pie.innerRadius > 0) {
+
+				// subtract the center
+
+				layer.save();
+				var innerRadius = options.series.pie.innerRadius > 1 ? options.series.pie.innerRadius : maxRadius * options.series.pie.innerRadius;
+				layer.globalCompositeOperation = "destination-out"; // this does not work with excanvas, but it will fall back to using the stroke color
+				layer.beginPath();
+				layer.fillStyle = options.series.pie.stroke.color;
+				layer.arc(0, 0, innerRadius, 0, Math.PI * 2, false);
+				layer.fill();
+				layer.closePath();
+				layer.restore();
+
+				// add inner stroke
+
+				layer.save();
+				layer.beginPath();
+				layer.strokeStyle = options.series.pie.stroke.color;
+				layer.arc(0, 0, innerRadius, 0, Math.PI * 2, false);
+				layer.stroke();
+				layer.closePath();
+				layer.restore();
+
+				// TODO: add extra shadow inside hole (with a mask) if the pie is tilted.
+			}
+		}
+
+		//-- Additional Interactive related functions --
+
+		function isPointInPoly(poly, pt) {
+			for(var c = false, i = -1, l = poly.length, j = l - 1; ++i < l; j = i)
+				((poly[i][1] <= pt[1] && pt[1] < poly[j][1]) || (poly[j][1] <= pt[1] && pt[1]< poly[i][1]))
+				&& (pt[0] < (poly[j][0] - poly[i][0]) * (pt[1] - poly[i][1]) / (poly[j][1] - poly[i][1]) + poly[i][0])
+				&& (c = !c);
+			return c;
+		}
+
+		function findNearbySlice(mouseX, mouseY) {
+
+			var slices = plot.getData(),
+				options = plot.getOptions(),
+				radius = options.series.pie.radius > 1 ? options.series.pie.radius : maxRadius * options.series.pie.radius,
+				x, y;
+
+			for (var i = 0; i < slices.length; ++i) {
+
+				var s = slices[i];
+
+				if (s.pie.show) {
+
+					ctx.save();
+					ctx.beginPath();
+					ctx.moveTo(0, 0); // Center of the pie
+					//ctx.scale(1, options.series.pie.tilt);	// this actually seems to break everything when here.
+					ctx.arc(0, 0, radius, s.startAngle, s.startAngle + s.angle / 2, false);
+					ctx.arc(0, 0, radius, s.startAngle + s.angle / 2, s.startAngle + s.angle, false);
+					ctx.closePath();
+					x = mouseX - centerLeft;
+					y = mouseY - centerTop;
+
+					if (ctx.isPointInPath) {
+						if (ctx.isPointInPath(mouseX - centerLeft, mouseY - centerTop)) {
+							ctx.restore();
+							return {
+								datapoint: [s.percent, s.data],
+								dataIndex: 0,
+								series: s,
+								seriesIndex: i
+							};
+						}
+					} else {
+
+						// excanvas for IE doesn;t support isPointInPath, this is a workaround.
+
+						var p1X = radius * Math.cos(s.startAngle),
+							p1Y = radius * Math.sin(s.startAngle),
+							p2X = radius * Math.cos(s.startAngle + s.angle / 4),
+							p2Y = radius * Math.sin(s.startAngle + s.angle / 4),
+							p3X = radius * Math.cos(s.startAngle + s.angle / 2),
+							p3Y = radius * Math.sin(s.startAngle + s.angle / 2),
+							p4X = radius * Math.cos(s.startAngle + s.angle / 1.5),
+							p4Y = radius * Math.sin(s.startAngle + s.angle / 1.5),
+							p5X = radius * Math.cos(s.startAngle + s.angle),
+							p5Y = radius * Math.sin(s.startAngle + s.angle),
+							arrPoly = [[0, 0], [p1X, p1Y], [p2X, p2Y], [p3X, p3Y], [p4X, p4Y], [p5X, p5Y]],
+							arrPoint = [x, y];
+
+						// TODO: perhaps do some mathmatical trickery here with the Y-coordinate to compensate for pie tilt?
+
+						if (isPointInPoly(arrPoly, arrPoint)) {
+							ctx.restore();
+							return {
+								datapoint: [s.percent, s.data],
+								dataIndex: 0,
+								series: s,
+								seriesIndex: i
+							};
+						}
+					}
+
+					ctx.restore();
+				}
+			}
+
+			return null;
+		}
+
+		function onMouseMove(e) {
+			triggerClickHoverEvent("plothover", e);
+		}
+
+		function onClick(e) {
+			triggerClickHoverEvent("plotclick", e);
+		}
+
+		// trigger click or hover event (they send the same parameters so we share their code)
+
+		function triggerClickHoverEvent(eventname, e) {
+
+			var offset = plot.offset();
+			var canvasX = parseInt(e.pageX - offset.left);
+			var canvasY =  parseInt(e.pageY - offset.top);
+			var item = findNearbySlice(canvasX, canvasY);
+
+			if (options.grid.autoHighlight) {
+
+				// clear auto-highlights
+
+				for (var i = 0; i < highlights.length; ++i) {
+					var h = highlights[i];
+					if (h.auto == eventname && !(item && h.series == item.series)) {
+						unhighlight(h.series);
+					}
+				}
+			}
+
+			// highlight the slice
+
+			if (item) {
+				highlight(item.series, eventname);
+			}
+
+			// trigger any hover bind events
+
+			var pos = { pageX: e.pageX, pageY: e.pageY };
+			target.trigger(eventname, [pos, item]);
+		}
+
+		function highlight(s, auto) {
+			//if (typeof s == "number") {
+			//	s = series[s];
+			//}
+
+			var i = indexOfHighlight(s);
+
+			if (i == -1) {
+				highlights.push({ series: s, auto: auto });
+				plot.triggerRedrawOverlay();
+			} else if (!auto) {
+				highlights[i].auto = false;
+			}
+		}
+
+		function unhighlight(s) {
+			if (s == null) {
+				highlights = [];
+				plot.triggerRedrawOverlay();
+			}
+
+			//if (typeof s == "number") {
+			//	s = series[s];
+			//}
+
+			var i = indexOfHighlight(s);
+
+			if (i != -1) {
+				highlights.splice(i, 1);
+				plot.triggerRedrawOverlay();
+			}
+		}
+
+		function indexOfHighlight(s) {
+			for (var i = 0; i < highlights.length; ++i) {
+				var h = highlights[i];
+				if (h.series == s)
+					return i;
+			}
+			return -1;
+		}
+
+		function drawOverlay(plot, octx) {
+
+			var options = plot.getOptions();
+
+			var radius = options.series.pie.radius > 1 ? options.series.pie.radius : maxRadius * options.series.pie.radius;
+
+			octx.save();
+			octx.translate(centerLeft, centerTop);
+			octx.scale(1, options.series.pie.tilt);
+
+			for (var i = 0; i < highlights.length; ++i) {
+				drawHighlight(highlights[i].series);
+			}
+
+			drawDonutHole(octx);
+
+			octx.restore();
+
+			function drawHighlight(series) {
+
+				if (series.angle <= 0 || isNaN(series.angle)) {
+					return;
+				}
+
+				//octx.fillStyle = parseColor(options.series.pie.highlight.color).scale(null, null, null, options.series.pie.highlight.opacity).toString();
+				octx.fillStyle = "rgba(255, 255, 255, " + options.series.pie.highlight.opacity + ")"; // this is temporary until we have access to parseColor
+				octx.beginPath();
+				if (Math.abs(series.angle - Math.PI * 2) > 0.000000001) {
+					octx.moveTo(0, 0); // Center of the pie
+				}
+				octx.arc(0, 0, radius, series.startAngle, series.startAngle + series.angle / 2, false);
+				octx.arc(0, 0, radius, series.startAngle + series.angle / 2, series.startAngle + series.angle, false);
+				octx.closePath();
+				octx.fill();
+			}
+		}
+	} // end init (plugin body)
+
+	// define pie specific options and their default values
+
+	var options = {
+		series: {
+			pie: {
+				show: false,
+				radius: "auto",	// actual radius of the visible pie (based on full calculated radius if <=1, or hard pixel value)
+				innerRadius: 0, /* for donut */
+				startAngle: 3/2,
+				tilt: 1,
+				shadow: {
+					left: 5,	// shadow left offset
+					top: 15,	// shadow top offset
+					alpha: 0.02	// shadow alpha
+				},
+				offset: {
+					top: 0,
+					left: "auto"
+				},
+				stroke: {
+					color: "#fff",
+					width: 1
+				},
+				label: {
+					show: "auto",
+					formatter: function(label, slice) {
+						return "<div style='font-size:x-small;text-align:center;padding:2px;color:" + slice.color + ";'>" + label + "<br/>" + Math.round(slice.percent) + "%</div>";
+					},	// formatter function
+					radius: 1,	// radius at which to place the labels (based on full calculated radius if <=1, or hard pixel value)
+					background: {
+						color: null,
+						opacity: 0
+					},
+					threshold: 0	// percentage at which to hide the label (i.e. the slice is too narrow)
+				},
+				combine: {
+					threshold: -1,	// percentage at which to combine little slices into one larger slice
+					color: null,	// color to give the new slice (auto-generated if null)
+					label: "Other"	// label to give the new slice
+				},
+				highlight: {
+					//color: "#fff",		// will add this functionality once parseColor is available
+					opacity: 0.5
+				}
+			}
+		}
+	};
+
+	$.plot.plugins.push({
+		init: init,
+		options: options,
+		name: "pie",
+		version: "1.1"
+	});
+
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/flot/jquery.flot.resize.js b/web/bootstrap-ace-admin/js/flot/jquery.flot.resize.js
new file mode 100755
index 00000000..8a626dda
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/flot/jquery.flot.resize.js
@@ -0,0 +1,59 @@
+/* Flot plugin for automatically redrawing plots as the placeholder resizes.
+
+Copyright (c) 2007-2014 IOLA and Ole Laursen.
+Licensed under the MIT license.
+
+It works by listening for changes on the placeholder div (through the jQuery
+resize event plugin) - if the size changes, it will redraw the plot.
+
+There are no options. If you need to disable the plugin for some plots, you
+can just fix the size of their placeholders.
+
+*/
+
+/* Inline dependency:
+ * jQuery resize event - v1.1 - 3/14/2010
+ * http://benalman.com/projects/jquery-resize-plugin/
+ *
+ * Copyright (c) 2010 "Cowboy" Ben Alman
+ * Dual licensed under the MIT and GPL licenses.
+ * http://benalman.com/about/license/
+ */
+(function($,e,t){"$:nomunge";var i=[],n=$.resize=$.extend($.resize,{}),a,r=false,s="setTimeout",u="resize",m=u+"-special-event",o="pendingDelay",l="activeDelay",f="throttleWindow";n[o]=200;n[l]=20;n[f]=true;$.event.special[u]={setup:function(){if(!n[f]&&this[s]){return false}var e=$(this);i.push(this);e.data(m,{w:e.width(),h:e.height()});if(i.length===1){a=t;h()}},teardown:function(){if(!n[f]&&this[s]){return false}var e=$(this);for(var t=i.length-1;t>=0;t--){if(i[t]==this){i.splice(t,1);break}}e.removeData(m);if(!i.length){if(r){cancelAnimationFrame(a)}else{clearTimeout(a)}a=null}},add:function(e){if(!n[f]&&this[s]){return false}var i;function a(e,n,a){var r=$(this),s=r.data(m)||{};s.w=n!==t?n:r.width();s.h=a!==t?a:r.height();i.apply(this,arguments)}if($.isFunction(e)){i=e;return a}else{i=e.handler;e.handler=a}}};function h(t){if(r===true){r=t||1}for(var s=i.length-1;s>=0;s--){var l=$(i[s]);if(l[0]==e||l.is(":visible")){var f=l.width(),c=l.height(),d=l.data(m);if(d&&(f!==d.w||c!==d.h)){l.trigger(u,[d.w=f,d.h=c]);r=t||true}}else{d=l.data(m);d.w=0;d.h=0}}if(a!==null){if(r&&(t==null||t-r<1e3)){a=e.requestAnimationFrame(h)}else{a=setTimeout(h,n[o]);r=false}}}if(!e.requestAnimationFrame){e.requestAnimationFrame=function(){return e.webkitRequestAnimationFrame||e.mozRequestAnimationFrame||e.oRequestAnimationFrame||e.msRequestAnimationFrame||function(t,i){return e.setTimeout(function(){t((new Date).getTime())},n[l])}}()}if(!e.cancelAnimationFrame){e.cancelAnimationFrame=function(){return e.webkitCancelRequestAnimationFrame||e.mozCancelRequestAnimationFrame||e.oCancelRequestAnimationFrame||e.msCancelRequestAnimationFrame||clearTimeout}()}})(jQuery,this);
+
+(function ($) {
+    var options = { }; // no options
+
+    function init(plot) {
+        function onResize() {
+            var placeholder = plot.getPlaceholder();
+
+            // somebody might have hidden us and we can't plot
+            // when we don't have the dimensions
+            if (placeholder.width() == 0 || placeholder.height() == 0)
+                return;
+
+            plot.resize();
+            plot.setupGrid();
+            plot.draw();
+        }
+        
+        function bindEvents(plot, eventHolder) {
+            plot.getPlaceholder().resize(onResize);
+        }
+
+        function shutdown(plot, eventHolder) {
+            plot.getPlaceholder().unbind("resize", onResize);
+        }
+        
+        plot.hooks.bindEvents.push(bindEvents);
+        plot.hooks.shutdown.push(shutdown);
+    }
+    
+    $.plot.plugins.push({
+        init: init,
+        options: options,
+        name: 'resize',
+        version: '1.0'
+    });
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/fuelux/fuelux.spinner.js b/web/bootstrap-ace-admin/js/fuelux/fuelux.spinner.js
new file mode 100755
index 00000000..878c93dc
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/fuelux/fuelux.spinner.js
@@ -0,0 +1,445 @@
+/*
+ * Fuel UX Spinbox
+ * https://github.com/ExactTarget/fuelux
+ *
+ * Copyright (c) 2014 ExactTarget
+ * Licensed under the BSD New license.
+ */
+
+// -- BEGIN UMD WRAPPER PREFACE --
+
+// For more information on UMD visit:
+// https://github.com/umdjs/umd/blob/master/jqueryPlugin.js
+
+(function(factory) {
+	if (typeof define === 'function' && define.amd) {
+		// if AMD loader is available, register as an anonymous module.
+		define(['jquery'], factory);
+	} else {
+		// OR use browser globals if AMD is not present
+		factory(jQuery);
+	}
+}(function($) {
+	// -- END UMD WRAPPER PREFACE --
+
+	// -- BEGIN MODULE CODE HERE --
+
+	var old = $.fn.spinbox;
+
+	// SPINBOX CONSTRUCTOR AND PROTOTYPE
+
+	var Spinbox = function(element, options) {
+		this.$element = $(element);
+		this.$element.find('.btn').on('click', function(e) {
+			//keep spinbox from submitting if they forgot to say type="button" on their spinner buttons
+			e.preventDefault();
+		});
+		this.options = $.extend({}, $.fn.spinbox.defaults, options);
+		this.$input = this.$element.find('.spinbox-input');
+		this.$element.on('focusin.fu.spinbox', this.$input, $.proxy(this.changeFlag, this));
+		this.$element.on('focusout.fu.spinbox', this.$input, $.proxy(this.change, this));
+		this.$element.on('keydown.fu.spinbox', this.$input, $.proxy(this.keydown, this));
+		this.$element.on('keyup.fu.spinbox', this.$input, $.proxy(this.keyup, this));
+
+		this.bindMousewheelListeners();
+		this.mousewheelTimeout = {};
+
+		if (this.options.hold) {
+			this.$element.on('mousedown.fu.spinbox', '.spinbox-up', $.proxy(function() {
+				this.startSpin(true);
+			}, this));
+			this.$element.on('mouseup.fu.spinbox', '.spinbox-up, .spinbox-down', $.proxy(this.stopSpin, this));
+			this.$element.on('mouseout.fu.spinbox', '.spinbox-up, .spinbox-down', $.proxy(this.stopSpin, this));
+			this.$element.on('mousedown.fu.spinbox', '.spinbox-down', $.proxy(function() {
+				this.startSpin(false);
+			}, this));
+		} else {
+			this.$element.on('click.fu.spinbox', '.spinbox-up', $.proxy(function() {
+				this.step(true);
+			}, this));
+			this.$element.on('click.fu.spinbox', '.spinbox-down', $.proxy(function() {
+				this.step(false);
+			}, this));
+		}
+
+		this.switches = {
+			count: 1,
+			enabled: true
+		};
+
+		if (this.options.speed === 'medium') {
+			this.switches.speed = 300;
+		} else if (this.options.speed === 'fast') {
+			this.switches.speed = 100;
+		} else {
+			this.switches.speed = 500;
+		}
+
+		this.lastValue = this.options.value;
+
+		this.render();
+
+		if (this.options.disabled) {
+			this.disable();
+		}
+	};
+
+	Spinbox.prototype = {
+		constructor: Spinbox,
+
+		destroy: function() {
+			this.$element.remove();
+			// any external bindings
+			// [none]
+			// set input value attrbute
+			this.$element.find('input').each(function() {
+				$(this).attr('value', $(this).val());
+			});
+			// empty elements to return to original markup
+			// [none]
+			// returns string of markup
+			return this.$element[0].outerHTML;
+		},
+
+		render: function() {
+			var inputValue = this.parseInput(this.$input.val());
+			var maxUnitLength = '';
+
+			// if input is empty and option value is default, 0
+			if (inputValue !== '' && this.options.value === 0) {
+				this.value(inputValue);
+			} else {
+				this.output (this.options.value);
+			}
+
+			if (this.options.units.length) {
+				$.each(this.options.units, function(index, value) {
+					if (value.length > maxUnitLength.length) {
+						maxUnitLength = value;
+					}
+				});
+			}
+
+		},
+
+		output: function(value, updateField) {
+			value = (value + '').split('.').join(this.options.decimalMark);
+			updateField = (updateField || true);
+			if (updateField) {
+				this.$input.val(value);
+			}
+
+			return value;
+		},
+
+		parseInput: function(value) {
+			value = (value + '').split(this.options.decimalMark).join('.');
+
+			return value;
+		},
+
+		change: function() {
+			var newVal = this.parseInput(this.$input.val()) || '';
+
+			if (this.options.units.length || this.options.decimalMark !== '.') {
+				newVal = this.parseValueWithUnit(newVal);
+			} else if (newVal / 1) {
+				newVal = this.options.value = this.checkMaxMin(newVal / 1);
+			} else {
+				newVal = this.checkMaxMin(newVal.replace(/[^0-9.-]/g, '') || '');
+				this.options.value = newVal / 1;
+			}
+			this.output (newVal);
+
+			this.changeFlag = false;
+			this.triggerChangedEvent();
+		},
+
+		changeFlag: function() {
+			this.changeFlag = true;
+		},
+
+		stopSpin: function() {
+			if (this.switches.timeout !== undefined) {
+				clearTimeout(this.switches.timeout);
+				this.switches.count = 1;
+				this.triggerChangedEvent();
+			}
+		},
+
+		triggerChangedEvent: function() {
+			var currentValue = this.value();
+			if (currentValue === this.lastValue) return;
+
+			this.lastValue = currentValue;
+
+			// Primary changed event
+			this.$element.trigger('changed.fu.spinbox', this.output(currentValue, false)); // no DOM update
+		},
+
+		startSpin: function(type) {
+
+			if (!this.options.disabled) {
+				var divisor = this.switches.count;
+
+				if (divisor === 1) {
+					this.step(type);
+					divisor = 1;
+				} else if (divisor < 3) {
+					divisor = 1.5;
+				} else if (divisor < 8) {
+					divisor = 2.5;
+				} else {
+					divisor = 4;
+				}
+
+				this.switches.timeout = setTimeout($.proxy(function() {
+					this.iterate(type);
+				}, this), this.switches.speed / divisor);
+				this.switches.count++;
+			}
+		},
+
+		iterate: function(type) {
+			this.step(type);
+			this.startSpin(type);
+		},
+
+		step: function(isIncrease) {
+			// isIncrease: true is up, false is down
+
+			var digits, multiple, currentValue, limitValue;
+
+			// trigger change event
+			if (this.changeFlag) {
+				this.change();
+			}
+
+			// get current value and min/max options
+			currentValue = this.options.value;
+			limitValue = isIncrease ? this.options.max : this.options.min;
+
+			if ( (isIncrease ? currentValue < limitValue : currentValue > limitValue) ) {
+				var newVal = currentValue + (isIncrease ? 1 : -1) * this.options.step;
+
+				// raise to power of 10 x number of decimal places, then round
+				if (this.options.step % 1 !== 0) {
+					digits = (this.options.step + '').split('.')[1].length;
+					multiple = Math.pow(10, digits);
+					newVal = Math.round(newVal * multiple) / multiple;
+				}
+
+				// if outside limits, set to limit value
+				if (isIncrease ? newVal > limitValue : newVal < limitValue) {
+					this.value(limitValue);
+				} else {
+					this.value(newVal);
+				}
+
+			} else if (this.options.cycle) {
+				var cycleVal = isIncrease ? this.options.min : this.options.max;
+				this.value(cycleVal);
+			}
+		},
+
+		value: function(value) {
+
+			if (value || value === 0) {
+				if (this.options.units.length || this.options.decimalMark !== '.') {
+					this.output(this.parseValueWithUnit(value + (this.unit || '')));
+					return this;
+
+				} else if (!isNaN(parseFloat(value)) && isFinite(value)) {
+					this.options.value = value / 1;
+					this.output (value + (this.unit ? this.unit : ''));
+					return this;
+
+				}
+			} else {
+				if (this.changeFlag) {
+					this.change();
+				}
+
+				if (this.unit) {
+					return this.options.value + this.unit;
+				} else {
+					return this.output(this.options.value, false); // no DOM update
+				}
+			}
+		},
+
+		isUnitLegal: function(unit) {
+			var legalUnit;
+
+			$.each(this.options.units, function(index, value) {
+				if (value.toLowerCase() === unit.toLowerCase()) {
+					legalUnit = unit.toLowerCase();
+					return false;
+				}
+			});
+
+			return legalUnit;
+		},
+
+		// strips units and add them back
+		parseValueWithUnit: function(value) {
+			var unit = value.replace(/[^a-zA-Z]/g, '');
+			var number = value.replace(/[^0-9.-]/g, '');
+
+			if (unit) {
+				unit = this.isUnitLegal(unit);
+			}
+
+			this.options.value = this.checkMaxMin(number / 1);
+			this.unit = unit || undefined;
+			return this.options.value + (unit || '');
+		},
+
+		checkMaxMin: function(value) {
+			// if unreadable
+			if (isNaN(parseFloat(value))) {
+				return value;
+			}
+			// if not within range return the limit
+			if (!(value <= this.options.max && value >= this.options.min)) {
+				value = value >= this.options.max ? this.options.max : this.options.min;
+			}
+			return value;
+		},
+
+		disable: function() {
+			this.options.disabled = true;
+			this.$element.addClass('disabled');
+			this.$input.attr('disabled', '');
+			this.$element.find('button').addClass('disabled');
+		},
+
+		enable: function() {
+			this.options.disabled = false;
+			this.$element.removeClass('disabled');
+			this.$input.removeAttr('disabled');
+			this.$element.find('button').removeClass('disabled');
+		},
+
+		keydown: function(event) {
+			var keyCode = event.keyCode;
+			if (keyCode === 38) {
+				this.step(true);
+			} else if (keyCode === 40) {
+				this.step(false);
+			}
+		},
+
+		keyup: function(event) {
+			var keyCode = event.keyCode;
+
+			if (keyCode === 38 || keyCode === 40) {
+				this.triggerChangedEvent();
+			}
+		},
+
+		bindMousewheelListeners: function() {
+			var inputEl = this.$input.get(0);
+			if (inputEl.addEventListener) {
+				//IE 9, Chrome, Safari, Opera
+				inputEl.addEventListener('mousewheel', $.proxy(this.mousewheelHandler, this), false);
+				// Firefox
+				inputEl.addEventListener('DOMMouseScroll', $.proxy(this.mousewheelHandler, this), false);
+			} else {
+				// IE <9
+				inputEl.attachEvent('onmousewheel', $.proxy(this.mousewheelHandler, this));
+			}
+		},
+
+		mousewheelHandler: function(event) {
+			var e = window.event || event; // old IE support
+			var delta = Math.max(-1, Math.min(1, (e.wheelDelta || -e.detail)));
+			var self = this;
+
+			clearTimeout(this.mousewheelTimeout);
+			this.mousewheelTimeout = setTimeout(function() {
+				self.triggerChangedEvent();
+			}, 300);
+
+			if (delta > 0) {//ACE
+				this.step(true);
+			} else {
+				this.step(false);
+			}
+
+			if (e.preventDefault) {
+				e.preventDefault();
+			} else {
+				e.returnValue = false;
+			}
+			return false;
+		}
+	};
+
+
+	// SPINBOX PLUGIN DEFINITION
+
+	$.fn.spinbox = function(option) {
+		var args = Array.prototype.slice.call(arguments, 1);
+		var methodReturn;
+
+		var $set = this.each(function() {
+			var $this = $(this);
+			var data = $this.data('fu.spinbox');
+			var options = typeof option === 'object' && option;
+
+			if (!data) {
+				$this.data('fu.spinbox', (data = new Spinbox(this, options)));
+			}
+			if (typeof option === 'string') {
+				methodReturn = data[option].apply(data, args);
+			}
+		});
+
+		return (methodReturn === undefined) ? $set : methodReturn;
+	};
+
+	// value needs to be 0 for this.render();
+	$.fn.spinbox.defaults = {
+		value: 0,
+		min: 0,
+		max: 999,
+		step: 1,
+		hold: true,
+		speed: 'medium',
+		disabled: false,
+		cycle: false,
+		units: [],
+		decimalMark: '.'
+	};
+
+	$.fn.spinbox.Constructor = Spinbox;
+
+	$.fn.spinbox.noConflict = function() {
+		$.fn.spinbox = old;
+		return this;
+	};
+
+
+	// DATA-API
+
+	$(document).on('mousedown.fu.spinbox.data-api', '[data-initialize=spinbox]', function(e) {
+		var $control = $(e.target).closest('.spinbox');
+		if (!$control.data('fu.spinbox')) {
+			$control.spinbox($control.data());
+		}
+	});
+
+	// Must be domReady for AMD compatibility
+	$(function() {
+		$('[data-initialize=spinbox]').each(function() {
+			var $this = $(this);
+			if (!$this.data('fu.spinbox')) {
+				$this.spinbox($this.data());
+			}
+		});
+	});
+
+	// -- BEGIN UMD WRAPPER AFTERWORD --
+}));
+// -- END UMD WRAPPER AFTERWORD --
diff --git a/web/bootstrap-ace-admin/js/fuelux/fuelux.tree.js b/web/bootstrap-ace-admin/js/fuelux/fuelux.tree.js
new file mode 100755
index 00000000..c3ebd490
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/fuelux/fuelux.tree.js
@@ -0,0 +1,401 @@
+/*
+ * Fuel UX Tree
+ * https://github.com/ExactTarget/fuelux
+ *
+ * Copyright (c) 2014 ExactTarget
+ * Licensed under the BSD New license.
+ */
+
+// -- BEGIN UMD WRAPPER PREFACE --
+
+// For more information on UMD visit: 
+// https://github.com/umdjs/umd/blob/master/jqueryPlugin.js
+
+(function (factory) {
+	if (typeof define === 'function' && define.amd) {
+		// if AMD loader is available, register as an anonymous module.
+		define(['jquery'], factory);
+	} else {
+		// OR use browser globals if AMD is not present
+		factory(jQuery);
+	}
+}(function ($) {
+	// -- END UMD WRAPPER PREFACE --
+		
+	// -- BEGIN MODULE CODE HERE --
+
+	var old = $.fn.tree;
+
+	// TREE CONSTRUCTOR AND PROTOTYPE
+
+	var Tree = function (element, options) {
+		this.$element = $(element);
+		this.options = $.extend({}, $.fn.tree.defaults, options);
+
+		this.$element.on('click.fu.tree', '.tree-item', $.proxy( function(ev) { this.selectItem(ev.currentTarget); } ,this));
+		//this.$element.on('click.fu.tree', '.tree-branch-name', $.proxy( function(ev) { this.openFolder(ev.currentTarget); }, this));
+		this.$element.on('click.fu.tree', '.tree-branch-header', $.proxy( function(ev) { this.openFolder(ev.currentTarget); }, this));
+		//ACE
+		
+		//ACE
+		/**
+		if( this.options.folderSelect ){
+			this.$element.off('click.fu.tree', '.tree-branch-header');
+			this.$element.on('click.fu.tree', '.icon-caret', $.proxy( function(ev) { this.openFolder($(ev.currentTarget).parent()); }, this));
+			this.$element.on('click.fu.tree', '.tree-branch-header', $.proxy( function(ev) { this.selectFolder($(ev.currentTarget)); }, this));
+		}
+		*/
+
+		this.render();
+	};
+
+	Tree.prototype = {
+		constructor: Tree,
+
+		destroy: function() {
+			// any external bindings [none]
+			// empty elements to return to original markup
+			this.$element.find("li:not([data-template])").remove();
+
+			this.$element.remove();
+			// returns string of markup
+			return this.$element[0].outerHTML;
+		},
+
+		render: function () {
+			this.populate(this.$element);
+		},
+
+		populate: function ($el) {
+			var self = this;
+			var $parent = ($el.hasClass('tree')) ? $el : $el.parent();
+			var loader = $parent.find('.tree-loader:eq(0)');
+			var treeData = $parent.data();
+
+			loader.removeClass('hide');
+			this.options.dataSource( treeData ? treeData : {} , function (items) {
+				loader.addClass('hide');
+
+				$.each( items.data, function(index, value) {
+					var $entity;
+
+					if(value.type === 'folder') {
+						$entity = self.$element.find('[data-template=treebranch]:eq(0)').clone().removeClass('hide').removeAttr('data-template');
+						$entity.data(value);
+						$entity.find('.tree-branch-name > .tree-label').html(value.text || value.name);
+						
+						//ACE
+						var header = $entity.find('.tree-branch-header');
+
+						if('icon-class' in value)
+							header.find('i').addClass(value['icon-class']);
+						
+						if('additionalParameters' in value
+							&& 'item-selected' in value.additionalParameters 
+								&& value.additionalParameters['item-selected'] == true) {
+								setTimeout(function(){header.trigger('click')}, 0);
+						}
+						
+					} else if (value.type === 'item') {
+						$entity = self.$element.find('[data-template=treeitem]:eq(0)').clone().removeClass('hide').removeAttr('data-template');
+						$entity.find('.tree-item-name > .tree-label').html(value.text || value.name);
+						$entity.data(value);
+						
+						//ACE
+						if('additionalParameters' in value
+							&& 'item-selected' in value.additionalParameters 
+								&& value.additionalParameters['item-selected'] == true) {
+								$entity.addClass ('tree-selected');
+								$entity.find('i').removeClass(self.options['unselected-icon']).addClass(self.options['selected-icon']);
+								//$entity.closest('.tree-folder-content').show();
+						}
+					}
+
+					// Decorate $entity with data or other attributes making the
+					// element easily accessable with libraries like jQuery.
+					//
+					// Values are contained within the object returned
+					// for folders and items as attr:
+					//
+					// {
+					//     name: "An Item",
+					//     type: 'item',
+					//     attr = {
+					//         'classes': 'required-item red-text',
+					//         'data-parent': parentId,
+					//         'guid': guid,
+					//         'id': guid
+					//     }
+					// };
+					//
+					// the "name" attribute is also supported but is deprecated for "text"
+
+					// add attributes to tree-branch or tree-item
+					var attr = value['attr'] || value.dataAttributes || [];
+					$.each(attr, function(key, value) {
+						switch (key) {
+							case 'cssClass':
+							case 'class':
+							case 'className':
+								$entity.addClass(value);
+								break;
+							
+							// allow custom icons
+							case 'data-icon':
+								$entity.find('.icon-item').removeClass().addClass('icon-item ' + value);
+								$entity.attr(key, value);
+								break;
+
+							// ARIA support
+							case 'id':
+								$entity.attr(key, value);
+								$entity.attr('aria-labelledby', value + '-label');
+								$entity.find('.tree-branch-name > .tree-label').attr('id', value + '-label');
+								break;
+
+							// id, style, data-*
+							default:
+								$entity.attr(key, value);
+								break;
+						}
+					});
+
+					// add child nodes
+					if($el.hasClass('tree-branch-header')) {
+						$parent.find('.tree-branch-children:eq(0)').append($entity);
+					} else {
+						$el.append($entity);
+					}
+				});
+
+				// return newly populated folder
+				self.$element.trigger('loaded.fu.tree', $parent);
+			});
+		},
+
+		selectItem: function (el) {
+			if(this.options['selectable'] == false) return;//ACE
+			
+			var $el = $(el);
+			var selData = $el.data();
+			var $all = this.$element.find('.tree-selected');
+			var data = [];
+			var $icon = $el.find('.icon-item');
+
+			if (this.options.multiSelect) {
+				$.each($all, function(index, value) {
+					var $val = $(value);
+					if($val[0] !== $el[0]) {
+						data.push( $(value).data() );
+					}
+				});
+			} else if ($all[0] !== $el[0]) {
+				//
+				$all.removeClass('tree-selected')
+					.find('i').removeClass(this.options['selected-icon']).addClass(this.options['unselected-icon']);//ACE
+				data.push(selData);
+			}
+
+			var eventType = 'selected';
+			if($el.hasClass('tree-selected')) {
+				eventType = 'deselected';
+				$el.removeClass('tree-selected');
+				if($icon.hasClass(this.options['selected-icon']) || $icon.hasClass(this.options['unselected-icon']) ) {
+					$icon.removeClass(this.options['selected-icon']).addClass(this.options['unselected-icon']);//ACE
+				}
+			} else {
+				$el.addClass ('tree-selected');
+				// add tree dot back in
+				if($icon.hasClass(this.options['selected-icon']) || $icon.hasClass(this.options['unselected-icon']) ) {
+					$icon.removeClass(this.options['unselected-icon']).addClass(this.options['selected-icon']);//ACE
+				}
+				if (this.options.multiSelect) {
+					data.push( selData );
+				}
+			}
+
+			this.$element.trigger(eventType + '.fu.tree', {target: selData, selected: data});
+
+			// Return new list of selected items, the item
+			// clicked, and the type of event:
+			$el.trigger('updated.fu.tree', {
+				selected: data,
+				item: $el,
+				eventType: eventType
+			});
+		},
+
+		openFolder: function (el) {
+			var $el = $(el); // tree-branch-name
+			var $branch;
+			var $treeFolderContent;
+			var $treeFolderContentFirstChild;
+
+			// if item select only
+			//ACE
+			/**
+			if (!this.options.folderSelect) {
+				$el = $(el).parent(); // tree-branch, if tree-branch-name clicked
+			}
+			*/
+
+			$branch = $el.closest('.tree-branch'); // tree branch
+			$treeFolderContent = $branch.find('.tree-branch-children');
+			$treeFolderContentFirstChild = $treeFolderContent.eq(0);
+
+			// manipulate branch/folder
+			var eventType, classToTarget, classToAdd;
+			if ($el.find('.'+$.trim(this.options['close-icon'].replace(/(\s+)/g, '.'))).length) {//ACE
+				eventType = 'opened';
+				classToTarget = this.options['close-icon'];//ACE
+				classToAdd = this.options['open-icon'];//ACE
+
+				$branch.addClass('tree-open');
+				$branch.attr('aria-expanded', 'true');
+
+				$treeFolderContentFirstChild.removeClass('hide');
+				if (!$treeFolderContent.children().length) {
+					this.populate($treeFolderContent);
+				}
+
+			} else if($el.find('.'+$.trim(this.options['open-icon'].replace(/(\s+)/g, '.')))) {
+				eventType = 'closed';
+				classToTarget = this.options['open-icon'];//ACE
+				classToAdd = this.options['close-icon'];//ACE
+
+				$branch.removeClass('tree-open');
+				$branch.attr('aria-expanded', 'false');
+				$treeFolderContentFirstChild.addClass('hide');
+
+				// remove if no cache
+				if (!this.options.cacheItems) {
+					$treeFolderContentFirstChild.empty();
+				}
+
+			}
+			
+			$branch.find('> .tree-branch-header .icon-folder').eq(0)
+				//.removeClass(this.options['close-icon'] + ' ' + this.options['open-icon'])
+				.removeClass(classToTarget)//ACE
+				.addClass(classToAdd);
+
+			this.$element.trigger(eventType + '.fu.tree', $branch.data());
+		},
+
+		selectFolder: function (clickedElement) {
+			var $clickedElement = $(clickedElement);
+			var $clickedBranch = $clickedElement.closest('.tree-branch');
+			var $selectedBranch = this.$element.find('.tree-branch.tree-selected');
+			var clickedData = $clickedBranch.data();
+			var selectedData = [];
+			var eventType = 'selected';
+
+			// select clicked item
+			if($clickedBranch.hasClass('tree-selected')) {
+				eventType = 'deselected';
+				$clickedBranch.removeClass('tree-selected');
+			} else {
+				$clickedBranch.addClass('tree-selected');
+			}
+
+			if (this.options.multiSelect) {
+
+			// get currently selected
+				$selectedBranch = this.$element.find('.tree-branch.tree-selected');
+
+				$.each($selectedBranch, function(index, value) {
+					var $value = $(value);
+					if($value[0] !== $clickedElement[0]) {
+						selectedData.push( $(value).data() );
+					}
+				});
+
+			} else if ($selectedBranch[0] !== $clickedElement[0]) {
+				$selectedBranch.removeClass('tree-selected');
+
+				selectedData.push(clickedData);
+			}
+
+			this.$element.trigger(eventType + '.fu.tree', {target: clickedData, selected: selectedData});
+
+			// Return new list of selected items, the item
+			// clicked, and the type of event:
+			$clickedElement.trigger('updated.fu.tree', {
+				selected: selectedData,
+				item: $clickedElement,
+				eventType: eventType
+			});
+		},
+
+		selectedItems: function () {
+			var $sel = this.$element.find('.tree-selected');
+			var data = [];
+
+			$.each($sel, function (index, value) {
+				data.push($(value).data());
+			});
+			return data;
+		},
+
+		// collapses open folders
+		collapse: function () {
+			var cacheItems = this.options.cacheItems;
+
+			// find open folders
+			this.$element.find('.'+$.trim(this.options['open-icon'].replace(/(\s+)/g, '.'))).each(function () {//ACE
+				// update icon class
+				var $this = $(this)
+					.removeClass(this.options['open-icon'] + ' ' + this.options['close-icon'])
+					.addClass(this.options['close-icon']);
+
+				// "close" or empty folder contents
+				var $parent = $this.parent().parent();
+				var $folder = $parent.children('.tree-branch-children');
+
+				$folder.addClass('hide');
+				if (!cacheItems) {
+					$folder.empty();
+				}
+			});
+		}
+	};
+
+
+	// TREE PLUGIN DEFINITION
+
+	$.fn.tree = function (option) {
+		var args = Array.prototype.slice.call( arguments, 1 );
+		var methodReturn;
+
+		var $set = this.each(function () {
+			var $this   = $( this );
+			var data    = $this.data( 'fu.tree' );
+			var options = typeof option === 'object' && option;
+
+			if( !data ) $this.data('fu.tree', (data = new Tree( this, options ) ) );
+			if( typeof option === 'string' ) methodReturn = data[ option ].apply( data, args );
+		});
+
+		return ( methodReturn === undefined ) ? $set : methodReturn;
+	};
+
+	$.fn.tree.defaults = {
+		dataSource: function(options, callback){},
+		multiSelect: false,
+		cacheItems: true,
+		folderSelect: false//ACE
+	};
+
+	$.fn.tree.Constructor = Tree;
+
+	$.fn.tree.noConflict = function () {
+		$.fn.tree = old;
+		return this;
+	};
+
+
+	// NO DATA-API DUE TO NEED OF DATA-SOURCE
+
+// -- BEGIN UMD WRAPPER AFTERWORD --
+}));
+	// -- END UMD WRAPPER AFTERWORD --
diff --git a/web/bootstrap-ace-admin/js/fuelux/fuelux.wizard.js b/web/bootstrap-ace-admin/js/fuelux/fuelux.wizard.js
new file mode 100755
index 00000000..19ae3603
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/fuelux/fuelux.wizard.js
@@ -0,0 +1,415 @@
+/*
+ * Fuel UX Wizard
+ * https://github.com/ExactTarget/fuelux
+ *
+ * Copyright (c) 2014 ExactTarget
+ * Licensed under the BSD New license.
+ */
+
+// -- BEGIN UMD WRAPPER PREFACE --
+
+// For more information on UMD visit: 
+// https://github.com/umdjs/umd/blob/master/jqueryPlugin.js
+
+(function (factory) {
+	if (typeof define === 'function' && define.amd) {
+		// if AMD loader is available, register as an anonymous module.
+		define(['jquery'], factory);
+	} else {
+		// OR use browser globals if AMD is not present
+		factory(jQuery);
+	}
+}(function ($) {
+	// -- END UMD WRAPPER PREFACE --
+		
+	// -- BEGIN MODULE CODE HERE --
+
+	var old = $.fn.wizard;
+
+	// WIZARD CONSTRUCTOR AND PROTOTYPE
+
+	var Wizard = function (element, options) {
+		var kids;
+
+		this.$element = $(element);
+		this.options = $.extend({}, $.fn.wizard.defaults, options);
+		this.options.disablePreviousStep = ( this.$element.attr('data-restrict') === "previous" ) ? true : this.options.disablePreviousStep;
+		this.currentStep = this.options.selectedItem.step;
+		this.numSteps = this.$element.find('.steps li').length;
+		this.$prevBtn = this.$element.find('button.btn-prev');
+		this.$nextBtn = this.$element.find('button.btn-next');
+
+		kids = this.$nextBtn.children().detach();
+		this.nextText = $.trim(this.$nextBtn.text());
+		this.$nextBtn.append(kids);
+
+		// handle events
+		this.$prevBtn.on('click.fu.wizard', $.proxy(this.previous, this));
+		this.$nextBtn.on('click.fu.wizard', $.proxy(this.next, this));
+		this.$element.on('click.fu.wizard', 'li.complete', $.proxy(this.stepclicked, this));
+		
+		this.selectedItem(this.options.selectedItem);
+
+		if( this.options.disablePreviousStep ) {
+			this.$prevBtn.attr( 'disabled', true );
+			this.$element.find( '.steps' ).addClass( 'previous-disabled' );
+		}
+	};
+
+	Wizard.prototype = {
+
+		constructor: Wizard,
+
+		destroy: function() {
+			this.$element.remove();
+			// any external bindings [none]
+			// empty elements to return to original markup [none]
+			// returns string of markup
+			return this.$element[0].outerHTML;
+		},
+
+		//index is 1 based
+		//second parameter can be array of objects [{ ... }, { ... }] or you can pass n additional objects as args
+		//object structure is as follows (all params are optional): { badge: '', label: '', pane: '' }
+		addSteps: function(index){
+			var items = [].slice.call(arguments).slice(1);
+			var $steps = this.$element.find('.steps');
+			var $stepContent = this.$element.find('.step-content');
+			var i, l, $pane, $startPane, $startStep, $step;
+
+			index = (index===-1 || (index>(this.numSteps+1))) ? this.numSteps+1 : index;
+			if(items[0] instanceof Array){
+				items = items[0];
+			}
+
+			$startStep = $steps.find('li:nth-child(' + index + ')');
+			$startPane = $stepContent.find('.step-pane:nth-child(' + index + ')');
+			if($startStep.length<1){
+				$startStep = null;
+			}
+
+			for(i=0, l=items.length; i<l; i++){
+				$step = $('<li data-step="' + index + '"><span class="badge badge-info"></span></li>');
+				$step.append(items[i].label || '').append('<span class="chevron"></span>');
+				$step.find('.badge').append(items[i].badge || index);
+
+				$pane = $('<div class="step-pane" data-step="' + index + '"></div>');
+				$pane.append(items[i].pane || '');
+
+				if(!$startStep){
+					$steps.append($step);
+					$stepContent.append($pane);
+				}else{
+					$startStep.before($step);
+					$startPane.before($pane);
+				}
+				index++;
+			}
+
+			this.syncSteps();
+			this.numSteps = $steps.find('li').length;
+			this.setState();
+		},
+
+		//index is 1 based, howMany is number to remove
+		removeSteps: function(index, howMany){
+			var action = 'nextAll';
+			var i = 0;
+			var $steps = this.$element.find('.steps');
+			var $stepContent = this.$element.find('.step-content');
+			var $start;
+
+			howMany = (howMany!==undefined) ? howMany : 1;
+
+			if(index>$steps.find('li').length){
+				$start = $steps.find('li:last');
+			}else{
+				$start = $steps.find('li:nth-child(' + index + ')').prev();
+				if($start.length<1){
+					action = 'children';
+					$start = $steps;
+				}
+			}
+
+			$start[action]().each(function(){
+				var item = $(this);
+				var step = item.attr('data-step');
+				if(i<howMany){
+					item.remove();
+					$stepContent.find('.step-pane[data-step="' + step + '"]:first').remove();
+				}else{
+					return false;
+				}
+				i++;
+			});
+
+			this.syncSteps();
+			this.numSteps = $steps.find('li').length;
+			this.setState();
+		},
+
+		setState: function () {
+			var canMovePrev = (this.currentStep > 1);
+			var firstStep = (this.currentStep === 1);
+			var lastStep = (this.currentStep === this.numSteps);
+
+			// disable buttons based on current step
+			if( !this.options.disablePreviousStep ) {
+				this.$prevBtn.attr('disabled', (firstStep === true || canMovePrev === false));
+			}
+
+			// change button text of last step, if specified
+			var last = this.$nextBtn.attr('data-last');
+			if (last) {
+				this.lastText = last;
+				// replace text
+				var text = this.nextText;
+				if ( lastStep === true ) {
+					text = this.lastText;
+					// add status class to wizard
+					this.$element.addClass('complete');
+				}
+				else {
+					this.$element.removeClass('complete');
+				}
+				var kids = this.$nextBtn.children().detach();
+				this.$nextBtn.text(text).append(kids);
+			}
+
+			// reset classes for all steps
+			var $steps = this.$element.find('.steps li');
+			$steps.removeClass('active').removeClass('complete');
+			$steps.find('span.badge').removeClass('badge-info').removeClass('badge-success');
+
+			// set class for all previous steps
+			var prevSelector = '.steps li:lt(' + (this.currentStep - 1) + ')';
+			var $prevSteps = this.$element.find(prevSelector);
+			$prevSteps.addClass('complete');
+			$prevSteps.find('span.badge').addClass('badge-success');
+
+			// set class for current step
+			var currentSelector = '.steps li:eq(' + (this.currentStep - 1) + ')';
+			var $currentStep = this.$element.find(currentSelector);
+			$currentStep.addClass('active');
+			$currentStep.find('span.badge').addClass('badge-info');
+
+			// set display of target element
+			var $stepContent = this.$element.find('.step-content');
+			var target = $currentStep.attr('data-step');
+			$stepContent.find('.step-pane').removeClass('active');
+			$stepContent.find('.step-pane[data-step="' + target + '"]:first').addClass('active');
+
+			//ACE
+			/**
+			// reset the wizard position to the left
+			this.$element.find('.steps').first().attr('style','margin-left: 0');
+
+			// check if the steps are wider than the container div
+			var totalWidth = 0;
+			this.$element.find('.steps > li').each(function () {
+				totalWidth += $(this).outerWidth();
+			});
+			var containerWidth = 0;
+			if (this.$element.find('.actions').length) {
+				containerWidth = this.$element.width() - this.$element.find('.actions').first().outerWidth();
+			} else {
+				containerWidth = this.$element.width();
+			}
+			if (totalWidth > containerWidth) {
+			
+				// set the position so that the last step is on the right
+				var newMargin = totalWidth - containerWidth;
+				this.$element.find('.steps').first().attr('style','margin-left: -' + newMargin + 'px');
+				
+				// set the position so that the active step is in a good
+				// position if it has been moved out of view
+				if (this.$element.find('li.active').first().position().left < 200) {
+					newMargin += this.$element.find('li.active').first().position().left - 200;
+					if (newMargin < 1) {
+						this.$element.find('.steps').first().attr('style','margin-left: 0');
+					} else {
+						this.$element.find('.steps').first().attr('style','margin-left: -' + newMargin + 'px');
+					}
+				}
+			}
+			*/
+
+			// only fire changed event after initializing
+			if(typeof(this.initialized) !== 'undefined' ) {
+				var e = $.Event('changed.fu.wizard');
+				this.$element.trigger(e, {step: this.currentStep});
+			}
+
+			this.initialized = true;
+		},
+
+		stepclicked: function (e) {
+			var li          = $(e.currentTarget);
+			var index       = this.$element.find('.steps li').index(li);
+			var canMovePrev = true;
+
+			if( this.options.disablePreviousStep ) {
+				if( index < this.currentStep ) {
+					canMovePrev = false;
+				}
+			}
+
+			if( canMovePrev ) {
+				var evt = $.Event('stepclicked.fu.wizard');
+				this.$element.trigger(evt, {step: index + 1});
+				if (evt.isDefaultPrevented()) { return; }
+
+				this.currentStep = (index + 1);
+				this.setState();
+			}
+		},
+
+		syncSteps: function(){
+			var i = 1;
+			var $steps = this.$element.find('.steps');
+			var $stepContent = this.$element.find('.step-content');
+
+			$steps.children().each(function(){
+				var item = $(this);
+				var badge = item.find('.badge');
+				var step = item.attr('data-step');
+
+				if(!isNaN(parseInt(badge.html(), 10))){
+					badge.html(i);
+				}
+				item.attr('data-step', i);
+				$stepContent.find('.step-pane[data-step="' + step + '"]:last').attr('data-step', i);
+				i++;
+			});
+		},
+
+		previous: function () {
+			var canMovePrev = (this.currentStep > 1);
+			if( this.options.disablePreviousStep ) {
+				canMovePrev = false;
+			}
+			if (canMovePrev) {
+				var e = $.Event('actionclicked.fu.wizard');
+				this.$element.trigger(e, {step: this.currentStep, direction: 'previous'});
+				if (e.isDefaultPrevented()) { return; } // don't increment
+
+				this.currentStep -= 1;
+				this.setState();
+			}
+
+			// return focus to control after selecting an option
+			if( this.$prevBtn.is(':disabled') ) {
+				this.$nextBtn.focus();
+			}
+			else {
+				this.$prevBtn.focus();
+			}
+
+		},
+
+		next: function () {
+			var canMoveNext = (this.currentStep + 1 <= this.numSteps);
+			var lastStep = (this.currentStep === this.numSteps);
+
+			if (canMoveNext) {
+				var e = $.Event('actionclicked.fu.wizard');
+				this.$element.trigger(e, {step: this.currentStep, direction: 'next'});
+				if (e.isDefaultPrevented()) { return; }	// don't increment
+
+				this.currentStep += 1;
+				this.setState();
+			}
+			else if (lastStep) {
+				this.$element.trigger('finished.fu.wizard');
+			}
+
+			// return focus to control after selecting an option
+			if( this.$nextBtn.is(':disabled') ) {
+				this.$prevBtn.focus();
+			}
+			else {
+				this.$nextBtn.focus();
+			}
+		},
+
+		selectedItem: function (selectedItem) {
+			var retVal, step;
+
+			if(selectedItem) {
+
+				step = selectedItem.step || -1;
+
+				if(step >= 1 && step <= this.numSteps) {
+					this.currentStep = step;
+					this.setState();
+				}else{
+					step = this.$element.find('.steps li.active:first').attr('data-step');
+					if(!isNaN(step)){
+						this.currentStep = parseInt(step, 10);
+						this.setState();
+					}
+				}
+
+				retVal = this;
+			}
+			else {
+				retVal = { step: this.currentStep };
+			}
+
+			return retVal;
+		}
+	};
+
+
+	// WIZARD PLUGIN DEFINITION
+
+	$.fn.wizard = function (option) {
+		var args = Array.prototype.slice.call( arguments, 1 );
+		var methodReturn;
+
+		var $set = this.each(function () {
+			var $this   = $( this );
+			var data    = $this.data('fu.wizard');
+			var options = typeof option === 'object' && option;
+
+			if( !data ) $this.data('fu.wizard', (data = new Wizard( this, options ) ) );
+			if( typeof option === 'string' ) methodReturn = data[ option ].apply( data, args );
+		});
+
+		return ( methodReturn === undefined ) ? $set : methodReturn;
+	};
+
+	$.fn.wizard.defaults = {
+		disablePreviousStep: false,
+		selectedItem: { step: -1 }	//-1 means it will attempt to look for "active" class in order to set the step
+	};
+
+	$.fn.wizard.Constructor = Wizard;
+
+	$.fn.wizard.noConflict = function () {
+		$.fn.wizard = old;
+		return this;
+	};
+
+
+	// DATA-API
+
+	$(document).on('mouseover.fu.wizard.data-api', '[data-initialize=wizard]', function (e) {
+		var $control = $(e.target).closest('.wizard');
+		if ( !$control.data('fu.wizard') ) {
+			$control.wizard($control.data());
+		}
+	});
+
+	// Must be domReady for AMD compatibility
+	$(function () {
+		$('[data-initialize=wizard]').each(function () {
+			var $this = $(this);
+			if ($this.data('fu.wizard')) return;
+			$this.wizard($this.data());
+		});
+	});
+
+// -- BEGIN UMD WRAPPER AFTERWORD --
+}));
+	// -- END UMD WRAPPER AFTERWORD --
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/fullcalendar.js b/web/bootstrap-ace-admin/js/fullcalendar.js
new file mode 100755
index 00000000..b19ec717
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/fullcalendar.js
@@ -0,0 +1,9264 @@
+/*!
+ * FullCalendar v2.2.3
+ * Docs & License: http://arshaw.com/fullcalendar/
+ * (c) 2013 Adam Shaw
+ */
+
+(function(factory) {
+	if (typeof define === 'function' && define.amd) {
+		define([ 'jquery', 'moment' ], factory);
+	}
+	else {
+		factory(jQuery, moment);
+	}
+})(function($, moment) {
+
+;;
+
+var defaults = {
+
+	lang: 'en',
+
+	defaultTimedEventDuration: '02:00:00',
+	defaultAllDayEventDuration: { days: 1 },
+	forceEventDuration: false,
+	nextDayThreshold: '09:00:00', // 9am
+
+	// display
+	defaultView: 'month',
+	aspectRatio: 1.35,
+	header: {
+		left: 'title',
+		center: '',
+		right: 'today prev,next'
+	},
+	weekends: true,
+	weekNumbers: false,
+
+	weekNumberTitle: 'W',
+	weekNumberCalculation: 'local',
+	
+	//editable: false,
+	
+	// event ajax
+	lazyFetching: true,
+	startParam: 'start',
+	endParam: 'end',
+	timezoneParam: 'timezone',
+
+	timezone: false,
+
+	//allDayDefault: undefined,
+	
+	// time formats
+	titleFormat: {
+		month: 'MMMM YYYY', // like "September 1986". each language will override this
+		week: 'll', // like "Sep 4 1986"
+		day: 'LL' // like "September 4 1986"
+	},
+	columnFormat: {
+		month: 'ddd', // like "Sat"
+		week: generateWeekColumnFormat,
+		day: 'dddd' // like "Saturday"
+	},
+	timeFormat: { // for event elements
+		'default': generateShortTimeFormat
+	},
+
+	displayEventEnd: {
+		month: false,
+		basicWeek: false,
+		'default': true
+	},
+	
+	// locale
+	isRTL: false,
+	defaultButtonText: {
+		prev: "prev",
+		next: "next",
+		prevYear: "prev year",
+		nextYear: "next year",
+		today: 'today',
+		month: 'month',
+		week: 'week',
+		day: 'day'
+	},
+
+	buttonIcons: {
+		prev: 'left-single-arrow',
+		next: 'right-single-arrow',
+		prevYear: 'left-double-arrow',
+		nextYear: 'right-double-arrow'
+	},
+	
+	// jquery-ui theming
+	theme: false,
+	themeButtonIcons: {
+		prev: 'circle-triangle-w',
+		next: 'circle-triangle-e',
+		prevYear: 'seek-prev',
+		nextYear: 'seek-next'
+	},
+
+	dragOpacity: .75,
+	dragRevertDuration: 500,
+	dragScroll: true,
+	
+	//selectable: false,
+	unselectAuto: true,
+	
+	dropAccept: '*',
+
+	eventLimit: false,
+	eventLimitText: 'more',
+	eventLimitClick: 'popover',
+	dayPopoverFormat: 'LL',
+	
+	handleWindowResize: true,
+	windowResizeDelay: 200 // milliseconds before a rerender happens
+	
+};
+
+
+function generateShortTimeFormat(options, langData) {
+	return langData.longDateFormat('LT')
+		.replace(':mm', '(:mm)')
+		.replace(/(\Wmm)$/, '($1)') // like above, but for foreign langs
+		.replace(/\s*a$/i, 't'); // convert to AM/PM/am/pm to lowercase one-letter. remove any spaces beforehand
+}
+
+
+function generateWeekColumnFormat(options, langData) {
+	var format = langData.longDateFormat('L'); // for the format like "MM/DD/YYYY"
+	format = format.replace(/^Y+[^\w\s]*|[^\w\s]*Y+$/g, ''); // strip the year off the edge, as well as other misc non-whitespace chars
+	if (options.isRTL) {
+		format += ' ddd'; // for RTL, add day-of-week to end
+	}
+	else {
+		format = 'ddd ' + format; // for LTR, add day-of-week to beginning
+	}
+	return format;
+}
+
+
+var langOptionHash = {
+	en: {
+		columnFormat: {
+			week: 'ddd M/D' // override for english. different from the generated default, which is MM/DD
+		},
+		dayPopoverFormat: 'dddd, MMMM D'
+	}
+};
+
+
+// right-to-left defaults
+var rtlDefaults = {
+	header: {
+		left: 'next,prev today',
+		center: '',
+		right: 'title'
+	},
+	buttonIcons: {
+		prev: 'right-single-arrow',
+		next: 'left-single-arrow',
+		prevYear: 'right-double-arrow',
+		nextYear: 'left-double-arrow'
+	},
+	themeButtonIcons: {
+		prev: 'circle-triangle-e',
+		next: 'circle-triangle-w',
+		nextYear: 'seek-prev',
+		prevYear: 'seek-next'
+	}
+};
+
+;;
+
+var fc = $.fullCalendar = { version: "2.2.3" };
+var fcViews = fc.views = {};
+
+
+$.fn.fullCalendar = function(options) {
+	var args = Array.prototype.slice.call(arguments, 1); // for a possible method call
+	var res = this; // what this function will return (this jQuery object by default)
+
+	this.each(function(i, _element) { // loop each DOM element involved
+		var element = $(_element);
+		var calendar = element.data('fullCalendar'); // get the existing calendar object (if any)
+		var singleRes; // the returned value of this single method call
+
+		// a method call
+		if (typeof options === 'string') {
+			if (calendar && $.isFunction(calendar[options])) {
+				singleRes = calendar[options].apply(calendar, args);
+				if (!i) {
+					res = singleRes; // record the first method call result
+				}
+				if (options === 'destroy') { // for the destroy method, must remove Calendar object data
+					element.removeData('fullCalendar');
+				}
+			}
+		}
+		// a new calendar initialization
+		else if (!calendar) { // don't initialize twice
+			calendar = new Calendar(element, options);
+			element.data('fullCalendar', calendar);
+			calendar.render();
+		}
+	});
+	
+	return res;
+};
+
+
+// function for adding/overriding defaults
+function setDefaults(d) {
+	mergeOptions(defaults, d);
+}
+
+
+// Recursively combines option hash-objects.
+// Better than `$.extend(true, ...)` because arrays are not traversed/copied.
+//
+// called like:
+//     mergeOptions(target, obj1, obj2, ...)
+//
+function mergeOptions(target) {
+
+	function mergeIntoTarget(name, value) {
+		if ($.isPlainObject(value) && $.isPlainObject(target[name]) && !isForcedAtomicOption(name)) {
+			// merge into a new object to avoid destruction
+			target[name] = mergeOptions({}, target[name], value); // combine. `value` object takes precedence
+		}
+		else if (value !== undefined) { // only use values that are set and not undefined
+			target[name] = value;
+		}
+	}
+
+	for (var i=1; i<arguments.length; i++) {
+		$.each(arguments[i], mergeIntoTarget);
+	}
+
+	return target;
+}
+
+
+// overcome sucky view-option-hash and option-merging behavior messing with options it shouldn't
+function isForcedAtomicOption(name) {
+	// Any option that ends in "Time" or "Duration" is probably a Duration,
+	// and these will commonly be specified as plain objects, which we don't want to mess up.
+	return /(Time|Duration)$/.test(name);
+}
+// FIX: find a different solution for view-option-hashes and have a whitelist
+// for options that can be recursively merged.
+
+;;
+
+//var langOptionHash = {}; // initialized in defaults.js
+fc.langs = langOptionHash; // expose
+
+
+// Initialize jQuery UI Datepicker translations while using some of the translations
+// for our own purposes. Will set this as the default language for datepicker.
+// Called from a translation file.
+fc.datepickerLang = function(langCode, datepickerLangCode, options) {
+	var langOptions = langOptionHash[langCode];
+
+	// initialize FullCalendar's lang hash for this language
+	if (!langOptions) {
+		langOptions = langOptionHash[langCode] = {};
+	}
+
+	// merge certain Datepicker options into FullCalendar's options
+	mergeOptions(langOptions, {
+		isRTL: options.isRTL,
+		weekNumberTitle: options.weekHeader,
+		titleFormat: {
+			month: options.showMonthAfterYear ?
+				'YYYY[' + options.yearSuffix + '] MMMM' :
+				'MMMM YYYY[' + options.yearSuffix + ']'
+		},
+		defaultButtonText: {
+			// the translations sometimes wrongly contain HTML entities
+			prev: stripHtmlEntities(options.prevText),
+			next: stripHtmlEntities(options.nextText),
+			today: stripHtmlEntities(options.currentText)
+		}
+	});
+
+	// is jQuery UI Datepicker is on the page?
+	if ($.datepicker) {
+
+		// Register the language data.
+		// FullCalendar and MomentJS use language codes like "pt-br" but Datepicker
+		// does it like "pt-BR" or if it doesn't have the language, maybe just "pt".
+		// Make an alias so the language can be referenced either way.
+		$.datepicker.regional[datepickerLangCode] =
+			$.datepicker.regional[langCode] = // alias
+				options;
+
+		// Alias 'en' to the default language data. Do this every time.
+		$.datepicker.regional.en = $.datepicker.regional[''];
+
+		// Set as Datepicker's global defaults.
+		$.datepicker.setDefaults(options);
+	}
+};
+
+
+// Sets FullCalendar-specific translations. Also sets the language as the global default.
+// Called from a translation file.
+fc.lang = function(langCode, options) {
+	var langOptions;
+
+	if (options) {
+		langOptions = langOptionHash[langCode];
+
+		// initialize the hash for this language
+		if (!langOptions) {
+			langOptions = langOptionHash[langCode] = {};
+		}
+
+		mergeOptions(langOptions, options || {});
+	}
+
+	// set it as the default language for FullCalendar
+	defaults.lang = langCode;
+};
+;;
+
+ 
+function Calendar(element, instanceOptions) {
+	var t = this;
+
+
+
+	// Build options object
+	// -----------------------------------------------------------------------------------
+	// Precedence (lowest to highest): defaults, rtlDefaults, langOptions, instanceOptions
+
+	instanceOptions = instanceOptions || {};
+
+	var options = mergeOptions({}, defaults, instanceOptions);
+	var langOptions;
+
+	// determine language options
+	if (options.lang in langOptionHash) {
+		langOptions = langOptionHash[options.lang];
+	}
+	else {
+		langOptions = langOptionHash[defaults.lang];
+	}
+
+	if (langOptions) { // if language options exist, rebuild...
+		options = mergeOptions({}, defaults, langOptions, instanceOptions);
+	}
+
+	if (options.isRTL) { // is isRTL, rebuild...
+		options = mergeOptions({}, defaults, rtlDefaults, langOptions || {}, instanceOptions);
+	}
+
+
+	
+	// Exports
+	// -----------------------------------------------------------------------------------
+
+	t.options = options;
+	t.render = render;
+	t.destroy = destroy;
+	t.refetchEvents = refetchEvents;
+	t.reportEvents = reportEvents;
+	t.reportEventChange = reportEventChange;
+	t.rerenderEvents = renderEvents; // `renderEvents` serves as a rerender. an API method
+	t.changeView = changeView;
+	t.select = select;
+	t.unselect = unselect;
+	t.prev = prev;
+	t.next = next;
+	t.prevYear = prevYear;
+	t.nextYear = nextYear;
+	t.today = today;
+	t.gotoDate = gotoDate;
+	t.incrementDate = incrementDate;
+	t.zoomTo = zoomTo;
+	t.getDate = getDate;
+	t.getCalendar = getCalendar;
+	t.getView = getView;
+	t.option = option;
+	t.trigger = trigger;
+
+
+
+	// Language-data Internals
+	// -----------------------------------------------------------------------------------
+	// Apply overrides to the current language's data
+
+
+	// Returns moment's internal locale data. If doesn't exist, returns English.
+	// Works with moment-pre-2.8
+	function getLocaleData(langCode) {
+		var f = moment.localeData || moment.langData;
+		return f.call(moment, langCode) ||
+			f.call(moment, 'en'); // the newer localData could return null, so fall back to en
+	}
+
+
+	var localeData = createObject(getLocaleData(options.lang)); // make a cheap copy
+
+	if (options.monthNames) {
+		localeData._months = options.monthNames;
+	}
+	if (options.monthNamesShort) {
+		localeData._monthsShort = options.monthNamesShort;
+	}
+	if (options.dayNames) {
+		localeData._weekdays = options.dayNames;
+	}
+	if (options.dayNamesShort) {
+		localeData._weekdaysShort = options.dayNamesShort;
+	}
+	if (options.firstDay != null) {
+		var _week = createObject(localeData._week); // _week: { dow: # }
+		_week.dow = options.firstDay;
+		localeData._week = _week;
+	}
+
+
+
+	// Calendar-specific Date Utilities
+	// -----------------------------------------------------------------------------------
+
+
+	t.defaultAllDayEventDuration = moment.duration(options.defaultAllDayEventDuration);
+	t.defaultTimedEventDuration = moment.duration(options.defaultTimedEventDuration);
+
+
+	// Builds a moment using the settings of the current calendar: timezone and language.
+	// Accepts anything the vanilla moment() constructor accepts.
+	t.moment = function() {
+		var mom;
+
+		if (options.timezone === 'local') {
+			mom = fc.moment.apply(null, arguments);
+
+			// Force the moment to be local, because fc.moment doesn't guarantee it.
+			if (mom.hasTime()) { // don't give ambiguously-timed moments a local zone
+				mom.local();
+			}
+		}
+		else if (options.timezone === 'UTC') {
+			mom = fc.moment.utc.apply(null, arguments); // process as UTC
+		}
+		else {
+			mom = fc.moment.parseZone.apply(null, arguments); // let the input decide the zone
+		}
+
+		if ('_locale' in mom) { // moment 2.8 and above
+			mom._locale = localeData;
+		}
+		else { // pre-moment-2.8
+			mom._lang = localeData;
+		}
+
+		return mom;
+	};
+
+
+	// Returns a boolean about whether or not the calendar knows how to calculate
+	// the timezone offset of arbitrary dates in the current timezone.
+	t.getIsAmbigTimezone = function() {
+		return options.timezone !== 'local' && options.timezone !== 'UTC';
+	};
+
+
+	// Returns a copy of the given date in the current timezone of it is ambiguously zoned.
+	// This will also give the date an unambiguous time.
+	t.rezoneDate = function(date) {
+		return t.moment(date.toArray());
+	};
+
+
+	// Returns a moment for the current date, as defined by the client's computer,
+	// or overridden by the `now` option.
+	t.getNow = function() {
+		var now = options.now;
+		if (typeof now === 'function') {
+			now = now();
+		}
+		return t.moment(now);
+	};
+
+
+	// Calculates the week number for a moment according to the calendar's
+	// `weekNumberCalculation` setting.
+	t.calculateWeekNumber = function(mom) {
+		var calc = options.weekNumberCalculation;
+
+		if (typeof calc === 'function') {
+			return calc(mom);
+		}
+		else if (calc === 'local') {
+			return mom.week();
+		}
+		else if (calc.toUpperCase() === 'ISO') {
+			return mom.isoWeek();
+		}
+	};
+
+
+	// Get an event's normalized end date. If not present, calculate it from the defaults.
+	t.getEventEnd = function(event) {
+		if (event.end) {
+			return event.end.clone();
+		}
+		else {
+			return t.getDefaultEventEnd(event.allDay, event.start);
+		}
+	};
+
+
+	// Given an event's allDay status and start date, return swhat its fallback end date should be.
+	t.getDefaultEventEnd = function(allDay, start) { // TODO: rename to computeDefaultEventEnd
+		var end = start.clone();
+
+		if (allDay) {
+			end.stripTime().add(t.defaultAllDayEventDuration);
+		}
+		else {
+			end.add(t.defaultTimedEventDuration);
+		}
+
+		if (t.getIsAmbigTimezone()) {
+			end.stripZone(); // we don't know what the tzo should be
+		}
+
+		return end;
+	};
+
+
+
+	// Date-formatting Utilities
+	// -----------------------------------------------------------------------------------
+
+
+	// Like the vanilla formatRange, but with calendar-specific settings applied.
+	t.formatRange = function(m1, m2, formatStr) {
+
+		// a function that returns a formatStr // TODO: in future, precompute this
+		if (typeof formatStr === 'function') {
+			formatStr = formatStr.call(t, options, localeData);
+		}
+
+		return formatRange(m1, m2, formatStr, null, options.isRTL);
+	};
+
+
+	// Like the vanilla formatDate, but with calendar-specific settings applied.
+	t.formatDate = function(mom, formatStr) {
+
+		// a function that returns a formatStr // TODO: in future, precompute this
+		if (typeof formatStr === 'function') {
+			formatStr = formatStr.call(t, options, localeData);
+		}
+
+		return formatDate(mom, formatStr);
+	};
+
+
+	
+	// Imports
+	// -----------------------------------------------------------------------------------
+
+
+	EventManager.call(t, options);
+	var isFetchNeeded = t.isFetchNeeded;
+	var fetchEvents = t.fetchEvents;
+
+
+
+	// Locals
+	// -----------------------------------------------------------------------------------
+
+
+	var _element = element[0];
+	var header;
+	var headerElement;
+	var content;
+	var tm; // for making theme classes
+	var currentView;
+	var suggestedViewHeight;
+	var windowResizeProxy; // wraps the windowResize function
+	var ignoreWindowResize = 0;
+	var date;
+	var events = [];
+	
+	
+	
+	// Main Rendering
+	// -----------------------------------------------------------------------------------
+
+
+	if (options.defaultDate != null) {
+		date = t.moment(options.defaultDate);
+	}
+	else {
+		date = t.getNow();
+	}
+	
+	
+	function render(inc) {
+		if (!content) {
+			initialRender();
+		}
+		else if (elementVisible()) {
+			// mainly for the public API
+			calcSize();
+			renderView(inc);
+		}
+	}
+	
+	
+	function initialRender() {
+		tm = options.theme ? 'ui' : 'fc';
+		element.addClass('fc');
+
+		if (options.isRTL) {
+			element.addClass('fc-rtl');
+		}
+		else {
+			element.addClass('fc-ltr');
+		}
+
+		if (options.theme) {
+			element.addClass('ui-widget');
+		}
+		else {
+			element.addClass('fc-unthemed');
+		}
+
+		content = $("<div class='fc-view-container'/>").prependTo(element);
+
+		header = new Header(t, options);
+		headerElement = header.render();
+		if (headerElement) {
+			element.prepend(headerElement);
+		}
+
+		changeView(options.defaultView);
+
+		if (options.handleWindowResize) {
+			windowResizeProxy = debounce(windowResize, options.windowResizeDelay); // prevents rapid calls
+			$(window).resize(windowResizeProxy);
+		}
+	}
+	
+	
+	function destroy() {
+
+		if (currentView) {
+			currentView.destroy();
+		}
+
+		header.destroy();
+		content.remove();
+		element.removeClass('fc fc-ltr fc-rtl fc-unthemed ui-widget');
+
+		$(window).unbind('resize', windowResizeProxy);
+	}
+	
+	
+	function elementVisible() {
+		return element.is(':visible');
+	}
+	
+	
+
+	// View Rendering
+	// -----------------------------------------------------------------------------------
+
+
+	function changeView(viewName) {
+		renderView(0, viewName);
+	}
+
+
+	// Renders a view because of a date change, view-type change, or for the first time
+	function renderView(delta, viewName) {
+		ignoreWindowResize++;
+
+		// if viewName is changing, destroy the old view
+		if (currentView && viewName && currentView.name !== viewName) {
+			header.deactivateButton(currentView.name);
+			freezeContentHeight(); // prevent a scroll jump when view element is removed
+			if (currentView.start) { // rendered before?
+				currentView.destroy();
+			}
+			currentView.el.remove();
+			currentView = null;
+		}
+
+		// if viewName changed, or the view was never created, create a fresh view
+		if (!currentView && viewName) {
+			currentView = new fcViews[viewName](t);
+			currentView.el =  $("<div class='fc-view fc-" + viewName + "-view' />").appendTo(content);
+			header.activateButton(viewName);
+		}
+
+		if (currentView) {
+
+			// let the view determine what the delta means
+			if (delta) {
+				date = currentView.incrementDate(date, delta);
+			}
+
+			// render or rerender the view
+			if (
+				!currentView.start || // never rendered before
+				delta || // explicit date window change
+				!date.isWithin(currentView.intervalStart, currentView.intervalEnd) // implicit date window change
+			) {
+				if (elementVisible()) {
+
+					freezeContentHeight();
+					if (currentView.start) { // rendered before?
+						currentView.destroy();
+					}
+					currentView.render(date);
+					unfreezeContentHeight();
+
+					// need to do this after View::render, so dates are calculated
+					updateTitle();
+					updateTodayButton();
+
+					getAndRenderEvents();
+				}
+			}
+		}
+
+		unfreezeContentHeight(); // undo any lone freezeContentHeight calls
+		ignoreWindowResize--;
+	}
+	
+	
+
+	// Resizing
+	// -----------------------------------------------------------------------------------
+
+
+	t.getSuggestedViewHeight = function() {
+		if (suggestedViewHeight === undefined) {
+			calcSize();
+		}
+		return suggestedViewHeight;
+	};
+
+
+	t.isHeightAuto = function() {
+		return options.contentHeight === 'auto' || options.height === 'auto';
+	};
+	
+	
+	function updateSize(shouldRecalc) {
+		if (elementVisible()) {
+
+			if (shouldRecalc) {
+				_calcSize();
+			}
+
+			ignoreWindowResize++;
+			currentView.updateSize(true); // isResize=true. will poll getSuggestedViewHeight() and isHeightAuto()
+			ignoreWindowResize--;
+
+			return true; // signal success
+		}
+	}
+
+
+	function calcSize() {
+		if (elementVisible()) {
+			_calcSize();
+		}
+	}
+	
+	
+	function _calcSize() { // assumes elementVisible
+		if (typeof options.contentHeight === 'number') { // exists and not 'auto'
+			suggestedViewHeight = options.contentHeight;
+		}
+		else if (typeof options.height === 'number') { // exists and not 'auto'
+			suggestedViewHeight = options.height - (headerElement ? headerElement.outerHeight(true) : 0);
+		}
+		else {
+			suggestedViewHeight = Math.round(content.width() / Math.max(options.aspectRatio, .5));
+		}
+	}
+	
+	
+	function windowResize(ev) {
+		if (
+			!ignoreWindowResize &&
+			ev.target === window && // so we don't process jqui "resize" events that have bubbled up
+			currentView.start // view has already been rendered
+		) {
+			if (updateSize(true)) {
+				currentView.trigger('windowResize', _element);
+			}
+		}
+	}
+	
+	
+	
+	/* Event Fetching/Rendering
+	-----------------------------------------------------------------------------*/
+	// TODO: going forward, most of this stuff should be directly handled by the view
+
+
+	function refetchEvents() { // can be called as an API method
+		destroyEvents(); // so that events are cleared before user starts waiting for AJAX
+		fetchAndRenderEvents();
+	}
+
+
+	function renderEvents() { // destroys old events if previously rendered
+		if (elementVisible()) {
+			freezeContentHeight();
+			currentView.destroyEvents(); // no performance cost if never rendered
+			currentView.renderEvents(events);
+			unfreezeContentHeight();
+		}
+	}
+
+
+	function destroyEvents() {
+		freezeContentHeight();
+		currentView.destroyEvents();
+		unfreezeContentHeight();
+	}
+	
+
+	function getAndRenderEvents() {
+		if (!options.lazyFetching || isFetchNeeded(currentView.start, currentView.end)) {
+			fetchAndRenderEvents();
+		}
+		else {
+			renderEvents();
+		}
+	}
+
+
+	function fetchAndRenderEvents() {
+		fetchEvents(currentView.start, currentView.end);
+			// ... will call reportEvents
+			// ... which will call renderEvents
+	}
+
+	
+	// called when event data arrives
+	function reportEvents(_events) {
+		events = _events;
+		renderEvents();
+	}
+
+
+	// called when a single event's data has been changed
+	function reportEventChange() {
+		renderEvents();
+	}
+
+
+
+	/* Header Updating
+	-----------------------------------------------------------------------------*/
+
+
+	function updateTitle() {
+		header.updateTitle(currentView.title);
+	}
+
+
+	function updateTodayButton() {
+		var now = t.getNow();
+		if (now.isWithin(currentView.intervalStart, currentView.intervalEnd)) {
+			header.disableButton('today');
+		}
+		else {
+			header.enableButton('today');
+		}
+	}
+	
+
+
+	/* Selection
+	-----------------------------------------------------------------------------*/
+	
+
+	function select(start, end) {
+
+		start = t.moment(start);
+		if (end) {
+			end = t.moment(end);
+		}
+		else if (start.hasTime()) {
+			end = start.clone().add(t.defaultTimedEventDuration);
+		}
+		else {
+			end = start.clone().add(t.defaultAllDayEventDuration);
+		}
+
+		currentView.select(start, end);
+	}
+	
+
+	function unselect() { // safe to be called before renderView
+		if (currentView) {
+			currentView.unselect();
+		}
+	}
+	
+	
+	
+	/* Date
+	-----------------------------------------------------------------------------*/
+	
+	
+	function prev() {
+		renderView(-1);
+	}
+	
+	
+	function next() {
+		renderView(1);
+	}
+	
+	
+	function prevYear() {
+		date.add(-1, 'years');
+		renderView();
+	}
+	
+	
+	function nextYear() {
+		date.add(1, 'years');
+		renderView();
+	}
+	
+	
+	function today() {
+		date = t.getNow();
+		renderView();
+	}
+	
+	
+	function gotoDate(dateInput) {
+		date = t.moment(dateInput);
+		renderView();
+	}
+	
+	
+	function incrementDate(delta) {
+		date.add(moment.duration(delta));
+		renderView();
+	}
+
+
+	// Forces navigation to a view for the given date.
+	// `viewName` can be a specific view name or a generic one like "week" or "day".
+	function zoomTo(newDate, viewName) {
+		var viewStr;
+		var match;
+
+		if (!viewName || fcViews[viewName] === undefined) { // a general view name, or "auto"
+			viewName = viewName || 'day';
+			viewStr = header.getViewsWithButtons().join(' '); // space-separated string of all the views in the header
+
+			// try to match a general view name, like "week", against a specific one, like "agendaWeek"
+			match = viewStr.match(new RegExp('\\w+' + capitaliseFirstLetter(viewName)));
+
+			// fall back to the day view being used in the header
+			if (!match) {
+				match = viewStr.match(/\w+Day/);
+			}
+
+			viewName = match ? match[0] : 'agendaDay'; // fall back to agendaDay
+		}
+
+		date = newDate;
+		changeView(viewName);
+	}
+	
+	
+	function getDate() {
+		return date.clone();
+	}
+
+
+
+	/* Height "Freezing"
+	-----------------------------------------------------------------------------*/
+
+
+	function freezeContentHeight() {
+		content.css({
+			width: '100%',
+			height: content.height(),
+			overflow: 'hidden'
+		});
+	}
+
+
+	function unfreezeContentHeight() {
+		content.css({
+			width: '',
+			height: '',
+			overflow: ''
+		});
+	}
+	
+	
+	
+	/* Misc
+	-----------------------------------------------------------------------------*/
+	
+
+	function getCalendar() {
+		return t;
+	}
+
+	
+	function getView() {
+		return currentView;
+	}
+	
+	
+	function option(name, value) {
+		if (value === undefined) {
+			return options[name];
+		}
+		if (name == 'height' || name == 'contentHeight' || name == 'aspectRatio') {
+			options[name] = value;
+			updateSize(true); // true = allow recalculation of height
+		}
+	}
+	
+	
+	function trigger(name, thisObj) {
+		if (options[name]) {
+			return options[name].apply(
+				thisObj || _element,
+				Array.prototype.slice.call(arguments, 2)
+			);
+		}
+	}
+
+}
+
+;;
+
+/* Top toolbar area with buttons and title
+----------------------------------------------------------------------------------------------------------------------*/
+// TODO: rename all header-related things to "toolbar"
+
+function Header(calendar, options) {
+	var t = this;
+	
+	// exports
+	t.render = render;
+	t.destroy = destroy;
+	t.updateTitle = updateTitle;
+	t.activateButton = activateButton;
+	t.deactivateButton = deactivateButton;
+	t.disableButton = disableButton;
+	t.enableButton = enableButton;
+	t.getViewsWithButtons = getViewsWithButtons;
+	
+	// locals
+	var el = $();
+	var viewsWithButtons = [];
+	var tm;
+
+
+	function render() {
+		var sections = options.header;
+
+		tm = options.theme ? 'ui' : 'fc';
+
+		if (sections) {
+			el = $("<div class='fc-toolbar'/>")
+				.append(renderSection('left'))
+				.append(renderSection('right'))
+				.append(renderSection('center'))
+				.append('<div class="fc-clear"/>');
+
+			return el;
+		}
+	}
+	
+	
+	function destroy() {
+		el.remove();
+	}
+	
+	
+	function renderSection(position) {
+		var sectionEl = $('<div class="fc-' + position + '"/>');
+		var buttonStr = options.header[position];
+
+		if (buttonStr) {
+			$.each(buttonStr.split(' '), function(i) {
+				var groupChildren = $();
+				var isOnlyButtons = true;
+				var groupEl;
+
+				$.each(this.split(','), function(j, buttonName) {
+					var buttonClick;
+					var themeIcon;
+					var normalIcon;
+					var defaultText;
+					var customText;
+					var innerHtml;
+					var classes;
+					var button;
+
+					if (buttonName == 'title') {
+						groupChildren = groupChildren.add($('<h2>&nbsp;</h2>')); // we always want it to take up height
+						isOnlyButtons = false;
+					}
+					else {
+						if (calendar[buttonName]) { // a calendar method
+							buttonClick = function() {
+								calendar[buttonName]();
+							};
+						}
+						else if (fcViews[buttonName]) { // a view name
+							buttonClick = function() {
+								calendar.changeView(buttonName);
+							};
+							viewsWithButtons.push(buttonName);
+						}
+						if (buttonClick) {
+
+							// smartProperty allows different text per view button (ex: "Agenda Week" vs "Basic Week")
+							themeIcon = smartProperty(options.themeButtonIcons, buttonName);
+							normalIcon = smartProperty(options.buttonIcons, buttonName);
+							defaultText = smartProperty(options.defaultButtonText, buttonName);
+							customText = smartProperty(options.buttonText, buttonName);
+
+							if (customText) {
+								innerHtml = htmlEscape(customText);
+							}
+							else if (themeIcon && options.theme) {
+								innerHtml = "<span class='ui-icon ui-icon-" + themeIcon + "'></span>";
+							}
+							else if (normalIcon && !options.theme) {
+								innerHtml = "<span class='fc-icon fc-icon-" + normalIcon + "'></span>";
+							}
+							else {
+								innerHtml = htmlEscape(defaultText || buttonName);
+							}
+
+							classes = [
+								'fc-' + buttonName + '-button',
+								tm + '-button',
+								tm + '-state-default'
+							];
+
+							button = $( // type="button" so that it doesn't submit a form
+								'<button type="button" class="' + classes.join(' ') + '">' +
+									innerHtml +
+								'</button>'
+								)
+								.click(function() {
+									// don't process clicks for disabled buttons
+									if (!button.hasClass(tm + '-state-disabled')) {
+
+										buttonClick();
+
+										// after the click action, if the button becomes the "active" tab, or disabled,
+										// it should never have a hover class, so remove it now.
+										if (
+											button.hasClass(tm + '-state-active') ||
+											button.hasClass(tm + '-state-disabled')
+										) {
+											button.removeClass(tm + '-state-hover');
+										}
+									}
+								})
+								.mousedown(function() {
+									// the *down* effect (mouse pressed in).
+									// only on buttons that are not the "active" tab, or disabled
+									button
+										.not('.' + tm + '-state-active')
+										.not('.' + tm + '-state-disabled')
+										.addClass(tm + '-state-down');
+								})
+								.mouseup(function() {
+									// undo the *down* effect
+									button.removeClass(tm + '-state-down');
+								})
+								.hover(
+									function() {
+										// the *hover* effect.
+										// only on buttons that are not the "active" tab, or disabled
+										button
+											.not('.' + tm + '-state-active')
+											.not('.' + tm + '-state-disabled')
+											.addClass(tm + '-state-hover');
+									},
+									function() {
+										// undo the *hover* effect
+										button
+											.removeClass(tm + '-state-hover')
+											.removeClass(tm + '-state-down'); // if mouseleave happens before mouseup
+									}
+								);
+
+							groupChildren = groupChildren.add(button);
+						}
+					}
+				});
+
+				if (isOnlyButtons) {
+					groupChildren
+						.first().addClass(tm + '-corner-left').end()
+						.last().addClass(tm + '-corner-right').end();
+				}
+
+				if (groupChildren.length > 1) {
+					groupEl = $('<div/>');
+					if (isOnlyButtons) {
+						groupEl.addClass('fc-button-group');
+					}
+					groupEl.append(groupChildren);
+					sectionEl.append(groupEl);
+				}
+				else {
+					sectionEl.append(groupChildren); // 1 or 0 children
+				}
+			});
+		}
+
+		return sectionEl;
+	}
+	
+	
+	function updateTitle(text) {
+		el.find('h2').text(text);
+	}
+	
+	
+	function activateButton(buttonName) {
+		el.find('.fc-' + buttonName + '-button')
+			.addClass(tm + '-state-active');
+	}
+	
+	
+	function deactivateButton(buttonName) {
+		el.find('.fc-' + buttonName + '-button')
+			.removeClass(tm + '-state-active');
+	}
+	
+	
+	function disableButton(buttonName) {
+		el.find('.fc-' + buttonName + '-button')
+			.attr('disabled', 'disabled')
+			.addClass(tm + '-state-disabled');
+	}
+	
+	
+	function enableButton(buttonName) {
+		el.find('.fc-' + buttonName + '-button')
+			.removeAttr('disabled')
+			.removeClass(tm + '-state-disabled');
+	}
+
+
+	function getViewsWithButtons() {
+		return viewsWithButtons;
+	}
+
+}
+
+;;
+
+fc.sourceNormalizers = [];
+fc.sourceFetchers = [];
+
+var ajaxDefaults = {
+	dataType: 'json',
+	cache: false
+};
+
+var eventGUID = 1;
+
+
+function EventManager(options) { // assumed to be a calendar
+	var t = this;
+	
+	
+	// exports
+	t.isFetchNeeded = isFetchNeeded;
+	t.fetchEvents = fetchEvents;
+	t.addEventSource = addEventSource;
+	t.removeEventSource = removeEventSource;
+	t.updateEvent = updateEvent;
+	t.renderEvent = renderEvent;
+	t.removeEvents = removeEvents;
+	t.clientEvents = clientEvents;
+	t.mutateEvent = mutateEvent;
+	
+	
+	// imports
+	var trigger = t.trigger;
+	var getView = t.getView;
+	var reportEvents = t.reportEvents;
+	var getEventEnd = t.getEventEnd;
+	
+	
+	// locals
+	var stickySource = { events: [] };
+	var sources = [ stickySource ];
+	var rangeStart, rangeEnd;
+	var currentFetchID = 0;
+	var pendingSourceCnt = 0;
+	var loadingLevel = 0;
+	var cache = []; // holds events that have already been expanded
+
+
+	$.each(
+		(options.events ? [ options.events ] : []).concat(options.eventSources || []),
+		function(i, sourceInput) {
+			var source = buildEventSource(sourceInput);
+			if (source) {
+				sources.push(source);
+			}
+		}
+	);
+	
+	
+	
+	/* Fetching
+	-----------------------------------------------------------------------------*/
+	
+	
+	function isFetchNeeded(start, end) {
+		return !rangeStart || // nothing has been fetched yet?
+			// or, a part of the new range is outside of the old range? (after normalizing)
+			start.clone().stripZone() < rangeStart.clone().stripZone() ||
+			end.clone().stripZone() > rangeEnd.clone().stripZone();
+	}
+	
+	
+	function fetchEvents(start, end) {
+		rangeStart = start;
+		rangeEnd = end;
+		cache = [];
+		var fetchID = ++currentFetchID;
+		var len = sources.length;
+		pendingSourceCnt = len;
+		for (var i=0; i<len; i++) {
+			fetchEventSource(sources[i], fetchID);
+		}
+	}
+	
+	
+	function fetchEventSource(source, fetchID) {
+		_fetchEventSource(source, function(eventInputs) {
+			var isArraySource = $.isArray(source.events);
+			var i, eventInput;
+			var abstractEvent;
+
+			if (fetchID == currentFetchID) {
+
+				if (eventInputs) {
+					for (i = 0; i < eventInputs.length; i++) {
+						eventInput = eventInputs[i];
+
+						if (isArraySource) { // array sources have already been convert to Event Objects
+							abstractEvent = eventInput;
+						}
+						else {
+							abstractEvent = buildEventFromInput(eventInput, source);
+						}
+
+						if (abstractEvent) { // not false (an invalid event)
+							cache.push.apply(
+								cache,
+								expandEvent(abstractEvent) // add individual expanded events to the cache
+							);
+						}
+					}
+				}
+
+				pendingSourceCnt--;
+				if (!pendingSourceCnt) {
+					reportEvents(cache);
+				}
+			}
+		});
+	}
+	
+	
+	function _fetchEventSource(source, callback) {
+		var i;
+		var fetchers = fc.sourceFetchers;
+		var res;
+
+		for (i=0; i<fetchers.length; i++) {
+			res = fetchers[i].call(
+				t, // this, the Calendar object
+				source,
+				rangeStart.clone(),
+				rangeEnd.clone(),
+				options.timezone,
+				callback
+			);
+
+			if (res === true) {
+				// the fetcher is in charge. made its own async request
+				return;
+			}
+			else if (typeof res == 'object') {
+				// the fetcher returned a new source. process it
+				_fetchEventSource(res, callback);
+				return;
+			}
+		}
+
+		var events = source.events;
+		if (events) {
+			if ($.isFunction(events)) {
+				pushLoading();
+				events.call(
+					t, // this, the Calendar object
+					rangeStart.clone(),
+					rangeEnd.clone(),
+					options.timezone,
+					function(events) {
+						callback(events);
+						popLoading();
+					}
+				);
+			}
+			else if ($.isArray(events)) {
+				callback(events);
+			}
+			else {
+				callback();
+			}
+		}else{
+			var url = source.url;
+			if (url) {
+				var success = source.success;
+				var error = source.error;
+				var complete = source.complete;
+
+				// retrieve any outbound GET/POST $.ajax data from the options
+				var customData;
+				if ($.isFunction(source.data)) {
+					// supplied as a function that returns a key/value object
+					customData = source.data();
+				}
+				else {
+					// supplied as a straight key/value object
+					customData = source.data;
+				}
+
+				// use a copy of the custom data so we can modify the parameters
+				// and not affect the passed-in object.
+				var data = $.extend({}, customData || {});
+
+				var startParam = firstDefined(source.startParam, options.startParam);
+				var endParam = firstDefined(source.endParam, options.endParam);
+				var timezoneParam = firstDefined(source.timezoneParam, options.timezoneParam);
+
+				if (startParam) {
+					data[startParam] = rangeStart.format();
+				}
+				if (endParam) {
+					data[endParam] = rangeEnd.format();
+				}
+				if (options.timezone && options.timezone != 'local') {
+					data[timezoneParam] = options.timezone;
+				}
+
+				pushLoading();
+				$.ajax($.extend({}, ajaxDefaults, source, {
+					data: data,
+					success: function(events) {
+						events = events || [];
+						var res = applyAll(success, this, arguments);
+						if ($.isArray(res)) {
+							events = res;
+						}
+						callback(events);
+					},
+					error: function() {
+						applyAll(error, this, arguments);
+						callback();
+					},
+					complete: function() {
+						applyAll(complete, this, arguments);
+						popLoading();
+					}
+				}));
+			}else{
+				callback();
+			}
+		}
+	}
+	
+	
+	
+	/* Sources
+	-----------------------------------------------------------------------------*/
+	
+
+	function addEventSource(sourceInput) {
+		var source = buildEventSource(sourceInput);
+		if (source) {
+			sources.push(source);
+			pendingSourceCnt++;
+			fetchEventSource(source, currentFetchID); // will eventually call reportEvents
+		}
+	}
+
+
+	function buildEventSource(sourceInput) { // will return undefined if invalid source
+		var normalizers = fc.sourceNormalizers;
+		var source;
+		var i;
+
+		if ($.isFunction(sourceInput) || $.isArray(sourceInput)) {
+			source = { events: sourceInput };
+		}
+		else if (typeof sourceInput === 'string') {
+			source = { url: sourceInput };
+		}
+		else if (typeof sourceInput === 'object') {
+			source = $.extend({}, sourceInput); // shallow copy
+		}
+
+		if (source) {
+
+			// TODO: repeat code, same code for event classNames
+			if (source.className) {
+				if (typeof source.className === 'string') {
+					source.className = source.className.split(/\s+/);
+				}
+				// otherwise, assumed to be an array
+			}
+			else {
+				source.className = [];
+			}
+
+			// for array sources, we convert to standard Event Objects up front
+			if ($.isArray(source.events)) {
+				source.origArray = source.events; // for removeEventSource
+				source.events = $.map(source.events, function(eventInput) {
+					return buildEventFromInput(eventInput, source);
+				});
+			}
+
+			for (i=0; i<normalizers.length; i++) {
+				normalizers[i].call(t, source);
+			}
+
+			return source;
+		}
+	}
+
+
+	function removeEventSource(source) {
+		sources = $.grep(sources, function(src) {
+			return !isSourcesEqual(src, source);
+		});
+		// remove all client events from that source
+		cache = $.grep(cache, function(e) {
+			return !isSourcesEqual(e.source, source);
+		});
+		reportEvents(cache);
+	}
+
+
+	function isSourcesEqual(source1, source2) {
+		return source1 && source2 && getSourcePrimitive(source1) == getSourcePrimitive(source2);
+	}
+
+
+	function getSourcePrimitive(source) {
+		return (
+			(typeof source === 'object') ? // a normalized event source?
+				(source.origArray || source.googleCalendarId || source.url || source.events) : // get the primitive
+				null
+		) ||
+		source; // the given argument *is* the primitive
+	}
+	
+	
+	
+	/* Manipulation
+	-----------------------------------------------------------------------------*/
+
+
+	function updateEvent(event) {
+
+		event.start = t.moment(event.start);
+		if (event.end) {
+			event.end = t.moment(event.end);
+		}
+
+		mutateEvent(event);
+		propagateMiscProperties(event);
+		reportEvents(cache); // reports event modifications (so we can redraw)
+	}
+
+
+	var miscCopyableProps = [
+		'title',
+		'url',
+		'allDay',
+		'className',
+		'editable',
+		'color',
+		'backgroundColor',
+		'borderColor',
+		'textColor'
+	];
+
+	function propagateMiscProperties(event) {
+		var i;
+		var cachedEvent;
+		var j;
+		var prop;
+
+		for (i=0; i<cache.length; i++) {
+			cachedEvent = cache[i];
+			if (cachedEvent._id == event._id && cachedEvent !== event) {
+				for (j=0; j<miscCopyableProps.length; j++) {
+					prop = miscCopyableProps[j];
+					if (event[prop] !== undefined) {
+						cachedEvent[prop] = event[prop];
+					}
+				}
+			}
+		}
+	}
+
+	
+	// returns the expanded events that were created
+	function renderEvent(eventInput, stick) {
+		var abstractEvent = buildEventFromInput(eventInput);
+		var events;
+		var i, event;
+
+		if (abstractEvent) { // not false (a valid input)
+			events = expandEvent(abstractEvent);
+
+			for (i = 0; i < events.length; i++) {
+				event = events[i];
+
+				if (!event.source) {
+					if (stick) {
+						stickySource.events.push(event);
+						event.source = stickySource;
+					}
+					cache.push(event);
+				}
+			}
+
+			reportEvents(cache);
+
+			return events;
+		}
+
+		return [];
+	}
+	
+	
+	function removeEvents(filter) {
+		var eventID;
+		var i;
+
+		if (filter == null) { // null or undefined. remove all events
+			filter = function() { return true; }; // will always match
+		}
+		else if (!$.isFunction(filter)) { // an event ID
+			eventID = filter + '';
+			filter = function(event) {
+				return event._id == eventID;
+			};
+		}
+
+		// Purge event(s) from our local cache
+		cache = $.grep(cache, filter, true); // inverse=true
+
+		// Remove events from array sources.
+		// This works because they have been converted to official Event Objects up front.
+		// (and as a result, event._id has been calculated).
+		for (i=0; i<sources.length; i++) {
+			if ($.isArray(sources[i].events)) {
+				sources[i].events = $.grep(sources[i].events, filter, true);
+			}
+		}
+
+		reportEvents(cache);
+	}
+	
+	
+	function clientEvents(filter) {
+		if ($.isFunction(filter)) {
+			return $.grep(cache, filter);
+		}
+		else if (filter != null) { // not null, not undefined. an event ID
+			filter += '';
+			return $.grep(cache, function(e) {
+				return e._id == filter;
+			});
+		}
+		return cache; // else, return all
+	}
+	
+	
+	
+	/* Loading State
+	-----------------------------------------------------------------------------*/
+	
+	
+	function pushLoading() {
+		if (!(loadingLevel++)) {
+			trigger('loading', null, true, getView());
+		}
+	}
+	
+	
+	function popLoading() {
+		if (!(--loadingLevel)) {
+			trigger('loading', null, false, getView());
+		}
+	}
+	
+	
+	
+	/* Event Normalization
+	-----------------------------------------------------------------------------*/
+
+
+	// Given a raw object with key/value properties, returns an "abstract" Event object.
+	// An "abstract" event is an event that, if recurring, will not have been expanded yet.
+	// Will return `false` when input is invalid.
+	// `source` is optional
+	function buildEventFromInput(input, source) {
+		var out = {};
+		var start, end;
+		var allDay;
+		var allDayDefault;
+
+		if (options.eventDataTransform) {
+			input = options.eventDataTransform(input);
+		}
+		if (source && source.eventDataTransform) {
+			input = source.eventDataTransform(input);
+		}
+
+		// Copy all properties over to the resulting object.
+		// The special-case properties will be copied over afterwards.
+		$.extend(out, input);
+
+		if (source) {
+			out.source = source;
+		}
+
+		out._id = input._id || (input.id === undefined ? '_fc' + eventGUID++ : input.id + '');
+
+		if (input.className) {
+			if (typeof input.className == 'string') {
+				out.className = input.className.split(/\s+/);
+			}
+			else { // assumed to be an array
+				out.className = input.className;
+			}
+		}
+		else {
+			out.className = [];
+		}
+
+		start = input.start || input.date; // "date" is an alias for "start"
+		end = input.end;
+
+		// parse as a time (Duration) if applicable
+		if (isTimeString(start)) {
+			start = moment.duration(start);
+		}
+		if (isTimeString(end)) {
+			end = moment.duration(end);
+		}
+
+		if (input.dow || moment.isDuration(start) || moment.isDuration(end)) {
+
+			// the event is "abstract" (recurring) so don't calculate exact start/end dates just yet
+			out.start = start ? moment.duration(start) : null; // will be a Duration or null
+			out.end = end ? moment.duration(end) : null; // will be a Duration or null
+			out._recurring = true; // our internal marker
+		}
+		else {
+
+			if (start) {
+				start = t.moment(start);
+				if (!start.isValid()) {
+					return false;
+				}
+			}
+
+			if (end) {
+				end = t.moment(end);
+				if (!end.isValid()) {
+					end = null; // let defaults take over
+				}
+			}
+
+			allDay = input.allDay;
+			if (allDay === undefined) {
+				allDayDefault = firstDefined(
+					source ? source.allDayDefault : undefined,
+					options.allDayDefault
+				);
+				if (allDayDefault !== undefined) {
+					// use the default
+					allDay = allDayDefault;
+				}
+				else {
+					// if a single date has a time, the event should not be all-day
+					allDay = !start.hasTime() && (!end || !end.hasTime());
+				}
+			}
+
+			assignDatesToEvent(start, end, allDay, out);
+		}
+
+		return out;
+	}
+
+
+	// Normalizes and assigns the given dates to the given partially-formed event object.
+	// Requires an explicit `allDay` boolean parameter.
+	// NOTE: mutates the given start/end moments. does not make an internal copy
+	function assignDatesToEvent(start, end, allDay, event) {
+
+		// normalize the date based on allDay
+		if (allDay) {
+			// neither date should have a time
+			if (start.hasTime()) {
+				start.stripTime();
+			}
+			if (end && end.hasTime()) {
+				end.stripTime();
+			}
+		}
+		else {
+			// force a time/zone up the dates
+			if (!start.hasTime()) {
+				start = t.rezoneDate(start);
+			}
+			if (end && !end.hasTime()) {
+				end = t.rezoneDate(end);
+			}
+		}
+
+		if (end && end <= start) { // end is exclusive. must be after start
+			end = null; // let defaults take over
+		}
+
+		event.allDay = allDay;
+		event.start = start;
+		event.end = end || null; // ensure null if falsy
+
+		if (options.forceEventDuration && !event.end) {
+			event.end = getEventEnd(event);
+		}
+
+		backupEventDates(event);
+	}
+
+
+	// If the given event is a recurring event, break it down into an array of individual instances.
+	// If not a recurring event, return an array with the single original event.
+	// If given a falsy input (probably because of a failed buildEventFromInput call), returns an empty array.
+	// HACK: can override the recurring window by providing custom rangeStart/rangeEnd (for businessHours).
+	function expandEvent(abstractEvent, _rangeStart, _rangeEnd) {
+		var events = [];
+		var dowHash;
+		var dow;
+		var i;
+		var date;
+		var startTime, endTime;
+		var start, end;
+		var event;
+
+		_rangeStart = _rangeStart || rangeStart;
+		_rangeEnd = _rangeEnd || rangeEnd;
+
+		if (abstractEvent) {
+			if (abstractEvent._recurring) {
+
+				// make a boolean hash as to whether the event occurs on each day-of-week
+				if ((dow = abstractEvent.dow)) {
+					dowHash = {};
+					for (i = 0; i < dow.length; i++) {
+						dowHash[dow[i]] = true;
+					}
+				}
+
+				// iterate through every day in the current range
+				date = _rangeStart.clone().stripTime(); // holds the date of the current day
+				while (date.isBefore(_rangeEnd)) {
+
+					if (!dowHash || dowHash[date.day()]) { // if everyday, or this particular day-of-week
+
+						startTime = abstractEvent.start; // the stored start and end properties are times (Durations)
+						endTime = abstractEvent.end; // "
+						start = date.clone();
+						end = null;
+
+						if (startTime) {
+							start = start.time(startTime);
+						}
+						if (endTime) {
+							end = date.clone().time(endTime);
+						}
+
+						event = $.extend({}, abstractEvent); // make a copy of the original
+						assignDatesToEvent(
+							start, end,
+							!startTime && !endTime, // allDay?
+							event
+						);
+						events.push(event);
+					}
+
+					date.add(1, 'days');
+				}
+			}
+			else {
+				events.push(abstractEvent); // return the original event. will be a one-item array
+			}
+		}
+
+		return events;
+	}
+
+
+
+	/* Event Modification Math
+	-----------------------------------------------------------------------------------------*/
+
+
+	// Modify the date(s) of an event and make this change propagate to all other events with
+	// the same ID (related repeating events).
+	//
+	// If `newStart`/`newEnd` are not specified, the "new" dates are assumed to be `event.start` and `event.end`.
+	// The "old" dates to be compare against are always `event._start` and `event._end` (set by EventManager).
+	//
+	// Returns an object with delta information and a function to undo all operations.
+	//
+	function mutateEvent(event, newStart, newEnd) {
+		var oldAllDay = event._allDay;
+		var oldStart = event._start;
+		var oldEnd = event._end;
+		var clearEnd = false;
+		var newAllDay;
+		var dateDelta;
+		var durationDelta;
+		var undoFunc;
+
+		// if no new dates were passed in, compare against the event's existing dates
+		if (!newStart && !newEnd) {
+			newStart = event.start;
+			newEnd = event.end;
+		}
+
+		// NOTE: throughout this function, the initial values of `newStart` and `newEnd` are
+		// preserved. These values may be undefined.
+
+		// detect new allDay
+		if (event.allDay != oldAllDay) { // if value has changed, use it
+			newAllDay = event.allDay;
+		}
+		else { // otherwise, see if any of the new dates are allDay
+			newAllDay = !(newStart || newEnd).hasTime();
+		}
+
+		// normalize the new dates based on allDay
+		if (newAllDay) {
+			if (newStart) {
+				newStart = newStart.clone().stripTime();
+			}
+			if (newEnd) {
+				newEnd = newEnd.clone().stripTime();
+			}
+		}
+
+		// compute dateDelta
+		if (newStart) {
+			if (newAllDay) {
+				dateDelta = dayishDiff(newStart, oldStart.clone().stripTime()); // treat oldStart as allDay
+			}
+			else {
+				dateDelta = dayishDiff(newStart, oldStart);
+			}
+		}
+
+		if (newAllDay != oldAllDay) {
+			// if allDay has changed, always throw away the end
+			clearEnd = true;
+		}
+		else if (newEnd) {
+			durationDelta = dayishDiff(
+				// new duration
+				newEnd || t.getDefaultEventEnd(newAllDay, newStart || oldStart),
+				newStart || oldStart
+			).subtract(dayishDiff(
+				// subtract old duration
+				oldEnd || t.getDefaultEventEnd(oldAllDay, oldStart),
+				oldStart
+			));
+		}
+
+		undoFunc = mutateEvents(
+			clientEvents(event._id), // get events with this ID
+			clearEnd,
+			newAllDay,
+			dateDelta,
+			durationDelta
+		);
+
+		return {
+			dateDelta: dateDelta,
+			durationDelta: durationDelta,
+			undo: undoFunc
+		};
+	}
+
+
+	// Modifies an array of events in the following ways (operations are in order):
+	// - clear the event's `end`
+	// - convert the event to allDay
+	// - add `dateDelta` to the start and end
+	// - add `durationDelta` to the event's duration
+	//
+	// Returns a function that can be called to undo all the operations.
+	//
+	function mutateEvents(events, clearEnd, forceAllDay, dateDelta, durationDelta) {
+		var isAmbigTimezone = t.getIsAmbigTimezone();
+		var undoFunctions = [];
+
+		$.each(events, function(i, event) {
+			var oldAllDay = event._allDay;
+			var oldStart = event._start;
+			var oldEnd = event._end;
+			var newAllDay = forceAllDay != null ? forceAllDay : oldAllDay;
+			var newStart = oldStart.clone();
+			var newEnd = (!clearEnd && oldEnd) ? oldEnd.clone() : null;
+
+			// NOTE: this function is responsible for transforming `newStart` and `newEnd`,
+			// which were initialized to the OLD values first. `newEnd` may be null.
+
+			// normlize newStart/newEnd to be consistent with newAllDay
+			if (newAllDay) {
+				newStart.stripTime();
+				if (newEnd) {
+					newEnd.stripTime();
+				}
+			}
+			else {
+				if (!newStart.hasTime()) {
+					newStart = t.rezoneDate(newStart);
+				}
+				if (newEnd && !newEnd.hasTime()) {
+					newEnd = t.rezoneDate(newEnd);
+				}
+			}
+
+			// ensure we have an end date if necessary
+			if (!newEnd && (options.forceEventDuration || +durationDelta)) {
+				newEnd = t.getDefaultEventEnd(newAllDay, newStart);
+			}
+
+			// translate the dates
+			newStart.add(dateDelta);
+			if (newEnd) {
+				newEnd.add(dateDelta).add(durationDelta);
+			}
+
+			// if the dates have changed, and we know it is impossible to recompute the
+			// timezone offsets, strip the zone.
+			if (isAmbigTimezone) {
+				if (+dateDelta || +durationDelta) {
+					newStart.stripZone();
+					if (newEnd) {
+						newEnd.stripZone();
+					}
+				}
+			}
+
+			event.allDay = newAllDay;
+			event.start = newStart;
+			event.end = newEnd;
+			backupEventDates(event);
+
+			undoFunctions.push(function() {
+				event.allDay = oldAllDay;
+				event.start = oldStart;
+				event.end = oldEnd;
+				backupEventDates(event);
+			});
+		});
+
+		return function() {
+			for (var i=0; i<undoFunctions.length; i++) {
+				undoFunctions[i]();
+			}
+		};
+	}
+
+
+	/* Business Hours
+	-----------------------------------------------------------------------------------------*/
+
+	t.getBusinessHoursEvents = getBusinessHoursEvents;
+
+
+	// Returns an array of events as to when the business hours occur in the given view.
+	// Abuse of our event system :(
+	function getBusinessHoursEvents() {
+		var optionVal = options.businessHours;
+		var defaultVal = {
+			className: 'fc-nonbusiness',
+			start: '09:00',
+			end: '17:00',
+			dow: [ 1, 2, 3, 4, 5 ], // monday - friday
+			rendering: 'inverse-background'
+		};
+		var view = t.getView();
+		var eventInput;
+
+		if (optionVal) {
+			if (typeof optionVal === 'object') {
+				// option value is an object that can override the default business hours
+				eventInput = $.extend({}, defaultVal, optionVal);
+			}
+			else {
+				// option value is `true`. use default business hours
+				eventInput = defaultVal;
+			}
+		}
+
+		if (eventInput) {
+			return expandEvent(
+				buildEventFromInput(eventInput),
+				view.start,
+				view.end
+			);
+		}
+
+		return [];
+	}
+
+
+	/* Overlapping / Constraining
+	-----------------------------------------------------------------------------------------*/
+
+	t.isEventAllowedInRange = isEventAllowedInRange;
+	t.isSelectionAllowedInRange = isSelectionAllowedInRange;
+	t.isExternalDragAllowedInRange = isExternalDragAllowedInRange;
+
+
+	function isEventAllowedInRange(event, start, end) {
+		var source = event.source || {};
+		var constraint = firstDefined(
+			event.constraint,
+			source.constraint,
+			options.eventConstraint
+		);
+		var overlap = firstDefined(
+			event.overlap,
+			source.overlap,
+			options.eventOverlap
+		);
+
+		return isRangeAllowed(start, end, constraint, overlap, event);
+	}
+
+
+	function isSelectionAllowedInRange(start, end) {
+		return isRangeAllowed(
+			start,
+			end,
+			options.selectConstraint,
+			options.selectOverlap
+		);
+	}
+
+
+	function isExternalDragAllowedInRange(start, end, eventInput) { // eventInput is optional associated event data
+		var event;
+
+		if (eventInput) {
+			event = expandEvent(buildEventFromInput(eventInput))[0];
+			if (event) {
+				return isEventAllowedInRange(event, start, end);
+			}
+		}
+
+		return isSelectionAllowedInRange(start, end); // treat it as a selection
+	}
+
+
+	// Returns true if the given range (caused by an event drop/resize or a selection) is allowed to exist
+	// according to the constraint/overlap settings.
+	// `event` is not required if checking a selection.
+	function isRangeAllowed(start, end, constraint, overlap, event) {
+		var constraintEvents;
+		var anyContainment;
+		var i, otherEvent;
+		var otherOverlap;
+
+		// normalize. fyi, we're normalizing in too many places :(
+		start = start.clone().stripZone();
+		end = end.clone().stripZone();
+
+		// the range must be fully contained by at least one of produced constraint events
+		if (constraint != null) {
+			constraintEvents = constraintToEvents(constraint);
+			anyContainment = false;
+
+			for (i = 0; i < constraintEvents.length; i++) {
+				if (eventContainsRange(constraintEvents[i], start, end)) {
+					anyContainment = true;
+					break;
+				}
+			}
+
+			if (!anyContainment) {
+				return false;
+			}
+		}
+
+		for (i = 0; i < cache.length; i++) { // loop all events and detect overlap
+			otherEvent = cache[i];
+
+			// don't compare the event to itself or other related [repeating] events
+			if (event && event._id === otherEvent._id) {
+				continue;
+			}
+
+			// there needs to be an actual intersection before disallowing anything
+			if (eventIntersectsRange(otherEvent, start, end)) {
+
+				// evaluate overlap for the given range and short-circuit if necessary
+				if (overlap === false) {
+					return false;
+				}
+				else if (typeof overlap === 'function' && !overlap(otherEvent, event)) {
+					return false;
+				}
+
+				// if we are computing if the given range is allowable for an event, consider the other event's
+				// EventObject-specific or Source-specific `overlap` property
+				if (event) {
+					otherOverlap = firstDefined(
+						otherEvent.overlap,
+						(otherEvent.source || {}).overlap
+						// we already considered the global `eventOverlap`
+					);
+					if (otherOverlap === false) {
+						return false;
+					}
+					if (typeof otherOverlap === 'function' && !otherOverlap(event, otherEvent)) {
+						return false;
+					}
+				}
+			}
+		}
+
+		return true;
+	}
+
+
+	// Given an event input from the API, produces an array of event objects. Possible event inputs:
+	// 'businessHours'
+	// An event ID (number or string)
+	// An object with specific start/end dates or a recurring event (like what businessHours accepts)
+	function constraintToEvents(constraintInput) {
+
+		if (constraintInput === 'businessHours') {
+			return getBusinessHoursEvents();
+		}
+
+		if (typeof constraintInput === 'object') {
+			return expandEvent(buildEventFromInput(constraintInput));
+		}
+
+		return clientEvents(constraintInput); // probably an ID
+	}
+
+
+	// Is the event's date ranged fully contained by the given range?
+	// start/end already assumed to have stripped zones :(
+	function eventContainsRange(event, start, end) {
+		var eventStart = event.start.clone().stripZone();
+		var eventEnd = t.getEventEnd(event).stripZone();
+
+		return start >= eventStart && end <= eventEnd;
+	}
+
+
+	// Does the event's date range intersect with the given range?
+	// start/end already assumed to have stripped zones :(
+	function eventIntersectsRange(event, start, end) {
+		var eventStart = event.start.clone().stripZone();
+		var eventEnd = t.getEventEnd(event).stripZone();
+
+		return start < eventEnd && end > eventStart;
+	}
+
+}
+
+
+// updates the "backup" properties, which are preserved in order to compute diffs later on.
+function backupEventDates(event) {
+	event._allDay = event.allDay;
+	event._start = event.start.clone();
+	event._end = event.end ? event.end.clone() : null;
+}
+
+;;
+
+/* FullCalendar-specific DOM Utilities
+----------------------------------------------------------------------------------------------------------------------*/
+
+
+// Given the scrollbar widths of some other container, create borders/margins on rowEls in order to match the left
+// and right space that was offset by the scrollbars. A 1-pixel border first, then margin beyond that.
+function compensateScroll(rowEls, scrollbarWidths) {
+	if (scrollbarWidths.left) {
+		rowEls.css({
+			'border-left-width': 1,
+			'margin-left': scrollbarWidths.left - 1
+		});
+	}
+	if (scrollbarWidths.right) {
+		rowEls.css({
+			'border-right-width': 1,
+			'margin-right': scrollbarWidths.right - 1
+		});
+	}
+}
+
+
+// Undoes compensateScroll and restores all borders/margins
+function uncompensateScroll(rowEls) {
+	rowEls.css({
+		'margin-left': '',
+		'margin-right': '',
+		'border-left-width': '',
+		'border-right-width': ''
+	});
+}
+
+
+// Make the mouse cursor express that an event is not allowed in the current area
+function disableCursor() {
+	$('body').addClass('fc-not-allowed');
+}
+
+
+// Returns the mouse cursor to its original look
+function enableCursor() {
+	$('body').removeClass('fc-not-allowed');
+}
+
+
+// Given a total available height to fill, have `els` (essentially child rows) expand to accomodate.
+// By default, all elements that are shorter than the recommended height are expanded uniformly, not considering
+// any other els that are already too tall. if `shouldRedistribute` is on, it considers these tall rows and 
+// reduces the available height.
+function distributeHeight(els, availableHeight, shouldRedistribute) {
+
+	// *FLOORING NOTE*: we floor in certain places because zoom can give inaccurate floating-point dimensions,
+	// and it is better to be shorter than taller, to avoid creating unnecessary scrollbars.
+
+	var minOffset1 = Math.floor(availableHeight / els.length); // for non-last element
+	var minOffset2 = Math.floor(availableHeight - minOffset1 * (els.length - 1)); // for last element *FLOORING NOTE*
+	var flexEls = []; // elements that are allowed to expand. array of DOM nodes
+	var flexOffsets = []; // amount of vertical space it takes up
+	var flexHeights = []; // actual css height
+	var usedHeight = 0;
+
+	undistributeHeight(els); // give all elements their natural height
+
+	// find elements that are below the recommended height (expandable).
+	// important to query for heights in a single first pass (to avoid reflow oscillation).
+	els.each(function(i, el) {
+		var minOffset = i === els.length - 1 ? minOffset2 : minOffset1;
+		var naturalOffset = $(el).outerHeight(true);
+
+		if (naturalOffset < minOffset) {
+			flexEls.push(el);
+			flexOffsets.push(naturalOffset);
+			flexHeights.push($(el).height());
+		}
+		else {
+			// this element stretches past recommended height (non-expandable). mark the space as occupied.
+			usedHeight += naturalOffset;
+		}
+	});
+
+	// readjust the recommended height to only consider the height available to non-maxed-out rows.
+	if (shouldRedistribute) {
+		availableHeight -= usedHeight;
+		minOffset1 = Math.floor(availableHeight / flexEls.length);
+		minOffset2 = Math.floor(availableHeight - minOffset1 * (flexEls.length - 1)); // *FLOORING NOTE*
+	}
+
+	// assign heights to all expandable elements
+	$(flexEls).each(function(i, el) {
+		var minOffset = i === flexEls.length - 1 ? minOffset2 : minOffset1;
+		var naturalOffset = flexOffsets[i];
+		var naturalHeight = flexHeights[i];
+		var newHeight = minOffset - (naturalOffset - naturalHeight); // subtract the margin/padding
+
+		if (naturalOffset < minOffset) { // we check this again because redistribution might have changed things
+			$(el).height(newHeight);
+		}
+	});
+}
+
+
+// Undoes distrubuteHeight, restoring all els to their natural height
+function undistributeHeight(els) {
+	els.height('');
+}
+
+
+// Given `els`, a jQuery set of <td> cells, find the cell with the largest natural width and set the widths of all the
+// cells to be that width.
+// PREREQUISITE: if you want a cell to take up width, it needs to have a single inner element w/ display:inline
+function matchCellWidths(els) {
+	var maxInnerWidth = 0;
+
+	els.find('> *').each(function(i, innerEl) {
+		var innerWidth = $(innerEl).outerWidth();
+		if (innerWidth > maxInnerWidth) {
+			maxInnerWidth = innerWidth;
+		}
+	});
+
+	maxInnerWidth++; // sometimes not accurate of width the text needs to stay on one line. insurance
+
+	els.width(maxInnerWidth);
+
+	return maxInnerWidth;
+}
+
+
+// Turns a container element into a scroller if its contents is taller than the allotted height.
+// Returns true if the element is now a scroller, false otherwise.
+// NOTE: this method is best because it takes weird zooming dimensions into account
+function setPotentialScroller(containerEl, height) {
+	containerEl.height(height).addClass('fc-scroller');
+
+	// are scrollbars needed?
+	if (containerEl[0].scrollHeight - 1 > containerEl[0].clientHeight) { // !!! -1 because IE is often off-by-one :(
+		return true;
+	}
+
+	unsetScroller(containerEl); // undo
+	return false;
+}
+
+
+// Takes an element that might have been a scroller, and turns it back into a normal element.
+function unsetScroller(containerEl) {
+	containerEl.height('').removeClass('fc-scroller');
+}
+
+
+/* General DOM Utilities
+----------------------------------------------------------------------------------------------------------------------*/
+
+
+// borrowed from https://github.com/jquery/jquery-ui/blob/1.11.0/ui/core.js#L51
+function getScrollParent(el) {
+	var position = el.css('position'),
+		scrollParent = el.parents().filter(function() {
+			var parent = $(this);
+			return (/(auto|scroll)/).test(
+				parent.css('overflow') + parent.css('overflow-y') + parent.css('overflow-x')
+			);
+		}).eq(0);
+
+	return position === 'fixed' || !scrollParent.length ? $(el[0].ownerDocument || document) : scrollParent;
+}
+
+
+// Given a container element, return an object with the pixel values of the left/right scrollbars.
+// Left scrollbars might occur on RTL browsers (IE maybe?) but I have not tested.
+// PREREQUISITE: container element must have a single child with display:block
+function getScrollbarWidths(container) {
+	var containerLeft = container.offset().left;
+	var containerRight = containerLeft + container.width();
+	var inner = container.children();
+	var innerLeft = inner.offset().left;
+	var innerRight = innerLeft + inner.outerWidth();
+
+	return {
+		left: innerLeft - containerLeft,
+		right: containerRight - innerRight
+	};
+}
+
+
+// Returns a boolean whether this was a left mouse click and no ctrl key (which means right click on Mac)
+function isPrimaryMouseButton(ev) {
+	return ev.which == 1 && !ev.ctrlKey;
+}
+
+
+/* FullCalendar-specific Misc Utilities
+----------------------------------------------------------------------------------------------------------------------*/
+
+
+// Creates a basic segment with the intersection of the two ranges. Returns undefined if no intersection.
+// Expects all dates to be normalized to the same timezone beforehand.
+function intersectionToSeg(subjectStart, subjectEnd, intervalStart, intervalEnd) {
+	var segStart, segEnd;
+	var isStart, isEnd;
+
+	if (subjectEnd > intervalStart && subjectStart < intervalEnd) { // in bounds at all?
+
+		if (subjectStart >= intervalStart) {
+			segStart = subjectStart.clone();
+			isStart = true;
+		}
+		else {
+			segStart = intervalStart.clone();
+			isStart =  false;
+		}
+
+		if (subjectEnd <= intervalEnd) {
+			segEnd = subjectEnd.clone();
+			isEnd = true;
+		}
+		else {
+			segEnd = intervalEnd.clone();
+			isEnd = false;
+		}
+
+		return {
+			start: segStart,
+			end: segEnd,
+			isStart: isStart,
+			isEnd: isEnd
+		};
+	}
+}
+
+
+function smartProperty(obj, name) { // get a camel-cased/namespaced property of an object
+	obj = obj || {};
+	if (obj[name] !== undefined) {
+		return obj[name];
+	}
+	var parts = name.split(/(?=[A-Z])/),
+		i = parts.length - 1, res;
+	for (; i>=0; i--) {
+		res = obj[parts[i].toLowerCase()];
+		if (res !== undefined) {
+			return res;
+		}
+	}
+	return obj['default'];
+}
+
+
+/* Date Utilities
+----------------------------------------------------------------------------------------------------------------------*/
+
+var dayIDs = [ 'sun', 'mon', 'tue', 'wed', 'thu', 'fri', 'sat' ];
+
+
+// Diffs the two moments into a Duration where full-days are recorded first, then the remaining time.
+// Moments will have their timezones normalized.
+function dayishDiff(a, b) {
+	return moment.duration({
+		days: a.clone().stripTime().diff(b.clone().stripTime(), 'days'),
+		ms: a.time() - b.time()
+	});
+}
+
+
+function isNativeDate(input) {
+	return  Object.prototype.toString.call(input) === '[object Date]' || input instanceof Date;
+}
+
+
+// Returns a boolean about whether the given input is a time string, like "06:40:00" or "06:00"
+function isTimeString(str) {
+	return /^\d+\:\d+(?:\:\d+\.?(?:\d{3})?)?$/.test(str);
+}
+
+
+/* General Utilities
+----------------------------------------------------------------------------------------------------------------------*/
+
+fc.applyAll = applyAll; // export
+
+
+// Create an object that has the given prototype. Just like Object.create
+function createObject(proto) {
+	var f = function() {};
+	f.prototype = proto;
+	return new f();
+}
+
+
+function applyAll(functions, thisObj, args) {
+	if ($.isFunction(functions)) {
+		functions = [ functions ];
+	}
+	if (functions) {
+		var i;
+		var ret;
+		for (i=0; i<functions.length; i++) {
+			ret = functions[i].apply(thisObj, args) || ret;
+		}
+		return ret;
+	}
+}
+
+
+function firstDefined() {
+	for (var i=0; i<arguments.length; i++) {
+		if (arguments[i] !== undefined) {
+			return arguments[i];
+		}
+	}
+}
+
+
+function htmlEscape(s) {
+	return (s + '').replace(/&/g, '&amp;')
+		.replace(/</g, '&lt;')
+		.replace(/>/g, '&gt;')
+		.replace(/'/g, '&#039;')
+		.replace(/"/g, '&quot;')
+		.replace(/\n/g, '<br />');
+}
+
+
+function stripHtmlEntities(text) {
+	return text.replace(/&.*?;/g, '');
+}
+
+
+function capitaliseFirstLetter(str) {
+	return str.charAt(0).toUpperCase() + str.slice(1);
+}
+
+
+function compareNumbers(a, b) { // for .sort()
+	return a - b;
+}
+
+
+// Returns a function, that, as long as it continues to be invoked, will not
+// be triggered. The function will be called after it stops being called for
+// N milliseconds.
+// https://github.com/jashkenas/underscore/blob/1.6.0/underscore.js#L714
+function debounce(func, wait) {
+	var timeoutId;
+	var args;
+	var context;
+	var timestamp; // of most recent call
+	var later = function() {
+		var last = +new Date() - timestamp;
+		if (last < wait && last > 0) {
+			timeoutId = setTimeout(later, wait - last);
+		}
+		else {
+			timeoutId = null;
+			func.apply(context, args);
+			if (!timeoutId) {
+				context = args = null;
+			}
+		}
+	};
+
+	return function() {
+		context = this;
+		args = arguments;
+		timestamp = +new Date();
+		if (!timeoutId) {
+			timeoutId = setTimeout(later, wait);
+		}
+	};
+}
+
+;;
+
+var ambigDateOfMonthRegex = /^\s*\d{4}-\d\d$/;
+var ambigTimeOrZoneRegex =
+	/^\s*\d{4}-(?:(\d\d-\d\d)|(W\d\d$)|(W\d\d-\d)|(\d\d\d))((T| )(\d\d(:\d\d(:\d\d(\.\d+)?)?)?)?)?$/;
+var newMomentProto = moment.fn; // where we will attach our new methods
+var oldMomentProto = $.extend({}, newMomentProto); // copy of original moment methods
+var allowValueOptimization;
+var setUTCValues; // function defined below
+var setLocalValues; // function defined below
+
+
+// Creating
+// -------------------------------------------------------------------------------------------------
+
+// Creates a new moment, similar to the vanilla moment(...) constructor, but with
+// extra features (ambiguous time, enhanced formatting). When given an existing moment,
+// it will function as a clone (and retain the zone of the moment). Anything else will
+// result in a moment in the local zone.
+fc.moment = function() {
+	return makeMoment(arguments);
+};
+
+// Sames as fc.moment, but forces the resulting moment to be in the UTC timezone.
+fc.moment.utc = function() {
+	var mom = makeMoment(arguments, true);
+
+	// Force it into UTC because makeMoment doesn't guarantee it
+	// (if given a pre-existing moment for example)
+	if (mom.hasTime()) { // don't give ambiguously-timed moments a UTC zone
+		mom.utc();
+	}
+
+	return mom;
+};
+
+// Same as fc.moment, but when given an ISO8601 string, the timezone offset is preserved.
+// ISO8601 strings with no timezone offset will become ambiguously zoned.
+fc.moment.parseZone = function() {
+	return makeMoment(arguments, true, true);
+};
+
+// Builds an enhanced moment from args. When given an existing moment, it clones. When given a
+// native Date, or called with no arguments (the current time), the resulting moment will be local.
+// Anything else needs to be "parsed" (a string or an array), and will be affected by:
+//    parseAsUTC - if there is no zone information, should we parse the input in UTC?
+//    parseZone - if there is zone information, should we force the zone of the moment?
+function makeMoment(args, parseAsUTC, parseZone) {
+	var input = args[0];
+	var isSingleString = args.length == 1 && typeof input === 'string';
+	var isAmbigTime;
+	var isAmbigZone;
+	var ambigMatch;
+	var mom;
+
+	if (moment.isMoment(input)) {
+		mom = moment.apply(null, args); // clone it
+		transferAmbigs(input, mom); // the ambig flags weren't transfered with the clone
+	}
+	else if (isNativeDate(input) || input === undefined) {
+		mom = moment.apply(null, args); // will be local
+	}
+	else { // "parsing" is required
+		isAmbigTime = false;
+		isAmbigZone = false;
+
+		if (isSingleString) {
+			if (ambigDateOfMonthRegex.test(input)) {
+				// accept strings like '2014-05', but convert to the first of the month
+				input += '-01';
+				args = [ input ]; // for when we pass it on to moment's constructor
+				isAmbigTime = true;
+				isAmbigZone = true;
+			}
+			else if ((ambigMatch = ambigTimeOrZoneRegex.exec(input))) {
+				isAmbigTime = !ambigMatch[5]; // no time part?
+				isAmbigZone = true;
+			}
+		}
+		else if ($.isArray(input)) {
+			// arrays have no timezone information, so assume ambiguous zone
+			isAmbigZone = true;
+		}
+		// otherwise, probably a string with a format
+
+		if (parseAsUTC) {
+			mom = moment.utc.apply(moment, args);
+		}
+		else {
+			mom = moment.apply(null, args);
+		}
+
+		if (isAmbigTime) {
+			mom._ambigTime = true;
+			mom._ambigZone = true; // ambiguous time always means ambiguous zone
+		}
+		else if (parseZone) { // let's record the inputted zone somehow
+			if (isAmbigZone) {
+				mom._ambigZone = true;
+			}
+			else if (isSingleString) {
+				mom.zone(input); // if not a valid zone, will assign UTC
+			}
+		}
+	}
+
+	mom._fullCalendar = true; // flag for extended functionality
+
+	return mom;
+}
+
+
+// A clone method that works with the flags related to our enhanced functionality.
+// In the future, use moment.momentProperties
+newMomentProto.clone = function() {
+	var mom = oldMomentProto.clone.apply(this, arguments);
+
+	// these flags weren't transfered with the clone
+	transferAmbigs(this, mom);
+	if (this._fullCalendar) {
+		mom._fullCalendar = true;
+	}
+
+	return mom;
+};
+
+
+// Time-of-day
+// -------------------------------------------------------------------------------------------------
+
+// GETTER
+// Returns a Duration with the hours/minutes/seconds/ms values of the moment.
+// If the moment has an ambiguous time, a duration of 00:00 will be returned.
+//
+// SETTER
+// You can supply a Duration, a Moment, or a Duration-like argument.
+// When setting the time, and the moment has an ambiguous time, it then becomes unambiguous.
+newMomentProto.time = function(time) {
+
+	// Fallback to the original method (if there is one) if this moment wasn't created via FullCalendar.
+	// `time` is a generic enough method name where this precaution is necessary to avoid collisions w/ other plugins.
+	if (!this._fullCalendar) {
+		return oldMomentProto.time.apply(this, arguments);
+	}
+
+	if (time == null) { // getter
+		return moment.duration({
+			hours: this.hours(),
+			minutes: this.minutes(),
+			seconds: this.seconds(),
+			milliseconds: this.milliseconds()
+		});
+	}
+	else { // setter
+
+		this._ambigTime = false; // mark that the moment now has a time
+
+		if (!moment.isDuration(time) && !moment.isMoment(time)) {
+			time = moment.duration(time);
+		}
+
+		// The day value should cause overflow (so 24 hours becomes 00:00:00 of next day).
+		// Only for Duration times, not Moment times.
+		var dayHours = 0;
+		if (moment.isDuration(time)) {
+			dayHours = Math.floor(time.asDays()) * 24;
+		}
+
+		// We need to set the individual fields.
+		// Can't use startOf('day') then add duration. In case of DST at start of day.
+		return this.hours(dayHours + time.hours())
+			.minutes(time.minutes())
+			.seconds(time.seconds())
+			.milliseconds(time.milliseconds());
+	}
+};
+
+// Converts the moment to UTC, stripping out its time-of-day and timezone offset,
+// but preserving its YMD. A moment with a stripped time will display no time
+// nor timezone offset when .format() is called.
+newMomentProto.stripTime = function() {
+	var a = this.toArray(); // year,month,date,hours,minutes,seconds as an array
+
+	this.utc(); // set the internal UTC flag (will clear the ambig flags)
+	setUTCValues(this, a.slice(0, 3)); // set the year/month/date. time will be zero
+
+	// Mark the time as ambiguous. This needs to happen after the .utc() call, which calls .zone(),
+	// which clears all ambig flags. Same with setUTCValues with moment-timezone.
+	this._ambigTime = true;
+	this._ambigZone = true; // if ambiguous time, also ambiguous timezone offset
+
+	return this; // for chaining
+};
+
+// Returns if the moment has a non-ambiguous time (boolean)
+newMomentProto.hasTime = function() {
+	return !this._ambigTime;
+};
+
+
+// Timezone
+// -------------------------------------------------------------------------------------------------
+
+// Converts the moment to UTC, stripping out its timezone offset, but preserving its
+// YMD and time-of-day. A moment with a stripped timezone offset will display no
+// timezone offset when .format() is called.
+newMomentProto.stripZone = function() {
+	var a = this.toArray(); // year,month,date,hours,minutes,seconds as an array
+	var wasAmbigTime = this._ambigTime;
+
+	this.utc(); // set the internal UTC flag (will clear the ambig flags)
+	setUTCValues(this, a); // will set the year/month/date/hours/minutes/seconds/ms
+
+	if (wasAmbigTime) {
+		// the above call to .utc()/.zone() unfortunately clears the ambig flags, so reassign
+		this._ambigTime = true;
+	}
+
+	// Mark the zone as ambiguous. This needs to happen after the .utc() call, which calls .zone(),
+	// which clears all ambig flags. Same with setUTCValues with moment-timezone.
+	this._ambigZone = true;
+
+	return this; // for chaining
+};
+
+// Returns of the moment has a non-ambiguous timezone offset (boolean)
+newMomentProto.hasZone = function() {
+	return !this._ambigZone;
+};
+
+// this method implicitly marks a zone (will get called upon .utc() and .local())
+newMomentProto.zone = function(tzo) {
+
+	if (tzo != null) { // setter
+		// these assignments needs to happen before the original zone method is called.
+		// I forget why, something to do with a browser crash.
+		this._ambigTime = false;
+		this._ambigZone = false;
+	}
+
+	return oldMomentProto.zone.apply(this, arguments);
+};
+
+// this method implicitly marks a zone
+newMomentProto.local = function() {
+	var a = this.toArray(); // year,month,date,hours,minutes,seconds,ms as an array
+	var wasAmbigZone = this._ambigZone;
+
+	oldMomentProto.local.apply(this, arguments); // will clear ambig flags
+
+	if (wasAmbigZone) {
+		// If the moment was ambiguously zoned, the date fields were stored as UTC.
+		// We want to preserve these, but in local time.
+		setLocalValues(this, a);
+	}
+
+	return this; // for chaining
+};
+
+
+// Formatting
+// -------------------------------------------------------------------------------------------------
+
+newMomentProto.format = function() {
+	if (this._fullCalendar && arguments[0]) { // an enhanced moment? and a format string provided?
+		return formatDate(this, arguments[0]); // our extended formatting
+	}
+	if (this._ambigTime) {
+		return oldMomentFormat(this, 'YYYY-MM-DD');
+	}
+	if (this._ambigZone) {
+		return oldMomentFormat(this, 'YYYY-MM-DD[T]HH:mm:ss');
+	}
+	return oldMomentProto.format.apply(this, arguments);
+};
+
+newMomentProto.toISOString = function() {
+	if (this._ambigTime) {
+		return oldMomentFormat(this, 'YYYY-MM-DD');
+	}
+	if (this._ambigZone) {
+		return oldMomentFormat(this, 'YYYY-MM-DD[T]HH:mm:ss');
+	}
+	return oldMomentProto.toISOString.apply(this, arguments);
+};
+
+
+// Querying
+// -------------------------------------------------------------------------------------------------
+
+// Is the moment within the specified range? `end` is exclusive.
+// FYI, this method is not a standard Moment method, so always do our enhanced logic.
+newMomentProto.isWithin = function(start, end) {
+	var a = commonlyAmbiguate([ this, start, end ]);
+	return a[0] >= a[1] && a[0] < a[2];
+};
+
+// When isSame is called with units, timezone ambiguity is normalized before the comparison happens.
+// If no units specified, the two moments must be identically the same, with matching ambig flags.
+newMomentProto.isSame = function(input, units) {
+	var a;
+
+	// only do custom logic if this is an enhanced moment
+	if (!this._fullCalendar) {
+		return oldMomentProto.isSame.apply(this, arguments);
+	}
+
+	if (units) {
+		a = commonlyAmbiguate([ this, input ], true); // normalize timezones but don't erase times
+		return oldMomentProto.isSame.call(a[0], a[1], units);
+	}
+	else {
+		input = fc.moment.parseZone(input); // normalize input
+		return oldMomentProto.isSame.call(this, input) &&
+			Boolean(this._ambigTime) === Boolean(input._ambigTime) &&
+			Boolean(this._ambigZone) === Boolean(input._ambigZone);
+	}
+};
+
+// Make these query methods work with ambiguous moments
+$.each([
+	'isBefore',
+	'isAfter'
+], function(i, methodName) {
+	newMomentProto[methodName] = function(input, units) {
+		var a;
+
+		// only do custom logic if this is an enhanced moment
+		if (!this._fullCalendar) {
+			return oldMomentProto[methodName].apply(this, arguments);
+		}
+
+		a = commonlyAmbiguate([ this, input ]);
+		return oldMomentProto[methodName].call(a[0], a[1], units);
+	};
+});
+
+
+// Misc Internals
+// -------------------------------------------------------------------------------------------------
+
+// given an array of moment-like inputs, return a parallel array w/ moments similarly ambiguated.
+// for example, of one moment has ambig time, but not others, all moments will have their time stripped.
+// set `preserveTime` to `true` to keep times, but only normalize zone ambiguity.
+function commonlyAmbiguate(inputs, preserveTime) {
+	var outputs = [];
+	var anyAmbigTime = false;
+	var anyAmbigZone = false;
+	var i;
+
+	for (i=0; i<inputs.length; i++) {
+		outputs.push(fc.moment.parseZone(inputs[i]));
+		anyAmbigTime = anyAmbigTime || outputs[i]._ambigTime;
+		anyAmbigZone = anyAmbigZone || outputs[i]._ambigZone;
+	}
+
+	for (i=0; i<outputs.length; i++) {
+		if (anyAmbigTime && !preserveTime) {
+			outputs[i].stripTime();
+		}
+		else if (anyAmbigZone) {
+			outputs[i].stripZone();
+		}
+	}
+
+	return outputs;
+}
+
+// Transfers all the flags related to ambiguous time/zone from the `src` moment to the `dest` moment
+function transferAmbigs(src, dest) {
+	if (src._ambigTime) {
+		dest._ambigTime = true;
+	}
+	else if (dest._ambigTime) {
+		dest._ambigTime = false;
+	}
+
+	if (src._ambigZone) {
+		dest._ambigZone = true;
+	}
+	else if (dest._ambigZone) {
+		dest._ambigZone = false;
+	}
+}
+
+
+// Sets the year/month/date/etc values of the moment from the given array.
+// Inefficient because it calls each individual setter.
+function setMomentValues(mom, a) {
+	mom.year(a[0] || 0)
+		.month(a[1] || 0)
+		.date(a[2] || 0)
+		.hours(a[3] || 0)
+		.minutes(a[4] || 0)
+		.seconds(a[5] || 0)
+		.milliseconds(a[6] || 0);
+}
+
+// Can we set the moment's internal date directly?
+allowValueOptimization = '_d' in moment() && 'updateOffset' in moment;
+
+// Utility function. Accepts a moment and an array of the UTC year/month/date/etc values to set.
+// Assumes the given moment is already in UTC mode.
+setUTCValues = allowValueOptimization ? function(mom, a) {
+	// simlate what moment's accessors do
+	mom._d.setTime(Date.UTC.apply(Date, a));
+	moment.updateOffset(mom, false); // keepTime=false
+} : setMomentValues;
+
+// Utility function. Accepts a moment and an array of the local year/month/date/etc values to set.
+// Assumes the given moment is already in local mode.
+setLocalValues = allowValueOptimization ? function(mom, a) {
+	// simlate what moment's accessors do
+	mom._d.setTime(+new Date( // FYI, there is now way to apply an array of args to a constructor
+		a[0] || 0,
+		a[1] || 0,
+		a[2] || 0,
+		a[3] || 0,
+		a[4] || 0,
+		a[5] || 0,
+		a[6] || 0
+	));
+	moment.updateOffset(mom, false); // keepTime=false
+} : setMomentValues;
+
+;;
+
+// Single Date Formatting
+// -------------------------------------------------------------------------------------------------
+
+
+// call this if you want Moment's original format method to be used
+function oldMomentFormat(mom, formatStr) {
+	return oldMomentProto.format.call(mom, formatStr); // oldMomentProto defined in moment-ext.js
+}
+
+
+// Formats `date` with a Moment formatting string, but allow our non-zero areas and
+// additional token.
+function formatDate(date, formatStr) {
+	return formatDateWithChunks(date, getFormatStringChunks(formatStr));
+}
+
+
+function formatDateWithChunks(date, chunks) {
+	var s = '';
+	var i;
+
+	for (i=0; i<chunks.length; i++) {
+		s += formatDateWithChunk(date, chunks[i]);
+	}
+
+	return s;
+}
+
+
+// addition formatting tokens we want recognized
+var tokenOverrides = {
+	t: function(date) { // "a" or "p"
+		return oldMomentFormat(date, 'a').charAt(0);
+	},
+	T: function(date) { // "A" or "P"
+		return oldMomentFormat(date, 'A').charAt(0);
+	}
+};
+
+
+function formatDateWithChunk(date, chunk) {
+	var token;
+	var maybeStr;
+
+	if (typeof chunk === 'string') { // a literal string
+		return chunk;
+	}
+	else if ((token = chunk.token)) { // a token, like "YYYY"
+		if (tokenOverrides[token]) {
+			return tokenOverrides[token](date); // use our custom token
+		}
+		return oldMomentFormat(date, token);
+	}
+	else if (chunk.maybe) { // a grouping of other chunks that must be non-zero
+		maybeStr = formatDateWithChunks(date, chunk.maybe);
+		if (maybeStr.match(/[1-9]/)) {
+			return maybeStr;
+		}
+	}
+
+	return '';
+}
+
+
+// Date Range Formatting
+// -------------------------------------------------------------------------------------------------
+// TODO: make it work with timezone offset
+
+// Using a formatting string meant for a single date, generate a range string, like
+// "Sep 2 - 9 2013", that intelligently inserts a separator where the dates differ.
+// If the dates are the same as far as the format string is concerned, just return a single
+// rendering of one date, without any separator.
+function formatRange(date1, date2, formatStr, separator, isRTL) {
+	var localeData;
+
+	date1 = fc.moment.parseZone(date1);
+	date2 = fc.moment.parseZone(date2);
+
+	localeData = (date1.localeData || date1.lang).call(date1); // works with moment-pre-2.8
+
+	// Expand localized format strings, like "LL" -> "MMMM D YYYY"
+	formatStr = localeData.longDateFormat(formatStr) || formatStr;
+	// BTW, this is not important for `formatDate` because it is impossible to put custom tokens
+	// or non-zero areas in Moment's localized format strings.
+
+	separator = separator || ' - ';
+
+	return formatRangeWithChunks(
+		date1,
+		date2,
+		getFormatStringChunks(formatStr),
+		separator,
+		isRTL
+	);
+}
+fc.formatRange = formatRange; // expose
+
+
+function formatRangeWithChunks(date1, date2, chunks, separator, isRTL) {
+	var chunkStr; // the rendering of the chunk
+	var leftI;
+	var leftStr = '';
+	var rightI;
+	var rightStr = '';
+	var middleI;
+	var middleStr1 = '';
+	var middleStr2 = '';
+	var middleStr = '';
+
+	// Start at the leftmost side of the formatting string and continue until you hit a token
+	// that is not the same between dates.
+	for (leftI=0; leftI<chunks.length; leftI++) {
+		chunkStr = formatSimilarChunk(date1, date2, chunks[leftI]);
+		if (chunkStr === false) {
+			break;
+		}
+		leftStr += chunkStr;
+	}
+
+	// Similarly, start at the rightmost side of the formatting string and move left
+	for (rightI=chunks.length-1; rightI>leftI; rightI--) {
+		chunkStr = formatSimilarChunk(date1, date2, chunks[rightI]);
+		if (chunkStr === false) {
+			break;
+		}
+		rightStr = chunkStr + rightStr;
+	}
+
+	// The area in the middle is different for both of the dates.
+	// Collect them distinctly so we can jam them together later.
+	for (middleI=leftI; middleI<=rightI; middleI++) {
+		middleStr1 += formatDateWithChunk(date1, chunks[middleI]);
+		middleStr2 += formatDateWithChunk(date2, chunks[middleI]);
+	}
+
+	if (middleStr1 || middleStr2) {
+		if (isRTL) {
+			middleStr = middleStr2 + separator + middleStr1;
+		}
+		else {
+			middleStr = middleStr1 + separator + middleStr2;
+		}
+	}
+
+	return leftStr + middleStr + rightStr;
+}
+
+
+var similarUnitMap = {
+	Y: 'year',
+	M: 'month',
+	D: 'day', // day of month
+	d: 'day', // day of week
+	// prevents a separator between anything time-related...
+	A: 'second', // AM/PM
+	a: 'second', // am/pm
+	T: 'second', // A/P
+	t: 'second', // a/p
+	H: 'second', // hour (24)
+	h: 'second', // hour (12)
+	m: 'second', // minute
+	s: 'second' // second
+};
+// TODO: week maybe?
+
+
+// Given a formatting chunk, and given that both dates are similar in the regard the
+// formatting chunk is concerned, format date1 against `chunk`. Otherwise, return `false`.
+function formatSimilarChunk(date1, date2, chunk) {
+	var token;
+	var unit;
+
+	if (typeof chunk === 'string') { // a literal string
+		return chunk;
+	}
+	else if ((token = chunk.token)) {
+		unit = similarUnitMap[token.charAt(0)];
+		// are the dates the same for this unit of measurement?
+		if (unit && date1.isSame(date2, unit)) {
+			return oldMomentFormat(date1, token); // would be the same if we used `date2`
+			// BTW, don't support custom tokens
+		}
+	}
+
+	return false; // the chunk is NOT the same for the two dates
+	// BTW, don't support splitting on non-zero areas
+}
+
+
+// Chunking Utils
+// -------------------------------------------------------------------------------------------------
+
+
+var formatStringChunkCache = {};
+
+
+function getFormatStringChunks(formatStr) {
+	if (formatStr in formatStringChunkCache) {
+		return formatStringChunkCache[formatStr];
+	}
+	return (formatStringChunkCache[formatStr] = chunkFormatString(formatStr));
+}
+
+
+// Break the formatting string into an array of chunks
+function chunkFormatString(formatStr) {
+	var chunks = [];
+	var chunker = /\[([^\]]*)\]|\(([^\)]*)\)|(LT|(\w)\4*o?)|([^\w\[\(]+)/g; // TODO: more descrimination
+	var match;
+
+	while ((match = chunker.exec(formatStr))) {
+		if (match[1]) { // a literal string inside [ ... ]
+			chunks.push(match[1]);
+		}
+		else if (match[2]) { // non-zero formatting inside ( ... )
+			chunks.push({ maybe: chunkFormatString(match[2]) });
+		}
+		else if (match[3]) { // a formatting token
+			chunks.push({ token: match[3] });
+		}
+		else if (match[5]) { // an unenclosed literal string
+			chunks.push(match[5]);
+		}
+	}
+
+	return chunks;
+}
+
+;;
+
+/* A rectangular panel that is absolutely positioned over other content
+------------------------------------------------------------------------------------------------------------------------
+Options:
+	- className (string)
+	- content (HTML string or jQuery element set)
+	- parentEl
+	- top
+	- left
+	- right (the x coord of where the right edge should be. not a "CSS" right)
+	- autoHide (boolean)
+	- show (callback)
+	- hide (callback)
+*/
+
+function Popover(options) {
+	this.options = options || {};
+}
+
+
+Popover.prototype = {
+
+	isHidden: true,
+	options: null,
+	el: null, // the container element for the popover. generated by this object
+	documentMousedownProxy: null, // document mousedown handler bound to `this`
+	margin: 10, // the space required between the popover and the edges of the scroll container
+
+
+	// Shows the popover on the specified position. Renders it if not already
+	show: function() {
+		if (this.isHidden) {
+			if (!this.el) {
+				this.render();
+			}
+			this.el.show();
+			this.position();
+			this.isHidden = false;
+			this.trigger('show');
+		}
+	},
+
+
+	// Hides the popover, through CSS, but does not remove it from the DOM
+	hide: function() {
+		if (!this.isHidden) {
+			this.el.hide();
+			this.isHidden = true;
+			this.trigger('hide');
+		}
+	},
+
+
+	// Creates `this.el` and renders content inside of it
+	render: function() {
+		var _this = this;
+		var options = this.options;
+
+		this.el = $('<div class="fc-popover"/>')
+			.addClass(options.className || '')
+			.css({
+				// position initially to the top left to avoid creating scrollbars
+				top: 0,
+				left: 0
+			})
+			.append(options.content)
+			.appendTo(options.parentEl);
+
+		// when a click happens on anything inside with a 'fc-close' className, hide the popover
+		this.el.on('click', '.fc-close', function() {
+			_this.hide();
+		});
+
+		if (options.autoHide) {
+			$(document).on('mousedown', this.documentMousedownProxy = $.proxy(this, 'documentMousedown'));
+		}
+	},
+
+
+	// Triggered when the user clicks *anywhere* in the document, for the autoHide feature
+	documentMousedown: function(ev) {
+		// only hide the popover if the click happened outside the popover
+		if (this.el && !$(ev.target).closest(this.el).length) {
+			this.hide();
+		}
+	},
+
+
+	// Hides and unregisters any handlers
+	destroy: function() {
+		this.hide();
+
+		if (this.el) {
+			this.el.remove();
+			this.el = null;
+		}
+
+		$(document).off('mousedown', this.documentMousedownProxy);
+	},
+
+
+	// Positions the popover optimally, using the top/left/right options
+	position: function() {
+		var options = this.options;
+		var origin = this.el.offsetParent().offset();
+		var width = this.el.outerWidth();
+		var height = this.el.outerHeight();
+		var windowEl = $(window);
+		var viewportEl = getScrollParent(this.el);
+		var viewportTop;
+		var viewportLeft;
+		var viewportOffset;
+		var top; // the "position" (not "offset") values for the popover
+		var left; //
+
+		// compute top and left
+		top = options.top || 0;
+		if (options.left !== undefined) {
+			left = options.left;
+		}
+		else if (options.right !== undefined) {
+			left = options.right - width; // derive the left value from the right value
+		}
+		else {
+			left = 0;
+		}
+
+		if (viewportEl.is(window) || viewportEl.is(document)) { // normalize getScrollParent's result
+			viewportEl = windowEl;
+			viewportTop = 0; // the window is always at the top left
+			viewportLeft = 0; // (and .offset() won't work if called here)
+		}
+		else {
+			viewportOffset = viewportEl.offset();
+			viewportTop = viewportOffset.top;
+			viewportLeft = viewportOffset.left;
+		}
+
+		// if the window is scrolled, it causes the visible area to be further down
+		viewportTop += windowEl.scrollTop();
+		viewportLeft += windowEl.scrollLeft();
+
+		// constrain to the view port. if constrained by two edges, give precedence to top/left
+		if (options.viewportConstrain !== false) {
+			top = Math.min(top, viewportTop + viewportEl.outerHeight() - height - this.margin);
+			top = Math.max(top, viewportTop + this.margin);
+			left = Math.min(left, viewportLeft + viewportEl.outerWidth() - width - this.margin);
+			left = Math.max(left, viewportLeft + this.margin);
+		}
+
+		this.el.css({
+			top: top - origin.top,
+			left: left - origin.left
+		});
+	},
+
+
+	// Triggers a callback. Calls a function in the option hash of the same name.
+	// Arguments beyond the first `name` are forwarded on.
+	// TODO: better code reuse for this. Repeat code
+	trigger: function(name) {
+		if (this.options[name]) {
+			this.options[name].apply(this, Array.prototype.slice.call(arguments, 1));
+		}
+	}
+
+};
+
+;;
+
+/* A "coordinate map" converts pixel coordinates into an associated cell, which has an associated date
+------------------------------------------------------------------------------------------------------------------------
+Common interface:
+
+	CoordMap.prototype = {
+		build: function() {},
+		getCell: function(x, y) {}
+	};
+
+*/
+
+/* Coordinate map for a grid component
+----------------------------------------------------------------------------------------------------------------------*/
+
+function GridCoordMap(grid) {
+	this.grid = grid;
+}
+
+
+GridCoordMap.prototype = {
+
+	grid: null, // reference to the Grid
+	rows: null, // the top-to-bottom y coordinates. including the bottom of the last item
+	cols: null, // the left-to-right x coordinates. including the right of the last item
+
+	containerEl: null, // container element that all coordinates are constrained to. optionally assigned
+	minX: null,
+	maxX: null, // exclusive
+	minY: null,
+	maxY: null, // exclusive
+
+
+	// Queries the grid for the coordinates of all the cells
+	build: function() {
+		this.grid.buildCoords(
+			this.rows = [],
+			this.cols = []
+		);
+		this.computeBounds();
+	},
+
+
+	// Given a coordinate of the document, gets the associated cell. If no cell is underneath, returns null
+	getCell: function(x, y) {
+		var cell = null;
+		var rows = this.rows;
+		var cols = this.cols;
+		var r = -1;
+		var c = -1;
+		var i;
+
+		if (this.inBounds(x, y)) {
+
+			for (i = 0; i < rows.length; i++) {
+				if (y >= rows[i][0] && y < rows[i][1]) {
+					r = i;
+					break;
+				}
+			}
+
+			for (i = 0; i < cols.length; i++) {
+				if (x >= cols[i][0] && x < cols[i][1]) {
+					c = i;
+					break;
+				}
+			}
+
+			if (r >= 0 && c >= 0) {
+				cell = { row: r, col: c };
+				cell.grid = this.grid;
+				cell.date = this.grid.getCellDate(cell);
+			}
+		}
+
+		return cell;
+	},
+
+
+	// If there is a containerEl, compute the bounds into min/max values
+	computeBounds: function() {
+		var containerOffset;
+
+		if (this.containerEl) {
+			containerOffset = this.containerEl.offset();
+			this.minX = containerOffset.left;
+			this.maxX = containerOffset.left + this.containerEl.outerWidth();
+			this.minY = containerOffset.top;
+			this.maxY = containerOffset.top + this.containerEl.outerHeight();
+		}
+	},
+
+
+	// Determines if the given coordinates are in bounds. If no `containerEl`, always true
+	inBounds: function(x, y) {
+		if (this.containerEl) {
+			return x >= this.minX && x < this.maxX && y >= this.minY && y < this.maxY;
+		}
+		return true;
+	}
+
+};
+
+
+/* Coordinate map that is a combination of multiple other coordinate maps
+----------------------------------------------------------------------------------------------------------------------*/
+
+function ComboCoordMap(coordMaps) {
+	this.coordMaps = coordMaps;
+}
+
+
+ComboCoordMap.prototype = {
+
+	coordMaps: null, // an array of CoordMaps
+
+
+	// Builds all coordMaps
+	build: function() {
+		var coordMaps = this.coordMaps;
+		var i;
+
+		for (i = 0; i < coordMaps.length; i++) {
+			coordMaps[i].build();
+		}
+	},
+
+
+	// Queries all coordMaps for the cell underneath the given coordinates, returning the first result
+	getCell: function(x, y) {
+		var coordMaps = this.coordMaps;
+		var cell = null;
+		var i;
+
+		for (i = 0; i < coordMaps.length && !cell; i++) {
+			cell = coordMaps[i].getCell(x, y);
+		}
+
+		return cell;
+	}
+
+};
+
+;;
+
+/* Tracks mouse movements over a CoordMap and raises events about which cell the mouse is over.
+----------------------------------------------------------------------------------------------------------------------*/
+// TODO: very useful to have a handler that gets called upon cellOut OR when dragging stops (for cleanup)
+
+function DragListener(coordMap, options) {
+	this.coordMap = coordMap;
+	this.options = options || {};
+}
+
+
+DragListener.prototype = {
+
+	coordMap: null,
+	options: null,
+
+	isListening: false,
+	isDragging: false,
+
+	// the cell/date the mouse was over when listening started
+	origCell: null,
+	origDate: null,
+
+	// the cell/date the mouse is over
+	cell: null,
+	date: null,
+
+	// coordinates of the initial mousedown
+	mouseX0: null,
+	mouseY0: null,
+
+	// handler attached to the document, bound to the DragListener's `this`
+	mousemoveProxy: null,
+	mouseupProxy: null,
+
+	scrollEl: null,
+	scrollBounds: null, // { top, bottom, left, right }
+	scrollTopVel: null, // pixels per second
+	scrollLeftVel: null, // pixels per second
+	scrollIntervalId: null, // ID of setTimeout for scrolling animation loop
+	scrollHandlerProxy: null, // this-scoped function for handling when scrollEl is scrolled
+
+	scrollSensitivity: 30, // pixels from edge for scrolling to start
+	scrollSpeed: 200, // pixels per second, at maximum speed
+	scrollIntervalMs: 50, // millisecond wait between scroll increment
+
+
+	// Call this when the user does a mousedown. Will probably lead to startListening
+	mousedown: function(ev) {
+		if (isPrimaryMouseButton(ev)) {
+
+			ev.preventDefault(); // prevents native selection in most browsers
+
+			this.startListening(ev);
+
+			// start the drag immediately if there is no minimum distance for a drag start
+			if (!this.options.distance) {
+				this.startDrag(ev);
+			}
+		}
+	},
+
+
+	// Call this to start tracking mouse movements
+	startListening: function(ev) {
+		var scrollParent;
+		var cell;
+
+		if (!this.isListening) {
+
+			// grab scroll container and attach handler
+			if (ev && this.options.scroll) {
+				scrollParent = getScrollParent($(ev.target));
+				if (!scrollParent.is(window) && !scrollParent.is(document)) {
+					this.scrollEl = scrollParent;
+
+					// scope to `this`, and use `debounce` to make sure rapid calls don't happen
+					this.scrollHandlerProxy = debounce($.proxy(this, 'scrollHandler'), 100);
+					this.scrollEl.on('scroll', this.scrollHandlerProxy);
+				}
+			}
+
+			this.computeCoords(); // relies on `scrollEl`
+
+			// get info on the initial cell, date, and coordinates
+			if (ev) {
+				cell = this.getCell(ev);
+				this.origCell = cell;
+				this.origDate = cell ? cell.date : null;
+
+				this.mouseX0 = ev.pageX;
+				this.mouseY0 = ev.pageY;
+			}
+
+			$(document)
+				.on('mousemove', this.mousemoveProxy = $.proxy(this, 'mousemove'))
+				.on('mouseup', this.mouseupProxy = $.proxy(this, 'mouseup'))
+				.on('selectstart', this.preventDefault); // prevents native selection in IE<=8
+
+			this.isListening = true;
+			this.trigger('listenStart', ev);
+		}
+	},
+
+
+	// Recomputes the drag-critical positions of elements
+	computeCoords: function() {
+		this.coordMap.build();
+		this.computeScrollBounds();
+	},
+
+
+	// Called when the user moves the mouse
+	mousemove: function(ev) {
+		var minDistance;
+		var distanceSq; // current distance from mouseX0/mouseY0, squared
+
+		if (!this.isDragging) { // if not already dragging...
+			// then start the drag if the minimum distance criteria is met
+			minDistance = this.options.distance || 1;
+			distanceSq = Math.pow(ev.pageX - this.mouseX0, 2) + Math.pow(ev.pageY - this.mouseY0, 2);
+			if (distanceSq >= minDistance * minDistance) { // use pythagorean theorem
+				this.startDrag(ev);
+			}
+		}
+
+		if (this.isDragging) {
+			this.drag(ev); // report a drag, even if this mousemove initiated the drag
+		}
+	},
+
+
+	// Call this to initiate a legitimate drag.
+	// This function is called internally from this class, but can also be called explicitly from outside
+	startDrag: function(ev) {
+		var cell;
+
+		if (!this.isListening) { // startDrag must have manually initiated
+			this.startListening();
+		}
+
+		if (!this.isDragging) {
+			this.isDragging = true;
+			this.trigger('dragStart', ev);
+
+			// report the initial cell the mouse is over
+			cell = this.getCell(ev);
+			if (cell) {
+				this.cellOver(cell, true);
+			}
+		}
+	},
+
+
+	// Called while the mouse is being moved and when we know a legitimate drag is taking place
+	drag: function(ev) {
+		var cell;
+
+		if (this.isDragging) {
+			cell = this.getCell(ev);
+
+			if (!isCellsEqual(cell, this.cell)) { // a different cell than before?
+				if (this.cell) {
+					this.cellOut();
+				}
+				if (cell) {
+					this.cellOver(cell);
+				}
+			}
+
+			this.dragScroll(ev); // will possibly cause scrolling
+		}
+	},
+
+
+	// Called when a the mouse has just moved over a new cell
+	cellOver: function(cell) {
+		this.cell = cell;
+		this.date = cell.date;
+		this.trigger('cellOver', cell, cell.date);
+	},
+
+
+	// Called when the mouse has just moved out of a cell
+	cellOut: function() {
+		if (this.cell) {
+			this.trigger('cellOut', this.cell);
+			this.cell = null;
+			this.date = null;
+		}
+	},
+
+
+	// Called when the user does a mouseup
+	mouseup: function(ev) {
+		this.stopDrag(ev);
+		this.stopListening(ev);
+	},
+
+
+	// Called when the drag is over. Will not cause listening to stop however.
+	// A concluding 'cellOut' event will NOT be triggered.
+	stopDrag: function(ev) {
+		if (this.isDragging) {
+			this.stopScrolling();
+			this.trigger('dragStop', ev);
+			this.isDragging = false;
+		}
+	},
+
+
+	// Call this to stop listening to the user's mouse events
+	stopListening: function(ev) {
+		if (this.isListening) {
+
+			// remove the scroll handler if there is a scrollEl
+			if (this.scrollEl) {
+				this.scrollEl.off('scroll', this.scrollHandlerProxy);
+				this.scrollHandlerProxy = null;
+			}
+
+			$(document)
+				.off('mousemove', this.mousemoveProxy)
+				.off('mouseup', this.mouseupProxy)
+				.off('selectstart', this.preventDefault);
+
+			this.mousemoveProxy = null;
+			this.mouseupProxy = null;
+
+			this.isListening = false;
+			this.trigger('listenStop', ev);
+
+			this.origCell = this.cell = null;
+			this.origDate = this.date = null;
+		}
+	},
+
+
+	// Gets the cell underneath the coordinates for the given mouse event
+	getCell: function(ev) {
+		return this.coordMap.getCell(ev.pageX, ev.pageY);
+	},
+
+
+	// Triggers a callback. Calls a function in the option hash of the same name.
+	// Arguments beyond the first `name` are forwarded on.
+	trigger: function(name) {
+		if (this.options[name]) {
+			this.options[name].apply(this, Array.prototype.slice.call(arguments, 1));
+		}
+	},
+
+
+	// Stops a given mouse event from doing it's native browser action. In our case, text selection.
+	preventDefault: function(ev) {
+		ev.preventDefault();
+	},
+
+
+	/* Scrolling
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Computes and stores the bounding rectangle of scrollEl
+	computeScrollBounds: function() {
+		var el = this.scrollEl;
+		var offset;
+
+		if (el) {
+			offset = el.offset();
+			this.scrollBounds = {
+				top: offset.top,
+				left: offset.left,
+				bottom: offset.top + el.outerHeight(),
+				right: offset.left + el.outerWidth()
+			};
+		}
+	},
+
+
+	// Called when the dragging is in progress and scrolling should be updated
+	dragScroll: function(ev) {
+		var sensitivity = this.scrollSensitivity;
+		var bounds = this.scrollBounds;
+		var topCloseness, bottomCloseness;
+		var leftCloseness, rightCloseness;
+		var topVel = 0;
+		var leftVel = 0;
+
+		if (bounds) { // only scroll if scrollEl exists
+
+			// compute closeness to edges. valid range is from 0.0 - 1.0
+			topCloseness = (sensitivity - (ev.pageY - bounds.top)) / sensitivity;
+			bottomCloseness = (sensitivity - (bounds.bottom - ev.pageY)) / sensitivity;
+			leftCloseness = (sensitivity - (ev.pageX - bounds.left)) / sensitivity;
+			rightCloseness = (sensitivity - (bounds.right - ev.pageX)) / sensitivity;
+
+			// translate vertical closeness into velocity.
+			// mouse must be completely in bounds for velocity to happen.
+			if (topCloseness >= 0 && topCloseness <= 1) {
+				topVel = topCloseness * this.scrollSpeed * -1; // negative. for scrolling up
+			}
+			else if (bottomCloseness >= 0 && bottomCloseness <= 1) {
+				topVel = bottomCloseness * this.scrollSpeed;
+			}
+
+			// translate horizontal closeness into velocity
+			if (leftCloseness >= 0 && leftCloseness <= 1) {
+				leftVel = leftCloseness * this.scrollSpeed * -1; // negative. for scrolling left
+			}
+			else if (rightCloseness >= 0 && rightCloseness <= 1) {
+				leftVel = rightCloseness * this.scrollSpeed;
+			}
+		}
+
+		this.setScrollVel(topVel, leftVel);
+	},
+
+
+	// Sets the speed-of-scrolling for the scrollEl
+	setScrollVel: function(topVel, leftVel) {
+
+		this.scrollTopVel = topVel;
+		this.scrollLeftVel = leftVel;
+
+		this.constrainScrollVel(); // massages into realistic values
+
+		// if there is non-zero velocity, and an animation loop hasn't already started, then START
+		if ((this.scrollTopVel || this.scrollLeftVel) && !this.scrollIntervalId) {
+			this.scrollIntervalId = setInterval(
+				$.proxy(this, 'scrollIntervalFunc'), // scope to `this`
+				this.scrollIntervalMs
+			);
+		}
+	},
+
+
+	// Forces scrollTopVel and scrollLeftVel to be zero if scrolling has already gone all the way
+	constrainScrollVel: function() {
+		var el = this.scrollEl;
+
+		if (this.scrollTopVel < 0) { // scrolling up?
+			if (el.scrollTop() <= 0) { // already scrolled all the way up?
+				this.scrollTopVel = 0;
+			}
+		}
+		else if (this.scrollTopVel > 0) { // scrolling down?
+			if (el.scrollTop() + el[0].clientHeight >= el[0].scrollHeight) { // already scrolled all the way down?
+				this.scrollTopVel = 0;
+			}
+		}
+
+		if (this.scrollLeftVel < 0) { // scrolling left?
+			if (el.scrollLeft() <= 0) { // already scrolled all the left?
+				this.scrollLeftVel = 0;
+			}
+		}
+		else if (this.scrollLeftVel > 0) { // scrolling right?
+			if (el.scrollLeft() + el[0].clientWidth >= el[0].scrollWidth) { // already scrolled all the way right?
+				this.scrollLeftVel = 0;
+			}
+		}
+	},
+
+
+	// This function gets called during every iteration of the scrolling animation loop
+	scrollIntervalFunc: function() {
+		var el = this.scrollEl;
+		var frac = this.scrollIntervalMs / 1000; // considering animation frequency, what the vel should be mult'd by
+
+		// change the value of scrollEl's scroll
+		if (this.scrollTopVel) {
+			el.scrollTop(el.scrollTop() + this.scrollTopVel * frac);
+		}
+		if (this.scrollLeftVel) {
+			el.scrollLeft(el.scrollLeft() + this.scrollLeftVel * frac);
+		}
+
+		this.constrainScrollVel(); // since the scroll values changed, recompute the velocities
+
+		// if scrolled all the way, which causes the vels to be zero, stop the animation loop
+		if (!this.scrollTopVel && !this.scrollLeftVel) {
+			this.stopScrolling();
+		}
+	},
+
+
+	// Kills any existing scrolling animation loop
+	stopScrolling: function() {
+		if (this.scrollIntervalId) {
+			clearInterval(this.scrollIntervalId);
+			this.scrollIntervalId = null;
+
+			// when all done with scrolling, recompute positions since they probably changed
+			this.computeCoords();
+		}
+	},
+
+
+	// Get called when the scrollEl is scrolled (NOTE: this is delayed via debounce)
+	scrollHandler: function() {
+		// recompute all coordinates, but *only* if this is *not* part of our scrolling animation
+		if (!this.scrollIntervalId) {
+			this.computeCoords();
+		}
+	}
+
+};
+
+
+// Returns `true` if the cells are identically equal. `false` otherwise.
+// They must have the same row, col, and be from the same grid.
+// Two null values will be considered equal, as two "out of the grid" states are the same.
+function isCellsEqual(cell1, cell2) {
+
+	if (!cell1 && !cell2) {
+		return true;
+	}
+
+	if (cell1 && cell2) {
+		return cell1.grid === cell2.grid &&
+			cell1.row === cell2.row &&
+			cell1.col === cell2.col;
+	}
+
+	return false;
+}
+
+;;
+
+/* Creates a clone of an element and lets it track the mouse as it moves
+----------------------------------------------------------------------------------------------------------------------*/
+
+function MouseFollower(sourceEl, options) {
+	this.options = options = options || {};
+	this.sourceEl = sourceEl;
+	this.parentEl = options.parentEl ? $(options.parentEl) : sourceEl.parent(); // default to sourceEl's parent
+}
+
+
+MouseFollower.prototype = {
+
+	options: null,
+
+	sourceEl: null, // the element that will be cloned and made to look like it is dragging
+	el: null, // the clone of `sourceEl` that will track the mouse
+	parentEl: null, // the element that `el` (the clone) will be attached to
+
+	// the initial position of el, relative to the offset parent. made to match the initial offset of sourceEl
+	top0: null,
+	left0: null,
+
+	// the initial position of the mouse
+	mouseY0: null,
+	mouseX0: null,
+
+	// the number of pixels the mouse has moved from its initial position
+	topDelta: null,
+	leftDelta: null,
+
+	mousemoveProxy: null, // document mousemove handler, bound to the MouseFollower's `this`
+
+	isFollowing: false,
+	isHidden: false,
+	isAnimating: false, // doing the revert animation?
+
+
+	// Causes the element to start following the mouse
+	start: function(ev) {
+		if (!this.isFollowing) {
+			this.isFollowing = true;
+
+			this.mouseY0 = ev.pageY;
+			this.mouseX0 = ev.pageX;
+			this.topDelta = 0;
+			this.leftDelta = 0;
+
+			if (!this.isHidden) {
+				this.updatePosition();
+			}
+
+			$(document).on('mousemove', this.mousemoveProxy = $.proxy(this, 'mousemove'));
+		}
+	},
+
+
+	// Causes the element to stop following the mouse. If shouldRevert is true, will animate back to original position.
+	// `callback` gets invoked when the animation is complete. If no animation, it is invoked immediately.
+	stop: function(shouldRevert, callback) {
+		var _this = this;
+		var revertDuration = this.options.revertDuration;
+
+		function complete() {
+			this.isAnimating = false;
+			_this.destroyEl();
+
+			this.top0 = this.left0 = null; // reset state for future updatePosition calls
+
+			if (callback) {
+				callback();
+			}
+		}
+
+		if (this.isFollowing && !this.isAnimating) { // disallow more than one stop animation at a time
+			this.isFollowing = false;
+
+			$(document).off('mousemove', this.mousemoveProxy);
+
+			if (shouldRevert && revertDuration && !this.isHidden) { // do a revert animation?
+				this.isAnimating = true;
+				this.el.animate({
+					top: this.top0,
+					left: this.left0
+				}, {
+					duration: revertDuration,
+					complete: complete
+				});
+			}
+			else {
+				complete();
+			}
+		}
+	},
+
+
+	// Gets the tracking element. Create it if necessary
+	getEl: function() {
+		var el = this.el;
+
+		if (!el) {
+			this.sourceEl.width(); // hack to force IE8 to compute correct bounding box
+			el = this.el = this.sourceEl.clone()
+				.css({
+					position: 'absolute',
+					visibility: '', // in case original element was hidden (commonly through hideEvents())
+					display: this.isHidden ? 'none' : '', // for when initially hidden
+					margin: 0,
+					right: 'auto', // erase and set width instead
+					bottom: 'auto', // erase and set height instead
+					width: this.sourceEl.width(), // explicit height in case there was a 'right' value
+					height: this.sourceEl.height(), // explicit width in case there was a 'bottom' value
+					opacity: this.options.opacity || '',
+					zIndex: this.options.zIndex
+				})
+				.appendTo(this.parentEl);
+		}
+
+		return el;
+	},
+
+
+	// Removes the tracking element if it has already been created
+	destroyEl: function() {
+		if (this.el) {
+			this.el.remove();
+			this.el = null;
+		}
+	},
+
+
+	// Update the CSS position of the tracking element
+	updatePosition: function() {
+		var sourceOffset;
+		var origin;
+
+		this.getEl(); // ensure this.el
+
+		// make sure origin info was computed
+		if (this.top0 === null) {
+			this.sourceEl.width(); // hack to force IE8 to compute correct bounding box
+			sourceOffset = this.sourceEl.offset();
+			origin = this.el.offsetParent().offset();
+			this.top0 = sourceOffset.top - origin.top;
+			this.left0 = sourceOffset.left - origin.left;
+		}
+
+		this.el.css({
+			top: this.top0 + this.topDelta,
+			left: this.left0 + this.leftDelta
+		});
+	},
+
+
+	// Gets called when the user moves the mouse
+	mousemove: function(ev) {
+		this.topDelta = ev.pageY - this.mouseY0;
+		this.leftDelta = ev.pageX - this.mouseX0;
+
+		if (!this.isHidden) {
+			this.updatePosition();
+		}
+	},
+
+
+	// Temporarily makes the tracking element invisible. Can be called before following starts
+	hide: function() {
+		if (!this.isHidden) {
+			this.isHidden = true;
+			if (this.el) {
+				this.el.hide();
+			}
+		}
+	},
+
+
+	// Show the tracking element after it has been temporarily hidden
+	show: function() {
+		if (this.isHidden) {
+			this.isHidden = false;
+			this.updatePosition();
+			this.getEl().show();
+		}
+	}
+
+};
+
+;;
+
+/* A utility class for rendering <tr> rows.
+----------------------------------------------------------------------------------------------------------------------*/
+// It leverages methods of the subclass and the View to determine custom rendering behavior for each row "type"
+// (such as highlight rows, day rows, helper rows, etc).
+
+function RowRenderer(view) {
+	this.view = view;
+}
+
+
+RowRenderer.prototype = {
+
+	view: null, // a View object
+	cellHtml: '<td/>', // plain default HTML used for a cell when no other is available
+
+
+	// Renders the HTML for a row, leveraging custom cell-HTML-renderers based on the `rowType`.
+	// Also applies the "intro" and "outro" cells, which are specified by the subclass and views.
+	// `row` is an optional row number.
+	rowHtml: function(rowType, row) {
+		var view = this.view;
+		var renderCell = this.getHtmlRenderer('cell', rowType);
+		var cellHtml = '';
+		var col;
+		var date;
+
+		row = row || 0;
+
+		for (col = 0; col < view.colCnt; col++) {
+			date = view.cellToDate(row, col);
+			cellHtml += renderCell(row, col, date);
+		}
+
+		cellHtml = this.bookendCells(cellHtml, rowType, row); // apply intro and outro
+
+		return '<tr>' + cellHtml + '</tr>';
+	},
+
+
+	// Applies the "intro" and "outro" HTML to the given cells.
+	// Intro means the leftmost cell when the calendar is LTR and the rightmost cell when RTL. Vice-versa for outro.
+	// `cells` can be an HTML string of <td>'s or a jQuery <tr> element
+	// `row` is an optional row number.
+	bookendCells: function(cells, rowType, row) {
+		var view = this.view;
+		var intro = this.getHtmlRenderer('intro', rowType)(row || 0);
+		var outro = this.getHtmlRenderer('outro', rowType)(row || 0);
+		var isRTL = view.opt('isRTL');
+		var prependHtml = isRTL ? outro : intro;
+		var appendHtml = isRTL ? intro : outro;
+
+		if (typeof cells === 'string') {
+			return prependHtml + cells + appendHtml;
+		}
+		else { // a jQuery <tr> element
+			return cells.prepend(prependHtml).append(appendHtml);
+		}
+	},
+
+
+	// Returns an HTML-rendering function given a specific `rendererName` (like cell, intro, or outro) and a specific
+	// `rowType` (like day, eventSkeleton, helperSkeleton), which is optional.
+	// If a renderer for the specific rowType doesn't exist, it will fall back to a generic renderer.
+	// We will query the View object first for any custom rendering functions, then the methods of the subclass.
+	getHtmlRenderer: function(rendererName, rowType) {
+		var view = this.view;
+		var generalName; // like "cellHtml"
+		var specificName; // like "dayCellHtml". based on rowType
+		var provider; // either the View or the RowRenderer subclass, whichever provided the method
+		var renderer;
+
+		generalName = rendererName + 'Html';
+		if (rowType) {
+			specificName = rowType + capitaliseFirstLetter(rendererName) + 'Html';
+		}
+
+		if (specificName && (renderer = view[specificName])) {
+			provider = view;
+		}
+		else if (specificName && (renderer = this[specificName])) {
+			provider = this;
+		}
+		else if ((renderer = view[generalName])) {
+			provider = view;
+		}
+		else if ((renderer = this[generalName])) {
+			provider = this;
+		}
+
+		if (typeof renderer === 'function') {
+			return function() {
+				return renderer.apply(provider, arguments) || ''; // use correct `this` and always return a string
+			};
+		}
+
+		// the rendered can be a plain string as well. if not specified, always an empty string.
+		return function() {
+			return renderer || '';
+		};
+	}
+
+};
+
+;;
+
+/* An abstract class comprised of a "grid" of cells that each represent a specific datetime
+----------------------------------------------------------------------------------------------------------------------*/
+
+function Grid(view) {
+	RowRenderer.call(this, view); // call the super-constructor
+	this.coordMap = new GridCoordMap(this);
+	this.elsByFill = {};
+}
+
+
+Grid.prototype = createObject(RowRenderer.prototype); // declare the super-class
+$.extend(Grid.prototype, {
+
+	el: null, // the containing element
+	coordMap: null, // a GridCoordMap that converts pixel values to datetimes
+	cellDuration: null, // a cell's duration. subclasses must assign this ASAP
+	elsByFill: null, // a hash of jQuery element sets used for rendering each fill. Keyed by fill name.
+
+
+	// Renders the grid into the `el` element.
+	// Subclasses should override and call this super-method when done.
+	render: function() {
+		this.bindHandlers();
+	},
+
+
+	// Called when the grid's resources need to be cleaned up
+	destroy: function() {
+		// subclasses can implement
+	},
+
+
+	/* Coordinates & Cells
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Populates the given empty arrays with the y and x coordinates of the cells
+	buildCoords: function(rows, cols) {
+		// subclasses must implement
+	},
+
+
+	// Given a cell object, returns the date for that cell
+	getCellDate: function(cell) {
+		// subclasses must implement
+	},
+
+
+	// Given a cell object, returns the element that represents the cell's whole-day
+	getCellDayEl: function(cell) {
+		// subclasses must implement
+	},
+
+
+	// Converts a range with an inclusive `start` and an exclusive `end` into an array of segment objects
+	rangeToSegs: function(start, end) {
+		// subclasses must implement
+	},
+
+
+	/* Handlers
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Attach handlers to `this.el`, using bubbling to listen to all ancestors.
+	// We don't need to undo any of this in a "destroy" method, because the view will simply remove `this.el` from the
+	// DOM and jQuery will be smart enough to garbage collect the handlers.
+	bindHandlers: function() {
+		var _this = this;
+
+		this.el.on('mousedown', function(ev) {
+			if (
+				!$(ev.target).is('.fc-event-container *, .fc-more') && // not an an event element, or "more.." link
+				!$(ev.target).closest('.fc-popover').length // not on a popover (like the "more.." events one)
+			) {
+				_this.dayMousedown(ev);
+			}
+		});
+
+		this.bindSegHandlers(); // attach event-element-related handlers. in Grid.events.js
+	},
+
+
+	// Process a mousedown on an element that represents a day. For day clicking and selecting.
+	dayMousedown: function(ev) {
+		var _this = this;
+		var view = this.view;
+		var calendar = view.calendar;
+		var isSelectable = view.opt('selectable');
+		var dates = null; // the inclusive dates of the selection. will be null if no selection
+		var start; // the inclusive start of the selection
+		var end; // the *exclusive* end of the selection
+		var dayEl;
+
+		// this listener tracks a mousedown on a day element, and a subsequent drag.
+		// if the drag ends on the same day, it is a 'dayClick'.
+		// if 'selectable' is enabled, this listener also detects selections.
+		var dragListener = new DragListener(this.coordMap, {
+			//distance: 5, // needs more work if we want dayClick to fire correctly
+			scroll: view.opt('dragScroll'),
+			dragStart: function() {
+				view.unselect(); // since we could be rendering a new selection, we want to clear any old one
+			},
+			cellOver: function(cell, date) {
+				if (dragListener.origDate) { // click needs to have started on a cell
+
+					dayEl = _this.getCellDayEl(cell);
+
+					dates = [ date, dragListener.origDate ].sort(compareNumbers); // works with Moments
+					start = dates[0];
+					end = dates[1].clone().add(_this.cellDuration);
+
+					if (isSelectable) {
+						if (calendar.isSelectionAllowedInRange(start, end)) { // allowed to select within this range?
+							_this.renderSelection(start, end);
+						}
+						else {
+							dates = null; // flag for an invalid selection
+							disableCursor();
+						}
+					}
+				}
+			},
+			cellOut: function(cell, date) {
+				dates = null;
+				_this.destroySelection();
+				enableCursor();
+			},
+			listenStop: function(ev) {
+				if (dates) { // started and ended on a cell?
+					if (dates[0].isSame(dates[1])) {
+						view.trigger('dayClick', dayEl[0], start, ev);
+					}
+					if (isSelectable) {
+						// the selection will already have been rendered. just report it
+						view.reportSelection(start, end, ev);
+					}
+				}
+				enableCursor();
+			}
+		});
+
+		dragListener.mousedown(ev); // start listening, which will eventually initiate a dragStart
+	},
+
+
+	/* Event Dragging
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders a visual indication of a event being dragged over the given date(s).
+	// `end` can be null, as well as `seg`. See View's documentation on renderDrag for more info.
+	// A returned value of `true` signals that a mock "helper" event has been rendered.
+	renderDrag: function(start, end, seg) {
+		// subclasses must implement
+	},
+
+
+	// Unrenders a visual indication of an event being dragged
+	destroyDrag: function() {
+		// subclasses must implement
+	},
+
+
+	/* Event Resizing
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders a visual indication of an event being resized.
+	// `start` and `end` are the updated dates of the event. `seg` is the original segment object involved in the drag.
+	renderResize: function(start, end, seg) {
+		// subclasses must implement
+	},
+
+
+	// Unrenders a visual indication of an event being resized.
+	destroyResize: function() {
+		// subclasses must implement
+	},
+
+
+	/* Event Helper
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders a mock event over the given date(s).
+	// `end` can be null, in which case the mock event that is rendered will have a null end time.
+	// `sourceSeg` is the internal segment object involved in the drag. If null, something external is dragging.
+	renderRangeHelper: function(start, end, sourceSeg) {
+		var view = this.view;
+		var fakeEvent;
+
+		// compute the end time if forced to do so (this is what EventManager does)
+		if (!end && view.opt('forceEventDuration')) {
+			end = view.calendar.getDefaultEventEnd(!start.hasTime(), start);
+		}
+
+		fakeEvent = sourceSeg ? createObject(sourceSeg.event) : {}; // mask the original event object if possible
+		fakeEvent.start = start;
+		fakeEvent.end = end;
+		fakeEvent.allDay = !(start.hasTime() || (end && end.hasTime())); // freshly compute allDay
+
+		// this extra className will be useful for differentiating real events from mock events in CSS
+		fakeEvent.className = (fakeEvent.className || []).concat('fc-helper');
+
+		// if something external is being dragged in, don't render a resizer
+		if (!sourceSeg) {
+			fakeEvent.editable = false;
+		}
+
+		this.renderHelper(fakeEvent, sourceSeg); // do the actual rendering
+	},
+
+
+	// Renders a mock event
+	renderHelper: function(event, sourceSeg) {
+		// subclasses must implement
+	},
+
+
+	// Unrenders a mock event
+	destroyHelper: function() {
+		// subclasses must implement
+	},
+
+
+	/* Selection
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders a visual indication of a selection. Will highlight by default but can be overridden by subclasses.
+	renderSelection: function(start, end) {
+		this.renderHighlight(start, end);
+	},
+
+
+	// Unrenders any visual indications of a selection. Will unrender a highlight by default.
+	destroySelection: function() {
+		this.destroyHighlight();
+	},
+
+
+	/* Highlight
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders an emphasis on the given date range. `start` is inclusive. `end` is exclusive.
+	renderHighlight: function(start, end) {
+		this.renderFill('highlight', this.rangeToSegs(start, end));
+	},
+
+
+	// Unrenders the emphasis on a date range
+	destroyHighlight: function() {
+		this.destroyFill('highlight');
+	},
+
+
+	// Generates an array of classNames for rendering the highlight. Used by the fill system.
+	highlightSegClasses: function() {
+		return [ 'fc-highlight' ];
+	},
+
+
+	/* Fill System (highlight, background events, business hours)
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders a set of rectangles over the given segments of time.
+	// Returns a subset of segs, the segs that were actually rendered.
+	// Responsible for populating this.elsByFill
+	renderFill: function(type, segs) {
+		// subclasses must implement
+	},
+
+
+	// Unrenders a specific type of fill that is currently rendered on the grid
+	destroyFill: function(type) {
+		var el = this.elsByFill[type];
+
+		if (el) {
+			el.remove();
+			delete this.elsByFill[type];
+		}
+	},
+
+
+	// Renders and assigns an `el` property for each fill segment. Generic enough to work with different types.
+	// Only returns segments that successfully rendered.
+	// To be harnessed by renderFill (implemented by subclasses).
+	// Analagous to renderFgSegEls.
+	renderFillSegEls: function(type, segs) {
+		var _this = this;
+		var segElMethod = this[type + 'SegEl'];
+		var html = '';
+		var renderedSegs = [];
+		var i;
+
+		if (segs.length) {
+
+			// build a large concatenation of segment HTML
+			for (i = 0; i < segs.length; i++) {
+				html += this.fillSegHtml(type, segs[i]);
+			}
+
+			// Grab individual elements from the combined HTML string. Use each as the default rendering.
+			// Then, compute the 'el' for each segment.
+			$(html).each(function(i, node) {
+				var seg = segs[i];
+				var el = $(node);
+
+				// allow custom filter methods per-type
+				if (segElMethod) {
+					el = segElMethod.call(_this, seg, el);
+				}
+
+				if (el) { // custom filters did not cancel the render
+					el = $(el); // allow custom filter to return raw DOM node
+
+					// correct element type? (would be bad if a non-TD were inserted into a table for example)
+					if (el.is(_this.fillSegTag)) {
+						seg.el = el;
+						renderedSegs.push(seg);
+					}
+				}
+			});
+		}
+
+		return renderedSegs;
+	},
+
+
+	fillSegTag: 'div', // subclasses can override
+
+
+	// Builds the HTML needed for one fill segment. Generic enought o work with different types.
+	fillSegHtml: function(type, seg) {
+		var classesMethod = this[type + 'SegClasses']; // custom hooks per-type
+		var stylesMethod = this[type + 'SegStyles']; //
+		var classes = classesMethod ? classesMethod.call(this, seg) : [];
+		var styles = stylesMethod ? stylesMethod.call(this, seg) : ''; // a semi-colon separated CSS property string
+
+		return '<' + this.fillSegTag +
+			(classes.length ? ' class="' + classes.join(' ') + '"' : '') +
+			(styles ? ' style="' + styles + '"' : '') +
+			' />';
+	},
+
+
+	/* Generic rendering utilities for subclasses
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders a day-of-week header row
+	headHtml: function() {
+		return '' +
+			'<div class="fc-row ' + this.view.widgetHeaderClass + '">' +
+				'<table>' +
+					'<thead>' +
+						this.rowHtml('head') + // leverages RowRenderer
+					'</thead>' +
+				'</table>' +
+			'</div>';
+	},
+
+
+	// Used by the `headHtml` method, via RowRenderer, for rendering the HTML of a day-of-week header cell
+	headCellHtml: function(row, col, date) {
+		var view = this.view;
+		var calendar = view.calendar;
+		var colFormat = view.opt('columnFormat');
+
+		return '' +
+			'<th class="fc-day-header ' + view.widgetHeaderClass + ' fc-' + dayIDs[date.day()] + '">' +
+				htmlEscape(calendar.formatDate(date, colFormat)) +
+			'</th>';
+	},
+
+
+	// Renders the HTML for a single-day background cell
+	bgCellHtml: function(row, col, date) {
+		var view = this.view;
+		var classes = this.getDayClasses(date);
+
+		classes.unshift('fc-day', view.widgetContentClass);
+
+		return '<td class="' + classes.join(' ') + '" data-date="' + date.format() + '"></td>';
+	},
+
+
+	// Computes HTML classNames for a single-day cell
+	getDayClasses: function(date) {
+		var view = this.view;
+		var today = view.calendar.getNow().stripTime();
+		var classes = [ 'fc-' + dayIDs[date.day()] ];
+
+		if (
+			view.name === 'month' &&
+			date.month() != view.intervalStart.month()
+		) {
+			classes.push('fc-other-month');
+		}
+
+		if (date.isSame(today, 'day')) {
+			classes.push(
+				'fc-today',
+				view.highlightStateClass
+			);
+		}
+		else if (date < today) {
+			classes.push('fc-past');
+		}
+		else {
+			classes.push('fc-future');
+		}
+
+		return classes;
+	}
+
+});
+
+;;
+
+/* Event-rendering and event-interaction methods for the abstract Grid class
+----------------------------------------------------------------------------------------------------------------------*/
+
+$.extend(Grid.prototype, {
+
+	mousedOverSeg: null, // the segment object the user's mouse is over. null if over nothing
+	isDraggingSeg: false, // is a segment being dragged? boolean
+	isResizingSeg: false, // is a segment being resized? boolean
+	segs: null, // the event segments currently rendered in the grid
+
+
+	// Renders the given events onto the grid
+	renderEvents: function(events) {
+		var segs = this.eventsToSegs(events);
+		var bgSegs = [];
+		var fgSegs = [];
+		var i, seg;
+
+		for (i = 0; i < segs.length; i++) {
+			seg = segs[i];
+
+			if (isBgEvent(seg.event)) {
+				bgSegs.push(seg);
+			}
+			else {
+				fgSegs.push(seg);
+			}
+		}
+
+		// Render each different type of segment.
+		// Each function may return a subset of the segs, segs that were actually rendered.
+		bgSegs = this.renderBgSegs(bgSegs) || bgSegs;
+		fgSegs = this.renderFgSegs(fgSegs) || fgSegs;
+
+		this.segs = bgSegs.concat(fgSegs);
+	},
+
+
+	// Unrenders all events currently rendered on the grid
+	destroyEvents: function() {
+		this.triggerSegMouseout(); // trigger an eventMouseout if user's mouse is over an event
+
+		this.destroyFgSegs();
+		this.destroyBgSegs();
+
+		this.segs = null;
+	},
+
+
+	// Retrieves all rendered segment objects currently rendered on the grid
+	getSegs: function() {
+		return this.segs || [];
+	},
+
+
+	/* Foreground Segment Rendering
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders foreground event segments onto the grid. May return a subset of segs that were rendered.
+	renderFgSegs: function(segs) {
+		// subclasses must implement
+	},
+
+
+	// Unrenders all currently rendered foreground segments
+	destroyFgSegs: function() {
+		// subclasses must implement
+	},
+
+
+	// Renders and assigns an `el` property for each foreground event segment.
+	// Only returns segments that successfully rendered.
+	// A utility that subclasses may use.
+	renderFgSegEls: function(segs, disableResizing) {
+		var view = this.view;
+		var html = '';
+		var renderedSegs = [];
+		var i;
+
+		if (segs.length) { // don't build an empty html string
+
+			// build a large concatenation of event segment HTML
+			for (i = 0; i < segs.length; i++) {
+				html += this.fgSegHtml(segs[i], disableResizing);
+			}
+
+			// Grab individual elements from the combined HTML string. Use each as the default rendering.
+			// Then, compute the 'el' for each segment. An el might be null if the eventRender callback returned false.
+			$(html).each(function(i, node) {
+				var seg = segs[i];
+				var el = view.resolveEventEl(seg.event, $(node));
+
+				if (el) {
+					el.data('fc-seg', seg); // used by handlers
+					seg.el = el;
+					renderedSegs.push(seg);
+				}
+			});
+		}
+
+		return renderedSegs;
+	},
+
+
+	// Generates the HTML for the default rendering of a foreground event segment. Used by renderFgSegEls()
+	fgSegHtml: function(seg, disableResizing) {
+		// subclasses should implement
+	},
+
+
+	/* Background Segment Rendering
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders the given background event segments onto the grid.
+	// Returns a subset of the segs that were actually rendered.
+	renderBgSegs: function(segs) {
+		return this.renderFill('bgEvent', segs);
+	},
+
+
+	// Unrenders all the currently rendered background event segments
+	destroyBgSegs: function() {
+		this.destroyFill('bgEvent');
+	},
+
+
+	// Renders a background event element, given the default rendering. Called by the fill system.
+	bgEventSegEl: function(seg, el) {
+		return this.view.resolveEventEl(seg.event, el); // will filter through eventRender
+	},
+
+
+	// Generates an array of classNames to be used for the default rendering of a background event.
+	// Called by the fill system.
+	bgEventSegClasses: function(seg) {
+		var event = seg.event;
+		var source = event.source || {};
+
+		return [ 'fc-bgevent' ].concat(
+			event.className,
+			source.className || []
+		);
+	},
+
+
+	// Generates a semicolon-separated CSS string to be used for the default rendering of a background event.
+	// Called by the fill system.
+	// TODO: consolidate with getEventSkinCss?
+	bgEventSegStyles: function(seg) {
+		var view = this.view;
+		var event = seg.event;
+		var source = event.source || {};
+		var eventColor = event.color;
+		var sourceColor = source.color;
+		var optionColor = view.opt('eventColor');
+		var backgroundColor =
+			event.backgroundColor ||
+			eventColor ||
+			source.backgroundColor ||
+			sourceColor ||
+			view.opt('eventBackgroundColor') ||
+			optionColor;
+
+		if (backgroundColor) {
+			return 'background-color:' + backgroundColor;
+		}
+
+		return '';
+	},
+
+
+	// Generates an array of classNames to be used for the rendering business hours overlay. Called by the fill system.
+	businessHoursSegClasses: function(seg) {
+		return [ 'fc-nonbusiness', 'fc-bgevent' ];
+	},
+
+
+	/* Handlers
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Attaches event-element-related handlers to the container element and leverage bubbling
+	bindSegHandlers: function() {
+		var _this = this;
+		var view = this.view;
+
+		$.each(
+			{
+				mouseenter: function(seg, ev) {
+					_this.triggerSegMouseover(seg, ev);
+				},
+				mouseleave: function(seg, ev) {
+					_this.triggerSegMouseout(seg, ev);
+				},
+				click: function(seg, ev) {
+					return view.trigger('eventClick', this, seg.event, ev); // can return `false` to cancel
+				},
+				mousedown: function(seg, ev) {
+					if ($(ev.target).is('.fc-resizer') && view.isEventResizable(seg.event)) {
+						_this.segResizeMousedown(seg, ev);
+					}
+					else if (view.isEventDraggable(seg.event)) {
+						_this.segDragMousedown(seg, ev);
+					}
+				}
+			},
+			function(name, func) {
+				// attach the handler to the container element and only listen for real event elements via bubbling
+				_this.el.on(name, '.fc-event-container > *', function(ev) {
+					var seg = $(this).data('fc-seg'); // grab segment data. put there by View::renderEvents
+
+					// only call the handlers if there is not a drag/resize in progress
+					if (seg && !_this.isDraggingSeg && !_this.isResizingSeg) {
+						return func.call(this, seg, ev); // `this` will be the event element
+					}
+				});
+			}
+		);
+	},
+
+
+	// Updates internal state and triggers handlers for when an event element is moused over
+	triggerSegMouseover: function(seg, ev) {
+		if (!this.mousedOverSeg) {
+			this.mousedOverSeg = seg;
+			this.view.trigger('eventMouseover', seg.el[0], seg.event, ev);
+		}
+	},
+
+
+	// Updates internal state and triggers handlers for when an event element is moused out.
+	// Can be given no arguments, in which case it will mouseout the segment that was previously moused over.
+	triggerSegMouseout: function(seg, ev) {
+		ev = ev || {}; // if given no args, make a mock mouse event
+
+		if (this.mousedOverSeg) {
+			seg = seg || this.mousedOverSeg; // if given no args, use the currently moused-over segment
+			this.mousedOverSeg = null;
+			this.view.trigger('eventMouseout', seg.el[0], seg.event, ev);
+		}
+	},
+
+
+	/* Dragging
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Called when the user does a mousedown on an event, which might lead to dragging.
+	// Generic enough to work with any type of Grid.
+	segDragMousedown: function(seg, ev) {
+		var _this = this;
+		var view = this.view;
+		var calendar = view.calendar;
+		var el = seg.el;
+		var event = seg.event;
+		var newStart, newEnd;
+
+		// A clone of the original element that will move with the mouse
+		var mouseFollower = new MouseFollower(seg.el, {
+			parentEl: view.el,
+			opacity: view.opt('dragOpacity'),
+			revertDuration: view.opt('dragRevertDuration'),
+			zIndex: 2 // one above the .fc-view
+		});
+
+		// Tracks mouse movement over the *view's* coordinate map. Allows dragging and dropping between subcomponents
+		// of the view.
+		var dragListener = new DragListener(view.coordMap, {
+			distance: 5,
+			scroll: view.opt('dragScroll'),
+			listenStart: function(ev) {
+				mouseFollower.hide(); // don't show until we know this is a real drag
+				mouseFollower.start(ev);
+			},
+			dragStart: function(ev) {
+				_this.triggerSegMouseout(seg, ev); // ensure a mouseout on the manipulated event has been reported
+				_this.isDraggingSeg = true;
+				view.hideEvent(event); // hide all event segments. our mouseFollower will take over
+				view.trigger('eventDragStart', el[0], event, ev, {}); // last argument is jqui dummy
+			},
+			cellOver: function(cell, date) {
+				var origDate = seg.cellDate || dragListener.origDate;
+				var res = _this.computeDraggedEventDates(seg, origDate, date);
+				newStart = res.start;
+				newEnd = res.end;
+
+				if (calendar.isEventAllowedInRange(event, newStart, res.visibleEnd)) { // allowed to drop here?
+					if (view.renderDrag(newStart, newEnd, seg)) { // have the view render a visual indication
+						mouseFollower.hide(); // if the view is already using a mock event "helper", hide our own
+					}
+					else {
+						mouseFollower.show();
+					}
+				}
+				else {
+					// have the helper follow the mouse (no snapping) with a warning-style cursor
+					newStart = null; // mark an invalid drop date
+					mouseFollower.show();
+					disableCursor();
+				}
+			},
+			cellOut: function() { // called before mouse moves to a different cell OR moved out of all cells
+				newStart = null;
+				view.destroyDrag(); // unrender whatever was done in view.renderDrag
+				mouseFollower.show(); // show in case we are moving out of all cells
+				enableCursor();
+			},
+			dragStop: function(ev) {
+				var hasChanged = newStart && !newStart.isSame(event.start);
+
+				// do revert animation if hasn't changed. calls a callback when finished (whether animation or not)
+				mouseFollower.stop(!hasChanged, function() {
+					_this.isDraggingSeg = false;
+					view.destroyDrag();
+					view.showEvent(event);
+					view.trigger('eventDragStop', el[0], event, ev, {}); // last argument is jqui dummy
+
+					if (hasChanged) {
+						view.eventDrop(el[0], event, newStart, ev); // will rerender all events...
+					}
+				});
+
+				enableCursor();
+			},
+			listenStop: function() {
+				mouseFollower.stop(); // put in listenStop in case there was a mousedown but the drag never started
+			}
+		});
+
+		dragListener.mousedown(ev); // start listening, which will eventually lead to a dragStart
+	},
+
+
+	// Given a segment, the dates where a drag began and ended, calculates the Event Object's new start and end dates.
+	// Might return a `null` end (even when forceEventDuration is on).
+	computeDraggedEventDates: function(seg, dragStartDate, dropDate) {
+		var view = this.view;
+		var event = seg.event;
+		var start = event.start;
+		var end = view.calendar.getEventEnd(event);
+		var delta;
+		var newStart;
+		var newEnd;
+		var newAllDay;
+		var visibleEnd;
+
+		if (dropDate.hasTime() === dragStartDate.hasTime()) {
+			delta = dayishDiff(dropDate, dragStartDate);
+			newStart = start.clone().add(delta);
+			if (event.end === null) { // do we need to compute an end?
+				newEnd = null;
+			}
+			else {
+				newEnd = end.clone().add(delta);
+			}
+			newAllDay = event.allDay; // keep it the same
+		}
+		else {
+			// if switching from day <-> timed, start should be reset to the dropped date, and the end cleared
+			newStart = dropDate;
+			newEnd = null; // end should be cleared
+			newAllDay = !dropDate.hasTime();
+		}
+
+		// compute what the end date will appear to be
+		visibleEnd = newEnd || view.calendar.getDefaultEventEnd(newAllDay, newStart);
+
+		return { start: newStart, end: newEnd, visibleEnd: visibleEnd };
+	},
+
+
+	/* Resizing
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Called when the user does a mousedown on an event's resizer, which might lead to resizing.
+	// Generic enough to work with any type of Grid.
+	segResizeMousedown: function(seg, ev) {
+		var _this = this;
+		var view = this.view;
+		var calendar = view.calendar;
+		var el = seg.el;
+		var event = seg.event;
+		var start = event.start;
+		var end = view.calendar.getEventEnd(event);
+		var newEnd = null;
+		var dragListener;
+
+		function destroy() { // resets the rendering to show the original event
+			_this.destroyResize();
+			view.showEvent(event);
+		}
+
+		// Tracks mouse movement over the *grid's* coordinate map
+		dragListener = new DragListener(this.coordMap, {
+			distance: 5,
+			scroll: view.opt('dragScroll'),
+			dragStart: function(ev) {
+				_this.triggerSegMouseout(seg, ev); // ensure a mouseout on the manipulated event has been reported
+				_this.isResizingSeg = true;
+				view.trigger('eventResizeStart', el[0], event, ev, {}); // last argument is jqui dummy
+			},
+			cellOver: function(cell, date) {
+				// compute the new end. don't allow it to go before the event's start
+				if (date.isBefore(start)) { // allows comparing ambig to non-ambig
+					date = start;
+				}
+				newEnd = date.clone().add(_this.cellDuration); // make it an exclusive end
+
+				if (calendar.isEventAllowedInRange(event, start, newEnd)) { // allowed to be resized here?
+					if (newEnd.isSame(end)) {
+						newEnd = null; // mark an invalid resize
+						destroy();
+					}
+					else {
+						_this.renderResize(start, newEnd, seg);
+						view.hideEvent(event);
+					}
+				}
+				else {
+					newEnd = null; // mark an invalid resize
+					destroy();
+					disableCursor();
+				}
+			},
+			cellOut: function() { // called before mouse moves to a different cell OR moved out of all cells
+				newEnd = null;
+				destroy();
+				enableCursor();
+			},
+			dragStop: function(ev) {
+				_this.isResizingSeg = false;
+				destroy();
+				enableCursor();
+				view.trigger('eventResizeStop', el[0], event, ev, {}); // last argument is jqui dummy
+
+				if (newEnd) {
+					view.eventResize(el[0], event, newEnd, ev); // will rerender all events...
+				}
+			}
+		});
+
+		dragListener.mousedown(ev); // start listening, which will eventually lead to a dragStart
+	},
+
+
+	/* Rendering Utils
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Generic utility for generating the HTML classNames for an event segment's element
+	getSegClasses: function(seg, isDraggable, isResizable) {
+		var event = seg.event;
+		var classes = [
+			'fc-event',
+			seg.isStart ? 'fc-start' : 'fc-not-start',
+			seg.isEnd ? 'fc-end' : 'fc-not-end'
+		].concat(
+			event.className,
+			event.source ? event.source.className : []
+		);
+
+		if (isDraggable) {
+			classes.push('fc-draggable');
+		}
+		if (isResizable) {
+			classes.push('fc-resizable');
+		}
+
+		return classes;
+	},
+
+
+	// Utility for generating a CSS string with all the event skin-related properties
+	getEventSkinCss: function(event) {
+		var view = this.view;
+		var source = event.source || {};
+		var eventColor = event.color;
+		var sourceColor = source.color;
+		var optionColor = view.opt('eventColor');
+		var backgroundColor =
+			event.backgroundColor ||
+			eventColor ||
+			source.backgroundColor ||
+			sourceColor ||
+			view.opt('eventBackgroundColor') ||
+			optionColor;
+		var borderColor =
+			event.borderColor ||
+			eventColor ||
+			source.borderColor ||
+			sourceColor ||
+			view.opt('eventBorderColor') ||
+			optionColor;
+		var textColor =
+			event.textColor ||
+			source.textColor ||
+			view.opt('eventTextColor');
+		var statements = [];
+		if (backgroundColor) {
+			statements.push('background-color:' + backgroundColor);
+		}
+		if (borderColor) {
+			statements.push('border-color:' + borderColor);
+		}
+		if (textColor) {
+			statements.push('color:' + textColor);
+		}
+		return statements.join(';');
+	},
+
+
+	/* Converting events -> ranges -> segs
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Converts an array of event objects into an array of event segment objects.
+	// A custom `rangeToSegsFunc` may be given for arbitrarily slicing up events.
+	eventsToSegs: function(events, rangeToSegsFunc) {
+		var eventRanges = this.eventsToRanges(events);
+		var segs = [];
+		var i;
+
+		for (i = 0; i < eventRanges.length; i++) {
+			segs.push.apply(
+				segs,
+				this.eventRangeToSegs(eventRanges[i], rangeToSegsFunc)
+			);
+		}
+
+		return segs;
+	},
+
+
+	// Converts an array of events into an array of "range" objects.
+	// A "range" object is a plain object with start/end properties denoting the time it covers. Also an event property.
+	// For "normal" events, this will be identical to the event's start/end, but for "inverse-background" events,
+	// will create an array of ranges that span the time *not* covered by the given event.
+	eventsToRanges: function(events) {
+		var _this = this;
+		var eventsById = groupEventsById(events);
+		var ranges = [];
+
+		// group by ID so that related inverse-background events can be rendered together
+		$.each(eventsById, function(id, eventGroup) {
+			if (eventGroup.length) {
+				ranges.push.apply(
+					ranges,
+					isInverseBgEvent(eventGroup[0]) ?
+						_this.eventsToInverseRanges(eventGroup) :
+						_this.eventsToNormalRanges(eventGroup)
+				);
+			}
+		});
+
+		return ranges;
+	},
+
+
+	// Converts an array of "normal" events (not inverted rendering) into a parallel array of ranges
+	eventsToNormalRanges: function(events) {
+		var calendar = this.view.calendar;
+		var ranges = [];
+		var i, event;
+		var eventStart, eventEnd;
+
+		for (i = 0; i < events.length; i++) {
+			event = events[i];
+
+			// make copies and normalize by stripping timezone
+			eventStart = event.start.clone().stripZone();
+			eventEnd = calendar.getEventEnd(event).stripZone();
+
+			ranges.push({
+				event: event,
+				start: eventStart,
+				end: eventEnd,
+				eventStartMS: +eventStart,
+				eventDurationMS: eventEnd - eventStart
+			});
+		}
+
+		return ranges;
+	},
+
+
+	// Converts an array of events, with inverse-background rendering, into an array of range objects.
+	// The range objects will cover all the time NOT covered by the events.
+	eventsToInverseRanges: function(events) {
+		var view = this.view;
+		var viewStart = view.start.clone().stripZone(); // normalize timezone
+		var viewEnd = view.end.clone().stripZone(); // normalize timezone
+		var normalRanges = this.eventsToNormalRanges(events); // will give us normalized dates we can use w/o copies
+		var inverseRanges = [];
+		var event0 = events[0]; // assign this to each range's `.event`
+		var start = viewStart; // the end of the previous range. the start of the new range
+		var i, normalRange;
+
+		// ranges need to be in order. required for our date-walking algorithm
+		normalRanges.sort(compareNormalRanges);
+
+		for (i = 0; i < normalRanges.length; i++) {
+			normalRange = normalRanges[i];
+
+			// add the span of time before the event (if there is any)
+			if (normalRange.start > start) { // compare millisecond time (skip any ambig logic)
+				inverseRanges.push({
+					event: event0,
+					start: start,
+					end: normalRange.start
+				});
+			}
+
+			start = normalRange.end;
+		}
+
+		// add the span of time after the last event (if there is any)
+		if (start < viewEnd) { // compare millisecond time (skip any ambig logic)
+			inverseRanges.push({
+				event: event0,
+				start: start,
+				end: viewEnd
+			});
+		}
+
+		return inverseRanges;
+	},
+
+
+	// Slices the given event range into one or more segment objects.
+	// A `rangeToSegsFunc` custom slicing function can be given.
+	eventRangeToSegs: function(eventRange, rangeToSegsFunc) {
+		var segs;
+		var i, seg;
+
+		if (rangeToSegsFunc) {
+			segs = rangeToSegsFunc(eventRange.start, eventRange.end);
+		}
+		else {
+			segs = this.rangeToSegs(eventRange.start, eventRange.end); // defined by the subclass
+		}
+
+		for (i = 0; i < segs.length; i++) {
+			seg = segs[i];
+			seg.event = eventRange.event;
+			seg.eventStartMS = eventRange.eventStartMS;
+			seg.eventDurationMS = eventRange.eventDurationMS;
+		}
+
+		return segs;
+	}
+
+});
+
+
+/* Utilities
+----------------------------------------------------------------------------------------------------------------------*/
+
+
+function isBgEvent(event) { // returns true if background OR inverse-background
+	var rendering = getEventRendering(event);
+	return rendering === 'background' || rendering === 'inverse-background';
+}
+
+
+function isInverseBgEvent(event) {
+	return getEventRendering(event) === 'inverse-background';
+}
+
+
+function getEventRendering(event) {
+	return firstDefined((event.source || {}).rendering, event.rendering);
+}
+
+
+function groupEventsById(events) {
+	var eventsById = {};
+	var i, event;
+
+	for (i = 0; i < events.length; i++) {
+		event = events[i];
+		(eventsById[event._id] || (eventsById[event._id] = [])).push(event);
+	}
+
+	return eventsById;
+}
+
+
+// A cmp function for determining which non-inverted "ranges" (see above) happen earlier
+function compareNormalRanges(range1, range2) {
+	return range1.eventStartMS - range2.eventStartMS; // earlier ranges go first
+}
+
+
+// A cmp function for determining which segments should take visual priority
+// DOES NOT WORK ON INVERTED BACKGROUND EVENTS because they have no eventStartMS/eventDurationMS
+function compareSegs(seg1, seg2) {
+	return seg1.eventStartMS - seg2.eventStartMS || // earlier events go first
+		seg2.eventDurationMS - seg1.eventDurationMS || // tie? longer events go first
+		seg2.event.allDay - seg1.event.allDay || // tie? put all-day events first (booleans cast to 0/1)
+		(seg1.event.title || '').localeCompare(seg2.event.title); // tie? alphabetically by title
+}
+
+
+;;
+
+/* A component that renders a grid of whole-days that runs horizontally. There can be multiple rows, one per week.
+----------------------------------------------------------------------------------------------------------------------*/
+
+function DayGrid(view) {
+	Grid.call(this, view); // call the super-constructor
+}
+
+
+DayGrid.prototype = createObject(Grid.prototype); // declare the super-class
+$.extend(DayGrid.prototype, {
+
+	numbersVisible: false, // should render a row for day/week numbers? manually set by the view
+	cellDuration: moment.duration({ days: 1 }), // required for Grid.event.js. Each cell is always a single day
+	bottomCoordPadding: 0, // hack for extending the hit area for the last row of the coordinate grid
+
+	rowEls: null, // set of fake row elements
+	dayEls: null, // set of whole-day elements comprising the row's background
+	helperEls: null, // set of cell skeleton elements for rendering the mock event "helper"
+
+
+	// Renders the rows and columns into the component's `this.el`, which should already be assigned.
+	// isRigid determins whether the individual rows should ignore the contents and be a constant height.
+	// Relies on the view's colCnt and rowCnt. In the future, this component should probably be self-sufficient.
+	render: function(isRigid) {
+		var view = this.view;
+		var html = '';
+		var row;
+
+		for (row = 0; row < view.rowCnt; row++) {
+			html += this.dayRowHtml(row, isRigid);
+		}
+		this.el.html(html);
+
+		this.rowEls = this.el.find('.fc-row');
+		this.dayEls = this.el.find('.fc-day');
+
+		// run all the day cells through the dayRender callback
+		this.dayEls.each(function(i, node) {
+			var date = view.cellToDate(Math.floor(i / view.colCnt), i % view.colCnt);
+			view.trigger('dayRender', null, date, $(node));
+		});
+
+		Grid.prototype.render.call(this); // call the super-method
+	},
+
+
+	destroy: function() {
+		this.destroySegPopover();
+	},
+
+
+	// Generates the HTML for a single row. `row` is the row number.
+	dayRowHtml: function(row, isRigid) {
+		var view = this.view;
+		var classes = [ 'fc-row', 'fc-week', view.widgetContentClass ];
+
+		if (isRigid) {
+			classes.push('fc-rigid');
+		}
+
+		return '' +
+			'<div class="' + classes.join(' ') + '">' +
+				'<div class="fc-bg">' +
+					'<table>' +
+						this.rowHtml('day', row) + // leverages RowRenderer. calls dayCellHtml()
+					'</table>' +
+				'</div>' +
+				'<div class="fc-content-skeleton">' +
+					'<table>' +
+						(this.numbersVisible ?
+							'<thead>' +
+								this.rowHtml('number', row) + // leverages RowRenderer. View will define render method
+							'</thead>' :
+							''
+							) +
+					'</table>' +
+				'</div>' +
+			'</div>';
+	},
+
+
+	// Renders the HTML for a whole-day cell. Will eventually end up in the day-row's background.
+	// We go through a 'day' row type instead of just doing a 'bg' row type so that the View can do custom rendering
+	// specifically for whole-day rows, whereas a 'bg' might also be used for other purposes (TimeGrid bg for example).
+	dayCellHtml: function(row, col, date) {
+		return this.bgCellHtml(row, col, date);
+	},
+
+
+	/* Coordinates & Cells
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Populates the empty `rows` and `cols` arrays with coordinates of the cells. For CoordGrid.
+	buildCoords: function(rows, cols) {
+		var colCnt = this.view.colCnt;
+		var e, n, p;
+
+		this.dayEls.slice(0, colCnt).each(function(i, _e) { // iterate the first row of day elements
+			e = $(_e);
+			n = e.offset().left;
+			if (i) {
+				p[1] = n;
+			}
+			p = [ n ];
+			cols[i] = p;
+		});
+		p[1] = n + e.outerWidth();
+
+		this.rowEls.each(function(i, _e) {
+			e = $(_e);
+			n = e.offset().top;
+			if (i) {
+				p[1] = n;
+			}
+			p = [ n ];
+			rows[i] = p;
+		});
+		p[1] = n + e.outerHeight() + this.bottomCoordPadding; // hack to extend hit area of last row
+	},
+
+
+	// Converts a cell to a date
+	getCellDate: function(cell) {
+		return this.view.cellToDate(cell); // leverages the View's cell system
+	},
+
+
+	// Gets the whole-day element associated with the cell
+	getCellDayEl: function(cell) {
+		return this.dayEls.eq(cell.row * this.view.colCnt + cell.col);
+	},
+
+
+	// Converts a range with an inclusive `start` and an exclusive `end` into an array of segment objects
+	rangeToSegs: function(start, end) {
+		return this.view.rangeToSegments(start, end); // leverages the View's cell system
+	},
+
+
+	/* Event Drag Visualization
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders a visual indication of an event hovering over the given date(s).
+	// `end` can be null, as well as `seg`. See View's documentation on renderDrag for more info.
+	// A returned value of `true` signals that a mock "helper" event has been rendered.
+	renderDrag: function(start, end, seg) {
+		var opacity;
+
+		// always render a highlight underneath
+		this.renderHighlight(
+			start,
+			end || this.view.calendar.getDefaultEventEnd(true, start)
+		);
+
+		// if a segment from the same calendar but another component is being dragged, render a helper event
+		if (seg && !seg.el.closest(this.el).length) {
+
+			this.renderRangeHelper(start, end, seg);
+
+			opacity = this.view.opt('dragOpacity');
+			if (opacity !== undefined) {
+				this.helperEls.css('opacity', opacity);
+			}
+
+			return true; // a helper has been rendered
+		}
+	},
+
+
+	// Unrenders any visual indication of a hovering event
+	destroyDrag: function() {
+		this.destroyHighlight();
+		this.destroyHelper();
+	},
+
+
+	/* Event Resize Visualization
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders a visual indication of an event being resized
+	renderResize: function(start, end, seg) {
+		this.renderHighlight(start, end);
+		this.renderRangeHelper(start, end, seg);
+	},
+
+
+	// Unrenders a visual indication of an event being resized
+	destroyResize: function() {
+		this.destroyHighlight();
+		this.destroyHelper();
+	},
+
+
+	/* Event Helper
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders a mock "helper" event. `sourceSeg` is the associated internal segment object. It can be null.
+	renderHelper: function(event, sourceSeg) {
+		var helperNodes = [];
+		var segs = this.eventsToSegs([ event ]);
+		var rowStructs;
+
+		segs = this.renderFgSegEls(segs); // assigns each seg's el and returns a subset of segs that were rendered
+		rowStructs = this.renderSegRows(segs);
+
+		// inject each new event skeleton into each associated row
+		this.rowEls.each(function(row, rowNode) {
+			var rowEl = $(rowNode); // the .fc-row
+			var skeletonEl = $('<div class="fc-helper-skeleton"><table/></div>'); // will be absolutely positioned
+			var skeletonTop;
+
+			// If there is an original segment, match the top position. Otherwise, put it at the row's top level
+			if (sourceSeg && sourceSeg.row === row) {
+				skeletonTop = sourceSeg.el.position().top;
+			}
+			else {
+				skeletonTop = rowEl.find('.fc-content-skeleton tbody').position().top;
+			}
+
+			skeletonEl.css('top', skeletonTop)
+				.find('table')
+					.append(rowStructs[row].tbodyEl);
+
+			rowEl.append(skeletonEl);
+			helperNodes.push(skeletonEl[0]);
+		});
+
+		this.helperEls = $(helperNodes); // array -> jQuery set
+	},
+
+
+	// Unrenders any visual indication of a mock helper event
+	destroyHelper: function() {
+		if (this.helperEls) {
+			this.helperEls.remove();
+			this.helperEls = null;
+		}
+	},
+
+
+	/* Fill System (highlight, background events, business hours)
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	fillSegTag: 'td', // override the default tag name
+
+
+	// Renders a set of rectangles over the given segments of days.
+	// Only returns segments that successfully rendered.
+	renderFill: function(type, segs) {
+		var nodes = [];
+		var i, seg;
+		var skeletonEl;
+
+		segs = this.renderFillSegEls(type, segs); // assignes `.el` to each seg. returns successfully rendered segs
+
+		for (i = 0; i < segs.length; i++) {
+			seg = segs[i];
+			skeletonEl = this.renderFillRow(type, seg);
+			this.rowEls.eq(seg.row).append(skeletonEl);
+			nodes.push(skeletonEl[0]);
+		}
+
+		this.elsByFill[type] = $(nodes);
+
+		return segs;
+	},
+
+
+	// Generates the HTML needed for one row of a fill. Requires the seg's el to be rendered.
+	renderFillRow: function(type, seg) {
+		var colCnt = this.view.colCnt;
+		var startCol = seg.leftCol;
+		var endCol = seg.rightCol + 1;
+		var skeletonEl;
+		var trEl;
+
+		skeletonEl = $(
+			'<div class="fc-' + type.toLowerCase() + '-skeleton">' +
+				'<table><tr/></table>' +
+			'</div>'
+		);
+		trEl = skeletonEl.find('tr');
+
+		if (startCol > 0) {
+			trEl.append('<td colspan="' + startCol + '"/>');
+		}
+
+		trEl.append(
+			seg.el.attr('colspan', endCol - startCol)
+		);
+
+		if (endCol < colCnt) {
+			trEl.append('<td colspan="' + (colCnt - endCol) + '"/>');
+		}
+
+		this.bookendCells(trEl, type);
+
+		return skeletonEl;
+	}
+
+});
+
+;;
+
+/* Event-rendering methods for the DayGrid class
+----------------------------------------------------------------------------------------------------------------------*/
+
+$.extend(DayGrid.prototype, {
+
+	rowStructs: null, // an array of objects, each holding information about a row's foreground event-rendering
+
+
+	// Unrenders all events currently rendered on the grid
+	destroyEvents: function() {
+		this.destroySegPopover(); // removes the "more.." events popover
+		Grid.prototype.destroyEvents.apply(this, arguments); // calls the super-method
+	},
+
+
+	// Retrieves all rendered segment objects currently rendered on the grid
+	getSegs: function() {
+		return Grid.prototype.getSegs.call(this) // get the segments from the super-method
+			.concat(this.popoverSegs || []); // append the segments from the "more..." popover
+	},
+
+
+	// Renders the given background event segments onto the grid
+	renderBgSegs: function(segs) {
+
+		// don't render timed background events
+		var allDaySegs = $.grep(segs, function(seg) {
+			return seg.event.allDay;
+		});
+
+		return Grid.prototype.renderBgSegs.call(this, allDaySegs); // call the super-method
+	},
+
+
+	// Renders the given foreground event segments onto the grid
+	renderFgSegs: function(segs) {
+		var rowStructs;
+
+		// render an `.el` on each seg
+		// returns a subset of the segs. segs that were actually rendered
+		segs = this.renderFgSegEls(segs);
+
+		rowStructs = this.rowStructs = this.renderSegRows(segs);
+
+		// append to each row's content skeleton
+		this.rowEls.each(function(i, rowNode) {
+			$(rowNode).find('.fc-content-skeleton > table').append(
+				rowStructs[i].tbodyEl
+			);
+		});
+
+		return segs; // return only the segs that were actually rendered
+	},
+
+
+	// Unrenders all currently rendered foreground event segments
+	destroyFgSegs: function() {
+		var rowStructs = this.rowStructs || [];
+		var rowStruct;
+
+		while ((rowStruct = rowStructs.pop())) {
+			rowStruct.tbodyEl.remove();
+		}
+
+		this.rowStructs = null;
+	},
+
+
+	// Uses the given events array to generate <tbody> elements that should be appended to each row's content skeleton.
+	// Returns an array of rowStruct objects (see the bottom of `renderSegRow`).
+	// PRECONDITION: each segment shoud already have a rendered and assigned `.el`
+	renderSegRows: function(segs) {
+		var rowStructs = [];
+		var segRows;
+		var row;
+
+		segRows = this.groupSegRows(segs); // group into nested arrays
+
+		// iterate each row of segment groupings
+		for (row = 0; row < segRows.length; row++) {
+			rowStructs.push(
+				this.renderSegRow(row, segRows[row])
+			);
+		}
+
+		return rowStructs;
+	},
+
+
+	// Builds the HTML to be used for the default element for an individual segment
+	fgSegHtml: function(seg, disableResizing) {
+		var view = this.view;
+		var isRTL = view.opt('isRTL');
+		var event = seg.event;
+		var isDraggable = view.isEventDraggable(event);
+		var isResizable = !disableResizing && event.allDay && seg.isEnd && view.isEventResizable(event);
+		var classes = this.getSegClasses(seg, isDraggable, isResizable);
+		var skinCss = this.getEventSkinCss(event);
+		var timeHtml = '';
+		var titleHtml;
+
+		classes.unshift('fc-day-grid-event');
+
+		// Only display a timed events time if it is the starting segment
+		if (!event.allDay && seg.isStart) {
+			timeHtml = '<span class="fc-time">' + htmlEscape(view.getEventTimeText(event)) + '</span>';
+		}
+
+		titleHtml =
+			'<span class="fc-title">' +
+				(htmlEscape(event.title || '') || '&nbsp;') + // we always want one line of height
+			'</span>';
+		
+		return '<a class="' + classes.join(' ') + '"' +
+				(event.url ?
+					' href="' + htmlEscape(event.url) + '"' :
+					''
+					) +
+				(skinCss ?
+					' style="' + skinCss + '"' :
+					''
+					) +
+			'>' +
+				'<div class="fc-content">' +
+					(isRTL ?
+						titleHtml + ' ' + timeHtml : // put a natural space in between
+						timeHtml + ' ' + titleHtml   //
+						) +
+				'</div>' +
+				(isResizable ?
+					'<div class="fc-resizer"/>' :
+					''
+					) +
+			'</a>';
+	},
+
+
+	// Given a row # and an array of segments all in the same row, render a <tbody> element, a skeleton that contains
+	// the segments. Returns object with a bunch of internal data about how the render was calculated.
+	renderSegRow: function(row, rowSegs) {
+		var view = this.view;
+		var colCnt = view.colCnt;
+		var segLevels = this.buildSegLevels(rowSegs); // group into sub-arrays of levels
+		var levelCnt = Math.max(1, segLevels.length); // ensure at least one level
+		var tbody = $('<tbody/>');
+		var segMatrix = []; // lookup for which segments are rendered into which level+col cells
+		var cellMatrix = []; // lookup for all <td> elements of the level+col matrix
+		var loneCellMatrix = []; // lookup for <td> elements that only take up a single column
+		var i, levelSegs;
+		var col;
+		var tr;
+		var j, seg;
+		var td;
+
+		// populates empty cells from the current column (`col`) to `endCol`
+		function emptyCellsUntil(endCol) {
+			while (col < endCol) {
+				// try to grab a cell from the level above and extend its rowspan. otherwise, create a fresh cell
+				td = (loneCellMatrix[i - 1] || [])[col];
+				if (td) {
+					td.attr(
+						'rowspan',
+						parseInt(td.attr('rowspan') || 1, 10) + 1
+					);
+				}
+				else {
+					td = $('<td/>');
+					tr.append(td);
+				}
+				cellMatrix[i][col] = td;
+				loneCellMatrix[i][col] = td;
+				col++;
+			}
+		}
+
+		for (i = 0; i < levelCnt; i++) { // iterate through all levels
+			levelSegs = segLevels[i];
+			col = 0;
+			tr = $('<tr/>');
+
+			segMatrix.push([]);
+			cellMatrix.push([]);
+			loneCellMatrix.push([]);
+
+			// levelCnt might be 1 even though there are no actual levels. protect against this.
+			// this single empty row is useful for styling.
+			if (levelSegs) {
+				for (j = 0; j < levelSegs.length; j++) { // iterate through segments in level
+					seg = levelSegs[j];
+
+					emptyCellsUntil(seg.leftCol);
+
+					// create a container that occupies or more columns. append the event element.
+					td = $('<td class="fc-event-container"/>').append(seg.el);
+					if (seg.leftCol != seg.rightCol) {
+						td.attr('colspan', seg.rightCol - seg.leftCol + 1);
+					}
+					else { // a single-column segment
+						loneCellMatrix[i][col] = td;
+					}
+
+					while (col <= seg.rightCol) {
+						cellMatrix[i][col] = td;
+						segMatrix[i][col] = seg;
+						col++;
+					}
+
+					tr.append(td);
+				}
+			}
+
+			emptyCellsUntil(colCnt); // finish off the row
+			this.bookendCells(tr, 'eventSkeleton');
+			tbody.append(tr);
+		}
+
+		return { // a "rowStruct"
+			row: row, // the row number
+			tbodyEl: tbody,
+			cellMatrix: cellMatrix,
+			segMatrix: segMatrix,
+			segLevels: segLevels,
+			segs: rowSegs
+		};
+	},
+
+
+	// Stacks a flat array of segments, which are all assumed to be in the same row, into subarrays of vertical levels.
+	buildSegLevels: function(segs) {
+		var levels = [];
+		var i, seg;
+		var j;
+
+		// Give preference to elements with certain criteria, so they have
+		// a chance to be closer to the top.
+		segs.sort(compareSegs);
+		
+		for (i = 0; i < segs.length; i++) {
+			seg = segs[i];
+
+			// loop through levels, starting with the topmost, until the segment doesn't collide with other segments
+			for (j = 0; j < levels.length; j++) {
+				if (!isDaySegCollision(seg, levels[j])) {
+					break;
+				}
+			}
+			// `j` now holds the desired subrow index
+			seg.level = j;
+
+			// create new level array if needed and append segment
+			(levels[j] || (levels[j] = [])).push(seg);
+		}
+
+		// order segments left-to-right. very important if calendar is RTL
+		for (j = 0; j < levels.length; j++) {
+			levels[j].sort(compareDaySegCols);
+		}
+
+		return levels;
+	},
+
+
+	// Given a flat array of segments, return an array of sub-arrays, grouped by each segment's row
+	groupSegRows: function(segs) {
+		var view = this.view;
+		var segRows = [];
+		var i;
+
+		for (i = 0; i < view.rowCnt; i++) {
+			segRows.push([]);
+		}
+
+		for (i = 0; i < segs.length; i++) {
+			segRows[segs[i].row].push(segs[i]);
+		}
+
+		return segRows;
+	}
+
+});
+
+
+// Computes whether two segments' columns collide. They are assumed to be in the same row.
+function isDaySegCollision(seg, otherSegs) {
+	var i, otherSeg;
+
+	for (i = 0; i < otherSegs.length; i++) {
+		otherSeg = otherSegs[i];
+
+		if (
+			otherSeg.leftCol <= seg.rightCol &&
+			otherSeg.rightCol >= seg.leftCol
+		) {
+			return true;
+		}
+	}
+
+	return false;
+}
+
+
+// A cmp function for determining the leftmost event
+function compareDaySegCols(a, b) {
+	return a.leftCol - b.leftCol;
+}
+
+;;
+
+/* Methods relate to limiting the number events for a given day on a DayGrid
+----------------------------------------------------------------------------------------------------------------------*/
+// NOTE: all the segs being passed around in here are foreground segs
+
+$.extend(DayGrid.prototype, {
+
+
+	segPopover: null, // the Popover that holds events that can't fit in a cell. null when not visible
+	popoverSegs: null, // an array of segment objects that the segPopover holds. null when not visible
+
+
+	destroySegPopover: function() {
+		if (this.segPopover) {
+			this.segPopover.hide(); // will trigger destruction of `segPopover` and `popoverSegs`
+		}
+	},
+
+
+	// Limits the number of "levels" (vertically stacking layers of events) for each row of the grid.
+	// `levelLimit` can be false (don't limit), a number, or true (should be computed).
+	limitRows: function(levelLimit) {
+		var rowStructs = this.rowStructs || [];
+		var row; // row #
+		var rowLevelLimit;
+
+		for (row = 0; row < rowStructs.length; row++) {
+			this.unlimitRow(row);
+
+			if (!levelLimit) {
+				rowLevelLimit = false;
+			}
+			else if (typeof levelLimit === 'number') {
+				rowLevelLimit = levelLimit;
+			}
+			else {
+				rowLevelLimit = this.computeRowLevelLimit(row);
+			}
+
+			if (rowLevelLimit !== false) {
+				this.limitRow(row, rowLevelLimit);
+			}
+		}
+	},
+
+
+	// Computes the number of levels a row will accomodate without going outside its bounds.
+	// Assumes the row is "rigid" (maintains a constant height regardless of what is inside).
+	// `row` is the row number.
+	computeRowLevelLimit: function(row) {
+		var rowEl = this.rowEls.eq(row); // the containing "fake" row div
+		var rowHeight = rowEl.height(); // TODO: cache somehow?
+		var trEls = this.rowStructs[row].tbodyEl.children();
+		var i, trEl;
+
+		// Reveal one level <tr> at a time and stop when we find one out of bounds
+		for (i = 0; i < trEls.length; i++) {
+			trEl = trEls.eq(i).removeClass('fc-limited'); // get and reveal
+			if (trEl.position().top + trEl.outerHeight() > rowHeight) {
+				return i;
+			}
+		}
+
+		return false; // should not limit at all
+	},
+
+
+	// Limits the given grid row to the maximum number of levels and injects "more" links if necessary.
+	// `row` is the row number.
+	// `levelLimit` is a number for the maximum (inclusive) number of levels allowed.
+	limitRow: function(row, levelLimit) {
+		var _this = this;
+		var view = this.view;
+		var rowStruct = this.rowStructs[row];
+		var moreNodes = []; // array of "more" <a> links and <td> DOM nodes
+		var col = 0; // col #
+		var cell;
+		var levelSegs; // array of segment objects in the last allowable level, ordered left-to-right
+		var cellMatrix; // a matrix (by level, then column) of all <td> jQuery elements in the row
+		var limitedNodes; // array of temporarily hidden level <tr> and segment <td> DOM nodes
+		var i, seg;
+		var segsBelow; // array of segment objects below `seg` in the current `col`
+		var totalSegsBelow; // total number of segments below `seg` in any of the columns `seg` occupies
+		var colSegsBelow; // array of segment arrays, below seg, one for each column (offset from segs's first column)
+		var td, rowspan;
+		var segMoreNodes; // array of "more" <td> cells that will stand-in for the current seg's cell
+		var j;
+		var moreTd, moreWrap, moreLink;
+
+		// Iterates through empty level cells and places "more" links inside if need be
+		function emptyCellsUntil(endCol) { // goes from current `col` to `endCol`
+			while (col < endCol) {
+				cell = { row: row, col: col };
+				segsBelow = _this.getCellSegs(cell, levelLimit);
+				if (segsBelow.length) {
+					td = cellMatrix[levelLimit - 1][col];
+					moreLink = _this.renderMoreLink(cell, segsBelow);
+					moreWrap = $('<div/>').append(moreLink);
+					td.append(moreWrap);
+					moreNodes.push(moreWrap[0]);
+				}
+				col++;
+			}
+		}
+
+		if (levelLimit && levelLimit < rowStruct.segLevels.length) { // is it actually over the limit?
+			levelSegs = rowStruct.segLevels[levelLimit - 1];
+			cellMatrix = rowStruct.cellMatrix;
+
+			limitedNodes = rowStruct.tbodyEl.children().slice(levelLimit) // get level <tr> elements past the limit
+				.addClass('fc-limited').get(); // hide elements and get a simple DOM-nodes array
+
+			// iterate though segments in the last allowable level
+			for (i = 0; i < levelSegs.length; i++) {
+				seg = levelSegs[i];
+				emptyCellsUntil(seg.leftCol); // process empty cells before the segment
+
+				// determine *all* segments below `seg` that occupy the same columns
+				colSegsBelow = [];
+				totalSegsBelow = 0;
+				while (col <= seg.rightCol) {
+					cell = { row: row, col: col };
+					segsBelow = this.getCellSegs(cell, levelLimit);
+					colSegsBelow.push(segsBelow);
+					totalSegsBelow += segsBelow.length;
+					col++;
+				}
+
+				if (totalSegsBelow) { // do we need to replace this segment with one or many "more" links?
+					td = cellMatrix[levelLimit - 1][seg.leftCol]; // the segment's parent cell
+					rowspan = td.attr('rowspan') || 1;
+					segMoreNodes = [];
+
+					// make a replacement <td> for each column the segment occupies. will be one for each colspan
+					for (j = 0; j < colSegsBelow.length; j++) {
+						moreTd = $('<td class="fc-more-cell"/>').attr('rowspan', rowspan);
+						segsBelow = colSegsBelow[j];
+						cell = { row: row, col: seg.leftCol + j };
+						moreLink = this.renderMoreLink(cell, [ seg ].concat(segsBelow)); // count seg as hidden too
+						moreWrap = $('<div/>').append(moreLink);
+						moreTd.append(moreWrap);
+						segMoreNodes.push(moreTd[0]);
+						moreNodes.push(moreTd[0]);
+					}
+
+					td.addClass('fc-limited').after($(segMoreNodes)); // hide original <td> and inject replacements
+					limitedNodes.push(td[0]);
+				}
+			}
+
+			emptyCellsUntil(view.colCnt); // finish off the level
+			rowStruct.moreEls = $(moreNodes); // for easy undoing later
+			rowStruct.limitedEls = $(limitedNodes); // for easy undoing later
+		}
+	},
+
+
+	// Reveals all levels and removes all "more"-related elements for a grid's row.
+	// `row` is a row number.
+	unlimitRow: function(row) {
+		var rowStruct = this.rowStructs[row];
+
+		if (rowStruct.moreEls) {
+			rowStruct.moreEls.remove();
+			rowStruct.moreEls = null;
+		}
+
+		if (rowStruct.limitedEls) {
+			rowStruct.limitedEls.removeClass('fc-limited');
+			rowStruct.limitedEls = null;
+		}
+	},
+
+
+	// Renders an <a> element that represents hidden event element for a cell.
+	// Responsible for attaching click handler as well.
+	renderMoreLink: function(cell, hiddenSegs) {
+		var _this = this;
+		var view = this.view;
+
+		return $('<a class="fc-more"/>')
+			.text(
+				this.getMoreLinkText(hiddenSegs.length)
+			)
+			.on('click', function(ev) {
+				var clickOption = view.opt('eventLimitClick');
+				var date = view.cellToDate(cell);
+				var moreEl = $(this);
+				var dayEl = _this.getCellDayEl(cell);
+				var allSegs = _this.getCellSegs(cell);
+
+				// rescope the segments to be within the cell's date
+				var reslicedAllSegs = _this.resliceDaySegs(allSegs, date);
+				var reslicedHiddenSegs = _this.resliceDaySegs(hiddenSegs, date);
+
+				if (typeof clickOption === 'function') {
+					// the returned value can be an atomic option
+					clickOption = view.trigger('eventLimitClick', null, {
+						date: date,
+						dayEl: dayEl,
+						moreEl: moreEl,
+						segs: reslicedAllSegs,
+						hiddenSegs: reslicedHiddenSegs
+					}, ev);
+				}
+
+				if (clickOption === 'popover') {
+					_this.showSegPopover(date, cell, moreEl, reslicedAllSegs);
+				}
+				else if (typeof clickOption === 'string') { // a view name
+					view.calendar.zoomTo(date, clickOption);
+				}
+			});
+	},
+
+
+	// Reveals the popover that displays all events within a cell
+	showSegPopover: function(date, cell, moreLink, segs) {
+		var _this = this;
+		var view = this.view;
+		var moreWrap = moreLink.parent(); // the <div> wrapper around the <a>
+		var topEl; // the element we want to match the top coordinate of
+		var options;
+
+		if (view.rowCnt == 1) {
+			topEl = this.view.el; // will cause the popover to cover any sort of header
+		}
+		else {
+			topEl = this.rowEls.eq(cell.row); // will align with top of row
+		}
+
+		options = {
+			className: 'fc-more-popover',
+			content: this.renderSegPopoverContent(date, segs),
+			parentEl: this.el,
+			top: topEl.offset().top,
+			autoHide: true, // when the user clicks elsewhere, hide the popover
+			viewportConstrain: view.opt('popoverViewportConstrain'),
+			hide: function() {
+				// destroy everything when the popover is hidden
+				_this.segPopover.destroy();
+				_this.segPopover = null;
+				_this.popoverSegs = null;
+			}
+		};
+
+		// Determine horizontal coordinate.
+		// We use the moreWrap instead of the <td> to avoid border confusion.
+		if (view.opt('isRTL')) {
+			options.right = moreWrap.offset().left + moreWrap.outerWidth() + 1; // +1 to be over cell border
+		}
+		else {
+			options.left = moreWrap.offset().left - 1; // -1 to be over cell border
+		}
+
+		this.segPopover = new Popover(options);
+		this.segPopover.show();
+	},
+
+
+	// Builds the inner DOM contents of the segment popover
+	renderSegPopoverContent: function(date, segs) {
+		var view = this.view;
+		var isTheme = view.opt('theme');
+		var title = date.format(view.opt('dayPopoverFormat'));
+		var content = $(
+			'<div class="fc-header ' + view.widgetHeaderClass + '">' +
+				'<span class="fc-close ' +
+					(isTheme ? 'ui-icon ui-icon-closethick' : 'fc-icon fc-icon-x') +
+				'"></span>' +
+				'<span class="fc-title">' +
+					htmlEscape(title) +
+				'</span>' +
+				'<div class="fc-clear"/>' +
+			'</div>' +
+			'<div class="fc-body ' + view.widgetContentClass + '">' +
+				'<div class="fc-event-container"></div>' +
+			'</div>'
+		);
+		var segContainer = content.find('.fc-event-container');
+		var i;
+
+		// render each seg's `el` and only return the visible segs
+		segs = this.renderFgSegEls(segs, true); // disableResizing=true
+		this.popoverSegs = segs;
+
+		for (i = 0; i < segs.length; i++) {
+
+			// because segments in the popover are not part of a grid coordinate system, provide a hint to any
+			// grids that want to do drag-n-drop about which cell it came from
+			segs[i].cellDate = date;
+
+			segContainer.append(segs[i].el);
+		}
+
+		return content;
+	},
+
+
+	// Given the events within an array of segment objects, reslice them to be in a single day
+	resliceDaySegs: function(segs, dayDate) {
+
+		// build an array of the original events
+		var events = $.map(segs, function(seg) {
+			return seg.event;
+		});
+
+		var dayStart = dayDate.clone().stripTime();
+		var dayEnd = dayStart.clone().add(1, 'days');
+
+		// slice the events with a custom slicing function
+		return this.eventsToSegs(
+			events,
+			function(rangeStart, rangeEnd) {
+				var seg = intersectionToSeg(rangeStart, rangeEnd, dayStart, dayEnd); // if no intersection, undefined
+				return seg ? [ seg ] : []; // must return an array of segments
+			}
+		);
+	},
+
+
+	// Generates the text that should be inside a "more" link, given the number of events it represents
+	getMoreLinkText: function(num) {
+		var view = this.view;
+		var opt = view.opt('eventLimitText');
+
+		if (typeof opt === 'function') {
+			return opt(num);
+		}
+		else {
+			return '+' + num + ' ' + opt;
+		}
+	},
+
+
+	// Returns segments within a given cell.
+	// If `startLevel` is specified, returns only events including and below that level. Otherwise returns all segs.
+	getCellSegs: function(cell, startLevel) {
+		var segMatrix = this.rowStructs[cell.row].segMatrix;
+		var level = startLevel || 0;
+		var segs = [];
+		var seg;
+
+		while (level < segMatrix.length) {
+			seg = segMatrix[level][cell.col];
+			if (seg) {
+				segs.push(seg);
+			}
+			level++;
+		}
+
+		return segs;
+	}
+
+});
+
+;;
+
+/* A component that renders one or more columns of vertical time slots
+----------------------------------------------------------------------------------------------------------------------*/
+
+function TimeGrid(view) {
+	Grid.call(this, view); // call the super-constructor
+}
+
+
+TimeGrid.prototype = createObject(Grid.prototype); // define the super-class
+$.extend(TimeGrid.prototype, {
+
+	slotDuration: null, // duration of a "slot", a distinct time segment on given day, visualized by lines
+	snapDuration: null, // granularity of time for dragging and selecting
+
+	minTime: null, // Duration object that denotes the first visible time of any given day
+	maxTime: null, // Duration object that denotes the exclusive visible end time of any given day
+
+	dayEls: null, // cells elements in the day-row background
+	slatEls: null, // elements running horizontally across all columns
+
+	slatTops: null, // an array of top positions, relative to the container. last item holds bottom of last slot
+
+	helperEl: null, // cell skeleton element for rendering the mock event "helper"
+
+	businessHourSegs: null,
+
+
+	// Renders the time grid into `this.el`, which should already be assigned.
+	// Relies on the view's colCnt. In the future, this component should probably be self-sufficient.
+	render: function() {
+		this.processOptions();
+
+		this.el.html(this.renderHtml());
+
+		this.dayEls = this.el.find('.fc-day');
+		this.slatEls = this.el.find('.fc-slats tr');
+
+		this.computeSlatTops();
+
+		this.renderBusinessHours();
+
+		Grid.prototype.render.call(this); // call the super-method
+	},
+
+
+	renderBusinessHours: function() {
+		var events = this.view.calendar.getBusinessHoursEvents();
+		this.businessHourSegs = this.renderFill('businessHours', this.eventsToSegs(events), 'bgevent');
+	},
+
+
+	// Renders the basic HTML skeleton for the grid
+	renderHtml: function() {
+		return '' +
+			'<div class="fc-bg">' +
+				'<table>' +
+					this.rowHtml('slotBg') + // leverages RowRenderer, which will call slotBgCellHtml
+				'</table>' +
+			'</div>' +
+			'<div class="fc-slats">' +
+				'<table>' +
+					this.slatRowHtml() +
+				'</table>' +
+			'</div>';
+	},
+
+
+	// Renders the HTML for a vertical background cell behind the slots.
+	// This method is distinct from 'bg' because we wanted a new `rowType` so the View could customize the rendering.
+	slotBgCellHtml: function(row, col, date) {
+		return this.bgCellHtml(row, col, date);
+	},
+
+
+	// Generates the HTML for the horizontal "slats" that run width-wise. Has a time axis on a side. Depends on RTL.
+	slatRowHtml: function() {
+		var view = this.view;
+		var calendar = view.calendar;
+		var isRTL = view.opt('isRTL');
+		var html = '';
+		var slotNormal = this.slotDuration.asMinutes() % 15 === 0;
+		var slotTime = moment.duration(+this.minTime); // wish there was .clone() for durations
+		var slotDate; // will be on the view's first day, but we only care about its time
+		var minutes;
+		var axisHtml;
+
+		// Calculate the time for each slot
+		while (slotTime < this.maxTime) {
+			slotDate = view.start.clone().time(slotTime); // will be in UTC but that's good. to avoid DST issues
+			minutes = slotDate.minutes();
+
+			axisHtml =
+				'<td class="fc-axis fc-time ' + view.widgetContentClass + '" ' + view.axisStyleAttr() + '>' +
+					((!slotNormal || !minutes) ? // if irregular slot duration, or on the hour, then display the time
+						'<span>' + // for matchCellWidths
+							htmlEscape(calendar.formatDate(slotDate, view.opt('axisFormat'))) +
+						'</span>' :
+						''
+						) +
+				'</td>';
+
+			html +=
+				'<tr ' + (!minutes ? '' : 'class="fc-minor"') + '>' +
+					(!isRTL ? axisHtml : '') +
+					'<td class="' + view.widgetContentClass + '"/>' +
+					(isRTL ? axisHtml : '') +
+				"</tr>";
+
+			slotTime.add(this.slotDuration);
+		}
+
+		return html;
+	},
+
+
+	// Parses various options into properties of this object
+	processOptions: function() {
+		var view = this.view;
+		var slotDuration = view.opt('slotDuration');
+		var snapDuration = view.opt('snapDuration');
+
+		slotDuration = moment.duration(slotDuration);
+		snapDuration = snapDuration ? moment.duration(snapDuration) : slotDuration;
+
+		this.slotDuration = slotDuration;
+		this.snapDuration = snapDuration;
+		this.cellDuration = snapDuration; // important to assign this for Grid.events.js
+
+		this.minTime = moment.duration(view.opt('minTime'));
+		this.maxTime = moment.duration(view.opt('maxTime'));
+	},
+
+
+	// Slices up a date range into a segment for each column
+	rangeToSegs: function(rangeStart, rangeEnd) {
+		var view = this.view;
+		var segs = [];
+		var seg;
+		var col;
+		var cellDate;
+		var colStart, colEnd;
+
+		// normalize
+		rangeStart = rangeStart.clone().stripZone();
+		rangeEnd = rangeEnd.clone().stripZone();
+
+		for (col = 0; col < view.colCnt; col++) {
+			cellDate = view.cellToDate(0, col); // use the View's cell system for this
+			colStart = cellDate.clone().time(this.minTime);
+			colEnd = cellDate.clone().time(this.maxTime);
+			seg = intersectionToSeg(rangeStart, rangeEnd, colStart, colEnd);
+			if (seg) {
+				seg.col = col;
+				segs.push(seg);
+			}
+		}
+
+		return segs;
+	},
+
+
+	/* Coordinates
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Called when there is a window resize/zoom and we need to recalculate coordinates for the grid
+	resize: function() {
+		this.computeSlatTops();
+		this.updateSegVerticals();
+	},
+
+
+	// Populates the given empty `rows` and `cols` arrays with offset positions of the "snap" cells.
+	// "Snap" cells are different the slots because they might have finer granularity.
+	buildCoords: function(rows, cols) {
+		var colCnt = this.view.colCnt;
+		var originTop = this.el.offset().top;
+		var snapTime = moment.duration(+this.minTime);
+		var p = null;
+		var e, n;
+
+		this.dayEls.slice(0, colCnt).each(function(i, _e) {
+			e = $(_e);
+			n = e.offset().left;
+			if (p) {
+				p[1] = n;
+			}
+			p = [ n ];
+			cols[i] = p;
+		});
+		p[1] = n + e.outerWidth();
+
+		p = null;
+		while (snapTime < this.maxTime) {
+			n = originTop + this.computeTimeTop(snapTime);
+			if (p) {
+				p[1] = n;
+			}
+			p = [ n ];
+			rows.push(p);
+			snapTime.add(this.snapDuration);
+		}
+		p[1] = originTop + this.computeTimeTop(snapTime); // the position of the exclusive end
+	},
+
+
+	// Gets the datetime for the given slot cell
+	getCellDate: function(cell) {
+		var view = this.view;
+		var calendar = view.calendar;
+
+		return calendar.rezoneDate( // since we are adding a time, it needs to be in the calendar's timezone
+			view.cellToDate(0, cell.col) // View's coord system only accounts for start-of-day for column
+				.time(this.minTime + this.snapDuration * cell.row)
+		);
+	},
+
+
+	// Gets the element that represents the whole-day the cell resides on
+	getCellDayEl: function(cell) {
+		return this.dayEls.eq(cell.col);
+	},
+
+
+	// Computes the top coordinate, relative to the bounds of the grid, of the given date.
+	// A `startOfDayDate` must be given for avoiding ambiguity over how to treat midnight.
+	computeDateTop: function(date, startOfDayDate) {
+		return this.computeTimeTop(
+			moment.duration(
+				date.clone().stripZone() - startOfDayDate.clone().stripTime()
+			)
+		);
+	},
+
+
+	// Computes the top coordinate, relative to the bounds of the grid, of the given time (a Duration).
+	computeTimeTop: function(time) {
+		var slatCoverage = (time - this.minTime) / this.slotDuration; // floating-point value of # of slots covered
+		var slatIndex;
+		var slatRemainder;
+		var slatTop;
+		var slatBottom;
+
+		// constrain. because minTime/maxTime might be customized
+		slatCoverage = Math.max(0, slatCoverage);
+		slatCoverage = Math.min(this.slatEls.length, slatCoverage);
+
+		slatIndex = Math.floor(slatCoverage); // an integer index of the furthest whole slot
+		slatRemainder = slatCoverage - slatIndex;
+		slatTop = this.slatTops[slatIndex]; // the top position of the furthest whole slot
+
+		if (slatRemainder) { // time spans part-way into the slot
+			slatBottom = this.slatTops[slatIndex + 1];
+			return slatTop + (slatBottom - slatTop) * slatRemainder; // part-way between slots
+		}
+		else {
+			return slatTop;
+		}
+	},
+
+
+	// Queries each `slatEl` for its position relative to the grid's container and stores it in `slatTops`.
+	// Includes the the bottom of the last slat as the last item in the array.
+	computeSlatTops: function() {
+		var tops = [];
+		var top;
+
+		this.slatEls.each(function(i, node) {
+			top = $(node).position().top;
+			tops.push(top);
+		});
+
+		tops.push(top + this.slatEls.last().outerHeight()); // bottom of the last slat
+
+		this.slatTops = tops;
+	},
+
+
+	/* Event Drag Visualization
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders a visual indication of an event being dragged over the specified date(s).
+	// `end` and `seg` can be null. See View's documentation on renderDrag for more info.
+	renderDrag: function(start, end, seg) {
+		var opacity;
+
+		if (seg) { // if there is event information for this drag, render a helper event
+			this.renderRangeHelper(start, end, seg);
+
+			opacity = this.view.opt('dragOpacity');
+			if (opacity !== undefined) {
+				this.helperEl.css('opacity', opacity);
+			}
+
+			return true; // signal that a helper has been rendered
+		}
+		else {
+			// otherwise, just render a highlight
+			this.renderHighlight(
+				start,
+				end || this.view.calendar.getDefaultEventEnd(false, start)
+			);
+		}
+	},
+
+
+	// Unrenders any visual indication of an event being dragged
+	destroyDrag: function() {
+		this.destroyHelper();
+		this.destroyHighlight();
+	},
+
+
+	/* Event Resize Visualization
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders a visual indication of an event being resized
+	renderResize: function(start, end, seg) {
+		this.renderRangeHelper(start, end, seg);
+	},
+
+
+	// Unrenders any visual indication of an event being resized
+	destroyResize: function() {
+		this.destroyHelper();
+	},
+
+
+	/* Event Helper
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders a mock "helper" event. `sourceSeg` is the original segment object and might be null (an external drag)
+	renderHelper: function(event, sourceSeg) {
+		var segs = this.eventsToSegs([ event ]);
+		var tableEl;
+		var i, seg;
+		var sourceEl;
+
+		segs = this.renderFgSegEls(segs); // assigns each seg's el and returns a subset of segs that were rendered
+		tableEl = this.renderSegTable(segs);
+
+		// Try to make the segment that is in the same row as sourceSeg look the same
+		for (i = 0; i < segs.length; i++) {
+			seg = segs[i];
+			if (sourceSeg && sourceSeg.col === seg.col) {
+				sourceEl = sourceSeg.el;
+				seg.el.css({
+					left: sourceEl.css('left'),
+					right: sourceEl.css('right'),
+					'margin-left': sourceEl.css('margin-left'),
+					'margin-right': sourceEl.css('margin-right')
+				});
+			}
+		}
+
+		this.helperEl = $('<div class="fc-helper-skeleton"/>')
+			.append(tableEl)
+				.appendTo(this.el);
+	},
+
+
+	// Unrenders any mock helper event
+	destroyHelper: function() {
+		if (this.helperEl) {
+			this.helperEl.remove();
+			this.helperEl = null;
+		}
+	},
+
+
+	/* Selection
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders a visual indication of a selection. Overrides the default, which was to simply render a highlight.
+	renderSelection: function(start, end) {
+		if (this.view.opt('selectHelper')) { // this setting signals that a mock helper event should be rendered
+			this.renderRangeHelper(start, end);
+		}
+		else {
+			this.renderHighlight(start, end);
+		}
+	},
+
+
+	// Unrenders any visual indication of a selection
+	destroySelection: function() {
+		this.destroyHelper();
+		this.destroyHighlight();
+	},
+
+
+	/* Fill System (highlight, background events, business hours)
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders a set of rectangles over the given time segments.
+	// Only returns segments that successfully rendered.
+	renderFill: function(type, segs, className) {
+		var view = this.view;
+		var segCols;
+		var skeletonEl;
+		var trEl;
+		var col, colSegs;
+		var tdEl;
+		var containerEl;
+		var dayDate;
+		var i, seg;
+
+		if (segs.length) {
+
+			segs = this.renderFillSegEls(type, segs); // assignes `.el` to each seg. returns successfully rendered segs
+			segCols = this.groupSegCols(segs); // group into sub-arrays, and assigns 'col' to each seg
+
+			className = className || type.toLowerCase();
+			skeletonEl = $(
+				'<div class="fc-' + className + '-skeleton">' +
+					'<table><tr/></table>' +
+				'</div>'
+			);
+			trEl = skeletonEl.find('tr');
+
+			for (col = 0; col < segCols.length; col++) {
+				colSegs = segCols[col];
+				tdEl = $('<td/>').appendTo(trEl);
+
+				if (colSegs.length) {
+					containerEl = $('<div class="fc-' + className + '-container"/>').appendTo(tdEl);
+					dayDate = view.cellToDate(0, col);
+
+					for (i = 0; i < colSegs.length; i++) {
+						seg = colSegs[i];
+						containerEl.append(
+							seg.el.css({
+								top: this.computeDateTop(seg.start, dayDate),
+								bottom: -this.computeDateTop(seg.end, dayDate) // the y position of the bottom edge
+							})
+						);
+					}
+				}
+			}
+
+			this.bookendCells(trEl, type);
+
+			this.el.append(skeletonEl);
+			this.elsByFill[type] = skeletonEl;
+		}
+
+		return segs;
+	}
+
+});
+
+;;
+
+/* Event-rendering methods for the TimeGrid class
+----------------------------------------------------------------------------------------------------------------------*/
+
+$.extend(TimeGrid.prototype, {
+
+	eventSkeletonEl: null, // has cells with event-containers, which contain absolutely positioned event elements
+
+
+	// Renders the given foreground event segments onto the grid
+	renderFgSegs: function(segs) {
+		segs = this.renderFgSegEls(segs); // returns a subset of the segs. segs that were actually rendered
+
+		this.el.append(
+			this.eventSkeletonEl = $('<div class="fc-content-skeleton"/>')
+				.append(this.renderSegTable(segs))
+		);
+
+		return segs; // return only the segs that were actually rendered
+	},
+
+
+	// Unrenders all currently rendered foreground event segments
+	destroyFgSegs: function(segs) {
+		if (this.eventSkeletonEl) {
+			this.eventSkeletonEl.remove();
+			this.eventSkeletonEl = null;
+		}
+	},
+
+
+	// Renders and returns the <table> portion of the event-skeleton.
+	// Returns an object with properties 'tbodyEl' and 'segs'.
+	renderSegTable: function(segs) {
+		var tableEl = $('<table><tr/></table>');
+		var trEl = tableEl.find('tr');
+		var segCols;
+		var i, seg;
+		var col, colSegs;
+		var containerEl;
+
+		segCols = this.groupSegCols(segs); // group into sub-arrays, and assigns 'col' to each seg
+
+		this.computeSegVerticals(segs); // compute and assign top/bottom
+
+		for (col = 0; col < segCols.length; col++) { // iterate each column grouping
+			colSegs = segCols[col];
+			placeSlotSegs(colSegs); // compute horizontal coordinates, z-index's, and reorder the array
+
+			containerEl = $('<div class="fc-event-container"/>');
+
+			// assign positioning CSS and insert into container
+			for (i = 0; i < colSegs.length; i++) {
+				seg = colSegs[i];
+				seg.el.css(this.generateSegPositionCss(seg));
+
+				// if the height is short, add a className for alternate styling
+				if (seg.bottom - seg.top < 30) {
+					seg.el.addClass('fc-short');
+				}
+
+				containerEl.append(seg.el);
+			}
+
+			trEl.append($('<td/>').append(containerEl));
+		}
+
+		this.bookendCells(trEl, 'eventSkeleton');
+
+		return tableEl;
+	},
+
+
+	// Refreshes the CSS top/bottom coordinates for each segment element. Probably after a window resize/zoom.
+	// Repositions business hours segs too, so not just for events. Maybe shouldn't be here.
+	updateSegVerticals: function() {
+		var allSegs = (this.segs || []).concat(this.businessHourSegs || []);
+		var i;
+
+		this.computeSegVerticals(allSegs);
+
+		for (i = 0; i < allSegs.length; i++) {
+			allSegs[i].el.css(
+				this.generateSegVerticalCss(allSegs[i])
+			);
+		}
+	},
+
+
+	// For each segment in an array, computes and assigns its top and bottom properties
+	computeSegVerticals: function(segs) {
+		var i, seg;
+
+		for (i = 0; i < segs.length; i++) {
+			seg = segs[i];
+			seg.top = this.computeDateTop(seg.start, seg.start);
+			seg.bottom = this.computeDateTop(seg.end, seg.start);
+		}
+	},
+
+
+	// Renders the HTML for a single event segment's default rendering
+	fgSegHtml: function(seg, disableResizing) {
+		var view = this.view;
+		var event = seg.event;
+		var isDraggable = view.isEventDraggable(event);
+		var isResizable = !disableResizing && seg.isEnd && view.isEventResizable(event);
+		var classes = this.getSegClasses(seg, isDraggable, isResizable);
+		var skinCss = this.getEventSkinCss(event);
+		var timeText;
+		var fullTimeText; // more verbose time text. for the print stylesheet
+		var startTimeText; // just the start time text
+
+		classes.unshift('fc-time-grid-event');
+
+		if (view.isMultiDayEvent(event)) { // if the event appears to span more than one day...
+			// Don't display time text on segments that run entirely through a day.
+			// That would appear as midnight-midnight and would look dumb.
+			// Otherwise, display the time text for the *segment's* times (like 6pm-midnight or midnight-10am)
+			if (seg.isStart || seg.isEnd) {
+				timeText = view.getEventTimeText(seg.start, seg.end);
+				fullTimeText = view.getEventTimeText(seg.start, seg.end, 'LT');
+				startTimeText = view.getEventTimeText(seg.start, null);
+			}
+		} else {
+			// Display the normal time text for the *event's* times
+			timeText = view.getEventTimeText(event);
+			fullTimeText = view.getEventTimeText(event, 'LT');
+			startTimeText = view.getEventTimeText(event.start, null);
+		}
+
+		return '<a class="' + classes.join(' ') + '"' +
+			(event.url ?
+				' href="' + htmlEscape(event.url) + '"' :
+				''
+				) +
+			(skinCss ?
+				' style="' + skinCss + '"' :
+				''
+				) +
+			'>' +
+				'<div class="fc-content">' +
+					(timeText ?
+						'<div class="fc-time"' +
+						' data-start="' + htmlEscape(startTimeText) + '"' +
+						' data-full="' + htmlEscape(fullTimeText) + '"' +
+						'>' +
+							'<span>' + htmlEscape(timeText) + '</span>' +
+						'</div>' :
+						''
+						) +
+					(event.title ?
+						'<div class="fc-title">' +
+							htmlEscape(event.title) +
+						'</div>' :
+						''
+						) +
+				'</div>' +
+				'<div class="fc-bg"/>' +
+				(isResizable ?
+					'<div class="fc-resizer"/>' :
+					''
+					) +
+			'</a>';
+	},
+
+
+	// Generates an object with CSS properties/values that should be applied to an event segment element.
+	// Contains important positioning-related properties that should be applied to any event element, customized or not.
+	generateSegPositionCss: function(seg) {
+		var view = this.view;
+		var isRTL = view.opt('isRTL');
+		var shouldOverlap = view.opt('slotEventOverlap');
+		var backwardCoord = seg.backwardCoord; // the left side if LTR. the right side if RTL. floating-point
+		var forwardCoord = seg.forwardCoord; // the right side if LTR. the left side if RTL. floating-point
+		var props = this.generateSegVerticalCss(seg); // get top/bottom first
+		var left; // amount of space from left edge, a fraction of the total width
+		var right; // amount of space from right edge, a fraction of the total width
+
+		if (shouldOverlap) {
+			// double the width, but don't go beyond the maximum forward coordinate (1.0)
+			forwardCoord = Math.min(1, backwardCoord + (forwardCoord - backwardCoord) * 2);
+		}
+
+		if (isRTL) {
+			left = 1 - forwardCoord;
+			right = backwardCoord;
+		}
+		else {
+			left = backwardCoord;
+			right = 1 - forwardCoord;
+		}
+
+		props.zIndex = seg.level + 1; // convert from 0-base to 1-based
+		props.left = left * 100 + '%';
+		props.right = right * 100 + '%';
+
+		if (shouldOverlap && seg.forwardPressure) {
+			// add padding to the edge so that forward stacked events don't cover the resizer's icon
+			props[isRTL ? 'marginLeft' : 'marginRight'] = 10 * 2; // 10 is a guesstimate of the icon's width 
+		}
+
+		return props;
+	},
+
+
+	// Generates an object with CSS properties for the top/bottom coordinates of a segment element
+	generateSegVerticalCss: function(seg) {
+		return {
+			top: seg.top,
+			bottom: -seg.bottom // flipped because needs to be space beyond bottom edge of event container
+		};
+	},
+
+
+	// Given a flat array of segments, return an array of sub-arrays, grouped by each segment's col
+	groupSegCols: function(segs) {
+		var view = this.view;
+		var segCols = [];
+		var i;
+
+		for (i = 0; i < view.colCnt; i++) {
+			segCols.push([]);
+		}
+
+		for (i = 0; i < segs.length; i++) {
+			segCols[segs[i].col].push(segs[i]);
+		}
+
+		return segCols;
+	}
+
+});
+
+
+// Given an array of segments that are all in the same column, sets the backwardCoord and forwardCoord on each.
+// Also reorders the given array by date!
+function placeSlotSegs(segs) {
+	var levels;
+	var level0;
+	var i;
+
+	segs.sort(compareSegs); // order by date
+	levels = buildSlotSegLevels(segs);
+	computeForwardSlotSegs(levels);
+
+	if ((level0 = levels[0])) {
+
+		for (i = 0; i < level0.length; i++) {
+			computeSlotSegPressures(level0[i]);
+		}
+
+		for (i = 0; i < level0.length; i++) {
+			computeSlotSegCoords(level0[i], 0, 0);
+		}
+	}
+}
+
+
+// Builds an array of segments "levels". The first level will be the leftmost tier of segments if the calendar is
+// left-to-right, or the rightmost if the calendar is right-to-left. Assumes the segments are already ordered by date.
+function buildSlotSegLevels(segs) {
+	var levels = [];
+	var i, seg;
+	var j;
+
+	for (i=0; i<segs.length; i++) {
+		seg = segs[i];
+
+		// go through all the levels and stop on the first level where there are no collisions
+		for (j=0; j<levels.length; j++) {
+			if (!computeSlotSegCollisions(seg, levels[j]).length) {
+				break;
+			}
+		}
+
+		seg.level = j;
+
+		(levels[j] || (levels[j] = [])).push(seg);
+	}
+
+	return levels;
+}
+
+
+// For every segment, figure out the other segments that are in subsequent
+// levels that also occupy the same vertical space. Accumulate in seg.forwardSegs
+function computeForwardSlotSegs(levels) {
+	var i, level;
+	var j, seg;
+	var k;
+
+	for (i=0; i<levels.length; i++) {
+		level = levels[i];
+
+		for (j=0; j<level.length; j++) {
+			seg = level[j];
+
+			seg.forwardSegs = [];
+			for (k=i+1; k<levels.length; k++) {
+				computeSlotSegCollisions(seg, levels[k], seg.forwardSegs);
+			}
+		}
+	}
+}
+
+
+// Figure out which path forward (via seg.forwardSegs) results in the longest path until
+// the furthest edge is reached. The number of segments in this path will be seg.forwardPressure
+function computeSlotSegPressures(seg) {
+	var forwardSegs = seg.forwardSegs;
+	var forwardPressure = 0;
+	var i, forwardSeg;
+
+	if (seg.forwardPressure === undefined) { // not already computed
+
+		for (i=0; i<forwardSegs.length; i++) {
+			forwardSeg = forwardSegs[i];
+
+			// figure out the child's maximum forward path
+			computeSlotSegPressures(forwardSeg);
+
+			// either use the existing maximum, or use the child's forward pressure
+			// plus one (for the forwardSeg itself)
+			forwardPressure = Math.max(
+				forwardPressure,
+				1 + forwardSeg.forwardPressure
+			);
+		}
+
+		seg.forwardPressure = forwardPressure;
+	}
+}
+
+
+// Calculate seg.forwardCoord and seg.backwardCoord for the segment, where both values range
+// from 0 to 1. If the calendar is left-to-right, the seg.backwardCoord maps to "left" and
+// seg.forwardCoord maps to "right" (via percentage). Vice-versa if the calendar is right-to-left.
+//
+// The segment might be part of a "series", which means consecutive segments with the same pressure
+// who's width is unknown until an edge has been hit. `seriesBackwardPressure` is the number of
+// segments behind this one in the current series, and `seriesBackwardCoord` is the starting
+// coordinate of the first segment in the series.
+function computeSlotSegCoords(seg, seriesBackwardPressure, seriesBackwardCoord) {
+	var forwardSegs = seg.forwardSegs;
+	var i;
+
+	if (seg.forwardCoord === undefined) { // not already computed
+
+		if (!forwardSegs.length) {
+
+			// if there are no forward segments, this segment should butt up against the edge
+			seg.forwardCoord = 1;
+		}
+		else {
+
+			// sort highest pressure first
+			forwardSegs.sort(compareForwardSlotSegs);
+
+			// this segment's forwardCoord will be calculated from the backwardCoord of the
+			// highest-pressure forward segment.
+			computeSlotSegCoords(forwardSegs[0], seriesBackwardPressure + 1, seriesBackwardCoord);
+			seg.forwardCoord = forwardSegs[0].backwardCoord;
+		}
+
+		// calculate the backwardCoord from the forwardCoord. consider the series
+		seg.backwardCoord = seg.forwardCoord -
+			(seg.forwardCoord - seriesBackwardCoord) / // available width for series
+			(seriesBackwardPressure + 1); // # of segments in the series
+
+		// use this segment's coordinates to computed the coordinates of the less-pressurized
+		// forward segments
+		for (i=0; i<forwardSegs.length; i++) {
+			computeSlotSegCoords(forwardSegs[i], 0, seg.forwardCoord);
+		}
+	}
+}
+
+
+// Find all the segments in `otherSegs` that vertically collide with `seg`.
+// Append into an optionally-supplied `results` array and return.
+function computeSlotSegCollisions(seg, otherSegs, results) {
+	results = results || [];
+
+	for (var i=0; i<otherSegs.length; i++) {
+		if (isSlotSegCollision(seg, otherSegs[i])) {
+			results.push(otherSegs[i]);
+		}
+	}
+
+	return results;
+}
+
+
+// Do these segments occupy the same vertical space?
+function isSlotSegCollision(seg1, seg2) {
+	return seg1.bottom > seg2.top && seg1.top < seg2.bottom;
+}
+
+
+// A cmp function for determining which forward segment to rely on more when computing coordinates.
+function compareForwardSlotSegs(seg1, seg2) {
+	// put higher-pressure first
+	return seg2.forwardPressure - seg1.forwardPressure ||
+		// put segments that are closer to initial edge first (and favor ones with no coords yet)
+		(seg1.backwardCoord || 0) - (seg2.backwardCoord || 0) ||
+		// do normal sorting...
+		compareSegs(seg1, seg2);
+}
+
+;;
+
+/* An abstract class from which other views inherit from
+----------------------------------------------------------------------------------------------------------------------*/
+// Newer methods should be written as prototype methods, not in the monster `View` function at the bottom.
+
+View.prototype = {
+
+	calendar: null, // owner Calendar object
+	coordMap: null, // a CoordMap object for converting pixel regions to dates
+	el: null, // the view's containing element. set by Calendar
+
+	// important Moments
+	start: null, // the date of the very first cell
+	end: null, // the date after the very last cell
+	intervalStart: null, // the start of the interval of time the view represents (1st of month for month view)
+	intervalEnd: null, // the exclusive end of the interval of time the view represents
+
+	// used for cell-to-date and date-to-cell calculations
+	rowCnt: null, // # of weeks
+	colCnt: null, // # of days displayed in a week
+
+	isSelected: false, // boolean whether cells are user-selected or not
+
+	// subclasses can optionally use a scroll container
+	scrollerEl: null, // the element that will most likely scroll when content is too tall
+	scrollTop: null, // cached vertical scroll value
+
+	// classNames styled by jqui themes
+	widgetHeaderClass: null,
+	widgetContentClass: null,
+	highlightStateClass: null,
+
+	// document handlers, bound to `this` object
+	documentMousedownProxy: null,
+	documentDragStartProxy: null,
+
+
+	// Serves as a "constructor" to suppliment the monster `View` constructor below
+	init: function() {
+		var tm = this.opt('theme') ? 'ui' : 'fc';
+
+		this.widgetHeaderClass = tm + '-widget-header';
+		this.widgetContentClass = tm + '-widget-content';
+		this.highlightStateClass = tm + '-state-highlight';
+
+		// save references to `this`-bound handlers
+		this.documentMousedownProxy = $.proxy(this, 'documentMousedown');
+		this.documentDragStartProxy = $.proxy(this, 'documentDragStart');
+	},
+
+
+	// Renders the view inside an already-defined `this.el`.
+	// Subclasses should override this and then call the super method afterwards.
+	render: function() {
+		this.updateSize();
+		this.trigger('viewRender', this, this, this.el);
+
+		// attach handlers to document. do it here to allow for destroy/rerender
+		$(document)
+			.on('mousedown', this.documentMousedownProxy)
+			.on('dragstart', this.documentDragStartProxy); // jqui drag
+	},
+
+
+	// Clears all view rendering, event elements, and unregisters handlers
+	destroy: function() {
+		this.unselect();
+		this.trigger('viewDestroy', this, this, this.el);
+		this.destroyEvents();
+		this.el.empty(); // removes inner contents but leaves the element intact
+
+		$(document)
+			.off('mousedown', this.documentMousedownProxy)
+			.off('dragstart', this.documentDragStartProxy);
+	},
+
+
+	// Used to determine what happens when the users clicks next/prev. Given -1 for prev, 1 for next.
+	// Should apply the delta to `date` (a Moment) and return it.
+	incrementDate: function(date, delta) {
+		// subclasses should implement
+	},
+
+
+	/* Dimensions
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Refreshes anything dependant upon sizing of the container element of the grid
+	updateSize: function(isResize) {
+		if (isResize) {
+			this.recordScroll();
+		}
+		this.updateHeight();
+		this.updateWidth();
+	},
+
+
+	// Refreshes the horizontal dimensions of the calendar
+	updateWidth: function() {
+		// subclasses should implement
+	},
+
+
+	// Refreshes the vertical dimensions of the calendar
+	updateHeight: function() {
+		var calendar = this.calendar; // we poll the calendar for height information
+
+		this.setHeight(
+			calendar.getSuggestedViewHeight(),
+			calendar.isHeightAuto()
+		);
+	},
+
+
+	// Updates the vertical dimensions of the calendar to the specified height.
+	// if `isAuto` is set to true, height becomes merely a suggestion and the view should use its "natural" height.
+	setHeight: function(height, isAuto) {
+		// subclasses should implement
+	},
+
+
+	// Given the total height of the view, return the number of pixels that should be used for the scroller.
+	// Utility for subclasses.
+	computeScrollerHeight: function(totalHeight) {
+		var both = this.el.add(this.scrollerEl);
+		var otherHeight; // cumulative height of everything that is not the scrollerEl in the view (header+borders)
+
+		// fuckin IE8/9/10/11 sometimes returns 0 for dimensions. this weird hack was the only thing that worked
+		both.css({
+			position: 'relative', // cause a reflow, which will force fresh dimension recalculation
+			left: -1 // ensure reflow in case the el was already relative. negative is less likely to cause new scroll
+		});
+		otherHeight = this.el.outerHeight() - this.scrollerEl.height(); // grab the dimensions
+		both.css({ position: '', left: '' }); // undo hack
+
+		return totalHeight - otherHeight;
+	},
+
+
+	// Called for remembering the current scroll value of the scroller.
+	// Should be called before there is a destructive operation (like removing DOM elements) that might inadvertently
+	// change the scroll of the container.
+	recordScroll: function() {
+		if (this.scrollerEl) {
+			this.scrollTop = this.scrollerEl.scrollTop();
+		}
+	},
+
+
+	// Set the scroll value of the scroller to the previously recorded value.
+	// Should be called after we know the view's dimensions have been restored following some type of destructive
+	// operation (like temporarily removing DOM elements).
+	restoreScroll: function() {
+		if (this.scrollTop !== null) {
+			this.scrollerEl.scrollTop(this.scrollTop);
+		}
+	},
+
+
+	/* Events
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders the events onto the view.
+	// Should be overriden by subclasses. Subclasses should call the super-method afterwards.
+	renderEvents: function(events) {
+		this.segEach(function(seg) {
+			this.trigger('eventAfterRender', seg.event, seg.event, seg.el);
+		});
+		this.trigger('eventAfterAllRender');
+	},
+
+
+	// Removes event elements from the view.
+	// Should be overridden by subclasses. Should call this super-method FIRST, then subclass DOM destruction.
+	destroyEvents: function() {
+		this.segEach(function(seg) {
+			this.trigger('eventDestroy', seg.event, seg.event, seg.el);
+		});
+	},
+
+
+	// Given an event and the default element used for rendering, returns the element that should actually be used.
+	// Basically runs events and elements through the eventRender hook.
+	resolveEventEl: function(event, el) {
+		var custom = this.trigger('eventRender', event, event, el);
+
+		if (custom === false) { // means don't render at all
+			el = null;
+		}
+		else if (custom && custom !== true) {
+			el = $(custom);
+		}
+
+		return el;
+	},
+
+
+	// Hides all rendered event segments linked to the given event
+	showEvent: function(event) {
+		this.segEach(function(seg) {
+			seg.el.css('visibility', '');
+		}, event);
+	},
+
+
+	// Shows all rendered event segments linked to the given event
+	hideEvent: function(event) {
+		this.segEach(function(seg) {
+			seg.el.css('visibility', 'hidden');
+		}, event);
+	},
+
+
+	// Iterates through event segments. Goes through all by default.
+	// If the optional `event` argument is specified, only iterates through segments linked to that event.
+	// The `this` value of the callback function will be the view.
+	segEach: function(func, event) {
+		var segs = this.getSegs();
+		var i;
+
+		for (i = 0; i < segs.length; i++) {
+			if (!event || segs[i].event._id === event._id) {
+				func.call(this, segs[i]);
+			}
+		}
+	},
+
+
+	// Retrieves all the rendered segment objects for the view
+	getSegs: function() {
+		// subclasses must implement
+	},
+
+
+	/* Event Drag Visualization
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders a visual indication of an event hovering over the specified date.
+	// `end` is a Moment and might be null.
+	// `seg` might be null. if specified, it is the segment object of the event being dragged.
+	//       otherwise, an external event from outside the calendar is being dragged.
+	renderDrag: function(start, end, seg) {
+		// subclasses should implement
+	},
+
+
+	// Unrenders a visual indication of event hovering
+	destroyDrag: function() {
+		// subclasses should implement
+	},
+
+
+	// Handler for accepting externally dragged events being dropped in the view.
+	// Gets called when jqui's 'dragstart' is fired.
+	documentDragStart: function(ev, ui) {
+		var _this = this;
+		var calendar = this.calendar;
+		var eventStart = null; // a null value signals an unsuccessful drag
+		var eventEnd = null;
+		var visibleEnd = null; // will be calculated event when no eventEnd
+		var el;
+		var accept;
+		var meta;
+		var eventProps; // if an object, signals an event should be created upon drop
+		var dragListener;
+
+		if (this.opt('droppable')) { // only listen if this setting is on
+			el = $(ev.target);
+
+			// Test that the dragged element passes the dropAccept selector or filter function.
+			// FYI, the default is "*" (matches all)
+			accept = this.opt('dropAccept');
+			if ($.isFunction(accept) ? accept.call(el[0], el) : el.is(accept)) {
+
+				meta = getDraggedElMeta(el); // data for possibly creating an event
+				eventProps = meta.eventProps;
+
+				// listener that tracks mouse movement over date-associated pixel regions
+				dragListener = new DragListener(this.coordMap, {
+					cellOver: function(cell, cellDate) {
+						eventStart = cellDate;
+						eventEnd = meta.duration ? eventStart.clone().add(meta.duration) : null;
+						visibleEnd = eventEnd || calendar.getDefaultEventEnd(!eventStart.hasTime(), eventStart);
+
+						// keep the start/end up to date when dragging
+						if (eventProps) {
+							$.extend(eventProps, { start: eventStart, end: eventEnd });
+						}
+
+						if (calendar.isExternalDragAllowedInRange(eventStart, visibleEnd, eventProps)) {
+							_this.renderDrag(eventStart, visibleEnd);
+						}
+						else {
+							eventStart = null; // signal unsuccessful
+							disableCursor();
+						}
+					},
+					cellOut: function() {
+						eventStart = null;
+						_this.destroyDrag();
+						enableCursor();
+					}
+				});
+
+				// gets called, only once, when jqui drag is finished
+				$(document).one('dragstop', function(ev, ui) {
+					var renderedEvents;
+
+					_this.destroyDrag();
+					enableCursor();
+
+					if (eventStart) { // element was dropped on a valid date/time cell
+
+						// if dropped on an all-day cell, and element's metadata specified a time, set it
+						if (meta.startTime && !eventStart.hasTime()) {
+							eventStart.time(meta.startTime);
+						}
+
+						// trigger 'drop' regardless of whether element represents an event
+						_this.trigger('drop', el[0], eventStart, ev, ui);
+
+						// create an event from the given properties and the latest dates
+						if (eventProps) {
+							renderedEvents = calendar.renderEvent(eventProps, meta.stick);
+							_this.trigger('eventReceive', null, renderedEvents[0]); // signal an external event landed
+						}
+					}
+				});
+
+				dragListener.startDrag(ev); // start listening immediately
+			}
+		}
+	},
+
+
+	/* Selection
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Selects a date range on the view. `start` and `end` are both Moments.
+	// `ev` is the native mouse event that begin the interaction.
+	select: function(start, end, ev) {
+		this.unselect(ev);
+		this.renderSelection(start, end);
+		this.reportSelection(start, end, ev);
+	},
+
+
+	// Renders a visual indication of the selection
+	renderSelection: function(start, end) {
+		// subclasses should implement
+	},
+
+
+	// Called when a new selection is made. Updates internal state and triggers handlers.
+	reportSelection: function(start, end, ev) {
+		this.isSelected = true;
+		this.trigger('select', null, start, end, ev);
+	},
+
+
+	// Undoes a selection. updates in the internal state and triggers handlers.
+	// `ev` is the native mouse event that began the interaction.
+	unselect: function(ev) {
+		if (this.isSelected) {
+			this.isSelected = false;
+			this.destroySelection();
+			this.trigger('unselect', null, ev);
+		}
+	},
+
+
+	// Unrenders a visual indication of selection
+	destroySelection: function() {
+		// subclasses should implement
+	},
+
+
+	// Handler for unselecting when the user clicks something and the 'unselectAuto' setting is on
+	documentMousedown: function(ev) {
+		var ignore;
+
+		// is there a selection, and has the user made a proper left click?
+		if (this.isSelected && this.opt('unselectAuto') && isPrimaryMouseButton(ev)) {
+
+			// only unselect if the clicked element is not identical to or inside of an 'unselectCancel' element
+			ignore = this.opt('unselectCancel');
+			if (!ignore || !$(ev.target).closest(ignore).length) {
+				this.unselect(ev);
+			}
+		}
+	}
+
+};
+
+
+// We are mixing JavaScript OOP design patterns here by putting methods and member variables in the closed scope of the
+// constructor. Going forward, methods should be part of the prototype.
+function View(calendar) {
+	var t = this;
+	
+	// exports
+	t.calendar = calendar;
+	t.opt = opt;
+	t.trigger = trigger;
+	t.isEventDraggable = isEventDraggable;
+	t.isEventResizable = isEventResizable;
+	t.eventDrop = eventDrop;
+	t.eventResize = eventResize;
+	
+	// imports
+	var reportEventChange = calendar.reportEventChange;
+	
+	// locals
+	var options = calendar.options;
+	var nextDayThreshold = moment.duration(options.nextDayThreshold);
+
+
+	t.init(); // the "constructor" that concerns the prototype methods
+	
+	
+	function opt(name) {
+		var v = options[name];
+		if ($.isPlainObject(v) && !isForcedAtomicOption(name)) {
+			return smartProperty(v, t.name);
+		}
+		return v;
+	}
+
+	
+	function trigger(name, thisObj) {
+		return calendar.trigger.apply(
+			calendar,
+			[name, thisObj || t].concat(Array.prototype.slice.call(arguments, 2), [t])
+		);
+	}
+	
+
+
+	/* Event Editable Boolean Calculations
+	------------------------------------------------------------------------------*/
+
+	
+	function isEventDraggable(event) {
+		var source = event.source || {};
+
+		return firstDefined(
+			event.startEditable,
+			source.startEditable,
+			opt('eventStartEditable'),
+			event.editable,
+			source.editable,
+			opt('editable')
+		);
+	}
+	
+	
+	function isEventResizable(event) {
+		var source = event.source || {};
+
+		return firstDefined(
+			event.durationEditable,
+			source.durationEditable,
+			opt('eventDurationEditable'),
+			event.editable,
+			source.editable,
+			opt('editable')
+		);
+	}
+	
+	
+	
+	/* Event Elements
+	------------------------------------------------------------------------------*/
+
+
+	// Compute the text that should be displayed on an event's element.
+	// Based off the settings of the view. Possible signatures:
+	//   .getEventTimeText(event, formatStr)
+	//   .getEventTimeText(startMoment, endMoment, formatStr)
+	//   .getEventTimeText(startMoment, null, formatStr)
+	// `timeFormat` is used but the `formatStr` argument can be used to override.
+	t.getEventTimeText = function(event, formatStr) {
+		var start;
+		var end;
+
+		if (typeof event === 'object' && typeof formatStr === 'object') {
+			// first two arguments are actually moments (or null). shift arguments.
+			start = event;
+			end = formatStr;
+			formatStr = arguments[2];
+		}
+		else {
+			// otherwise, an event object was the first argument
+			start = event.start;
+			end = event.end;
+		}
+
+		formatStr = formatStr || opt('timeFormat');
+
+		if (end && opt('displayEventEnd')) {
+			return calendar.formatRange(start, end, formatStr);
+		}
+		else {
+			return calendar.formatDate(start, formatStr);
+		}
+	};
+
+	
+	
+	/* Event Modification Reporting
+	---------------------------------------------------------------------------------*/
+
+	
+	function eventDrop(el, event, newStart, ev) {
+		var mutateResult = calendar.mutateEvent(event, newStart, null);
+
+		trigger(
+			'eventDrop',
+			el,
+			event,
+			mutateResult.dateDelta,
+			function() {
+				mutateResult.undo();
+				reportEventChange();
+			},
+			ev,
+			{} // jqui dummy
+		);
+
+		reportEventChange();
+	}
+
+
+	function eventResize(el, event, newEnd, ev) {
+		var mutateResult = calendar.mutateEvent(event, null, newEnd);
+
+		trigger(
+			'eventResize',
+			el,
+			event,
+			mutateResult.durationDelta,
+			function() {
+				mutateResult.undo();
+				reportEventChange();
+			},
+			ev,
+			{} // jqui dummy
+		);
+
+		reportEventChange();
+	}
+
+
+	// ====================================================================================================
+	// Utilities for day "cells"
+	// ====================================================================================================
+	// The "basic" views are completely made up of day cells.
+	// The "agenda" views have day cells at the top "all day" slot.
+	// This was the obvious common place to put these utilities, but they should be abstracted out into
+	// a more meaningful class (like DayEventRenderer).
+	// ====================================================================================================
+
+
+	// For determining how a given "cell" translates into a "date":
+	//
+	// 1. Convert the "cell" (row and column) into a "cell offset" (the # of the cell, cronologically from the first).
+	//    Keep in mind that column indices are inverted with isRTL. This is taken into account.
+	//
+	// 2. Convert the "cell offset" to a "day offset" (the # of days since the first visible day in the view).
+	//
+	// 3. Convert the "day offset" into a "date" (a Moment).
+	//
+	// The reverse transformation happens when transforming a date into a cell.
+
+
+	// exports
+	t.isHiddenDay = isHiddenDay;
+	t.skipHiddenDays = skipHiddenDays;
+	t.getCellsPerWeek = getCellsPerWeek;
+	t.dateToCell = dateToCell;
+	t.dateToDayOffset = dateToDayOffset;
+	t.dayOffsetToCellOffset = dayOffsetToCellOffset;
+	t.cellOffsetToCell = cellOffsetToCell;
+	t.cellToDate = cellToDate;
+	t.cellToCellOffset = cellToCellOffset;
+	t.cellOffsetToDayOffset = cellOffsetToDayOffset;
+	t.dayOffsetToDate = dayOffsetToDate;
+	t.rangeToSegments = rangeToSegments;
+	t.isMultiDayEvent = isMultiDayEvent;
+
+
+	// internals
+	var hiddenDays = opt('hiddenDays') || []; // array of day-of-week indices that are hidden
+	var isHiddenDayHash = []; // is the day-of-week hidden? (hash with day-of-week-index -> bool)
+	var cellsPerWeek;
+	var dayToCellMap = []; // hash from dayIndex -> cellIndex, for one week
+	var cellToDayMap = []; // hash from cellIndex -> dayIndex, for one week
+	var isRTL = opt('isRTL');
+
+
+	// initialize important internal variables
+	(function() {
+
+		if (opt('weekends') === false) {
+			hiddenDays.push(0, 6); // 0=sunday, 6=saturday
+		}
+
+		// Loop through a hypothetical week and determine which
+		// days-of-week are hidden. Record in both hashes (one is the reverse of the other).
+		for (var dayIndex=0, cellIndex=0; dayIndex<7; dayIndex++) {
+			dayToCellMap[dayIndex] = cellIndex;
+			isHiddenDayHash[dayIndex] = $.inArray(dayIndex, hiddenDays) != -1;
+			if (!isHiddenDayHash[dayIndex]) {
+				cellToDayMap[cellIndex] = dayIndex;
+				cellIndex++;
+			}
+		}
+
+		cellsPerWeek = cellIndex;
+		if (!cellsPerWeek) {
+			throw 'invalid hiddenDays'; // all days were hidden? bad.
+		}
+
+	})();
+
+
+	// Is the current day hidden?
+	// `day` is a day-of-week index (0-6), or a Moment
+	function isHiddenDay(day) {
+		if (moment.isMoment(day)) {
+			day = day.day();
+		}
+		return isHiddenDayHash[day];
+	}
+
+
+	function getCellsPerWeek() {
+		return cellsPerWeek;
+	}
+
+
+	// Incrementing the current day until it is no longer a hidden day, returning a copy.
+	// If the initial value of `date` is not a hidden day, don't do anything.
+	// Pass `isExclusive` as `true` if you are dealing with an end date.
+	// `inc` defaults to `1` (increment one day forward each time)
+	function skipHiddenDays(date, inc, isExclusive) {
+		var out = date.clone();
+		inc = inc || 1;
+		while (
+			isHiddenDayHash[(out.day() + (isExclusive ? inc : 0) + 7) % 7]
+		) {
+			out.add(inc, 'days');
+		}
+		return out;
+	}
+
+
+	//
+	// TRANSFORMATIONS: cell -> cell offset -> day offset -> date
+	//
+
+	// cell -> date (combines all transformations)
+	// Possible arguments:
+	// - row, col
+	// - { row:#, col: # }
+	function cellToDate() {
+		var cellOffset = cellToCellOffset.apply(null, arguments);
+		var dayOffset = cellOffsetToDayOffset(cellOffset);
+		var date = dayOffsetToDate(dayOffset);
+		return date;
+	}
+
+	// cell -> cell offset
+	// Possible arguments:
+	// - row, col
+	// - { row:#, col:# }
+	function cellToCellOffset(row, col) {
+		var colCnt = t.colCnt;
+
+		// rtl variables. wish we could pre-populate these. but where?
+		var dis = isRTL ? -1 : 1;
+		var dit = isRTL ? colCnt - 1 : 0;
+
+		if (typeof row == 'object') {
+			col = row.col;
+			row = row.row;
+		}
+		var cellOffset = row * colCnt + (col * dis + dit); // column, adjusted for RTL (dis & dit)
+
+		return cellOffset;
+	}
+
+	// cell offset -> day offset
+	function cellOffsetToDayOffset(cellOffset) {
+		var day0 = t.start.day(); // first date's day of week
+		cellOffset += dayToCellMap[day0]; // normlize cellOffset to beginning-of-week
+		return Math.floor(cellOffset / cellsPerWeek) * 7 + // # of days from full weeks
+			cellToDayMap[ // # of days from partial last week
+				(cellOffset % cellsPerWeek + cellsPerWeek) % cellsPerWeek // crazy math to handle negative cellOffsets
+			] -
+			day0; // adjustment for beginning-of-week normalization
+	}
+
+	// day offset -> date
+	function dayOffsetToDate(dayOffset) {
+		return t.start.clone().add(dayOffset, 'days');
+	}
+
+
+	//
+	// TRANSFORMATIONS: date -> day offset -> cell offset -> cell
+	//
+
+	// date -> cell (combines all transformations)
+	function dateToCell(date) {
+		var dayOffset = dateToDayOffset(date);
+		var cellOffset = dayOffsetToCellOffset(dayOffset);
+		var cell = cellOffsetToCell(cellOffset);
+		return cell;
+	}
+
+	// date -> day offset
+	function dateToDayOffset(date) {
+		return date.clone().stripTime().diff(t.start, 'days');
+	}
+
+	// day offset -> cell offset
+	function dayOffsetToCellOffset(dayOffset) {
+		var day0 = t.start.day(); // first date's day of week
+		dayOffset += day0; // normalize dayOffset to beginning-of-week
+		return Math.floor(dayOffset / 7) * cellsPerWeek + // # of cells from full weeks
+			dayToCellMap[ // # of cells from partial last week
+				(dayOffset % 7 + 7) % 7 // crazy math to handle negative dayOffsets
+			] -
+			dayToCellMap[day0]; // adjustment for beginning-of-week normalization
+	}
+
+	// cell offset -> cell (object with row & col keys)
+	function cellOffsetToCell(cellOffset) {
+		var colCnt = t.colCnt;
+
+		// rtl variables. wish we could pre-populate these. but where?
+		var dis = isRTL ? -1 : 1;
+		var dit = isRTL ? colCnt - 1 : 0;
+
+		var row = Math.floor(cellOffset / colCnt);
+		var col = ((cellOffset % colCnt + colCnt) % colCnt) * dis + dit; // column, adjusted for RTL (dis & dit)
+		return {
+			row: row,
+			col: col
+		};
+	}
+
+
+	//
+	// Converts a date range into an array of segment objects.
+	// "Segments" are horizontal stretches of time, sliced up by row.
+	// A segment object has the following properties:
+	// - row
+	// - cols
+	// - isStart
+	// - isEnd
+	//
+	function rangeToSegments(start, end) {
+
+		var rowCnt = t.rowCnt;
+		var colCnt = t.colCnt;
+		var segments = []; // array of segments to return
+
+		// day offset for given date range
+		var dayRange = computeDayRange(start, end); // convert to a whole-day range
+		var rangeDayOffsetStart = dateToDayOffset(dayRange.start);
+		var rangeDayOffsetEnd = dateToDayOffset(dayRange.end); // an exclusive value
+
+		// first and last cell offset for the given date range
+		// "last" implies inclusivity
+		var rangeCellOffsetFirst = dayOffsetToCellOffset(rangeDayOffsetStart);
+		var rangeCellOffsetLast = dayOffsetToCellOffset(rangeDayOffsetEnd) - 1;
+
+		// loop through all the rows in the view
+		for (var row=0; row<rowCnt; row++) {
+
+			// first and last cell offset for the row
+			var rowCellOffsetFirst = row * colCnt;
+			var rowCellOffsetLast = rowCellOffsetFirst + colCnt - 1;
+
+			// get the segment's cell offsets by constraining the range's cell offsets to the bounds of the row
+			var segmentCellOffsetFirst = Math.max(rangeCellOffsetFirst, rowCellOffsetFirst);
+			var segmentCellOffsetLast = Math.min(rangeCellOffsetLast, rowCellOffsetLast);
+
+			// make sure segment's offsets are valid and in view
+			if (segmentCellOffsetFirst <= segmentCellOffsetLast) {
+
+				// translate to cells
+				var segmentCellFirst = cellOffsetToCell(segmentCellOffsetFirst);
+				var segmentCellLast = cellOffsetToCell(segmentCellOffsetLast);
+
+				// view might be RTL, so order by leftmost column
+				var cols = [ segmentCellFirst.col, segmentCellLast.col ].sort(compareNumbers);
+
+				// Determine if segment's first/last cell is the beginning/end of the date range.
+				// We need to compare "day offset" because "cell offsets" are often ambiguous and
+				// can translate to multiple days, and an edge case reveals itself when we the
+				// range's first cell is hidden (we don't want isStart to be true).
+				var isStart = cellOffsetToDayOffset(segmentCellOffsetFirst) == rangeDayOffsetStart;
+				var isEnd = cellOffsetToDayOffset(segmentCellOffsetLast) + 1 == rangeDayOffsetEnd;
+				                                                   // +1 for comparing exclusively
+
+				segments.push({
+					row: row,
+					leftCol: cols[0],
+					rightCol: cols[1],
+					isStart: isStart,
+					isEnd: isEnd
+				});
+			}
+		}
+
+		return segments;
+	}
+
+
+	// Returns the date range of the full days the given range visually appears to occupy.
+	// Returns object with properties `start` (moment) and `end` (moment, exclusive end).
+	function computeDayRange(start, end) {
+		var startDay = start.clone().stripTime(); // the beginning of the day the range starts
+		var endDay;
+		var endTimeMS;
+
+		if (end) {
+			endDay = end.clone().stripTime(); // the beginning of the day the range exclusively ends
+			endTimeMS = +end.time(); // # of milliseconds into `endDay`
+
+			// If the end time is actually inclusively part of the next day and is equal to or
+			// beyond the next day threshold, adjust the end to be the exclusive end of `endDay`.
+			// Otherwise, leaving it as inclusive will cause it to exclude `endDay`.
+			if (endTimeMS && endTimeMS >= nextDayThreshold) {
+				endDay.add(1, 'days');
+			}
+		}
+
+		// If no end was specified, or if it is within `startDay` but not past nextDayThreshold,
+		// assign the default duration of one day.
+		if (!end || endDay <= startDay) {
+			endDay = startDay.clone().add(1, 'days');
+		}
+
+		return { start: startDay, end: endDay };
+	}
+
+
+	// Does the given event visually appear to occupy more than one day?
+	function isMultiDayEvent(event) {
+		var range = computeDayRange(event.start, event.end);
+
+		return range.end.diff(range.start, 'days') > 1;
+	}
+
+}
+
+
+/* Utils
+----------------------------------------------------------------------------------------------------------------------*/
+
+// Require all HTML5 data-* attributes used by FullCalendar to have this prefix.
+// A value of '' will query attributes like data-event. A value of 'fc' will query attributes like data-fc-event.
+fc.dataAttrPrefix = '';
+
+// Given a jQuery element that might represent a dragged FullCalendar event, returns an intermediate data structure
+// to be used for Event Object creation.
+// A defined `.eventProps`, even when empty, indicates that an event should be created.
+function getDraggedElMeta(el) {
+	var prefix = fc.dataAttrPrefix;
+	var eventProps; // properties for creating the event, not related to date/time
+	var startTime; // a Duration
+	var duration;
+	var stick;
+
+	if (prefix) { prefix += '-'; }
+	eventProps = el.data(prefix + 'event') || null;
+
+	if (eventProps) {
+		if (typeof eventProps === 'object') {
+			eventProps = $.extend({}, eventProps); // make a copy
+		}
+		else { // something like 1 or true. still signal event creation
+			eventProps = {};
+		}
+
+		// pluck special-cased date/time properties
+		startTime = eventProps.start;
+		if (startTime == null) { startTime = eventProps.time; } // accept 'time' as well
+		duration = eventProps.duration;
+		stick = eventProps.stick;
+		delete eventProps.start;
+		delete eventProps.time;
+		delete eventProps.duration;
+		delete eventProps.stick;
+	}
+
+	// fallback to standalone attribute values for each of the date/time properties
+	if (startTime == null) { startTime = el.data(prefix + 'start'); }
+	if (startTime == null) { startTime = el.data(prefix + 'time'); } // accept 'time' as well
+	if (duration == null) { duration = el.data(prefix + 'duration'); }
+	if (stick == null) { stick = el.data(prefix + 'stick'); }
+
+	// massage into correct data types
+	startTime = startTime != null ? moment.duration(startTime) : null;
+	duration = duration != null ? moment.duration(duration) : null;
+	stick = Boolean(stick);
+
+	return { eventProps: eventProps, startTime: startTime, duration: duration, stick: stick };
+}
+
+;;
+
+/* An abstract class for the "basic" views, as well as month view. Renders one or more rows of day cells.
+----------------------------------------------------------------------------------------------------------------------*/
+// It is a manager for a DayGrid subcomponent, which does most of the heavy lifting.
+// It is responsible for managing width/height.
+
+function BasicView(calendar) {
+	View.call(this, calendar); // call the super-constructor
+	this.dayGrid = new DayGrid(this);
+	this.coordMap = this.dayGrid.coordMap; // the view's date-to-cell mapping is identical to the subcomponent's
+}
+
+
+BasicView.prototype = createObject(View.prototype); // define the super-class
+$.extend(BasicView.prototype, {
+
+	dayGrid: null, // the main subcomponent that does most of the heavy lifting
+
+	dayNumbersVisible: false, // display day numbers on each day cell?
+	weekNumbersVisible: false, // display week numbers along the side?
+
+	weekNumberWidth: null, // width of all the week-number cells running down the side
+
+	headRowEl: null, // the fake row element of the day-of-week header
+
+
+	// Renders the view into `this.el`, which should already be assigned.
+	// rowCnt, colCnt, and dayNumbersVisible have been calculated by a subclass and passed here.
+	render: function(rowCnt, colCnt, dayNumbersVisible) {
+
+		// needed for cell-to-date and date-to-cell calculations in View
+		this.rowCnt = rowCnt;
+		this.colCnt = colCnt;
+
+		this.dayNumbersVisible = dayNumbersVisible;
+		this.weekNumbersVisible = this.opt('weekNumbers');
+		this.dayGrid.numbersVisible = this.dayNumbersVisible || this.weekNumbersVisible;
+
+		this.el.addClass('fc-basic-view').html(this.renderHtml());
+
+		this.headRowEl = this.el.find('thead .fc-row');
+
+		this.scrollerEl = this.el.find('.fc-day-grid-container');
+		this.dayGrid.coordMap.containerEl = this.scrollerEl; // constrain clicks/etc to the dimensions of the scroller
+
+		this.dayGrid.el = this.el.find('.fc-day-grid');
+		this.dayGrid.render(this.hasRigidRows());
+
+		View.prototype.render.call(this); // call the super-method
+	},
+
+
+	// Make subcomponents ready for cleanup
+	destroy: function() {
+		this.dayGrid.destroy();
+		View.prototype.destroy.call(this); // call the super-method
+	},
+
+
+	// Builds the HTML skeleton for the view.
+	// The day-grid component will render inside of a container defined by this HTML.
+	renderHtml: function() {
+		return '' +
+			'<table>' +
+				'<thead>' +
+					'<tr>' +
+						'<td class="' + this.widgetHeaderClass + '">' +
+							this.dayGrid.headHtml() + // render the day-of-week headers
+						'</td>' +
+					'</tr>' +
+				'</thead>' +
+				'<tbody>' +
+					'<tr>' +
+						'<td class="' + this.widgetContentClass + '">' +
+							'<div class="fc-day-grid-container">' +
+								'<div class="fc-day-grid"/>' +
+							'</div>' +
+						'</td>' +
+					'</tr>' +
+				'</tbody>' +
+			'</table>';
+	},
+
+
+	// Generates the HTML that will go before the day-of week header cells.
+	// Queried by the DayGrid subcomponent when generating rows. Ordering depends on isRTL.
+	headIntroHtml: function() {
+		if (this.weekNumbersVisible) {
+			return '' +
+				'<th class="fc-week-number ' + this.widgetHeaderClass + '" ' + this.weekNumberStyleAttr() + '>' +
+					'<span>' + // needed for matchCellWidths
+						htmlEscape(this.opt('weekNumberTitle')) +
+					'</span>' +
+				'</th>';
+		}
+	},
+
+
+	// Generates the HTML that will go before content-skeleton cells that display the day/week numbers.
+	// Queried by the DayGrid subcomponent. Ordering depends on isRTL.
+	numberIntroHtml: function(row) {
+		if (this.weekNumbersVisible) {
+			return '' +
+				'<td class="fc-week-number" ' + this.weekNumberStyleAttr() + '>' +
+					'<span>' + // needed for matchCellWidths
+						this.calendar.calculateWeekNumber(this.cellToDate(row, 0)) +
+					'</span>' +
+				'</td>';
+		}
+	},
+
+
+	// Generates the HTML that goes before the day bg cells for each day-row.
+	// Queried by the DayGrid subcomponent. Ordering depends on isRTL.
+	dayIntroHtml: function() {
+		if (this.weekNumbersVisible) {
+			return '<td class="fc-week-number ' + this.widgetContentClass + '" ' +
+				this.weekNumberStyleAttr() + '></td>';
+		}
+	},
+
+
+	// Generates the HTML that goes before every other type of row generated by DayGrid. Ordering depends on isRTL.
+	// Affects helper-skeleton and highlight-skeleton rows.
+	introHtml: function() {
+		if (this.weekNumbersVisible) {
+			return '<td class="fc-week-number" ' + this.weekNumberStyleAttr() + '></td>';
+		}
+	},
+
+
+	// Generates the HTML for the <td>s of the "number" row in the DayGrid's content skeleton.
+	// The number row will only exist if either day numbers or week numbers are turned on.
+	numberCellHtml: function(row, col, date) {
+		var classes;
+
+		if (!this.dayNumbersVisible) { // if there are week numbers but not day numbers
+			return '<td/>'; //  will create an empty space above events :(
+		}
+
+		classes = this.dayGrid.getDayClasses(date);
+		classes.unshift('fc-day-number');
+
+		return '' +
+			'<td class="' + classes.join(' ') + '" data-date="' + date.format() + '">' +
+				date.date() +
+			'</td>';
+	},
+
+
+	// Generates an HTML attribute string for setting the width of the week number column, if it is known
+	weekNumberStyleAttr: function() {
+		if (this.weekNumberWidth !== null) {
+			return 'style="width:' + this.weekNumberWidth + 'px"';
+		}
+		return '';
+	},
+
+
+	// Determines whether each row should have a constant height
+	hasRigidRows: function() {
+		var eventLimit = this.opt('eventLimit');
+		return eventLimit && typeof eventLimit !== 'number';
+	},
+
+
+	/* Dimensions
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Refreshes the horizontal dimensions of the view
+	updateWidth: function() {
+		if (this.weekNumbersVisible) {
+			// Make sure all week number cells running down the side have the same width.
+			// Record the width for cells created later.
+			this.weekNumberWidth = matchCellWidths(
+				this.el.find('.fc-week-number')
+			);
+		}
+	},
+
+
+	// Adjusts the vertical dimensions of the view to the specified values
+	setHeight: function(totalHeight, isAuto) {
+		var eventLimit = this.opt('eventLimit');
+		var scrollerHeight;
+
+		// reset all heights to be natural
+		unsetScroller(this.scrollerEl);
+		uncompensateScroll(this.headRowEl);
+
+		this.dayGrid.destroySegPopover(); // kill the "more" popover if displayed
+
+		// is the event limit a constant level number?
+		if (eventLimit && typeof eventLimit === 'number') {
+			this.dayGrid.limitRows(eventLimit); // limit the levels first so the height can redistribute after
+		}
+
+		scrollerHeight = this.computeScrollerHeight(totalHeight);
+		this.setGridHeight(scrollerHeight, isAuto);
+
+		// is the event limit dynamically calculated?
+		if (eventLimit && typeof eventLimit !== 'number') {
+			this.dayGrid.limitRows(eventLimit); // limit the levels after the grid's row heights have been set
+		}
+
+		if (!isAuto && setPotentialScroller(this.scrollerEl, scrollerHeight)) { // using scrollbars?
+
+			compensateScroll(this.headRowEl, getScrollbarWidths(this.scrollerEl));
+
+			// doing the scrollbar compensation might have created text overflow which created more height. redo
+			scrollerHeight = this.computeScrollerHeight(totalHeight);
+			this.scrollerEl.height(scrollerHeight);
+
+			this.restoreScroll();
+		}
+	},
+
+
+	// Sets the height of just the DayGrid component in this view
+	setGridHeight: function(height, isAuto) {
+		if (isAuto) {
+			undistributeHeight(this.dayGrid.rowEls); // let the rows be their natural height with no expanding
+		}
+		else {
+			distributeHeight(this.dayGrid.rowEls, height, true); // true = compensate for height-hogging rows
+		}
+	},
+
+
+	/* Events
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders the given events onto the view and populates the segments array
+	renderEvents: function(events) {
+		this.dayGrid.renderEvents(events);
+
+		this.updateHeight(); // must compensate for events that overflow the row
+
+		View.prototype.renderEvents.call(this, events); // call the super-method
+	},
+
+
+	// Retrieves all segment objects that are rendered in the view
+	getSegs: function() {
+		return this.dayGrid.getSegs();
+	},
+
+
+	// Unrenders all event elements and clears internal segment data
+	destroyEvents: function() {
+		View.prototype.destroyEvents.call(this); // do this before dayGrid's segs have been cleared
+
+		this.recordScroll(); // removing events will reduce height and mess with the scroll, so record beforehand
+		this.dayGrid.destroyEvents();
+
+		// we DON'T need to call updateHeight() because:
+		// A) a renderEvents() call always happens after this, which will eventually call updateHeight()
+		// B) in IE8, this causes a flash whenever events are rerendered
+	},
+
+
+	/* Event Dragging
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders a visual indication of an event being dragged over the view.
+	// A returned value of `true` signals that a mock "helper" event has been rendered.
+	renderDrag: function(start, end, seg) {
+		return this.dayGrid.renderDrag(start, end, seg);
+	},
+
+
+	// Unrenders the visual indication of an event being dragged over the view
+	destroyDrag: function() {
+		this.dayGrid.destroyDrag();
+	},
+
+
+	/* Selection
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders a visual indication of a selection
+	renderSelection: function(start, end) {
+		this.dayGrid.renderSelection(start, end);
+	},
+
+
+	// Unrenders a visual indications of a selection
+	destroySelection: function() {
+		this.dayGrid.destroySelection();
+	}
+
+});
+
+;;
+
+/* A month view with day cells running in rows (one-per-week) and columns
+----------------------------------------------------------------------------------------------------------------------*/
+
+setDefaults({
+	fixedWeekCount: true
+});
+
+fcViews.month = MonthView; // register the view
+
+function MonthView(calendar) {
+	BasicView.call(this, calendar); // call the super-constructor
+}
+
+
+MonthView.prototype = createObject(BasicView.prototype); // define the super-class
+$.extend(MonthView.prototype, {
+
+	name: 'month',
+
+
+	incrementDate: function(date, delta) {
+		return date.clone().stripTime().add(delta, 'months').startOf('month');
+	},
+
+
+	render: function(date) {
+		var rowCnt;
+
+		this.intervalStart = date.clone().stripTime().startOf('month');
+		this.intervalEnd = this.intervalStart.clone().add(1, 'months');
+
+		this.start = this.intervalStart.clone();
+		this.start = this.skipHiddenDays(this.start); // move past the first week if no visible days
+		this.start.startOf('week');
+		this.start = this.skipHiddenDays(this.start); // move past the first invisible days of the week
+
+		this.end = this.intervalEnd.clone();
+		this.end = this.skipHiddenDays(this.end, -1, true); // move in from the last week if no visible days
+		this.end.add((7 - this.end.weekday()) % 7, 'days'); // move to end of week if not already
+		this.end = this.skipHiddenDays(this.end, -1, true); // move in from the last invisible days of the week
+
+		rowCnt = Math.ceil( // need to ceil in case there are hidden days
+			this.end.diff(this.start, 'weeks', true) // returnfloat=true
+		);
+		if (this.isFixedWeeks()) {
+			this.end.add(6 - rowCnt, 'weeks');
+			rowCnt = 6;
+		}
+
+		this.title = this.calendar.formatDate(this.intervalStart, this.opt('titleFormat'));
+
+		BasicView.prototype.render.call(this, rowCnt, this.getCellsPerWeek(), true); // call the super-method
+	},
+
+
+	// Overrides the default BasicView behavior to have special multi-week auto-height logic
+	setGridHeight: function(height, isAuto) {
+
+		isAuto = isAuto || this.opt('weekMode') === 'variable'; // LEGACY: weekMode is deprecated
+
+		// if auto, make the height of each row the height that it would be if there were 6 weeks
+		if (isAuto) {
+			height *= this.rowCnt / 6;
+		}
+
+		distributeHeight(this.dayGrid.rowEls, height, !isAuto); // if auto, don't compensate for height-hogging rows
+	},
+
+
+	isFixedWeeks: function() {
+		var weekMode = this.opt('weekMode'); // LEGACY: weekMode is deprecated
+		if (weekMode) {
+			return weekMode === 'fixed'; // if any other type of weekMode, assume NOT fixed
+		}
+
+		return this.opt('fixedWeekCount');
+	}
+
+});
+
+;;
+
+/* A week view with simple day cells running horizontally
+----------------------------------------------------------------------------------------------------------------------*/
+// TODO: a WeekView mixin for calculating dates and titles
+
+fcViews.basicWeek = BasicWeekView; // register this view
+
+function BasicWeekView(calendar) {
+	BasicView.call(this, calendar); // call the super-constructor
+}
+
+
+BasicWeekView.prototype = createObject(BasicView.prototype); // define the super-class
+$.extend(BasicWeekView.prototype, {
+
+	name: 'basicWeek',
+
+
+	incrementDate: function(date, delta) {
+		return date.clone().stripTime().add(delta, 'weeks').startOf('week');
+	},
+
+
+	render: function(date) {
+
+		this.intervalStart = date.clone().stripTime().startOf('week');
+		this.intervalEnd = this.intervalStart.clone().add(1, 'weeks');
+
+		this.start = this.skipHiddenDays(this.intervalStart);
+		this.end = this.skipHiddenDays(this.intervalEnd, -1, true);
+
+		this.title = this.calendar.formatRange(
+			this.start,
+			this.end.clone().subtract(1), // make inclusive by subtracting 1 ms
+			this.opt('titleFormat'),
+			' \u2014 ' // emphasized dash
+		);
+
+		BasicView.prototype.render.call(this, 1, this.getCellsPerWeek(), false); // call the super-method
+	}
+	
+});
+;;
+
+/* A view with a single simple day cell
+----------------------------------------------------------------------------------------------------------------------*/
+
+fcViews.basicDay = BasicDayView; // register this view
+
+function BasicDayView(calendar) {
+	BasicView.call(this, calendar); // call the super-constructor
+}
+
+
+BasicDayView.prototype = createObject(BasicView.prototype); // define the super-class
+$.extend(BasicDayView.prototype, {
+
+	name: 'basicDay',
+
+
+	incrementDate: function(date, delta) {
+		var out = date.clone().stripTime().add(delta, 'days');
+		out = this.skipHiddenDays(out, delta < 0 ? -1 : 1);
+		return out;
+	},
+
+
+	render: function(date) {
+
+		this.start = this.intervalStart = date.clone().stripTime();
+		this.end = this.intervalEnd = this.start.clone().add(1, 'days');
+
+		this.title = this.calendar.formatDate(this.start, this.opt('titleFormat'));
+
+		BasicView.prototype.render.call(this, 1, 1, false); // call the super-method
+	}
+
+});
+;;
+
+/* An abstract class for all agenda-related views. Displays one more columns with time slots running vertically.
+----------------------------------------------------------------------------------------------------------------------*/
+// Is a manager for the TimeGrid subcomponent and possibly the DayGrid subcomponent (if allDaySlot is on).
+// Responsible for managing width/height.
+
+setDefaults({
+	allDaySlot: true,
+	allDayText: 'all-day',
+
+	scrollTime: '06:00:00',
+
+	slotDuration: '00:30:00',
+
+	axisFormat: generateAgendaAxisFormat,
+	timeFormat: {
+		agenda: generateAgendaTimeFormat
+	},
+
+	minTime: '00:00:00',
+	maxTime: '24:00:00',
+	slotEventOverlap: true
+});
+
+var AGENDA_ALL_DAY_EVENT_LIMIT = 5;
+
+
+function generateAgendaAxisFormat(options, langData) {
+	return langData.longDateFormat('LT')
+		.replace(':mm', '(:mm)')
+		.replace(/(\Wmm)$/, '($1)') // like above, but for foreign langs
+		.replace(/\s*a$/i, 'a'); // convert AM/PM/am/pm to lowercase. remove any spaces beforehand
+}
+
+
+function generateAgendaTimeFormat(options, langData) {
+	return langData.longDateFormat('LT')
+		.replace(/\s*a$/i, ''); // remove trailing AM/PM
+}
+
+
+function AgendaView(calendar) {
+	View.call(this, calendar); // call the super-constructor
+
+	this.timeGrid = new TimeGrid(this);
+
+	if (this.opt('allDaySlot')) { // should we display the "all-day" area?
+		this.dayGrid = new DayGrid(this); // the all-day subcomponent of this view
+
+		// the coordinate grid will be a combination of both subcomponents' grids
+		this.coordMap = new ComboCoordMap([
+			this.dayGrid.coordMap,
+			this.timeGrid.coordMap
+		]);
+	}
+	else {
+		this.coordMap = this.timeGrid.coordMap;
+	}
+}
+
+
+AgendaView.prototype = createObject(View.prototype); // define the super-class
+$.extend(AgendaView.prototype, {
+
+	timeGrid: null, // the main time-grid subcomponent of this view
+	dayGrid: null, // the "all-day" subcomponent. if all-day is turned off, this will be null
+
+	axisWidth: null, // the width of the time axis running down the side
+
+	noScrollRowEls: null, // set of fake row elements that must compensate when scrollerEl has scrollbars
+
+	// when the time-grid isn't tall enough to occupy the given height, we render an <hr> underneath
+	bottomRuleEl: null,
+	bottomRuleHeight: null,
+
+
+	/* Rendering
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders the view into `this.el`, which has already been assigned.
+	// `colCnt` has been calculated by a subclass and passed here.
+	render: function(colCnt) {
+
+		// needed for cell-to-date and date-to-cell calculations in View
+		this.rowCnt = 1;
+		this.colCnt = colCnt;
+
+		this.el.addClass('fc-agenda-view').html(this.renderHtml());
+
+		// the element that wraps the time-grid that will probably scroll
+		this.scrollerEl = this.el.find('.fc-time-grid-container');
+		this.timeGrid.coordMap.containerEl = this.scrollerEl; // don't accept clicks/etc outside of this
+
+		this.timeGrid.el = this.el.find('.fc-time-grid');
+		this.timeGrid.render();
+
+		// the <hr> that sometimes displays under the time-grid
+		this.bottomRuleEl = $('<hr class="' + this.widgetHeaderClass + '"/>')
+			.appendTo(this.timeGrid.el); // inject it into the time-grid
+
+		if (this.dayGrid) {
+			this.dayGrid.el = this.el.find('.fc-day-grid');
+			this.dayGrid.render();
+
+			// have the day-grid extend it's coordinate area over the <hr> dividing the two grids
+			this.dayGrid.bottomCoordPadding = this.dayGrid.el.next('hr').outerHeight();
+		}
+
+		this.noScrollRowEls = this.el.find('.fc-row:not(.fc-scroller *)'); // fake rows not within the scroller
+
+		View.prototype.render.call(this); // call the super-method
+
+		this.resetScroll(); // do this after sizes have been set
+	},
+
+
+	// Make subcomponents ready for cleanup
+	destroy: function() {
+		this.timeGrid.destroy();
+		if (this.dayGrid) {
+			this.dayGrid.destroy();
+		}
+		View.prototype.destroy.call(this); // call the super-method
+	},
+
+
+	// Builds the HTML skeleton for the view.
+	// The day-grid and time-grid components will render inside containers defined by this HTML.
+	renderHtml: function() {
+		return '' +
+			'<table>' +
+				'<thead>' +
+					'<tr>' +
+						'<td class="' + this.widgetHeaderClass + '">' +
+							this.timeGrid.headHtml() + // render the day-of-week headers
+						'</td>' +
+					'</tr>' +
+				'</thead>' +
+				'<tbody>' +
+					'<tr>' +
+						'<td class="' + this.widgetContentClass + '">' +
+							(this.dayGrid ?
+								'<div class="fc-day-grid"/>' +
+								'<hr class="' + this.widgetHeaderClass + '"/>' :
+								''
+								) +
+							'<div class="fc-time-grid-container">' +
+								'<div class="fc-time-grid"/>' +
+							'</div>' +
+						'</td>' +
+					'</tr>' +
+				'</tbody>' +
+			'</table>';
+	},
+
+
+	// Generates the HTML that will go before the day-of week header cells.
+	// Queried by the TimeGrid subcomponent when generating rows. Ordering depends on isRTL.
+	headIntroHtml: function() {
+		var date;
+		var weekNumber;
+		var weekTitle;
+		var weekText;
+
+		if (this.opt('weekNumbers')) {
+			date = this.cellToDate(0, 0);
+			weekNumber = this.calendar.calculateWeekNumber(date);
+			weekTitle = this.opt('weekNumberTitle');
+
+			if (this.opt('isRTL')) {
+				weekText = weekNumber + weekTitle;
+			}
+			else {
+				weekText = weekTitle + weekNumber;
+			}
+
+			return '' +
+				'<th class="fc-axis fc-week-number ' + this.widgetHeaderClass + '" ' + this.axisStyleAttr() + '>' +
+					'<span>' + // needed for matchCellWidths
+						htmlEscape(weekText) +
+					'</span>' +
+				'</th>';
+		}
+		else {
+			return '<th class="fc-axis ' + this.widgetHeaderClass + '" ' + this.axisStyleAttr() + '></th>';
+		}
+	},
+
+
+	// Generates the HTML that goes before the all-day cells.
+	// Queried by the DayGrid subcomponent when generating rows. Ordering depends on isRTL.
+	dayIntroHtml: function() {
+		return '' +
+			'<td class="fc-axis ' + this.widgetContentClass + '" ' + this.axisStyleAttr() + '>' +
+				'<span>' + // needed for matchCellWidths
+					(this.opt('allDayHtml') || htmlEscape(this.opt('allDayText'))) +
+				'</span>' +
+			'</td>';
+	},
+
+
+	// Generates the HTML that goes before the bg of the TimeGrid slot area. Long vertical column.
+	slotBgIntroHtml: function() {
+		return '<td class="fc-axis ' + this.widgetContentClass + '" ' + this.axisStyleAttr() + '></td>';
+	},
+
+
+	// Generates the HTML that goes before all other types of cells.
+	// Affects content-skeleton, helper-skeleton, highlight-skeleton for both the time-grid and day-grid.
+	// Queried by the TimeGrid and DayGrid subcomponents when generating rows. Ordering depends on isRTL.
+	introHtml: function() {
+		return '<td class="fc-axis" ' + this.axisStyleAttr() + '></td>';
+	},
+
+
+	// Generates an HTML attribute string for setting the width of the axis, if it is known
+	axisStyleAttr: function() {
+		if (this.axisWidth !== null) {
+			 return 'style="width:' + this.axisWidth + 'px"';
+		}
+		return '';
+	},
+
+
+	/* Dimensions
+	------------------------------------------------------------------------------------------------------------------*/
+
+	updateSize: function(isResize) {
+		if (isResize) {
+			this.timeGrid.resize();
+		}
+		View.prototype.updateSize.call(this, isResize);
+	},
+
+
+	// Refreshes the horizontal dimensions of the view
+	updateWidth: function() {
+		// make all axis cells line up, and record the width so newly created axis cells will have it
+		this.axisWidth = matchCellWidths(this.el.find('.fc-axis'));
+	},
+
+
+	// Adjusts the vertical dimensions of the view to the specified values
+	setHeight: function(totalHeight, isAuto) {
+		var eventLimit;
+		var scrollerHeight;
+
+		if (this.bottomRuleHeight === null) {
+			// calculate the height of the rule the very first time
+			this.bottomRuleHeight = this.bottomRuleEl.outerHeight();
+		}
+		this.bottomRuleEl.hide(); // .show() will be called later if this <hr> is necessary
+
+		// reset all dimensions back to the original state
+		this.scrollerEl.css('overflow', '');
+		unsetScroller(this.scrollerEl);
+		uncompensateScroll(this.noScrollRowEls);
+
+		// limit number of events in the all-day area
+		if (this.dayGrid) {
+			this.dayGrid.destroySegPopover(); // kill the "more" popover if displayed
+
+			eventLimit = this.opt('eventLimit');
+			if (eventLimit && typeof eventLimit !== 'number') {
+				eventLimit = AGENDA_ALL_DAY_EVENT_LIMIT; // make sure "auto" goes to a real number
+			}
+			if (eventLimit) {
+				this.dayGrid.limitRows(eventLimit);
+			}
+		}
+
+		if (!isAuto) { // should we force dimensions of the scroll container, or let the contents be natural height?
+
+			scrollerHeight = this.computeScrollerHeight(totalHeight);
+			if (setPotentialScroller(this.scrollerEl, scrollerHeight)) { // using scrollbars?
+
+				// make the all-day and header rows lines up
+				compensateScroll(this.noScrollRowEls, getScrollbarWidths(this.scrollerEl));
+
+				// the scrollbar compensation might have changed text flow, which might affect height, so recalculate
+				// and reapply the desired height to the scroller.
+				scrollerHeight = this.computeScrollerHeight(totalHeight);
+				this.scrollerEl.height(scrollerHeight);
+
+				this.restoreScroll();
+			}
+			else { // no scrollbars
+				// still, force a height and display the bottom rule (marks the end of day)
+				this.scrollerEl.height(scrollerHeight).css('overflow', 'hidden'); // in case <hr> goes outside
+				this.bottomRuleEl.show();
+			}
+		}
+	},
+
+
+	// Sets the scroll value of the scroller to the intial pre-configured state prior to allowing the user to change it.
+	resetScroll: function() {
+		var _this = this;
+		var scrollTime = moment.duration(this.opt('scrollTime'));
+		var top = this.timeGrid.computeTimeTop(scrollTime);
+
+		// zoom can give weird floating-point values. rather scroll a little bit further
+		top = Math.ceil(top);
+
+		if (top) {
+			top++; // to overcome top border that slots beyond the first have. looks better
+		}
+
+		function scroll() {
+			_this.scrollerEl.scrollTop(top);
+		}
+
+		scroll();
+		setTimeout(scroll, 0); // overrides any previous scroll state made by the browser
+	},
+
+
+	/* Events
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders events onto the view and populates the View's segment array
+	renderEvents: function(events) {
+		var dayEvents = [];
+		var timedEvents = [];
+		var daySegs = [];
+		var timedSegs;
+		var i;
+
+		// separate the events into all-day and timed
+		for (i = 0; i < events.length; i++) {
+			if (events[i].allDay) {
+				dayEvents.push(events[i]);
+			}
+			else {
+				timedEvents.push(events[i]);
+			}
+		}
+
+		// render the events in the subcomponents
+		timedSegs = this.timeGrid.renderEvents(timedEvents);
+		if (this.dayGrid) {
+			daySegs = this.dayGrid.renderEvents(dayEvents);
+		}
+
+		// the all-day area is flexible and might have a lot of events, so shift the height
+		this.updateHeight();
+
+		View.prototype.renderEvents.call(this, events); // call the super-method
+	},
+
+
+	// Retrieves all segment objects that are rendered in the view
+	getSegs: function() {
+		return this.timeGrid.getSegs().concat(
+			this.dayGrid ? this.dayGrid.getSegs() : []
+		);
+	},
+
+
+	// Unrenders all event elements and clears internal segment data
+	destroyEvents: function() {
+		View.prototype.destroyEvents.call(this); // do this before the grids' segs have been cleared
+
+		// if destroyEvents is being called as part of an event rerender, renderEvents will be called shortly
+		// after, so remember what the scroll value was so we can restore it.
+		this.recordScroll();
+
+		// destroy the events in the subcomponents
+		this.timeGrid.destroyEvents();
+		if (this.dayGrid) {
+			this.dayGrid.destroyEvents();
+		}
+
+		// we DON'T need to call updateHeight() because:
+		// A) a renderEvents() call always happens after this, which will eventually call updateHeight()
+		// B) in IE8, this causes a flash whenever events are rerendered
+	},
+
+
+	/* Event Dragging
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders a visual indication of an event being dragged over the view.
+	// A returned value of `true` signals that a mock "helper" event has been rendered.
+	renderDrag: function(start, end, seg) {
+		if (start.hasTime()) {
+			return this.timeGrid.renderDrag(start, end, seg);
+		}
+		else if (this.dayGrid) {
+			return this.dayGrid.renderDrag(start, end, seg);
+		}
+	},
+
+
+	// Unrenders a visual indications of an event being dragged over the view
+	destroyDrag: function() {
+		this.timeGrid.destroyDrag();
+		if (this.dayGrid) {
+			this.dayGrid.destroyDrag();
+		}
+	},
+
+
+	/* Selection
+	------------------------------------------------------------------------------------------------------------------*/
+
+
+	// Renders a visual indication of a selection
+	renderSelection: function(start, end) {
+		if (start.hasTime() || end.hasTime()) {
+			this.timeGrid.renderSelection(start, end);
+		}
+		else if (this.dayGrid) {
+			this.dayGrid.renderSelection(start, end);
+		}
+	},
+
+
+	// Unrenders a visual indications of a selection
+	destroySelection: function() {
+		this.timeGrid.destroySelection();
+		if (this.dayGrid) {
+			this.dayGrid.destroySelection();
+		}
+	}
+
+});
+
+;;
+
+/* A week view with an all-day cell area at the top, and a time grid below
+----------------------------------------------------------------------------------------------------------------------*/
+// TODO: a WeekView mixin for calculating dates and titles
+
+fcViews.agendaWeek = AgendaWeekView; // register the view
+
+function AgendaWeekView(calendar) {
+	AgendaView.call(this, calendar); // call the super-constructor
+}
+
+
+AgendaWeekView.prototype = createObject(AgendaView.prototype); // define the super-class
+$.extend(AgendaWeekView.prototype, {
+
+	name: 'agendaWeek',
+
+
+	incrementDate: function(date, delta) {
+		return date.clone().stripTime().add(delta, 'weeks').startOf('week');
+	},
+
+
+	render: function(date) {
+
+		this.intervalStart = date.clone().stripTime().startOf('week');
+		this.intervalEnd = this.intervalStart.clone().add(1, 'weeks');
+
+		this.start = this.skipHiddenDays(this.intervalStart);
+		this.end = this.skipHiddenDays(this.intervalEnd, -1, true);
+
+		this.title = this.calendar.formatRange(
+			this.start,
+			this.end.clone().subtract(1), // make inclusive by subtracting 1 ms
+			this.opt('titleFormat'),
+			' \u2014 ' // emphasized dash
+		);
+
+		AgendaView.prototype.render.call(this, this.getCellsPerWeek()); // call the super-method
+	}
+
+});
+
+;;
+
+/* A day view with an all-day cell area at the top, and a time grid below
+----------------------------------------------------------------------------------------------------------------------*/
+
+fcViews.agendaDay = AgendaDayView; // register the view
+
+function AgendaDayView(calendar) {
+	AgendaView.call(this, calendar); // call the super-constructor
+}
+
+
+AgendaDayView.prototype = createObject(AgendaView.prototype); // define the super-class
+$.extend(AgendaDayView.prototype, {
+
+	name: 'agendaDay',
+
+
+	incrementDate: function(date, delta) {
+		var out = date.clone().stripTime().add(delta, 'days');
+		out = this.skipHiddenDays(out, delta < 0 ? -1 : 1);
+		return out;
+	},
+
+
+	render: function(date) {
+
+		this.start = this.intervalStart = date.clone().stripTime();
+		this.end = this.intervalEnd = this.start.clone().add(1, 'days');
+
+		this.title = this.calendar.formatDate(this.start, this.opt('titleFormat'));
+
+		AgendaView.prototype.render.call(this, 1); // call the super-method
+	}
+
+});
+
+;;
+
+});
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/html5shiv.js b/web/bootstrap-ace-admin/js/html5shiv.js
new file mode 100755
index 00000000..85e0ec1f
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/html5shiv.js
@@ -0,0 +1,350 @@
+/**
+* @preserve HTML5 Shiv 3.7.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+*/
+;(function(window, document) {
+/*jshint evil:true */
+  /** version */
+  var version = '3.7.2';
+
+  /** Preset options */
+  var options = window.html5 || {};
+
+  /** Used to skip problem elements */
+  var reSkip = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i;
+
+  /** Not all elements can be cloned in IE **/
+  var saveClones = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i;
+
+  /** Detect whether the browser supports default html5 styles */
+  var supportsHtml5Styles;
+
+  /** Name of the expando, to work with multiple documents or to re-shiv one document */
+  var expando = '_html5shiv';
+
+  /** The id for the the documents expando */
+  var expanID = 0;
+
+  /** Cached data for each document */
+  var expandoData = {};
+
+  /** Detect whether the browser supports unknown elements */
+  var supportsUnknownElements;
+
+  (function() {
+    try {
+        var a = document.createElement('a');
+        a.innerHTML = '<xyz></xyz>';
+        //if the hidden property is implemented we can assume, that the browser supports basic HTML5 Styles
+        supportsHtml5Styles = ('hidden' in a);
+
+        supportsUnknownElements = a.childNodes.length == 1 || (function() {
+          // assign a false positive if unable to shiv
+          (document.createElement)('a');
+          var frag = document.createDocumentFragment();
+          return (
+            typeof frag.cloneNode == 'undefined' ||
+            typeof frag.createDocumentFragment == 'undefined' ||
+            typeof frag.createElement == 'undefined'
+          );
+        }());
+    } catch(e) {
+      // assign a false positive if detection fails => unable to shiv
+      supportsHtml5Styles = true;
+      supportsUnknownElements = true;
+    }
+
+  }());
+
+  /*--------------------------------------------------------------------------*/
+
+  /**
+   * Creates a style sheet with the given CSS text and adds it to the document.
+   * @private
+   * @param {Document} ownerDocument The document.
+   * @param {String} cssText The CSS text.
+   * @returns {StyleSheet} The style element.
+   */
+  function addStyleSheet(ownerDocument, cssText) {
+    var p = ownerDocument.createElement('p'),
+        parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement;
+
+    p.innerHTML = 'x<style>' + cssText + '</style>';
+    return parent.insertBefore(p.lastChild, parent.firstChild);
+  }
+
+  /**
+   * Returns the value of `html5.elements` as an array.
+   * @private
+   * @returns {Array} An array of shived element node names.
+   */
+  function getElements() {
+    var elements = html5.elements;
+    return typeof elements == 'string' ? elements.split(' ') : elements;
+  }
+
+  /**
+   * Extends the built-in list of html5 elements
+   * @memberOf html5
+   * @param {String|Array} newElements whitespace separated list or array of new element names to shiv
+   * @param {Document} ownerDocument The context document.
+   */
+  function addElements(newElements, ownerDocument) {
+    var elements = html5.elements;
+    if(typeof elements != 'string'){
+      elements = elements.join(' ');
+    }
+    if(typeof newElements != 'string'){
+      newElements = newElements.join(' ');
+    }
+    html5.elements = elements +' '+ newElements;
+    shivDocument(ownerDocument);
+  }
+
+   /**
+   * Returns the data associated to the given document
+   * @private
+   * @param {Document} ownerDocument The document.
+   * @returns {Object} An object of data.
+   */
+  function getExpandoData(ownerDocument) {
+    var data = expandoData[ownerDocument[expando]];
+    if (!data) {
+        data = {};
+        expanID++;
+        ownerDocument[expando] = expanID;
+        expandoData[expanID] = data;
+    }
+    return data;
+  }
+
+  /**
+   * returns a shived element for the given nodeName and document
+   * @memberOf html5
+   * @param {String} nodeName name of the element
+   * @param {Document} ownerDocument The context document.
+   * @returns {Object} The shived element.
+   */
+  function createElement(nodeName, ownerDocument, data){
+    if (!ownerDocument) {
+        ownerDocument = document;
+    }
+    if(supportsUnknownElements){
+        return ownerDocument.createElement(nodeName);
+    }
+    if (!data) {
+        data = getExpandoData(ownerDocument);
+    }
+    var node;
+
+    if (data.cache[nodeName]) {
+        node = data.cache[nodeName].cloneNode();
+    } else if (saveClones.test(nodeName)) {
+        node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode();
+    } else {
+        node = data.createElem(nodeName);
+    }
+
+    // Avoid adding some elements to fragments in IE < 9 because
+    // * Attributes like `name` or `type` cannot be set/changed once an element
+    //   is inserted into a document/fragment
+    // * Link elements with `src` attributes that are inaccessible, as with
+    //   a 403 response, will cause the tab/window to crash
+    // * Script elements appended to fragments will execute when their `src`
+    //   or `text` property is set
+    return node.canHaveChildren && !reSkip.test(nodeName) && !node.tagUrn ? data.frag.appendChild(node) : node;
+  }
+
+  /**
+   * returns a shived DocumentFragment for the given document
+   * @memberOf html5
+   * @param {Document} ownerDocument The context document.
+   * @returns {Object} The shived DocumentFragment.
+   */
+  function createDocumentFragment(ownerDocument, data){
+    if (!ownerDocument) {
+        ownerDocument = document;
+    }
+    if(supportsUnknownElements){
+        return ownerDocument.createDocumentFragment();
+    }
+    data = data || getExpandoData(ownerDocument);
+    var clone = data.frag.cloneNode(),
+        i = 0,
+        elems = getElements(),
+        l = elems.length;
+    for(;i<l;i++){
+        clone.createElement(elems[i]);
+    }
+    return clone;
+  }
+
+  /**
+   * Shivs the `createElement` and `createDocumentFragment` methods of the document.
+   * @private
+   * @param {Document|DocumentFragment} ownerDocument The document.
+   * @param {Object} data of the document.
+   */
+  function shivMethods(ownerDocument, data) {
+    if (!data.cache) {
+        data.cache = {};
+        data.createElem = ownerDocument.createElement;
+        data.createFrag = ownerDocument.createDocumentFragment;
+        data.frag = data.createFrag();
+    }
+
+
+    ownerDocument.createElement = function(nodeName) {
+      //abort shiv
+      if (!html5.shivMethods) {
+          return data.createElem(nodeName);
+      }
+      return createElement(nodeName, ownerDocument, data);
+    };
+
+    ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' +
+      'var n=f.cloneNode(),c=n.createElement;' +
+      'h.shivMethods&&(' +
+        // unroll the `createElement` calls
+        getElements().join().replace(/[\w\-:]+/g, function(nodeName) {
+          data.createElem(nodeName);
+          data.frag.createElement(nodeName);
+          return 'c("' + nodeName + '")';
+        }) +
+      ');return n}'
+    )(html5, data.frag);
+  }
+
+  /*--------------------------------------------------------------------------*/
+
+  /**
+   * Shivs the given document.
+   * @memberOf html5
+   * @param {Document} ownerDocument The document to shiv.
+   * @returns {Document} The shived document.
+   */
+  function shivDocument(ownerDocument) {
+    if (!ownerDocument) {
+        ownerDocument = document;
+    }
+    var data = getExpandoData(ownerDocument);
+
+    if (html5.shivCSS && !supportsHtml5Styles && !data.hasCSS) {
+      data.hasCSS = !!addStyleSheet(ownerDocument,
+        // corrects block display not defined in IE6/7/8/9
+        'article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}' +
+        // adds styling not present in IE6/7/8/9
+        'mark{background:#FF0;color:#000}' +
+        // hides non-rendered elements
+        'template{display:none}'
+      );
+    }
+    if (!supportsUnknownElements) {
+      shivMethods(ownerDocument, data);
+    }
+    return ownerDocument;
+  }
+
+  /*--------------------------------------------------------------------------*/
+
+  /**
+   * The `html5` object is exposed so that more elements can be shived and
+   * existing shiving can be detected on iframes.
+   * @type Object
+   * @example
+   *
+   * // options can be changed before the script is included
+   * html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false };
+   */
+  var html5 = {
+
+    /**
+     * An array or space separated string of node names of the elements to shiv.
+     * @memberOf html5
+     * @type Array|String
+     */
+    'elements': options.elements || 'abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video',
+
+    /**
+     * current version of html5shiv
+     */
+    'version': version,
+
+    /**
+     * A flag to indicate that the HTML5 style sheet should be inserted.
+     * @memberOf html5
+     * @type Boolean
+     */
+    'shivCSS': (options.shivCSS !== false),
+
+    /**
+     * Is equal to true if a browser supports creating unknown/HTML5 elements
+     * @memberOf html5
+     * @type boolean
+     */
+    'supportsUnknownElements': supportsUnknownElements,
+
+    /**
+     * A flag to indicate that the document's `createElement` and `createDocumentFragment`
+     * methods should be overwritten.
+     * @memberOf html5
+     * @type Boolean
+     */
+    'shivMethods': (options.shivMethods !== false),
+
+    /**
+     * A string to describe the type of `html5` object ("default" or "default print").
+     * @memberOf html5
+     * @type String
+     */
+    'type': 'default',
+
+    // shivs the document according to the specified `html5` object options
+    'shivDocument': shivDocument,
+
+    //creates a shived element
+    createElement: createElement,
+
+    //creates a shived documentFragment
+    createDocumentFragment: createDocumentFragment,
+
+    //extends list of elements
+    addElements: addElements
+  };
+
+  /*--------------------------------------------------------------------------*/
+
+  // expose html5
+  window.html5 = html5;
+
+  // shiv the document
+  shivDocument(document);
+
+}(this, document));
+
+
+
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind#Compatibility
+// IE function.bind polyfill
+if (!Function.prototype.bind) {
+  Function.prototype.bind = function (oThis) {
+    if (typeof this !== "function") {
+      // closest thing possible to the ECMAScript 5 internal IsCallable function
+      throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
+    }
+
+    var aArgs = Array.prototype.slice.call(arguments, 1), 
+        fToBind = this, 
+        fNOP = function () {},
+        fBound = function () {
+          return fToBind.apply(this instanceof fNOP && oThis
+                                 ? this
+                                 : oThis,
+                               aArgs.concat(Array.prototype.slice.call(arguments)));
+        };
+
+    fNOP.prototype = this.prototype;
+    fBound.prototype = new fNOP();
+
+    return fBound;
+  };
+}
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-ar.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-ar.js
new file mode 100755
index 00000000..b557e053
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-ar.js
@@ -0,0 +1,128 @@
+;(function($){
+/**
+ * jqGrid Arabic Translation
+ * 
+ * http://trirand.com/blog/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "تسجيل {0} - {1} على {2}",
+		emptyrecords: "لا يوجد تسجيل",
+		loadtext: "تحميل...",
+		pgtext : "صفحة {0} على {1}"
+	},
+	search : {
+		caption: "بحث...",
+		Find: "بحث",
+		Reset: "إلغاء",
+		odata: [{ oper:'eq', text:"يساوي"},{ oper:'ne', text:"يختلف"},{ oper:'lt', text:"أقل"},{ oper:'le', text:"أقل أو يساوي"},{ oper:'gt', text:"أكبر"},{ oper:'ge', text:"أكبر أو يساوي"},{ oper:'bw', text:"يبدأ بـ"},{ oper:'bn', text:"لا يبدأ بـ"},{ oper:'in', text:"est dans"},{ oper:'ni', text:"n'est pas dans"},{ oper:'ew', text:"ينته بـ"},{ oper:'en', text:"لا ينته بـ"},{ oper:'cn', text:"يحتوي"},{ oper:'nc', text:"لا يحتوي"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+		groupOps: [	{ op: "مع", text: "الكل" },	{ op: "أو",  text: "لا أحد" }],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+},
+	edit : {
+		addCaption: "اضافة",
+		editCaption: "تحديث",
+		bSubmit: "تثبيث",
+		bCancel: "إلغاء",
+		bClose: "غلق",
+		saveData: "تغيرت المعطيات هل تريد التسجيل ?",
+		bYes: "نعم",
+		bNo: "لا",
+		bExit: "إلغاء",
+		msg: {
+			required: "خانة إجبارية",
+			number: "سجل رقم صحيح",
+			minValue: "يجب أن تكون القيمة أكبر أو تساوي 0",
+			maxValue: "يجب أن تكون القيمة أقل أو تساوي 0",
+			email: "بريد غير صحيح",
+			integer: "سجل عدد طبييعي صحيح",
+			url: "ليس عنوانا صحيحا. البداية الصحيحة ('http://' أو 'https://')",
+			nodefined : " ليس محدد!",
+			novalue : " قيمة الرجوع مطلوبة!",
+			customarray : "يجب على الدالة الشخصية أن تنتج جدولا",
+			customfcheck : "الدالة الشخصية مطلوبة في حالة التحقق الشخصي"
+		}
+	},
+	view : {
+		caption: "رأيت التسجيلات",
+		bClose: "غلق"
+	},
+	del : {
+		caption: "حذف",
+		msg: "حذف التسجيلات المختارة ?",
+		bSubmit: "حذف",
+		bCancel: "إلغاء"
+	},
+	nav : {
+		edittext: " ",
+		edittitle: "تغيير التسجيل المختار",
+		addtext:" ",
+		addtitle: "إضافة تسجيل",
+		deltext: " ",
+		deltitle: "حذف التسجيل المختار",
+		searchtext: " ",
+		searchtitle: "بحث عن تسجيل",
+		refreshtext: "",
+		refreshtitle: "تحديث الجدول",
+		alertcap: "تحذير",
+		alerttext: "يرجى إختيار السطر",
+		viewtext: "",
+		viewtitle: "إظهار السطر المختار"
+	},
+	col : {
+		caption: "إظهار/إخفاء الأعمدة",
+		bSubmit: "تثبيث",
+		bCancel: "إلغاء"
+	},
+	errors : {
+		errcap : "خطأ",
+		nourl : "لا يوجد عنوان محدد",
+		norecords: "لا يوجد تسجيل للمعالجة",
+		model : "عدد العناوين (colNames) <> عدد التسجيلات (colModel)!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0,00'},
+		currency : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0,00'},
+		date : {
+			dayNames:   [
+				"الأحد", "الإثنين", "الثلاثاء", "الأربعاء", "الخميس", "الجمعة", "السبت",
+				"الأحد", "الإثنين", "الثلاثاء", "الأربعاء", "الخميس", "الجمعة", "السبت"
+			],
+			monthNames: [
+				"جانفي", "فيفري", "مارس", "أفريل", "ماي", "جوان", "جويلية", "أوت", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر",
+				"جانفي", "فيفري", "مارس", "أفريل", "ماي", "جوان", "جويلية", "أوت", "سبتمبر", "أكتوبر", "نوفمبر", "ديسمبر"
+			],
+			AmPm : ["صباحا","مساءا","صباحا","مساءا"],
+			S: function (j) {return j == 1 ? 'er' : 'e';},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				ISO8601Long:"Y-m-d H:i:s",
+				ISO8601Short:"Y-m-d",
+				ShortDate: "n/j/Y",
+				LongDate: "l, F d, Y",
+				FullDateTime: "l, F d, Y g:i:s A",
+				MonthDay: "F d",
+				ShortTime: "g:i A",
+				LongTime: "g:i:s A",
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				YearMonth: "F, Y"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-bg.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-bg.js
new file mode 100755
index 00000000..9c9d2539
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-bg.js
@@ -0,0 +1,134 @@
+;(function($){
+/**
+ * jqGrid Bulgarian Translation 
+ * Tony Tomov tony@trirand.com
+ * http://trirand.com/blog/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "{0} - {1} от {2}",
+		emptyrecords: "Няма запис(и)",
+		loadtext: "Зареждам...",
+		pgtext : "Стр. {0} от {1}"
+	},
+	search : {
+		caption: "Търсене...",
+		Find: "Намери",
+		Reset: "Изчисти",
+		odata: [{ oper:'eq', text:"равно"},{ oper:'ne', text:"различно"},{ oper:'lt', text:"по-малко"},{ oper:'le', text:"по-малко или="},{ oper:'gt', text:"по-голямо"},{ oper:'ge', text:"по-голямо или ="},{ oper:'bw', text:"започва с"},{ oper:'bn', text:"не започва с"},{ oper:'in', text:"се намира в"},{ oper:'ni', text:"не се намира в"},{ oper:'ew', text:"завършва с"},{ oper:'en', text:"не завършава с"},{ oper:'cn', text:"съдържа"},{ oper:'nc', text:"не съдържа"},{ oper:'nu', text:'е NULL'},{ oper:'nn', text:'не е NULL'}],
+	    groupOps: [	{ op: "AND", text: "&nbsp;И " },	{ op: "OR",  text: "ИЛИ" }	],
+		operandTitle : "Натисни за избор на операнд.",
+		resetTitle : "Изчисти стойността"
+	},
+	edit : {
+		addCaption: "Нов Запис",
+		editCaption: "Редакция Запис",
+		bSubmit: "Запиши",
+		bCancel: "Изход",
+		bClose: "Затвори",
+		saveData: "Данните са променени! Да съхраня ли промените?",
+		bYes : "Да",
+		bNo : "Не",
+		bExit : "Отказ",
+		msg: {
+			required:"Полето е задължително",
+			number:"Въведете валидно число!",
+			minValue:"стойността трябва да е по-голяма или равна от",
+			maxValue:"стойността трябва да е по-малка или равна от",
+			email: "не е валиден ел. адрес",
+			integer: "Въведете валидно цяло число",
+			date: "Въведете валидна дата",
+			url: "e невалиден URL. Изискава се префикс('http://' или 'https://')",
+			nodefined : " е недефинирана!",
+			novalue : " изисква връщане на стойност!",
+			customarray : "Потреб. Функция трябва да върне масив!",
+			customfcheck : "Потребителска функция е задължителна при този тип елемент!"
+		}
+	},
+	view : {
+		caption: "Преглед запис",
+		bClose: "Затвори"
+	},
+	del : {
+		caption: "Изтриване",
+		msg: "Да изтрия ли избраният запис?",
+		bSubmit: "Изтрий",
+		bCancel: "Отказ"
+	},
+	nav : {
+		edittext: " ",
+		edittitle: "Редакция избран запис",
+		addtext:" ",
+		addtitle: "Добавяне нов запис",
+		deltext: " ",
+		deltitle: "Изтриване избран запис",
+		searchtext: " ",
+		searchtitle: "Търсене запис(и)",
+		refreshtext: "",
+		refreshtitle: "Обнови таблица",
+		alertcap: "Предупреждение",
+		alerttext: "Моля, изберете запис",
+		viewtext: "",
+		viewtitle: "Преглед избран запис"
+	},
+	col : {
+		caption: "Избери колони",
+		bSubmit: "Ок",
+		bCancel: "Изход"	
+	},
+	errors : {
+		errcap : "Грешка",
+		nourl : "Няма посочен url адрес",
+		norecords: "Няма запис за обработка",
+		model : "Модела не съответства на имената!"	
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.00'},
+		currency : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:" лв.", defaultValue: '0.00'},
+		date : {
+			dayNames:   [
+				"Нед", "Пон", "Вт", "Ср", "Чет", "Пет", "Съб",
+				"Неделя", "Понеделник", "Вторник", "Сряда", "Четвъртък", "Петък", "Събота"
+			],
+			monthNames: [
+				"Яну", "Фев", "Мар", "Апр", "Май", "Юни", "Юли", "Авг", "Сеп", "Окт", "Нов", "Дек",
+				"Януари", "Февруари", "Март", "Април", "Май", "Юни", "Юли", "Август", "Септември", "Октомври", "Ноември", "Декември"
+			],
+			AmPm : ["","","",""],
+			S: function (j) {
+				if(j==7 || j==8 || j== 27 || j== 28) {
+					return 'ми';
+				}
+				return ['ви', 'ри', 'ти'][Math.min((j - 1) % 10, 2)];
+			},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				ISO8601Long:"Y-m-d H:i:s",
+				ISO8601Short:"Y-m-d",
+				ShortDate: "n/j/Y",
+				LongDate: "l, F d, Y",
+				FullDateTime: "l, F d, Y g:i:s A",
+				MonthDay: "F d",
+				ShortTime: "g:i A",
+				LongTime: "g:i:s A",
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				YearMonth: "F, Y"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-bg1251.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-bg1251.js
new file mode 100755
index 00000000..03c249d4
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-bg1251.js
@@ -0,0 +1,132 @@
+;(function($){
+/**
+ * jqGrid Bulgarian Translation 
+ * Tony Tomov tony@trirand.com
+ * http://trirand.com/blog/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "{0} - {1} �� {2}",
+		emptyrecords: "���� �����(�)",
+		loadtext: "��������...",
+		pgtext : "���. {0} �� {1}"
+	},
+	search : {
+		caption: "�������...",
+		Find: "������",
+		Reset: "�������",
+		odata : [{ oper:'eq', text:'�����'}, { oper:'ne', text:'��������'}, { oper:'lt', text:'��-�����'}, { oper:'le', text:'��-����� ���='},{ oper:'gt', text:'��-������'},{ oper:'ge', text:'��-������ ��� ='}, { oper:'bw', text:'������� �'},{ oper:'bn', text:'�� ������� �'},{ oper:'in', text:'�� ������ �'},{ oper:'ni', text:'�� �� ������ �'},{ oper:'ew', text:'�������� �'},{ oper:'en', text:'�� ��������� �'},,{ oper:'cn', text:'�������'}, ,{ oper:'nc', text:'�� �������'} ],
+	    groupOps: [	{ op: "AND", text: " � " },	{ op: "OR",  text: "���" }	]
+	},
+	edit : {
+		addCaption: "��� �����",
+		editCaption: "�������� �����",
+		bSubmit: "������",
+		bCancel: "�����",
+		bClose: "�������",
+		saveData: "������� �� ���������! �� ������� �� ���������?",
+		bYes : "��",
+		bNo : "��",
+		bExit : "�����",
+		msg: {
+		    required:"������ � ������������",
+		    number:"�������� ������� �����!",
+		    minValue:"���������� ������ �� � ��-������ ��� ����� ��",
+		    maxValue:"���������� ������ �� � ��-����� ��� ����� ��",
+		    email: "�� � ������� ��. �����",
+		    integer: "�������� ������� ���� �����",
+			date: "�������� ������� ����",
+			url: "e ��������� URL. �������� �� �������('http://' ��� 'https://')",
+			nodefined : " � ������������!",
+			novalue : " ������� ������� �� ��������!",
+			customarray : "������. ������� ������ �� ����� �����!",
+			customfcheck : "������������� ������� � ������������ ��� ���� ��� �������!"
+		}
+	},
+	view : {
+	    caption: "������� �����",
+	    bClose: "�������"
+	},
+	del : {
+		caption: "���������",
+		msg: "�� ������ �� ��������� �����?",
+		bSubmit: "������",
+		bCancel: "�����"
+	},
+	nav : {
+		edittext: " ",
+		edittitle: "�������� ������ �����",
+		addtext:" ",
+		addtitle: "�������� ��� �����",
+		deltext: " ",
+		deltitle: "��������� ������ �����",
+		searchtext: " ",
+		searchtitle: "������� �����(�)",
+		refreshtext: "",
+		refreshtitle: "������ �������",
+		alertcap: "��������������",
+		alerttext: "����, �������� �����",
+		viewtext: "",
+		viewtitle: "������� ������ �����"
+	},
+	col : {
+		caption: "����� ������",
+		bSubmit: "��",
+		bCancel: "�����"	
+	},
+	errors : {
+		errcap : "������",
+		nourl : "���� ������� url �����",
+		norecords: "���� ����� �� ���������",
+		model : "������ �� ����������� �� �������!"	
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.00'},
+		currency : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:" ��.", defaultValue: '0.00'},
+		date : {
+			dayNames:   [
+				"���", "���", "��", "��", "���", "���", "���",
+				"������", "����������", "�������", "�����", "���������", "�����", "������"
+			],
+			monthNames: [
+				"���", "���", "���", "���", "���", "���", "���", "���", "���", "���", "���", "���",
+				"������", "��������", "����", "�����", "���", "���", "���", "������", "���������", "��������", "�������", "��������"
+			],
+			AmPm : ["","","",""],
+			S: function (j) {
+				if(j==7 || j==8 || j== 27 || j== 28) {
+					return '��';
+				}
+				return ['��', '��', '��'][Math.min((j - 1) % 10, 2)];
+			},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+		        ISO8601Long:"Y-m-d H:i:s",
+		        ISO8601Short:"Y-m-d",
+		        ShortDate: "n/j/Y",
+		        LongDate: "l, F d, Y",
+		        FullDateTime: "l, F d, Y g:i:s A",
+		        MonthDay: "F d",
+		        ShortTime: "g:i A",
+		        LongTime: "g:i:s A",
+		        SortableDateTime: "Y-m-d\\TH:i:s",
+		        UniversalSortableDateTime: "Y-m-d H:i:sO",
+		        YearMonth: "F, Y"
+		    },
+		    reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-cat.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-cat.js
new file mode 100755
index 00000000..e3a8dd49
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-cat.js
@@ -0,0 +1,130 @@
+;(function($){
+/**
+ * jqGrid Catalan Translation
+ * Traducció jqGrid en Catatà per Faserline, S.L.
+ * http://www.faserline.com
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Mostrant {0} - {1} de {2}",
+	    emptyrecords: "Sense registres que mostrar",
+		loadtext: "Carregant...",
+		pgtext : "Pàgina {0} de {1}"
+	},
+	search : {
+		caption: "Cerca...",
+		Find: "Cercar",
+		Reset: "Buidar",
+	    odata: [{ oper:'eq', text:"equal"},{ oper:'ne', text:"not equal"},{ oper:'lt', text:"less"},{ oper:'le', text:"less or equal"},{ oper:'gt', text:"greater"},{ oper:'ge', text:"greater or equal"},{ oper:'bw', text:"begins with"},{ oper:'bn', text:"does not begin with"},{ oper:'in', text:"is in"},{ oper:'ni', text:"is not in"},{ oper:'ew', text:"ends with"},{ oper:'en', text:"does not end with"},{ oper:'cn', text:"contains"},{ oper:'nc', text:"does not contain"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+	    groupOps: [	{ op: "AND", text: "tot" },	{ op: "OR",  text: "qualsevol" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "Afegir registre",
+		editCaption: "Modificar registre",
+		bSubmit: "Guardar",
+		bCancel: "Cancelar",
+		bClose: "Tancar",
+		saveData: "Les dades han canviat. Guardar canvis?",
+		bYes : "Yes",
+		bNo : "No",
+		bExit : "Cancel",
+		msg: {
+		    required:"Camp obligatori",
+		    number:"Introdueixi un nombre",
+		    minValue:"El valor ha de ser major o igual que ",
+		    maxValue:"El valor ha de ser menor o igual a ",
+		    email: "no és una direcció de correu vàlida",
+		    integer: "Introdueixi un valor enter",
+			date: "Introdueixi una data correcta ",
+			url: "no és una URL vàlida. Prefix requerit ('http://' or 'https://')",
+			nodefined : " is not defined!",
+			novalue : " return value is required!",
+			customarray : "Custom function should return array!",
+			customfcheck : "Custom function should be present in case of custom checking!"
+		}
+	},
+	view : {
+		caption: "Veure registre",
+		bClose: "Tancar"
+	},
+	del : {
+		caption: "Eliminar",
+		msg: "¿Desitja eliminar els registres seleccionats?",
+		bSubmit: "Eliminar",
+		bCancel: "Cancelar"
+	},
+	nav : {
+		edittext: " ",
+		edittitle: "Modificar fila seleccionada",
+		addtext:" ",
+		addtitle: "Agregar nova fila",
+		deltext: " ",
+		deltitle: "Eliminar fila seleccionada",
+		searchtext: " ",
+		searchtitle: "Cercar informació",
+		refreshtext: "",
+		refreshtitle: "Refrescar taula",
+		alertcap: "Avís",
+		alerttext: "Seleccioni una fila",
+		viewtext: " ",
+		viewtitle: "Veure fila seleccionada"
+	},
+// setcolumns module
+	col : {
+		caption: "Mostrar/ocultar columnes",
+		bSubmit: "Enviar",
+		bCancel: "Cancelar"	
+	},
+	errors : {
+		errcap : "Error",
+		nourl : "No s'ha especificat una URL",
+		norecords: "No hi ha dades per processar",
+		model : "Les columnes de noms són diferents de les columnes del model"
+	},
+	formatter : {
+		integer : {thousandsSeparator: ".", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: ".", decimalPlaces: 2, defaultValue: '0,00'},
+		currency : {decimalSeparator:",", thousandsSeparator: ".", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0,00'},
+		date : {
+			dayNames:   [
+				"Dg", "Dl", "Dt", "Dc", "Dj", "Dv", "Ds",
+				"Diumenge", "Dilluns", "Dimarts", "Dimecres", "Dijous", "Divendres", "Dissabte"
+			],
+			monthNames: [
+				"Gen", "Febr", "Març", "Abr", "Maig", "Juny", "Jul", "Ag", "Set", "Oct", "Nov", "Des",
+				"Gener", "Febrer", "Març", "Abril", "Maig", "Juny", "Juliol", "Agost", "Setembre", "Octubre", "Novembre", "Desembre"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th'},
+			srcformat: 'Y-m-d',
+			newformat: 'd-m-Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+		        ISO8601Long:"Y-m-d H:i:s",
+		        ISO8601Short:"Y-m-d",
+		        ShortDate: "n/j/Y",
+		        LongDate: "l, F d, Y",
+		        FullDateTime: "l, F d, Y g:i:s A",
+		        MonthDay: "F d",
+		        ShortTime: "g:i A",
+		        LongTime: "g:i:s A",
+		        SortableDateTime: "Y-m-d\\TH:i:s",
+		        UniversalSortableDateTime: "Y-m-d H:i:sO",
+		        YearMonth: "F, Y"
+		    },
+		    reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: 'show',
+	    target: '',
+	    checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-cn.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-cn.js
new file mode 100755
index 00000000..e369c18e
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-cn.js
@@ -0,0 +1,169 @@
+;(function($){
+/**
+ * jqGrid Chinese Translation
+ * 咖啡兔 yanhonglei@gmail.com
+ * http://www.kafeitu.me 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+    defaults : {
+        recordtext: "{0} - {1}\u3000共 {2} 条", // 共字前是全角空格
+        emptyrecords: "无数据显示",
+        loadtext: "读取中...",
+        pgtext : " {0} 共 {1} 页"
+    },
+    search : {
+        caption: "搜索...",
+        Find: "查找",
+        Reset: "重置",
+        odata: [{ oper:'eq', text:'等于\u3000\u3000'},{ oper:'ne', text:'不等\u3000\u3000'},{ oper:'lt', text:'小于\u3000\u3000'},{ oper:'le', text:'小于等于'},{ oper:'gt', text:'大于\u3000\u3000'},{ oper:'ge', text:'大于等于'},{ oper:'bw', text:'开始于'},{ oper:'bn', text:'不开始于'},{ oper:'in', text:'属于\u3000\u3000'},{ oper:'ni', text:'不属于'},{ oper:'ew', text:'结束于'},{ oper:'en', text:'不结束于'},{ oper:'cn', text:'包含\u3000\u3000'},{ oper:'nc', text:'不包含'},{ oper:'nu', text:'不存在'},{ oper:'nn', text:'存在'}],
+        groupOps: [ { op: "AND", text: "所有" },    { op: "OR",  text: "任一" } ],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+    },
+    edit : {
+        addCaption: "添加记录",
+        editCaption: "编辑记录",
+        bSubmit: "提交",
+        bCancel: "取消",
+        bClose: "关闭",
+        saveData: "数据已改变，是否保存？",
+        bYes : "是",
+        bNo : "否",
+        bExit : "取消",
+        msg: {
+            required:"此字段必需",
+            number:"请输入有效数字",
+            minValue:"输值必须大于等于 ",
+            maxValue:"输值必须小于等于 ",
+            email: "这不是有效的e-mail地址",
+            integer: "请输入有效整数",
+            date: "请输入有效时间",
+            url: "无效网址。前缀必须为 ('http://' 或 'https://')",
+            nodefined : " 未定义！",
+            novalue : " 需要返回值！",
+            customarray : "自定义函数需要返回数组！",
+            customfcheck : "必须有自定义函数!"
+        }
+    },
+    view : {
+        caption: "查看记录",
+        bClose: "关闭"
+    },
+    del : {
+        caption: "删除",
+        msg: "删除所选记录？",
+        bSubmit: "删除",
+        bCancel: "取消"
+    },
+    nav : {
+        edittext: "",
+        edittitle: "编辑所选记录",
+        addtext:"",
+        addtitle: "添加新记录",
+        deltext: "",
+        deltitle: "删除所选记录",
+        searchtext: "",
+        searchtitle: "查找",
+        refreshtext: "",
+        refreshtitle: "刷新表格",
+        alertcap: "注意",
+        alerttext: "请选择记录",
+        viewtext: "",
+        viewtitle: "查看所选记录"
+    },
+    col : {
+        caption: "选择列",
+        bSubmit: "确定",
+        bCancel: "取消"
+    },
+    errors : {
+        errcap : "错误",
+        nourl : "没有设置url",
+        norecords: "没有要处理的记录",
+        model : "colNames 和 colModel 长度不等！"
+    },
+    formatter : {
+        integer : {thousandsSeparator: ",", defaultValue: '0'},
+        number : {decimalSeparator:".", thousandsSeparator: ",", decimalPlaces: 2, defaultValue: '0.00'},
+        currency : {decimalSeparator:".", thousandsSeparator: ",", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0.00'},
+        date : {
+            dayNames:   [
+                "日", "一", "二", "三", "四", "五", "六",
+                "星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六",
+            ],
+            monthNames: [
+                "一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二",
+                "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"
+            ],
+            AmPm : ["am","pm","上午","下午"],
+            S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th';},
+            srcformat: 'Y-m-d',
+            newformat: 'Y-m-d',
+            parseRe : /[#%\\\/:_;.,\t\s-]/,
+            masks : {
+                // see http://php.net/manual/en/function.date.php for PHP format used in jqGrid
+                // and see http://docs.jquery.com/UI/Datepicker/formatDate
+                // and https://github.com/jquery/globalize#dates for alternative formats used frequently
+                // one can find on https://github.com/jquery/globalize/tree/master/lib/cultures many
+                // information about date, time, numbers and currency formats used in different countries
+                // one should just convert the information in PHP format
+                ISO8601Long:"Y-m-d H:i:s",
+                ISO8601Short:"Y-m-d",
+                // short date:
+                //    n - Numeric representation of a month, without leading zeros
+                //    j - Day of the month without leading zeros
+                //    Y - A full numeric representation of a year, 4 digits
+                // example: 3/1/2012 which means 1 March 2012
+                ShortDate: "n/j/Y", // in jQuery UI Datepicker: "M/d/yyyy"
+                // long date:
+                //    l - A full textual representation of the day of the week
+                //    F - A full textual representation of a month
+                //    d - Day of the month, 2 digits with leading zeros
+                //    Y - A full numeric representation of a year, 4 digits
+                LongDate: "l, F d, Y", // in jQuery UI Datepicker: "dddd, MMMM dd, yyyy"
+                // long date with long time:
+                //    l - A full textual representation of the day of the week
+                //    F - A full textual representation of a month
+                //    d - Day of the month, 2 digits with leading zeros
+                //    Y - A full numeric representation of a year, 4 digits
+                //    g - 12-hour format of an hour without leading zeros
+                //    i - Minutes with leading zeros
+                //    s - Seconds, with leading zeros
+                //    A - Uppercase Ante meridiem and Post meridiem (AM or PM)
+                FullDateTime: "l, F d, Y g:i:s A", // in jQuery UI Datepicker: "dddd, MMMM dd, yyyy h:mm:ss tt"
+                // month day:
+                //    F - A full textual representation of a month
+                //    d - Day of the month, 2 digits with leading zeros
+                MonthDay: "F d", // in jQuery UI Datepicker: "MMMM dd"
+                // short time (without seconds)
+                //    g - 12-hour format of an hour without leading zeros
+                //    i - Minutes with leading zeros
+                //    A - Uppercase Ante meridiem and Post meridiem (AM or PM)
+                ShortTime: "g:i A", // in jQuery UI Datepicker: "h:mm tt"
+                // long time (with seconds)
+                //    g - 12-hour format of an hour without leading zeros
+                //    i - Minutes with leading zeros
+                //    s - Seconds, with leading zeros
+                //    A - Uppercase Ante meridiem and Post meridiem (AM or PM)
+                LongTime: "g:i:s A", // in jQuery UI Datepicker: "h:mm:ss tt"
+                SortableDateTime: "Y-m-d\\TH:i:s",
+                UniversalSortableDateTime: "Y-m-d H:i:sO",
+                // month with year
+                //    Y - A full numeric representation of a year, 4 digits
+                //    F - A full textual representation of a month
+                YearMonth: "F, Y" // in jQuery UI Datepicker: "MMMM, yyyy"
+            },
+            reformatAfterEdit : false
+        },
+        baseLinkUrl: '',
+        showAction: '',
+        target: '',
+        checkbox : {disabled:true},
+        idName : 'id'
+    }
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-cs.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-cs.js
new file mode 100755
index 00000000..5df48395
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-cs.js
@@ -0,0 +1,130 @@
+;(function($){
+/**
+ * jqGrid Czech Translation
+ * Pavel Jirak pavel.jirak@jipas.cz
+ * doplnil Thomas Wagner xwagne01@stud.fit.vutbr.cz
+ * http://trirand.com/blog/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Zobrazeno {0} - {1} z {2} záznamů",
+	    emptyrecords: "Nenalezeny žádné záznamy",
+		loadtext: "Načítám...",
+		pgtext : "Strana {0} z {1}"
+	},
+	search : {
+		caption: "Vyhledávám...",
+		Find: "Hledat",
+		Reset: "Reset",
+	    odata: [{ oper:'eq', text:"rovno"},{ oper:'ne', text:"nerovno"},{ oper:'lt', text:"menší"},{ oper:'le', text:"menší nebo rovno"},{ oper:'gt', text:"větší"},{ oper:'ge', text:"větší nebo rovno"},{ oper:'bw', text:"začíná s"},{ oper:'bn', text:"nezačíná s"},{ oper:'in', text:"je v"},{ oper:'ni', text:"není v"},{ oper:'ew', text:"končí s"},{ oper:'en', text:"nekončí s"},{ oper:'cn', text:"obsahuje"},{ oper:'nc', text:"neobsahuje"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+	    groupOps: [	{ op: "AND", text: "všech" },	{ op: "OR",  text: "některého z" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "Přidat záznam",
+		editCaption: "Editace záznamu",
+		bSubmit: "Uložit",
+		bCancel: "Storno",
+		bClose: "Zavřít",
+		saveData: "Data byla změněna! Uložit změny?",
+		bYes : "Ano",
+		bNo : "Ne",
+		bExit : "Zrušit",
+		msg: {
+		    required:"Pole je vyžadováno",
+		    number:"Prosím, vložte validní číslo",
+		    minValue:"hodnota musí být větší než nebo rovná ",
+		    maxValue:"hodnota musí být menší než nebo rovná ",
+		    email: "není validní e-mail",
+		    integer: "Prosím, vložte celé číslo",
+			date: "Prosím, vložte validní datum",
+			url: "není platnou URL. Vyžadován prefix ('http://' or 'https://')",
+			nodefined : " není definován!",
+			novalue : " je vyžadována návratová hodnota!",
+			customarray : "Custom function mělá vrátit pole!",
+			customfcheck : "Custom function by měla být přítomna v případě custom checking!"
+		}
+	},
+	view : {
+	    caption: "Zobrazit záznam",
+	    bClose: "Zavřít"
+	},
+	del : {
+		caption: "Smazat",
+		msg: "Smazat vybraný(é) záznam(y)?",
+		bSubmit: "Smazat",
+		bCancel: "Storno"
+	},
+	nav : {
+		edittext: " ",
+		edittitle: "Editovat vybraný řádek",
+		addtext:" ",
+		addtitle: "Přidat nový řádek",
+		deltext: " ",
+		deltitle: "Smazat vybraný záznam ",
+		searchtext: " ",
+		searchtitle: "Najít záznamy",
+		refreshtext: "",
+		refreshtitle: "Obnovit tabulku",
+		alertcap: "Varování",
+		alerttext: "Prosím, vyberte řádek",
+		viewtext: "",
+		viewtitle: "Zobrazit vybraný řádek"
+	},
+	col : {
+		caption: "Zobrazit/Skrýt sloupce",
+		bSubmit: "Uložit",
+		bCancel: "Storno"	
+	},
+	errors : {
+		errcap : "Chyba",
+		nourl : "Není nastavena url",
+		norecords: "Žádné záznamy ke zpracování",
+		model : "Délka colNames <> colModel!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.00'},
+		currency : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0.00'},
+		date : {
+			dayNames:   [
+				"Ne", "Po", "Út", "St", "Čt", "Pá", "So",
+				"Neděle", "Pondělí", "Úterý", "Středa", "Čtvrtek", "Pátek", "Sobota"
+			],
+			monthNames: [
+				"Led", "Úno", "Bře", "Dub", "Kvě", "Čer", "Čvc", "Srp", "Zář", "Říj", "Lis", "Pro",
+				"Leden", "Únor", "Březen", "Duben", "Květen", "Červen", "Červenec", "Srpen", "Září", "Říjen", "Listopad", "Prosinec"
+			],
+			AmPm : ["do","od","DO","OD"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th'},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+		        ISO8601Long:"Y-m-d H:i:s",
+		        ISO8601Short:"Y-m-d",
+		        ShortDate: "n/j/Y",
+		        LongDate: "l, F d, Y",
+		        FullDateTime: "l, F d, Y g:i:s A",
+		        MonthDay: "F d",
+		        ShortTime: "g:i A",
+		        LongTime: "g:i:s A",
+		        SortableDateTime: "Y-m-d\\TH:i:s",
+		        UniversalSortableDateTime: "Y-m-d H:i:sO",
+		        YearMonth: "F, Y"
+		    },
+		    reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+	    target: '',
+	    checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-da.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-da.js
new file mode 100755
index 00000000..073a61aa
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-da.js
@@ -0,0 +1,130 @@
+;(function($){
+/**
+ * jqGrid Danish Translation
+ * Aesiras A/S
+ * http://www.aesiras.dk
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Vis {0} - {1} of {2}",
+	    emptyrecords: "Ingen linjer fundet",
+		loadtext: "Henter...",
+		pgtext : "Side {0} af {1}"
+	},
+	search : {
+	    caption: "Søg...",
+	    Find: "Find",
+	    Reset: "Nulstil",
+	    odata: [{ oper:'eq', text:"lig"},{ oper:'ne', text:"forskellige fra"},{ oper:'lt', text:"mindre"},{ oper:'le', text:"mindre eller lig"},{ oper:'gt', text:"større"},{ oper:'ge', text:"større eller lig"},{ oper:'bw', text:"begynder med"},{ oper:'bn', text:"begynder ikke med"},{ oper:'in', text:"findes i"},{ oper:'ni', text:"findes ikke i"},{ oper:'ew', text:"ender med"},{ oper:'en', text:"ender ikke med"},{ oper:'cn', text:"indeholder"},{ oper:'nc', text:"indeholder ikke"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+	    groupOps: [	{ op: "AND", text: "all" },	{ op: "OR",  text: "any" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+	    addCaption: "Tilføj",
+	    editCaption: "Ret",
+	    bSubmit: "Send",
+	    bCancel: "Annuller",
+		bClose: "Luk",
+		saveData: "Data er ændret. Gem data?",
+		bYes : "Ja",
+		bNo : "Nej",
+		bExit : "Fortryd",
+	    msg: {
+	        required:"Felt er nødvendigt",
+	        number:"Indtast venligst et validt tal",
+	        minValue:"værdi skal være større end eller lig med",
+	        maxValue:"værdi skal være mindre end eller lig med",
+	        email: "er ikke en gyldig email",
+	        integer: "Indtast venligst et gyldigt heltal",
+			date: "Indtast venligst en gyldig datoværdi",
+			url: "er ugyldig URL. Prefix mangler ('http://' or 'https://')",
+			nodefined : " er ikke defineret!",
+			novalue : " returværdi kræves!",
+			customarray : "Custom function should return array!",
+			customfcheck : "Custom function should be present in case of custom checking!"
+		}
+	},
+	view : {
+	    caption: "Vis linje",
+	    bClose: "Luk"
+	},
+	del : {
+	    caption: "Slet",
+	    msg: "Slet valgte linje(r)?",
+	    bSubmit: "Slet",
+	    bCancel: "Fortryd"
+	},
+	nav : {
+		edittext: " ",
+	    edittitle: "Rediger valgte linje",
+		addtext:" ",
+	    addtitle: "Tilføj ny linje",
+	    deltext: " ",
+	    deltitle: "Slet valgte linje",
+	    searchtext: " ",
+	    searchtitle: "Find linjer",
+	    refreshtext: "",
+	    refreshtitle: "Indlæs igen",
+	    alertcap: "Advarsel",
+	    alerttext: "Vælg venligst linje",
+		viewtext: "",
+		viewtitle: "Vis valgte linje"
+	},
+	col : {
+	    caption: "Vis/skjul kolonner",
+	    bSubmit: "Opdatere",
+	    bCancel: "Fortryd"
+	},
+	errors : {
+		errcap : "Fejl",
+		nourl : "Ingen url valgt",
+		norecords: "Ingen linjer at behandle",
+	    model : "colNames og colModel har ikke samme længde!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0,00'},
+		currency : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0,00'},
+		date : {
+			dayNames:   [
+				"Søn", "Man", "Tir", "Ons", "Tor", "Fre", "Lør",
+				"Søndag", "Mandag", "Tirsdag", "Onsdag", "Torsdag", "Fredag", "Lørdag"
+			],
+			monthNames: [
+				"Jan", "Feb", "Mar", "Apr", "Maj", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec",
+				"Januar", "Februar", "Marts", "April", "Maj", "Juni", "Juli", "August", "September", "Oktober", "November", "December"
+			],
+			AmPm : ["","","",""],
+			S: function (j) {return '.'},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+	            ISO8601Long:"Y-m-d H:i:s",
+	            ISO8601Short:"Y-m-d",
+	            ShortDate: "j/n/Y",
+	            LongDate: "l d. F Y",
+	            FullDateTime: "l d F Y G:i:s",
+	            MonthDay: "d. F",
+	            ShortTime: "G:i",
+	            LongTime: "G:i:s",
+	            SortableDateTime: "Y-m-d\\TH:i:s",
+	            UniversalSortableDateTime: "Y-m-d H:i:sO",
+	            YearMonth: "F Y"
+	        },
+	        reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+	    target: '',
+	    checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+// DA
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-de.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-de.js
new file mode 100755
index 00000000..442e37cd
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-de.js
@@ -0,0 +1,173 @@
+;(function($){
+/**
+ * jqGrid German Translation
+ * Version 1.0.0 (developed for jQuery Grid 3.3.1)
+ * Olaf Klöppel opensource@blue-hit.de
+ * http://blue-hit.de/ 
+ *
+ * Updated for jqGrid 3.8
+ * Andreas Flack
+ * http://www.contentcontrol-berlin.de
+ *
+ * Updated for jQuery 4.4
+ * Oleg Kiriljuk oleg.kiriljuk@ok-soft-gmbh.com
+ * the format corresponds now the format from
+ * https://github.com/jquery/globalize/blob/master/lib/cultures/globalize.culture.de.js
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Zeige {0} - {1} von {2}",
+		emptyrecords: "Keine Datensätze vorhanden",
+		loadtext: "Lädt...",
+		pgtext : "Seite {0} von {1}"
+	},
+	search : {
+		caption: "Suche...",
+		Find: "Suchen",
+		Reset: "Zurücksetzen",
+		odata: [{ oper:'eq', text:"gleich"},{ oper:'ne', text:"ungleich"},{ oper:'lt', text:"kleiner"},{ oper:'le', text:"kleiner gleich"},{ oper:'gt', text:"größer"},{ oper:'ge', text:"größer gleich"},{ oper:'bw', text:"beginnt mit"},{ oper:'bn', text:"beginnt nicht mit"},{ oper:'in', text:"ist in"},{ oper:'ni', text:"ist nicht in"},{ oper:'ew', text:"endet mit"},{ oper:'en', text:"endet nicht mit"},{ oper:'cn', text:"enthält"},{ oper:'nc', text:"enthält nicht"}, { oper:'nu', text:"ist Null" }, { oper:'nn', text:"ist nicht Null" }],
+		groupOps: [{ op: "AND", text: "alle" },{ op: "OR", text: "mindestens eine" }],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "Datensatz hinzufügen",
+		editCaption: "Datensatz bearbeiten",
+		bSubmit: "Speichern",
+		bCancel: "Abbrechen",
+		bClose: "Schließen",
+		saveData: "Daten wurden geändert! Änderungen speichern?",
+		bYes : "ja",
+		bNo : "nein",
+		bExit : "abbrechen",
+		msg: {
+			required:"Feld ist erforderlich",
+			number: "Bitte geben Sie eine Zahl ein",
+			minValue:"Wert muss größer oder gleich sein, als ",
+			maxValue:"Wert muss kleiner oder gleich sein, als ",
+			email: "ist keine gültige E-Mail-Adresse",
+			integer: "Bitte geben Sie eine Ganzzahl ein",
+			date: "Bitte geben Sie ein gültiges Datum ein",
+			url: "ist keine gültige URL. Präfix muss eingegeben werden ('http://' oder 'https://')",
+			nodefined : " ist nicht definiert!",
+			novalue : " Rückgabewert ist erforderlich!",
+			customarray : "Benutzerdefinierte Funktion sollte ein Array zurückgeben!",
+			customfcheck : "Benutzerdefinierte Funktion sollte im Falle der benutzerdefinierten Überprüfung vorhanden sein!"
+		}
+	},
+	view : {
+		caption: "Datensatz anzeigen",
+		bClose: "Schließen"
+	},
+	del : {
+		caption: "Löschen",
+		msg: "Ausgewählte Datensätze löschen?",
+		bSubmit: "Löschen",
+		bCancel: "Abbrechen"
+	},
+	nav : {
+		edittext: " ",
+		edittitle: "Ausgewählte Zeile editieren",
+		addtext:" ",
+		addtitle: "Neue Zeile einfügen",
+		deltext: " ",
+		deltitle: "Ausgewählte Zeile löschen",
+		searchtext: " ",
+		searchtitle: "Datensatz suchen",
+		refreshtext: "",
+		refreshtitle: "Tabelle neu laden",
+		alertcap: "Warnung",
+		alerttext: "Bitte Zeile auswählen",
+		viewtext: "",
+		viewtitle: "Ausgewählte Zeile anzeigen"
+	},
+	col : {
+		caption: "Spalten auswählen",
+		bSubmit: "Speichern",
+		bCancel: "Abbrechen"	
+	},
+	errors : {
+		errcap : "Fehler",
+		nourl : "Keine URL angegeben",
+		norecords: "Keine Datensätze zu bearbeiten",
+		model : "colNames und colModel sind unterschiedlich lang!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: ".", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: ".", decimalPlaces: 2, defaultValue: '0,00'},
+		currency : {decimalSeparator:",", thousandsSeparator: ".", decimalPlaces: 2, prefix: "", suffix:" €", defaultValue: '0,00'},
+		date : {
+			dayNames:   [
+				"So", "Mo", "Di", "Mi", "Do", "Fr", "Sa",
+				"Sonntag", "Montag", "Dienstag", "Mittwoch", "Donnerstag", "Freitag", "Samstag"
+			],
+			monthNames: [
+				"Jan", "Feb", "Mar", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez",
+				"Januar", "Februar", "März", "April", "Mai", "Juni", "Juli", "August", "September", "Oktober", "November", "Dezember"
+			],
+			AmPm : ["","","",""],
+			S: function () {return '.';}, // one can also use 'er' instead of '.' but one have to use additional word like 'der' or 'den' before
+			srcformat: 'Y-m-d',
+			newformat: 'd.m.Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				// see http://php.net/manual/en/function.date.php for PHP format used in jqGrid
+				// and see http://docs.jquery.com/UI/Datepicker/formatDate
+				// and https://github.com/jquery/globalize#dates for alternative formats used frequently
+				ISO8601Long: "Y-m-d H:i:s",
+				ISO8601Short: "Y-m-d",
+				// short date:
+				//    d - Day of the month, 2 digits with leading zeros
+				//    m - Numeric representation of a month, with leading zeros
+				//    Y - A full numeric representation of a year, 4 digits
+				ShortDate: "d.m.Y",	// in jQuery UI Datepicker: "dd.MM.yyyy"
+				// long date:
+				//    l - A full textual representation of the day of the week
+				//    j - Day of the month without leading zeros
+				//    F - A full textual representation of a month
+				//    Y - A full numeric representation of a year, 4 digits
+				LongDate: "l, j. F Y", // in jQuery UI Datepicker: "dddd, d. MMMM yyyy"
+				// long date with long time:
+				//    l - A full textual representation of the day of the week
+				//    j - Day of the month without leading zeros
+				//    F - A full textual representation of a month
+				//    Y - A full numeric representation of a year, 4 digits
+				//    H - 24-hour format of an hour with leading zeros
+				//    i - Minutes with leading zeros
+				//    s - Seconds, with leading zeros
+				FullDateTime: "l, j. F Y H:i:s", // in jQuery UI Datepicker: "dddd, d. MMMM yyyy HH:mm:ss"
+				// month day:
+				//    d - Day of the month, 2 digits with leading zeros
+				//    F - A full textual representation of a month
+				MonthDay: "d F", // in jQuery UI Datepicker: "dd MMMM"
+				// short time (without seconds)
+				//    H - 24-hour format of an hour with leading zeros
+				//    i - Minutes with leading zeros
+				ShortTime: "H:i", // in jQuery UI Datepicker: "HH:mm"
+				// long time (with seconds)
+				//    H - 24-hour format of an hour with leading zeros
+				//    i - Minutes with leading zeros
+				//    s - Seconds, with leading zeros
+				LongTime: "H:i:s", // in jQuery UI Datepicker: "HH:mm:ss"
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				// month with year
+				//    F - A full textual representation of a month
+				//    Y - A full numeric representation of a year, 4 digits
+				YearMonth: "F Y" // in jQuery UI Datepicker: "MMMM yyyy"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-dk.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-dk.js
new file mode 100755
index 00000000..05ac1392
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-dk.js
@@ -0,0 +1,129 @@
+;(function($){
+/**
+ * jqGrid Danish Translation
+ * Kaare Rasmussen kjs@jasonic.dk
+ * http://jasonic.dk/blog 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = {
+	defaults : {
+		recordtext: "View {0} - {1} of {2}",
+	    emptyrecords: "No records to view",
+		loadtext: "Loading...",
+		pgtext : "Page {0} of {1}"
+	},
+	search : {
+	    caption: "Søg...",
+	    Find: "Find",
+	    Reset: "Nulstil",
+	    odata: [{ oper:'eq', text:'equal'},{ oper:'ne', text:'not equal'},{ oper:'lt', text:'less'},{ oper:'le', text:'less or equal'},{ oper:'gt', text:'greater'},{ oper:'ge', text:'greater or equal'},{ oper:'bw', text:'begins with'},{ oper:'bn', text:'does not begin with'},{ oper:'in', text:'is in'},{ oper:'ni', text:'is not in'},{ oper:'ew', text:'ends with'},{ oper:'en', text:'does not end with'},{ oper:'cn', text:'contains'},{ oper:'nc', text:'does not contain'},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+	    groupOps: [	{ op: "AND", text: "all" },	{ op: "OR",  text: "any" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+	    addCaption: "Tilføj",
+	    editCaption: "Ret",
+	    bSubmit: "Send",
+	    bCancel: "Annuller",
+		bClose: "Luk",
+		saveData: "Data has been changed! Save changes?",
+		bYes : "Yes",
+		bNo : "No",
+		bExit : "Cancel",
+	    msg: {
+	        required:"Felt er nødvendigt",
+	        number:"Indtast venligst et validt tal",
+	        minValue:"værdi skal være større end eller lig med",
+	        maxValue:"værdi skal være mindre end eller lig med",
+	        email: "er ikke en valid email",
+	        integer: "Indtast venligst et validt heltalt",
+			date: "Indtast venligst en valid datoværdi",
+			url: "is not a valid URL. Prefix required ('http://' or 'https://')",
+			nodefined : " is not defined!",
+			novalue : " return value is required!",
+			customarray : "Custom function should return array!",
+			customfcheck : "Custom function should be present in case of custom checking!"
+		}
+	},
+	view : {
+	    caption: "View Record",
+	    bClose: "Close"
+	},
+	del : {
+	    caption: "Slet",
+	    msg: "Slet valgte række(r)?",
+	    bSubmit: "Slet",
+	    bCancel: "Annuller"
+	},
+	nav : {
+		edittext: " ",
+	    edittitle: "Rediger valgte række",
+		addtext:" ",
+	    addtitle: "Tilføj ny række",
+	    deltext: " ",
+	    deltitle: "Slet valgte række",
+	    searchtext: " ",
+	    searchtitle: "Find poster",
+	    refreshtext: "",
+	    refreshtitle: "Indlæs igen",
+	    alertcap: "Advarsel",
+	    alerttext: "Vælg venligst række",
+		viewtext: "",
+		viewtitle: "View selected row"
+	},
+	col : {
+	    caption: "Vis/skjul kolonner",
+	    bSubmit: "Send",
+	    bCancel: "Annuller"
+	},
+	errors : {
+		errcap : "Fejl",
+		nourl : "Ingel url valgt",
+		norecords: "Ingen poster at behandle",
+	    model : "colNames og colModel har ikke samme længde!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0,00'},
+		currency : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0,00'},
+		date : {
+			dayNames:   [
+				"Søn", "Man", "Tirs", "Ons", "Tors", "Fre", "Lør",
+				"Søndag", "Mandag", "Tirsdag", "Onsdag", "Torsdag", "Fredag", "Lørdag"
+			],
+			monthNames: [
+				"Jan", "Feb", "Mar", "Apr", "Maj", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec",
+				"Januar", "Februar", "Marts", "April", "Maj", "Juni", "Juli", "August", "September", "Oktober", "November", "December"
+			],
+			AmPm : ["","","",""],
+			S: function (j) {return '.'},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+	            ISO8601Long:"Y-m-d H:i:s",
+	            ISO8601Short:"Y-m-d",
+	            ShortDate: "j/n/Y",
+	            LongDate: "l d. F Y",
+	            FullDateTime: "l d F Y G:i:s",
+	            MonthDay: "d. F",
+	            ShortTime: "G:i",
+	            LongTime: "G:i:s",
+	            SortableDateTime: "Y-m-d\\TH:i:s",
+	            UniversalSortableDateTime: "Y-m-d H:i:sO",
+	            YearMonth: "F Y"
+	        },
+	        reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+	    target: '',
+	    checkbox : {disabled:true},
+		idName : 'id'
+	}
+};
+// DK
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-el.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-el.js
new file mode 100755
index 00000000..00baeeaf
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-el.js
@@ -0,0 +1,128 @@
+;(function($){
+/**
+ * jqGrid Greek (el) Translation
+ * Alex Cicovic
+ * http://www.alexcicovic.com
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "View {0} - {1} of {2}",
+	    emptyrecords: "No records to view",
+		loadtext: "Φόρτωση...",
+		pgtext : "Page {0} of {1}"
+	},
+	search : {
+	    caption: "Αναζήτηση...",
+	    Find: "Εύρεση",
+	    Reset: "Επαναφορά",
+	    odata: [{ oper:'eq', text:'equal'},{ oper:'ne', text:'not equal'},{ oper:'lt', text:'less'},{ oper:'le', text:'less or equal'},{ oper:'gt', text:'greater'},{ oper:'ge', text:'greater or equal'},{ oper:'bw', text:'begins with'},{ oper:'bn', text:'does not begin with'},{ oper:'in', text:'is in'},{ oper:'ni', text:'is not in'},{ oper:'ew', text:'ends with'},{ oper:'en', text:'does not end with'},{ oper:'cn', text:'contains'},{ oper:'nc', text:'does not contain'},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+	    groupOps: [	{ op: "AND", text: "all" },	{ op: "OR",  text: "any" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+	    addCaption: "Εισαγωγή Εγγραφής",
+	    editCaption: "Επεξεργασία Εγγραφής",
+	    bSubmit: "Καταχώρηση",
+	    bCancel: "Άκυρο",
+		bClose: "Κλείσιμο",
+		saveData: "Data has been changed! Save changes?",
+		bYes : "Yes",
+		bNo : "No",
+		bExit : "Cancel",
+	    msg: {
+	        required:"Το πεδίο είναι απαραίτητο",
+	        number:"Το πεδίο δέχεται μόνο αριθμούς",
+	        minValue:"Η τιμή πρέπει να είναι μεγαλύτερη ή ίση του ",
+	        maxValue:"Η τιμή πρέπει να είναι μικρότερη ή ίση του ",
+	        email: "Η διεύθυνση e-mail δεν είναι έγκυρη",
+	        integer: "Το πεδίο δέχεται μόνο ακέραιους αριθμούς",
+			url: "is not a valid URL. Prefix required ('http://' or 'https://')",
+			nodefined : " is not defined!",
+			novalue : " return value is required!",
+			customarray : "Custom function should return array!",
+			customfcheck : "Custom function should be present in case of custom checking!"
+		}
+	},
+	view : {
+	    caption: "View Record",
+	    bClose: "Close"
+	},
+	del : {
+	    caption: "Διαγραφή",
+	    msg: "Διαγραφή των επιλεγμένων εγγραφών;",
+	    bSubmit: "Ναι",
+	    bCancel: "Άκυρο"
+	},
+	nav : {
+		edittext: " ",
+	    edittitle: "Επεξεργασία επιλεγμένης εγγραφής",
+		addtext:" ",
+	    addtitle: "Εισαγωγή νέας εγγραφής",
+	    deltext: " ",
+	    deltitle: "Διαγραφή επιλεγμένης εγγραφής",
+	    searchtext: " ",
+	    searchtitle: "Εύρεση Εγγραφών",
+	    refreshtext: "",
+	    refreshtitle: "Ανανέωση Πίνακα",
+	    alertcap: "Προσοχή",
+	    alerttext: "Δεν έχετε επιλέξει εγγραφή",
+		viewtext: "",
+		viewtitle: "View selected row"
+	},
+	col : {
+	    caption: "Εμφάνιση / Απόκρυψη Στηλών",
+	    bSubmit: "ΟΚ",
+	    bCancel: "Άκυρο"
+	},
+	errors : {
+		errcap : "Σφάλμα",
+		nourl : "Δεν έχει δοθεί διεύθυνση χειρισμού για τη συγκεκριμένη ενέργεια",
+		norecords: "Δεν υπάρχουν εγγραφές προς επεξεργασία",
+		model : "Άνισος αριθμός πεδίων colNames/colModel!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.00'},
+		currency : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0.00'},
+		date : {
+			dayNames:   [
+				"Κυρ", "Δευ", "Τρι", "Τετ", "Πεμ", "Παρ", "Σαβ",
+				"Κυριακή", "Δευτέρα", "Τρίτη", "Τετάρτη", "Πέμπτη", "Παρασκευή", "Σάββατο"
+			],
+			monthNames: [
+				"Ιαν", "Φεβ", "Μαρ", "Απρ", "Μαι", "Ιουν", "Ιουλ", "Αυγ", "Σεπ", "Οκτ", "Νοε", "Δεκ",
+				"Ιανουάριος", "Φεβρουάριος", "Μάρτιος", "Απρίλιος", "Μάιος", "Ιούνιος", "Ιούλιος", "Αύγουστος", "Σεπτέμβριος", "Οκτώβριος", "Νοέμβριος", "Δεκέμβριος"
+			],
+			AmPm : ["πμ","μμ","ΠΜ","ΜΜ"],
+			S: function (j) {return j == 1 || j > 1 ? ['η'][Math.min((j - 1) % 10, 3)] : ''},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+	            ISO8601Long:"Y-m-d H:i:s",
+	            ISO8601Short:"Y-m-d",
+	            ShortDate: "n/j/Y",
+	            LongDate: "l, F d, Y",
+	            FullDateTime: "l, F d, Y g:i:s A",
+	            MonthDay: "F d",
+	            ShortTime: "g:i A",
+	            LongTime: "g:i:s A",
+	            SortableDateTime: "Y-m-d\\TH:i:s",
+	            UniversalSortableDateTime: "Y-m-d H:i:sO",
+	            YearMonth: "F, Y"
+	        },
+	        reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+	    target: '',
+	    checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-en.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-en.js
new file mode 100755
index 00000000..6929885e
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-en.js
@@ -0,0 +1,170 @@
+;(function($){
+/**
+ * jqGrid English Translation
+ * Tony Tomov tony@trirand.com
+ * http://trirand.com/blog/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "View {0} - {1} of {2}",
+		emptyrecords: "No records to view",
+		loadtext: "Loading...",
+		pgtext : "Page {0} of {1}"
+	},
+	search : {
+		caption: "Search...",
+		Find: "Find",
+		Reset: "Reset",
+		odata: [{ oper:'eq', text:'equal'},{ oper:'ne', text:'not equal'},{ oper:'lt', text:'less'},{ oper:'le', text:'less or equal'},{ oper:'gt', text:'greater'},{ oper:'ge', text:'greater or equal'},{ oper:'bw', text:'begins with'},{ oper:'bn', text:'does not begin with'},{ oper:'in', text:'is in'},{ oper:'ni', text:'is not in'},{ oper:'ew', text:'ends with'},{ oper:'en', text:'does not end with'},{ oper:'cn', text:'contains'},{ oper:'nc', text:'does not contain'},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+		groupOps: [{ op: "AND", text: "all" },{ op: "OR",  text: "any" }],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "Add Record",
+		editCaption: "Edit Record",
+		bSubmit: "Submit",
+		bCancel: "Cancel",
+		bClose: "Close",
+		saveData: "Data has been changed! Save changes?",
+		bYes : "Yes",
+		bNo : "No",
+		bExit : "Cancel",
+		msg: {
+			required:"Field is required",
+			number:"Please, enter valid number",
+			minValue:"value must be greater than or equal to ",
+			maxValue:"value must be less than or equal to",
+			email: "is not a valid e-mail",
+			integer: "Please, enter valid integer value",
+			date: "Please, enter valid date value",
+			url: "is not a valid URL. Prefix required ('http://' or 'https://')",
+			nodefined : " is not defined!",
+			novalue : " return value is required!",
+			customarray : "Custom function should return array!",
+			customfcheck : "Custom function should be present in case of custom checking!"
+			
+		}
+	},
+	view : {
+		caption: "View Record",
+		bClose: "Close"
+	},
+	del : {
+		caption: "Delete",
+		msg: "Delete selected record(s)?",
+		bSubmit: "Delete",
+		bCancel: "Cancel"
+	},
+	nav : {
+		edittext: "",
+		edittitle: "Edit selected row",
+		addtext:"",
+		addtitle: "Add new row",
+		deltext: "",
+		deltitle: "Delete selected row",
+		searchtext: "",
+		searchtitle: "Find records",
+		refreshtext: "",
+		refreshtitle: "Reload Grid",
+		alertcap: "Warning",
+		alerttext: "Please, select row",
+		viewtext: "",
+		viewtitle: "View selected row"
+	},
+	col : {
+		caption: "Select columns",
+		bSubmit: "Ok",
+		bCancel: "Cancel"
+	},
+	errors : {
+		errcap : "Error",
+		nourl : "No url is set",
+		norecords: "No records to process",
+		model : "Length of colNames <> colModel!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: ",", defaultValue: '0'},
+		number : {decimalSeparator:".", thousandsSeparator: ",", decimalPlaces: 2, defaultValue: '0.00'},
+		currency : {decimalSeparator:".", thousandsSeparator: ",", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0.00'},
+		date : {
+			dayNames:   [
+				"Sun", "Mon", "Tue", "Wed", "Thr", "Fri", "Sat",
+				"Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"
+			],
+			monthNames: [
+				"Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec",
+				"January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th';},
+			srcformat: 'Y-m-d',
+			newformat: 'n/j/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				// see http://php.net/manual/en/function.date.php for PHP format used in jqGrid
+				// and see http://docs.jquery.com/UI/Datepicker/formatDate
+				// and https://github.com/jquery/globalize#dates for alternative formats used frequently
+				// one can find on https://github.com/jquery/globalize/tree/master/lib/cultures many
+				// information about date, time, numbers and currency formats used in different countries
+				// one should just convert the information in PHP format
+				ISO8601Long:"Y-m-d H:i:s",
+				ISO8601Short:"Y-m-d",
+				// short date:
+				//    n - Numeric representation of a month, without leading zeros
+				//    j - Day of the month without leading zeros
+				//    Y - A full numeric representation of a year, 4 digits
+				// example: 3/1/2012 which means 1 March 2012
+				ShortDate: "n/j/Y", // in jQuery UI Datepicker: "M/d/yyyy"
+				// long date:
+				//    l - A full textual representation of the day of the week
+				//    F - A full textual representation of a month
+				//    d - Day of the month, 2 digits with leading zeros
+				//    Y - A full numeric representation of a year, 4 digits
+				LongDate: "l, F d, Y", // in jQuery UI Datepicker: "dddd, MMMM dd, yyyy"
+				// long date with long time:
+				//    l - A full textual representation of the day of the week
+				//    F - A full textual representation of a month
+				//    d - Day of the month, 2 digits with leading zeros
+				//    Y - A full numeric representation of a year, 4 digits
+				//    g - 12-hour format of an hour without leading zeros
+				//    i - Minutes with leading zeros
+				//    s - Seconds, with leading zeros
+				//    A - Uppercase Ante meridiem and Post meridiem (AM or PM)
+				FullDateTime: "l, F d, Y g:i:s A", // in jQuery UI Datepicker: "dddd, MMMM dd, yyyy h:mm:ss tt"
+				// month day:
+				//    F - A full textual representation of a month
+				//    d - Day of the month, 2 digits with leading zeros
+				MonthDay: "F d", // in jQuery UI Datepicker: "MMMM dd"
+				// short time (without seconds)
+				//    g - 12-hour format of an hour without leading zeros
+				//    i - Minutes with leading zeros
+				//    A - Uppercase Ante meridiem and Post meridiem (AM or PM)
+				ShortTime: "g:i A", // in jQuery UI Datepicker: "h:mm tt"
+				// long time (with seconds)
+				//    g - 12-hour format of an hour without leading zeros
+				//    i - Minutes with leading zeros
+				//    s - Seconds, with leading zeros
+				//    A - Uppercase Ante meridiem and Post meridiem (AM or PM)
+				LongTime: "g:i:s A", // in jQuery UI Datepicker: "h:mm:ss tt"
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				// month with year
+				//    Y - A full numeric representation of a year, 4 digits
+				//    F - A full textual representation of a month
+				YearMonth: "F, Y" // in jQuery UI Datepicker: "MMMM, yyyy"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-es.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-es.js
new file mode 100755
index 00000000..96c935b4
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-es.js
@@ -0,0 +1,130 @@
+;(function($){
+/**
+ * jqGrid Spanish Translation
+ * Traduccion jqGrid en Español por Yamil Bracho
+ * Traduccion corregida y ampliada por Faserline, S.L. 
+ * http://www.faserline.com
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Mostrando {0} - {1} de {2}",
+	    emptyrecords: "Sin registros que mostrar",
+		loadtext: "Cargando...",
+		pgtext : "Página {0} de {1}"
+	},
+	search : {
+	    caption: "Búsqueda...",
+	    Find: "Buscar",
+	    Reset: "Limpiar",
+	    odata: [{ oper:'eq', text:"igual "},{ oper:'ne', text:"no igual a"},{ oper:'lt', text:"menor que"},{ oper:'le', text:"menor o igual que"},{ oper:'gt', text:"mayor que"},{ oper:'ge', text:"mayor o igual a"},{ oper:'bw', text:"empiece por"},{ oper:'bn', text:"no empiece por"},{ oper:'in', text:"está en"},{ oper:'ni', text:"no está en"},{ oper:'ew', text:"termina por"},{ oper:'en', text:"no termina por"},{ oper:'cn', text:"contiene"},{ oper:'nc', text:"no contiene"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+	    groupOps: [	{ op: "AND", text: "todo" },	{ op: "OR",  text: "cualquier" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+	    addCaption: "Agregar registro",
+	    editCaption: "Modificar registro",
+	    bSubmit: "Guardar",
+	    bCancel: "Cancelar",
+		bClose: "Cerrar",
+		saveData: "Se han modificado los datos, ¿guardar cambios?",
+		bYes : "Si",
+		bNo : "No",
+		bExit : "Cancelar",
+	    msg: {
+	        required:"Campo obligatorio",
+	        number:"Introduzca un número",
+	        minValue:"El valor debe ser mayor o igual a ",
+	        maxValue:"El valor debe ser menor o igual a ",
+	        email: "no es una dirección de correo válida",
+	        integer: "Introduzca un valor entero",
+			date: "Introduza una fecha correcta ",
+			url: "no es una URL válida. Prefijo requerido ('http://' or 'https://')",
+			nodefined : " no está definido.",
+			novalue : " valor de retorno es requerido.",
+			customarray : "La función personalizada debe devolver un array.",
+			customfcheck : "La función personalizada debe estar presente en el caso de validación personalizada."
+		}
+	},
+	view : {
+	    caption: "Consultar registro",
+	    bClose: "Cerrar"
+	},
+	del : {
+	    caption: "Eliminar",
+	    msg: "¿Desea eliminar los registros seleccionados?",
+	    bSubmit: "Eliminar",
+	    bCancel: "Cancelar"
+	},
+	nav : {
+		edittext: " ",
+	    edittitle: "Modificar fila seleccionada",
+		addtext:" ",
+	    addtitle: "Agregar nueva fila",
+	    deltext: " ",
+	    deltitle: "Eliminar fila seleccionada",
+	    searchtext: " ",
+	    searchtitle: "Buscar información",
+	    refreshtext: "",
+	    refreshtitle: "Recargar datos",
+	    alertcap: "Aviso",
+	    alerttext: "Seleccione una fila",
+		viewtext: "",
+		viewtitle: "Ver fila seleccionada"
+	},
+	col : {
+	    caption: "Mostrar/ocultar columnas",
+	    bSubmit: "Enviar",
+	    bCancel: "Cancelar"	
+	},
+	errors : {
+		errcap : "Error",
+		nourl : "No se ha especificado una URL",
+		norecords: "No hay datos para procesar",
+	    model : "Las columnas de nombres son diferentes de las columnas de modelo"
+	},
+	formatter : {
+		integer : {thousandsSeparator: ".", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: ".", decimalPlaces: 2, defaultValue: '0,00'},
+		currency : {decimalSeparator:",", thousandsSeparator: ".", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0,00'},
+		date : {
+			dayNames:   [
+				"Do", "Lu", "Ma", "Mi", "Ju", "Vi", "Sa",
+				"Domingo", "Lunes", "Martes", "Miercoles", "Jueves", "Viernes", "Sabado"
+			],
+			monthNames: [
+				"Ene", "Feb", "Mar", "Abr", "May", "Jun", "Jul", "Ago", "Sep", "Oct", "Nov", "Dic",
+				"Enero", "Febrero", "Marzo", "Abril", "Mayo", "Junio", "Julio", "Agosto", "Septiembre", "Octubre", "Noviembre", "Diciembre"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th'},
+			srcformat: 'Y-m-d',
+			newformat: 'd-m-Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+	            ISO8601Long:"Y-m-d H:i:s",
+	            ISO8601Short:"Y-m-d",
+	            ShortDate: "n/j/Y",
+	            LongDate: "l, F d, Y",
+	            FullDateTime: "l, F d, Y g:i:s A",
+	            MonthDay: "F d",
+	            ShortTime: "g:i A",
+	            LongTime: "g:i:s A",
+	            SortableDateTime: "Y-m-d\\TH:i:s",
+	            UniversalSortableDateTime: "Y-m-d H:i:sO",
+	            YearMonth: "F, Y"
+	        },
+	        reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+	    target: '',
+	    checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-fa.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-fa.js
new file mode 100755
index 00000000..fe6f669b
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-fa.js
@@ -0,0 +1,147 @@
+;(function ($) {
+/**
+ * jqGrid Persian Translation
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+	$.jgrid = $.jgrid || {};
+	$.extend($.jgrid,{
+        defaults: {
+            recordtext: "نمابش {0} - {1} از {2}",
+            emptyrecords: "رکوردی یافت نشد",
+            loadtext: "بارگزاري...",
+            pgtext: "صفحه {0} از {1}"
+        },
+        search: {
+            caption: "جستجو...",
+            Find: "يافته ها",
+            Reset: "از نو",
+            odata: [{ oper:'eq', text:"برابر"},{ oper:'ne', text:"نا برابر"},{ oper:'lt', text:"به"},{ oper:'le', text:"کوچکتر"},{ oper:'gt', text:"از"},{ oper:'ge', text:"بزرگتر"},{ oper:'bw', text:"شروع با"},{ oper:'bn', text:"شروع نشود با"},{ oper:'in', text:"نباشد"},{ oper:'ni', text:"عضو این نباشد"},{ oper:'ew', text:"اتمام با"},{ oper:'en', text:"تمام نشود با"},{ oper:'cn', text:"حاوی"},{ oper:'nc', text:"نباشد حاوی"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+            groupOps: [{
+                op: "AND",
+                text: "کل"
+            },
+            {
+                op: "OR",
+                text: "مجموع"
+            }],
+			operandTitle : "Click to select search operation.",
+			resetTitle : "Reset Search Value"
+        },
+        edit: {
+            addCaption: "اضافه کردن رکورد",
+            editCaption: "ويرايش رکورد",
+            bSubmit: "ثبت",
+            bCancel: "انصراف",
+            bClose: "بستن",
+            saveData: "دیتا تعییر کرد! ذخیره شود؟",
+            bYes: "بله",
+            bNo: "خیر",
+            bExit: "انصراف",
+            msg: {
+                required: "فيلدها بايد ختما پر شوند",
+                number: "لطفا عدد وعتبر وارد کنيد",
+                minValue: "مقدار وارد شده بايد بزرگتر يا مساوي با",
+                maxValue: "مقدار وارد شده بايد کوچکتر يا مساوي",
+                email: "پست الکترونيک وارد شده معتبر نيست",
+                integer: "لطفا يک عدد صحيح وارد کنيد",
+                date: "لطفا يک تاريخ معتبر وارد کنيد",
+                url: "این آدرس صحیح نمی باشد. پیشوند نیاز است ('http://' یا 'https://')",
+                nodefined: " تعریف نشده!",
+                novalue: " مقدار برگشتی اجباری است!",
+                customarray: "تابع شما باید مقدار آرایه داشته باشد!",
+                customfcheck: "برای داشتن متد دلخواه شما باید سطون با چکینگ دلخواه داشته باشید!"
+            }
+        },
+        view: {
+            caption: "نمایش رکورد",
+            bClose: "بستن"
+        },
+        del: {
+            caption: "حذف",
+            msg: "از حذف گزينه هاي انتخاب شده مطمئن هستيد؟",
+            bSubmit: "حذف",
+            bCancel: "ابطال"
+        },
+        nav: {
+            edittext: " ",
+            edittitle: "ويرايش رديف هاي انتخاب شده",
+            addtext: " ",
+            addtitle: "افزودن رديف جديد",
+            deltext: " ",
+            deltitle: "حذف ردبف هاي انتیاب شده",
+            searchtext: " ",
+            searchtitle: "جستجوي رديف",
+            refreshtext: "",
+            refreshtitle: "بازيابي مجدد صفحه",
+            alertcap: "اخطار",
+            alerttext: "لطفا يک رديف انتخاب کنيد",
+            viewtext: "",
+            viewtitle: "نمایش رکورد های انتخاب شده"
+        },
+        col: {
+            caption: "نمايش/عدم نمايش ستون",
+            bSubmit: "ثبت",
+            bCancel: "انصراف"
+        },
+        errors: {
+            errcap: "خطا",
+            nourl: "هيچ آدرسي تنظيم نشده است",
+            norecords: "هيچ رکوردي براي پردازش موجود نيست",
+            model: "طول نام ستون ها محالف ستون هاي مدل مي باشد!"
+        },
+        formatter: {
+            integer: {
+                thousandsSeparator: " ",
+                defaultValue: "0"
+            },
+            number: {
+                decimalSeparator: ".",
+                thousandsSeparator: " ",
+                decimalPlaces: 2,
+                defaultValue: "0.00"
+            },
+            currency: {
+                decimalSeparator: ".",
+                thousandsSeparator: " ",
+                decimalPlaces: 2,
+                prefix: "",
+                suffix: "",
+                defaultValue: "0"
+            },
+            date: {
+                dayNames: ["يک", "دو", "سه", "چهار", "پنج", "جمع", "شنب", "يکشنبه", "دوشنبه", "سه شنبه", "چهارشنبه", "پنجشنبه", "جمعه", "شنبه"],
+                monthNames: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", "ژانويه", "فوريه", "مارس", "آوريل", "مه", "ژوئن", "ژوئيه", "اوت", "سپتامبر", "اکتبر", "نوامبر", "December"],
+                AmPm: ["ب.ظ", "ب.ظ", "ق.ظ", "ق.ظ"],
+                S: function (b) {
+                    return b < 11 || b > 13 ? ["st", "nd", "rd", "th"][Math.min((b - 1) % 10, 3)] : "th"
+                },
+                srcformat: "Y-m-d",
+                newformat: "d/m/Y",
+				parseRe : /[#%\\\/:_;.,\t\s-]/,
+                masks: {
+                    ISO8601Long: "Y-m-d H:i:s",
+                    ISO8601Short: "Y-m-d",
+                    ShortDate: "n/j/Y",
+                    LongDate: "l, F d, Y",
+                    FullDateTime: "l, F d, Y g:i:s A",
+                    MonthDay: "F d",
+                    ShortTime: "g:i A",
+                    LongTime: "g:i:s A",
+                    SortableDateTime: "Y-m-d\\TH:i:s",
+                    UniversalSortableDateTime: "Y-m-d H:i:sO",
+                    YearMonth: "F, Y"
+                },
+                reformatAfterEdit: false
+            },
+            baseLinkUrl: "",
+            showAction: "نمايش",
+            target: "",
+            checkbox: {
+                disabled: true
+            },
+            idName: "id"
+        }
+    });
+})(jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-fi.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-fi.js
new file mode 100755
index 00000000..a78ed906
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-fi.js
@@ -0,0 +1,131 @@
+;(function($){
+/**
+ * jqGrid (fi) Finnish Translation
+ * Jukka Inkeri  awot.fi  2010-05-19
+ * Alex Grönholm  alex.gronholm@nextday.fi  2011-05-18
+ * http://awot.fi
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults: {
+		recordtext: "Rivit {0} - {1} / {2}",
+	    emptyrecords: "Ei n&auml;ytett&auml;vi&auml;",
+		loadtext: "Haetaan...",
+		pgtext: "Sivu {0} / {1}"
+	},
+	search: {
+	    caption: "Etsi...",
+	    Find: "Etsi",
+	    Reset: "Tyhjenn&auml;",
+	    odata: [{ oper:'eq', text:"on"},{ oper:'ne', text:"ei ole"},{ oper:'lt', text:"pienempi"},{ oper:'le', text:"pienempi tai yht&auml;suuri"},{ oper:'gt', text:"suurempi"},{ oper:'ge', text:"suurempi tai yht&auml;suuri"},{ oper:'bw', text:"alkaa"},{ oper:'bn', text:"ei ala"},{ oper:'in', text:"joukossa"},{ oper:'ni', text:"ei joukossa"},{ oper:'ew', text:"loppuu"},{ oper:'en', text:"ei lopu"},{ oper:'cn', text:"sis&auml;lt&auml;&auml;"},{ oper:'nc', text:"ei sis&auml;ll&auml;"},{ oper:'nu', text:"on tyhj&auml;"},{ oper:'nn', text:"ei ole tyhj&auml;"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+	    groupOps: [	{ op: "AND", text: "kaikki" }, { op: "OR", text: "mik&auml; tahansa" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"		
+	},
+	edit: {
+	    addCaption: "Uusi rivi",
+	    editCaption: "Muokkaa rivi&auml;",
+	    bSubmit: "OK",
+	    bCancel: "Peru",
+		bClose: "Sulje",
+		saveData: "Tietoja muutettu! Tallennetaanko?",
+		bYes: "Kyll&auml;",
+		bNo: "Ei",
+		bExit: "Peru",
+	    msg: {
+	        required: "pakollinen",
+	        number: "Anna kelvollinen nro",
+	        minValue: "arvon oltava suurempi tai yht&auml;suuri kuin ",
+	        maxValue: "arvon oltava pienempi tai yht&auml;suuri kuin ",
+	        email: "ei ole kelvollinen s&auml;postiosoite",
+	        integer: "Anna kelvollinen kokonaisluku",
+			date: "Anna kelvollinen pvm",
+			url: "Ei ole kelvollinen linkki(URL). Alku oltava ('http://' tai 'https://')",
+			nodefined: " ei ole m&auml;&auml;ritelty!",
+			novalue: " paluuarvo vaaditaan!",
+			customarray: "Oman funktion tulee palauttaa jono!",
+			customfcheck: "Oma funktio on m&auml;&auml;ritelt&auml;v&auml; r&auml;&auml;t&auml;l&ouml;ity&auml; tarkastusta varten!"
+		}
+	},
+	view: {
+	    caption: "N&auml;yt&auml; rivi",
+	    bClose: "Sulje"
+	},
+	del: {
+	    caption: "Poista",
+	    msg: "Poista valitut rivit?",
+	    bSubmit: "Poista",
+	    bCancel: "Peru"
+	},
+	nav: {
+		edittext: "",
+	    edittitle: "Muokkaa valittua rivi&auml;",
+		addtext: "",
+	    addtitle: "Uusi rivi",
+	    deltext: "",
+	    deltitle: "Poista valittu rivi",
+	    searchtext: "",
+	    searchtitle: "Etsi tietoja",
+	    refreshtext: "",
+	    refreshtitle: "Lataa uudelleen",
+	    alertcap: "Varoitus",
+	    alerttext: "Valitse rivi",
+		viewtext: "",
+		viewtitle: "N&auml;yta valitut rivit"
+	},
+	col: {
+	    caption: "Valitse sarakkeet",
+	    bSubmit: "OK",
+	    bCancel: "Peru"	
+	},
+	errors : {
+		errcap: "Virhe",
+		nourl: "URL on asettamatta",
+		norecords: "Ei muokattavia tietoja",
+	    model: "Pituus colNames <> colModel!"
+	},
+	formatter: {
+		integer: {thousandsSeparator: "", defaultValue: '0'},
+		number: {decimalSeparator:",", thousandsSeparator: "", decimalPlaces: 2, defaultValue: '0,00'},
+		currency: {decimalSeparator:",", thousandsSeparator: "", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0,00'},
+		date: {
+			dayNames:   [
+				"Su", "Ma", "Ti", "Ke", "To", "Pe", "La",
+				"Sunnuntai", "Maanantai", "Tiistai", "Keskiviikko", "Torstai", "Perjantai", "Lauantai"
+			],
+			monthNames: [
+				"Tam", "Hel", "Maa", "Huh", "Tou", "Kes", "Hei", "Elo", "Syy", "Lok", "Mar", "Jou",
+				"Tammikuu", "Helmikuu", "Maaliskuu", "Huhtikuu", "Toukokuu", "Kes&auml;kuu", "Hein&auml;kuu", "Elokuu", "Syyskuu", "Lokakuu", "Marraskuu", "Joulukuu"
+			],
+			AmPm: ["am","pm","AM","PM"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th'},
+			srcformat: 'Y-m-d',
+			newformat: 'd.m.Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks: {
+	            ISO8601Long:"Y-m-d H:i:s",
+	            ISO8601Short:"Y-m-d",
+	            ShortDate: "d.m.Y",
+	            LongDate: "l, F d, Y",
+	            FullDateTime: "l, F d, Y g:i:s A",
+	            MonthDay: "F d",
+	            ShortTime: "g:i A",
+	            LongTime: "g:i:s A",
+	            SortableDateTime: "Y-m-d\\TH:i:s",
+	            UniversalSortableDateTime: "Y-m-d H:i:sO",
+	            YearMonth: "F, Y"
+	        },
+	        reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+	    target: '',
+	    checkbox: {disabled:true},
+		idName: 'id'
+	}
+});
+// FI
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-fr.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-fr.js
new file mode 100755
index 00000000..7b8d9520
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-fr.js
@@ -0,0 +1,128 @@
+;(function($){
+/**
+ * jqGrid French Translation
+ * Tony Tomov tony@trirand.com
+ * http://trirand.com/blog/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Enregistrements {0} - {1} sur {2}",
+		emptyrecords: "Aucun enregistrement à afficher",
+		loadtext: "Chargement...",
+		pgtext : "Page {0} sur {1}"
+	},
+	search : {
+		caption: "Recherche...",
+		Find: "Chercher",
+		Reset: "Réinitialiser",
+		odata: [{ oper:'eq', text:"égal"},{ oper:'ne', text:"différent"},{ oper:'lt', text:"inférieur"},{ oper:'le', text:"inférieur ou égal"},{ oper:'gt', text:"supérieur"},{ oper:'ge', text:"supérieur ou égal"},{ oper:'bw', text:"commence par"},{ oper:'bn', text:"ne commence pas par"},{ oper:'in', text:"est dans"},{ oper:'ni', text:"n'est pas dans"},{ oper:'ew', text:"finit par"},{ oper:'en', text:"ne finit pas par"},{ oper:'cn', text:"contient"},{ oper:'nc', text:"ne contient pas"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+		groupOps: [	{ op: "AND", text: "tous" },	{ op: "OR",  text: "au moins un" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "Ajouter",
+		editCaption: "Editer",
+		bSubmit: "Valider",
+		bCancel: "Annuler",
+		bClose: "Fermer",
+		saveData: "Les données ont changé ! Enregistrer les modifications ?",
+		bYes: "Oui",
+		bNo: "Non",
+		bExit: "Annuler",
+		msg: {
+			required: "Champ obligatoire",
+			number: "Saisissez un nombre correct",
+			minValue: "La valeur doit être supérieure ou égale à",
+			maxValue: "La valeur doit être inférieure ou égale à",
+			email: "n'est pas un email correct",
+			integer: "Saisissez un entier correct",
+			url: "n'est pas une adresse correcte. Préfixe requis ('http://' or 'https://')",
+			nodefined : " n'est pas défini!",
+			novalue : " la valeur de retour est requise!",
+			customarray : "Une fonction personnalisée devrait retourner un tableau (array)!",
+			customfcheck : "Une fonction personnalisée devrait être présente dans le cas d'une vérification personnalisée!"
+		}
+	},
+	view : {
+		caption: "Voir les enregistrement",
+		bClose: "Fermer"
+	},
+	del : {
+		caption: "Supprimer",
+		msg: "Supprimer les enregistrements sélectionnés ?",
+		bSubmit: "Supprimer",
+		bCancel: "Annuler"
+	},
+	nav : {
+		edittext: " ",
+		edittitle: "Editer la ligne sélectionnée",
+		addtext:" ",
+		addtitle: "Ajouter une ligne",
+		deltext: " ",
+		deltitle: "Supprimer la ligne sélectionnée",
+		searchtext: " ",
+		searchtitle: "Chercher un enregistrement",
+		refreshtext: "",
+		refreshtitle: "Recharger le tableau",
+		alertcap: "Avertissement",
+		alerttext: "Veuillez sélectionner une ligne",
+		viewtext: "",
+		viewtitle: "Afficher la ligne sélectionnée"
+	},
+	col : {
+		caption: "Afficher/Masquer les colonnes",
+		bSubmit: "Valider",
+		bCancel: "Annuler"
+	},
+	errors : {
+		errcap : "Erreur",
+		nourl : "Aucune adresse n'est paramétrée",
+		norecords: "Aucun enregistrement à traiter",
+		model : "Nombre de titres (colNames) <> Nombre de données (colModel)!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0,00'},
+		currency : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0,00'},
+		date : {
+			dayNames:   [
+				"Dim", "Lun", "Mar", "Mer", "Jeu", "Ven", "Sam",
+				"Dimanche", "Lundi", "Mardi", "Mercredi", "Jeudi", "Vendredi", "Samedi"
+			],
+			monthNames: [
+				"Jan", "Fév", "Mar", "Avr", "Mai", "Jui", "Jul", "Aou", "Sep", "Oct", "Nov", "Déc",
+				"Janvier", "Février", "Mars", "Avril", "Mai", "Juin", "Juillet", "Aout", "Septembre", "Octobre", "Novembre", "Décembre"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return j == 1 ? 'er' : 'e';},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				ISO8601Long:"Y-m-d H:i:s",
+				ISO8601Short:"Y-m-d",
+				ShortDate: "n/j/Y",
+				LongDate: "l, F d, Y",
+				FullDateTime: "l, F d, Y g:i:s A",
+				MonthDay: "F d",
+				ShortTime: "g:i A",
+				LongTime: "g:i:s A",
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				YearMonth: "F, Y"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-gl.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-gl.js
new file mode 100755
index 00000000..897f6cc0
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-gl.js
@@ -0,0 +1,128 @@
+;(function($){
+/**
+ * jqGrid Galician Translation
+ * Translated by Jorge Barreiro <yortx.barry@gmail.com>
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Amosando {0} - {1} de {2}",
+	    emptyrecords: "Sen rexistros que amosar",
+		loadtext: "Cargando...",
+		pgtext : "Páxina {0} de {1}"
+	},
+	search : {
+	    caption: "Búsqueda...",
+	    Find: "Buscar",
+	    Reset: "Limpar",
+	    odata: [{ oper:'eq', text:"igual "},{ oper:'ne', text:"diferente a"},{ oper:'lt', text:"menor que"},{ oper:'le', text:"menor ou igual que"},{ oper:'gt', text:"maior que"},{ oper:'ge', text:"maior ou igual a"},{ oper:'bw', text:"empece por"},{ oper:'bn', text:"non empece por"},{ oper:'in', text:"está en"},{ oper:'ni', text:"non está en"},{ oper:'ew', text:"termina por"},{ oper:'en', text:"non termina por"},{ oper:'cn', text:"contén"},{ oper:'nc', text:"non contén"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+	    groupOps: [	{ op: "AND", text: "todo" },	{ op: "OR",  text: "calquera" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+	    addCaption: "Engadir rexistro",
+	    editCaption: "Modificar rexistro",
+	    bSubmit: "Gardar",
+	    bCancel: "Cancelar",
+		bClose: "Pechar",
+		saveData: "Modificáronse os datos, quere gardar os cambios?",
+		bYes : "Si",
+		bNo : "Non",
+		bExit : "Cancelar",
+	    msg: {
+	        required:"Campo obrigatorio",
+	        number:"Introduza un número",
+	        minValue:"O valor debe ser maior ou igual a ",
+	        maxValue:"O valor debe ser menor ou igual a ",
+	        email: "non é un enderezo de correo válido",
+	        integer: "Introduza un valor enteiro",
+			date: "Introduza unha data correcta ",
+			url: "non é unha URL válida. Prefixo requerido ('http://' ou 'https://')",
+			nodefined : " non está definido.",
+			novalue : " o valor de retorno é obrigatorio.",
+			customarray : "A función persoalizada debe devolver un array.",
+			customfcheck : "A función persoalizada debe estar presente no caso de ter validación persoalizada."
+		}
+	},
+	view : {
+	    caption: "Consultar rexistro",
+	    bClose: "Pechar"
+	},
+	del : {
+	    caption: "Eliminar",
+	    msg: "Desexa eliminar os rexistros seleccionados?",
+	    bSubmit: "Eliminar",
+	    bCancel: "Cancelar"
+	},
+	nav : {
+		edittext: " ",
+	    edittitle: "Modificar a fila seleccionada",
+		addtext:" ",
+	    addtitle: "Engadir unha nova fila",
+	    deltext: " ",
+	    deltitle: "Eliminar a fila seleccionada",
+	    searchtext: " ",
+	    searchtitle: "Buscar información",
+	    refreshtext: "",
+	    refreshtitle: "Recargar datos",
+	    alertcap: "Aviso",
+	    alerttext: "Seleccione unha fila",
+		viewtext: "",
+		viewtitle: "Ver fila seleccionada"
+	},
+	col : {
+	    caption: "Mostrar/ocultar columnas",
+	    bSubmit: "Enviar",
+	    bCancel: "Cancelar"	
+	},
+	errors : {
+		errcap : "Erro",
+		nourl : "Non especificou unha URL",
+		norecords: "Non hai datos para procesar",
+	    model : "As columnas de nomes son diferentes das columnas de modelo"
+	},
+	formatter : {
+		integer : {thousandsSeparator: ".", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: ".", decimalPlaces: 2, defaultValue: '0,00'},
+		currency : {decimalSeparator:",", thousandsSeparator: ".", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0,00'},
+		date : {
+			dayNames:   [
+				"Do", "Lu", "Ma", "Me", "Xo", "Ve", "Sa",
+				"Domingo", "Luns", "Martes", "Mércoles", "Xoves", "Vernes", "Sábado"
+			],
+			monthNames: [
+				"Xan", "Feb", "Mar", "Abr", "Mai", "Xuñ", "Xul", "Ago", "Set", "Out", "Nov", "Dec",
+				"Xaneiro", "Febreiro", "Marzo", "Abril", "Maio", "Xuño", "Xullo", "Agosto", "Setembro", "Outubro", "Novembro", "Decembro"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th'},
+			srcformat: 'Y-m-d',
+			newformat: 'd-m-Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+	            ISO8601Long:"Y-m-d H:i:s",
+	            ISO8601Short:"Y-m-d",
+	            ShortDate: "n/j/Y",
+	            LongDate: "l, F d, Y",
+	            FullDateTime: "l, F d, Y g:i:s A",
+	            MonthDay: "F d",
+	            ShortTime: "g:i A",
+	            LongTime: "g:i:s A",
+	            SortableDateTime: "Y-m-d\\TH:i:s",
+	            UniversalSortableDateTime: "Y-m-d H:i:sO",
+	            YearMonth: "F, Y"
+	        },
+	        reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+	    target: '',
+	    checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-he.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-he.js
new file mode 100755
index 00000000..faeab3bd
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-he.js
@@ -0,0 +1,129 @@
+;(function($){
+/**
+ * jqGrid Hebrew Translation
+ * Shuki Shukrun shukrun.shuki@gmail.com
+ * http://trirand.com/blog/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "מציג {0} - {1} מתוך {2}",
+		emptyrecords: "אין רשומות להציג",
+		loadtext: "טוען...",
+		pgtext : "דף {0} מתוך {1}"
+	},
+	search : {
+		caption: "מחפש...",
+		Find: "חפש",
+		Reset: "התחל",
+		odata: [{ oper:'eq', text:"שווה"},{ oper:'ne', text:"לא שווה"},{ oper:'lt', text:"קטן"},{ oper:'le', text:"קטן או שווה"},{ oper:'gt', text:"גדול"},{ oper:'ge', text:"גדול או שווה"},{ oper:'bw', text:"מתחיל ב"},{ oper:'bn', text:"לא מתחיל ב"},{ oper:'in', text:"נמצא ב"},{ oper:'ni', text:"לא נמצא ב"},{ oper:'ew', text:"מסתיים ב"},{ oper:'en', text:"לא מסתיים ב"},{ oper:'cn', text:"מכיל"},{ oper:'nc', text:"לא מכיל"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+		groupOps: [	{ op: "AND", text: "הכל" },	{ op: "OR",  text: "אחד מ" }],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "הוסף רשומה",
+		editCaption: "ערוך רשומה",
+		bSubmit: "שלח",
+		bCancel: "בטל",
+		bClose: "סגור",
+		saveData: "נתונים השתנו! לשמור?",
+		bYes : "כן",
+		bNo : "לא",
+		bExit : "בטל",
+		msg: {
+			required:"שדה חובה",
+			number:"אנא, הכנס מספר תקין",
+			minValue:"ערך צריך להיות גדול או שווה ל ",
+			maxValue:"ערך צריך להיות קטן או שווה ל ",
+			email: "היא לא כתובת איימל תקינה",
+			integer: "אנא, הכנס מספר שלם",
+			date: "אנא, הכנס תאריך תקין",
+			url: "הכתובת אינה תקינה. דרושה תחילית ('http://' או 'https://')",
+			nodefined : " is not defined!",
+			novalue : " return value is required!",
+			customarray : "Custom function should return array!",
+			customfcheck : "Custom function should be present in case of custom checking!"
+		}
+	},
+	view : {
+		caption: "הצג רשומה",
+		bClose: "סגור"
+	},
+	del : {
+		caption: "מחק",
+		msg: "האם למחוק את הרשומה/ות המסומנות?",
+		bSubmit: "מחק",
+		bCancel: "בטל"
+	},
+	nav : {
+		edittext: "",
+		edittitle: "ערוך שורה מסומנת",
+		addtext:"",
+		addtitle: "הוסף שורה חדשה",
+		deltext: "",
+		deltitle: "מחק שורה מסומנת",
+		searchtext: "",
+		searchtitle: "חפש רשומות",
+		refreshtext: "",
+		refreshtitle: "טען גריד מחדש",
+		alertcap: "אזהרה",
+		alerttext: "אנא, בחר שורה",
+		viewtext: "",
+		viewtitle: "הצג שורה מסומנת"
+	},
+	col : {
+		caption: "הצג/הסתר עמודות",
+		bSubmit: "שלח",
+		bCancel: "בטל"
+	},
+	errors : {
+		errcap : "שגיאה",
+		nourl : "לא הוגדרה כתובת url",
+		norecords: "אין רשומות לעבד",
+		model : "אורך של colNames <> colModel!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.00'},
+		currency : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0.00'},
+		date : {
+			dayNames:   [
+				"א", "ב", "ג", "ד", "ה", "ו", "ש",
+				"ראשון", "שני", "שלישי", "רביעי", "חמישי", "שישי", "שבת"
+			],
+			monthNames: [
+				"ינו", "פבר", "מרץ", "אפר", "מאי", "יונ", "יול", "אוג", "ספט", "אוק", "נוב", "דצמ",
+				"ינואר", "פברואר", "מרץ", "אפריל", "מאי", "יוני", "יולי", "אוגוסט", "ספטמבר", "אוקטובר", "נובמבר", "דצמבר"
+			],
+			AmPm : ["לפני הצהרים","אחר הצהרים","לפני הצהרים","אחר הצהרים"],
+			S: function (j) {return j < 11 || j > 13 ? ['', '', '', ''][Math.min((j - 1) % 10, 3)] : ''},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				ISO8601Long:"Y-m-d H:i:s",
+				ISO8601Short:"Y-m-d",
+				ShortDate: "n/j/Y",
+				LongDate: "l, F d, Y",
+				FullDateTime: "l, F d, Y g:i:s A",
+				MonthDay: "F d",
+				ShortTime: "g:i A",
+				LongTime: "g:i:s A",
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				YearMonth: "F, Y"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-hr.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-hr.js
new file mode 100755
index 00000000..a827f0e8
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-hr.js
@@ -0,0 +1,164 @@
+;(function($){
+/**
+ * jqGrid Croatian Translation
+ * Version 1.0.1 (developed for jQuery Grid 4.4)
+ * msajko@gmail.com
+ * 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Pregled {0} - {1} od {2}",
+		emptyrecords: "Nema zapisa",
+		loadtext: "Učitavam...",
+		pgtext : "Stranica {0} od {1}"
+	},
+	search : {
+		caption: "Traži...",
+		Find: "Pretraživanje",
+		Reset: "Poništi",
+		odata: [{ oper:'eq', text:"jednak"},{ oper:'ne', text:"nije identičan"},{ oper:'lt', text:"manje"},{ oper:'le', text:"manje ili identično"},{ oper:'gt', text:"veće"},{ oper:'ge', text:"veće ili identično"},{ oper:'bw', text:"počinje sa"},{ oper:'bn', text:"ne počinje sa "},{ oper:'in', text:"je u"},{ oper:'ni', text:"nije u"},{ oper:'ew', text:"završava sa"},{ oper:'en', text:"ne završava sa"},{ oper:'cn', text:"sadrži"},{ oper:'nc', text:"ne sadrži"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+		groupOps: [	{ op: "I", text: "sve" },	{ op: "ILI",  text: "bilo koji" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "Dodaj zapis",
+		editCaption: "Promijeni zapis",
+		bSubmit: "Preuzmi",
+		bCancel: "Odustani",
+		bClose: "Zatvri",
+		saveData: "Podaci su promijenjeni! Preuzmi promijene?",
+		bYes : "Da",
+		bNo : "Ne",
+		bExit : "Odustani",
+		msg: {
+			required:"Polje je obavezno",
+			number:"Molim, unesite ispravan broj",
+			minValue:"Vrijednost mora biti veća ili identična ",
+			maxValue:"Vrijednost mora biti manja ili identična",
+			email: "neispravan e-mail",
+			integer: "Molim, unjeti ispravan cijeli broj (integer)",
+			date: "Molim, unjeti ispravan datum ",
+			url: "neispravan URL. Prefiks je obavezan ('http://' or 'https://')",
+			nodefined : " nije definiran!",
+			novalue : " zahtjevan podatak je obavezan!",
+			customarray : "Opcionalna funkcija trebala bi bili polje (array)!",
+			customfcheck : "Custom function should be present in case of custom checking!"
+			
+		}
+	},
+	view : {
+		caption: "Otvori zapis",
+		bClose: "Zatvori"
+	},
+	del : {
+		caption: "Obriši",
+		msg: "Obriši označen zapis ili više njih?",
+		bSubmit: "Obriši",
+		bCancel: "Odustani"
+	},
+	nav : {
+		edittext: "",
+		edittitle: "Promijeni obilježeni red",
+		addtext: "",
+		addtitle: "Dodaj novi red",
+		deltext: "",
+		deltitle: "Obriši obilježeni red",
+		searchtext: "",
+		searchtitle: "Potraži zapise",
+		refreshtext: "",
+		refreshtitle: "Ponovo preuzmi podatke",
+		alertcap: "Upozorenje",
+		alerttext: "Molim, odaberi red",
+		viewtext: "",
+		viewtitle: "Pregled obilježenog reda"
+	},
+	col : {
+		caption: "Obilježi kolonu",
+		bSubmit: "Uredu",
+		bCancel: "Odustani"
+	},
+	errors : {
+		errcap : "Greška",
+		nourl : "Nedostaje URL",
+		norecords: "Bez zapisa za obradu",
+		model : "colNames i colModel imaju različitu duljinu!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: ".", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: ".", decimalPlaces: 2, defaultValue: '0,00'},
+		currency : {decimalSeparator:",", thousandsSeparator: ".", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0,00'},
+		date : {
+			dayNames:   [
+				"Ned", "Pon", "Uto", "Sri", "Čet", "Pet", "Sub",
+				"Nedjelja", "Ponedjeljak", "Utorak", "Srijeda", "Četvrtak", "Petak", "Subota"
+			],
+			monthNames: [
+				"Sij", "Velj", "Ožu", "Tra", "Svi", "Lip", "Srp", "Kol", "Ruj", "Lis", "Stu", "Pro",
+				"Siječanj", "Veljača", "Ožujak", "Travanj", "Svibanj", "Lipanj", "Srpanj", "Kolovoz", "Rujan", "Listopad", "Studeni", "Prosinac"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return ''},
+			srcformat: 'Y-m-d',
+			newformat: 'd.m.Y.',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				// see http://php.net/manual/en/function.date.php for PHP format used in jqGrid
+				// and see http://docs.jquery.com/UI/Datepicker/formatDate
+				// and https://github.com/jquery/globalize#dates for alternative formats used frequently
+				ISO8601Long: "Y-m-d H:i:s",
+				ISO8601Short: "Y-m-d",
+				// short date:
+				//    d - Day of the month, 2 digits with leading zeros
+				//    m - Numeric representation of a month, with leading zeros
+				//    Y - A full numeric representation of a year, 4 digits
+				ShortDate: "d.m.Y.",	// in jQuery UI Datepicker: "dd.mm.yy."
+				// long date:
+				//    l - A full textual representation of the day of the week
+				//    j - Day of the month without leading zeros
+				//    F - A full textual representation of a month
+				//    Y - A full numeric representation of a year, 4 digits
+				LongDate: "l, j. F Y", // in jQuery UI Datepicker: "dddd, d. MMMM yyyy"
+				// long date with long time:
+				//    l - A full textual representation of the day of the week
+				//    j - Day of the month without leading zeros
+				//    F - A full textual representation of a month
+				//    Y - A full numeric representation of a year, 4 digits
+				//    H - 24-hour format of an hour with leading zeros
+				//    i - Minutes with leading zeros
+				//    s - Seconds, with leading zeros
+				FullDateTime: "l, j. F Y H:i:s", // in jQuery UI Datepicker: "dddd, d. MMMM yyyy HH:mm:ss"
+				// month day:
+				//    d - Day of the month, 2 digits with leading zeros
+				//    F - A full textual representation of a month
+				MonthDay: "d F", // in jQuery UI Datepicker: "dd MMMM"
+				// short time (without seconds)
+				//    H - 24-hour format of an hour with leading zeros
+				//    i - Minutes with leading zeros
+				ShortTime: "H:i", // in jQuery UI Datepicker: "HH:mm"
+				// long time (with seconds)
+				//    H - 24-hour format of an hour with leading zeros
+				//    i - Minutes with leading zeros
+				//    s - Seconds, with leading zeros
+				LongTime: "H:i:s", // in jQuery UI Datepicker: "HH:mm:ss"
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				// month with year
+				//    F - A full textual representation of a month
+				//    Y - A full numeric representation of a year, 4 digits
+				YearMonth: "F Y" // in jQuery UI Datepicker: "MMMM yyyy"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-hr1250.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-hr1250.js
new file mode 100755
index 00000000..12574863
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-hr1250.js
@@ -0,0 +1,164 @@
+;(function($){
+/**
+ * jqGrid Croatian Translation (charset windows-1250)
+ * Version 1.0.1 (developed for jQuery Grid 4.4)
+ * msajko@gmail.com
+ * 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Pregled {0} - {1} od {2}",
+		emptyrecords: "Nema zapisa",
+		loadtext: "U�itavam...",
+		pgtext : "Stranica {0} od {1}"
+	},
+	search : {
+		caption: "Tra�i...",
+		Find: "Pretra�ivanje",
+		Reset: "Poni�ti",
+		odata : [{ oper:'eq', text:'jednak'}, { oper:'ne', text:'nije identi�an'}, { oper:'lt', text:'manje'}, { oper:'le', text:'manje ili identi�no'},{ oper:'gt', text:'ve�e'},{ oper:'ge', text:'ve�e ili identi�no'}, { oper:'bw', text:'po�inje sa'},{ oper:'bn', text:'ne po�inje sa '},{ oper:'in', text:'je u'},{ oper:'ni', text:'nije u'},{ oper:'ew', text:'zavr�ava sa'},{ oper:'en', text:'ne zavr�ava sa'},{ oper:'cn', text:'sadr�i'},{ oper:'nc', text:'ne sadr�i'},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+		groupOps: [	{ op: "I", text: "sve" },	{ op: "ILI",  text: "bilo koji" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "Dodaj zapis",
+		editCaption: "Promijeni zapis",
+		bSubmit: "Preuzmi",
+		bCancel: "Odustani",
+		bClose: "Zatvri",
+		saveData: "Podaci su promijenjeni! Preuzmi promijene?",
+		bYes : "Da",
+		bNo : "Ne",
+		bExit : "Odustani",
+		msg: {
+			required:"Polje je obavezno",
+			number:"Molim, unesite ispravan broj",
+			minValue:"Vrijednost mora biti ve�a ili identi�na ",
+			maxValue:"Vrijednost mora biti manja ili identi�na",
+			email: "neispravan e-mail",
+			integer: "Molim, unjeti ispravan cijeli broj (integer)",
+			date: "Molim, unjeti ispravan datum ",
+			url: "neispravan URL. Prefiks je obavezan ('http://' or 'https://')",
+			nodefined : " nije definiran!",
+			novalue : " zahtjevan podatak je obavezan!",
+			customarray : "Opcionalna funkcija trebala bi bili polje (array)!",
+			customfcheck : "Custom function should be present in case of custom checking!"
+			
+		}
+	},
+	view : {
+		caption: "Otvori zapis",
+		bClose: "Zatvori"
+	},
+	del : {
+		caption: "Obri�i",
+		msg: "Obri�i ozna�en zapis ili vi�e njih?",
+		bSubmit: "Obri�i",
+		bCancel: "Odustani"
+	},
+	nav : {
+		edittext: "",
+		edittitle: "Promijeni obilje�eni red",
+		addtext: "",
+		addtitle: "Dodaj novi red",
+		deltext: "",
+		deltitle: "Obri�i obilje�eni red",
+		searchtext: "",
+		searchtitle: "Potra�i zapise",
+		refreshtext: "",
+		refreshtitle: "Ponovo preuzmi podatke",
+		alertcap: "Upozorenje",
+		alerttext: "Molim, odaberi red",
+		viewtext: "",
+		viewtitle: "Pregled obilje�enog reda"
+	},
+	col : {
+		caption: "Obilje�i kolonu",
+		bSubmit: "Uredu",
+		bCancel: "Odustani"
+	},
+	errors : {
+		errcap : "Gre�ka",
+		nourl : "Nedostaje URL",
+		norecords: "Bez zapisa za obradu",
+		model : "colNames i colModel imaju razli�itu duljinu!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: ".", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: ".", decimalPlaces: 2, defaultValue: '0,00'},
+		currency : {decimalSeparator:",", thousandsSeparator: ".", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0,00'},
+		date : {
+			dayNames:   [
+				"Ned", "Pon", "Uto", "Sri", "�et", "Pet", "Sub",
+				"Nedjelja", "Ponedjeljak", "Utorak", "Srijeda", "�etvrtak", "Petak", "Subota"
+			],
+			monthNames: [
+				"Sij", "Velj", "O�u", "Tra", "Svi", "Lip", "Srp", "Kol", "Ruj", "Lis", "Stu", "Pro",
+				"Sije�anj", "Velja�a", "O�ujak", "Travanj", "Svibanj", "Lipanj", "Srpanj", "Kolovoz", "Rujan", "Listopad", "Studeni", "Prosinac"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return ''},
+			srcformat: 'Y-m-d',
+			newformat: 'd.m.Y.',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				// see http://php.net/manual/en/function.date.php for PHP format used in jqGrid
+				// and see http://docs.jquery.com/UI/Datepicker/formatDate
+				// and https://github.com/jquery/globalize#dates for alternative formats used frequently
+				ISO8601Long: "Y-m-d H:i:s",
+				ISO8601Short: "Y-m-d",
+				// short date:
+				//    d - Day of the month, 2 digits with leading zeros
+				//    m - Numeric representation of a month, with leading zeros
+				//    Y - A full numeric representation of a year, 4 digits
+				ShortDate: "d.m.Y.",	// in jQuery UI Datepicker: "dd.mm.yy."
+				// long date:
+				//    l - A full textual representation of the day of the week
+				//    j - Day of the month without leading zeros
+				//    F - A full textual representation of a month
+				//    Y - A full numeric representation of a year, 4 digits
+				LongDate: "l, j. F Y", // in jQuery UI Datepicker: "dddd, d. MMMM yyyy"
+				// long date with long time:
+				//    l - A full textual representation of the day of the week
+				//    j - Day of the month without leading zeros
+				//    F - A full textual representation of a month
+				//    Y - A full numeric representation of a year, 4 digits
+				//    H - 24-hour format of an hour with leading zeros
+				//    i - Minutes with leading zeros
+				//    s - Seconds, with leading zeros
+				FullDateTime: "l, j. F Y H:i:s", // in jQuery UI Datepicker: "dddd, d. MMMM yyyy HH:mm:ss"
+				// month day:
+				//    d - Day of the month, 2 digits with leading zeros
+				//    F - A full textual representation of a month
+				MonthDay: "d F", // in jQuery UI Datepicker: "dd MMMM"
+				// short time (without seconds)
+				//    H - 24-hour format of an hour with leading zeros
+				//    i - Minutes with leading zeros
+				ShortTime: "H:i", // in jQuery UI Datepicker: "HH:mm"
+				// long time (with seconds)
+				//    H - 24-hour format of an hour with leading zeros
+				//    i - Minutes with leading zeros
+				//    s - Seconds, with leading zeros
+				LongTime: "H:i:s", // in jQuery UI Datepicker: "HH:mm:ss"
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				// month with year
+				//    F - A full textual representation of a month
+				//    Y - A full numeric representation of a year, 4 digits
+				YearMonth: "F Y" // in jQuery UI Datepicker: "MMMM yyyy"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-hu.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-hu.js
new file mode 100755
index 00000000..71478664
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-hu.js
@@ -0,0 +1,131 @@
+;(function($){
+/**
+ * jqGrid Hungarian Translation
+ * Őrszigety Ádám udx6bs@freemail.hu
+ * http://trirand.com/blog/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Oldal {0} - {1} / {2}",
+		emptyrecords: "Nincs találat",
+		loadtext: "Betöltés...",
+		pgtext : "Oldal {0} / {1}"
+	},
+	search : {
+		caption: "Keresés...",
+		Find: "Keres",
+		Reset: "Alapértelmezett",
+		odata: [{ oper:'eq', text:"egyenlő"},{ oper:'ne', text:"nem egyenlő"},{ oper:'lt', text:"kevesebb"},{ oper:'le', text:"kevesebb vagy egyenlő"},{ oper:'gt', text:"nagyobb"},{ oper:'ge', text:"nagyobb vagy egyenlő"},{ oper:'bw', text:"ezzel kezdődik"},{ oper:'bn', text:"nem ezzel kezdődik"},{ oper:'in', text:"tartalmaz"},{ oper:'ni', text:"nem tartalmaz"},{ oper:'ew', text:"végződik"},{ oper:'en', text:"nem végződik"},{ oper:'cn', text:"tartalmaz"},{ oper:'nc', text:"nem tartalmaz"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+		groupOps: [	{ op: "AND", text: "all" },	{ op: "OR",  text: "any" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "Új tétel",
+		editCaption: "Tétel szerkesztése",
+		bSubmit: "Mentés",
+		bCancel: "Mégse",
+		bClose: "Bezárás",
+		saveData: "A tétel megváltozott! Tétel mentése?",
+		bYes : "Igen",
+		bNo : "Nem",
+		bExit : "Mégse",
+		msg: {
+			required:"Kötelező mező",
+			number:"Kérjük, adjon meg egy helyes számot",
+			minValue:"Nagyobb vagy egyenlőnek kell lenni mint ",
+			maxValue:"Kisebb vagy egyenlőnek kell lennie mint",
+			email: "hibás emailcím",
+			integer: "Kérjük adjon meg egy helyes egész számot",
+			date: "Kérjük adjon meg egy helyes dátumot",
+			url: "nem helyes cím. Előtag kötelező ('http://' vagy 'https://')",
+			nodefined : " nem definiált!",
+			novalue : " visszatérési érték kötelező!!",
+			customarray : "Custom function should return array!",
+			customfcheck : "Custom function should be present in case of custom checking!"
+			
+		}
+	},
+	view : {
+		caption: "Tétel megtekintése",
+		bClose: "Bezárás"
+	},
+	del : {
+		caption: "Törlés",
+		msg: "Kiválaztott tétel(ek) törlése?",
+		bSubmit: "Törlés",
+		bCancel: "Mégse"
+	},
+	nav : {
+		edittext: "",
+		edittitle: "Tétel szerkesztése",
+		addtext:"",
+		addtitle: "Új tétel hozzáadása",
+		deltext: "",
+		deltitle: "Tétel törlése",
+		searchtext: "",
+		searchtitle: "Keresés",
+		refreshtext: "",
+		refreshtitle: "Frissítés",
+		alertcap: "Figyelmeztetés",
+		alerttext: "Kérem válasszon tételt.",
+		viewtext: "",
+		viewtitle: "Tétel megtekintése"
+	},
+	col : {
+		caption: "Oszlopok kiválasztása",
+		bSubmit: "Ok",
+		bCancel: "Mégse"
+	},
+	errors : {
+		errcap : "Hiba",
+		nourl : "Nincs URL beállítva",
+		norecords: "Nincs feldolgozásra váró tétel",
+		model : "colNames és colModel hossza nem egyenlő!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0,00'},
+		currency : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0,00'},
+		date : {
+			dayNames:   [
+				"Va", "Hé", "Ke", "Sze", "Csü", "Pé", "Szo",
+				"Vasárnap", "Hétfő", "Kedd", "Szerda", "Csütörtök", "Péntek", "Szombat"
+			],
+			monthNames: [
+				"Jan", "Feb", "Már", "Ápr", "Máj", "Jún", "Júl", "Aug", "Szep", "Okt", "Nov", "Dec",
+				"Január", "Február", "Március", "Áprili", "Május", "Június", "Július", "Augusztus", "Szeptember", "Október", "November", "December"
+			],
+			AmPm : ["de","du","DE","DU"],
+			S: function (j) {return '.-ik';},
+			srcformat: 'Y-m-d',
+			newformat: 'Y/m/d',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				ISO8601Long:"Y-m-d H:i:s",
+				ISO8601Short:"Y-m-d",
+				ShortDate: "Y/j/n",
+				LongDate: "Y. F hó d., l",
+				FullDateTime: "l, F d, Y g:i:s A",
+				MonthDay: "F d",
+				ShortTime: "a g:i",
+				LongTime: "a g:i:s",
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				YearMonth: "Y, F"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-id.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-id.js
new file mode 100755
index 00000000..2ff1dd96
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-id.js
@@ -0,0 +1,170 @@
+;(function($){
+/**
+ * jqGrid English Translation
+ * Tony Tomov tony@trirand.com
+ * http://trirand.com/blog/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Data {0} - {1} dari {2}",
+		emptyrecords: "Tidak ada data",
+		loadtext: "Memuat...",
+		pgtext : "Halaman {0} dari {1}"
+	},
+	search : {
+		caption: "Pencarian",
+		Find: "Cari !",
+		Reset: "Segarkan",
+		odata: [{ oper:'eq', text:"sama dengan"},{ oper:'ne', text:"tidak sama dengan"},{ oper:'lt', text:"kurang dari"},{ oper:'le', text:"kurang dari atau sama dengan"},{ oper:'gt', text:"lebih besar"},{ oper:'ge', text:"lebih besar atau sama dengan"},{ oper:'bw', text:"dimulai dengan"},{ oper:'bn', text:"tidak dimulai dengan"},{ oper:'in', text:"di dalam"},{ oper:'ni', text:"tidak di dalam"},{ oper:'ew', text:"diakhiri dengan"},{ oper:'en', text:"tidak diakhiri dengan"},{ oper:'cn', text:"mengandung"},{ oper:'nc', text:"tidak mengandung"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+		groupOps: [	{ op: "AND", text: "all" },	{ op: "OR",  text: "any" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "Tambah Data",
+		editCaption: "Sunting Data",
+		bSubmit: "Submit",
+		bCancel: "Tutup",
+		bClose: "Tutup",
+		saveData: "Data telah berubah! Simpan perubahan?",
+		bYes : "Ya",
+		bNo : "Tidak",
+		bExit : "Tutup",
+		msg: {
+			required:"kolom wajib diisi",
+			number:"hanya nomer yang diperbolehkan",
+			minValue:"kolom harus lebih besar dari atau sama dengan",
+			maxValue:"kolom harus lebih kecil atau sama dengan",
+			email: "alamat e-mail tidak valid",
+			integer: "hanya nilai integer yang diperbolehkan",
+			date: "nilai tanggal tidak valid",
+			url: "Bukan URL yang valid. Harap gunakan ('http://' or 'https://')",
+			nodefined : " belum didefinisikan!",
+			novalue : " return value is required!",
+			customarray : "Custom function should return array!",
+			customfcheck : "Custom function should be present in case of custom checking!"
+			
+		}
+	},
+	view : {
+		caption: "Menampilkan data",
+		bClose: "Tutup"
+	},
+	del : {
+		caption: "Hapus",
+		msg: "Hapus data terpilih?",
+		bSubmit: "Hapus",
+		bCancel: "Batalkan"
+	},
+	nav : {
+		edittext: "",
+		edittitle: "Sunting data terpilih",
+		addtext:"",
+		addtitle: "Tambah baris baru",
+		deltext: "",
+		deltitle: "Hapus baris terpilih",
+		searchtext: "",
+		searchtitle: "Temukan data",
+		refreshtext: "",
+		refreshtitle: "Segarkan Grid",
+		alertcap: "Warning",
+		alerttext: "Harap pilih baris",
+		viewtext: "",
+		viewtitle: "Tampilkan baris terpilih"
+	},
+	col : {
+		caption: "Pilih Kolom",
+		bSubmit: "Ok",
+		bCancel: "Batal"
+	},
+	errors : {
+		errcap : "Error",
+		nourl : "Tidak ada url yang diset",
+		norecords: "Tidak ada data untuk diproses",
+		model : "Lebar dari colNames <> colModel!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: ".", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: ".", decimalPlaces: 2, defaultValue: '0'},
+		currency : {decimalSeparator:",", thousandsSeparator: ".", decimalPlaces: 2, prefix: "Rp. ", suffix:"", defaultValue: '0'},
+		date : {
+			dayNames:   [
+				"Ming", "Sen", "Sel", "Rab", "Kam", "Jum", "Sab",
+				"Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu"
+			],
+			monthNames: [
+				"Jan", "Feb", "Mar", "Apr", "Mei", "Jun", "Jul", "Agu", "Sep", "Okt", "Nov", "Des",
+				"Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th';},
+			srcformat: 'Y-m-d',
+			newformat: 'n/j/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				// see http://php.net/manual/en/function.date.php for PHP format used in jqGrid
+				// and see http://docs.jquery.com/UI/Datepicker/formatDate
+				// and https://github.com/jquery/globalize#dates for alternative formats used frequently
+				// one can find on https://github.com/jquery/globalize/tree/master/lib/cultures many
+				// information about date, time, numbers and currency formats used in different countries
+				// one should just convert the information in PHP format
+				ISO8601Long:"Y-m-d H:i:s",
+				ISO8601Short:"Y-m-d",
+				// short date:
+				//    n - Numeric representation of a month, without leading zeros
+				//    j - Day of the month without leading zeros
+				//    Y - A full numeric representation of a year, 4 digits
+				// example: 3/1/2012 which means 1 March 2012
+				ShortDate: "n/j/Y", // in jQuery UI Datepicker: "M/d/yyyy"
+				// long date:
+				//    l - A full textual representation of the day of the week
+				//    F - A full textual representation of a month
+				//    d - Day of the month, 2 digits with leading zeros
+				//    Y - A full numeric representation of a year, 4 digits
+				LongDate: "l, F d, Y", // in jQuery UI Datepicker: "dddd, MMMM dd, yyyy"
+				// long date with long time:
+				//    l - A full textual representation of the day of the week
+				//    F - A full textual representation of a month
+				//    d - Day of the month, 2 digits with leading zeros
+				//    Y - A full numeric representation of a year, 4 digits
+				//    g - 12-hour format of an hour without leading zeros
+				//    i - Minutes with leading zeros
+				//    s - Seconds, with leading zeros
+				//    A - Uppercase Ante meridiem and Post meridiem (AM or PM)
+				FullDateTime: "l, F d, Y g:i:s A", // in jQuery UI Datepicker: "dddd, MMMM dd, yyyy h:mm:ss tt"
+				// month day:
+				//    F - A full textual representation of a month
+				//    d - Day of the month, 2 digits with leading zeros
+				MonthDay: "F d", // in jQuery UI Datepicker: "MMMM dd"
+				// short time (without seconds)
+				//    g - 12-hour format of an hour without leading zeros
+				//    i - Minutes with leading zeros
+				//    A - Uppercase Ante meridiem and Post meridiem (AM or PM)
+				ShortTime: "g:i A", // in jQuery UI Datepicker: "h:mm tt"
+				// long time (with seconds)
+				//    g - 12-hour format of an hour without leading zeros
+				//    i - Minutes with leading zeros
+				//    s - Seconds, with leading zeros
+				//    A - Uppercase Ante meridiem and Post meridiem (AM or PM)
+				LongTime: "g:i:s A", // in jQuery UI Datepicker: "h:mm:ss tt"
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				// month with year
+				//    Y - A full numeric representation of a year, 4 digits
+				//    F - A full textual representation of a month
+				YearMonth: "F, Y" // in jQuery UI Datepicker: "MMMM, yyyy"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-is.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-is.js
new file mode 100755
index 00000000..bf4d6b29
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-is.js
@@ -0,0 +1,128 @@
+;(function($){
+/**
+ * jqGrid Icelandic Translation
+ * jtm@hi.is Univercity of Iceland
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Skoða {0} - {1} af {2}",
+	    emptyrecords: "Engar færslur",
+		loadtext: "Hleður...",
+		pgtext : "Síða {0} af {1}"
+	},
+	search : {
+	    caption: "Leita...",
+	    Find: "Leita",
+	    Reset: "Endursetja",
+	    odata: [{ oper:'eq', text:"sama og"},{ oper:'ne', text:"ekki sama og"},{ oper:'lt', text:"minna en"},{ oper:'le', text:"minna eða jafnt og"},{ oper:'gt', text:"stærra en"},{ oper:'ge', text:"stærra eða jafnt og"},{ oper:'bw', text:"byrjar á"},{ oper:'bn', text:"byrjar ekki á"},{ oper:'in', text:"er í"},{ oper:'ni', text:"er ekki í"},{ oper:'ew', text:"endar á"},{ oper:'en', text:"endar ekki á"},{ oper:'cn', text:"inniheldur"},{ oper:'nc', text:"inniheldur ekki"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+	    groupOps: [	{ op: "AND", text: "allt" },	{ op: "OR",  text: "eða" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+	    addCaption: "Bæta við færslu",
+	    editCaption: "Breyta færslu",
+	    bSubmit: "Vista",
+	    bCancel: "Hætta við",
+		bClose: "Loka",
+		saveData: "Gögn hafa breyst! Vista breytingar?",
+		bYes : "Já",
+		bNo : "Nei",
+		bExit : "Hætta við",
+	    msg: {
+	        required:"Reitur er nauðsynlegur",
+	        number:"Vinsamlega settu inn tölu",
+	        minValue:"gildi verður að vera meira en eða jafnt og ",
+	        maxValue:"gildi verður að vera minna en eða jafnt og ",
+	        email: "er ekki löglegt email",
+	        integer: "Vinsamlega settu inn tölu",
+			date: "Vinsamlega setti inn dagsetningu",
+			url: "er ekki löglegt URL. Vantar ('http://' eða 'https://')",
+			nodefined : " er ekki skilgreint!",
+			novalue : " skilagildi nauðsynlegt!",
+			customarray : "Fall skal skila fylki!",
+			customfcheck : "Fall skal vera skilgreint!"
+		}
+	},
+	view : {
+	    caption: "Skoða færslu",
+	    bClose: "Loka"
+	},
+	del : {
+	    caption: "Eyða",
+	    msg: "Eyða völdum færslum ?",
+	    bSubmit: "Eyða",
+	    bCancel: "Hætta við"
+	},
+	nav : {
+		edittext: " ",
+	    edittitle: "Breyta færslu",
+		addtext:" ",
+	    addtitle: "Ný færsla",
+	    deltext: " ",
+	    deltitle: "Eyða færslu",
+	    searchtext: " ",
+	    searchtitle: "Leita",
+	    refreshtext: "",
+	    refreshtitle: "Endurhlaða",
+	    alertcap: "Viðvörun",
+	    alerttext: "Vinsamlega veldu færslu",
+		viewtext: "",
+		viewtitle: "Skoða valda færslu"
+	},
+	col : {
+	    caption: "Sýna / fela dálka",
+	    bSubmit: "Vista",
+	    bCancel: "Hætta við"	
+	},
+	errors : {
+		errcap : "Villa",
+		nourl : "Vantar slóð",
+		norecords: "Engar færslur valdar",
+	    model : "Lengd colNames <> colModel!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.00'},
+		currency : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0.00'},
+		date : {
+			dayNames:   [
+				"Sun", "Mán", "Þri", "Mið", "Fim", "Fös", "Lau",
+				"Sunnudagur", "Mánudagur", "Þriðjudagur", "Miðvikudagur", "Fimmtudagur", "Föstudagur", "Laugardagur"
+			],
+			monthNames: [
+				"Jan", "Feb", "Mar", "Apr", "Maí", "Jún", "Júl", "Ágú", "Sep", "Oct", "Nóv", "Des",
+				"Janúar", "Febrúar", "Mars", "Apríl", "Maí", "Júný", "Júlý", "Ágúst", "September", "Október", "Nóvember", "Desember"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th'},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+	            ISO8601Long:"Y-m-d H:i:s",
+	            ISO8601Short:"Y-m-d",
+	            ShortDate: "n/j/Y",
+	            LongDate: "l, F d, Y",
+	            FullDateTime: "l, F d, Y g:i:s A",
+	            MonthDay: "F d",
+	            ShortTime: "g:i A",
+	            LongTime: "g:i:s A",
+	            SortableDateTime: "Y-m-d\\TH:i:s",
+	            UniversalSortableDateTime: "Y-m-d H:i:sO",
+	            YearMonth: "F, Y"
+	        },
+	        reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+	    target: '',
+	    checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-it.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-it.js
new file mode 100755
index 00000000..105968b8
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-it.js
@@ -0,0 +1 @@
+(function(a){a.jgrid = a.jgrid || {};a.extend(a.jgrid,{ defaults:{recordtext:"Visualizzati {0} - {1} di {2}",emptyrecords:"Nessun record da visualizzare",loadtext:"Caricamento...",pgtext:"Pagina {0} di {1}"},search:{caption:"Ricerca...",Find:"Cerca",Reset:"Pulisci",			odata: [{ oper:'eq', text:"uguale"},{ oper:'ne', text:"diverso"},{ oper:'lt', text:"minore"},{ oper:'le', text:"minore o uguale"},{ oper:'gt', text:"maggiore"},{ oper:'ge', text:"maggiore o uguale"},{ oper:'bw', text:"inizia con"},{ oper:'bn', text:"non inizia con"},{ oper:'in', text:"in"},{ oper:'ni', text:"non in"},{ oper:'ew', text:"termina con"},{ oper:'en', text:"non termina con"},{ oper:'cn', text:"contiene"},{ oper:'nc', text:"non contiene"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],groupOps:[{op:"AND",text:"tutto"},{op:"OR",text:"almeno uno"}],	operandTitle : "Click to select search operation.",resetTitle : "Reset Search Value"},edit:{addCaption:"Aggiungi Record",editCaption:"Modifica Record",bSubmit:"Invia",bCancel:"Chiudi",bClose:"Chiudi",saveData:"Alcuni dati modificati! Salvare i cambiamenti?",bYes:"Si",bNo:"No",bExit:"Esci",msg:{required:"Campo richiesto",number:"Per favore, inserisci un valore valido",minValue:"il valore deve essere maggiore o uguale a ",maxValue:"il valore deve essere minore o uguale a",email:"e-mail non corretta",integer:"Per favore, inserisci un numero intero valido",date:"Per favore, inserisci una data valida",url:"URL non valido. Prefisso richiesto ('http://' or 'https://')",nodefined:" non � definito!",novalue:" valore di ritorno richiesto!",customarray:"La function custon deve tornare un array!",customfcheck:"La function custom deve esistere per il custom checking!"}},view:{caption:"Visualizzazione Record",bClose:"Chiudi"},del:{caption:"Cancella",msg:"Cancellare record selezionato/i?",bSubmit:"Cancella",bCancel:"Annulla"},nav:{edittext:" ",edittitle:"Modifica record selezionato",addtext:" ",addtitle:"Aggiungi nuovo record",deltext:" ",deltitle:"Cancella record selezionato",searchtext:" ",searchtitle:"Ricerca record",refreshtext:"",refreshtitle:"Aggiorna griglia",alertcap:"Attenzione",alerttext:"Per favore, seleziona un record",viewtext:"",viewtitle:"Visualizza riga selezionata"},col:{caption:"Mostra/Nascondi Colonne",bSubmit:"Invia",bCancel:"Annulla"},errors:{errcap:"Errore",nourl:"Url non settata",norecords:"Nessun record da elaborare",model:"Lunghezza di colNames &lt;&gt; colModel!"},formatter:{integer:{thousandsSeparator:" ",defaultValue:"0"},number:{decimalSeparator:",",thousandsSeparator:" ",decimalPlaces:2,defaultValue:"0,00"},currency:{decimalSeparator:",",thousandsSeparator:" ",decimalPlaces:2,prefix:"",suffix:"",defaultValue:"0,00"},date:{dayNames:["Dom","Lun","Mar","Mer","Gio","Ven","Sab","Domenica","Luned�","Marted�","Mercoled�","Gioved�","Venerd�","Sabato"],monthNames:["Gen","Feb","Mar","Apr","Mag","Gui","Lug","Ago","Set","Ott","Nov","Dic","Genneio","Febbraio","Marzo","Aprile","Maggio","Giugno","Luglio","Agosto","Settembre","Ottobre","Movembre","Dicembre"],AmPm:["am","pm","AM","PM"],S:function(b){return b<11||b>13?["st","nd","rd","th"][Math.min((b-1)%10,3)]:"th"},srcformat:"Y-m-d",newformat:"d/m/Y",parseRe : /[#%\\\/:_;.,\t\s-]/,masks:{ISO8601Long:"Y-m-d H:i:s",ISO8601Short:"Y-m-d",ShortDate:"n/j/Y",LongDate:"l, F d, Y",FullDateTime:"l, F d, Y g:i:s A",MonthDay:"F d",ShortTime:"g:i A",LongTime:"g:i:s A",SortableDateTime:"Y-m-d\\TH:i:s",UniversalSortableDateTime:"Y-m-d H:i:sO",YearMonth:"F, Y"},reformatAfterEdit:false},baseLinkUrl:"",showAction:"",target:"",checkbox:{disabled:true},idName:"id"}});})(jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-ja.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-ja.js
new file mode 100755
index 00000000..0d801adb
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-ja.js
@@ -0,0 +1,158 @@
+;(function($){
+/**
+ * jqGrid Japanese Translation
+ * OKADA Yoshitada okada.dev@sth.jp
+ * http://trirand.com/blog/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "{2} \u4EF6\u4E2D {0} - {1} \u3092\u8868\u793A ",
+	    emptyrecords: "\u8868\u793A\u3059\u308B\u30EC\u30B3\u30FC\u30C9\u304C\u3042\u308A\u307E\u305B\u3093",
+		loadtext: "\u8aad\u307f\u8fbc\u307f\u4e2d...",
+		pgtext : "{1} \u30DA\u30FC\u30B8\u4E2D {0} \u30DA\u30FC\u30B8\u76EE "
+	},
+	search : {
+	    caption: "\u691c\u7d22...",
+	    Find: "\u691c\u7d22",
+	    Reset: "\u30ea\u30bb\u30c3\u30c8",
+	    odata: [{ oper:'eq', text:"\u6B21\u306B\u7B49\u3057\u3044"}, { oper:'ne', text:"\u6B21\u306B\u7B49\u3057\u304F\u306A\u3044"},
+            { oper:'lt', text:"\u6B21\u3088\u308A\u5C0F\u3055\u3044"}, { oper:'le', text:"\u6B21\u306B\u7B49\u3057\u3044\u304B\u5C0F\u3055\u3044"},
+            { oper:'gt', text:"\u6B21\u3088\u308A\u5927\u304D\u3044"}, { oper:'ge', text:"\u6B21\u306B\u7B49\u3057\u3044\u304B\u5927\u304D\u3044"},
+            { oper:'bw', text:"\u6B21\u3067\u59CB\u307E\u308B"}, { oper:'bn', text:"\u6B21\u3067\u59CB\u307E\u3089\u306A\u3044"},
+            { oper:'in', text:"\u6B21\u306B\u542B\u307E\u308C\u308B"}, { oper:'ni', text:"\u6B21\u306B\u542B\u307E\u308C\u306A\u3044"},
+            { oper:'ew', text:"\u6B21\u3067\u7D42\u308F\u308B"}, { oper:'en', text:"\u6B21\u3067\u7D42\u308F\u3089\u306A\u3044"},
+            { oper:'cn', text:"\u6B21\u3092\u542B\u3080"}, { oper:'nc', text:"\u6B21\u3092\u542B\u307E\u306A\u3044"},
+			{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+	    groupOps: [{
+                op: "AND",
+                text: "\u3059\u3079\u3066\u306E"
+            },
+            {
+                op: "OR",
+                text: "\u3044\u305A\u308C\u304B\u306E"
+            }],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+	    addCaption: "\u30ec\u30b3\u30fc\u30c9\u8ffd\u52a0",
+	    editCaption: "\u30ec\u30b3\u30fc\u30c9\u7de8\u96c6",
+	    bSubmit: "\u9001\u4fe1",
+	    bCancel: "\u30ad\u30e3\u30f3\u30bb\u30eb",
+  		bClose: "\u9589\u3058\u308b",
+      saveData: "\u30C7\u30FC\u30BF\u304C\u5909\u66F4\u3055\u308C\u3066\u3044\u307E\u3059\u3002\u4FDD\u5B58\u3057\u307E\u3059\u304B\uFF1F",
+      bYes: "\u306F\u3044",
+      bNo: "\u3044\u3044\u3048",
+      bExit: "\u30AD\u30E3\u30F3\u30BB\u30EB",
+	    msg: {
+	        required:"\u3053\u306e\u9805\u76ee\u306f\u5fc5\u9808\u3067\u3059\u3002",
+	        number:"\u6b63\u3057\u3044\u6570\u5024\u3092\u5165\u529b\u3057\u3066\u4e0b\u3055\u3044\u3002",
+	        minValue:"\u6b21\u306e\u5024\u4ee5\u4e0a\u3067\u5165\u529b\u3057\u3066\u4e0b\u3055\u3044\u3002",
+	        maxValue:"\u6b21\u306e\u5024\u4ee5\u4e0b\u3067\u5165\u529b\u3057\u3066\u4e0b\u3055\u3044\u3002",
+	        email: "e-mail\u304c\u6b63\u3057\u304f\u3042\u308a\u307e\u305b\u3093\u3002",
+	        integer: "\u6b63\u3057\u3044\u6574\u6570\u5024\u3092\u5165\u529b\u3057\u3066\u4e0b\u3055\u3044\u3002",
+    			date: "\u6b63\u3057\u3044\u5024\u3092\u5165\u529b\u3057\u3066\u4e0b\u3055\u3044\u3002",
+          url: "\u306F\u6709\u52B9\u306AURL\u3067\u306F\u3042\u308A\u307E\u305B\u3093\u3002\20\u30D7\u30EC\u30D5\u30A3\u30C3\u30AF\u30B9\u304C\u5FC5\u8981\u3067\u3059\u3002 ('http://' \u307E\u305F\u306F 'https://')",
+          nodefined: " \u304C\u5B9A\u7FA9\u3055\u308C\u3066\u3044\u307E\u305B\u3093",
+          novalue: " \u623B\u308A\u5024\u304C\u5FC5\u8981\u3067\u3059",
+          customarray: "\u30AB\u30B9\u30BF\u30E0\u95A2\u6570\u306F\u914D\u5217\u3092\u8FD4\u3059\u5FC5\u8981\u304C\u3042\u308A\u307E\u3059",
+          customfcheck: "\u30AB\u30B9\u30BF\u30E0\u691C\u8A3C\u306B\u306F\u30AB\u30B9\u30BF\u30E0\u95A2\u6570\u304C\u5FC5\u8981\u3067\u3059"
+		}
+	},
+	view : {
+      caption: "\u30EC\u30B3\u30FC\u30C9\u3092\u8868\u793A",
+      bClose: "\u9589\u3058\u308B"
+	},
+	del : {
+	    caption: "\u524a\u9664",
+	    msg: "\u9078\u629e\u3057\u305f\u30ec\u30b3\u30fc\u30c9\u3092\u524a\u9664\u3057\u307e\u3059\u304b\uff1f",
+	    bSubmit: "\u524a\u9664",
+	    bCancel: "\u30ad\u30e3\u30f3\u30bb\u30eb"
+	},
+	nav : {
+    	edittext: " ",
+	    edittitle: "\u9078\u629e\u3057\u305f\u884c\u3092\u7de8\u96c6",
+      addtext:" ",
+	    addtitle: "\u884c\u3092\u65b0\u898f\u8ffd\u52a0",
+	    deltext: " ",
+	    deltitle: "\u9078\u629e\u3057\u305f\u884c\u3092\u524a\u9664",
+	    searchtext: " ",
+	    searchtitle: "\u30ec\u30b3\u30fc\u30c9\u691c\u7d22",
+	    refreshtext: "",
+	    refreshtitle: "\u30b0\u30ea\u30c3\u30c9\u3092\u30ea\u30ed\u30fc\u30c9",
+	    alertcap: "\u8b66\u544a",
+	    alerttext: "\u884c\u3092\u9078\u629e\u3057\u3066\u4e0b\u3055\u3044\u3002",
+      viewtext: "",
+      viewtitle: "\u9078\u629E\u3057\u305F\u884C\u3092\u8868\u793A"
+	},
+	col : {
+	    caption: "\u5217\u3092\u8868\u793a\uff0f\u96a0\u3059",
+	    bSubmit: "\u9001\u4fe1",
+	    bCancel: "\u30ad\u30e3\u30f3\u30bb\u30eb"	
+	},
+	errors : {
+		errcap : "\u30a8\u30e9\u30fc",
+		nourl : "URL\u304c\u8a2d\u5b9a\u3055\u308c\u3066\u3044\u307e\u305b\u3093\u3002",
+		norecords: "\u51e6\u7406\u5bfe\u8c61\u306e\u30ec\u30b3\u30fc\u30c9\u304c\u3042\u308a\u307e\u305b\u3093\u3002",
+	    model : "colNames\u306e\u9577\u3055\u304ccolModel\u3068\u4e00\u81f4\u3057\u307e\u305b\u3093\u3002"
+	},
+	formatter : {
+            integer: {
+                thousandsSeparator: ",",
+                defaultValue: '0'
+            },
+            number: {
+                decimalSeparator: ".",
+                thousandsSeparator: ",",
+                decimalPlaces: 2,
+                defaultValue: '0.00'
+            },
+            currency: {
+                decimalSeparator: ".",
+                thousandsSeparator: ",",
+                decimalPlaces: 0,
+                prefix: "",
+                suffix: "",
+                defaultValue: '0'
+            },
+		date : {
+			dayNames:   [
+				"\u65e5", "\u6708", "\u706b", "\u6c34", "\u6728", "\u91d1", "\u571f",
+				"\u65e5", "\u6708", "\u706b", "\u6c34", "\u6728", "\u91d1", "\u571f"
+			],
+			monthNames: [
+				"1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12",
+				"1\u6708", "2\u6708", "3\u6708", "4\u6708", "5\u6708", "6\u6708", "7\u6708", "8\u6708", "9\u6708", "10\u6708", "11\u6708", "12\u6708"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) { return "\u756a\u76ee"; },
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+	            ISO8601Long:"Y-m-d H:i:s",
+	            ISO8601Short:"Y-m-d",
+	            ShortDate: "n/j/Y",
+	            LongDate: "l, F d, Y",
+	            FullDateTime: "l, F d, Y g:i:s A",
+	            MonthDay: "F d",
+	            ShortTime: "g:i A",
+	            LongTime: "g:i:s A",
+	            SortableDateTime: "Y-m-d\\TH:i:s",
+	            UniversalSortableDateTime: "Y-m-d H:i:sO",
+	            YearMonth: "F, Y"
+	        },
+	        reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+	    target: '',
+	    checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-kr.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-kr.js
new file mode 100755
index 00000000..54c52ecd
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-kr.js
@@ -0,0 +1,130 @@
+;(function($){
+/**
+ * jqGrid English Translation
+ * Tony Tomov tony@trirand.com
+ * http://trirand.com/blog/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "보기 {0} - {1} / {2}",
+		emptyrecords: "표시할 행이 없습니다",
+		loadtext: "조회중...",
+		pgtext : "페이지 {0} / {1}"
+	},
+	search : {
+		caption: "검색...",
+		Find: "찾기",
+		Reset: "초기화",
+		odata: [{ oper:'eq', text:"같다"},{ oper:'ne', text:"같지 않다"},{ oper:'lt', text:"작다"},{ oper:'le', text:"작거나 같다"},{ oper:'gt', text:"크다"},{ oper:'ge', text:"크거나 같다"},{ oper:'bw', text:"로 시작한다"},{ oper:'bn', text:"로 시작하지 않는다"},{ oper:'in', text:"내에 있다"},{ oper:'ni', text:"내에 있지 않다"},{ oper:'ew', text:"로 끝난다"},{ oper:'en', text:"로 끝나지 않는다"},{ oper:'cn', text:"내에 존재한다"},{ oper:'nc', text:"내에 존재하지 않는다"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+		groupOps: [	{ op: "AND", text: "전부" },	{ op: "OR",  text: "임의" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "행 추가",
+		editCaption: "행 수정",
+		bSubmit: "전송",
+		bCancel: "취소",
+		bClose: "닫기",
+		saveData: "자료가 변경되었습니다! 저장하시겠습니까?",
+		bYes : "예",
+		bNo : "아니오",
+		bExit : "취소",
+		msg: {
+			required:"필수항목입니다",
+			number:"유효한 번호를 입력해 주세요",
+			minValue:"입력값은 크거나 같아야 합니다",
+			maxValue:"입력값은 작거나 같아야 합니다",
+			email: "유효하지 않은 이메일주소입니다",
+			integer: "유효한 숫자를 입력하세요",
+			date: "유효한 날짜를 입력하세요",
+			url: "은 유효하지 않은 URL입니다. 문장앞에 다음단어가 필요합니다('http://' or 'https://')",
+			nodefined : " 은 정의도지 않았습니다!",
+			novalue : " 반환값이 필요합니다!",
+			customarray : "사용자정의 함수는 배열을 반환해야 합니다!",
+			customfcheck : "Custom function should be present in case of custom checking!"
+			
+		}
+	},
+	view : {
+		caption: "행 조회",
+		bClose: "닫기"
+	},
+	del : {
+		caption: "삭제",
+		msg: "선택된 행을 삭제하시겠습니까?",
+		bSubmit: "삭제",
+		bCancel: "취소"
+	},
+	nav : {
+		edittext: "",
+		edittitle: "선택된 행 편집",
+		addtext:"",
+		addtitle: "행 삽입",
+		deltext: "",
+		deltitle: "선택된 행 삭제",
+		searchtext: "",
+		searchtitle: "행 찾기",
+		refreshtext: "",
+		refreshtitle: "그리드 갱신",
+		alertcap: "경고",
+		alerttext: "행을 선택하세요",
+		viewtext: "",
+		viewtitle: "선택된 행 조회"
+	},
+	col : {
+		caption: "열을 선택하세요",
+		bSubmit: "확인",
+		bCancel: "취소"
+	},
+	errors : {
+		errcap : "오류",
+		nourl : "설정된 url이 없습니다",
+		norecords: "처리할 행이 없습니다",
+		model : "colNames의 길이가 colModel과 일치하지 않습니다!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: ",", defaultValue: '0'},
+		number : {decimalSeparator:".", thousandsSeparator: ",", decimalPlaces: 2, defaultValue: '0.00'},
+		currency : {decimalSeparator:".", thousandsSeparator: ",", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0.00'},
+		date : {
+			dayNames:   [
+				"Sun", "Mon", "Tue", "Wed", "Thr", "Fri", "Sat",
+				"일", "월", "화", "수", "목", "금", "토"
+			],
+			monthNames: [
+				"Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec",
+				"1월", "2월", "3월", "4월", "5월", "6월", "7월", "8월", "9월", "10월", "11월", "12월"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th'},
+			srcformat: 'Y-m-d',
+			newformat: 'm-d-Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				ISO8601Long:"Y-m-d H:i:s",
+				ISO8601Short:"Y-m-d",
+				ShortDate: "Y/j/n",
+				LongDate: "l, F d, Y",
+				FullDateTime: "l, F d, Y g:i:s A",
+				MonthDay: "F d",
+				ShortTime: "g:i A",
+				LongTime: "g:i:s A",
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				YearMonth: "F, Y"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-lt.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-lt.js
new file mode 100755
index 00000000..651e2300
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-lt.js
@@ -0,0 +1,130 @@
+;(function($){
+/**
+ * jqGrid Lithuanian Translation
+ * aur1mas aur1mas@devnet.lt
+ * http://aur1mas.devnet.lt
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Peržiūrima {0} - {1} iš {2}",
+		emptyrecords: "Įrašų nėra",
+		loadtext: "Kraunama...",
+		pgtext : "Puslapis {0} iš {1}"
+	},
+	search : {
+		caption: "Paieška...",
+		Find: "Ieškoti",
+		Reset: "Atstatyti",
+		odata: [{ oper:'eq', text:"lygu"},{ oper:'ne', text:"nelygu"},{ oper:'lt', text:"mažiau"},{ oper:'le', text:"mažiau arba lygu"},{ oper:'gt', text:"daugiau"},{ oper:'ge', text:"daugiau arba lygu"},{ oper:'bw', text:"prasideda"},{ oper:'bn', text:"neprasideda"},{ oper:'in', text:"reikšmė yra"},{ oper:'ni', text:"reikšmės nėra"},{ oper:'ew', text:"baigiasi"},{ oper:'en', text:"nesibaigia"},{ oper:'cn', text:"yra sudarytas"},{ oper:'nc', text:"nėra sudarytas"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+		groupOps: [	{ op: "AND", text: "visi" },	{ op: "OR",  text: "bet kuris" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "Sukurti įrašą",
+		editCaption: "Redaguoti įrašą",
+		bSubmit: "Išsaugoti",
+		bCancel: "Atšaukti",
+		bClose: "Uždaryti",
+		saveData: "Duomenys buvo pakeisti! Išsaugoti pakeitimus?",
+		bYes : "Taip",
+		bNo : "Ne",
+		bExit : "Atšaukti",
+		msg: {
+			required:"Privalomas laukas",
+			number:"Įveskite tinkamą numerį",
+			minValue:"reikšmė turi būti didesnė arba lygi ",
+			maxValue:"reikšmė turi būti mažesnė arba lygi",
+			email: "neteisingas el. pašto adresas",
+			integer: "Įveskite teisingą sveikąjį skaičių",
+			date: "Įveskite teisingą datą",
+			url: "blogas adresas. Nepamirškite pridėti ('http://' arba 'https://')",
+			nodefined : " nėra apibrėžta!",
+			novalue : " turi būti gražinama kokia nors reikšmė!",
+			customarray : "Custom f-ja turi grąžinti masyvą!",
+			customfcheck : "Custom f-ja tūrėtų būti sukurta, prieš bandant ją naudoti!"
+			
+		}
+	},
+	view : {
+		caption: "Peržiūrėti įrašus",
+		bClose: "Uždaryti"
+	},
+	del : {
+		caption: "Ištrinti",
+		msg: "Ištrinti pažymėtus įrašus(-ą)?",
+		bSubmit: "Ištrinti",
+		bCancel: "Atšaukti"
+	},
+	nav : {
+		edittext: "",
+		edittitle: "Redaguoti pažymėtą eilutę",
+		addtext:"",
+		addtitle: "Pridėti naują eilutę",
+		deltext: "",
+		deltitle: "Ištrinti pažymėtą eilutę",
+		searchtext: "",
+		searchtitle: "Rasti įrašus",
+		refreshtext: "",
+		refreshtitle: "Perkrauti lentelę",
+		alertcap: "Įspėjimas",
+		alerttext: "Pasirinkite eilutę",
+		viewtext: "",
+		viewtitle: "Peržiūrėti pasirinktą eilutę"
+	},
+	col : {
+		caption: "Pasirinkti stulpelius",
+		bSubmit: "Gerai",
+		bCancel: "Atšaukti"
+	},
+	errors : {
+		errcap : "Klaida",
+		nourl : "Url reikšmė turi būti perduota",
+		norecords: "Nėra įrašų, kuriuos būtų galima apdoroti",
+		model : "colNames skaičius <> colModel skaičiui!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: "", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: "", decimalPlaces: 2, defaultValue: '0.00'},
+		currency : {decimalSeparator:",", thousandsSeparator: "", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0.00'},
+		date : {
+			dayNames:   [
+				"Sek", "Pir", "Ant", "Tre", "Ket", "Pen", "Šeš",
+				"Sekmadienis", "Pirmadienis", "Antradienis", "Trečiadienis", "Ketvirtadienis", "Penktadienis", "Šeštadienis"
+			],
+			monthNames: [
+				"Sau", "Vas", "Kov", "Bal", "Geg", "Bir", "Lie", "Rugj", "Rugs", "Spa", "Lap", "Gru",
+				"Sausis", "Vasaris", "Kovas", "Balandis", "Gegužė", "Birželis", "Liepa", "Rugpjūtis", "Rugsėjis", "Spalis", "Lapkritis", "Gruodis"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th'},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				ISO8601Long:"Y-m-d H:i:s",
+				ISO8601Short:"Y-m-d",
+				ShortDate: "n/j/Y",
+				LongDate: "l, F d, Y",
+				FullDateTime: "l, F d, Y g:i:s A",
+				MonthDay: "F d",
+				ShortTime: "g:i A",
+				LongTime: "g:i:s A",
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				YearMonth: "F, Y"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-mne.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-mne.js
new file mode 100755
index 00000000..bf663ca4
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-mne.js
@@ -0,0 +1,130 @@
+;(function($){
+/**
+ * jqGrid Montenegrian Translation
+ * Bild Studio info@bild-studio.net
+ * http://www.bild-studio.com
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Pregled {0} - {1} od {2}",
+		emptyrecords: "Ne postoji nijedan zapis",
+		loadtext: "Učitivanje...",
+		pgtext : "Strana {0} od {1}"
+	},
+	search : {
+		caption: "Traženje...",
+		Find: "Traži",
+		Reset: "Resetuj",
+		odata: [{ oper:'eq', text:"jednako"},{ oper:'ne', text:"nije jednako"},{ oper:'lt', text:"manje"},{ oper:'le', text:"manje ili jednako"},{ oper:'gt', text:"veće"},{ oper:'ge', text:"veće ili jednako"},{ oper:'bw', text:"počinje sa"},{ oper:'bn', text:"ne počinje sa"},{ oper:'in', text:"je u"},{ oper:'ni', text:"nije u"},{ oper:'ew', text:"završava sa"},{ oper:'en', text:"ne završava sa"},{ oper:'cn', text:"sadrži"},{ oper:'nc', text:"ne sadrži"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+		groupOps: [	{ op: "AND", text: "sva" },	{ op: "OR",  text: "bilo koje" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "Dodaj zapis",
+		editCaption: "Izmjeni zapis",
+		bSubmit: "Pošalji",
+		bCancel: "Odustani",
+		bClose: "Zatvori",
+		saveData: "Podatak je izmjenjen! Sačuvaj izmjene?",
+		bYes : "Da",
+		bNo : "Ne",
+		bExit : "Odustani",
+		msg: {
+			required:"Polje je obavezno",
+			number:"Unesite ispravan broj",
+			minValue:"vrijednost mora biti veća od ili jednaka sa ",
+			maxValue:"vrijednost mora biti manja ili jednaka sa",
+			email: "nije ispravna email adresa, nije valjda da ne umiješ ukucati mail!?",
+			integer: "Ne zajebaji se unesi cjelobrojnu vrijednost ",
+			date: "Unesite ispravan datum",
+			url: "nije ispravan URL. Potreban je prefiks ('http://' or 'https://')",
+			nodefined : " nije definisan!",
+			novalue : " zahtjevana je povratna vrijednost!",
+			customarray : "Prilagođena funkcija treba da vrati niz!",
+			customfcheck : "Prilagođena funkcija treba da bude prisutana u slučaju prilagođene provjere!"
+			
+		}
+	},
+	view : {
+		caption: "Pogledaj zapis",
+		bClose: "Zatvori"
+	},
+	del : {
+		caption: "Izbrisi",
+		msg: "Izbrisi izabran(e) zapise(e)?",
+		bSubmit: "Izbriši",
+		bCancel: "Odbaci"
+	},
+	nav : {
+		edittext: "",
+		edittitle: "Izmjeni izabrani red",
+		addtext:"",
+		addtitle: "Dodaj novi red",
+		deltext: "",
+		deltitle: "Izbriši izabran red",
+		searchtext: "",
+		searchtitle: "Nađi zapise",
+		refreshtext: "",
+		refreshtitle: "Ponovo učitaj podatke",
+		alertcap: "Upozorenje",
+		alerttext: "Izaberite red",
+		viewtext: "",
+		viewtitle: "Pogledaj izabrani red"
+	},
+	col : {
+		caption: "Izaberi kolone",
+		bSubmit: "OK",
+		bCancel: "Odbaci"
+	},
+	errors : {
+		errcap : "Greška",
+		nourl : "Nije postavljen URL",
+		norecords: "Nema zapisa za obradu",
+		model : "Dužina modela colNames <> colModel!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.00'},
+		currency : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0.00'},
+		date : {
+			dayNames:   [
+				"Ned", "Pon", "Uto", "Sre", "Čet", "Pet", "Sub",
+				"Nedelja", "Ponedeljak", "Utorak", "Srijeda", "Četvrtak", "Petak", "Subota"
+			],
+			monthNames: [
+				"Jan", "Feb", "Mar", "Apr", "Maj", "Jun", "Jul", "Avg", "Sep", "Okt", "Nov", "Dec",
+				"Januar", "Februar", "Mart", "April", "Maj", "Jun", "Jul", "Avgust", "Septembar", "Oktobar", "Novembar", "Decembar"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th'},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				ISO8601Long:"Y-m-d H:i:s",
+				ISO8601Short:"Y-m-d",
+				ShortDate: "n/j/Y",
+				LongDate: "l, F d, Y",
+				FullDateTime: "l, F d, Y g:i:s A",
+				MonthDay: "F d",
+				ShortTime: "g:i A",
+				LongTime: "g:i:s A",
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				YearMonth: "F, Y"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-nl.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-nl.js
new file mode 100755
index 00000000..46602e99
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-nl.js
@@ -0,0 +1,150 @@
+(function(a) {
+a.jgrid = a.jgrid || {};
+a.extend(a.jgrid,{
+        defaults:
+        {
+            recordtext: "regels {0} - {1} van {2}",
+            emptyrecords: "Geen data gevonden.",
+            loadtext: "laden...",
+            pgtext: "pagina  {0}  van {1}"
+        },
+        search:
+        {
+            caption: "Zoeken...",
+            Find: "Zoek",
+            Reset: "Herstellen",
+            odata: [{ oper:'eq', text:"gelijk aan"},{ oper:'ne', text:"niet gelijk aan"},{ oper:'lt', text:"kleiner dan"},{ oper:'le', text:"kleiner dan of gelijk aan"},{ oper:'gt', text:"groter dan"},{ oper:'ge', text:"groter dan of gelijk aan"},{ oper:'bw', text:"begint met"},{ oper:'bn', text:"begint niet met"},{ oper:'in', text:"is in"},{ oper:'ni', text:"is niet in"},{ oper:'ew', text:"eindigd met"},{ oper:'en', text:"eindigd niet met"},{ oper:'cn', text:"bevat"},{ oper:'nc', text:"bevat niet"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+            groupOps: [{ op: "AND", text: "alle" }, { op: "OR", text: "een van de"}],
+			operandTitle : "Click to select search operation.",
+			resetTitle : "Reset Search Value"
+        },
+        edit:
+        {
+            addCaption: "Nieuw",
+            editCaption: "Bewerken",
+            bSubmit: "Opslaan",
+            bCancel: "Annuleren",
+            bClose: "Sluiten",
+            saveData: "Er is data aangepast! Wijzigingen opslaan?",
+            bYes: "Ja",
+            bNo: "Nee",
+            bExit: "Sluiten",
+            msg:
+            {
+                required: "Veld is verplicht",
+                number: "Voer a.u.b. geldig nummer in",
+                minValue: "Waarde moet groter of gelijk zijn aan ",
+                maxValue: "Waarde moet kleiner of gelijks zijn aan",
+                email: "is geen geldig e-mailadres",
+                integer: "Voer a.u.b. een geldig getal in",
+                date: "Voer a.u.b. een geldige waarde in",
+                url: "is geen geldige URL. Prefix is verplicht ('http://' or 'https://')",
+                nodefined : " is not defined!",
+                novalue : " return value is required!",
+                customarray : "Custom function should return array!",
+                customfcheck : "Custom function should be present in case of custom checking!"
+            }
+        },
+        view:
+        {
+            caption: "Tonen",
+            bClose: "Sluiten"
+        },
+        del:
+        {
+            caption: "Verwijderen",
+            msg: "Verwijder geselecteerde regel(s)?",
+            bSubmit: "Verwijderen",
+            bCancel: "Annuleren"
+        },
+        nav:
+        {
+            edittext: "",
+            edittitle: "Bewerken",
+            addtext: "",
+            addtitle: "Nieuw",
+            deltext: "",
+            deltitle: "Verwijderen",
+            searchtext: "",
+            searchtitle: "Zoeken",
+            refreshtext: "",
+            refreshtitle: "Vernieuwen",
+            alertcap: "Waarschuwing",
+            alerttext: "Selecteer a.u.b. een regel",
+            viewtext: "",
+            viewtitle: "Openen"
+        },
+        col:
+        {
+            caption: "Tonen/verbergen kolommen",
+            bSubmit: "OK",
+            bCancel: "Annuleren"
+        },
+        errors:
+        {
+            errcap: "Fout",
+            nourl: "Er is geen URL gedefinieerd",
+            norecords: "Geen data om te verwerken",
+            model: "Lengte van 'colNames' is niet gelijk aan 'colModel'!"
+        },
+        formatter:
+        {
+            integer:
+            {
+                thousandsSeparator: ".",
+                defaultValue: "0"
+            },
+            number:
+            {
+                decimalSeparator: ",",
+                thousandsSeparator: ".",
+                decimalPlaces: 2,
+                defaultValue: "0.00"
+            },
+            currency:
+            {
+                decimalSeparator: ",",
+                thousandsSeparator: ".",
+                decimalPlaces: 2,
+                prefix: "EUR ",
+                suffix: "",
+                defaultValue: "0.00"
+            },
+            date:
+            {
+                dayNames: ["Zo", "Ma", "Di", "Wo", "Do", "Vr", "Za", "Zondag", "Maandag", "Dinsdag", "Woensdag", "Donderdag", "Vrijdag", "Zaterdag"],
+                monthNames: ["Jan", "Feb", "Maa", "Apr", "Mei", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec", "Januari", "Februari", "Maart", "April", "Mei", "Juni", "Juli", "Augustus", "September", "October", "November", "December"],
+                AmPm: ["am", "pm", "AM", "PM"],
+                S: function(b) {
+                    return b < 11 || b > 13 ? ["st", "nd", "rd", "th"][Math.min((b - 1) % 10, 3)] : "th"
+                },
+                srcformat: "Y-m-d",
+                newformat: "d/m/Y",
+				parseRe : /[#%\\\/:_;.,\t\s-]/,
+                masks:
+                {
+                    ISO8601Long: "Y-m-d H:i:s",
+                    ISO8601Short: "Y-m-d",
+                    ShortDate: "n/j/Y",
+                    LongDate: "l, F d, Y",
+                    FullDateTime: "l d F Y G:i:s",
+                    MonthDay: "d F",
+                    ShortTime: "G:i",
+                    LongTime: "G:i:s",
+                    SortableDateTime: "Y-m-d\\TH:i:s",
+                    UniversalSortableDateTime: "Y-m-d H:i:sO",
+                    YearMonth: "F, Y"
+                },
+                reformatAfterEdit: false
+            },
+            baseLinkUrl: "",
+            showAction: "",
+            target: "",
+            checkbox:
+            {
+                disabled: true
+            },
+            idName: "id"
+        }
+    });
+})(jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-no.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-no.js
new file mode 100755
index 00000000..9f129ebd
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-no.js
@@ -0,0 +1 @@
+(function(a){a.jgrid= a.jgrid || {};a.jgrid.defaults={recordtext:"Rad {0} - {1}, totalt {2}",loadtext:"Laster...",pgtext:"Side {0} av {1}"};a.jgrid.search={caption:"S�k...",Find:"Finn",Reset:"Nullstill",odata:[{oper:'eq', text:"lik"},{oper:'ne', text:"forskjellig fra"},{oper:'lt', text:"mindre enn"},{oper:'le', text:"mindre eller lik"},{oper:'gt', text:"st�rre enn"},{oper:'ge', text:" st�rre eller lik"},{oper:'bw', text:"starter med"},{oper:'ew', text:"slutter med"},{oper:'cn', text:"inneholder"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],operandTitle : "Click to select search operation.",resetTitle : "Reset Search Value"};a.jgrid.edit={addCaption:"Ny rad",editCaption:"Rediger",bSubmit:"Send",bCancel:"Avbryt",bClose:"Lukk",processData:"Laster...",msg:{required:"Felt er obligatorisk",number:"Legg inn et gyldig tall",minValue:"verdi m� v�re st�rre enn eller lik",maxValue:"verdi m� v�re mindre enn eller lik",email:"er ikke en gyldig e-post adresse",integer:"Legg inn et gyldig heltall",date:"Legg inn en gyldig dato",url:"er ikke en gyldig URL. Prefiks p�krevd ('http://' eller 'https://')",nodefined:" er ikke definert!",novalue:" returverdi er p�krevd!",customarray:"Tilpasset funksjon m� returnere en tabell!",customfcheck:"Tilpasset funksjon m� eksistere!"}};a.jgrid.view={caption:"�pne post",bClose:"Lukk"};a.jgrid.del={caption:"Slett",msg:"Slett valgte rad(er)?",bSubmit:"Slett",bCancel:"Avbryt",processData:"Behandler..."};a.jgrid.nav={edittext:" ",edittitle:"Rediger valgte rad(er)",addtext:" ",addtitle:"Legg til ny rad",deltext:" ",deltitle:"Slett valgte rad(er)",searchtext:" ",searchtitle:"S�k",refreshtext:"",refreshtitle:"Oppdater tabell",alertcap:"Advarsel",alerttext:"Velg rad",viewtext:" ",viewtitle:"�pne valgt rad"};a.jgrid.col={caption:"Vis/skjul kolonner",bSubmit:"Utf�r",bCancel:"Avbryt"};a.jgrid.errors={errcap:"Feil",nourl:"Ingen url er satt",norecords:"Ingen poster � behandle",model:"colNames og colModel har forskjellig lengde!"};a.jgrid.formatter={integer:{thousandsSeparator:" ",defaultValue:0},number:{decimalSeparator:",",thousandsSeparator:" ",decimalPlaces:2,defaulValue:0},currency:{decimalSeparator:",",thousandsSeparator:" ",decimalPlaces:2,prefix:"",suffix:"",defaulValue:0},date:{dayNames:["s�.","ma.","ti.","on.","to.","fr.","l�.","S�ndag","Mandag","Tirsdag","Onsdag","Torsdag","Fredag","L�rdag"],monthNames:["jan.","feb.","mars","april","mai","juni","juli","aug.","sep.","okt.","nov.","des.","januar","februar","mars","april","mai","juni","juli","august","september","oktober","november","desember"],AmPm:["","","",""],S:function(b){return"."},srcformat:"Y-m-d H:i:s",newformat:"Y-m-d H:i:s",parseRe : /[#%\\\/:_;.,\t\s-]/,masks:{ISO8601Long:"Y-m-d H:i:s",ISO8601Short:"Y-m-d",ShortDate:"j.n.Y",LongDate:"l j. F Y",FullDateTime:"l j. F Y kl. G.i.s",MonthDay:"j. F",ShortTime:"H:i",LongTime:"H:i:s",SortableDateTime:"Y-m-d\\TH:i:s",UniversalSortableDateTime:"Y-m-d H:i:sO",YearMonth:"F Y"},reformatAfterEdit:false},baseLinkUrl:"",showAction:"show",addParam:"",checkbox:{disabled:true}}})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-pl.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-pl.js
new file mode 100755
index 00000000..e3dd924d
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-pl.js
@@ -0,0 +1,134 @@
+;(function($){
+/**
+ * jqGrid Polish Translation
+ * Łukasz Schab lukasz@freetree.pl
+ * http://FreeTree.pl
+ *
+ * Updated names, abbreviations, currency and date/time formats for Polish norms (also corresponding with CLDR v21.0.1 --> http://cldr.unicode.org/index) 
+ * Tomasz Pęczek tpeczek@gmail.com
+ * http://tpeczek.blogspot.com; http://tpeczek.codeplex.com
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Pokaż {0} - {1} z {2}",
+		emptyrecords: "Brak rekordów do pokazania",
+		loadtext: "Ładowanie...",
+		pgtext : "Strona {0} z {1}"
+	},
+	search : {
+		caption: "Wyszukiwanie...",
+		Find: "Szukaj",
+		Reset: "Czyść",
+		odata: [{ oper:'eq', text:"dokładnie"},{ oper:'ne', text:"różne od"},{ oper:'lt', text:"mniejsze od"},{ oper:'le', text:"mniejsze lub równe"},{ oper:'gt', text:"większe od"},{ oper:'ge', text:"większe lub równe"},{ oper:'bw', text:"zaczyna się od"},{ oper:'bn', text:"nie zaczyna się od"},{ oper:'in', text:"jest w"},{ oper:'ni', text:"nie jest w"},{ oper:'ew', text:"kończy się na"},{ oper:'en', text:"nie kończy się na"},{ oper:'cn', text:"zawiera"},{ oper:'nc', text:"nie zawiera"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+		groupOps: [	{ op: "AND", text: "oraz" },	{ op: "OR",  text: "lub" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "Dodaj rekord",
+		editCaption: "Edytuj rekord",
+		bSubmit: "Zapisz",
+		bCancel: "Anuluj",
+		bClose: "Zamknij",
+		saveData: "Dane zostały zmienione! Zapisać zmiany?",
+		bYes: "Tak",
+		bNo: "Nie",
+		bExit: "Anuluj",
+		msg: {
+			required: "Pole jest wymagane",
+			number: "Proszę wpisać poprawną liczbę",
+			minValue: "wartość musi być większa lub równa od",
+			maxValue: "wartość musi być mniejsza lub równa od",
+			email: "nie jest poprawnym adresem e-mail",
+			integer: "Proszę wpisać poprawną liczbę",
+			date: "Proszę podaj poprawną datę",
+			url: "jest niewłaściwym adresem URL. Pamiętaj o prefiksie ('http://' lub 'https://')",
+			nodefined: " niezdefiniowane!",
+			novalue: " wymagana jest wartość zwracana!",
+			customarray: "Funkcja niestandardowa powinna zwracać tablicę!",
+			customfcheck: "Funkcja niestandardowa powinna być obecna w przypadku niestandardowego sprawdzania!"
+		}
+	},
+	view : {
+		caption: "Pokaż rekord",
+		bClose: "Zamknij"
+	},
+	del : {
+		caption: "Usuń",
+		msg: "Czy usunąć wybrany rekord(y)?",
+		bSubmit: "Usuń",
+		bCancel: "Anuluj"
+	},
+	nav : {
+		edittext: "",
+		edittitle: "Edytuj wybrany wiersz",
+		addtext: "",
+		addtitle: "Dodaj nowy wiersz",
+		deltext: "",
+		deltitle: "Usuń wybrany wiersz",
+		searchtext: "",
+		searchtitle: "Wyszukaj rekord",
+		refreshtext: "",
+		refreshtitle: "Przeładuj",
+		alertcap: "Uwaga",
+		alerttext: "Proszę wybrać wiersz",
+		viewtext: "",
+		viewtitle: "Pokaż wybrany wiersz"
+	},
+	col : {
+		caption: "Pokaż/Ukryj kolumny",
+		bSubmit: "Zatwierdź",
+		bCancel: "Anuluj"
+	},
+	errors : {
+		errcap: "Błąd",
+		nourl: "Brak adresu url",
+		norecords: "Brak danych",
+		model : "Długość colNames <> colModel!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0,00'},
+		currency : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:" zł", defaultValue: '0,00'},
+		date : {
+			dayNames:   [
+				"niedz.", "pon.", "wt.", "śr.", "czw.", "pt.", "sob.",
+				"niedziela", "poniedziałek", "wtorek", "środa", "czwartek", "piątek", "sobota"
+			],
+			monthNames: [
+				"sty", "lut", "mar", "kwi", "maj", "cze", "lip", "sie", "wrz", "paź", "lis", "gru",
+				"styczeń", "luty", "marzec", "kwiecień", "maj", "czerwiec", "lipiec", "sierpień", "wrzesień", "październik", "listopad", "grudzień"
+				],
+			AmPm : ["","","",""],
+			S: function (j) {return '';},
+			srcformat: 'Y-m-d',
+			newformat: 'd.m.Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				ISO8601Long: "Y-m-d H:i:s",
+				ISO8601Short: "Y-m-d",
+				ShortDate: "d.m.y",
+				LongDate: "l, j F Y",
+				FullDateTime: "l, j F Y H:i:s",
+				MonthDay: "j F",
+				ShortTime: "H:i",
+				LongTime: "H:i:s",
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				YearMonth: "F Y"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-pt-br.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-pt-br.js
new file mode 100755
index 00000000..86abb43a
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-pt-br.js
@@ -0,0 +1,137 @@
+;(function($){
+/**
+ * jqGrid Brazilian-Portuguese Translation
+ * Sergio Righi sergio.righi@gmail.com
+ * http://curve.com.br
+ * 
+ * Updated by Jonnas Fonini
+ * http://fonini.net
+ *
+ *
+ * Updated by Fabio Ferreira da Silva fabio_ferreiradasilva@yahoo.com.br
+ * 
+ *
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Ver {0} - {1} de {2}",
+	    emptyrecords: "Nenhum registro para visualizar",
+		loadtext: "Carregando...",
+		pgtext : "Página {0} de {1}"
+	},
+	search : {
+	    caption: "Procurar...",
+	    Find: "Procurar",
+	    Reset: "Resetar",
+	    odata: [{ oper:'eq', text:"igual"},{ oper:'ne', text:"diferente"},{ oper:'lt', text:"menor"},{ oper:'le', text:"menor ou igual"},{ oper:'gt', text:"maior"},{ oper:'ge', text:"maior ou igual"},{ oper:'bw', text:"inicia com"},{ oper:'bn', text:"não inicia com"},{ oper:'in', text:"está em"},{ oper:'ni', text:"não está em"},{ oper:'ew', text:"termina com"},{ oper:'en', text:"não termina com"},{ oper:'cn', text:"contém"},{ oper:'nc', text:"não contém"},{ oper:'nu', text:"nulo"},{ oper:'nn', text:"não nulo"}],
+	    groupOps: [	{ op: "AND", text: "todos" },{ op: "OR",  text: "qualquer um" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+	    addCaption: "Incluir",
+	    editCaption: "Alterar",
+	    bSubmit: "Enviar",
+	    bCancel: "Cancelar",
+		bClose: "Fechar",
+		saveData: "Os dados foram alterados! Salvar alterações?",
+		bYes : "Sim",
+		bNo : "Não",
+		bExit : "Cancelar",
+	    msg: {
+	        required:"Campo obrigatório",
+	        number:"Por favor, informe um número válido",
+	        minValue:"valor deve ser igual ou maior que ",
+	        maxValue:"valor deve ser menor ou igual a",
+	        email: "este e-mail não é válido",
+	        integer: "Por favor, informe um valor inteiro",
+			date: "Por favor, informe uma data válida",
+			url: "não é uma URL válida. Prefixo obrigatório ('http://' or 'https://')",
+			nodefined : " não está definido!",
+			novalue : " um valor de retorno é obrigatório!",
+			customarray : "Função customizada deve retornar um array!",
+			customfcheck : "Função customizada deve estar presente em caso de validação customizada!"
+		}
+	},
+	view : {
+	    caption: "Ver Registro",
+	    bClose: "Fechar"
+	},
+	del : {
+    caption: "Apagar",
+	    msg: "Apagar registro(s) selecionado(s)?",
+	    bSubmit: "Apagar",
+	    bCancel: "Cancelar"
+	},
+	nav : {
+		edittext: " ",
+	    edittitle: "Alterar registro selecionado",
+		addtext:" ",
+	    addtitle: "Incluir novo registro",
+	    deltext: " ",
+	    deltitle: "Apagar registro selecionado",
+	    searchtext: " ",
+	    searchtitle: "Procurar registros",
+	    refreshtext: "",
+	    refreshtitle: "Recarregando tabela",
+	    alertcap: "Aviso",
+	    alerttext: "Por favor, selecione um registro",
+		viewtext: "",
+		viewtitle: "Ver linha selecionada"
+	},
+	col : {
+	    caption: "Mostrar/Esconder Colunas",
+	    bSubmit: "Enviar",
+	    bCancel: "Cancelar"
+	},
+	errors : {
+		errcap : "Erro",
+		nourl : "Nenhuma URL definida",
+		norecords: "Sem registros para exibir",
+	    model : "Comprimento de colNames <> colModel!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0,00'},
+		currency : {decimalSeparator:",", thousandsSeparator: ".", decimalPlaces: 2, prefix: "R$ ", suffix:"", defaultValue: '0,00'},
+		date : {
+			dayNames:   [
+				"Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb",
+				"Domingo", "Segunda", "Terça", "Quarta", "Quinta", "Sexta", "Sábado"
+			],
+			monthNames: [
+				"Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez",
+				"Janeiro", "Fevereiro", "Março", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return j < 11 || j > 13 ? ['º', 'º', 'º', 'º'][Math.min((j - 1) % 10, 3)] : 'º'},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+	            ISO8601Long:"Y-m-d H:i:s",
+	            ISO8601Short:"Y-m-d",
+	            ShortDate: "n/j/Y",
+	            LongDate: "l, F d, Y",
+	            FullDateTime: "l, F d, Y g:i:s A",
+	            MonthDay: "F d",
+	            ShortTime: "g:i A",
+	            LongTime: "g:i:s A",
+	            SortableDateTime: "Y-m-d\\TH:i:s",
+	            UniversalSortableDateTime: "Y-m-d H:i:sO",
+	            YearMonth: "F, Y"
+	        },
+	        reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+	    target: '',
+	    checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-pt.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-pt.js
new file mode 100755
index 00000000..742ebdbe
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-pt.js
@@ -0,0 +1,127 @@
+;(function($){
+/**
+ * jqGrid Portuguese Translation
+* Tradu��o da jqGrid em Portugues por Frederico Carvalho, http://www.eyeviewdesign.pt
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "View {0} - {1} of {2}",
+	    emptyrecords: "No records to view",
+		loadtext: "A carregar...",
+		pgtext : "Página {0} de {1}"
+	},
+	search : {
+	    caption: "Busca...",
+	    Find: "Procurar",
+	    Reset: "Limpar",
+	    odata: [{ oper:'eq', text:'equal'},{ oper:'ne', text:'not equal'},{ oper:'lt', text:'less'},{ oper:'le', text:'less or equal'},{ oper:'gt', text:'greater'},{ oper:'ge', text:'greater or equal'},{ oper:'bw', text:'begins with'},{ oper:'bn', text:'does not begin with'},{ oper:'in', text:'is in'},{ oper:'ni', text:'is not in'},{ oper:'ew', text:'ends with'},{ oper:'en', text:'does not end with'},{ oper:'cn', text:'contains'},{ oper:'nc', text:'does not contain'},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+	    groupOps: [	{ op: "AND", text: "all" },	{ op: "OR",  text: "any" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+	    addCaption: "Adicionar Registo",
+	    editCaption: "Modificar Registo",
+	    bSubmit: "Submeter",
+	    bCancel: "Cancelar",
+		bClose: "Fechar",
+		saveData: "Data has been changed! Save changes?",
+		bYes : "Yes",
+		bNo : "No",
+		bExit : "Cancel",
+	    msg: {
+	        required:"Campo obrigat�rio",
+	        number:"Por favor, introduza um numero",
+	        minValue:"O valor deve ser maior ou igual que",
+	        maxValue:"O valor deve ser menor ou igual a",
+	        email: "N�o � um endere�o de email v�lido",
+	        integer: "Por favor, introduza um numero inteiro",
+			url: "is not a valid URL. Prefix required ('http://' or 'https://')",
+			nodefined : " is not defined!",
+			novalue : " return value is required!",
+			customarray : "Custom function should return array!",
+			customfcheck : "Custom function should be present in case of custom checking!"
+		}
+	},
+	view : {
+	    caption: "View Record",
+	    bClose: "Close"
+	},
+	del : {
+	    caption: "Eliminar",
+	    msg: "Deseja eliminar o(s) registo(s) seleccionado(s)?",
+	    bSubmit: "Eliminar",
+	    bCancel: "Cancelar"
+	},
+	nav : {
+		edittext: " ",
+	    edittitle: "Modificar registo seleccionado",
+		addtext:" ",
+	    addtitle: "Adicionar novo registo",
+	    deltext: " ",
+	    deltitle: "Eliminar registo seleccionado",
+	    searchtext: " ",
+	    searchtitle: "Procurar",
+	    refreshtext: "",
+	    refreshtitle: "Actualizar",
+	    alertcap: "Aviso",
+	    alerttext: "Por favor, seleccione um registo",
+		viewtext: "",
+		viewtitle: "View selected row"
+	},
+	col : {
+	    caption: "Mostrar/Ocultar Colunas",
+	    bSubmit: "Enviar",
+	    bCancel: "Cancelar"	
+	},
+	errors : {
+		errcap : "Erro",
+		nourl : "N�o especificou um url",
+		norecords: "N�o existem dados para processar",
+	    model : "Tamanho do colNames <> colModel!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.00'},
+		currency : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0.00'},
+		date : {
+			dayNames:   [
+				"Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sab",
+				"Domingo", "Segunda-Feira", "Ter�a-Feira", "Quarta-Feira", "Quinta-Feira", "Sexta-Feira", "S�bado"
+			],
+			monthNames: [
+				"Jan", "Fev", "Mar", "Abr", "Mai", "Jun", "Jul", "Ago", "Set", "Out", "Nov", "Dez",
+				"Janeiro", "Fevereiro", "Mar�o", "Abril", "Maio", "Junho", "Julho", "Agosto", "Setembro", "Outubro", "Novembro", "Dezembro"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return j < 11 || j > 13 ? ['�', '�', '�', '�'][Math.min((j - 1) % 10, 3)] : '�'},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+	            ISO8601Long:"Y-m-d H:i:s",
+	            ISO8601Short:"Y-m-d",
+	            ShortDate: "n/j/Y",
+	            LongDate: "l, F d, Y",
+	            FullDateTime: "l, F d, Y g:i:s A",
+	            MonthDay: "F d",
+	            ShortTime: "g:i A",
+	            LongTime: "g:i:s A",
+	            SortableDateTime: "Y-m-d\\TH:i:s",
+	            UniversalSortableDateTime: "Y-m-d H:i:sO",
+	            YearMonth: "F, Y"
+	        },
+	        reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+	    target: '',
+	    checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-ro.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-ro.js
new file mode 100755
index 00000000..ea6de246
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-ro.js
@@ -0,0 +1,141 @@
+;(function($){
+/**
+ * jqGrid Romanian Translation
+ * Alexandru Emil Lupu contact@alecslupu.ro
+ * http://www.alecslupu.ro/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Vizualizare {0} - {1} din {2}",
+		emptyrecords: "Nu există înregistrări de vizualizat",
+		loadtext: "Încărcare...",
+		pgtext : "Pagina {0} din {1}"
+	},
+	search : {
+		caption: "Caută...",
+		Find: "Caută",
+		Reset: "Resetare",
+		odata: [{ oper:'eq', text:"egal"},{ oper:'ne', text:"diferit"},{ oper:'lt', text:"mai mic"},{ oper:'le', text:"mai mic sau egal"},{ oper:'gt', text:"mai mare"},{ oper:'ge', text:"mai mare sau egal"},{ oper:'bw', text:"începe cu"},{ oper:'bn', text:"nu începe cu"},{ oper:'in', text:"se găsește în"},{ oper:'ni', text:"nu se găsește în"},{ oper:'ew', text:"se termină cu"},{ oper:'en', text:"nu se termină cu"},{ oper:'cn', text:"conține"},{ oper:'nc', text:""},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+		groupOps: [	{ op: "AND", text: "toate" },	{ op: "OR",  text: "oricare" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "Adăugare înregistrare",
+		editCaption: "Modificare înregistrare",
+		bSubmit: "Salvează",
+		bCancel: "Anulare",
+		bClose: "Închide",
+		saveData: "Informațiile au fost modificate! Salvați modificările?",
+		bYes : "Da",
+		bNo : "Nu",
+		bExit : "Anulare",
+		msg: {
+			required:"Câmpul este obligatoriu",
+			number:"Vă rugăm introduceți un număr valid",
+			minValue:"valoarea trebuie sa fie mai mare sau egală cu",
+			maxValue:"valoarea trebuie sa fie mai mică sau egală cu",
+			email: "nu este o adresă de e-mail validă",
+			integer: "Vă rugăm introduceți un număr valid",
+			date: "Vă rugăm să introduceți o dată validă",
+			url: "Nu este un URL valid. Prefixul  este necesar('http://' or 'https://')",
+			nodefined : " is not defined!",
+			novalue : " return value is required!",
+			customarray : "Custom function should return array!",
+			customfcheck : "Custom function should be present in case of custom checking!"
+		}
+	},
+	view : {
+		caption: "Vizualizare înregistrare",
+		bClose: "Închidere"
+	},
+	del : {
+		caption: "Ștegere",
+		msg: "Ștergeți înregistrarea (înregistrările) selectate?",
+		bSubmit: "Șterge",
+		bCancel: "Anulare"
+	},
+	nav : {
+		edittext: "",
+		edittitle: "Modifică rândul selectat",
+		addtext:"",
+		addtitle: "Adaugă rând nou",
+		deltext: "",
+		deltitle: "Șterge rândul selectat",
+		searchtext: "",
+		searchtitle: "Căutare înregistrări",
+		refreshtext: "",
+		refreshtitle: "Reîncarcare Grid",
+		alertcap: "Avertisment",
+		alerttext: "Vă rugăm să selectați un rând",
+		viewtext: "",
+		viewtitle: "Vizualizează rândul selectat"
+	},
+	col : {
+		caption: "Arată/Ascunde coloanele",
+		bSubmit: "Salvează",
+		bCancel: "Anulare"
+	},
+	errors : {
+		errcap : "Eroare",
+		nourl : "Niciun url nu este setat",
+		norecords: "Nu sunt înregistrări de procesat",
+		model : "Lungimea colNames <> colModel!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0,00'},
+		currency : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0,00'},
+		date : {
+			dayNames:   [
+				"Dum", "Lun", "Mar", "Mie", "Joi", "Vin", "Sâm",
+				"Duminică", "Luni", "Marți", "Miercuri", "Joi", "Vineri", "Sâmbătă"
+			],
+			monthNames: [
+				"Ian", "Feb", "Mar", "Apr", "Mai", "Iun", "Iul", "Aug", "Sep", "Oct", "Noi", "Dec",
+				"Ianuarie", "Februarie", "Martie", "Aprilie", "Mai", "Iunie", "Iulie", "August", "Septembrie", "Octombrie", "Noiembrie", "Decembrie"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			/*
+			 Here is a problem in romanian: 
+					M	/	F
+			 1st = primul / prima
+			 2nd = Al doilea / A doua
+			 3rd = Al treilea / A treia 
+			 4th = Al patrulea/ A patra
+			 5th = Al cincilea / A cincea 
+			 6th = Al șaselea / A șasea
+			 7th = Al șaptelea / A șaptea
+			 .... 
+			 */
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th'},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				ISO8601Long:"Y-m-d H:i:s",
+				ISO8601Short:"Y-m-d",
+				ShortDate: "n/j/Y",
+				LongDate: "l, F d, Y",
+				FullDateTime: "l, F d, Y g:i:s A",
+				MonthDay: "F d",
+				ShortTime: "g:i A",
+				LongTime: "g:i:s A",
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				YearMonth: "F, Y"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-ru.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-ru.js
new file mode 100755
index 00000000..8809c198
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-ru.js
@@ -0,0 +1,129 @@
+;(function($){
+/**
+ * jqGrid Russian Translation v1.0 02.07.2009 (based on translation by Alexey Kanaev v1.1 21.01.2009, http://softcore.com.ru)
+ * Sergey Dyagovchenko
+ * http://d.sumy.ua
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Просмотр {0} - {1} из {2}",
+		emptyrecords: "Нет записей для просмотра",
+		loadtext: "Загрузка...",
+		pgtext : "Стр. {0} из {1}"
+	},
+	search : {
+		caption: "Поиск...",
+		Find: "Найти",
+		Reset: "Сброс",
+		odata: [{ oper:'eq', text:"равно"},{ oper:'ne', text:"не равно"},{ oper:'lt', text:"меньше"},{ oper:'le', text:"меньше или равно"},{ oper:'gt', text:"больше"},{ oper:'ge', text:"больше или равно"},{ oper:'bw', text:"начинается с"},{ oper:'bn', text:"не начинается с"},{ oper:'in', text:"находится в"},{ oper:'ni', text:"не находится в"},{ oper:'ew', text:"заканчивается на"},{ oper:'en', text:"не заканчивается на"},{ oper:'cn', text:"содержит"},{ oper:'nc', text:"не содержит"},{ oper:'nu', text:"равно NULL"},{ oper:'nn', text:"не равно NULL"}],
+		groupOps: [	{ op: "AND", text: "все" }, { op: "OR", text: "любой" }],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "Добавить запись",
+		editCaption: "Редактировать запись",
+		bSubmit: "Сохранить",
+		bCancel: "Отмена",
+		bClose: "Закрыть",
+		saveData: "Данные были измененны! Сохранить изменения?",
+		bYes : "Да",
+		bNo : "Нет",
+		bExit : "Отмена",
+		msg: {
+			required:"Поле является обязательным",
+			number:"Пожалуйста, введите правильное число",
+			minValue:"значение должно быть больше либо равно",
+			maxValue:"значение должно быть меньше либо равно",
+			email: "некорректное значение e-mail",
+			integer: "Пожалуйста, введите целое число",
+			date: "Пожалуйста, введите правильную дату",
+			url: "неверная ссылка. Необходимо ввести префикс ('http://' или 'https://')",
+			nodefined : " не определено!",
+			novalue : " возвращаемое значение обязательно!",
+			customarray : "Пользовательская функция должна возвращать массив!",
+			customfcheck : "Пользовательская функция должна присутствовать в случаи пользовательской проверки!"
+		}
+	},
+	view : {
+		caption: "Просмотр записи",
+		bClose: "Закрыть"
+	},
+	del : {
+		caption: "Удалить",
+		msg: "Удалить выбранную запись(и)?",
+		bSubmit: "Удалить",
+		bCancel: "Отмена"
+	},
+	nav : {
+		edittext: " ",
+		edittitle: "Редактировать выбранную запись",
+		addtext:" ",
+		addtitle: "Добавить новую запись",
+		deltext: " ",
+		deltitle: "Удалить выбранную запись",
+		searchtext: " ",
+		searchtitle: "Найти записи",
+		refreshtext: "",
+		refreshtitle: "Обновить таблицу",
+		alertcap: "Внимание",
+		alerttext: "Пожалуйста, выберите запись",
+		viewtext: "",
+		viewtitle: "Просмотреть выбранную запись"
+	},
+	col : {
+		caption: "Показать/скрыть столбцы",
+		bSubmit: "Сохранить",
+		bCancel: "Отмена"	
+	},
+	errors : {
+		errcap : "Ошибка",
+		nourl : "URL не установлен",
+		norecords: "Нет записей для обработки",
+		model : "Число полей не соответствует числу столбцов таблицы!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0,00'},
+		currency : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0,00'},
+		date : {
+			dayNames:   [
+				"Вс", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб",
+				"Воскресение", "Понедельник", "Вторник", "Среда", "Четверг", "Пятница", "Суббота"
+			],
+			monthNames: [
+				"Янв", "Фев", "Мар", "Апр", "Май", "Июн", "Июл", "Авг", "Сен", "Окт", "Ноя", "Дек",
+				"Январь", "Февраль", "Март", "Апрель", "Май", "Июнь", "Июль", "Август", "Сентябрь", "Октябрь", "Ноябрь", "Декабрь"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th';},
+			srcformat: 'Y-m-d',
+			newformat: 'd.m.Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				ISO8601Long:"Y-m-d H:i:s",
+				ISO8601Short:"Y-m-d",
+				ShortDate: "n.j.Y",
+				LongDate: "l, F d, Y",
+				FullDateTime: "l, F d, Y G:i:s",
+				MonthDay: "F d",
+				ShortTime: "G:i",
+				LongTime: "G:i:s",
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				YearMonth: "F, Y"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-sk.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-sk.js
new file mode 100755
index 00000000..9c044aa1
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-sk.js
@@ -0,0 +1,129 @@
+;(function($){
+/**
+ * jqGrid Slovak Translation
+ * Milan Cibulka
+ * http://trirand.com/blog/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Zobrazených {0} - {1} z {2} záznamov",
+	    emptyrecords: "Neboli nájdené žiadne záznamy",
+		loadtext: "Načítám...",
+		pgtext : "Strana {0} z {1}"
+	},
+	search : {
+		caption: "Vyhľadávam...",
+		Find: "Hľadať",
+		Reset: "Reset",
+	    odata: [{ oper:'eq', text:"rovná sa"},{ oper:'ne', text:"nerovná sa"},{ oper:'lt', text:"menšie"},{ oper:'le', text:"menšie alebo rovnajúce sa"},{ oper:'gt', text:"väčšie"},{ oper:'ge', text:"väčšie alebo rovnajúce sa"},{ oper:'bw', text:"začína s"},{ oper:'bn', text:"nezačína s"},{ oper:'in', text:"je v"},{ oper:'ni', text:"nie je v"},{ oper:'ew', text:"končí s"},{ oper:'en', text:"nekončí s"},{ oper:'cn', text:"obahuje"},{ oper:'nc', text:"neobsahuje"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+	    groupOps: [	{ op: "AND", text: "všetkých" },	{ op: "OR",  text: "niektorého z" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "Pridať záznam",
+		editCaption: "Editácia záznamov",
+		bSubmit: "Uložiť",
+		bCancel: "Storno",
+		bClose: "Zavrieť",
+		saveData: "Údaje boli zmenené! Uložiť zmeny?",
+		bYes : "Ano",
+		bNo : "Nie",
+		bExit : "Zrušiť",
+		msg: {
+		    required:"Pole je požadované",
+		    number:"Prosím, vložte valídne číslo",
+		    minValue:"hodnota musí býť väčšia ako alebo rovná ",
+		    maxValue:"hodnota musí býť menšia ako alebo rovná ",
+		    email: "nie je valídny e-mail",
+		    integer: "Prosím, vložte celé číslo",
+			date: "Prosím, vložte valídny dátum",
+			url: "nie je platnou URL. Požadovaný prefix ('http://' alebo 'https://')",
+			nodefined : " nie je definovaný!",
+			novalue : " je vyžadovaná návratová hodnota!",
+			customarray : "Custom function mala vrátiť pole!",
+			customfcheck : "Custom function by mala byť prítomná v prípade custom checking!"
+		}
+	},
+	view : {
+	    caption: "Zobraziť záznam",
+	    bClose: "Zavrieť"
+	},
+	del : {
+		caption: "Zmazať",
+		msg: "Zmazať vybraný(é) záznam(y)?",
+		bSubmit: "Zmazať",
+		bCancel: "Storno"
+	},
+	nav : {
+		edittext: " ",
+		edittitle: "Editovať vybraný riadok",
+		addtext:" ",
+		addtitle: "Pridať nový riadek",
+		deltext: " ",
+		deltitle: "Zmazať vybraný záznam ",
+		searchtext: " ",
+		searchtitle: "Nájsť záznamy",
+		refreshtext: "",
+		refreshtitle: "Obnoviť tabuľku",
+		alertcap: "Varovanie",
+		alerttext: "Prosím, vyberte riadok",
+		viewtext: "",
+		viewtitle: "Zobraziť vybraný riadok"
+	},
+	col : {
+		caption: "Zobrazit/Skrýť stĺpce",
+		bSubmit: "Uložiť",
+		bCancel: "Storno"	
+	},
+	errors : {
+		errcap : "Chyba",
+		nourl : "Nie je nastavená url",
+		norecords: "Žiadne záznamy k spracovaniu",
+		model : "Dĺžka colNames <> colModel!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.00'},
+		currency : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0.00'},
+		date : {
+			dayNames:   [
+				"Ne", "Po", "Ut", "St", "Št", "Pi", "So",
+				"Nedela", "Pondelok", "Utorok", "Streda", "Štvrtok", "Piatek", "Sobota"
+			],
+			monthNames: [
+				"Jan", "Feb", "Mar", "Apr", "Máj", "Jún", "Júl", "Aug", "Sep", "Okt", "Nov", "Dec",
+				"Január", "Február", "Marec", "Apríl", "Máj", "Jún", "Júl", "August", "September", "Október", "November", "December"
+			],
+			AmPm : ["do","od","DO","OD"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th'},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+		        ISO8601Long:"Y-m-d H:i:s",
+		        ISO8601Short:"Y-m-d",
+		        ShortDate: "n/j/Y",
+		        LongDate: "l, F d, Y",
+		        FullDateTime: "l, F d, Y g:i:s A",
+		        MonthDay: "F d",
+		        ShortTime: "g:i A",
+		        LongTime: "g:i:s A",
+		        SortableDateTime: "Y-m-d\\TH:i:s",
+		        UniversalSortableDateTime: "Y-m-d H:i:sO",
+		        YearMonth: "F, Y"
+		    },
+		    reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+	    target: '',
+	    checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-sr-latin.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-sr-latin.js
new file mode 100755
index 00000000..075c1b79
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-sr-latin.js
@@ -0,0 +1,130 @@
+;(function($){
+/**
+ * jqGrid Serbian latin Translation
+ * Bild Studio info@bild-studio.net
+ * http://www.bild-studio.com
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Pregled {0} - {1} od {2}",
+		emptyrecords: "Ne postoji nijedan zapis",
+		loadtext: "Učitavanje…",
+		pgtext : "Strana {0} od {1}"
+	},
+	search : {
+		caption: "Traženje...",
+		Find: "Traži",
+		Reset: "Resetuj",
+		odata: [{ oper:'eq', text:"jednako"},{ oper:'ne', text:"nije jednako"},{ oper:'lt', text:"manje"},{ oper:'le', text:"manje ili jednako"},{ oper:'gt', text:"veće"},{ oper:'ge', text:"veće ili jednako"},{ oper:'bw', text:"počinje sa"},{ oper:'bn', text:"ne počinje sa"},{ oper:'in', text:"je u"},{ oper:'ni', text:"nije u"},{ oper:'ew', text:"završava sa"},{ oper:'en', text:"ne završava sa"},{ oper:'cn', text:"sadrži"},{ oper:'nc', text:"ne sadrži"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+		groupOps: [	{ op: "AND", text: "sva" },	{ op: "OR",  text: "bilo koje" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "Dodaj zapis",
+		editCaption: "Izmeni zapis",
+		bSubmit: "Pošalji",
+		bCancel: "Odustani",
+		bClose: "Zatvori",
+		saveData: "Podatak je izmenjen! Sačuvaj izmene?",
+		bYes : "Da",
+		bNo : "Ne",
+		bExit : "Odustani",
+		msg: {
+			required: "Polje je obavezno",
+			number: "Unesite ispravan broj",
+			minValue: "vrednost mora biti veća od ili jednaka sa ",
+			maxValue: "vrednost mora biti manja ili jednaka sa",
+			email: "nije ispravna email adresa, nije valjda da ne umeš ukucati mail!?",
+			integer: "Unesi celobrojnu vrednost ",
+			date: "Unesite ispravan datum",
+			url: "nije ispravan URL. Potreban je prefiks ('http://' or 'https://')",
+			nodefined : " nije definisan!",
+			novalue : " zahtevana je povratna vrednost!",
+			customarray : "Prilagođena funkcija treba da vrati niz!",
+			customfcheck : "Prilagođena funkcija treba da bude prisutana u slučaju prilagođene provere!"
+			
+		}
+	},
+	view : {
+		caption: "Pogledaj zapis",
+		bClose: "Zatvori"
+	},
+	del : {
+		caption: "Izbrisi",
+		msg: "Izbrisi izabran(e) zapise(e)?",
+		bSubmit: "Izbriši",
+		bCancel: "Odbaci"
+	},
+	nav : {
+		edittext: "",
+		edittitle: "Izmeni izabrani red",
+		addtext:"",
+		addtitle: "Dodaj novi red",
+		deltext: "",
+		deltitle: "Izbriši izabran red",
+		searchtext: "",
+		searchtitle: "Nađi zapise",
+		refreshtext: "",
+		refreshtitle: "Ponovo učitaj podatke",
+		alertcap: "Upozorenje",
+		alerttext: "Izaberite red",
+		viewtext: "",
+		viewtitle: "Pogledaj izabrani red"
+	},
+	col : {
+		caption: "Izaberi kolone",
+		bSubmit: "OK",
+		bCancel: "Odbaci"
+	},
+	errors : {
+		errcap : "Greška",
+		nourl : "Nije postavljen URL",
+		norecords: "Nema zapisa za obradu",
+		model : "Dužina modela colNames <> colModel!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.00'},
+		currency : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0.00'},
+		date : {
+			dayNames:   [
+				"Ned", "Pon", "Uto", "Sre", "Čet", "Pet", "Sub",
+				"Nedelja", "Ponedeljak", "Utorak", "Srijeda", "Četvrtak", "Petak", "Subota"
+			],
+			monthNames: [
+				"Jan", "Feb", "Mar", "Apr", "Maj", "Jun", "Jul", "Avg", "Sep", "Okt", "Nov", "Dec",
+				"Januar", "Februar", "Mart", "April", "Maj", "Jun", "Jul", "Avgust", "Septembar", "Oktobar", "Novembar", "Decembar"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th'},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				ISO8601Long:"Y-m-d H:i:s",
+				ISO8601Short:"Y-m-d",
+				ShortDate: "n/j/Y",
+				LongDate: "l, F d, Y",
+				FullDateTime: "l, F d, Y g:i:s A",
+				MonthDay: "F d",
+				ShortTime: "g:i A",
+				LongTime: "g:i:s A",
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				YearMonth: "F, Y"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-sr.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-sr.js
new file mode 100755
index 00000000..4e2f4701
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-sr.js
@@ -0,0 +1,130 @@
+;(function($){
+/**
+ * jqGrid Serbian Translation
+ * Александар Миловац(Aleksandar Milovac) aleksandar.milovac@gmail.com
+ * http://trirand.com/blog/
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Преглед {0} - {1} од {2}",
+		emptyrecords: "Не постоји ниједан запис",
+		loadtext: "Учитавање...",
+		pgtext : "Страна {0} од {1}"
+	},
+	search : {
+		caption: "Тражење...",
+		Find: "Тражи",
+		Reset: "Ресетуј",
+		odata: [{ oper:'eq', text:"једнако"},{ oper:'ne', text:"није једнако"},{ oper:'lt', text:"мање"},{ oper:'le', text:"мање или једнако"},{ oper:'gt', text:"веће"},{ oper:'ge', text:"веће или једнако"},{ oper:'bw', text:"почиње са"},{ oper:'bn', text:"не почиње са"},{ oper:'in', text:"је у"},{ oper:'ni', text:"није у"},{ oper:'ew', text:"завршава са"},{ oper:'en', text:"не завршава са"},{ oper:'cn', text:"садржи"},{ oper:'nc', text:"не садржи"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+		groupOps: [	{ op: "И", text: "сви" },	{ op: "ИЛИ",  text: "сваки" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "Додај запис",
+		editCaption: "Измени запис",
+		bSubmit: "Пошаљи",
+		bCancel: "Одустани",
+		bClose: "Затвори",
+		saveData: "Податак је измењен! Сачувај измене?",
+		bYes : "Да",
+		bNo : "Не",
+		bExit : "Одустани",
+		msg: {
+			required:"Поље је обавезно",
+			number:"Молим, унесите исправан број",
+			minValue:"вредност мора бити већа од или једнака са ",
+			maxValue:"вредност мора бити мања од или једнака са",
+			email: "није исправна имејл адреса",
+			integer: "Молим, унесите исправну целобројну вредност ",
+			date: "Молим, унесите исправан датум",
+			url: "није исправан УРЛ. Потребан је префикс ('http://' or 'https://')",
+			nodefined : " није дефинисан!",
+			novalue : " захтевана је повратна вредност!",
+			customarray : "Custom function should return array!",
+			customfcheck : "Custom function should be present in case of custom checking!"
+			
+		}
+	},
+	view : {
+		caption: "Погледај запис",
+		bClose: "Затвори"
+	},
+	del : {
+		caption: "Избриши",
+		msg: "Избриши изабран(е) запис(е)?",
+		bSubmit: "Ибриши",
+		bCancel: "Одбаци"
+	},
+	nav : {
+		edittext: "",
+		edittitle: "Измени изабрани ред",
+		addtext:"",
+		addtitle: "Додај нови ред",
+		deltext: "",
+		deltitle: "Избриши изабран ред",
+		searchtext: "",
+		searchtitle: "Нађи записе",
+		refreshtext: "",
+		refreshtitle: "Поново учитај податке",
+		alertcap: "Упозорење",
+		alerttext: "Молим, изаберите ред",
+		viewtext: "",
+		viewtitle: "Погледај изабрани ред"
+	},
+	col : {
+		caption: "Изабери колоне",
+		bSubmit: "ОК",
+		bCancel: "Одбаци"
+	},
+	errors : {
+		errcap : "Грешка",
+		nourl : "Није постављен URL",
+		norecords: "Нема записа за обраду",
+		model : "Дужина модела colNames <> colModel!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.00'},
+		currency : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0.00'},
+		date : {
+			dayNames:   [
+				"Нед", "Пон", "Уто", "Сре", "Чет", "Пет", "Суб",
+				"Недеља", "Понедељак", "Уторак", "Среда", "Четвртак", "Петак", "Субота"
+			],
+			monthNames: [
+				"Јан", "Феб", "Мар", "Апр", "Мај", "Јун", "Јул", "Авг", "Сеп", "Окт", "Нов", "Дец",
+				"Јануар", "Фебруар", "Март", "Април", "Мај", "Јун", "Јул", "Август", "Септембар", "Октобар", "Новембар", "Децембар"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th'},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				ISO8601Long:"Y-m-d H:i:s",
+				ISO8601Short:"Y-m-d",
+				ShortDate: "n/j/Y",
+				LongDate: "l, F d, Y",
+				FullDateTime: "l, F d, Y g:i:s A",
+				MonthDay: "F d",
+				ShortTime: "g:i A",
+				LongTime: "g:i:s A",
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				YearMonth: "F, Y"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-sv.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-sv.js
new file mode 100755
index 00000000..d47220df
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-sv.js
@@ -0,0 +1,129 @@
+;(function($){
+/**
+ * jqGrid Swedish Translation
+ * Harald Normann harald.normann@wts.se, harald.normann@gmail.com
+ * http://www.worldteamsoftware.com 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Visar {0} - {1} av {2}",
+		emptyrecords: "Det finns inga poster att visa",
+		loadtext: "Laddar...",
+		pgtext : "Sida {0} av {1}"
+	},
+	search : {
+		caption: "Sök Poster - Ange sökvillkor",
+		Find: "Sök",
+		Reset: "Nollställ Villkor",
+		odata: [{ oper:'eq', text:"lika"},{ oper:'ne', text:"ej lika"},{ oper:'lt', text:"mindre"},{ oper:'le', text:"mindre eller lika"},{ oper:'gt', text:"större"},{ oper:'ge', text:"större eller lika"},{ oper:'bw', text:"börjar med"},{ oper:'bn', text:"börjar inte med"},{ oper:'in', text:"tillhör"},{ oper:'ni', text:"tillhör inte"},{ oper:'ew', text:"slutar med"},{ oper:'en', text:"slutar inte med"},{ oper:'cn', text:"innehåller"},{ oper:'nc', text:"innehåller inte"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+		groupOps: [	{ op: "AND", text: "alla" },	{ op: "OR",  text: "eller" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "Ny Post",
+		editCaption: "Redigera Post",
+		bSubmit: "Spara",
+		bCancel: "Avbryt",
+		bClose: "Stäng",
+		saveData: "Data har ändrats! Spara förändringar?",
+		bYes : "Ja",
+		bNo : "Nej",
+		bExit : "Avbryt",
+		msg: {
+	        required:"Fältet är obligatoriskt",
+	        number:"Välj korrekt nummer",
+	        minValue:"värdet måste vara större än eller lika med",
+	        maxValue:"värdet måste vara mindre än eller lika med",
+	        email: "är inte korrekt e-post adress",
+	        integer: "Var god ange korrekt heltal",
+	        date: "Var god ange korrekt datum",
+	        url: "är inte en korrekt URL. Prefix måste anges ('http://' or 'https://')",
+	        nodefined : " är inte definierad!",
+	        novalue : " returvärde måste anges!",
+	        customarray : "Custom funktion måste returnera en vektor!",
+			customfcheck : "Custom funktion måste finnas om Custom kontroll sker!"
+		}
+	},
+	view : {
+		caption: "Visa Post",
+		bClose: "Stäng"
+	},
+	del : {
+		caption: "Radera",
+		msg: "Radera markerad(e) post(er)?",
+		bSubmit: "Radera",
+		bCancel: "Avbryt"
+	},
+	nav : {
+		edittext: "",
+		edittitle: "Redigera markerad rad",
+		addtext:"",
+		addtitle: "Skapa ny post",
+		deltext: "",
+		deltitle: "Radera markerad rad",
+		searchtext: "",
+		searchtitle: "Sök poster",
+		refreshtext: "",
+		refreshtitle: "Uppdatera data",
+		alertcap: "Varning",
+		alerttext: "Ingen rad är markerad",
+		viewtext: "",
+		viewtitle: "Visa markerad rad"
+	},
+	col : {
+		caption: "Välj Kolumner",
+		bSubmit: "OK",
+		bCancel: "Avbryt"
+	},
+	errors : {
+		errcap : "Fel",
+		nourl : "URL saknas",
+		norecords: "Det finns inga poster att bearbeta",
+		model : "Antal colNames <> colModel!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0,00'},
+		currency : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"Kr", defaultValue: '0,00'},
+		date : {
+			dayNames:   [
+				"Sön", "Mån", "Tis", "Ons", "Tor", "Fre", "Lör",
+				"Söndag", "Måndag", "Tisdag", "Onsdag", "Torsdag", "Fredag", "Lördag"
+			],
+			monthNames: [
+				"Jan", "Feb", "Mar", "Apr", "Maj", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dec",
+				"Januari", "Februari", "Mars", "April", "Maj", "Juni", "Juli", "Augusti", "September", "Oktober", "November", "December"
+			],
+			AmPm : ["fm","em","FM","EM"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th'},
+			srcformat: 'Y-m-d',
+			newformat: 'Y-m-d',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+	            ISO8601Long:"Y-m-d H:i:s",
+	            ISO8601Short:"Y-m-d",
+	            ShortDate:  "n/j/Y",
+	            LongDate: "l, F d, Y",
+	            FullDateTime: "l, F d, Y g:i:s A",
+	            MonthDay: "F d",
+	            ShortTime: "g:i A",
+	            LongTime: "g:i:s A",
+	            SortableDateTime: "Y-m-d\\TH:i:s",
+	            UniversalSortableDateTime: "Y-m-d H:i:sO",
+	            YearMonth: "F, Y"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-th.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-th.js
new file mode 100755
index 00000000..ab81d1f3
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-th.js
@@ -0,0 +1,130 @@
+;(function($){
+/**
+ * jqGrid Thai Translation
+ * Kittituch Manakul m.kittituch@Gmail.com
+ * http://trirand.com/blog/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "แสดง {0} - {1} จาก {2}",
+		emptyrecords: "ไม่พบข้อมูล",
+		loadtext: "กำลังร้องขอข้อมูล...",
+		pgtext : "หน้า {0} จาก {1}"
+	},
+	search : {
+		caption: "กำลังค้นหา...",
+		Find: "ค้นหา",
+		Reset: "คืนค่ากลับ",
+		odata: [{ oper:'eq', text:"เท่ากับ"},{ oper:'ne', text:"ไม่เท่ากับ"},{ oper:'lt', text:"น้อยกว่า"},{ oper:'le', text:"ไม่มากกว่า"},{ oper:'gt', text:"มากกกว่า"},{ oper:'ge', text:"ไม่น้อยกว่า"},{ oper:'bw', text:"ขึ้นต้นด้วย"},{ oper:'bn', text:"ไม่ขึ้นต้นด้วย"},{ oper:'in', text:"มีคำใดคำหนึ่งใน"},{ oper:'ni', text:"ไม่มีคำใดคำหนึ่งใน"},{ oper:'ew', text:"ลงท้ายด้วย"},{ oper:'en', text:"ไม่ลงท้ายด้วย"},{ oper:'cn', text:"มีคำว่า"},{ oper:'nc', text:"ไม่มีคำว่า"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+		groupOps: [	{ op: "และ", text: "ทั้งหมด" },	{ op: "หรือ",  text: "ใดๆ" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "เพิ่มข้อมูล",
+		editCaption: "แก้ไขข้อมูล",
+		bSubmit: "บันทึก",
+		bCancel: "ยกเลิก",
+		bClose: "ปิด",
+		saveData: "คุณต้องการบันทึการแก้ไข ใช่หรือไม่?",
+		bYes : "บันทึก",
+		bNo : "ละทิ้งการแก้ไข",
+		bExit : "ยกเลิก",
+		msg: {
+			required:"ข้อมูลนี้จำเป็น",
+			number:"กรุณากรอกหมายเลขให้ถูกต้อง",
+			minValue:"ค่าของข้อมูลนี้ต้องไม่น้อยกว่า",
+			maxValue:"ค่าของข้อมูลนี้ต้องไม่มากกว่า",
+			email: "อีเมลล์นี้ไม่ถูกต้อง",
+			integer: "กรุณากรอกเป็นจำนวนเต็ม",
+			date: "กรุณากรอกวันที่ให้ถูกต้อง",
+			url: "URL ไม่ถูกต้อง URL จำเป็นต้องขึ้นต้นด้วย 'http://' หรือ 'https://'",
+			nodefined : "ไม่ได้ถูกกำหนดค่า!",
+			novalue : "ต้องการการคืนค่า!",
+			customarray : "ฟังก์ชันที่สร้างขึ้นต้องส่งค่ากลับเป็นแบบแอเรย์",
+			customfcheck : "ระบบต้องการฟังก์ชันที่สร้างขึ้นสำหรับการตรวจสอบ!"
+			
+		}
+	},
+	view : {
+		caption: "เรียกดูข้อมูล",
+		bClose: "ปิด"
+	},
+	del : {
+		caption: "ลบข้อมูล",
+		msg: "คุณต้องการลบข้อมูลที่ถูกเลือก ใช่หรือไม่?",
+		bSubmit: "ต้องการลบ",
+		bCancel: "ยกเลิก"
+	},
+	nav : {
+		edittext: "",
+		edittitle: "แก้ไขข้อมูล",
+		addtext:"",
+		addtitle: "เพิ่มข้อมูล",
+		deltext: "",
+		deltitle: "ลบข้อมูล",
+		searchtext: "",
+		searchtitle: "ค้นหาข้อมูล",
+		refreshtext: "",
+		refreshtitle: "รีเฟรช",
+		alertcap: "คำเตือน",
+		alerttext: "กรุณาเลือกข้อมูล",
+		viewtext: "",
+		viewtitle: "ดูรายละเอียดข้อมูล"
+	},
+	col : {
+		caption: "กรุณาเลือกคอลัมน์",
+		bSubmit: "ตกลง",
+		bCancel: "ยกเลิก"
+	},
+	errors : {
+		errcap : "เกิดความผิดพลาด",
+		nourl : "ไม่ได้กำหนด URL",
+		norecords: "ไม่มีข้อมูลให้ดำเนินการ",
+		model : "จำนวนคอลัมน์ไม่เท่ากับจำนวนคอลัมน์โมเดล!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.00'},
+		currency : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0.00'},
+		date : {
+			dayNames:   [
+				"อา", "จ", "อ", "พ", "พฤ", "ศ", "ส",
+				"อาทิตย์", "จันทร์", "อังคาร", "พุธ", "พฤหัสบดี", "ศูกร์", "เสาร์"
+			],
+			monthNames: [
+				"ม.ค.", "ก.พ.", "มี.ค.", "เม.ย.", "พ.ค.", "มิ.ย.", "ก.ค.", "ส.ค.", "ก.ย.", "ต.ค.", "พ.ย.", "ธ.ค.",
+				"มกราคม", "กุมภาพันธ์", "มีนาคม", "เมษายน", "พฤษภาคม", "มิถุนายน", "กรกฏาคม", "สิงหาคม", "กันยายน", "ตุลาคม", "พฤศจิกายน", "ธันวาคม"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return ''},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				ISO8601Long:"Y-m-d H:i:s",
+				ISO8601Short:"Y-m-d",
+				ShortDate: "n/j/Y",
+				LongDate: "l, F d, Y",
+				FullDateTime: "l, F d, Y g:i:s A",
+				MonthDay: "F d",
+				ShortTime: "g:i A",
+				LongTime: "g:i:s A",
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				YearMonth: "F, Y"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-tr.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-tr.js
new file mode 100755
index 00000000..57b8048b
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-tr.js
@@ -0,0 +1,128 @@
+;(function($){
+/**
+ * jqGrid Turkish Translation
+ * Erhan Gündoğan (erhan@trposta.net)
+ * http://blog.zakkum.com
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "{0}-{1} listeleniyor. Toplam:{2}",
+	    emptyrecords: "Kayıt bulunamadı",
+		loadtext: "Yükleniyor...",
+		pgtext : "{0}/{1}. Sayfa"
+	},
+	search : {
+	    caption: "Arama...",
+	    Find: "Bul",
+	    Reset: "Temizle",	    
+	    odata: [{ oper:'eq', text:"eşit"},{ oper:'ne', text:"eşit değil"},{ oper:'lt', text:"daha az"},{ oper:'le', text:"daha az veya eşit"},{ oper:'gt', text:"daha fazla"},{ oper:'ge', text:"daha fazla veya eşit"},{ oper:'bw', text:"ile başlayan"},{ oper:'bn', text:"ile başlamayan"},{ oper:'in', text:"içinde"},{ oper:'ni', text:"içinde değil"},{ oper:'ew', text:"ile biten"},{ oper:'en', text:"ile bitmeyen"},{ oper:'cn', text:"içeren"},{ oper:'nc', text:"içermeyen"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+	    groupOps: [	{ op: "VE", text: "tüm" },	{ op: "VEYA",  text: "herhangi" }],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+	    addCaption: "Kayıt Ekle",
+	    editCaption: "Kayıt Düzenle",
+	    bSubmit: "Gönder",
+	    bCancel: "İptal",
+		bClose: "Kapat",
+		saveData: "Veriler değişti! Kayıt edilsin mi?",
+		bYes : "Evet",
+		bNo : "Hayıt",
+		bExit : "İptal",
+	    msg: {
+	        required:"Alan gerekli",
+	        number:"Lütfen bir numara giriniz",
+	        minValue:"girilen değer daha büyük ya da buna eşit olmalıdır",
+	        maxValue:"girilen değer daha küçük ya da buna eşit olmalıdır",
+	        email: "geçerli bir e-posta adresi değildir",
+	        integer: "Lütfen bir tamsayı giriniz",
+			url: "Geçerli bir URL değil. ('http://' or 'https://') ön eki gerekli.",
+			nodefined : " is not defined!",
+			novalue : " return value is required!",
+			customarray : "Custom function should return array!",
+			customfcheck : "Custom function should be present in case of custom checking!"
+		}
+	},
+	view : {
+	    caption: "Kayıt Görüntüle",
+	    bClose: "Kapat"
+	},
+	del : {
+	    caption: "Sil",
+	    msg: "Seçilen kayıtlar silinsin mi?",
+	    bSubmit: "Sil",
+	    bCancel: "İptal"
+	},
+	nav : {
+		edittext: " ",
+	    edittitle: "Seçili satırı düzenle",
+		addtext:" ",
+	    addtitle: "Yeni satır ekle",
+	    deltext: " ",
+	    deltitle: "Seçili satırı sil",
+	    searchtext: " ",
+	    searchtitle: "Kayıtları bul",
+	    refreshtext: "",
+	    refreshtitle: "Tabloyu yenile",
+	    alertcap: "Uyarı",
+	    alerttext: "Lütfen bir satır seçiniz",
+		viewtext: "",
+		viewtitle: "Seçilen satırı görüntüle"
+	},
+	col : {
+	    caption: "Sütunları göster/gizle",
+	    bSubmit: "Gönder",
+	    bCancel: "İptal"	
+	},
+	errors : {
+		errcap : "Hata",
+		nourl : "Bir url yapılandırılmamış",
+		norecords: "İşlem yapılacak bir kayıt yok",
+	    model : "colNames uzunluğu <> colModel!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.00'},
+		currency : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0.00'},
+		date : {
+			dayNames:   [
+				"Paz", "Pts", "Sal", "Çar", "Per", "Cum", "Cts",
+				"Pazar", "Pazartesi", "Salı", "Çarşamba", "Perşembe", "Cuma", "Cumartesi"
+			],
+			monthNames: [
+				"Oca", "Şub", "Mar", "Nis", "May", "Haz", "Tem", "Ağu", "Eyl", "Eki", "Kas", "Ara",
+				"Ocak", "Şubat", "Mart", "Nisan", "Mayıs", "Haziran", "Temmuz", "Ağustos", "Eylül", "Ekim", "Kasım", "Aralık"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th'},
+			srcformat: 'Y-m-d',
+			newformat: 'd/m/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+	            ISO8601Long:"Y-m-d H:i:s",
+	            ISO8601Short:"Y-m-d",
+	            ShortDate: "n/j/Y",
+	            LongDate: "l, F d, Y",
+	            FullDateTime: "l, F d, Y g:i:s A",
+	            MonthDay: "F d",
+	            ShortTime: "g:i A",
+	            LongTime: "g:i:s A",
+	            SortableDateTime: "Y-m-d\\TH:i:s",
+	            UniversalSortableDateTime: "Y-m-d H:i:sO",
+	            YearMonth: "F, Y"
+	        },
+	        reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+	    target: '',
+	    checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-tw.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-tw.js
new file mode 100755
index 00000000..87d33ba0
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-tw.js
@@ -0,0 +1,131 @@
+;(function($){
+/**
+ * jqGrid Chinese (Taiwan) Translation for v4.2
+ * linquize
+ * https://github.com/linquize/jqGrid
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+ * 
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "{0} - {1} 共 {2} 條",
+		emptyrecords: "沒有記錄",
+		loadtext: "載入中...",
+		pgtext : " {0} 共 {1} 頁"
+	},
+	search : {
+		caption: "搜尋...",
+		Find: "搜尋",
+		Reset: "重設",
+		odata: [{ oper:'eq', text:"等於 "},{ oper:'ne', text:"不等於 "},{ oper:'lt', text:"小於 "},{ oper:'le', text:"小於等於 "},{ oper:'gt', text:"大於 "},{ oper:'ge', text:"大於等於 "},{ oper:'bw', text:"開始於 "},{ oper:'bn', text:"不開始於 "},{ oper:'in', text:"在其中 "},{ oper:'ni', text:"不在其中 "},{ oper:'ew', text:"結束於 "},{ oper:'en', text:"不結束於 "},{ oper:'cn', text:"包含 "},{ oper:'nc', text:"不包含 "},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+		groupOps: [	{ op: "AND", text: "所有" },	{ op: "OR",  text: "任一" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "新增記錄",
+		editCaption: "編輯記錄",
+		bSubmit: "提交",
+		bCancel: "取消",
+		bClose: "關閉",
+		saveData: "資料已改變，是否儲存？",
+		bYes : "是",
+		bNo : "否",
+		bExit : "取消",
+		msg: {
+			required:"此欄必要",
+			number:"請輸入有效的數字",
+			minValue:"值必須大於等於 ",
+			maxValue:"值必須小於等於 ",
+			email: "不是有效的e-mail地址",
+			integer: "請輸入有效整数",
+			date: "請輸入有效時間",
+			url: "網址無效。前綴必須為 ('http://' 或 'https://')",
+			nodefined : " 未定義！",
+			novalue : " 需要傳回值！",
+			customarray : "自訂函數應傳回陣列！",
+			customfcheck : "自訂檢查應有自訂函數！"
+			
+		}
+	},
+	view : {
+		caption: "查看記錄",
+		bClose: "關閉"
+	},
+	del : {
+		caption: "刪除",
+		msg: "刪除已選記錄？",
+		bSubmit: "刪除",
+		bCancel: "取消"
+	},
+	nav : {
+		edittext: "",
+		edittitle: "編輯已選列",
+		addtext:"",
+		addtitle: "新增列",
+		deltext: "",
+		deltitle: "刪除已選列",
+		searchtext: "",
+		searchtitle: "搜尋記錄",
+		refreshtext: "",
+		refreshtitle: "重新整理表格",
+		alertcap: "警告",
+		alerttext: "請選擇列",
+		viewtext: "",
+		viewtitle: "檢視已選列"
+	},
+	col : {
+		caption: "選擇欄",
+		bSubmit: "確定",
+		bCancel: "取消"
+	},
+	errors : {
+		errcap : "錯誤",
+		nourl : "未設定URL",
+		norecords: "無需要處理的記錄",
+		model : "colNames 和 colModel 長度不同！"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0.00'},
+		currency : {decimalSeparator:".", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0.00'},
+		date : {
+			dayNames:   [
+				"日", "一", "二", "三", "四", "五", "六",
+		         "星期日", "星期一", "星期二", "星期三", "星期四", "星期五", "星期六"
+			],
+			monthNames: [
+				"一", "二", "三", "四", "五", "六", "七", "八", "九", "十", "十一", "十二",
+				"一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月"
+			],
+			AmPm : ["上午","下午","上午","下午"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th';},
+			srcformat: 'Y-m-d',
+			newformat: 'm-d-Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				ISO8601Long:"Y-m-d H:i:s",
+				ISO8601Short:"Y-m-d",
+				ShortDate: "Y/j/n",
+				LongDate: "l, F d, Y",
+				FullDateTime: "l, F d, Y g:i:s A",
+				MonthDay: "F d",
+				ShortTime: "g:i A",
+				LongTime: "g:i:s A",
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				YearMonth: "F, Y"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-ua.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-ua.js
new file mode 100755
index 00000000..4ff495df
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-ua.js
@@ -0,0 +1,129 @@
+;(function($){
+/**
+ * jqGrid Ukrainian Translation v1.0 02.07.2009
+ * Sergey Dyagovchenko
+ * http://d.sumy.ua
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "Перегляд {0} - {1} з {2}",
+	  emptyrecords: "Немає записів для перегляду",
+		loadtext: "Завантаження...",
+		pgtext : "Стор. {0} з {1}"
+	},
+	search : {
+    caption: "Пошук...",
+    Find: "Знайти",
+    Reset: "Скидання",
+    odata: [{ oper:'eq', text:"рівно"},{ oper:'ne', text:"не рівно"},{ oper:'lt', text:"менше"},{ oper:'le', text:"менше або рівне"},{ oper:'gt', text:"більше"},{ oper:'ge', text:"більше або рівне"},{ oper:'bw', text:"починається з"},{ oper:'bn', text:"не починається з"},{ oper:'in', text:"знаходиться в"},{ oper:'ni', text:"не знаходиться в"},{ oper:'ew', text:"закінчується на"},{ oper:'en', text:"не закінчується на"},{ oper:'cn', text:"містить"},{ oper:'nc', text:"не містить"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+    groupOps: [	{ op: "AND", text: "все" },	{ op: "OR",  text: "будь-який" }],
+	operandTitle : "Click to select search operation.",
+	resetTitle : "Reset Search Value"
+	},
+	edit : {
+    addCaption: "Додати запис",
+    editCaption: "Змінити запис",
+    bSubmit: "Зберегти",
+    bCancel: "Відміна",
+		bClose: "Закрити",
+		saveData: "До данних були внесені зміни! Зберегти зміни?",
+		bYes : "Так",
+		bNo : "Ні",
+		bExit : "Відміна",
+	    msg: {
+        required:"Поле є обов'язковим",
+        number:"Будь ласка, введіть правильне число",
+        minValue:"значення повинне бути більше або дорівнює",
+        maxValue:"значення повинно бути менше або дорівнює",
+        email: "некоректна адреса електронної пошти",
+        integer: "Будь ласка, введення дійсне ціле значення",
+        date: "Будь ласка, введення дійсне значення дати",
+        url: "не дійсний URL. Необхідна приставка ('http://' or 'https://')",
+		nodefined : " is not defined!",
+		novalue : " return value is required!",
+		customarray : "Custom function should return array!",
+		customfcheck : "Custom function should be present in case of custom checking!"
+		}
+	},
+	view : {
+	    caption: "Переглянути запис",
+	    bClose: "Закрити"
+	},
+	del : {
+	    caption: "Видалити",
+	    msg: "Видалити обраний запис(и)?",
+	    bSubmit: "Видалити",
+	    bCancel: "Відміна"
+	},
+	nav : {
+  		edittext: " ",
+	    edittitle: "Змінити вибраний запис",
+  		addtext:" ",
+	    addtitle: "Додати новий запис",
+	    deltext: " ",
+	    deltitle: "Видалити вибраний запис",
+	    searchtext: " ",
+	    searchtitle: "Знайти записи",
+	    refreshtext: "",
+	    refreshtitle: "Оновити таблицю",
+	    alertcap: "Попередження",
+	    alerttext: "Будь ласка, виберіть запис",
+  		viewtext: "",
+  		viewtitle: "Переглянути обраний запис"
+	},
+	col : {
+	    caption: "Показати/Приховати стовпці",
+	    bSubmit: "Зберегти",
+	    bCancel: "Відміна"
+	},
+	errors : {
+		errcap : "Помилка",
+		nourl : "URL не задан",
+		norecords: "Немає записів для обробки",
+    model : "Число полів не відповідає числу стовпців таблиці!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: " ", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, defaultValue: '0,00'},
+		currency : {decimalSeparator:",", thousandsSeparator: " ", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0,00'},
+		date : {
+			dayNames:   [
+				"Нд", "Пн", "Вт", "Ср", "Чт", "Пт", "Сб",
+				"Неділя", "Понеділок", "Вівторок", "Середа", "Четвер", "П'ятниця", "Субота"
+			],
+			monthNames: [
+				"Січ", "Лют", "Бер", "Кві", "Тра", "Чер", "Лип", "Сер", "Вер", "Жов", "Лис", "Гру",
+				"Січень", "Лютий", "Березень", "Квітень", "Травень", "Червень", "Липень", "Серпень", "Вересень", "Жовтень", "Листопад", "Грудень"
+			],
+			AmPm : ["am","pm","AM","PM"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th'},
+			srcformat: 'Y-m-d',
+			newformat: 'd.m.Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+	            ISO8601Long:"Y-m-d H:i:s",
+	            ISO8601Short:"Y-m-d",
+	            ShortDate: "n.j.Y",
+	            LongDate: "l, F d, Y",
+	            FullDateTime: "l, F d, Y G:i:s",
+	            MonthDay: "F d",
+	            ShortTime: "G:i",
+	            LongTime: "G:i:s",
+	            SortableDateTime: "Y-m-d\\TH:i:s",
+	            UniversalSortableDateTime: "Y-m-d H:i:sO",
+	            YearMonth: "F, Y"
+	        },
+	        reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+	  target: '',
+	  checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-vi.js b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-vi.js
new file mode 100755
index 00000000..741c64db
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/i18n/grid.locale-vi.js
@@ -0,0 +1,170 @@
+;(function($){
+/**
+ * jqGrid Vietnamese Translation
+ * Lê Đình Dũng dungtdc@gmail.com
+ * http://trirand.com/blog/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	defaults : {
+		recordtext: "View {0} - {1} of {2}",
+		emptyrecords: "Không có dữ liệu",
+		loadtext: "Đang nạp dữ liệu...",
+		pgtext : "Trang {0} trong tổng số {1}"
+	},
+	search : {
+		caption: "Tìm kiếm...",
+		Find: "Tìm",
+		Reset: "Khởi tạo lại",
+		odata: [{ oper:'eq', text:"bằng"},{ oper:'ne', text:"không bằng"},{ oper:'lt', text:"bé hơn"},{ oper:'le', text:"bé hơn hoặc bằng"},{ oper:'gt', text:"lớn hơn"},{ oper:'ge', text:"lớn hơn hoặc bằng"},{ oper:'bw', text:"bắt đầu với"},{ oper:'bn', text:"không bắt đầu với"},{ oper:'in', text:"trong"},{ oper:'ni', text:"không nằm trong"},{ oper:'ew', text:"kết thúc với"},{ oper:'en', text:"không kết thúc với"},{ oper:'cn', text:"chứa"},{ oper:'nc', text:"không chứa"},{ oper:'nu', text:'is null'},{ oper:'nn', text:'is not null'}],
+		groupOps: [	{ op: "VÀ", text: "tất cả" },	{ op: "HOẶC",  text: "bất kỳ" }	],
+		operandTitle : "Click to select search operation.",
+		resetTitle : "Reset Search Value"
+	},
+	edit : {
+		addCaption: "Thêm bản ghi",
+		editCaption: "Sửa bản ghi",
+		bSubmit: "Gửi",
+		bCancel: "Hủy bỏ",
+		bClose: "Đóng",
+		saveData: "Dữ liệu đã thay đổi! Có lưu thay đổi không?",
+		bYes : "Có",
+		bNo : "Không",
+		bExit : "Hủy bỏ",
+		msg: {
+			required:"Trường dữ liệu bắt buộc có",
+			number:"Hãy điền đúng số",
+			minValue:"giá trị phải lớn hơn hoặc bằng với ",
+			maxValue:"giá trị phải bé hơn hoặc bằng",
+			email: "không phải là một email đúng",
+			integer: "Hãy điền đúng số nguyên",
+			date: "Hãy điền đúng ngày tháng",
+			url: "không phải là URL. Khởi đầu bắt buộc là ('http://' hoặc 'https://')",
+			nodefined : " chưa được định nghĩa!",
+			novalue : " giá trị trả về bắt buộc phải có!",
+			customarray : "Hàm nên trả về một mảng!",
+			customfcheck : "Custom function should be present in case of custom checking!"
+			
+		}
+	},
+	view : {
+		caption: "Xem bản ghi",
+		bClose: "Đóng"
+	},
+	del : {
+		caption: "Xóa",
+		msg: "Xóa bản ghi đã chọn?",
+		bSubmit: "Xóa",
+		bCancel: "Hủy bỏ"
+	},
+	nav : {
+		edittext: "",
+		edittitle: "Sửa dòng đã chọn",
+		addtext:"",
+		addtitle: "Thêm mới 1 dòng",
+		deltext: "",
+		deltitle: "Xóa dòng đã chọn",
+		searchtext: "",
+		searchtitle: "Tìm bản ghi",
+		refreshtext: "",
+		refreshtitle: "Nạp lại lưới",
+		alertcap: "Cảnh báo",
+		alerttext: "Hãy chọn một dòng",
+		viewtext: "",
+		viewtitle: "Xem dòng đã chọn"
+	},
+	col : {
+		caption: "Chọn cột",
+		bSubmit: "OK",
+		bCancel: "Hủy bỏ"
+	},
+	errors : {
+		errcap : "Lỗi",
+		nourl : "không url được đặt",
+		norecords: "Không có bản ghi để xử lý",
+		model : "Chiều dài của colNames <> colModel!"
+	},
+	formatter : {
+		integer : {thousandsSeparator: ".", defaultValue: '0'},
+		number : {decimalSeparator:",", thousandsSeparator: ".", decimalPlaces: 2, defaultValue: '0'},
+		currency : {decimalSeparator:",", thousandsSeparator: ".", decimalPlaces: 2, prefix: "", suffix:"", defaultValue: '0'},
+		date : {
+			dayNames:   [
+				"CN", "T2", "T3", "T4", "T5", "T6", "T7",
+				"Chủ nhật", "Thứ hai", "Thứ ba", "Thứ tư", "Thứ năm", "Thứ sáu", "Thứ bảy"
+			],
+			monthNames: [
+				"Th1", "Th2", "Th3", "Th4", "Th5", "Th6", "Th7", "Th8", "Th9", "Th10", "Th11", "Th12",
+				"Tháng một", "Tháng hai", "Tháng ba", "Tháng tư", "Tháng năm", "Tháng sáu", "Tháng bảy", "Tháng tám", "Tháng chín", "Tháng mười", "Tháng mười một", "Tháng mười hai"
+			],
+			AmPm : ["sáng","chiều","SÁNG","CHIỀU"],
+			S: function (j) {return j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th';},
+			srcformat: 'Y-m-d',
+			newformat: 'n/j/Y',
+			parseRe : /[#%\\\/:_;.,\t\s-]/,
+			masks : {
+				// see http://php.net/manual/en/function.date.php for PHP format used in jqGrid
+				// and see http://docs.jquery.com/UI/Datepicker/formatDate
+				// and https://github.com/jquery/globalize#dates for alternative formats used frequently
+				// one can find on https://github.com/jquery/globalize/tree/master/lib/cultures many
+				// information about date, time, numbers and currency formats used in different countries
+				// one should just convert the information in PHP format
+				ISO8601Long:"Y-m-d H:i:s",
+				ISO8601Short:"Y-m-d",
+				// short date:
+				//    n - Numeric representation of a month, without leading zeros
+				//    j - Day of the month without leading zeros
+				//    Y - A full numeric representation of a year, 4 digits
+				// example: 3/1/2012 which means 1 March 2012
+				ShortDate: "n/j/Y", // in jQuery UI Datepicker: "M/d/yyyy"
+				// long date:
+				//    l - A full textual representation of the day of the week
+				//    F - A full textual representation of a month
+				//    d - Day of the month, 2 digits with leading zeros
+				//    Y - A full numeric representation of a year, 4 digits
+				LongDate: "l, F d, Y", // in jQuery UI Datepicker: "dddd, MMMM dd, yyyy"
+				// long date with long time:
+				//    l - A full textual representation of the day of the week
+				//    F - A full textual representation of a month
+				//    d - Day of the month, 2 digits with leading zeros
+				//    Y - A full numeric representation of a year, 4 digits
+				//    g - 12-hour format of an hour without leading zeros
+				//    i - Minutes with leading zeros
+				//    s - Seconds, with leading zeros
+				//    A - Uppercase Ante meridiem and Post meridiem (AM or PM)
+				FullDateTime: "l, F d, Y g:i:s A", // in jQuery UI Datepicker: "dddd, MMMM dd, yyyy h:mm:ss tt"
+				// month day:
+				//    F - A full textual representation of a month
+				//    d - Day of the month, 2 digits with leading zeros
+				MonthDay: "F d", // in jQuery UI Datepicker: "MMMM dd"
+				// short time (without seconds)
+				//    g - 12-hour format of an hour without leading zeros
+				//    i - Minutes with leading zeros
+				//    A - Uppercase Ante meridiem and Post meridiem (AM or PM)
+				ShortTime: "g:i A", // in jQuery UI Datepicker: "h:mm tt"
+				// long time (with seconds)
+				//    g - 12-hour format of an hour without leading zeros
+				//    i - Minutes with leading zeros
+				//    s - Seconds, with leading zeros
+				//    A - Uppercase Ante meridiem and Post meridiem (AM or PM)
+				LongTime: "g:i:s A", // in jQuery UI Datepicker: "h:mm:ss tt"
+				SortableDateTime: "Y-m-d\\TH:i:s",
+				UniversalSortableDateTime: "Y-m-d H:i:sO",
+				// month with year
+				//    Y - A full numeric representation of a year, 4 digits
+				//    F - A full textual representation of a month
+				YearMonth: "F, Y" // in jQuery UI Datepicker: "MMMM, yyyy"
+			},
+			reformatAfterEdit : false
+		},
+		baseLinkUrl: '',
+		showAction: '',
+		target: '',
+		checkbox : {disabled:true},
+		idName : 'id'
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jqGrid/jquery.jqGrid.src.js b/web/bootstrap-ace-admin/js/jqGrid/jquery.jqGrid.src.js
new file mode 100755
index 00000000..cf9ca90a
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jqGrid/jquery.jqGrid.src.js
@@ -0,0 +1,13235 @@
+// ==ClosureCompiler==
+// @compilation_level SIMPLE_OPTIMIZATIONS
+
+/**
+ * @license jqGrid  4.6.0 - jQuery Grid
+ * Copyright (c) 2008, Tony Tomov, tony@trirand.com
+ * Dual licensed under the MIT and GPL licenses
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl-2.0.html
+ * Date: 2014-02-20
+ */
+//jsHint options
+/*jshint evil:true, eqeqeq:false, eqnull:true, devel:true */
+/*global jQuery */
+
+(function ($) {
+"use strict";
+$.jgrid = $.jgrid || {};
+$.extend($.jgrid,{
+	version : "4.6.0",
+	htmlDecode : function(value){
+		if(value && (value==='&nbsp;' || value==='&#160;' || (value.length===1 && value.charCodeAt(0)===160))) { return "";}
+		return !value ? value : String(value).replace(/&gt;/g, ">").replace(/&lt;/g, "<").replace(/&quot;/g, '"').replace(/&amp;/g, "&");		
+	},
+	htmlEncode : function (value){
+		return !value ? value : String(value).replace(/&/g, "&amp;").replace(/\"/g, "&quot;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
+	},
+	format : function(format){ //jqgformat
+		var args = $.makeArray(arguments).slice(1);
+		if(format==null) { format = ""; }
+		return format.replace(/\{(\d+)\}/g, function(m, i){
+			return args[i];
+		});
+	},
+	msie : navigator.appName === 'Microsoft Internet Explorer',
+	msiever : function () {
+		var rv = -1;
+		var ua = navigator.userAgent;
+		var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
+		if (re.exec(ua) != null) {
+			rv = parseFloat( RegExp.$1 );
+		}
+		return rv;
+	},
+	getCellIndex : function (cell) {
+		var c = $(cell);
+		if (c.is('tr')) { return -1; }
+		c = (!c.is('td') && !c.is('th') ? c.closest("td,th") : c)[0];
+		if ($.jgrid.msie) { return $.inArray(c, c.parentNode.cells); }
+		return c.cellIndex;
+	},
+	stripHtml : function(v) {
+		v = String(v);
+		var regexp = /<("[^"]*"|'[^']*'|[^'">])*>/gi;
+		if (v) {
+			v = v.replace(regexp,"");
+			return (v && v !== '&nbsp;' && v !== '&#160;') ? v.replace(/\"/g,"'") : "";
+		} 
+			return v;
+	},
+	stripPref : function (pref, id) {
+		var obj = $.type( pref );
+		if( obj === "string" || obj === "number") {
+			pref =  String(pref);
+			id = pref !== "" ? String(id).replace(String(pref), "") : id;
+		}
+		return id;
+	},
+	parse : function(jsonString) {
+		var js = jsonString;
+		if (js.substr(0,9) === "while(1);") { js = js.substr(9); }
+		if (js.substr(0,2) === "/*") { js = js.substr(2,js.length-4); }
+		if(!js) { js = "{}"; }
+		return ($.jgrid.useJSON===true && typeof JSON === 'object' && typeof JSON.parse === 'function') ?
+			JSON.parse(js) :
+			eval('(' + js + ')');
+	},
+	parseDate : function(format, date, newformat, opts) {
+		var	token = /\\.|[dDjlNSwzWFmMntLoYyaABgGhHisueIOPTZcrU]/g,
+		timezone = /\b(?:[PMCEA][SDP]T|(?:Pacific|Mountain|Central|Eastern|Atlantic) (?:Standard|Daylight|Prevailing) Time|(?:GMT|UTC)(?:[-+]\d{4})?)\b/g,
+		timezoneClip = /[^-+\dA-Z]/g,
+		msDateRegExp = new RegExp("^\/Date\\((([-+])?[0-9]+)(([-+])([0-9]{2})([0-9]{2}))?\\)\/$"),
+		msMatch = ((typeof date === 'string') ? date.match(msDateRegExp): null),
+		pad = function (value, length) {
+			value = String(value);
+			length = parseInt(length,10) || 2;
+			while (value.length < length)  { value = '0' + value; }
+			return value;
+		},
+		ts = {m : 1, d : 1, y : 1970, h : 0, i : 0, s : 0, u:0},
+		timestamp=0, dM, k,hl,
+		h12to24 = function(ampm, h){
+			if (ampm === 0){ if (h === 12) { h = 0;} }
+			else { if (h !== 12) { h += 12; } }
+			return h;
+		};
+		if(opts === undefined) {
+			opts = $.jgrid.formatter.date;
+		}
+		// old lang files
+		if(opts.parseRe === undefined ) {
+			opts.parseRe = /[#%\\\/:_;.,\t\s-]/;
+		}
+		if( opts.masks.hasOwnProperty(format) ) { format = opts.masks[format]; }
+		if(date && date != null) {
+			if( !isNaN( date - 0 ) && String(format).toLowerCase() === "u") {
+				//Unix timestamp
+				timestamp = new Date( parseFloat(date)*1000 );
+			} else if(date.constructor === Date) {
+				timestamp = date;
+				// Microsoft date format support
+			} else if( msMatch !== null ) {
+				timestamp = new Date(parseInt(msMatch[1], 10));
+				if (msMatch[3]) {
+					var offset = Number(msMatch[5]) * 60 + Number(msMatch[6]);
+					offset *= ((msMatch[4] === '-') ? 1 : -1);
+					offset -= timestamp.getTimezoneOffset();
+					timestamp.setTime(Number(Number(timestamp) + (offset * 60 * 1000)));
+				}
+			} else {
+				var offset = 0;
+				//Support ISO8601Long that have Z at the end to indicate UTC timezone
+				if(opts.srcformat === 'ISO8601Long' && date.charAt(date.length - 1) === 'Z') {
+					offset -= (new Date()).getTimezoneOffset();
+				}
+				date = String(date).replace(/\T/g,"#").replace(/\t/,"%").split(opts.parseRe);
+				format = format.replace(/\T/g,"#").replace(/\t/,"%").split(opts.parseRe);
+				// parsing for month names
+				for(k=0,hl=format.length;k<hl;k++){
+					if(format[k] === 'M') {
+						dM = $.inArray(date[k],opts.monthNames);
+						if(dM !== -1 && dM < 12){date[k] = dM+1; ts.m = date[k];}
+					}
+					if(format[k] === 'F') {
+						dM = $.inArray(date[k],opts.monthNames,12);
+						if(dM !== -1 && dM > 11){date[k] = dM+1-12; ts.m = date[k];}
+					}
+					if(format[k] === 'a') {
+						dM = $.inArray(date[k],opts.AmPm);
+						if(dM !== -1 && dM < 2 && date[k] === opts.AmPm[dM]){
+							date[k] = dM;
+							ts.h = h12to24(date[k], ts.h);
+						}
+					}
+					if(format[k] === 'A') {
+						dM = $.inArray(date[k],opts.AmPm);
+						if(dM !== -1 && dM > 1 && date[k] === opts.AmPm[dM]){
+							date[k] = dM-2;
+							ts.h = h12to24(date[k], ts.h);
+						}
+					}
+					if (format[k] === 'g') {
+						ts.h = parseInt(date[k], 10);
+					}
+					if(date[k] !== undefined) {
+						ts[format[k].toLowerCase()] = parseInt(date[k],10);
+					}
+				}
+				if(ts.f) {ts.m = ts.f;}
+				if( ts.m === 0 && ts.y === 0 && ts.d === 0) {
+					return "&#160;" ;
+				}
+				ts.m = parseInt(ts.m,10)-1;
+				var ty = ts.y;
+				if (ty >= 70 && ty <= 99) {ts.y = 1900+ts.y;}
+				else if (ty >=0 && ty <=69) {ts.y= 2000+ts.y;}
+				timestamp = new Date(ts.y, ts.m, ts.d, ts.h, ts.i, ts.s, ts.u);
+				//Apply offset to show date as local time.
+				if(offset > 0) {
+					timestamp.setTime(Number(Number(timestamp) + (offset * 60 * 1000)));
+				}
+			}
+		} else {
+			timestamp = new Date(ts.y, ts.m, ts.d, ts.h, ts.i, ts.s, ts.u);
+		}
+		if( newformat === undefined ) {
+			return timestamp;
+		}
+		if( opts.masks.hasOwnProperty(newformat) )  {
+			newformat = opts.masks[newformat];
+		} else if ( !newformat ) {
+			newformat = 'Y-m-d';
+		}
+		var 
+			G = timestamp.getHours(),
+			i = timestamp.getMinutes(),
+			j = timestamp.getDate(),
+			n = timestamp.getMonth() + 1,
+			o = timestamp.getTimezoneOffset(),
+			s = timestamp.getSeconds(),
+			u = timestamp.getMilliseconds(),
+			w = timestamp.getDay(),
+			Y = timestamp.getFullYear(),
+			N = (w + 6) % 7 + 1,
+			z = (new Date(Y, n - 1, j) - new Date(Y, 0, 1)) / 86400000,
+			flags = {
+				// Day
+				d: pad(j),
+				D: opts.dayNames[w],
+				j: j,
+				l: opts.dayNames[w + 7],
+				N: N,
+				S: opts.S(j),
+				//j < 11 || j > 13 ? ['st', 'nd', 'rd', 'th'][Math.min((j - 1) % 10, 3)] : 'th',
+				w: w,
+				z: z,
+				// Week
+				W: N < 5 ? Math.floor((z + N - 1) / 7) + 1 : Math.floor((z + N - 1) / 7) || ((new Date(Y - 1, 0, 1).getDay() + 6) % 7 < 4 ? 53 : 52),
+				// Month
+				F: opts.monthNames[n - 1 + 12],
+				m: pad(n),
+				M: opts.monthNames[n - 1],
+				n: n,
+				t: '?',
+				// Year
+				L: '?',
+				o: '?',
+				Y: Y,
+				y: String(Y).substring(2),
+				// Time
+				a: G < 12 ? opts.AmPm[0] : opts.AmPm[1],
+				A: G < 12 ? opts.AmPm[2] : opts.AmPm[3],
+				B: '?',
+				g: G % 12 || 12,
+				G: G,
+				h: pad(G % 12 || 12),
+				H: pad(G),
+				i: pad(i),
+				s: pad(s),
+				u: u,
+				// Timezone
+				e: '?',
+				I: '?',
+				O: (o > 0 ? "-" : "+") + pad(Math.floor(Math.abs(o) / 60) * 100 + Math.abs(o) % 60, 4),
+				P: '?',
+				T: (String(timestamp).match(timezone) || [""]).pop().replace(timezoneClip, ""),
+				Z: '?',
+				// Full Date/Time
+				c: '?',
+				r: '?',
+				U: Math.floor(timestamp / 1000)
+			};
+		return newformat.replace(token, function ($0) {
+			return flags.hasOwnProperty($0) ? flags[$0] : $0.substring(1);
+		});
+	},
+	jqID : function(sid){
+		return String(sid).replace(/[!"#$%&'()*+,.\/:; <=>?@\[\\\]\^`{|}~]/g,"\\$&");
+	},
+	guid : 1,
+	uidPref: 'jqg',
+	randId : function( prefix )	{
+		return (prefix || $.jgrid.uidPref) + ($.jgrid.guid++);
+	},
+	getAccessor : function(obj, expr) {
+		var ret,p,prm = [], i;
+		if( typeof expr === 'function') { return expr(obj); }
+		ret = obj[expr];
+		if(ret===undefined) {
+			try {
+				if ( typeof expr === 'string' ) {
+					prm = expr.split('.');
+				}
+				i = prm.length;
+				if( i ) {
+					ret = obj;
+					while (ret && i--) {
+						p = prm.shift();
+						ret = ret[p];
+					}
+				}
+			} catch (e) {}
+		}
+		return ret;
+	},
+	getXmlData: function (obj, expr, returnObj) {
+		var ret, m = typeof expr === 'string' ? expr.match(/^(.*)\[(\w+)\]$/) : null;
+		if (typeof expr === 'function') { return expr(obj); }
+		if (m && m[2]) {
+			// m[2] is the attribute selector
+			// m[1] is an optional element selector
+			// examples: "[id]", "rows[page]"
+			return m[1] ? $(m[1], obj).attr(m[2]) : $(obj).attr(m[2]);
+		}
+			ret = $(expr, obj);
+			if (returnObj) { return ret; }
+			//$(expr, obj).filter(':last'); // we use ':last' to be more compatible with old version of jqGrid
+			return ret.length > 0 ? $(ret).text() : undefined;
+	},
+	cellWidth : function () {
+		var $testDiv = $("<div class='ui-jqgrid' style='left:10000px'><table class='ui-jqgrid-btable' style='width:5px;'><tr class='jqgrow'><td style='width:5px;display:block;'></td></tr></table></div>"),
+		testCell = $testDiv.appendTo("body")
+			.find("td")
+			.width();
+		$testDiv.remove();
+		return Math.abs(testCell-5) > 0.1;
+	},
+	cell_width : true,
+	ajaxOptions: {},
+	from : function(source){
+		// Original Author Hugo Bonacci
+		// License MIT http://jlinq.codeplex.com/license
+		var QueryObject=function(d,q){
+		if(typeof d==="string"){
+			d=$.data(d);
+		}
+		var self=this,
+		_data=d,
+		_usecase=true,
+		_trim=false,
+		_query=q,
+		_stripNum = /[\$,%]/g,
+		_lastCommand=null,
+		_lastField=null,
+		_orDepth=0,
+		_negate=false,
+		_queuedOperator="",
+		_sorting=[],
+		_useProperties=true;
+		if(typeof d==="object"&&d.push) {
+			if(d.length>0){
+				if(typeof d[0]!=="object"){
+					_useProperties=false;
+				}else{
+					_useProperties=true;
+				}
+			}
+		}else{
+			throw "data provides is not an array";
+		}
+		this._hasData=function(){
+			return _data===null?false:_data.length===0?false:true;
+		};
+		this._getStr=function(s){
+			var phrase=[];
+			if(_trim){
+				phrase.push("jQuery.trim(");
+			}
+			phrase.push("String("+s+")");
+			if(_trim){
+				phrase.push(")");
+			}
+			if(!_usecase){
+				phrase.push(".toLowerCase()");
+			}
+			return phrase.join("");
+		};
+		this._strComp=function(val){
+			if(typeof val==="string"){
+				return".toString()";
+			}
+			return"";
+		};
+		this._group=function(f,u){
+			return({field:f.toString(),unique:u,items:[]});
+		};
+		this._toStr=function(phrase){
+			if(_trim){
+				phrase=$.trim(phrase);
+			}
+			phrase=phrase.toString().replace(/\\/g,'\\\\').replace(/\"/g,'\\"');
+			return _usecase ? phrase : phrase.toLowerCase();
+		};
+		this._funcLoop=function(func){
+			var results=[];
+			$.each(_data,function(i,v){
+				results.push(func(v));
+			});
+			return results;
+		};
+		this._append=function(s){
+			var i;
+			if(_query===null){
+				_query="";
+			} else {
+				_query+=_queuedOperator === "" ? " && " :_queuedOperator;
+			}
+			for (i=0;i<_orDepth;i++){
+				_query+="(";
+			}
+			if(_negate){
+				_query+="!";
+			}
+			_query+="("+s+")";
+			_negate=false;
+			_queuedOperator="";
+			_orDepth=0;
+		};
+		this._setCommand=function(f,c){
+			_lastCommand=f;
+			_lastField=c;
+		};
+		this._resetNegate=function(){
+			_negate=false;
+		};
+		this._repeatCommand=function(f,v){
+			if(_lastCommand===null){
+				return self;
+			}
+			if(f!==null&&v!==null){
+				return _lastCommand(f,v);
+			}
+			if(_lastField===null){
+				return _lastCommand(f);
+			}
+			if(!_useProperties){
+				return _lastCommand(f);
+			}
+			return _lastCommand(_lastField,f);
+		};
+		this._equals=function(a,b){
+			return(self._compare(a,b,1)===0);
+		};
+		this._compare=function(a,b,d){
+			var toString = Object.prototype.toString;
+			if( d === undefined) { d = 1; }
+			if(a===undefined) { a = null; }
+			if(b===undefined) { b = null; }
+			if(a===null && b===null){
+				return 0;
+			}
+			if(a===null&&b!==null){
+				return 1;
+			}
+			if(a!==null&&b===null){
+				return -1;
+			}
+			if (toString.call(a) === '[object Date]' && toString.call(b) === '[object Date]') {
+				if (a < b) { return -d; }
+				if (a > b) { return d; }
+				return 0;
+			}
+			if(!_usecase && typeof a !== "number" && typeof b !== "number" ) {
+				a=String(a);
+				b=String(b);
+			}
+			if(a<b){return -d;}
+			if(a>b){return d;}
+			return 0;
+		};
+		this._performSort=function(){
+			if(_sorting.length===0){return;}
+			_data=self._doSort(_data,0);
+		};
+		this._doSort=function(d,q){
+			var by=_sorting[q].by,
+			dir=_sorting[q].dir,
+			type = _sorting[q].type,
+			dfmt = _sorting[q].datefmt,
+			sfunc = _sorting[q].sfunc;
+			if(q===_sorting.length-1){
+				return self._getOrder(d, by, dir, type, dfmt, sfunc);
+			}
+			q++;
+			var values=self._getGroup(d,by,dir,type,dfmt), results=[], i, j, sorted;
+			for(i=0;i<values.length;i++){
+				sorted=self._doSort(values[i].items,q);
+				for(j=0;j<sorted.length;j++){
+					results.push(sorted[j]);
+				}
+			}
+			return results;
+		};
+		this._getOrder=function(data,by,dir,type, dfmt, sfunc){
+			var sortData=[],_sortData=[], newDir = dir==="a" ? 1 : -1, i,ab,j,
+			findSortKey;
+
+			if(type === undefined ) { type = "text"; }
+			if (type === 'float' || type=== 'number' || type=== 'currency' || type=== 'numeric') {
+				findSortKey = function($cell) {
+					var key = parseFloat( String($cell).replace(_stripNum, ''));
+					return isNaN(key) ? 0.00 : key;
+				};
+			} else if (type==='int' || type==='integer') {
+				findSortKey = function($cell) {
+					return $cell ? parseFloat(String($cell).replace(_stripNum, '')) : 0;
+				};
+			} else if(type === 'date' || type === 'datetime') {
+				findSortKey = function($cell) {
+					return $.jgrid.parseDate(dfmt,$cell).getTime();
+				};
+			} else if($.isFunction(type)) {
+				findSortKey = type;
+			} else {
+				findSortKey = function($cell) {
+					$cell = $cell ? $.trim(String($cell)) : "";
+					return _usecase ? $cell : $cell.toLowerCase();
+				};
+			}
+			$.each(data,function(i,v){
+				ab = by!=="" ? $.jgrid.getAccessor(v,by) : v;
+				if(ab === undefined) { ab = ""; }
+				ab = findSortKey(ab, v);
+				_sortData.push({ 'vSort': ab,'index':i});
+			});
+			if($.isFunction(sfunc)) {
+				_sortData.sort(function(a,b){
+					a = a.vSort;
+					b = b.vSort;
+					return sfunc.call(this,a,b,newDir);
+				});
+			} else {
+				_sortData.sort(function(a,b){
+					a = a.vSort;
+					b = b.vSort;
+					return self._compare(a,b,newDir);
+				});
+			}
+			j=0;
+			var nrec= data.length;
+			// overhead, but we do not change the original data.
+			while(j<nrec) {
+				i = _sortData[j].index;
+				sortData.push(data[i]);
+				j++;
+			}
+			return sortData;
+		};
+		this._getGroup=function(data,by,dir,type, dfmt){
+			var results=[],
+			group=null,
+			last=null, val;
+			$.each(self._getOrder(data,by,dir,type, dfmt),function(i,v){
+				val = $.jgrid.getAccessor(v, by);
+				if(val == null) { val = ""; }
+				if(!self._equals(last,val)){
+					last=val;
+					if(group !== null){
+						results.push(group);
+					}
+					group=self._group(by,val);
+				}
+				group.items.push(v);
+			});
+			if(group !== null){
+				results.push(group);
+			}
+			return results;
+		};
+		this.ignoreCase=function(){
+			_usecase=false;
+			return self;
+		};
+		this.useCase=function(){
+			_usecase=true;
+			return self;
+		};
+		this.trim=function(){
+			_trim=true;
+			return self;
+		};
+		this.noTrim=function(){
+			_trim=false;
+			return self;
+		};
+		this.execute=function(){
+			var match=_query, results=[];
+			if(match === null){
+				return self;
+			}
+			$.each(_data,function(){
+				if(eval(match)){results.push(this);}
+			});
+			_data=results;
+			return self;
+		};
+		this.data=function(){
+			return _data;
+		};
+		this.select=function(f){
+			self._performSort();
+			if(!self._hasData()){ return[]; }
+			self.execute();
+			if($.isFunction(f)){
+				var results=[];
+				$.each(_data,function(i,v){
+					results.push(f(v));
+				});
+				return results;
+			}
+			return _data;
+		};
+		this.hasMatch=function(){
+			if(!self._hasData()) { return false; }
+			self.execute();
+			return _data.length>0;
+		};
+		this.andNot=function(f,v,x){
+			_negate=!_negate;
+			return self.and(f,v,x);
+		};
+		this.orNot=function(f,v,x){
+			_negate=!_negate;
+			return self.or(f,v,x);
+		};
+		this.not=function(f,v,x){
+			return self.andNot(f,v,x);
+		};
+		this.and=function(f,v,x){
+			_queuedOperator=" && ";
+			if(f===undefined){
+				return self;
+			}
+			return self._repeatCommand(f,v,x);
+		};
+		this.or=function(f,v,x){
+			_queuedOperator=" || ";
+			if(f===undefined) { return self; }
+			return self._repeatCommand(f,v,x);
+		};
+		this.orBegin=function(){
+			_orDepth++;
+			return self;
+		};
+		this.orEnd=function(){
+			if (_query !== null){
+				_query+=")";
+			}
+			return self;
+		};
+		this.isNot=function(f){
+			_negate=!_negate;
+			return self.is(f);
+		};
+		this.is=function(f){
+			self._append('this.'+f);
+			self._resetNegate();
+			return self;
+		};
+		this._compareValues=function(func,f,v,how,t){
+			var fld;
+			if(_useProperties){
+				fld='jQuery.jgrid.getAccessor(this,\''+f+'\')';
+			}else{
+				fld='this';
+			}
+			if(v===undefined) { v = null; }
+			//var val=v===null?f:v,
+			var val =v,
+			swst = t.stype === undefined ? "text" : t.stype;
+			if(v !== null) {
+			switch(swst) {
+				case 'int':
+				case 'integer':
+					val = (isNaN(Number(val)) || val==="") ? '0' : val; // To be fixed with more inteligent code
+					fld = 'parseInt('+fld+',10)';
+					val = 'parseInt('+val+',10)';
+					break;
+				case 'float':
+				case 'number':
+				case 'numeric':
+					val = String(val).replace(_stripNum, '');
+					val = (isNaN(Number(val)) || val==="") ? '0' : val; // To be fixed with more inteligent code
+					fld = 'parseFloat('+fld+')';
+					val = 'parseFloat('+val+')';
+					break;
+				case 'date':
+				case 'datetime':
+					val = String($.jgrid.parseDate(t.newfmt || 'Y-m-d',val).getTime());
+					fld = 'jQuery.jgrid.parseDate("'+t.srcfmt+'",'+fld+').getTime()';
+					break;
+				default :
+					fld=self._getStr(fld);
+					val=self._getStr('"'+self._toStr(val)+'"');
+			}
+			}
+			self._append(fld+' '+how+' '+val);
+			self._setCommand(func,f);
+			self._resetNegate();
+			return self;
+		};
+		this.equals=function(f,v,t){
+			return self._compareValues(self.equals,f,v,"==",t);
+		};
+		this.notEquals=function(f,v,t){
+			return self._compareValues(self.equals,f,v,"!==",t);
+		};
+		this.isNull = function(f,v,t){
+			return self._compareValues(self.equals,f,null,"===",t);
+		};
+		this.greater=function(f,v,t){
+			return self._compareValues(self.greater,f,v,">",t);
+		};
+		this.less=function(f,v,t){
+			return self._compareValues(self.less,f,v,"<",t);
+		};
+		this.greaterOrEquals=function(f,v,t){
+			return self._compareValues(self.greaterOrEquals,f,v,">=",t);
+		};
+		this.lessOrEquals=function(f,v,t){
+			return self._compareValues(self.lessOrEquals,f,v,"<=",t);
+		};
+		this.startsWith=function(f,v){
+			var val = (v==null) ? f: v,
+			length=_trim ? $.trim(val.toString()).length : val.toString().length;
+			if(_useProperties){
+				self._append(self._getStr('jQuery.jgrid.getAccessor(this,\''+f+'\')')+'.substr(0,'+length+') == '+self._getStr('"'+self._toStr(v)+'"'));
+			}else{
+				if (v!=null) { length=_trim?$.trim(v.toString()).length:v.toString().length; }
+				self._append(self._getStr('this')+'.substr(0,'+length+') == '+self._getStr('"'+self._toStr(f)+'"'));
+			}
+			self._setCommand(self.startsWith,f);
+			self._resetNegate();
+			return self;
+		};
+		this.endsWith=function(f,v){
+			var val = (v==null) ? f: v,
+			length=_trim ? $.trim(val.toString()).length:val.toString().length;
+			if(_useProperties){
+				self._append(self._getStr('jQuery.jgrid.getAccessor(this,\''+f+'\')')+'.substr('+self._getStr('jQuery.jgrid.getAccessor(this,\''+f+'\')')+'.length-'+length+','+length+') == "'+self._toStr(v)+'"');
+			} else {
+				self._append(self._getStr('this')+'.substr('+self._getStr('this')+'.length-"'+self._toStr(f)+'".length,"'+self._toStr(f)+'".length) == "'+self._toStr(f)+'"');
+			}
+			self._setCommand(self.endsWith,f);self._resetNegate();
+			return self;
+		};
+		this.contains=function(f,v){
+			if(_useProperties){
+				self._append(self._getStr('jQuery.jgrid.getAccessor(this,\''+f+'\')')+'.indexOf("'+self._toStr(v)+'",0) > -1');
+			}else{
+				self._append(self._getStr('this')+'.indexOf("'+self._toStr(f)+'",0) > -1');
+			}
+			self._setCommand(self.contains,f);
+			self._resetNegate();
+			return self;
+		};
+		this.groupBy=function(by,dir,type, datefmt){
+			if(!self._hasData()){
+				return null;
+			}
+			return self._getGroup(_data,by,dir,type, datefmt);
+		};
+		this.orderBy=function(by,dir,stype, dfmt, sfunc){
+			dir = dir == null ? "a" :$.trim(dir.toString().toLowerCase());
+			if(stype == null) { stype = "text"; }
+			if(dfmt == null) { dfmt = "Y-m-d"; }
+			if(sfunc == null) { sfunc = false; }
+			if(dir==="desc"||dir==="descending"){dir="d";}
+			if(dir==="asc"||dir==="ascending"){dir="a";}
+			_sorting.push({by:by,dir:dir,type:stype, datefmt: dfmt, sfunc: sfunc});
+			return self;
+		};
+		return self;
+		};
+	return new QueryObject(source,null);
+	},
+	getMethod: function (name) {
+        return this.getAccessor($.fn.jqGrid, name);
+	},
+	extend : function(methods) {
+		$.extend($.fn.jqGrid,methods);
+		if (!this.no_legacy_api) {
+			$.fn.extend(methods);
+		}
+	}
+});
+
+$.fn.jqGrid = function( pin ) {
+	if (typeof pin === 'string') {
+		var fn = $.jgrid.getMethod(pin);
+		if (!fn) {
+			throw ("jqGrid - No such method: " + pin);
+		}
+		var args = $.makeArray(arguments).slice(1);
+		return fn.apply(this,args);
+	}
+	return this.each( function() {
+		if(this.grid) {return;}
+
+		var p = $.extend(true,{
+			url: "",
+			height: 150,
+			page: 1,
+			rowNum: 20,
+			rowTotal : null,
+			records: 0,
+			pager: "",
+			pgbuttons: true,
+			pginput: true,
+			colModel: [],
+			rowList: [],
+			colNames: [],
+			sortorder: "asc",
+			sortname: "",
+			datatype: "xml",
+			mtype: "GET",
+			altRows: false,
+			selarrrow: [],
+			savedRow: [],
+			shrinkToFit: true,
+			xmlReader: {},
+			jsonReader: {},
+			subGrid: false,
+			subGridModel :[],
+			reccount: 0,
+			lastpage: 0,
+			lastsort: 0,
+			selrow: null,
+			beforeSelectRow: null,
+			onSelectRow: null,
+			onSortCol: null,
+			ondblClickRow: null,
+			onRightClickRow: null,
+			onPaging: null,
+			onSelectAll: null,
+			onInitGrid : null,
+			loadComplete: null,
+			gridComplete: null,
+			loadError: null,
+			loadBeforeSend: null,
+			afterInsertRow: null,
+			beforeRequest: null,
+			beforeProcessing : null,
+			onHeaderClick: null,
+			viewrecords: false,
+			loadonce: false,
+			multiselect: false,
+			multikey: false,
+			editurl: null,
+			search: false,
+			caption: "",
+			hidegrid: true,
+			hiddengrid: false,
+			postData: {},
+			userData: {},
+			treeGrid : false,
+			treeGridModel : 'nested',
+			treeReader : {},
+			treeANode : -1,
+			ExpandColumn: null,
+			tree_root_level : 0,
+			prmNames: {page:"page",rows:"rows", sort: "sidx",order: "sord", search:"_search", nd:"nd", id:"id",oper:"oper",editoper:"edit",addoper:"add",deloper:"del", subgridid:"id", npage: null, totalrows:"totalrows"},
+			forceFit : false,
+			gridstate : "visible",
+			cellEdit: false,
+			cellsubmit: "remote",
+			nv:0,
+			loadui: "enable",
+			toolbar: [false,""],
+			scroll: false,
+			multiboxonly : false,
+			deselectAfterSort : true,
+			scrollrows : false,
+			autowidth: false,
+			scrollOffset :18,
+			cellLayout: 5,
+			subGridWidth: 20,
+			multiselectWidth: 20,
+			gridview: false,
+			rownumWidth: 25,
+			rownumbers : false,
+			pagerpos: 'center',
+			recordpos: 'right',
+			footerrow : false,
+			userDataOnFooter : false,
+			hoverrows : true,
+			altclass : 'ui-priority-secondary',
+			viewsortcols : [false,'vertical',true],
+			resizeclass : '',
+			autoencode : false,
+			remapColumns : [],
+			ajaxGridOptions :{},
+			direction : "ltr",
+			toppager: false,
+			headertitles: false,
+			scrollTimeout: 40,
+			data : [],
+			_index : {},
+			grouping : false,
+			groupingView : {groupField:[],groupOrder:[], groupText:[],groupColumnShow:[],groupSummary:[], showSummaryOnHide: false, sortitems:[], sortnames:[], summary:[],summaryval:[], plusicon: 'ui-icon-circlesmall-plus', minusicon: 'ui-icon-circlesmall-minus', displayField: [], groupSummaryPos:[], formatDisplayField : [], _locgr : false},
+			ignoreCase : false,
+			cmTemplate : {},
+			idPrefix : "",
+			multiSort :  false
+		}, $.jgrid.defaults, pin || {});
+		var ts= this, grid={
+			headers:[],
+			cols:[],
+			footers: [],
+			dragStart: function(i,x,y) {
+				var gridLeftPos = $(this.bDiv).offset().left;
+				this.resizing = { idx: i, startX: x.clientX, sOL : x.clientX - gridLeftPos };
+				this.hDiv.style.cursor = "col-resize";
+				this.curGbox = $("#rs_m"+$.jgrid.jqID(p.id),"#gbox_"+$.jgrid.jqID(p.id));
+				this.curGbox.css({display:"block",left:x.clientX-gridLeftPos,top:y[1],height:y[2]});
+				$(ts).triggerHandler("jqGridResizeStart", [x, i]);
+				if($.isFunction(p.resizeStart)) { p.resizeStart.call(ts,x,i); }
+				document.onselectstart=function(){return false;};
+			},
+			dragMove: function(x) {
+				if(this.resizing) {
+					var diff = x.clientX-this.resizing.startX,
+					h = this.headers[this.resizing.idx],
+					newWidth = p.direction === "ltr" ? h.width + diff : h.width - diff, hn, nWn;
+					if(newWidth > 33) {
+						this.curGbox.css({left:this.resizing.sOL+diff});
+						if(p.forceFit===true ){
+							hn = this.headers[this.resizing.idx+p.nv];
+							nWn = p.direction === "ltr" ? hn.width - diff : hn.width + diff;
+							if(nWn >33) {
+								h.newWidth = newWidth;
+								hn.newWidth = nWn;
+							}
+						} else {
+							this.newWidth = p.direction === "ltr" ? p.tblwidth+diff : p.tblwidth-diff;
+							h.newWidth = newWidth;
+						}
+					}
+				}
+			},
+			dragEnd: function() {
+				this.hDiv.style.cursor = "default";
+				if(this.resizing) {
+					var idx = this.resizing.idx,
+					nw = this.headers[idx].newWidth || this.headers[idx].width;
+					nw = parseInt(nw,10);
+					this.resizing = false;
+					$("#rs_m"+$.jgrid.jqID(p.id)).css("display","none");
+					p.colModel[idx].width = nw;
+					this.headers[idx].width = nw;
+					this.headers[idx].el.style.width = nw + "px";
+					this.cols[idx].style.width = nw+"px";
+					if(this.footers.length>0) {this.footers[idx].style.width = nw+"px";}
+					if(p.forceFit===true){
+						nw = this.headers[idx+p.nv].newWidth || this.headers[idx+p.nv].width;
+						this.headers[idx+p.nv].width = nw;
+						this.headers[idx+p.nv].el.style.width = nw + "px";
+						this.cols[idx+p.nv].style.width = nw+"px";
+						if(this.footers.length>0) {this.footers[idx+p.nv].style.width = nw+"px";}
+						p.colModel[idx+p.nv].width = nw;
+					} else {
+						p.tblwidth = this.newWidth || p.tblwidth;
+						$('table:first',this.bDiv).css("width",p.tblwidth+"px");
+						$('table:first',this.hDiv).css("width",p.tblwidth+"px");
+						this.hDiv.scrollLeft = this.bDiv.scrollLeft;
+						if(p.footerrow) {
+							$('table:first',this.sDiv).css("width",p.tblwidth+"px");
+							this.sDiv.scrollLeft = this.bDiv.scrollLeft;
+						}
+					}
+					$(ts).triggerHandler("jqGridResizeStop", [nw, idx]);
+					if($.isFunction(p.resizeStop)) { p.resizeStop.call(ts,nw,idx); }
+				}
+				this.curGbox = null;
+				document.onselectstart=function(){return true;};
+			},
+			populateVisible: function() {
+				if (grid.timer) { clearTimeout(grid.timer); }
+				grid.timer = null;
+				var dh = $(grid.bDiv).height();
+				if (!dh) { return; }
+				var table = $("table:first", grid.bDiv);
+				var rows, rh;
+				if(table[0].rows.length) {
+					try {
+						rows = table[0].rows[1];
+						rh = rows ? $(rows).outerHeight() || grid.prevRowHeight : grid.prevRowHeight;
+					} catch (pv) {
+						rh = grid.prevRowHeight;
+					}
+				}
+				if (!rh) { return; }
+				grid.prevRowHeight = rh;
+				var rn = p.rowNum;
+				var scrollTop = grid.scrollTop = grid.bDiv.scrollTop;
+				var ttop = Math.round(table.position().top) - scrollTop;
+				var tbot = ttop + table.height();
+				var div = rh * rn;
+				var page, npage, empty;
+				if ( tbot < dh && ttop <= 0 &&
+					(p.lastpage===undefined||parseInt((tbot + scrollTop + div - 1) / div,10) <= p.lastpage))
+				{
+					npage = parseInt((dh - tbot + div - 1) / div,10);
+					if (tbot >= 0 || npage < 2 || p.scroll === true) {
+						page = Math.round((tbot + scrollTop) / div) + 1;
+						ttop = -1;
+					} else {
+						ttop = 1;
+					}
+				}
+				if (ttop > 0) {
+					page = parseInt(scrollTop / div,10) + 1;
+					npage = parseInt((scrollTop + dh) / div,10) + 2 - page;
+					empty = true;
+				}
+				if (npage) {
+					if (p.lastpage && (page > p.lastpage || p.lastpage===1 || (page === p.page && page===p.lastpage)) ) {
+						return;
+					}
+					if (grid.hDiv.loading) {
+						grid.timer = setTimeout(grid.populateVisible, p.scrollTimeout);
+					} else {
+						p.page = page;
+						if (empty) {
+							grid.selectionPreserver(table[0]);
+							grid.emptyRows.call(table[0], false, false);
+						}
+						grid.populate(npage);
+					}
+				}
+			},
+			scrollGrid: function( e ) {
+				if(p.scroll) {
+					var scrollTop = grid.bDiv.scrollTop;
+					if(grid.scrollTop === undefined) { grid.scrollTop = 0; }
+					if (scrollTop !== grid.scrollTop) {
+						grid.scrollTop = scrollTop;
+						if (grid.timer) { clearTimeout(grid.timer); }
+						grid.timer = setTimeout(grid.populateVisible, p.scrollTimeout);
+					}
+				}
+				grid.hDiv.scrollLeft = grid.bDiv.scrollLeft;
+				if(p.footerrow) {
+					grid.sDiv.scrollLeft = grid.bDiv.scrollLeft;
+				}
+				if( e ) { e.stopPropagation(); }
+			},
+			selectionPreserver : function(ts) {
+				var p = ts.p,
+				sr = p.selrow, sra = p.selarrrow ? $.makeArray(p.selarrrow) : null,
+				left = ts.grid.bDiv.scrollLeft,
+				restoreSelection = function() {
+					var i;
+					p.selrow = null;
+					p.selarrrow = [];
+					if(p.multiselect && sra && sra.length>0) {
+						for(i=0;i<sra.length;i++){
+							if (sra[i] !== sr) {
+								$(ts).jqGrid("setSelection",sra[i],false, null);
+							}
+						}
+					}
+					if (sr) {
+						$(ts).jqGrid("setSelection",sr,false,null);
+					}
+					ts.grid.bDiv.scrollLeft = left;
+					$(ts).unbind('.selectionPreserver', restoreSelection);
+				};
+				$(ts).bind('jqGridGridComplete.selectionPreserver', restoreSelection);				
+			}
+		};
+		if(this.tagName.toUpperCase() !== 'TABLE') {
+			alert("Element is not a table");
+			return;
+		}
+		if(document.documentMode !== undefined ) { // IE only
+			if(document.documentMode <= 5) {
+				alert("Grid can not be used in this ('quirks') mode!");
+				return;
+			}
+		}
+		$(this).empty().attr("tabindex","0");
+		this.p = p ;
+		this.p.useProp = !!$.fn.prop;
+		var i, dir;
+		if(this.p.colNames.length === 0) {
+			for (i=0;i<this.p.colModel.length;i++){
+				this.p.colNames[i] = this.p.colModel[i].label || this.p.colModel[i].name;
+			}
+		}
+		if( this.p.colNames.length !== this.p.colModel.length ) {
+			alert($.jgrid.errors.model);
+			return;
+		}
+		var gv = $("<div class='ui-jqgrid-view'></div>"),
+		isMSIE = $.jgrid.msie;
+		ts.p.direction = $.trim(ts.p.direction.toLowerCase());
+		if($.inArray(ts.p.direction,["ltr","rtl"]) === -1) { ts.p.direction = "ltr"; }
+		dir = ts.p.direction;
+
+		$(gv).insertBefore(this);
+		$(this).removeClass("scroll").appendTo(gv);
+		var eg = $("<div class='ui-jqgrid ui-widget ui-widget-content ui-corner-all'></div>");
+		$(eg).attr({"id" : "gbox_"+this.id,"dir":dir}).insertBefore(gv);
+		$(gv).attr("id","gview_"+this.id).appendTo(eg);
+		$("<div class='ui-widget-overlay jqgrid-overlay' id='lui_"+this.id+"'></div>").insertBefore(gv);
+		$("<div class='loading ui-state-default ui-state-active' id='load_"+this.id+"'>"+this.p.loadtext+"</div>").insertBefore(gv);
+		$(this).attr({cellspacing:"0",cellpadding:"0",border:"0","role":"grid","aria-multiselectable":!!this.p.multiselect,"aria-labelledby":"gbox_"+this.id});
+		var sortkeys = ["shiftKey","altKey","ctrlKey"],
+		intNum = function(val,defval) {
+			val = parseInt(val,10);
+			if (isNaN(val)) { return defval || 0;}
+			return val;
+		},
+		formatCol = function (pos, rowInd, tv, rawObject, rowId, rdata){
+			var cm = ts.p.colModel[pos],
+			ral = cm.align, result="style=\"", clas = cm.classes, nm = cm.name, celp, acp=[];
+			if(ral) { result += "text-align:"+ral+";"; }
+			if(cm.hidden===true) { result += "display:none;"; }
+			if(rowInd===0) {
+				result += "width: "+grid.headers[pos].width+"px;";
+			} else if (cm.cellattr && $.isFunction(cm.cellattr))
+			{
+				celp = cm.cellattr.call(ts, rowId, tv, rawObject, cm, rdata);
+				if(celp && typeof celp === "string") {
+					celp = celp.replace(/style/i,'style').replace(/title/i,'title');
+					if(celp.indexOf('title') > -1) { cm.title=false;}
+					if(celp.indexOf('class') > -1) { clas = undefined;}
+					acp = celp.replace('-style','-sti').split(/style/);
+					if(acp.length === 2 ) {
+						acp[1] =  $.trim(acp[1].replace('-sti','-style').replace("=",""));
+						if(acp[1].indexOf("'") === 0 || acp[1].indexOf('"') === 0) {
+							acp[1] = acp[1].substring(1);
+						}
+						result += acp[1].replace(/'/gi,'"');
+					} else {
+						result += "\"";
+					}
+				}
+			}
+			if(!acp.length) { acp[0] = ""; result += "\"";}
+			result += (clas !== undefined ? (" class=\""+clas+"\"") :"") + ((cm.title && tv) ? (" title=\""+$.jgrid.stripHtml(tv)+"\"") :"");
+			result += " aria-describedby=\""+ts.p.id+"_"+nm+"\"";
+			return result + acp[0];
+		},
+		cellVal =  function (val) {
+			return val == null || val === "" ? "&#160;" : (ts.p.autoencode ? $.jgrid.htmlEncode(val) : String(val));
+		},
+		formatter = function (rowId, cellval , colpos, rwdat, _act){
+			var cm = ts.p.colModel[colpos],v;
+			if(cm.formatter !== undefined) {
+				rowId = String(ts.p.idPrefix) !== "" ? $.jgrid.stripPref(ts.p.idPrefix, rowId) : rowId;
+				var opts= {rowId: rowId, colModel:cm, gid:ts.p.id, pos:colpos };
+				if($.isFunction( cm.formatter ) ) {
+					v = cm.formatter.call(ts,cellval,opts,rwdat,_act);
+				} else if($.fmatter){
+					v = $.fn.fmatter.call(ts,cm.formatter,cellval,opts,rwdat,_act);
+				} else {
+					v = cellVal(cellval);
+				}
+			} else {
+				v = cellVal(cellval);
+			}
+			return v;
+		},
+		addCell = function(rowId,cell,pos,irow, srvr, rdata) {
+			var v,prp;
+			v = formatter(rowId,cell,pos,srvr,'add');
+			prp = formatCol( pos,irow, v, srvr, rowId, rdata);
+			return "<td role=\"gridcell\" "+prp+">"+v+"</td>";
+		},
+		addMulti = function(rowid,pos,irow,checked){
+			var	v = "<input role=\"checkbox\" type=\"checkbox\""+" id=\"jqg_"+ts.p.id+"_"+rowid+"\" class=\"cbox\" name=\"jqg_"+ts.p.id+"_"+rowid+"\"" + (checked ? "checked=\"checked\"" : "")+"/>",
+			prp = formatCol( pos,irow,'',null, rowid, true);
+			return "<td role=\"gridcell\" "+prp+">"+v+"</td>";
+		},
+		addRowNum = function (pos,irow,pG,rN) {
+			var v =  (parseInt(pG,10)-1)*parseInt(rN,10)+1+irow,
+			prp = formatCol( pos,irow,v, null, irow, true);
+			return "<td role=\"gridcell\" class=\"ui-state-default jqgrid-rownum\" "+prp+">"+v+"</td>";
+		},
+		reader = function (datatype) {
+			var field, f=[], j=0, i;
+			for(i =0; i<ts.p.colModel.length; i++){
+				field = ts.p.colModel[i];
+				if (field.name !== 'cb' && field.name !=='subgrid' && field.name !=='rn') {
+					f[j]= datatype === "local" ?
+					field.name :
+					( (datatype==="xml" || datatype === "xmlstring") ? field.xmlmap || field.name : field.jsonmap || field.name );
+					if(ts.p.keyIndex !== false && field.key===true ) {
+						ts.p.keyName = f[j];
+					}
+					j++;
+				}
+			}
+			return f;
+		},
+		orderedCols = function (offset) {
+			var order = ts.p.remapColumns;
+			if (!order || !order.length) {
+				order = $.map(ts.p.colModel, function(v,i) { return i; });
+			}
+			if (offset) {
+				order = $.map(order, function(v) { return v<offset?null:v-offset; });
+			}
+			return order;
+		},
+		emptyRows = function (scroll, locdata) {
+			var firstrow;
+			if (this.p.deepempty) {
+				$(this.rows).slice(1).remove();
+			} else {
+				firstrow = this.rows.length > 0 ? this.rows[0] : null;
+				$(this.firstChild).empty().append(firstrow);
+			}
+			if (scroll && this.p.scroll) {
+				$(this.grid.bDiv.firstChild).css({height: "auto"});
+				$(this.grid.bDiv.firstChild.firstChild).css({height: 0, display: "none"});
+				if (this.grid.bDiv.scrollTop !== 0) {
+					this.grid.bDiv.scrollTop = 0;
+				}
+			}
+			if(locdata === true && this.p.treeGrid) {
+				this.p.data = []; this.p._index = {};
+			}
+		},
+		refreshIndex = function() {
+			var datalen = ts.p.data.length, idname, i, val,
+			ni = ts.p.rownumbers===true ? 1 :0,
+			gi = ts.p.multiselect ===true ? 1 :0,
+			si = ts.p.subGrid===true ? 1 :0;
+
+			if(ts.p.keyIndex === false || ts.p.loadonce === true) {
+				idname = ts.p.localReader.id;
+			} else {
+				idname = ts.p.colModel[ts.p.keyIndex+gi+si+ni].name;
+			}
+			for(i =0;i < datalen; i++) {
+				val = $.jgrid.getAccessor(ts.p.data[i],idname);
+				if (val === undefined) { val=String(i+1); }
+				ts.p._index[val] = i;
+			}
+		},
+		constructTr = function(id, hide, altClass, rd, cur, selected) {
+			var tabindex = '-1', restAttr = '', attrName, style = hide ? 'display:none;' : '',
+				classes = 'ui-widget-content jqgrow ui-row-' + ts.p.direction + (altClass ? ' ' + altClass : '') + (selected ? ' ui-state-highlight' : ''),
+				rowAttrObj = $(ts).triggerHandler("jqGridRowAttr", [rd, cur, id]);
+				if( typeof rowAttrObj !== "object" ) {
+					rowAttrObj =   $.isFunction(ts.p.rowattr) ? ts.p.rowattr.call(ts, rd, cur, id) :{};
+				}
+			if(!$.isEmptyObject( rowAttrObj )) {
+				if (rowAttrObj.hasOwnProperty("id")) {
+					id = rowAttrObj.id;
+					delete rowAttrObj.id;
+				}
+				if (rowAttrObj.hasOwnProperty("tabindex")) {
+					tabindex = rowAttrObj.tabindex;
+					delete rowAttrObj.tabindex;
+				}
+				if (rowAttrObj.hasOwnProperty("style")) {
+					style += rowAttrObj.style;
+					delete rowAttrObj.style;
+				}
+				if (rowAttrObj.hasOwnProperty("class")) {
+					classes += ' ' + rowAttrObj['class'];
+					delete rowAttrObj['class'];
+				}
+				// dot't allow to change role attribute
+				try { delete rowAttrObj.role; } catch(ra){}
+				for (attrName in rowAttrObj) {
+					if (rowAttrObj.hasOwnProperty(attrName)) {
+						restAttr += ' ' + attrName + '=' + rowAttrObj[attrName];
+					}
+				}
+			}
+			return '<tr role="row" id="' + id + '" tabindex="' + tabindex + '" class="' + classes + '"' +
+				(style === '' ? '' : ' style="' + style + '"') + restAttr + '>';
+		},
+		addXmlData = function (xml,t, rcnt, more, adjust) {
+			var startReq = new Date(),
+			locdata = (ts.p.datatype !== "local" && ts.p.loadonce) || ts.p.datatype === "xmlstring",
+			xmlid = "_id_", xmlRd = ts.p.xmlReader,
+			frd = ts.p.datatype === "local" ? "local" : "xml";
+			if(locdata) {
+				ts.p.data = [];
+				ts.p._index = {};
+				ts.p.localReader.id = xmlid;
+			}
+			ts.p.reccount = 0;
+			if($.isXMLDoc(xml)) {
+				if(ts.p.treeANode===-1 && !ts.p.scroll) {
+					emptyRows.call(ts, false, true);
+					rcnt=1;
+				} else { rcnt = rcnt > 1 ? rcnt :1; }
+			} else { return; }
+			var self= $(ts), i,fpos,ir=0,v,gi=ts.p.multiselect===true?1:0,si=0,addSubGridCell,ni=ts.p.rownumbers===true?1:0,idn, getId,f=[],F,rd ={}, xmlr,rid, rowData=[], cn=(ts.p.altRows === true) ? ts.p.altclass:"",cn1;
+			if(ts.p.subGrid===true) {
+				si = 1;
+				addSubGridCell = $.jgrid.getMethod("addSubGridCell");
+			}
+			if(!xmlRd.repeatitems) {f = reader(frd);}
+			if( ts.p.keyIndex===false) {
+				idn = $.isFunction( xmlRd.id ) ?  xmlRd.id.call(ts, xml) : xmlRd.id;
+			} else {
+				idn = ts.p.keyIndex;
+			}
+			if(f.length>0 && !isNaN(idn)) {
+				idn=ts.p.keyName;
+			}
+			if( String(idn).indexOf("[") === -1 ) {
+				if (f.length) {
+					getId = function( trow, k) {return $(idn,trow).text() || k;};
+				} else {
+					getId = function( trow, k) {return $(xmlRd.cell,trow).eq(idn).text() || k;};
+				}
+			}
+			else {
+				getId = function( trow, k) {return trow.getAttribute(idn.replace(/[\[\]]/g,"")) || k;};
+			}
+			ts.p.userData = {};
+			ts.p.page = intNum($.jgrid.getXmlData(xml, xmlRd.page), ts.p.page);
+			ts.p.lastpage = intNum($.jgrid.getXmlData(xml, xmlRd.total), 1);
+			ts.p.records = intNum($.jgrid.getXmlData(xml, xmlRd.records));
+			if($.isFunction(xmlRd.userdata)) {
+				ts.p.userData = xmlRd.userdata.call(ts, xml) || {};
+			} else {
+				$.jgrid.getXmlData(xml, xmlRd.userdata, true).each(function() {ts.p.userData[this.getAttribute("name")]= $(this).text();});
+			}
+			var gxml = $.jgrid.getXmlData( xml, xmlRd.root, true);
+			gxml = $.jgrid.getXmlData( gxml, xmlRd.row, true);
+			if (!gxml) { gxml = []; }
+			var gl = gxml.length, j=0, grpdata=[], rn = parseInt(ts.p.rowNum,10), br=ts.p.scroll?$.jgrid.randId():1, altr;
+			if (gl > 0 &&  ts.p.page <= 0) { ts.p.page = 1; }
+			if(gxml && gl){
+			if (adjust) { rn *= adjust+1; }
+			var afterInsRow = $.isFunction(ts.p.afterInsertRow), hiderow=false, groupingPrepare;
+			if(ts.p.grouping)  {
+				hiderow = ts.p.groupingView.groupCollapse === true;
+				groupingPrepare = $.jgrid.getMethod("groupingPrepare");
+			}
+			while (j<gl) {
+				xmlr = gxml[j];
+				rid = getId(xmlr,br+j);
+				rid  = ts.p.idPrefix + rid;
+				altr = rcnt === 0 ? 0 : rcnt+1;
+				cn1 = (altr+j)%2 === 1 ? cn : '';
+				var iStartTrTag = rowData.length;
+				rowData.push("");
+				if( ni ) {
+					rowData.push( addRowNum(0,j,ts.p.page,ts.p.rowNum) );
+				}
+				if( gi ) {
+					rowData.push( addMulti(rid,ni,j, false) );
+				}
+				if( si ) {
+					rowData.push( addSubGridCell.call(self,gi+ni,j+rcnt) );
+				}
+				if(xmlRd.repeatitems){
+					if (!F) { F=orderedCols(gi+si+ni); }
+					var cells = $.jgrid.getXmlData( xmlr, xmlRd.cell, true);
+					$.each(F, function (k) {
+						var cell = cells[this];
+						if (!cell) { return false; }
+						v = cell.textContent || cell.text;
+						rd[ts.p.colModel[k+gi+si+ni].name] = v;
+						rowData.push( addCell(rid,v,k+gi+si+ni,j+rcnt,xmlr, rd) );
+					});
+				} else {
+					for(i = 0; i < f.length;i++) {
+						v = $.jgrid.getXmlData( xmlr, f[i]);
+						rd[ts.p.colModel[i+gi+si+ni].name] = v;
+						rowData.push( addCell(rid, v, i+gi+si+ni, j+rcnt, xmlr, rd) );
+					}
+				}
+				rowData[iStartTrTag] = constructTr(rid, hiderow, cn1, rd, xmlr, false);
+				rowData.push("</tr>");
+				if(ts.p.grouping) {
+					grpdata.push( rowData );
+					if(!ts.p.groupingView._locgr) {
+						groupingPrepare.call(self, rd, j );
+					}
+					rowData = [];
+				}
+				if(locdata || ts.p.treeGrid === true) {
+					rd[xmlid] = $.jgrid.stripPref(ts.p.idPrefix, rid);
+					ts.p.data.push(rd);
+					ts.p._index[rd[xmlid]] = ts.p.data.length-1;
+				}
+				if(ts.p.gridview === false ) {
+					$("tbody:first",t).append(rowData.join(''));
+					self.triggerHandler("jqGridAfterInsertRow", [rid, rd, xmlr]);
+					if(afterInsRow) {ts.p.afterInsertRow.call(ts,rid,rd,xmlr);}
+					rowData=[];
+				}
+				rd={};
+				ir++;
+				j++;
+				if(ir===rn) {break;}
+			}
+			}
+			if(ts.p.gridview === true) {
+				fpos = ts.p.treeANode > -1 ? ts.p.treeANode: 0;
+				if(ts.p.grouping) {
+					if(!locdata) {
+						self.jqGrid('groupingRender',grpdata,ts.p.colModel.length, ts.p.page, rn);
+					}
+					grpdata = null;
+				} else if(ts.p.treeGrid === true && fpos > 0) {
+					$(ts.rows[fpos]).after(rowData.join(''));
+				} else {
+					$("tbody:first",t).append(rowData.join(''));
+				}
+			}
+			if(ts.p.subGrid === true ) {
+				try {self.jqGrid("addSubGrid",gi+ni);} catch (_){}
+			}
+			ts.p.totaltime = new Date() - startReq;
+			if(ir>0) { if(ts.p.records===0) { ts.p.records=gl;} }
+			rowData =null;
+			if( ts.p.treeGrid === true) {
+				try {self.jqGrid("setTreeNode", fpos+1, ir+fpos+1);} catch (e) {}
+			}
+			if(!ts.p.treeGrid && !ts.p.scroll) {ts.grid.bDiv.scrollTop = 0;}
+			ts.p.reccount=ir;
+			ts.p.treeANode = -1;
+			if(ts.p.userDataOnFooter) { self.jqGrid("footerData","set",ts.p.userData,true); }
+			if(locdata) {
+				ts.p.records = gl;
+				ts.p.lastpage = Math.ceil(gl/ rn);
+			}
+			if (!more) { ts.updatepager(false,true); }
+			if(locdata) {
+				while (ir<gl) {
+					xmlr = gxml[ir];
+					rid = getId(xmlr,ir+br);
+					rid  = ts.p.idPrefix + rid;
+					if(xmlRd.repeatitems){
+						if (!F) { F=orderedCols(gi+si+ni); }
+						var cells2 = $.jgrid.getXmlData( xmlr, xmlRd.cell, true);
+						$.each(F, function (k) {
+							var cell = cells2[this];
+							if (!cell) { return false; }
+							v = cell.textContent || cell.text;
+							rd[ts.p.colModel[k+gi+si+ni].name] = v;
+						});
+					} else {
+						for(i = 0; i < f.length;i++) {
+							v = $.jgrid.getXmlData( xmlr, f[i]);
+							rd[ts.p.colModel[i+gi+si+ni].name] = v;
+						}
+					}
+					rd[xmlid] = $.jgrid.stripPref(ts.p.idPrefix, rid);
+					if(ts.p.grouping) {
+						groupingPrepare.call(self, rd, ir );
+					}
+					ts.p.data.push(rd);
+					ts.p._index[rd[xmlid]] = ts.p.data.length-1;
+					rd = {};
+					ir++;
+				}
+				if(ts.p.grouping) {
+					ts.p.groupingView._locgr = true;
+					self.jqGrid('groupingRender', grpdata, ts.p.colModel.length, ts.p.page, rn);
+					grpdata = null;
+				}
+			}
+		},
+		addJSONData = function(data,t, rcnt, more, adjust) {
+			var startReq = new Date();
+			if(data) {
+				if(ts.p.treeANode === -1 && !ts.p.scroll) {
+					emptyRows.call(ts, false, true);
+					rcnt=1;
+				} else { rcnt = rcnt > 1 ? rcnt :1; }
+			} else { return; }
+
+			var dReader, locid = "_id_", frd,
+			locdata = (ts.p.datatype !== "local" && ts.p.loadonce) || ts.p.datatype === "jsonstring";
+			if(locdata) { ts.p.data = []; ts.p._index = {}; ts.p.localReader.id = locid;}
+			ts.p.reccount = 0;
+			if(ts.p.datatype === "local") {
+				dReader =  ts.p.localReader;
+				frd= 'local';
+			} else {
+				dReader =  ts.p.jsonReader;
+				frd='json';
+			}
+			var self = $(ts), ir=0,v,i,j,f=[],cur,gi=ts.p.multiselect?1:0,si=ts.p.subGrid===true?1:0,addSubGridCell,ni=ts.p.rownumbers===true?1:0,arrayReader=orderedCols(gi+si+ni),objectReader=reader(frd),rowReader,len,drows,idn,rd={}, fpos, idr,rowData=[],cn=(ts.p.altRows === true) ? ts.p.altclass:"",cn1;
+			ts.p.page = intNum($.jgrid.getAccessor(data,dReader.page), ts.p.page);
+			ts.p.lastpage = intNum($.jgrid.getAccessor(data,dReader.total), 1);
+			ts.p.records = intNum($.jgrid.getAccessor(data,dReader.records));
+			ts.p.userData = $.jgrid.getAccessor(data,dReader.userdata) || {};
+			if(si) {
+				addSubGridCell = $.jgrid.getMethod("addSubGridCell");
+			}
+			if( ts.p.keyIndex===false ) {
+				idn = $.isFunction(dReader.id) ? dReader.id.call(ts, data) : dReader.id; 
+			} else {
+				idn = ts.p.keyIndex;
+			}
+			if(!dReader.repeatitems) {
+				f = objectReader;
+				if(f.length>0 && !isNaN(idn)) {
+					idn=ts.p.keyName;
+				}
+			}
+			drows = $.jgrid.getAccessor(data,dReader.root);
+			if (drows == null && $.isArray(data)) { drows = data; }
+			if (!drows) { drows = []; }
+			len = drows.length; i=0;
+			if (len > 0 && ts.p.page <= 0) { ts.p.page = 1; }
+			var rn = parseInt(ts.p.rowNum,10),br=ts.p.scroll?$.jgrid.randId():1, altr, selected=false, selr;
+			if (adjust) { rn *= adjust+1; }
+			if(ts.p.datatype === "local" && !ts.p.deselectAfterSort) {
+				selected = true;
+			}
+			var afterInsRow = $.isFunction(ts.p.afterInsertRow), grpdata=[],hiderow=false, groupingPrepare;
+			if(ts.p.grouping)  {
+				hiderow = ts.p.groupingView.groupCollapse === true;
+				groupingPrepare = $.jgrid.getMethod("groupingPrepare");
+			}
+			while (i<len) {
+				cur = drows[i];
+				idr = $.jgrid.getAccessor(cur,idn);
+				if(idr === undefined) {
+					if (typeof idn === "number" && ts.p.colModel[idn+gi+si+ni] != null) {
+						// reread id by name
+						idr = $.jgrid.getAccessor(cur,ts.p.colModel[idn+gi+si+ni].name);
+					}
+					if(idr === undefined) {
+						idr = br+i;
+						if(f.length===0){
+							if(dReader.cell){
+								var ccur = $.jgrid.getAccessor(cur,dReader.cell) || cur;
+								idr = ccur != null && ccur[idn] !== undefined ? ccur[idn] : idr;
+								ccur=null;
+							}
+						}
+					}
+				}
+				idr  = ts.p.idPrefix + idr;
+				altr = rcnt === 1 ? 0 : rcnt;
+				cn1 = (altr+i)%2 === 1 ? cn : '';
+				if( selected) {
+					if( ts.p.multiselect) {
+						selr = ($.inArray(idr, ts.p.selarrrow) !== -1);
+					} else {
+						selr = (idr === ts.p.selrow);
+					}
+				}
+				var iStartTrTag = rowData.length;
+				rowData.push("");
+				if( ni ) {
+					rowData.push( addRowNum(0,i,ts.p.page,ts.p.rowNum) );
+				}
+				if( gi ){
+					rowData.push( addMulti(idr,ni,i,selr) );
+				}
+				if( si ) {
+					rowData.push( addSubGridCell.call(self,gi+ni,i+rcnt) );
+				}
+				rowReader=objectReader;
+				if (dReader.repeatitems) {
+					if(dReader.cell) {cur = $.jgrid.getAccessor(cur,dReader.cell) || cur;}
+					if ($.isArray(cur)) { rowReader=arrayReader; }
+				}
+				for (j=0;j<rowReader.length;j++) {
+					v = $.jgrid.getAccessor(cur,rowReader[j]);
+					rd[ts.p.colModel[j+gi+si+ni].name] = v;
+					rowData.push( addCell(idr,v,j+gi+si+ni,i+rcnt,cur, rd) );
+				}
+				rowData[iStartTrTag] = constructTr(idr, hiderow, cn1, rd, cur, selr);
+				rowData.push( "</tr>" );
+				if(ts.p.grouping) {
+					grpdata.push( rowData );
+					if(!ts.p.groupingView._locgr) {
+						groupingPrepare.call(self, rd, i);
+					}
+					rowData = [];
+				}
+				if(locdata || ts.p.treeGrid===true) {
+					rd[locid] = $.jgrid.stripPref(ts.p.idPrefix, idr);
+					ts.p.data.push(rd);
+					ts.p._index[rd[locid]] = ts.p.data.length-1;
+				}
+				if(ts.p.gridview === false ) {
+					$("#"+$.jgrid.jqID(ts.p.id)+" tbody:first").append(rowData.join(''));
+					self.triggerHandler("jqGridAfterInsertRow", [idr, rd, cur]);
+					if(afterInsRow) {ts.p.afterInsertRow.call(ts,idr,rd,cur);}
+					rowData=[];//ari=0;
+				}
+				rd={};
+				ir++;
+				i++;
+				if(ir===rn) { break; }
+			}
+			if(ts.p.gridview === true ) {
+				fpos = ts.p.treeANode > -1 ? ts.p.treeANode: 0;
+				if(ts.p.grouping) {
+					if(!locdata) {
+						self.jqGrid('groupingRender', grpdata, ts.p.colModel.length, ts.p.page, rn);
+						grpdata = null;
+					}
+				} else if(ts.p.treeGrid === true && fpos > 0) {
+					$(ts.rows[fpos]).after(rowData.join(''));
+				} else {
+					$("#"+$.jgrid.jqID(ts.p.id)+" tbody:first").append(rowData.join(''));
+				}
+			}
+			if(ts.p.subGrid === true ) {
+				try { self.jqGrid("addSubGrid",gi+ni);} catch (_){}
+			}
+			ts.p.totaltime = new Date() - startReq;
+			if(ir>0) {
+				if(ts.p.records===0) { ts.p.records=len; }
+			}
+			rowData = null;
+			if( ts.p.treeGrid === true) {
+				try {self.jqGrid("setTreeNode", fpos+1, ir+fpos+1);} catch (e) {}
+			}
+			if(!ts.p.treeGrid && !ts.p.scroll) {ts.grid.bDiv.scrollTop = 0;}
+			ts.p.reccount=ir;
+			ts.p.treeANode = -1;
+			if(ts.p.userDataOnFooter) { self.jqGrid("footerData","set",ts.p.userData,true); }
+			if(locdata) {
+				ts.p.records = len;
+				ts.p.lastpage = Math.ceil(len/ rn);
+			}
+			if (!more) { ts.updatepager(false,true); }
+			if(locdata) {
+				while (ir<len && drows[ir]) {
+					cur = drows[ir];
+					idr = $.jgrid.getAccessor(cur,idn);
+					if(idr === undefined) {
+						if (typeof idn === "number" && ts.p.colModel[idn+gi+si+ni] != null) {
+							// reread id by name
+							idr = $.jgrid.getAccessor(cur,ts.p.colModel[idn+gi+si+ni].name);
+						}
+						if(idr === undefined) {
+							idr = br+ir;
+							if(f.length===0){
+								if(dReader.cell){
+									var ccur2 = $.jgrid.getAccessor(cur,dReader.cell) || cur;
+									idr = ccur2 != null && ccur2[idn] !== undefined ? ccur2[idn] : idr;
+									ccur2=null;
+								}
+							}
+						}
+					}
+					if(cur) {
+						idr  = ts.p.idPrefix + idr;
+						rowReader=objectReader;
+						if (dReader.repeatitems) {
+							if(dReader.cell) {cur = $.jgrid.getAccessor(cur,dReader.cell) || cur;}
+							if ($.isArray(cur)) { rowReader=arrayReader; }
+						}
+
+						for (j=0;j<rowReader.length;j++) {
+							rd[ts.p.colModel[j+gi+si+ni].name] = $.jgrid.getAccessor(cur,rowReader[j]);
+						}
+						rd[locid] = $.jgrid.stripPref(ts.p.idPrefix, idr);
+						if(ts.p.grouping) {
+							groupingPrepare.call(self, rd, ir );
+						}
+						ts.p.data.push(rd);
+						ts.p._index[rd[locid]] = ts.p.data.length-1;
+						rd = {};
+					}
+					ir++;
+				}
+				if(ts.p.grouping) {
+					ts.p.groupingView._locgr = true;
+					self.jqGrid('groupingRender', grpdata, ts.p.colModel.length, ts.p.page, rn);
+					grpdata = null;
+				}
+			}
+		},
+		addLocalData = function() {
+			var st = ts.p.multiSort ? [] : "", sto=[], fndsort=false, cmtypes={}, grtypes=[], grindexes=[], srcformat, sorttype, newformat;
+			if(!$.isArray(ts.p.data)) {
+				return;
+			}
+			var grpview = ts.p.grouping ? ts.p.groupingView : false, lengrp, gin;
+			$.each(ts.p.colModel,function(){
+				sorttype = this.sorttype || "text";
+				if(sorttype === "date" || sorttype === "datetime") {
+					if(this.formatter && typeof this.formatter === 'string' && this.formatter === 'date') {
+						if(this.formatoptions && this.formatoptions.srcformat) {
+							srcformat = this.formatoptions.srcformat;
+						} else {
+							srcformat = $.jgrid.formatter.date.srcformat;
+						}
+						if(this.formatoptions && this.formatoptions.newformat) {
+							newformat = this.formatoptions.newformat;
+						} else {
+							newformat = $.jgrid.formatter.date.newformat;
+						}
+					} else {
+						srcformat = newformat = this.datefmt || "Y-m-d";
+					}
+					cmtypes[this.name] = {"stype": sorttype, "srcfmt": srcformat,"newfmt":newformat, "sfunc": this.sortfunc || null};
+				} else {
+					cmtypes[this.name] = {"stype": sorttype, "srcfmt":'',"newfmt":'', "sfunc": this.sortfunc || null};
+				}
+				if(ts.p.grouping ) {
+					for(gin =0, lengrp = grpview.groupField.length; gin< lengrp; gin++) {
+						if( this.name === grpview.groupField[gin]) {
+							var grindex = this.name;
+							if (this.index) {
+								grindex = this.index;
+							}
+							grtypes[gin] = cmtypes[grindex];
+							grindexes[gin]= grindex;
+						}
+					}
+				}
+				if(ts.p.multiSort) {
+					if(this.lso) {
+						st.push(this.name);
+						var tmplso= this.lso.split("-");
+						sto.push( tmplso[tmplso.length-1] );
+					}
+				} else {
+					if(!fndsort && (this.index === ts.p.sortname || this.name === ts.p.sortname)){
+						st = this.name; // ???
+						fndsort = true;
+					}
+				}
+			});
+			if(ts.p.treeGrid) {
+				$(ts).jqGrid("SortTree", st, ts.p.sortorder, cmtypes[st].stype || 'text', cmtypes[st].srcfmt || '');
+				return;
+			}
+			var compareFnMap = {
+				'eq':function(queryObj) {return queryObj.equals;},
+				'ne':function(queryObj) {return queryObj.notEquals;},
+				'lt':function(queryObj) {return queryObj.less;},
+				'le':function(queryObj) {return queryObj.lessOrEquals;},
+				'gt':function(queryObj) {return queryObj.greater;},
+				'ge':function(queryObj) {return queryObj.greaterOrEquals;},
+				'cn':function(queryObj) {return queryObj.contains;},
+				'nc':function(queryObj,op) {return op === "OR" ? queryObj.orNot().contains : queryObj.andNot().contains;},
+				'bw':function(queryObj) {return queryObj.startsWith;},
+				'bn':function(queryObj,op) {return op === "OR" ? queryObj.orNot().startsWith : queryObj.andNot().startsWith;},
+				'en':function(queryObj,op) {return op === "OR" ? queryObj.orNot().endsWith : queryObj.andNot().endsWith;},
+				'ew':function(queryObj) {return queryObj.endsWith;},
+				'ni':function(queryObj,op) {return op === "OR" ? queryObj.orNot().equals : queryObj.andNot().equals;},
+				'in':function(queryObj) {return queryObj.equals;},
+				'nu':function(queryObj) {return queryObj.isNull;},
+				'nn':function(queryObj,op) {return op === "OR" ? queryObj.orNot().isNull : queryObj.andNot().isNull;}
+
+			},
+			query = $.jgrid.from(ts.p.data);
+			if (ts.p.ignoreCase) { query = query.ignoreCase(); }
+			function tojLinq ( group ) {
+				var s = 0, index, gor, ror, opr, rule;
+				if (group.groups != null) {
+					gor = group.groups.length && group.groupOp.toString().toUpperCase() === "OR";
+					if (gor) {
+						query.orBegin();
+					}
+					for (index = 0; index < group.groups.length; index++) {
+						if (s > 0 && gor) {
+							query.or();
+						}
+						try {
+							tojLinq(group.groups[index]);
+						} catch (e) {alert(e);}
+						s++;
+					}
+					if (gor) {
+						query.orEnd();
+					}
+				}
+				if (group.rules != null) {
+					//if(s>0) {
+					//	var result = query.select();
+					//	query = $.jgrid.from( result);
+					//	if (ts.p.ignoreCase) { query = query.ignoreCase(); } 
+					//}
+					try{
+						ror = group.rules.length && group.groupOp.toString().toUpperCase() === "OR";
+						if (ror) {
+							query.orBegin();
+						}
+						for (index = 0; index < group.rules.length; index++) {
+							rule = group.rules[index];
+							opr = group.groupOp.toString().toUpperCase();
+							if (compareFnMap[rule.op] && rule.field ) {
+								if(s > 0 && opr && opr === "OR") {
+									query = query.or();
+								}
+								query = compareFnMap[rule.op](query, opr)(rule.field, rule.data, cmtypes[rule.field]);
+							}
+							s++;
+						}
+						if (ror) {
+							query.orEnd();
+						}
+					} catch (g) {alert(g);}
+				}
+			}
+
+			if (ts.p.search === true) {
+				var srules = ts.p.postData.filters;
+				if(srules) {
+					if(typeof srules === "string") { srules = $.jgrid.parse(srules);}
+					tojLinq( srules );
+				} else {
+					try {
+						query = compareFnMap[ts.p.postData.searchOper](query)(ts.p.postData.searchField, ts.p.postData.searchString,cmtypes[ts.p.postData.searchField]);
+					} catch (se){}
+				}
+			}
+			if(ts.p.grouping) {
+				for(gin=0; gin<lengrp;gin++) {
+					query.orderBy(grindexes[gin],grpview.groupOrder[gin],grtypes[gin].stype, grtypes[gin].srcfmt);
+				}
+			}
+			if(ts.p.multiSort) {
+				$.each(st,function(i){
+					query.orderBy(this, sto[i], cmtypes[this].stype, cmtypes[this].srcfmt, cmtypes[this].sfunc);
+				});
+			} else {
+				if (st && ts.p.sortorder && fndsort) {
+					if(ts.p.sortorder.toUpperCase() === "DESC") {
+						query.orderBy(ts.p.sortname, "d", cmtypes[st].stype, cmtypes[st].srcfmt, cmtypes[st].sfunc);
+					} else {
+						query.orderBy(ts.p.sortname, "a", cmtypes[st].stype, cmtypes[st].srcfmt, cmtypes[st].sfunc);
+					}
+				}
+			}
+			var queryResults = query.select(),
+			recordsperpage = parseInt(ts.p.rowNum,10),
+			total = queryResults.length,
+			page = parseInt(ts.p.page,10),
+			totalpages = Math.ceil(total / recordsperpage),
+			retresult = {};
+			if((ts.p.search || ts.p.resetsearch) && ts.p.grouping && ts.p.groupingView._locgr) {
+				ts.p.groupingView.groups =[];
+				var j, grPrepare = $.jgrid.getMethod("groupingPrepare"), key, udc;
+				if(ts.p.footerrow && ts.p.userDataOnFooter) {
+					for (key in ts.p.userData) {
+						if(ts.p.userData.hasOwnProperty(key)) {
+							ts.p.userData[key] = 0;
+						}
+					}
+					udc = true;
+				}
+				for(j=0; j<total; j++) {
+					if(udc) {
+						for(key in ts.p.userData){
+							ts.p.userData[key] += parseFloat(queryResults[j][key] || 0);
+						}
+					}
+					grPrepare.call($(ts),queryResults[j],j, recordsperpage );
+				}
+			}
+			queryResults = queryResults.slice( (page-1)*recordsperpage , page*recordsperpage );
+			query = null;
+			cmtypes = null;
+			retresult[ts.p.localReader.total] = totalpages;
+			retresult[ts.p.localReader.page] = page;
+			retresult[ts.p.localReader.records] = total;
+			retresult[ts.p.localReader.root] = queryResults;
+			retresult[ts.p.localReader.userdata] = ts.p.userData;
+			queryResults = null;
+			return  retresult;
+		},
+		updatepager = function(rn, dnd) {
+			var cp, last, base, from,to,tot,fmt, pgboxes = "", sppg,
+			tspg = ts.p.pager ? "_"+$.jgrid.jqID(ts.p.pager.substr(1)) : "",
+			tspg_t = ts.p.toppager ? "_"+ts.p.toppager.substr(1) : "";
+			base = parseInt(ts.p.page,10)-1;
+			if(base < 0) { base = 0; }
+			base = base*parseInt(ts.p.rowNum,10);
+			to = base + ts.p.reccount;
+			if (ts.p.scroll) {
+				var rows = $("tbody:first > tr:gt(0)", ts.grid.bDiv);
+				base = to - rows.length;
+				ts.p.reccount = rows.length;
+				var rh = rows.outerHeight() || ts.grid.prevRowHeight;
+				if (rh) {
+					var top = base * rh;
+					var height = parseInt(ts.p.records,10) * rh;
+					$(">div:first",ts.grid.bDiv).css({height : height}).children("div:first").css({height:top,display:top?"":"none"});
+					if (ts.grid.bDiv.scrollTop == 0 && ts.p.page > 1) {
+						ts.grid.bDiv.scrollTop = ts.p.rowNum * (ts.p.page - 1) * rh;
+					}
+				}
+				ts.grid.bDiv.scrollLeft = ts.grid.hDiv.scrollLeft;
+			}
+			pgboxes = ts.p.pager || "";
+			pgboxes += ts.p.toppager ?  (pgboxes ? "," + ts.p.toppager : ts.p.toppager) : "";
+			if(pgboxes) {
+				fmt = $.jgrid.formatter.integer || {};
+				cp = intNum(ts.p.page);
+				last = intNum(ts.p.lastpage);
+				$(".selbox",pgboxes)[ this.p.useProp ? 'prop' : 'attr' ]("disabled",false);
+				if(ts.p.pginput===true) {
+					$('.ui-pg-input',pgboxes).val(ts.p.page);
+					sppg = ts.p.toppager ? '#sp_1'+tspg+",#sp_1"+tspg_t : '#sp_1'+tspg;
+					$(sppg).html($.fmatter ? $.fmatter.util.NumberFormat(ts.p.lastpage,fmt):ts.p.lastpage);
+
+				}
+				if (ts.p.viewrecords){
+					if(ts.p.reccount === 0) {
+						$(".ui-paging-info",pgboxes).html(ts.p.emptyrecords);
+					} else {
+						from = base+1;
+						tot=ts.p.records;
+						if($.fmatter) {
+							from = $.fmatter.util.NumberFormat(from,fmt);
+							to = $.fmatter.util.NumberFormat(to,fmt);
+							tot = $.fmatter.util.NumberFormat(tot,fmt);
+						}
+						$(".ui-paging-info",pgboxes).html($.jgrid.format(ts.p.recordtext,from,to,tot));
+					}
+				}
+				if(ts.p.pgbuttons===true) {
+					if(cp<=0) {cp = last = 0;}
+					if(cp===1 || cp === 0) {
+						$("#first"+tspg+", #prev"+tspg).addClass('ui-state-disabled').removeClass('ui-state-hover');
+						if(ts.p.toppager) { $("#first_t"+tspg_t+", #prev_t"+tspg_t).addClass('ui-state-disabled').removeClass('ui-state-hover'); }
+					} else {
+						$("#first"+tspg+", #prev"+tspg).removeClass('ui-state-disabled');
+						if(ts.p.toppager) { $("#first_t"+tspg_t+", #prev_t"+tspg_t).removeClass('ui-state-disabled'); }
+					}
+					if(cp===last || cp === 0) {
+						$("#next"+tspg+", #last"+tspg).addClass('ui-state-disabled').removeClass('ui-state-hover');
+						if(ts.p.toppager) { $("#next_t"+tspg_t+", #last_t"+tspg_t).addClass('ui-state-disabled').removeClass('ui-state-hover'); }
+					} else {
+						$("#next"+tspg+", #last"+tspg).removeClass('ui-state-disabled');
+						if(ts.p.toppager) { $("#next_t"+tspg_t+", #last_t"+tspg_t).removeClass('ui-state-disabled'); }
+					}
+				}
+			}
+			if(rn===true && ts.p.rownumbers === true) {
+				$(">td.jqgrid-rownum",ts.rows).each(function(i){
+					$(this).html(base+1+i);
+				});
+			}
+			if(dnd && ts.p.jqgdnd) { $(ts).jqGrid('gridDnD','updateDnD');}
+			$(ts).triggerHandler("jqGridGridComplete");
+			if($.isFunction(ts.p.gridComplete)) {ts.p.gridComplete.call(ts);}
+			$(ts).triggerHandler("jqGridAfterGridComplete");
+		},
+		beginReq = function() {
+			ts.grid.hDiv.loading = true;
+			if(ts.p.hiddengrid) { return;}
+			switch(ts.p.loadui) {
+				case "disable":
+					break;
+				case "enable":
+					$("#load_"+$.jgrid.jqID(ts.p.id)).show();
+					break;
+				case "block":
+					$("#lui_"+$.jgrid.jqID(ts.p.id)).show();
+					$("#load_"+$.jgrid.jqID(ts.p.id)).show();
+					break;
+			}
+		},
+		endReq = function() {
+			ts.grid.hDiv.loading = false;
+			switch(ts.p.loadui) {
+				case "disable":
+					break;
+				case "enable":
+					$("#load_"+$.jgrid.jqID(ts.p.id)).hide();
+					break;
+				case "block":
+					$("#lui_"+$.jgrid.jqID(ts.p.id)).hide();
+					$("#load_"+$.jgrid.jqID(ts.p.id)).hide();
+					break;
+			}
+		},
+		populate = function (npage) {
+			if(!ts.grid.hDiv.loading) {
+				var pvis = ts.p.scroll && npage === false,
+				prm = {}, dt, dstr, pN=ts.p.prmNames;
+				if(ts.p.page <=0) { ts.p.page = Math.min(1,ts.p.lastpage); }
+				if(pN.search !== null) {prm[pN.search] = ts.p.search;} if(pN.nd !== null) {prm[pN.nd] = new Date().getTime();}
+				if(pN.rows !== null) {prm[pN.rows]= ts.p.rowNum;} if(pN.page !== null) {prm[pN.page]= ts.p.page;}
+				if(pN.sort !== null) {prm[pN.sort]= ts.p.sortname;} if(pN.order !== null) {prm[pN.order]= ts.p.sortorder;}
+				if(ts.p.rowTotal !== null && pN.totalrows !== null) { prm[pN.totalrows]= ts.p.rowTotal; }
+				var lcf = $.isFunction(ts.p.loadComplete), lc = lcf ? ts.p.loadComplete : null;
+				var adjust = 0;
+				npage = npage || 1;
+				if (npage > 1) {
+					if(pN.npage !== null) {
+						prm[pN.npage] = npage;
+						adjust = npage - 1;
+						npage = 1;
+					} else {
+						lc = function(req) {
+							ts.p.page++;
+							ts.grid.hDiv.loading = false;
+							if (lcf) {
+								ts.p.loadComplete.call(ts,req);
+							}
+							populate(npage-1);
+						};
+					}
+				} else if (pN.npage !== null) {
+					delete ts.p.postData[pN.npage];
+				}
+				if(ts.p.grouping) {
+					$(ts).jqGrid('groupingSetup');
+					var grp = ts.p.groupingView, gi, gs="";
+					for(gi=0;gi<grp.groupField.length;gi++) {
+						var index = grp.groupField[gi];
+						$.each(ts.p.colModel, function(cmIndex, cmValue) {
+							if (cmValue.name === index && cmValue.index){
+								index = cmValue.index;
+							}
+						} );
+						gs += index +" "+grp.groupOrder[gi]+", ";
+					}
+					prm[pN.sort] = gs + prm[pN.sort];
+				}
+				$.extend(ts.p.postData,prm);
+				var rcnt = !ts.p.scroll ? 1 : ts.rows.length-1;
+				var bfr = $(ts).triggerHandler("jqGridBeforeRequest");
+				if (bfr === false || bfr === 'stop') { return; }
+				if ($.isFunction(ts.p.datatype)) { ts.p.datatype.call(ts,ts.p.postData,"load_"+ts.p.id, rcnt, npage, adjust); return;}
+				if ($.isFunction(ts.p.beforeRequest)) {
+					bfr = ts.p.beforeRequest.call(ts);
+					if(bfr === undefined) { bfr = true; }
+					if ( bfr === false ) { return; }
+				}
+				dt = ts.p.datatype.toLowerCase();
+				switch(dt)
+				{
+				case "json":
+				case "jsonp":
+				case "xml":
+				case "script":
+					$.ajax($.extend({
+						url:ts.p.url,
+						type:ts.p.mtype,
+						dataType: dt ,
+						data: $.isFunction(ts.p.serializeGridData)? ts.p.serializeGridData.call(ts,ts.p.postData) : ts.p.postData,
+						success:function(data,st, xhr) {
+							if ($.isFunction(ts.p.beforeProcessing)) {
+								if (ts.p.beforeProcessing.call(ts, data, st, xhr) === false) {
+									endReq();
+									return;
+								}
+							}
+							if(dt === "xml") { addXmlData(data,ts.grid.bDiv,rcnt,npage>1,adjust); }
+							else { addJSONData(data,ts.grid.bDiv,rcnt,npage>1,adjust); }
+							$(ts).triggerHandler("jqGridLoadComplete", [data]);
+							if(lc) { lc.call(ts,data); }
+							$(ts).triggerHandler("jqGridAfterLoadComplete", [data]);
+							if (pvis) { ts.grid.populateVisible(); }
+							if( ts.p.loadonce || ts.p.treeGrid) {ts.p.datatype = "local";}
+							data=null;
+							if (npage === 1) { endReq(); }
+						},
+						error:function(xhr,st,err){
+							if($.isFunction(ts.p.loadError)) { ts.p.loadError.call(ts,xhr,st,err); }
+							if (npage === 1) { endReq(); }
+							xhr=null;
+						},
+						beforeSend: function(xhr, settings ){
+							var gotoreq = true;
+							if($.isFunction(ts.p.loadBeforeSend)) {
+								gotoreq = ts.p.loadBeforeSend.call(ts,xhr, settings); 
+							}
+							if(gotoreq === undefined) { gotoreq = true; }
+							if(gotoreq === false) {
+								return false;
+							}
+								beginReq();
+							}
+					},$.jgrid.ajaxOptions, ts.p.ajaxGridOptions));
+				break;
+				case "xmlstring":
+					beginReq();
+					dstr = typeof ts.p.datastr !== 'string' ? ts.p.datastr : $.parseXML(ts.p.datastr);
+					addXmlData(dstr,ts.grid.bDiv);
+					$(ts).triggerHandler("jqGridLoadComplete", [dstr]);
+					if(lcf) {ts.p.loadComplete.call(ts,dstr);}
+					$(ts).triggerHandler("jqGridAfterLoadComplete", [dstr]);
+					ts.p.datatype = "local";
+					ts.p.datastr = null;
+					endReq();
+				break;
+				case "jsonstring":
+					beginReq();
+					if(typeof ts.p.datastr === 'string') { dstr = $.jgrid.parse(ts.p.datastr); }
+					else { dstr = ts.p.datastr; }
+					addJSONData(dstr,ts.grid.bDiv);
+					$(ts).triggerHandler("jqGridLoadComplete", [dstr]);
+					if(lcf) {ts.p.loadComplete.call(ts,dstr);}
+					$(ts).triggerHandler("jqGridAfterLoadComplete", [dstr]);
+					ts.p.datatype = "local";
+					ts.p.datastr = null;
+					endReq();
+				break;
+				case "local":
+				case "clientside":
+					beginReq();
+					ts.p.datatype = "local";
+					var req = addLocalData();
+					addJSONData(req,ts.grid.bDiv,rcnt,npage>1,adjust);
+					$(ts).triggerHandler("jqGridLoadComplete", [req]);
+					if(lc) { lc.call(ts,req); }
+					$(ts).triggerHandler("jqGridAfterLoadComplete", [req]);
+					if (pvis) { ts.grid.populateVisible(); }
+					endReq();
+				break;
+				}
+			}
+		},
+		setHeadCheckBox = function ( checked ) {
+			$('#cb_'+$.jgrid.jqID(ts.p.id),ts.grid.hDiv)[ts.p.useProp ? 'prop': 'attr']("checked", checked);
+			var fid = ts.p.frozenColumns ? ts.p.id+"_frozen" : "";
+			if(fid) {
+				$('#cb_'+$.jgrid.jqID(ts.p.id),ts.grid.fhDiv)[ts.p.useProp ? 'prop': 'attr']("checked", checked);
+			}
+		},
+		setPager = function (pgid, tp){
+			// TBD - consider escaping pgid with pgid = $.jgrid.jqID(pgid);
+			var sep = "<td class='ui-pg-button ui-state-disabled' style='width:4px;'><span class='ui-separator'></span></td>",
+			pginp = "",
+			pgl="<table cellspacing='0' cellpadding='0' border='0' style='table-layout:auto;' class='ui-pg-table'><tbody><tr>",
+			str="", pgcnt, lft, cent, rgt, twd, tdw, i,
+			clearVals = function(onpaging){
+				var ret;
+				if ($.isFunction(ts.p.onPaging) ) { ret = ts.p.onPaging.call(ts,onpaging); }
+				if(ret==='stop') {return false;}
+				ts.p.selrow = null;
+				if(ts.p.multiselect) {ts.p.selarrrow =[]; setHeadCheckBox( false );}
+				ts.p.savedRow = [];
+				return true;
+			};
+			pgid = pgid.substr(1);
+			tp += "_" + pgid;
+			pgcnt = "pg_"+pgid;
+			lft = pgid+"_left"; cent = pgid+"_center"; rgt = pgid+"_right";
+			$("#"+$.jgrid.jqID(pgid) )
+			.append("<div id='"+pgcnt+"' class='ui-pager-control' role='group'><table cellspacing='0' cellpadding='0' border='0' class='ui-pg-table' style='width:100%;table-layout:fixed;height:100%;' role='row'><tbody><tr><td id='"+lft+"' align='left'></td><td id='"+cent+"' align='center' style='white-space:pre;'></td><td id='"+rgt+"' align='right'></td></tr></tbody></table></div>")
+			.attr("dir","ltr"); //explicit setting
+			if(ts.p.rowList.length >0){
+				str = "<td dir='"+dir+"'>";
+				str +="<select class='ui-pg-selbox' role='listbox'>";
+				for(i=0;i<ts.p.rowList.length;i++){
+					str +="<option role=\"option\" value=\""+ts.p.rowList[i]+"\""+((ts.p.rowNum === ts.p.rowList[i])?" selected=\"selected\"":"")+">"+ts.p.rowList[i]+"</option>";
+				}
+				str +="</select></td>";
+			}
+			if(dir==="rtl") { pgl += str; }
+			if(ts.p.pginput===true) { pginp= "<td dir='"+dir+"'>"+$.jgrid.format(ts.p.pgtext || "","<input class='ui-pg-input' type='text' size='2' maxlength='7' value='0' role='textbox'/>","<span id='sp_1_"+$.jgrid.jqID(pgid)+"'></span>")+"</td>";}
+			if(ts.p.pgbuttons===true) {
+				var po=["first"+tp,"prev"+tp, "next"+tp,"last"+tp]; if(dir==="rtl") { po.reverse(); }
+				pgl += "<td id='"+po[0]+"' class='ui-pg-button ui-corner-all'><span class='ui-icon ui-icon-seek-first'></span></td>";
+				pgl += "<td id='"+po[1]+"' class='ui-pg-button ui-corner-all'><span class='ui-icon ui-icon-seek-prev'></span></td>";
+				pgl += pginp !== "" ? sep+pginp+sep:"";
+				pgl += "<td id='"+po[2]+"' class='ui-pg-button ui-corner-all'><span class='ui-icon ui-icon-seek-next'></span></td>";
+				pgl += "<td id='"+po[3]+"' class='ui-pg-button ui-corner-all'><span class='ui-icon ui-icon-seek-end'></span></td>";
+			} else if (pginp !== "") { pgl += pginp; }
+			if(dir==="ltr") { pgl += str; }
+			pgl += "</tr></tbody></table>";
+			if(ts.p.viewrecords===true) {$("td#"+pgid+"_"+ts.p.recordpos,"#"+pgcnt).append("<div dir='"+dir+"' style='text-align:"+ts.p.recordpos+"' class='ui-paging-info'></div>");}
+			$("td#"+pgid+"_"+ts.p.pagerpos,"#"+pgcnt).append(pgl);
+			tdw = $(".ui-jqgrid").css("font-size") || "11px";
+			$(document.body).append("<div id='testpg' class='ui-jqgrid ui-widget ui-widget-content' style='font-size:"+tdw+";visibility:hidden;' ></div>");
+			twd = $(pgl).clone().appendTo("#testpg").width();
+			$("#testpg").remove();
+			if(twd > 0) {
+				if(pginp !== "") { twd += 50; } //should be param
+				$("td#"+pgid+"_"+ts.p.pagerpos,"#"+pgcnt).width(twd);
+			}
+			ts.p._nvtd = [];
+			ts.p._nvtd[0] = twd ? Math.floor((ts.p.width - twd)/2) : Math.floor(ts.p.width/3);
+			ts.p._nvtd[1] = 0;
+			pgl=null;
+			$('.ui-pg-selbox',"#"+pgcnt).bind('change',function() {
+				if(!clearVals('records')) { return false; }
+				ts.p.page = Math.round(ts.p.rowNum*(ts.p.page-1)/this.value-0.5)+1;
+				ts.p.rowNum = this.value;
+				if(ts.p.pager) { $('.ui-pg-selbox',ts.p.pager).val(this.value); }
+				if(ts.p.toppager) { $('.ui-pg-selbox',ts.p.toppager).val(this.value); }
+				populate();
+				return false;
+			});
+			if(ts.p.pgbuttons===true) {
+			$(".ui-pg-button","#"+pgcnt).hover(function(){
+				if($(this).hasClass('ui-state-disabled')) {
+					this.style.cursor='default';
+				} else {
+					$(this).addClass('ui-state-hover');
+					this.style.cursor='pointer';
+				}
+			},function() {
+				if(!$(this).hasClass('ui-state-disabled')) {
+					$(this).removeClass('ui-state-hover');
+					this.style.cursor= "default";
+				}
+			});
+			$("#first"+$.jgrid.jqID(tp)+", #prev"+$.jgrid.jqID(tp)+", #next"+$.jgrid.jqID(tp)+", #last"+$.jgrid.jqID(tp)).click( function() {
+				if ($(this).hasClass("ui-state-disabled")) {
+					return false;
+				}
+				var cp = intNum(ts.p.page,1),
+				last = intNum(ts.p.lastpage,1), selclick = false,
+				fp=true, pp=true, np=true,lp=true;
+				if(last ===0 || last===1) {fp=false;pp=false;np=false;lp=false; }
+				else if( last>1 && cp >=1) {
+					if( cp === 1) { fp=false; pp=false; }
+					//else if( cp>1 && cp <last){ }
+					else if( cp===last){ np=false;lp=false; }
+				} else if( last>1 && cp===0 ) { np=false;lp=false; cp=last-1;}
+				if(!clearVals(this.id)) { return false; }
+				if( this.id === 'first'+tp && fp ) { ts.p.page=1; selclick=true;}
+				if( this.id === 'prev'+tp && pp) { ts.p.page=(cp-1); selclick=true;}
+				if( this.id === 'next'+tp && np) { ts.p.page=(cp+1); selclick=true;}
+				if( this.id === 'last'+tp && lp) { ts.p.page=last; selclick=true;}
+				if(selclick) {
+					populate();
+				}
+				return false;
+			});
+			}
+			if(ts.p.pginput===true) {
+			$('input.ui-pg-input',"#"+pgcnt).keypress( function(e) {
+				var key = e.charCode || e.keyCode || 0;
+				if(key === 13) {
+					if(!clearVals('user')) { return false; }
+					$(this).val( intNum( $(this).val(), 1));
+					ts.p.page = ($(this).val()>0) ? $(this).val():ts.p.page;
+					populate();
+					return false;
+				}
+				return this;
+			});
+			}
+		},
+		multiSort = function(iCol, obj ) {
+			var splas, sort="", cm = ts.p.colModel, fs=false, ls, 
+					selTh = ts.p.frozenColumns ?  obj : ts.grid.headers[iCol].el, so="";
+			$("span.ui-grid-ico-sort",selTh).addClass('ui-state-disabled');
+			$(selTh).attr("aria-selected","false");
+
+			if(cm[iCol].lso) {
+				if(cm[iCol].lso==="asc") {
+					cm[iCol].lso += "-desc";
+					so = "desc";
+				} else if(cm[iCol].lso==="desc") {
+					cm[iCol].lso += "-asc";
+					so = "asc";
+				} else if(cm[iCol].lso==="asc-desc" || cm[iCol].lso==="desc-asc") {
+					cm[iCol].lso="";
+				}
+			} else {
+				cm[iCol].lso = so = cm[iCol].firstsortorder || 'asc';
+			}
+			if( so ) {
+				$("span.s-ico",selTh).show();
+				$("span.ui-icon-"+so,selTh).removeClass('ui-state-disabled');
+				$(selTh).attr("aria-selected","true");
+			} else {
+				if(!ts.p.viewsortcols[0]) {
+					$("span.s-ico",selTh).hide();
+				}
+			}
+			ts.p.sortorder = "";
+			$.each(cm, function(i){
+				if(this.lso) {
+					if(i>0 && fs) {
+						sort += ", ";
+					}
+					splas = this.lso.split("-");
+					sort += cm[i].index || cm[i].name;
+					sort += " "+splas[splas.length-1];
+					fs = true;
+					ts.p.sortorder = splas[splas.length-1];
+				}
+			});
+			ls = sort.lastIndexOf(ts.p.sortorder);
+			sort = sort.substring(0, ls);
+			ts.p.sortname = sort;
+		},
+		sortData = function (index, idxcol,reload,sor, obj){
+			if(!ts.p.colModel[idxcol].sortable) { return; }
+			if(ts.p.savedRow.length > 0) {return;}
+			if(!reload) {
+				if( ts.p.lastsort === idxcol ) {
+					if( ts.p.sortorder === 'asc') {
+						ts.p.sortorder = 'desc';
+					} else if(ts.p.sortorder === 'desc') { ts.p.sortorder = 'asc';}
+				} else { ts.p.sortorder = ts.p.colModel[idxcol].firstsortorder || 'asc'; }
+				ts.p.page = 1;
+			}
+			if(ts.p.multiSort) {
+				multiSort( idxcol, obj);
+			} else {
+				if(sor) {
+					if(ts.p.lastsort === idxcol && ts.p.sortorder === sor && !reload) { return; }
+					ts.p.sortorder = sor;
+				}
+				var previousSelectedTh = ts.grid.headers[ts.p.lastsort].el, newSelectedTh = ts.p.frozenColumns ?  obj : ts.grid.headers[idxcol].el;
+
+				$("span.ui-grid-ico-sort",previousSelectedTh).addClass('ui-state-disabled');
+				$(previousSelectedTh).attr("aria-selected","false");
+				if(ts.p.frozenColumns) {
+					ts.grid.fhDiv.find("span.ui-grid-ico-sort").addClass('ui-state-disabled');
+					ts.grid.fhDiv.find("th").attr("aria-selected","false");
+				}
+				$("span.ui-icon-"+ts.p.sortorder,newSelectedTh).removeClass('ui-state-disabled');
+				$(newSelectedTh).attr("aria-selected","true");
+				if(!ts.p.viewsortcols[0]) {
+					if(ts.p.lastsort !== idxcol) {
+						if(ts.p.frozenColumns){
+							ts.grid.fhDiv.find("span.s-ico").hide();
+						}
+						$("span.s-ico",previousSelectedTh).hide();
+						$("span.s-ico",newSelectedTh).show();
+					}
+				}
+				index = index.substring(5 + ts.p.id.length + 1); // bad to be changed!?!
+				ts.p.sortname = ts.p.colModel[idxcol].index || index;
+			}
+			if ($(ts).triggerHandler("jqGridSortCol", [ts.p.sortname, idxcol, ts.p.sortorder]) === 'stop') {
+				ts.p.lastsort = idxcol;
+				return;
+			}
+			if($.isFunction(ts.p.onSortCol)) {if (ts.p.onSortCol.call(ts, ts.p.sortname, idxcol, ts.p.sortorder)==='stop') {ts.p.lastsort = idxcol; return;}}
+			if(ts.p.datatype === "local") {
+				if(ts.p.deselectAfterSort) {$(ts).jqGrid("resetSelection");}
+			} else {
+				ts.p.selrow = null;
+				if(ts.p.multiselect){setHeadCheckBox( false );}
+				ts.p.selarrrow =[];
+				ts.p.savedRow =[];
+			}
+			if(ts.p.scroll) {
+				var sscroll = ts.grid.bDiv.scrollLeft;
+				emptyRows.call(ts, true, false);
+				ts.grid.hDiv.scrollLeft = sscroll;
+			}
+			if(ts.p.subGrid && ts.p.datatype === 'local') {
+				$("td.sgexpanded","#"+$.jgrid.jqID(ts.p.id)).each(function(){
+					$(this).trigger("click");
+				});
+			}
+			populate();
+			ts.p.lastsort = idxcol;
+			if(ts.p.sortname !== index && idxcol) {ts.p.lastsort = idxcol;}
+		},
+		setColWidth = function () {
+			var initwidth = 0, brd=$.jgrid.cell_width? 0: intNum(ts.p.cellLayout,0), vc=0, lvc, scw=intNum(ts.p.scrollOffset,0),cw,hs=false,aw,gw=0,cr;
+			$.each(ts.p.colModel, function() {
+				if(this.hidden === undefined) {this.hidden=false;}
+				if(ts.p.grouping && ts.p.autowidth) {
+					var ind = $.inArray(this.name, ts.p.groupingView.groupField);
+					if(ind >= 0 && ts.p.groupingView.groupColumnShow.length > ind) {
+						this.hidden = !ts.p.groupingView.groupColumnShow[ind];
+					}
+				}
+				this.widthOrg = cw = intNum(this.width,0);
+				if(this.hidden===false){
+					initwidth += cw+brd;
+					if(this.fixed) {
+						gw += cw+brd;
+					} else {
+						vc++;
+					}
+				}
+			});
+			if(isNaN(ts.p.width)) {
+				ts.p.width  = initwidth + ((ts.p.shrinkToFit ===false && !isNaN(ts.p.height)) ? scw : 0);
+			}
+			grid.width = ts.p.width;
+			ts.p.tblwidth = initwidth;
+			if(ts.p.shrinkToFit ===false && ts.p.forceFit === true) {ts.p.forceFit=false;}
+			if(ts.p.shrinkToFit===true && vc > 0) {
+				aw = grid.width-brd*vc-gw;
+				if(!isNaN(ts.p.height)) {
+					aw -= scw;
+					hs = true;
+				}
+				initwidth =0;
+				$.each(ts.p.colModel, function(i) {
+					if(this.hidden === false && !this.fixed){
+						cw = Math.round(aw*this.width/(ts.p.tblwidth-brd*vc-gw));
+						this.width =cw;
+						initwidth += cw;
+						lvc = i;
+					}
+				});
+				cr =0;
+				if (hs) {
+					if(grid.width-gw-(initwidth+brd*vc) !== scw){
+						cr = grid.width-gw-(initwidth+brd*vc)-scw;
+					}
+				} else if(!hs && Math.abs(grid.width-gw-(initwidth+brd*vc)) !== 1) {
+					cr = grid.width-gw-(initwidth+brd*vc);
+				}
+				ts.p.colModel[lvc].width += cr;
+				ts.p.tblwidth = initwidth+cr+brd*vc+gw;
+				if(ts.p.tblwidth > ts.p.width) {
+					ts.p.colModel[lvc].width -= (ts.p.tblwidth - parseInt(ts.p.width,10));
+					ts.p.tblwidth = ts.p.width;
+				}
+			}
+		},
+		nextVisible= function(iCol) {
+			var ret = iCol, j=iCol, i;
+			for (i = iCol+1;i<ts.p.colModel.length;i++){
+				if(ts.p.colModel[i].hidden !== true ) {
+					j=i; break;
+				}
+			}
+			return j-ret;
+		},
+		getOffset = function (iCol) {
+			var $th = $(ts.grid.headers[iCol].el), ret = [$th.position().left + $th.outerWidth()];
+			if(ts.p.direction==="rtl") { ret[0] = ts.p.width - ret[0]; }
+			ret[0] -= ts.grid.bDiv.scrollLeft;
+			ret.push($(ts.grid.hDiv).position().top);
+			ret.push($(ts.grid.bDiv).offset().top - $(ts.grid.hDiv).offset().top + $(ts.grid.bDiv).height());
+			return ret;
+		},
+		getColumnHeaderIndex = function (th) {
+			var i, headers = ts.grid.headers, ci = $.jgrid.getCellIndex(th);
+			for (i = 0; i < headers.length; i++) {
+				if (th === headers[i].el) {
+					ci = i;
+					break;
+				}
+			}
+			return ci;
+		};
+		this.p.id = this.id;
+		if ($.inArray(ts.p.multikey,sortkeys) === -1 ) {ts.p.multikey = false;}
+		ts.p.keyIndex=false;
+		ts.p.keyName=false;
+		for (i=0; i<ts.p.colModel.length;i++) {
+			ts.p.colModel[i] = $.extend(true, {}, ts.p.cmTemplate, ts.p.colModel[i].template || {}, ts.p.colModel[i]);
+			if (ts.p.keyIndex === false && ts.p.colModel[i].key===true) {
+				ts.p.keyIndex = i;
+			}
+		}
+		ts.p.sortorder = ts.p.sortorder.toLowerCase();
+		$.jgrid.cell_width = $.jgrid.cellWidth();
+		if(ts.p.grouping===true) {
+			ts.p.scroll = false;
+			ts.p.rownumbers = false;
+			//ts.p.subGrid = false; expiremental
+			ts.p.treeGrid = false;
+			ts.p.gridview = true;
+		}
+		if(this.p.treeGrid === true) {
+			try { $(this).jqGrid("setTreeGrid");} catch (_) {}
+			if(ts.p.datatype !== "local") { ts.p.localReader = {id: "_id_"};	}
+		}
+		if(this.p.subGrid) {
+			try { $(ts).jqGrid("setSubGrid");} catch (s){}
+		}
+		if(this.p.multiselect) {
+			this.p.colNames.unshift("<input role='checkbox' id='cb_"+this.p.id+"' class='cbox' type='checkbox'/>");
+			this.p.colModel.unshift({name:'cb',width:$.jgrid.cell_width ? ts.p.multiselectWidth+ts.p.cellLayout : ts.p.multiselectWidth,sortable:false,resizable:false,hidedlg:true,search:false,align:'center',fixed:true});
+		}
+		if(this.p.rownumbers) {
+			this.p.colNames.unshift("");
+			this.p.colModel.unshift({name:'rn',width:ts.p.rownumWidth,sortable:false,resizable:false,hidedlg:true,search:false,align:'center',fixed:true});
+		}
+		ts.p.xmlReader = $.extend(true,{
+			root: "rows",
+			row: "row",
+			page: "rows>page",
+			total: "rows>total",
+			records : "rows>records",
+			repeatitems: true,
+			cell: "cell",
+			id: "[id]",
+			userdata: "userdata",
+			subgrid: {root:"rows", row: "row", repeatitems: true, cell:"cell"}
+		}, ts.p.xmlReader);
+		ts.p.jsonReader = $.extend(true,{
+			root: "rows",
+			page: "page",
+			total: "total",
+			records: "records",
+			repeatitems: true,
+			cell: "cell",
+			id: "id",
+			userdata: "userdata",
+			subgrid: {root:"rows", repeatitems: true, cell:"cell"}
+		},ts.p.jsonReader);
+		ts.p.localReader = $.extend(true,{
+			root: "rows",
+			page: "page",
+			total: "total",
+			records: "records",
+			repeatitems: false,
+			cell: "cell",
+			id: "id",
+			userdata: "userdata",
+			subgrid: {root:"rows", repeatitems: true, cell:"cell"}
+		},ts.p.localReader);
+		if(ts.p.scroll){
+			ts.p.pgbuttons = false; ts.p.pginput=false; ts.p.rowList=[];
+		}
+		if(ts.p.data.length) { refreshIndex(); }
+		var thead = "<thead><tr class='ui-jqgrid-labels' role='rowheader'>",
+		tdc, idn, w, res, sort,
+		td, ptr, tbody, imgs,iac="",idc="",sortarr=[], sortord=[], sotmp=[];
+		if(ts.p.shrinkToFit===true && ts.p.forceFit===true) {
+			for (i=ts.p.colModel.length-1;i>=0;i--){
+				if(!ts.p.colModel[i].hidden) {
+					ts.p.colModel[i].resizable=false;
+					break;
+				}
+			}
+		}
+		if(ts.p.viewsortcols[1] === 'horizontal') {iac=" ui-i-asc";idc=" ui-i-desc";}
+		tdc = isMSIE ?  "class='ui-th-div-ie'" :"";
+		imgs = "<span class='s-ico' style='display:none'><span sort='asc' class='ui-grid-ico-sort ui-icon-asc"+iac+" ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-"+dir+"'></span>";
+		imgs += "<span sort='desc' class='ui-grid-ico-sort ui-icon-desc"+idc+" ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-"+dir+"'></span></span>";
+		if(ts.p.multiSort) {
+			sortarr = ts.p.sortname.split(",");
+			for (i=0; i<sortarr.length; i++) {
+				sotmp = $.trim(sortarr[i]).split(" ");
+				sortarr[i] = $.trim(sotmp[0]);
+				sortord[i] = sotmp[1] ? $.trim(sotmp[1]) : ts.p.sortorder || "asc";
+			}
+		}
+		for(i=0;i<this.p.colNames.length;i++){
+			var tooltip = ts.p.headertitles ? (" title=\""+$.jgrid.stripHtml(ts.p.colNames[i])+"\"") :"";
+			thead += "<th id='"+ts.p.id+"_"+ts.p.colModel[i].name+"' role='columnheader' class='ui-state-default ui-th-column ui-th-"+dir+"'"+ tooltip+">";
+			idn = ts.p.colModel[i].index || ts.p.colModel[i].name;
+			thead += "<div id='jqgh_"+ts.p.id+"_"+ts.p.colModel[i].name+"' "+tdc+">"+ts.p.colNames[i];
+			if(!ts.p.colModel[i].width)  { ts.p.colModel[i].width = 150; }
+			else { ts.p.colModel[i].width = parseInt(ts.p.colModel[i].width,10); }
+			if(typeof ts.p.colModel[i].title !== "boolean") { ts.p.colModel[i].title = true; }
+			ts.p.colModel[i].lso = "";
+			if (idn === ts.p.sortname) {
+				ts.p.lastsort = i;
+			}
+			if(ts.p.multiSort) {
+				sotmp = $.inArray(idn,sortarr);
+				if( sotmp !== -1 ) {
+					ts.p.colModel[i].lso = sortord[sotmp];
+				}
+			}
+			thead += imgs+"</div></th>";
+		}
+		thead += "</tr></thead>";
+		imgs = null;
+		$(this).append(thead);
+		$("thead tr:first th",this).hover(function(){$(this).addClass('ui-state-hover');},function(){$(this).removeClass('ui-state-hover');});
+		if(this.p.multiselect) {
+			var emp=[], chk;
+			$('#cb_'+$.jgrid.jqID(ts.p.id),this).bind('click',function(){
+				ts.p.selarrrow = [];
+				var froz = ts.p.frozenColumns === true ? ts.p.id + "_frozen" : "";
+				if (this.checked) {
+					$(ts.rows).each(function(i) {
+						if (i>0) {
+							if(!$(this).hasClass("ui-subgrid") && !$(this).hasClass("jqgroup") && !$(this).hasClass('ui-state-disabled')){
+								$("#jqg_"+$.jgrid.jqID(ts.p.id)+"_"+$.jgrid.jqID(this.id) )[ts.p.useProp ? 'prop': 'attr']("checked",true);
+								$(this).addClass("ui-state-highlight").attr("aria-selected","true");  
+								ts.p.selarrrow.push(this.id);
+								ts.p.selrow = this.id;
+								if(froz) {
+									$("#jqg_"+$.jgrid.jqID(ts.p.id)+"_"+$.jgrid.jqID(this.id), ts.grid.fbDiv )[ts.p.useProp ? 'prop': 'attr']("checked",true);
+									$("#"+$.jgrid.jqID(this.id), ts.grid.fbDiv).addClass("ui-state-highlight");
+								}
+							}
+						}
+					});
+					chk=true;
+					emp=[];
+				}
+				else {
+					$(ts.rows).each(function(i) {
+						if(i>0) {
+							if(!$(this).hasClass("ui-subgrid") && !$(this).hasClass('ui-state-disabled')){
+								$("#jqg_"+$.jgrid.jqID(ts.p.id)+"_"+$.jgrid.jqID(this.id) )[ts.p.useProp ? 'prop': 'attr']("checked", false);
+								$(this).removeClass("ui-state-highlight").attr("aria-selected","false");
+								emp.push(this.id);
+								if(froz) {
+									$("#jqg_"+$.jgrid.jqID(ts.p.id)+"_"+$.jgrid.jqID(this.id), ts.grid.fbDiv )[ts.p.useProp ? 'prop': 'attr']("checked",false);
+									$("#"+$.jgrid.jqID(this.id), ts.grid.fbDiv).removeClass("ui-state-highlight");
+								}
+							}
+						}
+					});
+					ts.p.selrow = null;
+					chk=false;
+				}
+				$(ts).triggerHandler("jqGridSelectAll", [chk ? ts.p.selarrrow : emp, chk]);
+				if($.isFunction(ts.p.onSelectAll)) {ts.p.onSelectAll.call(ts, chk ? ts.p.selarrrow : emp,chk);}
+			});
+		}
+
+		if(ts.p.autowidth===true) {
+			var pw = $(eg).innerWidth();
+			ts.p.width = pw > 0?  pw: 'nw';
+		}
+		setColWidth();
+		$(eg).css("width",grid.width+"px").append("<div class='ui-jqgrid-resize-mark' id='rs_m"+ts.p.id+"'>&#160;</div>");
+		$(gv).css("width",grid.width+"px");
+		thead = $("thead:first",ts).get(0);
+		var	tfoot = "";
+		if(ts.p.footerrow) { tfoot += "<table role='grid' style='width:"+ts.p.tblwidth+"px' class='ui-jqgrid-ftable' cellspacing='0' cellpadding='0' border='0'><tbody><tr role='row' class='ui-widget-content footrow footrow-"+dir+"'>"; }
+		var thr = $("tr:first",thead),
+		firstr = "<tr class='jqgfirstrow' role='row' style='height:auto'>";
+		ts.p.disableClick=false;
+		$("th",thr).each(function ( j ) {
+			w = ts.p.colModel[j].width;
+			if(ts.p.colModel[j].resizable === undefined) {ts.p.colModel[j].resizable = true;}
+			if(ts.p.colModel[j].resizable){
+				res = document.createElement("span");
+				$(res).html("&#160;").addClass('ui-jqgrid-resize ui-jqgrid-resize-'+dir)
+				.css("cursor","col-resize");
+				$(this).addClass(ts.p.resizeclass);
+			} else {
+				res = "";
+			}
+			$(this).css("width",w+"px").prepend(res);
+			res = null;
+			var hdcol = "";
+			if( ts.p.colModel[j].hidden ) {
+				$(this).css("display","none");
+				hdcol = "display:none;";
+			}
+			firstr += "<td role='gridcell' style='height:0px;width:"+w+"px;"+hdcol+"'></td>";
+			grid.headers[j] = { width: w, el: this };
+			sort = ts.p.colModel[j].sortable;
+			if( typeof sort !== 'boolean') {ts.p.colModel[j].sortable =  true; sort=true;}
+			var nm = ts.p.colModel[j].name;
+			if( !(nm === 'cb' || nm==='subgrid' || nm==='rn') ) {
+				if(ts.p.viewsortcols[2]){
+					$(">div",this).addClass('ui-jqgrid-sortable');
+				}
+			}
+			if(sort) {
+				if(ts.p.multiSort) {
+					if(ts.p.viewsortcols[0]) {
+						$("div span.s-ico",this).show(); 
+						if(ts.p.colModel[j].lso){ 
+							$("div span.ui-icon-"+ts.p.colModel[j].lso,this).removeClass("ui-state-disabled");
+						}
+					} else if( ts.p.colModel[j].lso) {
+						$("div span.s-ico",this).show();
+						$("div span.ui-icon-"+ts.p.colModel[j].lso,this).removeClass("ui-state-disabled");
+					}
+				} else {
+					if(ts.p.viewsortcols[0]) {$("div span.s-ico",this).show(); if(j===ts.p.lastsort){ $("div span.ui-icon-"+ts.p.sortorder,this).removeClass("ui-state-disabled");}}
+					else if( j === ts.p.lastsort) {$("div span.s-ico",this).show();$("div span.ui-icon-"+ts.p.sortorder,this).removeClass("ui-state-disabled");}
+				}
+			}
+			if(ts.p.footerrow) { tfoot += "<td role='gridcell' "+formatCol(j,0,'', null, '', false)+">&#160;</td>"; }
+		}).mousedown(function(e) {
+			if ($(e.target).closest("th>span.ui-jqgrid-resize").length !== 1) { return; }
+			var ci = getColumnHeaderIndex(this);
+			if(ts.p.forceFit===true) {ts.p.nv= nextVisible(ci);}
+			grid.dragStart(ci, e, getOffset(ci));
+			return false;
+		}).click(function(e) {
+			if (ts.p.disableClick) {
+				ts.p.disableClick = false;
+				return false;
+			}
+			var s = "th>div.ui-jqgrid-sortable",r,d;
+			if (!ts.p.viewsortcols[2]) { s = "th>div>span>span.ui-grid-ico-sort"; }
+			var t = $(e.target).closest(s);
+			if (t.length !== 1) { return; }
+			var ci;
+			if(ts.p.frozenColumns) {
+				var tid =  $(this)[0].id.substring( ts.p.id.length + 1 );
+				$(ts.p.colModel).each(function(i){
+					if (this.name === tid) {
+						ci = i;return false;
+					}
+				});
+			} else {
+				ci = getColumnHeaderIndex(this);
+			}
+			if (!ts.p.viewsortcols[2]) { r=true;d=t.attr("sort"); }
+			if(ci != null){
+				sortData( $('div',this)[0].id, ci, r, d, this);
+			}
+			return false;
+		});
+		if (ts.p.sortable && $.fn.sortable) {
+			try {
+				$(ts).jqGrid("sortableColumns", thr);
+			} catch (e){}
+		}
+		if(ts.p.footerrow) { tfoot += "</tr></tbody></table>"; }
+		firstr += "</tr>";
+		tbody = document.createElement("tbody");
+		this.appendChild(tbody);
+		$(this).addClass('ui-jqgrid-btable').append(firstr);
+		firstr = null;
+		var hTable = $("<table class='ui-jqgrid-htable' style='width:"+ts.p.tblwidth+"px' role='grid' aria-labelledby='gbox_"+this.id+"' cellspacing='0' cellpadding='0' border='0'></table>").append(thead),
+		hg = (ts.p.caption && ts.p.hiddengrid===true) ? true : false,
+		hb = $("<div class='ui-jqgrid-hbox" + (dir==="rtl" ? "-rtl" : "" )+"'></div>");
+		thead = null;
+		grid.hDiv = document.createElement("div");
+		$(grid.hDiv)
+			.css({ width: grid.width+"px"})
+			.addClass("ui-state-default ui-jqgrid-hdiv")
+			.append(hb);
+		$(hb).append(hTable);
+		hTable = null;
+		if(hg) { $(grid.hDiv).hide(); }
+		if(ts.p.pager){
+			// TBD -- escape ts.p.pager here?
+			if(typeof ts.p.pager === "string") {if(ts.p.pager.substr(0,1) !== "#") { ts.p.pager = "#"+ts.p.pager;} }
+			else { ts.p.pager = "#"+ $(ts.p.pager).attr("id");}
+			$(ts.p.pager).css({width: grid.width+"px"}).addClass('ui-state-default ui-jqgrid-pager ui-corner-bottom').appendTo(eg);
+			if(hg) {$(ts.p.pager).hide();}
+			setPager(ts.p.pager,'');
+		}
+		if( ts.p.cellEdit === false && ts.p.hoverrows === true) {
+		$(ts).bind('mouseover',function(e) {
+			ptr = $(e.target).closest("tr.jqgrow");
+			if($(ptr).attr("class") !== "ui-subgrid") {
+				$(ptr).addClass("ui-state-hover");
+			}
+		}).bind('mouseout',function(e) {
+			ptr = $(e.target).closest("tr.jqgrow");
+			$(ptr).removeClass("ui-state-hover");
+		});
+		}
+		var ri,ci, tdHtml;
+		$(ts).before(grid.hDiv).click(function(e) {
+			td = e.target;
+			ptr = $(td,ts.rows).closest("tr.jqgrow");
+			if($(ptr).length === 0 || ptr[0].className.indexOf( 'ui-state-disabled' ) > -1 || ($(td,ts).closest("table.ui-jqgrid-btable").attr('id') || '').replace("_frozen","") !== ts.id ) {
+				return this;
+			}
+			var scb = $(td).hasClass("cbox"),
+			cSel = $(ts).triggerHandler("jqGridBeforeSelectRow", [ptr[0].id, e]);
+			cSel = (cSel === false || cSel === 'stop') ? false : true;
+			if(cSel && $.isFunction(ts.p.beforeSelectRow)) { cSel = ts.p.beforeSelectRow.call(ts,ptr[0].id, e); }
+			if (td.tagName === 'A' || ((td.tagName === 'INPUT' || td.tagName === 'TEXTAREA' || td.tagName === 'OPTION' || td.tagName === 'SELECT' ) && !scb) ) { return; }
+			if(cSel === true) {
+				ri = ptr[0].id;
+				ci = $.jgrid.getCellIndex(td);
+				tdHtml = $(td).closest("td,th").html();
+				$(ts).triggerHandler("jqGridCellSelect", [ri,ci,tdHtml,e]);
+				if($.isFunction(ts.p.onCellSelect)) {
+					ts.p.onCellSelect.call(ts,ri,ci,tdHtml,e);
+				}
+				if(ts.p.cellEdit === true) {
+					if(ts.p.multiselect && scb){
+						$(ts).jqGrid("setSelection", ri ,true,e);
+					} else {
+						ri = ptr[0].rowIndex;
+						try {$(ts).jqGrid("editCell",ri,ci,true);} catch (_) {}
+					}
+				} else if ( !ts.p.multikey ) {
+					if(ts.p.multiselect && ts.p.multiboxonly) {
+						if(scb){$(ts).jqGrid("setSelection",ri,true,e);}
+						else {
+							var frz = ts.p.frozenColumns ? ts.p.id+"_frozen" : "";
+							$(ts.p.selarrrow).each(function(i,n){
+								var trid = $(ts).jqGrid('getGridRowById',n);
+								$( trid ).removeClass("ui-state-highlight");
+								$("#jqg_"+$.jgrid.jqID(ts.p.id)+"_"+$.jgrid.jqID(n))[ts.p.useProp ? 'prop': 'attr']("checked", false);
+								if(frz) {
+									$("#"+$.jgrid.jqID(n), "#"+$.jgrid.jqID(frz)).removeClass("ui-state-highlight");
+									$("#jqg_"+$.jgrid.jqID(ts.p.id)+"_"+$.jgrid.jqID(n), "#"+$.jgrid.jqID(frz))[ts.p.useProp ? 'prop': 'attr']("checked", false);
+								}
+							});
+							ts.p.selarrrow = [];
+							$(ts).jqGrid("setSelection",ri,true,e);
+						}
+					} else {
+						$(ts).jqGrid("setSelection",ri,true,e);
+					}
+				} else {
+					if(e[ts.p.multikey]) {
+						$(ts).jqGrid("setSelection",ri,true,e);
+					} else if(ts.p.multiselect && scb) {
+						scb = $("#jqg_"+$.jgrid.jqID(ts.p.id)+"_"+ri).is(":checked");
+						$("#jqg_"+$.jgrid.jqID(ts.p.id)+"_"+ri)[ts.p.useProp ? 'prop' : 'attr']("checked", scb);
+					}
+				}
+			}
+		}).bind('reloadGrid', function(e,opts) {
+			if(ts.p.treeGrid ===true) {	ts.p.datatype = ts.p.treedatatype;}
+			if (opts && opts.current) {
+				ts.grid.selectionPreserver(ts);
+			}
+			if(ts.p.datatype==="local"){ $(ts).jqGrid("resetSelection");  if(ts.p.data.length) { refreshIndex();} }
+			else if(!ts.p.treeGrid) {
+				ts.p.selrow=null;
+				if(ts.p.multiselect) {ts.p.selarrrow =[];setHeadCheckBox(false);}
+				ts.p.savedRow = [];
+			}
+			if(ts.p.scroll) {emptyRows.call(ts, true, false);}
+			if (opts && opts.page) {
+				var page = opts.page;
+				if (page > ts.p.lastpage) { page = ts.p.lastpage; }
+				if (page < 1) { page = 1; }
+				ts.p.page = page;
+				if (ts.grid.prevRowHeight) {
+					ts.grid.bDiv.scrollTop = (page - 1) * ts.grid.prevRowHeight * ts.p.rowNum;
+				} else {
+					ts.grid.bDiv.scrollTop = 0;
+				}
+			}
+			if (ts.grid.prevRowHeight && ts.p.scroll) {
+				delete ts.p.lastpage;
+				ts.grid.populateVisible();
+			} else {
+				ts.grid.populate();
+			}
+			if(ts.p._inlinenav===true) {$(ts).jqGrid('showAddEditButtons');}
+			return false;
+		})
+		.dblclick(function(e) {
+			td = e.target;
+			ptr = $(td,ts.rows).closest("tr.jqgrow");
+			if($(ptr).length === 0 ){return;}
+			ri = ptr[0].rowIndex;
+			ci = $.jgrid.getCellIndex(td);
+			$(ts).triggerHandler("jqGridDblClickRow", [$(ptr).attr("id"),ri,ci,e]);
+			if ($.isFunction(ts.p.ondblClickRow)) { ts.p.ondblClickRow.call(ts,$(ptr).attr("id"),ri,ci, e); }
+		})
+		.bind('contextmenu', function(e) {
+			td = e.target;
+			ptr = $(td,ts.rows).closest("tr.jqgrow");
+			if($(ptr).length === 0 ){return;}
+			if(!ts.p.multiselect) {	$(ts).jqGrid("setSelection",ptr[0].id,true,e);	}
+			ri = ptr[0].rowIndex;
+			ci = $.jgrid.getCellIndex(td);
+			$(ts).triggerHandler("jqGridRightClickRow", [$(ptr).attr("id"),ri,ci,e]);
+			if ($.isFunction(ts.p.onRightClickRow)) { ts.p.onRightClickRow.call(ts,$(ptr).attr("id"),ri,ci, e); }
+		});
+		grid.bDiv = document.createElement("div");
+		if(isMSIE) { if(String(ts.p.height).toLowerCase() === "auto") { ts.p.height = "100%"; } }
+		$(grid.bDiv)
+			.append($('<div style="position:relative;'+(isMSIE && $.jgrid.msiever() < 8 ? "height:0.01%;" : "")+'"></div>').append('<div></div>').append(this))
+			.addClass("ui-jqgrid-bdiv")
+			.css({ height: ts.p.height+(isNaN(ts.p.height)?"":"px"), width: (grid.width)+"px"})
+			.scroll(grid.scrollGrid);
+		$("table:first",grid.bDiv).css({width:ts.p.tblwidth+"px"});
+		if( !$.support.tbody ) { //IE
+			if( $("tbody",this).length === 2 ) { $("tbody:gt(0)",this).remove();}
+		}
+		if(ts.p.multikey){
+			if( $.jgrid.msie) {
+				$(grid.bDiv).bind("selectstart",function(){return false;});
+			} else {
+				$(grid.bDiv).bind("mousedown",function(){return false;});
+			}
+		}
+		if(hg) {$(grid.bDiv).hide();}
+		grid.cDiv = document.createElement("div");
+		var arf = ts.p.hidegrid===true ? $("<a role='link' class='ui-jqgrid-titlebar-close ui-corner-all HeaderButton' />").hover(
+			function(){ arf.addClass('ui-state-hover');},
+			function() {arf.removeClass('ui-state-hover');})
+		.append("<span class='ui-icon ui-icon-circle-triangle-n'></span>").css((dir==="rtl"?"left":"right"),"0px") : "";
+		$(grid.cDiv).append(arf).append("<span class='ui-jqgrid-title'>"+ts.p.caption+"</span>")
+		.addClass("ui-jqgrid-titlebar ui-jqgrid-caption"+(dir==="rtl" ? "-rtl" :"" )+" ui-widget-header ui-corner-top ui-helper-clearfix");
+		$(grid.cDiv).insertBefore(grid.hDiv);
+		if( ts.p.toolbar[0] ) {
+			grid.uDiv = document.createElement("div");
+			if(ts.p.toolbar[1] === "top") {$(grid.uDiv).insertBefore(grid.hDiv);}
+			else if (ts.p.toolbar[1]==="bottom" ) {$(grid.uDiv).insertAfter(grid.hDiv);}
+			if(ts.p.toolbar[1]==="both") {
+				grid.ubDiv = document.createElement("div");
+				$(grid.uDiv).addClass("ui-userdata ui-state-default").attr("id","t_"+this.id).insertBefore(grid.hDiv);
+				$(grid.ubDiv).addClass("ui-userdata ui-state-default").attr("id","tb_"+this.id).insertAfter(grid.hDiv);
+				if(hg)  {$(grid.ubDiv).hide();}
+			} else {
+				$(grid.uDiv).width(grid.width).addClass("ui-userdata ui-state-default").attr("id","t_"+this.id);
+			}
+			if(hg) {$(grid.uDiv).hide();}
+		}
+		if(ts.p.toppager) {
+			ts.p.toppager = $.jgrid.jqID(ts.p.id)+"_toppager";
+			grid.topDiv = $("<div id='"+ts.p.toppager+"'></div>")[0];
+			ts.p.toppager = "#"+ts.p.toppager;
+			$(grid.topDiv).addClass('ui-state-default ui-jqgrid-toppager').width(grid.width).insertBefore(grid.hDiv);
+			setPager(ts.p.toppager,'_t');
+		}
+		if(ts.p.footerrow) {
+			grid.sDiv = $("<div class='ui-jqgrid-sdiv'></div>")[0];
+			hb = $("<div class='ui-jqgrid-hbox"+(dir==="rtl"?"-rtl":"")+"'></div>");
+			$(grid.sDiv).append(hb).width(grid.width).insertAfter(grid.hDiv);
+			$(hb).append(tfoot);
+			grid.footers = $(".ui-jqgrid-ftable",grid.sDiv)[0].rows[0].cells;
+			if(ts.p.rownumbers) { grid.footers[0].className = 'ui-state-default jqgrid-rownum'; }
+			if(hg) {$(grid.sDiv).hide();}
+		}
+		hb = null;
+		if(ts.p.caption) {
+			var tdt = ts.p.datatype;
+			if(ts.p.hidegrid===true) {
+				$(".ui-jqgrid-titlebar-close",grid.cDiv).click( function(e){
+					var onHdCl = $.isFunction(ts.p.onHeaderClick),
+					elems = ".ui-jqgrid-bdiv, .ui-jqgrid-hdiv, .ui-jqgrid-pager, .ui-jqgrid-sdiv",
+					counter, self = this;
+					if(ts.p.toolbar[0]===true) {
+						if( ts.p.toolbar[1]==='both') {
+							elems += ', #' + $(grid.ubDiv).attr('id');
+						}
+						elems += ', #' + $(grid.uDiv).attr('id');
+					}
+					counter = $(elems,"#gview_"+$.jgrid.jqID(ts.p.id)).length;
+
+					if(ts.p.gridstate === 'visible') {
+						$(elems,"#gbox_"+$.jgrid.jqID(ts.p.id)).slideUp("fast", function() {
+							counter--;
+							if (counter === 0) {
+								$("span",self).removeClass("ui-icon-circle-triangle-n").addClass("ui-icon-circle-triangle-s");
+								ts.p.gridstate = 'hidden';
+								if($("#gbox_"+$.jgrid.jqID(ts.p.id)).hasClass("ui-resizable")) { $(".ui-resizable-handle","#gbox_"+$.jgrid.jqID(ts.p.id)).hide(); }
+								$(ts).triggerHandler("jqGridHeaderClick", [ts.p.gridstate,e]);
+								if(onHdCl) {if(!hg) {ts.p.onHeaderClick.call(ts,ts.p.gridstate,e);}}
+							}
+						});
+					} else if(ts.p.gridstate === 'hidden'){
+						$(elems,"#gbox_"+$.jgrid.jqID(ts.p.id)).slideDown("fast", function() {
+							counter--;
+							if (counter === 0) {
+								$("span",self).removeClass("ui-icon-circle-triangle-s").addClass("ui-icon-circle-triangle-n");
+								if(hg) {ts.p.datatype = tdt;populate();hg=false;}
+								ts.p.gridstate = 'visible';
+								if($("#gbox_"+$.jgrid.jqID(ts.p.id)).hasClass("ui-resizable")) { $(".ui-resizable-handle","#gbox_"+$.jgrid.jqID(ts.p.id)).show(); }
+								$(ts).triggerHandler("jqGridHeaderClick", [ts.p.gridstate,e]);
+								if(onHdCl) {if(!hg) {ts.p.onHeaderClick.call(ts,ts.p.gridstate,e);}}
+							}
+						});
+					}
+					return false;
+				});
+				if(hg) {ts.p.datatype="local"; $(".ui-jqgrid-titlebar-close",grid.cDiv).trigger("click");}
+			}
+		} else {$(grid.cDiv).hide();}
+		$(grid.hDiv).after(grid.bDiv)
+		.mousemove(function (e) {
+			if(grid.resizing){grid.dragMove(e);return false;}
+		});
+		$(".ui-jqgrid-labels",grid.hDiv).bind("selectstart", function () { return false; });
+		$(document).bind( "mouseup.jqGrid" + ts.p.id, function () {
+			if(grid.resizing) {	grid.dragEnd(); return false;}
+			return true;
+		});
+		ts.formatCol = formatCol;
+		ts.sortData = sortData;
+		ts.updatepager = updatepager;
+		ts.refreshIndex = refreshIndex;
+		ts.setHeadCheckBox = setHeadCheckBox;
+		ts.constructTr = constructTr;
+		ts.formatter = function ( rowId, cellval , colpos, rwdat, act){return formatter(rowId, cellval , colpos, rwdat, act);};
+		$.extend(grid,{populate : populate, emptyRows: emptyRows, beginReq: beginReq, endReq: endReq});
+		this.grid = grid;
+		ts.addXmlData = function(d) {addXmlData(d,ts.grid.bDiv);};
+		ts.addJSONData = function(d) {addJSONData(d,ts.grid.bDiv);};
+		this.grid.cols = this.rows[0].cells;
+		$(ts).triggerHandler("jqGridInitGrid");
+		if ($.isFunction( ts.p.onInitGrid )) { ts.p.onInitGrid.call(ts); }
+
+		populate();ts.p.hiddengrid=false;
+	});
+};
+$.jgrid.extend({
+	getGridParam : function(pName) {
+		var $t = this[0];
+		if (!$t || !$t.grid) {return;}
+		if (!pName) { return $t.p; }
+		return $t.p[pName] !== undefined ? $t.p[pName] : null;
+	},
+	setGridParam : function (newParams){
+		return this.each(function(){
+			if (this.grid && typeof newParams === 'object') {$.extend(true,this.p,newParams);}
+		});
+	},
+	getGridRowById: function ( rowid ) {
+		var row;
+		this.each( function(){
+			try {
+				//row = this.rows.namedItem( rowid );
+				var i = this.rows.length;
+				while(i--) {
+					if( rowid.toString() === this.rows[i].id) {
+						row = this.rows[i];
+						break;
+					}
+				}
+			} catch ( e ) {
+				row = $(this.grid.bDiv).find( "#" + $.jgrid.jqID( rowid ));
+			}
+		});
+		return row;
+	},
+	getDataIDs : function () {
+		var ids=[], i=0, len, j=0;
+		this.each(function(){
+			len = this.rows.length;
+			if(len && len>0){
+				while(i<len) {
+					if($(this.rows[i]).hasClass('jqgrow')) {
+						ids[j] = this.rows[i].id;
+						j++;
+					}
+					i++;
+				}
+			}
+		});
+		return ids;
+	},
+	setSelection : function(selection,onsr, e) {
+		return this.each(function(){
+			var $t = this, stat,pt, ner, ia, tpsr, fid;
+			if(selection === undefined) { return; }
+			onsr = onsr === false ? false : true;
+			pt=$($t).jqGrid('getGridRowById', selection);
+			if(!pt || !pt.className || pt.className.indexOf( 'ui-state-disabled' ) > -1 ) { return; }
+			function scrGrid(iR){
+				var ch = $($t.grid.bDiv)[0].clientHeight,
+				st = $($t.grid.bDiv)[0].scrollTop,
+				rpos = $($t.rows[iR]).position().top,
+				rh = $t.rows[iR].clientHeight;
+				if(rpos+rh >= ch+st) { $($t.grid.bDiv)[0].scrollTop = rpos-(ch+st)+rh+st; }
+				else if(rpos < ch+st) {
+					if(rpos < st) {
+						$($t.grid.bDiv)[0].scrollTop = rpos;
+					}
+				}
+			}
+			if($t.p.scrollrows===true) {
+				ner = $($t).jqGrid('getGridRowById',selection).rowIndex;
+				if(ner >=0 ){
+					scrGrid(ner);
+				}
+			}
+			if($t.p.frozenColumns === true ) {
+				fid = $t.p.id+"_frozen";
+			}
+			if(!$t.p.multiselect) {	
+				if(pt.className !== "ui-subgrid") {
+					if( $t.p.selrow !== pt.id) {
+						$( $($t).jqGrid('getGridRowById', $t.p.selrow) ).removeClass("ui-state-highlight").attr({"aria-selected":"false", "tabindex" : "-1"});
+						$(pt).addClass("ui-state-highlight").attr({"aria-selected":"true", "tabindex" : "0"});//.focus();
+						if(fid) {
+							$("#"+$.jgrid.jqID($t.p.selrow), "#"+$.jgrid.jqID(fid)).removeClass("ui-state-highlight");
+							$("#"+$.jgrid.jqID(selection), "#"+$.jgrid.jqID(fid)).addClass("ui-state-highlight");
+						}
+						stat = true;
+					} else {
+						stat = false;
+					}
+					$t.p.selrow = pt.id;
+					if( onsr ) { 
+						$($t).triggerHandler("jqGridSelectRow", [pt.id, stat, e]);
+						if( $t.p.onSelectRow) { $t.p.onSelectRow.call($t, pt.id, stat, e); }
+					}
+				}
+			} else {
+				//unselect selectall checkbox when deselecting a specific row
+				$t.setHeadCheckBox( false );
+				$t.p.selrow = pt.id;
+				ia = $.inArray($t.p.selrow,$t.p.selarrrow);
+				if (  ia === -1 ){
+					if(pt.className !== "ui-subgrid") { $(pt).addClass("ui-state-highlight").attr("aria-selected","true");}
+					stat = true;
+					$t.p.selarrrow.push($t.p.selrow);
+				} else {
+					if(pt.className !== "ui-subgrid") { $(pt).removeClass("ui-state-highlight").attr("aria-selected","false");}
+					stat = false;
+					$t.p.selarrrow.splice(ia,1);
+					tpsr = $t.p.selarrrow[0];
+					$t.p.selrow = (tpsr === undefined) ? null : tpsr;
+				}
+				$("#jqg_"+$.jgrid.jqID($t.p.id)+"_"+$.jgrid.jqID(pt.id))[$t.p.useProp ? 'prop': 'attr']("checked",stat);
+				if(fid) {
+					if(ia === -1) {
+						$("#"+$.jgrid.jqID(selection), "#"+$.jgrid.jqID(fid)).addClass("ui-state-highlight");
+					} else {
+						$("#"+$.jgrid.jqID(selection), "#"+$.jgrid.jqID(fid)).removeClass("ui-state-highlight");
+					}
+					$("#jqg_"+$.jgrid.jqID($t.p.id)+"_"+$.jgrid.jqID(selection), "#"+$.jgrid.jqID(fid))[$t.p.useProp ? 'prop': 'attr']("checked",stat);
+				}
+				if( onsr ) {
+					$($t).triggerHandler("jqGridSelectRow", [pt.id, stat, e]);
+					if( $t.p.onSelectRow) { $t.p.onSelectRow.call($t, pt.id , stat, e); }
+				}
+			}
+		});
+	},
+	resetSelection : function( rowid ){
+		return this.each(function(){
+			var t = this, sr, fid;
+			if( t.p.frozenColumns === true ) {
+				fid = t.p.id+"_frozen";
+			}
+			if(rowid !== undefined ) {
+				sr = rowid === t.p.selrow ? t.p.selrow : rowid;
+				$("#"+$.jgrid.jqID(t.p.id)+" tbody:first tr#"+$.jgrid.jqID(sr)).removeClass("ui-state-highlight").attr("aria-selected","false");
+				if (fid) { $("#"+$.jgrid.jqID(sr), "#"+$.jgrid.jqID(fid)).removeClass("ui-state-highlight"); }
+				if(t.p.multiselect) {
+					$("#jqg_"+$.jgrid.jqID(t.p.id)+"_"+$.jgrid.jqID(sr), "#"+$.jgrid.jqID(t.p.id))[t.p.useProp ? 'prop': 'attr']("checked",false);
+					if(fid) { $("#jqg_"+$.jgrid.jqID(t.p.id)+"_"+$.jgrid.jqID(sr), "#"+$.jgrid.jqID(fid))[t.p.useProp ? 'prop': 'attr']("checked",false); }
+					t.setHeadCheckBox( false);
+				}
+				sr = null;
+			} else if(!t.p.multiselect) {
+				if(t.p.selrow) {
+					$("#"+$.jgrid.jqID(t.p.id)+" tbody:first tr#"+$.jgrid.jqID(t.p.selrow)).removeClass("ui-state-highlight").attr("aria-selected","false");
+					if(fid) { $("#"+$.jgrid.jqID(t.p.selrow), "#"+$.jgrid.jqID(fid)).removeClass("ui-state-highlight"); }
+					t.p.selrow = null;
+				}
+			} else {
+				$(t.p.selarrrow).each(function(i,n){
+					$( $(t).jqGrid('getGridRowById',n) ).removeClass("ui-state-highlight").attr("aria-selected","false");
+					$("#jqg_"+$.jgrid.jqID(t.p.id)+"_"+$.jgrid.jqID(n))[t.p.useProp ? 'prop': 'attr']("checked",false);
+					if(fid) { 
+						$("#"+$.jgrid.jqID(n), "#"+$.jgrid.jqID(fid)).removeClass("ui-state-highlight"); 
+						$("#jqg_"+$.jgrid.jqID(t.p.id)+"_"+$.jgrid.jqID(n), "#"+$.jgrid.jqID(fid))[t.p.useProp ? 'prop': 'attr']("checked",false);
+					}
+				});
+				t.setHeadCheckBox( false );
+				t.p.selarrrow = [];
+				t.p.selrow = null;
+			}
+			if(t.p.cellEdit === true) {
+				if(parseInt(t.p.iCol,10)>=0  && parseInt(t.p.iRow,10)>=0) {
+					$("td:eq("+t.p.iCol+")",t.rows[t.p.iRow]).removeClass("edit-cell ui-state-highlight");
+					$(t.rows[t.p.iRow]).removeClass("selected-row ui-state-hover");
+				}
+			}
+			t.p.savedRow = [];
+		});
+	},
+	getRowData : function( rowid ) {
+		var res = {}, resall, getall=false, len, j=0;
+		this.each(function(){
+			var $t = this,nm,ind;
+			if(rowid === undefined) {
+				getall = true;
+				resall = [];
+				len = $t.rows.length;
+			} else {
+				ind = $($t).jqGrid('getGridRowById', rowid);
+				if(!ind) { return res; }
+				len = 2;
+			}
+			while(j<len){
+				if(getall) { ind = $t.rows[j]; }
+				if( $(ind).hasClass('jqgrow') ) {
+					$('td[role="gridcell"]',ind).each( function(i) {
+						nm = $t.p.colModel[i].name;
+						if ( nm !== 'cb' && nm !== 'subgrid' && nm !== 'rn') {
+							if($t.p.treeGrid===true && nm === $t.p.ExpandColumn) {
+								res[nm] = $.jgrid.htmlDecode($("span:first",this).html());
+							} else {
+								try {
+									res[nm] = $.unformat.call($t,this,{rowId:ind.id, colModel:$t.p.colModel[i]},i);
+								} catch (e){
+									res[nm] = $.jgrid.htmlDecode($(this).html());
+								}
+							}
+						}
+					});
+					if(getall) { resall.push(res); res={}; }
+				}
+				j++;
+			}
+		});
+		return resall || res;
+	},
+	delRowData : function(rowid) {
+		var success = false, rowInd, ia;
+		this.each(function() {
+			var $t = this;
+			rowInd = $($t).jqGrid('getGridRowById', rowid);
+			if(!rowInd) {return false;}
+				$(rowInd).remove();
+				$t.p.records--;
+				$t.p.reccount--;
+				$t.updatepager(true,false);
+				success=true;
+				if($t.p.multiselect) {
+					ia = $.inArray(rowid,$t.p.selarrrow);
+					if(ia !== -1) { $t.p.selarrrow.splice(ia,1);}
+				}
+				if ($t.p.multiselect && $t.p.selarrrow.length > 0) {
+					$t.p.selrow = $t.p.selarrrow[$t.p.selarrrow.length-1];
+				} else {
+					$t.p.selrow = null;
+				}
+			if($t.p.datatype === 'local') {
+				var id = $.jgrid.stripPref($t.p.idPrefix, rowid),
+				pos = $t.p._index[id];
+				if(pos !== undefined) {
+					$t.p.data.splice(pos,1);
+					$t.refreshIndex();
+				}
+			}
+			if( $t.p.altRows === true && success ) {
+				var cn = $t.p.altclass;
+				$($t.rows).each(function(i){
+					if(i % 2 === 1) { $(this).addClass(cn); }
+					else { $(this).removeClass(cn); }
+				});
+			}
+		});
+		return success;
+	},
+	setRowData : function(rowid, data, cssp) {
+		var nm, success=true, title;
+		this.each(function(){
+			if(!this.grid) {return false;}
+			var t = this, vl, ind, cp = typeof cssp, lcdata={};
+			ind = $(this).jqGrid('getGridRowById', rowid);
+			if(!ind) { return false; }
+			if( data ) {
+				try {
+					$(this.p.colModel).each(function(i){
+						nm = this.name;
+						var dval =$.jgrid.getAccessor(data,nm);
+						if( dval !== undefined) {
+							lcdata[nm] = this.formatter && typeof this.formatter === 'string' && this.formatter === 'date' ? $.unformat.date.call(t,dval,this) : dval;
+							vl = t.formatter( rowid, dval, i, data, 'edit');
+							title = this.title ? {"title":$.jgrid.stripHtml(vl)} : {};
+							if(t.p.treeGrid===true && nm === t.p.ExpandColumn) {
+								$("td[role='gridcell']:eq("+i+") > span:first",ind).html(vl).attr(title);
+							} else {
+								$("td[role='gridcell']:eq("+i+")",ind).html(vl).attr(title);
+							}
+						}
+					});
+					if(t.p.datatype === 'local') {
+						var id = $.jgrid.stripPref(t.p.idPrefix, rowid),
+						pos = t.p._index[id], key;
+						if(t.p.treeGrid) {
+							for(key in t.p.treeReader){
+								if(t.p.treeReader.hasOwnProperty(key)) {
+									delete lcdata[t.p.treeReader[key]];
+								}
+							}
+						}
+						if(pos !== undefined) {
+							t.p.data[pos] = $.extend(true, t.p.data[pos], lcdata);
+						}
+						lcdata = null;
+					}
+				} catch (e) {
+					success = false;
+				}
+			}
+			if(success) {
+				if(cp === 'string') {$(ind).addClass(cssp);} else if(cssp !== null && cp === 'object') {$(ind).css(cssp);}
+				$(t).triggerHandler("jqGridAfterGridComplete");
+			}
+		});
+		return success;
+	},
+	addRowData : function(rowid,rdata,pos,src) {
+		if(!pos) {pos = "last";}
+		var success = false, nm, row, gi, si, ni,sind, i, v, prp="", aradd, cnm, cn, data, cm, id;
+		if(rdata) {
+			if($.isArray(rdata)) {
+				aradd=true;
+				pos = "last";
+				cnm = rowid;
+			} else {
+				rdata = [rdata];
+				aradd = false;
+			}
+			this.each(function() {
+				var t = this, datalen = rdata.length;
+				ni = t.p.rownumbers===true ? 1 :0;
+				gi = t.p.multiselect ===true ? 1 :0;
+				si = t.p.subGrid===true ? 1 :0;
+				if(!aradd) {
+					if(rowid !== undefined) { rowid = String(rowid);}
+					else {
+						rowid = $.jgrid.randId();
+						if(t.p.keyIndex !== false) {
+							cnm = t.p.colModel[t.p.keyIndex+gi+si+ni].name;
+							if(rdata[0][cnm] !== undefined) { rowid = rdata[0][cnm]; }
+						}
+					}
+				}
+				cn = t.p.altclass;
+				var k = 0, cna ="", lcdata = {},
+				air = $.isFunction(t.p.afterInsertRow) ? true : false;
+				while(k < datalen) {
+					data = rdata[k];
+					row=[];
+					if(aradd) {
+						try {
+							rowid = data[cnm];
+							if(rowid===undefined) {
+								rowid = $.jgrid.randId();
+							}
+						}
+						catch (e) {rowid = $.jgrid.randId();}
+						cna = t.p.altRows === true ?  (t.rows.length-1)%2 === 0 ? cn : "" : "";
+					}
+					id = rowid;
+					rowid  = t.p.idPrefix + rowid;
+					if(ni){
+						prp = t.formatCol(0,1,'',null,rowid, true);
+						row[row.length] = "<td role=\"gridcell\" class=\"ui-state-default jqgrid-rownum\" "+prp+">0</td>";
+					}
+					if(gi) {
+						v = "<input role=\"checkbox\" type=\"checkbox\""+" id=\"jqg_"+t.p.id+"_"+rowid+"\" class=\"cbox\"/>";
+						prp = t.formatCol(ni,1,'', null, rowid, true);
+						row[row.length] = "<td role=\"gridcell\" "+prp+">"+v+"</td>";
+					}
+					if(si) {
+						row[row.length] = $(t).jqGrid("addSubGridCell",gi+ni,1);
+					}
+					for(i = gi+si+ni; i < t.p.colModel.length;i++){
+						cm = t.p.colModel[i];
+						nm = cm.name;
+						lcdata[nm] = data[nm];
+						v = t.formatter( rowid, $.jgrid.getAccessor(data,nm), i, data );
+						prp = t.formatCol(i,1,v, data, rowid, lcdata);
+						row[row.length] = "<td role=\"gridcell\" "+prp+">"+v+"</td>";
+					}
+					row.unshift( t.constructTr(rowid, false, cna, lcdata, data, false ) );
+					row[row.length] = "</tr>";
+					if(t.rows.length === 0){
+						$("table:first",t.grid.bDiv).append(row.join(''));
+					} else {
+						switch (pos) {
+							case 'last':
+								$(t.rows[t.rows.length-1]).after(row.join(''));
+								sind = t.rows.length-1;
+								break;
+							case 'first':
+								$(t.rows[0]).after(row.join(''));
+								sind = 1;
+								break;
+							case 'after':
+								sind = $(t).jqGrid('getGridRowById', src);
+								if (sind) {
+									if($(t.rows[sind.rowIndex+1]).hasClass("ui-subgrid")) { $(t.rows[sind.rowIndex+1]).after(row); }
+									else { $(sind).after(row.join('')); }
+									sind=sind.rowIndex + 1;
+								}	
+								break;
+							case 'before':
+								sind = $(t).jqGrid('getGridRowById', src);
+								if(sind) {
+									$(sind).before(row.join(''));
+									sind=sind.rowIndex - 1;
+								}
+								break;
+						}
+					}
+					if(t.p.subGrid===true) {
+						$(t).jqGrid("addSubGrid",gi+ni, sind);
+					}
+					t.p.records++;
+					t.p.reccount++;
+					$(t).triggerHandler("jqGridAfterInsertRow", [rowid,data,data]);
+					if(air) { t.p.afterInsertRow.call(t,rowid,data,data); }
+					k++;
+					if(t.p.datatype === 'local') {
+						lcdata[t.p.localReader.id] = id;
+						t.p._index[id] = t.p.data.length;
+						t.p.data.push(lcdata);
+						lcdata = {};
+					}
+				}
+				if( t.p.altRows === true && !aradd) {
+					if (pos === "last") {
+						if ((t.rows.length-1)%2 === 1)  {$(t.rows[t.rows.length-1]).addClass(cn);}
+					} else {
+						$(t.rows).each(function(i){
+							if(i % 2 ===1) { $(this).addClass(cn); }
+							else { $(this).removeClass(cn); }
+						});
+					}
+				}
+				t.updatepager(true,true);
+				success = true;
+			});
+		}
+		return success;
+	},
+	footerData : function(action,data, format) {
+		var nm, success=false, res={}, title;
+		function isEmpty(obj) {
+			var i;
+			for(i in obj) {
+				if (obj.hasOwnProperty(i)) { return false; }
+			}
+			return true;
+		}
+		if(action == undefined) { action = "get"; }
+		if(typeof format !== "boolean") { format  = true; }
+		action = action.toLowerCase();
+		this.each(function(){
+			var t = this, vl;
+			if(!t.grid || !t.p.footerrow) {return false;}
+			if(action === "set") { if(isEmpty(data)) { return false; } }
+			success=true;
+			$(this.p.colModel).each(function(i){
+				nm = this.name;
+				if(action === "set") {
+					if( data[nm] !== undefined) {
+						vl = format ? t.formatter( "", data[nm], i, data, 'edit') : data[nm];
+						title = this.title ? {"title":$.jgrid.stripHtml(vl)} : {};
+						$("tr.footrow td:eq("+i+")",t.grid.sDiv).html(vl).attr(title);
+						success = true;
+					}
+				} else if(action === "get") {
+					res[nm] = $("tr.footrow td:eq("+i+")",t.grid.sDiv).html();
+				}
+			});
+		});
+		return action === "get" ? res : success;
+	},
+	showHideCol : function(colname,show) {
+		return this.each(function() {
+			var $t = this, fndh=false, brd=$.jgrid.cell_width ? 0: $t.p.cellLayout, cw;
+			if (!$t.grid ) {return;}
+			if( typeof colname === 'string') {colname=[colname];}
+			show = show !== "none" ? "" : "none";
+			var sw = show === "" ? true :false,
+			gh = $t.p.groupHeader && (typeof $t.p.groupHeader === 'object' || $.isFunction($t.p.groupHeader) );
+			if(gh) { $($t).jqGrid('destroyGroupHeader', false); }
+			$(this.p.colModel).each(function(i) {
+				if ($.inArray(this.name,colname) !== -1 && this.hidden === sw) {
+					if($t.p.frozenColumns === true && this.frozen === true) {
+						return true;
+					}
+					$("tr[role=rowheader]",$t.grid.hDiv).each(function(){
+						$(this.cells[i]).css("display", show);
+					});
+					$($t.rows).each(function(){
+						if (!$(this).hasClass("jqgroup")) {
+							$(this.cells[i]).css("display", show);
+						}
+					});
+					if($t.p.footerrow) { $("tr.footrow td:eq("+i+")", $t.grid.sDiv).css("display", show); }
+					cw =  parseInt(this.width,10);
+					if(show === "none") {
+						$t.p.tblwidth -= cw+brd;
+					} else {
+						$t.p.tblwidth += cw+brd;
+					}
+					this.hidden = !sw;
+					fndh=true;
+					$($t).triggerHandler("jqGridShowHideCol", [sw,this.name,i]);
+				}
+			});
+			if(fndh===true) {
+				if($t.p.shrinkToFit === true && !isNaN($t.p.height)) { $t.p.tblwidth += parseInt($t.p.scrollOffset,10);}
+				$($t).jqGrid("setGridWidth",$t.p.shrinkToFit === true ? $t.p.tblwidth : $t.p.width );
+			}
+			if( gh )  {
+				$($t).jqGrid('setGroupHeaders',$t.p.groupHeader);
+			}
+		});
+	},
+	hideCol : function (colname) {
+		return this.each(function(){$(this).jqGrid("showHideCol",colname,"none");});
+	},
+	showCol : function(colname) {
+		return this.each(function(){$(this).jqGrid("showHideCol",colname,"");});
+	},
+	remapColumns : function(permutation, updateCells, keepHeader)
+	{
+		function resortArray(a) {
+			var ac;
+			if (a.length) {
+				ac = $.makeArray(a);
+			} else {
+				ac = $.extend({}, a);
+			}
+			$.each(permutation, function(i) {
+				a[i] = ac[this];
+			});
+		}
+		var ts = this.get(0);
+		function resortRows(parent, clobj) {
+			$(">tr"+(clobj||""), parent).each(function() {
+				var row = this;
+				var elems = $.makeArray(row.cells);
+				$.each(permutation, function() {
+					var e = elems[this];
+					if (e) {
+						row.appendChild(e);
+					}
+				});
+			});
+		}
+		resortArray(ts.p.colModel);
+		resortArray(ts.p.colNames);
+		resortArray(ts.grid.headers);
+		resortRows($("thead:first", ts.grid.hDiv), keepHeader && ":not(.ui-jqgrid-labels)");
+		if (updateCells) {
+			resortRows($("#"+$.jgrid.jqID(ts.p.id)+" tbody:first"), ".jqgfirstrow, tr.jqgrow, tr.jqfoot");
+		}
+		if (ts.p.footerrow) {
+			resortRows($("tbody:first", ts.grid.sDiv));
+		}
+		if (ts.p.remapColumns) {
+			if (!ts.p.remapColumns.length){
+				ts.p.remapColumns = $.makeArray(permutation);
+			} else {
+				resortArray(ts.p.remapColumns);
+			}
+		}
+		ts.p.lastsort = $.inArray(ts.p.lastsort, permutation);
+		if(ts.p.treeGrid) { ts.p.expColInd = $.inArray(ts.p.expColInd, permutation); }
+		$(ts).triggerHandler("jqGridRemapColumns", [permutation, updateCells, keepHeader]);
+	},
+	setGridWidth : function(nwidth, shrink) {
+		return this.each(function(){
+			if (!this.grid ) {return;}
+			var $t = this, cw,
+			initwidth = 0, brd=$.jgrid.cell_width ? 0: $t.p.cellLayout, lvc, vc=0, hs=false, scw=$t.p.scrollOffset, aw, gw=0, cr;
+			if(typeof shrink !== 'boolean') {
+				shrink=$t.p.shrinkToFit;
+			}
+			if(isNaN(nwidth)) {return;}
+			nwidth = parseInt(nwidth,10); 
+			$t.grid.width = $t.p.width = nwidth;
+			$("#gbox_"+$.jgrid.jqID($t.p.id)).css("width",nwidth+"px");
+			$("#gview_"+$.jgrid.jqID($t.p.id)).css("width",nwidth+"px");
+			$($t.grid.bDiv).css("width",nwidth+"px");
+			$($t.grid.hDiv).css("width",nwidth+"px");
+			if($t.p.pager ) {$($t.p.pager).css("width",nwidth+"px");}
+			if($t.p.toppager ) {$($t.p.toppager).css("width",nwidth+"px");}
+			if($t.p.toolbar[0] === true){
+				$($t.grid.uDiv).css("width",nwidth+"px");
+				if($t.p.toolbar[1]==="both") {$($t.grid.ubDiv).css("width",nwidth+"px");}
+			}
+			if($t.p.footerrow) { $($t.grid.sDiv).css("width",nwidth+"px"); }
+			if(shrink ===false && $t.p.forceFit === true) {$t.p.forceFit=false;}
+			if(shrink===true) {
+				$.each($t.p.colModel, function() {
+					if(this.hidden===false){
+						cw = this.widthOrg;
+						initwidth += cw+brd;
+						if(this.fixed) {
+							gw += cw+brd;
+						} else {
+							vc++;
+						}
+					}
+				});
+				if(vc  === 0) { return; }
+				$t.p.tblwidth = initwidth;
+				aw = nwidth-brd*vc-gw;
+				if(!isNaN($t.p.height)) {
+					if($($t.grid.bDiv)[0].clientHeight < $($t.grid.bDiv)[0].scrollHeight || $t.rows.length === 1){
+						hs = true;
+						aw -= scw;
+					}
+				}
+				initwidth =0;
+				var cle = $t.grid.cols.length >0;
+				$.each($t.p.colModel, function(i) {
+					if(this.hidden === false && !this.fixed){
+						cw = this.widthOrg;
+						cw = Math.round(aw*cw/($t.p.tblwidth-brd*vc-gw));
+						if (cw < 0) { return; }
+						this.width =cw;
+						initwidth += cw;
+						$t.grid.headers[i].width=cw;
+						$t.grid.headers[i].el.style.width=cw+"px";
+						if($t.p.footerrow) { $t.grid.footers[i].style.width = cw+"px"; }
+						if(cle) { $t.grid.cols[i].style.width = cw+"px"; }
+						lvc = i;
+					}
+				});
+
+				if (!lvc) { return; }
+
+				cr =0;
+				if (hs) {
+					if(nwidth-gw-(initwidth+brd*vc) !== scw){
+						cr = nwidth-gw-(initwidth+brd*vc)-scw;
+					}
+				} else if( Math.abs(nwidth-gw-(initwidth+brd*vc)) !== 1) {
+					cr = nwidth-gw-(initwidth+brd*vc);
+				}
+				$t.p.colModel[lvc].width += cr;
+				$t.p.tblwidth = initwidth+cr+brd*vc+gw;
+				if($t.p.tblwidth > nwidth) {
+					var delta = $t.p.tblwidth - parseInt(nwidth,10);
+					$t.p.tblwidth = nwidth;
+					cw = $t.p.colModel[lvc].width = $t.p.colModel[lvc].width-delta;
+				} else {
+					cw= $t.p.colModel[lvc].width;
+				}
+				$t.grid.headers[lvc].width = cw;
+				$t.grid.headers[lvc].el.style.width=cw+"px";
+				if(cle) { $t.grid.cols[lvc].style.width = cw+"px"; }
+				if($t.p.footerrow) {
+					$t.grid.footers[lvc].style.width = cw+"px";
+				}
+			}
+			if($t.p.tblwidth) {
+				$('table:first',$t.grid.bDiv).css("width",$t.p.tblwidth+"px");
+				$('table:first',$t.grid.hDiv).css("width",$t.p.tblwidth+"px");
+				$t.grid.hDiv.scrollLeft = $t.grid.bDiv.scrollLeft;
+				if($t.p.footerrow) {
+					$('table:first',$t.grid.sDiv).css("width",$t.p.tblwidth+"px");
+				}
+			}
+		});
+	},
+	setGridHeight : function (nh) {
+		return this.each(function (){
+			var $t = this;
+			if(!$t.grid) {return;}
+			var bDiv = $($t.grid.bDiv);
+			bDiv.css({height: nh+(isNaN(nh)?"":"px")});
+			if($t.p.frozenColumns === true){
+				//follow the original set height to use 16, better scrollbar width detection
+				$('#'+$.jgrid.jqID($t.p.id)+"_frozen").parent().height(bDiv.height() - 16);
+			}
+			$t.p.height = nh;
+			if ($t.p.scroll) { $t.grid.populateVisible(); }
+		});
+	},
+	setCaption : function (newcap){
+		return this.each(function(){
+			this.p.caption=newcap;
+			$("span.ui-jqgrid-title, span.ui-jqgrid-title-rtl",this.grid.cDiv).html(newcap);
+			$(this.grid.cDiv).show();
+		});
+	},
+	setLabel : function(colname, nData, prop, attrp ){
+		return this.each(function(){
+			var $t = this, pos=-1;
+			if(!$t.grid) {return;}
+			if(colname !== undefined) {
+				$($t.p.colModel).each(function(i){
+					if (this.name === colname) {
+						pos = i;return false;
+					}
+				});
+			} else { return; }
+			if(pos>=0) {
+				var thecol = $("tr.ui-jqgrid-labels th:eq("+pos+")",$t.grid.hDiv);
+				if (nData){
+					var ico = $(".s-ico",thecol);
+					$("[id^=jqgh_]",thecol).empty().html(nData).append(ico);
+					$t.p.colNames[pos] = nData;
+				}
+				if (prop) {
+					if(typeof prop === 'string') {$(thecol).addClass(prop);} else {$(thecol).css(prop);}
+				}
+				if(typeof attrp === 'object') {$(thecol).attr(attrp);}
+			}
+		});
+	},
+	setCell : function(rowid,colname,nData,cssp,attrp, forceupd) {
+		return this.each(function(){
+			var $t = this, pos =-1,v, title;
+			if(!$t.grid) {return;}
+			if(isNaN(colname)) {
+				$($t.p.colModel).each(function(i){
+					if (this.name === colname) {
+						pos = i;return false;
+					}
+				});
+			} else {pos = parseInt(colname,10);}
+			if(pos>=0) {
+				var ind = $($t).jqGrid('getGridRowById', rowid); 
+				if (ind){
+					var tcell = $("td:eq("+pos+")",ind);
+					if(nData !== "" || forceupd === true) {
+						v = $t.formatter(rowid, nData, pos,ind,'edit');
+						title = $t.p.colModel[pos].title ? {"title":$.jgrid.stripHtml(v)} : {};
+						if($t.p.treeGrid && $(".tree-wrap",$(tcell)).length>0) {
+							$("span",$(tcell)).html(v).attr(title);
+						} else {
+							$(tcell).html(v).attr(title);
+						}
+						if($t.p.datatype === "local") {
+							var cm = $t.p.colModel[pos], index;
+							nData = cm.formatter && typeof cm.formatter === 'string' && cm.formatter === 'date' ? $.unformat.date.call($t,nData,cm) : nData;
+							index = $t.p._index[$.jgrid.stripPref($t.p.idPrefix, rowid)];
+							if(index !== undefined) {
+								$t.p.data[index][cm.name] = nData;
+							}
+						}
+					}
+					if(typeof cssp === 'string'){
+						$(tcell).addClass(cssp);
+					} else if(cssp) {
+						$(tcell).css(cssp);
+					}
+					if(typeof attrp === 'object') {$(tcell).attr(attrp);}
+				}
+			}
+		});
+	},
+	getCell : function(rowid,col) {
+		var ret = false;
+		this.each(function(){
+			var $t=this, pos=-1;
+			if(!$t.grid) {return;}
+			if(isNaN(col)) {
+				$($t.p.colModel).each(function(i){
+					if (this.name === col) {
+						pos = i;return false;
+					}
+				});
+			} else {pos = parseInt(col,10);}
+			if(pos>=0) {
+				var ind = $($t).jqGrid('getGridRowById', rowid);
+				if(ind) {
+					try {
+						ret = $.unformat.call($t,$("td:eq("+pos+")",ind),{rowId:ind.id, colModel:$t.p.colModel[pos]},pos);
+					} catch (e){
+						ret = $.jgrid.htmlDecode($("td:eq("+pos+")",ind).html());
+					}
+				}
+			}
+		});
+		return ret;
+	},
+	getCol : function (col, obj, mathopr) {
+		var ret = [], val, sum=0, min, max, v;
+		obj = typeof obj !== 'boolean' ? false : obj;
+		if(mathopr === undefined) { mathopr = false; }
+		this.each(function(){
+			var $t=this, pos=-1;
+			if(!$t.grid) {return;}
+			if(isNaN(col)) {
+				$($t.p.colModel).each(function(i){
+					if (this.name === col) {
+						pos = i;return false;
+					}
+				});
+			} else {pos = parseInt(col,10);}
+			if(pos>=0) {
+				var ln = $t.rows.length, i =0, dlen=0;
+				if (ln && ln>0){
+					while(i<ln){
+						if($($t.rows[i]).hasClass('jqgrow')) {
+							try {
+								val = $.unformat.call($t,$($t.rows[i].cells[pos]),{rowId:$t.rows[i].id, colModel:$t.p.colModel[pos]},pos);
+							} catch (e) {
+								val = $.jgrid.htmlDecode($t.rows[i].cells[pos].innerHTML);
+							}
+							if(mathopr) {
+								v = parseFloat(val);
+								if(!isNaN(v)) {
+									sum += v;
+									if (max === undefined) {max = min = v;}
+									min = Math.min(min, v);
+									max = Math.max(max, v);
+									dlen++;
+								}
+							}
+							else if(obj) { ret.push( {id:$t.rows[i].id,value:val} ); }
+							else { ret.push( val ); }
+						}
+						i++;
+					}
+					if(mathopr) {
+						switch(mathopr.toLowerCase()){
+							case 'sum': ret =sum; break;
+							case 'avg': ret = sum/dlen; break;
+							case 'count': ret = (ln-1); break;
+							case 'min': ret = min; break;
+							case 'max': ret = max; break;
+						}
+					}
+				}
+			}
+		});
+		return ret;
+	},
+	clearGridData : function(clearfooter) {
+		return this.each(function(){
+			var $t = this;
+			if(!$t.grid) {return;}
+			if(typeof clearfooter !== 'boolean') { clearfooter = false; }
+			if($t.p.deepempty) {$("#"+$.jgrid.jqID($t.p.id)+" tbody:first tr:gt(0)").remove();}
+			else {
+				var trf = $("#"+$.jgrid.jqID($t.p.id)+" tbody:first tr:first")[0];
+				$("#"+$.jgrid.jqID($t.p.id)+" tbody:first").empty().append(trf);
+			}
+			if($t.p.footerrow && clearfooter) { $(".ui-jqgrid-ftable td",$t.grid.sDiv).html("&#160;"); }
+			$t.p.selrow = null; $t.p.selarrrow= []; $t.p.savedRow = [];
+			$t.p.records = 0;$t.p.page=1;$t.p.lastpage=0;$t.p.reccount=0;
+			$t.p.data = []; $t.p._index = {};
+			$t.updatepager(true,false);
+		});
+	},
+	getInd : function(rowid,rc){
+		var ret =false,rw;
+		this.each(function(){
+			rw = $(this).jqGrid('getGridRowById', rowid);
+			if(rw) {
+				ret = rc===true ? rw: rw.rowIndex;
+			}
+		});
+		return ret;
+	},
+	bindKeys : function( settings ){
+		var o = $.extend({
+			onEnter: null,
+			onSpace: null,
+			onLeftKey: null,
+			onRightKey: null,
+			scrollingRows : true
+		},settings || {});
+		return this.each(function(){
+			var $t = this;
+			if( !$('body').is('[role]') ){$('body').attr('role','application');}
+			$t.p.scrollrows = o.scrollingRows;
+			$($t).keydown(function(event){
+				var target = $($t).find('tr[tabindex=0]')[0], id, r, mind,
+				expanded = $t.p.treeReader.expanded_field;
+				//check for arrow keys
+				if(target) {
+					mind = $t.p._index[$.jgrid.stripPref($t.p.idPrefix, target.id)];
+					if(event.keyCode === 37 || event.keyCode === 38 || event.keyCode === 39 || event.keyCode === 40){
+						// up key
+						if(event.keyCode === 38 ){
+							r = target.previousSibling;
+							id = "";
+							if(r) {
+								if($(r).is(":hidden")) {
+									while(r) {
+										r = r.previousSibling;
+										if(!$(r).is(":hidden") && $(r).hasClass('jqgrow')) {id = r.id;break;}
+									}
+								} else {
+									id = r.id;
+								}
+							}
+							$($t).jqGrid('setSelection', id, true, event);
+							event.preventDefault();
+						}
+						//if key is down arrow
+						if(event.keyCode === 40){
+							r = target.nextSibling;
+							id ="";
+							if(r) {
+								if($(r).is(":hidden")) {
+									while(r) {
+										r = r.nextSibling;
+										if(!$(r).is(":hidden") && $(r).hasClass('jqgrow') ) {id = r.id;break;}
+									}
+								} else {
+									id = r.id;
+								}
+							}
+							$($t).jqGrid('setSelection', id, true, event);
+							event.preventDefault();
+						}
+						// left
+						if(event.keyCode === 37 ){
+							if($t.p.treeGrid && $t.p.data[mind][expanded]) {
+								$(target).find("div.treeclick").trigger('click');
+							}
+							$($t).triggerHandler("jqGridKeyLeft", [$t.p.selrow]);
+							if($.isFunction(o.onLeftKey)) {
+								o.onLeftKey.call($t, $t.p.selrow);
+							}
+						}
+						// right
+						if(event.keyCode === 39 ){
+							if($t.p.treeGrid && !$t.p.data[mind][expanded]) {
+								$(target).find("div.treeclick").trigger('click');
+							}
+							$($t).triggerHandler("jqGridKeyRight", [$t.p.selrow]);
+							if($.isFunction(o.onRightKey)) {
+								o.onRightKey.call($t, $t.p.selrow);
+							}
+						}
+					}
+					//check if enter was pressed on a grid or treegrid node
+					else if( event.keyCode === 13 ){
+						$($t).triggerHandler("jqGridKeyEnter", [$t.p.selrow]);
+						if($.isFunction(o.onEnter)) {
+							o.onEnter.call($t, $t.p.selrow);
+						}
+					} else if(event.keyCode === 32) {
+						$($t).triggerHandler("jqGridKeySpace", [$t.p.selrow]);
+						if($.isFunction(o.onSpace)) {
+							o.onSpace.call($t, $t.p.selrow);
+						}
+					}
+				}
+			});
+		});
+	},
+	unbindKeys : function(){
+		return this.each(function(){
+			$(this).unbind('keydown');
+		});
+	},
+	getLocalRow : function (rowid) {
+		var ret = false, ind;
+		this.each(function(){
+			if(rowid !== undefined) {
+				ind = this.p._index[$.jgrid.stripPref(this.p.idPrefix, rowid)];
+				if(ind >= 0 ) {
+					ret = this.p.data[ind];
+				}
+			}
+		});
+		return ret;
+	}
+});
+})(jQuery);
+/*jshint eqeqeq:false */
+/*global jQuery */
+(function($){
+/**
+ * jqGrid extension for custom methods
+ * Tony Tomov tony@trirand.com
+ * http://trirand.com/blog/ 
+ * 
+ * Wildraid wildraid@mail.ru
+ * Oleg Kiriljuk oleg.kiriljuk@ok-soft-gmbh.com
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl-2.0.html
+**/
+"use strict";
+$.jgrid.extend({
+	getColProp : function(colname){
+		var ret ={}, $t = this[0];
+		if ( !$t.grid ) { return false; }
+		var cM = $t.p.colModel, i;
+		for ( i=0;i<cM.length;i++ ) {
+			if ( cM[i].name === colname ) {
+				ret = cM[i];
+				break;
+			}
+		}
+		return ret;
+	},
+	setColProp : function(colname, obj){
+		//do not set width will not work
+		return this.each(function(){
+			if ( this.grid ) {
+				if ( obj ) {
+					var cM = this.p.colModel, i;
+					for ( i=0;i<cM.length;i++ ) {
+						if ( cM[i].name === colname ) {
+							$.extend(true, this.p.colModel[i],obj);
+							break;
+						}
+					}
+				}
+			}
+		});
+	},
+	sortGrid : function(colname,reload, sor){
+		return this.each(function(){
+			var $t=this,idx=-1,i, sobj=false;
+			if ( !$t.grid ) { return;}
+			if ( !colname ) { colname = $t.p.sortname; }
+			for ( i=0;i<$t.p.colModel.length;i++ ) {
+				if ( $t.p.colModel[i].index === colname || $t.p.colModel[i].name === colname ) {
+					idx = i;
+					if($t.p.frozenColumns === true && $t.p.colModel[i].frozen === true) {
+						sobj = $t.grid.fhDiv.find("#" + $t.p.id + "_" + colname);
+					}
+					break;
+				}
+			}
+			if ( idx !== -1 ){
+				var sort = $t.p.colModel[idx].sortable;
+				if(!sobj) {
+					sobj = $t.grid.headers[idx].el;
+				}
+				if ( typeof sort !== 'boolean' ) { sort =  true; }
+				if ( typeof reload !=='boolean' ) { reload = false; }
+				if ( sort ) { $t.sortData("jqgh_"+$t.p.id+"_" + colname, idx, reload, sor, sobj); }
+			}
+		});
+	},
+	clearBeforeUnload : function () {
+		return this.each(function(){
+			var grid = this.grid;
+			if ($.isFunction(grid.emptyRows)) {
+				grid.emptyRows.call(this, true, true); // this work quick enough and reduce the size of memory leaks if we have someone
+			}
+
+			$(document).unbind("mouseup.jqGrid" + this.p.id ); 
+			$(grid.hDiv).unbind("mousemove"); // TODO add namespace
+			$(this).unbind();
+
+			grid.dragEnd = null;
+			grid.dragMove = null;
+			grid.dragStart = null;
+			grid.emptyRows = null;
+			grid.populate = null;
+			grid.populateVisible = null;
+			grid.scrollGrid = null;
+			grid.selectionPreserver = null;
+
+			grid.bDiv = null;
+			grid.cDiv = null;
+			grid.hDiv = null;
+			grid.cols = null;
+			var i, l = grid.headers.length;
+			for (i = 0; i < l; i++) {
+				grid.headers[i].el = null;
+			}
+
+			this.formatCol = null;
+			this.sortData = null;
+			this.updatepager = null;
+			this.refreshIndex = null;
+			this.setHeadCheckBox = null;
+			this.constructTr = null;
+			this.formatter = null;
+			this.addXmlData = null;
+			this.addJSONData = null;
+			this.grid = null;
+		});
+	},
+	GridDestroy : function () {
+		return this.each(function(){
+			if ( this.grid ) { 
+				if ( this.p.pager ) { // if not part of grid
+					$(this.p.pager).remove();
+				}
+				try {
+					$(this).jqGrid('clearBeforeUnload');
+					$("#gbox_"+$.jgrid.jqID(this.id)).remove();
+				} catch (_) {}
+			}
+		});
+	},
+	GridUnload : function(){
+		return this.each(function(){
+			if ( !this.grid ) {return;}
+			var defgrid = {id: $(this).attr('id'),cl: $(this).attr('class')};
+			if (this.p.pager) {
+				$(this.p.pager).empty().removeClass("ui-state-default ui-jqgrid-pager ui-corner-bottom");
+			}
+			var newtable = document.createElement('table');
+			$(newtable).attr({id:defgrid.id});
+			newtable.className = defgrid.cl;
+			var gid = $.jgrid.jqID(this.id);
+			$(newtable).removeClass("ui-jqgrid-btable");
+			if( $(this.p.pager).parents("#gbox_"+gid).length === 1 ) {
+				$(newtable).insertBefore("#gbox_"+gid).show();
+				$(this.p.pager).insertBefore("#gbox_"+gid);
+			} else {
+				$(newtable).insertBefore("#gbox_"+gid).show();
+			}
+			$(this).jqGrid('clearBeforeUnload');
+			$("#gbox_"+gid).remove();
+		});
+	},
+	setGridState : function(state) {
+		return this.each(function(){
+			if ( !this.grid ) {return;}
+			var $t = this;
+			if(state === 'hidden'){
+				$(".ui-jqgrid-bdiv, .ui-jqgrid-hdiv","#gview_"+$.jgrid.jqID($t.p.id)).slideUp("fast");
+				if($t.p.pager) {$($t.p.pager).slideUp("fast");}
+				if($t.p.toppager) {$($t.p.toppager).slideUp("fast");}
+				if($t.p.toolbar[0]===true) {
+					if( $t.p.toolbar[1] === 'both') {
+						$($t.grid.ubDiv).slideUp("fast");
+					}
+					$($t.grid.uDiv).slideUp("fast");
+				}
+				if($t.p.footerrow) { $(".ui-jqgrid-sdiv","#gbox_"+$.jgrid.jqID($t.p.id)).slideUp("fast"); }
+				$(".ui-jqgrid-titlebar-close span",$t.grid.cDiv).removeClass("ui-icon-circle-triangle-n").addClass("ui-icon-circle-triangle-s");
+				$t.p.gridstate = 'hidden';
+			} else if(state === 'visible') {
+				$(".ui-jqgrid-hdiv, .ui-jqgrid-bdiv","#gview_"+$.jgrid.jqID($t.p.id)).slideDown("fast");
+				if($t.p.pager) {$($t.p.pager).slideDown("fast");}
+				if($t.p.toppager) {$($t.p.toppager).slideDown("fast");}
+				if($t.p.toolbar[0]===true) {
+					if( $t.p.toolbar[1] === 'both') {
+						$($t.grid.ubDiv).slideDown("fast");
+					}
+					$($t.grid.uDiv).slideDown("fast");
+				}
+				if($t.p.footerrow) { $(".ui-jqgrid-sdiv","#gbox_"+$.jgrid.jqID($t.p.id)).slideDown("fast"); }
+				$(".ui-jqgrid-titlebar-close span",$t.grid.cDiv).removeClass("ui-icon-circle-triangle-s").addClass("ui-icon-circle-triangle-n");
+				$t.p.gridstate = 'visible';
+			}
+
+		});
+	},
+	filterToolbar : function(p){
+		p = $.extend({
+			autosearch: true,
+			searchOnEnter : true,
+			beforeSearch: null,
+			afterSearch: null,
+			beforeClear: null,
+			afterClear: null,
+			searchurl : '',
+			stringResult: false,
+			groupOp: 'AND',
+			defaultSearch : "bw",
+			searchOperators : false,
+			resetIcon : "x",
+			operands : { "eq" :"==", "ne":"!","lt":"<","le":"<=","gt":">","ge":">=","bw":"^","bn":"!^","in":"=","ni":"!=","ew":"|","en":"!@","cn":"~","nc":"!~","nu":"#","nn":"!#"}
+		}, $.jgrid.search , p  || {});
+		return this.each(function(){
+			var $t = this;
+			if(this.ftoolbar) { return; }
+			var triggerToolbar = function() {
+				var sdata={}, j=0, v, nm, sopt={},so;
+				$.each($t.p.colModel,function(){
+					var $elem = $("#gs_"+$.jgrid.jqID(this.name), (this.frozen===true && $t.p.frozenColumns === true) ?  $t.grid.fhDiv : $t.grid.hDiv);
+					nm = this.index || this.name;
+					if(p.searchOperators ) {
+						so = $elem.parent().prev().children("a").attr("soper") || p.defaultSearch;
+					} else {
+						so  = (this.searchoptions && this.searchoptions.sopt) ? this.searchoptions.sopt[0] : this.stype==='select'?  'eq' : p.defaultSearch;
+					}
+					v = this.stype === "custom" && $.isFunction(this.searchoptions.custom_value) && $elem.length > 0 && $elem[0].nodeName.toUpperCase() === "SPAN" ?
+						this.searchoptions.custom_value.call($t, $elem.children(".customelement:first"), "get") :
+						$elem.val();
+					if(v || so==="nu" || so==="nn") {
+						sdata[nm] = v;
+						sopt[nm] = so;
+						j++;
+					} else {
+						try {
+							delete $t.p.postData[nm];
+						} catch (z) {}
+					}
+				});
+				var sd =  j>0 ? true : false;
+				if(p.stringResult === true || $t.p.datatype === "local") {
+					var ruleGroup = "{\"groupOp\":\"" + p.groupOp + "\",\"rules\":[";
+					var gi=0;
+					$.each(sdata,function(i,n){
+						if (gi > 0) {ruleGroup += ",";}
+						ruleGroup += "{\"field\":\"" + i + "\",";
+						ruleGroup += "\"op\":\"" + sopt[i] + "\",";
+						n+="";
+						ruleGroup += "\"data\":\"" + n.replace(/\\/g,'\\\\').replace(/\"/g,'\\"') + "\"}";
+						gi++;
+					});
+					ruleGroup += "]}";
+					$.extend($t.p.postData,{filters:ruleGroup});
+					$.each(['searchField', 'searchString', 'searchOper'], function(i, n){
+						if($t.p.postData.hasOwnProperty(n)) { delete $t.p.postData[n];}
+					});
+				} else {
+					$.extend($t.p.postData,sdata);
+				}
+				var saveurl;
+				if($t.p.searchurl) {
+					saveurl = $t.p.url;
+					$($t).jqGrid("setGridParam",{url:$t.p.searchurl});
+				}
+				var bsr = $($t).triggerHandler("jqGridToolbarBeforeSearch") === 'stop' ? true : false;
+				if(!bsr && $.isFunction(p.beforeSearch)){bsr = p.beforeSearch.call($t);}
+				if(!bsr) { $($t).jqGrid("setGridParam",{search:sd}).trigger("reloadGrid",[{page:1}]); }
+				if(saveurl) {$($t).jqGrid("setGridParam",{url:saveurl});}
+				$($t).triggerHandler("jqGridToolbarAfterSearch");
+				if($.isFunction(p.afterSearch)){p.afterSearch.call($t);}
+			},
+			clearToolbar = function(trigger){
+				var sdata={}, j=0, nm;
+				trigger = (typeof trigger !== 'boolean') ? true : trigger;
+				$.each($t.p.colModel,function(){
+					var v, $elem = $("#gs_"+$.jgrid.jqID(this.name),(this.frozen===true && $t.p.frozenColumns === true) ?  $t.grid.fhDiv : $t.grid.hDiv);
+					if(this.searchoptions && this.searchoptions.defaultValue !== undefined) { v = this.searchoptions.defaultValue; }
+					nm = this.index || this.name;
+					switch (this.stype) {
+						case 'select' :
+							$elem.find("option").each(function (i){
+								if(i===0) { this.selected = true; }
+								if ($(this).val() === v) {
+									this.selected = true;
+									return false;
+								}
+							});
+							if ( v !== undefined ) {
+								// post the key and not the text
+								sdata[nm] = v;
+								j++;
+							} else {
+								try {
+									delete $t.p.postData[nm];
+								} catch(e) {}
+							}
+							break;
+						case 'text':
+							$elem.val(v || "");
+							if(v !== undefined) {
+								sdata[nm] = v;
+								j++;
+							} else {
+								try {
+									delete $t.p.postData[nm];
+								} catch (y){}
+							}
+							break;
+						case 'custom':
+							if ($.isFunction(this.searchoptions.custom_value) && $elem.length > 0 && $elem[0].nodeName.toUpperCase() === "SPAN") {
+								this.searchoptions.custom_value.call($t, $elem.children(".customelement:first"), "set", v || "");
+							}
+							break;
+					}
+				});
+				var sd =  j>0 ? true : false;
+				$t.p.resetsearch =  true;
+				if(p.stringResult === true || $t.p.datatype === "local") {
+					var ruleGroup = "{\"groupOp\":\"" + p.groupOp + "\",\"rules\":[";
+					var gi=0;
+					$.each(sdata,function(i,n){
+						if (gi > 0) {ruleGroup += ",";}
+						ruleGroup += "{\"field\":\"" + i + "\",";
+						ruleGroup += "\"op\":\"" + "eq" + "\",";
+						n+="";
+						ruleGroup += "\"data\":\"" + n.replace(/\\/g,'\\\\').replace(/\"/g,'\\"') + "\"}";
+						gi++;
+					});
+					ruleGroup += "]}";
+					$.extend($t.p.postData,{filters:ruleGroup});
+					$.each(['searchField', 'searchString', 'searchOper'], function(i, n){
+						if($t.p.postData.hasOwnProperty(n)) { delete $t.p.postData[n];}
+					});
+				} else {
+					$.extend($t.p.postData,sdata);
+				}
+				var saveurl;
+				if($t.p.searchurl) {
+					saveurl = $t.p.url;
+					$($t).jqGrid("setGridParam",{url:$t.p.searchurl});
+				}
+				var bcv = $($t).triggerHandler("jqGridToolbarBeforeClear") === 'stop' ? true : false;
+				if(!bcv && $.isFunction(p.beforeClear)){bcv = p.beforeClear.call($t);}
+				if(!bcv) {
+					if(trigger) {
+						$($t).jqGrid("setGridParam",{search:sd}).trigger("reloadGrid",[{page:1}]);
+					}
+				}
+				if(saveurl) {$($t).jqGrid("setGridParam",{url:saveurl});}
+				$($t).triggerHandler("jqGridToolbarAfterClear");
+				if($.isFunction(p.afterClear)){p.afterClear();}
+			},
+			toggleToolbar = function(){
+				var trow = $("tr.ui-search-toolbar",$t.grid.hDiv),
+				trow2 = $t.p.frozenColumns === true ?  $("tr.ui-search-toolbar",$t.grid.fhDiv) : false;
+				if(trow.css("display") === 'none') {
+					trow.show(); 
+					if(trow2) {
+						trow2.show();
+					}
+				} else { 
+					trow.hide(); 
+					if(trow2) {
+						trow2.hide();
+					}
+				}
+			},
+			buildRuleMenu = function( elem, left, top ){
+				$("#sopt_menu").remove();
+
+				left=parseInt(left,10);
+				top=parseInt(top,10) + 18;
+
+				var fs =  $('.ui-jqgrid-view').css('font-size') || '11px';
+				var str = '<ul id="sopt_menu" class="ui-search-menu" role="menu" tabindex="0" style="font-size:'+fs+';left:'+left+'px;top:'+top+'px;">',
+				selected = $(elem).attr("soper"), selclass,
+				aoprs = [], ina;
+				var i=0, nm =$(elem).attr("colname"),len = $t.p.colModel.length;
+				while(i<len) {
+					if($t.p.colModel[i].name === nm) {
+						break;
+					}
+					i++;
+				}
+				var cm = $t.p.colModel[i], options = $.extend({}, cm.searchoptions);
+				if(!options.sopt) {
+					options.sopt = [];
+					options.sopt[0]= cm.stype==='select' ?  'eq' : p.defaultSearch;
+				}
+				$.each(p.odata, function() { aoprs.push(this.oper); });
+				for ( i = 0 ; i < options.sopt.length; i++) {
+					ina = $.inArray(options.sopt[i],aoprs);
+					if(ina !== -1) {
+						selclass = selected === p.odata[ina].oper ? "ui-state-highlight" : "";
+						str += '<li class="ui-menu-item '+selclass+'" role="presentation"><a class="ui-corner-all g-menu-item" tabindex="0" role="menuitem" value="'+p.odata[ina].oper+'" oper="'+p.operands[p.odata[ina].oper]+'"><table cellspacing="0" cellpadding="0" border="0"><tr><td width="25px">'+p.operands[p.odata[ina].oper]+'</td><td>'+ p.odata[ina].text+'</td></tr></table></a></li>';
+					}
+				}
+				str += "</ul>";
+				$('body').append(str);
+				$("#sopt_menu").addClass("ui-menu ui-widget ui-widget-content ui-corner-all");
+				$("#sopt_menu > li > a").hover(
+					function(){ $(this).addClass("ui-state-hover"); },
+					function(){ $(this).removeClass("ui-state-hover"); }
+				).click(function( e ){
+					var v = $(this).attr("value"),
+					oper = $(this).attr("oper");
+					$($t).triggerHandler("jqGridToolbarSelectOper", [v, oper, elem]);
+					$("#sopt_menu").hide();
+					$(elem).text(oper).attr("soper",v);
+					if(p.autosearch===true){
+						var inpelm = $(elem).parent().next().children()[0];
+						if( $(inpelm).val() || v==="nu" || v ==="nn") {
+							triggerToolbar();
+						}
+					}
+				});
+			};
+			// create the row
+			var tr = $("<tr class='ui-search-toolbar' role='rowheader'></tr>");
+			var timeoutHnd;
+			$.each($t.p.colModel,function(ci){
+				var cm=this, soptions, surl, self, select = "", sot="=", so, i,
+				th = $("<th role='columnheader' class='ui-state-default ui-th-column ui-th-"+$t.p.direction+"'></th>"),
+				thd = $("<div style='position:relative;height:100%;padding-right:0.3em;padding-left:0.3em;'></div>"),
+				stbl = $("<table class='ui-search-table' cellspacing='0'><tr><td class='ui-search-oper'></td><td class='ui-search-input'></td><td class='ui-search-clear'></td></tr></table>");
+				if(this.hidden===true) { $(th).css("display","none");}
+				this.search = this.search === false ? false : true;
+				if(this.stype === undefined) {this.stype='text';}
+				soptions = $.extend({},this.searchoptions || {});
+				if(this.search){
+					if(p.searchOperators) {
+						so  = (soptions.sopt) ? soptions.sopt[0] : cm.stype==='select' ?  'eq' : p.defaultSearch;
+						for(i = 0;i<p.odata.length;i++) {
+							if(p.odata[i].oper === so) {
+								sot = p.operands[so] || "";
+								break;
+							}
+						}
+						var st = soptions.searchtitle != null ? soptions.searchtitle : p.operandTitle;
+						select = "<a title='"+st+"' style='padding-right: 0.5em;' soper='"+so+"' class='soptclass' colname='"+this.name+"'>"+sot+"</a>";
+					}
+					$("td:eq(0)",stbl).attr("colindex",ci).append(select);
+					if(soptions.clearSearch === undefined) {
+						soptions.clearSearch = true;
+					}
+					if(soptions.clearSearch) {
+						var csv = p.resetTitle || 'Clear Search Value';
+						$("td:eq(2)",stbl).append("<a title='"+csv+"' style='padding-right: 0.3em;padding-left: 0.3em;' class='clearsearchclass'>"+p.resetIcon+"</a>");
+					} else {
+						$("td:eq(2)", stbl).hide();
+					}
+					switch (this.stype)
+					{
+					case "select":
+						surl = this.surl || soptions.dataUrl;
+						if(surl) {
+							// data returned should have already constructed html select
+							// primitive jQuery load
+							self = thd;
+							$(self).append(stbl);
+							$.ajax($.extend({
+								url: surl,
+								dataType: "html",
+								success: function(res) {
+									if(soptions.buildSelect !== undefined) {
+										var d = soptions.buildSelect(res);
+										if (d) {
+											$("td:eq(1)",stbl).append(d);
+										}
+									} else {
+										$("td:eq(1)",stbl).append(res);
+									}
+									if(soptions.defaultValue !== undefined) { $("select",self).val(soptions.defaultValue); }
+									$("select",self).attr({name:cm.index || cm.name, id: "gs_"+cm.name});
+									if(soptions.attr) {$("select",self).attr(soptions.attr);}
+									$("select",self).css({width: "100%"});
+									// preserve autoserch
+									$.jgrid.bindEv.call($t, $("select",self)[0], soptions);
+									if(p.autosearch===true){
+										$("select",self).change(function(){
+											triggerToolbar();
+											return false;
+										});
+									}
+									res=null;
+								}
+							}, $.jgrid.ajaxOptions, $t.p.ajaxSelectOptions || {} ));
+						} else {
+							var oSv, sep, delim;
+							if(cm.searchoptions) {
+								oSv = cm.searchoptions.value === undefined ? "" : cm.searchoptions.value;
+								sep = cm.searchoptions.separator === undefined ? ":" : cm.searchoptions.separator;
+								delim = cm.searchoptions.delimiter === undefined ? ";" : cm.searchoptions.delimiter;
+							} else if(cm.editoptions) {
+								oSv = cm.editoptions.value === undefined ? "" : cm.editoptions.value;
+								sep = cm.editoptions.separator === undefined ? ":" : cm.editoptions.separator;
+								delim = cm.editoptions.delimiter === undefined ? ";" : cm.editoptions.delimiter;
+							}
+							if (oSv) {	
+								var elem = document.createElement("select");
+								elem.style.width = "100%";
+								$(elem).attr({name:cm.index || cm.name, id: "gs_"+cm.name});
+								var sv, ov, key, k;
+								if(typeof oSv === "string") {
+									so = oSv.split(delim);
+									for(k=0; k<so.length;k++){
+										sv = so[k].split(sep);
+										ov = document.createElement("option");
+										ov.value = sv[0]; ov.innerHTML = sv[1];
+										elem.appendChild(ov);
+									}
+								} else if(typeof oSv === "object" ) {
+									for (key in oSv) {
+										if(oSv.hasOwnProperty(key)) {
+											ov = document.createElement("option");
+											ov.value = key; ov.innerHTML = oSv[key];
+											elem.appendChild(ov);
+										}
+									}
+								}
+								if(soptions.defaultValue !== undefined) { $(elem).val(soptions.defaultValue); }
+								if(soptions.attr) {$(elem).attr(soptions.attr);}
+								$(thd).append(stbl);
+								$.jgrid.bindEv.call($t, elem , soptions);
+								$("td:eq(1)",stbl).append( elem );
+								if(p.autosearch===true){
+									$(elem).change(function(){
+										triggerToolbar();
+										return false;
+									});
+								}
+							}
+						}
+						break;
+					case "text":
+						var df = soptions.defaultValue !== undefined ? soptions.defaultValue: "";
+
+						$("td:eq(1)",stbl).append("<input type='text' style='width:100%;padding:0px;' name='"+(cm.index || cm.name)+"' id='gs_"+cm.name+"' value='"+df+"'/>");
+						$(thd).append(stbl);
+
+						if(soptions.attr) {$("input",thd).attr(soptions.attr);}
+						$.jgrid.bindEv.call($t, $("input",thd)[0], soptions);
+						if(p.autosearch===true){
+							if(p.searchOnEnter) {
+								$("input",thd).keypress(function(e){
+									var key = e.charCode || e.keyCode || 0;
+									if(key === 13){
+										triggerToolbar();
+										return false;
+									}
+									return this;
+								});
+							} else {
+								$("input",thd).keydown(function(e){
+									var key = e.which;
+									switch (key) {
+										case 13:
+											return false;
+										case 9 :
+										case 16:
+										case 37:
+										case 38:
+										case 39:
+										case 40:
+										case 27:
+											break;
+										default :
+											if(timeoutHnd) { clearTimeout(timeoutHnd); }
+											timeoutHnd = setTimeout(function(){triggerToolbar();},500);
+									}
+								});
+							}
+						}
+						break;
+					case "custom":
+						$("td:eq(1)",stbl).append("<span style='width:95%;padding:0px;' name='"+(cm.index || cm.name)+"' id='gs_"+cm.name+"'/>");
+						$(thd).append(stbl);
+						try {
+							if($.isFunction(soptions.custom_element)) {
+								var celm = soptions.custom_element.call($t,soptions.defaultValue !== undefined ? soptions.defaultValue: "",soptions);
+								if(celm) {
+									celm = $(celm).addClass("customelement");
+									$(thd).find(">span").append(celm);
+								} else {
+									throw "e2";
+								}
+							} else {
+								throw "e1";
+							}
+						} catch (e) {
+							if (e === "e1") { $.jgrid.info_dialog($.jgrid.errors.errcap,"function 'custom_element' "+$.jgrid.edit.msg.nodefined,$.jgrid.edit.bClose);}
+							if (e === "e2") { $.jgrid.info_dialog($.jgrid.errors.errcap,"function 'custom_element' "+$.jgrid.edit.msg.novalue,$.jgrid.edit.bClose);}
+							else { $.jgrid.info_dialog($.jgrid.errors.errcap,typeof e==="string"?e:e.message,$.jgrid.edit.bClose); }
+						}
+						break;
+					}
+				}
+				$(th).append(thd);
+				$(tr).append(th);
+				if(!p.searchOperators) {
+					$("td:eq(0)",stbl).hide();
+				}
+			});
+			$("table thead",$t.grid.hDiv).append(tr);
+			if(p.searchOperators) {
+				$(".soptclass",tr).click(function(e){
+					var offset = $(this).offset(),
+					left = ( offset.left ),
+					top = ( offset.top);
+					buildRuleMenu(this, left, top );
+					e.stopPropagation();
+				});
+				$("body").on('click', function(e){
+					if(e.target.className !== "soptclass") {
+						$("#sopt_menu").hide();
+					}
+				});
+			}
+			$(".clearsearchclass",tr).click(function(e){
+				var ptr = $(this).parents("tr:first"),
+				coli = parseInt($("td.ui-search-oper", ptr).attr('colindex'),10),
+				sval  = $.extend({},$t.p.colModel[coli].searchoptions || {}),
+				dval = sval.defaultValue ? sval.defaultValue : "";
+				if($t.p.colModel[coli].stype === "select") {
+					if(dval) {
+						$("td.ui-search-input select", ptr).val( dval );
+					} else {
+						$("td.ui-search-input select", ptr)[0].selectedIndex = 0;
+					}
+				} else {
+					$("td.ui-search-input input", ptr).val( dval );
+				}
+				// ToDo custom search type
+				if(p.autosearch===true){
+					triggerToolbar();
+				}
+
+			});
+			this.ftoolbar = true;
+			this.triggerToolbar = triggerToolbar;
+			this.clearToolbar = clearToolbar;
+			this.toggleToolbar = toggleToolbar;
+		});
+	},
+	destroyFilterToolbar: function () {
+		return this.each(function () {
+			if (!this.ftoolbar) {
+				return;
+			}
+			this.triggerToolbar = null;
+			this.clearToolbar = null;
+			this.toggleToolbar = null;
+			this.ftoolbar = false;
+			$(this.grid.hDiv).find("table thead tr.ui-search-toolbar").remove();
+		});
+	},
+	destroyGroupHeader : function(nullHeader)
+	{
+		if(nullHeader === undefined) {
+			nullHeader = true;
+		}
+		return this.each(function()
+		{
+			var $t = this, $tr, i, l, headers, $th, $resizing, grid = $t.grid,
+			thead = $("table.ui-jqgrid-htable thead", grid.hDiv), cm = $t.p.colModel, hc;
+			if(!grid) { return; }
+
+			$(this).unbind('.setGroupHeaders');
+			$tr = $("<tr>", {role: "rowheader"}).addClass("ui-jqgrid-labels");
+			headers = grid.headers;
+			for (i = 0, l = headers.length; i < l; i++) {
+				hc = cm[i].hidden ? "none" : "";
+				$th = $(headers[i].el)
+					.width(headers[i].width)
+					.css('display',hc);
+				try {
+					$th.removeAttr("rowSpan");
+				} catch (rs) {
+					//IE 6/7
+					$th.attr("rowSpan",1);
+				}
+				$tr.append($th);
+				$resizing = $th.children("span.ui-jqgrid-resize");
+				if ($resizing.length>0) {// resizable column
+					$resizing[0].style.height = "";
+				}
+				$th.children("div")[0].style.top = "";
+			}
+			$(thead).children('tr.ui-jqgrid-labels').remove();
+			$(thead).prepend($tr);
+
+			if(nullHeader === true) {
+				$($t).jqGrid('setGridParam',{ 'groupHeader': null});
+			}
+		});
+	},
+	setGroupHeaders : function ( o ) {
+		o = $.extend({
+			useColSpanStyle :  false,
+			groupHeaders: []
+		},o  || {});
+		return this.each(function(){
+			this.p.groupHeader = o;
+			var ts = this,
+			i, cmi, skip = 0, $tr, $colHeader, th, $th, thStyle,
+			iCol,
+			cghi,
+			//startColumnName,
+			numberOfColumns,
+			titleText,
+			cVisibleColumns,
+			colModel = ts.p.colModel,
+			cml = colModel.length,
+			ths = ts.grid.headers,
+			$htable = $("table.ui-jqgrid-htable", ts.grid.hDiv),
+			$trLabels = $htable.children("thead").children("tr.ui-jqgrid-labels:last").addClass("jqg-second-row-header"),
+			$thead = $htable.children("thead"),
+			$theadInTable,
+			$firstHeaderRow = $htable.find(".jqg-first-row-header");
+			if($firstHeaderRow[0] === undefined) {
+				$firstHeaderRow = $('<tr>', {role: "row", "aria-hidden": "true"}).addClass("jqg-first-row-header").css("height", "auto");
+			} else {
+				$firstHeaderRow.empty();
+			}
+			var $firstRow,
+			inColumnHeader = function (text, columnHeaders) {
+				var length = columnHeaders.length, i;
+				for (i = 0; i < length; i++) {
+					if (columnHeaders[i].startColumnName === text) {
+						return i;
+					}
+				}
+				return -1;
+			};
+
+			$(ts).prepend($thead);
+			$tr = $('<tr>', {role: "rowheader"}).addClass("ui-jqgrid-labels jqg-third-row-header");
+			for (i = 0; i < cml; i++) {
+				th = ths[i].el;
+				$th = $(th);
+				cmi = colModel[i];
+				// build the next cell for the first header row
+				thStyle = { height: '0px', width: ths[i].width + 'px', display: (cmi.hidden ? 'none' : '')};
+				$("<th>", {role: 'gridcell'}).css(thStyle).addClass("ui-first-th-"+ts.p.direction).appendTo($firstHeaderRow);
+
+				th.style.width = ""; // remove unneeded style
+				iCol = inColumnHeader(cmi.name, o.groupHeaders);
+				if (iCol >= 0) {
+					cghi = o.groupHeaders[iCol];
+					numberOfColumns = cghi.numberOfColumns;
+					titleText = cghi.titleText;
+
+					// caclulate the number of visible columns from the next numberOfColumns columns
+					for (cVisibleColumns = 0, iCol = 0; iCol < numberOfColumns && (i + iCol < cml); iCol++) {
+						if (!colModel[i + iCol].hidden) {
+							cVisibleColumns++;
+						}
+					}
+
+					// The next numberOfColumns headers will be moved in the next row
+					// in the current row will be placed the new column header with the titleText.
+					// The text will be over the cVisibleColumns columns
+					$colHeader = $('<th>').attr({role: "columnheader"})
+						.addClass("ui-state-default ui-th-column-header ui-th-"+ts.p.direction)
+						.css({'height':'22px', 'border-top': '0 none'})
+						.html(titleText);
+					if(cVisibleColumns > 0) {
+						$colHeader.attr("colspan", String(cVisibleColumns));
+					}
+					if (ts.p.headertitles) {
+						$colHeader.attr("title", $colHeader.text());
+					}
+					// hide if not a visible cols
+					if( cVisibleColumns === 0) {
+						$colHeader.hide();
+					}
+
+					$th.before($colHeader); // insert new column header before the current
+					$tr.append(th);         // move the current header in the next row
+
+					// set the coumter of headers which will be moved in the next row
+					skip = numberOfColumns - 1;
+				} else {
+					if (skip === 0) {
+						if (o.useColSpanStyle) {
+							// expand the header height to two rows
+							$th.attr("rowspan", "2");
+						} else {
+							$('<th>', {role: "columnheader"})
+								.addClass("ui-state-default ui-th-column-header ui-th-"+ts.p.direction)
+								.css({"display": cmi.hidden ? 'none' : '', 'border-top': '0 none'})
+								.insertBefore($th);
+							$tr.append(th);
+						}
+					} else {
+						// move the header to the next row
+						//$th.css({"padding-top": "2px", height: "19px"});
+						$tr.append(th);
+						skip--;
+					}
+				}
+			}
+			$theadInTable = $(ts).children("thead");
+			$theadInTable.prepend($firstHeaderRow);
+			$tr.insertAfter($trLabels);
+			$htable.append($theadInTable);
+
+			if (o.useColSpanStyle) {
+				// Increase the height of resizing span of visible headers
+				$htable.find("span.ui-jqgrid-resize").each(function () {
+					var $parent = $(this).parent();
+					if ($parent.is(":visible")) {
+						this.style.cssText = 'height: ' + $parent.height() + 'px !important; cursor: col-resize;';
+					}
+				});
+
+				// Set position of the sortable div (the main lable)
+				// with the column header text to the middle of the cell.
+				// One should not do this for hidden headers.
+				$htable.find("div.ui-jqgrid-sortable").each(function () {
+					var $ts = $(this), $parent = $ts.parent();
+					if ($parent.is(":visible") && $parent.is(":has(span.ui-jqgrid-resize)")) {
+						$ts.css('top', ($parent.height() - $ts.outerHeight()) / 2 + 'px');
+					}
+				});
+			}
+
+			$firstRow = $theadInTable.find("tr.jqg-first-row-header");
+			$(ts).bind('jqGridResizeStop.setGroupHeaders', function (e, nw, idx) {
+				$firstRow.find('th').eq(idx).width(nw);
+			});
+		});				
+	},
+	setFrozenColumns : function () {
+		return this.each(function() {
+			if ( !this.grid ) {return;}
+			var $t = this, cm = $t.p.colModel,i=0, len = cm.length, maxfrozen = -1, frozen= false;
+			// TODO treeGrid and grouping  Support
+			if($t.p.subGrid === true || $t.p.treeGrid === true || $t.p.cellEdit === true || $t.p.sortable || $t.p.scroll )
+			{
+				return;
+			}
+			if($t.p.rownumbers) { i++; }
+			if($t.p.multiselect) { i++; }
+			
+			// get the max index of frozen col
+			while(i<len)
+			{
+				// from left, no breaking frozen
+				if(cm[i].frozen === true)
+				{
+					frozen = true;
+					maxfrozen = i;
+				} else {
+					break;
+				}
+				i++;
+			}
+			if( maxfrozen>=0 && frozen) {
+				var top = $t.p.caption ? $($t.grid.cDiv).outerHeight() : 0,
+				hth = $(".ui-jqgrid-htable","#gview_"+$.jgrid.jqID($t.p.id)).height();
+				//headers
+				if($t.p.toppager) {
+					top = top + $($t.grid.topDiv).outerHeight();
+				}
+				if($t.p.toolbar[0] === true) {
+					if($t.p.toolbar[1] !== "bottom") {
+						top = top + $($t.grid.uDiv).outerHeight();
+					}
+				}
+				$t.grid.fhDiv = $('<div style="position:absolute;left:0px;top:'+top+'px;height:'+hth+'px;" class="frozen-div ui-state-default ui-jqgrid-hdiv"></div>');
+				$t.grid.fbDiv = $('<div style="position:absolute;left:0px;top:'+(parseInt(top,10)+parseInt(hth,10) + 1)+'px;overflow-y:hidden" class="frozen-bdiv ui-jqgrid-bdiv"></div>');
+				$("#gview_"+$.jgrid.jqID($t.p.id)).append($t.grid.fhDiv);
+				var htbl = $(".ui-jqgrid-htable","#gview_"+$.jgrid.jqID($t.p.id)).clone(true);
+				// groupheader support - only if useColSpanstyle is false
+				if($t.p.groupHeader) {
+					$("tr.jqg-first-row-header, tr.jqg-third-row-header", htbl).each(function(){
+						$("th:gt("+maxfrozen+")",this).remove();
+					});
+					var swapfroz = -1, fdel = -1, cs, rs;
+					$("tr.jqg-second-row-header th", htbl).each(function(){
+						cs= parseInt($(this).attr("colspan"),10);
+						rs= parseInt($(this).attr("rowspan"),10);
+						if(rs) {
+							swapfroz++;
+							fdel++;
+						}
+						if(cs) {
+							swapfroz = swapfroz+cs;
+							fdel++;
+						}
+						if(swapfroz === maxfrozen) {
+							return false;
+						}
+					});
+					if(swapfroz !== maxfrozen) {
+						fdel = maxfrozen;
+					}
+					$("tr.jqg-second-row-header", htbl).each(function(){
+						$("th:gt("+fdel+")",this).remove();
+					});
+				} else {
+					$("tr",htbl).each(function(){
+						$("th:gt("+maxfrozen+")",this).remove();
+					});
+				}
+				$(htbl).width(1);
+				// resizing stuff
+				$($t.grid.fhDiv).append(htbl)
+				.mousemove(function (e) {
+					if($t.grid.resizing){ $t.grid.dragMove(e);return false; }
+				});
+				$($t).bind('jqGridResizeStop.setFrozenColumns', function (e, w, index) {
+					var rhth = $(".ui-jqgrid-htable",$t.grid.fhDiv);
+					$("th:eq("+index+")",rhth).width( w ); 
+					var btd = $(".ui-jqgrid-btable",$t.grid.fbDiv);
+					$("tr:first td:eq("+index+")",btd).width( w ); 
+				});
+				// sorting stuff
+				$($t).bind('jqGridSortCol.setFrozenColumns', function (e, index, idxcol) {
+
+					var previousSelectedTh = $("tr.ui-jqgrid-labels:last th:eq("+$t.p.lastsort+")",$t.grid.fhDiv), newSelectedTh = $("tr.ui-jqgrid-labels:last th:eq("+idxcol+")",$t.grid.fhDiv);
+
+					$("span.ui-grid-ico-sort",previousSelectedTh).addClass('ui-state-disabled');
+					$(previousSelectedTh).attr("aria-selected","false");
+					$("span.ui-icon-"+$t.p.sortorder,newSelectedTh).removeClass('ui-state-disabled');
+					$(newSelectedTh).attr("aria-selected","true");
+					if(!$t.p.viewsortcols[0]) {
+						if($t.p.lastsort !== idxcol) {
+							$("span.s-ico",previousSelectedTh).hide();
+							$("span.s-ico",newSelectedTh).show();
+						}
+					}
+				});
+				
+				// data stuff
+				//TODO support for setRowData
+				$("#gview_"+$.jgrid.jqID($t.p.id)).append($t.grid.fbDiv);
+				$($t.grid.bDiv).scroll(function () {
+					$($t.grid.fbDiv).scrollTop($(this).scrollTop());
+				});
+				if($t.p.hoverrows === true) {
+					$("#"+$.jgrid.jqID($t.p.id)).unbind('mouseover').unbind('mouseout');
+				}
+				$($t).bind('jqGridAfterGridComplete.setFrozenColumns', function () {
+					$("#"+$.jgrid.jqID($t.p.id)+"_frozen").remove();
+					$($t.grid.fbDiv).height($($t.grid.bDiv).height()-16);
+					var btbl = $("#"+$.jgrid.jqID($t.p.id)).clone(true);
+					$("tr[role=row]",btbl).each(function(){
+						$("td[role=gridcell]:gt("+maxfrozen+")",this).remove();
+					});
+
+					$(btbl).width(1).attr("id",$t.p.id+"_frozen");
+					$($t.grid.fbDiv).append(btbl);
+					if($t.p.hoverrows === true) {
+						$("tr.jqgrow", btbl).hover(
+							function(){ $(this).addClass("ui-state-hover"); $("#"+$.jgrid.jqID(this.id), "#"+$.jgrid.jqID($t.p.id)).addClass("ui-state-hover"); },
+							function(){ $(this).removeClass("ui-state-hover"); $("#"+$.jgrid.jqID(this.id), "#"+$.jgrid.jqID($t.p.id)).removeClass("ui-state-hover"); }
+						);
+						$("tr.jqgrow", "#"+$.jgrid.jqID($t.p.id)).hover(
+							function(){ $(this).addClass("ui-state-hover"); $("#"+$.jgrid.jqID(this.id), "#"+$.jgrid.jqID($t.p.id)+"_frozen").addClass("ui-state-hover");},
+							function(){ $(this).removeClass("ui-state-hover"); $("#"+$.jgrid.jqID(this.id), "#"+$.jgrid.jqID($t.p.id)+"_frozen").removeClass("ui-state-hover"); }
+						);
+					}
+					btbl=null;
+				});
+				if(!$t.grid.hDiv.loading) {
+					$($t).triggerHandler("jqGridAfterGridComplete");
+				}
+				$t.p.frozenColumns = true;
+			}
+		});
+	},
+	destroyFrozenColumns :  function() {
+		return this.each(function() {
+			if ( !this.grid ) {return;}
+			if(this.p.frozenColumns === true) {
+				var $t = this;
+				$($t.grid.fhDiv).remove();
+				$($t.grid.fbDiv).remove();
+				$t.grid.fhDiv = null; $t.grid.fbDiv=null;
+				$(this).unbind('.setFrozenColumns');
+				if($t.p.hoverrows === true) {
+					var ptr;
+					$("#"+$.jgrid.jqID($t.p.id)).bind('mouseover',function(e) {
+						ptr = $(e.target).closest("tr.jqgrow");
+						if($(ptr).attr("class") !== "ui-subgrid") {
+						$(ptr).addClass("ui-state-hover");
+					}
+					}).bind('mouseout',function(e) {
+						ptr = $(e.target).closest("tr.jqgrow");
+						$(ptr).removeClass("ui-state-hover");
+					});
+				}
+				this.p.frozenColumns = false;
+			}
+		});
+	}
+});
+})(jQuery);
+/*
+ * jqModal - Minimalist Modaling with jQuery
+ *   (http://dev.iceburg.net/jquery/jqmodal/)
+ *
+ * Copyright (c) 2007,2008 Brice Burgess <bhb@iceburg.net>
+ * Dual licensed under the MIT and GPL licenses:
+ *   http://www.opensource.org/licenses/mit-license.php
+ *   http://www.gnu.org/licenses/gpl.html
+ * 
+ * $Version: 07/06/2008 +r13
+ */
+(function($) {
+$.fn.jqm=function(o){
+var p={
+overlay: 50,
+closeoverlay : true,
+overlayClass: 'jqmOverlay',
+closeClass: 'jqmClose',
+trigger: '.jqModal',
+ajax: F,
+ajaxText: '',
+target: F,
+modal: F,
+toTop: F,
+onShow: F,
+onHide: F,
+onLoad: F
+};
+return this.each(function(){if(this._jqm)return H[this._jqm].c=$.extend({},H[this._jqm].c,o);s++;this._jqm=s;
+H[s]={c:$.extend(p,$.jqm.params,o),a:F,w:$(this).addClass('jqmID'+s),s:s};
+if(p.trigger)$(this).jqmAddTrigger(p.trigger);
+});};
+
+$.fn.jqmAddClose=function(e){return hs(this,e,'jqmHide');};
+$.fn.jqmAddTrigger=function(e){return hs(this,e,'jqmShow');};
+$.fn.jqmShow=function(t){return this.each(function(){$.jqm.open(this._jqm,t);});};
+$.fn.jqmHide=function(t){return this.each(function(){$.jqm.close(this._jqm,t)});};
+
+$.jqm = {
+hash:{},
+open:function(s,t){var h=H[s],c=h.c,cc='.'+c.closeClass,z=(parseInt(h.w.css('z-index')));z=(z>0)?z:3000;var o=$('<div></div>').css({height:'100%',width:'100%',position:'fixed',left:0,top:0,'z-index':z-1,opacity:c.overlay/100});if(h.a)return F;h.t=t;h.a=true;h.w.css('z-index',z);
+ if(c.modal) {if(!A[0])setTimeout(function(){L('bind');},1);A.push(s);}
+ else if(c.overlay > 0) {if(c.closeoverlay) h.w.jqmAddClose(o);}
+ else o=F;
+
+ h.o=(o)?o.addClass(c.overlayClass).prependTo('body'):F;
+
+ if(c.ajax) {var r=c.target||h.w,u=c.ajax;r=(typeof r == 'string')?$(r,h.w):$(r);u=(u.substr(0,1) == '@')?$(t).attr(u.substring(1)):u;
+  r.html(c.ajaxText).load(u,function(){if(c.onLoad)c.onLoad.call(this,h);if(cc)h.w.jqmAddClose($(cc,h.w));e(h);});}
+ else if(cc)h.w.jqmAddClose($(cc,h.w));
+
+ if(c.toTop&&h.o)h.w.before('<span id="jqmP'+h.w[0]._jqm+'"></span>').insertAfter(h.o);	
+ (c.onShow)?c.onShow(h):h.w.show();e(h);return F;
+},
+close:function(s){var h=H[s];if(!h.a)return F;h.a=F;
+ if(A[0]){A.pop();if(!A[0])L('unbind');}
+ if(h.c.toTop&&h.o)$('#jqmP'+h.w[0]._jqm).after(h.w).remove();
+ if(h.c.onHide)h.c.onHide(h);else{h.w.hide();if(h.o)h.o.remove();} return F;
+},
+params:{}};
+var s=0,H=$.jqm.hash,A=[],F=false,
+e=function(h){f(h);},
+f=function(h){try{$(':input:visible',h.w)[0].focus();}catch(_){}},
+L=function(t){$(document)[t]("keypress",m)[t]("keydown",m)[t]("mousedown",m);},
+m=function(e){var h=H[A[A.length-1]],r=(!$(e.target).parents('.jqmID'+h.s)[0]);if(r){$('.jqmID'+h.s).each(function(){var $self=$(this),offset=$self.offset();if(offset.top<=e.pageY && e.pageY<=offset.top+$self.height() && offset.left<=e.pageX && e.pageX<=offset.left+$self.width()){r=false;return false;}});f(h);}return !r;},
+hs=function(w,t,c){return w.each(function(){var s=this._jqm;$(t).each(function() {
+ if(!this[c]){this[c]=[];$(this).click(function(){for(var i in {jqmShow:1,jqmHide:1})for(var s in this[i])if(H[this[i][s]])H[this[i][s]].w[i](this);return F;});}this[c].push(s);});});};
+})(jQuery);/*
+ * jqDnR - Minimalistic Drag'n'Resize for jQuery.
+ *
+ * Copyright (c) 2007 Brice Burgess <bhb@iceburg.net>, http://www.iceburg.net
+ * Licensed under the MIT License:
+ * http://www.opensource.org/licenses/mit-license.php
+ * 
+ * $Version: 2007.08.19 +r2
+ */
+
+(function($){
+$.fn.jqDrag=function(h){return i(this,h,'d');};
+$.fn.jqResize=function(h,ar){return i(this,h,'r',ar);};
+$.jqDnR={
+	dnr:{},
+	e:0,
+	drag:function(v){
+		if(M.k == 'd'){E.css({left:M.X+v.pageX-M.pX,top:M.Y+v.pageY-M.pY});}
+		else {
+			E.css({width:Math.max(v.pageX-M.pX+M.W,0),height:Math.max(v.pageY-M.pY+M.H,0)});
+			if(M1){E1.css({width:Math.max(v.pageX-M1.pX+M1.W,0),height:Math.max(v.pageY-M1.pY+M1.H,0)});}
+		}
+		return false;
+	},
+	stop:function(){
+		//E.css('opacity',M.o);
+		$(document).unbind('mousemove',J.drag).unbind('mouseup',J.stop);
+	}
+};
+var J=$.jqDnR,M=J.dnr,E=J.e,E1,M1,
+i=function(e,h,k,aR){
+	return e.each(function(){
+		h=(h)?$(h,e):e;
+		h.bind('mousedown',{e:e,k:k},function(v){
+			var d=v.data,p={};E=d.e;E1 = aR ? $(aR) : false;
+			// attempt utilization of dimensions plugin to fix IE issues
+			if(E.css('position') != 'relative'){try{E.position(p);}catch(e){}}
+			M={
+				X:p.left||f('left')||0,
+				Y:p.top||f('top')||0,
+				W:f('width')||E[0].scrollWidth||0,
+				H:f('height')||E[0].scrollHeight||0,
+				pX:v.pageX,
+				pY:v.pageY,
+				k:d.k
+				//o:E.css('opacity')
+			};
+			// also resize
+			if(E1 && d.k != 'd'){
+				M1={
+					X:p.left||f1('left')||0,
+					Y:p.top||f1('top')||0,
+					W:E1[0].offsetWidth||f1('width')||0,
+					H:E1[0].offsetHeight||f1('height')||0,
+					pX:v.pageX,
+					pY:v.pageY,
+					k:d.k
+				};
+			} else {M1 = false;}			
+			//E.css({opacity:0.8});
+			if($("input.hasDatepicker",E[0])[0]) {
+			try {$("input.hasDatepicker",E[0]).datepicker('hide');}catch (dpe){}
+			}
+			$(document).mousemove($.jqDnR.drag).mouseup($.jqDnR.stop);
+			return false;
+		});
+	});
+},
+f=function(k){return parseInt(E.css(k),10)||false;},
+f1=function(k){return parseInt(E1.css(k),10)||false;};
+})(jQuery);/*
+	The below work is licensed under Creative Commons GNU LGPL License.
+
+	Original work:
+
+	License:     http://creativecommons.org/licenses/LGPL/2.1/
+	Author:      Stefan Goessner/2006
+	Web:         http://goessner.net/ 
+
+	Modifications made:
+
+	Version:     0.9-p5
+	Description: Restructured code, JSLint validated (no strict whitespaces),
+	             added handling of empty arrays, empty strings, and int/floats values.
+	Author:      Michael Schøler/2008-01-29
+	Web:         http://michael.hinnerup.net/blog/2008/01/26/converting-json-to-xml-and-xml-to-json/
+	
+	Description: json2xml added support to convert functions as CDATA
+	             so it will be easy to write characters that cause some problems when convert
+	Author:      Tony Tomov
+*/
+
+/*global alert */
+var xmlJsonClass = {
+	// Param "xml": Element or document DOM node.
+	// Param "tab": Tab or indent string for pretty output formatting omit or use empty string "" to supress.
+	// Returns:     JSON string
+	xml2json: function(xml, tab) {
+		if (xml.nodeType === 9) {
+			// document node
+			xml = xml.documentElement;
+		}
+		var nws = this.removeWhite(xml);
+		var obj = this.toObj(nws);
+		var json = this.toJson(obj, xml.nodeName, "\t");
+		return "{\n" + tab + (tab ? json.replace(/\t/g, tab) : json.replace(/\t|\n/g, "")) + "\n}";
+	},
+
+	// Param "o":   JavaScript object
+	// Param "tab": tab or indent string for pretty output formatting omit or use empty string "" to supress.
+	// Returns:     XML string
+	json2xml: function(o, tab) {
+		var toXml = function(v, name, ind) {
+			var xml = "";
+			var i, n;
+			if (v instanceof Array) {
+				if (v.length === 0) {
+					xml += ind + "<"+name+">__EMPTY_ARRAY_</"+name+">\n";
+				}
+				else {
+					for (i = 0, n = v.length; i < n; i += 1) {
+						var sXml = ind + toXml(v[i], name, ind+"\t") + "\n";
+						xml += sXml;
+					}
+				}
+			}
+			else if (typeof(v) === "object") {
+				var hasChild = false;
+				xml += ind + "<" + name;
+				var m;
+				for (m in v) if (v.hasOwnProperty(m)) {
+					if (m.charAt(0) === "@") {
+						xml += " " + m.substr(1) + "=\"" + v[m].toString() + "\"";
+					}
+					else {
+						hasChild = true;
+					}
+				}
+				xml += hasChild ? ">" : "/>";
+				if (hasChild) {
+					for (m in v) if (v.hasOwnProperty(m)) {
+						if (m === "#text") {
+							xml += v[m];
+						}
+						else if (m === "#cdata") {
+							xml += "<![CDATA[" + v[m] + "]]>";
+						}
+						else if (m.charAt(0) !== "@") {
+							xml += toXml(v[m], m, ind+"\t");
+						}
+					}
+					xml += (xml.charAt(xml.length - 1) === "\n" ? ind : "") + "</" + name + ">";
+				}
+			}
+			else if (typeof(v) === "function") {
+				xml += ind + "<" + name + ">" + "<![CDATA[" + v + "]]>" + "</" + name + ">";
+			}
+			else {
+				if (v === undefined ) { v = ""; }
+				if (v.toString() === "\"\"" || v.toString().length === 0) {
+					xml += ind + "<" + name + ">__EMPTY_STRING_</" + name + ">";
+				} 
+				else {
+					xml += ind + "<" + name + ">" + v.toString() + "</" + name + ">";
+				}
+			}
+			return xml;
+		};
+		var xml = "";
+		var m;
+		for (m in o) if (o.hasOwnProperty(m)) {
+			xml += toXml(o[m], m, "");
+		}
+		return tab ? xml.replace(/\t/g, tab) : xml.replace(/\t|\n/g, "");
+	},
+	// Internal methods
+	toObj: function(xml) {
+		var o = {};
+		var FuncTest = /function/i;
+		if (xml.nodeType === 1) {
+			// element node ..
+			if (xml.attributes.length) {
+				// element with attributes ..
+				var i;
+				for (i = 0; i < xml.attributes.length; i += 1) {
+					o["@" + xml.attributes[i].nodeName] = (xml.attributes[i].nodeValue || "").toString();
+				}
+			}
+			if (xml.firstChild) {
+				// element has child nodes ..
+				var textChild = 0, cdataChild = 0, hasElementChild = false;
+				var n;
+				for (n = xml.firstChild; n; n = n.nextSibling) {
+					if (n.nodeType === 1) {
+						hasElementChild = true;
+					}
+					else if (n.nodeType === 3 && n.nodeValue.match(/[^ \f\n\r\t\v]/)) {
+						// non-whitespace text
+						textChild += 1;
+					}
+					else if (n.nodeType === 4) {
+						// cdata section node
+						cdataChild += 1;
+					}
+				}
+				if (hasElementChild) {
+					if (textChild < 2 && cdataChild < 2) {
+						// structured element with evtl. a single text or/and cdata node ..
+						this.removeWhite(xml);
+						for (n = xml.firstChild; n; n = n.nextSibling) {
+							if (n.nodeType === 3) {
+								// text node
+								o["#text"] = this.escape(n.nodeValue);
+							}
+							else if (n.nodeType === 4) {
+								// cdata node
+								if (FuncTest.test(n.nodeValue)) {
+									o[n.nodeName] = [o[n.nodeName], n.nodeValue];
+								} else {
+									o["#cdata"] = this.escape(n.nodeValue);
+								}
+							}
+							else if (o[n.nodeName]) {
+								// multiple occurence of element ..
+								if (o[n.nodeName] instanceof Array) {
+									o[n.nodeName][o[n.nodeName].length] = this.toObj(n);
+								}
+								else {
+									o[n.nodeName] = [o[n.nodeName], this.toObj(n)];
+								}
+							}
+							else {
+								// first occurence of element ..
+								o[n.nodeName] = this.toObj(n);
+							}
+						}
+					}
+					else {
+						// mixed content
+						if (!xml.attributes.length) {
+							o = this.escape(this.innerXml(xml));
+						}
+						else {
+							o["#text"] = this.escape(this.innerXml(xml));
+						}
+					}
+				}
+				else if (textChild) {
+					// pure text
+					if (!xml.attributes.length) {
+						o = this.escape(this.innerXml(xml));
+						if (o === "__EMPTY_ARRAY_") {
+							o = "[]";
+						} else if (o === "__EMPTY_STRING_") {
+							o = "";
+						}
+					}
+					else {
+						o["#text"] = this.escape(this.innerXml(xml));
+					}
+				}
+				else if (cdataChild) {
+					// cdata
+					if (cdataChild > 1) {
+						o = this.escape(this.innerXml(xml));
+					}
+					else {
+						for (n = xml.firstChild; n; n = n.nextSibling) {
+							if(FuncTest.test(xml.firstChild.nodeValue)) {
+								o = xml.firstChild.nodeValue;
+								break;
+							} else {
+								o["#cdata"] = this.escape(n.nodeValue);
+							}
+						}
+					}
+				}
+			}
+			if (!xml.attributes.length && !xml.firstChild) {
+				o = null;
+			}
+		}
+		else if (xml.nodeType === 9) {
+			// document.node
+			o = this.toObj(xml.documentElement);
+		}
+		else {
+			alert("unhandled node type: " + xml.nodeType);
+		}
+		return o;
+	},
+	toJson: function(o, name, ind, wellform) {
+		if(wellform === undefined) wellform = true;
+		var json = name ? ("\"" + name + "\"") : "", tab = "\t", newline = "\n";
+		if(!wellform) {
+			tab= ""; newline= "";
+		}
+
+		if (o === "[]") {
+			json += (name ? ":[]" : "[]");
+		}
+		else if (o instanceof Array) {
+			var n, i, ar=[];
+			for (i = 0, n = o.length; i < n; i += 1) {
+				ar[i] = this.toJson(o[i], "", ind + tab, wellform);
+			}
+			json += (name ? ":[" : "[") + (ar.length > 1 ? (newline + ind + tab + ar.join(","+newline + ind + tab) + newline + ind) : ar.join("")) + "]";
+		}
+		else if (o === null) {
+			json += (name && ":") + "null";
+		}
+		else if (typeof(o) === "object") {
+			var arr = [], m;
+			for (m in o) {
+				if (o.hasOwnProperty(m)) {
+					arr[arr.length] = this.toJson(o[m], m, ind + tab, wellform);
+			}
+		}
+			json += (name ? ":{" : "{") + (arr.length > 1 ? (newline + ind + tab + arr.join(","+newline + ind + tab) + newline + ind) : arr.join("")) + "}";
+		}
+		else if (typeof(o) === "string") {
+			/*
+			var objRegExp  = /(^-?\d+\.?\d*$)/;
+			var FuncTest = /function/i;
+			var os = o.toString();
+			if (objRegExp.test(os) || FuncTest.test(os) || os==="false" || os==="true") {
+				// int or float
+				json += (name && ":")  + "\"" +os + "\"";
+			} 
+			else {
+			*/
+				json += (name && ":") + "\"" + o.replace(/\\/g,'\\\\').replace(/\"/g,'\\"') + "\"";
+			//}
+			}
+		else {
+			json += (name && ":") +  o.toString();
+		}
+		return json;
+	},
+	innerXml: function(node) {
+		var s = "";
+		if ("innerHTML" in node) {
+			s = node.innerHTML;
+		}
+		else {
+			var asXml = function(n) {
+				var s = "", i;
+				if (n.nodeType === 1) {
+					s += "<" + n.nodeName;
+					for (i = 0; i < n.attributes.length; i += 1) {
+						s += " " + n.attributes[i].nodeName + "=\"" + (n.attributes[i].nodeValue || "").toString() + "\"";
+					}
+					if (n.firstChild) {
+						s += ">";
+						for (var c = n.firstChild; c; c = c.nextSibling) {
+							s += asXml(c);
+						}
+						s += "</" + n.nodeName + ">";
+					}
+					else {
+						s += "/>";
+					}
+				}
+				else if (n.nodeType === 3) {
+					s += n.nodeValue;
+				}
+				else if (n.nodeType === 4) {
+					s += "<![CDATA[" + n.nodeValue + "]]>";
+				}
+				return s;
+			};
+			for (var c = node.firstChild; c; c = c.nextSibling) {
+				s += asXml(c);
+			}
+		}
+		return s;
+	},
+	escape: function(txt) {
+		return txt.replace(/[\\]/g, "\\\\").replace(/[\"]/g, '\\"').replace(/[\n]/g, '\\n').replace(/[\r]/g, '\\r');
+	},
+	removeWhite: function(e) {
+		e.normalize();
+		var n;
+		for (n = e.firstChild; n; ) {
+			if (n.nodeType === 3) {
+				// text node
+				if (!n.nodeValue.match(/[^ \f\n\r\t\v]/)) {
+					// pure whitespace text node
+					var nxt = n.nextSibling;
+					e.removeChild(n);
+					n = nxt;
+				}
+				else {
+					n = n.nextSibling;
+				}
+			}
+			else if (n.nodeType === 1) {
+				// element node
+				this.removeWhite(n);
+				n = n.nextSibling;
+			}
+			else {
+				// any other node
+				n = n.nextSibling;
+			}
+		}
+		return e;
+	}
+};/*
+**
+ * formatter for values but most of the values if for jqGrid
+ * Some of this was inspired and based on how YUI does the table datagrid but in jQuery fashion
+ * we are trying to keep it as light as possible
+ * Joshua Burnett josh@9ci.com	
+ * http://www.greenbill.com
+ *
+ * Changes from Tony Tomov tony@trirand.com
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl-2.0.html
+ * 
+**/
+/*jshint eqeqeq:false */
+/*global jQuery */
+
+(function($) {
+"use strict";	
+	$.fmatter = {};
+	//opts can be id:row id for the row, rowdata:the data for the row, colmodel:the column model for this column
+	//example {id:1234,}
+	$.extend($.fmatter,{
+		isBoolean : function(o) {
+			return typeof o === 'boolean';
+		},
+		isObject : function(o) {
+			return (o && (typeof o === 'object' || $.isFunction(o))) || false;
+		},
+		isString : function(o) {
+			return typeof o === 'string';
+		},
+		isNumber : function(o) {
+			return typeof o === 'number' && isFinite(o);
+		},
+		isValue : function (o) {
+			return (this.isObject(o) || this.isString(o) || this.isNumber(o) || this.isBoolean(o));
+		},
+		isEmpty : function(o) {
+			if(!this.isString(o) && this.isValue(o)) {
+				return false;
+			}
+			if (!this.isValue(o)){
+				return true;
+			}
+			o = $.trim(o).replace(/\&nbsp\;/ig,'').replace(/\&#160\;/ig,'');
+			return o==="";	
+		}
+	});
+	$.fn.fmatter = function(formatType, cellval, opts, rwd, act) {
+		// build main options before element iteration
+		var v=cellval;
+		opts = $.extend({}, $.jgrid.formatter, opts);
+
+		try {
+			v = $.fn.fmatter[formatType].call(this, cellval, opts, rwd, act);
+		} catch(fe){}
+		return v;
+	};
+	$.fmatter.util = {
+		// Taken from YAHOO utils
+		NumberFormat : function(nData,opts) {
+			if(!$.fmatter.isNumber(nData)) {
+				nData *= 1;
+			}
+			if($.fmatter.isNumber(nData)) {
+				var bNegative = (nData < 0);
+				var sOutput = String(nData);
+				var sDecimalSeparator = opts.decimalSeparator || ".";
+				var nDotIndex;
+				if($.fmatter.isNumber(opts.decimalPlaces)) {
+					// Round to the correct decimal place
+					var nDecimalPlaces = opts.decimalPlaces;
+					var nDecimal = Math.pow(10, nDecimalPlaces);
+					sOutput = String(Math.round(nData*nDecimal)/nDecimal);
+					nDotIndex = sOutput.lastIndexOf(".");
+					if(nDecimalPlaces > 0) {
+					// Add the decimal separator
+						if(nDotIndex < 0) {
+							sOutput += sDecimalSeparator;
+							nDotIndex = sOutput.length-1;
+						}
+						// Replace the "."
+						else if(sDecimalSeparator !== "."){
+							sOutput = sOutput.replace(".",sDecimalSeparator);
+						}
+					// Add missing zeros
+						while((sOutput.length - 1 - nDotIndex) < nDecimalPlaces) {
+							sOutput += "0";
+						}
+					}
+				}
+				if(opts.thousandsSeparator) {
+					var sThousandsSeparator = opts.thousandsSeparator;
+					nDotIndex = sOutput.lastIndexOf(sDecimalSeparator);
+					nDotIndex = (nDotIndex > -1) ? nDotIndex : sOutput.length;
+					var sNewOutput = sOutput.substring(nDotIndex);
+					var nCount = -1, i;
+					for (i=nDotIndex; i>0; i--) {
+						nCount++;
+						if ((nCount%3 === 0) && (i !== nDotIndex) && (!bNegative || (i > 1))) {
+							sNewOutput = sThousandsSeparator + sNewOutput;
+						}
+						sNewOutput = sOutput.charAt(i-1) + sNewOutput;
+					}
+					sOutput = sNewOutput;
+				}
+				// Prepend prefix
+				sOutput = (opts.prefix) ? opts.prefix + sOutput : sOutput;
+				// Append suffix
+				sOutput = (opts.suffix) ? sOutput + opts.suffix : sOutput;
+				return sOutput;
+				
+			}
+			return nData;
+		}
+	};
+	$.fn.fmatter.defaultFormat = function(cellval, opts) {
+		return ($.fmatter.isValue(cellval) && cellval!=="" ) ?  cellval : opts.defaultValue || "&#160;";
+	};
+	$.fn.fmatter.email = function(cellval, opts) {
+		if(!$.fmatter.isEmpty(cellval)) {
+			return "<a href=\"mailto:" + cellval + "\">" + cellval + "</a>";
+		}
+		return $.fn.fmatter.defaultFormat(cellval,opts );
+	};
+	$.fn.fmatter.checkbox =function(cval, opts) {
+		var op = $.extend({},opts.checkbox), ds;
+		if(opts.colModel !== undefined && opts.colModel.formatoptions !== undefined) {
+			op = $.extend({},op,opts.colModel.formatoptions);
+		}
+		if(op.disabled===true) {ds = "disabled=\"disabled\"";} else {ds="";}
+		if($.fmatter.isEmpty(cval) || cval === undefined ) {cval = $.fn.fmatter.defaultFormat(cval,op);}
+		cval=String(cval);
+		cval=(cval+"").toLowerCase();
+		var bchk = cval.search(/(false|f|0|no|n|off|undefined)/i)<0 ? " checked='checked' " : "";
+		return "<input type=\"checkbox\" " + bchk  + " value=\""+ cval+"\" offval=\"no\" "+ds+ "/>";
+	};
+	$.fn.fmatter.link = function(cellval, opts) {
+		var op = {target:opts.target};
+		var target = "";
+		if(opts.colModel !== undefined && opts.colModel.formatoptions !== undefined) {
+			op = $.extend({},op,opts.colModel.formatoptions);
+		}
+		if(op.target) {target = 'target=' + op.target;}
+		if(!$.fmatter.isEmpty(cellval)) {
+			return "<a "+target+" href=\"" + cellval + "\">" + cellval + "</a>";
+		}
+		return $.fn.fmatter.defaultFormat(cellval,opts);
+	};
+	$.fn.fmatter.showlink = function(cellval, opts) {
+		var op = {baseLinkUrl: opts.baseLinkUrl,showAction:opts.showAction, addParam: opts.addParam || "", target: opts.target, idName: opts.idName},
+		target = "", idUrl;
+		if(opts.colModel !== undefined && opts.colModel.formatoptions !== undefined) {
+			op = $.extend({},op,opts.colModel.formatoptions);
+		}
+		if(op.target) {target = 'target=' + op.target;}
+		idUrl = op.baseLinkUrl+op.showAction + '?'+ op.idName+'='+opts.rowId+op.addParam;
+		if($.fmatter.isString(cellval) || $.fmatter.isNumber(cellval)) {	//add this one even if its blank string
+			return "<a "+target+" href=\"" + idUrl + "\">" + cellval + "</a>";
+		}
+		return $.fn.fmatter.defaultFormat(cellval,opts);
+	};
+	$.fn.fmatter.integer = function(cellval, opts) {
+		var op = $.extend({},opts.integer);
+		if(opts.colModel !== undefined && opts.colModel.formatoptions !== undefined) {
+			op = $.extend({},op,opts.colModel.formatoptions);
+		}
+		if($.fmatter.isEmpty(cellval)) {
+			return op.defaultValue;
+		}
+		return $.fmatter.util.NumberFormat(cellval,op);
+	};
+	$.fn.fmatter.number = function (cellval, opts) {
+		var op = $.extend({},opts.number);
+		if(opts.colModel !== undefined && opts.colModel.formatoptions !== undefined) {
+			op = $.extend({},op,opts.colModel.formatoptions);
+		}
+		if($.fmatter.isEmpty(cellval)) {
+			return op.defaultValue;
+		}
+		return $.fmatter.util.NumberFormat(cellval,op);
+	};
+	$.fn.fmatter.currency = function (cellval, opts) {
+		var op = $.extend({},opts.currency);
+		if(opts.colModel !== undefined && opts.colModel.formatoptions !== undefined) {
+			op = $.extend({},op,opts.colModel.formatoptions);
+		}
+		if($.fmatter.isEmpty(cellval)) {
+			return op.defaultValue;
+		}
+		return $.fmatter.util.NumberFormat(cellval,op);
+	};
+	$.fn.fmatter.date = function (cellval, opts, rwd, act) {
+		var op = $.extend({},opts.date);
+		if(opts.colModel !== undefined && opts.colModel.formatoptions !== undefined) {
+			op = $.extend({},op,opts.colModel.formatoptions);
+		}
+		if(!op.reformatAfterEdit && act === 'edit'){
+			return $.fn.fmatter.defaultFormat(cellval, opts);
+		}
+		if(!$.fmatter.isEmpty(cellval)) {
+			return $.jgrid.parseDate(op.srcformat,cellval,op.newformat,op);
+		}
+		return $.fn.fmatter.defaultFormat(cellval, opts);
+	};
+	$.fn.fmatter.select = function (cellval,opts) {
+		// jqGrid specific
+		cellval = String(cellval);
+		var oSelect = false, ret=[], sep, delim;
+		if(opts.colModel.formatoptions !== undefined){
+			oSelect= opts.colModel.formatoptions.value;
+			sep = opts.colModel.formatoptions.separator === undefined ? ":" : opts.colModel.formatoptions.separator;
+			delim = opts.colModel.formatoptions.delimiter === undefined ? ";" : opts.colModel.formatoptions.delimiter;
+		} else if(opts.colModel.editoptions !== undefined){
+			oSelect= opts.colModel.editoptions.value;
+			sep = opts.colModel.editoptions.separator === undefined ? ":" : opts.colModel.editoptions.separator;
+			delim = opts.colModel.editoptions.delimiter === undefined ? ";" : opts.colModel.editoptions.delimiter;
+		}
+		if (oSelect) {
+			var	msl =  opts.colModel.editoptions.multiple === true ? true : false,
+			scell = [], sv;
+			if(msl) {scell = cellval.split(",");scell = $.map(scell,function(n){return $.trim(n);});}
+			if ($.fmatter.isString(oSelect)) {
+				// mybe here we can use some caching with care ????
+				var so = oSelect.split(delim), j=0, i;
+				for(i=0; i<so.length;i++){
+					sv = so[i].split(sep);
+					if(sv.length > 2 ) {
+						sv[1] = $.map(sv,function(n,i){if(i>0) {return n;}}).join(sep);
+					}
+					if(msl) {
+						if($.inArray(sv[0],scell)>-1) {
+							ret[j] = sv[1];
+							j++;
+						}
+					} else if($.trim(sv[0]) === $.trim(cellval)) {
+						ret[0] = sv[1];
+						break;
+					}
+				}
+			} else if($.fmatter.isObject(oSelect)) {
+				// this is quicker
+				if(msl) {
+					ret = $.map(scell, function(n){
+						return oSelect[n];
+					});
+				} else {
+					ret[0] = oSelect[cellval] || "";
+				}
+			}
+		}
+		cellval = ret.join(", ");
+		return  cellval === "" ? $.fn.fmatter.defaultFormat(cellval,opts) : cellval;
+	};
+	$.fn.fmatter.rowactions = function(act) {
+		var $tr = $(this).closest("tr.jqgrow"),
+			rid = $tr.attr("id"),
+			$id = $(this).closest("table.ui-jqgrid-btable").attr('id').replace(/_frozen([^_]*)$/,'$1'),
+			$grid = $("#"+$id),
+			$t = $grid[0],
+			p = $t.p,
+			cm = p.colModel[$.jgrid.getCellIndex(this)],
+			$actionsDiv = cm.frozen ? $("tr#"+rid+" td:eq("+$.jgrid.getCellIndex(this)+") > div",$grid) :$(this).parent(),
+			op = {
+				extraparam: {}
+			},
+			saverow = function(rowid, res) {
+				if($.isFunction(op.afterSave)) { op.afterSave.call($t, rowid, res); }
+				$actionsDiv.find("div.ui-inline-edit,div.ui-inline-del").show();
+				$actionsDiv.find("div.ui-inline-save,div.ui-inline-cancel").hide();
+			},
+			restorerow = function(rowid) {
+				if($.isFunction(op.afterRestore)) { op.afterRestore.call($t, rowid); }
+				$actionsDiv.find("div.ui-inline-edit,div.ui-inline-del").show();
+				$actionsDiv.find("div.ui-inline-save,div.ui-inline-cancel").hide();
+			};
+
+		if (cm.formatoptions !== undefined) {
+			op = $.extend(op,cm.formatoptions);
+		}
+		if (p.editOptions !== undefined) {
+			op.editOptions = p.editOptions;
+		}
+		if (p.delOptions !== undefined) {
+			op.delOptions = p.delOptions;
+		}
+		if ($tr.hasClass("jqgrid-new-row")){
+			op.extraparam[p.prmNames.oper] = p.prmNames.addoper;
+		}
+		var actop = {
+			keys: op.keys,
+			oneditfunc: op.onEdit,
+			successfunc: op.onSuccess,
+			url: op.url,
+			extraparam: op.extraparam,
+			aftersavefunc: saverow,
+			errorfunc: op.onError,
+			afterrestorefunc: restorerow,
+			restoreAfterError: op.restoreAfterError,
+			mtype: op.mtype
+		};
+		switch(act)
+		{
+			case 'edit':
+				$grid.jqGrid('editRow', rid, actop);
+				$actionsDiv.find("div.ui-inline-edit,div.ui-inline-del").hide();
+				$actionsDiv.find("div.ui-inline-save,div.ui-inline-cancel").show();
+				$grid.triggerHandler("jqGridAfterGridComplete");
+				break;
+			case 'save':
+				if ($grid.jqGrid('saveRow', rid, actop)) {
+					$actionsDiv.find("div.ui-inline-edit,div.ui-inline-del").show();
+					$actionsDiv.find("div.ui-inline-save,div.ui-inline-cancel").hide();
+					$grid.triggerHandler("jqGridAfterGridComplete");
+				}
+				break;
+			case 'cancel' :
+				$grid.jqGrid('restoreRow', rid, restorerow);
+				$actionsDiv.find("div.ui-inline-edit,div.ui-inline-del").show();
+				$actionsDiv.find("div.ui-inline-save,div.ui-inline-cancel").hide();
+				$grid.triggerHandler("jqGridAfterGridComplete");
+				break;
+			case 'del':
+				$grid.jqGrid('delGridRow', rid, op.delOptions);
+				break;
+			case 'formedit':
+				$grid.jqGrid('setSelection', rid);
+				$grid.jqGrid('editGridRow', rid, op.editOptions);
+				break;
+		}
+	};
+	$.fn.fmatter.actions = function(cellval,opts) {
+		var op={keys:false, editbutton:true, delbutton:true, editformbutton: false},
+			rowid=opts.rowId, str="",ocl;
+		if(opts.colModel.formatoptions !== undefined) {
+			op = $.extend(op,opts.colModel.formatoptions);
+		}
+		if(rowid === undefined || $.fmatter.isEmpty(rowid)) {return "";}
+		if(op.editformbutton){
+			ocl = "id='jEditButton_"+rowid+"' onclick=jQuery.fn.fmatter.rowactions.call(this,'formedit'); onmouseover=jQuery(this).addClass('ui-state-hover'); onmouseout=jQuery(this).removeClass('ui-state-hover'); ";
+			str += "<div title='"+$.jgrid.nav.edittitle+"' style='float:left;cursor:pointer;' class='ui-pg-div ui-inline-edit' "+ocl+"><span class='ui-icon ui-icon-pencil'></span></div>";
+		} else if(op.editbutton){
+			ocl = "id='jEditButton_"+rowid+"' onclick=jQuery.fn.fmatter.rowactions.call(this,'edit'); onmouseover=jQuery(this).addClass('ui-state-hover'); onmouseout=jQuery(this).removeClass('ui-state-hover') ";
+			str += "<div title='"+$.jgrid.nav.edittitle+"' style='float:left;cursor:pointer;' class='ui-pg-div ui-inline-edit' "+ocl+"><span class='ui-icon ui-icon-pencil'></span></div>";
+		}
+		if(op.delbutton) {
+			ocl = "id='jDeleteButton_"+rowid+"' onclick=jQuery.fn.fmatter.rowactions.call(this,'del'); onmouseover=jQuery(this).addClass('ui-state-hover'); onmouseout=jQuery(this).removeClass('ui-state-hover'); ";
+			str += "<div title='"+$.jgrid.nav.deltitle+"' style='float:left;margin-left:5px;' class='ui-pg-div ui-inline-del' "+ocl+"><span class='ui-icon ui-icon-trash'></span></div>";
+		}
+		ocl = "id='jSaveButton_"+rowid+"' onclick=jQuery.fn.fmatter.rowactions.call(this,'save'); onmouseover=jQuery(this).addClass('ui-state-hover'); onmouseout=jQuery(this).removeClass('ui-state-hover'); ";
+		str += "<div title='"+$.jgrid.edit.bSubmit+"' style='float:left;display:none' class='ui-pg-div ui-inline-save' "+ocl+"><span class='ui-icon ui-icon-disk'></span></div>";
+		ocl = "id='jCancelButton_"+rowid+"' onclick=jQuery.fn.fmatter.rowactions.call(this,'cancel'); onmouseover=jQuery(this).addClass('ui-state-hover'); onmouseout=jQuery(this).removeClass('ui-state-hover'); ";
+		str += "<div title='"+$.jgrid.edit.bCancel+"' style='float:left;display:none;margin-left:5px;' class='ui-pg-div ui-inline-cancel' "+ocl+"><span class='ui-icon ui-icon-cancel'></span></div>";
+		return "<div style='margin-left:8px;'>" + str + "</div>";
+	};
+	$.unformat = function (cellval,options,pos,cnt) {
+		// specific for jqGrid only
+		var ret, formatType = options.colModel.formatter,
+		op =options.colModel.formatoptions || {}, sep,
+		re = /([\.\*\_\'\(\)\{\}\+\?\\])/g,
+		unformatFunc = options.colModel.unformat||($.fn.fmatter[formatType] && $.fn.fmatter[formatType].unformat);
+		if(unformatFunc !== undefined && $.isFunction(unformatFunc) ) {
+			ret = unformatFunc.call(this, $(cellval).text(), options, cellval);
+		} else if(formatType !== undefined && $.fmatter.isString(formatType) ) {
+			var opts = $.jgrid.formatter || {}, stripTag;
+			switch(formatType) {
+				case 'integer' :
+					op = $.extend({},opts.integer,op);
+					sep = op.thousandsSeparator.replace(re,"\\$1");
+					stripTag = new RegExp(sep, "g");
+					ret = $(cellval).text().replace(stripTag,'');
+					break;
+				case 'number' :
+					op = $.extend({},opts.number,op);
+					sep = op.thousandsSeparator.replace(re,"\\$1");
+					stripTag = new RegExp(sep, "g");
+					ret = $(cellval).text().replace(stripTag,"").replace(op.decimalSeparator,'.');
+					break;
+				case 'currency':
+					op = $.extend({},opts.currency,op);
+					sep = op.thousandsSeparator.replace(re,"\\$1");
+					stripTag = new RegExp(sep, "g");
+					ret = $(cellval).text();
+					if (op.prefix && op.prefix.length) {
+						ret = ret.substr(op.prefix.length);
+					}
+					if (op.suffix && op.suffix.length) {
+						ret = ret.substr(0, ret.length - op.suffix.length);
+					}
+					ret = ret.replace(stripTag,'').replace(op.decimalSeparator,'.');
+					break;
+				case 'checkbox':
+					var cbv = (options.colModel.editoptions) ? options.colModel.editoptions.value.split(":") : ["Yes","No"];
+					ret = $('input',cellval).is(":checked") ? cbv[0] : cbv[1];
+					break;
+				case 'select' :
+					ret = $.unformat.select(cellval,options,pos,cnt);
+					break;
+				case 'actions':
+					return "";
+				default:
+					ret= $(cellval).text();
+			}
+		}
+		return ret !== undefined ? ret : cnt===true ? $(cellval).text() : $.jgrid.htmlDecode($(cellval).html());
+	};
+	$.unformat.select = function (cellval,options,pos,cnt) {
+		// Spacial case when we have local data and perform a sort
+		// cnt is set to true only in sortDataArray
+		var ret = [];
+		var cell = $(cellval).text();
+		if(cnt===true) {return cell;}
+		var op = $.extend({}, options.colModel.formatoptions !== undefined ? options.colModel.formatoptions: options.colModel.editoptions),
+		sep = op.separator === undefined ? ":" : op.separator,
+		delim = op.delimiter === undefined ? ";" : op.delimiter;
+		
+		if(op.value){
+			var oSelect = op.value,
+			msl =  op.multiple === true ? true : false,
+			scell = [], sv;
+			if(msl) {scell = cell.split(",");scell = $.map(scell,function(n){return $.trim(n);});}
+			if ($.fmatter.isString(oSelect)) {
+				var so = oSelect.split(delim), j=0, i;
+				for(i=0; i<so.length;i++){
+					sv = so[i].split(sep);
+					if(sv.length > 2 ) {
+						sv[1] = $.map(sv,function(n,i){if(i>0) {return n;}}).join(sep);
+					}					
+					if(msl) {
+						if($.inArray(sv[1],scell)>-1) {
+							ret[j] = sv[0];
+							j++;
+						}
+					} else if($.trim(sv[1]) === $.trim(cell)) {
+						ret[0] = sv[0];
+						break;
+					}
+				}
+			} else if($.fmatter.isObject(oSelect) || $.isArray(oSelect) ){
+				if(!msl) {scell[0] =  cell;}
+				ret = $.map(scell, function(n){
+					var rv;
+					$.each(oSelect, function(i,val){
+						if (val === n) {
+							rv = i;
+							return false;
+						}
+					});
+					if( rv !== undefined ) {return rv;}
+				});
+			}
+			return ret.join(", ");
+		}
+		return cell || "";
+	};
+	$.unformat.date = function (cellval, opts) {
+		var op = $.jgrid.formatter.date || {};
+		if(opts.formatoptions !== undefined) {
+			op = $.extend({},op,opts.formatoptions);
+		}		
+		if(!$.fmatter.isEmpty(cellval)) {
+			return $.jgrid.parseDate(op.newformat,cellval,op.srcformat,op);
+		}
+		return $.fn.fmatter.defaultFormat(cellval, opts);
+	};
+})(jQuery);
+/*jshint eqeqeq:false */
+/*global jQuery */
+(function($){
+/*
+ * jqGrid common function
+ * Tony Tomov tony@trirand.com
+ * http://trirand.com/blog/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl-2.0.html
+*/
+"use strict";
+$.extend($.jgrid,{
+// Modal functions
+	showModal : function(h) {
+		h.w.show();
+	},
+	closeModal : function(h) {
+		h.w.hide().attr("aria-hidden","true");
+		if(h.o) {h.o.remove();}
+	},
+	hideModal : function (selector,o) {
+		o = $.extend({jqm : true, gb :''}, o || {});
+		if(o.onClose) {
+			var oncret = o.gb && typeof o.gb === "string" && o.gb.substr(0,6) === "#gbox_" ? o.onClose.call($("#" + o.gb.substr(6))[0], selector) : o.onClose(selector);
+			if (typeof oncret === 'boolean'  && !oncret ) { return; }
+		}
+		if ($.fn.jqm && o.jqm === true) {
+			$(selector).attr("aria-hidden","true").jqmHide();
+		} else {
+			if(o.gb !== '') {
+				try {$(".jqgrid-overlay:first",o.gb).hide();} catch (e){}
+			}
+			$(selector).hide().attr("aria-hidden","true");
+		}
+	},
+//Helper functions
+	findPos : function(obj) {
+		var curleft = 0, curtop = 0;
+		if (obj.offsetParent) {
+			do {
+				curleft += obj.offsetLeft;
+				curtop += obj.offsetTop;
+			} while (obj = obj.offsetParent);
+			//do not change obj == obj.offsetParent
+		}
+		return [curleft,curtop];
+	},
+	createModal : function(aIDs, content, p, insertSelector, posSelector, appendsel, css) {
+		p = $.extend(true, {}, $.jgrid.jqModal || {}, p);
+		var mw  = document.createElement('div'), rtlsup, self = this;
+		css = $.extend({}, css || {});
+		rtlsup = $(p.gbox).attr("dir") === "rtl" ? true : false;
+		mw.className= "ui-widget ui-widget-content ui-corner-all ui-jqdialog";
+		mw.id = aIDs.themodal;
+		var mh = document.createElement('div');
+		mh.className = "ui-jqdialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix";
+		mh.id = aIDs.modalhead;
+		$(mh).append("<span class='ui-jqdialog-title'>"+p.caption+"</span>");
+		var ahr= $("<a class='ui-jqdialog-titlebar-close ui-corner-all'></a>")
+		.hover(function(){ahr.addClass('ui-state-hover');},
+			function(){ahr.removeClass('ui-state-hover');})
+		.append("<span class='ui-icon ui-icon-closethick'></span>");
+		$(mh).append(ahr);
+		if(rtlsup) {
+			mw.dir = "rtl";
+			$(".ui-jqdialog-title",mh).css("float","right");
+			$(".ui-jqdialog-titlebar-close",mh).css("left",0.3+"em");
+		} else {
+			mw.dir = "ltr";
+			$(".ui-jqdialog-title",mh).css("float","left");
+			$(".ui-jqdialog-titlebar-close",mh).css("right",0.3+"em");
+		}
+		var mc = document.createElement('div');
+		$(mc).addClass("ui-jqdialog-content ui-widget-content").attr("id",aIDs.modalcontent);
+		$(mc).append(content);
+		mw.appendChild(mc);
+		$(mw).prepend(mh);
+		if(appendsel===true) { $('body').append(mw); } //append as first child in body -for alert dialog
+		else if (typeof appendsel === "string") {
+			$(appendsel).append(mw);
+		} else {$(mw).insertBefore(insertSelector);}
+		$(mw).css(css);
+		if(p.jqModal === undefined) {p.jqModal = true;} // internal use
+		var coord = {};
+		if ( $.fn.jqm && p.jqModal === true) {
+			if(p.left ===0 && p.top===0 && p.overlay) {
+				var pos = [];
+				pos = $.jgrid.findPos(posSelector);
+				p.left = pos[0] + 4;
+				p.top = pos[1] + 4;
+			}
+			coord.top = p.top+"px";
+			coord.left = p.left;
+		} else if(p.left !==0 || p.top!==0) {
+			coord.left = p.left;
+			coord.top = p.top+"px";
+		}
+		$("a.ui-jqdialog-titlebar-close",mh).click(function(){
+			var oncm = $("#"+$.jgrid.jqID(aIDs.themodal)).data("onClose") || p.onClose;
+			var gboxclose = $("#"+$.jgrid.jqID(aIDs.themodal)).data("gbox") || p.gbox;
+			self.hideModal("#"+$.jgrid.jqID(aIDs.themodal),{gb:gboxclose,jqm:p.jqModal,onClose:oncm});
+			return false;
+		});
+		if (p.width === 0 || !p.width) {p.width = 300;}
+		if(p.height === 0 || !p.height) {p.height =200;}
+		if(!p.zIndex) {
+			var parentZ = $(insertSelector).parents("*[role=dialog]").filter(':first').css("z-index");
+			if(parentZ) {
+				p.zIndex = parseInt(parentZ,10)+2;
+			} else {
+				p.zIndex = 950;
+			}
+		}
+		var rtlt = 0;
+		if( rtlsup && coord.left && !appendsel) {
+			rtlt = $(p.gbox).width()- (!isNaN(p.width) ? parseInt(p.width,10) :0) - 8; // to do
+		// just in case
+			coord.left = parseInt(coord.left,10) + parseInt(rtlt,10);
+		}
+		if(coord.left) { coord.left += "px"; }
+		$(mw).css($.extend({
+			width: isNaN(p.width) ? "auto": p.width+"px",
+			height:isNaN(p.height) ? "auto" : p.height + "px",
+			zIndex:p.zIndex,
+			overflow: 'hidden'
+		},coord))
+		.attr({tabIndex: "-1","role":"dialog","aria-labelledby":aIDs.modalhead,"aria-hidden":"true"});
+		if(p.drag === undefined) { p.drag=true;}
+		if(p.resize === undefined) {p.resize=true;}
+		if (p.drag) {
+			$(mh).css('cursor','move');
+			if($.fn.jqDrag) {
+				$(mw).jqDrag(mh);
+			} else {
+				try {
+					$(mw).draggable({handle: $("#"+$.jgrid.jqID(mh.id))});
+				} catch (e) {}
+			}
+		}
+		if(p.resize) {
+			if($.fn.jqResize) {
+				$(mw).append("<div class='jqResize ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se'></div>");
+				$("#"+$.jgrid.jqID(aIDs.themodal)).jqResize(".jqResize",aIDs.scrollelm ? "#"+$.jgrid.jqID(aIDs.scrollelm) : false);
+			} else {
+				try {
+					$(mw).resizable({handles: 'se, sw',alsoResize: aIDs.scrollelm ? "#"+$.jgrid.jqID(aIDs.scrollelm) : false});
+				} catch (r) {}
+			}
+		}
+		if(p.closeOnEscape === true){
+			$(mw).keydown( function( e ) {
+				if( e.which == 27 ) {
+					var cone = $("#"+$.jgrid.jqID(aIDs.themodal)).data("onClose") || p.onClose;
+					self.hideModal("#"+$.jgrid.jqID(aIDs.themodal),{gb:p.gbox,jqm:p.jqModal,onClose: cone});
+				}
+			});
+		}
+	},
+	viewModal : function (selector,o){
+		o = $.extend({
+			toTop: true,
+			overlay: 10,
+			modal: false,
+			overlayClass : 'ui-widget-overlay',
+			onShow: $.jgrid.showModal,
+			onHide: $.jgrid.closeModal,
+			gbox: '',
+			jqm : true,
+			jqM : true
+		}, o || {});
+		if ($.fn.jqm && o.jqm === true) {
+			if(o.jqM) { $(selector).attr("aria-hidden","false").jqm(o).jqmShow(); }
+			else {$(selector).attr("aria-hidden","false").jqmShow();}
+		} else {
+			if(o.gbox !== '') {
+				$(".jqgrid-overlay:first",o.gbox).show();
+				$(selector).data("gbox",o.gbox);
+			}
+			$(selector).show().attr("aria-hidden","false");
+			try{$(':input:visible',selector)[0].focus();}catch(_){}
+		}
+	},
+	info_dialog : function(caption, content,c_b, modalopt) {
+		var mopt = {
+			width:290,
+			height:'auto',
+			dataheight: 'auto',
+			drag: true,
+			resize: false,
+			left:250,
+			top:170,
+			zIndex : 1000,
+			jqModal : true,
+			modal : false,
+			closeOnEscape : true,
+			align: 'center',
+			buttonalign : 'center',
+			buttons : []
+		// {text:'textbutt', id:"buttid", onClick : function(){...}}
+		// if the id is not provided we set it like info_button_+ the index in the array - i.e info_button_0,info_button_1...
+		};
+		$.extend(true, mopt, $.jgrid.jqModal || {}, {caption:"<b>"+caption+"</b>"}, modalopt || {});
+		var jm = mopt.jqModal, self = this;
+		if($.fn.jqm && !jm) { jm = false; }
+		// in case there is no jqModal
+		var buttstr ="", i;
+		if(mopt.buttons.length > 0) {
+			for(i=0;i<mopt.buttons.length;i++) {
+				if(mopt.buttons[i].id === undefined) { mopt.buttons[i].id = "info_button_"+i; }
+				buttstr += "<a id='"+mopt.buttons[i].id+"' class='fm-button ui-state-default ui-corner-all'>"+mopt.buttons[i].text+"</a>";
+			}
+		}
+		var dh = isNaN(mopt.dataheight) ? mopt.dataheight : mopt.dataheight+"px",
+		cn = "text-align:"+mopt.align+";";
+		var cnt = "<div id='info_id'>";
+		cnt += "<div id='infocnt' style='margin:0px;padding-bottom:1em;width:100%;overflow:auto;position:relative;height:"+dh+";"+cn+"'>"+content+"</div>";
+		cnt += c_b ? "<div class='ui-widget-content ui-helper-clearfix' style='text-align:"+mopt.buttonalign+";padding-bottom:0.8em;padding-top:0.5em;background-image: none;border-width: 1px 0 0 0;'><a id='closedialog' class='fm-button ui-state-default ui-corner-all'>"+c_b+"</a>"+buttstr+"</div>" :
+			buttstr !== ""  ? "<div class='ui-widget-content ui-helper-clearfix' style='text-align:"+mopt.buttonalign+";padding-bottom:0.8em;padding-top:0.5em;background-image: none;border-width: 1px 0 0 0;'>"+buttstr+"</div>" : "";
+		cnt += "</div>";
+
+		try {
+			if($("#info_dialog").attr("aria-hidden") === "false") {
+				$.jgrid.hideModal("#info_dialog",{jqm:jm});
+			}
+			$("#info_dialog").remove();
+		} catch (e){}
+		$.jgrid.createModal({
+			themodal:'info_dialog',
+			modalhead:'info_head',
+			modalcontent:'info_content',
+			scrollelm: 'infocnt'},
+			cnt,
+			mopt,
+			'','',true
+		);
+		// attach onclick after inserting into the dom
+		if(buttstr) {
+			$.each(mopt.buttons,function(i){
+				$("#"+$.jgrid.jqID(this.id),"#info_id").bind('click',function(){mopt.buttons[i].onClick.call($("#info_dialog")); return false;});
+			});
+		}
+		$("#closedialog", "#info_id").click(function(){
+			self.hideModal("#info_dialog",{
+				jqm:jm,
+				onClose: $("#info_dialog").data("onClose") || mopt.onClose,
+				gb: $("#info_dialog").data("gbox") || mopt.gbox
+			});
+			return false;
+		});
+		$(".fm-button","#info_dialog").hover(
+			function(){$(this).addClass('ui-state-hover');},
+			function(){$(this).removeClass('ui-state-hover');}
+		);
+		if($.isFunction(mopt.beforeOpen) ) { mopt.beforeOpen(); }
+		$.jgrid.viewModal("#info_dialog",{
+			onHide: function(h) {
+				h.w.hide().remove();
+				if(h.o) { h.o.remove(); }
+			},
+			modal :mopt.modal,
+			jqm:jm
+		});
+		if($.isFunction(mopt.afterOpen) ) { mopt.afterOpen(); }
+		try{ $("#info_dialog").focus();} catch (m){}
+	},
+	bindEv: function  (el, opt) {
+		var $t = this;
+		if($.isFunction(opt.dataInit)) {
+			opt.dataInit.call($t,el,opt);
+		}
+		if(opt.dataEvents) {
+			$.each(opt.dataEvents, function() {
+				if (this.data !== undefined) {
+					$(el).bind(this.type, this.data, this.fn);
+				} else {
+					$(el).bind(this.type, this.fn);
+				}
+			});
+		}
+	},
+// Form Functions
+	createEl : function(eltype,options,vl,autowidth, ajaxso) {
+		var elem = "", $t = this;
+		function setAttributes(elm, atr, exl ) {
+			var exclude = ['dataInit','dataEvents','dataUrl', 'buildSelect','sopt', 'searchhidden', 'defaultValue', 'attr', 'custom_element', 'custom_value'];
+			if(exl !== undefined && $.isArray(exl)) {
+				$.merge(exclude, exl);
+			}
+			$.each(atr, function(key, value){
+				if($.inArray(key, exclude) === -1) {
+					$(elm).attr(key,value);
+				}
+			});
+			if(!atr.hasOwnProperty('id')) {
+				$(elm).attr('id', $.jgrid.randId());
+			}
+		}
+		switch (eltype)
+		{
+			case "textarea" :
+				elem = document.createElement("textarea");
+				if(autowidth) {
+					if(!options.cols) { $(elem).css({width:"98%"});}
+				} else if (!options.cols) { options.cols = 20; }
+				if(!options.rows) { options.rows = 2; }
+				if(vl==='&nbsp;' || vl==='&#160;' || (vl.length===1 && vl.charCodeAt(0)===160)) {vl="";}
+				elem.value = vl;
+				setAttributes(elem, options);
+				$(elem).attr({"role":"textbox","multiline":"true"});
+			break;
+			case "checkbox" : //what code for simple checkbox
+				elem = document.createElement("input");
+				elem.type = "checkbox";
+				if( !options.value ) {
+					var vl1 = (vl+"").toLowerCase();
+					if(vl1.search(/(false|f|0|no|n|off|undefined)/i)<0 && vl1!=="") {
+						elem.checked=true;
+						elem.defaultChecked=true;
+						elem.value = vl;
+					} else {
+						elem.value = "on";
+					}
+					$(elem).attr("offval","off");
+				} else {
+					var cbval = options.value.split(":");
+					if(vl === cbval[0]) {
+						elem.checked=true;
+						elem.defaultChecked=true;
+					}
+					elem.value = cbval[0];
+					$(elem).attr("offval",cbval[1]);
+				}
+				setAttributes(elem, options, ['value']);
+				$(elem).attr("role","checkbox");
+			break;
+			case "select" :
+				elem = document.createElement("select");
+				elem.setAttribute("role","select");
+				var msl, ovm = [];
+				if(options.multiple===true) {
+					msl = true;
+					elem.multiple="multiple";
+					$(elem).attr("aria-multiselectable","true");
+				} else { msl = false; }
+				if(options.dataUrl !== undefined) {
+					var rowid = options.name ? String(options.id).substring(0, String(options.id).length - String(options.name).length - 1) : String(options.id),
+						postData = options.postData || ajaxso.postData;
+
+					if ($t.p && $t.p.idPrefix) {
+						rowid = $.jgrid.stripPref($t.p.idPrefix, rowid);
+					}
+					$.ajax($.extend({
+						url: $.isFunction(options.dataUrl) ? options.dataUrl.call($t, rowid, vl, String(options.name)) : options.dataUrl,
+						type : "GET",
+						dataType: "html",
+						data: $.isFunction(postData) ? postData.call($t, rowid, vl, String(options.name)) : postData,
+						context: {elem:elem, options:options, vl:vl},
+						success: function(data){
+							var ovm = [], elem = this.elem, vl = this.vl,
+							options = $.extend({},this.options),
+							msl = options.multiple===true,
+							a = $.isFunction(options.buildSelect) ? options.buildSelect.call($t,data) : data;
+							if(typeof a === 'string') {
+								a = $( $.trim( a ) ).html();
+							}
+							if(a) {
+								$(elem).append(a);
+								setAttributes(elem, options, postData ? ['postData'] : undefined );
+								if(options.size === undefined) { options.size =  msl ? 3 : 1;}
+								if(msl) {
+									ovm = vl.split(",");
+									ovm = $.map(ovm,function(n){return $.trim(n);});
+								} else {
+									ovm[0] = $.trim(vl);
+								}
+								//$(elem).attr(options);
+								setTimeout(function(){
+									$("option",elem).each(function(i){
+										//if(i===0) { this.selected = ""; }
+										// fix IE8/IE7 problem with selecting of the first item on multiple=true
+										if (i === 0 && elem.multiple) { this.selected = false; }
+										$(this).attr("role","option");
+										if($.inArray($.trim($(this).text()),ovm) > -1 || $.inArray($.trim($(this).val()),ovm) > -1 ) {
+											this.selected= "selected";
+										}
+									});
+								},0);
+							}
+						}
+					},ajaxso || {}));
+				} else if(options.value) {
+					var i;
+					if(options.size === undefined) {
+						options.size = msl ? 3 : 1;
+					}
+					if(msl) {
+						ovm = vl.split(",");
+						ovm = $.map(ovm,function(n){return $.trim(n);});
+					}
+					if(typeof options.value === 'function') { options.value = options.value(); }
+					var so,sv, ov, 
+					sep = options.separator === undefined ? ":" : options.separator,
+					delim = options.delimiter === undefined ? ";" : options.delimiter;
+					if(typeof options.value === 'string') {
+						so = options.value.split(delim);
+						for(i=0; i<so.length;i++){
+							sv = so[i].split(sep);
+							if(sv.length > 2 ) {
+								sv[1] = $.map(sv,function(n,ii){if(ii>0) { return n;} }).join(sep);
+							}
+							ov = document.createElement("option");
+							ov.setAttribute("role","option");
+							ov.value = sv[0]; ov.innerHTML = sv[1];
+							elem.appendChild(ov);
+							if (!msl &&  ($.trim(sv[0]) === $.trim(vl) || $.trim(sv[1]) === $.trim(vl))) { ov.selected ="selected"; }
+							if (msl && ($.inArray($.trim(sv[1]), ovm)>-1 || $.inArray($.trim(sv[0]), ovm)>-1)) {ov.selected ="selected";}
+						}
+					} else if (typeof options.value === 'object') {
+						var oSv = options.value, key;
+						for (key in oSv) {
+							if (oSv.hasOwnProperty(key ) ){
+								ov = document.createElement("option");
+								ov.setAttribute("role","option");
+								ov.value = key; ov.innerHTML = oSv[key];
+								elem.appendChild(ov);
+								if (!msl &&  ( $.trim(key) === $.trim(vl) || $.trim(oSv[key]) === $.trim(vl)) ) { ov.selected ="selected"; }
+								if (msl && ($.inArray($.trim(oSv[key]),ovm)>-1 || $.inArray($.trim(key),ovm)>-1)) { ov.selected ="selected"; }
+							}
+						}
+					}
+					setAttributes(elem, options, ['value']);
+				}
+			break;
+			case "text" :
+			case "password" :
+			case "button" :
+				var role;
+				if(eltype==="button") { role = "button"; }
+				else { role = "textbox"; }
+				elem = document.createElement("input");
+				elem.type = eltype;
+				elem.value = vl;
+				setAttributes(elem, options);
+				if(eltype !== "button"){
+					if(autowidth) {
+						if(!options.size) { $(elem).css({width:"98%"}); }
+					} else if (!options.size) { options.size = 20; }
+				}
+				$(elem).attr("role",role);
+			break;
+			case "image" :
+			case "file" :
+				elem = document.createElement("input");
+				elem.type = eltype;
+				setAttributes(elem, options);
+				break;
+			case "custom" :
+				elem = document.createElement("span");
+				try {
+					if($.isFunction(options.custom_element)) {
+						var celm = options.custom_element.call($t,vl,options);
+						if(celm) {
+							celm = $(celm).addClass("customelement").attr({id:options.id,name:options.name});
+							$(elem).empty().append(celm);
+						} else {
+							throw "e2";
+						}
+					} else {
+						throw "e1";
+					}
+				} catch (e) {
+					if (e==="e1") { $.jgrid.info_dialog($.jgrid.errors.errcap,"function 'custom_element' "+$.jgrid.edit.msg.nodefined, $.jgrid.edit.bClose);}
+					if (e==="e2") { $.jgrid.info_dialog($.jgrid.errors.errcap,"function 'custom_element' "+$.jgrid.edit.msg.novalue,$.jgrid.edit.bClose);}
+					else { $.jgrid.info_dialog($.jgrid.errors.errcap,typeof e==="string"?e:e.message,$.jgrid.edit.bClose); }
+				}
+			break;
+		}
+		return elem;
+	},
+// Date Validation Javascript
+	checkDate : function (format, date) {
+		var daysInFebruary = function(year){
+		// February has 29 days in any year evenly divisible by four,
+		// EXCEPT for centurial years which are not also divisible by 400.
+			return (((year % 4 === 0) && ( year % 100 !== 0 || (year % 400 === 0))) ? 29 : 28 );
+		},
+		tsp = {}, sep;
+		format = format.toLowerCase();
+		//we search for /,-,. for the date separator
+		if(format.indexOf("/") !== -1) {
+			sep = "/";
+		} else if(format.indexOf("-") !== -1) {
+			sep = "-";
+		} else if(format.indexOf(".") !== -1) {
+			sep = ".";
+		} else {
+			sep = "/";
+		}
+		format = format.split(sep);
+		date = date.split(sep);
+		if (date.length !== 3) { return false; }
+		var j=-1,yln, dln=-1, mln=-1, i;
+		for(i=0;i<format.length;i++){
+			var dv =  isNaN(date[i]) ? 0 : parseInt(date[i],10);
+			tsp[format[i]] = dv;
+			yln = format[i];
+			if(yln.indexOf("y") !== -1) { j=i; }
+			if(yln.indexOf("m") !== -1) { mln=i; }
+			if(yln.indexOf("d") !== -1) { dln=i; }
+		}
+		if (format[j] === "y" || format[j] === "yyyy") {
+			yln=4;
+		} else if(format[j] ==="yy"){
+			yln = 2;
+		} else {
+			yln = -1;
+		}
+		var daysInMonth = [0,31,29,31,30,31,30,31,31,30,31,30,31],
+		strDate;
+		if (j === -1) {
+			return false;
+		}
+			strDate = tsp[format[j]].toString();
+			if(yln === 2 && strDate.length === 1) {yln = 1;}
+			if (strDate.length !== yln || (tsp[format[j]]===0 && date[j]!=="00")){
+				return false;
+			}
+		if(mln === -1) {
+			return false;
+		}
+			strDate = tsp[format[mln]].toString();
+			if (strDate.length<1 || tsp[format[mln]]<1 || tsp[format[mln]]>12){
+				return false;
+			}
+		if(dln === -1) {
+			return false;
+		}
+			strDate = tsp[format[dln]].toString();
+			if (strDate.length<1 || tsp[format[dln]]<1 || tsp[format[dln]]>31 || (tsp[format[mln]]===2 && tsp[format[dln]]>daysInFebruary(tsp[format[j]])) || tsp[format[dln]] > daysInMonth[tsp[format[mln]]]){
+				return false;
+			}
+		return true;
+	},
+	isEmpty : function(val)
+	{
+		if (val.match(/^\s+$/) || val === "")	{
+			return true;
+		}
+			return false;
+	},
+	checkTime : function(time){
+	// checks only hh:ss (and optional am/pm)
+		var re = /^(\d{1,2}):(\d{2})([apAP][Mm])?$/,regs;
+		if(!$.jgrid.isEmpty(time))
+		{
+			regs = time.match(re);
+			if(regs) {
+				if(regs[3]) {
+					if(regs[1] < 1 || regs[1] > 12) { return false; }
+				} else {
+					if(regs[1] > 23) { return false; }
+				}
+				if(regs[2] > 59) {
+					return false;
+				}
+			} else {
+				return false;
+			}
+		}
+		return true;
+	},
+	checkValues : function(val, valref, customobject, nam) {
+		var edtrul,i, nm, dft, len, g = this, cm = g.p.colModel;
+		if(customobject === undefined) {
+			if(typeof valref==='string'){
+				for( i =0, len=cm.length;i<len; i++){
+					if(cm[i].name===valref) {
+						edtrul = cm[i].editrules;
+						valref = i;
+						if(cm[i].formoptions != null) { nm = cm[i].formoptions.label; }
+						break;
+					}
+				}
+			} else if(valref >=0) {
+				edtrul = cm[valref].editrules;
+			}
+		} else {
+			edtrul = customobject;
+			nm = nam===undefined ? "_" : nam;
+		}
+		if(edtrul) {
+			if(!nm) { nm = g.p.colNames != null ? g.p.colNames[valref] : cm[valref].label; }
+			if(edtrul.required === true) {
+				if( $.jgrid.isEmpty(val) )  { return [false,nm+": "+$.jgrid.edit.msg.required,""]; }
+			}
+			// force required
+			var rqfield = edtrul.required === false ? false : true;
+			if(edtrul.number === true) {
+				if( !(rqfield === false && $.jgrid.isEmpty(val)) ) {
+					if(isNaN(val)) { return [false,nm+": "+$.jgrid.edit.msg.number,""]; }
+				}
+			}
+			if(edtrul.minValue !== undefined && !isNaN(edtrul.minValue)) {
+				if (parseFloat(val) < parseFloat(edtrul.minValue) ) { return [false,nm+": "+$.jgrid.edit.msg.minValue+" "+edtrul.minValue,""];}
+			}
+			if(edtrul.maxValue !== undefined && !isNaN(edtrul.maxValue)) {
+				if (parseFloat(val) > parseFloat(edtrul.maxValue) ) { return [false,nm+": "+$.jgrid.edit.msg.maxValue+" "+edtrul.maxValue,""];}
+			}
+			var filter;
+			if(edtrul.email === true) {
+				if( !(rqfield === false && $.jgrid.isEmpty(val)) ) {
+				// taken from $ Validate plugin
+					filter = /^((([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+(\.([a-z]|\d|[!#\$%&'\*\+\-\/=\?\^_`{\|}~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])+)*)|((\x22)((((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(([\x01-\x08\x0b\x0c\x0e-\x1f\x7f]|\x21|[\x23-\x5b]|[\x5d-\x7e]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(\\([\x01-\x09\x0b\x0c\x0d-\x7f]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]))))*(((\x20|\x09)*(\x0d\x0a))?(\x20|\x09)+)?(\x22)))@((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?$/i;
+					if(!filter.test(val)) {return [false,nm+": "+$.jgrid.edit.msg.email,""];}
+				}
+			}
+			if(edtrul.integer === true) {
+				if( !(rqfield === false && $.jgrid.isEmpty(val)) ) {
+					if(isNaN(val)) { return [false,nm+": "+$.jgrid.edit.msg.integer,""]; }
+					if ((val % 1 !== 0) || (val.indexOf('.') !== -1)) { return [false,nm+": "+$.jgrid.edit.msg.integer,""];}
+				}
+			}
+			if(edtrul.date === true) {
+				if( !(rqfield === false && $.jgrid.isEmpty(val)) ) {
+					if(cm[valref].formatoptions && cm[valref].formatoptions.newformat) {
+						dft = cm[valref].formatoptions.newformat;
+						if( $.jgrid.formatter.date.masks.hasOwnProperty(dft) ) {
+							dft = $.jgrid.formatter.date.masks[dft];
+						}
+					} else {
+						dft = cm[valref].datefmt || "Y-m-d";
+					}
+					if(!$.jgrid.checkDate (dft, val)) { return [false,nm+": "+$.jgrid.edit.msg.date+" - "+dft,""]; }
+				}
+			}
+			if(edtrul.time === true) {
+				if( !(rqfield === false && $.jgrid.isEmpty(val)) ) {
+					if(!$.jgrid.checkTime (val)) { return [false,nm+": "+$.jgrid.edit.msg.date+" - hh:mm (am/pm)",""]; }
+				}
+			}
+			if(edtrul.url === true) {
+				if( !(rqfield === false && $.jgrid.isEmpty(val)) ) {
+					filter = /^(((https?)|(ftp)):\/\/([\-\w]+\.)+\w{2,3}(\/[%\-\w]+(\.\w{2,})?)*(([\w\-\.\?\\\/+@&#;`~=%!]*)(\.\w{2,})?)*\/?)/i;
+					if(!filter.test(val)) {return [false,nm+": "+$.jgrid.edit.msg.url,""];}
+				}
+			}
+			if(edtrul.custom === true) {
+				if( !(rqfield === false && $.jgrid.isEmpty(val)) ) {
+					if($.isFunction(edtrul.custom_func)) {
+						var ret = edtrul.custom_func.call(g,val,nm,valref);
+						return $.isArray(ret) ? ret : [false,$.jgrid.edit.msg.customarray,""];
+					}
+					return [false,$.jgrid.edit.msg.customfcheck,""];
+				}
+			}
+		}
+		return [true,"",""];
+	}
+});
+})(jQuery);
+/*
+ * jqFilter  jQuery jqGrid filter addon.
+ * Copyright (c) 2011, Tony Tomov, tony@trirand.com
+ * Dual licensed under the MIT and GPL licenses
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl-2.0.html
+ * 
+ * The work is inspired from this Stefan Pirvu
+ * http://www.codeproject.com/KB/scripting/json-filtering.aspx
+ *
+ * The filter uses JSON entities to hold filter rules and groups. Here is an example of a filter:
+
+{ "groupOp": "AND",
+      "groups" : [ 
+        { "groupOp": "OR",
+            "rules": [
+                { "field": "name", "op": "eq", "data": "England" }, 
+                { "field": "id", "op": "le", "data": "5"}
+             ]
+        } 
+      ],
+      "rules": [
+        { "field": "name", "op": "eq", "data": "Romania" }, 
+        { "field": "id", "op": "le", "data": "1"}
+      ]
+}
+*/
+/*jshint eqeqeq:false, eqnull:true, devel:true */
+/*global jQuery */
+
+(function ($) {
+"use strict";
+
+$.fn.jqFilter = function( arg ) {
+	if (typeof arg === 'string') {
+		
+		var fn = $.fn.jqFilter[arg];
+		if (!fn) {
+			throw ("jqFilter - No such method: " + arg);
+		}
+		var args = $.makeArray(arguments).slice(1);
+		return fn.apply(this,args);
+	}
+
+	var p = $.extend(true,{
+		filter: null,
+		columns: [],
+		onChange : null,
+		afterRedraw : null,
+		checkValues : null,
+		error: false,
+		errmsg : "",
+		errorcheck : true,
+		showQuery : true,
+		sopt : null,
+		ops : [],
+		operands : null,
+		numopts : ['eq','ne', 'lt', 'le', 'gt', 'ge', 'nu', 'nn', 'in', 'ni'],
+		stropts : ['eq', 'ne', 'bw', 'bn', 'ew', 'en', 'cn', 'nc', 'nu', 'nn', 'in', 'ni'],
+		strarr : ['text', 'string', 'blob'],
+		groupOps : [{ op: "AND", text: "AND" },	{ op: "OR",  text: "OR" }],
+		groupButton : true,
+		ruleButtons : true,
+		direction : "ltr"
+	}, $.jgrid.filter, arg || {});
+	return this.each( function() {
+		if (this.filter) {return;}
+		this.p = p;
+		// setup filter in case if they is not defined
+		if (this.p.filter === null || this.p.filter === undefined) {
+			this.p.filter = {
+				groupOp: this.p.groupOps[0].op,
+				rules: [],
+				groups: []
+			};
+		}
+		var i, len = this.p.columns.length, cl,
+		isIE = /msie/i.test(navigator.userAgent) && !window.opera;
+
+		// translating the options
+		this.p.initFilter = $.extend(true,{},this.p.filter);
+
+		// set default values for the columns if they are not set
+		if( !len ) {return;}
+		for(i=0; i < len; i++) {
+			cl = this.p.columns[i];
+			if( cl.stype ) {
+				// grid compatibility
+				cl.inputtype = cl.stype;
+			} else if(!cl.inputtype) {
+				cl.inputtype = 'text';
+			}
+			if( cl.sorttype ) {
+				// grid compatibility
+				cl.searchtype = cl.sorttype;
+			} else if (!cl.searchtype) {
+				cl.searchtype = 'string';
+			}
+			if(cl.hidden === undefined) {
+				// jqGrid compatibility
+				cl.hidden = false;
+			}
+			if(!cl.label) {
+				cl.label = cl.name;
+			}
+			if(cl.index) {
+				cl.name = cl.index;
+			}
+			if(!cl.hasOwnProperty('searchoptions')) {
+				cl.searchoptions = {};
+			}
+			if(!cl.hasOwnProperty('searchrules')) {
+				cl.searchrules = {};
+			}
+
+		}
+		if(this.p.showQuery) {
+			$(this).append("<table class='queryresult ui-widget ui-widget-content' style='display:block;max-width:440px;border:0px none;' dir='"+this.p.direction+"'><tbody><tr><td class='query'></td></tr></tbody></table>");
+		}
+		var getGrid = function () {
+			return $("#" + $.jgrid.jqID(p.id))[0] || null;
+		};
+		/*
+		 *Perform checking.
+		 *
+		*/
+		var checkData = function(val, colModelItem) {
+			var ret = [true,""], $t = getGrid();
+			if($.isFunction(colModelItem.searchrules)) {
+				ret = colModelItem.searchrules.call($t, val, colModelItem);
+			} else if($.jgrid && $.jgrid.checkValues) {
+				try {
+					ret = $.jgrid.checkValues.call($t, val, -1, colModelItem.searchrules, colModelItem.label);
+				} catch (e) {}
+			}
+			if(ret && ret.length && ret[0] === false) {
+				p.error = !ret[0];
+				p.errmsg = ret[1];
+			}
+		};
+		/* moving to common
+		randId = function() {
+			return Math.floor(Math.random()*10000).toString();
+		};
+		*/
+
+		this.onchange = function (  ){
+			// clear any error 
+			this.p.error = false;
+			this.p.errmsg="";
+			return $.isFunction(this.p.onChange) ? this.p.onChange.call( this, this.p ) : false;
+		};
+		/*
+		 * Redraw the filter every time when new field is added/deleted
+		 * and field is  changed
+		 */
+		this.reDraw = function() {
+			$("table.group:first",this).remove();
+			var t = this.createTableForGroup(p.filter, null);
+			$(this).append(t);
+			if($.isFunction(this.p.afterRedraw) ) {
+				this.p.afterRedraw.call(this, this.p);
+			}
+		};
+		/*
+		 * Creates a grouping data for the filter
+		 * @param group - object
+		 * @param parentgroup - object
+		 */
+		this.createTableForGroup = function(group, parentgroup) {
+			var that = this,  i;
+			// this table will hold all the group (tables) and rules (rows)
+			var table = $("<table class='group ui-widget ui-widget-content' style='border:0px none;'><tbody></tbody></table>"),
+			// create error message row
+			align = "left";
+			if(this.p.direction === "rtl") {
+				align = "right";
+				table.attr("dir","rtl");
+			}
+			if(parentgroup === null) {
+				table.append("<tr class='error' style='display:none;'><th colspan='5' class='ui-state-error' align='"+align+"'></th></tr>");
+			}
+
+			var tr = $("<tr></tr>");
+			table.append(tr);
+			// this header will hold the group operator type and group action buttons for
+			// creating subgroup "+ {}", creating rule "+" or deleting the group "-"
+			var th = $("<th colspan='5' align='"+align+"'></th>");
+			tr.append(th);
+
+			if(this.p.ruleButtons === true) {
+			// dropdown for: choosing group operator type
+			var groupOpSelect = $("<select class='opsel'></select>");
+			th.append(groupOpSelect);
+			// populate dropdown with all posible group operators: or, and
+			var str= "", selected;
+			for (i = 0; i < p.groupOps.length; i++) {
+				selected =  group.groupOp === that.p.groupOps[i].op ? " selected='selected'" :"";
+				str += "<option value='"+that.p.groupOps[i].op+"'" + selected+">"+that.p.groupOps[i].text+"</option>";
+			}
+
+			groupOpSelect
+			.append(str)
+			.bind('change',function() {
+				group.groupOp = $(groupOpSelect).val();
+				that.onchange(); // signals that the filter has changed
+			});
+			}
+			// button for adding a new subgroup
+			var inputAddSubgroup ="<span></span>";
+			if(this.p.groupButton) {
+				inputAddSubgroup = $("<input type='button' value='+ {}' title='Add subgroup' class='add-group'/>");
+				inputAddSubgroup.bind('click',function() {
+					if (group.groups === undefined ) {
+						group.groups = [];
+					}
+
+					group.groups.push({
+						groupOp: p.groupOps[0].op,
+						rules: [],
+						groups: []
+					}); // adding a new group
+
+					that.reDraw(); // the html has changed, force reDraw
+
+					that.onchange(); // signals that the filter has changed
+					return false;
+				});
+			}
+			th.append(inputAddSubgroup);
+			if(this.p.ruleButtons === true) {
+			// button for adding a new rule
+			var inputAddRule = $("<input type='button' value='+' title='Add rule' class='add-rule ui-add'/>"), cm;
+			inputAddRule.bind('click',function() {
+				//if(!group) { group = {};}
+				if (group.rules === undefined) {
+					group.rules = [];
+				}
+				for (i = 0; i < that.p.columns.length; i++) {
+				// but show only serchable and serchhidden = true fields
+					var searchable = (that.p.columns[i].search === undefined) ?  true: that.p.columns[i].search,
+					hidden = (that.p.columns[i].hidden === true),
+					ignoreHiding = (that.p.columns[i].searchoptions.searchhidden === true);
+					if ((ignoreHiding && searchable) || (searchable && !hidden)) {
+						cm = that.p.columns[i];
+						break;
+					}
+				}
+				
+				var opr;
+				if( cm.searchoptions.sopt ) {opr = cm.searchoptions.sopt;}
+				else if(that.p.sopt) { opr= that.p.sopt; }
+				else if  ( $.inArray(cm.searchtype, that.p.strarr) !== -1 ) {opr = that.p.stropts;}
+				else {opr = that.p.numopts;}
+
+				group.rules.push({
+					field: cm.name,
+					op: opr[0],
+					data: ""
+				}); // adding a new rule
+
+				that.reDraw(); // the html has changed, force reDraw
+				// for the moment no change have been made to the rule, so
+				// this will not trigger onchange event
+				return false;
+			});
+			th.append(inputAddRule);
+			}
+
+			// button for delete the group
+			if (parentgroup !== null) { // ignore the first group
+				var inputDeleteGroup = $("<input type='button' value='-' title='Delete group' class='delete-group'/>");
+				th.append(inputDeleteGroup);
+				inputDeleteGroup.bind('click',function() {
+				// remove group from parent
+					for (i = 0; i < parentgroup.groups.length; i++) {
+						if (parentgroup.groups[i] === group) {
+							parentgroup.groups.splice(i, 1);
+							break;
+						}
+					}
+
+					that.reDraw(); // the html has changed, force reDraw
+
+					that.onchange(); // signals that the filter has changed
+					return false;
+				});
+			}
+
+			// append subgroup rows
+			if (group.groups !== undefined) {
+				for (i = 0; i < group.groups.length; i++) {
+					var trHolderForSubgroup = $("<tr></tr>");
+					table.append(trHolderForSubgroup);
+
+					var tdFirstHolderForSubgroup = $("<td class='first'></td>");
+					trHolderForSubgroup.append(tdFirstHolderForSubgroup);
+
+					var tdMainHolderForSubgroup = $("<td colspan='4'></td>");
+					tdMainHolderForSubgroup.append(this.createTableForGroup(group.groups[i], group));
+					trHolderForSubgroup.append(tdMainHolderForSubgroup);
+				}
+			}
+			if(group.groupOp === undefined) {
+				group.groupOp = that.p.groupOps[0].op;
+			}
+
+			// append rules rows
+			if (group.rules !== undefined) {
+				for (i = 0; i < group.rules.length; i++) {
+					table.append(
+                       this.createTableRowForRule(group.rules[i], group)
+					);
+				}
+			}
+
+			return table;
+		};
+		/*
+		 * Create the rule data for the filter
+		 */
+		this.createTableRowForRule = function(rule, group ) {
+			// save current entity in a variable so that it could
+			// be referenced in anonimous method calls
+
+			var that=this, $t = getGrid(), tr = $("<tr></tr>"),
+			//document.createElement("tr"),
+
+			// first column used for padding
+			//tdFirstHolderForRule = document.createElement("td"),
+			i, op, trpar, cm, str="", selected;
+			//tdFirstHolderForRule.setAttribute("class", "first");
+			tr.append("<td class='first'></td>");
+
+
+			// create field container
+			var ruleFieldTd = $("<td class='columns'></td>");
+			tr.append(ruleFieldTd);
+
+
+			// dropdown for: choosing field
+			var ruleFieldSelect = $("<select></select>"), ina, aoprs = [];
+			ruleFieldTd.append(ruleFieldSelect);
+			ruleFieldSelect.bind('change',function() {
+				rule.field = $(ruleFieldSelect).val();
+
+				trpar = $(this).parents("tr:first");
+				for (i=0;i<that.p.columns.length;i++) {
+					if(that.p.columns[i].name ===  rule.field) {
+						cm = that.p.columns[i];
+						break;
+					}
+				}
+				if(!cm) {return;}
+				cm.searchoptions.id = $.jgrid.randId();
+				if(isIE && cm.inputtype === "text") {
+					if(!cm.searchoptions.size) {
+						cm.searchoptions.size = 10;
+					}
+				}
+				var elm = $.jgrid.createEl.call($t, cm.inputtype,cm.searchoptions, "", true, that.p.ajaxSelectOptions || {}, true);
+				$(elm).addClass("input-elm");
+				//that.createElement(rule, "");
+
+				if( cm.searchoptions.sopt ) {op = cm.searchoptions.sopt;}
+				else if(that.p.sopt) { op= that.p.sopt; }
+				else if  ($.inArray(cm.searchtype, that.p.strarr) !== -1) {op = that.p.stropts;}
+				else {op = that.p.numopts;}
+				// operators
+				var s ="", so = 0;
+				aoprs = [];
+				$.each(that.p.ops, function() { aoprs.push(this.oper); });
+				for ( i = 0 ; i < op.length; i++) {
+					ina = $.inArray(op[i],aoprs);
+					if(ina !== -1) {
+						if(so===0) {
+							rule.op = that.p.ops[ina].oper;
+						}
+						s += "<option value='"+that.p.ops[ina].oper+"'>"+that.p.ops[ina].text+"</option>";
+						so++;
+					}
+				}
+				$(".selectopts",trpar).empty().append( s );
+				$(".selectopts",trpar)[0].selectedIndex = 0;
+				if( $.jgrid.msie && $.jgrid.msiever() < 9) {
+					var sw = parseInt($("select.selectopts",trpar)[0].offsetWidth, 10) + 1;
+					$(".selectopts",trpar).width( sw );
+					$(".selectopts",trpar).css("width","auto");
+				}
+				// data
+				$(".data",trpar).empty().append( elm );
+				$.jgrid.bindEv.call($t, elm, cm.searchoptions);
+				$(".input-elm",trpar).bind('change',function( e ) {
+					var elem = e.target;
+					rule.data = elem.nodeName.toUpperCase() === "SPAN" && cm.searchoptions && $.isFunction(cm.searchoptions.custom_value) ?
+						cm.searchoptions.custom_value.call($t, $(elem).children(".customelement:first"), 'get') : elem.value;
+					that.onchange(); // signals that the filter has changed
+				});
+				setTimeout(function(){ //IE, Opera, Chrome
+				rule.data = $(elm).val();
+				that.onchange();  // signals that the filter has changed
+				}, 0);
+			});
+
+			// populate drop down with user provided column definitions
+			var j=0;
+			for (i = 0; i < that.p.columns.length; i++) {
+				// but show only serchable and serchhidden = true fields
+				var searchable = (that.p.columns[i].search === undefined) ? true: that.p.columns[i].search,
+				hidden = (that.p.columns[i].hidden === true),
+				ignoreHiding = (that.p.columns[i].searchoptions.searchhidden === true);
+				if ((ignoreHiding && searchable) || (searchable && !hidden)) {
+					selected = "";
+					if(rule.field === that.p.columns[i].name) {
+						selected = " selected='selected'";
+						j=i;
+					}
+					str += "<option value='"+that.p.columns[i].name+"'" +selected+">"+that.p.columns[i].label+"</option>";
+				}
+			}
+			ruleFieldSelect.append( str );
+
+
+			// create operator container
+			var ruleOperatorTd = $("<td class='operators'></td>");
+			tr.append(ruleOperatorTd);
+			cm = p.columns[j];
+			// create it here so it can be referentiated in the onchange event
+			//var RD = that.createElement(rule, rule.data);
+			cm.searchoptions.id = $.jgrid.randId();
+			if(isIE && cm.inputtype === "text") {
+				if(!cm.searchoptions.size) {
+					cm.searchoptions.size = 10;
+				}
+			}
+			var ruleDataInput = $.jgrid.createEl.call($t, cm.inputtype,cm.searchoptions, rule.data, true, that.p.ajaxSelectOptions || {}, true);
+			if(rule.op === 'nu' || rule.op === 'nn') {
+				$(ruleDataInput).attr('readonly','true');
+				$(ruleDataInput).attr('disabled','true');
+			} //retain the state of disabled text fields in case of null ops
+			// dropdown for: choosing operator
+			var ruleOperatorSelect = $("<select class='selectopts'></select>");
+			ruleOperatorTd.append(ruleOperatorSelect);
+			ruleOperatorSelect.bind('change',function() {
+				rule.op = $(ruleOperatorSelect).val();
+				trpar = $(this).parents("tr:first");
+				var rd = $(".input-elm",trpar)[0];
+				if (rule.op === "nu" || rule.op === "nn") { // disable for operator "is null" and "is not null"
+					rule.data = "";
+					if(rd.tagName.toUpperCase() !== 'SELECT') rd.value = "";
+					rd.setAttribute("readonly", "true");
+					rd.setAttribute("disabled", "true");
+				} else {
+					if(rd.tagName.toUpperCase() === 'SELECT') rule.data = rd.value;
+					rd.removeAttribute("readonly");
+					rd.removeAttribute("disabled");
+				}
+
+				that.onchange();  // signals that the filter has changed
+			});
+
+			// populate drop down with all available operators
+			if( cm.searchoptions.sopt ) {op = cm.searchoptions.sopt;}
+			else if(that.p.sopt) { op= that.p.sopt; }
+			else if  ($.inArray(cm.searchtype, that.p.strarr) !== -1) {op = that.p.stropts;}
+			else {op = that.p.numopts;}
+			str="";
+			$.each(that.p.ops, function() { aoprs.push(this.oper); });
+			for ( i = 0; i < op.length; i++) {
+				ina = $.inArray(op[i],aoprs);
+				if(ina !== -1) {
+					selected = rule.op === that.p.ops[ina].oper ? " selected='selected'" : "";
+					str += "<option value='"+that.p.ops[ina].oper+"'"+selected+">"+that.p.ops[ina].text+"</option>";
+				}
+			}
+			ruleOperatorSelect.append( str );
+			// create data container
+			var ruleDataTd = $("<td class='data'></td>");
+			tr.append(ruleDataTd);
+
+			// textbox for: data
+			// is created previously
+			//ruleDataInput.setAttribute("type", "text");
+			ruleDataTd.append(ruleDataInput);
+			$.jgrid.bindEv.call($t, ruleDataInput, cm.searchoptions);
+			$(ruleDataInput)
+			.addClass("input-elm")
+			.bind('change', function() {
+				rule.data = cm.inputtype === 'custom' ? cm.searchoptions.custom_value.call($t, $(this).children(".customelement:first"),'get') : $(this).val();
+				that.onchange(); // signals that the filter has changed
+			});
+
+			// create action container
+			var ruleDeleteTd = $("<td></td>");
+			tr.append(ruleDeleteTd);
+
+			// create button for: delete rule
+			if(this.p.ruleButtons === true) {
+			var ruleDeleteInput = $("<input type='button' value='-' title='Delete rule' class='delete-rule ui-del'/>");
+			ruleDeleteTd.append(ruleDeleteInput);
+			//$(ruleDeleteInput).html("").height(20).width(30).button({icons: {  primary: "ui-icon-minus", text:false}});
+			ruleDeleteInput.bind('click',function() {
+				// remove rule from group
+				for (i = 0; i < group.rules.length; i++) {
+					if (group.rules[i] === rule) {
+						group.rules.splice(i, 1);
+						break;
+					}
+				}
+
+				that.reDraw(); // the html has changed, force reDraw
+
+				that.onchange(); // signals that the filter has changed
+				return false;
+			});
+			}
+			return tr;
+		};
+
+		this.getStringForGroup = function(group) {
+			var s = "(", index;
+			if (group.groups !== undefined) {
+				for (index = 0; index < group.groups.length; index++) {
+					if (s.length > 1) {
+						s += " " + group.groupOp + " ";
+					}
+					try {
+						s += this.getStringForGroup(group.groups[index]);
+					} catch (eg) {alert(eg);}
+				}
+			}
+
+			if (group.rules !== undefined) {
+				try{
+					for (index = 0; index < group.rules.length; index++) {
+						if (s.length > 1) {
+							s += " " + group.groupOp + " ";
+						}
+						s += this.getStringForRule(group.rules[index]);
+					}
+				} catch (e) {alert(e);}
+			}
+
+			s += ")";
+
+			if (s === "()") {
+				return ""; // ignore groups that don't have rules
+			}
+			return s;
+		};
+		this.getStringForRule = function(rule) {
+			var opUF = "",opC="", i, cm, ret, val,
+			numtypes = ['int', 'integer', 'float', 'number', 'currency']; // jqGrid
+			for (i = 0; i < this.p.ops.length; i++) {
+				if (this.p.ops[i].oper === rule.op) {
+					opUF = this.p.operands.hasOwnProperty(rule.op) ? this.p.operands[rule.op] : "";
+					opC = this.p.ops[i].oper;
+					break;
+				}
+			}
+			for (i=0; i<this.p.columns.length; i++) {
+				if(this.p.columns[i].name === rule.field) {
+					cm = this.p.columns[i];
+					break;
+				}
+			}
+			if (cm == undefined) { return ""; }
+			val = rule.data;
+			if(opC === 'bw' || opC === 'bn') { val = val+"%"; }
+			if(opC === 'ew' || opC === 'en') { val = "%"+val; }
+			if(opC === 'cn' || opC === 'nc') { val = "%"+val+"%"; }
+			if(opC === 'in' || opC === 'ni') { val = " ("+val+")"; }
+			if(p.errorcheck) { checkData(rule.data, cm); }
+			if($.inArray(cm.searchtype, numtypes) !== -1 || opC === 'nn' || opC === 'nu') { ret = rule.field + " " + opUF + " " + val; }
+			else { ret = rule.field + " " + opUF + " \"" + val + "\""; }
+			return ret;
+		};
+		this.resetFilter = function () {
+			this.p.filter = $.extend(true,{},this.p.initFilter);
+			this.reDraw();
+			this.onchange();
+		};
+		this.hideError = function() {
+			$("th.ui-state-error", this).html("");
+			$("tr.error", this).hide();
+		};
+		this.showError = function() {
+			$("th.ui-state-error", this).html(this.p.errmsg);
+			$("tr.error", this).show();
+		};
+		this.toUserFriendlyString = function() {
+			return this.getStringForGroup(p.filter);
+		};
+		this.toString = function() {
+			// this will obtain a string that can be used to match an item.
+			var that = this;
+			function getStringRule(rule) {
+				if(that.p.errorcheck) {
+					var i, cm;
+					for (i=0; i<that.p.columns.length; i++) {
+						if(that.p.columns[i].name === rule.field) {
+							cm = that.p.columns[i];
+							break;
+						}
+					}
+					if(cm) {checkData(rule.data, cm);}
+				}
+				return rule.op + "(item." + rule.field + ",'" + rule.data + "')";
+			}
+
+			function getStringForGroup(group) {
+				var s = "(", index;
+
+				if (group.groups !== undefined) {
+					for (index = 0; index < group.groups.length; index++) {
+						if (s.length > 1) {
+							if (group.groupOp === "OR") {
+								s += " || ";
+							}
+							else {
+								s += " && ";
+							}
+						}
+						s += getStringForGroup(group.groups[index]);
+					}
+				}
+
+				if (group.rules !== undefined) {
+					for (index = 0; index < group.rules.length; index++) {
+						if (s.length > 1) {
+							if (group.groupOp === "OR") {
+								s += " || ";
+							}
+							else  {
+								s += " && ";
+							}
+						}
+						s += getStringRule(group.rules[index]);
+					}
+				}
+
+				s += ")";
+
+				if (s === "()") {
+					return ""; // ignore groups that don't have rules
+				}
+				return s;
+			}
+
+			return getStringForGroup(this.p.filter);
+		};
+
+		// Here we init the filter
+		this.reDraw();
+
+		if(this.p.showQuery) {
+			this.onchange();
+		}
+		// mark is as created so that it will not be created twice on this element
+		this.filter = true;
+	});
+};
+$.extend($.fn.jqFilter,{
+	/*
+	 * Return SQL like string. Can be used directly
+	 */
+	toSQLString : function()
+	{
+		var s ="";
+		this.each(function(){
+			s = this.toUserFriendlyString();
+		});
+		return s;
+	},
+	/*
+	 * Return filter data as object.
+	 */
+	filterData : function()
+	{
+		var s;
+		this.each(function(){
+			s = this.p.filter;
+		});
+		return s;
+
+	},
+	getParameter : function (param) {
+		if(param !== undefined) {
+			if (this.p.hasOwnProperty(param) ) {
+				return this.p[param];
+			}
+		}
+		return this.p;
+	},
+	resetFilter: function() {
+		return this.each(function(){
+			this.resetFilter();
+		});
+	},
+	addFilter: function (pfilter) {
+		if (typeof pfilter === "string") {
+			pfilter = $.jgrid.parse( pfilter );
+	}
+		this.each(function(){
+			this.p.filter = pfilter;
+			this.reDraw();
+			this.onchange();
+		});
+	}
+
+});
+})(jQuery);
+/*jshint eqeqeq:false, eqnull:true, devel:true */
+/*global xmlJsonClass, jQuery */
+(function($){
+/**
+ * jqGrid extension for form editing Grid Data
+ * Tony Tomov tony@trirand.com
+ * http://trirand.com/blog/
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl-2.0.html
+**/
+"use strict";
+var rp_ge = {};
+$.jgrid.extend({
+	searchGrid : function (p) {
+		p = $.extend(true, {
+			recreateFilter: false,
+			drag: true,
+			sField:'searchField',
+			sValue:'searchString',
+			sOper: 'searchOper',
+			sFilter: 'filters',
+			loadDefaults: true, // this options activates loading of default filters from grid's postData for Multipe Search only.
+			beforeShowSearch: null,
+			afterShowSearch : null,
+			onInitializeSearch: null,
+			afterRedraw : null,
+			afterChange: null,
+			closeAfterSearch : false,
+			closeAfterReset: false,
+			closeOnEscape : false,
+			searchOnEnter : false,
+			multipleSearch : false,
+			multipleGroup : false,
+			//cloneSearchRowOnAdd: true,
+			top : 0,
+			left: 0,
+			jqModal : true,
+			modal: false,
+			resize : true,
+			width: 450,
+			height: 'auto',
+			dataheight: 'auto',
+			showQuery: false,
+			errorcheck : true,
+			sopt: null,
+			stringResult: undefined,
+			onClose : null,
+			onSearch : null,
+			onReset : null,
+			toTop : true,
+			overlay : 30,
+			columns : [],
+			tmplNames : null,
+			tmplFilters : null,
+			tmplLabel : ' Template: ',
+			showOnLoad: false,
+			layer: null,
+			operands : { "eq" :"=", "ne":"<>","lt":"<","le":"<=","gt":">","ge":">=","bw":"LIKE","bn":"NOT LIKE","in":"IN","ni":"NOT IN","ew":"LIKE","en":"NOT LIKE","cn":"LIKE","nc":"NOT LIKE","nu":"IS NULL","nn":"ISNOT NULL"}
+		}, $.jgrid.search, p || {});
+		return this.each(function() {
+			var $t = this;
+			if(!$t.grid) {return;}
+			var fid = "fbox_"+$t.p.id,
+			showFrm = true,
+			mustReload = true,
+			IDs = {themodal:'searchmod'+fid,modalhead:'searchhd'+fid,modalcontent:'searchcnt'+fid, scrollelm : fid},
+			defaultFilters  = $t.p.postData[p.sFilter];
+			if(typeof defaultFilters === "string") {
+				defaultFilters = $.jgrid.parse( defaultFilters );
+			}
+			if(p.recreateFilter === true) {
+				$("#"+$.jgrid.jqID(IDs.themodal)).remove();
+			}
+			function showFilter(_filter) {
+				showFrm = $($t).triggerHandler("jqGridFilterBeforeShow", [_filter]);
+				if(showFrm === undefined) {
+					showFrm = true;
+				}
+				if(showFrm && $.isFunction(p.beforeShowSearch)) {
+					showFrm = p.beforeShowSearch.call($t,_filter);
+				}
+				if(showFrm) {
+					$.jgrid.viewModal("#"+$.jgrid.jqID(IDs.themodal),{gbox:"#gbox_"+$.jgrid.jqID(fid),jqm:p.jqModal, modal:p.modal, overlay: p.overlay, toTop: p.toTop});
+					$($t).triggerHandler("jqGridFilterAfterShow", [_filter]);
+					if($.isFunction(p.afterShowSearch)) {
+						p.afterShowSearch.call($t, _filter);
+					}
+				}
+			}
+			if ( $("#"+$.jgrid.jqID(IDs.themodal))[0] !== undefined ) {
+				showFilter($("#fbox_"+$.jgrid.jqID(+$t.p.id)));
+			} else {
+				var fil = $("<div><div id='"+fid+"' class='searchFilter' style='overflow:auto'></div></div>").insertBefore("#gview_"+$.jgrid.jqID($t.p.id)),
+				align = "left", butleft =""; 
+				if($t.p.direction === "rtl") {
+					align = "right";
+					butleft = " style='text-align:left'";
+					fil.attr("dir","rtl");
+				}
+				var columns = $.extend([],$t.p.colModel),
+				bS  ="<a id='"+fid+"_search' class='fm-button ui-state-default ui-corner-all fm-button-icon-right ui-reset'><span class='ui-icon ui-icon-search'></span>"+p.Find+"</a>",
+				bC  ="<a id='"+fid+"_reset' class='fm-button ui-state-default ui-corner-all fm-button-icon-left ui-search'><span class='ui-icon ui-icon-arrowreturnthick-1-w'></span>"+p.Reset+"</a>",
+				bQ = "", tmpl="", colnm, found = false, bt, cmi=-1;
+				if(p.showQuery) {
+					bQ ="<a id='"+fid+"_query' class='fm-button ui-state-default ui-corner-all fm-button-icon-left'><span class='ui-icon ui-icon-comment'></span>Query</a>";
+				}
+				if(!p.columns.length) {
+					$.each(columns, function(i,n){
+						if(!n.label) {
+							n.label = $t.p.colNames[i];
+						}
+						// find first searchable column and set it if no default filter
+						if(!found) {
+							var searchable = (n.search === undefined) ?  true: n.search ,
+							hidden = (n.hidden === true),
+							ignoreHiding = (n.searchoptions && n.searchoptions.searchhidden === true);
+							if ((ignoreHiding && searchable) || (searchable && !hidden)) {
+								found = true;
+								colnm = n.index || n.name;
+								cmi =i;
+							}
+						}
+					});
+				} else {
+					columns = p.columns;
+					cmi = 0;
+					colnm = columns[0].index || columns[0].name;
+				}
+				// old behaviour
+				if( (!defaultFilters && colnm) || p.multipleSearch === false  ) {
+					var cmop = "eq";
+					if(cmi >=0 && columns[cmi].searchoptions && columns[cmi].searchoptions.sopt) {
+						cmop = columns[cmi].searchoptions.sopt[0];
+					} else if(p.sopt && p.sopt.length) {
+						cmop = p.sopt[0];
+					}
+					defaultFilters = {groupOp: "AND", rules: [{field: colnm, op: cmop, data: ""}]};
+				}
+				found = false;
+				if(p.tmplNames && p.tmplNames.length) {
+					found = true;
+					tmpl = p.tmplLabel;
+					tmpl += "<select class='ui-template'>";
+					tmpl += "<option value='default'>Default</option>";
+					$.each(p.tmplNames, function(i,n){
+						tmpl += "<option value='"+i+"'>"+n+"</option>";
+					});
+					tmpl += "</select>";
+				}
+
+				bt = "<table class='EditTable' style='border:0px none;margin-top:5px' id='"+fid+"_2'><tbody><tr><td colspan='2'><hr class='ui-widget-content' style='margin:1px'/></td></tr><tr><td class='EditButton' style='text-align:"+align+"'>"+bC+tmpl+"</td><td class='EditButton' "+butleft+">"+bQ+bS+"</td></tr></tbody></table>";
+				fid = $.jgrid.jqID( fid);
+				$("#"+fid).jqFilter({
+					columns : columns,
+					filter: p.loadDefaults ? defaultFilters : null,
+					showQuery: p.showQuery,
+					errorcheck : p.errorcheck,
+					sopt: p.sopt,
+					groupButton : p.multipleGroup,
+					ruleButtons : p.multipleSearch,
+					afterRedraw : p.afterRedraw,
+					ops : p.odata,
+					operands : p.operands,
+					ajaxSelectOptions: $t.p.ajaxSelectOptions,
+					groupOps: p.groupOps,
+					onChange : function() {
+						if(this.p.showQuery) {
+							$('.query',this).html(this.toUserFriendlyString());
+						}
+						if ($.isFunction(p.afterChange)) {
+							p.afterChange.call($t, $("#"+fid), p);
+						}
+					},
+					direction : $t.p.direction,
+					id: $t.p.id
+				});
+				fil.append( bt );
+				if(found && p.tmplFilters && p.tmplFilters.length) {
+					$(".ui-template", fil).bind('change', function(){
+						var curtempl = $(this).val();
+						if(curtempl==="default") {
+							$("#"+fid).jqFilter('addFilter', defaultFilters);
+						} else {
+							$("#"+fid).jqFilter('addFilter', p.tmplFilters[parseInt(curtempl,10)]);
+						}
+						return false;
+					});
+				}
+				if(p.multipleGroup === true) {p.multipleSearch = true;}
+				$($t).triggerHandler("jqGridFilterInitialize", [$("#"+fid)]);
+				if($.isFunction(p.onInitializeSearch) ) {
+					p.onInitializeSearch.call($t, $("#"+fid));
+				}
+				p.gbox = "#gbox_"+fid;
+				if (p.layer) {
+					$.jgrid.createModal(IDs ,fil,p,"#gview_"+$.jgrid.jqID($t.p.id),$("#gbox_"+$.jgrid.jqID($t.p.id))[0], "#"+$.jgrid.jqID(p.layer), {position: "relative"});
+				} else {
+					$.jgrid.createModal(IDs ,fil,p,"#gview_"+$.jgrid.jqID($t.p.id),$("#gbox_"+$.jgrid.jqID($t.p.id))[0]);
+				}
+				if (p.searchOnEnter || p.closeOnEscape) {
+					$("#"+$.jgrid.jqID(IDs.themodal)).keydown(function (e) {
+						var $target = $(e.target);
+						if (p.searchOnEnter && e.which === 13 && // 13 === $.ui.keyCode.ENTER
+								!$target.hasClass('add-group') && !$target.hasClass('add-rule') &&
+								!$target.hasClass('delete-group') && !$target.hasClass('delete-rule') &&
+								(!$target.hasClass("fm-button") || !$target.is("[id$=_query]"))) {
+							$("#"+fid+"_search").click();
+							return false;
+						}
+						if (p.closeOnEscape && e.which === 27) { // 27 === $.ui.keyCode.ESCAPE
+							$("#"+$.jgrid.jqID(IDs.modalhead)).find(".ui-jqdialog-titlebar-close").click();
+							return false;
+						}
+					});
+				}
+				if(bQ) {
+					$("#"+fid+"_query").bind('click', function(){
+						$(".queryresult", fil).toggle();
+						return false;
+					});
+				}
+				if (p.stringResult===undefined) {
+					// to provide backward compatibility, inferring stringResult value from multipleSearch
+					p.stringResult = p.multipleSearch;
+				}
+				$("#"+fid+"_search").bind('click', function(){
+					var fl = $("#"+fid), sdata={}, res, filters;
+					fl.find(".input-elm:focus").change();
+					filters = fl.jqFilter('filterData');
+					if(p.errorcheck) {
+						fl[0].hideError();
+						if(!p.showQuery) {fl.jqFilter('toSQLString');}
+						if(fl[0].p.error) {
+							fl[0].showError();
+							return false;
+						}
+					}
+
+					if(p.stringResult) {
+						try {
+							// xmlJsonClass or JSON.stringify
+							res = xmlJsonClass.toJson(filters, '', '', false);
+						} catch (e) {
+							try {
+								res = JSON.stringify(filters);
+							} catch (e2) { }
+						}
+						if(typeof res==="string") {
+							sdata[p.sFilter] = res;
+							$.each([p.sField,p.sValue, p.sOper], function() {sdata[this] = "";});
+						}
+					} else {
+						if(p.multipleSearch) {
+							sdata[p.sFilter] = filters;
+							$.each([p.sField,p.sValue, p.sOper], function() {sdata[this] = "";});
+						} else {
+							sdata[p.sField] = filters.rules[0].field;
+							sdata[p.sValue] = filters.rules[0].data;
+							sdata[p.sOper] = filters.rules[0].op;
+							sdata[p.sFilter] = "";
+						}
+					}
+					$t.p.search = true;
+					$.extend($t.p.postData,sdata);
+					mustReload = $($t).triggerHandler("jqGridFilterSearch");
+					if( mustReload === undefined) {
+						mustReload = true;
+					}
+					if(mustReload && $.isFunction(p.onSearch) ) {
+						mustReload = p.onSearch.call($t, $t.p.filters);
+					}
+					if (mustReload !== false) {
+						$($t).trigger("reloadGrid",[{page:1}]);
+					}
+					if(p.closeAfterSearch) {
+						$.jgrid.hideModal("#"+$.jgrid.jqID(IDs.themodal),{gb:"#gbox_"+$.jgrid.jqID($t.p.id),jqm:p.jqModal,onClose: p.onClose});
+					}
+					return false;
+				});
+				$("#"+fid+"_reset").bind('click', function(){
+					var sdata={},
+					fl = $("#"+fid);
+					$t.p.search = false;
+					$t.p.resetsearch =  true;
+					if(p.multipleSearch===false) {
+						sdata[p.sField] = sdata[p.sValue] = sdata[p.sOper] = "";
+					} else {
+						sdata[p.sFilter] = "";
+					}
+					fl[0].resetFilter();
+					if(found) {
+						$(".ui-template", fil).val("default");
+					}
+					$.extend($t.p.postData,sdata);
+					mustReload = $($t).triggerHandler("jqGridFilterReset");
+					if(mustReload === undefined) {
+						mustReload = true;
+					}
+					if(mustReload && $.isFunction(p.onReset) ) {
+						mustReload = p.onReset.call($t);
+					}
+					if(mustReload !== false) {
+						$($t).trigger("reloadGrid",[{page:1}]);
+					}
+					if (p.closeAfterReset) {
+						$.jgrid.hideModal("#"+$.jgrid.jqID(IDs.themodal),{gb:"#gbox_"+$.jgrid.jqID($t.p.id),jqm:p.jqModal,onClose: p.onClose});
+					}
+					return false;
+				});
+				showFilter($("#"+fid));
+				$(".fm-button:not(.ui-state-disabled)",fil).hover(
+					function(){$(this).addClass('ui-state-hover');},
+					function(){$(this).removeClass('ui-state-hover');}
+				);
+			}
+		});
+	},
+	editGridRow : function(rowid, p){
+		p = $.extend(true, {
+			top : 0,
+			left: 0,
+			width: 300,
+			datawidth: 'auto',
+			height: 'auto',
+			dataheight: 'auto',
+			modal: false,
+			overlay : 30,
+			drag: true,
+			resize: true,
+			url: null,
+			mtype : "POST",
+			clearAfterAdd :true,
+			closeAfterEdit : false,
+			reloadAfterSubmit : true,
+			onInitializeForm: null,
+			beforeInitData: null,
+			beforeShowForm: null,
+			afterShowForm: null,
+			beforeSubmit: null,
+			afterSubmit: null,
+			onclickSubmit: null,
+			afterComplete: null,
+			onclickPgButtons : null,
+			afterclickPgButtons: null,
+			editData : {},
+			recreateForm : false,
+			jqModal : true,
+			closeOnEscape : false,
+			addedrow : "first",
+			topinfo : '',
+			bottominfo: '',
+			saveicon : [],
+			closeicon : [],
+			savekey: [false,13],
+			navkeys: [false,38,40],
+			checkOnSubmit : false,
+			checkOnUpdate : false,
+			_savedData : {},
+			processing : false,
+			onClose : null,
+			ajaxEditOptions : {},
+			serializeEditData : null,
+			viewPagerButtons : true,
+			overlayClass : 'ui-widget-overlay'
+		}, $.jgrid.edit, p || {});
+		rp_ge[$(this)[0].p.id] = p;
+		return this.each(function(){
+			var $t = this;
+			if (!$t.grid || !rowid) {return;}
+			var gID = $t.p.id,
+			frmgr = "FrmGrid_"+gID, frmtborg = "TblGrid_"+gID, frmtb = "#"+$.jgrid.jqID(frmtborg), 
+			IDs = {themodal:'editmod'+gID,modalhead:'edithd'+gID,modalcontent:'editcnt'+gID, scrollelm : frmgr},
+			onBeforeShow = $.isFunction(rp_ge[$t.p.id].beforeShowForm) ? rp_ge[$t.p.id].beforeShowForm : false,
+			onAfterShow = $.isFunction(rp_ge[$t.p.id].afterShowForm) ? rp_ge[$t.p.id].afterShowForm : false,
+			onBeforeInit = $.isFunction(rp_ge[$t.p.id].beforeInitData) ? rp_ge[$t.p.id].beforeInitData : false,
+			onInitializeForm = $.isFunction(rp_ge[$t.p.id].onInitializeForm) ? rp_ge[$t.p.id].onInitializeForm : false,
+			showFrm = true,
+			maxCols = 1, maxRows=0,	postdata, diff, frmoper;
+			frmgr = $.jgrid.jqID(frmgr);
+			if (rowid === "new") {
+				rowid = "_empty";
+				frmoper = "add";
+				p.caption=rp_ge[$t.p.id].addCaption;
+			} else {
+				p.caption=rp_ge[$t.p.id].editCaption;
+				frmoper = "edit";
+			}
+			if(!p.recreateForm) {
+				if( $($t).data("formProp") ) {
+					$.extend(rp_ge[$(this)[0].p.id], $($t).data("formProp"));
+				}
+			}
+			var closeovrl = true;
+			if(p.checkOnUpdate && p.jqModal && !p.modal) {
+				closeovrl = false;
+			}
+			function getFormData(){
+				$(frmtb+" > tbody > tr > td > .FormElement").each(function() {
+					var celm = $(".customelement", this);
+					if (celm.length) {
+						var  elem = celm[0], nm = $(elem).attr('name');
+						$.each($t.p.colModel, function(){
+							if(this.name === nm && this.editoptions && $.isFunction(this.editoptions.custom_value)) {
+								try {
+									postdata[nm] = this.editoptions.custom_value.call($t, $("#"+$.jgrid.jqID(nm),frmtb),'get');
+									if (postdata[nm] === undefined) {throw "e1";}
+								} catch (e) {
+									if (e==="e1") {$.jgrid.info_dialog($.jgrid.errors.errcap,"function 'custom_value' "+$.jgrid.edit.msg.novalue,$.jgrid.edit.bClose);}
+									else {$.jgrid.info_dialog($.jgrid.errors.errcap,e.message,$.jgrid.edit.bClose);}
+								}
+								return true;
+							}
+						});
+					} else {
+					switch ($(this).get(0).type) {
+						case "checkbox":
+							if($(this).is(":checked")) {
+								postdata[this.name]= $(this).val();
+							}else {
+								var ofv = $(this).attr("offval");
+								postdata[this.name]= ofv;
+							}
+						break;
+						case "select-one":
+							postdata[this.name]= $("option:selected",this).val();
+						break;
+						case "select-multiple":
+							postdata[this.name]= $(this).val();
+							if(postdata[this.name]) {postdata[this.name] = postdata[this.name].join(",");}
+							else {postdata[this.name] ="";}
+							var selectedText = [];
+							$("option:selected",this).each(
+								function(i,selected){
+									selectedText[i] = $(selected).text();
+								}
+							);
+						break;
+						case "password":
+						case "text":
+						case "textarea":
+						case "button":
+							postdata[this.name] = $(this).val();
+
+						break;
+					}
+					if($t.p.autoencode) {postdata[this.name] = $.jgrid.htmlEncode(postdata[this.name]);}
+					}
+				});
+				return true;
+			}
+			function createData(rowid,obj,tb,maxcols){
+				var nm, hc,trdata, cnt=0,tmp, dc,elc, retpos=[], ind=false,
+				tdtmpl = "<td class='CaptionTD'>&#160;</td><td class='DataTD'>&#160;</td>", tmpl="", i; //*2
+				for (i =1; i<=maxcols;i++) {
+					tmpl += tdtmpl;
+				}
+				if(rowid !== '_empty') {
+					ind = $(obj).jqGrid("getInd",rowid);
+				}
+				$(obj.p.colModel).each( function(i) {
+					nm = this.name;
+					// hidden fields are included in the form
+					if(this.editrules && this.editrules.edithidden === true) {
+						hc = false;
+					} else {
+						hc = this.hidden === true ? true : false;
+					}
+					dc = hc ? "style='display:none'" : "";
+					if ( nm !== 'cb' && nm !== 'subgrid' && this.editable===true && nm !== 'rn') {
+						if(ind === false) {
+							tmp = "";
+						} else {
+							if(nm === obj.p.ExpandColumn && obj.p.treeGrid === true) {
+								tmp = $("td[role='gridcell']:eq("+i+")",obj.rows[ind]).text();
+							} else {
+								try {
+									tmp =  $.unformat.call(obj, $("td[role='gridcell']:eq("+i+")",obj.rows[ind]),{rowId:rowid, colModel:this},i);
+								} catch (_) {
+									tmp =  (this.edittype && this.edittype === "textarea") ? $("td[role='gridcell']:eq("+i+")",obj.rows[ind]).text() : $("td[role='gridcell']:eq("+i+")",obj.rows[ind]).html();
+								}
+								if(!tmp || tmp === "&nbsp;" || tmp === "&#160;" || (tmp.length===1 && tmp.charCodeAt(0)===160) ) {tmp='';}
+							}
+						}
+						var opt = $.extend({}, this.editoptions || {} ,{id:nm,name:nm}),
+						frmopt = $.extend({}, {elmprefix:'',elmsuffix:'',rowabove:false,rowcontent:''}, this.formoptions || {}),
+						rp = parseInt(frmopt.rowpos,10) || cnt+1,
+						cp = parseInt((parseInt(frmopt.colpos,10) || 1)*2,10);
+						if(rowid === "_empty" && opt.defaultValue ) {
+							tmp = $.isFunction(opt.defaultValue) ? opt.defaultValue.call($t) : opt.defaultValue;
+						}
+						if(!this.edittype) {this.edittype = "text";}
+						if($t.p.autoencode) {tmp = $.jgrid.htmlDecode(tmp);}
+						elc = $.jgrid.createEl.call($t,this.edittype,opt,tmp,false,$.extend({},$.jgrid.ajaxOptions,obj.p.ajaxSelectOptions || {}));
+						//if(tmp === "" && this.edittype == "checkbox") {tmp = $(elc).attr("offval");}
+						//if(tmp === "" && this.edittype == "select") {tmp = $("option:eq(0)",elc).text();}
+						if(rp_ge[$t.p.id].checkOnSubmit || rp_ge[$t.p.id].checkOnUpdate) {rp_ge[$t.p.id]._savedData[nm] = tmp;}
+						$(elc).addClass("FormElement");
+						if( $.inArray(this.edittype, ['text','textarea','password','select']) > -1) {
+							$(elc).addClass("ui-widget-content ui-corner-all");
+						}
+						trdata = $(tb).find("tr[rowpos="+rp+"]");
+						if(frmopt.rowabove) {
+							var newdata = $("<tr><td class='contentinfo' colspan='"+(maxcols*2)+"'>"+frmopt.rowcontent+"</td></tr>");
+							$(tb).append(newdata);
+							newdata[0].rp = rp;
+						}
+						if ( trdata.length===0 ) {
+							trdata = $("<tr "+dc+" rowpos='"+rp+"'></tr>").addClass("FormData").attr("id","tr_"+nm);
+							$(trdata).append(tmpl);
+							$(tb).append(trdata);
+							trdata[0].rp = rp;
+						}
+						$("td:eq("+(cp-2)+")",trdata[0]).html(frmopt.label === undefined ? obj.p.colNames[i]: frmopt.label);
+						$("td:eq("+(cp-1)+")",trdata[0]).append(frmopt.elmprefix).append(elc).append(frmopt.elmsuffix);
+						if(this.edittype==='custom' && $.isFunction(opt.custom_value) ) {
+							opt.custom_value.call($t, $("#"+nm,"#"+frmgr),'set',tmp);
+						}
+						$.jgrid.bindEv.call($t, elc, opt);
+						retpos[cnt] = i;
+						cnt++;
+					}
+				});
+				if( cnt > 0) {
+					var idrow = $("<tr class='FormData' style='display:none'><td class='CaptionTD'></td><td colspan='"+ (maxcols*2-1)+"' class='DataTD'><input class='FormElement' id='id_g' type='text' name='"+obj.p.id+"_id' value='"+rowid+"'/></td></tr>");
+					idrow[0].rp = cnt+999;
+					$(tb).append(idrow);
+					if(rp_ge[$t.p.id].checkOnSubmit || rp_ge[$t.p.id].checkOnUpdate) {rp_ge[$t.p.id]._savedData[obj.p.id+"_id"] = rowid;}
+				}
+				return retpos;
+			}
+			function fillData(rowid,obj,fmid){
+				var nm,cnt=0,tmp, fld,opt,vl,vlc;
+				if(rp_ge[$t.p.id].checkOnSubmit || rp_ge[$t.p.id].checkOnUpdate) {rp_ge[$t.p.id]._savedData = {};rp_ge[$t.p.id]._savedData[obj.p.id+"_id"]=rowid;}
+				var cm = obj.p.colModel;
+				if(rowid === '_empty') {
+					$(cm).each(function(){
+						nm = this.name;
+						opt = $.extend({}, this.editoptions || {} );
+						fld = $("#"+$.jgrid.jqID(nm),"#"+fmid);
+						if(fld && fld.length && fld[0] !== null) {
+							vl = "";
+							if(this.edittype === 'custom' && $.isFunction(opt.custom_value)) {
+								opt.custom_value.call($t, $("#"+nm,"#"+fmid),'set',vl);
+							} else if(opt.defaultValue ) {
+								vl = $.isFunction(opt.defaultValue) ? opt.defaultValue.call($t) : opt.defaultValue;
+								if(fld[0].type==='checkbox') {
+									vlc = vl.toLowerCase();
+									if(vlc.search(/(false|f|0|no|n|off|undefined)/i)<0 && vlc!=="") {
+										fld[0].checked = true;
+										fld[0].defaultChecked = true;
+										fld[0].value = vl;
+									} else {
+										fld[0].checked = false;
+										fld[0].defaultChecked = false;
+									}
+								} else {fld.val(vl);}
+							} else {
+								if( fld[0].type==='checkbox' ) {
+									fld[0].checked = false;
+									fld[0].defaultChecked = false;
+									vl = $(fld).attr("offval");
+								} else if (fld[0].type && fld[0].type.substr(0,6)==='select') {
+									fld[0].selectedIndex = 0;
+								} else {
+									fld.val(vl);
+								}
+							}
+							if(rp_ge[$t.p.id].checkOnSubmit===true || rp_ge[$t.p.id].checkOnUpdate) {rp_ge[$t.p.id]._savedData[nm] = vl;}
+						}
+					});
+					$("#id_g","#"+fmid).val(rowid);
+					return;
+				}
+				var tre = $(obj).jqGrid("getInd",rowid,true);
+				if(!tre) {return;}
+				$('td[role="gridcell"]',tre).each( function(i) {
+					nm = cm[i].name;
+					// hidden fields are included in the form
+					if ( nm !== 'cb' && nm !== 'subgrid' && nm !== 'rn' && cm[i].editable===true) {
+						if(nm === obj.p.ExpandColumn && obj.p.treeGrid === true) {
+							tmp = $(this).text();
+						} else {
+							try {
+								tmp =  $.unformat.call(obj, $(this),{rowId:rowid, colModel:cm[i]},i);
+							} catch (_) {
+								tmp = cm[i].edittype==="textarea" ? $(this).text() : $(this).html();
+							}
+						}
+						if($t.p.autoencode) {tmp = $.jgrid.htmlDecode(tmp);}
+						if(rp_ge[$t.p.id].checkOnSubmit===true || rp_ge[$t.p.id].checkOnUpdate) {rp_ge[$t.p.id]._savedData[nm] = tmp;}
+						nm = $.jgrid.jqID(nm);
+						switch (cm[i].edittype) {
+							case "password":
+							case "text":
+							case "button" :
+							case "image":
+							case "textarea":
+								if(tmp === "&nbsp;" || tmp === "&#160;" || (tmp.length===1 && tmp.charCodeAt(0)===160) ) {tmp='';}
+								$("#"+nm,"#"+fmid).val(tmp);
+								break;
+							case "select":
+								var opv = tmp.split(",");
+								opv = $.map(opv,function(n){return $.trim(n);});
+								$("#"+nm+" option","#"+fmid).each(function(){
+									if (!cm[i].editoptions.multiple && ($.trim(tmp) === $.trim($(this).text()) || opv[0] === $.trim($(this).text()) || opv[0] === $.trim($(this).val())) ){
+										this.selected= true;
+									} else if (cm[i].editoptions.multiple){
+										if(  $.inArray($.trim($(this).text()), opv ) > -1 || $.inArray($.trim($(this).val()), opv ) > -1  ){
+											this.selected = true;
+										}else{
+											this.selected = false;
+										}
+									} else {
+										this.selected = false;
+									}
+								});
+								break;
+							case "checkbox":
+								tmp = String(tmp);
+								if(cm[i].editoptions && cm[i].editoptions.value) {
+									var cb = cm[i].editoptions.value.split(":");
+									if(cb[0] === tmp) {
+										$("#"+nm,"#"+fmid)[$t.p.useProp ? 'prop': 'attr']({"checked":true, "defaultChecked" : true});
+									} else {
+										$("#"+nm,"#"+fmid)[$t.p.useProp ? 'prop': 'attr']({"checked":false, "defaultChecked" : false});
+									}
+								} else {
+									tmp = tmp.toLowerCase();
+									if(tmp.search(/(false|f|0|no|n|off|undefined)/i)<0 && tmp!=="") {
+										$("#"+nm,"#"+fmid)[$t.p.useProp ? 'prop': 'attr']("checked",true);
+										$("#"+nm,"#"+fmid)[$t.p.useProp ? 'prop': 'attr']("defaultChecked",true); //ie
+									} else {
+										$("#"+nm,"#"+fmid)[$t.p.useProp ? 'prop': 'attr']("checked", false);
+										$("#"+nm,"#"+fmid)[$t.p.useProp ? 'prop': 'attr']("defaultChecked", false); //ie
+									}
+								}
+								break;
+							case 'custom' :
+								try {
+									if(cm[i].editoptions && $.isFunction(cm[i].editoptions.custom_value)) {
+										cm[i].editoptions.custom_value.call($t, $("#"+nm,"#"+fmid),'set',tmp);
+									} else {throw "e1";}
+								} catch (e) {
+									if (e==="e1") {$.jgrid.info_dialog($.jgrid.errors.errcap,"function 'custom_value' "+$.jgrid.edit.msg.nodefined,$.jgrid.edit.bClose);}
+									else {$.jgrid.info_dialog($.jgrid.errors.errcap,e.message,$.jgrid.edit.bClose);}
+								}
+								break;
+						}
+						cnt++;
+					}
+				});
+				if(cnt>0) {$("#id_g",frmtb).val(rowid);}
+			}
+			function setNulls() {
+				$.each($t.p.colModel, function(i,n){
+					if(n.editoptions && n.editoptions.NullIfEmpty === true) {
+						if(postdata.hasOwnProperty(n.name) && postdata[n.name] === "") {
+							postdata[n.name] = 'null';
+						}
+					}
+				});
+			}
+			function postIt() {
+				var copydata, ret=[true,"",""], onCS = {}, opers = $t.p.prmNames, idname, oper, key, selr, i;
+				
+				var retvals = $($t).triggerHandler("jqGridAddEditBeforeCheckValues", [$("#"+frmgr), frmoper]);
+				if(retvals && typeof retvals === 'object') {postdata = retvals;}
+				
+				if($.isFunction(rp_ge[$t.p.id].beforeCheckValues)) {
+					retvals = rp_ge[$t.p.id].beforeCheckValues.call($t, postdata,$("#"+frmgr),frmoper);
+					if(retvals && typeof retvals === 'object') {postdata = retvals;}
+				}
+				for( key in postdata ){
+					if(postdata.hasOwnProperty(key)) {
+						ret = $.jgrid.checkValues.call($t,postdata[key],key);
+						if(ret[0] === false) {break;}
+					}
+				}
+				setNulls();
+				if(ret[0]) {
+					onCS = $($t).triggerHandler("jqGridAddEditClickSubmit", [rp_ge[$t.p.id], postdata, frmoper]);
+					if( onCS === undefined && $.isFunction( rp_ge[$t.p.id].onclickSubmit)) { 
+						onCS = rp_ge[$t.p.id].onclickSubmit.call($t, rp_ge[$t.p.id], postdata, frmoper) || {}; 
+					}
+					ret = $($t).triggerHandler("jqGridAddEditBeforeSubmit", [postdata, $("#"+frmgr), frmoper]);
+					if(ret === undefined) {
+						ret = [true,"",""];
+					}
+					if( ret[0] && $.isFunction(rp_ge[$t.p.id].beforeSubmit))  {
+						ret = rp_ge[$t.p.id].beforeSubmit.call($t,postdata,$("#"+frmgr), frmoper);
+					}
+				}
+
+				if(ret[0] && !rp_ge[$t.p.id].processing) {
+					rp_ge[$t.p.id].processing = true;
+					$("#sData", frmtb+"_2").addClass('ui-state-active');
+					oper = opers.oper;
+					idname = opers.id;
+					// we add to pos data array the action - the name is oper
+					postdata[oper] = ($.trim(postdata[$t.p.id+"_id"]) === "_empty") ? opers.addoper : opers.editoper;
+					if(postdata[oper] !== opers.addoper) {
+						postdata[idname] = postdata[$t.p.id+"_id"];
+					} else {
+						// check to see if we have allredy this field in the form and if yes lieve it
+						if( postdata[idname] === undefined ) {postdata[idname] = postdata[$t.p.id+"_id"];}
+					}
+					delete postdata[$t.p.id+"_id"];
+					postdata = $.extend(postdata,rp_ge[$t.p.id].editData,onCS);
+					if($t.p.treeGrid === true)  {
+						if(postdata[oper] === opers.addoper) {
+						selr = $($t).jqGrid("getGridParam", 'selrow');
+							var tr_par_id = $t.p.treeGridModel === 'adjacency' ? $t.p.treeReader.parent_id_field : 'parent_id';
+							postdata[tr_par_id] = selr;
+						}
+						for(i in $t.p.treeReader){
+							if($t.p.treeReader.hasOwnProperty(i)) {
+								var itm = $t.p.treeReader[i];
+								if(postdata.hasOwnProperty(itm)) {
+									if(postdata[oper] === opers.addoper && i === 'parent_id_field') {continue;}
+									delete postdata[itm];
+								}
+							}
+						}
+					}
+					
+					postdata[idname] = $.jgrid.stripPref($t.p.idPrefix, postdata[idname]);
+					var ajaxOptions = $.extend({
+						url: rp_ge[$t.p.id].url || $($t).jqGrid('getGridParam','editurl'),
+						type: rp_ge[$t.p.id].mtype,
+						data: $.isFunction(rp_ge[$t.p.id].serializeEditData) ? rp_ge[$t.p.id].serializeEditData.call($t,postdata) :  postdata,
+						complete:function(data,status){
+							var key;
+							postdata[idname] = $t.p.idPrefix + postdata[idname];
+							if(data.status >= 300 && data.status !== 304) {
+								ret[0] = false;
+								ret[1] = $($t).triggerHandler("jqGridAddEditErrorTextFormat", [data, frmoper]);
+								if ($.isFunction(rp_ge[$t.p.id].errorTextFormat)) {
+									ret[1] = rp_ge[$t.p.id].errorTextFormat.call($t, data, frmoper);
+								} else {
+									ret[1] = status + " Status: '" + data.statusText + "'. Error code: " + data.status;
+								}
+							} else {
+								// data is posted successful
+								// execute aftersubmit with the returned data from server
+								ret = $($t).triggerHandler("jqGridAddEditAfterSubmit", [data, postdata, frmoper]);
+								if(ret === undefined) {
+									ret = [true,"",""];
+								}
+								if( ret[0] && $.isFunction(rp_ge[$t.p.id].afterSubmit) ) {
+									ret = rp_ge[$t.p.id].afterSubmit.call($t, data,postdata, frmoper);
+								}
+							}
+							if(ret[0] === false) {
+								$("#FormError>td",frmtb).html(ret[1]);
+								$("#FormError",frmtb).show();
+							} else {
+								if($t.p.autoencode) {
+									$.each(postdata,function(n,v){
+										postdata[n] = $.jgrid.htmlDecode(v);
+									});
+								}
+								//rp_ge[$t.p.id].reloadAfterSubmit = rp_ge[$t.p.id].reloadAfterSubmit && $t.p.datatype != "local";
+								// the action is add
+								if(postdata[oper] === opers.addoper ) {
+									//id processing
+									// user not set the id ret[2]
+									if(!ret[2]) {ret[2] = $.jgrid.randId();}
+									postdata[idname] = ret[2];
+									if(rp_ge[$t.p.id].reloadAfterSubmit) {
+										$($t).trigger("reloadGrid");
+									} else {
+										if($t.p.treeGrid === true){
+											$($t).jqGrid("addChildNode",ret[2],selr,postdata );
+										} else {
+											$($t).jqGrid("addRowData",ret[2],postdata,p.addedrow);
+										}
+									}
+									if(rp_ge[$t.p.id].closeAfterAdd) {
+										if($t.p.treeGrid !== true){
+											$($t).jqGrid("setSelection",ret[2]);
+										}
+										$.jgrid.hideModal("#"+$.jgrid.jqID(IDs.themodal),{gb:"#gbox_"+$.jgrid.jqID(gID),jqm:p.jqModal,onClose: rp_ge[$t.p.id].onClose});
+									} else if (rp_ge[$t.p.id].clearAfterAdd) {
+										fillData("_empty",$t,frmgr);
+									}
+								} else {
+									// the action is update
+									if(rp_ge[$t.p.id].reloadAfterSubmit) {
+										$($t).trigger("reloadGrid");
+										if( !rp_ge[$t.p.id].closeAfterEdit ) {setTimeout(function(){$($t).jqGrid("setSelection",postdata[idname]);},1000);}
+									} else {
+										if($t.p.treeGrid === true) {
+											$($t).jqGrid("setTreeRow", postdata[idname],postdata);
+										} else {
+											$($t).jqGrid("setRowData", postdata[idname],postdata);
+										}
+									}
+									if(rp_ge[$t.p.id].closeAfterEdit) {$.jgrid.hideModal("#"+$.jgrid.jqID(IDs.themodal),{gb:"#gbox_"+$.jgrid.jqID(gID),jqm:p.jqModal,onClose: rp_ge[$t.p.id].onClose});}
+								}
+								if($.isFunction(rp_ge[$t.p.id].afterComplete)) {
+									copydata = data;
+									setTimeout(function(){
+										$($t).triggerHandler("jqGridAddEditAfterComplete", [copydata, postdata, $("#"+frmgr), frmoper]);
+										rp_ge[$t.p.id].afterComplete.call($t, copydata, postdata, $("#"+frmgr), frmoper);
+										copydata=null;
+									},500);
+								}
+								if(rp_ge[$t.p.id].checkOnSubmit || rp_ge[$t.p.id].checkOnUpdate) {
+									$("#"+frmgr).data("disabled",false);
+									if(rp_ge[$t.p.id]._savedData[$t.p.id+"_id"] !== "_empty"){
+										for(key in rp_ge[$t.p.id]._savedData) {
+											if(rp_ge[$t.p.id]._savedData.hasOwnProperty(key) && postdata[key]) {
+												rp_ge[$t.p.id]._savedData[key] = postdata[key];
+											}
+										}
+									}
+								}
+							}
+							rp_ge[$t.p.id].processing=false;
+							$("#sData", frmtb+"_2").removeClass('ui-state-active');
+							try{$(':input:visible',"#"+frmgr)[0].focus();} catch (e){}
+						}
+					}, $.jgrid.ajaxOptions, rp_ge[$t.p.id].ajaxEditOptions );
+
+					if (!ajaxOptions.url && !rp_ge[$t.p.id].useDataProxy) {
+						if ($.isFunction($t.p.dataProxy)) {
+							rp_ge[$t.p.id].useDataProxy = true;
+						} else {
+							ret[0]=false;ret[1] += " "+$.jgrid.errors.nourl;
+						}
+					}
+					if (ret[0]) {
+						if (rp_ge[$t.p.id].useDataProxy) {
+							var dpret = $t.p.dataProxy.call($t, ajaxOptions, "set_"+$t.p.id); 
+							if(dpret === undefined) {
+								dpret = [true, ""];
+							}
+							if(dpret[0] === false ) {
+								ret[0] = false;
+								ret[1] = dpret[1] || "Error deleting the selected row!" ;
+							} else {
+								if(ajaxOptions.data.oper === opers.addoper && rp_ge[$t.p.id].closeAfterAdd ) {
+									$.jgrid.hideModal("#"+$.jgrid.jqID(IDs.themodal),{gb:"#gbox_"+$.jgrid.jqID(gID),jqm:p.jqModal, onClose: rp_ge[$t.p.id].onClose});
+								}
+								if(ajaxOptions.data.oper === opers.editoper && rp_ge[$t.p.id].closeAfterEdit ) {
+									$.jgrid.hideModal("#"+$.jgrid.jqID(IDs.themodal),{gb:"#gbox_"+$.jgrid.jqID(gID),jqm:p.jqModal, onClose: rp_ge[$t.p.id].onClose});
+								}
+							}
+						} else {
+							$.ajax(ajaxOptions); 
+						}
+					}
+				}
+				if(ret[0] === false) {
+					$("#FormError>td",frmtb).html(ret[1]);
+					$("#FormError",frmtb).show();
+					// return;
+				}
+			}
+			function compareData(nObj, oObj ) {
+				var ret = false,key;
+				for (key in nObj) {
+					if(nObj.hasOwnProperty(key) && nObj[key] != oObj[key]) {
+						ret = true;
+						break;
+					}
+				}
+				return ret;
+			}
+			function checkUpdates () {
+				var stat = true;
+				$("#FormError",frmtb).hide();
+				if(rp_ge[$t.p.id].checkOnUpdate) {
+					postdata = {};
+					getFormData();
+					diff = compareData(postdata,rp_ge[$t.p.id]._savedData);
+					if(diff) {
+						$("#"+frmgr).data("disabled",true);
+						$(".confirm","#"+IDs.themodal).show();
+						stat = false;
+					}
+				}
+				return stat;
+			}
+			function restoreInline()
+			{
+				var i;
+				if (rowid !== "_empty" && $t.p.savedRow !== undefined && $t.p.savedRow.length > 0 && $.isFunction($.fn.jqGrid.restoreRow)) {
+					for (i=0;i<$t.p.savedRow.length;i++) {
+						if ($t.p.savedRow[i].id == rowid) {
+							$($t).jqGrid('restoreRow',rowid);
+							break;
+						}
+					}
+				}
+			}
+			function updateNav(cr, posarr){
+				var totr = posarr[1].length-1;
+				if (cr===0) {
+					$("#pData",frmtb+"_2").addClass('ui-state-disabled');
+				} else if( posarr[1][cr-1] !== undefined && $("#"+$.jgrid.jqID(posarr[1][cr-1])).hasClass('ui-state-disabled')) {
+						$("#pData",frmtb+"_2").addClass('ui-state-disabled');
+				} else {
+					$("#pData",frmtb+"_2").removeClass('ui-state-disabled');
+				}
+				
+				if (cr===totr) {
+					$("#nData",frmtb+"_2").addClass('ui-state-disabled');
+				} else if( posarr[1][cr+1] !== undefined && $("#"+$.jgrid.jqID(posarr[1][cr+1])).hasClass('ui-state-disabled')) {
+					$("#nData",frmtb+"_2").addClass('ui-state-disabled');
+				} else {
+					$("#nData",frmtb+"_2").removeClass('ui-state-disabled');
+				}
+			}
+			function getCurrPos() {
+				var rowsInGrid = $($t).jqGrid("getDataIDs"),
+				selrow = $("#id_g",frmtb).val(),
+				pos = $.inArray(selrow,rowsInGrid);
+				return [pos,rowsInGrid];
+			}
+
+			var dh = isNaN(rp_ge[$(this)[0].p.id].dataheight) ? rp_ge[$(this)[0].p.id].dataheight : rp_ge[$(this)[0].p.id].dataheight+"px",
+			dw = isNaN(rp_ge[$(this)[0].p.id].datawidth) ? rp_ge[$(this)[0].p.id].datawidth : rp_ge[$(this)[0].p.id].datawidth+"px",
+			frm = $("<form name='FormPost' id='"+frmgr+"' class='FormGrid' onSubmit='return false;' style='width:"+dw+";overflow:auto;position:relative;height:"+dh+";'></form>").data("disabled",false),
+			tbl = $("<table id='"+frmtborg+"' class='EditTable' cellspacing='0' cellpadding='0' border='0'><tbody></tbody></table>");
+			showFrm = $($t).triggerHandler("jqGridAddEditBeforeInitData", [$("#"+frmgr), frmoper]);
+			if(showFrm === undefined) {
+				showFrm = true;
+			}
+			if(showFrm && onBeforeInit) {
+				showFrm = onBeforeInit.call($t,$("#"+frmgr),frmoper);
+			}
+			if(showFrm === false) {return;}
+			restoreInline();
+			$($t.p.colModel).each( function() {
+				var fmto = this.formoptions;
+				maxCols = Math.max(maxCols, fmto ? fmto.colpos || 0 : 0 );
+				maxRows = Math.max(maxRows, fmto ? fmto.rowpos || 0 : 0 );
+			});
+			$(frm).append(tbl);
+			var flr = $("<tr id='FormError' style='display:none'><td class='ui-state-error' colspan='"+(maxCols*2)+"'></td></tr>");
+			flr[0].rp = 0;
+			$(tbl).append(flr);
+			//topinfo
+			flr = $("<tr style='display:none' class='tinfo'><td class='topinfo' colspan='"+(maxCols*2)+"'>"+rp_ge[$t.p.id].topinfo+"</td></tr>");
+			flr[0].rp = 0;
+			$(tbl).append(flr);
+			// set the id.
+			// use carefull only to change here colproperties.
+			// create data
+			var rtlb = $t.p.direction === "rtl" ? true :false,
+			bp = rtlb ? "nData" : "pData",
+			bn = rtlb ? "pData" : "nData";
+			createData(rowid,$t,tbl,maxCols);
+			// buttons at footer
+			var bP = "<a id='"+bp+"' class='fm-button ui-state-default ui-corner-left'><span class='ui-icon ui-icon-triangle-1-w'></span></a>",
+			bN = "<a id='"+bn+"' class='fm-button ui-state-default ui-corner-right'><span class='ui-icon ui-icon-triangle-1-e'></span></a>",
+			bS  ="<a id='sData' class='fm-button ui-state-default ui-corner-all'>"+p.bSubmit+"</a>",
+			bC  ="<a id='cData' class='fm-button ui-state-default ui-corner-all'>"+p.bCancel+"</a>";
+			var bt = "<table border='0' cellspacing='0' cellpadding='0' class='EditTable' id='"+frmtborg+"_2'><tbody><tr><td colspan='2'><hr class='ui-widget-content' style='margin:1px'/></td></tr><tr id='Act_Buttons'><td class='navButton'>"+(rtlb ? bN+bP : bP+bN)+"</td><td class='EditButton'>"+bS+bC+"</td></tr>";
+			bt += "<tr style='display:none' class='binfo'><td class='bottominfo' colspan='2'>"+rp_ge[$t.p.id].bottominfo+"</td></tr>";
+			bt += "</tbody></table>";
+			if(maxRows >  0) {
+				var sd=[];
+				$.each($(tbl)[0].rows,function(i,r){
+					sd[i] = r;
+				});
+				sd.sort(function(a,b){
+					if(a.rp > b.rp) {return 1;}
+					if(a.rp < b.rp) {return -1;}
+					return 0;
+				});
+				$.each(sd, function(index, row) {
+					$('tbody',tbl).append(row);
+				});
+			}
+			p.gbox = "#gbox_"+$.jgrid.jqID(gID);
+			var cle = false;
+			if(p.closeOnEscape===true){
+				p.closeOnEscape = false;
+				cle = true;
+			}
+			var tms = $("<div></div>").append(frm).append(bt);
+			$.jgrid.createModal(IDs,tms, rp_ge[$(this)[0].p.id] ,"#gview_"+$.jgrid.jqID($t.p.id),$("#gbox_"+$.jgrid.jqID($t.p.id))[0]);
+			if(rtlb) {
+				$("#pData, #nData",frmtb+"_2").css("float","right");
+				$(".EditButton",frmtb+"_2").css("text-align","left");
+			}
+			if(rp_ge[$t.p.id].topinfo) {$(".tinfo",frmtb).show();}
+			if(rp_ge[$t.p.id].bottominfo) {$(".binfo",frmtb+"_2").show();}
+			tms = null;bt=null;
+			$("#"+$.jgrid.jqID(IDs.themodal)).keydown( function( e ) {
+				var wkey = e.target;
+				if ($("#"+frmgr).data("disabled")===true ) {return false;}//??
+				if(rp_ge[$t.p.id].savekey[0] === true && e.which === rp_ge[$t.p.id].savekey[1]) { // save
+					if(wkey.tagName !== "TEXTAREA") {
+						$("#sData", frmtb+"_2").trigger("click");
+						return false;
+					}
+				}
+				if(e.which === 27) {
+					if(!checkUpdates()) {return false;}
+					if(cle)	{$.jgrid.hideModal("#"+$.jgrid.jqID(IDs.themodal),{gb:p.gbox,jqm:p.jqModal, onClose: rp_ge[$t.p.id].onClose});}
+					return false;
+				}
+				if(rp_ge[$t.p.id].navkeys[0]===true) {
+					if($("#id_g",frmtb).val() === "_empty") {return true;}
+					if(e.which === rp_ge[$t.p.id].navkeys[1]){ //up
+						$("#pData", frmtb+"_2").trigger("click");
+						return false;
+					}
+					if(e.which === rp_ge[$t.p.id].navkeys[2]){ //down
+						$("#nData", frmtb+"_2").trigger("click");
+						return false;
+					}
+				}
+			});
+			if(p.checkOnUpdate) {
+				$("a.ui-jqdialog-titlebar-close span","#"+$.jgrid.jqID(IDs.themodal)).removeClass("jqmClose");
+				$("a.ui-jqdialog-titlebar-close","#"+$.jgrid.jqID(IDs.themodal)).unbind("click")
+				.click(function(){
+					if(!checkUpdates()) {return false;}
+					$.jgrid.hideModal("#"+$.jgrid.jqID(IDs.themodal),{gb:"#gbox_"+$.jgrid.jqID(gID),jqm:p.jqModal,onClose: rp_ge[$t.p.id].onClose});
+					return false;
+				});
+			}
+			p.saveicon = $.extend([true,"left","ui-icon-disk"],p.saveicon);
+			p.closeicon = $.extend([true,"left","ui-icon-close"],p.closeicon);
+			// beforeinitdata after creation of the form
+			if(p.saveicon[0]===true) {
+				$("#sData",frmtb+"_2").addClass(p.saveicon[1] === "right" ? 'fm-button-icon-right' : 'fm-button-icon-left')
+				.append("<span class='ui-icon "+p.saveicon[2]+"'></span>");
+			}
+			if(p.closeicon[0]===true) {
+				$("#cData",frmtb+"_2").addClass(p.closeicon[1] === "right" ? 'fm-button-icon-right' : 'fm-button-icon-left')
+				.append("<span class='ui-icon "+p.closeicon[2]+"'></span>");
+			}
+			if(rp_ge[$t.p.id].checkOnSubmit || rp_ge[$t.p.id].checkOnUpdate) {
+				bS  ="<a id='sNew' class='fm-button ui-state-default ui-corner-all' style='z-index:1002'>"+p.bYes+"</a>";
+				bN  ="<a id='nNew' class='fm-button ui-state-default ui-corner-all' style='z-index:1002'>"+p.bNo+"</a>";
+				bC  ="<a id='cNew' class='fm-button ui-state-default ui-corner-all' style='z-index:1002'>"+p.bExit+"</a>";
+				var zI = p.zIndex  || 999;zI ++;
+				$("<div class='"+ p.overlayClass+" jqgrid-overlay confirm' style='z-index:"+zI+";display:none;'>&#160;"+"</div><div class='confirm ui-widget-content ui-jqconfirm' style='z-index:"+(zI+1)+"'>"+p.saveData+"<br/><br/>"+bS+bN+bC+"</div>").insertAfter("#"+frmgr);
+				$("#sNew","#"+$.jgrid.jqID(IDs.themodal)).click(function(){
+					postIt();
+					$("#"+frmgr).data("disabled",false);
+					$(".confirm","#"+$.jgrid.jqID(IDs.themodal)).hide();
+					return false;
+				});
+				$("#nNew","#"+$.jgrid.jqID(IDs.themodal)).click(function(){
+					$(".confirm","#"+$.jgrid.jqID(IDs.themodal)).hide();
+					$("#"+frmgr).data("disabled",false);
+					setTimeout(function(){$(":input:visible","#"+frmgr)[0].focus();},0);
+					return false;
+				});
+				$("#cNew","#"+$.jgrid.jqID(IDs.themodal)).click(function(){
+					$(".confirm","#"+$.jgrid.jqID(IDs.themodal)).hide();
+					$("#"+frmgr).data("disabled",false);
+					$.jgrid.hideModal("#"+$.jgrid.jqID(IDs.themodal),{gb:"#gbox_"+$.jgrid.jqID(gID),jqm:p.jqModal,onClose: rp_ge[$t.p.id].onClose});
+					return false;
+				});
+			}
+			// here initform - only once
+			$($t).triggerHandler("jqGridAddEditInitializeForm", [$("#"+frmgr), frmoper]);
+			if(onInitializeForm) {onInitializeForm.call($t,$("#"+frmgr), frmoper);}
+			if(rowid==="_empty" || !rp_ge[$t.p.id].viewPagerButtons) {$("#pData,#nData",frmtb+"_2").hide();} else {$("#pData,#nData",frmtb+"_2").show();}
+			$($t).triggerHandler("jqGridAddEditBeforeShowForm", [$("#"+frmgr), frmoper]);
+			if(onBeforeShow) { onBeforeShow.call($t, $("#"+frmgr), frmoper);}
+			$("#"+$.jgrid.jqID(IDs.themodal)).data("onClose",rp_ge[$t.p.id].onClose);
+			$.jgrid.viewModal("#"+$.jgrid.jqID(IDs.themodal),{
+				gbox:"#gbox_"+$.jgrid.jqID(gID),
+				jqm:p.jqModal, 
+				overlay: p.overlay,
+				modal:p.modal, 
+				overlayClass: p.overlayClass,
+				onHide :  function(h) {
+					$($t).data("formProp", {
+						top:parseFloat($(h.w).css("top")),
+						left : parseFloat($(h.w).css("left")),
+						width : $(h.w).width(),
+						height : $(h.w).height(),
+						dataheight : $("#"+frmgr).height(),
+						datawidth: $("#"+frmgr).width()
+					});
+					h.w.remove();
+					if(h.o) {h.o.remove();}
+				}
+			});
+			if(!closeovrl) {
+				$("." + $.jgrid.jqID(p.overlayClass)).click(function(){
+					if(!checkUpdates()) {return false;}
+					$.jgrid.hideModal("#"+$.jgrid.jqID(IDs.themodal),{gb:"#gbox_"+$.jgrid.jqID(gID),jqm:p.jqModal, onClose: rp_ge[$t.p.id].onClose});
+					return false;
+				});
+			}
+			$(".fm-button","#"+$.jgrid.jqID(IDs.themodal)).hover(
+				function(){$(this).addClass('ui-state-hover');},
+				function(){$(this).removeClass('ui-state-hover');}
+			);
+			$("#sData", frmtb+"_2").click(function(){
+				postdata = {};
+				$("#FormError",frmtb).hide();
+				// all depend on ret array
+				//ret[0] - succes
+				//ret[1] - msg if not succes
+				//ret[2] - the id  that will be set if reload after submit false
+				getFormData();
+				if(postdata[$t.p.id+"_id"] === "_empty")	{postIt();}
+				else if(p.checkOnSubmit===true ) {
+					diff = compareData(postdata,rp_ge[$t.p.id]._savedData);
+					if(diff) {
+						$("#"+frmgr).data("disabled",true);
+						$(".confirm","#"+$.jgrid.jqID(IDs.themodal)).show();
+					} else {
+						postIt();
+					}
+				} else {
+					postIt();
+				}
+				return false;
+			});
+			$("#cData", frmtb+"_2").click(function(){
+				if(!checkUpdates()) {return false;}
+				$.jgrid.hideModal("#"+$.jgrid.jqID(IDs.themodal),{gb:"#gbox_"+$.jgrid.jqID(gID),jqm:p.jqModal,onClose: rp_ge[$t.p.id].onClose});
+				return false;
+			});
+			$("#nData", frmtb+"_2").click(function(){
+				if(!checkUpdates()) {return false;}
+				$("#FormError",frmtb).hide();
+				var npos = getCurrPos();
+				npos[0] = parseInt(npos[0],10);
+				if(npos[0] !== -1 && npos[1][npos[0]+1]) {
+					$($t).triggerHandler("jqGridAddEditClickPgButtons", ['next',$("#"+frmgr),npos[1][npos[0]]]);
+					var nposret;
+					if($.isFunction(p.onclickPgButtons)) {
+						nposret = p.onclickPgButtons.call($t, 'next',$("#"+frmgr),npos[1][npos[0]]);
+						if( nposret !== undefined && nposret === false ) {return false;}
+					}
+					if( $("#"+$.jgrid.jqID(npos[1][npos[0]+1])).hasClass('ui-state-disabled')) {return false;}
+					fillData(npos[1][npos[0]+1],$t,frmgr);
+					$($t).jqGrid("setSelection",npos[1][npos[0]+1]);
+					$($t).triggerHandler("jqGridAddEditAfterClickPgButtons", ['next',$("#"+frmgr),npos[1][npos[0]]]);
+					if($.isFunction(p.afterclickPgButtons)) {
+						p.afterclickPgButtons.call($t, 'next',$("#"+frmgr),npos[1][npos[0]+1]);
+					}
+					updateNav(npos[0]+1,npos);
+				}
+				return false;
+			});
+			$("#pData", frmtb+"_2").click(function(){
+				if(!checkUpdates()) {return false;}
+				$("#FormError",frmtb).hide();
+				var ppos = getCurrPos();
+				if(ppos[0] !== -1 && ppos[1][ppos[0]-1]) {
+					$($t).triggerHandler("jqGridAddEditClickPgButtons", ['prev',$("#"+frmgr),ppos[1][ppos[0]]]);
+					var pposret;
+					if($.isFunction(p.onclickPgButtons)) {
+						pposret = p.onclickPgButtons.call($t, 'prev',$("#"+frmgr),ppos[1][ppos[0]]);
+						if( pposret !== undefined && pposret === false ) {return false;}
+					}
+					if( $("#"+$.jgrid.jqID(ppos[1][ppos[0]-1])).hasClass('ui-state-disabled')) {return false;}
+					fillData(ppos[1][ppos[0]-1],$t,frmgr);
+					$($t).jqGrid("setSelection",ppos[1][ppos[0]-1]);
+					$($t).triggerHandler("jqGridAddEditAfterClickPgButtons", ['prev',$("#"+frmgr),ppos[1][ppos[0]]]);
+					if($.isFunction(p.afterclickPgButtons)) {
+						p.afterclickPgButtons.call($t, 'prev',$("#"+frmgr),ppos[1][ppos[0]-1]);
+					}
+					updateNav(ppos[0]-1,ppos);
+				}
+				return false;
+			});
+			$($t).triggerHandler("jqGridAddEditAfterShowForm", [$("#"+frmgr), frmoper]);
+			if(onAfterShow) { onAfterShow.call($t, $("#"+frmgr), frmoper); }
+			var posInit =getCurrPos();
+			updateNav(posInit[0],posInit);
+		});
+	},
+	viewGridRow : function(rowid, p){
+		p = $.extend(true, {
+			top : 0,
+			left: 0,
+			width: 0,
+			datawidth: 'auto',
+			height: 'auto',
+			dataheight: 'auto',
+			modal: false,
+			overlay: 30,
+			drag: true,
+			resize: true,
+			jqModal: true,
+			closeOnEscape : false,
+			labelswidth: '30%',
+			closeicon: [],
+			navkeys: [false,38,40],
+			onClose: null,
+			beforeShowForm : null,
+			beforeInitData : null,
+			viewPagerButtons : true,
+			recreateForm : false
+		}, $.jgrid.view, p || {});
+		rp_ge[$(this)[0].p.id] = p;
+		return this.each(function(){
+			var $t = this;
+			if (!$t.grid || !rowid) {return;}
+			var gID = $t.p.id,
+			frmgr = "ViewGrid_"+$.jgrid.jqID( gID  ), frmtb = "ViewTbl_" + $.jgrid.jqID( gID ),
+			frmgr_id = "ViewGrid_"+gID, frmtb_id = "ViewTbl_"+gID,
+			IDs = {themodal:'viewmod'+gID,modalhead:'viewhd'+gID,modalcontent:'viewcnt'+gID, scrollelm : frmgr},
+			onBeforeInit = $.isFunction(rp_ge[$t.p.id].beforeInitData) ? rp_ge[$t.p.id].beforeInitData : false,
+			showFrm = true,
+			maxCols = 1, maxRows=0;
+			if(!p.recreateForm) {
+				if( $($t).data("viewProp") ) {
+					$.extend(rp_ge[$(this)[0].p.id], $($t).data("viewProp"));
+				}
+			}
+			function focusaref(){ //Sfari 3 issues
+				if(rp_ge[$t.p.id].closeOnEscape===true || rp_ge[$t.p.id].navkeys[0]===true) {
+					setTimeout(function(){$(".ui-jqdialog-titlebar-close","#"+$.jgrid.jqID(IDs.modalhead)).focus();},0);
+				}
+			}
+			function createData(rowid,obj,tb,maxcols){
+				var nm, hc,trdata, cnt=0,tmp, dc, retpos=[], ind=false, i,
+				tdtmpl = "<td class='CaptionTD form-view-label ui-widget-content' width='"+p.labelswidth+"'>&#160;</td><td class='DataTD form-view-data ui-helper-reset ui-widget-content'>&#160;</td>", tmpl="",
+				tdtmpl2 = "<td class='CaptionTD form-view-label ui-widget-content'>&#160;</td><td class='DataTD form-view-data ui-widget-content'>&#160;</td>",
+				fmtnum = ['integer','number','currency'],max1 =0, max2=0 ,maxw,setme, viewfld;
+				for (i=1;i<=maxcols;i++) {
+					tmpl += i === 1 ? tdtmpl : tdtmpl2;
+				}
+				// find max number align rigth with property formatter
+				$(obj.p.colModel).each( function() {
+					if(this.editrules && this.editrules.edithidden === true) {
+						hc = false;
+					} else {
+						hc = this.hidden === true ? true : false;
+					}
+					if(!hc && this.align==='right') {
+						if(this.formatter && $.inArray(this.formatter,fmtnum) !== -1 ) {
+							max1 = Math.max(max1,parseInt(this.width,10));
+						} else {
+							max2 = Math.max(max2,parseInt(this.width,10));
+						}
+					}
+				});
+				maxw  = max1 !==0 ? max1 : max2 !==0 ? max2 : 0;
+				ind = $(obj).jqGrid("getInd",rowid);
+				$(obj.p.colModel).each( function(i) {
+					nm = this.name;
+					setme = false;
+					// hidden fields are included in the form
+					if(this.editrules && this.editrules.edithidden === true) {
+						hc = false;
+					} else {
+						hc = this.hidden === true ? true : false;
+					}
+					dc = hc ? "style='display:none'" : "";
+					viewfld = (typeof this.viewable !== 'boolean') ? true : this.viewable;
+					if ( nm !== 'cb' && nm !== 'subgrid' && nm !== 'rn' && viewfld) {
+						if(ind === false) {
+							tmp = "";
+						} else {
+							if(nm === obj.p.ExpandColumn && obj.p.treeGrid === true) {
+								tmp = $("td:eq("+i+")",obj.rows[ind]).text();
+							} else {
+								tmp = $("td:eq("+i+")",obj.rows[ind]).html();
+							}
+						}
+						setme = this.align === 'right' && maxw !==0 ? true : false;
+						var frmopt = $.extend({},{rowabove:false,rowcontent:''}, this.formoptions || {}),
+						rp = parseInt(frmopt.rowpos,10) || cnt+1,
+						cp = parseInt((parseInt(frmopt.colpos,10) || 1)*2,10);
+						if(frmopt.rowabove) {
+							var newdata = $("<tr><td class='contentinfo' colspan='"+(maxcols*2)+"'>"+frmopt.rowcontent+"</td></tr>");
+							$(tb).append(newdata);
+							newdata[0].rp = rp;
+						}
+						trdata = $(tb).find("tr[rowpos="+rp+"]");
+						if ( trdata.length===0 ) {
+							trdata = $("<tr "+dc+" rowpos='"+rp+"'></tr>").addClass("FormData").attr("id","trv_"+nm);
+							$(trdata).append(tmpl);
+							$(tb).append(trdata);
+							trdata[0].rp = rp;
+						}
+						$("td:eq("+(cp-2)+")",trdata[0]).html('<b>'+ (frmopt.label === undefined ? obj.p.colNames[i]: frmopt.label)+'</b>');
+						$("td:eq("+(cp-1)+")",trdata[0]).append("<span>"+tmp+"</span>").attr("id","v_"+nm);
+						if(setme){
+							$("td:eq("+(cp-1)+") span",trdata[0]).css({'text-align':'right',width:maxw+"px"});
+						}
+						retpos[cnt] = i;
+						cnt++;
+					}
+				});
+				if( cnt > 0) {
+					var idrow = $("<tr class='FormData' style='display:none'><td class='CaptionTD'></td><td colspan='"+ (maxcols*2-1)+"' class='DataTD'><input class='FormElement' id='id_g' type='text' name='id' value='"+rowid+"'/></td></tr>");
+					idrow[0].rp = cnt+99;
+					$(tb).append(idrow);
+				}
+				return retpos;
+			}
+			function fillData(rowid,obj){
+				var nm, hc,cnt=0,tmp,trv;
+				trv = $(obj).jqGrid("getInd",rowid,true);
+				if(!trv) {return;}
+				$('td',trv).each( function(i) {
+					nm = obj.p.colModel[i].name;
+					// hidden fields are included in the form
+					if(obj.p.colModel[i].editrules && obj.p.colModel[i].editrules.edithidden === true) {
+						hc = false;
+					} else {
+						hc = obj.p.colModel[i].hidden === true ? true : false;
+					}
+					if ( nm !== 'cb' && nm !== 'subgrid' && nm !== 'rn') {
+						if(nm === obj.p.ExpandColumn && obj.p.treeGrid === true) {
+							tmp = $(this).text();
+						} else {
+							tmp = $(this).html();
+						}
+						nm = $.jgrid.jqID("v_"+nm);
+						$("#"+nm+" span","#"+frmtb).html(tmp);
+						if (hc) {$("#"+nm,"#"+frmtb).parents("tr:first").hide();}
+						cnt++;
+					}
+				});
+				if(cnt>0) {$("#id_g","#"+frmtb).val(rowid);}
+			}
+			function updateNav(cr,posarr){
+				var totr = posarr[1].length-1;
+				if (cr===0) {
+					$("#pData","#"+frmtb+"_2").addClass('ui-state-disabled');
+				} else if( posarr[1][cr-1] !== undefined && $("#"+$.jgrid.jqID(posarr[1][cr-1])).hasClass('ui-state-disabled')) {
+					$("#pData",frmtb+"_2").addClass('ui-state-disabled');
+				} else {
+					$("#pData","#"+frmtb+"_2").removeClass('ui-state-disabled');
+				}
+				if (cr===totr) {
+					$("#nData","#"+frmtb+"_2").addClass('ui-state-disabled');
+				} else if( posarr[1][cr+1] !== undefined && $("#"+$.jgrid.jqID(posarr[1][cr+1])).hasClass('ui-state-disabled')) {
+					$("#nData",frmtb+"_2").addClass('ui-state-disabled');
+				} else {
+					$("#nData","#"+frmtb+"_2").removeClass('ui-state-disabled');
+				}
+			}
+			function getCurrPos() {
+				var rowsInGrid = $($t).jqGrid("getDataIDs"),
+				selrow = $("#id_g","#"+frmtb).val(),
+				pos = $.inArray(selrow,rowsInGrid);
+				return [pos,rowsInGrid];
+			}
+
+			var dh = isNaN(rp_ge[$(this)[0].p.id].dataheight) ? rp_ge[$(this)[0].p.id].dataheight : rp_ge[$(this)[0].p.id].dataheight+"px",
+			dw = isNaN(rp_ge[$(this)[0].p.id].datawidth) ? rp_ge[$(this)[0].p.id].datawidth : rp_ge[$(this)[0].p.id].datawidth+"px",
+			frm = $("<form name='FormPost' id='"+frmgr_id+"' class='FormGrid' style='width:"+dw+";overflow:auto;position:relative;height:"+dh+";'></form>"),
+			tbl =$("<table id='"+frmtb_id+"' class='EditTable' cellspacing='1' cellpadding='2' border='0' style='table-layout:fixed'><tbody></tbody></table>");
+			if(onBeforeInit) {
+				showFrm = onBeforeInit.call($t,$("#"+frmgr));
+				if(showFrm === undefined) {
+					showFrm = true;
+				}
+			}
+			if(showFrm === false) {return;}
+			$($t.p.colModel).each( function() {
+				var fmto = this.formoptions;
+				maxCols = Math.max(maxCols, fmto ? fmto.colpos || 0 : 0 );
+				maxRows = Math.max(maxRows, fmto ? fmto.rowpos || 0 : 0 );
+			});
+			// set the id.
+			$(frm).append(tbl);
+			createData(rowid, $t, tbl, maxCols);
+			var rtlb = $t.p.direction === "rtl" ? true :false,
+			bp = rtlb ? "nData" : "pData",
+			bn = rtlb ? "pData" : "nData",
+				// buttons at footer
+			bP = "<a id='"+bp+"' class='fm-button ui-state-default ui-corner-left'><span class='ui-icon ui-icon-triangle-1-w'></span></a>",
+			bN = "<a id='"+bn+"' class='fm-button ui-state-default ui-corner-right'><span class='ui-icon ui-icon-triangle-1-e'></span></a>",
+			bC  ="<a id='cData' class='fm-button ui-state-default ui-corner-all'>"+p.bClose+"</a>";
+			if(maxRows >  0) {
+				var sd=[];
+				$.each($(tbl)[0].rows,function(i,r){
+					sd[i] = r;
+				});
+				sd.sort(function(a,b){
+					if(a.rp > b.rp) {return 1;}
+					if(a.rp < b.rp) {return -1;}
+					return 0;
+				});
+				$.each(sd, function(index, row) {
+					$('tbody',tbl).append(row);
+				});
+			}
+			p.gbox = "#gbox_"+$.jgrid.jqID(gID);
+			var bt = $("<div></div>").append(frm).append("<table border='0' class='EditTable' id='"+frmtb+"_2'><tbody><tr id='Act_Buttons'><td class='navButton' width='"+p.labelswidth+"'>"+(rtlb ? bN+bP : bP+bN)+"</td><td class='EditButton'>"+bC+"</td></tr></tbody></table>");
+			$.jgrid.createModal(IDs,bt,p,"#gview_"+$.jgrid.jqID($t.p.id),$("#gview_"+$.jgrid.jqID($t.p.id))[0]);
+			if(rtlb) {
+				$("#pData, #nData","#"+frmtb+"_2").css("float","right");
+				$(".EditButton","#"+frmtb+"_2").css("text-align","left");
+			}
+			if(!p.viewPagerButtons) {$("#pData, #nData","#"+frmtb+"_2").hide();}
+			bt = null;
+			$("#"+IDs.themodal).keydown( function( e ) {
+				if(e.which === 27) {
+					if(rp_ge[$t.p.id].closeOnEscape) {$.jgrid.hideModal("#"+$.jgrid.jqID(IDs.themodal),{gb:p.gbox,jqm:p.jqModal, onClose: p.onClose});}
+					return false;
+				}
+				if(p.navkeys[0]===true) {
+					if(e.which === p.navkeys[1]){ //up
+						$("#pData", "#"+frmtb+"_2").trigger("click");
+						return false;
+					}
+					if(e.which === p.navkeys[2]){ //down
+						$("#nData", "#"+frmtb+"_2").trigger("click");
+						return false;
+					}
+				}
+			});
+			p.closeicon = $.extend([true,"left","ui-icon-close"],p.closeicon);
+			if(p.closeicon[0]===true) {
+				$("#cData","#"+frmtb+"_2").addClass(p.closeicon[1] === "right" ? 'fm-button-icon-right' : 'fm-button-icon-left')
+				.append("<span class='ui-icon "+p.closeicon[2]+"'></span>");
+			}
+			if($.isFunction(p.beforeShowForm)) {p.beforeShowForm.call($t,$("#"+frmgr));}
+			$.jgrid.viewModal("#"+$.jgrid.jqID(IDs.themodal),{
+				gbox:"#gbox_"+$.jgrid.jqID(gID),
+				jqm:p.jqModal,
+				overlay: p.overlay, 
+				modal:p.modal,
+				onHide :  function(h) {
+					$($t).data("viewProp", {
+						top:parseFloat($(h.w).css("top")),
+						left : parseFloat($(h.w).css("left")),
+						width : $(h.w).width(),
+						height : $(h.w).height(),
+						dataheight : $("#"+frmgr).height(),
+						datawidth: $("#"+frmgr).width()
+					});
+					h.w.remove();
+					if(h.o) {h.o.remove();}
+				}
+			});
+			$(".fm-button:not(.ui-state-disabled)","#"+frmtb+"_2").hover(
+				function(){$(this).addClass('ui-state-hover');},
+				function(){$(this).removeClass('ui-state-hover');}
+			);
+			focusaref();
+			$("#cData", "#"+frmtb+"_2").click(function(){
+				$.jgrid.hideModal("#"+$.jgrid.jqID(IDs.themodal),{gb:"#gbox_"+$.jgrid.jqID(gID),jqm:p.jqModal, onClose: p.onClose});
+				return false;
+			});
+			$("#nData", "#"+frmtb+"_2").click(function(){
+				$("#FormError","#"+frmtb).hide();
+				var npos = getCurrPos();
+				npos[0] = parseInt(npos[0],10);
+				if(npos[0] !== -1 && npos[1][npos[0]+1]) {
+					if($.isFunction(p.onclickPgButtons)) {
+						p.onclickPgButtons.call($t,'next',$("#"+frmgr),npos[1][npos[0]]);
+					}
+					fillData(npos[1][npos[0]+1],$t);
+					$($t).jqGrid("setSelection",npos[1][npos[0]+1]);
+					if($.isFunction(p.afterclickPgButtons)) {
+						p.afterclickPgButtons.call($t,'next',$("#"+frmgr),npos[1][npos[0]+1]);
+					}
+					updateNav(npos[0]+1,npos);
+				}
+				focusaref();
+				return false;
+			});
+			$("#pData", "#"+frmtb+"_2").click(function(){
+				$("#FormError","#"+frmtb).hide();
+				var ppos = getCurrPos();
+				if(ppos[0] !== -1 && ppos[1][ppos[0]-1]) {
+					if($.isFunction(p.onclickPgButtons)) {
+						p.onclickPgButtons.call($t,'prev',$("#"+frmgr),ppos[1][ppos[0]]);
+					}
+					fillData(ppos[1][ppos[0]-1],$t);
+					$($t).jqGrid("setSelection",ppos[1][ppos[0]-1]);
+					if($.isFunction(p.afterclickPgButtons)) {
+						p.afterclickPgButtons.call($t,'prev',$("#"+frmgr),ppos[1][ppos[0]-1]);
+					}
+					updateNav(ppos[0]-1,ppos);
+				}
+				focusaref();
+				return false;
+			});
+			var posInit =getCurrPos();
+			updateNav(posInit[0],posInit);
+		});
+	},
+	delGridRow : function(rowids,p) {
+		p = $.extend(true, {
+			top : 0,
+			left: 0,
+			width: 240,
+			height: 'auto',
+			dataheight : 'auto',
+			modal: false,
+			overlay: 30,
+			drag: true,
+			resize: true,
+			url : '',
+			mtype : "POST",
+			reloadAfterSubmit: true,
+			beforeShowForm: null,
+			beforeInitData : null,
+			afterShowForm: null,
+			beforeSubmit: null,
+			onclickSubmit: null,
+			afterSubmit: null,
+			jqModal : true,
+			closeOnEscape : false,
+			delData: {},
+			delicon : [],
+			cancelicon : [],
+			onClose : null,
+			ajaxDelOptions : {},
+			processing : false,
+			serializeDelData : null,
+			useDataProxy : false
+		}, $.jgrid.del, p ||{});
+		rp_ge[$(this)[0].p.id] = p;
+		return this.each(function(){
+			var $t = this;
+			if (!$t.grid ) {return;}
+			if(!rowids) {return;}
+			var onBeforeShow = $.isFunction( rp_ge[$t.p.id].beforeShowForm  ),
+			onAfterShow = $.isFunction( rp_ge[$t.p.id].afterShowForm ),
+			onBeforeInit = $.isFunction(rp_ge[$t.p.id].beforeInitData) ? rp_ge[$t.p.id].beforeInitData : false,
+			gID = $t.p.id, onCS = {},
+			showFrm = true,
+			dtbl = "DelTbl_"+$.jgrid.jqID(gID),postd, idname, opers, oper,
+			dtbl_id = "DelTbl_" + gID,
+			IDs = {themodal:'delmod'+gID,modalhead:'delhd'+gID,modalcontent:'delcnt'+gID, scrollelm: dtbl};
+			if ($.isArray(rowids)) {rowids = rowids.join();}
+			if ( $("#"+$.jgrid.jqID(IDs.themodal))[0] !== undefined ) {
+				if(onBeforeInit) {
+					showFrm = onBeforeInit.call($t,$("#"+dtbl));
+					if(showFrm === undefined) {
+						showFrm = true;
+					}
+				}
+				if(showFrm === false) {return;}
+				$("#DelData>td","#"+dtbl).text(rowids);
+				$("#DelError","#"+dtbl).hide();
+				if( rp_ge[$t.p.id].processing === true) {
+					rp_ge[$t.p.id].processing=false;
+					$("#dData", "#"+dtbl).removeClass('ui-state-active');
+				}
+				if(onBeforeShow) {rp_ge[$t.p.id].beforeShowForm.call($t,$("#"+dtbl));}
+				$.jgrid.viewModal("#"+$.jgrid.jqID(IDs.themodal),{gbox:"#gbox_"+$.jgrid.jqID(gID),jqm:rp_ge[$t.p.id].jqModal,jqM: false, overlay: rp_ge[$t.p.id].overlay, modal:rp_ge[$t.p.id].modal});
+				if(onAfterShow) {rp_ge[$t.p.id].afterShowForm.call($t,$("#"+dtbl));}
+			} else {
+				var dh = isNaN(rp_ge[$t.p.id].dataheight) ? rp_ge[$t.p.id].dataheight : rp_ge[$t.p.id].dataheight+"px",
+				dw = isNaN(p.datawidth) ? p.datawidth : p.datawidth+"px",
+				tbl = "<div id='"+dtbl_id+"' class='formdata' style='width:"+dw+";overflow:auto;position:relative;height:"+dh+";'>";
+				tbl += "<table class='DelTable'><tbody>";
+				// error data
+				tbl += "<tr id='DelError' style='display:none'><td class='ui-state-error'></td></tr>";
+				tbl += "<tr id='DelData' style='display:none'><td >"+rowids+"</td></tr>";
+				tbl += "<tr><td class=\"delmsg\" style=\"white-space:pre;\">"+rp_ge[$t.p.id].msg+"</td></tr><tr><td >&#160;</td></tr>";
+				// buttons at footer
+				tbl += "</tbody></table></div>";
+				var bS  = "<a id='dData' class='fm-button ui-state-default ui-corner-all'>"+p.bSubmit+"</a>",
+				bC  = "<a id='eData' class='fm-button ui-state-default ui-corner-all'>"+p.bCancel+"</a>";
+				tbl += "<table cellspacing='0' cellpadding='0' border='0' class='EditTable' id='"+dtbl+"_2'><tbody><tr><td><hr class='ui-widget-content' style='margin:1px'/></td></tr><tr><td class='DelButton EditButton'>"+bS+"&#160;"+bC+"</td></tr></tbody></table>";
+				p.gbox = "#gbox_"+$.jgrid.jqID(gID);
+				$.jgrid.createModal(IDs,tbl,p,"#gview_"+$.jgrid.jqID($t.p.id),$("#gview_"+$.jgrid.jqID($t.p.id))[0]);
+
+				if(onBeforeInit) {
+					showFrm = onBeforeInit.call($t,$("#"+dtbl));
+					if(showFrm === undefined) {
+						showFrm = true;
+					}
+				}
+				if(showFrm === false) {return;}
+
+				$(".fm-button","#"+dtbl+"_2").hover(
+					function(){$(this).addClass('ui-state-hover');},
+					function(){$(this).removeClass('ui-state-hover');}
+				);
+				p.delicon = $.extend([true,"left","ui-icon-scissors"],rp_ge[$t.p.id].delicon);
+				p.cancelicon = $.extend([true,"left","ui-icon-cancel"],rp_ge[$t.p.id].cancelicon);
+				if(p.delicon[0]===true) {
+					$("#dData","#"+dtbl+"_2").addClass(p.delicon[1] === "right" ? 'fm-button-icon-right' : 'fm-button-icon-left')
+					.append("<span class='ui-icon "+p.delicon[2]+"'></span>");
+				}
+				if(p.cancelicon[0]===true) {
+					$("#eData","#"+dtbl+"_2").addClass(p.cancelicon[1] === "right" ? 'fm-button-icon-right' : 'fm-button-icon-left')
+					.append("<span class='ui-icon "+p.cancelicon[2]+"'></span>");
+				}
+				$("#dData","#"+dtbl+"_2").click(function(){
+					var ret=[true,""], pk,
+					postdata = $("#DelData>td","#"+dtbl).text(); //the pair is name=val1,val2,...
+					onCS = {};
+					if( $.isFunction( rp_ge[$t.p.id].onclickSubmit ) ) {onCS = rp_ge[$t.p.id].onclickSubmit.call($t,rp_ge[$t.p.id], postdata) || {};}
+					if( $.isFunction( rp_ge[$t.p.id].beforeSubmit ) ) {ret = rp_ge[$t.p.id].beforeSubmit.call($t,postdata);}
+					if(ret[0] && !rp_ge[$t.p.id].processing) {
+						rp_ge[$t.p.id].processing = true;
+						opers = $t.p.prmNames;
+						postd = $.extend({},rp_ge[$t.p.id].delData, onCS);
+						oper = opers.oper;
+						postd[oper] = opers.deloper;
+						idname = opers.id;
+						postdata = String(postdata).split(",");
+						if(!postdata.length) { return false; }
+						for(pk in postdata) {
+							if(postdata.hasOwnProperty(pk)) {
+								postdata[pk] = $.jgrid.stripPref($t.p.idPrefix, postdata[pk]);
+							}
+						}
+						postd[idname] = postdata.join();
+						$(this).addClass('ui-state-active');
+						var ajaxOptions = $.extend({
+							url: rp_ge[$t.p.id].url || $($t).jqGrid('getGridParam','editurl'),
+							type: rp_ge[$t.p.id].mtype,
+							data: $.isFunction(rp_ge[$t.p.id].serializeDelData) ? rp_ge[$t.p.id].serializeDelData.call($t,postd) : postd,
+							complete:function(data,status){
+								var i;
+								if(data.status >= 300 && data.status !== 304) {
+									ret[0] = false;
+									if ($.isFunction(rp_ge[$t.p.id].errorTextFormat)) {
+										ret[1] = rp_ge[$t.p.id].errorTextFormat.call($t,data);
+									} else {
+										ret[1] = status + " Status: '" + data.statusText + "'. Error code: " + data.status;
+									}
+								} else {
+									// data is posted successful
+									// execute aftersubmit with the returned data from server
+									if( $.isFunction( rp_ge[$t.p.id].afterSubmit ) ) {
+										ret = rp_ge[$t.p.id].afterSubmit.call($t,data,postd);
+									}
+								}
+								if(ret[0] === false) {
+									$("#DelError>td","#"+dtbl).html(ret[1]);
+									$("#DelError","#"+dtbl).show();
+								} else {
+									if(rp_ge[$t.p.id].reloadAfterSubmit && $t.p.datatype !== "local") {
+										$($t).trigger("reloadGrid");
+									} else {
+										if($t.p.treeGrid===true){
+												try {$($t).jqGrid("delTreeNode",$t.p.idPrefix+postdata[0]);} catch(e){}
+										} else {
+											for(i=0;i<postdata.length;i++) {
+												$($t).jqGrid("delRowData",$t.p.idPrefix+ postdata[i]);
+											}
+										}
+										$t.p.selrow = null;
+										$t.p.selarrrow = [];
+									}
+									if($.isFunction(rp_ge[$t.p.id].afterComplete)) {
+										setTimeout(function(){rp_ge[$t.p.id].afterComplete.call($t,data,postdata);},500);
+									}
+								}
+								rp_ge[$t.p.id].processing=false;
+								$("#dData", "#"+dtbl+"_2").removeClass('ui-state-active');
+								if(ret[0]) {$.jgrid.hideModal("#"+$.jgrid.jqID(IDs.themodal),{gb:"#gbox_"+$.jgrid.jqID(gID),jqm:p.jqModal, onClose: rp_ge[$t.p.id].onClose});}
+							}
+						}, $.jgrid.ajaxOptions, rp_ge[$t.p.id].ajaxDelOptions);
+
+
+						if (!ajaxOptions.url && !rp_ge[$t.p.id].useDataProxy) {
+							if ($.isFunction($t.p.dataProxy)) {
+								rp_ge[$t.p.id].useDataProxy = true;
+							} else {
+								ret[0]=false;ret[1] += " "+$.jgrid.errors.nourl;
+							}
+						}
+						if (ret[0]) {
+							if (rp_ge[$t.p.id].useDataProxy) {
+								var dpret = $t.p.dataProxy.call($t, ajaxOptions, "del_"+$t.p.id); 
+								if(dpret === undefined) {
+									dpret = [true, ""];
+								}
+								if(dpret[0] === false ) {
+									ret[0] = false;
+									ret[1] = dpret[1] || "Error deleting the selected row!" ;
+								} else {
+									$.jgrid.hideModal("#"+$.jgrid.jqID(IDs.themodal),{gb:"#gbox_"+$.jgrid.jqID(gID),jqm:p.jqModal, onClose: rp_ge[$t.p.id].onClose});
+								}
+							}
+							else {$.ajax(ajaxOptions);}
+						}
+					}
+
+					if(ret[0] === false) {
+						$("#DelError>td","#"+dtbl).html(ret[1]);
+						$("#DelError","#"+dtbl).show();
+					}
+					return false;
+				});
+				$("#eData", "#"+dtbl+"_2").click(function(){
+					$.jgrid.hideModal("#"+$.jgrid.jqID(IDs.themodal),{gb:"#gbox_"+$.jgrid.jqID(gID),jqm:rp_ge[$t.p.id].jqModal, onClose: rp_ge[$t.p.id].onClose});
+					return false;
+				});
+				if(onBeforeShow) {rp_ge[$t.p.id].beforeShowForm.call($t,$("#"+dtbl));}
+				$.jgrid.viewModal("#"+$.jgrid.jqID(IDs.themodal),{gbox:"#gbox_"+$.jgrid.jqID(gID),jqm:rp_ge[$t.p.id].jqModal, overlay: rp_ge[$t.p.id].overlay, modal:rp_ge[$t.p.id].modal});
+				if(onAfterShow) {rp_ge[$t.p.id].afterShowForm.call($t,$("#"+dtbl));}
+			}
+			if(rp_ge[$t.p.id].closeOnEscape===true) {
+				setTimeout(function(){$(".ui-jqdialog-titlebar-close","#"+$.jgrid.jqID(IDs.modalhead)).focus();},0);
+			}
+		});
+	},
+	navGrid : function (elem, o, pEdit,pAdd,pDel,pSearch, pView) {
+		o = $.extend({
+			edit: true,
+			editicon: "ui-icon-pencil",
+			add: true,
+			addicon:"ui-icon-plus",
+			del: true,
+			delicon:"ui-icon-trash",
+			search: true,
+			searchicon:"ui-icon-search",
+			refresh: true,
+			refreshicon:"ui-icon-refresh",
+			refreshstate: 'firstpage',
+			view: false,
+			viewicon : "ui-icon-document",
+			position : "left",
+			closeOnEscape : true,
+			beforeRefresh : null,
+			afterRefresh : null,
+			cloneToTop : false,
+			alertwidth : 200,
+			alertheight : 'auto',
+			alerttop: null,
+			alertleft: null,
+			alertzIndex : null
+		}, $.jgrid.nav, o ||{});
+		return this.each(function() {
+			if(this.nav) {return;}
+			var alertIDs = {themodal: 'alertmod_' + this.p.id, modalhead: 'alerthd_' + this.p.id,modalcontent: 'alertcnt_' + this.p.id},
+			$t = this, twd, tdw;
+			if(!$t.grid || typeof elem !== 'string') {return;}
+			if ($("#"+alertIDs.themodal)[0] === undefined) {
+				if(!o.alerttop && !o.alertleft) {
+					if (window.innerWidth !== undefined) {
+						o.alertleft = window.innerWidth;
+						o.alerttop = window.innerHeight;
+					} else if (document.documentElement !== undefined && document.documentElement.clientWidth !== undefined && document.documentElement.clientWidth !== 0) {
+						o.alertleft = document.documentElement.clientWidth;
+						o.alerttop = document.documentElement.clientHeight;
+					} else {
+						o.alertleft=1024;
+						o.alerttop=768;
+					}
+					o.alertleft = o.alertleft/2 - parseInt(o.alertwidth,10)/2;
+					o.alerttop = o.alerttop/2-25;
+				}
+				$.jgrid.createModal(alertIDs,
+					"<div>"+o.alerttext+"</div><span tabindex='0'><span tabindex='-1' id='jqg_alrt'></span></span>",
+					{ 
+						gbox:"#gbox_"+$.jgrid.jqID($t.p.id),
+						jqModal:true,
+						drag:true,
+						resize:true,
+						caption:o.alertcap,
+						top:o.alerttop,
+						left:o.alertleft,
+						width:o.alertwidth,
+						height: o.alertheight,
+						closeOnEscape:o.closeOnEscape, 
+						zIndex: o.alertzIndex
+					},
+					"#gview_"+$.jgrid.jqID($t.p.id),
+					$("#gbox_"+$.jgrid.jqID($t.p.id))[0],
+					true
+				);
+			}
+			var clone = 1, i,
+			onHoverIn = function () {
+				if (!$(this).hasClass('ui-state-disabled')) {
+					$(this).addClass("ui-state-hover");
+				}
+			},
+			onHoverOut = function () {
+				$(this).removeClass("ui-state-hover");
+			};
+			if(o.cloneToTop && $t.p.toppager) {clone = 2;}
+			for(i = 0; i<clone; i++) {
+				var tbd,
+				navtbl = $("<table cellspacing='0' cellpadding='0' border='0' class='ui-pg-table navtable' style='float:left;table-layout:auto;'><tbody><tr></tr></tbody></table>"),
+				sep = "<td class='ui-pg-button ui-state-disabled' style='width:4px;'><span class='ui-separator'></span></td>",
+				pgid, elemids;
+				if(i===0) {
+					pgid = elem;
+					elemids = $t.p.id;
+					if(pgid === $t.p.toppager) {
+						elemids += "_top";
+						clone = 1;
+					}
+				} else {
+					pgid = $t.p.toppager;
+					elemids = $t.p.id+"_top";
+				}
+				if($t.p.direction === "rtl") {$(navtbl).attr("dir","rtl").css("float","right");}
+				if (o.add) {
+					pAdd = pAdd || {};
+					tbd = $("<td class='ui-pg-button ui-corner-all'></td>");
+					$(tbd).append("<div class='ui-pg-div'><span class='ui-icon "+o.addicon+"'></span>"+o.addtext+"</div>");
+					$("tr",navtbl).append(tbd);
+					$(tbd,navtbl)
+					.attr({"title":o.addtitle || "",id : pAdd.id || "add_"+elemids})
+					.click(function(){
+						if (!$(this).hasClass('ui-state-disabled')) {
+							if ($.isFunction( o.addfunc )) {
+								o.addfunc.call($t);
+							} else {
+								$($t).jqGrid("editGridRow","new",pAdd);
+							}
+						}
+						return false;
+					}).hover(onHoverIn, onHoverOut);
+					tbd = null;
+				}
+				if (o.edit) {
+					tbd = $("<td class='ui-pg-button ui-corner-all'></td>");
+					pEdit = pEdit || {};
+					$(tbd).append("<div class='ui-pg-div'><span class='ui-icon "+o.editicon+"'></span>"+o.edittext+"</div>");
+					$("tr",navtbl).append(tbd);
+					$(tbd,navtbl)
+					.attr({"title":o.edittitle || "",id: pEdit.id || "edit_"+elemids})
+					.click(function(){
+						if (!$(this).hasClass('ui-state-disabled')) {
+							var sr = $t.p.selrow;
+							if (sr) {
+								if($.isFunction( o.editfunc ) ) {
+									o.editfunc.call($t, sr);
+								} else {
+									$($t).jqGrid("editGridRow",sr,pEdit);
+								}
+							} else {
+								$.jgrid.viewModal("#"+alertIDs.themodal,{gbox:"#gbox_"+$.jgrid.jqID($t.p.id),jqm:true});
+								$("#jqg_alrt").focus();
+							}
+						}
+						return false;
+					}).hover(onHoverIn, onHoverOut);
+					tbd = null;
+				}
+				if (o.view) {
+					tbd = $("<td class='ui-pg-button ui-corner-all'></td>");
+					pView = pView || {};
+					$(tbd).append("<div class='ui-pg-div'><span class='ui-icon "+o.viewicon+"'></span>"+o.viewtext+"</div>");
+					$("tr",navtbl).append(tbd);
+					$(tbd,navtbl)
+					.attr({"title":o.viewtitle || "",id: pView.id || "view_"+elemids})
+					.click(function(){
+						if (!$(this).hasClass('ui-state-disabled')) {
+							var sr = $t.p.selrow;
+							if (sr) {
+								if($.isFunction( o.viewfunc ) ) {
+									o.viewfunc.call($t, sr);
+								} else {
+									$($t).jqGrid("viewGridRow",sr,pView);
+								}
+							} else {
+								$.jgrid.viewModal("#"+alertIDs.themodal,{gbox:"#gbox_"+$.jgrid.jqID($t.p.id),jqm:true});
+								$("#jqg_alrt").focus();
+							}
+						}
+						return false;
+					}).hover(onHoverIn, onHoverOut);
+					tbd = null;
+				}
+				if (o.del) {
+					tbd = $("<td class='ui-pg-button ui-corner-all'></td>");
+					pDel = pDel || {};
+					$(tbd).append("<div class='ui-pg-div'><span class='ui-icon "+o.delicon+"'></span>"+o.deltext+"</div>");
+					$("tr",navtbl).append(tbd);
+					$(tbd,navtbl)
+					.attr({"title":o.deltitle || "",id: pDel.id || "del_"+elemids})
+					.click(function(){
+						if (!$(this).hasClass('ui-state-disabled')) {
+							var dr;
+							if($t.p.multiselect) {
+								dr = $t.p.selarrrow;
+								if(dr.length===0) {dr = null;}
+							} else {
+								dr = $t.p.selrow;
+							}
+							if(dr){
+								if($.isFunction( o.delfunc )){
+									o.delfunc.call($t, dr);
+								}else{
+									$($t).jqGrid("delGridRow",dr,pDel);
+								}
+							} else  {
+								$.jgrid.viewModal("#"+alertIDs.themodal,{gbox:"#gbox_"+$.jgrid.jqID($t.p.id),jqm:true});$("#jqg_alrt").focus();
+							}
+						}
+						return false;
+					}).hover(onHoverIn, onHoverOut);
+					tbd = null;
+				}
+				if(o.add || o.edit || o.del || o.view) {$("tr",navtbl).append(sep);}
+				if (o.search) {
+					tbd = $("<td class='ui-pg-button ui-corner-all'></td>");
+					pSearch = pSearch || {};
+					$(tbd).append("<div class='ui-pg-div'><span class='ui-icon "+o.searchicon+"'></span>"+o.searchtext+"</div>");
+					$("tr",navtbl).append(tbd);
+					$(tbd,navtbl)
+					.attr({"title":o.searchtitle  || "",id:pSearch.id || "search_"+elemids})
+					.click(function(){
+						if (!$(this).hasClass('ui-state-disabled')) {
+							if($.isFunction( o.searchfunc )) {
+								o.searchfunc.call($t, pSearch);
+							} else {
+								$($t).jqGrid("searchGrid",pSearch);
+							}
+						}
+						return false;
+					}).hover(onHoverIn, onHoverOut);
+					if (pSearch.showOnLoad && pSearch.showOnLoad === true) {
+						$(tbd,navtbl).click();
+					}
+					tbd = null;
+				}
+				if (o.refresh) {
+					tbd = $("<td class='ui-pg-button ui-corner-all'></td>");
+					$(tbd).append("<div class='ui-pg-div'><span class='ui-icon "+o.refreshicon+"'></span>"+o.refreshtext+"</div>");
+					$("tr",navtbl).append(tbd);
+					$(tbd,navtbl)
+					.attr({"title":o.refreshtitle  || "",id: "refresh_"+elemids})
+					.click(function(){
+						if (!$(this).hasClass('ui-state-disabled')) {
+							if($.isFunction(o.beforeRefresh)) {o.beforeRefresh.call($t);}
+							$t.p.search = false;
+							$t.p.resetsearch =  true;
+							try {
+								var gID = $t.p.id;
+								$t.p.postData.filters ="";
+								try {
+								$("#fbox_"+$.jgrid.jqID(gID)).jqFilter('resetFilter');
+								} catch(ef) {}
+								if($.isFunction($t.clearToolbar)) {$t.clearToolbar.call($t,false);}
+							} catch (e) {}
+							switch (o.refreshstate) {
+								case 'firstpage':
+									$($t).trigger("reloadGrid", [{page:1}]);
+									break;
+								case 'current':
+									$($t).trigger("reloadGrid", [{current:true}]);
+									break;
+							}
+							if($.isFunction(o.afterRefresh)) {o.afterRefresh.call($t);}
+						}
+						return false;
+					}).hover(onHoverIn, onHoverOut);
+					tbd = null;
+				}
+				tdw = $(".ui-jqgrid").css("font-size") || "11px";
+				$('body').append("<div id='testpg2' class='ui-jqgrid ui-widget ui-widget-content' style='font-size:"+tdw+";visibility:hidden;' ></div>");
+				twd = $(navtbl).clone().appendTo("#testpg2").width();
+				$("#testpg2").remove();
+				$(pgid+"_"+o.position,pgid).append(navtbl);
+				if($t.p._nvtd) {
+					if(twd > $t.p._nvtd[0] ) {
+						$(pgid+"_"+o.position,pgid).width(twd);
+						$t.p._nvtd[0] = twd;
+					}
+					$t.p._nvtd[1] = twd;
+				}
+				tdw =null;twd=null;navtbl =null;
+				this.nav = true;
+			}
+		});
+	},
+	navButtonAdd : function (elem, p) {
+		p = $.extend({
+			caption : "newButton",
+			title: '',
+			buttonicon : 'ui-icon-newwin',
+			onClickButton: null,
+			position : "last",
+			cursor : 'pointer'
+		}, p ||{});
+		return this.each(function() {
+			if( !this.grid)  {return;}
+			if( typeof elem === "string" && elem.indexOf("#") !== 0) {elem = "#"+$.jgrid.jqID(elem);}
+			var findnav = $(".navtable",elem)[0], $t = this;
+			if (findnav) {
+				if( p.id && $("#"+$.jgrid.jqID(p.id), findnav)[0] !== undefined )  {return;}
+				var tbd = $("<td></td>");
+				if(p.buttonicon.toString().toUpperCase() === "NONE") {
+                    $(tbd).addClass('ui-pg-button ui-corner-all').append("<div class='ui-pg-div'>"+p.caption+"</div>");
+				} else	{
+					$(tbd).addClass('ui-pg-button ui-corner-all').append("<div class='ui-pg-div'><span class='ui-icon "+p.buttonicon+"'></span>"+p.caption+"</div>");
+				}
+				if(p.id) {$(tbd).attr("id",p.id);}
+				if(p.position==='first'){
+					if(findnav.rows[0].cells.length ===0 ) {
+						$("tr",findnav).append(tbd);
+					} else {
+						$("tr td:eq(0)",findnav).before(tbd);
+					}
+				} else {
+					$("tr",findnav).append(tbd);
+				}
+				$(tbd,findnav)
+				.attr("title",p.title  || "")
+				.click(function(e){
+					if (!$(this).hasClass('ui-state-disabled')) {
+						if ($.isFunction(p.onClickButton) ) {p.onClickButton.call($t,e);}
+					}
+					return false;
+				})
+				.hover(
+					function () {
+						if (!$(this).hasClass('ui-state-disabled')) {
+							$(this).addClass('ui-state-hover');
+						}
+					},
+					function () {$(this).removeClass("ui-state-hover");}
+				);
+			}
+		});
+	},
+	navSeparatorAdd:function (elem,p) {
+		p = $.extend({
+			sepclass : "ui-separator",
+			sepcontent: '',
+			position : "last"
+		}, p ||{});
+		return this.each(function() {
+			if( !this.grid)  {return;}
+			if( typeof elem === "string" && elem.indexOf("#") !== 0) {elem = "#"+$.jgrid.jqID(elem);}
+			var findnav = $(".navtable",elem)[0];
+			if(findnav) {
+				var sep = "<td class='ui-pg-button ui-state-disabled' style='width:4px;'><span class='"+p.sepclass+"'></span>"+p.sepcontent+"</td>";
+				if (p.position === 'first') {
+					if (findnav.rows[0].cells.length === 0) {
+						$("tr", findnav).append(sep);
+					} else {
+						$("tr td:eq(0)", findnav).before(sep);
+					}
+				} else {
+					$("tr", findnav).append(sep);
+				}
+			}
+		});
+	},
+	GridToForm : function( rowid, formid ) {
+		return this.each(function(){
+			var $t = this, i;
+			if (!$t.grid) {return;}
+			var rowdata = $($t).jqGrid("getRowData",rowid);
+			if (rowdata) {
+				for(i in rowdata) {
+					if(rowdata.hasOwnProperty(i)) {
+					if ( $("[name="+$.jgrid.jqID(i)+"]",formid).is("input:radio") || $("[name="+$.jgrid.jqID(i)+"]",formid).is("input:checkbox"))  {
+						$("[name="+$.jgrid.jqID(i)+"]",formid).each( function() {
+							if( $(this).val() == rowdata[i] ) {
+								$(this)[$t.p.useProp ? 'prop': 'attr']("checked",true);
+							} else {
+								$(this)[$t.p.useProp ? 'prop': 'attr']("checked", false);
+							}
+						});
+					} else {
+					// this is very slow on big table and form.
+						$("[name="+$.jgrid.jqID(i)+"]",formid).val(rowdata[i]);
+					}
+				}
+			}
+			}
+		});
+	},
+	FormToGrid : function(rowid, formid, mode, position){
+		return this.each(function() {
+			var $t = this;
+			if(!$t.grid) {return;}
+			if(!mode) {mode = 'set';}
+			if(!position) {position = 'first';}
+			var fields = $(formid).serializeArray();
+			var griddata = {};
+			$.each(fields, function(i, field){
+				griddata[field.name] = field.value;
+			});
+			if(mode==='add') {$($t).jqGrid("addRowData",rowid,griddata, position);}
+			else if(mode==='set') {$($t).jqGrid("setRowData",rowid,griddata);}
+		});
+	}
+});
+})(jQuery);
+/*jshint eqeqeq:false, eqnull:true, devel:true */
+/*global jQuery */
+(function($){
+/**
+ * jqGrid extension for manipulating Grid Data
+ * Tony Tomov tony@trirand.com
+ * http://trirand.com/blog/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl-2.0.html
+**/ 
+"use strict";
+$.jgrid.inlineEdit = $.jgrid.inlineEdit || {};
+$.jgrid.extend({
+//Editing
+	editRow : function(rowid,keys,oneditfunc,successfunc, url, extraparam, aftersavefunc,errorfunc, afterrestorefunc) {
+		// Compatible mode old versions
+		var o={}, args = $.makeArray(arguments).slice(1);
+
+		if( $.type(args[0]) === "object" ) {
+			o = args[0];
+		} else {
+			if (keys !== undefined) { o.keys = keys; }
+			if ($.isFunction(oneditfunc)) { o.oneditfunc = oneditfunc; }
+			if ($.isFunction(successfunc)) { o.successfunc = successfunc; }
+			if (url !== undefined) { o.url = url; }
+			if (extraparam !== undefined) { o.extraparam = extraparam; }
+			if ($.isFunction(aftersavefunc)) { o.aftersavefunc = aftersavefunc; }
+			if ($.isFunction(errorfunc)) { o.errorfunc = errorfunc; }
+			if ($.isFunction(afterrestorefunc)) { o.afterrestorefunc = afterrestorefunc; }
+			// last two not as param, but as object (sorry)
+			//if (restoreAfterError !== undefined) { o.restoreAfterError = restoreAfterError; }
+			//if (mtype !== undefined) { o.mtype = mtype || "POST"; }			
+		}
+		o = $.extend(true, {
+			keys : false,
+			oneditfunc: null,
+			successfunc: null,
+			url: null,
+			extraparam: {},
+			aftersavefunc: null,
+			errorfunc: null,
+			afterrestorefunc: null,
+			restoreAfterError: true,
+			mtype: "POST"
+		}, $.jgrid.inlineEdit, o );
+
+		// End compatible
+		return this.each(function(){
+			var $t = this, nm, tmp, editable, cnt=0, focus=null, svr={}, ind,cm, bfer;
+			if (!$t.grid ) { return; }
+			ind = $($t).jqGrid("getInd",rowid,true);
+			if( ind === false ) {return;}
+			bfer = $.isFunction( o.beforeEditRow ) ? o.beforeEditRow.call($t,o, rowid) :  undefined;
+			if( bfer === undefined ) {
+				bfer = true;
+			}
+			if(!bfer) { return; }
+			editable = $(ind).attr("editable") || "0";
+			if (editable === "0" && !$(ind).hasClass("not-editable-row")) {
+				cm = $t.p.colModel;
+				$('td[role="gridcell"]',ind).each( function(i) {
+					nm = cm[i].name;
+					var treeg = $t.p.treeGrid===true && nm === $t.p.ExpandColumn;
+					if(treeg) { tmp = $("span:first",this).html();}
+					else {
+						try {
+							tmp = $.unformat.call($t,this,{rowId:rowid, colModel:cm[i]},i);
+						} catch (_) {
+							tmp =  ( cm[i].edittype && cm[i].edittype === 'textarea' ) ? $(this).text() : $(this).html();
+						}
+					}
+					if ( nm !== 'cb' && nm !== 'subgrid' && nm !== 'rn') {
+						if($t.p.autoencode) { tmp = $.jgrid.htmlDecode(tmp); }
+						svr[nm]=tmp;
+						if(cm[i].editable===true) {
+							if(focus===null) { focus = i; }
+							if (treeg) { $("span:first",this).html(""); }
+							else { $(this).html(""); }
+							var opt = $.extend({},cm[i].editoptions || {},{id:rowid+"_"+nm,name:nm});
+							if(!cm[i].edittype) { cm[i].edittype = "text"; }
+							if(tmp === "&nbsp;" || tmp === "&#160;" || (tmp.length===1 && tmp.charCodeAt(0)===160) ) {tmp='';}
+							var elc = $.jgrid.createEl.call($t,cm[i].edittype,opt,tmp,true,$.extend({},$.jgrid.ajaxOptions,$t.p.ajaxSelectOptions || {}));
+							$(elc).addClass("editable");
+							if(treeg) { $("span:first",this).append(elc); }
+							else { $(this).append(elc); }
+							$.jgrid.bindEv.call($t, elc, opt);
+							//Again IE
+							if(cm[i].edittype === "select" && cm[i].editoptions!==undefined && cm[i].editoptions.multiple===true  && cm[i].editoptions.dataUrl===undefined && $.jgrid.msie) {
+								$(elc).width($(elc).width());
+							}
+							cnt++;
+						}
+					}
+				});
+				if(cnt > 0) {
+					svr.id = rowid; $t.p.savedRow.push(svr);
+					$(ind).attr("editable","1");
+					setTimeout(function(){$("td:eq("+focus+") input",ind).focus();},0);
+					if(o.keys===true) {
+						$(ind).bind("keydown",function(e) {
+							if (e.keyCode === 27) {
+								$($t).jqGrid("restoreRow",rowid, o.afterrestorefunc);
+								if($t.p._inlinenav) {
+									try {
+										$($t).jqGrid('showAddEditButtons');
+									} catch (eer1) {}
+								}
+								return false;
+							}
+							if (e.keyCode === 13) {
+								var ta = e.target;
+								if(ta.tagName === 'TEXTAREA') { return true; }
+								if( $($t).jqGrid("saveRow", rowid, o ) ) {
+									if($t.p._inlinenav) {
+										try {
+											$($t).jqGrid('showAddEditButtons');
+										} catch (eer2) {}
+									}
+								}
+								return false;
+							}
+						});
+					}
+					$($t).triggerHandler("jqGridInlineEditRow", [rowid, o]);
+					if( $.isFunction(o.oneditfunc)) { o.oneditfunc.call($t, rowid); }
+				}
+			}
+		});
+	},
+	saveRow : function(rowid, successfunc, url, extraparam, aftersavefunc,errorfunc, afterrestorefunc) {
+		// Compatible mode old versions
+		var args = $.makeArray(arguments).slice(1), o = {};
+
+		if( $.type(args[0]) === "object" ) {
+			o = args[0];
+		} else {
+			if ($.isFunction(successfunc)) { o.successfunc = successfunc; }
+			if (url !== undefined) { o.url = url; }
+			if (extraparam !== undefined) { o.extraparam = extraparam; }
+			if ($.isFunction(aftersavefunc)) { o.aftersavefunc = aftersavefunc; }
+			if ($.isFunction(errorfunc)) { o.errorfunc = errorfunc; }
+			if ($.isFunction(afterrestorefunc)) { o.afterrestorefunc = afterrestorefunc; }
+		}
+		o = $.extend(true, {
+			successfunc: null,
+			url: null,
+			extraparam: {},
+			aftersavefunc: null,
+			errorfunc: null,
+			afterrestorefunc: null,
+			restoreAfterError: true,
+			mtype: "POST"
+		}, $.jgrid.inlineEdit, o );
+		// End compatible
+
+		var success = false;
+		var $t = this[0], nm, tmp={}, tmp2={}, tmp3= {}, editable, fr, cv, ind;
+		if (!$t.grid ) { return success; }
+		ind = $($t).jqGrid("getInd",rowid,true);
+		if(ind === false) {return success;}
+		var bfsr = $.isFunction( o.beforeSaveRow ) ?	o.beforeSaveRow.call($t,o, rowid) :  undefined;
+		if( bfsr === undefined ) {
+			bfsr = true;
+		}
+		if(!bfsr) { return; }
+		editable = $(ind).attr("editable");
+		o.url = o.url || $t.p.editurl;
+		if (editable==="1") {
+			var cm;
+			$('td[role="gridcell"]',ind).each(function(i) {
+				cm = $t.p.colModel[i];
+				nm = cm.name;
+				if ( nm !== 'cb' && nm !== 'subgrid' && cm.editable===true && nm !== 'rn' && !$(this).hasClass('not-editable-cell')) {
+					switch (cm.edittype) {
+						case "checkbox":
+							var cbv = ["Yes","No"];
+							if(cm.editoptions ) {
+								cbv = cm.editoptions.value.split(":");
+							}
+							tmp[nm]=  $("input",this).is(":checked") ? cbv[0] : cbv[1]; 
+							break;
+						case 'text':
+						case 'password':
+						case 'textarea':
+						case "button" :
+							tmp[nm]=$("input, textarea",this).val();
+							break;
+						case 'select':
+							if(!cm.editoptions.multiple) {
+								tmp[nm] = $("select option:selected",this).val();
+								tmp2[nm] = $("select option:selected", this).text();
+							} else {
+								var sel = $("select",this), selectedText = [];
+								tmp[nm] = $(sel).val();
+								if(tmp[nm]) { tmp[nm]= tmp[nm].join(","); } else { tmp[nm] =""; }
+								$("select option:selected",this).each(
+									function(i,selected){
+										selectedText[i] = $(selected).text();
+									}
+								);
+								tmp2[nm] = selectedText.join(",");
+							}
+							if(cm.formatter && cm.formatter === 'select') { tmp2={}; }
+							break;
+						case 'custom' :
+							try {
+								if(cm.editoptions && $.isFunction(cm.editoptions.custom_value)) {
+									tmp[nm] = cm.editoptions.custom_value.call($t, $(".customelement",this),'get');
+									if (tmp[nm] === undefined) { throw "e2"; }
+								} else { throw "e1"; }
+							} catch (e) {
+								if (e==="e1") { $.jgrid.info_dialog($.jgrid.errors.errcap,"function 'custom_value' "+$.jgrid.edit.msg.nodefined,$.jgrid.edit.bClose); }
+								if (e==="e2") { $.jgrid.info_dialog($.jgrid.errors.errcap,"function 'custom_value' "+$.jgrid.edit.msg.novalue,$.jgrid.edit.bClose); }
+								else { $.jgrid.info_dialog($.jgrid.errors.errcap,e.message,$.jgrid.edit.bClose); }
+							}
+							break;
+					}
+					cv = $.jgrid.checkValues.call($t,tmp[nm],i);
+					if(cv[0] === false) {
+						return false;
+					}
+					if($t.p.autoencode) { tmp[nm] = $.jgrid.htmlEncode(tmp[nm]); }
+					if(o.url !== 'clientArray' && cm.editoptions && cm.editoptions.NullIfEmpty === true) {
+						if(tmp[nm] === "") {
+							tmp3[nm] = 'null';
+						}
+					}
+				}
+			});
+			if (cv[0] === false){
+				try {
+					var tr = $($t).jqGrid('getGridRowById', rowid), positions = $.jgrid.findPos(tr);
+					$.jgrid.info_dialog($.jgrid.errors.errcap,cv[1],$.jgrid.edit.bClose,{left:positions[0],top:positions[1]+$(tr).outerHeight()});
+				} catch (e) {
+					alert(cv[1]);
+				}
+				return success;
+			}
+			var idname, opers = $t.p.prmNames, oldRowId = rowid;
+			if ($t.p.keyIndex === false) {
+				idname = opers.id;
+			} else {
+				idname = $t.p.colModel[$t.p.keyIndex +
+					($t.p.rownumbers === true ? 1 : 0) +
+					($t.p.multiselect === true ? 1 : 0) +
+					($t.p.subGrid === true ? 1 : 0)].name;
+			}
+			if(tmp) {
+				tmp[opers.oper] = opers.editoper;
+				if (tmp[idname] === undefined || tmp[idname]==="") {
+					tmp[idname] = rowid;
+				} else if (ind.id !== $t.p.idPrefix + tmp[idname]) {
+					// rename rowid
+					var oldid = $.jgrid.stripPref($t.p.idPrefix, rowid);
+					if ($t.p._index[oldid] !== undefined) {
+						$t.p._index[tmp[idname]] = $t.p._index[oldid];
+						delete $t.p._index[oldid];
+					}
+					rowid = $t.p.idPrefix + tmp[idname];
+					$(ind).attr("id", rowid);
+					if ($t.p.selrow === oldRowId) {
+						$t.p.selrow = rowid;
+					}
+					if ($.isArray($t.p.selarrrow)) {
+						var i = $.inArray(oldRowId, $t.p.selarrrow);
+						if (i>=0) {
+							$t.p.selarrrow[i] = rowid;
+						}
+					}
+					if ($t.p.multiselect) {
+						var newCboxId = "jqg_" + $t.p.id + "_" + rowid;
+						$("input.cbox",ind)
+							.attr("id", newCboxId)
+							.attr("name", newCboxId);
+					}
+					// TODO: to test the case of frozen columns
+				}
+				if($t.p.inlineData === undefined) { $t.p.inlineData ={}; }
+				tmp = $.extend({},tmp,$t.p.inlineData,o.extraparam);
+			}
+			if (o.url === 'clientArray') {
+				tmp = $.extend({},tmp, tmp2);
+				if($t.p.autoencode) {
+					$.each(tmp,function(n,v){
+						tmp[n] = $.jgrid.htmlDecode(v);
+					});
+				}
+				var k, resp = $($t).jqGrid("setRowData",rowid,tmp);
+				$(ind).attr("editable","0");
+				for(k=0;k<$t.p.savedRow.length;k++) {
+					if( String($t.p.savedRow[k].id) === String(oldRowId)) {fr = k; break;}
+				}
+				if(fr >= 0) { $t.p.savedRow.splice(fr,1); }
+				$($t).triggerHandler("jqGridInlineAfterSaveRow", [rowid, resp, tmp, o]);
+				if( $.isFunction(o.aftersavefunc) ) { o.aftersavefunc.call($t, rowid,resp, o); }
+				success = true;
+				$(ind).removeClass("jqgrid-new-row").unbind("keydown");
+			} else {
+				$("#lui_"+$.jgrid.jqID($t.p.id)).show();
+				tmp3 = $.extend({},tmp,tmp3);
+				tmp3[idname] = $.jgrid.stripPref($t.p.idPrefix, tmp3[idname]);
+				$.ajax($.extend({
+					url:o.url,
+					data: $.isFunction($t.p.serializeRowData) ? $t.p.serializeRowData.call($t, tmp3) : tmp3,
+					type: o.mtype,
+					async : false, //?!?
+					complete: function(res,stat){
+						$("#lui_"+$.jgrid.jqID($t.p.id)).hide();
+						if (stat === "success"){
+							var ret = true, sucret, k;
+							sucret = $($t).triggerHandler("jqGridInlineSuccessSaveRow", [res, rowid, o]);
+							if (!$.isArray(sucret)) {sucret = [true, tmp];}
+							if (sucret[0] && $.isFunction(o.successfunc)) {sucret = o.successfunc.call($t, res);}							
+							if($.isArray(sucret)) {
+								// expect array - status, data, rowid
+								ret = sucret[0];
+								tmp = sucret[1] || tmp;
+							} else {
+								ret = sucret;
+							}
+							if (ret===true) {
+								if($t.p.autoencode) {
+									$.each(tmp,function(n,v){
+										tmp[n] = $.jgrid.htmlDecode(v);
+									});
+								}
+								tmp = $.extend({},tmp, tmp2);
+								$($t).jqGrid("setRowData",rowid,tmp);
+								$(ind).attr("editable","0");
+								for(k=0;k<$t.p.savedRow.length;k++) {
+									if( String($t.p.savedRow[k].id) === String(rowid)) {fr = k; break;}
+								}
+								if(fr >= 0) { $t.p.savedRow.splice(fr,1); }
+								$($t).triggerHandler("jqGridInlineAfterSaveRow", [rowid, res, tmp, o]);
+								if( $.isFunction(o.aftersavefunc) ) { o.aftersavefunc.call($t, rowid,res); }
+								success = true;
+								$(ind).removeClass("jqgrid-new-row").unbind("keydown");
+							} else {
+								$($t).triggerHandler("jqGridInlineErrorSaveRow", [rowid, res, stat, null, o]);
+								if($.isFunction(o.errorfunc) ) {
+									o.errorfunc.call($t, rowid, res, stat, null);
+								}
+								if(o.restoreAfterError === true) {
+									$($t).jqGrid("restoreRow",rowid, o.afterrestorefunc);
+								}
+							}
+						}
+					},
+					error:function(res,stat,err){
+						$("#lui_"+$.jgrid.jqID($t.p.id)).hide();
+						$($t).triggerHandler("jqGridInlineErrorSaveRow", [rowid, res, stat, err, o]);
+						if($.isFunction(o.errorfunc) ) {
+							o.errorfunc.call($t, rowid, res, stat, err);
+						} else {
+							var rT = res.responseText || res.statusText;
+							try {
+								$.jgrid.info_dialog($.jgrid.errors.errcap,'<div class="ui-state-error">'+ rT +'</div>', $.jgrid.edit.bClose,{buttonalign:'right'});
+							} catch(e) {
+								alert(rT);
+							}
+						}
+						if(o.restoreAfterError === true) {
+							$($t).jqGrid("restoreRow",rowid, o.afterrestorefunc);
+						}
+					}
+				}, $.jgrid.ajaxOptions, $t.p.ajaxRowOptions || {}));
+			}
+		}
+		return success;
+	},
+	restoreRow : function(rowid, afterrestorefunc) {
+		// Compatible mode old versions
+		var args = $.makeArray(arguments).slice(1), o={};
+
+		if( $.type(args[0]) === "object" ) {
+			o = args[0];
+		} else {
+			if ($.isFunction(afterrestorefunc)) { o.afterrestorefunc = afterrestorefunc; }
+		}
+		o = $.extend(true, {}, $.jgrid.inlineEdit, o );
+
+		// End compatible
+
+		return this.each(function(){
+			var $t= this, fr=-1, ind, ares={}, k;
+			if (!$t.grid ) { return; }
+			ind = $($t).jqGrid("getInd",rowid,true);
+			if(ind === false) {return;}
+			var bfcr = $.isFunction( o.beforeCancelRow ) ?	o.beforeCancelRow.call($t, o, sr) :  undefined;
+			if( bfcr === undefined ) {
+				bfcr = true;
+			}
+			if(!bfcr) { return; }
+			for(k=0;k<$t.p.savedRow.length;k++) {
+				if( String($t.p.savedRow[k].id) === String(rowid)) {fr = k; break;}
+			}
+			if(fr >= 0) {
+				if($.isFunction($.fn.datepicker)) {
+					try {
+						$("input.hasDatepicker","#"+$.jgrid.jqID(ind.id)).datepicker('hide');
+					} catch (e) {}
+				}
+				$.each($t.p.colModel, function(){
+					if(this.editable === true && $t.p.savedRow[fr].hasOwnProperty(this.name)) {
+						ares[this.name] = $t.p.savedRow[fr][this.name];
+					}
+				});
+				$($t).jqGrid("setRowData",rowid,ares);
+				$(ind).attr("editable","0").unbind("keydown");
+				$t.p.savedRow.splice(fr,1);
+				if($("#"+$.jgrid.jqID(rowid), "#"+$.jgrid.jqID($t.p.id)).hasClass("jqgrid-new-row")){
+					setTimeout(function(){
+						$($t).jqGrid("delRowData",rowid);
+						$($t).jqGrid('showAddEditButtons');
+					},0);
+				}
+			}
+			$($t).triggerHandler("jqGridInlineAfterRestoreRow", [rowid]);
+			if ($.isFunction(o.afterrestorefunc))
+			{
+				o.afterrestorefunc.call($t, rowid);
+			}
+		});
+	},
+	addRow : function ( p ) {
+		p = $.extend(true, {
+			rowID : null,
+			initdata : {},
+			position :"first",
+			useDefValues : true,
+			useFormatter : false,
+			addRowParams : {extraparam:{}}
+		},p  || {});
+		return this.each(function(){
+			if (!this.grid ) { return; }
+			var $t = this;
+			var bfar = $.isFunction( p.beforeAddRow ) ?	p.beforeAddRow.call($t,p.addRowParams) :  undefined;
+			if( bfar === undefined ) {
+				bfar = true;
+			}
+			if(!bfar) { return; }
+			p.rowID = $.isFunction(p.rowID) ? p.rowID.call($t, p) : ( (p.rowID != null) ? p.rowID : $.jgrid.randId());
+			if(p.useDefValues === true) {
+				$($t.p.colModel).each(function(){
+					if( this.editoptions && this.editoptions.defaultValue ) {
+						var opt = this.editoptions.defaultValue,
+						tmp = $.isFunction(opt) ? opt.call($t) : opt;
+						p.initdata[this.name] = tmp;
+					}
+				});
+			}
+			$($t).jqGrid('addRowData', p.rowID, p.initdata, p.position);
+			p.rowID = $t.p.idPrefix + p.rowID;
+			$("#"+$.jgrid.jqID(p.rowID), "#"+$.jgrid.jqID($t.p.id)).addClass("jqgrid-new-row");
+			if(p.useFormatter) {
+				$("#"+$.jgrid.jqID(p.rowID)+" .ui-inline-edit", "#"+$.jgrid.jqID($t.p.id)).click();
+			} else {
+				var opers = $t.p.prmNames,
+				oper = opers.oper;
+				p.addRowParams.extraparam[oper] = opers.addoper;
+				$($t).jqGrid('editRow', p.rowID, p.addRowParams);
+				$($t).jqGrid('setSelection', p.rowID);
+			}
+		});
+	},
+	inlineNav : function (elem, o) {
+		o = $.extend(true,{
+			edit: true,
+			editicon: "ui-icon-pencil",
+			add: true,
+			addicon:"ui-icon-plus",
+			save: true,
+			saveicon:"ui-icon-disk",
+			cancel: true,
+			cancelicon:"ui-icon-cancel",
+			addParams : {addRowParams: {extraparam: {}}},
+			editParams : {},
+			restoreAfterSelect : true
+		}, $.jgrid.nav, o ||{});
+		return this.each(function(){
+			if (!this.grid ) { return; }
+			var $t = this, onSelect, gID = $.jgrid.jqID($t.p.id);
+			$t.p._inlinenav = true;
+			// detect the formatactions column
+			if(o.addParams.useFormatter === true) {
+				var cm = $t.p.colModel,i;
+				for (i = 0; i<cm.length; i++) {
+					if(cm[i].formatter && cm[i].formatter === "actions" ) {
+						if(cm[i].formatoptions) {
+							var defaults =  {
+								keys:false,
+								onEdit : null,
+								onSuccess: null,
+								afterSave:null,
+								onError: null,
+								afterRestore: null,
+								extraparam: {},
+								url: null
+							},
+							ap = $.extend( defaults, cm[i].formatoptions );
+							o.addParams.addRowParams = {
+								"keys" : ap.keys,
+								"oneditfunc" : ap.onEdit,
+								"successfunc" : ap.onSuccess,
+								"url" : ap.url,
+								"extraparam" : ap.extraparam,
+								"aftersavefunc" : ap.afterSave,
+								"errorfunc": ap.onError,
+								"afterrestorefunc" : ap.afterRestore
+							};
+						}
+						break;
+					}
+				}
+			}
+			if(o.add) {
+				$($t).jqGrid('navButtonAdd', elem,{
+					caption : o.addtext,
+					title : o.addtitle,
+					buttonicon : o.addicon,
+					id : $t.p.id+"_iladd",
+					onClickButton : function () {
+						$($t).jqGrid('addRow', o.addParams);
+						if(!o.addParams.useFormatter) {
+							$("#"+gID+"_ilsave").removeClass('ui-state-disabled');
+							$("#"+gID+"_ilcancel").removeClass('ui-state-disabled');
+							$("#"+gID+"_iladd").addClass('ui-state-disabled');
+							$("#"+gID+"_iledit").addClass('ui-state-disabled');
+						}
+					}
+				});
+			}
+			if(o.edit) {
+				$($t).jqGrid('navButtonAdd', elem,{
+					caption : o.edittext,
+					title : o.edittitle,
+					buttonicon : o.editicon,
+					id : $t.p.id+"_iledit",
+					onClickButton : function () {
+						var sr = $($t).jqGrid('getGridParam','selrow');
+						if(sr) {
+							$($t).jqGrid('editRow', sr, o.editParams);
+							$("#"+gID+"_ilsave").removeClass('ui-state-disabled');
+							$("#"+gID+"_ilcancel").removeClass('ui-state-disabled');
+							$("#"+gID+"_iladd").addClass('ui-state-disabled');
+							$("#"+gID+"_iledit").addClass('ui-state-disabled');
+						} else {
+							$.jgrid.viewModal("#alertmod",{gbox:"#gbox_"+gID,jqm:true});$("#jqg_alrt").focus();							
+						}
+					}
+				});
+			}
+			if(o.save) {
+				$($t).jqGrid('navButtonAdd', elem,{
+					caption : o.savetext || '',
+					title : o.savetitle || 'Save row',
+					buttonicon : o.saveicon,
+					id : $t.p.id+"_ilsave",
+					onClickButton : function () {
+						var sr = $t.p.savedRow[0].id;
+						if(sr) {
+							var opers = $t.p.prmNames,
+							oper = opers.oper, tmpParams = o.editParams;
+							if($("#"+$.jgrid.jqID(sr), "#"+gID ).hasClass("jqgrid-new-row")) {
+								o.addParams.addRowParams.extraparam[oper] = opers.addoper;
+								tmpParams = o.addParams.addRowParams;
+							} else {
+								if(!o.editParams.extraparam) {
+									o.editParams.extraparam = {};
+								}
+								o.editParams.extraparam[oper] = opers.editoper;
+							}
+							if( $($t).jqGrid('saveRow', sr, tmpParams) ) {
+								$($t).jqGrid('showAddEditButtons');
+							}
+						} else {
+							$.jgrid.viewModal("#alertmod",{gbox:"#gbox_"+gID,jqm:true});$("#jqg_alrt").focus();							
+						}
+					}
+				});
+				$("#"+gID+"_ilsave").addClass('ui-state-disabled');
+			}
+			if(o.cancel) {
+				$($t).jqGrid('navButtonAdd', elem,{
+					caption : o.canceltext || '',
+					title : o.canceltitle || 'Cancel row editing',
+					buttonicon : o.cancelicon,
+					id : $t.p.id+"_ilcancel",
+					onClickButton : function () {
+						var sr = $t.p.savedRow[0].id, cancelPrm = o.editParams;
+						if(sr) {
+							if($("#"+$.jgrid.jqID(sr), "#"+gID ).hasClass("jqgrid-new-row")) {
+								cancelPrm = o.addParams.addRowParams;
+							}
+							$($t).jqGrid('restoreRow', sr, cancelPrm);
+							$($t).jqGrid('showAddEditButtons');
+						} else {
+							$.jgrid.viewModal("#alertmod",{gbox:"#gbox_"+gID,jqm:true});$("#jqg_alrt").focus();							
+						}
+					}
+				});
+				$("#"+gID+"_ilcancel").addClass('ui-state-disabled');
+			}
+			if(o.restoreAfterSelect === true) {
+				if($.isFunction($t.p.beforeSelectRow)) {
+					onSelect = $t.p.beforeSelectRow;
+				} else {
+					onSelect =  false;
+				}
+				$t.p.beforeSelectRow = function(id, stat) {
+					var ret = true;
+					if($t.p.savedRow.length > 0 && $t.p._inlinenav===true && ( id !== $t.p.selrow && $t.p.selrow !==null) ) {
+						if($t.p.selrow === o.addParams.rowID ) {
+							$($t).jqGrid('delRowData', $t.p.selrow);
+						} else {
+							$($t).jqGrid('restoreRow', $t.p.selrow, o.editParams);
+						}
+						$($t).jqGrid('showAddEditButtons');
+					}
+					if(onSelect) {
+						ret = onSelect.call($t, id, stat);
+					}
+					return ret;
+				};
+			}
+
+		});
+	},
+	showAddEditButtons : function()  {
+		return this.each(function(){
+			if (!this.grid ) { return; }
+			var gID = $.jgrid.jqID(this.p.id);
+			$("#"+gID+"_ilsave").addClass('ui-state-disabled');
+			$("#"+gID+"_ilcancel").addClass('ui-state-disabled');
+			$("#"+gID+"_iladd").removeClass('ui-state-disabled');
+			$("#"+gID+"_iledit").removeClass('ui-state-disabled');
+		});
+	}
+//end inline edit
+});
+})(jQuery);
+/*jshint eqeqeq:false */
+/*global jQuery */
+(function($){
+/*
+**
+ * jqGrid extension for cellediting Grid Data
+ * Tony Tomov tony@trirand.com
+ * http://trirand.com/blog/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl-2.0.html
+**/ 
+/**
+ * all events and options here are aded anonynous and not in the base grid
+ * since the array is to big. Here is the order of execution.
+ * From this point we use jQuery isFunction
+ * formatCell
+ * beforeEditCell,
+ * onSelectCell (used only for noneditable cels)
+ * afterEditCell,
+ * beforeSaveCell, (called before validation of values if any)
+ * beforeSubmitCell (if cellsubmit remote (ajax))
+ * afterSubmitCell(if cellsubmit remote (ajax)),
+ * afterSaveCell,
+ * errorCell,
+ * serializeCellData - new
+ * Options
+ * cellsubmit (remote,clientArray) (added in grid options)
+ * cellurl
+ * ajaxCellOptions
+* */
+"use strict";
+$.jgrid.extend({
+	editCell : function (iRow,iCol, ed){
+		return this.each(function (){
+			var $t = this, nm, tmp,cc, cm;
+			if (!$t.grid || $t.p.cellEdit !== true) {return;}
+			iCol = parseInt(iCol,10);
+			// select the row that can be used for other methods
+			$t.p.selrow = $t.rows[iRow].id;
+			if (!$t.p.knv) {$($t).jqGrid("GridNav");}
+			// check to see if we have already edited cell
+			if ($t.p.savedRow.length>0) {
+				// prevent second click on that field and enable selects
+				if (ed===true ) {
+					if(iRow == $t.p.iRow && iCol == $t.p.iCol){
+						return;
+					}
+				}
+				// save the cell
+				$($t).jqGrid("saveCell",$t.p.savedRow[0].id,$t.p.savedRow[0].ic);
+			} else {
+				window.setTimeout(function () { $("#"+$.jgrid.jqID($t.p.knv)).attr("tabindex","-1").focus();},0);
+			}
+			cm = $t.p.colModel[iCol];
+			nm = cm.name;
+			if (nm==='subgrid' || nm==='cb' || nm==='rn') {return;}
+			cc = $("td:eq("+iCol+")",$t.rows[iRow]);
+			if (cm.editable===true && ed===true && !cc.hasClass("not-editable-cell")) {
+				if(parseInt($t.p.iCol,10)>=0  && parseInt($t.p.iRow,10)>=0) {
+					$("td:eq("+$t.p.iCol+")",$t.rows[$t.p.iRow]).removeClass("edit-cell ui-state-highlight");
+					$($t.rows[$t.p.iRow]).removeClass("selected-row ui-state-hover");
+				}
+				$(cc).addClass("edit-cell ui-state-highlight");
+				$($t.rows[iRow]).addClass("selected-row ui-state-hover");
+				try {
+					tmp =  $.unformat.call($t,cc,{rowId: $t.rows[iRow].id, colModel:cm},iCol);
+				} catch (_) {
+					tmp = ( cm.edittype && cm.edittype === 'textarea' ) ? $(cc).text() : $(cc).html();
+				}
+				if($t.p.autoencode) { tmp = $.jgrid.htmlDecode(tmp); }
+				if (!cm.edittype) {cm.edittype = "text";}
+				$t.p.savedRow.push({id:iRow,ic:iCol,name:nm,v:tmp});
+				if(tmp === "&nbsp;" || tmp === "&#160;" || (tmp.length===1 && tmp.charCodeAt(0)===160) ) {tmp='';}
+				if($.isFunction($t.p.formatCell)) {
+					var tmp2 = $t.p.formatCell.call($t, $t.rows[iRow].id,nm,tmp,iRow,iCol);
+					if(tmp2 !== undefined ) {tmp = tmp2;}
+				}
+				$($t).triggerHandler("jqGridBeforeEditCell", [$t.rows[iRow].id, nm, tmp, iRow, iCol]);
+				if ($.isFunction($t.p.beforeEditCell)) {
+					$t.p.beforeEditCell.call($t, $t.rows[iRow].id,nm,tmp,iRow,iCol);
+				}
+				var opt = $.extend({}, cm.editoptions || {} ,{id:iRow+"_"+nm,name:nm});
+				var elc = $.jgrid.createEl.call($t,cm.edittype,opt,tmp,true,$.extend({},$.jgrid.ajaxOptions,$t.p.ajaxSelectOptions || {}));
+				$(cc).html("").append(elc).attr("tabindex","0");
+				$.jgrid.bindEv.call($t, elc, opt);
+				window.setTimeout(function () { $(elc).focus();},0);
+				$("input, select, textarea",cc).bind("keydown",function(e) {
+					if (e.keyCode === 27) {
+						if($("input.hasDatepicker",cc).length >0) {
+							if( $(".ui-datepicker").is(":hidden") )  { $($t).jqGrid("restoreCell",iRow,iCol); }
+							else { $("input.hasDatepicker",cc).datepicker('hide'); }
+						} else {
+							$($t).jqGrid("restoreCell",iRow,iCol);
+						}
+					} //ESC
+					if (e.keyCode === 13) {
+						$($t).jqGrid("saveCell",iRow,iCol);
+						// Prevent default action
+						return false;
+					} //Enter
+					if (e.keyCode === 9)  {
+						if(!$t.grid.hDiv.loading ) {
+							if (e.shiftKey) {$($t).jqGrid("prevCell",iRow,iCol);} //Shift TAb
+							else {$($t).jqGrid("nextCell",iRow,iCol);} //Tab
+						} else {
+							return false;
+						}
+					}
+					e.stopPropagation();
+				});
+				$($t).triggerHandler("jqGridAfterEditCell", [$t.rows[iRow].id, nm, tmp, iRow, iCol]);
+				if ($.isFunction($t.p.afterEditCell)) {
+					$t.p.afterEditCell.call($t, $t.rows[iRow].id,nm,tmp,iRow,iCol);
+				}
+			} else {
+				if (parseInt($t.p.iCol,10)>=0  && parseInt($t.p.iRow,10)>=0) {
+					$("td:eq("+$t.p.iCol+")",$t.rows[$t.p.iRow]).removeClass("edit-cell ui-state-highlight");
+					$($t.rows[$t.p.iRow]).removeClass("selected-row ui-state-hover");
+				}
+				cc.addClass("edit-cell ui-state-highlight");
+				$($t.rows[iRow]).addClass("selected-row ui-state-hover");
+				tmp = cc.html().replace(/\&#160\;/ig,'');
+				$($t).triggerHandler("jqGridSelectCell", [$t.rows[iRow].id, nm, tmp, iRow, iCol]);
+				if ($.isFunction($t.p.onSelectCell)) {
+					$t.p.onSelectCell.call($t, $t.rows[iRow].id,nm,tmp,iRow,iCol);
+				}
+			}
+			$t.p.iCol = iCol; $t.p.iRow = iRow;
+		});
+	},
+	saveCell : function (iRow, iCol){
+		return this.each(function(){
+			var $t= this, fr;
+			if (!$t.grid || $t.p.cellEdit !== true) {return;}
+			if ( $t.p.savedRow.length >= 1) {fr = 0;} else {fr=null;} 
+			if(fr !== null) {
+				var cc = $("td:eq("+iCol+")",$t.rows[iRow]),v,v2,
+				cm = $t.p.colModel[iCol], nm = cm.name, nmjq = $.jgrid.jqID(nm) ;
+				switch (cm.edittype) {
+					case "select":
+						if(!cm.editoptions.multiple) {
+							v = $("#"+iRow+"_"+nmjq+" option:selected",$t.rows[iRow]).val();
+							v2 = $("#"+iRow+"_"+nmjq+" option:selected",$t.rows[iRow]).text();
+						} else {
+							var sel = $("#"+iRow+"_"+nmjq,$t.rows[iRow]), selectedText = [];
+							v = $(sel).val();
+							if(v) { v.join(",");} else { v=""; }
+							$("option:selected",sel).each(
+								function(i,selected){
+									selectedText[i] = $(selected).text();
+								}
+							);
+							v2 = selectedText.join(",");
+						}
+						if(cm.formatter) { v2 = v; }
+						break;
+					case "checkbox":
+						var cbv  = ["Yes","No"];
+						if(cm.editoptions){
+							cbv = cm.editoptions.value.split(":");
+						}
+						v = $("#"+iRow+"_"+nmjq,$t.rows[iRow]).is(":checked") ? cbv[0] : cbv[1];
+						v2=v;
+						break;
+					case "password":
+					case "text":
+					case "textarea":
+					case "button" :
+						v = $("#"+iRow+"_"+nmjq,$t.rows[iRow]).val();
+						v2=v;
+						break;
+					case 'custom' :
+						try {
+							if(cm.editoptions && $.isFunction(cm.editoptions.custom_value)) {
+								v = cm.editoptions.custom_value.call($t, $(".customelement",cc),'get');
+								if (v===undefined) { throw "e2";} else { v2=v; }
+							} else { throw "e1"; }
+						} catch (e) {
+							if (e==="e1") { $.jgrid.info_dialog($.jgrid.errors.errcap,"function 'custom_value' "+$.jgrid.edit.msg.nodefined,$.jgrid.edit.bClose); }
+							if (e==="e2") { $.jgrid.info_dialog($.jgrid.errors.errcap,"function 'custom_value' "+$.jgrid.edit.msg.novalue,$.jgrid.edit.bClose); }
+							else {$.jgrid.info_dialog($.jgrid.errors.errcap,e.message,$.jgrid.edit.bClose); }
+						}
+						break;
+				}
+				// The common approach is if nothing changed do not do anything
+				if (v2 !== $t.p.savedRow[fr].v){
+					var vvv = $($t).triggerHandler("jqGridBeforeSaveCell", [$t.rows[iRow].id, nm, v, iRow, iCol]);
+					if (vvv) {v = vvv; v2=vvv;}
+					if ($.isFunction($t.p.beforeSaveCell)) {
+						var vv = $t.p.beforeSaveCell.call($t, $t.rows[iRow].id,nm, v, iRow,iCol);
+						if (vv) {v = vv; v2=vv;}
+					}
+					var cv = $.jgrid.checkValues.call($t,v,iCol);
+					if(cv[0] === true) {
+						var addpost = $($t).triggerHandler("jqGridBeforeSubmitCell", [$t.rows[iRow].id, nm, v, iRow, iCol]) || {};
+						if ($.isFunction($t.p.beforeSubmitCell)) {
+							addpost = $t.p.beforeSubmitCell.call($t, $t.rows[iRow].id,nm, v, iRow,iCol);
+							if (!addpost) {addpost={};}
+						}
+						if( $("input.hasDatepicker",cc).length >0) { $("input.hasDatepicker",cc).datepicker('hide'); }
+						if ($t.p.cellsubmit === 'remote') {
+							if ($t.p.cellurl) {
+								var postdata = {};
+								if($t.p.autoencode) { v = $.jgrid.htmlEncode(v); }
+								postdata[nm] = v;
+								var idname,oper, opers;
+								opers = $t.p.prmNames;
+								idname = opers.id;
+								oper = opers.oper;
+								postdata[idname] = $.jgrid.stripPref($t.p.idPrefix, $t.rows[iRow].id);
+								postdata[oper] = opers.editoper;
+								postdata = $.extend(addpost,postdata);
+								$("#lui_"+$.jgrid.jqID($t.p.id)).show();
+								$t.grid.hDiv.loading = true;
+								$.ajax( $.extend( {
+									url: $t.p.cellurl,
+									data :$.isFunction($t.p.serializeCellData) ? $t.p.serializeCellData.call($t, postdata) : postdata,
+									type: "POST",
+									complete: function (result, stat) {
+										$("#lui_"+$t.p.id).hide();
+										$t.grid.hDiv.loading = false;
+										if (stat === 'success') {
+											var ret = $($t).triggerHandler("jqGridAfterSubmitCell", [$t, result, postdata.id, nm, v, iRow, iCol]) || [true, ''];
+											if (ret[0] === true && $.isFunction($t.p.afterSubmitCell)) {
+												ret = $t.p.afterSubmitCell.call($t, result,postdata.id,nm,v,iRow,iCol);
+											}
+											if(ret[0] === true){
+												$(cc).empty();
+												$($t).jqGrid("setCell",$t.rows[iRow].id, iCol, v2, false, false, true);
+												$(cc).addClass("dirty-cell");
+												$($t.rows[iRow]).addClass("edited");
+												$($t).triggerHandler("jqGridAfterSaveCell", [$t.rows[iRow].id, nm, v, iRow, iCol]);
+												if ($.isFunction($t.p.afterSaveCell)) {
+													$t.p.afterSaveCell.call($t, $t.rows[iRow].id,nm, v, iRow,iCol);
+												}
+												$t.p.savedRow.splice(0,1);
+											} else {
+												$.jgrid.info_dialog($.jgrid.errors.errcap,ret[1],$.jgrid.edit.bClose);
+												$($t).jqGrid("restoreCell",iRow,iCol);
+											}
+										}
+									},
+									error:function(res,stat,err) {
+										$("#lui_"+$.jgrid.jqID($t.p.id)).hide();
+										$t.grid.hDiv.loading = false;
+										$($t).triggerHandler("jqGridErrorCell", [res, stat, err]);
+										if ($.isFunction($t.p.errorCell)) {
+											$t.p.errorCell.call($t, res,stat,err);
+											$($t).jqGrid("restoreCell",iRow,iCol);
+										} else {
+											$.jgrid.info_dialog($.jgrid.errors.errcap,res.status+" : "+res.statusText+"<br/>"+stat,$.jgrid.edit.bClose);
+											$($t).jqGrid("restoreCell",iRow,iCol);
+										}
+									}
+								}, $.jgrid.ajaxOptions, $t.p.ajaxCellOptions || {}));
+							} else {
+								try {
+									$.jgrid.info_dialog($.jgrid.errors.errcap,$.jgrid.errors.nourl,$.jgrid.edit.bClose);
+									$($t).jqGrid("restoreCell",iRow,iCol);
+								} catch (e) {}
+							}
+						}
+						if ($t.p.cellsubmit === 'clientArray') {
+							$(cc).empty();
+							$($t).jqGrid("setCell",$t.rows[iRow].id,iCol, v2, false, false, true);
+							$(cc).addClass("dirty-cell");
+							$($t.rows[iRow]).addClass("edited");
+							$($t).triggerHandler("jqGridAfterSaveCell", [$t.rows[iRow].id, nm, v, iRow, iCol]);
+							if ($.isFunction($t.p.afterSaveCell)) {
+								$t.p.afterSaveCell.call($t, $t.rows[iRow].id,nm, v, iRow,iCol);
+							}
+							$t.p.savedRow.splice(0,1);
+						}
+					} else {
+						try {
+							window.setTimeout(function(){$.jgrid.info_dialog($.jgrid.errors.errcap,v+" "+cv[1],$.jgrid.edit.bClose);},100);
+							$($t).jqGrid("restoreCell",iRow,iCol);
+						} catch (e) {}
+					}
+				} else {
+					$($t).jqGrid("restoreCell",iRow,iCol);
+				}
+			}
+			window.setTimeout(function () { $("#"+$.jgrid.jqID($t.p.knv)).attr("tabindex","-1").focus();},0);
+		});
+	},
+	restoreCell : function(iRow, iCol) {
+		return this.each(function(){
+			var $t= this, fr;
+			if (!$t.grid || $t.p.cellEdit !== true ) {return;}
+			if ( $t.p.savedRow.length >= 1) {fr = 0;} else {fr=null;}
+			if(fr !== null) {
+				var cc = $("td:eq("+iCol+")",$t.rows[iRow]);
+				// datepicker fix
+				if($.isFunction($.fn.datepicker)) {
+					try {
+						$("input.hasDatepicker",cc).datepicker('hide');
+					} catch (e) {}
+				}
+				$(cc).empty().attr("tabindex","-1");
+				$($t).jqGrid("setCell",$t.rows[iRow].id, iCol, $t.p.savedRow[fr].v, false, false, true);
+				$($t).triggerHandler("jqGridAfterRestoreCell", [$t.rows[iRow].id, $t.p.savedRow[fr].v, iRow, iCol]);
+				if ($.isFunction($t.p.afterRestoreCell)) {
+					$t.p.afterRestoreCell.call($t, $t.rows[iRow].id, $t.p.savedRow[fr].v, iRow, iCol);
+				}				
+				$t.p.savedRow.splice(0,1);
+			}
+			window.setTimeout(function () { $("#"+$t.p.knv).attr("tabindex","-1").focus();},0);
+		});
+	},
+	nextCell : function (iRow,iCol) {
+		return this.each(function (){
+			var $t = this, nCol=false, i;
+			if (!$t.grid || $t.p.cellEdit !== true) {return;}
+			// try to find next editable cell
+			for (i=iCol+1; i<$t.p.colModel.length; i++) {
+				if ( $t.p.colModel[i].editable ===true) {
+					nCol = i; break;
+				}
+			}
+			if(nCol !== false) {
+				$($t).jqGrid("editCell",iRow,nCol,true);
+			} else {
+				if ($t.p.savedRow.length >0) {
+					$($t).jqGrid("saveCell",iRow,iCol);
+				}
+			}
+		});
+	},
+	prevCell : function (iRow,iCol) {
+		return this.each(function (){
+			var $t = this, nCol=false, i;
+			if (!$t.grid || $t.p.cellEdit !== true) {return;}
+			// try to find next editable cell
+			for (i=iCol-1; i>=0; i--) {
+				if ( $t.p.colModel[i].editable ===true) {
+					nCol = i; break;
+				}
+			}
+			if(nCol !== false) {
+				$($t).jqGrid("editCell",iRow,nCol,true);
+			} else {
+				if ($t.p.savedRow.length >0) {
+					$($t).jqGrid("saveCell",iRow,iCol);
+				}
+			}
+		});
+	},
+	GridNav : function() {
+		return this.each(function () {
+			var  $t = this;
+			if (!$t.grid || $t.p.cellEdit !== true ) {return;}
+			// trick to process keydown on non input elements
+			$t.p.knv = $t.p.id + "_kn";
+			var selection = $("<div style='position:fixed;top:0px;width:1px;height:1px;' tabindex='0'><div tabindex='-1' style='width:1px;height:1px;' id='"+$t.p.knv+"'></div></div>"),
+			i, kdir;
+			function scrollGrid(iR, iC, tp){
+				if (tp.substr(0,1)==='v') {
+					var ch = $($t.grid.bDiv)[0].clientHeight,
+					st = $($t.grid.bDiv)[0].scrollTop,
+					nROT = $t.rows[iR].offsetTop+$t.rows[iR].clientHeight,
+					pROT = $t.rows[iR].offsetTop;
+					if(tp === 'vd') {
+						if(nROT >= ch) {
+							$($t.grid.bDiv)[0].scrollTop = $($t.grid.bDiv)[0].scrollTop + $t.rows[iR].clientHeight;
+						}
+					}
+					if(tp === 'vu'){
+						if (pROT < st ) {
+							$($t.grid.bDiv)[0].scrollTop = $($t.grid.bDiv)[0].scrollTop - $t.rows[iR].clientHeight;
+						}
+					}
+				}
+				if(tp==='h') {
+					var cw = $($t.grid.bDiv)[0].clientWidth,
+					sl = $($t.grid.bDiv)[0].scrollLeft,
+					nCOL = $t.rows[iR].cells[iC].offsetLeft+$t.rows[iR].cells[iC].clientWidth,
+					pCOL = $t.rows[iR].cells[iC].offsetLeft;
+					if(nCOL >= cw+parseInt(sl,10)) {
+						$($t.grid.bDiv)[0].scrollLeft = $($t.grid.bDiv)[0].scrollLeft + $t.rows[iR].cells[iC].clientWidth;
+					} else if (pCOL < sl) {
+						$($t.grid.bDiv)[0].scrollLeft = $($t.grid.bDiv)[0].scrollLeft - $t.rows[iR].cells[iC].clientWidth;
+					}
+				}
+			}
+			function findNextVisible(iC,act){
+				var ind, i;
+				if(act === 'lft') {
+					ind = iC+1;
+					for (i=iC;i>=0;i--){
+						if ($t.p.colModel[i].hidden !== true) {
+							ind = i;
+							break;
+						}
+					}
+				}
+				if(act === 'rgt') {
+					ind = iC-1;
+					for (i=iC; i<$t.p.colModel.length;i++){
+						if ($t.p.colModel[i].hidden !== true) {
+							ind = i;
+							break;
+						}						
+					}
+				}
+				return ind;
+			}
+
+			$(selection).insertBefore($t.grid.cDiv);
+			$("#"+$t.p.knv)
+			.focus()
+			.keydown(function (e){
+				kdir = e.keyCode;
+				if($t.p.direction === "rtl") {
+					if(kdir===37) { kdir = 39;}
+					else if (kdir===39) { kdir = 37; }
+				}
+				switch (kdir) {
+					case 38:
+						if ($t.p.iRow-1 >0 ) {
+							scrollGrid($t.p.iRow-1,$t.p.iCol,'vu');
+							$($t).jqGrid("editCell",$t.p.iRow-1,$t.p.iCol,false);
+						}
+					break;
+					case 40 :
+						if ($t.p.iRow+1 <=  $t.rows.length-1) {
+							scrollGrid($t.p.iRow+1,$t.p.iCol,'vd');
+							$($t).jqGrid("editCell",$t.p.iRow+1,$t.p.iCol,false);
+						}
+					break;
+					case 37 :
+						if ($t.p.iCol -1 >=  0) {
+							i = findNextVisible($t.p.iCol-1,'lft');
+							scrollGrid($t.p.iRow, i,'h');
+							$($t).jqGrid("editCell",$t.p.iRow, i,false);
+						}
+					break;
+					case 39 :
+						if ($t.p.iCol +1 <=  $t.p.colModel.length-1) {
+							i = findNextVisible($t.p.iCol+1,'rgt');
+							scrollGrid($t.p.iRow,i,'h');
+							$($t).jqGrid("editCell",$t.p.iRow,i,false);
+						}
+					break;
+					case 13:
+						if (parseInt($t.p.iCol,10)>=0 && parseInt($t.p.iRow,10)>=0) {
+							$($t).jqGrid("editCell",$t.p.iRow,$t.p.iCol,true);
+						}
+					break;
+					default :
+						return true;
+				}
+				return false;
+			});
+		});
+	},
+	getChangedCells : function (mthd) {
+		var ret=[];
+		if (!mthd) {mthd='all';}
+		this.each(function(){
+			var $t= this,nm;
+			if (!$t.grid || $t.p.cellEdit !== true ) {return;}
+			$($t.rows).each(function(j){
+				var res = {};
+				if ($(this).hasClass("edited")) {
+					$('td',this).each( function(i) {
+						nm = $t.p.colModel[i].name;
+						if ( nm !== 'cb' && nm !== 'subgrid') {
+							if (mthd==='dirty') {
+								if ($(this).hasClass('dirty-cell')) {
+									try {
+										res[nm] = $.unformat.call($t,this,{rowId:$t.rows[j].id, colModel:$t.p.colModel[i]},i);
+									} catch (e){
+										res[nm] = $.jgrid.htmlDecode($(this).html());
+									}
+								}
+							} else {
+								try {
+									res[nm] = $.unformat.call($t,this,{rowId:$t.rows[j].id,colModel:$t.p.colModel[i]},i);
+								} catch (e) {
+									res[nm] = $.jgrid.htmlDecode($(this).html());
+								}
+							}
+						}
+					});
+					res.id = this.id;
+					ret.push(res);
+				}
+			});
+		});
+		return ret;
+	}
+/// end  cell editing
+});
+})(jQuery);
+/*jshint eqeqeq:false */
+/*global jQuery */
+(function($){
+/**
+ * jqGrid extension for SubGrid Data
+ * Tony Tomov tony@trirand.com
+ * http://trirand.com/blog/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl-2.0.html
+**/
+"use strict";
+$.jgrid.extend({
+setSubGrid : function () {
+	return this.each(function (){
+		var $t = this, cm, i,
+		suboptions = {
+			plusicon : "ui-icon-plus",
+			minusicon : "ui-icon-minus",
+			openicon: "ui-icon-carat-1-sw",
+			expandOnLoad:  false,
+			delayOnLoad : 50,
+			selectOnExpand : false,
+			selectOnCollapse : false,
+			reloadOnExpand : true
+		};
+		$t.p.subGridOptions = $.extend(suboptions, $t.p.subGridOptions || {});
+		$t.p.colNames.unshift("");
+		$t.p.colModel.unshift({name:'subgrid',width: $.jgrid.cell_width ?  $t.p.subGridWidth+$t.p.cellLayout : $t.p.subGridWidth,sortable: false,resizable:false,hidedlg:true,search:false,fixed:true});
+		cm = $t.p.subGridModel;
+		if(cm[0]) {
+			cm[0].align = $.extend([],cm[0].align || []);
+			for(i=0;i<cm[0].name.length;i++) { cm[0].align[i] = cm[0].align[i] || 'left';}
+		}
+	});
+},
+addSubGridCell :function (pos,iRow) {
+	var prp='',ic,sid;
+	this.each(function(){
+		prp = this.formatCol(pos,iRow);
+		sid= this.p.id;
+		ic = this.p.subGridOptions.plusicon;
+	});
+	return "<td role=\"gridcell\" aria-describedby=\""+sid+"_subgrid\" class=\"ui-sgcollapsed sgcollapsed\" "+prp+"><a style='cursor:pointer;'><span class='ui-icon "+ic+"'></span></a></td>";
+},
+addSubGrid : function( pos, sind ) {
+	return this.each(function(){
+		var ts = this;
+		if (!ts.grid ) { return; }
+		//-------------------------
+		var subGridCell = function(trdiv,cell,pos)
+		{
+			var tddiv = $("<td align='"+ts.p.subGridModel[0].align[pos]+"'></td>").html(cell);
+			$(trdiv).append(tddiv);
+		};
+		var subGridXml = function(sjxml, sbid){
+			var tddiv, i,  sgmap,
+			dummy = $("<table cellspacing='0' cellpadding='0' border='0'><tbody></tbody></table>"),
+			trdiv = $("<tr></tr>");
+			for (i = 0; i<ts.p.subGridModel[0].name.length; i++) {
+				tddiv = $("<th class='ui-state-default ui-th-subgrid ui-th-column ui-th-"+ts.p.direction+"'></th>");
+				$(tddiv).html(ts.p.subGridModel[0].name[i]);
+				$(tddiv).width( ts.p.subGridModel[0].width[i]);
+				$(trdiv).append(tddiv);
+			}
+			$(dummy).append(trdiv);
+			if (sjxml){
+				sgmap = ts.p.xmlReader.subgrid;
+				$(sgmap.root+" "+sgmap.row, sjxml).each( function(){
+					trdiv = $("<tr class='ui-widget-content ui-subtblcell'></tr>");
+					if(sgmap.repeatitems === true) {
+						$(sgmap.cell,this).each( function(i) {
+							subGridCell(trdiv, $(this).text() || '&#160;',i);
+						});
+					} else {
+						var f = ts.p.subGridModel[0].mapping || ts.p.subGridModel[0].name;
+						if (f) {
+							for (i=0;i<f.length;i++) {
+								subGridCell(trdiv, $(f[i],this).text() || '&#160;',i);
+							}
+						}
+					}
+					$(dummy).append(trdiv);
+				});
+			}
+			var pID = $("table:first",ts.grid.bDiv).attr("id")+"_";
+			$("#"+$.jgrid.jqID(pID+sbid)).append(dummy);
+			ts.grid.hDiv.loading = false;
+			$("#load_"+$.jgrid.jqID(ts.p.id)).hide();
+			return false;
+		};
+		var subGridJson = function(sjxml, sbid){
+			var tddiv,result,i,cur, sgmap,j,
+			dummy = $("<table cellspacing='0' cellpadding='0' border='0'><tbody></tbody></table>"),
+			trdiv = $("<tr></tr>");
+			for (i = 0; i<ts.p.subGridModel[0].name.length; i++) {
+				tddiv = $("<th class='ui-state-default ui-th-subgrid ui-th-column ui-th-"+ts.p.direction+"'></th>");
+				$(tddiv).html(ts.p.subGridModel[0].name[i]);
+				$(tddiv).width( ts.p.subGridModel[0].width[i]);
+				$(trdiv).append(tddiv);
+			}
+			$(dummy).append(trdiv);
+			if (sjxml){
+				sgmap = ts.p.jsonReader.subgrid;
+				result = $.jgrid.getAccessor(sjxml, sgmap.root);
+				if ( result !== undefined ) {
+					for (i=0;i<result.length;i++) {
+						cur = result[i];
+						trdiv = $("<tr class='ui-widget-content ui-subtblcell'></tr>");
+						if(sgmap.repeatitems === true) {
+							if(sgmap.cell) { cur=cur[sgmap.cell]; }
+							for (j=0;j<cur.length;j++) {
+								subGridCell(trdiv, cur[j] || '&#160;',j);
+							}
+						} else {
+							var f = ts.p.subGridModel[0].mapping || ts.p.subGridModel[0].name;
+							if(f.length) {
+								for (j=0;j<f.length;j++) {
+									subGridCell(trdiv, cur[f[j]] || '&#160;',j);
+								}
+							}
+						}
+						$(dummy).append(trdiv);
+					}
+				}
+			}
+			var pID = $("table:first",ts.grid.bDiv).attr("id")+"_";
+			$("#"+$.jgrid.jqID(pID+sbid)).append(dummy);
+			ts.grid.hDiv.loading = false;
+			$("#load_"+$.jgrid.jqID(ts.p.id)).hide();
+			return false;
+		};
+		var populatesubgrid = function( rd )
+		{
+			var sid,dp, i, j;
+			sid = $(rd).attr("id");
+			dp = {nd_: (new Date().getTime())};
+			dp[ts.p.prmNames.subgridid]=sid;
+			if(!ts.p.subGridModel[0]) { return false; }
+			if(ts.p.subGridModel[0].params) {
+				for(j=0; j < ts.p.subGridModel[0].params.length; j++) {
+					for(i=0; i<ts.p.colModel.length; i++) {
+						if(ts.p.colModel[i].name === ts.p.subGridModel[0].params[j]) {
+							dp[ts.p.colModel[i].name]= $("td:eq("+i+")",rd).text().replace(/\&#160\;/ig,'');
+						}
+					}
+				}
+			}
+			if(!ts.grid.hDiv.loading) {
+				ts.grid.hDiv.loading = true;
+				$("#load_"+$.jgrid.jqID(ts.p.id)).show();
+				if(!ts.p.subgridtype) { ts.p.subgridtype = ts.p.datatype; }
+				if($.isFunction(ts.p.subgridtype)) {
+					ts.p.subgridtype.call(ts, dp);
+				} else {
+					ts.p.subgridtype = ts.p.subgridtype.toLowerCase();
+				}
+				switch(ts.p.subgridtype) {
+					case "xml":
+					case "json":
+					$.ajax($.extend({
+						type:ts.p.mtype,
+						url: ts.p.subGridUrl,
+						dataType:ts.p.subgridtype,
+						data: $.isFunction(ts.p.serializeSubGridData)? ts.p.serializeSubGridData.call(ts, dp) : dp,
+						complete: function(sxml) {
+							if(ts.p.subgridtype === "xml") {
+								subGridXml(sxml.responseXML, sid);
+							} else {
+								subGridJson($.jgrid.parse(sxml.responseText),sid);
+							}
+							sxml=null;
+						}
+					}, $.jgrid.ajaxOptions, ts.p.ajaxSubgridOptions || {}));
+					break;
+				}
+			}
+			return false;
+		};
+		var _id, pID,atd, nhc=0, bfsc, r;
+		$.each(ts.p.colModel,function(){
+			if(this.hidden === true || this.name === 'rn' || this.name === 'cb') {
+				nhc++;
+			}
+		});
+		var len = ts.rows.length, i=1;
+		if( sind !== undefined && sind > 0) {
+			i = sind;
+			len = sind+1;
+		}
+		while(i < len) {
+			if($(ts.rows[i]).hasClass('jqgrow')) {
+				$(ts.rows[i].cells[pos]).bind('click', function() {
+					var tr = $(this).parent("tr")[0];
+					r = tr.nextSibling;
+					if($(this).hasClass("sgcollapsed")) {
+						pID = ts.p.id;
+						_id = tr.id;
+						if(ts.p.subGridOptions.reloadOnExpand === true || ( ts.p.subGridOptions.reloadOnExpand === false && !$(r).hasClass('ui-subgrid') ) ) {
+							atd = pos >=1 ? "<td colspan='"+pos+"'>&#160;</td>":"";
+							bfsc = $(ts).triggerHandler("jqGridSubGridBeforeExpand", [pID + "_" + _id, _id]);
+							bfsc = (bfsc === false || bfsc === 'stop') ? false : true;
+							if(bfsc && $.isFunction(ts.p.subGridBeforeExpand)) {
+								bfsc = ts.p.subGridBeforeExpand.call(ts, pID+"_"+_id,_id);
+							}
+							if(bfsc === false) {return false;}
+							$(tr).after( "<tr role='row' class='ui-subgrid'>"+atd+"<td class='ui-widget-content subgrid-cell'><span class='ui-icon "+ts.p.subGridOptions.openicon+"'></span></td><td colspan='"+parseInt(ts.p.colNames.length-1-nhc,10)+"' class='ui-widget-content subgrid-data'><div id="+pID+"_"+_id+" class='tablediv'></div></td></tr>" );
+							$(ts).triggerHandler("jqGridSubGridRowExpanded", [pID + "_" + _id, _id]);
+							if( $.isFunction(ts.p.subGridRowExpanded)) {
+								ts.p.subGridRowExpanded.call(ts, pID+"_"+ _id,_id);
+							} else {
+								populatesubgrid(tr);
+							}
+						} else {
+							$(r).show();
+						}
+						$(this).html("<a style='cursor:pointer;'><span class='ui-icon "+ts.p.subGridOptions.minusicon+"'></span></a>").removeClass("sgcollapsed").addClass("sgexpanded");
+						if(ts.p.subGridOptions.selectOnExpand) {
+							$(ts).jqGrid('setSelection',_id);
+						}
+					} else if($(this).hasClass("sgexpanded")) {
+						bfsc = $(ts).triggerHandler("jqGridSubGridRowColapsed", [pID + "_" + _id, _id]);
+						bfsc = (bfsc === false || bfsc === 'stop') ? false : true;
+						_id = tr.id;
+						if( bfsc &&  $.isFunction(ts.p.subGridRowColapsed)) {
+							bfsc = ts.p.subGridRowColapsed.call(ts, pID+"_"+_id,_id );
+						}
+						if(bfsc===false) {return false;}
+						if(ts.p.subGridOptions.reloadOnExpand === true) {
+							$(r).remove(".ui-subgrid");
+						} else if($(r).hasClass('ui-subgrid')) { // incase of dynamic deleting
+							$(r).hide();
+						}
+						$(this).html("<a style='cursor:pointer;'><span class='ui-icon "+ts.p.subGridOptions.plusicon+"'></span></a>").removeClass("sgexpanded").addClass("sgcollapsed");
+						if(ts.p.subGridOptions.selectOnCollapse) {
+							$(ts).jqGrid('setSelection',_id);
+						}
+					}
+					return false;
+				});
+			}
+			i++;
+		}
+		if(ts.p.subGridOptions.expandOnLoad === true) {
+			$(ts.rows).filter('.jqgrow').each(function(index,row){
+				$(row.cells[0]).click();
+			});
+		}
+		ts.subGridXml = function(xml,sid) {subGridXml(xml,sid);};
+		ts.subGridJson = function(json,sid) {subGridJson(json,sid);};
+	});
+},
+expandSubGridRow : function(rowid) {
+	return this.each(function () {
+		var $t = this;
+		if(!$t.grid && !rowid) {return;}
+		if($t.p.subGrid===true) {
+			var rc = $(this).jqGrid("getInd",rowid,true);
+			if(rc) {
+				var sgc = $("td.sgcollapsed",rc)[0];
+				if(sgc) {
+					$(sgc).trigger("click");
+				}
+			}
+		}
+	});
+},
+collapseSubGridRow : function(rowid) {
+	return this.each(function () {
+		var $t = this;
+		if(!$t.grid && !rowid) {return;}
+		if($t.p.subGrid===true) {
+			var rc = $(this).jqGrid("getInd",rowid,true);
+			if(rc) {
+				var sgc = $("td.sgexpanded",rc)[0];
+				if(sgc) {
+					$(sgc).trigger("click");
+				}
+			}
+		}
+	});
+},
+toggleSubGridRow : function(rowid) {
+	return this.each(function () {
+		var $t = this;
+		if(!$t.grid && !rowid) {return;}
+		if($t.p.subGrid===true) {
+			var rc = $(this).jqGrid("getInd",rowid,true);
+			if(rc) {
+				var sgc = $("td.sgcollapsed",rc)[0];
+				if(sgc) {
+					$(sgc).trigger("click");
+				} else {
+					sgc = $("td.sgexpanded",rc)[0];
+					if(sgc) {
+						$(sgc).trigger("click");
+					}
+				}
+			}
+		}
+	});
+}
+});
+})(jQuery);
+/**
+ * jqGrid extension - Tree Grid
+ * Tony Tomov tony@trirand.com
+ * http://trirand.com/blog/
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl.html
+**/
+
+/*jshint eqeqeq:false */
+/*global jQuery */
+(function($) {
+"use strict";
+$.jgrid.extend({
+	setTreeNode : function(i, len){
+		return this.each(function(){
+			var $t = this;
+			if( !$t.grid || !$t.p.treeGrid ) {return;}
+			var expCol = $t.p.expColInd,
+			expanded = $t.p.treeReader.expanded_field,
+			isLeaf = $t.p.treeReader.leaf_field,
+			level = $t.p.treeReader.level_field,
+			icon = $t.p.treeReader.icon_field,
+			loaded = $t.p.treeReader.loaded,  lft, rgt, curLevel, ident,lftpos, twrap,
+			ldat, lf;
+			while(i<len) {
+				var ind = $.jgrid.stripPref($t.p.idPrefix, $t.rows[i].id), dind = $t.p._index[ind], expan;
+				ldat = $t.p.data[dind];
+				//$t.rows[i].level = ldat[level];
+				if($t.p.treeGridModel === 'nested') {
+					if(!ldat[isLeaf]) {
+					lft = parseInt(ldat[$t.p.treeReader.left_field],10);
+					rgt = parseInt(ldat[$t.p.treeReader.right_field],10);
+					// NS Model
+						ldat[isLeaf] = (rgt === lft+1) ? 'true' : 'false';
+						$t.rows[i].cells[$t.p._treeleafpos].innerHTML = ldat[isLeaf];
+					}
+				}
+				//else {
+					//row.parent_id = rd[$t.p.treeReader.parent_id_field];
+				//}
+				curLevel = parseInt(ldat[level],10);
+				if($t.p.tree_root_level === 0) {
+					ident = curLevel+1;
+					lftpos = curLevel;
+				} else {
+					ident = curLevel;
+					lftpos = curLevel -1;
+				}
+				twrap = "<div class='tree-wrap tree-wrap-"+$t.p.direction+"' style='width:"+(ident*18)+"px;'>";
+				twrap += "<div style='"+($t.p.direction==="rtl" ? "right:" : "left:")+(lftpos*18)+"px;' class='ui-icon ";
+
+
+				if(ldat[loaded] !== undefined) {
+					if(ldat[loaded]==="true" || ldat[loaded]===true) {
+						ldat[loaded] = true;
+					} else {
+						ldat[loaded] = false;
+					}
+				}
+				if(ldat[isLeaf] === "true" || ldat[isLeaf] === true) {
+					twrap += ((ldat[icon] !== undefined && ldat[icon] !== "") ? ldat[icon] : $t.p.treeIcons.leaf)+" tree-leaf treeclick";
+					ldat[isLeaf] = true;
+					lf="leaf";
+				} else {
+					ldat[isLeaf] = false;
+					lf="";
+				}
+				ldat[expanded] = ((ldat[expanded] === "true" || ldat[expanded] === true) ? true : false) && (ldat[loaded] || ldat[loaded] === undefined);
+				if(ldat[expanded] === false) {
+					twrap += ((ldat[isLeaf] === true) ? "'" : $t.p.treeIcons.plus+" tree-plus treeclick'");
+				} else {
+					twrap += ((ldat[isLeaf] === true) ? "'" : $t.p.treeIcons.minus+" tree-minus treeclick'");
+				}
+				
+				twrap += "></div></div>";
+				$($t.rows[i].cells[expCol]).wrapInner("<span class='cell-wrapper"+lf+"'></span>").prepend(twrap);
+
+				if(curLevel !== parseInt($t.p.tree_root_level,10)) {
+					var pn = $($t).jqGrid('getNodeParent',ldat);
+					expan = pn && pn.hasOwnProperty(expanded) ? pn[expanded] : true;
+					if( !expan ){
+						$($t.rows[i]).css("display","none");
+					}
+				}
+				$($t.rows[i].cells[expCol])
+					.find("div.treeclick")
+					.bind("click",function(e){
+						var target = e.target || e.srcElement,
+						ind2 =$.jgrid.stripPref($t.p.idPrefix,$(target,$t.rows).closest("tr.jqgrow")[0].id),
+						pos = $t.p._index[ind2];
+						if(!$t.p.data[pos][isLeaf]){
+							if($t.p.data[pos][expanded]){
+								$($t).jqGrid("collapseRow",$t.p.data[pos]);
+								$($t).jqGrid("collapseNode",$t.p.data[pos]);
+							} else {
+								$($t).jqGrid("expandRow",$t.p.data[pos]);
+								$($t).jqGrid("expandNode",$t.p.data[pos]);
+							}
+						}
+						return false;
+					});
+				if($t.p.ExpandColClick === true) {
+					$($t.rows[i].cells[expCol])
+						.find("span.cell-wrapper")
+						.css("cursor","pointer")
+						.bind("click",function(e) {
+							var target = e.target || e.srcElement,
+							ind2 =$.jgrid.stripPref($t.p.idPrefix,$(target,$t.rows).closest("tr.jqgrow")[0].id),
+							pos = $t.p._index[ind2];
+							if(!$t.p.data[pos][isLeaf]){
+								if($t.p.data[pos][expanded]){
+									$($t).jqGrid("collapseRow",$t.p.data[pos]);
+									$($t).jqGrid("collapseNode",$t.p.data[pos]);
+								} else {
+									$($t).jqGrid("expandRow",$t.p.data[pos]);
+									$($t).jqGrid("expandNode",$t.p.data[pos]);
+								}
+							}
+							$($t).jqGrid("setSelection",ind2);
+							return false;
+						});
+				}
+				i++;
+			}
+
+		});
+	},
+	setTreeGrid : function() {
+		return this.each(function (){
+			var $t = this, i=0, pico, ecol = false, nm, key, tkey, dupcols=[];
+			if(!$t.p.treeGrid) {return;}
+			if(!$t.p.treedatatype ) {$.extend($t.p,{treedatatype: $t.p.datatype});}
+			$t.p.subGrid = false;$t.p.altRows =false;
+			$t.p.pgbuttons = false;$t.p.pginput = false;
+			$t.p.gridview =  true;
+			if($t.p.rowTotal === null ) { $t.p.rowNum = 10000; }
+			$t.p.multiselect = false;$t.p.rowList = [];
+			$t.p.expColInd = 0;
+			pico = 'ui-icon-triangle-1-' + ($t.p.direction==="rtl" ? 'w' : 'e');
+			$t.p.treeIcons = $.extend({plus:pico,minus:'ui-icon-triangle-1-s',leaf:'ui-icon-radio-off'},$t.p.treeIcons || {});
+			if($t.p.treeGridModel === 'nested') {
+				$t.p.treeReader = $.extend({
+					level_field: "level",
+					left_field:"lft",
+					right_field: "rgt",
+					leaf_field: "isLeaf",
+					expanded_field: "expanded",
+					loaded: "loaded",
+					icon_field: "icon"
+				},$t.p.treeReader);
+			} else if($t.p.treeGridModel === 'adjacency') {
+				$t.p.treeReader = $.extend({
+						level_field: "level",
+						parent_id_field: "parent",
+						leaf_field: "isLeaf",
+						expanded_field: "expanded",
+						loaded: "loaded",
+						icon_field: "icon"
+				},$t.p.treeReader );
+			}
+			for ( key in $t.p.colModel){
+				if($t.p.colModel.hasOwnProperty(key)) {
+					nm = $t.p.colModel[key].name;
+					if( nm === $t.p.ExpandColumn && !ecol ) {
+						ecol = true;
+						$t.p.expColInd = i;
+					}
+					i++;
+					//
+					for(tkey in $t.p.treeReader) {
+						if($t.p.treeReader.hasOwnProperty(tkey) && $t.p.treeReader[tkey] === nm) {
+							dupcols.push(nm);
+						}
+					}
+				}
+			}
+			$.each($t.p.treeReader,function(j,n){
+				if(n && $.inArray(n, dupcols) === -1){
+					if(j==='leaf_field') { $t.p._treeleafpos= i; }
+				i++;
+					$t.p.colNames.push(n);
+					$t.p.colModel.push({name:n,width:1,hidden:true,sortable:false,resizable:false,hidedlg:true,editable:true,search:false});
+				}
+			});			
+		});
+	},
+	expandRow: function (record){
+		this.each(function(){
+			var $t = this;
+			if(!$t.grid || !$t.p.treeGrid) {return;}
+			var childern = $($t).jqGrid("getNodeChildren",record),
+			//if ($($t).jqGrid("isVisibleNode",record)) {
+			expanded = $t.p.treeReader.expanded_field;
+			$(childern).each(function(){
+				var id  = $t.p.idPrefix + $.jgrid.getAccessor(this,$t.p.localReader.id);
+				$($($t).jqGrid('getGridRowById', id)).css("display","");
+				if(this[expanded]) {
+					$($t).jqGrid("expandRow",this);
+				}
+			});
+			//}
+		});
+	},
+	collapseRow : function (record) {
+		this.each(function(){
+			var $t = this;
+			if(!$t.grid || !$t.p.treeGrid) {return;}
+			var childern = $($t).jqGrid("getNodeChildren",record),
+			expanded = $t.p.treeReader.expanded_field;
+			$(childern).each(function(){
+				var id  = $t.p.idPrefix + $.jgrid.getAccessor(this,$t.p.localReader.id);
+				$($($t).jqGrid('getGridRowById', id)).css("display","none");
+				if(this[expanded]){
+					$($t).jqGrid("collapseRow",this);
+				}
+			});
+		});
+	},
+	// NS ,adjacency models
+	getRootNodes : function() {
+		var result = [];
+		this.each(function(){
+			var $t = this;
+			if(!$t.grid || !$t.p.treeGrid) {return;}
+			switch ($t.p.treeGridModel) {
+				case 'nested' :
+					var level = $t.p.treeReader.level_field;
+					$($t.p.data).each(function(){
+						if(parseInt(this[level],10) === parseInt($t.p.tree_root_level,10)) {
+							result.push(this);
+						}
+					});
+					break;
+				case 'adjacency' :
+					var parent_id = $t.p.treeReader.parent_id_field;
+					$($t.p.data).each(function(){
+						if(this[parent_id] === null || String(this[parent_id]).toLowerCase() === "null") {
+							result.push(this);
+						}
+					});
+					break;
+			}
+		});
+		return result;
+	},
+	getNodeDepth : function(rc) {
+		var ret = null;
+		this.each(function(){
+			if(!this.grid || !this.p.treeGrid) {return;}
+			var $t = this;
+			switch ($t.p.treeGridModel) {
+				case 'nested' :
+					var level = $t.p.treeReader.level_field;
+					ret = parseInt(rc[level],10) - parseInt($t.p.tree_root_level,10);
+					break;
+				case 'adjacency' :
+					ret = $($t).jqGrid("getNodeAncestors",rc).length;
+					break;
+			}
+		});
+		return ret;
+	},
+	getNodeParent : function(rc) {
+		var result = null;
+		this.each(function(){
+			var $t = this;
+			if(!$t.grid || !$t.p.treeGrid) {return;}
+			switch ($t.p.treeGridModel) {
+				case 'nested' :
+					var lftc = $t.p.treeReader.left_field,
+					rgtc = $t.p.treeReader.right_field,
+					levelc = $t.p.treeReader.level_field,
+					lft = parseInt(rc[lftc],10), rgt = parseInt(rc[rgtc],10), level = parseInt(rc[levelc],10);
+					$(this.p.data).each(function(){
+						if(parseInt(this[levelc],10) === level-1 && parseInt(this[lftc],10) < lft && parseInt(this[rgtc],10) > rgt) {
+							result = this;
+							return false;
+						}
+					});
+					break;
+				case 'adjacency' :
+					var parent_id = $t.p.treeReader.parent_id_field,
+					dtid = $t.p.localReader.id;
+					$(this.p.data).each(function(){
+						if(this[dtid] === $.jgrid.stripPref($t.p.idPrefix, rc[parent_id]) ) {
+							result = this;
+							return false;
+						}
+					});
+					break;
+			}
+		});
+		return result;
+	},
+	getNodeChildren : function(rc) {
+		var result = [];
+		this.each(function(){
+			var $t = this;
+			if(!$t.grid || !$t.p.treeGrid) {return;}
+			switch ($t.p.treeGridModel) {
+				case 'nested' :
+					var lftc = $t.p.treeReader.left_field,
+					rgtc = $t.p.treeReader.right_field,
+					levelc = $t.p.treeReader.level_field,
+					lft = parseInt(rc[lftc],10), rgt = parseInt(rc[rgtc],10), level = parseInt(rc[levelc],10);
+					$(this.p.data).each(function(){
+						if(parseInt(this[levelc],10) === level+1 && parseInt(this[lftc],10) > lft && parseInt(this[rgtc],10) < rgt) {
+							result.push(this);
+						}
+					});
+					break;
+				case 'adjacency' :
+					var parent_id = $t.p.treeReader.parent_id_field,
+					dtid = $t.p.localReader.id;
+					$(this.p.data).each(function(){
+						if(this[parent_id] == $.jgrid.stripPref($t.p.idPrefix, rc[dtid])) {
+							result.push(this);
+						}
+					});
+					break;
+			}
+		});
+		return result;
+	},
+	getFullTreeNode : function(rc) {
+		var result = [];
+		this.each(function(){
+			var $t = this, len;
+			if(!$t.grid || !$t.p.treeGrid) {return;}
+			switch ($t.p.treeGridModel) {
+				case 'nested' :
+					var lftc = $t.p.treeReader.left_field,
+					rgtc = $t.p.treeReader.right_field,
+					levelc = $t.p.treeReader.level_field,
+					lft = parseInt(rc[lftc],10), rgt = parseInt(rc[rgtc],10), level = parseInt(rc[levelc],10);
+					$(this.p.data).each(function(){
+						if(parseInt(this[levelc],10) >= level && parseInt(this[lftc],10) >= lft && parseInt(this[lftc],10) <= rgt) {
+							result.push(this);
+						}
+					});
+					break;
+				case 'adjacency' :
+					if(rc) {
+					result.push(rc);
+					var parent_id = $t.p.treeReader.parent_id_field,
+					dtid = $t.p.localReader.id;
+					$(this.p.data).each(function(i){
+						len = result.length;
+						for (i = 0; i < len; i++) {
+							if ($.jgrid.stripPref($t.p.idPrefix, result[i][dtid]) === this[parent_id]) {
+								result.push(this);
+								break;
+							}
+						}
+					});
+					}
+					break;
+			}
+		});
+		return result;
+	},	
+	// End NS, adjacency Model
+	getNodeAncestors : function(rc) {
+		var ancestors = [];
+		this.each(function(){
+			if(!this.grid || !this.p.treeGrid) {return;}
+			var parent = $(this).jqGrid("getNodeParent",rc);
+			while (parent) {
+				ancestors.push(parent);
+				parent = $(this).jqGrid("getNodeParent",parent);	
+			}
+		});
+		return ancestors;
+	},
+	isVisibleNode : function(rc) {
+		var result = true;
+		this.each(function(){
+			var $t = this;
+			if(!$t.grid || !$t.p.treeGrid) {return;}
+			var ancestors = $($t).jqGrid("getNodeAncestors",rc),
+			expanded = $t.p.treeReader.expanded_field;
+			$(ancestors).each(function(){
+				result = result && this[expanded];
+				if(!result) {return false;}
+			});
+		});
+		return result;
+	},
+	isNodeLoaded : function(rc) {
+		var result;
+		this.each(function(){
+			var $t = this;
+			if(!$t.grid || !$t.p.treeGrid) {return;}
+			var isLeaf = $t.p.treeReader.leaf_field,
+			loaded = $t.p.treeReader.loaded;
+			if(rc !== undefined ) {
+				if(rc[loaded] !== undefined) {
+					result = rc[loaded];
+				} else if( rc[isLeaf] || $($t).jqGrid("getNodeChildren",rc).length > 0){
+					result = true;
+				} else {
+					result = false;
+				}
+			} else {
+				result = false;
+			}
+		});
+		return result;
+	},
+	expandNode : function(rc) {
+		return this.each(function(){
+			if(!this.grid || !this.p.treeGrid) {return;}
+			var expanded = this.p.treeReader.expanded_field,
+			parent = this.p.treeReader.parent_id_field,
+			loaded = this.p.treeReader.loaded,
+			level = this.p.treeReader.level_field,
+			lft = this.p.treeReader.left_field,
+			rgt = this.p.treeReader.right_field;
+
+			if(!rc[expanded]) {
+				var id = $.jgrid.getAccessor(rc,this.p.localReader.id);
+				var rc1 = $("#" + this.p.idPrefix + $.jgrid.jqID(id),this.grid.bDiv)[0];
+				var position = this.p._index[id];
+				if( $(this).jqGrid("isNodeLoaded",this.p.data[position]) ) {
+					rc[expanded] = true;
+					$("div.treeclick",rc1).removeClass(this.p.treeIcons.plus+" tree-plus").addClass(this.p.treeIcons.minus+" tree-minus");
+				} else if (!this.grid.hDiv.loading) {
+					rc[expanded] = true;
+					$("div.treeclick",rc1).removeClass(this.p.treeIcons.plus+" tree-plus").addClass(this.p.treeIcons.minus+" tree-minus");
+					this.p.treeANode = rc1.rowIndex;
+					this.p.datatype = this.p.treedatatype;
+					if(this.p.treeGridModel === 'nested') {
+						$(this).jqGrid("setGridParam",{postData:{nodeid:id,n_left:rc[lft],n_right:rc[rgt],n_level:rc[level]}});
+					} else {
+						$(this).jqGrid("setGridParam",{postData:{nodeid:id,parentid:rc[parent],n_level:rc[level]}} );
+					}
+					$(this).trigger("reloadGrid");
+					rc[loaded] = true;
+					if(this.p.treeGridModel === 'nested') {
+						$(this).jqGrid("setGridParam",{postData:{nodeid:'',n_left:'',n_right:'',n_level:''}});
+					} else {
+						$(this).jqGrid("setGridParam",{postData:{nodeid:'',parentid:'',n_level:''}}); 
+					}
+				}
+			}
+		});
+	},
+	collapseNode : function(rc) {
+		return this.each(function(){
+			if(!this.grid || !this.p.treeGrid) {return;}
+			var expanded = this.p.treeReader.expanded_field;
+			if(rc[expanded]) {
+				rc[expanded] = false;
+				var id = $.jgrid.getAccessor(rc,this.p.localReader.id);
+				var rc1 = $("#" + this.p.idPrefix + $.jgrid.jqID(id),this.grid.bDiv)[0];
+				$("div.treeclick",rc1).removeClass(this.p.treeIcons.minus+" tree-minus").addClass(this.p.treeIcons.plus+" tree-plus");
+			}
+		});
+	},
+	SortTree : function( sortname, newDir, st, datefmt) {
+		return this.each(function(){
+			if(!this.grid || !this.p.treeGrid) {return;}
+			var i, len,
+			rec, records = [], $t = this, query, roots,
+			rt = $(this).jqGrid("getRootNodes");
+			// Sorting roots
+			query = $.jgrid.from(rt);
+			query.orderBy(sortname,newDir,st, datefmt);
+			roots = query.select();
+
+			// Sorting children
+			for (i = 0, len = roots.length; i < len; i++) {
+				rec = roots[i];
+				records.push(rec);
+				$(this).jqGrid("collectChildrenSortTree",records, rec, sortname, newDir,st, datefmt);
+			}
+			$.each(records, function(index) {
+				var id  = $.jgrid.getAccessor(this,$t.p.localReader.id);
+				$('#'+$.jgrid.jqID($t.p.id)+ ' tbody tr:eq('+index+')').after($('tr#'+$.jgrid.jqID(id),$t.grid.bDiv));
+			});
+			query = null;roots=null;records=null;
+		});
+	},
+	collectChildrenSortTree : function(records, rec, sortname, newDir,st, datefmt) {
+		return this.each(function(){
+			if(!this.grid || !this.p.treeGrid) {return;}
+			var i, len,
+			child, ch, query, children;
+			ch = $(this).jqGrid("getNodeChildren",rec);
+			query = $.jgrid.from(ch);
+			query.orderBy(sortname, newDir, st, datefmt);
+			children = query.select();
+			for (i = 0, len = children.length; i < len; i++) {
+				child = children[i];
+				records.push(child);
+				$(this).jqGrid("collectChildrenSortTree",records, child, sortname, newDir, st, datefmt); 
+			}
+		});
+	},
+	// experimental 
+	setTreeRow : function(rowid, data) {
+		var success=false;
+		this.each(function(){
+			var t = this;
+			if(!t.grid || !t.p.treeGrid) {return;}
+			success = $(t).jqGrid("setRowData",rowid,data);
+		});
+		return success;
+	},
+	delTreeNode : function (rowid) {
+		return this.each(function () {
+			var $t = this, rid = $t.p.localReader.id, i,
+			left = $t.p.treeReader.left_field,
+			right = $t.p.treeReader.right_field, myright, width, res, key;
+			if(!$t.grid || !$t.p.treeGrid) {return;}
+			var rc = $t.p._index[rowid];
+			if (rc !== undefined) {
+				// nested
+				myright = parseInt($t.p.data[rc][right],10);
+				width = myright -  parseInt($t.p.data[rc][left],10) + 1;
+				var dr = $($t).jqGrid("getFullTreeNode",$t.p.data[rc]);
+				if(dr.length>0){
+					for (i=0;i<dr.length;i++){
+						$($t).jqGrid("delRowData",dr[i][rid]);
+					}
+				}
+				if( $t.p.treeGridModel === "nested") {
+					// ToDo - update grid data
+					res = $.jgrid.from($t.p.data)
+						.greater(left,myright,{stype:'integer'})
+						.select();
+					if(res.length) {
+						for( key in res) {
+							if(res.hasOwnProperty(key)) {
+								res[key][left] = parseInt(res[key][left],10) - width ;
+							}
+						}
+					}
+					res = $.jgrid.from($t.p.data)
+						.greater(right,myright,{stype:'integer'})
+						.select();
+					if(res.length) {
+						for( key in res) {
+							if(res.hasOwnProperty(key)) {
+								res[key][right] = parseInt(res[key][right],10) - width ;
+							}
+						}
+					}
+				}
+			}
+		});
+	},
+	addChildNode : function( nodeid, parentid, data, expandData ) {
+		//return this.each(function(){
+		var $t = this[0];
+		if(data) {
+			// we suppose tha the id is autoincremet and
+			var expanded = $t.p.treeReader.expanded_field,
+			isLeaf = $t.p.treeReader.leaf_field,
+			level = $t.p.treeReader.level_field,
+			//icon = $t.p.treeReader.icon_field,
+			parent = $t.p.treeReader.parent_id_field,
+			left = $t.p.treeReader.left_field,
+			right = $t.p.treeReader.right_field,
+			loaded = $t.p.treeReader.loaded,
+			method, parentindex, parentdata, parentlevel, i, len, max=0, rowind = parentid, leaf, maxright;
+			if(expandData===undefined) {expandData = false;}
+			if ( nodeid === undefined || nodeid === null ) {
+				i = $t.p.data.length-1;
+				if(	i>= 0 ) {
+					while(i>=0){max = Math.max(max, parseInt($t.p.data[i][$t.p.localReader.id],10)); i--;}
+				}
+				nodeid = max+1;
+			}
+			var prow = $($t).jqGrid('getInd', parentid);
+			leaf = false;
+			// if not a parent we assume root
+			if ( parentid === undefined  || parentid === null || parentid==="") {
+				parentid = null;
+				rowind = null;
+				method = 'last';
+				parentlevel = $t.p.tree_root_level;
+				i = $t.p.data.length+1;
+			} else {
+				method = 'after';
+				parentindex = $t.p._index[parentid];
+				parentdata = $t.p.data[parentindex];
+				parentid = parentdata[$t.p.localReader.id];
+				parentlevel = parseInt(parentdata[level],10)+1;
+				var childs = $($t).jqGrid('getFullTreeNode', parentdata);
+				// if there are child nodes get the last index of it
+				if(childs.length) {
+					i = childs[childs.length-1][$t.p.localReader.id];
+					rowind = i;
+					i = $($t).jqGrid('getInd',rowind)+1;
+				} else {
+					i = $($t).jqGrid('getInd', parentid)+1;
+				}
+				// if the node is leaf
+				if(parentdata[isLeaf]) {
+					leaf = true;
+					parentdata[expanded] = true;
+					//var prow = $($t).jqGrid('getInd', parentid);
+					$($t.rows[prow])
+						.find("span.cell-wrapperleaf").removeClass("cell-wrapperleaf").addClass("cell-wrapper")
+						.end()
+						.find("div.tree-leaf").removeClass($t.p.treeIcons.leaf+" tree-leaf").addClass($t.p.treeIcons.minus+" tree-minus");
+					$t.p.data[parentindex][isLeaf] = false;
+					parentdata[loaded] = true;
+				}
+			}
+			len = i+1;
+
+			if( data[expanded]===undefined)  {data[expanded]= false;}
+			if( data[loaded]===undefined )  { data[loaded] = false;}
+			data[level] = parentlevel;
+			if( data[isLeaf]===undefined) {data[isLeaf]= true;}
+			if( $t.p.treeGridModel === "adjacency") {
+				data[parent] = parentid;
+			}
+			if( $t.p.treeGridModel === "nested") {
+				// this method requiere more attention
+				var query, res, key;
+				//maxright = parseInt(maxright,10);
+				// ToDo - update grid data
+				if(parentid !== null) {
+					maxright = parseInt(parentdata[right],10);
+					query = $.jgrid.from($t.p.data);
+					query = query.greaterOrEquals(right,maxright,{stype:'integer'});
+					res = query.select();
+					if(res.length) {
+						for( key in res) {
+							if(res.hasOwnProperty(key)) {
+								res[key][left] = res[key][left] > maxright ? parseInt(res[key][left],10) +2 : res[key][left];
+								res[key][right] = res[key][right] >= maxright ? parseInt(res[key][right],10) +2 : res[key][right];
+							}
+						}
+					}
+					data[left] = maxright;
+					data[right]= maxright+1;
+				} else {
+					maxright = parseInt( $($t).jqGrid('getCol', right, false, 'max'), 10);
+					res = $.jgrid.from($t.p.data)
+						.greater(left,maxright,{stype:'integer'})
+						.select();
+					if(res.length) {
+						for( key in res) {
+							if(res.hasOwnProperty(key)) {
+								res[key][left] = parseInt(res[key][left],10) +2 ;
+							}
+						}
+					}
+					res = $.jgrid.from($t.p.data)
+						.greater(right,maxright,{stype:'integer'})
+						.select();
+					if(res.length) {
+						for( key in res) {
+							if(res.hasOwnProperty(key)) {
+								res[key][right] = parseInt(res[key][right],10) +2 ;
+							}
+						}
+					}
+					data[left] = maxright+1;
+					data[right] = maxright + 2;
+				}
+			}
+			if( parentid === null || $($t).jqGrid("isNodeLoaded",parentdata) || leaf ) {
+					$($t).jqGrid('addRowData', nodeid, data, method, rowind);
+					$($t).jqGrid('setTreeNode', i, len);
+			}
+			if(parentdata && !parentdata[expanded] && expandData) {
+				$($t.rows[prow])
+					.find("div.treeclick")
+					.click();
+			}
+		}
+		//});
+	}
+});
+})(jQuery);
+/*jshint eqeqeq:false, eqnull:true */
+/*global jQuery */
+// Grouping module
+(function($){
+"use strict";
+$.extend($.jgrid,{
+	template : function(format){ //jqgformat
+		var args = $.makeArray(arguments).slice(1), j, al = args.length;
+		if(format==null) { format = ""; }
+		return format.replace(/\{([\w\-]+)(?:\:([\w\.]*)(?:\((.*?)?\))?)?\}/g, function(m,i){
+			if(!isNaN(parseInt(i,10))) {
+				return args[parseInt(i,10)];
+			}
+			for(j=0; j < al;j++) {
+				if($.isArray(args[j])) {
+					var nmarr = args[ j ],
+					k = nmarr.length;
+					while(k--) {
+						if(i===nmarr[k].nm) {
+							return nmarr[k].v;
+						}
+					}
+				}
+			}
+		});
+	}
+});
+$.jgrid.extend({
+	groupingSetup : function () {
+		return this.each(function (){
+			var $t = this, i, j, cml, cm = $t.p.colModel, grp = $t.p.groupingView;
+			if(grp !== null && ( (typeof grp === 'object') || $.isFunction(grp) ) ) {
+				if(!grp.groupField.length) {
+					$t.p.grouping = false;
+				} else {
+					if (grp.visibiltyOnNextGrouping === undefined) {
+						grp.visibiltyOnNextGrouping = [];
+					}
+
+					grp.lastvalues=[];
+					if(!grp._locgr) {
+						grp.groups =[];
+					}
+					grp.counters =[];
+					for(i=0;i<grp.groupField.length;i++) {
+						if(!grp.groupOrder[i]) {
+							grp.groupOrder[i] = 'asc';
+						}
+						if(!grp.groupText[i]) {
+							grp.groupText[i] = '{0}';
+						}
+						if( typeof grp.groupColumnShow[i] !== 'boolean') {
+							grp.groupColumnShow[i] = true;
+						}
+						if( typeof grp.groupSummary[i] !== 'boolean') {
+							grp.groupSummary[i] = false;
+						}
+						if( !grp.groupSummaryPos[i]) {
+							grp.groupSummaryPos[i] = 'footer';
+						}
+						if(grp.groupColumnShow[i] === true) {
+							grp.visibiltyOnNextGrouping[i] = true;
+							$($t).jqGrid('showCol',grp.groupField[i]);
+						} else {
+							grp.visibiltyOnNextGrouping[i] = $("#"+$.jgrid.jqID($t.p.id+"_"+grp.groupField[i])).is(":visible");
+							$($t).jqGrid('hideCol',grp.groupField[i]);
+						}
+					}
+					grp.summary =[];
+					if(grp.hideFirstGroupCol) {
+						grp.formatDisplayField[0] = function (v) { return v;};
+					}
+					for(j=0, cml = cm.length; j < cml; j++) {
+						if(grp.hideFirstGroupCol) {
+							if(!cm[j].hidden && grp.groupField[0] === cm[j].name) {
+								cm[j].formatter = function(){return '';};
+							}
+						}
+						if(cm[j].summaryType ) {
+							if(cm[j].summaryDivider) {
+								grp.summary.push({nm:cm[j].name,st:cm[j].summaryType, v: '', sd:cm[j].summaryDivider, vd:'', sr: cm[j].summaryRound, srt: cm[j].summaryRoundType || 'round'});
+							} else {
+								grp.summary.push({nm:cm[j].name,st:cm[j].summaryType, v: '', sr: cm[j].summaryRound, srt: cm[j].summaryRoundType || 'round'});
+							}
+						}
+					}
+				}
+			} else {
+				$t.p.grouping = false;
+			}
+		});
+	},
+	groupingPrepare : function ( record, irow ) {
+		this.each(function(){
+			var grp = this.p.groupingView, $t= this, i,
+			grlen = grp.groupField.length, 
+			fieldName,
+			v,
+			displayName,
+			displayValue,
+			changed = 0;
+			for(i=0;i<grlen;i++) {
+				fieldName = grp.groupField[i];
+				displayName = grp.displayField[i];
+				v = record[fieldName];
+				displayValue = displayName == null ? null : record[displayName];
+
+				if( displayValue == null ) {
+					displayValue = v;
+				}
+				if( v !== undefined ) {
+					if(irow === 0 ) {
+						// First record always starts a new group
+						grp.groups.push({idx:i,dataIndex:fieldName,value:v, displayValue: displayValue, startRow: irow, cnt:1, summary : [] } );
+						grp.lastvalues[i] = v;
+						grp.counters[i] = {cnt:1, pos:grp.groups.length-1, summary: $.extend(true,[],grp.summary)};
+						$.each(grp.counters[i].summary,function() {
+							if ($.isFunction(this.st)) {
+								this.v = this.st.call($t, this.v, this.nm, record);
+							} else {
+								this.v = $($t).jqGrid('groupingCalculations.handler',this.st, this.v, this.nm, this.sr, this.srt, record);
+								if(this.st.toLowerCase() === 'avg' && this.sd) {
+									this.vd = $($t).jqGrid('groupingCalculations.handler',this.st, this.vd, this.sd, this.sr, this.srt, record);
+								}
+							}
+						});
+						grp.groups[grp.counters[i].pos].summary = grp.counters[i].summary;
+					} else {
+						if (typeof v !== "object" && ($.isArray(grp.isInTheSameGroup) && $.isFunction(grp.isInTheSameGroup[i]) ? ! grp.isInTheSameGroup[i].call($t, grp.lastvalues[i], v, i, grp): grp.lastvalues[i] !== v)) {
+							// This record is not in same group as previous one
+							grp.groups.push({idx:i,dataIndex:fieldName,value:v, displayValue: displayValue, startRow: irow, cnt:1, summary : [] } );
+							grp.lastvalues[i] = v;
+							changed = 1;
+							grp.counters[i] = {cnt:1, pos:grp.groups.length-1, summary: $.extend(true,[],grp.summary)};
+							$.each(grp.counters[i].summary,function() {
+								if ($.isFunction(this.st)) {
+									this.v = this.st.call($t, this.v, this.nm, record);
+								} else {
+									this.v = $($t).jqGrid('groupingCalculations.handler',this.st, this.v, this.nm, this.sr, this.srt, record);
+									if(this.st.toLowerCase() === 'avg' && this.sd) {
+										this.vd = $($t).jqGrid('groupingCalculations.handler',this.st, this.vd, this.sd, this.sr, this.srt, record);
+									}
+								}
+							});
+							grp.groups[grp.counters[i].pos].summary = grp.counters[i].summary;
+						} else {
+							if (changed === 1) {
+								// This group has changed because an earlier group changed.
+								grp.groups.push({idx:i,dataIndex:fieldName,value:v, displayValue: displayValue, startRow: irow, cnt:1, summary : [] } );
+								grp.lastvalues[i] = v;
+								grp.counters[i] = {cnt:1, pos:grp.groups.length-1, summary: $.extend(true,[],grp.summary)};
+								$.each(grp.counters[i].summary,function() {
+									if ($.isFunction(this.st)) {
+										this.v = this.st.call($t, this.v, this.nm, record);
+									} else {
+										this.v = $($t).jqGrid('groupingCalculations.handler',this.st, this.v, this.nm, this.sr, this.srt, record);
+										if(this.st.toLowerCase() === 'avg' && this.sd) {
+											this.vd = $($t).jqGrid('groupingCalculations.handler',this.st, this.vd, this.sd, this.sr, this.srt, record);
+										}
+									}
+								});
+								grp.groups[grp.counters[i].pos].summary = grp.counters[i].summary;
+							} else {
+								grp.counters[i].cnt += 1;
+								grp.groups[grp.counters[i].pos].cnt = grp.counters[i].cnt;
+								$.each(grp.counters[i].summary,function() {
+									if ($.isFunction(this.st)) {
+										this.v = this.st.call($t, this.v, this.nm, record);
+									} else {
+										this.v = $($t).jqGrid('groupingCalculations.handler',this.st, this.v, this.nm, this.sr, this.srt, record);
+										if(this.st.toLowerCase() === 'avg' && this.sd) {
+											this.vd = $($t).jqGrid('groupingCalculations.handler',this.st, this.vd, this.sd, this.sr, this.srt, record);
+										}
+									}
+								});
+								grp.groups[grp.counters[i].pos].summary = grp.counters[i].summary;
+							}
+						}
+					}
+				}
+			}
+			//gdata.push( rData );
+		});
+		return this;
+	},
+	groupingToggle : function(hid){
+		this.each(function(){
+			var $t = this,
+			grp = $t.p.groupingView,
+			strpos = hid.split('_'),
+			num = parseInt(strpos[strpos.length-2], 10);
+			strpos.splice(strpos.length-2,2);
+			var uid = strpos.join("_"),
+			minus = grp.minusicon,
+			plus = grp.plusicon,
+			tar = $("#"+$.jgrid.jqID(hid)),
+			r = tar.length ? tar[0].nextSibling : null,
+			tarspan = $("#"+$.jgrid.jqID(hid)+" span."+"tree-wrap-"+$t.p.direction),
+			getGroupingLevelFromClass = function (className) {
+				var nums = $.map(className.split(" "), function (item) {
+					if (item.substring(0, uid.length + 1) === uid + "_") {
+						return parseInt(item.substring(uid.length + 1), 10);
+					}
+				});
+				return nums.length > 0 ? nums[0] : undefined;
+			},
+			itemGroupingLevel,
+			showData,
+			collapsed = false,
+			frz = $t.p.frozenColumns ? $t.p.id+"_frozen" : false,
+			tar2 = frz ? $("#"+$.jgrid.jqID(hid), "#"+$.jgrid.jqID(frz) ) : false,
+			r2 = (tar2 && tar2.length) ? tar2[0].nextSibling : null;
+			if( tarspan.hasClass(minus) ) {
+				if(grp.showSummaryOnHide) {
+					if(r){
+						while(r) {
+							if($(r).hasClass('jqfoot') ) {
+								var lv = parseInt($(r).attr("jqfootlevel"),10);
+								if(  lv <= num) {
+									break;
+								}
+							}
+							$(r).hide();
+							r = r.nextSibling;
+							if(frz) {
+								$(r2).hide();
+								r2 = r2.nextSibling;
+							}
+						}
+					}
+				} else  {
+					if(r){
+						while(r) {
+							itemGroupingLevel = getGroupingLevelFromClass(r.className);
+							if (itemGroupingLevel !== undefined && itemGroupingLevel <= num) {
+								break;
+							}
+							$(r).hide();
+							r = r.nextSibling;
+							if(frz) {
+								$(r2).hide();
+								r2 = r2.nextSibling;
+							}
+						}
+					}
+				}
+				tarspan.removeClass(minus).addClass(plus);
+				collapsed = true;
+			} else {
+				if(r){
+					showData = undefined;
+					while(r) {
+						itemGroupingLevel = getGroupingLevelFromClass(r.className);
+						if (showData === undefined) {
+							showData = itemGroupingLevel === undefined; // if the first row after the opening group is data row then show the data rows
+						}
+						if (itemGroupingLevel !== undefined) {
+							if (itemGroupingLevel <= num) {
+								break;// next item of the same lever are found
+							}
+							if (itemGroupingLevel === num + 1) {
+								$(r).show().find(">td>span."+"tree-wrap-"+$t.p.direction).removeClass(minus).addClass(plus);
+								if(frz) {
+									$(r2).show().find(">td>span."+"tree-wrap-"+$t.p.direction).removeClass(minus).addClass(plus);
+								}
+							}
+						} else if (showData) {
+							$(r).show();
+							if(frz) {
+								$(r2).show();
+							}
+						}
+						r = r.nextSibling;
+						if(frz) {
+							r2 = r2.nextSibling;
+						}
+					}
+				}
+				tarspan.removeClass(plus).addClass(minus);
+			}
+			$($t).triggerHandler("jqGridGroupingClickGroup", [hid , collapsed]);
+			if( $.isFunction($t.p.onClickGroup)) { $t.p.onClickGroup.call($t, hid , collapsed); }
+
+		});
+		return false;
+	},
+	groupingRender : function (grdata, colspans, page, rn ) {
+		return this.each(function(){
+			var $t = this,
+			grp = $t.p.groupingView,
+			str = "", icon = "", hid, clid, pmrtl = grp.groupCollapse ? grp.plusicon : grp.minusicon, gv, cp=[], len =grp.groupField.length;
+			pmrtl += " tree-wrap-"+$t.p.direction; 
+			$.each($t.p.colModel, function (i,n){
+				var ii;
+				for(ii=0;ii<len;ii++) {
+					if(grp.groupField[ii] === n.name ) {
+						cp[ii] = i;
+						break;
+					}
+				}
+			});
+			var toEnd = 0;
+			function findGroupIdx( ind , offset, grp) {
+				var ret = false, i;
+				if(offset===0) {
+					ret = grp[ind];
+				} else {
+					var id = grp[ind].idx;
+					if(id===0) { 
+						ret = grp[ind]; 
+					}  else {
+						for(i=ind;i >= 0; i--) {
+							if(grp[i].idx === id-offset) {
+								ret = grp[i];
+								break;
+							}
+						}
+					}
+				}
+				return ret;
+			}
+			function buildSummaryTd(i, ik, grp, foffset) {
+				var fdata = findGroupIdx(i, ik, grp),
+				cm = $t.p.colModel,
+				vv, grlen = fdata.cnt, str="", k;
+				for(k=foffset; k<colspans;k++) {
+					var tmpdata = "<td "+$t.formatCol(k,1,'')+">&#160;</td>",
+					tplfld = "{0}";
+					$.each(fdata.summary,function(){
+						if(this.nm === cm[k].name) {
+							if(cm[k].summaryTpl)  {
+								tplfld = cm[k].summaryTpl;
+							}
+							if(typeof this.st === 'string' && this.st.toLowerCase() === 'avg') {
+								if(this.sd && this.vd) { 
+									this.v = (this.v/this.vd);
+								} else if(this.v && grlen > 0) {
+									this.v = (this.v/grlen);
+								}
+							}
+							try {
+								this.groupCount = fdata.cnt;
+								this.groupIndex = fdata.dataIndex;
+								this.groupValue = fdata.value;
+								vv = $t.formatter('', this.v, k, this);
+							} catch (ef) {
+								vv = this.v;
+							}
+							tmpdata= "<td "+$t.formatCol(k,1,'')+">"+$.jgrid.format(tplfld,vv)+ "</td>";
+							return false;
+						}
+					});
+					str += tmpdata;
+				}
+				return str;
+			}
+			var sumreverse = $.makeArray(grp.groupSummary);
+			sumreverse.reverse();
+			$.each(grp.groups,function(i,n){
+				if(grp._locgr) {
+					if( !(n.startRow +n.cnt > (page-1)*rn && n.startRow < page*rn)) {
+						return true;
+					}
+				}
+				toEnd++;
+				clid = $t.p.id+"ghead_"+n.idx;
+				hid = clid+"_"+i;
+				icon = "<span style='cursor:pointer;' class='ui-icon "+pmrtl+"' onclick=\"jQuery('#"+$.jgrid.jqID($t.p.id)+"').jqGrid('groupingToggle','"+hid+"');return false;\"></span>";
+				try {
+					if ($.isArray(grp.formatDisplayField) && $.isFunction(grp.formatDisplayField[n.idx])) {
+						n.displayValue = grp.formatDisplayField[n.idx].call($t, n.displayValue, n.value, $t.p.colModel[cp[n.idx]], n.idx, grp);
+						gv = n.displayValue;
+					} else {
+						gv = $t.formatter(hid, n.displayValue, cp[n.idx], n.value );
+					}
+				} catch (egv) {
+					gv = n.displayValue;
+				}
+				if(grp.groupSummaryPos[n.idx] === 'header')  {
+					str += "<tr id=\""+hid+"\"" +(grp.groupCollapse && n.idx>0 ? " style=\"display:none;\" " : " ") + "role=\"row\" class= \"ui-widget-content jqgroup ui-row-"+$t.p.direction+" "+clid+"\"><td style=\"padding-left:"+(n.idx * 12) + "px;"+"\">"+icon+$.jgrid.template(grp.groupText[n.idx], gv, n.cnt, n.summary)+"</td>";
+					str += buildSummaryTd(i, n.idx-1, grp.groups, 1);
+					str += "</tr>";
+				} else {
+					str += "<tr id=\""+hid+"\"" +(grp.groupCollapse && n.idx>0 ? " style=\"display:none;\" " : " ") + "role=\"row\" class= \"ui-widget-content jqgroup ui-row-"+$t.p.direction+" "+clid+"\"><td style=\"padding-left:"+(n.idx * 12) + "px;"+"\" colspan=\""+colspans+"\">"+icon+$.jgrid.template(grp.groupText[n.idx], gv, n.cnt, n.summary)+"</td></tr>";
+				}
+				var leaf = len-1 === n.idx; 
+				if( leaf ) {
+					var gg = grp.groups[i+1], kk, ik, offset = 0, sgr = n.startRow,
+					end = gg !== undefined ?  grp.groups[i+1].startRow : grdata.length;
+					if(grp._locgr) {
+						offset = (page-1)*rn;
+						if(offset > n.startRow) {
+							sgr = offset;
+						}
+					}
+					for(kk=sgr;kk<end;kk++) {
+						if(!grdata[kk - offset]) { break; }
+						str += grdata[kk - offset].join('');
+					}
+					if(grp.groupSummaryPos[n.idx] !== 'header') {
+						var jj;
+						if (gg !== undefined) {
+							for (jj = 0; jj < grp.groupField.length; jj++) {
+								if (gg.dataIndex === grp.groupField[jj]) {
+									break;
+								}
+							}
+							toEnd = grp.groupField.length - jj;
+						}
+						for (ik = 0; ik < toEnd; ik++) {
+							if(!sumreverse[ik]) { continue; }
+							var hhdr = "";
+							if(grp.groupCollapse && !grp.showSummaryOnHide) {
+								hhdr = " style=\"display:none;\"";
+							}
+							str += "<tr"+hhdr+" jqfootlevel=\""+(n.idx-ik)+"\" role=\"row\" class=\"ui-widget-content jqfoot ui-row-"+$t.p.direction+"\">";
+							str += buildSummaryTd(i, ik, grp.groups, 0);
+							str += "</tr>";
+						}
+						toEnd = jj;
+					}
+				}
+			});
+			$("#"+$.jgrid.jqID($t.p.id)+" tbody:first").append(str);
+			// free up memory
+			str = null;
+		});
+	},
+	groupingGroupBy : function (name, options ) {
+		return this.each(function(){
+			var $t = this;
+			if(typeof name === "string") {
+				name = [name];
+			}
+			var grp = $t.p.groupingView;
+			$t.p.grouping = true;
+
+			//Set default, in case visibilityOnNextGrouping is undefined 
+			if (grp.visibiltyOnNextGrouping === undefined) {
+				grp.visibiltyOnNextGrouping = [];
+			}
+			var i;
+			// show previous hidden groups if they are hidden and weren't removed yet
+			for(i=0;i<grp.groupField.length;i++) {
+				if(!grp.groupColumnShow[i] && grp.visibiltyOnNextGrouping[i]) {
+				$($t).jqGrid('showCol',grp.groupField[i]);
+				}
+			}
+			// set visibility status of current group columns on next grouping
+			for(i=0;i<name.length;i++) {
+				grp.visibiltyOnNextGrouping[i] = $("#"+$.jgrid.jqID($t.p.id)+"_"+$.jgrid.jqID(name[i])).is(":visible");
+			}
+			$t.p.groupingView = $.extend($t.p.groupingView, options || {});
+			grp.groupField = name;
+			$($t).trigger("reloadGrid");
+		});
+	},
+	groupingRemove : function (current) {
+		return this.each(function(){
+			var $t = this;
+			if(current === undefined) {
+				current = true;
+			}
+			$t.p.grouping = false;
+			if(current===true) {
+				var grp = $t.p.groupingView, i;
+				// show previous hidden groups if they are hidden and weren't removed yet
+				for(i=0;i<grp.groupField.length;i++) {
+				if (!grp.groupColumnShow[i] && grp.visibiltyOnNextGrouping[i]) {
+						$($t).jqGrid('showCol', grp.groupField);
+					}
+				}
+				$("tr.jqgroup, tr.jqfoot","#"+$.jgrid.jqID($t.p.id)+" tbody:first").remove();
+				$("tr.jqgrow:hidden","#"+$.jgrid.jqID($t.p.id)+" tbody:first").show();
+			} else {
+				$($t).trigger("reloadGrid");
+			}
+		});
+	},
+	groupingCalculations : {
+		handler: function(fn, v, field, round, roundType, rc) {
+			var funcs = {
+				sum: function() {
+					return parseFloat(v||0) + parseFloat((rc[field]||0));
+				},
+
+				min: function() {
+					if(v==="") {
+						return parseFloat(rc[field]||0);
+					}
+					return Math.min(parseFloat(v),parseFloat(rc[field]||0));
+				},
+
+				max: function() {
+					if(v==="") {
+						return parseFloat(rc[field]||0);
+					}
+					return Math.max(parseFloat(v),parseFloat(rc[field]||0));
+				},
+
+				count: function() {
+					if(v==="") {v=0;}
+					if(rc.hasOwnProperty(field)) {
+						return v+1;
+					}
+					return 0;
+				},
+
+				avg: function() {
+					// the same as sum, but at end we divide it
+					// so use sum instead of duplicating the code (?)
+					return funcs.sum();
+				}
+			};
+
+			if(!funcs[fn]) {
+				throw ("jqGrid Grouping No such method: " + fn);
+			}
+			var res = funcs[fn]();
+
+			if (round != null) {
+				if (roundType === 'fixed') {
+					res = res.toFixed(round);
+				} else {
+					var mul = Math.pow(10, round);
+					res = Math.round(res * mul) / mul;
+				}
+			}
+
+			return res;
+		}	
+	}
+});
+})(jQuery);
+/*jshint eqeqeq:false, eqnull:true, devel:true */
+/*global jQuery, xmlJsonClass */
+(function($){
+/*
+ * jqGrid extension for constructing Grid Data from external file
+ * Tony Tomov tony@trirand.com
+ * http://trirand.com/blog/ 
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl-2.0.html
+**/ 
+
+"use strict";
+    $.jgrid.extend({
+        jqGridImport : function(o) {
+            o = $.extend({
+                imptype : "xml", // xml, json, xmlstring, jsonstring
+                impstring: "",
+                impurl: "",
+                mtype: "GET",
+                impData : {},
+                xmlGrid :{
+                    config : "roots>grid",
+                    data: "roots>rows"
+                },
+                jsonGrid :{
+                    config : "grid",
+                    data: "data"
+                },
+                ajaxOptions :{}
+            }, o || {});
+            return this.each(function(){
+                var $t = this;
+                var xmlConvert = function (xml,o) {
+                    var cnfg = $(o.xmlGrid.config,xml)[0];
+                    var xmldata = $(o.xmlGrid.data,xml)[0], jstr, jstr1, key;
+                    if(xmlJsonClass.xml2json && $.jgrid.parse) {
+                        jstr = xmlJsonClass.xml2json(cnfg," ");
+                        jstr = $.jgrid.parse(jstr);
+                        for(key in jstr) {
+                            if(jstr.hasOwnProperty(key)) {
+                                jstr1=jstr[key];
+                            }
+                        }
+                        if(xmldata) {
+                        // save the datatype
+                            var svdatatype = jstr.grid.datatype;
+                            jstr.grid.datatype = 'xmlstring';
+                            jstr.grid.datastr = xml;
+                            $($t).jqGrid( jstr1 ).jqGrid("setGridParam",{datatype:svdatatype});
+                        } else {
+                            $($t).jqGrid( jstr1 );
+                        }
+                        jstr = null;jstr1=null;
+                    } else {
+                        alert("xml2json or parse are not present");
+                    }
+                };
+                var jsonConvert = function (jsonstr,o){
+                    if (jsonstr && typeof jsonstr === 'string') {
+						var _jsonparse = false;
+						if($.jgrid.useJSON) {
+							$.jgrid.useJSON = false;
+							_jsonparse = true;
+						}
+                        var json = $.jgrid.parse(jsonstr);
+						if(_jsonparse) { $.jgrid.useJSON = true; }
+                        var gprm = json[o.jsonGrid.config];
+                        var jdata = json[o.jsonGrid.data];
+                        if(jdata) {
+                            var svdatatype = gprm.datatype;
+                            gprm.datatype = 'jsonstring';
+                            gprm.datastr = jdata;
+                            $($t).jqGrid( gprm ).jqGrid("setGridParam",{datatype:svdatatype});
+                        } else {
+                            $($t).jqGrid( gprm );
+                        }
+                    }
+                };
+                switch (o.imptype){
+                    case 'xml':
+                        $.ajax($.extend({
+                            url:o.impurl,
+                            type:o.mtype,
+                            data: o.impData,
+                            dataType:"xml",
+                            complete: function(xml,stat) {
+                                if(stat === 'success') {
+                                    xmlConvert(xml.responseXML,o);
+                                    $($t).triggerHandler("jqGridImportComplete", [xml, o]);
+                                    if($.isFunction(o.importComplete)) {
+                                        o.importComplete(xml);
+                                    }
+                                }
+                                xml=null;
+                            }
+                        }, o.ajaxOptions));
+                        break;
+                    case 'xmlstring' :
+                        // we need to make just the conversion and use the same code as xml
+                        if(o.impstring && typeof o.impstring === 'string') {
+                            var xmld = $.parseXML(o.impstring);
+                            if(xmld) {
+                                xmlConvert(xmld,o);
+                                $($t).triggerHandler("jqGridImportComplete", [xmld, o]);
+                                if($.isFunction(o.importComplete)) {
+                                    o.importComplete(xmld);
+                                }
+                                o.impstring = null;
+                            }
+                            xmld = null;
+                        }
+                        break;
+                    case 'json':
+                        $.ajax($.extend({
+                            url:o.impurl,
+                            type:o.mtype,
+                            data: o.impData,
+                            dataType:"json",
+                            complete: function(json) {
+                                try {
+                                    jsonConvert(json.responseText,o );
+                                    $($t).triggerHandler("jqGridImportComplete", [json, o]);
+                                    if($.isFunction(o.importComplete)) {
+                                        o.importComplete(json);
+                                    }
+                                } catch (ee){}
+                                json=null;
+                            }
+                        }, o.ajaxOptions ));
+                        break;
+                    case 'jsonstring' :
+                        if(o.impstring && typeof o.impstring === 'string') {
+                            jsonConvert(o.impstring,o );
+                            $($t).triggerHandler("jqGridImportComplete", [o.impstring, o]);
+                            if($.isFunction(o.importComplete)) {
+                                o.importComplete(o.impstring);
+                            }
+                            o.impstring = null;
+                        }
+                        break;
+                }
+            });
+        },
+        jqGridExport : function(o) {
+            o = $.extend({
+                exptype : "xmlstring",
+                root: "grid",
+                ident: "\t"
+            }, o || {});
+            var ret = null;
+            this.each(function () {
+                if(!this.grid) { return;}
+                var key, gprm = $.extend(true, {},$(this).jqGrid("getGridParam"));
+                // we need to check for:
+                // 1.multiselect, 2.subgrid  3. treegrid and remove the unneded columns from colNames
+                if(gprm.rownumbers) {
+                    gprm.colNames.splice(0,1);
+                    gprm.colModel.splice(0,1);
+                }
+                if(gprm.multiselect) {
+                    gprm.colNames.splice(0,1);
+                    gprm.colModel.splice(0,1);
+                }
+                if(gprm.subGrid) {
+                    gprm.colNames.splice(0,1);
+                    gprm.colModel.splice(0,1);
+                }
+                gprm.knv = null;
+                if(gprm.treeGrid) {
+                    for (key in gprm.treeReader) {
+                        if(gprm.treeReader.hasOwnProperty(key)) {
+                            gprm.colNames.splice(gprm.colNames.length-1);
+                            gprm.colModel.splice(gprm.colModel.length-1);
+                        }
+                    }
+                }
+                switch (o.exptype) {
+                    case 'xmlstring' :
+                        ret = "<"+o.root+">"+xmlJsonClass.json2xml(gprm,o.ident)+"</"+o.root+">";
+                        break;
+                    case 'jsonstring' :
+                        ret = "{"+ xmlJsonClass.toJson(gprm,o.root,o.ident,false)+"}";
+                        if(gprm.postData.filters !== undefined) {
+                            ret=ret.replace(/filters":"/,'filters":');
+                            ret=ret.replace(/}]}"/,'}]}');
+                        }
+                        break;
+                }
+            });
+            return ret;
+        },
+        excelExport : function(o) {
+            o = $.extend({
+                exptype : "remote",
+                url : null,
+                oper: "oper",
+                tag: "excel",
+                exportOptions : {}
+            }, o || {});
+            return this.each(function(){
+                if(!this.grid) { return;}
+                var url;
+                if(o.exptype === "remote") {
+                    var pdata = $.extend({},this.p.postData);
+                    pdata[o.oper] = o.tag;
+                    var params = jQuery.param(pdata);
+                    if(o.url.indexOf("?") !== -1) { url = o.url+"&"+params; }
+                    else { url = o.url+"?"+params; }
+                    window.location = url;
+                }
+            });
+        }
+    });
+})(jQuery);
+/*jshint evil:true, eqeqeq:false, eqnull:true, devel:true */
+/*global jQuery */
+(function($){
+/*
+**
+ * jqGrid addons using jQuery UI 
+ * Author: Mark Williams
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl-2.0.html
+ * depends on jQuery UI 
+**/
+"use strict";
+if ($.jgrid.msie && $.jgrid.msiever()===8) {
+	$.expr[":"].hidden = function(elem) {
+		return elem.offsetWidth === 0 || elem.offsetHeight === 0 ||
+			elem.style.display === "none";
+	};
+}
+// requiere load multiselect before grid
+$.jgrid._multiselect = false;
+if($.ui) {
+	if ($.ui.multiselect ) {
+		if($.ui.multiselect.prototype._setSelected) {
+			var setSelected = $.ui.multiselect.prototype._setSelected;
+			$.ui.multiselect.prototype._setSelected = function(item,selected) {
+				var ret = setSelected.call(this,item,selected);
+				if (selected && this.selectedList) {
+					var elt = this.element;
+					this.selectedList.find('li').each(function() {
+						if ($(this).data('optionLink')) {
+							$(this).data('optionLink').remove().appendTo(elt);
+						}
+					});
+				}
+				return ret;
+			};
+		}
+		if($.ui.multiselect.prototype.destroy) {
+			$.ui.multiselect.prototype.destroy = function() {
+				this.element.show();
+				this.container.remove();
+				if ($.Widget === undefined) {
+					$.widget.prototype.destroy.apply(this, arguments);
+				} else {
+					$.Widget.prototype.destroy.apply(this, arguments);
+				}
+			};
+		}
+		$.jgrid._multiselect = true;
+	}
+}
+        
+$.jgrid.extend({
+	sortableColumns : function (tblrow)
+	{
+		return this.each(function (){
+			var ts = this, tid= $.jgrid.jqID( ts.p.id );
+			function start() {ts.p.disableClick = true;}
+			var sortable_opts = {
+				"tolerance" : "pointer",
+				"axis" : "x",
+				"scrollSensitivity": "1",
+				"items": '>th:not(:has(#jqgh_'+tid+'_cb'+',#jqgh_'+tid+'_rn'+',#jqgh_'+tid+'_subgrid),:hidden)',
+				"placeholder": {
+					element: function(item) {
+						var el = $(document.createElement(item[0].nodeName))
+						.addClass(item[0].className+" ui-sortable-placeholder ui-state-highlight")
+						.removeClass("ui-sortable-helper")[0];
+						return el;
+					},
+					update: function(self, p) {
+						p.height(self.currentItem.innerHeight() - parseInt(self.currentItem.css('paddingTop')||0, 10) - parseInt(self.currentItem.css('paddingBottom')||0, 10));
+						p.width(self.currentItem.innerWidth() - parseInt(self.currentItem.css('paddingLeft')||0, 10) - parseInt(self.currentItem.css('paddingRight')||0, 10));
+					}
+				},
+				"update": function(event, ui) {
+					var p = $(ui.item).parent(),
+					th = $(">th", p),
+					colModel = ts.p.colModel,
+					cmMap = {}, tid= ts.p.id+"_";
+					$.each(colModel, function(i) { cmMap[this.name]=i; });
+					var permutation = [];
+					th.each(function() {
+						var id = $(">div", this).get(0).id.replace(/^jqgh_/, "").replace(tid,"");
+							if (cmMap.hasOwnProperty(id)) {
+								permutation.push(cmMap[id]);
+							}
+					});
+	
+					$(ts).jqGrid("remapColumns",permutation, true, true);
+					if ($.isFunction(ts.p.sortable.update)) {
+						ts.p.sortable.update(permutation);
+					}
+					setTimeout(function(){ts.p.disableClick=false;}, 50);
+				}
+			};
+			if (ts.p.sortable.options) {
+				$.extend(sortable_opts, ts.p.sortable.options);
+			} else if ($.isFunction(ts.p.sortable)) {
+				ts.p.sortable = { "update" : ts.p.sortable };
+			}
+			if (sortable_opts.start) {
+				var s = sortable_opts.start;
+				sortable_opts.start = function(e,ui) {
+					start();
+					s.call(this,e,ui);
+				};
+			} else {
+				sortable_opts.start = start;
+			}
+			if (ts.p.sortable.exclude) {
+				sortable_opts.items += ":not("+ts.p.sortable.exclude+")";
+			}
+			tblrow.sortable(sortable_opts).data("sortable").floating = true;
+		});
+	},
+    columnChooser : function(opts) {
+        var self = this;
+		if($("#colchooser_"+$.jgrid.jqID(self[0].p.id)).length ) { return; }
+        var selector = $('<div id="colchooser_'+self[0].p.id+'" style="position:relative;overflow:hidden"><div><select multiple="multiple"></select></div></div>');
+        var select = $('select', selector);
+		
+		function insert(perm,i,v) {
+			if(i>=0){
+				var a = perm.slice();
+				var b = a.splice(i,Math.max(perm.length-i,i));
+				if(i>perm.length) { i = perm.length; }
+				a[i] = v;
+				return a.concat(b);
+			}
+		}
+        opts = $.extend({
+            "width" : 420,
+            "height" : 240,
+            "classname" : null,
+            "done" : function(perm) { if (perm) { self.jqGrid("remapColumns", perm, true); } },
+            /* msel is either the name of a ui widget class that
+               extends a multiselect, or a function that supports
+               creating a multiselect object (with no argument,
+               or when passed an object), and destroying it (when
+               passed the string "destroy"). */
+            "msel" : "multiselect",
+            /* "msel_opts" : {}, */
+
+            /* dlog is either the name of a ui widget class that 
+               behaves in a dialog-like way, or a function, that
+               supports creating a dialog (when passed dlog_opts)
+               or destroying a dialog (when passed the string
+               "destroy")
+               */
+            "dlog" : "dialog",
+			"dialog_opts" : {
+				"minWidth": 470
+			},
+            /* dlog_opts is either an option object to be passed 
+               to "dlog", or (more likely) a function that creates
+               the options object.
+               The default produces a suitable options object for
+               ui.dialog */
+            "dlog_opts" : function(opts) {
+                var buttons = {};
+                buttons[opts.bSubmit] = function() {
+                    opts.apply_perm();
+                    opts.cleanup(false);
+                };
+                buttons[opts.bCancel] = function() {
+                    opts.cleanup(true);
+                };
+                return $.extend(true, {
+                    "buttons": buttons,
+                    "close": function() {
+                        opts.cleanup(true);
+                    },
+					"modal" : opts.modal || false,
+					"resizable": opts.resizable || true,
+                    "width": opts.width+20
+                }, opts.dialog_opts || {});
+            },
+            /* Function to get the permutation array, and pass it to the
+               "done" function */
+            "apply_perm" : function() {
+                $('option',select).each(function() {
+                    if (this.selected) {
+                        self.jqGrid("showCol", colModel[this.value].name);
+                    } else {
+                        self.jqGrid("hideCol", colModel[this.value].name);
+                    }
+                });
+                
+                var perm = [];
+				//fixedCols.slice(0);
+                $('option:selected',select).each(function() { perm.push(parseInt(this.value,10)); });
+                $.each(perm, function() { delete colMap[colModel[parseInt(this,10)].name]; });
+                $.each(colMap, function() {
+					var ti = parseInt(this,10);
+					perm = insert(perm,ti,ti);
+				});
+                if (opts.done) {
+                    opts.done.call(self, perm);
+                }
+            },
+            /* Function to cleanup the dialog, and select. Also calls the
+               done function with no permutation (to indicate that the
+               columnChooser was aborted */
+            "cleanup" : function(calldone) {
+                call(opts.dlog, selector, 'destroy');
+                call(opts.msel, select, 'destroy');
+                selector.remove();
+                if (calldone && opts.done) {
+                    opts.done.call(self);
+                }
+            },
+			"msel_opts" : {}
+        }, $.jgrid.col, opts || {});
+		if($.ui) {
+			if ($.ui.multiselect ) {
+				if(opts.msel === "multiselect") {
+					if(!$.jgrid._multiselect) {
+						// should be in language file
+						alert("Multiselect plugin loaded after jqGrid. Please load the plugin before the jqGrid!");
+						return;
+					}
+					opts.msel_opts = $.extend($.ui.multiselect.defaults,opts.msel_opts);
+				}
+			}
+		}
+        if (opts.caption) {
+            selector.attr("title", opts.caption);
+        }
+        if (opts.classname) {
+            selector.addClass(opts.classname);
+            select.addClass(opts.classname);
+        }
+        if (opts.width) {
+            $(">div",selector).css({"width": opts.width,"margin":"0 auto"});
+            select.css("width", opts.width);
+        }
+        if (opts.height) {
+            $(">div",selector).css("height", opts.height);
+            select.css("height", opts.height - 10);
+        }
+        var colModel = self.jqGrid("getGridParam", "colModel");
+        var colNames = self.jqGrid("getGridParam", "colNames");
+        var colMap = {}, fixedCols = [];
+
+        select.empty();
+        $.each(colModel, function(i) {
+            colMap[this.name] = i;
+            if (this.hidedlg) {
+                if (!this.hidden) {
+                    fixedCols.push(i);
+                }
+                return;
+            }
+
+            select.append("<option value='"+i+"' "+
+                          (this.hidden?"":"selected='selected'")+">"+$.jgrid.stripHtml(colNames[i])+"</option>");
+        });
+        function call(fn, obj) {
+            if (!fn) { return; }
+            if (typeof fn === 'string') {
+                if ($.fn[fn]) {
+                    $.fn[fn].apply(obj, $.makeArray(arguments).slice(2));
+                }
+            } else if ($.isFunction(fn)) {
+                fn.apply(obj, $.makeArray(arguments).slice(2));
+            }
+        }
+
+        var dopts = $.isFunction(opts.dlog_opts) ? opts.dlog_opts.call(self, opts) : opts.dlog_opts;
+        call(opts.dlog, selector, dopts);
+        var mopts = $.isFunction(opts.msel_opts) ? opts.msel_opts.call(self, opts) : opts.msel_opts;
+        call(opts.msel, select, mopts);
+    },
+	sortableRows : function (opts) {
+		// Can accept all sortable options and events
+		return this.each(function(){
+			var $t = this;
+			if(!$t.grid) { return; }
+			// Currently we disable a treeGrid sortable
+			if($t.p.treeGrid) { return; }
+			if($.fn.sortable) {
+				opts = $.extend({
+					"cursor":"move",
+					"axis" : "y",
+					"items": ".jqgrow"
+					},
+				opts || {});
+				if(opts.start && $.isFunction(opts.start)) {
+					opts._start_ = opts.start;
+					delete opts.start;
+				} else {opts._start_=false;}
+				if(opts.update && $.isFunction(opts.update)) {
+					opts._update_ = opts.update;
+					delete opts.update;
+				} else {opts._update_ = false;}
+				opts.start = function(ev,ui) {
+					$(ui.item).css("border-width","0");
+					$("td",ui.item).each(function(i){
+						this.style.width = $t.grid.cols[i].style.width;
+					});
+					if($t.p.subGrid) {
+						var subgid = $(ui.item).attr("id");
+						try {
+							$($t).jqGrid('collapseSubGridRow',subgid);
+						} catch (e) {}
+					}
+					if(opts._start_) {
+						opts._start_.apply(this,[ev,ui]);
+					}
+				};
+				opts.update = function (ev,ui) {
+					$(ui.item).css("border-width","");
+					if($t.p.rownumbers === true) {
+						$("td.jqgrid-rownum",$t.rows).each(function( i ){
+							$(this).html( i+1+(parseInt($t.p.page,10)-1)*parseInt($t.p.rowNum,10) );
+						});
+					}
+					if(opts._update_) {
+						opts._update_.apply(this,[ev,ui]);
+					}
+				};
+				$("tbody:first",$t).sortable(opts);
+				$("tbody:first",$t).disableSelection();
+			}
+		});
+	},
+	gridDnD : function(opts) {
+		return this.each(function(){
+		var $t = this, i, cn;
+		if(!$t.grid) { return; }
+		// Currently we disable a treeGrid drag and drop
+		if($t.p.treeGrid) { return; }
+		if(!$.fn.draggable || !$.fn.droppable) { return; }
+		function updateDnD ()
+		{
+			var datadnd = $.data($t,"dnd");
+			$("tr.jqgrow:not(.ui-draggable)",$t).draggable($.isFunction(datadnd.drag) ? datadnd.drag.call($($t),datadnd) : datadnd.drag);
+		}
+		var appender = "<table id='jqgrid_dnd' class='ui-jqgrid-dnd'></table>";
+		if($("#jqgrid_dnd")[0] === undefined) {
+			$('body').append(appender);
+		}
+
+		if(typeof opts === 'string' && opts === 'updateDnD' && $t.p.jqgdnd===true) {
+			updateDnD();
+			return;
+		}
+		opts = $.extend({
+			"drag" : function (opts) {
+				return $.extend({
+					start : function (ev, ui) {
+						var i, subgid;
+						// if we are in subgrid mode try to collapse the node
+						if($t.p.subGrid) {
+							subgid = $(ui.helper).attr("id");
+							try {
+								$($t).jqGrid('collapseSubGridRow',subgid);
+							} catch (e) {}
+						}
+						// hack
+						// drag and drop does not insert tr in table, when the table has no rows
+						// we try to insert new empty row on the target(s)
+						for (i=0;i<$.data($t,"dnd").connectWith.length;i++){
+							if($($.data($t,"dnd").connectWith[i]).jqGrid('getGridParam','reccount') === 0 ){
+								$($.data($t,"dnd").connectWith[i]).jqGrid('addRowData','jqg_empty_row',{});
+							}
+						}
+						ui.helper.addClass("ui-state-highlight");
+						$("td",ui.helper).each(function(i) {
+							this.style.width = $t.grid.headers[i].width+"px";
+						});
+						if(opts.onstart && $.isFunction(opts.onstart) ) { opts.onstart.call($($t),ev,ui); }
+					},
+					stop :function(ev,ui) {
+						var i, ids;
+						if(ui.helper.dropped && !opts.dragcopy) {
+							ids = $(ui.helper).attr("id");
+							if(ids === undefined) { ids = $(this).attr("id"); }
+							$($t).jqGrid('delRowData',ids );
+						}
+						// if we have a empty row inserted from start event try to delete it
+						for (i=0;i<$.data($t,"dnd").connectWith.length;i++){
+							$($.data($t,"dnd").connectWith[i]).jqGrid('delRowData','jqg_empty_row');
+						}
+						if(opts.onstop && $.isFunction(opts.onstop) ) { opts.onstop.call($($t),ev,ui); }
+					}
+				},opts.drag_opts || {});
+			},
+			"drop" : function (opts) {
+				return $.extend({
+					accept: function(d) {
+						if (!$(d).hasClass('jqgrow')) { return d;}
+						var tid = $(d).closest("table.ui-jqgrid-btable");
+						if(tid.length > 0 && $.data(tid[0],"dnd") !== undefined) {
+							var cn = $.data(tid[0],"dnd").connectWith;
+							return $.inArray('#'+$.jgrid.jqID(this.id),cn) !== -1 ? true : false;
+						}
+						return false;
+					},
+					drop: function(ev, ui) {
+						if (!$(ui.draggable).hasClass('jqgrow')) { return; }
+						var accept = $(ui.draggable).attr("id");
+						var getdata = ui.draggable.parent().parent().jqGrid('getRowData',accept);
+						if(!opts.dropbyname) {
+							var j =0, tmpdata = {}, nm, key;
+							var dropmodel = $("#"+$.jgrid.jqID(this.id)).jqGrid('getGridParam','colModel');
+							try {
+								for (key in getdata) {
+									if (getdata.hasOwnProperty(key)) {
+									nm = dropmodel[j].name;
+									if( !(nm === 'cb' || nm === 'rn' || nm === 'subgrid' )) {
+										if(getdata.hasOwnProperty(key) && dropmodel[j]) {
+											tmpdata[nm] = getdata[key];
+										}
+									}
+									j++;
+								}
+								}
+								getdata = tmpdata;
+							} catch (e) {}
+						}
+						ui.helper.dropped = true;
+						if(opts.beforedrop && $.isFunction(opts.beforedrop) ) {
+							//parameters to this callback - event, element, data to be inserted, sender, reciever
+							// should return object which will be inserted into the reciever
+							var datatoinsert = opts.beforedrop.call(this,ev,ui,getdata,$('#'+$.jgrid.jqID($t.p.id)),$(this));
+							if (datatoinsert !== undefined && datatoinsert !== null && typeof datatoinsert === "object") { getdata = datatoinsert; }
+						}
+						if(ui.helper.dropped) {
+							var grid;
+							if(opts.autoid) {
+								if($.isFunction(opts.autoid)) {
+									grid = opts.autoid.call(this,getdata);
+								} else {
+									grid = Math.ceil(Math.random()*1000);
+									grid = opts.autoidprefix+grid;
+								}
+							}
+							// NULL is interpreted as undefined while null as object
+							$("#"+$.jgrid.jqID(this.id)).jqGrid('addRowData',grid,getdata,opts.droppos);
+						}
+						if(opts.ondrop && $.isFunction(opts.ondrop) ) { opts.ondrop.call(this,ev,ui, getdata); }
+					}}, opts.drop_opts || {});
+			},
+			"onstart" : null,
+			"onstop" : null,
+			"beforedrop": null,
+			"ondrop" : null,
+			"drop_opts" : {
+				"activeClass": "ui-state-active",
+				"hoverClass": "ui-state-hover"
+			},
+			"drag_opts" : {
+				"revert": "invalid",
+				"helper": "clone",
+				"cursor": "move",
+				"appendTo" : "#jqgrid_dnd",
+				"zIndex": 5000
+			},
+			"dragcopy": false,
+			"dropbyname" : false,
+			"droppos" : "first",
+			"autoid" : true,
+			"autoidprefix" : "dnd_"
+		}, opts || {});
+		
+		if(!opts.connectWith) { return; }
+		opts.connectWith = opts.connectWith.split(",");
+		opts.connectWith = $.map(opts.connectWith,function(n){return $.trim(n);});
+		$.data($t,"dnd",opts);
+		
+		if($t.p.reccount !== 0 && !$t.p.jqgdnd) {
+			updateDnD();
+		}
+		$t.p.jqgdnd = true;
+		for (i=0;i<opts.connectWith.length;i++){
+			cn =opts.connectWith[i];
+			$(cn).droppable($.isFunction(opts.drop) ? opts.drop.call($($t),opts) : opts.drop);
+		}
+		});
+	},
+	gridResize : function(opts) {
+		return this.each(function(){
+			var $t = this, gID = $.jgrid.jqID($t.p.id);
+			if(!$t.grid || !$.fn.resizable) { return; }
+			opts = $.extend({}, opts || {});
+			if(opts.alsoResize ) {
+				opts._alsoResize_ = opts.alsoResize;
+				delete opts.alsoResize;
+			} else {
+				opts._alsoResize_ = false;
+			}
+			if(opts.stop && $.isFunction(opts.stop)) {
+				opts._stop_ = opts.stop;
+				delete opts.stop;
+			} else {
+				opts._stop_ = false;
+			}
+			opts.stop = function (ev, ui) {
+				$($t).jqGrid('setGridParam',{height:$("#gview_"+gID+" .ui-jqgrid-bdiv").height()});
+				$($t).jqGrid('setGridWidth',ui.size.width,opts.shrinkToFit);
+				if(opts._stop_) { opts._stop_.call($t,ev,ui); }
+			};
+			if(opts._alsoResize_) {
+				var optstest = "{\'#gview_"+gID+" .ui-jqgrid-bdiv\':true,'" +opts._alsoResize_+"':true}";
+				opts.alsoResize = eval('('+optstest+')'); // the only way that I found to do this
+			} else {
+				opts.alsoResize = $(".ui-jqgrid-bdiv","#gview_"+gID);
+			}
+			delete opts._alsoResize_;
+			$("#gbox_"+gID).resizable(opts);
+		});
+	}
+});
+})(jQuery);
+/*
+ Transform a table to a jqGrid.
+ Peter Romianowski <peter.romianowski@optivo.de> 
+ If the first column of the table contains checkboxes or
+ radiobuttons then the jqGrid is made selectable.
+*/
+// Addition - selector can be a class or id
+function tableToGrid(selector, options) {
+jQuery(selector).each(function() {
+	if(this.grid) {return;} //Adedd from Tony Tomov
+	// This is a small "hack" to make the width of the jqGrid 100%
+	jQuery(this).width("99%");
+	var w = jQuery(this).width();
+
+	// Text whether we have single or multi select
+	var inputCheckbox = jQuery('tr td:first-child input[type=checkbox]:first', jQuery(this));
+	var inputRadio = jQuery('tr td:first-child input[type=radio]:first', jQuery(this));
+	var selectMultiple = inputCheckbox.length > 0;
+	var selectSingle = !selectMultiple && inputRadio.length > 0;
+	var selectable = selectMultiple || selectSingle;
+	//var inputName = inputCheckbox.attr("name") || inputRadio.attr("name");
+
+	// Build up the columnModel and the data
+	var colModel = [];
+	var colNames = [];
+	jQuery('th', jQuery(this)).each(function() {
+		if (colModel.length === 0 && selectable) {
+			colModel.push({
+				name: '__selection__',
+				index: '__selection__',
+				width: 0,
+				hidden: true
+			});
+			colNames.push('__selection__');
+		} else {
+			colModel.push({
+				name: jQuery(this).attr("id") || jQuery.trim(jQuery.jgrid.stripHtml(jQuery(this).html())).split(' ').join('_'),
+				index: jQuery(this).attr("id") || jQuery.trim(jQuery.jgrid.stripHtml(jQuery(this).html())).split(' ').join('_'),
+				width: jQuery(this).width() || 150
+			});
+			colNames.push(jQuery(this).html());
+		}
+	});
+	var data = [];
+	var rowIds = [];
+	var rowChecked = [];
+	jQuery('tbody > tr', jQuery(this)).each(function() {
+		var row = {};
+		var rowPos = 0;
+		jQuery('td', jQuery(this)).each(function() {
+			if (rowPos === 0 && selectable) {
+				var input = jQuery('input', jQuery(this));
+				var rowId = input.attr("value");
+				rowIds.push(rowId || data.length);
+				if (input.is(":checked")) {
+					rowChecked.push(rowId);
+				}
+				row[colModel[rowPos].name] = input.attr("value");
+			} else {
+				row[colModel[rowPos].name] = jQuery(this).html();
+			}
+			rowPos++;
+		});
+		if(rowPos >0) { data.push(row); }
+	});
+
+	// Clear the original HTML table
+	jQuery(this).empty();
+
+	// Mark it as jqGrid
+	jQuery(this).addClass("scroll");
+
+	jQuery(this).jqGrid(jQuery.extend({
+		datatype: "local",
+		width: w,
+		colNames: colNames,
+		colModel: colModel,
+		multiselect: selectMultiple
+		//inputName: inputName,
+		//inputValueCol: imputName != null ? "__selection__" : null
+	}, options || {}));
+
+	// Add data
+	var a;
+	for (a = 0; a < data.length; a++) {
+		var id = null;
+		if (rowIds.length > 0) {
+			id = rowIds[a];
+			if (id && id.replace) {
+				// We have to do this since the value of a checkbox
+				// or radio button can be anything 
+				id = encodeURIComponent(id).replace(/[.\-%]/g, "_");
+			}
+		}
+		if (id === null) {
+			id = a + 1;
+		}
+		jQuery(this).jqGrid("addRowData",id, data[a]);
+	}
+
+	// Set the selection
+	for (a = 0; a < rowChecked.length; a++) {
+		jQuery(this).jqGrid("setSelection",rowChecked[a]);
+	}
+});
+};
+/*jshint eqeqeq:false */
+/*global jQuery */
+(function($){
+/**
+ * jqGrid pivot functions
+ * Tony Tomov tony@trirand.com
+ * http://trirand.com/blog/
+ * Dual licensed under the MIT and GPL licenses:
+ * http://www.opensource.org/licenses/mit-license.php
+ * http://www.gnu.org/licenses/gpl-2.0.html
+*/
+"use strict";
+// To optimize the search we need custom array filter
+// This code is taken from
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/filter
+
+function _pivotfilter (fn, context) {
+	var i,
+		value,
+		result = [],
+		length;
+
+	if (!this || typeof fn !== 'function' || (fn instanceof RegExp)) {
+		throw new TypeError();
+	}
+
+	length = this.length;
+
+	for (i = 0; i < length; i++) {
+		if (this.hasOwnProperty(i)) {
+			value = this[i];
+			if (fn.call(context, value, i, this)) {
+				result.push(value);
+				// We need break in order to cancel loop 
+				// in case the row is found
+				break;
+			}
+		}
+	}
+	return result;
+}
+$.assocArraySize = function(obj) {
+    // http://stackoverflow.com/a/6700/11236
+    var size = 0, key;
+    for (key in obj) {
+        if (obj.hasOwnProperty(key)) {
+        	size++;
+        }
+    }
+    return size;
+};
+
+$.jgrid.extend({
+	pivotSetup : function( data, options ){
+		// data should come in json format
+		// The function return the new colModel and the transformed data
+		// again with group setup options which then will be passed to the grid
+		var columns =[],
+		pivotrows =[],
+		summaries = [],
+		member=[],
+		groupOptions = {
+			grouping : true,
+			groupingView :  {
+				groupField : [],
+				groupSummary: [],
+				groupSummaryPos:[]
+			}
+		},
+		headers = [],
+		o = $.extend ( {
+			rowTotals : false,
+			rowTotalsText : 'Total',
+			// summary columns
+			colTotals : false,
+			groupSummary : true,
+			groupSummaryPos :  'header',
+			frozenStaticCols : false
+		}, options || {});
+		this.each(function(){
+
+			var 
+				row,
+				rowindex,
+				i,
+				
+				rowlen = data.length,
+				xlen, ylen, aggrlen,
+				tmp,
+				newObj,
+				r=0;
+			// utility funcs
+			/* 
+			 * Filter the data to a given criteria. Return the firt occurance
+			 */
+			function find(ar, fun, extra) {
+				var res;
+				res = _pivotfilter.call(ar, fun, extra);
+				return res.length > 0 ? res[0] : null;
+			}
+			/*
+			 * Check if the grouped row column exist (See find)
+			 * If the row is not find in pivot rows retun null,
+			 * otherviese the column
+			 */
+			function findGroup(item, index) {
+				var j = 0, ret = true, i;
+				for(i in item) {
+					if(item[i] != this[j]) {
+						ret =  false;
+						break;
+					}
+					j++;
+					if(j>=this.length) {
+						break;
+					}
+				}
+				if(ret) {
+					rowindex =  index;
+				}
+				return ret;
+			}
+			/*
+			 * Perform calculations of the pivot values.
+			 */
+			function calculation(oper, v, field, rc)  {
+				var ret;
+				switch (oper) {
+					case  "sum" : 
+						ret = parseFloat(v||0) + parseFloat((rc[field]||0));
+						break;
+					case "count" :
+						if(v==="" || v == null) {
+							v=0;
+						}
+						if(rc.hasOwnProperty(field)) {
+							ret = v+1;
+						} else {
+							ret = 0;
+						}
+						break;
+					case "min" : 
+						if(v==="" || v == null) {
+							ret = parseFloat(rc[field]||0);
+						} else {
+							ret =Math.min(parseFloat(v),parseFloat(rc[field]||0));
+						}
+						break;
+					case "max" : 
+						if(v==="" || v == null) {
+							ret = parseFloat(rc[field]||0);
+						} else {
+							ret = Math.max(parseFloat(v),parseFloat(rc[field]||0));
+						}
+						break;
+				}
+				return ret;
+			}
+			/*
+			 * The function agragates the values of the pivot grid.
+			 * Return the current row with pivot summary values
+			 */
+			function agregateFunc ( row, aggr, value, curr) {
+				// default is sum
+				var arrln = aggr.length, i, label, j, jv;
+				if($.isArray(value)) {
+					jv = value.length;
+				} else {
+					jv = 1;
+				}
+				member = [];
+				member.root = 0;
+				for(j=0;j<jv;j++) {
+					var  tmpmember = [], vl;
+					for(i=0; i < arrln; i++) {
+						if(value == null) {
+							label = $.trim(aggr[i].member)+"_"+aggr[i].aggregator;
+							vl = label;
+						} else {
+							vl = value[j].replace(/\s+/g, '');
+							try {
+								label = (arrln === 1 ? vl : vl+"_"+aggr[i].aggregator+"_"+i);
+							} catch(e) {}
+						}
+						curr[label] =  tmpmember[label] = calculation( aggr[i].aggregator, curr[label], aggr[i].member, row);
+					}
+					member[vl] = tmpmember;
+				}
+				return curr;
+			}
+			// Making the row totals without to add in yDimension
+			if(o.rowTotals && o.yDimension.length > 0) {
+				var dn = o.yDimension[0].dataName;
+				o.yDimension.splice(0,0,{dataName:dn});
+				o.yDimension[0].converter =  function(){ return '_r_Totals'; };
+			}
+			// build initial columns (colModel) from xDimension
+			xlen = $.isArray(o.xDimension) ? o.xDimension.length : 0;
+			ylen = o.yDimension.length;
+			aggrlen  = $.isArray(o.aggregates) ? o.aggregates.length : 0;
+			if(xlen === 0 || aggrlen === 0) {
+				throw("xDimension or aggregates optiona are not set!");
+			}
+			var colc;
+			for(i = 0; i< xlen; i++) {
+				colc = {name:o.xDimension[i].dataName, frozen: o.frozenStaticCols};
+				colc = $.extend(true, colc, o.xDimension[i]);
+				columns.push( colc );
+			}
+			var groupfields = xlen - 1, tree={};
+			//tree = { text: 'root', leaf: false, children: [] };
+			//loop over alll the source data
+			while( r < rowlen ) {
+				row = data[r];
+				var xValue = [];
+				var yValue = []; 
+				tmp = {};
+				i = 0;
+				// build the data from xDimension
+				do {
+					xValue[i]  = $.trim(row[o.xDimension[i].dataName]);
+					tmp[o.xDimension[i].dataName] = xValue[i];
+					i++;
+				} while( i < xlen );
+				
+				var k = 0;
+				rowindex = -1;
+				// check to see if the row is in our new pivotrow set
+				newObj = find(pivotrows, findGroup, xValue);
+				if(!newObj) {
+					// if the row is not in our set
+					k = 0;
+					// if yDimension is set
+					if(ylen>=1) {
+						// build the cols set in yDimension
+						for(k=0;k<ylen;k++) {
+							yValue[k] = $.trim(row[o.yDimension[k].dataName]);
+							// Check to see if we have user defined conditions
+							if(o.yDimension[k].converter && $.isFunction(o.yDimension[k].converter)) {
+								yValue[k] = o.yDimension[k].converter.call(this, yValue[k], xValue, yValue);
+							}
+						}
+						// make the colums based on aggregates definition 
+						// and return the members for late calculation
+						tmp = agregateFunc( row, o.aggregates, yValue, tmp );
+					} else  if( ylen === 0 ) {
+						// if not set use direct the aggregates 
+						tmp = agregateFunc( row, o.aggregates, null, tmp );
+					}
+					// add the result in pivot rows
+					pivotrows.push( tmp );
+				} else {
+					// the pivot exists
+					if( rowindex >= 0) {
+						k = 0;
+						// make the recalculations 
+						if(ylen>=1) {
+							for(k=0;k<ylen;k++) {
+								yValue[k] = $.trim(row[o.yDimension[k].dataName]);
+								if(o.yDimension[k].converter && $.isFunction(o.yDimension[k].converter)) {
+									yValue[k] = o.yDimension[k].converter.call(this, yValue[k], xValue, yValue);
+								}
+							}
+							newObj = agregateFunc( row, o.aggregates, yValue, newObj );
+						} else  if( ylen === 0 ) {
+							newObj = agregateFunc( row, o.aggregates, null, newObj );
+						}
+						// update the row
+						pivotrows[rowindex] = newObj;
+					}
+				}
+				var kj=0, current = null,existing = null, kk;
+				// Build a JSON tree from the member (see aggregateFunc) 
+				// to make later the columns 
+				// 
+				for (kk in member) {
+					if(kj === 0) {
+						if (!tree.children||tree.children === undefined){
+							tree = { text: kk, level : 0, children: [] };
+						}
+						current = tree.children;
+					} else {
+						existing = null;
+						for (i=0; i < current.length; i++) {
+							if (current[i].text === kk) {
+								//current[i].fields=member[kk];
+								existing = current[i];
+								break;
+							}
+						}
+						if (existing) {
+							current = existing.children;
+						} else {
+							current.push({ children: [], text: kk, level: kj,  fields: member[kk] });
+							current = current[current.length - 1].children;
+						}
+					}
+					kj++;
+				}
+				r++;
+			}
+			var  lastval=[], initColLen = columns.length, swaplen = initColLen;
+			if(ylen>0) {
+				headers[ylen-1] = {	useColSpanStyle: false,	groupHeaders: []};
+			}
+			/*
+			 * Recursive function which uses the tree to build the 
+			 * columns from the pivot values and set the group Headers
+			 */
+			function list(items) {
+				var l, j, key, k, col;
+				for (key in items) { // iterate
+					if (items.hasOwnProperty(key)) {
+					// write amount of spaces according to level
+					// and write name and newline
+						if(typeof items[key] !== "object") {
+							// If not a object build the header of the appropriate level
+							if( key === 'level') {
+								if(lastval[items.level] === undefined) {
+									lastval[items.level] ='';
+									if(items.level>0 && items.text !== '_r_Totals') {
+										headers[items.level-1] = {
+											useColSpanStyle: false,
+											groupHeaders: []
+										};
+									}
+								}
+								if(lastval[items.level] !== items.text && items.children.length && items.text !== '_r_Totals') {
+									if(items.level>0) {
+										headers[items.level-1].groupHeaders.push({
+											titleText: items.text
+										});
+										var collen = headers[items.level-1].groupHeaders.length,
+										colpos = collen === 1 ? swaplen : initColLen+(collen-1)*aggrlen;
+										headers[items.level-1].groupHeaders[collen-1].startColumnName = columns[colpos].name;
+										headers[items.level-1].groupHeaders[collen-1].numberOfColumns = columns.length - colpos;
+										initColLen = columns.length;
+									}
+								}
+								lastval[items.level] = items.text;
+							}
+							// This is in case when the member contain more than one summary item
+							if(items.level === ylen  && key==='level' && ylen >0) {
+								if( aggrlen > 1){
+									var ll=1;
+									for( l in items.fields) {
+										if(ll===1) {
+											headers[ylen-1].groupHeaders.push({startColumnName: l, numberOfColumns: 1, titleText: items.text});
+										}
+										ll++;
+									}
+									headers[ylen-1].groupHeaders[headers[ylen-1].groupHeaders.length-1].numberOfColumns = ll-1;
+								} else {
+									headers.splice(ylen-1,1);
+								}
+							}
+						}
+						// if object, call recursively
+						if (items[key] != null && typeof items[key] === "object") {
+							list(items[key]);
+						}
+						// Finally build the coulumns
+						if( key === 'level') {
+							if(items.level >0){
+								j=0;
+								for(l in items.fields) {
+									col = {};
+									for(k in o.aggregates[j]) {
+										if(o.aggregates[j].hasOwnProperty(k)) {
+											switch( k ) {
+												case 'member':
+												case 'label':
+												case 'aggregator':
+													break;
+												default:
+													col[k] = o.aggregates[j][k];
+											}
+										}
+									}
+									if(aggrlen>1) {
+										col.name = l;
+										col.label = o.aggregates[j].label || l;
+									} else {
+										col.name = items.text;
+										col.label = items.text==='_r_Totals' ? o.rowTotalsText : items.text;
+									}
+									columns.push (col);
+									j++;
+								}
+							}
+						}
+					}
+				}
+			}
+
+			list(tree, 0);
+			var nm;
+			// loop again trougth the pivot rows in order to build grand total 
+			if(o.colTotals) {
+				var plen = pivotrows.length;
+				while(plen--) {
+					for(i=xlen;i<columns.length;i++) {
+						nm = columns[i].name;
+						if(!summaries[nm]) {
+							summaries[nm] = parseFloat(pivotrows[plen][nm] || 0);
+						} else {
+							summaries[nm] += parseFloat(pivotrows[plen][nm] || 0);
+						}
+					}
+				}
+			}
+			// based on xDimension  levels build grouping 
+			if( groupfields > 0) {
+				for(i=0;i<groupfields;i++) {
+					groupOptions.groupingView.groupField[i] = columns[i].name;
+					groupOptions.groupingView.groupSummary[i] = o.groupSummary;
+					groupOptions.groupingView.groupSummaryPos[i] = o.groupSummaryPos;
+				}
+			} else {
+				// no grouping is needed
+				groupOptions.grouping = false;
+			}
+			groupOptions.sortname = columns[groupfields].name;
+			groupOptions.groupingView.hideFirstGroupCol = true;
+		});
+		// return the final result.
+		return { "colModel" : columns, "rows": pivotrows, "groupOptions" : groupOptions, "groupHeaders" :  headers, summary : summaries };
+	},
+	jqPivot : function( data, pivotOpt, gridOpt, ajaxOpt) {
+		return this.each(function(){
+			var $t = this;
+
+			function pivot( data) {
+				var pivotGrid = jQuery($t).jqGrid('pivotSetup',data, pivotOpt),
+				footerrow = $.assocArraySize(pivotGrid.summary) > 0 ? true : false,
+				query= $.jgrid.from(pivotGrid.rows), i;
+				for(i=0; i< pivotGrid.groupOptions.groupingView.groupField.length; i++) {
+					query.orderBy(pivotGrid.groupOptions.groupingView.groupField[i], "a", 'text', '');
+				}
+				jQuery($t).jqGrid($.extend({
+					datastr: $.extend(query.select(),footerrow ? {userdata:pivotGrid.summary} : {}),
+					datatype: "jsonstring",
+					footerrow : footerrow,
+					userDataOnFooter: footerrow,
+					colModel: pivotGrid.colModel,
+					viewrecords: true,
+					sortname: pivotOpt.xDimension[0].dataName // ?????
+				}, gridOpt || {}, pivotGrid.groupOptions));
+				var gHead = pivotGrid.groupHeaders;
+				if(gHead.length) {
+					for( i = 0;i < gHead.length ; i++) {
+						if(gHead[i] && gHead[i].groupHeaders.length) {
+							jQuery($t).jqGrid('setGroupHeaders',gHead[i]);
+						}
+					}
+				}
+				if(pivotOpt.frozenStaticCols) {
+					jQuery($t).jqGrid("setFrozenColumns");
+				}
+			}
+
+			if(typeof data === "string") {
+				$.ajax($.extend({
+					url : data,
+					dataType: 'json',
+					success : function(response) {
+						pivot($.jgrid.getAccessor(response, ajaxOpt && ajaxOpt.reader ? ajaxOpt.reader: 'rows') );
+					}
+				}, ajaxOpt || {}) );
+			} else {
+				pivot( data );
+			}
+		});
+	}
+});
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jquery-ui.custom.js b/web/bootstrap-ace-admin/js/jquery-ui.custom.js
new file mode 100755
index 00000000..264c7905
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery-ui.custom.js
@@ -0,0 +1,6471 @@
+/*! jQuery UI - v1.11.2 - 2014-10-28
+* http://jqueryui.com
+* Includes: core.js, widget.js, mouse.js, position.js, draggable.js, droppable.js, resizable.js, selectable.js, sortable.js, slider.js
+* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
+
+(function( factory ) {
+	if ( typeof define === "function" && define.amd ) {
+
+		// AMD. Register as an anonymous module.
+		define([ "jquery" ], factory );
+	} else {
+
+		// Browser globals
+		factory( jQuery );
+	}
+}(function( $ ) {
+/*!
+ * jQuery UI Core 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/category/ui-core/
+ */
+
+
+// $.ui might exist from components with no dependencies, e.g., $.ui.position
+$.ui = $.ui || {};
+
+$.extend( $.ui, {
+	version: "1.11.2",
+
+	keyCode: {
+		BACKSPACE: 8,
+		COMMA: 188,
+		DELETE: 46,
+		DOWN: 40,
+		END: 35,
+		ENTER: 13,
+		ESCAPE: 27,
+		HOME: 36,
+		LEFT: 37,
+		PAGE_DOWN: 34,
+		PAGE_UP: 33,
+		PERIOD: 190,
+		RIGHT: 39,
+		SPACE: 32,
+		TAB: 9,
+		UP: 38
+	}
+});
+
+// plugins
+$.fn.extend({
+	scrollParent: function( includeHidden ) {
+		var position = this.css( "position" ),
+			excludeStaticParent = position === "absolute",
+			overflowRegex = includeHidden ? /(auto|scroll|hidden)/ : /(auto|scroll)/,
+			scrollParent = this.parents().filter( function() {
+				var parent = $( this );
+				if ( excludeStaticParent && parent.css( "position" ) === "static" ) {
+					return false;
+				}
+				return overflowRegex.test( parent.css( "overflow" ) + parent.css( "overflow-y" ) + parent.css( "overflow-x" ) );
+			}).eq( 0 );
+
+		return position === "fixed" || !scrollParent.length ? $( this[ 0 ].ownerDocument || document ) : scrollParent;
+	},
+
+	uniqueId: (function() {
+		var uuid = 0;
+
+		return function() {
+			return this.each(function() {
+				if ( !this.id ) {
+					this.id = "ui-id-" + ( ++uuid );
+				}
+			});
+		};
+	})(),
+
+	removeUniqueId: function() {
+		return this.each(function() {
+			if ( /^ui-id-\d+$/.test( this.id ) ) {
+				$( this ).removeAttr( "id" );
+			}
+		});
+	}
+});
+
+// selectors
+function focusable( element, isTabIndexNotNaN ) {
+	var map, mapName, img,
+		nodeName = element.nodeName.toLowerCase();
+	if ( "area" === nodeName ) {
+		map = element.parentNode;
+		mapName = map.name;
+		if ( !element.href || !mapName || map.nodeName.toLowerCase() !== "map" ) {
+			return false;
+		}
+		img = $( "img[usemap='#" + mapName + "']" )[ 0 ];
+		return !!img && visible( img );
+	}
+	return ( /input|select|textarea|button|object/.test( nodeName ) ?
+		!element.disabled :
+		"a" === nodeName ?
+			element.href || isTabIndexNotNaN :
+			isTabIndexNotNaN) &&
+		// the element and all of its ancestors must be visible
+		visible( element );
+}
+
+function visible( element ) {
+	return $.expr.filters.visible( element ) &&
+		!$( element ).parents().addBack().filter(function() {
+			return $.css( this, "visibility" ) === "hidden";
+		}).length;
+}
+
+$.extend( $.expr[ ":" ], {
+	data: $.expr.createPseudo ?
+		$.expr.createPseudo(function( dataName ) {
+			return function( elem ) {
+				return !!$.data( elem, dataName );
+			};
+		}) :
+		// support: jQuery <1.8
+		function( elem, i, match ) {
+			return !!$.data( elem, match[ 3 ] );
+		},
+
+	focusable: function( element ) {
+		return focusable( element, !isNaN( $.attr( element, "tabindex" ) ) );
+	},
+
+	tabbable: function( element ) {
+		var tabIndex = $.attr( element, "tabindex" ),
+			isTabIndexNaN = isNaN( tabIndex );
+		return ( isTabIndexNaN || tabIndex >= 0 ) && focusable( element, !isTabIndexNaN );
+	}
+});
+
+// support: jQuery <1.8
+if ( !$( "<a>" ).outerWidth( 1 ).jquery ) {
+	$.each( [ "Width", "Height" ], function( i, name ) {
+		var side = name === "Width" ? [ "Left", "Right" ] : [ "Top", "Bottom" ],
+			type = name.toLowerCase(),
+			orig = {
+				innerWidth: $.fn.innerWidth,
+				innerHeight: $.fn.innerHeight,
+				outerWidth: $.fn.outerWidth,
+				outerHeight: $.fn.outerHeight
+			};
+
+		function reduce( elem, size, border, margin ) {
+			$.each( side, function() {
+				size -= parseFloat( $.css( elem, "padding" + this ) ) || 0;
+				if ( border ) {
+					size -= parseFloat( $.css( elem, "border" + this + "Width" ) ) || 0;
+				}
+				if ( margin ) {
+					size -= parseFloat( $.css( elem, "margin" + this ) ) || 0;
+				}
+			});
+			return size;
+		}
+
+		$.fn[ "inner" + name ] = function( size ) {
+			if ( size === undefined ) {
+				return orig[ "inner" + name ].call( this );
+			}
+
+			return this.each(function() {
+				$( this ).css( type, reduce( this, size ) + "px" );
+			});
+		};
+
+		$.fn[ "outer" + name] = function( size, margin ) {
+			if ( typeof size !== "number" ) {
+				return orig[ "outer" + name ].call( this, size );
+			}
+
+			return this.each(function() {
+				$( this).css( type, reduce( this, size, true, margin ) + "px" );
+			});
+		};
+	});
+}
+
+// support: jQuery <1.8
+if ( !$.fn.addBack ) {
+	$.fn.addBack = function( selector ) {
+		return this.add( selector == null ?
+			this.prevObject : this.prevObject.filter( selector )
+		);
+	};
+}
+
+// support: jQuery 1.6.1, 1.6.2 (http://bugs.jquery.com/ticket/9413)
+if ( $( "<a>" ).data( "a-b", "a" ).removeData( "a-b" ).data( "a-b" ) ) {
+	$.fn.removeData = (function( removeData ) {
+		return function( key ) {
+			if ( arguments.length ) {
+				return removeData.call( this, $.camelCase( key ) );
+			} else {
+				return removeData.call( this );
+			}
+		};
+	})( $.fn.removeData );
+}
+
+// deprecated
+$.ui.ie = !!/msie [\w.]+/.exec( navigator.userAgent.toLowerCase() );
+
+$.fn.extend({
+	focus: (function( orig ) {
+		return function( delay, fn ) {
+			return typeof delay === "number" ?
+				this.each(function() {
+					var elem = this;
+					setTimeout(function() {
+						$( elem ).focus();
+						if ( fn ) {
+							fn.call( elem );
+						}
+					}, delay );
+				}) :
+				orig.apply( this, arguments );
+		};
+	})( $.fn.focus ),
+
+	disableSelection: (function() {
+		var eventType = "onselectstart" in document.createElement( "div" ) ?
+			"selectstart" :
+			"mousedown";
+
+		return function() {
+			return this.bind( eventType + ".ui-disableSelection", function( event ) {
+				event.preventDefault();
+			});
+		};
+	})(),
+
+	enableSelection: function() {
+		return this.unbind( ".ui-disableSelection" );
+	},
+
+	zIndex: function( zIndex ) {
+		if ( zIndex !== undefined ) {
+			return this.css( "zIndex", zIndex );
+		}
+
+		if ( this.length ) {
+			var elem = $( this[ 0 ] ), position, value;
+			while ( elem.length && elem[ 0 ] !== document ) {
+				// Ignore z-index if position is set to a value where z-index is ignored by the browser
+				// This makes behavior of this function consistent across browsers
+				// WebKit always returns auto if the element is positioned
+				position = elem.css( "position" );
+				if ( position === "absolute" || position === "relative" || position === "fixed" ) {
+					// IE returns 0 when zIndex is not specified
+					// other browsers return a string
+					// we ignore the case of nested elements with an explicit value of 0
+					// <div style="z-index: -10;"><div style="z-index: 0;"></div></div>
+					value = parseInt( elem.css( "zIndex" ), 10 );
+					if ( !isNaN( value ) && value !== 0 ) {
+						return value;
+					}
+				}
+				elem = elem.parent();
+			}
+		}
+
+		return 0;
+	}
+});
+
+// $.ui.plugin is deprecated. Use $.widget() extensions instead.
+$.ui.plugin = {
+	add: function( module, option, set ) {
+		var i,
+			proto = $.ui[ module ].prototype;
+		for ( i in set ) {
+			proto.plugins[ i ] = proto.plugins[ i ] || [];
+			proto.plugins[ i ].push( [ option, set[ i ] ] );
+		}
+	},
+	call: function( instance, name, args, allowDisconnected ) {
+		var i,
+			set = instance.plugins[ name ];
+
+		if ( !set ) {
+			return;
+		}
+
+		if ( !allowDisconnected && ( !instance.element[ 0 ].parentNode || instance.element[ 0 ].parentNode.nodeType === 11 ) ) {
+			return;
+		}
+
+		for ( i = 0; i < set.length; i++ ) {
+			if ( instance.options[ set[ i ][ 0 ] ] ) {
+				set[ i ][ 1 ].apply( instance.element, args );
+			}
+		}
+	}
+};
+
+
+/*!
+ * jQuery UI Widget 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/jQuery.widget/
+ */
+
+
+var widget_uuid = 0,
+	widget_slice = Array.prototype.slice;
+
+$.cleanData = (function( orig ) {
+	return function( elems ) {
+		var events, elem, i;
+		for ( i = 0; (elem = elems[i]) != null; i++ ) {
+			try {
+
+				// Only trigger remove when necessary to save time
+				events = $._data( elem, "events" );
+				if ( events && events.remove ) {
+					$( elem ).triggerHandler( "remove" );
+				}
+
+			// http://bugs.jquery.com/ticket/8235
+			} catch ( e ) {}
+		}
+		orig( elems );
+	};
+})( $.cleanData );
+
+$.widget = function( name, base, prototype ) {
+	var fullName, existingConstructor, constructor, basePrototype,
+		// proxiedPrototype allows the provided prototype to remain unmodified
+		// so that it can be used as a mixin for multiple widgets (#8876)
+		proxiedPrototype = {},
+		namespace = name.split( "." )[ 0 ];
+
+	name = name.split( "." )[ 1 ];
+	fullName = namespace + "-" + name;
+
+	if ( !prototype ) {
+		prototype = base;
+		base = $.Widget;
+	}
+
+	// create selector for plugin
+	$.expr[ ":" ][ fullName.toLowerCase() ] = function( elem ) {
+		return !!$.data( elem, fullName );
+	};
+
+	$[ namespace ] = $[ namespace ] || {};
+	existingConstructor = $[ namespace ][ name ];
+	constructor = $[ namespace ][ name ] = function( options, element ) {
+		// allow instantiation without "new" keyword
+		if ( !this._createWidget ) {
+			return new constructor( options, element );
+		}
+
+		// allow instantiation without initializing for simple inheritance
+		// must use "new" keyword (the code above always passes args)
+		if ( arguments.length ) {
+			this._createWidget( options, element );
+		}
+	};
+	// extend with the existing constructor to carry over any static properties
+	$.extend( constructor, existingConstructor, {
+		version: prototype.version,
+		// copy the object used to create the prototype in case we need to
+		// redefine the widget later
+		_proto: $.extend( {}, prototype ),
+		// track widgets that inherit from this widget in case this widget is
+		// redefined after a widget inherits from it
+		_childConstructors: []
+	});
+
+	basePrototype = new base();
+	// we need to make the options hash a property directly on the new instance
+	// otherwise we'll modify the options hash on the prototype that we're
+	// inheriting from
+	basePrototype.options = $.widget.extend( {}, basePrototype.options );
+	$.each( prototype, function( prop, value ) {
+		if ( !$.isFunction( value ) ) {
+			proxiedPrototype[ prop ] = value;
+			return;
+		}
+		proxiedPrototype[ prop ] = (function() {
+			var _super = function() {
+					return base.prototype[ prop ].apply( this, arguments );
+				},
+				_superApply = function( args ) {
+					return base.prototype[ prop ].apply( this, args );
+				};
+			return function() {
+				var __super = this._super,
+					__superApply = this._superApply,
+					returnValue;
+
+				this._super = _super;
+				this._superApply = _superApply;
+
+				returnValue = value.apply( this, arguments );
+
+				this._super = __super;
+				this._superApply = __superApply;
+
+				return returnValue;
+			};
+		})();
+	});
+	constructor.prototype = $.widget.extend( basePrototype, {
+		// TODO: remove support for widgetEventPrefix
+		// always use the name + a colon as the prefix, e.g., draggable:start
+		// don't prefix for widgets that aren't DOM-based
+		widgetEventPrefix: existingConstructor ? (basePrototype.widgetEventPrefix || name) : name
+	}, proxiedPrototype, {
+		constructor: constructor,
+		namespace: namespace,
+		widgetName: name,
+		widgetFullName: fullName
+	});
+
+	// If this widget is being redefined then we need to find all widgets that
+	// are inheriting from it and redefine all of them so that they inherit from
+	// the new version of this widget. We're essentially trying to replace one
+	// level in the prototype chain.
+	if ( existingConstructor ) {
+		$.each( existingConstructor._childConstructors, function( i, child ) {
+			var childPrototype = child.prototype;
+
+			// redefine the child widget using the same prototype that was
+			// originally used, but inherit from the new version of the base
+			$.widget( childPrototype.namespace + "." + childPrototype.widgetName, constructor, child._proto );
+		});
+		// remove the list of existing child constructors from the old constructor
+		// so the old child constructors can be garbage collected
+		delete existingConstructor._childConstructors;
+	} else {
+		base._childConstructors.push( constructor );
+	}
+
+	$.widget.bridge( name, constructor );
+
+	return constructor;
+};
+
+$.widget.extend = function( target ) {
+	var input = widget_slice.call( arguments, 1 ),
+		inputIndex = 0,
+		inputLength = input.length,
+		key,
+		value;
+	for ( ; inputIndex < inputLength; inputIndex++ ) {
+		for ( key in input[ inputIndex ] ) {
+			value = input[ inputIndex ][ key ];
+			if ( input[ inputIndex ].hasOwnProperty( key ) && value !== undefined ) {
+				// Clone objects
+				if ( $.isPlainObject( value ) ) {
+					target[ key ] = $.isPlainObject( target[ key ] ) ?
+						$.widget.extend( {}, target[ key ], value ) :
+						// Don't extend strings, arrays, etc. with objects
+						$.widget.extend( {}, value );
+				// Copy everything else by reference
+				} else {
+					target[ key ] = value;
+				}
+			}
+		}
+	}
+	return target;
+};
+
+$.widget.bridge = function( name, object ) {
+	var fullName = object.prototype.widgetFullName || name;
+	$.fn[ name ] = function( options ) {
+		var isMethodCall = typeof options === "string",
+			args = widget_slice.call( arguments, 1 ),
+			returnValue = this;
+
+		// allow multiple hashes to be passed on init
+		options = !isMethodCall && args.length ?
+			$.widget.extend.apply( null, [ options ].concat(args) ) :
+			options;
+
+		if ( isMethodCall ) {
+			this.each(function() {
+				var methodValue,
+					instance = $.data( this, fullName );
+				if ( options === "instance" ) {
+					returnValue = instance;
+					return false;
+				}
+				if ( !instance ) {
+					return $.error( "cannot call methods on " + name + " prior to initialization; " +
+						"attempted to call method '" + options + "'" );
+				}
+				if ( !$.isFunction( instance[options] ) || options.charAt( 0 ) === "_" ) {
+					return $.error( "no such method '" + options + "' for " + name + " widget instance" );
+				}
+				methodValue = instance[ options ].apply( instance, args );
+				if ( methodValue !== instance && methodValue !== undefined ) {
+					returnValue = methodValue && methodValue.jquery ?
+						returnValue.pushStack( methodValue.get() ) :
+						methodValue;
+					return false;
+				}
+			});
+		} else {
+			this.each(function() {
+				var instance = $.data( this, fullName );
+				if ( instance ) {
+					instance.option( options || {} );
+					if ( instance._init ) {
+						instance._init();
+					}
+				} else {
+					$.data( this, fullName, new object( options, this ) );
+				}
+			});
+		}
+
+		return returnValue;
+	};
+};
+
+$.Widget = function( /* options, element */ ) {};
+$.Widget._childConstructors = [];
+
+$.Widget.prototype = {
+	widgetName: "widget",
+	widgetEventPrefix: "",
+	defaultElement: "<div>",
+	options: {
+		disabled: false,
+
+		// callbacks
+		create: null
+	},
+	_createWidget: function( options, element ) {
+		element = $( element || this.defaultElement || this )[ 0 ];
+		this.element = $( element );
+		this.uuid = widget_uuid++;
+		this.eventNamespace = "." + this.widgetName + this.uuid;
+
+		this.bindings = $();
+		this.hoverable = $();
+		this.focusable = $();
+
+		if ( element !== this ) {
+			$.data( element, this.widgetFullName, this );
+			this._on( true, this.element, {
+				remove: function( event ) {
+					if ( event.target === element ) {
+						this.destroy();
+					}
+				}
+			});
+			this.document = $( element.style ?
+				// element within the document
+				element.ownerDocument :
+				// element is window or document
+				element.document || element );
+			this.window = $( this.document[0].defaultView || this.document[0].parentWindow );
+		}
+
+		this.options = $.widget.extend( {},
+			this.options,
+			this._getCreateOptions(),
+			options );
+
+		this._create();
+		this._trigger( "create", null, this._getCreateEventData() );
+		this._init();
+	},
+	_getCreateOptions: $.noop,
+	_getCreateEventData: $.noop,
+	_create: $.noop,
+	_init: $.noop,
+
+	destroy: function() {
+		this._destroy();
+		// we can probably remove the unbind calls in 2.0
+		// all event bindings should go through this._on()
+		this.element
+			.unbind( this.eventNamespace )
+			.removeData( this.widgetFullName )
+			// support: jquery <1.6.3
+			// http://bugs.jquery.com/ticket/9413
+			.removeData( $.camelCase( this.widgetFullName ) );
+		this.widget()
+			.unbind( this.eventNamespace )
+			.removeAttr( "aria-disabled" )
+			.removeClass(
+				this.widgetFullName + "-disabled " +
+				"ui-state-disabled" );
+
+		// clean up events and states
+		this.bindings.unbind( this.eventNamespace );
+		this.hoverable.removeClass( "ui-state-hover" );
+		this.focusable.removeClass( "ui-state-focus" );
+	},
+	_destroy: $.noop,
+
+	widget: function() {
+		return this.element;
+	},
+
+	option: function( key, value ) {
+		var options = key,
+			parts,
+			curOption,
+			i;
+
+		if ( arguments.length === 0 ) {
+			// don't return a reference to the internal hash
+			return $.widget.extend( {}, this.options );
+		}
+
+		if ( typeof key === "string" ) {
+			// handle nested keys, e.g., "foo.bar" => { foo: { bar: ___ } }
+			options = {};
+			parts = key.split( "." );
+			key = parts.shift();
+			if ( parts.length ) {
+				curOption = options[ key ] = $.widget.extend( {}, this.options[ key ] );
+				for ( i = 0; i < parts.length - 1; i++ ) {
+					curOption[ parts[ i ] ] = curOption[ parts[ i ] ] || {};
+					curOption = curOption[ parts[ i ] ];
+				}
+				key = parts.pop();
+				if ( arguments.length === 1 ) {
+					return curOption[ key ] === undefined ? null : curOption[ key ];
+				}
+				curOption[ key ] = value;
+			} else {
+				if ( arguments.length === 1 ) {
+					return this.options[ key ] === undefined ? null : this.options[ key ];
+				}
+				options[ key ] = value;
+			}
+		}
+
+		this._setOptions( options );
+
+		return this;
+	},
+	_setOptions: function( options ) {
+		var key;
+
+		for ( key in options ) {
+			this._setOption( key, options[ key ] );
+		}
+
+		return this;
+	},
+	_setOption: function( key, value ) {
+		this.options[ key ] = value;
+
+		if ( key === "disabled" ) {
+			this.widget()
+				.toggleClass( this.widgetFullName + "-disabled", !!value );
+
+			// If the widget is becoming disabled, then nothing is interactive
+			if ( value ) {
+				this.hoverable.removeClass( "ui-state-hover" );
+				this.focusable.removeClass( "ui-state-focus" );
+			}
+		}
+
+		return this;
+	},
+
+	enable: function() {
+		return this._setOptions({ disabled: false });
+	},
+	disable: function() {
+		return this._setOptions({ disabled: true });
+	},
+
+	_on: function( suppressDisabledCheck, element, handlers ) {
+		var delegateElement,
+			instance = this;
+
+		// no suppressDisabledCheck flag, shuffle arguments
+		if ( typeof suppressDisabledCheck !== "boolean" ) {
+			handlers = element;
+			element = suppressDisabledCheck;
+			suppressDisabledCheck = false;
+		}
+
+		// no element argument, shuffle and use this.element
+		if ( !handlers ) {
+			handlers = element;
+			element = this.element;
+			delegateElement = this.widget();
+		} else {
+			element = delegateElement = $( element );
+			this.bindings = this.bindings.add( element );
+		}
+
+		$.each( handlers, function( event, handler ) {
+			function handlerProxy() {
+				// allow widgets to customize the disabled handling
+				// - disabled as an array instead of boolean
+				// - disabled class as method for disabling individual parts
+				if ( !suppressDisabledCheck &&
+						( instance.options.disabled === true ||
+							$( this ).hasClass( "ui-state-disabled" ) ) ) {
+					return;
+				}
+				return ( typeof handler === "string" ? instance[ handler ] : handler )
+					.apply( instance, arguments );
+			}
+
+			// copy the guid so direct unbinding works
+			if ( typeof handler !== "string" ) {
+				handlerProxy.guid = handler.guid =
+					handler.guid || handlerProxy.guid || $.guid++;
+			}
+
+			var match = event.match( /^([\w:-]*)\s*(.*)$/ ),
+				eventName = match[1] + instance.eventNamespace,
+				selector = match[2];
+			if ( selector ) {
+				delegateElement.delegate( selector, eventName, handlerProxy );
+			} else {
+				element.bind( eventName, handlerProxy );
+			}
+		});
+	},
+
+	_off: function( element, eventName ) {
+		eventName = (eventName || "").split( " " ).join( this.eventNamespace + " " ) +
+			this.eventNamespace;
+		element.unbind( eventName ).undelegate( eventName );
+
+		// Clear the stack to avoid memory leaks (#10056)
+		this.bindings = $( this.bindings.not( element ).get() );
+		this.focusable = $( this.focusable.not( element ).get() );
+		this.hoverable = $( this.hoverable.not( element ).get() );
+	},
+
+	_delay: function( handler, delay ) {
+		function handlerProxy() {
+			return ( typeof handler === "string" ? instance[ handler ] : handler )
+				.apply( instance, arguments );
+		}
+		var instance = this;
+		return setTimeout( handlerProxy, delay || 0 );
+	},
+
+	_hoverable: function( element ) {
+		this.hoverable = this.hoverable.add( element );
+		this._on( element, {
+			mouseenter: function( event ) {
+				$( event.currentTarget ).addClass( "ui-state-hover" );
+			},
+			mouseleave: function( event ) {
+				$( event.currentTarget ).removeClass( "ui-state-hover" );
+			}
+		});
+	},
+
+	_focusable: function( element ) {
+		this.focusable = this.focusable.add( element );
+		this._on( element, {
+			focusin: function( event ) {
+				$( event.currentTarget ).addClass( "ui-state-focus" );
+			},
+			focusout: function( event ) {
+				$( event.currentTarget ).removeClass( "ui-state-focus" );
+			}
+		});
+	},
+
+	_trigger: function( type, event, data ) {
+		var prop, orig,
+			callback = this.options[ type ];
+
+		data = data || {};
+		event = $.Event( event );
+		event.type = ( type === this.widgetEventPrefix ?
+			type :
+			this.widgetEventPrefix + type ).toLowerCase();
+		// the original event may come from any element
+		// so we need to reset the target on the new event
+		event.target = this.element[ 0 ];
+
+		// copy original event properties over to the new event
+		orig = event.originalEvent;
+		if ( orig ) {
+			for ( prop in orig ) {
+				if ( !( prop in event ) ) {
+					event[ prop ] = orig[ prop ];
+				}
+			}
+		}
+
+		this.element.trigger( event, data );
+		return !( $.isFunction( callback ) &&
+			callback.apply( this.element[0], [ event ].concat( data ) ) === false ||
+			event.isDefaultPrevented() );
+	}
+};
+
+$.each( { show: "fadeIn", hide: "fadeOut" }, function( method, defaultEffect ) {
+	$.Widget.prototype[ "_" + method ] = function( element, options, callback ) {
+		if ( typeof options === "string" ) {
+			options = { effect: options };
+		}
+		var hasOptions,
+			effectName = !options ?
+				method :
+				options === true || typeof options === "number" ?
+					defaultEffect :
+					options.effect || defaultEffect;
+		options = options || {};
+		if ( typeof options === "number" ) {
+			options = { duration: options };
+		}
+		hasOptions = !$.isEmptyObject( options );
+		options.complete = callback;
+		if ( options.delay ) {
+			element.delay( options.delay );
+		}
+		if ( hasOptions && $.effects && $.effects.effect[ effectName ] ) {
+			element[ method ]( options );
+		} else if ( effectName !== method && element[ effectName ] ) {
+			element[ effectName ]( options.duration, options.easing, callback );
+		} else {
+			element.queue(function( next ) {
+				$( this )[ method ]();
+				if ( callback ) {
+					callback.call( element[ 0 ] );
+				}
+				next();
+			});
+		}
+	};
+});
+
+var widget = $.widget;
+
+
+/*!
+ * jQuery UI Mouse 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/mouse/
+ */
+
+
+var mouseHandled = false;
+$( document ).mouseup( function() {
+	mouseHandled = false;
+});
+
+var mouse = $.widget("ui.mouse", {
+	version: "1.11.2",
+	options: {
+		cancel: "input,textarea,button,select,option",
+		distance: 1,
+		delay: 0
+	},
+	_mouseInit: function() {
+		var that = this;
+
+		this.element
+			.bind("mousedown." + this.widgetName, function(event) {
+				return that._mouseDown(event);
+			})
+			.bind("click." + this.widgetName, function(event) {
+				if (true === $.data(event.target, that.widgetName + ".preventClickEvent")) {
+					$.removeData(event.target, that.widgetName + ".preventClickEvent");
+					event.stopImmediatePropagation();
+					return false;
+				}
+			});
+
+		this.started = false;
+	},
+
+	// TODO: make sure destroying one instance of mouse doesn't mess with
+	// other instances of mouse
+	_mouseDestroy: function() {
+		this.element.unbind("." + this.widgetName);
+		if ( this._mouseMoveDelegate ) {
+			this.document
+				.unbind("mousemove." + this.widgetName, this._mouseMoveDelegate)
+				.unbind("mouseup." + this.widgetName, this._mouseUpDelegate);
+		}
+	},
+
+	_mouseDown: function(event) {
+		// don't let more than one widget handle mouseStart
+		if ( mouseHandled ) {
+			return;
+		}
+
+		this._mouseMoved = false;
+
+		// we may have missed mouseup (out of window)
+		(this._mouseStarted && this._mouseUp(event));
+
+		this._mouseDownEvent = event;
+
+		var that = this,
+			btnIsLeft = (event.which === 1),
+			// event.target.nodeName works around a bug in IE 8 with
+			// disabled inputs (#7620)
+			elIsCancel = (typeof this.options.cancel === "string" && event.target.nodeName ? $(event.target).closest(this.options.cancel).length : false);
+		if (!btnIsLeft || elIsCancel || !this._mouseCapture(event)) {
+			return true;
+		}
+
+		this.mouseDelayMet = !this.options.delay;
+		if (!this.mouseDelayMet) {
+			this._mouseDelayTimer = setTimeout(function() {
+				that.mouseDelayMet = true;
+			}, this.options.delay);
+		}
+
+		if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
+			this._mouseStarted = (this._mouseStart(event) !== false);
+			if (!this._mouseStarted) {
+				event.preventDefault();
+				return true;
+			}
+		}
+
+		// Click event may never have fired (Gecko & Opera)
+		if (true === $.data(event.target, this.widgetName + ".preventClickEvent")) {
+			$.removeData(event.target, this.widgetName + ".preventClickEvent");
+		}
+
+		// these delegates are required to keep context
+		this._mouseMoveDelegate = function(event) {
+			return that._mouseMove(event);
+		};
+		this._mouseUpDelegate = function(event) {
+			return that._mouseUp(event);
+		};
+
+		this.document
+			.bind( "mousemove." + this.widgetName, this._mouseMoveDelegate )
+			.bind( "mouseup." + this.widgetName, this._mouseUpDelegate );
+
+		event.preventDefault();
+
+		mouseHandled = true;
+		return true;
+	},
+
+	_mouseMove: function(event) {
+		// Only check for mouseups outside the document if you've moved inside the document
+		// at least once. This prevents the firing of mouseup in the case of IE<9, which will
+		// fire a mousemove event if content is placed under the cursor. See #7778
+		// Support: IE <9
+		if ( this._mouseMoved ) {
+			// IE mouseup check - mouseup happened when mouse was out of window
+			if ($.ui.ie && ( !document.documentMode || document.documentMode < 9 ) && !event.button) {
+				return this._mouseUp(event);
+
+			// Iframe mouseup check - mouseup occurred in another document
+			} else if ( !event.which ) {
+				return this._mouseUp( event );
+			}
+		}
+
+		if ( event.which || event.button ) {
+			this._mouseMoved = true;
+		}
+
+		if (this._mouseStarted) {
+			this._mouseDrag(event);
+			return event.preventDefault();
+		}
+
+		if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
+			this._mouseStarted =
+				(this._mouseStart(this._mouseDownEvent, event) !== false);
+			(this._mouseStarted ? this._mouseDrag(event) : this._mouseUp(event));
+		}
+
+		return !this._mouseStarted;
+	},
+
+	_mouseUp: function(event) {
+		this.document
+			.unbind( "mousemove." + this.widgetName, this._mouseMoveDelegate )
+			.unbind( "mouseup." + this.widgetName, this._mouseUpDelegate );
+
+		if (this._mouseStarted) {
+			this._mouseStarted = false;
+
+			if (event.target === this._mouseDownEvent.target) {
+				$.data(event.target, this.widgetName + ".preventClickEvent", true);
+			}
+
+			this._mouseStop(event);
+		}
+
+		mouseHandled = false;
+		return false;
+	},
+
+	_mouseDistanceMet: function(event) {
+		return (Math.max(
+				Math.abs(this._mouseDownEvent.pageX - event.pageX),
+				Math.abs(this._mouseDownEvent.pageY - event.pageY)
+			) >= this.options.distance
+		);
+	},
+
+	_mouseDelayMet: function(/* event */) {
+		return this.mouseDelayMet;
+	},
+
+	// These are placeholder methods, to be overriden by extending plugin
+	_mouseStart: function(/* event */) {},
+	_mouseDrag: function(/* event */) {},
+	_mouseStop: function(/* event */) {},
+	_mouseCapture: function(/* event */) { return true; }
+});
+
+
+/*!
+ * jQuery UI Position 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/position/
+ */
+
+(function() {
+
+$.ui = $.ui || {};
+
+var cachedScrollbarWidth, supportsOffsetFractions,
+	max = Math.max,
+	abs = Math.abs,
+	round = Math.round,
+	rhorizontal = /left|center|right/,
+	rvertical = /top|center|bottom/,
+	roffset = /[\+\-]\d+(\.[\d]+)?%?/,
+	rposition = /^\w+/,
+	rpercent = /%$/,
+	_position = $.fn.position;
+
+function getOffsets( offsets, width, height ) {
+	return [
+		parseFloat( offsets[ 0 ] ) * ( rpercent.test( offsets[ 0 ] ) ? width / 100 : 1 ),
+		parseFloat( offsets[ 1 ] ) * ( rpercent.test( offsets[ 1 ] ) ? height / 100 : 1 )
+	];
+}
+
+function parseCss( element, property ) {
+	return parseInt( $.css( element, property ), 10 ) || 0;
+}
+
+function getDimensions( elem ) {
+	var raw = elem[0];
+	if ( raw.nodeType === 9 ) {
+		return {
+			width: elem.width(),
+			height: elem.height(),
+			offset: { top: 0, left: 0 }
+		};
+	}
+	if ( $.isWindow( raw ) ) {
+		return {
+			width: elem.width(),
+			height: elem.height(),
+			offset: { top: elem.scrollTop(), left: elem.scrollLeft() }
+		};
+	}
+	if ( raw.preventDefault ) {
+		return {
+			width: 0,
+			height: 0,
+			offset: { top: raw.pageY, left: raw.pageX }
+		};
+	}
+	return {
+		width: elem.outerWidth(),
+		height: elem.outerHeight(),
+		offset: elem.offset()
+	};
+}
+
+$.position = {
+	scrollbarWidth: function() {
+		if ( cachedScrollbarWidth !== undefined ) {
+			return cachedScrollbarWidth;
+		}
+		var w1, w2,
+			div = $( "<div style='display:block;position:absolute;width:50px;height:50px;overflow:hidden;'><div style='height:100px;width:auto;'></div></div>" ),
+			innerDiv = div.children()[0];
+
+		$( "body" ).append( div );
+		w1 = innerDiv.offsetWidth;
+		div.css( "overflow", "scroll" );
+
+		w2 = innerDiv.offsetWidth;
+
+		if ( w1 === w2 ) {
+			w2 = div[0].clientWidth;
+		}
+
+		div.remove();
+
+		return (cachedScrollbarWidth = w1 - w2);
+	},
+	getScrollInfo: function( within ) {
+		var overflowX = within.isWindow || within.isDocument ? "" :
+				within.element.css( "overflow-x" ),
+			overflowY = within.isWindow || within.isDocument ? "" :
+				within.element.css( "overflow-y" ),
+			hasOverflowX = overflowX === "scroll" ||
+				( overflowX === "auto" && within.width < within.element[0].scrollWidth ),
+			hasOverflowY = overflowY === "scroll" ||
+				( overflowY === "auto" && within.height < within.element[0].scrollHeight );
+		return {
+			width: hasOverflowY ? $.position.scrollbarWidth() : 0,
+			height: hasOverflowX ? $.position.scrollbarWidth() : 0
+		};
+	},
+	getWithinInfo: function( element ) {
+		var withinElement = $( element || window ),
+			isWindow = $.isWindow( withinElement[0] ),
+			isDocument = !!withinElement[ 0 ] && withinElement[ 0 ].nodeType === 9;
+		return {
+			element: withinElement,
+			isWindow: isWindow,
+			isDocument: isDocument,
+			offset: withinElement.offset() || { left: 0, top: 0 },
+			scrollLeft: withinElement.scrollLeft(),
+			scrollTop: withinElement.scrollTop(),
+
+			// support: jQuery 1.6.x
+			// jQuery 1.6 doesn't support .outerWidth/Height() on documents or windows
+			width: isWindow || isDocument ? withinElement.width() : withinElement.outerWidth(),
+			height: isWindow || isDocument ? withinElement.height() : withinElement.outerHeight()
+		};
+	}
+};
+
+$.fn.position = function( options ) {
+	if ( !options || !options.of ) {
+		return _position.apply( this, arguments );
+	}
+
+	// make a copy, we don't want to modify arguments
+	options = $.extend( {}, options );
+
+	var atOffset, targetWidth, targetHeight, targetOffset, basePosition, dimensions,
+		target = $( options.of ),
+		within = $.position.getWithinInfo( options.within ),
+		scrollInfo = $.position.getScrollInfo( within ),
+		collision = ( options.collision || "flip" ).split( " " ),
+		offsets = {};
+
+	dimensions = getDimensions( target );
+	if ( target[0].preventDefault ) {
+		// force left top to allow flipping
+		options.at = "left top";
+	}
+	targetWidth = dimensions.width;
+	targetHeight = dimensions.height;
+	targetOffset = dimensions.offset;
+	// clone to reuse original targetOffset later
+	basePosition = $.extend( {}, targetOffset );
+
+	// force my and at to have valid horizontal and vertical positions
+	// if a value is missing or invalid, it will be converted to center
+	$.each( [ "my", "at" ], function() {
+		var pos = ( options[ this ] || "" ).split( " " ),
+			horizontalOffset,
+			verticalOffset;
+
+		if ( pos.length === 1) {
+			pos = rhorizontal.test( pos[ 0 ] ) ?
+				pos.concat( [ "center" ] ) :
+				rvertical.test( pos[ 0 ] ) ?
+					[ "center" ].concat( pos ) :
+					[ "center", "center" ];
+		}
+		pos[ 0 ] = rhorizontal.test( pos[ 0 ] ) ? pos[ 0 ] : "center";
+		pos[ 1 ] = rvertical.test( pos[ 1 ] ) ? pos[ 1 ] : "center";
+
+		// calculate offsets
+		horizontalOffset = roffset.exec( pos[ 0 ] );
+		verticalOffset = roffset.exec( pos[ 1 ] );
+		offsets[ this ] = [
+			horizontalOffset ? horizontalOffset[ 0 ] : 0,
+			verticalOffset ? verticalOffset[ 0 ] : 0
+		];
+
+		// reduce to just the positions without the offsets
+		options[ this ] = [
+			rposition.exec( pos[ 0 ] )[ 0 ],
+			rposition.exec( pos[ 1 ] )[ 0 ]
+		];
+	});
+
+	// normalize collision option
+	if ( collision.length === 1 ) {
+		collision[ 1 ] = collision[ 0 ];
+	}
+
+	if ( options.at[ 0 ] === "right" ) {
+		basePosition.left += targetWidth;
+	} else if ( options.at[ 0 ] === "center" ) {
+		basePosition.left += targetWidth / 2;
+	}
+
+	if ( options.at[ 1 ] === "bottom" ) {
+		basePosition.top += targetHeight;
+	} else if ( options.at[ 1 ] === "center" ) {
+		basePosition.top += targetHeight / 2;
+	}
+
+	atOffset = getOffsets( offsets.at, targetWidth, targetHeight );
+	basePosition.left += atOffset[ 0 ];
+	basePosition.top += atOffset[ 1 ];
+
+	return this.each(function() {
+		var collisionPosition, using,
+			elem = $( this ),
+			elemWidth = elem.outerWidth(),
+			elemHeight = elem.outerHeight(),
+			marginLeft = parseCss( this, "marginLeft" ),
+			marginTop = parseCss( this, "marginTop" ),
+			collisionWidth = elemWidth + marginLeft + parseCss( this, "marginRight" ) + scrollInfo.width,
+			collisionHeight = elemHeight + marginTop + parseCss( this, "marginBottom" ) + scrollInfo.height,
+			position = $.extend( {}, basePosition ),
+			myOffset = getOffsets( offsets.my, elem.outerWidth(), elem.outerHeight() );
+
+		if ( options.my[ 0 ] === "right" ) {
+			position.left -= elemWidth;
+		} else if ( options.my[ 0 ] === "center" ) {
+			position.left -= elemWidth / 2;
+		}
+
+		if ( options.my[ 1 ] === "bottom" ) {
+			position.top -= elemHeight;
+		} else if ( options.my[ 1 ] === "center" ) {
+			position.top -= elemHeight / 2;
+		}
+
+		position.left += myOffset[ 0 ];
+		position.top += myOffset[ 1 ];
+
+		// if the browser doesn't support fractions, then round for consistent results
+		if ( !supportsOffsetFractions ) {
+			position.left = round( position.left );
+			position.top = round( position.top );
+		}
+
+		collisionPosition = {
+			marginLeft: marginLeft,
+			marginTop: marginTop
+		};
+
+		$.each( [ "left", "top" ], function( i, dir ) {
+			if ( $.ui.position[ collision[ i ] ] ) {
+				$.ui.position[ collision[ i ] ][ dir ]( position, {
+					targetWidth: targetWidth,
+					targetHeight: targetHeight,
+					elemWidth: elemWidth,
+					elemHeight: elemHeight,
+					collisionPosition: collisionPosition,
+					collisionWidth: collisionWidth,
+					collisionHeight: collisionHeight,
+					offset: [ atOffset[ 0 ] + myOffset[ 0 ], atOffset [ 1 ] + myOffset[ 1 ] ],
+					my: options.my,
+					at: options.at,
+					within: within,
+					elem: elem
+				});
+			}
+		});
+
+		if ( options.using ) {
+			// adds feedback as second argument to using callback, if present
+			using = function( props ) {
+				var left = targetOffset.left - position.left,
+					right = left + targetWidth - elemWidth,
+					top = targetOffset.top - position.top,
+					bottom = top + targetHeight - elemHeight,
+					feedback = {
+						target: {
+							element: target,
+							left: targetOffset.left,
+							top: targetOffset.top,
+							width: targetWidth,
+							height: targetHeight
+						},
+						element: {
+							element: elem,
+							left: position.left,
+							top: position.top,
+							width: elemWidth,
+							height: elemHeight
+						},
+						horizontal: right < 0 ? "left" : left > 0 ? "right" : "center",
+						vertical: bottom < 0 ? "top" : top > 0 ? "bottom" : "middle"
+					};
+				if ( targetWidth < elemWidth && abs( left + right ) < targetWidth ) {
+					feedback.horizontal = "center";
+				}
+				if ( targetHeight < elemHeight && abs( top + bottom ) < targetHeight ) {
+					feedback.vertical = "middle";
+				}
+				if ( max( abs( left ), abs( right ) ) > max( abs( top ), abs( bottom ) ) ) {
+					feedback.important = "horizontal";
+				} else {
+					feedback.important = "vertical";
+				}
+				options.using.call( this, props, feedback );
+			};
+		}
+
+		elem.offset( $.extend( position, { using: using } ) );
+	});
+};
+
+$.ui.position = {
+	fit: {
+		left: function( position, data ) {
+			var within = data.within,
+				withinOffset = within.isWindow ? within.scrollLeft : within.offset.left,
+				outerWidth = within.width,
+				collisionPosLeft = position.left - data.collisionPosition.marginLeft,
+				overLeft = withinOffset - collisionPosLeft,
+				overRight = collisionPosLeft + data.collisionWidth - outerWidth - withinOffset,
+				newOverRight;
+
+			// element is wider than within
+			if ( data.collisionWidth > outerWidth ) {
+				// element is initially over the left side of within
+				if ( overLeft > 0 && overRight <= 0 ) {
+					newOverRight = position.left + overLeft + data.collisionWidth - outerWidth - withinOffset;
+					position.left += overLeft - newOverRight;
+				// element is initially over right side of within
+				} else if ( overRight > 0 && overLeft <= 0 ) {
+					position.left = withinOffset;
+				// element is initially over both left and right sides of within
+				} else {
+					if ( overLeft > overRight ) {
+						position.left = withinOffset + outerWidth - data.collisionWidth;
+					} else {
+						position.left = withinOffset;
+					}
+				}
+			// too far left -> align with left edge
+			} else if ( overLeft > 0 ) {
+				position.left += overLeft;
+			// too far right -> align with right edge
+			} else if ( overRight > 0 ) {
+				position.left -= overRight;
+			// adjust based on position and margin
+			} else {
+				position.left = max( position.left - collisionPosLeft, position.left );
+			}
+		},
+		top: function( position, data ) {
+			var within = data.within,
+				withinOffset = within.isWindow ? within.scrollTop : within.offset.top,
+				outerHeight = data.within.height,
+				collisionPosTop = position.top - data.collisionPosition.marginTop,
+				overTop = withinOffset - collisionPosTop,
+				overBottom = collisionPosTop + data.collisionHeight - outerHeight - withinOffset,
+				newOverBottom;
+
+			// element is taller than within
+			if ( data.collisionHeight > outerHeight ) {
+				// element is initially over the top of within
+				if ( overTop > 0 && overBottom <= 0 ) {
+					newOverBottom = position.top + overTop + data.collisionHeight - outerHeight - withinOffset;
+					position.top += overTop - newOverBottom;
+				// element is initially over bottom of within
+				} else if ( overBottom > 0 && overTop <= 0 ) {
+					position.top = withinOffset;
+				// element is initially over both top and bottom of within
+				} else {
+					if ( overTop > overBottom ) {
+						position.top = withinOffset + outerHeight - data.collisionHeight;
+					} else {
+						position.top = withinOffset;
+					}
+				}
+			// too far up -> align with top
+			} else if ( overTop > 0 ) {
+				position.top += overTop;
+			// too far down -> align with bottom edge
+			} else if ( overBottom > 0 ) {
+				position.top -= overBottom;
+			// adjust based on position and margin
+			} else {
+				position.top = max( position.top - collisionPosTop, position.top );
+			}
+		}
+	},
+	flip: {
+		left: function( position, data ) {
+			var within = data.within,
+				withinOffset = within.offset.left + within.scrollLeft,
+				outerWidth = within.width,
+				offsetLeft = within.isWindow ? within.scrollLeft : within.offset.left,
+				collisionPosLeft = position.left - data.collisionPosition.marginLeft,
+				overLeft = collisionPosLeft - offsetLeft,
+				overRight = collisionPosLeft + data.collisionWidth - outerWidth - offsetLeft,
+				myOffset = data.my[ 0 ] === "left" ?
+					-data.elemWidth :
+					data.my[ 0 ] === "right" ?
+						data.elemWidth :
+						0,
+				atOffset = data.at[ 0 ] === "left" ?
+					data.targetWidth :
+					data.at[ 0 ] === "right" ?
+						-data.targetWidth :
+						0,
+				offset = -2 * data.offset[ 0 ],
+				newOverRight,
+				newOverLeft;
+
+			if ( overLeft < 0 ) {
+				newOverRight = position.left + myOffset + atOffset + offset + data.collisionWidth - outerWidth - withinOffset;
+				if ( newOverRight < 0 || newOverRight < abs( overLeft ) ) {
+					position.left += myOffset + atOffset + offset;
+				}
+			} else if ( overRight > 0 ) {
+				newOverLeft = position.left - data.collisionPosition.marginLeft + myOffset + atOffset + offset - offsetLeft;
+				if ( newOverLeft > 0 || abs( newOverLeft ) < overRight ) {
+					position.left += myOffset + atOffset + offset;
+				}
+			}
+		},
+		top: function( position, data ) {
+			var within = data.within,
+				withinOffset = within.offset.top + within.scrollTop,
+				outerHeight = within.height,
+				offsetTop = within.isWindow ? within.scrollTop : within.offset.top,
+				collisionPosTop = position.top - data.collisionPosition.marginTop,
+				overTop = collisionPosTop - offsetTop,
+				overBottom = collisionPosTop + data.collisionHeight - outerHeight - offsetTop,
+				top = data.my[ 1 ] === "top",
+				myOffset = top ?
+					-data.elemHeight :
+					data.my[ 1 ] === "bottom" ?
+						data.elemHeight :
+						0,
+				atOffset = data.at[ 1 ] === "top" ?
+					data.targetHeight :
+					data.at[ 1 ] === "bottom" ?
+						-data.targetHeight :
+						0,
+				offset = -2 * data.offset[ 1 ],
+				newOverTop,
+				newOverBottom;
+			if ( overTop < 0 ) {
+				newOverBottom = position.top + myOffset + atOffset + offset + data.collisionHeight - outerHeight - withinOffset;
+				if ( ( position.top + myOffset + atOffset + offset) > overTop && ( newOverBottom < 0 || newOverBottom < abs( overTop ) ) ) {
+					position.top += myOffset + atOffset + offset;
+				}
+			} else if ( overBottom > 0 ) {
+				newOverTop = position.top - data.collisionPosition.marginTop + myOffset + atOffset + offset - offsetTop;
+				if ( ( position.top + myOffset + atOffset + offset) > overBottom && ( newOverTop > 0 || abs( newOverTop ) < overBottom ) ) {
+					position.top += myOffset + atOffset + offset;
+				}
+			}
+		}
+	},
+	flipfit: {
+		left: function() {
+			$.ui.position.flip.left.apply( this, arguments );
+			$.ui.position.fit.left.apply( this, arguments );
+		},
+		top: function() {
+			$.ui.position.flip.top.apply( this, arguments );
+			$.ui.position.fit.top.apply( this, arguments );
+		}
+	}
+};
+
+// fraction support test
+(function() {
+	var testElement, testElementParent, testElementStyle, offsetLeft, i,
+		body = document.getElementsByTagName( "body" )[ 0 ],
+		div = document.createElement( "div" );
+
+	//Create a "fake body" for testing based on method used in jQuery.support
+	testElement = document.createElement( body ? "div" : "body" );
+	testElementStyle = {
+		visibility: "hidden",
+		width: 0,
+		height: 0,
+		border: 0,
+		margin: 0,
+		background: "none"
+	};
+	if ( body ) {
+		$.extend( testElementStyle, {
+			position: "absolute",
+			left: "-1000px",
+			top: "-1000px"
+		});
+	}
+	for ( i in testElementStyle ) {
+		testElement.style[ i ] = testElementStyle[ i ];
+	}
+	testElement.appendChild( div );
+	testElementParent = body || document.documentElement;
+	testElementParent.insertBefore( testElement, testElementParent.firstChild );
+
+	div.style.cssText = "position: absolute; left: 10.7432222px;";
+
+	offsetLeft = $( div ).offset().left;
+	supportsOffsetFractions = offsetLeft > 10 && offsetLeft < 11;
+
+	testElement.innerHTML = "";
+	testElementParent.removeChild( testElement );
+})();
+
+})();
+
+var position = $.ui.position;
+
+
+/*!
+ * jQuery UI Draggable 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/draggable/
+ */
+
+
+$.widget("ui.draggable", $.ui.mouse, {
+	version: "1.11.2",
+	widgetEventPrefix: "drag",
+	options: {
+		addClasses: true,
+		appendTo: "parent",
+		axis: false,
+		connectToSortable: false,
+		containment: false,
+		cursor: "auto",
+		cursorAt: false,
+		grid: false,
+		handle: false,
+		helper: "original",
+		iframeFix: false,
+		opacity: false,
+		refreshPositions: false,
+		revert: false,
+		revertDuration: 500,
+		scope: "default",
+		scroll: true,
+		scrollSensitivity: 20,
+		scrollSpeed: 20,
+		snap: false,
+		snapMode: "both",
+		snapTolerance: 20,
+		stack: false,
+		zIndex: false,
+
+		// callbacks
+		drag: null,
+		start: null,
+		stop: null
+	},
+	_create: function() {
+
+		if ( this.options.helper === "original" ) {
+			this._setPositionRelative();
+		}
+		if (this.options.addClasses){
+			this.element.addClass("ui-draggable");
+		}
+		if (this.options.disabled){
+			this.element.addClass("ui-draggable-disabled");
+		}
+		this._setHandleClassName();
+
+		this._mouseInit();
+	},
+
+	_setOption: function( key, value ) {
+		this._super( key, value );
+		if ( key === "handle" ) {
+			this._removeHandleClassName();
+			this._setHandleClassName();
+		}
+	},
+
+	_destroy: function() {
+		if ( ( this.helper || this.element ).is( ".ui-draggable-dragging" ) ) {
+			this.destroyOnClear = true;
+			return;
+		}
+		this.element.removeClass( "ui-draggable ui-draggable-dragging ui-draggable-disabled" );
+		this._removeHandleClassName();
+		this._mouseDestroy();
+	},
+
+	_mouseCapture: function(event) {
+		var o = this.options;
+
+		this._blurActiveElement( event );
+
+		// among others, prevent a drag on a resizable-handle
+		if (this.helper || o.disabled || $(event.target).closest(".ui-resizable-handle").length > 0) {
+			return false;
+		}
+
+		//Quit if we're not on a valid handle
+		this.handle = this._getHandle(event);
+		if (!this.handle) {
+			return false;
+		}
+
+		this._blockFrames( o.iframeFix === true ? "iframe" : o.iframeFix );
+
+		return true;
+
+	},
+
+	_blockFrames: function( selector ) {
+		this.iframeBlocks = this.document.find( selector ).map(function() {
+			var iframe = $( this );
+
+			return $( "<div>" )
+				.css( "position", "absolute" )
+				.appendTo( iframe.parent() )
+				.outerWidth( iframe.outerWidth() )
+				.outerHeight( iframe.outerHeight() )
+				.offset( iframe.offset() )[ 0 ];
+		});
+	},
+
+	_unblockFrames: function() {
+		if ( this.iframeBlocks ) {
+			this.iframeBlocks.remove();
+			delete this.iframeBlocks;
+		}
+	},
+
+	_blurActiveElement: function( event ) {
+		var document = this.document[ 0 ];
+
+		// Only need to blur if the event occurred on the draggable itself, see #10527
+		if ( !this.handleElement.is( event.target ) ) {
+			return;
+		}
+
+		// support: IE9
+		// IE9 throws an "Unspecified error" accessing document.activeElement from an <iframe>
+		try {
+
+			// Support: IE9, IE10
+			// If the <body> is blurred, IE will switch windows, see #9520
+			if ( document.activeElement && document.activeElement.nodeName.toLowerCase() !== "body" ) {
+
+				// Blur any element that currently has focus, see #4261
+				$( document.activeElement ).blur();
+			}
+		} catch ( error ) {}
+	},
+
+	_mouseStart: function(event) {
+
+		var o = this.options;
+
+		//Create and append the visible helper
+		this.helper = this._createHelper(event);
+
+		this.helper.addClass("ui-draggable-dragging");
+
+		//Cache the helper size
+		this._cacheHelperProportions();
+
+		//If ddmanager is used for droppables, set the global draggable
+		if ($.ui.ddmanager) {
+			$.ui.ddmanager.current = this;
+		}
+
+		/*
+		 * - Position generation -
+		 * This block generates everything position related - it's the core of draggables.
+		 */
+
+		//Cache the margins of the original element
+		this._cacheMargins();
+
+		//Store the helper's css position
+		this.cssPosition = this.helper.css( "position" );
+		this.scrollParent = this.helper.scrollParent( true );
+		this.offsetParent = this.helper.offsetParent();
+		this.hasFixedAncestor = this.helper.parents().filter(function() {
+				return $( this ).css( "position" ) === "fixed";
+			}).length > 0;
+
+		//The element's absolute position on the page minus margins
+		this.positionAbs = this.element.offset();
+		this._refreshOffsets( event );
+
+		//Generate the original position
+		this.originalPosition = this.position = this._generatePosition( event, false );
+		this.originalPageX = event.pageX;
+		this.originalPageY = event.pageY;
+
+		//Adjust the mouse offset relative to the helper if "cursorAt" is supplied
+		(o.cursorAt && this._adjustOffsetFromHelper(o.cursorAt));
+
+		//Set a containment if given in the options
+		this._setContainment();
+
+		//Trigger event + callbacks
+		if (this._trigger("start", event) === false) {
+			this._clear();
+			return false;
+		}
+
+		//Recache the helper size
+		this._cacheHelperProportions();
+
+		//Prepare the droppable offsets
+		if ($.ui.ddmanager && !o.dropBehaviour) {
+			$.ui.ddmanager.prepareOffsets(this, event);
+		}
+
+		// Reset helper's right/bottom css if they're set and set explicit width/height instead
+		// as this prevents resizing of elements with right/bottom set (see #7772)
+		this._normalizeRightBottom();
+
+		this._mouseDrag(event, true); //Execute the drag once - this causes the helper not to be visible before getting its correct position
+
+		//If the ddmanager is used for droppables, inform the manager that dragging has started (see #5003)
+		if ( $.ui.ddmanager ) {
+			$.ui.ddmanager.dragStart(this, event);
+		}
+
+		return true;
+	},
+
+	_refreshOffsets: function( event ) {
+		this.offset = {
+			top: this.positionAbs.top - this.margins.top,
+			left: this.positionAbs.left - this.margins.left,
+			scroll: false,
+			parent: this._getParentOffset(),
+			relative: this._getRelativeOffset()
+		};
+
+		this.offset.click = {
+			left: event.pageX - this.offset.left,
+			top: event.pageY - this.offset.top
+		};
+	},
+
+	_mouseDrag: function(event, noPropagation) {
+		// reset any necessary cached properties (see #5009)
+		if ( this.hasFixedAncestor ) {
+			this.offset.parent = this._getParentOffset();
+		}
+
+		//Compute the helpers position
+		this.position = this._generatePosition( event, true );
+		this.positionAbs = this._convertPositionTo("absolute");
+
+		//Call plugins and callbacks and use the resulting position if something is returned
+		if (!noPropagation) {
+			var ui = this._uiHash();
+			if (this._trigger("drag", event, ui) === false) {
+				this._mouseUp({});
+				return false;
+			}
+			this.position = ui.position;
+		}
+
+		this.helper[ 0 ].style.left = this.position.left + "px";
+		this.helper[ 0 ].style.top = this.position.top + "px";
+
+		if ($.ui.ddmanager) {
+			$.ui.ddmanager.drag(this, event);
+		}
+
+		return false;
+	},
+
+	_mouseStop: function(event) {
+
+		//If we are using droppables, inform the manager about the drop
+		var that = this,
+			dropped = false;
+		if ($.ui.ddmanager && !this.options.dropBehaviour) {
+			dropped = $.ui.ddmanager.drop(this, event);
+		}
+
+		//if a drop comes from outside (a sortable)
+		if (this.dropped) {
+			dropped = this.dropped;
+			this.dropped = false;
+		}
+
+		if ((this.options.revert === "invalid" && !dropped) || (this.options.revert === "valid" && dropped) || this.options.revert === true || ($.isFunction(this.options.revert) && this.options.revert.call(this.element, dropped))) {
+			$(this.helper).animate(this.originalPosition, parseInt(this.options.revertDuration, 10), function() {
+				if (that._trigger("stop", event) !== false) {
+					that._clear();
+				}
+			});
+		} else {
+			if (this._trigger("stop", event) !== false) {
+				this._clear();
+			}
+		}
+
+		return false;
+	},
+
+	_mouseUp: function( event ) {
+		this._unblockFrames();
+
+		//If the ddmanager is used for droppables, inform the manager that dragging has stopped (see #5003)
+		if ( $.ui.ddmanager ) {
+			$.ui.ddmanager.dragStop(this, event);
+		}
+
+		// Only need to focus if the event occurred on the draggable itself, see #10527
+		if ( this.handleElement.is( event.target ) ) {
+			// The interaction is over; whether or not the click resulted in a drag, focus the element
+			this.element.focus();
+		}
+
+		return $.ui.mouse.prototype._mouseUp.call(this, event);
+	},
+
+	cancel: function() {
+
+		if (this.helper.is(".ui-draggable-dragging")) {
+			this._mouseUp({});
+		} else {
+			this._clear();
+		}
+
+		return this;
+
+	},
+
+	_getHandle: function(event) {
+		return this.options.handle ?
+			!!$( event.target ).closest( this.element.find( this.options.handle ) ).length :
+			true;
+	},
+
+	_setHandleClassName: function() {
+		this.handleElement = this.options.handle ?
+			this.element.find( this.options.handle ) : this.element;
+		this.handleElement.addClass( "ui-draggable-handle" );
+	},
+
+	_removeHandleClassName: function() {
+		this.handleElement.removeClass( "ui-draggable-handle" );
+	},
+
+	_createHelper: function(event) {
+
+		var o = this.options,
+			helperIsFunction = $.isFunction( o.helper ),
+			helper = helperIsFunction ?
+				$( o.helper.apply( this.element[ 0 ], [ event ] ) ) :
+				( o.helper === "clone" ?
+					this.element.clone().removeAttr( "id" ) :
+					this.element );
+
+		if (!helper.parents("body").length) {
+			helper.appendTo((o.appendTo === "parent" ? this.element[0].parentNode : o.appendTo));
+		}
+
+		// http://bugs.jqueryui.com/ticket/9446
+		// a helper function can return the original element
+		// which wouldn't have been set to relative in _create
+		if ( helperIsFunction && helper[ 0 ] === this.element[ 0 ] ) {
+			this._setPositionRelative();
+		}
+
+		if (helper[0] !== this.element[0] && !(/(fixed|absolute)/).test(helper.css("position"))) {
+			helper.css("position", "absolute");
+		}
+
+		return helper;
+
+	},
+
+	_setPositionRelative: function() {
+		if ( !( /^(?:r|a|f)/ ).test( this.element.css( "position" ) ) ) {
+			this.element[ 0 ].style.position = "relative";
+		}
+	},
+
+	_adjustOffsetFromHelper: function(obj) {
+		if (typeof obj === "string") {
+			obj = obj.split(" ");
+		}
+		if ($.isArray(obj)) {
+			obj = { left: +obj[0], top: +obj[1] || 0 };
+		}
+		if ("left" in obj) {
+			this.offset.click.left = obj.left + this.margins.left;
+		}
+		if ("right" in obj) {
+			this.offset.click.left = this.helperProportions.width - obj.right + this.margins.left;
+		}
+		if ("top" in obj) {
+			this.offset.click.top = obj.top + this.margins.top;
+		}
+		if ("bottom" in obj) {
+			this.offset.click.top = this.helperProportions.height - obj.bottom + this.margins.top;
+		}
+	},
+
+	_isRootNode: function( element ) {
+		return ( /(html|body)/i ).test( element.tagName ) || element === this.document[ 0 ];
+	},
+
+	_getParentOffset: function() {
+
+		//Get the offsetParent and cache its position
+		var po = this.offsetParent.offset(),
+			document = this.document[ 0 ];
+
+		// This is a special case where we need to modify a offset calculated on start, since the following happened:
+		// 1. The position of the helper is absolute, so it's position is calculated based on the next positioned parent
+		// 2. The actual offset parent is a child of the scroll parent, and the scroll parent isn't the document, which means that
+		//    the scroll is included in the initial calculation of the offset of the parent, and never recalculated upon drag
+		if (this.cssPosition === "absolute" && this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0])) {
+			po.left += this.scrollParent.scrollLeft();
+			po.top += this.scrollParent.scrollTop();
+		}
+
+		if ( this._isRootNode( this.offsetParent[ 0 ] ) ) {
+			po = { top: 0, left: 0 };
+		}
+
+		return {
+			top: po.top + (parseInt(this.offsetParent.css("borderTopWidth"), 10) || 0),
+			left: po.left + (parseInt(this.offsetParent.css("borderLeftWidth"), 10) || 0)
+		};
+
+	},
+
+	_getRelativeOffset: function() {
+		if ( this.cssPosition !== "relative" ) {
+			return { top: 0, left: 0 };
+		}
+
+		var p = this.element.position(),
+			scrollIsRootNode = this._isRootNode( this.scrollParent[ 0 ] );
+
+		return {
+			top: p.top - ( parseInt(this.helper.css( "top" ), 10) || 0 ) + ( !scrollIsRootNode ? this.scrollParent.scrollTop() : 0 ),
+			left: p.left - ( parseInt(this.helper.css( "left" ), 10) || 0 ) + ( !scrollIsRootNode ? this.scrollParent.scrollLeft() : 0 )
+		};
+
+	},
+
+	_cacheMargins: function() {
+		this.margins = {
+			left: (parseInt(this.element.css("marginLeft"), 10) || 0),
+			top: (parseInt(this.element.css("marginTop"), 10) || 0),
+			right: (parseInt(this.element.css("marginRight"), 10) || 0),
+			bottom: (parseInt(this.element.css("marginBottom"), 10) || 0)
+		};
+	},
+
+	_cacheHelperProportions: function() {
+		this.helperProportions = {
+			width: this.helper.outerWidth(),
+			height: this.helper.outerHeight()
+		};
+	},
+
+	_setContainment: function() {
+
+		var isUserScrollable, c, ce,
+			o = this.options,
+			document = this.document[ 0 ];
+
+		this.relativeContainer = null;
+
+		if ( !o.containment ) {
+			this.containment = null;
+			return;
+		}
+
+		if ( o.containment === "window" ) {
+			this.containment = [
+				$( window ).scrollLeft() - this.offset.relative.left - this.offset.parent.left,
+				$( window ).scrollTop() - this.offset.relative.top - this.offset.parent.top,
+				$( window ).scrollLeft() + $( window ).width() - this.helperProportions.width - this.margins.left,
+				$( window ).scrollTop() + ( $( window ).height() || document.body.parentNode.scrollHeight ) - this.helperProportions.height - this.margins.top
+			];
+			return;
+		}
+
+		if ( o.containment === "document") {
+			this.containment = [
+				0,
+				0,
+				$( document ).width() - this.helperProportions.width - this.margins.left,
+				( $( document ).height() || document.body.parentNode.scrollHeight ) - this.helperProportions.height - this.margins.top
+			];
+			return;
+		}
+
+		if ( o.containment.constructor === Array ) {
+			this.containment = o.containment;
+			return;
+		}
+
+		if ( o.containment === "parent" ) {
+			o.containment = this.helper[ 0 ].parentNode;
+		}
+
+		c = $( o.containment );
+		ce = c[ 0 ];
+
+		if ( !ce ) {
+			return;
+		}
+
+		isUserScrollable = /(scroll|auto)/.test( c.css( "overflow" ) );
+
+		this.containment = [
+			( parseInt( c.css( "borderLeftWidth" ), 10 ) || 0 ) + ( parseInt( c.css( "paddingLeft" ), 10 ) || 0 ),
+			( parseInt( c.css( "borderTopWidth" ), 10 ) || 0 ) + ( parseInt( c.css( "paddingTop" ), 10 ) || 0 ),
+			( isUserScrollable ? Math.max( ce.scrollWidth, ce.offsetWidth ) : ce.offsetWidth ) -
+				( parseInt( c.css( "borderRightWidth" ), 10 ) || 0 ) -
+				( parseInt( c.css( "paddingRight" ), 10 ) || 0 ) -
+				this.helperProportions.width -
+				this.margins.left -
+				this.margins.right,
+			( isUserScrollable ? Math.max( ce.scrollHeight, ce.offsetHeight ) : ce.offsetHeight ) -
+				( parseInt( c.css( "borderBottomWidth" ), 10 ) || 0 ) -
+				( parseInt( c.css( "paddingBottom" ), 10 ) || 0 ) -
+				this.helperProportions.height -
+				this.margins.top -
+				this.margins.bottom
+		];
+		this.relativeContainer = c;
+	},
+
+	_convertPositionTo: function(d, pos) {
+
+		if (!pos) {
+			pos = this.position;
+		}
+
+		var mod = d === "absolute" ? 1 : -1,
+			scrollIsRootNode = this._isRootNode( this.scrollParent[ 0 ] );
+
+		return {
+			top: (
+				pos.top	+																// The absolute mouse position
+				this.offset.relative.top * mod +										// Only for relative positioned nodes: Relative offset from element to offset parent
+				this.offset.parent.top * mod -										// The offsetParent's offset without borders (offset + border)
+				( ( this.cssPosition === "fixed" ? -this.offset.scroll.top : ( scrollIsRootNode ? 0 : this.offset.scroll.top ) ) * mod)
+			),
+			left: (
+				pos.left +																// The absolute mouse position
+				this.offset.relative.left * mod +										// Only for relative positioned nodes: Relative offset from element to offset parent
+				this.offset.parent.left * mod	-										// The offsetParent's offset without borders (offset + border)
+				( ( this.cssPosition === "fixed" ? -this.offset.scroll.left : ( scrollIsRootNode ? 0 : this.offset.scroll.left ) ) * mod)
+			)
+		};
+
+	},
+
+	_generatePosition: function( event, constrainPosition ) {
+
+		var containment, co, top, left,
+			o = this.options,
+			scrollIsRootNode = this._isRootNode( this.scrollParent[ 0 ] ),
+			pageX = event.pageX,
+			pageY = event.pageY;
+
+		// Cache the scroll
+		if ( !scrollIsRootNode || !this.offset.scroll ) {
+			this.offset.scroll = {
+				top: this.scrollParent.scrollTop(),
+				left: this.scrollParent.scrollLeft()
+			};
+		}
+
+		/*
+		 * - Position constraining -
+		 * Constrain the position to a mix of grid, containment.
+		 */
+
+		// If we are not dragging yet, we won't check for options
+		if ( constrainPosition ) {
+			if ( this.containment ) {
+				if ( this.relativeContainer ){
+					co = this.relativeContainer.offset();
+					containment = [
+						this.containment[ 0 ] + co.left,
+						this.containment[ 1 ] + co.top,
+						this.containment[ 2 ] + co.left,
+						this.containment[ 3 ] + co.top
+					];
+				} else {
+					containment = this.containment;
+				}
+
+				if (event.pageX - this.offset.click.left < containment[0]) {
+					pageX = containment[0] + this.offset.click.left;
+				}
+				if (event.pageY - this.offset.click.top < containment[1]) {
+					pageY = containment[1] + this.offset.click.top;
+				}
+				if (event.pageX - this.offset.click.left > containment[2]) {
+					pageX = containment[2] + this.offset.click.left;
+				}
+				if (event.pageY - this.offset.click.top > containment[3]) {
+					pageY = containment[3] + this.offset.click.top;
+				}
+			}
+
+			if (o.grid) {
+				//Check for grid elements set to 0 to prevent divide by 0 error causing invalid argument errors in IE (see ticket #6950)
+				top = o.grid[1] ? this.originalPageY + Math.round((pageY - this.originalPageY) / o.grid[1]) * o.grid[1] : this.originalPageY;
+				pageY = containment ? ((top - this.offset.click.top >= containment[1] || top - this.offset.click.top > containment[3]) ? top : ((top - this.offset.click.top >= containment[1]) ? top - o.grid[1] : top + o.grid[1])) : top;
+
+				left = o.grid[0] ? this.originalPageX + Math.round((pageX - this.originalPageX) / o.grid[0]) * o.grid[0] : this.originalPageX;
+				pageX = containment ? ((left - this.offset.click.left >= containment[0] || left - this.offset.click.left > containment[2]) ? left : ((left - this.offset.click.left >= containment[0]) ? left - o.grid[0] : left + o.grid[0])) : left;
+			}
+
+			if ( o.axis === "y" ) {
+				pageX = this.originalPageX;
+			}
+
+			if ( o.axis === "x" ) {
+				pageY = this.originalPageY;
+			}
+		}
+
+		return {
+			top: (
+				pageY -																	// The absolute mouse position
+				this.offset.click.top	-												// Click offset (relative to the element)
+				this.offset.relative.top -												// Only for relative positioned nodes: Relative offset from element to offset parent
+				this.offset.parent.top +												// The offsetParent's offset without borders (offset + border)
+				( this.cssPosition === "fixed" ? -this.offset.scroll.top : ( scrollIsRootNode ? 0 : this.offset.scroll.top ) )
+			),
+			left: (
+				pageX -																	// The absolute mouse position
+				this.offset.click.left -												// Click offset (relative to the element)
+				this.offset.relative.left -												// Only for relative positioned nodes: Relative offset from element to offset parent
+				this.offset.parent.left +												// The offsetParent's offset without borders (offset + border)
+				( this.cssPosition === "fixed" ? -this.offset.scroll.left : ( scrollIsRootNode ? 0 : this.offset.scroll.left ) )
+			)
+		};
+
+	},
+
+	_clear: function() {
+		this.helper.removeClass("ui-draggable-dragging");
+		if (this.helper[0] !== this.element[0] && !this.cancelHelperRemoval) {
+			this.helper.remove();
+		}
+		this.helper = null;
+		this.cancelHelperRemoval = false;
+		if ( this.destroyOnClear ) {
+			this.destroy();
+		}
+	},
+
+	_normalizeRightBottom: function() {
+		if ( this.options.axis !== "y" && this.helper.css( "right" ) !== "auto" ) {
+			this.helper.width( this.helper.width() );
+			this.helper.css( "right", "auto" );
+		}
+		if ( this.options.axis !== "x" && this.helper.css( "bottom" ) !== "auto" ) {
+			this.helper.height( this.helper.height() );
+			this.helper.css( "bottom", "auto" );
+		}
+	},
+
+	// From now on bulk stuff - mainly helpers
+
+	_trigger: function( type, event, ui ) {
+		ui = ui || this._uiHash();
+		$.ui.plugin.call( this, type, [ event, ui, this ], true );
+
+		// Absolute position and offset (see #6884 ) have to be recalculated after plugins
+		if ( /^(drag|start|stop)/.test( type ) ) {
+			this.positionAbs = this._convertPositionTo( "absolute" );
+			ui.offset = this.positionAbs;
+		}
+		return $.Widget.prototype._trigger.call( this, type, event, ui );
+	},
+
+	plugins: {},
+
+	_uiHash: function() {
+		return {
+			helper: this.helper,
+			position: this.position,
+			originalPosition: this.originalPosition,
+			offset: this.positionAbs
+		};
+	}
+
+});
+
+$.ui.plugin.add( "draggable", "connectToSortable", {
+	start: function( event, ui, draggable ) {
+		var uiSortable = $.extend( {}, ui, {
+			item: draggable.element
+		});
+
+		draggable.sortables = [];
+		$( draggable.options.connectToSortable ).each(function() {
+			var sortable = $( this ).sortable( "instance" );
+
+			if ( sortable && !sortable.options.disabled ) {
+				draggable.sortables.push( sortable );
+
+				// refreshPositions is called at drag start to refresh the containerCache
+				// which is used in drag. This ensures it's initialized and synchronized
+				// with any changes that might have happened on the page since initialization.
+				sortable.refreshPositions();
+				sortable._trigger("activate", event, uiSortable);
+			}
+		});
+	},
+	stop: function( event, ui, draggable ) {
+		var uiSortable = $.extend( {}, ui, {
+			item: draggable.element
+		});
+
+		draggable.cancelHelperRemoval = false;
+
+		$.each( draggable.sortables, function() {
+			var sortable = this;
+
+			if ( sortable.isOver ) {
+				sortable.isOver = 0;
+
+				// Allow this sortable to handle removing the helper
+				draggable.cancelHelperRemoval = true;
+				sortable.cancelHelperRemoval = false;
+
+				// Use _storedCSS To restore properties in the sortable,
+				// as this also handles revert (#9675) since the draggable
+				// may have modified them in unexpected ways (#8809)
+				sortable._storedCSS = {
+					position: sortable.placeholder.css( "position" ),
+					top: sortable.placeholder.css( "top" ),
+					left: sortable.placeholder.css( "left" )
+				};
+
+				sortable._mouseStop(event);
+
+				// Once drag has ended, the sortable should return to using
+				// its original helper, not the shared helper from draggable
+				sortable.options.helper = sortable.options._helper;
+			} else {
+				// Prevent this Sortable from removing the helper.
+				// However, don't set the draggable to remove the helper
+				// either as another connected Sortable may yet handle the removal.
+				sortable.cancelHelperRemoval = true;
+
+				sortable._trigger( "deactivate", event, uiSortable );
+			}
+		});
+	},
+	drag: function( event, ui, draggable ) {
+		$.each( draggable.sortables, function() {
+			var innermostIntersecting = false,
+				sortable = this;
+
+			// Copy over variables that sortable's _intersectsWith uses
+			sortable.positionAbs = draggable.positionAbs;
+			sortable.helperProportions = draggable.helperProportions;
+			sortable.offset.click = draggable.offset.click;
+
+			if ( sortable._intersectsWith( sortable.containerCache ) ) {
+				innermostIntersecting = true;
+
+				$.each( draggable.sortables, function() {
+					// Copy over variables that sortable's _intersectsWith uses
+					this.positionAbs = draggable.positionAbs;
+					this.helperProportions = draggable.helperProportions;
+					this.offset.click = draggable.offset.click;
+
+					if ( this !== sortable &&
+							this._intersectsWith( this.containerCache ) &&
+							$.contains( sortable.element[ 0 ], this.element[ 0 ] ) ) {
+						innermostIntersecting = false;
+					}
+
+					return innermostIntersecting;
+				});
+			}
+
+			if ( innermostIntersecting ) {
+				// If it intersects, we use a little isOver variable and set it once,
+				// so that the move-in stuff gets fired only once.
+				if ( !sortable.isOver ) {
+					sortable.isOver = 1;
+
+					sortable.currentItem = ui.helper
+						.appendTo( sortable.element )
+						.data( "ui-sortable-item", true );
+
+					// Store helper option to later restore it
+					sortable.options._helper = sortable.options.helper;
+
+					sortable.options.helper = function() {
+						return ui.helper[ 0 ];
+					};
+
+					// Fire the start events of the sortable with our passed browser event,
+					// and our own helper (so it doesn't create a new one)
+					event.target = sortable.currentItem[ 0 ];
+					sortable._mouseCapture( event, true );
+					sortable._mouseStart( event, true, true );
+
+					// Because the browser event is way off the new appended portlet,
+					// modify necessary variables to reflect the changes
+					sortable.offset.click.top = draggable.offset.click.top;
+					sortable.offset.click.left = draggable.offset.click.left;
+					sortable.offset.parent.left -= draggable.offset.parent.left -
+						sortable.offset.parent.left;
+					sortable.offset.parent.top -= draggable.offset.parent.top -
+						sortable.offset.parent.top;
+
+					draggable._trigger( "toSortable", event );
+
+					// Inform draggable that the helper is in a valid drop zone,
+					// used solely in the revert option to handle "valid/invalid".
+					draggable.dropped = sortable.element;
+
+					// Need to refreshPositions of all sortables in the case that
+					// adding to one sortable changes the location of the other sortables (#9675)
+					$.each( draggable.sortables, function() {
+						this.refreshPositions();
+					});
+
+					// hack so receive/update callbacks work (mostly)
+					draggable.currentItem = draggable.element;
+					sortable.fromOutside = draggable;
+				}
+
+				if ( sortable.currentItem ) {
+					sortable._mouseDrag( event );
+					// Copy the sortable's position because the draggable's can potentially reflect
+					// a relative position, while sortable is always absolute, which the dragged
+					// element has now become. (#8809)
+					ui.position = sortable.position;
+				}
+			} else {
+				// If it doesn't intersect with the sortable, and it intersected before,
+				// we fake the drag stop of the sortable, but make sure it doesn't remove
+				// the helper by using cancelHelperRemoval.
+				if ( sortable.isOver ) {
+
+					sortable.isOver = 0;
+					sortable.cancelHelperRemoval = true;
+
+					// Calling sortable's mouseStop would trigger a revert,
+					// so revert must be temporarily false until after mouseStop is called.
+					sortable.options._revert = sortable.options.revert;
+					sortable.options.revert = false;
+
+					sortable._trigger( "out", event, sortable._uiHash( sortable ) );
+					sortable._mouseStop( event, true );
+
+					// restore sortable behaviors that were modfied
+					// when the draggable entered the sortable area (#9481)
+					sortable.options.revert = sortable.options._revert;
+					sortable.options.helper = sortable.options._helper;
+
+					if ( sortable.placeholder ) {
+						sortable.placeholder.remove();
+					}
+
+					// Recalculate the draggable's offset considering the sortable
+					// may have modified them in unexpected ways (#8809)
+					draggable._refreshOffsets( event );
+					ui.position = draggable._generatePosition( event, true );
+
+					draggable._trigger( "fromSortable", event );
+
+					// Inform draggable that the helper is no longer in a valid drop zone
+					draggable.dropped = false;
+
+					// Need to refreshPositions of all sortables just in case removing
+					// from one sortable changes the location of other sortables (#9675)
+					$.each( draggable.sortables, function() {
+						this.refreshPositions();
+					});
+				}
+			}
+		});
+	}
+});
+
+$.ui.plugin.add("draggable", "cursor", {
+	start: function( event, ui, instance ) {
+		var t = $( "body" ),
+			o = instance.options;
+
+		if (t.css("cursor")) {
+			o._cursor = t.css("cursor");
+		}
+		t.css("cursor", o.cursor);
+	},
+	stop: function( event, ui, instance ) {
+		var o = instance.options;
+		if (o._cursor) {
+			$("body").css("cursor", o._cursor);
+		}
+	}
+});
+
+$.ui.plugin.add("draggable", "opacity", {
+	start: function( event, ui, instance ) {
+		var t = $( ui.helper ),
+			o = instance.options;
+		if (t.css("opacity")) {
+			o._opacity = t.css("opacity");
+		}
+		t.css("opacity", o.opacity);
+	},
+	stop: function( event, ui, instance ) {
+		var o = instance.options;
+		if (o._opacity) {
+			$(ui.helper).css("opacity", o._opacity);
+		}
+	}
+});
+
+$.ui.plugin.add("draggable", "scroll", {
+	start: function( event, ui, i ) {
+		if ( !i.scrollParentNotHidden ) {
+			i.scrollParentNotHidden = i.helper.scrollParent( false );
+		}
+
+		if ( i.scrollParentNotHidden[ 0 ] !== i.document[ 0 ] && i.scrollParentNotHidden[ 0 ].tagName !== "HTML" ) {
+			i.overflowOffset = i.scrollParentNotHidden.offset();
+		}
+	},
+	drag: function( event, ui, i  ) {
+
+		var o = i.options,
+			scrolled = false,
+			scrollParent = i.scrollParentNotHidden[ 0 ],
+			document = i.document[ 0 ];
+
+		if ( scrollParent !== document && scrollParent.tagName !== "HTML" ) {
+			if ( !o.axis || o.axis !== "x" ) {
+				if ( ( i.overflowOffset.top + scrollParent.offsetHeight ) - event.pageY < o.scrollSensitivity ) {
+					scrollParent.scrollTop = scrolled = scrollParent.scrollTop + o.scrollSpeed;
+				} else if ( event.pageY - i.overflowOffset.top < o.scrollSensitivity ) {
+					scrollParent.scrollTop = scrolled = scrollParent.scrollTop - o.scrollSpeed;
+				}
+			}
+
+			if ( !o.axis || o.axis !== "y" ) {
+				if ( ( i.overflowOffset.left + scrollParent.offsetWidth ) - event.pageX < o.scrollSensitivity ) {
+					scrollParent.scrollLeft = scrolled = scrollParent.scrollLeft + o.scrollSpeed;
+				} else if ( event.pageX - i.overflowOffset.left < o.scrollSensitivity ) {
+					scrollParent.scrollLeft = scrolled = scrollParent.scrollLeft - o.scrollSpeed;
+				}
+			}
+
+		} else {
+
+			if (!o.axis || o.axis !== "x") {
+				if (event.pageY - $(document).scrollTop() < o.scrollSensitivity) {
+					scrolled = $(document).scrollTop($(document).scrollTop() - o.scrollSpeed);
+				} else if ($(window).height() - (event.pageY - $(document).scrollTop()) < o.scrollSensitivity) {
+					scrolled = $(document).scrollTop($(document).scrollTop() + o.scrollSpeed);
+				}
+			}
+
+			if (!o.axis || o.axis !== "y") {
+				if (event.pageX - $(document).scrollLeft() < o.scrollSensitivity) {
+					scrolled = $(document).scrollLeft($(document).scrollLeft() - o.scrollSpeed);
+				} else if ($(window).width() - (event.pageX - $(document).scrollLeft()) < o.scrollSensitivity) {
+					scrolled = $(document).scrollLeft($(document).scrollLeft() + o.scrollSpeed);
+				}
+			}
+
+		}
+
+		if (scrolled !== false && $.ui.ddmanager && !o.dropBehaviour) {
+			$.ui.ddmanager.prepareOffsets(i, event);
+		}
+
+	}
+});
+
+$.ui.plugin.add("draggable", "snap", {
+	start: function( event, ui, i ) {
+
+		var o = i.options;
+
+		i.snapElements = [];
+
+		$(o.snap.constructor !== String ? ( o.snap.items || ":data(ui-draggable)" ) : o.snap).each(function() {
+			var $t = $(this),
+				$o = $t.offset();
+			if (this !== i.element[0]) {
+				i.snapElements.push({
+					item: this,
+					width: $t.outerWidth(), height: $t.outerHeight(),
+					top: $o.top, left: $o.left
+				});
+			}
+		});
+
+	},
+	drag: function( event, ui, inst ) {
+
+		var ts, bs, ls, rs, l, r, t, b, i, first,
+			o = inst.options,
+			d = o.snapTolerance,
+			x1 = ui.offset.left, x2 = x1 + inst.helperProportions.width,
+			y1 = ui.offset.top, y2 = y1 + inst.helperProportions.height;
+
+		for (i = inst.snapElements.length - 1; i >= 0; i--){
+
+			l = inst.snapElements[i].left - inst.margins.left;
+			r = l + inst.snapElements[i].width;
+			t = inst.snapElements[i].top - inst.margins.top;
+			b = t + inst.snapElements[i].height;
+
+			if ( x2 < l - d || x1 > r + d || y2 < t - d || y1 > b + d || !$.contains( inst.snapElements[ i ].item.ownerDocument, inst.snapElements[ i ].item ) ) {
+				if (inst.snapElements[i].snapping) {
+					(inst.options.snap.release && inst.options.snap.release.call(inst.element, event, $.extend(inst._uiHash(), { snapItem: inst.snapElements[i].item })));
+				}
+				inst.snapElements[i].snapping = false;
+				continue;
+			}
+
+			if (o.snapMode !== "inner") {
+				ts = Math.abs(t - y2) <= d;
+				bs = Math.abs(b - y1) <= d;
+				ls = Math.abs(l - x2) <= d;
+				rs = Math.abs(r - x1) <= d;
+				if (ts) {
+					ui.position.top = inst._convertPositionTo("relative", { top: t - inst.helperProportions.height, left: 0 }).top;
+				}
+				if (bs) {
+					ui.position.top = inst._convertPositionTo("relative", { top: b, left: 0 }).top;
+				}
+				if (ls) {
+					ui.position.left = inst._convertPositionTo("relative", { top: 0, left: l - inst.helperProportions.width }).left;
+				}
+				if (rs) {
+					ui.position.left = inst._convertPositionTo("relative", { top: 0, left: r }).left;
+				}
+			}
+
+			first = (ts || bs || ls || rs);
+
+			if (o.snapMode !== "outer") {
+				ts = Math.abs(t - y1) <= d;
+				bs = Math.abs(b - y2) <= d;
+				ls = Math.abs(l - x1) <= d;
+				rs = Math.abs(r - x2) <= d;
+				if (ts) {
+					ui.position.top = inst._convertPositionTo("relative", { top: t, left: 0 }).top;
+				}
+				if (bs) {
+					ui.position.top = inst._convertPositionTo("relative", { top: b - inst.helperProportions.height, left: 0 }).top;
+				}
+				if (ls) {
+					ui.position.left = inst._convertPositionTo("relative", { top: 0, left: l }).left;
+				}
+				if (rs) {
+					ui.position.left = inst._convertPositionTo("relative", { top: 0, left: r - inst.helperProportions.width }).left;
+				}
+			}
+
+			if (!inst.snapElements[i].snapping && (ts || bs || ls || rs || first)) {
+				(inst.options.snap.snap && inst.options.snap.snap.call(inst.element, event, $.extend(inst._uiHash(), { snapItem: inst.snapElements[i].item })));
+			}
+			inst.snapElements[i].snapping = (ts || bs || ls || rs || first);
+
+		}
+
+	}
+});
+
+$.ui.plugin.add("draggable", "stack", {
+	start: function( event, ui, instance ) {
+		var min,
+			o = instance.options,
+			group = $.makeArray($(o.stack)).sort(function(a, b) {
+				return (parseInt($(a).css("zIndex"), 10) || 0) - (parseInt($(b).css("zIndex"), 10) || 0);
+			});
+
+		if (!group.length) { return; }
+
+		min = parseInt($(group[0]).css("zIndex"), 10) || 0;
+		$(group).each(function(i) {
+			$(this).css("zIndex", min + i);
+		});
+		this.css("zIndex", (min + group.length));
+	}
+});
+
+$.ui.plugin.add("draggable", "zIndex", {
+	start: function( event, ui, instance ) {
+		var t = $( ui.helper ),
+			o = instance.options;
+
+		if (t.css("zIndex")) {
+			o._zIndex = t.css("zIndex");
+		}
+		t.css("zIndex", o.zIndex);
+	},
+	stop: function( event, ui, instance ) {
+		var o = instance.options;
+
+		if (o._zIndex) {
+			$(ui.helper).css("zIndex", o._zIndex);
+		}
+	}
+});
+
+var draggable = $.ui.draggable;
+
+
+/*!
+ * jQuery UI Droppable 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/droppable/
+ */
+
+
+$.widget( "ui.droppable", {
+	version: "1.11.2",
+	widgetEventPrefix: "drop",
+	options: {
+		accept: "*",
+		activeClass: false,
+		addClasses: true,
+		greedy: false,
+		hoverClass: false,
+		scope: "default",
+		tolerance: "intersect",
+
+		// callbacks
+		activate: null,
+		deactivate: null,
+		drop: null,
+		out: null,
+		over: null
+	},
+	_create: function() {
+
+		var proportions,
+			o = this.options,
+			accept = o.accept;
+
+		this.isover = false;
+		this.isout = true;
+
+		this.accept = $.isFunction( accept ) ? accept : function( d ) {
+			return d.is( accept );
+		};
+
+		this.proportions = function( /* valueToWrite */ ) {
+			if ( arguments.length ) {
+				// Store the droppable's proportions
+				proportions = arguments[ 0 ];
+			} else {
+				// Retrieve or derive the droppable's proportions
+				return proportions ?
+					proportions :
+					proportions = {
+						width: this.element[ 0 ].offsetWidth,
+						height: this.element[ 0 ].offsetHeight
+					};
+			}
+		};
+
+		this._addToManager( o.scope );
+
+		o.addClasses && this.element.addClass( "ui-droppable" );
+
+	},
+
+	_addToManager: function( scope ) {
+		// Add the reference and positions to the manager
+		$.ui.ddmanager.droppables[ scope ] = $.ui.ddmanager.droppables[ scope ] || [];
+		$.ui.ddmanager.droppables[ scope ].push( this );
+	},
+
+	_splice: function( drop ) {
+		var i = 0;
+		for ( ; i < drop.length; i++ ) {
+			if ( drop[ i ] === this ) {
+				drop.splice( i, 1 );
+			}
+		}
+	},
+
+	_destroy: function() {
+		var drop = $.ui.ddmanager.droppables[ this.options.scope ];
+
+		this._splice( drop );
+
+		this.element.removeClass( "ui-droppable ui-droppable-disabled" );
+	},
+
+	_setOption: function( key, value ) {
+
+		if ( key === "accept" ) {
+			this.accept = $.isFunction( value ) ? value : function( d ) {
+				return d.is( value );
+			};
+		} else if ( key === "scope" ) {
+			var drop = $.ui.ddmanager.droppables[ this.options.scope ];
+
+			this._splice( drop );
+			this._addToManager( value );
+		}
+
+		this._super( key, value );
+	},
+
+	_activate: function( event ) {
+		var draggable = $.ui.ddmanager.current;
+		if ( this.options.activeClass ) {
+			this.element.addClass( this.options.activeClass );
+		}
+		if ( draggable ){
+			this._trigger( "activate", event, this.ui( draggable ) );
+		}
+	},
+
+	_deactivate: function( event ) {
+		var draggable = $.ui.ddmanager.current;
+		if ( this.options.activeClass ) {
+			this.element.removeClass( this.options.activeClass );
+		}
+		if ( draggable ){
+			this._trigger( "deactivate", event, this.ui( draggable ) );
+		}
+	},
+
+	_over: function( event ) {
+
+		var draggable = $.ui.ddmanager.current;
+
+		// Bail if draggable and droppable are same element
+		if ( !draggable || ( draggable.currentItem || draggable.element )[ 0 ] === this.element[ 0 ] ) {
+			return;
+		}
+
+		if ( this.accept.call( this.element[ 0 ], ( draggable.currentItem || draggable.element ) ) ) {
+			if ( this.options.hoverClass ) {
+				this.element.addClass( this.options.hoverClass );
+			}
+			this._trigger( "over", event, this.ui( draggable ) );
+		}
+
+	},
+
+	_out: function( event ) {
+
+		var draggable = $.ui.ddmanager.current;
+
+		// Bail if draggable and droppable are same element
+		if ( !draggable || ( draggable.currentItem || draggable.element )[ 0 ] === this.element[ 0 ] ) {
+			return;
+		}
+
+		if ( this.accept.call( this.element[ 0 ], ( draggable.currentItem || draggable.element ) ) ) {
+			if ( this.options.hoverClass ) {
+				this.element.removeClass( this.options.hoverClass );
+			}
+			this._trigger( "out", event, this.ui( draggable ) );
+		}
+
+	},
+
+	_drop: function( event, custom ) {
+
+		var draggable = custom || $.ui.ddmanager.current,
+			childrenIntersection = false;
+
+		// Bail if draggable and droppable are same element
+		if ( !draggable || ( draggable.currentItem || draggable.element )[ 0 ] === this.element[ 0 ] ) {
+			return false;
+		}
+
+		this.element.find( ":data(ui-droppable)" ).not( ".ui-draggable-dragging" ).each(function() {
+			var inst = $( this ).droppable( "instance" );
+			if (
+				inst.options.greedy &&
+				!inst.options.disabled &&
+				inst.options.scope === draggable.options.scope &&
+				inst.accept.call( inst.element[ 0 ], ( draggable.currentItem || draggable.element ) ) &&
+				$.ui.intersect( draggable, $.extend( inst, { offset: inst.element.offset() } ), inst.options.tolerance, event )
+			) { childrenIntersection = true; return false; }
+		});
+		if ( childrenIntersection ) {
+			return false;
+		}
+
+		if ( this.accept.call( this.element[ 0 ], ( draggable.currentItem || draggable.element ) ) ) {
+			if ( this.options.activeClass ) {
+				this.element.removeClass( this.options.activeClass );
+			}
+			if ( this.options.hoverClass ) {
+				this.element.removeClass( this.options.hoverClass );
+			}
+			this._trigger( "drop", event, this.ui( draggable ) );
+			return this.element;
+		}
+
+		return false;
+
+	},
+
+	ui: function( c ) {
+		return {
+			draggable: ( c.currentItem || c.element ),
+			helper: c.helper,
+			position: c.position,
+			offset: c.positionAbs
+		};
+	}
+
+});
+
+$.ui.intersect = (function() {
+	function isOverAxis( x, reference, size ) {
+		return ( x >= reference ) && ( x < ( reference + size ) );
+	}
+
+	return function( draggable, droppable, toleranceMode, event ) {
+
+		if ( !droppable.offset ) {
+			return false;
+		}
+
+		var x1 = ( draggable.positionAbs || draggable.position.absolute ).left + draggable.margins.left,
+			y1 = ( draggable.positionAbs || draggable.position.absolute ).top + draggable.margins.top,
+			x2 = x1 + draggable.helperProportions.width,
+			y2 = y1 + draggable.helperProportions.height,
+			l = droppable.offset.left,
+			t = droppable.offset.top,
+			r = l + droppable.proportions().width,
+			b = t + droppable.proportions().height;
+
+		switch ( toleranceMode ) {
+		case "fit":
+			return ( l <= x1 && x2 <= r && t <= y1 && y2 <= b );
+		case "intersect":
+			return ( l < x1 + ( draggable.helperProportions.width / 2 ) && // Right Half
+				x2 - ( draggable.helperProportions.width / 2 ) < r && // Left Half
+				t < y1 + ( draggable.helperProportions.height / 2 ) && // Bottom Half
+				y2 - ( draggable.helperProportions.height / 2 ) < b ); // Top Half
+		case "pointer":
+			return isOverAxis( event.pageY, t, droppable.proportions().height ) && isOverAxis( event.pageX, l, droppable.proportions().width );
+		case "touch":
+			return (
+				( y1 >= t && y1 <= b ) || // Top edge touching
+				( y2 >= t && y2 <= b ) || // Bottom edge touching
+				( y1 < t && y2 > b ) // Surrounded vertically
+			) && (
+				( x1 >= l && x1 <= r ) || // Left edge touching
+				( x2 >= l && x2 <= r ) || // Right edge touching
+				( x1 < l && x2 > r ) // Surrounded horizontally
+			);
+		default:
+			return false;
+		}
+	};
+})();
+
+/*
+	This manager tracks offsets of draggables and droppables
+*/
+$.ui.ddmanager = {
+	current: null,
+	droppables: { "default": [] },
+	prepareOffsets: function( t, event ) {
+
+		var i, j,
+			m = $.ui.ddmanager.droppables[ t.options.scope ] || [],
+			type = event ? event.type : null, // workaround for #2317
+			list = ( t.currentItem || t.element ).find( ":data(ui-droppable)" ).addBack();
+
+		droppablesLoop: for ( i = 0; i < m.length; i++ ) {
+
+			// No disabled and non-accepted
+			if ( m[ i ].options.disabled || ( t && !m[ i ].accept.call( m[ i ].element[ 0 ], ( t.currentItem || t.element ) ) ) ) {
+				continue;
+			}
+
+			// Filter out elements in the current dragged item
+			for ( j = 0; j < list.length; j++ ) {
+				if ( list[ j ] === m[ i ].element[ 0 ] ) {
+					m[ i ].proportions().height = 0;
+					continue droppablesLoop;
+				}
+			}
+
+			m[ i ].visible = m[ i ].element.css( "display" ) !== "none";
+			if ( !m[ i ].visible ) {
+				continue;
+			}
+
+			// Activate the droppable if used directly from draggables
+			if ( type === "mousedown" ) {
+				m[ i ]._activate.call( m[ i ], event );
+			}
+
+			m[ i ].offset = m[ i ].element.offset();
+			m[ i ].proportions({ width: m[ i ].element[ 0 ].offsetWidth, height: m[ i ].element[ 0 ].offsetHeight });
+
+		}
+
+	},
+	drop: function( draggable, event ) {
+
+		var dropped = false;
+		// Create a copy of the droppables in case the list changes during the drop (#9116)
+		$.each( ( $.ui.ddmanager.droppables[ draggable.options.scope ] || [] ).slice(), function() {
+
+			if ( !this.options ) {
+				return;
+			}
+			if ( !this.options.disabled && this.visible && $.ui.intersect( draggable, this, this.options.tolerance, event ) ) {
+				dropped = this._drop.call( this, event ) || dropped;
+			}
+
+			if ( !this.options.disabled && this.visible && this.accept.call( this.element[ 0 ], ( draggable.currentItem || draggable.element ) ) ) {
+				this.isout = true;
+				this.isover = false;
+				this._deactivate.call( this, event );
+			}
+
+		});
+		return dropped;
+
+	},
+	dragStart: function( draggable, event ) {
+		// Listen for scrolling so that if the dragging causes scrolling the position of the droppables can be recalculated (see #5003)
+		draggable.element.parentsUntil( "body" ).bind( "scroll.droppable", function() {
+			if ( !draggable.options.refreshPositions ) {
+				$.ui.ddmanager.prepareOffsets( draggable, event );
+			}
+		});
+	},
+	drag: function( draggable, event ) {
+
+		// If you have a highly dynamic page, you might try this option. It renders positions every time you move the mouse.
+		if ( draggable.options.refreshPositions ) {
+			$.ui.ddmanager.prepareOffsets( draggable, event );
+		}
+
+		// Run through all droppables and check their positions based on specific tolerance options
+		$.each( $.ui.ddmanager.droppables[ draggable.options.scope ] || [], function() {
+
+			if ( this.options.disabled || this.greedyChild || !this.visible ) {
+				return;
+			}
+
+			var parentInstance, scope, parent,
+				intersects = $.ui.intersect( draggable, this, this.options.tolerance, event ),
+				c = !intersects && this.isover ? "isout" : ( intersects && !this.isover ? "isover" : null );
+			if ( !c ) {
+				return;
+			}
+
+			if ( this.options.greedy ) {
+				// find droppable parents with same scope
+				scope = this.options.scope;
+				parent = this.element.parents( ":data(ui-droppable)" ).filter(function() {
+					return $( this ).droppable( "instance" ).options.scope === scope;
+				});
+
+				if ( parent.length ) {
+					parentInstance = $( parent[ 0 ] ).droppable( "instance" );
+					parentInstance.greedyChild = ( c === "isover" );
+				}
+			}
+
+			// we just moved into a greedy child
+			if ( parentInstance && c === "isover" ) {
+				parentInstance.isover = false;
+				parentInstance.isout = true;
+				parentInstance._out.call( parentInstance, event );
+			}
+
+			this[ c ] = true;
+			this[c === "isout" ? "isover" : "isout"] = false;
+			this[c === "isover" ? "_over" : "_out"].call( this, event );
+
+			// we just moved out of a greedy child
+			if ( parentInstance && c === "isout" ) {
+				parentInstance.isout = false;
+				parentInstance.isover = true;
+				parentInstance._over.call( parentInstance, event );
+			}
+		});
+
+	},
+	dragStop: function( draggable, event ) {
+		draggable.element.parentsUntil( "body" ).unbind( "scroll.droppable" );
+		// Call prepareOffsets one final time since IE does not fire return scroll events when overflow was caused by drag (see #5003)
+		if ( !draggable.options.refreshPositions ) {
+			$.ui.ddmanager.prepareOffsets( draggable, event );
+		}
+	}
+};
+
+var droppable = $.ui.droppable;
+
+
+/*!
+ * jQuery UI Resizable 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/resizable/
+ */
+
+
+$.widget("ui.resizable", $.ui.mouse, {
+	version: "1.11.2",
+	widgetEventPrefix: "resize",
+	options: {
+		alsoResize: false,
+		animate: false,
+		animateDuration: "slow",
+		animateEasing: "swing",
+		aspectRatio: false,
+		autoHide: false,
+		containment: false,
+		ghost: false,
+		grid: false,
+		handles: "e,s,se",
+		helper: false,
+		maxHeight: null,
+		maxWidth: null,
+		minHeight: 10,
+		minWidth: 10,
+		// See #7960
+		zIndex: 90,
+
+		// callbacks
+		resize: null,
+		start: null,
+		stop: null
+	},
+
+	_num: function( value ) {
+		return parseInt( value, 10 ) || 0;
+	},
+
+	_isNumber: function( value ) {
+		return !isNaN( parseInt( value, 10 ) );
+	},
+
+	_hasScroll: function( el, a ) {
+
+		if ( $( el ).css( "overflow" ) === "hidden") {
+			return false;
+		}
+
+		var scroll = ( a && a === "left" ) ? "scrollLeft" : "scrollTop",
+			has = false;
+
+		if ( el[ scroll ] > 0 ) {
+			return true;
+		}
+
+		// TODO: determine which cases actually cause this to happen
+		// if the element doesn't have the scroll set, see if it's possible to
+		// set the scroll
+		el[ scroll ] = 1;
+		has = ( el[ scroll ] > 0 );
+		el[ scroll ] = 0;
+		return has;
+	},
+
+	_create: function() {
+
+		var n, i, handle, axis, hname,
+			that = this,
+			o = this.options;
+		this.element.addClass("ui-resizable");
+
+		$.extend(this, {
+			_aspectRatio: !!(o.aspectRatio),
+			aspectRatio: o.aspectRatio,
+			originalElement: this.element,
+			_proportionallyResizeElements: [],
+			_helper: o.helper || o.ghost || o.animate ? o.helper || "ui-resizable-helper" : null
+		});
+
+		// Wrap the element if it cannot hold child nodes
+		if (this.element[0].nodeName.match(/canvas|textarea|input|select|button|img/i)) {
+
+			this.element.wrap(
+				$("<div class='ui-wrapper' style='overflow: hidden;'></div>").css({
+					position: this.element.css("position"),
+					width: this.element.outerWidth(),
+					height: this.element.outerHeight(),
+					top: this.element.css("top"),
+					left: this.element.css("left")
+				})
+			);
+
+			this.element = this.element.parent().data(
+				"ui-resizable", this.element.resizable( "instance" )
+			);
+
+			this.elementIsWrapper = true;
+
+			this.element.css({
+				marginLeft: this.originalElement.css("marginLeft"),
+				marginTop: this.originalElement.css("marginTop"),
+				marginRight: this.originalElement.css("marginRight"),
+				marginBottom: this.originalElement.css("marginBottom")
+			});
+			this.originalElement.css({
+				marginLeft: 0,
+				marginTop: 0,
+				marginRight: 0,
+				marginBottom: 0
+			});
+			// support: Safari
+			// Prevent Safari textarea resize
+			this.originalResizeStyle = this.originalElement.css("resize");
+			this.originalElement.css("resize", "none");
+
+			this._proportionallyResizeElements.push( this.originalElement.css({
+				position: "static",
+				zoom: 1,
+				display: "block"
+			}) );
+
+			// support: IE9
+			// avoid IE jump (hard set the margin)
+			this.originalElement.css({ margin: this.originalElement.css("margin") });
+
+			this._proportionallyResize();
+		}
+
+		this.handles = o.handles ||
+			( !$(".ui-resizable-handle", this.element).length ?
+				"e,s,se" : {
+					n: ".ui-resizable-n",
+					e: ".ui-resizable-e",
+					s: ".ui-resizable-s",
+					w: ".ui-resizable-w",
+					se: ".ui-resizable-se",
+					sw: ".ui-resizable-sw",
+					ne: ".ui-resizable-ne",
+					nw: ".ui-resizable-nw"
+				} );
+
+		if (this.handles.constructor === String) {
+
+			if ( this.handles === "all") {
+				this.handles = "n,e,s,w,se,sw,ne,nw";
+			}
+
+			n = this.handles.split(",");
+			this.handles = {};
+
+			for (i = 0; i < n.length; i++) {
+
+				handle = $.trim(n[i]);
+				hname = "ui-resizable-" + handle;
+				axis = $("<div class='ui-resizable-handle " + hname + "'></div>");
+
+				axis.css({ zIndex: o.zIndex });
+
+				// TODO : What's going on here?
+				if ("se" === handle) {
+					axis.addClass("ui-icon ui-icon-gripsmall-diagonal-se");
+				}
+
+				this.handles[handle] = ".ui-resizable-" + handle;
+				this.element.append(axis);
+			}
+
+		}
+
+		this._renderAxis = function(target) {
+
+			var i, axis, padPos, padWrapper;
+
+			target = target || this.element;
+
+			for (i in this.handles) {
+
+				if (this.handles[i].constructor === String) {
+					this.handles[i] = this.element.children( this.handles[ i ] ).first().show();
+				}
+
+				if (this.elementIsWrapper && this.originalElement[0].nodeName.match(/textarea|input|select|button/i)) {
+
+					axis = $(this.handles[i], this.element);
+
+					padWrapper = /sw|ne|nw|se|n|s/.test(i) ? axis.outerHeight() : axis.outerWidth();
+
+					padPos = [ "padding",
+						/ne|nw|n/.test(i) ? "Top" :
+						/se|sw|s/.test(i) ? "Bottom" :
+						/^e$/.test(i) ? "Right" : "Left" ].join("");
+
+					target.css(padPos, padWrapper);
+
+					this._proportionallyResize();
+
+				}
+
+				// TODO: What's that good for? There's not anything to be executed left
+				if (!$(this.handles[i]).length) {
+					continue;
+				}
+			}
+		};
+
+		// TODO: make renderAxis a prototype function
+		this._renderAxis(this.element);
+
+		this._handles = $(".ui-resizable-handle", this.element)
+			.disableSelection();
+
+		this._handles.mouseover(function() {
+			if (!that.resizing) {
+				if (this.className) {
+					axis = this.className.match(/ui-resizable-(se|sw|ne|nw|n|e|s|w)/i);
+				}
+				that.axis = axis && axis[1] ? axis[1] : "se";
+			}
+		});
+
+		if (o.autoHide) {
+			this._handles.hide();
+			$(this.element)
+				.addClass("ui-resizable-autohide")
+				.mouseenter(function() {
+					if (o.disabled) {
+						return;
+					}
+					$(this).removeClass("ui-resizable-autohide");
+					that._handles.show();
+				})
+				.mouseleave(function() {
+					if (o.disabled) {
+						return;
+					}
+					if (!that.resizing) {
+						$(this).addClass("ui-resizable-autohide");
+						that._handles.hide();
+					}
+				});
+		}
+
+		this._mouseInit();
+
+	},
+
+	_destroy: function() {
+
+		this._mouseDestroy();
+
+		var wrapper,
+			_destroy = function(exp) {
+				$(exp)
+					.removeClass("ui-resizable ui-resizable-disabled ui-resizable-resizing")
+					.removeData("resizable")
+					.removeData("ui-resizable")
+					.unbind(".resizable")
+					.find(".ui-resizable-handle")
+						.remove();
+			};
+
+		// TODO: Unwrap at same DOM position
+		if (this.elementIsWrapper) {
+			_destroy(this.element);
+			wrapper = this.element;
+			this.originalElement.css({
+				position: wrapper.css("position"),
+				width: wrapper.outerWidth(),
+				height: wrapper.outerHeight(),
+				top: wrapper.css("top"),
+				left: wrapper.css("left")
+			}).insertAfter( wrapper );
+			wrapper.remove();
+		}
+
+		this.originalElement.css("resize", this.originalResizeStyle);
+		_destroy(this.originalElement);
+
+		return this;
+	},
+
+	_mouseCapture: function(event) {
+		var i, handle,
+			capture = false;
+
+		for (i in this.handles) {
+			handle = $(this.handles[i])[0];
+			if (handle === event.target || $.contains(handle, event.target)) {
+				capture = true;
+			}
+		}
+
+		return !this.options.disabled && capture;
+	},
+
+	_mouseStart: function(event) {
+
+		var curleft, curtop, cursor,
+			o = this.options,
+			el = this.element;
+
+		this.resizing = true;
+
+		this._renderProxy();
+
+		curleft = this._num(this.helper.css("left"));
+		curtop = this._num(this.helper.css("top"));
+
+		if (o.containment) {
+			curleft += $(o.containment).scrollLeft() || 0;
+			curtop += $(o.containment).scrollTop() || 0;
+		}
+
+		this.offset = this.helper.offset();
+		this.position = { left: curleft, top: curtop };
+
+		this.size = this._helper ? {
+				width: this.helper.width(),
+				height: this.helper.height()
+			} : {
+				width: el.width(),
+				height: el.height()
+			};
+
+		this.originalSize = this._helper ? {
+				width: el.outerWidth(),
+				height: el.outerHeight()
+			} : {
+				width: el.width(),
+				height: el.height()
+			};
+
+		this.sizeDiff = {
+			width: el.outerWidth() - el.width(),
+			height: el.outerHeight() - el.height()
+		};
+
+		this.originalPosition = { left: curleft, top: curtop };
+		this.originalMousePosition = { left: event.pageX, top: event.pageY };
+
+		this.aspectRatio = (typeof o.aspectRatio === "number") ?
+			o.aspectRatio :
+			((this.originalSize.width / this.originalSize.height) || 1);
+
+		cursor = $(".ui-resizable-" + this.axis).css("cursor");
+		$("body").css("cursor", cursor === "auto" ? this.axis + "-resize" : cursor);
+
+		el.addClass("ui-resizable-resizing");
+		this._propagate("start", event);
+		return true;
+	},
+
+	_mouseDrag: function(event) {
+
+		var data, props,
+			smp = this.originalMousePosition,
+			a = this.axis,
+			dx = (event.pageX - smp.left) || 0,
+			dy = (event.pageY - smp.top) || 0,
+			trigger = this._change[a];
+
+		this._updatePrevProperties();
+
+		if (!trigger) {
+			return false;
+		}
+
+		data = trigger.apply(this, [ event, dx, dy ]);
+
+		this._updateVirtualBoundaries(event.shiftKey);
+		if (this._aspectRatio || event.shiftKey) {
+			data = this._updateRatio(data, event);
+		}
+
+		data = this._respectSize(data, event);
+
+		this._updateCache(data);
+
+		this._propagate("resize", event);
+
+		props = this._applyChanges();
+
+		if ( !this._helper && this._proportionallyResizeElements.length ) {
+			this._proportionallyResize();
+		}
+
+		if ( !$.isEmptyObject( props ) ) {
+			this._updatePrevProperties();
+			this._trigger( "resize", event, this.ui() );
+			this._applyChanges();
+		}
+
+		return false;
+	},
+
+	_mouseStop: function(event) {
+
+		this.resizing = false;
+		var pr, ista, soffseth, soffsetw, s, left, top,
+			o = this.options, that = this;
+
+		if (this._helper) {
+
+			pr = this._proportionallyResizeElements;
+			ista = pr.length && (/textarea/i).test(pr[0].nodeName);
+			soffseth = ista && this._hasScroll(pr[0], "left") ? 0 : that.sizeDiff.height;
+			soffsetw = ista ? 0 : that.sizeDiff.width;
+
+			s = {
+				width: (that.helper.width()  - soffsetw),
+				height: (that.helper.height() - soffseth)
+			};
+			left = (parseInt(that.element.css("left"), 10) +
+				(that.position.left - that.originalPosition.left)) || null;
+			top = (parseInt(that.element.css("top"), 10) +
+				(that.position.top - that.originalPosition.top)) || null;
+
+			if (!o.animate) {
+				this.element.css($.extend(s, { top: top, left: left }));
+			}
+
+			that.helper.height(that.size.height);
+			that.helper.width(that.size.width);
+
+			if (this._helper && !o.animate) {
+				this._proportionallyResize();
+			}
+		}
+
+		$("body").css("cursor", "auto");
+
+		this.element.removeClass("ui-resizable-resizing");
+
+		this._propagate("stop", event);
+
+		if (this._helper) {
+			this.helper.remove();
+		}
+
+		return false;
+
+	},
+
+	_updatePrevProperties: function() {
+		this.prevPosition = {
+			top: this.position.top,
+			left: this.position.left
+		};
+		this.prevSize = {
+			width: this.size.width,
+			height: this.size.height
+		};
+	},
+
+	_applyChanges: function() {
+		var props = {};
+
+		if ( this.position.top !== this.prevPosition.top ) {
+			props.top = this.position.top + "px";
+		}
+		if ( this.position.left !== this.prevPosition.left ) {
+			props.left = this.position.left + "px";
+		}
+		if ( this.size.width !== this.prevSize.width ) {
+			props.width = this.size.width + "px";
+		}
+		if ( this.size.height !== this.prevSize.height ) {
+			props.height = this.size.height + "px";
+		}
+
+		this.helper.css( props );
+
+		return props;
+	},
+
+	_updateVirtualBoundaries: function(forceAspectRatio) {
+		var pMinWidth, pMaxWidth, pMinHeight, pMaxHeight, b,
+			o = this.options;
+
+		b = {
+			minWidth: this._isNumber(o.minWidth) ? o.minWidth : 0,
+			maxWidth: this._isNumber(o.maxWidth) ? o.maxWidth : Infinity,
+			minHeight: this._isNumber(o.minHeight) ? o.minHeight : 0,
+			maxHeight: this._isNumber(o.maxHeight) ? o.maxHeight : Infinity
+		};
+
+		if (this._aspectRatio || forceAspectRatio) {
+			pMinWidth = b.minHeight * this.aspectRatio;
+			pMinHeight = b.minWidth / this.aspectRatio;
+			pMaxWidth = b.maxHeight * this.aspectRatio;
+			pMaxHeight = b.maxWidth / this.aspectRatio;
+
+			if (pMinWidth > b.minWidth) {
+				b.minWidth = pMinWidth;
+			}
+			if (pMinHeight > b.minHeight) {
+				b.minHeight = pMinHeight;
+			}
+			if (pMaxWidth < b.maxWidth) {
+				b.maxWidth = pMaxWidth;
+			}
+			if (pMaxHeight < b.maxHeight) {
+				b.maxHeight = pMaxHeight;
+			}
+		}
+		this._vBoundaries = b;
+	},
+
+	_updateCache: function(data) {
+		this.offset = this.helper.offset();
+		if (this._isNumber(data.left)) {
+			this.position.left = data.left;
+		}
+		if (this._isNumber(data.top)) {
+			this.position.top = data.top;
+		}
+		if (this._isNumber(data.height)) {
+			this.size.height = data.height;
+		}
+		if (this._isNumber(data.width)) {
+			this.size.width = data.width;
+		}
+	},
+
+	_updateRatio: function( data ) {
+
+		var cpos = this.position,
+			csize = this.size,
+			a = this.axis;
+
+		if (this._isNumber(data.height)) {
+			data.width = (data.height * this.aspectRatio);
+		} else if (this._isNumber(data.width)) {
+			data.height = (data.width / this.aspectRatio);
+		}
+
+		if (a === "sw") {
+			data.left = cpos.left + (csize.width - data.width);
+			data.top = null;
+		}
+		if (a === "nw") {
+			data.top = cpos.top + (csize.height - data.height);
+			data.left = cpos.left + (csize.width - data.width);
+		}
+
+		return data;
+	},
+
+	_respectSize: function( data ) {
+
+		var o = this._vBoundaries,
+			a = this.axis,
+			ismaxw = this._isNumber(data.width) && o.maxWidth && (o.maxWidth < data.width),
+			ismaxh = this._isNumber(data.height) && o.maxHeight && (o.maxHeight < data.height),
+			isminw = this._isNumber(data.width) && o.minWidth && (o.minWidth > data.width),
+			isminh = this._isNumber(data.height) && o.minHeight && (o.minHeight > data.height),
+			dw = this.originalPosition.left + this.originalSize.width,
+			dh = this.position.top + this.size.height,
+			cw = /sw|nw|w/.test(a), ch = /nw|ne|n/.test(a);
+		if (isminw) {
+			data.width = o.minWidth;
+		}
+		if (isminh) {
+			data.height = o.minHeight;
+		}
+		if (ismaxw) {
+			data.width = o.maxWidth;
+		}
+		if (ismaxh) {
+			data.height = o.maxHeight;
+		}
+
+		if (isminw && cw) {
+			data.left = dw - o.minWidth;
+		}
+		if (ismaxw && cw) {
+			data.left = dw - o.maxWidth;
+		}
+		if (isminh && ch) {
+			data.top = dh - o.minHeight;
+		}
+		if (ismaxh && ch) {
+			data.top = dh - o.maxHeight;
+		}
+
+		// Fixing jump error on top/left - bug #2330
+		if (!data.width && !data.height && !data.left && data.top) {
+			data.top = null;
+		} else if (!data.width && !data.height && !data.top && data.left) {
+			data.left = null;
+		}
+
+		return data;
+	},
+
+	_getPaddingPlusBorderDimensions: function( element ) {
+		var i = 0,
+			widths = [],
+			borders = [
+				element.css( "borderTopWidth" ),
+				element.css( "borderRightWidth" ),
+				element.css( "borderBottomWidth" ),
+				element.css( "borderLeftWidth" )
+			],
+			paddings = [
+				element.css( "paddingTop" ),
+				element.css( "paddingRight" ),
+				element.css( "paddingBottom" ),
+				element.css( "paddingLeft" )
+			];
+
+		for ( ; i < 4; i++ ) {
+			widths[ i ] = ( parseInt( borders[ i ], 10 ) || 0 );
+			widths[ i ] += ( parseInt( paddings[ i ], 10 ) || 0 );
+		}
+
+		return {
+			height: widths[ 0 ] + widths[ 2 ],
+			width: widths[ 1 ] + widths[ 3 ]
+		};
+	},
+
+	_proportionallyResize: function() {
+
+		if (!this._proportionallyResizeElements.length) {
+			return;
+		}
+
+		var prel,
+			i = 0,
+			element = this.helper || this.element;
+
+		for ( ; i < this._proportionallyResizeElements.length; i++) {
+
+			prel = this._proportionallyResizeElements[i];
+
+			// TODO: Seems like a bug to cache this.outerDimensions
+			// considering that we are in a loop.
+			if (!this.outerDimensions) {
+				this.outerDimensions = this._getPaddingPlusBorderDimensions( prel );
+			}
+
+			prel.css({
+				height: (element.height() - this.outerDimensions.height) || 0,
+				width: (element.width() - this.outerDimensions.width) || 0
+			});
+
+		}
+
+	},
+
+	_renderProxy: function() {
+
+		var el = this.element, o = this.options;
+		this.elementOffset = el.offset();
+
+		if (this._helper) {
+
+			this.helper = this.helper || $("<div style='overflow:hidden;'></div>");
+
+			this.helper.addClass(this._helper).css({
+				width: this.element.outerWidth() - 1,
+				height: this.element.outerHeight() - 1,
+				position: "absolute",
+				left: this.elementOffset.left + "px",
+				top: this.elementOffset.top + "px",
+				zIndex: ++o.zIndex //TODO: Don't modify option
+			});
+
+			this.helper
+				.appendTo("body")
+				.disableSelection();
+
+		} else {
+			this.helper = this.element;
+		}
+
+	},
+
+	_change: {
+		e: function(event, dx) {
+			return { width: this.originalSize.width + dx };
+		},
+		w: function(event, dx) {
+			var cs = this.originalSize, sp = this.originalPosition;
+			return { left: sp.left + dx, width: cs.width - dx };
+		},
+		n: function(event, dx, dy) {
+			var cs = this.originalSize, sp = this.originalPosition;
+			return { top: sp.top + dy, height: cs.height - dy };
+		},
+		s: function(event, dx, dy) {
+			return { height: this.originalSize.height + dy };
+		},
+		se: function(event, dx, dy) {
+			return $.extend(this._change.s.apply(this, arguments),
+				this._change.e.apply(this, [ event, dx, dy ]));
+		},
+		sw: function(event, dx, dy) {
+			return $.extend(this._change.s.apply(this, arguments),
+				this._change.w.apply(this, [ event, dx, dy ]));
+		},
+		ne: function(event, dx, dy) {
+			return $.extend(this._change.n.apply(this, arguments),
+				this._change.e.apply(this, [ event, dx, dy ]));
+		},
+		nw: function(event, dx, dy) {
+			return $.extend(this._change.n.apply(this, arguments),
+				this._change.w.apply(this, [ event, dx, dy ]));
+		}
+	},
+
+	_propagate: function(n, event) {
+		$.ui.plugin.call(this, n, [ event, this.ui() ]);
+		(n !== "resize" && this._trigger(n, event, this.ui()));
+	},
+
+	plugins: {},
+
+	ui: function() {
+		return {
+			originalElement: this.originalElement,
+			element: this.element,
+			helper: this.helper,
+			position: this.position,
+			size: this.size,
+			originalSize: this.originalSize,
+			originalPosition: this.originalPosition
+		};
+	}
+
+});
+
+/*
+ * Resizable Extensions
+ */
+
+$.ui.plugin.add("resizable", "animate", {
+
+	stop: function( event ) {
+		var that = $(this).resizable( "instance" ),
+			o = that.options,
+			pr = that._proportionallyResizeElements,
+			ista = pr.length && (/textarea/i).test(pr[0].nodeName),
+			soffseth = ista && that._hasScroll(pr[0], "left") ? 0 : that.sizeDiff.height,
+			soffsetw = ista ? 0 : that.sizeDiff.width,
+			style = { width: (that.size.width - soffsetw), height: (that.size.height - soffseth) },
+			left = (parseInt(that.element.css("left"), 10) +
+				(that.position.left - that.originalPosition.left)) || null,
+			top = (parseInt(that.element.css("top"), 10) +
+				(that.position.top - that.originalPosition.top)) || null;
+
+		that.element.animate(
+			$.extend(style, top && left ? { top: top, left: left } : {}), {
+				duration: o.animateDuration,
+				easing: o.animateEasing,
+				step: function() {
+
+					var data = {
+						width: parseInt(that.element.css("width"), 10),
+						height: parseInt(that.element.css("height"), 10),
+						top: parseInt(that.element.css("top"), 10),
+						left: parseInt(that.element.css("left"), 10)
+					};
+
+					if (pr && pr.length) {
+						$(pr[0]).css({ width: data.width, height: data.height });
+					}
+
+					// propagating resize, and updating values for each animation step
+					that._updateCache(data);
+					that._propagate("resize", event);
+
+				}
+			}
+		);
+	}
+
+});
+
+$.ui.plugin.add( "resizable", "containment", {
+
+	start: function() {
+		var element, p, co, ch, cw, width, height,
+			that = $( this ).resizable( "instance" ),
+			o = that.options,
+			el = that.element,
+			oc = o.containment,
+			ce = ( oc instanceof $ ) ? oc.get( 0 ) : ( /parent/.test( oc ) ) ? el.parent().get( 0 ) : oc;
+
+		if ( !ce ) {
+			return;
+		}
+
+		that.containerElement = $( ce );
+
+		if ( /document/.test( oc ) || oc === document ) {
+			that.containerOffset = {
+				left: 0,
+				top: 0
+			};
+			that.containerPosition = {
+				left: 0,
+				top: 0
+			};
+
+			that.parentData = {
+				element: $( document ),
+				left: 0,
+				top: 0,
+				width: $( document ).width(),
+				height: $( document ).height() || document.body.parentNode.scrollHeight
+			};
+		} else {
+			element = $( ce );
+			p = [];
+			$([ "Top", "Right", "Left", "Bottom" ]).each(function( i, name ) {
+				p[ i ] = that._num( element.css( "padding" + name ) );
+			});
+
+			that.containerOffset = element.offset();
+			that.containerPosition = element.position();
+			that.containerSize = {
+				height: ( element.innerHeight() - p[ 3 ] ),
+				width: ( element.innerWidth() - p[ 1 ] )
+			};
+
+			co = that.containerOffset;
+			ch = that.containerSize.height;
+			cw = that.containerSize.width;
+			width = ( that._hasScroll ( ce, "left" ) ? ce.scrollWidth : cw );
+			height = ( that._hasScroll ( ce ) ? ce.scrollHeight : ch ) ;
+
+			that.parentData = {
+				element: ce,
+				left: co.left,
+				top: co.top,
+				width: width,
+				height: height
+			};
+		}
+	},
+
+	resize: function( event ) {
+		var woset, hoset, isParent, isOffsetRelative,
+			that = $( this ).resizable( "instance" ),
+			o = that.options,
+			co = that.containerOffset,
+			cp = that.position,
+			pRatio = that._aspectRatio || event.shiftKey,
+			cop = {
+				top: 0,
+				left: 0
+			},
+			ce = that.containerElement,
+			continueResize = true;
+
+		if ( ce[ 0 ] !== document && ( /static/ ).test( ce.css( "position" ) ) ) {
+			cop = co;
+		}
+
+		if ( cp.left < ( that._helper ? co.left : 0 ) ) {
+			that.size.width = that.size.width +
+				( that._helper ?
+					( that.position.left - co.left ) :
+					( that.position.left - cop.left ) );
+
+			if ( pRatio ) {
+				that.size.height = that.size.width / that.aspectRatio;
+				continueResize = false;
+			}
+			that.position.left = o.helper ? co.left : 0;
+		}
+
+		if ( cp.top < ( that._helper ? co.top : 0 ) ) {
+			that.size.height = that.size.height +
+				( that._helper ?
+					( that.position.top - co.top ) :
+					that.position.top );
+
+			if ( pRatio ) {
+				that.size.width = that.size.height * that.aspectRatio;
+				continueResize = false;
+			}
+			that.position.top = that._helper ? co.top : 0;
+		}
+
+		isParent = that.containerElement.get( 0 ) === that.element.parent().get( 0 );
+		isOffsetRelative = /relative|absolute/.test( that.containerElement.css( "position" ) );
+
+		if ( isParent && isOffsetRelative ) {
+			that.offset.left = that.parentData.left + that.position.left;
+			that.offset.top = that.parentData.top + that.position.top;
+		} else {
+			that.offset.left = that.element.offset().left;
+			that.offset.top = that.element.offset().top;
+		}
+
+		woset = Math.abs( that.sizeDiff.width +
+			(that._helper ?
+				that.offset.left - cop.left :
+				(that.offset.left - co.left)) );
+
+		hoset = Math.abs( that.sizeDiff.height +
+			(that._helper ?
+				that.offset.top - cop.top :
+				(that.offset.top - co.top)) );
+
+		if ( woset + that.size.width >= that.parentData.width ) {
+			that.size.width = that.parentData.width - woset;
+			if ( pRatio ) {
+				that.size.height = that.size.width / that.aspectRatio;
+				continueResize = false;
+			}
+		}
+
+		if ( hoset + that.size.height >= that.parentData.height ) {
+			that.size.height = that.parentData.height - hoset;
+			if ( pRatio ) {
+				that.size.width = that.size.height * that.aspectRatio;
+				continueResize = false;
+			}
+		}
+
+		if ( !continueResize ){
+			that.position.left = that.prevPosition.left;
+			that.position.top = that.prevPosition.top;
+			that.size.width = that.prevSize.width;
+			that.size.height = that.prevSize.height;
+		}
+	},
+
+	stop: function() {
+		var that = $( this ).resizable( "instance" ),
+			o = that.options,
+			co = that.containerOffset,
+			cop = that.containerPosition,
+			ce = that.containerElement,
+			helper = $( that.helper ),
+			ho = helper.offset(),
+			w = helper.outerWidth() - that.sizeDiff.width,
+			h = helper.outerHeight() - that.sizeDiff.height;
+
+		if ( that._helper && !o.animate && ( /relative/ ).test( ce.css( "position" ) ) ) {
+			$( this ).css({
+				left: ho.left - cop.left - co.left,
+				width: w,
+				height: h
+			});
+		}
+
+		if ( that._helper && !o.animate && ( /static/ ).test( ce.css( "position" ) ) ) {
+			$( this ).css({
+				left: ho.left - cop.left - co.left,
+				width: w,
+				height: h
+			});
+		}
+	}
+});
+
+$.ui.plugin.add("resizable", "alsoResize", {
+
+	start: function() {
+		var that = $(this).resizable( "instance" ),
+			o = that.options,
+			_store = function(exp) {
+				$(exp).each(function() {
+					var el = $(this);
+					el.data("ui-resizable-alsoresize", {
+						width: parseInt(el.width(), 10), height: parseInt(el.height(), 10),
+						left: parseInt(el.css("left"), 10), top: parseInt(el.css("top"), 10)
+					});
+				});
+			};
+
+		if (typeof(o.alsoResize) === "object" && !o.alsoResize.parentNode) {
+			if (o.alsoResize.length) {
+				o.alsoResize = o.alsoResize[0];
+				_store(o.alsoResize);
+			} else {
+				$.each(o.alsoResize, function(exp) {
+					_store(exp);
+				});
+			}
+		} else {
+			_store(o.alsoResize);
+		}
+	},
+
+	resize: function(event, ui) {
+		var that = $(this).resizable( "instance" ),
+			o = that.options,
+			os = that.originalSize,
+			op = that.originalPosition,
+			delta = {
+				height: (that.size.height - os.height) || 0,
+				width: (that.size.width - os.width) || 0,
+				top: (that.position.top - op.top) || 0,
+				left: (that.position.left - op.left) || 0
+			},
+
+			_alsoResize = function(exp, c) {
+				$(exp).each(function() {
+					var el = $(this), start = $(this).data("ui-resizable-alsoresize"), style = {},
+						css = c && c.length ?
+							c :
+							el.parents(ui.originalElement[0]).length ?
+								[ "width", "height" ] :
+								[ "width", "height", "top", "left" ];
+
+					$.each(css, function(i, prop) {
+						var sum = (start[prop] || 0) + (delta[prop] || 0);
+						if (sum && sum >= 0) {
+							style[prop] = sum || null;
+						}
+					});
+
+					el.css(style);
+				});
+			};
+
+		if (typeof(o.alsoResize) === "object" && !o.alsoResize.nodeType) {
+			$.each(o.alsoResize, function(exp, c) {
+				_alsoResize(exp, c);
+			});
+		} else {
+			_alsoResize(o.alsoResize);
+		}
+	},
+
+	stop: function() {
+		$(this).removeData("resizable-alsoresize");
+	}
+});
+
+$.ui.plugin.add("resizable", "ghost", {
+
+	start: function() {
+
+		var that = $(this).resizable( "instance" ), o = that.options, cs = that.size;
+
+		that.ghost = that.originalElement.clone();
+		that.ghost
+			.css({
+				opacity: 0.25,
+				display: "block",
+				position: "relative",
+				height: cs.height,
+				width: cs.width,
+				margin: 0,
+				left: 0,
+				top: 0
+			})
+			.addClass("ui-resizable-ghost")
+			.addClass(typeof o.ghost === "string" ? o.ghost : "");
+
+		that.ghost.appendTo(that.helper);
+
+	},
+
+	resize: function() {
+		var that = $(this).resizable( "instance" );
+		if (that.ghost) {
+			that.ghost.css({
+				position: "relative",
+				height: that.size.height,
+				width: that.size.width
+			});
+		}
+	},
+
+	stop: function() {
+		var that = $(this).resizable( "instance" );
+		if (that.ghost && that.helper) {
+			that.helper.get(0).removeChild(that.ghost.get(0));
+		}
+	}
+
+});
+
+$.ui.plugin.add("resizable", "grid", {
+
+	resize: function() {
+		var outerDimensions,
+			that = $(this).resizable( "instance" ),
+			o = that.options,
+			cs = that.size,
+			os = that.originalSize,
+			op = that.originalPosition,
+			a = that.axis,
+			grid = typeof o.grid === "number" ? [ o.grid, o.grid ] : o.grid,
+			gridX = (grid[0] || 1),
+			gridY = (grid[1] || 1),
+			ox = Math.round((cs.width - os.width) / gridX) * gridX,
+			oy = Math.round((cs.height - os.height) / gridY) * gridY,
+			newWidth = os.width + ox,
+			newHeight = os.height + oy,
+			isMaxWidth = o.maxWidth && (o.maxWidth < newWidth),
+			isMaxHeight = o.maxHeight && (o.maxHeight < newHeight),
+			isMinWidth = o.minWidth && (o.minWidth > newWidth),
+			isMinHeight = o.minHeight && (o.minHeight > newHeight);
+
+		o.grid = grid;
+
+		if (isMinWidth) {
+			newWidth += gridX;
+		}
+		if (isMinHeight) {
+			newHeight += gridY;
+		}
+		if (isMaxWidth) {
+			newWidth -= gridX;
+		}
+		if (isMaxHeight) {
+			newHeight -= gridY;
+		}
+
+		if (/^(se|s|e)$/.test(a)) {
+			that.size.width = newWidth;
+			that.size.height = newHeight;
+		} else if (/^(ne)$/.test(a)) {
+			that.size.width = newWidth;
+			that.size.height = newHeight;
+			that.position.top = op.top - oy;
+		} else if (/^(sw)$/.test(a)) {
+			that.size.width = newWidth;
+			that.size.height = newHeight;
+			that.position.left = op.left - ox;
+		} else {
+			if ( newHeight - gridY <= 0 || newWidth - gridX <= 0) {
+				outerDimensions = that._getPaddingPlusBorderDimensions( this );
+			}
+
+			if ( newHeight - gridY > 0 ) {
+				that.size.height = newHeight;
+				that.position.top = op.top - oy;
+			} else {
+				newHeight = gridY - outerDimensions.height;
+				that.size.height = newHeight;
+				that.position.top = op.top + os.height - newHeight;
+			}
+			if ( newWidth - gridX > 0 ) {
+				that.size.width = newWidth;
+				that.position.left = op.left - ox;
+			} else {
+				newWidth = gridY - outerDimensions.height;
+				that.size.width = newWidth;
+				that.position.left = op.left + os.width - newWidth;
+			}
+		}
+	}
+
+});
+
+var resizable = $.ui.resizable;
+
+
+/*!
+ * jQuery UI Selectable 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/selectable/
+ */
+
+
+var selectable = $.widget("ui.selectable", $.ui.mouse, {
+	version: "1.11.2",
+	options: {
+		appendTo: "body",
+		autoRefresh: true,
+		distance: 0,
+		filter: "*",
+		tolerance: "touch",
+
+		// callbacks
+		selected: null,
+		selecting: null,
+		start: null,
+		stop: null,
+		unselected: null,
+		unselecting: null
+	},
+	_create: function() {
+		var selectees,
+			that = this;
+
+		this.element.addClass("ui-selectable");
+
+		this.dragged = false;
+
+		// cache selectee children based on filter
+		this.refresh = function() {
+			selectees = $(that.options.filter, that.element[0]);
+			selectees.addClass("ui-selectee");
+			selectees.each(function() {
+				var $this = $(this),
+					pos = $this.offset();
+				$.data(this, "selectable-item", {
+					element: this,
+					$element: $this,
+					left: pos.left,
+					top: pos.top,
+					right: pos.left + $this.outerWidth(),
+					bottom: pos.top + $this.outerHeight(),
+					startselected: false,
+					selected: $this.hasClass("ui-selected"),
+					selecting: $this.hasClass("ui-selecting"),
+					unselecting: $this.hasClass("ui-unselecting")
+				});
+			});
+		};
+		this.refresh();
+
+		this.selectees = selectees.addClass("ui-selectee");
+
+		this._mouseInit();
+
+		this.helper = $("<div class='ui-selectable-helper'></div>");
+	},
+
+	_destroy: function() {
+		this.selectees
+			.removeClass("ui-selectee")
+			.removeData("selectable-item");
+		this.element
+			.removeClass("ui-selectable ui-selectable-disabled");
+		this._mouseDestroy();
+	},
+
+	_mouseStart: function(event) {
+		var that = this,
+			options = this.options;
+
+		this.opos = [ event.pageX, event.pageY ];
+
+		if (this.options.disabled) {
+			return;
+		}
+
+		this.selectees = $(options.filter, this.element[0]);
+
+		this._trigger("start", event);
+
+		$(options.appendTo).append(this.helper);
+		// position helper (lasso)
+		this.helper.css({
+			"left": event.pageX,
+			"top": event.pageY,
+			"width": 0,
+			"height": 0
+		});
+
+		if (options.autoRefresh) {
+			this.refresh();
+		}
+
+		this.selectees.filter(".ui-selected").each(function() {
+			var selectee = $.data(this, "selectable-item");
+			selectee.startselected = true;
+			if (!event.metaKey && !event.ctrlKey) {
+				selectee.$element.removeClass("ui-selected");
+				selectee.selected = false;
+				selectee.$element.addClass("ui-unselecting");
+				selectee.unselecting = true;
+				// selectable UNSELECTING callback
+				that._trigger("unselecting", event, {
+					unselecting: selectee.element
+				});
+			}
+		});
+
+		$(event.target).parents().addBack().each(function() {
+			var doSelect,
+				selectee = $.data(this, "selectable-item");
+			if (selectee) {
+				doSelect = (!event.metaKey && !event.ctrlKey) || !selectee.$element.hasClass("ui-selected");
+				selectee.$element
+					.removeClass(doSelect ? "ui-unselecting" : "ui-selected")
+					.addClass(doSelect ? "ui-selecting" : "ui-unselecting");
+				selectee.unselecting = !doSelect;
+				selectee.selecting = doSelect;
+				selectee.selected = doSelect;
+				// selectable (UN)SELECTING callback
+				if (doSelect) {
+					that._trigger("selecting", event, {
+						selecting: selectee.element
+					});
+				} else {
+					that._trigger("unselecting", event, {
+						unselecting: selectee.element
+					});
+				}
+				return false;
+			}
+		});
+
+	},
+
+	_mouseDrag: function(event) {
+
+		this.dragged = true;
+
+		if (this.options.disabled) {
+			return;
+		}
+
+		var tmp,
+			that = this,
+			options = this.options,
+			x1 = this.opos[0],
+			y1 = this.opos[1],
+			x2 = event.pageX,
+			y2 = event.pageY;
+
+		if (x1 > x2) { tmp = x2; x2 = x1; x1 = tmp; }
+		if (y1 > y2) { tmp = y2; y2 = y1; y1 = tmp; }
+		this.helper.css({ left: x1, top: y1, width: x2 - x1, height: y2 - y1 });
+
+		this.selectees.each(function() {
+			var selectee = $.data(this, "selectable-item"),
+				hit = false;
+
+			//prevent helper from being selected if appendTo: selectable
+			if (!selectee || selectee.element === that.element[0]) {
+				return;
+			}
+
+			if (options.tolerance === "touch") {
+				hit = ( !(selectee.left > x2 || selectee.right < x1 || selectee.top > y2 || selectee.bottom < y1) );
+			} else if (options.tolerance === "fit") {
+				hit = (selectee.left > x1 && selectee.right < x2 && selectee.top > y1 && selectee.bottom < y2);
+			}
+
+			if (hit) {
+				// SELECT
+				if (selectee.selected) {
+					selectee.$element.removeClass("ui-selected");
+					selectee.selected = false;
+				}
+				if (selectee.unselecting) {
+					selectee.$element.removeClass("ui-unselecting");
+					selectee.unselecting = false;
+				}
+				if (!selectee.selecting) {
+					selectee.$element.addClass("ui-selecting");
+					selectee.selecting = true;
+					// selectable SELECTING callback
+					that._trigger("selecting", event, {
+						selecting: selectee.element
+					});
+				}
+			} else {
+				// UNSELECT
+				if (selectee.selecting) {
+					if ((event.metaKey || event.ctrlKey) && selectee.startselected) {
+						selectee.$element.removeClass("ui-selecting");
+						selectee.selecting = false;
+						selectee.$element.addClass("ui-selected");
+						selectee.selected = true;
+					} else {
+						selectee.$element.removeClass("ui-selecting");
+						selectee.selecting = false;
+						if (selectee.startselected) {
+							selectee.$element.addClass("ui-unselecting");
+							selectee.unselecting = true;
+						}
+						// selectable UNSELECTING callback
+						that._trigger("unselecting", event, {
+							unselecting: selectee.element
+						});
+					}
+				}
+				if (selectee.selected) {
+					if (!event.metaKey && !event.ctrlKey && !selectee.startselected) {
+						selectee.$element.removeClass("ui-selected");
+						selectee.selected = false;
+
+						selectee.$element.addClass("ui-unselecting");
+						selectee.unselecting = true;
+						// selectable UNSELECTING callback
+						that._trigger("unselecting", event, {
+							unselecting: selectee.element
+						});
+					}
+				}
+			}
+		});
+
+		return false;
+	},
+
+	_mouseStop: function(event) {
+		var that = this;
+
+		this.dragged = false;
+
+		$(".ui-unselecting", this.element[0]).each(function() {
+			var selectee = $.data(this, "selectable-item");
+			selectee.$element.removeClass("ui-unselecting");
+			selectee.unselecting = false;
+			selectee.startselected = false;
+			that._trigger("unselected", event, {
+				unselected: selectee.element
+			});
+		});
+		$(".ui-selecting", this.element[0]).each(function() {
+			var selectee = $.data(this, "selectable-item");
+			selectee.$element.removeClass("ui-selecting").addClass("ui-selected");
+			selectee.selecting = false;
+			selectee.selected = true;
+			selectee.startselected = true;
+			that._trigger("selected", event, {
+				selected: selectee.element
+			});
+		});
+		this._trigger("stop", event);
+
+		this.helper.remove();
+
+		return false;
+	}
+
+});
+
+
+/*!
+ * jQuery UI Sortable 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/sortable/
+ */
+
+
+var sortable = $.widget("ui.sortable", $.ui.mouse, {
+	version: "1.11.2",
+	widgetEventPrefix: "sort",
+	ready: false,
+	options: {
+		appendTo: "parent",
+		axis: false,
+		connectWith: false,
+		containment: false,
+		cursor: "auto",
+		cursorAt: false,
+		dropOnEmpty: true,
+		forcePlaceholderSize: false,
+		forceHelperSize: false,
+		grid: false,
+		handle: false,
+		helper: "original",
+		items: "> *",
+		opacity: false,
+		placeholder: false,
+		revert: false,
+		scroll: true,
+		scrollSensitivity: 20,
+		scrollSpeed: 20,
+		scope: "default",
+		tolerance: "intersect",
+		zIndex: 1000,
+
+		// callbacks
+		activate: null,
+		beforeStop: null,
+		change: null,
+		deactivate: null,
+		out: null,
+		over: null,
+		receive: null,
+		remove: null,
+		sort: null,
+		start: null,
+		stop: null,
+		update: null
+	},
+
+	_isOverAxis: function( x, reference, size ) {
+		return ( x >= reference ) && ( x < ( reference + size ) );
+	},
+
+	_isFloating: function( item ) {
+		return (/left|right/).test(item.css("float")) || (/inline|table-cell/).test(item.css("display"));
+	},
+
+	_create: function() {
+
+		var o = this.options;
+		this.containerCache = {};
+		this.element.addClass("ui-sortable");
+
+		//Get the items
+		this.refresh();
+
+		//Let's determine if the items are being displayed horizontally
+		this.floating = this.items.length ? o.axis === "x" || this._isFloating(this.items[0].item) : false;
+
+		//Let's determine the parent's offset
+		this.offset = this.element.offset();
+
+		//Initialize mouse events for interaction
+		this._mouseInit();
+
+		this._setHandleClassName();
+
+		//We're ready to go
+		this.ready = true;
+
+	},
+
+	_setOption: function( key, value ) {
+		this._super( key, value );
+
+		if ( key === "handle" ) {
+			this._setHandleClassName();
+		}
+	},
+
+	_setHandleClassName: function() {
+		this.element.find( ".ui-sortable-handle" ).removeClass( "ui-sortable-handle" );
+		$.each( this.items, function() {
+			( this.instance.options.handle ?
+				this.item.find( this.instance.options.handle ) : this.item )
+				.addClass( "ui-sortable-handle" );
+		});
+	},
+
+	_destroy: function() {
+		this.element
+			.removeClass( "ui-sortable ui-sortable-disabled" )
+			.find( ".ui-sortable-handle" )
+				.removeClass( "ui-sortable-handle" );
+		this._mouseDestroy();
+
+		for ( var i = this.items.length - 1; i >= 0; i-- ) {
+			this.items[i].item.removeData(this.widgetName + "-item");
+		}
+
+		return this;
+	},
+
+	_mouseCapture: function(event, overrideHandle) {
+		var currentItem = null,
+			validHandle = false,
+			that = this;
+
+		if (this.reverting) {
+			return false;
+		}
+
+		if(this.options.disabled || this.options.type === "static") {
+			return false;
+		}
+
+		//We have to refresh the items data once first
+		this._refreshItems(event);
+
+		//Find out if the clicked node (or one of its parents) is a actual item in this.items
+		$(event.target).parents().each(function() {
+			if($.data(this, that.widgetName + "-item") === that) {
+				currentItem = $(this);
+				return false;
+			}
+		});
+		if($.data(event.target, that.widgetName + "-item") === that) {
+			currentItem = $(event.target);
+		}
+
+		if(!currentItem) {
+			return false;
+		}
+		if(this.options.handle && !overrideHandle) {
+			$(this.options.handle, currentItem).find("*").addBack().each(function() {
+				if(this === event.target) {
+					validHandle = true;
+				}
+			});
+			if(!validHandle) {
+				return false;
+			}
+		}
+
+		this.currentItem = currentItem;
+		this._removeCurrentsFromItems();
+		return true;
+
+	},
+
+	_mouseStart: function(event, overrideHandle, noActivation) {
+
+		var i, body,
+			o = this.options;
+
+		this.currentContainer = this;
+
+		//We only need to call refreshPositions, because the refreshItems call has been moved to mouseCapture
+		this.refreshPositions();
+
+		//Create and append the visible helper
+		this.helper = this._createHelper(event);
+
+		//Cache the helper size
+		this._cacheHelperProportions();
+
+		/*
+		 * - Position generation -
+		 * This block generates everything position related - it's the core of draggables.
+		 */
+
+		//Cache the margins of the original element
+		this._cacheMargins();
+
+		//Get the next scrolling parent
+		this.scrollParent = this.helper.scrollParent();
+
+		//The element's absolute position on the page minus margins
+		this.offset = this.currentItem.offset();
+		this.offset = {
+			top: this.offset.top - this.margins.top,
+			left: this.offset.left - this.margins.left
+		};
+
+		$.extend(this.offset, {
+			click: { //Where the click happened, relative to the element
+				left: event.pageX - this.offset.left,
+				top: event.pageY - this.offset.top
+			},
+			parent: this._getParentOffset(),
+			relative: this._getRelativeOffset() //This is a relative to absolute position minus the actual position calculation - only used for relative positioned helper
+		});
+
+		// Only after we got the offset, we can change the helper's position to absolute
+		// TODO: Still need to figure out a way to make relative sorting possible
+		this.helper.css("position", "absolute");
+		this.cssPosition = this.helper.css("position");
+
+		//Generate the original position
+		this.originalPosition = this._generatePosition(event);
+		this.originalPageX = event.pageX;
+		this.originalPageY = event.pageY;
+
+		//Adjust the mouse offset relative to the helper if "cursorAt" is supplied
+		(o.cursorAt && this._adjustOffsetFromHelper(o.cursorAt));
+
+		//Cache the former DOM position
+		this.domPosition = { prev: this.currentItem.prev()[0], parent: this.currentItem.parent()[0] };
+
+		//If the helper is not the original, hide the original so it's not playing any role during the drag, won't cause anything bad this way
+		if(this.helper[0] !== this.currentItem[0]) {
+			this.currentItem.hide();
+		}
+
+		//Create the placeholder
+		this._createPlaceholder();
+
+		//Set a containment if given in the options
+		if(o.containment) {
+			this._setContainment();
+		}
+
+		if( o.cursor && o.cursor !== "auto" ) { // cursor option
+			body = this.document.find( "body" );
+
+			// support: IE
+			this.storedCursor = body.css( "cursor" );
+			body.css( "cursor", o.cursor );
+
+			this.storedStylesheet = $( "<style>*{ cursor: "+o.cursor+" !important; }</style>" ).appendTo( body );
+		}
+
+		if(o.opacity) { // opacity option
+			if (this.helper.css("opacity")) {
+				this._storedOpacity = this.helper.css("opacity");
+			}
+			this.helper.css("opacity", o.opacity);
+		}
+
+		if(o.zIndex) { // zIndex option
+			if (this.helper.css("zIndex")) {
+				this._storedZIndex = this.helper.css("zIndex");
+			}
+			this.helper.css("zIndex", o.zIndex);
+		}
+
+		//Prepare scrolling
+		if(this.scrollParent[0] !== document && this.scrollParent[0].tagName !== "HTML") {
+			this.overflowOffset = this.scrollParent.offset();
+		}
+
+		//Call callbacks
+		this._trigger("start", event, this._uiHash());
+
+		//Recache the helper size
+		if(!this._preserveHelperProportions) {
+			this._cacheHelperProportions();
+		}
+
+
+		//Post "activate" events to possible containers
+		if( !noActivation ) {
+			for ( i = this.containers.length - 1; i >= 0; i-- ) {
+				this.containers[ i ]._trigger( "activate", event, this._uiHash( this ) );
+			}
+		}
+
+		//Prepare possible droppables
+		if($.ui.ddmanager) {
+			$.ui.ddmanager.current = this;
+		}
+
+		if ($.ui.ddmanager && !o.dropBehaviour) {
+			$.ui.ddmanager.prepareOffsets(this, event);
+		}
+
+		this.dragging = true;
+
+		this.helper.addClass("ui-sortable-helper");
+		this._mouseDrag(event); //Execute the drag once - this causes the helper not to be visible before getting its correct position
+		return true;
+
+	},
+
+	_mouseDrag: function(event) {
+		var i, item, itemElement, intersection,
+			o = this.options,
+			scrolled = false;
+
+		//Compute the helpers position
+		this.position = this._generatePosition(event);
+		this.positionAbs = this._convertPositionTo("absolute");
+
+		if (!this.lastPositionAbs) {
+			this.lastPositionAbs = this.positionAbs;
+		}
+
+		//Do scrolling
+		if(this.options.scroll) {
+			if(this.scrollParent[0] !== document && this.scrollParent[0].tagName !== "HTML") {
+
+				if((this.overflowOffset.top + this.scrollParent[0].offsetHeight) - event.pageY < o.scrollSensitivity) {
+					this.scrollParent[0].scrollTop = scrolled = this.scrollParent[0].scrollTop + o.scrollSpeed;
+				} else if(event.pageY - this.overflowOffset.top < o.scrollSensitivity) {
+					this.scrollParent[0].scrollTop = scrolled = this.scrollParent[0].scrollTop - o.scrollSpeed;
+				}
+
+				if((this.overflowOffset.left + this.scrollParent[0].offsetWidth) - event.pageX < o.scrollSensitivity) {
+					this.scrollParent[0].scrollLeft = scrolled = this.scrollParent[0].scrollLeft + o.scrollSpeed;
+				} else if(event.pageX - this.overflowOffset.left < o.scrollSensitivity) {
+					this.scrollParent[0].scrollLeft = scrolled = this.scrollParent[0].scrollLeft - o.scrollSpeed;
+				}
+
+			} else {
+
+				if(event.pageY - $(document).scrollTop() < o.scrollSensitivity) {
+					scrolled = $(document).scrollTop($(document).scrollTop() - o.scrollSpeed);
+				} else if($(window).height() - (event.pageY - $(document).scrollTop()) < o.scrollSensitivity) {
+					scrolled = $(document).scrollTop($(document).scrollTop() + o.scrollSpeed);
+				}
+
+				if(event.pageX - $(document).scrollLeft() < o.scrollSensitivity) {
+					scrolled = $(document).scrollLeft($(document).scrollLeft() - o.scrollSpeed);
+				} else if($(window).width() - (event.pageX - $(document).scrollLeft()) < o.scrollSensitivity) {
+					scrolled = $(document).scrollLeft($(document).scrollLeft() + o.scrollSpeed);
+				}
+
+			}
+
+			if(scrolled !== false && $.ui.ddmanager && !o.dropBehaviour) {
+				$.ui.ddmanager.prepareOffsets(this, event);
+			}
+		}
+
+		//Regenerate the absolute position used for position checks
+		this.positionAbs = this._convertPositionTo("absolute");
+
+		//Set the helper position
+		if(!this.options.axis || this.options.axis !== "y") {
+			this.helper[0].style.left = this.position.left+"px";
+		}
+		if(!this.options.axis || this.options.axis !== "x") {
+			this.helper[0].style.top = this.position.top+"px";
+		}
+
+		//Rearrange
+		for (i = this.items.length - 1; i >= 0; i--) {
+
+			//Cache variables and intersection, continue if no intersection
+			item = this.items[i];
+			itemElement = item.item[0];
+			intersection = this._intersectsWithPointer(item);
+			if (!intersection) {
+				continue;
+			}
+
+			// Only put the placeholder inside the current Container, skip all
+			// items from other containers. This works because when moving
+			// an item from one container to another the
+			// currentContainer is switched before the placeholder is moved.
+			//
+			// Without this, moving items in "sub-sortables" can cause
+			// the placeholder to jitter between the outer and inner container.
+			if (item.instance !== this.currentContainer) {
+				continue;
+			}
+
+			// cannot intersect with itself
+			// no useless actions that have been done before
+			// no action if the item moved is the parent of the item checked
+			if (itemElement !== this.currentItem[0] &&
+				this.placeholder[intersection === 1 ? "next" : "prev"]()[0] !== itemElement &&
+				!$.contains(this.placeholder[0], itemElement) &&
+				(this.options.type === "semi-dynamic" ? !$.contains(this.element[0], itemElement) : true)
+			) {
+
+				this.direction = intersection === 1 ? "down" : "up";
+
+				if (this.options.tolerance === "pointer" || this._intersectsWithSides(item)) {
+					this._rearrange(event, item);
+				} else {
+					break;
+				}
+
+				this._trigger("change", event, this._uiHash());
+				break;
+			}
+		}
+
+		//Post events to containers
+		this._contactContainers(event);
+
+		//Interconnect with droppables
+		if($.ui.ddmanager) {
+			$.ui.ddmanager.drag(this, event);
+		}
+
+		//Call callbacks
+		this._trigger("sort", event, this._uiHash());
+
+		this.lastPositionAbs = this.positionAbs;
+		return false;
+
+	},
+
+	_mouseStop: function(event, noPropagation) {
+
+		if(!event) {
+			return;
+		}
+
+		//If we are using droppables, inform the manager about the drop
+		if ($.ui.ddmanager && !this.options.dropBehaviour) {
+			$.ui.ddmanager.drop(this, event);
+		}
+
+		if(this.options.revert) {
+			var that = this,
+				cur = this.placeholder.offset(),
+				axis = this.options.axis,
+				animation = {};
+
+			if ( !axis || axis === "x" ) {
+				animation.left = cur.left - this.offset.parent.left - this.margins.left + (this.offsetParent[0] === document.body ? 0 : this.offsetParent[0].scrollLeft);
+			}
+			if ( !axis || axis === "y" ) {
+				animation.top = cur.top - this.offset.parent.top - this.margins.top + (this.offsetParent[0] === document.body ? 0 : this.offsetParent[0].scrollTop);
+			}
+			this.reverting = true;
+			$(this.helper).animate( animation, parseInt(this.options.revert, 10) || 500, function() {
+				that._clear(event);
+			});
+		} else {
+			this._clear(event, noPropagation);
+		}
+
+		return false;
+
+	},
+
+	cancel: function() {
+
+		if(this.dragging) {
+
+			this._mouseUp({ target: null });
+
+			if(this.options.helper === "original") {
+				this.currentItem.css(this._storedCSS).removeClass("ui-sortable-helper");
+			} else {
+				this.currentItem.show();
+			}
+
+			//Post deactivating events to containers
+			for (var i = this.containers.length - 1; i >= 0; i--){
+				this.containers[i]._trigger("deactivate", null, this._uiHash(this));
+				if(this.containers[i].containerCache.over) {
+					this.containers[i]._trigger("out", null, this._uiHash(this));
+					this.containers[i].containerCache.over = 0;
+				}
+			}
+
+		}
+
+		if (this.placeholder) {
+			//$(this.placeholder[0]).remove(); would have been the jQuery way - unfortunately, it unbinds ALL events from the original node!
+			if(this.placeholder[0].parentNode) {
+				this.placeholder[0].parentNode.removeChild(this.placeholder[0]);
+			}
+			if(this.options.helper !== "original" && this.helper && this.helper[0].parentNode) {
+				this.helper.remove();
+			}
+
+			$.extend(this, {
+				helper: null,
+				dragging: false,
+				reverting: false,
+				_noFinalSort: null
+			});
+
+			if(this.domPosition.prev) {
+				$(this.domPosition.prev).after(this.currentItem);
+			} else {
+				$(this.domPosition.parent).prepend(this.currentItem);
+			}
+		}
+
+		return this;
+
+	},
+
+	serialize: function(o) {
+
+		var items = this._getItemsAsjQuery(o && o.connected),
+			str = [];
+		o = o || {};
+
+		$(items).each(function() {
+			var res = ($(o.item || this).attr(o.attribute || "id") || "").match(o.expression || (/(.+)[\-=_](.+)/));
+			if (res) {
+				str.push((o.key || res[1]+"[]")+"="+(o.key && o.expression ? res[1] : res[2]));
+			}
+		});
+
+		if(!str.length && o.key) {
+			str.push(o.key + "=");
+		}
+
+		return str.join("&");
+
+	},
+
+	toArray: function(o) {
+
+		var items = this._getItemsAsjQuery(o && o.connected),
+			ret = [];
+
+		o = o || {};
+
+		items.each(function() { ret.push($(o.item || this).attr(o.attribute || "id") || ""); });
+		return ret;
+
+	},
+
+	/* Be careful with the following core functions */
+	_intersectsWith: function(item) {
+
+		var x1 = this.positionAbs.left,
+			x2 = x1 + this.helperProportions.width,
+			y1 = this.positionAbs.top,
+			y2 = y1 + this.helperProportions.height,
+			l = item.left,
+			r = l + item.width,
+			t = item.top,
+			b = t + item.height,
+			dyClick = this.offset.click.top,
+			dxClick = this.offset.click.left,
+			isOverElementHeight = ( this.options.axis === "x" ) || ( ( y1 + dyClick ) > t && ( y1 + dyClick ) < b ),
+			isOverElementWidth = ( this.options.axis === "y" ) || ( ( x1 + dxClick ) > l && ( x1 + dxClick ) < r ),
+			isOverElement = isOverElementHeight && isOverElementWidth;
+
+		if ( this.options.tolerance === "pointer" ||
+			this.options.forcePointerForContainers ||
+			(this.options.tolerance !== "pointer" && this.helperProportions[this.floating ? "width" : "height"] > item[this.floating ? "width" : "height"])
+		) {
+			return isOverElement;
+		} else {
+
+			return (l < x1 + (this.helperProportions.width / 2) && // Right Half
+				x2 - (this.helperProportions.width / 2) < r && // Left Half
+				t < y1 + (this.helperProportions.height / 2) && // Bottom Half
+				y2 - (this.helperProportions.height / 2) < b ); // Top Half
+
+		}
+	},
+
+	_intersectsWithPointer: function(item) {
+
+		var isOverElementHeight = (this.options.axis === "x") || this._isOverAxis(this.positionAbs.top + this.offset.click.top, item.top, item.height),
+			isOverElementWidth = (this.options.axis === "y") || this._isOverAxis(this.positionAbs.left + this.offset.click.left, item.left, item.width),
+			isOverElement = isOverElementHeight && isOverElementWidth,
+			verticalDirection = this._getDragVerticalDirection(),
+			horizontalDirection = this._getDragHorizontalDirection();
+
+		if (!isOverElement) {
+			return false;
+		}
+
+		return this.floating ?
+			( ((horizontalDirection && horizontalDirection === "right") || verticalDirection === "down") ? 2 : 1 )
+			: ( verticalDirection && (verticalDirection === "down" ? 2 : 1) );
+
+	},
+
+	_intersectsWithSides: function(item) {
+
+		var isOverBottomHalf = this._isOverAxis(this.positionAbs.top + this.offset.click.top, item.top + (item.height/2), item.height),
+			isOverRightHalf = this._isOverAxis(this.positionAbs.left + this.offset.click.left, item.left + (item.width/2), item.width),
+			verticalDirection = this._getDragVerticalDirection(),
+			horizontalDirection = this._getDragHorizontalDirection();
+
+		if (this.floating && horizontalDirection) {
+			return ((horizontalDirection === "right" && isOverRightHalf) || (horizontalDirection === "left" && !isOverRightHalf));
+		} else {
+			return verticalDirection && ((verticalDirection === "down" && isOverBottomHalf) || (verticalDirection === "up" && !isOverBottomHalf));
+		}
+
+	},
+
+	_getDragVerticalDirection: function() {
+		var delta = this.positionAbs.top - this.lastPositionAbs.top;
+		return delta !== 0 && (delta > 0 ? "down" : "up");
+	},
+
+	_getDragHorizontalDirection: function() {
+		var delta = this.positionAbs.left - this.lastPositionAbs.left;
+		return delta !== 0 && (delta > 0 ? "right" : "left");
+	},
+
+	refresh: function(event) {
+		this._refreshItems(event);
+		this._setHandleClassName();
+		this.refreshPositions();
+		return this;
+	},
+
+	_connectWith: function() {
+		var options = this.options;
+		return options.connectWith.constructor === String ? [options.connectWith] : options.connectWith;
+	},
+
+	_getItemsAsjQuery: function(connected) {
+
+		var i, j, cur, inst,
+			items = [],
+			queries = [],
+			connectWith = this._connectWith();
+
+		if(connectWith && connected) {
+			for (i = connectWith.length - 1; i >= 0; i--){
+				cur = $(connectWith[i]);
+				for ( j = cur.length - 1; j >= 0; j--){
+					inst = $.data(cur[j], this.widgetFullName);
+					if(inst && inst !== this && !inst.options.disabled) {
+						queries.push([$.isFunction(inst.options.items) ? inst.options.items.call(inst.element) : $(inst.options.items, inst.element).not(".ui-sortable-helper").not(".ui-sortable-placeholder"), inst]);
+					}
+				}
+			}
+		}
+
+		queries.push([$.isFunction(this.options.items) ? this.options.items.call(this.element, null, { options: this.options, item: this.currentItem }) : $(this.options.items, this.element).not(".ui-sortable-helper").not(".ui-sortable-placeholder"), this]);
+
+		function addItems() {
+			items.push( this );
+		}
+		for (i = queries.length - 1; i >= 0; i--){
+			queries[i][0].each( addItems );
+		}
+
+		return $(items);
+
+	},
+
+	_removeCurrentsFromItems: function() {
+
+		var list = this.currentItem.find(":data(" + this.widgetName + "-item)");
+
+		this.items = $.grep(this.items, function (item) {
+			for (var j=0; j < list.length; j++) {
+				if(list[j] === item.item[0]) {
+					return false;
+				}
+			}
+			return true;
+		});
+
+	},
+
+	_refreshItems: function(event) {
+
+		this.items = [];
+		this.containers = [this];
+
+		var i, j, cur, inst, targetData, _queries, item, queriesLength,
+			items = this.items,
+			queries = [[$.isFunction(this.options.items) ? this.options.items.call(this.element[0], event, { item: this.currentItem }) : $(this.options.items, this.element), this]],
+			connectWith = this._connectWith();
+
+		if(connectWith && this.ready) { //Shouldn't be run the first time through due to massive slow-down
+			for (i = connectWith.length - 1; i >= 0; i--){
+				cur = $(connectWith[i]);
+				for (j = cur.length - 1; j >= 0; j--){
+					inst = $.data(cur[j], this.widgetFullName);
+					if(inst && inst !== this && !inst.options.disabled) {
+						queries.push([$.isFunction(inst.options.items) ? inst.options.items.call(inst.element[0], event, { item: this.currentItem }) : $(inst.options.items, inst.element), inst]);
+						this.containers.push(inst);
+					}
+				}
+			}
+		}
+
+		for (i = queries.length - 1; i >= 0; i--) {
+			targetData = queries[i][1];
+			_queries = queries[i][0];
+
+			for (j=0, queriesLength = _queries.length; j < queriesLength; j++) {
+				item = $(_queries[j]);
+
+				item.data(this.widgetName + "-item", targetData); // Data for target checking (mouse manager)
+
+				items.push({
+					item: item,
+					instance: targetData,
+					width: 0, height: 0,
+					left: 0, top: 0
+				});
+			}
+		}
+
+	},
+
+	refreshPositions: function(fast) {
+
+		//This has to be redone because due to the item being moved out/into the offsetParent, the offsetParent's position will change
+		if(this.offsetParent && this.helper) {
+			this.offset.parent = this._getParentOffset();
+		}
+
+		var i, item, t, p;
+
+		for (i = this.items.length - 1; i >= 0; i--){
+			item = this.items[i];
+
+			//We ignore calculating positions of all connected containers when we're not over them
+			if(item.instance !== this.currentContainer && this.currentContainer && item.item[0] !== this.currentItem[0]) {
+				continue;
+			}
+
+			t = this.options.toleranceElement ? $(this.options.toleranceElement, item.item) : item.item;
+
+			if (!fast) {
+				item.width = t.outerWidth();
+				item.height = t.outerHeight();
+			}
+
+			p = t.offset();
+			item.left = p.left;
+			item.top = p.top;
+		}
+
+		if(this.options.custom && this.options.custom.refreshContainers) {
+			this.options.custom.refreshContainers.call(this);
+		} else {
+			for (i = this.containers.length - 1; i >= 0; i--){
+				p = this.containers[i].element.offset();
+				this.containers[i].containerCache.left = p.left;
+				this.containers[i].containerCache.top = p.top;
+				this.containers[i].containerCache.width = this.containers[i].element.outerWidth();
+				this.containers[i].containerCache.height = this.containers[i].element.outerHeight();
+			}
+		}
+
+		return this;
+	},
+
+	_createPlaceholder: function(that) {
+		that = that || this;
+		var className,
+			o = that.options;
+
+		if(!o.placeholder || o.placeholder.constructor === String) {
+			className = o.placeholder;
+			o.placeholder = {
+				element: function() {
+
+					var nodeName = that.currentItem[0].nodeName.toLowerCase(),
+						element = $( "<" + nodeName + ">", that.document[0] )
+							.addClass(className || that.currentItem[0].className+" ui-sortable-placeholder")
+							.removeClass("ui-sortable-helper");
+
+					if ( nodeName === "tr" ) {
+						that.currentItem.children().each(function() {
+							$( "<td>&#160;</td>", that.document[0] )
+								.attr( "colspan", $( this ).attr( "colspan" ) || 1 )
+								.appendTo( element );
+						});
+					} else if ( nodeName === "img" ) {
+						element.attr( "src", that.currentItem.attr( "src" ) );
+					}
+
+					if ( !className ) {
+						element.css( "visibility", "hidden" );
+					}
+
+					return element;
+				},
+				update: function(container, p) {
+
+					// 1. If a className is set as 'placeholder option, we don't force sizes - the class is responsible for that
+					// 2. The option 'forcePlaceholderSize can be enabled to force it even if a class name is specified
+					if(className && !o.forcePlaceholderSize) {
+						return;
+					}
+
+					//If the element doesn't have a actual height by itself (without styles coming from a stylesheet), it receives the inline height from the dragged item
+					if(!p.height()) { p.height(that.currentItem.innerHeight() - parseInt(that.currentItem.css("paddingTop")||0, 10) - parseInt(that.currentItem.css("paddingBottom")||0, 10)); }
+					if(!p.width()) { p.width(that.currentItem.innerWidth() - parseInt(that.currentItem.css("paddingLeft")||0, 10) - parseInt(that.currentItem.css("paddingRight")||0, 10)); }
+				}
+			};
+		}
+
+		//Create the placeholder
+		that.placeholder = $(o.placeholder.element.call(that.element, that.currentItem));
+
+		//Append it after the actual current item
+		that.currentItem.after(that.placeholder);
+
+		//Update the size of the placeholder (TODO: Logic to fuzzy, see line 316/317)
+		o.placeholder.update(that, that.placeholder);
+
+	},
+
+	_contactContainers: function(event) {
+		var i, j, dist, itemWithLeastDistance, posProperty, sizeProperty, cur, nearBottom, floating, axis,
+			innermostContainer = null,
+			innermostIndex = null;
+
+		// get innermost container that intersects with item
+		for (i = this.containers.length - 1; i >= 0; i--) {
+
+			// never consider a container that's located within the item itself
+			if($.contains(this.currentItem[0], this.containers[i].element[0])) {
+				continue;
+			}
+
+			if(this._intersectsWith(this.containers[i].containerCache)) {
+
+				// if we've already found a container and it's more "inner" than this, then continue
+				if(innermostContainer && $.contains(this.containers[i].element[0], innermostContainer.element[0])) {
+					continue;
+				}
+
+				innermostContainer = this.containers[i];
+				innermostIndex = i;
+
+			} else {
+				// container doesn't intersect. trigger "out" event if necessary
+				if(this.containers[i].containerCache.over) {
+					this.containers[i]._trigger("out", event, this._uiHash(this));
+					this.containers[i].containerCache.over = 0;
+				}
+			}
+
+		}
+
+		// if no intersecting containers found, return
+		if(!innermostContainer) {
+			return;
+		}
+
+		// move the item into the container if it's not there already
+		if(this.containers.length === 1) {
+			if (!this.containers[innermostIndex].containerCache.over) {
+				this.containers[innermostIndex]._trigger("over", event, this._uiHash(this));
+				this.containers[innermostIndex].containerCache.over = 1;
+			}
+		} else {
+
+			//When entering a new container, we will find the item with the least distance and append our item near it
+			dist = 10000;
+			itemWithLeastDistance = null;
+			floating = innermostContainer.floating || this._isFloating(this.currentItem);
+			posProperty = floating ? "left" : "top";
+			sizeProperty = floating ? "width" : "height";
+			axis = floating ? "clientX" : "clientY";
+
+			for (j = this.items.length - 1; j >= 0; j--) {
+				if(!$.contains(this.containers[innermostIndex].element[0], this.items[j].item[0])) {
+					continue;
+				}
+				if(this.items[j].item[0] === this.currentItem[0]) {
+					continue;
+				}
+
+				cur = this.items[j].item.offset()[posProperty];
+				nearBottom = false;
+				if ( event[ axis ] - cur > this.items[ j ][ sizeProperty ] / 2 ) {
+					nearBottom = true;
+				}
+
+				if ( Math.abs( event[ axis ] - cur ) < dist ) {
+					dist = Math.abs( event[ axis ] - cur );
+					itemWithLeastDistance = this.items[ j ];
+					this.direction = nearBottom ? "up": "down";
+				}
+			}
+
+			//Check if dropOnEmpty is enabled
+			if(!itemWithLeastDistance && !this.options.dropOnEmpty) {
+				return;
+			}
+
+			if(this.currentContainer === this.containers[innermostIndex]) {
+				if ( !this.currentContainer.containerCache.over ) {
+					this.containers[ innermostIndex ]._trigger( "over", event, this._uiHash() );
+					this.currentContainer.containerCache.over = 1;
+				}
+				return;
+			}
+
+			itemWithLeastDistance ? this._rearrange(event, itemWithLeastDistance, null, true) : this._rearrange(event, null, this.containers[innermostIndex].element, true);
+			this._trigger("change", event, this._uiHash());
+			this.containers[innermostIndex]._trigger("change", event, this._uiHash(this));
+			this.currentContainer = this.containers[innermostIndex];
+
+			//Update the placeholder
+			this.options.placeholder.update(this.currentContainer, this.placeholder);
+
+			this.containers[innermostIndex]._trigger("over", event, this._uiHash(this));
+			this.containers[innermostIndex].containerCache.over = 1;
+		}
+
+
+	},
+
+	_createHelper: function(event) {
+
+		var o = this.options,
+			helper = $.isFunction(o.helper) ? $(o.helper.apply(this.element[0], [event, this.currentItem])) : (o.helper === "clone" ? this.currentItem.clone() : this.currentItem);
+
+		//Add the helper to the DOM if that didn't happen already
+		if(!helper.parents("body").length) {
+			$(o.appendTo !== "parent" ? o.appendTo : this.currentItem[0].parentNode)[0].appendChild(helper[0]);
+		}
+
+		if(helper[0] === this.currentItem[0]) {
+			this._storedCSS = { width: this.currentItem[0].style.width, height: this.currentItem[0].style.height, position: this.currentItem.css("position"), top: this.currentItem.css("top"), left: this.currentItem.css("left") };
+		}
+
+		if(!helper[0].style.width || o.forceHelperSize) {
+			helper.width(this.currentItem.width());
+		}
+		if(!helper[0].style.height || o.forceHelperSize) {
+			helper.height(this.currentItem.height());
+		}
+
+		return helper;
+
+	},
+
+	_adjustOffsetFromHelper: function(obj) {
+		if (typeof obj === "string") {
+			obj = obj.split(" ");
+		}
+		if ($.isArray(obj)) {
+			obj = {left: +obj[0], top: +obj[1] || 0};
+		}
+		if ("left" in obj) {
+			this.offset.click.left = obj.left + this.margins.left;
+		}
+		if ("right" in obj) {
+			this.offset.click.left = this.helperProportions.width - obj.right + this.margins.left;
+		}
+		if ("top" in obj) {
+			this.offset.click.top = obj.top + this.margins.top;
+		}
+		if ("bottom" in obj) {
+			this.offset.click.top = this.helperProportions.height - obj.bottom + this.margins.top;
+		}
+	},
+
+	_getParentOffset: function() {
+
+
+		//Get the offsetParent and cache its position
+		this.offsetParent = this.helper.offsetParent();
+		var po = this.offsetParent.offset();
+
+		// This is a special case where we need to modify a offset calculated on start, since the following happened:
+		// 1. The position of the helper is absolute, so it's position is calculated based on the next positioned parent
+		// 2. The actual offset parent is a child of the scroll parent, and the scroll parent isn't the document, which means that
+		//    the scroll is included in the initial calculation of the offset of the parent, and never recalculated upon drag
+		if(this.cssPosition === "absolute" && this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0])) {
+			po.left += this.scrollParent.scrollLeft();
+			po.top += this.scrollParent.scrollTop();
+		}
+
+		// This needs to be actually done for all browsers, since pageX/pageY includes this information
+		// with an ugly IE fix
+		if( this.offsetParent[0] === document.body || (this.offsetParent[0].tagName && this.offsetParent[0].tagName.toLowerCase() === "html" && $.ui.ie)) {
+			po = { top: 0, left: 0 };
+		}
+
+		return {
+			top: po.top + (parseInt(this.offsetParent.css("borderTopWidth"),10) || 0),
+			left: po.left + (parseInt(this.offsetParent.css("borderLeftWidth"),10) || 0)
+		};
+
+	},
+
+	_getRelativeOffset: function() {
+
+		if(this.cssPosition === "relative") {
+			var p = this.currentItem.position();
+			return {
+				top: p.top - (parseInt(this.helper.css("top"),10) || 0) + this.scrollParent.scrollTop(),
+				left: p.left - (parseInt(this.helper.css("left"),10) || 0) + this.scrollParent.scrollLeft()
+			};
+		} else {
+			return { top: 0, left: 0 };
+		}
+
+	},
+
+	_cacheMargins: function() {
+		this.margins = {
+			left: (parseInt(this.currentItem.css("marginLeft"),10) || 0),
+			top: (parseInt(this.currentItem.css("marginTop"),10) || 0)
+		};
+	},
+
+	_cacheHelperProportions: function() {
+		this.helperProportions = {
+			width: this.helper.outerWidth(),
+			height: this.helper.outerHeight()
+		};
+	},
+
+	_setContainment: function() {
+
+		var ce, co, over,
+			o = this.options;
+		if(o.containment === "parent") {
+			o.containment = this.helper[0].parentNode;
+		}
+		if(o.containment === "document" || o.containment === "window") {
+			this.containment = [
+				0 - this.offset.relative.left - this.offset.parent.left,
+				0 - this.offset.relative.top - this.offset.parent.top,
+				$(o.containment === "document" ? document : window).width() - this.helperProportions.width - this.margins.left,
+				($(o.containment === "document" ? document : window).height() || document.body.parentNode.scrollHeight) - this.helperProportions.height - this.margins.top
+			];
+		}
+
+		if(!(/^(document|window|parent)$/).test(o.containment)) {
+			ce = $(o.containment)[0];
+			co = $(o.containment).offset();
+			over = ($(ce).css("overflow") !== "hidden");
+
+			this.containment = [
+				co.left + (parseInt($(ce).css("borderLeftWidth"),10) || 0) + (parseInt($(ce).css("paddingLeft"),10) || 0) - this.margins.left,
+				co.top + (parseInt($(ce).css("borderTopWidth"),10) || 0) + (parseInt($(ce).css("paddingTop"),10) || 0) - this.margins.top,
+				co.left+(over ? Math.max(ce.scrollWidth,ce.offsetWidth) : ce.offsetWidth) - (parseInt($(ce).css("borderLeftWidth"),10) || 0) - (parseInt($(ce).css("paddingRight"),10) || 0) - this.helperProportions.width - this.margins.left,
+				co.top+(over ? Math.max(ce.scrollHeight,ce.offsetHeight) : ce.offsetHeight) - (parseInt($(ce).css("borderTopWidth"),10) || 0) - (parseInt($(ce).css("paddingBottom"),10) || 0) - this.helperProportions.height - this.margins.top
+			];
+		}
+
+	},
+
+	_convertPositionTo: function(d, pos) {
+
+		if(!pos) {
+			pos = this.position;
+		}
+		var mod = d === "absolute" ? 1 : -1,
+			scroll = this.cssPosition === "absolute" && !(this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent,
+			scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
+
+		return {
+			top: (
+				pos.top	+																// The absolute mouse position
+				this.offset.relative.top * mod +										// Only for relative positioned nodes: Relative offset from element to offset parent
+				this.offset.parent.top * mod -											// The offsetParent's offset without borders (offset + border)
+				( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ) * mod)
+			),
+			left: (
+				pos.left +																// The absolute mouse position
+				this.offset.relative.left * mod +										// Only for relative positioned nodes: Relative offset from element to offset parent
+				this.offset.parent.left * mod	-										// The offsetParent's offset without borders (offset + border)
+				( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ) * mod)
+			)
+		};
+
+	},
+
+	_generatePosition: function(event) {
+
+		var top, left,
+			o = this.options,
+			pageX = event.pageX,
+			pageY = event.pageY,
+			scroll = this.cssPosition === "absolute" && !(this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent, scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
+
+		// This is another very weird special case that only happens for relative elements:
+		// 1. If the css position is relative
+		// 2. and the scroll parent is the document or similar to the offset parent
+		// we have to refresh the relative offset during the scroll so there are no jumps
+		if(this.cssPosition === "relative" && !(this.scrollParent[0] !== document && this.scrollParent[0] !== this.offsetParent[0])) {
+			this.offset.relative = this._getRelativeOffset();
+		}
+
+		/*
+		 * - Position constraining -
+		 * Constrain the position to a mix of grid, containment.
+		 */
+
+		if(this.originalPosition) { //If we are not dragging yet, we won't check for options
+
+			if(this.containment) {
+				if(event.pageX - this.offset.click.left < this.containment[0]) {
+					pageX = this.containment[0] + this.offset.click.left;
+				}
+				if(event.pageY - this.offset.click.top < this.containment[1]) {
+					pageY = this.containment[1] + this.offset.click.top;
+				}
+				if(event.pageX - this.offset.click.left > this.containment[2]) {
+					pageX = this.containment[2] + this.offset.click.left;
+				}
+				if(event.pageY - this.offset.click.top > this.containment[3]) {
+					pageY = this.containment[3] + this.offset.click.top;
+				}
+			}
+
+			if(o.grid) {
+				top = this.originalPageY + Math.round((pageY - this.originalPageY) / o.grid[1]) * o.grid[1];
+				pageY = this.containment ? ( (top - this.offset.click.top >= this.containment[1] && top - this.offset.click.top <= this.containment[3]) ? top : ((top - this.offset.click.top >= this.containment[1]) ? top - o.grid[1] : top + o.grid[1])) : top;
+
+				left = this.originalPageX + Math.round((pageX - this.originalPageX) / o.grid[0]) * o.grid[0];
+				pageX = this.containment ? ( (left - this.offset.click.left >= this.containment[0] && left - this.offset.click.left <= this.containment[2]) ? left : ((left - this.offset.click.left >= this.containment[0]) ? left - o.grid[0] : left + o.grid[0])) : left;
+			}
+
+		}
+
+		return {
+			top: (
+				pageY -																// The absolute mouse position
+				this.offset.click.top -													// Click offset (relative to the element)
+				this.offset.relative.top	-											// Only for relative positioned nodes: Relative offset from element to offset parent
+				this.offset.parent.top +												// The offsetParent's offset without borders (offset + border)
+				( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ))
+			),
+			left: (
+				pageX -																// The absolute mouse position
+				this.offset.click.left -												// Click offset (relative to the element)
+				this.offset.relative.left	-											// Only for relative positioned nodes: Relative offset from element to offset parent
+				this.offset.parent.left +												// The offsetParent's offset without borders (offset + border)
+				( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ))
+			)
+		};
+
+	},
+
+	_rearrange: function(event, i, a, hardRefresh) {
+
+		a ? a[0].appendChild(this.placeholder[0]) : i.item[0].parentNode.insertBefore(this.placeholder[0], (this.direction === "down" ? i.item[0] : i.item[0].nextSibling));
+
+		//Various things done here to improve the performance:
+		// 1. we create a setTimeout, that calls refreshPositions
+		// 2. on the instance, we have a counter variable, that get's higher after every append
+		// 3. on the local scope, we copy the counter variable, and check in the timeout, if it's still the same
+		// 4. this lets only the last addition to the timeout stack through
+		this.counter = this.counter ? ++this.counter : 1;
+		var counter = this.counter;
+
+		this._delay(function() {
+			if(counter === this.counter) {
+				this.refreshPositions(!hardRefresh); //Precompute after each DOM insertion, NOT on mousemove
+			}
+		});
+
+	},
+
+	_clear: function(event, noPropagation) {
+
+		this.reverting = false;
+		// We delay all events that have to be triggered to after the point where the placeholder has been removed and
+		// everything else normalized again
+		var i,
+			delayedTriggers = [];
+
+		// We first have to update the dom position of the actual currentItem
+		// Note: don't do it if the current item is already removed (by a user), or it gets reappended (see #4088)
+		if(!this._noFinalSort && this.currentItem.parent().length) {
+			this.placeholder.before(this.currentItem);
+		}
+		this._noFinalSort = null;
+
+		if(this.helper[0] === this.currentItem[0]) {
+			for(i in this._storedCSS) {
+				if(this._storedCSS[i] === "auto" || this._storedCSS[i] === "static") {
+					this._storedCSS[i] = "";
+				}
+			}
+			this.currentItem.css(this._storedCSS).removeClass("ui-sortable-helper");
+		} else {
+			this.currentItem.show();
+		}
+
+		if(this.fromOutside && !noPropagation) {
+			delayedTriggers.push(function(event) { this._trigger("receive", event, this._uiHash(this.fromOutside)); });
+		}
+		if((this.fromOutside || this.domPosition.prev !== this.currentItem.prev().not(".ui-sortable-helper")[0] || this.domPosition.parent !== this.currentItem.parent()[0]) && !noPropagation) {
+			delayedTriggers.push(function(event) { this._trigger("update", event, this._uiHash()); }); //Trigger update callback if the DOM position has changed
+		}
+
+		// Check if the items Container has Changed and trigger appropriate
+		// events.
+		if (this !== this.currentContainer) {
+			if(!noPropagation) {
+				delayedTriggers.push(function(event) { this._trigger("remove", event, this._uiHash()); });
+				delayedTriggers.push((function(c) { return function(event) { c._trigger("receive", event, this._uiHash(this)); };  }).call(this, this.currentContainer));
+				delayedTriggers.push((function(c) { return function(event) { c._trigger("update", event, this._uiHash(this));  }; }).call(this, this.currentContainer));
+			}
+		}
+
+
+		//Post events to containers
+		function delayEvent( type, instance, container ) {
+			return function( event ) {
+				container._trigger( type, event, instance._uiHash( instance ) );
+			};
+		}
+		for (i = this.containers.length - 1; i >= 0; i--){
+			if (!noPropagation) {
+				delayedTriggers.push( delayEvent( "deactivate", this, this.containers[ i ] ) );
+			}
+			if(this.containers[i].containerCache.over) {
+				delayedTriggers.push( delayEvent( "out", this, this.containers[ i ] ) );
+				this.containers[i].containerCache.over = 0;
+			}
+		}
+
+		//Do what was originally in plugins
+		if ( this.storedCursor ) {
+			this.document.find( "body" ).css( "cursor", this.storedCursor );
+			this.storedStylesheet.remove();
+		}
+		if(this._storedOpacity) {
+			this.helper.css("opacity", this._storedOpacity);
+		}
+		if(this._storedZIndex) {
+			this.helper.css("zIndex", this._storedZIndex === "auto" ? "" : this._storedZIndex);
+		}
+
+		this.dragging = false;
+
+		if(!noPropagation) {
+			this._trigger("beforeStop", event, this._uiHash());
+		}
+
+		//$(this.placeholder[0]).remove(); would have been the jQuery way - unfortunately, it unbinds ALL events from the original node!
+		this.placeholder[0].parentNode.removeChild(this.placeholder[0]);
+
+		if ( !this.cancelHelperRemoval ) {
+			if ( this.helper[ 0 ] !== this.currentItem[ 0 ] ) {
+				this.helper.remove();
+			}
+			this.helper = null;
+		}
+
+		if(!noPropagation) {
+			for (i=0; i < delayedTriggers.length; i++) {
+				delayedTriggers[i].call(this, event);
+			} //Trigger all delayed events
+			this._trigger("stop", event, this._uiHash());
+		}
+
+		this.fromOutside = false;
+		return !this.cancelHelperRemoval;
+
+	},
+
+	_trigger: function() {
+		if ($.Widget.prototype._trigger.apply(this, arguments) === false) {
+			this.cancel();
+		}
+	},
+
+	_uiHash: function(_inst) {
+		var inst = _inst || this;
+		return {
+			helper: inst.helper,
+			placeholder: inst.placeholder || $([]),
+			position: inst.position,
+			originalPosition: inst.originalPosition,
+			offset: inst.positionAbs,
+			item: inst.currentItem,
+			sender: _inst ? _inst.element : null
+		};
+	}
+
+});
+
+
+/*!
+ * jQuery UI Slider 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/slider/
+ */
+
+
+var slider = $.widget( "ui.slider", $.ui.mouse, {
+	version: "1.11.2",
+	widgetEventPrefix: "slide",
+
+	options: {
+		animate: false,
+		distance: 0,
+		max: 100,
+		min: 0,
+		orientation: "horizontal",
+		range: false,
+		step: 1,
+		value: 0,
+		values: null,
+
+		// callbacks
+		change: null,
+		slide: null,
+		start: null,
+		stop: null
+	},
+
+	// number of pages in a slider
+	// (how many times can you page up/down to go through the whole range)
+	numPages: 5,
+
+	_create: function() {
+		this._keySliding = false;
+		this._mouseSliding = false;
+		this._animateOff = true;
+		this._handleIndex = null;
+		this._detectOrientation();
+		this._mouseInit();
+		this._calculateNewMax();
+
+		this.element
+			.addClass( "ui-slider" +
+				" ui-slider-" + this.orientation +
+				" ui-widget" +
+				" ui-widget-content" +
+				" ui-corner-all");
+
+		this._refresh();
+		this._setOption( "disabled", this.options.disabled );
+
+		this._animateOff = false;
+	},
+
+	_refresh: function() {
+		this._createRange();
+		this._createHandles();
+		this._setupEvents();
+		this._refreshValue();
+	},
+
+	_createHandles: function() {
+		var i, handleCount,
+			options = this.options,
+			existingHandles = this.element.find( ".ui-slider-handle" ).addClass( "ui-state-default ui-corner-all" ),
+			handle = "<span class='ui-slider-handle ui-state-default ui-corner-all' tabindex='0'></span>",
+			handles = [];
+
+		handleCount = ( options.values && options.values.length ) || 1;
+
+		if ( existingHandles.length > handleCount ) {
+			existingHandles.slice( handleCount ).remove();
+			existingHandles = existingHandles.slice( 0, handleCount );
+		}
+
+		for ( i = existingHandles.length; i < handleCount; i++ ) {
+			handles.push( handle );
+		}
+
+		this.handles = existingHandles.add( $( handles.join( "" ) ).appendTo( this.element ) );
+
+		this.handle = this.handles.eq( 0 );
+
+		this.handles.each(function( i ) {
+			$( this ).data( "ui-slider-handle-index", i );
+		});
+	},
+
+	_createRange: function() {
+		var options = this.options,
+			classes = "";
+
+		if ( options.range ) {
+			if ( options.range === true ) {
+				if ( !options.values ) {
+					options.values = [ this._valueMin(), this._valueMin() ];
+				} else if ( options.values.length && options.values.length !== 2 ) {
+					options.values = [ options.values[0], options.values[0] ];
+				} else if ( $.isArray( options.values ) ) {
+					options.values = options.values.slice(0);
+				}
+			}
+
+			if ( !this.range || !this.range.length ) {
+				this.range = $( "<div></div>" )
+					.appendTo( this.element );
+
+				classes = "ui-slider-range" +
+				// note: this isn't the most fittingly semantic framework class for this element,
+				// but worked best visually with a variety of themes
+				" ui-widget-header ui-corner-all";
+			} else {
+				this.range.removeClass( "ui-slider-range-min ui-slider-range-max" )
+					// Handle range switching from true to min/max
+					.css({
+						"left": "",
+						"bottom": ""
+					});
+			}
+
+			this.range.addClass( classes +
+				( ( options.range === "min" || options.range === "max" ) ? " ui-slider-range-" + options.range : "" ) );
+		} else {
+			if ( this.range ) {
+				this.range.remove();
+			}
+			this.range = null;
+		}
+	},
+
+	_setupEvents: function() {
+		this._off( this.handles );
+		this._on( this.handles, this._handleEvents );
+		this._hoverable( this.handles );
+		this._focusable( this.handles );
+	},
+
+	_destroy: function() {
+		this.handles.remove();
+		if ( this.range ) {
+			this.range.remove();
+		}
+
+		this.element
+			.removeClass( "ui-slider" +
+				" ui-slider-horizontal" +
+				" ui-slider-vertical" +
+				" ui-widget" +
+				" ui-widget-content" +
+				" ui-corner-all" );
+
+		this._mouseDestroy();
+	},
+
+	_mouseCapture: function( event ) {
+		var position, normValue, distance, closestHandle, index, allowed, offset, mouseOverHandle,
+			that = this,
+			o = this.options;
+
+		if ( o.disabled ) {
+			return false;
+		}
+
+		this.elementSize = {
+			width: this.element.outerWidth(),
+			height: this.element.outerHeight()
+		};
+		this.elementOffset = this.element.offset();
+
+		position = { x: event.pageX, y: event.pageY };
+		normValue = this._normValueFromMouse( position );
+		distance = this._valueMax() - this._valueMin() + 1;
+		this.handles.each(function( i ) {
+			var thisDistance = Math.abs( normValue - that.values(i) );
+			if (( distance > thisDistance ) ||
+				( distance === thisDistance &&
+					(i === that._lastChangedValue || that.values(i) === o.min ))) {
+				distance = thisDistance;
+				closestHandle = $( this );
+				index = i;
+			}
+		});
+
+		allowed = this._start( event, index );
+		if ( allowed === false ) {
+			return false;
+		}
+		this._mouseSliding = true;
+
+		this._handleIndex = index;
+
+		closestHandle
+			.addClass( "ui-state-active" )
+			.focus();
+
+		offset = closestHandle.offset();
+		mouseOverHandle = !$( event.target ).parents().addBack().is( ".ui-slider-handle" );
+		this._clickOffset = mouseOverHandle ? { left: 0, top: 0 } : {
+			left: event.pageX - offset.left - ( closestHandle.width() / 2 ),
+			top: event.pageY - offset.top -
+				( closestHandle.height() / 2 ) -
+				( parseInt( closestHandle.css("borderTopWidth"), 10 ) || 0 ) -
+				( parseInt( closestHandle.css("borderBottomWidth"), 10 ) || 0) +
+				( parseInt( closestHandle.css("marginTop"), 10 ) || 0)
+		};
+
+		if ( !this.handles.hasClass( "ui-state-hover" ) ) {
+			this._slide( event, index, normValue );
+		}
+		this._animateOff = true;
+		return true;
+	},
+
+	_mouseStart: function() {
+		return true;
+	},
+
+	_mouseDrag: function( event ) {
+		var position = { x: event.pageX, y: event.pageY },
+			normValue = this._normValueFromMouse( position );
+
+		this._slide( event, this._handleIndex, normValue );
+
+		return false;
+	},
+
+	_mouseStop: function( event ) {
+		this.handles.removeClass( "ui-state-active" );
+		this._mouseSliding = false;
+
+		this._stop( event, this._handleIndex );
+		this._change( event, this._handleIndex );
+
+		this._handleIndex = null;
+		this._clickOffset = null;
+		this._animateOff = false;
+
+		return false;
+	},
+
+	_detectOrientation: function() {
+		this.orientation = ( this.options.orientation === "vertical" ) ? "vertical" : "horizontal";
+	},
+
+	_normValueFromMouse: function( position ) {
+		var pixelTotal,
+			pixelMouse,
+			percentMouse,
+			valueTotal,
+			valueMouse;
+
+		if ( this.orientation === "horizontal" ) {
+			pixelTotal = this.elementSize.width;
+			pixelMouse = position.x - this.elementOffset.left - ( this._clickOffset ? this._clickOffset.left : 0 );
+		} else {
+			pixelTotal = this.elementSize.height;
+			pixelMouse = position.y - this.elementOffset.top - ( this._clickOffset ? this._clickOffset.top : 0 );
+		}
+
+		percentMouse = ( pixelMouse / pixelTotal );
+		if ( percentMouse > 1 ) {
+			percentMouse = 1;
+		}
+		if ( percentMouse < 0 ) {
+			percentMouse = 0;
+		}
+		if ( this.orientation === "vertical" ) {
+			percentMouse = 1 - percentMouse;
+		}
+
+		valueTotal = this._valueMax() - this._valueMin();
+		valueMouse = this._valueMin() + percentMouse * valueTotal;
+
+		return this._trimAlignValue( valueMouse );
+	},
+
+	_start: function( event, index ) {
+		var uiHash = {
+			handle: this.handles[ index ],
+			value: this.value()
+		};
+		if ( this.options.values && this.options.values.length ) {
+			uiHash.value = this.values( index );
+			uiHash.values = this.values();
+		}
+		return this._trigger( "start", event, uiHash );
+	},
+
+	_slide: function( event, index, newVal ) {
+		var otherVal,
+			newValues,
+			allowed;
+
+		if ( this.options.values && this.options.values.length ) {
+			otherVal = this.values( index ? 0 : 1 );
+
+			if ( ( this.options.values.length === 2 && this.options.range === true ) &&
+					( ( index === 0 && newVal > otherVal) || ( index === 1 && newVal < otherVal ) )
+				) {
+				newVal = otherVal;
+			}
+
+			if ( newVal !== this.values( index ) ) {
+				newValues = this.values();
+				newValues[ index ] = newVal;
+				// A slide can be canceled by returning false from the slide callback
+				allowed = this._trigger( "slide", event, {
+					handle: this.handles[ index ],
+					value: newVal,
+					values: newValues
+				} );
+				otherVal = this.values( index ? 0 : 1 );
+				if ( allowed !== false ) {
+					this.values( index, newVal );
+				}
+			}
+		} else {
+			if ( newVal !== this.value() ) {
+				// A slide can be canceled by returning false from the slide callback
+				allowed = this._trigger( "slide", event, {
+					handle: this.handles[ index ],
+					value: newVal
+				} );
+				if ( allowed !== false ) {
+					this.value( newVal );
+				}
+			}
+		}
+	},
+
+	_stop: function( event, index ) {
+		var uiHash = {
+			handle: this.handles[ index ],
+			value: this.value()
+		};
+		if ( this.options.values && this.options.values.length ) {
+			uiHash.value = this.values( index );
+			uiHash.values = this.values();
+		}
+
+		this._trigger( "stop", event, uiHash );
+	},
+
+	_change: function( event, index ) {
+		if ( !this._keySliding && !this._mouseSliding ) {
+			var uiHash = {
+				handle: this.handles[ index ],
+				value: this.value()
+			};
+			if ( this.options.values && this.options.values.length ) {
+				uiHash.value = this.values( index );
+				uiHash.values = this.values();
+			}
+
+			//store the last changed value index for reference when handles overlap
+			this._lastChangedValue = index;
+
+			this._trigger( "change", event, uiHash );
+		}
+	},
+
+	value: function( newValue ) {
+		if ( arguments.length ) {
+			this.options.value = this._trimAlignValue( newValue );
+			this._refreshValue();
+			this._change( null, 0 );
+			return;
+		}
+
+		return this._value();
+	},
+
+	values: function( index, newValue ) {
+		var vals,
+			newValues,
+			i;
+
+		if ( arguments.length > 1 ) {
+			this.options.values[ index ] = this._trimAlignValue( newValue );
+			this._refreshValue();
+			this._change( null, index );
+			return;
+		}
+
+		if ( arguments.length ) {
+			if ( $.isArray( arguments[ 0 ] ) ) {
+				vals = this.options.values;
+				newValues = arguments[ 0 ];
+				for ( i = 0; i < vals.length; i += 1 ) {
+					vals[ i ] = this._trimAlignValue( newValues[ i ] );
+					this._change( null, i );
+				}
+				this._refreshValue();
+			} else {
+				if ( this.options.values && this.options.values.length ) {
+					return this._values( index );
+				} else {
+					return this.value();
+				}
+			}
+		} else {
+			return this._values();
+		}
+	},
+
+	_setOption: function( key, value ) {
+		var i,
+			valsLength = 0;
+
+		if ( key === "range" && this.options.range === true ) {
+			if ( value === "min" ) {
+				this.options.value = this._values( 0 );
+				this.options.values = null;
+			} else if ( value === "max" ) {
+				this.options.value = this._values( this.options.values.length - 1 );
+				this.options.values = null;
+			}
+		}
+
+		if ( $.isArray( this.options.values ) ) {
+			valsLength = this.options.values.length;
+		}
+
+		if ( key === "disabled" ) {
+			this.element.toggleClass( "ui-state-disabled", !!value );
+		}
+
+		this._super( key, value );
+
+		switch ( key ) {
+			case "orientation":
+				this._detectOrientation();
+				this.element
+					.removeClass( "ui-slider-horizontal ui-slider-vertical" )
+					.addClass( "ui-slider-" + this.orientation );
+				this._refreshValue();
+
+				// Reset positioning from previous orientation
+				this.handles.css( value === "horizontal" ? "bottom" : "left", "" );
+				break;
+			case "value":
+				this._animateOff = true;
+				this._refreshValue();
+				this._change( null, 0 );
+				this._animateOff = false;
+				break;
+			case "values":
+				this._animateOff = true;
+				this._refreshValue();
+				for ( i = 0; i < valsLength; i += 1 ) {
+					this._change( null, i );
+				}
+				this._animateOff = false;
+				break;
+			case "step":
+			case "min":
+			case "max":
+				this._animateOff = true;
+				this._calculateNewMax();
+				this._refreshValue();
+				this._animateOff = false;
+				break;
+			case "range":
+				this._animateOff = true;
+				this._refresh();
+				this._animateOff = false;
+				break;
+		}
+	},
+
+	//internal value getter
+	// _value() returns value trimmed by min and max, aligned by step
+	_value: function() {
+		var val = this.options.value;
+		val = this._trimAlignValue( val );
+
+		return val;
+	},
+
+	//internal values getter
+	// _values() returns array of values trimmed by min and max, aligned by step
+	// _values( index ) returns single value trimmed by min and max, aligned by step
+	_values: function( index ) {
+		var val,
+			vals,
+			i;
+
+		if ( arguments.length ) {
+			val = this.options.values[ index ];
+			val = this._trimAlignValue( val );
+
+			return val;
+		} else if ( this.options.values && this.options.values.length ) {
+			// .slice() creates a copy of the array
+			// this copy gets trimmed by min and max and then returned
+			vals = this.options.values.slice();
+			for ( i = 0; i < vals.length; i += 1) {
+				vals[ i ] = this._trimAlignValue( vals[ i ] );
+			}
+
+			return vals;
+		} else {
+			return [];
+		}
+	},
+
+	// returns the step-aligned value that val is closest to, between (inclusive) min and max
+	_trimAlignValue: function( val ) {
+		if ( val <= this._valueMin() ) {
+			return this._valueMin();
+		}
+		if ( val >= this._valueMax() ) {
+			return this._valueMax();
+		}
+		var step = ( this.options.step > 0 ) ? this.options.step : 1,
+			valModStep = (val - this._valueMin()) % step,
+			alignValue = val - valModStep;
+
+		if ( Math.abs(valModStep) * 2 >= step ) {
+			alignValue += ( valModStep > 0 ) ? step : ( -step );
+		}
+
+		// Since JavaScript has problems with large floats, round
+		// the final value to 5 digits after the decimal point (see #4124)
+		return parseFloat( alignValue.toFixed(5) );
+	},
+
+	_calculateNewMax: function() {
+		var remainder = ( this.options.max - this._valueMin() ) % this.options.step;
+		this.max = this.options.max - remainder;
+	},
+
+	_valueMin: function() {
+		return this.options.min;
+	},
+
+	_valueMax: function() {
+		return this.max;
+	},
+
+	_refreshValue: function() {
+		var lastValPercent, valPercent, value, valueMin, valueMax,
+			oRange = this.options.range,
+			o = this.options,
+			that = this,
+			animate = ( !this._animateOff ) ? o.animate : false,
+			_set = {};
+
+		if ( this.options.values && this.options.values.length ) {
+			this.handles.each(function( i ) {
+				valPercent = ( that.values(i) - that._valueMin() ) / ( that._valueMax() - that._valueMin() ) * 100;
+				_set[ that.orientation === "horizontal" ? "left" : "bottom" ] = valPercent + "%";
+				$( this ).stop( 1, 1 )[ animate ? "animate" : "css" ]( _set, o.animate );
+				if ( that.options.range === true ) {
+					if ( that.orientation === "horizontal" ) {
+						if ( i === 0 ) {
+							that.range.stop( 1, 1 )[ animate ? "animate" : "css" ]( { left: valPercent + "%" }, o.animate );
+						}
+						if ( i === 1 ) {
+							that.range[ animate ? "animate" : "css" ]( { width: ( valPercent - lastValPercent ) + "%" }, { queue: false, duration: o.animate } );
+						}
+					} else {
+						if ( i === 0 ) {
+							that.range.stop( 1, 1 )[ animate ? "animate" : "css" ]( { bottom: ( valPercent ) + "%" }, o.animate );
+						}
+						if ( i === 1 ) {
+							that.range[ animate ? "animate" : "css" ]( { height: ( valPercent - lastValPercent ) + "%" }, { queue: false, duration: o.animate } );
+						}
+					}
+				}
+				lastValPercent = valPercent;
+			});
+		} else {
+			value = this.value();
+			valueMin = this._valueMin();
+			valueMax = this._valueMax();
+			valPercent = ( valueMax !== valueMin ) ?
+					( value - valueMin ) / ( valueMax - valueMin ) * 100 :
+					0;
+			_set[ this.orientation === "horizontal" ? "left" : "bottom" ] = valPercent + "%";
+			this.handle.stop( 1, 1 )[ animate ? "animate" : "css" ]( _set, o.animate );
+
+			if ( oRange === "min" && this.orientation === "horizontal" ) {
+				this.range.stop( 1, 1 )[ animate ? "animate" : "css" ]( { width: valPercent + "%" }, o.animate );
+			}
+			if ( oRange === "max" && this.orientation === "horizontal" ) {
+				this.range[ animate ? "animate" : "css" ]( { width: ( 100 - valPercent ) + "%" }, { queue: false, duration: o.animate } );
+			}
+			if ( oRange === "min" && this.orientation === "vertical" ) {
+				this.range.stop( 1, 1 )[ animate ? "animate" : "css" ]( { height: valPercent + "%" }, o.animate );
+			}
+			if ( oRange === "max" && this.orientation === "vertical" ) {
+				this.range[ animate ? "animate" : "css" ]( { height: ( 100 - valPercent ) + "%" }, { queue: false, duration: o.animate } );
+			}
+		}
+	},
+
+	_handleEvents: {
+		keydown: function( event ) {
+			var allowed, curVal, newVal, step,
+				index = $( event.target ).data( "ui-slider-handle-index" );
+
+			switch ( event.keyCode ) {
+				case $.ui.keyCode.HOME:
+				case $.ui.keyCode.END:
+				case $.ui.keyCode.PAGE_UP:
+				case $.ui.keyCode.PAGE_DOWN:
+				case $.ui.keyCode.UP:
+				case $.ui.keyCode.RIGHT:
+				case $.ui.keyCode.DOWN:
+				case $.ui.keyCode.LEFT:
+					event.preventDefault();
+					if ( !this._keySliding ) {
+						this._keySliding = true;
+						$( event.target ).addClass( "ui-state-active" );
+						allowed = this._start( event, index );
+						if ( allowed === false ) {
+							return;
+						}
+					}
+					break;
+			}
+
+			step = this.options.step;
+			if ( this.options.values && this.options.values.length ) {
+				curVal = newVal = this.values( index );
+			} else {
+				curVal = newVal = this.value();
+			}
+
+			switch ( event.keyCode ) {
+				case $.ui.keyCode.HOME:
+					newVal = this._valueMin();
+					break;
+				case $.ui.keyCode.END:
+					newVal = this._valueMax();
+					break;
+				case $.ui.keyCode.PAGE_UP:
+					newVal = this._trimAlignValue(
+						curVal + ( ( this._valueMax() - this._valueMin() ) / this.numPages )
+					);
+					break;
+				case $.ui.keyCode.PAGE_DOWN:
+					newVal = this._trimAlignValue(
+						curVal - ( (this._valueMax() - this._valueMin()) / this.numPages ) );
+					break;
+				case $.ui.keyCode.UP:
+				case $.ui.keyCode.RIGHT:
+					if ( curVal === this._valueMax() ) {
+						return;
+					}
+					newVal = this._trimAlignValue( curVal + step );
+					break;
+				case $.ui.keyCode.DOWN:
+				case $.ui.keyCode.LEFT:
+					if ( curVal === this._valueMin() ) {
+						return;
+					}
+					newVal = this._trimAlignValue( curVal - step );
+					break;
+			}
+
+			this._slide( event, index, newVal );
+		},
+		keyup: function( event ) {
+			var index = $( event.target ).data( "ui-slider-handle-index" );
+
+			if ( this._keySliding ) {
+				this._keySliding = false;
+				this._stop( event, index );
+				this._change( event, index );
+				$( event.target ).removeClass( "ui-state-active" );
+			}
+		}
+	}
+});
+
+
+
+}));
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/jquery-ui.js b/web/bootstrap-ace-admin/js/jquery-ui.js
new file mode 100755
index 00000000..bc1fc130
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery-ui.js
@@ -0,0 +1,16582 @@
+/*! jQuery UI - v1.11.2 - 2014-10-26
+* http://jqueryui.com
+* Includes: core.js, widget.js, mouse.js, position.js, draggable.js, droppable.js, resizable.js, selectable.js, sortable.js, accordion.js, autocomplete.js, button.js, datepicker.js, dialog.js, menu.js, progressbar.js, selectmenu.js, slider.js, spinner.js, tabs.js, tooltip.js, effect.js, effect-blind.js, effect-bounce.js, effect-clip.js, effect-drop.js, effect-explode.js, effect-fade.js, effect-fold.js, effect-highlight.js, effect-puff.js, effect-pulsate.js, effect-scale.js, effect-shake.js, effect-size.js, effect-slide.js, effect-transfer.js
+* Copyright 2014 jQuery Foundation and other contributors; Licensed MIT */
+
+(function( factory ) {
+	if ( typeof define === "function" && define.amd ) {
+
+		// AMD. Register as an anonymous module.
+		define([ "jquery" ], factory );
+	} else {
+
+		// Browser globals
+		factory( jQuery );
+	}
+}(function( $ ) {
+/*!
+ * jQuery UI Core 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/category/ui-core/
+ */
+
+
+// $.ui might exist from components with no dependencies, e.g., $.ui.position
+$.ui = $.ui || {};
+
+$.extend( $.ui, {
+	version: "1.11.2",
+
+	keyCode: {
+		BACKSPACE: 8,
+		COMMA: 188,
+		DELETE: 46,
+		DOWN: 40,
+		END: 35,
+		ENTER: 13,
+		ESCAPE: 27,
+		HOME: 36,
+		LEFT: 37,
+		PAGE_DOWN: 34,
+		PAGE_UP: 33,
+		PERIOD: 190,
+		RIGHT: 39,
+		SPACE: 32,
+		TAB: 9,
+		UP: 38
+	}
+});
+
+// plugins
+$.fn.extend({
+	scrollParent: function( includeHidden ) {
+		var position = this.css( "position" ),
+			excludeStaticParent = position === "absolute",
+			overflowRegex = includeHidden ? /(auto|scroll|hidden)/ : /(auto|scroll)/,
+			scrollParent = this.parents().filter( function() {
+				var parent = $( this );
+				if ( excludeStaticParent && parent.css( "position" ) === "static" ) {
+					return false;
+				}
+				return overflowRegex.test( parent.css( "overflow" ) + parent.css( "overflow-y" ) + parent.css( "overflow-x" ) );
+			}).eq( 0 );
+
+		return position === "fixed" || !scrollParent.length ? $( this[ 0 ].ownerDocument || document ) : scrollParent;
+	},
+
+	uniqueId: (function() {
+		var uuid = 0;
+
+		return function() {
+			return this.each(function() {
+				if ( !this.id ) {
+					this.id = "ui-id-" + ( ++uuid );
+				}
+			});
+		};
+	})(),
+
+	removeUniqueId: function() {
+		return this.each(function() {
+			if ( /^ui-id-\d+$/.test( this.id ) ) {
+				$( this ).removeAttr( "id" );
+			}
+		});
+	}
+});
+
+// selectors
+function focusable( element, isTabIndexNotNaN ) {
+	var map, mapName, img,
+		nodeName = element.nodeName.toLowerCase();
+	if ( "area" === nodeName ) {
+		map = element.parentNode;
+		mapName = map.name;
+		if ( !element.href || !mapName || map.nodeName.toLowerCase() !== "map" ) {
+			return false;
+		}
+		img = $( "img[usemap='#" + mapName + "']" )[ 0 ];
+		return !!img && visible( img );
+	}
+	return ( /input|select|textarea|button|object/.test( nodeName ) ?
+		!element.disabled :
+		"a" === nodeName ?
+			element.href || isTabIndexNotNaN :
+			isTabIndexNotNaN) &&
+		// the element and all of its ancestors must be visible
+		visible( element );
+}
+
+function visible( element ) {
+	return $.expr.filters.visible( element ) &&
+		!$( element ).parents().addBack().filter(function() {
+			return $.css( this, "visibility" ) === "hidden";
+		}).length;
+}
+
+$.extend( $.expr[ ":" ], {
+	data: $.expr.createPseudo ?
+		$.expr.createPseudo(function( dataName ) {
+			return function( elem ) {
+				return !!$.data( elem, dataName );
+			};
+		}) :
+		// support: jQuery <1.8
+		function( elem, i, match ) {
+			return !!$.data( elem, match[ 3 ] );
+		},
+
+	focusable: function( element ) {
+		return focusable( element, !isNaN( $.attr( element, "tabindex" ) ) );
+	},
+
+	tabbable: function( element ) {
+		var tabIndex = $.attr( element, "tabindex" ),
+			isTabIndexNaN = isNaN( tabIndex );
+		return ( isTabIndexNaN || tabIndex >= 0 ) && focusable( element, !isTabIndexNaN );
+	}
+});
+
+// support: jQuery <1.8
+if ( !$( "<a>" ).outerWidth( 1 ).jquery ) {
+	$.each( [ "Width", "Height" ], function( i, name ) {
+		var side = name === "Width" ? [ "Left", "Right" ] : [ "Top", "Bottom" ],
+			type = name.toLowerCase(),
+			orig = {
+				innerWidth: $.fn.innerWidth,
+				innerHeight: $.fn.innerHeight,
+				outerWidth: $.fn.outerWidth,
+				outerHeight: $.fn.outerHeight
+			};
+
+		function reduce( elem, size, border, margin ) {
+			$.each( side, function() {
+				size -= parseFloat( $.css( elem, "padding" + this ) ) || 0;
+				if ( border ) {
+					size -= parseFloat( $.css( elem, "border" + this + "Width" ) ) || 0;
+				}
+				if ( margin ) {
+					size -= parseFloat( $.css( elem, "margin" + this ) ) || 0;
+				}
+			});
+			return size;
+		}
+
+		$.fn[ "inner" + name ] = function( size ) {
+			if ( size === undefined ) {
+				return orig[ "inner" + name ].call( this );
+			}
+
+			return this.each(function() {
+				$( this ).css( type, reduce( this, size ) + "px" );
+			});
+		};
+
+		$.fn[ "outer" + name] = function( size, margin ) {
+			if ( typeof size !== "number" ) {
+				return orig[ "outer" + name ].call( this, size );
+			}
+
+			return this.each(function() {
+				$( this).css( type, reduce( this, size, true, margin ) + "px" );
+			});
+		};
+	});
+}
+
+// support: jQuery <1.8
+if ( !$.fn.addBack ) {
+	$.fn.addBack = function( selector ) {
+		return this.add( selector == null ?
+			this.prevObject : this.prevObject.filter( selector )
+		);
+	};
+}
+
+// support: jQuery 1.6.1, 1.6.2 (http://bugs.jquery.com/ticket/9413)
+if ( $( "<a>" ).data( "a-b", "a" ).removeData( "a-b" ).data( "a-b" ) ) {
+	$.fn.removeData = (function( removeData ) {
+		return function( key ) {
+			if ( arguments.length ) {
+				return removeData.call( this, $.camelCase( key ) );
+			} else {
+				return removeData.call( this );
+			}
+		};
+	})( $.fn.removeData );
+}
+
+// deprecated
+$.ui.ie = !!/msie [\w.]+/.exec( navigator.userAgent.toLowerCase() );
+
+$.fn.extend({
+	focus: (function( orig ) {
+		return function( delay, fn ) {
+			return typeof delay === "number" ?
+				this.each(function() {
+					var elem = this;
+					setTimeout(function() {
+						$( elem ).focus();
+						if ( fn ) {
+							fn.call( elem );
+						}
+					}, delay );
+				}) :
+				orig.apply( this, arguments );
+		};
+	})( $.fn.focus ),
+
+	disableSelection: (function() {
+		var eventType = "onselectstart" in document.createElement( "div" ) ?
+			"selectstart" :
+			"mousedown";
+
+		return function() {
+			return this.bind( eventType + ".ui-disableSelection", function( event ) {
+				event.preventDefault();
+			});
+		};
+	})(),
+
+	enableSelection: function() {
+		return this.unbind( ".ui-disableSelection" );
+	},
+
+	zIndex: function( zIndex ) {
+		if ( zIndex !== undefined ) {
+			return this.css( "zIndex", zIndex );
+		}
+
+		if ( this.length ) {
+			var elem = $( this[ 0 ] ), position, value;
+			while ( elem.length && elem[ 0 ] !== document ) {
+				// Ignore z-index if position is set to a value where z-index is ignored by the browser
+				// This makes behavior of this function consistent across browsers
+				// WebKit always returns auto if the element is positioned
+				position = elem.css( "position" );
+				if ( position === "absolute" || position === "relative" || position === "fixed" ) {
+					// IE returns 0 when zIndex is not specified
+					// other browsers return a string
+					// we ignore the case of nested elements with an explicit value of 0
+					// <div style="z-index: -10;"><div style="z-index: 0;"></div></div>
+					value = parseInt( elem.css( "zIndex" ), 10 );
+					if ( !isNaN( value ) && value !== 0 ) {
+						return value;
+					}
+				}
+				elem = elem.parent();
+			}
+		}
+
+		return 0;
+	}
+});
+
+// $.ui.plugin is deprecated. Use $.widget() extensions instead.
+$.ui.plugin = {
+	add: function( module, option, set ) {
+		var i,
+			proto = $.ui[ module ].prototype;
+		for ( i in set ) {
+			proto.plugins[ i ] = proto.plugins[ i ] || [];
+			proto.plugins[ i ].push( [ option, set[ i ] ] );
+		}
+	},
+	call: function( instance, name, args, allowDisconnected ) {
+		var i,
+			set = instance.plugins[ name ];
+
+		if ( !set ) {
+			return;
+		}
+
+		if ( !allowDisconnected && ( !instance.element[ 0 ].parentNode || instance.element[ 0 ].parentNode.nodeType === 11 ) ) {
+			return;
+		}
+
+		for ( i = 0; i < set.length; i++ ) {
+			if ( instance.options[ set[ i ][ 0 ] ] ) {
+				set[ i ][ 1 ].apply( instance.element, args );
+			}
+		}
+	}
+};
+
+
+/*!
+ * jQuery UI Widget 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/jQuery.widget/
+ */
+
+
+var widget_uuid = 0,
+	widget_slice = Array.prototype.slice;
+
+$.cleanData = (function( orig ) {
+	return function( elems ) {
+		var events, elem, i;
+		for ( i = 0; (elem = elems[i]) != null; i++ ) {
+			try {
+
+				// Only trigger remove when necessary to save time
+				events = $._data( elem, "events" );
+				if ( events && events.remove ) {
+					$( elem ).triggerHandler( "remove" );
+				}
+
+			// http://bugs.jquery.com/ticket/8235
+			} catch ( e ) {}
+		}
+		orig( elems );
+	};
+})( $.cleanData );
+
+$.widget = function( name, base, prototype ) {
+	var fullName, existingConstructor, constructor, basePrototype,
+		// proxiedPrototype allows the provided prototype to remain unmodified
+		// so that it can be used as a mixin for multiple widgets (#8876)
+		proxiedPrototype = {},
+		namespace = name.split( "." )[ 0 ];
+
+	name = name.split( "." )[ 1 ];
+	fullName = namespace + "-" + name;
+
+	if ( !prototype ) {
+		prototype = base;
+		base = $.Widget;
+	}
+
+	// create selector for plugin
+	$.expr[ ":" ][ fullName.toLowerCase() ] = function( elem ) {
+		return !!$.data( elem, fullName );
+	};
+
+	$[ namespace ] = $[ namespace ] || {};
+	existingConstructor = $[ namespace ][ name ];
+	constructor = $[ namespace ][ name ] = function( options, element ) {
+		// allow instantiation without "new" keyword
+		if ( !this._createWidget ) {
+			return new constructor( options, element );
+		}
+
+		// allow instantiation without initializing for simple inheritance
+		// must use "new" keyword (the code above always passes args)
+		if ( arguments.length ) {
+			this._createWidget( options, element );
+		}
+	};
+	// extend with the existing constructor to carry over any static properties
+	$.extend( constructor, existingConstructor, {
+		version: prototype.version,
+		// copy the object used to create the prototype in case we need to
+		// redefine the widget later
+		_proto: $.extend( {}, prototype ),
+		// track widgets that inherit from this widget in case this widget is
+		// redefined after a widget inherits from it
+		_childConstructors: []
+	});
+
+	basePrototype = new base();
+	// we need to make the options hash a property directly on the new instance
+	// otherwise we'll modify the options hash on the prototype that we're
+	// inheriting from
+	basePrototype.options = $.widget.extend( {}, basePrototype.options );
+	$.each( prototype, function( prop, value ) {
+		if ( !$.isFunction( value ) ) {
+			proxiedPrototype[ prop ] = value;
+			return;
+		}
+		proxiedPrototype[ prop ] = (function() {
+			var _super = function() {
+					return base.prototype[ prop ].apply( this, arguments );
+				},
+				_superApply = function( args ) {
+					return base.prototype[ prop ].apply( this, args );
+				};
+			return function() {
+				var __super = this._super,
+					__superApply = this._superApply,
+					returnValue;
+
+				this._super = _super;
+				this._superApply = _superApply;
+
+				returnValue = value.apply( this, arguments );
+
+				this._super = __super;
+				this._superApply = __superApply;
+
+				return returnValue;
+			};
+		})();
+	});
+	constructor.prototype = $.widget.extend( basePrototype, {
+		// TODO: remove support for widgetEventPrefix
+		// always use the name + a colon as the prefix, e.g., draggable:start
+		// don't prefix for widgets that aren't DOM-based
+		widgetEventPrefix: existingConstructor ? (basePrototype.widgetEventPrefix || name) : name
+	}, proxiedPrototype, {
+		constructor: constructor,
+		namespace: namespace,
+		widgetName: name,
+		widgetFullName: fullName
+	});
+
+	// If this widget is being redefined then we need to find all widgets that
+	// are inheriting from it and redefine all of them so that they inherit from
+	// the new version of this widget. We're essentially trying to replace one
+	// level in the prototype chain.
+	if ( existingConstructor ) {
+		$.each( existingConstructor._childConstructors, function( i, child ) {
+			var childPrototype = child.prototype;
+
+			// redefine the child widget using the same prototype that was
+			// originally used, but inherit from the new version of the base
+			$.widget( childPrototype.namespace + "." + childPrototype.widgetName, constructor, child._proto );
+		});
+		// remove the list of existing child constructors from the old constructor
+		// so the old child constructors can be garbage collected
+		delete existingConstructor._childConstructors;
+	} else {
+		base._childConstructors.push( constructor );
+	}
+
+	$.widget.bridge( name, constructor );
+
+	return constructor;
+};
+
+$.widget.extend = function( target ) {
+	var input = widget_slice.call( arguments, 1 ),
+		inputIndex = 0,
+		inputLength = input.length,
+		key,
+		value;
+	for ( ; inputIndex < inputLength; inputIndex++ ) {
+		for ( key in input[ inputIndex ] ) {
+			value = input[ inputIndex ][ key ];
+			if ( input[ inputIndex ].hasOwnProperty( key ) && value !== undefined ) {
+				// Clone objects
+				if ( $.isPlainObject( value ) ) {
+					target[ key ] = $.isPlainObject( target[ key ] ) ?
+						$.widget.extend( {}, target[ key ], value ) :
+						// Don't extend strings, arrays, etc. with objects
+						$.widget.extend( {}, value );
+				// Copy everything else by reference
+				} else {
+					target[ key ] = value;
+				}
+			}
+		}
+	}
+	return target;
+};
+
+$.widget.bridge = function( name, object ) {
+	var fullName = object.prototype.widgetFullName || name;
+	$.fn[ name ] = function( options ) {
+		var isMethodCall = typeof options === "string",
+			args = widget_slice.call( arguments, 1 ),
+			returnValue = this;
+
+		// allow multiple hashes to be passed on init
+		options = !isMethodCall && args.length ?
+			$.widget.extend.apply( null, [ options ].concat(args) ) :
+			options;
+
+		if ( isMethodCall ) {
+			this.each(function() {
+				var methodValue,
+					instance = $.data( this, fullName );
+				if ( options === "instance" ) {
+					returnValue = instance;
+					return false;
+				}
+				if ( !instance ) {
+					return $.error( "cannot call methods on " + name + " prior to initialization; " +
+						"attempted to call method '" + options + "'" );
+				}
+				if ( !$.isFunction( instance[options] ) || options.charAt( 0 ) === "_" ) {
+					return $.error( "no such method '" + options + "' for " + name + " widget instance" );
+				}
+				methodValue = instance[ options ].apply( instance, args );
+				if ( methodValue !== instance && methodValue !== undefined ) {
+					returnValue = methodValue && methodValue.jquery ?
+						returnValue.pushStack( methodValue.get() ) :
+						methodValue;
+					return false;
+				}
+			});
+		} else {
+			this.each(function() {
+				var instance = $.data( this, fullName );
+				if ( instance ) {
+					instance.option( options || {} );
+					if ( instance._init ) {
+						instance._init();
+					}
+				} else {
+					$.data( this, fullName, new object( options, this ) );
+				}
+			});
+		}
+
+		return returnValue;
+	};
+};
+
+$.Widget = function( /* options, element */ ) {};
+$.Widget._childConstructors = [];
+
+$.Widget.prototype = {
+	widgetName: "widget",
+	widgetEventPrefix: "",
+	defaultElement: "<div>",
+	options: {
+		disabled: false,
+
+		// callbacks
+		create: null
+	},
+	_createWidget: function( options, element ) {
+		element = $( element || this.defaultElement || this )[ 0 ];
+		this.element = $( element );
+		this.uuid = widget_uuid++;
+		this.eventNamespace = "." + this.widgetName + this.uuid;
+
+		this.bindings = $();
+		this.hoverable = $();
+		this.focusable = $();
+
+		if ( element !== this ) {
+			$.data( element, this.widgetFullName, this );
+			this._on( true, this.element, {
+				remove: function( event ) {
+					if ( event.target === element ) {
+						this.destroy();
+					}
+				}
+			});
+			this.document = $( element.style ?
+				// element within the document
+				element.ownerDocument :
+				// element is window or document
+				element.document || element );
+			this.window = $( this.document[0].defaultView || this.document[0].parentWindow );
+		}
+
+		this.options = $.widget.extend( {},
+			this.options,
+			this._getCreateOptions(),
+			options );
+
+		this._create();
+		this._trigger( "create", null, this._getCreateEventData() );
+		this._init();
+	},
+	_getCreateOptions: $.noop,
+	_getCreateEventData: $.noop,
+	_create: $.noop,
+	_init: $.noop,
+
+	destroy: function() {
+		this._destroy();
+		// we can probably remove the unbind calls in 2.0
+		// all event bindings should go through this._on()
+		this.element
+			.unbind( this.eventNamespace )
+			.removeData( this.widgetFullName )
+			// support: jquery <1.6.3
+			// http://bugs.jquery.com/ticket/9413
+			.removeData( $.camelCase( this.widgetFullName ) );
+		this.widget()
+			.unbind( this.eventNamespace )
+			.removeAttr( "aria-disabled" )
+			.removeClass(
+				this.widgetFullName + "-disabled " +
+				"ui-state-disabled" );
+
+		// clean up events and states
+		this.bindings.unbind( this.eventNamespace );
+		this.hoverable.removeClass( "ui-state-hover" );
+		this.focusable.removeClass( "ui-state-focus" );
+	},
+	_destroy: $.noop,
+
+	widget: function() {
+		return this.element;
+	},
+
+	option: function( key, value ) {
+		var options = key,
+			parts,
+			curOption,
+			i;
+
+		if ( arguments.length === 0 ) {
+			// don't return a reference to the internal hash
+			return $.widget.extend( {}, this.options );
+		}
+
+		if ( typeof key === "string" ) {
+			// handle nested keys, e.g., "foo.bar" => { foo: { bar: ___ } }
+			options = {};
+			parts = key.split( "." );
+			key = parts.shift();
+			if ( parts.length ) {
+				curOption = options[ key ] = $.widget.extend( {}, this.options[ key ] );
+				for ( i = 0; i < parts.length - 1; i++ ) {
+					curOption[ parts[ i ] ] = curOption[ parts[ i ] ] || {};
+					curOption = curOption[ parts[ i ] ];
+				}
+				key = parts.pop();
+				if ( arguments.length === 1 ) {
+					return curOption[ key ] === undefined ? null : curOption[ key ];
+				}
+				curOption[ key ] = value;
+			} else {
+				if ( arguments.length === 1 ) {
+					return this.options[ key ] === undefined ? null : this.options[ key ];
+				}
+				options[ key ] = value;
+			}
+		}
+
+		this._setOptions( options );
+
+		return this;
+	},
+	_setOptions: function( options ) {
+		var key;
+
+		for ( key in options ) {
+			this._setOption( key, options[ key ] );
+		}
+
+		return this;
+	},
+	_setOption: function( key, value ) {
+		this.options[ key ] = value;
+
+		if ( key === "disabled" ) {
+			this.widget()
+				.toggleClass( this.widgetFullName + "-disabled", !!value );
+
+			// If the widget is becoming disabled, then nothing is interactive
+			if ( value ) {
+				this.hoverable.removeClass( "ui-state-hover" );
+				this.focusable.removeClass( "ui-state-focus" );
+			}
+		}
+
+		return this;
+	},
+
+	enable: function() {
+		return this._setOptions({ disabled: false });
+	},
+	disable: function() {
+		return this._setOptions({ disabled: true });
+	},
+
+	_on: function( suppressDisabledCheck, element, handlers ) {
+		var delegateElement,
+			instance = this;
+
+		// no suppressDisabledCheck flag, shuffle arguments
+		if ( typeof suppressDisabledCheck !== "boolean" ) {
+			handlers = element;
+			element = suppressDisabledCheck;
+			suppressDisabledCheck = false;
+		}
+
+		// no element argument, shuffle and use this.element
+		if ( !handlers ) {
+			handlers = element;
+			element = this.element;
+			delegateElement = this.widget();
+		} else {
+			element = delegateElement = $( element );
+			this.bindings = this.bindings.add( element );
+		}
+
+		$.each( handlers, function( event, handler ) {
+			function handlerProxy() {
+				// allow widgets to customize the disabled handling
+				// - disabled as an array instead of boolean
+				// - disabled class as method for disabling individual parts
+				if ( !suppressDisabledCheck &&
+						( instance.options.disabled === true ||
+							$( this ).hasClass( "ui-state-disabled" ) ) ) {
+					return;
+				}
+				return ( typeof handler === "string" ? instance[ handler ] : handler )
+					.apply( instance, arguments );
+			}
+
+			// copy the guid so direct unbinding works
+			if ( typeof handler !== "string" ) {
+				handlerProxy.guid = handler.guid =
+					handler.guid || handlerProxy.guid || $.guid++;
+			}
+
+			var match = event.match( /^([\w:-]*)\s*(.*)$/ ),
+				eventName = match[1] + instance.eventNamespace,
+				selector = match[2];
+			if ( selector ) {
+				delegateElement.delegate( selector, eventName, handlerProxy );
+			} else {
+				element.bind( eventName, handlerProxy );
+			}
+		});
+	},
+
+	_off: function( element, eventName ) {
+		eventName = (eventName || "").split( " " ).join( this.eventNamespace + " " ) +
+			this.eventNamespace;
+		element.unbind( eventName ).undelegate( eventName );
+
+		// Clear the stack to avoid memory leaks (#10056)
+		this.bindings = $( this.bindings.not( element ).get() );
+		this.focusable = $( this.focusable.not( element ).get() );
+		this.hoverable = $( this.hoverable.not( element ).get() );
+	},
+
+	_delay: function( handler, delay ) {
+		function handlerProxy() {
+			return ( typeof handler === "string" ? instance[ handler ] : handler )
+				.apply( instance, arguments );
+		}
+		var instance = this;
+		return setTimeout( handlerProxy, delay || 0 );
+	},
+
+	_hoverable: function( element ) {
+		this.hoverable = this.hoverable.add( element );
+		this._on( element, {
+			mouseenter: function( event ) {
+				$( event.currentTarget ).addClass( "ui-state-hover" );
+			},
+			mouseleave: function( event ) {
+				$( event.currentTarget ).removeClass( "ui-state-hover" );
+			}
+		});
+	},
+
+	_focusable: function( element ) {
+		this.focusable = this.focusable.add( element );
+		this._on( element, {
+			focusin: function( event ) {
+				$( event.currentTarget ).addClass( "ui-state-focus" );
+			},
+			focusout: function( event ) {
+				$( event.currentTarget ).removeClass( "ui-state-focus" );
+			}
+		});
+	},
+
+	_trigger: function( type, event, data ) {
+		var prop, orig,
+			callback = this.options[ type ];
+
+		data = data || {};
+		event = $.Event( event );
+		event.type = ( type === this.widgetEventPrefix ?
+			type :
+			this.widgetEventPrefix + type ).toLowerCase();
+		// the original event may come from any element
+		// so we need to reset the target on the new event
+		event.target = this.element[ 0 ];
+
+		// copy original event properties over to the new event
+		orig = event.originalEvent;
+		if ( orig ) {
+			for ( prop in orig ) {
+				if ( !( prop in event ) ) {
+					event[ prop ] = orig[ prop ];
+				}
+			}
+		}
+
+		this.element.trigger( event, data );
+		return !( $.isFunction( callback ) &&
+			callback.apply( this.element[0], [ event ].concat( data ) ) === false ||
+			event.isDefaultPrevented() );
+	}
+};
+
+$.each( { show: "fadeIn", hide: "fadeOut" }, function( method, defaultEffect ) {
+	$.Widget.prototype[ "_" + method ] = function( element, options, callback ) {
+		if ( typeof options === "string" ) {
+			options = { effect: options };
+		}
+		var hasOptions,
+			effectName = !options ?
+				method :
+				options === true || typeof options === "number" ?
+					defaultEffect :
+					options.effect || defaultEffect;
+		options = options || {};
+		if ( typeof options === "number" ) {
+			options = { duration: options };
+		}
+		hasOptions = !$.isEmptyObject( options );
+		options.complete = callback;
+		if ( options.delay ) {
+			element.delay( options.delay );
+		}
+		if ( hasOptions && $.effects && $.effects.effect[ effectName ] ) {
+			element[ method ]( options );
+		} else if ( effectName !== method && element[ effectName ] ) {
+			element[ effectName ]( options.duration, options.easing, callback );
+		} else {
+			element.queue(function( next ) {
+				$( this )[ method ]();
+				if ( callback ) {
+					callback.call( element[ 0 ] );
+				}
+				next();
+			});
+		}
+	};
+});
+
+var widget = $.widget;
+
+
+/*!
+ * jQuery UI Mouse 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/mouse/
+ */
+
+
+var mouseHandled = false;
+$( document ).mouseup( function() {
+	mouseHandled = false;
+});
+
+var mouse = $.widget("ui.mouse", {
+	version: "1.11.2",
+	options: {
+		cancel: "input,textarea,button,select,option",
+		distance: 1,
+		delay: 0
+	},
+	_mouseInit: function() {
+		var that = this;
+
+		this.element
+			.bind("mousedown." + this.widgetName, function(event) {
+				return that._mouseDown(event);
+			})
+			.bind("click." + this.widgetName, function(event) {
+				if (true === $.data(event.target, that.widgetName + ".preventClickEvent")) {
+					$.removeData(event.target, that.widgetName + ".preventClickEvent");
+					event.stopImmediatePropagation();
+					return false;
+				}
+			});
+
+		this.started = false;
+	},
+
+	// TODO: make sure destroying one instance of mouse doesn't mess with
+	// other instances of mouse
+	_mouseDestroy: function() {
+		this.element.unbind("." + this.widgetName);
+		if ( this._mouseMoveDelegate ) {
+			this.document
+				.unbind("mousemove." + this.widgetName, this._mouseMoveDelegate)
+				.unbind("mouseup." + this.widgetName, this._mouseUpDelegate);
+		}
+	},
+
+	_mouseDown: function(event) {
+		// don't let more than one widget handle mouseStart
+		if ( mouseHandled ) {
+			return;
+		}
+
+		this._mouseMoved = false;
+
+		// we may have missed mouseup (out of window)
+		(this._mouseStarted && this._mouseUp(event));
+
+		this._mouseDownEvent = event;
+
+		var that = this,
+			btnIsLeft = (event.which === 1),
+			// event.target.nodeName works around a bug in IE 8 with
+			// disabled inputs (#7620)
+			elIsCancel = (typeof this.options.cancel === "string" && event.target.nodeName ? $(event.target).closest(this.options.cancel).length : false);
+		if (!btnIsLeft || elIsCancel || !this._mouseCapture(event)) {
+			return true;
+		}
+
+		this.mouseDelayMet = !this.options.delay;
+		if (!this.mouseDelayMet) {
+			this._mouseDelayTimer = setTimeout(function() {
+				that.mouseDelayMet = true;
+			}, this.options.delay);
+		}
+
+		if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
+			this._mouseStarted = (this._mouseStart(event) !== false);
+			if (!this._mouseStarted) {
+				event.preventDefault();
+				return true;
+			}
+		}
+
+		// Click event may never have fired (Gecko & Opera)
+		if (true === $.data(event.target, this.widgetName + ".preventClickEvent")) {
+			$.removeData(event.target, this.widgetName + ".preventClickEvent");
+		}
+
+		// these delegates are required to keep context
+		this._mouseMoveDelegate = function(event) {
+			return that._mouseMove(event);
+		};
+		this._mouseUpDelegate = function(event) {
+			return that._mouseUp(event);
+		};
+
+		this.document
+			.bind( "mousemove." + this.widgetName, this._mouseMoveDelegate )
+			.bind( "mouseup." + this.widgetName, this._mouseUpDelegate );
+
+		event.preventDefault();
+
+		mouseHandled = true;
+		return true;
+	},
+
+	_mouseMove: function(event) {
+		// Only check for mouseups outside the document if you've moved inside the document
+		// at least once. This prevents the firing of mouseup in the case of IE<9, which will
+		// fire a mousemove event if content is placed under the cursor. See #7778
+		// Support: IE <9
+		if ( this._mouseMoved ) {
+			// IE mouseup check - mouseup happened when mouse was out of window
+			if ($.ui.ie && ( !document.documentMode || document.documentMode < 9 ) && !event.button) {
+				return this._mouseUp(event);
+
+			// Iframe mouseup check - mouseup occurred in another document
+			} else if ( !event.which ) {
+				return this._mouseUp( event );
+			}
+		}
+
+		if ( event.which || event.button ) {
+			this._mouseMoved = true;
+		}
+
+		if (this._mouseStarted) {
+			this._mouseDrag(event);
+			return event.preventDefault();
+		}
+
+		if (this._mouseDistanceMet(event) && this._mouseDelayMet(event)) {
+			this._mouseStarted =
+				(this._mouseStart(this._mouseDownEvent, event) !== false);
+			(this._mouseStarted ? this._mouseDrag(event) : this._mouseUp(event));
+		}
+
+		return !this._mouseStarted;
+	},
+
+	_mouseUp: function(event) {
+		this.document
+			.unbind( "mousemove." + this.widgetName, this._mouseMoveDelegate )
+			.unbind( "mouseup." + this.widgetName, this._mouseUpDelegate );
+
+		if (this._mouseStarted) {
+			this._mouseStarted = false;
+
+			if (event.target === this._mouseDownEvent.target) {
+				$.data(event.target, this.widgetName + ".preventClickEvent", true);
+			}
+
+			this._mouseStop(event);
+		}
+
+		mouseHandled = false;
+		return false;
+	},
+
+	_mouseDistanceMet: function(event) {
+		return (Math.max(
+				Math.abs(this._mouseDownEvent.pageX - event.pageX),
+				Math.abs(this._mouseDownEvent.pageY - event.pageY)
+			) >= this.options.distance
+		);
+	},
+
+	_mouseDelayMet: function(/* event */) {
+		return this.mouseDelayMet;
+	},
+
+	// These are placeholder methods, to be overriden by extending plugin
+	_mouseStart: function(/* event */) {},
+	_mouseDrag: function(/* event */) {},
+	_mouseStop: function(/* event */) {},
+	_mouseCapture: function(/* event */) { return true; }
+});
+
+
+/*!
+ * jQuery UI Position 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/position/
+ */
+
+(function() {
+
+$.ui = $.ui || {};
+
+var cachedScrollbarWidth, supportsOffsetFractions,
+	max = Math.max,
+	abs = Math.abs,
+	round = Math.round,
+	rhorizontal = /left|center|right/,
+	rvertical = /top|center|bottom/,
+	roffset = /[\+\-]\d+(\.[\d]+)?%?/,
+	rposition = /^\w+/,
+	rpercent = /%$/,
+	_position = $.fn.position;
+
+function getOffsets( offsets, width, height ) {
+	return [
+		parseFloat( offsets[ 0 ] ) * ( rpercent.test( offsets[ 0 ] ) ? width / 100 : 1 ),
+		parseFloat( offsets[ 1 ] ) * ( rpercent.test( offsets[ 1 ] ) ? height / 100 : 1 )
+	];
+}
+
+function parseCss( element, property ) {
+	return parseInt( $.css( element, property ), 10 ) || 0;
+}
+
+function getDimensions( elem ) {
+	var raw = elem[0];
+	if ( raw.nodeType === 9 ) {
+		return {
+			width: elem.width(),
+			height: elem.height(),
+			offset: { top: 0, left: 0 }
+		};
+	}
+	if ( $.isWindow( raw ) ) {
+		return {
+			width: elem.width(),
+			height: elem.height(),
+			offset: { top: elem.scrollTop(), left: elem.scrollLeft() }
+		};
+	}
+	if ( raw.preventDefault ) {
+		return {
+			width: 0,
+			height: 0,
+			offset: { top: raw.pageY, left: raw.pageX }
+		};
+	}
+	return {
+		width: elem.outerWidth(),
+		height: elem.outerHeight(),
+		offset: elem.offset()
+	};
+}
+
+$.position = {
+	scrollbarWidth: function() {
+		if ( cachedScrollbarWidth !== undefined ) {
+			return cachedScrollbarWidth;
+		}
+		var w1, w2,
+			div = $( "<div style='display:block;position:absolute;width:50px;height:50px;overflow:hidden;'><div style='height:100px;width:auto;'></div></div>" ),
+			innerDiv = div.children()[0];
+
+		$( "body" ).append( div );
+		w1 = innerDiv.offsetWidth;
+		div.css( "overflow", "scroll" );
+
+		w2 = innerDiv.offsetWidth;
+
+		if ( w1 === w2 ) {
+			w2 = div[0].clientWidth;
+		}
+
+		div.remove();
+
+		return (cachedScrollbarWidth = w1 - w2);
+	},
+	getScrollInfo: function( within ) {
+		var overflowX = within.isWindow || within.isDocument ? "" :
+				within.element.css( "overflow-x" ),
+			overflowY = within.isWindow || within.isDocument ? "" :
+				within.element.css( "overflow-y" ),
+			hasOverflowX = overflowX === "scroll" ||
+				( overflowX === "auto" && within.width < within.element[0].scrollWidth ),
+			hasOverflowY = overflowY === "scroll" ||
+				( overflowY === "auto" && within.height < within.element[0].scrollHeight );
+		return {
+			width: hasOverflowY ? $.position.scrollbarWidth() : 0,
+			height: hasOverflowX ? $.position.scrollbarWidth() : 0
+		};
+	},
+	getWithinInfo: function( element ) {
+		var withinElement = $( element || window ),
+			isWindow = $.isWindow( withinElement[0] ),
+			isDocument = !!withinElement[ 0 ] && withinElement[ 0 ].nodeType === 9;
+		return {
+			element: withinElement,
+			isWindow: isWindow,
+			isDocument: isDocument,
+			offset: withinElement.offset() || { left: 0, top: 0 },
+			scrollLeft: withinElement.scrollLeft(),
+			scrollTop: withinElement.scrollTop(),
+
+			// support: jQuery 1.6.x
+			// jQuery 1.6 doesn't support .outerWidth/Height() on documents or windows
+			width: isWindow || isDocument ? withinElement.width() : withinElement.outerWidth(),
+			height: isWindow || isDocument ? withinElement.height() : withinElement.outerHeight()
+		};
+	}
+};
+
+$.fn.position = function( options ) {
+	if ( !options || !options.of ) {
+		return _position.apply( this, arguments );
+	}
+
+	// make a copy, we don't want to modify arguments
+	options = $.extend( {}, options );
+
+	var atOffset, targetWidth, targetHeight, targetOffset, basePosition, dimensions,
+		target = $( options.of ),
+		within = $.position.getWithinInfo( options.within ),
+		scrollInfo = $.position.getScrollInfo( within ),
+		collision = ( options.collision || "flip" ).split( " " ),
+		offsets = {};
+
+	dimensions = getDimensions( target );
+	if ( target[0].preventDefault ) {
+		// force left top to allow flipping
+		options.at = "left top";
+	}
+	targetWidth = dimensions.width;
+	targetHeight = dimensions.height;
+	targetOffset = dimensions.offset;
+	// clone to reuse original targetOffset later
+	basePosition = $.extend( {}, targetOffset );
+
+	// force my and at to have valid horizontal and vertical positions
+	// if a value is missing or invalid, it will be converted to center
+	$.each( [ "my", "at" ], function() {
+		var pos = ( options[ this ] || "" ).split( " " ),
+			horizontalOffset,
+			verticalOffset;
+
+		if ( pos.length === 1) {
+			pos = rhorizontal.test( pos[ 0 ] ) ?
+				pos.concat( [ "center" ] ) :
+				rvertical.test( pos[ 0 ] ) ?
+					[ "center" ].concat( pos ) :
+					[ "center", "center" ];
+		}
+		pos[ 0 ] = rhorizontal.test( pos[ 0 ] ) ? pos[ 0 ] : "center";
+		pos[ 1 ] = rvertical.test( pos[ 1 ] ) ? pos[ 1 ] : "center";
+
+		// calculate offsets
+		horizontalOffset = roffset.exec( pos[ 0 ] );
+		verticalOffset = roffset.exec( pos[ 1 ] );
+		offsets[ this ] = [
+			horizontalOffset ? horizontalOffset[ 0 ] : 0,
+			verticalOffset ? verticalOffset[ 0 ] : 0
+		];
+
+		// reduce to just the positions without the offsets
+		options[ this ] = [
+			rposition.exec( pos[ 0 ] )[ 0 ],
+			rposition.exec( pos[ 1 ] )[ 0 ]
+		];
+	});
+
+	// normalize collision option
+	if ( collision.length === 1 ) {
+		collision[ 1 ] = collision[ 0 ];
+	}
+
+	if ( options.at[ 0 ] === "right" ) {
+		basePosition.left += targetWidth;
+	} else if ( options.at[ 0 ] === "center" ) {
+		basePosition.left += targetWidth / 2;
+	}
+
+	if ( options.at[ 1 ] === "bottom" ) {
+		basePosition.top += targetHeight;
+	} else if ( options.at[ 1 ] === "center" ) {
+		basePosition.top += targetHeight / 2;
+	}
+
+	atOffset = getOffsets( offsets.at, targetWidth, targetHeight );
+	basePosition.left += atOffset[ 0 ];
+	basePosition.top += atOffset[ 1 ];
+
+	return this.each(function() {
+		var collisionPosition, using,
+			elem = $( this ),
+			elemWidth = elem.outerWidth(),
+			elemHeight = elem.outerHeight(),
+			marginLeft = parseCss( this, "marginLeft" ),
+			marginTop = parseCss( this, "marginTop" ),
+			collisionWidth = elemWidth + marginLeft + parseCss( this, "marginRight" ) + scrollInfo.width,
+			collisionHeight = elemHeight + marginTop + parseCss( this, "marginBottom" ) + scrollInfo.height,
+			position = $.extend( {}, basePosition ),
+			myOffset = getOffsets( offsets.my, elem.outerWidth(), elem.outerHeight() );
+
+		if ( options.my[ 0 ] === "right" ) {
+			position.left -= elemWidth;
+		} else if ( options.my[ 0 ] === "center" ) {
+			position.left -= elemWidth / 2;
+		}
+
+		if ( options.my[ 1 ] === "bottom" ) {
+			position.top -= elemHeight;
+		} else if ( options.my[ 1 ] === "center" ) {
+			position.top -= elemHeight / 2;
+		}
+
+		position.left += myOffset[ 0 ];
+		position.top += myOffset[ 1 ];
+
+		// if the browser doesn't support fractions, then round for consistent results
+		if ( !supportsOffsetFractions ) {
+			position.left = round( position.left );
+			position.top = round( position.top );
+		}
+
+		collisionPosition = {
+			marginLeft: marginLeft,
+			marginTop: marginTop
+		};
+
+		$.each( [ "left", "top" ], function( i, dir ) {
+			if ( $.ui.position[ collision[ i ] ] ) {
+				$.ui.position[ collision[ i ] ][ dir ]( position, {
+					targetWidth: targetWidth,
+					targetHeight: targetHeight,
+					elemWidth: elemWidth,
+					elemHeight: elemHeight,
+					collisionPosition: collisionPosition,
+					collisionWidth: collisionWidth,
+					collisionHeight: collisionHeight,
+					offset: [ atOffset[ 0 ] + myOffset[ 0 ], atOffset [ 1 ] + myOffset[ 1 ] ],
+					my: options.my,
+					at: options.at,
+					within: within,
+					elem: elem
+				});
+			}
+		});
+
+		if ( options.using ) {
+			// adds feedback as second argument to using callback, if present
+			using = function( props ) {
+				var left = targetOffset.left - position.left,
+					right = left + targetWidth - elemWidth,
+					top = targetOffset.top - position.top,
+					bottom = top + targetHeight - elemHeight,
+					feedback = {
+						target: {
+							element: target,
+							left: targetOffset.left,
+							top: targetOffset.top,
+							width: targetWidth,
+							height: targetHeight
+						},
+						element: {
+							element: elem,
+							left: position.left,
+							top: position.top,
+							width: elemWidth,
+							height: elemHeight
+						},
+						horizontal: right < 0 ? "left" : left > 0 ? "right" : "center",
+						vertical: bottom < 0 ? "top" : top > 0 ? "bottom" : "middle"
+					};
+				if ( targetWidth < elemWidth && abs( left + right ) < targetWidth ) {
+					feedback.horizontal = "center";
+				}
+				if ( targetHeight < elemHeight && abs( top + bottom ) < targetHeight ) {
+					feedback.vertical = "middle";
+				}
+				if ( max( abs( left ), abs( right ) ) > max( abs( top ), abs( bottom ) ) ) {
+					feedback.important = "horizontal";
+				} else {
+					feedback.important = "vertical";
+				}
+				options.using.call( this, props, feedback );
+			};
+		}
+
+		elem.offset( $.extend( position, { using: using } ) );
+	});
+};
+
+$.ui.position = {
+	fit: {
+		left: function( position, data ) {
+			var within = data.within,
+				withinOffset = within.isWindow ? within.scrollLeft : within.offset.left,
+				outerWidth = within.width,
+				collisionPosLeft = position.left - data.collisionPosition.marginLeft,
+				overLeft = withinOffset - collisionPosLeft,
+				overRight = collisionPosLeft + data.collisionWidth - outerWidth - withinOffset,
+				newOverRight;
+
+			// element is wider than within
+			if ( data.collisionWidth > outerWidth ) {
+				// element is initially over the left side of within
+				if ( overLeft > 0 && overRight <= 0 ) {
+					newOverRight = position.left + overLeft + data.collisionWidth - outerWidth - withinOffset;
+					position.left += overLeft - newOverRight;
+				// element is initially over right side of within
+				} else if ( overRight > 0 && overLeft <= 0 ) {
+					position.left = withinOffset;
+				// element is initially over both left and right sides of within
+				} else {
+					if ( overLeft > overRight ) {
+						position.left = withinOffset + outerWidth - data.collisionWidth;
+					} else {
+						position.left = withinOffset;
+					}
+				}
+			// too far left -> align with left edge
+			} else if ( overLeft > 0 ) {
+				position.left += overLeft;
+			// too far right -> align with right edge
+			} else if ( overRight > 0 ) {
+				position.left -= overRight;
+			// adjust based on position and margin
+			} else {
+				position.left = max( position.left - collisionPosLeft, position.left );
+			}
+		},
+		top: function( position, data ) {
+			var within = data.within,
+				withinOffset = within.isWindow ? within.scrollTop : within.offset.top,
+				outerHeight = data.within.height,
+				collisionPosTop = position.top - data.collisionPosition.marginTop,
+				overTop = withinOffset - collisionPosTop,
+				overBottom = collisionPosTop + data.collisionHeight - outerHeight - withinOffset,
+				newOverBottom;
+
+			// element is taller than within
+			if ( data.collisionHeight > outerHeight ) {
+				// element is initially over the top of within
+				if ( overTop > 0 && overBottom <= 0 ) {
+					newOverBottom = position.top + overTop + data.collisionHeight - outerHeight - withinOffset;
+					position.top += overTop - newOverBottom;
+				// element is initially over bottom of within
+				} else if ( overBottom > 0 && overTop <= 0 ) {
+					position.top = withinOffset;
+				// element is initially over both top and bottom of within
+				} else {
+					if ( overTop > overBottom ) {
+						position.top = withinOffset + outerHeight - data.collisionHeight;
+					} else {
+						position.top = withinOffset;
+					}
+				}
+			// too far up -> align with top
+			} else if ( overTop > 0 ) {
+				position.top += overTop;
+			// too far down -> align with bottom edge
+			} else if ( overBottom > 0 ) {
+				position.top -= overBottom;
+			// adjust based on position and margin
+			} else {
+				position.top = max( position.top - collisionPosTop, position.top );
+			}
+		}
+	},
+	flip: {
+		left: function( position, data ) {
+			var within = data.within,
+				withinOffset = within.offset.left + within.scrollLeft,
+				outerWidth = within.width,
+				offsetLeft = within.isWindow ? within.scrollLeft : within.offset.left,
+				collisionPosLeft = position.left - data.collisionPosition.marginLeft,
+				overLeft = collisionPosLeft - offsetLeft,
+				overRight = collisionPosLeft + data.collisionWidth - outerWidth - offsetLeft,
+				myOffset = data.my[ 0 ] === "left" ?
+					-data.elemWidth :
+					data.my[ 0 ] === "right" ?
+						data.elemWidth :
+						0,
+				atOffset = data.at[ 0 ] === "left" ?
+					data.targetWidth :
+					data.at[ 0 ] === "right" ?
+						-data.targetWidth :
+						0,
+				offset = -2 * data.offset[ 0 ],
+				newOverRight,
+				newOverLeft;
+
+			if ( overLeft < 0 ) {
+				newOverRight = position.left + myOffset + atOffset + offset + data.collisionWidth - outerWidth - withinOffset;
+				if ( newOverRight < 0 || newOverRight < abs( overLeft ) ) {
+					position.left += myOffset + atOffset + offset;
+				}
+			} else if ( overRight > 0 ) {
+				newOverLeft = position.left - data.collisionPosition.marginLeft + myOffset + atOffset + offset - offsetLeft;
+				if ( newOverLeft > 0 || abs( newOverLeft ) < overRight ) {
+					position.left += myOffset + atOffset + offset;
+				}
+			}
+		},
+		top: function( position, data ) {
+			var within = data.within,
+				withinOffset = within.offset.top + within.scrollTop,
+				outerHeight = within.height,
+				offsetTop = within.isWindow ? within.scrollTop : within.offset.top,
+				collisionPosTop = position.top - data.collisionPosition.marginTop,
+				overTop = collisionPosTop - offsetTop,
+				overBottom = collisionPosTop + data.collisionHeight - outerHeight - offsetTop,
+				top = data.my[ 1 ] === "top",
+				myOffset = top ?
+					-data.elemHeight :
+					data.my[ 1 ] === "bottom" ?
+						data.elemHeight :
+						0,
+				atOffset = data.at[ 1 ] === "top" ?
+					data.targetHeight :
+					data.at[ 1 ] === "bottom" ?
+						-data.targetHeight :
+						0,
+				offset = -2 * data.offset[ 1 ],
+				newOverTop,
+				newOverBottom;
+			if ( overTop < 0 ) {
+				newOverBottom = position.top + myOffset + atOffset + offset + data.collisionHeight - outerHeight - withinOffset;
+				if ( ( position.top + myOffset + atOffset + offset) > overTop && ( newOverBottom < 0 || newOverBottom < abs( overTop ) ) ) {
+					position.top += myOffset + atOffset + offset;
+				}
+			} else if ( overBottom > 0 ) {
+				newOverTop = position.top - data.collisionPosition.marginTop + myOffset + atOffset + offset - offsetTop;
+				if ( ( position.top + myOffset + atOffset + offset) > overBottom && ( newOverTop > 0 || abs( newOverTop ) < overBottom ) ) {
+					position.top += myOffset + atOffset + offset;
+				}
+			}
+		}
+	},
+	flipfit: {
+		left: function() {
+			$.ui.position.flip.left.apply( this, arguments );
+			$.ui.position.fit.left.apply( this, arguments );
+		},
+		top: function() {
+			$.ui.position.flip.top.apply( this, arguments );
+			$.ui.position.fit.top.apply( this, arguments );
+		}
+	}
+};
+
+// fraction support test
+(function() {
+	var testElement, testElementParent, testElementStyle, offsetLeft, i,
+		body = document.getElementsByTagName( "body" )[ 0 ],
+		div = document.createElement( "div" );
+
+	//Create a "fake body" for testing based on method used in jQuery.support
+	testElement = document.createElement( body ? "div" : "body" );
+	testElementStyle = {
+		visibility: "hidden",
+		width: 0,
+		height: 0,
+		border: 0,
+		margin: 0,
+		background: "none"
+	};
+	if ( body ) {
+		$.extend( testElementStyle, {
+			position: "absolute",
+			left: "-1000px",
+			top: "-1000px"
+		});
+	}
+	for ( i in testElementStyle ) {
+		testElement.style[ i ] = testElementStyle[ i ];
+	}
+	testElement.appendChild( div );
+	testElementParent = body || document.documentElement;
+	testElementParent.insertBefore( testElement, testElementParent.firstChild );
+
+	div.style.cssText = "position: absolute; left: 10.7432222px;";
+
+	offsetLeft = $( div ).offset().left;
+	supportsOffsetFractions = offsetLeft > 10 && offsetLeft < 11;
+
+	testElement.innerHTML = "";
+	testElementParent.removeChild( testElement );
+})();
+
+})();
+
+var position = $.ui.position;
+
+
+/*!
+ * jQuery UI Draggable 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/draggable/
+ */
+
+
+$.widget("ui.draggable", $.ui.mouse, {
+	version: "1.11.2",
+	widgetEventPrefix: "drag",
+	options: {
+		addClasses: true,
+		appendTo: "parent",
+		axis: false,
+		connectToSortable: false,
+		containment: false,
+		cursor: "auto",
+		cursorAt: false,
+		grid: false,
+		handle: false,
+		helper: "original",
+		iframeFix: false,
+		opacity: false,
+		refreshPositions: false,
+		revert: false,
+		revertDuration: 500,
+		scope: "default",
+		scroll: true,
+		scrollSensitivity: 20,
+		scrollSpeed: 20,
+		snap: false,
+		snapMode: "both",
+		snapTolerance: 20,
+		stack: false,
+		zIndex: false,
+
+		// callbacks
+		drag: null,
+		start: null,
+		stop: null
+	},
+	_create: function() {
+
+		if ( this.options.helper === "original" ) {
+			this._setPositionRelative();
+		}
+		if (this.options.addClasses){
+			this.element.addClass("ui-draggable");
+		}
+		if (this.options.disabled){
+			this.element.addClass("ui-draggable-disabled");
+		}
+		this._setHandleClassName();
+
+		this._mouseInit();
+	},
+
+	_setOption: function( key, value ) {
+		this._super( key, value );
+		if ( key === "handle" ) {
+			this._removeHandleClassName();
+			this._setHandleClassName();
+		}
+	},
+
+	_destroy: function() {
+		if ( ( this.helper || this.element ).is( ".ui-draggable-dragging" ) ) {
+			this.destroyOnClear = true;
+			return;
+		}
+		this.element.removeClass( "ui-draggable ui-draggable-dragging ui-draggable-disabled" );
+		this._removeHandleClassName();
+		this._mouseDestroy();
+	},
+
+	_mouseCapture: function(event) {
+		var o = this.options;
+
+		this._blurActiveElement( event );
+
+		// among others, prevent a drag on a resizable-handle
+		if (this.helper || o.disabled || $(event.target).closest(".ui-resizable-handle").length > 0) {
+			return false;
+		}
+
+		//Quit if we're not on a valid handle
+		this.handle = this._getHandle(event);
+		if (!this.handle) {
+			return false;
+		}
+
+		this._blockFrames( o.iframeFix === true ? "iframe" : o.iframeFix );
+
+		return true;
+
+	},
+
+	_blockFrames: function( selector ) {
+		this.iframeBlocks = this.document.find( selector ).map(function() {
+			var iframe = $( this );
+
+			return $( "<div>" )
+				.css( "position", "absolute" )
+				.appendTo( iframe.parent() )
+				.outerWidth( iframe.outerWidth() )
+				.outerHeight( iframe.outerHeight() )
+				.offset( iframe.offset() )[ 0 ];
+		});
+	},
+
+	_unblockFrames: function() {
+		if ( this.iframeBlocks ) {
+			this.iframeBlocks.remove();
+			delete this.iframeBlocks;
+		}
+	},
+
+	_blurActiveElement: function( event ) {
+		var document = this.document[ 0 ];
+
+		// Only need to blur if the event occurred on the draggable itself, see #10527
+		if ( !this.handleElement.is( event.target ) ) {
+			return;
+		}
+
+		// support: IE9
+		// IE9 throws an "Unspecified error" accessing document.activeElement from an <iframe>
+		try {
+
+			// Support: IE9, IE10
+			// If the <body> is blurred, IE will switch windows, see #9520
+			if ( document.activeElement && document.activeElement.nodeName.toLowerCase() !== "body" ) {
+
+				// Blur any element that currently has focus, see #4261
+				$( document.activeElement ).blur();
+			}
+		} catch ( error ) {}
+	},
+
+	_mouseStart: function(event) {
+
+		var o = this.options;
+
+		//Create and append the visible helper
+		this.helper = this._createHelper(event);
+
+		this.helper.addClass("ui-draggable-dragging");
+
+		//Cache the helper size
+		this._cacheHelperProportions();
+
+		//If ddmanager is used for droppables, set the global draggable
+		if ($.ui.ddmanager) {
+			$.ui.ddmanager.current = this;
+		}
+
+		/*
+		 * - Position generation -
+		 * This block generates everything position related - it's the core of draggables.
+		 */
+
+		//Cache the margins of the original element
+		this._cacheMargins();
+
+		//Store the helper's css position
+		this.cssPosition = this.helper.css( "position" );
+		this.scrollParent = this.helper.scrollParent( true );
+		this.offsetParent = this.helper.offsetParent();
+		this.hasFixedAncestor = this.helper.parents().filter(function() {
+				return $( this ).css( "position" ) === "fixed";
+			}).length > 0;
+
+		//The element's absolute position on the page minus margins
+		this.positionAbs = this.element.offset();
+		this._refreshOffsets( event );
+
+		//Generate the original position
+		this.originalPosition = this.position = this._generatePosition( event, false );
+		this.originalPageX = event.pageX;
+		this.originalPageY = event.pageY;
+
+		//Adjust the mouse offset relative to the helper if "cursorAt" is supplied
+		(o.cursorAt && this._adjustOffsetFromHelper(o.cursorAt));
+
+		//Set a containment if given in the options
+		this._setContainment();
+
+		//Trigger event + callbacks
+		if (this._trigger("start", event) === false) {
+			this._clear();
+			return false;
+		}
+
+		//Recache the helper size
+		this._cacheHelperProportions();
+
+		//Prepare the droppable offsets
+		if ($.ui.ddmanager && !o.dropBehaviour) {
+			$.ui.ddmanager.prepareOffsets(this, event);
+		}
+
+		// Reset helper's right/bottom css if they're set and set explicit width/height instead
+		// as this prevents resizing of elements with right/bottom set (see #7772)
+		this._normalizeRightBottom();
+
+		this._mouseDrag(event, true); //Execute the drag once - this causes the helper not to be visible before getting its correct position
+
+		//If the ddmanager is used for droppables, inform the manager that dragging has started (see #5003)
+		if ( $.ui.ddmanager ) {
+			$.ui.ddmanager.dragStart(this, event);
+		}
+
+		return true;
+	},
+
+	_refreshOffsets: function( event ) {
+		this.offset = {
+			top: this.positionAbs.top - this.margins.top,
+			left: this.positionAbs.left - this.margins.left,
+			scroll: false,
+			parent: this._getParentOffset(),
+			relative: this._getRelativeOffset()
+		};
+
+		this.offset.click = {
+			left: event.pageX - this.offset.left,
+			top: event.pageY - this.offset.top
+		};
+	},
+
+	_mouseDrag: function(event, noPropagation) {
+		// reset any necessary cached properties (see #5009)
+		if ( this.hasFixedAncestor ) {
+			this.offset.parent = this._getParentOffset();
+		}
+
+		//Compute the helpers position
+		this.position = this._generatePosition( event, true );
+		this.positionAbs = this._convertPositionTo("absolute");
+
+		//Call plugins and callbacks and use the resulting position if something is returned
+		if (!noPropagation) {
+			var ui = this._uiHash();
+			if (this._trigger("drag", event, ui) === false) {
+				this._mouseUp({});
+				return false;
+			}
+			this.position = ui.position;
+		}
+
+		this.helper[ 0 ].style.left = this.position.left + "px";
+		this.helper[ 0 ].style.top = this.position.top + "px";
+
+		if ($.ui.ddmanager) {
+			$.ui.ddmanager.drag(this, event);
+		}
+
+		return false;
+	},
+
+	_mouseStop: function(event) {
+
+		//If we are using droppables, inform the manager about the drop
+		var that = this,
+			dropped = false;
+		if ($.ui.ddmanager && !this.options.dropBehaviour) {
+			dropped = $.ui.ddmanager.drop(this, event);
+		}
+
+		//if a drop comes from outside (a sortable)
+		if (this.dropped) {
+			dropped = this.dropped;
+			this.dropped = false;
+		}
+
+		if ((this.options.revert === "invalid" && !dropped) || (this.options.revert === "valid" && dropped) || this.options.revert === true || ($.isFunction(this.options.revert) && this.options.revert.call(this.element, dropped))) {
+			$(this.helper).animate(this.originalPosition, parseInt(this.options.revertDuration, 10), function() {
+				if (that._trigger("stop", event) !== false) {
+					that._clear();
+				}
+			});
+		} else {
+			if (this._trigger("stop", event) !== false) {
+				this._clear();
+			}
+		}
+
+		return false;
+	},
+
+	_mouseUp: function( event ) {
+		this._unblockFrames();
+
+		//If the ddmanager is used for droppables, inform the manager that dragging has stopped (see #5003)
+		if ( $.ui.ddmanager ) {
+			$.ui.ddmanager.dragStop(this, event);
+		}
+
+		// Only need to focus if the event occurred on the draggable itself, see #10527
+		if ( this.handleElement.is( event.target ) ) {
+			// The interaction is over; whether or not the click resulted in a drag, focus the element
+			this.element.focus();
+		}
+
+		return $.ui.mouse.prototype._mouseUp.call(this, event);
+	},
+
+	cancel: function() {
+
+		if (this.helper.is(".ui-draggable-dragging")) {
+			this._mouseUp({});
+		} else {
+			this._clear();
+		}
+
+		return this;
+
+	},
+
+	_getHandle: function(event) {
+		return this.options.handle ?
+			!!$( event.target ).closest( this.element.find( this.options.handle ) ).length :
+			true;
+	},
+
+	_setHandleClassName: function() {
+		this.handleElement = this.options.handle ?
+			this.element.find( this.options.handle ) : this.element;
+		this.handleElement.addClass( "ui-draggable-handle" );
+	},
+
+	_removeHandleClassName: function() {
+		this.handleElement.removeClass( "ui-draggable-handle" );
+	},
+
+	_createHelper: function(event) {
+
+		var o = this.options,
+			helperIsFunction = $.isFunction( o.helper ),
+			helper = helperIsFunction ?
+				$( o.helper.apply( this.element[ 0 ], [ event ] ) ) :
+				( o.helper === "clone" ?
+					this.element.clone().removeAttr( "id" ) :
+					this.element );
+
+		if (!helper.parents("body").length) {
+			helper.appendTo((o.appendTo === "parent" ? this.element[0].parentNode : o.appendTo));
+		}
+
+		// http://bugs.jqueryui.com/ticket/9446
+		// a helper function can return the original element
+		// which wouldn't have been set to relative in _create
+		if ( helperIsFunction && helper[ 0 ] === this.element[ 0 ] ) {
+			this._setPositionRelative();
+		}
+
+		if (helper[0] !== this.element[0] && !(/(fixed|absolute)/).test(helper.css("position"))) {
+			helper.css("position", "absolute");
+		}
+
+		return helper;
+
+	},
+
+	_setPositionRelative: function() {
+		if ( !( /^(?:r|a|f)/ ).test( this.element.css( "position" ) ) ) {
+			this.element[ 0 ].style.position = "relative";
+		}
+	},
+
+	_adjustOffsetFromHelper: function(obj) {
+		if (typeof obj === "string") {
+			obj = obj.split(" ");
+		}
+		if ($.isArray(obj)) {
+			obj = { left: +obj[0], top: +obj[1] || 0 };
+		}
+		if ("left" in obj) {
+			this.offset.click.left = obj.left + this.margins.left;
+		}
+		if ("right" in obj) {
+			this.offset.click.left = this.helperProportions.width - obj.right + this.margins.left;
+		}
+		if ("top" in obj) {
+			this.offset.click.top = obj.top + this.margins.top;
+		}
+		if ("bottom" in obj) {
+			this.offset.click.top = this.helperProportions.height - obj.bottom + this.margins.top;
+		}
+	},
+
+	_isRootNode: function( element ) {
+		return ( /(html|body)/i ).test( element.tagName ) || element === this.document[ 0 ];
+	},
+
+	_getParentOffset: function() {
+
+		//Get the offsetParent and cache its position
+		var po = this.offsetParent.offset(),
+			document = this.document[ 0 ];
+
+		// This is a special case where we need to modify a offset calculated on start, since the following happened:
+		// 1. The position of the helper is absolute, so it's position is calculated based on the next positioned parent
+		// 2. The actual offset parent is a child of the scroll parent, and the scroll parent isn't the document, which means that
+		//    the scroll is included in the initial calculation of the offset of the parent, and never recalculated upon drag
+		if (this.cssPosition === "absolute" && this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0])) {
+			po.left += this.scrollParent.scrollLeft();
+			po.top += this.scrollParent.scrollTop();
+		}
+
+		if ( this._isRootNode( this.offsetParent[ 0 ] ) ) {
+			po = { top: 0, left: 0 };
+		}
+
+		return {
+			top: po.top + (parseInt(this.offsetParent.css("borderTopWidth"), 10) || 0),
+			left: po.left + (parseInt(this.offsetParent.css("borderLeftWidth"), 10) || 0)
+		};
+
+	},
+
+	_getRelativeOffset: function() {
+		if ( this.cssPosition !== "relative" ) {
+			return { top: 0, left: 0 };
+		}
+
+		var p = this.element.position(),
+			scrollIsRootNode = this._isRootNode( this.scrollParent[ 0 ] );
+
+		return {
+			top: p.top - ( parseInt(this.helper.css( "top" ), 10) || 0 ) + ( !scrollIsRootNode ? this.scrollParent.scrollTop() : 0 ),
+			left: p.left - ( parseInt(this.helper.css( "left" ), 10) || 0 ) + ( !scrollIsRootNode ? this.scrollParent.scrollLeft() : 0 )
+		};
+
+	},
+
+	_cacheMargins: function() {
+		this.margins = {
+			left: (parseInt(this.element.css("marginLeft"), 10) || 0),
+			top: (parseInt(this.element.css("marginTop"), 10) || 0),
+			right: (parseInt(this.element.css("marginRight"), 10) || 0),
+			bottom: (parseInt(this.element.css("marginBottom"), 10) || 0)
+		};
+	},
+
+	_cacheHelperProportions: function() {
+		this.helperProportions = {
+			width: this.helper.outerWidth(),
+			height: this.helper.outerHeight()
+		};
+	},
+
+	_setContainment: function() {
+
+		var isUserScrollable, c, ce,
+			o = this.options,
+			document = this.document[ 0 ];
+
+		this.relativeContainer = null;
+
+		if ( !o.containment ) {
+			this.containment = null;
+			return;
+		}
+
+		if ( o.containment === "window" ) {
+			this.containment = [
+				$( window ).scrollLeft() - this.offset.relative.left - this.offset.parent.left,
+				$( window ).scrollTop() - this.offset.relative.top - this.offset.parent.top,
+				$( window ).scrollLeft() + $( window ).width() - this.helperProportions.width - this.margins.left,
+				$( window ).scrollTop() + ( $( window ).height() || document.body.parentNode.scrollHeight ) - this.helperProportions.height - this.margins.top
+			];
+			return;
+		}
+
+		if ( o.containment === "document") {
+			this.containment = [
+				0,
+				0,
+				$( document ).width() - this.helperProportions.width - this.margins.left,
+				( $( document ).height() || document.body.parentNode.scrollHeight ) - this.helperProportions.height - this.margins.top
+			];
+			return;
+		}
+
+		if ( o.containment.constructor === Array ) {
+			this.containment = o.containment;
+			return;
+		}
+
+		if ( o.containment === "parent" ) {
+			o.containment = this.helper[ 0 ].parentNode;
+		}
+
+		c = $( o.containment );
+		ce = c[ 0 ];
+
+		if ( !ce ) {
+			return;
+		}
+
+		isUserScrollable = /(scroll|auto)/.test( c.css( "overflow" ) );
+
+		this.containment = [
+			( parseInt( c.css( "borderLeftWidth" ), 10 ) || 0 ) + ( parseInt( c.css( "paddingLeft" ), 10 ) || 0 ),
+			( parseInt( c.css( "borderTopWidth" ), 10 ) || 0 ) + ( parseInt( c.css( "paddingTop" ), 10 ) || 0 ),
+			( isUserScrollable ? Math.max( ce.scrollWidth, ce.offsetWidth ) : ce.offsetWidth ) -
+				( parseInt( c.css( "borderRightWidth" ), 10 ) || 0 ) -
+				( parseInt( c.css( "paddingRight" ), 10 ) || 0 ) -
+				this.helperProportions.width -
+				this.margins.left -
+				this.margins.right,
+			( isUserScrollable ? Math.max( ce.scrollHeight, ce.offsetHeight ) : ce.offsetHeight ) -
+				( parseInt( c.css( "borderBottomWidth" ), 10 ) || 0 ) -
+				( parseInt( c.css( "paddingBottom" ), 10 ) || 0 ) -
+				this.helperProportions.height -
+				this.margins.top -
+				this.margins.bottom
+		];
+		this.relativeContainer = c;
+	},
+
+	_convertPositionTo: function(d, pos) {
+
+		if (!pos) {
+			pos = this.position;
+		}
+
+		var mod = d === "absolute" ? 1 : -1,
+			scrollIsRootNode = this._isRootNode( this.scrollParent[ 0 ] );
+
+		return {
+			top: (
+				pos.top	+																// The absolute mouse position
+				this.offset.relative.top * mod +										// Only for relative positioned nodes: Relative offset from element to offset parent
+				this.offset.parent.top * mod -										// The offsetParent's offset without borders (offset + border)
+				( ( this.cssPosition === "fixed" ? -this.offset.scroll.top : ( scrollIsRootNode ? 0 : this.offset.scroll.top ) ) * mod)
+			),
+			left: (
+				pos.left +																// The absolute mouse position
+				this.offset.relative.left * mod +										// Only for relative positioned nodes: Relative offset from element to offset parent
+				this.offset.parent.left * mod	-										// The offsetParent's offset without borders (offset + border)
+				( ( this.cssPosition === "fixed" ? -this.offset.scroll.left : ( scrollIsRootNode ? 0 : this.offset.scroll.left ) ) * mod)
+			)
+		};
+
+	},
+
+	_generatePosition: function( event, constrainPosition ) {
+
+		var containment, co, top, left,
+			o = this.options,
+			scrollIsRootNode = this._isRootNode( this.scrollParent[ 0 ] ),
+			pageX = event.pageX,
+			pageY = event.pageY;
+
+		// Cache the scroll
+		if ( !scrollIsRootNode || !this.offset.scroll ) {
+			this.offset.scroll = {
+				top: this.scrollParent.scrollTop(),
+				left: this.scrollParent.scrollLeft()
+			};
+		}
+
+		/*
+		 * - Position constraining -
+		 * Constrain the position to a mix of grid, containment.
+		 */
+
+		// If we are not dragging yet, we won't check for options
+		if ( constrainPosition ) {
+			if ( this.containment ) {
+				if ( this.relativeContainer ){
+					co = this.relativeContainer.offset();
+					containment = [
+						this.containment[ 0 ] + co.left,
+						this.containment[ 1 ] + co.top,
+						this.containment[ 2 ] + co.left,
+						this.containment[ 3 ] + co.top
+					];
+				} else {
+					containment = this.containment;
+				}
+
+				if (event.pageX - this.offset.click.left < containment[0]) {
+					pageX = containment[0] + this.offset.click.left;
+				}
+				if (event.pageY - this.offset.click.top < containment[1]) {
+					pageY = containment[1] + this.offset.click.top;
+				}
+				if (event.pageX - this.offset.click.left > containment[2]) {
+					pageX = containment[2] + this.offset.click.left;
+				}
+				if (event.pageY - this.offset.click.top > containment[3]) {
+					pageY = containment[3] + this.offset.click.top;
+				}
+			}
+
+			if (o.grid) {
+				//Check for grid elements set to 0 to prevent divide by 0 error causing invalid argument errors in IE (see ticket #6950)
+				top = o.grid[1] ? this.originalPageY + Math.round((pageY - this.originalPageY) / o.grid[1]) * o.grid[1] : this.originalPageY;
+				pageY = containment ? ((top - this.offset.click.top >= containment[1] || top - this.offset.click.top > containment[3]) ? top : ((top - this.offset.click.top >= containment[1]) ? top - o.grid[1] : top + o.grid[1])) : top;
+
+				left = o.grid[0] ? this.originalPageX + Math.round((pageX - this.originalPageX) / o.grid[0]) * o.grid[0] : this.originalPageX;
+				pageX = containment ? ((left - this.offset.click.left >= containment[0] || left - this.offset.click.left > containment[2]) ? left : ((left - this.offset.click.left >= containment[0]) ? left - o.grid[0] : left + o.grid[0])) : left;
+			}
+
+			if ( o.axis === "y" ) {
+				pageX = this.originalPageX;
+			}
+
+			if ( o.axis === "x" ) {
+				pageY = this.originalPageY;
+			}
+		}
+
+		return {
+			top: (
+				pageY -																	// The absolute mouse position
+				this.offset.click.top	-												// Click offset (relative to the element)
+				this.offset.relative.top -												// Only for relative positioned nodes: Relative offset from element to offset parent
+				this.offset.parent.top +												// The offsetParent's offset without borders (offset + border)
+				( this.cssPosition === "fixed" ? -this.offset.scroll.top : ( scrollIsRootNode ? 0 : this.offset.scroll.top ) )
+			),
+			left: (
+				pageX -																	// The absolute mouse position
+				this.offset.click.left -												// Click offset (relative to the element)
+				this.offset.relative.left -												// Only for relative positioned nodes: Relative offset from element to offset parent
+				this.offset.parent.left +												// The offsetParent's offset without borders (offset + border)
+				( this.cssPosition === "fixed" ? -this.offset.scroll.left : ( scrollIsRootNode ? 0 : this.offset.scroll.left ) )
+			)
+		};
+
+	},
+
+	_clear: function() {
+		this.helper.removeClass("ui-draggable-dragging");
+		if (this.helper[0] !== this.element[0] && !this.cancelHelperRemoval) {
+			this.helper.remove();
+		}
+		this.helper = null;
+		this.cancelHelperRemoval = false;
+		if ( this.destroyOnClear ) {
+			this.destroy();
+		}
+	},
+
+	_normalizeRightBottom: function() {
+		if ( this.options.axis !== "y" && this.helper.css( "right" ) !== "auto" ) {
+			this.helper.width( this.helper.width() );
+			this.helper.css( "right", "auto" );
+		}
+		if ( this.options.axis !== "x" && this.helper.css( "bottom" ) !== "auto" ) {
+			this.helper.height( this.helper.height() );
+			this.helper.css( "bottom", "auto" );
+		}
+	},
+
+	// From now on bulk stuff - mainly helpers
+
+	_trigger: function( type, event, ui ) {
+		ui = ui || this._uiHash();
+		$.ui.plugin.call( this, type, [ event, ui, this ], true );
+
+		// Absolute position and offset (see #6884 ) have to be recalculated after plugins
+		if ( /^(drag|start|stop)/.test( type ) ) {
+			this.positionAbs = this._convertPositionTo( "absolute" );
+			ui.offset = this.positionAbs;
+		}
+		return $.Widget.prototype._trigger.call( this, type, event, ui );
+	},
+
+	plugins: {},
+
+	_uiHash: function() {
+		return {
+			helper: this.helper,
+			position: this.position,
+			originalPosition: this.originalPosition,
+			offset: this.positionAbs
+		};
+	}
+
+});
+
+$.ui.plugin.add( "draggable", "connectToSortable", {
+	start: function( event, ui, draggable ) {
+		var uiSortable = $.extend( {}, ui, {
+			item: draggable.element
+		});
+
+		draggable.sortables = [];
+		$( draggable.options.connectToSortable ).each(function() {
+			var sortable = $( this ).sortable( "instance" );
+
+			if ( sortable && !sortable.options.disabled ) {
+				draggable.sortables.push( sortable );
+
+				// refreshPositions is called at drag start to refresh the containerCache
+				// which is used in drag. This ensures it's initialized and synchronized
+				// with any changes that might have happened on the page since initialization.
+				sortable.refreshPositions();
+				sortable._trigger("activate", event, uiSortable);
+			}
+		});
+	},
+	stop: function( event, ui, draggable ) {
+		var uiSortable = $.extend( {}, ui, {
+			item: draggable.element
+		});
+
+		draggable.cancelHelperRemoval = false;
+
+		$.each( draggable.sortables, function() {
+			var sortable = this;
+
+			if ( sortable.isOver ) {
+				sortable.isOver = 0;
+
+				// Allow this sortable to handle removing the helper
+				draggable.cancelHelperRemoval = true;
+				sortable.cancelHelperRemoval = false;
+
+				// Use _storedCSS To restore properties in the sortable,
+				// as this also handles revert (#9675) since the draggable
+				// may have modified them in unexpected ways (#8809)
+				sortable._storedCSS = {
+					position: sortable.placeholder.css( "position" ),
+					top: sortable.placeholder.css( "top" ),
+					left: sortable.placeholder.css( "left" )
+				};
+
+				sortable._mouseStop(event);
+
+				// Once drag has ended, the sortable should return to using
+				// its original helper, not the shared helper from draggable
+				sortable.options.helper = sortable.options._helper;
+			} else {
+				// Prevent this Sortable from removing the helper.
+				// However, don't set the draggable to remove the helper
+				// either as another connected Sortable may yet handle the removal.
+				sortable.cancelHelperRemoval = true;
+
+				sortable._trigger( "deactivate", event, uiSortable );
+			}
+		});
+	},
+	drag: function( event, ui, draggable ) {
+		$.each( draggable.sortables, function() {
+			var innermostIntersecting = false,
+				sortable = this;
+
+			// Copy over variables that sortable's _intersectsWith uses
+			sortable.positionAbs = draggable.positionAbs;
+			sortable.helperProportions = draggable.helperProportions;
+			sortable.offset.click = draggable.offset.click;
+
+			if ( sortable._intersectsWith( sortable.containerCache ) ) {
+				innermostIntersecting = true;
+
+				$.each( draggable.sortables, function() {
+					// Copy over variables that sortable's _intersectsWith uses
+					this.positionAbs = draggable.positionAbs;
+					this.helperProportions = draggable.helperProportions;
+					this.offset.click = draggable.offset.click;
+
+					if ( this !== sortable &&
+							this._intersectsWith( this.containerCache ) &&
+							$.contains( sortable.element[ 0 ], this.element[ 0 ] ) ) {
+						innermostIntersecting = false;
+					}
+
+					return innermostIntersecting;
+				});
+			}
+
+			if ( innermostIntersecting ) {
+				// If it intersects, we use a little isOver variable and set it once,
+				// so that the move-in stuff gets fired only once.
+				if ( !sortable.isOver ) {
+					sortable.isOver = 1;
+
+					sortable.currentItem = ui.helper
+						.appendTo( sortable.element )
+						.data( "ui-sortable-item", true );
+
+					// Store helper option to later restore it
+					sortable.options._helper = sortable.options.helper;
+
+					sortable.options.helper = function() {
+						return ui.helper[ 0 ];
+					};
+
+					// Fire the start events of the sortable with our passed browser event,
+					// and our own helper (so it doesn't create a new one)
+					event.target = sortable.currentItem[ 0 ];
+					sortable._mouseCapture( event, true );
+					sortable._mouseStart( event, true, true );
+
+					// Because the browser event is way off the new appended portlet,
+					// modify necessary variables to reflect the changes
+					sortable.offset.click.top = draggable.offset.click.top;
+					sortable.offset.click.left = draggable.offset.click.left;
+					sortable.offset.parent.left -= draggable.offset.parent.left -
+						sortable.offset.parent.left;
+					sortable.offset.parent.top -= draggable.offset.parent.top -
+						sortable.offset.parent.top;
+
+					draggable._trigger( "toSortable", event );
+
+					// Inform draggable that the helper is in a valid drop zone,
+					// used solely in the revert option to handle "valid/invalid".
+					draggable.dropped = sortable.element;
+
+					// Need to refreshPositions of all sortables in the case that
+					// adding to one sortable changes the location of the other sortables (#9675)
+					$.each( draggable.sortables, function() {
+						this.refreshPositions();
+					});
+
+					// hack so receive/update callbacks work (mostly)
+					draggable.currentItem = draggable.element;
+					sortable.fromOutside = draggable;
+				}
+
+				if ( sortable.currentItem ) {
+					sortable._mouseDrag( event );
+					// Copy the sortable's position because the draggable's can potentially reflect
+					// a relative position, while sortable is always absolute, which the dragged
+					// element has now become. (#8809)
+					ui.position = sortable.position;
+				}
+			} else {
+				// If it doesn't intersect with the sortable, and it intersected before,
+				// we fake the drag stop of the sortable, but make sure it doesn't remove
+				// the helper by using cancelHelperRemoval.
+				if ( sortable.isOver ) {
+
+					sortable.isOver = 0;
+					sortable.cancelHelperRemoval = true;
+
+					// Calling sortable's mouseStop would trigger a revert,
+					// so revert must be temporarily false until after mouseStop is called.
+					sortable.options._revert = sortable.options.revert;
+					sortable.options.revert = false;
+
+					sortable._trigger( "out", event, sortable._uiHash( sortable ) );
+					sortable._mouseStop( event, true );
+
+					// restore sortable behaviors that were modfied
+					// when the draggable entered the sortable area (#9481)
+					sortable.options.revert = sortable.options._revert;
+					sortable.options.helper = sortable.options._helper;
+
+					if ( sortable.placeholder ) {
+						sortable.placeholder.remove();
+					}
+
+					// Recalculate the draggable's offset considering the sortable
+					// may have modified them in unexpected ways (#8809)
+					draggable._refreshOffsets( event );
+					ui.position = draggable._generatePosition( event, true );
+
+					draggable._trigger( "fromSortable", event );
+
+					// Inform draggable that the helper is no longer in a valid drop zone
+					draggable.dropped = false;
+
+					// Need to refreshPositions of all sortables just in case removing
+					// from one sortable changes the location of other sortables (#9675)
+					$.each( draggable.sortables, function() {
+						this.refreshPositions();
+					});
+				}
+			}
+		});
+	}
+});
+
+$.ui.plugin.add("draggable", "cursor", {
+	start: function( event, ui, instance ) {
+		var t = $( "body" ),
+			o = instance.options;
+
+		if (t.css("cursor")) {
+			o._cursor = t.css("cursor");
+		}
+		t.css("cursor", o.cursor);
+	},
+	stop: function( event, ui, instance ) {
+		var o = instance.options;
+		if (o._cursor) {
+			$("body").css("cursor", o._cursor);
+		}
+	}
+});
+
+$.ui.plugin.add("draggable", "opacity", {
+	start: function( event, ui, instance ) {
+		var t = $( ui.helper ),
+			o = instance.options;
+		if (t.css("opacity")) {
+			o._opacity = t.css("opacity");
+		}
+		t.css("opacity", o.opacity);
+	},
+	stop: function( event, ui, instance ) {
+		var o = instance.options;
+		if (o._opacity) {
+			$(ui.helper).css("opacity", o._opacity);
+		}
+	}
+});
+
+$.ui.plugin.add("draggable", "scroll", {
+	start: function( event, ui, i ) {
+		if ( !i.scrollParentNotHidden ) {
+			i.scrollParentNotHidden = i.helper.scrollParent( false );
+		}
+
+		if ( i.scrollParentNotHidden[ 0 ] !== i.document[ 0 ] && i.scrollParentNotHidden[ 0 ].tagName !== "HTML" ) {
+			i.overflowOffset = i.scrollParentNotHidden.offset();
+		}
+	},
+	drag: function( event, ui, i  ) {
+
+		var o = i.options,
+			scrolled = false,
+			scrollParent = i.scrollParentNotHidden[ 0 ],
+			document = i.document[ 0 ];
+
+		if ( scrollParent !== document && scrollParent.tagName !== "HTML" ) {
+			if ( !o.axis || o.axis !== "x" ) {
+				if ( ( i.overflowOffset.top + scrollParent.offsetHeight ) - event.pageY < o.scrollSensitivity ) {
+					scrollParent.scrollTop = scrolled = scrollParent.scrollTop + o.scrollSpeed;
+				} else if ( event.pageY - i.overflowOffset.top < o.scrollSensitivity ) {
+					scrollParent.scrollTop = scrolled = scrollParent.scrollTop - o.scrollSpeed;
+				}
+			}
+
+			if ( !o.axis || o.axis !== "y" ) {
+				if ( ( i.overflowOffset.left + scrollParent.offsetWidth ) - event.pageX < o.scrollSensitivity ) {
+					scrollParent.scrollLeft = scrolled = scrollParent.scrollLeft + o.scrollSpeed;
+				} else if ( event.pageX - i.overflowOffset.left < o.scrollSensitivity ) {
+					scrollParent.scrollLeft = scrolled = scrollParent.scrollLeft - o.scrollSpeed;
+				}
+			}
+
+		} else {
+
+			if (!o.axis || o.axis !== "x") {
+				if (event.pageY - $(document).scrollTop() < o.scrollSensitivity) {
+					scrolled = $(document).scrollTop($(document).scrollTop() - o.scrollSpeed);
+				} else if ($(window).height() - (event.pageY - $(document).scrollTop()) < o.scrollSensitivity) {
+					scrolled = $(document).scrollTop($(document).scrollTop() + o.scrollSpeed);
+				}
+			}
+
+			if (!o.axis || o.axis !== "y") {
+				if (event.pageX - $(document).scrollLeft() < o.scrollSensitivity) {
+					scrolled = $(document).scrollLeft($(document).scrollLeft() - o.scrollSpeed);
+				} else if ($(window).width() - (event.pageX - $(document).scrollLeft()) < o.scrollSensitivity) {
+					scrolled = $(document).scrollLeft($(document).scrollLeft() + o.scrollSpeed);
+				}
+			}
+
+		}
+
+		if (scrolled !== false && $.ui.ddmanager && !o.dropBehaviour) {
+			$.ui.ddmanager.prepareOffsets(i, event);
+		}
+
+	}
+});
+
+$.ui.plugin.add("draggable", "snap", {
+	start: function( event, ui, i ) {
+
+		var o = i.options;
+
+		i.snapElements = [];
+
+		$(o.snap.constructor !== String ? ( o.snap.items || ":data(ui-draggable)" ) : o.snap).each(function() {
+			var $t = $(this),
+				$o = $t.offset();
+			if (this !== i.element[0]) {
+				i.snapElements.push({
+					item: this,
+					width: $t.outerWidth(), height: $t.outerHeight(),
+					top: $o.top, left: $o.left
+				});
+			}
+		});
+
+	},
+	drag: function( event, ui, inst ) {
+
+		var ts, bs, ls, rs, l, r, t, b, i, first,
+			o = inst.options,
+			d = o.snapTolerance,
+			x1 = ui.offset.left, x2 = x1 + inst.helperProportions.width,
+			y1 = ui.offset.top, y2 = y1 + inst.helperProportions.height;
+
+		for (i = inst.snapElements.length - 1; i >= 0; i--){
+
+			l = inst.snapElements[i].left - inst.margins.left;
+			r = l + inst.snapElements[i].width;
+			t = inst.snapElements[i].top - inst.margins.top;
+			b = t + inst.snapElements[i].height;
+
+			if ( x2 < l - d || x1 > r + d || y2 < t - d || y1 > b + d || !$.contains( inst.snapElements[ i ].item.ownerDocument, inst.snapElements[ i ].item ) ) {
+				if (inst.snapElements[i].snapping) {
+					(inst.options.snap.release && inst.options.snap.release.call(inst.element, event, $.extend(inst._uiHash(), { snapItem: inst.snapElements[i].item })));
+				}
+				inst.snapElements[i].snapping = false;
+				continue;
+			}
+
+			if (o.snapMode !== "inner") {
+				ts = Math.abs(t - y2) <= d;
+				bs = Math.abs(b - y1) <= d;
+				ls = Math.abs(l - x2) <= d;
+				rs = Math.abs(r - x1) <= d;
+				if (ts) {
+					ui.position.top = inst._convertPositionTo("relative", { top: t - inst.helperProportions.height, left: 0 }).top;
+				}
+				if (bs) {
+					ui.position.top = inst._convertPositionTo("relative", { top: b, left: 0 }).top;
+				}
+				if (ls) {
+					ui.position.left = inst._convertPositionTo("relative", { top: 0, left: l - inst.helperProportions.width }).left;
+				}
+				if (rs) {
+					ui.position.left = inst._convertPositionTo("relative", { top: 0, left: r }).left;
+				}
+			}
+
+			first = (ts || bs || ls || rs);
+
+			if (o.snapMode !== "outer") {
+				ts = Math.abs(t - y1) <= d;
+				bs = Math.abs(b - y2) <= d;
+				ls = Math.abs(l - x1) <= d;
+				rs = Math.abs(r - x2) <= d;
+				if (ts) {
+					ui.position.top = inst._convertPositionTo("relative", { top: t, left: 0 }).top;
+				}
+				if (bs) {
+					ui.position.top = inst._convertPositionTo("relative", { top: b - inst.helperProportions.height, left: 0 }).top;
+				}
+				if (ls) {
+					ui.position.left = inst._convertPositionTo("relative", { top: 0, left: l }).left;
+				}
+				if (rs) {
+					ui.position.left = inst._convertPositionTo("relative", { top: 0, left: r - inst.helperProportions.width }).left;
+				}
+			}
+
+			if (!inst.snapElements[i].snapping && (ts || bs || ls || rs || first)) {
+				(inst.options.snap.snap && inst.options.snap.snap.call(inst.element, event, $.extend(inst._uiHash(), { snapItem: inst.snapElements[i].item })));
+			}
+			inst.snapElements[i].snapping = (ts || bs || ls || rs || first);
+
+		}
+
+	}
+});
+
+$.ui.plugin.add("draggable", "stack", {
+	start: function( event, ui, instance ) {
+		var min,
+			o = instance.options,
+			group = $.makeArray($(o.stack)).sort(function(a, b) {
+				return (parseInt($(a).css("zIndex"), 10) || 0) - (parseInt($(b).css("zIndex"), 10) || 0);
+			});
+
+		if (!group.length) { return; }
+
+		min = parseInt($(group[0]).css("zIndex"), 10) || 0;
+		$(group).each(function(i) {
+			$(this).css("zIndex", min + i);
+		});
+		this.css("zIndex", (min + group.length));
+	}
+});
+
+$.ui.plugin.add("draggable", "zIndex", {
+	start: function( event, ui, instance ) {
+		var t = $( ui.helper ),
+			o = instance.options;
+
+		if (t.css("zIndex")) {
+			o._zIndex = t.css("zIndex");
+		}
+		t.css("zIndex", o.zIndex);
+	},
+	stop: function( event, ui, instance ) {
+		var o = instance.options;
+
+		if (o._zIndex) {
+			$(ui.helper).css("zIndex", o._zIndex);
+		}
+	}
+});
+
+var draggable = $.ui.draggable;
+
+
+/*!
+ * jQuery UI Droppable 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/droppable/
+ */
+
+
+$.widget( "ui.droppable", {
+	version: "1.11.2",
+	widgetEventPrefix: "drop",
+	options: {
+		accept: "*",
+		activeClass: false,
+		addClasses: true,
+		greedy: false,
+		hoverClass: false,
+		scope: "default",
+		tolerance: "intersect",
+
+		// callbacks
+		activate: null,
+		deactivate: null,
+		drop: null,
+		out: null,
+		over: null
+	},
+	_create: function() {
+
+		var proportions,
+			o = this.options,
+			accept = o.accept;
+
+		this.isover = false;
+		this.isout = true;
+
+		this.accept = $.isFunction( accept ) ? accept : function( d ) {
+			return d.is( accept );
+		};
+
+		this.proportions = function( /* valueToWrite */ ) {
+			if ( arguments.length ) {
+				// Store the droppable's proportions
+				proportions = arguments[ 0 ];
+			} else {
+				// Retrieve or derive the droppable's proportions
+				return proportions ?
+					proportions :
+					proportions = {
+						width: this.element[ 0 ].offsetWidth,
+						height: this.element[ 0 ].offsetHeight
+					};
+			}
+		};
+
+		this._addToManager( o.scope );
+
+		o.addClasses && this.element.addClass( "ui-droppable" );
+
+	},
+
+	_addToManager: function( scope ) {
+		// Add the reference and positions to the manager
+		$.ui.ddmanager.droppables[ scope ] = $.ui.ddmanager.droppables[ scope ] || [];
+		$.ui.ddmanager.droppables[ scope ].push( this );
+	},
+
+	_splice: function( drop ) {
+		var i = 0;
+		for ( ; i < drop.length; i++ ) {
+			if ( drop[ i ] === this ) {
+				drop.splice( i, 1 );
+			}
+		}
+	},
+
+	_destroy: function() {
+		var drop = $.ui.ddmanager.droppables[ this.options.scope ];
+
+		this._splice( drop );
+
+		this.element.removeClass( "ui-droppable ui-droppable-disabled" );
+	},
+
+	_setOption: function( key, value ) {
+
+		if ( key === "accept" ) {
+			this.accept = $.isFunction( value ) ? value : function( d ) {
+				return d.is( value );
+			};
+		} else if ( key === "scope" ) {
+			var drop = $.ui.ddmanager.droppables[ this.options.scope ];
+
+			this._splice( drop );
+			this._addToManager( value );
+		}
+
+		this._super( key, value );
+	},
+
+	_activate: function( event ) {
+		var draggable = $.ui.ddmanager.current;
+		if ( this.options.activeClass ) {
+			this.element.addClass( this.options.activeClass );
+		}
+		if ( draggable ){
+			this._trigger( "activate", event, this.ui( draggable ) );
+		}
+	},
+
+	_deactivate: function( event ) {
+		var draggable = $.ui.ddmanager.current;
+		if ( this.options.activeClass ) {
+			this.element.removeClass( this.options.activeClass );
+		}
+		if ( draggable ){
+			this._trigger( "deactivate", event, this.ui( draggable ) );
+		}
+	},
+
+	_over: function( event ) {
+
+		var draggable = $.ui.ddmanager.current;
+
+		// Bail if draggable and droppable are same element
+		if ( !draggable || ( draggable.currentItem || draggable.element )[ 0 ] === this.element[ 0 ] ) {
+			return;
+		}
+
+		if ( this.accept.call( this.element[ 0 ], ( draggable.currentItem || draggable.element ) ) ) {
+			if ( this.options.hoverClass ) {
+				this.element.addClass( this.options.hoverClass );
+			}
+			this._trigger( "over", event, this.ui( draggable ) );
+		}
+
+	},
+
+	_out: function( event ) {
+
+		var draggable = $.ui.ddmanager.current;
+
+		// Bail if draggable and droppable are same element
+		if ( !draggable || ( draggable.currentItem || draggable.element )[ 0 ] === this.element[ 0 ] ) {
+			return;
+		}
+
+		if ( this.accept.call( this.element[ 0 ], ( draggable.currentItem || draggable.element ) ) ) {
+			if ( this.options.hoverClass ) {
+				this.element.removeClass( this.options.hoverClass );
+			}
+			this._trigger( "out", event, this.ui( draggable ) );
+		}
+
+	},
+
+	_drop: function( event, custom ) {
+
+		var draggable = custom || $.ui.ddmanager.current,
+			childrenIntersection = false;
+
+		// Bail if draggable and droppable are same element
+		if ( !draggable || ( draggable.currentItem || draggable.element )[ 0 ] === this.element[ 0 ] ) {
+			return false;
+		}
+
+		this.element.find( ":data(ui-droppable)" ).not( ".ui-draggable-dragging" ).each(function() {
+			var inst = $( this ).droppable( "instance" );
+			if (
+				inst.options.greedy &&
+				!inst.options.disabled &&
+				inst.options.scope === draggable.options.scope &&
+				inst.accept.call( inst.element[ 0 ], ( draggable.currentItem || draggable.element ) ) &&
+				$.ui.intersect( draggable, $.extend( inst, { offset: inst.element.offset() } ), inst.options.tolerance, event )
+			) { childrenIntersection = true; return false; }
+		});
+		if ( childrenIntersection ) {
+			return false;
+		}
+
+		if ( this.accept.call( this.element[ 0 ], ( draggable.currentItem || draggable.element ) ) ) {
+			if ( this.options.activeClass ) {
+				this.element.removeClass( this.options.activeClass );
+			}
+			if ( this.options.hoverClass ) {
+				this.element.removeClass( this.options.hoverClass );
+			}
+			this._trigger( "drop", event, this.ui( draggable ) );
+			return this.element;
+		}
+
+		return false;
+
+	},
+
+	ui: function( c ) {
+		return {
+			draggable: ( c.currentItem || c.element ),
+			helper: c.helper,
+			position: c.position,
+			offset: c.positionAbs
+		};
+	}
+
+});
+
+$.ui.intersect = (function() {
+	function isOverAxis( x, reference, size ) {
+		return ( x >= reference ) && ( x < ( reference + size ) );
+	}
+
+	return function( draggable, droppable, toleranceMode, event ) {
+
+		if ( !droppable.offset ) {
+			return false;
+		}
+
+		var x1 = ( draggable.positionAbs || draggable.position.absolute ).left + draggable.margins.left,
+			y1 = ( draggable.positionAbs || draggable.position.absolute ).top + draggable.margins.top,
+			x2 = x1 + draggable.helperProportions.width,
+			y2 = y1 + draggable.helperProportions.height,
+			l = droppable.offset.left,
+			t = droppable.offset.top,
+			r = l + droppable.proportions().width,
+			b = t + droppable.proportions().height;
+
+		switch ( toleranceMode ) {
+		case "fit":
+			return ( l <= x1 && x2 <= r && t <= y1 && y2 <= b );
+		case "intersect":
+			return ( l < x1 + ( draggable.helperProportions.width / 2 ) && // Right Half
+				x2 - ( draggable.helperProportions.width / 2 ) < r && // Left Half
+				t < y1 + ( draggable.helperProportions.height / 2 ) && // Bottom Half
+				y2 - ( draggable.helperProportions.height / 2 ) < b ); // Top Half
+		case "pointer":
+			return isOverAxis( event.pageY, t, droppable.proportions().height ) && isOverAxis( event.pageX, l, droppable.proportions().width );
+		case "touch":
+			return (
+				( y1 >= t && y1 <= b ) || // Top edge touching
+				( y2 >= t && y2 <= b ) || // Bottom edge touching
+				( y1 < t && y2 > b ) // Surrounded vertically
+			) && (
+				( x1 >= l && x1 <= r ) || // Left edge touching
+				( x2 >= l && x2 <= r ) || // Right edge touching
+				( x1 < l && x2 > r ) // Surrounded horizontally
+			);
+		default:
+			return false;
+		}
+	};
+})();
+
+/*
+	This manager tracks offsets of draggables and droppables
+*/
+$.ui.ddmanager = {
+	current: null,
+	droppables: { "default": [] },
+	prepareOffsets: function( t, event ) {
+
+		var i, j,
+			m = $.ui.ddmanager.droppables[ t.options.scope ] || [],
+			type = event ? event.type : null, // workaround for #2317
+			list = ( t.currentItem || t.element ).find( ":data(ui-droppable)" ).addBack();
+
+		droppablesLoop: for ( i = 0; i < m.length; i++ ) {
+
+			// No disabled and non-accepted
+			if ( m[ i ].options.disabled || ( t && !m[ i ].accept.call( m[ i ].element[ 0 ], ( t.currentItem || t.element ) ) ) ) {
+				continue;
+			}
+
+			// Filter out elements in the current dragged item
+			for ( j = 0; j < list.length; j++ ) {
+				if ( list[ j ] === m[ i ].element[ 0 ] ) {
+					m[ i ].proportions().height = 0;
+					continue droppablesLoop;
+				}
+			}
+
+			m[ i ].visible = m[ i ].element.css( "display" ) !== "none";
+			if ( !m[ i ].visible ) {
+				continue;
+			}
+
+			// Activate the droppable if used directly from draggables
+			if ( type === "mousedown" ) {
+				m[ i ]._activate.call( m[ i ], event );
+			}
+
+			m[ i ].offset = m[ i ].element.offset();
+			m[ i ].proportions({ width: m[ i ].element[ 0 ].offsetWidth, height: m[ i ].element[ 0 ].offsetHeight });
+
+		}
+
+	},
+	drop: function( draggable, event ) {
+
+		var dropped = false;
+		// Create a copy of the droppables in case the list changes during the drop (#9116)
+		$.each( ( $.ui.ddmanager.droppables[ draggable.options.scope ] || [] ).slice(), function() {
+
+			if ( !this.options ) {
+				return;
+			}
+			if ( !this.options.disabled && this.visible && $.ui.intersect( draggable, this, this.options.tolerance, event ) ) {
+				dropped = this._drop.call( this, event ) || dropped;
+			}
+
+			if ( !this.options.disabled && this.visible && this.accept.call( this.element[ 0 ], ( draggable.currentItem || draggable.element ) ) ) {
+				this.isout = true;
+				this.isover = false;
+				this._deactivate.call( this, event );
+			}
+
+		});
+		return dropped;
+
+	},
+	dragStart: function( draggable, event ) {
+		// Listen for scrolling so that if the dragging causes scrolling the position of the droppables can be recalculated (see #5003)
+		draggable.element.parentsUntil( "body" ).bind( "scroll.droppable", function() {
+			if ( !draggable.options.refreshPositions ) {
+				$.ui.ddmanager.prepareOffsets( draggable, event );
+			}
+		});
+	},
+	drag: function( draggable, event ) {
+
+		// If you have a highly dynamic page, you might try this option. It renders positions every time you move the mouse.
+		if ( draggable.options.refreshPositions ) {
+			$.ui.ddmanager.prepareOffsets( draggable, event );
+		}
+
+		// Run through all droppables and check their positions based on specific tolerance options
+		$.each( $.ui.ddmanager.droppables[ draggable.options.scope ] || [], function() {
+
+			if ( this.options.disabled || this.greedyChild || !this.visible ) {
+				return;
+			}
+
+			var parentInstance, scope, parent,
+				intersects = $.ui.intersect( draggable, this, this.options.tolerance, event ),
+				c = !intersects && this.isover ? "isout" : ( intersects && !this.isover ? "isover" : null );
+			if ( !c ) {
+				return;
+			}
+
+			if ( this.options.greedy ) {
+				// find droppable parents with same scope
+				scope = this.options.scope;
+				parent = this.element.parents( ":data(ui-droppable)" ).filter(function() {
+					return $( this ).droppable( "instance" ).options.scope === scope;
+				});
+
+				if ( parent.length ) {
+					parentInstance = $( parent[ 0 ] ).droppable( "instance" );
+					parentInstance.greedyChild = ( c === "isover" );
+				}
+			}
+
+			// we just moved into a greedy child
+			if ( parentInstance && c === "isover" ) {
+				parentInstance.isover = false;
+				parentInstance.isout = true;
+				parentInstance._out.call( parentInstance, event );
+			}
+
+			this[ c ] = true;
+			this[c === "isout" ? "isover" : "isout"] = false;
+			this[c === "isover" ? "_over" : "_out"].call( this, event );
+
+			// we just moved out of a greedy child
+			if ( parentInstance && c === "isout" ) {
+				parentInstance.isout = false;
+				parentInstance.isover = true;
+				parentInstance._over.call( parentInstance, event );
+			}
+		});
+
+	},
+	dragStop: function( draggable, event ) {
+		draggable.element.parentsUntil( "body" ).unbind( "scroll.droppable" );
+		// Call prepareOffsets one final time since IE does not fire return scroll events when overflow was caused by drag (see #5003)
+		if ( !draggable.options.refreshPositions ) {
+			$.ui.ddmanager.prepareOffsets( draggable, event );
+		}
+	}
+};
+
+var droppable = $.ui.droppable;
+
+
+/*!
+ * jQuery UI Resizable 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/resizable/
+ */
+
+
+$.widget("ui.resizable", $.ui.mouse, {
+	version: "1.11.2",
+	widgetEventPrefix: "resize",
+	options: {
+		alsoResize: false,
+		animate: false,
+		animateDuration: "slow",
+		animateEasing: "swing",
+		aspectRatio: false,
+		autoHide: false,
+		containment: false,
+		ghost: false,
+		grid: false,
+		handles: "e,s,se",
+		helper: false,
+		maxHeight: null,
+		maxWidth: null,
+		minHeight: 10,
+		minWidth: 10,
+		// See #7960
+		zIndex: 90,
+
+		// callbacks
+		resize: null,
+		start: null,
+		stop: null
+	},
+
+	_num: function( value ) {
+		return parseInt( value, 10 ) || 0;
+	},
+
+	_isNumber: function( value ) {
+		return !isNaN( parseInt( value, 10 ) );
+	},
+
+	_hasScroll: function( el, a ) {
+
+		if ( $( el ).css( "overflow" ) === "hidden") {
+			return false;
+		}
+
+		var scroll = ( a && a === "left" ) ? "scrollLeft" : "scrollTop",
+			has = false;
+
+		if ( el[ scroll ] > 0 ) {
+			return true;
+		}
+
+		// TODO: determine which cases actually cause this to happen
+		// if the element doesn't have the scroll set, see if it's possible to
+		// set the scroll
+		el[ scroll ] = 1;
+		has = ( el[ scroll ] > 0 );
+		el[ scroll ] = 0;
+		return has;
+	},
+
+	_create: function() {
+
+		var n, i, handle, axis, hname,
+			that = this,
+			o = this.options;
+		this.element.addClass("ui-resizable");
+
+		$.extend(this, {
+			_aspectRatio: !!(o.aspectRatio),
+			aspectRatio: o.aspectRatio,
+			originalElement: this.element,
+			_proportionallyResizeElements: [],
+			_helper: o.helper || o.ghost || o.animate ? o.helper || "ui-resizable-helper" : null
+		});
+
+		// Wrap the element if it cannot hold child nodes
+		if (this.element[0].nodeName.match(/canvas|textarea|input|select|button|img/i)) {
+
+			this.element.wrap(
+				$("<div class='ui-wrapper' style='overflow: hidden;'></div>").css({
+					position: this.element.css("position"),
+					width: this.element.outerWidth(),
+					height: this.element.outerHeight(),
+					top: this.element.css("top"),
+					left: this.element.css("left")
+				})
+			);
+
+			this.element = this.element.parent().data(
+				"ui-resizable", this.element.resizable( "instance" )
+			);
+
+			this.elementIsWrapper = true;
+
+			this.element.css({
+				marginLeft: this.originalElement.css("marginLeft"),
+				marginTop: this.originalElement.css("marginTop"),
+				marginRight: this.originalElement.css("marginRight"),
+				marginBottom: this.originalElement.css("marginBottom")
+			});
+			this.originalElement.css({
+				marginLeft: 0,
+				marginTop: 0,
+				marginRight: 0,
+				marginBottom: 0
+			});
+			// support: Safari
+			// Prevent Safari textarea resize
+			this.originalResizeStyle = this.originalElement.css("resize");
+			this.originalElement.css("resize", "none");
+
+			this._proportionallyResizeElements.push( this.originalElement.css({
+				position: "static",
+				zoom: 1,
+				display: "block"
+			}) );
+
+			// support: IE9
+			// avoid IE jump (hard set the margin)
+			this.originalElement.css({ margin: this.originalElement.css("margin") });
+
+			this._proportionallyResize();
+		}
+
+		this.handles = o.handles ||
+			( !$(".ui-resizable-handle", this.element).length ?
+				"e,s,se" : {
+					n: ".ui-resizable-n",
+					e: ".ui-resizable-e",
+					s: ".ui-resizable-s",
+					w: ".ui-resizable-w",
+					se: ".ui-resizable-se",
+					sw: ".ui-resizable-sw",
+					ne: ".ui-resizable-ne",
+					nw: ".ui-resizable-nw"
+				} );
+
+		if (this.handles.constructor === String) {
+
+			if ( this.handles === "all") {
+				this.handles = "n,e,s,w,se,sw,ne,nw";
+			}
+
+			n = this.handles.split(",");
+			this.handles = {};
+
+			for (i = 0; i < n.length; i++) {
+
+				handle = $.trim(n[i]);
+				hname = "ui-resizable-" + handle;
+				axis = $("<div class='ui-resizable-handle " + hname + "'></div>");
+
+				axis.css({ zIndex: o.zIndex });
+
+				// TODO : What's going on here?
+				if ("se" === handle) {
+					axis.addClass("ui-icon ui-icon-gripsmall-diagonal-se");
+				}
+
+				this.handles[handle] = ".ui-resizable-" + handle;
+				this.element.append(axis);
+			}
+
+		}
+
+		this._renderAxis = function(target) {
+
+			var i, axis, padPos, padWrapper;
+
+			target = target || this.element;
+
+			for (i in this.handles) {
+
+				if (this.handles[i].constructor === String) {
+					this.handles[i] = this.element.children( this.handles[ i ] ).first().show();
+				}
+
+				if (this.elementIsWrapper && this.originalElement[0].nodeName.match(/textarea|input|select|button/i)) {
+
+					axis = $(this.handles[i], this.element);
+
+					padWrapper = /sw|ne|nw|se|n|s/.test(i) ? axis.outerHeight() : axis.outerWidth();
+
+					padPos = [ "padding",
+						/ne|nw|n/.test(i) ? "Top" :
+						/se|sw|s/.test(i) ? "Bottom" :
+						/^e$/.test(i) ? "Right" : "Left" ].join("");
+
+					target.css(padPos, padWrapper);
+
+					this._proportionallyResize();
+
+				}
+
+				// TODO: What's that good for? There's not anything to be executed left
+				if (!$(this.handles[i]).length) {
+					continue;
+				}
+			}
+		};
+
+		// TODO: make renderAxis a prototype function
+		this._renderAxis(this.element);
+
+		this._handles = $(".ui-resizable-handle", this.element)
+			.disableSelection();
+
+		this._handles.mouseover(function() {
+			if (!that.resizing) {
+				if (this.className) {
+					axis = this.className.match(/ui-resizable-(se|sw|ne|nw|n|e|s|w)/i);
+				}
+				that.axis = axis && axis[1] ? axis[1] : "se";
+			}
+		});
+
+		if (o.autoHide) {
+			this._handles.hide();
+			$(this.element)
+				.addClass("ui-resizable-autohide")
+				.mouseenter(function() {
+					if (o.disabled) {
+						return;
+					}
+					$(this).removeClass("ui-resizable-autohide");
+					that._handles.show();
+				})
+				.mouseleave(function() {
+					if (o.disabled) {
+						return;
+					}
+					if (!that.resizing) {
+						$(this).addClass("ui-resizable-autohide");
+						that._handles.hide();
+					}
+				});
+		}
+
+		this._mouseInit();
+
+	},
+
+	_destroy: function() {
+
+		this._mouseDestroy();
+
+		var wrapper,
+			_destroy = function(exp) {
+				$(exp)
+					.removeClass("ui-resizable ui-resizable-disabled ui-resizable-resizing")
+					.removeData("resizable")
+					.removeData("ui-resizable")
+					.unbind(".resizable")
+					.find(".ui-resizable-handle")
+						.remove();
+			};
+
+		// TODO: Unwrap at same DOM position
+		if (this.elementIsWrapper) {
+			_destroy(this.element);
+			wrapper = this.element;
+			this.originalElement.css({
+				position: wrapper.css("position"),
+				width: wrapper.outerWidth(),
+				height: wrapper.outerHeight(),
+				top: wrapper.css("top"),
+				left: wrapper.css("left")
+			}).insertAfter( wrapper );
+			wrapper.remove();
+		}
+
+		this.originalElement.css("resize", this.originalResizeStyle);
+		_destroy(this.originalElement);
+
+		return this;
+	},
+
+	_mouseCapture: function(event) {
+		var i, handle,
+			capture = false;
+
+		for (i in this.handles) {
+			handle = $(this.handles[i])[0];
+			if (handle === event.target || $.contains(handle, event.target)) {
+				capture = true;
+			}
+		}
+
+		return !this.options.disabled && capture;
+	},
+
+	_mouseStart: function(event) {
+
+		var curleft, curtop, cursor,
+			o = this.options,
+			el = this.element;
+
+		this.resizing = true;
+
+		this._renderProxy();
+
+		curleft = this._num(this.helper.css("left"));
+		curtop = this._num(this.helper.css("top"));
+
+		if (o.containment) {
+			curleft += $(o.containment).scrollLeft() || 0;
+			curtop += $(o.containment).scrollTop() || 0;
+		}
+
+		this.offset = this.helper.offset();
+		this.position = { left: curleft, top: curtop };
+
+		this.size = this._helper ? {
+				width: this.helper.width(),
+				height: this.helper.height()
+			} : {
+				width: el.width(),
+				height: el.height()
+			};
+
+		this.originalSize = this._helper ? {
+				width: el.outerWidth(),
+				height: el.outerHeight()
+			} : {
+				width: el.width(),
+				height: el.height()
+			};
+
+		this.sizeDiff = {
+			width: el.outerWidth() - el.width(),
+			height: el.outerHeight() - el.height()
+		};
+
+		this.originalPosition = { left: curleft, top: curtop };
+		this.originalMousePosition = { left: event.pageX, top: event.pageY };
+
+		this.aspectRatio = (typeof o.aspectRatio === "number") ?
+			o.aspectRatio :
+			((this.originalSize.width / this.originalSize.height) || 1);
+
+		cursor = $(".ui-resizable-" + this.axis).css("cursor");
+		$("body").css("cursor", cursor === "auto" ? this.axis + "-resize" : cursor);
+
+		el.addClass("ui-resizable-resizing");
+		this._propagate("start", event);
+		return true;
+	},
+
+	_mouseDrag: function(event) {
+
+		var data, props,
+			smp = this.originalMousePosition,
+			a = this.axis,
+			dx = (event.pageX - smp.left) || 0,
+			dy = (event.pageY - smp.top) || 0,
+			trigger = this._change[a];
+
+		this._updatePrevProperties();
+
+		if (!trigger) {
+			return false;
+		}
+
+		data = trigger.apply(this, [ event, dx, dy ]);
+
+		this._updateVirtualBoundaries(event.shiftKey);
+		if (this._aspectRatio || event.shiftKey) {
+			data = this._updateRatio(data, event);
+		}
+
+		data = this._respectSize(data, event);
+
+		this._updateCache(data);
+
+		this._propagate("resize", event);
+
+		props = this._applyChanges();
+
+		if ( !this._helper && this._proportionallyResizeElements.length ) {
+			this._proportionallyResize();
+		}
+
+		if ( !$.isEmptyObject( props ) ) {
+			this._updatePrevProperties();
+			this._trigger( "resize", event, this.ui() );
+			this._applyChanges();
+		}
+
+		return false;
+	},
+
+	_mouseStop: function(event) {
+
+		this.resizing = false;
+		var pr, ista, soffseth, soffsetw, s, left, top,
+			o = this.options, that = this;
+
+		if (this._helper) {
+
+			pr = this._proportionallyResizeElements;
+			ista = pr.length && (/textarea/i).test(pr[0].nodeName);
+			soffseth = ista && this._hasScroll(pr[0], "left") ? 0 : that.sizeDiff.height;
+			soffsetw = ista ? 0 : that.sizeDiff.width;
+
+			s = {
+				width: (that.helper.width()  - soffsetw),
+				height: (that.helper.height() - soffseth)
+			};
+			left = (parseInt(that.element.css("left"), 10) +
+				(that.position.left - that.originalPosition.left)) || null;
+			top = (parseInt(that.element.css("top"), 10) +
+				(that.position.top - that.originalPosition.top)) || null;
+
+			if (!o.animate) {
+				this.element.css($.extend(s, { top: top, left: left }));
+			}
+
+			that.helper.height(that.size.height);
+			that.helper.width(that.size.width);
+
+			if (this._helper && !o.animate) {
+				this._proportionallyResize();
+			}
+		}
+
+		$("body").css("cursor", "auto");
+
+		this.element.removeClass("ui-resizable-resizing");
+
+		this._propagate("stop", event);
+
+		if (this._helper) {
+			this.helper.remove();
+		}
+
+		return false;
+
+	},
+
+	_updatePrevProperties: function() {
+		this.prevPosition = {
+			top: this.position.top,
+			left: this.position.left
+		};
+		this.prevSize = {
+			width: this.size.width,
+			height: this.size.height
+		};
+	},
+
+	_applyChanges: function() {
+		var props = {};
+
+		if ( this.position.top !== this.prevPosition.top ) {
+			props.top = this.position.top + "px";
+		}
+		if ( this.position.left !== this.prevPosition.left ) {
+			props.left = this.position.left + "px";
+		}
+		if ( this.size.width !== this.prevSize.width ) {
+			props.width = this.size.width + "px";
+		}
+		if ( this.size.height !== this.prevSize.height ) {
+			props.height = this.size.height + "px";
+		}
+
+		this.helper.css( props );
+
+		return props;
+	},
+
+	_updateVirtualBoundaries: function(forceAspectRatio) {
+		var pMinWidth, pMaxWidth, pMinHeight, pMaxHeight, b,
+			o = this.options;
+
+		b = {
+			minWidth: this._isNumber(o.minWidth) ? o.minWidth : 0,
+			maxWidth: this._isNumber(o.maxWidth) ? o.maxWidth : Infinity,
+			minHeight: this._isNumber(o.minHeight) ? o.minHeight : 0,
+			maxHeight: this._isNumber(o.maxHeight) ? o.maxHeight : Infinity
+		};
+
+		if (this._aspectRatio || forceAspectRatio) {
+			pMinWidth = b.minHeight * this.aspectRatio;
+			pMinHeight = b.minWidth / this.aspectRatio;
+			pMaxWidth = b.maxHeight * this.aspectRatio;
+			pMaxHeight = b.maxWidth / this.aspectRatio;
+
+			if (pMinWidth > b.minWidth) {
+				b.minWidth = pMinWidth;
+			}
+			if (pMinHeight > b.minHeight) {
+				b.minHeight = pMinHeight;
+			}
+			if (pMaxWidth < b.maxWidth) {
+				b.maxWidth = pMaxWidth;
+			}
+			if (pMaxHeight < b.maxHeight) {
+				b.maxHeight = pMaxHeight;
+			}
+		}
+		this._vBoundaries = b;
+	},
+
+	_updateCache: function(data) {
+		this.offset = this.helper.offset();
+		if (this._isNumber(data.left)) {
+			this.position.left = data.left;
+		}
+		if (this._isNumber(data.top)) {
+			this.position.top = data.top;
+		}
+		if (this._isNumber(data.height)) {
+			this.size.height = data.height;
+		}
+		if (this._isNumber(data.width)) {
+			this.size.width = data.width;
+		}
+	},
+
+	_updateRatio: function( data ) {
+
+		var cpos = this.position,
+			csize = this.size,
+			a = this.axis;
+
+		if (this._isNumber(data.height)) {
+			data.width = (data.height * this.aspectRatio);
+		} else if (this._isNumber(data.width)) {
+			data.height = (data.width / this.aspectRatio);
+		}
+
+		if (a === "sw") {
+			data.left = cpos.left + (csize.width - data.width);
+			data.top = null;
+		}
+		if (a === "nw") {
+			data.top = cpos.top + (csize.height - data.height);
+			data.left = cpos.left + (csize.width - data.width);
+		}
+
+		return data;
+	},
+
+	_respectSize: function( data ) {
+
+		var o = this._vBoundaries,
+			a = this.axis,
+			ismaxw = this._isNumber(data.width) && o.maxWidth && (o.maxWidth < data.width),
+			ismaxh = this._isNumber(data.height) && o.maxHeight && (o.maxHeight < data.height),
+			isminw = this._isNumber(data.width) && o.minWidth && (o.minWidth > data.width),
+			isminh = this._isNumber(data.height) && o.minHeight && (o.minHeight > data.height),
+			dw = this.originalPosition.left + this.originalSize.width,
+			dh = this.position.top + this.size.height,
+			cw = /sw|nw|w/.test(a), ch = /nw|ne|n/.test(a);
+		if (isminw) {
+			data.width = o.minWidth;
+		}
+		if (isminh) {
+			data.height = o.minHeight;
+		}
+		if (ismaxw) {
+			data.width = o.maxWidth;
+		}
+		if (ismaxh) {
+			data.height = o.maxHeight;
+		}
+
+		if (isminw && cw) {
+			data.left = dw - o.minWidth;
+		}
+		if (ismaxw && cw) {
+			data.left = dw - o.maxWidth;
+		}
+		if (isminh && ch) {
+			data.top = dh - o.minHeight;
+		}
+		if (ismaxh && ch) {
+			data.top = dh - o.maxHeight;
+		}
+
+		// Fixing jump error on top/left - bug #2330
+		if (!data.width && !data.height && !data.left && data.top) {
+			data.top = null;
+		} else if (!data.width && !data.height && !data.top && data.left) {
+			data.left = null;
+		}
+
+		return data;
+	},
+
+	_getPaddingPlusBorderDimensions: function( element ) {
+		var i = 0,
+			widths = [],
+			borders = [
+				element.css( "borderTopWidth" ),
+				element.css( "borderRightWidth" ),
+				element.css( "borderBottomWidth" ),
+				element.css( "borderLeftWidth" )
+			],
+			paddings = [
+				element.css( "paddingTop" ),
+				element.css( "paddingRight" ),
+				element.css( "paddingBottom" ),
+				element.css( "paddingLeft" )
+			];
+
+		for ( ; i < 4; i++ ) {
+			widths[ i ] = ( parseInt( borders[ i ], 10 ) || 0 );
+			widths[ i ] += ( parseInt( paddings[ i ], 10 ) || 0 );
+		}
+
+		return {
+			height: widths[ 0 ] + widths[ 2 ],
+			width: widths[ 1 ] + widths[ 3 ]
+		};
+	},
+
+	_proportionallyResize: function() {
+
+		if (!this._proportionallyResizeElements.length) {
+			return;
+		}
+
+		var prel,
+			i = 0,
+			element = this.helper || this.element;
+
+		for ( ; i < this._proportionallyResizeElements.length; i++) {
+
+			prel = this._proportionallyResizeElements[i];
+
+			// TODO: Seems like a bug to cache this.outerDimensions
+			// considering that we are in a loop.
+			if (!this.outerDimensions) {
+				this.outerDimensions = this._getPaddingPlusBorderDimensions( prel );
+			}
+
+			prel.css({
+				height: (element.height() - this.outerDimensions.height) || 0,
+				width: (element.width() - this.outerDimensions.width) || 0
+			});
+
+		}
+
+	},
+
+	_renderProxy: function() {
+
+		var el = this.element, o = this.options;
+		this.elementOffset = el.offset();
+
+		if (this._helper) {
+
+			this.helper = this.helper || $("<div style='overflow:hidden;'></div>");
+
+			this.helper.addClass(this._helper).css({
+				width: this.element.outerWidth() - 1,
+				height: this.element.outerHeight() - 1,
+				position: "absolute",
+				left: this.elementOffset.left + "px",
+				top: this.elementOffset.top + "px",
+				zIndex: ++o.zIndex //TODO: Don't modify option
+			});
+
+			this.helper
+				.appendTo("body")
+				.disableSelection();
+
+		} else {
+			this.helper = this.element;
+		}
+
+	},
+
+	_change: {
+		e: function(event, dx) {
+			return { width: this.originalSize.width + dx };
+		},
+		w: function(event, dx) {
+			var cs = this.originalSize, sp = this.originalPosition;
+			return { left: sp.left + dx, width: cs.width - dx };
+		},
+		n: function(event, dx, dy) {
+			var cs = this.originalSize, sp = this.originalPosition;
+			return { top: sp.top + dy, height: cs.height - dy };
+		},
+		s: function(event, dx, dy) {
+			return { height: this.originalSize.height + dy };
+		},
+		se: function(event, dx, dy) {
+			return $.extend(this._change.s.apply(this, arguments),
+				this._change.e.apply(this, [ event, dx, dy ]));
+		},
+		sw: function(event, dx, dy) {
+			return $.extend(this._change.s.apply(this, arguments),
+				this._change.w.apply(this, [ event, dx, dy ]));
+		},
+		ne: function(event, dx, dy) {
+			return $.extend(this._change.n.apply(this, arguments),
+				this._change.e.apply(this, [ event, dx, dy ]));
+		},
+		nw: function(event, dx, dy) {
+			return $.extend(this._change.n.apply(this, arguments),
+				this._change.w.apply(this, [ event, dx, dy ]));
+		}
+	},
+
+	_propagate: function(n, event) {
+		$.ui.plugin.call(this, n, [ event, this.ui() ]);
+		(n !== "resize" && this._trigger(n, event, this.ui()));
+	},
+
+	plugins: {},
+
+	ui: function() {
+		return {
+			originalElement: this.originalElement,
+			element: this.element,
+			helper: this.helper,
+			position: this.position,
+			size: this.size,
+			originalSize: this.originalSize,
+			originalPosition: this.originalPosition
+		};
+	}
+
+});
+
+/*
+ * Resizable Extensions
+ */
+
+$.ui.plugin.add("resizable", "animate", {
+
+	stop: function( event ) {
+		var that = $(this).resizable( "instance" ),
+			o = that.options,
+			pr = that._proportionallyResizeElements,
+			ista = pr.length && (/textarea/i).test(pr[0].nodeName),
+			soffseth = ista && that._hasScroll(pr[0], "left") ? 0 : that.sizeDiff.height,
+			soffsetw = ista ? 0 : that.sizeDiff.width,
+			style = { width: (that.size.width - soffsetw), height: (that.size.height - soffseth) },
+			left = (parseInt(that.element.css("left"), 10) +
+				(that.position.left - that.originalPosition.left)) || null,
+			top = (parseInt(that.element.css("top"), 10) +
+				(that.position.top - that.originalPosition.top)) || null;
+
+		that.element.animate(
+			$.extend(style, top && left ? { top: top, left: left } : {}), {
+				duration: o.animateDuration,
+				easing: o.animateEasing,
+				step: function() {
+
+					var data = {
+						width: parseInt(that.element.css("width"), 10),
+						height: parseInt(that.element.css("height"), 10),
+						top: parseInt(that.element.css("top"), 10),
+						left: parseInt(that.element.css("left"), 10)
+					};
+
+					if (pr && pr.length) {
+						$(pr[0]).css({ width: data.width, height: data.height });
+					}
+
+					// propagating resize, and updating values for each animation step
+					that._updateCache(data);
+					that._propagate("resize", event);
+
+				}
+			}
+		);
+	}
+
+});
+
+$.ui.plugin.add( "resizable", "containment", {
+
+	start: function() {
+		var element, p, co, ch, cw, width, height,
+			that = $( this ).resizable( "instance" ),
+			o = that.options,
+			el = that.element,
+			oc = o.containment,
+			ce = ( oc instanceof $ ) ? oc.get( 0 ) : ( /parent/.test( oc ) ) ? el.parent().get( 0 ) : oc;
+
+		if ( !ce ) {
+			return;
+		}
+
+		that.containerElement = $( ce );
+
+		if ( /document/.test( oc ) || oc === document ) {
+			that.containerOffset = {
+				left: 0,
+				top: 0
+			};
+			that.containerPosition = {
+				left: 0,
+				top: 0
+			};
+
+			that.parentData = {
+				element: $( document ),
+				left: 0,
+				top: 0,
+				width: $( document ).width(),
+				height: $( document ).height() || document.body.parentNode.scrollHeight
+			};
+		} else {
+			element = $( ce );
+			p = [];
+			$([ "Top", "Right", "Left", "Bottom" ]).each(function( i, name ) {
+				p[ i ] = that._num( element.css( "padding" + name ) );
+			});
+
+			that.containerOffset = element.offset();
+			that.containerPosition = element.position();
+			that.containerSize = {
+				height: ( element.innerHeight() - p[ 3 ] ),
+				width: ( element.innerWidth() - p[ 1 ] )
+			};
+
+			co = that.containerOffset;
+			ch = that.containerSize.height;
+			cw = that.containerSize.width;
+			width = ( that._hasScroll ( ce, "left" ) ? ce.scrollWidth : cw );
+			height = ( that._hasScroll ( ce ) ? ce.scrollHeight : ch ) ;
+
+			that.parentData = {
+				element: ce,
+				left: co.left,
+				top: co.top,
+				width: width,
+				height: height
+			};
+		}
+	},
+
+	resize: function( event ) {
+		var woset, hoset, isParent, isOffsetRelative,
+			that = $( this ).resizable( "instance" ),
+			o = that.options,
+			co = that.containerOffset,
+			cp = that.position,
+			pRatio = that._aspectRatio || event.shiftKey,
+			cop = {
+				top: 0,
+				left: 0
+			},
+			ce = that.containerElement,
+			continueResize = true;
+
+		if ( ce[ 0 ] !== document && ( /static/ ).test( ce.css( "position" ) ) ) {
+			cop = co;
+		}
+
+		if ( cp.left < ( that._helper ? co.left : 0 ) ) {
+			that.size.width = that.size.width +
+				( that._helper ?
+					( that.position.left - co.left ) :
+					( that.position.left - cop.left ) );
+
+			if ( pRatio ) {
+				that.size.height = that.size.width / that.aspectRatio;
+				continueResize = false;
+			}
+			that.position.left = o.helper ? co.left : 0;
+		}
+
+		if ( cp.top < ( that._helper ? co.top : 0 ) ) {
+			that.size.height = that.size.height +
+				( that._helper ?
+					( that.position.top - co.top ) :
+					that.position.top );
+
+			if ( pRatio ) {
+				that.size.width = that.size.height * that.aspectRatio;
+				continueResize = false;
+			}
+			that.position.top = that._helper ? co.top : 0;
+		}
+
+		isParent = that.containerElement.get( 0 ) === that.element.parent().get( 0 );
+		isOffsetRelative = /relative|absolute/.test( that.containerElement.css( "position" ) );
+
+		if ( isParent && isOffsetRelative ) {
+			that.offset.left = that.parentData.left + that.position.left;
+			that.offset.top = that.parentData.top + that.position.top;
+		} else {
+			that.offset.left = that.element.offset().left;
+			that.offset.top = that.element.offset().top;
+		}
+
+		woset = Math.abs( that.sizeDiff.width +
+			(that._helper ?
+				that.offset.left - cop.left :
+				(that.offset.left - co.left)) );
+
+		hoset = Math.abs( that.sizeDiff.height +
+			(that._helper ?
+				that.offset.top - cop.top :
+				(that.offset.top - co.top)) );
+
+		if ( woset + that.size.width >= that.parentData.width ) {
+			that.size.width = that.parentData.width - woset;
+			if ( pRatio ) {
+				that.size.height = that.size.width / that.aspectRatio;
+				continueResize = false;
+			}
+		}
+
+		if ( hoset + that.size.height >= that.parentData.height ) {
+			that.size.height = that.parentData.height - hoset;
+			if ( pRatio ) {
+				that.size.width = that.size.height * that.aspectRatio;
+				continueResize = false;
+			}
+		}
+
+		if ( !continueResize ){
+			that.position.left = that.prevPosition.left;
+			that.position.top = that.prevPosition.top;
+			that.size.width = that.prevSize.width;
+			that.size.height = that.prevSize.height;
+		}
+	},
+
+	stop: function() {
+		var that = $( this ).resizable( "instance" ),
+			o = that.options,
+			co = that.containerOffset,
+			cop = that.containerPosition,
+			ce = that.containerElement,
+			helper = $( that.helper ),
+			ho = helper.offset(),
+			w = helper.outerWidth() - that.sizeDiff.width,
+			h = helper.outerHeight() - that.sizeDiff.height;
+
+		if ( that._helper && !o.animate && ( /relative/ ).test( ce.css( "position" ) ) ) {
+			$( this ).css({
+				left: ho.left - cop.left - co.left,
+				width: w,
+				height: h
+			});
+		}
+
+		if ( that._helper && !o.animate && ( /static/ ).test( ce.css( "position" ) ) ) {
+			$( this ).css({
+				left: ho.left - cop.left - co.left,
+				width: w,
+				height: h
+			});
+		}
+	}
+});
+
+$.ui.plugin.add("resizable", "alsoResize", {
+
+	start: function() {
+		var that = $(this).resizable( "instance" ),
+			o = that.options,
+			_store = function(exp) {
+				$(exp).each(function() {
+					var el = $(this);
+					el.data("ui-resizable-alsoresize", {
+						width: parseInt(el.width(), 10), height: parseInt(el.height(), 10),
+						left: parseInt(el.css("left"), 10), top: parseInt(el.css("top"), 10)
+					});
+				});
+			};
+
+		if (typeof(o.alsoResize) === "object" && !o.alsoResize.parentNode) {
+			if (o.alsoResize.length) {
+				o.alsoResize = o.alsoResize[0];
+				_store(o.alsoResize);
+			} else {
+				$.each(o.alsoResize, function(exp) {
+					_store(exp);
+				});
+			}
+		} else {
+			_store(o.alsoResize);
+		}
+	},
+
+	resize: function(event, ui) {
+		var that = $(this).resizable( "instance" ),
+			o = that.options,
+			os = that.originalSize,
+			op = that.originalPosition,
+			delta = {
+				height: (that.size.height - os.height) || 0,
+				width: (that.size.width - os.width) || 0,
+				top: (that.position.top - op.top) || 0,
+				left: (that.position.left - op.left) || 0
+			},
+
+			_alsoResize = function(exp, c) {
+				$(exp).each(function() {
+					var el = $(this), start = $(this).data("ui-resizable-alsoresize"), style = {},
+						css = c && c.length ?
+							c :
+							el.parents(ui.originalElement[0]).length ?
+								[ "width", "height" ] :
+								[ "width", "height", "top", "left" ];
+
+					$.each(css, function(i, prop) {
+						var sum = (start[prop] || 0) + (delta[prop] || 0);
+						if (sum && sum >= 0) {
+							style[prop] = sum || null;
+						}
+					});
+
+					el.css(style);
+				});
+			};
+
+		if (typeof(o.alsoResize) === "object" && !o.alsoResize.nodeType) {
+			$.each(o.alsoResize, function(exp, c) {
+				_alsoResize(exp, c);
+			});
+		} else {
+			_alsoResize(o.alsoResize);
+		}
+	},
+
+	stop: function() {
+		$(this).removeData("resizable-alsoresize");
+	}
+});
+
+$.ui.plugin.add("resizable", "ghost", {
+
+	start: function() {
+
+		var that = $(this).resizable( "instance" ), o = that.options, cs = that.size;
+
+		that.ghost = that.originalElement.clone();
+		that.ghost
+			.css({
+				opacity: 0.25,
+				display: "block",
+				position: "relative",
+				height: cs.height,
+				width: cs.width,
+				margin: 0,
+				left: 0,
+				top: 0
+			})
+			.addClass("ui-resizable-ghost")
+			.addClass(typeof o.ghost === "string" ? o.ghost : "");
+
+		that.ghost.appendTo(that.helper);
+
+	},
+
+	resize: function() {
+		var that = $(this).resizable( "instance" );
+		if (that.ghost) {
+			that.ghost.css({
+				position: "relative",
+				height: that.size.height,
+				width: that.size.width
+			});
+		}
+	},
+
+	stop: function() {
+		var that = $(this).resizable( "instance" );
+		if (that.ghost && that.helper) {
+			that.helper.get(0).removeChild(that.ghost.get(0));
+		}
+	}
+
+});
+
+$.ui.plugin.add("resizable", "grid", {
+
+	resize: function() {
+		var outerDimensions,
+			that = $(this).resizable( "instance" ),
+			o = that.options,
+			cs = that.size,
+			os = that.originalSize,
+			op = that.originalPosition,
+			a = that.axis,
+			grid = typeof o.grid === "number" ? [ o.grid, o.grid ] : o.grid,
+			gridX = (grid[0] || 1),
+			gridY = (grid[1] || 1),
+			ox = Math.round((cs.width - os.width) / gridX) * gridX,
+			oy = Math.round((cs.height - os.height) / gridY) * gridY,
+			newWidth = os.width + ox,
+			newHeight = os.height + oy,
+			isMaxWidth = o.maxWidth && (o.maxWidth < newWidth),
+			isMaxHeight = o.maxHeight && (o.maxHeight < newHeight),
+			isMinWidth = o.minWidth && (o.minWidth > newWidth),
+			isMinHeight = o.minHeight && (o.minHeight > newHeight);
+
+		o.grid = grid;
+
+		if (isMinWidth) {
+			newWidth += gridX;
+		}
+		if (isMinHeight) {
+			newHeight += gridY;
+		}
+		if (isMaxWidth) {
+			newWidth -= gridX;
+		}
+		if (isMaxHeight) {
+			newHeight -= gridY;
+		}
+
+		if (/^(se|s|e)$/.test(a)) {
+			that.size.width = newWidth;
+			that.size.height = newHeight;
+		} else if (/^(ne)$/.test(a)) {
+			that.size.width = newWidth;
+			that.size.height = newHeight;
+			that.position.top = op.top - oy;
+		} else if (/^(sw)$/.test(a)) {
+			that.size.width = newWidth;
+			that.size.height = newHeight;
+			that.position.left = op.left - ox;
+		} else {
+			if ( newHeight - gridY <= 0 || newWidth - gridX <= 0) {
+				outerDimensions = that._getPaddingPlusBorderDimensions( this );
+			}
+
+			if ( newHeight - gridY > 0 ) {
+				that.size.height = newHeight;
+				that.position.top = op.top - oy;
+			} else {
+				newHeight = gridY - outerDimensions.height;
+				that.size.height = newHeight;
+				that.position.top = op.top + os.height - newHeight;
+			}
+			if ( newWidth - gridX > 0 ) {
+				that.size.width = newWidth;
+				that.position.left = op.left - ox;
+			} else {
+				newWidth = gridY - outerDimensions.height;
+				that.size.width = newWidth;
+				that.position.left = op.left + os.width - newWidth;
+			}
+		}
+	}
+
+});
+
+var resizable = $.ui.resizable;
+
+
+/*!
+ * jQuery UI Selectable 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/selectable/
+ */
+
+
+var selectable = $.widget("ui.selectable", $.ui.mouse, {
+	version: "1.11.2",
+	options: {
+		appendTo: "body",
+		autoRefresh: true,
+		distance: 0,
+		filter: "*",
+		tolerance: "touch",
+
+		// callbacks
+		selected: null,
+		selecting: null,
+		start: null,
+		stop: null,
+		unselected: null,
+		unselecting: null
+	},
+	_create: function() {
+		var selectees,
+			that = this;
+
+		this.element.addClass("ui-selectable");
+
+		this.dragged = false;
+
+		// cache selectee children based on filter
+		this.refresh = function() {
+			selectees = $(that.options.filter, that.element[0]);
+			selectees.addClass("ui-selectee");
+			selectees.each(function() {
+				var $this = $(this),
+					pos = $this.offset();
+				$.data(this, "selectable-item", {
+					element: this,
+					$element: $this,
+					left: pos.left,
+					top: pos.top,
+					right: pos.left + $this.outerWidth(),
+					bottom: pos.top + $this.outerHeight(),
+					startselected: false,
+					selected: $this.hasClass("ui-selected"),
+					selecting: $this.hasClass("ui-selecting"),
+					unselecting: $this.hasClass("ui-unselecting")
+				});
+			});
+		};
+		this.refresh();
+
+		this.selectees = selectees.addClass("ui-selectee");
+
+		this._mouseInit();
+
+		this.helper = $("<div class='ui-selectable-helper'></div>");
+	},
+
+	_destroy: function() {
+		this.selectees
+			.removeClass("ui-selectee")
+			.removeData("selectable-item");
+		this.element
+			.removeClass("ui-selectable ui-selectable-disabled");
+		this._mouseDestroy();
+	},
+
+	_mouseStart: function(event) {
+		var that = this,
+			options = this.options;
+
+		this.opos = [ event.pageX, event.pageY ];
+
+		if (this.options.disabled) {
+			return;
+		}
+
+		this.selectees = $(options.filter, this.element[0]);
+
+		this._trigger("start", event);
+
+		$(options.appendTo).append(this.helper);
+		// position helper (lasso)
+		this.helper.css({
+			"left": event.pageX,
+			"top": event.pageY,
+			"width": 0,
+			"height": 0
+		});
+
+		if (options.autoRefresh) {
+			this.refresh();
+		}
+
+		this.selectees.filter(".ui-selected").each(function() {
+			var selectee = $.data(this, "selectable-item");
+			selectee.startselected = true;
+			if (!event.metaKey && !event.ctrlKey) {
+				selectee.$element.removeClass("ui-selected");
+				selectee.selected = false;
+				selectee.$element.addClass("ui-unselecting");
+				selectee.unselecting = true;
+				// selectable UNSELECTING callback
+				that._trigger("unselecting", event, {
+					unselecting: selectee.element
+				});
+			}
+		});
+
+		$(event.target).parents().addBack().each(function() {
+			var doSelect,
+				selectee = $.data(this, "selectable-item");
+			if (selectee) {
+				doSelect = (!event.metaKey && !event.ctrlKey) || !selectee.$element.hasClass("ui-selected");
+				selectee.$element
+					.removeClass(doSelect ? "ui-unselecting" : "ui-selected")
+					.addClass(doSelect ? "ui-selecting" : "ui-unselecting");
+				selectee.unselecting = !doSelect;
+				selectee.selecting = doSelect;
+				selectee.selected = doSelect;
+				// selectable (UN)SELECTING callback
+				if (doSelect) {
+					that._trigger("selecting", event, {
+						selecting: selectee.element
+					});
+				} else {
+					that._trigger("unselecting", event, {
+						unselecting: selectee.element
+					});
+				}
+				return false;
+			}
+		});
+
+	},
+
+	_mouseDrag: function(event) {
+
+		this.dragged = true;
+
+		if (this.options.disabled) {
+			return;
+		}
+
+		var tmp,
+			that = this,
+			options = this.options,
+			x1 = this.opos[0],
+			y1 = this.opos[1],
+			x2 = event.pageX,
+			y2 = event.pageY;
+
+		if (x1 > x2) { tmp = x2; x2 = x1; x1 = tmp; }
+		if (y1 > y2) { tmp = y2; y2 = y1; y1 = tmp; }
+		this.helper.css({ left: x1, top: y1, width: x2 - x1, height: y2 - y1 });
+
+		this.selectees.each(function() {
+			var selectee = $.data(this, "selectable-item"),
+				hit = false;
+
+			//prevent helper from being selected if appendTo: selectable
+			if (!selectee || selectee.element === that.element[0]) {
+				return;
+			}
+
+			if (options.tolerance === "touch") {
+				hit = ( !(selectee.left > x2 || selectee.right < x1 || selectee.top > y2 || selectee.bottom < y1) );
+			} else if (options.tolerance === "fit") {
+				hit = (selectee.left > x1 && selectee.right < x2 && selectee.top > y1 && selectee.bottom < y2);
+			}
+
+			if (hit) {
+				// SELECT
+				if (selectee.selected) {
+					selectee.$element.removeClass("ui-selected");
+					selectee.selected = false;
+				}
+				if (selectee.unselecting) {
+					selectee.$element.removeClass("ui-unselecting");
+					selectee.unselecting = false;
+				}
+				if (!selectee.selecting) {
+					selectee.$element.addClass("ui-selecting");
+					selectee.selecting = true;
+					// selectable SELECTING callback
+					that._trigger("selecting", event, {
+						selecting: selectee.element
+					});
+				}
+			} else {
+				// UNSELECT
+				if (selectee.selecting) {
+					if ((event.metaKey || event.ctrlKey) && selectee.startselected) {
+						selectee.$element.removeClass("ui-selecting");
+						selectee.selecting = false;
+						selectee.$element.addClass("ui-selected");
+						selectee.selected = true;
+					} else {
+						selectee.$element.removeClass("ui-selecting");
+						selectee.selecting = false;
+						if (selectee.startselected) {
+							selectee.$element.addClass("ui-unselecting");
+							selectee.unselecting = true;
+						}
+						// selectable UNSELECTING callback
+						that._trigger("unselecting", event, {
+							unselecting: selectee.element
+						});
+					}
+				}
+				if (selectee.selected) {
+					if (!event.metaKey && !event.ctrlKey && !selectee.startselected) {
+						selectee.$element.removeClass("ui-selected");
+						selectee.selected = false;
+
+						selectee.$element.addClass("ui-unselecting");
+						selectee.unselecting = true;
+						// selectable UNSELECTING callback
+						that._trigger("unselecting", event, {
+							unselecting: selectee.element
+						});
+					}
+				}
+			}
+		});
+
+		return false;
+	},
+
+	_mouseStop: function(event) {
+		var that = this;
+
+		this.dragged = false;
+
+		$(".ui-unselecting", this.element[0]).each(function() {
+			var selectee = $.data(this, "selectable-item");
+			selectee.$element.removeClass("ui-unselecting");
+			selectee.unselecting = false;
+			selectee.startselected = false;
+			that._trigger("unselected", event, {
+				unselected: selectee.element
+			});
+		});
+		$(".ui-selecting", this.element[0]).each(function() {
+			var selectee = $.data(this, "selectable-item");
+			selectee.$element.removeClass("ui-selecting").addClass("ui-selected");
+			selectee.selecting = false;
+			selectee.selected = true;
+			selectee.startselected = true;
+			that._trigger("selected", event, {
+				selected: selectee.element
+			});
+		});
+		this._trigger("stop", event);
+
+		this.helper.remove();
+
+		return false;
+	}
+
+});
+
+
+/*!
+ * jQuery UI Sortable 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/sortable/
+ */
+
+
+var sortable = $.widget("ui.sortable", $.ui.mouse, {
+	version: "1.11.2",
+	widgetEventPrefix: "sort",
+	ready: false,
+	options: {
+		appendTo: "parent",
+		axis: false,
+		connectWith: false,
+		containment: false,
+		cursor: "auto",
+		cursorAt: false,
+		dropOnEmpty: true,
+		forcePlaceholderSize: false,
+		forceHelperSize: false,
+		grid: false,
+		handle: false,
+		helper: "original",
+		items: "> *",
+		opacity: false,
+		placeholder: false,
+		revert: false,
+		scroll: true,
+		scrollSensitivity: 20,
+		scrollSpeed: 20,
+		scope: "default",
+		tolerance: "intersect",
+		zIndex: 1000,
+
+		// callbacks
+		activate: null,
+		beforeStop: null,
+		change: null,
+		deactivate: null,
+		out: null,
+		over: null,
+		receive: null,
+		remove: null,
+		sort: null,
+		start: null,
+		stop: null,
+		update: null
+	},
+
+	_isOverAxis: function( x, reference, size ) {
+		return ( x >= reference ) && ( x < ( reference + size ) );
+	},
+
+	_isFloating: function( item ) {
+		return (/left|right/).test(item.css("float")) || (/inline|table-cell/).test(item.css("display"));
+	},
+
+	_create: function() {
+
+		var o = this.options;
+		this.containerCache = {};
+		this.element.addClass("ui-sortable");
+
+		//Get the items
+		this.refresh();
+
+		//Let's determine if the items are being displayed horizontally
+		this.floating = this.items.length ? o.axis === "x" || this._isFloating(this.items[0].item) : false;
+
+		//Let's determine the parent's offset
+		this.offset = this.element.offset();
+
+		//Initialize mouse events for interaction
+		this._mouseInit();
+
+		this._setHandleClassName();
+
+		//We're ready to go
+		this.ready = true;
+
+	},
+
+	_setOption: function( key, value ) {
+		this._super( key, value );
+
+		if ( key === "handle" ) {
+			this._setHandleClassName();
+		}
+	},
+
+	_setHandleClassName: function() {
+		this.element.find( ".ui-sortable-handle" ).removeClass( "ui-sortable-handle" );
+		$.each( this.items, function() {
+			( this.instance.options.handle ?
+				this.item.find( this.instance.options.handle ) : this.item )
+				.addClass( "ui-sortable-handle" );
+		});
+	},
+
+	_destroy: function() {
+		this.element
+			.removeClass( "ui-sortable ui-sortable-disabled" )
+			.find( ".ui-sortable-handle" )
+				.removeClass( "ui-sortable-handle" );
+		this._mouseDestroy();
+
+		for ( var i = this.items.length - 1; i >= 0; i-- ) {
+			this.items[i].item.removeData(this.widgetName + "-item");
+		}
+
+		return this;
+	},
+
+	_mouseCapture: function(event, overrideHandle) {
+		var currentItem = null,
+			validHandle = false,
+			that = this;
+
+		if (this.reverting) {
+			return false;
+		}
+
+		if(this.options.disabled || this.options.type === "static") {
+			return false;
+		}
+
+		//We have to refresh the items data once first
+		this._refreshItems(event);
+
+		//Find out if the clicked node (or one of its parents) is a actual item in this.items
+		$(event.target).parents().each(function() {
+			if($.data(this, that.widgetName + "-item") === that) {
+				currentItem = $(this);
+				return false;
+			}
+		});
+		if($.data(event.target, that.widgetName + "-item") === that) {
+			currentItem = $(event.target);
+		}
+
+		if(!currentItem) {
+			return false;
+		}
+		if(this.options.handle && !overrideHandle) {
+			$(this.options.handle, currentItem).find("*").addBack().each(function() {
+				if(this === event.target) {
+					validHandle = true;
+				}
+			});
+			if(!validHandle) {
+				return false;
+			}
+		}
+
+		this.currentItem = currentItem;
+		this._removeCurrentsFromItems();
+		return true;
+
+	},
+
+	_mouseStart: function(event, overrideHandle, noActivation) {
+
+		var i, body,
+			o = this.options;
+
+		this.currentContainer = this;
+
+		//We only need to call refreshPositions, because the refreshItems call has been moved to mouseCapture
+		this.refreshPositions();
+
+		//Create and append the visible helper
+		this.helper = this._createHelper(event);
+
+		//Cache the helper size
+		this._cacheHelperProportions();
+
+		/*
+		 * - Position generation -
+		 * This block generates everything position related - it's the core of draggables.
+		 */
+
+		//Cache the margins of the original element
+		this._cacheMargins();
+
+		//Get the next scrolling parent
+		this.scrollParent = this.helper.scrollParent();
+
+		//The element's absolute position on the page minus margins
+		this.offset = this.currentItem.offset();
+		this.offset = {
+			top: this.offset.top - this.margins.top,
+			left: this.offset.left - this.margins.left
+		};
+
+		$.extend(this.offset, {
+			click: { //Where the click happened, relative to the element
+				left: event.pageX - this.offset.left,
+				top: event.pageY - this.offset.top
+			},
+			parent: this._getParentOffset(),
+			relative: this._getRelativeOffset() //This is a relative to absolute position minus the actual position calculation - only used for relative positioned helper
+		});
+
+		// Only after we got the offset, we can change the helper's position to absolute
+		// TODO: Still need to figure out a way to make relative sorting possible
+		this.helper.css("position", "absolute");
+		this.cssPosition = this.helper.css("position");
+
+		//Generate the original position
+		this.originalPosition = this._generatePosition(event);
+		this.originalPageX = event.pageX;
+		this.originalPageY = event.pageY;
+
+		//Adjust the mouse offset relative to the helper if "cursorAt" is supplied
+		(o.cursorAt && this._adjustOffsetFromHelper(o.cursorAt));
+
+		//Cache the former DOM position
+		this.domPosition = { prev: this.currentItem.prev()[0], parent: this.currentItem.parent()[0] };
+
+		//If the helper is not the original, hide the original so it's not playing any role during the drag, won't cause anything bad this way
+		if(this.helper[0] !== this.currentItem[0]) {
+			this.currentItem.hide();
+		}
+
+		//Create the placeholder
+		this._createPlaceholder();
+
+		//Set a containment if given in the options
+		if(o.containment) {
+			this._setContainment();
+		}
+
+		if( o.cursor && o.cursor !== "auto" ) { // cursor option
+			body = this.document.find( "body" );
+
+			// support: IE
+			this.storedCursor = body.css( "cursor" );
+			body.css( "cursor", o.cursor );
+
+			this.storedStylesheet = $( "<style>*{ cursor: "+o.cursor+" !important; }</style>" ).appendTo( body );
+		}
+
+		if(o.opacity) { // opacity option
+			if (this.helper.css("opacity")) {
+				this._storedOpacity = this.helper.css("opacity");
+			}
+			this.helper.css("opacity", o.opacity);
+		}
+
+		if(o.zIndex) { // zIndex option
+			if (this.helper.css("zIndex")) {
+				this._storedZIndex = this.helper.css("zIndex");
+			}
+			this.helper.css("zIndex", o.zIndex);
+		}
+
+		//Prepare scrolling
+		if(this.scrollParent[0] !== document && this.scrollParent[0].tagName !== "HTML") {
+			this.overflowOffset = this.scrollParent.offset();
+		}
+
+		//Call callbacks
+		this._trigger("start", event, this._uiHash());
+
+		//Recache the helper size
+		if(!this._preserveHelperProportions) {
+			this._cacheHelperProportions();
+		}
+
+
+		//Post "activate" events to possible containers
+		if( !noActivation ) {
+			for ( i = this.containers.length - 1; i >= 0; i-- ) {
+				this.containers[ i ]._trigger( "activate", event, this._uiHash( this ) );
+			}
+		}
+
+		//Prepare possible droppables
+		if($.ui.ddmanager) {
+			$.ui.ddmanager.current = this;
+		}
+
+		if ($.ui.ddmanager && !o.dropBehaviour) {
+			$.ui.ddmanager.prepareOffsets(this, event);
+		}
+
+		this.dragging = true;
+
+		this.helper.addClass("ui-sortable-helper");
+		this._mouseDrag(event); //Execute the drag once - this causes the helper not to be visible before getting its correct position
+		return true;
+
+	},
+
+	_mouseDrag: function(event) {
+		var i, item, itemElement, intersection,
+			o = this.options,
+			scrolled = false;
+
+		//Compute the helpers position
+		this.position = this._generatePosition(event);
+		this.positionAbs = this._convertPositionTo("absolute");
+
+		if (!this.lastPositionAbs) {
+			this.lastPositionAbs = this.positionAbs;
+		}
+
+		//Do scrolling
+		if(this.options.scroll) {
+			if(this.scrollParent[0] !== document && this.scrollParent[0].tagName !== "HTML") {
+
+				if((this.overflowOffset.top + this.scrollParent[0].offsetHeight) - event.pageY < o.scrollSensitivity) {
+					this.scrollParent[0].scrollTop = scrolled = this.scrollParent[0].scrollTop + o.scrollSpeed;
+				} else if(event.pageY - this.overflowOffset.top < o.scrollSensitivity) {
+					this.scrollParent[0].scrollTop = scrolled = this.scrollParent[0].scrollTop - o.scrollSpeed;
+				}
+
+				if((this.overflowOffset.left + this.scrollParent[0].offsetWidth) - event.pageX < o.scrollSensitivity) {
+					this.scrollParent[0].scrollLeft = scrolled = this.scrollParent[0].scrollLeft + o.scrollSpeed;
+				} else if(event.pageX - this.overflowOffset.left < o.scrollSensitivity) {
+					this.scrollParent[0].scrollLeft = scrolled = this.scrollParent[0].scrollLeft - o.scrollSpeed;
+				}
+
+			} else {
+
+				if(event.pageY - $(document).scrollTop() < o.scrollSensitivity) {
+					scrolled = $(document).scrollTop($(document).scrollTop() - o.scrollSpeed);
+				} else if($(window).height() - (event.pageY - $(document).scrollTop()) < o.scrollSensitivity) {
+					scrolled = $(document).scrollTop($(document).scrollTop() + o.scrollSpeed);
+				}
+
+				if(event.pageX - $(document).scrollLeft() < o.scrollSensitivity) {
+					scrolled = $(document).scrollLeft($(document).scrollLeft() - o.scrollSpeed);
+				} else if($(window).width() - (event.pageX - $(document).scrollLeft()) < o.scrollSensitivity) {
+					scrolled = $(document).scrollLeft($(document).scrollLeft() + o.scrollSpeed);
+				}
+
+			}
+
+			if(scrolled !== false && $.ui.ddmanager && !o.dropBehaviour) {
+				$.ui.ddmanager.prepareOffsets(this, event);
+			}
+		}
+
+		//Regenerate the absolute position used for position checks
+		this.positionAbs = this._convertPositionTo("absolute");
+
+		//Set the helper position
+		if(!this.options.axis || this.options.axis !== "y") {
+			this.helper[0].style.left = this.position.left+"px";
+		}
+		if(!this.options.axis || this.options.axis !== "x") {
+			this.helper[0].style.top = this.position.top+"px";
+		}
+
+		//Rearrange
+		for (i = this.items.length - 1; i >= 0; i--) {
+
+			//Cache variables and intersection, continue if no intersection
+			item = this.items[i];
+			itemElement = item.item[0];
+			intersection = this._intersectsWithPointer(item);
+			if (!intersection) {
+				continue;
+			}
+
+			// Only put the placeholder inside the current Container, skip all
+			// items from other containers. This works because when moving
+			// an item from one container to another the
+			// currentContainer is switched before the placeholder is moved.
+			//
+			// Without this, moving items in "sub-sortables" can cause
+			// the placeholder to jitter between the outer and inner container.
+			if (item.instance !== this.currentContainer) {
+				continue;
+			}
+
+			// cannot intersect with itself
+			// no useless actions that have been done before
+			// no action if the item moved is the parent of the item checked
+			if (itemElement !== this.currentItem[0] &&
+				this.placeholder[intersection === 1 ? "next" : "prev"]()[0] !== itemElement &&
+				!$.contains(this.placeholder[0], itemElement) &&
+				(this.options.type === "semi-dynamic" ? !$.contains(this.element[0], itemElement) : true)
+			) {
+
+				this.direction = intersection === 1 ? "down" : "up";
+
+				if (this.options.tolerance === "pointer" || this._intersectsWithSides(item)) {
+					this._rearrange(event, item);
+				} else {
+					break;
+				}
+
+				this._trigger("change", event, this._uiHash());
+				break;
+			}
+		}
+
+		//Post events to containers
+		this._contactContainers(event);
+
+		//Interconnect with droppables
+		if($.ui.ddmanager) {
+			$.ui.ddmanager.drag(this, event);
+		}
+
+		//Call callbacks
+		this._trigger("sort", event, this._uiHash());
+
+		this.lastPositionAbs = this.positionAbs;
+		return false;
+
+	},
+
+	_mouseStop: function(event, noPropagation) {
+
+		if(!event) {
+			return;
+		}
+
+		//If we are using droppables, inform the manager about the drop
+		if ($.ui.ddmanager && !this.options.dropBehaviour) {
+			$.ui.ddmanager.drop(this, event);
+		}
+
+		if(this.options.revert) {
+			var that = this,
+				cur = this.placeholder.offset(),
+				axis = this.options.axis,
+				animation = {};
+
+			if ( !axis || axis === "x" ) {
+				animation.left = cur.left - this.offset.parent.left - this.margins.left + (this.offsetParent[0] === document.body ? 0 : this.offsetParent[0].scrollLeft);
+			}
+			if ( !axis || axis === "y" ) {
+				animation.top = cur.top - this.offset.parent.top - this.margins.top + (this.offsetParent[0] === document.body ? 0 : this.offsetParent[0].scrollTop);
+			}
+			this.reverting = true;
+			$(this.helper).animate( animation, parseInt(this.options.revert, 10) || 500, function() {
+				that._clear(event);
+			});
+		} else {
+			this._clear(event, noPropagation);
+		}
+
+		return false;
+
+	},
+
+	cancel: function() {
+
+		if(this.dragging) {
+
+			this._mouseUp({ target: null });
+
+			if(this.options.helper === "original") {
+				this.currentItem.css(this._storedCSS).removeClass("ui-sortable-helper");
+			} else {
+				this.currentItem.show();
+			}
+
+			//Post deactivating events to containers
+			for (var i = this.containers.length - 1; i >= 0; i--){
+				this.containers[i]._trigger("deactivate", null, this._uiHash(this));
+				if(this.containers[i].containerCache.over) {
+					this.containers[i]._trigger("out", null, this._uiHash(this));
+					this.containers[i].containerCache.over = 0;
+				}
+			}
+
+		}
+
+		if (this.placeholder) {
+			//$(this.placeholder[0]).remove(); would have been the jQuery way - unfortunately, it unbinds ALL events from the original node!
+			if(this.placeholder[0].parentNode) {
+				this.placeholder[0].parentNode.removeChild(this.placeholder[0]);
+			}
+			if(this.options.helper !== "original" && this.helper && this.helper[0].parentNode) {
+				this.helper.remove();
+			}
+
+			$.extend(this, {
+				helper: null,
+				dragging: false,
+				reverting: false,
+				_noFinalSort: null
+			});
+
+			if(this.domPosition.prev) {
+				$(this.domPosition.prev).after(this.currentItem);
+			} else {
+				$(this.domPosition.parent).prepend(this.currentItem);
+			}
+		}
+
+		return this;
+
+	},
+
+	serialize: function(o) {
+
+		var items = this._getItemsAsjQuery(o && o.connected),
+			str = [];
+		o = o || {};
+
+		$(items).each(function() {
+			var res = ($(o.item || this).attr(o.attribute || "id") || "").match(o.expression || (/(.+)[\-=_](.+)/));
+			if (res) {
+				str.push((o.key || res[1]+"[]")+"="+(o.key && o.expression ? res[1] : res[2]));
+			}
+		});
+
+		if(!str.length && o.key) {
+			str.push(o.key + "=");
+		}
+
+		return str.join("&");
+
+	},
+
+	toArray: function(o) {
+
+		var items = this._getItemsAsjQuery(o && o.connected),
+			ret = [];
+
+		o = o || {};
+
+		items.each(function() { ret.push($(o.item || this).attr(o.attribute || "id") || ""); });
+		return ret;
+
+	},
+
+	/* Be careful with the following core functions */
+	_intersectsWith: function(item) {
+
+		var x1 = this.positionAbs.left,
+			x2 = x1 + this.helperProportions.width,
+			y1 = this.positionAbs.top,
+			y2 = y1 + this.helperProportions.height,
+			l = item.left,
+			r = l + item.width,
+			t = item.top,
+			b = t + item.height,
+			dyClick = this.offset.click.top,
+			dxClick = this.offset.click.left,
+			isOverElementHeight = ( this.options.axis === "x" ) || ( ( y1 + dyClick ) > t && ( y1 + dyClick ) < b ),
+			isOverElementWidth = ( this.options.axis === "y" ) || ( ( x1 + dxClick ) > l && ( x1 + dxClick ) < r ),
+			isOverElement = isOverElementHeight && isOverElementWidth;
+
+		if ( this.options.tolerance === "pointer" ||
+			this.options.forcePointerForContainers ||
+			(this.options.tolerance !== "pointer" && this.helperProportions[this.floating ? "width" : "height"] > item[this.floating ? "width" : "height"])
+		) {
+			return isOverElement;
+		} else {
+
+			return (l < x1 + (this.helperProportions.width / 2) && // Right Half
+				x2 - (this.helperProportions.width / 2) < r && // Left Half
+				t < y1 + (this.helperProportions.height / 2) && // Bottom Half
+				y2 - (this.helperProportions.height / 2) < b ); // Top Half
+
+		}
+	},
+
+	_intersectsWithPointer: function(item) {
+
+		var isOverElementHeight = (this.options.axis === "x") || this._isOverAxis(this.positionAbs.top + this.offset.click.top, item.top, item.height),
+			isOverElementWidth = (this.options.axis === "y") || this._isOverAxis(this.positionAbs.left + this.offset.click.left, item.left, item.width),
+			isOverElement = isOverElementHeight && isOverElementWidth,
+			verticalDirection = this._getDragVerticalDirection(),
+			horizontalDirection = this._getDragHorizontalDirection();
+
+		if (!isOverElement) {
+			return false;
+		}
+
+		return this.floating ?
+			( ((horizontalDirection && horizontalDirection === "right") || verticalDirection === "down") ? 2 : 1 )
+			: ( verticalDirection && (verticalDirection === "down" ? 2 : 1) );
+
+	},
+
+	_intersectsWithSides: function(item) {
+
+		var isOverBottomHalf = this._isOverAxis(this.positionAbs.top + this.offset.click.top, item.top + (item.height/2), item.height),
+			isOverRightHalf = this._isOverAxis(this.positionAbs.left + this.offset.click.left, item.left + (item.width/2), item.width),
+			verticalDirection = this._getDragVerticalDirection(),
+			horizontalDirection = this._getDragHorizontalDirection();
+
+		if (this.floating && horizontalDirection) {
+			return ((horizontalDirection === "right" && isOverRightHalf) || (horizontalDirection === "left" && !isOverRightHalf));
+		} else {
+			return verticalDirection && ((verticalDirection === "down" && isOverBottomHalf) || (verticalDirection === "up" && !isOverBottomHalf));
+		}
+
+	},
+
+	_getDragVerticalDirection: function() {
+		var delta = this.positionAbs.top - this.lastPositionAbs.top;
+		return delta !== 0 && (delta > 0 ? "down" : "up");
+	},
+
+	_getDragHorizontalDirection: function() {
+		var delta = this.positionAbs.left - this.lastPositionAbs.left;
+		return delta !== 0 && (delta > 0 ? "right" : "left");
+	},
+
+	refresh: function(event) {
+		this._refreshItems(event);
+		this._setHandleClassName();
+		this.refreshPositions();
+		return this;
+	},
+
+	_connectWith: function() {
+		var options = this.options;
+		return options.connectWith.constructor === String ? [options.connectWith] : options.connectWith;
+	},
+
+	_getItemsAsjQuery: function(connected) {
+
+		var i, j, cur, inst,
+			items = [],
+			queries = [],
+			connectWith = this._connectWith();
+
+		if(connectWith && connected) {
+			for (i = connectWith.length - 1; i >= 0; i--){
+				cur = $(connectWith[i]);
+				for ( j = cur.length - 1; j >= 0; j--){
+					inst = $.data(cur[j], this.widgetFullName);
+					if(inst && inst !== this && !inst.options.disabled) {
+						queries.push([$.isFunction(inst.options.items) ? inst.options.items.call(inst.element) : $(inst.options.items, inst.element).not(".ui-sortable-helper").not(".ui-sortable-placeholder"), inst]);
+					}
+				}
+			}
+		}
+
+		queries.push([$.isFunction(this.options.items) ? this.options.items.call(this.element, null, { options: this.options, item: this.currentItem }) : $(this.options.items, this.element).not(".ui-sortable-helper").not(".ui-sortable-placeholder"), this]);
+
+		function addItems() {
+			items.push( this );
+		}
+		for (i = queries.length - 1; i >= 0; i--){
+			queries[i][0].each( addItems );
+		}
+
+		return $(items);
+
+	},
+
+	_removeCurrentsFromItems: function() {
+
+		var list = this.currentItem.find(":data(" + this.widgetName + "-item)");
+
+		this.items = $.grep(this.items, function (item) {
+			for (var j=0; j < list.length; j++) {
+				if(list[j] === item.item[0]) {
+					return false;
+				}
+			}
+			return true;
+		});
+
+	},
+
+	_refreshItems: function(event) {
+
+		this.items = [];
+		this.containers = [this];
+
+		var i, j, cur, inst, targetData, _queries, item, queriesLength,
+			items = this.items,
+			queries = [[$.isFunction(this.options.items) ? this.options.items.call(this.element[0], event, { item: this.currentItem }) : $(this.options.items, this.element), this]],
+			connectWith = this._connectWith();
+
+		if(connectWith && this.ready) { //Shouldn't be run the first time through due to massive slow-down
+			for (i = connectWith.length - 1; i >= 0; i--){
+				cur = $(connectWith[i]);
+				for (j = cur.length - 1; j >= 0; j--){
+					inst = $.data(cur[j], this.widgetFullName);
+					if(inst && inst !== this && !inst.options.disabled) {
+						queries.push([$.isFunction(inst.options.items) ? inst.options.items.call(inst.element[0], event, { item: this.currentItem }) : $(inst.options.items, inst.element), inst]);
+						this.containers.push(inst);
+					}
+				}
+			}
+		}
+
+		for (i = queries.length - 1; i >= 0; i--) {
+			targetData = queries[i][1];
+			_queries = queries[i][0];
+
+			for (j=0, queriesLength = _queries.length; j < queriesLength; j++) {
+				item = $(_queries[j]);
+
+				item.data(this.widgetName + "-item", targetData); // Data for target checking (mouse manager)
+
+				items.push({
+					item: item,
+					instance: targetData,
+					width: 0, height: 0,
+					left: 0, top: 0
+				});
+			}
+		}
+
+	},
+
+	refreshPositions: function(fast) {
+
+		//This has to be redone because due to the item being moved out/into the offsetParent, the offsetParent's position will change
+		if(this.offsetParent && this.helper) {
+			this.offset.parent = this._getParentOffset();
+		}
+
+		var i, item, t, p;
+
+		for (i = this.items.length - 1; i >= 0; i--){
+			item = this.items[i];
+
+			//We ignore calculating positions of all connected containers when we're not over them
+			if(item.instance !== this.currentContainer && this.currentContainer && item.item[0] !== this.currentItem[0]) {
+				continue;
+			}
+
+			t = this.options.toleranceElement ? $(this.options.toleranceElement, item.item) : item.item;
+
+			if (!fast) {
+				item.width = t.outerWidth();
+				item.height = t.outerHeight();
+			}
+
+			p = t.offset();
+			item.left = p.left;
+			item.top = p.top;
+		}
+
+		if(this.options.custom && this.options.custom.refreshContainers) {
+			this.options.custom.refreshContainers.call(this);
+		} else {
+			for (i = this.containers.length - 1; i >= 0; i--){
+				p = this.containers[i].element.offset();
+				this.containers[i].containerCache.left = p.left;
+				this.containers[i].containerCache.top = p.top;
+				this.containers[i].containerCache.width = this.containers[i].element.outerWidth();
+				this.containers[i].containerCache.height = this.containers[i].element.outerHeight();
+			}
+		}
+
+		return this;
+	},
+
+	_createPlaceholder: function(that) {
+		that = that || this;
+		var className,
+			o = that.options;
+
+		if(!o.placeholder || o.placeholder.constructor === String) {
+			className = o.placeholder;
+			o.placeholder = {
+				element: function() {
+
+					var nodeName = that.currentItem[0].nodeName.toLowerCase(),
+						element = $( "<" + nodeName + ">", that.document[0] )
+							.addClass(className || that.currentItem[0].className+" ui-sortable-placeholder")
+							.removeClass("ui-sortable-helper");
+
+					if ( nodeName === "tr" ) {
+						that.currentItem.children().each(function() {
+							$( "<td>&#160;</td>", that.document[0] )
+								.attr( "colspan", $( this ).attr( "colspan" ) || 1 )
+								.appendTo( element );
+						});
+					} else if ( nodeName === "img" ) {
+						element.attr( "src", that.currentItem.attr( "src" ) );
+					}
+
+					if ( !className ) {
+						element.css( "visibility", "hidden" );
+					}
+
+					return element;
+				},
+				update: function(container, p) {
+
+					// 1. If a className is set as 'placeholder option, we don't force sizes - the class is responsible for that
+					// 2. The option 'forcePlaceholderSize can be enabled to force it even if a class name is specified
+					if(className && !o.forcePlaceholderSize) {
+						return;
+					}
+
+					//If the element doesn't have a actual height by itself (without styles coming from a stylesheet), it receives the inline height from the dragged item
+					if(!p.height()) { p.height(that.currentItem.innerHeight() - parseInt(that.currentItem.css("paddingTop")||0, 10) - parseInt(that.currentItem.css("paddingBottom")||0, 10)); }
+					if(!p.width()) { p.width(that.currentItem.innerWidth() - parseInt(that.currentItem.css("paddingLeft")||0, 10) - parseInt(that.currentItem.css("paddingRight")||0, 10)); }
+				}
+			};
+		}
+
+		//Create the placeholder
+		that.placeholder = $(o.placeholder.element.call(that.element, that.currentItem));
+
+		//Append it after the actual current item
+		that.currentItem.after(that.placeholder);
+
+		//Update the size of the placeholder (TODO: Logic to fuzzy, see line 316/317)
+		o.placeholder.update(that, that.placeholder);
+
+	},
+
+	_contactContainers: function(event) {
+		var i, j, dist, itemWithLeastDistance, posProperty, sizeProperty, cur, nearBottom, floating, axis,
+			innermostContainer = null,
+			innermostIndex = null;
+
+		// get innermost container that intersects with item
+		for (i = this.containers.length - 1; i >= 0; i--) {
+
+			// never consider a container that's located within the item itself
+			if($.contains(this.currentItem[0], this.containers[i].element[0])) {
+				continue;
+			}
+
+			if(this._intersectsWith(this.containers[i].containerCache)) {
+
+				// if we've already found a container and it's more "inner" than this, then continue
+				if(innermostContainer && $.contains(this.containers[i].element[0], innermostContainer.element[0])) {
+					continue;
+				}
+
+				innermostContainer = this.containers[i];
+				innermostIndex = i;
+
+			} else {
+				// container doesn't intersect. trigger "out" event if necessary
+				if(this.containers[i].containerCache.over) {
+					this.containers[i]._trigger("out", event, this._uiHash(this));
+					this.containers[i].containerCache.over = 0;
+				}
+			}
+
+		}
+
+		// if no intersecting containers found, return
+		if(!innermostContainer) {
+			return;
+		}
+
+		// move the item into the container if it's not there already
+		if(this.containers.length === 1) {
+			if (!this.containers[innermostIndex].containerCache.over) {
+				this.containers[innermostIndex]._trigger("over", event, this._uiHash(this));
+				this.containers[innermostIndex].containerCache.over = 1;
+			}
+		} else {
+
+			//When entering a new container, we will find the item with the least distance and append our item near it
+			dist = 10000;
+			itemWithLeastDistance = null;
+			floating = innermostContainer.floating || this._isFloating(this.currentItem);
+			posProperty = floating ? "left" : "top";
+			sizeProperty = floating ? "width" : "height";
+			axis = floating ? "clientX" : "clientY";
+
+			for (j = this.items.length - 1; j >= 0; j--) {
+				if(!$.contains(this.containers[innermostIndex].element[0], this.items[j].item[0])) {
+					continue;
+				}
+				if(this.items[j].item[0] === this.currentItem[0]) {
+					continue;
+				}
+
+				cur = this.items[j].item.offset()[posProperty];
+				nearBottom = false;
+				if ( event[ axis ] - cur > this.items[ j ][ sizeProperty ] / 2 ) {
+					nearBottom = true;
+				}
+
+				if ( Math.abs( event[ axis ] - cur ) < dist ) {
+					dist = Math.abs( event[ axis ] - cur );
+					itemWithLeastDistance = this.items[ j ];
+					this.direction = nearBottom ? "up": "down";
+				}
+			}
+
+			//Check if dropOnEmpty is enabled
+			if(!itemWithLeastDistance && !this.options.dropOnEmpty) {
+				return;
+			}
+
+			if(this.currentContainer === this.containers[innermostIndex]) {
+				if ( !this.currentContainer.containerCache.over ) {
+					this.containers[ innermostIndex ]._trigger( "over", event, this._uiHash() );
+					this.currentContainer.containerCache.over = 1;
+				}
+				return;
+			}
+
+			itemWithLeastDistance ? this._rearrange(event, itemWithLeastDistance, null, true) : this._rearrange(event, null, this.containers[innermostIndex].element, true);
+			this._trigger("change", event, this._uiHash());
+			this.containers[innermostIndex]._trigger("change", event, this._uiHash(this));
+			this.currentContainer = this.containers[innermostIndex];
+
+			//Update the placeholder
+			this.options.placeholder.update(this.currentContainer, this.placeholder);
+
+			this.containers[innermostIndex]._trigger("over", event, this._uiHash(this));
+			this.containers[innermostIndex].containerCache.over = 1;
+		}
+
+
+	},
+
+	_createHelper: function(event) {
+
+		var o = this.options,
+			helper = $.isFunction(o.helper) ? $(o.helper.apply(this.element[0], [event, this.currentItem])) : (o.helper === "clone" ? this.currentItem.clone() : this.currentItem);
+
+		//Add the helper to the DOM if that didn't happen already
+		if(!helper.parents("body").length) {
+			$(o.appendTo !== "parent" ? o.appendTo : this.currentItem[0].parentNode)[0].appendChild(helper[0]);
+		}
+
+		if(helper[0] === this.currentItem[0]) {
+			this._storedCSS = { width: this.currentItem[0].style.width, height: this.currentItem[0].style.height, position: this.currentItem.css("position"), top: this.currentItem.css("top"), left: this.currentItem.css("left") };
+		}
+
+		if(!helper[0].style.width || o.forceHelperSize) {
+			helper.width(this.currentItem.width());
+		}
+		if(!helper[0].style.height || o.forceHelperSize) {
+			helper.height(this.currentItem.height());
+		}
+
+		return helper;
+
+	},
+
+	_adjustOffsetFromHelper: function(obj) {
+		if (typeof obj === "string") {
+			obj = obj.split(" ");
+		}
+		if ($.isArray(obj)) {
+			obj = {left: +obj[0], top: +obj[1] || 0};
+		}
+		if ("left" in obj) {
+			this.offset.click.left = obj.left + this.margins.left;
+		}
+		if ("right" in obj) {
+			this.offset.click.left = this.helperProportions.width - obj.right + this.margins.left;
+		}
+		if ("top" in obj) {
+			this.offset.click.top = obj.top + this.margins.top;
+		}
+		if ("bottom" in obj) {
+			this.offset.click.top = this.helperProportions.height - obj.bottom + this.margins.top;
+		}
+	},
+
+	_getParentOffset: function() {
+
+
+		//Get the offsetParent and cache its position
+		this.offsetParent = this.helper.offsetParent();
+		var po = this.offsetParent.offset();
+
+		// This is a special case where we need to modify a offset calculated on start, since the following happened:
+		// 1. The position of the helper is absolute, so it's position is calculated based on the next positioned parent
+		// 2. The actual offset parent is a child of the scroll parent, and the scroll parent isn't the document, which means that
+		//    the scroll is included in the initial calculation of the offset of the parent, and never recalculated upon drag
+		if(this.cssPosition === "absolute" && this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0])) {
+			po.left += this.scrollParent.scrollLeft();
+			po.top += this.scrollParent.scrollTop();
+		}
+
+		// This needs to be actually done for all browsers, since pageX/pageY includes this information
+		// with an ugly IE fix
+		if( this.offsetParent[0] === document.body || (this.offsetParent[0].tagName && this.offsetParent[0].tagName.toLowerCase() === "html" && $.ui.ie)) {
+			po = { top: 0, left: 0 };
+		}
+
+		return {
+			top: po.top + (parseInt(this.offsetParent.css("borderTopWidth"),10) || 0),
+			left: po.left + (parseInt(this.offsetParent.css("borderLeftWidth"),10) || 0)
+		};
+
+	},
+
+	_getRelativeOffset: function() {
+
+		if(this.cssPosition === "relative") {
+			var p = this.currentItem.position();
+			return {
+				top: p.top - (parseInt(this.helper.css("top"),10) || 0) + this.scrollParent.scrollTop(),
+				left: p.left - (parseInt(this.helper.css("left"),10) || 0) + this.scrollParent.scrollLeft()
+			};
+		} else {
+			return { top: 0, left: 0 };
+		}
+
+	},
+
+	_cacheMargins: function() {
+		this.margins = {
+			left: (parseInt(this.currentItem.css("marginLeft"),10) || 0),
+			top: (parseInt(this.currentItem.css("marginTop"),10) || 0)
+		};
+	},
+
+	_cacheHelperProportions: function() {
+		this.helperProportions = {
+			width: this.helper.outerWidth(),
+			height: this.helper.outerHeight()
+		};
+	},
+
+	_setContainment: function() {
+
+		var ce, co, over,
+			o = this.options;
+		if(o.containment === "parent") {
+			o.containment = this.helper[0].parentNode;
+		}
+		if(o.containment === "document" || o.containment === "window") {
+			this.containment = [
+				0 - this.offset.relative.left - this.offset.parent.left,
+				0 - this.offset.relative.top - this.offset.parent.top,
+				$(o.containment === "document" ? document : window).width() - this.helperProportions.width - this.margins.left,
+				($(o.containment === "document" ? document : window).height() || document.body.parentNode.scrollHeight) - this.helperProportions.height - this.margins.top
+			];
+		}
+
+		if(!(/^(document|window|parent)$/).test(o.containment)) {
+			ce = $(o.containment)[0];
+			co = $(o.containment).offset();
+			over = ($(ce).css("overflow") !== "hidden");
+
+			this.containment = [
+				co.left + (parseInt($(ce).css("borderLeftWidth"),10) || 0) + (parseInt($(ce).css("paddingLeft"),10) || 0) - this.margins.left,
+				co.top + (parseInt($(ce).css("borderTopWidth"),10) || 0) + (parseInt($(ce).css("paddingTop"),10) || 0) - this.margins.top,
+				co.left+(over ? Math.max(ce.scrollWidth,ce.offsetWidth) : ce.offsetWidth) - (parseInt($(ce).css("borderLeftWidth"),10) || 0) - (parseInt($(ce).css("paddingRight"),10) || 0) - this.helperProportions.width - this.margins.left,
+				co.top+(over ? Math.max(ce.scrollHeight,ce.offsetHeight) : ce.offsetHeight) - (parseInt($(ce).css("borderTopWidth"),10) || 0) - (parseInt($(ce).css("paddingBottom"),10) || 0) - this.helperProportions.height - this.margins.top
+			];
+		}
+
+	},
+
+	_convertPositionTo: function(d, pos) {
+
+		if(!pos) {
+			pos = this.position;
+		}
+		var mod = d === "absolute" ? 1 : -1,
+			scroll = this.cssPosition === "absolute" && !(this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent,
+			scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
+
+		return {
+			top: (
+				pos.top	+																// The absolute mouse position
+				this.offset.relative.top * mod +										// Only for relative positioned nodes: Relative offset from element to offset parent
+				this.offset.parent.top * mod -											// The offsetParent's offset without borders (offset + border)
+				( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ) * mod)
+			),
+			left: (
+				pos.left +																// The absolute mouse position
+				this.offset.relative.left * mod +										// Only for relative positioned nodes: Relative offset from element to offset parent
+				this.offset.parent.left * mod	-										// The offsetParent's offset without borders (offset + border)
+				( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ) * mod)
+			)
+		};
+
+	},
+
+	_generatePosition: function(event) {
+
+		var top, left,
+			o = this.options,
+			pageX = event.pageX,
+			pageY = event.pageY,
+			scroll = this.cssPosition === "absolute" && !(this.scrollParent[0] !== document && $.contains(this.scrollParent[0], this.offsetParent[0])) ? this.offsetParent : this.scrollParent, scrollIsRootNode = (/(html|body)/i).test(scroll[0].tagName);
+
+		// This is another very weird special case that only happens for relative elements:
+		// 1. If the css position is relative
+		// 2. and the scroll parent is the document or similar to the offset parent
+		// we have to refresh the relative offset during the scroll so there are no jumps
+		if(this.cssPosition === "relative" && !(this.scrollParent[0] !== document && this.scrollParent[0] !== this.offsetParent[0])) {
+			this.offset.relative = this._getRelativeOffset();
+		}
+
+		/*
+		 * - Position constraining -
+		 * Constrain the position to a mix of grid, containment.
+		 */
+
+		if(this.originalPosition) { //If we are not dragging yet, we won't check for options
+
+			if(this.containment) {
+				if(event.pageX - this.offset.click.left < this.containment[0]) {
+					pageX = this.containment[0] + this.offset.click.left;
+				}
+				if(event.pageY - this.offset.click.top < this.containment[1]) {
+					pageY = this.containment[1] + this.offset.click.top;
+				}
+				if(event.pageX - this.offset.click.left > this.containment[2]) {
+					pageX = this.containment[2] + this.offset.click.left;
+				}
+				if(event.pageY - this.offset.click.top > this.containment[3]) {
+					pageY = this.containment[3] + this.offset.click.top;
+				}
+			}
+
+			if(o.grid) {
+				top = this.originalPageY + Math.round((pageY - this.originalPageY) / o.grid[1]) * o.grid[1];
+				pageY = this.containment ? ( (top - this.offset.click.top >= this.containment[1] && top - this.offset.click.top <= this.containment[3]) ? top : ((top - this.offset.click.top >= this.containment[1]) ? top - o.grid[1] : top + o.grid[1])) : top;
+
+				left = this.originalPageX + Math.round((pageX - this.originalPageX) / o.grid[0]) * o.grid[0];
+				pageX = this.containment ? ( (left - this.offset.click.left >= this.containment[0] && left - this.offset.click.left <= this.containment[2]) ? left : ((left - this.offset.click.left >= this.containment[0]) ? left - o.grid[0] : left + o.grid[0])) : left;
+			}
+
+		}
+
+		return {
+			top: (
+				pageY -																// The absolute mouse position
+				this.offset.click.top -													// Click offset (relative to the element)
+				this.offset.relative.top	-											// Only for relative positioned nodes: Relative offset from element to offset parent
+				this.offset.parent.top +												// The offsetParent's offset without borders (offset + border)
+				( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollTop() : ( scrollIsRootNode ? 0 : scroll.scrollTop() ) ))
+			),
+			left: (
+				pageX -																// The absolute mouse position
+				this.offset.click.left -												// Click offset (relative to the element)
+				this.offset.relative.left	-											// Only for relative positioned nodes: Relative offset from element to offset parent
+				this.offset.parent.left +												// The offsetParent's offset without borders (offset + border)
+				( ( this.cssPosition === "fixed" ? -this.scrollParent.scrollLeft() : scrollIsRootNode ? 0 : scroll.scrollLeft() ))
+			)
+		};
+
+	},
+
+	_rearrange: function(event, i, a, hardRefresh) {
+
+		a ? a[0].appendChild(this.placeholder[0]) : i.item[0].parentNode.insertBefore(this.placeholder[0], (this.direction === "down" ? i.item[0] : i.item[0].nextSibling));
+
+		//Various things done here to improve the performance:
+		// 1. we create a setTimeout, that calls refreshPositions
+		// 2. on the instance, we have a counter variable, that get's higher after every append
+		// 3. on the local scope, we copy the counter variable, and check in the timeout, if it's still the same
+		// 4. this lets only the last addition to the timeout stack through
+		this.counter = this.counter ? ++this.counter : 1;
+		var counter = this.counter;
+
+		this._delay(function() {
+			if(counter === this.counter) {
+				this.refreshPositions(!hardRefresh); //Precompute after each DOM insertion, NOT on mousemove
+			}
+		});
+
+	},
+
+	_clear: function(event, noPropagation) {
+
+		this.reverting = false;
+		// We delay all events that have to be triggered to after the point where the placeholder has been removed and
+		// everything else normalized again
+		var i,
+			delayedTriggers = [];
+
+		// We first have to update the dom position of the actual currentItem
+		// Note: don't do it if the current item is already removed (by a user), or it gets reappended (see #4088)
+		if(!this._noFinalSort && this.currentItem.parent().length) {
+			this.placeholder.before(this.currentItem);
+		}
+		this._noFinalSort = null;
+
+		if(this.helper[0] === this.currentItem[0]) {
+			for(i in this._storedCSS) {
+				if(this._storedCSS[i] === "auto" || this._storedCSS[i] === "static") {
+					this._storedCSS[i] = "";
+				}
+			}
+			this.currentItem.css(this._storedCSS).removeClass("ui-sortable-helper");
+		} else {
+			this.currentItem.show();
+		}
+
+		if(this.fromOutside && !noPropagation) {
+			delayedTriggers.push(function(event) { this._trigger("receive", event, this._uiHash(this.fromOutside)); });
+		}
+		if((this.fromOutside || this.domPosition.prev !== this.currentItem.prev().not(".ui-sortable-helper")[0] || this.domPosition.parent !== this.currentItem.parent()[0]) && !noPropagation) {
+			delayedTriggers.push(function(event) { this._trigger("update", event, this._uiHash()); }); //Trigger update callback if the DOM position has changed
+		}
+
+		// Check if the items Container has Changed and trigger appropriate
+		// events.
+		if (this !== this.currentContainer) {
+			if(!noPropagation) {
+				delayedTriggers.push(function(event) { this._trigger("remove", event, this._uiHash()); });
+				delayedTriggers.push((function(c) { return function(event) { c._trigger("receive", event, this._uiHash(this)); };  }).call(this, this.currentContainer));
+				delayedTriggers.push((function(c) { return function(event) { c._trigger("update", event, this._uiHash(this));  }; }).call(this, this.currentContainer));
+			}
+		}
+
+
+		//Post events to containers
+		function delayEvent( type, instance, container ) {
+			return function( event ) {
+				container._trigger( type, event, instance._uiHash( instance ) );
+			};
+		}
+		for (i = this.containers.length - 1; i >= 0; i--){
+			if (!noPropagation) {
+				delayedTriggers.push( delayEvent( "deactivate", this, this.containers[ i ] ) );
+			}
+			if(this.containers[i].containerCache.over) {
+				delayedTriggers.push( delayEvent( "out", this, this.containers[ i ] ) );
+				this.containers[i].containerCache.over = 0;
+			}
+		}
+
+		//Do what was originally in plugins
+		if ( this.storedCursor ) {
+			this.document.find( "body" ).css( "cursor", this.storedCursor );
+			this.storedStylesheet.remove();
+		}
+		if(this._storedOpacity) {
+			this.helper.css("opacity", this._storedOpacity);
+		}
+		if(this._storedZIndex) {
+			this.helper.css("zIndex", this._storedZIndex === "auto" ? "" : this._storedZIndex);
+		}
+
+		this.dragging = false;
+
+		if(!noPropagation) {
+			this._trigger("beforeStop", event, this._uiHash());
+		}
+
+		//$(this.placeholder[0]).remove(); would have been the jQuery way - unfortunately, it unbinds ALL events from the original node!
+		this.placeholder[0].parentNode.removeChild(this.placeholder[0]);
+
+		if ( !this.cancelHelperRemoval ) {
+			if ( this.helper[ 0 ] !== this.currentItem[ 0 ] ) {
+				this.helper.remove();
+			}
+			this.helper = null;
+		}
+
+		if(!noPropagation) {
+			for (i=0; i < delayedTriggers.length; i++) {
+				delayedTriggers[i].call(this, event);
+			} //Trigger all delayed events
+			this._trigger("stop", event, this._uiHash());
+		}
+
+		this.fromOutside = false;
+		return !this.cancelHelperRemoval;
+
+	},
+
+	_trigger: function() {
+		if ($.Widget.prototype._trigger.apply(this, arguments) === false) {
+			this.cancel();
+		}
+	},
+
+	_uiHash: function(_inst) {
+		var inst = _inst || this;
+		return {
+			helper: inst.helper,
+			placeholder: inst.placeholder || $([]),
+			position: inst.position,
+			originalPosition: inst.originalPosition,
+			offset: inst.positionAbs,
+			item: inst.currentItem,
+			sender: _inst ? _inst.element : null
+		};
+	}
+
+});
+
+
+/*!
+ * jQuery UI Accordion 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/accordion/
+ */
+
+
+var accordion = $.widget( "ui.accordion", {
+	version: "1.11.2",
+	options: {
+		active: 0,
+		animate: {},
+		collapsible: false,
+		event: "click",
+		header: "> li > :first-child,> :not(li):even",
+		heightStyle: "auto",
+		icons: {
+			activeHeader: "ui-icon-triangle-1-s",
+			header: "ui-icon-triangle-1-e"
+		},
+
+		// callbacks
+		activate: null,
+		beforeActivate: null
+	},
+
+	hideProps: {
+		borderTopWidth: "hide",
+		borderBottomWidth: "hide",
+		paddingTop: "hide",
+		paddingBottom: "hide",
+		height: "hide"
+	},
+
+	showProps: {
+		borderTopWidth: "show",
+		borderBottomWidth: "show",
+		paddingTop: "show",
+		paddingBottom: "show",
+		height: "show"
+	},
+
+	_create: function() {
+		var options = this.options;
+		this.prevShow = this.prevHide = $();
+		this.element.addClass( "ui-accordion ui-widget ui-helper-reset" )
+			// ARIA
+			.attr( "role", "tablist" );
+
+		// don't allow collapsible: false and active: false / null
+		if ( !options.collapsible && (options.active === false || options.active == null) ) {
+			options.active = 0;
+		}
+
+		this._processPanels();
+		// handle negative values
+		if ( options.active < 0 ) {
+			options.active += this.headers.length;
+		}
+		this._refresh();
+	},
+
+	_getCreateEventData: function() {
+		return {
+			header: this.active,
+			panel: !this.active.length ? $() : this.active.next()
+		};
+	},
+
+	_createIcons: function() {
+		var icons = this.options.icons;
+		if ( icons ) {
+			$( "<span>" )
+				.addClass( "ui-accordion-header-icon ui-icon " + icons.header )
+				.prependTo( this.headers );
+			this.active.children( ".ui-accordion-header-icon" )
+				.removeClass( icons.header )
+				.addClass( icons.activeHeader );
+			this.headers.addClass( "ui-accordion-icons" );
+		}
+	},
+
+	_destroyIcons: function() {
+		this.headers
+			.removeClass( "ui-accordion-icons" )
+			.children( ".ui-accordion-header-icon" )
+				.remove();
+	},
+
+	_destroy: function() {
+		var contents;
+
+		// clean up main element
+		this.element
+			.removeClass( "ui-accordion ui-widget ui-helper-reset" )
+			.removeAttr( "role" );
+
+		// clean up headers
+		this.headers
+			.removeClass( "ui-accordion-header ui-accordion-header-active ui-state-default " +
+				"ui-corner-all ui-state-active ui-state-disabled ui-corner-top" )
+			.removeAttr( "role" )
+			.removeAttr( "aria-expanded" )
+			.removeAttr( "aria-selected" )
+			.removeAttr( "aria-controls" )
+			.removeAttr( "tabIndex" )
+			.removeUniqueId();
+
+		this._destroyIcons();
+
+		// clean up content panels
+		contents = this.headers.next()
+			.removeClass( "ui-helper-reset ui-widget-content ui-corner-bottom " +
+				"ui-accordion-content ui-accordion-content-active ui-state-disabled" )
+			.css( "display", "" )
+			.removeAttr( "role" )
+			.removeAttr( "aria-hidden" )
+			.removeAttr( "aria-labelledby" )
+			.removeUniqueId();
+
+		if ( this.options.heightStyle !== "content" ) {
+			contents.css( "height", "" );
+		}
+	},
+
+	_setOption: function( key, value ) {
+		if ( key === "active" ) {
+			// _activate() will handle invalid values and update this.options
+			this._activate( value );
+			return;
+		}
+
+		if ( key === "event" ) {
+			if ( this.options.event ) {
+				this._off( this.headers, this.options.event );
+			}
+			this._setupEvents( value );
+		}
+
+		this._super( key, value );
+
+		// setting collapsible: false while collapsed; open first panel
+		if ( key === "collapsible" && !value && this.options.active === false ) {
+			this._activate( 0 );
+		}
+
+		if ( key === "icons" ) {
+			this._destroyIcons();
+			if ( value ) {
+				this._createIcons();
+			}
+		}
+
+		// #5332 - opacity doesn't cascade to positioned elements in IE
+		// so we need to add the disabled class to the headers and panels
+		if ( key === "disabled" ) {
+			this.element
+				.toggleClass( "ui-state-disabled", !!value )
+				.attr( "aria-disabled", value );
+			this.headers.add( this.headers.next() )
+				.toggleClass( "ui-state-disabled", !!value );
+		}
+	},
+
+	_keydown: function( event ) {
+		if ( event.altKey || event.ctrlKey ) {
+			return;
+		}
+
+		var keyCode = $.ui.keyCode,
+			length = this.headers.length,
+			currentIndex = this.headers.index( event.target ),
+			toFocus = false;
+
+		switch ( event.keyCode ) {
+			case keyCode.RIGHT:
+			case keyCode.DOWN:
+				toFocus = this.headers[ ( currentIndex + 1 ) % length ];
+				break;
+			case keyCode.LEFT:
+			case keyCode.UP:
+				toFocus = this.headers[ ( currentIndex - 1 + length ) % length ];
+				break;
+			case keyCode.SPACE:
+			case keyCode.ENTER:
+				this._eventHandler( event );
+				break;
+			case keyCode.HOME:
+				toFocus = this.headers[ 0 ];
+				break;
+			case keyCode.END:
+				toFocus = this.headers[ length - 1 ];
+				break;
+		}
+
+		if ( toFocus ) {
+			$( event.target ).attr( "tabIndex", -1 );
+			$( toFocus ).attr( "tabIndex", 0 );
+			toFocus.focus();
+			event.preventDefault();
+		}
+	},
+
+	_panelKeyDown: function( event ) {
+		if ( event.keyCode === $.ui.keyCode.UP && event.ctrlKey ) {
+			$( event.currentTarget ).prev().focus();
+		}
+	},
+
+	refresh: function() {
+		var options = this.options;
+		this._processPanels();
+
+		// was collapsed or no panel
+		if ( ( options.active === false && options.collapsible === true ) || !this.headers.length ) {
+			options.active = false;
+			this.active = $();
+		// active false only when collapsible is true
+		} else if ( options.active === false ) {
+			this._activate( 0 );
+		// was active, but active panel is gone
+		} else if ( this.active.length && !$.contains( this.element[ 0 ], this.active[ 0 ] ) ) {
+			// all remaining panel are disabled
+			if ( this.headers.length === this.headers.find(".ui-state-disabled").length ) {
+				options.active = false;
+				this.active = $();
+			// activate previous panel
+			} else {
+				this._activate( Math.max( 0, options.active - 1 ) );
+			}
+		// was active, active panel still exists
+		} else {
+			// make sure active index is correct
+			options.active = this.headers.index( this.active );
+		}
+
+		this._destroyIcons();
+
+		this._refresh();
+	},
+
+	_processPanels: function() {
+		var prevHeaders = this.headers,
+			prevPanels = this.panels;
+
+		this.headers = this.element.find( this.options.header )
+			.addClass( "ui-accordion-header ui-state-default ui-corner-all" );
+
+		this.panels = this.headers.next()
+			.addClass( "ui-accordion-content ui-helper-reset ui-widget-content ui-corner-bottom" )
+			.filter( ":not(.ui-accordion-content-active)" )
+			.hide();
+
+		// Avoid memory leaks (#10056)
+		if ( prevPanels ) {
+			this._off( prevHeaders.not( this.headers ) );
+			this._off( prevPanels.not( this.panels ) );
+		}
+	},
+
+	_refresh: function() {
+		var maxHeight,
+			options = this.options,
+			heightStyle = options.heightStyle,
+			parent = this.element.parent();
+
+		this.active = this._findActive( options.active )
+			.addClass( "ui-accordion-header-active ui-state-active ui-corner-top" )
+			.removeClass( "ui-corner-all" );
+		this.active.next()
+			.addClass( "ui-accordion-content-active" )
+			.show();
+
+		this.headers
+			.attr( "role", "tab" )
+			.each(function() {
+				var header = $( this ),
+					headerId = header.uniqueId().attr( "id" ),
+					panel = header.next(),
+					panelId = panel.uniqueId().attr( "id" );
+				header.attr( "aria-controls", panelId );
+				panel.attr( "aria-labelledby", headerId );
+			})
+			.next()
+				.attr( "role", "tabpanel" );
+
+		this.headers
+			.not( this.active )
+			.attr({
+				"aria-selected": "false",
+				"aria-expanded": "false",
+				tabIndex: -1
+			})
+			.next()
+				.attr({
+					"aria-hidden": "true"
+				})
+				.hide();
+
+		// make sure at least one header is in the tab order
+		if ( !this.active.length ) {
+			this.headers.eq( 0 ).attr( "tabIndex", 0 );
+		} else {
+			this.active.attr({
+				"aria-selected": "true",
+				"aria-expanded": "true",
+				tabIndex: 0
+			})
+			.next()
+				.attr({
+					"aria-hidden": "false"
+				});
+		}
+
+		this._createIcons();
+
+		this._setupEvents( options.event );
+
+		if ( heightStyle === "fill" ) {
+			maxHeight = parent.height();
+			this.element.siblings( ":visible" ).each(function() {
+				var elem = $( this ),
+					position = elem.css( "position" );
+
+				if ( position === "absolute" || position === "fixed" ) {
+					return;
+				}
+				maxHeight -= elem.outerHeight( true );
+			});
+
+			this.headers.each(function() {
+				maxHeight -= $( this ).outerHeight( true );
+			});
+
+			this.headers.next()
+				.each(function() {
+					$( this ).height( Math.max( 0, maxHeight -
+						$( this ).innerHeight() + $( this ).height() ) );
+				})
+				.css( "overflow", "auto" );
+		} else if ( heightStyle === "auto" ) {
+			maxHeight = 0;
+			this.headers.next()
+				.each(function() {
+					maxHeight = Math.max( maxHeight, $( this ).css( "height", "" ).height() );
+				})
+				.height( maxHeight );
+		}
+	},
+
+	_activate: function( index ) {
+		var active = this._findActive( index )[ 0 ];
+
+		// trying to activate the already active panel
+		if ( active === this.active[ 0 ] ) {
+			return;
+		}
+
+		// trying to collapse, simulate a click on the currently active header
+		active = active || this.active[ 0 ];
+
+		this._eventHandler({
+			target: active,
+			currentTarget: active,
+			preventDefault: $.noop
+		});
+	},
+
+	_findActive: function( selector ) {
+		return typeof selector === "number" ? this.headers.eq( selector ) : $();
+	},
+
+	_setupEvents: function( event ) {
+		var events = {
+			keydown: "_keydown"
+		};
+		if ( event ) {
+			$.each( event.split( " " ), function( index, eventName ) {
+				events[ eventName ] = "_eventHandler";
+			});
+		}
+
+		this._off( this.headers.add( this.headers.next() ) );
+		this._on( this.headers, events );
+		this._on( this.headers.next(), { keydown: "_panelKeyDown" });
+		this._hoverable( this.headers );
+		this._focusable( this.headers );
+	},
+
+	_eventHandler: function( event ) {
+		var options = this.options,
+			active = this.active,
+			clicked = $( event.currentTarget ),
+			clickedIsActive = clicked[ 0 ] === active[ 0 ],
+			collapsing = clickedIsActive && options.collapsible,
+			toShow = collapsing ? $() : clicked.next(),
+			toHide = active.next(),
+			eventData = {
+				oldHeader: active,
+				oldPanel: toHide,
+				newHeader: collapsing ? $() : clicked,
+				newPanel: toShow
+			};
+
+		event.preventDefault();
+
+		if (
+				// click on active header, but not collapsible
+				( clickedIsActive && !options.collapsible ) ||
+				// allow canceling activation
+				( this._trigger( "beforeActivate", event, eventData ) === false ) ) {
+			return;
+		}
+
+		options.active = collapsing ? false : this.headers.index( clicked );
+
+		// when the call to ._toggle() comes after the class changes
+		// it causes a very odd bug in IE 8 (see #6720)
+		this.active = clickedIsActive ? $() : clicked;
+		this._toggle( eventData );
+
+		// switch classes
+		// corner classes on the previously active header stay after the animation
+		active.removeClass( "ui-accordion-header-active ui-state-active" );
+		if ( options.icons ) {
+			active.children( ".ui-accordion-header-icon" )
+				.removeClass( options.icons.activeHeader )
+				.addClass( options.icons.header );
+		}
+
+		if ( !clickedIsActive ) {
+			clicked
+				.removeClass( "ui-corner-all" )
+				.addClass( "ui-accordion-header-active ui-state-active ui-corner-top" );
+			if ( options.icons ) {
+				clicked.children( ".ui-accordion-header-icon" )
+					.removeClass( options.icons.header )
+					.addClass( options.icons.activeHeader );
+			}
+
+			clicked
+				.next()
+				.addClass( "ui-accordion-content-active" );
+		}
+	},
+
+	_toggle: function( data ) {
+		var toShow = data.newPanel,
+			toHide = this.prevShow.length ? this.prevShow : data.oldPanel;
+
+		// handle activating a panel during the animation for another activation
+		this.prevShow.add( this.prevHide ).stop( true, true );
+		this.prevShow = toShow;
+		this.prevHide = toHide;
+
+		if ( this.options.animate ) {
+			this._animate( toShow, toHide, data );
+		} else {
+			toHide.hide();
+			toShow.show();
+			this._toggleComplete( data );
+		}
+
+		toHide.attr({
+			"aria-hidden": "true"
+		});
+		toHide.prev().attr( "aria-selected", "false" );
+		// if we're switching panels, remove the old header from the tab order
+		// if we're opening from collapsed state, remove the previous header from the tab order
+		// if we're collapsing, then keep the collapsing header in the tab order
+		if ( toShow.length && toHide.length ) {
+			toHide.prev().attr({
+				"tabIndex": -1,
+				"aria-expanded": "false"
+			});
+		} else if ( toShow.length ) {
+			this.headers.filter(function() {
+				return $( this ).attr( "tabIndex" ) === 0;
+			})
+			.attr( "tabIndex", -1 );
+		}
+
+		toShow
+			.attr( "aria-hidden", "false" )
+			.prev()
+				.attr({
+					"aria-selected": "true",
+					tabIndex: 0,
+					"aria-expanded": "true"
+				});
+	},
+
+	_animate: function( toShow, toHide, data ) {
+		var total, easing, duration,
+			that = this,
+			adjust = 0,
+			down = toShow.length &&
+				( !toHide.length || ( toShow.index() < toHide.index() ) ),
+			animate = this.options.animate || {},
+			options = down && animate.down || animate,
+			complete = function() {
+				that._toggleComplete( data );
+			};
+
+		if ( typeof options === "number" ) {
+			duration = options;
+		}
+		if ( typeof options === "string" ) {
+			easing = options;
+		}
+		// fall back from options to animation in case of partial down settings
+		easing = easing || options.easing || animate.easing;
+		duration = duration || options.duration || animate.duration;
+
+		if ( !toHide.length ) {
+			return toShow.animate( this.showProps, duration, easing, complete );
+		}
+		if ( !toShow.length ) {
+			return toHide.animate( this.hideProps, duration, easing, complete );
+		}
+
+		total = toShow.show().outerHeight();
+		toHide.animate( this.hideProps, {
+			duration: duration,
+			easing: easing,
+			step: function( now, fx ) {
+				fx.now = Math.round( now );
+			}
+		});
+		toShow
+			.hide()
+			.animate( this.showProps, {
+				duration: duration,
+				easing: easing,
+				complete: complete,
+				step: function( now, fx ) {
+					fx.now = Math.round( now );
+					if ( fx.prop !== "height" ) {
+						adjust += fx.now;
+					} else if ( that.options.heightStyle !== "content" ) {
+						fx.now = Math.round( total - toHide.outerHeight() - adjust );
+						adjust = 0;
+					}
+				}
+			});
+	},
+
+	_toggleComplete: function( data ) {
+		var toHide = data.oldPanel;
+
+		toHide
+			.removeClass( "ui-accordion-content-active" )
+			.prev()
+				.removeClass( "ui-corner-top" )
+				.addClass( "ui-corner-all" );
+
+		// Work around for rendering bug in IE (#5421)
+		if ( toHide.length ) {
+			toHide.parent()[ 0 ].className = toHide.parent()[ 0 ].className;
+		}
+		this._trigger( "activate", null, data );
+	}
+});
+
+
+/*!
+ * jQuery UI Menu 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/menu/
+ */
+
+
+var menu = $.widget( "ui.menu", {
+	version: "1.11.2",
+	defaultElement: "<ul>",
+	delay: 300,
+	options: {
+		icons: {
+			submenu: "ui-icon-carat-1-e"
+		},
+		items: "> *",
+		menus: "ul",
+		position: {
+			my: "left-1 top",
+			at: "right top"
+		},
+		role: "menu",
+
+		// callbacks
+		blur: null,
+		focus: null,
+		select: null
+	},
+
+	_create: function() {
+		this.activeMenu = this.element;
+
+		// Flag used to prevent firing of the click handler
+		// as the event bubbles up through nested menus
+		this.mouseHandled = false;
+		this.element
+			.uniqueId()
+			.addClass( "ui-menu ui-widget ui-widget-content" )
+			.toggleClass( "ui-menu-icons", !!this.element.find( ".ui-icon" ).length )
+			.attr({
+				role: this.options.role,
+				tabIndex: 0
+			});
+
+		if ( this.options.disabled ) {
+			this.element
+				.addClass( "ui-state-disabled" )
+				.attr( "aria-disabled", "true" );
+		}
+
+		this._on({
+			// Prevent focus from sticking to links inside menu after clicking
+			// them (focus should always stay on UL during navigation).
+			"mousedown .ui-menu-item": function( event ) {
+				event.preventDefault();
+			},
+			"click .ui-menu-item": function( event ) {
+				var target = $( event.target );
+				if ( !this.mouseHandled && target.not( ".ui-state-disabled" ).length ) {
+					this.select( event );
+
+					// Only set the mouseHandled flag if the event will bubble, see #9469.
+					if ( !event.isPropagationStopped() ) {
+						this.mouseHandled = true;
+					}
+
+					// Open submenu on click
+					if ( target.has( ".ui-menu" ).length ) {
+						this.expand( event );
+					} else if ( !this.element.is( ":focus" ) && $( this.document[ 0 ].activeElement ).closest( ".ui-menu" ).length ) {
+
+						// Redirect focus to the menu
+						this.element.trigger( "focus", [ true ] );
+
+						// If the active item is on the top level, let it stay active.
+						// Otherwise, blur the active item since it is no longer visible.
+						if ( this.active && this.active.parents( ".ui-menu" ).length === 1 ) {
+							clearTimeout( this.timer );
+						}
+					}
+				}
+			},
+			"mouseenter .ui-menu-item": function( event ) {
+				// Ignore mouse events while typeahead is active, see #10458.
+				// Prevents focusing the wrong item when typeahead causes a scroll while the mouse
+				// is over an item in the menu
+				if ( this.previousFilter ) {
+					return;
+				}
+				var target = $( event.currentTarget );
+				// Remove ui-state-active class from siblings of the newly focused menu item
+				// to avoid a jump caused by adjacent elements both having a class with a border
+				target.siblings( ".ui-state-active" ).removeClass( "ui-state-active" );
+				this.focus( event, target );
+			},
+			mouseleave: "collapseAll",
+			"mouseleave .ui-menu": "collapseAll",
+			focus: function( event, keepActiveItem ) {
+				// If there's already an active item, keep it active
+				// If not, activate the first item
+				var item = this.active || this.element.find( this.options.items ).eq( 0 );
+
+				if ( !keepActiveItem ) {
+					this.focus( event, item );
+				}
+			},
+			blur: function( event ) {
+				this._delay(function() {
+					if ( !$.contains( this.element[0], this.document[0].activeElement ) ) {
+						this.collapseAll( event );
+					}
+				});
+			},
+			keydown: "_keydown"
+		});
+
+		this.refresh();
+
+		// Clicks outside of a menu collapse any open menus
+		this._on( this.document, {
+			click: function( event ) {
+				if ( this._closeOnDocumentClick( event ) ) {
+					this.collapseAll( event );
+				}
+
+				// Reset the mouseHandled flag
+				this.mouseHandled = false;
+			}
+		});
+	},
+
+	_destroy: function() {
+		// Destroy (sub)menus
+		this.element
+			.removeAttr( "aria-activedescendant" )
+			.find( ".ui-menu" ).addBack()
+				.removeClass( "ui-menu ui-widget ui-widget-content ui-menu-icons ui-front" )
+				.removeAttr( "role" )
+				.removeAttr( "tabIndex" )
+				.removeAttr( "aria-labelledby" )
+				.removeAttr( "aria-expanded" )
+				.removeAttr( "aria-hidden" )
+				.removeAttr( "aria-disabled" )
+				.removeUniqueId()
+				.show();
+
+		// Destroy menu items
+		this.element.find( ".ui-menu-item" )
+			.removeClass( "ui-menu-item" )
+			.removeAttr( "role" )
+			.removeAttr( "aria-disabled" )
+			.removeUniqueId()
+			.removeClass( "ui-state-hover" )
+			.removeAttr( "tabIndex" )
+			.removeAttr( "role" )
+			.removeAttr( "aria-haspopup" )
+			.children().each( function() {
+				var elem = $( this );
+				if ( elem.data( "ui-menu-submenu-carat" ) ) {
+					elem.remove();
+				}
+			});
+
+		// Destroy menu dividers
+		this.element.find( ".ui-menu-divider" ).removeClass( "ui-menu-divider ui-widget-content" );
+	},
+
+	_keydown: function( event ) {
+		var match, prev, character, skip,
+			preventDefault = true;
+
+		switch ( event.keyCode ) {
+		case $.ui.keyCode.PAGE_UP:
+			this.previousPage( event );
+			break;
+		case $.ui.keyCode.PAGE_DOWN:
+			this.nextPage( event );
+			break;
+		case $.ui.keyCode.HOME:
+			this._move( "first", "first", event );
+			break;
+		case $.ui.keyCode.END:
+			this._move( "last", "last", event );
+			break;
+		case $.ui.keyCode.UP:
+			this.previous( event );
+			break;
+		case $.ui.keyCode.DOWN:
+			this.next( event );
+			break;
+		case $.ui.keyCode.LEFT:
+			this.collapse( event );
+			break;
+		case $.ui.keyCode.RIGHT:
+			if ( this.active && !this.active.is( ".ui-state-disabled" ) ) {
+				this.expand( event );
+			}
+			break;
+		case $.ui.keyCode.ENTER:
+		case $.ui.keyCode.SPACE:
+			this._activate( event );
+			break;
+		case $.ui.keyCode.ESCAPE:
+			this.collapse( event );
+			break;
+		default:
+			preventDefault = false;
+			prev = this.previousFilter || "";
+			character = String.fromCharCode( event.keyCode );
+			skip = false;
+
+			clearTimeout( this.filterTimer );
+
+			if ( character === prev ) {
+				skip = true;
+			} else {
+				character = prev + character;
+			}
+
+			match = this._filterMenuItems( character );
+			match = skip && match.index( this.active.next() ) !== -1 ?
+				this.active.nextAll( ".ui-menu-item" ) :
+				match;
+
+			// If no matches on the current filter, reset to the last character pressed
+			// to move down the menu to the first item that starts with that character
+			if ( !match.length ) {
+				character = String.fromCharCode( event.keyCode );
+				match = this._filterMenuItems( character );
+			}
+
+			if ( match.length ) {
+				this.focus( event, match );
+				this.previousFilter = character;
+				this.filterTimer = this._delay(function() {
+					delete this.previousFilter;
+				}, 1000 );
+			} else {
+				delete this.previousFilter;
+			}
+		}
+
+		if ( preventDefault ) {
+			event.preventDefault();
+		}
+	},
+
+	_activate: function( event ) {
+		if ( !this.active.is( ".ui-state-disabled" ) ) {
+			if ( this.active.is( "[aria-haspopup='true']" ) ) {
+				this.expand( event );
+			} else {
+				this.select( event );
+			}
+		}
+	},
+
+	refresh: function() {
+		var menus, items,
+			that = this,
+			icon = this.options.icons.submenu,
+			submenus = this.element.find( this.options.menus );
+
+		this.element.toggleClass( "ui-menu-icons", !!this.element.find( ".ui-icon" ).length );
+
+		// Initialize nested menus
+		submenus.filter( ":not(.ui-menu)" )
+			.addClass( "ui-menu ui-widget ui-widget-content ui-front" )
+			.hide()
+			.attr({
+				role: this.options.role,
+				"aria-hidden": "true",
+				"aria-expanded": "false"
+			})
+			.each(function() {
+				var menu = $( this ),
+					item = menu.parent(),
+					submenuCarat = $( "<span>" )
+						.addClass( "ui-menu-icon ui-icon " + icon )
+						.data( "ui-menu-submenu-carat", true );
+
+				item
+					.attr( "aria-haspopup", "true" )
+					.prepend( submenuCarat );
+				menu.attr( "aria-labelledby", item.attr( "id" ) );
+			});
+
+		menus = submenus.add( this.element );
+		items = menus.find( this.options.items );
+
+		// Initialize menu-items containing spaces and/or dashes only as dividers
+		items.not( ".ui-menu-item" ).each(function() {
+			var item = $( this );
+			if ( that._isDivider( item ) ) {
+				item.addClass( "ui-widget-content ui-menu-divider" );
+			}
+		});
+
+		// Don't refresh list items that are already adapted
+		items.not( ".ui-menu-item, .ui-menu-divider" )
+			.addClass( "ui-menu-item" )
+			.uniqueId()
+			.attr({
+				tabIndex: -1,
+				role: this._itemRole()
+			});
+
+		// Add aria-disabled attribute to any disabled menu item
+		items.filter( ".ui-state-disabled" ).attr( "aria-disabled", "true" );
+
+		// If the active item has been removed, blur the menu
+		if ( this.active && !$.contains( this.element[ 0 ], this.active[ 0 ] ) ) {
+			this.blur();
+		}
+	},
+
+	_itemRole: function() {
+		return {
+			menu: "menuitem",
+			listbox: "option"
+		}[ this.options.role ];
+	},
+
+	_setOption: function( key, value ) {
+		if ( key === "icons" ) {
+			this.element.find( ".ui-menu-icon" )
+				.removeClass( this.options.icons.submenu )
+				.addClass( value.submenu );
+		}
+		if ( key === "disabled" ) {
+			this.element
+				.toggleClass( "ui-state-disabled", !!value )
+				.attr( "aria-disabled", value );
+		}
+		this._super( key, value );
+	},
+
+	focus: function( event, item ) {
+		var nested, focused;
+		this.blur( event, event && event.type === "focus" );
+
+		this._scrollIntoView( item );
+
+		this.active = item.first();
+		focused = this.active.addClass( "ui-state-focus" ).removeClass( "ui-state-active" );
+		// Only update aria-activedescendant if there's a role
+		// otherwise we assume focus is managed elsewhere
+		if ( this.options.role ) {
+			this.element.attr( "aria-activedescendant", focused.attr( "id" ) );
+		}
+
+		// Highlight active parent menu item, if any
+		this.active
+			.parent()
+			.closest( ".ui-menu-item" )
+			.addClass( "ui-state-active" );
+
+		if ( event && event.type === "keydown" ) {
+			this._close();
+		} else {
+			this.timer = this._delay(function() {
+				this._close();
+			}, this.delay );
+		}
+
+		nested = item.children( ".ui-menu" );
+		if ( nested.length && event && ( /^mouse/.test( event.type ) ) ) {
+			this._startOpening(nested);
+		}
+		this.activeMenu = item.parent();
+
+		this._trigger( "focus", event, { item: item } );
+	},
+
+	_scrollIntoView: function( item ) {
+		var borderTop, paddingTop, offset, scroll, elementHeight, itemHeight;
+		if ( this._hasScroll() ) {
+			borderTop = parseFloat( $.css( this.activeMenu[0], "borderTopWidth" ) ) || 0;
+			paddingTop = parseFloat( $.css( this.activeMenu[0], "paddingTop" ) ) || 0;
+			offset = item.offset().top - this.activeMenu.offset().top - borderTop - paddingTop;
+			scroll = this.activeMenu.scrollTop();
+			elementHeight = this.activeMenu.height();
+			itemHeight = item.outerHeight();
+
+			if ( offset < 0 ) {
+				this.activeMenu.scrollTop( scroll + offset );
+			} else if ( offset + itemHeight > elementHeight ) {
+				this.activeMenu.scrollTop( scroll + offset - elementHeight + itemHeight );
+			}
+		}
+	},
+
+	blur: function( event, fromFocus ) {
+		if ( !fromFocus ) {
+			clearTimeout( this.timer );
+		}
+
+		if ( !this.active ) {
+			return;
+		}
+
+		this.active.removeClass( "ui-state-focus" );
+		this.active = null;
+
+		this._trigger( "blur", event, { item: this.active } );
+	},
+
+	_startOpening: function( submenu ) {
+		clearTimeout( this.timer );
+
+		// Don't open if already open fixes a Firefox bug that caused a .5 pixel
+		// shift in the submenu position when mousing over the carat icon
+		if ( submenu.attr( "aria-hidden" ) !== "true" ) {
+			return;
+		}
+
+		this.timer = this._delay(function() {
+			this._close();
+			this._open( submenu );
+		}, this.delay );
+	},
+
+	_open: function( submenu ) {
+		var position = $.extend({
+			of: this.active
+		}, this.options.position );
+
+		clearTimeout( this.timer );
+		this.element.find( ".ui-menu" ).not( submenu.parents( ".ui-menu" ) )
+			.hide()
+			.attr( "aria-hidden", "true" );
+
+		submenu
+			.show()
+			.removeAttr( "aria-hidden" )
+			.attr( "aria-expanded", "true" )
+			.position( position );
+	},
+
+	collapseAll: function( event, all ) {
+		clearTimeout( this.timer );
+		this.timer = this._delay(function() {
+			// If we were passed an event, look for the submenu that contains the event
+			var currentMenu = all ? this.element :
+				$( event && event.target ).closest( this.element.find( ".ui-menu" ) );
+
+			// If we found no valid submenu ancestor, use the main menu to close all sub menus anyway
+			if ( !currentMenu.length ) {
+				currentMenu = this.element;
+			}
+
+			this._close( currentMenu );
+
+			this.blur( event );
+			this.activeMenu = currentMenu;
+		}, this.delay );
+	},
+
+	// With no arguments, closes the currently active menu - if nothing is active
+	// it closes all menus.  If passed an argument, it will search for menus BELOW
+	_close: function( startMenu ) {
+		if ( !startMenu ) {
+			startMenu = this.active ? this.active.parent() : this.element;
+		}
+
+		startMenu
+			.find( ".ui-menu" )
+				.hide()
+				.attr( "aria-hidden", "true" )
+				.attr( "aria-expanded", "false" )
+			.end()
+			.find( ".ui-state-active" ).not( ".ui-state-focus" )
+				.removeClass( "ui-state-active" );
+	},
+
+	_closeOnDocumentClick: function( event ) {
+		return !$( event.target ).closest( ".ui-menu" ).length;
+	},
+
+	_isDivider: function( item ) {
+
+		// Match hyphen, em dash, en dash
+		return !/[^\-\u2014\u2013\s]/.test( item.text() );
+	},
+
+	collapse: function( event ) {
+		var newItem = this.active &&
+			this.active.parent().closest( ".ui-menu-item", this.element );
+		if ( newItem && newItem.length ) {
+			this._close();
+			this.focus( event, newItem );
+		}
+	},
+
+	expand: function( event ) {
+		var newItem = this.active &&
+			this.active
+				.children( ".ui-menu " )
+				.find( this.options.items )
+				.first();
+
+		if ( newItem && newItem.length ) {
+			this._open( newItem.parent() );
+
+			// Delay so Firefox will not hide activedescendant change in expanding submenu from AT
+			this._delay(function() {
+				this.focus( event, newItem );
+			});
+		}
+	},
+
+	next: function( event ) {
+		this._move( "next", "first", event );
+	},
+
+	previous: function( event ) {
+		this._move( "prev", "last", event );
+	},
+
+	isFirstItem: function() {
+		return this.active && !this.active.prevAll( ".ui-menu-item" ).length;
+	},
+
+	isLastItem: function() {
+		return this.active && !this.active.nextAll( ".ui-menu-item" ).length;
+	},
+
+	_move: function( direction, filter, event ) {
+		var next;
+		if ( this.active ) {
+			if ( direction === "first" || direction === "last" ) {
+				next = this.active
+					[ direction === "first" ? "prevAll" : "nextAll" ]( ".ui-menu-item" )
+					.eq( -1 );
+			} else {
+				next = this.active
+					[ direction + "All" ]( ".ui-menu-item" )
+					.eq( 0 );
+			}
+		}
+		if ( !next || !next.length || !this.active ) {
+			next = this.activeMenu.find( this.options.items )[ filter ]();
+		}
+
+		this.focus( event, next );
+	},
+
+	nextPage: function( event ) {
+		var item, base, height;
+
+		if ( !this.active ) {
+			this.next( event );
+			return;
+		}
+		if ( this.isLastItem() ) {
+			return;
+		}
+		if ( this._hasScroll() ) {
+			base = this.active.offset().top;
+			height = this.element.height();
+			this.active.nextAll( ".ui-menu-item" ).each(function() {
+				item = $( this );
+				return item.offset().top - base - height < 0;
+			});
+
+			this.focus( event, item );
+		} else {
+			this.focus( event, this.activeMenu.find( this.options.items )
+				[ !this.active ? "first" : "last" ]() );
+		}
+	},
+
+	previousPage: function( event ) {
+		var item, base, height;
+		if ( !this.active ) {
+			this.next( event );
+			return;
+		}
+		if ( this.isFirstItem() ) {
+			return;
+		}
+		if ( this._hasScroll() ) {
+			base = this.active.offset().top;
+			height = this.element.height();
+			this.active.prevAll( ".ui-menu-item" ).each(function() {
+				item = $( this );
+				return item.offset().top - base + height > 0;
+			});
+
+			this.focus( event, item );
+		} else {
+			this.focus( event, this.activeMenu.find( this.options.items ).first() );
+		}
+	},
+
+	_hasScroll: function() {
+		return this.element.outerHeight() < this.element.prop( "scrollHeight" );
+	},
+
+	select: function( event ) {
+		// TODO: It should never be possible to not have an active item at this
+		// point, but the tests don't trigger mouseenter before click.
+		this.active = this.active || $( event.target ).closest( ".ui-menu-item" );
+		var ui = { item: this.active };
+		if ( !this.active.has( ".ui-menu" ).length ) {
+			this.collapseAll( event, true );
+		}
+		this._trigger( "select", event, ui );
+	},
+
+	_filterMenuItems: function(character) {
+		var escapedCharacter = character.replace( /[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&" ),
+			regex = new RegExp( "^" + escapedCharacter, "i" );
+
+		return this.activeMenu
+			.find( this.options.items )
+
+			// Only match on items, not dividers or other content (#10571)
+			.filter( ".ui-menu-item" )
+			.filter(function() {
+				return regex.test( $.trim( $( this ).text() ) );
+			});
+	}
+});
+
+
+/*!
+ * jQuery UI Autocomplete 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/autocomplete/
+ */
+
+
+$.widget( "ui.autocomplete", {
+	version: "1.11.2",
+	defaultElement: "<input>",
+	options: {
+		appendTo: null,
+		autoFocus: false,
+		delay: 300,
+		minLength: 1,
+		position: {
+			my: "left top",
+			at: "left bottom",
+			collision: "none"
+		},
+		source: null,
+
+		// callbacks
+		change: null,
+		close: null,
+		focus: null,
+		open: null,
+		response: null,
+		search: null,
+		select: null
+	},
+
+	requestIndex: 0,
+	pending: 0,
+
+	_create: function() {
+		// Some browsers only repeat keydown events, not keypress events,
+		// so we use the suppressKeyPress flag to determine if we've already
+		// handled the keydown event. #7269
+		// Unfortunately the code for & in keypress is the same as the up arrow,
+		// so we use the suppressKeyPressRepeat flag to avoid handling keypress
+		// events when we know the keydown event was used to modify the
+		// search term. #7799
+		var suppressKeyPress, suppressKeyPressRepeat, suppressInput,
+			nodeName = this.element[ 0 ].nodeName.toLowerCase(),
+			isTextarea = nodeName === "textarea",
+			isInput = nodeName === "input";
+
+		this.isMultiLine =
+			// Textareas are always multi-line
+			isTextarea ? true :
+			// Inputs are always single-line, even if inside a contentEditable element
+			// IE also treats inputs as contentEditable
+			isInput ? false :
+			// All other element types are determined by whether or not they're contentEditable
+			this.element.prop( "isContentEditable" );
+
+		this.valueMethod = this.element[ isTextarea || isInput ? "val" : "text" ];
+		this.isNewMenu = true;
+
+		this.element
+			.addClass( "ui-autocomplete-input" )
+			.attr( "autocomplete", "off" );
+
+		this._on( this.element, {
+			keydown: function( event ) {
+				if ( this.element.prop( "readOnly" ) ) {
+					suppressKeyPress = true;
+					suppressInput = true;
+					suppressKeyPressRepeat = true;
+					return;
+				}
+
+				suppressKeyPress = false;
+				suppressInput = false;
+				suppressKeyPressRepeat = false;
+				var keyCode = $.ui.keyCode;
+				switch ( event.keyCode ) {
+				case keyCode.PAGE_UP:
+					suppressKeyPress = true;
+					this._move( "previousPage", event );
+					break;
+				case keyCode.PAGE_DOWN:
+					suppressKeyPress = true;
+					this._move( "nextPage", event );
+					break;
+				case keyCode.UP:
+					suppressKeyPress = true;
+					this._keyEvent( "previous", event );
+					break;
+				case keyCode.DOWN:
+					suppressKeyPress = true;
+					this._keyEvent( "next", event );
+					break;
+				case keyCode.ENTER:
+					// when menu is open and has focus
+					if ( this.menu.active ) {
+						// #6055 - Opera still allows the keypress to occur
+						// which causes forms to submit
+						suppressKeyPress = true;
+						event.preventDefault();
+						this.menu.select( event );
+					}
+					break;
+				case keyCode.TAB:
+					if ( this.menu.active ) {
+						this.menu.select( event );
+					}
+					break;
+				case keyCode.ESCAPE:
+					if ( this.menu.element.is( ":visible" ) ) {
+						if ( !this.isMultiLine ) {
+							this._value( this.term );
+						}
+						this.close( event );
+						// Different browsers have different default behavior for escape
+						// Single press can mean undo or clear
+						// Double press in IE means clear the whole form
+						event.preventDefault();
+					}
+					break;
+				default:
+					suppressKeyPressRepeat = true;
+					// search timeout should be triggered before the input value is changed
+					this._searchTimeout( event );
+					break;
+				}
+			},
+			keypress: function( event ) {
+				if ( suppressKeyPress ) {
+					suppressKeyPress = false;
+					if ( !this.isMultiLine || this.menu.element.is( ":visible" ) ) {
+						event.preventDefault();
+					}
+					return;
+				}
+				if ( suppressKeyPressRepeat ) {
+					return;
+				}
+
+				// replicate some key handlers to allow them to repeat in Firefox and Opera
+				var keyCode = $.ui.keyCode;
+				switch ( event.keyCode ) {
+				case keyCode.PAGE_UP:
+					this._move( "previousPage", event );
+					break;
+				case keyCode.PAGE_DOWN:
+					this._move( "nextPage", event );
+					break;
+				case keyCode.UP:
+					this._keyEvent( "previous", event );
+					break;
+				case keyCode.DOWN:
+					this._keyEvent( "next", event );
+					break;
+				}
+			},
+			input: function( event ) {
+				if ( suppressInput ) {
+					suppressInput = false;
+					event.preventDefault();
+					return;
+				}
+				this._searchTimeout( event );
+			},
+			focus: function() {
+				this.selectedItem = null;
+				this.previous = this._value();
+			},
+			blur: function( event ) {
+				if ( this.cancelBlur ) {
+					delete this.cancelBlur;
+					return;
+				}
+
+				clearTimeout( this.searching );
+				this.close( event );
+				this._change( event );
+			}
+		});
+
+		this._initSource();
+		this.menu = $( "<ul>" )
+			.addClass( "ui-autocomplete ui-front" )
+			.appendTo( this._appendTo() )
+			.menu({
+				// disable ARIA support, the live region takes care of that
+				role: null
+			})
+			.hide()
+			.menu( "instance" );
+
+		this._on( this.menu.element, {
+			mousedown: function( event ) {
+				// prevent moving focus out of the text field
+				event.preventDefault();
+
+				// IE doesn't prevent moving focus even with event.preventDefault()
+				// so we set a flag to know when we should ignore the blur event
+				this.cancelBlur = true;
+				this._delay(function() {
+					delete this.cancelBlur;
+				});
+
+				// clicking on the scrollbar causes focus to shift to the body
+				// but we can't detect a mouseup or a click immediately afterward
+				// so we have to track the next mousedown and close the menu if
+				// the user clicks somewhere outside of the autocomplete
+				var menuElement = this.menu.element[ 0 ];
+				if ( !$( event.target ).closest( ".ui-menu-item" ).length ) {
+					this._delay(function() {
+						var that = this;
+						this.document.one( "mousedown", function( event ) {
+							if ( event.target !== that.element[ 0 ] &&
+									event.target !== menuElement &&
+									!$.contains( menuElement, event.target ) ) {
+								that.close();
+							}
+						});
+					});
+				}
+			},
+			menufocus: function( event, ui ) {
+				var label, item;
+				// support: Firefox
+				// Prevent accidental activation of menu items in Firefox (#7024 #9118)
+				if ( this.isNewMenu ) {
+					this.isNewMenu = false;
+					if ( event.originalEvent && /^mouse/.test( event.originalEvent.type ) ) {
+						this.menu.blur();
+
+						this.document.one( "mousemove", function() {
+							$( event.target ).trigger( event.originalEvent );
+						});
+
+						return;
+					}
+				}
+
+				item = ui.item.data( "ui-autocomplete-item" );
+				if ( false !== this._trigger( "focus", event, { item: item } ) ) {
+					// use value to match what will end up in the input, if it was a key event
+					if ( event.originalEvent && /^key/.test( event.originalEvent.type ) ) {
+						this._value( item.value );
+					}
+				}
+
+				// Announce the value in the liveRegion
+				label = ui.item.attr( "aria-label" ) || item.value;
+				if ( label && $.trim( label ).length ) {
+					this.liveRegion.children().hide();
+					$( "<div>" ).text( label ).appendTo( this.liveRegion );
+				}
+			},
+			menuselect: function( event, ui ) {
+				var item = ui.item.data( "ui-autocomplete-item" ),
+					previous = this.previous;
+
+				// only trigger when focus was lost (click on menu)
+				if ( this.element[ 0 ] !== this.document[ 0 ].activeElement ) {
+					this.element.focus();
+					this.previous = previous;
+					// #6109 - IE triggers two focus events and the second
+					// is asynchronous, so we need to reset the previous
+					// term synchronously and asynchronously :-(
+					this._delay(function() {
+						this.previous = previous;
+						this.selectedItem = item;
+					});
+				}
+
+				if ( false !== this._trigger( "select", event, { item: item } ) ) {
+					this._value( item.value );
+				}
+				// reset the term after the select event
+				// this allows custom select handling to work properly
+				this.term = this._value();
+
+				this.close( event );
+				this.selectedItem = item;
+			}
+		});
+
+		this.liveRegion = $( "<span>", {
+				role: "status",
+				"aria-live": "assertive",
+				"aria-relevant": "additions"
+			})
+			.addClass( "ui-helper-hidden-accessible" )
+			.appendTo( this.document[ 0 ].body );
+
+		// turning off autocomplete prevents the browser from remembering the
+		// value when navigating through history, so we re-enable autocomplete
+		// if the page is unloaded before the widget is destroyed. #7790
+		this._on( this.window, {
+			beforeunload: function() {
+				this.element.removeAttr( "autocomplete" );
+			}
+		});
+	},
+
+	_destroy: function() {
+		clearTimeout( this.searching );
+		this.element
+			.removeClass( "ui-autocomplete-input" )
+			.removeAttr( "autocomplete" );
+		this.menu.element.remove();
+		this.liveRegion.remove();
+	},
+
+	_setOption: function( key, value ) {
+		this._super( key, value );
+		if ( key === "source" ) {
+			this._initSource();
+		}
+		if ( key === "appendTo" ) {
+			this.menu.element.appendTo( this._appendTo() );
+		}
+		if ( key === "disabled" && value && this.xhr ) {
+			this.xhr.abort();
+		}
+	},
+
+	_appendTo: function() {
+		var element = this.options.appendTo;
+
+		if ( element ) {
+			element = element.jquery || element.nodeType ?
+				$( element ) :
+				this.document.find( element ).eq( 0 );
+		}
+
+		if ( !element || !element[ 0 ] ) {
+			element = this.element.closest( ".ui-front" );
+		}
+
+		if ( !element.length ) {
+			element = this.document[ 0 ].body;
+		}
+
+		return element;
+	},
+
+	_initSource: function() {
+		var array, url,
+			that = this;
+		if ( $.isArray( this.options.source ) ) {
+			array = this.options.source;
+			this.source = function( request, response ) {
+				response( $.ui.autocomplete.filter( array, request.term ) );
+			};
+		} else if ( typeof this.options.source === "string" ) {
+			url = this.options.source;
+			this.source = function( request, response ) {
+				if ( that.xhr ) {
+					that.xhr.abort();
+				}
+				that.xhr = $.ajax({
+					url: url,
+					data: request,
+					dataType: "json",
+					success: function( data ) {
+						response( data );
+					},
+					error: function() {
+						response([]);
+					}
+				});
+			};
+		} else {
+			this.source = this.options.source;
+		}
+	},
+
+	_searchTimeout: function( event ) {
+		clearTimeout( this.searching );
+		this.searching = this._delay(function() {
+
+			// Search if the value has changed, or if the user retypes the same value (see #7434)
+			var equalValues = this.term === this._value(),
+				menuVisible = this.menu.element.is( ":visible" ),
+				modifierKey = event.altKey || event.ctrlKey || event.metaKey || event.shiftKey;
+
+			if ( !equalValues || ( equalValues && !menuVisible && !modifierKey ) ) {
+				this.selectedItem = null;
+				this.search( null, event );
+			}
+		}, this.options.delay );
+	},
+
+	search: function( value, event ) {
+		value = value != null ? value : this._value();
+
+		// always save the actual value, not the one passed as an argument
+		this.term = this._value();
+
+		if ( value.length < this.options.minLength ) {
+			return this.close( event );
+		}
+
+		if ( this._trigger( "search", event ) === false ) {
+			return;
+		}
+
+		return this._search( value );
+	},
+
+	_search: function( value ) {
+		this.pending++;
+		this.element.addClass( "ui-autocomplete-loading" );
+		this.cancelSearch = false;
+
+		this.source( { term: value }, this._response() );
+	},
+
+	_response: function() {
+		var index = ++this.requestIndex;
+
+		return $.proxy(function( content ) {
+			if ( index === this.requestIndex ) {
+				this.__response( content );
+			}
+
+			this.pending--;
+			if ( !this.pending ) {
+				this.element.removeClass( "ui-autocomplete-loading" );
+			}
+		}, this );
+	},
+
+	__response: function( content ) {
+		if ( content ) {
+			content = this._normalize( content );
+		}
+		this._trigger( "response", null, { content: content } );
+		if ( !this.options.disabled && content && content.length && !this.cancelSearch ) {
+			this._suggest( content );
+			this._trigger( "open" );
+		} else {
+			// use ._close() instead of .close() so we don't cancel future searches
+			this._close();
+		}
+	},
+
+	close: function( event ) {
+		this.cancelSearch = true;
+		this._close( event );
+	},
+
+	_close: function( event ) {
+		if ( this.menu.element.is( ":visible" ) ) {
+			this.menu.element.hide();
+			this.menu.blur();
+			this.isNewMenu = true;
+			this._trigger( "close", event );
+		}
+	},
+
+	_change: function( event ) {
+		if ( this.previous !== this._value() ) {
+			this._trigger( "change", event, { item: this.selectedItem } );
+		}
+	},
+
+	_normalize: function( items ) {
+		// assume all items have the right format when the first item is complete
+		if ( items.length && items[ 0 ].label && items[ 0 ].value ) {
+			return items;
+		}
+		return $.map( items, function( item ) {
+			if ( typeof item === "string" ) {
+				return {
+					label: item,
+					value: item
+				};
+			}
+			return $.extend( {}, item, {
+				label: item.label || item.value,
+				value: item.value || item.label
+			});
+		});
+	},
+
+	_suggest: function( items ) {
+		var ul = this.menu.element.empty();
+		this._renderMenu( ul, items );
+		this.isNewMenu = true;
+		this.menu.refresh();
+
+		// size and position menu
+		ul.show();
+		this._resizeMenu();
+		ul.position( $.extend({
+			of: this.element
+		}, this.options.position ) );
+
+		if ( this.options.autoFocus ) {
+			this.menu.next();
+		}
+	},
+
+	_resizeMenu: function() {
+		var ul = this.menu.element;
+		ul.outerWidth( Math.max(
+			// Firefox wraps long text (possibly a rounding bug)
+			// so we add 1px to avoid the wrapping (#7513)
+			ul.width( "" ).outerWidth() + 1,
+			this.element.outerWidth()
+		) );
+	},
+
+	_renderMenu: function( ul, items ) {
+		var that = this;
+		$.each( items, function( index, item ) {
+			that._renderItemData( ul, item );
+		});
+	},
+
+	_renderItemData: function( ul, item ) {
+		return this._renderItem( ul, item ).data( "ui-autocomplete-item", item );
+	},
+
+	_renderItem: function( ul, item ) {
+		return $( "<li>" ).text( item.label ).appendTo( ul );
+	},
+
+	_move: function( direction, event ) {
+		if ( !this.menu.element.is( ":visible" ) ) {
+			this.search( null, event );
+			return;
+		}
+		if ( this.menu.isFirstItem() && /^previous/.test( direction ) ||
+				this.menu.isLastItem() && /^next/.test( direction ) ) {
+
+			if ( !this.isMultiLine ) {
+				this._value( this.term );
+			}
+
+			this.menu.blur();
+			return;
+		}
+		this.menu[ direction ]( event );
+	},
+
+	widget: function() {
+		return this.menu.element;
+	},
+
+	_value: function() {
+		return this.valueMethod.apply( this.element, arguments );
+	},
+
+	_keyEvent: function( keyEvent, event ) {
+		if ( !this.isMultiLine || this.menu.element.is( ":visible" ) ) {
+			this._move( keyEvent, event );
+
+			// prevents moving cursor to beginning/end of the text field in some browsers
+			event.preventDefault();
+		}
+	}
+});
+
+$.extend( $.ui.autocomplete, {
+	escapeRegex: function( value ) {
+		return value.replace( /[\-\[\]{}()*+?.,\\\^$|#\s]/g, "\\$&" );
+	},
+	filter: function( array, term ) {
+		var matcher = new RegExp( $.ui.autocomplete.escapeRegex( term ), "i" );
+		return $.grep( array, function( value ) {
+			return matcher.test( value.label || value.value || value );
+		});
+	}
+});
+
+// live region extension, adding a `messages` option
+// NOTE: This is an experimental API. We are still investigating
+// a full solution for string manipulation and internationalization.
+$.widget( "ui.autocomplete", $.ui.autocomplete, {
+	options: {
+		messages: {
+			noResults: "No search results.",
+			results: function( amount ) {
+				return amount + ( amount > 1 ? " results are" : " result is" ) +
+					" available, use up and down arrow keys to navigate.";
+			}
+		}
+	},
+
+	__response: function( content ) {
+		var message;
+		this._superApply( arguments );
+		if ( this.options.disabled || this.cancelSearch ) {
+			return;
+		}
+		if ( content && content.length ) {
+			message = this.options.messages.results( content.length );
+		} else {
+			message = this.options.messages.noResults;
+		}
+		this.liveRegion.children().hide();
+		$( "<div>" ).text( message ).appendTo( this.liveRegion );
+	}
+});
+
+var autocomplete = $.ui.autocomplete;
+
+
+/*!
+ * jQuery UI Button 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/button/
+ */
+
+
+var lastActive,
+	baseClasses = "ui-button ui-widget ui-state-default ui-corner-all",
+	typeClasses = "ui-button-icons-only ui-button-icon-only ui-button-text-icons ui-button-text-icon-primary ui-button-text-icon-secondary ui-button-text-only",
+	formResetHandler = function() {
+		var form = $( this );
+		setTimeout(function() {
+			form.find( ":ui-button" ).button( "refresh" );
+		}, 1 );
+	},
+	radioGroup = function( radio ) {
+		var name = radio.name,
+			form = radio.form,
+			radios = $( [] );
+		if ( name ) {
+			name = name.replace( /'/g, "\\'" );
+			if ( form ) {
+				radios = $( form ).find( "[name='" + name + "'][type=radio]" );
+			} else {
+				radios = $( "[name='" + name + "'][type=radio]", radio.ownerDocument )
+					.filter(function() {
+						return !this.form;
+					});
+			}
+		}
+		return radios;
+	};
+
+$.widget( "ui.button", {
+	version: "1.11.2",
+	defaultElement: "<button>",
+	options: {
+		disabled: null,
+		text: true,
+		label: null,
+		icons: {
+			primary: null,
+			secondary: null
+		}
+	},
+	_create: function() {
+		this.element.closest( "form" )
+			.unbind( "reset" + this.eventNamespace )
+			.bind( "reset" + this.eventNamespace, formResetHandler );
+
+		if ( typeof this.options.disabled !== "boolean" ) {
+			this.options.disabled = !!this.element.prop( "disabled" );
+		} else {
+			this.element.prop( "disabled", this.options.disabled );
+		}
+
+		this._determineButtonType();
+		this.hasTitle = !!this.buttonElement.attr( "title" );
+
+		var that = this,
+			options = this.options,
+			toggleButton = this.type === "checkbox" || this.type === "radio",
+			activeClass = !toggleButton ? "ui-state-active" : "";
+
+		if ( options.label === null ) {
+			options.label = (this.type === "input" ? this.buttonElement.val() : this.buttonElement.html());
+		}
+
+		this._hoverable( this.buttonElement );
+
+		this.buttonElement
+			.addClass( baseClasses )
+			.attr( "role", "button" )
+			.bind( "mouseenter" + this.eventNamespace, function() {
+				if ( options.disabled ) {
+					return;
+				}
+				if ( this === lastActive ) {
+					$( this ).addClass( "ui-state-active" );
+				}
+			})
+			.bind( "mouseleave" + this.eventNamespace, function() {
+				if ( options.disabled ) {
+					return;
+				}
+				$( this ).removeClass( activeClass );
+			})
+			.bind( "click" + this.eventNamespace, function( event ) {
+				if ( options.disabled ) {
+					event.preventDefault();
+					event.stopImmediatePropagation();
+				}
+			});
+
+		// Can't use _focusable() because the element that receives focus
+		// and the element that gets the ui-state-focus class are different
+		this._on({
+			focus: function() {
+				this.buttonElement.addClass( "ui-state-focus" );
+			},
+			blur: function() {
+				this.buttonElement.removeClass( "ui-state-focus" );
+			}
+		});
+
+		if ( toggleButton ) {
+			this.element.bind( "change" + this.eventNamespace, function() {
+				that.refresh();
+			});
+		}
+
+		if ( this.type === "checkbox" ) {
+			this.buttonElement.bind( "click" + this.eventNamespace, function() {
+				if ( options.disabled ) {
+					return false;
+				}
+			});
+		} else if ( this.type === "radio" ) {
+			this.buttonElement.bind( "click" + this.eventNamespace, function() {
+				if ( options.disabled ) {
+					return false;
+				}
+				$( this ).addClass( "ui-state-active" );
+				that.buttonElement.attr( "aria-pressed", "true" );
+
+				var radio = that.element[ 0 ];
+				radioGroup( radio )
+					.not( radio )
+					.map(function() {
+						return $( this ).button( "widget" )[ 0 ];
+					})
+					.removeClass( "ui-state-active" )
+					.attr( "aria-pressed", "false" );
+			});
+		} else {
+			this.buttonElement
+				.bind( "mousedown" + this.eventNamespace, function() {
+					if ( options.disabled ) {
+						return false;
+					}
+					$( this ).addClass( "ui-state-active" );
+					lastActive = this;
+					that.document.one( "mouseup", function() {
+						lastActive = null;
+					});
+				})
+				.bind( "mouseup" + this.eventNamespace, function() {
+					if ( options.disabled ) {
+						return false;
+					}
+					$( this ).removeClass( "ui-state-active" );
+				})
+				.bind( "keydown" + this.eventNamespace, function(event) {
+					if ( options.disabled ) {
+						return false;
+					}
+					if ( event.keyCode === $.ui.keyCode.SPACE || event.keyCode === $.ui.keyCode.ENTER ) {
+						$( this ).addClass( "ui-state-active" );
+					}
+				})
+				// see #8559, we bind to blur here in case the button element loses
+				// focus between keydown and keyup, it would be left in an "active" state
+				.bind( "keyup" + this.eventNamespace + " blur" + this.eventNamespace, function() {
+					$( this ).removeClass( "ui-state-active" );
+				});
+
+			if ( this.buttonElement.is("a") ) {
+				this.buttonElement.keyup(function(event) {
+					if ( event.keyCode === $.ui.keyCode.SPACE ) {
+						// TODO pass through original event correctly (just as 2nd argument doesn't work)
+						$( this ).click();
+					}
+				});
+			}
+		}
+
+		this._setOption( "disabled", options.disabled );
+		this._resetButton();
+	},
+
+	_determineButtonType: function() {
+		var ancestor, labelSelector, checked;
+
+		if ( this.element.is("[type=checkbox]") ) {
+			this.type = "checkbox";
+		} else if ( this.element.is("[type=radio]") ) {
+			this.type = "radio";
+		} else if ( this.element.is("input") ) {
+			this.type = "input";
+		} else {
+			this.type = "button";
+		}
+
+		if ( this.type === "checkbox" || this.type === "radio" ) {
+			// we don't search against the document in case the element
+			// is disconnected from the DOM
+			ancestor = this.element.parents().last();
+			labelSelector = "label[for='" + this.element.attr("id") + "']";
+			this.buttonElement = ancestor.find( labelSelector );
+			if ( !this.buttonElement.length ) {
+				ancestor = ancestor.length ? ancestor.siblings() : this.element.siblings();
+				this.buttonElement = ancestor.filter( labelSelector );
+				if ( !this.buttonElement.length ) {
+					this.buttonElement = ancestor.find( labelSelector );
+				}
+			}
+			this.element.addClass( "ui-helper-hidden-accessible" );
+
+			checked = this.element.is( ":checked" );
+			if ( checked ) {
+				this.buttonElement.addClass( "ui-state-active" );
+			}
+			this.buttonElement.prop( "aria-pressed", checked );
+		} else {
+			this.buttonElement = this.element;
+		}
+	},
+
+	widget: function() {
+		return this.buttonElement;
+	},
+
+	_destroy: function() {
+		this.element
+			.removeClass( "ui-helper-hidden-accessible" );
+		this.buttonElement
+			.removeClass( baseClasses + " ui-state-active " + typeClasses )
+			.removeAttr( "role" )
+			.removeAttr( "aria-pressed" )
+			.html( this.buttonElement.find(".ui-button-text").html() );
+
+		if ( !this.hasTitle ) {
+			this.buttonElement.removeAttr( "title" );
+		}
+	},
+
+	_setOption: function( key, value ) {
+		this._super( key, value );
+		if ( key === "disabled" ) {
+			this.widget().toggleClass( "ui-state-disabled", !!value );
+			this.element.prop( "disabled", !!value );
+			if ( value ) {
+				if ( this.type === "checkbox" || this.type === "radio" ) {
+					this.buttonElement.removeClass( "ui-state-focus" );
+				} else {
+					this.buttonElement.removeClass( "ui-state-focus ui-state-active" );
+				}
+			}
+			return;
+		}
+		this._resetButton();
+	},
+
+	refresh: function() {
+		//See #8237 & #8828
+		var isDisabled = this.element.is( "input, button" ) ? this.element.is( ":disabled" ) : this.element.hasClass( "ui-button-disabled" );
+
+		if ( isDisabled !== this.options.disabled ) {
+			this._setOption( "disabled", isDisabled );
+		}
+		if ( this.type === "radio" ) {
+			radioGroup( this.element[0] ).each(function() {
+				if ( $( this ).is( ":checked" ) ) {
+					$( this ).button( "widget" )
+						.addClass( "ui-state-active" )
+						.attr( "aria-pressed", "true" );
+				} else {
+					$( this ).button( "widget" )
+						.removeClass( "ui-state-active" )
+						.attr( "aria-pressed", "false" );
+				}
+			});
+		} else if ( this.type === "checkbox" ) {
+			if ( this.element.is( ":checked" ) ) {
+				this.buttonElement
+					.addClass( "ui-state-active" )
+					.attr( "aria-pressed", "true" );
+			} else {
+				this.buttonElement
+					.removeClass( "ui-state-active" )
+					.attr( "aria-pressed", "false" );
+			}
+		}
+	},
+
+	_resetButton: function() {
+		if ( this.type === "input" ) {
+			if ( this.options.label ) {
+				this.element.val( this.options.label );
+			}
+			return;
+		}
+		var buttonElement = this.buttonElement.removeClass( typeClasses ),
+			buttonText = $( "<span></span>", this.document[0] )
+				.addClass( "ui-button-text" )
+				.html( this.options.label )
+				.appendTo( buttonElement.empty() )
+				.text(),
+			icons = this.options.icons,
+			multipleIcons = icons.primary && icons.secondary,
+			buttonClasses = [];
+
+		if ( icons.primary || icons.secondary ) {
+			if ( this.options.text ) {
+				buttonClasses.push( "ui-button-text-icon" + ( multipleIcons ? "s" : ( icons.primary ? "-primary" : "-secondary" ) ) );
+			}
+
+			if ( icons.primary ) {
+				buttonElement.prepend( "<span class='ui-button-icon-primary ui-icon " + icons.primary + "'></span>" );
+			}
+
+			if ( icons.secondary ) {
+				buttonElement.append( "<span class='ui-button-icon-secondary ui-icon " + icons.secondary + "'></span>" );
+			}
+
+			if ( !this.options.text ) {
+				buttonClasses.push( multipleIcons ? "ui-button-icons-only" : "ui-button-icon-only" );
+
+				if ( !this.hasTitle ) {
+					buttonElement.attr( "title", $.trim( buttonText ) );
+				}
+			}
+		} else {
+			buttonClasses.push( "ui-button-text-only" );
+		}
+		buttonElement.addClass( buttonClasses.join( " " ) );
+	}
+});
+
+$.widget( "ui.buttonset", {
+	version: "1.11.2",
+	options: {
+		items: "button, input[type=button], input[type=submit], input[type=reset], input[type=checkbox], input[type=radio], a, :data(ui-button)"
+	},
+
+	_create: function() {
+		this.element.addClass( "ui-buttonset" );
+	},
+
+	_init: function() {
+		this.refresh();
+	},
+
+	_setOption: function( key, value ) {
+		if ( key === "disabled" ) {
+			this.buttons.button( "option", key, value );
+		}
+
+		this._super( key, value );
+	},
+
+	refresh: function() {
+		var rtl = this.element.css( "direction" ) === "rtl",
+			allButtons = this.element.find( this.options.items ),
+			existingButtons = allButtons.filter( ":ui-button" );
+
+		// Initialize new buttons
+		allButtons.not( ":ui-button" ).button();
+
+		// Refresh existing buttons
+		existingButtons.button( "refresh" );
+
+		this.buttons = allButtons
+			.map(function() {
+				return $( this ).button( "widget" )[ 0 ];
+			})
+				.removeClass( "ui-corner-all ui-corner-left ui-corner-right" )
+				.filter( ":first" )
+					.addClass( rtl ? "ui-corner-right" : "ui-corner-left" )
+				.end()
+				.filter( ":last" )
+					.addClass( rtl ? "ui-corner-left" : "ui-corner-right" )
+				.end()
+			.end();
+	},
+
+	_destroy: function() {
+		this.element.removeClass( "ui-buttonset" );
+		this.buttons
+			.map(function() {
+				return $( this ).button( "widget" )[ 0 ];
+			})
+				.removeClass( "ui-corner-left ui-corner-right" )
+			.end()
+			.button( "destroy" );
+	}
+});
+
+var button = $.ui.button;
+
+
+/*!
+ * jQuery UI Datepicker 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/datepicker/
+ */
+
+
+$.extend($.ui, { datepicker: { version: "1.11.2" } });
+
+var datepicker_instActive;
+
+function datepicker_getZindex( elem ) {
+	var position, value;
+	while ( elem.length && elem[ 0 ] !== document ) {
+		// Ignore z-index if position is set to a value where z-index is ignored by the browser
+		// This makes behavior of this function consistent across browsers
+		// WebKit always returns auto if the element is positioned
+		position = elem.css( "position" );
+		if ( position === "absolute" || position === "relative" || position === "fixed" ) {
+			// IE returns 0 when zIndex is not specified
+			// other browsers return a string
+			// we ignore the case of nested elements with an explicit value of 0
+			// <div style="z-index: -10;"><div style="z-index: 0;"></div></div>
+			value = parseInt( elem.css( "zIndex" ), 10 );
+			if ( !isNaN( value ) && value !== 0 ) {
+				return value;
+			}
+		}
+		elem = elem.parent();
+	}
+
+	return 0;
+}
+/* Date picker manager.
+   Use the singleton instance of this class, $.datepicker, to interact with the date picker.
+   Settings for (groups of) date pickers are maintained in an instance object,
+   allowing multiple different settings on the same page. */
+
+function Datepicker() {
+	this._curInst = null; // The current instance in use
+	this._keyEvent = false; // If the last event was a key event
+	this._disabledInputs = []; // List of date picker inputs that have been disabled
+	this._datepickerShowing = false; // True if the popup picker is showing , false if not
+	this._inDialog = false; // True if showing within a "dialog", false if not
+	this._mainDivId = "ui-datepicker-div"; // The ID of the main datepicker division
+	this._inlineClass = "ui-datepicker-inline"; // The name of the inline marker class
+	this._appendClass = "ui-datepicker-append"; // The name of the append marker class
+	this._triggerClass = "ui-datepicker-trigger"; // The name of the trigger marker class
+	this._dialogClass = "ui-datepicker-dialog"; // The name of the dialog marker class
+	this._disableClass = "ui-datepicker-disabled"; // The name of the disabled covering marker class
+	this._unselectableClass = "ui-datepicker-unselectable"; // The name of the unselectable cell marker class
+	this._currentClass = "ui-datepicker-current-day"; // The name of the current day marker class
+	this._dayOverClass = "ui-datepicker-days-cell-over"; // The name of the day hover marker class
+	this.regional = []; // Available regional settings, indexed by language code
+	this.regional[""] = { // Default regional settings
+		closeText: "Done", // Display text for close link
+		prevText: "Prev", // Display text for previous month link
+		nextText: "Next", // Display text for next month link
+		currentText: "Today", // Display text for current month link
+		monthNames: ["January","February","March","April","May","June",
+			"July","August","September","October","November","December"], // Names of months for drop-down and formatting
+		monthNamesShort: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"], // For formatting
+		dayNames: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"], // For formatting
+		dayNamesShort: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], // For formatting
+		dayNamesMin: ["Su","Mo","Tu","We","Th","Fr","Sa"], // Column headings for days starting at Sunday
+		weekHeader: "Wk", // Column header for week of the year
+		dateFormat: "mm/dd/yy", // See format options on parseDate
+		firstDay: 0, // The first day of the week, Sun = 0, Mon = 1, ...
+		isRTL: false, // True if right-to-left language, false if left-to-right
+		showMonthAfterYear: false, // True if the year select precedes month, false for month then year
+		yearSuffix: "" // Additional text to append to the year in the month headers
+	};
+	this._defaults = { // Global defaults for all the date picker instances
+		showOn: "focus", // "focus" for popup on focus,
+			// "button" for trigger button, or "both" for either
+		showAnim: "fadeIn", // Name of jQuery animation for popup
+		showOptions: {}, // Options for enhanced animations
+		defaultDate: null, // Used when field is blank: actual date,
+			// +/-number for offset from today, null for today
+		appendText: "", // Display text following the input box, e.g. showing the format
+		buttonText: "...", // Text for trigger button
+		buttonImage: "", // URL for trigger button image
+		buttonImageOnly: false, // True if the image appears alone, false if it appears on a button
+		hideIfNoPrevNext: false, // True to hide next/previous month links
+			// if not applicable, false to just disable them
+		navigationAsDateFormat: false, // True if date formatting applied to prev/today/next links
+		gotoCurrent: false, // True if today link goes back to current selection instead
+		changeMonth: false, // True if month can be selected directly, false if only prev/next
+		changeYear: false, // True if year can be selected directly, false if only prev/next
+		yearRange: "c-10:c+10", // Range of years to display in drop-down,
+			// either relative to today's year (-nn:+nn), relative to currently displayed year
+			// (c-nn:c+nn), absolute (nnnn:nnnn), or a combination of the above (nnnn:-n)
+		showOtherMonths: false, // True to show dates in other months, false to leave blank
+		selectOtherMonths: false, // True to allow selection of dates in other months, false for unselectable
+		showWeek: false, // True to show week of the year, false to not show it
+		calculateWeek: this.iso8601Week, // How to calculate the week of the year,
+			// takes a Date and returns the number of the week for it
+		shortYearCutoff: "+10", // Short year values < this are in the current century,
+			// > this are in the previous century,
+			// string value starting with "+" for current year + value
+		minDate: null, // The earliest selectable date, or null for no limit
+		maxDate: null, // The latest selectable date, or null for no limit
+		duration: "fast", // Duration of display/closure
+		beforeShowDay: null, // Function that takes a date and returns an array with
+			// [0] = true if selectable, false if not, [1] = custom CSS class name(s) or "",
+			// [2] = cell title (optional), e.g. $.datepicker.noWeekends
+		beforeShow: null, // Function that takes an input field and
+			// returns a set of custom settings for the date picker
+		onSelect: null, // Define a callback function when a date is selected
+		onChangeMonthYear: null, // Define a callback function when the month or year is changed
+		onClose: null, // Define a callback function when the datepicker is closed
+		numberOfMonths: 1, // Number of months to show at a time
+		showCurrentAtPos: 0, // The position in multipe months at which to show the current month (starting at 0)
+		stepMonths: 1, // Number of months to step back/forward
+		stepBigMonths: 12, // Number of months to step back/forward for the big links
+		altField: "", // Selector for an alternate field to store selected dates into
+		altFormat: "", // The date format to use for the alternate field
+		constrainInput: true, // The input is constrained by the current date format
+		showButtonPanel: false, // True to show button panel, false to not show it
+		autoSize: false, // True to size the input for the date format, false to leave as is
+		disabled: false // The initial disabled state
+	};
+	$.extend(this._defaults, this.regional[""]);
+	this.regional.en = $.extend( true, {}, this.regional[ "" ]);
+	this.regional[ "en-US" ] = $.extend( true, {}, this.regional.en );
+	this.dpDiv = datepicker_bindHover($("<div id='" + this._mainDivId + "' class='ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all'></div>"));
+}
+
+$.extend(Datepicker.prototype, {
+	/* Class name added to elements to indicate already configured with a date picker. */
+	markerClassName: "hasDatepicker",
+
+	//Keep track of the maximum number of rows displayed (see #7043)
+	maxRows: 4,
+
+	// TODO rename to "widget" when switching to widget factory
+	_widgetDatepicker: function() {
+		return this.dpDiv;
+	},
+
+	/* Override the default settings for all instances of the date picker.
+	 * @param  settings  object - the new settings to use as defaults (anonymous object)
+	 * @return the manager object
+	 */
+	setDefaults: function(settings) {
+		datepicker_extendRemove(this._defaults, settings || {});
+		return this;
+	},
+
+	/* Attach the date picker to a jQuery selection.
+	 * @param  target	element - the target input field or division or span
+	 * @param  settings  object - the new settings to use for this date picker instance (anonymous)
+	 */
+	_attachDatepicker: function(target, settings) {
+		var nodeName, inline, inst;
+		nodeName = target.nodeName.toLowerCase();
+		inline = (nodeName === "div" || nodeName === "span");
+		if (!target.id) {
+			this.uuid += 1;
+			target.id = "dp" + this.uuid;
+		}
+		inst = this._newInst($(target), inline);
+		inst.settings = $.extend({}, settings || {});
+		if (nodeName === "input") {
+			this._connectDatepicker(target, inst);
+		} else if (inline) {
+			this._inlineDatepicker(target, inst);
+		}
+	},
+
+	/* Create a new instance object. */
+	_newInst: function(target, inline) {
+		var id = target[0].id.replace(/([^A-Za-z0-9_\-])/g, "\\\\$1"); // escape jQuery meta chars
+		return {id: id, input: target, // associated target
+			selectedDay: 0, selectedMonth: 0, selectedYear: 0, // current selection
+			drawMonth: 0, drawYear: 0, // month being drawn
+			inline: inline, // is datepicker inline or not
+			dpDiv: (!inline ? this.dpDiv : // presentation div
+			datepicker_bindHover($("<div class='" + this._inlineClass + " ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all'></div>")))};
+	},
+
+	/* Attach the date picker to an input field. */
+	_connectDatepicker: function(target, inst) {
+		var input = $(target);
+		inst.append = $([]);
+		inst.trigger = $([]);
+		if (input.hasClass(this.markerClassName)) {
+			return;
+		}
+		this._attachments(input, inst);
+		input.addClass(this.markerClassName).keydown(this._doKeyDown).
+			keypress(this._doKeyPress).keyup(this._doKeyUp);
+		this._autoSize(inst);
+		$.data(target, "datepicker", inst);
+		//If disabled option is true, disable the datepicker once it has been attached to the input (see ticket #5665)
+		if( inst.settings.disabled ) {
+			this._disableDatepicker( target );
+		}
+	},
+
+	/* Make attachments based on settings. */
+	_attachments: function(input, inst) {
+		var showOn, buttonText, buttonImage,
+			appendText = this._get(inst, "appendText"),
+			isRTL = this._get(inst, "isRTL");
+
+		if (inst.append) {
+			inst.append.remove();
+		}
+		if (appendText) {
+			inst.append = $("<span class='" + this._appendClass + "'>" + appendText + "</span>");
+			input[isRTL ? "before" : "after"](inst.append);
+		}
+
+		input.unbind("focus", this._showDatepicker);
+
+		if (inst.trigger) {
+			inst.trigger.remove();
+		}
+
+		showOn = this._get(inst, "showOn");
+		if (showOn === "focus" || showOn === "both") { // pop-up date picker when in the marked field
+			input.focus(this._showDatepicker);
+		}
+		if (showOn === "button" || showOn === "both") { // pop-up date picker when button clicked
+			buttonText = this._get(inst, "buttonText");
+			buttonImage = this._get(inst, "buttonImage");
+			inst.trigger = $(this._get(inst, "buttonImageOnly") ?
+				$("<img/>").addClass(this._triggerClass).
+					attr({ src: buttonImage, alt: buttonText, title: buttonText }) :
+				$("<button type='button'></button>").addClass(this._triggerClass).
+					html(!buttonImage ? buttonText : $("<img/>").attr(
+					{ src:buttonImage, alt:buttonText, title:buttonText })));
+			input[isRTL ? "before" : "after"](inst.trigger);
+			inst.trigger.click(function() {
+				if ($.datepicker._datepickerShowing && $.datepicker._lastInput === input[0]) {
+					$.datepicker._hideDatepicker();
+				} else if ($.datepicker._datepickerShowing && $.datepicker._lastInput !== input[0]) {
+					$.datepicker._hideDatepicker();
+					$.datepicker._showDatepicker(input[0]);
+				} else {
+					$.datepicker._showDatepicker(input[0]);
+				}
+				return false;
+			});
+		}
+	},
+
+	/* Apply the maximum length for the date format. */
+	_autoSize: function(inst) {
+		if (this._get(inst, "autoSize") && !inst.inline) {
+			var findMax, max, maxI, i,
+				date = new Date(2009, 12 - 1, 20), // Ensure double digits
+				dateFormat = this._get(inst, "dateFormat");
+
+			if (dateFormat.match(/[DM]/)) {
+				findMax = function(names) {
+					max = 0;
+					maxI = 0;
+					for (i = 0; i < names.length; i++) {
+						if (names[i].length > max) {
+							max = names[i].length;
+							maxI = i;
+						}
+					}
+					return maxI;
+				};
+				date.setMonth(findMax(this._get(inst, (dateFormat.match(/MM/) ?
+					"monthNames" : "monthNamesShort"))));
+				date.setDate(findMax(this._get(inst, (dateFormat.match(/DD/) ?
+					"dayNames" : "dayNamesShort"))) + 20 - date.getDay());
+			}
+			inst.input.attr("size", this._formatDate(inst, date).length);
+		}
+	},
+
+	/* Attach an inline date picker to a div. */
+	_inlineDatepicker: function(target, inst) {
+		var divSpan = $(target);
+		if (divSpan.hasClass(this.markerClassName)) {
+			return;
+		}
+		divSpan.addClass(this.markerClassName).append(inst.dpDiv);
+		$.data(target, "datepicker", inst);
+		this._setDate(inst, this._getDefaultDate(inst), true);
+		this._updateDatepicker(inst);
+		this._updateAlternate(inst);
+		//If disabled option is true, disable the datepicker before showing it (see ticket #5665)
+		if( inst.settings.disabled ) {
+			this._disableDatepicker( target );
+		}
+		// Set display:block in place of inst.dpDiv.show() which won't work on disconnected elements
+		// http://bugs.jqueryui.com/ticket/7552 - A Datepicker created on a detached div has zero height
+		inst.dpDiv.css( "display", "block" );
+	},
+
+	/* Pop-up the date picker in a "dialog" box.
+	 * @param  input element - ignored
+	 * @param  date	string or Date - the initial date to display
+	 * @param  onSelect  function - the function to call when a date is selected
+	 * @param  settings  object - update the dialog date picker instance's settings (anonymous object)
+	 * @param  pos int[2] - coordinates for the dialog's position within the screen or
+	 *					event - with x/y coordinates or
+	 *					leave empty for default (screen centre)
+	 * @return the manager object
+	 */
+	_dialogDatepicker: function(input, date, onSelect, settings, pos) {
+		var id, browserWidth, browserHeight, scrollX, scrollY,
+			inst = this._dialogInst; // internal instance
+
+		if (!inst) {
+			this.uuid += 1;
+			id = "dp" + this.uuid;
+			this._dialogInput = $("<input type='text' id='" + id +
+				"' style='position: absolute; top: -100px; width: 0px;'/>");
+			this._dialogInput.keydown(this._doKeyDown);
+			$("body").append(this._dialogInput);
+			inst = this._dialogInst = this._newInst(this._dialogInput, false);
+			inst.settings = {};
+			$.data(this._dialogInput[0], "datepicker", inst);
+		}
+		datepicker_extendRemove(inst.settings, settings || {});
+		date = (date && date.constructor === Date ? this._formatDate(inst, date) : date);
+		this._dialogInput.val(date);
+
+		this._pos = (pos ? (pos.length ? pos : [pos.pageX, pos.pageY]) : null);
+		if (!this._pos) {
+			browserWidth = document.documentElement.clientWidth;
+			browserHeight = document.documentElement.clientHeight;
+			scrollX = document.documentElement.scrollLeft || document.body.scrollLeft;
+			scrollY = document.documentElement.scrollTop || document.body.scrollTop;
+			this._pos = // should use actual width/height below
+				[(browserWidth / 2) - 100 + scrollX, (browserHeight / 2) - 150 + scrollY];
+		}
+
+		// move input on screen for focus, but hidden behind dialog
+		this._dialogInput.css("left", (this._pos[0] + 20) + "px").css("top", this._pos[1] + "px");
+		inst.settings.onSelect = onSelect;
+		this._inDialog = true;
+		this.dpDiv.addClass(this._dialogClass);
+		this._showDatepicker(this._dialogInput[0]);
+		if ($.blockUI) {
+			$.blockUI(this.dpDiv);
+		}
+		$.data(this._dialogInput[0], "datepicker", inst);
+		return this;
+	},
+
+	/* Detach a datepicker from its control.
+	 * @param  target	element - the target input field or division or span
+	 */
+	_destroyDatepicker: function(target) {
+		var nodeName,
+			$target = $(target),
+			inst = $.data(target, "datepicker");
+
+		if (!$target.hasClass(this.markerClassName)) {
+			return;
+		}
+
+		nodeName = target.nodeName.toLowerCase();
+		$.removeData(target, "datepicker");
+		if (nodeName === "input") {
+			inst.append.remove();
+			inst.trigger.remove();
+			$target.removeClass(this.markerClassName).
+				unbind("focus", this._showDatepicker).
+				unbind("keydown", this._doKeyDown).
+				unbind("keypress", this._doKeyPress).
+				unbind("keyup", this._doKeyUp);
+		} else if (nodeName === "div" || nodeName === "span") {
+			$target.removeClass(this.markerClassName).empty();
+		}
+	},
+
+	/* Enable the date picker to a jQuery selection.
+	 * @param  target	element - the target input field or division or span
+	 */
+	_enableDatepicker: function(target) {
+		var nodeName, inline,
+			$target = $(target),
+			inst = $.data(target, "datepicker");
+
+		if (!$target.hasClass(this.markerClassName)) {
+			return;
+		}
+
+		nodeName = target.nodeName.toLowerCase();
+		if (nodeName === "input") {
+			target.disabled = false;
+			inst.trigger.filter("button").
+				each(function() { this.disabled = false; }).end().
+				filter("img").css({opacity: "1.0", cursor: ""});
+		} else if (nodeName === "div" || nodeName === "span") {
+			inline = $target.children("." + this._inlineClass);
+			inline.children().removeClass("ui-state-disabled");
+			inline.find("select.ui-datepicker-month, select.ui-datepicker-year").
+				prop("disabled", false);
+		}
+		this._disabledInputs = $.map(this._disabledInputs,
+			function(value) { return (value === target ? null : value); }); // delete entry
+	},
+
+	/* Disable the date picker to a jQuery selection.
+	 * @param  target	element - the target input field or division or span
+	 */
+	_disableDatepicker: function(target) {
+		var nodeName, inline,
+			$target = $(target),
+			inst = $.data(target, "datepicker");
+
+		if (!$target.hasClass(this.markerClassName)) {
+			return;
+		}
+
+		nodeName = target.nodeName.toLowerCase();
+		if (nodeName === "input") {
+			target.disabled = true;
+			inst.trigger.filter("button").
+				each(function() { this.disabled = true; }).end().
+				filter("img").css({opacity: "0.5", cursor: "default"});
+		} else if (nodeName === "div" || nodeName === "span") {
+			inline = $target.children("." + this._inlineClass);
+			inline.children().addClass("ui-state-disabled");
+			inline.find("select.ui-datepicker-month, select.ui-datepicker-year").
+				prop("disabled", true);
+		}
+		this._disabledInputs = $.map(this._disabledInputs,
+			function(value) { return (value === target ? null : value); }); // delete entry
+		this._disabledInputs[this._disabledInputs.length] = target;
+	},
+
+	/* Is the first field in a jQuery collection disabled as a datepicker?
+	 * @param  target	element - the target input field or division or span
+	 * @return boolean - true if disabled, false if enabled
+	 */
+	_isDisabledDatepicker: function(target) {
+		if (!target) {
+			return false;
+		}
+		for (var i = 0; i < this._disabledInputs.length; i++) {
+			if (this._disabledInputs[i] === target) {
+				return true;
+			}
+		}
+		return false;
+	},
+
+	/* Retrieve the instance data for the target control.
+	 * @param  target  element - the target input field or division or span
+	 * @return  object - the associated instance data
+	 * @throws  error if a jQuery problem getting data
+	 */
+	_getInst: function(target) {
+		try {
+			return $.data(target, "datepicker");
+		}
+		catch (err) {
+			throw "Missing instance data for this datepicker";
+		}
+	},
+
+	/* Update or retrieve the settings for a date picker attached to an input field or division.
+	 * @param  target  element - the target input field or division or span
+	 * @param  name	object - the new settings to update or
+	 *				string - the name of the setting to change or retrieve,
+	 *				when retrieving also "all" for all instance settings or
+	 *				"defaults" for all global defaults
+	 * @param  value   any - the new value for the setting
+	 *				(omit if above is an object or to retrieve a value)
+	 */
+	_optionDatepicker: function(target, name, value) {
+		var settings, date, minDate, maxDate,
+			inst = this._getInst(target);
+
+		if (arguments.length === 2 && typeof name === "string") {
+			return (name === "defaults" ? $.extend({}, $.datepicker._defaults) :
+				(inst ? (name === "all" ? $.extend({}, inst.settings) :
+				this._get(inst, name)) : null));
+		}
+
+		settings = name || {};
+		if (typeof name === "string") {
+			settings = {};
+			settings[name] = value;
+		}
+
+		if (inst) {
+			if (this._curInst === inst) {
+				this._hideDatepicker();
+			}
+
+			date = this._getDateDatepicker(target, true);
+			minDate = this._getMinMaxDate(inst, "min");
+			maxDate = this._getMinMaxDate(inst, "max");
+			datepicker_extendRemove(inst.settings, settings);
+			// reformat the old minDate/maxDate values if dateFormat changes and a new minDate/maxDate isn't provided
+			if (minDate !== null && settings.dateFormat !== undefined && settings.minDate === undefined) {
+				inst.settings.minDate = this._formatDate(inst, minDate);
+			}
+			if (maxDate !== null && settings.dateFormat !== undefined && settings.maxDate === undefined) {
+				inst.settings.maxDate = this._formatDate(inst, maxDate);
+			}
+			if ( "disabled" in settings ) {
+				if ( settings.disabled ) {
+					this._disableDatepicker(target);
+				} else {
+					this._enableDatepicker(target);
+				}
+			}
+			this._attachments($(target), inst);
+			this._autoSize(inst);
+			this._setDate(inst, date);
+			this._updateAlternate(inst);
+			this._updateDatepicker(inst);
+		}
+	},
+
+	// change method deprecated
+	_changeDatepicker: function(target, name, value) {
+		this._optionDatepicker(target, name, value);
+	},
+
+	/* Redraw the date picker attached to an input field or division.
+	 * @param  target  element - the target input field or division or span
+	 */
+	_refreshDatepicker: function(target) {
+		var inst = this._getInst(target);
+		if (inst) {
+			this._updateDatepicker(inst);
+		}
+	},
+
+	/* Set the dates for a jQuery selection.
+	 * @param  target element - the target input field or division or span
+	 * @param  date	Date - the new date
+	 */
+	_setDateDatepicker: function(target, date) {
+		var inst = this._getInst(target);
+		if (inst) {
+			this._setDate(inst, date);
+			this._updateDatepicker(inst);
+			this._updateAlternate(inst);
+		}
+	},
+
+	/* Get the date(s) for the first entry in a jQuery selection.
+	 * @param  target element - the target input field or division or span
+	 * @param  noDefault boolean - true if no default date is to be used
+	 * @return Date - the current date
+	 */
+	_getDateDatepicker: function(target, noDefault) {
+		var inst = this._getInst(target);
+		if (inst && !inst.inline) {
+			this._setDateFromField(inst, noDefault);
+		}
+		return (inst ? this._getDate(inst) : null);
+	},
+
+	/* Handle keystrokes. */
+	_doKeyDown: function(event) {
+		var onSelect, dateStr, sel,
+			inst = $.datepicker._getInst(event.target),
+			handled = true,
+			isRTL = inst.dpDiv.is(".ui-datepicker-rtl");
+
+		inst._keyEvent = true;
+		if ($.datepicker._datepickerShowing) {
+			switch (event.keyCode) {
+				case 9: $.datepicker._hideDatepicker();
+						handled = false;
+						break; // hide on tab out
+				case 13: sel = $("td." + $.datepicker._dayOverClass + ":not(." +
+									$.datepicker._currentClass + ")", inst.dpDiv);
+						if (sel[0]) {
+							$.datepicker._selectDay(event.target, inst.selectedMonth, inst.selectedYear, sel[0]);
+						}
+
+						onSelect = $.datepicker._get(inst, "onSelect");
+						if (onSelect) {
+							dateStr = $.datepicker._formatDate(inst);
+
+							// trigger custom callback
+							onSelect.apply((inst.input ? inst.input[0] : null), [dateStr, inst]);
+						} else {
+							$.datepicker._hideDatepicker();
+						}
+
+						return false; // don't submit the form
+				case 27: $.datepicker._hideDatepicker();
+						break; // hide on escape
+				case 33: $.datepicker._adjustDate(event.target, (event.ctrlKey ?
+							-$.datepicker._get(inst, "stepBigMonths") :
+							-$.datepicker._get(inst, "stepMonths")), "M");
+						break; // previous month/year on page up/+ ctrl
+				case 34: $.datepicker._adjustDate(event.target, (event.ctrlKey ?
+							+$.datepicker._get(inst, "stepBigMonths") :
+							+$.datepicker._get(inst, "stepMonths")), "M");
+						break; // next month/year on page down/+ ctrl
+				case 35: if (event.ctrlKey || event.metaKey) {
+							$.datepicker._clearDate(event.target);
+						}
+						handled = event.ctrlKey || event.metaKey;
+						break; // clear on ctrl or command +end
+				case 36: if (event.ctrlKey || event.metaKey) {
+							$.datepicker._gotoToday(event.target);
+						}
+						handled = event.ctrlKey || event.metaKey;
+						break; // current on ctrl or command +home
+				case 37: if (event.ctrlKey || event.metaKey) {
+							$.datepicker._adjustDate(event.target, (isRTL ? +1 : -1), "D");
+						}
+						handled = event.ctrlKey || event.metaKey;
+						// -1 day on ctrl or command +left
+						if (event.originalEvent.altKey) {
+							$.datepicker._adjustDate(event.target, (event.ctrlKey ?
+								-$.datepicker._get(inst, "stepBigMonths") :
+								-$.datepicker._get(inst, "stepMonths")), "M");
+						}
+						// next month/year on alt +left on Mac
+						break;
+				case 38: if (event.ctrlKey || event.metaKey) {
+							$.datepicker._adjustDate(event.target, -7, "D");
+						}
+						handled = event.ctrlKey || event.metaKey;
+						break; // -1 week on ctrl or command +up
+				case 39: if (event.ctrlKey || event.metaKey) {
+							$.datepicker._adjustDate(event.target, (isRTL ? -1 : +1), "D");
+						}
+						handled = event.ctrlKey || event.metaKey;
+						// +1 day on ctrl or command +right
+						if (event.originalEvent.altKey) {
+							$.datepicker._adjustDate(event.target, (event.ctrlKey ?
+								+$.datepicker._get(inst, "stepBigMonths") :
+								+$.datepicker._get(inst, "stepMonths")), "M");
+						}
+						// next month/year on alt +right
+						break;
+				case 40: if (event.ctrlKey || event.metaKey) {
+							$.datepicker._adjustDate(event.target, +7, "D");
+						}
+						handled = event.ctrlKey || event.metaKey;
+						break; // +1 week on ctrl or command +down
+				default: handled = false;
+			}
+		} else if (event.keyCode === 36 && event.ctrlKey) { // display the date picker on ctrl+home
+			$.datepicker._showDatepicker(this);
+		} else {
+			handled = false;
+		}
+
+		if (handled) {
+			event.preventDefault();
+			event.stopPropagation();
+		}
+	},
+
+	/* Filter entered characters - based on date format. */
+	_doKeyPress: function(event) {
+		var chars, chr,
+			inst = $.datepicker._getInst(event.target);
+
+		if ($.datepicker._get(inst, "constrainInput")) {
+			chars = $.datepicker._possibleChars($.datepicker._get(inst, "dateFormat"));
+			chr = String.fromCharCode(event.charCode == null ? event.keyCode : event.charCode);
+			return event.ctrlKey || event.metaKey || (chr < " " || !chars || chars.indexOf(chr) > -1);
+		}
+	},
+
+	/* Synchronise manual entry and field/alternate field. */
+	_doKeyUp: function(event) {
+		var date,
+			inst = $.datepicker._getInst(event.target);
+
+		if (inst.input.val() !== inst.lastVal) {
+			try {
+				date = $.datepicker.parseDate($.datepicker._get(inst, "dateFormat"),
+					(inst.input ? inst.input.val() : null),
+					$.datepicker._getFormatConfig(inst));
+
+				if (date) { // only if valid
+					$.datepicker._setDateFromField(inst);
+					$.datepicker._updateAlternate(inst);
+					$.datepicker._updateDatepicker(inst);
+				}
+			}
+			catch (err) {
+			}
+		}
+		return true;
+	},
+
+	/* Pop-up the date picker for a given input field.
+	 * If false returned from beforeShow event handler do not show.
+	 * @param  input  element - the input field attached to the date picker or
+	 *					event - if triggered by focus
+	 */
+	_showDatepicker: function(input) {
+		input = input.target || input;
+		if (input.nodeName.toLowerCase() !== "input") { // find from button/image trigger
+			input = $("input", input.parentNode)[0];
+		}
+
+		if ($.datepicker._isDisabledDatepicker(input) || $.datepicker._lastInput === input) { // already here
+			return;
+		}
+
+		var inst, beforeShow, beforeShowSettings, isFixed,
+			offset, showAnim, duration;
+
+		inst = $.datepicker._getInst(input);
+		if ($.datepicker._curInst && $.datepicker._curInst !== inst) {
+			$.datepicker._curInst.dpDiv.stop(true, true);
+			if ( inst && $.datepicker._datepickerShowing ) {
+				$.datepicker._hideDatepicker( $.datepicker._curInst.input[0] );
+			}
+		}
+
+		beforeShow = $.datepicker._get(inst, "beforeShow");
+		beforeShowSettings = beforeShow ? beforeShow.apply(input, [input, inst]) : {};
+		if(beforeShowSettings === false){
+			return;
+		}
+		datepicker_extendRemove(inst.settings, beforeShowSettings);
+
+		inst.lastVal = null;
+		$.datepicker._lastInput = input;
+		$.datepicker._setDateFromField(inst);
+
+		if ($.datepicker._inDialog) { // hide cursor
+			input.value = "";
+		}
+		if (!$.datepicker._pos) { // position below input
+			$.datepicker._pos = $.datepicker._findPos(input);
+			$.datepicker._pos[1] += input.offsetHeight; // add the height
+		}
+
+		isFixed = false;
+		$(input).parents().each(function() {
+			isFixed |= $(this).css("position") === "fixed";
+			return !isFixed;
+		});
+
+		offset = {left: $.datepicker._pos[0], top: $.datepicker._pos[1]};
+		$.datepicker._pos = null;
+		//to avoid flashes on Firefox
+		inst.dpDiv.empty();
+		// determine sizing offscreen
+		inst.dpDiv.css({position: "absolute", display: "block", top: "-1000px"});
+		$.datepicker._updateDatepicker(inst);
+		// fix width for dynamic number of date pickers
+		// and adjust position before showing
+		offset = $.datepicker._checkOffset(inst, offset, isFixed);
+		inst.dpDiv.css({position: ($.datepicker._inDialog && $.blockUI ?
+			"static" : (isFixed ? "fixed" : "absolute")), display: "none",
+			left: offset.left + "px", top: offset.top + "px"});
+
+		if (!inst.inline) {
+			showAnim = $.datepicker._get(inst, "showAnim");
+			duration = $.datepicker._get(inst, "duration");
+			inst.dpDiv.css( "z-index", datepicker_getZindex( $( input ) ) + 1 );
+			$.datepicker._datepickerShowing = true;
+
+			if ( $.effects && $.effects.effect[ showAnim ] ) {
+				inst.dpDiv.show(showAnim, $.datepicker._get(inst, "showOptions"), duration);
+			} else {
+				inst.dpDiv[showAnim || "show"](showAnim ? duration : null);
+			}
+
+			if ( $.datepicker._shouldFocusInput( inst ) ) {
+				inst.input.focus();
+			}
+
+			$.datepicker._curInst = inst;
+		}
+	},
+
+	/* Generate the date picker content. */
+	_updateDatepicker: function(inst) {
+		this.maxRows = 4; //Reset the max number of rows being displayed (see #7043)
+		datepicker_instActive = inst; // for delegate hover events
+		inst.dpDiv.empty().append(this._generateHTML(inst));
+		this._attachHandlers(inst);
+
+		var origyearshtml,
+			numMonths = this._getNumberOfMonths(inst),
+			cols = numMonths[1],
+			width = 17,
+			activeCell = inst.dpDiv.find( "." + this._dayOverClass + " a" );
+
+		if ( activeCell.length > 0 ) {
+			datepicker_handleMouseover.apply( activeCell.get( 0 ) );
+		}
+
+		inst.dpDiv.removeClass("ui-datepicker-multi-2 ui-datepicker-multi-3 ui-datepicker-multi-4").width("");
+		if (cols > 1) {
+			inst.dpDiv.addClass("ui-datepicker-multi-" + cols).css("width", (width * cols) + "em");
+		}
+		inst.dpDiv[(numMonths[0] !== 1 || numMonths[1] !== 1 ? "add" : "remove") +
+			"Class"]("ui-datepicker-multi");
+		inst.dpDiv[(this._get(inst, "isRTL") ? "add" : "remove") +
+			"Class"]("ui-datepicker-rtl");
+
+		if (inst === $.datepicker._curInst && $.datepicker._datepickerShowing && $.datepicker._shouldFocusInput( inst ) ) {
+			inst.input.focus();
+		}
+
+		// deffered render of the years select (to avoid flashes on Firefox)
+		if( inst.yearshtml ){
+			origyearshtml = inst.yearshtml;
+			setTimeout(function(){
+				//assure that inst.yearshtml didn't change.
+				if( origyearshtml === inst.yearshtml && inst.yearshtml ){
+					inst.dpDiv.find("select.ui-datepicker-year:first").replaceWith(inst.yearshtml);
+				}
+				origyearshtml = inst.yearshtml = null;
+			}, 0);
+		}
+	},
+
+	// #6694 - don't focus the input if it's already focused
+	// this breaks the change event in IE
+	// Support: IE and jQuery <1.9
+	_shouldFocusInput: function( inst ) {
+		return inst.input && inst.input.is( ":visible" ) && !inst.input.is( ":disabled" ) && !inst.input.is( ":focus" );
+	},
+
+	/* Check positioning to remain on screen. */
+	_checkOffset: function(inst, offset, isFixed) {
+		var dpWidth = inst.dpDiv.outerWidth(),
+			dpHeight = inst.dpDiv.outerHeight(),
+			inputWidth = inst.input ? inst.input.outerWidth() : 0,
+			inputHeight = inst.input ? inst.input.outerHeight() : 0,
+			viewWidth = document.documentElement.clientWidth + (isFixed ? 0 : $(document).scrollLeft()),
+			viewHeight = document.documentElement.clientHeight + (isFixed ? 0 : $(document).scrollTop());
+
+		offset.left -= (this._get(inst, "isRTL") ? (dpWidth - inputWidth) : 0);
+		offset.left -= (isFixed && offset.left === inst.input.offset().left) ? $(document).scrollLeft() : 0;
+		offset.top -= (isFixed && offset.top === (inst.input.offset().top + inputHeight)) ? $(document).scrollTop() : 0;
+
+		// now check if datepicker is showing outside window viewport - move to a better place if so.
+		offset.left -= Math.min(offset.left, (offset.left + dpWidth > viewWidth && viewWidth > dpWidth) ?
+			Math.abs(offset.left + dpWidth - viewWidth) : 0);
+		offset.top -= Math.min(offset.top, (offset.top + dpHeight > viewHeight && viewHeight > dpHeight) ?
+			Math.abs(dpHeight + inputHeight) : 0);
+
+		return offset;
+	},
+
+	/* Find an object's position on the screen. */
+	_findPos: function(obj) {
+		var position,
+			inst = this._getInst(obj),
+			isRTL = this._get(inst, "isRTL");
+
+		while (obj && (obj.type === "hidden" || obj.nodeType !== 1 || $.expr.filters.hidden(obj))) {
+			obj = obj[isRTL ? "previousSibling" : "nextSibling"];
+		}
+
+		position = $(obj).offset();
+		return [position.left, position.top];
+	},
+
+	/* Hide the date picker from view.
+	 * @param  input  element - the input field attached to the date picker
+	 */
+	_hideDatepicker: function(input) {
+		var showAnim, duration, postProcess, onClose,
+			inst = this._curInst;
+
+		if (!inst || (input && inst !== $.data(input, "datepicker"))) {
+			return;
+		}
+
+		if (this._datepickerShowing) {
+			showAnim = this._get(inst, "showAnim");
+			duration = this._get(inst, "duration");
+			postProcess = function() {
+				$.datepicker._tidyDialog(inst);
+			};
+
+			// DEPRECATED: after BC for 1.8.x $.effects[ showAnim ] is not needed
+			if ( $.effects && ( $.effects.effect[ showAnim ] || $.effects[ showAnim ] ) ) {
+				inst.dpDiv.hide(showAnim, $.datepicker._get(inst, "showOptions"), duration, postProcess);
+			} else {
+				inst.dpDiv[(showAnim === "slideDown" ? "slideUp" :
+					(showAnim === "fadeIn" ? "fadeOut" : "hide"))]((showAnim ? duration : null), postProcess);
+			}
+
+			if (!showAnim) {
+				postProcess();
+			}
+			this._datepickerShowing = false;
+
+			onClose = this._get(inst, "onClose");
+			if (onClose) {
+				onClose.apply((inst.input ? inst.input[0] : null), [(inst.input ? inst.input.val() : ""), inst]);
+			}
+
+			this._lastInput = null;
+			if (this._inDialog) {
+				this._dialogInput.css({ position: "absolute", left: "0", top: "-100px" });
+				if ($.blockUI) {
+					$.unblockUI();
+					$("body").append(this.dpDiv);
+				}
+			}
+			this._inDialog = false;
+		}
+	},
+
+	/* Tidy up after a dialog display. */
+	_tidyDialog: function(inst) {
+		inst.dpDiv.removeClass(this._dialogClass).unbind(".ui-datepicker-calendar");
+	},
+
+	/* Close date picker if clicked elsewhere. */
+	_checkExternalClick: function(event) {
+		if (!$.datepicker._curInst) {
+			return;
+		}
+
+		var $target = $(event.target),
+			inst = $.datepicker._getInst($target[0]);
+
+		if ( ( ( $target[0].id !== $.datepicker._mainDivId &&
+				$target.parents("#" + $.datepicker._mainDivId).length === 0 &&
+				!$target.hasClass($.datepicker.markerClassName) &&
+				!$target.closest("." + $.datepicker._triggerClass).length &&
+				$.datepicker._datepickerShowing && !($.datepicker._inDialog && $.blockUI) ) ) ||
+			( $target.hasClass($.datepicker.markerClassName) && $.datepicker._curInst !== inst ) ) {
+				$.datepicker._hideDatepicker();
+		}
+	},
+
+	/* Adjust one of the date sub-fields. */
+	_adjustDate: function(id, offset, period) {
+		var target = $(id),
+			inst = this._getInst(target[0]);
+
+		if (this._isDisabledDatepicker(target[0])) {
+			return;
+		}
+		this._adjustInstDate(inst, offset +
+			(period === "M" ? this._get(inst, "showCurrentAtPos") : 0), // undo positioning
+			period);
+		this._updateDatepicker(inst);
+	},
+
+	/* Action for current link. */
+	_gotoToday: function(id) {
+		var date,
+			target = $(id),
+			inst = this._getInst(target[0]);
+
+		if (this._get(inst, "gotoCurrent") && inst.currentDay) {
+			inst.selectedDay = inst.currentDay;
+			inst.drawMonth = inst.selectedMonth = inst.currentMonth;
+			inst.drawYear = inst.selectedYear = inst.currentYear;
+		} else {
+			date = new Date();
+			inst.selectedDay = date.getDate();
+			inst.drawMonth = inst.selectedMonth = date.getMonth();
+			inst.drawYear = inst.selectedYear = date.getFullYear();
+		}
+		this._notifyChange(inst);
+		this._adjustDate(target);
+	},
+
+	/* Action for selecting a new month/year. */
+	_selectMonthYear: function(id, select, period) {
+		var target = $(id),
+			inst = this._getInst(target[0]);
+
+		inst["selected" + (period === "M" ? "Month" : "Year")] =
+		inst["draw" + (period === "M" ? "Month" : "Year")] =
+			parseInt(select.options[select.selectedIndex].value,10);
+
+		this._notifyChange(inst);
+		this._adjustDate(target);
+	},
+
+	/* Action for selecting a day. */
+	_selectDay: function(id, month, year, td) {
+		var inst,
+			target = $(id);
+
+		if ($(td).hasClass(this._unselectableClass) || this._isDisabledDatepicker(target[0])) {
+			return;
+		}
+
+		inst = this._getInst(target[0]);
+		inst.selectedDay = inst.currentDay = $("a", td).html();
+		inst.selectedMonth = inst.currentMonth = month;
+		inst.selectedYear = inst.currentYear = year;
+		this._selectDate(id, this._formatDate(inst,
+			inst.currentDay, inst.currentMonth, inst.currentYear));
+	},
+
+	/* Erase the input field and hide the date picker. */
+	_clearDate: function(id) {
+		var target = $(id);
+		this._selectDate(target, "");
+	},
+
+	/* Update the input field with the selected date. */
+	_selectDate: function(id, dateStr) {
+		var onSelect,
+			target = $(id),
+			inst = this._getInst(target[0]);
+
+		dateStr = (dateStr != null ? dateStr : this._formatDate(inst));
+		if (inst.input) {
+			inst.input.val(dateStr);
+		}
+		this._updateAlternate(inst);
+
+		onSelect = this._get(inst, "onSelect");
+		if (onSelect) {
+			onSelect.apply((inst.input ? inst.input[0] : null), [dateStr, inst]);  // trigger custom callback
+		} else if (inst.input) {
+			inst.input.trigger("change"); // fire the change event
+		}
+
+		if (inst.inline){
+			this._updateDatepicker(inst);
+		} else {
+			this._hideDatepicker();
+			this._lastInput = inst.input[0];
+			if (typeof(inst.input[0]) !== "object") {
+				inst.input.focus(); // restore focus
+			}
+			this._lastInput = null;
+		}
+	},
+
+	/* Update any alternate field to synchronise with the main field. */
+	_updateAlternate: function(inst) {
+		var altFormat, date, dateStr,
+			altField = this._get(inst, "altField");
+
+		if (altField) { // update alternate field too
+			altFormat = this._get(inst, "altFormat") || this._get(inst, "dateFormat");
+			date = this._getDate(inst);
+			dateStr = this.formatDate(altFormat, date, this._getFormatConfig(inst));
+			$(altField).each(function() { $(this).val(dateStr); });
+		}
+	},
+
+	/* Set as beforeShowDay function to prevent selection of weekends.
+	 * @param  date  Date - the date to customise
+	 * @return [boolean, string] - is this date selectable?, what is its CSS class?
+	 */
+	noWeekends: function(date) {
+		var day = date.getDay();
+		return [(day > 0 && day < 6), ""];
+	},
+
+	/* Set as calculateWeek to determine the week of the year based on the ISO 8601 definition.
+	 * @param  date  Date - the date to get the week for
+	 * @return  number - the number of the week within the year that contains this date
+	 */
+	iso8601Week: function(date) {
+		var time,
+			checkDate = new Date(date.getTime());
+
+		// Find Thursday of this week starting on Monday
+		checkDate.setDate(checkDate.getDate() + 4 - (checkDate.getDay() || 7));
+
+		time = checkDate.getTime();
+		checkDate.setMonth(0); // Compare with Jan 1
+		checkDate.setDate(1);
+		return Math.floor(Math.round((time - checkDate) / 86400000) / 7) + 1;
+	},
+
+	/* Parse a string value into a date object.
+	 * See formatDate below for the possible formats.
+	 *
+	 * @param  format string - the expected format of the date
+	 * @param  value string - the date in the above format
+	 * @param  settings Object - attributes include:
+	 *					shortYearCutoff  number - the cutoff year for determining the century (optional)
+	 *					dayNamesShort	string[7] - abbreviated names of the days from Sunday (optional)
+	 *					dayNames		string[7] - names of the days from Sunday (optional)
+	 *					monthNamesShort string[12] - abbreviated names of the months (optional)
+	 *					monthNames		string[12] - names of the months (optional)
+	 * @return  Date - the extracted date value or null if value is blank
+	 */
+	parseDate: function (format, value, settings) {
+		if (format == null || value == null) {
+			throw "Invalid arguments";
+		}
+
+		value = (typeof value === "object" ? value.toString() : value + "");
+		if (value === "") {
+			return null;
+		}
+
+		var iFormat, dim, extra,
+			iValue = 0,
+			shortYearCutoffTemp = (settings ? settings.shortYearCutoff : null) || this._defaults.shortYearCutoff,
+			shortYearCutoff = (typeof shortYearCutoffTemp !== "string" ? shortYearCutoffTemp :
+				new Date().getFullYear() % 100 + parseInt(shortYearCutoffTemp, 10)),
+			dayNamesShort = (settings ? settings.dayNamesShort : null) || this._defaults.dayNamesShort,
+			dayNames = (settings ? settings.dayNames : null) || this._defaults.dayNames,
+			monthNamesShort = (settings ? settings.monthNamesShort : null) || this._defaults.monthNamesShort,
+			monthNames = (settings ? settings.monthNames : null) || this._defaults.monthNames,
+			year = -1,
+			month = -1,
+			day = -1,
+			doy = -1,
+			literal = false,
+			date,
+			// Check whether a format character is doubled
+			lookAhead = function(match) {
+				var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) === match);
+				if (matches) {
+					iFormat++;
+				}
+				return matches;
+			},
+			// Extract a number from the string value
+			getNumber = function(match) {
+				var isDoubled = lookAhead(match),
+					size = (match === "@" ? 14 : (match === "!" ? 20 :
+					(match === "y" && isDoubled ? 4 : (match === "o" ? 3 : 2)))),
+					minSize = (match === "y" ? size : 1),
+					digits = new RegExp("^\\d{" + minSize + "," + size + "}"),
+					num = value.substring(iValue).match(digits);
+				if (!num) {
+					throw "Missing number at position " + iValue;
+				}
+				iValue += num[0].length;
+				return parseInt(num[0], 10);
+			},
+			// Extract a name from the string value and convert to an index
+			getName = function(match, shortNames, longNames) {
+				var index = -1,
+					names = $.map(lookAhead(match) ? longNames : shortNames, function (v, k) {
+						return [ [k, v] ];
+					}).sort(function (a, b) {
+						return -(a[1].length - b[1].length);
+					});
+
+				$.each(names, function (i, pair) {
+					var name = pair[1];
+					if (value.substr(iValue, name.length).toLowerCase() === name.toLowerCase()) {
+						index = pair[0];
+						iValue += name.length;
+						return false;
+					}
+				});
+				if (index !== -1) {
+					return index + 1;
+				} else {
+					throw "Unknown name at position " + iValue;
+				}
+			},
+			// Confirm that a literal character matches the string value
+			checkLiteral = function() {
+				if (value.charAt(iValue) !== format.charAt(iFormat)) {
+					throw "Unexpected literal at position " + iValue;
+				}
+				iValue++;
+			};
+
+		for (iFormat = 0; iFormat < format.length; iFormat++) {
+			if (literal) {
+				if (format.charAt(iFormat) === "'" && !lookAhead("'")) {
+					literal = false;
+				} else {
+					checkLiteral();
+				}
+			} else {
+				switch (format.charAt(iFormat)) {
+					case "d":
+						day = getNumber("d");
+						break;
+					case "D":
+						getName("D", dayNamesShort, dayNames);
+						break;
+					case "o":
+						doy = getNumber("o");
+						break;
+					case "m":
+						month = getNumber("m");
+						break;
+					case "M":
+						month = getName("M", monthNamesShort, monthNames);
+						break;
+					case "y":
+						year = getNumber("y");
+						break;
+					case "@":
+						date = new Date(getNumber("@"));
+						year = date.getFullYear();
+						month = date.getMonth() + 1;
+						day = date.getDate();
+						break;
+					case "!":
+						date = new Date((getNumber("!") - this._ticksTo1970) / 10000);
+						year = date.getFullYear();
+						month = date.getMonth() + 1;
+						day = date.getDate();
+						break;
+					case "'":
+						if (lookAhead("'")){
+							checkLiteral();
+						} else {
+							literal = true;
+						}
+						break;
+					default:
+						checkLiteral();
+				}
+			}
+		}
+
+		if (iValue < value.length){
+			extra = value.substr(iValue);
+			if (!/^\s+/.test(extra)) {
+				throw "Extra/unparsed characters found in date: " + extra;
+			}
+		}
+
+		if (year === -1) {
+			year = new Date().getFullYear();
+		} else if (year < 100) {
+			year += new Date().getFullYear() - new Date().getFullYear() % 100 +
+				(year <= shortYearCutoff ? 0 : -100);
+		}
+
+		if (doy > -1) {
+			month = 1;
+			day = doy;
+			do {
+				dim = this._getDaysInMonth(year, month - 1);
+				if (day <= dim) {
+					break;
+				}
+				month++;
+				day -= dim;
+			} while (true);
+		}
+
+		date = this._daylightSavingAdjust(new Date(year, month - 1, day));
+		if (date.getFullYear() !== year || date.getMonth() + 1 !== month || date.getDate() !== day) {
+			throw "Invalid date"; // E.g. 31/02/00
+		}
+		return date;
+	},
+
+	/* Standard date formats. */
+	ATOM: "yy-mm-dd", // RFC 3339 (ISO 8601)
+	COOKIE: "D, dd M yy",
+	ISO_8601: "yy-mm-dd",
+	RFC_822: "D, d M y",
+	RFC_850: "DD, dd-M-y",
+	RFC_1036: "D, d M y",
+	RFC_1123: "D, d M yy",
+	RFC_2822: "D, d M yy",
+	RSS: "D, d M y", // RFC 822
+	TICKS: "!",
+	TIMESTAMP: "@",
+	W3C: "yy-mm-dd", // ISO 8601
+
+	_ticksTo1970: (((1970 - 1) * 365 + Math.floor(1970 / 4) - Math.floor(1970 / 100) +
+		Math.floor(1970 / 400)) * 24 * 60 * 60 * 10000000),
+
+	/* Format a date object into a string value.
+	 * The format can be combinations of the following:
+	 * d  - day of month (no leading zero)
+	 * dd - day of month (two digit)
+	 * o  - day of year (no leading zeros)
+	 * oo - day of year (three digit)
+	 * D  - day name short
+	 * DD - day name long
+	 * m  - month of year (no leading zero)
+	 * mm - month of year (two digit)
+	 * M  - month name short
+	 * MM - month name long
+	 * y  - year (two digit)
+	 * yy - year (four digit)
+	 * @ - Unix timestamp (ms since 01/01/1970)
+	 * ! - Windows ticks (100ns since 01/01/0001)
+	 * "..." - literal text
+	 * '' - single quote
+	 *
+	 * @param  format string - the desired format of the date
+	 * @param  date Date - the date value to format
+	 * @param  settings Object - attributes include:
+	 *					dayNamesShort	string[7] - abbreviated names of the days from Sunday (optional)
+	 *					dayNames		string[7] - names of the days from Sunday (optional)
+	 *					monthNamesShort string[12] - abbreviated names of the months (optional)
+	 *					monthNames		string[12] - names of the months (optional)
+	 * @return  string - the date in the above format
+	 */
+	formatDate: function (format, date, settings) {
+		if (!date) {
+			return "";
+		}
+
+		var iFormat,
+			dayNamesShort = (settings ? settings.dayNamesShort : null) || this._defaults.dayNamesShort,
+			dayNames = (settings ? settings.dayNames : null) || this._defaults.dayNames,
+			monthNamesShort = (settings ? settings.monthNamesShort : null) || this._defaults.monthNamesShort,
+			monthNames = (settings ? settings.monthNames : null) || this._defaults.monthNames,
+			// Check whether a format character is doubled
+			lookAhead = function(match) {
+				var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) === match);
+				if (matches) {
+					iFormat++;
+				}
+				return matches;
+			},
+			// Format a number, with leading zero if necessary
+			formatNumber = function(match, value, len) {
+				var num = "" + value;
+				if (lookAhead(match)) {
+					while (num.length < len) {
+						num = "0" + num;
+					}
+				}
+				return num;
+			},
+			// Format a name, short or long as requested
+			formatName = function(match, value, shortNames, longNames) {
+				return (lookAhead(match) ? longNames[value] : shortNames[value]);
+			},
+			output = "",
+			literal = false;
+
+		if (date) {
+			for (iFormat = 0; iFormat < format.length; iFormat++) {
+				if (literal) {
+					if (format.charAt(iFormat) === "'" && !lookAhead("'")) {
+						literal = false;
+					} else {
+						output += format.charAt(iFormat);
+					}
+				} else {
+					switch (format.charAt(iFormat)) {
+						case "d":
+							output += formatNumber("d", date.getDate(), 2);
+							break;
+						case "D":
+							output += formatName("D", date.getDay(), dayNamesShort, dayNames);
+							break;
+						case "o":
+							output += formatNumber("o",
+								Math.round((new Date(date.getFullYear(), date.getMonth(), date.getDate()).getTime() - new Date(date.getFullYear(), 0, 0).getTime()) / 86400000), 3);
+							break;
+						case "m":
+							output += formatNumber("m", date.getMonth() + 1, 2);
+							break;
+						case "M":
+							output += formatName("M", date.getMonth(), monthNamesShort, monthNames);
+							break;
+						case "y":
+							output += (lookAhead("y") ? date.getFullYear() :
+								(date.getYear() % 100 < 10 ? "0" : "") + date.getYear() % 100);
+							break;
+						case "@":
+							output += date.getTime();
+							break;
+						case "!":
+							output += date.getTime() * 10000 + this._ticksTo1970;
+							break;
+						case "'":
+							if (lookAhead("'")) {
+								output += "'";
+							} else {
+								literal = true;
+							}
+							break;
+						default:
+							output += format.charAt(iFormat);
+					}
+				}
+			}
+		}
+		return output;
+	},
+
+	/* Extract all possible characters from the date format. */
+	_possibleChars: function (format) {
+		var iFormat,
+			chars = "",
+			literal = false,
+			// Check whether a format character is doubled
+			lookAhead = function(match) {
+				var matches = (iFormat + 1 < format.length && format.charAt(iFormat + 1) === match);
+				if (matches) {
+					iFormat++;
+				}
+				return matches;
+			};
+
+		for (iFormat = 0; iFormat < format.length; iFormat++) {
+			if (literal) {
+				if (format.charAt(iFormat) === "'" && !lookAhead("'")) {
+					literal = false;
+				} else {
+					chars += format.charAt(iFormat);
+				}
+			} else {
+				switch (format.charAt(iFormat)) {
+					case "d": case "m": case "y": case "@":
+						chars += "0123456789";
+						break;
+					case "D": case "M":
+						return null; // Accept anything
+					case "'":
+						if (lookAhead("'")) {
+							chars += "'";
+						} else {
+							literal = true;
+						}
+						break;
+					default:
+						chars += format.charAt(iFormat);
+				}
+			}
+		}
+		return chars;
+	},
+
+	/* Get a setting value, defaulting if necessary. */
+	_get: function(inst, name) {
+		return inst.settings[name] !== undefined ?
+			inst.settings[name] : this._defaults[name];
+	},
+
+	/* Parse existing date and initialise date picker. */
+	_setDateFromField: function(inst, noDefault) {
+		if (inst.input.val() === inst.lastVal) {
+			return;
+		}
+
+		var dateFormat = this._get(inst, "dateFormat"),
+			dates = inst.lastVal = inst.input ? inst.input.val() : null,
+			defaultDate = this._getDefaultDate(inst),
+			date = defaultDate,
+			settings = this._getFormatConfig(inst);
+
+		try {
+			date = this.parseDate(dateFormat, dates, settings) || defaultDate;
+		} catch (event) {
+			dates = (noDefault ? "" : dates);
+		}
+		inst.selectedDay = date.getDate();
+		inst.drawMonth = inst.selectedMonth = date.getMonth();
+		inst.drawYear = inst.selectedYear = date.getFullYear();
+		inst.currentDay = (dates ? date.getDate() : 0);
+		inst.currentMonth = (dates ? date.getMonth() : 0);
+		inst.currentYear = (dates ? date.getFullYear() : 0);
+		this._adjustInstDate(inst);
+	},
+
+	/* Retrieve the default date shown on opening. */
+	_getDefaultDate: function(inst) {
+		return this._restrictMinMax(inst,
+			this._determineDate(inst, this._get(inst, "defaultDate"), new Date()));
+	},
+
+	/* A date may be specified as an exact value or a relative one. */
+	_determineDate: function(inst, date, defaultDate) {
+		var offsetNumeric = function(offset) {
+				var date = new Date();
+				date.setDate(date.getDate() + offset);
+				return date;
+			},
+			offsetString = function(offset) {
+				try {
+					return $.datepicker.parseDate($.datepicker._get(inst, "dateFormat"),
+						offset, $.datepicker._getFormatConfig(inst));
+				}
+				catch (e) {
+					// Ignore
+				}
+
+				var date = (offset.toLowerCase().match(/^c/) ?
+					$.datepicker._getDate(inst) : null) || new Date(),
+					year = date.getFullYear(),
+					month = date.getMonth(),
+					day = date.getDate(),
+					pattern = /([+\-]?[0-9]+)\s*(d|D|w|W|m|M|y|Y)?/g,
+					matches = pattern.exec(offset);
+
+				while (matches) {
+					switch (matches[2] || "d") {
+						case "d" : case "D" :
+							day += parseInt(matches[1],10); break;
+						case "w" : case "W" :
+							day += parseInt(matches[1],10) * 7; break;
+						case "m" : case "M" :
+							month += parseInt(matches[1],10);
+							day = Math.min(day, $.datepicker._getDaysInMonth(year, month));
+							break;
+						case "y": case "Y" :
+							year += parseInt(matches[1],10);
+							day = Math.min(day, $.datepicker._getDaysInMonth(year, month));
+							break;
+					}
+					matches = pattern.exec(offset);
+				}
+				return new Date(year, month, day);
+			},
+			newDate = (date == null || date === "" ? defaultDate : (typeof date === "string" ? offsetString(date) :
+				(typeof date === "number" ? (isNaN(date) ? defaultDate : offsetNumeric(date)) : new Date(date.getTime()))));
+
+		newDate = (newDate && newDate.toString() === "Invalid Date" ? defaultDate : newDate);
+		if (newDate) {
+			newDate.setHours(0);
+			newDate.setMinutes(0);
+			newDate.setSeconds(0);
+			newDate.setMilliseconds(0);
+		}
+		return this._daylightSavingAdjust(newDate);
+	},
+
+	/* Handle switch to/from daylight saving.
+	 * Hours may be non-zero on daylight saving cut-over:
+	 * > 12 when midnight changeover, but then cannot generate
+	 * midnight datetime, so jump to 1AM, otherwise reset.
+	 * @param  date  (Date) the date to check
+	 * @return  (Date) the corrected date
+	 */
+	_daylightSavingAdjust: function(date) {
+		if (!date) {
+			return null;
+		}
+		date.setHours(date.getHours() > 12 ? date.getHours() + 2 : 0);
+		return date;
+	},
+
+	/* Set the date(s) directly. */
+	_setDate: function(inst, date, noChange) {
+		var clear = !date,
+			origMonth = inst.selectedMonth,
+			origYear = inst.selectedYear,
+			newDate = this._restrictMinMax(inst, this._determineDate(inst, date, new Date()));
+
+		inst.selectedDay = inst.currentDay = newDate.getDate();
+		inst.drawMonth = inst.selectedMonth = inst.currentMonth = newDate.getMonth();
+		inst.drawYear = inst.selectedYear = inst.currentYear = newDate.getFullYear();
+		if ((origMonth !== inst.selectedMonth || origYear !== inst.selectedYear) && !noChange) {
+			this._notifyChange(inst);
+		}
+		this._adjustInstDate(inst);
+		if (inst.input) {
+			inst.input.val(clear ? "" : this._formatDate(inst));
+		}
+	},
+
+	/* Retrieve the date(s) directly. */
+	_getDate: function(inst) {
+		var startDate = (!inst.currentYear || (inst.input && inst.input.val() === "") ? null :
+			this._daylightSavingAdjust(new Date(
+			inst.currentYear, inst.currentMonth, inst.currentDay)));
+			return startDate;
+	},
+
+	/* Attach the onxxx handlers.  These are declared statically so
+	 * they work with static code transformers like Caja.
+	 */
+	_attachHandlers: function(inst) {
+		var stepMonths = this._get(inst, "stepMonths"),
+			id = "#" + inst.id.replace( /\\\\/g, "\\" );
+		inst.dpDiv.find("[data-handler]").map(function () {
+			var handler = {
+				prev: function () {
+					$.datepicker._adjustDate(id, -stepMonths, "M");
+				},
+				next: function () {
+					$.datepicker._adjustDate(id, +stepMonths, "M");
+				},
+				hide: function () {
+					$.datepicker._hideDatepicker();
+				},
+				today: function () {
+					$.datepicker._gotoToday(id);
+				},
+				selectDay: function () {
+					$.datepicker._selectDay(id, +this.getAttribute("data-month"), +this.getAttribute("data-year"), this);
+					return false;
+				},
+				selectMonth: function () {
+					$.datepicker._selectMonthYear(id, this, "M");
+					return false;
+				},
+				selectYear: function () {
+					$.datepicker._selectMonthYear(id, this, "Y");
+					return false;
+				}
+			};
+			$(this).bind(this.getAttribute("data-event"), handler[this.getAttribute("data-handler")]);
+		});
+	},
+
+	/* Generate the HTML for the current state of the date picker. */
+	_generateHTML: function(inst) {
+		var maxDraw, prevText, prev, nextText, next, currentText, gotoDate,
+			controls, buttonPanel, firstDay, showWeek, dayNames, dayNamesMin,
+			monthNames, monthNamesShort, beforeShowDay, showOtherMonths,
+			selectOtherMonths, defaultDate, html, dow, row, group, col, selectedDate,
+			cornerClass, calender, thead, day, daysInMonth, leadDays, curRows, numRows,
+			printDate, dRow, tbody, daySettings, otherMonth, unselectable,
+			tempDate = new Date(),
+			today = this._daylightSavingAdjust(
+				new Date(tempDate.getFullYear(), tempDate.getMonth(), tempDate.getDate())), // clear time
+			isRTL = this._get(inst, "isRTL"),
+			showButtonPanel = this._get(inst, "showButtonPanel"),
+			hideIfNoPrevNext = this._get(inst, "hideIfNoPrevNext"),
+			navigationAsDateFormat = this._get(inst, "navigationAsDateFormat"),
+			numMonths = this._getNumberOfMonths(inst),
+			showCurrentAtPos = this._get(inst, "showCurrentAtPos"),
+			stepMonths = this._get(inst, "stepMonths"),
+			isMultiMonth = (numMonths[0] !== 1 || numMonths[1] !== 1),
+			currentDate = this._daylightSavingAdjust((!inst.currentDay ? new Date(9999, 9, 9) :
+				new Date(inst.currentYear, inst.currentMonth, inst.currentDay))),
+			minDate = this._getMinMaxDate(inst, "min"),
+			maxDate = this._getMinMaxDate(inst, "max"),
+			drawMonth = inst.drawMonth - showCurrentAtPos,
+			drawYear = inst.drawYear;
+
+		if (drawMonth < 0) {
+			drawMonth += 12;
+			drawYear--;
+		}
+		if (maxDate) {
+			maxDraw = this._daylightSavingAdjust(new Date(maxDate.getFullYear(),
+				maxDate.getMonth() - (numMonths[0] * numMonths[1]) + 1, maxDate.getDate()));
+			maxDraw = (minDate && maxDraw < minDate ? minDate : maxDraw);
+			while (this._daylightSavingAdjust(new Date(drawYear, drawMonth, 1)) > maxDraw) {
+				drawMonth--;
+				if (drawMonth < 0) {
+					drawMonth = 11;
+					drawYear--;
+				}
+			}
+		}
+		inst.drawMonth = drawMonth;
+		inst.drawYear = drawYear;
+
+		prevText = this._get(inst, "prevText");
+		prevText = (!navigationAsDateFormat ? prevText : this.formatDate(prevText,
+			this._daylightSavingAdjust(new Date(drawYear, drawMonth - stepMonths, 1)),
+			this._getFormatConfig(inst)));
+
+		prev = (this._canAdjustMonth(inst, -1, drawYear, drawMonth) ?
+			"<a class='ui-datepicker-prev ui-corner-all' data-handler='prev' data-event='click'" +
+			" title='" + prevText + "'><span class='ui-icon ui-icon-circle-triangle-" + ( isRTL ? "e" : "w") + "'>" + prevText + "</span></a>" :
+			(hideIfNoPrevNext ? "" : "<a class='ui-datepicker-prev ui-corner-all ui-state-disabled' title='"+ prevText +"'><span class='ui-icon ui-icon-circle-triangle-" + ( isRTL ? "e" : "w") + "'>" + prevText + "</span></a>"));
+
+		nextText = this._get(inst, "nextText");
+		nextText = (!navigationAsDateFormat ? nextText : this.formatDate(nextText,
+			this._daylightSavingAdjust(new Date(drawYear, drawMonth + stepMonths, 1)),
+			this._getFormatConfig(inst)));
+
+		next = (this._canAdjustMonth(inst, +1, drawYear, drawMonth) ?
+			"<a class='ui-datepicker-next ui-corner-all' data-handler='next' data-event='click'" +
+			" title='" + nextText + "'><span class='ui-icon ui-icon-circle-triangle-" + ( isRTL ? "w" : "e") + "'>" + nextText + "</span></a>" :
+			(hideIfNoPrevNext ? "" : "<a class='ui-datepicker-next ui-corner-all ui-state-disabled' title='"+ nextText + "'><span class='ui-icon ui-icon-circle-triangle-" + ( isRTL ? "w" : "e") + "'>" + nextText + "</span></a>"));
+
+		currentText = this._get(inst, "currentText");
+		gotoDate = (this._get(inst, "gotoCurrent") && inst.currentDay ? currentDate : today);
+		currentText = (!navigationAsDateFormat ? currentText :
+			this.formatDate(currentText, gotoDate, this._getFormatConfig(inst)));
+
+		controls = (!inst.inline ? "<button type='button' class='ui-datepicker-close ui-state-default ui-priority-primary ui-corner-all' data-handler='hide' data-event='click'>" +
+			this._get(inst, "closeText") + "</button>" : "");
+
+		buttonPanel = (showButtonPanel) ? "<div class='ui-datepicker-buttonpane ui-widget-content'>" + (isRTL ? controls : "") +
+			(this._isInRange(inst, gotoDate) ? "<button type='button' class='ui-datepicker-current ui-state-default ui-priority-secondary ui-corner-all' data-handler='today' data-event='click'" +
+			">" + currentText + "</button>" : "") + (isRTL ? "" : controls) + "</div>" : "";
+
+		firstDay = parseInt(this._get(inst, "firstDay"),10);
+		firstDay = (isNaN(firstDay) ? 0 : firstDay);
+
+		showWeek = this._get(inst, "showWeek");
+		dayNames = this._get(inst, "dayNames");
+		dayNamesMin = this._get(inst, "dayNamesMin");
+		monthNames = this._get(inst, "monthNames");
+		monthNamesShort = this._get(inst, "monthNamesShort");
+		beforeShowDay = this._get(inst, "beforeShowDay");
+		showOtherMonths = this._get(inst, "showOtherMonths");
+		selectOtherMonths = this._get(inst, "selectOtherMonths");
+		defaultDate = this._getDefaultDate(inst);
+		html = "";
+		dow;
+		for (row = 0; row < numMonths[0]; row++) {
+			group = "";
+			this.maxRows = 4;
+			for (col = 0; col < numMonths[1]; col++) {
+				selectedDate = this._daylightSavingAdjust(new Date(drawYear, drawMonth, inst.selectedDay));
+				cornerClass = " ui-corner-all";
+				calender = "";
+				if (isMultiMonth) {
+					calender += "<div class='ui-datepicker-group";
+					if (numMonths[1] > 1) {
+						switch (col) {
+							case 0: calender += " ui-datepicker-group-first";
+								cornerClass = " ui-corner-" + (isRTL ? "right" : "left"); break;
+							case numMonths[1]-1: calender += " ui-datepicker-group-last";
+								cornerClass = " ui-corner-" + (isRTL ? "left" : "right"); break;
+							default: calender += " ui-datepicker-group-middle"; cornerClass = ""; break;
+						}
+					}
+					calender += "'>";
+				}
+				calender += "<div class='ui-datepicker-header ui-widget-header ui-helper-clearfix" + cornerClass + "'>" +
+					(/all|left/.test(cornerClass) && row === 0 ? (isRTL ? next : prev) : "") +
+					(/all|right/.test(cornerClass) && row === 0 ? (isRTL ? prev : next) : "") +
+					this._generateMonthYearHeader(inst, drawMonth, drawYear, minDate, maxDate,
+					row > 0 || col > 0, monthNames, monthNamesShort) + // draw month headers
+					"</div><table class='ui-datepicker-calendar'><thead>" +
+					"<tr>";
+				thead = (showWeek ? "<th class='ui-datepicker-week-col'>" + this._get(inst, "weekHeader") + "</th>" : "");
+				for (dow = 0; dow < 7; dow++) { // days of the week
+					day = (dow + firstDay) % 7;
+					thead += "<th scope='col'" + ((dow + firstDay + 6) % 7 >= 5 ? " class='ui-datepicker-week-end'" : "") + ">" +
+						"<span title='" + dayNames[day] + "'>" + dayNamesMin[day] + "</span></th>";
+				}
+				calender += thead + "</tr></thead><tbody>";
+				daysInMonth = this._getDaysInMonth(drawYear, drawMonth);
+				if (drawYear === inst.selectedYear && drawMonth === inst.selectedMonth) {
+					inst.selectedDay = Math.min(inst.selectedDay, daysInMonth);
+				}
+				leadDays = (this._getFirstDayOfMonth(drawYear, drawMonth) - firstDay + 7) % 7;
+				curRows = Math.ceil((leadDays + daysInMonth) / 7); // calculate the number of rows to generate
+				numRows = (isMultiMonth ? this.maxRows > curRows ? this.maxRows : curRows : curRows); //If multiple months, use the higher number of rows (see #7043)
+				this.maxRows = numRows;
+				printDate = this._daylightSavingAdjust(new Date(drawYear, drawMonth, 1 - leadDays));
+				for (dRow = 0; dRow < numRows; dRow++) { // create date picker rows
+					calender += "<tr>";
+					tbody = (!showWeek ? "" : "<td class='ui-datepicker-week-col'>" +
+						this._get(inst, "calculateWeek")(printDate) + "</td>");
+					for (dow = 0; dow < 7; dow++) { // create date picker days
+						daySettings = (beforeShowDay ?
+							beforeShowDay.apply((inst.input ? inst.input[0] : null), [printDate]) : [true, ""]);
+						otherMonth = (printDate.getMonth() !== drawMonth);
+						unselectable = (otherMonth && !selectOtherMonths) || !daySettings[0] ||
+							(minDate && printDate < minDate) || (maxDate && printDate > maxDate);
+						tbody += "<td class='" +
+							((dow + firstDay + 6) % 7 >= 5 ? " ui-datepicker-week-end" : "") + // highlight weekends
+							(otherMonth ? " ui-datepicker-other-month" : "") + // highlight days from other months
+							((printDate.getTime() === selectedDate.getTime() && drawMonth === inst.selectedMonth && inst._keyEvent) || // user pressed key
+							(defaultDate.getTime() === printDate.getTime() && defaultDate.getTime() === selectedDate.getTime()) ?
+							// or defaultDate is current printedDate and defaultDate is selectedDate
+							" " + this._dayOverClass : "") + // highlight selected day
+							(unselectable ? " " + this._unselectableClass + " ui-state-disabled": "") +  // highlight unselectable days
+							(otherMonth && !showOtherMonths ? "" : " " + daySettings[1] + // highlight custom dates
+							(printDate.getTime() === currentDate.getTime() ? " " + this._currentClass : "") + // highlight selected day
+							(printDate.getTime() === today.getTime() ? " ui-datepicker-today" : "")) + "'" + // highlight today (if different)
+							((!otherMonth || showOtherMonths) && daySettings[2] ? " title='" + daySettings[2].replace(/'/g, "&#39;") + "'" : "") + // cell title
+							(unselectable ? "" : " data-handler='selectDay' data-event='click' data-month='" + printDate.getMonth() + "' data-year='" + printDate.getFullYear() + "'") + ">" + // actions
+							(otherMonth && !showOtherMonths ? "&#xa0;" : // display for other months
+							(unselectable ? "<span class='ui-state-default'>" + printDate.getDate() + "</span>" : "<a class='ui-state-default" +
+							(printDate.getTime() === today.getTime() ? " ui-state-highlight" : "") +
+							(printDate.getTime() === currentDate.getTime() ? " ui-state-active" : "") + // highlight selected day
+							(otherMonth ? " ui-priority-secondary" : "") + // distinguish dates from other months
+							"' href='#'>" + printDate.getDate() + "</a>")) + "</td>"; // display selectable date
+						printDate.setDate(printDate.getDate() + 1);
+						printDate = this._daylightSavingAdjust(printDate);
+					}
+					calender += tbody + "</tr>";
+				}
+				drawMonth++;
+				if (drawMonth > 11) {
+					drawMonth = 0;
+					drawYear++;
+				}
+				calender += "</tbody></table>" + (isMultiMonth ? "</div>" +
+							((numMonths[0] > 0 && col === numMonths[1]-1) ? "<div class='ui-datepicker-row-break'></div>" : "") : "");
+				group += calender;
+			}
+			html += group;
+		}
+		html += buttonPanel;
+		inst._keyEvent = false;
+		return html;
+	},
+
+	/* Generate the month and year header. */
+	_generateMonthYearHeader: function(inst, drawMonth, drawYear, minDate, maxDate,
+			secondary, monthNames, monthNamesShort) {
+
+		var inMinYear, inMaxYear, month, years, thisYear, determineYear, year, endYear,
+			changeMonth = this._get(inst, "changeMonth"),
+			changeYear = this._get(inst, "changeYear"),
+			showMonthAfterYear = this._get(inst, "showMonthAfterYear"),
+			html = "<div class='ui-datepicker-title'>",
+			monthHtml = "";
+
+		// month selection
+		if (secondary || !changeMonth) {
+			monthHtml += "<span class='ui-datepicker-month'>" + monthNames[drawMonth] + "</span>";
+		} else {
+			inMinYear = (minDate && minDate.getFullYear() === drawYear);
+			inMaxYear = (maxDate && maxDate.getFullYear() === drawYear);
+			monthHtml += "<select class='ui-datepicker-month' data-handler='selectMonth' data-event='change'>";
+			for ( month = 0; month < 12; month++) {
+				if ((!inMinYear || month >= minDate.getMonth()) && (!inMaxYear || month <= maxDate.getMonth())) {
+					monthHtml += "<option value='" + month + "'" +
+						(month === drawMonth ? " selected='selected'" : "") +
+						">" + monthNamesShort[month] + "</option>";
+				}
+			}
+			monthHtml += "</select>";
+		}
+
+		if (!showMonthAfterYear) {
+			html += monthHtml + (secondary || !(changeMonth && changeYear) ? "&#xa0;" : "");
+		}
+
+		// year selection
+		if ( !inst.yearshtml ) {
+			inst.yearshtml = "";
+			if (secondary || !changeYear) {
+				html += "<span class='ui-datepicker-year'>" + drawYear + "</span>";
+			} else {
+				// determine range of years to display
+				years = this._get(inst, "yearRange").split(":");
+				thisYear = new Date().getFullYear();
+				determineYear = function(value) {
+					var year = (value.match(/c[+\-].*/) ? drawYear + parseInt(value.substring(1), 10) :
+						(value.match(/[+\-].*/) ? thisYear + parseInt(value, 10) :
+						parseInt(value, 10)));
+					return (isNaN(year) ? thisYear : year);
+				};
+				year = determineYear(years[0]);
+				endYear = Math.max(year, determineYear(years[1] || ""));
+				year = (minDate ? Math.max(year, minDate.getFullYear()) : year);
+				endYear = (maxDate ? Math.min(endYear, maxDate.getFullYear()) : endYear);
+				inst.yearshtml += "<select class='ui-datepicker-year' data-handler='selectYear' data-event='change'>";
+				for (; year <= endYear; year++) {
+					inst.yearshtml += "<option value='" + year + "'" +
+						(year === drawYear ? " selected='selected'" : "") +
+						">" + year + "</option>";
+				}
+				inst.yearshtml += "</select>";
+
+				html += inst.yearshtml;
+				inst.yearshtml = null;
+			}
+		}
+
+		html += this._get(inst, "yearSuffix");
+		if (showMonthAfterYear) {
+			html += (secondary || !(changeMonth && changeYear) ? "&#xa0;" : "") + monthHtml;
+		}
+		html += "</div>"; // Close datepicker_header
+		return html;
+	},
+
+	/* Adjust one of the date sub-fields. */
+	_adjustInstDate: function(inst, offset, period) {
+		var year = inst.drawYear + (period === "Y" ? offset : 0),
+			month = inst.drawMonth + (period === "M" ? offset : 0),
+			day = Math.min(inst.selectedDay, this._getDaysInMonth(year, month)) + (period === "D" ? offset : 0),
+			date = this._restrictMinMax(inst, this._daylightSavingAdjust(new Date(year, month, day)));
+
+		inst.selectedDay = date.getDate();
+		inst.drawMonth = inst.selectedMonth = date.getMonth();
+		inst.drawYear = inst.selectedYear = date.getFullYear();
+		if (period === "M" || period === "Y") {
+			this._notifyChange(inst);
+		}
+	},
+
+	/* Ensure a date is within any min/max bounds. */
+	_restrictMinMax: function(inst, date) {
+		var minDate = this._getMinMaxDate(inst, "min"),
+			maxDate = this._getMinMaxDate(inst, "max"),
+			newDate = (minDate && date < minDate ? minDate : date);
+		return (maxDate && newDate > maxDate ? maxDate : newDate);
+	},
+
+	/* Notify change of month/year. */
+	_notifyChange: function(inst) {
+		var onChange = this._get(inst, "onChangeMonthYear");
+		if (onChange) {
+			onChange.apply((inst.input ? inst.input[0] : null),
+				[inst.selectedYear, inst.selectedMonth + 1, inst]);
+		}
+	},
+
+	/* Determine the number of months to show. */
+	_getNumberOfMonths: function(inst) {
+		var numMonths = this._get(inst, "numberOfMonths");
+		return (numMonths == null ? [1, 1] : (typeof numMonths === "number" ? [1, numMonths] : numMonths));
+	},
+
+	/* Determine the current maximum date - ensure no time components are set. */
+	_getMinMaxDate: function(inst, minMax) {
+		return this._determineDate(inst, this._get(inst, minMax + "Date"), null);
+	},
+
+	/* Find the number of days in a given month. */
+	_getDaysInMonth: function(year, month) {
+		return 32 - this._daylightSavingAdjust(new Date(year, month, 32)).getDate();
+	},
+
+	/* Find the day of the week of the first of a month. */
+	_getFirstDayOfMonth: function(year, month) {
+		return new Date(year, month, 1).getDay();
+	},
+
+	/* Determines if we should allow a "next/prev" month display change. */
+	_canAdjustMonth: function(inst, offset, curYear, curMonth) {
+		var numMonths = this._getNumberOfMonths(inst),
+			date = this._daylightSavingAdjust(new Date(curYear,
+			curMonth + (offset < 0 ? offset : numMonths[0] * numMonths[1]), 1));
+
+		if (offset < 0) {
+			date.setDate(this._getDaysInMonth(date.getFullYear(), date.getMonth()));
+		}
+		return this._isInRange(inst, date);
+	},
+
+	/* Is the given date in the accepted range? */
+	_isInRange: function(inst, date) {
+		var yearSplit, currentYear,
+			minDate = this._getMinMaxDate(inst, "min"),
+			maxDate = this._getMinMaxDate(inst, "max"),
+			minYear = null,
+			maxYear = null,
+			years = this._get(inst, "yearRange");
+			if (years){
+				yearSplit = years.split(":");
+				currentYear = new Date().getFullYear();
+				minYear = parseInt(yearSplit[0], 10);
+				maxYear = parseInt(yearSplit[1], 10);
+				if ( yearSplit[0].match(/[+\-].*/) ) {
+					minYear += currentYear;
+				}
+				if ( yearSplit[1].match(/[+\-].*/) ) {
+					maxYear += currentYear;
+				}
+			}
+
+		return ((!minDate || date.getTime() >= minDate.getTime()) &&
+			(!maxDate || date.getTime() <= maxDate.getTime()) &&
+			(!minYear || date.getFullYear() >= minYear) &&
+			(!maxYear || date.getFullYear() <= maxYear));
+	},
+
+	/* Provide the configuration settings for formatting/parsing. */
+	_getFormatConfig: function(inst) {
+		var shortYearCutoff = this._get(inst, "shortYearCutoff");
+		shortYearCutoff = (typeof shortYearCutoff !== "string" ? shortYearCutoff :
+			new Date().getFullYear() % 100 + parseInt(shortYearCutoff, 10));
+		return {shortYearCutoff: shortYearCutoff,
+			dayNamesShort: this._get(inst, "dayNamesShort"), dayNames: this._get(inst, "dayNames"),
+			monthNamesShort: this._get(inst, "monthNamesShort"), monthNames: this._get(inst, "monthNames")};
+	},
+
+	/* Format the given date for display. */
+	_formatDate: function(inst, day, month, year) {
+		if (!day) {
+			inst.currentDay = inst.selectedDay;
+			inst.currentMonth = inst.selectedMonth;
+			inst.currentYear = inst.selectedYear;
+		}
+		var date = (day ? (typeof day === "object" ? day :
+			this._daylightSavingAdjust(new Date(year, month, day))) :
+			this._daylightSavingAdjust(new Date(inst.currentYear, inst.currentMonth, inst.currentDay)));
+		return this.formatDate(this._get(inst, "dateFormat"), date, this._getFormatConfig(inst));
+	}
+});
+
+/*
+ * Bind hover events for datepicker elements.
+ * Done via delegate so the binding only occurs once in the lifetime of the parent div.
+ * Global datepicker_instActive, set by _updateDatepicker allows the handlers to find their way back to the active picker.
+ */
+function datepicker_bindHover(dpDiv) {
+	var selector = "button, .ui-datepicker-prev, .ui-datepicker-next, .ui-datepicker-calendar td a";
+	return dpDiv.delegate(selector, "mouseout", function() {
+			$(this).removeClass("ui-state-hover");
+			if (this.className.indexOf("ui-datepicker-prev") !== -1) {
+				$(this).removeClass("ui-datepicker-prev-hover");
+			}
+			if (this.className.indexOf("ui-datepicker-next") !== -1) {
+				$(this).removeClass("ui-datepicker-next-hover");
+			}
+		})
+		.delegate( selector, "mouseover", datepicker_handleMouseover );
+}
+
+function datepicker_handleMouseover() {
+	if (!$.datepicker._isDisabledDatepicker( datepicker_instActive.inline? datepicker_instActive.dpDiv.parent()[0] : datepicker_instActive.input[0])) {
+		$(this).parents(".ui-datepicker-calendar").find("a").removeClass("ui-state-hover");
+		$(this).addClass("ui-state-hover");
+		if (this.className.indexOf("ui-datepicker-prev") !== -1) {
+			$(this).addClass("ui-datepicker-prev-hover");
+		}
+		if (this.className.indexOf("ui-datepicker-next") !== -1) {
+			$(this).addClass("ui-datepicker-next-hover");
+		}
+	}
+}
+
+/* jQuery extend now ignores nulls! */
+function datepicker_extendRemove(target, props) {
+	$.extend(target, props);
+	for (var name in props) {
+		if (props[name] == null) {
+			target[name] = props[name];
+		}
+	}
+	return target;
+}
+
+/* Invoke the datepicker functionality.
+   @param  options  string - a command, optionally followed by additional parameters or
+					Object - settings for attaching new datepicker functionality
+   @return  jQuery object */
+$.fn.datepicker = function(options){
+
+	/* Verify an empty collection wasn't passed - Fixes #6976 */
+	if ( !this.length ) {
+		return this;
+	}
+
+	/* Initialise the date picker. */
+	if (!$.datepicker.initialized) {
+		$(document).mousedown($.datepicker._checkExternalClick);
+		$.datepicker.initialized = true;
+	}
+
+	/* Append datepicker main container to body if not exist. */
+	if ($("#"+$.datepicker._mainDivId).length === 0) {
+		$("body").append($.datepicker.dpDiv);
+	}
+
+	var otherArgs = Array.prototype.slice.call(arguments, 1);
+	if (typeof options === "string" && (options === "isDisabled" || options === "getDate" || options === "widget")) {
+		return $.datepicker["_" + options + "Datepicker"].
+			apply($.datepicker, [this[0]].concat(otherArgs));
+	}
+	if (options === "option" && arguments.length === 2 && typeof arguments[1] === "string") {
+		return $.datepicker["_" + options + "Datepicker"].
+			apply($.datepicker, [this[0]].concat(otherArgs));
+	}
+	return this.each(function() {
+		typeof options === "string" ?
+			$.datepicker["_" + options + "Datepicker"].
+				apply($.datepicker, [this].concat(otherArgs)) :
+			$.datepicker._attachDatepicker(this, options);
+	});
+};
+
+$.datepicker = new Datepicker(); // singleton instance
+$.datepicker.initialized = false;
+$.datepicker.uuid = new Date().getTime();
+$.datepicker.version = "1.11.2";
+
+var datepicker = $.datepicker;
+
+
+/*!
+ * jQuery UI Dialog 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/dialog/
+ */
+
+
+var dialog = $.widget( "ui.dialog", {
+	version: "1.11.2",
+	options: {
+		appendTo: "body",
+		autoOpen: true,
+		buttons: [],
+		closeOnEscape: true,
+		closeText: "Close",
+		dialogClass: "",
+		draggable: true,
+		hide: null,
+		height: "auto",
+		maxHeight: null,
+		maxWidth: null,
+		minHeight: 150,
+		minWidth: 150,
+		modal: false,
+		position: {
+			my: "center",
+			at: "center",
+			of: window,
+			collision: "fit",
+			// Ensure the titlebar is always visible
+			using: function( pos ) {
+				var topOffset = $( this ).css( pos ).offset().top;
+				if ( topOffset < 0 ) {
+					$( this ).css( "top", pos.top - topOffset );
+				}
+			}
+		},
+		resizable: true,
+		show: null,
+		title: null,
+		width: 300,
+
+		// callbacks
+		beforeClose: null,
+		close: null,
+		drag: null,
+		dragStart: null,
+		dragStop: null,
+		focus: null,
+		open: null,
+		resize: null,
+		resizeStart: null,
+		resizeStop: null
+	},
+
+	sizeRelatedOptions: {
+		buttons: true,
+		height: true,
+		maxHeight: true,
+		maxWidth: true,
+		minHeight: true,
+		minWidth: true,
+		width: true
+	},
+
+	resizableRelatedOptions: {
+		maxHeight: true,
+		maxWidth: true,
+		minHeight: true,
+		minWidth: true
+	},
+
+	_create: function() {
+		this.originalCss = {
+			display: this.element[ 0 ].style.display,
+			width: this.element[ 0 ].style.width,
+			minHeight: this.element[ 0 ].style.minHeight,
+			maxHeight: this.element[ 0 ].style.maxHeight,
+			height: this.element[ 0 ].style.height
+		};
+		this.originalPosition = {
+			parent: this.element.parent(),
+			index: this.element.parent().children().index( this.element )
+		};
+		this.originalTitle = this.element.attr( "title" );
+		this.options.title = this.options.title || this.originalTitle;
+
+		this._createWrapper();
+
+		this.element
+			.show()
+			.removeAttr( "title" )
+			.addClass( "ui-dialog-content ui-widget-content" )
+			.appendTo( this.uiDialog );
+
+		this._createTitlebar();
+		this._createButtonPane();
+
+		if ( this.options.draggable && $.fn.draggable ) {
+			this._makeDraggable();
+		}
+		if ( this.options.resizable && $.fn.resizable ) {
+			this._makeResizable();
+		}
+
+		this._isOpen = false;
+
+		this._trackFocus();
+	},
+
+	_init: function() {
+		if ( this.options.autoOpen ) {
+			this.open();
+		}
+	},
+
+	_appendTo: function() {
+		var element = this.options.appendTo;
+		if ( element && (element.jquery || element.nodeType) ) {
+			return $( element );
+		}
+		return this.document.find( element || "body" ).eq( 0 );
+	},
+
+	_destroy: function() {
+		var next,
+			originalPosition = this.originalPosition;
+
+		this._destroyOverlay();
+
+		this.element
+			.removeUniqueId()
+			.removeClass( "ui-dialog-content ui-widget-content" )
+			.css( this.originalCss )
+			// Without detaching first, the following becomes really slow
+			.detach();
+
+		this.uiDialog.stop( true, true ).remove();
+
+		if ( this.originalTitle ) {
+			this.element.attr( "title", this.originalTitle );
+		}
+
+		next = originalPosition.parent.children().eq( originalPosition.index );
+		// Don't try to place the dialog next to itself (#8613)
+		if ( next.length && next[ 0 ] !== this.element[ 0 ] ) {
+			next.before( this.element );
+		} else {
+			originalPosition.parent.append( this.element );
+		}
+	},
+
+	widget: function() {
+		return this.uiDialog;
+	},
+
+	disable: $.noop,
+	enable: $.noop,
+
+	close: function( event ) {
+		var activeElement,
+			that = this;
+
+		if ( !this._isOpen || this._trigger( "beforeClose", event ) === false ) {
+			return;
+		}
+
+		this._isOpen = false;
+		this._focusedElement = null;
+		this._destroyOverlay();
+		this._untrackInstance();
+
+		if ( !this.opener.filter( ":focusable" ).focus().length ) {
+
+			// support: IE9
+			// IE9 throws an "Unspecified error" accessing document.activeElement from an <iframe>
+			try {
+				activeElement = this.document[ 0 ].activeElement;
+
+				// Support: IE9, IE10
+				// If the <body> is blurred, IE will switch windows, see #4520
+				if ( activeElement && activeElement.nodeName.toLowerCase() !== "body" ) {
+
+					// Hiding a focused element doesn't trigger blur in WebKit
+					// so in case we have nothing to focus on, explicitly blur the active element
+					// https://bugs.webkit.org/show_bug.cgi?id=47182
+					$( activeElement ).blur();
+				}
+			} catch ( error ) {}
+		}
+
+		this._hide( this.uiDialog, this.options.hide, function() {
+			that._trigger( "close", event );
+		});
+	},
+
+	isOpen: function() {
+		return this._isOpen;
+	},
+
+	moveToTop: function() {
+		this._moveToTop();
+	},
+
+	_moveToTop: function( event, silent ) {
+		var moved = false,
+			zIndicies = this.uiDialog.siblings( ".ui-front:visible" ).map(function() {
+				return +$( this ).css( "z-index" );
+			}).get(),
+			zIndexMax = Math.max.apply( null, zIndicies );
+
+		if ( zIndexMax >= +this.uiDialog.css( "z-index" ) ) {
+			this.uiDialog.css( "z-index", zIndexMax + 1 );
+			moved = true;
+		}
+
+		if ( moved && !silent ) {
+			this._trigger( "focus", event );
+		}
+		return moved;
+	},
+
+	open: function() {
+		var that = this;
+		if ( this._isOpen ) {
+			if ( this._moveToTop() ) {
+				this._focusTabbable();
+			}
+			return;
+		}
+
+		this._isOpen = true;
+		this.opener = $( this.document[ 0 ].activeElement );
+
+		this._size();
+		this._position();
+		this._createOverlay();
+		this._moveToTop( null, true );
+
+		// Ensure the overlay is moved to the top with the dialog, but only when
+		// opening. The overlay shouldn't move after the dialog is open so that
+		// modeless dialogs opened after the modal dialog stack properly.
+		if ( this.overlay ) {
+			this.overlay.css( "z-index", this.uiDialog.css( "z-index" ) - 1 );
+		}
+
+		this._show( this.uiDialog, this.options.show, function() {
+			that._focusTabbable();
+			that._trigger( "focus" );
+		});
+
+		// Track the dialog immediately upon openening in case a focus event
+		// somehow occurs outside of the dialog before an element inside the
+		// dialog is focused (#10152)
+		this._makeFocusTarget();
+
+		this._trigger( "open" );
+	},
+
+	_focusTabbable: function() {
+		// Set focus to the first match:
+		// 1. An element that was focused previously
+		// 2. First element inside the dialog matching [autofocus]
+		// 3. Tabbable element inside the content element
+		// 4. Tabbable element inside the buttonpane
+		// 5. The close button
+		// 6. The dialog itself
+		var hasFocus = this._focusedElement;
+		if ( !hasFocus ) {
+			hasFocus = this.element.find( "[autofocus]" );
+		}
+		if ( !hasFocus.length ) {
+			hasFocus = this.element.find( ":tabbable" );
+		}
+		if ( !hasFocus.length ) {
+			hasFocus = this.uiDialogButtonPane.find( ":tabbable" );
+		}
+		if ( !hasFocus.length ) {
+			hasFocus = this.uiDialogTitlebarClose.filter( ":tabbable" );
+		}
+		if ( !hasFocus.length ) {
+			hasFocus = this.uiDialog;
+		}
+		hasFocus.eq( 0 ).focus();
+	},
+
+	_keepFocus: function( event ) {
+		function checkFocus() {
+			var activeElement = this.document[0].activeElement,
+				isActive = this.uiDialog[0] === activeElement ||
+					$.contains( this.uiDialog[0], activeElement );
+			if ( !isActive ) {
+				this._focusTabbable();
+			}
+		}
+		event.preventDefault();
+		checkFocus.call( this );
+		// support: IE
+		// IE <= 8 doesn't prevent moving focus even with event.preventDefault()
+		// so we check again later
+		this._delay( checkFocus );
+	},
+
+	_createWrapper: function() {
+		this.uiDialog = $("<div>")
+			.addClass( "ui-dialog ui-widget ui-widget-content ui-corner-all ui-front " +
+				this.options.dialogClass )
+			.hide()
+			.attr({
+				// Setting tabIndex makes the div focusable
+				tabIndex: -1,
+				role: "dialog"
+			})
+			.appendTo( this._appendTo() );
+
+		this._on( this.uiDialog, {
+			keydown: function( event ) {
+				if ( this.options.closeOnEscape && !event.isDefaultPrevented() && event.keyCode &&
+						event.keyCode === $.ui.keyCode.ESCAPE ) {
+					event.preventDefault();
+					this.close( event );
+					return;
+				}
+
+				// prevent tabbing out of dialogs
+				if ( event.keyCode !== $.ui.keyCode.TAB || event.isDefaultPrevented() ) {
+					return;
+				}
+				var tabbables = this.uiDialog.find( ":tabbable" ),
+					first = tabbables.filter( ":first" ),
+					last = tabbables.filter( ":last" );
+
+				if ( ( event.target === last[0] || event.target === this.uiDialog[0] ) && !event.shiftKey ) {
+					this._delay(function() {
+						first.focus();
+					});
+					event.preventDefault();
+				} else if ( ( event.target === first[0] || event.target === this.uiDialog[0] ) && event.shiftKey ) {
+					this._delay(function() {
+						last.focus();
+					});
+					event.preventDefault();
+				}
+			},
+			mousedown: function( event ) {
+				if ( this._moveToTop( event ) ) {
+					this._focusTabbable();
+				}
+			}
+		});
+
+		// We assume that any existing aria-describedby attribute means
+		// that the dialog content is marked up properly
+		// otherwise we brute force the content as the description
+		if ( !this.element.find( "[aria-describedby]" ).length ) {
+			this.uiDialog.attr({
+				"aria-describedby": this.element.uniqueId().attr( "id" )
+			});
+		}
+	},
+
+	_createTitlebar: function() {
+		var uiDialogTitle;
+
+		this.uiDialogTitlebar = $( "<div>" )
+			.addClass( "ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix" )
+			.prependTo( this.uiDialog );
+		this._on( this.uiDialogTitlebar, {
+			mousedown: function( event ) {
+				// Don't prevent click on close button (#8838)
+				// Focusing a dialog that is partially scrolled out of view
+				// causes the browser to scroll it into view, preventing the click event
+				if ( !$( event.target ).closest( ".ui-dialog-titlebar-close" ) ) {
+					// Dialog isn't getting focus when dragging (#8063)
+					this.uiDialog.focus();
+				}
+			}
+		});
+
+		// support: IE
+		// Use type="button" to prevent enter keypresses in textboxes from closing the
+		// dialog in IE (#9312)
+		this.uiDialogTitlebarClose = $( "<button type='button'></button>" )
+			.button({
+				label: this.options.closeText,
+				icons: {
+					primary: "ui-icon-closethick"
+				},
+				text: false
+			})
+			.addClass( "ui-dialog-titlebar-close" )
+			.appendTo( this.uiDialogTitlebar );
+		this._on( this.uiDialogTitlebarClose, {
+			click: function( event ) {
+				event.preventDefault();
+				this.close( event );
+			}
+		});
+
+		uiDialogTitle = $( "<span>" )
+			.uniqueId()
+			.addClass( "ui-dialog-title" )
+			.prependTo( this.uiDialogTitlebar );
+		this._title( uiDialogTitle );
+
+		this.uiDialog.attr({
+			"aria-labelledby": uiDialogTitle.attr( "id" )
+		});
+	},
+
+	_title: function( title ) {
+		if ( !this.options.title ) {
+			title.html( "&#160;" );
+		}
+		title.text( this.options.title );
+	},
+
+	_createButtonPane: function() {
+		this.uiDialogButtonPane = $( "<div>" )
+			.addClass( "ui-dialog-buttonpane ui-widget-content ui-helper-clearfix" );
+
+		this.uiButtonSet = $( "<div>" )
+			.addClass( "ui-dialog-buttonset" )
+			.appendTo( this.uiDialogButtonPane );
+
+		this._createButtons();
+	},
+
+	_createButtons: function() {
+		var that = this,
+			buttons = this.options.buttons;
+
+		// if we already have a button pane, remove it
+		this.uiDialogButtonPane.remove();
+		this.uiButtonSet.empty();
+
+		if ( $.isEmptyObject( buttons ) || ($.isArray( buttons ) && !buttons.length) ) {
+			this.uiDialog.removeClass( "ui-dialog-buttons" );
+			return;
+		}
+
+		$.each( buttons, function( name, props ) {
+			var click, buttonOptions;
+			props = $.isFunction( props ) ?
+				{ click: props, text: name } :
+				props;
+			// Default to a non-submitting button
+			props = $.extend( { type: "button" }, props );
+			// Change the context for the click callback to be the main element
+			click = props.click;
+			props.click = function() {
+				click.apply( that.element[ 0 ], arguments );
+			};
+			buttonOptions = {
+				icons: props.icons,
+				text: props.showText
+			};
+			delete props.icons;
+			delete props.showText;
+			$( "<button></button>", props )
+				.button( buttonOptions )
+				.appendTo( that.uiButtonSet );
+		});
+		this.uiDialog.addClass( "ui-dialog-buttons" );
+		this.uiDialogButtonPane.appendTo( this.uiDialog );
+	},
+
+	_makeDraggable: function() {
+		var that = this,
+			options = this.options;
+
+		function filteredUi( ui ) {
+			return {
+				position: ui.position,
+				offset: ui.offset
+			};
+		}
+
+		this.uiDialog.draggable({
+			cancel: ".ui-dialog-content, .ui-dialog-titlebar-close",
+			handle: ".ui-dialog-titlebar",
+			containment: "document",
+			start: function( event, ui ) {
+				$( this ).addClass( "ui-dialog-dragging" );
+				that._blockFrames();
+				that._trigger( "dragStart", event, filteredUi( ui ) );
+			},
+			drag: function( event, ui ) {
+				that._trigger( "drag", event, filteredUi( ui ) );
+			},
+			stop: function( event, ui ) {
+				var left = ui.offset.left - that.document.scrollLeft(),
+					top = ui.offset.top - that.document.scrollTop();
+
+				options.position = {
+					my: "left top",
+					at: "left" + (left >= 0 ? "+" : "") + left + " " +
+						"top" + (top >= 0 ? "+" : "") + top,
+					of: that.window
+				};
+				$( this ).removeClass( "ui-dialog-dragging" );
+				that._unblockFrames();
+				that._trigger( "dragStop", event, filteredUi( ui ) );
+			}
+		});
+	},
+
+	_makeResizable: function() {
+		var that = this,
+			options = this.options,
+			handles = options.resizable,
+			// .ui-resizable has position: relative defined in the stylesheet
+			// but dialogs have to use absolute or fixed positioning
+			position = this.uiDialog.css("position"),
+			resizeHandles = typeof handles === "string" ?
+				handles	:
+				"n,e,s,w,se,sw,ne,nw";
+
+		function filteredUi( ui ) {
+			return {
+				originalPosition: ui.originalPosition,
+				originalSize: ui.originalSize,
+				position: ui.position,
+				size: ui.size
+			};
+		}
+
+		this.uiDialog.resizable({
+			cancel: ".ui-dialog-content",
+			containment: "document",
+			alsoResize: this.element,
+			maxWidth: options.maxWidth,
+			maxHeight: options.maxHeight,
+			minWidth: options.minWidth,
+			minHeight: this._minHeight(),
+			handles: resizeHandles,
+			start: function( event, ui ) {
+				$( this ).addClass( "ui-dialog-resizing" );
+				that._blockFrames();
+				that._trigger( "resizeStart", event, filteredUi( ui ) );
+			},
+			resize: function( event, ui ) {
+				that._trigger( "resize", event, filteredUi( ui ) );
+			},
+			stop: function( event, ui ) {
+				var offset = that.uiDialog.offset(),
+					left = offset.left - that.document.scrollLeft(),
+					top = offset.top - that.document.scrollTop();
+
+				options.height = that.uiDialog.height();
+				options.width = that.uiDialog.width();
+				options.position = {
+					my: "left top",
+					at: "left" + (left >= 0 ? "+" : "") + left + " " +
+						"top" + (top >= 0 ? "+" : "") + top,
+					of: that.window
+				};
+				$( this ).removeClass( "ui-dialog-resizing" );
+				that._unblockFrames();
+				that._trigger( "resizeStop", event, filteredUi( ui ) );
+			}
+		})
+		.css( "position", position );
+	},
+
+	_trackFocus: function() {
+		this._on( this.widget(), {
+			focusin: function( event ) {
+				this._makeFocusTarget();
+				this._focusedElement = $( event.target );
+			}
+		});
+	},
+
+	_makeFocusTarget: function() {
+		this._untrackInstance();
+		this._trackingInstances().unshift( this );
+	},
+
+	_untrackInstance: function() {
+		var instances = this._trackingInstances(),
+			exists = $.inArray( this, instances );
+		if ( exists !== -1 ) {
+			instances.splice( exists, 1 );
+		}
+	},
+
+	_trackingInstances: function() {
+		var instances = this.document.data( "ui-dialog-instances" );
+		if ( !instances ) {
+			instances = [];
+			this.document.data( "ui-dialog-instances", instances );
+		}
+		return instances;
+	},
+
+	_minHeight: function() {
+		var options = this.options;
+
+		return options.height === "auto" ?
+			options.minHeight :
+			Math.min( options.minHeight, options.height );
+	},
+
+	_position: function() {
+		// Need to show the dialog to get the actual offset in the position plugin
+		var isVisible = this.uiDialog.is( ":visible" );
+		if ( !isVisible ) {
+			this.uiDialog.show();
+		}
+		this.uiDialog.position( this.options.position );
+		if ( !isVisible ) {
+			this.uiDialog.hide();
+		}
+	},
+
+	_setOptions: function( options ) {
+		var that = this,
+			resize = false,
+			resizableOptions = {};
+
+		$.each( options, function( key, value ) {
+			that._setOption( key, value );
+
+			if ( key in that.sizeRelatedOptions ) {
+				resize = true;
+			}
+			if ( key in that.resizableRelatedOptions ) {
+				resizableOptions[ key ] = value;
+			}
+		});
+
+		if ( resize ) {
+			this._size();
+			this._position();
+		}
+		if ( this.uiDialog.is( ":data(ui-resizable)" ) ) {
+			this.uiDialog.resizable( "option", resizableOptions );
+		}
+	},
+
+	_setOption: function( key, value ) {
+		var isDraggable, isResizable,
+			uiDialog = this.uiDialog;
+
+		if ( key === "dialogClass" ) {
+			uiDialog
+				.removeClass( this.options.dialogClass )
+				.addClass( value );
+		}
+
+		if ( key === "disabled" ) {
+			return;
+		}
+
+		this._super( key, value );
+
+		if ( key === "appendTo" ) {
+			this.uiDialog.appendTo( this._appendTo() );
+		}
+
+		if ( key === "buttons" ) {
+			this._createButtons();
+		}
+
+		if ( key === "closeText" ) {
+			this.uiDialogTitlebarClose.button({
+				// Ensure that we always pass a string
+				label: "" + value
+			});
+		}
+
+		if ( key === "draggable" ) {
+			isDraggable = uiDialog.is( ":data(ui-draggable)" );
+			if ( isDraggable && !value ) {
+				uiDialog.draggable( "destroy" );
+			}
+
+			if ( !isDraggable && value ) {
+				this._makeDraggable();
+			}
+		}
+
+		if ( key === "position" ) {
+			this._position();
+		}
+
+		if ( key === "resizable" ) {
+			// currently resizable, becoming non-resizable
+			isResizable = uiDialog.is( ":data(ui-resizable)" );
+			if ( isResizable && !value ) {
+				uiDialog.resizable( "destroy" );
+			}
+
+			// currently resizable, changing handles
+			if ( isResizable && typeof value === "string" ) {
+				uiDialog.resizable( "option", "handles", value );
+			}
+
+			// currently non-resizable, becoming resizable
+			if ( !isResizable && value !== false ) {
+				this._makeResizable();
+			}
+		}
+
+		if ( key === "title" ) {
+			this._title( this.uiDialogTitlebar.find( ".ui-dialog-title" ) );
+		}
+	},
+
+	_size: function() {
+		// If the user has resized the dialog, the .ui-dialog and .ui-dialog-content
+		// divs will both have width and height set, so we need to reset them
+		var nonContentHeight, minContentHeight, maxContentHeight,
+			options = this.options;
+
+		// Reset content sizing
+		this.element.show().css({
+			width: "auto",
+			minHeight: 0,
+			maxHeight: "none",
+			height: 0
+		});
+
+		if ( options.minWidth > options.width ) {
+			options.width = options.minWidth;
+		}
+
+		// reset wrapper sizing
+		// determine the height of all the non-content elements
+		nonContentHeight = this.uiDialog.css({
+				height: "auto",
+				width: options.width
+			})
+			.outerHeight();
+		minContentHeight = Math.max( 0, options.minHeight - nonContentHeight );
+		maxContentHeight = typeof options.maxHeight === "number" ?
+			Math.max( 0, options.maxHeight - nonContentHeight ) :
+			"none";
+
+		if ( options.height === "auto" ) {
+			this.element.css({
+				minHeight: minContentHeight,
+				maxHeight: maxContentHeight,
+				height: "auto"
+			});
+		} else {
+			this.element.height( Math.max( 0, options.height - nonContentHeight ) );
+		}
+
+		if ( this.uiDialog.is( ":data(ui-resizable)" ) ) {
+			this.uiDialog.resizable( "option", "minHeight", this._minHeight() );
+		}
+	},
+
+	_blockFrames: function() {
+		this.iframeBlocks = this.document.find( "iframe" ).map(function() {
+			var iframe = $( this );
+
+			return $( "<div>" )
+				.css({
+					position: "absolute",
+					width: iframe.outerWidth(),
+					height: iframe.outerHeight()
+				})
+				.appendTo( iframe.parent() )
+				.offset( iframe.offset() )[0];
+		});
+	},
+
+	_unblockFrames: function() {
+		if ( this.iframeBlocks ) {
+			this.iframeBlocks.remove();
+			delete this.iframeBlocks;
+		}
+	},
+
+	_allowInteraction: function( event ) {
+		if ( $( event.target ).closest( ".ui-dialog" ).length ) {
+			return true;
+		}
+
+		// TODO: Remove hack when datepicker implements
+		// the .ui-front logic (#8989)
+		return !!$( event.target ).closest( ".ui-datepicker" ).length;
+	},
+
+	_createOverlay: function() {
+		if ( !this.options.modal ) {
+			return;
+		}
+
+		// We use a delay in case the overlay is created from an
+		// event that we're going to be cancelling (#2804)
+		var isOpening = true;
+		this._delay(function() {
+			isOpening = false;
+		});
+
+		if ( !this.document.data( "ui-dialog-overlays" ) ) {
+
+			// Prevent use of anchors and inputs
+			// Using _on() for an event handler shared across many instances is
+			// safe because the dialogs stack and must be closed in reverse order
+			this._on( this.document, {
+				focusin: function( event ) {
+					if ( isOpening ) {
+						return;
+					}
+
+					if ( !this._allowInteraction( event ) ) {
+						event.preventDefault();
+						this._trackingInstances()[ 0 ]._focusTabbable();
+					}
+				}
+			});
+		}
+
+		this.overlay = $( "<div>" )
+			.addClass( "ui-widget-overlay ui-front" )
+			.appendTo( this._appendTo() );
+		this._on( this.overlay, {
+			mousedown: "_keepFocus"
+		});
+		this.document.data( "ui-dialog-overlays",
+			(this.document.data( "ui-dialog-overlays" ) || 0) + 1 );
+	},
+
+	_destroyOverlay: function() {
+		if ( !this.options.modal ) {
+			return;
+		}
+
+		if ( this.overlay ) {
+			var overlays = this.document.data( "ui-dialog-overlays" ) - 1;
+
+			if ( !overlays ) {
+				this.document
+					.unbind( "focusin" )
+					.removeData( "ui-dialog-overlays" );
+			} else {
+				this.document.data( "ui-dialog-overlays", overlays );
+			}
+
+			this.overlay.remove();
+			this.overlay = null;
+		}
+	}
+});
+
+
+/*!
+ * jQuery UI Progressbar 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/progressbar/
+ */
+
+
+var progressbar = $.widget( "ui.progressbar", {
+	version: "1.11.2",
+	options: {
+		max: 100,
+		value: 0,
+
+		change: null,
+		complete: null
+	},
+
+	min: 0,
+
+	_create: function() {
+		// Constrain initial value
+		this.oldValue = this.options.value = this._constrainedValue();
+
+		this.element
+			.addClass( "ui-progressbar ui-widget ui-widget-content ui-corner-all" )
+			.attr({
+				// Only set static values, aria-valuenow and aria-valuemax are
+				// set inside _refreshValue()
+				role: "progressbar",
+				"aria-valuemin": this.min
+			});
+
+		this.valueDiv = $( "<div class='ui-progressbar-value ui-widget-header ui-corner-left'></div>" )
+			.appendTo( this.element );
+
+		this._refreshValue();
+	},
+
+	_destroy: function() {
+		this.element
+			.removeClass( "ui-progressbar ui-widget ui-widget-content ui-corner-all" )
+			.removeAttr( "role" )
+			.removeAttr( "aria-valuemin" )
+			.removeAttr( "aria-valuemax" )
+			.removeAttr( "aria-valuenow" );
+
+		this.valueDiv.remove();
+	},
+
+	value: function( newValue ) {
+		if ( newValue === undefined ) {
+			return this.options.value;
+		}
+
+		this.options.value = this._constrainedValue( newValue );
+		this._refreshValue();
+	},
+
+	_constrainedValue: function( newValue ) {
+		if ( newValue === undefined ) {
+			newValue = this.options.value;
+		}
+
+		this.indeterminate = newValue === false;
+
+		// sanitize value
+		if ( typeof newValue !== "number" ) {
+			newValue = 0;
+		}
+
+		return this.indeterminate ? false :
+			Math.min( this.options.max, Math.max( this.min, newValue ) );
+	},
+
+	_setOptions: function( options ) {
+		// Ensure "value" option is set after other values (like max)
+		var value = options.value;
+		delete options.value;
+
+		this._super( options );
+
+		this.options.value = this._constrainedValue( value );
+		this._refreshValue();
+	},
+
+	_setOption: function( key, value ) {
+		if ( key === "max" ) {
+			// Don't allow a max less than min
+			value = Math.max( this.min, value );
+		}
+		if ( key === "disabled" ) {
+			this.element
+				.toggleClass( "ui-state-disabled", !!value )
+				.attr( "aria-disabled", value );
+		}
+		this._super( key, value );
+	},
+
+	_percentage: function() {
+		return this.indeterminate ? 100 : 100 * ( this.options.value - this.min ) / ( this.options.max - this.min );
+	},
+
+	_refreshValue: function() {
+		var value = this.options.value,
+			percentage = this._percentage();
+
+		this.valueDiv
+			.toggle( this.indeterminate || value > this.min )
+			.toggleClass( "ui-corner-right", value === this.options.max )
+			.width( percentage.toFixed(0) + "%" );
+
+		this.element.toggleClass( "ui-progressbar-indeterminate", this.indeterminate );
+
+		if ( this.indeterminate ) {
+			this.element.removeAttr( "aria-valuenow" );
+			if ( !this.overlayDiv ) {
+				this.overlayDiv = $( "<div class='ui-progressbar-overlay'></div>" ).appendTo( this.valueDiv );
+			}
+		} else {
+			this.element.attr({
+				"aria-valuemax": this.options.max,
+				"aria-valuenow": value
+			});
+			if ( this.overlayDiv ) {
+				this.overlayDiv.remove();
+				this.overlayDiv = null;
+			}
+		}
+
+		if ( this.oldValue !== value ) {
+			this.oldValue = value;
+			this._trigger( "change" );
+		}
+		if ( value === this.options.max ) {
+			this._trigger( "complete" );
+		}
+	}
+});
+
+
+/*!
+ * jQuery UI Selectmenu 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/selectmenu
+ */
+
+
+var selectmenu = $.widget( "ui.selectmenu", {
+	version: "1.11.2",
+	defaultElement: "<select>",
+	options: {
+		appendTo: null,
+		disabled: null,
+		icons: {
+			button: "ui-icon-triangle-1-s"
+		},
+		position: {
+			my: "left top",
+			at: "left bottom",
+			collision: "none"
+		},
+		width: null,
+
+		// callbacks
+		change: null,
+		close: null,
+		focus: null,
+		open: null,
+		select: null
+	},
+
+	_create: function() {
+		var selectmenuId = this.element.uniqueId().attr( "id" );
+		this.ids = {
+			element: selectmenuId,
+			button: selectmenuId + "-button",
+			menu: selectmenuId + "-menu"
+		};
+
+		this._drawButton();
+		this._drawMenu();
+
+		if ( this.options.disabled ) {
+			this.disable();
+		}
+	},
+
+	_drawButton: function() {
+		var that = this,
+			tabindex = this.element.attr( "tabindex" );
+
+		// Associate existing label with the new button
+		this.label = $( "label[for='" + this.ids.element + "']" ).attr( "for", this.ids.button );
+		this._on( this.label, {
+			click: function( event ) {
+				this.button.focus();
+				event.preventDefault();
+			}
+		});
+
+		// Hide original select element
+		this.element.hide();
+
+		// Create button
+		this.button = $( "<span>", {
+			"class": "ui-selectmenu-button ui-widget ui-state-default ui-corner-all",
+			tabindex: tabindex || this.options.disabled ? -1 : 0,
+			id: this.ids.button,
+			role: "combobox",
+			"aria-expanded": "false",
+			"aria-autocomplete": "list",
+			"aria-owns": this.ids.menu,
+			"aria-haspopup": "true"
+		})
+			.insertAfter( this.element );
+
+		$( "<span>", {
+			"class": "ui-icon " + this.options.icons.button
+		})
+			.prependTo( this.button );
+
+		this.buttonText = $( "<span>", {
+			"class": "ui-selectmenu-text"
+		})
+			.appendTo( this.button );
+
+		this._setText( this.buttonText, this.element.find( "option:selected" ).text() );
+		this._resizeButton();
+
+		this._on( this.button, this._buttonEvents );
+		this.button.one( "focusin", function() {
+
+			// Delay rendering the menu items until the button receives focus.
+			// The menu may have already been rendered via a programmatic open.
+			if ( !that.menuItems ) {
+				that._refreshMenu();
+			}
+		});
+		this._hoverable( this.button );
+		this._focusable( this.button );
+	},
+
+	_drawMenu: function() {
+		var that = this;
+
+		// Create menu
+		this.menu = $( "<ul>", {
+			"aria-hidden": "true",
+			"aria-labelledby": this.ids.button,
+			id: this.ids.menu
+		});
+
+		// Wrap menu
+		this.menuWrap = $( "<div>", {
+			"class": "ui-selectmenu-menu ui-front"
+		})
+			.append( this.menu )
+			.appendTo( this._appendTo() );
+
+		// Initialize menu widget
+		this.menuInstance = this.menu
+			.menu({
+				role: "listbox",
+				select: function( event, ui ) {
+					event.preventDefault();
+
+					// support: IE8
+					// If the item was selected via a click, the text selection
+					// will be destroyed in IE
+					that._setSelection();
+
+					that._select( ui.item.data( "ui-selectmenu-item" ), event );
+				},
+				focus: function( event, ui ) {
+					var item = ui.item.data( "ui-selectmenu-item" );
+
+					// Prevent inital focus from firing and check if its a newly focused item
+					if ( that.focusIndex != null && item.index !== that.focusIndex ) {
+						that._trigger( "focus", event, { item: item } );
+						if ( !that.isOpen ) {
+							that._select( item, event );
+						}
+					}
+					that.focusIndex = item.index;
+
+					that.button.attr( "aria-activedescendant",
+						that.menuItems.eq( item.index ).attr( "id" ) );
+				}
+			})
+			.menu( "instance" );
+
+		// Adjust menu styles to dropdown
+		this.menu
+			.addClass( "ui-corner-bottom" )
+			.removeClass( "ui-corner-all" );
+
+		// Don't close the menu on mouseleave
+		this.menuInstance._off( this.menu, "mouseleave" );
+
+		// Cancel the menu's collapseAll on document click
+		this.menuInstance._closeOnDocumentClick = function() {
+			return false;
+		};
+
+		// Selects often contain empty items, but never contain dividers
+		this.menuInstance._isDivider = function() {
+			return false;
+		};
+	},
+
+	refresh: function() {
+		this._refreshMenu();
+		this._setText( this.buttonText, this._getSelectedItem().text() );
+		if ( !this.options.width ) {
+			this._resizeButton();
+		}
+	},
+
+	_refreshMenu: function() {
+		this.menu.empty();
+
+		var item,
+			options = this.element.find( "option" );
+
+		if ( !options.length ) {
+			return;
+		}
+
+		this._parseOptions( options );
+		this._renderMenu( this.menu, this.items );
+
+		this.menuInstance.refresh();
+		this.menuItems = this.menu.find( "li" ).not( ".ui-selectmenu-optgroup" );
+
+		item = this._getSelectedItem();
+
+		// Update the menu to have the correct item focused
+		this.menuInstance.focus( null, item );
+		this._setAria( item.data( "ui-selectmenu-item" ) );
+
+		// Set disabled state
+		this._setOption( "disabled", this.element.prop( "disabled" ) );
+	},
+
+	open: function( event ) {
+		if ( this.options.disabled ) {
+			return;
+		}
+
+		// If this is the first time the menu is being opened, render the items
+		if ( !this.menuItems ) {
+			this._refreshMenu();
+		} else {
+
+			// Menu clears focus on close, reset focus to selected item
+			this.menu.find( ".ui-state-focus" ).removeClass( "ui-state-focus" );
+			this.menuInstance.focus( null, this._getSelectedItem() );
+		}
+
+		this.isOpen = true;
+		this._toggleAttr();
+		this._resizeMenu();
+		this._position();
+
+		this._on( this.document, this._documentClick );
+
+		this._trigger( "open", event );
+	},
+
+	_position: function() {
+		this.menuWrap.position( $.extend( { of: this.button }, this.options.position ) );
+	},
+
+	close: function( event ) {
+		if ( !this.isOpen ) {
+			return;
+		}
+
+		this.isOpen = false;
+		this._toggleAttr();
+
+		this.range = null;
+		this._off( this.document );
+
+		this._trigger( "close", event );
+	},
+
+	widget: function() {
+		return this.button;
+	},
+
+	menuWidget: function() {
+		return this.menu;
+	},
+
+	_renderMenu: function( ul, items ) {
+		var that = this,
+			currentOptgroup = "";
+
+		$.each( items, function( index, item ) {
+			if ( item.optgroup !== currentOptgroup ) {
+				$( "<li>", {
+					"class": "ui-selectmenu-optgroup ui-menu-divider" +
+						( item.element.parent( "optgroup" ).prop( "disabled" ) ?
+							" ui-state-disabled" :
+							"" ),
+					text: item.optgroup
+				})
+					.appendTo( ul );
+
+				currentOptgroup = item.optgroup;
+			}
+
+			that._renderItemData( ul, item );
+		});
+	},
+
+	_renderItemData: function( ul, item ) {
+		return this._renderItem( ul, item ).data( "ui-selectmenu-item", item );
+	},
+
+	_renderItem: function( ul, item ) {
+		var li = $( "<li>" );
+
+		if ( item.disabled ) {
+			li.addClass( "ui-state-disabled" );
+		}
+		this._setText( li, item.label );
+
+		return li.appendTo( ul );
+	},
+
+	_setText: function( element, value ) {
+		if ( value ) {
+			element.text( value );
+		} else {
+			element.html( "&#160;" );
+		}
+	},
+
+	_move: function( direction, event ) {
+		var item, next,
+			filter = ".ui-menu-item";
+
+		if ( this.isOpen ) {
+			item = this.menuItems.eq( this.focusIndex );
+		} else {
+			item = this.menuItems.eq( this.element[ 0 ].selectedIndex );
+			filter += ":not(.ui-state-disabled)";
+		}
+
+		if ( direction === "first" || direction === "last" ) {
+			next = item[ direction === "first" ? "prevAll" : "nextAll" ]( filter ).eq( -1 );
+		} else {
+			next = item[ direction + "All" ]( filter ).eq( 0 );
+		}
+
+		if ( next.length ) {
+			this.menuInstance.focus( event, next );
+		}
+	},
+
+	_getSelectedItem: function() {
+		return this.menuItems.eq( this.element[ 0 ].selectedIndex );
+	},
+
+	_toggle: function( event ) {
+		this[ this.isOpen ? "close" : "open" ]( event );
+	},
+
+	_setSelection: function() {
+		var selection;
+
+		if ( !this.range ) {
+			return;
+		}
+
+		if ( window.getSelection ) {
+			selection = window.getSelection();
+			selection.removeAllRanges();
+			selection.addRange( this.range );
+
+		// support: IE8
+		} else {
+			this.range.select();
+		}
+
+		// support: IE
+		// Setting the text selection kills the button focus in IE, but
+		// restoring the focus doesn't kill the selection.
+		this.button.focus();
+	},
+
+	_documentClick: {
+		mousedown: function( event ) {
+			if ( !this.isOpen ) {
+				return;
+			}
+
+			if ( !$( event.target ).closest( ".ui-selectmenu-menu, #" + this.ids.button ).length ) {
+				this.close( event );
+			}
+		}
+	},
+
+	_buttonEvents: {
+
+		// Prevent text selection from being reset when interacting with the selectmenu (#10144)
+		mousedown: function() {
+			var selection;
+
+			if ( window.getSelection ) {
+				selection = window.getSelection();
+				if ( selection.rangeCount ) {
+					this.range = selection.getRangeAt( 0 );
+				}
+
+			// support: IE8
+			} else {
+				this.range = document.selection.createRange();
+			}
+		},
+
+		click: function( event ) {
+			this._setSelection();
+			this._toggle( event );
+		},
+
+		keydown: function( event ) {
+			var preventDefault = true;
+			switch ( event.keyCode ) {
+				case $.ui.keyCode.TAB:
+				case $.ui.keyCode.ESCAPE:
+					this.close( event );
+					preventDefault = false;
+					break;
+				case $.ui.keyCode.ENTER:
+					if ( this.isOpen ) {
+						this._selectFocusedItem( event );
+					}
+					break;
+				case $.ui.keyCode.UP:
+					if ( event.altKey ) {
+						this._toggle( event );
+					} else {
+						this._move( "prev", event );
+					}
+					break;
+				case $.ui.keyCode.DOWN:
+					if ( event.altKey ) {
+						this._toggle( event );
+					} else {
+						this._move( "next", event );
+					}
+					break;
+				case $.ui.keyCode.SPACE:
+					if ( this.isOpen ) {
+						this._selectFocusedItem( event );
+					} else {
+						this._toggle( event );
+					}
+					break;
+				case $.ui.keyCode.LEFT:
+					this._move( "prev", event );
+					break;
+				case $.ui.keyCode.RIGHT:
+					this._move( "next", event );
+					break;
+				case $.ui.keyCode.HOME:
+				case $.ui.keyCode.PAGE_UP:
+					this._move( "first", event );
+					break;
+				case $.ui.keyCode.END:
+				case $.ui.keyCode.PAGE_DOWN:
+					this._move( "last", event );
+					break;
+				default:
+					this.menu.trigger( event );
+					preventDefault = false;
+			}
+
+			if ( preventDefault ) {
+				event.preventDefault();
+			}
+		}
+	},
+
+	_selectFocusedItem: function( event ) {
+		var item = this.menuItems.eq( this.focusIndex );
+		if ( !item.hasClass( "ui-state-disabled" ) ) {
+			this._select( item.data( "ui-selectmenu-item" ), event );
+		}
+	},
+
+	_select: function( item, event ) {
+		var oldIndex = this.element[ 0 ].selectedIndex;
+
+		// Change native select element
+		this.element[ 0 ].selectedIndex = item.index;
+		this._setText( this.buttonText, item.label );
+		this._setAria( item );
+		this._trigger( "select", event, { item: item } );
+
+		if ( item.index !== oldIndex ) {
+			this._trigger( "change", event, { item: item } );
+		}
+
+		this.close( event );
+	},
+
+	_setAria: function( item ) {
+		var id = this.menuItems.eq( item.index ).attr( "id" );
+
+		this.button.attr({
+			"aria-labelledby": id,
+			"aria-activedescendant": id
+		});
+		this.menu.attr( "aria-activedescendant", id );
+	},
+
+	_setOption: function( key, value ) {
+		if ( key === "icons" ) {
+			this.button.find( "span.ui-icon" )
+				.removeClass( this.options.icons.button )
+				.addClass( value.button );
+		}
+
+		this._super( key, value );
+
+		if ( key === "appendTo" ) {
+			this.menuWrap.appendTo( this._appendTo() );
+		}
+
+		if ( key === "disabled" ) {
+			this.menuInstance.option( "disabled", value );
+			this.button
+				.toggleClass( "ui-state-disabled", value )
+				.attr( "aria-disabled", value );
+
+			this.element.prop( "disabled", value );
+			if ( value ) {
+				this.button.attr( "tabindex", -1 );
+				this.close();
+			} else {
+				this.button.attr( "tabindex", 0 );
+			}
+		}
+
+		if ( key === "width" ) {
+			this._resizeButton();
+		}
+	},
+
+	_appendTo: function() {
+		var element = this.options.appendTo;
+
+		if ( element ) {
+			element = element.jquery || element.nodeType ?
+				$( element ) :
+				this.document.find( element ).eq( 0 );
+		}
+
+		if ( !element || !element[ 0 ] ) {
+			element = this.element.closest( ".ui-front" );
+		}
+
+		if ( !element.length ) {
+			element = this.document[ 0 ].body;
+		}
+
+		return element;
+	},
+
+	_toggleAttr: function() {
+		this.button
+			.toggleClass( "ui-corner-top", this.isOpen )
+			.toggleClass( "ui-corner-all", !this.isOpen )
+			.attr( "aria-expanded", this.isOpen );
+		this.menuWrap.toggleClass( "ui-selectmenu-open", this.isOpen );
+		this.menu.attr( "aria-hidden", !this.isOpen );
+	},
+
+	_resizeButton: function() {
+		var width = this.options.width;
+
+		if ( !width ) {
+			width = this.element.show().outerWidth();
+			this.element.hide();
+		}
+
+		this.button.outerWidth( width );
+	},
+
+	_resizeMenu: function() {
+		this.menu.outerWidth( Math.max(
+			this.button.outerWidth(),
+
+			// support: IE10
+			// IE10 wraps long text (possibly a rounding bug)
+			// so we add 1px to avoid the wrapping
+			this.menu.width( "" ).outerWidth() + 1
+		) );
+	},
+
+	_getCreateOptions: function() {
+		return { disabled: this.element.prop( "disabled" ) };
+	},
+
+	_parseOptions: function( options ) {
+		var data = [];
+		options.each(function( index, item ) {
+			var option = $( item ),
+				optgroup = option.parent( "optgroup" );
+			data.push({
+				element: option,
+				index: index,
+				value: option.attr( "value" ),
+				label: option.text(),
+				optgroup: optgroup.attr( "label" ) || "",
+				disabled: optgroup.prop( "disabled" ) || option.prop( "disabled" )
+			});
+		});
+		this.items = data;
+	},
+
+	_destroy: function() {
+		this.menuWrap.remove();
+		this.button.remove();
+		this.element.show();
+		this.element.removeUniqueId();
+		this.label.attr( "for", this.ids.element );
+	}
+});
+
+
+/*!
+ * jQuery UI Slider 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/slider/
+ */
+
+
+var slider = $.widget( "ui.slider", $.ui.mouse, {
+	version: "1.11.2",
+	widgetEventPrefix: "slide",
+
+	options: {
+		animate: false,
+		distance: 0,
+		max: 100,
+		min: 0,
+		orientation: "horizontal",
+		range: false,
+		step: 1,
+		value: 0,
+		values: null,
+
+		// callbacks
+		change: null,
+		slide: null,
+		start: null,
+		stop: null
+	},
+
+	// number of pages in a slider
+	// (how many times can you page up/down to go through the whole range)
+	numPages: 5,
+
+	_create: function() {
+		this._keySliding = false;
+		this._mouseSliding = false;
+		this._animateOff = true;
+		this._handleIndex = null;
+		this._detectOrientation();
+		this._mouseInit();
+		this._calculateNewMax();
+
+		this.element
+			.addClass( "ui-slider" +
+				" ui-slider-" + this.orientation +
+				" ui-widget" +
+				" ui-widget-content" +
+				" ui-corner-all");
+
+		this._refresh();
+		this._setOption( "disabled", this.options.disabled );
+
+		this._animateOff = false;
+	},
+
+	_refresh: function() {
+		this._createRange();
+		this._createHandles();
+		this._setupEvents();
+		this._refreshValue();
+	},
+
+	_createHandles: function() {
+		var i, handleCount,
+			options = this.options,
+			existingHandles = this.element.find( ".ui-slider-handle" ).addClass( "ui-state-default ui-corner-all" ),
+			handle = "<span class='ui-slider-handle ui-state-default ui-corner-all' tabindex='0'></span>",
+			handles = [];
+
+		handleCount = ( options.values && options.values.length ) || 1;
+
+		if ( existingHandles.length > handleCount ) {
+			existingHandles.slice( handleCount ).remove();
+			existingHandles = existingHandles.slice( 0, handleCount );
+		}
+
+		for ( i = existingHandles.length; i < handleCount; i++ ) {
+			handles.push( handle );
+		}
+
+		this.handles = existingHandles.add( $( handles.join( "" ) ).appendTo( this.element ) );
+
+		this.handle = this.handles.eq( 0 );
+
+		this.handles.each(function( i ) {
+			$( this ).data( "ui-slider-handle-index", i );
+		});
+	},
+
+	_createRange: function() {
+		var options = this.options,
+			classes = "";
+
+		if ( options.range ) {
+			if ( options.range === true ) {
+				if ( !options.values ) {
+					options.values = [ this._valueMin(), this._valueMin() ];
+				} else if ( options.values.length && options.values.length !== 2 ) {
+					options.values = [ options.values[0], options.values[0] ];
+				} else if ( $.isArray( options.values ) ) {
+					options.values = options.values.slice(0);
+				}
+			}
+
+			if ( !this.range || !this.range.length ) {
+				this.range = $( "<div></div>" )
+					.appendTo( this.element );
+
+				classes = "ui-slider-range" +
+				// note: this isn't the most fittingly semantic framework class for this element,
+				// but worked best visually with a variety of themes
+				" ui-widget-header ui-corner-all";
+			} else {
+				this.range.removeClass( "ui-slider-range-min ui-slider-range-max" )
+					// Handle range switching from true to min/max
+					.css({
+						"left": "",
+						"bottom": ""
+					});
+			}
+
+			this.range.addClass( classes +
+				( ( options.range === "min" || options.range === "max" ) ? " ui-slider-range-" + options.range : "" ) );
+		} else {
+			if ( this.range ) {
+				this.range.remove();
+			}
+			this.range = null;
+		}
+	},
+
+	_setupEvents: function() {
+		this._off( this.handles );
+		this._on( this.handles, this._handleEvents );
+		this._hoverable( this.handles );
+		this._focusable( this.handles );
+	},
+
+	_destroy: function() {
+		this.handles.remove();
+		if ( this.range ) {
+			this.range.remove();
+		}
+
+		this.element
+			.removeClass( "ui-slider" +
+				" ui-slider-horizontal" +
+				" ui-slider-vertical" +
+				" ui-widget" +
+				" ui-widget-content" +
+				" ui-corner-all" );
+
+		this._mouseDestroy();
+	},
+
+	_mouseCapture: function( event ) {
+		var position, normValue, distance, closestHandle, index, allowed, offset, mouseOverHandle,
+			that = this,
+			o = this.options;
+
+		if ( o.disabled ) {
+			return false;
+		}
+
+		this.elementSize = {
+			width: this.element.outerWidth(),
+			height: this.element.outerHeight()
+		};
+		this.elementOffset = this.element.offset();
+
+		position = { x: event.pageX, y: event.pageY };
+		normValue = this._normValueFromMouse( position );
+		distance = this._valueMax() - this._valueMin() + 1;
+		this.handles.each(function( i ) {
+			var thisDistance = Math.abs( normValue - that.values(i) );
+			if (( distance > thisDistance ) ||
+				( distance === thisDistance &&
+					(i === that._lastChangedValue || that.values(i) === o.min ))) {
+				distance = thisDistance;
+				closestHandle = $( this );
+				index = i;
+			}
+		});
+
+		allowed = this._start( event, index );
+		if ( allowed === false ) {
+			return false;
+		}
+		this._mouseSliding = true;
+
+		this._handleIndex = index;
+
+		closestHandle
+			.addClass( "ui-state-active" )
+			.focus();
+
+		offset = closestHandle.offset();
+		mouseOverHandle = !$( event.target ).parents().addBack().is( ".ui-slider-handle" );
+		this._clickOffset = mouseOverHandle ? { left: 0, top: 0 } : {
+			left: event.pageX - offset.left - ( closestHandle.width() / 2 ),
+			top: event.pageY - offset.top -
+				( closestHandle.height() / 2 ) -
+				( parseInt( closestHandle.css("borderTopWidth"), 10 ) || 0 ) -
+				( parseInt( closestHandle.css("borderBottomWidth"), 10 ) || 0) +
+				( parseInt( closestHandle.css("marginTop"), 10 ) || 0)
+		};
+
+		if ( !this.handles.hasClass( "ui-state-hover" ) ) {
+			this._slide( event, index, normValue );
+		}
+		this._animateOff = true;
+		return true;
+	},
+
+	_mouseStart: function() {
+		return true;
+	},
+
+	_mouseDrag: function( event ) {
+		var position = { x: event.pageX, y: event.pageY },
+			normValue = this._normValueFromMouse( position );
+
+		this._slide( event, this._handleIndex, normValue );
+
+		return false;
+	},
+
+	_mouseStop: function( event ) {
+		this.handles.removeClass( "ui-state-active" );
+		this._mouseSliding = false;
+
+		this._stop( event, this._handleIndex );
+		this._change( event, this._handleIndex );
+
+		this._handleIndex = null;
+		this._clickOffset = null;
+		this._animateOff = false;
+
+		return false;
+	},
+
+	_detectOrientation: function() {
+		this.orientation = ( this.options.orientation === "vertical" ) ? "vertical" : "horizontal";
+	},
+
+	_normValueFromMouse: function( position ) {
+		var pixelTotal,
+			pixelMouse,
+			percentMouse,
+			valueTotal,
+			valueMouse;
+
+		if ( this.orientation === "horizontal" ) {
+			pixelTotal = this.elementSize.width;
+			pixelMouse = position.x - this.elementOffset.left - ( this._clickOffset ? this._clickOffset.left : 0 );
+		} else {
+			pixelTotal = this.elementSize.height;
+			pixelMouse = position.y - this.elementOffset.top - ( this._clickOffset ? this._clickOffset.top : 0 );
+		}
+
+		percentMouse = ( pixelMouse / pixelTotal );
+		if ( percentMouse > 1 ) {
+			percentMouse = 1;
+		}
+		if ( percentMouse < 0 ) {
+			percentMouse = 0;
+		}
+		if ( this.orientation === "vertical" ) {
+			percentMouse = 1 - percentMouse;
+		}
+
+		valueTotal = this._valueMax() - this._valueMin();
+		valueMouse = this._valueMin() + percentMouse * valueTotal;
+
+		return this._trimAlignValue( valueMouse );
+	},
+
+	_start: function( event, index ) {
+		var uiHash = {
+			handle: this.handles[ index ],
+			value: this.value()
+		};
+		if ( this.options.values && this.options.values.length ) {
+			uiHash.value = this.values( index );
+			uiHash.values = this.values();
+		}
+		return this._trigger( "start", event, uiHash );
+	},
+
+	_slide: function( event, index, newVal ) {
+		var otherVal,
+			newValues,
+			allowed;
+
+		if ( this.options.values && this.options.values.length ) {
+			otherVal = this.values( index ? 0 : 1 );
+
+			if ( ( this.options.values.length === 2 && this.options.range === true ) &&
+					( ( index === 0 && newVal > otherVal) || ( index === 1 && newVal < otherVal ) )
+				) {
+				newVal = otherVal;
+			}
+
+			if ( newVal !== this.values( index ) ) {
+				newValues = this.values();
+				newValues[ index ] = newVal;
+				// A slide can be canceled by returning false from the slide callback
+				allowed = this._trigger( "slide", event, {
+					handle: this.handles[ index ],
+					value: newVal,
+					values: newValues
+				} );
+				otherVal = this.values( index ? 0 : 1 );
+				if ( allowed !== false ) {
+					this.values( index, newVal );
+				}
+			}
+		} else {
+			if ( newVal !== this.value() ) {
+				// A slide can be canceled by returning false from the slide callback
+				allowed = this._trigger( "slide", event, {
+					handle: this.handles[ index ],
+					value: newVal
+				} );
+				if ( allowed !== false ) {
+					this.value( newVal );
+				}
+			}
+		}
+	},
+
+	_stop: function( event, index ) {
+		var uiHash = {
+			handle: this.handles[ index ],
+			value: this.value()
+		};
+		if ( this.options.values && this.options.values.length ) {
+			uiHash.value = this.values( index );
+			uiHash.values = this.values();
+		}
+
+		this._trigger( "stop", event, uiHash );
+	},
+
+	_change: function( event, index ) {
+		if ( !this._keySliding && !this._mouseSliding ) {
+			var uiHash = {
+				handle: this.handles[ index ],
+				value: this.value()
+			};
+			if ( this.options.values && this.options.values.length ) {
+				uiHash.value = this.values( index );
+				uiHash.values = this.values();
+			}
+
+			//store the last changed value index for reference when handles overlap
+			this._lastChangedValue = index;
+
+			this._trigger( "change", event, uiHash );
+		}
+	},
+
+	value: function( newValue ) {
+		if ( arguments.length ) {
+			this.options.value = this._trimAlignValue( newValue );
+			this._refreshValue();
+			this._change( null, 0 );
+			return;
+		}
+
+		return this._value();
+	},
+
+	values: function( index, newValue ) {
+		var vals,
+			newValues,
+			i;
+
+		if ( arguments.length > 1 ) {
+			this.options.values[ index ] = this._trimAlignValue( newValue );
+			this._refreshValue();
+			this._change( null, index );
+			return;
+		}
+
+		if ( arguments.length ) {
+			if ( $.isArray( arguments[ 0 ] ) ) {
+				vals = this.options.values;
+				newValues = arguments[ 0 ];
+				for ( i = 0; i < vals.length; i += 1 ) {
+					vals[ i ] = this._trimAlignValue( newValues[ i ] );
+					this._change( null, i );
+				}
+				this._refreshValue();
+			} else {
+				if ( this.options.values && this.options.values.length ) {
+					return this._values( index );
+				} else {
+					return this.value();
+				}
+			}
+		} else {
+			return this._values();
+		}
+	},
+
+	_setOption: function( key, value ) {
+		var i,
+			valsLength = 0;
+
+		if ( key === "range" && this.options.range === true ) {
+			if ( value === "min" ) {
+				this.options.value = this._values( 0 );
+				this.options.values = null;
+			} else if ( value === "max" ) {
+				this.options.value = this._values( this.options.values.length - 1 );
+				this.options.values = null;
+			}
+		}
+
+		if ( $.isArray( this.options.values ) ) {
+			valsLength = this.options.values.length;
+		}
+
+		if ( key === "disabled" ) {
+			this.element.toggleClass( "ui-state-disabled", !!value );
+		}
+
+		this._super( key, value );
+
+		switch ( key ) {
+			case "orientation":
+				this._detectOrientation();
+				this.element
+					.removeClass( "ui-slider-horizontal ui-slider-vertical" )
+					.addClass( "ui-slider-" + this.orientation );
+				this._refreshValue();
+
+				// Reset positioning from previous orientation
+				this.handles.css( value === "horizontal" ? "bottom" : "left", "" );
+				break;
+			case "value":
+				this._animateOff = true;
+				this._refreshValue();
+				this._change( null, 0 );
+				this._animateOff = false;
+				break;
+			case "values":
+				this._animateOff = true;
+				this._refreshValue();
+				for ( i = 0; i < valsLength; i += 1 ) {
+					this._change( null, i );
+				}
+				this._animateOff = false;
+				break;
+			case "step":
+			case "min":
+			case "max":
+				this._animateOff = true;
+				this._calculateNewMax();
+				this._refreshValue();
+				this._animateOff = false;
+				break;
+			case "range":
+				this._animateOff = true;
+				this._refresh();
+				this._animateOff = false;
+				break;
+		}
+	},
+
+	//internal value getter
+	// _value() returns value trimmed by min and max, aligned by step
+	_value: function() {
+		var val = this.options.value;
+		val = this._trimAlignValue( val );
+
+		return val;
+	},
+
+	//internal values getter
+	// _values() returns array of values trimmed by min and max, aligned by step
+	// _values( index ) returns single value trimmed by min and max, aligned by step
+	_values: function( index ) {
+		var val,
+			vals,
+			i;
+
+		if ( arguments.length ) {
+			val = this.options.values[ index ];
+			val = this._trimAlignValue( val );
+
+			return val;
+		} else if ( this.options.values && this.options.values.length ) {
+			// .slice() creates a copy of the array
+			// this copy gets trimmed by min and max and then returned
+			vals = this.options.values.slice();
+			for ( i = 0; i < vals.length; i += 1) {
+				vals[ i ] = this._trimAlignValue( vals[ i ] );
+			}
+
+			return vals;
+		} else {
+			return [];
+		}
+	},
+
+	// returns the step-aligned value that val is closest to, between (inclusive) min and max
+	_trimAlignValue: function( val ) {
+		if ( val <= this._valueMin() ) {
+			return this._valueMin();
+		}
+		if ( val >= this._valueMax() ) {
+			return this._valueMax();
+		}
+		var step = ( this.options.step > 0 ) ? this.options.step : 1,
+			valModStep = (val - this._valueMin()) % step,
+			alignValue = val - valModStep;
+
+		if ( Math.abs(valModStep) * 2 >= step ) {
+			alignValue += ( valModStep > 0 ) ? step : ( -step );
+		}
+
+		// Since JavaScript has problems with large floats, round
+		// the final value to 5 digits after the decimal point (see #4124)
+		return parseFloat( alignValue.toFixed(5) );
+	},
+
+	_calculateNewMax: function() {
+		var remainder = ( this.options.max - this._valueMin() ) % this.options.step;
+		this.max = this.options.max - remainder;
+	},
+
+	_valueMin: function() {
+		return this.options.min;
+	},
+
+	_valueMax: function() {
+		return this.max;
+	},
+
+	_refreshValue: function() {
+		var lastValPercent, valPercent, value, valueMin, valueMax,
+			oRange = this.options.range,
+			o = this.options,
+			that = this,
+			animate = ( !this._animateOff ) ? o.animate : false,
+			_set = {};
+
+		if ( this.options.values && this.options.values.length ) {
+			this.handles.each(function( i ) {
+				valPercent = ( that.values(i) - that._valueMin() ) / ( that._valueMax() - that._valueMin() ) * 100;
+				_set[ that.orientation === "horizontal" ? "left" : "bottom" ] = valPercent + "%";
+				$( this ).stop( 1, 1 )[ animate ? "animate" : "css" ]( _set, o.animate );
+				if ( that.options.range === true ) {
+					if ( that.orientation === "horizontal" ) {
+						if ( i === 0 ) {
+							that.range.stop( 1, 1 )[ animate ? "animate" : "css" ]( { left: valPercent + "%" }, o.animate );
+						}
+						if ( i === 1 ) {
+							that.range[ animate ? "animate" : "css" ]( { width: ( valPercent - lastValPercent ) + "%" }, { queue: false, duration: o.animate } );
+						}
+					} else {
+						if ( i === 0 ) {
+							that.range.stop( 1, 1 )[ animate ? "animate" : "css" ]( { bottom: ( valPercent ) + "%" }, o.animate );
+						}
+						if ( i === 1 ) {
+							that.range[ animate ? "animate" : "css" ]( { height: ( valPercent - lastValPercent ) + "%" }, { queue: false, duration: o.animate } );
+						}
+					}
+				}
+				lastValPercent = valPercent;
+			});
+		} else {
+			value = this.value();
+			valueMin = this._valueMin();
+			valueMax = this._valueMax();
+			valPercent = ( valueMax !== valueMin ) ?
+					( value - valueMin ) / ( valueMax - valueMin ) * 100 :
+					0;
+			_set[ this.orientation === "horizontal" ? "left" : "bottom" ] = valPercent + "%";
+			this.handle.stop( 1, 1 )[ animate ? "animate" : "css" ]( _set, o.animate );
+
+			if ( oRange === "min" && this.orientation === "horizontal" ) {
+				this.range.stop( 1, 1 )[ animate ? "animate" : "css" ]( { width: valPercent + "%" }, o.animate );
+			}
+			if ( oRange === "max" && this.orientation === "horizontal" ) {
+				this.range[ animate ? "animate" : "css" ]( { width: ( 100 - valPercent ) + "%" }, { queue: false, duration: o.animate } );
+			}
+			if ( oRange === "min" && this.orientation === "vertical" ) {
+				this.range.stop( 1, 1 )[ animate ? "animate" : "css" ]( { height: valPercent + "%" }, o.animate );
+			}
+			if ( oRange === "max" && this.orientation === "vertical" ) {
+				this.range[ animate ? "animate" : "css" ]( { height: ( 100 - valPercent ) + "%" }, { queue: false, duration: o.animate } );
+			}
+		}
+	},
+
+	_handleEvents: {
+		keydown: function( event ) {
+			var allowed, curVal, newVal, step,
+				index = $( event.target ).data( "ui-slider-handle-index" );
+
+			switch ( event.keyCode ) {
+				case $.ui.keyCode.HOME:
+				case $.ui.keyCode.END:
+				case $.ui.keyCode.PAGE_UP:
+				case $.ui.keyCode.PAGE_DOWN:
+				case $.ui.keyCode.UP:
+				case $.ui.keyCode.RIGHT:
+				case $.ui.keyCode.DOWN:
+				case $.ui.keyCode.LEFT:
+					event.preventDefault();
+					if ( !this._keySliding ) {
+						this._keySliding = true;
+						$( event.target ).addClass( "ui-state-active" );
+						allowed = this._start( event, index );
+						if ( allowed === false ) {
+							return;
+						}
+					}
+					break;
+			}
+
+			step = this.options.step;
+			if ( this.options.values && this.options.values.length ) {
+				curVal = newVal = this.values( index );
+			} else {
+				curVal = newVal = this.value();
+			}
+
+			switch ( event.keyCode ) {
+				case $.ui.keyCode.HOME:
+					newVal = this._valueMin();
+					break;
+				case $.ui.keyCode.END:
+					newVal = this._valueMax();
+					break;
+				case $.ui.keyCode.PAGE_UP:
+					newVal = this._trimAlignValue(
+						curVal + ( ( this._valueMax() - this._valueMin() ) / this.numPages )
+					);
+					break;
+				case $.ui.keyCode.PAGE_DOWN:
+					newVal = this._trimAlignValue(
+						curVal - ( (this._valueMax() - this._valueMin()) / this.numPages ) );
+					break;
+				case $.ui.keyCode.UP:
+				case $.ui.keyCode.RIGHT:
+					if ( curVal === this._valueMax() ) {
+						return;
+					}
+					newVal = this._trimAlignValue( curVal + step );
+					break;
+				case $.ui.keyCode.DOWN:
+				case $.ui.keyCode.LEFT:
+					if ( curVal === this._valueMin() ) {
+						return;
+					}
+					newVal = this._trimAlignValue( curVal - step );
+					break;
+			}
+
+			this._slide( event, index, newVal );
+		},
+		keyup: function( event ) {
+			var index = $( event.target ).data( "ui-slider-handle-index" );
+
+			if ( this._keySliding ) {
+				this._keySliding = false;
+				this._stop( event, index );
+				this._change( event, index );
+				$( event.target ).removeClass( "ui-state-active" );
+			}
+		}
+	}
+});
+
+
+/*!
+ * jQuery UI Spinner 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/spinner/
+ */
+
+
+function spinner_modifier( fn ) {
+	return function() {
+		var previous = this.element.val();
+		fn.apply( this, arguments );
+		this._refresh();
+		if ( previous !== this.element.val() ) {
+			this._trigger( "change" );
+		}
+	};
+}
+
+var spinner = $.widget( "ui.spinner", {
+	version: "1.11.2",
+	defaultElement: "<input>",
+	widgetEventPrefix: "spin",
+	options: {
+		culture: null,
+		icons: {
+			down: "ui-icon-triangle-1-s",
+			up: "ui-icon-triangle-1-n"
+		},
+		incremental: true,
+		max: null,
+		min: null,
+		numberFormat: null,
+		page: 10,
+		step: 1,
+
+		change: null,
+		spin: null,
+		start: null,
+		stop: null
+	},
+
+	_create: function() {
+		// handle string values that need to be parsed
+		this._setOption( "max", this.options.max );
+		this._setOption( "min", this.options.min );
+		this._setOption( "step", this.options.step );
+
+		// Only format if there is a value, prevents the field from being marked
+		// as invalid in Firefox, see #9573.
+		if ( this.value() !== "" ) {
+			// Format the value, but don't constrain.
+			this._value( this.element.val(), true );
+		}
+
+		this._draw();
+		this._on( this._events );
+		this._refresh();
+
+		// turning off autocomplete prevents the browser from remembering the
+		// value when navigating through history, so we re-enable autocomplete
+		// if the page is unloaded before the widget is destroyed. #7790
+		this._on( this.window, {
+			beforeunload: function() {
+				this.element.removeAttr( "autocomplete" );
+			}
+		});
+	},
+
+	_getCreateOptions: function() {
+		var options = {},
+			element = this.element;
+
+		$.each( [ "min", "max", "step" ], function( i, option ) {
+			var value = element.attr( option );
+			if ( value !== undefined && value.length ) {
+				options[ option ] = value;
+			}
+		});
+
+		return options;
+	},
+
+	_events: {
+		keydown: function( event ) {
+			if ( this._start( event ) && this._keydown( event ) ) {
+				event.preventDefault();
+			}
+		},
+		keyup: "_stop",
+		focus: function() {
+			this.previous = this.element.val();
+		},
+		blur: function( event ) {
+			if ( this.cancelBlur ) {
+				delete this.cancelBlur;
+				return;
+			}
+
+			this._stop();
+			this._refresh();
+			if ( this.previous !== this.element.val() ) {
+				this._trigger( "change", event );
+			}
+		},
+		mousewheel: function( event, delta ) {
+			if ( !delta ) {
+				return;
+			}
+			if ( !this.spinning && !this._start( event ) ) {
+				return false;
+			}
+
+			this._spin( (delta > 0 ? 1 : -1) * this.options.step, event );
+			clearTimeout( this.mousewheelTimer );
+			this.mousewheelTimer = this._delay(function() {
+				if ( this.spinning ) {
+					this._stop( event );
+				}
+			}, 100 );
+			event.preventDefault();
+		},
+		"mousedown .ui-spinner-button": function( event ) {
+			var previous;
+
+			// We never want the buttons to have focus; whenever the user is
+			// interacting with the spinner, the focus should be on the input.
+			// If the input is focused then this.previous is properly set from
+			// when the input first received focus. If the input is not focused
+			// then we need to set this.previous based on the value before spinning.
+			previous = this.element[0] === this.document[0].activeElement ?
+				this.previous : this.element.val();
+			function checkFocus() {
+				var isActive = this.element[0] === this.document[0].activeElement;
+				if ( !isActive ) {
+					this.element.focus();
+					this.previous = previous;
+					// support: IE
+					// IE sets focus asynchronously, so we need to check if focus
+					// moved off of the input because the user clicked on the button.
+					this._delay(function() {
+						this.previous = previous;
+					});
+				}
+			}
+
+			// ensure focus is on (or stays on) the text field
+			event.preventDefault();
+			checkFocus.call( this );
+
+			// support: IE
+			// IE doesn't prevent moving focus even with event.preventDefault()
+			// so we set a flag to know when we should ignore the blur event
+			// and check (again) if focus moved off of the input.
+			this.cancelBlur = true;
+			this._delay(function() {
+				delete this.cancelBlur;
+				checkFocus.call( this );
+			});
+
+			if ( this._start( event ) === false ) {
+				return;
+			}
+
+			this._repeat( null, $( event.currentTarget ).hasClass( "ui-spinner-up" ) ? 1 : -1, event );
+		},
+		"mouseup .ui-spinner-button": "_stop",
+		"mouseenter .ui-spinner-button": function( event ) {
+			// button will add ui-state-active if mouse was down while mouseleave and kept down
+			if ( !$( event.currentTarget ).hasClass( "ui-state-active" ) ) {
+				return;
+			}
+
+			if ( this._start( event ) === false ) {
+				return false;
+			}
+			this._repeat( null, $( event.currentTarget ).hasClass( "ui-spinner-up" ) ? 1 : -1, event );
+		},
+		// TODO: do we really want to consider this a stop?
+		// shouldn't we just stop the repeater and wait until mouseup before
+		// we trigger the stop event?
+		"mouseleave .ui-spinner-button": "_stop"
+	},
+
+	_draw: function() {
+		var uiSpinner = this.uiSpinner = this.element
+			.addClass( "ui-spinner-input" )
+			.attr( "autocomplete", "off" )
+			.wrap( this._uiSpinnerHtml() )
+			.parent()
+				// add buttons
+				.append( this._buttonHtml() );
+
+		this.element.attr( "role", "spinbutton" );
+
+		// button bindings
+		this.buttons = uiSpinner.find( ".ui-spinner-button" )
+			.attr( "tabIndex", -1 )
+			.button()
+			.removeClass( "ui-corner-all" );
+
+		// IE 6 doesn't understand height: 50% for the buttons
+		// unless the wrapper has an explicit height
+		if ( this.buttons.height() > Math.ceil( uiSpinner.height() * 0.5 ) &&
+				uiSpinner.height() > 0 ) {
+			uiSpinner.height( uiSpinner.height() );
+		}
+
+		// disable spinner if element was already disabled
+		if ( this.options.disabled ) {
+			this.disable();
+		}
+	},
+
+	_keydown: function( event ) {
+		var options = this.options,
+			keyCode = $.ui.keyCode;
+
+		switch ( event.keyCode ) {
+		case keyCode.UP:
+			this._repeat( null, 1, event );
+			return true;
+		case keyCode.DOWN:
+			this._repeat( null, -1, event );
+			return true;
+		case keyCode.PAGE_UP:
+			this._repeat( null, options.page, event );
+			return true;
+		case keyCode.PAGE_DOWN:
+			this._repeat( null, -options.page, event );
+			return true;
+		}
+
+		return false;
+	},
+
+	_uiSpinnerHtml: function() {
+		return "<span class='ui-spinner ui-widget ui-widget-content ui-corner-all'></span>";
+	},
+
+	_buttonHtml: function() {
+		return "" +
+			"<a class='ui-spinner-button ui-spinner-up ui-corner-tr'>" +
+				"<span class='ui-icon " + this.options.icons.up + "'>&#9650;</span>" +
+			"</a>" +
+			"<a class='ui-spinner-button ui-spinner-down ui-corner-br'>" +
+				"<span class='ui-icon " + this.options.icons.down + "'>&#9660;</span>" +
+			"</a>";
+	},
+
+	_start: function( event ) {
+		if ( !this.spinning && this._trigger( "start", event ) === false ) {
+			return false;
+		}
+
+		if ( !this.counter ) {
+			this.counter = 1;
+		}
+		this.spinning = true;
+		return true;
+	},
+
+	_repeat: function( i, steps, event ) {
+		i = i || 500;
+
+		clearTimeout( this.timer );
+		this.timer = this._delay(function() {
+			this._repeat( 40, steps, event );
+		}, i );
+
+		this._spin( steps * this.options.step, event );
+	},
+
+	_spin: function( step, event ) {
+		var value = this.value() || 0;
+
+		if ( !this.counter ) {
+			this.counter = 1;
+		}
+
+		value = this._adjustValue( value + step * this._increment( this.counter ) );
+
+		if ( !this.spinning || this._trigger( "spin", event, { value: value } ) !== false) {
+			this._value( value );
+			this.counter++;
+		}
+	},
+
+	_increment: function( i ) {
+		var incremental = this.options.incremental;
+
+		if ( incremental ) {
+			return $.isFunction( incremental ) ?
+				incremental( i ) :
+				Math.floor( i * i * i / 50000 - i * i / 500 + 17 * i / 200 + 1 );
+		}
+
+		return 1;
+	},
+
+	_precision: function() {
+		var precision = this._precisionOf( this.options.step );
+		if ( this.options.min !== null ) {
+			precision = Math.max( precision, this._precisionOf( this.options.min ) );
+		}
+		return precision;
+	},
+
+	_precisionOf: function( num ) {
+		var str = num.toString(),
+			decimal = str.indexOf( "." );
+		return decimal === -1 ? 0 : str.length - decimal - 1;
+	},
+
+	_adjustValue: function( value ) {
+		var base, aboveMin,
+			options = this.options;
+
+		// make sure we're at a valid step
+		// - find out where we are relative to the base (min or 0)
+		base = options.min !== null ? options.min : 0;
+		aboveMin = value - base;
+		// - round to the nearest step
+		aboveMin = Math.round(aboveMin / options.step) * options.step;
+		// - rounding is based on 0, so adjust back to our base
+		value = base + aboveMin;
+
+		// fix precision from bad JS floating point math
+		value = parseFloat( value.toFixed( this._precision() ) );
+
+		// clamp the value
+		if ( options.max !== null && value > options.max) {
+			return options.max;
+		}
+		if ( options.min !== null && value < options.min ) {
+			return options.min;
+		}
+
+		return value;
+	},
+
+	_stop: function( event ) {
+		if ( !this.spinning ) {
+			return;
+		}
+
+		clearTimeout( this.timer );
+		clearTimeout( this.mousewheelTimer );
+		this.counter = 0;
+		this.spinning = false;
+		this._trigger( "stop", event );
+	},
+
+	_setOption: function( key, value ) {
+		if ( key === "culture" || key === "numberFormat" ) {
+			var prevValue = this._parse( this.element.val() );
+			this.options[ key ] = value;
+			this.element.val( this._format( prevValue ) );
+			return;
+		}
+
+		if ( key === "max" || key === "min" || key === "step" ) {
+			if ( typeof value === "string" ) {
+				value = this._parse( value );
+			}
+		}
+		if ( key === "icons" ) {
+			this.buttons.first().find( ".ui-icon" )
+				.removeClass( this.options.icons.up )
+				.addClass( value.up );
+			this.buttons.last().find( ".ui-icon" )
+				.removeClass( this.options.icons.down )
+				.addClass( value.down );
+		}
+
+		this._super( key, value );
+
+		if ( key === "disabled" ) {
+			this.widget().toggleClass( "ui-state-disabled", !!value );
+			this.element.prop( "disabled", !!value );
+			this.buttons.button( value ? "disable" : "enable" );
+		}
+	},
+
+	_setOptions: spinner_modifier(function( options ) {
+		this._super( options );
+	}),
+
+	_parse: function( val ) {
+		if ( typeof val === "string" && val !== "" ) {
+			val = window.Globalize && this.options.numberFormat ?
+				Globalize.parseFloat( val, 10, this.options.culture ) : +val;
+		}
+		return val === "" || isNaN( val ) ? null : val;
+	},
+
+	_format: function( value ) {
+		if ( value === "" ) {
+			return "";
+		}
+		return window.Globalize && this.options.numberFormat ?
+			Globalize.format( value, this.options.numberFormat, this.options.culture ) :
+			value;
+	},
+
+	_refresh: function() {
+		this.element.attr({
+			"aria-valuemin": this.options.min,
+			"aria-valuemax": this.options.max,
+			// TODO: what should we do with values that can't be parsed?
+			"aria-valuenow": this._parse( this.element.val() )
+		});
+	},
+
+	isValid: function() {
+		var value = this.value();
+
+		// null is invalid
+		if ( value === null ) {
+			return false;
+		}
+
+		// if value gets adjusted, it's invalid
+		return value === this._adjustValue( value );
+	},
+
+	// update the value without triggering change
+	_value: function( value, allowAny ) {
+		var parsed;
+		if ( value !== "" ) {
+			parsed = this._parse( value );
+			if ( parsed !== null ) {
+				if ( !allowAny ) {
+					parsed = this._adjustValue( parsed );
+				}
+				value = this._format( parsed );
+			}
+		}
+		this.element.val( value );
+		this._refresh();
+	},
+
+	_destroy: function() {
+		this.element
+			.removeClass( "ui-spinner-input" )
+			.prop( "disabled", false )
+			.removeAttr( "autocomplete" )
+			.removeAttr( "role" )
+			.removeAttr( "aria-valuemin" )
+			.removeAttr( "aria-valuemax" )
+			.removeAttr( "aria-valuenow" );
+		this.uiSpinner.replaceWith( this.element );
+	},
+
+	stepUp: spinner_modifier(function( steps ) {
+		this._stepUp( steps );
+	}),
+	_stepUp: function( steps ) {
+		if ( this._start() ) {
+			this._spin( (steps || 1) * this.options.step );
+			this._stop();
+		}
+	},
+
+	stepDown: spinner_modifier(function( steps ) {
+		this._stepDown( steps );
+	}),
+	_stepDown: function( steps ) {
+		if ( this._start() ) {
+			this._spin( (steps || 1) * -this.options.step );
+			this._stop();
+		}
+	},
+
+	pageUp: spinner_modifier(function( pages ) {
+		this._stepUp( (pages || 1) * this.options.page );
+	}),
+
+	pageDown: spinner_modifier(function( pages ) {
+		this._stepDown( (pages || 1) * this.options.page );
+	}),
+
+	value: function( newVal ) {
+		if ( !arguments.length ) {
+			return this._parse( this.element.val() );
+		}
+		spinner_modifier( this._value ).call( this, newVal );
+	},
+
+	widget: function() {
+		return this.uiSpinner;
+	}
+});
+
+
+/*!
+ * jQuery UI Tabs 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/tabs/
+ */
+
+
+var tabs = $.widget( "ui.tabs", {
+	version: "1.11.2",
+	delay: 300,
+	options: {
+		active: null,
+		collapsible: false,
+		event: "click",
+		heightStyle: "content",
+		hide: null,
+		show: null,
+
+		// callbacks
+		activate: null,
+		beforeActivate: null,
+		beforeLoad: null,
+		load: null
+	},
+
+	_isLocal: (function() {
+		var rhash = /#.*$/;
+
+		return function( anchor ) {
+			var anchorUrl, locationUrl;
+
+			// support: IE7
+			// IE7 doesn't normalize the href property when set via script (#9317)
+			anchor = anchor.cloneNode( false );
+
+			anchorUrl = anchor.href.replace( rhash, "" );
+			locationUrl = location.href.replace( rhash, "" );
+
+			// decoding may throw an error if the URL isn't UTF-8 (#9518)
+			try {
+				anchorUrl = decodeURIComponent( anchorUrl );
+			} catch ( error ) {}
+			try {
+				locationUrl = decodeURIComponent( locationUrl );
+			} catch ( error ) {}
+
+			return anchor.hash.length > 1 && anchorUrl === locationUrl;
+		};
+	})(),
+
+	_create: function() {
+		var that = this,
+			options = this.options;
+
+		this.running = false;
+
+		this.element
+			.addClass( "ui-tabs ui-widget ui-widget-content ui-corner-all" )
+			.toggleClass( "ui-tabs-collapsible", options.collapsible );
+
+		this._processTabs();
+		options.active = this._initialActive();
+
+		// Take disabling tabs via class attribute from HTML
+		// into account and update option properly.
+		if ( $.isArray( options.disabled ) ) {
+			options.disabled = $.unique( options.disabled.concat(
+				$.map( this.tabs.filter( ".ui-state-disabled" ), function( li ) {
+					return that.tabs.index( li );
+				})
+			) ).sort();
+		}
+
+		// check for length avoids error when initializing empty list
+		if ( this.options.active !== false && this.anchors.length ) {
+			this.active = this._findActive( options.active );
+		} else {
+			this.active = $();
+		}
+
+		this._refresh();
+
+		if ( this.active.length ) {
+			this.load( options.active );
+		}
+	},
+
+	_initialActive: function() {
+		var active = this.options.active,
+			collapsible = this.options.collapsible,
+			locationHash = location.hash.substring( 1 );
+
+		if ( active === null ) {
+			// check the fragment identifier in the URL
+			if ( locationHash ) {
+				this.tabs.each(function( i, tab ) {
+					if ( $( tab ).attr( "aria-controls" ) === locationHash ) {
+						active = i;
+						return false;
+					}
+				});
+			}
+
+			// check for a tab marked active via a class
+			if ( active === null ) {
+				active = this.tabs.index( this.tabs.filter( ".ui-tabs-active" ) );
+			}
+
+			// no active tab, set to false
+			if ( active === null || active === -1 ) {
+				active = this.tabs.length ? 0 : false;
+			}
+		}
+
+		// handle numbers: negative, out of range
+		if ( active !== false ) {
+			active = this.tabs.index( this.tabs.eq( active ) );
+			if ( active === -1 ) {
+				active = collapsible ? false : 0;
+			}
+		}
+
+		// don't allow collapsible: false and active: false
+		if ( !collapsible && active === false && this.anchors.length ) {
+			active = 0;
+		}
+
+		return active;
+	},
+
+	_getCreateEventData: function() {
+		return {
+			tab: this.active,
+			panel: !this.active.length ? $() : this._getPanelForTab( this.active )
+		};
+	},
+
+	_tabKeydown: function( event ) {
+		var focusedTab = $( this.document[0].activeElement ).closest( "li" ),
+			selectedIndex = this.tabs.index( focusedTab ),
+			goingForward = true;
+
+		if ( this._handlePageNav( event ) ) {
+			return;
+		}
+
+		switch ( event.keyCode ) {
+			case $.ui.keyCode.RIGHT:
+			case $.ui.keyCode.DOWN:
+				selectedIndex++;
+				break;
+			case $.ui.keyCode.UP:
+			case $.ui.keyCode.LEFT:
+				goingForward = false;
+				selectedIndex--;
+				break;
+			case $.ui.keyCode.END:
+				selectedIndex = this.anchors.length - 1;
+				break;
+			case $.ui.keyCode.HOME:
+				selectedIndex = 0;
+				break;
+			case $.ui.keyCode.SPACE:
+				// Activate only, no collapsing
+				event.preventDefault();
+				clearTimeout( this.activating );
+				this._activate( selectedIndex );
+				return;
+			case $.ui.keyCode.ENTER:
+				// Toggle (cancel delayed activation, allow collapsing)
+				event.preventDefault();
+				clearTimeout( this.activating );
+				// Determine if we should collapse or activate
+				this._activate( selectedIndex === this.options.active ? false : selectedIndex );
+				return;
+			default:
+				return;
+		}
+
+		// Focus the appropriate tab, based on which key was pressed
+		event.preventDefault();
+		clearTimeout( this.activating );
+		selectedIndex = this._focusNextTab( selectedIndex, goingForward );
+
+		// Navigating with control key will prevent automatic activation
+		if ( !event.ctrlKey ) {
+			// Update aria-selected immediately so that AT think the tab is already selected.
+			// Otherwise AT may confuse the user by stating that they need to activate the tab,
+			// but the tab will already be activated by the time the announcement finishes.
+			focusedTab.attr( "aria-selected", "false" );
+			this.tabs.eq( selectedIndex ).attr( "aria-selected", "true" );
+
+			this.activating = this._delay(function() {
+				this.option( "active", selectedIndex );
+			}, this.delay );
+		}
+	},
+
+	_panelKeydown: function( event ) {
+		if ( this._handlePageNav( event ) ) {
+			return;
+		}
+
+		// Ctrl+up moves focus to the current tab
+		if ( event.ctrlKey && event.keyCode === $.ui.keyCode.UP ) {
+			event.preventDefault();
+			this.active.focus();
+		}
+	},
+
+	// Alt+page up/down moves focus to the previous/next tab (and activates)
+	_handlePageNav: function( event ) {
+		if ( event.altKey && event.keyCode === $.ui.keyCode.PAGE_UP ) {
+			this._activate( this._focusNextTab( this.options.active - 1, false ) );
+			return true;
+		}
+		if ( event.altKey && event.keyCode === $.ui.keyCode.PAGE_DOWN ) {
+			this._activate( this._focusNextTab( this.options.active + 1, true ) );
+			return true;
+		}
+	},
+
+	_findNextTab: function( index, goingForward ) {
+		var lastTabIndex = this.tabs.length - 1;
+
+		function constrain() {
+			if ( index > lastTabIndex ) {
+				index = 0;
+			}
+			if ( index < 0 ) {
+				index = lastTabIndex;
+			}
+			return index;
+		}
+
+		while ( $.inArray( constrain(), this.options.disabled ) !== -1 ) {
+			index = goingForward ? index + 1 : index - 1;
+		}
+
+		return index;
+	},
+
+	_focusNextTab: function( index, goingForward ) {
+		index = this._findNextTab( index, goingForward );
+		this.tabs.eq( index ).focus();
+		return index;
+	},
+
+	_setOption: function( key, value ) {
+		if ( key === "active" ) {
+			// _activate() will handle invalid values and update this.options
+			this._activate( value );
+			return;
+		}
+
+		if ( key === "disabled" ) {
+			// don't use the widget factory's disabled handling
+			this._setupDisabled( value );
+			return;
+		}
+
+		this._super( key, value);
+
+		if ( key === "collapsible" ) {
+			this.element.toggleClass( "ui-tabs-collapsible", value );
+			// Setting collapsible: false while collapsed; open first panel
+			if ( !value && this.options.active === false ) {
+				this._activate( 0 );
+			}
+		}
+
+		if ( key === "event" ) {
+			this._setupEvents( value );
+		}
+
+		if ( key === "heightStyle" ) {
+			this._setupHeightStyle( value );
+		}
+	},
+
+	_sanitizeSelector: function( hash ) {
+		return hash ? hash.replace( /[!"$%&'()*+,.\/:;<=>?@\[\]\^`{|}~]/g, "\\$&" ) : "";
+	},
+
+	refresh: function() {
+		var options = this.options,
+			lis = this.tablist.children( ":has(a[href])" );
+
+		// get disabled tabs from class attribute from HTML
+		// this will get converted to a boolean if needed in _refresh()
+		options.disabled = $.map( lis.filter( ".ui-state-disabled" ), function( tab ) {
+			return lis.index( tab );
+		});
+
+		this._processTabs();
+
+		// was collapsed or no tabs
+		if ( options.active === false || !this.anchors.length ) {
+			options.active = false;
+			this.active = $();
+		// was active, but active tab is gone
+		} else if ( this.active.length && !$.contains( this.tablist[ 0 ], this.active[ 0 ] ) ) {
+			// all remaining tabs are disabled
+			if ( this.tabs.length === options.disabled.length ) {
+				options.active = false;
+				this.active = $();
+			// activate previous tab
+			} else {
+				this._activate( this._findNextTab( Math.max( 0, options.active - 1 ), false ) );
+			}
+		// was active, active tab still exists
+		} else {
+			// make sure active index is correct
+			options.active = this.tabs.index( this.active );
+		}
+
+		this._refresh();
+	},
+
+	_refresh: function() {
+		this._setupDisabled( this.options.disabled );
+		this._setupEvents( this.options.event );
+		this._setupHeightStyle( this.options.heightStyle );
+
+		this.tabs.not( this.active ).attr({
+			"aria-selected": "false",
+			"aria-expanded": "false",
+			tabIndex: -1
+		});
+		this.panels.not( this._getPanelForTab( this.active ) )
+			.hide()
+			.attr({
+				"aria-hidden": "true"
+			});
+
+		// Make sure one tab is in the tab order
+		if ( !this.active.length ) {
+			this.tabs.eq( 0 ).attr( "tabIndex", 0 );
+		} else {
+			this.active
+				.addClass( "ui-tabs-active ui-state-active" )
+				.attr({
+					"aria-selected": "true",
+					"aria-expanded": "true",
+					tabIndex: 0
+				});
+			this._getPanelForTab( this.active )
+				.show()
+				.attr({
+					"aria-hidden": "false"
+				});
+		}
+	},
+
+	_processTabs: function() {
+		var that = this,
+			prevTabs = this.tabs,
+			prevAnchors = this.anchors,
+			prevPanels = this.panels;
+
+		this.tablist = this._getList()
+			.addClass( "ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" )
+			.attr( "role", "tablist" )
+
+			// Prevent users from focusing disabled tabs via click
+			.delegate( "> li", "mousedown" + this.eventNamespace, function( event ) {
+				if ( $( this ).is( ".ui-state-disabled" ) ) {
+					event.preventDefault();
+				}
+			})
+
+			// support: IE <9
+			// Preventing the default action in mousedown doesn't prevent IE
+			// from focusing the element, so if the anchor gets focused, blur.
+			// We don't have to worry about focusing the previously focused
+			// element since clicking on a non-focusable element should focus
+			// the body anyway.
+			.delegate( ".ui-tabs-anchor", "focus" + this.eventNamespace, function() {
+				if ( $( this ).closest( "li" ).is( ".ui-state-disabled" ) ) {
+					this.blur();
+				}
+			});
+
+		this.tabs = this.tablist.find( "> li:has(a[href])" )
+			.addClass( "ui-state-default ui-corner-top" )
+			.attr({
+				role: "tab",
+				tabIndex: -1
+			});
+
+		this.anchors = this.tabs.map(function() {
+				return $( "a", this )[ 0 ];
+			})
+			.addClass( "ui-tabs-anchor" )
+			.attr({
+				role: "presentation",
+				tabIndex: -1
+			});
+
+		this.panels = $();
+
+		this.anchors.each(function( i, anchor ) {
+			var selector, panel, panelId,
+				anchorId = $( anchor ).uniqueId().attr( "id" ),
+				tab = $( anchor ).closest( "li" ),
+				originalAriaControls = tab.attr( "aria-controls" );
+
+			// inline tab
+			if ( that._isLocal( anchor ) ) {
+				selector = anchor.hash;
+				panelId = selector.substring( 1 );
+				panel = that.element.find( that._sanitizeSelector( selector ) );
+			// remote tab
+			} else {
+				// If the tab doesn't already have aria-controls,
+				// generate an id by using a throw-away element
+				panelId = tab.attr( "aria-controls" ) || $( {} ).uniqueId()[ 0 ].id;
+				selector = "#" + panelId;
+				panel = that.element.find( selector );
+				if ( !panel.length ) {
+					panel = that._createPanel( panelId );
+					panel.insertAfter( that.panels[ i - 1 ] || that.tablist );
+				}
+				panel.attr( "aria-live", "polite" );
+			}
+
+			if ( panel.length) {
+				that.panels = that.panels.add( panel );
+			}
+			if ( originalAriaControls ) {
+				tab.data( "ui-tabs-aria-controls", originalAriaControls );
+			}
+			tab.attr({
+				"aria-controls": panelId,
+				"aria-labelledby": anchorId
+			});
+			panel.attr( "aria-labelledby", anchorId );
+		});
+
+		this.panels
+			.addClass( "ui-tabs-panel ui-widget-content ui-corner-bottom" )
+			.attr( "role", "tabpanel" );
+
+		// Avoid memory leaks (#10056)
+		if ( prevTabs ) {
+			this._off( prevTabs.not( this.tabs ) );
+			this._off( prevAnchors.not( this.anchors ) );
+			this._off( prevPanels.not( this.panels ) );
+		}
+	},
+
+	// allow overriding how to find the list for rare usage scenarios (#7715)
+	_getList: function() {
+		return this.tablist || this.element.find( "ol,ul" ).eq( 0 );
+	},
+
+	_createPanel: function( id ) {
+		return $( "<div>" )
+			.attr( "id", id )
+			.addClass( "ui-tabs-panel ui-widget-content ui-corner-bottom" )
+			.data( "ui-tabs-destroy", true );
+	},
+
+	_setupDisabled: function( disabled ) {
+		if ( $.isArray( disabled ) ) {
+			if ( !disabled.length ) {
+				disabled = false;
+			} else if ( disabled.length === this.anchors.length ) {
+				disabled = true;
+			}
+		}
+
+		// disable tabs
+		for ( var i = 0, li; ( li = this.tabs[ i ] ); i++ ) {
+			if ( disabled === true || $.inArray( i, disabled ) !== -1 ) {
+				$( li )
+					.addClass( "ui-state-disabled" )
+					.attr( "aria-disabled", "true" );
+			} else {
+				$( li )
+					.removeClass( "ui-state-disabled" )
+					.removeAttr( "aria-disabled" );
+			}
+		}
+
+		this.options.disabled = disabled;
+	},
+
+	_setupEvents: function( event ) {
+		var events = {};
+		if ( event ) {
+			$.each( event.split(" "), function( index, eventName ) {
+				events[ eventName ] = "_eventHandler";
+			});
+		}
+
+		this._off( this.anchors.add( this.tabs ).add( this.panels ) );
+		// Always prevent the default action, even when disabled
+		this._on( true, this.anchors, {
+			click: function( event ) {
+				event.preventDefault();
+			}
+		});
+		this._on( this.anchors, events );
+		this._on( this.tabs, { keydown: "_tabKeydown" } );
+		this._on( this.panels, { keydown: "_panelKeydown" } );
+
+		this._focusable( this.tabs );
+		this._hoverable( this.tabs );
+	},
+
+	_setupHeightStyle: function( heightStyle ) {
+		var maxHeight,
+			parent = this.element.parent();
+
+		if ( heightStyle === "fill" ) {
+			maxHeight = parent.height();
+			maxHeight -= this.element.outerHeight() - this.element.height();
+
+			this.element.siblings( ":visible" ).each(function() {
+				var elem = $( this ),
+					position = elem.css( "position" );
+
+				if ( position === "absolute" || position === "fixed" ) {
+					return;
+				}
+				maxHeight -= elem.outerHeight( true );
+			});
+
+			this.element.children().not( this.panels ).each(function() {
+				maxHeight -= $( this ).outerHeight( true );
+			});
+
+			this.panels.each(function() {
+				$( this ).height( Math.max( 0, maxHeight -
+					$( this ).innerHeight() + $( this ).height() ) );
+			})
+			.css( "overflow", "auto" );
+		} else if ( heightStyle === "auto" ) {
+			maxHeight = 0;
+			this.panels.each(function() {
+				maxHeight = Math.max( maxHeight, $( this ).height( "" ).height() );
+			}).height( maxHeight );
+		}
+	},
+
+	_eventHandler: function( event ) {
+		var options = this.options,
+			active = this.active,
+			anchor = $( event.currentTarget ),
+			tab = anchor.closest( "li" ),
+			clickedIsActive = tab[ 0 ] === active[ 0 ],
+			collapsing = clickedIsActive && options.collapsible,
+			toShow = collapsing ? $() : this._getPanelForTab( tab ),
+			toHide = !active.length ? $() : this._getPanelForTab( active ),
+			eventData = {
+				oldTab: active,
+				oldPanel: toHide,
+				newTab: collapsing ? $() : tab,
+				newPanel: toShow
+			};
+
+		event.preventDefault();
+
+		if ( tab.hasClass( "ui-state-disabled" ) ||
+				// tab is already loading
+				tab.hasClass( "ui-tabs-loading" ) ||
+				// can't switch durning an animation
+				this.running ||
+				// click on active header, but not collapsible
+				( clickedIsActive && !options.collapsible ) ||
+				// allow canceling activation
+				( this._trigger( "beforeActivate", event, eventData ) === false ) ) {
+			return;
+		}
+
+		options.active = collapsing ? false : this.tabs.index( tab );
+
+		this.active = clickedIsActive ? $() : tab;
+		if ( this.xhr ) {
+			this.xhr.abort();
+		}
+
+		if ( !toHide.length && !toShow.length ) {
+			$.error( "jQuery UI Tabs: Mismatching fragment identifier." );
+		}
+
+		if ( toShow.length ) {
+			this.load( this.tabs.index( tab ), event );
+		}
+		this._toggle( event, eventData );
+	},
+
+	// handles show/hide for selecting tabs
+	_toggle: function( event, eventData ) {
+		var that = this,
+			toShow = eventData.newPanel,
+			toHide = eventData.oldPanel;
+
+		this.running = true;
+
+		function complete() {
+			that.running = false;
+			that._trigger( "activate", event, eventData );
+		}
+
+		function show() {
+			eventData.newTab.closest( "li" ).addClass( "ui-tabs-active ui-state-active" );
+
+			if ( toShow.length && that.options.show ) {
+				that._show( toShow, that.options.show, complete );
+			} else {
+				toShow.show();
+				complete();
+			}
+		}
+
+		// start out by hiding, then showing, then completing
+		if ( toHide.length && this.options.hide ) {
+			this._hide( toHide, this.options.hide, function() {
+				eventData.oldTab.closest( "li" ).removeClass( "ui-tabs-active ui-state-active" );
+				show();
+			});
+		} else {
+			eventData.oldTab.closest( "li" ).removeClass( "ui-tabs-active ui-state-active" );
+			toHide.hide();
+			show();
+		}
+
+		toHide.attr( "aria-hidden", "true" );
+		eventData.oldTab.attr({
+			"aria-selected": "false",
+			"aria-expanded": "false"
+		});
+		// If we're switching tabs, remove the old tab from the tab order.
+		// If we're opening from collapsed state, remove the previous tab from the tab order.
+		// If we're collapsing, then keep the collapsing tab in the tab order.
+		if ( toShow.length && toHide.length ) {
+			eventData.oldTab.attr( "tabIndex", -1 );
+		} else if ( toShow.length ) {
+			this.tabs.filter(function() {
+				return $( this ).attr( "tabIndex" ) === 0;
+			})
+			.attr( "tabIndex", -1 );
+		}
+
+		toShow.attr( "aria-hidden", "false" );
+		eventData.newTab.attr({
+			"aria-selected": "true",
+			"aria-expanded": "true",
+			tabIndex: 0
+		});
+	},
+
+	_activate: function( index ) {
+		var anchor,
+			active = this._findActive( index );
+
+		// trying to activate the already active panel
+		if ( active[ 0 ] === this.active[ 0 ] ) {
+			return;
+		}
+
+		// trying to collapse, simulate a click on the current active header
+		if ( !active.length ) {
+			active = this.active;
+		}
+
+		anchor = active.find( ".ui-tabs-anchor" )[ 0 ];
+		this._eventHandler({
+			target: anchor,
+			currentTarget: anchor,
+			preventDefault: $.noop
+		});
+	},
+
+	_findActive: function( index ) {
+		return index === false ? $() : this.tabs.eq( index );
+	},
+
+	_getIndex: function( index ) {
+		// meta-function to give users option to provide a href string instead of a numerical index.
+		if ( typeof index === "string" ) {
+			index = this.anchors.index( this.anchors.filter( "[href$='" + index + "']" ) );
+		}
+
+		return index;
+	},
+
+	_destroy: function() {
+		if ( this.xhr ) {
+			this.xhr.abort();
+		}
+
+		this.element.removeClass( "ui-tabs ui-widget ui-widget-content ui-corner-all ui-tabs-collapsible" );
+
+		this.tablist
+			.removeClass( "ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all" )
+			.removeAttr( "role" );
+
+		this.anchors
+			.removeClass( "ui-tabs-anchor" )
+			.removeAttr( "role" )
+			.removeAttr( "tabIndex" )
+			.removeUniqueId();
+
+		this.tablist.unbind( this.eventNamespace );
+
+		this.tabs.add( this.panels ).each(function() {
+			if ( $.data( this, "ui-tabs-destroy" ) ) {
+				$( this ).remove();
+			} else {
+				$( this )
+					.removeClass( "ui-state-default ui-state-active ui-state-disabled " +
+						"ui-corner-top ui-corner-bottom ui-widget-content ui-tabs-active ui-tabs-panel" )
+					.removeAttr( "tabIndex" )
+					.removeAttr( "aria-live" )
+					.removeAttr( "aria-busy" )
+					.removeAttr( "aria-selected" )
+					.removeAttr( "aria-labelledby" )
+					.removeAttr( "aria-hidden" )
+					.removeAttr( "aria-expanded" )
+					.removeAttr( "role" );
+			}
+		});
+
+		this.tabs.each(function() {
+			var li = $( this ),
+				prev = li.data( "ui-tabs-aria-controls" );
+			if ( prev ) {
+				li
+					.attr( "aria-controls", prev )
+					.removeData( "ui-tabs-aria-controls" );
+			} else {
+				li.removeAttr( "aria-controls" );
+			}
+		});
+
+		this.panels.show();
+
+		if ( this.options.heightStyle !== "content" ) {
+			this.panels.css( "height", "" );
+		}
+	},
+
+	enable: function( index ) {
+		var disabled = this.options.disabled;
+		if ( disabled === false ) {
+			return;
+		}
+
+		if ( index === undefined ) {
+			disabled = false;
+		} else {
+			index = this._getIndex( index );
+			if ( $.isArray( disabled ) ) {
+				disabled = $.map( disabled, function( num ) {
+					return num !== index ? num : null;
+				});
+			} else {
+				disabled = $.map( this.tabs, function( li, num ) {
+					return num !== index ? num : null;
+				});
+			}
+		}
+		this._setupDisabled( disabled );
+	},
+
+	disable: function( index ) {
+		var disabled = this.options.disabled;
+		if ( disabled === true ) {
+			return;
+		}
+
+		if ( index === undefined ) {
+			disabled = true;
+		} else {
+			index = this._getIndex( index );
+			if ( $.inArray( index, disabled ) !== -1 ) {
+				return;
+			}
+			if ( $.isArray( disabled ) ) {
+				disabled = $.merge( [ index ], disabled ).sort();
+			} else {
+				disabled = [ index ];
+			}
+		}
+		this._setupDisabled( disabled );
+	},
+
+	load: function( index, event ) {
+		index = this._getIndex( index );
+		var that = this,
+			tab = this.tabs.eq( index ),
+			anchor = tab.find( ".ui-tabs-anchor" ),
+			panel = this._getPanelForTab( tab ),
+			eventData = {
+				tab: tab,
+				panel: panel
+			};
+
+		// not remote
+		if ( this._isLocal( anchor[ 0 ] ) ) {
+			return;
+		}
+
+		this.xhr = $.ajax( this._ajaxSettings( anchor, event, eventData ) );
+
+		// support: jQuery <1.8
+		// jQuery <1.8 returns false if the request is canceled in beforeSend,
+		// but as of 1.8, $.ajax() always returns a jqXHR object.
+		if ( this.xhr && this.xhr.statusText !== "canceled" ) {
+			tab.addClass( "ui-tabs-loading" );
+			panel.attr( "aria-busy", "true" );
+
+			this.xhr
+				.success(function( response ) {
+					// support: jQuery <1.8
+					// http://bugs.jquery.com/ticket/11778
+					setTimeout(function() {
+						panel.html( response );
+						that._trigger( "load", event, eventData );
+					}, 1 );
+				})
+				.complete(function( jqXHR, status ) {
+					// support: jQuery <1.8
+					// http://bugs.jquery.com/ticket/11778
+					setTimeout(function() {
+						if ( status === "abort" ) {
+							that.panels.stop( false, true );
+						}
+
+						tab.removeClass( "ui-tabs-loading" );
+						panel.removeAttr( "aria-busy" );
+
+						if ( jqXHR === that.xhr ) {
+							delete that.xhr;
+						}
+					}, 1 );
+				});
+		}
+	},
+
+	_ajaxSettings: function( anchor, event, eventData ) {
+		var that = this;
+		return {
+			url: anchor.attr( "href" ),
+			beforeSend: function( jqXHR, settings ) {
+				return that._trigger( "beforeLoad", event,
+					$.extend( { jqXHR: jqXHR, ajaxSettings: settings }, eventData ) );
+			}
+		};
+	},
+
+	_getPanelForTab: function( tab ) {
+		var id = $( tab ).attr( "aria-controls" );
+		return this.element.find( this._sanitizeSelector( "#" + id ) );
+	}
+});
+
+
+/*!
+ * jQuery UI Tooltip 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/tooltip/
+ */
+
+
+var tooltip = $.widget( "ui.tooltip", {
+	version: "1.11.2",
+	options: {
+		content: function() {
+			// support: IE<9, Opera in jQuery <1.7
+			// .text() can't accept undefined, so coerce to a string
+			var title = $( this ).attr( "title" ) || "";
+			// Escape title, since we're going from an attribute to raw HTML
+			return $( "<a>" ).text( title ).html();
+		},
+		hide: true,
+		// Disabled elements have inconsistent behavior across browsers (#8661)
+		items: "[title]:not([disabled])",
+		position: {
+			my: "left top+15",
+			at: "left bottom",
+			collision: "flipfit flip"
+		},
+		show: true,
+		tooltipClass: null,
+		track: false,
+
+		// callbacks
+		close: null,
+		open: null
+	},
+
+	_addDescribedBy: function( elem, id ) {
+		var describedby = (elem.attr( "aria-describedby" ) || "").split( /\s+/ );
+		describedby.push( id );
+		elem
+			.data( "ui-tooltip-id", id )
+			.attr( "aria-describedby", $.trim( describedby.join( " " ) ) );
+	},
+
+	_removeDescribedBy: function( elem ) {
+		var id = elem.data( "ui-tooltip-id" ),
+			describedby = (elem.attr( "aria-describedby" ) || "").split( /\s+/ ),
+			index = $.inArray( id, describedby );
+
+		if ( index !== -1 ) {
+			describedby.splice( index, 1 );
+		}
+
+		elem.removeData( "ui-tooltip-id" );
+		describedby = $.trim( describedby.join( " " ) );
+		if ( describedby ) {
+			elem.attr( "aria-describedby", describedby );
+		} else {
+			elem.removeAttr( "aria-describedby" );
+		}
+	},
+
+	_create: function() {
+		this._on({
+			mouseover: "open",
+			focusin: "open"
+		});
+
+		// IDs of generated tooltips, needed for destroy
+		this.tooltips = {};
+
+		// IDs of parent tooltips where we removed the title attribute
+		this.parents = {};
+
+		if ( this.options.disabled ) {
+			this._disable();
+		}
+
+		// Append the aria-live region so tooltips announce correctly
+		this.liveRegion = $( "<div>" )
+			.attr({
+				role: "log",
+				"aria-live": "assertive",
+				"aria-relevant": "additions"
+			})
+			.addClass( "ui-helper-hidden-accessible" )
+			.appendTo( this.document[ 0 ].body );
+	},
+
+	_setOption: function( key, value ) {
+		var that = this;
+
+		if ( key === "disabled" ) {
+			this[ value ? "_disable" : "_enable" ]();
+			this.options[ key ] = value;
+			// disable element style changes
+			return;
+		}
+
+		this._super( key, value );
+
+		if ( key === "content" ) {
+			$.each( this.tooltips, function( id, tooltipData ) {
+				that._updateContent( tooltipData.element );
+			});
+		}
+	},
+
+	_disable: function() {
+		var that = this;
+
+		// close open tooltips
+		$.each( this.tooltips, function( id, tooltipData ) {
+			var event = $.Event( "blur" );
+			event.target = event.currentTarget = tooltipData.element[ 0 ];
+			that.close( event, true );
+		});
+
+		// remove title attributes to prevent native tooltips
+		this.element.find( this.options.items ).addBack().each(function() {
+			var element = $( this );
+			if ( element.is( "[title]" ) ) {
+				element
+					.data( "ui-tooltip-title", element.attr( "title" ) )
+					.removeAttr( "title" );
+			}
+		});
+	},
+
+	_enable: function() {
+		// restore title attributes
+		this.element.find( this.options.items ).addBack().each(function() {
+			var element = $( this );
+			if ( element.data( "ui-tooltip-title" ) ) {
+				element.attr( "title", element.data( "ui-tooltip-title" ) );
+			}
+		});
+	},
+
+	open: function( event ) {
+		var that = this,
+			target = $( event ? event.target : this.element )
+				// we need closest here due to mouseover bubbling,
+				// but always pointing at the same event target
+				.closest( this.options.items );
+
+		// No element to show a tooltip for or the tooltip is already open
+		if ( !target.length || target.data( "ui-tooltip-id" ) ) {
+			return;
+		}
+
+		if ( target.attr( "title" ) ) {
+			target.data( "ui-tooltip-title", target.attr( "title" ) );
+		}
+
+		target.data( "ui-tooltip-open", true );
+
+		// kill parent tooltips, custom or native, for hover
+		if ( event && event.type === "mouseover" ) {
+			target.parents().each(function() {
+				var parent = $( this ),
+					blurEvent;
+				if ( parent.data( "ui-tooltip-open" ) ) {
+					blurEvent = $.Event( "blur" );
+					blurEvent.target = blurEvent.currentTarget = this;
+					that.close( blurEvent, true );
+				}
+				if ( parent.attr( "title" ) ) {
+					parent.uniqueId();
+					that.parents[ this.id ] = {
+						element: this,
+						title: parent.attr( "title" )
+					};
+					parent.attr( "title", "" );
+				}
+			});
+		}
+
+		this._updateContent( target, event );
+	},
+
+	_updateContent: function( target, event ) {
+		var content,
+			contentOption = this.options.content,
+			that = this,
+			eventType = event ? event.type : null;
+
+		if ( typeof contentOption === "string" ) {
+			return this._open( event, target, contentOption );
+		}
+
+		content = contentOption.call( target[0], function( response ) {
+			// ignore async response if tooltip was closed already
+			if ( !target.data( "ui-tooltip-open" ) ) {
+				return;
+			}
+			// IE may instantly serve a cached response for ajax requests
+			// delay this call to _open so the other call to _open runs first
+			that._delay(function() {
+				// jQuery creates a special event for focusin when it doesn't
+				// exist natively. To improve performance, the native event
+				// object is reused and the type is changed. Therefore, we can't
+				// rely on the type being correct after the event finished
+				// bubbling, so we set it back to the previous value. (#8740)
+				if ( event ) {
+					event.type = eventType;
+				}
+				this._open( event, target, response );
+			});
+		});
+		if ( content ) {
+			this._open( event, target, content );
+		}
+	},
+
+	_open: function( event, target, content ) {
+		var tooltipData, tooltip, events, delayedShow, a11yContent,
+			positionOption = $.extend( {}, this.options.position );
+
+		if ( !content ) {
+			return;
+		}
+
+		// Content can be updated multiple times. If the tooltip already
+		// exists, then just update the content and bail.
+		tooltipData = this._find( target );
+		if ( tooltipData ) {
+			tooltipData.tooltip.find( ".ui-tooltip-content" ).html( content );
+			return;
+		}
+
+		// if we have a title, clear it to prevent the native tooltip
+		// we have to check first to avoid defining a title if none exists
+		// (we don't want to cause an element to start matching [title])
+		//
+		// We use removeAttr only for key events, to allow IE to export the correct
+		// accessible attributes. For mouse events, set to empty string to avoid
+		// native tooltip showing up (happens only when removing inside mouseover).
+		if ( target.is( "[title]" ) ) {
+			if ( event && event.type === "mouseover" ) {
+				target.attr( "title", "" );
+			} else {
+				target.removeAttr( "title" );
+			}
+		}
+
+		tooltipData = this._tooltip( target );
+		tooltip = tooltipData.tooltip;
+		this._addDescribedBy( target, tooltip.attr( "id" ) );
+		tooltip.find( ".ui-tooltip-content" ).html( content );
+
+		// Support: Voiceover on OS X, JAWS on IE <= 9
+		// JAWS announces deletions even when aria-relevant="additions"
+		// Voiceover will sometimes re-read the entire log region's contents from the beginning
+		this.liveRegion.children().hide();
+		if ( content.clone ) {
+			a11yContent = content.clone();
+			a11yContent.removeAttr( "id" ).find( "[id]" ).removeAttr( "id" );
+		} else {
+			a11yContent = content;
+		}
+		$( "<div>" ).html( a11yContent ).appendTo( this.liveRegion );
+
+		function position( event ) {
+			positionOption.of = event;
+			if ( tooltip.is( ":hidden" ) ) {
+				return;
+			}
+			tooltip.position( positionOption );
+		}
+		if ( this.options.track && event && /^mouse/.test( event.type ) ) {
+			this._on( this.document, {
+				mousemove: position
+			});
+			// trigger once to override element-relative positioning
+			position( event );
+		} else {
+			tooltip.position( $.extend({
+				of: target
+			}, this.options.position ) );
+		}
+
+		tooltip.hide();
+
+		this._show( tooltip, this.options.show );
+		// Handle tracking tooltips that are shown with a delay (#8644). As soon
+		// as the tooltip is visible, position the tooltip using the most recent
+		// event.
+		if ( this.options.show && this.options.show.delay ) {
+			delayedShow = this.delayedShow = setInterval(function() {
+				if ( tooltip.is( ":visible" ) ) {
+					position( positionOption.of );
+					clearInterval( delayedShow );
+				}
+			}, $.fx.interval );
+		}
+
+		this._trigger( "open", event, { tooltip: tooltip } );
+
+		events = {
+			keyup: function( event ) {
+				if ( event.keyCode === $.ui.keyCode.ESCAPE ) {
+					var fakeEvent = $.Event(event);
+					fakeEvent.currentTarget = target[0];
+					this.close( fakeEvent, true );
+				}
+			}
+		};
+
+		// Only bind remove handler for delegated targets. Non-delegated
+		// tooltips will handle this in destroy.
+		if ( target[ 0 ] !== this.element[ 0 ] ) {
+			events.remove = function() {
+				this._removeTooltip( tooltip );
+			};
+		}
+
+		if ( !event || event.type === "mouseover" ) {
+			events.mouseleave = "close";
+		}
+		if ( !event || event.type === "focusin" ) {
+			events.focusout = "close";
+		}
+		this._on( true, target, events );
+	},
+
+	close: function( event ) {
+		var tooltip,
+			that = this,
+			target = $( event ? event.currentTarget : this.element ),
+			tooltipData = this._find( target );
+
+		// The tooltip may already be closed
+		if ( !tooltipData ) {
+			return;
+		}
+
+		tooltip = tooltipData.tooltip;
+
+		// disabling closes the tooltip, so we need to track when we're closing
+		// to avoid an infinite loop in case the tooltip becomes disabled on close
+		if ( tooltipData.closing ) {
+			return;
+		}
+
+		// Clear the interval for delayed tracking tooltips
+		clearInterval( this.delayedShow );
+
+		// only set title if we had one before (see comment in _open())
+		// If the title attribute has changed since open(), don't restore
+		if ( target.data( "ui-tooltip-title" ) && !target.attr( "title" ) ) {
+			target.attr( "title", target.data( "ui-tooltip-title" ) );
+		}
+
+		this._removeDescribedBy( target );
+
+		tooltipData.hiding = true;
+		tooltip.stop( true );
+		this._hide( tooltip, this.options.hide, function() {
+			that._removeTooltip( $( this ) );
+		});
+
+		target.removeData( "ui-tooltip-open" );
+		this._off( target, "mouseleave focusout keyup" );
+
+		// Remove 'remove' binding only on delegated targets
+		if ( target[ 0 ] !== this.element[ 0 ] ) {
+			this._off( target, "remove" );
+		}
+		this._off( this.document, "mousemove" );
+
+		if ( event && event.type === "mouseleave" ) {
+			$.each( this.parents, function( id, parent ) {
+				$( parent.element ).attr( "title", parent.title );
+				delete that.parents[ id ];
+			});
+		}
+
+		tooltipData.closing = true;
+		this._trigger( "close", event, { tooltip: tooltip } );
+		if ( !tooltipData.hiding ) {
+			tooltipData.closing = false;
+		}
+	},
+
+	_tooltip: function( element ) {
+		var tooltip = $( "<div>" )
+				.attr( "role", "tooltip" )
+				.addClass( "ui-tooltip ui-widget ui-corner-all ui-widget-content " +
+					( this.options.tooltipClass || "" ) ),
+			id = tooltip.uniqueId().attr( "id" );
+
+		$( "<div>" )
+			.addClass( "ui-tooltip-content" )
+			.appendTo( tooltip );
+
+		tooltip.appendTo( this.document[0].body );
+
+		return this.tooltips[ id ] = {
+			element: element,
+			tooltip: tooltip
+		};
+	},
+
+	_find: function( target ) {
+		var id = target.data( "ui-tooltip-id" );
+		return id ? this.tooltips[ id ] : null;
+	},
+
+	_removeTooltip: function( tooltip ) {
+		tooltip.remove();
+		delete this.tooltips[ tooltip.attr( "id" ) ];
+	},
+
+	_destroy: function() {
+		var that = this;
+
+		// close open tooltips
+		$.each( this.tooltips, function( id, tooltipData ) {
+			// Delegate to close method to handle common cleanup
+			var event = $.Event( "blur" ),
+				element = tooltipData.element;
+			event.target = event.currentTarget = element[ 0 ];
+			that.close( event, true );
+
+			// Remove immediately; destroying an open tooltip doesn't use the
+			// hide animation
+			$( "#" + id ).remove();
+
+			// Restore the title
+			if ( element.data( "ui-tooltip-title" ) ) {
+				// If the title attribute has changed since open(), don't restore
+				if ( !element.attr( "title" ) ) {
+					element.attr( "title", element.data( "ui-tooltip-title" ) );
+				}
+				element.removeData( "ui-tooltip-title" );
+			}
+		});
+		this.liveRegion.remove();
+	}
+});
+
+
+/*!
+ * jQuery UI Effects 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/category/effects-core/
+ */
+
+
+var dataSpace = "ui-effects-",
+
+	// Create a local jQuery because jQuery Color relies on it and the
+	// global may not exist with AMD and a custom build (#10199)
+	jQuery = $;
+
+$.effects = {
+	effect: {}
+};
+
+/*!
+ * jQuery Color Animations v2.1.2
+ * https://github.com/jquery/jquery-color
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * Date: Wed Jan 16 08:47:09 2013 -0600
+ */
+(function( jQuery, undefined ) {
+
+	var stepHooks = "backgroundColor borderBottomColor borderLeftColor borderRightColor borderTopColor color columnRuleColor outlineColor textDecorationColor textEmphasisColor",
+
+	// plusequals test for += 100 -= 100
+	rplusequals = /^([\-+])=\s*(\d+\.?\d*)/,
+	// a set of RE's that can match strings and generate color tuples.
+	stringParsers = [ {
+			re: /rgba?\(\s*(\d{1,3})\s*,\s*(\d{1,3})\s*,\s*(\d{1,3})\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
+			parse: function( execResult ) {
+				return [
+					execResult[ 1 ],
+					execResult[ 2 ],
+					execResult[ 3 ],
+					execResult[ 4 ]
+				];
+			}
+		}, {
+			re: /rgba?\(\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
+			parse: function( execResult ) {
+				return [
+					execResult[ 1 ] * 2.55,
+					execResult[ 2 ] * 2.55,
+					execResult[ 3 ] * 2.55,
+					execResult[ 4 ]
+				];
+			}
+		}, {
+			// this regex ignores A-F because it's compared against an already lowercased string
+			re: /#([a-f0-9]{2})([a-f0-9]{2})([a-f0-9]{2})/,
+			parse: function( execResult ) {
+				return [
+					parseInt( execResult[ 1 ], 16 ),
+					parseInt( execResult[ 2 ], 16 ),
+					parseInt( execResult[ 3 ], 16 )
+				];
+			}
+		}, {
+			// this regex ignores A-F because it's compared against an already lowercased string
+			re: /#([a-f0-9])([a-f0-9])([a-f0-9])/,
+			parse: function( execResult ) {
+				return [
+					parseInt( execResult[ 1 ] + execResult[ 1 ], 16 ),
+					parseInt( execResult[ 2 ] + execResult[ 2 ], 16 ),
+					parseInt( execResult[ 3 ] + execResult[ 3 ], 16 )
+				];
+			}
+		}, {
+			re: /hsla?\(\s*(\d+(?:\.\d+)?)\s*,\s*(\d+(?:\.\d+)?)\%\s*,\s*(\d+(?:\.\d+)?)\%\s*(?:,\s*(\d?(?:\.\d+)?)\s*)?\)/,
+			space: "hsla",
+			parse: function( execResult ) {
+				return [
+					execResult[ 1 ],
+					execResult[ 2 ] / 100,
+					execResult[ 3 ] / 100,
+					execResult[ 4 ]
+				];
+			}
+		} ],
+
+	// jQuery.Color( )
+	color = jQuery.Color = function( color, green, blue, alpha ) {
+		return new jQuery.Color.fn.parse( color, green, blue, alpha );
+	},
+	spaces = {
+		rgba: {
+			props: {
+				red: {
+					idx: 0,
+					type: "byte"
+				},
+				green: {
+					idx: 1,
+					type: "byte"
+				},
+				blue: {
+					idx: 2,
+					type: "byte"
+				}
+			}
+		},
+
+		hsla: {
+			props: {
+				hue: {
+					idx: 0,
+					type: "degrees"
+				},
+				saturation: {
+					idx: 1,
+					type: "percent"
+				},
+				lightness: {
+					idx: 2,
+					type: "percent"
+				}
+			}
+		}
+	},
+	propTypes = {
+		"byte": {
+			floor: true,
+			max: 255
+		},
+		"percent": {
+			max: 1
+		},
+		"degrees": {
+			mod: 360,
+			floor: true
+		}
+	},
+	support = color.support = {},
+
+	// element for support tests
+	supportElem = jQuery( "<p>" )[ 0 ],
+
+	// colors = jQuery.Color.names
+	colors,
+
+	// local aliases of functions called often
+	each = jQuery.each;
+
+// determine rgba support immediately
+supportElem.style.cssText = "background-color:rgba(1,1,1,.5)";
+support.rgba = supportElem.style.backgroundColor.indexOf( "rgba" ) > -1;
+
+// define cache name and alpha properties
+// for rgba and hsla spaces
+each( spaces, function( spaceName, space ) {
+	space.cache = "_" + spaceName;
+	space.props.alpha = {
+		idx: 3,
+		type: "percent",
+		def: 1
+	};
+});
+
+function clamp( value, prop, allowEmpty ) {
+	var type = propTypes[ prop.type ] || {};
+
+	if ( value == null ) {
+		return (allowEmpty || !prop.def) ? null : prop.def;
+	}
+
+	// ~~ is an short way of doing floor for positive numbers
+	value = type.floor ? ~~value : parseFloat( value );
+
+	// IE will pass in empty strings as value for alpha,
+	// which will hit this case
+	if ( isNaN( value ) ) {
+		return prop.def;
+	}
+
+	if ( type.mod ) {
+		// we add mod before modding to make sure that negatives values
+		// get converted properly: -10 -> 350
+		return (value + type.mod) % type.mod;
+	}
+
+	// for now all property types without mod have min and max
+	return 0 > value ? 0 : type.max < value ? type.max : value;
+}
+
+function stringParse( string ) {
+	var inst = color(),
+		rgba = inst._rgba = [];
+
+	string = string.toLowerCase();
+
+	each( stringParsers, function( i, parser ) {
+		var parsed,
+			match = parser.re.exec( string ),
+			values = match && parser.parse( match ),
+			spaceName = parser.space || "rgba";
+
+		if ( values ) {
+			parsed = inst[ spaceName ]( values );
+
+			// if this was an rgba parse the assignment might happen twice
+			// oh well....
+			inst[ spaces[ spaceName ].cache ] = parsed[ spaces[ spaceName ].cache ];
+			rgba = inst._rgba = parsed._rgba;
+
+			// exit each( stringParsers ) here because we matched
+			return false;
+		}
+	});
+
+	// Found a stringParser that handled it
+	if ( rgba.length ) {
+
+		// if this came from a parsed string, force "transparent" when alpha is 0
+		// chrome, (and maybe others) return "transparent" as rgba(0,0,0,0)
+		if ( rgba.join() === "0,0,0,0" ) {
+			jQuery.extend( rgba, colors.transparent );
+		}
+		return inst;
+	}
+
+	// named colors
+	return colors[ string ];
+}
+
+color.fn = jQuery.extend( color.prototype, {
+	parse: function( red, green, blue, alpha ) {
+		if ( red === undefined ) {
+			this._rgba = [ null, null, null, null ];
+			return this;
+		}
+		if ( red.jquery || red.nodeType ) {
+			red = jQuery( red ).css( green );
+			green = undefined;
+		}
+
+		var inst = this,
+			type = jQuery.type( red ),
+			rgba = this._rgba = [];
+
+		// more than 1 argument specified - assume ( red, green, blue, alpha )
+		if ( green !== undefined ) {
+			red = [ red, green, blue, alpha ];
+			type = "array";
+		}
+
+		if ( type === "string" ) {
+			return this.parse( stringParse( red ) || colors._default );
+		}
+
+		if ( type === "array" ) {
+			each( spaces.rgba.props, function( key, prop ) {
+				rgba[ prop.idx ] = clamp( red[ prop.idx ], prop );
+			});
+			return this;
+		}
+
+		if ( type === "object" ) {
+			if ( red instanceof color ) {
+				each( spaces, function( spaceName, space ) {
+					if ( red[ space.cache ] ) {
+						inst[ space.cache ] = red[ space.cache ].slice();
+					}
+				});
+			} else {
+				each( spaces, function( spaceName, space ) {
+					var cache = space.cache;
+					each( space.props, function( key, prop ) {
+
+						// if the cache doesn't exist, and we know how to convert
+						if ( !inst[ cache ] && space.to ) {
+
+							// if the value was null, we don't need to copy it
+							// if the key was alpha, we don't need to copy it either
+							if ( key === "alpha" || red[ key ] == null ) {
+								return;
+							}
+							inst[ cache ] = space.to( inst._rgba );
+						}
+
+						// this is the only case where we allow nulls for ALL properties.
+						// call clamp with alwaysAllowEmpty
+						inst[ cache ][ prop.idx ] = clamp( red[ key ], prop, true );
+					});
+
+					// everything defined but alpha?
+					if ( inst[ cache ] && jQuery.inArray( null, inst[ cache ].slice( 0, 3 ) ) < 0 ) {
+						// use the default of 1
+						inst[ cache ][ 3 ] = 1;
+						if ( space.from ) {
+							inst._rgba = space.from( inst[ cache ] );
+						}
+					}
+				});
+			}
+			return this;
+		}
+	},
+	is: function( compare ) {
+		var is = color( compare ),
+			same = true,
+			inst = this;
+
+		each( spaces, function( _, space ) {
+			var localCache,
+				isCache = is[ space.cache ];
+			if (isCache) {
+				localCache = inst[ space.cache ] || space.to && space.to( inst._rgba ) || [];
+				each( space.props, function( _, prop ) {
+					if ( isCache[ prop.idx ] != null ) {
+						same = ( isCache[ prop.idx ] === localCache[ prop.idx ] );
+						return same;
+					}
+				});
+			}
+			return same;
+		});
+		return same;
+	},
+	_space: function() {
+		var used = [],
+			inst = this;
+		each( spaces, function( spaceName, space ) {
+			if ( inst[ space.cache ] ) {
+				used.push( spaceName );
+			}
+		});
+		return used.pop();
+	},
+	transition: function( other, distance ) {
+		var end = color( other ),
+			spaceName = end._space(),
+			space = spaces[ spaceName ],
+			startColor = this.alpha() === 0 ? color( "transparent" ) : this,
+			start = startColor[ space.cache ] || space.to( startColor._rgba ),
+			result = start.slice();
+
+		end = end[ space.cache ];
+		each( space.props, function( key, prop ) {
+			var index = prop.idx,
+				startValue = start[ index ],
+				endValue = end[ index ],
+				type = propTypes[ prop.type ] || {};
+
+			// if null, don't override start value
+			if ( endValue === null ) {
+				return;
+			}
+			// if null - use end
+			if ( startValue === null ) {
+				result[ index ] = endValue;
+			} else {
+				if ( type.mod ) {
+					if ( endValue - startValue > type.mod / 2 ) {
+						startValue += type.mod;
+					} else if ( startValue - endValue > type.mod / 2 ) {
+						startValue -= type.mod;
+					}
+				}
+				result[ index ] = clamp( ( endValue - startValue ) * distance + startValue, prop );
+			}
+		});
+		return this[ spaceName ]( result );
+	},
+	blend: function( opaque ) {
+		// if we are already opaque - return ourself
+		if ( this._rgba[ 3 ] === 1 ) {
+			return this;
+		}
+
+		var rgb = this._rgba.slice(),
+			a = rgb.pop(),
+			blend = color( opaque )._rgba;
+
+		return color( jQuery.map( rgb, function( v, i ) {
+			return ( 1 - a ) * blend[ i ] + a * v;
+		}));
+	},
+	toRgbaString: function() {
+		var prefix = "rgba(",
+			rgba = jQuery.map( this._rgba, function( v, i ) {
+				return v == null ? ( i > 2 ? 1 : 0 ) : v;
+			});
+
+		if ( rgba[ 3 ] === 1 ) {
+			rgba.pop();
+			prefix = "rgb(";
+		}
+
+		return prefix + rgba.join() + ")";
+	},
+	toHslaString: function() {
+		var prefix = "hsla(",
+			hsla = jQuery.map( this.hsla(), function( v, i ) {
+				if ( v == null ) {
+					v = i > 2 ? 1 : 0;
+				}
+
+				// catch 1 and 2
+				if ( i && i < 3 ) {
+					v = Math.round( v * 100 ) + "%";
+				}
+				return v;
+			});
+
+		if ( hsla[ 3 ] === 1 ) {
+			hsla.pop();
+			prefix = "hsl(";
+		}
+		return prefix + hsla.join() + ")";
+	},
+	toHexString: function( includeAlpha ) {
+		var rgba = this._rgba.slice(),
+			alpha = rgba.pop();
+
+		if ( includeAlpha ) {
+			rgba.push( ~~( alpha * 255 ) );
+		}
+
+		return "#" + jQuery.map( rgba, function( v ) {
+
+			// default to 0 when nulls exist
+			v = ( v || 0 ).toString( 16 );
+			return v.length === 1 ? "0" + v : v;
+		}).join("");
+	},
+	toString: function() {
+		return this._rgba[ 3 ] === 0 ? "transparent" : this.toRgbaString();
+	}
+});
+color.fn.parse.prototype = color.fn;
+
+// hsla conversions adapted from:
+// https://code.google.com/p/maashaack/source/browse/packages/graphics/trunk/src/graphics/colors/HUE2RGB.as?r=5021
+
+function hue2rgb( p, q, h ) {
+	h = ( h + 1 ) % 1;
+	if ( h * 6 < 1 ) {
+		return p + ( q - p ) * h * 6;
+	}
+	if ( h * 2 < 1) {
+		return q;
+	}
+	if ( h * 3 < 2 ) {
+		return p + ( q - p ) * ( ( 2 / 3 ) - h ) * 6;
+	}
+	return p;
+}
+
+spaces.hsla.to = function( rgba ) {
+	if ( rgba[ 0 ] == null || rgba[ 1 ] == null || rgba[ 2 ] == null ) {
+		return [ null, null, null, rgba[ 3 ] ];
+	}
+	var r = rgba[ 0 ] / 255,
+		g = rgba[ 1 ] / 255,
+		b = rgba[ 2 ] / 255,
+		a = rgba[ 3 ],
+		max = Math.max( r, g, b ),
+		min = Math.min( r, g, b ),
+		diff = max - min,
+		add = max + min,
+		l = add * 0.5,
+		h, s;
+
+	if ( min === max ) {
+		h = 0;
+	} else if ( r === max ) {
+		h = ( 60 * ( g - b ) / diff ) + 360;
+	} else if ( g === max ) {
+		h = ( 60 * ( b - r ) / diff ) + 120;
+	} else {
+		h = ( 60 * ( r - g ) / diff ) + 240;
+	}
+
+	// chroma (diff) == 0 means greyscale which, by definition, saturation = 0%
+	// otherwise, saturation is based on the ratio of chroma (diff) to lightness (add)
+	if ( diff === 0 ) {
+		s = 0;
+	} else if ( l <= 0.5 ) {
+		s = diff / add;
+	} else {
+		s = diff / ( 2 - add );
+	}
+	return [ Math.round(h) % 360, s, l, a == null ? 1 : a ];
+};
+
+spaces.hsla.from = function( hsla ) {
+	if ( hsla[ 0 ] == null || hsla[ 1 ] == null || hsla[ 2 ] == null ) {
+		return [ null, null, null, hsla[ 3 ] ];
+	}
+	var h = hsla[ 0 ] / 360,
+		s = hsla[ 1 ],
+		l = hsla[ 2 ],
+		a = hsla[ 3 ],
+		q = l <= 0.5 ? l * ( 1 + s ) : l + s - l * s,
+		p = 2 * l - q;
+
+	return [
+		Math.round( hue2rgb( p, q, h + ( 1 / 3 ) ) * 255 ),
+		Math.round( hue2rgb( p, q, h ) * 255 ),
+		Math.round( hue2rgb( p, q, h - ( 1 / 3 ) ) * 255 ),
+		a
+	];
+};
+
+each( spaces, function( spaceName, space ) {
+	var props = space.props,
+		cache = space.cache,
+		to = space.to,
+		from = space.from;
+
+	// makes rgba() and hsla()
+	color.fn[ spaceName ] = function( value ) {
+
+		// generate a cache for this space if it doesn't exist
+		if ( to && !this[ cache ] ) {
+			this[ cache ] = to( this._rgba );
+		}
+		if ( value === undefined ) {
+			return this[ cache ].slice();
+		}
+
+		var ret,
+			type = jQuery.type( value ),
+			arr = ( type === "array" || type === "object" ) ? value : arguments,
+			local = this[ cache ].slice();
+
+		each( props, function( key, prop ) {
+			var val = arr[ type === "object" ? key : prop.idx ];
+			if ( val == null ) {
+				val = local[ prop.idx ];
+			}
+			local[ prop.idx ] = clamp( val, prop );
+		});
+
+		if ( from ) {
+			ret = color( from( local ) );
+			ret[ cache ] = local;
+			return ret;
+		} else {
+			return color( local );
+		}
+	};
+
+	// makes red() green() blue() alpha() hue() saturation() lightness()
+	each( props, function( key, prop ) {
+		// alpha is included in more than one space
+		if ( color.fn[ key ] ) {
+			return;
+		}
+		color.fn[ key ] = function( value ) {
+			var vtype = jQuery.type( value ),
+				fn = ( key === "alpha" ? ( this._hsla ? "hsla" : "rgba" ) : spaceName ),
+				local = this[ fn ](),
+				cur = local[ prop.idx ],
+				match;
+
+			if ( vtype === "undefined" ) {
+				return cur;
+			}
+
+			if ( vtype === "function" ) {
+				value = value.call( this, cur );
+				vtype = jQuery.type( value );
+			}
+			if ( value == null && prop.empty ) {
+				return this;
+			}
+			if ( vtype === "string" ) {
+				match = rplusequals.exec( value );
+				if ( match ) {
+					value = cur + parseFloat( match[ 2 ] ) * ( match[ 1 ] === "+" ? 1 : -1 );
+				}
+			}
+			local[ prop.idx ] = value;
+			return this[ fn ]( local );
+		};
+	});
+});
+
+// add cssHook and .fx.step function for each named hook.
+// accept a space separated string of properties
+color.hook = function( hook ) {
+	var hooks = hook.split( " " );
+	each( hooks, function( i, hook ) {
+		jQuery.cssHooks[ hook ] = {
+			set: function( elem, value ) {
+				var parsed, curElem,
+					backgroundColor = "";
+
+				if ( value !== "transparent" && ( jQuery.type( value ) !== "string" || ( parsed = stringParse( value ) ) ) ) {
+					value = color( parsed || value );
+					if ( !support.rgba && value._rgba[ 3 ] !== 1 ) {
+						curElem = hook === "backgroundColor" ? elem.parentNode : elem;
+						while (
+							(backgroundColor === "" || backgroundColor === "transparent") &&
+							curElem && curElem.style
+						) {
+							try {
+								backgroundColor = jQuery.css( curElem, "backgroundColor" );
+								curElem = curElem.parentNode;
+							} catch ( e ) {
+							}
+						}
+
+						value = value.blend( backgroundColor && backgroundColor !== "transparent" ?
+							backgroundColor :
+							"_default" );
+					}
+
+					value = value.toRgbaString();
+				}
+				try {
+					elem.style[ hook ] = value;
+				} catch ( e ) {
+					// wrapped to prevent IE from throwing errors on "invalid" values like 'auto' or 'inherit'
+				}
+			}
+		};
+		jQuery.fx.step[ hook ] = function( fx ) {
+			if ( !fx.colorInit ) {
+				fx.start = color( fx.elem, hook );
+				fx.end = color( fx.end );
+				fx.colorInit = true;
+			}
+			jQuery.cssHooks[ hook ].set( fx.elem, fx.start.transition( fx.end, fx.pos ) );
+		};
+	});
+
+};
+
+color.hook( stepHooks );
+
+jQuery.cssHooks.borderColor = {
+	expand: function( value ) {
+		var expanded = {};
+
+		each( [ "Top", "Right", "Bottom", "Left" ], function( i, part ) {
+			expanded[ "border" + part + "Color" ] = value;
+		});
+		return expanded;
+	}
+};
+
+// Basic color names only.
+// Usage of any of the other color names requires adding yourself or including
+// jquery.color.svg-names.js.
+colors = jQuery.Color.names = {
+	// 4.1. Basic color keywords
+	aqua: "#00ffff",
+	black: "#000000",
+	blue: "#0000ff",
+	fuchsia: "#ff00ff",
+	gray: "#808080",
+	green: "#008000",
+	lime: "#00ff00",
+	maroon: "#800000",
+	navy: "#000080",
+	olive: "#808000",
+	purple: "#800080",
+	red: "#ff0000",
+	silver: "#c0c0c0",
+	teal: "#008080",
+	white: "#ffffff",
+	yellow: "#ffff00",
+
+	// 4.2.3. "transparent" color keyword
+	transparent: [ null, null, null, 0 ],
+
+	_default: "#ffffff"
+};
+
+})( jQuery );
+
+/******************************************************************************/
+/****************************** CLASS ANIMATIONS ******************************/
+/******************************************************************************/
+(function() {
+
+var classAnimationActions = [ "add", "remove", "toggle" ],
+	shorthandStyles = {
+		border: 1,
+		borderBottom: 1,
+		borderColor: 1,
+		borderLeft: 1,
+		borderRight: 1,
+		borderTop: 1,
+		borderWidth: 1,
+		margin: 1,
+		padding: 1
+	};
+
+$.each([ "borderLeftStyle", "borderRightStyle", "borderBottomStyle", "borderTopStyle" ], function( _, prop ) {
+	$.fx.step[ prop ] = function( fx ) {
+		if ( fx.end !== "none" && !fx.setAttr || fx.pos === 1 && !fx.setAttr ) {
+			jQuery.style( fx.elem, prop, fx.end );
+			fx.setAttr = true;
+		}
+	};
+});
+
+function getElementStyles( elem ) {
+	var key, len,
+		style = elem.ownerDocument.defaultView ?
+			elem.ownerDocument.defaultView.getComputedStyle( elem, null ) :
+			elem.currentStyle,
+		styles = {};
+
+	if ( style && style.length && style[ 0 ] && style[ style[ 0 ] ] ) {
+		len = style.length;
+		while ( len-- ) {
+			key = style[ len ];
+			if ( typeof style[ key ] === "string" ) {
+				styles[ $.camelCase( key ) ] = style[ key ];
+			}
+		}
+	// support: Opera, IE <9
+	} else {
+		for ( key in style ) {
+			if ( typeof style[ key ] === "string" ) {
+				styles[ key ] = style[ key ];
+			}
+		}
+	}
+
+	return styles;
+}
+
+function styleDifference( oldStyle, newStyle ) {
+	var diff = {},
+		name, value;
+
+	for ( name in newStyle ) {
+		value = newStyle[ name ];
+		if ( oldStyle[ name ] !== value ) {
+			if ( !shorthandStyles[ name ] ) {
+				if ( $.fx.step[ name ] || !isNaN( parseFloat( value ) ) ) {
+					diff[ name ] = value;
+				}
+			}
+		}
+	}
+
+	return diff;
+}
+
+// support: jQuery <1.8
+if ( !$.fn.addBack ) {
+	$.fn.addBack = function( selector ) {
+		return this.add( selector == null ?
+			this.prevObject : this.prevObject.filter( selector )
+		);
+	};
+}
+
+$.effects.animateClass = function( value, duration, easing, callback ) {
+	var o = $.speed( duration, easing, callback );
+
+	return this.queue( function() {
+		var animated = $( this ),
+			baseClass = animated.attr( "class" ) || "",
+			applyClassChange,
+			allAnimations = o.children ? animated.find( "*" ).addBack() : animated;
+
+		// map the animated objects to store the original styles.
+		allAnimations = allAnimations.map(function() {
+			var el = $( this );
+			return {
+				el: el,
+				start: getElementStyles( this )
+			};
+		});
+
+		// apply class change
+		applyClassChange = function() {
+			$.each( classAnimationActions, function(i, action) {
+				if ( value[ action ] ) {
+					animated[ action + "Class" ]( value[ action ] );
+				}
+			});
+		};
+		applyClassChange();
+
+		// map all animated objects again - calculate new styles and diff
+		allAnimations = allAnimations.map(function() {
+			this.end = getElementStyles( this.el[ 0 ] );
+			this.diff = styleDifference( this.start, this.end );
+			return this;
+		});
+
+		// apply original class
+		animated.attr( "class", baseClass );
+
+		// map all animated objects again - this time collecting a promise
+		allAnimations = allAnimations.map(function() {
+			var styleInfo = this,
+				dfd = $.Deferred(),
+				opts = $.extend({}, o, {
+					queue: false,
+					complete: function() {
+						dfd.resolve( styleInfo );
+					}
+				});
+
+			this.el.animate( this.diff, opts );
+			return dfd.promise();
+		});
+
+		// once all animations have completed:
+		$.when.apply( $, allAnimations.get() ).done(function() {
+
+			// set the final class
+			applyClassChange();
+
+			// for each animated element,
+			// clear all css properties that were animated
+			$.each( arguments, function() {
+				var el = this.el;
+				$.each( this.diff, function(key) {
+					el.css( key, "" );
+				});
+			});
+
+			// this is guarnteed to be there if you use jQuery.speed()
+			// it also handles dequeuing the next anim...
+			o.complete.call( animated[ 0 ] );
+		});
+	});
+};
+
+$.fn.extend({
+	addClass: (function( orig ) {
+		return function( classNames, speed, easing, callback ) {
+			return speed ?
+				$.effects.animateClass.call( this,
+					{ add: classNames }, speed, easing, callback ) :
+				orig.apply( this, arguments );
+		};
+	})( $.fn.addClass ),
+
+	removeClass: (function( orig ) {
+		return function( classNames, speed, easing, callback ) {
+			return arguments.length > 1 ?
+				$.effects.animateClass.call( this,
+					{ remove: classNames }, speed, easing, callback ) :
+				orig.apply( this, arguments );
+		};
+	})( $.fn.removeClass ),
+
+	toggleClass: (function( orig ) {
+		return function( classNames, force, speed, easing, callback ) {
+			if ( typeof force === "boolean" || force === undefined ) {
+				if ( !speed ) {
+					// without speed parameter
+					return orig.apply( this, arguments );
+				} else {
+					return $.effects.animateClass.call( this,
+						(force ? { add: classNames } : { remove: classNames }),
+						speed, easing, callback );
+				}
+			} else {
+				// without force parameter
+				return $.effects.animateClass.call( this,
+					{ toggle: classNames }, force, speed, easing );
+			}
+		};
+	})( $.fn.toggleClass ),
+
+	switchClass: function( remove, add, speed, easing, callback) {
+		return $.effects.animateClass.call( this, {
+			add: add,
+			remove: remove
+		}, speed, easing, callback );
+	}
+});
+
+})();
+
+/******************************************************************************/
+/*********************************** EFFECTS **********************************/
+/******************************************************************************/
+
+(function() {
+
+$.extend( $.effects, {
+	version: "1.11.2",
+
+	// Saves a set of properties in a data storage
+	save: function( element, set ) {
+		for ( var i = 0; i < set.length; i++ ) {
+			if ( set[ i ] !== null ) {
+				element.data( dataSpace + set[ i ], element[ 0 ].style[ set[ i ] ] );
+			}
+		}
+	},
+
+	// Restores a set of previously saved properties from a data storage
+	restore: function( element, set ) {
+		var val, i;
+		for ( i = 0; i < set.length; i++ ) {
+			if ( set[ i ] !== null ) {
+				val = element.data( dataSpace + set[ i ] );
+				// support: jQuery 1.6.2
+				// http://bugs.jquery.com/ticket/9917
+				// jQuery 1.6.2 incorrectly returns undefined for any falsy value.
+				// We can't differentiate between "" and 0 here, so we just assume
+				// empty string since it's likely to be a more common value...
+				if ( val === undefined ) {
+					val = "";
+				}
+				element.css( set[ i ], val );
+			}
+		}
+	},
+
+	setMode: function( el, mode ) {
+		if (mode === "toggle") {
+			mode = el.is( ":hidden" ) ? "show" : "hide";
+		}
+		return mode;
+	},
+
+	// Translates a [top,left] array into a baseline value
+	// this should be a little more flexible in the future to handle a string & hash
+	getBaseline: function( origin, original ) {
+		var y, x;
+		switch ( origin[ 0 ] ) {
+			case "top": y = 0; break;
+			case "middle": y = 0.5; break;
+			case "bottom": y = 1; break;
+			default: y = origin[ 0 ] / original.height;
+		}
+		switch ( origin[ 1 ] ) {
+			case "left": x = 0; break;
+			case "center": x = 0.5; break;
+			case "right": x = 1; break;
+			default: x = origin[ 1 ] / original.width;
+		}
+		return {
+			x: x,
+			y: y
+		};
+	},
+
+	// Wraps the element around a wrapper that copies position properties
+	createWrapper: function( element ) {
+
+		// if the element is already wrapped, return it
+		if ( element.parent().is( ".ui-effects-wrapper" )) {
+			return element.parent();
+		}
+
+		// wrap the element
+		var props = {
+				width: element.outerWidth(true),
+				height: element.outerHeight(true),
+				"float": element.css( "float" )
+			},
+			wrapper = $( "<div></div>" )
+				.addClass( "ui-effects-wrapper" )
+				.css({
+					fontSize: "100%",
+					background: "transparent",
+					border: "none",
+					margin: 0,
+					padding: 0
+				}),
+			// Store the size in case width/height are defined in % - Fixes #5245
+			size = {
+				width: element.width(),
+				height: element.height()
+			},
+			active = document.activeElement;
+
+		// support: Firefox
+		// Firefox incorrectly exposes anonymous content
+		// https://bugzilla.mozilla.org/show_bug.cgi?id=561664
+		try {
+			active.id;
+		} catch ( e ) {
+			active = document.body;
+		}
+
+		element.wrap( wrapper );
+
+		// Fixes #7595 - Elements lose focus when wrapped.
+		if ( element[ 0 ] === active || $.contains( element[ 0 ], active ) ) {
+			$( active ).focus();
+		}
+
+		wrapper = element.parent(); //Hotfix for jQuery 1.4 since some change in wrap() seems to actually lose the reference to the wrapped element
+
+		// transfer positioning properties to the wrapper
+		if ( element.css( "position" ) === "static" ) {
+			wrapper.css({ position: "relative" });
+			element.css({ position: "relative" });
+		} else {
+			$.extend( props, {
+				position: element.css( "position" ),
+				zIndex: element.css( "z-index" )
+			});
+			$.each([ "top", "left", "bottom", "right" ], function(i, pos) {
+				props[ pos ] = element.css( pos );
+				if ( isNaN( parseInt( props[ pos ], 10 ) ) ) {
+					props[ pos ] = "auto";
+				}
+			});
+			element.css({
+				position: "relative",
+				top: 0,
+				left: 0,
+				right: "auto",
+				bottom: "auto"
+			});
+		}
+		element.css(size);
+
+		return wrapper.css( props ).show();
+	},
+
+	removeWrapper: function( element ) {
+		var active = document.activeElement;
+
+		if ( element.parent().is( ".ui-effects-wrapper" ) ) {
+			element.parent().replaceWith( element );
+
+			// Fixes #7595 - Elements lose focus when wrapped.
+			if ( element[ 0 ] === active || $.contains( element[ 0 ], active ) ) {
+				$( active ).focus();
+			}
+		}
+
+		return element;
+	},
+
+	setTransition: function( element, list, factor, value ) {
+		value = value || {};
+		$.each( list, function( i, x ) {
+			var unit = element.cssUnit( x );
+			if ( unit[ 0 ] > 0 ) {
+				value[ x ] = unit[ 0 ] * factor + unit[ 1 ];
+			}
+		});
+		return value;
+	}
+});
+
+// return an effect options object for the given parameters:
+function _normalizeArguments( effect, options, speed, callback ) {
+
+	// allow passing all options as the first parameter
+	if ( $.isPlainObject( effect ) ) {
+		options = effect;
+		effect = effect.effect;
+	}
+
+	// convert to an object
+	effect = { effect: effect };
+
+	// catch (effect, null, ...)
+	if ( options == null ) {
+		options = {};
+	}
+
+	// catch (effect, callback)
+	if ( $.isFunction( options ) ) {
+		callback = options;
+		speed = null;
+		options = {};
+	}
+
+	// catch (effect, speed, ?)
+	if ( typeof options === "number" || $.fx.speeds[ options ] ) {
+		callback = speed;
+		speed = options;
+		options = {};
+	}
+
+	// catch (effect, options, callback)
+	if ( $.isFunction( speed ) ) {
+		callback = speed;
+		speed = null;
+	}
+
+	// add options to effect
+	if ( options ) {
+		$.extend( effect, options );
+	}
+
+	speed = speed || options.duration;
+	effect.duration = $.fx.off ? 0 :
+		typeof speed === "number" ? speed :
+		speed in $.fx.speeds ? $.fx.speeds[ speed ] :
+		$.fx.speeds._default;
+
+	effect.complete = callback || options.complete;
+
+	return effect;
+}
+
+function standardAnimationOption( option ) {
+	// Valid standard speeds (nothing, number, named speed)
+	if ( !option || typeof option === "number" || $.fx.speeds[ option ] ) {
+		return true;
+	}
+
+	// Invalid strings - treat as "normal" speed
+	if ( typeof option === "string" && !$.effects.effect[ option ] ) {
+		return true;
+	}
+
+	// Complete callback
+	if ( $.isFunction( option ) ) {
+		return true;
+	}
+
+	// Options hash (but not naming an effect)
+	if ( typeof option === "object" && !option.effect ) {
+		return true;
+	}
+
+	// Didn't match any standard API
+	return false;
+}
+
+$.fn.extend({
+	effect: function( /* effect, options, speed, callback */ ) {
+		var args = _normalizeArguments.apply( this, arguments ),
+			mode = args.mode,
+			queue = args.queue,
+			effectMethod = $.effects.effect[ args.effect ];
+
+		if ( $.fx.off || !effectMethod ) {
+			// delegate to the original method (e.g., .show()) if possible
+			if ( mode ) {
+				return this[ mode ]( args.duration, args.complete );
+			} else {
+				return this.each( function() {
+					if ( args.complete ) {
+						args.complete.call( this );
+					}
+				});
+			}
+		}
+
+		function run( next ) {
+			var elem = $( this ),
+				complete = args.complete,
+				mode = args.mode;
+
+			function done() {
+				if ( $.isFunction( complete ) ) {
+					complete.call( elem[0] );
+				}
+				if ( $.isFunction( next ) ) {
+					next();
+				}
+			}
+
+			// If the element already has the correct final state, delegate to
+			// the core methods so the internal tracking of "olddisplay" works.
+			if ( elem.is( ":hidden" ) ? mode === "hide" : mode === "show" ) {
+				elem[ mode ]();
+				done();
+			} else {
+				effectMethod.call( elem[0], args, done );
+			}
+		}
+
+		return queue === false ? this.each( run ) : this.queue( queue || "fx", run );
+	},
+
+	show: (function( orig ) {
+		return function( option ) {
+			if ( standardAnimationOption( option ) ) {
+				return orig.apply( this, arguments );
+			} else {
+				var args = _normalizeArguments.apply( this, arguments );
+				args.mode = "show";
+				return this.effect.call( this, args );
+			}
+		};
+	})( $.fn.show ),
+
+	hide: (function( orig ) {
+		return function( option ) {
+			if ( standardAnimationOption( option ) ) {
+				return orig.apply( this, arguments );
+			} else {
+				var args = _normalizeArguments.apply( this, arguments );
+				args.mode = "hide";
+				return this.effect.call( this, args );
+			}
+		};
+	})( $.fn.hide ),
+
+	toggle: (function( orig ) {
+		return function( option ) {
+			if ( standardAnimationOption( option ) || typeof option === "boolean" ) {
+				return orig.apply( this, arguments );
+			} else {
+				var args = _normalizeArguments.apply( this, arguments );
+				args.mode = "toggle";
+				return this.effect.call( this, args );
+			}
+		};
+	})( $.fn.toggle ),
+
+	// helper functions
+	cssUnit: function(key) {
+		var style = this.css( key ),
+			val = [];
+
+		$.each( [ "em", "px", "%", "pt" ], function( i, unit ) {
+			if ( style.indexOf( unit ) > 0 ) {
+				val = [ parseFloat( style ), unit ];
+			}
+		});
+		return val;
+	}
+});
+
+})();
+
+/******************************************************************************/
+/*********************************** EASING ***********************************/
+/******************************************************************************/
+
+(function() {
+
+// based on easing equations from Robert Penner (http://www.robertpenner.com/easing)
+
+var baseEasings = {};
+
+$.each( [ "Quad", "Cubic", "Quart", "Quint", "Expo" ], function( i, name ) {
+	baseEasings[ name ] = function( p ) {
+		return Math.pow( p, i + 2 );
+	};
+});
+
+$.extend( baseEasings, {
+	Sine: function( p ) {
+		return 1 - Math.cos( p * Math.PI / 2 );
+	},
+	Circ: function( p ) {
+		return 1 - Math.sqrt( 1 - p * p );
+	},
+	Elastic: function( p ) {
+		return p === 0 || p === 1 ? p :
+			-Math.pow( 2, 8 * (p - 1) ) * Math.sin( ( (p - 1) * 80 - 7.5 ) * Math.PI / 15 );
+	},
+	Back: function( p ) {
+		return p * p * ( 3 * p - 2 );
+	},
+	Bounce: function( p ) {
+		var pow2,
+			bounce = 4;
+
+		while ( p < ( ( pow2 = Math.pow( 2, --bounce ) ) - 1 ) / 11 ) {}
+		return 1 / Math.pow( 4, 3 - bounce ) - 7.5625 * Math.pow( ( pow2 * 3 - 2 ) / 22 - p, 2 );
+	}
+});
+
+$.each( baseEasings, function( name, easeIn ) {
+	$.easing[ "easeIn" + name ] = easeIn;
+	$.easing[ "easeOut" + name ] = function( p ) {
+		return 1 - easeIn( 1 - p );
+	};
+	$.easing[ "easeInOut" + name ] = function( p ) {
+		return p < 0.5 ?
+			easeIn( p * 2 ) / 2 :
+			1 - easeIn( p * -2 + 2 ) / 2;
+	};
+});
+
+})();
+
+var effect = $.effects;
+
+
+/*!
+ * jQuery UI Effects Blind 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/blind-effect/
+ */
+
+
+var effectBlind = $.effects.effect.blind = function( o, done ) {
+	// Create element
+	var el = $( this ),
+		rvertical = /up|down|vertical/,
+		rpositivemotion = /up|left|vertical|horizontal/,
+		props = [ "position", "top", "bottom", "left", "right", "height", "width" ],
+		mode = $.effects.setMode( el, o.mode || "hide" ),
+		direction = o.direction || "up",
+		vertical = rvertical.test( direction ),
+		ref = vertical ? "height" : "width",
+		ref2 = vertical ? "top" : "left",
+		motion = rpositivemotion.test( direction ),
+		animation = {},
+		show = mode === "show",
+		wrapper, distance, margin;
+
+	// if already wrapped, the wrapper's properties are my property. #6245
+	if ( el.parent().is( ".ui-effects-wrapper" ) ) {
+		$.effects.save( el.parent(), props );
+	} else {
+		$.effects.save( el, props );
+	}
+	el.show();
+	wrapper = $.effects.createWrapper( el ).css({
+		overflow: "hidden"
+	});
+
+	distance = wrapper[ ref ]();
+	margin = parseFloat( wrapper.css( ref2 ) ) || 0;
+
+	animation[ ref ] = show ? distance : 0;
+	if ( !motion ) {
+		el
+			.css( vertical ? "bottom" : "right", 0 )
+			.css( vertical ? "top" : "left", "auto" )
+			.css({ position: "absolute" });
+
+		animation[ ref2 ] = show ? margin : distance + margin;
+	}
+
+	// start at 0 if we are showing
+	if ( show ) {
+		wrapper.css( ref, 0 );
+		if ( !motion ) {
+			wrapper.css( ref2, margin + distance );
+		}
+	}
+
+	// Animate
+	wrapper.animate( animation, {
+		duration: o.duration,
+		easing: o.easing,
+		queue: false,
+		complete: function() {
+			if ( mode === "hide" ) {
+				el.hide();
+			}
+			$.effects.restore( el, props );
+			$.effects.removeWrapper( el );
+			done();
+		}
+	});
+};
+
+
+/*!
+ * jQuery UI Effects Bounce 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/bounce-effect/
+ */
+
+
+var effectBounce = $.effects.effect.bounce = function( o, done ) {
+	var el = $( this ),
+		props = [ "position", "top", "bottom", "left", "right", "height", "width" ],
+
+		// defaults:
+		mode = $.effects.setMode( el, o.mode || "effect" ),
+		hide = mode === "hide",
+		show = mode === "show",
+		direction = o.direction || "up",
+		distance = o.distance,
+		times = o.times || 5,
+
+		// number of internal animations
+		anims = times * 2 + ( show || hide ? 1 : 0 ),
+		speed = o.duration / anims,
+		easing = o.easing,
+
+		// utility:
+		ref = ( direction === "up" || direction === "down" ) ? "top" : "left",
+		motion = ( direction === "up" || direction === "left" ),
+		i,
+		upAnim,
+		downAnim,
+
+		// we will need to re-assemble the queue to stack our animations in place
+		queue = el.queue(),
+		queuelen = queue.length;
+
+	// Avoid touching opacity to prevent clearType and PNG issues in IE
+	if ( show || hide ) {
+		props.push( "opacity" );
+	}
+
+	$.effects.save( el, props );
+	el.show();
+	$.effects.createWrapper( el ); // Create Wrapper
+
+	// default distance for the BIGGEST bounce is the outer Distance / 3
+	if ( !distance ) {
+		distance = el[ ref === "top" ? "outerHeight" : "outerWidth" ]() / 3;
+	}
+
+	if ( show ) {
+		downAnim = { opacity: 1 };
+		downAnim[ ref ] = 0;
+
+		// if we are showing, force opacity 0 and set the initial position
+		// then do the "first" animation
+		el.css( "opacity", 0 )
+			.css( ref, motion ? -distance * 2 : distance * 2 )
+			.animate( downAnim, speed, easing );
+	}
+
+	// start at the smallest distance if we are hiding
+	if ( hide ) {
+		distance = distance / Math.pow( 2, times - 1 );
+	}
+
+	downAnim = {};
+	downAnim[ ref ] = 0;
+	// Bounces up/down/left/right then back to 0 -- times * 2 animations happen here
+	for ( i = 0; i < times; i++ ) {
+		upAnim = {};
+		upAnim[ ref ] = ( motion ? "-=" : "+=" ) + distance;
+
+		el.animate( upAnim, speed, easing )
+			.animate( downAnim, speed, easing );
+
+		distance = hide ? distance * 2 : distance / 2;
+	}
+
+	// Last Bounce when Hiding
+	if ( hide ) {
+		upAnim = { opacity: 0 };
+		upAnim[ ref ] = ( motion ? "-=" : "+=" ) + distance;
+
+		el.animate( upAnim, speed, easing );
+	}
+
+	el.queue(function() {
+		if ( hide ) {
+			el.hide();
+		}
+		$.effects.restore( el, props );
+		$.effects.removeWrapper( el );
+		done();
+	});
+
+	// inject all the animations we just queued to be first in line (after "inprogress")
+	if ( queuelen > 1) {
+		queue.splice.apply( queue,
+			[ 1, 0 ].concat( queue.splice( queuelen, anims + 1 ) ) );
+	}
+	el.dequeue();
+
+};
+
+
+/*!
+ * jQuery UI Effects Clip 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/clip-effect/
+ */
+
+
+var effectClip = $.effects.effect.clip = function( o, done ) {
+	// Create element
+	var el = $( this ),
+		props = [ "position", "top", "bottom", "left", "right", "height", "width" ],
+		mode = $.effects.setMode( el, o.mode || "hide" ),
+		show = mode === "show",
+		direction = o.direction || "vertical",
+		vert = direction === "vertical",
+		size = vert ? "height" : "width",
+		position = vert ? "top" : "left",
+		animation = {},
+		wrapper, animate, distance;
+
+	// Save & Show
+	$.effects.save( el, props );
+	el.show();
+
+	// Create Wrapper
+	wrapper = $.effects.createWrapper( el ).css({
+		overflow: "hidden"
+	});
+	animate = ( el[0].tagName === "IMG" ) ? wrapper : el;
+	distance = animate[ size ]();
+
+	// Shift
+	if ( show ) {
+		animate.css( size, 0 );
+		animate.css( position, distance / 2 );
+	}
+
+	// Create Animation Object:
+	animation[ size ] = show ? distance : 0;
+	animation[ position ] = show ? 0 : distance / 2;
+
+	// Animate
+	animate.animate( animation, {
+		queue: false,
+		duration: o.duration,
+		easing: o.easing,
+		complete: function() {
+			if ( !show ) {
+				el.hide();
+			}
+			$.effects.restore( el, props );
+			$.effects.removeWrapper( el );
+			done();
+		}
+	});
+
+};
+
+
+/*!
+ * jQuery UI Effects Drop 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/drop-effect/
+ */
+
+
+var effectDrop = $.effects.effect.drop = function( o, done ) {
+
+	var el = $( this ),
+		props = [ "position", "top", "bottom", "left", "right", "opacity", "height", "width" ],
+		mode = $.effects.setMode( el, o.mode || "hide" ),
+		show = mode === "show",
+		direction = o.direction || "left",
+		ref = ( direction === "up" || direction === "down" ) ? "top" : "left",
+		motion = ( direction === "up" || direction === "left" ) ? "pos" : "neg",
+		animation = {
+			opacity: show ? 1 : 0
+		},
+		distance;
+
+	// Adjust
+	$.effects.save( el, props );
+	el.show();
+	$.effects.createWrapper( el );
+
+	distance = o.distance || el[ ref === "top" ? "outerHeight" : "outerWidth" ]( true ) / 2;
+
+	if ( show ) {
+		el
+			.css( "opacity", 0 )
+			.css( ref, motion === "pos" ? -distance : distance );
+	}
+
+	// Animation
+	animation[ ref ] = ( show ?
+		( motion === "pos" ? "+=" : "-=" ) :
+		( motion === "pos" ? "-=" : "+=" ) ) +
+		distance;
+
+	// Animate
+	el.animate( animation, {
+		queue: false,
+		duration: o.duration,
+		easing: o.easing,
+		complete: function() {
+			if ( mode === "hide" ) {
+				el.hide();
+			}
+			$.effects.restore( el, props );
+			$.effects.removeWrapper( el );
+			done();
+		}
+	});
+};
+
+
+/*!
+ * jQuery UI Effects Explode 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/explode-effect/
+ */
+
+
+var effectExplode = $.effects.effect.explode = function( o, done ) {
+
+	var rows = o.pieces ? Math.round( Math.sqrt( o.pieces ) ) : 3,
+		cells = rows,
+		el = $( this ),
+		mode = $.effects.setMode( el, o.mode || "hide" ),
+		show = mode === "show",
+
+		// show and then visibility:hidden the element before calculating offset
+		offset = el.show().css( "visibility", "hidden" ).offset(),
+
+		// width and height of a piece
+		width = Math.ceil( el.outerWidth() / cells ),
+		height = Math.ceil( el.outerHeight() / rows ),
+		pieces = [],
+
+		// loop
+		i, j, left, top, mx, my;
+
+	// children animate complete:
+	function childComplete() {
+		pieces.push( this );
+		if ( pieces.length === rows * cells ) {
+			animComplete();
+		}
+	}
+
+	// clone the element for each row and cell.
+	for ( i = 0; i < rows ; i++ ) { // ===>
+		top = offset.top + i * height;
+		my = i - ( rows - 1 ) / 2 ;
+
+		for ( j = 0; j < cells ; j++ ) { // |||
+			left = offset.left + j * width;
+			mx = j - ( cells - 1 ) / 2 ;
+
+			// Create a clone of the now hidden main element that will be absolute positioned
+			// within a wrapper div off the -left and -top equal to size of our pieces
+			el
+				.clone()
+				.appendTo( "body" )
+				.wrap( "<div></div>" )
+				.css({
+					position: "absolute",
+					visibility: "visible",
+					left: -j * width,
+					top: -i * height
+				})
+
+			// select the wrapper - make it overflow: hidden and absolute positioned based on
+			// where the original was located +left and +top equal to the size of pieces
+				.parent()
+				.addClass( "ui-effects-explode" )
+				.css({
+					position: "absolute",
+					overflow: "hidden",
+					width: width,
+					height: height,
+					left: left + ( show ? mx * width : 0 ),
+					top: top + ( show ? my * height : 0 ),
+					opacity: show ? 0 : 1
+				}).animate({
+					left: left + ( show ? 0 : mx * width ),
+					top: top + ( show ? 0 : my * height ),
+					opacity: show ? 1 : 0
+				}, o.duration || 500, o.easing, childComplete );
+		}
+	}
+
+	function animComplete() {
+		el.css({
+			visibility: "visible"
+		});
+		$( pieces ).remove();
+		if ( !show ) {
+			el.hide();
+		}
+		done();
+	}
+};
+
+
+/*!
+ * jQuery UI Effects Fade 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/fade-effect/
+ */
+
+
+var effectFade = $.effects.effect.fade = function( o, done ) {
+	var el = $( this ),
+		mode = $.effects.setMode( el, o.mode || "toggle" );
+
+	el.animate({
+		opacity: mode
+	}, {
+		queue: false,
+		duration: o.duration,
+		easing: o.easing,
+		complete: done
+	});
+};
+
+
+/*!
+ * jQuery UI Effects Fold 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/fold-effect/
+ */
+
+
+var effectFold = $.effects.effect.fold = function( o, done ) {
+
+	// Create element
+	var el = $( this ),
+		props = [ "position", "top", "bottom", "left", "right", "height", "width" ],
+		mode = $.effects.setMode( el, o.mode || "hide" ),
+		show = mode === "show",
+		hide = mode === "hide",
+		size = o.size || 15,
+		percent = /([0-9]+)%/.exec( size ),
+		horizFirst = !!o.horizFirst,
+		widthFirst = show !== horizFirst,
+		ref = widthFirst ? [ "width", "height" ] : [ "height", "width" ],
+		duration = o.duration / 2,
+		wrapper, distance,
+		animation1 = {},
+		animation2 = {};
+
+	$.effects.save( el, props );
+	el.show();
+
+	// Create Wrapper
+	wrapper = $.effects.createWrapper( el ).css({
+		overflow: "hidden"
+	});
+	distance = widthFirst ?
+		[ wrapper.width(), wrapper.height() ] :
+		[ wrapper.height(), wrapper.width() ];
+
+	if ( percent ) {
+		size = parseInt( percent[ 1 ], 10 ) / 100 * distance[ hide ? 0 : 1 ];
+	}
+	if ( show ) {
+		wrapper.css( horizFirst ? {
+			height: 0,
+			width: size
+		} : {
+			height: size,
+			width: 0
+		});
+	}
+
+	// Animation
+	animation1[ ref[ 0 ] ] = show ? distance[ 0 ] : size;
+	animation2[ ref[ 1 ] ] = show ? distance[ 1 ] : 0;
+
+	// Animate
+	wrapper
+		.animate( animation1, duration, o.easing )
+		.animate( animation2, duration, o.easing, function() {
+			if ( hide ) {
+				el.hide();
+			}
+			$.effects.restore( el, props );
+			$.effects.removeWrapper( el );
+			done();
+		});
+
+};
+
+
+/*!
+ * jQuery UI Effects Highlight 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/highlight-effect/
+ */
+
+
+var effectHighlight = $.effects.effect.highlight = function( o, done ) {
+	var elem = $( this ),
+		props = [ "backgroundImage", "backgroundColor", "opacity" ],
+		mode = $.effects.setMode( elem, o.mode || "show" ),
+		animation = {
+			backgroundColor: elem.css( "backgroundColor" )
+		};
+
+	if (mode === "hide") {
+		animation.opacity = 0;
+	}
+
+	$.effects.save( elem, props );
+
+	elem
+		.show()
+		.css({
+			backgroundImage: "none",
+			backgroundColor: o.color || "#ffff99"
+		})
+		.animate( animation, {
+			queue: false,
+			duration: o.duration,
+			easing: o.easing,
+			complete: function() {
+				if ( mode === "hide" ) {
+					elem.hide();
+				}
+				$.effects.restore( elem, props );
+				done();
+			}
+		});
+};
+
+
+/*!
+ * jQuery UI Effects Size 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/size-effect/
+ */
+
+
+var effectSize = $.effects.effect.size = function( o, done ) {
+
+	// Create element
+	var original, baseline, factor,
+		el = $( this ),
+		props0 = [ "position", "top", "bottom", "left", "right", "width", "height", "overflow", "opacity" ],
+
+		// Always restore
+		props1 = [ "position", "top", "bottom", "left", "right", "overflow", "opacity" ],
+
+		// Copy for children
+		props2 = [ "width", "height", "overflow" ],
+		cProps = [ "fontSize" ],
+		vProps = [ "borderTopWidth", "borderBottomWidth", "paddingTop", "paddingBottom" ],
+		hProps = [ "borderLeftWidth", "borderRightWidth", "paddingLeft", "paddingRight" ],
+
+		// Set options
+		mode = $.effects.setMode( el, o.mode || "effect" ),
+		restore = o.restore || mode !== "effect",
+		scale = o.scale || "both",
+		origin = o.origin || [ "middle", "center" ],
+		position = el.css( "position" ),
+		props = restore ? props0 : props1,
+		zero = {
+			height: 0,
+			width: 0,
+			outerHeight: 0,
+			outerWidth: 0
+		};
+
+	if ( mode === "show" ) {
+		el.show();
+	}
+	original = {
+		height: el.height(),
+		width: el.width(),
+		outerHeight: el.outerHeight(),
+		outerWidth: el.outerWidth()
+	};
+
+	if ( o.mode === "toggle" && mode === "show" ) {
+		el.from = o.to || zero;
+		el.to = o.from || original;
+	} else {
+		el.from = o.from || ( mode === "show" ? zero : original );
+		el.to = o.to || ( mode === "hide" ? zero : original );
+	}
+
+	// Set scaling factor
+	factor = {
+		from: {
+			y: el.from.height / original.height,
+			x: el.from.width / original.width
+		},
+		to: {
+			y: el.to.height / original.height,
+			x: el.to.width / original.width
+		}
+	};
+
+	// Scale the css box
+	if ( scale === "box" || scale === "both" ) {
+
+		// Vertical props scaling
+		if ( factor.from.y !== factor.to.y ) {
+			props = props.concat( vProps );
+			el.from = $.effects.setTransition( el, vProps, factor.from.y, el.from );
+			el.to = $.effects.setTransition( el, vProps, factor.to.y, el.to );
+		}
+
+		// Horizontal props scaling
+		if ( factor.from.x !== factor.to.x ) {
+			props = props.concat( hProps );
+			el.from = $.effects.setTransition( el, hProps, factor.from.x, el.from );
+			el.to = $.effects.setTransition( el, hProps, factor.to.x, el.to );
+		}
+	}
+
+	// Scale the content
+	if ( scale === "content" || scale === "both" ) {
+
+		// Vertical props scaling
+		if ( factor.from.y !== factor.to.y ) {
+			props = props.concat( cProps ).concat( props2 );
+			el.from = $.effects.setTransition( el, cProps, factor.from.y, el.from );
+			el.to = $.effects.setTransition( el, cProps, factor.to.y, el.to );
+		}
+	}
+
+	$.effects.save( el, props );
+	el.show();
+	$.effects.createWrapper( el );
+	el.css( "overflow", "hidden" ).css( el.from );
+
+	// Adjust
+	if (origin) { // Calculate baseline shifts
+		baseline = $.effects.getBaseline( origin, original );
+		el.from.top = ( original.outerHeight - el.outerHeight() ) * baseline.y;
+		el.from.left = ( original.outerWidth - el.outerWidth() ) * baseline.x;
+		el.to.top = ( original.outerHeight - el.to.outerHeight ) * baseline.y;
+		el.to.left = ( original.outerWidth - el.to.outerWidth ) * baseline.x;
+	}
+	el.css( el.from ); // set top & left
+
+	// Animate
+	if ( scale === "content" || scale === "both" ) { // Scale the children
+
+		// Add margins/font-size
+		vProps = vProps.concat([ "marginTop", "marginBottom" ]).concat(cProps);
+		hProps = hProps.concat([ "marginLeft", "marginRight" ]);
+		props2 = props0.concat(vProps).concat(hProps);
+
+		el.find( "*[width]" ).each( function() {
+			var child = $( this ),
+				c_original = {
+					height: child.height(),
+					width: child.width(),
+					outerHeight: child.outerHeight(),
+					outerWidth: child.outerWidth()
+				};
+			if (restore) {
+				$.effects.save(child, props2);
+			}
+
+			child.from = {
+				height: c_original.height * factor.from.y,
+				width: c_original.width * factor.from.x,
+				outerHeight: c_original.outerHeight * factor.from.y,
+				outerWidth: c_original.outerWidth * factor.from.x
+			};
+			child.to = {
+				height: c_original.height * factor.to.y,
+				width: c_original.width * factor.to.x,
+				outerHeight: c_original.height * factor.to.y,
+				outerWidth: c_original.width * factor.to.x
+			};
+
+			// Vertical props scaling
+			if ( factor.from.y !== factor.to.y ) {
+				child.from = $.effects.setTransition( child, vProps, factor.from.y, child.from );
+				child.to = $.effects.setTransition( child, vProps, factor.to.y, child.to );
+			}
+
+			// Horizontal props scaling
+			if ( factor.from.x !== factor.to.x ) {
+				child.from = $.effects.setTransition( child, hProps, factor.from.x, child.from );
+				child.to = $.effects.setTransition( child, hProps, factor.to.x, child.to );
+			}
+
+			// Animate children
+			child.css( child.from );
+			child.animate( child.to, o.duration, o.easing, function() {
+
+				// Restore children
+				if ( restore ) {
+					$.effects.restore( child, props2 );
+				}
+			});
+		});
+	}
+
+	// Animate
+	el.animate( el.to, {
+		queue: false,
+		duration: o.duration,
+		easing: o.easing,
+		complete: function() {
+			if ( el.to.opacity === 0 ) {
+				el.css( "opacity", el.from.opacity );
+			}
+			if ( mode === "hide" ) {
+				el.hide();
+			}
+			$.effects.restore( el, props );
+			if ( !restore ) {
+
+				// we need to calculate our new positioning based on the scaling
+				if ( position === "static" ) {
+					el.css({
+						position: "relative",
+						top: el.to.top,
+						left: el.to.left
+					});
+				} else {
+					$.each([ "top", "left" ], function( idx, pos ) {
+						el.css( pos, function( _, str ) {
+							var val = parseInt( str, 10 ),
+								toRef = idx ? el.to.left : el.to.top;
+
+							// if original was "auto", recalculate the new value from wrapper
+							if ( str === "auto" ) {
+								return toRef + "px";
+							}
+
+							return val + toRef + "px";
+						});
+					});
+				}
+			}
+
+			$.effects.removeWrapper( el );
+			done();
+		}
+	});
+
+};
+
+
+/*!
+ * jQuery UI Effects Scale 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/scale-effect/
+ */
+
+
+var effectScale = $.effects.effect.scale = function( o, done ) {
+
+	// Create element
+	var el = $( this ),
+		options = $.extend( true, {}, o ),
+		mode = $.effects.setMode( el, o.mode || "effect" ),
+		percent = parseInt( o.percent, 10 ) ||
+			( parseInt( o.percent, 10 ) === 0 ? 0 : ( mode === "hide" ? 0 : 100 ) ),
+		direction = o.direction || "both",
+		origin = o.origin,
+		original = {
+			height: el.height(),
+			width: el.width(),
+			outerHeight: el.outerHeight(),
+			outerWidth: el.outerWidth()
+		},
+		factor = {
+			y: direction !== "horizontal" ? (percent / 100) : 1,
+			x: direction !== "vertical" ? (percent / 100) : 1
+		};
+
+	// We are going to pass this effect to the size effect:
+	options.effect = "size";
+	options.queue = false;
+	options.complete = done;
+
+	// Set default origin and restore for show/hide
+	if ( mode !== "effect" ) {
+		options.origin = origin || [ "middle", "center" ];
+		options.restore = true;
+	}
+
+	options.from = o.from || ( mode === "show" ? {
+		height: 0,
+		width: 0,
+		outerHeight: 0,
+		outerWidth: 0
+	} : original );
+	options.to = {
+		height: original.height * factor.y,
+		width: original.width * factor.x,
+		outerHeight: original.outerHeight * factor.y,
+		outerWidth: original.outerWidth * factor.x
+	};
+
+	// Fade option to support puff
+	if ( options.fade ) {
+		if ( mode === "show" ) {
+			options.from.opacity = 0;
+			options.to.opacity = 1;
+		}
+		if ( mode === "hide" ) {
+			options.from.opacity = 1;
+			options.to.opacity = 0;
+		}
+	}
+
+	// Animate
+	el.effect( options );
+
+};
+
+
+/*!
+ * jQuery UI Effects Puff 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/puff-effect/
+ */
+
+
+var effectPuff = $.effects.effect.puff = function( o, done ) {
+	var elem = $( this ),
+		mode = $.effects.setMode( elem, o.mode || "hide" ),
+		hide = mode === "hide",
+		percent = parseInt( o.percent, 10 ) || 150,
+		factor = percent / 100,
+		original = {
+			height: elem.height(),
+			width: elem.width(),
+			outerHeight: elem.outerHeight(),
+			outerWidth: elem.outerWidth()
+		};
+
+	$.extend( o, {
+		effect: "scale",
+		queue: false,
+		fade: true,
+		mode: mode,
+		complete: done,
+		percent: hide ? percent : 100,
+		from: hide ?
+			original :
+			{
+				height: original.height * factor,
+				width: original.width * factor,
+				outerHeight: original.outerHeight * factor,
+				outerWidth: original.outerWidth * factor
+			}
+	});
+
+	elem.effect( o );
+};
+
+
+/*!
+ * jQuery UI Effects Pulsate 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/pulsate-effect/
+ */
+
+
+var effectPulsate = $.effects.effect.pulsate = function( o, done ) {
+	var elem = $( this ),
+		mode = $.effects.setMode( elem, o.mode || "show" ),
+		show = mode === "show",
+		hide = mode === "hide",
+		showhide = ( show || mode === "hide" ),
+
+		// showing or hiding leaves of the "last" animation
+		anims = ( ( o.times || 5 ) * 2 ) + ( showhide ? 1 : 0 ),
+		duration = o.duration / anims,
+		animateTo = 0,
+		queue = elem.queue(),
+		queuelen = queue.length,
+		i;
+
+	if ( show || !elem.is(":visible")) {
+		elem.css( "opacity", 0 ).show();
+		animateTo = 1;
+	}
+
+	// anims - 1 opacity "toggles"
+	for ( i = 1; i < anims; i++ ) {
+		elem.animate({
+			opacity: animateTo
+		}, duration, o.easing );
+		animateTo = 1 - animateTo;
+	}
+
+	elem.animate({
+		opacity: animateTo
+	}, duration, o.easing);
+
+	elem.queue(function() {
+		if ( hide ) {
+			elem.hide();
+		}
+		done();
+	});
+
+	// We just queued up "anims" animations, we need to put them next in the queue
+	if ( queuelen > 1 ) {
+		queue.splice.apply( queue,
+			[ 1, 0 ].concat( queue.splice( queuelen, anims + 1 ) ) );
+	}
+	elem.dequeue();
+};
+
+
+/*!
+ * jQuery UI Effects Shake 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/shake-effect/
+ */
+
+
+var effectShake = $.effects.effect.shake = function( o, done ) {
+
+	var el = $( this ),
+		props = [ "position", "top", "bottom", "left", "right", "height", "width" ],
+		mode = $.effects.setMode( el, o.mode || "effect" ),
+		direction = o.direction || "left",
+		distance = o.distance || 20,
+		times = o.times || 3,
+		anims = times * 2 + 1,
+		speed = Math.round( o.duration / anims ),
+		ref = (direction === "up" || direction === "down") ? "top" : "left",
+		positiveMotion = (direction === "up" || direction === "left"),
+		animation = {},
+		animation1 = {},
+		animation2 = {},
+		i,
+
+		// we will need to re-assemble the queue to stack our animations in place
+		queue = el.queue(),
+		queuelen = queue.length;
+
+	$.effects.save( el, props );
+	el.show();
+	$.effects.createWrapper( el );
+
+	// Animation
+	animation[ ref ] = ( positiveMotion ? "-=" : "+=" ) + distance;
+	animation1[ ref ] = ( positiveMotion ? "+=" : "-=" ) + distance * 2;
+	animation2[ ref ] = ( positiveMotion ? "-=" : "+=" ) + distance * 2;
+
+	// Animate
+	el.animate( animation, speed, o.easing );
+
+	// Shakes
+	for ( i = 1; i < times; i++ ) {
+		el.animate( animation1, speed, o.easing ).animate( animation2, speed, o.easing );
+	}
+	el
+		.animate( animation1, speed, o.easing )
+		.animate( animation, speed / 2, o.easing )
+		.queue(function() {
+			if ( mode === "hide" ) {
+				el.hide();
+			}
+			$.effects.restore( el, props );
+			$.effects.removeWrapper( el );
+			done();
+		});
+
+	// inject all the animations we just queued to be first in line (after "inprogress")
+	if ( queuelen > 1) {
+		queue.splice.apply( queue,
+			[ 1, 0 ].concat( queue.splice( queuelen, anims + 1 ) ) );
+	}
+	el.dequeue();
+
+};
+
+
+/*!
+ * jQuery UI Effects Slide 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/slide-effect/
+ */
+
+
+var effectSlide = $.effects.effect.slide = function( o, done ) {
+
+	// Create element
+	var el = $( this ),
+		props = [ "position", "top", "bottom", "left", "right", "width", "height" ],
+		mode = $.effects.setMode( el, o.mode || "show" ),
+		show = mode === "show",
+		direction = o.direction || "left",
+		ref = (direction === "up" || direction === "down") ? "top" : "left",
+		positiveMotion = (direction === "up" || direction === "left"),
+		distance,
+		animation = {};
+
+	// Adjust
+	$.effects.save( el, props );
+	el.show();
+	distance = o.distance || el[ ref === "top" ? "outerHeight" : "outerWidth" ]( true );
+
+	$.effects.createWrapper( el ).css({
+		overflow: "hidden"
+	});
+
+	if ( show ) {
+		el.css( ref, positiveMotion ? (isNaN(distance) ? "-" + distance : -distance) : distance );
+	}
+
+	// Animation
+	animation[ ref ] = ( show ?
+		( positiveMotion ? "+=" : "-=") :
+		( positiveMotion ? "-=" : "+=")) +
+		distance;
+
+	// Animate
+	el.animate( animation, {
+		queue: false,
+		duration: o.duration,
+		easing: o.easing,
+		complete: function() {
+			if ( mode === "hide" ) {
+				el.hide();
+			}
+			$.effects.restore( el, props );
+			$.effects.removeWrapper( el );
+			done();
+		}
+	});
+};
+
+
+/*!
+ * jQuery UI Effects Transfer 1.11.2
+ * http://jqueryui.com
+ *
+ * Copyright 2014 jQuery Foundation and other contributors
+ * Released under the MIT license.
+ * http://jquery.org/license
+ *
+ * http://api.jqueryui.com/transfer-effect/
+ */
+
+
+var effectTransfer = $.effects.effect.transfer = function( o, done ) {
+	var elem = $( this ),
+		target = $( o.to ),
+		targetFixed = target.css( "position" ) === "fixed",
+		body = $("body"),
+		fixTop = targetFixed ? body.scrollTop() : 0,
+		fixLeft = targetFixed ? body.scrollLeft() : 0,
+		endPosition = target.offset(),
+		animation = {
+			top: endPosition.top - fixTop,
+			left: endPosition.left - fixLeft,
+			height: target.innerHeight(),
+			width: target.innerWidth()
+		},
+		startPosition = elem.offset(),
+		transfer = $( "<div class='ui-effects-transfer'></div>" )
+			.appendTo( document.body )
+			.addClass( o.className )
+			.css({
+				top: startPosition.top - fixTop,
+				left: startPosition.left - fixLeft,
+				height: elem.innerHeight(),
+				width: elem.innerWidth(),
+				position: targetFixed ? "fixed" : "absolute"
+			})
+			.animate( animation, o.duration, o.easing, function() {
+				transfer.remove();
+				done();
+			});
+};
+
+
+
+}));
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/jquery.autosize.js b/web/bootstrap-ace-admin/js/jquery.autosize.js
new file mode 100755
index 00000000..8f1c7980
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery.autosize.js
@@ -0,0 +1,278 @@
+/*!
+	Autosize 1.18.15
+	license: MIT
+	http://www.jacklmoore.com/autosize
+*/
+(function ($) {
+	var
+	defaults = {
+		className: 'autosizejs',
+		id: 'autosizejs',
+		append: '\n',
+		callback: false,
+		resizeDelay: 10,
+		placeholder: true
+	},
+
+	// border:0 is unnecessary, but avoids a bug in Firefox on OSX
+	copy = '<textarea tabindex="-1" style="position:absolute; top:-999px; left:0; right:auto; bottom:auto; border:0; padding: 0; -moz-box-sizing:content-box; -webkit-box-sizing:content-box; box-sizing:content-box; word-wrap:break-word; height:0 !important; min-height:0 !important; overflow:hidden; transition:none; -webkit-transition:none; -moz-transition:none;"/>',
+
+	// line-height is conditionally included because IE7/IE8/old Opera do not return the correct value.
+	typographyStyles = [
+		'fontFamily',
+		'fontSize',
+		'fontWeight',
+		'fontStyle',
+		'letterSpacing',
+		'textTransform',
+		'wordSpacing',
+		'textIndent',
+		'whiteSpace'
+	],
+
+	// to keep track which textarea is being mirrored when adjust() is called.
+	mirrored,
+
+	// the mirror element, which is used to calculate what size the mirrored element should be.
+	mirror = $(copy).data('autosize', true)[0];
+
+	// test that line-height can be accurately copied.
+	mirror.style.lineHeight = '99px';
+	if ($(mirror).css('lineHeight') === '99px') {
+		typographyStyles.push('lineHeight');
+	}
+	mirror.style.lineHeight = '';
+
+	$.fn.autosize = function (options) {
+		if (!this.length) {
+			return this;
+		}
+
+		options = $.extend({}, defaults, options || {});
+
+		if (mirror.parentNode !== document.body) {
+			$(document.body).append(mirror);
+		}
+
+		return this.each(function () {
+			var
+			ta = this,
+			$ta = $(ta),
+			maxHeight,
+			minHeight,
+			boxOffset = 0,
+			callback = $.isFunction(options.callback),
+			originalStyles = {
+				height: ta.style.height,
+				overflow: ta.style.overflow,
+				overflowY: ta.style.overflowY,
+				wordWrap: ta.style.wordWrap,
+				resize: ta.style.resize
+			},
+			timeout,
+			width = $ta.width(),
+			taResize = $ta.css('resize');
+
+			if ($ta.data('autosize')) {
+				// exit if autosize has already been applied, or if the textarea is the mirror element.
+				return;
+			}
+			$ta.data('autosize', true);
+
+			if ($ta.css('box-sizing') === 'border-box' || $ta.css('-moz-box-sizing') === 'border-box' || $ta.css('-webkit-box-sizing') === 'border-box'){
+				boxOffset = $ta.outerHeight() - $ta.height();
+			}
+
+			// IE8 and lower return 'auto', which parses to NaN, if no min-height is set.
+			minHeight = Math.max(parseFloat($ta.css('minHeight')) - boxOffset || 0, $ta.height());
+
+			$ta.css({
+				overflow: 'hidden',
+				overflowY: 'hidden',
+				wordWrap: 'break-word' // horizontal overflow is hidden, so break-word is necessary for handling words longer than the textarea width
+			});
+
+			if (taResize === 'vertical') {
+				$ta.css('resize','none');
+			} else if (taResize === 'both') {
+				$ta.css('resize', 'horizontal');
+			}
+
+			// The mirror width must exactly match the textarea width, so using getBoundingClientRect because it doesn't round the sub-pixel value.
+			// window.getComputedStyle, getBoundingClientRect returning a width are unsupported, but also unneeded in IE8 and lower.
+			function setWidth() {
+				var width;
+				var style = window.getComputedStyle ? window.getComputedStyle(ta, null) : false;
+
+				if (style) {
+
+					width = ta.getBoundingClientRect().width;
+
+					if (width === 0 || typeof width !== 'number') {
+						width = parseFloat(style.width);
+					}
+
+					$.each(['paddingLeft', 'paddingRight', 'borderLeftWidth', 'borderRightWidth'], function(i,val){
+						width -= parseFloat(style[val]);
+					});
+				} else {
+					width = $ta.width();
+				}
+
+				mirror.style.width = Math.max(width,0) + 'px';
+			}
+
+			function initMirror() {
+				var styles = {};
+
+				mirrored = ta;
+				mirror.className = options.className;
+				mirror.id = options.id;
+				maxHeight = parseFloat($ta.css('maxHeight'));
+
+				// mirror is a duplicate textarea located off-screen that
+				// is automatically updated to contain the same text as the
+				// original textarea.  mirror always has a height of 0.
+				// This gives a cross-browser supported way getting the actual
+				// height of the text, through the scrollTop property.
+				$.each(typographyStyles, function(i,val){
+					styles[val] = $ta.css(val);
+				});
+
+				$(mirror).css(styles).attr('wrap', $ta.attr('wrap'));
+
+				setWidth();
+
+				// Chrome-specific fix:
+				// When the textarea y-overflow is hidden, Chrome doesn't reflow the text to account for the space
+				// made available by removing the scrollbar. This workaround triggers the reflow for Chrome.
+				if (window.chrome) {
+					var width = ta.style.width;
+					ta.style.width = '0px';
+					var ignore = ta.offsetWidth;
+					ta.style.width = width;
+				}
+			}
+
+			// Using mainly bare JS in this function because it is going
+			// to fire very often while typing, and needs to very efficient.
+			function adjust() {
+				var height, original;
+
+				if (mirrored !== ta) {
+					initMirror();
+				} else {
+					setWidth();
+				}
+
+				if (!ta.value && options.placeholder) {
+					// If the textarea is empty, copy the placeholder text into
+					// the mirror control and use that for sizing so that we
+					// don't end up with placeholder getting trimmed.
+					mirror.value = ($ta.attr("placeholder") || '');
+				} else {
+					mirror.value = ta.value;
+				}
+
+				mirror.value += options.append || '';
+				mirror.style.overflowY = ta.style.overflowY;
+				original = parseFloat(ta.style.height);
+
+				// Setting scrollTop to zero is needed in IE8 and lower for the next step to be accurately applied
+				mirror.scrollTop = 0;
+
+				mirror.scrollTop = 9e4;
+
+				// Using scrollTop rather than scrollHeight because scrollHeight is non-standard and includes padding.
+				height = mirror.scrollTop;
+
+				if (maxHeight && height > maxHeight) {
+					ta.style.overflowY = 'scroll';
+					height = maxHeight;
+				} else {
+					ta.style.overflowY = 'hidden';
+					if (height < minHeight) {
+						height = minHeight;
+					}
+				}
+
+				height += boxOffset;
+
+				if (original !== height) {
+					ta.style.height = height + 'px';
+
+					// Trigger a repaint for IE8 for when ta is nested 2 or more levels inside an inline-block
+					mirror.className = mirror.className;
+
+					if (callback) {
+						options.callback.call(ta,ta);
+					}
+					$ta.trigger('autosize.resized');
+				}
+			}
+
+			function resize () {
+				clearTimeout(timeout);
+				timeout = setTimeout(function(){
+					var newWidth = $ta.width();
+
+					if (newWidth !== width) {
+						width = newWidth;
+						adjust();
+					}
+				}, parseInt(options.resizeDelay,10));
+			}
+
+			if ('onpropertychange' in ta) {
+				if ('oninput' in ta) {
+					// Detects IE9.  IE9 does not fire onpropertychange or oninput for deletions,
+					// so binding to onkeyup to catch most of those occasions.  There is no way that I
+					// know of to detect something like 'cut' in IE9.
+					$ta.on('input.autosize keyup.autosize', adjust);
+				} else {
+					// IE7 / IE8
+					$ta.on('propertychange.autosize', function(){
+						if(event.propertyName === 'value'){
+							adjust();
+						}
+					});
+				}
+			} else {
+				// Modern Browsers
+				$ta.on('input.autosize', adjust);
+			}
+
+			// Set options.resizeDelay to false if using fixed-width textarea elements.
+			// Uses a timeout and width check to reduce the amount of times adjust needs to be called after window resize.
+
+			if (options.resizeDelay !== false) {
+				$(window).on('resize.autosize', resize);
+			}
+
+			// Event for manual triggering if needed.
+			// Should only be needed when the value of the textarea is changed through JavaScript rather than user input.
+			$ta.on('autosize.resize', adjust);
+
+			// Event for manual triggering that also forces the styles to update as well.
+			// Should only be needed if one of typography styles of the textarea change, and the textarea is already the target of the adjust method.
+			$ta.on('autosize.resizeIncludeStyle', function() {
+				mirrored = null;
+				adjust();
+			});
+
+			$ta.on('autosize.destroy', function(){
+				mirrored = null;
+				clearTimeout(timeout);
+				$(window).off('resize', resize);
+				$ta
+					.off('autosize')
+					.off('.autosize')
+					.css(originalStyles)
+					.removeData('autosize');
+			});
+
+			// Call adjust in case the textarea already contains text.
+			adjust();
+		});
+	};
+}(jQuery || $)); // jQuery or jQuery-like library, such as Zepto
diff --git a/web/bootstrap-ace-admin/js/jquery.bootstrap-duallistbox.js b/web/bootstrap-ace-admin/js/jquery.bootstrap-duallistbox.js
new file mode 100755
index 00000000..e09e365d
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery.bootstrap-duallistbox.js
@@ -0,0 +1,710 @@
+;(function ($, window, document, undefined) {
+  // Create the defaults once
+  var pluginName = 'bootstrapDualListbox',
+    defaults = {
+      bootstrap2Compatible: false,
+      filterTextClear: 'show all',
+      filterPlaceHolder: 'Filter',
+      moveSelectedLabel: 'Move selected',
+      moveAllLabel: 'Move all',
+      removeSelectedLabel: 'Remove selected',
+      removeAllLabel: 'Remove all',
+      moveOnSelect: true,                                                                 // true/false (forced true on androids, see the comment later)
+      preserveSelectionOnMove: false,                                                     // 'all' / 'moved' / false
+      selectedListLabel: false,                                                           // 'string', false
+      nonSelectedListLabel: false,                                                        // 'string', false
+      helperSelectNamePostfix: '_helper',                                                 // 'string_of_postfix' / false
+      selectorMinimalHeight: 100,
+      showFilterInputs: true,                                                             // whether to show filter inputs
+      nonSelectedFilter: '',                                                              // string, filter the non selected options
+      selectedFilter: '',                                                                 // string, filter the selected options
+      infoText: 'Showing all {0}',                                                        // text when all options are visible / false for no info text
+      infoTextFiltered: '<span class="label label-warning">Filtered</span> {0} from {1}', // when not all of the options are visible due to the filter
+      infoTextEmpty: 'Empty list',                                                        // when there are no options present in the list
+      filterOnValues: false                                                               // filter by selector's values, boolean
+	  , buttonClass: 'btn-white btn-bold'//ACE
+    },
+    // Selections are invisible on android if the containing select is styled with CSS
+    // http://code.google.com/p/android/issues/detail?id=16922
+    isBuggyAndroid = /android/i.test(navigator.userAgent.toLowerCase());
+
+  // The actual plugin constructor
+  function BootstrapDualListbox(element, options) {
+    this.element = $(element);
+    // jQuery has an extend method which merges the contents of two or
+    // more objects, storing the result in the first object. The first object
+    // is generally empty as we don't want to alter the default options for
+    // future instances of the plugin
+    this.settings = $.extend({}, defaults, options);
+    this._defaults = defaults;
+    this._name = pluginName;
+    this.init();
+  }
+
+  function triggerChangeEvent(dualListbox) {
+    dualListbox.element.trigger('change');
+  }
+
+  function updateSelectionStates(dualListbox) {
+    dualListbox.element.find('option').each(function(index, item) {
+      var $item = $(item);
+      if (typeof($item.data('original-index')) === 'undefined') {
+        $item.data('original-index', dualListbox.elementCount++);
+      }
+      if (typeof($item.data('_selected')) === 'undefined') {
+        $item.data('_selected', false);
+      }
+    });
+  }
+
+  function changeSelectionState(dualListbox, original_index, selected) {
+    dualListbox.element.find('option').each(function(index, item) {
+      var $item = $(item);
+      if ($item.data('original-index') === original_index) {
+        $item.prop('selected', selected);
+      }
+    });
+  }
+
+  function formatString(s, args) {
+    return s.replace(/\{(\d+)\}/g, function(match, number) {
+      return typeof args[number] !== 'undefined' ? args[number] : match;
+    });
+  }
+
+  function refreshInfo(dualListbox) {
+    if (!dualListbox.settings.infoText) {
+      return;
+    }
+
+    var visible1 = dualListbox.elements.select1.find('option').length,
+      visible2 = dualListbox.elements.select2.find('option').length,
+      all1 = dualListbox.element.find('option').length - dualListbox.selectedElements,
+      all2 = dualListbox.selectedElements,
+      content = '';
+
+    if (all1 === 0) {
+      content = dualListbox.settings.infoTextEmpty;
+    } else if (visible1 === all1) {
+      content = formatString(dualListbox.settings.infoText, [visible1, all1]);
+    } else {
+      content = formatString(dualListbox.settings.infoTextFiltered, [visible1, all1]);
+    }
+
+    dualListbox.elements.info1.html(content);
+    dualListbox.elements.box1.toggleClass('filtered', !(visible1 === all1 || all1 === 0));
+
+    if (all2 === 0) {
+      content = dualListbox.settings.infoTextEmpty;
+    } else if (visible2 === all2) {
+      content = formatString(dualListbox.settings.infoText, [visible2, all2]);
+    } else {
+      content = formatString(dualListbox.settings.infoTextFiltered, [visible2, all2]);
+    }
+
+    dualListbox.elements.info2.html(content);
+    dualListbox.elements.box2.toggleClass('filtered', !(visible2 === all2 || all2 === 0));
+  }
+
+  function refreshSelects(dualListbox) {
+    dualListbox.selectedElements = 0;
+
+    dualListbox.elements.select1.empty();
+    dualListbox.elements.select2.empty();
+
+    dualListbox.element.find('option').each(function(index, item) {
+      var $item = $(item);
+      if ($item.prop('selected')) {
+        dualListbox.selectedElements++;
+        dualListbox.elements.select2.append($item.clone(true).prop('selected', $item.data('_selected')));
+      } else {
+        dualListbox.elements.select1.append($item.clone(true).prop('selected', $item.data('_selected')));
+      }
+    });
+
+    if (dualListbox.settings.showFilterInputs) {
+      filter(dualListbox, 1);
+      filter(dualListbox, 2);
+    }
+    refreshInfo(dualListbox);
+  }
+
+  function filter(dualListbox, selectIndex) {
+    if (!dualListbox.settings.showFilterInputs) {
+      return;
+    }
+
+    saveSelections(dualListbox, selectIndex);
+
+    dualListbox.elements['select'+selectIndex].empty().scrollTop(0);
+    var regex = new RegExp($.trim(dualListbox.elements['filterInput'+selectIndex].val()), 'gi'),
+      options = dualListbox.element;
+
+    if (selectIndex === 1) {
+      options = options.find('option').not(':selected');
+    } else  {
+      options = options.find('option:selected');
+    }
+
+    options.each(function(index, item) {
+      var $item = $(item),
+        isFiltered = true;
+      if (item.text.match(regex) || (dualListbox.settings.filterOnValues && $item.attr('value').match(regex) ) ) {
+        isFiltered = false;
+        dualListbox.elements['select'+selectIndex].append($item.clone(true).prop('selected', $item.data('_selected')));
+      }
+      dualListbox.element.find('option').eq($item.data('original-index')).data('filtered'+selectIndex, isFiltered);
+    });
+
+    refreshInfo(dualListbox);
+  }
+
+  function saveSelections(dualListbox, selectIndex) {
+    dualListbox.elements['select'+selectIndex].find('option').each(function(index, item) {
+      var $item = $(item);
+      dualListbox.element.find('option').eq($item.data('original-index')).data('_selected', $item.prop('selected'));
+    });
+  }
+
+  function sortOptions(select) {
+    select.find('option').sort(function(a, b) {
+      return ($(a).data('original-index') > $(b).data('original-index')) ? 1 : -1;
+    }).appendTo(select);
+  }
+
+  function clearSelections(dualListbox) {
+    dualListbox.elements.select1.find('option').each(function() {
+      dualListbox.element.find('option').data('_selected', false);
+    });
+  }
+
+  function move(dualListbox) {
+    if (dualListbox.settings.preserveSelectionOnMove === 'all' && !dualListbox.settings.moveOnSelect) {
+      saveSelections(dualListbox, 1);
+      saveSelections(dualListbox, 2);
+    } else if (dualListbox.settings.preserveSelectionOnMove === 'moved' && !dualListbox.settings.moveOnSelect) {
+      saveSelections(dualListbox, 1);
+    }
+
+    dualListbox.elements.select1.find('option:selected').each(function(index, item) {
+      var $item = $(item);
+      if (!$item.data('filtered1')) {
+        changeSelectionState(dualListbox, $item.data('original-index'), true);
+      }
+    });
+
+    refreshSelects(dualListbox);
+    triggerChangeEvent(dualListbox);
+    sortOptions(dualListbox.elements.select2);
+  }
+
+  function remove(dualListbox) {
+    if (dualListbox.settings.preserveSelectionOnMove === 'all' && !dualListbox.settings.moveOnSelect) {
+      saveSelections(dualListbox, 1);
+      saveSelections(dualListbox, 2);
+    } else if (dualListbox.settings.preserveSelectionOnMove === 'moved' && !dualListbox.settings.moveOnSelect) {
+      saveSelections(dualListbox, 2);
+    }
+
+    dualListbox.elements.select2.find('option:selected').each(function(index, item) {
+      var $item = $(item);
+      if (!$item.data('filtered2')) {
+        changeSelectionState(dualListbox, $item.data('original-index'), false);
+      }
+    });
+
+    refreshSelects(dualListbox);
+    triggerChangeEvent(dualListbox);
+    sortOptions(dualListbox.elements.select1);
+  }
+
+  function moveAll(dualListbox) {
+    if (dualListbox.settings.preserveSelectionOnMove === 'all' && !dualListbox.settings.moveOnSelect) {
+      saveSelections(dualListbox, 1);
+      saveSelections(dualListbox, 2);
+    } else if (dualListbox.settings.preserveSelectionOnMove === 'moved' && !dualListbox.settings.moveOnSelect) {
+      saveSelections(dualListbox, 1);
+    }
+
+    dualListbox.element.find('option').each(function(index, item) {
+      var $item = $(item);
+      if (!$item.data('filtered1')) {
+        $item.prop('selected', true);
+      }
+    });
+
+    refreshSelects(dualListbox);
+    triggerChangeEvent(dualListbox);
+  }
+
+  function removeAll(dualListbox) {
+    if (dualListbox.settings.preserveSelectionOnMove === 'all' && !dualListbox.settings.moveOnSelect) {
+      saveSelections(dualListbox, 1);
+      saveSelections(dualListbox, 2);
+    } else if (dualListbox.settings.preserveSelectionOnMove === 'moved' && !dualListbox.settings.moveOnSelect) {
+      saveSelections(dualListbox, 2);
+    }
+
+    dualListbox.element.find('option').each(function(index, item) {
+      var $item = $(item);
+      if (!$item.data('filtered2')) {
+        $item.prop('selected', false);
+      }
+    });
+
+    refreshSelects(dualListbox);
+    triggerChangeEvent(dualListbox);
+  }
+
+  function bindEvents(dualListbox) {
+    dualListbox.elements.form.submit(function(e) {
+      if (dualListbox.elements.filterInput1.is(':focus')) {
+        e.preventDefault();
+        dualListbox.elements.filterInput1.focusout();
+      } else if (dualListbox.elements.filterInput2.is(':focus')) {
+        e.preventDefault();
+        dualListbox.elements.filterInput2.focusout();
+      }
+    });
+
+    dualListbox.element.on('bootstrapDualListbox.refresh', function(e, mustClearSelections){
+      dualListbox.refresh(mustClearSelections);
+    });
+
+    dualListbox.elements.filterClear1.on('click', function() {
+      dualListbox.setNonSelectedFilter('', true);
+    });
+
+    dualListbox.elements.filterClear2.on('click', function() {
+      dualListbox.setSelectedFilter('', true);
+    });
+
+    dualListbox.elements.moveButton.on('click', function() {
+      move(dualListbox);
+    });
+
+    dualListbox.elements.moveAllButton.on('click', function() {
+      moveAll(dualListbox);
+    });
+
+    dualListbox.elements.removeButton.on('click', function() {
+      remove(dualListbox);
+    });
+
+    dualListbox.elements.removeAllButton.on('click', function() {
+      removeAll(dualListbox);
+    });
+
+    dualListbox.elements.filterInput1.on('change keyup', function() {
+      filter(dualListbox, 1);
+    });
+
+    dualListbox.elements.filterInput2.on('change keyup', function() {
+      filter(dualListbox, 2);
+    });
+  }
+
+  BootstrapDualListbox.prototype = {
+    init: function () {
+      // Add the custom HTML template
+      this.container = $('' +
+        '<div class="bootstrap-duallistbox-container">' +
+        ' <div class="box1">' +
+        '   <label></label>' +
+        '   <span class="info-container">' +
+        '     <span class="info"></span>' +
+        '     <button type="button" class="btn clear1 pull-right"></button>' +
+        '   </span>' +
+        '   <input class="filter" type="text">' +
+        '   <div class="btn-group buttons">' +
+        '     <button type="button" class="btn moveall">' +
+        '       <i></i>' +
+        '       <i></i>' +
+        '     </button>' +
+        '     <button type="button" class="btn move">' +
+        '       <i></i>' +
+        '     </button>' +
+        '   </div>' +
+        '   <select multiple="multiple"></select>' +
+        ' </div>' +
+        ' <div class="box2">' +
+        '   <label></label>' +
+        '   <span class="info-container">' +
+        '     <span class="info"></span>' +
+        '     <button type="button" class="btn clear2 pull-right"></button>' +
+        '   </span>' +
+        '   <input class="filter" type="text">' +
+        '   <div class="btn-group buttons">' +
+        '     <button type="button" class="btn remove">' +
+        '       <i></i>' +
+        '     </button>' +
+        '     <button type="button" class="btn removeall">' +
+        '       <i></i>' +
+        '       <i></i>' +
+        '     </button>' +
+        '   </div>' +
+        '   <select multiple="multiple"></select>' +
+        ' </div>' +
+        '</div>')
+        .insertBefore(this.element);
+
+      // Cache the inner elements
+      this.elements = {
+        originalSelect: this.element,
+        box1: $('.box1', this.container),
+        box2: $('.box2', this.container),
+        filterInput1: $('.box1 .filter', this.container),
+        filterInput2: $('.box2 .filter', this.container),
+        filterClear1: $('.box1 .clear1', this.container),
+        filterClear2: $('.box2 .clear2', this.container),
+        label1: $('.box1 > label', this.container),
+        label2: $('.box2 > label', this.container),
+        info1: $('.box1 .info', this.container),
+        info2: $('.box2 .info', this.container),
+        select1: $('.box1 select', this.container),
+        select2: $('.box2 select', this.container),
+        moveButton: $('.box1 .move', this.container),
+        removeButton: $('.box2 .remove', this.container),
+        moveAllButton: $('.box1 .moveall', this.container),
+        removeAllButton: $('.box2 .removeall', this.container),
+        form: $($('.box1 .filter', this.container)[0].form)
+      };
+
+      // Set select IDs
+      this.originalSelectName = this.element.attr('name') || '';
+      var select1Id = 'bootstrap-duallistbox-nonselected-list_' + this.originalSelectName,
+        select2Id = 'bootstrap-duallistbox-selected-list_' + this.originalSelectName;
+      this.elements.select1.attr('id', select1Id);
+      this.elements.select2.attr('id', select2Id);
+      this.elements.label1.attr('for', select1Id);
+      this.elements.label2.attr('for', select2Id);
+
+      // Apply all settings
+      this.selectedElements = 0;
+      this.elementCount = 0;
+      this.setBootstrap2Compatible(this.settings.bootstrap2Compatible);
+      this.setFilterTextClear(this.settings.filterTextClear);
+      this.setFilterPlaceHolder(this.settings.filterPlaceHolder);
+      this.setMoveSelectedLabel(this.settings.moveSelectedLabel);
+      this.setMoveAllLabel(this.settings.moveAllLabel);
+      this.setRemoveSelectedLabel(this.settings.removeSelectedLabel);
+      this.setRemoveAllLabel(this.settings.removeAllLabel);
+      this.setMoveOnSelect(this.settings.moveOnSelect);
+      this.setPreserveSelectionOnMove(this.settings.preserveSelectionOnMove);
+      this.setSelectedListLabel(this.settings.selectedListLabel);
+      this.setNonSelectedListLabel(this.settings.nonSelectedListLabel);
+      this.setHelperSelectNamePostfix(this.settings.helperSelectNamePostfix);
+      this.setSelectOrMinimalHeight(this.settings.selectorMinimalHeight);
+
+      updateSelectionStates(this);
+
+      this.setShowFilterInputs(this.settings.showFilterInputs);
+      this.setNonSelectedFilter(this.settings.nonSelectedFilter);
+      this.setSelectedFilter(this.settings.selectedFilter);
+      this.setInfoText(this.settings.infoText);
+      this.setInfoTextFiltered(this.settings.infoTextFiltered);
+      this.setInfoTextEmpty(this.settings.infoTextEmpty);
+      this.setFilterOnValues(this.settings.filterOnValues);
+
+      // Hide the original select
+      this.element.hide();
+
+      bindEvents(this);
+      refreshSelects(this);
+
+      return this.element;
+    },
+    setBootstrap2Compatible: function(value, refresh) {
+      this.settings.bootstrap2Compatible = value;
+      if (value) {
+        this.container.removeClass('row').addClass('row-fluid bs2compatible');
+        this.container.find('.box1, .box2').removeClass('col-md-6').addClass('span6');
+        this.container.find('.clear1, .clear2').removeClass('btn-default btn-xs').addClass('btn-mini');
+        this.container.find('input, select').removeClass('form-control');
+        this.container.find('.btn').removeClass('btn-default');
+        this.container.find('.moveall > i, .move > i').removeClass('glyphicon glyphicon-arrow-right').addClass('icon-arrow-right');
+        this.container.find('.removeall > i, .remove > i').removeClass('glyphicon glyphicon-arrow-left').addClass('icon-arrow-left');
+      } else {
+        this.container.removeClass('row-fluid bs2compatible').addClass('row');
+        this.container.find('.box1, .box2').removeClass('span6').addClass('col-md-6');
+        this.container.find('.clear1, .clear2').removeClass('btn-mini').addClass('btn-default btn-xs');
+        this.container.find('input, select').addClass('form-control');
+        this.container.find('.btn').addClass(this.settings.buttonClass)//ACE;//s.addClass('btn-default');
+        this.container.find('.moveall > i, .move > i').removeClass('icon-arrow-right').addClass('glyphicon glyphicon-arrow-right');
+        this.container.find('.removeall > i, .remove > i').removeClass('icon-arrow-left').addClass('glyphicon glyphicon-arrow-left');
+      }
+      if (refresh) {
+        refreshSelects(this);
+      }
+      return this.element;
+    },
+    setFilterTextClear: function(value, refresh) {
+      this.settings.filterTextClear = value;
+      this.elements.filterClear1.html(value);
+      this.elements.filterClear2.html(value);
+      if (refresh) {
+        refreshSelects(this);
+      }
+      return this.element;
+    },
+    setFilterPlaceHolder: function(value, refresh) {
+      this.settings.filterPlaceHolder = value;
+      this.elements.filterInput1.attr('placeholder', value);
+      this.elements.filterInput2.attr('placeholder', value);
+      if (refresh) {
+        refreshSelects(this);
+      }
+      return this.element;
+    },
+    setMoveSelectedLabel: function(value, refresh) {
+      this.settings.moveSelectedLabel = value;
+      this.elements.moveButton.attr('title', value);
+      if (refresh) {
+        refreshSelects(this);
+      }
+      return this.element;
+    },
+    setMoveAllLabel: function(value, refresh) {
+      this.settings.moveAllLabel = value;
+      this.elements.moveAllButton.attr('title', value);
+      if (refresh) {
+        refreshSelects(this);
+      }
+      return this.element;
+    },
+    setRemoveSelectedLabel: function(value, refresh) {
+      this.settings.removeSelectedLabel = value;
+      this.elements.removeButton.attr('title', value);
+      if (refresh) {
+        refreshSelects(this);
+      }
+      return this.element;
+    },
+    setRemoveAllLabel: function(value, refresh) {
+      this.settings.removeAllLabel = value;
+      this.elements.removeAllButton.attr('title', value);
+      if (refresh) {
+        refreshSelects(this);
+      }
+      return this.element;
+    },
+    setMoveOnSelect: function(value, refresh) {
+      if (isBuggyAndroid) {
+        value = true;
+      }
+      this.settings.moveOnSelect = value;
+      if (this.settings.moveOnSelect) {
+        this.container.addClass('moveonselect');
+        var self = this;
+        this.elements.select1.on('change', function() {
+          move(self);
+        });
+        this.elements.select2.on('change', function() {
+          remove(self);
+        });
+      } else {
+        this.container.removeClass('moveonselect');
+        this.elements.select1.off('change');
+        this.elements.select2.off('change');
+      }
+      if (refresh) {
+        refreshSelects(this);
+      }
+      return this.element;
+    },
+    setPreserveSelectionOnMove: function(value, refresh) {
+      // We are forcing to move on select and disabling preserveSelectionOnMove on Android
+      if (isBuggyAndroid) {
+        value = false;
+      }
+      this.settings.preserveSelectionOnMove = value;
+      if (refresh) {
+        refreshSelects(this);
+      }
+      return this.element;
+    },
+    setSelectedListLabel: function(value, refresh) {
+      this.settings.selectedListLabel = value;
+      if (value) {
+        this.elements.label2.show().html(value);
+      } else {
+        this.elements.label2.hide().html(value);
+      }
+      if (refresh) {
+        refreshSelects(this);
+      }
+      return this.element;
+    },
+    setNonSelectedListLabel: function(value, refresh) {
+      this.settings.nonSelectedListLabel = value;
+      if (value) {
+        this.elements.label1.show().html(value);
+      } else {
+        this.elements.label1.hide().html(value);
+      }
+      if (refresh) {
+        refreshSelects(this);
+      }
+      return this.element;
+    },
+    setHelperSelectNamePostfix: function(value, refresh) {
+      this.settings.helperSelectNamePostfix = value;
+      if (value) {
+        this.elements.select1.attr('name', this.originalSelectName + value + '1');
+        this.elements.select2.attr('name', this.originalSelectName + value + '2');
+      } else {
+        this.elements.select1.removeAttr('name');
+        this.elements.select2.removeAttr('name');
+      }
+      if (refresh) {
+        refreshSelects(this);
+      }
+      return this.element;
+    },
+    setSelectOrMinimalHeight: function(value, refresh) {
+      this.settings.selectorMinimalHeight = value;
+      var height = this.element.height();
+      if (this.element.height() < value) {
+        height = value;
+      }
+      this.elements.select1.height(height);
+      this.elements.select2.height(height);
+      if (refresh) {
+        refreshSelects(this);
+      }
+      return this.element;
+    },
+    setShowFilterInputs: function(value, refresh) {
+      if (!value) {
+        this.setNonSelectedFilter('');
+        this.setSelectedFilter('');
+        refreshSelects(this);
+        this.elements.filterInput1.hide();
+        this.elements.filterInput2.hide();
+      } else {
+        this.elements.filterInput1.show();
+        this.elements.filterInput2.show();
+      }
+      this.settings.showFilterInputs = value;
+      if (refresh) {
+        refreshSelects(this);
+      }
+      return this.element;
+    },
+    setNonSelectedFilter: function(value, refresh) {
+      if (this.settings.showFilterInputs) {
+        this.settings.nonSelectedFilter = value;
+        this.elements.filterInput1.val(value);
+        if (refresh) {
+          refreshSelects(this);
+        }
+        return this.element;
+      }
+    },
+    setSelectedFilter: function(value, refresh) {
+      if (this.settings.showFilterInputs) {
+        this.settings.selectedFilter = value;
+        this.elements.filterInput2.val(value);
+        if (refresh) {
+          refreshSelects(this);
+        }
+        return this.element;
+      }
+    },
+    setInfoText: function(value, refresh) {
+      this.settings.infoText = value;
+      if (refresh) {
+        refreshSelects(this);
+      }
+      return this.element;
+    },
+    setInfoTextFiltered: function(value, refresh) {
+      this.settings.infoTextFiltered = value;
+      if (refresh) {
+        refreshSelects(this);
+      }
+      return this.element;
+    },
+    setInfoTextEmpty: function(value, refresh) {
+      this.settings.infoTextEmpty = value;
+      if (refresh) {
+        refreshSelects(this);
+      }
+      return this.element;
+    },
+    setFilterOnValues: function(value, refresh) {
+      this.settings.filterOnValues = value;
+      if (refresh) {
+        refreshSelects(this);
+      }
+      return this.element;
+    },
+    getContainer: function() {
+      return this.container;
+    },
+    refresh: function(mustClearSelections) {
+      updateSelectionStates(this);
+
+      if (!mustClearSelections) {
+        saveSelections(this, 1);
+        saveSelections(this, 2);
+      } else {
+        clearSelections(this);
+      }
+
+      refreshSelects(this);
+    },
+    destroy: function() {
+      this.container.remove();
+      this.element.show();
+      $.data(this, 'plugin_' + pluginName, null);
+      return this.element;
+    }
+  };
+
+  // A really lightweight plugin wrapper around the constructor,
+  // preventing against multiple instantiations
+  $.fn[ pluginName ] = function (options) {
+    var args = arguments;
+
+    // Is the first parameter an object (options), or was omitted, instantiate a new instance of the plugin.
+    if (options === undefined || typeof options === 'object') {
+      return this.each(function () {
+        // If this is not a select
+        if (!$(this).is('select')) {
+          $(this).find('select').each(function(index, item) {
+            // For each nested select, instantiate the Dual List Box
+            $(item).bootstrapDualListbox(options);
+          });
+        } else if (!$.data(this, 'plugin_' + pluginName)) {
+          // Only allow the plugin to be instantiated once so we check that the element has no plugin instantiation yet
+
+          // if it has no instance, create a new one, pass options to our plugin constructor,
+          // and store the plugin instance in the elements jQuery data object.
+          $.data(this, 'plugin_' + pluginName, new BootstrapDualListbox(this, options));
+        }
+      });
+      // If the first parameter is a string and it doesn't start with an underscore or "contains" the `init`-function,
+      // treat this as a call to a public method.
+    } else if (typeof options === 'string' && options[0] !== '_' && options !== 'init') {
+
+      // Cache the method call to make it possible to return a value
+      var returns;
+
+      this.each(function () {
+        var instance = $.data(this, 'plugin_' + pluginName);
+        // Tests that there's already a plugin-instance and checks that the requested public method exists
+        if (instance instanceof BootstrapDualListbox && typeof instance[options] === 'function') {
+          // Call the method of our plugin instance, and pass it the supplied arguments.
+          returns = instance[options].apply(instance, Array.prototype.slice.call(args, 1));
+        }
+      });
+
+      // If the earlier cached method gives a value back return the value,
+      // otherwise return this to preserve chainability.
+      return returns !== undefined ? returns : this;
+    }
+
+  };
+
+})(jQuery, window, document);
diff --git a/web/bootstrap-ace-admin/js/jquery.colorbox.js b/web/bootstrap-ace-admin/js/jquery.colorbox.js
new file mode 100755
index 00000000..c0348849
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery.colorbox.js
@@ -0,0 +1,1090 @@
+/*!
+	Colorbox 1.5.14
+	license: MIT
+	http://www.jacklmoore.com/colorbox
+*/
+(function ($, document, window) {
+	var
+	// Default settings object.
+	// See http://jacklmoore.com/colorbox for details.
+	defaults = {
+		// data sources
+		html: false,
+		photo: false,
+		iframe: false,
+		inline: false,
+
+		// behavior and appearance
+		transition: "elastic",
+		speed: 300,
+		fadeOut: 300,
+		width: false,
+		initialWidth: "600",
+		innerWidth: false,
+		maxWidth: false,
+		height: false,
+		initialHeight: "450",
+		innerHeight: false,
+		maxHeight: false,
+		scalePhotos: true,
+		scrolling: true,
+		opacity: 0.9,
+		preloading: true,
+		className: false,
+		overlayClose: true,
+		escKey: true,
+		arrowKey: true,
+		top: false,
+		bottom: false,
+		left: false,
+		right: false,
+		fixed: false,
+		data: undefined,
+		closeButton: true,
+		fastIframe: true,
+		open: false,
+		reposition: true,
+		loop: true,
+		slideshow: false,
+		slideshowAuto: true,
+		slideshowSpeed: 2500,
+		slideshowStart: "start slideshow",
+		slideshowStop: "stop slideshow",
+		photoRegex: /\.(gif|png|jp(e|g|eg)|bmp|ico|webp|jxr|svg)((#|\?).*)?$/i,
+
+		// alternate image paths for high-res displays
+		retinaImage: false,
+		retinaUrl: false,
+		retinaSuffix: '@2x.$1',
+
+		// internationalization
+		current: "image {current} of {total}",
+		previous: "previous",
+		next: "next",
+		close: "close",
+		xhrError: "This content failed to load.",
+		imgError: "This image failed to load.",
+
+		// accessbility
+		returnFocus: true,
+		trapFocus: true,
+
+		// callbacks
+		onOpen: false,
+		onLoad: false,
+		onComplete: false,
+		onCleanup: false,
+		onClosed: false,
+
+		rel: function() {
+			return this.rel;
+		},
+		href: function() {
+			// using this.href would give the absolute url, when the href may have been inteded as a selector (e.g. '#container')
+			return $(this).attr('href');
+		},
+		title: function() {
+			return this.title;
+		}
+	},
+
+	// Abstracting the HTML and event identifiers for easy rebranding
+	colorbox = 'colorbox',
+	prefix = 'cbox',
+	boxElement = prefix + 'Element',
+	
+	// Events
+	event_open = prefix + '_open',
+	event_load = prefix + '_load',
+	event_complete = prefix + '_complete',
+	event_cleanup = prefix + '_cleanup',
+	event_closed = prefix + '_closed',
+	event_purge = prefix + '_purge',
+
+	// Cached jQuery Object Variables
+	$overlay,
+	$box,
+	$wrap,
+	$content,
+	$topBorder,
+	$leftBorder,
+	$rightBorder,
+	$bottomBorder,
+	$related,
+	$window,
+	$loaded,
+	$loadingBay,
+	$loadingOverlay,
+	$title,
+	$current,
+	$slideshow,
+	$next,
+	$prev,
+	$close,
+	$groupControls,
+	$events = $('<a/>'), // $({}) would be prefered, but there is an issue with jQuery 1.4.2
+	
+	// Variables for cached values or use across multiple functions
+	settings,
+	interfaceHeight,
+	interfaceWidth,
+	loadedHeight,
+	loadedWidth,
+	index,
+	photo,
+	open,
+	active,
+	closing,
+	loadingTimer,
+	publicMethod,
+	div = "div",
+	requests = 0,
+	previousCSS = {},
+	init;
+
+	// ****************
+	// HELPER FUNCTIONS
+	// ****************
+	
+	// Convenience function for creating new jQuery objects
+	function $tag(tag, id, css) {
+		var element = document.createElement(tag);
+
+		if (id) {
+			element.id = prefix + id;
+		}
+
+		if (css) {
+			element.style.cssText = css;
+		}
+
+		return $(element);
+	}
+	
+	// Get the window height using innerHeight when available to avoid an issue with iOS
+	// http://bugs.jquery.com/ticket/6724
+	function winheight() {
+		return window.innerHeight ? window.innerHeight : $(window).height();
+	}
+
+	function Settings(element, options) {
+		if (options !== Object(options)) {
+			options = {};
+		}
+
+		this.cache = {};
+		this.el = element;
+
+		this.value = function(key) {
+			var dataAttr;
+
+			if (this.cache[key] === undefined) {
+				dataAttr = $(this.el).attr('data-cbox-'+key);
+
+				if (dataAttr !== undefined) {
+					this.cache[key] = dataAttr;
+				} else if (options[key] !== undefined) {
+					this.cache[key] = options[key];
+				} else if (defaults[key] !== undefined) {
+					this.cache[key] = defaults[key];
+				}
+			}
+
+			return this.cache[key];
+		};
+
+		this.get = function(key) {
+			var value = this.value(key);
+			return $.isFunction(value) ? value.call(this.el, this) : value;
+		};
+	}
+
+	// Determine the next and previous members in a group.
+	function getIndex(increment) {
+		var
+		max = $related.length,
+		newIndex = (index + increment) % max;
+		
+		return (newIndex < 0) ? max + newIndex : newIndex;
+	}
+
+	// Convert '%' and 'px' values to integers
+	function setSize(size, dimension) {
+		return Math.round((/%/.test(size) ? ((dimension === 'x' ? $window.width() : winheight()) / 100) : 1) * parseInt(size, 10));
+	}
+	
+	// Checks an href to see if it is a photo.
+	// There is a force photo option (photo: true) for hrefs that cannot be matched by the regex.
+	function isImage(settings, url) {
+		return settings.get('photo') || settings.get('photoRegex').test(url);
+	}
+
+	function retinaUrl(settings, url) {
+		return settings.get('retinaUrl') && window.devicePixelRatio > 1 ? url.replace(settings.get('photoRegex'), settings.get('retinaSuffix')) : url;
+	}
+
+	function trapFocus(e) {
+		if ('contains' in $box[0] && !$box[0].contains(e.target) && e.target !== $overlay[0]) {
+			e.stopPropagation();
+			$box.focus();
+		}
+	}
+
+	function setClass(str) {
+		if (setClass.str !== str) {
+			$box.add($overlay).removeClass(setClass.str).addClass(str);
+			setClass.str = str;
+		}
+	}
+
+	function getRelated(rel) {
+		index = 0;
+		
+		if (rel && rel !== false && rel !== 'nofollow') {
+			$related = $('.' + boxElement).filter(function () {
+				var options = $.data(this, colorbox);
+				var settings = new Settings(this, options);
+				return (settings.get('rel') === rel);
+			});
+			index = $related.index(settings.el);
+			
+			// Check direct calls to Colorbox.
+			if (index === -1) {
+				$related = $related.add(settings.el);
+				index = $related.length - 1;
+			}
+		} else {
+			$related = $(settings.el);
+		}
+	}
+
+	function trigger(event) {
+		// for external use
+		$(document).trigger(event);
+		// for internal use
+		$events.triggerHandler(event);
+	}
+
+	var slideshow = (function(){
+		var active,
+			className = prefix + "Slideshow_",
+			click = "click." + prefix,
+			timeOut;
+
+		function clear () {
+			clearTimeout(timeOut);
+		}
+
+		function set() {
+			if (settings.get('loop') || $related[index + 1]) {
+				clear();
+				timeOut = setTimeout(publicMethod.next, settings.get('slideshowSpeed'));
+			}
+		}
+
+		function start() {
+			$slideshow
+				.html(settings.get('slideshowStop'))
+				.unbind(click)
+				.one(click, stop);
+
+			$events
+				.bind(event_complete, set)
+				.bind(event_load, clear);
+
+			$box.removeClass(className + "off").addClass(className + "on");
+		}
+
+		function stop() {
+			clear();
+			
+			$events
+				.unbind(event_complete, set)
+				.unbind(event_load, clear);
+
+			$slideshow
+				.html(settings.get('slideshowStart'))
+				.unbind(click)
+				.one(click, function () {
+					publicMethod.next();
+					start();
+				});
+
+			$box.removeClass(className + "on").addClass(className + "off");
+		}
+
+		function reset() {
+			active = false;
+			$slideshow.hide();
+			clear();
+			$events
+				.unbind(event_complete, set)
+				.unbind(event_load, clear);
+			$box.removeClass(className + "off " + className + "on");
+		}
+
+		return function(){
+			if (active) {
+				if (!settings.get('slideshow')) {
+					$events.unbind(event_cleanup, reset);
+					reset();
+				}
+			} else {
+				if (settings.get('slideshow') && $related[1]) {
+					active = true;
+					$events.one(event_cleanup, reset);
+					if (settings.get('slideshowAuto')) {
+						start();
+					} else {
+						stop();
+					}
+					$slideshow.show();
+				}
+			}
+		};
+
+	}());
+
+
+	function launch(element) {
+		var options;
+
+		if (!closing) {
+
+			options = $(element).data(colorbox);
+
+			settings = new Settings(element, options);
+			
+			getRelated(settings.get('rel'));
+
+			if (!open) {
+				open = active = true; // Prevents the page-change action from queuing up if the visitor holds down the left or right keys.
+
+				setClass(settings.get('className'));
+				
+				// Show colorbox so the sizes can be calculated in older versions of jQuery
+				$box.css({visibility:'hidden', display:'block', opacity:''});
+				
+				$loaded = $tag(div, 'LoadedContent', 'width:0; height:0; overflow:hidden; visibility:hidden');
+				$content.css({width:'', height:''}).append($loaded);
+
+				// Cache values needed for size calculations
+				interfaceHeight = $topBorder.height() + $bottomBorder.height() + $content.outerHeight(true) - $content.height();
+				interfaceWidth = $leftBorder.width() + $rightBorder.width() + $content.outerWidth(true) - $content.width();
+				loadedHeight = $loaded.outerHeight(true);
+				loadedWidth = $loaded.outerWidth(true);
+
+				// Opens inital empty Colorbox prior to content being loaded.
+				var initialWidth = setSize(settings.get('initialWidth'), 'x');
+				var initialHeight = setSize(settings.get('initialHeight'), 'y');
+				var maxWidth = settings.get('maxWidth');
+				var maxHeight = settings.get('maxHeight');
+
+				settings.w = (maxWidth !== false ? Math.min(initialWidth, setSize(maxWidth, 'x')) : initialWidth) - loadedWidth - interfaceWidth;
+				settings.h = (maxHeight !== false ? Math.min(initialHeight, setSize(maxHeight, 'y')) : initialHeight) - loadedHeight - interfaceHeight;
+
+				$loaded.css({width:'', height:settings.h});
+				publicMethod.position();
+
+				trigger(event_open);
+				settings.get('onOpen');
+
+				$groupControls.add($title).hide();
+
+				$box.focus();
+				
+				if (settings.get('trapFocus')) {
+					// Confine focus to the modal
+					// Uses event capturing that is not supported in IE8-
+					if (document.addEventListener) {
+
+						document.addEventListener('focus', trapFocus, true);
+						
+						$events.one(event_closed, function () {
+							document.removeEventListener('focus', trapFocus, true);
+						});
+					}
+				}
+
+				// Return focus on closing
+				if (settings.get('returnFocus')) {
+					$events.one(event_closed, function () {
+						$(settings.el).focus();
+					});
+				}
+			}
+
+			var opacity = parseFloat(settings.get('opacity'));
+			$overlay.css({
+				opacity: opacity === opacity ? opacity : '',
+				cursor: settings.get('overlayClose') ? 'pointer' : '',
+				visibility: 'visible'
+			}).show();
+			
+			if (settings.get('closeButton')) {
+				$close.html(settings.get('close')).appendTo($content);
+			} else {
+				$close.appendTo('<div/>'); // replace with .detach() when dropping jQuery < 1.4
+			}
+
+			load();
+		}
+	}
+
+	// Colorbox's markup needs to be added to the DOM prior to being called
+	// so that the browser will go ahead and load the CSS background images.
+	function appendHTML() {
+		if (!$box) {
+			init = false;
+			$window = $(window);
+			$box = $tag(div).attr({
+				id: colorbox,
+				'class': $.support.opacity === false ? prefix + 'IE' : '', // class for optional IE8 & lower targeted CSS.
+				role: 'dialog',
+				tabindex: '-1'
+			}).hide();
+			$overlay = $tag(div, "Overlay").hide();
+			$loadingOverlay = $([$tag(div, "LoadingOverlay")[0],$tag(div, "LoadingGraphic")[0]]);
+			$wrap = $tag(div, "Wrapper");
+			$content = $tag(div, "Content").append(
+				$title = $tag(div, "Title"),
+				$current = $tag(div, "Current"),
+				$prev = $('<button type="button"/>').attr({id:prefix+'Previous'}),
+				$next = $('<button type="button"/>').attr({id:prefix+'Next'}),
+				$slideshow = $tag('button', "Slideshow"),
+				$loadingOverlay
+			);
+
+			$close = $('<button type="button"/>').attr({id:prefix+'Close'});
+			
+			$wrap.append( // The 3x3 Grid that makes up Colorbox
+				$tag(div).append(
+					$tag(div, "TopLeft"),
+					$topBorder = $tag(div, "TopCenter"),
+					$tag(div, "TopRight")
+				),
+				$tag(div, false, 'clear:left').append(
+					$leftBorder = $tag(div, "MiddleLeft"),
+					$content,
+					$rightBorder = $tag(div, "MiddleRight")
+				),
+				$tag(div, false, 'clear:left').append(
+					$tag(div, "BottomLeft"),
+					$bottomBorder = $tag(div, "BottomCenter"),
+					$tag(div, "BottomRight")
+				)
+			).find('div div').css({'float': 'left'});
+			
+			$loadingBay = $tag(div, false, 'position:absolute; width:9999px; visibility:hidden; display:none; max-width:none;');
+			
+			$groupControls = $next.add($prev).add($current).add($slideshow);
+		}
+		if (document.body && !$box.parent().length) {
+			$(document.body).append($overlay, $box.append($wrap, $loadingBay));
+		}
+	}
+
+	// Add Colorbox's event bindings
+	function addBindings() {
+		function clickHandler(e) {
+			// ignore non-left-mouse-clicks and clicks modified with ctrl / command, shift, or alt.
+			// See: http://jacklmoore.com/notes/click-events/
+			if (!(e.which > 1 || e.shiftKey || e.altKey || e.metaKey || e.ctrlKey)) {
+				e.preventDefault();
+				launch(this);
+			}
+		}
+
+		if ($box) {
+			if (!init) {
+				init = true;
+
+				// Anonymous functions here keep the public method from being cached, thereby allowing them to be redefined on the fly.
+				$next.click(function () {
+					publicMethod.next();
+				});
+				$prev.click(function () {
+					publicMethod.prev();
+				});
+				$close.click(function () {
+					publicMethod.close();
+				});
+				$overlay.click(function () {
+					if (settings.get('overlayClose')) {
+						publicMethod.close();
+					}
+				});
+				
+				// Key Bindings
+				$(document).bind('keydown.' + prefix, function (e) {
+					var key = e.keyCode;
+					if (open && settings.get('escKey') && key === 27) {
+						e.preventDefault();
+						publicMethod.close();
+					}
+					if (open && settings.get('arrowKey') && $related[1] && !e.altKey) {
+						if (key === 37) {
+							e.preventDefault();
+							$prev.click();
+						} else if (key === 39) {
+							e.preventDefault();
+							$next.click();
+						}
+					}
+				});
+
+				if ($.isFunction($.fn.on)) {
+					// For jQuery 1.7+
+					$(document).on('click.'+prefix, '.'+boxElement, clickHandler);
+				} else {
+					// For jQuery 1.3.x -> 1.6.x
+					// This code is never reached in jQuery 1.9, so do not contact me about 'live' being removed.
+					// This is not here for jQuery 1.9, it's here for legacy users.
+					$('.'+boxElement).live('click.'+prefix, clickHandler);
+				}
+			}
+			return true;
+		}
+		return false;
+	}
+
+	// Don't do anything if Colorbox already exists.
+	if ($[colorbox]) {
+		return;
+	}
+
+	// Append the HTML when the DOM loads
+	$(appendHTML);
+
+
+	// ****************
+	// PUBLIC FUNCTIONS
+	// Usage format: $.colorbox.close();
+	// Usage from within an iframe: parent.jQuery.colorbox.close();
+	// ****************
+	
+	publicMethod = $.fn[colorbox] = $[colorbox] = function (options, callback) {
+		var settings;
+		var $obj = this;
+
+		options = options || {};
+
+		if ($.isFunction($obj)) { // assume a call to $.colorbox
+			$obj = $('<a/>');
+			options.open = true;
+		} else if (!$obj[0]) { // colorbox being applied to empty collection
+			return $obj;
+		}
+
+
+		if (!$obj[0]) { // colorbox being applied to empty collection
+			return $obj;
+		}
+		
+		appendHTML();
+
+		if (addBindings()) {
+
+			if (callback) {
+				options.onComplete = callback;
+			}
+
+			$obj.each(function () {
+				var old = $.data(this, colorbox) || {};
+				$.data(this, colorbox, $.extend(old, options));
+			}).addClass(boxElement);
+
+			settings = new Settings($obj[0], options);
+			
+			if (settings.get('open')) {
+				launch($obj[0]);
+			}
+		}
+		
+		return $obj;
+	};
+
+	publicMethod.position = function (speed, loadedCallback) {
+		var
+		css,
+		top = 0,
+		left = 0,
+		offset = $box.offset(),
+		scrollTop,
+		scrollLeft;
+		
+		$window.unbind('resize.' + prefix);
+
+		// remove the modal so that it doesn't influence the document width/height
+		$box.css({top: -9e4, left: -9e4});
+
+		scrollTop = $window.scrollTop();
+		scrollLeft = $window.scrollLeft();
+
+		if (settings.get('fixed')) {
+			offset.top -= scrollTop;
+			offset.left -= scrollLeft;
+			$box.css({position: 'fixed'});
+		} else {
+			top = scrollTop;
+			left = scrollLeft;
+			$box.css({position: 'absolute'});
+		}
+
+		// keeps the top and left positions within the browser's viewport.
+		if (settings.get('right') !== false) {
+			left += Math.max($window.width() - settings.w - loadedWidth - interfaceWidth - setSize(settings.get('right'), 'x'), 0);
+		} else if (settings.get('left') !== false) {
+			left += setSize(settings.get('left'), 'x');
+		} else {
+			left += Math.round(Math.max($window.width() - settings.w - loadedWidth - interfaceWidth, 0) / 2);
+		}
+		
+		if (settings.get('bottom') !== false) {
+			top += Math.max(winheight() - settings.h - loadedHeight - interfaceHeight - setSize(settings.get('bottom'), 'y'), 0);
+		} else if (settings.get('top') !== false) {
+			top += setSize(settings.get('top'), 'y');
+		} else {
+			top += Math.round(Math.max(winheight() - settings.h - loadedHeight - interfaceHeight, 0) / 2);
+		}
+
+		$box.css({top: offset.top, left: offset.left, visibility:'visible'});
+		
+		// this gives the wrapper plenty of breathing room so it's floated contents can move around smoothly,
+		// but it has to be shrank down around the size of div#colorbox when it's done.  If not,
+		// it can invoke an obscure IE bug when using iframes.
+		$wrap[0].style.width = $wrap[0].style.height = "9999px";
+		
+		function modalDimensions() {
+			$topBorder[0].style.width = $bottomBorder[0].style.width = $content[0].style.width = (parseInt($box[0].style.width,10) - interfaceWidth)+'px';
+			$content[0].style.height = $leftBorder[0].style.height = $rightBorder[0].style.height = (parseInt($box[0].style.height,10) - interfaceHeight)+'px';
+		}
+
+		css = {width: settings.w + loadedWidth + interfaceWidth, height: settings.h + loadedHeight + interfaceHeight, top: top, left: left};
+
+		// setting the speed to 0 if the content hasn't changed size or position
+		if (speed) {
+			var tempSpeed = 0;
+			$.each(css, function(i){
+				if (css[i] !== previousCSS[i]) {
+					tempSpeed = speed;
+					return;
+				}
+			});
+			speed = tempSpeed;
+		}
+
+		previousCSS = css;
+
+		if (!speed) {
+			$box.css(css);
+		}
+
+		$box.dequeue().animate(css, {
+			duration: speed || 0,
+			complete: function () {
+				modalDimensions();
+				
+				active = false;
+				
+				// shrink the wrapper down to exactly the size of colorbox to avoid a bug in IE's iframe implementation.
+				$wrap[0].style.width = (settings.w + loadedWidth + interfaceWidth) + "px";
+				$wrap[0].style.height = (settings.h + loadedHeight + interfaceHeight) + "px";
+				
+				if (settings.get('reposition')) {
+					setTimeout(function () {  // small delay before binding onresize due to an IE8 bug.
+						$window.bind('resize.' + prefix, publicMethod.position);
+					}, 1);
+				}
+
+				if ($.isFunction(loadedCallback)) {
+					loadedCallback();
+				}
+			},
+			step: modalDimensions
+		});
+	};
+
+	publicMethod.resize = function (options) {
+		var scrolltop;
+		
+		if (open) {
+			options = options || {};
+			
+			if (options.width) {
+				settings.w = setSize(options.width, 'x') - loadedWidth - interfaceWidth;
+			}
+
+			if (options.innerWidth) {
+				settings.w = setSize(options.innerWidth, 'x');
+			}
+
+			$loaded.css({width: settings.w});
+			
+			if (options.height) {
+				settings.h = setSize(options.height, 'y') - loadedHeight - interfaceHeight;
+			}
+
+			if (options.innerHeight) {
+				settings.h = setSize(options.innerHeight, 'y');
+			}
+
+			if (!options.innerHeight && !options.height) {
+				scrolltop = $loaded.scrollTop();
+				$loaded.css({height: "auto"});
+				settings.h = $loaded.height();
+			}
+
+			$loaded.css({height: settings.h});
+
+			if(scrolltop) {
+				$loaded.scrollTop(scrolltop);
+			}
+			
+			publicMethod.position(settings.get('transition') === "none" ? 0 : settings.get('speed'));
+		}
+	};
+
+	publicMethod.prep = function (object) {
+		if (!open) {
+			return;
+		}
+		
+		var callback, speed = settings.get('transition') === "none" ? 0 : settings.get('speed');
+
+		$loaded.remove();
+
+		$loaded = $tag(div, 'LoadedContent').append(object);
+		
+		function getWidth() {
+			settings.w = settings.w || $loaded.width();
+			settings.w = settings.mw && settings.mw < settings.w ? settings.mw : settings.w;
+			return settings.w;
+		}
+		function getHeight() {
+			settings.h = settings.h || $loaded.height();
+			settings.h = settings.mh && settings.mh < settings.h ? settings.mh : settings.h;
+			return settings.h;
+		}
+		
+		$loaded.hide()
+		.appendTo($loadingBay.show())// content has to be appended to the DOM for accurate size calculations.
+		.css({width: getWidth(), overflow: settings.get('scrolling') ? 'auto' : 'hidden'})
+		.css({height: getHeight()})// sets the height independently from the width in case the new width influences the value of height.
+		.prependTo($content);
+		
+		$loadingBay.hide();
+		
+		// floating the IMG removes the bottom line-height and fixed a problem where IE miscalculates the width of the parent element as 100% of the document width.
+		
+		$(photo).css({'float': 'none'});
+
+		setClass(settings.get('className'));
+
+		callback = function () {
+			var total = $related.length,
+				iframe,
+				complete;
+			
+			if (!open) {
+				return;
+			}
+			
+			function removeFilter() { // Needed for IE8 in versions of jQuery prior to 1.7.2
+				if ($.support.opacity === false) {
+					$box[0].style.removeAttribute('filter');
+				}
+			}
+			
+			complete = function () {
+				clearTimeout(loadingTimer);
+				$loadingOverlay.hide();
+				trigger(event_complete);
+				settings.get('onComplete');
+			};
+
+			
+			$title.html(settings.get('title')).show();
+			$loaded.show();
+			
+			if (total > 1) { // handle grouping
+				if (typeof settings.get('current') === "string") {
+					$current.html(settings.get('current').replace('{current}', index + 1).replace('{total}', total)).show();
+				}
+				
+				$next[(settings.get('loop') || index < total - 1) ? "show" : "hide"]().html(settings.get('next'));
+				$prev[(settings.get('loop') || index) ? "show" : "hide"]().html(settings.get('previous'));
+				
+				slideshow();
+				
+				// Preloads images within a rel group
+				if (settings.get('preloading')) {
+					$.each([getIndex(-1), getIndex(1)], function(){
+						var img,
+							i = $related[this],
+							settings = new Settings(i, $.data(i, colorbox)),
+							src = settings.get('href');
+
+						if (src && isImage(settings, src)) {
+							src = retinaUrl(settings, src);
+							img = document.createElement('img');
+							img.src = src;
+						}
+					});
+				}
+			} else {
+				$groupControls.hide();
+			}
+			
+			if (settings.get('iframe')) {
+				iframe = document.createElement('iframe');
+				
+				if ('frameBorder' in iframe) {
+					iframe.frameBorder = 0;
+				}
+				
+				if ('allowTransparency' in iframe) {
+					iframe.allowTransparency = "true";
+				}
+
+				if (!settings.get('scrolling')) {
+					iframe.scrolling = "no";
+				}
+				
+				$(iframe)
+					.attr({
+						src: settings.get('href'),
+						name: (new Date()).getTime(), // give the iframe a unique name to prevent caching
+						'class': prefix + 'Iframe',
+						allowFullScreen : true // allow HTML5 video to go fullscreen
+					})
+					.one('load', complete)
+					.appendTo($loaded);
+				
+				$events.one(event_purge, function () {
+					iframe.src = "//about:blank";
+				});
+
+				if (settings.get('fastIframe')) {
+					$(iframe).trigger('load');
+				}
+			} else {
+				complete();
+			}
+			
+			if (settings.get('transition') === 'fade') {
+				$box.fadeTo(speed, 1, removeFilter);
+			} else {
+				removeFilter();
+			}
+		};
+		
+		if (settings.get('transition') === 'fade') {
+			$box.fadeTo(speed, 0, function () {
+				publicMethod.position(0, callback);
+			});
+		} else {
+			publicMethod.position(speed, callback);
+		}
+	};
+
+	function load () {
+		var href, setResize, prep = publicMethod.prep, $inline, request = ++requests;
+		
+		active = true;
+		
+		photo = false;
+		
+		trigger(event_purge);
+		trigger(event_load);
+		settings.get('onLoad');
+		
+		settings.h = settings.get('height') ?
+				setSize(settings.get('height'), 'y') - loadedHeight - interfaceHeight :
+				settings.get('innerHeight') && setSize(settings.get('innerHeight'), 'y');
+		
+		settings.w = settings.get('width') ?
+				setSize(settings.get('width'), 'x') - loadedWidth - interfaceWidth :
+				settings.get('innerWidth') && setSize(settings.get('innerWidth'), 'x');
+		
+		// Sets the minimum dimensions for use in image scaling
+		settings.mw = settings.w;
+		settings.mh = settings.h;
+		
+		// Re-evaluate the minimum width and height based on maxWidth and maxHeight values.
+		// If the width or height exceed the maxWidth or maxHeight, use the maximum values instead.
+		if (settings.get('maxWidth')) {
+			settings.mw = setSize(settings.get('maxWidth'), 'x') - loadedWidth - interfaceWidth;
+			settings.mw = settings.w && settings.w < settings.mw ? settings.w : settings.mw;
+		}
+		if (settings.get('maxHeight')) {
+			settings.mh = setSize(settings.get('maxHeight'), 'y') - loadedHeight - interfaceHeight;
+			settings.mh = settings.h && settings.h < settings.mh ? settings.h : settings.mh;
+		}
+		
+		href = settings.get('href');
+		
+		loadingTimer = setTimeout(function () {
+			$loadingOverlay.show();
+		}, 100);
+		
+		if (settings.get('inline')) {
+			var $target = $(href);
+			// Inserts an empty placeholder where inline content is being pulled from.
+			// An event is bound to put inline content back when Colorbox closes or loads new content.
+			$inline = $('<div>').hide().insertBefore($target);
+
+			$events.one(event_purge, function () {
+				$inline.replaceWith($target);
+			});
+
+			prep($target);
+		} else if (settings.get('iframe')) {
+			// IFrame element won't be added to the DOM until it is ready to be displayed,
+			// to avoid problems with DOM-ready JS that might be trying to run in that iframe.
+			prep(" ");
+		} else if (settings.get('html')) {
+			prep(settings.get('html'));
+		} else if (isImage(settings, href)) {
+
+			href = retinaUrl(settings, href);
+
+			photo = new Image();
+
+			$(photo)
+			.addClass(prefix + 'Photo')
+			.bind('error',function () {
+				prep($tag(div, 'Error').html(settings.get('imgError')));
+			})
+			.one('load', function () {
+				if (request !== requests) {
+					return;
+				}
+
+				// A small pause because some browsers will occassionaly report a 
+				// img.width and img.height of zero immediately after the img.onload fires
+				setTimeout(function(){
+					var percent;
+
+					$.each(['alt', 'longdesc', 'aria-describedby'], function(i,val){
+						var attr = $(settings.el).attr(val) || $(settings.el).attr('data-'+val);
+						if (attr) {
+							photo.setAttribute(val, attr);
+						}
+					});
+
+					if (settings.get('retinaImage') && window.devicePixelRatio > 1) {
+						photo.height = photo.height / window.devicePixelRatio;
+						photo.width = photo.width / window.devicePixelRatio;
+					}
+
+					if (settings.get('scalePhotos')) {
+						setResize = function () {
+							photo.height -= photo.height * percent;
+							photo.width -= photo.width * percent;
+						};
+						if (settings.mw && photo.width > settings.mw) {
+							percent = (photo.width - settings.mw) / photo.width;
+							setResize();
+						}
+						if (settings.mh && photo.height > settings.mh) {
+							percent = (photo.height - settings.mh) / photo.height;
+							setResize();
+						}
+					}
+					
+					if (settings.h) {
+						photo.style.marginTop = Math.max(settings.mh - photo.height, 0) / 2 + 'px';
+					}
+					
+					if ($related[1] && (settings.get('loop') || $related[index + 1])) {
+						photo.style.cursor = 'pointer';
+						photo.onclick = function () {
+							publicMethod.next();
+						};
+					}
+
+					photo.style.width = photo.width + 'px';
+					photo.style.height = photo.height + 'px';
+					prep(photo);
+				}, 1);
+			});
+			
+			photo.src = href;
+
+		} else if (href) {
+			$loadingBay.load(href, settings.get('data'), function (data, status) {
+				if (request === requests) {
+					prep(status === 'error' ? $tag(div, 'Error').html(settings.get('xhrError')) : $(this).contents());
+				}
+			});
+		}
+	}
+		
+	// Navigates to the next page/image in a set.
+	publicMethod.next = function () {
+		if (!active && $related[1] && (settings.get('loop') || $related[index + 1])) {
+			index = getIndex(1);
+			launch($related[index]);
+		}
+	};
+	
+	publicMethod.prev = function () {
+		if (!active && $related[1] && (settings.get('loop') || index)) {
+			index = getIndex(-1);
+			launch($related[index]);
+		}
+	};
+
+	// Note: to use this within an iframe use the following format: parent.jQuery.colorbox.close();
+	publicMethod.close = function () {
+		if (open && !closing) {
+			
+			closing = true;
+			open = false;
+			trigger(event_cleanup);
+			settings.get('onCleanup');
+			$window.unbind('.' + prefix);
+			$overlay.fadeTo(settings.get('fadeOut') || 0, 0);
+			
+			$box.stop().fadeTo(settings.get('fadeOut') || 0, 0, function () {
+				$box.hide();
+				$overlay.hide();
+				trigger(event_purge);
+				$loaded.remove();
+				
+				setTimeout(function () {
+					closing = false;
+					trigger(event_closed);
+					settings.get('onClosed');
+				}, 1);
+			});
+		}
+	};
+
+	// Removes changes Colorbox made to the document, but does not remove the plugin.
+	publicMethod.remove = function () {
+		if (!$box) { return; }
+
+		$box.stop();
+		$[colorbox].close();
+		$box.stop(false, true).remove();
+		$overlay.remove();
+		closing = false;
+		$box = null;
+		$('.' + boxElement)
+			.removeData(colorbox)
+			.removeClass(boxElement);
+
+		$(document).unbind('click.'+prefix).unbind('keydown.'+prefix);
+	};
+
+	// A method for fetching the current element Colorbox is referencing.
+	// returns a jQuery object.
+	publicMethod.element = function () {
+		return $(settings.el);
+	};
+
+	publicMethod.settings = defaults;
+
+}(jQuery, document, window));
diff --git a/web/bootstrap-ace-admin/js/jquery.easypiechart.js b/web/bootstrap-ace-admin/js/jquery.easypiechart.js
new file mode 100755
index 00000000..04585f6b
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery.easypiechart.js
@@ -0,0 +1,362 @@
+/**!
+ * easyPieChart
+ * Lightweight plugin to render simple, animated and retina optimized pie charts
+ *
+ * @license 
+ * @author Robert Fleischmann <rendro87@gmail.com> (http://robert-fleischmann.de)
+ * @version 2.1.5
+ **/
+
+(function(root, factory) {
+    if(typeof exports === 'object') {
+        module.exports = factory(require('jquery'));
+    }
+    else if(typeof define === 'function' && define.amd) {
+        define(['jquery'], factory);
+    }
+    else {
+        factory(root.jQuery);
+    }
+}(this, function($) {
+
+/**
+ * Renderer to render the chart on a canvas object
+ * @param {DOMElement} el      DOM element to host the canvas (root of the plugin)
+ * @param {object}     options options object of the plugin
+ */
+var CanvasRenderer = function(el, options) {
+	var cachedBackground;
+	var canvas = document.createElement('canvas');
+
+	el.appendChild(canvas);
+
+	if (typeof(G_vmlCanvasManager) !== 'undefined') {
+		G_vmlCanvasManager.initElement(canvas);
+	}
+
+	var ctx = canvas.getContext('2d');
+
+	canvas.width = canvas.height = options.size;
+
+	// canvas on retina devices
+	var scaleBy = 1;
+	if (window.devicePixelRatio > 1) {
+		scaleBy = window.devicePixelRatio;
+		canvas.style.width = canvas.style.height = [options.size, 'px'].join('');
+		canvas.width = canvas.height = options.size * scaleBy;
+		ctx.scale(scaleBy, scaleBy);
+	}
+
+	// move 0,0 coordinates to the center
+	ctx.translate(options.size / 2, options.size / 2);
+
+	// rotate canvas -90deg
+	ctx.rotate((-1 / 2 + options.rotate / 180) * Math.PI);
+
+	var radius = (options.size - options.lineWidth) / 2;
+	if (options.scaleColor && options.scaleLength) {
+		radius -= options.scaleLength + 2; // 2 is the distance between scale and bar
+	}
+
+	// IE polyfill for Date
+	Date.now = Date.now || function() {
+		return +(new Date());
+	};
+
+	/**
+	 * Draw a circle around the center of the canvas
+	 * @param {strong} color     Valid CSS color string
+	 * @param {number} lineWidth Width of the line in px
+	 * @param {number} percent   Percentage to draw (float between -1 and 1)
+	 */
+	var drawCircle = function(color, lineWidth, percent) {
+		percent = Math.min(Math.max(-1, percent || 0), 1);
+		var isNegative = percent <= 0 ? true : false;
+
+		ctx.beginPath();
+		ctx.arc(0, 0, radius, 0, Math.PI * 2 * percent, isNegative);
+
+		ctx.strokeStyle = color;
+		ctx.lineWidth = lineWidth;
+
+		ctx.stroke();
+	};
+
+	/**
+	 * Draw the scale of the chart
+	 */
+	var drawScale = function() {
+		var offset;
+		var length;
+
+		ctx.lineWidth = 1;
+		ctx.fillStyle = options.scaleColor;
+
+		ctx.save();
+		for (var i = 24; i > 0; --i) {
+			if (i % 6 === 0) {
+				length = options.scaleLength;
+				offset = 0;
+			} else {
+				length = options.scaleLength * 0.6;
+				offset = options.scaleLength - length;
+			}
+			ctx.fillRect(-options.size/2 + offset, 0, length, 1);
+			ctx.rotate(Math.PI / 12);
+		}
+		ctx.restore();
+	};
+
+	/**
+	 * Request animation frame wrapper with polyfill
+	 * @return {function} Request animation frame method or timeout fallback
+	 */
+	var reqAnimationFrame = (function() {
+		return  window.requestAnimationFrame ||
+				window.webkitRequestAnimationFrame ||
+				window.mozRequestAnimationFrame ||
+				function(callback) {
+					window.setTimeout(callback, 1000 / 60);
+				};
+	}());
+
+	/**
+	 * Draw the background of the plugin including the scale and the track
+	 */
+	var drawBackground = function() {
+		if(options.scaleColor) drawScale();
+		if(options.trackColor) drawCircle(options.trackColor, options.lineWidth, 1);
+	};
+
+  /**
+    * Canvas accessor
+   */
+  this.getCanvas = function() {
+    return canvas;
+  };
+  
+  /**
+    * Canvas 2D context 'ctx' accessor
+   */
+  this.getCtx = function() {
+    return ctx;
+  };
+
+	/**
+	 * Clear the complete canvas
+	 */
+	this.clear = function() {
+		ctx.clearRect(options.size / -2, options.size / -2, options.size, options.size);
+	};
+
+	/**
+	 * Draw the complete chart
+	 * @param {number} percent Percent shown by the chart between -100 and 100
+	 */
+	this.draw = function(percent) {
+		// do we need to render a background
+		if (!!options.scaleColor || !!options.trackColor) {
+			// getImageData and putImageData are supported
+			if (ctx.getImageData && ctx.putImageData) {
+				if (!cachedBackground) {
+					drawBackground();
+					cachedBackground = ctx.getImageData(0, 0, options.size * scaleBy, options.size * scaleBy);
+				} else {
+					ctx.putImageData(cachedBackground, 0, 0);
+				}
+			} else {
+				this.clear();
+				drawBackground();
+			}
+		} else {
+			this.clear();
+		}
+
+		ctx.lineCap = options.lineCap;
+
+		// if barcolor is a function execute it and pass the percent as a value
+		var color;
+		if (typeof(options.barColor) === 'function') {
+			color = options.barColor(percent);
+		} else {
+			color = options.barColor;
+		}
+
+		// draw bar
+		drawCircle(color, options.lineWidth, percent / 100);
+	}.bind(this);
+
+	/**
+	 * Animate from some percent to some other percentage
+	 * @param {number} from Starting percentage
+	 * @param {number} to   Final percentage
+	 */
+	this.animate = function(from, to) {
+		var startTime = Date.now();
+		options.onStart(from, to);
+		var animation = function() {
+			var process = Math.min(Date.now() - startTime, options.animate.duration);
+			var currentValue = options.easing(this, process, from, to - from, options.animate.duration);
+			this.draw(currentValue);
+			options.onStep(from, to, currentValue);
+			if (process >= options.animate.duration) {
+				options.onStop(from, to);
+			} else {
+				reqAnimationFrame(animation);
+			}
+		}.bind(this);
+
+		reqAnimationFrame(animation);
+	}.bind(this);
+};
+
+var EasyPieChart = function(el, opts) {
+	var defaultOptions = {
+		barColor: '#ef1e25',
+		trackColor: '#f9f9f9',
+		scaleColor: '#dfe0e0',
+		scaleLength: 5,
+		lineCap: 'round',
+		lineWidth: 3,
+		size: 110,
+		rotate: 0,
+		animate: {
+			duration: 1000,
+			enabled: true
+		},
+		easing: function (x, t, b, c, d) { // more can be found here: http://gsgd.co.uk/sandbox/jquery/easing/
+			t = t / (d/2);
+			if (t < 1) {
+				return c / 2 * t * t + b;
+			}
+			return -c/2 * ((--t)*(t-2) - 1) + b;
+		},
+		onStart: function(from, to) {
+			return;
+		},
+		onStep: function(from, to, currentValue) {
+			return;
+		},
+		onStop: function(from, to) {
+			return;
+		}
+	};
+
+	// detect present renderer
+	if (typeof(CanvasRenderer) !== 'undefined') {
+		defaultOptions.renderer = CanvasRenderer;
+	} else if (typeof(SVGRenderer) !== 'undefined') {
+		defaultOptions.renderer = SVGRenderer;
+	} else {
+		throw new Error('Please load either the SVG- or the CanvasRenderer');
+	}
+
+	var options = {};
+	var currentValue = 0;
+
+	/**
+	 * Initialize the plugin by creating the options object and initialize rendering
+	 */
+	var init = function() {
+		this.el = el;
+		this.options = options;
+
+		// merge user options into default options
+		for (var i in defaultOptions) {
+			if (defaultOptions.hasOwnProperty(i)) {
+				options[i] = opts && typeof(opts[i]) !== 'undefined' ? opts[i] : defaultOptions[i];
+				if (typeof(options[i]) === 'function') {
+					options[i] = options[i].bind(this);
+				}
+			}
+		}
+
+		// check for jQuery easing
+		if (typeof(options.easing) === 'string' && typeof(jQuery) !== 'undefined' && jQuery.isFunction(jQuery.easing[options.easing])) {
+			options.easing = jQuery.easing[options.easing];
+		} else {
+			options.easing = defaultOptions.easing;
+		}
+
+		// process earlier animate option to avoid bc breaks
+		if (typeof(options.animate) === 'number') {
+			options.animate = {
+				duration: options.animate,
+				enabled: true
+			};
+		}
+
+		if (typeof(options.animate) === 'boolean' && !options.animate) {
+			options.animate = {
+				duration: 1000,
+				enabled: options.animate
+			};
+		}
+
+		// create renderer
+		this.renderer = new options.renderer(el, options);
+
+		// initial draw
+		this.renderer.draw(currentValue);
+
+		// initial update
+		if (el.dataset && el.dataset.percent) {
+			this.update(parseFloat(el.dataset.percent));
+		} else if (el.getAttribute && el.getAttribute('data-percent')) {
+			this.update(parseFloat(el.getAttribute('data-percent')));
+		}
+		
+		el.style['width'] = el.style['height'] = options.size + 'px';//ACE
+		el.style['lineHeight'] = (options.size - 1) + 'px';//ACE
+	}.bind(this);
+
+	/**
+	 * Update the value of the chart
+	 * @param  {number} newValue Number between 0 and 100
+	 * @return {object}          Instance of the plugin for method chaining
+	 */
+	this.update = function(newValue) {
+		newValue = parseFloat(newValue);
+		if (options.animate.enabled) {
+			this.renderer.animate(currentValue, newValue);
+		} else {
+			this.renderer.draw(newValue);
+		}
+		currentValue = newValue;
+		return this;
+	}.bind(this);
+
+	/**
+	 * Disable animation
+	 * @return {object} Instance of the plugin for method chaining
+	 */
+	this.disableAnimation = function() {
+		options.animate.enabled = false;
+		return this;
+	};
+
+	/**
+	 * Enable animation
+	 * @return {object} Instance of the plugin for method chaining
+	 */
+	this.enableAnimation = function() {
+		options.animate.enabled = true;
+		return this;
+	};
+
+	init();
+};
+
+$.fn.easyPieChart = function(options) {
+	return this.each(function() {
+		var instanceOptions;
+
+		if (!$.data(this, 'easyPieChart')) {
+			instanceOptions = $.extend({}, options, $(this).data());
+			$.data(this, 'easyPieChart', new EasyPieChart(this, instanceOptions));
+		}
+	});
+};
+
+
+}));
diff --git a/web/bootstrap-ace-admin/js/jquery.gritter.js b/web/bootstrap-ace-admin/js/jquery.gritter.js
new file mode 100755
index 00000000..ba99a0fa
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery.gritter.js
@@ -0,0 +1,418 @@
+/*
+ * Gritter for jQuery
+ * http://www.boedesign.com/
+ *
+ * Copyright (c) 2012 Jordan Boesch
+ * Dual licensed under the MIT and GPL licenses.
+ *
+ * Date: February 24, 2012
+ * Version: 1.7.4
+ */
+
+(function($){
+ 	
+	/**
+	* Set it up as an object under the jQuery namespace
+	*/
+	$.gritter = {};
+	
+	/**
+	* Set up global options that the user can over-ride
+	*/
+	$.gritter.options = {
+		position: '',
+		class_name: '', // could be set to 'gritter-light' to use white notifications
+		fade_in_speed: 'medium', // how fast notifications fade in
+		fade_out_speed: 1000, // how fast the notices fade out
+		time: 6000 // hang on the screen for...
+	}
+	
+	/**
+	* Add a gritter notification to the screen
+	* @see Gritter#add();
+	*/
+	$.gritter.add = function(params){
+
+		try {
+			return Gritter.add(params || {});
+		} catch(e) {
+		
+			var err = 'Gritter Error: ' + e;
+			(typeof(console) != 'undefined' && console.error) ? 
+				console.error(err, params) : 
+				alert(err);
+				
+		}
+		
+	}
+	
+	/**
+	* Remove a gritter notification from the screen
+	* @see Gritter#removeSpecific();
+	*/
+	$.gritter.remove = function(id, params){
+		Gritter.removeSpecific(id, params || {});
+	}
+	
+	/**
+	* Remove all notifications
+	* @see Gritter#stop();
+	*/
+	$.gritter.removeAll = function(params){
+		Gritter.stop(params || {});
+	}
+	
+	/**
+	* Big fat Gritter object
+	* @constructor (not really since its object literal)
+	*/
+	var Gritter = {
+		
+		// Public - options to over-ride with $.gritter.options in "add"
+		position: '',
+		fade_in_speed: '',
+		fade_out_speed: '',
+		time: '',
+		
+		// Private - no touchy the private parts
+		_custom_timer: 0,
+		_item_count: 0,
+		_is_setup: 0,
+		_tpl_close: '<div class="gritter-close"></div>',
+		_tpl_title: '<span class="gritter-title">[[title]]</span>',
+		_tpl_item: '<div id="gritter-item-[[number]]" class="gritter-item-wrapper [[item_class]]" style="display:none"><div class="gritter-top"></div><div class="gritter-item">[[close]][[image]]<div class="[[class_name]]">[[title]]<p>[[text]]</p></div><div style="clear:both"></div></div><div class="gritter-bottom"></div></div>',
+		_tpl_wrap: '<div id="gritter-notice-wrapper"></div>',
+		
+		/**
+		* Add a gritter notification to the screen
+		* @param {Object} params The object that contains all the options for drawing the notification
+		* @return {Integer} The specific numeric id to that gritter notification
+		*/
+		add: function(params){
+			// Handle straight text
+			if(typeof(params) == 'string'){
+				params = {text:params};
+			}
+
+			// We might have some issues if we don't have a title or text!
+			if(params.text === null){
+				throw 'You must supply "text" parameter.'; 
+			}
+			
+			// Check the options and set them once
+			if(!this._is_setup){
+				this._runSetup();
+			}
+			
+			// Basics
+			var title = params.title, 
+				text = params.text,
+				image = params.image || '',
+				sticky = params.sticky || false,
+				item_class = params.class_name || $.gritter.options.class_name,
+				position = $.gritter.options.position,
+				time_alive = params.time || '';
+
+			this._verifyWrapper();
+			
+			this._item_count++;
+			var number = this._item_count, 
+				tmp = this._tpl_item;
+			
+			// Assign callbacks
+			$(['before_open', 'after_open', 'before_close', 'after_close']).each(function(i, val){
+				Gritter['_' + val + '_' + number] = ($.isFunction(params[val])) ? params[val] : function(){}
+			});
+
+			// Reset
+			this._custom_timer = 0;
+			
+			// A custom fade time set
+			if(time_alive){
+				this._custom_timer = time_alive;
+			}
+			
+			var image_str = (image != '') ? '<img src="' + image + '" class="gritter-image" />' : '',
+				class_name = (image != '') ? 'gritter-with-image' : 'gritter-without-image';
+			
+			// String replacements on the template
+			if(title){
+				title = this._str_replace('[[title]]',title,this._tpl_title);
+			}else{
+				title = '';
+			}
+			
+			tmp = this._str_replace(
+				['[[title]]', '[[text]]', '[[close]]', '[[image]]', '[[number]]', '[[class_name]]', '[[item_class]]'],
+				[title, text, this._tpl_close, image_str, this._item_count, class_name, item_class], tmp
+			);
+
+			// If it's false, don't show another gritter message
+			if(this['_before_open_' + number]() === false){
+				return false;
+			}
+
+			$('#gritter-notice-wrapper').addClass(position).append(tmp);
+			
+			var item = $('#gritter-item-' + this._item_count);
+			
+			item.fadeIn(this.fade_in_speed, function(){
+				Gritter['_after_open_' + number]($(this));
+			});
+			
+			if(!sticky){
+				this._setFadeTimer(item, number);
+			}
+			
+			// Bind the hover/unhover states
+			$(item).bind('mouseenter mouseleave', function(event){
+				if(event.type == 'mouseenter'){
+					if(!sticky){ 
+						Gritter._restoreItemIfFading($(this), number);
+					}
+				}
+				else {
+					if(!sticky){
+						Gritter._setFadeTimer($(this), number);
+					}
+				}
+				Gritter._hoverState($(this), event.type);
+			});
+			
+			// Clicking (X) makes the perdy thing close
+			$(item).find('.gritter-close').click(function(){
+				Gritter.removeSpecific(number, {}, null, true);
+			});
+			
+			return number;
+		
+		},
+		
+		/**
+		* If we don't have any more gritter notifications, get rid of the wrapper using this check
+		* @private
+		* @param {Integer} unique_id The ID of the element that was just deleted, use it for a callback
+		* @param {Object} e The jQuery element that we're going to perform the remove() action on
+		* @param {Boolean} manual_close Did we close the gritter dialog with the (X) button
+		*/
+		_countRemoveWrapper: function(unique_id, e, manual_close){
+			
+			// Remove it then run the callback function
+			e.remove();
+			this['_after_close_' + unique_id](e, manual_close);
+			
+			// Check if the wrapper is empty, if it is.. remove the wrapper
+			if($('.gritter-item-wrapper').length == 0){
+				$('#gritter-notice-wrapper').remove();
+			}
+		
+		},
+		
+		/**
+		* Fade out an element after it's been on the screen for x amount of time
+		* @private
+		* @param {Object} e The jQuery element to get rid of
+		* @param {Integer} unique_id The id of the element to remove
+		* @param {Object} params An optional list of params to set fade speeds etc.
+		* @param {Boolean} unbind_events Unbind the mouseenter/mouseleave events if they click (X)
+		*/
+		_fade: function(e, unique_id, params, unbind_events){
+
+			var params = params || {},
+				fade = (typeof(params.fade) != 'undefined') ? params.fade : true,
+				fade_out_speed = params.speed || this.fade_out_speed,
+				manual_close = unbind_events;
+
+			this['_before_close_' + unique_id](e, manual_close);
+			
+			// If this is true, then we are coming from clicking the (X)
+			if(unbind_events){
+				e.unbind('mouseenter mouseleave');
+			}
+			
+			// Fade it out or remove it
+			if(fade){
+			
+				e.animate({
+					opacity: 0
+				}, fade_out_speed, function(){
+					e.animate({ height: 0 }, 300, function(){
+						Gritter._countRemoveWrapper(unique_id, e, manual_close);
+					})
+				})
+				
+			}
+			else {
+				
+				this._countRemoveWrapper(unique_id, e);
+				
+			}
+						
+		},
+		
+		/**
+		* Perform actions based on the type of bind (mouseenter, mouseleave) 
+		* @private
+		* @param {Object} e The jQuery element
+		* @param {String} type The type of action we're performing: mouseenter or mouseleave
+		*/
+		_hoverState: function(e, type){
+			
+			// Change the border styles and add the (X) close button when you hover
+			if(type == 'mouseenter'){
+				
+				e.addClass('hover');
+				
+				// Show close button
+				e.find('.gritter-close').show();
+						
+			}
+			// Remove the border styles and hide (X) close button when you mouse out
+			else {
+				
+				e.removeClass('hover');
+				
+				// Hide close button
+				e.find('.gritter-close').hide();
+				
+			}
+			
+		},
+		
+		/**
+		* Remove a specific notification based on an ID
+		* @param {Integer} unique_id The ID used to delete a specific notification
+		* @param {Object} params A set of options passed in to determine how to get rid of it
+		* @param {Object} e The jQuery element that we're "fading" then removing
+		* @param {Boolean} unbind_events If we clicked on the (X) we set this to true to unbind mouseenter/mouseleave
+		*/
+		removeSpecific: function(unique_id, params, e, unbind_events){
+			
+			if(!e){
+				var e = $('#gritter-item-' + unique_id);
+			}
+
+			// We set the fourth param to let the _fade function know to 
+			// unbind the "mouseleave" event.  Once you click (X) there's no going back!
+			this._fade(e, unique_id, params || {}, unbind_events);
+			
+		},
+		
+		/**
+		* If the item is fading out and we hover over it, restore it!
+		* @private
+		* @param {Object} e The HTML element to remove
+		* @param {Integer} unique_id The ID of the element
+		*/
+		_restoreItemIfFading: function(e, unique_id){
+			
+			clearTimeout(this['_int_id_' + unique_id]);
+			e.stop().css({ opacity: '', height: '' });
+			
+		},
+		
+		/**
+		* Setup the global options - only once
+		* @private
+		*/
+		_runSetup: function(){
+		
+			for(opt in $.gritter.options){
+				this[opt] = $.gritter.options[opt];
+			}
+			this._is_setup = 1;
+			
+		},
+		
+		/**
+		* Set the notification to fade out after a certain amount of time
+		* @private
+		* @param {Object} item The HTML element we're dealing with
+		* @param {Integer} unique_id The ID of the element
+		*/
+		_setFadeTimer: function(e, unique_id){
+			
+			var timer_str = (this._custom_timer) ? this._custom_timer : this.time;
+			this['_int_id_' + unique_id] = setTimeout(function(){ 
+				Gritter._fade(e, unique_id);
+			}, timer_str);
+		
+		},
+		
+		/**
+		* Bring everything to a halt
+		* @param {Object} params A list of callback functions to pass when all notifications are removed
+		*/  
+		stop: function(params){
+			
+			// callbacks (if passed)
+			var before_close = ($.isFunction(params.before_close)) ? params.before_close : function(){};
+			var after_close = ($.isFunction(params.after_close)) ? params.after_close : function(){};
+			
+			var wrap = $('#gritter-notice-wrapper');
+			before_close(wrap);
+			wrap.fadeOut(function(){
+				$(this).remove();
+				after_close();
+			});
+		
+		},
+		
+		/**
+		* An extremely handy PHP function ported to JS, works well for templating
+		* @private
+		* @param {String/Array} search A list of things to search for
+		* @param {String/Array} replace A list of things to replace the searches with
+		* @return {String} sa The output
+		*/  
+		_str_replace: function(search, replace, subject, count){
+		
+			var i = 0, j = 0, temp = '', repl = '', sl = 0, fl = 0,
+				f = [].concat(search),
+				r = [].concat(replace),
+				s = subject,
+				ra = r instanceof Array, sa = s instanceof Array;
+			s = [].concat(s);
+			
+			if(count){
+				this.window[count] = 0;
+			}
+		
+			for(i = 0, sl = s.length; i < sl; i++){
+				
+				if(s[i] === ''){
+					continue;
+				}
+				
+				for (j = 0, fl = f.length; j < fl; j++){
+					
+					temp = s[i] + '';
+					repl = ra ? (r[j] !== undefined ? r[j] : '') : r[0];
+					s[i] = (temp).split(f[j]).join(repl);
+					
+					if(count && s[i] !== temp){
+						this.window[count] += (temp.length-s[i].length) / f[j].length;
+					}
+					
+				}
+			}
+			
+			return sa ? s : s[0];
+			
+		},
+		
+		/**
+		* A check to make sure we have something to wrap our notices with
+		* @private
+		*/  
+		_verifyWrapper: function(){
+		  
+			if($('#gritter-notice-wrapper').length == 0){
+				$('body').append(this._tpl_wrap);
+			}
+		
+		}
+		
+	}
+	
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jquery.hotkeys.js b/web/bootstrap-ace-admin/js/jquery.hotkeys.js
new file mode 100755
index 00000000..6ff40136
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery.hotkeys.js
@@ -0,0 +1,196 @@
+/*jslint browser: true*/
+/*jslint jquery: true*/
+
+/*
+ * jQuery Hotkeys Plugin
+ * Copyright 2010, John Resig
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ *
+ * Based upon the plugin by Tzury Bar Yochay:
+ * http://github.com/tzuryby/hotkeys
+ *
+ * Original idea by:
+ * Binny V A, http://www.openjs.com/scripts/events/keyboard_shortcuts/
+ */
+
+/*
+ * One small change is: now keys are passed by object { keys: '...' }
+ * Might be useful, when you want to pass some other data to your handler
+ */
+
+(function(jQuery) {
+
+  jQuery.hotkeys = {
+    version: "0.8",
+
+    specialKeys: {
+      8: "backspace",
+      9: "tab",
+      10: "return",
+      13: "return",
+      16: "shift",
+      17: "ctrl",
+      18: "alt",
+      19: "pause",
+      20: "capslock",
+      27: "esc",
+      32: "space",
+      33: "pageup",
+      34: "pagedown",
+      35: "end",
+      36: "home",
+      37: "left",
+      38: "up",
+      39: "right",
+      40: "down",
+      45: "insert",
+      46: "del",
+      59: ";",
+      61: "=",
+      96: "0",
+      97: "1",
+      98: "2",
+      99: "3",
+      100: "4",
+      101: "5",
+      102: "6",
+      103: "7",
+      104: "8",
+      105: "9",
+      106: "*",
+      107: "+",
+      109: "-",
+      110: ".",
+      111: "/",
+      112: "f1",
+      113: "f2",
+      114: "f3",
+      115: "f4",
+      116: "f5",
+      117: "f6",
+      118: "f7",
+      119: "f8",
+      120: "f9",
+      121: "f10",
+      122: "f11",
+      123: "f12",
+      144: "numlock",
+      145: "scroll",
+      173: "-",
+      186: ";",
+      187: "=",
+      188: ",",
+      189: "-",
+      190: ".",
+      191: "/",
+      192: "`",
+      219: "[",
+      220: "\\",
+      221: "]",
+      222: "'"
+    },
+
+    shiftNums: {
+      "`": "~",
+      "1": "!",
+      "2": "@",
+      "3": "#",
+      "4": "$",
+      "5": "%",
+      "6": "^",
+      "7": "&",
+      "8": "*",
+      "9": "(",
+      "0": ")",
+      "-": "_",
+      "=": "+",
+      ";": ": ",
+      "'": "\"",
+      ",": "<",
+      ".": ">",
+      "/": "?",
+      "\\": "|"
+    },
+
+    // excludes: button, checkbox, file, hidden, image, password, radio, reset, search, submit, url
+    textAcceptingInputTypes: [
+      "text", "password", "number", "email", "url", "range", "date", "month", "week", "time", "datetime",
+      "datetime-local", "search", "color", "tel"],
+
+    options: {
+      filterTextInputs: true
+    }
+  };
+
+  function keyHandler(handleObj) {
+    if (typeof handleObj.data === "string") {
+      handleObj.data = {
+        keys: handleObj.data
+      };
+    }
+
+    // Only care when a possible input has been specified
+    if (!handleObj.data || !handleObj.data.keys || typeof handleObj.data.keys !== "string") {
+      return;
+    }
+
+    var origHandler = handleObj.handler,
+      keys = handleObj.data.keys.toLowerCase().split(" ");
+
+    handleObj.handler = function(event) {
+      //      Don't fire in text-accepting inputs that we didn't directly bind to
+      if (this !== event.target && (/textarea|select/i.test(event.target.nodeName) ||
+          (jQuery.hotkeys.options.filterTextInputs &&
+            jQuery.inArray(event.target.type, jQuery.hotkeys.textAcceptingInputTypes) > -1))) {
+        return;
+      }
+
+      var special = event.type !== "keypress" && jQuery.hotkeys.specialKeys[event.which],
+        character = String.fromCharCode(event.which).toLowerCase(),
+        modif = "",
+        possible = {};
+
+      jQuery.each(["alt", "ctrl", "shift"], function(index, specialKey) {
+
+        if (event[specialKey + 'Key'] && special !== specialKey) {
+          modif += specialKey + '+';
+        }
+      });
+
+      // metaKey is triggered off ctrlKey erronously
+      if (event.metaKey && !event.ctrlKey && special !== "meta") {
+        modif += "meta+";
+      }
+
+      if (event.metaKey && special !== "meta" && modif.indexOf("alt+ctrl+shift+") > -1) {
+        modif = modif.replace("alt+ctrl+shift+", "hyper+");
+      }
+
+      if (special) {
+        possible[modif + special] = true;
+      }
+      else {
+        possible[modif + character] = true;
+        possible[modif + jQuery.hotkeys.shiftNums[character]] = true;
+
+        // "$" can be triggered as "Shift+4" or "Shift+$" or just "$"
+        if (modif === "shift+") {
+          possible[jQuery.hotkeys.shiftNums[character]] = true;
+        }
+      }
+
+      for (var i = 0, l = keys.length; i < l; i++) {
+        if (possible[keys[i]]) {
+          return origHandler.apply(this, arguments);
+        }
+      }
+    };
+  }
+
+  jQuery.each(["keydown", "keyup", "keypress"], function() {
+    jQuery.event.special[this] = {
+      add: keyHandler
+    };
+  });
+
+})(jQuery || this.jQuery || window.jQuery);
diff --git a/web/bootstrap-ace-admin/js/jquery.inputlimiter.1.3.1.js b/web/bootstrap-ace-admin/js/jquery.inputlimiter.1.3.1.js
new file mode 100755
index 00000000..13483e08
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery.inputlimiter.1.3.1.js
@@ -0,0 +1,172 @@
+/*
+ * jQuery Input Limiter plugin 1.3.1
+ * http://rustyjeans.com/jquery-plugins/input-limiter/
+ *
+ * Copyright (c) 2009 Russel Fones <russel@rustyjeans.com>
+ *
+ * Permission is hereby granted, free of charge, to any person
+ * obtaining a copy of this software and associated documentation
+ * files (the "Software"), to deal in the Software without
+ * restriction, including without limitation the rights to use,
+ * copy, modify, merge, publish, distribute, sublicense, and/or sell
+ * copies of the Software, and to permit persons to whom the
+ * Software is furnished to do so, subject to the following
+ * conditions:
+ *
+ * The above copyright notice and this permission notice shall be
+ * included in all copies or substantial portions of the Software.
+ *
+ * THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+ * EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+ * OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+ * NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+ * HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+ * WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+ * FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+ * OTHER DEALINGS IN THE SOFTWARE.
+ */
+
+(function ($) {
+	$.fn.inputlimiter = function (options) {
+		var opts = $.extend({}, $.fn.inputlimiter.defaults, options),
+			$elements = $(this);
+		if (opts.boxAttach && !$('#' + opts.boxId).length) {
+			$('<div/>').appendTo("body").attr({id: opts.boxId, 'class': opts.boxClass}).css({'position': 'absolute'}).hide();
+			// apply bgiframe if available
+			if ($.fn.bgiframe) {
+				$('#' + opts.boxId).bgiframe();
+			}
+		}
+
+		var inputlimiterKeyup = function (e) {
+			var $this = $(this),
+				count = counter($this.val());
+			if (!opts.allowExceed && count > opts.limit) {
+				$this.val(truncater($this.val()));
+			}
+			if (opts.boxAttach) {
+				$('#' + opts.boxId).css({
+					'width': $this.outerWidth() - ($('#' + opts.boxId).outerWidth() - $('#' + opts.boxId).width()) + 'px',
+					'left': $this.offset().left + 'px',
+					'top': ($this.offset().top + $this.outerHeight()) - 1 + 'px',
+					'z-index': 2000
+				});
+			}
+			var charsRemaining = (opts.limit - count > 0 ? opts.limit - count : 0),
+				remText = opts.remTextFilter(opts, charsRemaining),
+				limitText = opts.limitTextFilter(opts);
+
+			if (opts.limitTextShow) {
+				$('#' + opts.boxId).html(remText + ' ' + limitText);
+				// Check to see if the text is wrapping in the box
+				// If it is lets break it between the remaining test and the limit test
+				var textWidth = $("<span/>").appendTo("body").attr({id: '19cc9195583bfae1fad88e19d443be7a', 'class': opts.boxClass}).html(remText + ' ' + limitText).innerWidth();
+				$("#19cc9195583bfae1fad88e19d443be7a").remove();
+				if (textWidth > $('#' + opts.boxId).innerWidth()) {
+					$('#' + opts.boxId).html(remText + '<br />' + limitText);
+				}
+				// Show the limiter box
+				$('#' + opts.boxId).show();
+			} else {
+				$('#' + opts.boxId).html(remText).show();
+			}
+		},
+
+		inputlimiterKeypress = function (e) {
+			var count = counter($(this).val());
+			if (!opts.allowExceed && count > opts.limit) {
+				var modifierKeyPressed = e.ctrlKey || e.altKey || e.metaKey;
+				if (!modifierKeyPressed && (e.which >= 32 && e.which <= 122) && this.selectionStart === this.selectionEnd) {
+					return false;
+				}
+			}
+		},
+
+		inputlimiterBlur = function () {
+			var $this = $(this);
+				count = counter($this.val());
+			if (!opts.allowExceed && count > opts.limit) {
+				$this.val(truncater($this.val()));
+			}
+			if (opts.boxAttach) {
+				$('#' + opts.boxId).fadeOut('fast');
+			} else if (opts.remTextHideOnBlur) {
+				var limitText = opts.limitText;
+				limitText = limitText.replace(/\%n/g, opts.limit);
+				limitText = limitText.replace(/\%s/g, (opts.limit === 1 ? '' : 's'));
+				$('#' + opts.boxId).html(limitText);
+			}
+		},
+
+		counter = function (value) {
+			if (opts.limitBy.toLowerCase() === "words") {
+				return (value.length > 0 ? $.trim(value).replace(/\ +(?= )/g, '').split(' ').length : 0);
+			}
+			var count = value.length,
+				newlines = value.match(/\n/g);
+			if (newlines && opts.lineReturnCount > 1) {
+				count += newlines.length * (opts.lineReturnCount - 1);
+			}
+			return count;
+		},
+
+		truncater = function (value) {
+			if (opts.limitBy.toLowerCase() === "words") {
+				return $.trim(value).replace(/\ +(?= )/g, '').split(' ').splice(0, opts.limit).join(' ') + ' ';
+			}
+			return value.substring(0, opts.limit);
+		};
+
+		$(this).each(function (i) {
+			var $this = $(this);
+			if ((!options || !options.limit) && opts.useMaxlength && parseInt($this.attr('maxlength')) > 0 && parseInt($this.attr('maxlength')) != opts.limit) {
+				$this.inputlimiter($.extend({}, opts, { limit: parseInt($this.attr('maxlength')) }));
+			} else {
+				if (!opts.allowExceed && opts.useMaxlength && opts.limitBy.toLowerCase() === "characters") {
+					$this.attr('maxlength', opts.limit);
+				}
+				$this.unbind('.inputlimiter');
+				$this.bind('keyup.inputlimiter', inputlimiterKeyup);
+				$this.bind('keypress.inputlimiter', inputlimiterKeypress);
+				$this.bind('blur.inputlimiter', inputlimiterBlur);
+			}
+		});
+	};
+
+	$.fn.inputlimiter.remtextfilter = function (opts, charsRemaining) {
+		var remText = opts.remText;
+		if (charsRemaining === 0 && opts.remFullText !== null) {
+			remText = opts.remFullText;
+		}
+		remText = remText.replace(/\%n/g, charsRemaining);
+		remText = remText.replace(/\%s/g, (opts.zeroPlural ? (charsRemaining === 1 ? '' : 's') : (charsRemaining <= 1 ? '' : 's')));
+		return remText;
+	};
+
+	$.fn.inputlimiter.limittextfilter = function (opts) {
+		var limitText = opts.limitText;
+		limitText = limitText.replace(/\%n/g, opts.limit);
+		limitText = limitText.replace(/\%s/g, (opts.limit <= 1 ? '' : 's'));
+		return limitText;
+	};
+
+	$.fn.inputlimiter.defaults = {
+		limit: 255,
+		boxAttach: true,
+		boxId: 'limiterBox',
+		boxClass: 'limiterBox',
+		remText: '%n character%s remaining.',
+		remTextFilter: $.fn.inputlimiter.remtextfilter,
+		remTextHideOnBlur: true,
+		remFullText: null,
+		limitTextShow: true,
+		limitText: 'Field limited to %n character%s.',
+		limitTextFilter: $.fn.inputlimiter.limittextfilter,
+		zeroPlural: true,
+		allowExceed: false,
+		useMaxlength: true,
+		limitBy: 'characters',
+		lineReturnCount: 1
+	};
+
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jquery.js b/web/bootstrap-ace-admin/js/jquery.js
new file mode 100755
index 00000000..9f7b3d38
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery.js
@@ -0,0 +1,9190 @@
+/*!
+ * jQuery JavaScript Library v2.1.1
+ * http://jquery.com/
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ *
+ * Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2014-05-01T17:11Z
+ */
+
+(function( global, factory ) {
+
+	if ( typeof module === "object" && typeof module.exports === "object" ) {
+		// For CommonJS and CommonJS-like environments where a proper window is present,
+		// execute the factory and get jQuery
+		// For environments that do not inherently posses a window with a document
+		// (such as Node.js), expose a jQuery-making factory as module.exports
+		// This accentuates the need for the creation of a real window
+		// e.g. var jQuery = require("jquery")(window);
+		// See ticket #14549 for more info
+		module.exports = global.document ?
+			factory( global, true ) :
+			function( w ) {
+				if ( !w.document ) {
+					throw new Error( "jQuery requires a window with a document" );
+				}
+				return factory( w );
+			};
+	} else {
+		factory( global );
+	}
+
+// Pass this if window is not defined yet
+}(typeof window !== "undefined" ? window : this, function( window, noGlobal ) {
+
+// Can't do this because several apps including ASP.NET trace
+// the stack via arguments.caller.callee and Firefox dies if
+// you try to trace through "use strict" call chains. (#13335)
+// Support: Firefox 18+
+//
+
+var arr = [];
+
+var slice = arr.slice;
+
+var concat = arr.concat;
+
+var push = arr.push;
+
+var indexOf = arr.indexOf;
+
+var class2type = {};
+
+var toString = class2type.toString;
+
+var hasOwn = class2type.hasOwnProperty;
+
+var support = {};
+
+
+
+var
+	// Use the correct document accordingly with window argument (sandbox)
+	document = window.document,
+
+	version = "2.1.1",
+
+	// Define a local copy of jQuery
+	jQuery = function( selector, context ) {
+		// The jQuery object is actually just the init constructor 'enhanced'
+		// Need init if jQuery is called (just allow error to be thrown if not included)
+		return new jQuery.fn.init( selector, context );
+	},
+
+	// Support: Android<4.1
+	// Make sure we trim BOM and NBSP
+	rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,
+
+	// Matches dashed string for camelizing
+	rmsPrefix = /^-ms-/,
+	rdashAlpha = /-([\da-z])/gi,
+
+	// Used by jQuery.camelCase as callback to replace()
+	fcamelCase = function( all, letter ) {
+		return letter.toUpperCase();
+	};
+
+jQuery.fn = jQuery.prototype = {
+	// The current version of jQuery being used
+	jquery: version,
+
+	constructor: jQuery,
+
+	// Start with an empty selector
+	selector: "",
+
+	// The default length of a jQuery object is 0
+	length: 0,
+
+	toArray: function() {
+		return slice.call( this );
+	},
+
+	// Get the Nth element in the matched element set OR
+	// Get the whole matched element set as a clean array
+	get: function( num ) {
+		return num != null ?
+
+			// Return just the one element from the set
+			( num < 0 ? this[ num + this.length ] : this[ num ] ) :
+
+			// Return all the elements in a clean array
+			slice.call( this );
+	},
+
+	// Take an array of elements and push it onto the stack
+	// (returning the new matched element set)
+	pushStack: function( elems ) {
+
+		// Build a new jQuery matched element set
+		var ret = jQuery.merge( this.constructor(), elems );
+
+		// Add the old object onto the stack (as a reference)
+		ret.prevObject = this;
+		ret.context = this.context;
+
+		// Return the newly-formed element set
+		return ret;
+	},
+
+	// Execute a callback for every element in the matched set.
+	// (You can seed the arguments with an array of args, but this is
+	// only used internally.)
+	each: function( callback, args ) {
+		return jQuery.each( this, callback, args );
+	},
+
+	map: function( callback ) {
+		return this.pushStack( jQuery.map(this, function( elem, i ) {
+			return callback.call( elem, i, elem );
+		}));
+	},
+
+	slice: function() {
+		return this.pushStack( slice.apply( this, arguments ) );
+	},
+
+	first: function() {
+		return this.eq( 0 );
+	},
+
+	last: function() {
+		return this.eq( -1 );
+	},
+
+	eq: function( i ) {
+		var len = this.length,
+			j = +i + ( i < 0 ? len : 0 );
+		return this.pushStack( j >= 0 && j < len ? [ this[j] ] : [] );
+	},
+
+	end: function() {
+		return this.prevObject || this.constructor(null);
+	},
+
+	// For internal use only.
+	// Behaves like an Array's method, not like a jQuery method.
+	push: push,
+	sort: arr.sort,
+	splice: arr.splice
+};
+
+jQuery.extend = jQuery.fn.extend = function() {
+	var options, name, src, copy, copyIsArray, clone,
+		target = arguments[0] || {},
+		i = 1,
+		length = arguments.length,
+		deep = false;
+
+	// Handle a deep copy situation
+	if ( typeof target === "boolean" ) {
+		deep = target;
+
+		// skip the boolean and the target
+		target = arguments[ i ] || {};
+		i++;
+	}
+
+	// Handle case when target is a string or something (possible in deep copy)
+	if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
+		target = {};
+	}
+
+	// extend jQuery itself if only one argument is passed
+	if ( i === length ) {
+		target = this;
+		i--;
+	}
+
+	for ( ; i < length; i++ ) {
+		// Only deal with non-null/undefined values
+		if ( (options = arguments[ i ]) != null ) {
+			// Extend the base object
+			for ( name in options ) {
+				src = target[ name ];
+				copy = options[ name ];
+
+				// Prevent never-ending loop
+				if ( target === copy ) {
+					continue;
+				}
+
+				// Recurse if we're merging plain objects or arrays
+				if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
+					if ( copyIsArray ) {
+						copyIsArray = false;
+						clone = src && jQuery.isArray(src) ? src : [];
+
+					} else {
+						clone = src && jQuery.isPlainObject(src) ? src : {};
+					}
+
+					// Never move original objects, clone them
+					target[ name ] = jQuery.extend( deep, clone, copy );
+
+				// Don't bring in undefined values
+				} else if ( copy !== undefined ) {
+					target[ name ] = copy;
+				}
+			}
+		}
+	}
+
+	// Return the modified object
+	return target;
+};
+
+jQuery.extend({
+	// Unique for each copy of jQuery on the page
+	expando: "jQuery" + ( version + Math.random() ).replace( /\D/g, "" ),
+
+	// Assume jQuery is ready without the ready module
+	isReady: true,
+
+	error: function( msg ) {
+		throw new Error( msg );
+	},
+
+	noop: function() {},
+
+	// See test/unit/core.js for details concerning isFunction.
+	// Since version 1.3, DOM methods and functions like alert
+	// aren't supported. They return false on IE (#2968).
+	isFunction: function( obj ) {
+		return jQuery.type(obj) === "function";
+	},
+
+	isArray: Array.isArray,
+
+	isWindow: function( obj ) {
+		return obj != null && obj === obj.window;
+	},
+
+	isNumeric: function( obj ) {
+		// parseFloat NaNs numeric-cast false positives (null|true|false|"")
+		// ...but misinterprets leading-number strings, particularly hex literals ("0x...")
+		// subtraction forces infinities to NaN
+		return !jQuery.isArray( obj ) && obj - parseFloat( obj ) >= 0;
+	},
+
+	isPlainObject: function( obj ) {
+		// Not plain objects:
+		// - Any object or value whose internal [[Class]] property is not "[object Object]"
+		// - DOM nodes
+		// - window
+		if ( jQuery.type( obj ) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
+			return false;
+		}
+
+		if ( obj.constructor &&
+				!hasOwn.call( obj.constructor.prototype, "isPrototypeOf" ) ) {
+			return false;
+		}
+
+		// If the function hasn't returned already, we're confident that
+		// |obj| is a plain object, created by {} or constructed with new Object
+		return true;
+	},
+
+	isEmptyObject: function( obj ) {
+		var name;
+		for ( name in obj ) {
+			return false;
+		}
+		return true;
+	},
+
+	type: function( obj ) {
+		if ( obj == null ) {
+			return obj + "";
+		}
+		// Support: Android < 4.0, iOS < 6 (functionish RegExp)
+		return typeof obj === "object" || typeof obj === "function" ?
+			class2type[ toString.call(obj) ] || "object" :
+			typeof obj;
+	},
+
+	// Evaluates a script in a global context
+	globalEval: function( code ) {
+		var script,
+			indirect = eval;
+
+		code = jQuery.trim( code );
+
+		if ( code ) {
+			// If the code includes a valid, prologue position
+			// strict mode pragma, execute code by injecting a
+			// script tag into the document.
+			if ( code.indexOf("use strict") === 1 ) {
+				script = document.createElement("script");
+				script.text = code;
+				document.head.appendChild( script ).parentNode.removeChild( script );
+			} else {
+			// Otherwise, avoid the DOM node creation, insertion
+			// and removal by using an indirect global eval
+				indirect( code );
+			}
+		}
+	},
+
+	// Convert dashed to camelCase; used by the css and data modules
+	// Microsoft forgot to hump their vendor prefix (#9572)
+	camelCase: function( string ) {
+		return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
+	},
+
+	nodeName: function( elem, name ) {
+		return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
+	},
+
+	// args is for internal usage only
+	each: function( obj, callback, args ) {
+		var value,
+			i = 0,
+			length = obj.length,
+			isArray = isArraylike( obj );
+
+		if ( args ) {
+			if ( isArray ) {
+				for ( ; i < length; i++ ) {
+					value = callback.apply( obj[ i ], args );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			} else {
+				for ( i in obj ) {
+					value = callback.apply( obj[ i ], args );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			}
+
+		// A special, fast, case for the most common use of each
+		} else {
+			if ( isArray ) {
+				for ( ; i < length; i++ ) {
+					value = callback.call( obj[ i ], i, obj[ i ] );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			} else {
+				for ( i in obj ) {
+					value = callback.call( obj[ i ], i, obj[ i ] );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			}
+		}
+
+		return obj;
+	},
+
+	// Support: Android<4.1
+	trim: function( text ) {
+		return text == null ?
+			"" :
+			( text + "" ).replace( rtrim, "" );
+	},
+
+	// results is for internal usage only
+	makeArray: function( arr, results ) {
+		var ret = results || [];
+
+		if ( arr != null ) {
+			if ( isArraylike( Object(arr) ) ) {
+				jQuery.merge( ret,
+					typeof arr === "string" ?
+					[ arr ] : arr
+				);
+			} else {
+				push.call( ret, arr );
+			}
+		}
+
+		return ret;
+	},
+
+	inArray: function( elem, arr, i ) {
+		return arr == null ? -1 : indexOf.call( arr, elem, i );
+	},
+
+	merge: function( first, second ) {
+		var len = +second.length,
+			j = 0,
+			i = first.length;
+
+		for ( ; j < len; j++ ) {
+			first[ i++ ] = second[ j ];
+		}
+
+		first.length = i;
+
+		return first;
+	},
+
+	grep: function( elems, callback, invert ) {
+		var callbackInverse,
+			matches = [],
+			i = 0,
+			length = elems.length,
+			callbackExpect = !invert;
+
+		// Go through the array, only saving the items
+		// that pass the validator function
+		for ( ; i < length; i++ ) {
+			callbackInverse = !callback( elems[ i ], i );
+			if ( callbackInverse !== callbackExpect ) {
+				matches.push( elems[ i ] );
+			}
+		}
+
+		return matches;
+	},
+
+	// arg is for internal usage only
+	map: function( elems, callback, arg ) {
+		var value,
+			i = 0,
+			length = elems.length,
+			isArray = isArraylike( elems ),
+			ret = [];
+
+		// Go through the array, translating each of the items to their new values
+		if ( isArray ) {
+			for ( ; i < length; i++ ) {
+				value = callback( elems[ i ], i, arg );
+
+				if ( value != null ) {
+					ret.push( value );
+				}
+			}
+
+		// Go through every key on the object,
+		} else {
+			for ( i in elems ) {
+				value = callback( elems[ i ], i, arg );
+
+				if ( value != null ) {
+					ret.push( value );
+				}
+			}
+		}
+
+		// Flatten any nested arrays
+		return concat.apply( [], ret );
+	},
+
+	// A global GUID counter for objects
+	guid: 1,
+
+	// Bind a function to a context, optionally partially applying any
+	// arguments.
+	proxy: function( fn, context ) {
+		var tmp, args, proxy;
+
+		if ( typeof context === "string" ) {
+			tmp = fn[ context ];
+			context = fn;
+			fn = tmp;
+		}
+
+		// Quick check to determine if target is callable, in the spec
+		// this throws a TypeError, but we will just return undefined.
+		if ( !jQuery.isFunction( fn ) ) {
+			return undefined;
+		}
+
+		// Simulated bind
+		args = slice.call( arguments, 2 );
+		proxy = function() {
+			return fn.apply( context || this, args.concat( slice.call( arguments ) ) );
+		};
+
+		// Set the guid of unique handler to the same of original handler, so it can be removed
+		proxy.guid = fn.guid = fn.guid || jQuery.guid++;
+
+		return proxy;
+	},
+
+	now: Date.now,
+
+	// jQuery.support is not used in Core but other projects attach their
+	// properties to it so it needs to exist.
+	support: support
+});
+
+// Populate the class2type map
+jQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {
+	class2type[ "[object " + name + "]" ] = name.toLowerCase();
+});
+
+function isArraylike( obj ) {
+	var length = obj.length,
+		type = jQuery.type( obj );
+
+	if ( type === "function" || jQuery.isWindow( obj ) ) {
+		return false;
+	}
+
+	if ( obj.nodeType === 1 && length ) {
+		return true;
+	}
+
+	return type === "array" || length === 0 ||
+		typeof length === "number" && length > 0 && ( length - 1 ) in obj;
+}
+var Sizzle =
+/*!
+ * Sizzle CSS Selector Engine v1.10.19
+ * http://sizzlejs.com/
+ *
+ * Copyright 2013 jQuery Foundation, Inc. and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2014-04-18
+ */
+(function( window ) {
+
+var i,
+	support,
+	Expr,
+	getText,
+	isXML,
+	tokenize,
+	compile,
+	select,
+	outermostContext,
+	sortInput,
+	hasDuplicate,
+
+	// Local document vars
+	setDocument,
+	document,
+	docElem,
+	documentIsHTML,
+	rbuggyQSA,
+	rbuggyMatches,
+	matches,
+	contains,
+
+	// Instance-specific data
+	expando = "sizzle" + -(new Date()),
+	preferredDoc = window.document,
+	dirruns = 0,
+	done = 0,
+	classCache = createCache(),
+	tokenCache = createCache(),
+	compilerCache = createCache(),
+	sortOrder = function( a, b ) {
+		if ( a === b ) {
+			hasDuplicate = true;
+		}
+		return 0;
+	},
+
+	// General-purpose constants
+	strundefined = typeof undefined,
+	MAX_NEGATIVE = 1 << 31,
+
+	// Instance methods
+	hasOwn = ({}).hasOwnProperty,
+	arr = [],
+	pop = arr.pop,
+	push_native = arr.push,
+	push = arr.push,
+	slice = arr.slice,
+	// Use a stripped-down indexOf if we can't use a native one
+	indexOf = arr.indexOf || function( elem ) {
+		var i = 0,
+			len = this.length;
+		for ( ; i < len; i++ ) {
+			if ( this[i] === elem ) {
+				return i;
+			}
+		}
+		return -1;
+	},
+
+	booleans = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",
+
+	// Regular expressions
+
+	// Whitespace characters http://www.w3.org/TR/css3-selectors/#whitespace
+	whitespace = "[\\x20\\t\\r\\n\\f]",
+	// http://www.w3.org/TR/css3-syntax/#characters
+	characterEncoding = "(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",
+
+	// Loosely modeled on CSS identifier characters
+	// An unquoted value should be a CSS identifier http://www.w3.org/TR/css3-selectors/#attribute-selectors
+	// Proper syntax: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier
+	identifier = characterEncoding.replace( "w", "w#" ),
+
+	// Attribute selectors: http://www.w3.org/TR/selectors/#attribute-selectors
+	attributes = "\\[" + whitespace + "*(" + characterEncoding + ")(?:" + whitespace +
+		// Operator (capture 2)
+		"*([*^$|!~]?=)" + whitespace +
+		// "Attribute values must be CSS identifiers [capture 5] or strings [capture 3 or capture 4]"
+		"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" + identifier + "))|)" + whitespace +
+		"*\\]",
+
+	pseudos = ":(" + characterEncoding + ")(?:\\((" +
+		// To reduce the number of selectors needing tokenize in the preFilter, prefer arguments:
+		// 1. quoted (capture 3; capture 4 or capture 5)
+		"('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|" +
+		// 2. simple (capture 6)
+		"((?:\\\\.|[^\\\\()[\\]]|" + attributes + ")*)|" +
+		// 3. anything else (capture 2)
+		".*" +
+		")\\)|)",
+
+	// Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter
+	rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ),
+
+	rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ),
+	rcombinators = new RegExp( "^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + "*" ),
+
+	rattributeQuotes = new RegExp( "=" + whitespace + "*([^\\]'\"]*?)" + whitespace + "*\\]", "g" ),
+
+	rpseudo = new RegExp( pseudos ),
+	ridentifier = new RegExp( "^" + identifier + "$" ),
+
+	matchExpr = {
+		"ID": new RegExp( "^#(" + characterEncoding + ")" ),
+		"CLASS": new RegExp( "^\\.(" + characterEncoding + ")" ),
+		"TAG": new RegExp( "^(" + characterEncoding.replace( "w", "w*" ) + ")" ),
+		"ATTR": new RegExp( "^" + attributes ),
+		"PSEUDO": new RegExp( "^" + pseudos ),
+		"CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + whitespace +
+			"*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace +
+			"*(\\d+)|))" + whitespace + "*\\)|)", "i" ),
+		"bool": new RegExp( "^(?:" + booleans + ")$", "i" ),
+		// For use in libraries implementing .is()
+		// We use this for POS matching in `select`
+		"needsContext": new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" +
+			whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" )
+	},
+
+	rinputs = /^(?:input|select|textarea|button)$/i,
+	rheader = /^h\d$/i,
+
+	rnative = /^[^{]+\{\s*\[native \w/,
+
+	// Easily-parseable/retrievable ID or TAG or CLASS selectors
+	rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
+
+	rsibling = /[+~]/,
+	rescape = /'|\\/g,
+
+	// CSS escapes http://www.w3.org/TR/CSS21/syndata.html#escaped-characters
+	runescape = new RegExp( "\\\\([\\da-f]{1,6}" + whitespace + "?|(" + whitespace + ")|.)", "ig" ),
+	funescape = function( _, escaped, escapedWhitespace ) {
+		var high = "0x" + escaped - 0x10000;
+		// NaN means non-codepoint
+		// Support: Firefox<24
+		// Workaround erroneous numeric interpretation of +"0x"
+		return high !== high || escapedWhitespace ?
+			escaped :
+			high < 0 ?
+				// BMP codepoint
+				String.fromCharCode( high + 0x10000 ) :
+				// Supplemental Plane codepoint (surrogate pair)
+				String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 );
+	};
+
+// Optimize for push.apply( _, NodeList )
+try {
+	push.apply(
+		(arr = slice.call( preferredDoc.childNodes )),
+		preferredDoc.childNodes
+	);
+	// Support: Android<4.0
+	// Detect silently failing push.apply
+	arr[ preferredDoc.childNodes.length ].nodeType;
+} catch ( e ) {
+	push = { apply: arr.length ?
+
+		// Leverage slice if possible
+		function( target, els ) {
+			push_native.apply( target, slice.call(els) );
+		} :
+
+		// Support: IE<9
+		// Otherwise append directly
+		function( target, els ) {
+			var j = target.length,
+				i = 0;
+			// Can't trust NodeList.length
+			while ( (target[j++] = els[i++]) ) {}
+			target.length = j - 1;
+		}
+	};
+}
+
+function Sizzle( selector, context, results, seed ) {
+	var match, elem, m, nodeType,
+		// QSA vars
+		i, groups, old, nid, newContext, newSelector;
+
+	if ( ( context ? context.ownerDocument || context : preferredDoc ) !== document ) {
+		setDocument( context );
+	}
+
+	context = context || document;
+	results = results || [];
+
+	if ( !selector || typeof selector !== "string" ) {
+		return results;
+	}
+
+	if ( (nodeType = context.nodeType) !== 1 && nodeType !== 9 ) {
+		return [];
+	}
+
+	if ( documentIsHTML && !seed ) {
+
+		// Shortcuts
+		if ( (match = rquickExpr.exec( selector )) ) {
+			// Speed-up: Sizzle("#ID")
+			if ( (m = match[1]) ) {
+				if ( nodeType === 9 ) {
+					elem = context.getElementById( m );
+					// Check parentNode to catch when Blackberry 4.6 returns
+					// nodes that are no longer in the document (jQuery #6963)
+					if ( elem && elem.parentNode ) {
+						// Handle the case where IE, Opera, and Webkit return items
+						// by name instead of ID
+						if ( elem.id === m ) {
+							results.push( elem );
+							return results;
+						}
+					} else {
+						return results;
+					}
+				} else {
+					// Context is not a document
+					if ( context.ownerDocument && (elem = context.ownerDocument.getElementById( m )) &&
+						contains( context, elem ) && elem.id === m ) {
+						results.push( elem );
+						return results;
+					}
+				}
+
+			// Speed-up: Sizzle("TAG")
+			} else if ( match[2] ) {
+				push.apply( results, context.getElementsByTagName( selector ) );
+				return results;
+
+			// Speed-up: Sizzle(".CLASS")
+			} else if ( (m = match[3]) && support.getElementsByClassName && context.getElementsByClassName ) {
+				push.apply( results, context.getElementsByClassName( m ) );
+				return results;
+			}
+		}
+
+		// QSA path
+		if ( support.qsa && (!rbuggyQSA || !rbuggyQSA.test( selector )) ) {
+			nid = old = expando;
+			newContext = context;
+			newSelector = nodeType === 9 && selector;
+
+			// qSA works strangely on Element-rooted queries
+			// We can work around this by specifying an extra ID on the root
+			// and working up from there (Thanks to Andrew Dupont for the technique)
+			// IE 8 doesn't work on object elements
+			if ( nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
+				groups = tokenize( selector );
+
+				if ( (old = context.getAttribute("id")) ) {
+					nid = old.replace( rescape, "\\$&" );
+				} else {
+					context.setAttribute( "id", nid );
+				}
+				nid = "[id='" + nid + "'] ";
+
+				i = groups.length;
+				while ( i-- ) {
+					groups[i] = nid + toSelector( groups[i] );
+				}
+				newContext = rsibling.test( selector ) && testContext( context.parentNode ) || context;
+				newSelector = groups.join(",");
+			}
+
+			if ( newSelector ) {
+				try {
+					push.apply( results,
+						newContext.querySelectorAll( newSelector )
+					);
+					return results;
+				} catch(qsaError) {
+				} finally {
+					if ( !old ) {
+						context.removeAttribute("id");
+					}
+				}
+			}
+		}
+	}
+
+	// All others
+	return select( selector.replace( rtrim, "$1" ), context, results, seed );
+}
+
+/**
+ * Create key-value caches of limited size
+ * @returns {Function(string, Object)} Returns the Object data after storing it on itself with
+ *	property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength)
+ *	deleting the oldest entry
+ */
+function createCache() {
+	var keys = [];
+
+	function cache( key, value ) {
+		// Use (key + " ") to avoid collision with native prototype properties (see Issue #157)
+		if ( keys.push( key + " " ) > Expr.cacheLength ) {
+			// Only keep the most recent entries
+			delete cache[ keys.shift() ];
+		}
+		return (cache[ key + " " ] = value);
+	}
+	return cache;
+}
+
+/**
+ * Mark a function for special use by Sizzle
+ * @param {Function} fn The function to mark
+ */
+function markFunction( fn ) {
+	fn[ expando ] = true;
+	return fn;
+}
+
+/**
+ * Support testing using an element
+ * @param {Function} fn Passed the created div and expects a boolean result
+ */
+function assert( fn ) {
+	var div = document.createElement("div");
+
+	try {
+		return !!fn( div );
+	} catch (e) {
+		return false;
+	} finally {
+		// Remove from its parent by default
+		if ( div.parentNode ) {
+			div.parentNode.removeChild( div );
+		}
+		// release memory in IE
+		div = null;
+	}
+}
+
+/**
+ * Adds the same handler for all of the specified attrs
+ * @param {String} attrs Pipe-separated list of attributes
+ * @param {Function} handler The method that will be applied
+ */
+function addHandle( attrs, handler ) {
+	var arr = attrs.split("|"),
+		i = attrs.length;
+
+	while ( i-- ) {
+		Expr.attrHandle[ arr[i] ] = handler;
+	}
+}
+
+/**
+ * Checks document order of two siblings
+ * @param {Element} a
+ * @param {Element} b
+ * @returns {Number} Returns less than 0 if a precedes b, greater than 0 if a follows b
+ */
+function siblingCheck( a, b ) {
+	var cur = b && a,
+		diff = cur && a.nodeType === 1 && b.nodeType === 1 &&
+			( ~b.sourceIndex || MAX_NEGATIVE ) -
+			( ~a.sourceIndex || MAX_NEGATIVE );
+
+	// Use IE sourceIndex if available on both nodes
+	if ( diff ) {
+		return diff;
+	}
+
+	// Check if b follows a
+	if ( cur ) {
+		while ( (cur = cur.nextSibling) ) {
+			if ( cur === b ) {
+				return -1;
+			}
+		}
+	}
+
+	return a ? 1 : -1;
+}
+
+/**
+ * Returns a function to use in pseudos for input types
+ * @param {String} type
+ */
+function createInputPseudo( type ) {
+	return function( elem ) {
+		var name = elem.nodeName.toLowerCase();
+		return name === "input" && elem.type === type;
+	};
+}
+
+/**
+ * Returns a function to use in pseudos for buttons
+ * @param {String} type
+ */
+function createButtonPseudo( type ) {
+	return function( elem ) {
+		var name = elem.nodeName.toLowerCase();
+		return (name === "input" || name === "button") && elem.type === type;
+	};
+}
+
+/**
+ * Returns a function to use in pseudos for positionals
+ * @param {Function} fn
+ */
+function createPositionalPseudo( fn ) {
+	return markFunction(function( argument ) {
+		argument = +argument;
+		return markFunction(function( seed, matches ) {
+			var j,
+				matchIndexes = fn( [], seed.length, argument ),
+				i = matchIndexes.length;
+
+			// Match elements found at the specified indexes
+			while ( i-- ) {
+				if ( seed[ (j = matchIndexes[i]) ] ) {
+					seed[j] = !(matches[j] = seed[j]);
+				}
+			}
+		});
+	});
+}
+
+/**
+ * Checks a node for validity as a Sizzle context
+ * @param {Element|Object=} context
+ * @returns {Element|Object|Boolean} The input node if acceptable, otherwise a falsy value
+ */
+function testContext( context ) {
+	return context && typeof context.getElementsByTagName !== strundefined && context;
+}
+
+// Expose support vars for convenience
+support = Sizzle.support = {};
+
+/**
+ * Detects XML nodes
+ * @param {Element|Object} elem An element or a document
+ * @returns {Boolean} True iff elem is a non-HTML XML node
+ */
+isXML = Sizzle.isXML = function( elem ) {
+	// documentElement is verified for cases where it doesn't yet exist
+	// (such as loading iframes in IE - #4833)
+	var documentElement = elem && (elem.ownerDocument || elem).documentElement;
+	return documentElement ? documentElement.nodeName !== "HTML" : false;
+};
+
+/**
+ * Sets document-related variables once based on the current document
+ * @param {Element|Object} [doc] An element or document object to use to set the document
+ * @returns {Object} Returns the current document
+ */
+setDocument = Sizzle.setDocument = function( node ) {
+	var hasCompare,
+		doc = node ? node.ownerDocument || node : preferredDoc,
+		parent = doc.defaultView;
+
+	// If no document and documentElement is available, return
+	if ( doc === document || doc.nodeType !== 9 || !doc.documentElement ) {
+		return document;
+	}
+
+	// Set our document
+	document = doc;
+	docElem = doc.documentElement;
+
+	// Support tests
+	documentIsHTML = !isXML( doc );
+
+	// Support: IE>8
+	// If iframe document is assigned to "document" variable and if iframe has been reloaded,
+	// IE will throw "permission denied" error when accessing "document" variable, see jQuery #13936
+	// IE6-8 do not support the defaultView property so parent will be undefined
+	if ( parent && parent !== parent.top ) {
+		// IE11 does not have attachEvent, so all must suffer
+		if ( parent.addEventListener ) {
+			parent.addEventListener( "unload", function() {
+				setDocument();
+			}, false );
+		} else if ( parent.attachEvent ) {
+			parent.attachEvent( "onunload", function() {
+				setDocument();
+			});
+		}
+	}
+
+	/* Attributes
+	---------------------------------------------------------------------- */
+
+	// Support: IE<8
+	// Verify that getAttribute really returns attributes and not properties (excepting IE8 booleans)
+	support.attributes = assert(function( div ) {
+		div.className = "i";
+		return !div.getAttribute("className");
+	});
+
+	/* getElement(s)By*
+	---------------------------------------------------------------------- */
+
+	// Check if getElementsByTagName("*") returns only elements
+	support.getElementsByTagName = assert(function( div ) {
+		div.appendChild( doc.createComment("") );
+		return !div.getElementsByTagName("*").length;
+	});
+
+	// Check if getElementsByClassName can be trusted
+	support.getElementsByClassName = rnative.test( doc.getElementsByClassName ) && assert(function( div ) {
+		div.innerHTML = "<div class='a'></div><div class='a i'></div>";
+
+		// Support: Safari<4
+		// Catch class over-caching
+		div.firstChild.className = "i";
+		// Support: Opera<10
+		// Catch gEBCN failure to find non-leading classes
+		return div.getElementsByClassName("i").length === 2;
+	});
+
+	// Support: IE<10
+	// Check if getElementById returns elements by name
+	// The broken getElementById methods don't pick up programatically-set names,
+	// so use a roundabout getElementsByName test
+	support.getById = assert(function( div ) {
+		docElem.appendChild( div ).id = expando;
+		return !doc.getElementsByName || !doc.getElementsByName( expando ).length;
+	});
+
+	// ID find and filter
+	if ( support.getById ) {
+		Expr.find["ID"] = function( id, context ) {
+			if ( typeof context.getElementById !== strundefined && documentIsHTML ) {
+				var m = context.getElementById( id );
+				// Check parentNode to catch when Blackberry 4.6 returns
+				// nodes that are no longer in the document #6963
+				return m && m.parentNode ? [ m ] : [];
+			}
+		};
+		Expr.filter["ID"] = function( id ) {
+			var attrId = id.replace( runescape, funescape );
+			return function( elem ) {
+				return elem.getAttribute("id") === attrId;
+			};
+		};
+	} else {
+		// Support: IE6/7
+		// getElementById is not reliable as a find shortcut
+		delete Expr.find["ID"];
+
+		Expr.filter["ID"] =  function( id ) {
+			var attrId = id.replace( runescape, funescape );
+			return function( elem ) {
+				var node = typeof elem.getAttributeNode !== strundefined && elem.getAttributeNode("id");
+				return node && node.value === attrId;
+			};
+		};
+	}
+
+	// Tag
+	Expr.find["TAG"] = support.getElementsByTagName ?
+		function( tag, context ) {
+			if ( typeof context.getElementsByTagName !== strundefined ) {
+				return context.getElementsByTagName( tag );
+			}
+		} :
+		function( tag, context ) {
+			var elem,
+				tmp = [],
+				i = 0,
+				results = context.getElementsByTagName( tag );
+
+			// Filter out possible comments
+			if ( tag === "*" ) {
+				while ( (elem = results[i++]) ) {
+					if ( elem.nodeType === 1 ) {
+						tmp.push( elem );
+					}
+				}
+
+				return tmp;
+			}
+			return results;
+		};
+
+	// Class
+	Expr.find["CLASS"] = support.getElementsByClassName && function( className, context ) {
+		if ( typeof context.getElementsByClassName !== strundefined && documentIsHTML ) {
+			return context.getElementsByClassName( className );
+		}
+	};
+
+	/* QSA/matchesSelector
+	---------------------------------------------------------------------- */
+
+	// QSA and matchesSelector support
+
+	// matchesSelector(:active) reports false when true (IE9/Opera 11.5)
+	rbuggyMatches = [];
+
+	// qSa(:focus) reports false when true (Chrome 21)
+	// We allow this because of a bug in IE8/9 that throws an error
+	// whenever `document.activeElement` is accessed on an iframe
+	// So, we allow :focus to pass through QSA all the time to avoid the IE error
+	// See http://bugs.jquery.com/ticket/13378
+	rbuggyQSA = [];
+
+	if ( (support.qsa = rnative.test( doc.querySelectorAll )) ) {
+		// Build QSA regex
+		// Regex strategy adopted from Diego Perini
+		assert(function( div ) {
+			// Select is set to empty string on purpose
+			// This is to test IE's treatment of not explicitly
+			// setting a boolean content attribute,
+			// since its presence should be enough
+			// http://bugs.jquery.com/ticket/12359
+			div.innerHTML = "<select msallowclip=''><option selected=''></option></select>";
+
+			// Support: IE8, Opera 11-12.16
+			// Nothing should be selected when empty strings follow ^= or $= or *=
+			// The test attribute must be unknown in Opera but "safe" for WinRT
+			// http://msdn.microsoft.com/en-us/library/ie/hh465388.aspx#attribute_section
+			if ( div.querySelectorAll("[msallowclip^='']").length ) {
+				rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:''|\"\")" );
+			}
+
+			// Support: IE8
+			// Boolean attributes and "value" are not treated correctly
+			if ( !div.querySelectorAll("[selected]").length ) {
+				rbuggyQSA.push( "\\[" + whitespace + "*(?:value|" + booleans + ")" );
+			}
+
+			// Webkit/Opera - :checked should return selected option elements
+			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+			// IE8 throws error here and will not see later tests
+			if ( !div.querySelectorAll(":checked").length ) {
+				rbuggyQSA.push(":checked");
+			}
+		});
+
+		assert(function( div ) {
+			// Support: Windows 8 Native Apps
+			// The type and name attributes are restricted during .innerHTML assignment
+			var input = doc.createElement("input");
+			input.setAttribute( "type", "hidden" );
+			div.appendChild( input ).setAttribute( "name", "D" );
+
+			// Support: IE8
+			// Enforce case-sensitivity of name attribute
+			if ( div.querySelectorAll("[name=d]").length ) {
+				rbuggyQSA.push( "name" + whitespace + "*[*^$|!~]?=" );
+			}
+
+			// FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled)
+			// IE8 throws error here and will not see later tests
+			if ( !div.querySelectorAll(":enabled").length ) {
+				rbuggyQSA.push( ":enabled", ":disabled" );
+			}
+
+			// Opera 10-11 does not throw on post-comma invalid pseudos
+			div.querySelectorAll("*,:x");
+			rbuggyQSA.push(",.*:");
+		});
+	}
+
+	if ( (support.matchesSelector = rnative.test( (matches = docElem.matches ||
+		docElem.webkitMatchesSelector ||
+		docElem.mozMatchesSelector ||
+		docElem.oMatchesSelector ||
+		docElem.msMatchesSelector) )) ) {
+
+		assert(function( div ) {
+			// Check to see if it's possible to do matchesSelector
+			// on a disconnected node (IE 9)
+			support.disconnectedMatch = matches.call( div, "div" );
+
+			// This should fail with an exception
+			// Gecko does not error, returns false instead
+			matches.call( div, "[s!='']:x" );
+			rbuggyMatches.push( "!=", pseudos );
+		});
+	}
+
+	rbuggyQSA = rbuggyQSA.length && new RegExp( rbuggyQSA.join("|") );
+	rbuggyMatches = rbuggyMatches.length && new RegExp( rbuggyMatches.join("|") );
+
+	/* Contains
+	---------------------------------------------------------------------- */
+	hasCompare = rnative.test( docElem.compareDocumentPosition );
+
+	// Element contains another
+	// Purposefully does not implement inclusive descendent
+	// As in, an element does not contain itself
+	contains = hasCompare || rnative.test( docElem.contains ) ?
+		function( a, b ) {
+			var adown = a.nodeType === 9 ? a.documentElement : a,
+				bup = b && b.parentNode;
+			return a === bup || !!( bup && bup.nodeType === 1 && (
+				adown.contains ?
+					adown.contains( bup ) :
+					a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16
+			));
+		} :
+		function( a, b ) {
+			if ( b ) {
+				while ( (b = b.parentNode) ) {
+					if ( b === a ) {
+						return true;
+					}
+				}
+			}
+			return false;
+		};
+
+	/* Sorting
+	---------------------------------------------------------------------- */
+
+	// Document order sorting
+	sortOrder = hasCompare ?
+	function( a, b ) {
+
+		// Flag for duplicate removal
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+		}
+
+		// Sort on method existence if only one input has compareDocumentPosition
+		var compare = !a.compareDocumentPosition - !b.compareDocumentPosition;
+		if ( compare ) {
+			return compare;
+		}
+
+		// Calculate position if both inputs belong to the same document
+		compare = ( a.ownerDocument || a ) === ( b.ownerDocument || b ) ?
+			a.compareDocumentPosition( b ) :
+
+			// Otherwise we know they are disconnected
+			1;
+
+		// Disconnected nodes
+		if ( compare & 1 ||
+			(!support.sortDetached && b.compareDocumentPosition( a ) === compare) ) {
+
+			// Choose the first element that is related to our preferred document
+			if ( a === doc || a.ownerDocument === preferredDoc && contains(preferredDoc, a) ) {
+				return -1;
+			}
+			if ( b === doc || b.ownerDocument === preferredDoc && contains(preferredDoc, b) ) {
+				return 1;
+			}
+
+			// Maintain original order
+			return sortInput ?
+				( indexOf.call( sortInput, a ) - indexOf.call( sortInput, b ) ) :
+				0;
+		}
+
+		return compare & 4 ? -1 : 1;
+	} :
+	function( a, b ) {
+		// Exit early if the nodes are identical
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+		}
+
+		var cur,
+			i = 0,
+			aup = a.parentNode,
+			bup = b.parentNode,
+			ap = [ a ],
+			bp = [ b ];
+
+		// Parentless nodes are either documents or disconnected
+		if ( !aup || !bup ) {
+			return a === doc ? -1 :
+				b === doc ? 1 :
+				aup ? -1 :
+				bup ? 1 :
+				sortInput ?
+				( indexOf.call( sortInput, a ) - indexOf.call( sortInput, b ) ) :
+				0;
+
+		// If the nodes are siblings, we can do a quick check
+		} else if ( aup === bup ) {
+			return siblingCheck( a, b );
+		}
+
+		// Otherwise we need full lists of their ancestors for comparison
+		cur = a;
+		while ( (cur = cur.parentNode) ) {
+			ap.unshift( cur );
+		}
+		cur = b;
+		while ( (cur = cur.parentNode) ) {
+			bp.unshift( cur );
+		}
+
+		// Walk down the tree looking for a discrepancy
+		while ( ap[i] === bp[i] ) {
+			i++;
+		}
+
+		return i ?
+			// Do a sibling check if the nodes have a common ancestor
+			siblingCheck( ap[i], bp[i] ) :
+
+			// Otherwise nodes in our document sort first
+			ap[i] === preferredDoc ? -1 :
+			bp[i] === preferredDoc ? 1 :
+			0;
+	};
+
+	return doc;
+};
+
+Sizzle.matches = function( expr, elements ) {
+	return Sizzle( expr, null, null, elements );
+};
+
+Sizzle.matchesSelector = function( elem, expr ) {
+	// Set document vars if needed
+	if ( ( elem.ownerDocument || elem ) !== document ) {
+		setDocument( elem );
+	}
+
+	// Make sure that attribute selectors are quoted
+	expr = expr.replace( rattributeQuotes, "='$1']" );
+
+	if ( support.matchesSelector && documentIsHTML &&
+		( !rbuggyMatches || !rbuggyMatches.test( expr ) ) &&
+		( !rbuggyQSA     || !rbuggyQSA.test( expr ) ) ) {
+
+		try {
+			var ret = matches.call( elem, expr );
+
+			// IE 9's matchesSelector returns false on disconnected nodes
+			if ( ret || support.disconnectedMatch ||
+					// As well, disconnected nodes are said to be in a document
+					// fragment in IE 9
+					elem.document && elem.document.nodeType !== 11 ) {
+				return ret;
+			}
+		} catch(e) {}
+	}
+
+	return Sizzle( expr, document, null, [ elem ] ).length > 0;
+};
+
+Sizzle.contains = function( context, elem ) {
+	// Set document vars if needed
+	if ( ( context.ownerDocument || context ) !== document ) {
+		setDocument( context );
+	}
+	return contains( context, elem );
+};
+
+Sizzle.attr = function( elem, name ) {
+	// Set document vars if needed
+	if ( ( elem.ownerDocument || elem ) !== document ) {
+		setDocument( elem );
+	}
+
+	var fn = Expr.attrHandle[ name.toLowerCase() ],
+		// Don't get fooled by Object.prototype properties (jQuery #13807)
+		val = fn && hasOwn.call( Expr.attrHandle, name.toLowerCase() ) ?
+			fn( elem, name, !documentIsHTML ) :
+			undefined;
+
+	return val !== undefined ?
+		val :
+		support.attributes || !documentIsHTML ?
+			elem.getAttribute( name ) :
+			(val = elem.getAttributeNode(name)) && val.specified ?
+				val.value :
+				null;
+};
+
+Sizzle.error = function( msg ) {
+	throw new Error( "Syntax error, unrecognized expression: " + msg );
+};
+
+/**
+ * Document sorting and removing duplicates
+ * @param {ArrayLike} results
+ */
+Sizzle.uniqueSort = function( results ) {
+	var elem,
+		duplicates = [],
+		j = 0,
+		i = 0;
+
+	// Unless we *know* we can detect duplicates, assume their presence
+	hasDuplicate = !support.detectDuplicates;
+	sortInput = !support.sortStable && results.slice( 0 );
+	results.sort( sortOrder );
+
+	if ( hasDuplicate ) {
+		while ( (elem = results[i++]) ) {
+			if ( elem === results[ i ] ) {
+				j = duplicates.push( i );
+			}
+		}
+		while ( j-- ) {
+			results.splice( duplicates[ j ], 1 );
+		}
+	}
+
+	// Clear input after sorting to release objects
+	// See https://github.com/jquery/sizzle/pull/225
+	sortInput = null;
+
+	return results;
+};
+
+/**
+ * Utility function for retrieving the text value of an array of DOM nodes
+ * @param {Array|Element} elem
+ */
+getText = Sizzle.getText = function( elem ) {
+	var node,
+		ret = "",
+		i = 0,
+		nodeType = elem.nodeType;
+
+	if ( !nodeType ) {
+		// If no nodeType, this is expected to be an array
+		while ( (node = elem[i++]) ) {
+			// Do not traverse comment nodes
+			ret += getText( node );
+		}
+	} else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) {
+		// Use textContent for elements
+		// innerText usage removed for consistency of new lines (jQuery #11153)
+		if ( typeof elem.textContent === "string" ) {
+			return elem.textContent;
+		} else {
+			// Traverse its children
+			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+				ret += getText( elem );
+			}
+		}
+	} else if ( nodeType === 3 || nodeType === 4 ) {
+		return elem.nodeValue;
+	}
+	// Do not include comment or processing instruction nodes
+
+	return ret;
+};
+
+Expr = Sizzle.selectors = {
+
+	// Can be adjusted by the user
+	cacheLength: 50,
+
+	createPseudo: markFunction,
+
+	match: matchExpr,
+
+	attrHandle: {},
+
+	find: {},
+
+	relative: {
+		">": { dir: "parentNode", first: true },
+		" ": { dir: "parentNode" },
+		"+": { dir: "previousSibling", first: true },
+		"~": { dir: "previousSibling" }
+	},
+
+	preFilter: {
+		"ATTR": function( match ) {
+			match[1] = match[1].replace( runescape, funescape );
+
+			// Move the given value to match[3] whether quoted or unquoted
+			match[3] = ( match[3] || match[4] || match[5] || "" ).replace( runescape, funescape );
+
+			if ( match[2] === "~=" ) {
+				match[3] = " " + match[3] + " ";
+			}
+
+			return match.slice( 0, 4 );
+		},
+
+		"CHILD": function( match ) {
+			/* matches from matchExpr["CHILD"]
+				1 type (only|nth|...)
+				2 what (child|of-type)
+				3 argument (even|odd|\d*|\d*n([+-]\d+)?|...)
+				4 xn-component of xn+y argument ([+-]?\d*n|)
+				5 sign of xn-component
+				6 x of xn-component
+				7 sign of y-component
+				8 y of y-component
+			*/
+			match[1] = match[1].toLowerCase();
+
+			if ( match[1].slice( 0, 3 ) === "nth" ) {
+				// nth-* requires argument
+				if ( !match[3] ) {
+					Sizzle.error( match[0] );
+				}
+
+				// numeric x and y parameters for Expr.filter.CHILD
+				// remember that false/true cast respectively to 0/1
+				match[4] = +( match[4] ? match[5] + (match[6] || 1) : 2 * ( match[3] === "even" || match[3] === "odd" ) );
+				match[5] = +( ( match[7] + match[8] ) || match[3] === "odd" );
+
+			// other types prohibit arguments
+			} else if ( match[3] ) {
+				Sizzle.error( match[0] );
+			}
+
+			return match;
+		},
+
+		"PSEUDO": function( match ) {
+			var excess,
+				unquoted = !match[6] && match[2];
+
+			if ( matchExpr["CHILD"].test( match[0] ) ) {
+				return null;
+			}
+
+			// Accept quoted arguments as-is
+			if ( match[3] ) {
+				match[2] = match[4] || match[5] || "";
+
+			// Strip excess characters from unquoted arguments
+			} else if ( unquoted && rpseudo.test( unquoted ) &&
+				// Get excess from tokenize (recursively)
+				(excess = tokenize( unquoted, true )) &&
+				// advance to the next closing parenthesis
+				(excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) {
+
+				// excess is a negative index
+				match[0] = match[0].slice( 0, excess );
+				match[2] = unquoted.slice( 0, excess );
+			}
+
+			// Return only captures needed by the pseudo filter method (type and argument)
+			return match.slice( 0, 3 );
+		}
+	},
+
+	filter: {
+
+		"TAG": function( nodeNameSelector ) {
+			var nodeName = nodeNameSelector.replace( runescape, funescape ).toLowerCase();
+			return nodeNameSelector === "*" ?
+				function() { return true; } :
+				function( elem ) {
+					return elem.nodeName && elem.nodeName.toLowerCase() === nodeName;
+				};
+		},
+
+		"CLASS": function( className ) {
+			var pattern = classCache[ className + " " ];
+
+			return pattern ||
+				(pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) &&
+				classCache( className, function( elem ) {
+					return pattern.test( typeof elem.className === "string" && elem.className || typeof elem.getAttribute !== strundefined && elem.getAttribute("class") || "" );
+				});
+		},
+
+		"ATTR": function( name, operator, check ) {
+			return function( elem ) {
+				var result = Sizzle.attr( elem, name );
+
+				if ( result == null ) {
+					return operator === "!=";
+				}
+				if ( !operator ) {
+					return true;
+				}
+
+				result += "";
+
+				return operator === "=" ? result === check :
+					operator === "!=" ? result !== check :
+					operator === "^=" ? check && result.indexOf( check ) === 0 :
+					operator === "*=" ? check && result.indexOf( check ) > -1 :
+					operator === "$=" ? check && result.slice( -check.length ) === check :
+					operator === "~=" ? ( " " + result + " " ).indexOf( check ) > -1 :
+					operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" :
+					false;
+			};
+		},
+
+		"CHILD": function( type, what, argument, first, last ) {
+			var simple = type.slice( 0, 3 ) !== "nth",
+				forward = type.slice( -4 ) !== "last",
+				ofType = what === "of-type";
+
+			return first === 1 && last === 0 ?
+
+				// Shortcut for :nth-*(n)
+				function( elem ) {
+					return !!elem.parentNode;
+				} :
+
+				function( elem, context, xml ) {
+					var cache, outerCache, node, diff, nodeIndex, start,
+						dir = simple !== forward ? "nextSibling" : "previousSibling",
+						parent = elem.parentNode,
+						name = ofType && elem.nodeName.toLowerCase(),
+						useCache = !xml && !ofType;
+
+					if ( parent ) {
+
+						// :(first|last|only)-(child|of-type)
+						if ( simple ) {
+							while ( dir ) {
+								node = elem;
+								while ( (node = node[ dir ]) ) {
+									if ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) {
+										return false;
+									}
+								}
+								// Reverse direction for :only-* (if we haven't yet done so)
+								start = dir = type === "only" && !start && "nextSibling";
+							}
+							return true;
+						}
+
+						start = [ forward ? parent.firstChild : parent.lastChild ];
+
+						// non-xml :nth-child(...) stores cache data on `parent`
+						if ( forward && useCache ) {
+							// Seek `elem` from a previously-cached index
+							outerCache = parent[ expando ] || (parent[ expando ] = {});
+							cache = outerCache[ type ] || [];
+							nodeIndex = cache[0] === dirruns && cache[1];
+							diff = cache[0] === dirruns && cache[2];
+							node = nodeIndex && parent.childNodes[ nodeIndex ];
+
+							while ( (node = ++nodeIndex && node && node[ dir ] ||
+
+								// Fallback to seeking `elem` from the start
+								(diff = nodeIndex = 0) || start.pop()) ) {
+
+								// When found, cache indexes on `parent` and break
+								if ( node.nodeType === 1 && ++diff && node === elem ) {
+									outerCache[ type ] = [ dirruns, nodeIndex, diff ];
+									break;
+								}
+							}
+
+						// Use previously-cached element index if available
+						} else if ( useCache && (cache = (elem[ expando ] || (elem[ expando ] = {}))[ type ]) && cache[0] === dirruns ) {
+							diff = cache[1];
+
+						// xml :nth-child(...) or :nth-last-child(...) or :nth(-last)?-of-type(...)
+						} else {
+							// Use the same loop as above to seek `elem` from the start
+							while ( (node = ++nodeIndex && node && node[ dir ] ||
+								(diff = nodeIndex = 0) || start.pop()) ) {
+
+								if ( ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) && ++diff ) {
+									// Cache the index of each encountered element
+									if ( useCache ) {
+										(node[ expando ] || (node[ expando ] = {}))[ type ] = [ dirruns, diff ];
+									}
+
+									if ( node === elem ) {
+										break;
+									}
+								}
+							}
+						}
+
+						// Incorporate the offset, then check against cycle size
+						diff -= last;
+						return diff === first || ( diff % first === 0 && diff / first >= 0 );
+					}
+				};
+		},
+
+		"PSEUDO": function( pseudo, argument ) {
+			// pseudo-class names are case-insensitive
+			// http://www.w3.org/TR/selectors/#pseudo-classes
+			// Prioritize by case sensitivity in case custom pseudos are added with uppercase letters
+			// Remember that setFilters inherits from pseudos
+			var args,
+				fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] ||
+					Sizzle.error( "unsupported pseudo: " + pseudo );
+
+			// The user may use createPseudo to indicate that
+			// arguments are needed to create the filter function
+			// just as Sizzle does
+			if ( fn[ expando ] ) {
+				return fn( argument );
+			}
+
+			// But maintain support for old signatures
+			if ( fn.length > 1 ) {
+				args = [ pseudo, pseudo, "", argument ];
+				return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ?
+					markFunction(function( seed, matches ) {
+						var idx,
+							matched = fn( seed, argument ),
+							i = matched.length;
+						while ( i-- ) {
+							idx = indexOf.call( seed, matched[i] );
+							seed[ idx ] = !( matches[ idx ] = matched[i] );
+						}
+					}) :
+					function( elem ) {
+						return fn( elem, 0, args );
+					};
+			}
+
+			return fn;
+		}
+	},
+
+	pseudos: {
+		// Potentially complex pseudos
+		"not": markFunction(function( selector ) {
+			// Trim the selector passed to compile
+			// to avoid treating leading and trailing
+			// spaces as combinators
+			var input = [],
+				results = [],
+				matcher = compile( selector.replace( rtrim, "$1" ) );
+
+			return matcher[ expando ] ?
+				markFunction(function( seed, matches, context, xml ) {
+					var elem,
+						unmatched = matcher( seed, null, xml, [] ),
+						i = seed.length;
+
+					// Match elements unmatched by `matcher`
+					while ( i-- ) {
+						if ( (elem = unmatched[i]) ) {
+							seed[i] = !(matches[i] = elem);
+						}
+					}
+				}) :
+				function( elem, context, xml ) {
+					input[0] = elem;
+					matcher( input, null, xml, results );
+					return !results.pop();
+				};
+		}),
+
+		"has": markFunction(function( selector ) {
+			return function( elem ) {
+				return Sizzle( selector, elem ).length > 0;
+			};
+		}),
+
+		"contains": markFunction(function( text ) {
+			return function( elem ) {
+				return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1;
+			};
+		}),
+
+		// "Whether an element is represented by a :lang() selector
+		// is based solely on the element's language value
+		// being equal to the identifier C,
+		// or beginning with the identifier C immediately followed by "-".
+		// The matching of C against the element's language value is performed case-insensitively.
+		// The identifier C does not have to be a valid language name."
+		// http://www.w3.org/TR/selectors/#lang-pseudo
+		"lang": markFunction( function( lang ) {
+			// lang value must be a valid identifier
+			if ( !ridentifier.test(lang || "") ) {
+				Sizzle.error( "unsupported lang: " + lang );
+			}
+			lang = lang.replace( runescape, funescape ).toLowerCase();
+			return function( elem ) {
+				var elemLang;
+				do {
+					if ( (elemLang = documentIsHTML ?
+						elem.lang :
+						elem.getAttribute("xml:lang") || elem.getAttribute("lang")) ) {
+
+						elemLang = elemLang.toLowerCase();
+						return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0;
+					}
+				} while ( (elem = elem.parentNode) && elem.nodeType === 1 );
+				return false;
+			};
+		}),
+
+		// Miscellaneous
+		"target": function( elem ) {
+			var hash = window.location && window.location.hash;
+			return hash && hash.slice( 1 ) === elem.id;
+		},
+
+		"root": function( elem ) {
+			return elem === docElem;
+		},
+
+		"focus": function( elem ) {
+			return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex);
+		},
+
+		// Boolean properties
+		"enabled": function( elem ) {
+			return elem.disabled === false;
+		},
+
+		"disabled": function( elem ) {
+			return elem.disabled === true;
+		},
+
+		"checked": function( elem ) {
+			// In CSS3, :checked should return both checked and selected elements
+			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+			var nodeName = elem.nodeName.toLowerCase();
+			return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected);
+		},
+
+		"selected": function( elem ) {
+			// Accessing this property makes selected-by-default
+			// options in Safari work properly
+			if ( elem.parentNode ) {
+				elem.parentNode.selectedIndex;
+			}
+
+			return elem.selected === true;
+		},
+
+		// Contents
+		"empty": function( elem ) {
+			// http://www.w3.org/TR/selectors/#empty-pseudo
+			// :empty is negated by element (1) or content nodes (text: 3; cdata: 4; entity ref: 5),
+			//   but not by others (comment: 8; processing instruction: 7; etc.)
+			// nodeType < 6 works because attributes (2) do not appear as children
+			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+				if ( elem.nodeType < 6 ) {
+					return false;
+				}
+			}
+			return true;
+		},
+
+		"parent": function( elem ) {
+			return !Expr.pseudos["empty"]( elem );
+		},
+
+		// Element/input types
+		"header": function( elem ) {
+			return rheader.test( elem.nodeName );
+		},
+
+		"input": function( elem ) {
+			return rinputs.test( elem.nodeName );
+		},
+
+		"button": function( elem ) {
+			var name = elem.nodeName.toLowerCase();
+			return name === "input" && elem.type === "button" || name === "button";
+		},
+
+		"text": function( elem ) {
+			var attr;
+			return elem.nodeName.toLowerCase() === "input" &&
+				elem.type === "text" &&
+
+				// Support: IE<8
+				// New HTML5 attribute values (e.g., "search") appear with elem.type === "text"
+				( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === "text" );
+		},
+
+		// Position-in-collection
+		"first": createPositionalPseudo(function() {
+			return [ 0 ];
+		}),
+
+		"last": createPositionalPseudo(function( matchIndexes, length ) {
+			return [ length - 1 ];
+		}),
+
+		"eq": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			return [ argument < 0 ? argument + length : argument ];
+		}),
+
+		"even": createPositionalPseudo(function( matchIndexes, length ) {
+			var i = 0;
+			for ( ; i < length; i += 2 ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"odd": createPositionalPseudo(function( matchIndexes, length ) {
+			var i = 1;
+			for ( ; i < length; i += 2 ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"lt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			var i = argument < 0 ? argument + length : argument;
+			for ( ; --i >= 0; ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"gt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			var i = argument < 0 ? argument + length : argument;
+			for ( ; ++i < length; ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		})
+	}
+};
+
+Expr.pseudos["nth"] = Expr.pseudos["eq"];
+
+// Add button/input type pseudos
+for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) {
+	Expr.pseudos[ i ] = createInputPseudo( i );
+}
+for ( i in { submit: true, reset: true } ) {
+	Expr.pseudos[ i ] = createButtonPseudo( i );
+}
+
+// Easy API for creating new setFilters
+function setFilters() {}
+setFilters.prototype = Expr.filters = Expr.pseudos;
+Expr.setFilters = new setFilters();
+
+tokenize = Sizzle.tokenize = function( selector, parseOnly ) {
+	var matched, match, tokens, type,
+		soFar, groups, preFilters,
+		cached = tokenCache[ selector + " " ];
+
+	if ( cached ) {
+		return parseOnly ? 0 : cached.slice( 0 );
+	}
+
+	soFar = selector;
+	groups = [];
+	preFilters = Expr.preFilter;
+
+	while ( soFar ) {
+
+		// Comma and first run
+		if ( !matched || (match = rcomma.exec( soFar )) ) {
+			if ( match ) {
+				// Don't consume trailing commas as valid
+				soFar = soFar.slice( match[0].length ) || soFar;
+			}
+			groups.push( (tokens = []) );
+		}
+
+		matched = false;
+
+		// Combinators
+		if ( (match = rcombinators.exec( soFar )) ) {
+			matched = match.shift();
+			tokens.push({
+				value: matched,
+				// Cast descendant combinators to space
+				type: match[0].replace( rtrim, " " )
+			});
+			soFar = soFar.slice( matched.length );
+		}
+
+		// Filters
+		for ( type in Expr.filter ) {
+			if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] ||
+				(match = preFilters[ type ]( match ))) ) {
+				matched = match.shift();
+				tokens.push({
+					value: matched,
+					type: type,
+					matches: match
+				});
+				soFar = soFar.slice( matched.length );
+			}
+		}
+
+		if ( !matched ) {
+			break;
+		}
+	}
+
+	// Return the length of the invalid excess
+	// if we're just parsing
+	// Otherwise, throw an error or return tokens
+	return parseOnly ?
+		soFar.length :
+		soFar ?
+			Sizzle.error( selector ) :
+			// Cache the tokens
+			tokenCache( selector, groups ).slice( 0 );
+};
+
+function toSelector( tokens ) {
+	var i = 0,
+		len = tokens.length,
+		selector = "";
+	for ( ; i < len; i++ ) {
+		selector += tokens[i].value;
+	}
+	return selector;
+}
+
+function addCombinator( matcher, combinator, base ) {
+	var dir = combinator.dir,
+		checkNonElements = base && dir === "parentNode",
+		doneName = done++;
+
+	return combinator.first ?
+		// Check against closest ancestor/preceding element
+		function( elem, context, xml ) {
+			while ( (elem = elem[ dir ]) ) {
+				if ( elem.nodeType === 1 || checkNonElements ) {
+					return matcher( elem, context, xml );
+				}
+			}
+		} :
+
+		// Check against all ancestor/preceding elements
+		function( elem, context, xml ) {
+			var oldCache, outerCache,
+				newCache = [ dirruns, doneName ];
+
+			// We can't set arbitrary data on XML nodes, so they don't benefit from dir caching
+			if ( xml ) {
+				while ( (elem = elem[ dir ]) ) {
+					if ( elem.nodeType === 1 || checkNonElements ) {
+						if ( matcher( elem, context, xml ) ) {
+							return true;
+						}
+					}
+				}
+			} else {
+				while ( (elem = elem[ dir ]) ) {
+					if ( elem.nodeType === 1 || checkNonElements ) {
+						outerCache = elem[ expando ] || (elem[ expando ] = {});
+						if ( (oldCache = outerCache[ dir ]) &&
+							oldCache[ 0 ] === dirruns && oldCache[ 1 ] === doneName ) {
+
+							// Assign to newCache so results back-propagate to previous elements
+							return (newCache[ 2 ] = oldCache[ 2 ]);
+						} else {
+							// Reuse newcache so results back-propagate to previous elements
+							outerCache[ dir ] = newCache;
+
+							// A match means we're done; a fail means we have to keep checking
+							if ( (newCache[ 2 ] = matcher( elem, context, xml )) ) {
+								return true;
+							}
+						}
+					}
+				}
+			}
+		};
+}
+
+function elementMatcher( matchers ) {
+	return matchers.length > 1 ?
+		function( elem, context, xml ) {
+			var i = matchers.length;
+			while ( i-- ) {
+				if ( !matchers[i]( elem, context, xml ) ) {
+					return false;
+				}
+			}
+			return true;
+		} :
+		matchers[0];
+}
+
+function multipleContexts( selector, contexts, results ) {
+	var i = 0,
+		len = contexts.length;
+	for ( ; i < len; i++ ) {
+		Sizzle( selector, contexts[i], results );
+	}
+	return results;
+}
+
+function condense( unmatched, map, filter, context, xml ) {
+	var elem,
+		newUnmatched = [],
+		i = 0,
+		len = unmatched.length,
+		mapped = map != null;
+
+	for ( ; i < len; i++ ) {
+		if ( (elem = unmatched[i]) ) {
+			if ( !filter || filter( elem, context, xml ) ) {
+				newUnmatched.push( elem );
+				if ( mapped ) {
+					map.push( i );
+				}
+			}
+		}
+	}
+
+	return newUnmatched;
+}
+
+function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) {
+	if ( postFilter && !postFilter[ expando ] ) {
+		postFilter = setMatcher( postFilter );
+	}
+	if ( postFinder && !postFinder[ expando ] ) {
+		postFinder = setMatcher( postFinder, postSelector );
+	}
+	return markFunction(function( seed, results, context, xml ) {
+		var temp, i, elem,
+			preMap = [],
+			postMap = [],
+			preexisting = results.length,
+
+			// Get initial elements from seed or context
+			elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ),
+
+			// Prefilter to get matcher input, preserving a map for seed-results synchronization
+			matcherIn = preFilter && ( seed || !selector ) ?
+				condense( elems, preMap, preFilter, context, xml ) :
+				elems,
+
+			matcherOut = matcher ?
+				// If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results,
+				postFinder || ( seed ? preFilter : preexisting || postFilter ) ?
+
+					// ...intermediate processing is necessary
+					[] :
+
+					// ...otherwise use results directly
+					results :
+				matcherIn;
+
+		// Find primary matches
+		if ( matcher ) {
+			matcher( matcherIn, matcherOut, context, xml );
+		}
+
+		// Apply postFilter
+		if ( postFilter ) {
+			temp = condense( matcherOut, postMap );
+			postFilter( temp, [], context, xml );
+
+			// Un-match failing elements by moving them back to matcherIn
+			i = temp.length;
+			while ( i-- ) {
+				if ( (elem = temp[i]) ) {
+					matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem);
+				}
+			}
+		}
+
+		if ( seed ) {
+			if ( postFinder || preFilter ) {
+				if ( postFinder ) {
+					// Get the final matcherOut by condensing this intermediate into postFinder contexts
+					temp = [];
+					i = matcherOut.length;
+					while ( i-- ) {
+						if ( (elem = matcherOut[i]) ) {
+							// Restore matcherIn since elem is not yet a final match
+							temp.push( (matcherIn[i] = elem) );
+						}
+					}
+					postFinder( null, (matcherOut = []), temp, xml );
+				}
+
+				// Move matched elements from seed to results to keep them synchronized
+				i = matcherOut.length;
+				while ( i-- ) {
+					if ( (elem = matcherOut[i]) &&
+						(temp = postFinder ? indexOf.call( seed, elem ) : preMap[i]) > -1 ) {
+
+						seed[temp] = !(results[temp] = elem);
+					}
+				}
+			}
+
+		// Add elements to results, through postFinder if defined
+		} else {
+			matcherOut = condense(
+				matcherOut === results ?
+					matcherOut.splice( preexisting, matcherOut.length ) :
+					matcherOut
+			);
+			if ( postFinder ) {
+				postFinder( null, results, matcherOut, xml );
+			} else {
+				push.apply( results, matcherOut );
+			}
+		}
+	});
+}
+
+function matcherFromTokens( tokens ) {
+	var checkContext, matcher, j,
+		len = tokens.length,
+		leadingRelative = Expr.relative[ tokens[0].type ],
+		implicitRelative = leadingRelative || Expr.relative[" "],
+		i = leadingRelative ? 1 : 0,
+
+		// The foundational matcher ensures that elements are reachable from top-level context(s)
+		matchContext = addCombinator( function( elem ) {
+			return elem === checkContext;
+		}, implicitRelative, true ),
+		matchAnyContext = addCombinator( function( elem ) {
+			return indexOf.call( checkContext, elem ) > -1;
+		}, implicitRelative, true ),
+		matchers = [ function( elem, context, xml ) {
+			return ( !leadingRelative && ( xml || context !== outermostContext ) ) || (
+				(checkContext = context).nodeType ?
+					matchContext( elem, context, xml ) :
+					matchAnyContext( elem, context, xml ) );
+		} ];
+
+	for ( ; i < len; i++ ) {
+		if ( (matcher = Expr.relative[ tokens[i].type ]) ) {
+			matchers = [ addCombinator(elementMatcher( matchers ), matcher) ];
+		} else {
+			matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches );
+
+			// Return special upon seeing a positional matcher
+			if ( matcher[ expando ] ) {
+				// Find the next relative operator (if any) for proper handling
+				j = ++i;
+				for ( ; j < len; j++ ) {
+					if ( Expr.relative[ tokens[j].type ] ) {
+						break;
+					}
+				}
+				return setMatcher(
+					i > 1 && elementMatcher( matchers ),
+					i > 1 && toSelector(
+						// If the preceding token was a descendant combinator, insert an implicit any-element `*`
+						tokens.slice( 0, i - 1 ).concat({ value: tokens[ i - 2 ].type === " " ? "*" : "" })
+					).replace( rtrim, "$1" ),
+					matcher,
+					i < j && matcherFromTokens( tokens.slice( i, j ) ),
+					j < len && matcherFromTokens( (tokens = tokens.slice( j )) ),
+					j < len && toSelector( tokens )
+				);
+			}
+			matchers.push( matcher );
+		}
+	}
+
+	return elementMatcher( matchers );
+}
+
+function matcherFromGroupMatchers( elementMatchers, setMatchers ) {
+	var bySet = setMatchers.length > 0,
+		byElement = elementMatchers.length > 0,
+		superMatcher = function( seed, context, xml, results, outermost ) {
+			var elem, j, matcher,
+				matchedCount = 0,
+				i = "0",
+				unmatched = seed && [],
+				setMatched = [],
+				contextBackup = outermostContext,
+				// We must always have either seed elements or outermost context
+				elems = seed || byElement && Expr.find["TAG"]( "*", outermost ),
+				// Use integer dirruns iff this is the outermost matcher
+				dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1),
+				len = elems.length;
+
+			if ( outermost ) {
+				outermostContext = context !== document && context;
+			}
+
+			// Add elements passing elementMatchers directly to results
+			// Keep `i` a string if there are no elements so `matchedCount` will be "00" below
+			// Support: IE<9, Safari
+			// Tolerate NodeList properties (IE: "length"; Safari: <number>) matching elements by id
+			for ( ; i !== len && (elem = elems[i]) != null; i++ ) {
+				if ( byElement && elem ) {
+					j = 0;
+					while ( (matcher = elementMatchers[j++]) ) {
+						if ( matcher( elem, context, xml ) ) {
+							results.push( elem );
+							break;
+						}
+					}
+					if ( outermost ) {
+						dirruns = dirrunsUnique;
+					}
+				}
+
+				// Track unmatched elements for set filters
+				if ( bySet ) {
+					// They will have gone through all possible matchers
+					if ( (elem = !matcher && elem) ) {
+						matchedCount--;
+					}
+
+					// Lengthen the array for every element, matched or not
+					if ( seed ) {
+						unmatched.push( elem );
+					}
+				}
+			}
+
+			// Apply set filters to unmatched elements
+			matchedCount += i;
+			if ( bySet && i !== matchedCount ) {
+				j = 0;
+				while ( (matcher = setMatchers[j++]) ) {
+					matcher( unmatched, setMatched, context, xml );
+				}
+
+				if ( seed ) {
+					// Reintegrate element matches to eliminate the need for sorting
+					if ( matchedCount > 0 ) {
+						while ( i-- ) {
+							if ( !(unmatched[i] || setMatched[i]) ) {
+								setMatched[i] = pop.call( results );
+							}
+						}
+					}
+
+					// Discard index placeholder values to get only actual matches
+					setMatched = condense( setMatched );
+				}
+
+				// Add matches to results
+				push.apply( results, setMatched );
+
+				// Seedless set matches succeeding multiple successful matchers stipulate sorting
+				if ( outermost && !seed && setMatched.length > 0 &&
+					( matchedCount + setMatchers.length ) > 1 ) {
+
+					Sizzle.uniqueSort( results );
+				}
+			}
+
+			// Override manipulation of globals by nested matchers
+			if ( outermost ) {
+				dirruns = dirrunsUnique;
+				outermostContext = contextBackup;
+			}
+
+			return unmatched;
+		};
+
+	return bySet ?
+		markFunction( superMatcher ) :
+		superMatcher;
+}
+
+compile = Sizzle.compile = function( selector, match /* Internal Use Only */ ) {
+	var i,
+		setMatchers = [],
+		elementMatchers = [],
+		cached = compilerCache[ selector + " " ];
+
+	if ( !cached ) {
+		// Generate a function of recursive functions that can be used to check each element
+		if ( !match ) {
+			match = tokenize( selector );
+		}
+		i = match.length;
+		while ( i-- ) {
+			cached = matcherFromTokens( match[i] );
+			if ( cached[ expando ] ) {
+				setMatchers.push( cached );
+			} else {
+				elementMatchers.push( cached );
+			}
+		}
+
+		// Cache the compiled function
+		cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) );
+
+		// Save selector and tokenization
+		cached.selector = selector;
+	}
+	return cached;
+};
+
+/**
+ * A low-level selection function that works with Sizzle's compiled
+ *  selector functions
+ * @param {String|Function} selector A selector or a pre-compiled
+ *  selector function built with Sizzle.compile
+ * @param {Element} context
+ * @param {Array} [results]
+ * @param {Array} [seed] A set of elements to match against
+ */
+select = Sizzle.select = function( selector, context, results, seed ) {
+	var i, tokens, token, type, find,
+		compiled = typeof selector === "function" && selector,
+		match = !seed && tokenize( (selector = compiled.selector || selector) );
+
+	results = results || [];
+
+	// Try to minimize operations if there is no seed and only one group
+	if ( match.length === 1 ) {
+
+		// Take a shortcut and set the context if the root selector is an ID
+		tokens = match[0] = match[0].slice( 0 );
+		if ( tokens.length > 2 && (token = tokens[0]).type === "ID" &&
+				support.getById && context.nodeType === 9 && documentIsHTML &&
+				Expr.relative[ tokens[1].type ] ) {
+
+			context = ( Expr.find["ID"]( token.matches[0].replace(runescape, funescape), context ) || [] )[0];
+			if ( !context ) {
+				return results;
+
+			// Precompiled matchers will still verify ancestry, so step up a level
+			} else if ( compiled ) {
+				context = context.parentNode;
+			}
+
+			selector = selector.slice( tokens.shift().value.length );
+		}
+
+		// Fetch a seed set for right-to-left matching
+		i = matchExpr["needsContext"].test( selector ) ? 0 : tokens.length;
+		while ( i-- ) {
+			token = tokens[i];
+
+			// Abort if we hit a combinator
+			if ( Expr.relative[ (type = token.type) ] ) {
+				break;
+			}
+			if ( (find = Expr.find[ type ]) ) {
+				// Search, expanding context for leading sibling combinators
+				if ( (seed = find(
+					token.matches[0].replace( runescape, funescape ),
+					rsibling.test( tokens[0].type ) && testContext( context.parentNode ) || context
+				)) ) {
+
+					// If seed is empty or no tokens remain, we can return early
+					tokens.splice( i, 1 );
+					selector = seed.length && toSelector( tokens );
+					if ( !selector ) {
+						push.apply( results, seed );
+						return results;
+					}
+
+					break;
+				}
+			}
+		}
+	}
+
+	// Compile and execute a filtering function if one is not provided
+	// Provide `match` to avoid retokenization if we modified the selector above
+	( compiled || compile( selector, match ) )(
+		seed,
+		context,
+		!documentIsHTML,
+		results,
+		rsibling.test( selector ) && testContext( context.parentNode ) || context
+	);
+	return results;
+};
+
+// One-time assignments
+
+// Sort stability
+support.sortStable = expando.split("").sort( sortOrder ).join("") === expando;
+
+// Support: Chrome<14
+// Always assume duplicates if they aren't passed to the comparison function
+support.detectDuplicates = !!hasDuplicate;
+
+// Initialize against the default document
+setDocument();
+
+// Support: Webkit<537.32 - Safari 6.0.3/Chrome 25 (fixed in Chrome 27)
+// Detached nodes confoundingly follow *each other*
+support.sortDetached = assert(function( div1 ) {
+	// Should return 1, but returns 4 (following)
+	return div1.compareDocumentPosition( document.createElement("div") ) & 1;
+});
+
+// Support: IE<8
+// Prevent attribute/property "interpolation"
+// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx
+if ( !assert(function( div ) {
+	div.innerHTML = "<a href='#'></a>";
+	return div.firstChild.getAttribute("href") === "#" ;
+}) ) {
+	addHandle( "type|href|height|width", function( elem, name, isXML ) {
+		if ( !isXML ) {
+			return elem.getAttribute( name, name.toLowerCase() === "type" ? 1 : 2 );
+		}
+	});
+}
+
+// Support: IE<9
+// Use defaultValue in place of getAttribute("value")
+if ( !support.attributes || !assert(function( div ) {
+	div.innerHTML = "<input/>";
+	div.firstChild.setAttribute( "value", "" );
+	return div.firstChild.getAttribute( "value" ) === "";
+}) ) {
+	addHandle( "value", function( elem, name, isXML ) {
+		if ( !isXML && elem.nodeName.toLowerCase() === "input" ) {
+			return elem.defaultValue;
+		}
+	});
+}
+
+// Support: IE<9
+// Use getAttributeNode to fetch booleans when getAttribute lies
+if ( !assert(function( div ) {
+	return div.getAttribute("disabled") == null;
+}) ) {
+	addHandle( booleans, function( elem, name, isXML ) {
+		var val;
+		if ( !isXML ) {
+			return elem[ name ] === true ? name.toLowerCase() :
+					(val = elem.getAttributeNode( name )) && val.specified ?
+					val.value :
+				null;
+		}
+	});
+}
+
+return Sizzle;
+
+})( window );
+
+
+
+jQuery.find = Sizzle;
+jQuery.expr = Sizzle.selectors;
+jQuery.expr[":"] = jQuery.expr.pseudos;
+jQuery.unique = Sizzle.uniqueSort;
+jQuery.text = Sizzle.getText;
+jQuery.isXMLDoc = Sizzle.isXML;
+jQuery.contains = Sizzle.contains;
+
+
+
+var rneedsContext = jQuery.expr.match.needsContext;
+
+var rsingleTag = (/^<(\w+)\s*\/?>(?:<\/\1>|)$/);
+
+
+
+var risSimple = /^.[^:#\[\.,]*$/;
+
+// Implement the identical functionality for filter and not
+function winnow( elements, qualifier, not ) {
+	if ( jQuery.isFunction( qualifier ) ) {
+		return jQuery.grep( elements, function( elem, i ) {
+			/* jshint -W018 */
+			return !!qualifier.call( elem, i, elem ) !== not;
+		});
+
+	}
+
+	if ( qualifier.nodeType ) {
+		return jQuery.grep( elements, function( elem ) {
+			return ( elem === qualifier ) !== not;
+		});
+
+	}
+
+	if ( typeof qualifier === "string" ) {
+		if ( risSimple.test( qualifier ) ) {
+			return jQuery.filter( qualifier, elements, not );
+		}
+
+		qualifier = jQuery.filter( qualifier, elements );
+	}
+
+	return jQuery.grep( elements, function( elem ) {
+		return ( indexOf.call( qualifier, elem ) >= 0 ) !== not;
+	});
+}
+
+jQuery.filter = function( expr, elems, not ) {
+	var elem = elems[ 0 ];
+
+	if ( not ) {
+		expr = ":not(" + expr + ")";
+	}
+
+	return elems.length === 1 && elem.nodeType === 1 ?
+		jQuery.find.matchesSelector( elem, expr ) ? [ elem ] : [] :
+		jQuery.find.matches( expr, jQuery.grep( elems, function( elem ) {
+			return elem.nodeType === 1;
+		}));
+};
+
+jQuery.fn.extend({
+	find: function( selector ) {
+		var i,
+			len = this.length,
+			ret = [],
+			self = this;
+
+		if ( typeof selector !== "string" ) {
+			return this.pushStack( jQuery( selector ).filter(function() {
+				for ( i = 0; i < len; i++ ) {
+					if ( jQuery.contains( self[ i ], this ) ) {
+						return true;
+					}
+				}
+			}) );
+		}
+
+		for ( i = 0; i < len; i++ ) {
+			jQuery.find( selector, self[ i ], ret );
+		}
+
+		// Needed because $( selector, context ) becomes $( context ).find( selector )
+		ret = this.pushStack( len > 1 ? jQuery.unique( ret ) : ret );
+		ret.selector = this.selector ? this.selector + " " + selector : selector;
+		return ret;
+	},
+	filter: function( selector ) {
+		return this.pushStack( winnow(this, selector || [], false) );
+	},
+	not: function( selector ) {
+		return this.pushStack( winnow(this, selector || [], true) );
+	},
+	is: function( selector ) {
+		return !!winnow(
+			this,
+
+			// If this is a positional/relative selector, check membership in the returned set
+			// so $("p:first").is("p:last") won't return true for a doc with two "p".
+			typeof selector === "string" && rneedsContext.test( selector ) ?
+				jQuery( selector ) :
+				selector || [],
+			false
+		).length;
+	}
+});
+
+
+// Initialize a jQuery object
+
+
+// A central reference to the root jQuery(document)
+var rootjQuery,
+
+	// A simple way to check for HTML strings
+	// Prioritize #id over <tag> to avoid XSS via location.hash (#9521)
+	// Strict HTML recognition (#11290: must start with <)
+	rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,
+
+	init = jQuery.fn.init = function( selector, context ) {
+		var match, elem;
+
+		// HANDLE: $(""), $(null), $(undefined), $(false)
+		if ( !selector ) {
+			return this;
+		}
+
+		// Handle HTML strings
+		if ( typeof selector === "string" ) {
+			if ( selector[0] === "<" && selector[ selector.length - 1 ] === ">" && selector.length >= 3 ) {
+				// Assume that strings that start and end with <> are HTML and skip the regex check
+				match = [ null, selector, null ];
+
+			} else {
+				match = rquickExpr.exec( selector );
+			}
+
+			// Match html or make sure no context is specified for #id
+			if ( match && (match[1] || !context) ) {
+
+				// HANDLE: $(html) -> $(array)
+				if ( match[1] ) {
+					context = context instanceof jQuery ? context[0] : context;
+
+					// scripts is true for back-compat
+					// Intentionally let the error be thrown if parseHTML is not present
+					jQuery.merge( this, jQuery.parseHTML(
+						match[1],
+						context && context.nodeType ? context.ownerDocument || context : document,
+						true
+					) );
+
+					// HANDLE: $(html, props)
+					if ( rsingleTag.test( match[1] ) && jQuery.isPlainObject( context ) ) {
+						for ( match in context ) {
+							// Properties of context are called as methods if possible
+							if ( jQuery.isFunction( this[ match ] ) ) {
+								this[ match ]( context[ match ] );
+
+							// ...and otherwise set as attributes
+							} else {
+								this.attr( match, context[ match ] );
+							}
+						}
+					}
+
+					return this;
+
+				// HANDLE: $(#id)
+				} else {
+					elem = document.getElementById( match[2] );
+
+					// Check parentNode to catch when Blackberry 4.6 returns
+					// nodes that are no longer in the document #6963
+					if ( elem && elem.parentNode ) {
+						// Inject the element directly into the jQuery object
+						this.length = 1;
+						this[0] = elem;
+					}
+
+					this.context = document;
+					this.selector = selector;
+					return this;
+				}
+
+			// HANDLE: $(expr, $(...))
+			} else if ( !context || context.jquery ) {
+				return ( context || rootjQuery ).find( selector );
+
+			// HANDLE: $(expr, context)
+			// (which is just equivalent to: $(context).find(expr)
+			} else {
+				return this.constructor( context ).find( selector );
+			}
+
+		// HANDLE: $(DOMElement)
+		} else if ( selector.nodeType ) {
+			this.context = this[0] = selector;
+			this.length = 1;
+			return this;
+
+		// HANDLE: $(function)
+		// Shortcut for document ready
+		} else if ( jQuery.isFunction( selector ) ) {
+			return typeof rootjQuery.ready !== "undefined" ?
+				rootjQuery.ready( selector ) :
+				// Execute immediately if ready is not present
+				selector( jQuery );
+		}
+
+		if ( selector.selector !== undefined ) {
+			this.selector = selector.selector;
+			this.context = selector.context;
+		}
+
+		return jQuery.makeArray( selector, this );
+	};
+
+// Give the init function the jQuery prototype for later instantiation
+init.prototype = jQuery.fn;
+
+// Initialize central reference
+rootjQuery = jQuery( document );
+
+
+var rparentsprev = /^(?:parents|prev(?:Until|All))/,
+	// methods guaranteed to produce a unique set when starting from a unique set
+	guaranteedUnique = {
+		children: true,
+		contents: true,
+		next: true,
+		prev: true
+	};
+
+jQuery.extend({
+	dir: function( elem, dir, until ) {
+		var matched = [],
+			truncate = until !== undefined;
+
+		while ( (elem = elem[ dir ]) && elem.nodeType !== 9 ) {
+			if ( elem.nodeType === 1 ) {
+				if ( truncate && jQuery( elem ).is( until ) ) {
+					break;
+				}
+				matched.push( elem );
+			}
+		}
+		return matched;
+	},
+
+	sibling: function( n, elem ) {
+		var matched = [];
+
+		for ( ; n; n = n.nextSibling ) {
+			if ( n.nodeType === 1 && n !== elem ) {
+				matched.push( n );
+			}
+		}
+
+		return matched;
+	}
+});
+
+jQuery.fn.extend({
+	has: function( target ) {
+		var targets = jQuery( target, this ),
+			l = targets.length;
+
+		return this.filter(function() {
+			var i = 0;
+			for ( ; i < l; i++ ) {
+				if ( jQuery.contains( this, targets[i] ) ) {
+					return true;
+				}
+			}
+		});
+	},
+
+	closest: function( selectors, context ) {
+		var cur,
+			i = 0,
+			l = this.length,
+			matched = [],
+			pos = rneedsContext.test( selectors ) || typeof selectors !== "string" ?
+				jQuery( selectors, context || this.context ) :
+				0;
+
+		for ( ; i < l; i++ ) {
+			for ( cur = this[i]; cur && cur !== context; cur = cur.parentNode ) {
+				// Always skip document fragments
+				if ( cur.nodeType < 11 && (pos ?
+					pos.index(cur) > -1 :
+
+					// Don't pass non-elements to Sizzle
+					cur.nodeType === 1 &&
+						jQuery.find.matchesSelector(cur, selectors)) ) {
+
+					matched.push( cur );
+					break;
+				}
+			}
+		}
+
+		return this.pushStack( matched.length > 1 ? jQuery.unique( matched ) : matched );
+	},
+
+	// Determine the position of an element within
+	// the matched set of elements
+	index: function( elem ) {
+
+		// No argument, return index in parent
+		if ( !elem ) {
+			return ( this[ 0 ] && this[ 0 ].parentNode ) ? this.first().prevAll().length : -1;
+		}
+
+		// index in selector
+		if ( typeof elem === "string" ) {
+			return indexOf.call( jQuery( elem ), this[ 0 ] );
+		}
+
+		// Locate the position of the desired element
+		return indexOf.call( this,
+
+			// If it receives a jQuery object, the first element is used
+			elem.jquery ? elem[ 0 ] : elem
+		);
+	},
+
+	add: function( selector, context ) {
+		return this.pushStack(
+			jQuery.unique(
+				jQuery.merge( this.get(), jQuery( selector, context ) )
+			)
+		);
+	},
+
+	addBack: function( selector ) {
+		return this.add( selector == null ?
+			this.prevObject : this.prevObject.filter(selector)
+		);
+	}
+});
+
+function sibling( cur, dir ) {
+	while ( (cur = cur[dir]) && cur.nodeType !== 1 ) {}
+	return cur;
+}
+
+jQuery.each({
+	parent: function( elem ) {
+		var parent = elem.parentNode;
+		return parent && parent.nodeType !== 11 ? parent : null;
+	},
+	parents: function( elem ) {
+		return jQuery.dir( elem, "parentNode" );
+	},
+	parentsUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "parentNode", until );
+	},
+	next: function( elem ) {
+		return sibling( elem, "nextSibling" );
+	},
+	prev: function( elem ) {
+		return sibling( elem, "previousSibling" );
+	},
+	nextAll: function( elem ) {
+		return jQuery.dir( elem, "nextSibling" );
+	},
+	prevAll: function( elem ) {
+		return jQuery.dir( elem, "previousSibling" );
+	},
+	nextUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "nextSibling", until );
+	},
+	prevUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "previousSibling", until );
+	},
+	siblings: function( elem ) {
+		return jQuery.sibling( ( elem.parentNode || {} ).firstChild, elem );
+	},
+	children: function( elem ) {
+		return jQuery.sibling( elem.firstChild );
+	},
+	contents: function( elem ) {
+		return elem.contentDocument || jQuery.merge( [], elem.childNodes );
+	}
+}, function( name, fn ) {
+	jQuery.fn[ name ] = function( until, selector ) {
+		var matched = jQuery.map( this, fn, until );
+
+		if ( name.slice( -5 ) !== "Until" ) {
+			selector = until;
+		}
+
+		if ( selector && typeof selector === "string" ) {
+			matched = jQuery.filter( selector, matched );
+		}
+
+		if ( this.length > 1 ) {
+			// Remove duplicates
+			if ( !guaranteedUnique[ name ] ) {
+				jQuery.unique( matched );
+			}
+
+			// Reverse order for parents* and prev-derivatives
+			if ( rparentsprev.test( name ) ) {
+				matched.reverse();
+			}
+		}
+
+		return this.pushStack( matched );
+	};
+});
+var rnotwhite = (/\S+/g);
+
+
+
+// String to Object options format cache
+var optionsCache = {};
+
+// Convert String-formatted options into Object-formatted ones and store in cache
+function createOptions( options ) {
+	var object = optionsCache[ options ] = {};
+	jQuery.each( options.match( rnotwhite ) || [], function( _, flag ) {
+		object[ flag ] = true;
+	});
+	return object;
+}
+
+/*
+ * Create a callback list using the following parameters:
+ *
+ *	options: an optional list of space-separated options that will change how
+ *			the callback list behaves or a more traditional option object
+ *
+ * By default a callback list will act like an event callback list and can be
+ * "fired" multiple times.
+ *
+ * Possible options:
+ *
+ *	once:			will ensure the callback list can only be fired once (like a Deferred)
+ *
+ *	memory:			will keep track of previous values and will call any callback added
+ *					after the list has been fired right away with the latest "memorized"
+ *					values (like a Deferred)
+ *
+ *	unique:			will ensure a callback can only be added once (no duplicate in the list)
+ *
+ *	stopOnFalse:	interrupt callings when a callback returns false
+ *
+ */
+jQuery.Callbacks = function( options ) {
+
+	// Convert options from String-formatted to Object-formatted if needed
+	// (we check in cache first)
+	options = typeof options === "string" ?
+		( optionsCache[ options ] || createOptions( options ) ) :
+		jQuery.extend( {}, options );
+
+	var // Last fire value (for non-forgettable lists)
+		memory,
+		// Flag to know if list was already fired
+		fired,
+		// Flag to know if list is currently firing
+		firing,
+		// First callback to fire (used internally by add and fireWith)
+		firingStart,
+		// End of the loop when firing
+		firingLength,
+		// Index of currently firing callback (modified by remove if needed)
+		firingIndex,
+		// Actual callback list
+		list = [],
+		// Stack of fire calls for repeatable lists
+		stack = !options.once && [],
+		// Fire callbacks
+		fire = function( data ) {
+			memory = options.memory && data;
+			fired = true;
+			firingIndex = firingStart || 0;
+			firingStart = 0;
+			firingLength = list.length;
+			firing = true;
+			for ( ; list && firingIndex < firingLength; firingIndex++ ) {
+				if ( list[ firingIndex ].apply( data[ 0 ], data[ 1 ] ) === false && options.stopOnFalse ) {
+					memory = false; // To prevent further calls using add
+					break;
+				}
+			}
+			firing = false;
+			if ( list ) {
+				if ( stack ) {
+					if ( stack.length ) {
+						fire( stack.shift() );
+					}
+				} else if ( memory ) {
+					list = [];
+				} else {
+					self.disable();
+				}
+			}
+		},
+		// Actual Callbacks object
+		self = {
+			// Add a callback or a collection of callbacks to the list
+			add: function() {
+				if ( list ) {
+					// First, we save the current length
+					var start = list.length;
+					(function add( args ) {
+						jQuery.each( args, function( _, arg ) {
+							var type = jQuery.type( arg );
+							if ( type === "function" ) {
+								if ( !options.unique || !self.has( arg ) ) {
+									list.push( arg );
+								}
+							} else if ( arg && arg.length && type !== "string" ) {
+								// Inspect recursively
+								add( arg );
+							}
+						});
+					})( arguments );
+					// Do we need to add the callbacks to the
+					// current firing batch?
+					if ( firing ) {
+						firingLength = list.length;
+					// With memory, if we're not firing then
+					// we should call right away
+					} else if ( memory ) {
+						firingStart = start;
+						fire( memory );
+					}
+				}
+				return this;
+			},
+			// Remove a callback from the list
+			remove: function() {
+				if ( list ) {
+					jQuery.each( arguments, function( _, arg ) {
+						var index;
+						while ( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) {
+							list.splice( index, 1 );
+							// Handle firing indexes
+							if ( firing ) {
+								if ( index <= firingLength ) {
+									firingLength--;
+								}
+								if ( index <= firingIndex ) {
+									firingIndex--;
+								}
+							}
+						}
+					});
+				}
+				return this;
+			},
+			// Check if a given callback is in the list.
+			// If no argument is given, return whether or not list has callbacks attached.
+			has: function( fn ) {
+				return fn ? jQuery.inArray( fn, list ) > -1 : !!( list && list.length );
+			},
+			// Remove all callbacks from the list
+			empty: function() {
+				list = [];
+				firingLength = 0;
+				return this;
+			},
+			// Have the list do nothing anymore
+			disable: function() {
+				list = stack = memory = undefined;
+				return this;
+			},
+			// Is it disabled?
+			disabled: function() {
+				return !list;
+			},
+			// Lock the list in its current state
+			lock: function() {
+				stack = undefined;
+				if ( !memory ) {
+					self.disable();
+				}
+				return this;
+			},
+			// Is it locked?
+			locked: function() {
+				return !stack;
+			},
+			// Call all callbacks with the given context and arguments
+			fireWith: function( context, args ) {
+				if ( list && ( !fired || stack ) ) {
+					args = args || [];
+					args = [ context, args.slice ? args.slice() : args ];
+					if ( firing ) {
+						stack.push( args );
+					} else {
+						fire( args );
+					}
+				}
+				return this;
+			},
+			// Call all the callbacks with the given arguments
+			fire: function() {
+				self.fireWith( this, arguments );
+				return this;
+			},
+			// To know if the callbacks have already been called at least once
+			fired: function() {
+				return !!fired;
+			}
+		};
+
+	return self;
+};
+
+
+jQuery.extend({
+
+	Deferred: function( func ) {
+		var tuples = [
+				// action, add listener, listener list, final state
+				[ "resolve", "done", jQuery.Callbacks("once memory"), "resolved" ],
+				[ "reject", "fail", jQuery.Callbacks("once memory"), "rejected" ],
+				[ "notify", "progress", jQuery.Callbacks("memory") ]
+			],
+			state = "pending",
+			promise = {
+				state: function() {
+					return state;
+				},
+				always: function() {
+					deferred.done( arguments ).fail( arguments );
+					return this;
+				},
+				then: function( /* fnDone, fnFail, fnProgress */ ) {
+					var fns = arguments;
+					return jQuery.Deferred(function( newDefer ) {
+						jQuery.each( tuples, function( i, tuple ) {
+							var fn = jQuery.isFunction( fns[ i ] ) && fns[ i ];
+							// deferred[ done | fail | progress ] for forwarding actions to newDefer
+							deferred[ tuple[1] ](function() {
+								var returned = fn && fn.apply( this, arguments );
+								if ( returned && jQuery.isFunction( returned.promise ) ) {
+									returned.promise()
+										.done( newDefer.resolve )
+										.fail( newDefer.reject )
+										.progress( newDefer.notify );
+								} else {
+									newDefer[ tuple[ 0 ] + "With" ]( this === promise ? newDefer.promise() : this, fn ? [ returned ] : arguments );
+								}
+							});
+						});
+						fns = null;
+					}).promise();
+				},
+				// Get a promise for this deferred
+				// If obj is provided, the promise aspect is added to the object
+				promise: function( obj ) {
+					return obj != null ? jQuery.extend( obj, promise ) : promise;
+				}
+			},
+			deferred = {};
+
+		// Keep pipe for back-compat
+		promise.pipe = promise.then;
+
+		// Add list-specific methods
+		jQuery.each( tuples, function( i, tuple ) {
+			var list = tuple[ 2 ],
+				stateString = tuple[ 3 ];
+
+			// promise[ done | fail | progress ] = list.add
+			promise[ tuple[1] ] = list.add;
+
+			// Handle state
+			if ( stateString ) {
+				list.add(function() {
+					// state = [ resolved | rejected ]
+					state = stateString;
+
+				// [ reject_list | resolve_list ].disable; progress_list.lock
+				}, tuples[ i ^ 1 ][ 2 ].disable, tuples[ 2 ][ 2 ].lock );
+			}
+
+			// deferred[ resolve | reject | notify ]
+			deferred[ tuple[0] ] = function() {
+				deferred[ tuple[0] + "With" ]( this === deferred ? promise : this, arguments );
+				return this;
+			};
+			deferred[ tuple[0] + "With" ] = list.fireWith;
+		});
+
+		// Make the deferred a promise
+		promise.promise( deferred );
+
+		// Call given func if any
+		if ( func ) {
+			func.call( deferred, deferred );
+		}
+
+		// All done!
+		return deferred;
+	},
+
+	// Deferred helper
+	when: function( subordinate /* , ..., subordinateN */ ) {
+		var i = 0,
+			resolveValues = slice.call( arguments ),
+			length = resolveValues.length,
+
+			// the count of uncompleted subordinates
+			remaining = length !== 1 || ( subordinate && jQuery.isFunction( subordinate.promise ) ) ? length : 0,
+
+			// the master Deferred. If resolveValues consist of only a single Deferred, just use that.
+			deferred = remaining === 1 ? subordinate : jQuery.Deferred(),
+
+			// Update function for both resolve and progress values
+			updateFunc = function( i, contexts, values ) {
+				return function( value ) {
+					contexts[ i ] = this;
+					values[ i ] = arguments.length > 1 ? slice.call( arguments ) : value;
+					if ( values === progressValues ) {
+						deferred.notifyWith( contexts, values );
+					} else if ( !( --remaining ) ) {
+						deferred.resolveWith( contexts, values );
+					}
+				};
+			},
+
+			progressValues, progressContexts, resolveContexts;
+
+		// add listeners to Deferred subordinates; treat others as resolved
+		if ( length > 1 ) {
+			progressValues = new Array( length );
+			progressContexts = new Array( length );
+			resolveContexts = new Array( length );
+			for ( ; i < length; i++ ) {
+				if ( resolveValues[ i ] && jQuery.isFunction( resolveValues[ i ].promise ) ) {
+					resolveValues[ i ].promise()
+						.done( updateFunc( i, resolveContexts, resolveValues ) )
+						.fail( deferred.reject )
+						.progress( updateFunc( i, progressContexts, progressValues ) );
+				} else {
+					--remaining;
+				}
+			}
+		}
+
+		// if we're not waiting on anything, resolve the master
+		if ( !remaining ) {
+			deferred.resolveWith( resolveContexts, resolveValues );
+		}
+
+		return deferred.promise();
+	}
+});
+
+
+// The deferred used on DOM ready
+var readyList;
+
+jQuery.fn.ready = function( fn ) {
+	// Add the callback
+	jQuery.ready.promise().done( fn );
+
+	return this;
+};
+
+jQuery.extend({
+	// Is the DOM ready to be used? Set to true once it occurs.
+	isReady: false,
+
+	// A counter to track how many items to wait for before
+	// the ready event fires. See #6781
+	readyWait: 1,
+
+	// Hold (or release) the ready event
+	holdReady: function( hold ) {
+		if ( hold ) {
+			jQuery.readyWait++;
+		} else {
+			jQuery.ready( true );
+		}
+	},
+
+	// Handle when the DOM is ready
+	ready: function( wait ) {
+
+		// Abort if there are pending holds or we're already ready
+		if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) {
+			return;
+		}
+
+		// Remember that the DOM is ready
+		jQuery.isReady = true;
+
+		// If a normal DOM Ready event fired, decrement, and wait if need be
+		if ( wait !== true && --jQuery.readyWait > 0 ) {
+			return;
+		}
+
+		// If there are functions bound, to execute
+		readyList.resolveWith( document, [ jQuery ] );
+
+		// Trigger any bound ready events
+		if ( jQuery.fn.triggerHandler ) {
+			jQuery( document ).triggerHandler( "ready" );
+			jQuery( document ).off( "ready" );
+		}
+	}
+});
+
+/**
+ * The ready event handler and self cleanup method
+ */
+function completed() {
+	document.removeEventListener( "DOMContentLoaded", completed, false );
+	window.removeEventListener( "load", completed, false );
+	jQuery.ready();
+}
+
+jQuery.ready.promise = function( obj ) {
+	if ( !readyList ) {
+
+		readyList = jQuery.Deferred();
+
+		// Catch cases where $(document).ready() is called after the browser event has already occurred.
+		// we once tried to use readyState "interactive" here, but it caused issues like the one
+		// discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15
+		if ( document.readyState === "complete" ) {
+			// Handle it asynchronously to allow scripts the opportunity to delay ready
+			setTimeout( jQuery.ready );
+
+		} else {
+
+			// Use the handy event callback
+			document.addEventListener( "DOMContentLoaded", completed, false );
+
+			// A fallback to window.onload, that will always work
+			window.addEventListener( "load", completed, false );
+		}
+	}
+	return readyList.promise( obj );
+};
+
+// Kick off the DOM ready check even if the user does not
+jQuery.ready.promise();
+
+
+
+
+// Multifunctional method to get and set values of a collection
+// The value/s can optionally be executed if it's a function
+var access = jQuery.access = function( elems, fn, key, value, chainable, emptyGet, raw ) {
+	var i = 0,
+		len = elems.length,
+		bulk = key == null;
+
+	// Sets many values
+	if ( jQuery.type( key ) === "object" ) {
+		chainable = true;
+		for ( i in key ) {
+			jQuery.access( elems, fn, i, key[i], true, emptyGet, raw );
+		}
+
+	// Sets one value
+	} else if ( value !== undefined ) {
+		chainable = true;
+
+		if ( !jQuery.isFunction( value ) ) {
+			raw = true;
+		}
+
+		if ( bulk ) {
+			// Bulk operations run against the entire set
+			if ( raw ) {
+				fn.call( elems, value );
+				fn = null;
+
+			// ...except when executing function values
+			} else {
+				bulk = fn;
+				fn = function( elem, key, value ) {
+					return bulk.call( jQuery( elem ), value );
+				};
+			}
+		}
+
+		if ( fn ) {
+			for ( ; i < len; i++ ) {
+				fn( elems[i], key, raw ? value : value.call( elems[i], i, fn( elems[i], key ) ) );
+			}
+		}
+	}
+
+	return chainable ?
+		elems :
+
+		// Gets
+		bulk ?
+			fn.call( elems ) :
+			len ? fn( elems[0], key ) : emptyGet;
+};
+
+
+/**
+ * Determines whether an object can have data
+ */
+jQuery.acceptData = function( owner ) {
+	// Accepts only:
+	//  - Node
+	//    - Node.ELEMENT_NODE
+	//    - Node.DOCUMENT_NODE
+	//  - Object
+	//    - Any
+	/* jshint -W018 */
+	return owner.nodeType === 1 || owner.nodeType === 9 || !( +owner.nodeType );
+};
+
+
+function Data() {
+	// Support: Android < 4,
+	// Old WebKit does not have Object.preventExtensions/freeze method,
+	// return new empty object instead with no [[set]] accessor
+	Object.defineProperty( this.cache = {}, 0, {
+		get: function() {
+			return {};
+		}
+	});
+
+	this.expando = jQuery.expando + Math.random();
+}
+
+Data.uid = 1;
+Data.accepts = jQuery.acceptData;
+
+Data.prototype = {
+	key: function( owner ) {
+		// We can accept data for non-element nodes in modern browsers,
+		// but we should not, see #8335.
+		// Always return the key for a frozen object.
+		if ( !Data.accepts( owner ) ) {
+			return 0;
+		}
+
+		var descriptor = {},
+			// Check if the owner object already has a cache key
+			unlock = owner[ this.expando ];
+
+		// If not, create one
+		if ( !unlock ) {
+			unlock = Data.uid++;
+
+			// Secure it in a non-enumerable, non-writable property
+			try {
+				descriptor[ this.expando ] = { value: unlock };
+				Object.defineProperties( owner, descriptor );
+
+			// Support: Android < 4
+			// Fallback to a less secure definition
+			} catch ( e ) {
+				descriptor[ this.expando ] = unlock;
+				jQuery.extend( owner, descriptor );
+			}
+		}
+
+		// Ensure the cache object
+		if ( !this.cache[ unlock ] ) {
+			this.cache[ unlock ] = {};
+		}
+
+		return unlock;
+	},
+	set: function( owner, data, value ) {
+		var prop,
+			// There may be an unlock assigned to this node,
+			// if there is no entry for this "owner", create one inline
+			// and set the unlock as though an owner entry had always existed
+			unlock = this.key( owner ),
+			cache = this.cache[ unlock ];
+
+		// Handle: [ owner, key, value ] args
+		if ( typeof data === "string" ) {
+			cache[ data ] = value;
+
+		// Handle: [ owner, { properties } ] args
+		} else {
+			// Fresh assignments by object are shallow copied
+			if ( jQuery.isEmptyObject( cache ) ) {
+				jQuery.extend( this.cache[ unlock ], data );
+			// Otherwise, copy the properties one-by-one to the cache object
+			} else {
+				for ( prop in data ) {
+					cache[ prop ] = data[ prop ];
+				}
+			}
+		}
+		return cache;
+	},
+	get: function( owner, key ) {
+		// Either a valid cache is found, or will be created.
+		// New caches will be created and the unlock returned,
+		// allowing direct access to the newly created
+		// empty data object. A valid owner object must be provided.
+		var cache = this.cache[ this.key( owner ) ];
+
+		return key === undefined ?
+			cache : cache[ key ];
+	},
+	access: function( owner, key, value ) {
+		var stored;
+		// In cases where either:
+		//
+		//   1. No key was specified
+		//   2. A string key was specified, but no value provided
+		//
+		// Take the "read" path and allow the get method to determine
+		// which value to return, respectively either:
+		//
+		//   1. The entire cache object
+		//   2. The data stored at the key
+		//
+		if ( key === undefined ||
+				((key && typeof key === "string") && value === undefined) ) {
+
+			stored = this.get( owner, key );
+
+			return stored !== undefined ?
+				stored : this.get( owner, jQuery.camelCase(key) );
+		}
+
+		// [*]When the key is not a string, or both a key and value
+		// are specified, set or extend (existing objects) with either:
+		//
+		//   1. An object of properties
+		//   2. A key and value
+		//
+		this.set( owner, key, value );
+
+		// Since the "set" path can have two possible entry points
+		// return the expected data based on which path was taken[*]
+		return value !== undefined ? value : key;
+	},
+	remove: function( owner, key ) {
+		var i, name, camel,
+			unlock = this.key( owner ),
+			cache = this.cache[ unlock ];
+
+		if ( key === undefined ) {
+			this.cache[ unlock ] = {};
+
+		} else {
+			// Support array or space separated string of keys
+			if ( jQuery.isArray( key ) ) {
+				// If "name" is an array of keys...
+				// When data is initially created, via ("key", "val") signature,
+				// keys will be converted to camelCase.
+				// Since there is no way to tell _how_ a key was added, remove
+				// both plain key and camelCase key. #12786
+				// This will only penalize the array argument path.
+				name = key.concat( key.map( jQuery.camelCase ) );
+			} else {
+				camel = jQuery.camelCase( key );
+				// Try the string as a key before any manipulation
+				if ( key in cache ) {
+					name = [ key, camel ];
+				} else {
+					// If a key with the spaces exists, use it.
+					// Otherwise, create an array by matching non-whitespace
+					name = camel;
+					name = name in cache ?
+						[ name ] : ( name.match( rnotwhite ) || [] );
+				}
+			}
+
+			i = name.length;
+			while ( i-- ) {
+				delete cache[ name[ i ] ];
+			}
+		}
+	},
+	hasData: function( owner ) {
+		return !jQuery.isEmptyObject(
+			this.cache[ owner[ this.expando ] ] || {}
+		);
+	},
+	discard: function( owner ) {
+		if ( owner[ this.expando ] ) {
+			delete this.cache[ owner[ this.expando ] ];
+		}
+	}
+};
+var data_priv = new Data();
+
+var data_user = new Data();
+
+
+
+/*
+	Implementation Summary
+
+	1. Enforce API surface and semantic compatibility with 1.9.x branch
+	2. Improve the module's maintainability by reducing the storage
+		paths to a single mechanism.
+	3. Use the same single mechanism to support "private" and "user" data.
+	4. _Never_ expose "private" data to user code (TODO: Drop _data, _removeData)
+	5. Avoid exposing implementation details on user objects (eg. expando properties)
+	6. Provide a clear path for implementation upgrade to WeakMap in 2014
+*/
+var rbrace = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,
+	rmultiDash = /([A-Z])/g;
+
+function dataAttr( elem, key, data ) {
+	var name;
+
+	// If nothing was found internally, try to fetch any
+	// data from the HTML5 data-* attribute
+	if ( data === undefined && elem.nodeType === 1 ) {
+		name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase();
+		data = elem.getAttribute( name );
+
+		if ( typeof data === "string" ) {
+			try {
+				data = data === "true" ? true :
+					data === "false" ? false :
+					data === "null" ? null :
+					// Only convert to a number if it doesn't change the string
+					+data + "" === data ? +data :
+					rbrace.test( data ) ? jQuery.parseJSON( data ) :
+					data;
+			} catch( e ) {}
+
+			// Make sure we set the data so it isn't changed later
+			data_user.set( elem, key, data );
+		} else {
+			data = undefined;
+		}
+	}
+	return data;
+}
+
+jQuery.extend({
+	hasData: function( elem ) {
+		return data_user.hasData( elem ) || data_priv.hasData( elem );
+	},
+
+	data: function( elem, name, data ) {
+		return data_user.access( elem, name, data );
+	},
+
+	removeData: function( elem, name ) {
+		data_user.remove( elem, name );
+	},
+
+	// TODO: Now that all calls to _data and _removeData have been replaced
+	// with direct calls to data_priv methods, these can be deprecated.
+	_data: function( elem, name, data ) {
+		return data_priv.access( elem, name, data );
+	},
+
+	_removeData: function( elem, name ) {
+		data_priv.remove( elem, name );
+	}
+});
+
+jQuery.fn.extend({
+	data: function( key, value ) {
+		var i, name, data,
+			elem = this[ 0 ],
+			attrs = elem && elem.attributes;
+
+		// Gets all values
+		if ( key === undefined ) {
+			if ( this.length ) {
+				data = data_user.get( elem );
+
+				if ( elem.nodeType === 1 && !data_priv.get( elem, "hasDataAttrs" ) ) {
+					i = attrs.length;
+					while ( i-- ) {
+
+						// Support: IE11+
+						// The attrs elements can be null (#14894)
+						if ( attrs[ i ] ) {
+							name = attrs[ i ].name;
+							if ( name.indexOf( "data-" ) === 0 ) {
+								name = jQuery.camelCase( name.slice(5) );
+								dataAttr( elem, name, data[ name ] );
+							}
+						}
+					}
+					data_priv.set( elem, "hasDataAttrs", true );
+				}
+			}
+
+			return data;
+		}
+
+		// Sets multiple values
+		if ( typeof key === "object" ) {
+			return this.each(function() {
+				data_user.set( this, key );
+			});
+		}
+
+		return access( this, function( value ) {
+			var data,
+				camelKey = jQuery.camelCase( key );
+
+			// The calling jQuery object (element matches) is not empty
+			// (and therefore has an element appears at this[ 0 ]) and the
+			// `value` parameter was not undefined. An empty jQuery object
+			// will result in `undefined` for elem = this[ 0 ] which will
+			// throw an exception if an attempt to read a data cache is made.
+			if ( elem && value === undefined ) {
+				// Attempt to get data from the cache
+				// with the key as-is
+				data = data_user.get( elem, key );
+				if ( data !== undefined ) {
+					return data;
+				}
+
+				// Attempt to get data from the cache
+				// with the key camelized
+				data = data_user.get( elem, camelKey );
+				if ( data !== undefined ) {
+					return data;
+				}
+
+				// Attempt to "discover" the data in
+				// HTML5 custom data-* attrs
+				data = dataAttr( elem, camelKey, undefined );
+				if ( data !== undefined ) {
+					return data;
+				}
+
+				// We tried really hard, but the data doesn't exist.
+				return;
+			}
+
+			// Set the data...
+			this.each(function() {
+				// First, attempt to store a copy or reference of any
+				// data that might've been store with a camelCased key.
+				var data = data_user.get( this, camelKey );
+
+				// For HTML5 data-* attribute interop, we have to
+				// store property names with dashes in a camelCase form.
+				// This might not apply to all properties...*
+				data_user.set( this, camelKey, value );
+
+				// *... In the case of properties that might _actually_
+				// have dashes, we need to also store a copy of that
+				// unchanged property.
+				if ( key.indexOf("-") !== -1 && data !== undefined ) {
+					data_user.set( this, key, value );
+				}
+			});
+		}, null, value, arguments.length > 1, null, true );
+	},
+
+	removeData: function( key ) {
+		return this.each(function() {
+			data_user.remove( this, key );
+		});
+	}
+});
+
+
+jQuery.extend({
+	queue: function( elem, type, data ) {
+		var queue;
+
+		if ( elem ) {
+			type = ( type || "fx" ) + "queue";
+			queue = data_priv.get( elem, type );
+
+			// Speed up dequeue by getting out quickly if this is just a lookup
+			if ( data ) {
+				if ( !queue || jQuery.isArray( data ) ) {
+					queue = data_priv.access( elem, type, jQuery.makeArray(data) );
+				} else {
+					queue.push( data );
+				}
+			}
+			return queue || [];
+		}
+	},
+
+	dequeue: function( elem, type ) {
+		type = type || "fx";
+
+		var queue = jQuery.queue( elem, type ),
+			startLength = queue.length,
+			fn = queue.shift(),
+			hooks = jQuery._queueHooks( elem, type ),
+			next = function() {
+				jQuery.dequeue( elem, type );
+			};
+
+		// If the fx queue is dequeued, always remove the progress sentinel
+		if ( fn === "inprogress" ) {
+			fn = queue.shift();
+			startLength--;
+		}
+
+		if ( fn ) {
+
+			// Add a progress sentinel to prevent the fx queue from being
+			// automatically dequeued
+			if ( type === "fx" ) {
+				queue.unshift( "inprogress" );
+			}
+
+			// clear up the last queue stop function
+			delete hooks.stop;
+			fn.call( elem, next, hooks );
+		}
+
+		if ( !startLength && hooks ) {
+			hooks.empty.fire();
+		}
+	},
+
+	// not intended for public consumption - generates a queueHooks object, or returns the current one
+	_queueHooks: function( elem, type ) {
+		var key = type + "queueHooks";
+		return data_priv.get( elem, key ) || data_priv.access( elem, key, {
+			empty: jQuery.Callbacks("once memory").add(function() {
+				data_priv.remove( elem, [ type + "queue", key ] );
+			})
+		});
+	}
+});
+
+jQuery.fn.extend({
+	queue: function( type, data ) {
+		var setter = 2;
+
+		if ( typeof type !== "string" ) {
+			data = type;
+			type = "fx";
+			setter--;
+		}
+
+		if ( arguments.length < setter ) {
+			return jQuery.queue( this[0], type );
+		}
+
+		return data === undefined ?
+			this :
+			this.each(function() {
+				var queue = jQuery.queue( this, type, data );
+
+				// ensure a hooks for this queue
+				jQuery._queueHooks( this, type );
+
+				if ( type === "fx" && queue[0] !== "inprogress" ) {
+					jQuery.dequeue( this, type );
+				}
+			});
+	},
+	dequeue: function( type ) {
+		return this.each(function() {
+			jQuery.dequeue( this, type );
+		});
+	},
+	clearQueue: function( type ) {
+		return this.queue( type || "fx", [] );
+	},
+	// Get a promise resolved when queues of a certain type
+	// are emptied (fx is the type by default)
+	promise: function( type, obj ) {
+		var tmp,
+			count = 1,
+			defer = jQuery.Deferred(),
+			elements = this,
+			i = this.length,
+			resolve = function() {
+				if ( !( --count ) ) {
+					defer.resolveWith( elements, [ elements ] );
+				}
+			};
+
+		if ( typeof type !== "string" ) {
+			obj = type;
+			type = undefined;
+		}
+		type = type || "fx";
+
+		while ( i-- ) {
+			tmp = data_priv.get( elements[ i ], type + "queueHooks" );
+			if ( tmp && tmp.empty ) {
+				count++;
+				tmp.empty.add( resolve );
+			}
+		}
+		resolve();
+		return defer.promise( obj );
+	}
+});
+var pnum = (/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/).source;
+
+var cssExpand = [ "Top", "Right", "Bottom", "Left" ];
+
+var isHidden = function( elem, el ) {
+		// isHidden might be called from jQuery#filter function;
+		// in that case, element will be second argument
+		elem = el || elem;
+		return jQuery.css( elem, "display" ) === "none" || !jQuery.contains( elem.ownerDocument, elem );
+	};
+
+var rcheckableType = (/^(?:checkbox|radio)$/i);
+
+
+
+(function() {
+	var fragment = document.createDocumentFragment(),
+		div = fragment.appendChild( document.createElement( "div" ) ),
+		input = document.createElement( "input" );
+
+	// #11217 - WebKit loses check when the name is after the checked attribute
+	// Support: Windows Web Apps (WWA)
+	// `name` and `type` need .setAttribute for WWA
+	input.setAttribute( "type", "radio" );
+	input.setAttribute( "checked", "checked" );
+	input.setAttribute( "name", "t" );
+
+	div.appendChild( input );
+
+	// Support: Safari 5.1, iOS 5.1, Android 4.x, Android 2.3
+	// old WebKit doesn't clone checked state correctly in fragments
+	support.checkClone = div.cloneNode( true ).cloneNode( true ).lastChild.checked;
+
+	// Make sure textarea (and checkbox) defaultValue is properly cloned
+	// Support: IE9-IE11+
+	div.innerHTML = "<textarea>x</textarea>";
+	support.noCloneChecked = !!div.cloneNode( true ).lastChild.defaultValue;
+})();
+var strundefined = typeof undefined;
+
+
+
+support.focusinBubbles = "onfocusin" in window;
+
+
+var
+	rkeyEvent = /^key/,
+	rmouseEvent = /^(?:mouse|pointer|contextmenu)|click/,
+	rfocusMorph = /^(?:focusinfocus|focusoutblur)$/,
+	rtypenamespace = /^([^.]*)(?:\.(.+)|)$/;
+
+function returnTrue() {
+	return true;
+}
+
+function returnFalse() {
+	return false;
+}
+
+function safeActiveElement() {
+	try {
+		return document.activeElement;
+	} catch ( err ) { }
+}
+
+/*
+ * Helper functions for managing events -- not part of the public interface.
+ * Props to Dean Edwards' addEvent library for many of the ideas.
+ */
+jQuery.event = {
+
+	global: {},
+
+	add: function( elem, types, handler, data, selector ) {
+
+		var handleObjIn, eventHandle, tmp,
+			events, t, handleObj,
+			special, handlers, type, namespaces, origType,
+			elemData = data_priv.get( elem );
+
+		// Don't attach events to noData or text/comment nodes (but allow plain objects)
+		if ( !elemData ) {
+			return;
+		}
+
+		// Caller can pass in an object of custom data in lieu of the handler
+		if ( handler.handler ) {
+			handleObjIn = handler;
+			handler = handleObjIn.handler;
+			selector = handleObjIn.selector;
+		}
+
+		// Make sure that the handler has a unique ID, used to find/remove it later
+		if ( !handler.guid ) {
+			handler.guid = jQuery.guid++;
+		}
+
+		// Init the element's event structure and main handler, if this is the first
+		if ( !(events = elemData.events) ) {
+			events = elemData.events = {};
+		}
+		if ( !(eventHandle = elemData.handle) ) {
+			eventHandle = elemData.handle = function( e ) {
+				// Discard the second event of a jQuery.event.trigger() and
+				// when an event is called after a page has unloaded
+				return typeof jQuery !== strundefined && jQuery.event.triggered !== e.type ?
+					jQuery.event.dispatch.apply( elem, arguments ) : undefined;
+			};
+		}
+
+		// Handle multiple events separated by a space
+		types = ( types || "" ).match( rnotwhite ) || [ "" ];
+		t = types.length;
+		while ( t-- ) {
+			tmp = rtypenamespace.exec( types[t] ) || [];
+			type = origType = tmp[1];
+			namespaces = ( tmp[2] || "" ).split( "." ).sort();
+
+			// There *must* be a type, no attaching namespace-only handlers
+			if ( !type ) {
+				continue;
+			}
+
+			// If event changes its type, use the special event handlers for the changed type
+			special = jQuery.event.special[ type ] || {};
+
+			// If selector defined, determine special event api type, otherwise given type
+			type = ( selector ? special.delegateType : special.bindType ) || type;
+
+			// Update special based on newly reset type
+			special = jQuery.event.special[ type ] || {};
+
+			// handleObj is passed to all event handlers
+			handleObj = jQuery.extend({
+				type: type,
+				origType: origType,
+				data: data,
+				handler: handler,
+				guid: handler.guid,
+				selector: selector,
+				needsContext: selector && jQuery.expr.match.needsContext.test( selector ),
+				namespace: namespaces.join(".")
+			}, handleObjIn );
+
+			// Init the event handler queue if we're the first
+			if ( !(handlers = events[ type ]) ) {
+				handlers = events[ type ] = [];
+				handlers.delegateCount = 0;
+
+				// Only use addEventListener if the special events handler returns false
+				if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
+					if ( elem.addEventListener ) {
+						elem.addEventListener( type, eventHandle, false );
+					}
+				}
+			}
+
+			if ( special.add ) {
+				special.add.call( elem, handleObj );
+
+				if ( !handleObj.handler.guid ) {
+					handleObj.handler.guid = handler.guid;
+				}
+			}
+
+			// Add to the element's handler list, delegates in front
+			if ( selector ) {
+				handlers.splice( handlers.delegateCount++, 0, handleObj );
+			} else {
+				handlers.push( handleObj );
+			}
+
+			// Keep track of which events have ever been used, for event optimization
+			jQuery.event.global[ type ] = true;
+		}
+
+	},
+
+	// Detach an event or set of events from an element
+	remove: function( elem, types, handler, selector, mappedTypes ) {
+
+		var j, origCount, tmp,
+			events, t, handleObj,
+			special, handlers, type, namespaces, origType,
+			elemData = data_priv.hasData( elem ) && data_priv.get( elem );
+
+		if ( !elemData || !(events = elemData.events) ) {
+			return;
+		}
+
+		// Once for each type.namespace in types; type may be omitted
+		types = ( types || "" ).match( rnotwhite ) || [ "" ];
+		t = types.length;
+		while ( t-- ) {
+			tmp = rtypenamespace.exec( types[t] ) || [];
+			type = origType = tmp[1];
+			namespaces = ( tmp[2] || "" ).split( "." ).sort();
+
+			// Unbind all events (on this namespace, if provided) for the element
+			if ( !type ) {
+				for ( type in events ) {
+					jQuery.event.remove( elem, type + types[ t ], handler, selector, true );
+				}
+				continue;
+			}
+
+			special = jQuery.event.special[ type ] || {};
+			type = ( selector ? special.delegateType : special.bindType ) || type;
+			handlers = events[ type ] || [];
+			tmp = tmp[2] && new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" );
+
+			// Remove matching events
+			origCount = j = handlers.length;
+			while ( j-- ) {
+				handleObj = handlers[ j ];
+
+				if ( ( mappedTypes || origType === handleObj.origType ) &&
+					( !handler || handler.guid === handleObj.guid ) &&
+					( !tmp || tmp.test( handleObj.namespace ) ) &&
+					( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) {
+					handlers.splice( j, 1 );
+
+					if ( handleObj.selector ) {
+						handlers.delegateCount--;
+					}
+					if ( special.remove ) {
+						special.remove.call( elem, handleObj );
+					}
+				}
+			}
+
+			// Remove generic event handler if we removed something and no more handlers exist
+			// (avoids potential for endless recursion during removal of special event handlers)
+			if ( origCount && !handlers.length ) {
+				if ( !special.teardown || special.teardown.call( elem, namespaces, elemData.handle ) === false ) {
+					jQuery.removeEvent( elem, type, elemData.handle );
+				}
+
+				delete events[ type ];
+			}
+		}
+
+		// Remove the expando if it's no longer used
+		if ( jQuery.isEmptyObject( events ) ) {
+			delete elemData.handle;
+			data_priv.remove( elem, "events" );
+		}
+	},
+
+	trigger: function( event, data, elem, onlyHandlers ) {
+
+		var i, cur, tmp, bubbleType, ontype, handle, special,
+			eventPath = [ elem || document ],
+			type = hasOwn.call( event, "type" ) ? event.type : event,
+			namespaces = hasOwn.call( event, "namespace" ) ? event.namespace.split(".") : [];
+
+		cur = tmp = elem = elem || document;
+
+		// Don't do events on text and comment nodes
+		if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
+			return;
+		}
+
+		// focus/blur morphs to focusin/out; ensure we're not firing them right now
+		if ( rfocusMorph.test( type + jQuery.event.triggered ) ) {
+			return;
+		}
+
+		if ( type.indexOf(".") >= 0 ) {
+			// Namespaced trigger; create a regexp to match event type in handle()
+			namespaces = type.split(".");
+			type = namespaces.shift();
+			namespaces.sort();
+		}
+		ontype = type.indexOf(":") < 0 && "on" + type;
+
+		// Caller can pass in a jQuery.Event object, Object, or just an event type string
+		event = event[ jQuery.expando ] ?
+			event :
+			new jQuery.Event( type, typeof event === "object" && event );
+
+		// Trigger bitmask: & 1 for native handlers; & 2 for jQuery (always true)
+		event.isTrigger = onlyHandlers ? 2 : 3;
+		event.namespace = namespaces.join(".");
+		event.namespace_re = event.namespace ?
+			new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" ) :
+			null;
+
+		// Clean up the event in case it is being reused
+		event.result = undefined;
+		if ( !event.target ) {
+			event.target = elem;
+		}
+
+		// Clone any incoming data and prepend the event, creating the handler arg list
+		data = data == null ?
+			[ event ] :
+			jQuery.makeArray( data, [ event ] );
+
+		// Allow special events to draw outside the lines
+		special = jQuery.event.special[ type ] || {};
+		if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) {
+			return;
+		}
+
+		// Determine event propagation path in advance, per W3C events spec (#9951)
+		// Bubble up to document, then to window; watch for a global ownerDocument var (#9724)
+		if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) {
+
+			bubbleType = special.delegateType || type;
+			if ( !rfocusMorph.test( bubbleType + type ) ) {
+				cur = cur.parentNode;
+			}
+			for ( ; cur; cur = cur.parentNode ) {
+				eventPath.push( cur );
+				tmp = cur;
+			}
+
+			// Only add window if we got to document (e.g., not plain obj or detached DOM)
+			if ( tmp === (elem.ownerDocument || document) ) {
+				eventPath.push( tmp.defaultView || tmp.parentWindow || window );
+			}
+		}
+
+		// Fire handlers on the event path
+		i = 0;
+		while ( (cur = eventPath[i++]) && !event.isPropagationStopped() ) {
+
+			event.type = i > 1 ?
+				bubbleType :
+				special.bindType || type;
+
+			// jQuery handler
+			handle = ( data_priv.get( cur, "events" ) || {} )[ event.type ] && data_priv.get( cur, "handle" );
+			if ( handle ) {
+				handle.apply( cur, data );
+			}
+
+			// Native handler
+			handle = ontype && cur[ ontype ];
+			if ( handle && handle.apply && jQuery.acceptData( cur ) ) {
+				event.result = handle.apply( cur, data );
+				if ( event.result === false ) {
+					event.preventDefault();
+				}
+			}
+		}
+		event.type = type;
+
+		// If nobody prevented the default action, do it now
+		if ( !onlyHandlers && !event.isDefaultPrevented() ) {
+
+			if ( (!special._default || special._default.apply( eventPath.pop(), data ) === false) &&
+				jQuery.acceptData( elem ) ) {
+
+				// Call a native DOM method on the target with the same name name as the event.
+				// Don't do default actions on window, that's where global variables be (#6170)
+				if ( ontype && jQuery.isFunction( elem[ type ] ) && !jQuery.isWindow( elem ) ) {
+
+					// Don't re-trigger an onFOO event when we call its FOO() method
+					tmp = elem[ ontype ];
+
+					if ( tmp ) {
+						elem[ ontype ] = null;
+					}
+
+					// Prevent re-triggering of the same event, since we already bubbled it above
+					jQuery.event.triggered = type;
+					elem[ type ]();
+					jQuery.event.triggered = undefined;
+
+					if ( tmp ) {
+						elem[ ontype ] = tmp;
+					}
+				}
+			}
+		}
+
+		return event.result;
+	},
+
+	dispatch: function( event ) {
+
+		// Make a writable jQuery.Event from the native event object
+		event = jQuery.event.fix( event );
+
+		var i, j, ret, matched, handleObj,
+			handlerQueue = [],
+			args = slice.call( arguments ),
+			handlers = ( data_priv.get( this, "events" ) || {} )[ event.type ] || [],
+			special = jQuery.event.special[ event.type ] || {};
+
+		// Use the fix-ed jQuery.Event rather than the (read-only) native event
+		args[0] = event;
+		event.delegateTarget = this;
+
+		// Call the preDispatch hook for the mapped type, and let it bail if desired
+		if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) {
+			return;
+		}
+
+		// Determine handlers
+		handlerQueue = jQuery.event.handlers.call( this, event, handlers );
+
+		// Run delegates first; they may want to stop propagation beneath us
+		i = 0;
+		while ( (matched = handlerQueue[ i++ ]) && !event.isPropagationStopped() ) {
+			event.currentTarget = matched.elem;
+
+			j = 0;
+			while ( (handleObj = matched.handlers[ j++ ]) && !event.isImmediatePropagationStopped() ) {
+
+				// Triggered event must either 1) have no namespace, or
+				// 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace).
+				if ( !event.namespace_re || event.namespace_re.test( handleObj.namespace ) ) {
+
+					event.handleObj = handleObj;
+					event.data = handleObj.data;
+
+					ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler )
+							.apply( matched.elem, args );
+
+					if ( ret !== undefined ) {
+						if ( (event.result = ret) === false ) {
+							event.preventDefault();
+							event.stopPropagation();
+						}
+					}
+				}
+			}
+		}
+
+		// Call the postDispatch hook for the mapped type
+		if ( special.postDispatch ) {
+			special.postDispatch.call( this, event );
+		}
+
+		return event.result;
+	},
+
+	handlers: function( event, handlers ) {
+		var i, matches, sel, handleObj,
+			handlerQueue = [],
+			delegateCount = handlers.delegateCount,
+			cur = event.target;
+
+		// Find delegate handlers
+		// Black-hole SVG <use> instance trees (#13180)
+		// Avoid non-left-click bubbling in Firefox (#3861)
+		if ( delegateCount && cur.nodeType && (!event.button || event.type !== "click") ) {
+
+			for ( ; cur !== this; cur = cur.parentNode || this ) {
+
+				// Don't process clicks on disabled elements (#6911, #8165, #11382, #11764)
+				if ( cur.disabled !== true || event.type !== "click" ) {
+					matches = [];
+					for ( i = 0; i < delegateCount; i++ ) {
+						handleObj = handlers[ i ];
+
+						// Don't conflict with Object.prototype properties (#13203)
+						sel = handleObj.selector + " ";
+
+						if ( matches[ sel ] === undefined ) {
+							matches[ sel ] = handleObj.needsContext ?
+								jQuery( sel, this ).index( cur ) >= 0 :
+								jQuery.find( sel, this, null, [ cur ] ).length;
+						}
+						if ( matches[ sel ] ) {
+							matches.push( handleObj );
+						}
+					}
+					if ( matches.length ) {
+						handlerQueue.push({ elem: cur, handlers: matches });
+					}
+				}
+			}
+		}
+
+		// Add the remaining (directly-bound) handlers
+		if ( delegateCount < handlers.length ) {
+			handlerQueue.push({ elem: this, handlers: handlers.slice( delegateCount ) });
+		}
+
+		return handlerQueue;
+	},
+
+	// Includes some event props shared by KeyEvent and MouseEvent
+	props: "altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),
+
+	fixHooks: {},
+
+	keyHooks: {
+		props: "char charCode key keyCode".split(" "),
+		filter: function( event, original ) {
+
+			// Add which for key events
+			if ( event.which == null ) {
+				event.which = original.charCode != null ? original.charCode : original.keyCode;
+			}
+
+			return event;
+		}
+	},
+
+	mouseHooks: {
+		props: "button buttons clientX clientY offsetX offsetY pageX pageY screenX screenY toElement".split(" "),
+		filter: function( event, original ) {
+			var eventDoc, doc, body,
+				button = original.button;
+
+			// Calculate pageX/Y if missing and clientX/Y available
+			if ( event.pageX == null && original.clientX != null ) {
+				eventDoc = event.target.ownerDocument || document;
+				doc = eventDoc.documentElement;
+				body = eventDoc.body;
+
+				event.pageX = original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 );
+				event.pageY = original.clientY + ( doc && doc.scrollTop  || body && body.scrollTop  || 0 ) - ( doc && doc.clientTop  || body && body.clientTop  || 0 );
+			}
+
+			// Add which for click: 1 === left; 2 === middle; 3 === right
+			// Note: button is not normalized, so don't use it
+			if ( !event.which && button !== undefined ) {
+				event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) );
+			}
+
+			return event;
+		}
+	},
+
+	fix: function( event ) {
+		if ( event[ jQuery.expando ] ) {
+			return event;
+		}
+
+		// Create a writable copy of the event object and normalize some properties
+		var i, prop, copy,
+			type = event.type,
+			originalEvent = event,
+			fixHook = this.fixHooks[ type ];
+
+		if ( !fixHook ) {
+			this.fixHooks[ type ] = fixHook =
+				rmouseEvent.test( type ) ? this.mouseHooks :
+				rkeyEvent.test( type ) ? this.keyHooks :
+				{};
+		}
+		copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props;
+
+		event = new jQuery.Event( originalEvent );
+
+		i = copy.length;
+		while ( i-- ) {
+			prop = copy[ i ];
+			event[ prop ] = originalEvent[ prop ];
+		}
+
+		// Support: Cordova 2.5 (WebKit) (#13255)
+		// All events should have a target; Cordova deviceready doesn't
+		if ( !event.target ) {
+			event.target = document;
+		}
+
+		// Support: Safari 6.0+, Chrome < 28
+		// Target should not be a text node (#504, #13143)
+		if ( event.target.nodeType === 3 ) {
+			event.target = event.target.parentNode;
+		}
+
+		return fixHook.filter ? fixHook.filter( event, originalEvent ) : event;
+	},
+
+	special: {
+		load: {
+			// Prevent triggered image.load events from bubbling to window.load
+			noBubble: true
+		},
+		focus: {
+			// Fire native event if possible so blur/focus sequence is correct
+			trigger: function() {
+				if ( this !== safeActiveElement() && this.focus ) {
+					this.focus();
+					return false;
+				}
+			},
+			delegateType: "focusin"
+		},
+		blur: {
+			trigger: function() {
+				if ( this === safeActiveElement() && this.blur ) {
+					this.blur();
+					return false;
+				}
+			},
+			delegateType: "focusout"
+		},
+		click: {
+			// For checkbox, fire native event so checked state will be right
+			trigger: function() {
+				if ( this.type === "checkbox" && this.click && jQuery.nodeName( this, "input" ) ) {
+					this.click();
+					return false;
+				}
+			},
+
+			// For cross-browser consistency, don't fire native .click() on links
+			_default: function( event ) {
+				return jQuery.nodeName( event.target, "a" );
+			}
+		},
+
+		beforeunload: {
+			postDispatch: function( event ) {
+
+				// Support: Firefox 20+
+				// Firefox doesn't alert if the returnValue field is not set.
+				if ( event.result !== undefined && event.originalEvent ) {
+					event.originalEvent.returnValue = event.result;
+				}
+			}
+		}
+	},
+
+	simulate: function( type, elem, event, bubble ) {
+		// Piggyback on a donor event to simulate a different one.
+		// Fake originalEvent to avoid donor's stopPropagation, but if the
+		// simulated event prevents default then we do the same on the donor.
+		var e = jQuery.extend(
+			new jQuery.Event(),
+			event,
+			{
+				type: type,
+				isSimulated: true,
+				originalEvent: {}
+			}
+		);
+		if ( bubble ) {
+			jQuery.event.trigger( e, null, elem );
+		} else {
+			jQuery.event.dispatch.call( elem, e );
+		}
+		if ( e.isDefaultPrevented() ) {
+			event.preventDefault();
+		}
+	}
+};
+
+jQuery.removeEvent = function( elem, type, handle ) {
+	if ( elem.removeEventListener ) {
+		elem.removeEventListener( type, handle, false );
+	}
+};
+
+jQuery.Event = function( src, props ) {
+	// Allow instantiation without the 'new' keyword
+	if ( !(this instanceof jQuery.Event) ) {
+		return new jQuery.Event( src, props );
+	}
+
+	// Event object
+	if ( src && src.type ) {
+		this.originalEvent = src;
+		this.type = src.type;
+
+		// Events bubbling up the document may have been marked as prevented
+		// by a handler lower down the tree; reflect the correct value.
+		this.isDefaultPrevented = src.defaultPrevented ||
+				src.defaultPrevented === undefined &&
+				// Support: Android < 4.0
+				src.returnValue === false ?
+			returnTrue :
+			returnFalse;
+
+	// Event type
+	} else {
+		this.type = src;
+	}
+
+	// Put explicitly provided properties onto the event object
+	if ( props ) {
+		jQuery.extend( this, props );
+	}
+
+	// Create a timestamp if incoming event doesn't have one
+	this.timeStamp = src && src.timeStamp || jQuery.now();
+
+	// Mark it as fixed
+	this[ jQuery.expando ] = true;
+};
+
+// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
+// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
+jQuery.Event.prototype = {
+	isDefaultPrevented: returnFalse,
+	isPropagationStopped: returnFalse,
+	isImmediatePropagationStopped: returnFalse,
+
+	preventDefault: function() {
+		var e = this.originalEvent;
+
+		this.isDefaultPrevented = returnTrue;
+
+		if ( e && e.preventDefault ) {
+			e.preventDefault();
+		}
+	},
+	stopPropagation: function() {
+		var e = this.originalEvent;
+
+		this.isPropagationStopped = returnTrue;
+
+		if ( e && e.stopPropagation ) {
+			e.stopPropagation();
+		}
+	},
+	stopImmediatePropagation: function() {
+		var e = this.originalEvent;
+
+		this.isImmediatePropagationStopped = returnTrue;
+
+		if ( e && e.stopImmediatePropagation ) {
+			e.stopImmediatePropagation();
+		}
+
+		this.stopPropagation();
+	}
+};
+
+// Create mouseenter/leave events using mouseover/out and event-time checks
+// Support: Chrome 15+
+jQuery.each({
+	mouseenter: "mouseover",
+	mouseleave: "mouseout",
+	pointerenter: "pointerover",
+	pointerleave: "pointerout"
+}, function( orig, fix ) {
+	jQuery.event.special[ orig ] = {
+		delegateType: fix,
+		bindType: fix,
+
+		handle: function( event ) {
+			var ret,
+				target = this,
+				related = event.relatedTarget,
+				handleObj = event.handleObj;
+
+			// For mousenter/leave call the handler if related is outside the target.
+			// NB: No relatedTarget if the mouse left/entered the browser window
+			if ( !related || (related !== target && !jQuery.contains( target, related )) ) {
+				event.type = handleObj.origType;
+				ret = handleObj.handler.apply( this, arguments );
+				event.type = fix;
+			}
+			return ret;
+		}
+	};
+});
+
+// Create "bubbling" focus and blur events
+// Support: Firefox, Chrome, Safari
+if ( !support.focusinBubbles ) {
+	jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {
+
+		// Attach a single capturing handler on the document while someone wants focusin/focusout
+		var handler = function( event ) {
+				jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ), true );
+			};
+
+		jQuery.event.special[ fix ] = {
+			setup: function() {
+				var doc = this.ownerDocument || this,
+					attaches = data_priv.access( doc, fix );
+
+				if ( !attaches ) {
+					doc.addEventListener( orig, handler, true );
+				}
+				data_priv.access( doc, fix, ( attaches || 0 ) + 1 );
+			},
+			teardown: function() {
+				var doc = this.ownerDocument || this,
+					attaches = data_priv.access( doc, fix ) - 1;
+
+				if ( !attaches ) {
+					doc.removeEventListener( orig, handler, true );
+					data_priv.remove( doc, fix );
+
+				} else {
+					data_priv.access( doc, fix, attaches );
+				}
+			}
+		};
+	});
+}
+
+jQuery.fn.extend({
+
+	on: function( types, selector, data, fn, /*INTERNAL*/ one ) {
+		var origFn, type;
+
+		// Types can be a map of types/handlers
+		if ( typeof types === "object" ) {
+			// ( types-Object, selector, data )
+			if ( typeof selector !== "string" ) {
+				// ( types-Object, data )
+				data = data || selector;
+				selector = undefined;
+			}
+			for ( type in types ) {
+				this.on( type, selector, data, types[ type ], one );
+			}
+			return this;
+		}
+
+		if ( data == null && fn == null ) {
+			// ( types, fn )
+			fn = selector;
+			data = selector = undefined;
+		} else if ( fn == null ) {
+			if ( typeof selector === "string" ) {
+				// ( types, selector, fn )
+				fn = data;
+				data = undefined;
+			} else {
+				// ( types, data, fn )
+				fn = data;
+				data = selector;
+				selector = undefined;
+			}
+		}
+		if ( fn === false ) {
+			fn = returnFalse;
+		} else if ( !fn ) {
+			return this;
+		}
+
+		if ( one === 1 ) {
+			origFn = fn;
+			fn = function( event ) {
+				// Can use an empty set, since event contains the info
+				jQuery().off( event );
+				return origFn.apply( this, arguments );
+			};
+			// Use same guid so caller can remove using origFn
+			fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ );
+		}
+		return this.each( function() {
+			jQuery.event.add( this, types, fn, data, selector );
+		});
+	},
+	one: function( types, selector, data, fn ) {
+		return this.on( types, selector, data, fn, 1 );
+	},
+	off: function( types, selector, fn ) {
+		var handleObj, type;
+		if ( types && types.preventDefault && types.handleObj ) {
+			// ( event )  dispatched jQuery.Event
+			handleObj = types.handleObj;
+			jQuery( types.delegateTarget ).off(
+				handleObj.namespace ? handleObj.origType + "." + handleObj.namespace : handleObj.origType,
+				handleObj.selector,
+				handleObj.handler
+			);
+			return this;
+		}
+		if ( typeof types === "object" ) {
+			// ( types-object [, selector] )
+			for ( type in types ) {
+				this.off( type, selector, types[ type ] );
+			}
+			return this;
+		}
+		if ( selector === false || typeof selector === "function" ) {
+			// ( types [, fn] )
+			fn = selector;
+			selector = undefined;
+		}
+		if ( fn === false ) {
+			fn = returnFalse;
+		}
+		return this.each(function() {
+			jQuery.event.remove( this, types, fn, selector );
+		});
+	},
+
+	trigger: function( type, data ) {
+		return this.each(function() {
+			jQuery.event.trigger( type, data, this );
+		});
+	},
+	triggerHandler: function( type, data ) {
+		var elem = this[0];
+		if ( elem ) {
+			return jQuery.event.trigger( type, data, elem, true );
+		}
+	}
+});
+
+
+var
+	rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,
+	rtagName = /<([\w:]+)/,
+	rhtml = /<|&#?\w+;/,
+	rnoInnerhtml = /<(?:script|style|link)/i,
+	// checked="checked" or checked
+	rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
+	rscriptType = /^$|\/(?:java|ecma)script/i,
+	rscriptTypeMasked = /^true\/(.*)/,
+	rcleanScript = /^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,
+
+	// We have to close these tags to support XHTML (#13200)
+	wrapMap = {
+
+		// Support: IE 9
+		option: [ 1, "<select multiple='multiple'>", "</select>" ],
+
+		thead: [ 1, "<table>", "</table>" ],
+		col: [ 2, "<table><colgroup>", "</colgroup></table>" ],
+		tr: [ 2, "<table><tbody>", "</tbody></table>" ],
+		td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
+
+		_default: [ 0, "", "" ]
+	};
+
+// Support: IE 9
+wrapMap.optgroup = wrapMap.option;
+
+wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
+wrapMap.th = wrapMap.td;
+
+// Support: 1.x compatibility
+// Manipulating tables requires a tbody
+function manipulationTarget( elem, content ) {
+	return jQuery.nodeName( elem, "table" ) &&
+		jQuery.nodeName( content.nodeType !== 11 ? content : content.firstChild, "tr" ) ?
+
+		elem.getElementsByTagName("tbody")[0] ||
+			elem.appendChild( elem.ownerDocument.createElement("tbody") ) :
+		elem;
+}
+
+// Replace/restore the type attribute of script elements for safe DOM manipulation
+function disableScript( elem ) {
+	elem.type = (elem.getAttribute("type") !== null) + "/" + elem.type;
+	return elem;
+}
+function restoreScript( elem ) {
+	var match = rscriptTypeMasked.exec( elem.type );
+
+	if ( match ) {
+		elem.type = match[ 1 ];
+	} else {
+		elem.removeAttribute("type");
+	}
+
+	return elem;
+}
+
+// Mark scripts as having already been evaluated
+function setGlobalEval( elems, refElements ) {
+	var i = 0,
+		l = elems.length;
+
+	for ( ; i < l; i++ ) {
+		data_priv.set(
+			elems[ i ], "globalEval", !refElements || data_priv.get( refElements[ i ], "globalEval" )
+		);
+	}
+}
+
+function cloneCopyEvent( src, dest ) {
+	var i, l, type, pdataOld, pdataCur, udataOld, udataCur, events;
+
+	if ( dest.nodeType !== 1 ) {
+		return;
+	}
+
+	// 1. Copy private data: events, handlers, etc.
+	if ( data_priv.hasData( src ) ) {
+		pdataOld = data_priv.access( src );
+		pdataCur = data_priv.set( dest, pdataOld );
+		events = pdataOld.events;
+
+		if ( events ) {
+			delete pdataCur.handle;
+			pdataCur.events = {};
+
+			for ( type in events ) {
+				for ( i = 0, l = events[ type ].length; i < l; i++ ) {
+					jQuery.event.add( dest, type, events[ type ][ i ] );
+				}
+			}
+		}
+	}
+
+	// 2. Copy user data
+	if ( data_user.hasData( src ) ) {
+		udataOld = data_user.access( src );
+		udataCur = jQuery.extend( {}, udataOld );
+
+		data_user.set( dest, udataCur );
+	}
+}
+
+function getAll( context, tag ) {
+	var ret = context.getElementsByTagName ? context.getElementsByTagName( tag || "*" ) :
+			context.querySelectorAll ? context.querySelectorAll( tag || "*" ) :
+			[];
+
+	return tag === undefined || tag && jQuery.nodeName( context, tag ) ?
+		jQuery.merge( [ context ], ret ) :
+		ret;
+}
+
+// Support: IE >= 9
+function fixInput( src, dest ) {
+	var nodeName = dest.nodeName.toLowerCase();
+
+	// Fails to persist the checked state of a cloned checkbox or radio button.
+	if ( nodeName === "input" && rcheckableType.test( src.type ) ) {
+		dest.checked = src.checked;
+
+	// Fails to return the selected option to the default selected state when cloning options
+	} else if ( nodeName === "input" || nodeName === "textarea" ) {
+		dest.defaultValue = src.defaultValue;
+	}
+}
+
+jQuery.extend({
+	clone: function( elem, dataAndEvents, deepDataAndEvents ) {
+		var i, l, srcElements, destElements,
+			clone = elem.cloneNode( true ),
+			inPage = jQuery.contains( elem.ownerDocument, elem );
+
+		// Support: IE >= 9
+		// Fix Cloning issues
+		if ( !support.noCloneChecked && ( elem.nodeType === 1 || elem.nodeType === 11 ) &&
+				!jQuery.isXMLDoc( elem ) ) {
+
+			// We eschew Sizzle here for performance reasons: http://jsperf.com/getall-vs-sizzle/2
+			destElements = getAll( clone );
+			srcElements = getAll( elem );
+
+			for ( i = 0, l = srcElements.length; i < l; i++ ) {
+				fixInput( srcElements[ i ], destElements[ i ] );
+			}
+		}
+
+		// Copy the events from the original to the clone
+		if ( dataAndEvents ) {
+			if ( deepDataAndEvents ) {
+				srcElements = srcElements || getAll( elem );
+				destElements = destElements || getAll( clone );
+
+				for ( i = 0, l = srcElements.length; i < l; i++ ) {
+					cloneCopyEvent( srcElements[ i ], destElements[ i ] );
+				}
+			} else {
+				cloneCopyEvent( elem, clone );
+			}
+		}
+
+		// Preserve script evaluation history
+		destElements = getAll( clone, "script" );
+		if ( destElements.length > 0 ) {
+			setGlobalEval( destElements, !inPage && getAll( elem, "script" ) );
+		}
+
+		// Return the cloned set
+		return clone;
+	},
+
+	buildFragment: function( elems, context, scripts, selection ) {
+		var elem, tmp, tag, wrap, contains, j,
+			fragment = context.createDocumentFragment(),
+			nodes = [],
+			i = 0,
+			l = elems.length;
+
+		for ( ; i < l; i++ ) {
+			elem = elems[ i ];
+
+			if ( elem || elem === 0 ) {
+
+				// Add nodes directly
+				if ( jQuery.type( elem ) === "object" ) {
+					// Support: QtWebKit
+					// jQuery.merge because push.apply(_, arraylike) throws
+					jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem );
+
+				// Convert non-html into a text node
+				} else if ( !rhtml.test( elem ) ) {
+					nodes.push( context.createTextNode( elem ) );
+
+				// Convert html into DOM nodes
+				} else {
+					tmp = tmp || fragment.appendChild( context.createElement("div") );
+
+					// Deserialize a standard representation
+					tag = ( rtagName.exec( elem ) || [ "", "" ] )[ 1 ].toLowerCase();
+					wrap = wrapMap[ tag ] || wrapMap._default;
+					tmp.innerHTML = wrap[ 1 ] + elem.replace( rxhtmlTag, "<$1></$2>" ) + wrap[ 2 ];
+
+					// Descend through wrappers to the right content
+					j = wrap[ 0 ];
+					while ( j-- ) {
+						tmp = tmp.lastChild;
+					}
+
+					// Support: QtWebKit
+					// jQuery.merge because push.apply(_, arraylike) throws
+					jQuery.merge( nodes, tmp.childNodes );
+
+					// Remember the top-level container
+					tmp = fragment.firstChild;
+
+					// Fixes #12346
+					// Support: Webkit, IE
+					tmp.textContent = "";
+				}
+			}
+		}
+
+		// Remove wrapper from fragment
+		fragment.textContent = "";
+
+		i = 0;
+		while ( (elem = nodes[ i++ ]) ) {
+
+			// #4087 - If origin and destination elements are the same, and this is
+			// that element, do not do anything
+			if ( selection && jQuery.inArray( elem, selection ) !== -1 ) {
+				continue;
+			}
+
+			contains = jQuery.contains( elem.ownerDocument, elem );
+
+			// Append to fragment
+			tmp = getAll( fragment.appendChild( elem ), "script" );
+
+			// Preserve script evaluation history
+			if ( contains ) {
+				setGlobalEval( tmp );
+			}
+
+			// Capture executables
+			if ( scripts ) {
+				j = 0;
+				while ( (elem = tmp[ j++ ]) ) {
+					if ( rscriptType.test( elem.type || "" ) ) {
+						scripts.push( elem );
+					}
+				}
+			}
+		}
+
+		return fragment;
+	},
+
+	cleanData: function( elems ) {
+		var data, elem, type, key,
+			special = jQuery.event.special,
+			i = 0;
+
+		for ( ; (elem = elems[ i ]) !== undefined; i++ ) {
+			if ( jQuery.acceptData( elem ) ) {
+				key = elem[ data_priv.expando ];
+
+				if ( key && (data = data_priv.cache[ key ]) ) {
+					if ( data.events ) {
+						for ( type in data.events ) {
+							if ( special[ type ] ) {
+								jQuery.event.remove( elem, type );
+
+							// This is a shortcut to avoid jQuery.event.remove's overhead
+							} else {
+								jQuery.removeEvent( elem, type, data.handle );
+							}
+						}
+					}
+					if ( data_priv.cache[ key ] ) {
+						// Discard any remaining `private` data
+						delete data_priv.cache[ key ];
+					}
+				}
+			}
+			// Discard any remaining `user` data
+			delete data_user.cache[ elem[ data_user.expando ] ];
+		}
+	}
+});
+
+jQuery.fn.extend({
+	text: function( value ) {
+		return access( this, function( value ) {
+			return value === undefined ?
+				jQuery.text( this ) :
+				this.empty().each(function() {
+					if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+						this.textContent = value;
+					}
+				});
+		}, null, value, arguments.length );
+	},
+
+	append: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+				var target = manipulationTarget( this, elem );
+				target.appendChild( elem );
+			}
+		});
+	},
+
+	prepend: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+				var target = manipulationTarget( this, elem );
+				target.insertBefore( elem, target.firstChild );
+			}
+		});
+	},
+
+	before: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.parentNode ) {
+				this.parentNode.insertBefore( elem, this );
+			}
+		});
+	},
+
+	after: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.parentNode ) {
+				this.parentNode.insertBefore( elem, this.nextSibling );
+			}
+		});
+	},
+
+	remove: function( selector, keepData /* Internal Use Only */ ) {
+		var elem,
+			elems = selector ? jQuery.filter( selector, this ) : this,
+			i = 0;
+
+		for ( ; (elem = elems[i]) != null; i++ ) {
+			if ( !keepData && elem.nodeType === 1 ) {
+				jQuery.cleanData( getAll( elem ) );
+			}
+
+			if ( elem.parentNode ) {
+				if ( keepData && jQuery.contains( elem.ownerDocument, elem ) ) {
+					setGlobalEval( getAll( elem, "script" ) );
+				}
+				elem.parentNode.removeChild( elem );
+			}
+		}
+
+		return this;
+	},
+
+	empty: function() {
+		var elem,
+			i = 0;
+
+		for ( ; (elem = this[i]) != null; i++ ) {
+			if ( elem.nodeType === 1 ) {
+
+				// Prevent memory leaks
+				jQuery.cleanData( getAll( elem, false ) );
+
+				// Remove any remaining nodes
+				elem.textContent = "";
+			}
+		}
+
+		return this;
+	},
+
+	clone: function( dataAndEvents, deepDataAndEvents ) {
+		dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
+		deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
+
+		return this.map(function() {
+			return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
+		});
+	},
+
+	html: function( value ) {
+		return access( this, function( value ) {
+			var elem = this[ 0 ] || {},
+				i = 0,
+				l = this.length;
+
+			if ( value === undefined && elem.nodeType === 1 ) {
+				return elem.innerHTML;
+			}
+
+			// See if we can take a shortcut and just use innerHTML
+			if ( typeof value === "string" && !rnoInnerhtml.test( value ) &&
+				!wrapMap[ ( rtagName.exec( value ) || [ "", "" ] )[ 1 ].toLowerCase() ] ) {
+
+				value = value.replace( rxhtmlTag, "<$1></$2>" );
+
+				try {
+					for ( ; i < l; i++ ) {
+						elem = this[ i ] || {};
+
+						// Remove element nodes and prevent memory leaks
+						if ( elem.nodeType === 1 ) {
+							jQuery.cleanData( getAll( elem, false ) );
+							elem.innerHTML = value;
+						}
+					}
+
+					elem = 0;
+
+				// If using innerHTML throws an exception, use the fallback method
+				} catch( e ) {}
+			}
+
+			if ( elem ) {
+				this.empty().append( value );
+			}
+		}, null, value, arguments.length );
+	},
+
+	replaceWith: function() {
+		var arg = arguments[ 0 ];
+
+		// Make the changes, replacing each context element with the new content
+		this.domManip( arguments, function( elem ) {
+			arg = this.parentNode;
+
+			jQuery.cleanData( getAll( this ) );
+
+			if ( arg ) {
+				arg.replaceChild( elem, this );
+			}
+		});
+
+		// Force removal if there was no new content (e.g., from empty arguments)
+		return arg && (arg.length || arg.nodeType) ? this : this.remove();
+	},
+
+	detach: function( selector ) {
+		return this.remove( selector, true );
+	},
+
+	domManip: function( args, callback ) {
+
+		// Flatten any nested arrays
+		args = concat.apply( [], args );
+
+		var fragment, first, scripts, hasScripts, node, doc,
+			i = 0,
+			l = this.length,
+			set = this,
+			iNoClone = l - 1,
+			value = args[ 0 ],
+			isFunction = jQuery.isFunction( value );
+
+		// We can't cloneNode fragments that contain checked, in WebKit
+		if ( isFunction ||
+				( l > 1 && typeof value === "string" &&
+					!support.checkClone && rchecked.test( value ) ) ) {
+			return this.each(function( index ) {
+				var self = set.eq( index );
+				if ( isFunction ) {
+					args[ 0 ] = value.call( this, index, self.html() );
+				}
+				self.domManip( args, callback );
+			});
+		}
+
+		if ( l ) {
+			fragment = jQuery.buildFragment( args, this[ 0 ].ownerDocument, false, this );
+			first = fragment.firstChild;
+
+			if ( fragment.childNodes.length === 1 ) {
+				fragment = first;
+			}
+
+			if ( first ) {
+				scripts = jQuery.map( getAll( fragment, "script" ), disableScript );
+				hasScripts = scripts.length;
+
+				// Use the original fragment for the last item instead of the first because it can end up
+				// being emptied incorrectly in certain situations (#8070).
+				for ( ; i < l; i++ ) {
+					node = fragment;
+
+					if ( i !== iNoClone ) {
+						node = jQuery.clone( node, true, true );
+
+						// Keep references to cloned scripts for later restoration
+						if ( hasScripts ) {
+							// Support: QtWebKit
+							// jQuery.merge because push.apply(_, arraylike) throws
+							jQuery.merge( scripts, getAll( node, "script" ) );
+						}
+					}
+
+					callback.call( this[ i ], node, i );
+				}
+
+				if ( hasScripts ) {
+					doc = scripts[ scripts.length - 1 ].ownerDocument;
+
+					// Reenable scripts
+					jQuery.map( scripts, restoreScript );
+
+					// Evaluate executable scripts on first document insertion
+					for ( i = 0; i < hasScripts; i++ ) {
+						node = scripts[ i ];
+						if ( rscriptType.test( node.type || "" ) &&
+							!data_priv.access( node, "globalEval" ) && jQuery.contains( doc, node ) ) {
+
+							if ( node.src ) {
+								// Optional AJAX dependency, but won't run scripts if not present
+								if ( jQuery._evalUrl ) {
+									jQuery._evalUrl( node.src );
+								}
+							} else {
+								jQuery.globalEval( node.textContent.replace( rcleanScript, "" ) );
+							}
+						}
+					}
+				}
+			}
+		}
+
+		return this;
+	}
+});
+
+jQuery.each({
+	appendTo: "append",
+	prependTo: "prepend",
+	insertBefore: "before",
+	insertAfter: "after",
+	replaceAll: "replaceWith"
+}, function( name, original ) {
+	jQuery.fn[ name ] = function( selector ) {
+		var elems,
+			ret = [],
+			insert = jQuery( selector ),
+			last = insert.length - 1,
+			i = 0;
+
+		for ( ; i <= last; i++ ) {
+			elems = i === last ? this : this.clone( true );
+			jQuery( insert[ i ] )[ original ]( elems );
+
+			// Support: QtWebKit
+			// .get() because push.apply(_, arraylike) throws
+			push.apply( ret, elems.get() );
+		}
+
+		return this.pushStack( ret );
+	};
+});
+
+
+var iframe,
+	elemdisplay = {};
+
+/**
+ * Retrieve the actual display of a element
+ * @param {String} name nodeName of the element
+ * @param {Object} doc Document object
+ */
+// Called only from within defaultDisplay
+function actualDisplay( name, doc ) {
+	var style,
+		elem = jQuery( doc.createElement( name ) ).appendTo( doc.body ),
+
+		// getDefaultComputedStyle might be reliably used only on attached element
+		display = window.getDefaultComputedStyle && ( style = window.getDefaultComputedStyle( elem[ 0 ] ) ) ?
+
+			// Use of this method is a temporary fix (more like optmization) until something better comes along,
+			// since it was removed from specification and supported only in FF
+			style.display : jQuery.css( elem[ 0 ], "display" );
+
+	// We don't have any data stored on the element,
+	// so use "detach" method as fast way to get rid of the element
+	elem.detach();
+
+	return display;
+}
+
+/**
+ * Try to determine the default display value of an element
+ * @param {String} nodeName
+ */
+function defaultDisplay( nodeName ) {
+	var doc = document,
+		display = elemdisplay[ nodeName ];
+
+	if ( !display ) {
+		display = actualDisplay( nodeName, doc );
+
+		// If the simple way fails, read from inside an iframe
+		if ( display === "none" || !display ) {
+
+			// Use the already-created iframe if possible
+			iframe = (iframe || jQuery( "<iframe frameborder='0' width='0' height='0'/>" )).appendTo( doc.documentElement );
+
+			// Always write a new HTML skeleton so Webkit and Firefox don't choke on reuse
+			doc = iframe[ 0 ].contentDocument;
+
+			// Support: IE
+			doc.write();
+			doc.close();
+
+			display = actualDisplay( nodeName, doc );
+			iframe.detach();
+		}
+
+		// Store the correct default display
+		elemdisplay[ nodeName ] = display;
+	}
+
+	return display;
+}
+var rmargin = (/^margin/);
+
+var rnumnonpx = new RegExp( "^(" + pnum + ")(?!px)[a-z%]+$", "i" );
+
+var getStyles = function( elem ) {
+		return elem.ownerDocument.defaultView.getComputedStyle( elem, null );
+	};
+
+
+
+function curCSS( elem, name, computed ) {
+	var width, minWidth, maxWidth, ret,
+		style = elem.style;
+
+	computed = computed || getStyles( elem );
+
+	// Support: IE9
+	// getPropertyValue is only needed for .css('filter') in IE9, see #12537
+	if ( computed ) {
+		ret = computed.getPropertyValue( name ) || computed[ name ];
+	}
+
+	if ( computed ) {
+
+		if ( ret === "" && !jQuery.contains( elem.ownerDocument, elem ) ) {
+			ret = jQuery.style( elem, name );
+		}
+
+		// Support: iOS < 6
+		// A tribute to the "awesome hack by Dean Edwards"
+		// iOS < 6 (at least) returns percentage for a larger set of values, but width seems to be reliably pixels
+		// this is against the CSSOM draft spec: http://dev.w3.org/csswg/cssom/#resolved-values
+		if ( rnumnonpx.test( ret ) && rmargin.test( name ) ) {
+
+			// Remember the original values
+			width = style.width;
+			minWidth = style.minWidth;
+			maxWidth = style.maxWidth;
+
+			// Put in the new values to get a computed value out
+			style.minWidth = style.maxWidth = style.width = ret;
+			ret = computed.width;
+
+			// Revert the changed values
+			style.width = width;
+			style.minWidth = minWidth;
+			style.maxWidth = maxWidth;
+		}
+	}
+
+	return ret !== undefined ?
+		// Support: IE
+		// IE returns zIndex value as an integer.
+		ret + "" :
+		ret;
+}
+
+
+function addGetHookIf( conditionFn, hookFn ) {
+	// Define the hook, we'll check on the first run if it's really needed.
+	return {
+		get: function() {
+			if ( conditionFn() ) {
+				// Hook not needed (or it's not possible to use it due to missing dependency),
+				// remove it.
+				// Since there are no other hooks for marginRight, remove the whole object.
+				delete this.get;
+				return;
+			}
+
+			// Hook needed; redefine it so that the support test is not executed again.
+
+			return (this.get = hookFn).apply( this, arguments );
+		}
+	};
+}
+
+
+(function() {
+	var pixelPositionVal, boxSizingReliableVal,
+		docElem = document.documentElement,
+		container = document.createElement( "div" ),
+		div = document.createElement( "div" );
+
+	if ( !div.style ) {
+		return;
+	}
+
+	div.style.backgroundClip = "content-box";
+	div.cloneNode( true ).style.backgroundClip = "";
+	support.clearCloneStyle = div.style.backgroundClip === "content-box";
+
+	container.style.cssText = "border:0;width:0;height:0;top:0;left:-9999px;margin-top:1px;" +
+		"position:absolute";
+	container.appendChild( div );
+
+	// Executing both pixelPosition & boxSizingReliable tests require only one layout
+	// so they're executed at the same time to save the second computation.
+	function computePixelPositionAndBoxSizingReliable() {
+		div.style.cssText =
+			// Support: Firefox<29, Android 2.3
+			// Vendor-prefix box-sizing
+			"-webkit-box-sizing:border-box;-moz-box-sizing:border-box;" +
+			"box-sizing:border-box;display:block;margin-top:1%;top:1%;" +
+			"border:1px;padding:1px;width:4px;position:absolute";
+		div.innerHTML = "";
+		docElem.appendChild( container );
+
+		var divStyle = window.getComputedStyle( div, null );
+		pixelPositionVal = divStyle.top !== "1%";
+		boxSizingReliableVal = divStyle.width === "4px";
+
+		docElem.removeChild( container );
+	}
+
+	// Support: node.js jsdom
+	// Don't assume that getComputedStyle is a property of the global object
+	if ( window.getComputedStyle ) {
+		jQuery.extend( support, {
+			pixelPosition: function() {
+				// This test is executed only once but we still do memoizing
+				// since we can use the boxSizingReliable pre-computing.
+				// No need to check if the test was already performed, though.
+				computePixelPositionAndBoxSizingReliable();
+				return pixelPositionVal;
+			},
+			boxSizingReliable: function() {
+				if ( boxSizingReliableVal == null ) {
+					computePixelPositionAndBoxSizingReliable();
+				}
+				return boxSizingReliableVal;
+			},
+			reliableMarginRight: function() {
+				// Support: Android 2.3
+				// Check if div with explicit width and no margin-right incorrectly
+				// gets computed margin-right based on width of container. (#3333)
+				// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
+				// This support function is only executed once so no memoizing is needed.
+				var ret,
+					marginDiv = div.appendChild( document.createElement( "div" ) );
+
+				// Reset CSS: box-sizing; display; margin; border; padding
+				marginDiv.style.cssText = div.style.cssText =
+					// Support: Firefox<29, Android 2.3
+					// Vendor-prefix box-sizing
+					"-webkit-box-sizing:content-box;-moz-box-sizing:content-box;" +
+					"box-sizing:content-box;display:block;margin:0;border:0;padding:0";
+				marginDiv.style.marginRight = marginDiv.style.width = "0";
+				div.style.width = "1px";
+				docElem.appendChild( container );
+
+				ret = !parseFloat( window.getComputedStyle( marginDiv, null ).marginRight );
+
+				docElem.removeChild( container );
+
+				return ret;
+			}
+		});
+	}
+})();
+
+
+// A method for quickly swapping in/out CSS properties to get correct calculations.
+jQuery.swap = function( elem, options, callback, args ) {
+	var ret, name,
+		old = {};
+
+	// Remember the old values, and insert the new ones
+	for ( name in options ) {
+		old[ name ] = elem.style[ name ];
+		elem.style[ name ] = options[ name ];
+	}
+
+	ret = callback.apply( elem, args || [] );
+
+	// Revert the old values
+	for ( name in options ) {
+		elem.style[ name ] = old[ name ];
+	}
+
+	return ret;
+};
+
+
+var
+	// swappable if display is none or starts with table except "table", "table-cell", or "table-caption"
+	// see here for display values: https://developer.mozilla.org/en-US/docs/CSS/display
+	rdisplayswap = /^(none|table(?!-c[ea]).+)/,
+	rnumsplit = new RegExp( "^(" + pnum + ")(.*)$", "i" ),
+	rrelNum = new RegExp( "^([+-])=(" + pnum + ")", "i" ),
+
+	cssShow = { position: "absolute", visibility: "hidden", display: "block" },
+	cssNormalTransform = {
+		letterSpacing: "0",
+		fontWeight: "400"
+	},
+
+	cssPrefixes = [ "Webkit", "O", "Moz", "ms" ];
+
+// return a css property mapped to a potentially vendor prefixed property
+function vendorPropName( style, name ) {
+
+	// shortcut for names that are not vendor prefixed
+	if ( name in style ) {
+		return name;
+	}
+
+	// check for vendor prefixed names
+	var capName = name[0].toUpperCase() + name.slice(1),
+		origName = name,
+		i = cssPrefixes.length;
+
+	while ( i-- ) {
+		name = cssPrefixes[ i ] + capName;
+		if ( name in style ) {
+			return name;
+		}
+	}
+
+	return origName;
+}
+
+function setPositiveNumber( elem, value, subtract ) {
+	var matches = rnumsplit.exec( value );
+	return matches ?
+		// Guard against undefined "subtract", e.g., when used as in cssHooks
+		Math.max( 0, matches[ 1 ] - ( subtract || 0 ) ) + ( matches[ 2 ] || "px" ) :
+		value;
+}
+
+function augmentWidthOrHeight( elem, name, extra, isBorderBox, styles ) {
+	var i = extra === ( isBorderBox ? "border" : "content" ) ?
+		// If we already have the right measurement, avoid augmentation
+		4 :
+		// Otherwise initialize for horizontal or vertical properties
+		name === "width" ? 1 : 0,
+
+		val = 0;
+
+	for ( ; i < 4; i += 2 ) {
+		// both box models exclude margin, so add it if we want it
+		if ( extra === "margin" ) {
+			val += jQuery.css( elem, extra + cssExpand[ i ], true, styles );
+		}
+
+		if ( isBorderBox ) {
+			// border-box includes padding, so remove it if we want content
+			if ( extra === "content" ) {
+				val -= jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+			}
+
+			// at this point, extra isn't border nor margin, so remove border
+			if ( extra !== "margin" ) {
+				val -= jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+			}
+		} else {
+			// at this point, extra isn't content, so add padding
+			val += jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+
+			// at this point, extra isn't content nor padding, so add border
+			if ( extra !== "padding" ) {
+				val += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+			}
+		}
+	}
+
+	return val;
+}
+
+function getWidthOrHeight( elem, name, extra ) {
+
+	// Start with offset property, which is equivalent to the border-box value
+	var valueIsBorderBox = true,
+		val = name === "width" ? elem.offsetWidth : elem.offsetHeight,
+		styles = getStyles( elem ),
+		isBorderBox = jQuery.css( elem, "boxSizing", false, styles ) === "border-box";
+
+	// some non-html elements return undefined for offsetWidth, so check for null/undefined
+	// svg - https://bugzilla.mozilla.org/show_bug.cgi?id=649285
+	// MathML - https://bugzilla.mozilla.org/show_bug.cgi?id=491668
+	if ( val <= 0 || val == null ) {
+		// Fall back to computed then uncomputed css if necessary
+		val = curCSS( elem, name, styles );
+		if ( val < 0 || val == null ) {
+			val = elem.style[ name ];
+		}
+
+		// Computed unit is not pixels. Stop here and return.
+		if ( rnumnonpx.test(val) ) {
+			return val;
+		}
+
+		// we need the check for style in case a browser which returns unreliable values
+		// for getComputedStyle silently falls back to the reliable elem.style
+		valueIsBorderBox = isBorderBox &&
+			( support.boxSizingReliable() || val === elem.style[ name ] );
+
+		// Normalize "", auto, and prepare for extra
+		val = parseFloat( val ) || 0;
+	}
+
+	// use the active box-sizing model to add/subtract irrelevant styles
+	return ( val +
+		augmentWidthOrHeight(
+			elem,
+			name,
+			extra || ( isBorderBox ? "border" : "content" ),
+			valueIsBorderBox,
+			styles
+		)
+	) + "px";
+}
+
+function showHide( elements, show ) {
+	var display, elem, hidden,
+		values = [],
+		index = 0,
+		length = elements.length;
+
+	for ( ; index < length; index++ ) {
+		elem = elements[ index ];
+		if ( !elem.style ) {
+			continue;
+		}
+
+		values[ index ] = data_priv.get( elem, "olddisplay" );
+		display = elem.style.display;
+		if ( show ) {
+			// Reset the inline display of this element to learn if it is
+			// being hidden by cascaded rules or not
+			if ( !values[ index ] && display === "none" ) {
+				elem.style.display = "";
+			}
+
+			// Set elements which have been overridden with display: none
+			// in a stylesheet to whatever the default browser style is
+			// for such an element
+			if ( elem.style.display === "" && isHidden( elem ) ) {
+				values[ index ] = data_priv.access( elem, "olddisplay", defaultDisplay(elem.nodeName) );
+			}
+		} else {
+			hidden = isHidden( elem );
+
+			if ( display !== "none" || !hidden ) {
+				data_priv.set( elem, "olddisplay", hidden ? display : jQuery.css( elem, "display" ) );
+			}
+		}
+	}
+
+	// Set the display of most of the elements in a second loop
+	// to avoid the constant reflow
+	for ( index = 0; index < length; index++ ) {
+		elem = elements[ index ];
+		if ( !elem.style ) {
+			continue;
+		}
+		if ( !show || elem.style.display === "none" || elem.style.display === "" ) {
+			elem.style.display = show ? values[ index ] || "" : "none";
+		}
+	}
+
+	return elements;
+}
+
+jQuery.extend({
+	// Add in style property hooks for overriding the default
+	// behavior of getting and setting a style property
+	cssHooks: {
+		opacity: {
+			get: function( elem, computed ) {
+				if ( computed ) {
+					// We should always get a number back from opacity
+					var ret = curCSS( elem, "opacity" );
+					return ret === "" ? "1" : ret;
+				}
+			}
+		}
+	},
+
+	// Don't automatically add "px" to these possibly-unitless properties
+	cssNumber: {
+		"columnCount": true,
+		"fillOpacity": true,
+		"flexGrow": true,
+		"flexShrink": true,
+		"fontWeight": true,
+		"lineHeight": true,
+		"opacity": true,
+		"order": true,
+		"orphans": true,
+		"widows": true,
+		"zIndex": true,
+		"zoom": true
+	},
+
+	// Add in properties whose names you wish to fix before
+	// setting or getting the value
+	cssProps: {
+		// normalize float css property
+		"float": "cssFloat"
+	},
+
+	// Get and set the style property on a DOM Node
+	style: function( elem, name, value, extra ) {
+		// Don't set styles on text and comment nodes
+		if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
+			return;
+		}
+
+		// Make sure that we're working with the right name
+		var ret, type, hooks,
+			origName = jQuery.camelCase( name ),
+			style = elem.style;
+
+		name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( style, origName ) );
+
+		// gets hook for the prefixed version
+		// followed by the unprefixed version
+		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+		// Check if we're setting a value
+		if ( value !== undefined ) {
+			type = typeof value;
+
+			// convert relative number strings (+= or -=) to relative numbers. #7345
+			if ( type === "string" && (ret = rrelNum.exec( value )) ) {
+				value = ( ret[1] + 1 ) * ret[2] + parseFloat( jQuery.css( elem, name ) );
+				// Fixes bug #9237
+				type = "number";
+			}
+
+			// Make sure that null and NaN values aren't set. See: #7116
+			if ( value == null || value !== value ) {
+				return;
+			}
+
+			// If a number was passed in, add 'px' to the (except for certain CSS properties)
+			if ( type === "number" && !jQuery.cssNumber[ origName ] ) {
+				value += "px";
+			}
+
+			// Fixes #8908, it can be done more correctly by specifying setters in cssHooks,
+			// but it would mean to define eight (for every problematic property) identical functions
+			if ( !support.clearCloneStyle && value === "" && name.indexOf( "background" ) === 0 ) {
+				style[ name ] = "inherit";
+			}
+
+			// If a hook was provided, use that value, otherwise just set the specified value
+			if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value, extra )) !== undefined ) {
+				style[ name ] = value;
+			}
+
+		} else {
+			// If a hook was provided get the non-computed value from there
+			if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
+				return ret;
+			}
+
+			// Otherwise just get the value from the style object
+			return style[ name ];
+		}
+	},
+
+	css: function( elem, name, extra, styles ) {
+		var val, num, hooks,
+			origName = jQuery.camelCase( name );
+
+		// Make sure that we're working with the right name
+		name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( elem.style, origName ) );
+
+		// gets hook for the prefixed version
+		// followed by the unprefixed version
+		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+		// If a hook was provided get the computed value from there
+		if ( hooks && "get" in hooks ) {
+			val = hooks.get( elem, true, extra );
+		}
+
+		// Otherwise, if a way to get the computed value exists, use that
+		if ( val === undefined ) {
+			val = curCSS( elem, name, styles );
+		}
+
+		//convert "normal" to computed value
+		if ( val === "normal" && name in cssNormalTransform ) {
+			val = cssNormalTransform[ name ];
+		}
+
+		// Return, converting to number if forced or a qualifier was provided and val looks numeric
+		if ( extra === "" || extra ) {
+			num = parseFloat( val );
+			return extra === true || jQuery.isNumeric( num ) ? num || 0 : val;
+		}
+		return val;
+	}
+});
+
+jQuery.each([ "height", "width" ], function( i, name ) {
+	jQuery.cssHooks[ name ] = {
+		get: function( elem, computed, extra ) {
+			if ( computed ) {
+				// certain elements can have dimension info if we invisibly show them
+				// however, it must have a current display style that would benefit from this
+				return rdisplayswap.test( jQuery.css( elem, "display" ) ) && elem.offsetWidth === 0 ?
+					jQuery.swap( elem, cssShow, function() {
+						return getWidthOrHeight( elem, name, extra );
+					}) :
+					getWidthOrHeight( elem, name, extra );
+			}
+		},
+
+		set: function( elem, value, extra ) {
+			var styles = extra && getStyles( elem );
+			return setPositiveNumber( elem, value, extra ?
+				augmentWidthOrHeight(
+					elem,
+					name,
+					extra,
+					jQuery.css( elem, "boxSizing", false, styles ) === "border-box",
+					styles
+				) : 0
+			);
+		}
+	};
+});
+
+// Support: Android 2.3
+jQuery.cssHooks.marginRight = addGetHookIf( support.reliableMarginRight,
+	function( elem, computed ) {
+		if ( computed ) {
+			// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
+			// Work around by temporarily setting element display to inline-block
+			return jQuery.swap( elem, { "display": "inline-block" },
+				curCSS, [ elem, "marginRight" ] );
+		}
+	}
+);
+
+// These hooks are used by animate to expand properties
+jQuery.each({
+	margin: "",
+	padding: "",
+	border: "Width"
+}, function( prefix, suffix ) {
+	jQuery.cssHooks[ prefix + suffix ] = {
+		expand: function( value ) {
+			var i = 0,
+				expanded = {},
+
+				// assumes a single number if not a string
+				parts = typeof value === "string" ? value.split(" ") : [ value ];
+
+			for ( ; i < 4; i++ ) {
+				expanded[ prefix + cssExpand[ i ] + suffix ] =
+					parts[ i ] || parts[ i - 2 ] || parts[ 0 ];
+			}
+
+			return expanded;
+		}
+	};
+
+	if ( !rmargin.test( prefix ) ) {
+		jQuery.cssHooks[ prefix + suffix ].set = setPositiveNumber;
+	}
+});
+
+jQuery.fn.extend({
+	css: function( name, value ) {
+		return access( this, function( elem, name, value ) {
+			var styles, len,
+				map = {},
+				i = 0;
+
+			if ( jQuery.isArray( name ) ) {
+				styles = getStyles( elem );
+				len = name.length;
+
+				for ( ; i < len; i++ ) {
+					map[ name[ i ] ] = jQuery.css( elem, name[ i ], false, styles );
+				}
+
+				return map;
+			}
+
+			return value !== undefined ?
+				jQuery.style( elem, name, value ) :
+				jQuery.css( elem, name );
+		}, name, value, arguments.length > 1 );
+	},
+	show: function() {
+		return showHide( this, true );
+	},
+	hide: function() {
+		return showHide( this );
+	},
+	toggle: function( state ) {
+		if ( typeof state === "boolean" ) {
+			return state ? this.show() : this.hide();
+		}
+
+		return this.each(function() {
+			if ( isHidden( this ) ) {
+				jQuery( this ).show();
+			} else {
+				jQuery( this ).hide();
+			}
+		});
+	}
+});
+
+
+function Tween( elem, options, prop, end, easing ) {
+	return new Tween.prototype.init( elem, options, prop, end, easing );
+}
+jQuery.Tween = Tween;
+
+Tween.prototype = {
+	constructor: Tween,
+	init: function( elem, options, prop, end, easing, unit ) {
+		this.elem = elem;
+		this.prop = prop;
+		this.easing = easing || "swing";
+		this.options = options;
+		this.start = this.now = this.cur();
+		this.end = end;
+		this.unit = unit || ( jQuery.cssNumber[ prop ] ? "" : "px" );
+	},
+	cur: function() {
+		var hooks = Tween.propHooks[ this.prop ];
+
+		return hooks && hooks.get ?
+			hooks.get( this ) :
+			Tween.propHooks._default.get( this );
+	},
+	run: function( percent ) {
+		var eased,
+			hooks = Tween.propHooks[ this.prop ];
+
+		if ( this.options.duration ) {
+			this.pos = eased = jQuery.easing[ this.easing ](
+				percent, this.options.duration * percent, 0, 1, this.options.duration
+			);
+		} else {
+			this.pos = eased = percent;
+		}
+		this.now = ( this.end - this.start ) * eased + this.start;
+
+		if ( this.options.step ) {
+			this.options.step.call( this.elem, this.now, this );
+		}
+
+		if ( hooks && hooks.set ) {
+			hooks.set( this );
+		} else {
+			Tween.propHooks._default.set( this );
+		}
+		return this;
+	}
+};
+
+Tween.prototype.init.prototype = Tween.prototype;
+
+Tween.propHooks = {
+	_default: {
+		get: function( tween ) {
+			var result;
+
+			if ( tween.elem[ tween.prop ] != null &&
+				(!tween.elem.style || tween.elem.style[ tween.prop ] == null) ) {
+				return tween.elem[ tween.prop ];
+			}
+
+			// passing an empty string as a 3rd parameter to .css will automatically
+			// attempt a parseFloat and fallback to a string if the parse fails
+			// so, simple values such as "10px" are parsed to Float.
+			// complex values such as "rotate(1rad)" are returned as is.
+			result = jQuery.css( tween.elem, tween.prop, "" );
+			// Empty strings, null, undefined and "auto" are converted to 0.
+			return !result || result === "auto" ? 0 : result;
+		},
+		set: function( tween ) {
+			// use step hook for back compat - use cssHook if its there - use .style if its
+			// available and use plain properties where available
+			if ( jQuery.fx.step[ tween.prop ] ) {
+				jQuery.fx.step[ tween.prop ]( tween );
+			} else if ( tween.elem.style && ( tween.elem.style[ jQuery.cssProps[ tween.prop ] ] != null || jQuery.cssHooks[ tween.prop ] ) ) {
+				jQuery.style( tween.elem, tween.prop, tween.now + tween.unit );
+			} else {
+				tween.elem[ tween.prop ] = tween.now;
+			}
+		}
+	}
+};
+
+// Support: IE9
+// Panic based approach to setting things on disconnected nodes
+
+Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = {
+	set: function( tween ) {
+		if ( tween.elem.nodeType && tween.elem.parentNode ) {
+			tween.elem[ tween.prop ] = tween.now;
+		}
+	}
+};
+
+jQuery.easing = {
+	linear: function( p ) {
+		return p;
+	},
+	swing: function( p ) {
+		return 0.5 - Math.cos( p * Math.PI ) / 2;
+	}
+};
+
+jQuery.fx = Tween.prototype.init;
+
+// Back Compat <1.8 extension point
+jQuery.fx.step = {};
+
+
+
+
+var
+	fxNow, timerId,
+	rfxtypes = /^(?:toggle|show|hide)$/,
+	rfxnum = new RegExp( "^(?:([+-])=|)(" + pnum + ")([a-z%]*)$", "i" ),
+	rrun = /queueHooks$/,
+	animationPrefilters = [ defaultPrefilter ],
+	tweeners = {
+		"*": [ function( prop, value ) {
+			var tween = this.createTween( prop, value ),
+				target = tween.cur(),
+				parts = rfxnum.exec( value ),
+				unit = parts && parts[ 3 ] || ( jQuery.cssNumber[ prop ] ? "" : "px" ),
+
+				// Starting value computation is required for potential unit mismatches
+				start = ( jQuery.cssNumber[ prop ] || unit !== "px" && +target ) &&
+					rfxnum.exec( jQuery.css( tween.elem, prop ) ),
+				scale = 1,
+				maxIterations = 20;
+
+			if ( start && start[ 3 ] !== unit ) {
+				// Trust units reported by jQuery.css
+				unit = unit || start[ 3 ];
+
+				// Make sure we update the tween properties later on
+				parts = parts || [];
+
+				// Iteratively approximate from a nonzero starting point
+				start = +target || 1;
+
+				do {
+					// If previous iteration zeroed out, double until we get *something*
+					// Use a string for doubling factor so we don't accidentally see scale as unchanged below
+					scale = scale || ".5";
+
+					// Adjust and apply
+					start = start / scale;
+					jQuery.style( tween.elem, prop, start + unit );
+
+				// Update scale, tolerating zero or NaN from tween.cur()
+				// And breaking the loop if scale is unchanged or perfect, or if we've just had enough
+				} while ( scale !== (scale = tween.cur() / target) && scale !== 1 && --maxIterations );
+			}
+
+			// Update tween properties
+			if ( parts ) {
+				start = tween.start = +start || +target || 0;
+				tween.unit = unit;
+				// If a +=/-= token was provided, we're doing a relative animation
+				tween.end = parts[ 1 ] ?
+					start + ( parts[ 1 ] + 1 ) * parts[ 2 ] :
+					+parts[ 2 ];
+			}
+
+			return tween;
+		} ]
+	};
+
+// Animations created synchronously will run synchronously
+function createFxNow() {
+	setTimeout(function() {
+		fxNow = undefined;
+	});
+	return ( fxNow = jQuery.now() );
+}
+
+// Generate parameters to create a standard animation
+function genFx( type, includeWidth ) {
+	var which,
+		i = 0,
+		attrs = { height: type };
+
+	// if we include width, step value is 1 to do all cssExpand values,
+	// if we don't include width, step value is 2 to skip over Left and Right
+	includeWidth = includeWidth ? 1 : 0;
+	for ( ; i < 4 ; i += 2 - includeWidth ) {
+		which = cssExpand[ i ];
+		attrs[ "margin" + which ] = attrs[ "padding" + which ] = type;
+	}
+
+	if ( includeWidth ) {
+		attrs.opacity = attrs.width = type;
+	}
+
+	return attrs;
+}
+
+function createTween( value, prop, animation ) {
+	var tween,
+		collection = ( tweeners[ prop ] || [] ).concat( tweeners[ "*" ] ),
+		index = 0,
+		length = collection.length;
+	for ( ; index < length; index++ ) {
+		if ( (tween = collection[ index ].call( animation, prop, value )) ) {
+
+			// we're done with this property
+			return tween;
+		}
+	}
+}
+
+function defaultPrefilter( elem, props, opts ) {
+	/* jshint validthis: true */
+	var prop, value, toggle, tween, hooks, oldfire, display, checkDisplay,
+		anim = this,
+		orig = {},
+		style = elem.style,
+		hidden = elem.nodeType && isHidden( elem ),
+		dataShow = data_priv.get( elem, "fxshow" );
+
+	// handle queue: false promises
+	if ( !opts.queue ) {
+		hooks = jQuery._queueHooks( elem, "fx" );
+		if ( hooks.unqueued == null ) {
+			hooks.unqueued = 0;
+			oldfire = hooks.empty.fire;
+			hooks.empty.fire = function() {
+				if ( !hooks.unqueued ) {
+					oldfire();
+				}
+			};
+		}
+		hooks.unqueued++;
+
+		anim.always(function() {
+			// doing this makes sure that the complete handler will be called
+			// before this completes
+			anim.always(function() {
+				hooks.unqueued--;
+				if ( !jQuery.queue( elem, "fx" ).length ) {
+					hooks.empty.fire();
+				}
+			});
+		});
+	}
+
+	// height/width overflow pass
+	if ( elem.nodeType === 1 && ( "height" in props || "width" in props ) ) {
+		// Make sure that nothing sneaks out
+		// Record all 3 overflow attributes because IE9-10 do not
+		// change the overflow attribute when overflowX and
+		// overflowY are set to the same value
+		opts.overflow = [ style.overflow, style.overflowX, style.overflowY ];
+
+		// Set display property to inline-block for height/width
+		// animations on inline elements that are having width/height animated
+		display = jQuery.css( elem, "display" );
+
+		// Test default display if display is currently "none"
+		checkDisplay = display === "none" ?
+			data_priv.get( elem, "olddisplay" ) || defaultDisplay( elem.nodeName ) : display;
+
+		if ( checkDisplay === "inline" && jQuery.css( elem, "float" ) === "none" ) {
+			style.display = "inline-block";
+		}
+	}
+
+	if ( opts.overflow ) {
+		style.overflow = "hidden";
+		anim.always(function() {
+			style.overflow = opts.overflow[ 0 ];
+			style.overflowX = opts.overflow[ 1 ];
+			style.overflowY = opts.overflow[ 2 ];
+		});
+	}
+
+	// show/hide pass
+	for ( prop in props ) {
+		value = props[ prop ];
+		if ( rfxtypes.exec( value ) ) {
+			delete props[ prop ];
+			toggle = toggle || value === "toggle";
+			if ( value === ( hidden ? "hide" : "show" ) ) {
+
+				// If there is dataShow left over from a stopped hide or show and we are going to proceed with show, we should pretend to be hidden
+				if ( value === "show" && dataShow && dataShow[ prop ] !== undefined ) {
+					hidden = true;
+				} else {
+					continue;
+				}
+			}
+			orig[ prop ] = dataShow && dataShow[ prop ] || jQuery.style( elem, prop );
+
+		// Any non-fx value stops us from restoring the original display value
+		} else {
+			display = undefined;
+		}
+	}
+
+	if ( !jQuery.isEmptyObject( orig ) ) {
+		if ( dataShow ) {
+			if ( "hidden" in dataShow ) {
+				hidden = dataShow.hidden;
+			}
+		} else {
+			dataShow = data_priv.access( elem, "fxshow", {} );
+		}
+
+		// store state if its toggle - enables .stop().toggle() to "reverse"
+		if ( toggle ) {
+			dataShow.hidden = !hidden;
+		}
+		if ( hidden ) {
+			jQuery( elem ).show();
+		} else {
+			anim.done(function() {
+				jQuery( elem ).hide();
+			});
+		}
+		anim.done(function() {
+			var prop;
+
+			data_priv.remove( elem, "fxshow" );
+			for ( prop in orig ) {
+				jQuery.style( elem, prop, orig[ prop ] );
+			}
+		});
+		for ( prop in orig ) {
+			tween = createTween( hidden ? dataShow[ prop ] : 0, prop, anim );
+
+			if ( !( prop in dataShow ) ) {
+				dataShow[ prop ] = tween.start;
+				if ( hidden ) {
+					tween.end = tween.start;
+					tween.start = prop === "width" || prop === "height" ? 1 : 0;
+				}
+			}
+		}
+
+	// If this is a noop like .hide().hide(), restore an overwritten display value
+	} else if ( (display === "none" ? defaultDisplay( elem.nodeName ) : display) === "inline" ) {
+		style.display = display;
+	}
+}
+
+function propFilter( props, specialEasing ) {
+	var index, name, easing, value, hooks;
+
+	// camelCase, specialEasing and expand cssHook pass
+	for ( index in props ) {
+		name = jQuery.camelCase( index );
+		easing = specialEasing[ name ];
+		value = props[ index ];
+		if ( jQuery.isArray( value ) ) {
+			easing = value[ 1 ];
+			value = props[ index ] = value[ 0 ];
+		}
+
+		if ( index !== name ) {
+			props[ name ] = value;
+			delete props[ index ];
+		}
+
+		hooks = jQuery.cssHooks[ name ];
+		if ( hooks && "expand" in hooks ) {
+			value = hooks.expand( value );
+			delete props[ name ];
+
+			// not quite $.extend, this wont overwrite keys already present.
+			// also - reusing 'index' from above because we have the correct "name"
+			for ( index in value ) {
+				if ( !( index in props ) ) {
+					props[ index ] = value[ index ];
+					specialEasing[ index ] = easing;
+				}
+			}
+		} else {
+			specialEasing[ name ] = easing;
+		}
+	}
+}
+
+function Animation( elem, properties, options ) {
+	var result,
+		stopped,
+		index = 0,
+		length = animationPrefilters.length,
+		deferred = jQuery.Deferred().always( function() {
+			// don't match elem in the :animated selector
+			delete tick.elem;
+		}),
+		tick = function() {
+			if ( stopped ) {
+				return false;
+			}
+			var currentTime = fxNow || createFxNow(),
+				remaining = Math.max( 0, animation.startTime + animation.duration - currentTime ),
+				// archaic crash bug won't allow us to use 1 - ( 0.5 || 0 ) (#12497)
+				temp = remaining / animation.duration || 0,
+				percent = 1 - temp,
+				index = 0,
+				length = animation.tweens.length;
+
+			for ( ; index < length ; index++ ) {
+				animation.tweens[ index ].run( percent );
+			}
+
+			deferred.notifyWith( elem, [ animation, percent, remaining ]);
+
+			if ( percent < 1 && length ) {
+				return remaining;
+			} else {
+				deferred.resolveWith( elem, [ animation ] );
+				return false;
+			}
+		},
+		animation = deferred.promise({
+			elem: elem,
+			props: jQuery.extend( {}, properties ),
+			opts: jQuery.extend( true, { specialEasing: {} }, options ),
+			originalProperties: properties,
+			originalOptions: options,
+			startTime: fxNow || createFxNow(),
+			duration: options.duration,
+			tweens: [],
+			createTween: function( prop, end ) {
+				var tween = jQuery.Tween( elem, animation.opts, prop, end,
+						animation.opts.specialEasing[ prop ] || animation.opts.easing );
+				animation.tweens.push( tween );
+				return tween;
+			},
+			stop: function( gotoEnd ) {
+				var index = 0,
+					// if we are going to the end, we want to run all the tweens
+					// otherwise we skip this part
+					length = gotoEnd ? animation.tweens.length : 0;
+				if ( stopped ) {
+					return this;
+				}
+				stopped = true;
+				for ( ; index < length ; index++ ) {
+					animation.tweens[ index ].run( 1 );
+				}
+
+				// resolve when we played the last frame
+				// otherwise, reject
+				if ( gotoEnd ) {
+					deferred.resolveWith( elem, [ animation, gotoEnd ] );
+				} else {
+					deferred.rejectWith( elem, [ animation, gotoEnd ] );
+				}
+				return this;
+			}
+		}),
+		props = animation.props;
+
+	propFilter( props, animation.opts.specialEasing );
+
+	for ( ; index < length ; index++ ) {
+		result = animationPrefilters[ index ].call( animation, elem, props, animation.opts );
+		if ( result ) {
+			return result;
+		}
+	}
+
+	jQuery.map( props, createTween, animation );
+
+	if ( jQuery.isFunction( animation.opts.start ) ) {
+		animation.opts.start.call( elem, animation );
+	}
+
+	jQuery.fx.timer(
+		jQuery.extend( tick, {
+			elem: elem,
+			anim: animation,
+			queue: animation.opts.queue
+		})
+	);
+
+	// attach callbacks from options
+	return animation.progress( animation.opts.progress )
+		.done( animation.opts.done, animation.opts.complete )
+		.fail( animation.opts.fail )
+		.always( animation.opts.always );
+}
+
+jQuery.Animation = jQuery.extend( Animation, {
+
+	tweener: function( props, callback ) {
+		if ( jQuery.isFunction( props ) ) {
+			callback = props;
+			props = [ "*" ];
+		} else {
+			props = props.split(" ");
+		}
+
+		var prop,
+			index = 0,
+			length = props.length;
+
+		for ( ; index < length ; index++ ) {
+			prop = props[ index ];
+			tweeners[ prop ] = tweeners[ prop ] || [];
+			tweeners[ prop ].unshift( callback );
+		}
+	},
+
+	prefilter: function( callback, prepend ) {
+		if ( prepend ) {
+			animationPrefilters.unshift( callback );
+		} else {
+			animationPrefilters.push( callback );
+		}
+	}
+});
+
+jQuery.speed = function( speed, easing, fn ) {
+	var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : {
+		complete: fn || !fn && easing ||
+			jQuery.isFunction( speed ) && speed,
+		duration: speed,
+		easing: fn && easing || easing && !jQuery.isFunction( easing ) && easing
+	};
+
+	opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
+		opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[ opt.duration ] : jQuery.fx.speeds._default;
+
+	// normalize opt.queue - true/undefined/null -> "fx"
+	if ( opt.queue == null || opt.queue === true ) {
+		opt.queue = "fx";
+	}
+
+	// Queueing
+	opt.old = opt.complete;
+
+	opt.complete = function() {
+		if ( jQuery.isFunction( opt.old ) ) {
+			opt.old.call( this );
+		}
+
+		if ( opt.queue ) {
+			jQuery.dequeue( this, opt.queue );
+		}
+	};
+
+	return opt;
+};
+
+jQuery.fn.extend({
+	fadeTo: function( speed, to, easing, callback ) {
+
+		// show any hidden elements after setting opacity to 0
+		return this.filter( isHidden ).css( "opacity", 0 ).show()
+
+			// animate to the value specified
+			.end().animate({ opacity: to }, speed, easing, callback );
+	},
+	animate: function( prop, speed, easing, callback ) {
+		var empty = jQuery.isEmptyObject( prop ),
+			optall = jQuery.speed( speed, easing, callback ),
+			doAnimation = function() {
+				// Operate on a copy of prop so per-property easing won't be lost
+				var anim = Animation( this, jQuery.extend( {}, prop ), optall );
+
+				// Empty animations, or finishing resolves immediately
+				if ( empty || data_priv.get( this, "finish" ) ) {
+					anim.stop( true );
+				}
+			};
+			doAnimation.finish = doAnimation;
+
+		return empty || optall.queue === false ?
+			this.each( doAnimation ) :
+			this.queue( optall.queue, doAnimation );
+	},
+	stop: function( type, clearQueue, gotoEnd ) {
+		var stopQueue = function( hooks ) {
+			var stop = hooks.stop;
+			delete hooks.stop;
+			stop( gotoEnd );
+		};
+
+		if ( typeof type !== "string" ) {
+			gotoEnd = clearQueue;
+			clearQueue = type;
+			type = undefined;
+		}
+		if ( clearQueue && type !== false ) {
+			this.queue( type || "fx", [] );
+		}
+
+		return this.each(function() {
+			var dequeue = true,
+				index = type != null && type + "queueHooks",
+				timers = jQuery.timers,
+				data = data_priv.get( this );
+
+			if ( index ) {
+				if ( data[ index ] && data[ index ].stop ) {
+					stopQueue( data[ index ] );
+				}
+			} else {
+				for ( index in data ) {
+					if ( data[ index ] && data[ index ].stop && rrun.test( index ) ) {
+						stopQueue( data[ index ] );
+					}
+				}
+			}
+
+			for ( index = timers.length; index--; ) {
+				if ( timers[ index ].elem === this && (type == null || timers[ index ].queue === type) ) {
+					timers[ index ].anim.stop( gotoEnd );
+					dequeue = false;
+					timers.splice( index, 1 );
+				}
+			}
+
+			// start the next in the queue if the last step wasn't forced
+			// timers currently will call their complete callbacks, which will dequeue
+			// but only if they were gotoEnd
+			if ( dequeue || !gotoEnd ) {
+				jQuery.dequeue( this, type );
+			}
+		});
+	},
+	finish: function( type ) {
+		if ( type !== false ) {
+			type = type || "fx";
+		}
+		return this.each(function() {
+			var index,
+				data = data_priv.get( this ),
+				queue = data[ type + "queue" ],
+				hooks = data[ type + "queueHooks" ],
+				timers = jQuery.timers,
+				length = queue ? queue.length : 0;
+
+			// enable finishing flag on private data
+			data.finish = true;
+
+			// empty the queue first
+			jQuery.queue( this, type, [] );
+
+			if ( hooks && hooks.stop ) {
+				hooks.stop.call( this, true );
+			}
+
+			// look for any active animations, and finish them
+			for ( index = timers.length; index--; ) {
+				if ( timers[ index ].elem === this && timers[ index ].queue === type ) {
+					timers[ index ].anim.stop( true );
+					timers.splice( index, 1 );
+				}
+			}
+
+			// look for any animations in the old queue and finish them
+			for ( index = 0; index < length; index++ ) {
+				if ( queue[ index ] && queue[ index ].finish ) {
+					queue[ index ].finish.call( this );
+				}
+			}
+
+			// turn off finishing flag
+			delete data.finish;
+		});
+	}
+});
+
+jQuery.each([ "toggle", "show", "hide" ], function( i, name ) {
+	var cssFn = jQuery.fn[ name ];
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return speed == null || typeof speed === "boolean" ?
+			cssFn.apply( this, arguments ) :
+			this.animate( genFx( name, true ), speed, easing, callback );
+	};
+});
+
+// Generate shortcuts for custom animations
+jQuery.each({
+	slideDown: genFx("show"),
+	slideUp: genFx("hide"),
+	slideToggle: genFx("toggle"),
+	fadeIn: { opacity: "show" },
+	fadeOut: { opacity: "hide" },
+	fadeToggle: { opacity: "toggle" }
+}, function( name, props ) {
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return this.animate( props, speed, easing, callback );
+	};
+});
+
+jQuery.timers = [];
+jQuery.fx.tick = function() {
+	var timer,
+		i = 0,
+		timers = jQuery.timers;
+
+	fxNow = jQuery.now();
+
+	for ( ; i < timers.length; i++ ) {
+		timer = timers[ i ];
+		// Checks the timer has not already been removed
+		if ( !timer() && timers[ i ] === timer ) {
+			timers.splice( i--, 1 );
+		}
+	}
+
+	if ( !timers.length ) {
+		jQuery.fx.stop();
+	}
+	fxNow = undefined;
+};
+
+jQuery.fx.timer = function( timer ) {
+	jQuery.timers.push( timer );
+	if ( timer() ) {
+		jQuery.fx.start();
+	} else {
+		jQuery.timers.pop();
+	}
+};
+
+jQuery.fx.interval = 13;
+
+jQuery.fx.start = function() {
+	if ( !timerId ) {
+		timerId = setInterval( jQuery.fx.tick, jQuery.fx.interval );
+	}
+};
+
+jQuery.fx.stop = function() {
+	clearInterval( timerId );
+	timerId = null;
+};
+
+jQuery.fx.speeds = {
+	slow: 600,
+	fast: 200,
+	// Default speed
+	_default: 400
+};
+
+
+// Based off of the plugin by Clint Helfers, with permission.
+// http://blindsignals.com/index.php/2009/07/jquery-delay/
+jQuery.fn.delay = function( time, type ) {
+	time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time;
+	type = type || "fx";
+
+	return this.queue( type, function( next, hooks ) {
+		var timeout = setTimeout( next, time );
+		hooks.stop = function() {
+			clearTimeout( timeout );
+		};
+	});
+};
+
+
+(function() {
+	var input = document.createElement( "input" ),
+		select = document.createElement( "select" ),
+		opt = select.appendChild( document.createElement( "option" ) );
+
+	input.type = "checkbox";
+
+	// Support: iOS 5.1, Android 4.x, Android 2.3
+	// Check the default checkbox/radio value ("" on old WebKit; "on" elsewhere)
+	support.checkOn = input.value !== "";
+
+	// Must access the parent to make an option select properly
+	// Support: IE9, IE10
+	support.optSelected = opt.selected;
+
+	// Make sure that the options inside disabled selects aren't marked as disabled
+	// (WebKit marks them as disabled)
+	select.disabled = true;
+	support.optDisabled = !opt.disabled;
+
+	// Check if an input maintains its value after becoming a radio
+	// Support: IE9, IE10
+	input = document.createElement( "input" );
+	input.value = "t";
+	input.type = "radio";
+	support.radioValue = input.value === "t";
+})();
+
+
+var nodeHook, boolHook,
+	attrHandle = jQuery.expr.attrHandle;
+
+jQuery.fn.extend({
+	attr: function( name, value ) {
+		return access( this, jQuery.attr, name, value, arguments.length > 1 );
+	},
+
+	removeAttr: function( name ) {
+		return this.each(function() {
+			jQuery.removeAttr( this, name );
+		});
+	}
+});
+
+jQuery.extend({
+	attr: function( elem, name, value ) {
+		var hooks, ret,
+			nType = elem.nodeType;
+
+		// don't get/set attributes on text, comment and attribute nodes
+		if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
+			return;
+		}
+
+		// Fallback to prop when attributes are not supported
+		if ( typeof elem.getAttribute === strundefined ) {
+			return jQuery.prop( elem, name, value );
+		}
+
+		// All attributes are lowercase
+		// Grab necessary hook if one is defined
+		if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) {
+			name = name.toLowerCase();
+			hooks = jQuery.attrHooks[ name ] ||
+				( jQuery.expr.match.bool.test( name ) ? boolHook : nodeHook );
+		}
+
+		if ( value !== undefined ) {
+
+			if ( value === null ) {
+				jQuery.removeAttr( elem, name );
+
+			} else if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {
+				return ret;
+
+			} else {
+				elem.setAttribute( name, value + "" );
+				return value;
+			}
+
+		} else if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) {
+			return ret;
+
+		} else {
+			ret = jQuery.find.attr( elem, name );
+
+			// Non-existent attributes return null, we normalize to undefined
+			return ret == null ?
+				undefined :
+				ret;
+		}
+	},
+
+	removeAttr: function( elem, value ) {
+		var name, propName,
+			i = 0,
+			attrNames = value && value.match( rnotwhite );
+
+		if ( attrNames && elem.nodeType === 1 ) {
+			while ( (name = attrNames[i++]) ) {
+				propName = jQuery.propFix[ name ] || name;
+
+				// Boolean attributes get special treatment (#10870)
+				if ( jQuery.expr.match.bool.test( name ) ) {
+					// Set corresponding property to false
+					elem[ propName ] = false;
+				}
+
+				elem.removeAttribute( name );
+			}
+		}
+	},
+
+	attrHooks: {
+		type: {
+			set: function( elem, value ) {
+				if ( !support.radioValue && value === "radio" &&
+					jQuery.nodeName( elem, "input" ) ) {
+					// Setting the type on a radio button after the value resets the value in IE6-9
+					// Reset value to default in case type is set after value during creation
+					var val = elem.value;
+					elem.setAttribute( "type", value );
+					if ( val ) {
+						elem.value = val;
+					}
+					return value;
+				}
+			}
+		}
+	}
+});
+
+// Hooks for boolean attributes
+boolHook = {
+	set: function( elem, value, name ) {
+		if ( value === false ) {
+			// Remove boolean attributes when set to false
+			jQuery.removeAttr( elem, name );
+		} else {
+			elem.setAttribute( name, name );
+		}
+		return name;
+	}
+};
+jQuery.each( jQuery.expr.match.bool.source.match( /\w+/g ), function( i, name ) {
+	var getter = attrHandle[ name ] || jQuery.find.attr;
+
+	attrHandle[ name ] = function( elem, name, isXML ) {
+		var ret, handle;
+		if ( !isXML ) {
+			// Avoid an infinite loop by temporarily removing this function from the getter
+			handle = attrHandle[ name ];
+			attrHandle[ name ] = ret;
+			ret = getter( elem, name, isXML ) != null ?
+				name.toLowerCase() :
+				null;
+			attrHandle[ name ] = handle;
+		}
+		return ret;
+	};
+});
+
+
+
+
+var rfocusable = /^(?:input|select|textarea|button)$/i;
+
+jQuery.fn.extend({
+	prop: function( name, value ) {
+		return access( this, jQuery.prop, name, value, arguments.length > 1 );
+	},
+
+	removeProp: function( name ) {
+		return this.each(function() {
+			delete this[ jQuery.propFix[ name ] || name ];
+		});
+	}
+});
+
+jQuery.extend({
+	propFix: {
+		"for": "htmlFor",
+		"class": "className"
+	},
+
+	prop: function( elem, name, value ) {
+		var ret, hooks, notxml,
+			nType = elem.nodeType;
+
+		// don't get/set properties on text, comment and attribute nodes
+		if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
+			return;
+		}
+
+		notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
+
+		if ( notxml ) {
+			// Fix name and attach hooks
+			name = jQuery.propFix[ name ] || name;
+			hooks = jQuery.propHooks[ name ];
+		}
+
+		if ( value !== undefined ) {
+			return hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ?
+				ret :
+				( elem[ name ] = value );
+
+		} else {
+			return hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ?
+				ret :
+				elem[ name ];
+		}
+	},
+
+	propHooks: {
+		tabIndex: {
+			get: function( elem ) {
+				return elem.hasAttribute( "tabindex" ) || rfocusable.test( elem.nodeName ) || elem.href ?
+					elem.tabIndex :
+					-1;
+			}
+		}
+	}
+});
+
+// Support: IE9+
+// Selectedness for an option in an optgroup can be inaccurate
+if ( !support.optSelected ) {
+	jQuery.propHooks.selected = {
+		get: function( elem ) {
+			var parent = elem.parentNode;
+			if ( parent && parent.parentNode ) {
+				parent.parentNode.selectedIndex;
+			}
+			return null;
+		}
+	};
+}
+
+jQuery.each([
+	"tabIndex",
+	"readOnly",
+	"maxLength",
+	"cellSpacing",
+	"cellPadding",
+	"rowSpan",
+	"colSpan",
+	"useMap",
+	"frameBorder",
+	"contentEditable"
+], function() {
+	jQuery.propFix[ this.toLowerCase() ] = this;
+});
+
+
+
+
+var rclass = /[\t\r\n\f]/g;
+
+jQuery.fn.extend({
+	addClass: function( value ) {
+		var classes, elem, cur, clazz, j, finalValue,
+			proceed = typeof value === "string" && value,
+			i = 0,
+			len = this.length;
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( j ) {
+				jQuery( this ).addClass( value.call( this, j, this.className ) );
+			});
+		}
+
+		if ( proceed ) {
+			// The disjunction here is for better compressibility (see removeClass)
+			classes = ( value || "" ).match( rnotwhite ) || [];
+
+			for ( ; i < len; i++ ) {
+				elem = this[ i ];
+				cur = elem.nodeType === 1 && ( elem.className ?
+					( " " + elem.className + " " ).replace( rclass, " " ) :
+					" "
+				);
+
+				if ( cur ) {
+					j = 0;
+					while ( (clazz = classes[j++]) ) {
+						if ( cur.indexOf( " " + clazz + " " ) < 0 ) {
+							cur += clazz + " ";
+						}
+					}
+
+					// only assign if different to avoid unneeded rendering.
+					finalValue = jQuery.trim( cur );
+					if ( elem.className !== finalValue ) {
+						elem.className = finalValue;
+					}
+				}
+			}
+		}
+
+		return this;
+	},
+
+	removeClass: function( value ) {
+		var classes, elem, cur, clazz, j, finalValue,
+			proceed = arguments.length === 0 || typeof value === "string" && value,
+			i = 0,
+			len = this.length;
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( j ) {
+				jQuery( this ).removeClass( value.call( this, j, this.className ) );
+			});
+		}
+		if ( proceed ) {
+			classes = ( value || "" ).match( rnotwhite ) || [];
+
+			for ( ; i < len; i++ ) {
+				elem = this[ i ];
+				// This expression is here for better compressibility (see addClass)
+				cur = elem.nodeType === 1 && ( elem.className ?
+					( " " + elem.className + " " ).replace( rclass, " " ) :
+					""
+				);
+
+				if ( cur ) {
+					j = 0;
+					while ( (clazz = classes[j++]) ) {
+						// Remove *all* instances
+						while ( cur.indexOf( " " + clazz + " " ) >= 0 ) {
+							cur = cur.replace( " " + clazz + " ", " " );
+						}
+					}
+
+					// only assign if different to avoid unneeded rendering.
+					finalValue = value ? jQuery.trim( cur ) : "";
+					if ( elem.className !== finalValue ) {
+						elem.className = finalValue;
+					}
+				}
+			}
+		}
+
+		return this;
+	},
+
+	toggleClass: function( value, stateVal ) {
+		var type = typeof value;
+
+		if ( typeof stateVal === "boolean" && type === "string" ) {
+			return stateVal ? this.addClass( value ) : this.removeClass( value );
+		}
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( i ) {
+				jQuery( this ).toggleClass( value.call(this, i, this.className, stateVal), stateVal );
+			});
+		}
+
+		return this.each(function() {
+			if ( type === "string" ) {
+				// toggle individual class names
+				var className,
+					i = 0,
+					self = jQuery( this ),
+					classNames = value.match( rnotwhite ) || [];
+
+				while ( (className = classNames[ i++ ]) ) {
+					// check each className given, space separated list
+					if ( self.hasClass( className ) ) {
+						self.removeClass( className );
+					} else {
+						self.addClass( className );
+					}
+				}
+
+			// Toggle whole class name
+			} else if ( type === strundefined || type === "boolean" ) {
+				if ( this.className ) {
+					// store className if set
+					data_priv.set( this, "__className__", this.className );
+				}
+
+				// If the element has a class name or if we're passed "false",
+				// then remove the whole classname (if there was one, the above saved it).
+				// Otherwise bring back whatever was previously saved (if anything),
+				// falling back to the empty string if nothing was stored.
+				this.className = this.className || value === false ? "" : data_priv.get( this, "__className__" ) || "";
+			}
+		});
+	},
+
+	hasClass: function( selector ) {
+		var className = " " + selector + " ",
+			i = 0,
+			l = this.length;
+		for ( ; i < l; i++ ) {
+			if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) >= 0 ) {
+				return true;
+			}
+		}
+
+		return false;
+	}
+});
+
+
+
+
+var rreturn = /\r/g;
+
+jQuery.fn.extend({
+	val: function( value ) {
+		var hooks, ret, isFunction,
+			elem = this[0];
+
+		if ( !arguments.length ) {
+			if ( elem ) {
+				hooks = jQuery.valHooks[ elem.type ] || jQuery.valHooks[ elem.nodeName.toLowerCase() ];
+
+				if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
+					return ret;
+				}
+
+				ret = elem.value;
+
+				return typeof ret === "string" ?
+					// handle most common string cases
+					ret.replace(rreturn, "") :
+					// handle cases where value is null/undef or number
+					ret == null ? "" : ret;
+			}
+
+			return;
+		}
+
+		isFunction = jQuery.isFunction( value );
+
+		return this.each(function( i ) {
+			var val;
+
+			if ( this.nodeType !== 1 ) {
+				return;
+			}
+
+			if ( isFunction ) {
+				val = value.call( this, i, jQuery( this ).val() );
+			} else {
+				val = value;
+			}
+
+			// Treat null/undefined as ""; convert numbers to string
+			if ( val == null ) {
+				val = "";
+
+			} else if ( typeof val === "number" ) {
+				val += "";
+
+			} else if ( jQuery.isArray( val ) ) {
+				val = jQuery.map( val, function( value ) {
+					return value == null ? "" : value + "";
+				});
+			}
+
+			hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ];
+
+			// If set returns undefined, fall back to normal setting
+			if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) {
+				this.value = val;
+			}
+		});
+	}
+});
+
+jQuery.extend({
+	valHooks: {
+		option: {
+			get: function( elem ) {
+				var val = jQuery.find.attr( elem, "value" );
+				return val != null ?
+					val :
+					// Support: IE10-11+
+					// option.text throws exceptions (#14686, #14858)
+					jQuery.trim( jQuery.text( elem ) );
+			}
+		},
+		select: {
+			get: function( elem ) {
+				var value, option,
+					options = elem.options,
+					index = elem.selectedIndex,
+					one = elem.type === "select-one" || index < 0,
+					values = one ? null : [],
+					max = one ? index + 1 : options.length,
+					i = index < 0 ?
+						max :
+						one ? index : 0;
+
+				// Loop through all the selected options
+				for ( ; i < max; i++ ) {
+					option = options[ i ];
+
+					// IE6-9 doesn't update selected after form reset (#2551)
+					if ( ( option.selected || i === index ) &&
+							// Don't return options that are disabled or in a disabled optgroup
+							( support.optDisabled ? !option.disabled : option.getAttribute( "disabled" ) === null ) &&
+							( !option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" ) ) ) {
+
+						// Get the specific value for the option
+						value = jQuery( option ).val();
+
+						// We don't need an array for one selects
+						if ( one ) {
+							return value;
+						}
+
+						// Multi-Selects return an array
+						values.push( value );
+					}
+				}
+
+				return values;
+			},
+
+			set: function( elem, value ) {
+				var optionSet, option,
+					options = elem.options,
+					values = jQuery.makeArray( value ),
+					i = options.length;
+
+				while ( i-- ) {
+					option = options[ i ];
+					if ( (option.selected = jQuery.inArray( option.value, values ) >= 0) ) {
+						optionSet = true;
+					}
+				}
+
+				// force browsers to behave consistently when non-matching value is set
+				if ( !optionSet ) {
+					elem.selectedIndex = -1;
+				}
+				return values;
+			}
+		}
+	}
+});
+
+// Radios and checkboxes getter/setter
+jQuery.each([ "radio", "checkbox" ], function() {
+	jQuery.valHooks[ this ] = {
+		set: function( elem, value ) {
+			if ( jQuery.isArray( value ) ) {
+				return ( elem.checked = jQuery.inArray( jQuery(elem).val(), value ) >= 0 );
+			}
+		}
+	};
+	if ( !support.checkOn ) {
+		jQuery.valHooks[ this ].get = function( elem ) {
+			// Support: Webkit
+			// "" is returned instead of "on" if a value isn't specified
+			return elem.getAttribute("value") === null ? "on" : elem.value;
+		};
+	}
+});
+
+
+
+
+// Return jQuery for attributes-only inclusion
+
+
+jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
+	"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
+	"change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) {
+
+	// Handle event binding
+	jQuery.fn[ name ] = function( data, fn ) {
+		return arguments.length > 0 ?
+			this.on( name, null, data, fn ) :
+			this.trigger( name );
+	};
+});
+
+jQuery.fn.extend({
+	hover: function( fnOver, fnOut ) {
+		return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
+	},
+
+	bind: function( types, data, fn ) {
+		return this.on( types, null, data, fn );
+	},
+	unbind: function( types, fn ) {
+		return this.off( types, null, fn );
+	},
+
+	delegate: function( selector, types, data, fn ) {
+		return this.on( types, selector, data, fn );
+	},
+	undelegate: function( selector, types, fn ) {
+		// ( namespace ) or ( selector, types [, fn] )
+		return arguments.length === 1 ? this.off( selector, "**" ) : this.off( types, selector || "**", fn );
+	}
+});
+
+
+var nonce = jQuery.now();
+
+var rquery = (/\?/);
+
+
+
+// Support: Android 2.3
+// Workaround failure to string-cast null input
+jQuery.parseJSON = function( data ) {
+	return JSON.parse( data + "" );
+};
+
+
+// Cross-browser xml parsing
+jQuery.parseXML = function( data ) {
+	var xml, tmp;
+	if ( !data || typeof data !== "string" ) {
+		return null;
+	}
+
+	// Support: IE9
+	try {
+		tmp = new DOMParser();
+		xml = tmp.parseFromString( data, "text/xml" );
+	} catch ( e ) {
+		xml = undefined;
+	}
+
+	if ( !xml || xml.getElementsByTagName( "parsererror" ).length ) {
+		jQuery.error( "Invalid XML: " + data );
+	}
+	return xml;
+};
+
+
+var
+	// Document location
+	ajaxLocParts,
+	ajaxLocation,
+
+	rhash = /#.*$/,
+	rts = /([?&])_=[^&]*/,
+	rheaders = /^(.*?):[ \t]*([^\r\n]*)$/mg,
+	// #7653, #8125, #8152: local protocol detection
+	rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/,
+	rnoContent = /^(?:GET|HEAD)$/,
+	rprotocol = /^\/\//,
+	rurl = /^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/,
+
+	/* Prefilters
+	 * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
+	 * 2) These are called:
+	 *    - BEFORE asking for a transport
+	 *    - AFTER param serialization (s.data is a string if s.processData is true)
+	 * 3) key is the dataType
+	 * 4) the catchall symbol "*" can be used
+	 * 5) execution will start with transport dataType and THEN continue down to "*" if needed
+	 */
+	prefilters = {},
+
+	/* Transports bindings
+	 * 1) key is the dataType
+	 * 2) the catchall symbol "*" can be used
+	 * 3) selection will start with transport dataType and THEN go to "*" if needed
+	 */
+	transports = {},
+
+	// Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
+	allTypes = "*/".concat("*");
+
+// #8138, IE may throw an exception when accessing
+// a field from window.location if document.domain has been set
+try {
+	ajaxLocation = location.href;
+} catch( e ) {
+	// Use the href attribute of an A element
+	// since IE will modify it given document.location
+	ajaxLocation = document.createElement( "a" );
+	ajaxLocation.href = "";
+	ajaxLocation = ajaxLocation.href;
+}
+
+// Segment location into parts
+ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() ) || [];
+
+// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
+function addToPrefiltersOrTransports( structure ) {
+
+	// dataTypeExpression is optional and defaults to "*"
+	return function( dataTypeExpression, func ) {
+
+		if ( typeof dataTypeExpression !== "string" ) {
+			func = dataTypeExpression;
+			dataTypeExpression = "*";
+		}
+
+		var dataType,
+			i = 0,
+			dataTypes = dataTypeExpression.toLowerCase().match( rnotwhite ) || [];
+
+		if ( jQuery.isFunction( func ) ) {
+			// For each dataType in the dataTypeExpression
+			while ( (dataType = dataTypes[i++]) ) {
+				// Prepend if requested
+				if ( dataType[0] === "+" ) {
+					dataType = dataType.slice( 1 ) || "*";
+					(structure[ dataType ] = structure[ dataType ] || []).unshift( func );
+
+				// Otherwise append
+				} else {
+					(structure[ dataType ] = structure[ dataType ] || []).push( func );
+				}
+			}
+		}
+	};
+}
+
+// Base inspection function for prefilters and transports
+function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR ) {
+
+	var inspected = {},
+		seekingTransport = ( structure === transports );
+
+	function inspect( dataType ) {
+		var selected;
+		inspected[ dataType ] = true;
+		jQuery.each( structure[ dataType ] || [], function( _, prefilterOrFactory ) {
+			var dataTypeOrTransport = prefilterOrFactory( options, originalOptions, jqXHR );
+			if ( typeof dataTypeOrTransport === "string" && !seekingTransport && !inspected[ dataTypeOrTransport ] ) {
+				options.dataTypes.unshift( dataTypeOrTransport );
+				inspect( dataTypeOrTransport );
+				return false;
+			} else if ( seekingTransport ) {
+				return !( selected = dataTypeOrTransport );
+			}
+		});
+		return selected;
+	}
+
+	return inspect( options.dataTypes[ 0 ] ) || !inspected[ "*" ] && inspect( "*" );
+}
+
+// A special extend for ajax options
+// that takes "flat" options (not to be deep extended)
+// Fixes #9887
+function ajaxExtend( target, src ) {
+	var key, deep,
+		flatOptions = jQuery.ajaxSettings.flatOptions || {};
+
+	for ( key in src ) {
+		if ( src[ key ] !== undefined ) {
+			( flatOptions[ key ] ? target : ( deep || (deep = {}) ) )[ key ] = src[ key ];
+		}
+	}
+	if ( deep ) {
+		jQuery.extend( true, target, deep );
+	}
+
+	return target;
+}
+
+/* Handles responses to an ajax request:
+ * - finds the right dataType (mediates between content-type and expected dataType)
+ * - returns the corresponding response
+ */
+function ajaxHandleResponses( s, jqXHR, responses ) {
+
+	var ct, type, finalDataType, firstDataType,
+		contents = s.contents,
+		dataTypes = s.dataTypes;
+
+	// Remove auto dataType and get content-type in the process
+	while ( dataTypes[ 0 ] === "*" ) {
+		dataTypes.shift();
+		if ( ct === undefined ) {
+			ct = s.mimeType || jqXHR.getResponseHeader("Content-Type");
+		}
+	}
+
+	// Check if we're dealing with a known content-type
+	if ( ct ) {
+		for ( type in contents ) {
+			if ( contents[ type ] && contents[ type ].test( ct ) ) {
+				dataTypes.unshift( type );
+				break;
+			}
+		}
+	}
+
+	// Check to see if we have a response for the expected dataType
+	if ( dataTypes[ 0 ] in responses ) {
+		finalDataType = dataTypes[ 0 ];
+	} else {
+		// Try convertible dataTypes
+		for ( type in responses ) {
+			if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) {
+				finalDataType = type;
+				break;
+			}
+			if ( !firstDataType ) {
+				firstDataType = type;
+			}
+		}
+		// Or just use first one
+		finalDataType = finalDataType || firstDataType;
+	}
+
+	// If we found a dataType
+	// We add the dataType to the list if needed
+	// and return the corresponding response
+	if ( finalDataType ) {
+		if ( finalDataType !== dataTypes[ 0 ] ) {
+			dataTypes.unshift( finalDataType );
+		}
+		return responses[ finalDataType ];
+	}
+}
+
+/* Chain conversions given the request and the original response
+ * Also sets the responseXXX fields on the jqXHR instance
+ */
+function ajaxConvert( s, response, jqXHR, isSuccess ) {
+	var conv2, current, conv, tmp, prev,
+		converters = {},
+		// Work with a copy of dataTypes in case we need to modify it for conversion
+		dataTypes = s.dataTypes.slice();
+
+	// Create converters map with lowercased keys
+	if ( dataTypes[ 1 ] ) {
+		for ( conv in s.converters ) {
+			converters[ conv.toLowerCase() ] = s.converters[ conv ];
+		}
+	}
+
+	current = dataTypes.shift();
+
+	// Convert to each sequential dataType
+	while ( current ) {
+
+		if ( s.responseFields[ current ] ) {
+			jqXHR[ s.responseFields[ current ] ] = response;
+		}
+
+		// Apply the dataFilter if provided
+		if ( !prev && isSuccess && s.dataFilter ) {
+			response = s.dataFilter( response, s.dataType );
+		}
+
+		prev = current;
+		current = dataTypes.shift();
+
+		if ( current ) {
+
+		// There's only work to do if current dataType is non-auto
+			if ( current === "*" ) {
+
+				current = prev;
+
+			// Convert response if prev dataType is non-auto and differs from current
+			} else if ( prev !== "*" && prev !== current ) {
+
+				// Seek a direct converter
+				conv = converters[ prev + " " + current ] || converters[ "* " + current ];
+
+				// If none found, seek a pair
+				if ( !conv ) {
+					for ( conv2 in converters ) {
+
+						// If conv2 outputs current
+						tmp = conv2.split( " " );
+						if ( tmp[ 1 ] === current ) {
+
+							// If prev can be converted to accepted input
+							conv = converters[ prev + " " + tmp[ 0 ] ] ||
+								converters[ "* " + tmp[ 0 ] ];
+							if ( conv ) {
+								// Condense equivalence converters
+								if ( conv === true ) {
+									conv = converters[ conv2 ];
+
+								// Otherwise, insert the intermediate dataType
+								} else if ( converters[ conv2 ] !== true ) {
+									current = tmp[ 0 ];
+									dataTypes.unshift( tmp[ 1 ] );
+								}
+								break;
+							}
+						}
+					}
+				}
+
+				// Apply converter (if not an equivalence)
+				if ( conv !== true ) {
+
+					// Unless errors are allowed to bubble, catch and return them
+					if ( conv && s[ "throws" ] ) {
+						response = conv( response );
+					} else {
+						try {
+							response = conv( response );
+						} catch ( e ) {
+							return { state: "parsererror", error: conv ? e : "No conversion from " + prev + " to " + current };
+						}
+					}
+				}
+			}
+		}
+	}
+
+	return { state: "success", data: response };
+}
+
+jQuery.extend({
+
+	// Counter for holding the number of active queries
+	active: 0,
+
+	// Last-Modified header cache for next request
+	lastModified: {},
+	etag: {},
+
+	ajaxSettings: {
+		url: ajaxLocation,
+		type: "GET",
+		isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
+		global: true,
+		processData: true,
+		async: true,
+		contentType: "application/x-www-form-urlencoded; charset=UTF-8",
+		/*
+		timeout: 0,
+		data: null,
+		dataType: null,
+		username: null,
+		password: null,
+		cache: null,
+		throws: false,
+		traditional: false,
+		headers: {},
+		*/
+
+		accepts: {
+			"*": allTypes,
+			text: "text/plain",
+			html: "text/html",
+			xml: "application/xml, text/xml",
+			json: "application/json, text/javascript"
+		},
+
+		contents: {
+			xml: /xml/,
+			html: /html/,
+			json: /json/
+		},
+
+		responseFields: {
+			xml: "responseXML",
+			text: "responseText",
+			json: "responseJSON"
+		},
+
+		// Data converters
+		// Keys separate source (or catchall "*") and destination types with a single space
+		converters: {
+
+			// Convert anything to text
+			"* text": String,
+
+			// Text to html (true = no transformation)
+			"text html": true,
+
+			// Evaluate text as a json expression
+			"text json": jQuery.parseJSON,
+
+			// Parse text as xml
+			"text xml": jQuery.parseXML
+		},
+
+		// For options that shouldn't be deep extended:
+		// you can add your own custom options here if
+		// and when you create one that shouldn't be
+		// deep extended (see ajaxExtend)
+		flatOptions: {
+			url: true,
+			context: true
+		}
+	},
+
+	// Creates a full fledged settings object into target
+	// with both ajaxSettings and settings fields.
+	// If target is omitted, writes into ajaxSettings.
+	ajaxSetup: function( target, settings ) {
+		return settings ?
+
+			// Building a settings object
+			ajaxExtend( ajaxExtend( target, jQuery.ajaxSettings ), settings ) :
+
+			// Extending ajaxSettings
+			ajaxExtend( jQuery.ajaxSettings, target );
+	},
+
+	ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
+	ajaxTransport: addToPrefiltersOrTransports( transports ),
+
+	// Main method
+	ajax: function( url, options ) {
+
+		// If url is an object, simulate pre-1.5 signature
+		if ( typeof url === "object" ) {
+			options = url;
+			url = undefined;
+		}
+
+		// Force options to be an object
+		options = options || {};
+
+		var transport,
+			// URL without anti-cache param
+			cacheURL,
+			// Response headers
+			responseHeadersString,
+			responseHeaders,
+			// timeout handle
+			timeoutTimer,
+			// Cross-domain detection vars
+			parts,
+			// To know if global events are to be dispatched
+			fireGlobals,
+			// Loop variable
+			i,
+			// Create the final options object
+			s = jQuery.ajaxSetup( {}, options ),
+			// Callbacks context
+			callbackContext = s.context || s,
+			// Context for global events is callbackContext if it is a DOM node or jQuery collection
+			globalEventContext = s.context && ( callbackContext.nodeType || callbackContext.jquery ) ?
+				jQuery( callbackContext ) :
+				jQuery.event,
+			// Deferreds
+			deferred = jQuery.Deferred(),
+			completeDeferred = jQuery.Callbacks("once memory"),
+			// Status-dependent callbacks
+			statusCode = s.statusCode || {},
+			// Headers (they are sent all at once)
+			requestHeaders = {},
+			requestHeadersNames = {},
+			// The jqXHR state
+			state = 0,
+			// Default abort message
+			strAbort = "canceled",
+			// Fake xhr
+			jqXHR = {
+				readyState: 0,
+
+				// Builds headers hashtable if needed
+				getResponseHeader: function( key ) {
+					var match;
+					if ( state === 2 ) {
+						if ( !responseHeaders ) {
+							responseHeaders = {};
+							while ( (match = rheaders.exec( responseHeadersString )) ) {
+								responseHeaders[ match[1].toLowerCase() ] = match[ 2 ];
+							}
+						}
+						match = responseHeaders[ key.toLowerCase() ];
+					}
+					return match == null ? null : match;
+				},
+
+				// Raw string
+				getAllResponseHeaders: function() {
+					return state === 2 ? responseHeadersString : null;
+				},
+
+				// Caches the header
+				setRequestHeader: function( name, value ) {
+					var lname = name.toLowerCase();
+					if ( !state ) {
+						name = requestHeadersNames[ lname ] = requestHeadersNames[ lname ] || name;
+						requestHeaders[ name ] = value;
+					}
+					return this;
+				},
+
+				// Overrides response content-type header
+				overrideMimeType: function( type ) {
+					if ( !state ) {
+						s.mimeType = type;
+					}
+					return this;
+				},
+
+				// Status-dependent callbacks
+				statusCode: function( map ) {
+					var code;
+					if ( map ) {
+						if ( state < 2 ) {
+							for ( code in map ) {
+								// Lazy-add the new callback in a way that preserves old ones
+								statusCode[ code ] = [ statusCode[ code ], map[ code ] ];
+							}
+						} else {
+							// Execute the appropriate callbacks
+							jqXHR.always( map[ jqXHR.status ] );
+						}
+					}
+					return this;
+				},
+
+				// Cancel the request
+				abort: function( statusText ) {
+					var finalText = statusText || strAbort;
+					if ( transport ) {
+						transport.abort( finalText );
+					}
+					done( 0, finalText );
+					return this;
+				}
+			};
+
+		// Attach deferreds
+		deferred.promise( jqXHR ).complete = completeDeferred.add;
+		jqXHR.success = jqXHR.done;
+		jqXHR.error = jqXHR.fail;
+
+		// Remove hash character (#7531: and string promotion)
+		// Add protocol if not provided (prefilters might expect it)
+		// Handle falsy url in the settings object (#10093: consistency with old signature)
+		// We also use the url parameter if available
+		s.url = ( ( url || s.url || ajaxLocation ) + "" ).replace( rhash, "" )
+			.replace( rprotocol, ajaxLocParts[ 1 ] + "//" );
+
+		// Alias method option to type as per ticket #12004
+		s.type = options.method || options.type || s.method || s.type;
+
+		// Extract dataTypes list
+		s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().match( rnotwhite ) || [ "" ];
+
+		// A cross-domain request is in order when we have a protocol:host:port mismatch
+		if ( s.crossDomain == null ) {
+			parts = rurl.exec( s.url.toLowerCase() );
+			s.crossDomain = !!( parts &&
+				( parts[ 1 ] !== ajaxLocParts[ 1 ] || parts[ 2 ] !== ajaxLocParts[ 2 ] ||
+					( parts[ 3 ] || ( parts[ 1 ] === "http:" ? "80" : "443" ) ) !==
+						( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? "80" : "443" ) ) )
+			);
+		}
+
+		// Convert data if not already a string
+		if ( s.data && s.processData && typeof s.data !== "string" ) {
+			s.data = jQuery.param( s.data, s.traditional );
+		}
+
+		// Apply prefilters
+		inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
+
+		// If request was aborted inside a prefilter, stop there
+		if ( state === 2 ) {
+			return jqXHR;
+		}
+
+		// We can fire global events as of now if asked to
+		fireGlobals = s.global;
+
+		// Watch for a new set of requests
+		if ( fireGlobals && jQuery.active++ === 0 ) {
+			jQuery.event.trigger("ajaxStart");
+		}
+
+		// Uppercase the type
+		s.type = s.type.toUpperCase();
+
+		// Determine if request has content
+		s.hasContent = !rnoContent.test( s.type );
+
+		// Save the URL in case we're toying with the If-Modified-Since
+		// and/or If-None-Match header later on
+		cacheURL = s.url;
+
+		// More options handling for requests with no content
+		if ( !s.hasContent ) {
+
+			// If data is available, append data to url
+			if ( s.data ) {
+				cacheURL = ( s.url += ( rquery.test( cacheURL ) ? "&" : "?" ) + s.data );
+				// #9682: remove data so that it's not used in an eventual retry
+				delete s.data;
+			}
+
+			// Add anti-cache in url if needed
+			if ( s.cache === false ) {
+				s.url = rts.test( cacheURL ) ?
+
+					// If there is already a '_' parameter, set its value
+					cacheURL.replace( rts, "$1_=" + nonce++ ) :
+
+					// Otherwise add one to the end
+					cacheURL + ( rquery.test( cacheURL ) ? "&" : "?" ) + "_=" + nonce++;
+			}
+		}
+
+		// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+		if ( s.ifModified ) {
+			if ( jQuery.lastModified[ cacheURL ] ) {
+				jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ cacheURL ] );
+			}
+			if ( jQuery.etag[ cacheURL ] ) {
+				jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ cacheURL ] );
+			}
+		}
+
+		// Set the correct header, if data is being sent
+		if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
+			jqXHR.setRequestHeader( "Content-Type", s.contentType );
+		}
+
+		// Set the Accepts header for the server, depending on the dataType
+		jqXHR.setRequestHeader(
+			"Accept",
+			s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ?
+				s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) :
+				s.accepts[ "*" ]
+		);
+
+		// Check for headers option
+		for ( i in s.headers ) {
+			jqXHR.setRequestHeader( i, s.headers[ i ] );
+		}
+
+		// Allow custom headers/mimetypes and early abort
+		if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
+			// Abort if not done already and return
+			return jqXHR.abort();
+		}
+
+		// aborting is no longer a cancellation
+		strAbort = "abort";
+
+		// Install callbacks on deferreds
+		for ( i in { success: 1, error: 1, complete: 1 } ) {
+			jqXHR[ i ]( s[ i ] );
+		}
+
+		// Get transport
+		transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
+
+		// If no transport, we auto-abort
+		if ( !transport ) {
+			done( -1, "No Transport" );
+		} else {
+			jqXHR.readyState = 1;
+
+			// Send global event
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
+			}
+			// Timeout
+			if ( s.async && s.timeout > 0 ) {
+				timeoutTimer = setTimeout(function() {
+					jqXHR.abort("timeout");
+				}, s.timeout );
+			}
+
+			try {
+				state = 1;
+				transport.send( requestHeaders, done );
+			} catch ( e ) {
+				// Propagate exception as error if not done
+				if ( state < 2 ) {
+					done( -1, e );
+				// Simply rethrow otherwise
+				} else {
+					throw e;
+				}
+			}
+		}
+
+		// Callback for when everything is done
+		function done( status, nativeStatusText, responses, headers ) {
+			var isSuccess, success, error, response, modified,
+				statusText = nativeStatusText;
+
+			// Called once
+			if ( state === 2 ) {
+				return;
+			}
+
+			// State is "done" now
+			state = 2;
+
+			// Clear timeout if it exists
+			if ( timeoutTimer ) {
+				clearTimeout( timeoutTimer );
+			}
+
+			// Dereference transport for early garbage collection
+			// (no matter how long the jqXHR object will be used)
+			transport = undefined;
+
+			// Cache response headers
+			responseHeadersString = headers || "";
+
+			// Set readyState
+			jqXHR.readyState = status > 0 ? 4 : 0;
+
+			// Determine if successful
+			isSuccess = status >= 200 && status < 300 || status === 304;
+
+			// Get response data
+			if ( responses ) {
+				response = ajaxHandleResponses( s, jqXHR, responses );
+			}
+
+			// Convert no matter what (that way responseXXX fields are always set)
+			response = ajaxConvert( s, response, jqXHR, isSuccess );
+
+			// If successful, handle type chaining
+			if ( isSuccess ) {
+
+				// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+				if ( s.ifModified ) {
+					modified = jqXHR.getResponseHeader("Last-Modified");
+					if ( modified ) {
+						jQuery.lastModified[ cacheURL ] = modified;
+					}
+					modified = jqXHR.getResponseHeader("etag");
+					if ( modified ) {
+						jQuery.etag[ cacheURL ] = modified;
+					}
+				}
+
+				// if no content
+				if ( status === 204 || s.type === "HEAD" ) {
+					statusText = "nocontent";
+
+				// if not modified
+				} else if ( status === 304 ) {
+					statusText = "notmodified";
+
+				// If we have data, let's convert it
+				} else {
+					statusText = response.state;
+					success = response.data;
+					error = response.error;
+					isSuccess = !error;
+				}
+			} else {
+				// We extract error from statusText
+				// then normalize statusText and status for non-aborts
+				error = statusText;
+				if ( status || !statusText ) {
+					statusText = "error";
+					if ( status < 0 ) {
+						status = 0;
+					}
+				}
+			}
+
+			// Set data for the fake xhr object
+			jqXHR.status = status;
+			jqXHR.statusText = ( nativeStatusText || statusText ) + "";
+
+			// Success/Error
+			if ( isSuccess ) {
+				deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
+			} else {
+				deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
+			}
+
+			// Status-dependent callbacks
+			jqXHR.statusCode( statusCode );
+			statusCode = undefined;
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( isSuccess ? "ajaxSuccess" : "ajaxError",
+					[ jqXHR, s, isSuccess ? success : error ] );
+			}
+
+			// Complete
+			completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] );
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );
+				// Handle the global AJAX counter
+				if ( !( --jQuery.active ) ) {
+					jQuery.event.trigger("ajaxStop");
+				}
+			}
+		}
+
+		return jqXHR;
+	},
+
+	getJSON: function( url, data, callback ) {
+		return jQuery.get( url, data, callback, "json" );
+	},
+
+	getScript: function( url, callback ) {
+		return jQuery.get( url, undefined, callback, "script" );
+	}
+});
+
+jQuery.each( [ "get", "post" ], function( i, method ) {
+	jQuery[ method ] = function( url, data, callback, type ) {
+		// shift arguments if data argument was omitted
+		if ( jQuery.isFunction( data ) ) {
+			type = type || callback;
+			callback = data;
+			data = undefined;
+		}
+
+		return jQuery.ajax({
+			url: url,
+			type: method,
+			dataType: type,
+			data: data,
+			success: callback
+		});
+	};
+});
+
+// Attach a bunch of functions for handling common AJAX events
+jQuery.each( [ "ajaxStart", "ajaxStop", "ajaxComplete", "ajaxError", "ajaxSuccess", "ajaxSend" ], function( i, type ) {
+	jQuery.fn[ type ] = function( fn ) {
+		return this.on( type, fn );
+	};
+});
+
+
+jQuery._evalUrl = function( url ) {
+	return jQuery.ajax({
+		url: url,
+		type: "GET",
+		dataType: "script",
+		async: false,
+		global: false,
+		"throws": true
+	});
+};
+
+
+jQuery.fn.extend({
+	wrapAll: function( html ) {
+		var wrap;
+
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function( i ) {
+				jQuery( this ).wrapAll( html.call(this, i) );
+			});
+		}
+
+		if ( this[ 0 ] ) {
+
+			// The elements to wrap the target around
+			wrap = jQuery( html, this[ 0 ].ownerDocument ).eq( 0 ).clone( true );
+
+			if ( this[ 0 ].parentNode ) {
+				wrap.insertBefore( this[ 0 ] );
+			}
+
+			wrap.map(function() {
+				var elem = this;
+
+				while ( elem.firstElementChild ) {
+					elem = elem.firstElementChild;
+				}
+
+				return elem;
+			}).append( this );
+		}
+
+		return this;
+	},
+
+	wrapInner: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function( i ) {
+				jQuery( this ).wrapInner( html.call(this, i) );
+			});
+		}
+
+		return this.each(function() {
+			var self = jQuery( this ),
+				contents = self.contents();
+
+			if ( contents.length ) {
+				contents.wrapAll( html );
+
+			} else {
+				self.append( html );
+			}
+		});
+	},
+
+	wrap: function( html ) {
+		var isFunction = jQuery.isFunction( html );
+
+		return this.each(function( i ) {
+			jQuery( this ).wrapAll( isFunction ? html.call(this, i) : html );
+		});
+	},
+
+	unwrap: function() {
+		return this.parent().each(function() {
+			if ( !jQuery.nodeName( this, "body" ) ) {
+				jQuery( this ).replaceWith( this.childNodes );
+			}
+		}).end();
+	}
+});
+
+
+jQuery.expr.filters.hidden = function( elem ) {
+	// Support: Opera <= 12.12
+	// Opera reports offsetWidths and offsetHeights less than zero on some elements
+	return elem.offsetWidth <= 0 && elem.offsetHeight <= 0;
+};
+jQuery.expr.filters.visible = function( elem ) {
+	return !jQuery.expr.filters.hidden( elem );
+};
+
+
+
+
+var r20 = /%20/g,
+	rbracket = /\[\]$/,
+	rCRLF = /\r?\n/g,
+	rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i,
+	rsubmittable = /^(?:input|select|textarea|keygen)/i;
+
+function buildParams( prefix, obj, traditional, add ) {
+	var name;
+
+	if ( jQuery.isArray( obj ) ) {
+		// Serialize array item.
+		jQuery.each( obj, function( i, v ) {
+			if ( traditional || rbracket.test( prefix ) ) {
+				// Treat each array item as a scalar.
+				add( prefix, v );
+
+			} else {
+				// Item is non-scalar (array or object), encode its numeric index.
+				buildParams( prefix + "[" + ( typeof v === "object" ? i : "" ) + "]", v, traditional, add );
+			}
+		});
+
+	} else if ( !traditional && jQuery.type( obj ) === "object" ) {
+		// Serialize object item.
+		for ( name in obj ) {
+			buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
+		}
+
+	} else {
+		// Serialize scalar item.
+		add( prefix, obj );
+	}
+}
+
+// Serialize an array of form elements or a set of
+// key/values into a query string
+jQuery.param = function( a, traditional ) {
+	var prefix,
+		s = [],
+		add = function( key, value ) {
+			// If value is a function, invoke it and return its value
+			value = jQuery.isFunction( value ) ? value() : ( value == null ? "" : value );
+			s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
+		};
+
+	// Set traditional to true for jQuery <= 1.3.2 behavior.
+	if ( traditional === undefined ) {
+		traditional = jQuery.ajaxSettings && jQuery.ajaxSettings.traditional;
+	}
+
+	// If an array was passed in, assume that it is an array of form elements.
+	if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
+		// Serialize the form elements
+		jQuery.each( a, function() {
+			add( this.name, this.value );
+		});
+
+	} else {
+		// If traditional, encode the "old" way (the way 1.3.2 or older
+		// did it), otherwise encode params recursively.
+		for ( prefix in a ) {
+			buildParams( prefix, a[ prefix ], traditional, add );
+		}
+	}
+
+	// Return the resulting serialization
+	return s.join( "&" ).replace( r20, "+" );
+};
+
+jQuery.fn.extend({
+	serialize: function() {
+		return jQuery.param( this.serializeArray() );
+	},
+	serializeArray: function() {
+		return this.map(function() {
+			// Can add propHook for "elements" to filter or add form elements
+			var elements = jQuery.prop( this, "elements" );
+			return elements ? jQuery.makeArray( elements ) : this;
+		})
+		.filter(function() {
+			var type = this.type;
+
+			// Use .is( ":disabled" ) so that fieldset[disabled] works
+			return this.name && !jQuery( this ).is( ":disabled" ) &&
+				rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) &&
+				( this.checked || !rcheckableType.test( type ) );
+		})
+		.map(function( i, elem ) {
+			var val = jQuery( this ).val();
+
+			return val == null ?
+				null :
+				jQuery.isArray( val ) ?
+					jQuery.map( val, function( val ) {
+						return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+					}) :
+					{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+		}).get();
+	}
+});
+
+
+jQuery.ajaxSettings.xhr = function() {
+	try {
+		return new XMLHttpRequest();
+	} catch( e ) {}
+};
+
+var xhrId = 0,
+	xhrCallbacks = {},
+	xhrSuccessStatus = {
+		// file protocol always yields status code 0, assume 200
+		0: 200,
+		// Support: IE9
+		// #1450: sometimes IE returns 1223 when it should be 204
+		1223: 204
+	},
+	xhrSupported = jQuery.ajaxSettings.xhr();
+
+// Support: IE9
+// Open requests must be manually aborted on unload (#5280)
+if ( window.ActiveXObject ) {
+	jQuery( window ).on( "unload", function() {
+		for ( var key in xhrCallbacks ) {
+			xhrCallbacks[ key ]();
+		}
+	});
+}
+
+support.cors = !!xhrSupported && ( "withCredentials" in xhrSupported );
+support.ajax = xhrSupported = !!xhrSupported;
+
+jQuery.ajaxTransport(function( options ) {
+	var callback;
+
+	// Cross domain only allowed if supported through XMLHttpRequest
+	if ( support.cors || xhrSupported && !options.crossDomain ) {
+		return {
+			send: function( headers, complete ) {
+				var i,
+					xhr = options.xhr(),
+					id = ++xhrId;
+
+				xhr.open( options.type, options.url, options.async, options.username, options.password );
+
+				// Apply custom fields if provided
+				if ( options.xhrFields ) {
+					for ( i in options.xhrFields ) {
+						xhr[ i ] = options.xhrFields[ i ];
+					}
+				}
+
+				// Override mime type if needed
+				if ( options.mimeType && xhr.overrideMimeType ) {
+					xhr.overrideMimeType( options.mimeType );
+				}
+
+				// X-Requested-With header
+				// For cross-domain requests, seeing as conditions for a preflight are
+				// akin to a jigsaw puzzle, we simply never set it to be sure.
+				// (it can always be set on a per-request basis or even using ajaxSetup)
+				// For same-domain requests, won't change header if already provided.
+				if ( !options.crossDomain && !headers["X-Requested-With"] ) {
+					headers["X-Requested-With"] = "XMLHttpRequest";
+				}
+
+				// Set headers
+				for ( i in headers ) {
+					xhr.setRequestHeader( i, headers[ i ] );
+				}
+
+				// Callback
+				callback = function( type ) {
+					return function() {
+						if ( callback ) {
+							delete xhrCallbacks[ id ];
+							callback = xhr.onload = xhr.onerror = null;
+
+							if ( type === "abort" ) {
+								xhr.abort();
+							} else if ( type === "error" ) {
+								complete(
+									// file: protocol always yields status 0; see #8605, #14207
+									xhr.status,
+									xhr.statusText
+								);
+							} else {
+								complete(
+									xhrSuccessStatus[ xhr.status ] || xhr.status,
+									xhr.statusText,
+									// Support: IE9
+									// Accessing binary-data responseText throws an exception
+									// (#11426)
+									typeof xhr.responseText === "string" ? {
+										text: xhr.responseText
+									} : undefined,
+									xhr.getAllResponseHeaders()
+								);
+							}
+						}
+					};
+				};
+
+				// Listen to events
+				xhr.onload = callback();
+				xhr.onerror = callback("error");
+
+				// Create the abort callback
+				callback = xhrCallbacks[ id ] = callback("abort");
+
+				try {
+					// Do send the request (this may raise an exception)
+					xhr.send( options.hasContent && options.data || null );
+				} catch ( e ) {
+					// #14683: Only rethrow if this hasn't been notified as an error yet
+					if ( callback ) {
+						throw e;
+					}
+				}
+			},
+
+			abort: function() {
+				if ( callback ) {
+					callback();
+				}
+			}
+		};
+	}
+});
+
+
+
+
+// Install script dataType
+jQuery.ajaxSetup({
+	accepts: {
+		script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
+	},
+	contents: {
+		script: /(?:java|ecma)script/
+	},
+	converters: {
+		"text script": function( text ) {
+			jQuery.globalEval( text );
+			return text;
+		}
+	}
+});
+
+// Handle cache's special case and crossDomain
+jQuery.ajaxPrefilter( "script", function( s ) {
+	if ( s.cache === undefined ) {
+		s.cache = false;
+	}
+	if ( s.crossDomain ) {
+		s.type = "GET";
+	}
+});
+
+// Bind script tag hack transport
+jQuery.ajaxTransport( "script", function( s ) {
+	// This transport only deals with cross domain requests
+	if ( s.crossDomain ) {
+		var script, callback;
+		return {
+			send: function( _, complete ) {
+				script = jQuery("<script>").prop({
+					async: true,
+					charset: s.scriptCharset,
+					src: s.url
+				}).on(
+					"load error",
+					callback = function( evt ) {
+						script.remove();
+						callback = null;
+						if ( evt ) {
+							complete( evt.type === "error" ? 404 : 200, evt.type );
+						}
+					}
+				);
+				document.head.appendChild( script[ 0 ] );
+			},
+			abort: function() {
+				if ( callback ) {
+					callback();
+				}
+			}
+		};
+	}
+});
+
+
+
+
+var oldCallbacks = [],
+	rjsonp = /(=)\?(?=&|$)|\?\?/;
+
+// Default jsonp settings
+jQuery.ajaxSetup({
+	jsonp: "callback",
+	jsonpCallback: function() {
+		var callback = oldCallbacks.pop() || ( jQuery.expando + "_" + ( nonce++ ) );
+		this[ callback ] = true;
+		return callback;
+	}
+});
+
+// Detect, normalize options and install callbacks for jsonp requests
+jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
+
+	var callbackName, overwritten, responseContainer,
+		jsonProp = s.jsonp !== false && ( rjsonp.test( s.url ) ?
+			"url" :
+			typeof s.data === "string" && !( s.contentType || "" ).indexOf("application/x-www-form-urlencoded") && rjsonp.test( s.data ) && "data"
+		);
+
+	// Handle iff the expected data type is "jsonp" or we have a parameter to set
+	if ( jsonProp || s.dataTypes[ 0 ] === "jsonp" ) {
+
+		// Get callback name, remembering preexisting value associated with it
+		callbackName = s.jsonpCallback = jQuery.isFunction( s.jsonpCallback ) ?
+			s.jsonpCallback() :
+			s.jsonpCallback;
+
+		// Insert callback into url or form data
+		if ( jsonProp ) {
+			s[ jsonProp ] = s[ jsonProp ].replace( rjsonp, "$1" + callbackName );
+		} else if ( s.jsonp !== false ) {
+			s.url += ( rquery.test( s.url ) ? "&" : "?" ) + s.jsonp + "=" + callbackName;
+		}
+
+		// Use data converter to retrieve json after script execution
+		s.converters["script json"] = function() {
+			if ( !responseContainer ) {
+				jQuery.error( callbackName + " was not called" );
+			}
+			return responseContainer[ 0 ];
+		};
+
+		// force json dataType
+		s.dataTypes[ 0 ] = "json";
+
+		// Install callback
+		overwritten = window[ callbackName ];
+		window[ callbackName ] = function() {
+			responseContainer = arguments;
+		};
+
+		// Clean-up function (fires after converters)
+		jqXHR.always(function() {
+			// Restore preexisting value
+			window[ callbackName ] = overwritten;
+
+			// Save back as free
+			if ( s[ callbackName ] ) {
+				// make sure that re-using the options doesn't screw things around
+				s.jsonpCallback = originalSettings.jsonpCallback;
+
+				// save the callback name for future use
+				oldCallbacks.push( callbackName );
+			}
+
+			// Call if it was a function and we have a response
+			if ( responseContainer && jQuery.isFunction( overwritten ) ) {
+				overwritten( responseContainer[ 0 ] );
+			}
+
+			responseContainer = overwritten = undefined;
+		});
+
+		// Delegate to script
+		return "script";
+	}
+});
+
+
+
+
+// data: string of html
+// context (optional): If specified, the fragment will be created in this context, defaults to document
+// keepScripts (optional): If true, will include scripts passed in the html string
+jQuery.parseHTML = function( data, context, keepScripts ) {
+	if ( !data || typeof data !== "string" ) {
+		return null;
+	}
+	if ( typeof context === "boolean" ) {
+		keepScripts = context;
+		context = false;
+	}
+	context = context || document;
+
+	var parsed = rsingleTag.exec( data ),
+		scripts = !keepScripts && [];
+
+	// Single tag
+	if ( parsed ) {
+		return [ context.createElement( parsed[1] ) ];
+	}
+
+	parsed = jQuery.buildFragment( [ data ], context, scripts );
+
+	if ( scripts && scripts.length ) {
+		jQuery( scripts ).remove();
+	}
+
+	return jQuery.merge( [], parsed.childNodes );
+};
+
+
+// Keep a copy of the old load method
+var _load = jQuery.fn.load;
+
+/**
+ * Load a url into a page
+ */
+jQuery.fn.load = function( url, params, callback ) {
+	if ( typeof url !== "string" && _load ) {
+		return _load.apply( this, arguments );
+	}
+
+	var selector, type, response,
+		self = this,
+		off = url.indexOf(" ");
+
+	if ( off >= 0 ) {
+		selector = jQuery.trim( url.slice( off ) );
+		url = url.slice( 0, off );
+	}
+
+	// If it's a function
+	if ( jQuery.isFunction( params ) ) {
+
+		// We assume that it's the callback
+		callback = params;
+		params = undefined;
+
+	// Otherwise, build a param string
+	} else if ( params && typeof params === "object" ) {
+		type = "POST";
+	}
+
+	// If we have elements to modify, make the request
+	if ( self.length > 0 ) {
+		jQuery.ajax({
+			url: url,
+
+			// if "type" variable is undefined, then "GET" method will be used
+			type: type,
+			dataType: "html",
+			data: params
+		}).done(function( responseText ) {
+
+			// Save response for use in complete callback
+			response = arguments;
+
+			self.html( selector ?
+
+				// If a selector was specified, locate the right elements in a dummy div
+				// Exclude scripts to avoid IE 'Permission Denied' errors
+				jQuery("<div>").append( jQuery.parseHTML( responseText ) ).find( selector ) :
+
+				// Otherwise use the full result
+				responseText );
+
+		}).complete( callback && function( jqXHR, status ) {
+			self.each( callback, response || [ jqXHR.responseText, status, jqXHR ] );
+		});
+	}
+
+	return this;
+};
+
+
+
+
+jQuery.expr.filters.animated = function( elem ) {
+	return jQuery.grep(jQuery.timers, function( fn ) {
+		return elem === fn.elem;
+	}).length;
+};
+
+
+
+
+var docElem = window.document.documentElement;
+
+/**
+ * Gets a window from an element
+ */
+function getWindow( elem ) {
+	return jQuery.isWindow( elem ) ? elem : elem.nodeType === 9 && elem.defaultView;
+}
+
+jQuery.offset = {
+	setOffset: function( elem, options, i ) {
+		var curPosition, curLeft, curCSSTop, curTop, curOffset, curCSSLeft, calculatePosition,
+			position = jQuery.css( elem, "position" ),
+			curElem = jQuery( elem ),
+			props = {};
+
+		// Set position first, in-case top/left are set even on static elem
+		if ( position === "static" ) {
+			elem.style.position = "relative";
+		}
+
+		curOffset = curElem.offset();
+		curCSSTop = jQuery.css( elem, "top" );
+		curCSSLeft = jQuery.css( elem, "left" );
+		calculatePosition = ( position === "absolute" || position === "fixed" ) &&
+			( curCSSTop + curCSSLeft ).indexOf("auto") > -1;
+
+		// Need to be able to calculate position if either top or left is auto and position is either absolute or fixed
+		if ( calculatePosition ) {
+			curPosition = curElem.position();
+			curTop = curPosition.top;
+			curLeft = curPosition.left;
+
+		} else {
+			curTop = parseFloat( curCSSTop ) || 0;
+			curLeft = parseFloat( curCSSLeft ) || 0;
+		}
+
+		if ( jQuery.isFunction( options ) ) {
+			options = options.call( elem, i, curOffset );
+		}
+
+		if ( options.top != null ) {
+			props.top = ( options.top - curOffset.top ) + curTop;
+		}
+		if ( options.left != null ) {
+			props.left = ( options.left - curOffset.left ) + curLeft;
+		}
+
+		if ( "using" in options ) {
+			options.using.call( elem, props );
+
+		} else {
+			curElem.css( props );
+		}
+	}
+};
+
+jQuery.fn.extend({
+	offset: function( options ) {
+		if ( arguments.length ) {
+			return options === undefined ?
+				this :
+				this.each(function( i ) {
+					jQuery.offset.setOffset( this, options, i );
+				});
+		}
+
+		var docElem, win,
+			elem = this[ 0 ],
+			box = { top: 0, left: 0 },
+			doc = elem && elem.ownerDocument;
+
+		if ( !doc ) {
+			return;
+		}
+
+		docElem = doc.documentElement;
+
+		// Make sure it's not a disconnected DOM node
+		if ( !jQuery.contains( docElem, elem ) ) {
+			return box;
+		}
+
+		// If we don't have gBCR, just use 0,0 rather than error
+		// BlackBerry 5, iOS 3 (original iPhone)
+		if ( typeof elem.getBoundingClientRect !== strundefined ) {
+			box = elem.getBoundingClientRect();
+		}
+		win = getWindow( doc );
+		return {
+			top: box.top + win.pageYOffset - docElem.clientTop,
+			left: box.left + win.pageXOffset - docElem.clientLeft
+		};
+	},
+
+	position: function() {
+		if ( !this[ 0 ] ) {
+			return;
+		}
+
+		var offsetParent, offset,
+			elem = this[ 0 ],
+			parentOffset = { top: 0, left: 0 };
+
+		// Fixed elements are offset from window (parentOffset = {top:0, left: 0}, because it is its only offset parent
+		if ( jQuery.css( elem, "position" ) === "fixed" ) {
+			// We assume that getBoundingClientRect is available when computed position is fixed
+			offset = elem.getBoundingClientRect();
+
+		} else {
+			// Get *real* offsetParent
+			offsetParent = this.offsetParent();
+
+			// Get correct offsets
+			offset = this.offset();
+			if ( !jQuery.nodeName( offsetParent[ 0 ], "html" ) ) {
+				parentOffset = offsetParent.offset();
+			}
+
+			// Add offsetParent borders
+			parentOffset.top += jQuery.css( offsetParent[ 0 ], "borderTopWidth", true );
+			parentOffset.left += jQuery.css( offsetParent[ 0 ], "borderLeftWidth", true );
+		}
+
+		// Subtract parent offsets and element margins
+		return {
+			top: offset.top - parentOffset.top - jQuery.css( elem, "marginTop", true ),
+			left: offset.left - parentOffset.left - jQuery.css( elem, "marginLeft", true )
+		};
+	},
+
+	offsetParent: function() {
+		return this.map(function() {
+			var offsetParent = this.offsetParent || docElem;
+
+			while ( offsetParent && ( !jQuery.nodeName( offsetParent, "html" ) && jQuery.css( offsetParent, "position" ) === "static" ) ) {
+				offsetParent = offsetParent.offsetParent;
+			}
+
+			return offsetParent || docElem;
+		});
+	}
+});
+
+// Create scrollLeft and scrollTop methods
+jQuery.each( { scrollLeft: "pageXOffset", scrollTop: "pageYOffset" }, function( method, prop ) {
+	var top = "pageYOffset" === prop;
+
+	jQuery.fn[ method ] = function( val ) {
+		return access( this, function( elem, method, val ) {
+			var win = getWindow( elem );
+
+			if ( val === undefined ) {
+				return win ? win[ prop ] : elem[ method ];
+			}
+
+			if ( win ) {
+				win.scrollTo(
+					!top ? val : window.pageXOffset,
+					top ? val : window.pageYOffset
+				);
+
+			} else {
+				elem[ method ] = val;
+			}
+		}, method, val, arguments.length, null );
+	};
+});
+
+// Add the top/left cssHooks using jQuery.fn.position
+// Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=29084
+// getComputedStyle returns percent when specified for top/left/bottom/right
+// rather than make the css module depend on the offset module, we just check for it here
+jQuery.each( [ "top", "left" ], function( i, prop ) {
+	jQuery.cssHooks[ prop ] = addGetHookIf( support.pixelPosition,
+		function( elem, computed ) {
+			if ( computed ) {
+				computed = curCSS( elem, prop );
+				// if curCSS returns percentage, fallback to offset
+				return rnumnonpx.test( computed ) ?
+					jQuery( elem ).position()[ prop ] + "px" :
+					computed;
+			}
+		}
+	);
+});
+
+
+// Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods
+jQuery.each( { Height: "height", Width: "width" }, function( name, type ) {
+	jQuery.each( { padding: "inner" + name, content: type, "": "outer" + name }, function( defaultExtra, funcName ) {
+		// margin is only for outerHeight, outerWidth
+		jQuery.fn[ funcName ] = function( margin, value ) {
+			var chainable = arguments.length && ( defaultExtra || typeof margin !== "boolean" ),
+				extra = defaultExtra || ( margin === true || value === true ? "margin" : "border" );
+
+			return access( this, function( elem, type, value ) {
+				var doc;
+
+				if ( jQuery.isWindow( elem ) ) {
+					// As of 5/8/2012 this will yield incorrect results for Mobile Safari, but there
+					// isn't a whole lot we can do. See pull request at this URL for discussion:
+					// https://github.com/jquery/jquery/pull/764
+					return elem.document.documentElement[ "client" + name ];
+				}
+
+				// Get document width or height
+				if ( elem.nodeType === 9 ) {
+					doc = elem.documentElement;
+
+					// Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height],
+					// whichever is greatest
+					return Math.max(
+						elem.body[ "scroll" + name ], doc[ "scroll" + name ],
+						elem.body[ "offset" + name ], doc[ "offset" + name ],
+						doc[ "client" + name ]
+					);
+				}
+
+				return value === undefined ?
+					// Get width or height on the element, requesting but not forcing parseFloat
+					jQuery.css( elem, type, extra ) :
+
+					// Set width or height on the element
+					jQuery.style( elem, type, value, extra );
+			}, type, chainable ? margin : undefined, chainable, null );
+		};
+	});
+});
+
+
+// The number of elements contained in the matched element set
+jQuery.fn.size = function() {
+	return this.length;
+};
+
+jQuery.fn.andSelf = jQuery.fn.addBack;
+
+
+
+
+// Register as a named AMD module, since jQuery can be concatenated with other
+// files that may use define, but not via a proper concatenation script that
+// understands anonymous AMD modules. A named AMD is safest and most robust
+// way to register. Lowercase jquery is used because AMD module names are
+// derived from file names, and jQuery is normally delivered in a lowercase
+// file name. Do this after creating the global so that if an AMD module wants
+// to call noConflict to hide this version of jQuery, it will work.
+
+// Note that for maximum portability, libraries that are not jQuery should
+// declare themselves as anonymous modules, and avoid setting a global if an
+// AMD loader is present. jQuery is a special case. For more information, see
+// https://github.com/jrburke/requirejs/wiki/Updating-existing-libraries#wiki-anon
+
+if ( typeof define === "function" && define.amd ) {
+	define( "jquery", [], function() {
+		return jQuery;
+	});
+}
+
+
+
+
+var
+	// Map over jQuery in case of overwrite
+	_jQuery = window.jQuery,
+
+	// Map over the $ in case of overwrite
+	_$ = window.$;
+
+jQuery.noConflict = function( deep ) {
+	if ( window.$ === jQuery ) {
+		window.$ = _$;
+	}
+
+	if ( deep && window.jQuery === jQuery ) {
+		window.jQuery = _jQuery;
+	}
+
+	return jQuery;
+};
+
+// Expose jQuery and $ identifiers, even in
+// AMD (#7102#comment:10, https://github.com/jquery/jquery/pull/557)
+// and CommonJS for browser emulators (#13566)
+if ( typeof noGlobal === strundefined ) {
+	window.jQuery = window.$ = jQuery;
+}
+
+
+
+
+return jQuery;
+
+}));
diff --git a/web/bootstrap-ace-admin/js/jquery.knob.js b/web/bootstrap-ace-admin/js/jquery.knob.js
new file mode 100755
index 00000000..163847b2
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery.knob.js
@@ -0,0 +1,802 @@
+/*!jQuery Knob*/
+/**
+ * Downward compatible, touchable dial
+ *
+ * Version: 1.2.11
+ * Requires: jQuery v1.7+
+ *
+ * Copyright (c) 2012 Anthony Terrien
+ * Under MIT License (http://www.opensource.org/licenses/mit-license.php)
+ *
+ * Thanks to vor, eskimoblood, spiffistan, FabrizioC
+ */
+(function (factory) {
+    if (typeof define === 'function' && define.amd) {
+        // AMD. Register as an anonymous module.
+        define(['jquery'], factory);
+    } else {
+        // Browser globals
+        factory(jQuery);
+    }
+}(function ($) {
+
+    /**
+     * Kontrol library
+     */
+    "use strict";
+
+    /**
+     * Definition of globals and core
+     */
+    var k = {}, // kontrol
+        max = Math.max,
+        min = Math.min;
+
+    k.c = {};
+    k.c.d = $(document);
+    k.c.t = function (e) {
+        return e.originalEvent.touches.length - 1;
+    };
+
+    /**
+     * Kontrol Object
+     *
+     * Definition of an abstract UI control
+     *
+     * Each concrete component must call this one.
+     * <code>
+     * k.o.call(this);
+     * </code>
+     */
+    k.o = function () {
+        var s = this;
+
+        this.o = null; // array of options
+        this.$ = null; // jQuery wrapped element
+        this.i = null; // mixed HTMLInputElement or array of HTMLInputElement
+        this.g = null; // deprecated 2D graphics context for 'pre-rendering'
+        this.v = null; // value ; mixed array or integer
+        this.cv = null; // change value ; not commited value
+        this.x = 0; // canvas x position
+        this.y = 0; // canvas y position
+        this.w = 0; // canvas width
+        this.h = 0; // canvas height
+        this.$c = null; // jQuery canvas element
+        this.c = null; // rendered canvas context
+        this.t = 0; // touches index
+        this.isInit = false;
+        this.fgColor = null; // main color
+        this.pColor = null; // previous color
+        this.dH = null; // draw hook
+        this.cH = null; // change hook
+        this.eH = null; // cancel hook
+        this.rH = null; // release hook
+        this.scale = 1; // scale factor
+        this.relative = false;
+        this.relativeWidth = false;
+        this.relativeHeight = false;
+        this.$div = null; // component div
+
+        this.run = function () {
+            var cf = function (e, conf) {
+                var k;
+                for (k in conf) {
+                    s.o[k] = conf[k];
+                }
+                s._carve().init();
+                s._configure()
+                 ._draw();
+            };
+
+            if (this.$.data('kontroled')) return;
+            this.$.data('kontroled', true);
+
+            this.extend();
+            this.o = $.extend({
+                    // Config
+                    min: this.$.data('min') !== undefined ? this.$.data('min') : 0,
+                    max: this.$.data('max') !== undefined ? this.$.data('max') : 100,
+                    stopper: true,
+                    readOnly: this.$.data('readonly') || (this.$.attr('readonly') === 'readonly'),
+
+                    // UI
+                    cursor: this.$.data('cursor') === true && 30
+                            || this.$.data('cursor') || 0,
+                    thickness: this.$.data('thickness')
+                               && Math.max(Math.min(this.$.data('thickness'), 1), 0.01)
+                               || 0.35,
+                    lineCap: this.$.data('linecap') || 'butt',
+                    width: this.$.data('width') || 200,
+                    height: this.$.data('height') || 200,
+                    displayInput: this.$.data('displayinput') == null || this.$.data('displayinput'),
+                    displayPrevious: this.$.data('displayprevious'),
+                    fgColor: this.$.data('fgcolor') || '#87CEEB',
+                    inputColor: this.$.data('inputcolor'),
+                    font: this.$.data('font') || 'Arial',
+                    fontWeight: this.$.data('font-weight') || 'bold',
+                    inline: false,
+                    step: this.$.data('step') || 1,
+                    rotation: this.$.data('rotation'),
+
+                    // Hooks
+                    draw: null, // function () {}
+                    change: null, // function (value) {}
+                    cancel: null, // function () {}
+                    release: null, // function (value) {}
+
+                    // Output formatting, allows to add unit: %, ms ...
+                    format: function(v) {
+                        return v;
+                    },
+                    parse: function (v) {
+                        return parseFloat(v);
+                    }
+                }, this.o
+            );
+
+            // finalize options
+            this.o.flip = this.o.rotation === 'anticlockwise' || this.o.rotation === 'acw';
+            if (!this.o.inputColor) {
+                this.o.inputColor = this.o.fgColor;
+            }
+
+            // routing value
+            if (this.$.is('fieldset')) {
+
+                // fieldset = array of integer
+                this.v = {};
+                this.i = this.$.find('input');
+                this.i.each(function(k) {
+                    var $this = $(this);
+                    s.i[k] = $this;
+                    s.v[k] = s.o.parse($this.val());
+
+                    $this.bind(
+                        'change blur',
+                        function () {
+                            var val = {};
+                            val[k] = $this.val();
+                            s.val(s._validate(val));
+                        }
+                    );
+                });
+                this.$.find('legend').remove();
+            } else {
+
+                // input = integer
+                this.i = this.$;
+                this.v = this.o.parse(this.$.val());
+                this.v === '' && (this.v = this.o.min);
+                this.$.bind(
+                    'change blur',
+                    function () {
+                        s.val(s._validate(s.o.parse(s.$.val())));
+                    }
+                );
+
+            }
+
+            !this.o.displayInput && this.$.hide();
+
+            // adds needed DOM elements (canvas, div)
+            this.$c = $(document.createElement('canvas')).attr({
+                width: this.o.width,
+                height: this.o.height
+            });
+
+            // wraps all elements in a div
+            // add to DOM before Canvas init is triggered
+            this.$div = $('<div style="'
+                + (this.o.inline ? 'display:inline;' : '')
+                + 'width:' + this.o.width + 'px;height:' + this.o.height + 'px;'
+                + '"></div>');
+
+            this.$.wrap(this.$div).before(this.$c);
+            this.$div = this.$.parent();
+
+            if (typeof G_vmlCanvasManager !== 'undefined') {
+                G_vmlCanvasManager.initElement(this.$c[0]);
+            }
+
+            this.c = this.$c[0].getContext ? this.$c[0].getContext('2d') : null;
+
+            if (!this.c) {
+                throw {
+                    name:        "CanvasNotSupportedException",
+                    message:     "Canvas not supported. Please use excanvas on IE8.0.",
+                    toString:    function(){return this.name + ": " + this.message}
+                }
+            }
+
+            // hdpi support
+            this.scale = (window.devicePixelRatio || 1) / (
+                            this.c.webkitBackingStorePixelRatio ||
+                            this.c.mozBackingStorePixelRatio ||
+                            this.c.msBackingStorePixelRatio ||
+                            this.c.oBackingStorePixelRatio ||
+                            this.c.backingStorePixelRatio || 1
+                         );
+
+            // detects relative width / height
+            this.relativeWidth =  this.o.width % 1 !== 0
+                                  && this.o.width.indexOf('%');
+            this.relativeHeight = this.o.height % 1 !== 0
+                                  && this.o.height.indexOf('%');
+            this.relative = this.relativeWidth || this.relativeHeight;
+
+            // computes size and carves the component
+            this._carve();
+
+            // prepares props for transaction
+            if (this.v instanceof Object) {
+                this.cv = {};
+                this.copy(this.v, this.cv);
+            } else {
+                this.cv = this.v;
+            }
+
+            // binds configure event
+            this.$
+                .bind("configure", cf)
+                .parent()
+                .bind("configure", cf);
+
+            // finalize init
+            this._listen()
+                ._configure()
+                ._xy()
+                .init();
+
+            this.isInit = true;
+
+            this.$.val(this.o.format(this.v));
+            this._draw();
+
+            return this;
+        };
+
+        this._carve = function() {
+            if (this.relative) {
+                var w = this.relativeWidth ?
+                        this.$div.parent().width() *
+                        parseInt(this.o.width) / 100
+                        : this.$div.parent().width(),
+                    h = this.relativeHeight ?
+                        this.$div.parent().height() *
+                        parseInt(this.o.height) / 100
+                        : this.$div.parent().height();
+
+                // apply relative
+                this.w = this.h = Math.min(w, h);
+            } else {
+                this.w = this.o.width;
+                this.h = this.o.height;
+            }
+
+            // finalize div
+            this.$div.css({
+                'width': this.w + 'px',
+                'height': this.h + 'px'
+            });
+
+            // finalize canvas with computed width
+            this.$c.attr({
+                width: this.w,
+                height: this.h
+            });
+
+            // scaling
+            if (this.scale !== 1) {
+                this.$c[0].width = this.$c[0].width * this.scale;
+                this.$c[0].height = this.$c[0].height * this.scale;
+                this.$c.width(this.w);
+                this.$c.height(this.h);
+            }
+
+            return this;
+        }
+
+        this._draw = function () {
+
+            // canvas pre-rendering
+            var d = true;
+
+            s.g = s.c;
+
+            s.clear();
+
+            s.dH && (d = s.dH());
+
+            d !== false && s.draw();
+        };
+
+        this._touch = function (e) {
+            var touchMove = function (e) {
+                var v = s.xy2val(
+                            e.originalEvent.touches[s.t].pageX,
+                            e.originalEvent.touches[s.t].pageY
+                        );
+
+                if (v == s.cv) return;
+
+                if (s.cH && s.cH(v) === false) return;
+
+                s.change(s._validate(v));
+                s._draw();
+            };
+
+            // get touches index
+            this.t = k.c.t(e);
+
+            // First touch
+            touchMove(e);
+
+            // Touch events listeners
+            k.c.d
+                .bind("touchmove.k", touchMove)
+                .bind(
+                    "touchend.k",
+                    function () {
+                        k.c.d.unbind('touchmove.k touchend.k');
+                        s.val(s.cv);
+                    }
+                );
+
+            return this;
+        };
+
+        this._mouse = function (e) {
+            var mouseMove = function (e) {
+                var v = s.xy2val(e.pageX, e.pageY);
+
+                if (v == s.cv) return;
+
+                if (s.cH && (s.cH(v) === false)) return;
+
+                s.change(s._validate(v));
+                s._draw();
+            };
+
+            // First click
+            mouseMove(e);
+
+            // Mouse events listeners
+            k.c.d
+                .bind("mousemove.k", mouseMove)
+                .bind(
+                    // Escape key cancel current change
+                    "keyup.k",
+                    function (e) {
+                        if (e.keyCode === 27) {
+                            k.c.d.unbind("mouseup.k mousemove.k keyup.k");
+
+                            if (s.eH && s.eH() === false)
+                                return;
+
+                            s.cancel();
+                        }
+                    }
+                )
+                .bind(
+                    "mouseup.k",
+                    function (e) {
+                        k.c.d.unbind('mousemove.k mouseup.k keyup.k');
+                        s.val(s.cv);
+                    }
+                );
+
+            return this;
+        };
+
+        this._xy = function () {
+            var o = this.$c.offset();
+            this.x = o.left;
+            this.y = o.top;
+
+            return this;
+        };
+
+        this._listen = function () {
+            if (!this.o.readOnly) {
+                this.$c
+                    .bind(
+                        "mousedown",
+                        function (e) {
+                            e.preventDefault();
+                            s._xy()._mouse(e);
+                        }
+                    )
+                    .bind(
+                        "touchstart",
+                        function (e) {
+                            e.preventDefault();
+                            s._xy()._touch(e);
+                        }
+                    );
+
+                this.listen();
+            } else {
+                this.$.attr('readonly', 'readonly');
+            }
+
+            if (this.relative) {
+                $(window).resize(function() {
+                    s._carve().init();
+                    s._draw();
+                });
+            }
+
+            return this;
+        };
+
+        this._configure = function () {
+
+            // Hooks
+            if (this.o.draw) this.dH = this.o.draw;
+            if (this.o.change) this.cH = this.o.change;
+            if (this.o.cancel) this.eH = this.o.cancel;
+            if (this.o.release) this.rH = this.o.release;
+
+            if (this.o.displayPrevious) {
+                this.pColor = this.h2rgba(this.o.fgColor, "0.4");
+                this.fgColor = this.h2rgba(this.o.fgColor, "0.6");
+            } else {
+                this.fgColor = this.o.fgColor;
+            }
+
+            return this;
+        };
+
+        this._clear = function () {
+            this.$c[0].width = this.$c[0].width;
+        };
+
+        this._validate = function (v) {
+            var val = (~~ (((v < 0) ? -0.5 : 0.5) + (v/this.o.step))) * this.o.step;
+            return Math.round(val * 100) / 100;
+        };
+
+        // Abstract methods
+        this.listen = function () {}; // on start, one time
+        this.extend = function () {}; // each time configure triggered
+        this.init = function () {}; // each time configure triggered
+        this.change = function (v) {}; // on change
+        this.val = function (v) {}; // on release
+        this.xy2val = function (x, y) {}; //
+        this.draw = function () {}; // on change / on release
+        this.clear = function () { this._clear(); };
+
+        // Utils
+        this.h2rgba = function (h, a) {
+            var rgb;
+            h = h.substring(1,7)
+            rgb = [
+                parseInt(h.substring(0,2), 16),
+                parseInt(h.substring(2,4), 16),
+                parseInt(h.substring(4,6), 16)
+            ];
+
+            return "rgba(" + rgb[0] + "," + rgb[1] + "," + rgb[2] + "," + a + ")";
+        };
+
+        this.copy = function (f, t) {
+            for (var i in f) {
+                t[i] = f[i];
+            }
+        };
+    };
+
+
+    /**
+     * k.Dial
+     */
+    k.Dial = function () {
+        k.o.call(this);
+
+        this.startAngle = null;
+        this.xy = null;
+        this.radius = null;
+        this.lineWidth = null;
+        this.cursorExt = null;
+        this.w2 = null;
+        this.PI2 = 2*Math.PI;
+
+        this.extend = function () {
+            this.o = $.extend({
+                bgColor: this.$.data('bgcolor') || '#EEEEEE',
+                angleOffset: this.$.data('angleoffset') || 0,
+                angleArc: this.$.data('anglearc') || 360,
+                inline: true
+            }, this.o);
+        };
+
+        this.val = function (v, triggerRelease) {
+            if (null != v) {
+
+                // reverse format
+                v = this.o.parse(v);
+
+                if (triggerRelease !== false
+                    && v != this.v
+                    && this.rH
+                    && this.rH(v) === false) { return; }
+
+                this.cv = this.o.stopper ? max(min(v, this.o.max), this.o.min) : v;
+                this.v = this.cv;
+                this.$.val(this.o.format(this.v));
+                this._draw();
+            } else {
+                return this.v;
+            }
+        };
+
+        this.xy2val = function (x, y) {
+            var a, ret;
+
+            a = Math.atan2(
+                        x - (this.x + this.w2),
+                        - (y - this.y - this.w2)
+                    ) - this.angleOffset;
+
+            if (this.o.flip) {
+                a = this.angleArc - a - this.PI2;
+            }
+
+            if (this.angleArc != this.PI2 && (a < 0) && (a > -0.5)) {
+
+                // if isset angleArc option, set to min if .5 under min
+                a = 0;
+            } else if (a < 0) {
+                a += this.PI2;
+            }
+
+            ret = (a * (this.o.max - this.o.min) / this.angleArc) + this.o.min;
+
+            this.o.stopper && (ret = max(min(ret, this.o.max), this.o.min));
+
+            return ret;
+        };
+
+        this.listen = function () {
+
+            // bind MouseWheel
+            var s = this, mwTimerStop,
+                mwTimerRelease,
+                mw = function (e) {
+                    e.preventDefault();
+
+                    var ori = e.originalEvent,
+                        deltaX = ori.detail || ori.wheelDeltaX,
+                        deltaY = ori.detail || ori.wheelDeltaY,
+                        v = s._validate(s.o.parse(s.$.val()))
+                            + (
+                                deltaX > 0 || deltaY > 0
+                                ? s.o.step
+                                : deltaX < 0 || deltaY < 0 ? -s.o.step : 0
+                              );
+
+                    v = max(min(v, s.o.max), s.o.min);
+
+                    s.val(v, false);
+
+                    if (s.rH) {
+                        // Handle mousewheel stop
+                        clearTimeout(mwTimerStop);
+                        mwTimerStop = setTimeout(function () {
+                            s.rH(v);
+                            mwTimerStop = null;
+                        }, 100);
+
+                        // Handle mousewheel releases
+                        if (!mwTimerRelease) {
+                            mwTimerRelease = setTimeout(function () {
+                                if (mwTimerStop)
+                                    s.rH(v);
+                                mwTimerRelease = null;
+                            }, 200);
+                        }
+                    }
+                },
+                kval,
+                to,
+                m = 1,
+                kv = {
+                    37: -s.o.step,
+                    38: s.o.step,
+                    39: s.o.step,
+                    40: -s.o.step
+                };
+
+            this.$
+                .bind(
+                    "keydown",
+                    function (e) {
+                        var kc = e.keyCode;
+
+                        // numpad support
+                        if (kc >= 96 && kc <= 105) {
+                            kc = e.keyCode = kc - 48;
+                        }
+
+                        kval = parseInt(String.fromCharCode(kc));
+
+                        if (isNaN(kval)) {
+                            (kc !== 13)                     // enter
+                            && kc !== 8                     // bs
+                            && kc !== 9                     // tab
+                            && kc !== 189                   // -
+                            && (kc !== 190
+                                || s.$.val().match(/\./))   // . allowed once
+                            && e.preventDefault();
+
+                            // arrows
+                            if ($.inArray(kc,[37,38,39,40]) > -1) {
+                                e.preventDefault();
+
+                                var v = s.o.parse(s.$.val()) + kv[kc] * m;
+                                s.o.stopper && (v = max(min(v, s.o.max), s.o.min));
+
+                                s.change(s._validate(v));
+                                s._draw();
+
+                                // long time keydown speed-up
+                                to = window.setTimeout(function () {
+                                    m *= 2;
+                                }, 30);
+                            }
+                        }
+                    }
+                )
+                .bind(
+                    "keyup",
+                    function (e) {
+                        if (isNaN(kval)) {
+                            if (to) {
+                                window.clearTimeout(to);
+                                to = null;
+                                m = 1;
+                                s.val(s.$.val());
+                            }
+                        } else {
+                            // kval postcond
+                            (s.$.val() > s.o.max && s.$.val(s.o.max))
+                            || (s.$.val() < s.o.min && s.$.val(s.o.min));
+                        }
+                    }
+                );
+
+            this.$c.bind("mousewheel DOMMouseScroll", mw);
+            this.$.bind("mousewheel DOMMouseScroll", mw)
+        };
+
+        this.init = function () {
+            if (this.v < this.o.min
+                || this.v > this.o.max) { this.v = this.o.min; }
+
+            this.$.val(this.v);
+            this.w2 = this.w / 2;
+            this.cursorExt = this.o.cursor / 100;
+            this.xy = this.w2 * this.scale;
+            this.lineWidth = this.xy * this.o.thickness;
+            this.lineCap = this.o.lineCap;
+            this.radius = this.xy - this.lineWidth / 2;
+
+            this.o.angleOffset
+            && (this.o.angleOffset = isNaN(this.o.angleOffset) ? 0 : this.o.angleOffset);
+
+            this.o.angleArc
+            && (this.o.angleArc = isNaN(this.o.angleArc) ? this.PI2 : this.o.angleArc);
+
+            // deg to rad
+            this.angleOffset = this.o.angleOffset * Math.PI / 180;
+            this.angleArc = this.o.angleArc * Math.PI / 180;
+
+            // compute start and end angles
+            this.startAngle = 1.5 * Math.PI + this.angleOffset;
+            this.endAngle = 1.5 * Math.PI + this.angleOffset + this.angleArc;
+
+            var s = max(
+                String(Math.abs(this.o.max)).length,
+                String(Math.abs(this.o.min)).length,
+                2
+            ) + 2;
+
+            this.o.displayInput
+                && this.i.css({
+                        'width' : ((this.w / 2 + 4) >> 0) + 'px',
+                        'height' : ((this.w / 3) >> 0) + 'px',
+                        'position' : 'absolute',
+                        'vertical-align' : 'middle',
+                        'margin-top' : ((this.w / 3) >> 0) + 'px',
+                        'margin-left' : '-' + ((this.w * 3 / 4 + 2) >> 0) + 'px',
+                        'border' : 0,
+                        'background' : 'none',
+                        'font' : this.o.fontWeight + ' ' + ((this.w / s) >> 0) + 'px ' + this.o.font,
+                        'text-align' : 'center',
+                        'color' : this.o.inputColor || this.o.fgColor,
+                        'padding' : '0px',
+                        '-webkit-appearance': 'none'
+                        }) || this.i.css({
+                            'width': '0px',
+                            'visibility': 'hidden'
+                        });
+        };
+
+        this.change = function (v) {
+            this.cv = v;
+            this.$.val(this.o.format(v));
+        };
+
+        this.angle = function (v) {
+            return (v - this.o.min) * this.angleArc / (this.o.max - this.o.min);
+        };
+
+        this.arc = function (v) {
+          var sa, ea;
+          v = this.angle(v);
+          if (this.o.flip) {
+              sa = this.endAngle + 0.00001;
+              ea = sa - v - 0.00001;
+          } else {
+              sa = this.startAngle - 0.00001;
+              ea = sa + v + 0.00001;
+          }
+          this.o.cursor
+              && (sa = ea - this.cursorExt)
+              && (ea = ea + this.cursorExt);
+
+          return {
+              s: sa,
+              e: ea,
+              d: this.o.flip && !this.o.cursor
+          };
+        };
+
+        this.draw = function () {
+            var c = this.g,                 // context
+                a = this.arc(this.cv),      // Arc
+                pa,                         // Previous arc
+                r = 1;
+
+            c.lineWidth = this.lineWidth;
+            c.lineCap = this.lineCap;
+
+            if (this.o.bgColor !== "none") {
+                c.beginPath();
+                    c.strokeStyle = this.o.bgColor;
+                    c.arc(this.xy, this.xy, this.radius, this.endAngle - 0.00001, this.startAngle + 0.00001, true);
+                c.stroke();
+            }
+
+            if (this.o.displayPrevious) {
+                pa = this.arc(this.v);
+                c.beginPath();
+                c.strokeStyle = this.pColor;
+                c.arc(this.xy, this.xy, this.radius, pa.s, pa.e, pa.d);
+                c.stroke();
+                r = this.cv == this.v;
+            }
+
+            c.beginPath();
+            c.strokeStyle = r ? this.o.fgColor : this.fgColor ;
+            c.arc(this.xy, this.xy, this.radius, a.s, a.e, a.d);
+            c.stroke();
+        };
+
+        this.cancel = function () {
+            this.val(this.v);
+        };
+    };
+
+    $.fn.dial = $.fn.knob = function (o) {
+        return this.each(
+            function () {
+                var d = new k.Dial();
+                d.o = o;
+                d.$ = $(this);
+                d.run();
+            }
+        ).parent();
+    };
+
+}));
diff --git a/web/bootstrap-ace-admin/js/jquery.maskedinput.js b/web/bootstrap-ace-admin/js/jquery.maskedinput.js
new file mode 100755
index 00000000..fc70dc6f
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery.maskedinput.js
@@ -0,0 +1,182 @@
+/*
+    jQuery Masked Input Plugin
+    Copyright (c) 2007 - 2014 Josh Bush (digitalbush.com)
+    Licensed under the MIT license (http://digitalbush.com/projects/masked-input-plugin/#license)
+    Version: 1.4.0
+*/
+!function(factory) {
+    "function" == typeof define && define.amd ? define([ "jquery" ], factory) : factory("object" == typeof exports ? require("jquery") : jQuery);
+}(function($) {
+    var caretTimeoutId, ua = navigator.userAgent, iPhone = /iphone/i.test(ua), chrome = /chrome/i.test(ua), android = /android/i.test(ua);
+    $.mask = {
+        definitions: {
+            "9": "[0-9]",
+            a: "[A-Za-z]",
+            "*": "[A-Za-z0-9]"
+        },
+        autoclear: !0,
+        dataName: "rawMaskFn",
+        placeholder: "_"
+    }, $.fn.extend({
+        caret: function(begin, end) {
+            var range;
+            if (0 !== this.length && !this.is(":hidden")) return "number" == typeof begin ? (end = "number" == typeof end ? end : begin, 
+            this.each(function() {
+                this.setSelectionRange ? this.setSelectionRange(begin, end) : this.createTextRange && (range = this.createTextRange(), 
+                range.collapse(!0), range.moveEnd("character", end), range.moveStart("character", begin), 
+                range.select());
+            })) : (this[0].setSelectionRange ? (begin = this[0].selectionStart, end = this[0].selectionEnd) : document.selection && document.selection.createRange && (range = document.selection.createRange(), 
+            begin = 0 - range.duplicate().moveStart("character", -1e5), end = begin + range.text.length), 
+            {
+                begin: begin,
+                end: end
+            });
+        },
+        unmask: function() {
+            return this.trigger("unmask");
+        },
+        mask: function(mask, settings) {
+            var input, defs, tests, partialPosition, firstNonMaskPos, lastRequiredNonMaskPos, len, oldVal;
+            if (!mask && this.length > 0) {
+                input = $(this[0]);
+                var fn = input.data($.mask.dataName);
+                return fn ? fn() : void 0;
+            }
+            return settings = $.extend({
+                autoclear: $.mask.autoclear,
+                placeholder: $.mask.placeholder,
+                completed: null
+            }, settings), defs = $.mask.definitions, tests = [], partialPosition = len = mask.length, 
+            firstNonMaskPos = null, $.each(mask.split(""), function(i, c) {
+                "?" == c ? (len--, partialPosition = i) : defs[c] ? (tests.push(new RegExp(defs[c])), 
+                null === firstNonMaskPos && (firstNonMaskPos = tests.length - 1), partialPosition > i && (lastRequiredNonMaskPos = tests.length - 1)) : tests.push(null);
+            }), this.trigger("unmask").each(function() {
+                function tryFireCompleted() {
+                    if (settings.completed) {
+                        for (var i = firstNonMaskPos; lastRequiredNonMaskPos >= i; i++) if (tests[i] && buffer[i] === getPlaceholder(i)) return;
+                        settings.completed.call(input);
+                    }
+                }
+                function getPlaceholder(i) {
+                    return settings.placeholder.charAt(i < settings.placeholder.length ? i : 0);
+                }
+                function seekNext(pos) {
+                    for (;++pos < len && !tests[pos]; ) ;
+                    return pos;
+                }
+                function seekPrev(pos) {
+                    for (;--pos >= 0 && !tests[pos]; ) ;
+                    return pos;
+                }
+                function shiftL(begin, end) {
+                    var i, j;
+                    if (!(0 > begin)) {
+                        for (i = begin, j = seekNext(end); len > i; i++) if (tests[i]) {
+                            if (!(len > j && tests[i].test(buffer[j]))) break;
+                            buffer[i] = buffer[j], buffer[j] = getPlaceholder(j), j = seekNext(j);
+                        }
+                        writeBuffer(), input.caret(Math.max(firstNonMaskPos, begin));
+                    }
+                }
+                function shiftR(pos) {
+                    var i, c, j, t;
+                    for (i = pos, c = getPlaceholder(pos); len > i; i++) if (tests[i]) {
+                        if (j = seekNext(i), t = buffer[i], buffer[i] = c, !(len > j && tests[j].test(t))) break;
+                        c = t;
+                    }
+                }
+                function androidInputEvent() {
+                    var curVal = input.val(), pos = input.caret();
+                    if (curVal.length < oldVal.length) {
+                        for (checkVal(!0); pos.begin > 0 && !tests[pos.begin - 1]; ) pos.begin--;
+                        if (0 === pos.begin) for (;pos.begin < firstNonMaskPos && !tests[pos.begin]; ) pos.begin++;
+                        input.caret(pos.begin, pos.begin);
+                    } else {
+                        for (checkVal(!0); pos.begin < len && !tests[pos.begin]; ) pos.begin++;
+                        input.caret(pos.begin, pos.begin);
+                    }
+                    tryFireCompleted();
+                }
+                function blurEvent() {
+                    checkVal(), input.val() != focusText && input.change();
+                }
+                function keydownEvent(e) {
+                    if (!input.prop("readonly")) {
+                        var pos, begin, end, k = e.which || e.keyCode;
+                        oldVal = input.val(), 8 === k || 46 === k || iPhone && 127 === k ? (pos = input.caret(), 
+                        begin = pos.begin, end = pos.end, end - begin === 0 && (begin = 46 !== k ? seekPrev(begin) : end = seekNext(begin - 1), 
+                        end = 46 === k ? seekNext(end) : end), clearBuffer(begin, end), shiftL(begin, end - 1), 
+                        e.preventDefault()) : 13 === k ? blurEvent.call(this, e) : 27 === k && (input.val(focusText), 
+                        input.caret(0, checkVal()), e.preventDefault());
+                    }
+                }
+                function keypressEvent(e) {
+                    if (!input.prop("readonly")) {
+                        var p, c, next, k = e.which || e.keyCode, pos = input.caret();
+                        if (!(e.ctrlKey || e.altKey || e.metaKey || 32 > k) && k && 13 !== k) {
+                            if (pos.end - pos.begin !== 0 && (clearBuffer(pos.begin, pos.end), shiftL(pos.begin, pos.end - 1)), 
+                            p = seekNext(pos.begin - 1), len > p && (c = String.fromCharCode(k), tests[p].test(c))) {
+                                if (shiftR(p), buffer[p] = c, writeBuffer(), next = seekNext(p), android) {
+                                    var proxy = function() {
+                                        $.proxy($.fn.caret, input, next)();
+                                    };
+                                    setTimeout(proxy, 0);
+                                } else input.caret(next);
+                                pos.begin <= lastRequiredNonMaskPos && tryFireCompleted();
+                            }
+                            e.preventDefault();
+                        }
+                    }
+                }
+                function clearBuffer(start, end) {
+                    var i;
+                    for (i = start; end > i && len > i; i++) tests[i] && (buffer[i] = getPlaceholder(i));
+                }
+                function writeBuffer() {
+                    input.val(buffer.join(""));
+                }
+                function checkVal(allow) {
+                    var i, c, pos, test = input.val(), lastMatch = -1;
+                    for (i = 0, pos = 0; len > i; i++) if (tests[i]) {
+                        for (buffer[i] = getPlaceholder(i); pos++ < test.length; ) if (c = test.charAt(pos - 1), 
+                        tests[i].test(c)) {
+                            buffer[i] = c, lastMatch = i;
+                            break;
+                        }
+                        if (pos > test.length) {
+                            clearBuffer(i + 1, len);
+                            break;
+                        }
+                    } else buffer[i] === test.charAt(pos) && pos++, partialPosition > i && (lastMatch = i);
+                    return allow ? writeBuffer() : partialPosition > lastMatch + 1 ? settings.autoclear || buffer.join("") === defaultBuffer ? (input.val() && input.val(""), 
+                    clearBuffer(0, len)) : writeBuffer() : (writeBuffer(), input.val(input.val().substring(0, lastMatch + 1))), 
+                    partialPosition ? i : firstNonMaskPos;
+                }
+                var input = $(this), buffer = $.map(mask.split(""), function(c, i) {
+                    return "?" != c ? defs[c] ? getPlaceholder(i) : c : void 0;
+                }), defaultBuffer = buffer.join(""), focusText = input.val();
+                input.data($.mask.dataName, function() {
+                    return $.map(buffer, function(c, i) {
+                        return tests[i] && c != getPlaceholder(i) ? c : null;
+                    }).join("");
+                }), input.one("unmask", function() {
+                    input.off(".mask").removeData($.mask.dataName);
+                }).on("focus.mask", function() {
+                    if (!input.prop("readonly")) {
+                        clearTimeout(caretTimeoutId);
+                        var pos;
+                        focusText = input.val(), pos = checkVal(), caretTimeoutId = setTimeout(function() {
+                            writeBuffer(), pos == mask.replace("?", "").length ? input.caret(0, pos) : input.caret(pos);
+                        }, 10);
+                    }
+                }).on("blur.mask", blurEvent).on("keydown.mask", keydownEvent).on("keypress.mask", keypressEvent).on("input.mask paste.mask", function() {
+                    input.prop("readonly") || setTimeout(function() {
+                        var pos = checkVal(!0);
+                        input.caret(pos), tryFireCompleted();
+                    }, 0);
+                }), chrome && android && input.off("input.mask").on("input.mask", androidInputEvent), 
+                checkVal();
+            });
+        }
+    });
+});
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/jquery.mobile.custom.js b/web/bootstrap-ace-admin/js/jquery.mobile.custom.js
new file mode 100755
index 00000000..376d1834
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery.mobile.custom.js
@@ -0,0 +1,864 @@
+/*
+* jQuery Mobile v1.4.5
+* http://jquerymobile.com
+*
+* Copyright 2010, 2014 jQuery Foundation, Inc. and other contributors
+* Released under the MIT license.
+* http://jquery.org/license
+*
+*/
+
+(function ( root, doc, factory ) {
+	if ( typeof define === "function" && define.amd ) {
+		// AMD. Register as an anonymous module.
+		define( [ "jquery" ], function ( $ ) {
+			factory( $, root, doc );
+			return $.mobile;
+		});
+	} else {
+		// Browser globals
+		factory( root.jQuery, root, doc );
+	}
+}( this, document, function ( jQuery, window, document, undefined ) {// This plugin is an experiment for abstracting away the touch and mouse
+// events so that developers don't have to worry about which method of input
+// the device their document is loaded on supports.
+//
+// The idea here is to allow the developer to register listeners for the
+// basic mouse events, such as mousedown, mousemove, mouseup, and click,
+// and the plugin will take care of registering the correct listeners
+// behind the scenes to invoke the listener at the fastest possible time
+// for that device, while still retaining the order of event firing in
+// the traditional mouse environment, should multiple handlers be registered
+// on the same element for different events.
+//
+// The current version exposes the following virtual events to jQuery bind methods:
+// "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel"
+
+(function( $, window, document, undefined ) {
+
+var dataPropertyName = "virtualMouseBindings",
+	touchTargetPropertyName = "virtualTouchID",
+	virtualEventNames = "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel".split( " " ),
+	touchEventProps = "clientX clientY pageX pageY screenX screenY".split( " " ),
+	mouseHookProps = $.event.mouseHooks ? $.event.mouseHooks.props : [],
+	mouseEventProps = $.event.props.concat( mouseHookProps ),
+	activeDocHandlers = {},
+	resetTimerID = 0,
+	startX = 0,
+	startY = 0,
+	didScroll = false,
+	clickBlockList = [],
+	blockMouseTriggers = false,
+	blockTouchTriggers = false,
+	eventCaptureSupported = "addEventListener" in document,
+	$document = $( document ),
+	nextTouchID = 1,
+	lastTouchID = 0, threshold,
+	i;
+
+$.vmouse = {
+	moveDistanceThreshold: 10,
+	clickDistanceThreshold: 10,
+	resetTimerDuration: 1500
+};
+
+function getNativeEvent( event ) {
+
+	while ( event && typeof event.originalEvent !== "undefined" ) {
+		event = event.originalEvent;
+	}
+	return event;
+}
+
+function createVirtualEvent( event, eventType ) {
+
+	var t = event.type,
+		oe, props, ne, prop, ct, touch, i, j, len;
+
+	event = $.Event( event );
+	event.type = eventType;
+
+	oe = event.originalEvent;
+	props = $.event.props;
+
+	// addresses separation of $.event.props in to $.event.mouseHook.props and Issue 3280
+	// https://github.com/jquery/jquery-mobile/issues/3280
+	if ( t.search( /^(mouse|click)/ ) > -1 ) {
+		props = mouseEventProps;
+	}
+
+	// copy original event properties over to the new event
+	// this would happen if we could call $.event.fix instead of $.Event
+	// but we don't have a way to force an event to be fixed multiple times
+	if ( oe ) {
+		for ( i = props.length, prop; i; ) {
+			prop = props[ --i ];
+			event[ prop ] = oe[ prop ];
+		}
+	}
+
+	// make sure that if the mouse and click virtual events are generated
+	// without a .which one is defined
+	if ( t.search(/mouse(down|up)|click/) > -1 && !event.which ) {
+		event.which = 1;
+	}
+
+	if ( t.search(/^touch/) !== -1 ) {
+		ne = getNativeEvent( oe );
+		t = ne.touches;
+		ct = ne.changedTouches;
+		touch = ( t && t.length ) ? t[0] : ( ( ct && ct.length ) ? ct[ 0 ] : undefined );
+
+		if ( touch ) {
+			for ( j = 0, len = touchEventProps.length; j < len; j++) {
+				prop = touchEventProps[ j ];
+				event[ prop ] = touch[ prop ];
+			}
+		}
+	}
+
+	return event;
+}
+
+function getVirtualBindingFlags( element ) {
+
+	var flags = {},
+		b, k;
+
+	while ( element ) {
+
+		b = $.data( element, dataPropertyName );
+
+		for (  k in b ) {
+			if ( b[ k ] ) {
+				flags[ k ] = flags.hasVirtualBinding = true;
+			}
+		}
+		element = element.parentNode;
+	}
+	return flags;
+}
+
+function getClosestElementWithVirtualBinding( element, eventType ) {
+	var b;
+	while ( element ) {
+
+		b = $.data( element, dataPropertyName );
+
+		if ( b && ( !eventType || b[ eventType ] ) ) {
+			return element;
+		}
+		element = element.parentNode;
+	}
+	return null;
+}
+
+function enableTouchBindings() {
+	blockTouchTriggers = false;
+}
+
+function disableTouchBindings() {
+	blockTouchTriggers = true;
+}
+
+function enableMouseBindings() {
+	lastTouchID = 0;
+	clickBlockList.length = 0;
+	blockMouseTriggers = false;
+
+	// When mouse bindings are enabled, our
+	// touch bindings are disabled.
+	disableTouchBindings();
+}
+
+function disableMouseBindings() {
+	// When mouse bindings are disabled, our
+	// touch bindings are enabled.
+	enableTouchBindings();
+}
+
+function startResetTimer() {
+	clearResetTimer();
+	resetTimerID = setTimeout( function() {
+		resetTimerID = 0;
+		enableMouseBindings();
+	}, $.vmouse.resetTimerDuration );
+}
+
+function clearResetTimer() {
+	if ( resetTimerID ) {
+		clearTimeout( resetTimerID );
+		resetTimerID = 0;
+	}
+}
+
+function triggerVirtualEvent( eventType, event, flags ) {
+	var ve;
+
+	if ( ( flags && flags[ eventType ] ) ||
+				( !flags && getClosestElementWithVirtualBinding( event.target, eventType ) ) ) {
+
+		ve = createVirtualEvent( event, eventType );
+
+		$( event.target).trigger( ve );
+	}
+
+	return ve;
+}
+
+function mouseEventCallback( event ) {
+	var touchID = $.data( event.target, touchTargetPropertyName ),
+		ve;
+
+	if ( !blockMouseTriggers && ( !lastTouchID || lastTouchID !== touchID ) ) {
+		ve = triggerVirtualEvent( "v" + event.type, event );
+		if ( ve ) {
+			if ( ve.isDefaultPrevented() ) {
+				event.preventDefault();
+			}
+			if ( ve.isPropagationStopped() ) {
+				event.stopPropagation();
+			}
+			if ( ve.isImmediatePropagationStopped() ) {
+				event.stopImmediatePropagation();
+			}
+		}
+	}
+}
+
+function handleTouchStart( event ) {
+
+	var touches = getNativeEvent( event ).touches,
+		target, flags, t;
+
+	if ( touches && touches.length === 1 ) {
+
+		target = event.target;
+		flags = getVirtualBindingFlags( target );
+
+		if ( flags.hasVirtualBinding ) {
+
+			lastTouchID = nextTouchID++;
+			$.data( target, touchTargetPropertyName, lastTouchID );
+
+			clearResetTimer();
+
+			disableMouseBindings();
+			didScroll = false;
+
+			t = getNativeEvent( event ).touches[ 0 ];
+			startX = t.pageX;
+			startY = t.pageY;
+
+			triggerVirtualEvent( "vmouseover", event, flags );
+			triggerVirtualEvent( "vmousedown", event, flags );
+		}
+	}
+}
+
+function handleScroll( event ) {
+	if ( blockTouchTriggers ) {
+		return;
+	}
+
+	if ( !didScroll ) {
+		triggerVirtualEvent( "vmousecancel", event, getVirtualBindingFlags( event.target ) );
+	}
+
+	didScroll = true;
+	startResetTimer();
+}
+
+function handleTouchMove( event ) {
+	if ( blockTouchTriggers ) {
+		return;
+	}
+
+	var t = getNativeEvent( event ).touches[ 0 ],
+		didCancel = didScroll,
+		moveThreshold = $.vmouse.moveDistanceThreshold,
+		flags = getVirtualBindingFlags( event.target );
+
+		didScroll = didScroll ||
+			( Math.abs( t.pageX - startX ) > moveThreshold ||
+				Math.abs( t.pageY - startY ) > moveThreshold );
+
+	if ( didScroll && !didCancel ) {
+		triggerVirtualEvent( "vmousecancel", event, flags );
+	}
+
+	triggerVirtualEvent( "vmousemove", event, flags );
+	startResetTimer();
+}
+
+function handleTouchEnd( event ) {
+	if ( blockTouchTriggers ) {
+		return;
+	}
+
+	disableTouchBindings();
+
+	var flags = getVirtualBindingFlags( event.target ),
+		ve, t;
+	triggerVirtualEvent( "vmouseup", event, flags );
+
+	if ( !didScroll ) {
+		ve = triggerVirtualEvent( "vclick", event, flags );
+		if ( ve && ve.isDefaultPrevented() ) {
+			// The target of the mouse events that follow the touchend
+			// event don't necessarily match the target used during the
+			// touch. This means we need to rely on coordinates for blocking
+			// any click that is generated.
+			t = getNativeEvent( event ).changedTouches[ 0 ];
+			clickBlockList.push({
+				touchID: lastTouchID,
+				x: t.clientX,
+				y: t.clientY
+			});
+
+			// Prevent any mouse events that follow from triggering
+			// virtual event notifications.
+			blockMouseTriggers = true;
+		}
+	}
+	triggerVirtualEvent( "vmouseout", event, flags);
+	didScroll = false;
+
+	startResetTimer();
+}
+
+function hasVirtualBindings( ele ) {
+	var bindings = $.data( ele, dataPropertyName ),
+		k;
+
+	if ( bindings ) {
+		for ( k in bindings ) {
+			if ( bindings[ k ] ) {
+				return true;
+			}
+		}
+	}
+	return false;
+}
+
+function dummyMouseHandler() {}
+
+function getSpecialEventObject( eventType ) {
+	var realType = eventType.substr( 1 );
+
+	return {
+		setup: function(/* data, namespace */) {
+			// If this is the first virtual mouse binding for this element,
+			// add a bindings object to its data.
+
+			if ( !hasVirtualBindings( this ) ) {
+				$.data( this, dataPropertyName, {} );
+			}
+
+			// If setup is called, we know it is the first binding for this
+			// eventType, so initialize the count for the eventType to zero.
+			var bindings = $.data( this, dataPropertyName );
+			bindings[ eventType ] = true;
+
+			// If this is the first virtual mouse event for this type,
+			// register a global handler on the document.
+
+			activeDocHandlers[ eventType ] = ( activeDocHandlers[ eventType ] || 0 ) + 1;
+
+			if ( activeDocHandlers[ eventType ] === 1 ) {
+				$document.bind( realType, mouseEventCallback );
+			}
+
+			// Some browsers, like Opera Mini, won't dispatch mouse/click events
+			// for elements unless they actually have handlers registered on them.
+			// To get around this, we register dummy handlers on the elements.
+
+			$( this ).bind( realType, dummyMouseHandler );
+
+			// For now, if event capture is not supported, we rely on mouse handlers.
+			if ( eventCaptureSupported ) {
+				// If this is the first virtual mouse binding for the document,
+				// register our touchstart handler on the document.
+
+				activeDocHandlers[ "touchstart" ] = ( activeDocHandlers[ "touchstart" ] || 0) + 1;
+
+				if ( activeDocHandlers[ "touchstart" ] === 1 ) {
+					$document.bind( "touchstart", handleTouchStart )
+						.bind( "touchend", handleTouchEnd )
+
+						// On touch platforms, touching the screen and then dragging your finger
+						// causes the window content to scroll after some distance threshold is
+						// exceeded. On these platforms, a scroll prevents a click event from being
+						// dispatched, and on some platforms, even the touchend is suppressed. To
+						// mimic the suppression of the click event, we need to watch for a scroll
+						// event. Unfortunately, some platforms like iOS don't dispatch scroll
+						// events until *AFTER* the user lifts their finger (touchend). This means
+						// we need to watch both scroll and touchmove events to figure out whether
+						// or not a scroll happenens before the touchend event is fired.
+
+						.bind( "touchmove", handleTouchMove )
+						.bind( "scroll", handleScroll );
+				}
+			}
+		},
+
+		teardown: function(/* data, namespace */) {
+			// If this is the last virtual binding for this eventType,
+			// remove its global handler from the document.
+
+			--activeDocHandlers[ eventType ];
+
+			if ( !activeDocHandlers[ eventType ] ) {
+				$document.unbind( realType, mouseEventCallback );
+			}
+
+			if ( eventCaptureSupported ) {
+				// If this is the last virtual mouse binding in existence,
+				// remove our document touchstart listener.
+
+				--activeDocHandlers[ "touchstart" ];
+
+				if ( !activeDocHandlers[ "touchstart" ] ) {
+					$document.unbind( "touchstart", handleTouchStart )
+						.unbind( "touchmove", handleTouchMove )
+						.unbind( "touchend", handleTouchEnd )
+						.unbind( "scroll", handleScroll );
+				}
+			}
+
+			var $this = $( this ),
+				bindings = $.data( this, dataPropertyName );
+
+			// teardown may be called when an element was
+			// removed from the DOM. If this is the case,
+			// jQuery core may have already stripped the element
+			// of any data bindings so we need to check it before
+			// using it.
+			if ( bindings ) {
+				bindings[ eventType ] = false;
+			}
+
+			// Unregister the dummy event handler.
+
+			$this.unbind( realType, dummyMouseHandler );
+
+			// If this is the last virtual mouse binding on the
+			// element, remove the binding data from the element.
+
+			if ( !hasVirtualBindings( this ) ) {
+				$this.removeData( dataPropertyName );
+			}
+		}
+	};
+}
+
+// Expose our custom events to the jQuery bind/unbind mechanism.
+
+for ( i = 0; i < virtualEventNames.length; i++ ) {
+	$.event.special[ virtualEventNames[ i ] ] = getSpecialEventObject( virtualEventNames[ i ] );
+}
+
+// Add a capture click handler to block clicks.
+// Note that we require event capture support for this so if the device
+// doesn't support it, we punt for now and rely solely on mouse events.
+if ( eventCaptureSupported ) {
+	document.addEventListener( "click", function( e ) {
+		var cnt = clickBlockList.length,
+			target = e.target,
+			x, y, ele, i, o, touchID;
+
+		if ( cnt ) {
+			x = e.clientX;
+			y = e.clientY;
+			threshold = $.vmouse.clickDistanceThreshold;
+
+			// The idea here is to run through the clickBlockList to see if
+			// the current click event is in the proximity of one of our
+			// vclick events that had preventDefault() called on it. If we find
+			// one, then we block the click.
+			//
+			// Why do we have to rely on proximity?
+			//
+			// Because the target of the touch event that triggered the vclick
+			// can be different from the target of the click event synthesized
+			// by the browser. The target of a mouse/click event that is synthesized
+			// from a touch event seems to be implementation specific. For example,
+			// some browsers will fire mouse/click events for a link that is near
+			// a touch event, even though the target of the touchstart/touchend event
+			// says the user touched outside the link. Also, it seems that with most
+			// browsers, the target of the mouse/click event is not calculated until the
+			// time it is dispatched, so if you replace an element that you touched
+			// with another element, the target of the mouse/click will be the new
+			// element underneath that point.
+			//
+			// Aside from proximity, we also check to see if the target and any
+			// of its ancestors were the ones that blocked a click. This is necessary
+			// because of the strange mouse/click target calculation done in the
+			// Android 2.1 browser, where if you click on an element, and there is a
+			// mouse/click handler on one of its ancestors, the target will be the
+			// innermost child of the touched element, even if that child is no where
+			// near the point of touch.
+
+			ele = target;
+
+			while ( ele ) {
+				for ( i = 0; i < cnt; i++ ) {
+					o = clickBlockList[ i ];
+					touchID = 0;
+
+					if ( ( ele === target && Math.abs( o.x - x ) < threshold && Math.abs( o.y - y ) < threshold ) ||
+								$.data( ele, touchTargetPropertyName ) === o.touchID ) {
+						// XXX: We may want to consider removing matches from the block list
+						//      instead of waiting for the reset timer to fire.
+						e.preventDefault();
+						e.stopPropagation();
+						return;
+					}
+				}
+				ele = ele.parentNode;
+			}
+		}
+	}, true);
+}
+})( jQuery, window, document );
+
+(function( $ ) {
+	$.mobile = {};
+}( jQuery ));
+
+	(function( $, undefined ) {
+		var support = {
+			touch: "ontouchend" in document
+		};
+
+		$.mobile.support = $.mobile.support || {};
+		$.extend( $.support, support );
+		$.extend( $.mobile.support, support );
+	}( jQuery ));
+
+
+(function( $, window, undefined ) {
+	var $document = $( document ),
+		supportTouch = $.mobile.support.touch,
+		scrollEvent = "touchmove scroll",
+		touchStartEvent = supportTouch ? "touchstart" : "mousedown",
+		touchStopEvent = supportTouch ? "touchend" : "mouseup",
+		touchMoveEvent = supportTouch ? "touchmove" : "mousemove";
+
+	// setup new event shortcuts
+	$.each( ( "touchstart touchmove touchend " +
+		"tap taphold " +
+		"swipe swipeleft swiperight " +
+		"scrollstart scrollstop" ).split( " " ), function( i, name ) {
+
+		$.fn[ name ] = function( fn ) {
+			return fn ? this.bind( name, fn ) : this.trigger( name );
+		};
+
+		// jQuery < 1.8
+		if ( $.attrFn ) {
+			$.attrFn[ name ] = true;
+		}
+	});
+
+	function triggerCustomEvent( obj, eventType, event, bubble ) {
+		var originalType = event.type;
+		event.type = eventType;
+		if ( bubble ) {
+			$.event.trigger( event, undefined, obj );
+		} else {
+			$.event.dispatch.call( obj, event );
+		}
+		event.type = originalType;
+	}
+
+	// also handles scrollstop
+	$.event.special.scrollstart = {
+
+		enabled: true,
+		setup: function() {
+
+			var thisObject = this,
+				$this = $( thisObject ),
+				scrolling,
+				timer;
+
+			function trigger( event, state ) {
+				scrolling = state;
+				triggerCustomEvent( thisObject, scrolling ? "scrollstart" : "scrollstop", event );
+			}
+
+			// iPhone triggers scroll after a small delay; use touchmove instead
+			$this.bind( scrollEvent, function( event ) {
+
+				if ( !$.event.special.scrollstart.enabled ) {
+					return;
+				}
+
+				if ( !scrolling ) {
+					trigger( event, true );
+				}
+
+				clearTimeout( timer );
+				timer = setTimeout( function() {
+					trigger( event, false );
+				}, 50 );
+			});
+		},
+		teardown: function() {
+			$( this ).unbind( scrollEvent );
+		}
+	};
+
+	// also handles taphold
+	$.event.special.tap = {
+		tapholdThreshold: 750,
+		emitTapOnTaphold: true,
+		setup: function() {
+			var thisObject = this,
+				$this = $( thisObject ),
+				isTaphold = false;
+
+			$this.bind( "vmousedown", function( event ) {
+				isTaphold = false;
+				if ( event.which && event.which !== 1 ) {
+					return false;
+				}
+
+				var origTarget = event.target,
+					timer;
+
+				function clearTapTimer() {
+					clearTimeout( timer );
+				}
+
+				function clearTapHandlers() {
+					clearTapTimer();
+
+					$this.unbind( "vclick", clickHandler )
+						.unbind( "vmouseup", clearTapTimer );
+					$document.unbind( "vmousecancel", clearTapHandlers );
+				}
+
+				function clickHandler( event ) {
+					clearTapHandlers();
+
+					// ONLY trigger a 'tap' event if the start target is
+					// the same as the stop target.
+					if ( !isTaphold && origTarget === event.target ) {
+						triggerCustomEvent( thisObject, "tap", event );
+					} else if ( isTaphold ) {
+						event.preventDefault();
+					}
+				}
+
+				$this.bind( "vmouseup", clearTapTimer )
+					.bind( "vclick", clickHandler );
+				$document.bind( "vmousecancel", clearTapHandlers );
+
+				timer = setTimeout( function() {
+					if ( !$.event.special.tap.emitTapOnTaphold ) {
+						isTaphold = true;
+					}
+					triggerCustomEvent( thisObject, "taphold", $.Event( "taphold", { target: origTarget } ) );
+				}, $.event.special.tap.tapholdThreshold );
+			});
+		},
+		teardown: function() {
+			$( this ).unbind( "vmousedown" ).unbind( "vclick" ).unbind( "vmouseup" );
+			$document.unbind( "vmousecancel" );
+		}
+	};
+
+	// Also handles swipeleft, swiperight
+	$.event.special.swipe = {
+
+		// More than this horizontal displacement, and we will suppress scrolling.
+		scrollSupressionThreshold: 30,
+
+		// More time than this, and it isn't a swipe.
+		durationThreshold: 1000,
+
+		// Swipe horizontal displacement must be more than this.
+		horizontalDistanceThreshold: 30,
+
+		// Swipe vertical displacement must be less than this.
+		verticalDistanceThreshold: 30,
+
+		getLocation: function ( event ) {
+			var winPageX = window.pageXOffset,
+				winPageY = window.pageYOffset,
+				x = event.clientX,
+				y = event.clientY;
+
+			if ( event.pageY === 0 && Math.floor( y ) > Math.floor( event.pageY ) ||
+				event.pageX === 0 && Math.floor( x ) > Math.floor( event.pageX ) ) {
+
+				// iOS4 clientX/clientY have the value that should have been
+				// in pageX/pageY. While pageX/page/ have the value 0
+				x = x - winPageX;
+				y = y - winPageY;
+			} else if ( y < ( event.pageY - winPageY) || x < ( event.pageX - winPageX ) ) {
+
+				// Some Android browsers have totally bogus values for clientX/Y
+				// when scrolling/zooming a page. Detectable since clientX/clientY
+				// should never be smaller than pageX/pageY minus page scroll
+				x = event.pageX - winPageX;
+				y = event.pageY - winPageY;
+			}
+
+			return {
+				x: x,
+				y: y
+			};
+		},
+
+		start: function( event ) {
+			var data = event.originalEvent.touches ?
+					event.originalEvent.touches[ 0 ] : event,
+				location = $.event.special.swipe.getLocation( data );
+			return {
+						time: ( new Date() ).getTime(),
+						coords: [ location.x, location.y ],
+						origin: $( event.target )
+					};
+		},
+
+		stop: function( event ) {
+			var data = event.originalEvent.touches ?
+					event.originalEvent.touches[ 0 ] : event,
+				location = $.event.special.swipe.getLocation( data );
+			return {
+						time: ( new Date() ).getTime(),
+						coords: [ location.x, location.y ]
+					};
+		},
+
+		handleSwipe: function( start, stop, thisObject, origTarget ) {
+			if ( stop.time - start.time < $.event.special.swipe.durationThreshold &&
+				Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.horizontalDistanceThreshold &&
+				Math.abs( start.coords[ 1 ] - stop.coords[ 1 ] ) < $.event.special.swipe.verticalDistanceThreshold ) {
+				var direction = start.coords[0] > stop.coords[ 0 ] ? "swipeleft" : "swiperight";
+
+				triggerCustomEvent( thisObject, "swipe", $.Event( "swipe", { target: origTarget, swipestart: start, swipestop: stop }), true );
+				triggerCustomEvent( thisObject, direction,$.Event( direction, { target: origTarget, swipestart: start, swipestop: stop } ), true );
+				return true;
+			}
+			return false;
+
+		},
+
+		// This serves as a flag to ensure that at most one swipe event event is
+		// in work at any given time
+		eventInProgress: false,
+
+		setup: function() {
+			var events,
+				thisObject = this,
+				$this = $( thisObject ),
+				context = {};
+
+			// Retrieve the events data for this element and add the swipe context
+			events = $.data( this, "mobile-events" );
+			if ( !events ) {
+				events = { length: 0 };
+				$.data( this, "mobile-events", events );
+			}
+			events.length++;
+			events.swipe = context;
+
+			context.start = function( event ) {
+
+				// Bail if we're already working on a swipe event
+				if ( $.event.special.swipe.eventInProgress ) {
+					return;
+				}
+				$.event.special.swipe.eventInProgress = true;
+
+				var stop,
+					start = $.event.special.swipe.start( event ),
+					origTarget = event.target,
+					emitted = false;
+
+				context.move = function( event ) {
+					if ( !start || event.isDefaultPrevented() ) {
+						return;
+					}
+
+					stop = $.event.special.swipe.stop( event );
+					if ( !emitted ) {
+						emitted = $.event.special.swipe.handleSwipe( start, stop, thisObject, origTarget );
+						if ( emitted ) {
+
+							// Reset the context to make way for the next swipe event
+							$.event.special.swipe.eventInProgress = false;
+						}
+					}
+					// prevent scrolling
+					if ( Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.scrollSupressionThreshold ) {
+						event.preventDefault();
+					}
+				};
+
+				context.stop = function() {
+						emitted = true;
+
+						// Reset the context to make way for the next swipe event
+						$.event.special.swipe.eventInProgress = false;
+						$document.off( touchMoveEvent, context.move );
+						context.move = null;
+				};
+
+				$document.on( touchMoveEvent, context.move )
+					.one( touchStopEvent, context.stop );
+			};
+			$this.on( touchStartEvent, context.start );
+		},
+
+		teardown: function() {
+			var events, context;
+
+			events = $.data( this, "mobile-events" );
+			if ( events ) {
+				context = events.swipe;
+				delete events.swipe;
+				events.length--;
+				if ( events.length === 0 ) {
+					$.removeData( this, "mobile-events" );
+				}
+			}
+
+			if ( context ) {
+				if ( context.start ) {
+					$( this ).off( touchStartEvent, context.start );
+				}
+				if ( context.move ) {
+					$document.off( touchMoveEvent, context.move );
+				}
+				if ( context.stop ) {
+					$document.off( touchStopEvent, context.stop );
+				}
+			}
+		}
+	};
+	$.each({
+		scrollstop: "scrollstart",
+		taphold: "tap",
+		swipeleft: "swipe.left",
+		swiperight: "swipe.right"
+	}, function( event, sourceEvent ) {
+
+		$.event.special[ event ] = {
+			setup: function() {
+				$( this ).bind( sourceEvent, $.noop );
+			},
+			teardown: function() {
+				$( this ).unbind( sourceEvent );
+			}
+		};
+	});
+
+})( jQuery, this );
+
+
+}));
diff --git a/web/bootstrap-ace-admin/js/jquery.mousewheel.js b/web/bootstrap-ace-admin/js/jquery.mousewheel.js
new file mode 100755
index 00000000..6756fa61
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery.mousewheel.js
@@ -0,0 +1,221 @@
+/*! Copyright (c) 2013 Brandon Aaron (http://brandon.aaron.sh)
+ * Licensed under the MIT License (LICENSE.txt).
+ *
+ * Version: 3.1.12
+ *
+ * Requires: jQuery 1.2.2+
+ */
+
+(function (factory) {
+    if ( typeof define === 'function' && define.amd ) {
+        // AMD. Register as an anonymous module.
+        define(['jquery'], factory);
+    } else if (typeof exports === 'object') {
+        // Node/CommonJS style for Browserify
+        module.exports = factory;
+    } else {
+        // Browser globals
+        factory(jQuery);
+    }
+}(function ($) {
+
+    var toFix  = ['wheel', 'mousewheel', 'DOMMouseScroll', 'MozMousePixelScroll'],
+        toBind = ( 'onwheel' in document || document.documentMode >= 9 ) ?
+                    ['wheel'] : ['mousewheel', 'DomMouseScroll', 'MozMousePixelScroll'],
+        slice  = Array.prototype.slice,
+        nullLowestDeltaTimeout, lowestDelta;
+
+    if ( $.event.fixHooks ) {
+        for ( var i = toFix.length; i; ) {
+            $.event.fixHooks[ toFix[--i] ] = $.event.mouseHooks;
+        }
+    }
+
+    var special = $.event.special.mousewheel = {
+        version: '3.1.12',
+
+        setup: function() {
+            if ( this.addEventListener ) {
+                for ( var i = toBind.length; i; ) {
+                    this.addEventListener( toBind[--i], handler, false );
+                }
+            } else {
+                this.onmousewheel = handler;
+            }
+            // Store the line height and page height for this particular element
+            $.data(this, 'mousewheel-line-height', special.getLineHeight(this));
+            $.data(this, 'mousewheel-page-height', special.getPageHeight(this));
+        },
+
+        teardown: function() {
+            if ( this.removeEventListener ) {
+                for ( var i = toBind.length; i; ) {
+                    this.removeEventListener( toBind[--i], handler, false );
+                }
+            } else {
+                this.onmousewheel = null;
+            }
+            // Clean up the data we added to the element
+            $.removeData(this, 'mousewheel-line-height');
+            $.removeData(this, 'mousewheel-page-height');
+        },
+
+        getLineHeight: function(elem) {
+            var $elem = $(elem),
+                $parent = $elem['offsetParent' in $.fn ? 'offsetParent' : 'parent']();
+            if (!$parent.length) {
+                $parent = $('body');
+            }
+            return parseInt($parent.css('fontSize'), 10) || parseInt($elem.css('fontSize'), 10) || 16;
+        },
+
+        getPageHeight: function(elem) {
+            return $(elem).height();
+        },
+
+        settings: {
+            adjustOldDeltas: true, // see shouldAdjustOldDeltas() below
+            normalizeOffset: true  // calls getBoundingClientRect for each event
+        }
+    };
+
+    $.fn.extend({
+        mousewheel: function(fn) {
+            return fn ? this.bind('mousewheel', fn) : this.trigger('mousewheel');
+        },
+
+        unmousewheel: function(fn) {
+            return this.unbind('mousewheel', fn);
+        }
+    });
+
+
+    function handler(event) {
+        var orgEvent   = event || window.event,
+            args       = slice.call(arguments, 1),
+            delta      = 0,
+            deltaX     = 0,
+            deltaY     = 0,
+            absDelta   = 0,
+            offsetX    = 0,
+            offsetY    = 0;
+        event = $.event.fix(orgEvent);
+        event.type = 'mousewheel';
+
+        // Old school scrollwheel delta
+        if ( 'detail'      in orgEvent ) { deltaY = orgEvent.detail * -1;      }
+        if ( 'wheelDelta'  in orgEvent ) { deltaY = orgEvent.wheelDelta;       }
+        if ( 'wheelDeltaY' in orgEvent ) { deltaY = orgEvent.wheelDeltaY;      }
+        if ( 'wheelDeltaX' in orgEvent ) { deltaX = orgEvent.wheelDeltaX * -1; }
+
+        // Firefox < 17 horizontal scrolling related to DOMMouseScroll event
+        if ( 'axis' in orgEvent && orgEvent.axis === orgEvent.HORIZONTAL_AXIS ) {
+            deltaX = deltaY * -1;
+            deltaY = 0;
+        }
+
+        // Set delta to be deltaY or deltaX if deltaY is 0 for backwards compatabilitiy
+        delta = deltaY === 0 ? deltaX : deltaY;
+
+        // New school wheel delta (wheel event)
+        if ( 'deltaY' in orgEvent ) {
+            deltaY = orgEvent.deltaY * -1;
+            delta  = deltaY;
+        }
+        if ( 'deltaX' in orgEvent ) {
+            deltaX = orgEvent.deltaX;
+            if ( deltaY === 0 ) { delta  = deltaX * -1; }
+        }
+
+        // No change actually happened, no reason to go any further
+        if ( deltaY === 0 && deltaX === 0 ) { return; }
+
+        // Need to convert lines and pages to pixels if we aren't already in pixels
+        // There are three delta modes:
+        //   * deltaMode 0 is by pixels, nothing to do
+        //   * deltaMode 1 is by lines
+        //   * deltaMode 2 is by pages
+        if ( orgEvent.deltaMode === 1 ) {
+            var lineHeight = $.data(this, 'mousewheel-line-height');
+            delta  *= lineHeight;
+            deltaY *= lineHeight;
+            deltaX *= lineHeight;
+        } else if ( orgEvent.deltaMode === 2 ) {
+            var pageHeight = $.data(this, 'mousewheel-page-height');
+            delta  *= pageHeight;
+            deltaY *= pageHeight;
+            deltaX *= pageHeight;
+        }
+
+        // Store lowest absolute delta to normalize the delta values
+        absDelta = Math.max( Math.abs(deltaY), Math.abs(deltaX) );
+
+        if ( !lowestDelta || absDelta < lowestDelta ) {
+            lowestDelta = absDelta;
+
+            // Adjust older deltas if necessary
+            if ( shouldAdjustOldDeltas(orgEvent, absDelta) ) {
+                lowestDelta /= 40;
+            }
+        }
+
+        // Adjust older deltas if necessary
+        if ( shouldAdjustOldDeltas(orgEvent, absDelta) ) {
+            // Divide all the things by 40!
+            delta  /= 40;
+            deltaX /= 40;
+            deltaY /= 40;
+        }
+
+        // Get a whole, normalized value for the deltas
+        delta  = Math[ delta  >= 1 ? 'floor' : 'ceil' ](delta  / lowestDelta);
+        deltaX = Math[ deltaX >= 1 ? 'floor' : 'ceil' ](deltaX / lowestDelta);
+        deltaY = Math[ deltaY >= 1 ? 'floor' : 'ceil' ](deltaY / lowestDelta);
+
+        // Normalise offsetX and offsetY properties
+        if ( special.settings.normalizeOffset && this.getBoundingClientRect ) {
+            var boundingRect = this.getBoundingClientRect();
+            offsetX = event.clientX - boundingRect.left;
+            offsetY = event.clientY - boundingRect.top;
+        }
+
+        // Add information to the event object
+        event.deltaX = deltaX;
+        event.deltaY = deltaY;
+        event.deltaFactor = lowestDelta;
+        event.offsetX = offsetX;
+        event.offsetY = offsetY;
+        // Go ahead and set deltaMode to 0 since we converted to pixels
+        // Although this is a little odd since we overwrite the deltaX/Y
+        // properties with normalized deltas.
+        event.deltaMode = 0;
+
+        // Add event and delta to the front of the arguments
+        args.unshift(event, delta, deltaX, deltaY);
+
+        // Clearout lowestDelta after sometime to better
+        // handle multiple device types that give different
+        // a different lowestDelta
+        // Ex: trackpad = 3 and mouse wheel = 120
+        if (nullLowestDeltaTimeout) { clearTimeout(nullLowestDeltaTimeout); }
+        nullLowestDeltaTimeout = setTimeout(nullLowestDelta, 200);
+
+        return ($.event.dispatch || $.event.handle).apply(this, args);
+    }
+
+    function nullLowestDelta() {
+        lowestDelta = null;
+    }
+
+    function shouldAdjustOldDeltas(orgEvent, absDelta) {
+        // If this is an older event and the delta is divisable by 120,
+        // then we are assuming that the browser is treating this as an
+        // older mouse wheel event and that we should divide the deltas
+        // by 40 to try and get a more usable deltaFactor.
+        // Side note, this actually impacts the reported scroll distance
+        // in older browsers and can cause scrolling to be slower than native.
+        // Turn this off by setting $.event.special.mousewheel.settings.adjustOldDeltas to false.
+        return special.settings.adjustOldDeltas && orgEvent.type === 'mousewheel' && absDelta % 120 === 0;
+    }
+
+}));
diff --git a/web/bootstrap-ace-admin/js/jquery.nestable.js b/web/bootstrap-ace-admin/js/jquery.nestable.js
new file mode 100755
index 00000000..e86c00a2
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery.nestable.js
@@ -0,0 +1,490 @@
+/*!
+ * Nestable jQuery Plugin - Copyright (c) 2012 David Bushell - http://dbushell.com/
+ * Dual-licensed under the BSD or MIT licenses
+ */
+;(function($, window, document, undefined)
+{
+    var hasTouch = 'ontouchstart' in document.documentElement;
+
+    /**
+     * Detect CSS pointer-events property
+     * events are normally disabled on the dragging element to avoid conflicts
+     * https://github.com/ausi/Feature-detection-technique-for-pointer-events/blob/master/modernizr-pointerevents.js
+     */
+    var hasPointerEvents = (function()
+    {
+        var el    = document.createElement('div'),
+            docEl = document.documentElement;
+        if (!('pointerEvents' in el.style)) {
+            return false;
+        }
+        el.style.pointerEvents = 'auto';
+        el.style.pointerEvents = 'x';
+        docEl.appendChild(el);
+        var supports = window.getComputedStyle && window.getComputedStyle(el, '').pointerEvents === 'auto';
+        docEl.removeChild(el);
+        return !!supports;
+    })();
+
+    var eStart  = 'mousedown touchstart MSPointerDown pointerdown',//ACE
+        eMove   = 'mousemove touchmove MSPointerMove pointermove',//ACE
+        eEnd    = 'mouseup touchend touchcancel MSPointerUp MSPointerCancel pointerup pointercancel';//ACE
+
+    var defaults = {
+            listNodeName    : 'ol',
+            itemNodeName    : 'li',
+            rootClass       : 'dd',
+            listClass       : 'dd-list',
+            itemClass       : 'dd-item',
+            dragClass       : 'dd-dragel',
+            handleClass     : 'dd-handle',
+            collapsedClass  : 'dd-collapsed',
+            placeClass      : 'dd-placeholder',
+            noDragClass     : 'dd-nodrag',
+            emptyClass      : 'dd-empty',
+            expandBtnHTML   : '<button data-action="expand" type="button">Expand</button>',
+            collapseBtnHTML : '<button data-action="collapse" type="button">Collapse</button>',
+            group           : 0,
+            maxDepth        : 5,
+            threshold       : 20
+        };
+
+    function Plugin(element, options)
+    {
+        this.w  = $(window);
+        this.el = $(element);
+        this.options = $.extend({}, defaults, options);
+        this.init();
+    }
+
+    Plugin.prototype = {
+
+        init: function()
+        {
+            var list = this;
+
+            list.reset();
+
+            list.el.data('nestable-group', this.options.group);
+
+            list.placeEl = $('<div class="' + list.options.placeClass + '"/>');
+
+            $.each(this.el.find(list.options.itemNodeName), function(k, el) {
+                list.setParent($(el));
+            });
+
+            list.el.on('click', 'button', function(e) {
+                if (list.dragEl || ('button' in e && e.button !== 0)) {
+                    return;
+                }
+                var target = $(e.currentTarget),
+                    action = target.data('action'),
+                    item   = target.parent(list.options.itemNodeName);
+                if (action === 'collapse') {
+                    list.collapseItem(item);
+                }
+                if (action === 'expand') {
+                    list.expandItem(item);
+                }
+            });
+
+            var onStartEvent = function(e)
+            {
+				e = e.originalEvent;//ACE
+                var handle = $(e.target);
+                if (!handle.hasClass(list.options.handleClass)) {
+                    if (handle.closest('.' + list.options.noDragClass).length) {
+                        return;
+                    }
+                    handle = handle.closest('.' + list.options.handleClass);
+                }
+				//ACE
+                if (!handle.length || list.dragEl || ('button' in e && e.button !== 0) || ('touches' in e && e.touches.length !== 1)) {
+                    return;
+                }
+                e.preventDefault();
+                list.dragStart('touches' in e ? e.touches[0] : e);//ACE
+            };
+
+            var onMoveEvent = function(e)
+            {
+                if (list.dragEl) {
+					e = e.originalEvent;//ACE
+                    e.preventDefault();
+                    list.dragMove('touches' in e ? e.touches[0] : e);//ACE
+                }
+            };
+
+            var onEndEvent = function(e)
+            {
+				if (list.dragEl) {
+					e = e.originalEvent;//ACE
+                    e.preventDefault();
+                    list.dragStop('touches' in e ? e.touches[0] : e);//ACE
+                }
+            };
+
+			//ACE
+            /**if (hasTouch) {
+                list.el[0].addEventListener(eStart, onStartEvent, false);
+                window.addEventListener(eMove, onMoveEvent, false);
+                window.addEventListener(eEnd, onEndEvent, false);
+                //window.addEventListener(eCancel, onEndEvent, false);
+            } else {
+			*/
+                list.el.on(eStart, onStartEvent);
+                list.w.on(eMove, onMoveEvent);
+                list.w.on(eEnd, onEndEvent);
+            //}
+
+        },
+
+        serialize: function()
+        {
+            var data,
+                depth = 0,
+                list  = this;
+                step  = function(level, depth)
+                {
+                    var array = [ ],
+                        items = level.children(list.options.itemNodeName);
+                    items.each(function()
+                    {
+                        var li   = $(this),
+                            item = $.extend({}, li.data()),
+                            sub  = li.children(list.options.listNodeName);
+                        if (sub.length) {
+                            item.children = step(sub, depth + 1);
+                        }
+                        array.push(item);
+                    });
+                    return array;
+                };
+            data = step(list.el.find(list.options.listNodeName).first(), depth);
+            return data;
+        },
+
+        serialise: function()
+        {
+            return this.serialize();
+        },
+
+        reset: function()
+        {
+            this.mouse = {
+                offsetX   : 0,
+                offsetY   : 0,
+                startX    : 0,
+                startY    : 0,
+                lastX     : 0,
+                lastY     : 0,
+                nowX      : 0,
+                nowY      : 0,
+                distX     : 0,
+                distY     : 0,
+                dirAx     : 0,
+                dirX      : 0,
+                dirY      : 0,
+                lastDirX  : 0,
+                lastDirY  : 0,
+                distAxX   : 0,
+                distAxY   : 0
+            };
+            this.moving     = false;
+            this.dragEl     = null;
+            this.dragRootEl = null;
+            this.dragDepth  = 0;
+            this.hasNewRoot = false;
+            this.pointEl    = null;
+        },
+
+        expandItem: function(li)
+        {
+            li.removeClass(this.options.collapsedClass);
+            li.children('[data-action="expand"]').hide();
+            li.children('[data-action="collapse"]').show();
+            li.children(this.options.listNodeName).show();
+        },
+
+        collapseItem: function(li)
+        {
+            var lists = li.children(this.options.listNodeName);
+            if (lists.length) {
+                li.addClass(this.options.collapsedClass);
+                li.children('[data-action="collapse"]').hide();
+                li.children('[data-action="expand"]').show();
+                li.children(this.options.listNodeName).hide();
+            }
+        },
+
+        expandAll: function()
+        {
+            var list = this;
+            list.el.find(list.options.itemNodeName).each(function() {
+                list.expandItem($(this));
+            });
+        },
+
+        collapseAll: function()
+        {
+            var list = this;
+            list.el.find(list.options.itemNodeName).each(function() {
+                list.collapseItem($(this));
+            });
+        },
+
+        setParent: function(li)
+        {
+            if (li.children(this.options.listNodeName).length) {
+                li.prepend($(this.options.expandBtnHTML));
+                li.prepend($(this.options.collapseBtnHTML));
+            }
+            li.children('[data-action="expand"]').hide();
+        },
+
+        unsetParent: function(li)
+        {
+            li.removeClass(this.options.collapsedClass);
+            li.children('[data-action]').remove();
+            li.children(this.options.listNodeName).remove();
+        },
+
+        dragStart: function(e)
+        {
+            var mouse    = this.mouse,
+                target   = $(e.target),
+                dragItem = target.closest(this.options.itemNodeName);
+
+            this.placeEl.css('height', dragItem.height());
+
+            mouse.offsetX = e.offsetX !== undefined ? e.offsetX : e.pageX - target.offset().left;
+            mouse.offsetY = e.offsetY !== undefined ? e.offsetY : e.pageY - target.offset().top;
+            mouse.startX = mouse.lastX = e.pageX;
+            mouse.startY = mouse.lastY = e.pageY;
+
+            this.dragRootEl = this.el;
+
+            this.dragEl = $(document.createElement(this.options.listNodeName)).addClass(this.options.listClass + ' ' + this.options.dragClass);
+            this.dragEl.css('width', dragItem.width());
+
+            // fix for zepto.js
+            //dragItem.after(this.placeEl).detach().appendTo(this.dragEl);
+            dragItem.after(this.placeEl);
+            dragItem[0].parentNode.removeChild(dragItem[0]);
+            dragItem.appendTo(this.dragEl);
+
+            $(document.body).append(this.dragEl);
+            this.dragEl.css({
+                'left' : e.pageX - mouse.offsetX,
+                'top'  : e.pageY - mouse.offsetY
+            });
+            // total depth of dragging item
+            var i, depth,
+                items = this.dragEl.find(this.options.itemNodeName);
+            for (i = 0; i < items.length; i++) {
+                depth = $(items[i]).parents(this.options.listNodeName).length;
+                if (depth > this.dragDepth) {
+                    this.dragDepth = depth;
+                }
+            }
+        },
+
+        dragStop: function(e)
+        {
+            // fix for zepto.js
+            //this.placeEl.replaceWith(this.dragEl.children(this.options.itemNodeName + ':first').detach());
+            var el = this.dragEl.children(this.options.itemNodeName).first();
+            el[0].parentNode.removeChild(el[0]);
+            this.placeEl.replaceWith(el);
+
+            this.dragEl.remove();
+            this.el.trigger('change');
+            if (this.hasNewRoot) {
+                this.dragRootEl.trigger('change');
+            }
+            this.reset();
+        },
+
+        dragMove: function(e)
+        {
+            var list, parent, prev, next, depth,
+                opt   = this.options,
+                mouse = this.mouse;
+
+            this.dragEl.css({
+                'left' : e.pageX - mouse.offsetX,
+                'top'  : e.pageY - mouse.offsetY
+            });
+
+            // mouse position last events
+            mouse.lastX = mouse.nowX;
+            mouse.lastY = mouse.nowY;
+            // mouse position this events
+            mouse.nowX  = e.pageX;
+            mouse.nowY  = e.pageY;
+            // distance mouse moved between events
+            mouse.distX = mouse.nowX - mouse.lastX;
+            mouse.distY = mouse.nowY - mouse.lastY;
+            // direction mouse was moving
+            mouse.lastDirX = mouse.dirX;
+            mouse.lastDirY = mouse.dirY;
+            // direction mouse is now moving (on both axis)
+            mouse.dirX = mouse.distX === 0 ? 0 : mouse.distX > 0 ? 1 : -1;
+            mouse.dirY = mouse.distY === 0 ? 0 : mouse.distY > 0 ? 1 : -1;
+            // axis mouse is now moving on
+            var newAx   = Math.abs(mouse.distX) > Math.abs(mouse.distY) ? 1 : 0;
+
+            // do nothing on first move
+            if (!mouse.moving) {
+                mouse.dirAx  = newAx;
+                mouse.moving = true;
+                return;
+            }
+
+            // calc distance moved on this axis (and direction)
+            if (mouse.dirAx !== newAx) {
+                mouse.distAxX = 0;
+                mouse.distAxY = 0;
+            } else {
+                mouse.distAxX += Math.abs(mouse.distX);
+                if (mouse.dirX !== 0 && mouse.dirX !== mouse.lastDirX) {
+                    mouse.distAxX = 0;
+                }
+                mouse.distAxY += Math.abs(mouse.distY);
+                if (mouse.dirY !== 0 && mouse.dirY !== mouse.lastDirY) {
+                    mouse.distAxY = 0;
+                }
+            }
+            mouse.dirAx = newAx;
+
+            /**
+             * move horizontal
+             */
+            if (mouse.dirAx && mouse.distAxX >= opt.threshold) {
+                // reset move distance on x-axis for new phase
+                mouse.distAxX = 0;
+                prev = this.placeEl.prev(opt.itemNodeName);
+                // increase horizontal level if previous sibling exists and is not collapsed
+                if (mouse.distX > 0 && prev.length && !prev.hasClass(opt.collapsedClass)) {
+                    // cannot increase level when item above is collapsed
+                    list = prev.find(opt.listNodeName).last();
+                    // check if depth limit has reached
+                    depth = this.placeEl.parents(opt.listNodeName).length;
+                    if (depth + this.dragDepth <= opt.maxDepth) {
+                        // create new sub-level if one doesn't exist
+                        if (!list.length) {
+                            list = $('<' + opt.listNodeName + '/>').addClass(opt.listClass);
+                            list.append(this.placeEl);
+                            prev.append(list);
+                            this.setParent(prev);
+                        } else {
+                            // else append to next level up
+                            list = prev.children(opt.listNodeName).last();
+                            list.append(this.placeEl);
+                        }
+                    }
+                }
+                // decrease horizontal level
+                if (mouse.distX < 0) {
+                    // we can't decrease a level if an item preceeds the current one
+                    next = this.placeEl.next(opt.itemNodeName);
+                    if (!next.length) {
+                        parent = this.placeEl.parent();
+                        this.placeEl.closest(opt.itemNodeName).after(this.placeEl);
+                        if (!parent.children().length) {
+                            this.unsetParent(parent.parent());
+                        }
+                    }
+                }
+            }
+
+            var isEmpty = false;
+
+            // find list item under cursor
+            if (!hasPointerEvents) {
+                this.dragEl[0].style.visibility = 'hidden';
+            }
+            this.pointEl = $(document.elementFromPoint(e.pageX - document.body.scrollLeft, e.pageY - (window.pageYOffset || document.documentElement.scrollTop)));
+            if (!hasPointerEvents) {
+                this.dragEl[0].style.visibility = 'visible';
+            }
+            if (this.pointEl.hasClass(opt.handleClass)) {
+                this.pointEl = this.pointEl.parent(opt.itemNodeName);
+            }
+            if (this.pointEl.hasClass(opt.emptyClass)) {
+                isEmpty = true;
+            }
+            else if (!this.pointEl.length || !this.pointEl.hasClass(opt.itemClass)) {
+                return;
+            }
+
+            // find parent list of item under cursor
+            var pointElRoot = this.pointEl.closest('.' + opt.rootClass),
+                isNewRoot   = this.dragRootEl.data('nestable-id') !== pointElRoot.data('nestable-id');
+
+            /**
+             * move vertical
+             */
+            if (!mouse.dirAx || isNewRoot || isEmpty) {
+                // check if groups match if dragging over new root
+                if (isNewRoot && opt.group !== pointElRoot.data('nestable-group')) {
+                    return;
+                }
+                // check depth limit
+                depth = this.dragDepth - 1 + this.pointEl.parents(opt.listNodeName).length;
+                if (depth > opt.maxDepth) {
+                    return;
+                }
+                var before = e.pageY < (this.pointEl.offset().top + this.pointEl.height() / 2);
+                    parent = this.placeEl.parent();
+                // if empty create new list to replace empty placeholder
+                if (isEmpty) {
+                    list = $(document.createElement(opt.listNodeName)).addClass(opt.listClass);
+                    list.append(this.placeEl);
+                    this.pointEl.replaceWith(list);
+                }
+                else if (before) {
+                    this.pointEl.before(this.placeEl);
+                }
+                else {
+                    this.pointEl.after(this.placeEl);
+                }
+                if (!parent.children().length) {
+                    this.unsetParent(parent.parent());
+                }
+                if (!this.dragRootEl.find(opt.itemNodeName).length) {
+                    this.dragRootEl.append('<div class="' + opt.emptyClass + '"/>');
+                }
+                // parent root list has changed
+                if (isNewRoot) {
+                    this.dragRootEl = pointElRoot;
+                    this.hasNewRoot = this.el[0] !== this.dragRootEl[0];
+                }
+            }
+        }
+
+    };
+
+    $.fn.nestable = function(params)
+    {
+        var lists  = this,
+            retval = this;
+
+        lists.each(function()
+        {
+            var plugin = $(this).data("nestable");
+
+            if (!plugin) {
+                $(this).data("nestable", new Plugin(this, params));
+                $(this).data("nestable-id", new Date().getTime());
+            } else {
+                if (typeof params === 'string' && typeof plugin[params] === 'function') {
+                    retval = plugin[params]();
+                }
+            }
+        });
+
+        return retval || lists;
+    };
+
+})(window.jQuery || window.Zepto, window, document);
diff --git a/web/bootstrap-ace-admin/js/jquery.raty.js b/web/bootstrap-ace-admin/js/jquery.raty.js
new file mode 100755
index 00000000..9a5af372
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery.raty.js
@@ -0,0 +1,762 @@
+/*!
+ * jQuery Raty - A Star Rating Plugin
+ *
+ * The MIT License
+ *
+ * @author  : Washington Botelho
+ * @doc     : http://wbotelhos.com/raty
+ * @version : 2.7.0
+ *
+ */
+
+;
+(function($) {
+  'use strict';
+
+  var methods = {
+    init: function(options) {
+      return this.each(function() {
+        this.self = $(this);
+
+        methods.destroy.call(this.self);
+
+        this.opt = $.extend(true, {}, $.fn.raty.defaults, options);
+
+        methods._adjustCallback.call(this);
+        methods._adjustNumber.call(this);
+        methods._adjustHints.call(this);
+
+        this.opt.score = methods._adjustedScore.call(this, this.opt.score);
+
+        if (this.opt.starType !== 'img') {
+          methods._adjustStarType.call(this);
+        }
+
+        methods._adjustPath.call(this);
+        methods._createStars.call(this);
+
+        if (this.opt.cancel) {
+          methods._createCancel.call(this);
+        }
+
+        if (this.opt.precision) {
+          methods._adjustPrecision.call(this);
+        }
+
+        methods._createScore.call(this);
+        methods._apply.call(this, this.opt.score);
+        methods._setTitle.call(this, this.opt.score);
+        methods._target.call(this, this.opt.score);
+
+        if (this.opt.readOnly) {
+          methods._lock.call(this);
+        } else {
+          this.style.cursor = 'pointer';
+
+          methods._binds.call(this);
+        }
+      });
+    },
+
+    _adjustCallback: function() {
+      var options = ['number', 'readOnly', 'score', 'scoreName', 'target'];
+
+      for (var i = 0; i < options.length; i++) {
+        if (typeof this.opt[options[i]] === 'function') {
+          this.opt[options[i]] = this.opt[options[i]].call(this);
+        }
+      }
+    },
+
+    _adjustedScore: function(score) {
+      if (!score) {
+        return score;
+      }
+
+      return methods._between(score, 0, this.opt.number);
+    },
+
+    _adjustHints: function() {
+      if (!this.opt.hints) {
+        this.opt.hints = [];
+      }
+
+      if (!this.opt.halfShow && !this.opt.half) {
+        return;
+      }
+
+      var steps = this.opt.precision ? 10 : 2;
+
+      for (var i = 0; i < this.opt.number; i++) {
+        var group = this.opt.hints[i];
+
+        if (Object.prototype.toString.call(group) !== '[object Array]') {
+          group = [group];
+        }
+
+        this.opt.hints[i] = [];
+
+        for (var j = 0; j < steps; j++) {
+          var
+            hint = group[j],
+            last = group[group.length - 1];
+
+          if (last === undefined) {
+            last = null;
+          }
+
+          this.opt.hints[i][j] = hint === undefined ? last : hint;
+        }
+      }
+    },
+
+    _adjustNumber: function() {
+      this.opt.number = methods._between(this.opt.number, 1, this.opt.numberMax);
+    },
+
+    _adjustPath: function() {
+      this.opt.path = this.opt.path || '';
+
+      if (this.opt.path && this.opt.path.charAt(this.opt.path.length - 1) !== '/') {
+        this.opt.path += '/';
+      }
+    },
+
+    _adjustPrecision: function() {
+      this.opt.half = true;
+    },
+
+    _adjustStarType: function() {
+      var replaces = ['cancelOff', 'cancelOn', 'starHalf', 'starOff', 'starOn'];
+
+      this.opt.path = '';
+
+      for (var i = 0; i < replaces.length; i++) {
+        this.opt[replaces[i]] = this.opt[replaces[i]].replace('.', '-');
+      }
+    },
+
+    _apply: function(score) {
+      methods._fill.call(this, score);
+
+      if (score) {
+        if (score > 0) {
+          this.score.val(score);
+        }
+
+        methods._roundStars.call(this, score);
+      }
+    },
+
+    _between: function(value, min, max) {
+      return Math.min(Math.max(parseFloat(value), min), max);
+    },
+
+    _binds: function() {
+      if (this.cancel) {
+        methods._bindOverCancel.call(this);
+        methods._bindClickCancel.call(this);
+        methods._bindOutCancel.call(this);
+      }
+
+      methods._bindOver.call(this);
+      methods._bindClick.call(this);
+      methods._bindOut.call(this);
+    },
+
+    _bindClick: function() {
+      var that = this;
+
+      that.stars.on('click.raty', function(evt) {
+        var
+          execute = true,
+          score   = (that.opt.half || that.opt.precision) ? that.self.data('score') : (this.alt || $(this).data('alt'));
+
+        if (that.opt.click) {
+          execute = that.opt.click.call(that, +score, evt);
+        }
+
+        if (execute || execute === undefined) {
+          if (that.opt.half && !that.opt.precision) {
+            score = methods._roundHalfScore.call(that, score);
+          }
+
+          methods._apply.call(that, score);
+        }
+      });
+    },
+
+    _bindClickCancel: function() {
+      var that = this;
+
+      that.cancel.on('click.raty', function(evt) {
+        that.score.removeAttr('value');
+
+        if (that.opt.click) {
+          that.opt.click.call(that, null, evt);
+        }
+      });
+    },
+
+    _bindOut: function() {
+      var that = this;
+
+      that.self.on('mouseleave.raty', function(evt) {
+        var score = +that.score.val() || undefined;
+
+        methods._apply.call(that, score);
+        methods._target.call(that, score, evt);
+        methods._resetTitle.call(that);
+
+        if (that.opt.mouseout) {
+          that.opt.mouseout.call(that, score, evt);
+        }
+      });
+    },
+
+    _bindOutCancel: function() {
+      var that = this;
+
+      that.cancel.on('mouseleave.raty', function(evt) {
+        var icon = that.opt.cancelOff;
+
+        if (that.opt.starType !== 'img') {
+          icon = that.opt.cancelClass + ' ' + icon;
+        }
+
+        methods._setIcon.call(that, this, icon);
+
+        if (that.opt.mouseout) {
+          var score = +that.score.val() || undefined;
+
+          that.opt.mouseout.call(that, score, evt);
+        }
+      });
+    },
+
+    _bindOver: function() {
+      var that   = this,
+          action = that.opt.half ? 'mousemove.raty' : 'mouseover.raty';
+
+      that.stars.on(action, function(evt) {
+        var score = methods._getScoreByPosition.call(that, evt, this);
+
+        methods._fill.call(that, score);
+
+        if (that.opt.half) {
+          methods._roundStars.call(that, score, evt);
+          methods._setTitle.call(that, score, evt);
+
+          that.self.data('score', score);
+        }
+
+        methods._target.call(that, score, evt);
+
+        if (that.opt.mouseover) {
+          that.opt.mouseover.call(that, score, evt);
+        }
+      });
+    },
+
+    _bindOverCancel: function() {
+      var that = this;
+
+      that.cancel.on('mouseover.raty', function(evt) {
+        var
+          starOff = that.opt.path + that.opt.starOff,
+          icon    = that.opt.cancelOn;
+
+        if (that.opt.starType === 'img') {
+          that.stars.attr('src', starOff);
+        } else {
+          icon = that.opt.cancelClass + ' ' + icon;
+
+          that.stars.attr('class', starOff);
+        }
+
+        methods._setIcon.call(that, this, icon);
+        methods._target.call(that, null, evt);
+
+        if (that.opt.mouseover) {
+          that.opt.mouseover.call(that, null);
+        }
+      });
+    },
+
+    _buildScoreField: function() {
+      return $('<input />', { name: this.opt.scoreName, type: 'hidden' }).appendTo(this);
+    },
+
+    _createCancel: function() {
+      var icon   = this.opt.path + this.opt.cancelOff,
+          cancel = $('<' + this.opt.starType + ' />', { title: this.opt.cancelHint, 'class': this.opt.cancelClass });
+
+      if (this.opt.starType === 'img') {
+        cancel.attr({ src: icon, alt: 'x' });
+      } else {
+        // TODO: use $.data
+        cancel.attr('data-alt', 'x').addClass(icon);
+      }
+
+      if (this.opt.cancelPlace === 'left') {
+        this.self.prepend('&#160;').prepend(cancel);
+      } else {
+        this.self.append('&#160;').append(cancel);
+      }
+
+      this.cancel = cancel;
+    },
+
+    _createScore: function() {
+      var score = $(this.opt.targetScore);
+
+      this.score = score.length ? score : methods._buildScoreField.call(this);
+    },
+
+    _createStars: function() {
+      for (var i = 1; i <= this.opt.number; i++) {
+        var
+          name  = methods._nameForIndex.call(this, i),
+          attrs = { alt: i, src: this.opt.path + this.opt[name] };
+
+        if (this.opt.starType !== 'img') {
+          attrs = { 'data-alt': i, 'class': attrs.src }; // TODO: use $.data.
+        }
+
+        attrs.title = methods._getHint.call(this, i);
+
+        $('<' + this.opt.starType + ' />', attrs).appendTo(this);
+
+        if (this.opt.space) {
+          this.self.append(i < this.opt.number ? '&#160;' : '');
+        }
+      }
+
+      this.stars = this.self.children(this.opt.starType);
+    },
+
+    _error: function(message) {
+      $(this).text(message);
+
+      $.error(message);
+    },
+
+    _fill: function(score) {
+      var hash = 0;
+
+      for (var i = 1; i <= this.stars.length; i++) {
+        var
+          icon,
+          star   = this.stars[i - 1],
+          turnOn = methods._turnOn.call(this, i, score);
+
+        if (this.opt.iconRange && this.opt.iconRange.length > hash) {
+          var irange = this.opt.iconRange[hash];
+
+          icon = methods._getRangeIcon.call(this, irange, turnOn);
+
+          if (i <= irange.range) {
+            methods._setIcon.call(this, star, icon);
+          }
+
+          if (i === irange.range) {
+            hash++;
+          }
+        } else {
+          icon = this.opt[turnOn ? 'starOn' : 'starOff'];
+
+          methods._setIcon.call(this, star, icon);
+        }
+      }
+    },
+
+    _getFirstDecimal: function(number) {
+      var
+        decimal = number.toString().split('.')[1],
+        result  = 0;
+
+      if (decimal) {
+        result = parseInt(decimal.charAt(0), 10);
+
+        if (decimal.slice(1, 5) === '9999') {
+          result++;
+        }
+      }
+
+      return result;
+    },
+
+    _getRangeIcon: function(irange, turnOn) {
+      return turnOn ? irange.on || this.opt.starOn : irange.off || this.opt.starOff;
+    },
+
+    _getScoreByPosition: function(evt, icon) {
+      var score = parseInt(icon.alt || icon.getAttribute('data-alt'), 10);
+
+      if (this.opt.half) {
+        var
+          size    = methods._getWidth.call(this),
+          percent = parseFloat((evt.pageX - $(icon).offset().left) / size);
+
+        score = score - 1 + percent;
+      }
+
+      return score;
+    },
+
+    _getHint: function(score, evt) {
+      if (score !== 0 && !score) {
+        return this.opt.noRatedMsg;
+      }
+
+      var
+        decimal = methods._getFirstDecimal.call(this, score),
+        integer = Math.ceil(score),
+        group   = this.opt.hints[(integer || 1) - 1],
+        hint    = group,
+        set     = !evt || this.move;
+
+      if (this.opt.precision) {
+        if (set) {
+          decimal = decimal === 0 ? 9 : decimal - 1;
+        }
+
+        hint = group[decimal];
+      } else if (this.opt.halfShow || this.opt.half) {
+        decimal = set && decimal === 0 ? 1 : decimal > 5 ? 1 : 0;
+
+        hint = group[decimal];
+      }
+
+      return hint === '' ? '' : hint || score;
+    },
+
+    _getWidth: function() {
+      var width = this.stars[0].width || parseFloat(this.stars.eq(0).css('font-size'));
+
+      if (!width) {
+        methods._error.call(this, 'Could not get the icon width!');
+      }
+
+      return width;
+    },
+
+    _lock: function() {
+      var hint = methods._getHint.call(this, this.score.val());
+
+      this.style.cursor = '';
+      this.title        = hint;
+
+      this.score.prop('readonly', true);
+      this.stars.prop('title', hint);
+
+      if (this.cancel) {
+        this.cancel.hide();
+      }
+
+      this.self.data('readonly', true);
+    },
+
+    _nameForIndex: function(i) {
+      return this.opt.score && this.opt.score >= i ? 'starOn' : 'starOff';
+    },
+
+    _resetTitle: function(star) {
+      for (var i = 0; i < this.opt.number; i++) {
+        this.stars[i].title = methods._getHint.call(this, i + 1);
+      }
+    },
+
+     _roundHalfScore: function(score) {
+      var integer = parseInt(score, 10),
+          decimal = methods._getFirstDecimal.call(this, score);
+
+      if (decimal !== 0) {
+        decimal = decimal > 5 ? 1 : 0.5;
+      }
+
+      return integer + decimal;
+    },
+
+    _roundStars: function(score, evt) {
+      var
+        decimal = (score % 1).toFixed(2),
+        name    ;
+
+      if (evt || this.move) {
+        name = decimal > 0.5 ? 'starOn' : 'starHalf';
+      } else if (decimal > this.opt.round.down) {               // Up:   [x.76 .. x.99]
+        name = 'starOn';
+
+        if (this.opt.halfShow && decimal < this.opt.round.up) { // Half: [x.26 .. x.75]
+          name = 'starHalf';
+        } else if (decimal < this.opt.round.full) {             // Down: [x.00 .. x.5]
+          name = 'starOff';
+        }
+      }
+
+      if (name) {
+        var
+          icon = this.opt[name],
+          star = this.stars[Math.ceil(score) - 1];
+
+        methods._setIcon.call(this, star, icon);
+      }                                                         // Full down: [x.00 .. x.25]
+    },
+
+    _setIcon: function(star, icon) {
+      try {//ACE
+		star[this.opt.starType === 'img' ? 'src' : 'className'] = this.opt.path + icon;
+	  } catch(e) {}
+    },
+
+    _setTarget: function(target, score) {
+      if (score) {
+        score = this.opt.targetFormat.toString().replace('{score}', score);
+      }
+
+      if (target.is(':input')) {
+        target.val(score);
+      } else {
+        target.html(score);
+      }
+    },
+
+    _setTitle: function(score, evt) {
+      if (score) {
+        var
+          integer = parseInt(Math.ceil(score), 10),
+          star    = this.stars[integer - 1];
+
+        star.title = methods._getHint.call(this, score, evt);
+      }
+    },
+
+    _target: function(score, evt) {
+      if (this.opt.target) {
+        var target = $(this.opt.target);
+
+        if (!target.length) {
+          methods._error.call(this, 'Target selector invalid or missing!');
+        }
+
+        var mouseover = evt && evt.type === 'mouseover';
+
+        if (score === undefined) {
+          score = this.opt.targetText;
+        } else if (score === null) {
+          score = mouseover ? this.opt.cancelHint : this.opt.targetText;
+        } else {
+          if (this.opt.targetType === 'hint') {
+            score = methods._getHint.call(this, score, evt);
+          } else if (this.opt.precision) {
+            score = parseFloat(score).toFixed(1);
+          }
+
+          var mousemove = evt && evt.type === 'mousemove';
+
+          if (!mouseover && !mousemove && !this.opt.targetKeep) {
+            score = this.opt.targetText;
+          }
+        }
+
+        methods._setTarget.call(this, target, score);
+      }
+    },
+
+    _turnOn: function(i, score) {
+      return this.opt.single ? (i === score) : (i <= score);
+    },
+
+    _unlock: function() {
+      this.style.cursor = 'pointer';
+      this.removeAttribute('title');
+
+      this.score.removeAttr('readonly');
+
+      this.self.data('readonly', false);
+
+      for (var i = 0; i < this.opt.number; i++) {
+        this.stars[i].title = methods._getHint.call(this, i + 1);
+      }
+
+      if (this.cancel) {
+        this.cancel.css('display', '');
+      }
+    },
+
+    cancel: function(click) {
+      return this.each(function() {
+        var self = $(this);
+
+        if (self.data('readonly') !== true) {
+          methods[click ? 'click' : 'score'].call(self, null);
+
+          this.score.removeAttr('value');
+        }
+      });
+    },
+
+    click: function(score) {
+      return this.each(function() {
+        if ($(this).data('readonly') !== true) {
+          score = methods._adjustedScore.call(this, score);
+
+          methods._apply.call(this, score);
+
+          if (this.opt.click) {
+            this.opt.click.call(this, score, $.Event('click'));
+          }
+
+          methods._target.call(this, score);
+        }
+      });
+    },
+
+    destroy: function() {
+      return this.each(function() {
+        var self = $(this),
+            raw  = self.data('raw');
+
+        if (raw) {
+          self.off('.raty').empty().css({ cursor: raw.style.cursor }).removeData('readonly');
+        } else {
+          self.data('raw', self.clone()[0]);
+        }
+      });
+    },
+
+    getScore: function() {
+      var score = [],
+          value ;
+
+      this.each(function() {
+        value = this.score.val();
+
+        score.push(value ? +value : undefined);
+      });
+
+      return (score.length > 1) ? score : score[0];
+    },
+
+    move: function(score) {
+      return this.each(function() {
+        var
+          integer  = parseInt(score, 10),
+          decimal  = methods._getFirstDecimal.call(this, score);
+
+        if (integer >= this.opt.number) {
+          integer = this.opt.number - 1;
+          decimal = 10;
+        }
+
+        var
+          width   = methods._getWidth.call(this),
+          steps   = width / 10,
+          star    = $(this.stars[integer]),
+          percent = star.offset().left + steps * decimal,
+          evt     = $.Event('mousemove', { pageX: percent });
+
+        this.move = true;
+
+        star.trigger(evt);
+
+        this.move = false;
+      });
+    },
+
+    readOnly: function(readonly) {
+      return this.each(function() {
+        var self = $(this);
+
+        if (self.data('readonly') !== readonly) {
+          if (readonly) {
+            self.off('.raty').children('img').off('.raty');
+
+            methods._lock.call(this);
+          } else {
+            methods._binds.call(this);
+            methods._unlock.call(this);
+          }
+
+          self.data('readonly', readonly);
+        }
+      });
+    },
+
+    reload: function() {
+      return methods.set.call(this, {});
+    },
+
+    score: function() {
+      var self = $(this);
+
+      return arguments.length ? methods.setScore.apply(self, arguments) : methods.getScore.call(self);
+    },
+
+    set: function(options) {
+      return this.each(function() {
+        $(this).raty($.extend({}, this.opt, options));
+      });
+    },
+
+    setScore: function(score) {
+      return this.each(function() {
+        if ($(this).data('readonly') !== true) {
+          score = methods._adjustedScore.call(this, score);
+
+          methods._apply.call(this, score);
+          methods._target.call(this, score);
+        }
+      });
+    }
+  };
+
+  $.fn.raty = function(method) {
+    if (methods[method]) {
+      return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
+    } else if (typeof method === 'object' || !method) {
+      return methods.init.apply(this, arguments);
+    } else {
+      $.error('Method ' + method + ' does not exist!');
+    }
+  };
+
+  $.fn.raty.defaults = {
+    cancel       : false,
+    cancelClass  : 'raty-cancel',
+    cancelHint   : 'Cancel this rating!',
+    cancelOff    : 'cancel-off.png',
+    cancelOn     : 'cancel-on.png',
+    cancelPlace  : 'left',
+    click        : undefined,
+    half         : false,
+    halfShow     : true,
+    hints        : ['bad', 'poor', 'regular', 'good', 'gorgeous'],
+    iconRange    : undefined,
+    mouseout     : undefined,
+    mouseover    : undefined,
+    noRatedMsg   : 'Not rated yet!',
+    number       : 5,
+    numberMax    : 20,
+    path         : undefined,
+    precision    : false,
+    readOnly     : false,
+    round        : { down: 0.25, full: 0.6, up: 0.76 },
+    score        : undefined,
+    scoreName    : 'score',
+    single       : false,
+    space        : true,
+    starHalf     : 'star-half.png',
+    starOff      : 'star-off.png',
+    starOn       : 'star-on.png',
+    starType     : 'img',
+    target       : undefined,
+    targetFormat : '{score}',
+    targetKeep   : false,
+    targetScore  : undefined,
+    targetText   : '',
+    targetType   : 'hint'
+  };
+
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jquery.slimscroll.js b/web/bootstrap-ace-admin/js/jquery.slimscroll.js
new file mode 100755
index 00000000..190368e1
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery.slimscroll.js
@@ -0,0 +1,470 @@
+/*! Copyright (c) 2011 Piotr Rochala (http://rocha.la)
+ * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
+ * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
+ *
+ * Version: 1.3.3
+ *
+ */
+(function($) {
+
+  $.fn.extend({
+    slimScroll: function(options) {
+
+      var defaults = {
+
+        // width in pixels of the visible scroll area
+        width : 'auto',
+
+        // height in pixels of the visible scroll area
+        height : '250px',
+
+        // width in pixels of the scrollbar and rail
+        size : '7px',
+
+        // scrollbar color, accepts any hex/color value
+        color: '#000',
+
+        // scrollbar position - left/right
+        position : 'right',
+
+        // distance in pixels between the side edge and the scrollbar
+        distance : '1px',
+
+        // default scroll position on load - top / bottom / $('selector')
+        start : 'top',
+
+        // sets scrollbar opacity
+        opacity : .4,
+
+        // enables always-on mode for the scrollbar
+        alwaysVisible : false,
+
+        // check if we should hide the scrollbar when user is hovering over
+        disableFadeOut : false,
+
+        // sets visibility of the rail
+        railVisible : false,
+
+        // sets rail color
+        railColor : '#333',
+
+        // sets rail opacity
+        railOpacity : .2,
+
+        // whether  we should use jQuery UI Draggable to enable bar dragging
+        railDraggable : true,
+
+        // defautlt CSS class of the slimscroll rail
+        railClass : 'slimScrollRail',
+
+        // defautlt CSS class of the slimscroll bar
+        barClass : 'slimScrollBar',
+
+        // defautlt CSS class of the slimscroll wrapper
+        wrapperClass : 'slimScrollDiv',
+
+        // check if mousewheel should scroll the window if we reach top/bottom
+        allowPageScroll : false,
+
+        // scroll amount applied to each mouse wheel step
+        wheelStep : 20,
+
+        // scroll amount applied when user is using gestures
+        touchScrollStep : 200,
+
+        // sets border radius
+        borderRadius: '7px',
+
+        // sets border radius of the rail
+        railBorderRadius : '7px'
+      };
+
+      var o = $.extend(defaults, options);
+
+      // do it for every element that matches selector
+      this.each(function(){
+
+      var isOverPanel, isOverBar, isDragg, queueHide, touchDif,
+        barHeight, percentScroll, lastScroll,
+        divS = '<div></div>',
+        minBarHeight = 30,
+        releaseScroll = false;
+
+        // used in event handlers and for better minification
+        var me = $(this);
+
+        // ensure we are not binding it again
+        if (me.parent().hasClass(o.wrapperClass))
+        {
+            // start from last bar position
+            var offset = me.scrollTop();
+
+            // find bar and rail
+            bar = me.parent().find('.' + o.barClass);
+            rail = me.parent().find('.' + o.railClass);
+
+            getBarHeight();
+
+            // check if we should scroll existing instance
+            if ($.isPlainObject(options))
+            {
+              // Pass height: auto to an existing slimscroll object to force a resize after contents have changed
+              if ( 'height' in options && options.height == 'auto' ) {
+                me.parent().css('height', 'auto');
+                me.css('height', 'auto');
+                var height = me.parent().parent().height();
+                me.parent().css('height', height);
+                me.css('height', height);
+              }
+
+              if ('scrollTo' in options)
+              {
+                // jump to a static point
+                offset = parseInt(o.scrollTo);
+              }
+              else if ('scrollBy' in options)
+              {
+                // jump by value pixels
+                offset += parseInt(o.scrollBy);
+              }
+              else if ('destroy' in options)
+              {
+                // remove slimscroll elements
+                bar.remove();
+                rail.remove();
+                me.unwrap();
+                return;
+              }
+
+              // scroll content by the given offset
+              scrollContent(offset, false, true);
+            }
+
+            return;
+        }
+        else if ($.isPlainObject(options))
+        {
+            if ('destroy' in options)
+            {
+            	return;
+            }
+        }
+
+        // optionally set height to the parent's height
+        o.height = (o.height == 'auto') ? me.parent().height() : o.height;
+
+        // wrap content
+        var wrapper = $(divS)
+          .addClass(o.wrapperClass)
+          .css({
+            position: 'relative',
+            overflow: 'hidden',
+            width: o.width,
+            height: o.height
+          });
+
+        // update style for the div
+        me.css({
+          overflow: 'hidden',
+          width: o.width,
+          height: o.height
+        });
+
+        // create scrollbar rail
+        var rail = $(divS)
+          .addClass(o.railClass)
+          .css({
+            width: o.size,
+            height: '100%',
+            position: 'absolute',
+            top: 0,
+            display: (o.alwaysVisible && o.railVisible) ? 'block' : 'none',
+            'border-radius': o.railBorderRadius,
+            background: o.railColor,
+            opacity: o.railOpacity,
+            zIndex: 90
+          });
+
+        // create scrollbar
+        var bar = $(divS)
+          .addClass(o.barClass)
+          .css({
+            background: o.color,
+            width: o.size,
+            position: 'absolute',
+            top: 0,
+            opacity: o.opacity,
+            display: o.alwaysVisible ? 'block' : 'none',
+            'border-radius' : o.borderRadius,
+            BorderRadius: o.borderRadius,
+            MozBorderRadius: o.borderRadius,
+            WebkitBorderRadius: o.borderRadius,
+            zIndex: 99
+          });
+
+        // set position
+        var posCss = (o.position == 'right') ? { right: o.distance } : { left: o.distance };
+        rail.css(posCss);
+        bar.css(posCss);
+
+        // wrap it
+        me.wrap(wrapper);
+
+        // append to parent div
+        me.parent().append(bar);
+        me.parent().append(rail);
+
+        // make it draggable and no longer dependent on the jqueryUI
+        if (o.railDraggable){
+          bar.bind("mousedown", function(e) {
+            var $doc = $(document);
+            isDragg = true;
+            t = parseFloat(bar.css('top'));
+            pageY = e.pageY;
+
+            $doc.bind("mousemove.slimscroll", function(e){
+              currTop = t + e.pageY - pageY;
+              bar.css('top', currTop);
+              scrollContent(0, bar.position().top, false);// scroll content
+            });
+
+            $doc.bind("mouseup.slimscroll", function(e) {
+              isDragg = false;hideBar();
+              $doc.unbind('.slimscroll');
+            });
+            return false;
+          }).bind("selectstart.slimscroll", function(e){
+            e.stopPropagation();
+            e.preventDefault();
+            return false;
+          });
+        }
+
+        // on rail over
+        rail.hover(function(){
+          showBar();
+        }, function(){
+          hideBar();
+        });
+
+        // on bar over
+        bar.hover(function(){
+          isOverBar = true;
+        }, function(){
+          isOverBar = false;
+        });
+
+        // show on parent mouseover
+        me.hover(function(){
+          isOverPanel = true;
+          showBar();
+          hideBar();
+        }, function(){
+          isOverPanel = false;
+          hideBar();
+        });
+
+        // support for mobile
+        me.bind('touchstart', function(e,b){
+          if (e.originalEvent.touches.length)
+          {
+            // record where touch started
+            touchDif = e.originalEvent.touches[0].pageY;
+          }
+        });
+
+        me.bind('touchmove', function(e){
+          // prevent scrolling the page if necessary
+          if(!releaseScroll)
+          {
+  		      e.originalEvent.preventDefault();
+		      }
+          if (e.originalEvent.touches.length)
+          {
+            // see how far user swiped
+            var diff = (touchDif - e.originalEvent.touches[0].pageY) / o.touchScrollStep;
+            // scroll content
+            scrollContent(diff, true);
+            touchDif = e.originalEvent.touches[0].pageY;
+          }
+        });
+
+        // set up initial height
+        getBarHeight();
+
+        // check start position
+        if (o.start === 'bottom')
+        {
+          // scroll content to bottom
+          bar.css({ top: me.outerHeight() - bar.outerHeight() });
+          scrollContent(0, true);
+        }
+        else if (o.start !== 'top')
+        {
+          // assume jQuery selector
+          scrollContent($(o.start).position().top, null, true);
+
+          // make sure bar stays hidden
+          if (!o.alwaysVisible) { bar.hide(); }
+        }
+
+        // attach scroll events
+        attachWheel();
+
+        function _onWheel(e)
+        {
+          // use mouse wheel only when mouse is over
+          if (!isOverPanel) { return; }
+
+          var e = e || window.event;
+
+          var delta = 0;
+          if (e.wheelDelta) { delta = -e.wheelDelta/120; }
+          if (e.detail) { delta = e.detail / 3; }
+
+          var target = e.target || e.srcTarget || e.srcElement;
+          if ($(target).closest('.' + o.wrapperClass).is(me.parent())) {
+            // scroll content
+            scrollContent(delta, true);
+          }
+
+          // stop window scroll
+          if (e.preventDefault && !releaseScroll) { e.preventDefault(); }
+          if (!releaseScroll) { e.returnValue = false; }
+        }
+
+        function scrollContent(y, isWheel, isJump)
+        {
+          releaseScroll = false;
+          var delta = y;
+          var maxTop = me.outerHeight() - bar.outerHeight();
+
+          if (isWheel)
+          {
+            // move bar with mouse wheel
+            delta = parseInt(bar.css('top')) + y * parseInt(o.wheelStep) / 100 * bar.outerHeight();
+
+            // move bar, make sure it doesn't go out
+            delta = Math.min(Math.max(delta, 0), maxTop);
+
+            // if scrolling down, make sure a fractional change to the
+            // scroll position isn't rounded away when the scrollbar's CSS is set
+            // this flooring of delta would happened automatically when
+            // bar.css is set below, but we floor here for clarity
+            delta = (y > 0) ? Math.ceil(delta) : Math.floor(delta);
+
+            // scroll the scrollbar
+            bar.css({ top: delta + 'px' });
+          }
+
+          // calculate actual scroll amount
+          percentScroll = parseInt(bar.css('top')) / (me.outerHeight() - bar.outerHeight());
+          delta = percentScroll * (me[0].scrollHeight - me.outerHeight());
+
+          if (isJump)
+          {
+            delta = y;
+            var offsetTop = delta / me[0].scrollHeight * me.outerHeight();
+            offsetTop = Math.min(Math.max(offsetTop, 0), maxTop);
+            bar.css({ top: offsetTop + 'px' });
+          }
+
+          // scroll content
+          me.scrollTop(delta);
+
+          // fire scrolling event
+          me.trigger('slimscrolling', ~~delta);
+
+          // ensure bar is visible
+          showBar();
+
+          // trigger hide when scroll is stopped
+          hideBar();
+        }
+
+        function attachWheel()
+        {
+          if (window.addEventListener)
+          {
+            this.addEventListener('DOMMouseScroll', _onWheel, false );
+            this.addEventListener('mousewheel', _onWheel, false );
+          }
+          else
+          {
+            document.attachEvent("onmousewheel", _onWheel)
+          }
+        }
+
+        function getBarHeight()
+        {
+          // calculate scrollbar height and make sure it is not too small
+          barHeight = Math.max((me.outerHeight() / me[0].scrollHeight) * me.outerHeight(), minBarHeight);
+          bar.css({ height: barHeight + 'px' });
+
+          // hide scrollbar if content is not long enough
+          var display = barHeight == me.outerHeight() ? 'none' : 'block';
+          bar.css({ display: display });
+        }
+
+        function showBar()
+        {
+          // recalculate bar height
+          getBarHeight();
+          clearTimeout(queueHide);
+
+          // when bar reached top or bottom
+          if (percentScroll == ~~percentScroll)
+          {
+            //release wheel
+            releaseScroll = o.allowPageScroll;
+
+            // publish approporiate event
+            if (lastScroll != percentScroll)
+            {
+                var msg = (~~percentScroll == 0) ? 'top' : 'bottom';
+                me.trigger('slimscroll', msg);
+            }
+          }
+          else
+          {
+            releaseScroll = false;
+          }
+          lastScroll = percentScroll;
+
+          // show only when required
+          if(barHeight >= me.outerHeight()) {
+            //allow window scroll
+            releaseScroll = true;
+            return;
+          }
+          bar.stop(true,true).fadeIn('fast');
+          if (o.railVisible) { rail.stop(true,true).fadeIn('fast'); }
+        }
+
+        function hideBar()
+        {
+          // only hide when options allow it
+          if (!o.alwaysVisible)
+          {
+            queueHide = setTimeout(function(){
+              if (!(o.disableFadeOut && isOverPanel) && !isOverBar && !isDragg)
+              {
+                bar.fadeOut('slow');
+                rail.fadeOut('slow');
+              }
+            }, 1000);
+          }
+        }
+
+      });
+
+      // maintain chainability
+      return this;
+    }
+  });
+
+  $.fn.extend({
+    slimscroll: $.fn.slimScroll
+  });
+
+})(jQuery);
diff --git a/web/bootstrap-ace-admin/js/jquery.sparkline.js b/web/bootstrap-ace-admin/js/jquery.sparkline.js
new file mode 100755
index 00000000..721e03b7
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery.sparkline.js
@@ -0,0 +1,3054 @@
+/**
+*
+* jquery.sparkline.js
+*
+* v2.1.2
+* (c) Splunk, Inc
+* Contact: Gareth Watts (gareth@splunk.com)
+* http://omnipotent.net/jquery.sparkline/
+*
+* Generates inline sparkline charts from data supplied either to the method
+* or inline in HTML
+*
+* Compatible with Internet Explorer 6.0+ and modern browsers equipped with the canvas tag
+* (Firefox 2.0+, Safari, Opera, etc)
+*
+* License: New BSD License
+*
+* Copyright (c) 2012, Splunk Inc.
+* All rights reserved.
+*
+* Redistribution and use in source and binary forms, with or without modification,
+* are permitted provided that the following conditions are met:
+*
+*     * Redistributions of source code must retain the above copyright notice,
+*       this list of conditions and the following disclaimer.
+*     * Redistributions in binary form must reproduce the above copyright notice,
+*       this list of conditions and the following disclaimer in the documentation
+*       and/or other materials provided with the distribution.
+*     * Neither the name of Splunk Inc nor the names of its contributors may
+*       be used to endorse or promote products derived from this software without
+*       specific prior written permission.
+*
+* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
+* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES
+* OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT
+* SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL,
+* SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT
+* OF SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
+* HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY,
+* OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+* SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
+*
+*
+* Usage:
+*  $(selector).sparkline(values, options)
+*
+* If values is undefined or set to 'html' then the data values are read from the specified tag:
+*   <p>Sparkline: <span class="sparkline">1,4,6,6,8,5,3,5</span></p>
+*   $('.sparkline').sparkline();
+* There must be no spaces in the enclosed data set
+*
+* Otherwise values must be an array of numbers or null values
+*    <p>Sparkline: <span id="sparkline1">This text replaced if the browser is compatible</span></p>
+*    $('#sparkline1').sparkline([1,4,6,6,8,5,3,5])
+*    $('#sparkline2').sparkline([1,4,6,null,null,5,3,5])
+*
+* Values can also be specified in an HTML comment, or as a values attribute:
+*    <p>Sparkline: <span class="sparkline"><!--1,4,6,6,8,5,3,5 --></span></p>
+*    <p>Sparkline: <span class="sparkline" values="1,4,6,6,8,5,3,5"></span></p>
+*    $('.sparkline').sparkline();
+*
+* For line charts, x values can also be specified:
+*   <p>Sparkline: <span class="sparkline">1:1,2.7:4,3.4:6,5:6,6:8,8.7:5,9:3,10:5</span></p>
+*    $('#sparkline1').sparkline([ [1,1], [2.7,4], [3.4,6], [5,6], [6,8], [8.7,5], [9,3], [10,5] ])
+*
+* By default, options should be passed in as teh second argument to the sparkline function:
+*   $('.sparkline').sparkline([1,2,3,4], {type: 'bar'})
+*
+* Options can also be set by passing them on the tag itself.  This feature is disabled by default though
+* as there's a slight performance overhead:
+*   $('.sparkline').sparkline([1,2,3,4], {enableTagOptions: true})
+*   <p>Sparkline: <span class="sparkline" sparkType="bar" sparkBarColor="red">loading</span></p>
+* Prefix all options supplied as tag attribute with "spark" (configurable by setting tagOptionPrefix)
+*
+* Supported options:
+*   lineColor - Color of the line used for the chart
+*   fillColor - Color used to fill in the chart - Set to '' or false for a transparent chart
+*   width - Width of the chart - Defaults to 3 times the number of values in pixels
+*   height - Height of the chart - Defaults to the height of the containing element
+*   chartRangeMin - Specify the minimum value to use for the Y range of the chart - Defaults to the minimum value supplied
+*   chartRangeMax - Specify the maximum value to use for the Y range of the chart - Defaults to the maximum value supplied
+*   chartRangeClip - Clip out of range values to the max/min specified by chartRangeMin and chartRangeMax
+*   chartRangeMinX - Specify the minimum value to use for the X range of the chart - Defaults to the minimum value supplied
+*   chartRangeMaxX - Specify the maximum value to use for the X range of the chart - Defaults to the maximum value supplied
+*   composite - If true then don't erase any existing chart attached to the tag, but draw
+*           another chart over the top - Note that width and height are ignored if an
+*           existing chart is detected.
+*   tagValuesAttribute - Name of tag attribute to check for data values - Defaults to 'values'
+*   enableTagOptions - Whether to check tags for sparkline options
+*   tagOptionPrefix - Prefix used for options supplied as tag attributes - Defaults to 'spark'
+*   disableHiddenCheck - If set to true, then the plugin will assume that charts will never be drawn into a
+*           hidden dom element, avoding a browser reflow
+*   disableInteraction - If set to true then all mouseover/click interaction behaviour will be disabled,
+*       making the plugin perform much like it did in 1.x
+*   disableTooltips - If set to true then tooltips will be disabled - Defaults to false (tooltips enabled)
+*   disableHighlight - If set to true then highlighting of selected chart elements on mouseover will be disabled
+*       defaults to false (highlights enabled)
+*   highlightLighten - Factor to lighten/darken highlighted chart values by - Defaults to 1.4 for a 40% increase
+*   tooltipContainer - Specify which DOM element the tooltip should be rendered into - defaults to document.body
+*   tooltipClassname - Optional CSS classname to apply to tooltips - If not specified then a default style will be applied
+*   tooltipOffsetX - How many pixels away from the mouse pointer to render the tooltip on the X axis
+*   tooltipOffsetY - How many pixels away from the mouse pointer to render the tooltip on the r axis
+*   tooltipFormatter  - Optional callback that allows you to override the HTML displayed in the tooltip
+*       callback is given arguments of (sparkline, options, fields)
+*   tooltipChartTitle - If specified then the tooltip uses the string specified by this setting as a title
+*   tooltipFormat - A format string or SPFormat object  (or an array thereof for multiple entries)
+*       to control the format of the tooltip
+*   tooltipPrefix - A string to prepend to each field displayed in a tooltip
+*   tooltipSuffix - A string to append to each field displayed in a tooltip
+*   tooltipSkipNull - If true then null values will not have a tooltip displayed (defaults to true)
+*   tooltipValueLookups - An object or range map to map field values to tooltip strings
+*       (eg. to map -1 to "Lost", 0 to "Draw", and 1 to "Win")
+*   numberFormatter - Optional callback for formatting numbers in tooltips
+*   numberDigitGroupSep - Character to use for group separator in numbers "1,234" - Defaults to ","
+*   numberDecimalMark - Character to use for the decimal point when formatting numbers - Defaults to "."
+*   numberDigitGroupCount - Number of digits between group separator - Defaults to 3
+*
+* There are 7 types of sparkline, selected by supplying a "type" option of 'line' (default),
+* 'bar', 'tristate', 'bullet', 'discrete', 'pie' or 'box'
+*    line - Line chart.  Options:
+*       spotColor - Set to '' to not end each line in a circular spot
+*       minSpotColor - If set, color of spot at minimum value
+*       maxSpotColor - If set, color of spot at maximum value
+*       spotRadius - Radius in pixels
+*       lineWidth - Width of line in pixels
+*       normalRangeMin
+*       normalRangeMax - If set draws a filled horizontal bar between these two values marking the "normal"
+*                      or expected range of values
+*       normalRangeColor - Color to use for the above bar
+*       drawNormalOnTop - Draw the normal range above the chart fill color if true
+*       defaultPixelsPerValue - Defaults to 3 pixels of width for each value in the chart
+*       highlightSpotColor - The color to use for drawing a highlight spot on mouseover - Set to null to disable
+*       highlightLineColor - The color to use for drawing a highlight line on mouseover - Set to null to disable
+*       valueSpots - Specify which points to draw spots on, and in which color.  Accepts a range map
+*
+*   bar - Bar chart.  Options:
+*       barColor - Color of bars for postive values
+*       negBarColor - Color of bars for negative values
+*       zeroColor - Color of bars with zero values
+*       nullColor - Color of bars with null values - Defaults to omitting the bar entirely
+*       barWidth - Width of bars in pixels
+*       colorMap - Optional mappnig of values to colors to override the *BarColor values above
+*                  can be an Array of values to control the color of individual bars or a range map
+*                  to specify colors for individual ranges of values
+*       barSpacing - Gap between bars in pixels
+*       zeroAxis - Centers the y-axis around zero if true
+*
+*   tristate - Charts values of win (>0), lose (<0) or draw (=0)
+*       posBarColor - Color of win values
+*       negBarColor - Color of lose values
+*       zeroBarColor - Color of draw values
+*       barWidth - Width of bars in pixels
+*       barSpacing - Gap between bars in pixels
+*       colorMap - Optional mappnig of values to colors to override the *BarColor values above
+*                  can be an Array of values to control the color of individual bars or a range map
+*                  to specify colors for individual ranges of values
+*
+*   discrete - Options:
+*       lineHeight - Height of each line in pixels - Defaults to 30% of the graph height
+*       thesholdValue - Values less than this value will be drawn using thresholdColor instead of lineColor
+*       thresholdColor
+*
+*   bullet - Values for bullet graphs msut be in the order: target, performance, range1, range2, range3, ...
+*       options:
+*       targetColor - The color of the vertical target marker
+*       targetWidth - The width of the target marker in pixels
+*       performanceColor - The color of the performance measure horizontal bar
+*       rangeColors - Colors to use for each qualitative range background color
+*
+*   pie - Pie chart. Options:
+*       sliceColors - An array of colors to use for pie slices
+*       offset - Angle in degrees to offset the first slice - Try -90 or +90
+*       borderWidth - Width of border to draw around the pie chart, in pixels - Defaults to 0 (no border)
+*       borderColor - Color to use for the pie chart border - Defaults to #000
+*
+*   box - Box plot. Options:
+*       raw - Set to true to supply pre-computed plot points as values
+*             values should be: low_outlier, low_whisker, q1, median, q3, high_whisker, high_outlier
+*             When set to false you can supply any number of values and the box plot will
+*             be computed for you.  Default is false.
+*       showOutliers - Set to true (default) to display outliers as circles
+*       outlierIQR - Interquartile range used to determine outliers.  Default 1.5
+*       boxLineColor - Outline color of the box
+*       boxFillColor - Fill color for the box
+*       whiskerColor - Line color used for whiskers
+*       outlierLineColor - Outline color of outlier circles
+*       outlierFillColor - Fill color of the outlier circles
+*       spotRadius - Radius of outlier circles
+*       medianColor - Line color of the median line
+*       target - Draw a target cross hair at the supplied value (default undefined)
+*
+*
+*
+*   Examples:
+*   $('#sparkline1').sparkline(myvalues, { lineColor: '#f00', fillColor: false });
+*   $('.barsparks').sparkline('html', { type:'bar', height:'40px', barWidth:5 });
+*   $('#tristate').sparkline([1,1,-1,1,0,0,-1], { type:'tristate' }):
+*   $('#discrete').sparkline([1,3,4,5,5,3,4,5], { type:'discrete' });
+*   $('#bullet').sparkline([10,12,12,9,7], { type:'bullet' });
+*   $('#pie').sparkline([1,1,2], { type:'pie' });
+*/
+
+/*jslint regexp: true, browser: true, jquery: true, white: true, nomen: false, plusplus: false, maxerr: 500, indent: 4 */
+
+(function(document, Math, undefined) { // performance/minified-size optimization
+(function(factory) {
+    if(typeof define === 'function' && define.amd) {
+        define(['jquery'], factory);
+    } else if (jQuery && !jQuery.fn.sparkline) {
+        factory(jQuery);
+    }
+}
+(function($) {
+    'use strict';
+
+    var UNSET_OPTION = {},
+        getDefaults, createClass, SPFormat, clipval, quartile, normalizeValue, normalizeValues,
+        remove, isNumber, all, sum, addCSS, ensureArray, formatNumber, RangeMap,
+        MouseHandler, Tooltip, barHighlightMixin,
+        line, bar, tristate, discrete, bullet, pie, box, defaultStyles, initStyles,
+        VShape, VCanvas_base, VCanvas_canvas, VCanvas_vml, pending, shapeCount = 0;
+
+    /**
+     * Default configuration settings
+     */
+    getDefaults = function () {
+        return {
+            // Settings common to most/all chart types
+            common: {
+                type: 'line',
+                lineColor: '#00f',
+                fillColor: '#cdf',
+                defaultPixelsPerValue: 3,
+                width: 'auto',
+                height: 'auto',
+                composite: false,
+                tagValuesAttribute: 'values',
+                tagOptionsPrefix: 'spark',
+                enableTagOptions: false,
+                enableHighlight: true,
+                highlightLighten: 1.4,
+                tooltipSkipNull: true,
+                tooltipPrefix: '',
+                tooltipSuffix: '',
+                disableHiddenCheck: false,
+                numberFormatter: false,
+                numberDigitGroupCount: 3,
+                numberDigitGroupSep: ',',
+                numberDecimalMark: '.',
+                disableTooltips: false,
+                disableInteraction: false
+            },
+            // Defaults for line charts
+            line: {
+                spotColor: '#f80',
+                highlightSpotColor: '#5f5',
+                highlightLineColor: '#f22',
+                spotRadius: 1.5,
+                minSpotColor: '#f80',
+                maxSpotColor: '#f80',
+                lineWidth: 1,
+                normalRangeMin: undefined,
+                normalRangeMax: undefined,
+                normalRangeColor: '#ccc',
+                drawNormalOnTop: false,
+                chartRangeMin: undefined,
+                chartRangeMax: undefined,
+                chartRangeMinX: undefined,
+                chartRangeMaxX: undefined,
+                tooltipFormat: new SPFormat('<span style="color: {{color}}">&#9679;</span> {{prefix}}{{y}}{{suffix}}')
+            },
+            // Defaults for bar charts
+            bar: {
+                barColor: '#3366cc',
+                negBarColor: '#f44',
+                stackedBarColor: ['#3366cc', '#dc3912', '#ff9900', '#109618', '#66aa00',
+                    '#dd4477', '#0099c6', '#990099'],
+                zeroColor: undefined,
+                nullColor: undefined,
+                zeroAxis: true,
+                barWidth: 4,
+                barSpacing: 1,
+                chartRangeMax: undefined,
+                chartRangeMin: undefined,
+                chartRangeClip: false,
+                colorMap: undefined,
+                tooltipFormat: new SPFormat('<span style="color: {{color}}">&#9679;</span> {{prefix}}{{value}}{{suffix}}')
+            },
+            // Defaults for tristate charts
+            tristate: {
+                barWidth: 4,
+                barSpacing: 1,
+                posBarColor: '#6f6',
+                negBarColor: '#f44',
+                zeroBarColor: '#999',
+                colorMap: {},
+                tooltipFormat: new SPFormat('<span style="color: {{color}}">&#9679;</span> {{value:map}}'),
+                tooltipValueLookups: { map: { '-1': 'Loss', '0': 'Draw', '1': 'Win' } }
+            },
+            // Defaults for discrete charts
+            discrete: {
+                lineHeight: 'auto',
+                thresholdColor: undefined,
+                thresholdValue: 0,
+                chartRangeMax: undefined,
+                chartRangeMin: undefined,
+                chartRangeClip: false,
+                tooltipFormat: new SPFormat('{{prefix}}{{value}}{{suffix}}')
+            },
+            // Defaults for bullet charts
+            bullet: {
+                targetColor: '#f33',
+                targetWidth: 3, // width of the target bar in pixels
+                performanceColor: '#33f',
+                rangeColors: ['#d3dafe', '#a8b6ff', '#7f94ff'],
+                base: undefined, // set this to a number to change the base start number
+                tooltipFormat: new SPFormat('{{fieldkey:fields}} - {{value}}'),
+                tooltipValueLookups: { fields: {r: 'Range', p: 'Performance', t: 'Target'} }
+            },
+            // Defaults for pie charts
+            pie: {
+                offset: 0,
+                sliceColors: ['#3366cc', '#dc3912', '#ff9900', '#109618', '#66aa00',
+                    '#dd4477', '#0099c6', '#990099'],
+                borderWidth: 0,
+                borderColor: '#000',
+                tooltipFormat: new SPFormat('<span style="color: {{color}}">&#9679;</span> {{value}} ({{percent.1}}%)')
+            },
+            // Defaults for box plots
+            box: {
+                raw: false,
+                boxLineColor: '#000',
+                boxFillColor: '#cdf',
+                whiskerColor: '#000',
+                outlierLineColor: '#333',
+                outlierFillColor: '#fff',
+                medianColor: '#f00',
+                showOutliers: true,
+                outlierIQR: 1.5,
+                spotRadius: 1.5,
+                target: undefined,
+                targetColor: '#4a2',
+                chartRangeMax: undefined,
+                chartRangeMin: undefined,
+                tooltipFormat: new SPFormat('{{field:fields}}: {{value}}'),
+                tooltipFormatFieldlistKey: 'field',
+                tooltipValueLookups: { fields: { lq: 'Lower Quartile', med: 'Median',
+                    uq: 'Upper Quartile', lo: 'Left Outlier', ro: 'Right Outlier',
+                    lw: 'Left Whisker', rw: 'Right Whisker'} }
+            }
+        };
+    };
+
+    // You can have tooltips use a css class other than jqstooltip by specifying tooltipClassname
+    defaultStyles = '.jqstooltip { ' +
+            'position: absolute;' +
+            'left: 0px;' +
+            'top: 0px;' +
+            'visibility: hidden;' +
+            'background: rgb(0, 0, 0) transparent;' +
+            'background-color: rgba(0,0,0,0.6);' +
+            'filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);' +
+            '-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";' +
+            'color: white;' +
+            'font: 10px arial, san serif;' +
+            'text-align: left;' +
+            'white-space: nowrap;' +
+            'padding: 5px;' +
+            'border: 1px solid white;' +
+            'z-index: 10000;' +
+            '}' +
+            '.jqsfield { ' +
+            'color: white;' +
+            'font: 10px arial, san serif;' +
+            'text-align: left;' +
+            '}';
+
+    /**
+     * Utilities
+     */
+
+    createClass = function (/* [baseclass, [mixin, ...]], definition */) {
+        var Class, args;
+        Class = function () {
+            this.init.apply(this, arguments);
+        };
+        if (arguments.length > 1) {
+            if (arguments[0]) {
+                Class.prototype = $.extend(new arguments[0](), arguments[arguments.length - 1]);
+                Class._super = arguments[0].prototype;
+            } else {
+                Class.prototype = arguments[arguments.length - 1];
+            }
+            if (arguments.length > 2) {
+                args = Array.prototype.slice.call(arguments, 1, -1);
+                args.unshift(Class.prototype);
+                $.extend.apply($, args);
+            }
+        } else {
+            Class.prototype = arguments[0];
+        }
+        Class.prototype.cls = Class;
+        return Class;
+    };
+
+    /**
+     * Wraps a format string for tooltips
+     * {{x}}
+     * {{x.2}
+     * {{x:months}}
+     */
+    $.SPFormatClass = SPFormat = createClass({
+        fre: /\{\{([\w.]+?)(:(.+?))?\}\}/g,
+        precre: /(\w+)\.(\d+)/,
+
+        init: function (format, fclass) {
+            this.format = format;
+            this.fclass = fclass;
+        },
+
+        render: function (fieldset, lookups, options) {
+            var self = this,
+                fields = fieldset,
+                match, token, lookupkey, fieldvalue, prec;
+            return this.format.replace(this.fre, function () {
+                var lookup;
+                token = arguments[1];
+                lookupkey = arguments[3];
+                match = self.precre.exec(token);
+                if (match) {
+                    prec = match[2];
+                    token = match[1];
+                } else {
+                    prec = false;
+                }
+                fieldvalue = fields[token];
+                if (fieldvalue === undefined) {
+                    return '';
+                }
+                if (lookupkey && lookups && lookups[lookupkey]) {
+                    lookup = lookups[lookupkey];
+                    if (lookup.get) { // RangeMap
+                        return lookups[lookupkey].get(fieldvalue) || fieldvalue;
+                    } else {
+                        return lookups[lookupkey][fieldvalue] || fieldvalue;
+                    }
+                }
+                if (isNumber(fieldvalue)) {
+                    if (options.get('numberFormatter')) {
+                        fieldvalue = options.get('numberFormatter')(fieldvalue);
+                    } else {
+                        fieldvalue = formatNumber(fieldvalue, prec,
+                            options.get('numberDigitGroupCount'),
+                            options.get('numberDigitGroupSep'),
+                            options.get('numberDecimalMark'));
+                    }
+                }
+                return fieldvalue;
+            });
+        }
+    });
+
+    // convience method to avoid needing the new operator
+    $.spformat = function(format, fclass) {
+        return new SPFormat(format, fclass);
+    };
+
+    clipval = function (val, min, max) {
+        if (val < min) {
+            return min;
+        }
+        if (val > max) {
+            return max;
+        }
+        return val;
+    };
+
+    quartile = function (values, q) {
+        var vl;
+        if (q === 2) {
+            vl = Math.floor(values.length / 2);
+            return values.length % 2 ? values[vl] : (values[vl-1] + values[vl]) / 2;
+        } else {
+            if (values.length % 2 ) { // odd
+                vl = (values.length * q + q) / 4;
+                return vl % 1 ? (values[Math.floor(vl)] + values[Math.floor(vl) - 1]) / 2 : values[vl-1];
+            } else { //even
+                vl = (values.length * q + 2) / 4;
+                return vl % 1 ? (values[Math.floor(vl)] + values[Math.floor(vl) - 1]) / 2 :  values[vl-1];
+
+            }
+        }
+    };
+
+    normalizeValue = function (val) {
+        var nf;
+        switch (val) {
+            case 'undefined':
+                val = undefined;
+                break;
+            case 'null':
+                val = null;
+                break;
+            case 'true':
+                val = true;
+                break;
+            case 'false':
+                val = false;
+                break;
+            default:
+                nf = parseFloat(val);
+                if (val == nf) {
+                    val = nf;
+                }
+        }
+        return val;
+    };
+
+    normalizeValues = function (vals) {
+        var i, result = [];
+        for (i = vals.length; i--;) {
+            result[i] = normalizeValue(vals[i]);
+        }
+        return result;
+    };
+
+    remove = function (vals, filter) {
+        var i, vl, result = [];
+        for (i = 0, vl = vals.length; i < vl; i++) {
+            if (vals[i] !== filter) {
+                result.push(vals[i]);
+            }
+        }
+        return result;
+    };
+
+    isNumber = function (num) {
+        return !isNaN(parseFloat(num)) && isFinite(num);
+    };
+
+    formatNumber = function (num, prec, groupsize, groupsep, decsep) {
+        var p, i;
+        num = (prec === false ? parseFloat(num).toString() : num.toFixed(prec)).split('');
+        p = (p = $.inArray('.', num)) < 0 ? num.length : p;
+        if (p < num.length) {
+            num[p] = decsep;
+        }
+        for (i = p - groupsize; i > 0; i -= groupsize) {
+            num.splice(i, 0, groupsep);
+        }
+        return num.join('');
+    };
+
+    // determine if all values of an array match a value
+    // returns true if the array is empty
+    all = function (val, arr, ignoreNull) {
+        var i;
+        for (i = arr.length; i--; ) {
+            if (ignoreNull && arr[i] === null) continue;
+            if (arr[i] !== val) {
+                return false;
+            }
+        }
+        return true;
+    };
+
+    // sums the numeric values in an array, ignoring other values
+    sum = function (vals) {
+        var total = 0, i;
+        for (i = vals.length; i--;) {
+            total += typeof vals[i] === 'number' ? vals[i] : 0;
+        }
+        return total;
+    };
+
+    ensureArray = function (val) {
+        return $.isArray(val) ? val : [val];
+    };
+
+    // http://paulirish.com/2008/bookmarklet-inject-new-css-rules/
+    addCSS = function(css) {
+        var tag;
+        //if ('\v' == 'v') /* ie only */ {
+        if (document.createStyleSheet) {
+            document.createStyleSheet().cssText = css;
+        } else {
+            tag = document.createElement('style');
+            tag.type = 'text/css';
+            document.getElementsByTagName('head')[0].appendChild(tag);
+            tag[(typeof document.body.style.WebkitAppearance == 'string') /* webkit only */ ? 'innerText' : 'innerHTML'] = css;
+        }
+    };
+
+    // Provide a cross-browser interface to a few simple drawing primitives
+    $.fn.simpledraw = function (width, height, useExisting, interact) {
+        var target, mhandler;
+        if (useExisting && (target = this.data('_jqs_vcanvas'))) {
+            return target;
+        }
+
+        if ($.fn.sparkline.canvas === false) {
+            // We've already determined that neither Canvas nor VML are available
+            return false;
+
+        } else if ($.fn.sparkline.canvas === undefined) {
+            // No function defined yet -- need to see if we support Canvas or VML
+            var el = document.createElement('canvas');
+            if (!!(el.getContext && el.getContext('2d'))) {
+                // Canvas is available
+                $.fn.sparkline.canvas = function(width, height, target, interact) {
+                    return new VCanvas_canvas(width, height, target, interact);
+                };
+            } else if (document.namespaces && !document.namespaces.v) {
+                // VML is available
+                document.namespaces.add('v', 'urn:schemas-microsoft-com:vml', '#default#VML');
+                $.fn.sparkline.canvas = function(width, height, target, interact) {
+                    return new VCanvas_vml(width, height, target);
+                };
+            } else {
+                // Neither Canvas nor VML are available
+                $.fn.sparkline.canvas = false;
+                return false;
+            }
+        }
+
+        if (width === undefined) {
+            width = $(this).innerWidth();
+        }
+        if (height === undefined) {
+            height = $(this).innerHeight();
+        }
+
+        target = $.fn.sparkline.canvas(width, height, this, interact);
+
+        mhandler = $(this).data('_jqs_mhandler');
+        if (mhandler) {
+            mhandler.registerCanvas(target);
+        }
+        return target;
+    };
+
+    $.fn.cleardraw = function () {
+        var target = this.data('_jqs_vcanvas');
+        if (target) {
+            target.reset();
+        }
+    };
+
+    $.RangeMapClass = RangeMap = createClass({
+        init: function (map) {
+            var key, range, rangelist = [];
+            for (key in map) {
+                if (map.hasOwnProperty(key) && typeof key === 'string' && key.indexOf(':') > -1) {
+                    range = key.split(':');
+                    range[0] = range[0].length === 0 ? -Infinity : parseFloat(range[0]);
+                    range[1] = range[1].length === 0 ? Infinity : parseFloat(range[1]);
+                    range[2] = map[key];
+                    rangelist.push(range);
+                }
+            }
+            this.map = map;
+            this.rangelist = rangelist || false;
+        },
+
+        get: function (value) {
+            var rangelist = this.rangelist,
+                i, range, result;
+            if ((result = this.map[value]) !== undefined) {
+                return result;
+            }
+            if (rangelist) {
+                for (i = rangelist.length; i--;) {
+                    range = rangelist[i];
+                    if (range[0] <= value && range[1] >= value) {
+                        return range[2];
+                    }
+                }
+            }
+            return undefined;
+        }
+    });
+
+    // Convenience function
+    $.range_map = function(map) {
+        return new RangeMap(map);
+    };
+
+    MouseHandler = createClass({
+        init: function (el, options) {
+            var $el = $(el);
+            this.$el = $el;
+            this.options = options;
+            this.currentPageX = 0;
+            this.currentPageY = 0;
+            this.el = el;
+            this.splist = [];
+            this.tooltip = null;
+            this.over = false;
+            this.displayTooltips = !options.get('disableTooltips');
+            this.highlightEnabled = !options.get('disableHighlight');
+        },
+
+        registerSparkline: function (sp) {
+            this.splist.push(sp);
+            if (this.over) {
+                this.updateDisplay();
+            }
+        },
+
+        registerCanvas: function (canvas) {
+            var $canvas = $(canvas.canvas);
+            this.canvas = canvas;
+            this.$canvas = $canvas;
+            $canvas.mouseenter($.proxy(this.mouseenter, this));
+            $canvas.mouseleave($.proxy(this.mouseleave, this));
+            $canvas.click($.proxy(this.mouseclick, this));
+        },
+
+        reset: function (removeTooltip) {
+            this.splist = [];
+            if (this.tooltip && removeTooltip) {
+                this.tooltip.remove();
+                this.tooltip = undefined;
+            }
+        },
+
+        mouseclick: function (e) {
+            var clickEvent = $.Event('sparklineClick');
+            clickEvent.originalEvent = e;
+            clickEvent.sparklines = this.splist;
+            this.$el.trigger(clickEvent);
+        },
+
+        mouseenter: function (e) {
+            $(document.body).unbind('mousemove.jqs');
+            $(document.body).bind('mousemove.jqs', $.proxy(this.mousemove, this));
+            this.over = true;
+            this.currentPageX = e.pageX;
+            this.currentPageY = e.pageY;
+            this.currentEl = e.target;
+            if (!this.tooltip && this.displayTooltips) {
+                this.tooltip = new Tooltip(this.options);
+                this.tooltip.updatePosition(e.pageX, e.pageY);
+            }
+            this.updateDisplay();
+        },
+
+        mouseleave: function () {
+            $(document.body).unbind('mousemove.jqs');
+            var splist = this.splist,
+                 spcount = splist.length,
+                 needsRefresh = false,
+                 sp, i;
+            this.over = false;
+            this.currentEl = null;
+
+            if (this.tooltip) {
+                this.tooltip.remove();
+                this.tooltip = null;
+            }
+
+            for (i = 0; i < spcount; i++) {
+                sp = splist[i];
+                if (sp.clearRegionHighlight()) {
+                    needsRefresh = true;
+                }
+            }
+
+            if (needsRefresh) {
+                this.canvas.render();
+            }
+        },
+
+        mousemove: function (e) {
+            this.currentPageX = e.pageX;
+            this.currentPageY = e.pageY;
+            this.currentEl = e.target;
+            if (this.tooltip) {
+                this.tooltip.updatePosition(e.pageX, e.pageY);
+            }
+            this.updateDisplay();
+        },
+
+        updateDisplay: function () {
+            var splist = this.splist,
+                 spcount = splist.length,
+                 needsRefresh = false,
+                 offset = this.$canvas.offset(),
+                 localX = this.currentPageX - offset.left,
+                 localY = this.currentPageY - offset.top,
+                 tooltiphtml, sp, i, result, changeEvent;
+            if (!this.over) {
+                return;
+            }
+            for (i = 0; i < spcount; i++) {
+                sp = splist[i];
+                result = sp.setRegionHighlight(this.currentEl, localX, localY);
+                if (result) {
+                    needsRefresh = true;
+                }
+            }
+            if (needsRefresh) {
+                changeEvent = $.Event('sparklineRegionChange');
+                changeEvent.sparklines = this.splist;
+                this.$el.trigger(changeEvent);
+                if (this.tooltip) {
+                    tooltiphtml = '';
+                    for (i = 0; i < spcount; i++) {
+                        sp = splist[i];
+                        tooltiphtml += sp.getCurrentRegionTooltip();
+                    }
+                    this.tooltip.setContent(tooltiphtml);
+                }
+                if (!this.disableHighlight) {
+                    this.canvas.render();
+                }
+            }
+            if (result === null) {
+                this.mouseleave();
+            }
+        }
+    });
+
+
+    Tooltip = createClass({
+        sizeStyle: 'position: static !important;' +
+            'display: block !important;' +
+            'visibility: hidden !important;' +
+            'float: left !important;',
+
+        init: function (options) {
+            var tooltipClassname = options.get('tooltipClassname', 'jqstooltip'),
+                sizetipStyle = this.sizeStyle,
+                offset;
+            this.container = options.get('tooltipContainer') || document.body;
+            this.tooltipOffsetX = options.get('tooltipOffsetX', 10);
+            this.tooltipOffsetY = options.get('tooltipOffsetY', 12);
+            // remove any previous lingering tooltip
+            $('#jqssizetip').remove();
+            $('#jqstooltip').remove();
+            this.sizetip = $('<div/>', {
+                id: 'jqssizetip',
+                style: sizetipStyle,
+                'class': tooltipClassname
+            });
+            this.tooltip = $('<div/>', {
+                id: 'jqstooltip',
+                'class': tooltipClassname
+            }).appendTo(this.container);
+            // account for the container's location
+            offset = this.tooltip.offset();
+            this.offsetLeft = offset.left;
+            this.offsetTop = offset.top;
+            this.hidden = true;
+            $(window).unbind('resize.jqs scroll.jqs');
+            $(window).bind('resize.jqs scroll.jqs', $.proxy(this.updateWindowDims, this));
+            this.updateWindowDims();
+        },
+
+        updateWindowDims: function () {
+            this.scrollTop = $(window).scrollTop();
+            this.scrollLeft = $(window).scrollLeft();
+            this.scrollRight = this.scrollLeft + $(window).width();
+            this.updatePosition();
+        },
+
+        getSize: function (content) {
+            this.sizetip.html(content).appendTo(this.container);
+            this.width = this.sizetip.width() + 1;
+            this.height = this.sizetip.height();
+            this.sizetip.remove();
+        },
+
+        setContent: function (content) {
+            if (!content) {
+                this.tooltip.css('visibility', 'hidden');
+                this.hidden = true;
+                return;
+            }
+            this.getSize(content);
+            this.tooltip.html(content)
+                .css({
+                    'width': this.width,
+                    'height': this.height,
+                    'visibility': 'visible'
+                });
+            if (this.hidden) {
+                this.hidden = false;
+                this.updatePosition();
+            }
+        },
+
+        updatePosition: function (x, y) {
+            if (x === undefined) {
+                if (this.mousex === undefined) {
+                    return;
+                }
+                x = this.mousex - this.offsetLeft;
+                y = this.mousey - this.offsetTop;
+
+            } else {
+                this.mousex = x = x - this.offsetLeft;
+                this.mousey = y = y - this.offsetTop;
+            }
+            if (!this.height || !this.width || this.hidden) {
+                return;
+            }
+
+            y -= this.height + this.tooltipOffsetY;
+            x += this.tooltipOffsetX;
+
+            if (y < this.scrollTop) {
+                y = this.scrollTop;
+            }
+            if (x < this.scrollLeft) {
+                x = this.scrollLeft;
+            } else if (x + this.width > this.scrollRight) {
+                x = this.scrollRight - this.width;
+            }
+
+            this.tooltip.css({
+                'left': x,
+                'top': y
+            });
+        },
+
+        remove: function () {
+            this.tooltip.remove();
+            this.sizetip.remove();
+            this.sizetip = this.tooltip = undefined;
+            $(window).unbind('resize.jqs scroll.jqs');
+        }
+    });
+
+    initStyles = function() {
+        addCSS(defaultStyles);
+    };
+
+    $(initStyles);
+
+    pending = [];
+    $.fn.sparkline = function (userValues, userOptions) {
+        return this.each(function () {
+            var options = new $.fn.sparkline.options(this, userOptions),
+                 $this = $(this),
+                 render, i;
+            render = function () {
+                var values, width, height, tmp, mhandler, sp, vals;
+                if (userValues === 'html' || userValues === undefined) {
+                    vals = this.getAttribute(options.get('tagValuesAttribute'));
+                    if (vals === undefined || vals === null) {
+                        vals = $this.html();
+                    }
+                    values = vals.replace(/(^\s*<!--)|(-->\s*$)|\s+/g, '').split(',');
+                } else {
+                    values = userValues;
+                }
+
+                width = options.get('width') === 'auto' ? values.length * options.get('defaultPixelsPerValue') : options.get('width');
+                if (options.get('height') === 'auto') {
+                    if (!options.get('composite') || !$.data(this, '_jqs_vcanvas')) {
+                        // must be a better way to get the line height
+                        tmp = document.createElement('span');
+                        tmp.innerHTML = 'a';
+                        $this.html(tmp);
+                        height = $(tmp).innerHeight() || $(tmp).height();
+                        $(tmp).remove();
+                        tmp = null;
+                    }
+                } else {
+                    height = options.get('height');
+                }
+
+                if (!options.get('disableInteraction')) {
+                    mhandler = $.data(this, '_jqs_mhandler');
+                    if (!mhandler) {
+                        mhandler = new MouseHandler(this, options);
+                        $.data(this, '_jqs_mhandler', mhandler);
+                    } else if (!options.get('composite')) {
+                        mhandler.reset();
+                    }
+                } else {
+                    mhandler = false;
+                }
+
+                if (options.get('composite') && !$.data(this, '_jqs_vcanvas')) {
+                    if (!$.data(this, '_jqs_errnotify')) {
+                        alert('Attempted to attach a composite sparkline to an element with no existing sparkline');
+                        $.data(this, '_jqs_errnotify', true);
+                    }
+                    return;
+                }
+
+                sp = new $.fn.sparkline[options.get('type')](this, values, options, width, height);
+
+                sp.render();
+
+                if (mhandler) {
+                    mhandler.registerSparkline(sp);
+                }
+            };
+            if (($(this).html() && !options.get('disableHiddenCheck') && $(this).is(':hidden')) || !$(this).parents('body').length) {
+                if (!options.get('composite') && $.data(this, '_jqs_pending')) {
+                    // remove any existing references to the element
+                    for (i = pending.length; i; i--) {
+                        if (pending[i - 1][0] == this) {
+                            pending.splice(i - 1, 1);
+                        }
+                    }
+                }
+                pending.push([this, render]);
+                $.data(this, '_jqs_pending', true);
+            } else {
+                render.call(this);
+            }
+        });
+    };
+
+    $.fn.sparkline.defaults = getDefaults();
+
+
+    $.sparkline_display_visible = function () {
+        var el, i, pl;
+        var done = [];
+        for (i = 0, pl = pending.length; i < pl; i++) {
+            el = pending[i][0];
+            if ($(el).is(':visible') && !$(el).parents().is(':hidden')) {
+                pending[i][1].call(el);
+                $.data(pending[i][0], '_jqs_pending', false);
+                done.push(i);
+            } else if (!$(el).closest('html').length && !$.data(el, '_jqs_pending')) {
+                // element has been inserted and removed from the DOM
+                // If it was not yet inserted into the dom then the .data request
+                // will return true.
+                // removing from the dom causes the data to be removed.
+                $.data(pending[i][0], '_jqs_pending', false);
+                done.push(i);
+            }
+        }
+        for (i = done.length; i; i--) {
+            pending.splice(done[i - 1], 1);
+        }
+    };
+
+
+    /**
+     * User option handler
+     */
+    $.fn.sparkline.options = createClass({
+        init: function (tag, userOptions) {
+            var extendedOptions, defaults, base, tagOptionType;
+            this.userOptions = userOptions = userOptions || {};
+            this.tag = tag;
+            this.tagValCache = {};
+            defaults = $.fn.sparkline.defaults;
+            base = defaults.common;
+            this.tagOptionsPrefix = userOptions.enableTagOptions && (userOptions.tagOptionsPrefix || base.tagOptionsPrefix);
+
+            tagOptionType = this.getTagSetting('type');
+            if (tagOptionType === UNSET_OPTION) {
+                extendedOptions = defaults[userOptions.type || base.type];
+            } else {
+                extendedOptions = defaults[tagOptionType];
+            }
+            this.mergedOptions = $.extend({}, base, extendedOptions, userOptions);
+        },
+
+
+        getTagSetting: function (key) {
+            var prefix = this.tagOptionsPrefix,
+                val, i, pairs, keyval;
+            if (prefix === false || prefix === undefined) {
+                return UNSET_OPTION;
+            }
+            if (this.tagValCache.hasOwnProperty(key)) {
+                val = this.tagValCache.key;
+            } else {
+                val = this.tag.getAttribute(prefix + key);
+                if (val === undefined || val === null) {
+                    val = UNSET_OPTION;
+                } else if (val.substr(0, 1) === '[') {
+                    val = val.substr(1, val.length - 2).split(',');
+                    for (i = val.length; i--;) {
+                        val[i] = normalizeValue(val[i].replace(/(^\s*)|(\s*$)/g, ''));
+                    }
+                } else if (val.substr(0, 1) === '{') {
+                    pairs = val.substr(1, val.length - 2).split(',');
+                    val = {};
+                    for (i = pairs.length; i--;) {
+                        keyval = pairs[i].split(':', 2);
+                        val[keyval[0].replace(/(^\s*)|(\s*$)/g, '')] = normalizeValue(keyval[1].replace(/(^\s*)|(\s*$)/g, ''));
+                    }
+                } else {
+                    val = normalizeValue(val);
+                }
+                this.tagValCache.key = val;
+            }
+            return val;
+        },
+
+        get: function (key, defaultval) {
+            var tagOption = this.getTagSetting(key),
+                result;
+            if (tagOption !== UNSET_OPTION) {
+                return tagOption;
+            }
+            return (result = this.mergedOptions[key]) === undefined ? defaultval : result;
+        }
+    });
+
+
+    $.fn.sparkline._base = createClass({
+        disabled: false,
+
+        init: function (el, values, options, width, height) {
+            this.el = el;
+            this.$el = $(el);
+            this.values = values;
+            this.options = options;
+            this.width = width;
+            this.height = height;
+            this.currentRegion = undefined;
+        },
+
+        /**
+         * Setup the canvas
+         */
+        initTarget: function () {
+            var interactive = !this.options.get('disableInteraction');
+            if (!(this.target = this.$el.simpledraw(this.width, this.height, this.options.get('composite'), interactive))) {
+                this.disabled = true;
+            } else {
+                this.canvasWidth = this.target.pixelWidth;
+                this.canvasHeight = this.target.pixelHeight;
+            }
+        },
+
+        /**
+         * Actually render the chart to the canvas
+         */
+        render: function () {
+            if (this.disabled) {
+                this.el.innerHTML = '';
+                return false;
+            }
+            return true;
+        },
+
+        /**
+         * Return a region id for a given x/y co-ordinate
+         */
+        getRegion: function (x, y) {
+        },
+
+        /**
+         * Highlight an item based on the moused-over x,y co-ordinate
+         */
+        setRegionHighlight: function (el, x, y) {
+            var currentRegion = this.currentRegion,
+                highlightEnabled = !this.options.get('disableHighlight'),
+                newRegion;
+            if (x > this.canvasWidth || y > this.canvasHeight || x < 0 || y < 0) {
+                return null;
+            }
+            newRegion = this.getRegion(el, x, y);
+            if (currentRegion !== newRegion) {
+                if (currentRegion !== undefined && highlightEnabled) {
+                    this.removeHighlight();
+                }
+                this.currentRegion = newRegion;
+                if (newRegion !== undefined && highlightEnabled) {
+                    this.renderHighlight();
+                }
+                return true;
+            }
+            return false;
+        },
+
+        /**
+         * Reset any currently highlighted item
+         */
+        clearRegionHighlight: function () {
+            if (this.currentRegion !== undefined) {
+                this.removeHighlight();
+                this.currentRegion = undefined;
+                return true;
+            }
+            return false;
+        },
+
+        renderHighlight: function () {
+            this.changeHighlight(true);
+        },
+
+        removeHighlight: function () {
+            this.changeHighlight(false);
+        },
+
+        changeHighlight: function (highlight)  {},
+
+        /**
+         * Fetch the HTML to display as a tooltip
+         */
+        getCurrentRegionTooltip: function () {
+            var options = this.options,
+                header = '',
+                entries = [],
+                fields, formats, formatlen, fclass, text, i,
+                showFields, showFieldsKey, newFields, fv,
+                formatter, format, fieldlen, j;
+            if (this.currentRegion === undefined) {
+                return '';
+            }
+            fields = this.getCurrentRegionFields();
+            formatter = options.get('tooltipFormatter');
+            if (formatter) {
+                return formatter(this, options, fields);
+            }
+            if (options.get('tooltipChartTitle')) {
+                header += '<div class="jqs jqstitle">' + options.get('tooltipChartTitle') + '</div>\n';
+            }
+            formats = this.options.get('tooltipFormat');
+            if (!formats) {
+                return '';
+            }
+            if (!$.isArray(formats)) {
+                formats = [formats];
+            }
+            if (!$.isArray(fields)) {
+                fields = [fields];
+            }
+            showFields = this.options.get('tooltipFormatFieldlist');
+            showFieldsKey = this.options.get('tooltipFormatFieldlistKey');
+            if (showFields && showFieldsKey) {
+                // user-selected ordering of fields
+                newFields = [];
+                for (i = fields.length; i--;) {
+                    fv = fields[i][showFieldsKey];
+                    if ((j = $.inArray(fv, showFields)) != -1) {
+                        newFields[j] = fields[i];
+                    }
+                }
+                fields = newFields;
+            }
+            formatlen = formats.length;
+            fieldlen = fields.length;
+            for (i = 0; i < formatlen; i++) {
+                format = formats[i];
+                if (typeof format === 'string') {
+                    format = new SPFormat(format);
+                }
+                fclass = format.fclass || 'jqsfield';
+                for (j = 0; j < fieldlen; j++) {
+                    if (!fields[j].isNull || !options.get('tooltipSkipNull')) {
+                        $.extend(fields[j], {
+                            prefix: options.get('tooltipPrefix'),
+                            suffix: options.get('tooltipSuffix')
+                        });
+                        text = format.render(fields[j], options.get('tooltipValueLookups'), options);
+                        entries.push('<div class="' + fclass + '">' + text + '</div>');
+                    }
+                }
+            }
+            if (entries.length) {
+                return header + entries.join('\n');
+            }
+            return '';
+        },
+
+        getCurrentRegionFields: function () {},
+
+        calcHighlightColor: function (color, options) {
+            var highlightColor = options.get('highlightColor'),
+                lighten = options.get('highlightLighten'),
+                parse, mult, rgbnew, i;
+            if (highlightColor) {
+                return highlightColor;
+            }
+            if (lighten) {
+                // extract RGB values
+                parse = /^#([0-9a-f])([0-9a-f])([0-9a-f])$/i.exec(color) || /^#([0-9a-f]{2})([0-9a-f]{2})([0-9a-f]{2})$/i.exec(color);
+                if (parse) {
+                    rgbnew = [];
+                    mult = color.length === 4 ? 16 : 1;
+                    for (i = 0; i < 3; i++) {
+                        rgbnew[i] = clipval(Math.round(parseInt(parse[i + 1], 16) * mult * lighten), 0, 255);
+                    }
+                    return 'rgb(' + rgbnew.join(',') + ')';
+                }
+
+            }
+            return color;
+        }
+
+    });
+
+    barHighlightMixin = {
+        changeHighlight: function (highlight) {
+            var currentRegion = this.currentRegion,
+                target = this.target,
+                shapeids = this.regionShapes[currentRegion],
+                newShapes;
+            // will be null if the region value was null
+            if (shapeids) {
+                newShapes = this.renderRegion(currentRegion, highlight);
+                if ($.isArray(newShapes) || $.isArray(shapeids)) {
+                    target.replaceWithShapes(shapeids, newShapes);
+                    this.regionShapes[currentRegion] = $.map(newShapes, function (newShape) {
+                        return newShape.id;
+                    });
+                } else {
+                    target.replaceWithShape(shapeids, newShapes);
+                    this.regionShapes[currentRegion] = newShapes.id;
+                }
+            }
+        },
+
+        render: function () {
+            var values = this.values,
+                target = this.target,
+                regionShapes = this.regionShapes,
+                shapes, ids, i, j;
+
+            if (!this.cls._super.render.call(this)) {
+                return;
+            }
+            for (i = values.length; i--;) {
+                shapes = this.renderRegion(i);
+                if (shapes) {
+                    if ($.isArray(shapes)) {
+                        ids = [];
+                        for (j = shapes.length; j--;) {
+                            shapes[j].append();
+                            ids.push(shapes[j].id);
+                        }
+                        regionShapes[i] = ids;
+                    } else {
+                        shapes.append();
+                        regionShapes[i] = shapes.id; // store just the shapeid
+                    }
+                } else {
+                    // null value
+                    regionShapes[i] = null;
+                }
+            }
+            target.render();
+        }
+    };
+
+    /**
+     * Line charts
+     */
+    $.fn.sparkline.line = line = createClass($.fn.sparkline._base, {
+        type: 'line',
+
+        init: function (el, values, options, width, height) {
+            line._super.init.call(this, el, values, options, width, height);
+            this.vertices = [];
+            this.regionMap = [];
+            this.xvalues = [];
+            this.yvalues = [];
+            this.yminmax = [];
+            this.hightlightSpotId = null;
+            this.lastShapeId = null;
+            this.initTarget();
+        },
+
+        getRegion: function (el, x, y) {
+            var i,
+                regionMap = this.regionMap; // maps regions to value positions
+            for (i = regionMap.length; i--;) {
+                if (regionMap[i] !== null && x >= regionMap[i][0] && x <= regionMap[i][1]) {
+                    return regionMap[i][2];
+                }
+            }
+            return undefined;
+        },
+
+        getCurrentRegionFields: function () {
+            var currentRegion = this.currentRegion;
+            return {
+                isNull: this.yvalues[currentRegion] === null,
+                x: this.xvalues[currentRegion],
+                y: this.yvalues[currentRegion],
+                color: this.options.get('lineColor'),
+                fillColor: this.options.get('fillColor'),
+                offset: currentRegion
+            };
+        },
+
+        renderHighlight: function () {
+            var currentRegion = this.currentRegion,
+                target = this.target,
+                vertex = this.vertices[currentRegion],
+                options = this.options,
+                spotRadius = options.get('spotRadius'),
+                highlightSpotColor = options.get('highlightSpotColor'),
+                highlightLineColor = options.get('highlightLineColor'),
+                highlightSpot, highlightLine;
+
+            if (!vertex) {
+                return;
+            }
+            if (spotRadius && highlightSpotColor) {
+                highlightSpot = target.drawCircle(vertex[0], vertex[1],
+                    spotRadius, undefined, highlightSpotColor);
+                this.highlightSpotId = highlightSpot.id;
+                target.insertAfterShape(this.lastShapeId, highlightSpot);
+            }
+            if (highlightLineColor) {
+                highlightLine = target.drawLine(vertex[0], this.canvasTop, vertex[0],
+                    this.canvasTop + this.canvasHeight, highlightLineColor);
+                this.highlightLineId = highlightLine.id;
+                target.insertAfterShape(this.lastShapeId, highlightLine);
+            }
+        },
+
+        removeHighlight: function () {
+            var target = this.target;
+            if (this.highlightSpotId) {
+                target.removeShapeId(this.highlightSpotId);
+                this.highlightSpotId = null;
+            }
+            if (this.highlightLineId) {
+                target.removeShapeId(this.highlightLineId);
+                this.highlightLineId = null;
+            }
+        },
+
+        scanValues: function () {
+            var values = this.values,
+                valcount = values.length,
+                xvalues = this.xvalues,
+                yvalues = this.yvalues,
+                yminmax = this.yminmax,
+                i, val, isStr, isArray, sp;
+            for (i = 0; i < valcount; i++) {
+                val = values[i];
+                isStr = typeof(values[i]) === 'string';
+                isArray = typeof(values[i]) === 'object' && values[i] instanceof Array;
+                sp = isStr && values[i].split(':');
+                if (isStr && sp.length === 2) { // x:y
+                    xvalues.push(Number(sp[0]));
+                    yvalues.push(Number(sp[1]));
+                    yminmax.push(Number(sp[1]));
+                } else if (isArray) {
+                    xvalues.push(val[0]);
+                    yvalues.push(val[1]);
+                    yminmax.push(val[1]);
+                } else {
+                    xvalues.push(i);
+                    if (values[i] === null || values[i] === 'null') {
+                        yvalues.push(null);
+                    } else {
+                        yvalues.push(Number(val));
+                        yminmax.push(Number(val));
+                    }
+                }
+            }
+            if (this.options.get('xvalues')) {
+                xvalues = this.options.get('xvalues');
+            }
+
+            this.maxy = this.maxyorg = Math.max.apply(Math, yminmax);
+            this.miny = this.minyorg = Math.min.apply(Math, yminmax);
+
+            this.maxx = Math.max.apply(Math, xvalues);
+            this.minx = Math.min.apply(Math, xvalues);
+
+            this.xvalues = xvalues;
+            this.yvalues = yvalues;
+            this.yminmax = yminmax;
+
+        },
+
+        processRangeOptions: function () {
+            var options = this.options,
+                normalRangeMin = options.get('normalRangeMin'),
+                normalRangeMax = options.get('normalRangeMax');
+
+            if (normalRangeMin !== undefined) {
+                if (normalRangeMin < this.miny) {
+                    this.miny = normalRangeMin;
+                }
+                if (normalRangeMax > this.maxy) {
+                    this.maxy = normalRangeMax;
+                }
+            }
+            if (options.get('chartRangeMin') !== undefined && (options.get('chartRangeClip') || options.get('chartRangeMin') < this.miny)) {
+                this.miny = options.get('chartRangeMin');
+            }
+            if (options.get('chartRangeMax') !== undefined && (options.get('chartRangeClip') || options.get('chartRangeMax') > this.maxy)) {
+                this.maxy = options.get('chartRangeMax');
+            }
+            if (options.get('chartRangeMinX') !== undefined && (options.get('chartRangeClipX') || options.get('chartRangeMinX') < this.minx)) {
+                this.minx = options.get('chartRangeMinX');
+            }
+            if (options.get('chartRangeMaxX') !== undefined && (options.get('chartRangeClipX') || options.get('chartRangeMaxX') > this.maxx)) {
+                this.maxx = options.get('chartRangeMaxX');
+            }
+
+        },
+
+        drawNormalRange: function (canvasLeft, canvasTop, canvasHeight, canvasWidth, rangey) {
+            var normalRangeMin = this.options.get('normalRangeMin'),
+                normalRangeMax = this.options.get('normalRangeMax'),
+                ytop = canvasTop + Math.round(canvasHeight - (canvasHeight * ((normalRangeMax - this.miny) / rangey))),
+                height = Math.round((canvasHeight * (normalRangeMax - normalRangeMin)) / rangey);
+            this.target.drawRect(canvasLeft, ytop, canvasWidth, height, undefined, this.options.get('normalRangeColor')).append();
+        },
+
+        render: function () {
+            var options = this.options,
+                target = this.target,
+                canvasWidth = this.canvasWidth,
+                canvasHeight = this.canvasHeight,
+                vertices = this.vertices,
+                spotRadius = options.get('spotRadius'),
+                regionMap = this.regionMap,
+                rangex, rangey, yvallast,
+                canvasTop, canvasLeft,
+                vertex, path, paths, x, y, xnext, xpos, xposnext,
+                last, next, yvalcount, lineShapes, fillShapes, plen,
+                valueSpots, hlSpotsEnabled, color, xvalues, yvalues, i;
+
+            if (!line._super.render.call(this)) {
+                return;
+            }
+
+            this.scanValues();
+            this.processRangeOptions();
+
+            xvalues = this.xvalues;
+            yvalues = this.yvalues;
+
+            if (!this.yminmax.length || this.yvalues.length < 2) {
+                // empty or all null valuess
+                return;
+            }
+
+            canvasTop = canvasLeft = 0;
+
+            rangex = this.maxx - this.minx === 0 ? 1 : this.maxx - this.minx;
+            rangey = this.maxy - this.miny === 0 ? 1 : this.maxy - this.miny;
+            yvallast = this.yvalues.length - 1;
+
+            if (spotRadius && (canvasWidth < (spotRadius * 4) || canvasHeight < (spotRadius * 4))) {
+                spotRadius = 0;
+            }
+            if (spotRadius) {
+                // adjust the canvas size as required so that spots will fit
+                hlSpotsEnabled = options.get('highlightSpotColor') &&  !options.get('disableInteraction');
+                if (hlSpotsEnabled || options.get('minSpotColor') || (options.get('spotColor') && yvalues[yvallast] === this.miny)) {
+                    canvasHeight -= Math.ceil(spotRadius);
+                }
+                if (hlSpotsEnabled || options.get('maxSpotColor') || (options.get('spotColor') && yvalues[yvallast] === this.maxy)) {
+                    canvasHeight -= Math.ceil(spotRadius);
+                    canvasTop += Math.ceil(spotRadius);
+                }
+                if (hlSpotsEnabled ||
+                     ((options.get('minSpotColor') || options.get('maxSpotColor')) && (yvalues[0] === this.miny || yvalues[0] === this.maxy))) {
+                    canvasLeft += Math.ceil(spotRadius);
+                    canvasWidth -= Math.ceil(spotRadius);
+                }
+                if (hlSpotsEnabled || options.get('spotColor') ||
+                    (options.get('minSpotColor') || options.get('maxSpotColor') &&
+                        (yvalues[yvallast] === this.miny || yvalues[yvallast] === this.maxy))) {
+                    canvasWidth -= Math.ceil(spotRadius);
+                }
+            }
+
+
+            canvasHeight--;
+
+            if (options.get('normalRangeMin') !== undefined && !options.get('drawNormalOnTop')) {
+                this.drawNormalRange(canvasLeft, canvasTop, canvasHeight, canvasWidth, rangey);
+            }
+
+            path = [];
+            paths = [path];
+            last = next = null;
+            yvalcount = yvalues.length;
+            for (i = 0; i < yvalcount; i++) {
+                x = xvalues[i];
+                xnext = xvalues[i + 1];
+                y = yvalues[i];
+                xpos = canvasLeft + Math.round((x - this.minx) * (canvasWidth / rangex));
+                xposnext = i < yvalcount - 1 ? canvasLeft + Math.round((xnext - this.minx) * (canvasWidth / rangex)) : canvasWidth;
+                next = xpos + ((xposnext - xpos) / 2);
+                regionMap[i] = [last || 0, next, i];
+                last = next;
+                if (y === null) {
+                    if (i) {
+                        if (yvalues[i - 1] !== null) {
+                            path = [];
+                            paths.push(path);
+                        }
+                        vertices.push(null);
+                    }
+                } else {
+                    if (y < this.miny) {
+                        y = this.miny;
+                    }
+                    if (y > this.maxy) {
+                        y = this.maxy;
+                    }
+                    if (!path.length) {
+                        // previous value was null
+                        path.push([xpos, canvasTop + canvasHeight]);
+                    }
+                    vertex = [xpos, canvasTop + Math.round(canvasHeight - (canvasHeight * ((y - this.miny) / rangey)))];
+                    path.push(vertex);
+                    vertices.push(vertex);
+                }
+            }
+
+            lineShapes = [];
+            fillShapes = [];
+            plen = paths.length;
+            for (i = 0; i < plen; i++) {
+                path = paths[i];
+                if (path.length) {
+                    if (options.get('fillColor')) {
+                        path.push([path[path.length - 1][0], (canvasTop + canvasHeight)]);
+                        fillShapes.push(path.slice(0));
+                        path.pop();
+                    }
+                    // if there's only a single point in this path, then we want to display it
+                    // as a vertical line which means we keep path[0]  as is
+                    if (path.length > 2) {
+                        // else we want the first value
+                        path[0] = [path[0][0], path[1][1]];
+                    }
+                    lineShapes.push(path);
+                }
+            }
+
+            // draw the fill first, then optionally the normal range, then the line on top of that
+            plen = fillShapes.length;
+            for (i = 0; i < plen; i++) {
+                target.drawShape(fillShapes[i],
+                    options.get('fillColor'), options.get('fillColor')).append();
+            }
+
+            if (options.get('normalRangeMin') !== undefined && options.get('drawNormalOnTop')) {
+                this.drawNormalRange(canvasLeft, canvasTop, canvasHeight, canvasWidth, rangey);
+            }
+
+            plen = lineShapes.length;
+            for (i = 0; i < plen; i++) {
+                target.drawShape(lineShapes[i], options.get('lineColor'), undefined,
+                    options.get('lineWidth')).append();
+            }
+
+            if (spotRadius && options.get('valueSpots')) {
+                valueSpots = options.get('valueSpots');
+                if (valueSpots.get === undefined) {
+                    valueSpots = new RangeMap(valueSpots);
+                }
+                for (i = 0; i < yvalcount; i++) {
+                    color = valueSpots.get(yvalues[i]);
+                    if (color) {
+                        target.drawCircle(canvasLeft + Math.round((xvalues[i] - this.minx) * (canvasWidth / rangex)),
+                            canvasTop + Math.round(canvasHeight - (canvasHeight * ((yvalues[i] - this.miny) / rangey))),
+                            spotRadius, undefined,
+                            color).append();
+                    }
+                }
+
+            }
+            if (spotRadius && options.get('spotColor') && yvalues[yvallast] !== null) {
+                target.drawCircle(canvasLeft + Math.round((xvalues[xvalues.length - 1] - this.minx) * (canvasWidth / rangex)),
+                    canvasTop + Math.round(canvasHeight - (canvasHeight * ((yvalues[yvallast] - this.miny) / rangey))),
+                    spotRadius, undefined,
+                    options.get('spotColor')).append();
+            }
+            if (this.maxy !== this.minyorg) {
+                if (spotRadius && options.get('minSpotColor')) {
+                    x = xvalues[$.inArray(this.minyorg, yvalues)];
+                    target.drawCircle(canvasLeft + Math.round((x - this.minx) * (canvasWidth / rangex)),
+                        canvasTop + Math.round(canvasHeight - (canvasHeight * ((this.minyorg - this.miny) / rangey))),
+                        spotRadius, undefined,
+                        options.get('minSpotColor')).append();
+                }
+                if (spotRadius && options.get('maxSpotColor')) {
+                    x = xvalues[$.inArray(this.maxyorg, yvalues)];
+                    target.drawCircle(canvasLeft + Math.round((x - this.minx) * (canvasWidth / rangex)),
+                        canvasTop + Math.round(canvasHeight - (canvasHeight * ((this.maxyorg - this.miny) / rangey))),
+                        spotRadius, undefined,
+                        options.get('maxSpotColor')).append();
+                }
+            }
+
+            this.lastShapeId = target.getLastShapeId();
+            this.canvasTop = canvasTop;
+            target.render();
+        }
+    });
+
+    /**
+     * Bar charts
+     */
+    $.fn.sparkline.bar = bar = createClass($.fn.sparkline._base, barHighlightMixin, {
+        type: 'bar',
+
+        init: function (el, values, options, width, height) {
+            var barWidth = parseInt(options.get('barWidth'), 10),
+                barSpacing = parseInt(options.get('barSpacing'), 10),
+                chartRangeMin = options.get('chartRangeMin'),
+                chartRangeMax = options.get('chartRangeMax'),
+                chartRangeClip = options.get('chartRangeClip'),
+                stackMin = Infinity,
+                stackMax = -Infinity,
+                isStackString, groupMin, groupMax, stackRanges,
+                numValues, i, vlen, range, zeroAxis, xaxisOffset, min, max, clipMin, clipMax,
+                stacked, vlist, j, slen, svals, val, yoffset, yMaxCalc, canvasHeightEf;
+            bar._super.init.call(this, el, values, options, width, height);
+
+            // scan values to determine whether to stack bars
+            for (i = 0, vlen = values.length; i < vlen; i++) {
+                val = values[i];
+                isStackString = typeof(val) === 'string' && val.indexOf(':') > -1;
+                if (isStackString || $.isArray(val)) {
+                    stacked = true;
+                    if (isStackString) {
+                        val = values[i] = normalizeValues(val.split(':'));
+                    }
+                    val = remove(val, null); // min/max will treat null as zero
+                    groupMin = Math.min.apply(Math, val);
+                    groupMax = Math.max.apply(Math, val);
+                    if (groupMin < stackMin) {
+                        stackMin = groupMin;
+                    }
+                    if (groupMax > stackMax) {
+                        stackMax = groupMax;
+                    }
+                }
+            }
+
+            this.stacked = stacked;
+            this.regionShapes = {};
+            this.barWidth = barWidth;
+            this.barSpacing = barSpacing;
+            this.totalBarWidth = barWidth + barSpacing;
+            this.width = width = (values.length * barWidth) + ((values.length - 1) * barSpacing);
+
+            this.initTarget();
+
+            if (chartRangeClip) {
+                clipMin = chartRangeMin === undefined ? -Infinity : chartRangeMin;
+                clipMax = chartRangeMax === undefined ? Infinity : chartRangeMax;
+            }
+
+            numValues = [];
+            stackRanges = stacked ? [] : numValues;
+            var stackTotals = [];
+            var stackRangesNeg = [];
+            for (i = 0, vlen = values.length; i < vlen; i++) {
+                if (stacked) {
+                    vlist = values[i];
+                    values[i] = svals = [];
+                    stackTotals[i] = 0;
+                    stackRanges[i] = stackRangesNeg[i] = 0;
+                    for (j = 0, slen = vlist.length; j < slen; j++) {
+                        val = svals[j] = chartRangeClip ? clipval(vlist[j], clipMin, clipMax) : vlist[j];
+                        if (val !== null) {
+                            if (val > 0) {
+                                stackTotals[i] += val;
+                            }
+                            if (stackMin < 0 && stackMax > 0) {
+                                if (val < 0) {
+                                    stackRangesNeg[i] += Math.abs(val);
+                                } else {
+                                    stackRanges[i] += val;
+                                }
+                            } else {
+                                stackRanges[i] += Math.abs(val - (val < 0 ? stackMax : stackMin));
+                            }
+                            numValues.push(val);
+                        }
+                    }
+                } else {
+                    val = chartRangeClip ? clipval(values[i], clipMin, clipMax) : values[i];
+                    val = values[i] = normalizeValue(val);
+                    if (val !== null) {
+                        numValues.push(val);
+                    }
+                }
+            }
+            this.max = max = Math.max.apply(Math, numValues);
+            this.min = min = Math.min.apply(Math, numValues);
+            this.stackMax = stackMax = stacked ? Math.max.apply(Math, stackTotals) : max;
+            this.stackMin = stackMin = stacked ? Math.min.apply(Math, numValues) : min;
+
+            if (options.get('chartRangeMin') !== undefined && (options.get('chartRangeClip') || options.get('chartRangeMin') < min)) {
+                min = options.get('chartRangeMin');
+            }
+            if (options.get('chartRangeMax') !== undefined && (options.get('chartRangeClip') || options.get('chartRangeMax') > max)) {
+                max = options.get('chartRangeMax');
+            }
+
+            this.zeroAxis = zeroAxis = options.get('zeroAxis', true);
+            if (min <= 0 && max >= 0 && zeroAxis) {
+                xaxisOffset = 0;
+            } else if (zeroAxis == false) {
+                xaxisOffset = min;
+            } else if (min > 0) {
+                xaxisOffset = min;
+            } else {
+                xaxisOffset = max;
+            }
+            this.xaxisOffset = xaxisOffset;
+
+            range = stacked ? (Math.max.apply(Math, stackRanges) + Math.max.apply(Math, stackRangesNeg)) : max - min;
+
+            // as we plot zero/min values a single pixel line, we add a pixel to all other
+            // values - Reduce the effective canvas size to suit
+            this.canvasHeightEf = (zeroAxis && min < 0) ? this.canvasHeight - 2 : this.canvasHeight - 1;
+
+            if (min < xaxisOffset) {
+                yMaxCalc = (stacked && max >= 0) ? stackMax : max;
+                yoffset = (yMaxCalc - xaxisOffset) / range * this.canvasHeight;
+                if (yoffset !== Math.ceil(yoffset)) {
+                    this.canvasHeightEf -= 2;
+                    yoffset = Math.ceil(yoffset);
+                }
+            } else {
+                yoffset = this.canvasHeight;
+            }
+            this.yoffset = yoffset;
+
+            if ($.isArray(options.get('colorMap'))) {
+                this.colorMapByIndex = options.get('colorMap');
+                this.colorMapByValue = null;
+            } else {
+                this.colorMapByIndex = null;
+                this.colorMapByValue = options.get('colorMap');
+                if (this.colorMapByValue && this.colorMapByValue.get === undefined) {
+                    this.colorMapByValue = new RangeMap(this.colorMapByValue);
+                }
+            }
+
+            this.range = range;
+        },
+
+        getRegion: function (el, x, y) {
+            var result = Math.floor(x / this.totalBarWidth);
+            return (result < 0 || result >= this.values.length) ? undefined : result;
+        },
+
+        getCurrentRegionFields: function () {
+            var currentRegion = this.currentRegion,
+                values = ensureArray(this.values[currentRegion]),
+                result = [],
+                value, i;
+            for (i = values.length; i--;) {
+                value = values[i];
+                result.push({
+                    isNull: value === null,
+                    value: value,
+                    color: this.calcColor(i, value, currentRegion),
+                    offset: currentRegion
+                });
+            }
+            return result;
+        },
+
+        calcColor: function (stacknum, value, valuenum) {
+            var colorMapByIndex = this.colorMapByIndex,
+                colorMapByValue = this.colorMapByValue,
+                options = this.options,
+                color, newColor;
+            if (this.stacked) {
+                color = options.get('stackedBarColor');
+            } else {
+                color = (value < 0) ? options.get('negBarColor') : options.get('barColor');
+            }
+            if (value === 0 && options.get('zeroColor') !== undefined) {
+                color = options.get('zeroColor');
+            }
+            if (colorMapByValue && (newColor = colorMapByValue.get(value))) {
+                color = newColor;
+            } else if (colorMapByIndex && colorMapByIndex.length > valuenum) {
+                color = colorMapByIndex[valuenum];
+            }
+            return $.isArray(color) ? color[stacknum % color.length] : color;
+        },
+
+        /**
+         * Render bar(s) for a region
+         */
+        renderRegion: function (valuenum, highlight) {
+            var vals = this.values[valuenum],
+                options = this.options,
+                xaxisOffset = this.xaxisOffset,
+                result = [],
+                range = this.range,
+                stacked = this.stacked,
+                target = this.target,
+                x = valuenum * this.totalBarWidth,
+                canvasHeightEf = this.canvasHeightEf,
+                yoffset = this.yoffset,
+                y, height, color, isNull, yoffsetNeg, i, valcount, val, minPlotted, allMin;
+
+            vals = $.isArray(vals) ? vals : [vals];
+            valcount = vals.length;
+            val = vals[0];
+            isNull = all(null, vals);
+            allMin = all(xaxisOffset, vals, true);
+
+            if (isNull) {
+                if (options.get('nullColor')) {
+                    color = highlight ? options.get('nullColor') : this.calcHighlightColor(options.get('nullColor'), options);
+                    y = (yoffset > 0) ? yoffset - 1 : yoffset;
+                    return target.drawRect(x, y, this.barWidth - 1, 0, color, color);
+                } else {
+                    return undefined;
+                }
+            }
+            yoffsetNeg = yoffset;
+            for (i = 0; i < valcount; i++) {
+                val = vals[i];
+
+                if (stacked && val === xaxisOffset) {
+                    if (!allMin || minPlotted) {
+                        continue;
+                    }
+                    minPlotted = true;
+                }
+
+                if (range > 0) {
+                    height = Math.floor(canvasHeightEf * ((Math.abs(val - xaxisOffset) / range))) + 1;
+                } else {
+                    height = 1;
+                }
+                if (val < xaxisOffset || (val === xaxisOffset && yoffset === 0)) {
+                    y = yoffsetNeg;
+                    yoffsetNeg += height;
+                } else {
+                    y = yoffset - height;
+                    yoffset -= height;
+                }
+                color = this.calcColor(i, val, valuenum);
+                if (highlight) {
+                    color = this.calcHighlightColor(color, options);
+                }
+                result.push(target.drawRect(x, y, this.barWidth - 1, height - 1, color, color));
+            }
+            if (result.length === 1) {
+                return result[0];
+            }
+            return result;
+        }
+    });
+
+    /**
+     * Tristate charts
+     */
+    $.fn.sparkline.tristate = tristate = createClass($.fn.sparkline._base, barHighlightMixin, {
+        type: 'tristate',
+
+        init: function (el, values, options, width, height) {
+            var barWidth = parseInt(options.get('barWidth'), 10),
+                barSpacing = parseInt(options.get('barSpacing'), 10);
+            tristate._super.init.call(this, el, values, options, width, height);
+
+            this.regionShapes = {};
+            this.barWidth = barWidth;
+            this.barSpacing = barSpacing;
+            this.totalBarWidth = barWidth + barSpacing;
+            this.values = $.map(values, Number);
+            this.width = width = (values.length * barWidth) + ((values.length - 1) * barSpacing);
+
+            if ($.isArray(options.get('colorMap'))) {
+                this.colorMapByIndex = options.get('colorMap');
+                this.colorMapByValue = null;
+            } else {
+                this.colorMapByIndex = null;
+                this.colorMapByValue = options.get('colorMap');
+                if (this.colorMapByValue && this.colorMapByValue.get === undefined) {
+                    this.colorMapByValue = new RangeMap(this.colorMapByValue);
+                }
+            }
+            this.initTarget();
+        },
+
+        getRegion: function (el, x, y) {
+            return Math.floor(x / this.totalBarWidth);
+        },
+
+        getCurrentRegionFields: function () {
+            var currentRegion = this.currentRegion;
+            return {
+                isNull: this.values[currentRegion] === undefined,
+                value: this.values[currentRegion],
+                color: this.calcColor(this.values[currentRegion], currentRegion),
+                offset: currentRegion
+            };
+        },
+
+        calcColor: function (value, valuenum) {
+            var values = this.values,
+                options = this.options,
+                colorMapByIndex = this.colorMapByIndex,
+                colorMapByValue = this.colorMapByValue,
+                color, newColor;
+
+            if (colorMapByValue && (newColor = colorMapByValue.get(value))) {
+                color = newColor;
+            } else if (colorMapByIndex && colorMapByIndex.length > valuenum) {
+                color = colorMapByIndex[valuenum];
+            } else if (values[valuenum] < 0) {
+                color = options.get('negBarColor');
+            } else if (values[valuenum] > 0) {
+                color = options.get('posBarColor');
+            } else {
+                color = options.get('zeroBarColor');
+            }
+            return color;
+        },
+
+        renderRegion: function (valuenum, highlight) {
+            var values = this.values,
+                options = this.options,
+                target = this.target,
+                canvasHeight, height, halfHeight,
+                x, y, color;
+
+            canvasHeight = target.pixelHeight;
+            halfHeight = Math.round(canvasHeight / 2);
+
+            x = valuenum * this.totalBarWidth;
+            if (values[valuenum] < 0) {
+                y = halfHeight;
+                height = halfHeight - 1;
+            } else if (values[valuenum] > 0) {
+                y = 0;
+                height = halfHeight - 1;
+            } else {
+                y = halfHeight - 1;
+                height = 2;
+            }
+            color = this.calcColor(values[valuenum], valuenum);
+            if (color === null) {
+                return;
+            }
+            if (highlight) {
+                color = this.calcHighlightColor(color, options);
+            }
+            return target.drawRect(x, y, this.barWidth - 1, height - 1, color, color);
+        }
+    });
+
+    /**
+     * Discrete charts
+     */
+    $.fn.sparkline.discrete = discrete = createClass($.fn.sparkline._base, barHighlightMixin, {
+        type: 'discrete',
+
+        init: function (el, values, options, width, height) {
+            discrete._super.init.call(this, el, values, options, width, height);
+
+            this.regionShapes = {};
+            this.values = values = $.map(values, Number);
+            this.min = Math.min.apply(Math, values);
+            this.max = Math.max.apply(Math, values);
+            this.range = this.max - this.min;
+            this.width = width = options.get('width') === 'auto' ? values.length * 2 : this.width;
+            this.interval = Math.floor(width / values.length);
+            this.itemWidth = width / values.length;
+            if (options.get('chartRangeMin') !== undefined && (options.get('chartRangeClip') || options.get('chartRangeMin') < this.min)) {
+                this.min = options.get('chartRangeMin');
+            }
+            if (options.get('chartRangeMax') !== undefined && (options.get('chartRangeClip') || options.get('chartRangeMax') > this.max)) {
+                this.max = options.get('chartRangeMax');
+            }
+            this.initTarget();
+            if (this.target) {
+                this.lineHeight = options.get('lineHeight') === 'auto' ? Math.round(this.canvasHeight * 0.3) : options.get('lineHeight');
+            }
+        },
+
+        getRegion: function (el, x, y) {
+            return Math.floor(x / this.itemWidth);
+        },
+
+        getCurrentRegionFields: function () {
+            var currentRegion = this.currentRegion;
+            return {
+                isNull: this.values[currentRegion] === undefined,
+                value: this.values[currentRegion],
+                offset: currentRegion
+            };
+        },
+
+        renderRegion: function (valuenum, highlight) {
+            var values = this.values,
+                options = this.options,
+                min = this.min,
+                max = this.max,
+                range = this.range,
+                interval = this.interval,
+                target = this.target,
+                canvasHeight = this.canvasHeight,
+                lineHeight = this.lineHeight,
+                pheight = canvasHeight - lineHeight,
+                ytop, val, color, x;
+
+            val = clipval(values[valuenum], min, max);
+            x = valuenum * interval;
+            ytop = Math.round(pheight - pheight * ((val - min) / range));
+            color = (options.get('thresholdColor') && val < options.get('thresholdValue')) ? options.get('thresholdColor') : options.get('lineColor');
+            if (highlight) {
+                color = this.calcHighlightColor(color, options);
+            }
+            return target.drawLine(x, ytop, x, ytop + lineHeight, color);
+        }
+    });
+
+    /**
+     * Bullet charts
+     */
+    $.fn.sparkline.bullet = bullet = createClass($.fn.sparkline._base, {
+        type: 'bullet',
+
+        init: function (el, values, options, width, height) {
+            var min, max, vals;
+            bullet._super.init.call(this, el, values, options, width, height);
+
+            // values: target, performance, range1, range2, range3
+            this.values = values = normalizeValues(values);
+            // target or performance could be null
+            vals = values.slice();
+            vals[0] = vals[0] === null ? vals[2] : vals[0];
+            vals[1] = values[1] === null ? vals[2] : vals[1];
+            min = Math.min.apply(Math, values);
+            max = Math.max.apply(Math, values);
+            if (options.get('base') === undefined) {
+                min = min < 0 ? min : 0;
+            } else {
+                min = options.get('base');
+            }
+            this.min = min;
+            this.max = max;
+            this.range = max - min;
+            this.shapes = {};
+            this.valueShapes = {};
+            this.regiondata = {};
+            this.width = width = options.get('width') === 'auto' ? '4.0em' : width;
+            this.target = this.$el.simpledraw(width, height, options.get('composite'));
+            if (!values.length) {
+                this.disabled = true;
+            }
+            this.initTarget();
+        },
+
+        getRegion: function (el, x, y) {
+            var shapeid = this.target.getShapeAt(el, x, y);
+            return (shapeid !== undefined && this.shapes[shapeid] !== undefined) ? this.shapes[shapeid] : undefined;
+        },
+
+        getCurrentRegionFields: function () {
+            var currentRegion = this.currentRegion;
+            return {
+                fieldkey: currentRegion.substr(0, 1),
+                value: this.values[currentRegion.substr(1)],
+                region: currentRegion
+            };
+        },
+
+        changeHighlight: function (highlight) {
+            var currentRegion = this.currentRegion,
+                shapeid = this.valueShapes[currentRegion],
+                shape;
+            delete this.shapes[shapeid];
+            switch (currentRegion.substr(0, 1)) {
+                case 'r':
+                    shape = this.renderRange(currentRegion.substr(1), highlight);
+                    break;
+                case 'p':
+                    shape = this.renderPerformance(highlight);
+                    break;
+                case 't':
+                    shape = this.renderTarget(highlight);
+                    break;
+            }
+            this.valueShapes[currentRegion] = shape.id;
+            this.shapes[shape.id] = currentRegion;
+            this.target.replaceWithShape(shapeid, shape);
+        },
+
+        renderRange: function (rn, highlight) {
+            var rangeval = this.values[rn],
+                rangewidth = Math.round(this.canvasWidth * ((rangeval - this.min) / this.range)),
+                color = this.options.get('rangeColors')[rn - 2];
+            if (highlight) {
+                color = this.calcHighlightColor(color, this.options);
+            }
+            return this.target.drawRect(0, 0, rangewidth - 1, this.canvasHeight - 1, color, color);
+        },
+
+        renderPerformance: function (highlight) {
+            var perfval = this.values[1],
+                perfwidth = Math.round(this.canvasWidth * ((perfval - this.min) / this.range)),
+                color = this.options.get('performanceColor');
+            if (highlight) {
+                color = this.calcHighlightColor(color, this.options);
+            }
+            return this.target.drawRect(0, Math.round(this.canvasHeight * 0.3), perfwidth - 1,
+                Math.round(this.canvasHeight * 0.4) - 1, color, color);
+        },
+
+        renderTarget: function (highlight) {
+            var targetval = this.values[0],
+                x = Math.round(this.canvasWidth * ((targetval - this.min) / this.range) - (this.options.get('targetWidth') / 2)),
+                targettop = Math.round(this.canvasHeight * 0.10),
+                targetheight = this.canvasHeight - (targettop * 2),
+                color = this.options.get('targetColor');
+            if (highlight) {
+                color = this.calcHighlightColor(color, this.options);
+            }
+            return this.target.drawRect(x, targettop, this.options.get('targetWidth') - 1, targetheight - 1, color, color);
+        },
+
+        render: function () {
+            var vlen = this.values.length,
+                target = this.target,
+                i, shape;
+            if (!bullet._super.render.call(this)) {
+                return;
+            }
+            for (i = 2; i < vlen; i++) {
+                shape = this.renderRange(i).append();
+                this.shapes[shape.id] = 'r' + i;
+                this.valueShapes['r' + i] = shape.id;
+            }
+            if (this.values[1] !== null) {
+                shape = this.renderPerformance().append();
+                this.shapes[shape.id] = 'p1';
+                this.valueShapes.p1 = shape.id;
+            }
+            if (this.values[0] !== null) {
+                shape = this.renderTarget().append();
+                this.shapes[shape.id] = 't0';
+                this.valueShapes.t0 = shape.id;
+            }
+            target.render();
+        }
+    });
+
+    /**
+     * Pie charts
+     */
+    $.fn.sparkline.pie = pie = createClass($.fn.sparkline._base, {
+        type: 'pie',
+
+        init: function (el, values, options, width, height) {
+            var total = 0, i;
+
+            pie._super.init.call(this, el, values, options, width, height);
+
+            this.shapes = {}; // map shape ids to value offsets
+            this.valueShapes = {}; // maps value offsets to shape ids
+            this.values = values = $.map(values, Number);
+
+            if (options.get('width') === 'auto') {
+                this.width = this.height;
+            }
+
+            if (values.length > 0) {
+                for (i = values.length; i--;) {
+                    total += values[i];
+                }
+            }
+            this.total = total;
+            this.initTarget();
+            this.radius = Math.floor(Math.min(this.canvasWidth, this.canvasHeight) / 2);
+        },
+
+        getRegion: function (el, x, y) {
+            var shapeid = this.target.getShapeAt(el, x, y);
+            return (shapeid !== undefined && this.shapes[shapeid] !== undefined) ? this.shapes[shapeid] : undefined;
+        },
+
+        getCurrentRegionFields: function () {
+            var currentRegion = this.currentRegion;
+            return {
+                isNull: this.values[currentRegion] === undefined,
+                value: this.values[currentRegion],
+                percent: this.values[currentRegion] / this.total * 100,
+                color: this.options.get('sliceColors')[currentRegion % this.options.get('sliceColors').length],
+                offset: currentRegion
+            };
+        },
+
+        changeHighlight: function (highlight) {
+            var currentRegion = this.currentRegion,
+                 newslice = this.renderSlice(currentRegion, highlight),
+                 shapeid = this.valueShapes[currentRegion];
+            delete this.shapes[shapeid];
+            this.target.replaceWithShape(shapeid, newslice);
+            this.valueShapes[currentRegion] = newslice.id;
+            this.shapes[newslice.id] = currentRegion;
+        },
+
+        renderSlice: function (valuenum, highlight) {
+            var target = this.target,
+                options = this.options,
+                radius = this.radius,
+                borderWidth = options.get('borderWidth'),
+                offset = options.get('offset'),
+                circle = 2 * Math.PI,
+                values = this.values,
+                total = this.total,
+                next = offset ? (2*Math.PI)*(offset/360) : 0,
+                start, end, i, vlen, color;
+
+            vlen = values.length;
+            for (i = 0; i < vlen; i++) {
+                start = next;
+                end = next;
+                if (total > 0) {  // avoid divide by zero
+                    end = next + (circle * (values[i] / total));
+                }
+                if (valuenum === i) {
+                    color = options.get('sliceColors')[i % options.get('sliceColors').length];
+                    if (highlight) {
+                        color = this.calcHighlightColor(color, options);
+                    }
+
+                    return target.drawPieSlice(radius, radius, radius - borderWidth, start, end, undefined, color);
+                }
+                next = end;
+            }
+        },
+
+        render: function () {
+            var target = this.target,
+                values = this.values,
+                options = this.options,
+                radius = this.radius,
+                borderWidth = options.get('borderWidth'),
+                shape, i;
+
+            if (!pie._super.render.call(this)) {
+                return;
+            }
+            if (borderWidth) {
+                target.drawCircle(radius, radius, Math.floor(radius - (borderWidth / 2)),
+                    options.get('borderColor'), undefined, borderWidth).append();
+            }
+            for (i = values.length; i--;) {
+                if (values[i]) { // don't render zero values
+                    shape = this.renderSlice(i).append();
+                    this.valueShapes[i] = shape.id; // store just the shapeid
+                    this.shapes[shape.id] = i;
+                }
+            }
+            target.render();
+        }
+    });
+
+    /**
+     * Box plots
+     */
+    $.fn.sparkline.box = box = createClass($.fn.sparkline._base, {
+        type: 'box',
+
+        init: function (el, values, options, width, height) {
+            box._super.init.call(this, el, values, options, width, height);
+            this.values = $.map(values, Number);
+            this.width = options.get('width') === 'auto' ? '4.0em' : width;
+            this.initTarget();
+            if (!this.values.length) {
+                this.disabled = 1;
+            }
+        },
+
+        /**
+         * Simulate a single region
+         */
+        getRegion: function () {
+            return 1;
+        },
+
+        getCurrentRegionFields: function () {
+            var result = [
+                { field: 'lq', value: this.quartiles[0] },
+                { field: 'med', value: this.quartiles[1] },
+                { field: 'uq', value: this.quartiles[2] }
+            ];
+            if (this.loutlier !== undefined) {
+                result.push({ field: 'lo', value: this.loutlier});
+            }
+            if (this.routlier !== undefined) {
+                result.push({ field: 'ro', value: this.routlier});
+            }
+            if (this.lwhisker !== undefined) {
+                result.push({ field: 'lw', value: this.lwhisker});
+            }
+            if (this.rwhisker !== undefined) {
+                result.push({ field: 'rw', value: this.rwhisker});
+            }
+            return result;
+        },
+
+        render: function () {
+            var target = this.target,
+                values = this.values,
+                vlen = values.length,
+                options = this.options,
+                canvasWidth = this.canvasWidth,
+                canvasHeight = this.canvasHeight,
+                minValue = options.get('chartRangeMin') === undefined ? Math.min.apply(Math, values) : options.get('chartRangeMin'),
+                maxValue = options.get('chartRangeMax') === undefined ? Math.max.apply(Math, values) : options.get('chartRangeMax'),
+                canvasLeft = 0,
+                lwhisker, loutlier, iqr, q1, q2, q3, rwhisker, routlier, i,
+                size, unitSize;
+
+            if (!box._super.render.call(this)) {
+                return;
+            }
+
+            if (options.get('raw')) {
+                if (options.get('showOutliers') && values.length > 5) {
+                    loutlier = values[0];
+                    lwhisker = values[1];
+                    q1 = values[2];
+                    q2 = values[3];
+                    q3 = values[4];
+                    rwhisker = values[5];
+                    routlier = values[6];
+                } else {
+                    lwhisker = values[0];
+                    q1 = values[1];
+                    q2 = values[2];
+                    q3 = values[3];
+                    rwhisker = values[4];
+                }
+            } else {
+                values.sort(function (a, b) { return a - b; });
+                q1 = quartile(values, 1);
+                q2 = quartile(values, 2);
+                q3 = quartile(values, 3);
+                iqr = q3 - q1;
+                if (options.get('showOutliers')) {
+                    lwhisker = rwhisker = undefined;
+                    for (i = 0; i < vlen; i++) {
+                        if (lwhisker === undefined && values[i] > q1 - (iqr * options.get('outlierIQR'))) {
+                            lwhisker = values[i];
+                        }
+                        if (values[i] < q3 + (iqr * options.get('outlierIQR'))) {
+                            rwhisker = values[i];
+                        }
+                    }
+                    loutlier = values[0];
+                    routlier = values[vlen - 1];
+                } else {
+                    lwhisker = values[0];
+                    rwhisker = values[vlen - 1];
+                }
+            }
+            this.quartiles = [q1, q2, q3];
+            this.lwhisker = lwhisker;
+            this.rwhisker = rwhisker;
+            this.loutlier = loutlier;
+            this.routlier = routlier;
+
+            unitSize = canvasWidth / (maxValue - minValue + 1);
+            if (options.get('showOutliers')) {
+                canvasLeft = Math.ceil(options.get('spotRadius'));
+                canvasWidth -= 2 * Math.ceil(options.get('spotRadius'));
+                unitSize = canvasWidth / (maxValue - minValue + 1);
+                if (loutlier < lwhisker) {
+                    target.drawCircle((loutlier - minValue) * unitSize + canvasLeft,
+                        canvasHeight / 2,
+                        options.get('spotRadius'),
+                        options.get('outlierLineColor'),
+                        options.get('outlierFillColor')).append();
+                }
+                if (routlier > rwhisker) {
+                    target.drawCircle((routlier - minValue) * unitSize + canvasLeft,
+                        canvasHeight / 2,
+                        options.get('spotRadius'),
+                        options.get('outlierLineColor'),
+                        options.get('outlierFillColor')).append();
+                }
+            }
+
+            // box
+            target.drawRect(
+                Math.round((q1 - minValue) * unitSize + canvasLeft),
+                Math.round(canvasHeight * 0.1),
+                Math.round((q3 - q1) * unitSize),
+                Math.round(canvasHeight * 0.8),
+                options.get('boxLineColor'),
+                options.get('boxFillColor')).append();
+            // left whisker
+            target.drawLine(
+                Math.round((lwhisker - minValue) * unitSize + canvasLeft),
+                Math.round(canvasHeight / 2),
+                Math.round((q1 - minValue) * unitSize + canvasLeft),
+                Math.round(canvasHeight / 2),
+                options.get('lineColor')).append();
+            target.drawLine(
+                Math.round((lwhisker - minValue) * unitSize + canvasLeft),
+                Math.round(canvasHeight / 4),
+                Math.round((lwhisker - minValue) * unitSize + canvasLeft),
+                Math.round(canvasHeight - canvasHeight / 4),
+                options.get('whiskerColor')).append();
+            // right whisker
+            target.drawLine(Math.round((rwhisker - minValue) * unitSize + canvasLeft),
+                Math.round(canvasHeight / 2),
+                Math.round((q3 - minValue) * unitSize + canvasLeft),
+                Math.round(canvasHeight / 2),
+                options.get('lineColor')).append();
+            target.drawLine(
+                Math.round((rwhisker - minValue) * unitSize + canvasLeft),
+                Math.round(canvasHeight / 4),
+                Math.round((rwhisker - minValue) * unitSize + canvasLeft),
+                Math.round(canvasHeight - canvasHeight / 4),
+                options.get('whiskerColor')).append();
+            // median line
+            target.drawLine(
+                Math.round((q2 - minValue) * unitSize + canvasLeft),
+                Math.round(canvasHeight * 0.1),
+                Math.round((q2 - minValue) * unitSize + canvasLeft),
+                Math.round(canvasHeight * 0.9),
+                options.get('medianColor')).append();
+            if (options.get('target')) {
+                size = Math.ceil(options.get('spotRadius'));
+                target.drawLine(
+                    Math.round((options.get('target') - minValue) * unitSize + canvasLeft),
+                    Math.round((canvasHeight / 2) - size),
+                    Math.round((options.get('target') - minValue) * unitSize + canvasLeft),
+                    Math.round((canvasHeight / 2) + size),
+                    options.get('targetColor')).append();
+                target.drawLine(
+                    Math.round((options.get('target') - minValue) * unitSize + canvasLeft - size),
+                    Math.round(canvasHeight / 2),
+                    Math.round((options.get('target') - minValue) * unitSize + canvasLeft + size),
+                    Math.round(canvasHeight / 2),
+                    options.get('targetColor')).append();
+            }
+            target.render();
+        }
+    });
+
+    // Setup a very simple "virtual canvas" to make drawing the few shapes we need easier
+    // This is accessible as $(foo).simpledraw()
+
+    VShape = createClass({
+        init: function (target, id, type, args) {
+            this.target = target;
+            this.id = id;
+            this.type = type;
+            this.args = args;
+        },
+        append: function () {
+            this.target.appendShape(this);
+            return this;
+        }
+    });
+
+    VCanvas_base = createClass({
+        _pxregex: /(\d+)(px)?\s*$/i,
+
+        init: function (width, height, target) {
+            if (!width) {
+                return;
+            }
+            this.width = width;
+            this.height = height;
+            this.target = target;
+            this.lastShapeId = null;
+            if (target[0]) {
+                target = target[0];
+            }
+            $.data(target, '_jqs_vcanvas', this);
+        },
+
+        drawLine: function (x1, y1, x2, y2, lineColor, lineWidth) {
+            return this.drawShape([[x1, y1], [x2, y2]], lineColor, lineWidth);
+        },
+
+        drawShape: function (path, lineColor, fillColor, lineWidth) {
+            return this._genShape('Shape', [path, lineColor, fillColor, lineWidth]);
+        },
+
+        drawCircle: function (x, y, radius, lineColor, fillColor, lineWidth) {
+            return this._genShape('Circle', [x, y, radius, lineColor, fillColor, lineWidth]);
+        },
+
+        drawPieSlice: function (x, y, radius, startAngle, endAngle, lineColor, fillColor) {
+            return this._genShape('PieSlice', [x, y, radius, startAngle, endAngle, lineColor, fillColor]);
+        },
+
+        drawRect: function (x, y, width, height, lineColor, fillColor) {
+            return this._genShape('Rect', [x, y, width, height, lineColor, fillColor]);
+        },
+
+        getElement: function () {
+            return this.canvas;
+        },
+
+        /**
+         * Return the most recently inserted shape id
+         */
+        getLastShapeId: function () {
+            return this.lastShapeId;
+        },
+
+        /**
+         * Clear and reset the canvas
+         */
+        reset: function () {
+            alert('reset not implemented');
+        },
+
+        _insert: function (el, target) {
+            $(target).html(el);
+        },
+
+        /**
+         * Calculate the pixel dimensions of the canvas
+         */
+        _calculatePixelDims: function (width, height, canvas) {
+            // XXX This should probably be a configurable option
+            var match;
+            match = this._pxregex.exec(height);
+            if (match) {
+                this.pixelHeight = match[1];
+            } else {
+                this.pixelHeight = $(canvas).height();
+            }
+            match = this._pxregex.exec(width);
+            if (match) {
+                this.pixelWidth = match[1];
+            } else {
+                this.pixelWidth = $(canvas).width();
+            }
+        },
+
+        /**
+         * Generate a shape object and id for later rendering
+         */
+        _genShape: function (shapetype, shapeargs) {
+            var id = shapeCount++;
+            shapeargs.unshift(id);
+            return new VShape(this, id, shapetype, shapeargs);
+        },
+
+        /**
+         * Add a shape to the end of the render queue
+         */
+        appendShape: function (shape) {
+            alert('appendShape not implemented');
+        },
+
+        /**
+         * Replace one shape with another
+         */
+        replaceWithShape: function (shapeid, shape) {
+            alert('replaceWithShape not implemented');
+        },
+
+        /**
+         * Insert one shape after another in the render queue
+         */
+        insertAfterShape: function (shapeid, shape) {
+            alert('insertAfterShape not implemented');
+        },
+
+        /**
+         * Remove a shape from the queue
+         */
+        removeShapeId: function (shapeid) {
+            alert('removeShapeId not implemented');
+        },
+
+        /**
+         * Find a shape at the specified x/y co-ordinates
+         */
+        getShapeAt: function (el, x, y) {
+            alert('getShapeAt not implemented');
+        },
+
+        /**
+         * Render all queued shapes onto the canvas
+         */
+        render: function () {
+            alert('render not implemented');
+        }
+    });
+
+    VCanvas_canvas = createClass(VCanvas_base, {
+        init: function (width, height, target, interact) {
+            VCanvas_canvas._super.init.call(this, width, height, target);
+            this.canvas = document.createElement('canvas');
+            if (target[0]) {
+                target = target[0];
+            }
+            $.data(target, '_jqs_vcanvas', this);
+            $(this.canvas).css({ display: 'inline-block', width: width, height: height, verticalAlign: 'top' });
+            this._insert(this.canvas, target);
+            this._calculatePixelDims(width, height, this.canvas);
+            this.canvas.width = this.pixelWidth;
+            this.canvas.height = this.pixelHeight;
+            this.interact = interact;
+            this.shapes = {};
+            this.shapeseq = [];
+            this.currentTargetShapeId = undefined;
+            $(this.canvas).css({width: this.pixelWidth, height: this.pixelHeight});
+        },
+
+        _getContext: function (lineColor, fillColor, lineWidth) {
+            var context = this.canvas.getContext('2d');
+            if (lineColor !== undefined) {
+                context.strokeStyle = lineColor;
+            }
+            context.lineWidth = lineWidth === undefined ? 1 : lineWidth;
+            if (fillColor !== undefined) {
+                context.fillStyle = fillColor;
+            }
+            return context;
+        },
+
+        reset: function () {
+            var context = this._getContext();
+            context.clearRect(0, 0, this.pixelWidth, this.pixelHeight);
+            this.shapes = {};
+            this.shapeseq = [];
+            this.currentTargetShapeId = undefined;
+        },
+
+        _drawShape: function (shapeid, path, lineColor, fillColor, lineWidth) {
+            var context = this._getContext(lineColor, fillColor, lineWidth),
+                i, plen;
+            context.beginPath();
+            context.moveTo(path[0][0] + 0.5, path[0][1] + 0.5);
+            for (i = 1, plen = path.length; i < plen; i++) {
+                context.lineTo(path[i][0] + 0.5, path[i][1] + 0.5); // the 0.5 offset gives us crisp pixel-width lines
+            }
+            if (lineColor !== undefined) {
+                context.stroke();
+            }
+            if (fillColor !== undefined) {
+                context.fill();
+            }
+            if (this.targetX !== undefined && this.targetY !== undefined &&
+                context.isPointInPath(this.targetX, this.targetY)) {
+                this.currentTargetShapeId = shapeid;
+            }
+        },
+
+        _drawCircle: function (shapeid, x, y, radius, lineColor, fillColor, lineWidth) {
+            var context = this._getContext(lineColor, fillColor, lineWidth);
+            context.beginPath();
+            context.arc(x, y, radius, 0, 2 * Math.PI, false);
+            if (this.targetX !== undefined && this.targetY !== undefined &&
+                context.isPointInPath(this.targetX, this.targetY)) {
+                this.currentTargetShapeId = shapeid;
+            }
+            if (lineColor !== undefined) {
+                context.stroke();
+            }
+            if (fillColor !== undefined) {
+                context.fill();
+            }
+        },
+
+        _drawPieSlice: function (shapeid, x, y, radius, startAngle, endAngle, lineColor, fillColor) {
+            var context = this._getContext(lineColor, fillColor);
+            context.beginPath();
+            context.moveTo(x, y);
+            context.arc(x, y, radius, startAngle, endAngle, false);
+            context.lineTo(x, y);
+            context.closePath();
+            if (lineColor !== undefined) {
+                context.stroke();
+            }
+            if (fillColor) {
+                context.fill();
+            }
+            if (this.targetX !== undefined && this.targetY !== undefined &&
+                context.isPointInPath(this.targetX, this.targetY)) {
+                this.currentTargetShapeId = shapeid;
+            }
+        },
+
+        _drawRect: function (shapeid, x, y, width, height, lineColor, fillColor) {
+            return this._drawShape(shapeid, [[x, y], [x + width, y], [x + width, y + height], [x, y + height], [x, y]], lineColor, fillColor);
+        },
+
+        appendShape: function (shape) {
+            this.shapes[shape.id] = shape;
+            this.shapeseq.push(shape.id);
+            this.lastShapeId = shape.id;
+            return shape.id;
+        },
+
+        replaceWithShape: function (shapeid, shape) {
+            var shapeseq = this.shapeseq,
+                i;
+            this.shapes[shape.id] = shape;
+            for (i = shapeseq.length; i--;) {
+                if (shapeseq[i] == shapeid) {
+                    shapeseq[i] = shape.id;
+                }
+            }
+            delete this.shapes[shapeid];
+        },
+
+        replaceWithShapes: function (shapeids, shapes) {
+            var shapeseq = this.shapeseq,
+                shapemap = {},
+                sid, i, first;
+
+            for (i = shapeids.length; i--;) {
+                shapemap[shapeids[i]] = true;
+            }
+            for (i = shapeseq.length; i--;) {
+                sid = shapeseq[i];
+                if (shapemap[sid]) {
+                    shapeseq.splice(i, 1);
+                    delete this.shapes[sid];
+                    first = i;
+                }
+            }
+            for (i = shapes.length; i--;) {
+                shapeseq.splice(first, 0, shapes[i].id);
+                this.shapes[shapes[i].id] = shapes[i];
+            }
+
+        },
+
+        insertAfterShape: function (shapeid, shape) {
+            var shapeseq = this.shapeseq,
+                i;
+            for (i = shapeseq.length; i--;) {
+                if (shapeseq[i] === shapeid) {
+                    shapeseq.splice(i + 1, 0, shape.id);
+                    this.shapes[shape.id] = shape;
+                    return;
+                }
+            }
+        },
+
+        removeShapeId: function (shapeid) {
+            var shapeseq = this.shapeseq,
+                i;
+            for (i = shapeseq.length; i--;) {
+                if (shapeseq[i] === shapeid) {
+                    shapeseq.splice(i, 1);
+                    break;
+                }
+            }
+            delete this.shapes[shapeid];
+        },
+
+        getShapeAt: function (el, x, y) {
+            this.targetX = x;
+            this.targetY = y;
+            this.render();
+            return this.currentTargetShapeId;
+        },
+
+        render: function () {
+            var shapeseq = this.shapeseq,
+                shapes = this.shapes,
+                shapeCount = shapeseq.length,
+                context = this._getContext(),
+                shapeid, shape, i;
+            context.clearRect(0, 0, this.pixelWidth, this.pixelHeight);
+            for (i = 0; i < shapeCount; i++) {
+                shapeid = shapeseq[i];
+                shape = shapes[shapeid];
+                this['_draw' + shape.type].apply(this, shape.args);
+            }
+            if (!this.interact) {
+                // not interactive so no need to keep the shapes array
+                this.shapes = {};
+                this.shapeseq = [];
+            }
+        }
+
+    });
+
+    VCanvas_vml = createClass(VCanvas_base, {
+        init: function (width, height, target) {
+            var groupel;
+            VCanvas_vml._super.init.call(this, width, height, target);
+            if (target[0]) {
+                target = target[0];
+            }
+            $.data(target, '_jqs_vcanvas', this);
+            this.canvas = document.createElement('span');
+            $(this.canvas).css({ display: 'inline-block', position: 'relative', overflow: 'hidden', width: width, height: height, margin: '0px', padding: '0px', verticalAlign: 'top'});
+            this._insert(this.canvas, target);
+            this._calculatePixelDims(width, height, this.canvas);
+            this.canvas.width = this.pixelWidth;
+            this.canvas.height = this.pixelHeight;
+            groupel = '<v:group coordorigin="0 0" coordsize="' + this.pixelWidth + ' ' + this.pixelHeight + '"' +
+                    ' style="position:absolute;top:0;left:0;width:' + this.pixelWidth + 'px;height=' + this.pixelHeight + 'px;"></v:group>';
+            this.canvas.insertAdjacentHTML('beforeEnd', groupel);
+            this.group = $(this.canvas).children()[0];
+            this.rendered = false;
+            this.prerender = '';
+        },
+
+        _drawShape: function (shapeid, path, lineColor, fillColor, lineWidth) {
+            var vpath = [],
+                initial, stroke, fill, closed, vel, plen, i;
+            for (i = 0, plen = path.length; i < plen; i++) {
+                vpath[i] = '' + (path[i][0]) + ',' + (path[i][1]);
+            }
+            initial = vpath.splice(0, 1);
+            lineWidth = lineWidth === undefined ? 1 : lineWidth;
+            stroke = lineColor === undefined ? ' stroked="false" ' : ' strokeWeight="' + lineWidth + 'px" strokeColor="' + lineColor + '" ';
+            fill = fillColor === undefined ? ' filled="false"' : ' fillColor="' + fillColor + '" filled="true" ';
+            closed = vpath[0] === vpath[vpath.length - 1] ? 'x ' : '';
+            vel = '<v:shape coordorigin="0 0" coordsize="' + this.pixelWidth + ' ' + this.pixelHeight + '" ' +
+                 ' id="jqsshape' + shapeid + '" ' +
+                 stroke +
+                 fill +
+                ' style="position:absolute;left:0px;top:0px;height:' + this.pixelHeight + 'px;width:' + this.pixelWidth + 'px;padding:0px;margin:0px;" ' +
+                ' path="m ' + initial + ' l ' + vpath.join(', ') + ' ' + closed + 'e">' +
+                ' </v:shape>';
+            return vel;
+        },
+
+        _drawCircle: function (shapeid, x, y, radius, lineColor, fillColor, lineWidth) {
+            var stroke, fill, vel;
+            x -= radius;
+            y -= radius;
+            stroke = lineColor === undefined ? ' stroked="false" ' : ' strokeWeight="' + lineWidth + 'px" strokeColor="' + lineColor + '" ';
+            fill = fillColor === undefined ? ' filled="false"' : ' fillColor="' + fillColor + '" filled="true" ';
+            vel = '<v:oval ' +
+                 ' id="jqsshape' + shapeid + '" ' +
+                stroke +
+                fill +
+                ' style="position:absolute;top:' + y + 'px; left:' + x + 'px; width:' + (radius * 2) + 'px; height:' + (radius * 2) + 'px"></v:oval>';
+            return vel;
+
+        },
+
+        _drawPieSlice: function (shapeid, x, y, radius, startAngle, endAngle, lineColor, fillColor) {
+            var vpath, startx, starty, endx, endy, stroke, fill, vel;
+            if (startAngle === endAngle) {
+                return '';  // VML seems to have problem when start angle equals end angle.
+            }
+            if ((endAngle - startAngle) === (2 * Math.PI)) {
+                startAngle = 0.0;  // VML seems to have a problem when drawing a full circle that doesn't start 0
+                endAngle = (2 * Math.PI);
+            }
+
+            startx = x + Math.round(Math.cos(startAngle) * radius);
+            starty = y + Math.round(Math.sin(startAngle) * radius);
+            endx = x + Math.round(Math.cos(endAngle) * radius);
+            endy = y + Math.round(Math.sin(endAngle) * radius);
+
+            if (startx === endx && starty === endy) {
+                if ((endAngle - startAngle) < Math.PI) {
+                    // Prevent very small slices from being mistaken as a whole pie
+                    return '';
+                }
+                // essentially going to be the entire circle, so ignore startAngle
+                startx = endx = x + radius;
+                starty = endy = y;
+            }
+
+            if (startx === endx && starty === endy && (endAngle - startAngle) < Math.PI) {
+                return '';
+            }
+
+            vpath = [x - radius, y - radius, x + radius, y + radius, startx, starty, endx, endy];
+            stroke = lineColor === undefined ? ' stroked="false" ' : ' strokeWeight="1px" strokeColor="' + lineColor + '" ';
+            fill = fillColor === undefined ? ' filled="false"' : ' fillColor="' + fillColor + '" filled="true" ';
+            vel = '<v:shape coordorigin="0 0" coordsize="' + this.pixelWidth + ' ' + this.pixelHeight + '" ' +
+                 ' id="jqsshape' + shapeid + '" ' +
+                 stroke +
+                 fill +
+                ' style="position:absolute;left:0px;top:0px;height:' + this.pixelHeight + 'px;width:' + this.pixelWidth + 'px;padding:0px;margin:0px;" ' +
+                ' path="m ' + x + ',' + y + ' wa ' + vpath.join(', ') + ' x e">' +
+                ' </v:shape>';
+            return vel;
+        },
+
+        _drawRect: function (shapeid, x, y, width, height, lineColor, fillColor) {
+            return this._drawShape(shapeid, [[x, y], [x, y + height], [x + width, y + height], [x + width, y], [x, y]], lineColor, fillColor);
+        },
+
+        reset: function () {
+            this.group.innerHTML = '';
+        },
+
+        appendShape: function (shape) {
+            var vel = this['_draw' + shape.type].apply(this, shape.args);
+            if (this.rendered) {
+                this.group.insertAdjacentHTML('beforeEnd', vel);
+            } else {
+                this.prerender += vel;
+            }
+            this.lastShapeId = shape.id;
+            return shape.id;
+        },
+
+        replaceWithShape: function (shapeid, shape) {
+            var existing = $('#jqsshape' + shapeid),
+                vel = this['_draw' + shape.type].apply(this, shape.args);
+            existing[0].outerHTML = vel;
+        },
+
+        replaceWithShapes: function (shapeids, shapes) {
+            // replace the first shapeid with all the new shapes then toast the remaining old shapes
+            var existing = $('#jqsshape' + shapeids[0]),
+                replace = '',
+                slen = shapes.length,
+                i;
+            for (i = 0; i < slen; i++) {
+                replace += this['_draw' + shapes[i].type].apply(this, shapes[i].args);
+            }
+            existing[0].outerHTML = replace;
+            for (i = 1; i < shapeids.length; i++) {
+                $('#jqsshape' + shapeids[i]).remove();
+            }
+        },
+
+        insertAfterShape: function (shapeid, shape) {
+            var existing = $('#jqsshape' + shapeid),
+                 vel = this['_draw' + shape.type].apply(this, shape.args);
+            existing[0].insertAdjacentHTML('afterEnd', vel);
+        },
+
+        removeShapeId: function (shapeid) {
+            var existing = $('#jqsshape' + shapeid);
+            this.group.removeChild(existing[0]);
+        },
+
+        getShapeAt: function (el, x, y) {
+            var shapeid = el.id.substr(8);
+            return shapeid;
+        },
+
+        render: function () {
+            if (!this.rendered) {
+                // batch the intial render into a single repaint
+                this.group.innerHTML = this.prerender;
+                this.rendered = true;
+            }
+        }
+    });
+
+}))}(document, Math));
diff --git a/web/bootstrap-ace-admin/js/jquery.ui.touch-punch.js b/web/bootstrap-ace-admin/js/jquery.ui.touch-punch.js
new file mode 100755
index 00000000..b909670f
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery.ui.touch-punch.js
@@ -0,0 +1,180 @@
+/*!
+ * jQuery UI Touch Punch 0.2.3
+ *
+ * Copyright 2011–2014, Dave Furfero
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ *
+ * Depends:
+ *  jquery.ui.widget.js
+ *  jquery.ui.mouse.js
+ */
+(function ($) {
+
+  // Detect touch support
+  $.support.touch = 'ontouchend' in document;
+
+  // Ignore browsers without touch support
+  if (!$.support.touch) {
+    return;
+  }
+
+  var mouseProto = $.ui.mouse.prototype,
+      _mouseInit = mouseProto._mouseInit,
+      _mouseDestroy = mouseProto._mouseDestroy,
+      touchHandled;
+
+  /**
+   * Simulate a mouse event based on a corresponding touch event
+   * @param {Object} event A touch event
+   * @param {String} simulatedType The corresponding mouse event
+   */
+  function simulateMouseEvent (event, simulatedType, prevent) {
+
+    // Ignore multi-touch events
+    if (event.originalEvent.touches.length > 1) {
+      return;
+    }
+
+    if(prevent !== false) event.preventDefault();//ACE
+
+    var touch = event.originalEvent.changedTouches[0],
+        simulatedEvent = document.createEvent('MouseEvents');
+    
+    // Initialize the simulated mouse event using the touch event's coordinates
+    simulatedEvent.initMouseEvent(
+      simulatedType,    // type
+      true,             // bubbles                    
+      true,             // cancelable                 
+      window,           // view                       
+      1,                // detail                     
+      touch.screenX,    // screenX                    
+      touch.screenY,    // screenY                    
+      touch.clientX,    // clientX                    
+      touch.clientY,    // clientY                    
+      false,            // ctrlKey                    
+      false,            // altKey                     
+      false,            // shiftKey                   
+      false,            // metaKey                    
+      0,                // button                     
+      null              // relatedTarget              
+    );
+
+    // Dispatch the simulated event to the target element
+    event.target.dispatchEvent(simulatedEvent);
+  }
+
+  /**
+   * Handle the jQuery UI widget's touchstart events
+   * @param {Object} event The widget element's touchstart event
+   */
+  mouseProto._touchStart = function (event) {
+
+    var self = this;
+
+    // Ignore the event if another widget is already being handled
+    if (touchHandled || !self._mouseCapture(event.originalEvent.changedTouches[0])) {
+      return;
+    }
+
+    // Set the flag to prevent other widgets from inheriting the touch event
+    touchHandled = true;
+
+    // Track movement to determine if interaction was a click
+    self._touchMoved = false;
+
+    // Simulate the mouseover event
+    simulateMouseEvent(event, 'mouseover', false);//ACE
+
+    // Simulate the mousemove event
+    simulateMouseEvent(event, 'mousemove', false);//ACE
+
+    // Simulate the mousedown event
+    simulateMouseEvent(event, 'mousedown', false);//ACE
+  };
+
+  /**
+   * Handle the jQuery UI widget's touchmove events
+   * @param {Object} event The document's touchmove event
+   */
+  mouseProto._touchMove = function (event) {
+
+    // Ignore event if not handled
+    if (!touchHandled) {
+      return;
+    }
+
+    // Interaction was not a click
+    this._touchMoved = true;
+
+    // Simulate the mousemove event
+    simulateMouseEvent(event, 'mousemove');
+  };
+
+  /**
+   * Handle the jQuery UI widget's touchend events
+   * @param {Object} event The document's touchend event
+   */
+  mouseProto._touchEnd = function (event) {
+
+    // Ignore event if not handled
+    if (!touchHandled) {
+      return;
+    }
+
+    // Simulate the mouseup event
+    simulateMouseEvent(event, 'mouseup');
+
+    // Simulate the mouseout event
+    simulateMouseEvent(event, 'mouseout');
+
+    // If the touch interaction did not move, it should trigger a click
+    if (!this._touchMoved) {
+
+      // Simulate the click event
+      simulateMouseEvent(event, 'click');
+    }
+
+    // Unset the flag to allow other widgets to inherit the touch event
+    touchHandled = false;
+  };
+
+  /**
+   * A duck punch of the $.ui.mouse _mouseInit method to support touch events.
+   * This method extends the widget with bound touch event handlers that
+   * translate touch events to mouse events and pass them to the widget's
+   * original mouse event handling methods.
+   */
+  mouseProto._mouseInit = function () {
+    
+    var self = this;
+
+    // Delegate the touch handlers to the widget's element
+    self.element.bind({
+      touchstart: $.proxy(self, '_touchStart'),
+      touchmove: $.proxy(self, '_touchMove'),
+      touchend: $.proxy(self, '_touchEnd')
+    });
+
+    // Call the original $.ui.mouse init method
+    _mouseInit.call(self);
+  };
+
+  /**
+   * Remove the touch event handlers
+   */
+  mouseProto._mouseDestroy = function () {
+    
+    var self = this;
+
+    // Delegate the touch handlers to the widget's element
+    self.element.unbind({
+      touchstart: $.proxy(self, '_touchStart'),
+      touchmove: $.proxy(self, '_touchMove'),
+      touchend: $.proxy(self, '_touchEnd')
+    });
+
+    // Call the original $.ui.mouse destroy method
+    _mouseDestroy.call(self);
+  };
+
+})(jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/jquery.validate.js b/web/bootstrap-ace-admin/js/jquery.validate.js
new file mode 100755
index 00000000..b8d8a7a1
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery.validate.js
@@ -0,0 +1,1365 @@
+/*!
+ * jQuery Validation Plugin v1.13.1
+ *
+ * http://jqueryvalidation.org/
+ *
+ * Copyright (c) 2014 Jörn Zaefferer
+ * Released under the MIT license
+ */
+(function( factory ) {
+	if ( typeof define === "function" && define.amd ) {
+		define( ["jquery"], factory );
+	} else {
+		factory( jQuery );
+	}
+}(function( $ ) {
+
+$.extend($.fn, {
+	// http://jqueryvalidation.org/validate/
+	validate: function( options ) {
+
+		// if nothing is selected, return nothing; can't chain anyway
+		if ( !this.length ) {
+			if ( options && options.debug && window.console ) {
+				console.warn( "Nothing selected, can't validate, returning nothing." );
+			}
+			return;
+		}
+
+		// check if a validator for this form was already created
+		var validator = $.data( this[ 0 ], "validator" );
+		if ( validator ) {
+			return validator;
+		}
+
+		// Add novalidate tag if HTML5.
+		this.attr( "novalidate", "novalidate" );
+
+		validator = new $.validator( options, this[ 0 ] );
+		$.data( this[ 0 ], "validator", validator );
+
+		if ( validator.settings.onsubmit ) {
+
+			this.validateDelegate( ":submit", "click", function( event ) {
+				if ( validator.settings.submitHandler ) {
+					validator.submitButton = event.target;
+				}
+				// allow suppressing validation by adding a cancel class to the submit button
+				if ( $( event.target ).hasClass( "cancel" ) ) {
+					validator.cancelSubmit = true;
+				}
+
+				// allow suppressing validation by adding the html5 formnovalidate attribute to the submit button
+				if ( $( event.target ).attr( "formnovalidate" ) !== undefined ) {
+					validator.cancelSubmit = true;
+				}
+			});
+
+			// validate the form on submit
+			this.submit( function( event ) {
+				if ( validator.settings.debug ) {
+					// prevent form submit to be able to see console output
+					event.preventDefault();
+				}
+				function handle() {
+					var hidden, result;
+					if ( validator.settings.submitHandler ) {
+						if ( validator.submitButton ) {
+							// insert a hidden input as a replacement for the missing submit button
+							hidden = $( "<input type='hidden'/>" )
+								.attr( "name", validator.submitButton.name )
+								.val( $( validator.submitButton ).val() )
+								.appendTo( validator.currentForm );
+						}
+						result = validator.settings.submitHandler.call( validator, validator.currentForm, event );
+						if ( validator.submitButton ) {
+							// and clean up afterwards; thanks to no-block-scope, hidden can be referenced
+							hidden.remove();
+						}
+						if ( result !== undefined ) {
+							return result;
+						}
+						return false;
+					}
+					return true;
+				}
+
+				// prevent submit for invalid forms or custom submit handlers
+				if ( validator.cancelSubmit ) {
+					validator.cancelSubmit = false;
+					return handle();
+				}
+				if ( validator.form() ) {
+					if ( validator.pendingRequest ) {
+						validator.formSubmitted = true;
+						return false;
+					}
+					return handle();
+				} else {
+					validator.focusInvalid();
+					return false;
+				}
+			});
+		}
+
+		return validator;
+	},
+	// http://jqueryvalidation.org/valid/
+	valid: function() {
+		var valid, validator;
+
+		if ( $( this[ 0 ] ).is( "form" ) ) {
+			valid = this.validate().form();
+		} else {
+			valid = true;
+			validator = $( this[ 0 ].form ).validate();
+			this.each( function() {
+				valid = validator.element( this ) && valid;
+			});
+		}
+		return valid;
+	},
+	// attributes: space separated list of attributes to retrieve and remove
+	removeAttrs: function( attributes ) {
+		var result = {},
+			$element = this;
+		$.each( attributes.split( /\s/ ), function( index, value ) {
+			result[ value ] = $element.attr( value );
+			$element.removeAttr( value );
+		});
+		return result;
+	},
+	// http://jqueryvalidation.org/rules/
+	rules: function( command, argument ) {
+		var element = this[ 0 ],
+			settings, staticRules, existingRules, data, param, filtered;
+
+		if ( command ) {
+			settings = $.data( element.form, "validator" ).settings;
+			staticRules = settings.rules;
+			existingRules = $.validator.staticRules( element );
+			switch ( command ) {
+			case "add":
+				$.extend( existingRules, $.validator.normalizeRule( argument ) );
+				// remove messages from rules, but allow them to be set separately
+				delete existingRules.messages;
+				staticRules[ element.name ] = existingRules;
+				if ( argument.messages ) {
+					settings.messages[ element.name ] = $.extend( settings.messages[ element.name ], argument.messages );
+				}
+				break;
+			case "remove":
+				if ( !argument ) {
+					delete staticRules[ element.name ];
+					return existingRules;
+				}
+				filtered = {};
+				$.each( argument.split( /\s/ ), function( index, method ) {
+					filtered[ method ] = existingRules[ method ];
+					delete existingRules[ method ];
+					if ( method === "required" ) {
+						$( element ).removeAttr( "aria-required" );
+					}
+				});
+				return filtered;
+			}
+		}
+
+		data = $.validator.normalizeRules(
+		$.extend(
+			{},
+			$.validator.classRules( element ),
+			$.validator.attributeRules( element ),
+			$.validator.dataRules( element ),
+			$.validator.staticRules( element )
+		), element );
+
+		// make sure required is at front
+		if ( data.required ) {
+			param = data.required;
+			delete data.required;
+			data = $.extend( { required: param }, data );
+			$( element ).attr( "aria-required", "true" );
+		}
+
+		// make sure remote is at back
+		if ( data.remote ) {
+			param = data.remote;
+			delete data.remote;
+			data = $.extend( data, { remote: param });
+		}
+
+		return data;
+	}
+});
+
+// Custom selectors
+$.extend( $.expr[ ":" ], {
+	// http://jqueryvalidation.org/blank-selector/
+	blank: function( a ) {
+		return !$.trim( "" + $( a ).val() );
+	},
+	// http://jqueryvalidation.org/filled-selector/
+	filled: function( a ) {
+		return !!$.trim( "" + $( a ).val() );
+	},
+	// http://jqueryvalidation.org/unchecked-selector/
+	unchecked: function( a ) {
+		return !$( a ).prop( "checked" );
+	}
+});
+
+// constructor for validator
+$.validator = function( options, form ) {
+	this.settings = $.extend( true, {}, $.validator.defaults, options );
+	this.currentForm = form;
+	this.init();
+};
+
+// http://jqueryvalidation.org/jQuery.validator.format/
+$.validator.format = function( source, params ) {
+	if ( arguments.length === 1 ) {
+		return function() {
+			var args = $.makeArray( arguments );
+			args.unshift( source );
+			return $.validator.format.apply( this, args );
+		};
+	}
+	if ( arguments.length > 2 && params.constructor !== Array  ) {
+		params = $.makeArray( arguments ).slice( 1 );
+	}
+	if ( params.constructor !== Array ) {
+		params = [ params ];
+	}
+	$.each( params, function( i, n ) {
+		source = source.replace( new RegExp( "\\{" + i + "\\}", "g" ), function() {
+			return n;
+		});
+	});
+	return source;
+};
+
+$.extend( $.validator, {
+
+	defaults: {
+		messages: {},
+		groups: {},
+		rules: {},
+		errorClass: "error",
+		validClass: "valid",
+		errorElement: "label",
+		focusCleanup: false,
+		focusInvalid: true,
+		errorContainer: $( [] ),
+		errorLabelContainer: $( [] ),
+		onsubmit: true,
+		ignore: ":hidden",
+		ignoreTitle: false,
+		onfocusin: function( element ) {
+			this.lastActive = element;
+
+			// Hide error label and remove error class on focus if enabled
+			if ( this.settings.focusCleanup ) {
+				if ( this.settings.unhighlight ) {
+					this.settings.unhighlight.call( this, element, this.settings.errorClass, this.settings.validClass );
+				}
+				this.hideThese( this.errorsFor( element ) );
+			}
+		},
+		onfocusout: function( element ) {
+			if ( !this.checkable( element ) && ( element.name in this.submitted || !this.optional( element ) ) ) {
+				this.element( element );
+			}
+		},
+		onkeyup: function( element, event ) {
+			if ( event.which === 9 && this.elementValue( element ) === "" ) {
+				return;
+			} else if ( element.name in this.submitted || element === this.lastElement ) {
+				this.element( element );
+			}
+		},
+		onclick: function( element ) {
+			// click on selects, radiobuttons and checkboxes
+			if ( element.name in this.submitted ) {
+				this.element( element );
+
+			// or option elements, check parent select in that case
+			} else if ( element.parentNode.name in this.submitted ) {
+				this.element( element.parentNode );
+			}
+		},
+		highlight: function( element, errorClass, validClass ) {
+			if ( element.type === "radio" ) {
+				this.findByName( element.name ).addClass( errorClass ).removeClass( validClass );
+			} else {
+				$( element ).addClass( errorClass ).removeClass( validClass );
+			}
+		},
+		unhighlight: function( element, errorClass, validClass ) {
+			if ( element.type === "radio" ) {
+				this.findByName( element.name ).removeClass( errorClass ).addClass( validClass );
+			} else {
+				$( element ).removeClass( errorClass ).addClass( validClass );
+			}
+		}
+	},
+
+	// http://jqueryvalidation.org/jQuery.validator.setDefaults/
+	setDefaults: function( settings ) {
+		$.extend( $.validator.defaults, settings );
+	},
+
+	messages: {
+		required: "This field is required.",
+		remote: "Please fix this field.",
+		email: "Please enter a valid email address.",
+		url: "Please enter a valid URL.",
+		date: "Please enter a valid date.",
+		dateISO: "Please enter a valid date ( ISO ).",
+		number: "Please enter a valid number.",
+		digits: "Please enter only digits.",
+		creditcard: "Please enter a valid credit card number.",
+		equalTo: "Please enter the same value again.",
+		maxlength: $.validator.format( "Please enter no more than {0} characters." ),
+		minlength: $.validator.format( "Please enter at least {0} characters." ),
+		rangelength: $.validator.format( "Please enter a value between {0} and {1} characters long." ),
+		range: $.validator.format( "Please enter a value between {0} and {1}." ),
+		max: $.validator.format( "Please enter a value less than or equal to {0}." ),
+		min: $.validator.format( "Please enter a value greater than or equal to {0}." )
+	},
+
+	autoCreateRanges: false,
+
+	prototype: {
+
+		init: function() {
+			this.labelContainer = $( this.settings.errorLabelContainer );
+			this.errorContext = this.labelContainer.length && this.labelContainer || $( this.currentForm );
+			this.containers = $( this.settings.errorContainer ).add( this.settings.errorLabelContainer );
+			this.submitted = {};
+			this.valueCache = {};
+			this.pendingRequest = 0;
+			this.pending = {};
+			this.invalid = {};
+			this.reset();
+
+			var groups = ( this.groups = {} ),
+				rules;
+			$.each( this.settings.groups, function( key, value ) {
+				if ( typeof value === "string" ) {
+					value = value.split( /\s/ );
+				}
+				$.each( value, function( index, name ) {
+					groups[ name ] = key;
+				});
+			});
+			rules = this.settings.rules;
+			$.each( rules, function( key, value ) {
+				rules[ key ] = $.validator.normalizeRule( value );
+			});
+
+			function delegate( event ) {
+				var validator = $.data( this[ 0 ].form, "validator" ),
+					eventType = "on" + event.type.replace( /^validate/, "" ),
+					settings = validator.settings;
+				if ( settings[ eventType ] && !this.is( settings.ignore ) ) {
+					settings[ eventType ].call( validator, this[ 0 ], event );
+				}
+			}
+			$( this.currentForm )
+				.validateDelegate( ":text, [type='password'], [type='file'], select, textarea, " +
+					"[type='number'], [type='search'] ,[type='tel'], [type='url'], " +
+					"[type='email'], [type='datetime'], [type='date'], [type='month'], " +
+					"[type='week'], [type='time'], [type='datetime-local'], " +
+					"[type='range'], [type='color'], [type='radio'], [type='checkbox']",
+					"focusin focusout keyup", delegate)
+				// Support: Chrome, oldIE
+				// "select" is provided as event.target when clicking a option
+				.validateDelegate("select, option, [type='radio'], [type='checkbox']", "click", delegate);
+
+			if ( this.settings.invalidHandler ) {
+				$( this.currentForm ).bind( "invalid-form.validate", this.settings.invalidHandler );
+			}
+
+			// Add aria-required to any Static/Data/Class required fields before first validation
+			// Screen readers require this attribute to be present before the initial submission http://www.w3.org/TR/WCAG-TECHS/ARIA2.html
+			$( this.currentForm ).find( "[required], [data-rule-required], .required" ).attr( "aria-required", "true" );
+		},
+
+		// http://jqueryvalidation.org/Validator.form/
+		form: function() {
+			this.checkForm();
+			$.extend( this.submitted, this.errorMap );
+			this.invalid = $.extend({}, this.errorMap );
+			if ( !this.valid() ) {
+				$( this.currentForm ).triggerHandler( "invalid-form", [ this ]);
+			}
+			this.showErrors();
+			return this.valid();
+		},
+
+		checkForm: function() {
+			this.prepareForm();
+			for ( var i = 0, elements = ( this.currentElements = this.elements() ); elements[ i ]; i++ ) {
+				this.check( elements[ i ] );
+			}
+			return this.valid();
+		},
+
+		// http://jqueryvalidation.org/Validator.element/
+		element: function( element ) {
+			var cleanElement = this.clean( element ),
+				checkElement = this.validationTargetFor( cleanElement ),
+				result = true;
+
+			this.lastElement = checkElement;
+
+			if ( checkElement === undefined ) {
+				delete this.invalid[ cleanElement.name ];
+			} else {
+				this.prepareElement( checkElement );
+				this.currentElements = $( checkElement );
+
+				result = this.check( checkElement ) !== false;
+				if ( result ) {
+					delete this.invalid[ checkElement.name ];
+				} else {
+					this.invalid[ checkElement.name ] = true;
+				}
+			}
+			// Add aria-invalid status for screen readers
+			$( element ).attr( "aria-invalid", !result );
+
+			if ( !this.numberOfInvalids() ) {
+				// Hide error containers on last error
+				this.toHide = this.toHide.add( this.containers );
+			}
+			this.showErrors();
+			return result;
+		},
+
+		// http://jqueryvalidation.org/Validator.showErrors/
+		showErrors: function( errors ) {
+			if ( errors ) {
+				// add items to error list and map
+				$.extend( this.errorMap, errors );
+				this.errorList = [];
+				for ( var name in errors ) {
+					this.errorList.push({
+						message: errors[ name ],
+						element: this.findByName( name )[ 0 ]
+					});
+				}
+				// remove items from success list
+				this.successList = $.grep( this.successList, function( element ) {
+					return !( element.name in errors );
+				});
+			}
+			if ( this.settings.showErrors ) {
+				this.settings.showErrors.call( this, this.errorMap, this.errorList );
+			} else {
+				this.defaultShowErrors();
+			}
+		},
+
+		// http://jqueryvalidation.org/Validator.resetForm/
+		resetForm: function() {
+			if ( $.fn.resetForm ) {
+				$( this.currentForm ).resetForm();
+			}
+			this.submitted = {};
+			this.lastElement = null;
+			this.prepareForm();
+			this.hideErrors();
+			this.elements()
+					.removeClass( this.settings.errorClass )
+					.removeData( "previousValue" )
+					.removeAttr( "aria-invalid" );
+		},
+
+		numberOfInvalids: function() {
+			return this.objectLength( this.invalid );
+		},
+
+		objectLength: function( obj ) {
+			/* jshint unused: false */
+			var count = 0,
+				i;
+			for ( i in obj ) {
+				count++;
+			}
+			return count;
+		},
+
+		hideErrors: function() {
+			this.hideThese( this.toHide );
+		},
+
+		hideThese: function( errors ) {
+			errors.not( this.containers ).text( "" );
+			this.addWrapper( errors ).hide();
+		},
+
+		valid: function() {
+			return this.size() === 0;
+		},
+
+		size: function() {
+			return this.errorList.length;
+		},
+
+		focusInvalid: function() {
+			if ( this.settings.focusInvalid ) {
+				try {
+					$( this.findLastActive() || this.errorList.length && this.errorList[ 0 ].element || [])
+					.filter( ":visible" )
+					.focus()
+					// manually trigger focusin event; without it, focusin handler isn't called, findLastActive won't have anything to find
+					.trigger( "focusin" );
+				} catch ( e ) {
+					// ignore IE throwing errors when focusing hidden elements
+				}
+			}
+		},
+
+		findLastActive: function() {
+			var lastActive = this.lastActive;
+			return lastActive && $.grep( this.errorList, function( n ) {
+				return n.element.name === lastActive.name;
+			}).length === 1 && lastActive;
+		},
+
+		elements: function() {
+			var validator = this,
+				rulesCache = {};
+
+			// select all valid inputs inside the form (no submit or reset buttons)
+			return $( this.currentForm )
+			.find( "input, select, textarea" )
+			.not( ":submit, :reset, :image, [disabled], [readonly]" )
+			.not( this.settings.ignore )
+			.filter( function() {
+				if ( !this.name && validator.settings.debug && window.console ) {
+					console.error( "%o has no name assigned", this );
+				}
+
+				// select only the first element for each name, and only those with rules specified
+				if ( this.name in rulesCache || !validator.objectLength( $( this ).rules() ) ) {
+					return false;
+				}
+
+				rulesCache[ this.name ] = true;
+				return true;
+			});
+		},
+
+		clean: function( selector ) {
+			return $( selector )[ 0 ];
+		},
+
+		errors: function() {
+			var errorClass = this.settings.errorClass.split( " " ).join( "." );
+			return $( this.settings.errorElement + "." + errorClass, this.errorContext );
+		},
+
+		reset: function() {
+			this.successList = [];
+			this.errorList = [];
+			this.errorMap = {};
+			this.toShow = $( [] );
+			this.toHide = $( [] );
+			this.currentElements = $( [] );
+		},
+
+		prepareForm: function() {
+			this.reset();
+			this.toHide = this.errors().add( this.containers );
+		},
+
+		prepareElement: function( element ) {
+			this.reset();
+			this.toHide = this.errorsFor( element );
+		},
+
+		elementValue: function( element ) {
+			var val,
+				$element = $( element ),
+				type = element.type;
+
+			if ( type === "radio" || type === "checkbox" ) {
+				return $( "input[name='" + element.name + "']:checked" ).val();
+			} else if ( type === "number" && typeof element.validity !== "undefined" ) {
+				return element.validity.badInput ? false : $element.val();
+			}
+
+			val = $element.val();
+			if ( typeof val === "string" ) {
+				return val.replace(/\r/g, "" );
+			}
+			return val;
+		},
+
+		check: function( element ) {
+			element = this.validationTargetFor( this.clean( element ) );
+
+			var rules = $( element ).rules(),
+				rulesCount = $.map( rules, function( n, i ) {
+					return i;
+				}).length,
+				dependencyMismatch = false,
+				val = this.elementValue( element ),
+				result, method, rule;
+
+			for ( method in rules ) {
+				rule = { method: method, parameters: rules[ method ] };
+				try {
+
+					result = $.validator.methods[ method ].call( this, val, element, rule.parameters );
+
+					// if a method indicates that the field is optional and therefore valid,
+					// don't mark it as valid when there are no other rules
+					if ( result === "dependency-mismatch" && rulesCount === 1 ) {
+						dependencyMismatch = true;
+						continue;
+					}
+					dependencyMismatch = false;
+
+					if ( result === "pending" ) {
+						this.toHide = this.toHide.not( this.errorsFor( element ) );
+						return;
+					}
+
+					if ( !result ) {
+						this.formatAndAdd( element, rule );
+						return false;
+					}
+				} catch ( e ) {
+					if ( this.settings.debug && window.console ) {
+						console.log( "Exception occurred when checking element " + element.id + ", check the '" + rule.method + "' method.", e );
+					}
+					throw e;
+				}
+			}
+			if ( dependencyMismatch ) {
+				return;
+			}
+			if ( this.objectLength( rules ) ) {
+				this.successList.push( element );
+			}
+			return true;
+		},
+
+		// return the custom message for the given element and validation method
+		// specified in the element's HTML5 data attribute
+		// return the generic message if present and no method specific message is present
+		customDataMessage: function( element, method ) {
+			return $( element ).data( "msg" + method.charAt( 0 ).toUpperCase() +
+				method.substring( 1 ).toLowerCase() ) || $( element ).data( "msg" );
+		},
+
+		// return the custom message for the given element name and validation method
+		customMessage: function( name, method ) {
+			var m = this.settings.messages[ name ];
+			return m && ( m.constructor === String ? m : m[ method ]);
+		},
+
+		// return the first defined argument, allowing empty strings
+		findDefined: function() {
+			for ( var i = 0; i < arguments.length; i++) {
+				if ( arguments[ i ] !== undefined ) {
+					return arguments[ i ];
+				}
+			}
+			return undefined;
+		},
+
+		defaultMessage: function( element, method ) {
+			return this.findDefined(
+				this.customMessage( element.name, method ),
+				this.customDataMessage( element, method ),
+				// title is never undefined, so handle empty string as undefined
+				!this.settings.ignoreTitle && element.title || undefined,
+				$.validator.messages[ method ],
+				"<strong>Warning: No message defined for " + element.name + "</strong>"
+			);
+		},
+
+		formatAndAdd: function( element, rule ) {
+			var message = this.defaultMessage( element, rule.method ),
+				theregex = /\$?\{(\d+)\}/g;
+			if ( typeof message === "function" ) {
+				message = message.call( this, rule.parameters, element );
+			} else if ( theregex.test( message ) ) {
+				message = $.validator.format( message.replace( theregex, "{$1}" ), rule.parameters );
+			}
+			this.errorList.push({
+				message: message,
+				element: element,
+				method: rule.method
+			});
+
+			this.errorMap[ element.name ] = message;
+			this.submitted[ element.name ] = message;
+		},
+
+		addWrapper: function( toToggle ) {
+			if ( this.settings.wrapper ) {
+				toToggle = toToggle.add( toToggle.parent( this.settings.wrapper ) );
+			}
+			return toToggle;
+		},
+
+		defaultShowErrors: function() {
+			var i, elements, error;
+			for ( i = 0; this.errorList[ i ]; i++ ) {
+				error = this.errorList[ i ];
+				if ( this.settings.highlight ) {
+					this.settings.highlight.call( this, error.element, this.settings.errorClass, this.settings.validClass );
+				}
+				this.showLabel( error.element, error.message );
+			}
+			if ( this.errorList.length ) {
+				this.toShow = this.toShow.add( this.containers );
+			}
+			if ( this.settings.success ) {
+				for ( i = 0; this.successList[ i ]; i++ ) {
+					this.showLabel( this.successList[ i ] );
+				}
+			}
+			if ( this.settings.unhighlight ) {
+				for ( i = 0, elements = this.validElements(); elements[ i ]; i++ ) {
+					this.settings.unhighlight.call( this, elements[ i ], this.settings.errorClass, this.settings.validClass );
+				}
+			}
+			this.toHide = this.toHide.not( this.toShow );
+			this.hideErrors();
+			this.addWrapper( this.toShow ).show();
+		},
+
+		validElements: function() {
+			return this.currentElements.not( this.invalidElements() );
+		},
+
+		invalidElements: function() {
+			return $( this.errorList ).map(function() {
+				return this.element;
+			});
+		},
+
+		showLabel: function( element, message ) {
+			var place, group, errorID,
+				error = this.errorsFor( element ),
+				elementID = this.idOrName( element ),
+				describedBy = $( element ).attr( "aria-describedby" );
+			if ( error.length ) {
+				// refresh error/success class
+				error.removeClass( this.settings.validClass ).addClass( this.settings.errorClass );
+				// replace message on existing label
+				error.html( message );
+			} else {
+				// create error element
+				error = $( "<" + this.settings.errorElement + ">" )
+					.attr( "id", elementID + "-error" )
+					.addClass( this.settings.errorClass )
+					.html( message || "" );
+
+				// Maintain reference to the element to be placed into the DOM
+				place = error;
+				if ( this.settings.wrapper ) {
+					// make sure the element is visible, even in IE
+					// actually showing the wrapped element is handled elsewhere
+					place = error.hide().show().wrap( "<" + this.settings.wrapper + "/>" ).parent();
+				}
+				if ( this.labelContainer.length ) {
+					this.labelContainer.append( place );
+				} else if ( this.settings.errorPlacement ) {
+					this.settings.errorPlacement( place, $( element ) );
+				} else {
+					place.insertAfter( element );
+				}
+
+				// Link error back to the element
+				if ( error.is( "label" ) ) {
+					// If the error is a label, then associate using 'for'
+					error.attr( "for", elementID );
+				} else if ( error.parents( "label[for='" + elementID + "']" ).length === 0 ) {
+					// If the element is not a child of an associated label, then it's necessary
+					// to explicitly apply aria-describedby
+
+					errorID = error.attr( "id" ).replace( /(:|\.|\[|\])/g, "\\$1");
+					// Respect existing non-error aria-describedby
+					if ( !describedBy ) {
+						describedBy = errorID;
+					} else if ( !describedBy.match( new RegExp( "\\b" + errorID + "\\b" ) ) ) {
+						// Add to end of list if not already present
+						describedBy += " " + errorID;
+					}
+					$( element ).attr( "aria-describedby", describedBy );
+
+					// If this element is grouped, then assign to all elements in the same group
+					group = this.groups[ element.name ];
+					if ( group ) {
+						$.each( this.groups, function( name, testgroup ) {
+							if ( testgroup === group ) {
+								$( "[name='" + name + "']", this.currentForm )
+									.attr( "aria-describedby", error.attr( "id" ) );
+							}
+						});
+					}
+				}
+			}
+			if ( !message && this.settings.success ) {
+				error.text( "" );
+				if ( typeof this.settings.success === "string" ) {
+					error.addClass( this.settings.success );
+				} else {
+					this.settings.success( error, element );
+				}
+			}
+			this.toShow = this.toShow.add( error );
+		},
+
+		errorsFor: function( element ) {
+			var name = this.idOrName( element ),
+				describer = $( element ).attr( "aria-describedby" ),
+				selector = "label[for='" + name + "'], label[for='" + name + "'] *";
+
+			// aria-describedby should directly reference the error element
+			if ( describer ) {
+				selector = selector + ", #" + describer.replace( /\s+/g, ", #" );
+			}
+			return this
+				.errors()
+				.filter( selector );
+		},
+
+		idOrName: function( element ) {
+			return this.groups[ element.name ] || ( this.checkable( element ) ? element.name : element.id || element.name );
+		},
+
+		validationTargetFor: function( element ) {
+
+			// If radio/checkbox, validate first element in group instead
+			if ( this.checkable( element ) ) {
+				element = this.findByName( element.name );
+			}
+
+			// Always apply ignore filter
+			return $( element ).not( this.settings.ignore )[ 0 ];
+		},
+
+		checkable: function( element ) {
+			return ( /radio|checkbox/i ).test( element.type );
+		},
+
+		findByName: function( name ) {
+			return $( this.currentForm ).find( "[name='" + name + "']" );
+		},
+
+		getLength: function( value, element ) {
+			switch ( element.nodeName.toLowerCase() ) {
+			case "select":
+				return $( "option:selected", element ).length;
+			case "input":
+				if ( this.checkable( element ) ) {
+					return this.findByName( element.name ).filter( ":checked" ).length;
+				}
+			}
+			return value.length;
+		},
+
+		depend: function( param, element ) {
+			return this.dependTypes[typeof param] ? this.dependTypes[typeof param]( param, element ) : true;
+		},
+
+		dependTypes: {
+			"boolean": function( param ) {
+				return param;
+			},
+			"string": function( param, element ) {
+				return !!$( param, element.form ).length;
+			},
+			"function": function( param, element ) {
+				return param( element );
+			}
+		},
+
+		optional: function( element ) {
+			var val = this.elementValue( element );
+			return !$.validator.methods.required.call( this, val, element ) && "dependency-mismatch";
+		},
+
+		startRequest: function( element ) {
+			if ( !this.pending[ element.name ] ) {
+				this.pendingRequest++;
+				this.pending[ element.name ] = true;
+			}
+		},
+
+		stopRequest: function( element, valid ) {
+			this.pendingRequest--;
+			// sometimes synchronization fails, make sure pendingRequest is never < 0
+			if ( this.pendingRequest < 0 ) {
+				this.pendingRequest = 0;
+			}
+			delete this.pending[ element.name ];
+			if ( valid && this.pendingRequest === 0 && this.formSubmitted && this.form() ) {
+				$( this.currentForm ).submit();
+				this.formSubmitted = false;
+			} else if (!valid && this.pendingRequest === 0 && this.formSubmitted ) {
+				$( this.currentForm ).triggerHandler( "invalid-form", [ this ]);
+				this.formSubmitted = false;
+			}
+		},
+
+		previousValue: function( element ) {
+			return $.data( element, "previousValue" ) || $.data( element, "previousValue", {
+				old: null,
+				valid: true,
+				message: this.defaultMessage( element, "remote" )
+			});
+		}
+
+	},
+
+	classRuleSettings: {
+		required: { required: true },
+		email: { email: true },
+		url: { url: true },
+		date: { date: true },
+		dateISO: { dateISO: true },
+		number: { number: true },
+		digits: { digits: true },
+		creditcard: { creditcard: true }
+	},
+
+	addClassRules: function( className, rules ) {
+		if ( className.constructor === String ) {
+			this.classRuleSettings[ className ] = rules;
+		} else {
+			$.extend( this.classRuleSettings, className );
+		}
+	},
+
+	classRules: function( element ) {
+		var rules = {},
+			classes = $( element ).attr( "class" );
+
+		if ( classes ) {
+			$.each( classes.split( " " ), function() {
+				if ( this in $.validator.classRuleSettings ) {
+					$.extend( rules, $.validator.classRuleSettings[ this ]);
+				}
+			});
+		}
+		return rules;
+	},
+
+	attributeRules: function( element ) {
+		var rules = {},
+			$element = $( element ),
+			type = element.getAttribute( "type" ),
+			method, value;
+
+		for ( method in $.validator.methods ) {
+
+			// support for <input required> in both html5 and older browsers
+			if ( method === "required" ) {
+				value = element.getAttribute( method );
+				// Some browsers return an empty string for the required attribute
+				// and non-HTML5 browsers might have required="" markup
+				if ( value === "" ) {
+					value = true;
+				}
+				// force non-HTML5 browsers to return bool
+				value = !!value;
+			} else {
+				value = $element.attr( method );
+			}
+
+			// convert the value to a number for number inputs, and for text for backwards compability
+			// allows type="date" and others to be compared as strings
+			if ( /min|max/.test( method ) && ( type === null || /number|range|text/.test( type ) ) ) {
+				value = Number( value );
+			}
+
+			if ( value || value === 0 ) {
+				rules[ method ] = value;
+			} else if ( type === method && type !== "range" ) {
+				// exception: the jquery validate 'range' method
+				// does not test for the html5 'range' type
+				rules[ method ] = true;
+			}
+		}
+
+		// maxlength may be returned as -1, 2147483647 ( IE ) and 524288 ( safari ) for text inputs
+		if ( rules.maxlength && /-1|2147483647|524288/.test( rules.maxlength ) ) {
+			delete rules.maxlength;
+		}
+
+		return rules;
+	},
+
+	dataRules: function( element ) {
+		var method, value,
+			rules = {}, $element = $( element );
+		for ( method in $.validator.methods ) {
+			value = $element.data( "rule" + method.charAt( 0 ).toUpperCase() + method.substring( 1 ).toLowerCase() );
+			if ( value !== undefined ) {
+				rules[ method ] = value;
+			}
+		}
+		return rules;
+	},
+
+	staticRules: function( element ) {
+		var rules = {},
+			validator = $.data( element.form, "validator" );
+
+		if ( validator.settings.rules ) {
+			rules = $.validator.normalizeRule( validator.settings.rules[ element.name ] ) || {};
+		}
+		return rules;
+	},
+
+	normalizeRules: function( rules, element ) {
+		// handle dependency check
+		$.each( rules, function( prop, val ) {
+			// ignore rule when param is explicitly false, eg. required:false
+			if ( val === false ) {
+				delete rules[ prop ];
+				return;
+			}
+			if ( val.param || val.depends ) {
+				var keepRule = true;
+				switch ( typeof val.depends ) {
+				case "string":
+					keepRule = !!$( val.depends, element.form ).length;
+					break;
+				case "function":
+					keepRule = val.depends.call( element, element );
+					break;
+				}
+				if ( keepRule ) {
+					rules[ prop ] = val.param !== undefined ? val.param : true;
+				} else {
+					delete rules[ prop ];
+				}
+			}
+		});
+
+		// evaluate parameters
+		$.each( rules, function( rule, parameter ) {
+			rules[ rule ] = $.isFunction( parameter ) ? parameter( element ) : parameter;
+		});
+
+		// clean number parameters
+		$.each([ "minlength", "maxlength" ], function() {
+			if ( rules[ this ] ) {
+				rules[ this ] = Number( rules[ this ] );
+			}
+		});
+		$.each([ "rangelength", "range" ], function() {
+			var parts;
+			if ( rules[ this ] ) {
+				if ( $.isArray( rules[ this ] ) ) {
+					rules[ this ] = [ Number( rules[ this ][ 0 ]), Number( rules[ this ][ 1 ] ) ];
+				} else if ( typeof rules[ this ] === "string" ) {
+					parts = rules[ this ].replace(/[\[\]]/g, "" ).split( /[\s,]+/ );
+					rules[ this ] = [ Number( parts[ 0 ]), Number( parts[ 1 ] ) ];
+				}
+			}
+		});
+
+		if ( $.validator.autoCreateRanges ) {
+			// auto-create ranges
+			if ( rules.min != null && rules.max != null ) {
+				rules.range = [ rules.min, rules.max ];
+				delete rules.min;
+				delete rules.max;
+			}
+			if ( rules.minlength != null && rules.maxlength != null ) {
+				rules.rangelength = [ rules.minlength, rules.maxlength ];
+				delete rules.minlength;
+				delete rules.maxlength;
+			}
+		}
+
+		return rules;
+	},
+
+	// Converts a simple string to a {string: true} rule, e.g., "required" to {required:true}
+	normalizeRule: function( data ) {
+		if ( typeof data === "string" ) {
+			var transformed = {};
+			$.each( data.split( /\s/ ), function() {
+				transformed[ this ] = true;
+			});
+			data = transformed;
+		}
+		return data;
+	},
+
+	// http://jqueryvalidation.org/jQuery.validator.addMethod/
+	addMethod: function( name, method, message ) {
+		$.validator.methods[ name ] = method;
+		$.validator.messages[ name ] = message !== undefined ? message : $.validator.messages[ name ];
+		if ( method.length < 3 ) {
+			$.validator.addClassRules( name, $.validator.normalizeRule( name ) );
+		}
+	},
+
+	methods: {
+
+		// http://jqueryvalidation.org/required-method/
+		required: function( value, element, param ) {
+			// check if dependency is met
+			if ( !this.depend( param, element ) ) {
+				return "dependency-mismatch";
+			}
+			if ( element.nodeName.toLowerCase() === "select" ) {
+				// could be an array for select-multiple or a string, both are fine this way
+				var val = $( element ).val();
+				return val && val.length > 0;
+			}
+			if ( this.checkable( element ) ) {
+				return this.getLength( value, element ) > 0;
+			}
+			return $.trim( value ).length > 0;
+		},
+
+		// http://jqueryvalidation.org/email-method/
+		email: function( value, element ) {
+			// From http://www.whatwg.org/specs/web-apps/current-work/multipage/states-of-the-type-attribute.html#e-mail-state-%28type=email%29
+			// Retrieved 2014-01-14
+			// If you have a problem with this implementation, report a bug against the above spec
+			// Or use custom methods to implement your own email validation
+			return this.optional( element ) || /^[a-zA-Z0-9.!#$%&'*+\/=?^_`{|}~-]+@[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?(?:\.[a-zA-Z0-9](?:[a-zA-Z0-9-]{0,61}[a-zA-Z0-9])?)*$/.test( value );
+		},
+
+		// http://jqueryvalidation.org/url-method/
+		url: function( value, element ) {
+			// contributed by Scott Gonzalez: http://projects.scottsplayground.com/iri/
+			return this.optional( element ) || /^(https?|s?ftp):\/\/(((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:)*@)?(((\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5])\.(\d|[1-9]\d|1\d\d|2[0-4]\d|25[0-5]))|((([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|\d|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.)+(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])*([a-z]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])))\.?)(:\d*)?)(\/((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)+(\/(([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)*)*)?)?(\?((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|[\uE000-\uF8FF]|\/|\?)*)?(#((([a-z]|\d|-|\.|_|~|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF])|(%[\da-f]{2})|[!\$&'\(\)\*\+,;=]|:|@)|\/|\?)*)?$/i.test( value );
+		},
+
+		// http://jqueryvalidation.org/date-method/
+		date: function( value, element ) {
+			return this.optional( element ) || !/Invalid|NaN/.test( new Date( value ).toString() );
+		},
+
+		// http://jqueryvalidation.org/dateISO-method/
+		dateISO: function( value, element ) {
+			return this.optional( element ) || /^\d{4}[\/\-](0?[1-9]|1[012])[\/\-](0?[1-9]|[12][0-9]|3[01])$/.test( value );
+		},
+
+		// http://jqueryvalidation.org/number-method/
+		number: function( value, element ) {
+			return this.optional( element ) || /^-?(?:\d+|\d{1,3}(?:,\d{3})+)?(?:\.\d+)?$/.test( value );
+		},
+
+		// http://jqueryvalidation.org/digits-method/
+		digits: function( value, element ) {
+			return this.optional( element ) || /^\d+$/.test( value );
+		},
+
+		// http://jqueryvalidation.org/creditcard-method/
+		// based on http://en.wikipedia.org/wiki/Luhn/
+		creditcard: function( value, element ) {
+			if ( this.optional( element ) ) {
+				return "dependency-mismatch";
+			}
+			// accept only spaces, digits and dashes
+			if ( /[^0-9 \-]+/.test( value ) ) {
+				return false;
+			}
+			var nCheck = 0,
+				nDigit = 0,
+				bEven = false,
+				n, cDigit;
+
+			value = value.replace( /\D/g, "" );
+
+			// Basing min and max length on
+			// http://developer.ean.com/general_info/Valid_Credit_Card_Types
+			if ( value.length < 13 || value.length > 19 ) {
+				return false;
+			}
+
+			for ( n = value.length - 1; n >= 0; n--) {
+				cDigit = value.charAt( n );
+				nDigit = parseInt( cDigit, 10 );
+				if ( bEven ) {
+					if ( ( nDigit *= 2 ) > 9 ) {
+						nDigit -= 9;
+					}
+				}
+				nCheck += nDigit;
+				bEven = !bEven;
+			}
+
+			return ( nCheck % 10 ) === 0;
+		},
+
+		// http://jqueryvalidation.org/minlength-method/
+		minlength: function( value, element, param ) {
+			var length = $.isArray( value ) ? value.length : this.getLength( value, element );
+			return this.optional( element ) || length >= param;
+		},
+
+		// http://jqueryvalidation.org/maxlength-method/
+		maxlength: function( value, element, param ) {
+			var length = $.isArray( value ) ? value.length : this.getLength( value, element );
+			return this.optional( element ) || length <= param;
+		},
+
+		// http://jqueryvalidation.org/rangelength-method/
+		rangelength: function( value, element, param ) {
+			var length = $.isArray( value ) ? value.length : this.getLength( value, element );
+			return this.optional( element ) || ( length >= param[ 0 ] && length <= param[ 1 ] );
+		},
+
+		// http://jqueryvalidation.org/min-method/
+		min: function( value, element, param ) {
+			return this.optional( element ) || value >= param;
+		},
+
+		// http://jqueryvalidation.org/max-method/
+		max: function( value, element, param ) {
+			return this.optional( element ) || value <= param;
+		},
+
+		// http://jqueryvalidation.org/range-method/
+		range: function( value, element, param ) {
+			return this.optional( element ) || ( value >= param[ 0 ] && value <= param[ 1 ] );
+		},
+
+		// http://jqueryvalidation.org/equalTo-method/
+		equalTo: function( value, element, param ) {
+			// bind to the blur event of the target in order to revalidate whenever the target field is updated
+			// TODO find a way to bind the event just once, avoiding the unbind-rebind overhead
+			var target = $( param );
+			if ( this.settings.onfocusout ) {
+				target.unbind( ".validate-equalTo" ).bind( "blur.validate-equalTo", function() {
+					$( element ).valid();
+				});
+			}
+			return value === target.val();
+		},
+
+		// http://jqueryvalidation.org/remote-method/
+		remote: function( value, element, param ) {
+			if ( this.optional( element ) ) {
+				return "dependency-mismatch";
+			}
+
+			var previous = this.previousValue( element ),
+				validator, data;
+
+			if (!this.settings.messages[ element.name ] ) {
+				this.settings.messages[ element.name ] = {};
+			}
+			previous.originalMessage = this.settings.messages[ element.name ].remote;
+			this.settings.messages[ element.name ].remote = previous.message;
+
+			param = typeof param === "string" && { url: param } || param;
+
+			if ( previous.old === value ) {
+				return previous.valid;
+			}
+
+			previous.old = value;
+			validator = this;
+			this.startRequest( element );
+			data = {};
+			data[ element.name ] = value;
+			$.ajax( $.extend( true, {
+				url: param,
+				mode: "abort",
+				port: "validate" + element.name,
+				dataType: "json",
+				data: data,
+				context: validator.currentForm,
+				success: function( response ) {
+					var valid = response === true || response === "true",
+						errors, message, submitted;
+
+					validator.settings.messages[ element.name ].remote = previous.originalMessage;
+					if ( valid ) {
+						submitted = validator.formSubmitted;
+						validator.prepareElement( element );
+						validator.formSubmitted = submitted;
+						validator.successList.push( element );
+						delete validator.invalid[ element.name ];
+						validator.showErrors();
+					} else {
+						errors = {};
+						message = response || validator.defaultMessage( element, "remote" );
+						errors[ element.name ] = previous.message = $.isFunction( message ) ? message( value ) : message;
+						validator.invalid[ element.name ] = true;
+						validator.showErrors( errors );
+					}
+					previous.valid = valid;
+					validator.stopRequest( element, valid );
+				}
+			}, param ) );
+			return "pending";
+		}
+
+	}
+
+});
+
+$.format = function deprecated() {
+	throw "$.format has been deprecated. Please use $.validator.format instead.";
+};
+
+// ajax mode: abort
+// usage: $.ajax({ mode: "abort"[, port: "uniqueport"]});
+// if mode:"abort" is used, the previous request on that port (port can be undefined) is aborted via XMLHttpRequest.abort()
+
+var pendingRequests = {},
+	ajax;
+// Use a prefilter if available (1.5+)
+if ( $.ajaxPrefilter ) {
+	$.ajaxPrefilter(function( settings, _, xhr ) {
+		var port = settings.port;
+		if ( settings.mode === "abort" ) {
+			if ( pendingRequests[port] ) {
+				pendingRequests[port].abort();
+			}
+			pendingRequests[port] = xhr;
+		}
+	});
+} else {
+	// Proxy ajax
+	ajax = $.ajax;
+	$.ajax = function( settings ) {
+		var mode = ( "mode" in settings ? settings : $.ajaxSettings ).mode,
+			port = ( "port" in settings ? settings : $.ajaxSettings ).port;
+		if ( mode === "abort" ) {
+			if ( pendingRequests[port] ) {
+				pendingRequests[port].abort();
+			}
+			pendingRequests[port] = ajax.apply(this, arguments);
+			return pendingRequests[port];
+		}
+		return ajax.apply(this, arguments);
+	};
+}
+
+// provides delegate(type: String, delegate: Selector, handler: Callback) plugin for easier event delegation
+// handler is only called when $(event.target).is(delegate), in the scope of the jquery-object for event.target
+
+$.extend($.fn, {
+	validateDelegate: function( delegate, type, handler ) {
+		return this.bind(type, function( event ) {
+			var target = $(event.target);
+			if ( target.is(delegate) ) {
+				return handler.apply(target, arguments);
+			}
+		});
+	}
+});
+
+}));
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/jquery1x.js b/web/bootstrap-ace-admin/js/jquery1x.js
new file mode 100755
index 00000000..d4b67f7e
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/jquery1x.js
@@ -0,0 +1,10308 @@
+/*!
+ * jQuery JavaScript Library v1.11.1
+ * http://jquery.com/
+ *
+ * Includes Sizzle.js
+ * http://sizzlejs.com/
+ *
+ * Copyright 2005, 2014 jQuery Foundation, Inc. and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2014-05-01T17:42Z
+ */
+
+(function( global, factory ) {
+
+	if ( typeof module === "object" && typeof module.exports === "object" ) {
+		// For CommonJS and CommonJS-like environments where a proper window is present,
+		// execute the factory and get jQuery
+		// For environments that do not inherently posses a window with a document
+		// (such as Node.js), expose a jQuery-making factory as module.exports
+		// This accentuates the need for the creation of a real window
+		// e.g. var jQuery = require("jquery")(window);
+		// See ticket #14549 for more info
+		module.exports = global.document ?
+			factory( global, true ) :
+			function( w ) {
+				if ( !w.document ) {
+					throw new Error( "jQuery requires a window with a document" );
+				}
+				return factory( w );
+			};
+	} else {
+		factory( global );
+	}
+
+// Pass this if window is not defined yet
+}(typeof window !== "undefined" ? window : this, function( window, noGlobal ) {
+
+// Can't do this because several apps including ASP.NET trace
+// the stack via arguments.caller.callee and Firefox dies if
+// you try to trace through "use strict" call chains. (#13335)
+// Support: Firefox 18+
+//
+
+var deletedIds = [];
+
+var slice = deletedIds.slice;
+
+var concat = deletedIds.concat;
+
+var push = deletedIds.push;
+
+var indexOf = deletedIds.indexOf;
+
+var class2type = {};
+
+var toString = class2type.toString;
+
+var hasOwn = class2type.hasOwnProperty;
+
+var support = {};
+
+
+
+var
+	version = "1.11.1",
+
+	// Define a local copy of jQuery
+	jQuery = function( selector, context ) {
+		// The jQuery object is actually just the init constructor 'enhanced'
+		// Need init if jQuery is called (just allow error to be thrown if not included)
+		return new jQuery.fn.init( selector, context );
+	},
+
+	// Support: Android<4.1, IE<9
+	// Make sure we trim BOM and NBSP
+	rtrim = /^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g,
+
+	// Matches dashed string for camelizing
+	rmsPrefix = /^-ms-/,
+	rdashAlpha = /-([\da-z])/gi,
+
+	// Used by jQuery.camelCase as callback to replace()
+	fcamelCase = function( all, letter ) {
+		return letter.toUpperCase();
+	};
+
+jQuery.fn = jQuery.prototype = {
+	// The current version of jQuery being used
+	jquery: version,
+
+	constructor: jQuery,
+
+	// Start with an empty selector
+	selector: "",
+
+	// The default length of a jQuery object is 0
+	length: 0,
+
+	toArray: function() {
+		return slice.call( this );
+	},
+
+	// Get the Nth element in the matched element set OR
+	// Get the whole matched element set as a clean array
+	get: function( num ) {
+		return num != null ?
+
+			// Return just the one element from the set
+			( num < 0 ? this[ num + this.length ] : this[ num ] ) :
+
+			// Return all the elements in a clean array
+			slice.call( this );
+	},
+
+	// Take an array of elements and push it onto the stack
+	// (returning the new matched element set)
+	pushStack: function( elems ) {
+
+		// Build a new jQuery matched element set
+		var ret = jQuery.merge( this.constructor(), elems );
+
+		// Add the old object onto the stack (as a reference)
+		ret.prevObject = this;
+		ret.context = this.context;
+
+		// Return the newly-formed element set
+		return ret;
+	},
+
+	// Execute a callback for every element in the matched set.
+	// (You can seed the arguments with an array of args, but this is
+	// only used internally.)
+	each: function( callback, args ) {
+		return jQuery.each( this, callback, args );
+	},
+
+	map: function( callback ) {
+		return this.pushStack( jQuery.map(this, function( elem, i ) {
+			return callback.call( elem, i, elem );
+		}));
+	},
+
+	slice: function() {
+		return this.pushStack( slice.apply( this, arguments ) );
+	},
+
+	first: function() {
+		return this.eq( 0 );
+	},
+
+	last: function() {
+		return this.eq( -1 );
+	},
+
+	eq: function( i ) {
+		var len = this.length,
+			j = +i + ( i < 0 ? len : 0 );
+		return this.pushStack( j >= 0 && j < len ? [ this[j] ] : [] );
+	},
+
+	end: function() {
+		return this.prevObject || this.constructor(null);
+	},
+
+	// For internal use only.
+	// Behaves like an Array's method, not like a jQuery method.
+	push: push,
+	sort: deletedIds.sort,
+	splice: deletedIds.splice
+};
+
+jQuery.extend = jQuery.fn.extend = function() {
+	var src, copyIsArray, copy, name, options, clone,
+		target = arguments[0] || {},
+		i = 1,
+		length = arguments.length,
+		deep = false;
+
+	// Handle a deep copy situation
+	if ( typeof target === "boolean" ) {
+		deep = target;
+
+		// skip the boolean and the target
+		target = arguments[ i ] || {};
+		i++;
+	}
+
+	// Handle case when target is a string or something (possible in deep copy)
+	if ( typeof target !== "object" && !jQuery.isFunction(target) ) {
+		target = {};
+	}
+
+	// extend jQuery itself if only one argument is passed
+	if ( i === length ) {
+		target = this;
+		i--;
+	}
+
+	for ( ; i < length; i++ ) {
+		// Only deal with non-null/undefined values
+		if ( (options = arguments[ i ]) != null ) {
+			// Extend the base object
+			for ( name in options ) {
+				src = target[ name ];
+				copy = options[ name ];
+
+				// Prevent never-ending loop
+				if ( target === copy ) {
+					continue;
+				}
+
+				// Recurse if we're merging plain objects or arrays
+				if ( deep && copy && ( jQuery.isPlainObject(copy) || (copyIsArray = jQuery.isArray(copy)) ) ) {
+					if ( copyIsArray ) {
+						copyIsArray = false;
+						clone = src && jQuery.isArray(src) ? src : [];
+
+					} else {
+						clone = src && jQuery.isPlainObject(src) ? src : {};
+					}
+
+					// Never move original objects, clone them
+					target[ name ] = jQuery.extend( deep, clone, copy );
+
+				// Don't bring in undefined values
+				} else if ( copy !== undefined ) {
+					target[ name ] = copy;
+				}
+			}
+		}
+	}
+
+	// Return the modified object
+	return target;
+};
+
+jQuery.extend({
+	// Unique for each copy of jQuery on the page
+	expando: "jQuery" + ( version + Math.random() ).replace( /\D/g, "" ),
+
+	// Assume jQuery is ready without the ready module
+	isReady: true,
+
+	error: function( msg ) {
+		throw new Error( msg );
+	},
+
+	noop: function() {},
+
+	// See test/unit/core.js for details concerning isFunction.
+	// Since version 1.3, DOM methods and functions like alert
+	// aren't supported. They return false on IE (#2968).
+	isFunction: function( obj ) {
+		return jQuery.type(obj) === "function";
+	},
+
+	isArray: Array.isArray || function( obj ) {
+		return jQuery.type(obj) === "array";
+	},
+
+	isWindow: function( obj ) {
+		/* jshint eqeqeq: false */
+		return obj != null && obj == obj.window;
+	},
+
+	isNumeric: function( obj ) {
+		// parseFloat NaNs numeric-cast false positives (null|true|false|"")
+		// ...but misinterprets leading-number strings, particularly hex literals ("0x...")
+		// subtraction forces infinities to NaN
+		return !jQuery.isArray( obj ) && obj - parseFloat( obj ) >= 0;
+	},
+
+	isEmptyObject: function( obj ) {
+		var name;
+		for ( name in obj ) {
+			return false;
+		}
+		return true;
+	},
+
+	isPlainObject: function( obj ) {
+		var key;
+
+		// Must be an Object.
+		// Because of IE, we also have to check the presence of the constructor property.
+		// Make sure that DOM nodes and window objects don't pass through, as well
+		if ( !obj || jQuery.type(obj) !== "object" || obj.nodeType || jQuery.isWindow( obj ) ) {
+			return false;
+		}
+
+		try {
+			// Not own constructor property must be Object
+			if ( obj.constructor &&
+				!hasOwn.call(obj, "constructor") &&
+				!hasOwn.call(obj.constructor.prototype, "isPrototypeOf") ) {
+				return false;
+			}
+		} catch ( e ) {
+			// IE8,9 Will throw exceptions on certain host objects #9897
+			return false;
+		}
+
+		// Support: IE<9
+		// Handle iteration over inherited properties before own properties.
+		if ( support.ownLast ) {
+			for ( key in obj ) {
+				return hasOwn.call( obj, key );
+			}
+		}
+
+		// Own properties are enumerated firstly, so to speed up,
+		// if last one is own, then all properties are own.
+		for ( key in obj ) {}
+
+		return key === undefined || hasOwn.call( obj, key );
+	},
+
+	type: function( obj ) {
+		if ( obj == null ) {
+			return obj + "";
+		}
+		return typeof obj === "object" || typeof obj === "function" ?
+			class2type[ toString.call(obj) ] || "object" :
+			typeof obj;
+	},
+
+	// Evaluates a script in a global context
+	// Workarounds based on findings by Jim Driscoll
+	// http://weblogs.java.net/blog/driscoll/archive/2009/09/08/eval-javascript-global-context
+	globalEval: function( data ) {
+		if ( data && jQuery.trim( data ) ) {
+			// We use execScript on Internet Explorer
+			// We use an anonymous function so that context is window
+			// rather than jQuery in Firefox
+			( window.execScript || function( data ) {
+				window[ "eval" ].call( window, data );
+			} )( data );
+		}
+	},
+
+	// Convert dashed to camelCase; used by the css and data modules
+	// Microsoft forgot to hump their vendor prefix (#9572)
+	camelCase: function( string ) {
+		return string.replace( rmsPrefix, "ms-" ).replace( rdashAlpha, fcamelCase );
+	},
+
+	nodeName: function( elem, name ) {
+		return elem.nodeName && elem.nodeName.toLowerCase() === name.toLowerCase();
+	},
+
+	// args is for internal usage only
+	each: function( obj, callback, args ) {
+		var value,
+			i = 0,
+			length = obj.length,
+			isArray = isArraylike( obj );
+
+		if ( args ) {
+			if ( isArray ) {
+				for ( ; i < length; i++ ) {
+					value = callback.apply( obj[ i ], args );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			} else {
+				for ( i in obj ) {
+					value = callback.apply( obj[ i ], args );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			}
+
+		// A special, fast, case for the most common use of each
+		} else {
+			if ( isArray ) {
+				for ( ; i < length; i++ ) {
+					value = callback.call( obj[ i ], i, obj[ i ] );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			} else {
+				for ( i in obj ) {
+					value = callback.call( obj[ i ], i, obj[ i ] );
+
+					if ( value === false ) {
+						break;
+					}
+				}
+			}
+		}
+
+		return obj;
+	},
+
+	// Support: Android<4.1, IE<9
+	trim: function( text ) {
+		return text == null ?
+			"" :
+			( text + "" ).replace( rtrim, "" );
+	},
+
+	// results is for internal usage only
+	makeArray: function( arr, results ) {
+		var ret = results || [];
+
+		if ( arr != null ) {
+			if ( isArraylike( Object(arr) ) ) {
+				jQuery.merge( ret,
+					typeof arr === "string" ?
+					[ arr ] : arr
+				);
+			} else {
+				push.call( ret, arr );
+			}
+		}
+
+		return ret;
+	},
+
+	inArray: function( elem, arr, i ) {
+		var len;
+
+		if ( arr ) {
+			if ( indexOf ) {
+				return indexOf.call( arr, elem, i );
+			}
+
+			len = arr.length;
+			i = i ? i < 0 ? Math.max( 0, len + i ) : i : 0;
+
+			for ( ; i < len; i++ ) {
+				// Skip accessing in sparse arrays
+				if ( i in arr && arr[ i ] === elem ) {
+					return i;
+				}
+			}
+		}
+
+		return -1;
+	},
+
+	merge: function( first, second ) {
+		var len = +second.length,
+			j = 0,
+			i = first.length;
+
+		while ( j < len ) {
+			first[ i++ ] = second[ j++ ];
+		}
+
+		// Support: IE<9
+		// Workaround casting of .length to NaN on otherwise arraylike objects (e.g., NodeLists)
+		if ( len !== len ) {
+			while ( second[j] !== undefined ) {
+				first[ i++ ] = second[ j++ ];
+			}
+		}
+
+		first.length = i;
+
+		return first;
+	},
+
+	grep: function( elems, callback, invert ) {
+		var callbackInverse,
+			matches = [],
+			i = 0,
+			length = elems.length,
+			callbackExpect = !invert;
+
+		// Go through the array, only saving the items
+		// that pass the validator function
+		for ( ; i < length; i++ ) {
+			callbackInverse = !callback( elems[ i ], i );
+			if ( callbackInverse !== callbackExpect ) {
+				matches.push( elems[ i ] );
+			}
+		}
+
+		return matches;
+	},
+
+	// arg is for internal usage only
+	map: function( elems, callback, arg ) {
+		var value,
+			i = 0,
+			length = elems.length,
+			isArray = isArraylike( elems ),
+			ret = [];
+
+		// Go through the array, translating each of the items to their new values
+		if ( isArray ) {
+			for ( ; i < length; i++ ) {
+				value = callback( elems[ i ], i, arg );
+
+				if ( value != null ) {
+					ret.push( value );
+				}
+			}
+
+		// Go through every key on the object,
+		} else {
+			for ( i in elems ) {
+				value = callback( elems[ i ], i, arg );
+
+				if ( value != null ) {
+					ret.push( value );
+				}
+			}
+		}
+
+		// Flatten any nested arrays
+		return concat.apply( [], ret );
+	},
+
+	// A global GUID counter for objects
+	guid: 1,
+
+	// Bind a function to a context, optionally partially applying any
+	// arguments.
+	proxy: function( fn, context ) {
+		var args, proxy, tmp;
+
+		if ( typeof context === "string" ) {
+			tmp = fn[ context ];
+			context = fn;
+			fn = tmp;
+		}
+
+		// Quick check to determine if target is callable, in the spec
+		// this throws a TypeError, but we will just return undefined.
+		if ( !jQuery.isFunction( fn ) ) {
+			return undefined;
+		}
+
+		// Simulated bind
+		args = slice.call( arguments, 2 );
+		proxy = function() {
+			return fn.apply( context || this, args.concat( slice.call( arguments ) ) );
+		};
+
+		// Set the guid of unique handler to the same of original handler, so it can be removed
+		proxy.guid = fn.guid = fn.guid || jQuery.guid++;
+
+		return proxy;
+	},
+
+	now: function() {
+		return +( new Date() );
+	},
+
+	// jQuery.support is not used in Core but other projects attach their
+	// properties to it so it needs to exist.
+	support: support
+});
+
+// Populate the class2type map
+jQuery.each("Boolean Number String Function Array Date RegExp Object Error".split(" "), function(i, name) {
+	class2type[ "[object " + name + "]" ] = name.toLowerCase();
+});
+
+function isArraylike( obj ) {
+	var length = obj.length,
+		type = jQuery.type( obj );
+
+	if ( type === "function" || jQuery.isWindow( obj ) ) {
+		return false;
+	}
+
+	if ( obj.nodeType === 1 && length ) {
+		return true;
+	}
+
+	return type === "array" || length === 0 ||
+		typeof length === "number" && length > 0 && ( length - 1 ) in obj;
+}
+var Sizzle =
+/*!
+ * Sizzle CSS Selector Engine v1.10.19
+ * http://sizzlejs.com/
+ *
+ * Copyright 2013 jQuery Foundation, Inc. and other contributors
+ * Released under the MIT license
+ * http://jquery.org/license
+ *
+ * Date: 2014-04-18
+ */
+(function( window ) {
+
+var i,
+	support,
+	Expr,
+	getText,
+	isXML,
+	tokenize,
+	compile,
+	select,
+	outermostContext,
+	sortInput,
+	hasDuplicate,
+
+	// Local document vars
+	setDocument,
+	document,
+	docElem,
+	documentIsHTML,
+	rbuggyQSA,
+	rbuggyMatches,
+	matches,
+	contains,
+
+	// Instance-specific data
+	expando = "sizzle" + -(new Date()),
+	preferredDoc = window.document,
+	dirruns = 0,
+	done = 0,
+	classCache = createCache(),
+	tokenCache = createCache(),
+	compilerCache = createCache(),
+	sortOrder = function( a, b ) {
+		if ( a === b ) {
+			hasDuplicate = true;
+		}
+		return 0;
+	},
+
+	// General-purpose constants
+	strundefined = typeof undefined,
+	MAX_NEGATIVE = 1 << 31,
+
+	// Instance methods
+	hasOwn = ({}).hasOwnProperty,
+	arr = [],
+	pop = arr.pop,
+	push_native = arr.push,
+	push = arr.push,
+	slice = arr.slice,
+	// Use a stripped-down indexOf if we can't use a native one
+	indexOf = arr.indexOf || function( elem ) {
+		var i = 0,
+			len = this.length;
+		for ( ; i < len; i++ ) {
+			if ( this[i] === elem ) {
+				return i;
+			}
+		}
+		return -1;
+	},
+
+	booleans = "checked|selected|async|autofocus|autoplay|controls|defer|disabled|hidden|ismap|loop|multiple|open|readonly|required|scoped",
+
+	// Regular expressions
+
+	// Whitespace characters http://www.w3.org/TR/css3-selectors/#whitespace
+	whitespace = "[\\x20\\t\\r\\n\\f]",
+	// http://www.w3.org/TR/css3-syntax/#characters
+	characterEncoding = "(?:\\\\.|[\\w-]|[^\\x00-\\xa0])+",
+
+	// Loosely modeled on CSS identifier characters
+	// An unquoted value should be a CSS identifier http://www.w3.org/TR/css3-selectors/#attribute-selectors
+	// Proper syntax: http://www.w3.org/TR/CSS21/syndata.html#value-def-identifier
+	identifier = characterEncoding.replace( "w", "w#" ),
+
+	// Attribute selectors: http://www.w3.org/TR/selectors/#attribute-selectors
+	attributes = "\\[" + whitespace + "*(" + characterEncoding + ")(?:" + whitespace +
+		// Operator (capture 2)
+		"*([*^$|!~]?=)" + whitespace +
+		// "Attribute values must be CSS identifiers [capture 5] or strings [capture 3 or capture 4]"
+		"*(?:'((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\"|(" + identifier + "))|)" + whitespace +
+		"*\\]",
+
+	pseudos = ":(" + characterEncoding + ")(?:\\((" +
+		// To reduce the number of selectors needing tokenize in the preFilter, prefer arguments:
+		// 1. quoted (capture 3; capture 4 or capture 5)
+		"('((?:\\\\.|[^\\\\'])*)'|\"((?:\\\\.|[^\\\\\"])*)\")|" +
+		// 2. simple (capture 6)
+		"((?:\\\\.|[^\\\\()[\\]]|" + attributes + ")*)|" +
+		// 3. anything else (capture 2)
+		".*" +
+		")\\)|)",
+
+	// Leading and non-escaped trailing whitespace, capturing some non-whitespace characters preceding the latter
+	rtrim = new RegExp( "^" + whitespace + "+|((?:^|[^\\\\])(?:\\\\.)*)" + whitespace + "+$", "g" ),
+
+	rcomma = new RegExp( "^" + whitespace + "*," + whitespace + "*" ),
+	rcombinators = new RegExp( "^" + whitespace + "*([>+~]|" + whitespace + ")" + whitespace + "*" ),
+
+	rattributeQuotes = new RegExp( "=" + whitespace + "*([^\\]'\"]*?)" + whitespace + "*\\]", "g" ),
+
+	rpseudo = new RegExp( pseudos ),
+	ridentifier = new RegExp( "^" + identifier + "$" ),
+
+	matchExpr = {
+		"ID": new RegExp( "^#(" + characterEncoding + ")" ),
+		"CLASS": new RegExp( "^\\.(" + characterEncoding + ")" ),
+		"TAG": new RegExp( "^(" + characterEncoding.replace( "w", "w*" ) + ")" ),
+		"ATTR": new RegExp( "^" + attributes ),
+		"PSEUDO": new RegExp( "^" + pseudos ),
+		"CHILD": new RegExp( "^:(only|first|last|nth|nth-last)-(child|of-type)(?:\\(" + whitespace +
+			"*(even|odd|(([+-]|)(\\d*)n|)" + whitespace + "*(?:([+-]|)" + whitespace +
+			"*(\\d+)|))" + whitespace + "*\\)|)", "i" ),
+		"bool": new RegExp( "^(?:" + booleans + ")$", "i" ),
+		// For use in libraries implementing .is()
+		// We use this for POS matching in `select`
+		"needsContext": new RegExp( "^" + whitespace + "*[>+~]|:(even|odd|eq|gt|lt|nth|first|last)(?:\\(" +
+			whitespace + "*((?:-\\d)?\\d*)" + whitespace + "*\\)|)(?=[^-]|$)", "i" )
+	},
+
+	rinputs = /^(?:input|select|textarea|button)$/i,
+	rheader = /^h\d$/i,
+
+	rnative = /^[^{]+\{\s*\[native \w/,
+
+	// Easily-parseable/retrievable ID or TAG or CLASS selectors
+	rquickExpr = /^(?:#([\w-]+)|(\w+)|\.([\w-]+))$/,
+
+	rsibling = /[+~]/,
+	rescape = /'|\\/g,
+
+	// CSS escapes http://www.w3.org/TR/CSS21/syndata.html#escaped-characters
+	runescape = new RegExp( "\\\\([\\da-f]{1,6}" + whitespace + "?|(" + whitespace + ")|.)", "ig" ),
+	funescape = function( _, escaped, escapedWhitespace ) {
+		var high = "0x" + escaped - 0x10000;
+		// NaN means non-codepoint
+		// Support: Firefox<24
+		// Workaround erroneous numeric interpretation of +"0x"
+		return high !== high || escapedWhitespace ?
+			escaped :
+			high < 0 ?
+				// BMP codepoint
+				String.fromCharCode( high + 0x10000 ) :
+				// Supplemental Plane codepoint (surrogate pair)
+				String.fromCharCode( high >> 10 | 0xD800, high & 0x3FF | 0xDC00 );
+	};
+
+// Optimize for push.apply( _, NodeList )
+try {
+	push.apply(
+		(arr = slice.call( preferredDoc.childNodes )),
+		preferredDoc.childNodes
+	);
+	// Support: Android<4.0
+	// Detect silently failing push.apply
+	arr[ preferredDoc.childNodes.length ].nodeType;
+} catch ( e ) {
+	push = { apply: arr.length ?
+
+		// Leverage slice if possible
+		function( target, els ) {
+			push_native.apply( target, slice.call(els) );
+		} :
+
+		// Support: IE<9
+		// Otherwise append directly
+		function( target, els ) {
+			var j = target.length,
+				i = 0;
+			// Can't trust NodeList.length
+			while ( (target[j++] = els[i++]) ) {}
+			target.length = j - 1;
+		}
+	};
+}
+
+function Sizzle( selector, context, results, seed ) {
+	var match, elem, m, nodeType,
+		// QSA vars
+		i, groups, old, nid, newContext, newSelector;
+
+	if ( ( context ? context.ownerDocument || context : preferredDoc ) !== document ) {
+		setDocument( context );
+	}
+
+	context = context || document;
+	results = results || [];
+
+	if ( !selector || typeof selector !== "string" ) {
+		return results;
+	}
+
+	if ( (nodeType = context.nodeType) !== 1 && nodeType !== 9 ) {
+		return [];
+	}
+
+	if ( documentIsHTML && !seed ) {
+
+		// Shortcuts
+		if ( (match = rquickExpr.exec( selector )) ) {
+			// Speed-up: Sizzle("#ID")
+			if ( (m = match[1]) ) {
+				if ( nodeType === 9 ) {
+					elem = context.getElementById( m );
+					// Check parentNode to catch when Blackberry 4.6 returns
+					// nodes that are no longer in the document (jQuery #6963)
+					if ( elem && elem.parentNode ) {
+						// Handle the case where IE, Opera, and Webkit return items
+						// by name instead of ID
+						if ( elem.id === m ) {
+							results.push( elem );
+							return results;
+						}
+					} else {
+						return results;
+					}
+				} else {
+					// Context is not a document
+					if ( context.ownerDocument && (elem = context.ownerDocument.getElementById( m )) &&
+						contains( context, elem ) && elem.id === m ) {
+						results.push( elem );
+						return results;
+					}
+				}
+
+			// Speed-up: Sizzle("TAG")
+			} else if ( match[2] ) {
+				push.apply( results, context.getElementsByTagName( selector ) );
+				return results;
+
+			// Speed-up: Sizzle(".CLASS")
+			} else if ( (m = match[3]) && support.getElementsByClassName && context.getElementsByClassName ) {
+				push.apply( results, context.getElementsByClassName( m ) );
+				return results;
+			}
+		}
+
+		// QSA path
+		if ( support.qsa && (!rbuggyQSA || !rbuggyQSA.test( selector )) ) {
+			nid = old = expando;
+			newContext = context;
+			newSelector = nodeType === 9 && selector;
+
+			// qSA works strangely on Element-rooted queries
+			// We can work around this by specifying an extra ID on the root
+			// and working up from there (Thanks to Andrew Dupont for the technique)
+			// IE 8 doesn't work on object elements
+			if ( nodeType === 1 && context.nodeName.toLowerCase() !== "object" ) {
+				groups = tokenize( selector );
+
+				if ( (old = context.getAttribute("id")) ) {
+					nid = old.replace( rescape, "\\$&" );
+				} else {
+					context.setAttribute( "id", nid );
+				}
+				nid = "[id='" + nid + "'] ";
+
+				i = groups.length;
+				while ( i-- ) {
+					groups[i] = nid + toSelector( groups[i] );
+				}
+				newContext = rsibling.test( selector ) && testContext( context.parentNode ) || context;
+				newSelector = groups.join(",");
+			}
+
+			if ( newSelector ) {
+				try {
+					push.apply( results,
+						newContext.querySelectorAll( newSelector )
+					);
+					return results;
+				} catch(qsaError) {
+				} finally {
+					if ( !old ) {
+						context.removeAttribute("id");
+					}
+				}
+			}
+		}
+	}
+
+	// All others
+	return select( selector.replace( rtrim, "$1" ), context, results, seed );
+}
+
+/**
+ * Create key-value caches of limited size
+ * @returns {Function(string, Object)} Returns the Object data after storing it on itself with
+ *	property name the (space-suffixed) string and (if the cache is larger than Expr.cacheLength)
+ *	deleting the oldest entry
+ */
+function createCache() {
+	var keys = [];
+
+	function cache( key, value ) {
+		// Use (key + " ") to avoid collision with native prototype properties (see Issue #157)
+		if ( keys.push( key + " " ) > Expr.cacheLength ) {
+			// Only keep the most recent entries
+			delete cache[ keys.shift() ];
+		}
+		return (cache[ key + " " ] = value);
+	}
+	return cache;
+}
+
+/**
+ * Mark a function for special use by Sizzle
+ * @param {Function} fn The function to mark
+ */
+function markFunction( fn ) {
+	fn[ expando ] = true;
+	return fn;
+}
+
+/**
+ * Support testing using an element
+ * @param {Function} fn Passed the created div and expects a boolean result
+ */
+function assert( fn ) {
+	var div = document.createElement("div");
+
+	try {
+		return !!fn( div );
+	} catch (e) {
+		return false;
+	} finally {
+		// Remove from its parent by default
+		if ( div.parentNode ) {
+			div.parentNode.removeChild( div );
+		}
+		// release memory in IE
+		div = null;
+	}
+}
+
+/**
+ * Adds the same handler for all of the specified attrs
+ * @param {String} attrs Pipe-separated list of attributes
+ * @param {Function} handler The method that will be applied
+ */
+function addHandle( attrs, handler ) {
+	var arr = attrs.split("|"),
+		i = attrs.length;
+
+	while ( i-- ) {
+		Expr.attrHandle[ arr[i] ] = handler;
+	}
+}
+
+/**
+ * Checks document order of two siblings
+ * @param {Element} a
+ * @param {Element} b
+ * @returns {Number} Returns less than 0 if a precedes b, greater than 0 if a follows b
+ */
+function siblingCheck( a, b ) {
+	var cur = b && a,
+		diff = cur && a.nodeType === 1 && b.nodeType === 1 &&
+			( ~b.sourceIndex || MAX_NEGATIVE ) -
+			( ~a.sourceIndex || MAX_NEGATIVE );
+
+	// Use IE sourceIndex if available on both nodes
+	if ( diff ) {
+		return diff;
+	}
+
+	// Check if b follows a
+	if ( cur ) {
+		while ( (cur = cur.nextSibling) ) {
+			if ( cur === b ) {
+				return -1;
+			}
+		}
+	}
+
+	return a ? 1 : -1;
+}
+
+/**
+ * Returns a function to use in pseudos for input types
+ * @param {String} type
+ */
+function createInputPseudo( type ) {
+	return function( elem ) {
+		var name = elem.nodeName.toLowerCase();
+		return name === "input" && elem.type === type;
+	};
+}
+
+/**
+ * Returns a function to use in pseudos for buttons
+ * @param {String} type
+ */
+function createButtonPseudo( type ) {
+	return function( elem ) {
+		var name = elem.nodeName.toLowerCase();
+		return (name === "input" || name === "button") && elem.type === type;
+	};
+}
+
+/**
+ * Returns a function to use in pseudos for positionals
+ * @param {Function} fn
+ */
+function createPositionalPseudo( fn ) {
+	return markFunction(function( argument ) {
+		argument = +argument;
+		return markFunction(function( seed, matches ) {
+			var j,
+				matchIndexes = fn( [], seed.length, argument ),
+				i = matchIndexes.length;
+
+			// Match elements found at the specified indexes
+			while ( i-- ) {
+				if ( seed[ (j = matchIndexes[i]) ] ) {
+					seed[j] = !(matches[j] = seed[j]);
+				}
+			}
+		});
+	});
+}
+
+/**
+ * Checks a node for validity as a Sizzle context
+ * @param {Element|Object=} context
+ * @returns {Element|Object|Boolean} The input node if acceptable, otherwise a falsy value
+ */
+function testContext( context ) {
+	return context && typeof context.getElementsByTagName !== strundefined && context;
+}
+
+// Expose support vars for convenience
+support = Sizzle.support = {};
+
+/**
+ * Detects XML nodes
+ * @param {Element|Object} elem An element or a document
+ * @returns {Boolean} True iff elem is a non-HTML XML node
+ */
+isXML = Sizzle.isXML = function( elem ) {
+	// documentElement is verified for cases where it doesn't yet exist
+	// (such as loading iframes in IE - #4833)
+	var documentElement = elem && (elem.ownerDocument || elem).documentElement;
+	return documentElement ? documentElement.nodeName !== "HTML" : false;
+};
+
+/**
+ * Sets document-related variables once based on the current document
+ * @param {Element|Object} [doc] An element or document object to use to set the document
+ * @returns {Object} Returns the current document
+ */
+setDocument = Sizzle.setDocument = function( node ) {
+	var hasCompare,
+		doc = node ? node.ownerDocument || node : preferredDoc,
+		parent = doc.defaultView;
+
+	// If no document and documentElement is available, return
+	if ( doc === document || doc.nodeType !== 9 || !doc.documentElement ) {
+		return document;
+	}
+
+	// Set our document
+	document = doc;
+	docElem = doc.documentElement;
+
+	// Support tests
+	documentIsHTML = !isXML( doc );
+
+	// Support: IE>8
+	// If iframe document is assigned to "document" variable and if iframe has been reloaded,
+	// IE will throw "permission denied" error when accessing "document" variable, see jQuery #13936
+	// IE6-8 do not support the defaultView property so parent will be undefined
+	if ( parent && parent !== parent.top ) {
+		// IE11 does not have attachEvent, so all must suffer
+		if ( parent.addEventListener ) {
+			parent.addEventListener( "unload", function() {
+				setDocument();
+			}, false );
+		} else if ( parent.attachEvent ) {
+			parent.attachEvent( "onunload", function() {
+				setDocument();
+			});
+		}
+	}
+
+	/* Attributes
+	---------------------------------------------------------------------- */
+
+	// Support: IE<8
+	// Verify that getAttribute really returns attributes and not properties (excepting IE8 booleans)
+	support.attributes = assert(function( div ) {
+		div.className = "i";
+		return !div.getAttribute("className");
+	});
+
+	/* getElement(s)By*
+	---------------------------------------------------------------------- */
+
+	// Check if getElementsByTagName("*") returns only elements
+	support.getElementsByTagName = assert(function( div ) {
+		div.appendChild( doc.createComment("") );
+		return !div.getElementsByTagName("*").length;
+	});
+
+	// Check if getElementsByClassName can be trusted
+	support.getElementsByClassName = rnative.test( doc.getElementsByClassName ) && assert(function( div ) {
+		div.innerHTML = "<div class='a'></div><div class='a i'></div>";
+
+		// Support: Safari<4
+		// Catch class over-caching
+		div.firstChild.className = "i";
+		// Support: Opera<10
+		// Catch gEBCN failure to find non-leading classes
+		return div.getElementsByClassName("i").length === 2;
+	});
+
+	// Support: IE<10
+	// Check if getElementById returns elements by name
+	// The broken getElementById methods don't pick up programatically-set names,
+	// so use a roundabout getElementsByName test
+	support.getById = assert(function( div ) {
+		docElem.appendChild( div ).id = expando;
+		return !doc.getElementsByName || !doc.getElementsByName( expando ).length;
+	});
+
+	// ID find and filter
+	if ( support.getById ) {
+		Expr.find["ID"] = function( id, context ) {
+			if ( typeof context.getElementById !== strundefined && documentIsHTML ) {
+				var m = context.getElementById( id );
+				// Check parentNode to catch when Blackberry 4.6 returns
+				// nodes that are no longer in the document #6963
+				return m && m.parentNode ? [ m ] : [];
+			}
+		};
+		Expr.filter["ID"] = function( id ) {
+			var attrId = id.replace( runescape, funescape );
+			return function( elem ) {
+				return elem.getAttribute("id") === attrId;
+			};
+		};
+	} else {
+		// Support: IE6/7
+		// getElementById is not reliable as a find shortcut
+		delete Expr.find["ID"];
+
+		Expr.filter["ID"] =  function( id ) {
+			var attrId = id.replace( runescape, funescape );
+			return function( elem ) {
+				var node = typeof elem.getAttributeNode !== strundefined && elem.getAttributeNode("id");
+				return node && node.value === attrId;
+			};
+		};
+	}
+
+	// Tag
+	Expr.find["TAG"] = support.getElementsByTagName ?
+		function( tag, context ) {
+			if ( typeof context.getElementsByTagName !== strundefined ) {
+				return context.getElementsByTagName( tag );
+			}
+		} :
+		function( tag, context ) {
+			var elem,
+				tmp = [],
+				i = 0,
+				results = context.getElementsByTagName( tag );
+
+			// Filter out possible comments
+			if ( tag === "*" ) {
+				while ( (elem = results[i++]) ) {
+					if ( elem.nodeType === 1 ) {
+						tmp.push( elem );
+					}
+				}
+
+				return tmp;
+			}
+			return results;
+		};
+
+	// Class
+	Expr.find["CLASS"] = support.getElementsByClassName && function( className, context ) {
+		if ( typeof context.getElementsByClassName !== strundefined && documentIsHTML ) {
+			return context.getElementsByClassName( className );
+		}
+	};
+
+	/* QSA/matchesSelector
+	---------------------------------------------------------------------- */
+
+	// QSA and matchesSelector support
+
+	// matchesSelector(:active) reports false when true (IE9/Opera 11.5)
+	rbuggyMatches = [];
+
+	// qSa(:focus) reports false when true (Chrome 21)
+	// We allow this because of a bug in IE8/9 that throws an error
+	// whenever `document.activeElement` is accessed on an iframe
+	// So, we allow :focus to pass through QSA all the time to avoid the IE error
+	// See http://bugs.jquery.com/ticket/13378
+	rbuggyQSA = [];
+
+	if ( (support.qsa = rnative.test( doc.querySelectorAll )) ) {
+		// Build QSA regex
+		// Regex strategy adopted from Diego Perini
+		assert(function( div ) {
+			// Select is set to empty string on purpose
+			// This is to test IE's treatment of not explicitly
+			// setting a boolean content attribute,
+			// since its presence should be enough
+			// http://bugs.jquery.com/ticket/12359
+			div.innerHTML = "<select msallowclip=''><option selected=''></option></select>";
+
+			// Support: IE8, Opera 11-12.16
+			// Nothing should be selected when empty strings follow ^= or $= or *=
+			// The test attribute must be unknown in Opera but "safe" for WinRT
+			// http://msdn.microsoft.com/en-us/library/ie/hh465388.aspx#attribute_section
+			if ( div.querySelectorAll("[msallowclip^='']").length ) {
+				rbuggyQSA.push( "[*^$]=" + whitespace + "*(?:''|\"\")" );
+			}
+
+			// Support: IE8
+			// Boolean attributes and "value" are not treated correctly
+			if ( !div.querySelectorAll("[selected]").length ) {
+				rbuggyQSA.push( "\\[" + whitespace + "*(?:value|" + booleans + ")" );
+			}
+
+			// Webkit/Opera - :checked should return selected option elements
+			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+			// IE8 throws error here and will not see later tests
+			if ( !div.querySelectorAll(":checked").length ) {
+				rbuggyQSA.push(":checked");
+			}
+		});
+
+		assert(function( div ) {
+			// Support: Windows 8 Native Apps
+			// The type and name attributes are restricted during .innerHTML assignment
+			var input = doc.createElement("input");
+			input.setAttribute( "type", "hidden" );
+			div.appendChild( input ).setAttribute( "name", "D" );
+
+			// Support: IE8
+			// Enforce case-sensitivity of name attribute
+			if ( div.querySelectorAll("[name=d]").length ) {
+				rbuggyQSA.push( "name" + whitespace + "*[*^$|!~]?=" );
+			}
+
+			// FF 3.5 - :enabled/:disabled and hidden elements (hidden elements are still enabled)
+			// IE8 throws error here and will not see later tests
+			if ( !div.querySelectorAll(":enabled").length ) {
+				rbuggyQSA.push( ":enabled", ":disabled" );
+			}
+
+			// Opera 10-11 does not throw on post-comma invalid pseudos
+			div.querySelectorAll("*,:x");
+			rbuggyQSA.push(",.*:");
+		});
+	}
+
+	if ( (support.matchesSelector = rnative.test( (matches = docElem.matches ||
+		docElem.webkitMatchesSelector ||
+		docElem.mozMatchesSelector ||
+		docElem.oMatchesSelector ||
+		docElem.msMatchesSelector) )) ) {
+
+		assert(function( div ) {
+			// Check to see if it's possible to do matchesSelector
+			// on a disconnected node (IE 9)
+			support.disconnectedMatch = matches.call( div, "div" );
+
+			// This should fail with an exception
+			// Gecko does not error, returns false instead
+			matches.call( div, "[s!='']:x" );
+			rbuggyMatches.push( "!=", pseudos );
+		});
+	}
+
+	rbuggyQSA = rbuggyQSA.length && new RegExp( rbuggyQSA.join("|") );
+	rbuggyMatches = rbuggyMatches.length && new RegExp( rbuggyMatches.join("|") );
+
+	/* Contains
+	---------------------------------------------------------------------- */
+	hasCompare = rnative.test( docElem.compareDocumentPosition );
+
+	// Element contains another
+	// Purposefully does not implement inclusive descendent
+	// As in, an element does not contain itself
+	contains = hasCompare || rnative.test( docElem.contains ) ?
+		function( a, b ) {
+			var adown = a.nodeType === 9 ? a.documentElement : a,
+				bup = b && b.parentNode;
+			return a === bup || !!( bup && bup.nodeType === 1 && (
+				adown.contains ?
+					adown.contains( bup ) :
+					a.compareDocumentPosition && a.compareDocumentPosition( bup ) & 16
+			));
+		} :
+		function( a, b ) {
+			if ( b ) {
+				while ( (b = b.parentNode) ) {
+					if ( b === a ) {
+						return true;
+					}
+				}
+			}
+			return false;
+		};
+
+	/* Sorting
+	---------------------------------------------------------------------- */
+
+	// Document order sorting
+	sortOrder = hasCompare ?
+	function( a, b ) {
+
+		// Flag for duplicate removal
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+		}
+
+		// Sort on method existence if only one input has compareDocumentPosition
+		var compare = !a.compareDocumentPosition - !b.compareDocumentPosition;
+		if ( compare ) {
+			return compare;
+		}
+
+		// Calculate position if both inputs belong to the same document
+		compare = ( a.ownerDocument || a ) === ( b.ownerDocument || b ) ?
+			a.compareDocumentPosition( b ) :
+
+			// Otherwise we know they are disconnected
+			1;
+
+		// Disconnected nodes
+		if ( compare & 1 ||
+			(!support.sortDetached && b.compareDocumentPosition( a ) === compare) ) {
+
+			// Choose the first element that is related to our preferred document
+			if ( a === doc || a.ownerDocument === preferredDoc && contains(preferredDoc, a) ) {
+				return -1;
+			}
+			if ( b === doc || b.ownerDocument === preferredDoc && contains(preferredDoc, b) ) {
+				return 1;
+			}
+
+			// Maintain original order
+			return sortInput ?
+				( indexOf.call( sortInput, a ) - indexOf.call( sortInput, b ) ) :
+				0;
+		}
+
+		return compare & 4 ? -1 : 1;
+	} :
+	function( a, b ) {
+		// Exit early if the nodes are identical
+		if ( a === b ) {
+			hasDuplicate = true;
+			return 0;
+		}
+
+		var cur,
+			i = 0,
+			aup = a.parentNode,
+			bup = b.parentNode,
+			ap = [ a ],
+			bp = [ b ];
+
+		// Parentless nodes are either documents or disconnected
+		if ( !aup || !bup ) {
+			return a === doc ? -1 :
+				b === doc ? 1 :
+				aup ? -1 :
+				bup ? 1 :
+				sortInput ?
+				( indexOf.call( sortInput, a ) - indexOf.call( sortInput, b ) ) :
+				0;
+
+		// If the nodes are siblings, we can do a quick check
+		} else if ( aup === bup ) {
+			return siblingCheck( a, b );
+		}
+
+		// Otherwise we need full lists of their ancestors for comparison
+		cur = a;
+		while ( (cur = cur.parentNode) ) {
+			ap.unshift( cur );
+		}
+		cur = b;
+		while ( (cur = cur.parentNode) ) {
+			bp.unshift( cur );
+		}
+
+		// Walk down the tree looking for a discrepancy
+		while ( ap[i] === bp[i] ) {
+			i++;
+		}
+
+		return i ?
+			// Do a sibling check if the nodes have a common ancestor
+			siblingCheck( ap[i], bp[i] ) :
+
+			// Otherwise nodes in our document sort first
+			ap[i] === preferredDoc ? -1 :
+			bp[i] === preferredDoc ? 1 :
+			0;
+	};
+
+	return doc;
+};
+
+Sizzle.matches = function( expr, elements ) {
+	return Sizzle( expr, null, null, elements );
+};
+
+Sizzle.matchesSelector = function( elem, expr ) {
+	// Set document vars if needed
+	if ( ( elem.ownerDocument || elem ) !== document ) {
+		setDocument( elem );
+	}
+
+	// Make sure that attribute selectors are quoted
+	expr = expr.replace( rattributeQuotes, "='$1']" );
+
+	if ( support.matchesSelector && documentIsHTML &&
+		( !rbuggyMatches || !rbuggyMatches.test( expr ) ) &&
+		( !rbuggyQSA     || !rbuggyQSA.test( expr ) ) ) {
+
+		try {
+			var ret = matches.call( elem, expr );
+
+			// IE 9's matchesSelector returns false on disconnected nodes
+			if ( ret || support.disconnectedMatch ||
+					// As well, disconnected nodes are said to be in a document
+					// fragment in IE 9
+					elem.document && elem.document.nodeType !== 11 ) {
+				return ret;
+			}
+		} catch(e) {}
+	}
+
+	return Sizzle( expr, document, null, [ elem ] ).length > 0;
+};
+
+Sizzle.contains = function( context, elem ) {
+	// Set document vars if needed
+	if ( ( context.ownerDocument || context ) !== document ) {
+		setDocument( context );
+	}
+	return contains( context, elem );
+};
+
+Sizzle.attr = function( elem, name ) {
+	// Set document vars if needed
+	if ( ( elem.ownerDocument || elem ) !== document ) {
+		setDocument( elem );
+	}
+
+	var fn = Expr.attrHandle[ name.toLowerCase() ],
+		// Don't get fooled by Object.prototype properties (jQuery #13807)
+		val = fn && hasOwn.call( Expr.attrHandle, name.toLowerCase() ) ?
+			fn( elem, name, !documentIsHTML ) :
+			undefined;
+
+	return val !== undefined ?
+		val :
+		support.attributes || !documentIsHTML ?
+			elem.getAttribute( name ) :
+			(val = elem.getAttributeNode(name)) && val.specified ?
+				val.value :
+				null;
+};
+
+Sizzle.error = function( msg ) {
+	throw new Error( "Syntax error, unrecognized expression: " + msg );
+};
+
+/**
+ * Document sorting and removing duplicates
+ * @param {ArrayLike} results
+ */
+Sizzle.uniqueSort = function( results ) {
+	var elem,
+		duplicates = [],
+		j = 0,
+		i = 0;
+
+	// Unless we *know* we can detect duplicates, assume their presence
+	hasDuplicate = !support.detectDuplicates;
+	sortInput = !support.sortStable && results.slice( 0 );
+	results.sort( sortOrder );
+
+	if ( hasDuplicate ) {
+		while ( (elem = results[i++]) ) {
+			if ( elem === results[ i ] ) {
+				j = duplicates.push( i );
+			}
+		}
+		while ( j-- ) {
+			results.splice( duplicates[ j ], 1 );
+		}
+	}
+
+	// Clear input after sorting to release objects
+	// See https://github.com/jquery/sizzle/pull/225
+	sortInput = null;
+
+	return results;
+};
+
+/**
+ * Utility function for retrieving the text value of an array of DOM nodes
+ * @param {Array|Element} elem
+ */
+getText = Sizzle.getText = function( elem ) {
+	var node,
+		ret = "",
+		i = 0,
+		nodeType = elem.nodeType;
+
+	if ( !nodeType ) {
+		// If no nodeType, this is expected to be an array
+		while ( (node = elem[i++]) ) {
+			// Do not traverse comment nodes
+			ret += getText( node );
+		}
+	} else if ( nodeType === 1 || nodeType === 9 || nodeType === 11 ) {
+		// Use textContent for elements
+		// innerText usage removed for consistency of new lines (jQuery #11153)
+		if ( typeof elem.textContent === "string" ) {
+			return elem.textContent;
+		} else {
+			// Traverse its children
+			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+				ret += getText( elem );
+			}
+		}
+	} else if ( nodeType === 3 || nodeType === 4 ) {
+		return elem.nodeValue;
+	}
+	// Do not include comment or processing instruction nodes
+
+	return ret;
+};
+
+Expr = Sizzle.selectors = {
+
+	// Can be adjusted by the user
+	cacheLength: 50,
+
+	createPseudo: markFunction,
+
+	match: matchExpr,
+
+	attrHandle: {},
+
+	find: {},
+
+	relative: {
+		">": { dir: "parentNode", first: true },
+		" ": { dir: "parentNode" },
+		"+": { dir: "previousSibling", first: true },
+		"~": { dir: "previousSibling" }
+	},
+
+	preFilter: {
+		"ATTR": function( match ) {
+			match[1] = match[1].replace( runescape, funescape );
+
+			// Move the given value to match[3] whether quoted or unquoted
+			match[3] = ( match[3] || match[4] || match[5] || "" ).replace( runescape, funescape );
+
+			if ( match[2] === "~=" ) {
+				match[3] = " " + match[3] + " ";
+			}
+
+			return match.slice( 0, 4 );
+		},
+
+		"CHILD": function( match ) {
+			/* matches from matchExpr["CHILD"]
+				1 type (only|nth|...)
+				2 what (child|of-type)
+				3 argument (even|odd|\d*|\d*n([+-]\d+)?|...)
+				4 xn-component of xn+y argument ([+-]?\d*n|)
+				5 sign of xn-component
+				6 x of xn-component
+				7 sign of y-component
+				8 y of y-component
+			*/
+			match[1] = match[1].toLowerCase();
+
+			if ( match[1].slice( 0, 3 ) === "nth" ) {
+				// nth-* requires argument
+				if ( !match[3] ) {
+					Sizzle.error( match[0] );
+				}
+
+				// numeric x and y parameters for Expr.filter.CHILD
+				// remember that false/true cast respectively to 0/1
+				match[4] = +( match[4] ? match[5] + (match[6] || 1) : 2 * ( match[3] === "even" || match[3] === "odd" ) );
+				match[5] = +( ( match[7] + match[8] ) || match[3] === "odd" );
+
+			// other types prohibit arguments
+			} else if ( match[3] ) {
+				Sizzle.error( match[0] );
+			}
+
+			return match;
+		},
+
+		"PSEUDO": function( match ) {
+			var excess,
+				unquoted = !match[6] && match[2];
+
+			if ( matchExpr["CHILD"].test( match[0] ) ) {
+				return null;
+			}
+
+			// Accept quoted arguments as-is
+			if ( match[3] ) {
+				match[2] = match[4] || match[5] || "";
+
+			// Strip excess characters from unquoted arguments
+			} else if ( unquoted && rpseudo.test( unquoted ) &&
+				// Get excess from tokenize (recursively)
+				(excess = tokenize( unquoted, true )) &&
+				// advance to the next closing parenthesis
+				(excess = unquoted.indexOf( ")", unquoted.length - excess ) - unquoted.length) ) {
+
+				// excess is a negative index
+				match[0] = match[0].slice( 0, excess );
+				match[2] = unquoted.slice( 0, excess );
+			}
+
+			// Return only captures needed by the pseudo filter method (type and argument)
+			return match.slice( 0, 3 );
+		}
+	},
+
+	filter: {
+
+		"TAG": function( nodeNameSelector ) {
+			var nodeName = nodeNameSelector.replace( runescape, funescape ).toLowerCase();
+			return nodeNameSelector === "*" ?
+				function() { return true; } :
+				function( elem ) {
+					return elem.nodeName && elem.nodeName.toLowerCase() === nodeName;
+				};
+		},
+
+		"CLASS": function( className ) {
+			var pattern = classCache[ className + " " ];
+
+			return pattern ||
+				(pattern = new RegExp( "(^|" + whitespace + ")" + className + "(" + whitespace + "|$)" )) &&
+				classCache( className, function( elem ) {
+					return pattern.test( typeof elem.className === "string" && elem.className || typeof elem.getAttribute !== strundefined && elem.getAttribute("class") || "" );
+				});
+		},
+
+		"ATTR": function( name, operator, check ) {
+			return function( elem ) {
+				var result = Sizzle.attr( elem, name );
+
+				if ( result == null ) {
+					return operator === "!=";
+				}
+				if ( !operator ) {
+					return true;
+				}
+
+				result += "";
+
+				return operator === "=" ? result === check :
+					operator === "!=" ? result !== check :
+					operator === "^=" ? check && result.indexOf( check ) === 0 :
+					operator === "*=" ? check && result.indexOf( check ) > -1 :
+					operator === "$=" ? check && result.slice( -check.length ) === check :
+					operator === "~=" ? ( " " + result + " " ).indexOf( check ) > -1 :
+					operator === "|=" ? result === check || result.slice( 0, check.length + 1 ) === check + "-" :
+					false;
+			};
+		},
+
+		"CHILD": function( type, what, argument, first, last ) {
+			var simple = type.slice( 0, 3 ) !== "nth",
+				forward = type.slice( -4 ) !== "last",
+				ofType = what === "of-type";
+
+			return first === 1 && last === 0 ?
+
+				// Shortcut for :nth-*(n)
+				function( elem ) {
+					return !!elem.parentNode;
+				} :
+
+				function( elem, context, xml ) {
+					var cache, outerCache, node, diff, nodeIndex, start,
+						dir = simple !== forward ? "nextSibling" : "previousSibling",
+						parent = elem.parentNode,
+						name = ofType && elem.nodeName.toLowerCase(),
+						useCache = !xml && !ofType;
+
+					if ( parent ) {
+
+						// :(first|last|only)-(child|of-type)
+						if ( simple ) {
+							while ( dir ) {
+								node = elem;
+								while ( (node = node[ dir ]) ) {
+									if ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) {
+										return false;
+									}
+								}
+								// Reverse direction for :only-* (if we haven't yet done so)
+								start = dir = type === "only" && !start && "nextSibling";
+							}
+							return true;
+						}
+
+						start = [ forward ? parent.firstChild : parent.lastChild ];
+
+						// non-xml :nth-child(...) stores cache data on `parent`
+						if ( forward && useCache ) {
+							// Seek `elem` from a previously-cached index
+							outerCache = parent[ expando ] || (parent[ expando ] = {});
+							cache = outerCache[ type ] || [];
+							nodeIndex = cache[0] === dirruns && cache[1];
+							diff = cache[0] === dirruns && cache[2];
+							node = nodeIndex && parent.childNodes[ nodeIndex ];
+
+							while ( (node = ++nodeIndex && node && node[ dir ] ||
+
+								// Fallback to seeking `elem` from the start
+								(diff = nodeIndex = 0) || start.pop()) ) {
+
+								// When found, cache indexes on `parent` and break
+								if ( node.nodeType === 1 && ++diff && node === elem ) {
+									outerCache[ type ] = [ dirruns, nodeIndex, diff ];
+									break;
+								}
+							}
+
+						// Use previously-cached element index if available
+						} else if ( useCache && (cache = (elem[ expando ] || (elem[ expando ] = {}))[ type ]) && cache[0] === dirruns ) {
+							diff = cache[1];
+
+						// xml :nth-child(...) or :nth-last-child(...) or :nth(-last)?-of-type(...)
+						} else {
+							// Use the same loop as above to seek `elem` from the start
+							while ( (node = ++nodeIndex && node && node[ dir ] ||
+								(diff = nodeIndex = 0) || start.pop()) ) {
+
+								if ( ( ofType ? node.nodeName.toLowerCase() === name : node.nodeType === 1 ) && ++diff ) {
+									// Cache the index of each encountered element
+									if ( useCache ) {
+										(node[ expando ] || (node[ expando ] = {}))[ type ] = [ dirruns, diff ];
+									}
+
+									if ( node === elem ) {
+										break;
+									}
+								}
+							}
+						}
+
+						// Incorporate the offset, then check against cycle size
+						diff -= last;
+						return diff === first || ( diff % first === 0 && diff / first >= 0 );
+					}
+				};
+		},
+
+		"PSEUDO": function( pseudo, argument ) {
+			// pseudo-class names are case-insensitive
+			// http://www.w3.org/TR/selectors/#pseudo-classes
+			// Prioritize by case sensitivity in case custom pseudos are added with uppercase letters
+			// Remember that setFilters inherits from pseudos
+			var args,
+				fn = Expr.pseudos[ pseudo ] || Expr.setFilters[ pseudo.toLowerCase() ] ||
+					Sizzle.error( "unsupported pseudo: " + pseudo );
+
+			// The user may use createPseudo to indicate that
+			// arguments are needed to create the filter function
+			// just as Sizzle does
+			if ( fn[ expando ] ) {
+				return fn( argument );
+			}
+
+			// But maintain support for old signatures
+			if ( fn.length > 1 ) {
+				args = [ pseudo, pseudo, "", argument ];
+				return Expr.setFilters.hasOwnProperty( pseudo.toLowerCase() ) ?
+					markFunction(function( seed, matches ) {
+						var idx,
+							matched = fn( seed, argument ),
+							i = matched.length;
+						while ( i-- ) {
+							idx = indexOf.call( seed, matched[i] );
+							seed[ idx ] = !( matches[ idx ] = matched[i] );
+						}
+					}) :
+					function( elem ) {
+						return fn( elem, 0, args );
+					};
+			}
+
+			return fn;
+		}
+	},
+
+	pseudos: {
+		// Potentially complex pseudos
+		"not": markFunction(function( selector ) {
+			// Trim the selector passed to compile
+			// to avoid treating leading and trailing
+			// spaces as combinators
+			var input = [],
+				results = [],
+				matcher = compile( selector.replace( rtrim, "$1" ) );
+
+			return matcher[ expando ] ?
+				markFunction(function( seed, matches, context, xml ) {
+					var elem,
+						unmatched = matcher( seed, null, xml, [] ),
+						i = seed.length;
+
+					// Match elements unmatched by `matcher`
+					while ( i-- ) {
+						if ( (elem = unmatched[i]) ) {
+							seed[i] = !(matches[i] = elem);
+						}
+					}
+				}) :
+				function( elem, context, xml ) {
+					input[0] = elem;
+					matcher( input, null, xml, results );
+					return !results.pop();
+				};
+		}),
+
+		"has": markFunction(function( selector ) {
+			return function( elem ) {
+				return Sizzle( selector, elem ).length > 0;
+			};
+		}),
+
+		"contains": markFunction(function( text ) {
+			return function( elem ) {
+				return ( elem.textContent || elem.innerText || getText( elem ) ).indexOf( text ) > -1;
+			};
+		}),
+
+		// "Whether an element is represented by a :lang() selector
+		// is based solely on the element's language value
+		// being equal to the identifier C,
+		// or beginning with the identifier C immediately followed by "-".
+		// The matching of C against the element's language value is performed case-insensitively.
+		// The identifier C does not have to be a valid language name."
+		// http://www.w3.org/TR/selectors/#lang-pseudo
+		"lang": markFunction( function( lang ) {
+			// lang value must be a valid identifier
+			if ( !ridentifier.test(lang || "") ) {
+				Sizzle.error( "unsupported lang: " + lang );
+			}
+			lang = lang.replace( runescape, funescape ).toLowerCase();
+			return function( elem ) {
+				var elemLang;
+				do {
+					if ( (elemLang = documentIsHTML ?
+						elem.lang :
+						elem.getAttribute("xml:lang") || elem.getAttribute("lang")) ) {
+
+						elemLang = elemLang.toLowerCase();
+						return elemLang === lang || elemLang.indexOf( lang + "-" ) === 0;
+					}
+				} while ( (elem = elem.parentNode) && elem.nodeType === 1 );
+				return false;
+			};
+		}),
+
+		// Miscellaneous
+		"target": function( elem ) {
+			var hash = window.location && window.location.hash;
+			return hash && hash.slice( 1 ) === elem.id;
+		},
+
+		"root": function( elem ) {
+			return elem === docElem;
+		},
+
+		"focus": function( elem ) {
+			return elem === document.activeElement && (!document.hasFocus || document.hasFocus()) && !!(elem.type || elem.href || ~elem.tabIndex);
+		},
+
+		// Boolean properties
+		"enabled": function( elem ) {
+			return elem.disabled === false;
+		},
+
+		"disabled": function( elem ) {
+			return elem.disabled === true;
+		},
+
+		"checked": function( elem ) {
+			// In CSS3, :checked should return both checked and selected elements
+			// http://www.w3.org/TR/2011/REC-css3-selectors-20110929/#checked
+			var nodeName = elem.nodeName.toLowerCase();
+			return (nodeName === "input" && !!elem.checked) || (nodeName === "option" && !!elem.selected);
+		},
+
+		"selected": function( elem ) {
+			// Accessing this property makes selected-by-default
+			// options in Safari work properly
+			if ( elem.parentNode ) {
+				elem.parentNode.selectedIndex;
+			}
+
+			return elem.selected === true;
+		},
+
+		// Contents
+		"empty": function( elem ) {
+			// http://www.w3.org/TR/selectors/#empty-pseudo
+			// :empty is negated by element (1) or content nodes (text: 3; cdata: 4; entity ref: 5),
+			//   but not by others (comment: 8; processing instruction: 7; etc.)
+			// nodeType < 6 works because attributes (2) do not appear as children
+			for ( elem = elem.firstChild; elem; elem = elem.nextSibling ) {
+				if ( elem.nodeType < 6 ) {
+					return false;
+				}
+			}
+			return true;
+		},
+
+		"parent": function( elem ) {
+			return !Expr.pseudos["empty"]( elem );
+		},
+
+		// Element/input types
+		"header": function( elem ) {
+			return rheader.test( elem.nodeName );
+		},
+
+		"input": function( elem ) {
+			return rinputs.test( elem.nodeName );
+		},
+
+		"button": function( elem ) {
+			var name = elem.nodeName.toLowerCase();
+			return name === "input" && elem.type === "button" || name === "button";
+		},
+
+		"text": function( elem ) {
+			var attr;
+			return elem.nodeName.toLowerCase() === "input" &&
+				elem.type === "text" &&
+
+				// Support: IE<8
+				// New HTML5 attribute values (e.g., "search") appear with elem.type === "text"
+				( (attr = elem.getAttribute("type")) == null || attr.toLowerCase() === "text" );
+		},
+
+		// Position-in-collection
+		"first": createPositionalPseudo(function() {
+			return [ 0 ];
+		}),
+
+		"last": createPositionalPseudo(function( matchIndexes, length ) {
+			return [ length - 1 ];
+		}),
+
+		"eq": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			return [ argument < 0 ? argument + length : argument ];
+		}),
+
+		"even": createPositionalPseudo(function( matchIndexes, length ) {
+			var i = 0;
+			for ( ; i < length; i += 2 ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"odd": createPositionalPseudo(function( matchIndexes, length ) {
+			var i = 1;
+			for ( ; i < length; i += 2 ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"lt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			var i = argument < 0 ? argument + length : argument;
+			for ( ; --i >= 0; ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		}),
+
+		"gt": createPositionalPseudo(function( matchIndexes, length, argument ) {
+			var i = argument < 0 ? argument + length : argument;
+			for ( ; ++i < length; ) {
+				matchIndexes.push( i );
+			}
+			return matchIndexes;
+		})
+	}
+};
+
+Expr.pseudos["nth"] = Expr.pseudos["eq"];
+
+// Add button/input type pseudos
+for ( i in { radio: true, checkbox: true, file: true, password: true, image: true } ) {
+	Expr.pseudos[ i ] = createInputPseudo( i );
+}
+for ( i in { submit: true, reset: true } ) {
+	Expr.pseudos[ i ] = createButtonPseudo( i );
+}
+
+// Easy API for creating new setFilters
+function setFilters() {}
+setFilters.prototype = Expr.filters = Expr.pseudos;
+Expr.setFilters = new setFilters();
+
+tokenize = Sizzle.tokenize = function( selector, parseOnly ) {
+	var matched, match, tokens, type,
+		soFar, groups, preFilters,
+		cached = tokenCache[ selector + " " ];
+
+	if ( cached ) {
+		return parseOnly ? 0 : cached.slice( 0 );
+	}
+
+	soFar = selector;
+	groups = [];
+	preFilters = Expr.preFilter;
+
+	while ( soFar ) {
+
+		// Comma and first run
+		if ( !matched || (match = rcomma.exec( soFar )) ) {
+			if ( match ) {
+				// Don't consume trailing commas as valid
+				soFar = soFar.slice( match[0].length ) || soFar;
+			}
+			groups.push( (tokens = []) );
+		}
+
+		matched = false;
+
+		// Combinators
+		if ( (match = rcombinators.exec( soFar )) ) {
+			matched = match.shift();
+			tokens.push({
+				value: matched,
+				// Cast descendant combinators to space
+				type: match[0].replace( rtrim, " " )
+			});
+			soFar = soFar.slice( matched.length );
+		}
+
+		// Filters
+		for ( type in Expr.filter ) {
+			if ( (match = matchExpr[ type ].exec( soFar )) && (!preFilters[ type ] ||
+				(match = preFilters[ type ]( match ))) ) {
+				matched = match.shift();
+				tokens.push({
+					value: matched,
+					type: type,
+					matches: match
+				});
+				soFar = soFar.slice( matched.length );
+			}
+		}
+
+		if ( !matched ) {
+			break;
+		}
+	}
+
+	// Return the length of the invalid excess
+	// if we're just parsing
+	// Otherwise, throw an error or return tokens
+	return parseOnly ?
+		soFar.length :
+		soFar ?
+			Sizzle.error( selector ) :
+			// Cache the tokens
+			tokenCache( selector, groups ).slice( 0 );
+};
+
+function toSelector( tokens ) {
+	var i = 0,
+		len = tokens.length,
+		selector = "";
+	for ( ; i < len; i++ ) {
+		selector += tokens[i].value;
+	}
+	return selector;
+}
+
+function addCombinator( matcher, combinator, base ) {
+	var dir = combinator.dir,
+		checkNonElements = base && dir === "parentNode",
+		doneName = done++;
+
+	return combinator.first ?
+		// Check against closest ancestor/preceding element
+		function( elem, context, xml ) {
+			while ( (elem = elem[ dir ]) ) {
+				if ( elem.nodeType === 1 || checkNonElements ) {
+					return matcher( elem, context, xml );
+				}
+			}
+		} :
+
+		// Check against all ancestor/preceding elements
+		function( elem, context, xml ) {
+			var oldCache, outerCache,
+				newCache = [ dirruns, doneName ];
+
+			// We can't set arbitrary data on XML nodes, so they don't benefit from dir caching
+			if ( xml ) {
+				while ( (elem = elem[ dir ]) ) {
+					if ( elem.nodeType === 1 || checkNonElements ) {
+						if ( matcher( elem, context, xml ) ) {
+							return true;
+						}
+					}
+				}
+			} else {
+				while ( (elem = elem[ dir ]) ) {
+					if ( elem.nodeType === 1 || checkNonElements ) {
+						outerCache = elem[ expando ] || (elem[ expando ] = {});
+						if ( (oldCache = outerCache[ dir ]) &&
+							oldCache[ 0 ] === dirruns && oldCache[ 1 ] === doneName ) {
+
+							// Assign to newCache so results back-propagate to previous elements
+							return (newCache[ 2 ] = oldCache[ 2 ]);
+						} else {
+							// Reuse newcache so results back-propagate to previous elements
+							outerCache[ dir ] = newCache;
+
+							// A match means we're done; a fail means we have to keep checking
+							if ( (newCache[ 2 ] = matcher( elem, context, xml )) ) {
+								return true;
+							}
+						}
+					}
+				}
+			}
+		};
+}
+
+function elementMatcher( matchers ) {
+	return matchers.length > 1 ?
+		function( elem, context, xml ) {
+			var i = matchers.length;
+			while ( i-- ) {
+				if ( !matchers[i]( elem, context, xml ) ) {
+					return false;
+				}
+			}
+			return true;
+		} :
+		matchers[0];
+}
+
+function multipleContexts( selector, contexts, results ) {
+	var i = 0,
+		len = contexts.length;
+	for ( ; i < len; i++ ) {
+		Sizzle( selector, contexts[i], results );
+	}
+	return results;
+}
+
+function condense( unmatched, map, filter, context, xml ) {
+	var elem,
+		newUnmatched = [],
+		i = 0,
+		len = unmatched.length,
+		mapped = map != null;
+
+	for ( ; i < len; i++ ) {
+		if ( (elem = unmatched[i]) ) {
+			if ( !filter || filter( elem, context, xml ) ) {
+				newUnmatched.push( elem );
+				if ( mapped ) {
+					map.push( i );
+				}
+			}
+		}
+	}
+
+	return newUnmatched;
+}
+
+function setMatcher( preFilter, selector, matcher, postFilter, postFinder, postSelector ) {
+	if ( postFilter && !postFilter[ expando ] ) {
+		postFilter = setMatcher( postFilter );
+	}
+	if ( postFinder && !postFinder[ expando ] ) {
+		postFinder = setMatcher( postFinder, postSelector );
+	}
+	return markFunction(function( seed, results, context, xml ) {
+		var temp, i, elem,
+			preMap = [],
+			postMap = [],
+			preexisting = results.length,
+
+			// Get initial elements from seed or context
+			elems = seed || multipleContexts( selector || "*", context.nodeType ? [ context ] : context, [] ),
+
+			// Prefilter to get matcher input, preserving a map for seed-results synchronization
+			matcherIn = preFilter && ( seed || !selector ) ?
+				condense( elems, preMap, preFilter, context, xml ) :
+				elems,
+
+			matcherOut = matcher ?
+				// If we have a postFinder, or filtered seed, or non-seed postFilter or preexisting results,
+				postFinder || ( seed ? preFilter : preexisting || postFilter ) ?
+
+					// ...intermediate processing is necessary
+					[] :
+
+					// ...otherwise use results directly
+					results :
+				matcherIn;
+
+		// Find primary matches
+		if ( matcher ) {
+			matcher( matcherIn, matcherOut, context, xml );
+		}
+
+		// Apply postFilter
+		if ( postFilter ) {
+			temp = condense( matcherOut, postMap );
+			postFilter( temp, [], context, xml );
+
+			// Un-match failing elements by moving them back to matcherIn
+			i = temp.length;
+			while ( i-- ) {
+				if ( (elem = temp[i]) ) {
+					matcherOut[ postMap[i] ] = !(matcherIn[ postMap[i] ] = elem);
+				}
+			}
+		}
+
+		if ( seed ) {
+			if ( postFinder || preFilter ) {
+				if ( postFinder ) {
+					// Get the final matcherOut by condensing this intermediate into postFinder contexts
+					temp = [];
+					i = matcherOut.length;
+					while ( i-- ) {
+						if ( (elem = matcherOut[i]) ) {
+							// Restore matcherIn since elem is not yet a final match
+							temp.push( (matcherIn[i] = elem) );
+						}
+					}
+					postFinder( null, (matcherOut = []), temp, xml );
+				}
+
+				// Move matched elements from seed to results to keep them synchronized
+				i = matcherOut.length;
+				while ( i-- ) {
+					if ( (elem = matcherOut[i]) &&
+						(temp = postFinder ? indexOf.call( seed, elem ) : preMap[i]) > -1 ) {
+
+						seed[temp] = !(results[temp] = elem);
+					}
+				}
+			}
+
+		// Add elements to results, through postFinder if defined
+		} else {
+			matcherOut = condense(
+				matcherOut === results ?
+					matcherOut.splice( preexisting, matcherOut.length ) :
+					matcherOut
+			);
+			if ( postFinder ) {
+				postFinder( null, results, matcherOut, xml );
+			} else {
+				push.apply( results, matcherOut );
+			}
+		}
+	});
+}
+
+function matcherFromTokens( tokens ) {
+	var checkContext, matcher, j,
+		len = tokens.length,
+		leadingRelative = Expr.relative[ tokens[0].type ],
+		implicitRelative = leadingRelative || Expr.relative[" "],
+		i = leadingRelative ? 1 : 0,
+
+		// The foundational matcher ensures that elements are reachable from top-level context(s)
+		matchContext = addCombinator( function( elem ) {
+			return elem === checkContext;
+		}, implicitRelative, true ),
+		matchAnyContext = addCombinator( function( elem ) {
+			return indexOf.call( checkContext, elem ) > -1;
+		}, implicitRelative, true ),
+		matchers = [ function( elem, context, xml ) {
+			return ( !leadingRelative && ( xml || context !== outermostContext ) ) || (
+				(checkContext = context).nodeType ?
+					matchContext( elem, context, xml ) :
+					matchAnyContext( elem, context, xml ) );
+		} ];
+
+	for ( ; i < len; i++ ) {
+		if ( (matcher = Expr.relative[ tokens[i].type ]) ) {
+			matchers = [ addCombinator(elementMatcher( matchers ), matcher) ];
+		} else {
+			matcher = Expr.filter[ tokens[i].type ].apply( null, tokens[i].matches );
+
+			// Return special upon seeing a positional matcher
+			if ( matcher[ expando ] ) {
+				// Find the next relative operator (if any) for proper handling
+				j = ++i;
+				for ( ; j < len; j++ ) {
+					if ( Expr.relative[ tokens[j].type ] ) {
+						break;
+					}
+				}
+				return setMatcher(
+					i > 1 && elementMatcher( matchers ),
+					i > 1 && toSelector(
+						// If the preceding token was a descendant combinator, insert an implicit any-element `*`
+						tokens.slice( 0, i - 1 ).concat({ value: tokens[ i - 2 ].type === " " ? "*" : "" })
+					).replace( rtrim, "$1" ),
+					matcher,
+					i < j && matcherFromTokens( tokens.slice( i, j ) ),
+					j < len && matcherFromTokens( (tokens = tokens.slice( j )) ),
+					j < len && toSelector( tokens )
+				);
+			}
+			matchers.push( matcher );
+		}
+	}
+
+	return elementMatcher( matchers );
+}
+
+function matcherFromGroupMatchers( elementMatchers, setMatchers ) {
+	var bySet = setMatchers.length > 0,
+		byElement = elementMatchers.length > 0,
+		superMatcher = function( seed, context, xml, results, outermost ) {
+			var elem, j, matcher,
+				matchedCount = 0,
+				i = "0",
+				unmatched = seed && [],
+				setMatched = [],
+				contextBackup = outermostContext,
+				// We must always have either seed elements or outermost context
+				elems = seed || byElement && Expr.find["TAG"]( "*", outermost ),
+				// Use integer dirruns iff this is the outermost matcher
+				dirrunsUnique = (dirruns += contextBackup == null ? 1 : Math.random() || 0.1),
+				len = elems.length;
+
+			if ( outermost ) {
+				outermostContext = context !== document && context;
+			}
+
+			// Add elements passing elementMatchers directly to results
+			// Keep `i` a string if there are no elements so `matchedCount` will be "00" below
+			// Support: IE<9, Safari
+			// Tolerate NodeList properties (IE: "length"; Safari: <number>) matching elements by id
+			for ( ; i !== len && (elem = elems[i]) != null; i++ ) {
+				if ( byElement && elem ) {
+					j = 0;
+					while ( (matcher = elementMatchers[j++]) ) {
+						if ( matcher( elem, context, xml ) ) {
+							results.push( elem );
+							break;
+						}
+					}
+					if ( outermost ) {
+						dirruns = dirrunsUnique;
+					}
+				}
+
+				// Track unmatched elements for set filters
+				if ( bySet ) {
+					// They will have gone through all possible matchers
+					if ( (elem = !matcher && elem) ) {
+						matchedCount--;
+					}
+
+					// Lengthen the array for every element, matched or not
+					if ( seed ) {
+						unmatched.push( elem );
+					}
+				}
+			}
+
+			// Apply set filters to unmatched elements
+			matchedCount += i;
+			if ( bySet && i !== matchedCount ) {
+				j = 0;
+				while ( (matcher = setMatchers[j++]) ) {
+					matcher( unmatched, setMatched, context, xml );
+				}
+
+				if ( seed ) {
+					// Reintegrate element matches to eliminate the need for sorting
+					if ( matchedCount > 0 ) {
+						while ( i-- ) {
+							if ( !(unmatched[i] || setMatched[i]) ) {
+								setMatched[i] = pop.call( results );
+							}
+						}
+					}
+
+					// Discard index placeholder values to get only actual matches
+					setMatched = condense( setMatched );
+				}
+
+				// Add matches to results
+				push.apply( results, setMatched );
+
+				// Seedless set matches succeeding multiple successful matchers stipulate sorting
+				if ( outermost && !seed && setMatched.length > 0 &&
+					( matchedCount + setMatchers.length ) > 1 ) {
+
+					Sizzle.uniqueSort( results );
+				}
+			}
+
+			// Override manipulation of globals by nested matchers
+			if ( outermost ) {
+				dirruns = dirrunsUnique;
+				outermostContext = contextBackup;
+			}
+
+			return unmatched;
+		};
+
+	return bySet ?
+		markFunction( superMatcher ) :
+		superMatcher;
+}
+
+compile = Sizzle.compile = function( selector, match /* Internal Use Only */ ) {
+	var i,
+		setMatchers = [],
+		elementMatchers = [],
+		cached = compilerCache[ selector + " " ];
+
+	if ( !cached ) {
+		// Generate a function of recursive functions that can be used to check each element
+		if ( !match ) {
+			match = tokenize( selector );
+		}
+		i = match.length;
+		while ( i-- ) {
+			cached = matcherFromTokens( match[i] );
+			if ( cached[ expando ] ) {
+				setMatchers.push( cached );
+			} else {
+				elementMatchers.push( cached );
+			}
+		}
+
+		// Cache the compiled function
+		cached = compilerCache( selector, matcherFromGroupMatchers( elementMatchers, setMatchers ) );
+
+		// Save selector and tokenization
+		cached.selector = selector;
+	}
+	return cached;
+};
+
+/**
+ * A low-level selection function that works with Sizzle's compiled
+ *  selector functions
+ * @param {String|Function} selector A selector or a pre-compiled
+ *  selector function built with Sizzle.compile
+ * @param {Element} context
+ * @param {Array} [results]
+ * @param {Array} [seed] A set of elements to match against
+ */
+select = Sizzle.select = function( selector, context, results, seed ) {
+	var i, tokens, token, type, find,
+		compiled = typeof selector === "function" && selector,
+		match = !seed && tokenize( (selector = compiled.selector || selector) );
+
+	results = results || [];
+
+	// Try to minimize operations if there is no seed and only one group
+	if ( match.length === 1 ) {
+
+		// Take a shortcut and set the context if the root selector is an ID
+		tokens = match[0] = match[0].slice( 0 );
+		if ( tokens.length > 2 && (token = tokens[0]).type === "ID" &&
+				support.getById && context.nodeType === 9 && documentIsHTML &&
+				Expr.relative[ tokens[1].type ] ) {
+
+			context = ( Expr.find["ID"]( token.matches[0].replace(runescape, funescape), context ) || [] )[0];
+			if ( !context ) {
+				return results;
+
+			// Precompiled matchers will still verify ancestry, so step up a level
+			} else if ( compiled ) {
+				context = context.parentNode;
+			}
+
+			selector = selector.slice( tokens.shift().value.length );
+		}
+
+		// Fetch a seed set for right-to-left matching
+		i = matchExpr["needsContext"].test( selector ) ? 0 : tokens.length;
+		while ( i-- ) {
+			token = tokens[i];
+
+			// Abort if we hit a combinator
+			if ( Expr.relative[ (type = token.type) ] ) {
+				break;
+			}
+			if ( (find = Expr.find[ type ]) ) {
+				// Search, expanding context for leading sibling combinators
+				if ( (seed = find(
+					token.matches[0].replace( runescape, funescape ),
+					rsibling.test( tokens[0].type ) && testContext( context.parentNode ) || context
+				)) ) {
+
+					// If seed is empty or no tokens remain, we can return early
+					tokens.splice( i, 1 );
+					selector = seed.length && toSelector( tokens );
+					if ( !selector ) {
+						push.apply( results, seed );
+						return results;
+					}
+
+					break;
+				}
+			}
+		}
+	}
+
+	// Compile and execute a filtering function if one is not provided
+	// Provide `match` to avoid retokenization if we modified the selector above
+	( compiled || compile( selector, match ) )(
+		seed,
+		context,
+		!documentIsHTML,
+		results,
+		rsibling.test( selector ) && testContext( context.parentNode ) || context
+	);
+	return results;
+};
+
+// One-time assignments
+
+// Sort stability
+support.sortStable = expando.split("").sort( sortOrder ).join("") === expando;
+
+// Support: Chrome<14
+// Always assume duplicates if they aren't passed to the comparison function
+support.detectDuplicates = !!hasDuplicate;
+
+// Initialize against the default document
+setDocument();
+
+// Support: Webkit<537.32 - Safari 6.0.3/Chrome 25 (fixed in Chrome 27)
+// Detached nodes confoundingly follow *each other*
+support.sortDetached = assert(function( div1 ) {
+	// Should return 1, but returns 4 (following)
+	return div1.compareDocumentPosition( document.createElement("div") ) & 1;
+});
+
+// Support: IE<8
+// Prevent attribute/property "interpolation"
+// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx
+if ( !assert(function( div ) {
+	div.innerHTML = "<a href='#'></a>";
+	return div.firstChild.getAttribute("href") === "#" ;
+}) ) {
+	addHandle( "type|href|height|width", function( elem, name, isXML ) {
+		if ( !isXML ) {
+			return elem.getAttribute( name, name.toLowerCase() === "type" ? 1 : 2 );
+		}
+	});
+}
+
+// Support: IE<9
+// Use defaultValue in place of getAttribute("value")
+if ( !support.attributes || !assert(function( div ) {
+	div.innerHTML = "<input/>";
+	div.firstChild.setAttribute( "value", "" );
+	return div.firstChild.getAttribute( "value" ) === "";
+}) ) {
+	addHandle( "value", function( elem, name, isXML ) {
+		if ( !isXML && elem.nodeName.toLowerCase() === "input" ) {
+			return elem.defaultValue;
+		}
+	});
+}
+
+// Support: IE<9
+// Use getAttributeNode to fetch booleans when getAttribute lies
+if ( !assert(function( div ) {
+	return div.getAttribute("disabled") == null;
+}) ) {
+	addHandle( booleans, function( elem, name, isXML ) {
+		var val;
+		if ( !isXML ) {
+			return elem[ name ] === true ? name.toLowerCase() :
+					(val = elem.getAttributeNode( name )) && val.specified ?
+					val.value :
+				null;
+		}
+	});
+}
+
+return Sizzle;
+
+})( window );
+
+
+
+jQuery.find = Sizzle;
+jQuery.expr = Sizzle.selectors;
+jQuery.expr[":"] = jQuery.expr.pseudos;
+jQuery.unique = Sizzle.uniqueSort;
+jQuery.text = Sizzle.getText;
+jQuery.isXMLDoc = Sizzle.isXML;
+jQuery.contains = Sizzle.contains;
+
+
+
+var rneedsContext = jQuery.expr.match.needsContext;
+
+var rsingleTag = (/^<(\w+)\s*\/?>(?:<\/\1>|)$/);
+
+
+
+var risSimple = /^.[^:#\[\.,]*$/;
+
+// Implement the identical functionality for filter and not
+function winnow( elements, qualifier, not ) {
+	if ( jQuery.isFunction( qualifier ) ) {
+		return jQuery.grep( elements, function( elem, i ) {
+			/* jshint -W018 */
+			return !!qualifier.call( elem, i, elem ) !== not;
+		});
+
+	}
+
+	if ( qualifier.nodeType ) {
+		return jQuery.grep( elements, function( elem ) {
+			return ( elem === qualifier ) !== not;
+		});
+
+	}
+
+	if ( typeof qualifier === "string" ) {
+		if ( risSimple.test( qualifier ) ) {
+			return jQuery.filter( qualifier, elements, not );
+		}
+
+		qualifier = jQuery.filter( qualifier, elements );
+	}
+
+	return jQuery.grep( elements, function( elem ) {
+		return ( jQuery.inArray( elem, qualifier ) >= 0 ) !== not;
+	});
+}
+
+jQuery.filter = function( expr, elems, not ) {
+	var elem = elems[ 0 ];
+
+	if ( not ) {
+		expr = ":not(" + expr + ")";
+	}
+
+	return elems.length === 1 && elem.nodeType === 1 ?
+		jQuery.find.matchesSelector( elem, expr ) ? [ elem ] : [] :
+		jQuery.find.matches( expr, jQuery.grep( elems, function( elem ) {
+			return elem.nodeType === 1;
+		}));
+};
+
+jQuery.fn.extend({
+	find: function( selector ) {
+		var i,
+			ret = [],
+			self = this,
+			len = self.length;
+
+		if ( typeof selector !== "string" ) {
+			return this.pushStack( jQuery( selector ).filter(function() {
+				for ( i = 0; i < len; i++ ) {
+					if ( jQuery.contains( self[ i ], this ) ) {
+						return true;
+					}
+				}
+			}) );
+		}
+
+		for ( i = 0; i < len; i++ ) {
+			jQuery.find( selector, self[ i ], ret );
+		}
+
+		// Needed because $( selector, context ) becomes $( context ).find( selector )
+		ret = this.pushStack( len > 1 ? jQuery.unique( ret ) : ret );
+		ret.selector = this.selector ? this.selector + " " + selector : selector;
+		return ret;
+	},
+	filter: function( selector ) {
+		return this.pushStack( winnow(this, selector || [], false) );
+	},
+	not: function( selector ) {
+		return this.pushStack( winnow(this, selector || [], true) );
+	},
+	is: function( selector ) {
+		return !!winnow(
+			this,
+
+			// If this is a positional/relative selector, check membership in the returned set
+			// so $("p:first").is("p:last") won't return true for a doc with two "p".
+			typeof selector === "string" && rneedsContext.test( selector ) ?
+				jQuery( selector ) :
+				selector || [],
+			false
+		).length;
+	}
+});
+
+
+// Initialize a jQuery object
+
+
+// A central reference to the root jQuery(document)
+var rootjQuery,
+
+	// Use the correct document accordingly with window argument (sandbox)
+	document = window.document,
+
+	// A simple way to check for HTML strings
+	// Prioritize #id over <tag> to avoid XSS via location.hash (#9521)
+	// Strict HTML recognition (#11290: must start with <)
+	rquickExpr = /^(?:\s*(<[\w\W]+>)[^>]*|#([\w-]*))$/,
+
+	init = jQuery.fn.init = function( selector, context ) {
+		var match, elem;
+
+		// HANDLE: $(""), $(null), $(undefined), $(false)
+		if ( !selector ) {
+			return this;
+		}
+
+		// Handle HTML strings
+		if ( typeof selector === "string" ) {
+			if ( selector.charAt(0) === "<" && selector.charAt( selector.length - 1 ) === ">" && selector.length >= 3 ) {
+				// Assume that strings that start and end with <> are HTML and skip the regex check
+				match = [ null, selector, null ];
+
+			} else {
+				match = rquickExpr.exec( selector );
+			}
+
+			// Match html or make sure no context is specified for #id
+			if ( match && (match[1] || !context) ) {
+
+				// HANDLE: $(html) -> $(array)
+				if ( match[1] ) {
+					context = context instanceof jQuery ? context[0] : context;
+
+					// scripts is true for back-compat
+					// Intentionally let the error be thrown if parseHTML is not present
+					jQuery.merge( this, jQuery.parseHTML(
+						match[1],
+						context && context.nodeType ? context.ownerDocument || context : document,
+						true
+					) );
+
+					// HANDLE: $(html, props)
+					if ( rsingleTag.test( match[1] ) && jQuery.isPlainObject( context ) ) {
+						for ( match in context ) {
+							// Properties of context are called as methods if possible
+							if ( jQuery.isFunction( this[ match ] ) ) {
+								this[ match ]( context[ match ] );
+
+							// ...and otherwise set as attributes
+							} else {
+								this.attr( match, context[ match ] );
+							}
+						}
+					}
+
+					return this;
+
+				// HANDLE: $(#id)
+				} else {
+					elem = document.getElementById( match[2] );
+
+					// Check parentNode to catch when Blackberry 4.6 returns
+					// nodes that are no longer in the document #6963
+					if ( elem && elem.parentNode ) {
+						// Handle the case where IE and Opera return items
+						// by name instead of ID
+						if ( elem.id !== match[2] ) {
+							return rootjQuery.find( selector );
+						}
+
+						// Otherwise, we inject the element directly into the jQuery object
+						this.length = 1;
+						this[0] = elem;
+					}
+
+					this.context = document;
+					this.selector = selector;
+					return this;
+				}
+
+			// HANDLE: $(expr, $(...))
+			} else if ( !context || context.jquery ) {
+				return ( context || rootjQuery ).find( selector );
+
+			// HANDLE: $(expr, context)
+			// (which is just equivalent to: $(context).find(expr)
+			} else {
+				return this.constructor( context ).find( selector );
+			}
+
+		// HANDLE: $(DOMElement)
+		} else if ( selector.nodeType ) {
+			this.context = this[0] = selector;
+			this.length = 1;
+			return this;
+
+		// HANDLE: $(function)
+		// Shortcut for document ready
+		} else if ( jQuery.isFunction( selector ) ) {
+			return typeof rootjQuery.ready !== "undefined" ?
+				rootjQuery.ready( selector ) :
+				// Execute immediately if ready is not present
+				selector( jQuery );
+		}
+
+		if ( selector.selector !== undefined ) {
+			this.selector = selector.selector;
+			this.context = selector.context;
+		}
+
+		return jQuery.makeArray( selector, this );
+	};
+
+// Give the init function the jQuery prototype for later instantiation
+init.prototype = jQuery.fn;
+
+// Initialize central reference
+rootjQuery = jQuery( document );
+
+
+var rparentsprev = /^(?:parents|prev(?:Until|All))/,
+	// methods guaranteed to produce a unique set when starting from a unique set
+	guaranteedUnique = {
+		children: true,
+		contents: true,
+		next: true,
+		prev: true
+	};
+
+jQuery.extend({
+	dir: function( elem, dir, until ) {
+		var matched = [],
+			cur = elem[ dir ];
+
+		while ( cur && cur.nodeType !== 9 && (until === undefined || cur.nodeType !== 1 || !jQuery( cur ).is( until )) ) {
+			if ( cur.nodeType === 1 ) {
+				matched.push( cur );
+			}
+			cur = cur[dir];
+		}
+		return matched;
+	},
+
+	sibling: function( n, elem ) {
+		var r = [];
+
+		for ( ; n; n = n.nextSibling ) {
+			if ( n.nodeType === 1 && n !== elem ) {
+				r.push( n );
+			}
+		}
+
+		return r;
+	}
+});
+
+jQuery.fn.extend({
+	has: function( target ) {
+		var i,
+			targets = jQuery( target, this ),
+			len = targets.length;
+
+		return this.filter(function() {
+			for ( i = 0; i < len; i++ ) {
+				if ( jQuery.contains( this, targets[i] ) ) {
+					return true;
+				}
+			}
+		});
+	},
+
+	closest: function( selectors, context ) {
+		var cur,
+			i = 0,
+			l = this.length,
+			matched = [],
+			pos = rneedsContext.test( selectors ) || typeof selectors !== "string" ?
+				jQuery( selectors, context || this.context ) :
+				0;
+
+		for ( ; i < l; i++ ) {
+			for ( cur = this[i]; cur && cur !== context; cur = cur.parentNode ) {
+				// Always skip document fragments
+				if ( cur.nodeType < 11 && (pos ?
+					pos.index(cur) > -1 :
+
+					// Don't pass non-elements to Sizzle
+					cur.nodeType === 1 &&
+						jQuery.find.matchesSelector(cur, selectors)) ) {
+
+					matched.push( cur );
+					break;
+				}
+			}
+		}
+
+		return this.pushStack( matched.length > 1 ? jQuery.unique( matched ) : matched );
+	},
+
+	// Determine the position of an element within
+	// the matched set of elements
+	index: function( elem ) {
+
+		// No argument, return index in parent
+		if ( !elem ) {
+			return ( this[0] && this[0].parentNode ) ? this.first().prevAll().length : -1;
+		}
+
+		// index in selector
+		if ( typeof elem === "string" ) {
+			return jQuery.inArray( this[0], jQuery( elem ) );
+		}
+
+		// Locate the position of the desired element
+		return jQuery.inArray(
+			// If it receives a jQuery object, the first element is used
+			elem.jquery ? elem[0] : elem, this );
+	},
+
+	add: function( selector, context ) {
+		return this.pushStack(
+			jQuery.unique(
+				jQuery.merge( this.get(), jQuery( selector, context ) )
+			)
+		);
+	},
+
+	addBack: function( selector ) {
+		return this.add( selector == null ?
+			this.prevObject : this.prevObject.filter(selector)
+		);
+	}
+});
+
+function sibling( cur, dir ) {
+	do {
+		cur = cur[ dir ];
+	} while ( cur && cur.nodeType !== 1 );
+
+	return cur;
+}
+
+jQuery.each({
+	parent: function( elem ) {
+		var parent = elem.parentNode;
+		return parent && parent.nodeType !== 11 ? parent : null;
+	},
+	parents: function( elem ) {
+		return jQuery.dir( elem, "parentNode" );
+	},
+	parentsUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "parentNode", until );
+	},
+	next: function( elem ) {
+		return sibling( elem, "nextSibling" );
+	},
+	prev: function( elem ) {
+		return sibling( elem, "previousSibling" );
+	},
+	nextAll: function( elem ) {
+		return jQuery.dir( elem, "nextSibling" );
+	},
+	prevAll: function( elem ) {
+		return jQuery.dir( elem, "previousSibling" );
+	},
+	nextUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "nextSibling", until );
+	},
+	prevUntil: function( elem, i, until ) {
+		return jQuery.dir( elem, "previousSibling", until );
+	},
+	siblings: function( elem ) {
+		return jQuery.sibling( ( elem.parentNode || {} ).firstChild, elem );
+	},
+	children: function( elem ) {
+		return jQuery.sibling( elem.firstChild );
+	},
+	contents: function( elem ) {
+		return jQuery.nodeName( elem, "iframe" ) ?
+			elem.contentDocument || elem.contentWindow.document :
+			jQuery.merge( [], elem.childNodes );
+	}
+}, function( name, fn ) {
+	jQuery.fn[ name ] = function( until, selector ) {
+		var ret = jQuery.map( this, fn, until );
+
+		if ( name.slice( -5 ) !== "Until" ) {
+			selector = until;
+		}
+
+		if ( selector && typeof selector === "string" ) {
+			ret = jQuery.filter( selector, ret );
+		}
+
+		if ( this.length > 1 ) {
+			// Remove duplicates
+			if ( !guaranteedUnique[ name ] ) {
+				ret = jQuery.unique( ret );
+			}
+
+			// Reverse order for parents* and prev-derivatives
+			if ( rparentsprev.test( name ) ) {
+				ret = ret.reverse();
+			}
+		}
+
+		return this.pushStack( ret );
+	};
+});
+var rnotwhite = (/\S+/g);
+
+
+
+// String to Object options format cache
+var optionsCache = {};
+
+// Convert String-formatted options into Object-formatted ones and store in cache
+function createOptions( options ) {
+	var object = optionsCache[ options ] = {};
+	jQuery.each( options.match( rnotwhite ) || [], function( _, flag ) {
+		object[ flag ] = true;
+	});
+	return object;
+}
+
+/*
+ * Create a callback list using the following parameters:
+ *
+ *	options: an optional list of space-separated options that will change how
+ *			the callback list behaves or a more traditional option object
+ *
+ * By default a callback list will act like an event callback list and can be
+ * "fired" multiple times.
+ *
+ * Possible options:
+ *
+ *	once:			will ensure the callback list can only be fired once (like a Deferred)
+ *
+ *	memory:			will keep track of previous values and will call any callback added
+ *					after the list has been fired right away with the latest "memorized"
+ *					values (like a Deferred)
+ *
+ *	unique:			will ensure a callback can only be added once (no duplicate in the list)
+ *
+ *	stopOnFalse:	interrupt callings when a callback returns false
+ *
+ */
+jQuery.Callbacks = function( options ) {
+
+	// Convert options from String-formatted to Object-formatted if needed
+	// (we check in cache first)
+	options = typeof options === "string" ?
+		( optionsCache[ options ] || createOptions( options ) ) :
+		jQuery.extend( {}, options );
+
+	var // Flag to know if list is currently firing
+		firing,
+		// Last fire value (for non-forgettable lists)
+		memory,
+		// Flag to know if list was already fired
+		fired,
+		// End of the loop when firing
+		firingLength,
+		// Index of currently firing callback (modified by remove if needed)
+		firingIndex,
+		// First callback to fire (used internally by add and fireWith)
+		firingStart,
+		// Actual callback list
+		list = [],
+		// Stack of fire calls for repeatable lists
+		stack = !options.once && [],
+		// Fire callbacks
+		fire = function( data ) {
+			memory = options.memory && data;
+			fired = true;
+			firingIndex = firingStart || 0;
+			firingStart = 0;
+			firingLength = list.length;
+			firing = true;
+			for ( ; list && firingIndex < firingLength; firingIndex++ ) {
+				if ( list[ firingIndex ].apply( data[ 0 ], data[ 1 ] ) === false && options.stopOnFalse ) {
+					memory = false; // To prevent further calls using add
+					break;
+				}
+			}
+			firing = false;
+			if ( list ) {
+				if ( stack ) {
+					if ( stack.length ) {
+						fire( stack.shift() );
+					}
+				} else if ( memory ) {
+					list = [];
+				} else {
+					self.disable();
+				}
+			}
+		},
+		// Actual Callbacks object
+		self = {
+			// Add a callback or a collection of callbacks to the list
+			add: function() {
+				if ( list ) {
+					// First, we save the current length
+					var start = list.length;
+					(function add( args ) {
+						jQuery.each( args, function( _, arg ) {
+							var type = jQuery.type( arg );
+							if ( type === "function" ) {
+								if ( !options.unique || !self.has( arg ) ) {
+									list.push( arg );
+								}
+							} else if ( arg && arg.length && type !== "string" ) {
+								// Inspect recursively
+								add( arg );
+							}
+						});
+					})( arguments );
+					// Do we need to add the callbacks to the
+					// current firing batch?
+					if ( firing ) {
+						firingLength = list.length;
+					// With memory, if we're not firing then
+					// we should call right away
+					} else if ( memory ) {
+						firingStart = start;
+						fire( memory );
+					}
+				}
+				return this;
+			},
+			// Remove a callback from the list
+			remove: function() {
+				if ( list ) {
+					jQuery.each( arguments, function( _, arg ) {
+						var index;
+						while ( ( index = jQuery.inArray( arg, list, index ) ) > -1 ) {
+							list.splice( index, 1 );
+							// Handle firing indexes
+							if ( firing ) {
+								if ( index <= firingLength ) {
+									firingLength--;
+								}
+								if ( index <= firingIndex ) {
+									firingIndex--;
+								}
+							}
+						}
+					});
+				}
+				return this;
+			},
+			// Check if a given callback is in the list.
+			// If no argument is given, return whether or not list has callbacks attached.
+			has: function( fn ) {
+				return fn ? jQuery.inArray( fn, list ) > -1 : !!( list && list.length );
+			},
+			// Remove all callbacks from the list
+			empty: function() {
+				list = [];
+				firingLength = 0;
+				return this;
+			},
+			// Have the list do nothing anymore
+			disable: function() {
+				list = stack = memory = undefined;
+				return this;
+			},
+			// Is it disabled?
+			disabled: function() {
+				return !list;
+			},
+			// Lock the list in its current state
+			lock: function() {
+				stack = undefined;
+				if ( !memory ) {
+					self.disable();
+				}
+				return this;
+			},
+			// Is it locked?
+			locked: function() {
+				return !stack;
+			},
+			// Call all callbacks with the given context and arguments
+			fireWith: function( context, args ) {
+				if ( list && ( !fired || stack ) ) {
+					args = args || [];
+					args = [ context, args.slice ? args.slice() : args ];
+					if ( firing ) {
+						stack.push( args );
+					} else {
+						fire( args );
+					}
+				}
+				return this;
+			},
+			// Call all the callbacks with the given arguments
+			fire: function() {
+				self.fireWith( this, arguments );
+				return this;
+			},
+			// To know if the callbacks have already been called at least once
+			fired: function() {
+				return !!fired;
+			}
+		};
+
+	return self;
+};
+
+
+jQuery.extend({
+
+	Deferred: function( func ) {
+		var tuples = [
+				// action, add listener, listener list, final state
+				[ "resolve", "done", jQuery.Callbacks("once memory"), "resolved" ],
+				[ "reject", "fail", jQuery.Callbacks("once memory"), "rejected" ],
+				[ "notify", "progress", jQuery.Callbacks("memory") ]
+			],
+			state = "pending",
+			promise = {
+				state: function() {
+					return state;
+				},
+				always: function() {
+					deferred.done( arguments ).fail( arguments );
+					return this;
+				},
+				then: function( /* fnDone, fnFail, fnProgress */ ) {
+					var fns = arguments;
+					return jQuery.Deferred(function( newDefer ) {
+						jQuery.each( tuples, function( i, tuple ) {
+							var fn = jQuery.isFunction( fns[ i ] ) && fns[ i ];
+							// deferred[ done | fail | progress ] for forwarding actions to newDefer
+							deferred[ tuple[1] ](function() {
+								var returned = fn && fn.apply( this, arguments );
+								if ( returned && jQuery.isFunction( returned.promise ) ) {
+									returned.promise()
+										.done( newDefer.resolve )
+										.fail( newDefer.reject )
+										.progress( newDefer.notify );
+								} else {
+									newDefer[ tuple[ 0 ] + "With" ]( this === promise ? newDefer.promise() : this, fn ? [ returned ] : arguments );
+								}
+							});
+						});
+						fns = null;
+					}).promise();
+				},
+				// Get a promise for this deferred
+				// If obj is provided, the promise aspect is added to the object
+				promise: function( obj ) {
+					return obj != null ? jQuery.extend( obj, promise ) : promise;
+				}
+			},
+			deferred = {};
+
+		// Keep pipe for back-compat
+		promise.pipe = promise.then;
+
+		// Add list-specific methods
+		jQuery.each( tuples, function( i, tuple ) {
+			var list = tuple[ 2 ],
+				stateString = tuple[ 3 ];
+
+			// promise[ done | fail | progress ] = list.add
+			promise[ tuple[1] ] = list.add;
+
+			// Handle state
+			if ( stateString ) {
+				list.add(function() {
+					// state = [ resolved | rejected ]
+					state = stateString;
+
+				// [ reject_list | resolve_list ].disable; progress_list.lock
+				}, tuples[ i ^ 1 ][ 2 ].disable, tuples[ 2 ][ 2 ].lock );
+			}
+
+			// deferred[ resolve | reject | notify ]
+			deferred[ tuple[0] ] = function() {
+				deferred[ tuple[0] + "With" ]( this === deferred ? promise : this, arguments );
+				return this;
+			};
+			deferred[ tuple[0] + "With" ] = list.fireWith;
+		});
+
+		// Make the deferred a promise
+		promise.promise( deferred );
+
+		// Call given func if any
+		if ( func ) {
+			func.call( deferred, deferred );
+		}
+
+		// All done!
+		return deferred;
+	},
+
+	// Deferred helper
+	when: function( subordinate /* , ..., subordinateN */ ) {
+		var i = 0,
+			resolveValues = slice.call( arguments ),
+			length = resolveValues.length,
+
+			// the count of uncompleted subordinates
+			remaining = length !== 1 || ( subordinate && jQuery.isFunction( subordinate.promise ) ) ? length : 0,
+
+			// the master Deferred. If resolveValues consist of only a single Deferred, just use that.
+			deferred = remaining === 1 ? subordinate : jQuery.Deferred(),
+
+			// Update function for both resolve and progress values
+			updateFunc = function( i, contexts, values ) {
+				return function( value ) {
+					contexts[ i ] = this;
+					values[ i ] = arguments.length > 1 ? slice.call( arguments ) : value;
+					if ( values === progressValues ) {
+						deferred.notifyWith( contexts, values );
+
+					} else if ( !(--remaining) ) {
+						deferred.resolveWith( contexts, values );
+					}
+				};
+			},
+
+			progressValues, progressContexts, resolveContexts;
+
+		// add listeners to Deferred subordinates; treat others as resolved
+		if ( length > 1 ) {
+			progressValues = new Array( length );
+			progressContexts = new Array( length );
+			resolveContexts = new Array( length );
+			for ( ; i < length; i++ ) {
+				if ( resolveValues[ i ] && jQuery.isFunction( resolveValues[ i ].promise ) ) {
+					resolveValues[ i ].promise()
+						.done( updateFunc( i, resolveContexts, resolveValues ) )
+						.fail( deferred.reject )
+						.progress( updateFunc( i, progressContexts, progressValues ) );
+				} else {
+					--remaining;
+				}
+			}
+		}
+
+		// if we're not waiting on anything, resolve the master
+		if ( !remaining ) {
+			deferred.resolveWith( resolveContexts, resolveValues );
+		}
+
+		return deferred.promise();
+	}
+});
+
+
+// The deferred used on DOM ready
+var readyList;
+
+jQuery.fn.ready = function( fn ) {
+	// Add the callback
+	jQuery.ready.promise().done( fn );
+
+	return this;
+};
+
+jQuery.extend({
+	// Is the DOM ready to be used? Set to true once it occurs.
+	isReady: false,
+
+	// A counter to track how many items to wait for before
+	// the ready event fires. See #6781
+	readyWait: 1,
+
+	// Hold (or release) the ready event
+	holdReady: function( hold ) {
+		if ( hold ) {
+			jQuery.readyWait++;
+		} else {
+			jQuery.ready( true );
+		}
+	},
+
+	// Handle when the DOM is ready
+	ready: function( wait ) {
+
+		// Abort if there are pending holds or we're already ready
+		if ( wait === true ? --jQuery.readyWait : jQuery.isReady ) {
+			return;
+		}
+
+		// Make sure body exists, at least, in case IE gets a little overzealous (ticket #5443).
+		if ( !document.body ) {
+			return setTimeout( jQuery.ready );
+		}
+
+		// Remember that the DOM is ready
+		jQuery.isReady = true;
+
+		// If a normal DOM Ready event fired, decrement, and wait if need be
+		if ( wait !== true && --jQuery.readyWait > 0 ) {
+			return;
+		}
+
+		// If there are functions bound, to execute
+		readyList.resolveWith( document, [ jQuery ] );
+
+		// Trigger any bound ready events
+		if ( jQuery.fn.triggerHandler ) {
+			jQuery( document ).triggerHandler( "ready" );
+			jQuery( document ).off( "ready" );
+		}
+	}
+});
+
+/**
+ * Clean-up method for dom ready events
+ */
+function detach() {
+	if ( document.addEventListener ) {
+		document.removeEventListener( "DOMContentLoaded", completed, false );
+		window.removeEventListener( "load", completed, false );
+
+	} else {
+		document.detachEvent( "onreadystatechange", completed );
+		window.detachEvent( "onload", completed );
+	}
+}
+
+/**
+ * The ready event handler and self cleanup method
+ */
+function completed() {
+	// readyState === "complete" is good enough for us to call the dom ready in oldIE
+	if ( document.addEventListener || event.type === "load" || document.readyState === "complete" ) {
+		detach();
+		jQuery.ready();
+	}
+}
+
+jQuery.ready.promise = function( obj ) {
+	if ( !readyList ) {
+
+		readyList = jQuery.Deferred();
+
+		// Catch cases where $(document).ready() is called after the browser event has already occurred.
+		// we once tried to use readyState "interactive" here, but it caused issues like the one
+		// discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15
+		if ( document.readyState === "complete" ) {
+			// Handle it asynchronously to allow scripts the opportunity to delay ready
+			setTimeout( jQuery.ready );
+
+		// Standards-based browsers support DOMContentLoaded
+		} else if ( document.addEventListener ) {
+			// Use the handy event callback
+			document.addEventListener( "DOMContentLoaded", completed, false );
+
+			// A fallback to window.onload, that will always work
+			window.addEventListener( "load", completed, false );
+
+		// If IE event model is used
+		} else {
+			// Ensure firing before onload, maybe late but safe also for iframes
+			document.attachEvent( "onreadystatechange", completed );
+
+			// A fallback to window.onload, that will always work
+			window.attachEvent( "onload", completed );
+
+			// If IE and not a frame
+			// continually check to see if the document is ready
+			var top = false;
+
+			try {
+				top = window.frameElement == null && document.documentElement;
+			} catch(e) {}
+
+			if ( top && top.doScroll ) {
+				(function doScrollCheck() {
+					if ( !jQuery.isReady ) {
+
+						try {
+							// Use the trick by Diego Perini
+							// http://javascript.nwbox.com/IEContentLoaded/
+							top.doScroll("left");
+						} catch(e) {
+							return setTimeout( doScrollCheck, 50 );
+						}
+
+						// detach all dom ready events
+						detach();
+
+						// and execute any waiting functions
+						jQuery.ready();
+					}
+				})();
+			}
+		}
+	}
+	return readyList.promise( obj );
+};
+
+
+var strundefined = typeof undefined;
+
+
+
+// Support: IE<9
+// Iteration over object's inherited properties before its own
+var i;
+for ( i in jQuery( support ) ) {
+	break;
+}
+support.ownLast = i !== "0";
+
+// Note: most support tests are defined in their respective modules.
+// false until the test is run
+support.inlineBlockNeedsLayout = false;
+
+// Execute ASAP in case we need to set body.style.zoom
+jQuery(function() {
+	// Minified: var a,b,c,d
+	var val, div, body, container;
+
+	body = document.getElementsByTagName( "body" )[ 0 ];
+	if ( !body || !body.style ) {
+		// Return for frameset docs that don't have a body
+		return;
+	}
+
+	// Setup
+	div = document.createElement( "div" );
+	container = document.createElement( "div" );
+	container.style.cssText = "position:absolute;border:0;width:0;height:0;top:0;left:-9999px";
+	body.appendChild( container ).appendChild( div );
+
+	if ( typeof div.style.zoom !== strundefined ) {
+		// Support: IE<8
+		// Check if natively block-level elements act like inline-block
+		// elements when setting their display to 'inline' and giving
+		// them layout
+		div.style.cssText = "display:inline;margin:0;border:0;padding:1px;width:1px;zoom:1";
+
+		support.inlineBlockNeedsLayout = val = div.offsetWidth === 3;
+		if ( val ) {
+			// Prevent IE 6 from affecting layout for positioned elements #11048
+			// Prevent IE from shrinking the body in IE 7 mode #12869
+			// Support: IE<8
+			body.style.zoom = 1;
+		}
+	}
+
+	body.removeChild( container );
+});
+
+
+
+
+(function() {
+	var div = document.createElement( "div" );
+
+	// Execute the test only if not already executed in another module.
+	if (support.deleteExpando == null) {
+		// Support: IE<9
+		support.deleteExpando = true;
+		try {
+			delete div.test;
+		} catch( e ) {
+			support.deleteExpando = false;
+		}
+	}
+
+	// Null elements to avoid leaks in IE.
+	div = null;
+})();
+
+
+/**
+ * Determines whether an object can have data
+ */
+jQuery.acceptData = function( elem ) {
+	var noData = jQuery.noData[ (elem.nodeName + " ").toLowerCase() ],
+		nodeType = +elem.nodeType || 1;
+
+	// Do not set data on non-element DOM nodes because it will not be cleared (#8335).
+	return nodeType !== 1 && nodeType !== 9 ?
+		false :
+
+		// Nodes accept data unless otherwise specified; rejection can be conditional
+		!noData || noData !== true && elem.getAttribute("classid") === noData;
+};
+
+
+var rbrace = /^(?:\{[\w\W]*\}|\[[\w\W]*\])$/,
+	rmultiDash = /([A-Z])/g;
+
+function dataAttr( elem, key, data ) {
+	// If nothing was found internally, try to fetch any
+	// data from the HTML5 data-* attribute
+	if ( data === undefined && elem.nodeType === 1 ) {
+
+		var name = "data-" + key.replace( rmultiDash, "-$1" ).toLowerCase();
+
+		data = elem.getAttribute( name );
+
+		if ( typeof data === "string" ) {
+			try {
+				data = data === "true" ? true :
+					data === "false" ? false :
+					data === "null" ? null :
+					// Only convert to a number if it doesn't change the string
+					+data + "" === data ? +data :
+					rbrace.test( data ) ? jQuery.parseJSON( data ) :
+					data;
+			} catch( e ) {}
+
+			// Make sure we set the data so it isn't changed later
+			jQuery.data( elem, key, data );
+
+		} else {
+			data = undefined;
+		}
+	}
+
+	return data;
+}
+
+// checks a cache object for emptiness
+function isEmptyDataObject( obj ) {
+	var name;
+	for ( name in obj ) {
+
+		// if the public data object is empty, the private is still empty
+		if ( name === "data" && jQuery.isEmptyObject( obj[name] ) ) {
+			continue;
+		}
+		if ( name !== "toJSON" ) {
+			return false;
+		}
+	}
+
+	return true;
+}
+
+function internalData( elem, name, data, pvt /* Internal Use Only */ ) {
+	if ( !jQuery.acceptData( elem ) ) {
+		return;
+	}
+
+	var ret, thisCache,
+		internalKey = jQuery.expando,
+
+		// We have to handle DOM nodes and JS objects differently because IE6-7
+		// can't GC object references properly across the DOM-JS boundary
+		isNode = elem.nodeType,
+
+		// Only DOM nodes need the global jQuery cache; JS object data is
+		// attached directly to the object so GC can occur automatically
+		cache = isNode ? jQuery.cache : elem,
+
+		// Only defining an ID for JS objects if its cache already exists allows
+		// the code to shortcut on the same path as a DOM node with no cache
+		id = isNode ? elem[ internalKey ] : elem[ internalKey ] && internalKey;
+
+	// Avoid doing any more work than we need to when trying to get data on an
+	// object that has no data at all
+	if ( (!id || !cache[id] || (!pvt && !cache[id].data)) && data === undefined && typeof name === "string" ) {
+		return;
+	}
+
+	if ( !id ) {
+		// Only DOM nodes need a new unique ID for each element since their data
+		// ends up in the global cache
+		if ( isNode ) {
+			id = elem[ internalKey ] = deletedIds.pop() || jQuery.guid++;
+		} else {
+			id = internalKey;
+		}
+	}
+
+	if ( !cache[ id ] ) {
+		// Avoid exposing jQuery metadata on plain JS objects when the object
+		// is serialized using JSON.stringify
+		cache[ id ] = isNode ? {} : { toJSON: jQuery.noop };
+	}
+
+	// An object can be passed to jQuery.data instead of a key/value pair; this gets
+	// shallow copied over onto the existing cache
+	if ( typeof name === "object" || typeof name === "function" ) {
+		if ( pvt ) {
+			cache[ id ] = jQuery.extend( cache[ id ], name );
+		} else {
+			cache[ id ].data = jQuery.extend( cache[ id ].data, name );
+		}
+	}
+
+	thisCache = cache[ id ];
+
+	// jQuery data() is stored in a separate object inside the object's internal data
+	// cache in order to avoid key collisions between internal data and user-defined
+	// data.
+	if ( !pvt ) {
+		if ( !thisCache.data ) {
+			thisCache.data = {};
+		}
+
+		thisCache = thisCache.data;
+	}
+
+	if ( data !== undefined ) {
+		thisCache[ jQuery.camelCase( name ) ] = data;
+	}
+
+	// Check for both converted-to-camel and non-converted data property names
+	// If a data property was specified
+	if ( typeof name === "string" ) {
+
+		// First Try to find as-is property data
+		ret = thisCache[ name ];
+
+		// Test for null|undefined property data
+		if ( ret == null ) {
+
+			// Try to find the camelCased property
+			ret = thisCache[ jQuery.camelCase( name ) ];
+		}
+	} else {
+		ret = thisCache;
+	}
+
+	return ret;
+}
+
+function internalRemoveData( elem, name, pvt ) {
+	if ( !jQuery.acceptData( elem ) ) {
+		return;
+	}
+
+	var thisCache, i,
+		isNode = elem.nodeType,
+
+		// See jQuery.data for more information
+		cache = isNode ? jQuery.cache : elem,
+		id = isNode ? elem[ jQuery.expando ] : jQuery.expando;
+
+	// If there is already no cache entry for this object, there is no
+	// purpose in continuing
+	if ( !cache[ id ] ) {
+		return;
+	}
+
+	if ( name ) {
+
+		thisCache = pvt ? cache[ id ] : cache[ id ].data;
+
+		if ( thisCache ) {
+
+			// Support array or space separated string names for data keys
+			if ( !jQuery.isArray( name ) ) {
+
+				// try the string as a key before any manipulation
+				if ( name in thisCache ) {
+					name = [ name ];
+				} else {
+
+					// split the camel cased version by spaces unless a key with the spaces exists
+					name = jQuery.camelCase( name );
+					if ( name in thisCache ) {
+						name = [ name ];
+					} else {
+						name = name.split(" ");
+					}
+				}
+			} else {
+				// If "name" is an array of keys...
+				// When data is initially created, via ("key", "val") signature,
+				// keys will be converted to camelCase.
+				// Since there is no way to tell _how_ a key was added, remove
+				// both plain key and camelCase key. #12786
+				// This will only penalize the array argument path.
+				name = name.concat( jQuery.map( name, jQuery.camelCase ) );
+			}
+
+			i = name.length;
+			while ( i-- ) {
+				delete thisCache[ name[i] ];
+			}
+
+			// If there is no data left in the cache, we want to continue
+			// and let the cache object itself get destroyed
+			if ( pvt ? !isEmptyDataObject(thisCache) : !jQuery.isEmptyObject(thisCache) ) {
+				return;
+			}
+		}
+	}
+
+	// See jQuery.data for more information
+	if ( !pvt ) {
+		delete cache[ id ].data;
+
+		// Don't destroy the parent cache unless the internal data object
+		// had been the only thing left in it
+		if ( !isEmptyDataObject( cache[ id ] ) ) {
+			return;
+		}
+	}
+
+	// Destroy the cache
+	if ( isNode ) {
+		jQuery.cleanData( [ elem ], true );
+
+	// Use delete when supported for expandos or `cache` is not a window per isWindow (#10080)
+	/* jshint eqeqeq: false */
+	} else if ( support.deleteExpando || cache != cache.window ) {
+		/* jshint eqeqeq: true */
+		delete cache[ id ];
+
+	// When all else fails, null
+	} else {
+		cache[ id ] = null;
+	}
+}
+
+jQuery.extend({
+	cache: {},
+
+	// The following elements (space-suffixed to avoid Object.prototype collisions)
+	// throw uncatchable exceptions if you attempt to set expando properties
+	noData: {
+		"applet ": true,
+		"embed ": true,
+		// ...but Flash objects (which have this classid) *can* handle expandos
+		"object ": "clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
+	},
+
+	hasData: function( elem ) {
+		elem = elem.nodeType ? jQuery.cache[ elem[jQuery.expando] ] : elem[ jQuery.expando ];
+		return !!elem && !isEmptyDataObject( elem );
+	},
+
+	data: function( elem, name, data ) {
+		return internalData( elem, name, data );
+	},
+
+	removeData: function( elem, name ) {
+		return internalRemoveData( elem, name );
+	},
+
+	// For internal use only.
+	_data: function( elem, name, data ) {
+		return internalData( elem, name, data, true );
+	},
+
+	_removeData: function( elem, name ) {
+		return internalRemoveData( elem, name, true );
+	}
+});
+
+jQuery.fn.extend({
+	data: function( key, value ) {
+		var i, name, data,
+			elem = this[0],
+			attrs = elem && elem.attributes;
+
+		// Special expections of .data basically thwart jQuery.access,
+		// so implement the relevant behavior ourselves
+
+		// Gets all values
+		if ( key === undefined ) {
+			if ( this.length ) {
+				data = jQuery.data( elem );
+
+				if ( elem.nodeType === 1 && !jQuery._data( elem, "parsedAttrs" ) ) {
+					i = attrs.length;
+					while ( i-- ) {
+
+						// Support: IE11+
+						// The attrs elements can be null (#14894)
+						if ( attrs[ i ] ) {
+							name = attrs[ i ].name;
+							if ( name.indexOf( "data-" ) === 0 ) {
+								name = jQuery.camelCase( name.slice(5) );
+								dataAttr( elem, name, data[ name ] );
+							}
+						}
+					}
+					jQuery._data( elem, "parsedAttrs", true );
+				}
+			}
+
+			return data;
+		}
+
+		// Sets multiple values
+		if ( typeof key === "object" ) {
+			return this.each(function() {
+				jQuery.data( this, key );
+			});
+		}
+
+		return arguments.length > 1 ?
+
+			// Sets one value
+			this.each(function() {
+				jQuery.data( this, key, value );
+			}) :
+
+			// Gets one value
+			// Try to fetch any internally stored data first
+			elem ? dataAttr( elem, key, jQuery.data( elem, key ) ) : undefined;
+	},
+
+	removeData: function( key ) {
+		return this.each(function() {
+			jQuery.removeData( this, key );
+		});
+	}
+});
+
+
+jQuery.extend({
+	queue: function( elem, type, data ) {
+		var queue;
+
+		if ( elem ) {
+			type = ( type || "fx" ) + "queue";
+			queue = jQuery._data( elem, type );
+
+			// Speed up dequeue by getting out quickly if this is just a lookup
+			if ( data ) {
+				if ( !queue || jQuery.isArray(data) ) {
+					queue = jQuery._data( elem, type, jQuery.makeArray(data) );
+				} else {
+					queue.push( data );
+				}
+			}
+			return queue || [];
+		}
+	},
+
+	dequeue: function( elem, type ) {
+		type = type || "fx";
+
+		var queue = jQuery.queue( elem, type ),
+			startLength = queue.length,
+			fn = queue.shift(),
+			hooks = jQuery._queueHooks( elem, type ),
+			next = function() {
+				jQuery.dequeue( elem, type );
+			};
+
+		// If the fx queue is dequeued, always remove the progress sentinel
+		if ( fn === "inprogress" ) {
+			fn = queue.shift();
+			startLength--;
+		}
+
+		if ( fn ) {
+
+			// Add a progress sentinel to prevent the fx queue from being
+			// automatically dequeued
+			if ( type === "fx" ) {
+				queue.unshift( "inprogress" );
+			}
+
+			// clear up the last queue stop function
+			delete hooks.stop;
+			fn.call( elem, next, hooks );
+		}
+
+		if ( !startLength && hooks ) {
+			hooks.empty.fire();
+		}
+	},
+
+	// not intended for public consumption - generates a queueHooks object, or returns the current one
+	_queueHooks: function( elem, type ) {
+		var key = type + "queueHooks";
+		return jQuery._data( elem, key ) || jQuery._data( elem, key, {
+			empty: jQuery.Callbacks("once memory").add(function() {
+				jQuery._removeData( elem, type + "queue" );
+				jQuery._removeData( elem, key );
+			})
+		});
+	}
+});
+
+jQuery.fn.extend({
+	queue: function( type, data ) {
+		var setter = 2;
+
+		if ( typeof type !== "string" ) {
+			data = type;
+			type = "fx";
+			setter--;
+		}
+
+		if ( arguments.length < setter ) {
+			return jQuery.queue( this[0], type );
+		}
+
+		return data === undefined ?
+			this :
+			this.each(function() {
+				var queue = jQuery.queue( this, type, data );
+
+				// ensure a hooks for this queue
+				jQuery._queueHooks( this, type );
+
+				if ( type === "fx" && queue[0] !== "inprogress" ) {
+					jQuery.dequeue( this, type );
+				}
+			});
+	},
+	dequeue: function( type ) {
+		return this.each(function() {
+			jQuery.dequeue( this, type );
+		});
+	},
+	clearQueue: function( type ) {
+		return this.queue( type || "fx", [] );
+	},
+	// Get a promise resolved when queues of a certain type
+	// are emptied (fx is the type by default)
+	promise: function( type, obj ) {
+		var tmp,
+			count = 1,
+			defer = jQuery.Deferred(),
+			elements = this,
+			i = this.length,
+			resolve = function() {
+				if ( !( --count ) ) {
+					defer.resolveWith( elements, [ elements ] );
+				}
+			};
+
+		if ( typeof type !== "string" ) {
+			obj = type;
+			type = undefined;
+		}
+		type = type || "fx";
+
+		while ( i-- ) {
+			tmp = jQuery._data( elements[ i ], type + "queueHooks" );
+			if ( tmp && tmp.empty ) {
+				count++;
+				tmp.empty.add( resolve );
+			}
+		}
+		resolve();
+		return defer.promise( obj );
+	}
+});
+var pnum = (/[+-]?(?:\d*\.|)\d+(?:[eE][+-]?\d+|)/).source;
+
+var cssExpand = [ "Top", "Right", "Bottom", "Left" ];
+
+var isHidden = function( elem, el ) {
+		// isHidden might be called from jQuery#filter function;
+		// in that case, element will be second argument
+		elem = el || elem;
+		return jQuery.css( elem, "display" ) === "none" || !jQuery.contains( elem.ownerDocument, elem );
+	};
+
+
+
+// Multifunctional method to get and set values of a collection
+// The value/s can optionally be executed if it's a function
+var access = jQuery.access = function( elems, fn, key, value, chainable, emptyGet, raw ) {
+	var i = 0,
+		length = elems.length,
+		bulk = key == null;
+
+	// Sets many values
+	if ( jQuery.type( key ) === "object" ) {
+		chainable = true;
+		for ( i in key ) {
+			jQuery.access( elems, fn, i, key[i], true, emptyGet, raw );
+		}
+
+	// Sets one value
+	} else if ( value !== undefined ) {
+		chainable = true;
+
+		if ( !jQuery.isFunction( value ) ) {
+			raw = true;
+		}
+
+		if ( bulk ) {
+			// Bulk operations run against the entire set
+			if ( raw ) {
+				fn.call( elems, value );
+				fn = null;
+
+			// ...except when executing function values
+			} else {
+				bulk = fn;
+				fn = function( elem, key, value ) {
+					return bulk.call( jQuery( elem ), value );
+				};
+			}
+		}
+
+		if ( fn ) {
+			for ( ; i < length; i++ ) {
+				fn( elems[i], key, raw ? value : value.call( elems[i], i, fn( elems[i], key ) ) );
+			}
+		}
+	}
+
+	return chainable ?
+		elems :
+
+		// Gets
+		bulk ?
+			fn.call( elems ) :
+			length ? fn( elems[0], key ) : emptyGet;
+};
+var rcheckableType = (/^(?:checkbox|radio)$/i);
+
+
+
+(function() {
+	// Minified: var a,b,c
+	var input = document.createElement( "input" ),
+		div = document.createElement( "div" ),
+		fragment = document.createDocumentFragment();
+
+	// Setup
+	div.innerHTML = "  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>";
+
+	// IE strips leading whitespace when .innerHTML is used
+	support.leadingWhitespace = div.firstChild.nodeType === 3;
+
+	// Make sure that tbody elements aren't automatically inserted
+	// IE will insert them into empty tables
+	support.tbody = !div.getElementsByTagName( "tbody" ).length;
+
+	// Make sure that link elements get serialized correctly by innerHTML
+	// This requires a wrapper element in IE
+	support.htmlSerialize = !!div.getElementsByTagName( "link" ).length;
+
+	// Makes sure cloning an html5 element does not cause problems
+	// Where outerHTML is undefined, this still works
+	support.html5Clone =
+		document.createElement( "nav" ).cloneNode( true ).outerHTML !== "<:nav></:nav>";
+
+	// Check if a disconnected checkbox will retain its checked
+	// value of true after appended to the DOM (IE6/7)
+	input.type = "checkbox";
+	input.checked = true;
+	fragment.appendChild( input );
+	support.appendChecked = input.checked;
+
+	// Make sure textarea (and checkbox) defaultValue is properly cloned
+	// Support: IE6-IE11+
+	div.innerHTML = "<textarea>x</textarea>";
+	support.noCloneChecked = !!div.cloneNode( true ).lastChild.defaultValue;
+
+	// #11217 - WebKit loses check when the name is after the checked attribute
+	fragment.appendChild( div );
+	div.innerHTML = "<input type='radio' checked='checked' name='t'/>";
+
+	// Support: Safari 5.1, iOS 5.1, Android 4.x, Android 2.3
+	// old WebKit doesn't clone checked state correctly in fragments
+	support.checkClone = div.cloneNode( true ).cloneNode( true ).lastChild.checked;
+
+	// Support: IE<9
+	// Opera does not clone events (and typeof div.attachEvent === undefined).
+	// IE9-10 clones events bound via attachEvent, but they don't trigger with .click()
+	support.noCloneEvent = true;
+	if ( div.attachEvent ) {
+		div.attachEvent( "onclick", function() {
+			support.noCloneEvent = false;
+		});
+
+		div.cloneNode( true ).click();
+	}
+
+	// Execute the test only if not already executed in another module.
+	if (support.deleteExpando == null) {
+		// Support: IE<9
+		support.deleteExpando = true;
+		try {
+			delete div.test;
+		} catch( e ) {
+			support.deleteExpando = false;
+		}
+	}
+})();
+
+
+(function() {
+	var i, eventName,
+		div = document.createElement( "div" );
+
+	// Support: IE<9 (lack submit/change bubble), Firefox 23+ (lack focusin event)
+	for ( i in { submit: true, change: true, focusin: true }) {
+		eventName = "on" + i;
+
+		if ( !(support[ i + "Bubbles" ] = eventName in window) ) {
+			// Beware of CSP restrictions (https://developer.mozilla.org/en/Security/CSP)
+			div.setAttribute( eventName, "t" );
+			support[ i + "Bubbles" ] = div.attributes[ eventName ].expando === false;
+		}
+	}
+
+	// Null elements to avoid leaks in IE.
+	div = null;
+})();
+
+
+var rformElems = /^(?:input|select|textarea)$/i,
+	rkeyEvent = /^key/,
+	rmouseEvent = /^(?:mouse|pointer|contextmenu)|click/,
+	rfocusMorph = /^(?:focusinfocus|focusoutblur)$/,
+	rtypenamespace = /^([^.]*)(?:\.(.+)|)$/;
+
+function returnTrue() {
+	return true;
+}
+
+function returnFalse() {
+	return false;
+}
+
+function safeActiveElement() {
+	try {
+		return document.activeElement;
+	} catch ( err ) { }
+}
+
+/*
+ * Helper functions for managing events -- not part of the public interface.
+ * Props to Dean Edwards' addEvent library for many of the ideas.
+ */
+jQuery.event = {
+
+	global: {},
+
+	add: function( elem, types, handler, data, selector ) {
+		var tmp, events, t, handleObjIn,
+			special, eventHandle, handleObj,
+			handlers, type, namespaces, origType,
+			elemData = jQuery._data( elem );
+
+		// Don't attach events to noData or text/comment nodes (but allow plain objects)
+		if ( !elemData ) {
+			return;
+		}
+
+		// Caller can pass in an object of custom data in lieu of the handler
+		if ( handler.handler ) {
+			handleObjIn = handler;
+			handler = handleObjIn.handler;
+			selector = handleObjIn.selector;
+		}
+
+		// Make sure that the handler has a unique ID, used to find/remove it later
+		if ( !handler.guid ) {
+			handler.guid = jQuery.guid++;
+		}
+
+		// Init the element's event structure and main handler, if this is the first
+		if ( !(events = elemData.events) ) {
+			events = elemData.events = {};
+		}
+		if ( !(eventHandle = elemData.handle) ) {
+			eventHandle = elemData.handle = function( e ) {
+				// Discard the second event of a jQuery.event.trigger() and
+				// when an event is called after a page has unloaded
+				return typeof jQuery !== strundefined && (!e || jQuery.event.triggered !== e.type) ?
+					jQuery.event.dispatch.apply( eventHandle.elem, arguments ) :
+					undefined;
+			};
+			// Add elem as a property of the handle fn to prevent a memory leak with IE non-native events
+			eventHandle.elem = elem;
+		}
+
+		// Handle multiple events separated by a space
+		types = ( types || "" ).match( rnotwhite ) || [ "" ];
+		t = types.length;
+		while ( t-- ) {
+			tmp = rtypenamespace.exec( types[t] ) || [];
+			type = origType = tmp[1];
+			namespaces = ( tmp[2] || "" ).split( "." ).sort();
+
+			// There *must* be a type, no attaching namespace-only handlers
+			if ( !type ) {
+				continue;
+			}
+
+			// If event changes its type, use the special event handlers for the changed type
+			special = jQuery.event.special[ type ] || {};
+
+			// If selector defined, determine special event api type, otherwise given type
+			type = ( selector ? special.delegateType : special.bindType ) || type;
+
+			// Update special based on newly reset type
+			special = jQuery.event.special[ type ] || {};
+
+			// handleObj is passed to all event handlers
+			handleObj = jQuery.extend({
+				type: type,
+				origType: origType,
+				data: data,
+				handler: handler,
+				guid: handler.guid,
+				selector: selector,
+				needsContext: selector && jQuery.expr.match.needsContext.test( selector ),
+				namespace: namespaces.join(".")
+			}, handleObjIn );
+
+			// Init the event handler queue if we're the first
+			if ( !(handlers = events[ type ]) ) {
+				handlers = events[ type ] = [];
+				handlers.delegateCount = 0;
+
+				// Only use addEventListener/attachEvent if the special events handler returns false
+				if ( !special.setup || special.setup.call( elem, data, namespaces, eventHandle ) === false ) {
+					// Bind the global event handler to the element
+					if ( elem.addEventListener ) {
+						elem.addEventListener( type, eventHandle, false );
+
+					} else if ( elem.attachEvent ) {
+						elem.attachEvent( "on" + type, eventHandle );
+					}
+				}
+			}
+
+			if ( special.add ) {
+				special.add.call( elem, handleObj );
+
+				if ( !handleObj.handler.guid ) {
+					handleObj.handler.guid = handler.guid;
+				}
+			}
+
+			// Add to the element's handler list, delegates in front
+			if ( selector ) {
+				handlers.splice( handlers.delegateCount++, 0, handleObj );
+			} else {
+				handlers.push( handleObj );
+			}
+
+			// Keep track of which events have ever been used, for event optimization
+			jQuery.event.global[ type ] = true;
+		}
+
+		// Nullify elem to prevent memory leaks in IE
+		elem = null;
+	},
+
+	// Detach an event or set of events from an element
+	remove: function( elem, types, handler, selector, mappedTypes ) {
+		var j, handleObj, tmp,
+			origCount, t, events,
+			special, handlers, type,
+			namespaces, origType,
+			elemData = jQuery.hasData( elem ) && jQuery._data( elem );
+
+		if ( !elemData || !(events = elemData.events) ) {
+			return;
+		}
+
+		// Once for each type.namespace in types; type may be omitted
+		types = ( types || "" ).match( rnotwhite ) || [ "" ];
+		t = types.length;
+		while ( t-- ) {
+			tmp = rtypenamespace.exec( types[t] ) || [];
+			type = origType = tmp[1];
+			namespaces = ( tmp[2] || "" ).split( "." ).sort();
+
+			// Unbind all events (on this namespace, if provided) for the element
+			if ( !type ) {
+				for ( type in events ) {
+					jQuery.event.remove( elem, type + types[ t ], handler, selector, true );
+				}
+				continue;
+			}
+
+			special = jQuery.event.special[ type ] || {};
+			type = ( selector ? special.delegateType : special.bindType ) || type;
+			handlers = events[ type ] || [];
+			tmp = tmp[2] && new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" );
+
+			// Remove matching events
+			origCount = j = handlers.length;
+			while ( j-- ) {
+				handleObj = handlers[ j ];
+
+				if ( ( mappedTypes || origType === handleObj.origType ) &&
+					( !handler || handler.guid === handleObj.guid ) &&
+					( !tmp || tmp.test( handleObj.namespace ) ) &&
+					( !selector || selector === handleObj.selector || selector === "**" && handleObj.selector ) ) {
+					handlers.splice( j, 1 );
+
+					if ( handleObj.selector ) {
+						handlers.delegateCount--;
+					}
+					if ( special.remove ) {
+						special.remove.call( elem, handleObj );
+					}
+				}
+			}
+
+			// Remove generic event handler if we removed something and no more handlers exist
+			// (avoids potential for endless recursion during removal of special event handlers)
+			if ( origCount && !handlers.length ) {
+				if ( !special.teardown || special.teardown.call( elem, namespaces, elemData.handle ) === false ) {
+					jQuery.removeEvent( elem, type, elemData.handle );
+				}
+
+				delete events[ type ];
+			}
+		}
+
+		// Remove the expando if it's no longer used
+		if ( jQuery.isEmptyObject( events ) ) {
+			delete elemData.handle;
+
+			// removeData also checks for emptiness and clears the expando if empty
+			// so use it instead of delete
+			jQuery._removeData( elem, "events" );
+		}
+	},
+
+	trigger: function( event, data, elem, onlyHandlers ) {
+		var handle, ontype, cur,
+			bubbleType, special, tmp, i,
+			eventPath = [ elem || document ],
+			type = hasOwn.call( event, "type" ) ? event.type : event,
+			namespaces = hasOwn.call( event, "namespace" ) ? event.namespace.split(".") : [];
+
+		cur = tmp = elem = elem || document;
+
+		// Don't do events on text and comment nodes
+		if ( elem.nodeType === 3 || elem.nodeType === 8 ) {
+			return;
+		}
+
+		// focus/blur morphs to focusin/out; ensure we're not firing them right now
+		if ( rfocusMorph.test( type + jQuery.event.triggered ) ) {
+			return;
+		}
+
+		if ( type.indexOf(".") >= 0 ) {
+			// Namespaced trigger; create a regexp to match event type in handle()
+			namespaces = type.split(".");
+			type = namespaces.shift();
+			namespaces.sort();
+		}
+		ontype = type.indexOf(":") < 0 && "on" + type;
+
+		// Caller can pass in a jQuery.Event object, Object, or just an event type string
+		event = event[ jQuery.expando ] ?
+			event :
+			new jQuery.Event( type, typeof event === "object" && event );
+
+		// Trigger bitmask: & 1 for native handlers; & 2 for jQuery (always true)
+		event.isTrigger = onlyHandlers ? 2 : 3;
+		event.namespace = namespaces.join(".");
+		event.namespace_re = event.namespace ?
+			new RegExp( "(^|\\.)" + namespaces.join("\\.(?:.*\\.|)") + "(\\.|$)" ) :
+			null;
+
+		// Clean up the event in case it is being reused
+		event.result = undefined;
+		if ( !event.target ) {
+			event.target = elem;
+		}
+
+		// Clone any incoming data and prepend the event, creating the handler arg list
+		data = data == null ?
+			[ event ] :
+			jQuery.makeArray( data, [ event ] );
+
+		// Allow special events to draw outside the lines
+		special = jQuery.event.special[ type ] || {};
+		if ( !onlyHandlers && special.trigger && special.trigger.apply( elem, data ) === false ) {
+			return;
+		}
+
+		// Determine event propagation path in advance, per W3C events spec (#9951)
+		// Bubble up to document, then to window; watch for a global ownerDocument var (#9724)
+		if ( !onlyHandlers && !special.noBubble && !jQuery.isWindow( elem ) ) {
+
+			bubbleType = special.delegateType || type;
+			if ( !rfocusMorph.test( bubbleType + type ) ) {
+				cur = cur.parentNode;
+			}
+			for ( ; cur; cur = cur.parentNode ) {
+				eventPath.push( cur );
+				tmp = cur;
+			}
+
+			// Only add window if we got to document (e.g., not plain obj or detached DOM)
+			if ( tmp === (elem.ownerDocument || document) ) {
+				eventPath.push( tmp.defaultView || tmp.parentWindow || window );
+			}
+		}
+
+		// Fire handlers on the event path
+		i = 0;
+		while ( (cur = eventPath[i++]) && !event.isPropagationStopped() ) {
+
+			event.type = i > 1 ?
+				bubbleType :
+				special.bindType || type;
+
+			// jQuery handler
+			handle = ( jQuery._data( cur, "events" ) || {} )[ event.type ] && jQuery._data( cur, "handle" );
+			if ( handle ) {
+				handle.apply( cur, data );
+			}
+
+			// Native handler
+			handle = ontype && cur[ ontype ];
+			if ( handle && handle.apply && jQuery.acceptData( cur ) ) {
+				event.result = handle.apply( cur, data );
+				if ( event.result === false ) {
+					event.preventDefault();
+				}
+			}
+		}
+		event.type = type;
+
+		// If nobody prevented the default action, do it now
+		if ( !onlyHandlers && !event.isDefaultPrevented() ) {
+
+			if ( (!special._default || special._default.apply( eventPath.pop(), data ) === false) &&
+				jQuery.acceptData( elem ) ) {
+
+				// Call a native DOM method on the target with the same name name as the event.
+				// Can't use an .isFunction() check here because IE6/7 fails that test.
+				// Don't do default actions on window, that's where global variables be (#6170)
+				if ( ontype && elem[ type ] && !jQuery.isWindow( elem ) ) {
+
+					// Don't re-trigger an onFOO event when we call its FOO() method
+					tmp = elem[ ontype ];
+
+					if ( tmp ) {
+						elem[ ontype ] = null;
+					}
+
+					// Prevent re-triggering of the same event, since we already bubbled it above
+					jQuery.event.triggered = type;
+					try {
+						elem[ type ]();
+					} catch ( e ) {
+						// IE<9 dies on focus/blur to hidden element (#1486,#12518)
+						// only reproducible on winXP IE8 native, not IE9 in IE8 mode
+					}
+					jQuery.event.triggered = undefined;
+
+					if ( tmp ) {
+						elem[ ontype ] = tmp;
+					}
+				}
+			}
+		}
+
+		return event.result;
+	},
+
+	dispatch: function( event ) {
+
+		// Make a writable jQuery.Event from the native event object
+		event = jQuery.event.fix( event );
+
+		var i, ret, handleObj, matched, j,
+			handlerQueue = [],
+			args = slice.call( arguments ),
+			handlers = ( jQuery._data( this, "events" ) || {} )[ event.type ] || [],
+			special = jQuery.event.special[ event.type ] || {};
+
+		// Use the fix-ed jQuery.Event rather than the (read-only) native event
+		args[0] = event;
+		event.delegateTarget = this;
+
+		// Call the preDispatch hook for the mapped type, and let it bail if desired
+		if ( special.preDispatch && special.preDispatch.call( this, event ) === false ) {
+			return;
+		}
+
+		// Determine handlers
+		handlerQueue = jQuery.event.handlers.call( this, event, handlers );
+
+		// Run delegates first; they may want to stop propagation beneath us
+		i = 0;
+		while ( (matched = handlerQueue[ i++ ]) && !event.isPropagationStopped() ) {
+			event.currentTarget = matched.elem;
+
+			j = 0;
+			while ( (handleObj = matched.handlers[ j++ ]) && !event.isImmediatePropagationStopped() ) {
+
+				// Triggered event must either 1) have no namespace, or
+				// 2) have namespace(s) a subset or equal to those in the bound event (both can have no namespace).
+				if ( !event.namespace_re || event.namespace_re.test( handleObj.namespace ) ) {
+
+					event.handleObj = handleObj;
+					event.data = handleObj.data;
+
+					ret = ( (jQuery.event.special[ handleObj.origType ] || {}).handle || handleObj.handler )
+							.apply( matched.elem, args );
+
+					if ( ret !== undefined ) {
+						if ( (event.result = ret) === false ) {
+							event.preventDefault();
+							event.stopPropagation();
+						}
+					}
+				}
+			}
+		}
+
+		// Call the postDispatch hook for the mapped type
+		if ( special.postDispatch ) {
+			special.postDispatch.call( this, event );
+		}
+
+		return event.result;
+	},
+
+	handlers: function( event, handlers ) {
+		var sel, handleObj, matches, i,
+			handlerQueue = [],
+			delegateCount = handlers.delegateCount,
+			cur = event.target;
+
+		// Find delegate handlers
+		// Black-hole SVG <use> instance trees (#13180)
+		// Avoid non-left-click bubbling in Firefox (#3861)
+		if ( delegateCount && cur.nodeType && (!event.button || event.type !== "click") ) {
+
+			/* jshint eqeqeq: false */
+			for ( ; cur != this; cur = cur.parentNode || this ) {
+				/* jshint eqeqeq: true */
+
+				// Don't check non-elements (#13208)
+				// Don't process clicks on disabled elements (#6911, #8165, #11382, #11764)
+				if ( cur.nodeType === 1 && (cur.disabled !== true || event.type !== "click") ) {
+					matches = [];
+					for ( i = 0; i < delegateCount; i++ ) {
+						handleObj = handlers[ i ];
+
+						// Don't conflict with Object.prototype properties (#13203)
+						sel = handleObj.selector + " ";
+
+						if ( matches[ sel ] === undefined ) {
+							matches[ sel ] = handleObj.needsContext ?
+								jQuery( sel, this ).index( cur ) >= 0 :
+								jQuery.find( sel, this, null, [ cur ] ).length;
+						}
+						if ( matches[ sel ] ) {
+							matches.push( handleObj );
+						}
+					}
+					if ( matches.length ) {
+						handlerQueue.push({ elem: cur, handlers: matches });
+					}
+				}
+			}
+		}
+
+		// Add the remaining (directly-bound) handlers
+		if ( delegateCount < handlers.length ) {
+			handlerQueue.push({ elem: this, handlers: handlers.slice( delegateCount ) });
+		}
+
+		return handlerQueue;
+	},
+
+	fix: function( event ) {
+		if ( event[ jQuery.expando ] ) {
+			return event;
+		}
+
+		// Create a writable copy of the event object and normalize some properties
+		var i, prop, copy,
+			type = event.type,
+			originalEvent = event,
+			fixHook = this.fixHooks[ type ];
+
+		if ( !fixHook ) {
+			this.fixHooks[ type ] = fixHook =
+				rmouseEvent.test( type ) ? this.mouseHooks :
+				rkeyEvent.test( type ) ? this.keyHooks :
+				{};
+		}
+		copy = fixHook.props ? this.props.concat( fixHook.props ) : this.props;
+
+		event = new jQuery.Event( originalEvent );
+
+		i = copy.length;
+		while ( i-- ) {
+			prop = copy[ i ];
+			event[ prop ] = originalEvent[ prop ];
+		}
+
+		// Support: IE<9
+		// Fix target property (#1925)
+		if ( !event.target ) {
+			event.target = originalEvent.srcElement || document;
+		}
+
+		// Support: Chrome 23+, Safari?
+		// Target should not be a text node (#504, #13143)
+		if ( event.target.nodeType === 3 ) {
+			event.target = event.target.parentNode;
+		}
+
+		// Support: IE<9
+		// For mouse/key events, metaKey==false if it's undefined (#3368, #11328)
+		event.metaKey = !!event.metaKey;
+
+		return fixHook.filter ? fixHook.filter( event, originalEvent ) : event;
+	},
+
+	// Includes some event props shared by KeyEvent and MouseEvent
+	props: "altKey bubbles cancelable ctrlKey currentTarget eventPhase metaKey relatedTarget shiftKey target timeStamp view which".split(" "),
+
+	fixHooks: {},
+
+	keyHooks: {
+		props: "char charCode key keyCode".split(" "),
+		filter: function( event, original ) {
+
+			// Add which for key events
+			if ( event.which == null ) {
+				event.which = original.charCode != null ? original.charCode : original.keyCode;
+			}
+
+			return event;
+		}
+	},
+
+	mouseHooks: {
+		props: "button buttons clientX clientY fromElement offsetX offsetY pageX pageY screenX screenY toElement".split(" "),
+		filter: function( event, original ) {
+			var body, eventDoc, doc,
+				button = original.button,
+				fromElement = original.fromElement;
+
+			// Calculate pageX/Y if missing and clientX/Y available
+			if ( event.pageX == null && original.clientX != null ) {
+				eventDoc = event.target.ownerDocument || document;
+				doc = eventDoc.documentElement;
+				body = eventDoc.body;
+
+				event.pageX = original.clientX + ( doc && doc.scrollLeft || body && body.scrollLeft || 0 ) - ( doc && doc.clientLeft || body && body.clientLeft || 0 );
+				event.pageY = original.clientY + ( doc && doc.scrollTop  || body && body.scrollTop  || 0 ) - ( doc && doc.clientTop  || body && body.clientTop  || 0 );
+			}
+
+			// Add relatedTarget, if necessary
+			if ( !event.relatedTarget && fromElement ) {
+				event.relatedTarget = fromElement === event.target ? original.toElement : fromElement;
+			}
+
+			// Add which for click: 1 === left; 2 === middle; 3 === right
+			// Note: button is not normalized, so don't use it
+			if ( !event.which && button !== undefined ) {
+				event.which = ( button & 1 ? 1 : ( button & 2 ? 3 : ( button & 4 ? 2 : 0 ) ) );
+			}
+
+			return event;
+		}
+	},
+
+	special: {
+		load: {
+			// Prevent triggered image.load events from bubbling to window.load
+			noBubble: true
+		},
+		focus: {
+			// Fire native event if possible so blur/focus sequence is correct
+			trigger: function() {
+				if ( this !== safeActiveElement() && this.focus ) {
+					try {
+						this.focus();
+						return false;
+					} catch ( e ) {
+						// Support: IE<9
+						// If we error on focus to hidden element (#1486, #12518),
+						// let .trigger() run the handlers
+					}
+				}
+			},
+			delegateType: "focusin"
+		},
+		blur: {
+			trigger: function() {
+				if ( this === safeActiveElement() && this.blur ) {
+					this.blur();
+					return false;
+				}
+			},
+			delegateType: "focusout"
+		},
+		click: {
+			// For checkbox, fire native event so checked state will be right
+			trigger: function() {
+				if ( jQuery.nodeName( this, "input" ) && this.type === "checkbox" && this.click ) {
+					this.click();
+					return false;
+				}
+			},
+
+			// For cross-browser consistency, don't fire native .click() on links
+			_default: function( event ) {
+				return jQuery.nodeName( event.target, "a" );
+			}
+		},
+
+		beforeunload: {
+			postDispatch: function( event ) {
+
+				// Support: Firefox 20+
+				// Firefox doesn't alert if the returnValue field is not set.
+				if ( event.result !== undefined && event.originalEvent ) {
+					event.originalEvent.returnValue = event.result;
+				}
+			}
+		}
+	},
+
+	simulate: function( type, elem, event, bubble ) {
+		// Piggyback on a donor event to simulate a different one.
+		// Fake originalEvent to avoid donor's stopPropagation, but if the
+		// simulated event prevents default then we do the same on the donor.
+		var e = jQuery.extend(
+			new jQuery.Event(),
+			event,
+			{
+				type: type,
+				isSimulated: true,
+				originalEvent: {}
+			}
+		);
+		if ( bubble ) {
+			jQuery.event.trigger( e, null, elem );
+		} else {
+			jQuery.event.dispatch.call( elem, e );
+		}
+		if ( e.isDefaultPrevented() ) {
+			event.preventDefault();
+		}
+	}
+};
+
+jQuery.removeEvent = document.removeEventListener ?
+	function( elem, type, handle ) {
+		if ( elem.removeEventListener ) {
+			elem.removeEventListener( type, handle, false );
+		}
+	} :
+	function( elem, type, handle ) {
+		var name = "on" + type;
+
+		if ( elem.detachEvent ) {
+
+			// #8545, #7054, preventing memory leaks for custom events in IE6-8
+			// detachEvent needed property on element, by name of that event, to properly expose it to GC
+			if ( typeof elem[ name ] === strundefined ) {
+				elem[ name ] = null;
+			}
+
+			elem.detachEvent( name, handle );
+		}
+	};
+
+jQuery.Event = function( src, props ) {
+	// Allow instantiation without the 'new' keyword
+	if ( !(this instanceof jQuery.Event) ) {
+		return new jQuery.Event( src, props );
+	}
+
+	// Event object
+	if ( src && src.type ) {
+		this.originalEvent = src;
+		this.type = src.type;
+
+		// Events bubbling up the document may have been marked as prevented
+		// by a handler lower down the tree; reflect the correct value.
+		this.isDefaultPrevented = src.defaultPrevented ||
+				src.defaultPrevented === undefined &&
+				// Support: IE < 9, Android < 4.0
+				src.returnValue === false ?
+			returnTrue :
+			returnFalse;
+
+	// Event type
+	} else {
+		this.type = src;
+	}
+
+	// Put explicitly provided properties onto the event object
+	if ( props ) {
+		jQuery.extend( this, props );
+	}
+
+	// Create a timestamp if incoming event doesn't have one
+	this.timeStamp = src && src.timeStamp || jQuery.now();
+
+	// Mark it as fixed
+	this[ jQuery.expando ] = true;
+};
+
+// jQuery.Event is based on DOM3 Events as specified by the ECMAScript Language Binding
+// http://www.w3.org/TR/2003/WD-DOM-Level-3-Events-20030331/ecma-script-binding.html
+jQuery.Event.prototype = {
+	isDefaultPrevented: returnFalse,
+	isPropagationStopped: returnFalse,
+	isImmediatePropagationStopped: returnFalse,
+
+	preventDefault: function() {
+		var e = this.originalEvent;
+
+		this.isDefaultPrevented = returnTrue;
+		if ( !e ) {
+			return;
+		}
+
+		// If preventDefault exists, run it on the original event
+		if ( e.preventDefault ) {
+			e.preventDefault();
+
+		// Support: IE
+		// Otherwise set the returnValue property of the original event to false
+		} else {
+			e.returnValue = false;
+		}
+	},
+	stopPropagation: function() {
+		var e = this.originalEvent;
+
+		this.isPropagationStopped = returnTrue;
+		if ( !e ) {
+			return;
+		}
+		// If stopPropagation exists, run it on the original event
+		if ( e.stopPropagation ) {
+			e.stopPropagation();
+		}
+
+		// Support: IE
+		// Set the cancelBubble property of the original event to true
+		e.cancelBubble = true;
+	},
+	stopImmediatePropagation: function() {
+		var e = this.originalEvent;
+
+		this.isImmediatePropagationStopped = returnTrue;
+
+		if ( e && e.stopImmediatePropagation ) {
+			e.stopImmediatePropagation();
+		}
+
+		this.stopPropagation();
+	}
+};
+
+// Create mouseenter/leave events using mouseover/out and event-time checks
+jQuery.each({
+	mouseenter: "mouseover",
+	mouseleave: "mouseout",
+	pointerenter: "pointerover",
+	pointerleave: "pointerout"
+}, function( orig, fix ) {
+	jQuery.event.special[ orig ] = {
+		delegateType: fix,
+		bindType: fix,
+
+		handle: function( event ) {
+			var ret,
+				target = this,
+				related = event.relatedTarget,
+				handleObj = event.handleObj;
+
+			// For mousenter/leave call the handler if related is outside the target.
+			// NB: No relatedTarget if the mouse left/entered the browser window
+			if ( !related || (related !== target && !jQuery.contains( target, related )) ) {
+				event.type = handleObj.origType;
+				ret = handleObj.handler.apply( this, arguments );
+				event.type = fix;
+			}
+			return ret;
+		}
+	};
+});
+
+// IE submit delegation
+if ( !support.submitBubbles ) {
+
+	jQuery.event.special.submit = {
+		setup: function() {
+			// Only need this for delegated form submit events
+			if ( jQuery.nodeName( this, "form" ) ) {
+				return false;
+			}
+
+			// Lazy-add a submit handler when a descendant form may potentially be submitted
+			jQuery.event.add( this, "click._submit keypress._submit", function( e ) {
+				// Node name check avoids a VML-related crash in IE (#9807)
+				var elem = e.target,
+					form = jQuery.nodeName( elem, "input" ) || jQuery.nodeName( elem, "button" ) ? elem.form : undefined;
+				if ( form && !jQuery._data( form, "submitBubbles" ) ) {
+					jQuery.event.add( form, "submit._submit", function( event ) {
+						event._submit_bubble = true;
+					});
+					jQuery._data( form, "submitBubbles", true );
+				}
+			});
+			// return undefined since we don't need an event listener
+		},
+
+		postDispatch: function( event ) {
+			// If form was submitted by the user, bubble the event up the tree
+			if ( event._submit_bubble ) {
+				delete event._submit_bubble;
+				if ( this.parentNode && !event.isTrigger ) {
+					jQuery.event.simulate( "submit", this.parentNode, event, true );
+				}
+			}
+		},
+
+		teardown: function() {
+			// Only need this for delegated form submit events
+			if ( jQuery.nodeName( this, "form" ) ) {
+				return false;
+			}
+
+			// Remove delegated handlers; cleanData eventually reaps submit handlers attached above
+			jQuery.event.remove( this, "._submit" );
+		}
+	};
+}
+
+// IE change delegation and checkbox/radio fix
+if ( !support.changeBubbles ) {
+
+	jQuery.event.special.change = {
+
+		setup: function() {
+
+			if ( rformElems.test( this.nodeName ) ) {
+				// IE doesn't fire change on a check/radio until blur; trigger it on click
+				// after a propertychange. Eat the blur-change in special.change.handle.
+				// This still fires onchange a second time for check/radio after blur.
+				if ( this.type === "checkbox" || this.type === "radio" ) {
+					jQuery.event.add( this, "propertychange._change", function( event ) {
+						if ( event.originalEvent.propertyName === "checked" ) {
+							this._just_changed = true;
+						}
+					});
+					jQuery.event.add( this, "click._change", function( event ) {
+						if ( this._just_changed && !event.isTrigger ) {
+							this._just_changed = false;
+						}
+						// Allow triggered, simulated change events (#11500)
+						jQuery.event.simulate( "change", this, event, true );
+					});
+				}
+				return false;
+			}
+			// Delegated event; lazy-add a change handler on descendant inputs
+			jQuery.event.add( this, "beforeactivate._change", function( e ) {
+				var elem = e.target;
+
+				if ( rformElems.test( elem.nodeName ) && !jQuery._data( elem, "changeBubbles" ) ) {
+					jQuery.event.add( elem, "change._change", function( event ) {
+						if ( this.parentNode && !event.isSimulated && !event.isTrigger ) {
+							jQuery.event.simulate( "change", this.parentNode, event, true );
+						}
+					});
+					jQuery._data( elem, "changeBubbles", true );
+				}
+			});
+		},
+
+		handle: function( event ) {
+			var elem = event.target;
+
+			// Swallow native change events from checkbox/radio, we already triggered them above
+			if ( this !== elem || event.isSimulated || event.isTrigger || (elem.type !== "radio" && elem.type !== "checkbox") ) {
+				return event.handleObj.handler.apply( this, arguments );
+			}
+		},
+
+		teardown: function() {
+			jQuery.event.remove( this, "._change" );
+
+			return !rformElems.test( this.nodeName );
+		}
+	};
+}
+
+// Create "bubbling" focus and blur events
+if ( !support.focusinBubbles ) {
+	jQuery.each({ focus: "focusin", blur: "focusout" }, function( orig, fix ) {
+
+		// Attach a single capturing handler on the document while someone wants focusin/focusout
+		var handler = function( event ) {
+				jQuery.event.simulate( fix, event.target, jQuery.event.fix( event ), true );
+			};
+
+		jQuery.event.special[ fix ] = {
+			setup: function() {
+				var doc = this.ownerDocument || this,
+					attaches = jQuery._data( doc, fix );
+
+				if ( !attaches ) {
+					doc.addEventListener( orig, handler, true );
+				}
+				jQuery._data( doc, fix, ( attaches || 0 ) + 1 );
+			},
+			teardown: function() {
+				var doc = this.ownerDocument || this,
+					attaches = jQuery._data( doc, fix ) - 1;
+
+				if ( !attaches ) {
+					doc.removeEventListener( orig, handler, true );
+					jQuery._removeData( doc, fix );
+				} else {
+					jQuery._data( doc, fix, attaches );
+				}
+			}
+		};
+	});
+}
+
+jQuery.fn.extend({
+
+	on: function( types, selector, data, fn, /*INTERNAL*/ one ) {
+		var type, origFn;
+
+		// Types can be a map of types/handlers
+		if ( typeof types === "object" ) {
+			// ( types-Object, selector, data )
+			if ( typeof selector !== "string" ) {
+				// ( types-Object, data )
+				data = data || selector;
+				selector = undefined;
+			}
+			for ( type in types ) {
+				this.on( type, selector, data, types[ type ], one );
+			}
+			return this;
+		}
+
+		if ( data == null && fn == null ) {
+			// ( types, fn )
+			fn = selector;
+			data = selector = undefined;
+		} else if ( fn == null ) {
+			if ( typeof selector === "string" ) {
+				// ( types, selector, fn )
+				fn = data;
+				data = undefined;
+			} else {
+				// ( types, data, fn )
+				fn = data;
+				data = selector;
+				selector = undefined;
+			}
+		}
+		if ( fn === false ) {
+			fn = returnFalse;
+		} else if ( !fn ) {
+			return this;
+		}
+
+		if ( one === 1 ) {
+			origFn = fn;
+			fn = function( event ) {
+				// Can use an empty set, since event contains the info
+				jQuery().off( event );
+				return origFn.apply( this, arguments );
+			};
+			// Use same guid so caller can remove using origFn
+			fn.guid = origFn.guid || ( origFn.guid = jQuery.guid++ );
+		}
+		return this.each( function() {
+			jQuery.event.add( this, types, fn, data, selector );
+		});
+	},
+	one: function( types, selector, data, fn ) {
+		return this.on( types, selector, data, fn, 1 );
+	},
+	off: function( types, selector, fn ) {
+		var handleObj, type;
+		if ( types && types.preventDefault && types.handleObj ) {
+			// ( event )  dispatched jQuery.Event
+			handleObj = types.handleObj;
+			jQuery( types.delegateTarget ).off(
+				handleObj.namespace ? handleObj.origType + "." + handleObj.namespace : handleObj.origType,
+				handleObj.selector,
+				handleObj.handler
+			);
+			return this;
+		}
+		if ( typeof types === "object" ) {
+			// ( types-object [, selector] )
+			for ( type in types ) {
+				this.off( type, selector, types[ type ] );
+			}
+			return this;
+		}
+		if ( selector === false || typeof selector === "function" ) {
+			// ( types [, fn] )
+			fn = selector;
+			selector = undefined;
+		}
+		if ( fn === false ) {
+			fn = returnFalse;
+		}
+		return this.each(function() {
+			jQuery.event.remove( this, types, fn, selector );
+		});
+	},
+
+	trigger: function( type, data ) {
+		return this.each(function() {
+			jQuery.event.trigger( type, data, this );
+		});
+	},
+	triggerHandler: function( type, data ) {
+		var elem = this[0];
+		if ( elem ) {
+			return jQuery.event.trigger( type, data, elem, true );
+		}
+	}
+});
+
+
+function createSafeFragment( document ) {
+	var list = nodeNames.split( "|" ),
+		safeFrag = document.createDocumentFragment();
+
+	if ( safeFrag.createElement ) {
+		while ( list.length ) {
+			safeFrag.createElement(
+				list.pop()
+			);
+		}
+	}
+	return safeFrag;
+}
+
+var nodeNames = "abbr|article|aside|audio|bdi|canvas|data|datalist|details|figcaption|figure|footer|" +
+		"header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",
+	rinlinejQuery = / jQuery\d+="(?:null|\d+)"/g,
+	rnoshimcache = new RegExp("<(?:" + nodeNames + ")[\\s/>]", "i"),
+	rleadingWhitespace = /^\s+/,
+	rxhtmlTag = /<(?!area|br|col|embed|hr|img|input|link|meta|param)(([\w:]+)[^>]*)\/>/gi,
+	rtagName = /<([\w:]+)/,
+	rtbody = /<tbody/i,
+	rhtml = /<|&#?\w+;/,
+	rnoInnerhtml = /<(?:script|style|link)/i,
+	// checked="checked" or checked
+	rchecked = /checked\s*(?:[^=]|=\s*.checked.)/i,
+	rscriptType = /^$|\/(?:java|ecma)script/i,
+	rscriptTypeMasked = /^true\/(.*)/,
+	rcleanScript = /^\s*<!(?:\[CDATA\[|--)|(?:\]\]|--)>\s*$/g,
+
+	// We have to close these tags to support XHTML (#13200)
+	wrapMap = {
+		option: [ 1, "<select multiple='multiple'>", "</select>" ],
+		legend: [ 1, "<fieldset>", "</fieldset>" ],
+		area: [ 1, "<map>", "</map>" ],
+		param: [ 1, "<object>", "</object>" ],
+		thead: [ 1, "<table>", "</table>" ],
+		tr: [ 2, "<table><tbody>", "</tbody></table>" ],
+		col: [ 2, "<table><tbody></tbody><colgroup>", "</colgroup></table>" ],
+		td: [ 3, "<table><tbody><tr>", "</tr></tbody></table>" ],
+
+		// IE6-8 can't serialize link, script, style, or any html5 (NoScope) tags,
+		// unless wrapped in a div with non-breaking characters in front of it.
+		_default: support.htmlSerialize ? [ 0, "", "" ] : [ 1, "X<div>", "</div>"  ]
+	},
+	safeFragment = createSafeFragment( document ),
+	fragmentDiv = safeFragment.appendChild( document.createElement("div") );
+
+wrapMap.optgroup = wrapMap.option;
+wrapMap.tbody = wrapMap.tfoot = wrapMap.colgroup = wrapMap.caption = wrapMap.thead;
+wrapMap.th = wrapMap.td;
+
+function getAll( context, tag ) {
+	var elems, elem,
+		i = 0,
+		found = typeof context.getElementsByTagName !== strundefined ? context.getElementsByTagName( tag || "*" ) :
+			typeof context.querySelectorAll !== strundefined ? context.querySelectorAll( tag || "*" ) :
+			undefined;
+
+	if ( !found ) {
+		for ( found = [], elems = context.childNodes || context; (elem = elems[i]) != null; i++ ) {
+			if ( !tag || jQuery.nodeName( elem, tag ) ) {
+				found.push( elem );
+			} else {
+				jQuery.merge( found, getAll( elem, tag ) );
+			}
+		}
+	}
+
+	return tag === undefined || tag && jQuery.nodeName( context, tag ) ?
+		jQuery.merge( [ context ], found ) :
+		found;
+}
+
+// Used in buildFragment, fixes the defaultChecked property
+function fixDefaultChecked( elem ) {
+	if ( rcheckableType.test( elem.type ) ) {
+		elem.defaultChecked = elem.checked;
+	}
+}
+
+// Support: IE<8
+// Manipulating tables requires a tbody
+function manipulationTarget( elem, content ) {
+	return jQuery.nodeName( elem, "table" ) &&
+		jQuery.nodeName( content.nodeType !== 11 ? content : content.firstChild, "tr" ) ?
+
+		elem.getElementsByTagName("tbody")[0] ||
+			elem.appendChild( elem.ownerDocument.createElement("tbody") ) :
+		elem;
+}
+
+// Replace/restore the type attribute of script elements for safe DOM manipulation
+function disableScript( elem ) {
+	elem.type = (jQuery.find.attr( elem, "type" ) !== null) + "/" + elem.type;
+	return elem;
+}
+function restoreScript( elem ) {
+	var match = rscriptTypeMasked.exec( elem.type );
+	if ( match ) {
+		elem.type = match[1];
+	} else {
+		elem.removeAttribute("type");
+	}
+	return elem;
+}
+
+// Mark scripts as having already been evaluated
+function setGlobalEval( elems, refElements ) {
+	var elem,
+		i = 0;
+	for ( ; (elem = elems[i]) != null; i++ ) {
+		jQuery._data( elem, "globalEval", !refElements || jQuery._data( refElements[i], "globalEval" ) );
+	}
+}
+
+function cloneCopyEvent( src, dest ) {
+
+	if ( dest.nodeType !== 1 || !jQuery.hasData( src ) ) {
+		return;
+	}
+
+	var type, i, l,
+		oldData = jQuery._data( src ),
+		curData = jQuery._data( dest, oldData ),
+		events = oldData.events;
+
+	if ( events ) {
+		delete curData.handle;
+		curData.events = {};
+
+		for ( type in events ) {
+			for ( i = 0, l = events[ type ].length; i < l; i++ ) {
+				jQuery.event.add( dest, type, events[ type ][ i ] );
+			}
+		}
+	}
+
+	// make the cloned public data object a copy from the original
+	if ( curData.data ) {
+		curData.data = jQuery.extend( {}, curData.data );
+	}
+}
+
+function fixCloneNodeIssues( src, dest ) {
+	var nodeName, e, data;
+
+	// We do not need to do anything for non-Elements
+	if ( dest.nodeType !== 1 ) {
+		return;
+	}
+
+	nodeName = dest.nodeName.toLowerCase();
+
+	// IE6-8 copies events bound via attachEvent when using cloneNode.
+	if ( !support.noCloneEvent && dest[ jQuery.expando ] ) {
+		data = jQuery._data( dest );
+
+		for ( e in data.events ) {
+			jQuery.removeEvent( dest, e, data.handle );
+		}
+
+		// Event data gets referenced instead of copied if the expando gets copied too
+		dest.removeAttribute( jQuery.expando );
+	}
+
+	// IE blanks contents when cloning scripts, and tries to evaluate newly-set text
+	if ( nodeName === "script" && dest.text !== src.text ) {
+		disableScript( dest ).text = src.text;
+		restoreScript( dest );
+
+	// IE6-10 improperly clones children of object elements using classid.
+	// IE10 throws NoModificationAllowedError if parent is null, #12132.
+	} else if ( nodeName === "object" ) {
+		if ( dest.parentNode ) {
+			dest.outerHTML = src.outerHTML;
+		}
+
+		// This path appears unavoidable for IE9. When cloning an object
+		// element in IE9, the outerHTML strategy above is not sufficient.
+		// If the src has innerHTML and the destination does not,
+		// copy the src.innerHTML into the dest.innerHTML. #10324
+		if ( support.html5Clone && ( src.innerHTML && !jQuery.trim(dest.innerHTML) ) ) {
+			dest.innerHTML = src.innerHTML;
+		}
+
+	} else if ( nodeName === "input" && rcheckableType.test( src.type ) ) {
+		// IE6-8 fails to persist the checked state of a cloned checkbox
+		// or radio button. Worse, IE6-7 fail to give the cloned element
+		// a checked appearance if the defaultChecked value isn't also set
+
+		dest.defaultChecked = dest.checked = src.checked;
+
+		// IE6-7 get confused and end up setting the value of a cloned
+		// checkbox/radio button to an empty string instead of "on"
+		if ( dest.value !== src.value ) {
+			dest.value = src.value;
+		}
+
+	// IE6-8 fails to return the selected option to the default selected
+	// state when cloning options
+	} else if ( nodeName === "option" ) {
+		dest.defaultSelected = dest.selected = src.defaultSelected;
+
+	// IE6-8 fails to set the defaultValue to the correct value when
+	// cloning other types of input fields
+	} else if ( nodeName === "input" || nodeName === "textarea" ) {
+		dest.defaultValue = src.defaultValue;
+	}
+}
+
+jQuery.extend({
+	clone: function( elem, dataAndEvents, deepDataAndEvents ) {
+		var destElements, node, clone, i, srcElements,
+			inPage = jQuery.contains( elem.ownerDocument, elem );
+
+		if ( support.html5Clone || jQuery.isXMLDoc(elem) || !rnoshimcache.test( "<" + elem.nodeName + ">" ) ) {
+			clone = elem.cloneNode( true );
+
+		// IE<=8 does not properly clone detached, unknown element nodes
+		} else {
+			fragmentDiv.innerHTML = elem.outerHTML;
+			fragmentDiv.removeChild( clone = fragmentDiv.firstChild );
+		}
+
+		if ( (!support.noCloneEvent || !support.noCloneChecked) &&
+				(elem.nodeType === 1 || elem.nodeType === 11) && !jQuery.isXMLDoc(elem) ) {
+
+			// We eschew Sizzle here for performance reasons: http://jsperf.com/getall-vs-sizzle/2
+			destElements = getAll( clone );
+			srcElements = getAll( elem );
+
+			// Fix all IE cloning issues
+			for ( i = 0; (node = srcElements[i]) != null; ++i ) {
+				// Ensure that the destination node is not null; Fixes #9587
+				if ( destElements[i] ) {
+					fixCloneNodeIssues( node, destElements[i] );
+				}
+			}
+		}
+
+		// Copy the events from the original to the clone
+		if ( dataAndEvents ) {
+			if ( deepDataAndEvents ) {
+				srcElements = srcElements || getAll( elem );
+				destElements = destElements || getAll( clone );
+
+				for ( i = 0; (node = srcElements[i]) != null; i++ ) {
+					cloneCopyEvent( node, destElements[i] );
+				}
+			} else {
+				cloneCopyEvent( elem, clone );
+			}
+		}
+
+		// Preserve script evaluation history
+		destElements = getAll( clone, "script" );
+		if ( destElements.length > 0 ) {
+			setGlobalEval( destElements, !inPage && getAll( elem, "script" ) );
+		}
+
+		destElements = srcElements = node = null;
+
+		// Return the cloned set
+		return clone;
+	},
+
+	buildFragment: function( elems, context, scripts, selection ) {
+		var j, elem, contains,
+			tmp, tag, tbody, wrap,
+			l = elems.length,
+
+			// Ensure a safe fragment
+			safe = createSafeFragment( context ),
+
+			nodes = [],
+			i = 0;
+
+		for ( ; i < l; i++ ) {
+			elem = elems[ i ];
+
+			if ( elem || elem === 0 ) {
+
+				// Add nodes directly
+				if ( jQuery.type( elem ) === "object" ) {
+					jQuery.merge( nodes, elem.nodeType ? [ elem ] : elem );
+
+				// Convert non-html into a text node
+				} else if ( !rhtml.test( elem ) ) {
+					nodes.push( context.createTextNode( elem ) );
+
+				// Convert html into DOM nodes
+				} else {
+					tmp = tmp || safe.appendChild( context.createElement("div") );
+
+					// Deserialize a standard representation
+					tag = (rtagName.exec( elem ) || [ "", "" ])[ 1 ].toLowerCase();
+					wrap = wrapMap[ tag ] || wrapMap._default;
+
+					tmp.innerHTML = wrap[1] + elem.replace( rxhtmlTag, "<$1></$2>" ) + wrap[2];
+
+					// Descend through wrappers to the right content
+					j = wrap[0];
+					while ( j-- ) {
+						tmp = tmp.lastChild;
+					}
+
+					// Manually add leading whitespace removed by IE
+					if ( !support.leadingWhitespace && rleadingWhitespace.test( elem ) ) {
+						nodes.push( context.createTextNode( rleadingWhitespace.exec( elem )[0] ) );
+					}
+
+					// Remove IE's autoinserted <tbody> from table fragments
+					if ( !support.tbody ) {
+
+						// String was a <table>, *may* have spurious <tbody>
+						elem = tag === "table" && !rtbody.test( elem ) ?
+							tmp.firstChild :
+
+							// String was a bare <thead> or <tfoot>
+							wrap[1] === "<table>" && !rtbody.test( elem ) ?
+								tmp :
+								0;
+
+						j = elem && elem.childNodes.length;
+						while ( j-- ) {
+							if ( jQuery.nodeName( (tbody = elem.childNodes[j]), "tbody" ) && !tbody.childNodes.length ) {
+								elem.removeChild( tbody );
+							}
+						}
+					}
+
+					jQuery.merge( nodes, tmp.childNodes );
+
+					// Fix #12392 for WebKit and IE > 9
+					tmp.textContent = "";
+
+					// Fix #12392 for oldIE
+					while ( tmp.firstChild ) {
+						tmp.removeChild( tmp.firstChild );
+					}
+
+					// Remember the top-level container for proper cleanup
+					tmp = safe.lastChild;
+				}
+			}
+		}
+
+		// Fix #11356: Clear elements from fragment
+		if ( tmp ) {
+			safe.removeChild( tmp );
+		}
+
+		// Reset defaultChecked for any radios and checkboxes
+		// about to be appended to the DOM in IE 6/7 (#8060)
+		if ( !support.appendChecked ) {
+			jQuery.grep( getAll( nodes, "input" ), fixDefaultChecked );
+		}
+
+		i = 0;
+		while ( (elem = nodes[ i++ ]) ) {
+
+			// #4087 - If origin and destination elements are the same, and this is
+			// that element, do not do anything
+			if ( selection && jQuery.inArray( elem, selection ) !== -1 ) {
+				continue;
+			}
+
+			contains = jQuery.contains( elem.ownerDocument, elem );
+
+			// Append to fragment
+			tmp = getAll( safe.appendChild( elem ), "script" );
+
+			// Preserve script evaluation history
+			if ( contains ) {
+				setGlobalEval( tmp );
+			}
+
+			// Capture executables
+			if ( scripts ) {
+				j = 0;
+				while ( (elem = tmp[ j++ ]) ) {
+					if ( rscriptType.test( elem.type || "" ) ) {
+						scripts.push( elem );
+					}
+				}
+			}
+		}
+
+		tmp = null;
+
+		return safe;
+	},
+
+	cleanData: function( elems, /* internal */ acceptData ) {
+		var elem, type, id, data,
+			i = 0,
+			internalKey = jQuery.expando,
+			cache = jQuery.cache,
+			deleteExpando = support.deleteExpando,
+			special = jQuery.event.special;
+
+		for ( ; (elem = elems[i]) != null; i++ ) {
+			if ( acceptData || jQuery.acceptData( elem ) ) {
+
+				id = elem[ internalKey ];
+				data = id && cache[ id ];
+
+				if ( data ) {
+					if ( data.events ) {
+						for ( type in data.events ) {
+							if ( special[ type ] ) {
+								jQuery.event.remove( elem, type );
+
+							// This is a shortcut to avoid jQuery.event.remove's overhead
+							} else {
+								jQuery.removeEvent( elem, type, data.handle );
+							}
+						}
+					}
+
+					// Remove cache only if it was not already removed by jQuery.event.remove
+					if ( cache[ id ] ) {
+
+						delete cache[ id ];
+
+						// IE does not allow us to delete expando properties from nodes,
+						// nor does it have a removeAttribute function on Document nodes;
+						// we must handle all of these cases
+						if ( deleteExpando ) {
+							delete elem[ internalKey ];
+
+						} else if ( typeof elem.removeAttribute !== strundefined ) {
+							elem.removeAttribute( internalKey );
+
+						} else {
+							elem[ internalKey ] = null;
+						}
+
+						deletedIds.push( id );
+					}
+				}
+			}
+		}
+	}
+});
+
+jQuery.fn.extend({
+	text: function( value ) {
+		return access( this, function( value ) {
+			return value === undefined ?
+				jQuery.text( this ) :
+				this.empty().append( ( this[0] && this[0].ownerDocument || document ).createTextNode( value ) );
+		}, null, value, arguments.length );
+	},
+
+	append: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+				var target = manipulationTarget( this, elem );
+				target.appendChild( elem );
+			}
+		});
+	},
+
+	prepend: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.nodeType === 1 || this.nodeType === 11 || this.nodeType === 9 ) {
+				var target = manipulationTarget( this, elem );
+				target.insertBefore( elem, target.firstChild );
+			}
+		});
+	},
+
+	before: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.parentNode ) {
+				this.parentNode.insertBefore( elem, this );
+			}
+		});
+	},
+
+	after: function() {
+		return this.domManip( arguments, function( elem ) {
+			if ( this.parentNode ) {
+				this.parentNode.insertBefore( elem, this.nextSibling );
+			}
+		});
+	},
+
+	remove: function( selector, keepData /* Internal Use Only */ ) {
+		var elem,
+			elems = selector ? jQuery.filter( selector, this ) : this,
+			i = 0;
+
+		for ( ; (elem = elems[i]) != null; i++ ) {
+
+			if ( !keepData && elem.nodeType === 1 ) {
+				jQuery.cleanData( getAll( elem ) );
+			}
+
+			if ( elem.parentNode ) {
+				if ( keepData && jQuery.contains( elem.ownerDocument, elem ) ) {
+					setGlobalEval( getAll( elem, "script" ) );
+				}
+				elem.parentNode.removeChild( elem );
+			}
+		}
+
+		return this;
+	},
+
+	empty: function() {
+		var elem,
+			i = 0;
+
+		for ( ; (elem = this[i]) != null; i++ ) {
+			// Remove element nodes and prevent memory leaks
+			if ( elem.nodeType === 1 ) {
+				jQuery.cleanData( getAll( elem, false ) );
+			}
+
+			// Remove any remaining nodes
+			while ( elem.firstChild ) {
+				elem.removeChild( elem.firstChild );
+			}
+
+			// If this is a select, ensure that it displays empty (#12336)
+			// Support: IE<9
+			if ( elem.options && jQuery.nodeName( elem, "select" ) ) {
+				elem.options.length = 0;
+			}
+		}
+
+		return this;
+	},
+
+	clone: function( dataAndEvents, deepDataAndEvents ) {
+		dataAndEvents = dataAndEvents == null ? false : dataAndEvents;
+		deepDataAndEvents = deepDataAndEvents == null ? dataAndEvents : deepDataAndEvents;
+
+		return this.map(function() {
+			return jQuery.clone( this, dataAndEvents, deepDataAndEvents );
+		});
+	},
+
+	html: function( value ) {
+		return access( this, function( value ) {
+			var elem = this[ 0 ] || {},
+				i = 0,
+				l = this.length;
+
+			if ( value === undefined ) {
+				return elem.nodeType === 1 ?
+					elem.innerHTML.replace( rinlinejQuery, "" ) :
+					undefined;
+			}
+
+			// See if we can take a shortcut and just use innerHTML
+			if ( typeof value === "string" && !rnoInnerhtml.test( value ) &&
+				( support.htmlSerialize || !rnoshimcache.test( value )  ) &&
+				( support.leadingWhitespace || !rleadingWhitespace.test( value ) ) &&
+				!wrapMap[ (rtagName.exec( value ) || [ "", "" ])[ 1 ].toLowerCase() ] ) {
+
+				value = value.replace( rxhtmlTag, "<$1></$2>" );
+
+				try {
+					for (; i < l; i++ ) {
+						// Remove element nodes and prevent memory leaks
+						elem = this[i] || {};
+						if ( elem.nodeType === 1 ) {
+							jQuery.cleanData( getAll( elem, false ) );
+							elem.innerHTML = value;
+						}
+					}
+
+					elem = 0;
+
+				// If using innerHTML throws an exception, use the fallback method
+				} catch(e) {}
+			}
+
+			if ( elem ) {
+				this.empty().append( value );
+			}
+		}, null, value, arguments.length );
+	},
+
+	replaceWith: function() {
+		var arg = arguments[ 0 ];
+
+		// Make the changes, replacing each context element with the new content
+		this.domManip( arguments, function( elem ) {
+			arg = this.parentNode;
+
+			jQuery.cleanData( getAll( this ) );
+
+			if ( arg ) {
+				arg.replaceChild( elem, this );
+			}
+		});
+
+		// Force removal if there was no new content (e.g., from empty arguments)
+		return arg && (arg.length || arg.nodeType) ? this : this.remove();
+	},
+
+	detach: function( selector ) {
+		return this.remove( selector, true );
+	},
+
+	domManip: function( args, callback ) {
+
+		// Flatten any nested arrays
+		args = concat.apply( [], args );
+
+		var first, node, hasScripts,
+			scripts, doc, fragment,
+			i = 0,
+			l = this.length,
+			set = this,
+			iNoClone = l - 1,
+			value = args[0],
+			isFunction = jQuery.isFunction( value );
+
+		// We can't cloneNode fragments that contain checked, in WebKit
+		if ( isFunction ||
+				( l > 1 && typeof value === "string" &&
+					!support.checkClone && rchecked.test( value ) ) ) {
+			return this.each(function( index ) {
+				var self = set.eq( index );
+				if ( isFunction ) {
+					args[0] = value.call( this, index, self.html() );
+				}
+				self.domManip( args, callback );
+			});
+		}
+
+		if ( l ) {
+			fragment = jQuery.buildFragment( args, this[ 0 ].ownerDocument, false, this );
+			first = fragment.firstChild;
+
+			if ( fragment.childNodes.length === 1 ) {
+				fragment = first;
+			}
+
+			if ( first ) {
+				scripts = jQuery.map( getAll( fragment, "script" ), disableScript );
+				hasScripts = scripts.length;
+
+				// Use the original fragment for the last item instead of the first because it can end up
+				// being emptied incorrectly in certain situations (#8070).
+				for ( ; i < l; i++ ) {
+					node = fragment;
+
+					if ( i !== iNoClone ) {
+						node = jQuery.clone( node, true, true );
+
+						// Keep references to cloned scripts for later restoration
+						if ( hasScripts ) {
+							jQuery.merge( scripts, getAll( node, "script" ) );
+						}
+					}
+
+					callback.call( this[i], node, i );
+				}
+
+				if ( hasScripts ) {
+					doc = scripts[ scripts.length - 1 ].ownerDocument;
+
+					// Reenable scripts
+					jQuery.map( scripts, restoreScript );
+
+					// Evaluate executable scripts on first document insertion
+					for ( i = 0; i < hasScripts; i++ ) {
+						node = scripts[ i ];
+						if ( rscriptType.test( node.type || "" ) &&
+							!jQuery._data( node, "globalEval" ) && jQuery.contains( doc, node ) ) {
+
+							if ( node.src ) {
+								// Optional AJAX dependency, but won't run scripts if not present
+								if ( jQuery._evalUrl ) {
+									jQuery._evalUrl( node.src );
+								}
+							} else {
+								jQuery.globalEval( ( node.text || node.textContent || node.innerHTML || "" ).replace( rcleanScript, "" ) );
+							}
+						}
+					}
+				}
+
+				// Fix #11809: Avoid leaking memory
+				fragment = first = null;
+			}
+		}
+
+		return this;
+	}
+});
+
+jQuery.each({
+	appendTo: "append",
+	prependTo: "prepend",
+	insertBefore: "before",
+	insertAfter: "after",
+	replaceAll: "replaceWith"
+}, function( name, original ) {
+	jQuery.fn[ name ] = function( selector ) {
+		var elems,
+			i = 0,
+			ret = [],
+			insert = jQuery( selector ),
+			last = insert.length - 1;
+
+		for ( ; i <= last; i++ ) {
+			elems = i === last ? this : this.clone(true);
+			jQuery( insert[i] )[ original ]( elems );
+
+			// Modern browsers can apply jQuery collections as arrays, but oldIE needs a .get()
+			push.apply( ret, elems.get() );
+		}
+
+		return this.pushStack( ret );
+	};
+});
+
+
+var iframe,
+	elemdisplay = {};
+
+/**
+ * Retrieve the actual display of a element
+ * @param {String} name nodeName of the element
+ * @param {Object} doc Document object
+ */
+// Called only from within defaultDisplay
+function actualDisplay( name, doc ) {
+	var style,
+		elem = jQuery( doc.createElement( name ) ).appendTo( doc.body ),
+
+		// getDefaultComputedStyle might be reliably used only on attached element
+		display = window.getDefaultComputedStyle && ( style = window.getDefaultComputedStyle( elem[ 0 ] ) ) ?
+
+			// Use of this method is a temporary fix (more like optmization) until something better comes along,
+			// since it was removed from specification and supported only in FF
+			style.display : jQuery.css( elem[ 0 ], "display" );
+
+	// We don't have any data stored on the element,
+	// so use "detach" method as fast way to get rid of the element
+	elem.detach();
+
+	return display;
+}
+
+/**
+ * Try to determine the default display value of an element
+ * @param {String} nodeName
+ */
+function defaultDisplay( nodeName ) {
+	var doc = document,
+		display = elemdisplay[ nodeName ];
+
+	if ( !display ) {
+		display = actualDisplay( nodeName, doc );
+
+		// If the simple way fails, read from inside an iframe
+		if ( display === "none" || !display ) {
+
+			// Use the already-created iframe if possible
+			iframe = (iframe || jQuery( "<iframe frameborder='0' width='0' height='0'/>" )).appendTo( doc.documentElement );
+
+			// Always write a new HTML skeleton so Webkit and Firefox don't choke on reuse
+			doc = ( iframe[ 0 ].contentWindow || iframe[ 0 ].contentDocument ).document;
+
+			// Support: IE
+			doc.write();
+			doc.close();
+
+			display = actualDisplay( nodeName, doc );
+			iframe.detach();
+		}
+
+		// Store the correct default display
+		elemdisplay[ nodeName ] = display;
+	}
+
+	return display;
+}
+
+
+(function() {
+	var shrinkWrapBlocksVal;
+
+	support.shrinkWrapBlocks = function() {
+		if ( shrinkWrapBlocksVal != null ) {
+			return shrinkWrapBlocksVal;
+		}
+
+		// Will be changed later if needed.
+		shrinkWrapBlocksVal = false;
+
+		// Minified: var b,c,d
+		var div, body, container;
+
+		body = document.getElementsByTagName( "body" )[ 0 ];
+		if ( !body || !body.style ) {
+			// Test fired too early or in an unsupported environment, exit.
+			return;
+		}
+
+		// Setup
+		div = document.createElement( "div" );
+		container = document.createElement( "div" );
+		container.style.cssText = "position:absolute;border:0;width:0;height:0;top:0;left:-9999px";
+		body.appendChild( container ).appendChild( div );
+
+		// Support: IE6
+		// Check if elements with layout shrink-wrap their children
+		if ( typeof div.style.zoom !== strundefined ) {
+			// Reset CSS: box-sizing; display; margin; border
+			div.style.cssText =
+				// Support: Firefox<29, Android 2.3
+				// Vendor-prefix box-sizing
+				"-webkit-box-sizing:content-box;-moz-box-sizing:content-box;" +
+				"box-sizing:content-box;display:block;margin:0;border:0;" +
+				"padding:1px;width:1px;zoom:1";
+			div.appendChild( document.createElement( "div" ) ).style.width = "5px";
+			shrinkWrapBlocksVal = div.offsetWidth !== 3;
+		}
+
+		body.removeChild( container );
+
+		return shrinkWrapBlocksVal;
+	};
+
+})();
+var rmargin = (/^margin/);
+
+var rnumnonpx = new RegExp( "^(" + pnum + ")(?!px)[a-z%]+$", "i" );
+
+
+
+var getStyles, curCSS,
+	rposition = /^(top|right|bottom|left)$/;
+
+if ( window.getComputedStyle ) {
+	getStyles = function( elem ) {
+		return elem.ownerDocument.defaultView.getComputedStyle( elem, null );
+	};
+
+	curCSS = function( elem, name, computed ) {
+		var width, minWidth, maxWidth, ret,
+			style = elem.style;
+
+		computed = computed || getStyles( elem );
+
+		// getPropertyValue is only needed for .css('filter') in IE9, see #12537
+		ret = computed ? computed.getPropertyValue( name ) || computed[ name ] : undefined;
+
+		if ( computed ) {
+
+			if ( ret === "" && !jQuery.contains( elem.ownerDocument, elem ) ) {
+				ret = jQuery.style( elem, name );
+			}
+
+			// A tribute to the "awesome hack by Dean Edwards"
+			// Chrome < 17 and Safari 5.0 uses "computed value" instead of "used value" for margin-right
+			// Safari 5.1.7 (at least) returns percentage for a larger set of values, but width seems to be reliably pixels
+			// this is against the CSSOM draft spec: http://dev.w3.org/csswg/cssom/#resolved-values
+			if ( rnumnonpx.test( ret ) && rmargin.test( name ) ) {
+
+				// Remember the original values
+				width = style.width;
+				minWidth = style.minWidth;
+				maxWidth = style.maxWidth;
+
+				// Put in the new values to get a computed value out
+				style.minWidth = style.maxWidth = style.width = ret;
+				ret = computed.width;
+
+				// Revert the changed values
+				style.width = width;
+				style.minWidth = minWidth;
+				style.maxWidth = maxWidth;
+			}
+		}
+
+		// Support: IE
+		// IE returns zIndex value as an integer.
+		return ret === undefined ?
+			ret :
+			ret + "";
+	};
+} else if ( document.documentElement.currentStyle ) {
+	getStyles = function( elem ) {
+		return elem.currentStyle;
+	};
+
+	curCSS = function( elem, name, computed ) {
+		var left, rs, rsLeft, ret,
+			style = elem.style;
+
+		computed = computed || getStyles( elem );
+		ret = computed ? computed[ name ] : undefined;
+
+		// Avoid setting ret to empty string here
+		// so we don't default to auto
+		if ( ret == null && style && style[ name ] ) {
+			ret = style[ name ];
+		}
+
+		// From the awesome hack by Dean Edwards
+		// http://erik.eae.net/archives/2007/07/27/18.54.15/#comment-102291
+
+		// If we're not dealing with a regular pixel number
+		// but a number that has a weird ending, we need to convert it to pixels
+		// but not position css attributes, as those are proportional to the parent element instead
+		// and we can't measure the parent instead because it might trigger a "stacking dolls" problem
+		if ( rnumnonpx.test( ret ) && !rposition.test( name ) ) {
+
+			// Remember the original values
+			left = style.left;
+			rs = elem.runtimeStyle;
+			rsLeft = rs && rs.left;
+
+			// Put in the new values to get a computed value out
+			if ( rsLeft ) {
+				rs.left = elem.currentStyle.left;
+			}
+			style.left = name === "fontSize" ? "1em" : ret;
+			ret = style.pixelLeft + "px";
+
+			// Revert the changed values
+			style.left = left;
+			if ( rsLeft ) {
+				rs.left = rsLeft;
+			}
+		}
+
+		// Support: IE
+		// IE returns zIndex value as an integer.
+		return ret === undefined ?
+			ret :
+			ret + "" || "auto";
+	};
+}
+
+
+
+
+function addGetHookIf( conditionFn, hookFn ) {
+	// Define the hook, we'll check on the first run if it's really needed.
+	return {
+		get: function() {
+			var condition = conditionFn();
+
+			if ( condition == null ) {
+				// The test was not ready at this point; screw the hook this time
+				// but check again when needed next time.
+				return;
+			}
+
+			if ( condition ) {
+				// Hook not needed (or it's not possible to use it due to missing dependency),
+				// remove it.
+				// Since there are no other hooks for marginRight, remove the whole object.
+				delete this.get;
+				return;
+			}
+
+			// Hook needed; redefine it so that the support test is not executed again.
+
+			return (this.get = hookFn).apply( this, arguments );
+		}
+	};
+}
+
+
+(function() {
+	// Minified: var b,c,d,e,f,g, h,i
+	var div, style, a, pixelPositionVal, boxSizingReliableVal,
+		reliableHiddenOffsetsVal, reliableMarginRightVal;
+
+	// Setup
+	div = document.createElement( "div" );
+	div.innerHTML = "  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>";
+	a = div.getElementsByTagName( "a" )[ 0 ];
+	style = a && a.style;
+
+	// Finish early in limited (non-browser) environments
+	if ( !style ) {
+		return;
+	}
+
+	style.cssText = "float:left;opacity:.5";
+
+	// Support: IE<9
+	// Make sure that element opacity exists (as opposed to filter)
+	support.opacity = style.opacity === "0.5";
+
+	// Verify style float existence
+	// (IE uses styleFloat instead of cssFloat)
+	support.cssFloat = !!style.cssFloat;
+
+	div.style.backgroundClip = "content-box";
+	div.cloneNode( true ).style.backgroundClip = "";
+	support.clearCloneStyle = div.style.backgroundClip === "content-box";
+
+	// Support: Firefox<29, Android 2.3
+	// Vendor-prefix box-sizing
+	support.boxSizing = style.boxSizing === "" || style.MozBoxSizing === "" ||
+		style.WebkitBoxSizing === "";
+
+	jQuery.extend(support, {
+		reliableHiddenOffsets: function() {
+			if ( reliableHiddenOffsetsVal == null ) {
+				computeStyleTests();
+			}
+			return reliableHiddenOffsetsVal;
+		},
+
+		boxSizingReliable: function() {
+			if ( boxSizingReliableVal == null ) {
+				computeStyleTests();
+			}
+			return boxSizingReliableVal;
+		},
+
+		pixelPosition: function() {
+			if ( pixelPositionVal == null ) {
+				computeStyleTests();
+			}
+			return pixelPositionVal;
+		},
+
+		// Support: Android 2.3
+		reliableMarginRight: function() {
+			if ( reliableMarginRightVal == null ) {
+				computeStyleTests();
+			}
+			return reliableMarginRightVal;
+		}
+	});
+
+	function computeStyleTests() {
+		// Minified: var b,c,d,j
+		var div, body, container, contents;
+
+		body = document.getElementsByTagName( "body" )[ 0 ];
+		if ( !body || !body.style ) {
+			// Test fired too early or in an unsupported environment, exit.
+			return;
+		}
+
+		// Setup
+		div = document.createElement( "div" );
+		container = document.createElement( "div" );
+		container.style.cssText = "position:absolute;border:0;width:0;height:0;top:0;left:-9999px";
+		body.appendChild( container ).appendChild( div );
+
+		div.style.cssText =
+			// Support: Firefox<29, Android 2.3
+			// Vendor-prefix box-sizing
+			"-webkit-box-sizing:border-box;-moz-box-sizing:border-box;" +
+			"box-sizing:border-box;display:block;margin-top:1%;top:1%;" +
+			"border:1px;padding:1px;width:4px;position:absolute";
+
+		// Support: IE<9
+		// Assume reasonable values in the absence of getComputedStyle
+		pixelPositionVal = boxSizingReliableVal = false;
+		reliableMarginRightVal = true;
+
+		// Check for getComputedStyle so that this code is not run in IE<9.
+		if ( window.getComputedStyle ) {
+			pixelPositionVal = ( window.getComputedStyle( div, null ) || {} ).top !== "1%";
+			boxSizingReliableVal =
+				( window.getComputedStyle( div, null ) || { width: "4px" } ).width === "4px";
+
+			// Support: Android 2.3
+			// Div with explicit width and no margin-right incorrectly
+			// gets computed margin-right based on width of container (#3333)
+			// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
+			contents = div.appendChild( document.createElement( "div" ) );
+
+			// Reset CSS: box-sizing; display; margin; border; padding
+			contents.style.cssText = div.style.cssText =
+				// Support: Firefox<29, Android 2.3
+				// Vendor-prefix box-sizing
+				"-webkit-box-sizing:content-box;-moz-box-sizing:content-box;" +
+				"box-sizing:content-box;display:block;margin:0;border:0;padding:0";
+			contents.style.marginRight = contents.style.width = "0";
+			div.style.width = "1px";
+
+			reliableMarginRightVal =
+				!parseFloat( ( window.getComputedStyle( contents, null ) || {} ).marginRight );
+		}
+
+		// Support: IE8
+		// Check if table cells still have offsetWidth/Height when they are set
+		// to display:none and there are still other visible table cells in a
+		// table row; if so, offsetWidth/Height are not reliable for use when
+		// determining if an element has been hidden directly using
+		// display:none (it is still safe to use offsets if a parent element is
+		// hidden; don safety goggles and see bug #4512 for more information).
+		div.innerHTML = "<table><tr><td></td><td>t</td></tr></table>";
+		contents = div.getElementsByTagName( "td" );
+		contents[ 0 ].style.cssText = "margin:0;border:0;padding:0;display:none";
+		reliableHiddenOffsetsVal = contents[ 0 ].offsetHeight === 0;
+		if ( reliableHiddenOffsetsVal ) {
+			contents[ 0 ].style.display = "";
+			contents[ 1 ].style.display = "none";
+			reliableHiddenOffsetsVal = contents[ 0 ].offsetHeight === 0;
+		}
+
+		body.removeChild( container );
+	}
+
+})();
+
+
+// A method for quickly swapping in/out CSS properties to get correct calculations.
+jQuery.swap = function( elem, options, callback, args ) {
+	var ret, name,
+		old = {};
+
+	// Remember the old values, and insert the new ones
+	for ( name in options ) {
+		old[ name ] = elem.style[ name ];
+		elem.style[ name ] = options[ name ];
+	}
+
+	ret = callback.apply( elem, args || [] );
+
+	// Revert the old values
+	for ( name in options ) {
+		elem.style[ name ] = old[ name ];
+	}
+
+	return ret;
+};
+
+
+var
+		ralpha = /alpha\([^)]*\)/i,
+	ropacity = /opacity\s*=\s*([^)]*)/,
+
+	// swappable if display is none or starts with table except "table", "table-cell", or "table-caption"
+	// see here for display values: https://developer.mozilla.org/en-US/docs/CSS/display
+	rdisplayswap = /^(none|table(?!-c[ea]).+)/,
+	rnumsplit = new RegExp( "^(" + pnum + ")(.*)$", "i" ),
+	rrelNum = new RegExp( "^([+-])=(" + pnum + ")", "i" ),
+
+	cssShow = { position: "absolute", visibility: "hidden", display: "block" },
+	cssNormalTransform = {
+		letterSpacing: "0",
+		fontWeight: "400"
+	},
+
+	cssPrefixes = [ "Webkit", "O", "Moz", "ms" ];
+
+
+// return a css property mapped to a potentially vendor prefixed property
+function vendorPropName( style, name ) {
+
+	// shortcut for names that are not vendor prefixed
+	if ( name in style ) {
+		return name;
+	}
+
+	// check for vendor prefixed names
+	var capName = name.charAt(0).toUpperCase() + name.slice(1),
+		origName = name,
+		i = cssPrefixes.length;
+
+	while ( i-- ) {
+		name = cssPrefixes[ i ] + capName;
+		if ( name in style ) {
+			return name;
+		}
+	}
+
+	return origName;
+}
+
+function showHide( elements, show ) {
+	var display, elem, hidden,
+		values = [],
+		index = 0,
+		length = elements.length;
+
+	for ( ; index < length; index++ ) {
+		elem = elements[ index ];
+		if ( !elem.style ) {
+			continue;
+		}
+
+		values[ index ] = jQuery._data( elem, "olddisplay" );
+		display = elem.style.display;
+		if ( show ) {
+			// Reset the inline display of this element to learn if it is
+			// being hidden by cascaded rules or not
+			if ( !values[ index ] && display === "none" ) {
+				elem.style.display = "";
+			}
+
+			// Set elements which have been overridden with display: none
+			// in a stylesheet to whatever the default browser style is
+			// for such an element
+			if ( elem.style.display === "" && isHidden( elem ) ) {
+				values[ index ] = jQuery._data( elem, "olddisplay", defaultDisplay(elem.nodeName) );
+			}
+		} else {
+			hidden = isHidden( elem );
+
+			if ( display && display !== "none" || !hidden ) {
+				jQuery._data( elem, "olddisplay", hidden ? display : jQuery.css( elem, "display" ) );
+			}
+		}
+	}
+
+	// Set the display of most of the elements in a second loop
+	// to avoid the constant reflow
+	for ( index = 0; index < length; index++ ) {
+		elem = elements[ index ];
+		if ( !elem.style ) {
+			continue;
+		}
+		if ( !show || elem.style.display === "none" || elem.style.display === "" ) {
+			elem.style.display = show ? values[ index ] || "" : "none";
+		}
+	}
+
+	return elements;
+}
+
+function setPositiveNumber( elem, value, subtract ) {
+	var matches = rnumsplit.exec( value );
+	return matches ?
+		// Guard against undefined "subtract", e.g., when used as in cssHooks
+		Math.max( 0, matches[ 1 ] - ( subtract || 0 ) ) + ( matches[ 2 ] || "px" ) :
+		value;
+}
+
+function augmentWidthOrHeight( elem, name, extra, isBorderBox, styles ) {
+	var i = extra === ( isBorderBox ? "border" : "content" ) ?
+		// If we already have the right measurement, avoid augmentation
+		4 :
+		// Otherwise initialize for horizontal or vertical properties
+		name === "width" ? 1 : 0,
+
+		val = 0;
+
+	for ( ; i < 4; i += 2 ) {
+		// both box models exclude margin, so add it if we want it
+		if ( extra === "margin" ) {
+			val += jQuery.css( elem, extra + cssExpand[ i ], true, styles );
+		}
+
+		if ( isBorderBox ) {
+			// border-box includes padding, so remove it if we want content
+			if ( extra === "content" ) {
+				val -= jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+			}
+
+			// at this point, extra isn't border nor margin, so remove border
+			if ( extra !== "margin" ) {
+				val -= jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+			}
+		} else {
+			// at this point, extra isn't content, so add padding
+			val += jQuery.css( elem, "padding" + cssExpand[ i ], true, styles );
+
+			// at this point, extra isn't content nor padding, so add border
+			if ( extra !== "padding" ) {
+				val += jQuery.css( elem, "border" + cssExpand[ i ] + "Width", true, styles );
+			}
+		}
+	}
+
+	return val;
+}
+
+function getWidthOrHeight( elem, name, extra ) {
+
+	// Start with offset property, which is equivalent to the border-box value
+	var valueIsBorderBox = true,
+		val = name === "width" ? elem.offsetWidth : elem.offsetHeight,
+		styles = getStyles( elem ),
+		isBorderBox = support.boxSizing && jQuery.css( elem, "boxSizing", false, styles ) === "border-box";
+
+	// some non-html elements return undefined for offsetWidth, so check for null/undefined
+	// svg - https://bugzilla.mozilla.org/show_bug.cgi?id=649285
+	// MathML - https://bugzilla.mozilla.org/show_bug.cgi?id=491668
+	if ( val <= 0 || val == null ) {
+		// Fall back to computed then uncomputed css if necessary
+		val = curCSS( elem, name, styles );
+		if ( val < 0 || val == null ) {
+			val = elem.style[ name ];
+		}
+
+		// Computed unit is not pixels. Stop here and return.
+		if ( rnumnonpx.test(val) ) {
+			return val;
+		}
+
+		// we need the check for style in case a browser which returns unreliable values
+		// for getComputedStyle silently falls back to the reliable elem.style
+		valueIsBorderBox = isBorderBox && ( support.boxSizingReliable() || val === elem.style[ name ] );
+
+		// Normalize "", auto, and prepare for extra
+		val = parseFloat( val ) || 0;
+	}
+
+	// use the active box-sizing model to add/subtract irrelevant styles
+	return ( val +
+		augmentWidthOrHeight(
+			elem,
+			name,
+			extra || ( isBorderBox ? "border" : "content" ),
+			valueIsBorderBox,
+			styles
+		)
+	) + "px";
+}
+
+jQuery.extend({
+	// Add in style property hooks for overriding the default
+	// behavior of getting and setting a style property
+	cssHooks: {
+		opacity: {
+			get: function( elem, computed ) {
+				if ( computed ) {
+					// We should always get a number back from opacity
+					var ret = curCSS( elem, "opacity" );
+					return ret === "" ? "1" : ret;
+				}
+			}
+		}
+	},
+
+	// Don't automatically add "px" to these possibly-unitless properties
+	cssNumber: {
+		"columnCount": true,
+		"fillOpacity": true,
+		"flexGrow": true,
+		"flexShrink": true,
+		"fontWeight": true,
+		"lineHeight": true,
+		"opacity": true,
+		"order": true,
+		"orphans": true,
+		"widows": true,
+		"zIndex": true,
+		"zoom": true
+	},
+
+	// Add in properties whose names you wish to fix before
+	// setting or getting the value
+	cssProps: {
+		// normalize float css property
+		"float": support.cssFloat ? "cssFloat" : "styleFloat"
+	},
+
+	// Get and set the style property on a DOM Node
+	style: function( elem, name, value, extra ) {
+		// Don't set styles on text and comment nodes
+		if ( !elem || elem.nodeType === 3 || elem.nodeType === 8 || !elem.style ) {
+			return;
+		}
+
+		// Make sure that we're working with the right name
+		var ret, type, hooks,
+			origName = jQuery.camelCase( name ),
+			style = elem.style;
+
+		name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( style, origName ) );
+
+		// gets hook for the prefixed version
+		// followed by the unprefixed version
+		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+		// Check if we're setting a value
+		if ( value !== undefined ) {
+			type = typeof value;
+
+			// convert relative number strings (+= or -=) to relative numbers. #7345
+			if ( type === "string" && (ret = rrelNum.exec( value )) ) {
+				value = ( ret[1] + 1 ) * ret[2] + parseFloat( jQuery.css( elem, name ) );
+				// Fixes bug #9237
+				type = "number";
+			}
+
+			// Make sure that null and NaN values aren't set. See: #7116
+			if ( value == null || value !== value ) {
+				return;
+			}
+
+			// If a number was passed in, add 'px' to the (except for certain CSS properties)
+			if ( type === "number" && !jQuery.cssNumber[ origName ] ) {
+				value += "px";
+			}
+
+			// Fixes #8908, it can be done more correctly by specifing setters in cssHooks,
+			// but it would mean to define eight (for every problematic property) identical functions
+			if ( !support.clearCloneStyle && value === "" && name.indexOf("background") === 0 ) {
+				style[ name ] = "inherit";
+			}
+
+			// If a hook was provided, use that value, otherwise just set the specified value
+			if ( !hooks || !("set" in hooks) || (value = hooks.set( elem, value, extra )) !== undefined ) {
+
+				// Support: IE
+				// Swallow errors from 'invalid' CSS values (#5509)
+				try {
+					style[ name ] = value;
+				} catch(e) {}
+			}
+
+		} else {
+			// If a hook was provided get the non-computed value from there
+			if ( hooks && "get" in hooks && (ret = hooks.get( elem, false, extra )) !== undefined ) {
+				return ret;
+			}
+
+			// Otherwise just get the value from the style object
+			return style[ name ];
+		}
+	},
+
+	css: function( elem, name, extra, styles ) {
+		var num, val, hooks,
+			origName = jQuery.camelCase( name );
+
+		// Make sure that we're working with the right name
+		name = jQuery.cssProps[ origName ] || ( jQuery.cssProps[ origName ] = vendorPropName( elem.style, origName ) );
+
+		// gets hook for the prefixed version
+		// followed by the unprefixed version
+		hooks = jQuery.cssHooks[ name ] || jQuery.cssHooks[ origName ];
+
+		// If a hook was provided get the computed value from there
+		if ( hooks && "get" in hooks ) {
+			val = hooks.get( elem, true, extra );
+		}
+
+		// Otherwise, if a way to get the computed value exists, use that
+		if ( val === undefined ) {
+			val = curCSS( elem, name, styles );
+		}
+
+		//convert "normal" to computed value
+		if ( val === "normal" && name in cssNormalTransform ) {
+			val = cssNormalTransform[ name ];
+		}
+
+		// Return, converting to number if forced or a qualifier was provided and val looks numeric
+		if ( extra === "" || extra ) {
+			num = parseFloat( val );
+			return extra === true || jQuery.isNumeric( num ) ? num || 0 : val;
+		}
+		return val;
+	}
+});
+
+jQuery.each([ "height", "width" ], function( i, name ) {
+	jQuery.cssHooks[ name ] = {
+		get: function( elem, computed, extra ) {
+			if ( computed ) {
+				// certain elements can have dimension info if we invisibly show them
+				// however, it must have a current display style that would benefit from this
+				return rdisplayswap.test( jQuery.css( elem, "display" ) ) && elem.offsetWidth === 0 ?
+					jQuery.swap( elem, cssShow, function() {
+						return getWidthOrHeight( elem, name, extra );
+					}) :
+					getWidthOrHeight( elem, name, extra );
+			}
+		},
+
+		set: function( elem, value, extra ) {
+			var styles = extra && getStyles( elem );
+			return setPositiveNumber( elem, value, extra ?
+				augmentWidthOrHeight(
+					elem,
+					name,
+					extra,
+					support.boxSizing && jQuery.css( elem, "boxSizing", false, styles ) === "border-box",
+					styles
+				) : 0
+			);
+		}
+	};
+});
+
+if ( !support.opacity ) {
+	jQuery.cssHooks.opacity = {
+		get: function( elem, computed ) {
+			// IE uses filters for opacity
+			return ropacity.test( (computed && elem.currentStyle ? elem.currentStyle.filter : elem.style.filter) || "" ) ?
+				( 0.01 * parseFloat( RegExp.$1 ) ) + "" :
+				computed ? "1" : "";
+		},
+
+		set: function( elem, value ) {
+			var style = elem.style,
+				currentStyle = elem.currentStyle,
+				opacity = jQuery.isNumeric( value ) ? "alpha(opacity=" + value * 100 + ")" : "",
+				filter = currentStyle && currentStyle.filter || style.filter || "";
+
+			// IE has trouble with opacity if it does not have layout
+			// Force it by setting the zoom level
+			style.zoom = 1;
+
+			// if setting opacity to 1, and no other filters exist - attempt to remove filter attribute #6652
+			// if value === "", then remove inline opacity #12685
+			if ( ( value >= 1 || value === "" ) &&
+					jQuery.trim( filter.replace( ralpha, "" ) ) === "" &&
+					style.removeAttribute ) {
+
+				// Setting style.filter to null, "" & " " still leave "filter:" in the cssText
+				// if "filter:" is present at all, clearType is disabled, we want to avoid this
+				// style.removeAttribute is IE Only, but so apparently is this code path...
+				style.removeAttribute( "filter" );
+
+				// if there is no filter style applied in a css rule or unset inline opacity, we are done
+				if ( value === "" || currentStyle && !currentStyle.filter ) {
+					return;
+				}
+			}
+
+			// otherwise, set new filter values
+			style.filter = ralpha.test( filter ) ?
+				filter.replace( ralpha, opacity ) :
+				filter + " " + opacity;
+		}
+	};
+}
+
+jQuery.cssHooks.marginRight = addGetHookIf( support.reliableMarginRight,
+	function( elem, computed ) {
+		if ( computed ) {
+			// WebKit Bug 13343 - getComputedStyle returns wrong value for margin-right
+			// Work around by temporarily setting element display to inline-block
+			return jQuery.swap( elem, { "display": "inline-block" },
+				curCSS, [ elem, "marginRight" ] );
+		}
+	}
+);
+
+// These hooks are used by animate to expand properties
+jQuery.each({
+	margin: "",
+	padding: "",
+	border: "Width"
+}, function( prefix, suffix ) {
+	jQuery.cssHooks[ prefix + suffix ] = {
+		expand: function( value ) {
+			var i = 0,
+				expanded = {},
+
+				// assumes a single number if not a string
+				parts = typeof value === "string" ? value.split(" ") : [ value ];
+
+			for ( ; i < 4; i++ ) {
+				expanded[ prefix + cssExpand[ i ] + suffix ] =
+					parts[ i ] || parts[ i - 2 ] || parts[ 0 ];
+			}
+
+			return expanded;
+		}
+	};
+
+	if ( !rmargin.test( prefix ) ) {
+		jQuery.cssHooks[ prefix + suffix ].set = setPositiveNumber;
+	}
+});
+
+jQuery.fn.extend({
+	css: function( name, value ) {
+		return access( this, function( elem, name, value ) {
+			var styles, len,
+				map = {},
+				i = 0;
+
+			if ( jQuery.isArray( name ) ) {
+				styles = getStyles( elem );
+				len = name.length;
+
+				for ( ; i < len; i++ ) {
+					map[ name[ i ] ] = jQuery.css( elem, name[ i ], false, styles );
+				}
+
+				return map;
+			}
+
+			return value !== undefined ?
+				jQuery.style( elem, name, value ) :
+				jQuery.css( elem, name );
+		}, name, value, arguments.length > 1 );
+	},
+	show: function() {
+		return showHide( this, true );
+	},
+	hide: function() {
+		return showHide( this );
+	},
+	toggle: function( state ) {
+		if ( typeof state === "boolean" ) {
+			return state ? this.show() : this.hide();
+		}
+
+		return this.each(function() {
+			if ( isHidden( this ) ) {
+				jQuery( this ).show();
+			} else {
+				jQuery( this ).hide();
+			}
+		});
+	}
+});
+
+
+function Tween( elem, options, prop, end, easing ) {
+	return new Tween.prototype.init( elem, options, prop, end, easing );
+}
+jQuery.Tween = Tween;
+
+Tween.prototype = {
+	constructor: Tween,
+	init: function( elem, options, prop, end, easing, unit ) {
+		this.elem = elem;
+		this.prop = prop;
+		this.easing = easing || "swing";
+		this.options = options;
+		this.start = this.now = this.cur();
+		this.end = end;
+		this.unit = unit || ( jQuery.cssNumber[ prop ] ? "" : "px" );
+	},
+	cur: function() {
+		var hooks = Tween.propHooks[ this.prop ];
+
+		return hooks && hooks.get ?
+			hooks.get( this ) :
+			Tween.propHooks._default.get( this );
+	},
+	run: function( percent ) {
+		var eased,
+			hooks = Tween.propHooks[ this.prop ];
+
+		if ( this.options.duration ) {
+			this.pos = eased = jQuery.easing[ this.easing ](
+				percent, this.options.duration * percent, 0, 1, this.options.duration
+			);
+		} else {
+			this.pos = eased = percent;
+		}
+		this.now = ( this.end - this.start ) * eased + this.start;
+
+		if ( this.options.step ) {
+			this.options.step.call( this.elem, this.now, this );
+		}
+
+		if ( hooks && hooks.set ) {
+			hooks.set( this );
+		} else {
+			Tween.propHooks._default.set( this );
+		}
+		return this;
+	}
+};
+
+Tween.prototype.init.prototype = Tween.prototype;
+
+Tween.propHooks = {
+	_default: {
+		get: function( tween ) {
+			var result;
+
+			if ( tween.elem[ tween.prop ] != null &&
+				(!tween.elem.style || tween.elem.style[ tween.prop ] == null) ) {
+				return tween.elem[ tween.prop ];
+			}
+
+			// passing an empty string as a 3rd parameter to .css will automatically
+			// attempt a parseFloat and fallback to a string if the parse fails
+			// so, simple values such as "10px" are parsed to Float.
+			// complex values such as "rotate(1rad)" are returned as is.
+			result = jQuery.css( tween.elem, tween.prop, "" );
+			// Empty strings, null, undefined and "auto" are converted to 0.
+			return !result || result === "auto" ? 0 : result;
+		},
+		set: function( tween ) {
+			// use step hook for back compat - use cssHook if its there - use .style if its
+			// available and use plain properties where available
+			if ( jQuery.fx.step[ tween.prop ] ) {
+				jQuery.fx.step[ tween.prop ]( tween );
+			} else if ( tween.elem.style && ( tween.elem.style[ jQuery.cssProps[ tween.prop ] ] != null || jQuery.cssHooks[ tween.prop ] ) ) {
+				jQuery.style( tween.elem, tween.prop, tween.now + tween.unit );
+			} else {
+				tween.elem[ tween.prop ] = tween.now;
+			}
+		}
+	}
+};
+
+// Support: IE <=9
+// Panic based approach to setting things on disconnected nodes
+
+Tween.propHooks.scrollTop = Tween.propHooks.scrollLeft = {
+	set: function( tween ) {
+		if ( tween.elem.nodeType && tween.elem.parentNode ) {
+			tween.elem[ tween.prop ] = tween.now;
+		}
+	}
+};
+
+jQuery.easing = {
+	linear: function( p ) {
+		return p;
+	},
+	swing: function( p ) {
+		return 0.5 - Math.cos( p * Math.PI ) / 2;
+	}
+};
+
+jQuery.fx = Tween.prototype.init;
+
+// Back Compat <1.8 extension point
+jQuery.fx.step = {};
+
+
+
+
+var
+	fxNow, timerId,
+	rfxtypes = /^(?:toggle|show|hide)$/,
+	rfxnum = new RegExp( "^(?:([+-])=|)(" + pnum + ")([a-z%]*)$", "i" ),
+	rrun = /queueHooks$/,
+	animationPrefilters = [ defaultPrefilter ],
+	tweeners = {
+		"*": [ function( prop, value ) {
+			var tween = this.createTween( prop, value ),
+				target = tween.cur(),
+				parts = rfxnum.exec( value ),
+				unit = parts && parts[ 3 ] || ( jQuery.cssNumber[ prop ] ? "" : "px" ),
+
+				// Starting value computation is required for potential unit mismatches
+				start = ( jQuery.cssNumber[ prop ] || unit !== "px" && +target ) &&
+					rfxnum.exec( jQuery.css( tween.elem, prop ) ),
+				scale = 1,
+				maxIterations = 20;
+
+			if ( start && start[ 3 ] !== unit ) {
+				// Trust units reported by jQuery.css
+				unit = unit || start[ 3 ];
+
+				// Make sure we update the tween properties later on
+				parts = parts || [];
+
+				// Iteratively approximate from a nonzero starting point
+				start = +target || 1;
+
+				do {
+					// If previous iteration zeroed out, double until we get *something*
+					// Use a string for doubling factor so we don't accidentally see scale as unchanged below
+					scale = scale || ".5";
+
+					// Adjust and apply
+					start = start / scale;
+					jQuery.style( tween.elem, prop, start + unit );
+
+				// Update scale, tolerating zero or NaN from tween.cur()
+				// And breaking the loop if scale is unchanged or perfect, or if we've just had enough
+				} while ( scale !== (scale = tween.cur() / target) && scale !== 1 && --maxIterations );
+			}
+
+			// Update tween properties
+			if ( parts ) {
+				start = tween.start = +start || +target || 0;
+				tween.unit = unit;
+				// If a +=/-= token was provided, we're doing a relative animation
+				tween.end = parts[ 1 ] ?
+					start + ( parts[ 1 ] + 1 ) * parts[ 2 ] :
+					+parts[ 2 ];
+			}
+
+			return tween;
+		} ]
+	};
+
+// Animations created synchronously will run synchronously
+function createFxNow() {
+	setTimeout(function() {
+		fxNow = undefined;
+	});
+	return ( fxNow = jQuery.now() );
+}
+
+// Generate parameters to create a standard animation
+function genFx( type, includeWidth ) {
+	var which,
+		attrs = { height: type },
+		i = 0;
+
+	// if we include width, step value is 1 to do all cssExpand values,
+	// if we don't include width, step value is 2 to skip over Left and Right
+	includeWidth = includeWidth ? 1 : 0;
+	for ( ; i < 4 ; i += 2 - includeWidth ) {
+		which = cssExpand[ i ];
+		attrs[ "margin" + which ] = attrs[ "padding" + which ] = type;
+	}
+
+	if ( includeWidth ) {
+		attrs.opacity = attrs.width = type;
+	}
+
+	return attrs;
+}
+
+function createTween( value, prop, animation ) {
+	var tween,
+		collection = ( tweeners[ prop ] || [] ).concat( tweeners[ "*" ] ),
+		index = 0,
+		length = collection.length;
+	for ( ; index < length; index++ ) {
+		if ( (tween = collection[ index ].call( animation, prop, value )) ) {
+
+			// we're done with this property
+			return tween;
+		}
+	}
+}
+
+function defaultPrefilter( elem, props, opts ) {
+	/* jshint validthis: true */
+	var prop, value, toggle, tween, hooks, oldfire, display, checkDisplay,
+		anim = this,
+		orig = {},
+		style = elem.style,
+		hidden = elem.nodeType && isHidden( elem ),
+		dataShow = jQuery._data( elem, "fxshow" );
+
+	// handle queue: false promises
+	if ( !opts.queue ) {
+		hooks = jQuery._queueHooks( elem, "fx" );
+		if ( hooks.unqueued == null ) {
+			hooks.unqueued = 0;
+			oldfire = hooks.empty.fire;
+			hooks.empty.fire = function() {
+				if ( !hooks.unqueued ) {
+					oldfire();
+				}
+			};
+		}
+		hooks.unqueued++;
+
+		anim.always(function() {
+			// doing this makes sure that the complete handler will be called
+			// before this completes
+			anim.always(function() {
+				hooks.unqueued--;
+				if ( !jQuery.queue( elem, "fx" ).length ) {
+					hooks.empty.fire();
+				}
+			});
+		});
+	}
+
+	// height/width overflow pass
+	if ( elem.nodeType === 1 && ( "height" in props || "width" in props ) ) {
+		// Make sure that nothing sneaks out
+		// Record all 3 overflow attributes because IE does not
+		// change the overflow attribute when overflowX and
+		// overflowY are set to the same value
+		opts.overflow = [ style.overflow, style.overflowX, style.overflowY ];
+
+		// Set display property to inline-block for height/width
+		// animations on inline elements that are having width/height animated
+		display = jQuery.css( elem, "display" );
+
+		// Test default display if display is currently "none"
+		checkDisplay = display === "none" ?
+			jQuery._data( elem, "olddisplay" ) || defaultDisplay( elem.nodeName ) : display;
+
+		if ( checkDisplay === "inline" && jQuery.css( elem, "float" ) === "none" ) {
+
+			// inline-level elements accept inline-block;
+			// block-level elements need to be inline with layout
+			if ( !support.inlineBlockNeedsLayout || defaultDisplay( elem.nodeName ) === "inline" ) {
+				style.display = "inline-block";
+			} else {
+				style.zoom = 1;
+			}
+		}
+	}
+
+	if ( opts.overflow ) {
+		style.overflow = "hidden";
+		if ( !support.shrinkWrapBlocks() ) {
+			anim.always(function() {
+				style.overflow = opts.overflow[ 0 ];
+				style.overflowX = opts.overflow[ 1 ];
+				style.overflowY = opts.overflow[ 2 ];
+			});
+		}
+	}
+
+	// show/hide pass
+	for ( prop in props ) {
+		value = props[ prop ];
+		if ( rfxtypes.exec( value ) ) {
+			delete props[ prop ];
+			toggle = toggle || value === "toggle";
+			if ( value === ( hidden ? "hide" : "show" ) ) {
+
+				// If there is dataShow left over from a stopped hide or show and we are going to proceed with show, we should pretend to be hidden
+				if ( value === "show" && dataShow && dataShow[ prop ] !== undefined ) {
+					hidden = true;
+				} else {
+					continue;
+				}
+			}
+			orig[ prop ] = dataShow && dataShow[ prop ] || jQuery.style( elem, prop );
+
+		// Any non-fx value stops us from restoring the original display value
+		} else {
+			display = undefined;
+		}
+	}
+
+	if ( !jQuery.isEmptyObject( orig ) ) {
+		if ( dataShow ) {
+			if ( "hidden" in dataShow ) {
+				hidden = dataShow.hidden;
+			}
+		} else {
+			dataShow = jQuery._data( elem, "fxshow", {} );
+		}
+
+		// store state if its toggle - enables .stop().toggle() to "reverse"
+		if ( toggle ) {
+			dataShow.hidden = !hidden;
+		}
+		if ( hidden ) {
+			jQuery( elem ).show();
+		} else {
+			anim.done(function() {
+				jQuery( elem ).hide();
+			});
+		}
+		anim.done(function() {
+			var prop;
+			jQuery._removeData( elem, "fxshow" );
+			for ( prop in orig ) {
+				jQuery.style( elem, prop, orig[ prop ] );
+			}
+		});
+		for ( prop in orig ) {
+			tween = createTween( hidden ? dataShow[ prop ] : 0, prop, anim );
+
+			if ( !( prop in dataShow ) ) {
+				dataShow[ prop ] = tween.start;
+				if ( hidden ) {
+					tween.end = tween.start;
+					tween.start = prop === "width" || prop === "height" ? 1 : 0;
+				}
+			}
+		}
+
+	// If this is a noop like .hide().hide(), restore an overwritten display value
+	} else if ( (display === "none" ? defaultDisplay( elem.nodeName ) : display) === "inline" ) {
+		style.display = display;
+	}
+}
+
+function propFilter( props, specialEasing ) {
+	var index, name, easing, value, hooks;
+
+	// camelCase, specialEasing and expand cssHook pass
+	for ( index in props ) {
+		name = jQuery.camelCase( index );
+		easing = specialEasing[ name ];
+		value = props[ index ];
+		if ( jQuery.isArray( value ) ) {
+			easing = value[ 1 ];
+			value = props[ index ] = value[ 0 ];
+		}
+
+		if ( index !== name ) {
+			props[ name ] = value;
+			delete props[ index ];
+		}
+
+		hooks = jQuery.cssHooks[ name ];
+		if ( hooks && "expand" in hooks ) {
+			value = hooks.expand( value );
+			delete props[ name ];
+
+			// not quite $.extend, this wont overwrite keys already present.
+			// also - reusing 'index' from above because we have the correct "name"
+			for ( index in value ) {
+				if ( !( index in props ) ) {
+					props[ index ] = value[ index ];
+					specialEasing[ index ] = easing;
+				}
+			}
+		} else {
+			specialEasing[ name ] = easing;
+		}
+	}
+}
+
+function Animation( elem, properties, options ) {
+	var result,
+		stopped,
+		index = 0,
+		length = animationPrefilters.length,
+		deferred = jQuery.Deferred().always( function() {
+			// don't match elem in the :animated selector
+			delete tick.elem;
+		}),
+		tick = function() {
+			if ( stopped ) {
+				return false;
+			}
+			var currentTime = fxNow || createFxNow(),
+				remaining = Math.max( 0, animation.startTime + animation.duration - currentTime ),
+				// archaic crash bug won't allow us to use 1 - ( 0.5 || 0 ) (#12497)
+				temp = remaining / animation.duration || 0,
+				percent = 1 - temp,
+				index = 0,
+				length = animation.tweens.length;
+
+			for ( ; index < length ; index++ ) {
+				animation.tweens[ index ].run( percent );
+			}
+
+			deferred.notifyWith( elem, [ animation, percent, remaining ]);
+
+			if ( percent < 1 && length ) {
+				return remaining;
+			} else {
+				deferred.resolveWith( elem, [ animation ] );
+				return false;
+			}
+		},
+		animation = deferred.promise({
+			elem: elem,
+			props: jQuery.extend( {}, properties ),
+			opts: jQuery.extend( true, { specialEasing: {} }, options ),
+			originalProperties: properties,
+			originalOptions: options,
+			startTime: fxNow || createFxNow(),
+			duration: options.duration,
+			tweens: [],
+			createTween: function( prop, end ) {
+				var tween = jQuery.Tween( elem, animation.opts, prop, end,
+						animation.opts.specialEasing[ prop ] || animation.opts.easing );
+				animation.tweens.push( tween );
+				return tween;
+			},
+			stop: function( gotoEnd ) {
+				var index = 0,
+					// if we are going to the end, we want to run all the tweens
+					// otherwise we skip this part
+					length = gotoEnd ? animation.tweens.length : 0;
+				if ( stopped ) {
+					return this;
+				}
+				stopped = true;
+				for ( ; index < length ; index++ ) {
+					animation.tweens[ index ].run( 1 );
+				}
+
+				// resolve when we played the last frame
+				// otherwise, reject
+				if ( gotoEnd ) {
+					deferred.resolveWith( elem, [ animation, gotoEnd ] );
+				} else {
+					deferred.rejectWith( elem, [ animation, gotoEnd ] );
+				}
+				return this;
+			}
+		}),
+		props = animation.props;
+
+	propFilter( props, animation.opts.specialEasing );
+
+	for ( ; index < length ; index++ ) {
+		result = animationPrefilters[ index ].call( animation, elem, props, animation.opts );
+		if ( result ) {
+			return result;
+		}
+	}
+
+	jQuery.map( props, createTween, animation );
+
+	if ( jQuery.isFunction( animation.opts.start ) ) {
+		animation.opts.start.call( elem, animation );
+	}
+
+	jQuery.fx.timer(
+		jQuery.extend( tick, {
+			elem: elem,
+			anim: animation,
+			queue: animation.opts.queue
+		})
+	);
+
+	// attach callbacks from options
+	return animation.progress( animation.opts.progress )
+		.done( animation.opts.done, animation.opts.complete )
+		.fail( animation.opts.fail )
+		.always( animation.opts.always );
+}
+
+jQuery.Animation = jQuery.extend( Animation, {
+	tweener: function( props, callback ) {
+		if ( jQuery.isFunction( props ) ) {
+			callback = props;
+			props = [ "*" ];
+		} else {
+			props = props.split(" ");
+		}
+
+		var prop,
+			index = 0,
+			length = props.length;
+
+		for ( ; index < length ; index++ ) {
+			prop = props[ index ];
+			tweeners[ prop ] = tweeners[ prop ] || [];
+			tweeners[ prop ].unshift( callback );
+		}
+	},
+
+	prefilter: function( callback, prepend ) {
+		if ( prepend ) {
+			animationPrefilters.unshift( callback );
+		} else {
+			animationPrefilters.push( callback );
+		}
+	}
+});
+
+jQuery.speed = function( speed, easing, fn ) {
+	var opt = speed && typeof speed === "object" ? jQuery.extend( {}, speed ) : {
+		complete: fn || !fn && easing ||
+			jQuery.isFunction( speed ) && speed,
+		duration: speed,
+		easing: fn && easing || easing && !jQuery.isFunction( easing ) && easing
+	};
+
+	opt.duration = jQuery.fx.off ? 0 : typeof opt.duration === "number" ? opt.duration :
+		opt.duration in jQuery.fx.speeds ? jQuery.fx.speeds[ opt.duration ] : jQuery.fx.speeds._default;
+
+	// normalize opt.queue - true/undefined/null -> "fx"
+	if ( opt.queue == null || opt.queue === true ) {
+		opt.queue = "fx";
+	}
+
+	// Queueing
+	opt.old = opt.complete;
+
+	opt.complete = function() {
+		if ( jQuery.isFunction( opt.old ) ) {
+			opt.old.call( this );
+		}
+
+		if ( opt.queue ) {
+			jQuery.dequeue( this, opt.queue );
+		}
+	};
+
+	return opt;
+};
+
+jQuery.fn.extend({
+	fadeTo: function( speed, to, easing, callback ) {
+
+		// show any hidden elements after setting opacity to 0
+		return this.filter( isHidden ).css( "opacity", 0 ).show()
+
+			// animate to the value specified
+			.end().animate({ opacity: to }, speed, easing, callback );
+	},
+	animate: function( prop, speed, easing, callback ) {
+		var empty = jQuery.isEmptyObject( prop ),
+			optall = jQuery.speed( speed, easing, callback ),
+			doAnimation = function() {
+				// Operate on a copy of prop so per-property easing won't be lost
+				var anim = Animation( this, jQuery.extend( {}, prop ), optall );
+
+				// Empty animations, or finishing resolves immediately
+				if ( empty || jQuery._data( this, "finish" ) ) {
+					anim.stop( true );
+				}
+			};
+			doAnimation.finish = doAnimation;
+
+		return empty || optall.queue === false ?
+			this.each( doAnimation ) :
+			this.queue( optall.queue, doAnimation );
+	},
+	stop: function( type, clearQueue, gotoEnd ) {
+		var stopQueue = function( hooks ) {
+			var stop = hooks.stop;
+			delete hooks.stop;
+			stop( gotoEnd );
+		};
+
+		if ( typeof type !== "string" ) {
+			gotoEnd = clearQueue;
+			clearQueue = type;
+			type = undefined;
+		}
+		if ( clearQueue && type !== false ) {
+			this.queue( type || "fx", [] );
+		}
+
+		return this.each(function() {
+			var dequeue = true,
+				index = type != null && type + "queueHooks",
+				timers = jQuery.timers,
+				data = jQuery._data( this );
+
+			if ( index ) {
+				if ( data[ index ] && data[ index ].stop ) {
+					stopQueue( data[ index ] );
+				}
+			} else {
+				for ( index in data ) {
+					if ( data[ index ] && data[ index ].stop && rrun.test( index ) ) {
+						stopQueue( data[ index ] );
+					}
+				}
+			}
+
+			for ( index = timers.length; index--; ) {
+				if ( timers[ index ].elem === this && (type == null || timers[ index ].queue === type) ) {
+					timers[ index ].anim.stop( gotoEnd );
+					dequeue = false;
+					timers.splice( index, 1 );
+				}
+			}
+
+			// start the next in the queue if the last step wasn't forced
+			// timers currently will call their complete callbacks, which will dequeue
+			// but only if they were gotoEnd
+			if ( dequeue || !gotoEnd ) {
+				jQuery.dequeue( this, type );
+			}
+		});
+	},
+	finish: function( type ) {
+		if ( type !== false ) {
+			type = type || "fx";
+		}
+		return this.each(function() {
+			var index,
+				data = jQuery._data( this ),
+				queue = data[ type + "queue" ],
+				hooks = data[ type + "queueHooks" ],
+				timers = jQuery.timers,
+				length = queue ? queue.length : 0;
+
+			// enable finishing flag on private data
+			data.finish = true;
+
+			// empty the queue first
+			jQuery.queue( this, type, [] );
+
+			if ( hooks && hooks.stop ) {
+				hooks.stop.call( this, true );
+			}
+
+			// look for any active animations, and finish them
+			for ( index = timers.length; index--; ) {
+				if ( timers[ index ].elem === this && timers[ index ].queue === type ) {
+					timers[ index ].anim.stop( true );
+					timers.splice( index, 1 );
+				}
+			}
+
+			// look for any animations in the old queue and finish them
+			for ( index = 0; index < length; index++ ) {
+				if ( queue[ index ] && queue[ index ].finish ) {
+					queue[ index ].finish.call( this );
+				}
+			}
+
+			// turn off finishing flag
+			delete data.finish;
+		});
+	}
+});
+
+jQuery.each([ "toggle", "show", "hide" ], function( i, name ) {
+	var cssFn = jQuery.fn[ name ];
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return speed == null || typeof speed === "boolean" ?
+			cssFn.apply( this, arguments ) :
+			this.animate( genFx( name, true ), speed, easing, callback );
+	};
+});
+
+// Generate shortcuts for custom animations
+jQuery.each({
+	slideDown: genFx("show"),
+	slideUp: genFx("hide"),
+	slideToggle: genFx("toggle"),
+	fadeIn: { opacity: "show" },
+	fadeOut: { opacity: "hide" },
+	fadeToggle: { opacity: "toggle" }
+}, function( name, props ) {
+	jQuery.fn[ name ] = function( speed, easing, callback ) {
+		return this.animate( props, speed, easing, callback );
+	};
+});
+
+jQuery.timers = [];
+jQuery.fx.tick = function() {
+	var timer,
+		timers = jQuery.timers,
+		i = 0;
+
+	fxNow = jQuery.now();
+
+	for ( ; i < timers.length; i++ ) {
+		timer = timers[ i ];
+		// Checks the timer has not already been removed
+		if ( !timer() && timers[ i ] === timer ) {
+			timers.splice( i--, 1 );
+		}
+	}
+
+	if ( !timers.length ) {
+		jQuery.fx.stop();
+	}
+	fxNow = undefined;
+};
+
+jQuery.fx.timer = function( timer ) {
+	jQuery.timers.push( timer );
+	if ( timer() ) {
+		jQuery.fx.start();
+	} else {
+		jQuery.timers.pop();
+	}
+};
+
+jQuery.fx.interval = 13;
+
+jQuery.fx.start = function() {
+	if ( !timerId ) {
+		timerId = setInterval( jQuery.fx.tick, jQuery.fx.interval );
+	}
+};
+
+jQuery.fx.stop = function() {
+	clearInterval( timerId );
+	timerId = null;
+};
+
+jQuery.fx.speeds = {
+	slow: 600,
+	fast: 200,
+	// Default speed
+	_default: 400
+};
+
+
+// Based off of the plugin by Clint Helfers, with permission.
+// http://blindsignals.com/index.php/2009/07/jquery-delay/
+jQuery.fn.delay = function( time, type ) {
+	time = jQuery.fx ? jQuery.fx.speeds[ time ] || time : time;
+	type = type || "fx";
+
+	return this.queue( type, function( next, hooks ) {
+		var timeout = setTimeout( next, time );
+		hooks.stop = function() {
+			clearTimeout( timeout );
+		};
+	});
+};
+
+
+(function() {
+	// Minified: var a,b,c,d,e
+	var input, div, select, a, opt;
+
+	// Setup
+	div = document.createElement( "div" );
+	div.setAttribute( "className", "t" );
+	div.innerHTML = "  <link/><table></table><a href='/a'>a</a><input type='checkbox'/>";
+	a = div.getElementsByTagName("a")[ 0 ];
+
+	// First batch of tests.
+	select = document.createElement("select");
+	opt = select.appendChild( document.createElement("option") );
+	input = div.getElementsByTagName("input")[ 0 ];
+
+	a.style.cssText = "top:1px";
+
+	// Test setAttribute on camelCase class. If it works, we need attrFixes when doing get/setAttribute (ie6/7)
+	support.getSetAttribute = div.className !== "t";
+
+	// Get the style information from getAttribute
+	// (IE uses .cssText instead)
+	support.style = /top/.test( a.getAttribute("style") );
+
+	// Make sure that URLs aren't manipulated
+	// (IE normalizes it by default)
+	support.hrefNormalized = a.getAttribute("href") === "/a";
+
+	// Check the default checkbox/radio value ("" on WebKit; "on" elsewhere)
+	support.checkOn = !!input.value;
+
+	// Make sure that a selected-by-default option has a working selected property.
+	// (WebKit defaults to false instead of true, IE too, if it's in an optgroup)
+	support.optSelected = opt.selected;
+
+	// Tests for enctype support on a form (#6743)
+	support.enctype = !!document.createElement("form").enctype;
+
+	// Make sure that the options inside disabled selects aren't marked as disabled
+	// (WebKit marks them as disabled)
+	select.disabled = true;
+	support.optDisabled = !opt.disabled;
+
+	// Support: IE8 only
+	// Check if we can trust getAttribute("value")
+	input = document.createElement( "input" );
+	input.setAttribute( "value", "" );
+	support.input = input.getAttribute( "value" ) === "";
+
+	// Check if an input maintains its value after becoming a radio
+	input.value = "t";
+	input.setAttribute( "type", "radio" );
+	support.radioValue = input.value === "t";
+})();
+
+
+var rreturn = /\r/g;
+
+jQuery.fn.extend({
+	val: function( value ) {
+		var hooks, ret, isFunction,
+			elem = this[0];
+
+		if ( !arguments.length ) {
+			if ( elem ) {
+				hooks = jQuery.valHooks[ elem.type ] || jQuery.valHooks[ elem.nodeName.toLowerCase() ];
+
+				if ( hooks && "get" in hooks && (ret = hooks.get( elem, "value" )) !== undefined ) {
+					return ret;
+				}
+
+				ret = elem.value;
+
+				return typeof ret === "string" ?
+					// handle most common string cases
+					ret.replace(rreturn, "") :
+					// handle cases where value is null/undef or number
+					ret == null ? "" : ret;
+			}
+
+			return;
+		}
+
+		isFunction = jQuery.isFunction( value );
+
+		return this.each(function( i ) {
+			var val;
+
+			if ( this.nodeType !== 1 ) {
+				return;
+			}
+
+			if ( isFunction ) {
+				val = value.call( this, i, jQuery( this ).val() );
+			} else {
+				val = value;
+			}
+
+			// Treat null/undefined as ""; convert numbers to string
+			if ( val == null ) {
+				val = "";
+			} else if ( typeof val === "number" ) {
+				val += "";
+			} else if ( jQuery.isArray( val ) ) {
+				val = jQuery.map( val, function( value ) {
+					return value == null ? "" : value + "";
+				});
+			}
+
+			hooks = jQuery.valHooks[ this.type ] || jQuery.valHooks[ this.nodeName.toLowerCase() ];
+
+			// If set returns undefined, fall back to normal setting
+			if ( !hooks || !("set" in hooks) || hooks.set( this, val, "value" ) === undefined ) {
+				this.value = val;
+			}
+		});
+	}
+});
+
+jQuery.extend({
+	valHooks: {
+		option: {
+			get: function( elem ) {
+				var val = jQuery.find.attr( elem, "value" );
+				return val != null ?
+					val :
+					// Support: IE10-11+
+					// option.text throws exceptions (#14686, #14858)
+					jQuery.trim( jQuery.text( elem ) );
+			}
+		},
+		select: {
+			get: function( elem ) {
+				var value, option,
+					options = elem.options,
+					index = elem.selectedIndex,
+					one = elem.type === "select-one" || index < 0,
+					values = one ? null : [],
+					max = one ? index + 1 : options.length,
+					i = index < 0 ?
+						max :
+						one ? index : 0;
+
+				// Loop through all the selected options
+				for ( ; i < max; i++ ) {
+					option = options[ i ];
+
+					// oldIE doesn't update selected after form reset (#2551)
+					if ( ( option.selected || i === index ) &&
+							// Don't return options that are disabled or in a disabled optgroup
+							( support.optDisabled ? !option.disabled : option.getAttribute("disabled") === null ) &&
+							( !option.parentNode.disabled || !jQuery.nodeName( option.parentNode, "optgroup" ) ) ) {
+
+						// Get the specific value for the option
+						value = jQuery( option ).val();
+
+						// We don't need an array for one selects
+						if ( one ) {
+							return value;
+						}
+
+						// Multi-Selects return an array
+						values.push( value );
+					}
+				}
+
+				return values;
+			},
+
+			set: function( elem, value ) {
+				var optionSet, option,
+					options = elem.options,
+					values = jQuery.makeArray( value ),
+					i = options.length;
+
+				while ( i-- ) {
+					option = options[ i ];
+
+					if ( jQuery.inArray( jQuery.valHooks.option.get( option ), values ) >= 0 ) {
+
+						// Support: IE6
+						// When new option element is added to select box we need to
+						// force reflow of newly added node in order to workaround delay
+						// of initialization properties
+						try {
+							option.selected = optionSet = true;
+
+						} catch ( _ ) {
+
+							// Will be executed only in IE6
+							option.scrollHeight;
+						}
+
+					} else {
+						option.selected = false;
+					}
+				}
+
+				// Force browsers to behave consistently when non-matching value is set
+				if ( !optionSet ) {
+					elem.selectedIndex = -1;
+				}
+
+				return options;
+			}
+		}
+	}
+});
+
+// Radios and checkboxes getter/setter
+jQuery.each([ "radio", "checkbox" ], function() {
+	jQuery.valHooks[ this ] = {
+		set: function( elem, value ) {
+			if ( jQuery.isArray( value ) ) {
+				return ( elem.checked = jQuery.inArray( jQuery(elem).val(), value ) >= 0 );
+			}
+		}
+	};
+	if ( !support.checkOn ) {
+		jQuery.valHooks[ this ].get = function( elem ) {
+			// Support: Webkit
+			// "" is returned instead of "on" if a value isn't specified
+			return elem.getAttribute("value") === null ? "on" : elem.value;
+		};
+	}
+});
+
+
+
+
+var nodeHook, boolHook,
+	attrHandle = jQuery.expr.attrHandle,
+	ruseDefault = /^(?:checked|selected)$/i,
+	getSetAttribute = support.getSetAttribute,
+	getSetInput = support.input;
+
+jQuery.fn.extend({
+	attr: function( name, value ) {
+		return access( this, jQuery.attr, name, value, arguments.length > 1 );
+	},
+
+	removeAttr: function( name ) {
+		return this.each(function() {
+			jQuery.removeAttr( this, name );
+		});
+	}
+});
+
+jQuery.extend({
+	attr: function( elem, name, value ) {
+		var hooks, ret,
+			nType = elem.nodeType;
+
+		// don't get/set attributes on text, comment and attribute nodes
+		if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
+			return;
+		}
+
+		// Fallback to prop when attributes are not supported
+		if ( typeof elem.getAttribute === strundefined ) {
+			return jQuery.prop( elem, name, value );
+		}
+
+		// All attributes are lowercase
+		// Grab necessary hook if one is defined
+		if ( nType !== 1 || !jQuery.isXMLDoc( elem ) ) {
+			name = name.toLowerCase();
+			hooks = jQuery.attrHooks[ name ] ||
+				( jQuery.expr.match.bool.test( name ) ? boolHook : nodeHook );
+		}
+
+		if ( value !== undefined ) {
+
+			if ( value === null ) {
+				jQuery.removeAttr( elem, name );
+
+			} else if ( hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ) {
+				return ret;
+
+			} else {
+				elem.setAttribute( name, value + "" );
+				return value;
+			}
+
+		} else if ( hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ) {
+			return ret;
+
+		} else {
+			ret = jQuery.find.attr( elem, name );
+
+			// Non-existent attributes return null, we normalize to undefined
+			return ret == null ?
+				undefined :
+				ret;
+		}
+	},
+
+	removeAttr: function( elem, value ) {
+		var name, propName,
+			i = 0,
+			attrNames = value && value.match( rnotwhite );
+
+		if ( attrNames && elem.nodeType === 1 ) {
+			while ( (name = attrNames[i++]) ) {
+				propName = jQuery.propFix[ name ] || name;
+
+				// Boolean attributes get special treatment (#10870)
+				if ( jQuery.expr.match.bool.test( name ) ) {
+					// Set corresponding property to false
+					if ( getSetInput && getSetAttribute || !ruseDefault.test( name ) ) {
+						elem[ propName ] = false;
+					// Support: IE<9
+					// Also clear defaultChecked/defaultSelected (if appropriate)
+					} else {
+						elem[ jQuery.camelCase( "default-" + name ) ] =
+							elem[ propName ] = false;
+					}
+
+				// See #9699 for explanation of this approach (setting first, then removal)
+				} else {
+					jQuery.attr( elem, name, "" );
+				}
+
+				elem.removeAttribute( getSetAttribute ? name : propName );
+			}
+		}
+	},
+
+	attrHooks: {
+		type: {
+			set: function( elem, value ) {
+				if ( !support.radioValue && value === "radio" && jQuery.nodeName(elem, "input") ) {
+					// Setting the type on a radio button after the value resets the value in IE6-9
+					// Reset value to default in case type is set after value during creation
+					var val = elem.value;
+					elem.setAttribute( "type", value );
+					if ( val ) {
+						elem.value = val;
+					}
+					return value;
+				}
+			}
+		}
+	}
+});
+
+// Hook for boolean attributes
+boolHook = {
+	set: function( elem, value, name ) {
+		if ( value === false ) {
+			// Remove boolean attributes when set to false
+			jQuery.removeAttr( elem, name );
+		} else if ( getSetInput && getSetAttribute || !ruseDefault.test( name ) ) {
+			// IE<8 needs the *property* name
+			elem.setAttribute( !getSetAttribute && jQuery.propFix[ name ] || name, name );
+
+		// Use defaultChecked and defaultSelected for oldIE
+		} else {
+			elem[ jQuery.camelCase( "default-" + name ) ] = elem[ name ] = true;
+		}
+
+		return name;
+	}
+};
+
+// Retrieve booleans specially
+jQuery.each( jQuery.expr.match.bool.source.match( /\w+/g ), function( i, name ) {
+
+	var getter = attrHandle[ name ] || jQuery.find.attr;
+
+	attrHandle[ name ] = getSetInput && getSetAttribute || !ruseDefault.test( name ) ?
+		function( elem, name, isXML ) {
+			var ret, handle;
+			if ( !isXML ) {
+				// Avoid an infinite loop by temporarily removing this function from the getter
+				handle = attrHandle[ name ];
+				attrHandle[ name ] = ret;
+				ret = getter( elem, name, isXML ) != null ?
+					name.toLowerCase() :
+					null;
+				attrHandle[ name ] = handle;
+			}
+			return ret;
+		} :
+		function( elem, name, isXML ) {
+			if ( !isXML ) {
+				return elem[ jQuery.camelCase( "default-" + name ) ] ?
+					name.toLowerCase() :
+					null;
+			}
+		};
+});
+
+// fix oldIE attroperties
+if ( !getSetInput || !getSetAttribute ) {
+	jQuery.attrHooks.value = {
+		set: function( elem, value, name ) {
+			if ( jQuery.nodeName( elem, "input" ) ) {
+				// Does not return so that setAttribute is also used
+				elem.defaultValue = value;
+			} else {
+				// Use nodeHook if defined (#1954); otherwise setAttribute is fine
+				return nodeHook && nodeHook.set( elem, value, name );
+			}
+		}
+	};
+}
+
+// IE6/7 do not support getting/setting some attributes with get/setAttribute
+if ( !getSetAttribute ) {
+
+	// Use this for any attribute in IE6/7
+	// This fixes almost every IE6/7 issue
+	nodeHook = {
+		set: function( elem, value, name ) {
+			// Set the existing or create a new attribute node
+			var ret = elem.getAttributeNode( name );
+			if ( !ret ) {
+				elem.setAttributeNode(
+					(ret = elem.ownerDocument.createAttribute( name ))
+				);
+			}
+
+			ret.value = value += "";
+
+			// Break association with cloned elements by also using setAttribute (#9646)
+			if ( name === "value" || value === elem.getAttribute( name ) ) {
+				return value;
+			}
+		}
+	};
+
+	// Some attributes are constructed with empty-string values when not defined
+	attrHandle.id = attrHandle.name = attrHandle.coords =
+		function( elem, name, isXML ) {
+			var ret;
+			if ( !isXML ) {
+				return (ret = elem.getAttributeNode( name )) && ret.value !== "" ?
+					ret.value :
+					null;
+			}
+		};
+
+	// Fixing value retrieval on a button requires this module
+	jQuery.valHooks.button = {
+		get: function( elem, name ) {
+			var ret = elem.getAttributeNode( name );
+			if ( ret && ret.specified ) {
+				return ret.value;
+			}
+		},
+		set: nodeHook.set
+	};
+
+	// Set contenteditable to false on removals(#10429)
+	// Setting to empty string throws an error as an invalid value
+	jQuery.attrHooks.contenteditable = {
+		set: function( elem, value, name ) {
+			nodeHook.set( elem, value === "" ? false : value, name );
+		}
+	};
+
+	// Set width and height to auto instead of 0 on empty string( Bug #8150 )
+	// This is for removals
+	jQuery.each([ "width", "height" ], function( i, name ) {
+		jQuery.attrHooks[ name ] = {
+			set: function( elem, value ) {
+				if ( value === "" ) {
+					elem.setAttribute( name, "auto" );
+					return value;
+				}
+			}
+		};
+	});
+}
+
+if ( !support.style ) {
+	jQuery.attrHooks.style = {
+		get: function( elem ) {
+			// Return undefined in the case of empty string
+			// Note: IE uppercases css property names, but if we were to .toLowerCase()
+			// .cssText, that would destroy case senstitivity in URL's, like in "background"
+			return elem.style.cssText || undefined;
+		},
+		set: function( elem, value ) {
+			return ( elem.style.cssText = value + "" );
+		}
+	};
+}
+
+
+
+
+var rfocusable = /^(?:input|select|textarea|button|object)$/i,
+	rclickable = /^(?:a|area)$/i;
+
+jQuery.fn.extend({
+	prop: function( name, value ) {
+		return access( this, jQuery.prop, name, value, arguments.length > 1 );
+	},
+
+	removeProp: function( name ) {
+		name = jQuery.propFix[ name ] || name;
+		return this.each(function() {
+			// try/catch handles cases where IE balks (such as removing a property on window)
+			try {
+				this[ name ] = undefined;
+				delete this[ name ];
+			} catch( e ) {}
+		});
+	}
+});
+
+jQuery.extend({
+	propFix: {
+		"for": "htmlFor",
+		"class": "className"
+	},
+
+	prop: function( elem, name, value ) {
+		var ret, hooks, notxml,
+			nType = elem.nodeType;
+
+		// don't get/set properties on text, comment and attribute nodes
+		if ( !elem || nType === 3 || nType === 8 || nType === 2 ) {
+			return;
+		}
+
+		notxml = nType !== 1 || !jQuery.isXMLDoc( elem );
+
+		if ( notxml ) {
+			// Fix name and attach hooks
+			name = jQuery.propFix[ name ] || name;
+			hooks = jQuery.propHooks[ name ];
+		}
+
+		if ( value !== undefined ) {
+			return hooks && "set" in hooks && (ret = hooks.set( elem, value, name )) !== undefined ?
+				ret :
+				( elem[ name ] = value );
+
+		} else {
+			return hooks && "get" in hooks && (ret = hooks.get( elem, name )) !== null ?
+				ret :
+				elem[ name ];
+		}
+	},
+
+	propHooks: {
+		tabIndex: {
+			get: function( elem ) {
+				// elem.tabIndex doesn't always return the correct value when it hasn't been explicitly set
+				// http://fluidproject.org/blog/2008/01/09/getting-setting-and-removing-tabindex-values-with-javascript/
+				// Use proper attribute retrieval(#12072)
+				var tabindex = jQuery.find.attr( elem, "tabindex" );
+
+				return tabindex ?
+					parseInt( tabindex, 10 ) :
+					rfocusable.test( elem.nodeName ) || rclickable.test( elem.nodeName ) && elem.href ?
+						0 :
+						-1;
+			}
+		}
+	}
+});
+
+// Some attributes require a special call on IE
+// http://msdn.microsoft.com/en-us/library/ms536429%28VS.85%29.aspx
+if ( !support.hrefNormalized ) {
+	// href/src property should get the full normalized URL (#10299/#12915)
+	jQuery.each([ "href", "src" ], function( i, name ) {
+		jQuery.propHooks[ name ] = {
+			get: function( elem ) {
+				return elem.getAttribute( name, 4 );
+			}
+		};
+	});
+}
+
+// Support: Safari, IE9+
+// mis-reports the default selected property of an option
+// Accessing the parent's selectedIndex property fixes it
+if ( !support.optSelected ) {
+	jQuery.propHooks.selected = {
+		get: function( elem ) {
+			var parent = elem.parentNode;
+
+			if ( parent ) {
+				parent.selectedIndex;
+
+				// Make sure that it also works with optgroups, see #5701
+				if ( parent.parentNode ) {
+					parent.parentNode.selectedIndex;
+				}
+			}
+			return null;
+		}
+	};
+}
+
+jQuery.each([
+	"tabIndex",
+	"readOnly",
+	"maxLength",
+	"cellSpacing",
+	"cellPadding",
+	"rowSpan",
+	"colSpan",
+	"useMap",
+	"frameBorder",
+	"contentEditable"
+], function() {
+	jQuery.propFix[ this.toLowerCase() ] = this;
+});
+
+// IE6/7 call enctype encoding
+if ( !support.enctype ) {
+	jQuery.propFix.enctype = "encoding";
+}
+
+
+
+
+var rclass = /[\t\r\n\f]/g;
+
+jQuery.fn.extend({
+	addClass: function( value ) {
+		var classes, elem, cur, clazz, j, finalValue,
+			i = 0,
+			len = this.length,
+			proceed = typeof value === "string" && value;
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( j ) {
+				jQuery( this ).addClass( value.call( this, j, this.className ) );
+			});
+		}
+
+		if ( proceed ) {
+			// The disjunction here is for better compressibility (see removeClass)
+			classes = ( value || "" ).match( rnotwhite ) || [];
+
+			for ( ; i < len; i++ ) {
+				elem = this[ i ];
+				cur = elem.nodeType === 1 && ( elem.className ?
+					( " " + elem.className + " " ).replace( rclass, " " ) :
+					" "
+				);
+
+				if ( cur ) {
+					j = 0;
+					while ( (clazz = classes[j++]) ) {
+						if ( cur.indexOf( " " + clazz + " " ) < 0 ) {
+							cur += clazz + " ";
+						}
+					}
+
+					// only assign if different to avoid unneeded rendering.
+					finalValue = jQuery.trim( cur );
+					if ( elem.className !== finalValue ) {
+						elem.className = finalValue;
+					}
+				}
+			}
+		}
+
+		return this;
+	},
+
+	removeClass: function( value ) {
+		var classes, elem, cur, clazz, j, finalValue,
+			i = 0,
+			len = this.length,
+			proceed = arguments.length === 0 || typeof value === "string" && value;
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( j ) {
+				jQuery( this ).removeClass( value.call( this, j, this.className ) );
+			});
+		}
+		if ( proceed ) {
+			classes = ( value || "" ).match( rnotwhite ) || [];
+
+			for ( ; i < len; i++ ) {
+				elem = this[ i ];
+				// This expression is here for better compressibility (see addClass)
+				cur = elem.nodeType === 1 && ( elem.className ?
+					( " " + elem.className + " " ).replace( rclass, " " ) :
+					""
+				);
+
+				if ( cur ) {
+					j = 0;
+					while ( (clazz = classes[j++]) ) {
+						// Remove *all* instances
+						while ( cur.indexOf( " " + clazz + " " ) >= 0 ) {
+							cur = cur.replace( " " + clazz + " ", " " );
+						}
+					}
+
+					// only assign if different to avoid unneeded rendering.
+					finalValue = value ? jQuery.trim( cur ) : "";
+					if ( elem.className !== finalValue ) {
+						elem.className = finalValue;
+					}
+				}
+			}
+		}
+
+		return this;
+	},
+
+	toggleClass: function( value, stateVal ) {
+		var type = typeof value;
+
+		if ( typeof stateVal === "boolean" && type === "string" ) {
+			return stateVal ? this.addClass( value ) : this.removeClass( value );
+		}
+
+		if ( jQuery.isFunction( value ) ) {
+			return this.each(function( i ) {
+				jQuery( this ).toggleClass( value.call(this, i, this.className, stateVal), stateVal );
+			});
+		}
+
+		return this.each(function() {
+			if ( type === "string" ) {
+				// toggle individual class names
+				var className,
+					i = 0,
+					self = jQuery( this ),
+					classNames = value.match( rnotwhite ) || [];
+
+				while ( (className = classNames[ i++ ]) ) {
+					// check each className given, space separated list
+					if ( self.hasClass( className ) ) {
+						self.removeClass( className );
+					} else {
+						self.addClass( className );
+					}
+				}
+
+			// Toggle whole class name
+			} else if ( type === strundefined || type === "boolean" ) {
+				if ( this.className ) {
+					// store className if set
+					jQuery._data( this, "__className__", this.className );
+				}
+
+				// If the element has a class name or if we're passed "false",
+				// then remove the whole classname (if there was one, the above saved it).
+				// Otherwise bring back whatever was previously saved (if anything),
+				// falling back to the empty string if nothing was stored.
+				this.className = this.className || value === false ? "" : jQuery._data( this, "__className__" ) || "";
+			}
+		});
+	},
+
+	hasClass: function( selector ) {
+		var className = " " + selector + " ",
+			i = 0,
+			l = this.length;
+		for ( ; i < l; i++ ) {
+			if ( this[i].nodeType === 1 && (" " + this[i].className + " ").replace(rclass, " ").indexOf( className ) >= 0 ) {
+				return true;
+			}
+		}
+
+		return false;
+	}
+});
+
+
+
+
+// Return jQuery for attributes-only inclusion
+
+
+jQuery.each( ("blur focus focusin focusout load resize scroll unload click dblclick " +
+	"mousedown mouseup mousemove mouseover mouseout mouseenter mouseleave " +
+	"change select submit keydown keypress keyup error contextmenu").split(" "), function( i, name ) {
+
+	// Handle event binding
+	jQuery.fn[ name ] = function( data, fn ) {
+		return arguments.length > 0 ?
+			this.on( name, null, data, fn ) :
+			this.trigger( name );
+	};
+});
+
+jQuery.fn.extend({
+	hover: function( fnOver, fnOut ) {
+		return this.mouseenter( fnOver ).mouseleave( fnOut || fnOver );
+	},
+
+	bind: function( types, data, fn ) {
+		return this.on( types, null, data, fn );
+	},
+	unbind: function( types, fn ) {
+		return this.off( types, null, fn );
+	},
+
+	delegate: function( selector, types, data, fn ) {
+		return this.on( types, selector, data, fn );
+	},
+	undelegate: function( selector, types, fn ) {
+		// ( namespace ) or ( selector, types [, fn] )
+		return arguments.length === 1 ? this.off( selector, "**" ) : this.off( types, selector || "**", fn );
+	}
+});
+
+
+var nonce = jQuery.now();
+
+var rquery = (/\?/);
+
+
+
+var rvalidtokens = /(,)|(\[|{)|(}|])|"(?:[^"\\\r\n]|\\["\\\/bfnrt]|\\u[\da-fA-F]{4})*"\s*:?|true|false|null|-?(?!0\d)\d+(?:\.\d+|)(?:[eE][+-]?\d+|)/g;
+
+jQuery.parseJSON = function( data ) {
+	// Attempt to parse using the native JSON parser first
+	if ( window.JSON && window.JSON.parse ) {
+		// Support: Android 2.3
+		// Workaround failure to string-cast null input
+		return window.JSON.parse( data + "" );
+	}
+
+	var requireNonComma,
+		depth = null,
+		str = jQuery.trim( data + "" );
+
+	// Guard against invalid (and possibly dangerous) input by ensuring that nothing remains
+	// after removing valid tokens
+	return str && !jQuery.trim( str.replace( rvalidtokens, function( token, comma, open, close ) {
+
+		// Force termination if we see a misplaced comma
+		if ( requireNonComma && comma ) {
+			depth = 0;
+		}
+
+		// Perform no more replacements after returning to outermost depth
+		if ( depth === 0 ) {
+			return token;
+		}
+
+		// Commas must not follow "[", "{", or ","
+		requireNonComma = open || comma;
+
+		// Determine new depth
+		// array/object open ("[" or "{"): depth += true - false (increment)
+		// array/object close ("]" or "}"): depth += false - true (decrement)
+		// other cases ("," or primitive): depth += true - true (numeric cast)
+		depth += !close - !open;
+
+		// Remove this token
+		return "";
+	}) ) ?
+		( Function( "return " + str ) )() :
+		jQuery.error( "Invalid JSON: " + data );
+};
+
+
+// Cross-browser xml parsing
+jQuery.parseXML = function( data ) {
+	var xml, tmp;
+	if ( !data || typeof data !== "string" ) {
+		return null;
+	}
+	try {
+		if ( window.DOMParser ) { // Standard
+			tmp = new DOMParser();
+			xml = tmp.parseFromString( data, "text/xml" );
+		} else { // IE
+			xml = new ActiveXObject( "Microsoft.XMLDOM" );
+			xml.async = "false";
+			xml.loadXML( data );
+		}
+	} catch( e ) {
+		xml = undefined;
+	}
+	if ( !xml || !xml.documentElement || xml.getElementsByTagName( "parsererror" ).length ) {
+		jQuery.error( "Invalid XML: " + data );
+	}
+	return xml;
+};
+
+
+var
+	// Document location
+	ajaxLocParts,
+	ajaxLocation,
+
+	rhash = /#.*$/,
+	rts = /([?&])_=[^&]*/,
+	rheaders = /^(.*?):[ \t]*([^\r\n]*)\r?$/mg, // IE leaves an \r character at EOL
+	// #7653, #8125, #8152: local protocol detection
+	rlocalProtocol = /^(?:about|app|app-storage|.+-extension|file|res|widget):$/,
+	rnoContent = /^(?:GET|HEAD)$/,
+	rprotocol = /^\/\//,
+	rurl = /^([\w.+-]+:)(?:\/\/(?:[^\/?#]*@|)([^\/?#:]*)(?::(\d+)|)|)/,
+
+	/* Prefilters
+	 * 1) They are useful to introduce custom dataTypes (see ajax/jsonp.js for an example)
+	 * 2) These are called:
+	 *    - BEFORE asking for a transport
+	 *    - AFTER param serialization (s.data is a string if s.processData is true)
+	 * 3) key is the dataType
+	 * 4) the catchall symbol "*" can be used
+	 * 5) execution will start with transport dataType and THEN continue down to "*" if needed
+	 */
+	prefilters = {},
+
+	/* Transports bindings
+	 * 1) key is the dataType
+	 * 2) the catchall symbol "*" can be used
+	 * 3) selection will start with transport dataType and THEN go to "*" if needed
+	 */
+	transports = {},
+
+	// Avoid comment-prolog char sequence (#10098); must appease lint and evade compression
+	allTypes = "*/".concat("*");
+
+// #8138, IE may throw an exception when accessing
+// a field from window.location if document.domain has been set
+try {
+	ajaxLocation = location.href;
+} catch( e ) {
+	// Use the href attribute of an A element
+	// since IE will modify it given document.location
+	ajaxLocation = document.createElement( "a" );
+	ajaxLocation.href = "";
+	ajaxLocation = ajaxLocation.href;
+}
+
+// Segment location into parts
+ajaxLocParts = rurl.exec( ajaxLocation.toLowerCase() ) || [];
+
+// Base "constructor" for jQuery.ajaxPrefilter and jQuery.ajaxTransport
+function addToPrefiltersOrTransports( structure ) {
+
+	// dataTypeExpression is optional and defaults to "*"
+	return function( dataTypeExpression, func ) {
+
+		if ( typeof dataTypeExpression !== "string" ) {
+			func = dataTypeExpression;
+			dataTypeExpression = "*";
+		}
+
+		var dataType,
+			i = 0,
+			dataTypes = dataTypeExpression.toLowerCase().match( rnotwhite ) || [];
+
+		if ( jQuery.isFunction( func ) ) {
+			// For each dataType in the dataTypeExpression
+			while ( (dataType = dataTypes[i++]) ) {
+				// Prepend if requested
+				if ( dataType.charAt( 0 ) === "+" ) {
+					dataType = dataType.slice( 1 ) || "*";
+					(structure[ dataType ] = structure[ dataType ] || []).unshift( func );
+
+				// Otherwise append
+				} else {
+					(structure[ dataType ] = structure[ dataType ] || []).push( func );
+				}
+			}
+		}
+	};
+}
+
+// Base inspection function for prefilters and transports
+function inspectPrefiltersOrTransports( structure, options, originalOptions, jqXHR ) {
+
+	var inspected = {},
+		seekingTransport = ( structure === transports );
+
+	function inspect( dataType ) {
+		var selected;
+		inspected[ dataType ] = true;
+		jQuery.each( structure[ dataType ] || [], function( _, prefilterOrFactory ) {
+			var dataTypeOrTransport = prefilterOrFactory( options, originalOptions, jqXHR );
+			if ( typeof dataTypeOrTransport === "string" && !seekingTransport && !inspected[ dataTypeOrTransport ] ) {
+				options.dataTypes.unshift( dataTypeOrTransport );
+				inspect( dataTypeOrTransport );
+				return false;
+			} else if ( seekingTransport ) {
+				return !( selected = dataTypeOrTransport );
+			}
+		});
+		return selected;
+	}
+
+	return inspect( options.dataTypes[ 0 ] ) || !inspected[ "*" ] && inspect( "*" );
+}
+
+// A special extend for ajax options
+// that takes "flat" options (not to be deep extended)
+// Fixes #9887
+function ajaxExtend( target, src ) {
+	var deep, key,
+		flatOptions = jQuery.ajaxSettings.flatOptions || {};
+
+	for ( key in src ) {
+		if ( src[ key ] !== undefined ) {
+			( flatOptions[ key ] ? target : ( deep || (deep = {}) ) )[ key ] = src[ key ];
+		}
+	}
+	if ( deep ) {
+		jQuery.extend( true, target, deep );
+	}
+
+	return target;
+}
+
+/* Handles responses to an ajax request:
+ * - finds the right dataType (mediates between content-type and expected dataType)
+ * - returns the corresponding response
+ */
+function ajaxHandleResponses( s, jqXHR, responses ) {
+	var firstDataType, ct, finalDataType, type,
+		contents = s.contents,
+		dataTypes = s.dataTypes;
+
+	// Remove auto dataType and get content-type in the process
+	while ( dataTypes[ 0 ] === "*" ) {
+		dataTypes.shift();
+		if ( ct === undefined ) {
+			ct = s.mimeType || jqXHR.getResponseHeader("Content-Type");
+		}
+	}
+
+	// Check if we're dealing with a known content-type
+	if ( ct ) {
+		for ( type in contents ) {
+			if ( contents[ type ] && contents[ type ].test( ct ) ) {
+				dataTypes.unshift( type );
+				break;
+			}
+		}
+	}
+
+	// Check to see if we have a response for the expected dataType
+	if ( dataTypes[ 0 ] in responses ) {
+		finalDataType = dataTypes[ 0 ];
+	} else {
+		// Try convertible dataTypes
+		for ( type in responses ) {
+			if ( !dataTypes[ 0 ] || s.converters[ type + " " + dataTypes[0] ] ) {
+				finalDataType = type;
+				break;
+			}
+			if ( !firstDataType ) {
+				firstDataType = type;
+			}
+		}
+		// Or just use first one
+		finalDataType = finalDataType || firstDataType;
+	}
+
+	// If we found a dataType
+	// We add the dataType to the list if needed
+	// and return the corresponding response
+	if ( finalDataType ) {
+		if ( finalDataType !== dataTypes[ 0 ] ) {
+			dataTypes.unshift( finalDataType );
+		}
+		return responses[ finalDataType ];
+	}
+}
+
+/* Chain conversions given the request and the original response
+ * Also sets the responseXXX fields on the jqXHR instance
+ */
+function ajaxConvert( s, response, jqXHR, isSuccess ) {
+	var conv2, current, conv, tmp, prev,
+		converters = {},
+		// Work with a copy of dataTypes in case we need to modify it for conversion
+		dataTypes = s.dataTypes.slice();
+
+	// Create converters map with lowercased keys
+	if ( dataTypes[ 1 ] ) {
+		for ( conv in s.converters ) {
+			converters[ conv.toLowerCase() ] = s.converters[ conv ];
+		}
+	}
+
+	current = dataTypes.shift();
+
+	// Convert to each sequential dataType
+	while ( current ) {
+
+		if ( s.responseFields[ current ] ) {
+			jqXHR[ s.responseFields[ current ] ] = response;
+		}
+
+		// Apply the dataFilter if provided
+		if ( !prev && isSuccess && s.dataFilter ) {
+			response = s.dataFilter( response, s.dataType );
+		}
+
+		prev = current;
+		current = dataTypes.shift();
+
+		if ( current ) {
+
+			// There's only work to do if current dataType is non-auto
+			if ( current === "*" ) {
+
+				current = prev;
+
+			// Convert response if prev dataType is non-auto and differs from current
+			} else if ( prev !== "*" && prev !== current ) {
+
+				// Seek a direct converter
+				conv = converters[ prev + " " + current ] || converters[ "* " + current ];
+
+				// If none found, seek a pair
+				if ( !conv ) {
+					for ( conv2 in converters ) {
+
+						// If conv2 outputs current
+						tmp = conv2.split( " " );
+						if ( tmp[ 1 ] === current ) {
+
+							// If prev can be converted to accepted input
+							conv = converters[ prev + " " + tmp[ 0 ] ] ||
+								converters[ "* " + tmp[ 0 ] ];
+							if ( conv ) {
+								// Condense equivalence converters
+								if ( conv === true ) {
+									conv = converters[ conv2 ];
+
+								// Otherwise, insert the intermediate dataType
+								} else if ( converters[ conv2 ] !== true ) {
+									current = tmp[ 0 ];
+									dataTypes.unshift( tmp[ 1 ] );
+								}
+								break;
+							}
+						}
+					}
+				}
+
+				// Apply converter (if not an equivalence)
+				if ( conv !== true ) {
+
+					// Unless errors are allowed to bubble, catch and return them
+					if ( conv && s[ "throws" ] ) {
+						response = conv( response );
+					} else {
+						try {
+							response = conv( response );
+						} catch ( e ) {
+							return { state: "parsererror", error: conv ? e : "No conversion from " + prev + " to " + current };
+						}
+					}
+				}
+			}
+		}
+	}
+
+	return { state: "success", data: response };
+}
+
+jQuery.extend({
+
+	// Counter for holding the number of active queries
+	active: 0,
+
+	// Last-Modified header cache for next request
+	lastModified: {},
+	etag: {},
+
+	ajaxSettings: {
+		url: ajaxLocation,
+		type: "GET",
+		isLocal: rlocalProtocol.test( ajaxLocParts[ 1 ] ),
+		global: true,
+		processData: true,
+		async: true,
+		contentType: "application/x-www-form-urlencoded; charset=UTF-8",
+		/*
+		timeout: 0,
+		data: null,
+		dataType: null,
+		username: null,
+		password: null,
+		cache: null,
+		throws: false,
+		traditional: false,
+		headers: {},
+		*/
+
+		accepts: {
+			"*": allTypes,
+			text: "text/plain",
+			html: "text/html",
+			xml: "application/xml, text/xml",
+			json: "application/json, text/javascript"
+		},
+
+		contents: {
+			xml: /xml/,
+			html: /html/,
+			json: /json/
+		},
+
+		responseFields: {
+			xml: "responseXML",
+			text: "responseText",
+			json: "responseJSON"
+		},
+
+		// Data converters
+		// Keys separate source (or catchall "*") and destination types with a single space
+		converters: {
+
+			// Convert anything to text
+			"* text": String,
+
+			// Text to html (true = no transformation)
+			"text html": true,
+
+			// Evaluate text as a json expression
+			"text json": jQuery.parseJSON,
+
+			// Parse text as xml
+			"text xml": jQuery.parseXML
+		},
+
+		// For options that shouldn't be deep extended:
+		// you can add your own custom options here if
+		// and when you create one that shouldn't be
+		// deep extended (see ajaxExtend)
+		flatOptions: {
+			url: true,
+			context: true
+		}
+	},
+
+	// Creates a full fledged settings object into target
+	// with both ajaxSettings and settings fields.
+	// If target is omitted, writes into ajaxSettings.
+	ajaxSetup: function( target, settings ) {
+		return settings ?
+
+			// Building a settings object
+			ajaxExtend( ajaxExtend( target, jQuery.ajaxSettings ), settings ) :
+
+			// Extending ajaxSettings
+			ajaxExtend( jQuery.ajaxSettings, target );
+	},
+
+	ajaxPrefilter: addToPrefiltersOrTransports( prefilters ),
+	ajaxTransport: addToPrefiltersOrTransports( transports ),
+
+	// Main method
+	ajax: function( url, options ) {
+
+		// If url is an object, simulate pre-1.5 signature
+		if ( typeof url === "object" ) {
+			options = url;
+			url = undefined;
+		}
+
+		// Force options to be an object
+		options = options || {};
+
+		var // Cross-domain detection vars
+			parts,
+			// Loop variable
+			i,
+			// URL without anti-cache param
+			cacheURL,
+			// Response headers as string
+			responseHeadersString,
+			// timeout handle
+			timeoutTimer,
+
+			// To know if global events are to be dispatched
+			fireGlobals,
+
+			transport,
+			// Response headers
+			responseHeaders,
+			// Create the final options object
+			s = jQuery.ajaxSetup( {}, options ),
+			// Callbacks context
+			callbackContext = s.context || s,
+			// Context for global events is callbackContext if it is a DOM node or jQuery collection
+			globalEventContext = s.context && ( callbackContext.nodeType || callbackContext.jquery ) ?
+				jQuery( callbackContext ) :
+				jQuery.event,
+			// Deferreds
+			deferred = jQuery.Deferred(),
+			completeDeferred = jQuery.Callbacks("once memory"),
+			// Status-dependent callbacks
+			statusCode = s.statusCode || {},
+			// Headers (they are sent all at once)
+			requestHeaders = {},
+			requestHeadersNames = {},
+			// The jqXHR state
+			state = 0,
+			// Default abort message
+			strAbort = "canceled",
+			// Fake xhr
+			jqXHR = {
+				readyState: 0,
+
+				// Builds headers hashtable if needed
+				getResponseHeader: function( key ) {
+					var match;
+					if ( state === 2 ) {
+						if ( !responseHeaders ) {
+							responseHeaders = {};
+							while ( (match = rheaders.exec( responseHeadersString )) ) {
+								responseHeaders[ match[1].toLowerCase() ] = match[ 2 ];
+							}
+						}
+						match = responseHeaders[ key.toLowerCase() ];
+					}
+					return match == null ? null : match;
+				},
+
+				// Raw string
+				getAllResponseHeaders: function() {
+					return state === 2 ? responseHeadersString : null;
+				},
+
+				// Caches the header
+				setRequestHeader: function( name, value ) {
+					var lname = name.toLowerCase();
+					if ( !state ) {
+						name = requestHeadersNames[ lname ] = requestHeadersNames[ lname ] || name;
+						requestHeaders[ name ] = value;
+					}
+					return this;
+				},
+
+				// Overrides response content-type header
+				overrideMimeType: function( type ) {
+					if ( !state ) {
+						s.mimeType = type;
+					}
+					return this;
+				},
+
+				// Status-dependent callbacks
+				statusCode: function( map ) {
+					var code;
+					if ( map ) {
+						if ( state < 2 ) {
+							for ( code in map ) {
+								// Lazy-add the new callback in a way that preserves old ones
+								statusCode[ code ] = [ statusCode[ code ], map[ code ] ];
+							}
+						} else {
+							// Execute the appropriate callbacks
+							jqXHR.always( map[ jqXHR.status ] );
+						}
+					}
+					return this;
+				},
+
+				// Cancel the request
+				abort: function( statusText ) {
+					var finalText = statusText || strAbort;
+					if ( transport ) {
+						transport.abort( finalText );
+					}
+					done( 0, finalText );
+					return this;
+				}
+			};
+
+		// Attach deferreds
+		deferred.promise( jqXHR ).complete = completeDeferred.add;
+		jqXHR.success = jqXHR.done;
+		jqXHR.error = jqXHR.fail;
+
+		// Remove hash character (#7531: and string promotion)
+		// Add protocol if not provided (#5866: IE7 issue with protocol-less urls)
+		// Handle falsy url in the settings object (#10093: consistency with old signature)
+		// We also use the url parameter if available
+		s.url = ( ( url || s.url || ajaxLocation ) + "" ).replace( rhash, "" ).replace( rprotocol, ajaxLocParts[ 1 ] + "//" );
+
+		// Alias method option to type as per ticket #12004
+		s.type = options.method || options.type || s.method || s.type;
+
+		// Extract dataTypes list
+		s.dataTypes = jQuery.trim( s.dataType || "*" ).toLowerCase().match( rnotwhite ) || [ "" ];
+
+		// A cross-domain request is in order when we have a protocol:host:port mismatch
+		if ( s.crossDomain == null ) {
+			parts = rurl.exec( s.url.toLowerCase() );
+			s.crossDomain = !!( parts &&
+				( parts[ 1 ] !== ajaxLocParts[ 1 ] || parts[ 2 ] !== ajaxLocParts[ 2 ] ||
+					( parts[ 3 ] || ( parts[ 1 ] === "http:" ? "80" : "443" ) ) !==
+						( ajaxLocParts[ 3 ] || ( ajaxLocParts[ 1 ] === "http:" ? "80" : "443" ) ) )
+			);
+		}
+
+		// Convert data if not already a string
+		if ( s.data && s.processData && typeof s.data !== "string" ) {
+			s.data = jQuery.param( s.data, s.traditional );
+		}
+
+		// Apply prefilters
+		inspectPrefiltersOrTransports( prefilters, s, options, jqXHR );
+
+		// If request was aborted inside a prefilter, stop there
+		if ( state === 2 ) {
+			return jqXHR;
+		}
+
+		// We can fire global events as of now if asked to
+		fireGlobals = s.global;
+
+		// Watch for a new set of requests
+		if ( fireGlobals && jQuery.active++ === 0 ) {
+			jQuery.event.trigger("ajaxStart");
+		}
+
+		// Uppercase the type
+		s.type = s.type.toUpperCase();
+
+		// Determine if request has content
+		s.hasContent = !rnoContent.test( s.type );
+
+		// Save the URL in case we're toying with the If-Modified-Since
+		// and/or If-None-Match header later on
+		cacheURL = s.url;
+
+		// More options handling for requests with no content
+		if ( !s.hasContent ) {
+
+			// If data is available, append data to url
+			if ( s.data ) {
+				cacheURL = ( s.url += ( rquery.test( cacheURL ) ? "&" : "?" ) + s.data );
+				// #9682: remove data so that it's not used in an eventual retry
+				delete s.data;
+			}
+
+			// Add anti-cache in url if needed
+			if ( s.cache === false ) {
+				s.url = rts.test( cacheURL ) ?
+
+					// If there is already a '_' parameter, set its value
+					cacheURL.replace( rts, "$1_=" + nonce++ ) :
+
+					// Otherwise add one to the end
+					cacheURL + ( rquery.test( cacheURL ) ? "&" : "?" ) + "_=" + nonce++;
+			}
+		}
+
+		// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+		if ( s.ifModified ) {
+			if ( jQuery.lastModified[ cacheURL ] ) {
+				jqXHR.setRequestHeader( "If-Modified-Since", jQuery.lastModified[ cacheURL ] );
+			}
+			if ( jQuery.etag[ cacheURL ] ) {
+				jqXHR.setRequestHeader( "If-None-Match", jQuery.etag[ cacheURL ] );
+			}
+		}
+
+		// Set the correct header, if data is being sent
+		if ( s.data && s.hasContent && s.contentType !== false || options.contentType ) {
+			jqXHR.setRequestHeader( "Content-Type", s.contentType );
+		}
+
+		// Set the Accepts header for the server, depending on the dataType
+		jqXHR.setRequestHeader(
+			"Accept",
+			s.dataTypes[ 0 ] && s.accepts[ s.dataTypes[0] ] ?
+				s.accepts[ s.dataTypes[0] ] + ( s.dataTypes[ 0 ] !== "*" ? ", " + allTypes + "; q=0.01" : "" ) :
+				s.accepts[ "*" ]
+		);
+
+		// Check for headers option
+		for ( i in s.headers ) {
+			jqXHR.setRequestHeader( i, s.headers[ i ] );
+		}
+
+		// Allow custom headers/mimetypes and early abort
+		if ( s.beforeSend && ( s.beforeSend.call( callbackContext, jqXHR, s ) === false || state === 2 ) ) {
+			// Abort if not done already and return
+			return jqXHR.abort();
+		}
+
+		// aborting is no longer a cancellation
+		strAbort = "abort";
+
+		// Install callbacks on deferreds
+		for ( i in { success: 1, error: 1, complete: 1 } ) {
+			jqXHR[ i ]( s[ i ] );
+		}
+
+		// Get transport
+		transport = inspectPrefiltersOrTransports( transports, s, options, jqXHR );
+
+		// If no transport, we auto-abort
+		if ( !transport ) {
+			done( -1, "No Transport" );
+		} else {
+			jqXHR.readyState = 1;
+
+			// Send global event
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxSend", [ jqXHR, s ] );
+			}
+			// Timeout
+			if ( s.async && s.timeout > 0 ) {
+				timeoutTimer = setTimeout(function() {
+					jqXHR.abort("timeout");
+				}, s.timeout );
+			}
+
+			try {
+				state = 1;
+				transport.send( requestHeaders, done );
+			} catch ( e ) {
+				// Propagate exception as error if not done
+				if ( state < 2 ) {
+					done( -1, e );
+				// Simply rethrow otherwise
+				} else {
+					throw e;
+				}
+			}
+		}
+
+		// Callback for when everything is done
+		function done( status, nativeStatusText, responses, headers ) {
+			var isSuccess, success, error, response, modified,
+				statusText = nativeStatusText;
+
+			// Called once
+			if ( state === 2 ) {
+				return;
+			}
+
+			// State is "done" now
+			state = 2;
+
+			// Clear timeout if it exists
+			if ( timeoutTimer ) {
+				clearTimeout( timeoutTimer );
+			}
+
+			// Dereference transport for early garbage collection
+			// (no matter how long the jqXHR object will be used)
+			transport = undefined;
+
+			// Cache response headers
+			responseHeadersString = headers || "";
+
+			// Set readyState
+			jqXHR.readyState = status > 0 ? 4 : 0;
+
+			// Determine if successful
+			isSuccess = status >= 200 && status < 300 || status === 304;
+
+			// Get response data
+			if ( responses ) {
+				response = ajaxHandleResponses( s, jqXHR, responses );
+			}
+
+			// Convert no matter what (that way responseXXX fields are always set)
+			response = ajaxConvert( s, response, jqXHR, isSuccess );
+
+			// If successful, handle type chaining
+			if ( isSuccess ) {
+
+				// Set the If-Modified-Since and/or If-None-Match header, if in ifModified mode.
+				if ( s.ifModified ) {
+					modified = jqXHR.getResponseHeader("Last-Modified");
+					if ( modified ) {
+						jQuery.lastModified[ cacheURL ] = modified;
+					}
+					modified = jqXHR.getResponseHeader("etag");
+					if ( modified ) {
+						jQuery.etag[ cacheURL ] = modified;
+					}
+				}
+
+				// if no content
+				if ( status === 204 || s.type === "HEAD" ) {
+					statusText = "nocontent";
+
+				// if not modified
+				} else if ( status === 304 ) {
+					statusText = "notmodified";
+
+				// If we have data, let's convert it
+				} else {
+					statusText = response.state;
+					success = response.data;
+					error = response.error;
+					isSuccess = !error;
+				}
+			} else {
+				// We extract error from statusText
+				// then normalize statusText and status for non-aborts
+				error = statusText;
+				if ( status || !statusText ) {
+					statusText = "error";
+					if ( status < 0 ) {
+						status = 0;
+					}
+				}
+			}
+
+			// Set data for the fake xhr object
+			jqXHR.status = status;
+			jqXHR.statusText = ( nativeStatusText || statusText ) + "";
+
+			// Success/Error
+			if ( isSuccess ) {
+				deferred.resolveWith( callbackContext, [ success, statusText, jqXHR ] );
+			} else {
+				deferred.rejectWith( callbackContext, [ jqXHR, statusText, error ] );
+			}
+
+			// Status-dependent callbacks
+			jqXHR.statusCode( statusCode );
+			statusCode = undefined;
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( isSuccess ? "ajaxSuccess" : "ajaxError",
+					[ jqXHR, s, isSuccess ? success : error ] );
+			}
+
+			// Complete
+			completeDeferred.fireWith( callbackContext, [ jqXHR, statusText ] );
+
+			if ( fireGlobals ) {
+				globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );
+				// Handle the global AJAX counter
+				if ( !( --jQuery.active ) ) {
+					jQuery.event.trigger("ajaxStop");
+				}
+			}
+		}
+
+		return jqXHR;
+	},
+
+	getJSON: function( url, data, callback ) {
+		return jQuery.get( url, data, callback, "json" );
+	},
+
+	getScript: function( url, callback ) {
+		return jQuery.get( url, undefined, callback, "script" );
+	}
+});
+
+jQuery.each( [ "get", "post" ], function( i, method ) {
+	jQuery[ method ] = function( url, data, callback, type ) {
+		// shift arguments if data argument was omitted
+		if ( jQuery.isFunction( data ) ) {
+			type = type || callback;
+			callback = data;
+			data = undefined;
+		}
+
+		return jQuery.ajax({
+			url: url,
+			type: method,
+			dataType: type,
+			data: data,
+			success: callback
+		});
+	};
+});
+
+// Attach a bunch of functions for handling common AJAX events
+jQuery.each( [ "ajaxStart", "ajaxStop", "ajaxComplete", "ajaxError", "ajaxSuccess", "ajaxSend" ], function( i, type ) {
+	jQuery.fn[ type ] = function( fn ) {
+		return this.on( type, fn );
+	};
+});
+
+
+jQuery._evalUrl = function( url ) {
+	return jQuery.ajax({
+		url: url,
+		type: "GET",
+		dataType: "script",
+		async: false,
+		global: false,
+		"throws": true
+	});
+};
+
+
+jQuery.fn.extend({
+	wrapAll: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function(i) {
+				jQuery(this).wrapAll( html.call(this, i) );
+			});
+		}
+
+		if ( this[0] ) {
+			// The elements to wrap the target around
+			var wrap = jQuery( html, this[0].ownerDocument ).eq(0).clone(true);
+
+			if ( this[0].parentNode ) {
+				wrap.insertBefore( this[0] );
+			}
+
+			wrap.map(function() {
+				var elem = this;
+
+				while ( elem.firstChild && elem.firstChild.nodeType === 1 ) {
+					elem = elem.firstChild;
+				}
+
+				return elem;
+			}).append( this );
+		}
+
+		return this;
+	},
+
+	wrapInner: function( html ) {
+		if ( jQuery.isFunction( html ) ) {
+			return this.each(function(i) {
+				jQuery(this).wrapInner( html.call(this, i) );
+			});
+		}
+
+		return this.each(function() {
+			var self = jQuery( this ),
+				contents = self.contents();
+
+			if ( contents.length ) {
+				contents.wrapAll( html );
+
+			} else {
+				self.append( html );
+			}
+		});
+	},
+
+	wrap: function( html ) {
+		var isFunction = jQuery.isFunction( html );
+
+		return this.each(function(i) {
+			jQuery( this ).wrapAll( isFunction ? html.call(this, i) : html );
+		});
+	},
+
+	unwrap: function() {
+		return this.parent().each(function() {
+			if ( !jQuery.nodeName( this, "body" ) ) {
+				jQuery( this ).replaceWith( this.childNodes );
+			}
+		}).end();
+	}
+});
+
+
+jQuery.expr.filters.hidden = function( elem ) {
+	// Support: Opera <= 12.12
+	// Opera reports offsetWidths and offsetHeights less than zero on some elements
+	return elem.offsetWidth <= 0 && elem.offsetHeight <= 0 ||
+		(!support.reliableHiddenOffsets() &&
+			((elem.style && elem.style.display) || jQuery.css( elem, "display" )) === "none");
+};
+
+jQuery.expr.filters.visible = function( elem ) {
+	return !jQuery.expr.filters.hidden( elem );
+};
+
+
+
+
+var r20 = /%20/g,
+	rbracket = /\[\]$/,
+	rCRLF = /\r?\n/g,
+	rsubmitterTypes = /^(?:submit|button|image|reset|file)$/i,
+	rsubmittable = /^(?:input|select|textarea|keygen)/i;
+
+function buildParams( prefix, obj, traditional, add ) {
+	var name;
+
+	if ( jQuery.isArray( obj ) ) {
+		// Serialize array item.
+		jQuery.each( obj, function( i, v ) {
+			if ( traditional || rbracket.test( prefix ) ) {
+				// Treat each array item as a scalar.
+				add( prefix, v );
+
+			} else {
+				// Item is non-scalar (array or object), encode its numeric index.
+				buildParams( prefix + "[" + ( typeof v === "object" ? i : "" ) + "]", v, traditional, add );
+			}
+		});
+
+	} else if ( !traditional && jQuery.type( obj ) === "object" ) {
+		// Serialize object item.
+		for ( name in obj ) {
+			buildParams( prefix + "[" + name + "]", obj[ name ], traditional, add );
+		}
+
+	} else {
+		// Serialize scalar item.
+		add( prefix, obj );
+	}
+}
+
+// Serialize an array of form elements or a set of
+// key/values into a query string
+jQuery.param = function( a, traditional ) {
+	var prefix,
+		s = [],
+		add = function( key, value ) {
+			// If value is a function, invoke it and return its value
+			value = jQuery.isFunction( value ) ? value() : ( value == null ? "" : value );
+			s[ s.length ] = encodeURIComponent( key ) + "=" + encodeURIComponent( value );
+		};
+
+	// Set traditional to true for jQuery <= 1.3.2 behavior.
+	if ( traditional === undefined ) {
+		traditional = jQuery.ajaxSettings && jQuery.ajaxSettings.traditional;
+	}
+
+	// If an array was passed in, assume that it is an array of form elements.
+	if ( jQuery.isArray( a ) || ( a.jquery && !jQuery.isPlainObject( a ) ) ) {
+		// Serialize the form elements
+		jQuery.each( a, function() {
+			add( this.name, this.value );
+		});
+
+	} else {
+		// If traditional, encode the "old" way (the way 1.3.2 or older
+		// did it), otherwise encode params recursively.
+		for ( prefix in a ) {
+			buildParams( prefix, a[ prefix ], traditional, add );
+		}
+	}
+
+	// Return the resulting serialization
+	return s.join( "&" ).replace( r20, "+" );
+};
+
+jQuery.fn.extend({
+	serialize: function() {
+		return jQuery.param( this.serializeArray() );
+	},
+	serializeArray: function() {
+		return this.map(function() {
+			// Can add propHook for "elements" to filter or add form elements
+			var elements = jQuery.prop( this, "elements" );
+			return elements ? jQuery.makeArray( elements ) : this;
+		})
+		.filter(function() {
+			var type = this.type;
+			// Use .is(":disabled") so that fieldset[disabled] works
+			return this.name && !jQuery( this ).is( ":disabled" ) &&
+				rsubmittable.test( this.nodeName ) && !rsubmitterTypes.test( type ) &&
+				( this.checked || !rcheckableType.test( type ) );
+		})
+		.map(function( i, elem ) {
+			var val = jQuery( this ).val();
+
+			return val == null ?
+				null :
+				jQuery.isArray( val ) ?
+					jQuery.map( val, function( val ) {
+						return { name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+					}) :
+					{ name: elem.name, value: val.replace( rCRLF, "\r\n" ) };
+		}).get();
+	}
+});
+
+
+// Create the request object
+// (This is still attached to ajaxSettings for backward compatibility)
+jQuery.ajaxSettings.xhr = window.ActiveXObject !== undefined ?
+	// Support: IE6+
+	function() {
+
+		// XHR cannot access local files, always use ActiveX for that case
+		return !this.isLocal &&
+
+			// Support: IE7-8
+			// oldIE XHR does not support non-RFC2616 methods (#13240)
+			// See http://msdn.microsoft.com/en-us/library/ie/ms536648(v=vs.85).aspx
+			// and http://www.w3.org/Protocols/rfc2616/rfc2616-sec9.html#sec9
+			// Although this check for six methods instead of eight
+			// since IE also does not support "trace" and "connect"
+			/^(get|post|head|put|delete|options)$/i.test( this.type ) &&
+
+			createStandardXHR() || createActiveXHR();
+	} :
+	// For all other browsers, use the standard XMLHttpRequest object
+	createStandardXHR;
+
+var xhrId = 0,
+	xhrCallbacks = {},
+	xhrSupported = jQuery.ajaxSettings.xhr();
+
+// Support: IE<10
+// Open requests must be manually aborted on unload (#5280)
+if ( window.ActiveXObject ) {
+	jQuery( window ).on( "unload", function() {
+		for ( var key in xhrCallbacks ) {
+			xhrCallbacks[ key ]( undefined, true );
+		}
+	});
+}
+
+// Determine support properties
+support.cors = !!xhrSupported && ( "withCredentials" in xhrSupported );
+xhrSupported = support.ajax = !!xhrSupported;
+
+// Create transport if the browser can provide an xhr
+if ( xhrSupported ) {
+
+	jQuery.ajaxTransport(function( options ) {
+		// Cross domain only allowed if supported through XMLHttpRequest
+		if ( !options.crossDomain || support.cors ) {
+
+			var callback;
+
+			return {
+				send: function( headers, complete ) {
+					var i,
+						xhr = options.xhr(),
+						id = ++xhrId;
+
+					// Open the socket
+					xhr.open( options.type, options.url, options.async, options.username, options.password );
+
+					// Apply custom fields if provided
+					if ( options.xhrFields ) {
+						for ( i in options.xhrFields ) {
+							xhr[ i ] = options.xhrFields[ i ];
+						}
+					}
+
+					// Override mime type if needed
+					if ( options.mimeType && xhr.overrideMimeType ) {
+						xhr.overrideMimeType( options.mimeType );
+					}
+
+					// X-Requested-With header
+					// For cross-domain requests, seeing as conditions for a preflight are
+					// akin to a jigsaw puzzle, we simply never set it to be sure.
+					// (it can always be set on a per-request basis or even using ajaxSetup)
+					// For same-domain requests, won't change header if already provided.
+					if ( !options.crossDomain && !headers["X-Requested-With"] ) {
+						headers["X-Requested-With"] = "XMLHttpRequest";
+					}
+
+					// Set headers
+					for ( i in headers ) {
+						// Support: IE<9
+						// IE's ActiveXObject throws a 'Type Mismatch' exception when setting
+						// request header to a null-value.
+						//
+						// To keep consistent with other XHR implementations, cast the value
+						// to string and ignore `undefined`.
+						if ( headers[ i ] !== undefined ) {
+							xhr.setRequestHeader( i, headers[ i ] + "" );
+						}
+					}
+
+					// Do send the request
+					// This may raise an exception which is actually
+					// handled in jQuery.ajax (so no try/catch here)
+					xhr.send( ( options.hasContent && options.data ) || null );
+
+					// Listener
+					callback = function( _, isAbort ) {
+						var status, statusText, responses;
+
+						// Was never called and is aborted or complete
+						if ( callback && ( isAbort || xhr.readyState === 4 ) ) {
+							// Clean up
+							delete xhrCallbacks[ id ];
+							callback = undefined;
+							xhr.onreadystatechange = jQuery.noop;
+
+							// Abort manually if needed
+							if ( isAbort ) {
+								if ( xhr.readyState !== 4 ) {
+									xhr.abort();
+								}
+							} else {
+								responses = {};
+								status = xhr.status;
+
+								// Support: IE<10
+								// Accessing binary-data responseText throws an exception
+								// (#11426)
+								if ( typeof xhr.responseText === "string" ) {
+									responses.text = xhr.responseText;
+								}
+
+								// Firefox throws an exception when accessing
+								// statusText for faulty cross-domain requests
+								try {
+									statusText = xhr.statusText;
+								} catch( e ) {
+									// We normalize with Webkit giving an empty statusText
+									statusText = "";
+								}
+
+								// Filter status for non standard behaviors
+
+								// If the request is local and we have data: assume a success
+								// (success with no data won't get notified, that's the best we
+								// can do given current implementations)
+								if ( !status && options.isLocal && !options.crossDomain ) {
+									status = responses.text ? 200 : 404;
+								// IE - #1450: sometimes returns 1223 when it should be 204
+								} else if ( status === 1223 ) {
+									status = 204;
+								}
+							}
+						}
+
+						// Call complete if needed
+						if ( responses ) {
+							complete( status, statusText, responses, xhr.getAllResponseHeaders() );
+						}
+					};
+
+					if ( !options.async ) {
+						// if we're in sync mode we fire the callback
+						callback();
+					} else if ( xhr.readyState === 4 ) {
+						// (IE6 & IE7) if it's in cache and has been
+						// retrieved directly we need to fire the callback
+						setTimeout( callback );
+					} else {
+						// Add to the list of active xhr callbacks
+						xhr.onreadystatechange = xhrCallbacks[ id ] = callback;
+					}
+				},
+
+				abort: function() {
+					if ( callback ) {
+						callback( undefined, true );
+					}
+				}
+			};
+		}
+	});
+}
+
+// Functions to create xhrs
+function createStandardXHR() {
+	try {
+		return new window.XMLHttpRequest();
+	} catch( e ) {}
+}
+
+function createActiveXHR() {
+	try {
+		return new window.ActiveXObject( "Microsoft.XMLHTTP" );
+	} catch( e ) {}
+}
+
+
+
+
+// Install script dataType
+jQuery.ajaxSetup({
+	accepts: {
+		script: "text/javascript, application/javascript, application/ecmascript, application/x-ecmascript"
+	},
+	contents: {
+		script: /(?:java|ecma)script/
+	},
+	converters: {
+		"text script": function( text ) {
+			jQuery.globalEval( text );
+			return text;
+		}
+	}
+});
+
+// Handle cache's special case and global
+jQuery.ajaxPrefilter( "script", function( s ) {
+	if ( s.cache === undefined ) {
+		s.cache = false;
+	}
+	if ( s.crossDomain ) {
+		s.type = "GET";
+		s.global = false;
+	}
+});
+
+// Bind script tag hack transport
+jQuery.ajaxTransport( "script", function(s) {
+
+	// This transport only deals with cross domain requests
+	if ( s.crossDomain ) {
+
+		var script,
+			head = document.head || jQuery("head")[0] || document.documentElement;
+
+		return {
+
+			send: function( _, callback ) {
+
+				script = document.createElement("script");
+
+				script.async = true;
+
+				if ( s.scriptCharset ) {
+					script.charset = s.scriptCharset;
+				}
+
+				script.src = s.url;
+
+				// Attach handlers for all browsers
+				script.onload = script.onreadystatechange = function( _, isAbort ) {
+
+					if ( isAbort || !script.readyState || /loaded|complete/.test( script.readyState ) ) {
+
+						// Handle memory leak in IE
+						script.onload = script.onreadystatechange = null;
+
+						// Remove the script
+						if ( script.parentNode ) {
+							script.parentNode.removeChild( script );
+						}
+
+						// Dereference the script
+						script = null;
+
+						// Callback if not abort
+						if ( !isAbort ) {
+							callback( 200, "success" );
+						}
+					}
+				};
+
+				// Circumvent IE6 bugs with base elements (#2709 and #4378) by prepending
+				// Use native DOM manipulation to avoid our domManip AJAX trickery
+				head.insertBefore( script, head.firstChild );
+			},
+
+			abort: function() {
+				if ( script ) {
+					script.onload( undefined, true );
+				}
+			}
+		};
+	}
+});
+
+
+
+
+var oldCallbacks = [],
+	rjsonp = /(=)\?(?=&|$)|\?\?/;
+
+// Default jsonp settings
+jQuery.ajaxSetup({
+	jsonp: "callback",
+	jsonpCallback: function() {
+		var callback = oldCallbacks.pop() || ( jQuery.expando + "_" + ( nonce++ ) );
+		this[ callback ] = true;
+		return callback;
+	}
+});
+
+// Detect, normalize options and install callbacks for jsonp requests
+jQuery.ajaxPrefilter( "json jsonp", function( s, originalSettings, jqXHR ) {
+
+	var callbackName, overwritten, responseContainer,
+		jsonProp = s.jsonp !== false && ( rjsonp.test( s.url ) ?
+			"url" :
+			typeof s.data === "string" && !( s.contentType || "" ).indexOf("application/x-www-form-urlencoded") && rjsonp.test( s.data ) && "data"
+		);
+
+	// Handle iff the expected data type is "jsonp" or we have a parameter to set
+	if ( jsonProp || s.dataTypes[ 0 ] === "jsonp" ) {
+
+		// Get callback name, remembering preexisting value associated with it
+		callbackName = s.jsonpCallback = jQuery.isFunction( s.jsonpCallback ) ?
+			s.jsonpCallback() :
+			s.jsonpCallback;
+
+		// Insert callback into url or form data
+		if ( jsonProp ) {
+			s[ jsonProp ] = s[ jsonProp ].replace( rjsonp, "$1" + callbackName );
+		} else if ( s.jsonp !== false ) {
+			s.url += ( rquery.test( s.url ) ? "&" : "?" ) + s.jsonp + "=" + callbackName;
+		}
+
+		// Use data converter to retrieve json after script execution
+		s.converters["script json"] = function() {
+			if ( !responseContainer ) {
+				jQuery.error( callbackName + " was not called" );
+			}
+			return responseContainer[ 0 ];
+		};
+
+		// force json dataType
+		s.dataTypes[ 0 ] = "json";
+
+		// Install callback
+		overwritten = window[ callbackName ];
+		window[ callbackName ] = function() {
+			responseContainer = arguments;
+		};
+
+		// Clean-up function (fires after converters)
+		jqXHR.always(function() {
+			// Restore preexisting value
+			window[ callbackName ] = overwritten;
+
+			// Save back as free
+			if ( s[ callbackName ] ) {
+				// make sure that re-using the options doesn't screw things around
+				s.jsonpCallback = originalSettings.jsonpCallback;
+
+				// save the callback name for future use
+				oldCallbacks.push( callbackName );
+			}
+
+			// Call if it was a function and we have a response
+			if ( responseContainer && jQuery.isFunction( overwritten ) ) {
+				overwritten( responseContainer[ 0 ] );
+			}
+
+			responseContainer = overwritten = undefined;
+		});
+
+		// Delegate to script
+		return "script";
+	}
+});
+
+
+
+
+// data: string of html
+// context (optional): If specified, the fragment will be created in this context, defaults to document
+// keepScripts (optional): If true, will include scripts passed in the html string
+jQuery.parseHTML = function( data, context, keepScripts ) {
+	if ( !data || typeof data !== "string" ) {
+		return null;
+	}
+	if ( typeof context === "boolean" ) {
+		keepScripts = context;
+		context = false;
+	}
+	context = context || document;
+
+	var parsed = rsingleTag.exec( data ),
+		scripts = !keepScripts && [];
+
+	// Single tag
+	if ( parsed ) {
+		return [ context.createElement( parsed[1] ) ];
+	}
+
+	parsed = jQuery.buildFragment( [ data ], context, scripts );
+
+	if ( scripts && scripts.length ) {
+		jQuery( scripts ).remove();
+	}
+
+	return jQuery.merge( [], parsed.childNodes );
+};
+
+
+// Keep a copy of the old load method
+var _load = jQuery.fn.load;
+
+/**
+ * Load a url into a page
+ */
+jQuery.fn.load = function( url, params, callback ) {
+	if ( typeof url !== "string" && _load ) {
+		return _load.apply( this, arguments );
+	}
+
+	var selector, response, type,
+		self = this,
+		off = url.indexOf(" ");
+
+	if ( off >= 0 ) {
+		selector = jQuery.trim( url.slice( off, url.length ) );
+		url = url.slice( 0, off );
+	}
+
+	// If it's a function
+	if ( jQuery.isFunction( params ) ) {
+
+		// We assume that it's the callback
+		callback = params;
+		params = undefined;
+
+	// Otherwise, build a param string
+	} else if ( params && typeof params === "object" ) {
+		type = "POST";
+	}
+
+	// If we have elements to modify, make the request
+	if ( self.length > 0 ) {
+		jQuery.ajax({
+			url: url,
+
+			// if "type" variable is undefined, then "GET" method will be used
+			type: type,
+			dataType: "html",
+			data: params
+		}).done(function( responseText ) {
+
+			// Save response for use in complete callback
+			response = arguments;
+
+			self.html( selector ?
+
+				// If a selector was specified, locate the right elements in a dummy div
+				// Exclude scripts to avoid IE 'Permission Denied' errors
+				jQuery("<div>").append( jQuery.parseHTML( responseText ) ).find( selector ) :
+
+				// Otherwise use the full result
+				responseText );
+
+		}).complete( callback && function( jqXHR, status ) {
+			self.each( callback, response || [ jqXHR.responseText, status, jqXHR ] );
+		});
+	}
+
+	return this;
+};
+
+
+
+
+jQuery.expr.filters.animated = function( elem ) {
+	return jQuery.grep(jQuery.timers, function( fn ) {
+		return elem === fn.elem;
+	}).length;
+};
+
+
+
+
+
+var docElem = window.document.documentElement;
+
+/**
+ * Gets a window from an element
+ */
+function getWindow( elem ) {
+	return jQuery.isWindow( elem ) ?
+		elem :
+		elem.nodeType === 9 ?
+			elem.defaultView || elem.parentWindow :
+			false;
+}
+
+jQuery.offset = {
+	setOffset: function( elem, options, i ) {
+		var curPosition, curLeft, curCSSTop, curTop, curOffset, curCSSLeft, calculatePosition,
+			position = jQuery.css( elem, "position" ),
+			curElem = jQuery( elem ),
+			props = {};
+
+		// set position first, in-case top/left are set even on static elem
+		if ( position === "static" ) {
+			elem.style.position = "relative";
+		}
+
+		curOffset = curElem.offset();
+		curCSSTop = jQuery.css( elem, "top" );
+		curCSSLeft = jQuery.css( elem, "left" );
+		calculatePosition = ( position === "absolute" || position === "fixed" ) &&
+			jQuery.inArray("auto", [ curCSSTop, curCSSLeft ] ) > -1;
+
+		// need to be able to calculate position if either top or left is auto and position is either absolute or fixed
+		if ( calculatePosition ) {
+			curPosition = curElem.position();
+			curTop = curPosition.top;
+			curLeft = curPosition.left;
+		} else {
+			curTop = parseFloat( curCSSTop ) || 0;
+			curLeft = parseFloat( curCSSLeft ) || 0;
+		}
+
+		if ( jQuery.isFunction( options ) ) {
+			options = options.call( elem, i, curOffset );
+		}
+
+		if ( options.top != null ) {
+			props.top = ( options.top - curOffset.top ) + curTop;
+		}
+		if ( options.left != null ) {
+			props.left = ( options.left - curOffset.left ) + curLeft;
+		}
+
+		if ( "using" in options ) {
+			options.using.call( elem, props );
+		} else {
+			curElem.css( props );
+		}
+	}
+};
+
+jQuery.fn.extend({
+	offset: function( options ) {
+		if ( arguments.length ) {
+			return options === undefined ?
+				this :
+				this.each(function( i ) {
+					jQuery.offset.setOffset( this, options, i );
+				});
+		}
+
+		var docElem, win,
+			box = { top: 0, left: 0 },
+			elem = this[ 0 ],
+			doc = elem && elem.ownerDocument;
+
+		if ( !doc ) {
+			return;
+		}
+
+		docElem = doc.documentElement;
+
+		// Make sure it's not a disconnected DOM node
+		if ( !jQuery.contains( docElem, elem ) ) {
+			return box;
+		}
+
+		// If we don't have gBCR, just use 0,0 rather than error
+		// BlackBerry 5, iOS 3 (original iPhone)
+		if ( typeof elem.getBoundingClientRect !== strundefined ) {
+			box = elem.getBoundingClientRect();
+		}
+		win = getWindow( doc );
+		return {
+			top: box.top  + ( win.pageYOffset || docElem.scrollTop )  - ( docElem.clientTop  || 0 ),
+			left: box.left + ( win.pageXOffset || docElem.scrollLeft ) - ( docElem.clientLeft || 0 )
+		};
+	},
+
+	position: function() {
+		if ( !this[ 0 ] ) {
+			return;
+		}
+
+		var offsetParent, offset,
+			parentOffset = { top: 0, left: 0 },
+			elem = this[ 0 ];
+
+		// fixed elements are offset from window (parentOffset = {top:0, left: 0}, because it is its only offset parent
+		if ( jQuery.css( elem, "position" ) === "fixed" ) {
+			// we assume that getBoundingClientRect is available when computed position is fixed
+			offset = elem.getBoundingClientRect();
+		} else {
+			// Get *real* offsetParent
+			offsetParent = this.offsetParent();
+
+			// Get correct offsets
+			offset = this.offset();
+			if ( !jQuery.nodeName( offsetParent[ 0 ], "html" ) ) {
+				parentOffset = offsetParent.offset();
+			}
+
+			// Add offsetParent borders
+			parentOffset.top  += jQuery.css( offsetParent[ 0 ], "borderTopWidth", true );
+			parentOffset.left += jQuery.css( offsetParent[ 0 ], "borderLeftWidth", true );
+		}
+
+		// Subtract parent offsets and element margins
+		// note: when an element has margin: auto the offsetLeft and marginLeft
+		// are the same in Safari causing offset.left to incorrectly be 0
+		return {
+			top:  offset.top  - parentOffset.top - jQuery.css( elem, "marginTop", true ),
+			left: offset.left - parentOffset.left - jQuery.css( elem, "marginLeft", true)
+		};
+	},
+
+	offsetParent: function() {
+		return this.map(function() {
+			var offsetParent = this.offsetParent || docElem;
+
+			while ( offsetParent && ( !jQuery.nodeName( offsetParent, "html" ) && jQuery.css( offsetParent, "position" ) === "static" ) ) {
+				offsetParent = offsetParent.offsetParent;
+			}
+			return offsetParent || docElem;
+		});
+	}
+});
+
+// Create scrollLeft and scrollTop methods
+jQuery.each( { scrollLeft: "pageXOffset", scrollTop: "pageYOffset" }, function( method, prop ) {
+	var top = /Y/.test( prop );
+
+	jQuery.fn[ method ] = function( val ) {
+		return access( this, function( elem, method, val ) {
+			var win = getWindow( elem );
+
+			if ( val === undefined ) {
+				return win ? (prop in win) ? win[ prop ] :
+					win.document.documentElement[ method ] :
+					elem[ method ];
+			}
+
+			if ( win ) {
+				win.scrollTo(
+					!top ? val : jQuery( win ).scrollLeft(),
+					top ? val : jQuery( win ).scrollTop()
+				);
+
+			} else {
+				elem[ method ] = val;
+			}
+		}, method, val, arguments.length, null );
+	};
+});
+
+// Add the top/left cssHooks using jQuery.fn.position
+// Webkit bug: https://bugs.webkit.org/show_bug.cgi?id=29084
+// getComputedStyle returns percent when specified for top/left/bottom/right
+// rather than make the css module depend on the offset module, we just check for it here
+jQuery.each( [ "top", "left" ], function( i, prop ) {
+	jQuery.cssHooks[ prop ] = addGetHookIf( support.pixelPosition,
+		function( elem, computed ) {
+			if ( computed ) {
+				computed = curCSS( elem, prop );
+				// if curCSS returns percentage, fallback to offset
+				return rnumnonpx.test( computed ) ?
+					jQuery( elem ).position()[ prop ] + "px" :
+					computed;
+			}
+		}
+	);
+});
+
+
+// Create innerHeight, innerWidth, height, width, outerHeight and outerWidth methods
+jQuery.each( { Height: "height", Width: "width" }, function( name, type ) {
+	jQuery.each( { padding: "inner" + name, content: type, "": "outer" + name }, function( defaultExtra, funcName ) {
+		// margin is only for outerHeight, outerWidth
+		jQuery.fn[ funcName ] = function( margin, value ) {
+			var chainable = arguments.length && ( defaultExtra || typeof margin !== "boolean" ),
+				extra = defaultExtra || ( margin === true || value === true ? "margin" : "border" );
+
+			return access( this, function( elem, type, value ) {
+				var doc;
+
+				if ( jQuery.isWindow( elem ) ) {
+					// As of 5/8/2012 this will yield incorrect results for Mobile Safari, but there
+					// isn't a whole lot we can do. See pull request at this URL for discussion:
+					// https://github.com/jquery/jquery/pull/764
+					return elem.document.documentElement[ "client" + name ];
+				}
+
+				// Get document width or height
+				if ( elem.nodeType === 9 ) {
+					doc = elem.documentElement;
+
+					// Either scroll[Width/Height] or offset[Width/Height] or client[Width/Height], whichever is greatest
+					// unfortunately, this causes bug #3838 in IE6/8 only, but there is currently no good, small way to fix it.
+					return Math.max(
+						elem.body[ "scroll" + name ], doc[ "scroll" + name ],
+						elem.body[ "offset" + name ], doc[ "offset" + name ],
+						doc[ "client" + name ]
+					);
+				}
+
+				return value === undefined ?
+					// Get width or height on the element, requesting but not forcing parseFloat
+					jQuery.css( elem, type, extra ) :
+
+					// Set width or height on the element
+					jQuery.style( elem, type, value, extra );
+			}, type, chainable ? margin : undefined, chainable, null );
+		};
+	});
+});
+
+
+// The number of elements contained in the matched element set
+jQuery.fn.size = function() {
+	return this.length;
+};
+
+jQuery.fn.andSelf = jQuery.fn.addBack;
+
+
+
+
+// Register as a named AMD module, since jQuery can be concatenated with other
+// files that may use define, but not via a proper concatenation script that
+// understands anonymous AMD modules. A named AMD is safest and most robust
+// way to register. Lowercase jquery is used because AMD module names are
+// derived from file names, and jQuery is normally delivered in a lowercase
+// file name. Do this after creating the global so that if an AMD module wants
+// to call noConflict to hide this version of jQuery, it will work.
+
+// Note that for maximum portability, libraries that are not jQuery should
+// declare themselves as anonymous modules, and avoid setting a global if an
+// AMD loader is present. jQuery is a special case. For more information, see
+// https://github.com/jrburke/requirejs/wiki/Updating-existing-libraries#wiki-anon
+
+if ( typeof define === "function" && define.amd ) {
+	define( "jquery", [], function() {
+		return jQuery;
+	});
+}
+
+
+
+
+var
+	// Map over jQuery in case of overwrite
+	_jQuery = window.jQuery,
+
+	// Map over the $ in case of overwrite
+	_$ = window.$;
+
+jQuery.noConflict = function( deep ) {
+	if ( window.$ === jQuery ) {
+		window.$ = _$;
+	}
+
+	if ( deep && window.jQuery === jQuery ) {
+		window.jQuery = _jQuery;
+	}
+
+	return jQuery;
+};
+
+// Expose jQuery and $ identifiers, even in
+// AMD (#7102#comment:10, https://github.com/jquery/jquery/pull/557)
+// and CommonJS for browser emulators (#13566)
+if ( typeof noGlobal === strundefined ) {
+	window.jQuery = window.$ = jQuery;
+}
+
+
+
+
+return jQuery;
+
+}));
diff --git a/web/bootstrap-ace-admin/js/markdown/bootstrap-markdown.js b/web/bootstrap-ace-admin/js/markdown/bootstrap-markdown.js
new file mode 100755
index 00000000..5a3d42ce
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/markdown/bootstrap-markdown.js
@@ -0,0 +1,1407 @@
+/* ===================================================
+ * bootstrap-markdown.js v2.7.0
+ * http://github.com/toopay/bootstrap-markdown
+ * ===================================================
+ * Copyright 2013-2014 Taufan Aditya
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ * ========================================================== */
+
+!function ($) {
+
+  "use strict"; // jshint ;_;
+
+
+  /* MARKDOWN CLASS DEFINITION
+   * ========================== */
+
+  var Markdown = function (element, options) {
+    // Class Properties
+    this.$ns           = 'bootstrap-markdown'
+    this.$element      = $(element)
+    this.$editable     = {el:null, type:null,attrKeys:[], attrValues:[], content:null}
+    this.$options      = $.extend(true, {}, $.fn.markdown.defaults, options, this.$element.data(), this.$element.data('options'))
+    this.$oldContent   = null
+    this.$isPreview    = false
+    this.$isFullscreen = false
+    this.$editor       = null
+    this.$textarea     = null
+    this.$handler      = []
+    this.$callback     = []
+    this.$nextTab      = []
+
+    this.showEditor()
+  }
+
+  Markdown.prototype = {
+
+    constructor: Markdown
+
+  , __alterButtons: function(name,alter) {
+      var handler = this.$handler, isAll = (name == 'all'),that = this
+
+      $.each(handler,function(k,v) {
+        var halt = true
+        if (isAll) {
+          halt = false
+        } else {
+          halt = v.indexOf(name) < 0
+        }
+
+        if (halt == false) {
+          alter(that.$editor.find('button[data-handler="'+v+'"]'))
+        }
+      })
+    }
+
+  , __buildButtons: function(buttonsArray, container) {
+      var i,
+          ns = this.$ns,
+          handler = this.$handler,
+          callback = this.$callback
+
+      for (i=0;i<buttonsArray.length;i++) {
+        // Build each group container
+        var y, btnGroups = buttonsArray[i]
+        for (y=0;y<btnGroups.length;y++) {
+          // Build each button group
+          var z,
+              buttons = btnGroups[y].data,
+              btnGroupContainer = $('<div/>', {
+                                    'class': 'btn-group'
+                                  })
+
+          for (z=0;z<buttons.length;z++) {
+            var button = buttons[z],
+                buttonContainer, buttonIconContainer,
+                buttonHandler = ns+'-'+button.name,
+                buttonIcon = this.__getIcon(button.icon),
+                btnText = button.btnText ? button.btnText : '',
+                btnClass = button.btnClass ? button.btnClass : 'btn',
+                tabIndex = button.tabIndex ? button.tabIndex : '-1',
+                hotkey = typeof button.hotkey !== 'undefined' ? button.hotkey : '',
+                hotkeyCaption = typeof jQuery.hotkeys !== 'undefined' && hotkey !== '' ? ' ('+hotkey+')' : ''
+
+            // Construct the button object
+            buttonContainer = $('<button></button>');
+            buttonContainer.text(' ' + this.__localize(btnText)).addClass('btn-default btn-sm').addClass(btnClass);
+            if(btnClass.match(/btn\-(primary|success|info|warning|danger|link)/)){
+                buttonContainer.removeClass('btn-default');
+            }
+            buttonContainer.attr({
+                'type': 'button',
+                'title': this.__localize(button.title) + hotkeyCaption,
+                'tabindex': tabIndex,
+                'data-provider': ns,
+                'data-handler': buttonHandler,
+                'data-hotkey': hotkey
+            });
+            if (button.toggle == true){
+              buttonContainer.attr('data-toggle', 'button');
+            }
+            buttonIconContainer = $('<span/>');
+            buttonIconContainer.addClass(buttonIcon);
+            buttonIconContainer.prependTo(buttonContainer);
+
+            // Attach the button object
+            btnGroupContainer.append(buttonContainer);
+
+            // Register handler and callback
+            handler.push(buttonHandler);
+            callback.push(button.callback);
+          }
+
+          // Attach the button group into container dom
+          container.append(btnGroupContainer);
+        }
+      }
+
+      return container;
+    }
+  , __setListener: function() {
+      // Set size and resizable Properties
+      var hasRows = typeof this.$textarea.attr('rows') != 'undefined',
+          maxRows = this.$textarea.val().split("\n").length > 5 ? this.$textarea.val().split("\n").length : '5',
+          rowsVal = hasRows ? this.$textarea.attr('rows') : maxRows
+
+      this.$textarea.attr('rows',rowsVal)
+      if (this.$options.resize) {
+        this.$textarea.css('resize',this.$options.resize)
+      }
+
+      this.$textarea
+        .on('focus',    $.proxy(this.focus, this))
+        .on('keypress', $.proxy(this.keypress, this))
+        .on('keyup',    $.proxy(this.keyup, this))
+        .on('change',   $.proxy(this.change, this))
+
+      if (this.eventSupported('keydown')) {
+        this.$textarea.on('keydown', $.proxy(this.keydown, this))
+      }
+
+      // Re-attach markdown data
+      this.$textarea.data('markdown',this)
+    }
+
+  , __handle: function(e) {
+      var target = $(e.currentTarget),
+          handler = this.$handler,
+          callback = this.$callback,
+          handlerName = target.attr('data-handler'),
+          callbackIndex = handler.indexOf(handlerName),
+          callbackHandler = callback[callbackIndex]
+
+      // Trigger the focusin
+      $(e.currentTarget).focus()
+
+      callbackHandler(this)
+
+      // Trigger onChange for each button handle
+      this.change(this);
+
+      // Unless it was the save handler,
+      // focusin the textarea
+      if (handlerName.indexOf('cmdSave') < 0) {
+        this.$textarea.focus()
+      }
+
+      e.preventDefault()
+    }
+
+  , __localize: function(string) {
+      var messages = $.fn.markdown.messages,
+          language = this.$options.language
+      if (
+        typeof messages !== 'undefined' &&
+        typeof messages[language] !== 'undefined' &&
+        typeof messages[language][string] !== 'undefined'
+      ) {
+        return messages[language][string];
+      }
+      return string;
+    }
+
+  , __getIcon: function(src) {
+    return typeof src == 'object' ? src[this.$options.iconlibrary] : src;
+  }
+
+  , setFullscreen: function(mode) {
+    var $editor = this.$editor,
+        $textarea = this.$textarea
+
+    if (mode === true) {
+      $editor.addClass('md-fullscreen-mode')
+      $('body').addClass('md-nooverflow')
+      this.$options.onFullscreen(this)
+    } else {
+      $editor.removeClass('md-fullscreen-mode')
+      $('body').removeClass('md-nooverflow')
+    }
+
+    this.$isFullscreen = mode;
+    $textarea.focus()
+  }
+
+  , showEditor: function() {
+      var instance = this,
+          textarea,
+          ns = this.$ns,
+          container = this.$element,
+          originalHeigth = container.css('height'),
+          originalWidth = container.css('width'),
+          editable = this.$editable,
+          handler = this.$handler,
+          callback = this.$callback,
+          options = this.$options,
+          editor = $( '<div/>', {
+                      'class': 'md-editor',
+                      click: function() {
+                        instance.focus()
+                      }
+                    })
+
+      // Prepare the editor
+      if (this.$editor == null) {
+        // Create the panel
+        var editorHeader = $('<div/>', {
+                            'class': 'md-header btn-toolbar'
+                            })
+
+        // Merge the main & additional button groups together
+        var allBtnGroups = []
+        if (options.buttons.length > 0) allBtnGroups = allBtnGroups.concat(options.buttons[0])
+        if (options.additionalButtons.length > 0) allBtnGroups = allBtnGroups.concat(options.additionalButtons[0])
+
+        // Reduce and/or reorder the button groups
+        if (options.reorderButtonGroups.length > 0) {
+          allBtnGroups = allBtnGroups
+              .filter(function(btnGroup) {
+                return options.reorderButtonGroups.indexOf(btnGroup.name) > -1
+              })
+              .sort(function(a, b) {
+                if (options.reorderButtonGroups.indexOf(a.name) < options.reorderButtonGroups.indexOf(b.name)) return -1
+                if (options.reorderButtonGroups.indexOf(a.name) > options.reorderButtonGroups.indexOf(b.name)) return 1
+                return 0
+              })
+        }
+
+        // Build the buttons
+        if (allBtnGroups.length > 0) {
+          editorHeader = this.__buildButtons([allBtnGroups], editorHeader)
+        }
+
+        if (options.fullscreen.enable) {
+          editorHeader.append('<div class="md-controls"><a class="md-control md-control-fullscreen" href="#"><span class="'+this.__getIcon(options.fullscreen.icons.fullscreenOn)+'"></span></a></div>').on('click', '.md-control-fullscreen', function(e) {
+              e.preventDefault();
+              instance.setFullscreen(true)
+          })
+        }
+
+        editor.append(editorHeader)
+
+        // Wrap the textarea
+        if (container.is('textarea')) {
+          container.before(editor)
+          textarea = container
+          textarea.addClass('md-input')
+          editor.append(textarea)
+        } else {
+          var rawContent = (typeof toMarkdown == 'function') ? toMarkdown(container.html()) : container.html(),
+              currentContent = $.trim(rawContent)
+
+          // This is some arbitrary content that could be edited
+          textarea = $('<textarea/>', {
+                       'class': 'md-input',
+                       'val' : currentContent
+                      })
+
+          editor.append(textarea)
+
+          // Save the editable
+          editable.el = container
+          editable.type = container.prop('tagName').toLowerCase()
+          editable.content = container.html()
+
+          $(container[0].attributes).each(function(){
+            editable.attrKeys.push(this.nodeName)
+            editable.attrValues.push(this.nodeValue)
+          })
+
+          // Set editor to blocked the original container
+          container.replaceWith(editor)
+        }
+
+        var editorFooter = $('<div/>', {
+                           'class': 'md-footer'
+                         }),
+            createFooter = false,
+            footer = ''
+        // Create the footer if savable
+        if (options.savable) {
+          createFooter = true;
+          var saveHandler = 'cmdSave'
+
+          // Register handler and callback
+          handler.push(saveHandler)
+          callback.push(options.onSave)
+
+          editorFooter.append('<button class="btn btn-success" data-provider="'
+                              +ns
+                              +'" data-handler="'
+                              +saveHandler
+                              +'"><i class="icon icon-white icon-ok"></i> '
+                              +this.__localize('Save')
+                              +'</button>')
+
+
+        }
+
+        footer = typeof options.footer === 'function' ? options.footer(this) : options.footer
+
+        if ($.trim(footer) !== '') {
+          createFooter = true;
+          editorFooter.append(footer);
+        }
+
+        if (createFooter) editor.append(editorFooter)
+
+        // Set width
+        if (options.width && options.width !== 'inherit') {
+          if (jQuery.isNumeric(options.width)) {
+            editor.css('display', 'table')
+            textarea.css('width', options.width + 'px')
+          } else {
+            editor.addClass(options.width)
+          }
+        }
+
+        // Set height
+        if (options.height && options.height !== 'inherit') {
+          if (jQuery.isNumeric(options.height)) {
+            var height = options.height
+            if (editorHeader) height = Math.max(0, height - editorHeader.outerHeight())
+            if (editorFooter) height = Math.max(0, height - editorFooter.outerHeight())
+            textarea.css('height', height + 'px')
+          } else {
+            editor.addClass(options.height)
+          }
+        }
+
+        // Reference
+        this.$editor     = editor
+        this.$textarea   = textarea
+        this.$editable   = editable
+        this.$oldContent = this.getContent()
+
+        this.__setListener()
+
+        // Set editor attributes, data short-hand API and listener
+        this.$editor.attr('id',(new Date).getTime())
+        this.$editor.on('click', '[data-provider="bootstrap-markdown"]', $.proxy(this.__handle, this))
+
+        if (this.$element.is(':disabled') || this.$element.is('[readonly]')) {
+          this.$editor.addClass('md-editor-disabled');
+          this.disableButtons('all');
+        }
+
+        if (this.eventSupported('keydown') && typeof jQuery.hotkeys === 'object') {
+          editorHeader.find('[data-provider="bootstrap-markdown"]').each(function() {
+            var $button = $(this),
+              hotkey = $button.attr('data-hotkey')
+            if (hotkey.toLowerCase() !== '') {
+              textarea.bind('keydown', hotkey, function() {
+                $button.trigger('click')
+                return false;
+              })
+            }
+          })
+        }
+
+        if (options.initialstate === 'preview') {
+          this.showPreview();
+        } else if (options.initialstate === 'fullscreen' && options.fullscreen.enable) {
+          this.setFullscreen(true)
+        }
+
+      } else {
+        this.$editor.show()
+      }
+
+      if (options.autofocus) {
+        this.$textarea.focus()
+        this.$editor.addClass('active')
+      }
+
+      if (options.fullscreen.enable && options.fullscreen !== false) {
+        this.$editor.append('\
+          <div class="md-fullscreen-controls">\
+            <a href="#" class="exit-fullscreen" title="Exit fullscreen"><span class="'+this.__getIcon(options.fullscreen.icons.fullscreenOff)+'"></span></a>\
+          </div>')
+
+        this.$editor.on('click', '.exit-fullscreen', function(e) {
+          e.preventDefault()
+          instance.setFullscreen(false)
+        })
+      }
+
+      // hide hidden buttons from options
+      this.hideButtons(options.hiddenButtons)
+
+      // disable disabled buttons from options
+      this.disableButtons(options.disabledButtons)
+
+      // Trigger the onShow hook
+      options.onShow(this)
+
+      return this
+    }
+
+  , parseContent: function() {
+      var content,
+        callbackContent = this.$options.onPreview(this) // Try to get the content from callback
+
+      if (typeof callbackContent == 'string') {
+        // Set the content based by callback content
+        content = callbackContent
+      } else {
+        // Set the content
+        var val = this.$textarea.val();
+        if(typeof markdown == 'object') {
+          content = markdown.toHTML(val);
+        }else if(typeof marked == 'function') {
+          content = marked(val);
+        } else {
+          content = val;
+        }
+      }
+
+      return content;
+    }
+
+  , showPreview: function() {
+      var options = this.$options,
+          container = this.$textarea,
+          afterContainer = container.next(),
+          replacementContainer = $('<div/>',{'class':'md-preview','data-provider':'markdown-preview'}),
+          content
+
+      // Give flag that tell the editor enter preview mode
+      this.$isPreview = true
+      // Disable all buttons
+      this.disableButtons('all').enableButtons('cmdPreview')
+
+      content = this.parseContent()
+
+      // Build preview element
+      replacementContainer.html(content)
+
+      if (afterContainer && afterContainer.attr('class') == 'md-footer') {
+        // If there is footer element, insert the preview container before it
+        replacementContainer.insertBefore(afterContainer)
+      } else {
+        // Otherwise, just append it after textarea
+        container.parent().append(replacementContainer)
+      }
+
+      // Set the preview element dimensions
+      replacementContainer.css({
+        width: container.outerWidth() + 'px',
+        height: container.outerHeight() + 'px'
+      })
+
+      if (this.$options.resize) {
+        replacementContainer.css('resize',this.$options.resize)
+      }
+
+      // Hide the last-active textarea
+      container.hide()
+
+      // Attach the editor instances
+      replacementContainer.data('markdown',this)
+
+      if (this.$element.is(':disabled') || this.$element.is('[readonly]')) {
+        this.$editor.addClass('md-editor-disabled');
+        this.disableButtons('all');
+      }
+
+      return this
+    }
+
+  , hidePreview: function() {
+      // Give flag that tell the editor quit preview mode
+      this.$isPreview = false
+
+      // Obtain the preview container
+      var container = this.$editor.find('div[data-provider="markdown-preview"]')
+
+      // Remove the preview container
+      container.remove()
+
+      // Enable all buttons
+      this.enableButtons('all')
+      // Disable configured disabled buttons
+      this.disableButtons(this.$options.disabledButtons)
+
+      // Back to the editor
+      this.$textarea.show()
+      this.__setListener()
+
+      return this
+    }
+
+  , isDirty: function() {
+      return this.$oldContent != this.getContent()
+    }
+
+  , getContent: function() {
+      return this.$textarea.val()
+    }
+
+  , setContent: function(content) {
+      this.$textarea.val(content)
+
+      return this
+    }
+
+  , findSelection: function(chunk) {
+    var content = this.getContent(), startChunkPosition
+
+    if (startChunkPosition = content.indexOf(chunk), startChunkPosition >= 0 && chunk.length > 0) {
+      var oldSelection = this.getSelection(), selection
+
+      this.setSelection(startChunkPosition,startChunkPosition+chunk.length)
+      selection = this.getSelection()
+
+      this.setSelection(oldSelection.start,oldSelection.end)
+
+      return selection
+    } else {
+      return null
+    }
+  }
+
+  , getSelection: function() {
+
+      var e = this.$textarea[0]
+
+      return (
+
+          ('selectionStart' in e && function() {
+              var l = e.selectionEnd - e.selectionStart
+              return { start: e.selectionStart, end: e.selectionEnd, length: l, text: e.value.substr(e.selectionStart, l) }
+          }) ||
+
+          /* browser not supported */
+          function() {
+            return null
+          }
+
+      )()
+
+    }
+
+  , setSelection: function(start,end) {
+
+      var e = this.$textarea[0]
+
+      return (
+
+          ('selectionStart' in e && function() {
+              e.selectionStart = start
+              e.selectionEnd = end
+              return
+          }) ||
+
+          /* browser not supported */
+          function() {
+            return null
+          }
+
+      )()
+
+    }
+
+  , replaceSelection: function(text) {
+
+      var e = this.$textarea[0]
+
+      return (
+
+          ('selectionStart' in e && function() {
+              e.value = e.value.substr(0, e.selectionStart) + text + e.value.substr(e.selectionEnd, e.value.length)
+              // Set cursor to the last replacement end
+              e.selectionStart = e.value.length
+              return this
+          }) ||
+
+          /* browser not supported */
+          function() {
+              e.value += text
+              return jQuery(e)
+          }
+
+      )()
+
+    }
+
+  , getNextTab: function() {
+      // Shift the nextTab
+      if (this.$nextTab.length == 0) {
+        return null
+      } else {
+        var nextTab, tab = this.$nextTab.shift()
+
+        if (typeof tab == 'function') {
+          nextTab = tab()
+        } else if (typeof tab == 'object' && tab.length > 0) {
+          nextTab = tab
+        }
+
+        return nextTab
+      }
+    }
+
+  , setNextTab: function(start,end) {
+      // Push new selection into nextTab collections
+      if (typeof start == 'string') {
+        var that = this
+        this.$nextTab.push(function(){
+          return that.findSelection(start)
+        })
+      } else if (typeof start == 'number' && typeof end == 'number') {
+        var oldSelection = this.getSelection()
+
+        this.setSelection(start,end)
+        this.$nextTab.push(this.getSelection())
+
+        this.setSelection(oldSelection.start,oldSelection.end)
+      }
+
+      return
+    }
+
+  , __parseButtonNameParam: function(nameParam) {
+      var buttons = []
+
+      if (typeof nameParam == 'string') {
+        buttons.push(nameParam)
+      } else {
+        buttons = nameParam
+      }
+
+      return buttons
+    }
+
+  , enableButtons: function(name) {
+      var buttons = this.__parseButtonNameParam(name),
+        that = this
+
+      $.each(buttons, function(i, v) {
+        that.__alterButtons(buttons[i], function (el) {
+          el.removeAttr('disabled')
+        });
+      })
+
+      return this;
+    }
+
+  , disableButtons: function(name) {
+      var buttons = this.__parseButtonNameParam(name),
+        that = this
+
+      $.each(buttons, function(i, v) {
+        that.__alterButtons(buttons[i], function (el) {
+          el.attr('disabled','disabled')
+        });
+      })
+
+      return this;
+    }
+
+  , hideButtons: function(name) {
+      var buttons = this.__parseButtonNameParam(name),
+        that = this
+
+      $.each(buttons, function(i, v) {
+        that.__alterButtons(buttons[i], function (el) {
+          el.addClass('hidden');
+        });
+      })
+
+      return this;
+
+    }
+
+  , showButtons: function(name) {
+      var buttons = this.__parseButtonNameParam(name),
+        that = this
+
+      $.each(buttons, function(i, v) {
+        that.__alterButtons(buttons[i], function (el) {
+          el.removeClass('hidden');
+        });
+      })
+
+      return this;
+
+    }
+
+  , eventSupported: function(eventName) {
+      var isSupported = eventName in this.$element
+      if (!isSupported) {
+        this.$element.setAttribute(eventName, 'return;')
+        isSupported = typeof this.$element[eventName] === 'function'
+      }
+      return isSupported
+    }
+
+  , keyup: function (e) {
+      var blocked = false
+      switch(e.keyCode) {
+        case 40: // down arrow
+        case 38: // up arrow
+        case 16: // shift
+        case 17: // ctrl
+        case 18: // alt
+          break
+
+        case 9: // tab
+          var nextTab
+          if (nextTab = this.getNextTab(),nextTab != null) {
+            // Get the nextTab if exists
+            var that = this
+            setTimeout(function(){
+              that.setSelection(nextTab.start,nextTab.end)
+            },500)
+
+            blocked = true
+          } else {
+            // The next tab memory contains nothing...
+            // check the cursor position to determine tab action
+            var cursor = this.getSelection()
+
+            if (cursor.start == cursor.end && cursor.end == this.getContent().length) {
+              // The cursor already reach the end of the content
+              blocked = false
+
+            } else {
+              // Put the cursor to the end
+              this.setSelection(this.getContent().length,this.getContent().length)
+
+              blocked = true
+            }
+          }
+
+          break
+
+        case 13: // enter
+          blocked = false
+          break
+        case 27: // escape
+          if (this.$isFullscreen) this.setFullscreen(false)
+          blocked = false
+          break
+
+        default:
+          blocked = false
+      }
+
+      if (blocked) {
+        e.stopPropagation()
+        e.preventDefault()
+      }
+
+      this.$options.onChange(this)
+    }
+
+  , change: function(e) {
+      this.$options.onChange(this);
+      return this;
+    }
+
+  , focus: function (e) {
+      var options = this.$options,
+          isHideable = options.hideable,
+          editor = this.$editor
+
+      editor.addClass('active')
+
+      // Blur other markdown(s)
+      $(document).find('.md-editor').each(function(){
+        if ($(this).attr('id') != editor.attr('id')) {
+          var attachedMarkdown
+
+          if (attachedMarkdown = $(this).find('textarea').data('markdown'),
+              attachedMarkdown == null) {
+              attachedMarkdown = $(this).find('div[data-provider="markdown-preview"]').data('markdown')
+          }
+
+          if (attachedMarkdown) {
+            attachedMarkdown.blur()
+          }
+        }
+      })
+
+      // Trigger the onFocus hook
+      options.onFocus(this);
+
+      return this
+    }
+
+  , blur: function (e) {
+      var options = this.$options,
+          isHideable = options.hideable,
+          editor = this.$editor,
+          editable = this.$editable
+
+      if (editor.hasClass('active') || this.$element.parent().length == 0) {
+        editor.removeClass('active')
+
+        if (isHideable) {
+
+          // Check for editable elements
+          if (editable.el != null) {
+            // Build the original element
+            var oldElement = $('<'+editable.type+'/>'),
+                content = this.getContent(),
+                currentContent = (typeof markdown == 'object') ? markdown.toHTML(content) : content
+
+            $(editable.attrKeys).each(function(k,v) {
+              oldElement.attr(editable.attrKeys[k],editable.attrValues[k])
+            })
+
+            // Get the editor content
+            oldElement.html(currentContent)
+
+            editor.replaceWith(oldElement)
+          } else {
+            editor.hide()
+
+          }
+        }
+
+        // Trigger the onBlur hook
+        options.onBlur(this)
+      }
+
+      return this
+    }
+
+  }
+
+ /* MARKDOWN PLUGIN DEFINITION
+  * ========================== */
+
+  var old = $.fn.markdown
+
+  $.fn.markdown = function (option) {
+    return this.each(function () {
+      var $this = $(this)
+        , data = $this.data('markdown')
+        , options = typeof option == 'object' && option
+      if (!data) $this.data('markdown', (data = new Markdown(this, options)))
+    })
+  }
+
+  $.fn.markdown.messages = {}
+
+  $.fn.markdown.defaults = {
+    /* Editor Properties */
+    autofocus: false,
+    hideable: false,
+    savable:false,
+    width: 'inherit',
+    height: 'inherit',
+    resize: 'none',
+    iconlibrary: 'glyph',
+    language: 'en',
+    initialstate: 'editor',
+
+    /* Buttons Properties */
+    buttons: [
+      [{
+        name: 'groupFont',
+        data: [{
+          name: 'cmdBold',
+          hotkey: 'Ctrl+B',
+          title: 'Bold',
+          icon: { glyph: 'glyphicon glyphicon-bold', fa: 'fa fa-bold', 'fa-3': 'icon-bold' },
+          callback: function(e){
+            // Give/remove ** surround the selection
+            var chunk, cursor, selected = e.getSelection(), content = e.getContent()
+
+            if (selected.length == 0) {
+              // Give extra word
+              chunk = e.__localize('strong text')
+            } else {
+              chunk = selected.text
+            }
+
+            // transform selection and set the cursor into chunked text
+            if (content.substr(selected.start-2,2) == '**'
+                && content.substr(selected.end,2) == '**' ) {
+              e.setSelection(selected.start-2,selected.end+2)
+              e.replaceSelection(chunk)
+              cursor = selected.start-2
+            } else {
+              e.replaceSelection('**'+chunk+'**')
+              cursor = selected.start+2
+            }
+
+            // Set the cursor
+            e.setSelection(cursor,cursor+chunk.length)
+          }
+        },{
+          name: 'cmdItalic',
+          title: 'Italic',
+          hotkey: 'Ctrl+I',
+          icon: { glyph: 'glyphicon glyphicon-italic', fa: 'fa fa-italic', 'fa-3': 'icon-italic' },
+          callback: function(e){
+            // Give/remove * surround the selection
+            var chunk, cursor, selected = e.getSelection(), content = e.getContent()
+
+            if (selected.length == 0) {
+              // Give extra word
+              chunk = e.__localize('emphasized text')
+            } else {
+              chunk = selected.text
+            }
+
+            // transform selection and set the cursor into chunked text
+            if (content.substr(selected.start-1,1) == '_'
+                && content.substr(selected.end,1) == '_' ) {
+              e.setSelection(selected.start-1,selected.end+1)
+              e.replaceSelection(chunk)
+              cursor = selected.start-1
+            } else {
+              e.replaceSelection('_'+chunk+'_')
+              cursor = selected.start+1
+            }
+
+            // Set the cursor
+            e.setSelection(cursor,cursor+chunk.length)
+          }
+        },{
+          name: 'cmdHeading',
+          title: 'Heading',
+          hotkey: 'Ctrl+H',
+          icon: { glyph: 'glyphicon glyphicon-header', fa: 'fa fa-font', 'fa-3': 'icon-font' },
+          callback: function(e){
+            // Append/remove ### surround the selection
+            var chunk, cursor, selected = e.getSelection(), content = e.getContent(), pointer, prevChar
+
+            if (selected.length == 0) {
+              // Give extra word
+              chunk = e.__localize('heading text')
+            } else {
+              chunk = selected.text + '\n';
+            }
+
+            // transform selection and set the cursor into chunked text
+            if ((pointer = 4, content.substr(selected.start-pointer,pointer) == '### ')
+                || (pointer = 3, content.substr(selected.start-pointer,pointer) == '###')) {
+              e.setSelection(selected.start-pointer,selected.end)
+              e.replaceSelection(chunk)
+              cursor = selected.start-pointer
+            } else if (selected.start > 0 && (prevChar = content.substr(selected.start-1,1), !!prevChar && prevChar != '\n')) {
+              e.replaceSelection('\n\n### '+chunk)
+              cursor = selected.start+6
+            } else {
+              // Empty string before element
+              e.replaceSelection('### '+chunk)
+              cursor = selected.start+4
+            }
+
+            // Set the cursor
+            e.setSelection(cursor,cursor+chunk.length)
+          }
+        }]
+      },{
+        name: 'groupLink',
+        data: [{
+          name: 'cmdUrl',
+          title: 'URL/Link',
+          hotkey: 'Ctrl+L',
+          icon: { glyph: 'glyphicon glyphicon-link', fa: 'fa fa-link', 'fa-3': 'icon-link' },
+          callback: function(e){
+            // Give [] surround the selection and prepend the link
+            var chunk, cursor, selected = e.getSelection(), content = e.getContent(), link
+
+            if (selected.length == 0) {
+              // Give extra word
+              chunk = e.__localize('enter link description here')
+            } else {
+              chunk = selected.text
+            }
+
+
+			//ACE
+			if('bootbox' in window) {
+				bootbox.prompt(e.__localize('Insert Hyperlink'), function(link) {
+					if (link != null && link != '' && link != 'http://' && link.substr(0,4) == 'http') {
+					  var sanitizedLink = $('<div>'+link+'</div>').text()
+
+					  // transform selection and set the cursor into chunked text
+					  e.replaceSelection('['+chunk+']('+sanitizedLink+')')
+					  cursor = selected.start+1
+
+					  // Set the cursor
+					  e.setSelection(cursor,cursor+chunk.length)
+					}
+				});
+			}
+			else {
+				link = prompt(e.__localize('Insert Hyperlink'),'http://')
+
+				if (link != null && link != '' && link != 'http://' && link.substr(0,4) == 'http') {
+				  var sanitizedLink = $('<div>'+link+'</div>').text()
+
+				  // transform selection and set the cursor into chunked text
+				  e.replaceSelection('['+chunk+']('+sanitizedLink+')')
+				  cursor = selected.start+1
+
+				  // Set the cursor
+				  e.setSelection(cursor,cursor+chunk.length)
+				}
+			}
+          }
+        },{
+          name: 'cmdImage',
+          title: 'Image',
+          hotkey: 'Ctrl+G',
+          icon: { glyph: 'glyphicon glyphicon-picture', fa: 'fa fa-picture-o', 'fa-3': 'icon-picture' },
+          callback: function(e){
+            // Give ![] surround the selection and prepend the image link
+            var chunk, cursor, selected = e.getSelection(), content = e.getContent(), link
+
+            if (selected.length == 0) {
+              // Give extra word
+              chunk = e.__localize('enter image description here')
+            } else {
+              chunk = selected.text
+            }
+
+			//ACE
+			if('bootbox' in window) {
+				 bootbox.prompt(e.__localize('Insert Image Hyperlink'), function(link) {
+					if (link != null && link != '' && link != 'http://' && link.substr(0,4) == 'http') {
+					  var sanitizedLink = $('<div>'+link+'</div>').text()
+					  
+					  // transform selection and set the cursor into chunked text
+					  e.replaceSelection('!['+chunk+']('+sanitizedLink+' "'+e.__localize('enter image title here')+'")')
+					  cursor = selected.start+2
+
+					  // Set the next tab
+					  e.setNextTab(e.__localize('enter image title here'))
+
+					  // Set the cursor
+					  e.setSelection(cursor,cursor+chunk.length)
+					}
+				});
+			}
+			else {
+				link = prompt(e.__localize('Insert Image Hyperlink'),'http://')
+
+				if (link != null && link != '' && link != 'http://' && link.substr(0,4) == 'http') {
+				  var sanitizedLink = $('<div>'+link+'</div>').text()
+				  
+				  // transform selection and set the cursor into chunked text
+				  e.replaceSelection('!['+chunk+']('+sanitizedLink+' "'+e.__localize('enter image title here')+'")')
+				  cursor = selected.start+2
+
+				  // Set the next tab
+				  e.setNextTab(e.__localize('enter image title here'))
+
+				  // Set the cursor
+				  e.setSelection(cursor,cursor+chunk.length)
+				}
+			}
+          }
+        }]
+      },{
+        name: 'groupMisc',
+        data: [{
+          name: 'cmdList',
+          hotkey: 'Ctrl+U',
+          title: 'Unordered List',
+          icon: { glyph: 'glyphicon glyphicon-list', fa: 'fa fa-list', 'fa-3': 'icon-list-ul' },
+          callback: function(e){
+            // Prepend/Give - surround the selection
+            var chunk, cursor, selected = e.getSelection(), content = e.getContent()
+
+            // transform selection and set the cursor into chunked text
+            if (selected.length == 0) {
+              // Give extra word
+              chunk = e.__localize('list text here')
+
+              e.replaceSelection('- '+chunk)
+              // Set the cursor
+              cursor = selected.start+2
+
+            } else {
+              if (selected.text.indexOf('\n') < 0) {
+                chunk = selected.text
+
+                e.replaceSelection('- '+chunk)
+
+                // Set the cursor
+                cursor = selected.start+2
+              } else {
+                var list = []
+
+                list = selected.text.split('\n')
+                chunk = list[0]
+
+                $.each(list,function(k,v) {
+                  list[k] = '- '+v
+                })
+
+                e.replaceSelection('\n\n'+list.join('\n'))
+
+                // Set the cursor
+                cursor = selected.start+4
+              }
+            }
+
+            // Set the cursor
+            e.setSelection(cursor,cursor+chunk.length)
+          }
+        },
+        {
+          name: 'cmdListO',
+          hotkey: 'Ctrl+O',
+          title: 'Ordered List',
+          icon: { glyph: 'glyphicon glyphicon-th-list', fa: 'fa fa-list-ol', 'fa-3': 'icon-list-ol' },
+          callback: function(e) {
+
+            // Prepend/Give - surround the selection
+            var chunk, cursor, selected = e.getSelection(), content = e.getContent()
+
+            // transform selection and set the cursor into chunked text
+            if (selected.length == 0) {
+              // Give extra word
+              chunk = e.__localize('list text here')
+              e.replaceSelection('1. '+chunk)
+              // Set the cursor
+              cursor = selected.start+3
+
+            } else {
+              if (selected.text.indexOf('\n') < 0) {
+                chunk = selected.text
+
+                e.replaceSelection('1. '+chunk)
+
+                // Set the cursor
+                cursor = selected.start+3
+              } else {
+                var list = []
+
+                list = selected.text.split('\n')
+                chunk = list[0]
+
+                $.each(list,function(k,v) {
+                  list[k] = '1. '+v
+                })
+
+                e.replaceSelection('\n\n'+list.join('\n'))
+
+                // Set the cursor
+                cursor = selected.start+5
+              }
+            }
+
+            // Set the cursor
+            e.setSelection(cursor,cursor+chunk.length)
+          }
+        },
+        {
+          name: 'cmdCode',
+          hotkey: 'Ctrl+K',
+          title: 'Code',
+          icon: { glyph: 'glyphicon glyphicon-asterisk', fa: 'fa fa-code', 'fa-3': 'icon-code' },
+          callback: function(e) {
+
+            // Give/remove ** surround the selection
+            var chunk, cursor, selected = e.getSelection(), content = e.getContent()
+
+            if (selected.length == 0) {
+              // Give extra word
+              chunk = e.__localize('code text here')
+            } else {
+              chunk = selected.text
+            }
+
+            // transform selection and set the cursor into chunked text
+            if (content.substr(selected.start-1,1) == '`'
+                && content.substr(selected.end,1) == '`' ) {
+              e.setSelection(selected.start-1,selected.end+1)
+              e.replaceSelection(chunk)
+              cursor = selected.start-1
+            } else {
+              e.replaceSelection('`'+chunk+'`')
+              cursor = selected.start+1
+            }
+
+            // Set the cursor
+            e.setSelection(cursor,cursor+chunk.length)
+          }
+        },
+        {
+          name: 'cmdQuote',
+          hotkey: 'Ctrl+Q',
+          title: 'Quote',
+          icon: { glyph: 'glyphicon glyphicon-comment', fa: 'fa fa-quote-left', 'fa-3': 'icon-quote-left' },
+          callback: function(e) {
+            // Prepend/Give - surround the selection
+            var chunk, cursor, selected = e.getSelection(), content = e.getContent()
+
+            // transform selection and set the cursor into chunked text
+            if (selected.length == 0) {
+              // Give extra word
+              chunk = e.__localize('quote here')
+              e.replaceSelection('> '+chunk)
+              // Set the cursor
+              cursor = selected.start+2
+
+            } else {
+              if (selected.text.indexOf('\n') < 0) {
+                chunk = selected.text
+
+                e.replaceSelection('> '+chunk)
+
+                // Set the cursor
+                cursor = selected.start+2
+              } else {
+                var list = []
+
+                list = selected.text.split('\n')
+                chunk = list[0]
+
+                $.each(list,function(k,v) {
+                  list[k] = '> '+v
+                })
+
+                e.replaceSelection('\n\n'+list.join('\n'))
+
+                // Set the cursor
+                cursor = selected.start+4
+              }
+            }
+
+            // Set the cursor
+            e.setSelection(cursor,cursor+chunk.length)
+          }
+        }]
+      },{
+        name: 'groupUtil',
+        data: [{
+          name: 'cmdPreview',
+          toggle: true,
+          hotkey: 'Ctrl+P',
+          title: 'Preview',
+          btnText: 'Preview',
+          btnClass: 'btn btn-primary btn-sm',
+          icon: { glyph: 'glyphicon glyphicon-search', fa: 'fa fa-search', 'fa-3': 'icon-search' },
+          callback: function(e){
+            // Check the preview mode and toggle based on this flag
+            var isPreview = e.$isPreview,content
+
+            if (isPreview == false) {
+              // Give flag that tell the editor enter preview mode
+              e.showPreview()
+            } else {
+              e.hidePreview()
+            }
+          }
+        }]
+      }]
+    ],
+    additionalButtons:[], // Place to hook more buttons by code
+    reorderButtonGroups:[],
+    hiddenButtons:[], // Default hidden buttons
+    disabledButtons:[], // Default disabled buttons
+    footer: '',
+    fullscreen: {
+      enable: true,
+      icons: {
+        fullscreenOn: {
+          fa: 'fa fa-expand',
+          glyph: 'glyphicon glyphicon-fullscreen',
+          'fa-3': 'icon-resize-full'
+        },
+        fullscreenOff: {
+          fa: 'fa fa-compress',
+          glyph: 'glyphicon glyphicon-fullscreen',
+          'fa-3': 'icon-resize-small'
+        }
+      }
+    },
+
+    /* Events hook */
+    onShow: function (e) {},
+    onPreview: function (e) {},
+    onSave: function (e) {},
+    onBlur: function (e) {},
+    onFocus: function (e) {},
+    onChange: function(e) {},
+    onFullscreen: function(e) {}
+  }
+
+  $.fn.markdown.Constructor = Markdown
+
+
+ /* MARKDOWN NO CONFLICT
+  * ==================== */
+
+  $.fn.markdown.noConflict = function () {
+    $.fn.markdown = old
+    return this
+  }
+
+  /* MARKDOWN GLOBAL FUNCTION & DATA-API
+  * ==================================== */
+  var initMarkdown = function(el) {
+    var $this = el
+
+    if ($this.data('markdown')) {
+      $this.data('markdown').showEditor()
+      return
+    }
+
+    $this.markdown()
+  }
+
+  var analyzeMarkdown = function(e) {
+    var blurred = false,
+        el,
+        $docEditor = $(e.currentTarget)
+
+    // Check whether it was editor childs or not
+    if ((e.type == 'focusin' || e.type == 'click') && $docEditor.length == 1 && typeof $docEditor[0] == 'object'){
+      el = $docEditor[0].activeElement
+      if ( ! $(el).data('markdown')) {
+        if (typeof $(el).parent().parent().parent().attr('class') == "undefined"
+              || $(el).parent().parent().parent().attr('class').indexOf('md-editor') < 0) {
+          if ( typeof $(el).parent().parent().attr('class') == "undefined"
+              || $(el).parent().parent().attr('class').indexOf('md-editor') < 0) {
+
+                blurred = true
+          }
+        } else {
+          blurred = false
+        }
+      }
+
+
+      if (blurred) {
+        // Blur event
+        $(document).find('.md-editor').each(function(){
+          var parentMd = $(el).parent()
+
+          if ($(this).attr('id') != parentMd.attr('id')) {
+            var attachedMarkdown
+
+            if (attachedMarkdown = $(this).find('textarea').data('markdown'),
+                attachedMarkdown == null) {
+                attachedMarkdown = $(this).find('div[data-provider="markdown-preview"]').data('markdown')
+            }
+
+            if (attachedMarkdown) {
+              attachedMarkdown.blur()
+            }
+          }
+        })
+      }
+
+      e.stopPropagation()
+    }
+  }
+
+  $(document)
+    .on('click.markdown.data-api', '[data-provide="markdown-editable"]', function (e) {
+      initMarkdown($(this))
+      e.preventDefault()
+    })
+    .on('click', function (e) {
+      analyzeMarkdown(e)
+    })
+    .on('focusin', function (e) {
+      analyzeMarkdown(e)
+    })
+    .ready(function(){
+      $('textarea[data-provide="markdown"]').each(function(){
+        initMarkdown($(this))
+      })
+    })
+
+}(window.jQuery);
diff --git a/web/bootstrap-ace-admin/js/markdown/markdown.js b/web/bootstrap-ace-admin/js/markdown/markdown.js
new file mode 100755
index 00000000..d365cfa0
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/markdown/markdown.js
@@ -0,0 +1,1725 @@
+// Released under MIT license
+// Copyright (c) 2009-2010 Dominic Baggott
+// Copyright (c) 2009-2010 Ash Berlin
+// Copyright (c) 2011 Christoph Dorn <christoph@christophdorn.com> (http://www.christophdorn.com)
+
+/*jshint browser:true, devel:true */
+
+(function( expose ) {
+
+/**
+ *  class Markdown
+ *
+ *  Markdown processing in Javascript done right. We have very particular views
+ *  on what constitutes 'right' which include:
+ *
+ *  - produces well-formed HTML (this means that em and strong nesting is
+ *    important)
+ *
+ *  - has an intermediate representation to allow processing of parsed data (We
+ *    in fact have two, both as [JsonML]: a markdown tree and an HTML tree).
+ *
+ *  - is easily extensible to add new dialects without having to rewrite the
+ *    entire parsing mechanics
+ *
+ *  - has a good test suite
+ *
+ *  This implementation fulfills all of these (except that the test suite could
+ *  do with expanding to automatically run all the fixtures from other Markdown
+ *  implementations.)
+ *
+ *  ##### Intermediate Representation
+ *
+ *  *TODO* Talk about this :) Its JsonML, but document the node names we use.
+ *
+ *  [JsonML]: http://jsonml.org/ "JSON Markup Language"
+ **/
+var Markdown = expose.Markdown = function(dialect) {
+  switch (typeof dialect) {
+    case "undefined":
+      this.dialect = Markdown.dialects.Gruber;
+      break;
+    case "object":
+      this.dialect = dialect;
+      break;
+    default:
+      if ( dialect in Markdown.dialects ) {
+        this.dialect = Markdown.dialects[dialect];
+      }
+      else {
+        throw new Error("Unknown Markdown dialect '" + String(dialect) + "'");
+      }
+      break;
+  }
+  this.em_state = [];
+  this.strong_state = [];
+  this.debug_indent = "";
+};
+
+/**
+ *  parse( markdown, [dialect] ) -> JsonML
+ *  - markdown (String): markdown string to parse
+ *  - dialect (String | Dialect): the dialect to use, defaults to gruber
+ *
+ *  Parse `markdown` and return a markdown document as a Markdown.JsonML tree.
+ **/
+expose.parse = function( source, dialect ) {
+  // dialect will default if undefined
+  var md = new Markdown( dialect );
+  return md.toTree( source );
+};
+
+/**
+ *  toHTML( markdown, [dialect]  ) -> String
+ *  toHTML( md_tree ) -> String
+ *  - markdown (String): markdown string to parse
+ *  - md_tree (Markdown.JsonML): parsed markdown tree
+ *
+ *  Take markdown (either as a string or as a JsonML tree) and run it through
+ *  [[toHTMLTree]] then turn it into a well-formated HTML fragment.
+ **/
+expose.toHTML = function toHTML( source , dialect , options ) {
+  var input = expose.toHTMLTree( source , dialect , options );
+
+  return expose.renderJsonML( input );
+};
+
+/**
+ *  toHTMLTree( markdown, [dialect] ) -> JsonML
+ *  toHTMLTree( md_tree ) -> JsonML
+ *  - markdown (String): markdown string to parse
+ *  - dialect (String | Dialect): the dialect to use, defaults to gruber
+ *  - md_tree (Markdown.JsonML): parsed markdown tree
+ *
+ *  Turn markdown into HTML, represented as a JsonML tree. If a string is given
+ *  to this function, it is first parsed into a markdown tree by calling
+ *  [[parse]].
+ **/
+expose.toHTMLTree = function toHTMLTree( input, dialect , options ) {
+  // convert string input to an MD tree
+  if ( typeof input ==="string" ) input = this.parse( input, dialect );
+
+  // Now convert the MD tree to an HTML tree
+
+  // remove references from the tree
+  var attrs = extract_attr( input ),
+      refs = {};
+
+  if ( attrs && attrs.references ) {
+    refs = attrs.references;
+  }
+
+  var html = convert_tree_to_html( input, refs , options );
+  merge_text_nodes( html );
+  return html;
+};
+
+// For Spidermonkey based engines
+function mk_block_toSource() {
+  return "Markdown.mk_block( " +
+          uneval(this.toString()) +
+          ", " +
+          uneval(this.trailing) +
+          ", " +
+          uneval(this.lineNumber) +
+          " )";
+}
+
+// node
+function mk_block_inspect() {
+  var util = require("util");
+  return "Markdown.mk_block( " +
+          util.inspect(this.toString()) +
+          ", " +
+          util.inspect(this.trailing) +
+          ", " +
+          util.inspect(this.lineNumber) +
+          " )";
+
+}
+
+var mk_block = Markdown.mk_block = function(block, trail, line) {
+  // Be helpful for default case in tests.
+  if ( arguments.length == 1 ) trail = "\n\n";
+
+  var s = new String(block);
+  s.trailing = trail;
+  // To make it clear its not just a string
+  s.inspect = mk_block_inspect;
+  s.toSource = mk_block_toSource;
+
+  if ( line != undefined )
+    s.lineNumber = line;
+
+  return s;
+};
+
+function count_lines( str ) {
+  var n = 0, i = -1;
+  while ( ( i = str.indexOf("\n", i + 1) ) !== -1 ) n++;
+  return n;
+}
+
+// Internal - split source into rough blocks
+Markdown.prototype.split_blocks = function splitBlocks( input, startLine ) {
+  input = input.replace(/(\r\n|\n|\r)/g, "\n");
+  // [\s\S] matches _anything_ (newline or space)
+  // [^] is equivalent but doesn't work in IEs.
+  var re = /([\s\S]+?)($|\n#|\n(?:\s*\n|$)+)/g,
+      blocks = [],
+      m;
+
+  var line_no = 1;
+
+  if ( ( m = /^(\s*\n)/.exec(input) ) != null ) {
+    // skip (but count) leading blank lines
+    line_no += count_lines( m[0] );
+    re.lastIndex = m[0].length;
+  }
+
+  while ( ( m = re.exec(input) ) !== null ) {
+    if (m[2] == "\n#") {
+      m[2] = "\n";
+      re.lastIndex--;
+    }
+    blocks.push( mk_block( m[1], m[2], line_no ) );
+    line_no += count_lines( m[0] );
+  }
+
+  return blocks;
+};
+
+/**
+ *  Markdown#processBlock( block, next ) -> undefined | [ JsonML, ... ]
+ *  - block (String): the block to process
+ *  - next (Array): the following blocks
+ *
+ * Process `block` and return an array of JsonML nodes representing `block`.
+ *
+ * It does this by asking each block level function in the dialect to process
+ * the block until one can. Succesful handling is indicated by returning an
+ * array (with zero or more JsonML nodes), failure by a false value.
+ *
+ * Blocks handlers are responsible for calling [[Markdown#processInline]]
+ * themselves as appropriate.
+ *
+ * If the blocks were split incorrectly or adjacent blocks need collapsing you
+ * can adjust `next` in place using shift/splice etc.
+ *
+ * If any of this default behaviour is not right for the dialect, you can
+ * define a `__call__` method on the dialect that will get invoked to handle
+ * the block processing.
+ */
+Markdown.prototype.processBlock = function processBlock( block, next ) {
+  var cbs = this.dialect.block,
+      ord = cbs.__order__;
+
+  if ( "__call__" in cbs ) {
+    return cbs.__call__.call(this, block, next);
+  }
+
+  for ( var i = 0; i < ord.length; i++ ) {
+    //D:this.debug( "Testing", ord[i] );
+    var res = cbs[ ord[i] ].call( this, block, next );
+    if ( res ) {
+      //D:this.debug("  matched");
+      if ( !isArray(res) || ( res.length > 0 && !( isArray(res[0]) ) ) )
+        this.debug(ord[i], "didn't return a proper array");
+      //D:this.debug( "" );
+      return res;
+    }
+  }
+
+  // Uhoh! no match! Should we throw an error?
+  return [];
+};
+
+Markdown.prototype.processInline = function processInline( block ) {
+  return this.dialect.inline.__call__.call( this, String( block ) );
+};
+
+/**
+ *  Markdown#toTree( source ) -> JsonML
+ *  - source (String): markdown source to parse
+ *
+ *  Parse `source` into a JsonML tree representing the markdown document.
+ **/
+// custom_tree means set this.tree to `custom_tree` and restore old value on return
+Markdown.prototype.toTree = function toTree( source, custom_root ) {
+  var blocks = source instanceof Array ? source : this.split_blocks( source );
+
+  // Make tree a member variable so its easier to mess with in extensions
+  var old_tree = this.tree;
+  try {
+    this.tree = custom_root || this.tree || [ "markdown" ];
+
+    blocks:
+    while ( blocks.length ) {
+      var b = this.processBlock( blocks.shift(), blocks );
+
+      // Reference blocks and the like won't return any content
+      if ( !b.length ) continue blocks;
+
+      this.tree.push.apply( this.tree, b );
+    }
+    return this.tree;
+  }
+  finally {
+    if ( custom_root ) {
+      this.tree = old_tree;
+    }
+  }
+};
+
+// Noop by default
+Markdown.prototype.debug = function () {
+  var args = Array.prototype.slice.call( arguments);
+  args.unshift(this.debug_indent);
+  if ( typeof print !== "undefined" )
+      print.apply( print, args );
+  if ( typeof console !== "undefined" && typeof console.log !== "undefined" )
+      console.log.apply( null, args );
+}
+
+Markdown.prototype.loop_re_over_block = function( re, block, cb ) {
+  // Dont use /g regexps with this
+  var m,
+      b = block.valueOf();
+
+  while ( b.length && (m = re.exec(b) ) != null ) {
+    b = b.substr( m[0].length );
+    cb.call(this, m);
+  }
+  return b;
+};
+
+/**
+ * Markdown.dialects
+ *
+ * Namespace of built-in dialects.
+ **/
+Markdown.dialects = {};
+
+/**
+ * Markdown.dialects.Gruber
+ *
+ * The default dialect that follows the rules set out by John Gruber's
+ * markdown.pl as closely as possible. Well actually we follow the behaviour of
+ * that script which in some places is not exactly what the syntax web page
+ * says.
+ **/
+Markdown.dialects.Gruber = {
+  block: {
+    atxHeader: function atxHeader( block, next ) {
+      var m = block.match( /^(#{1,6})\s*(.*?)\s*#*\s*(?:\n|$)/ );
+
+      if ( !m ) return undefined;
+
+      var header = [ "header", { level: m[ 1 ].length } ];
+      Array.prototype.push.apply(header, this.processInline(m[ 2 ]));
+
+      if ( m[0].length < block.length )
+        next.unshift( mk_block( block.substr( m[0].length ), block.trailing, block.lineNumber + 2 ) );
+
+      return [ header ];
+    },
+
+    setextHeader: function setextHeader( block, next ) {
+      var m = block.match( /^(.*)\n([-=])\2\2+(?:\n|$)/ );
+
+      if ( !m ) return undefined;
+
+      var level = ( m[ 2 ] === "=" ) ? 1 : 2;
+      var header = [ "header", { level : level }, m[ 1 ] ];
+
+      if ( m[0].length < block.length )
+        next.unshift( mk_block( block.substr( m[0].length ), block.trailing, block.lineNumber + 2 ) );
+
+      return [ header ];
+    },
+
+    code: function code( block, next ) {
+      // |    Foo
+      // |bar
+      // should be a code block followed by a paragraph. Fun
+      //
+      // There might also be adjacent code block to merge.
+
+      var ret = [],
+          re = /^(?: {0,3}\t| {4})(.*)\n?/,
+          lines;
+
+      // 4 spaces + content
+      if ( !block.match( re ) ) return undefined;
+
+      block_search:
+      do {
+        // Now pull out the rest of the lines
+        var b = this.loop_re_over_block(
+                  re, block.valueOf(), function( m ) { ret.push( m[1] ); } );
+
+        if ( b.length ) {
+          // Case alluded to in first comment. push it back on as a new block
+          next.unshift( mk_block(b, block.trailing) );
+          break block_search;
+        }
+        else if ( next.length ) {
+          // Check the next block - it might be code too
+          if ( !next[0].match( re ) ) break block_search;
+
+          // Pull how how many blanks lines follow - minus two to account for .join
+          ret.push ( block.trailing.replace(/[^\n]/g, "").substring(2) );
+
+          block = next.shift();
+        }
+        else {
+          break block_search;
+        }
+      } while ( true );
+
+      return [ [ "code_block", ret.join("\n") ] ];
+    },
+
+    horizRule: function horizRule( block, next ) {
+      // this needs to find any hr in the block to handle abutting blocks
+      var m = block.match( /^(?:([\s\S]*?)\n)?[ \t]*([-_*])(?:[ \t]*\2){2,}[ \t]*(?:\n([\s\S]*))?$/ );
+
+      if ( !m ) {
+        return undefined;
+      }
+
+      var jsonml = [ [ "hr" ] ];
+
+      // if there's a leading abutting block, process it
+      if ( m[ 1 ] ) {
+        jsonml.unshift.apply( jsonml, this.processBlock( m[ 1 ], [] ) );
+      }
+
+      // if there's a trailing abutting block, stick it into next
+      if ( m[ 3 ] ) {
+        next.unshift( mk_block( m[ 3 ] ) );
+      }
+
+      return jsonml;
+    },
+
+    // There are two types of lists. Tight and loose. Tight lists have no whitespace
+    // between the items (and result in text just in the <li>) and loose lists,
+    // which have an empty line between list items, resulting in (one or more)
+    // paragraphs inside the <li>.
+    //
+    // There are all sorts weird edge cases about the original markdown.pl's
+    // handling of lists:
+    //
+    // * Nested lists are supposed to be indented by four chars per level. But
+    //   if they aren't, you can get a nested list by indenting by less than
+    //   four so long as the indent doesn't match an indent of an existing list
+    //   item in the 'nest stack'.
+    //
+    // * The type of the list (bullet or number) is controlled just by the
+    //    first item at the indent. Subsequent changes are ignored unless they
+    //    are for nested lists
+    //
+    lists: (function( ) {
+      // Use a closure to hide a few variables.
+      var any_list = "[*+-]|\\d+\\.",
+          bullet_list = /[*+-]/,
+          number_list = /\d+\./,
+          // Capture leading indent as it matters for determining nested lists.
+          is_list_re = new RegExp( "^( {0,3})(" + any_list + ")[ \t]+" ),
+          indent_re = "(?: {0,3}\\t| {4})";
+
+      // TODO: Cache this regexp for certain depths.
+      // Create a regexp suitable for matching an li for a given stack depth
+      function regex_for_depth( depth ) {
+
+        return new RegExp(
+          // m[1] = indent, m[2] = list_type
+          "(?:^(" + indent_re + "{0," + depth + "} {0,3})(" + any_list + ")\\s+)|" +
+          // m[3] = cont
+          "(^" + indent_re + "{0," + (depth-1) + "}[ ]{0,4})"
+        );
+      }
+      function expand_tab( input ) {
+        return input.replace( / {0,3}\t/g, "    " );
+      }
+
+      // Add inline content `inline` to `li`. inline comes from processInline
+      // so is an array of content
+      function add(li, loose, inline, nl) {
+        if ( loose ) {
+          li.push( [ "para" ].concat(inline) );
+          return;
+        }
+        // Hmmm, should this be any block level element or just paras?
+        var add_to = li[li.length -1] instanceof Array && li[li.length - 1][0] == "para"
+                   ? li[li.length -1]
+                   : li;
+
+        // If there is already some content in this list, add the new line in
+        if ( nl && li.length > 1 ) inline.unshift(nl);
+
+        for ( var i = 0; i < inline.length; i++ ) {
+          var what = inline[i],
+              is_str = typeof what == "string";
+          if ( is_str && add_to.length > 1 && typeof add_to[add_to.length-1] == "string" ) {
+            add_to[ add_to.length-1 ] += what;
+          }
+          else {
+            add_to.push( what );
+          }
+        }
+      }
+
+      // contained means have an indent greater than the current one. On
+      // *every* line in the block
+      function get_contained_blocks( depth, blocks ) {
+
+        var re = new RegExp( "^(" + indent_re + "{" + depth + "}.*?\\n?)*$" ),
+            replace = new RegExp("^" + indent_re + "{" + depth + "}", "gm"),
+            ret = [];
+
+        while ( blocks.length > 0 ) {
+          if ( re.exec( blocks[0] ) ) {
+            var b = blocks.shift(),
+                // Now remove that indent
+                x = b.replace( replace, "");
+
+            ret.push( mk_block( x, b.trailing, b.lineNumber ) );
+          }
+          else {
+            break;
+          }
+        }
+        return ret;
+      }
+
+      // passed to stack.forEach to turn list items up the stack into paras
+      function paragraphify(s, i, stack) {
+        var list = s.list;
+        var last_li = list[list.length-1];
+
+        if ( last_li[1] instanceof Array && last_li[1][0] == "para" ) {
+          return;
+        }
+        if ( i + 1 == stack.length ) {
+          // Last stack frame
+          // Keep the same array, but replace the contents
+          last_li.push( ["para"].concat( last_li.splice(1, last_li.length - 1) ) );
+        }
+        else {
+          var sublist = last_li.pop();
+          last_li.push( ["para"].concat( last_li.splice(1, last_li.length - 1) ), sublist );
+        }
+      }
+
+      // The matcher function
+      return function( block, next ) {
+        var m = block.match( is_list_re );
+        if ( !m ) return undefined;
+
+        function make_list( m ) {
+          var list = bullet_list.exec( m[2] )
+                   ? ["bulletlist"]
+                   : ["numberlist"];
+
+          stack.push( { list: list, indent: m[1] } );
+          return list;
+        }
+
+
+        var stack = [], // Stack of lists for nesting.
+            list = make_list( m ),
+            last_li,
+            loose = false,
+            ret = [ stack[0].list ],
+            i;
+
+        // Loop to search over block looking for inner block elements and loose lists
+        loose_search:
+        while ( true ) {
+          // Split into lines preserving new lines at end of line
+          var lines = block.split( /(?=\n)/ );
+
+          // We have to grab all lines for a li and call processInline on them
+          // once as there are some inline things that can span lines.
+          var li_accumulate = "";
+
+          // Loop over the lines in this block looking for tight lists.
+          tight_search:
+          for ( var line_no = 0; line_no < lines.length; line_no++ ) {
+            var nl = "",
+                l = lines[line_no].replace(/^\n/, function(n) { nl = n; return ""; });
+
+            // TODO: really should cache this
+            var line_re = regex_for_depth( stack.length );
+
+            m = l.match( line_re );
+            //print( "line:", uneval(l), "\nline match:", uneval(m) );
+
+            // We have a list item
+            if ( m[1] !== undefined ) {
+              // Process the previous list item, if any
+              if ( li_accumulate.length ) {
+                add( last_li, loose, this.processInline( li_accumulate ), nl );
+                // Loose mode will have been dealt with. Reset it
+                loose = false;
+                li_accumulate = "";
+              }
+
+              m[1] = expand_tab( m[1] );
+              var wanted_depth = Math.floor(m[1].length/4)+1;
+              //print( "want:", wanted_depth, "stack:", stack.length);
+              if ( wanted_depth > stack.length ) {
+                // Deep enough for a nested list outright
+                //print ( "new nested list" );
+                list = make_list( m );
+                last_li.push( list );
+                last_li = list[1] = [ "listitem" ];
+              }
+              else {
+                // We aren't deep enough to be strictly a new level. This is
+                // where Md.pl goes nuts. If the indent matches a level in the
+                // stack, put it there, else put it one deeper then the
+                // wanted_depth deserves.
+                var found = false;
+                for ( i = 0; i < stack.length; i++ ) {
+                  if ( stack[ i ].indent != m[1] ) continue;
+                  list = stack[ i ].list;
+                  stack.splice( i+1, stack.length - (i+1) );
+                  found = true;
+                  break;
+                }
+
+                if (!found) {
+                  //print("not found. l:", uneval(l));
+                  wanted_depth++;
+                  if ( wanted_depth <= stack.length ) {
+                    stack.splice(wanted_depth, stack.length - wanted_depth);
+                    //print("Desired depth now", wanted_depth, "stack:", stack.length);
+                    list = stack[wanted_depth-1].list;
+                    //print("list:", uneval(list) );
+                  }
+                  else {
+                    //print ("made new stack for messy indent");
+                    list = make_list(m);
+                    last_li.push(list);
+                  }
+                }
+
+                //print( uneval(list), "last", list === stack[stack.length-1].list );
+                last_li = [ "listitem" ];
+                list.push(last_li);
+              } // end depth of shenegains
+              nl = "";
+            }
+
+            // Add content
+            if ( l.length > m[0].length ) {
+              li_accumulate += nl + l.substr( m[0].length );
+            }
+          } // tight_search
+
+          if ( li_accumulate.length ) {
+            add( last_li, loose, this.processInline( li_accumulate ), nl );
+            // Loose mode will have been dealt with. Reset it
+            loose = false;
+            li_accumulate = "";
+          }
+
+          // Look at the next block - we might have a loose list. Or an extra
+          // paragraph for the current li
+          var contained = get_contained_blocks( stack.length, next );
+
+          // Deal with code blocks or properly nested lists
+          if ( contained.length > 0 ) {
+            // Make sure all listitems up the stack are paragraphs
+            forEach( stack, paragraphify, this);
+
+            last_li.push.apply( last_li, this.toTree( contained, [] ) );
+          }
+
+          var next_block = next[0] && next[0].valueOf() || "";
+
+          if ( next_block.match(is_list_re) || next_block.match( /^ / ) ) {
+            block = next.shift();
+
+            // Check for an HR following a list: features/lists/hr_abutting
+            var hr = this.dialect.block.horizRule( block, next );
+
+            if ( hr ) {
+              ret.push.apply(ret, hr);
+              break;
+            }
+
+            // Make sure all listitems up the stack are paragraphs
+            forEach( stack, paragraphify, this);
+
+            loose = true;
+            continue loose_search;
+          }
+          break;
+        } // loose_search
+
+        return ret;
+      };
+    })(),
+
+    blockquote: function blockquote( block, next ) {
+      if ( !block.match( /^>/m ) )
+        return undefined;
+
+      var jsonml = [];
+
+      // separate out the leading abutting block, if any. I.e. in this case:
+      //
+      //  a
+      //  > b
+      //
+      if ( block[ 0 ] != ">" ) {
+        var lines = block.split( /\n/ ),
+            prev = [],
+            line_no = block.lineNumber;
+
+        // keep shifting lines until you find a crotchet
+        while ( lines.length && lines[ 0 ][ 0 ] != ">" ) {
+            prev.push( lines.shift() );
+            line_no++;
+        }
+
+        var abutting = mk_block( prev.join( "\n" ), "\n", block.lineNumber );
+        jsonml.push.apply( jsonml, this.processBlock( abutting, [] ) );
+        // reassemble new block of just block quotes!
+        block = mk_block( lines.join( "\n" ), block.trailing, line_no );
+      }
+
+
+      // if the next block is also a blockquote merge it in
+      while ( next.length && next[ 0 ][ 0 ] == ">" ) {
+        var b = next.shift();
+        block = mk_block( block + block.trailing + b, b.trailing, block.lineNumber );
+      }
+
+      // Strip off the leading "> " and re-process as a block.
+      var input = block.replace( /^> ?/gm, "" ),
+          old_tree = this.tree,
+          processedBlock = this.toTree( input, [ "blockquote" ] ),
+          attr = extract_attr( processedBlock );
+
+      // If any link references were found get rid of them
+      if ( attr && attr.references ) {
+        delete attr.references;
+        // And then remove the attribute object if it's empty
+        if ( isEmpty( attr ) ) {
+          processedBlock.splice( 1, 1 );
+        }
+      }
+
+      jsonml.push( processedBlock );
+      return jsonml;
+    },
+
+    referenceDefn: function referenceDefn( block, next) {
+      var re = /^\s*\[(.*?)\]:\s*(\S+)(?:\s+(?:(['"])(.*?)\3|\((.*?)\)))?\n?/;
+      // interesting matches are [ , ref_id, url, , title, title ]
+
+      if ( !block.match(re) )
+        return undefined;
+
+      // make an attribute node if it doesn't exist
+      if ( !extract_attr( this.tree ) ) {
+        this.tree.splice( 1, 0, {} );
+      }
+
+      var attrs = extract_attr( this.tree );
+
+      // make a references hash if it doesn't exist
+      if ( attrs.references === undefined ) {
+        attrs.references = {};
+      }
+
+      var b = this.loop_re_over_block(re, block, function( m ) {
+
+        if ( m[2] && m[2][0] == "<" && m[2][m[2].length-1] == ">" )
+          m[2] = m[2].substring( 1, m[2].length - 1 );
+
+        var ref = attrs.references[ m[1].toLowerCase() ] = {
+          href: m[2]
+        };
+
+        if ( m[4] !== undefined )
+          ref.title = m[4];
+        else if ( m[5] !== undefined )
+          ref.title = m[5];
+
+      } );
+
+      if ( b.length )
+        next.unshift( mk_block( b, block.trailing ) );
+
+      return [];
+    },
+
+    para: function para( block, next ) {
+      // everything's a para!
+      return [ ["para"].concat( this.processInline( block ) ) ];
+    }
+  }
+};
+
+Markdown.dialects.Gruber.inline = {
+
+    __oneElement__: function oneElement( text, patterns_or_re, previous_nodes ) {
+      var m,
+          res,
+          lastIndex = 0;
+
+      patterns_or_re = patterns_or_re || this.dialect.inline.__patterns__;
+      var re = new RegExp( "([\\s\\S]*?)(" + (patterns_or_re.source || patterns_or_re) + ")" );
+
+      m = re.exec( text );
+      if (!m) {
+        // Just boring text
+        return [ text.length, text ];
+      }
+      else if ( m[1] ) {
+        // Some un-interesting text matched. Return that first
+        return [ m[1].length, m[1] ];
+      }
+
+      var res;
+      if ( m[2] in this.dialect.inline ) {
+        res = this.dialect.inline[ m[2] ].call(
+                  this,
+                  text.substr( m.index ), m, previous_nodes || [] );
+      }
+      // Default for now to make dev easier. just slurp special and output it.
+      res = res || [ m[2].length, m[2] ];
+      return res;
+    },
+
+    __call__: function inline( text, patterns ) {
+
+      var out = [],
+          res;
+
+      function add(x) {
+        //D:self.debug("  adding output", uneval(x));
+        if ( typeof x == "string" && typeof out[out.length-1] == "string" )
+          out[ out.length-1 ] += x;
+        else
+          out.push(x);
+      }
+
+      while ( text.length > 0 ) {
+        res = this.dialect.inline.__oneElement__.call(this, text, patterns, out );
+        text = text.substr( res.shift() );
+        forEach(res, add )
+      }
+
+      return out;
+    },
+
+    // These characters are intersting elsewhere, so have rules for them so that
+    // chunks of plain text blocks don't include them
+    "]": function () {},
+    "}": function () {},
+
+    __escape__ : /^\\[\\`\*_{}\[\]()#\+.!\-]/,
+
+    "\\": function escaped( text ) {
+      // [ length of input processed, node/children to add... ]
+      // Only esacape: \ ` * _ { } [ ] ( ) # * + - . !
+      if ( this.dialect.inline.__escape__.exec( text ) )
+        return [ 2, text.charAt( 1 ) ];
+      else
+        // Not an esacpe
+        return [ 1, "\\" ];
+    },
+
+    "![": function image( text ) {
+
+      // Unlike images, alt text is plain text only. no other elements are
+      // allowed in there
+
+      // ![Alt text](/path/to/img.jpg "Optional title")
+      //      1          2            3       4         <--- captures
+      var m = text.match( /^!\[(.*?)\][ \t]*\([ \t]*([^")]*?)(?:[ \t]+(["'])(.*?)\3)?[ \t]*\)/ );
+
+      if ( m ) {
+        if ( m[2] && m[2][0] == "<" && m[2][m[2].length-1] == ">" )
+          m[2] = m[2].substring( 1, m[2].length - 1 );
+
+        m[2] = this.dialect.inline.__call__.call( this, m[2], /\\/ )[0];
+
+        var attrs = { alt: m[1], href: m[2] || "" };
+        if ( m[4] !== undefined)
+          attrs.title = m[4];
+
+        return [ m[0].length, [ "img", attrs ] ];
+      }
+
+      // ![Alt text][id]
+      m = text.match( /^!\[(.*?)\][ \t]*\[(.*?)\]/ );
+
+      if ( m ) {
+        // We can't check if the reference is known here as it likely wont be
+        // found till after. Check it in md tree->hmtl tree conversion
+        return [ m[0].length, [ "img_ref", { alt: m[1], ref: m[2].toLowerCase(), original: m[0] } ] ];
+      }
+
+      // Just consume the '!['
+      return [ 2, "![" ];
+    },
+
+    "[": function link( text ) {
+
+      var orig = String(text);
+      // Inline content is possible inside `link text`
+      var res = Markdown.DialectHelpers.inline_until_char.call( this, text.substr(1), "]" );
+
+      // No closing ']' found. Just consume the [
+      if ( !res ) return [ 1, "[" ];
+
+      var consumed = 1 + res[ 0 ],
+          children = res[ 1 ],
+          link,
+          attrs;
+
+      // At this point the first [...] has been parsed. See what follows to find
+      // out which kind of link we are (reference or direct url)
+      text = text.substr( consumed );
+
+      // [link text](/path/to/img.jpg "Optional title")
+      //                 1            2       3         <--- captures
+      // This will capture up to the last paren in the block. We then pull
+      // back based on if there a matching ones in the url
+      //    ([here](/url/(test))
+      // The parens have to be balanced
+      var m = text.match( /^\s*\([ \t]*([^"']*)(?:[ \t]+(["'])(.*?)\2)?[ \t]*\)/ );
+      if ( m ) {
+        var url = m[1];
+        consumed += m[0].length;
+
+        if ( url && url[0] == "<" && url[url.length-1] == ">" )
+          url = url.substring( 1, url.length - 1 );
+
+        // If there is a title we don't have to worry about parens in the url
+        if ( !m[3] ) {
+          var open_parens = 1; // One open that isn't in the capture
+          for ( var len = 0; len < url.length; len++ ) {
+            switch ( url[len] ) {
+            case "(":
+              open_parens++;
+              break;
+            case ")":
+              if ( --open_parens == 0) {
+                consumed -= url.length - len;
+                url = url.substring(0, len);
+              }
+              break;
+            }
+          }
+        }
+
+        // Process escapes only
+        url = this.dialect.inline.__call__.call( this, url, /\\/ )[0];
+
+        attrs = { href: url || "" };
+        if ( m[3] !== undefined)
+          attrs.title = m[3];
+
+        link = [ "link", attrs ].concat( children );
+        return [ consumed, link ];
+      }
+
+      // [Alt text][id]
+      // [Alt text] [id]
+      m = text.match( /^\s*\[(.*?)\]/ );
+
+      if ( m ) {
+
+        consumed += m[ 0 ].length;
+
+        // [links][] uses links as its reference
+        attrs = { ref: ( m[ 1 ] || String(children) ).toLowerCase(),  original: orig.substr( 0, consumed ) };
+
+        link = [ "link_ref", attrs ].concat( children );
+
+        // We can't check if the reference is known here as it likely wont be
+        // found till after. Check it in md tree->hmtl tree conversion.
+        // Store the original so that conversion can revert if the ref isn't found.
+        return [ consumed, link ];
+      }
+
+      // [id]
+      // Only if id is plain (no formatting.)
+      if ( children.length == 1 && typeof children[0] == "string" ) {
+
+        attrs = { ref: children[0].toLowerCase(),  original: orig.substr( 0, consumed ) };
+        link = [ "link_ref", attrs, children[0] ];
+        return [ consumed, link ];
+      }
+
+      // Just consume the "["
+      return [ 1, "[" ];
+    },
+
+
+    "<": function autoLink( text ) {
+      var m;
+
+      if ( ( m = text.match( /^<(?:((https?|ftp|mailto):[^>]+)|(.*?@.*?\.[a-zA-Z]+))>/ ) ) != null ) {
+        if ( m[3] ) {
+          return [ m[0].length, [ "link", { href: "mailto:" + m[3] }, m[3] ] ];
+
+        }
+        else if ( m[2] == "mailto" ) {
+          return [ m[0].length, [ "link", { href: m[1] }, m[1].substr("mailto:".length ) ] ];
+        }
+        else
+          return [ m[0].length, [ "link", { href: m[1] }, m[1] ] ];
+      }
+
+      return [ 1, "<" ];
+    },
+
+    "`": function inlineCode( text ) {
+      // Inline code block. as many backticks as you like to start it
+      // Always skip over the opening ticks.
+      var m = text.match( /(`+)(([\s\S]*?)\1)/ );
+
+      if ( m && m[2] )
+        return [ m[1].length + m[2].length, [ "inlinecode", m[3] ] ];
+      else {
+        // TODO: No matching end code found - warn!
+        return [ 1, "`" ];
+      }
+    },
+
+    "  \n": function lineBreak( text ) {
+      return [ 3, [ "linebreak" ] ];
+    }
+
+};
+
+// Meta Helper/generator method for em and strong handling
+function strong_em( tag, md ) {
+
+  var state_slot = tag + "_state",
+      other_slot = tag == "strong" ? "em_state" : "strong_state";
+
+  function CloseTag(len) {
+    this.len_after = len;
+    this.name = "close_" + md;
+  }
+
+  return function ( text, orig_match ) {
+
+    if ( this[state_slot][0] == md ) {
+      // Most recent em is of this type
+      //D:this.debug("closing", md);
+      this[state_slot].shift();
+
+      // "Consume" everything to go back to the recrusion in the else-block below
+      return[ text.length, new CloseTag(text.length-md.length) ];
+    }
+    else {
+      // Store a clone of the em/strong states
+      var other = this[other_slot].slice(),
+          state = this[state_slot].slice();
+
+      this[state_slot].unshift(md);
+
+      //D:this.debug_indent += "  ";
+
+      // Recurse
+      var res = this.processInline( text.substr( md.length ) );
+      //D:this.debug_indent = this.debug_indent.substr(2);
+
+      var last = res[res.length - 1];
+
+      //D:this.debug("processInline from", tag + ": ", uneval( res ) );
+
+      var check = this[state_slot].shift();
+      if ( last instanceof CloseTag ) {
+        res.pop();
+        // We matched! Huzzah.
+        var consumed = text.length - last.len_after;
+        return [ consumed, [ tag ].concat(res) ];
+      }
+      else {
+        // Restore the state of the other kind. We might have mistakenly closed it.
+        this[other_slot] = other;
+        this[state_slot] = state;
+
+        // We can't reuse the processed result as it could have wrong parsing contexts in it.
+        return [ md.length, md ];
+      }
+    }
+  }; // End returned function
+}
+
+Markdown.dialects.Gruber.inline["**"] = strong_em("strong", "**");
+Markdown.dialects.Gruber.inline["__"] = strong_em("strong", "__");
+Markdown.dialects.Gruber.inline["*"]  = strong_em("em", "*");
+Markdown.dialects.Gruber.inline["_"]  = strong_em("em", "_");
+
+
+// Build default order from insertion order.
+Markdown.buildBlockOrder = function(d) {
+  var ord = [];
+  for ( var i in d ) {
+    if ( i == "__order__" || i == "__call__" ) continue;
+    ord.push( i );
+  }
+  d.__order__ = ord;
+};
+
+// Build patterns for inline matcher
+Markdown.buildInlinePatterns = function(d) {
+  var patterns = [];
+
+  for ( var i in d ) {
+    // __foo__ is reserved and not a pattern
+    if ( i.match( /^__.*__$/) ) continue;
+    var l = i.replace( /([\\.*+?|()\[\]{}])/g, "\\$1" )
+             .replace( /\n/, "\\n" );
+    patterns.push( i.length == 1 ? l : "(?:" + l + ")" );
+  }
+
+  patterns = patterns.join("|");
+  d.__patterns__ = patterns;
+  //print("patterns:", uneval( patterns ) );
+
+  var fn = d.__call__;
+  d.__call__ = function(text, pattern) {
+    if ( pattern != undefined ) {
+      return fn.call(this, text, pattern);
+    }
+    else
+    {
+      return fn.call(this, text, patterns);
+    }
+  };
+};
+
+Markdown.DialectHelpers = {};
+Markdown.DialectHelpers.inline_until_char = function( text, want ) {
+  var consumed = 0,
+      nodes = [];
+
+  while ( true ) {
+    if ( text.charAt( consumed ) == want ) {
+      // Found the character we were looking for
+      consumed++;
+      return [ consumed, nodes ];
+    }
+
+    if ( consumed >= text.length ) {
+      // No closing char found. Abort.
+      return null;
+    }
+
+    var res = this.dialect.inline.__oneElement__.call(this, text.substr( consumed ) );
+    consumed += res[ 0 ];
+    // Add any returned nodes.
+    nodes.push.apply( nodes, res.slice( 1 ) );
+  }
+}
+
+// Helper function to make sub-classing a dialect easier
+Markdown.subclassDialect = function( d ) {
+  function Block() {}
+  Block.prototype = d.block;
+  function Inline() {}
+  Inline.prototype = d.inline;
+
+  return { block: new Block(), inline: new Inline() };
+};
+
+Markdown.buildBlockOrder ( Markdown.dialects.Gruber.block );
+Markdown.buildInlinePatterns( Markdown.dialects.Gruber.inline );
+
+Markdown.dialects.Maruku = Markdown.subclassDialect( Markdown.dialects.Gruber );
+
+Markdown.dialects.Maruku.processMetaHash = function processMetaHash( meta_string ) {
+  var meta = split_meta_hash( meta_string ),
+      attr = {};
+
+  for ( var i = 0; i < meta.length; ++i ) {
+    // id: #foo
+    if ( /^#/.test( meta[ i ] ) ) {
+      attr.id = meta[ i ].substring( 1 );
+    }
+    // class: .foo
+    else if ( /^\./.test( meta[ i ] ) ) {
+      // if class already exists, append the new one
+      if ( attr["class"] ) {
+        attr["class"] = attr["class"] + meta[ i ].replace( /./, " " );
+      }
+      else {
+        attr["class"] = meta[ i ].substring( 1 );
+      }
+    }
+    // attribute: foo=bar
+    else if ( /\=/.test( meta[ i ] ) ) {
+      var s = meta[ i ].split( /\=/ );
+      attr[ s[ 0 ] ] = s[ 1 ];
+    }
+  }
+
+  return attr;
+}
+
+function split_meta_hash( meta_string ) {
+  var meta = meta_string.split( "" ),
+      parts = [ "" ],
+      in_quotes = false;
+
+  while ( meta.length ) {
+    var letter = meta.shift();
+    switch ( letter ) {
+      case " " :
+        // if we're in a quoted section, keep it
+        if ( in_quotes ) {
+          parts[ parts.length - 1 ] += letter;
+        }
+        // otherwise make a new part
+        else {
+          parts.push( "" );
+        }
+        break;
+      case "'" :
+      case '"' :
+        // reverse the quotes and move straight on
+        in_quotes = !in_quotes;
+        break;
+      case "\\" :
+        // shift off the next letter to be used straight away.
+        // it was escaped so we'll keep it whatever it is
+        letter = meta.shift();
+      default :
+        parts[ parts.length - 1 ] += letter;
+        break;
+    }
+  }
+
+  return parts;
+}
+
+Markdown.dialects.Maruku.block.document_meta = function document_meta( block, next ) {
+  // we're only interested in the first block
+  if ( block.lineNumber > 1 ) return undefined;
+
+  // document_meta blocks consist of one or more lines of `Key: Value\n`
+  if ( ! block.match( /^(?:\w+:.*\n)*\w+:.*$/ ) ) return undefined;
+
+  // make an attribute node if it doesn't exist
+  if ( !extract_attr( this.tree ) ) {
+    this.tree.splice( 1, 0, {} );
+  }
+
+  var pairs = block.split( /\n/ );
+  for ( p in pairs ) {
+    var m = pairs[ p ].match( /(\w+):\s*(.*)$/ ),
+        key = m[ 1 ].toLowerCase(),
+        value = m[ 2 ];
+
+    this.tree[ 1 ][ key ] = value;
+  }
+
+  // document_meta produces no content!
+  return [];
+};
+
+Markdown.dialects.Maruku.block.block_meta = function block_meta( block, next ) {
+  // check if the last line of the block is an meta hash
+  var m = block.match( /(^|\n) {0,3}\{:\s*((?:\\\}|[^\}])*)\s*\}$/ );
+  if ( !m ) return undefined;
+
+  // process the meta hash
+  var attr = this.dialect.processMetaHash( m[ 2 ] );
+
+  var hash;
+
+  // if we matched ^ then we need to apply meta to the previous block
+  if ( m[ 1 ] === "" ) {
+    var node = this.tree[ this.tree.length - 1 ];
+    hash = extract_attr( node );
+
+    // if the node is a string (rather than JsonML), bail
+    if ( typeof node === "string" ) return undefined;
+
+    // create the attribute hash if it doesn't exist
+    if ( !hash ) {
+      hash = {};
+      node.splice( 1, 0, hash );
+    }
+
+    // add the attributes in
+    for ( a in attr ) {
+      hash[ a ] = attr[ a ];
+    }
+
+    // return nothing so the meta hash is removed
+    return [];
+  }
+
+  // pull the meta hash off the block and process what's left
+  var b = block.replace( /\n.*$/, "" ),
+      result = this.processBlock( b, [] );
+
+  // get or make the attributes hash
+  hash = extract_attr( result[ 0 ] );
+  if ( !hash ) {
+    hash = {};
+    result[ 0 ].splice( 1, 0, hash );
+  }
+
+  // attach the attributes to the block
+  for ( a in attr ) {
+    hash[ a ] = attr[ a ];
+  }
+
+  return result;
+};
+
+Markdown.dialects.Maruku.block.definition_list = function definition_list( block, next ) {
+  // one or more terms followed by one or more definitions, in a single block
+  var tight = /^((?:[^\s:].*\n)+):\s+([\s\S]+)$/,
+      list = [ "dl" ],
+      i, m;
+
+  // see if we're dealing with a tight or loose block
+  if ( ( m = block.match( tight ) ) ) {
+    // pull subsequent tight DL blocks out of `next`
+    var blocks = [ block ];
+    while ( next.length && tight.exec( next[ 0 ] ) ) {
+      blocks.push( next.shift() );
+    }
+
+    for ( var b = 0; b < blocks.length; ++b ) {
+      var m = blocks[ b ].match( tight ),
+          terms = m[ 1 ].replace( /\n$/, "" ).split( /\n/ ),
+          defns = m[ 2 ].split( /\n:\s+/ );
+
+      // print( uneval( m ) );
+
+      for ( i = 0; i < terms.length; ++i ) {
+        list.push( [ "dt", terms[ i ] ] );
+      }
+
+      for ( i = 0; i < defns.length; ++i ) {
+        // run inline processing over the definition
+        list.push( [ "dd" ].concat( this.processInline( defns[ i ].replace( /(\n)\s+/, "$1" ) ) ) );
+      }
+    }
+  }
+  else {
+    return undefined;
+  }
+
+  return [ list ];
+};
+
+// splits on unescaped instances of @ch. If @ch is not a character the result
+// can be unpredictable
+
+Markdown.dialects.Maruku.block.table = function table (block, next) {
+
+    var _split_on_unescaped = function(s, ch) {
+        ch = ch || '\\s';
+        if (ch.match(/^[\\|\[\]{}?*.+^$]$/)) { ch = '\\' + ch; }
+        var res = [ ],
+            r = new RegExp('^((?:\\\\.|[^\\\\' + ch + '])*)' + ch + '(.*)'),
+            m;
+        while(m = s.match(r)) {
+            res.push(m[1]);
+            s = m[2];
+        }
+        res.push(s);
+        return res;
+    }
+
+    var leading_pipe = /^ {0,3}\|(.+)\n {0,3}\|\s*([\-:]+[\-| :]*)\n((?:\s*\|.*(?:\n|$))*)(?=\n|$)/,
+        // find at least an unescaped pipe in each line
+        no_leading_pipe = /^ {0,3}(\S(?:\\.|[^\\|])*\|.*)\n {0,3}([\-:]+\s*\|[\-| :]*)\n((?:(?:\\.|[^\\|])*\|.*(?:\n|$))*)(?=\n|$)/,
+        i, m;
+    if (m = block.match(leading_pipe)) {
+        // remove leading pipes in contents
+        // (header and horizontal rule already have the leading pipe left out)
+        m[3] = m[3].replace(/^\s*\|/gm, '');
+    } else if (! ( m = block.match(no_leading_pipe))) {
+        return undefined;
+    }
+
+    var table = [ "table", [ "thead", [ "tr" ] ], [ "tbody" ] ];
+
+    // remove trailing pipes, then split on pipes
+    // (no escaped pipes are allowed in horizontal rule)
+    m[2] = m[2].replace(/\|\s*$/, '').split('|');
+
+    // process alignment
+    var html_attrs = [ ];
+    forEach (m[2], function (s) {
+        if (s.match(/^\s*-+:\s*$/))       html_attrs.push({align: "right"});
+        else if (s.match(/^\s*:-+\s*$/))  html_attrs.push({align: "left"});
+        else if (s.match(/^\s*:-+:\s*$/)) html_attrs.push({align: "center"});
+        else                              html_attrs.push({});
+    });
+
+    // now for the header, avoid escaped pipes
+    m[1] = _split_on_unescaped(m[1].replace(/\|\s*$/, ''), '|');
+    for (i = 0; i < m[1].length; i++) {
+        table[1][1].push(['th', html_attrs[i] || {}].concat(
+            this.processInline(m[1][i].trim())));
+    }
+
+    // now for body contents
+    forEach (m[3].replace(/\|\s*$/mg, '').split('\n'), function (row) {
+        var html_row = ['tr'];
+        row = _split_on_unescaped(row, '|');
+        for (i = 0; i < row.length; i++) {
+            html_row.push(['td', html_attrs[i] || {}].concat(this.processInline(row[i].trim())));
+        }
+        table[2].push(html_row);
+    }, this);
+
+    return [table];
+}
+
+Markdown.dialects.Maruku.inline[ "{:" ] = function inline_meta( text, matches, out ) {
+  if ( !out.length ) {
+    return [ 2, "{:" ];
+  }
+
+  // get the preceeding element
+  var before = out[ out.length - 1 ];
+
+  if ( typeof before === "string" ) {
+    return [ 2, "{:" ];
+  }
+
+  // match a meta hash
+  var m = text.match( /^\{:\s*((?:\\\}|[^\}])*)\s*\}/ );
+
+  // no match, false alarm
+  if ( !m ) {
+    return [ 2, "{:" ];
+  }
+
+  // attach the attributes to the preceeding element
+  var meta = this.dialect.processMetaHash( m[ 1 ] ),
+      attr = extract_attr( before );
+
+  if ( !attr ) {
+    attr = {};
+    before.splice( 1, 0, attr );
+  }
+
+  for ( var k in meta ) {
+    attr[ k ] = meta[ k ];
+  }
+
+  // cut out the string and replace it with nothing
+  return [ m[ 0 ].length, "" ];
+};
+
+Markdown.dialects.Maruku.inline.__escape__ = /^\\[\\`\*_{}\[\]()#\+.!\-|:]/;
+
+Markdown.buildBlockOrder ( Markdown.dialects.Maruku.block );
+Markdown.buildInlinePatterns( Markdown.dialects.Maruku.inline );
+
+var isArray = Array.isArray || function(obj) {
+  return Object.prototype.toString.call(obj) == "[object Array]";
+};
+
+var forEach;
+// Don't mess with Array.prototype. Its not friendly
+if ( Array.prototype.forEach ) {
+  forEach = function( arr, cb, thisp ) {
+    return arr.forEach( cb, thisp );
+  };
+}
+else {
+  forEach = function(arr, cb, thisp) {
+    for (var i = 0; i < arr.length; i++) {
+      cb.call(thisp || arr, arr[i], i, arr);
+    }
+  }
+}
+
+var isEmpty = function( obj ) {
+  for ( var key in obj ) {
+    if ( hasOwnProperty.call( obj, key ) ) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
+function extract_attr( jsonml ) {
+  return isArray(jsonml)
+      && jsonml.length > 1
+      && typeof jsonml[ 1 ] === "object"
+      && !( isArray(jsonml[ 1 ]) )
+      ? jsonml[ 1 ]
+      : undefined;
+}
+
+
+
+/**
+ *  renderJsonML( jsonml[, options] ) -> String
+ *  - jsonml (Array): JsonML array to render to XML
+ *  - options (Object): options
+ *
+ *  Converts the given JsonML into well-formed XML.
+ *
+ *  The options currently understood are:
+ *
+ *  - root (Boolean): wether or not the root node should be included in the
+ *    output, or just its children. The default `false` is to not include the
+ *    root itself.
+ */
+expose.renderJsonML = function( jsonml, options ) {
+  options = options || {};
+  // include the root element in the rendered output?
+  options.root = options.root || false;
+
+  var content = [];
+
+  if ( options.root ) {
+    content.push( render_tree( jsonml ) );
+  }
+  else {
+    jsonml.shift(); // get rid of the tag
+    if ( jsonml.length && typeof jsonml[ 0 ] === "object" && !( jsonml[ 0 ] instanceof Array ) ) {
+      jsonml.shift(); // get rid of the attributes
+    }
+
+    while ( jsonml.length ) {
+      content.push( render_tree( jsonml.shift() ) );
+    }
+  }
+
+  return content.join( "\n\n" );
+};
+
+function escapeHTML( text ) {
+  return text.replace( /&/g, "&amp;" )
+             .replace( /</g, "&lt;" )
+             .replace( />/g, "&gt;" )
+             .replace( /"/g, "&quot;" )
+             .replace( /'/g, "&#39;" );
+}
+
+function render_tree( jsonml ) {
+  // basic case
+  if ( typeof jsonml === "string" ) {
+    return escapeHTML( jsonml );
+  }
+
+  var tag = jsonml.shift(),
+      attributes = {},
+      content = [];
+
+  if ( jsonml.length && typeof jsonml[ 0 ] === "object" && !( jsonml[ 0 ] instanceof Array ) ) {
+    attributes = jsonml.shift();
+  }
+
+  while ( jsonml.length ) {
+    content.push( render_tree( jsonml.shift() ) );
+  }
+
+  var tag_attrs = "";
+  for ( var a in attributes ) {
+    tag_attrs += " " + a + '="' + escapeHTML( attributes[ a ] ) + '"';
+  }
+
+  // be careful about adding whitespace here for inline elements
+  if ( tag == "img" || tag == "br" || tag == "hr" ) {
+    return "<"+ tag + tag_attrs + "/>";
+  }
+  else {
+    return "<"+ tag + tag_attrs + ">" + content.join( "" ) + "</" + tag + ">";
+  }
+}
+
+function convert_tree_to_html( tree, references, options ) {
+  var i;
+  options = options || {};
+
+  // shallow clone
+  var jsonml = tree.slice( 0 );
+
+  if ( typeof options.preprocessTreeNode === "function" ) {
+      jsonml = options.preprocessTreeNode(jsonml, references);
+  }
+
+  // Clone attributes if they exist
+  var attrs = extract_attr( jsonml );
+  if ( attrs ) {
+    jsonml[ 1 ] = {};
+    for ( i in attrs ) {
+      jsonml[ 1 ][ i ] = attrs[ i ];
+    }
+    attrs = jsonml[ 1 ];
+  }
+
+  // basic case
+  if ( typeof jsonml === "string" ) {
+    return jsonml;
+  }
+
+  // convert this node
+  switch ( jsonml[ 0 ] ) {
+    case "header":
+      jsonml[ 0 ] = "h" + jsonml[ 1 ].level;
+      delete jsonml[ 1 ].level;
+      break;
+    case "bulletlist":
+      jsonml[ 0 ] = "ul";
+      break;
+    case "numberlist":
+      jsonml[ 0 ] = "ol";
+      break;
+    case "listitem":
+      jsonml[ 0 ] = "li";
+      break;
+    case "para":
+      jsonml[ 0 ] = "p";
+      break;
+    case "markdown":
+      jsonml[ 0 ] = "html";
+      if ( attrs ) delete attrs.references;
+      break;
+    case "code_block":
+      jsonml[ 0 ] = "pre";
+      i = attrs ? 2 : 1;
+      var code = [ "code" ];
+      code.push.apply( code, jsonml.splice( i, jsonml.length - i ) );
+      jsonml[ i ] = code;
+      break;
+    case "inlinecode":
+      jsonml[ 0 ] = "code";
+      break;
+    case "img":
+      jsonml[ 1 ].src = jsonml[ 1 ].href;
+      delete jsonml[ 1 ].href;
+      break;
+    case "linebreak":
+      jsonml[ 0 ] = "br";
+    break;
+    case "link":
+      jsonml[ 0 ] = "a";
+      break;
+    case "link_ref":
+      jsonml[ 0 ] = "a";
+
+      // grab this ref and clean up the attribute node
+      var ref = references[ attrs.ref ];
+
+      // if the reference exists, make the link
+      if ( ref ) {
+        delete attrs.ref;
+
+        // add in the href and title, if present
+        attrs.href = ref.href;
+        if ( ref.title ) {
+          attrs.title = ref.title;
+        }
+
+        // get rid of the unneeded original text
+        delete attrs.original;
+      }
+      // the reference doesn't exist, so revert to plain text
+      else {
+        return attrs.original;
+      }
+      break;
+    case "img_ref":
+      jsonml[ 0 ] = "img";
+
+      // grab this ref and clean up the attribute node
+      var ref = references[ attrs.ref ];
+
+      // if the reference exists, make the link
+      if ( ref ) {
+        delete attrs.ref;
+
+        // add in the href and title, if present
+        attrs.src = ref.href;
+        if ( ref.title ) {
+          attrs.title = ref.title;
+        }
+
+        // get rid of the unneeded original text
+        delete attrs.original;
+      }
+      // the reference doesn't exist, so revert to plain text
+      else {
+        return attrs.original;
+      }
+      break;
+  }
+
+  // convert all the children
+  i = 1;
+
+  // deal with the attribute node, if it exists
+  if ( attrs ) {
+    // if there are keys, skip over it
+    for ( var key in jsonml[ 1 ] ) {
+        i = 2;
+        break;
+    }
+    // if there aren't, remove it
+    if ( i === 1 ) {
+      jsonml.splice( i, 1 );
+    }
+  }
+
+  for ( ; i < jsonml.length; ++i ) {
+    jsonml[ i ] = convert_tree_to_html( jsonml[ i ], references, options );
+  }
+
+  return jsonml;
+}
+
+
+// merges adjacent text nodes into a single node
+function merge_text_nodes( jsonml ) {
+  // skip the tag name and attribute hash
+  var i = extract_attr( jsonml ) ? 2 : 1;
+
+  while ( i < jsonml.length ) {
+    // if it's a string check the next item too
+    if ( typeof jsonml[ i ] === "string" ) {
+      if ( i + 1 < jsonml.length && typeof jsonml[ i + 1 ] === "string" ) {
+        // merge the second string into the first and remove it
+        jsonml[ i ] += jsonml.splice( i + 1, 1 )[ 0 ];
+      }
+      else {
+        ++i;
+      }
+    }
+    // if it's not a string recurse
+    else {
+      merge_text_nodes( jsonml[ i ] );
+      ++i;
+    }
+  }
+}
+
+} )( (function() {
+  if ( typeof exports === "undefined" ) {
+    window.markdown = {};
+    return window.markdown;
+  }
+  else {
+    return exports;
+  }
+} )() );
diff --git a/web/bootstrap-ace-admin/js/markdown/to-markdown.js b/web/bootstrap-ace-admin/js/markdown/to-markdown.js
new file mode 100755
index 00000000..52eb0ff3
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/markdown/to-markdown.js
@@ -0,0 +1,189 @@
+/*
+ * to-markdown - an HTML to Markdown converter
+ *
+ * Copyright 2011, Dom Christie
+ * Licenced under the MIT licence
+ *
+ */
+
+if (typeof he !== 'object' && typeof require === 'function') {
+  var he = require('he');
+}
+
+var toMarkdown = function(string) {
+
+  var ELEMENTS = [
+    {
+      patterns: 'p',
+      replacement: function(str, attrs, innerHTML) {
+        return innerHTML ? '\n\n' + innerHTML + '\n' : '';
+      }
+    },
+    {
+      patterns: 'br',
+      type: 'void',
+      replacement: '\n'
+    },
+    {
+      patterns: 'h([1-6])',
+      replacement: function(str, hLevel, attrs, innerHTML) {
+        var hPrefix = '';
+        for(var i = 0; i < hLevel; i++) {
+          hPrefix += '#';
+        }
+        return '\n\n' + hPrefix + ' ' + innerHTML + '\n';
+      }
+    },
+    {
+      patterns: 'hr',
+      type: 'void',
+      replacement: '\n\n* * *\n'
+    },
+    {
+      patterns: 'a',
+      replacement: function(str, attrs, innerHTML) {
+        var href = attrs.match(attrRegExp('href')),
+            title = attrs.match(attrRegExp('title'));
+        return href ? '[' + innerHTML + ']' + '(' + href[1] + (title && title[1] ? ' "' + title[1] + '"' : '') + ')' : str;
+      }
+    },
+    {
+      patterns: ['b', 'strong'],
+      replacement: function(str, attrs, innerHTML) {
+        return innerHTML ? '**' + innerHTML + '**' : '';
+      }
+    },
+    {
+      patterns: ['i', 'em'],
+      replacement: function(str, attrs, innerHTML) {
+        return innerHTML ? '_' + innerHTML + '_' : '';
+      }
+    },
+    {
+      patterns: 'code',
+      replacement: function(str, attrs, innerHTML) {
+        return innerHTML ? '`' + he.decode(innerHTML) + '`' : '';
+      }
+    },
+    {
+      patterns: 'img',
+      type: 'void',
+      replacement: function(str, attrs, innerHTML) {
+        var src = attrs.match(attrRegExp('src')),
+            alt = attrs.match(attrRegExp('alt')),
+            title = attrs.match(attrRegExp('title'));
+        return '![' + (alt && alt[1] ? alt[1] : '') + ']' + '(' + src[1] + (title && title[1] ? ' "' + title[1] + '"' : '') + ')';
+      }
+    }
+  ];
+
+  for(var i = 0, len = ELEMENTS.length; i < len; i++) {
+    if(typeof ELEMENTS[i].patterns === 'string') {
+      string = replaceEls(string, { tag: ELEMENTS[i].patterns, replacement: ELEMENTS[i].replacement, type:  ELEMENTS[i].type });
+    }
+    else {
+      for(var j = 0, pLen = ELEMENTS[i].patterns.length; j < pLen; j++) {
+        string = replaceEls(string, { tag: ELEMENTS[i].patterns[j], replacement: ELEMENTS[i].replacement, type:  ELEMENTS[i].type });
+      }
+    }
+  }
+
+  function replaceEls(html, elProperties) {
+    var pattern = elProperties.type === 'void' ? '<' + elProperties.tag + '\\b([^>]*)\\/?>' : '<' + elProperties.tag + '\\b([^>]*)>([\\s\\S]*?)<\\/' + elProperties.tag + '>',
+        regex = new RegExp(pattern, 'gi'),
+        markdown = '';
+    if(typeof elProperties.replacement === 'string') {
+      markdown = html.replace(regex, elProperties.replacement);
+    }
+    else {
+      markdown = html.replace(regex, function(str, p1, p2, p3) {
+        return elProperties.replacement.call(this, str, p1, p2, p3);
+      });
+    }
+    return markdown;
+  }
+
+  function attrRegExp(attr) {
+    return new RegExp(attr + '\\s*=\\s*["\']?([^"\']*)["\']?', 'i');
+  }
+
+  // Pre code blocks
+
+  string = string.replace(/<pre\b[^>]*>`([\s\S]*?)`<\/pre>/gi, function(str, innerHTML) {
+    var text = he.decode(innerHTML);
+    text = text.replace(/^\t+/g, '  '); // convert tabs to spaces (you know it makes sense)
+    text = text.replace(/\n/g, '\n    ');
+    return '\n\n    ' + text + '\n';
+  });
+
+  // Lists
+
+  // Escape numbers that could trigger an ol
+  // If there are more than three spaces before the code, it would be in a pre tag
+  // Make sure we are escaping the period not matching any character
+  string = string.replace(/^(\s{0,3}\d+)\. /g, '$1\\. ');
+
+  // Converts lists that have no child lists (of same type) first, then works its way up
+  var noChildrenRegex = /<(ul|ol)\b[^>]*>(?:(?!<ul|<ol)[\s\S])*?<\/\1>/gi;
+  while(string.match(noChildrenRegex)) {
+    string = string.replace(noChildrenRegex, function(str) {
+      return replaceLists(str);
+    });
+  }
+
+  function replaceLists(html) {
+
+    html = html.replace(/<(ul|ol)\b[^>]*>([\s\S]*?)<\/\1>/gi, function(str, listType, innerHTML) {
+      var lis = innerHTML.split('</li>');
+      lis.splice(lis.length - 1, 1);
+
+      for(i = 0, len = lis.length; i < len; i++) {
+        if(lis[i]) {
+          var prefix = (listType === 'ol') ? (i + 1) + ".  " : "*   ";
+          lis[i] = lis[i].replace(/\s*<li[^>]*>([\s\S]*)/i, function(str, innerHTML) {
+
+            innerHTML = innerHTML.replace(/^\s+/, '');
+            innerHTML = innerHTML.replace(/\n\n/g, '\n\n    ');
+            // indent nested lists
+            innerHTML = innerHTML.replace(/\n([ ]*)+(\*|\d+\.) /g, '\n$1    $2 ');
+            return prefix + innerHTML;
+          });
+        }
+      }
+      return lis.join('\n');
+    });
+    return '\n\n' + html.replace(/[ \t]+\n|\s+$/g, '');
+  }
+
+  // Blockquotes
+  var deepest = /<blockquote\b[^>]*>((?:(?!<blockquote)[\s\S])*?)<\/blockquote>/gi;
+  while(string.match(deepest)) {
+    string = string.replace(deepest, function(str) {
+      return replaceBlockquotes(str);
+    });
+  }
+
+  function replaceBlockquotes(html) {
+    html = html.replace(/<blockquote\b[^>]*>([\s\S]*?)<\/blockquote>/gi, function(str, inner) {
+      inner = inner.replace(/^\s+|\s+$/g, '');
+      inner = cleanUp(inner);
+      inner = inner.replace(/^/gm, '> ');
+      inner = inner.replace(/^(>([ \t]{2,}>)+)/gm, '> >');
+      return inner;
+    });
+    return html;
+  }
+
+  function cleanUp(string) {
+    string = string.replace(/^[\t\r\n]+|[\t\r\n]+$/g, ''); // trim leading/trailing whitespace
+    string = string.replace(/\n\s+\n/g, '\n\n');
+    string = string.replace(/\n{3,}/g, '\n\n'); // limit consecutive linebreaks to 2
+    return string;
+  }
+
+  return cleanUp(string);
+};
+
+if (typeof exports === 'object') {
+  exports.toMarkdown = toMarkdown;
+}
diff --git a/web/bootstrap-ace-admin/js/pace.js b/web/bootstrap-ace-admin/js/pace.js
new file mode 100755
index 00000000..74bd304a
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/pace.js
@@ -0,0 +1,921 @@
+(function() {
+  var AjaxMonitor, Bar, DocumentMonitor, ElementMonitor, ElementTracker, EventLagMonitor, Evented, Events, NoTargetError, RequestIntercept, SOURCE_KEYS, Scaler, SocketRequestTracker, XHRRequestTracker, animation, avgAmplitude, bar, cancelAnimation, cancelAnimationFrame, defaultOptions, extend, extendNative, getFromDOM, getIntercept, handlePushState, ignoreStack, init, now, options, requestAnimationFrame, result, runAnimation, scalers, shouldIgnoreURL, shouldTrack, source, sources, uniScaler, _WebSocket, _XDomainRequest, _XMLHttpRequest, _i, _intercept, _len, _pushState, _ref, _ref1, _replaceState,
+    __slice = [].slice,
+    __hasProp = {}.hasOwnProperty,
+    __extends = function(child, parent) { for (var key in parent) { if (__hasProp.call(parent, key)) child[key] = parent[key]; } function ctor() { this.constructor = child; } ctor.prototype = parent.prototype; child.prototype = new ctor(); child.__super__ = parent.prototype; return child; },
+    __indexOf = [].indexOf || function(item) { for (var i = 0, l = this.length; i < l; i++) { if (i in this && this[i] === item) return i; } return -1; };
+
+  defaultOptions = {
+    catchupTime: 500,
+    initialRate: .03,
+    minTime: 500,
+    ghostTime: 500,
+    maxProgressPerFrame: 10,
+    easeFactor: 1.25,
+    startOnPageLoad: true,
+    restartOnPushState: true,
+    restartOnRequestAfter: 500,
+    target: 'body',
+    elements: {
+      checkInterval: 100,
+      selectors: ['body']
+    },
+    eventLag: {
+      minSamples: 10,
+      sampleCount: 3,
+      lagThreshold: 3
+    },
+    ajax: {
+      trackMethods: ['GET'],
+      trackWebSockets: true,
+      ignoreURLs: []
+    }
+  };
+
+  now = function() {
+    var _ref;
+    return (_ref = typeof performance !== "undefined" && performance !== null ? typeof performance.now === "function" ? performance.now() : void 0 : void 0) != null ? _ref : +(new Date);
+  };
+
+  requestAnimationFrame = window.requestAnimationFrame || window.mozRequestAnimationFrame || window.webkitRequestAnimationFrame || window.msRequestAnimationFrame;
+
+  cancelAnimationFrame = window.cancelAnimationFrame || window.mozCancelAnimationFrame;
+
+  if (requestAnimationFrame == null) {
+    requestAnimationFrame = function(fn) {
+      return setTimeout(fn, 50);
+    };
+    cancelAnimationFrame = function(id) {
+      return clearTimeout(id);
+    };
+  }
+
+  runAnimation = function(fn) {
+    var last, tick;
+    last = now();
+    tick = function() {
+      var diff;
+      diff = now() - last;
+      if (diff >= 33) {
+        last = now();
+        return fn(diff, function() {
+          return requestAnimationFrame(tick);
+        });
+      } else {
+        return setTimeout(tick, 33 - diff);
+      }
+    };
+    return tick();
+  };
+
+  result = function() {
+    var args, key, obj;
+    obj = arguments[0], key = arguments[1], args = 3 <= arguments.length ? __slice.call(arguments, 2) : [];
+    if (typeof obj[key] === 'function') {
+      return obj[key].apply(obj, args);
+    } else {
+      return obj[key];
+    }
+  };
+
+  extend = function() {
+    var key, out, source, sources, val, _i, _len;
+    out = arguments[0], sources = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
+    for (_i = 0, _len = sources.length; _i < _len; _i++) {
+      source = sources[_i];
+      if (source) {
+        for (key in source) {
+          if (!__hasProp.call(source, key)) continue;
+          val = source[key];
+          if ((out[key] != null) && typeof out[key] === 'object' && (val != null) && typeof val === 'object') {
+            extend(out[key], val);
+          } else {
+            out[key] = val;
+          }
+        }
+      }
+    }
+    return out;
+  };
+
+  avgAmplitude = function(arr) {
+    var count, sum, v, _i, _len;
+    sum = count = 0;
+    for (_i = 0, _len = arr.length; _i < _len; _i++) {
+      v = arr[_i];
+      sum += Math.abs(v);
+      count++;
+    }
+    return sum / count;
+  };
+
+  getFromDOM = function(key, json) {
+    var data, e, el;
+    if (key == null) {
+      key = 'options';
+    }
+    if (json == null) {
+      json = true;
+    }
+    el = document.querySelector("[data-pace-" + key + "]");
+    if (!el) {
+      return;
+    }
+    data = el.getAttribute("data-pace-" + key);
+    if (!json) {
+      return data;
+    }
+    try {
+      return JSON.parse(data);
+    } catch (_error) {
+      e = _error;
+      return typeof console !== "undefined" && console !== null ? console.error("Error parsing inline pace options", e) : void 0;
+    }
+  };
+
+  Evented = (function() {
+    function Evented() {}
+
+    Evented.prototype.on = function(event, handler, ctx, once) {
+      var _base;
+      if (once == null) {
+        once = false;
+      }
+      if (this.bindings == null) {
+        this.bindings = {};
+      }
+      if ((_base = this.bindings)[event] == null) {
+        _base[event] = [];
+      }
+      return this.bindings[event].push({
+        handler: handler,
+        ctx: ctx,
+        once: once
+      });
+    };
+
+    Evented.prototype.once = function(event, handler, ctx) {
+      return this.on(event, handler, ctx, true);
+    };
+
+    Evented.prototype.off = function(event, handler) {
+      var i, _ref, _results;
+      if (((_ref = this.bindings) != null ? _ref[event] : void 0) == null) {
+        return;
+      }
+      if (handler == null) {
+        return delete this.bindings[event];
+      } else {
+        i = 0;
+        _results = [];
+        while (i < this.bindings[event].length) {
+          if (this.bindings[event][i].handler === handler) {
+            _results.push(this.bindings[event].splice(i, 1));
+          } else {
+            _results.push(i++);
+          }
+        }
+        return _results;
+      }
+    };
+
+    Evented.prototype.trigger = function() {
+      var args, ctx, event, handler, i, once, _ref, _ref1, _results;
+      event = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
+      if ((_ref = this.bindings) != null ? _ref[event] : void 0) {
+        i = 0;
+        _results = [];
+        while (i < this.bindings[event].length) {
+          _ref1 = this.bindings[event][i], handler = _ref1.handler, ctx = _ref1.ctx, once = _ref1.once;
+          handler.apply(ctx != null ? ctx : this, args);
+          if (once) {
+            _results.push(this.bindings[event].splice(i, 1));
+          } else {
+            _results.push(i++);
+          }
+        }
+        return _results;
+      }
+    };
+
+    return Evented;
+
+  })();
+
+  if (window.Pace == null) {
+    window.Pace = {};
+  }
+
+  extend(Pace, Evented.prototype);
+
+  options = Pace.options = extend({}, defaultOptions, window.paceOptions, getFromDOM());
+
+  _ref = ['ajax', 'document', 'eventLag', 'elements'];
+  for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+    source = _ref[_i];
+    if (options[source] === true) {
+      options[source] = defaultOptions[source];
+    }
+  }
+
+  NoTargetError = (function(_super) {
+    __extends(NoTargetError, _super);
+
+    function NoTargetError() {
+      _ref1 = NoTargetError.__super__.constructor.apply(this, arguments);
+      return _ref1;
+    }
+
+    return NoTargetError;
+
+  })(Error);
+
+  Bar = (function() {
+    function Bar() {
+      this.progress = 0;
+    }
+
+    Bar.prototype.getElement = function() {
+      var targetElement;
+      if (this.el == null) {
+        targetElement = document.querySelector(options.target);
+        if (!targetElement) {
+          throw new NoTargetError;
+        }
+        this.el = document.createElement('div');
+        this.el.className = "pace pace-active";
+        document.body.className = document.body.className.replace(/pace-done/g, '');
+        document.body.className += ' pace-running';
+        this.el.innerHTML = '<div class="pace-progress">\n  <div class="pace-progress-inner"></div>\n</div>\n<div class="pace-activity"></div>';
+        if (targetElement.firstChild != null) {
+          targetElement.insertBefore(this.el, targetElement.firstChild);
+        } else {
+          targetElement.appendChild(this.el);
+        }
+      }
+      return this.el;
+    };
+
+    Bar.prototype.finish = function() {
+      var el;
+      el = this.getElement();
+      el.className = el.className.replace('pace-active', '');
+      el.className += ' pace-inactive';
+      document.body.className = document.body.className.replace('pace-running', '');
+      return document.body.className += ' pace-done';
+    };
+
+    Bar.prototype.update = function(prog) {
+      this.progress = prog;
+      return this.render();
+    };
+
+    Bar.prototype.destroy = function() {
+      try {
+        this.getElement().parentNode.removeChild(this.getElement());
+      } catch (_error) {
+        NoTargetError = _error;
+      }
+      return this.el = void 0;
+    };
+
+    Bar.prototype.render = function() {
+      var el, progressStr;
+      if (document.querySelector(options.target) == null) {
+        return false;
+      }
+      el = this.getElement();
+      el.children[0].style.width = "" + this.progress + "%";
+      if (!this.lastRenderedProgress || this.lastRenderedProgress | 0 !== this.progress | 0) {
+        el.children[0].setAttribute('data-progress-text', "" + (this.progress | 0) + "%");
+        if (this.progress >= 100) {
+          progressStr = '99';
+        } else {
+          progressStr = this.progress < 10 ? "0" : "";
+          progressStr += this.progress | 0;
+        }
+        el.children[0].setAttribute('data-progress', "" + progressStr);
+      }
+      return this.lastRenderedProgress = this.progress;
+    };
+
+    Bar.prototype.done = function() {
+      return this.progress >= 100;
+    };
+
+    return Bar;
+
+  })();
+
+  Events = (function() {
+    function Events() {
+      this.bindings = {};
+    }
+
+    Events.prototype.trigger = function(name, val) {
+      var binding, _j, _len1, _ref2, _results;
+      if (this.bindings[name] != null) {
+        _ref2 = this.bindings[name];
+        _results = [];
+        for (_j = 0, _len1 = _ref2.length; _j < _len1; _j++) {
+          binding = _ref2[_j];
+          _results.push(binding.call(this, val));
+        }
+        return _results;
+      }
+    };
+
+    Events.prototype.on = function(name, fn) {
+      var _base;
+      if ((_base = this.bindings)[name] == null) {
+        _base[name] = [];
+      }
+      return this.bindings[name].push(fn);
+    };
+
+    return Events;
+
+  })();
+
+  _XMLHttpRequest = window.XMLHttpRequest;
+
+  _XDomainRequest = window.XDomainRequest;
+
+  _WebSocket = window.WebSocket;
+
+  extendNative = function(to, from) {
+    var e, key, val, _results;
+    _results = [];
+    for (key in from.prototype) {
+      try {
+        val = from.prototype[key];
+        if ((to[key] == null) && typeof val !== 'function') {
+          _results.push(to[key] = val);
+        } else {
+          _results.push(void 0);
+        }
+      } catch (_error) {
+        e = _error;
+      }
+    }
+    return _results;
+  };
+
+  ignoreStack = [];
+
+  Pace.ignore = function() {
+    var args, fn, ret;
+    fn = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
+    ignoreStack.unshift('ignore');
+    ret = fn.apply(null, args);
+    ignoreStack.shift();
+    return ret;
+  };
+
+  Pace.track = function() {
+    var args, fn, ret;
+    fn = arguments[0], args = 2 <= arguments.length ? __slice.call(arguments, 1) : [];
+    ignoreStack.unshift('track');
+    ret = fn.apply(null, args);
+    ignoreStack.shift();
+    return ret;
+  };
+
+  shouldTrack = function(method) {
+    var _ref2;
+    if (method == null) {
+      method = 'GET';
+    }
+    if (ignoreStack[0] === 'track') {
+      return 'force';
+    }
+    if (!ignoreStack.length && options.ajax) {
+      if (method === 'socket' && options.ajax.trackWebSockets) {
+        return true;
+      } else if (_ref2 = method.toUpperCase(), __indexOf.call(options.ajax.trackMethods, _ref2) >= 0) {
+        return true;
+      }
+    }
+    return false;
+  };
+
+  RequestIntercept = (function(_super) {
+    __extends(RequestIntercept, _super);
+
+    function RequestIntercept() {
+      var monitorXHR,
+        _this = this;
+      RequestIntercept.__super__.constructor.apply(this, arguments);
+      monitorXHR = function(req) {
+        var _open;
+        _open = req.open;
+        return req.open = function(type, url, async) {
+          if (shouldTrack(type)) {
+            _this.trigger('request', {
+              type: type,
+              url: url,
+              request: req
+            });
+          }
+          return _open.apply(req, arguments);
+        };
+      };
+      window.XMLHttpRequest = function(flags) {
+        var req;
+        req = new _XMLHttpRequest(flags);
+        monitorXHR(req);
+        return req;
+      };
+      try {
+        extendNative(window.XMLHttpRequest, _XMLHttpRequest);
+      } catch (_error) {}
+      if (_XDomainRequest != null) {
+        window.XDomainRequest = function() {
+          var req;
+          req = new _XDomainRequest;
+          monitorXHR(req);
+          return req;
+        };
+        try {
+          extendNative(window.XDomainRequest, _XDomainRequest);
+        } catch (_error) {}
+      }
+      if ((_WebSocket != null) && options.ajax.trackWebSockets) {
+        window.WebSocket = function(url, protocols) {
+          var req;
+          if (protocols != null) {
+            req = new _WebSocket(url, protocols);
+          } else {
+            req = new _WebSocket(url);
+          }
+          if (shouldTrack('socket')) {
+            _this.trigger('request', {
+              type: 'socket',
+              url: url,
+              protocols: protocols,
+              request: req
+            });
+          }
+          return req;
+        };
+        try {
+          extendNative(window.WebSocket, _WebSocket);
+        } catch (_error) {}
+      }
+    }
+
+    return RequestIntercept;
+
+  })(Events);
+
+  _intercept = null;
+
+  getIntercept = function() {
+    if (_intercept == null) {
+      _intercept = new RequestIntercept;
+    }
+    return _intercept;
+  };
+
+  shouldIgnoreURL = function(url) {
+    var pattern, _j, _len1, _ref2;
+    _ref2 = options.ajax.ignoreURLs;
+    for (_j = 0, _len1 = _ref2.length; _j < _len1; _j++) {
+      pattern = _ref2[_j];
+      if (typeof pattern === 'string') {
+        if (url.indexOf(pattern) !== -1) {
+          return true;
+        }
+      } else {
+        if (pattern.test(url)) {
+          return true;
+        }
+      }
+    }
+    return false;
+  };
+
+  getIntercept().on('request', function(_arg) {
+    var after, args, request, type, url;
+    type = _arg.type, request = _arg.request, url = _arg.url;
+    if (shouldIgnoreURL(url)) {
+      return;
+    }
+    if (!Pace.running && (options.restartOnRequestAfter !== false || shouldTrack(type) === 'force')) {
+      args = arguments;
+      after = options.restartOnRequestAfter || 0;
+      if (typeof after === 'boolean') {
+        after = 0;
+      }
+      return setTimeout(function() {
+        var stillActive, _j, _len1, _ref2, _ref3, _results;
+        if (type === 'socket') {
+          stillActive = request.readyState < 2;
+        } else {
+          stillActive = (0 < (_ref2 = request.readyState) && _ref2 < 4);
+        }
+        if (stillActive) {
+          Pace.restart();
+          _ref3 = Pace.sources;
+          _results = [];
+          for (_j = 0, _len1 = _ref3.length; _j < _len1; _j++) {
+            source = _ref3[_j];
+            if (source instanceof AjaxMonitor) {
+              source.watch.apply(source, args);
+              break;
+            } else {
+              _results.push(void 0);
+            }
+          }
+          return _results;
+        }
+      }, after);
+    }
+  });
+
+  AjaxMonitor = (function() {
+    function AjaxMonitor() {
+      var _this = this;
+      this.elements = [];
+      getIntercept().on('request', function() {
+        return _this.watch.apply(_this, arguments);
+      });
+    }
+
+    AjaxMonitor.prototype.watch = function(_arg) {
+      var request, tracker, type, url;
+      type = _arg.type, request = _arg.request, url = _arg.url;
+      if (shouldIgnoreURL(url)) {
+        return;
+      }
+      if (type === 'socket') {
+        tracker = new SocketRequestTracker(request);
+      } else {
+        tracker = new XHRRequestTracker(request);
+      }
+      return this.elements.push(tracker);
+    };
+
+    return AjaxMonitor;
+
+  })();
+
+  XHRRequestTracker = (function() {
+    function XHRRequestTracker(request) {
+      var event, size, _j, _len1, _onreadystatechange, _ref2,
+        _this = this;
+      this.progress = 0;
+      if (window.ProgressEvent != null) {
+        size = null;
+        request.addEventListener('progress', function(evt) {
+          if (evt.lengthComputable) {
+            return _this.progress = 100 * evt.loaded / evt.total;
+          } else {
+            return _this.progress = _this.progress + (100 - _this.progress) / 2;
+          }
+        });
+        _ref2 = ['load', 'abort', 'timeout', 'error'];
+        for (_j = 0, _len1 = _ref2.length; _j < _len1; _j++) {
+          event = _ref2[_j];
+          request.addEventListener(event, function() {
+            return _this.progress = 100;
+          });
+        }
+      } else {
+        _onreadystatechange = request.onreadystatechange;
+        request.onreadystatechange = function() {
+          var _ref3;
+          if ((_ref3 = request.readyState) === 0 || _ref3 === 4) {
+            _this.progress = 100;
+          } else if (request.readyState === 3) {
+            _this.progress = 50;
+          }
+          return typeof _onreadystatechange === "function" ? _onreadystatechange.apply(null, arguments) : void 0;
+        };
+      }
+    }
+
+    return XHRRequestTracker;
+
+  })();
+
+  SocketRequestTracker = (function() {
+    function SocketRequestTracker(request) {
+      var event, _j, _len1, _ref2,
+        _this = this;
+      this.progress = 0;
+      _ref2 = ['error', 'open'];
+      for (_j = 0, _len1 = _ref2.length; _j < _len1; _j++) {
+        event = _ref2[_j];
+        request.addEventListener(event, function() {
+          return _this.progress = 100;
+        });
+      }
+    }
+
+    return SocketRequestTracker;
+
+  })();
+
+  ElementMonitor = (function() {
+    function ElementMonitor(options) {
+      var selector, _j, _len1, _ref2;
+      if (options == null) {
+        options = {};
+      }
+      this.elements = [];
+      if (options.selectors == null) {
+        options.selectors = [];
+      }
+      _ref2 = options.selectors;
+      for (_j = 0, _len1 = _ref2.length; _j < _len1; _j++) {
+        selector = _ref2[_j];
+        this.elements.push(new ElementTracker(selector));
+      }
+    }
+
+    return ElementMonitor;
+
+  })();
+
+  ElementTracker = (function() {
+    function ElementTracker(selector) {
+      this.selector = selector;
+      this.progress = 0;
+      this.check();
+    }
+
+    ElementTracker.prototype.check = function() {
+      var _this = this;
+      if (document.querySelector(this.selector)) {
+        return this.done();
+      } else {
+        return setTimeout((function() {
+          return _this.check();
+        }), options.elements.checkInterval);
+      }
+    };
+
+    ElementTracker.prototype.done = function() {
+      return this.progress = 100;
+    };
+
+    return ElementTracker;
+
+  })();
+
+  DocumentMonitor = (function() {
+    DocumentMonitor.prototype.states = {
+      loading: 0,
+      interactive: 50,
+      complete: 100
+    };
+
+    function DocumentMonitor() {
+      var _onreadystatechange, _ref2,
+        _this = this;
+      this.progress = (_ref2 = this.states[document.readyState]) != null ? _ref2 : 100;
+      _onreadystatechange = document.onreadystatechange;
+      document.onreadystatechange = function() {
+        if (_this.states[document.readyState] != null) {
+          _this.progress = _this.states[document.readyState];
+        }
+        return typeof _onreadystatechange === "function" ? _onreadystatechange.apply(null, arguments) : void 0;
+      };
+    }
+
+    return DocumentMonitor;
+
+  })();
+
+  EventLagMonitor = (function() {
+    function EventLagMonitor() {
+      var avg, interval, last, points, samples,
+        _this = this;
+      this.progress = 0;
+      avg = 0;
+      samples = [];
+      points = 0;
+      last = now();
+      interval = setInterval(function() {
+        var diff;
+        diff = now() - last - 50;
+        last = now();
+        samples.push(diff);
+        if (samples.length > options.eventLag.sampleCount) {
+          samples.shift();
+        }
+        avg = avgAmplitude(samples);
+        if (++points >= options.eventLag.minSamples && avg < options.eventLag.lagThreshold) {
+          _this.progress = 100;
+          return clearInterval(interval);
+        } else {
+          return _this.progress = 100 * (3 / (avg + 3));
+        }
+      }, 50);
+    }
+
+    return EventLagMonitor;
+
+  })();
+
+  Scaler = (function() {
+    function Scaler(source) {
+      this.source = source;
+      this.last = this.sinceLastUpdate = 0;
+      this.rate = options.initialRate;
+      this.catchup = 0;
+      this.progress = this.lastProgress = 0;
+      if (this.source != null) {
+        this.progress = result(this.source, 'progress');
+      }
+    }
+
+    Scaler.prototype.tick = function(frameTime, val) {
+      var scaling;
+      if (val == null) {
+        val = result(this.source, 'progress');
+      }
+      if (val >= 100) {
+        this.done = true;
+      }
+      if (val === this.last) {
+        this.sinceLastUpdate += frameTime;
+      } else {
+        if (this.sinceLastUpdate) {
+          this.rate = (val - this.last) / this.sinceLastUpdate;
+        }
+        this.catchup = (val - this.progress) / options.catchupTime;
+        this.sinceLastUpdate = 0;
+        this.last = val;
+      }
+      if (val > this.progress) {
+        this.progress += this.catchup * frameTime;
+      }
+      scaling = 1 - Math.pow(this.progress / 100, options.easeFactor);
+      this.progress += scaling * this.rate * frameTime;
+      this.progress = Math.min(this.lastProgress + options.maxProgressPerFrame, this.progress);
+      this.progress = Math.max(0, this.progress);
+      this.progress = Math.min(100, this.progress);
+      this.lastProgress = this.progress;
+      return this.progress;
+    };
+
+    return Scaler;
+
+  })();
+
+  sources = null;
+
+  scalers = null;
+
+  bar = null;
+
+  uniScaler = null;
+
+  animation = null;
+
+  cancelAnimation = null;
+
+  Pace.running = false;
+
+  handlePushState = function() {
+    if (options.restartOnPushState) {
+      return Pace.restart();
+    }
+  };
+
+  if (window.history.pushState != null) {
+    _pushState = window.history.pushState;
+    window.history.pushState = function() {
+      handlePushState();
+      return _pushState.apply(window.history, arguments);
+    };
+  }
+
+  if (window.history.replaceState != null) {
+    _replaceState = window.history.replaceState;
+    window.history.replaceState = function() {
+      handlePushState();
+      return _replaceState.apply(window.history, arguments);
+    };
+  }
+
+  SOURCE_KEYS = {
+    ajax: AjaxMonitor,
+    elements: ElementMonitor,
+    document: DocumentMonitor,
+    eventLag: EventLagMonitor
+  };
+
+  (init = function() {
+    var type, _j, _k, _len1, _len2, _ref2, _ref3, _ref4;
+    Pace.sources = sources = [];
+    _ref2 = ['ajax', 'elements', 'document', 'eventLag'];
+    for (_j = 0, _len1 = _ref2.length; _j < _len1; _j++) {
+      type = _ref2[_j];
+      if (options[type] !== false) {
+        sources.push(new SOURCE_KEYS[type](options[type]));
+      }
+    }
+    _ref4 = (_ref3 = options.extraSources) != null ? _ref3 : [];
+    for (_k = 0, _len2 = _ref4.length; _k < _len2; _k++) {
+      source = _ref4[_k];
+      sources.push(new source(options));
+    }
+    Pace.bar = bar = new Bar;
+    scalers = [];
+    return uniScaler = new Scaler;
+  })();
+
+  Pace.stop = function() {
+    Pace.trigger('stop');
+    Pace.running = false;
+    bar.destroy();
+    cancelAnimation = true;
+    if (animation != null) {
+      if (typeof cancelAnimationFrame === "function") {
+        cancelAnimationFrame(animation);
+      }
+      animation = null;
+    }
+    return init();
+  };
+
+  Pace.restart = function() {
+    Pace.trigger('restart');
+    Pace.stop();
+    return Pace.start();
+  };
+
+  Pace.go = function() {
+    var start;
+    Pace.running = true;
+    bar.render();
+    start = now();
+    cancelAnimation = false;
+    return animation = runAnimation(function(frameTime, enqueueNextFrame) {
+      var avg, count, done, element, elements, i, j, remaining, scaler, scalerList, sum, _j, _k, _len1, _len2, _ref2;
+      remaining = 100 - bar.progress;
+      count = sum = 0;
+      done = true;
+      for (i = _j = 0, _len1 = sources.length; _j < _len1; i = ++_j) {
+        source = sources[i];
+        scalerList = scalers[i] != null ? scalers[i] : scalers[i] = [];
+        elements = (_ref2 = source.elements) != null ? _ref2 : [source];
+        for (j = _k = 0, _len2 = elements.length; _k < _len2; j = ++_k) {
+          element = elements[j];
+          scaler = scalerList[j] != null ? scalerList[j] : scalerList[j] = new Scaler(element);
+          done &= scaler.done;
+          if (scaler.done) {
+            continue;
+          }
+          count++;
+          sum += scaler.tick(frameTime);
+        }
+      }
+      avg = sum / count;
+      bar.update(uniScaler.tick(frameTime, avg));
+      if (bar.done() || done || cancelAnimation) {
+        bar.update(100);
+        Pace.trigger('done');
+        return setTimeout(function() {
+          bar.finish();
+          Pace.running = false;
+          return Pace.trigger('hide');
+        }, Math.max(options.ghostTime, Math.max(options.minTime - (now() - start), 0)));
+      } else {
+        return enqueueNextFrame();
+      }
+    });
+  };
+
+  Pace.start = function(_options) {
+    extend(options, _options);
+    Pace.running = true;
+    try {
+      bar.render();
+    } catch (_error) {
+      NoTargetError = _error;
+    }
+    if (!document.querySelector('.pace')) {
+      return setTimeout(Pace.start, 50);
+    } else {
+      Pace.trigger('start');
+      return Pace.go();
+    }
+  };
+
+  if (typeof define === 'function' && define.amd) {
+    define(function() {
+      return Pace;
+    });
+  } else if (typeof exports === 'object') {
+    module.exports = Pace;
+  } else {
+    if (options.startOnPageLoad) {
+      Pace.start();
+    }
+  }
+
+}).call(this);
diff --git a/web/bootstrap-ace-admin/js/prettify.js b/web/bootstrap-ace-admin/js/prettify.js
new file mode 100755
index 00000000..10c9fb73
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/prettify.js
@@ -0,0 +1,1655 @@
+// Copyright (C) 2006 Google Inc.
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//      http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+
+/**
+ * @fileoverview
+ * some functions for browser-side pretty printing of code contained in html.
+ *
+ * <p>
+ * For a fairly comprehensive set of languages see the
+ * <a href="http://google-code-prettify.googlecode.com/svn/trunk/README.html#langs">README</a>
+ * file that came with this source.  At a minimum, the lexer should work on a
+ * number of languages including C and friends, Java, Python, Bash, SQL, HTML,
+ * XML, CSS, Javascript, and Makefiles.  It works passably on Ruby, PHP and Awk
+ * and a subset of Perl, but, because of commenting conventions, doesn't work on
+ * Smalltalk, Lisp-like, or CAML-like languages without an explicit lang class.
+ * <p>
+ * Usage: <ol>
+ * <li> include this source file in an html page via
+ *   {@code <script type="text/javascript" src="/path/to/prettify.js"></script>}
+ * <li> define style rules.  See the example page for examples.
+ * <li> mark the {@code <pre>} and {@code <code>} tags in your source with
+ *    {@code class=prettyprint.}
+ *    You can also use the (html deprecated) {@code <xmp>} tag, but the pretty
+ *    printer needs to do more substantial DOM manipulations to support that, so
+ *    some css styles may not be preserved.
+ * </ol>
+ * That's it.  I wanted to keep the API as simple as possible, so there's no
+ * need to specify which language the code is in, but if you wish, you can add
+ * another class to the {@code <pre>} or {@code <code>} element to specify the
+ * language, as in {@code <pre class="prettyprint lang-java">}.  Any class that
+ * starts with "lang-" followed by a file extension, specifies the file type.
+ * See the "lang-*.js" files in this directory for code that implements
+ * per-language file handlers.
+ * <p>
+ * Change log:<br>
+ * cbeust, 2006/08/22
+ * <blockquote>
+ *   Java annotations (start with "@") are now captured as literals ("lit")
+ * </blockquote>
+ * @requires console
+ */
+
+// JSLint declarations
+/*global console, document, navigator, setTimeout, window, define */
+
+/** @define {boolean} */
+var IN_GLOBAL_SCOPE = true;
+
+/**
+ * Split {@code prettyPrint} into multiple timeouts so as not to interfere with
+ * UI events.
+ * If set to {@code false}, {@code prettyPrint()} is synchronous.
+ */
+window['PR_SHOULD_USE_CONTINUATION'] = true;
+
+/**
+ * Pretty print a chunk of code.
+ * @param {string} sourceCodeHtml The HTML to pretty print.
+ * @param {string} opt_langExtension The language name to use.
+ *     Typically, a filename extension like 'cpp' or 'java'.
+ * @param {number|boolean} opt_numberLines True to number lines,
+ *     or the 1-indexed number of the first line in sourceCodeHtml.
+ * @return {string} code as html, but prettier
+ */
+var prettyPrintOne;
+/**
+ * Find all the {@code <pre>} and {@code <code>} tags in the DOM with
+ * {@code class=prettyprint} and prettify them.
+ *
+ * @param {Function} opt_whenDone called when prettifying is done.
+ * @param {HTMLElement|HTMLDocument} opt_root an element or document
+ *   containing all the elements to pretty print.
+ *   Defaults to {@code document.body}.
+ */
+var prettyPrint;
+
+
+(function () {
+  var win = window;
+  // Keyword lists for various languages.
+  // We use things that coerce to strings to make them compact when minified
+  // and to defeat aggressive optimizers that fold large string constants.
+  var FLOW_CONTROL_KEYWORDS = ["break,continue,do,else,for,if,return,while"];
+  var C_KEYWORDS = [FLOW_CONTROL_KEYWORDS,"auto,case,char,const,default," + 
+      "double,enum,extern,float,goto,inline,int,long,register,short,signed," +
+      "sizeof,static,struct,switch,typedef,union,unsigned,void,volatile"];
+  var COMMON_KEYWORDS = [C_KEYWORDS,"catch,class,delete,false,import," +
+      "new,operator,private,protected,public,this,throw,true,try,typeof"];
+  var CPP_KEYWORDS = [COMMON_KEYWORDS,"alignof,align_union,asm,axiom,bool," +
+      "concept,concept_map,const_cast,constexpr,decltype,delegate," +
+      "dynamic_cast,explicit,export,friend,generic,late_check," +
+      "mutable,namespace,nullptr,property,reinterpret_cast,static_assert," +
+      "static_cast,template,typeid,typename,using,virtual,where"];
+  var JAVA_KEYWORDS = [COMMON_KEYWORDS,
+      "abstract,assert,boolean,byte,extends,final,finally,implements,import," +
+      "instanceof,interface,null,native,package,strictfp,super,synchronized," +
+      "throws,transient"];
+  var CSHARP_KEYWORDS = [JAVA_KEYWORDS,
+      "as,base,by,checked,decimal,delegate,descending,dynamic,event," +
+      "fixed,foreach,from,group,implicit,in,internal,into,is,let," +
+      "lock,object,out,override,orderby,params,partial,readonly,ref,sbyte," +
+      "sealed,stackalloc,string,select,uint,ulong,unchecked,unsafe,ushort," +
+      "var,virtual,where"];
+  var COFFEE_KEYWORDS = "all,and,by,catch,class,else,extends,false,finally," +
+      "for,if,in,is,isnt,loop,new,no,not,null,of,off,on,or,return,super,then," +
+      "throw,true,try,unless,until,when,while,yes";
+  var JSCRIPT_KEYWORDS = [COMMON_KEYWORDS,
+      "debugger,eval,export,function,get,null,set,undefined,var,with," +
+      "Infinity,NaN"];
+  var PERL_KEYWORDS = "caller,delete,die,do,dump,elsif,eval,exit,foreach,for," +
+      "goto,if,import,last,local,my,next,no,our,print,package,redo,require," +
+      "sub,undef,unless,until,use,wantarray,while,BEGIN,END";
+  var PYTHON_KEYWORDS = [FLOW_CONTROL_KEYWORDS, "and,as,assert,class,def,del," +
+      "elif,except,exec,finally,from,global,import,in,is,lambda," +
+      "nonlocal,not,or,pass,print,raise,try,with,yield," +
+      "False,True,None"];
+  var RUBY_KEYWORDS = [FLOW_CONTROL_KEYWORDS, "alias,and,begin,case,class," +
+      "def,defined,elsif,end,ensure,false,in,module,next,nil,not,or,redo," +
+      "rescue,retry,self,super,then,true,undef,unless,until,when,yield," +
+      "BEGIN,END"];
+   var RUST_KEYWORDS = [FLOW_CONTROL_KEYWORDS, "as,assert,const,copy,drop," +
+      "enum,extern,fail,false,fn,impl,let,log,loop,match,mod,move,mut,priv," +
+      "pub,pure,ref,self,static,struct,true,trait,type,unsafe,use"];
+  var SH_KEYWORDS = [FLOW_CONTROL_KEYWORDS, "case,done,elif,esac,eval,fi," +
+      "function,in,local,set,then,until"];
+  var ALL_KEYWORDS = [
+      CPP_KEYWORDS, CSHARP_KEYWORDS, JSCRIPT_KEYWORDS, PERL_KEYWORDS,
+      PYTHON_KEYWORDS, RUBY_KEYWORDS, SH_KEYWORDS];
+  var C_TYPES = /^(DIR|FILE|vector|(de|priority_)?queue|list|stack|(const_)?iterator|(multi)?(set|map)|bitset|u?(int|float)\d*)\b/;
+
+  // token style names.  correspond to css classes
+  /**
+   * token style for a string literal
+   * @const
+   */
+  var PR_STRING = 'str';
+  /**
+   * token style for a keyword
+   * @const
+   */
+  var PR_KEYWORD = 'kwd';
+  /**
+   * token style for a comment
+   * @const
+   */
+  var PR_COMMENT = 'com';
+  /**
+   * token style for a type
+   * @const
+   */
+  var PR_TYPE = 'typ';
+  /**
+   * token style for a literal value.  e.g. 1, null, true.
+   * @const
+   */
+  var PR_LITERAL = 'lit';
+  /**
+   * token style for a punctuation string.
+   * @const
+   */
+  var PR_PUNCTUATION = 'pun';
+  /**
+   * token style for plain text.
+   * @const
+   */
+  var PR_PLAIN = 'pln';
+
+  /**
+   * token style for an sgml tag.
+   * @const
+   */
+  var PR_TAG = 'tag';
+  /**
+   * token style for a markup declaration such as a DOCTYPE.
+   * @const
+   */
+  var PR_DECLARATION = 'dec';
+  /**
+   * token style for embedded source.
+   * @const
+   */
+  var PR_SOURCE = 'src';
+  /**
+   * token style for an sgml attribute name.
+   * @const
+   */
+  var PR_ATTRIB_NAME = 'atn';
+  /**
+   * token style for an sgml attribute value.
+   * @const
+   */
+  var PR_ATTRIB_VALUE = 'atv';
+
+  /**
+   * A class that indicates a section of markup that is not code, e.g. to allow
+   * embedding of line numbers within code listings.
+   * @const
+   */
+  var PR_NOCODE = 'nocode';
+
+  
+  
+  /**
+   * A set of tokens that can precede a regular expression literal in
+   * javascript
+   * http://web.archive.org/web/20070717142515/http://www.mozilla.org/js/language/js20/rationale/syntax.html
+   * has the full list, but I've removed ones that might be problematic when
+   * seen in languages that don't support regular expression literals.
+   *
+   * <p>Specifically, I've removed any keywords that can't precede a regexp
+   * literal in a syntactically legal javascript program, and I've removed the
+   * "in" keyword since it's not a keyword in many languages, and might be used
+   * as a count of inches.
+   *
+   * <p>The link above does not accurately describe EcmaScript rules since
+   * it fails to distinguish between (a=++/b/i) and (a++/b/i) but it works
+   * very well in practice.
+   *
+   * @private
+   * @const
+   */
+  var REGEXP_PRECEDER_PATTERN = '(?:^^\\.?|[+-]|[!=]=?=?|\\#|%=?|&&?=?|\\(|\\*=?|[+\\-]=|->|\\/=?|::?|<<?=?|>>?>?=?|,|;|\\?|@|\\[|~|{|\\^\\^?=?|\\|\\|?=?|break|case|continue|delete|do|else|finally|instanceof|return|throw|try|typeof)\\s*';
+  
+  // CAVEAT: this does not properly handle the case where a regular
+  // expression immediately follows another since a regular expression may
+  // have flags for case-sensitivity and the like.  Having regexp tokens
+  // adjacent is not valid in any language I'm aware of, so I'm punting.
+  // TODO: maybe style special characters inside a regexp as punctuation.
+
+  /**
+   * Given a group of {@link RegExp}s, returns a {@code RegExp} that globally
+   * matches the union of the sets of strings matched by the input RegExp.
+   * Since it matches globally, if the input strings have a start-of-input
+   * anchor (/^.../), it is ignored for the purposes of unioning.
+   * @param {Array.<RegExp>} regexs non multiline, non-global regexs.
+   * @return {RegExp} a global regex.
+   */
+  function combinePrefixPatterns(regexs) {
+    var capturedGroupIndex = 0;
+  
+    var needToFoldCase = false;
+    var ignoreCase = false;
+    for (var i = 0, n = regexs.length; i < n; ++i) {
+      var regex = regexs[i];
+      if (regex.ignoreCase) {
+        ignoreCase = true;
+      } else if (/[a-z]/i.test(regex.source.replace(
+                     /\\u[0-9a-f]{4}|\\x[0-9a-f]{2}|\\[^ux]/gi, ''))) {
+        needToFoldCase = true;
+        ignoreCase = false;
+        break;
+      }
+    }
+  
+    var escapeCharToCodeUnit = {
+      'b': 8,
+      't': 9,
+      'n': 0xa,
+      'v': 0xb,
+      'f': 0xc,
+      'r': 0xd
+    };
+  
+    function decodeEscape(charsetPart) {
+      var cc0 = charsetPart.charCodeAt(0);
+      if (cc0 !== 92 /* \\ */) {
+        return cc0;
+      }
+      var c1 = charsetPart.charAt(1);
+      cc0 = escapeCharToCodeUnit[c1];
+      if (cc0) {
+        return cc0;
+      } else if ('0' <= c1 && c1 <= '7') {
+        return parseInt(charsetPart.substring(1), 8);
+      } else if (c1 === 'u' || c1 === 'x') {
+        return parseInt(charsetPart.substring(2), 16);
+      } else {
+        return charsetPart.charCodeAt(1);
+      }
+    }
+  
+    function encodeEscape(charCode) {
+      if (charCode < 0x20) {
+        return (charCode < 0x10 ? '\\x0' : '\\x') + charCode.toString(16);
+      }
+      var ch = String.fromCharCode(charCode);
+      return (ch === '\\' || ch === '-' || ch === ']' || ch === '^')
+          ? "\\" + ch : ch;
+    }
+  
+    function caseFoldCharset(charSet) {
+      var charsetParts = charSet.substring(1, charSet.length - 1).match(
+          new RegExp(
+              '\\\\u[0-9A-Fa-f]{4}'
+              + '|\\\\x[0-9A-Fa-f]{2}'
+              + '|\\\\[0-3][0-7]{0,2}'
+              + '|\\\\[0-7]{1,2}'
+              + '|\\\\[\\s\\S]'
+              + '|-'
+              + '|[^-\\\\]',
+              'g'));
+      var ranges = [];
+      var inverse = charsetParts[0] === '^';
+  
+      var out = ['['];
+      if (inverse) { out.push('^'); }
+  
+      for (var i = inverse ? 1 : 0, n = charsetParts.length; i < n; ++i) {
+        var p = charsetParts[i];
+        if (/\\[bdsw]/i.test(p)) {  // Don't muck with named groups.
+          out.push(p);
+        } else {
+          var start = decodeEscape(p);
+          var end;
+          if (i + 2 < n && '-' === charsetParts[i + 1]) {
+            end = decodeEscape(charsetParts[i + 2]);
+            i += 2;
+          } else {
+            end = start;
+          }
+          ranges.push([start, end]);
+          // If the range might intersect letters, then expand it.
+          // This case handling is too simplistic.
+          // It does not deal with non-latin case folding.
+          // It works for latin source code identifiers though.
+          if (!(end < 65 || start > 122)) {
+            if (!(end < 65 || start > 90)) {
+              ranges.push([Math.max(65, start) | 32, Math.min(end, 90) | 32]);
+            }
+            if (!(end < 97 || start > 122)) {
+              ranges.push([Math.max(97, start) & ~32, Math.min(end, 122) & ~32]);
+            }
+          }
+        }
+      }
+  
+      // [[1, 10], [3, 4], [8, 12], [14, 14], [16, 16], [17, 17]]
+      // -> [[1, 12], [14, 14], [16, 17]]
+      ranges.sort(function (a, b) { return (a[0] - b[0]) || (b[1]  - a[1]); });
+      var consolidatedRanges = [];
+      var lastRange = [];
+      for (var i = 0; i < ranges.length; ++i) {
+        var range = ranges[i];
+        if (range[0] <= lastRange[1] + 1) {
+          lastRange[1] = Math.max(lastRange[1], range[1]);
+        } else {
+          consolidatedRanges.push(lastRange = range);
+        }
+      }
+  
+      for (var i = 0; i < consolidatedRanges.length; ++i) {
+        var range = consolidatedRanges[i];
+        out.push(encodeEscape(range[0]));
+        if (range[1] > range[0]) {
+          if (range[1] + 1 > range[0]) { out.push('-'); }
+          out.push(encodeEscape(range[1]));
+        }
+      }
+      out.push(']');
+      return out.join('');
+    }
+  
+    function allowAnywhereFoldCaseAndRenumberGroups(regex) {
+      // Split into character sets, escape sequences, punctuation strings
+      // like ('(', '(?:', ')', '^'), and runs of characters that do not
+      // include any of the above.
+      var parts = regex.source.match(
+          new RegExp(
+              '(?:'
+              + '\\[(?:[^\\x5C\\x5D]|\\\\[\\s\\S])*\\]'  // a character set
+              + '|\\\\u[A-Fa-f0-9]{4}'  // a unicode escape
+              + '|\\\\x[A-Fa-f0-9]{2}'  // a hex escape
+              + '|\\\\[0-9]+'  // a back-reference or octal escape
+              + '|\\\\[^ux0-9]'  // other escape sequence
+              + '|\\(\\?[:!=]'  // start of a non-capturing group
+              + '|[\\(\\)\\^]'  // start/end of a group, or line start
+              + '|[^\\x5B\\x5C\\(\\)\\^]+'  // run of other characters
+              + ')',
+              'g'));
+      var n = parts.length;
+  
+      // Maps captured group numbers to the number they will occupy in
+      // the output or to -1 if that has not been determined, or to
+      // undefined if they need not be capturing in the output.
+      var capturedGroups = [];
+  
+      // Walk over and identify back references to build the capturedGroups
+      // mapping.
+      for (var i = 0, groupIndex = 0; i < n; ++i) {
+        var p = parts[i];
+        if (p === '(') {
+          // groups are 1-indexed, so max group index is count of '('
+          ++groupIndex;
+        } else if ('\\' === p.charAt(0)) {
+          var decimalValue = +p.substring(1);
+          if (decimalValue) {
+            if (decimalValue <= groupIndex) {
+              capturedGroups[decimalValue] = -1;
+            } else {
+              // Replace with an unambiguous escape sequence so that
+              // an octal escape sequence does not turn into a backreference
+              // to a capturing group from an earlier regex.
+              parts[i] = encodeEscape(decimalValue);
+            }
+          }
+        }
+      }
+  
+      // Renumber groups and reduce capturing groups to non-capturing groups
+      // where possible.
+      for (var i = 1; i < capturedGroups.length; ++i) {
+        if (-1 === capturedGroups[i]) {
+          capturedGroups[i] = ++capturedGroupIndex;
+        }
+      }
+      for (var i = 0, groupIndex = 0; i < n; ++i) {
+        var p = parts[i];
+        if (p === '(') {
+          ++groupIndex;
+          if (!capturedGroups[groupIndex]) {
+            parts[i] = '(?:';
+          }
+        } else if ('\\' === p.charAt(0)) {
+          var decimalValue = +p.substring(1);
+          if (decimalValue && decimalValue <= groupIndex) {
+            parts[i] = '\\' + capturedGroups[decimalValue];
+          }
+        }
+      }
+  
+      // Remove any prefix anchors so that the output will match anywhere.
+      // ^^ really does mean an anchored match though.
+      for (var i = 0; i < n; ++i) {
+        if ('^' === parts[i] && '^' !== parts[i + 1]) { parts[i] = ''; }
+      }
+  
+      // Expand letters to groups to handle mixing of case-sensitive and
+      // case-insensitive patterns if necessary.
+      if (regex.ignoreCase && needToFoldCase) {
+        for (var i = 0; i < n; ++i) {
+          var p = parts[i];
+          var ch0 = p.charAt(0);
+          if (p.length >= 2 && ch0 === '[') {
+            parts[i] = caseFoldCharset(p);
+          } else if (ch0 !== '\\') {
+            // TODO: handle letters in numeric escapes.
+            parts[i] = p.replace(
+                /[a-zA-Z]/g,
+                function (ch) {
+                  var cc = ch.charCodeAt(0);
+                  return '[' + String.fromCharCode(cc & ~32, cc | 32) + ']';
+                });
+          }
+        }
+      }
+  
+      return parts.join('');
+    }
+  
+    var rewritten = [];
+    for (var i = 0, n = regexs.length; i < n; ++i) {
+      var regex = regexs[i];
+      if (regex.global || regex.multiline) { throw new Error('' + regex); }
+      rewritten.push(
+          '(?:' + allowAnywhereFoldCaseAndRenumberGroups(regex) + ')');
+    }
+  
+    return new RegExp(rewritten.join('|'), ignoreCase ? 'gi' : 'g');
+  }
+
+  /**
+   * Split markup into a string of source code and an array mapping ranges in
+   * that string to the text nodes in which they appear.
+   *
+   * <p>
+   * The HTML DOM structure:</p>
+   * <pre>
+   * (Element   "p"
+   *   (Element "b"
+   *     (Text  "print "))       ; #1
+   *   (Text    "'Hello '")      ; #2
+   *   (Element "br")            ; #3
+   *   (Text    "  + 'World';")) ; #4
+   * </pre>
+   * <p>
+   * corresponds to the HTML
+   * {@code <p><b>print </b>'Hello '<br>  + 'World';</p>}.</p>
+   *
+   * <p>
+   * It will produce the output:</p>
+   * <pre>
+   * {
+   *   sourceCode: "print 'Hello '\n  + 'World';",
+   *   //                     1          2
+   *   //           012345678901234 5678901234567
+   *   spans: [0, #1, 6, #2, 14, #3, 15, #4]
+   * }
+   * </pre>
+   * <p>
+   * where #1 is a reference to the {@code "print "} text node above, and so
+   * on for the other text nodes.
+   * </p>
+   *
+   * <p>
+   * The {@code} spans array is an array of pairs.  Even elements are the start
+   * indices of substrings, and odd elements are the text nodes (or BR elements)
+   * that contain the text for those substrings.
+   * Substrings continue until the next index or the end of the source.
+   * </p>
+   *
+   * @param {Node} node an HTML DOM subtree containing source-code.
+   * @param {boolean} isPreformatted true if white-space in text nodes should
+   *    be considered significant.
+   * @return {Object} source code and the text nodes in which they occur.
+   */
+  function extractSourceSpans(node, isPreformatted) {
+    var nocode = /(?:^|\s)nocode(?:\s|$)/;
+  
+    var chunks = [];
+    var length = 0;
+    var spans = [];
+    var k = 0;
+  
+    function walk(node) {
+      var type = node.nodeType;
+      if (type == 1) {  // Element
+        if (nocode.test(node.className)) { return; }
+        for (var child = node.firstChild; child; child = child.nextSibling) {
+          walk(child);
+        }
+        var nodeName = node.nodeName.toLowerCase();
+        if ('br' === nodeName || 'li' === nodeName) {
+          chunks[k] = '\n';
+          spans[k << 1] = length++;
+          spans[(k++ << 1) | 1] = node;
+        }
+      } else if (type == 3 || type == 4) {  // Text
+        var text = node.nodeValue;
+        if (text.length) {
+          if (!isPreformatted) {
+            text = text.replace(/[ \t\r\n]+/g, ' ');
+          } else {
+            text = text.replace(/\r\n?/g, '\n');  // Normalize newlines.
+          }
+          // TODO: handle tabs here?
+          chunks[k] = text;
+          spans[k << 1] = length;
+          length += text.length;
+          spans[(k++ << 1) | 1] = node;
+        }
+      }
+    }
+  
+    walk(node);
+  
+    return {
+      sourceCode: chunks.join('').replace(/\n$/, ''),
+      spans: spans
+    };
+  }
+
+  /**
+   * Apply the given language handler to sourceCode and add the resulting
+   * decorations to out.
+   * @param {number} basePos the index of sourceCode within the chunk of source
+   *    whose decorations are already present on out.
+   */
+  function appendDecorations(basePos, sourceCode, langHandler, out) {
+    if (!sourceCode) { return; }
+    var job = {
+      sourceCode: sourceCode,
+      basePos: basePos
+    };
+    langHandler(job);
+    out.push.apply(out, job.decorations);
+  }
+
+  var notWs = /\S/;
+
+  /**
+   * Given an element, if it contains only one child element and any text nodes
+   * it contains contain only space characters, return the sole child element.
+   * Otherwise returns undefined.
+   * <p>
+   * This is meant to return the CODE element in {@code <pre><code ...>} when
+   * there is a single child element that contains all the non-space textual
+   * content, but not to return anything where there are multiple child elements
+   * as in {@code <pre><code>...</code><code>...</code></pre>} or when there
+   * is textual content.
+   */
+  function childContentWrapper(element) {
+    var wrapper = undefined;
+    for (var c = element.firstChild; c; c = c.nextSibling) {
+      var type = c.nodeType;
+      wrapper = (type === 1)  // Element Node
+          ? (wrapper ? element : c)
+          : (type === 3)  // Text Node
+          ? (notWs.test(c.nodeValue) ? element : wrapper)
+          : wrapper;
+    }
+    return wrapper === element ? undefined : wrapper;
+  }
+
+  /** Given triples of [style, pattern, context] returns a lexing function,
+    * The lexing function interprets the patterns to find token boundaries and
+    * returns a decoration list of the form
+    * [index_0, style_0, index_1, style_1, ..., index_n, style_n]
+    * where index_n is an index into the sourceCode, and style_n is a style
+    * constant like PR_PLAIN.  index_n-1 <= index_n, and style_n-1 applies to
+    * all characters in sourceCode[index_n-1:index_n].
+    *
+    * The stylePatterns is a list whose elements have the form
+    * [style : string, pattern : RegExp, DEPRECATED, shortcut : string].
+    *
+    * Style is a style constant like PR_PLAIN, or can be a string of the
+    * form 'lang-FOO', where FOO is a language extension describing the
+    * language of the portion of the token in $1 after pattern executes.
+    * E.g., if style is 'lang-lisp', and group 1 contains the text
+    * '(hello (world))', then that portion of the token will be passed to the
+    * registered lisp handler for formatting.
+    * The text before and after group 1 will be restyled using this decorator
+    * so decorators should take care that this doesn't result in infinite
+    * recursion.  For example, the HTML lexer rule for SCRIPT elements looks
+    * something like ['lang-js', /<[s]cript>(.+?)<\/script>/].  This may match
+    * '<script>foo()<\/script>', which would cause the current decorator to
+    * be called with '<script>' which would not match the same rule since
+    * group 1 must not be empty, so it would be instead styled as PR_TAG by
+    * the generic tag rule.  The handler registered for the 'js' extension would
+    * then be called with 'foo()', and finally, the current decorator would
+    * be called with '<\/script>' which would not match the original rule and
+    * so the generic tag rule would identify it as a tag.
+    *
+    * Pattern must only match prefixes, and if it matches a prefix, then that
+    * match is considered a token with the same style.
+    *
+    * Context is applied to the last non-whitespace, non-comment token
+    * recognized.
+    *
+    * Shortcut is an optional string of characters, any of which, if the first
+    * character, gurantee that this pattern and only this pattern matches.
+    *
+    * @param {Array} shortcutStylePatterns patterns that always start with
+    *   a known character.  Must have a shortcut string.
+    * @param {Array} fallthroughStylePatterns patterns that will be tried in
+    *   order if the shortcut ones fail.  May have shortcuts.
+    *
+    * @return {function (Object)} a
+    *   function that takes source code and returns a list of decorations.
+    */
+  function createSimpleLexer(shortcutStylePatterns, fallthroughStylePatterns) {
+    var shortcuts = {};
+    var tokenizer;
+    (function () {
+      var allPatterns = shortcutStylePatterns.concat(fallthroughStylePatterns);
+      var allRegexs = [];
+      var regexKeys = {};
+      for (var i = 0, n = allPatterns.length; i < n; ++i) {
+        var patternParts = allPatterns[i];
+        var shortcutChars = patternParts[3];
+        if (shortcutChars) {
+          for (var c = shortcutChars.length; --c >= 0;) {
+            shortcuts[shortcutChars.charAt(c)] = patternParts;
+          }
+        }
+        var regex = patternParts[1];
+        var k = '' + regex;
+        if (!regexKeys.hasOwnProperty(k)) {
+          allRegexs.push(regex);
+          regexKeys[k] = null;
+        }
+      }
+      allRegexs.push(/[\0-\uffff]/);
+      tokenizer = combinePrefixPatterns(allRegexs);
+    })();
+
+    var nPatterns = fallthroughStylePatterns.length;
+
+    /**
+     * Lexes job.sourceCode and produces an output array job.decorations of
+     * style classes preceded by the position at which they start in
+     * job.sourceCode in order.
+     *
+     * @param {Object} job an object like <pre>{
+     *    sourceCode: {string} sourceText plain text,
+     *    basePos: {int} position of job.sourceCode in the larger chunk of
+     *        sourceCode.
+     * }</pre>
+     */
+    var decorate = function (job) {
+      var sourceCode = job.sourceCode, basePos = job.basePos;
+      /** Even entries are positions in source in ascending order.  Odd enties
+        * are style markers (e.g., PR_COMMENT) that run from that position until
+        * the end.
+        * @type {Array.<number|string>}
+        */
+      var decorations = [basePos, PR_PLAIN];
+      var pos = 0;  // index into sourceCode
+      var tokens = sourceCode.match(tokenizer) || [];
+      var styleCache = {};
+
+      for (var ti = 0, nTokens = tokens.length; ti < nTokens; ++ti) {
+        var token = tokens[ti];
+        var style = styleCache[token];
+        var match = void 0;
+
+        var isEmbedded;
+        if (typeof style === 'string') {
+          isEmbedded = false;
+        } else {
+          var patternParts = shortcuts[token.charAt(0)];
+          if (patternParts) {
+            match = token.match(patternParts[1]);
+            style = patternParts[0];
+          } else {
+            for (var i = 0; i < nPatterns; ++i) {
+              patternParts = fallthroughStylePatterns[i];
+              match = token.match(patternParts[1]);
+              if (match) {
+                style = patternParts[0];
+                break;
+              }
+            }
+
+            if (!match) {  // make sure that we make progress
+              style = PR_PLAIN;
+            }
+          }
+
+          isEmbedded = style.length >= 5 && 'lang-' === style.substring(0, 5);
+          if (isEmbedded && !(match && typeof match[1] === 'string')) {
+            isEmbedded = false;
+            style = PR_SOURCE;
+          }
+
+          if (!isEmbedded) { styleCache[token] = style; }
+        }
+
+        var tokenStart = pos;
+        pos += token.length;
+
+        if (!isEmbedded) {
+          decorations.push(basePos + tokenStart, style);
+        } else {  // Treat group 1 as an embedded block of source code.
+          var embeddedSource = match[1];
+          var embeddedSourceStart = token.indexOf(embeddedSource);
+          var embeddedSourceEnd = embeddedSourceStart + embeddedSource.length;
+          if (match[2]) {
+            // If embeddedSource can be blank, then it would match at the
+            // beginning which would cause us to infinitely recurse on the
+            // entire token, so we catch the right context in match[2].
+            embeddedSourceEnd = token.length - match[2].length;
+            embeddedSourceStart = embeddedSourceEnd - embeddedSource.length;
+          }
+          var lang = style.substring(5);
+          // Decorate the left of the embedded source
+          appendDecorations(
+              basePos + tokenStart,
+              token.substring(0, embeddedSourceStart),
+              decorate, decorations);
+          // Decorate the embedded source
+          appendDecorations(
+              basePos + tokenStart + embeddedSourceStart,
+              embeddedSource,
+              langHandlerForExtension(lang, embeddedSource),
+              decorations);
+          // Decorate the right of the embedded section
+          appendDecorations(
+              basePos + tokenStart + embeddedSourceEnd,
+              token.substring(embeddedSourceEnd),
+              decorate, decorations);
+        }
+      }
+      job.decorations = decorations;
+    };
+    return decorate;
+  }
+
+  /** returns a function that produces a list of decorations from source text.
+    *
+    * This code treats ", ', and ` as string delimiters, and \ as a string
+    * escape.  It does not recognize perl's qq() style strings.
+    * It has no special handling for double delimiter escapes as in basic, or
+    * the tripled delimiters used in python, but should work on those regardless
+    * although in those cases a single string literal may be broken up into
+    * multiple adjacent string literals.
+    *
+    * It recognizes C, C++, and shell style comments.
+    *
+    * @param {Object} options a set of optional parameters.
+    * @return {function (Object)} a function that examines the source code
+    *     in the input job and builds the decoration list.
+    */
+  function sourceDecorator(options) {
+    var shortcutStylePatterns = [], fallthroughStylePatterns = [];
+    if (options['tripleQuotedStrings']) {
+      // '''multi-line-string''', 'single-line-string', and double-quoted
+      shortcutStylePatterns.push(
+          [PR_STRING,  /^(?:\'\'\'(?:[^\'\\]|\\[\s\S]|\'{1,2}(?=[^\']))*(?:\'\'\'|$)|\"\"\"(?:[^\"\\]|\\[\s\S]|\"{1,2}(?=[^\"]))*(?:\"\"\"|$)|\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$))/,
+           null, '\'"']);
+    } else if (options['multiLineStrings']) {
+      // 'multi-line-string', "multi-line-string"
+      shortcutStylePatterns.push(
+          [PR_STRING,  /^(?:\'(?:[^\\\']|\\[\s\S])*(?:\'|$)|\"(?:[^\\\"]|\\[\s\S])*(?:\"|$)|\`(?:[^\\\`]|\\[\s\S])*(?:\`|$))/,
+           null, '\'"`']);
+    } else {
+      // 'single-line-string', "single-line-string"
+      shortcutStylePatterns.push(
+          [PR_STRING,
+           /^(?:\'(?:[^\\\'\r\n]|\\.)*(?:\'|$)|\"(?:[^\\\"\r\n]|\\.)*(?:\"|$))/,
+           null, '"\'']);
+    }
+    if (options['verbatimStrings']) {
+      // verbatim-string-literal production from the C# grammar.  See issue 93.
+      fallthroughStylePatterns.push(
+          [PR_STRING, /^@\"(?:[^\"]|\"\")*(?:\"|$)/, null]);
+    }
+    var hc = options['hashComments'];
+    if (hc) {
+      if (options['cStyleComments']) {
+        if (hc > 1) {  // multiline hash comments
+          shortcutStylePatterns.push(
+              [PR_COMMENT, /^#(?:##(?:[^#]|#(?!##))*(?:###|$)|.*)/, null, '#']);
+        } else {
+          // Stop C preprocessor declarations at an unclosed open comment
+          shortcutStylePatterns.push(
+              [PR_COMMENT, /^#(?:(?:define|e(?:l|nd)if|else|error|ifn?def|include|line|pragma|undef|warning)\b|[^\r\n]*)/,
+               null, '#']);
+        }
+        // #include <stdio.h>
+        fallthroughStylePatterns.push(
+            [PR_STRING,
+             /^<(?:(?:(?:\.\.\/)*|\/?)(?:[\w-]+(?:\/[\w-]+)+)?[\w-]+\.h(?:h|pp|\+\+)?|[a-z]\w*)>/,
+             null]);
+      } else {
+        shortcutStylePatterns.push([PR_COMMENT, /^#[^\r\n]*/, null, '#']);
+      }
+    }
+    if (options['cStyleComments']) {
+      fallthroughStylePatterns.push([PR_COMMENT, /^\/\/[^\r\n]*/, null]);
+      fallthroughStylePatterns.push(
+          [PR_COMMENT, /^\/\*[\s\S]*?(?:\*\/|$)/, null]);
+    }
+    var regexLiterals = options['regexLiterals'];
+    if (regexLiterals) {
+      /**
+       * @const
+       */
+      var regexExcls = regexLiterals > 1
+        ? ''  // Multiline regex literals
+        : '\n\r';
+      /**
+       * @const
+       */
+      var regexAny = regexExcls ? '.' : '[\\S\\s]';
+      /**
+       * @const
+       */
+      var REGEX_LITERAL = (
+          // A regular expression literal starts with a slash that is
+          // not followed by * or / so that it is not confused with
+          // comments.
+          '/(?=[^/*' + regexExcls + '])'
+          // and then contains any number of raw characters,
+          + '(?:[^/\\x5B\\x5C' + regexExcls + ']'
+          // escape sequences (\x5C),
+          +    '|\\x5C' + regexAny
+          // or non-nesting character sets (\x5B\x5D);
+          +    '|\\x5B(?:[^\\x5C\\x5D' + regexExcls + ']'
+          +             '|\\x5C' + regexAny + ')*(?:\\x5D|$))+'
+          // finally closed by a /.
+          + '/');
+      fallthroughStylePatterns.push(
+          ['lang-regex',
+           RegExp('^' + REGEXP_PRECEDER_PATTERN + '(' + REGEX_LITERAL + ')')
+           ]);
+    }
+
+    var types = options['types'];
+    if (types) {
+      fallthroughStylePatterns.push([PR_TYPE, types]);
+    }
+
+    var keywords = ("" + options['keywords']).replace(/^ | $/g, '');
+    if (keywords.length) {
+      fallthroughStylePatterns.push(
+          [PR_KEYWORD,
+           new RegExp('^(?:' + keywords.replace(/[\s,]+/g, '|') + ')\\b'),
+           null]);
+    }
+
+    shortcutStylePatterns.push([PR_PLAIN,       /^\s+/, null, ' \r\n\t\xA0']);
+
+    var punctuation =
+      // The Bash man page says
+
+      // A word is a sequence of characters considered as a single
+      // unit by GRUB. Words are separated by metacharacters,
+      // which are the following plus space, tab, and newline: { }
+      // | & $ ; < >
+      // ...
+      
+      // A word beginning with # causes that word and all remaining
+      // characters on that line to be ignored.
+
+      // which means that only a '#' after /(?:^|[{}|&$;<>\s])/ starts a
+      // comment but empirically
+      // $ echo {#}
+      // {#}
+      // $ echo \$#
+      // $#
+      // $ echo }#
+      // }#
+
+      // so /(?:^|[|&;<>\s])/ is more appropriate.
+
+      // http://gcc.gnu.org/onlinedocs/gcc-2.95.3/cpp_1.html#SEC3
+      // suggests that this definition is compatible with a
+      // default mode that tries to use a single token definition
+      // to recognize both bash/python style comments and C
+      // preprocessor directives.
+
+      // This definition of punctuation does not include # in the list of
+      // follow-on exclusions, so # will not be broken before if preceeded
+      // by a punctuation character.  We could try to exclude # after
+      // [|&;<>] but that doesn't seem to cause many major problems.
+      // If that does turn out to be a problem, we should change the below
+      // when hc is truthy to include # in the run of punctuation characters
+      // only when not followint [|&;<>].
+      '^.[^\\s\\w.$@\'"`/\\\\]*';
+    if (options['regexLiterals']) {
+      punctuation += '(?!\s*\/)';
+    }
+
+    fallthroughStylePatterns.push(
+        // TODO(mikesamuel): recognize non-latin letters and numerals in idents
+        [PR_LITERAL,     /^@[a-z_$][a-z_$@0-9]*/i, null],
+        [PR_TYPE,        /^(?:[@_]?[A-Z]+[a-z][A-Za-z_$@0-9]*|\w+_t\b)/, null],
+        [PR_PLAIN,       /^[a-z_$][a-z_$@0-9]*/i, null],
+        [PR_LITERAL,
+         new RegExp(
+             '^(?:'
+             // A hex number
+             + '0x[a-f0-9]+'
+             // or an octal or decimal number,
+             + '|(?:\\d(?:_\\d+)*\\d*(?:\\.\\d*)?|\\.\\d\\+)'
+             // possibly in scientific notation
+             + '(?:e[+\\-]?\\d+)?'
+             + ')'
+             // with an optional modifier like UL for unsigned long
+             + '[a-z]*', 'i'),
+         null, '0123456789'],
+        // Don't treat escaped quotes in bash as starting strings.
+        // See issue 144.
+        [PR_PLAIN,       /^\\[\s\S]?/, null],
+        [PR_PUNCTUATION, new RegExp(punctuation), null]);
+
+    return createSimpleLexer(shortcutStylePatterns, fallthroughStylePatterns);
+  }
+
+  var decorateSource = sourceDecorator({
+        'keywords': ALL_KEYWORDS,
+        'hashComments': true,
+        'cStyleComments': true,
+        'multiLineStrings': true,
+        'regexLiterals': true
+      });
+
+  /**
+   * Given a DOM subtree, wraps it in a list, and puts each line into its own
+   * list item.
+   *
+   * @param {Node} node modified in place.  Its content is pulled into an
+   *     HTMLOListElement, and each line is moved into a separate list item.
+   *     This requires cloning elements, so the input might not have unique
+   *     IDs after numbering.
+   * @param {boolean} isPreformatted true iff white-space in text nodes should
+   *     be treated as significant.
+   */
+  function numberLines(node, opt_startLineNum, isPreformatted) {
+    var nocode = /(?:^|\s)nocode(?:\s|$)/;
+    var lineBreak = /\r\n?|\n/;
+  
+    var document = node.ownerDocument;
+  
+    var li = document.createElement('li');
+    while (node.firstChild) {
+      li.appendChild(node.firstChild);
+    }
+    // An array of lines.  We split below, so this is initialized to one
+    // un-split line.
+    var listItems = [li];
+  
+    function walk(node) {
+      var type = node.nodeType;
+      if (type == 1 && !nocode.test(node.className)) {  // Element
+        if ('br' === node.nodeName) {
+          breakAfter(node);
+          // Discard the <BR> since it is now flush against a </LI>.
+          if (node.parentNode) {
+            node.parentNode.removeChild(node);
+          }
+        } else {
+          for (var child = node.firstChild; child; child = child.nextSibling) {
+            walk(child);
+          }
+        }
+      } else if ((type == 3 || type == 4) && isPreformatted) {  // Text
+        var text = node.nodeValue;
+        var match = text.match(lineBreak);
+        if (match) {
+          var firstLine = text.substring(0, match.index);
+          node.nodeValue = firstLine;
+          var tail = text.substring(match.index + match[0].length);
+          if (tail) {
+            var parent = node.parentNode;
+            parent.insertBefore(
+              document.createTextNode(tail), node.nextSibling);
+          }
+          breakAfter(node);
+          if (!firstLine) {
+            // Don't leave blank text nodes in the DOM.
+            node.parentNode.removeChild(node);
+          }
+        }
+      }
+    }
+  
+    // Split a line after the given node.
+    function breakAfter(lineEndNode) {
+      // If there's nothing to the right, then we can skip ending the line
+      // here, and move root-wards since splitting just before an end-tag
+      // would require us to create a bunch of empty copies.
+      while (!lineEndNode.nextSibling) {
+        lineEndNode = lineEndNode.parentNode;
+        if (!lineEndNode) { return; }
+      }
+  
+      function breakLeftOf(limit, copy) {
+        // Clone shallowly if this node needs to be on both sides of the break.
+        var rightSide = copy ? limit.cloneNode(false) : limit;
+        var parent = limit.parentNode;
+        if (parent) {
+          // We clone the parent chain.
+          // This helps us resurrect important styling elements that cross lines.
+          // E.g. in <i>Foo<br>Bar</i>
+          // should be rewritten to <li><i>Foo</i></li><li><i>Bar</i></li>.
+          var parentClone = breakLeftOf(parent, 1);
+          // Move the clone and everything to the right of the original
+          // onto the cloned parent.
+          var next = limit.nextSibling;
+          parentClone.appendChild(rightSide);
+          for (var sibling = next; sibling; sibling = next) {
+            next = sibling.nextSibling;
+            parentClone.appendChild(sibling);
+          }
+        }
+        return rightSide;
+      }
+  
+      var copiedListItem = breakLeftOf(lineEndNode.nextSibling, 0);
+  
+      // Walk the parent chain until we reach an unattached LI.
+      for (var parent;
+           // Check nodeType since IE invents document fragments.
+           (parent = copiedListItem.parentNode) && parent.nodeType === 1;) {
+        copiedListItem = parent;
+      }
+      // Put it on the list of lines for later processing.
+      listItems.push(copiedListItem);
+    }
+  
+    // Split lines while there are lines left to split.
+    for (var i = 0;  // Number of lines that have been split so far.
+         i < listItems.length;  // length updated by breakAfter calls.
+         ++i) {
+      walk(listItems[i]);
+    }
+  
+    // Make sure numeric indices show correctly.
+    if (opt_startLineNum === (opt_startLineNum|0)) {
+      listItems[0].setAttribute('value', opt_startLineNum);
+    }
+  
+    var ol = document.createElement('ol');
+    ol.className = 'linenums';
+    var offset = Math.max(0, ((opt_startLineNum - 1 /* zero index */)) | 0) || 0;
+    for (var i = 0, n = listItems.length; i < n; ++i) {
+      li = listItems[i];
+      // Stick a class on the LIs so that stylesheets can
+      // color odd/even rows, or any other row pattern that
+      // is co-prime with 10.
+      li.className = 'L' + ((i + offset) % 10);
+      if (!li.firstChild) {
+        li.appendChild(document.createTextNode('\xA0'));
+      }
+      ol.appendChild(li);
+    }
+  
+    node.appendChild(ol);
+  }
+  /**
+   * Breaks {@code job.sourceCode} around style boundaries in
+   * {@code job.decorations} and modifies {@code job.sourceNode} in place.
+   * @param {Object} job like <pre>{
+   *    sourceCode: {string} source as plain text,
+   *    sourceNode: {HTMLElement} the element containing the source,
+   *    spans: {Array.<number|Node>} alternating span start indices into source
+   *       and the text node or element (e.g. {@code <BR>}) corresponding to that
+   *       span.
+   *    decorations: {Array.<number|string} an array of style classes preceded
+   *       by the position at which they start in job.sourceCode in order
+   * }</pre>
+   * @private
+   */
+  function recombineTagsAndDecorations(job) {
+    var isIE8OrEarlier = /\bMSIE\s(\d+)/.exec(navigator.userAgent);
+    isIE8OrEarlier = isIE8OrEarlier && +isIE8OrEarlier[1] <= 8;
+    var newlineRe = /\n/g;
+  
+    var source = job.sourceCode;
+    var sourceLength = source.length;
+    // Index into source after the last code-unit recombined.
+    var sourceIndex = 0;
+  
+    var spans = job.spans;
+    var nSpans = spans.length;
+    // Index into spans after the last span which ends at or before sourceIndex.
+    var spanIndex = 0;
+  
+    var decorations = job.decorations;
+    var nDecorations = decorations.length;
+    // Index into decorations after the last decoration which ends at or before
+    // sourceIndex.
+    var decorationIndex = 0;
+  
+    // Remove all zero-length decorations.
+    decorations[nDecorations] = sourceLength;
+    var decPos, i;
+    for (i = decPos = 0; i < nDecorations;) {
+      if (decorations[i] !== decorations[i + 2]) {
+        decorations[decPos++] = decorations[i++];
+        decorations[decPos++] = decorations[i++];
+      } else {
+        i += 2;
+      }
+    }
+    nDecorations = decPos;
+  
+    // Simplify decorations.
+    for (i = decPos = 0; i < nDecorations;) {
+      var startPos = decorations[i];
+      // Conflate all adjacent decorations that use the same style.
+      var startDec = decorations[i + 1];
+      var end = i + 2;
+      while (end + 2 <= nDecorations && decorations[end + 1] === startDec) {
+        end += 2;
+      }
+      decorations[decPos++] = startPos;
+      decorations[decPos++] = startDec;
+      i = end;
+    }
+  
+    nDecorations = decorations.length = decPos;
+  
+    var sourceNode = job.sourceNode;
+    var oldDisplay;
+    if (sourceNode) {
+      oldDisplay = sourceNode.style.display;
+      sourceNode.style.display = 'none';
+    }
+    try {
+      var decoration = null;
+      while (spanIndex < nSpans) {
+        var spanStart = spans[spanIndex];
+        var spanEnd = spans[spanIndex + 2] || sourceLength;
+  
+        var decEnd = decorations[decorationIndex + 2] || sourceLength;
+  
+        var end = Math.min(spanEnd, decEnd);
+  
+        var textNode = spans[spanIndex + 1];
+        var styledText;
+        if (textNode.nodeType !== 1  // Don't muck with <BR>s or <LI>s
+            // Don't introduce spans around empty text nodes.
+            && (styledText = source.substring(sourceIndex, end))) {
+          // This may seem bizarre, and it is.  Emitting LF on IE causes the
+          // code to display with spaces instead of line breaks.
+          // Emitting Windows standard issue linebreaks (CRLF) causes a blank
+          // space to appear at the beginning of every line but the first.
+          // Emitting an old Mac OS 9 line separator makes everything spiffy.
+          if (isIE8OrEarlier) {
+            styledText = styledText.replace(newlineRe, '\r');
+          }
+          textNode.nodeValue = styledText;
+          var document = textNode.ownerDocument;
+          var span = document.createElement('span');
+          span.className = decorations[decorationIndex + 1];
+          var parentNode = textNode.parentNode;
+          parentNode.replaceChild(span, textNode);
+          span.appendChild(textNode);
+          if (sourceIndex < spanEnd) {  // Split off a text node.
+            spans[spanIndex + 1] = textNode
+                // TODO: Possibly optimize by using '' if there's no flicker.
+                = document.createTextNode(source.substring(end, spanEnd));
+            parentNode.insertBefore(textNode, span.nextSibling);
+          }
+        }
+  
+        sourceIndex = end;
+  
+        if (sourceIndex >= spanEnd) {
+          spanIndex += 2;
+        }
+        if (sourceIndex >= decEnd) {
+          decorationIndex += 2;
+        }
+      }
+    } finally {
+      if (sourceNode) {
+        sourceNode.style.display = oldDisplay;
+      }
+    }
+  }
+
+  /** Maps language-specific file extensions to handlers. */
+  var langHandlerRegistry = {};
+  /** Register a language handler for the given file extensions.
+    * @param {function (Object)} handler a function from source code to a list
+    *      of decorations.  Takes a single argument job which describes the
+    *      state of the computation.   The single parameter has the form
+    *      {@code {
+    *        sourceCode: {string} as plain text.
+    *        decorations: {Array.<number|string>} an array of style classes
+    *                     preceded by the position at which they start in
+    *                     job.sourceCode in order.
+    *                     The language handler should assigned this field.
+    *        basePos: {int} the position of source in the larger source chunk.
+    *                 All positions in the output decorations array are relative
+    *                 to the larger source chunk.
+    *      } }
+    * @param {Array.<string>} fileExtensions
+    */
+  function registerLangHandler(handler, fileExtensions) {
+    for (var i = fileExtensions.length; --i >= 0;) {
+      var ext = fileExtensions[i];
+      if (!langHandlerRegistry.hasOwnProperty(ext)) {
+        langHandlerRegistry[ext] = handler;
+      } else if (win['console']) {
+        console['warn']('cannot override language handler %s', ext);
+      }
+    }
+  }
+  function langHandlerForExtension(extension, source) {
+    if (!(extension && langHandlerRegistry.hasOwnProperty(extension))) {
+      // Treat it as markup if the first non whitespace character is a < and
+      // the last non-whitespace character is a >.
+      extension = /^\s*</.test(source)
+          ? 'default-markup'
+          : 'default-code';
+    }
+    return langHandlerRegistry[extension];
+  }
+  registerLangHandler(decorateSource, ['default-code']);
+  registerLangHandler(
+      createSimpleLexer(
+          [],
+          [
+           [PR_PLAIN,       /^[^<?]+/],
+           [PR_DECLARATION, /^<!\w[^>]*(?:>|$)/],
+           [PR_COMMENT,     /^<\!--[\s\S]*?(?:-\->|$)/],
+           // Unescaped content in an unknown language
+           ['lang-',        /^<\?([\s\S]+?)(?:\?>|$)/],
+           ['lang-',        /^<%([\s\S]+?)(?:%>|$)/],
+           [PR_PUNCTUATION, /^(?:<[%?]|[%?]>)/],
+           ['lang-',        /^<xmp\b[^>]*>([\s\S]+?)<\/xmp\b[^>]*>/i],
+           // Unescaped content in javascript.  (Or possibly vbscript).
+           ['lang-js',      /^<script\b[^>]*>([\s\S]*?)(<\/script\b[^>]*>)/i],
+           // Contains unescaped stylesheet content
+           ['lang-css',     /^<style\b[^>]*>([\s\S]*?)(<\/style\b[^>]*>)/i],
+           ['lang-in.tag',  /^(<\/?[a-z][^<>]*>)/i]
+          ]),
+      ['default-markup', 'htm', 'html', 'mxml', 'xhtml', 'xml', 'xsl']);
+  registerLangHandler(
+      createSimpleLexer(
+          [
+           [PR_PLAIN,        /^[\s]+/, null, ' \t\r\n'],
+           [PR_ATTRIB_VALUE, /^(?:\"[^\"]*\"?|\'[^\']*\'?)/, null, '\"\'']
+           ],
+          [
+           [PR_TAG,          /^^<\/?[a-z](?:[\w.:-]*\w)?|\/?>$/i],
+           [PR_ATTRIB_NAME,  /^(?!style[\s=]|on)[a-z](?:[\w:-]*\w)?/i],
+           ['lang-uq.val',   /^=\s*([^>\'\"\s]*(?:[^>\'\"\s\/]|\/(?=\s)))/],
+           [PR_PUNCTUATION,  /^[=<>\/]+/],
+           ['lang-js',       /^on\w+\s*=\s*\"([^\"]+)\"/i],
+           ['lang-js',       /^on\w+\s*=\s*\'([^\']+)\'/i],
+           ['lang-js',       /^on\w+\s*=\s*([^\"\'>\s]+)/i],
+           ['lang-css',      /^style\s*=\s*\"([^\"]+)\"/i],
+           ['lang-css',      /^style\s*=\s*\'([^\']+)\'/i],
+           ['lang-css',      /^style\s*=\s*([^\"\'>\s]+)/i]
+           ]),
+      ['in.tag']);
+  registerLangHandler(
+      createSimpleLexer([], [[PR_ATTRIB_VALUE, /^[\s\S]+/]]), ['uq.val']);
+  registerLangHandler(sourceDecorator({
+          'keywords': CPP_KEYWORDS,
+          'hashComments': true,
+          'cStyleComments': true,
+          'types': C_TYPES
+        }), ['c', 'cc', 'cpp', 'cxx', 'cyc', 'm']);
+  registerLangHandler(sourceDecorator({
+          'keywords': 'null,true,false'
+        }), ['json']);
+  registerLangHandler(sourceDecorator({
+          'keywords': CSHARP_KEYWORDS,
+          'hashComments': true,
+          'cStyleComments': true,
+          'verbatimStrings': true,
+          'types': C_TYPES
+        }), ['cs']);
+  registerLangHandler(sourceDecorator({
+          'keywords': JAVA_KEYWORDS,
+          'cStyleComments': true
+        }), ['java']);
+  registerLangHandler(sourceDecorator({
+          'keywords': SH_KEYWORDS,
+          'hashComments': true,
+          'multiLineStrings': true
+        }), ['bash', 'bsh', 'csh', 'sh']);
+  registerLangHandler(sourceDecorator({
+          'keywords': PYTHON_KEYWORDS,
+          'hashComments': true,
+          'multiLineStrings': true,
+          'tripleQuotedStrings': true
+        }), ['cv', 'py', 'python']);
+  registerLangHandler(sourceDecorator({
+          'keywords': PERL_KEYWORDS,
+          'hashComments': true,
+          'multiLineStrings': true,
+          'regexLiterals': 2  // multiline regex literals
+        }), ['perl', 'pl', 'pm']);
+  registerLangHandler(sourceDecorator({
+          'keywords': RUBY_KEYWORDS,
+          'hashComments': true,
+          'multiLineStrings': true,
+          'regexLiterals': true
+        }), ['rb', 'ruby']);
+  registerLangHandler(sourceDecorator({
+          'keywords': JSCRIPT_KEYWORDS,
+          'cStyleComments': true,
+          'regexLiterals': true
+        }), ['javascript', 'js']);
+  registerLangHandler(sourceDecorator({
+          'keywords': COFFEE_KEYWORDS,
+          'hashComments': 3,  // ### style block comments
+          'cStyleComments': true,
+          'multilineStrings': true,
+          'tripleQuotedStrings': true,
+          'regexLiterals': true
+        }), ['coffee']);
+  registerLangHandler(sourceDecorator({
+          'keywords': RUST_KEYWORDS,
+          'cStyleComments': true,
+          'multilineStrings': true
+        }), ['rc', 'rs', 'rust']);
+  registerLangHandler(
+      createSimpleLexer([], [[PR_STRING, /^[\s\S]+/]]), ['regex']);
+
+  function applyDecorator(job) {
+    var opt_langExtension = job.langExtension;
+
+    try {
+      // Extract tags, and convert the source code to plain text.
+      var sourceAndSpans = extractSourceSpans(job.sourceNode, job.pre);
+      /** Plain text. @type {string} */
+      var source = sourceAndSpans.sourceCode;
+      job.sourceCode = source;
+      job.spans = sourceAndSpans.spans;
+      job.basePos = 0;
+
+      // Apply the appropriate language handler
+      langHandlerForExtension(opt_langExtension, source)(job);
+
+      // Integrate the decorations and tags back into the source code,
+      // modifying the sourceNode in place.
+      recombineTagsAndDecorations(job);
+    } catch (e) {
+      if (win['console']) {
+        console['log'](e && e['stack'] || e);
+      }
+    }
+  }
+
+  /**
+   * Pretty print a chunk of code.
+   * @param sourceCodeHtml {string} The HTML to pretty print.
+   * @param opt_langExtension {string} The language name to use.
+   *     Typically, a filename extension like 'cpp' or 'java'.
+   * @param opt_numberLines {number|boolean} True to number lines,
+   *     or the 1-indexed number of the first line in sourceCodeHtml.
+   */
+  function $prettyPrintOne(sourceCodeHtml, opt_langExtension, opt_numberLines) {
+    var container = document.createElement('div');
+    // This could cause images to load and onload listeners to fire.
+    // E.g. <img onerror="alert(1337)" src="nosuchimage.png">.
+    // We assume that the inner HTML is from a trusted source.
+    // The pre-tag is required for IE8 which strips newlines from innerHTML
+    // when it is injected into a <pre> tag.
+    // http://stackoverflow.com/questions/451486/pre-tag-loses-line-breaks-when-setting-innerhtml-in-ie
+    // http://stackoverflow.com/questions/195363/inserting-a-newline-into-a-pre-tag-ie-javascript
+    container.innerHTML = '<pre>' + sourceCodeHtml + '</pre>';
+    container = container.firstChild;
+    if (opt_numberLines) {
+      numberLines(container, opt_numberLines, true);
+    }
+
+    var job = {
+      langExtension: opt_langExtension,
+      numberLines: opt_numberLines,
+      sourceNode: container,
+      pre: 1
+    };
+    applyDecorator(job);
+    return container.innerHTML;
+  }
+
+   /**
+    * Find all the {@code <pre>} and {@code <code>} tags in the DOM with
+    * {@code class=prettyprint} and prettify them.
+    *
+    * @param {Function} opt_whenDone called when prettifying is done.
+    * @param {HTMLElement|HTMLDocument} opt_root an element or document
+    *   containing all the elements to pretty print.
+    *   Defaults to {@code document.body}.
+    */
+  function $prettyPrint(opt_whenDone, opt_root) {
+    var root = opt_root || document.body;
+    var doc = root.ownerDocument || document;
+    function byTagName(tn) { return root.getElementsByTagName(tn); }
+    // fetch a list of nodes to rewrite
+    var codeSegments = [byTagName('pre'), byTagName('code'), byTagName('xmp')];
+    var elements = [];
+    for (var i = 0; i < codeSegments.length; ++i) {
+      for (var j = 0, n = codeSegments[i].length; j < n; ++j) {
+        elements.push(codeSegments[i][j]);
+      }
+    }
+    codeSegments = null;
+
+    var clock = Date;
+    if (!clock['now']) {
+      clock = { 'now': function () { return +(new Date); } };
+    }
+
+    // The loop is broken into a series of continuations to make sure that we
+    // don't make the browser unresponsive when rewriting a large page.
+    var k = 0;
+    var prettyPrintingJob;
+
+    var langExtensionRe = /\blang(?:uage)?-([\w.]+)(?!\S)/;
+    var prettyPrintRe = /\bprettyprint\b/;
+    var prettyPrintedRe = /\bprettyprinted\b/;
+    var preformattedTagNameRe = /pre|xmp/i;
+    var codeRe = /^code$/i;
+    var preCodeXmpRe = /^(?:pre|code|xmp)$/i;
+    var EMPTY = {};
+
+    function doWork() {
+      var endTime = (win['PR_SHOULD_USE_CONTINUATION'] ?
+                     clock['now']() + 250 /* ms */ :
+                     Infinity);
+      for (; k < elements.length && clock['now']() < endTime; k++) {
+        var cs = elements[k];
+
+        // Look for a preceding comment like
+        // <?prettify lang="..." linenums="..."?>
+        var attrs = EMPTY;
+        {
+          for (var preceder = cs; (preceder = preceder.previousSibling);) {
+            var nt = preceder.nodeType;
+            // <?foo?> is parsed by HTML 5 to a comment node (8)
+            // like <!--?foo?-->, but in XML is a processing instruction
+            var value = (nt === 7 || nt === 8) && preceder.nodeValue;
+            if (value
+                ? !/^\??prettify\b/.test(value)
+                : (nt !== 3 || /\S/.test(preceder.nodeValue))) {
+              // Skip over white-space text nodes but not others.
+              break;
+            }
+            if (value) {
+              attrs = {};
+              value.replace(
+                  /\b(\w+)=([\w:.%+-]+)/g,
+                function (_, name, value) { attrs[name] = value; });
+              break;
+            }
+          }
+        }
+
+        var className = cs.className;
+        if ((attrs !== EMPTY || prettyPrintRe.test(className))
+            // Don't redo this if we've already done it.
+            // This allows recalling pretty print to just prettyprint elements
+            // that have been added to the page since last call.
+            && !prettyPrintedRe.test(className)) {
+
+          // make sure this is not nested in an already prettified element
+          var nested = false;
+          for (var p = cs.parentNode; p; p = p.parentNode) {
+            var tn = p.tagName;
+            if (preCodeXmpRe.test(tn)
+                && p.className && prettyPrintRe.test(p.className)) {
+              nested = true;
+              break;
+            }
+          }
+          if (!nested) {
+            // Mark done.  If we fail to prettyprint for whatever reason,
+            // we shouldn't try again.
+            cs.className += ' prettyprinted';
+
+            // If the classes includes a language extensions, use it.
+            // Language extensions can be specified like
+            //     <pre class="prettyprint lang-cpp">
+            // the language extension "cpp" is used to find a language handler
+            // as passed to PR.registerLangHandler.
+            // HTML5 recommends that a language be specified using "language-"
+            // as the prefix instead.  Google Code Prettify supports both.
+            // http://dev.w3.org/html5/spec-author-view/the-code-element.html
+            var langExtension = attrs['lang'];
+            if (!langExtension) {
+              langExtension = className.match(langExtensionRe);
+              // Support <pre class="prettyprint"><code class="language-c">
+              var wrapper;
+              if (!langExtension && (wrapper = childContentWrapper(cs))
+                  && codeRe.test(wrapper.tagName)) {
+                langExtension = wrapper.className.match(langExtensionRe);
+              }
+
+              if (langExtension) { langExtension = langExtension[1]; }
+            }
+
+            var preformatted;
+            if (preformattedTagNameRe.test(cs.tagName)) {
+              preformatted = 1;
+            } else {
+              var currentStyle = cs['currentStyle'];
+              var defaultView = doc.defaultView;
+              var whitespace = (
+                  currentStyle
+                  ? currentStyle['whiteSpace']
+                  : (defaultView
+                     && defaultView.getComputedStyle)
+                  ? defaultView.getComputedStyle(cs, null)
+                  .getPropertyValue('white-space')
+                  : 0);
+              preformatted = whitespace
+                  && 'pre' === whitespace.substring(0, 3);
+            }
+
+            // Look for a class like linenums or linenums:<n> where <n> is the
+            // 1-indexed number of the first line.
+            var lineNums = attrs['linenums'];
+            if (!(lineNums = lineNums === 'true' || +lineNums)) {
+              lineNums = className.match(/\blinenums\b(?::(\d+))?/);
+              lineNums =
+                lineNums
+                ? lineNums[1] && lineNums[1].length
+                  ? +lineNums[1] : true
+                : false;
+            }
+            if (lineNums) { numberLines(cs, lineNums, preformatted); }
+
+            // do the pretty printing
+            prettyPrintingJob = {
+              langExtension: langExtension,
+              sourceNode: cs,
+              numberLines: lineNums,
+              pre: preformatted
+            };
+            applyDecorator(prettyPrintingJob);
+          }
+        }
+      }
+      if (k < elements.length) {
+        // finish up in a continuation
+        setTimeout(doWork, 250);
+      } else if ('function' === typeof opt_whenDone) {
+        opt_whenDone();
+      }
+    }
+
+    doWork();
+  }
+
+  /**
+   * Contains functions for creating and registering new language handlers.
+   * @type {Object}
+   */
+  var PR = win['PR'] = {
+        'createSimpleLexer': createSimpleLexer,
+        'registerLangHandler': registerLangHandler,
+        'sourceDecorator': sourceDecorator,
+        'PR_ATTRIB_NAME': PR_ATTRIB_NAME,
+        'PR_ATTRIB_VALUE': PR_ATTRIB_VALUE,
+        'PR_COMMENT': PR_COMMENT,
+        'PR_DECLARATION': PR_DECLARATION,
+        'PR_KEYWORD': PR_KEYWORD,
+        'PR_LITERAL': PR_LITERAL,
+        'PR_NOCODE': PR_NOCODE,
+        'PR_PLAIN': PR_PLAIN,
+        'PR_PUNCTUATION': PR_PUNCTUATION,
+        'PR_SOURCE': PR_SOURCE,
+        'PR_STRING': PR_STRING,
+        'PR_TAG': PR_TAG,
+        'PR_TYPE': PR_TYPE,
+        'prettyPrintOne':
+           IN_GLOBAL_SCOPE
+             ? (win['prettyPrintOne'] = $prettyPrintOne)
+             : (prettyPrintOne = $prettyPrintOne),
+        'prettyPrint': prettyPrint =
+           IN_GLOBAL_SCOPE
+             ? (win['prettyPrint'] = $prettyPrint)
+             : (prettyPrint = $prettyPrint)
+      };
+
+  // Make PR available via the Asynchronous Module Definition (AMD) API.
+  // Per https://github.com/amdjs/amdjs-api/wiki/AMD:
+  // The Asynchronous Module Definition (AMD) API specifies a
+  // mechanism for defining modules such that the module and its
+  // dependencies can be asynchronously loaded.
+  // ...
+  // To allow a clear indicator that a global define function (as
+  // needed for script src browser loading) conforms to the AMD API,
+  // any global define function SHOULD have a property called "amd"
+  // whose value is an object. This helps avoid conflict with any
+  // other existing JavaScript code that could have defined a define()
+  // function that does not conform to the AMD API.
+  if (typeof define === "function" && define['amd']) {
+    define("google-code-prettify", [], function () {
+      return PR; 
+    });
+  }
+})();
diff --git a/web/bootstrap-ace-admin/js/respond.js b/web/bootstrap-ace-admin/js/respond.js
new file mode 100755
index 00000000..b1298d07
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/respond.js
@@ -0,0 +1,224 @@
+/*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */
+/*! NOTE: If you're already including a window.matchMedia polyfill via Modernizr or otherwise, you don't need this part */
+(function(w) {
+  "use strict";
+  w.matchMedia = w.matchMedia || function(doc, undefined) {
+    var bool, docElem = doc.documentElement, refNode = docElem.firstElementChild || docElem.firstChild, fakeBody = doc.createElement("body"), div = doc.createElement("div");
+    div.id = "mq-test-1";
+    div.style.cssText = "position:absolute;top:-100em";
+    fakeBody.style.background = "none";
+    fakeBody.appendChild(div);
+    return function(q) {
+      div.innerHTML = '&shy;<style media="' + q + '"> #mq-test-1 { width: 42px; }</style>';
+      docElem.insertBefore(fakeBody, refNode);
+      bool = div.offsetWidth === 42;
+      docElem.removeChild(fakeBody);
+      return {
+        matches: bool,
+        media: q
+      };
+    };
+  }(w.document);
+})(this);
+
+/*! Respond.js v1.4.0: min/max-width media query polyfill. (c) Scott Jehl. MIT Lic. j.mp/respondjs  */
+(function(w) {
+  "use strict";
+  var respond = {};
+  w.respond = respond;
+  respond.update = function() {};
+  var requestQueue = [], xmlHttp = function() {
+    var xmlhttpmethod = false;
+    try {
+      xmlhttpmethod = new w.XMLHttpRequest();
+    } catch (e) {
+      xmlhttpmethod = new w.ActiveXObject("Microsoft.XMLHTTP");
+    }
+    return function() {
+      return xmlhttpmethod;
+    };
+  }(), ajax = function(url, callback) {
+    var req = xmlHttp();
+    if (!req) {
+      return;
+    }
+    req.open("GET", url, true);
+    req.onreadystatechange = function() {
+      if (req.readyState !== 4 || req.status !== 200 && req.status !== 304) {
+        return;
+      }
+      callback(req.responseText);
+    };
+    if (req.readyState === 4) {
+      return;
+    }
+    req.send(null);
+  };
+  respond.ajax = ajax;
+  respond.queue = requestQueue;
+  respond.regex = {
+    media: /@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,
+    keyframes: /@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,
+    urls: /(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,
+    findStyles: /@media *([^\{]+)\{([\S\s]+?)$/,
+    only: /(only\s+)?([a-zA-Z]+)\s?/,
+    minw: /\([\s]*min\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/,
+    maxw: /\([\s]*max\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/
+  };
+  respond.mediaQueriesSupported = w.matchMedia && w.matchMedia("only all") !== null && w.matchMedia("only all").matches;
+  if (respond.mediaQueriesSupported) {
+    return;
+  }
+  var doc = w.document, docElem = doc.documentElement, mediastyles = [], rules = [], appendedEls = [], parsedSheets = {}, resizeThrottle = 30, head = doc.getElementsByTagName("head")[0] || docElem, base = doc.getElementsByTagName("base")[0], links = head.getElementsByTagName("link"), lastCall, resizeDefer, eminpx, getEmValue = function() {
+    var ret, div = doc.createElement("div"), body = doc.body, originalHTMLFontSize = docElem.style.fontSize, originalBodyFontSize = body && body.style.fontSize, fakeUsed = false;
+    div.style.cssText = "position:absolute;font-size:1em;width:1em";
+    if (!body) {
+      body = fakeUsed = doc.createElement("body");
+      body.style.background = "none";
+    }
+    docElem.style.fontSize = "100%";
+    body.style.fontSize = "100%";
+    body.appendChild(div);
+    if (fakeUsed) {
+      docElem.insertBefore(body, docElem.firstChild);
+    }
+    ret = div.offsetWidth;
+    if (fakeUsed) {
+      docElem.removeChild(body);
+    } else {
+      body.removeChild(div);
+    }
+    docElem.style.fontSize = originalHTMLFontSize;
+    if (originalBodyFontSize) {
+      body.style.fontSize = originalBodyFontSize;
+    }
+    ret = eminpx = parseFloat(ret);
+    return ret;
+  }, applyMedia = function(fromResize) {
+    var name = "clientWidth", docElemProp = docElem[name], currWidth = doc.compatMode === "CSS1Compat" && docElemProp || doc.body[name] || docElemProp, styleBlocks = {}, lastLink = links[links.length - 1], now = new Date().getTime();
+    if (fromResize && lastCall && now - lastCall < resizeThrottle) {
+      w.clearTimeout(resizeDefer);
+      resizeDefer = w.setTimeout(applyMedia, resizeThrottle);
+      return;
+    } else {
+      lastCall = now;
+    }
+    for (var i in mediastyles) {
+      if (mediastyles.hasOwnProperty(i)) {
+        var thisstyle = mediastyles[i], min = thisstyle.minw, max = thisstyle.maxw, minnull = min === null, maxnull = max === null, em = "em";
+        if (!!min) {
+          min = parseFloat(min) * (min.indexOf(em) > -1 ? eminpx || getEmValue() : 1);
+        }
+        if (!!max) {
+          max = parseFloat(max) * (max.indexOf(em) > -1 ? eminpx || getEmValue() : 1);
+        }
+        if (!thisstyle.hasquery || (!minnull || !maxnull) && (minnull || currWidth >= min) && (maxnull || currWidth <= max)) {
+          if (!styleBlocks[thisstyle.media]) {
+            styleBlocks[thisstyle.media] = [];
+          }
+          styleBlocks[thisstyle.media].push(rules[thisstyle.rules]);
+        }
+      }
+    }
+    for (var j in appendedEls) {
+      if (appendedEls.hasOwnProperty(j)) {
+        if (appendedEls[j] && appendedEls[j].parentNode === head) {
+          head.removeChild(appendedEls[j]);
+        }
+      }
+    }
+    appendedEls.length = 0;
+    for (var k in styleBlocks) {
+      if (styleBlocks.hasOwnProperty(k)) {
+        var ss = doc.createElement("style"), css = styleBlocks[k].join("\n");
+        ss.type = "text/css";
+        ss.media = k;
+        head.insertBefore(ss, lastLink.nextSibling);
+        if (ss.styleSheet) {
+          ss.styleSheet.cssText = css;
+        } else {
+          ss.appendChild(doc.createTextNode(css));
+        }
+        appendedEls.push(ss);
+      }
+    }
+  }, translate = function(styles, href, media) {
+    var qs = styles.replace(respond.regex.keyframes, "").match(respond.regex.media), ql = qs && qs.length || 0;
+    href = href.substring(0, href.lastIndexOf("/"));
+    var repUrls = function(css) {
+      return css.replace(respond.regex.urls, "$1" + href + "$2$3");
+    }, useMedia = !ql && media;
+    if (href.length) {
+      href += "/";
+    }
+    if (useMedia) {
+      ql = 1;
+    }
+    for (var i = 0; i < ql; i++) {
+      var fullq, thisq, eachq, eql;
+      if (useMedia) {
+        fullq = media;
+        rules.push(repUrls(styles));
+      } else {
+        fullq = qs[i].match(respond.regex.findStyles) && RegExp.$1;
+        rules.push(RegExp.$2 && repUrls(RegExp.$2));
+      }
+      eachq = fullq.split(",");
+      eql = eachq.length;
+      for (var j = 0; j < eql; j++) {
+        thisq = eachq[j];
+        mediastyles.push({
+          media: thisq.split("(")[0].match(respond.regex.only) && RegExp.$2 || "all",
+          rules: rules.length - 1,
+          hasquery: thisq.indexOf("(") > -1,
+          minw: thisq.match(respond.regex.minw) && parseFloat(RegExp.$1) + (RegExp.$2 || ""),
+          maxw: thisq.match(respond.regex.maxw) && parseFloat(RegExp.$1) + (RegExp.$2 || "")
+        });
+      }
+    }
+    applyMedia();
+  }, makeRequests = function() {
+    if (requestQueue.length) {
+      var thisRequest = requestQueue.shift();
+      ajax(thisRequest.href, function(styles) {
+        translate(styles, thisRequest.href, thisRequest.media);
+        parsedSheets[thisRequest.href] = true;
+        w.setTimeout(function() {
+          makeRequests();
+        }, 0);
+      });
+    }
+  }, ripCSS = function() {
+    for (var i = 0; i < links.length; i++) {
+      var sheet = links[i], href = sheet.href, media = sheet.media, isCSS = sheet.rel && sheet.rel.toLowerCase() === "stylesheet";
+      if (!!href && isCSS && !parsedSheets[href]) {
+        if (sheet.styleSheet && sheet.styleSheet.rawCssText) {
+          translate(sheet.styleSheet.rawCssText, href, media);
+          parsedSheets[href] = true;
+        } else {
+          if (!/^([a-zA-Z:]*\/\/)/.test(href) && !base || href.replace(RegExp.$1, "").split("/")[0] === w.location.host) {
+            if (href.substring(0, 2) === "//") {
+              href = w.location.protocol + href;
+            }
+            requestQueue.push({
+              href: href,
+              media: media
+            });
+          }
+        }
+      }
+    }
+    makeRequests();
+  };
+  ripCSS();
+  respond.update = ripCSS;
+  respond.getEmValue = getEmValue;
+  function callMedia() {
+    applyMedia(true);
+  }
+  if (w.addEventListener) {
+    w.addEventListener("resize", callMedia, false);
+  } else if (w.attachEvent) {
+    w.attachEvent("onresize", callMedia);
+  }
+})(this);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/select2.js b/web/bootstrap-ace-admin/js/select2.js
new file mode 100755
index 00000000..7590b822
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/select2.js
@@ -0,0 +1,3541 @@
+/*
+Copyright 2012 Igor Vaynberg
+
+Version: 3.5.2 Timestamp: Sat Nov  1 14:43:36 EDT 2014
+
+This software is licensed under the Apache License, Version 2.0 (the "Apache License") or the GNU
+General Public License version 2 (the "GPL License"). You may choose either license to govern your
+use of this software only upon the condition that you accept all of the terms of either the Apache
+License or the GPL License.
+
+You may obtain a copy of the Apache License and the GPL License at:
+
+    http://www.apache.org/licenses/LICENSE-2.0
+    http://www.gnu.org/licenses/gpl-2.0.html
+
+Unless required by applicable law or agreed to in writing, software distributed under the
+Apache License or the GPL License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR
+CONDITIONS OF ANY KIND, either express or implied. See the Apache License and the GPL License for
+the specific language governing permissions and limitations under the Apache License and the GPL License.
+*/
+(function ($) {
+    if(typeof $.fn.each2 == "undefined") {
+        $.extend($.fn, {
+            /*
+            * 4-10 times faster .each replacement
+            * use it carefully, as it overrides jQuery context of element on each iteration
+            */
+            each2 : function (c) {
+                var j = $([0]), i = -1, l = this.length;
+                while (
+                    ++i < l
+                    && (j.context = j[0] = this[i])
+                    && c.call(j[0], i, j) !== false //"this"=DOM, i=index, j=jQuery object
+                );
+                return this;
+            }
+        });
+    }
+})(jQuery);
+
+(function ($, undefined) {
+    "use strict";
+    /*global document, window, jQuery, console */
+
+    if (window.Select2 !== undefined) {
+        return;
+    }
+
+    var AbstractSelect2, SingleSelect2, MultiSelect2, nextUid, sizer,
+        lastMousePosition={x:0,y:0}, $document, scrollBarDimensions,
+
+    KEY = {
+        TAB: 9,
+        ENTER: 13,
+        ESC: 27,
+        SPACE: 32,
+        LEFT: 37,
+        UP: 38,
+        RIGHT: 39,
+        DOWN: 40,
+        SHIFT: 16,
+        CTRL: 17,
+        ALT: 18,
+        PAGE_UP: 33,
+        PAGE_DOWN: 34,
+        HOME: 36,
+        END: 35,
+        BACKSPACE: 8,
+        DELETE: 46,
+        isArrow: function (k) {
+            k = k.which ? k.which : k;
+            switch (k) {
+            case KEY.LEFT:
+            case KEY.RIGHT:
+            case KEY.UP:
+            case KEY.DOWN:
+                return true;
+            }
+            return false;
+        },
+        isControl: function (e) {
+            var k = e.which;
+            switch (k) {
+            case KEY.SHIFT:
+            case KEY.CTRL:
+            case KEY.ALT:
+                return true;
+            }
+
+            if (e.metaKey) return true;
+
+            return false;
+        },
+        isFunctionKey: function (k) {
+            k = k.which ? k.which : k;
+            return k >= 112 && k <= 123;
+        }
+    },
+    MEASURE_SCROLLBAR_TEMPLATE = "<div class='select2-measure-scrollbar'></div>",
+
+    DIACRITICS = {"\u24B6":"A","\uFF21":"A","\u00C0":"A","\u00C1":"A","\u00C2":"A","\u1EA6":"A","\u1EA4":"A","\u1EAA":"A","\u1EA8":"A","\u00C3":"A","\u0100":"A","\u0102":"A","\u1EB0":"A","\u1EAE":"A","\u1EB4":"A","\u1EB2":"A","\u0226":"A","\u01E0":"A","\u00C4":"A","\u01DE":"A","\u1EA2":"A","\u00C5":"A","\u01FA":"A","\u01CD":"A","\u0200":"A","\u0202":"A","\u1EA0":"A","\u1EAC":"A","\u1EB6":"A","\u1E00":"A","\u0104":"A","\u023A":"A","\u2C6F":"A","\uA732":"AA","\u00C6":"AE","\u01FC":"AE","\u01E2":"AE","\uA734":"AO","\uA736":"AU","\uA738":"AV","\uA73A":"AV","\uA73C":"AY","\u24B7":"B","\uFF22":"B","\u1E02":"B","\u1E04":"B","\u1E06":"B","\u0243":"B","\u0182":"B","\u0181":"B","\u24B8":"C","\uFF23":"C","\u0106":"C","\u0108":"C","\u010A":"C","\u010C":"C","\u00C7":"C","\u1E08":"C","\u0187":"C","\u023B":"C","\uA73E":"C","\u24B9":"D","\uFF24":"D","\u1E0A":"D","\u010E":"D","\u1E0C":"D","\u1E10":"D","\u1E12":"D","\u1E0E":"D","\u0110":"D","\u018B":"D","\u018A":"D","\u0189":"D","\uA779":"D","\u01F1":"DZ","\u01C4":"DZ","\u01F2":"Dz","\u01C5":"Dz","\u24BA":"E","\uFF25":"E","\u00C8":"E","\u00C9":"E","\u00CA":"E","\u1EC0":"E","\u1EBE":"E","\u1EC4":"E","\u1EC2":"E","\u1EBC":"E","\u0112":"E","\u1E14":"E","\u1E16":"E","\u0114":"E","\u0116":"E","\u00CB":"E","\u1EBA":"E","\u011A":"E","\u0204":"E","\u0206":"E","\u1EB8":"E","\u1EC6":"E","\u0228":"E","\u1E1C":"E","\u0118":"E","\u1E18":"E","\u1E1A":"E","\u0190":"E","\u018E":"E","\u24BB":"F","\uFF26":"F","\u1E1E":"F","\u0191":"F","\uA77B":"F","\u24BC":"G","\uFF27":"G","\u01F4":"G","\u011C":"G","\u1E20":"G","\u011E":"G","\u0120":"G","\u01E6":"G","\u0122":"G","\u01E4":"G","\u0193":"G","\uA7A0":"G","\uA77D":"G","\uA77E":"G","\u24BD":"H","\uFF28":"H","\u0124":"H","\u1E22":"H","\u1E26":"H","\u021E":"H","\u1E24":"H","\u1E28":"H","\u1E2A":"H","\u0126":"H","\u2C67":"H","\u2C75":"H","\uA78D":"H","\u24BE":"I","\uFF29":"I","\u00CC":"I","\u00CD":"I","\u00CE":"I","\u0128":"I","\u012A":"I","\u012C":"I","\u0130":"I","\u00CF":"I","\u1E2E":"I","\u1EC8":"I","\u01CF":"I","\u0208":"I","\u020A":"I","\u1ECA":"I","\u012E":"I","\u1E2C":"I","\u0197":"I","\u24BF":"J","\uFF2A":"J","\u0134":"J","\u0248":"J","\u24C0":"K","\uFF2B":"K","\u1E30":"K","\u01E8":"K","\u1E32":"K","\u0136":"K","\u1E34":"K","\u0198":"K","\u2C69":"K","\uA740":"K","\uA742":"K","\uA744":"K","\uA7A2":"K","\u24C1":"L","\uFF2C":"L","\u013F":"L","\u0139":"L","\u013D":"L","\u1E36":"L","\u1E38":"L","\u013B":"L","\u1E3C":"L","\u1E3A":"L","\u0141":"L","\u023D":"L","\u2C62":"L","\u2C60":"L","\uA748":"L","\uA746":"L","\uA780":"L","\u01C7":"LJ","\u01C8":"Lj","\u24C2":"M","\uFF2D":"M","\u1E3E":"M","\u1E40":"M","\u1E42":"M","\u2C6E":"M","\u019C":"M","\u24C3":"N","\uFF2E":"N","\u01F8":"N","\u0143":"N","\u00D1":"N","\u1E44":"N","\u0147":"N","\u1E46":"N","\u0145":"N","\u1E4A":"N","\u1E48":"N","\u0220":"N","\u019D":"N","\uA790":"N","\uA7A4":"N","\u01CA":"NJ","\u01CB":"Nj","\u24C4":"O","\uFF2F":"O","\u00D2":"O","\u00D3":"O","\u00D4":"O","\u1ED2":"O","\u1ED0":"O","\u1ED6":"O","\u1ED4":"O","\u00D5":"O","\u1E4C":"O","\u022C":"O","\u1E4E":"O","\u014C":"O","\u1E50":"O","\u1E52":"O","\u014E":"O","\u022E":"O","\u0230":"O","\u00D6":"O","\u022A":"O","\u1ECE":"O","\u0150":"O","\u01D1":"O","\u020C":"O","\u020E":"O","\u01A0":"O","\u1EDC":"O","\u1EDA":"O","\u1EE0":"O","\u1EDE":"O","\u1EE2":"O","\u1ECC":"O","\u1ED8":"O","\u01EA":"O","\u01EC":"O","\u00D8":"O","\u01FE":"O","\u0186":"O","\u019F":"O","\uA74A":"O","\uA74C":"O","\u01A2":"OI","\uA74E":"OO","\u0222":"OU","\u24C5":"P","\uFF30":"P","\u1E54":"P","\u1E56":"P","\u01A4":"P","\u2C63":"P","\uA750":"P","\uA752":"P","\uA754":"P","\u24C6":"Q","\uFF31":"Q","\uA756":"Q","\uA758":"Q","\u024A":"Q","\u24C7":"R","\uFF32":"R","\u0154":"R","\u1E58":"R","\u0158":"R","\u0210":"R","\u0212":"R","\u1E5A":"R","\u1E5C":"R","\u0156":"R","\u1E5E":"R","\u024C":"R","\u2C64":"R","\uA75A":"R","\uA7A6":"R","\uA782":"R","\u24C8":"S","\uFF33":"S","\u1E9E":"S","\u015A":"S","\u1E64":"S","\u015C":"S","\u1E60":"S","\u0160":"S","\u1E66":"S","\u1E62":"S","\u1E68":"S","\u0218":"S","\u015E":"S","\u2C7E":"S","\uA7A8":"S","\uA784":"S","\u24C9":"T","\uFF34":"T","\u1E6A":"T","\u0164":"T","\u1E6C":"T","\u021A":"T","\u0162":"T","\u1E70":"T","\u1E6E":"T","\u0166":"T","\u01AC":"T","\u01AE":"T","\u023E":"T","\uA786":"T","\uA728":"TZ","\u24CA":"U","\uFF35":"U","\u00D9":"U","\u00DA":"U","\u00DB":"U","\u0168":"U","\u1E78":"U","\u016A":"U","\u1E7A":"U","\u016C":"U","\u00DC":"U","\u01DB":"U","\u01D7":"U","\u01D5":"U","\u01D9":"U","\u1EE6":"U","\u016E":"U","\u0170":"U","\u01D3":"U","\u0214":"U","\u0216":"U","\u01AF":"U","\u1EEA":"U","\u1EE8":"U","\u1EEE":"U","\u1EEC":"U","\u1EF0":"U","\u1EE4":"U","\u1E72":"U","\u0172":"U","\u1E76":"U","\u1E74":"U","\u0244":"U","\u24CB":"V","\uFF36":"V","\u1E7C":"V","\u1E7E":"V","\u01B2":"V","\uA75E":"V","\u0245":"V","\uA760":"VY","\u24CC":"W","\uFF37":"W","\u1E80":"W","\u1E82":"W","\u0174":"W","\u1E86":"W","\u1E84":"W","\u1E88":"W","\u2C72":"W","\u24CD":"X","\uFF38":"X","\u1E8A":"X","\u1E8C":"X","\u24CE":"Y","\uFF39":"Y","\u1EF2":"Y","\u00DD":"Y","\u0176":"Y","\u1EF8":"Y","\u0232":"Y","\u1E8E":"Y","\u0178":"Y","\u1EF6":"Y","\u1EF4":"Y","\u01B3":"Y","\u024E":"Y","\u1EFE":"Y","\u24CF":"Z","\uFF3A":"Z","\u0179":"Z","\u1E90":"Z","\u017B":"Z","\u017D":"Z","\u1E92":"Z","\u1E94":"Z","\u01B5":"Z","\u0224":"Z","\u2C7F":"Z","\u2C6B":"Z","\uA762":"Z","\u24D0":"a","\uFF41":"a","\u1E9A":"a","\u00E0":"a","\u00E1":"a","\u00E2":"a","\u1EA7":"a","\u1EA5":"a","\u1EAB":"a","\u1EA9":"a","\u00E3":"a","\u0101":"a","\u0103":"a","\u1EB1":"a","\u1EAF":"a","\u1EB5":"a","\u1EB3":"a","\u0227":"a","\u01E1":"a","\u00E4":"a","\u01DF":"a","\u1EA3":"a","\u00E5":"a","\u01FB":"a","\u01CE":"a","\u0201":"a","\u0203":"a","\u1EA1":"a","\u1EAD":"a","\u1EB7":"a","\u1E01":"a","\u0105":"a","\u2C65":"a","\u0250":"a","\uA733":"aa","\u00E6":"ae","\u01FD":"ae","\u01E3":"ae","\uA735":"ao","\uA737":"au","\uA739":"av","\uA73B":"av","\uA73D":"ay","\u24D1":"b","\uFF42":"b","\u1E03":"b","\u1E05":"b","\u1E07":"b","\u0180":"b","\u0183":"b","\u0253":"b","\u24D2":"c","\uFF43":"c","\u0107":"c","\u0109":"c","\u010B":"c","\u010D":"c","\u00E7":"c","\u1E09":"c","\u0188":"c","\u023C":"c","\uA73F":"c","\u2184":"c","\u24D3":"d","\uFF44":"d","\u1E0B":"d","\u010F":"d","\u1E0D":"d","\u1E11":"d","\u1E13":"d","\u1E0F":"d","\u0111":"d","\u018C":"d","\u0256":"d","\u0257":"d","\uA77A":"d","\u01F3":"dz","\u01C6":"dz","\u24D4":"e","\uFF45":"e","\u00E8":"e","\u00E9":"e","\u00EA":"e","\u1EC1":"e","\u1EBF":"e","\u1EC5":"e","\u1EC3":"e","\u1EBD":"e","\u0113":"e","\u1E15":"e","\u1E17":"e","\u0115":"e","\u0117":"e","\u00EB":"e","\u1EBB":"e","\u011B":"e","\u0205":"e","\u0207":"e","\u1EB9":"e","\u1EC7":"e","\u0229":"e","\u1E1D":"e","\u0119":"e","\u1E19":"e","\u1E1B":"e","\u0247":"e","\u025B":"e","\u01DD":"e","\u24D5":"f","\uFF46":"f","\u1E1F":"f","\u0192":"f","\uA77C":"f","\u24D6":"g","\uFF47":"g","\u01F5":"g","\u011D":"g","\u1E21":"g","\u011F":"g","\u0121":"g","\u01E7":"g","\u0123":"g","\u01E5":"g","\u0260":"g","\uA7A1":"g","\u1D79":"g","\uA77F":"g","\u24D7":"h","\uFF48":"h","\u0125":"h","\u1E23":"h","\u1E27":"h","\u021F":"h","\u1E25":"h","\u1E29":"h","\u1E2B":"h","\u1E96":"h","\u0127":"h","\u2C68":"h","\u2C76":"h","\u0265":"h","\u0195":"hv","\u24D8":"i","\uFF49":"i","\u00EC":"i","\u00ED":"i","\u00EE":"i","\u0129":"i","\u012B":"i","\u012D":"i","\u00EF":"i","\u1E2F":"i","\u1EC9":"i","\u01D0":"i","\u0209":"i","\u020B":"i","\u1ECB":"i","\u012F":"i","\u1E2D":"i","\u0268":"i","\u0131":"i","\u24D9":"j","\uFF4A":"j","\u0135":"j","\u01F0":"j","\u0249":"j","\u24DA":"k","\uFF4B":"k","\u1E31":"k","\u01E9":"k","\u1E33":"k","\u0137":"k","\u1E35":"k","\u0199":"k","\u2C6A":"k","\uA741":"k","\uA743":"k","\uA745":"k","\uA7A3":"k","\u24DB":"l","\uFF4C":"l","\u0140":"l","\u013A":"l","\u013E":"l","\u1E37":"l","\u1E39":"l","\u013C":"l","\u1E3D":"l","\u1E3B":"l","\u017F":"l","\u0142":"l","\u019A":"l","\u026B":"l","\u2C61":"l","\uA749":"l","\uA781":"l","\uA747":"l","\u01C9":"lj","\u24DC":"m","\uFF4D":"m","\u1E3F":"m","\u1E41":"m","\u1E43":"m","\u0271":"m","\u026F":"m","\u24DD":"n","\uFF4E":"n","\u01F9":"n","\u0144":"n","\u00F1":"n","\u1E45":"n","\u0148":"n","\u1E47":"n","\u0146":"n","\u1E4B":"n","\u1E49":"n","\u019E":"n","\u0272":"n","\u0149":"n","\uA791":"n","\uA7A5":"n","\u01CC":"nj","\u24DE":"o","\uFF4F":"o","\u00F2":"o","\u00F3":"o","\u00F4":"o","\u1ED3":"o","\u1ED1":"o","\u1ED7":"o","\u1ED5":"o","\u00F5":"o","\u1E4D":"o","\u022D":"o","\u1E4F":"o","\u014D":"o","\u1E51":"o","\u1E53":"o","\u014F":"o","\u022F":"o","\u0231":"o","\u00F6":"o","\u022B":"o","\u1ECF":"o","\u0151":"o","\u01D2":"o","\u020D":"o","\u020F":"o","\u01A1":"o","\u1EDD":"o","\u1EDB":"o","\u1EE1":"o","\u1EDF":"o","\u1EE3":"o","\u1ECD":"o","\u1ED9":"o","\u01EB":"o","\u01ED":"o","\u00F8":"o","\u01FF":"o","\u0254":"o","\uA74B":"o","\uA74D":"o","\u0275":"o","\u01A3":"oi","\u0223":"ou","\uA74F":"oo","\u24DF":"p","\uFF50":"p","\u1E55":"p","\u1E57":"p","\u01A5":"p","\u1D7D":"p","\uA751":"p","\uA753":"p","\uA755":"p","\u24E0":"q","\uFF51":"q","\u024B":"q","\uA757":"q","\uA759":"q","\u24E1":"r","\uFF52":"r","\u0155":"r","\u1E59":"r","\u0159":"r","\u0211":"r","\u0213":"r","\u1E5B":"r","\u1E5D":"r","\u0157":"r","\u1E5F":"r","\u024D":"r","\u027D":"r","\uA75B":"r","\uA7A7":"r","\uA783":"r","\u24E2":"s","\uFF53":"s","\u00DF":"s","\u015B":"s","\u1E65":"s","\u015D":"s","\u1E61":"s","\u0161":"s","\u1E67":"s","\u1E63":"s","\u1E69":"s","\u0219":"s","\u015F":"s","\u023F":"s","\uA7A9":"s","\uA785":"s","\u1E9B":"s","\u24E3":"t","\uFF54":"t","\u1E6B":"t","\u1E97":"t","\u0165":"t","\u1E6D":"t","\u021B":"t","\u0163":"t","\u1E71":"t","\u1E6F":"t","\u0167":"t","\u01AD":"t","\u0288":"t","\u2C66":"t","\uA787":"t","\uA729":"tz","\u24E4":"u","\uFF55":"u","\u00F9":"u","\u00FA":"u","\u00FB":"u","\u0169":"u","\u1E79":"u","\u016B":"u","\u1E7B":"u","\u016D":"u","\u00FC":"u","\u01DC":"u","\u01D8":"u","\u01D6":"u","\u01DA":"u","\u1EE7":"u","\u016F":"u","\u0171":"u","\u01D4":"u","\u0215":"u","\u0217":"u","\u01B0":"u","\u1EEB":"u","\u1EE9":"u","\u1EEF":"u","\u1EED":"u","\u1EF1":"u","\u1EE5":"u","\u1E73":"u","\u0173":"u","\u1E77":"u","\u1E75":"u","\u0289":"u","\u24E5":"v","\uFF56":"v","\u1E7D":"v","\u1E7F":"v","\u028B":"v","\uA75F":"v","\u028C":"v","\uA761":"vy","\u24E6":"w","\uFF57":"w","\u1E81":"w","\u1E83":"w","\u0175":"w","\u1E87":"w","\u1E85":"w","\u1E98":"w","\u1E89":"w","\u2C73":"w","\u24E7":"x","\uFF58":"x","\u1E8B":"x","\u1E8D":"x","\u24E8":"y","\uFF59":"y","\u1EF3":"y","\u00FD":"y","\u0177":"y","\u1EF9":"y","\u0233":"y","\u1E8F":"y","\u00FF":"y","\u1EF7":"y","\u1E99":"y","\u1EF5":"y","\u01B4":"y","\u024F":"y","\u1EFF":"y","\u24E9":"z","\uFF5A":"z","\u017A":"z","\u1E91":"z","\u017C":"z","\u017E":"z","\u1E93":"z","\u1E95":"z","\u01B6":"z","\u0225":"z","\u0240":"z","\u2C6C":"z","\uA763":"z","\u0386":"\u0391","\u0388":"\u0395","\u0389":"\u0397","\u038A":"\u0399","\u03AA":"\u0399","\u038C":"\u039F","\u038E":"\u03A5","\u03AB":"\u03A5","\u038F":"\u03A9","\u03AC":"\u03B1","\u03AD":"\u03B5","\u03AE":"\u03B7","\u03AF":"\u03B9","\u03CA":"\u03B9","\u0390":"\u03B9","\u03CC":"\u03BF","\u03CD":"\u03C5","\u03CB":"\u03C5","\u03B0":"\u03C5","\u03C9":"\u03C9","\u03C2":"\u03C3"};
+
+    $document = $(document);
+
+    nextUid=(function() { var counter=1; return function() { return counter++; }; }());
+
+
+    function reinsertElement(element) {
+        var placeholder = $(document.createTextNode(''));
+
+        element.before(placeholder);
+        placeholder.before(element);
+        placeholder.remove();
+    }
+
+    function stripDiacritics(str) {
+        // Used 'uni range + named function' from http://jsperf.com/diacritics/18
+        function match(a) {
+            return DIACRITICS[a] || a;
+        }
+
+        return str.replace(/[^\u0000-\u007E]/g, match);
+    }
+
+    function indexOf(value, array) {
+        var i = 0, l = array.length;
+        for (; i < l; i = i + 1) {
+            if (equal(value, array[i])) return i;
+        }
+        return -1;
+    }
+
+    function measureScrollbar () {
+        var $template = $( MEASURE_SCROLLBAR_TEMPLATE );
+        $template.appendTo(document.body);
+
+        var dim = {
+            width: $template.width() - $template[0].clientWidth,
+            height: $template.height() - $template[0].clientHeight
+        };
+        $template.remove();
+
+        return dim;
+    }
+
+    /**
+     * Compares equality of a and b
+     * @param a
+     * @param b
+     */
+    function equal(a, b) {
+        if (a === b) return true;
+        if (a === undefined || b === undefined) return false;
+        if (a === null || b === null) return false;
+        // Check whether 'a' or 'b' is a string (primitive or object).
+        // The concatenation of an empty string (+'') converts its argument to a string's primitive.
+        if (a.constructor === String) return a+'' === b+''; // a+'' - in case 'a' is a String object
+        if (b.constructor === String) return b+'' === a+''; // b+'' - in case 'b' is a String object
+        return false;
+    }
+
+    /**
+     * Splits the string into an array of values, transforming each value. An empty array is returned for nulls or empty
+     * strings
+     * @param string
+     * @param separator
+     */
+    function splitVal(string, separator, transform) {
+        var val, i, l;
+        if (string === null || string.length < 1) return [];
+        val = string.split(separator);
+        for (i = 0, l = val.length; i < l; i = i + 1) val[i] = transform(val[i]);
+        return val;
+    }
+
+    function getSideBorderPadding(element) {
+        return element.outerWidth(false) - element.width();
+    }
+
+    function installKeyUpChangeEvent(element) {
+        var key="keyup-change-value";
+        element.on("keydown", function () {
+            if ($.data(element, key) === undefined) {
+                $.data(element, key, element.val());
+            }
+        });
+        element.on("keyup", function () {
+            var val= $.data(element, key);
+            if (val !== undefined && element.val() !== val) {
+                $.removeData(element, key);
+                element.trigger("keyup-change");
+            }
+        });
+    }
+
+
+    /**
+     * filters mouse events so an event is fired only if the mouse moved.
+     *
+     * filters out mouse events that occur when mouse is stationary but
+     * the elements under the pointer are scrolled.
+     */
+    function installFilteredMouseMove(element) {
+        element.on("mousemove", function (e) {
+            var lastpos = lastMousePosition;
+            if (lastpos === undefined || lastpos.x !== e.pageX || lastpos.y !== e.pageY) {
+                $(e.target).trigger("mousemove-filtered", e);
+            }
+        });
+    }
+
+    /**
+     * Debounces a function. Returns a function that calls the original fn function only if no invocations have been made
+     * within the last quietMillis milliseconds.
+     *
+     * @param quietMillis number of milliseconds to wait before invoking fn
+     * @param fn function to be debounced
+     * @param ctx object to be used as this reference within fn
+     * @return debounced version of fn
+     */
+    function debounce(quietMillis, fn, ctx) {
+        ctx = ctx || undefined;
+        var timeout;
+        return function () {
+            var args = arguments;
+            window.clearTimeout(timeout);
+            timeout = window.setTimeout(function() {
+                fn.apply(ctx, args);
+            }, quietMillis);
+        };
+    }
+
+    function installDebouncedScroll(threshold, element) {
+        var notify = debounce(threshold, function (e) { element.trigger("scroll-debounced", e);});
+        element.on("scroll", function (e) {
+            if (indexOf(e.target, element.get()) >= 0) notify(e);
+        });
+    }
+
+    function focus($el) {
+        if ($el[0] === document.activeElement) return;
+
+        /* set the focus in a 0 timeout - that way the focus is set after the processing
+            of the current event has finished - which seems like the only reliable way
+            to set focus */
+        window.setTimeout(function() {
+            var el=$el[0], pos=$el.val().length, range;
+
+            $el.focus();
+
+            /* make sure el received focus so we do not error out when trying to manipulate the caret.
+                sometimes modals or others listeners may steal it after its set */
+            var isVisible = (el.offsetWidth > 0 || el.offsetHeight > 0);
+            if (isVisible && el === document.activeElement) {
+
+                /* after the focus is set move the caret to the end, necessary when we val()
+                    just before setting focus */
+                if(el.setSelectionRange)
+                {
+                    el.setSelectionRange(pos, pos);
+                }
+                else if (el.createTextRange) {
+                    range = el.createTextRange();
+                    range.collapse(false);
+                    range.select();
+                }
+            }
+        }, 0);
+    }
+
+    function getCursorInfo(el) {
+        el = $(el)[0];
+        var offset = 0;
+        var length = 0;
+        if ('selectionStart' in el) {
+            offset = el.selectionStart;
+            length = el.selectionEnd - offset;
+        } else if ('selection' in document) {
+            el.focus();
+            var sel = document.selection.createRange();
+            length = document.selection.createRange().text.length;
+            sel.moveStart('character', -el.value.length);
+            offset = sel.text.length - length;
+        }
+        return { offset: offset, length: length };
+    }
+
+    function killEvent(event) {
+        event.preventDefault();
+        event.stopPropagation();
+    }
+    function killEventImmediately(event) {
+        event.preventDefault();
+        event.stopImmediatePropagation();
+    }
+
+    function measureTextWidth(e) {
+        if (!sizer){
+            var style = e[0].currentStyle || window.getComputedStyle(e[0], null);
+            sizer = $(document.createElement("div")).css({
+                position: "absolute",
+                left: "-10000px",
+                top: "-10000px",
+                display: "none",
+                fontSize: style.fontSize,
+                fontFamily: style.fontFamily,
+                fontStyle: style.fontStyle,
+                fontWeight: style.fontWeight,
+                letterSpacing: style.letterSpacing,
+                textTransform: style.textTransform,
+                whiteSpace: "nowrap"
+            });
+            sizer.attr("class","select2-sizer");
+            $(document.body).append(sizer);
+        }
+        sizer.text(e.val());
+        return sizer.width();
+    }
+
+    function syncCssClasses(dest, src, adapter) {
+        var classes, replacements = [], adapted;
+
+        classes = $.trim(dest.attr("class"));
+
+        if (classes) {
+            classes = '' + classes; // for IE which returns object
+
+            $(classes.split(/\s+/)).each2(function() {
+                if (this.indexOf("select2-") === 0) {
+                    replacements.push(this);
+                }
+            });
+        }
+
+        classes = $.trim(src.attr("class"));
+
+        if (classes) {
+            classes = '' + classes; // for IE which returns object
+
+            $(classes.split(/\s+/)).each2(function() {
+                if (this.indexOf("select2-") !== 0) {
+                    adapted = adapter(this);
+
+                    if (adapted) {
+                        replacements.push(adapted);
+                    }
+                }
+            });
+        }
+
+        dest.attr("class", replacements.join(" "));
+    }
+
+
+    function markMatch(text, term, markup, escapeMarkup) {
+        var match=stripDiacritics(text.toUpperCase()).indexOf(stripDiacritics(term.toUpperCase())),
+            tl=term.length;
+
+        if (match<0) {
+            markup.push(escapeMarkup(text));
+            return;
+        }
+
+        markup.push(escapeMarkup(text.substring(0, match)));
+        markup.push("<span class='select2-match'>");
+        markup.push(escapeMarkup(text.substring(match, match + tl)));
+        markup.push("</span>");
+        markup.push(escapeMarkup(text.substring(match + tl, text.length)));
+    }
+
+    function defaultEscapeMarkup(markup) {
+        var replace_map = {
+            '\\': '&#92;',
+            '&': '&amp;',
+            '<': '&lt;',
+            '>': '&gt;',
+            '"': '&quot;',
+            "'": '&#39;',
+            "/": '&#47;'
+        };
+
+        return String(markup).replace(/[&<>"'\/\\]/g, function (match) {
+            return replace_map[match];
+        });
+    }
+
+    /**
+     * Produces an ajax-based query function
+     *
+     * @param options object containing configuration parameters
+     * @param options.params parameter map for the transport ajax call, can contain such options as cache, jsonpCallback, etc. see $.ajax
+     * @param options.transport function that will be used to execute the ajax request. must be compatible with parameters supported by $.ajax
+     * @param options.url url for the data
+     * @param options.data a function(searchTerm, pageNumber, context) that should return an object containing query string parameters for the above url.
+     * @param options.dataType request data type: ajax, jsonp, other datatypes supported by jQuery's $.ajax function or the transport function if specified
+     * @param options.quietMillis (optional) milliseconds to wait before making the ajaxRequest, helps debounce the ajax function if invoked too often
+     * @param options.results a function(remoteData, pageNumber, query) that converts data returned form the remote request to the format expected by Select2.
+     *      The expected format is an object containing the following keys:
+     *      results array of objects that will be used as choices
+     *      more (optional) boolean indicating whether there are more results available
+     *      Example: {results:[{id:1, text:'Red'},{id:2, text:'Blue'}], more:true}
+     */
+    function ajax(options) {
+        var timeout, // current scheduled but not yet executed request
+            handler = null,
+            quietMillis = options.quietMillis || 100,
+            ajaxUrl = options.url,
+            self = this;
+
+        return function (query) {
+            window.clearTimeout(timeout);
+            timeout = window.setTimeout(function () {
+                var data = options.data, // ajax data function
+                    url = ajaxUrl, // ajax url string or function
+                    transport = options.transport || $.fn.select2.ajaxDefaults.transport,
+                    // deprecated - to be removed in 4.0  - use params instead
+                    deprecated = {
+                        type: options.type || 'GET', // set type of request (GET or POST)
+                        cache: options.cache || false,
+                        jsonpCallback: options.jsonpCallback||undefined,
+                        dataType: options.dataType||"json"
+                    },
+                    params = $.extend({}, $.fn.select2.ajaxDefaults.params, deprecated);
+
+                data = data ? data.call(self, query.term, query.page, query.context) : null;
+                url = (typeof url === 'function') ? url.call(self, query.term, query.page, query.context) : url;
+
+                if (handler && typeof handler.abort === "function") { handler.abort(); }
+
+                if (options.params) {
+                    if ($.isFunction(options.params)) {
+                        $.extend(params, options.params.call(self));
+                    } else {
+                        $.extend(params, options.params);
+                    }
+                }
+
+                $.extend(params, {
+                    url: url,
+                    dataType: options.dataType,
+                    data: data,
+                    success: function (data) {
+                        // TODO - replace query.page with query so users have access to term, page, etc.
+                        // added query as third paramter to keep backwards compatibility
+                        var results = options.results(data, query.page, query);
+                        query.callback(results);
+                    },
+                    error: function(jqXHR, textStatus, errorThrown){
+                        var results = {
+                            hasError: true,
+                            jqXHR: jqXHR,
+                            textStatus: textStatus,
+                            errorThrown: errorThrown
+                        };
+
+                        query.callback(results);
+                    }
+                });
+                handler = transport.call(self, params);
+            }, quietMillis);
+        };
+    }
+
+    /**
+     * Produces a query function that works with a local array
+     *
+     * @param options object containing configuration parameters. The options parameter can either be an array or an
+     * object.
+     *
+     * If the array form is used it is assumed that it contains objects with 'id' and 'text' keys.
+     *
+     * If the object form is used it is assumed that it contains 'data' and 'text' keys. The 'data' key should contain
+     * an array of objects that will be used as choices. These objects must contain at least an 'id' key. The 'text'
+     * key can either be a String in which case it is expected that each element in the 'data' array has a key with the
+     * value of 'text' which will be used to match choices. Alternatively, text can be a function(item) that can extract
+     * the text.
+     */
+    function local(options) {
+        var data = options, // data elements
+            dataText,
+            tmp,
+            text = function (item) { return ""+item.text; }; // function used to retrieve the text portion of a data item that is matched against the search
+
+         if ($.isArray(data)) {
+            tmp = data;
+            data = { results: tmp };
+        }
+
+         if ($.isFunction(data) === false) {
+            tmp = data;
+            data = function() { return tmp; };
+        }
+
+        var dataItem = data();
+        if (dataItem.text) {
+            text = dataItem.text;
+            // if text is not a function we assume it to be a key name
+            if (!$.isFunction(text)) {
+                dataText = dataItem.text; // we need to store this in a separate variable because in the next step data gets reset and data.text is no longer available
+                text = function (item) { return item[dataText]; };
+            }
+        }
+
+        return function (query) {
+            var t = query.term, filtered = { results: [] }, process;
+            if (t === "") {
+                query.callback(data());
+                return;
+            }
+
+            process = function(datum, collection) {
+                var group, attr;
+                datum = datum[0];
+                if (datum.children) {
+                    group = {};
+                    for (attr in datum) {
+                        if (datum.hasOwnProperty(attr)) group[attr]=datum[attr];
+                    }
+                    group.children=[];
+                    $(datum.children).each2(function(i, childDatum) { process(childDatum, group.children); });
+                    if (group.children.length || query.matcher(t, text(group), datum)) {
+                        collection.push(group);
+                    }
+                } else {
+                    if (query.matcher(t, text(datum), datum)) {
+                        collection.push(datum);
+                    }
+                }
+            };
+
+            $(data().results).each2(function(i, datum) { process(datum, filtered.results); });
+            query.callback(filtered);
+        };
+    }
+
+    // TODO javadoc
+    function tags(data) {
+        var isFunc = $.isFunction(data);
+        return function (query) {
+            var t = query.term, filtered = {results: []};
+            var result = isFunc ? data(query) : data;
+            if ($.isArray(result)) {
+                $(result).each(function () {
+                    var isObject = this.text !== undefined,
+                        text = isObject ? this.text : this;
+                    if (t === "" || query.matcher(t, text)) {
+                        filtered.results.push(isObject ? this : {id: this, text: this});
+                    }
+                });
+                query.callback(filtered);
+            }
+        };
+    }
+
+    /**
+     * Checks if the formatter function should be used.
+     *
+     * Throws an error if it is not a function. Returns true if it should be used,
+     * false if no formatting should be performed.
+     *
+     * @param formatter
+     */
+    function checkFormatter(formatter, formatterName) {
+        if ($.isFunction(formatter)) return true;
+        if (!formatter) return false;
+        if (typeof(formatter) === 'string') return true;
+        throw new Error(formatterName +" must be a string, function, or falsy value");
+    }
+
+  /**
+   * Returns a given value
+   * If given a function, returns its output
+   *
+   * @param val string|function
+   * @param context value of "this" to be passed to function
+   * @returns {*}
+   */
+    function evaluate(val, context) {
+        if ($.isFunction(val)) {
+            var args = Array.prototype.slice.call(arguments, 2);
+            return val.apply(context, args);
+        }
+        return val;
+    }
+
+    function countResults(results) {
+        var count = 0;
+        $.each(results, function(i, item) {
+            if (item.children) {
+                count += countResults(item.children);
+            } else {
+                count++;
+            }
+        });
+        return count;
+    }
+
+    /**
+     * Default tokenizer. This function uses breaks the input on substring match of any string from the
+     * opts.tokenSeparators array and uses opts.createSearchChoice to create the choice object. Both of those
+     * two options have to be defined in order for the tokenizer to work.
+     *
+     * @param input text user has typed so far or pasted into the search field
+     * @param selection currently selected choices
+     * @param selectCallback function(choice) callback tho add the choice to selection
+     * @param opts select2's opts
+     * @return undefined/null to leave the current input unchanged, or a string to change the input to the returned value
+     */
+    function defaultTokenizer(input, selection, selectCallback, opts) {
+        var original = input, // store the original so we can compare and know if we need to tell the search to update its text
+            dupe = false, // check for whether a token we extracted represents a duplicate selected choice
+            token, // token
+            index, // position at which the separator was found
+            i, l, // looping variables
+            separator; // the matched separator
+
+        if (!opts.createSearchChoice || !opts.tokenSeparators || opts.tokenSeparators.length < 1) return undefined;
+
+        while (true) {
+            index = -1;
+
+            for (i = 0, l = opts.tokenSeparators.length; i < l; i++) {
+                separator = opts.tokenSeparators[i];
+                index = input.indexOf(separator);
+                if (index >= 0) break;
+            }
+
+            if (index < 0) break; // did not find any token separator in the input string, bail
+
+            token = input.substring(0, index);
+            input = input.substring(index + separator.length);
+
+            if (token.length > 0) {
+                token = opts.createSearchChoice.call(this, token, selection);
+                if (token !== undefined && token !== null && opts.id(token) !== undefined && opts.id(token) !== null) {
+                    dupe = false;
+                    for (i = 0, l = selection.length; i < l; i++) {
+                        if (equal(opts.id(token), opts.id(selection[i]))) {
+                            dupe = true; break;
+                        }
+                    }
+
+                    if (!dupe) selectCallback(token);
+                }
+            }
+        }
+
+        if (original!==input) return input;
+    }
+
+    function cleanupJQueryElements() {
+        var self = this;
+
+        $.each(arguments, function (i, element) {
+            self[element].remove();
+            self[element] = null;
+        });
+    }
+
+    /**
+     * Creates a new class
+     *
+     * @param superClass
+     * @param methods
+     */
+    function clazz(SuperClass, methods) {
+        var constructor = function () {};
+        constructor.prototype = new SuperClass;
+        constructor.prototype.constructor = constructor;
+        constructor.prototype.parent = SuperClass.prototype;
+        constructor.prototype = $.extend(constructor.prototype, methods);
+        return constructor;
+    }
+
+    AbstractSelect2 = clazz(Object, {
+
+        // abstract
+        bind: function (func) {
+            var self = this;
+            return function () {
+                func.apply(self, arguments);
+            };
+        },
+
+        // abstract
+        init: function (opts) {
+            var results, search, resultsSelector = ".select2-results";
+
+            // prepare options
+            this.opts = opts = this.prepareOpts(opts);
+
+            this.id=opts.id;
+
+            // destroy if called on an existing component
+            if (opts.element.data("select2") !== undefined &&
+                opts.element.data("select2") !== null) {
+                opts.element.data("select2").destroy();
+            }
+
+            this.container = this.createContainer();
+
+            this.liveRegion = $('.select2-hidden-accessible');
+            if (this.liveRegion.length == 0) {
+                this.liveRegion = $("<span>", {
+                        role: "status",
+                        "aria-live": "polite"
+                    })
+                    .addClass("select2-hidden-accessible")
+                    .appendTo(document.body);
+            }
+
+            this.containerId="s2id_"+(opts.element.attr("id") || "autogen"+nextUid());
+            this.containerEventName= this.containerId
+                .replace(/([.])/g, '_')
+                .replace(/([;&,\-\.\+\*\~':"\!\^#$%@\[\]\(\)=>\|])/g, '\\$1');
+            this.container.attr("id", this.containerId);
+
+            this.container.attr("title", opts.element.attr("title"));
+
+            this.body = $(document.body);
+
+            syncCssClasses(this.container, this.opts.element, this.opts.adaptContainerCssClass);
+
+            this.container.attr("style", opts.element.attr("style"));
+            this.container.css(evaluate(opts.containerCss, this.opts.element));
+            this.container.addClass(evaluate(opts.containerCssClass, this.opts.element));
+
+            this.elementTabIndex = this.opts.element.attr("tabindex");
+
+            // swap container for the element
+            this.opts.element
+                .data("select2", this)
+                .attr("tabindex", "-1")
+                .before(this.container)
+                .on("click.select2", killEvent); // do not leak click events
+
+            this.container.data("select2", this);
+
+            this.dropdown = this.container.find(".select2-drop");
+
+            syncCssClasses(this.dropdown, this.opts.element, this.opts.adaptDropdownCssClass);
+
+            this.dropdown.addClass(evaluate(opts.dropdownCssClass, this.opts.element));
+            this.dropdown.data("select2", this);
+            this.dropdown.on("click", killEvent);
+
+            this.results = results = this.container.find(resultsSelector);
+            this.search = search = this.container.find("input.select2-input");
+
+            this.queryCount = 0;
+            this.resultsPage = 0;
+            this.context = null;
+
+            // initialize the container
+            this.initContainer();
+
+            this.container.on("click", killEvent);
+
+            installFilteredMouseMove(this.results);
+
+            this.dropdown.on("mousemove-filtered", resultsSelector, this.bind(this.highlightUnderEvent));
+            this.dropdown.on("touchstart touchmove touchend", resultsSelector, this.bind(function (event) {
+                this._touchEvent = true;
+                this.highlightUnderEvent(event);
+            }));
+            this.dropdown.on("touchmove", resultsSelector, this.bind(this.touchMoved));
+            this.dropdown.on("touchstart touchend", resultsSelector, this.bind(this.clearTouchMoved));
+
+            // Waiting for a click event on touch devices to select option and hide dropdown
+            // otherwise click will be triggered on an underlying element
+            this.dropdown.on('click', this.bind(function (event) {
+                if (this._touchEvent) {
+                    this._touchEvent = false;
+                    this.selectHighlighted();
+                }
+            }));
+
+            installDebouncedScroll(80, this.results);
+            this.dropdown.on("scroll-debounced", resultsSelector, this.bind(this.loadMoreIfNeeded));
+
+            // do not propagate change event from the search field out of the component
+            $(this.container).on("change", ".select2-input", function(e) {e.stopPropagation();});
+            $(this.dropdown).on("change", ".select2-input", function(e) {e.stopPropagation();});
+
+            // if jquery.mousewheel plugin is installed we can prevent out-of-bounds scrolling of results via mousewheel
+            if ($.fn.mousewheel) {
+                results.mousewheel(function (e, delta, deltaX, deltaY) {
+                    var top = results.scrollTop();
+                    if (deltaY > 0 && top - deltaY <= 0) {
+                        results.scrollTop(0);
+                        killEvent(e);
+                    } else if (deltaY < 0 && results.get(0).scrollHeight - results.scrollTop() + deltaY <= results.height()) {
+                        results.scrollTop(results.get(0).scrollHeight - results.height());
+                        killEvent(e);
+                    }
+                });
+            }
+
+            installKeyUpChangeEvent(search);
+            search.on("keyup-change input paste", this.bind(this.updateResults));
+            search.on("focus", function () { search.addClass("select2-focused"); });
+            search.on("blur", function () { search.removeClass("select2-focused");});
+
+            this.dropdown.on("mouseup", resultsSelector, this.bind(function (e) {
+                if ($(e.target).closest(".select2-result-selectable").length > 0) {
+                    this.highlightUnderEvent(e);
+                    this.selectHighlighted(e);
+                }
+            }));
+
+            // trap all mouse events from leaving the dropdown. sometimes there may be a modal that is listening
+            // for mouse events outside of itself so it can close itself. since the dropdown is now outside the select2's
+            // dom it will trigger the popup close, which is not what we want
+            // focusin can cause focus wars between modals and select2 since the dropdown is outside the modal.
+            this.dropdown.on("click mouseup mousedown touchstart touchend focusin", function (e) { e.stopPropagation(); });
+
+            this.nextSearchTerm = undefined;
+
+            if ($.isFunction(this.opts.initSelection)) {
+                // initialize selection based on the current value of the source element
+                this.initSelection();
+
+                // if the user has provided a function that can set selection based on the value of the source element
+                // we monitor the change event on the element and trigger it, allowing for two way synchronization
+                this.monitorSource();
+            }
+
+            if (opts.maximumInputLength !== null) {
+                this.search.attr("maxlength", opts.maximumInputLength);
+            }
+
+            var disabled = opts.element.prop("disabled");
+            if (disabled === undefined) disabled = false;
+            this.enable(!disabled);
+
+            var readonly = opts.element.prop("readonly");
+            if (readonly === undefined) readonly = false;
+            this.readonly(readonly);
+
+            // Calculate size of scrollbar
+            scrollBarDimensions = scrollBarDimensions || measureScrollbar();
+
+            this.autofocus = opts.element.prop("autofocus");
+            opts.element.prop("autofocus", false);
+            if (this.autofocus) this.focus();
+
+            this.search.attr("placeholder", opts.searchInputPlaceholder);
+        },
+
+        // abstract
+        destroy: function () {
+            var element=this.opts.element, select2 = element.data("select2"), self = this;
+
+            this.close();
+
+            if (element.length && element[0].detachEvent && self._sync) {
+                element.each(function () {
+                    if (self._sync) {
+                        this.detachEvent("onpropertychange", self._sync);
+                    }
+                });
+            }
+            if (this.propertyObserver) {
+                this.propertyObserver.disconnect();
+                this.propertyObserver = null;
+            }
+            this._sync = null;
+
+            if (select2 !== undefined) {
+                select2.container.remove();
+                select2.liveRegion.remove();
+                select2.dropdown.remove();
+                element
+                    .show()
+                    .removeData("select2")
+                    .off(".select2")
+                    .prop("autofocus", this.autofocus || false);
+                if (this.elementTabIndex) {
+                    element.attr({tabindex: this.elementTabIndex});
+                } else {
+                    element.removeAttr("tabindex");
+                }
+                element.show();
+            }
+
+            cleanupJQueryElements.call(this,
+                "container",
+                "liveRegion",
+                "dropdown",
+                "results",
+                "search"
+            );
+        },
+
+        // abstract
+        optionToData: function(element) {
+            if (element.is("option")) {
+                return {
+                    id:element.prop("value"),
+                    text:element.text(),
+                    element: element.get(),
+                    css: element.attr("class"),
+                    disabled: element.prop("disabled"),
+                    locked: equal(element.attr("locked"), "locked") || equal(element.data("locked"), true)
+                };
+            } else if (element.is("optgroup")) {
+                return {
+                    text:element.attr("label"),
+                    children:[],
+                    element: element.get(),
+                    css: element.attr("class")
+                };
+            }
+        },
+
+        // abstract
+        prepareOpts: function (opts) {
+            var element, select, idKey, ajaxUrl, self = this;
+
+            element = opts.element;
+
+            if (element.get(0).tagName.toLowerCase() === "select") {
+                this.select = select = opts.element;
+            }
+
+            if (select) {
+                // these options are not allowed when attached to a select because they are picked up off the element itself
+                $.each(["id", "multiple", "ajax", "query", "createSearchChoice", "initSelection", "data", "tags"], function () {
+                    if (this in opts) {
+                        throw new Error("Option '" + this + "' is not allowed for Select2 when attached to a <select> element.");
+                    }
+                });
+            }
+
+            opts = $.extend({}, {
+                populateResults: function(container, results, query) {
+                    var populate, id=this.opts.id, liveRegion=this.liveRegion;
+
+                    populate=function(results, container, depth) {
+
+                        var i, l, result, selectable, disabled, compound, node, label, innerContainer, formatted;
+
+                        results = opts.sortResults(results, container, query);
+
+                        // collect the created nodes for bulk append
+                        var nodes = [];
+                        for (i = 0, l = results.length; i < l; i = i + 1) {
+
+                            result=results[i];
+
+                            disabled = (result.disabled === true);
+                            selectable = (!disabled) && (id(result) !== undefined);
+
+                            compound=result.children && result.children.length > 0;
+
+                            node=$("<li></li>");
+                            node.addClass("select2-results-dept-"+depth);
+                            node.addClass("select2-result");
+                            node.addClass(selectable ? "select2-result-selectable" : "select2-result-unselectable");
+                            if (disabled) { node.addClass("select2-disabled"); }
+                            if (compound) { node.addClass("select2-result-with-children"); }
+                            node.addClass(self.opts.formatResultCssClass(result));
+                            node.attr("role", "presentation");
+
+                            label=$(document.createElement("div"));
+                            label.addClass("select2-result-label");
+                            label.attr("id", "select2-result-label-" + nextUid());
+                            label.attr("role", "option");
+
+                            formatted=opts.formatResult(result, label, query, self.opts.escapeMarkup);
+                            if (formatted!==undefined) {
+                                label.html(formatted);
+                                node.append(label);
+                            }
+
+
+                            if (compound) {
+
+                                innerContainer=$("<ul></ul>");
+                                innerContainer.addClass("select2-result-sub");
+                                populate(result.children, innerContainer, depth+1);
+                                node.append(innerContainer);
+                            }
+
+                            node.data("select2-data", result);
+                            nodes.push(node[0]);
+                        }
+
+                        // bulk append the created nodes
+                        container.append(nodes);
+                        liveRegion.text(opts.formatMatches(results.length));
+                    };
+
+                    populate(results, container, 0);
+                }
+            }, $.fn.select2.defaults, opts);
+
+            if (typeof(opts.id) !== "function") {
+                idKey = opts.id;
+                opts.id = function (e) { return e[idKey]; };
+            }
+
+            if ($.isArray(opts.element.data("select2Tags"))) {
+                if ("tags" in opts) {
+                    throw "tags specified as both an attribute 'data-select2-tags' and in options of Select2 " + opts.element.attr("id");
+                }
+                opts.tags=opts.element.data("select2Tags");
+            }
+
+            if (select) {
+                opts.query = this.bind(function (query) {
+                    var data = { results: [], more: false },
+                        term = query.term,
+                        children, placeholderOption, process;
+
+                    process=function(element, collection) {
+                        var group;
+                        if (element.is("option")) {
+                            if (query.matcher(term, element.text(), element)) {
+                                collection.push(self.optionToData(element));
+                            }
+                        } else if (element.is("optgroup")) {
+                            group=self.optionToData(element);
+                            element.children().each2(function(i, elm) { process(elm, group.children); });
+                            if (group.children.length>0) {
+                                collection.push(group);
+                            }
+                        }
+                    };
+
+                    children=element.children();
+
+                    // ignore the placeholder option if there is one
+                    if (this.getPlaceholder() !== undefined && children.length > 0) {
+                        placeholderOption = this.getPlaceholderOption();
+                        if (placeholderOption) {
+                            children=children.not(placeholderOption);
+                        }
+                    }
+
+                    children.each2(function(i, elm) { process(elm, data.results); });
+
+                    query.callback(data);
+                });
+                // this is needed because inside val() we construct choices from options and their id is hardcoded
+                opts.id=function(e) { return e.id; };
+            } else {
+                if (!("query" in opts)) {
+
+                    if ("ajax" in opts) {
+                        ajaxUrl = opts.element.data("ajax-url");
+                        if (ajaxUrl && ajaxUrl.length > 0) {
+                            opts.ajax.url = ajaxUrl;
+                        }
+                        opts.query = ajax.call(opts.element, opts.ajax);
+                    } else if ("data" in opts) {
+                        opts.query = local(opts.data);
+                    } else if ("tags" in opts) {
+                        opts.query = tags(opts.tags);
+                        if (opts.createSearchChoice === undefined) {
+                            opts.createSearchChoice = function (term) { return {id: $.trim(term), text: $.trim(term)}; };
+                        }
+                        if (opts.initSelection === undefined) {
+                            opts.initSelection = function (element, callback) {
+                                var data = [];
+                                $(splitVal(element.val(), opts.separator, opts.transformVal)).each(function () {
+                                    var obj = { id: this, text: this },
+                                        tags = opts.tags;
+                                    if ($.isFunction(tags)) tags=tags();
+                                    $(tags).each(function() { if (equal(this.id, obj.id)) { obj = this; return false; } });
+                                    data.push(obj);
+                                });
+
+                                callback(data);
+                            };
+                        }
+                    }
+                }
+            }
+            if (typeof(opts.query) !== "function") {
+                throw "query function not defined for Select2 " + opts.element.attr("id");
+            }
+
+            if (opts.createSearchChoicePosition === 'top') {
+                opts.createSearchChoicePosition = function(list, item) { list.unshift(item); };
+            }
+            else if (opts.createSearchChoicePosition === 'bottom') {
+                opts.createSearchChoicePosition = function(list, item) { list.push(item); };
+            }
+            else if (typeof(opts.createSearchChoicePosition) !== "function")  {
+                throw "invalid createSearchChoicePosition option must be 'top', 'bottom' or a custom function";
+            }
+
+            return opts;
+        },
+
+        /**
+         * Monitor the original element for changes and update select2 accordingly
+         */
+        // abstract
+        monitorSource: function () {
+            var el = this.opts.element, observer, self = this;
+
+            el.on("change.select2", this.bind(function (e) {
+                if (this.opts.element.data("select2-change-triggered") !== true) {
+                    this.initSelection();
+                }
+            }));
+
+            this._sync = this.bind(function () {
+
+                // sync enabled state
+                var disabled = el.prop("disabled");
+                if (disabled === undefined) disabled = false;
+                this.enable(!disabled);
+
+                var readonly = el.prop("readonly");
+                if (readonly === undefined) readonly = false;
+                this.readonly(readonly);
+
+                if (this.container) {
+                    syncCssClasses(this.container, this.opts.element, this.opts.adaptContainerCssClass);
+                    this.container.addClass(evaluate(this.opts.containerCssClass, this.opts.element));
+                }
+
+                if (this.dropdown) {
+                    syncCssClasses(this.dropdown, this.opts.element, this.opts.adaptDropdownCssClass);
+                    this.dropdown.addClass(evaluate(this.opts.dropdownCssClass, this.opts.element));
+                }
+
+            });
+
+            // IE8-10 (IE9/10 won't fire propertyChange via attachEventListener)
+            if (el.length && el[0].attachEvent) {
+                el.each(function() {
+                    this.attachEvent("onpropertychange", self._sync);
+                });
+            }
+
+            // safari, chrome, firefox, IE11
+            observer = window.MutationObserver || window.WebKitMutationObserver|| window.MozMutationObserver;
+            if (observer !== undefined) {
+                if (this.propertyObserver) { delete this.propertyObserver; this.propertyObserver = null; }
+                this.propertyObserver = new observer(function (mutations) {
+                    $.each(mutations, self._sync);
+                });
+                this.propertyObserver.observe(el.get(0), { attributes:true, subtree:false });
+            }
+        },
+
+        // abstract
+        triggerSelect: function(data) {
+            var evt = $.Event("select2-selecting", { val: this.id(data), object: data, choice: data });
+            this.opts.element.trigger(evt);
+            return !evt.isDefaultPrevented();
+        },
+
+        /**
+         * Triggers the change event on the source element
+         */
+        // abstract
+        triggerChange: function (details) {
+
+            details = details || {};
+            details= $.extend({}, details, { type: "change", val: this.val() });
+            // prevents recursive triggering
+            this.opts.element.data("select2-change-triggered", true);
+            this.opts.element.trigger(details);
+            this.opts.element.data("select2-change-triggered", false);
+
+            // some validation frameworks ignore the change event and listen instead to keyup, click for selects
+            // so here we trigger the click event manually
+            this.opts.element.click();
+
+            // ValidationEngine ignores the change event and listens instead to blur
+            // so here we trigger the blur event manually if so desired
+            if (this.opts.blurOnChange)
+                this.opts.element.blur();
+        },
+
+        //abstract
+        isInterfaceEnabled: function()
+        {
+            return this.enabledInterface === true;
+        },
+
+        // abstract
+        enableInterface: function() {
+            var enabled = this._enabled && !this._readonly,
+                disabled = !enabled;
+
+            if (enabled === this.enabledInterface) return false;
+
+            this.container.toggleClass("select2-container-disabled", disabled);
+            this.close();
+            this.enabledInterface = enabled;
+
+            return true;
+        },
+
+        // abstract
+        enable: function(enabled) {
+            if (enabled === undefined) enabled = true;
+            if (this._enabled === enabled) return;
+            this._enabled = enabled;
+
+            this.opts.element.prop("disabled", !enabled);
+            this.enableInterface();
+        },
+
+        // abstract
+        disable: function() {
+            this.enable(false);
+        },
+
+        // abstract
+        readonly: function(enabled) {
+            if (enabled === undefined) enabled = false;
+            if (this._readonly === enabled) return;
+            this._readonly = enabled;
+
+            this.opts.element.prop("readonly", enabled);
+            this.enableInterface();
+        },
+
+        // abstract
+        opened: function () {
+            return (this.container) ? this.container.hasClass("select2-dropdown-open") : false;
+        },
+
+        // abstract
+        positionDropdown: function() {
+            var $dropdown = this.dropdown,
+                container = this.container,
+                offset = container.offset(),
+                height = container.outerHeight(false),
+                width = container.outerWidth(false),
+                dropHeight = $dropdown.outerHeight(false),
+                $window = $(window),
+                windowWidth = $window.width(),
+                windowHeight = $window.height(),
+                viewPortRight = $window.scrollLeft() + windowWidth,
+                viewportBottom = $window.scrollTop() + windowHeight,
+                dropTop = offset.top + height,
+                dropLeft = offset.left,
+                enoughRoomBelow = dropTop + dropHeight <= viewportBottom,
+                enoughRoomAbove = (offset.top - dropHeight) >= $window.scrollTop(),
+                dropWidth = $dropdown.outerWidth(false),
+                enoughRoomOnRight = function() {
+                    return dropLeft + dropWidth <= viewPortRight;
+                },
+                enoughRoomOnLeft = function() {
+                    return offset.left + viewPortRight + container.outerWidth(false)  > dropWidth;
+                },
+                aboveNow = $dropdown.hasClass("select2-drop-above"),
+                bodyOffset,
+                above,
+                changeDirection,
+                css,
+                resultsListNode;
+
+            // always prefer the current above/below alignment, unless there is not enough room
+            if (aboveNow) {
+                above = true;
+                if (!enoughRoomAbove && enoughRoomBelow) {
+                    changeDirection = true;
+                    above = false;
+                }
+            } else {
+                above = false;
+                if (!enoughRoomBelow && enoughRoomAbove) {
+                    changeDirection = true;
+                    above = true;
+                }
+            }
+
+            //if we are changing direction we need to get positions when dropdown is hidden;
+            if (changeDirection) {
+                $dropdown.hide();
+                offset = this.container.offset();
+                height = this.container.outerHeight(false);
+                width = this.container.outerWidth(false);
+                dropHeight = $dropdown.outerHeight(false);
+                viewPortRight = $window.scrollLeft() + windowWidth;
+                viewportBottom = $window.scrollTop() + windowHeight;
+                dropTop = offset.top + height;
+                dropLeft = offset.left;
+                dropWidth = $dropdown.outerWidth(false);
+                $dropdown.show();
+
+                // fix so the cursor does not move to the left within the search-textbox in IE
+                this.focusSearch();
+            }
+
+            if (this.opts.dropdownAutoWidth) {
+                resultsListNode = $('.select2-results', $dropdown)[0];
+                $dropdown.addClass('select2-drop-auto-width');
+                $dropdown.css('width', '');
+                // Add scrollbar width to dropdown if vertical scrollbar is present
+                dropWidth = $dropdown.outerWidth(false) + (resultsListNode.scrollHeight === resultsListNode.clientHeight ? 0 : scrollBarDimensions.width);
+                dropWidth > width ? width = dropWidth : dropWidth = width;
+                dropHeight = $dropdown.outerHeight(false);
+            }
+            else {
+                this.container.removeClass('select2-drop-auto-width');
+            }
+
+            //console.log("below/ droptop:", dropTop, "dropHeight", dropHeight, "sum", (dropTop+dropHeight)+" viewport bottom", viewportBottom, "enough?", enoughRoomBelow);
+            //console.log("above/ offset.top", offset.top, "dropHeight", dropHeight, "top", (offset.top-dropHeight), "scrollTop", this.body.scrollTop(), "enough?", enoughRoomAbove);
+
+            // fix positioning when body has an offset and is not position: static
+            if (this.body.css('position') !== 'static') {
+                bodyOffset = this.body.offset();
+                dropTop -= bodyOffset.top;
+                dropLeft -= bodyOffset.left;
+            }
+
+            if (!enoughRoomOnRight() && enoughRoomOnLeft()) {
+                dropLeft = offset.left + this.container.outerWidth(false) - dropWidth;
+            }
+
+            css =  {
+                left: dropLeft,
+                width: width
+            };
+
+            if (above) {
+                css.top = offset.top - dropHeight;
+                css.bottom = 'auto';
+                this.container.addClass("select2-drop-above");
+                $dropdown.addClass("select2-drop-above");
+            }
+            else {
+                css.top = dropTop;
+                css.bottom = 'auto';
+                this.container.removeClass("select2-drop-above");
+                $dropdown.removeClass("select2-drop-above");
+            }
+            css = $.extend(css, evaluate(this.opts.dropdownCss, this.opts.element));
+
+            $dropdown.css(css);
+        },
+
+        // abstract
+        shouldOpen: function() {
+            var event;
+
+            if (this.opened()) return false;
+
+            if (this._enabled === false || this._readonly === true) return false;
+
+            event = $.Event("select2-opening");
+            this.opts.element.trigger(event);
+            return !event.isDefaultPrevented();
+        },
+
+        // abstract
+        clearDropdownAlignmentPreference: function() {
+            // clear the classes used to figure out the preference of where the dropdown should be opened
+            this.container.removeClass("select2-drop-above");
+            this.dropdown.removeClass("select2-drop-above");
+        },
+
+        /**
+         * Opens the dropdown
+         *
+         * @return {Boolean} whether or not dropdown was opened. This method will return false if, for example,
+         * the dropdown is already open, or if the 'open' event listener on the element called preventDefault().
+         */
+        // abstract
+        open: function () {
+
+            if (!this.shouldOpen()) return false;
+
+            this.opening();
+
+            // Only bind the document mousemove when the dropdown is visible
+            $document.on("mousemove.select2Event", function (e) {
+                lastMousePosition.x = e.pageX;
+                lastMousePosition.y = e.pageY;
+            });
+
+            return true;
+        },
+
+        /**
+         * Performs the opening of the dropdown
+         */
+        // abstract
+        opening: function() {
+            var cid = this.containerEventName,
+                scroll = "scroll." + cid,
+                resize = "resize."+cid,
+                orient = "orientationchange."+cid,
+                mask;
+
+            this.container.addClass("select2-dropdown-open").addClass("select2-container-active");
+
+            this.clearDropdownAlignmentPreference();
+
+            if(this.dropdown[0] !== this.body.children().last()[0]) {
+                this.dropdown.detach().appendTo(this.body);
+            }
+
+            // create the dropdown mask if doesn't already exist
+            mask = $("#select2-drop-mask");
+            if (mask.length === 0) {
+                mask = $(document.createElement("div"));
+                mask.attr("id","select2-drop-mask").attr("class","select2-drop-mask");
+                mask.hide();
+                mask.appendTo(this.body);
+                mask.on("mousedown touchstart click", function (e) {
+                    // Prevent IE from generating a click event on the body
+                    reinsertElement(mask);
+
+                    var dropdown = $("#select2-drop"), self;
+                    if (dropdown.length > 0) {
+                        self=dropdown.data("select2");
+                        if (self.opts.selectOnBlur) {
+                            self.selectHighlighted({noFocus: true});
+                        }
+                        self.close();
+                        e.preventDefault();
+                        e.stopPropagation();
+                    }
+                });
+            }
+
+            // ensure the mask is always right before the dropdown
+            if (this.dropdown.prev()[0] !== mask[0]) {
+                this.dropdown.before(mask);
+            }
+
+            // move the global id to the correct dropdown
+            $("#select2-drop").removeAttr("id");
+            this.dropdown.attr("id", "select2-drop");
+
+            // show the elements
+            mask.show();
+
+            this.positionDropdown();
+            this.dropdown.show();
+            this.positionDropdown();
+
+            this.dropdown.addClass("select2-drop-active");
+
+            // attach listeners to events that can change the position of the container and thus require
+            // the position of the dropdown to be updated as well so it does not come unglued from the container
+            var that = this;
+            this.container.parents().add(window).each(function () {
+                $(this).on(resize+" "+scroll+" "+orient, function (e) {
+                    if (that.opened()) that.positionDropdown();
+                });
+            });
+
+
+        },
+
+        // abstract
+        close: function () {
+            if (!this.opened()) return;
+
+            var cid = this.containerEventName,
+                scroll = "scroll." + cid,
+                resize = "resize."+cid,
+                orient = "orientationchange."+cid;
+
+            // unbind event listeners
+            this.container.parents().add(window).each(function () { $(this).off(scroll).off(resize).off(orient); });
+
+            this.clearDropdownAlignmentPreference();
+
+            $("#select2-drop-mask").hide();
+            this.dropdown.removeAttr("id"); // only the active dropdown has the select2-drop id
+            this.dropdown.hide();
+            this.container.removeClass("select2-dropdown-open").removeClass("select2-container-active");
+            this.results.empty();
+
+            // Now that the dropdown is closed, unbind the global document mousemove event
+            $document.off("mousemove.select2Event");
+
+            this.clearSearch();
+            this.search.removeClass("select2-active");
+            this.opts.element.trigger($.Event("select2-close"));
+        },
+
+        /**
+         * Opens control, sets input value, and updates results.
+         */
+        // abstract
+        externalSearch: function (term) {
+            this.open();
+            this.search.val(term);
+            this.updateResults(false);
+        },
+
+        // abstract
+        clearSearch: function () {
+
+        },
+
+        //abstract
+        getMaximumSelectionSize: function() {
+            return evaluate(this.opts.maximumSelectionSize, this.opts.element);
+        },
+
+        // abstract
+        ensureHighlightVisible: function () {
+            var results = this.results, children, index, child, hb, rb, y, more, topOffset;
+
+            index = this.highlight();
+
+            if (index < 0) return;
+
+            if (index == 0) {
+
+                // if the first element is highlighted scroll all the way to the top,
+                // that way any unselectable headers above it will also be scrolled
+                // into view
+
+                results.scrollTop(0);
+                return;
+            }
+
+            children = this.findHighlightableChoices().find('.select2-result-label');
+
+            child = $(children[index]);
+
+            topOffset = (child.offset() || {}).top || 0;
+
+            hb = topOffset + child.outerHeight(true);
+
+            // if this is the last child lets also make sure select2-more-results is visible
+            if (index === children.length - 1) {
+                more = results.find("li.select2-more-results");
+                if (more.length > 0) {
+                    hb = more.offset().top + more.outerHeight(true);
+                }
+            }
+
+            rb = results.offset().top + results.outerHeight(false);
+            if (hb > rb) {
+                results.scrollTop(results.scrollTop() + (hb - rb));
+            }
+            y = topOffset - results.offset().top;
+
+            // make sure the top of the element is visible
+            if (y < 0 && child.css('display') != 'none' ) {
+                results.scrollTop(results.scrollTop() + y); // y is negative
+            }
+        },
+
+        // abstract
+        findHighlightableChoices: function() {
+            return this.results.find(".select2-result-selectable:not(.select2-disabled):not(.select2-selected)");
+        },
+
+        // abstract
+        moveHighlight: function (delta) {
+            var choices = this.findHighlightableChoices(),
+                index = this.highlight();
+
+            while (index > -1 && index < choices.length) {
+                index += delta;
+                var choice = $(choices[index]);
+                if (choice.hasClass("select2-result-selectable") && !choice.hasClass("select2-disabled") && !choice.hasClass("select2-selected")) {
+                    this.highlight(index);
+                    break;
+                }
+            }
+        },
+
+        // abstract
+        highlight: function (index) {
+            var choices = this.findHighlightableChoices(),
+                choice,
+                data;
+
+            if (arguments.length === 0) {
+                return indexOf(choices.filter(".select2-highlighted")[0], choices.get());
+            }
+
+            if (index >= choices.length) index = choices.length - 1;
+            if (index < 0) index = 0;
+
+            this.removeHighlight();
+
+            choice = $(choices[index]);
+            choice.addClass("select2-highlighted");
+
+            // ensure assistive technology can determine the active choice
+            this.search.attr("aria-activedescendant", choice.find(".select2-result-label").attr("id"));
+
+            this.ensureHighlightVisible();
+
+            this.liveRegion.text(choice.text());
+
+            data = choice.data("select2-data");
+            if (data) {
+                this.opts.element.trigger({ type: "select2-highlight", val: this.id(data), choice: data });
+            }
+        },
+
+        removeHighlight: function() {
+            this.results.find(".select2-highlighted").removeClass("select2-highlighted");
+        },
+
+        touchMoved: function() {
+            this._touchMoved = true;
+        },
+
+        clearTouchMoved: function() {
+          this._touchMoved = false;
+        },
+
+        // abstract
+        countSelectableResults: function() {
+            return this.findHighlightableChoices().length;
+        },
+
+        // abstract
+        highlightUnderEvent: function (event) {
+            var el = $(event.target).closest(".select2-result-selectable");
+            if (el.length > 0 && !el.is(".select2-highlighted")) {
+                var choices = this.findHighlightableChoices();
+                this.highlight(choices.index(el));
+            } else if (el.length == 0) {
+                // if we are over an unselectable item remove all highlights
+                this.removeHighlight();
+            }
+        },
+
+        // abstract
+        loadMoreIfNeeded: function () {
+            var results = this.results,
+                more = results.find("li.select2-more-results"),
+                below, // pixels the element is below the scroll fold, below==0 is when the element is starting to be visible
+                page = this.resultsPage + 1,
+                self=this,
+                term=this.search.val(),
+                context=this.context;
+
+            if (more.length === 0) return;
+            below = more.offset().top - results.offset().top - results.height();
+
+            if (below <= this.opts.loadMorePadding) {
+                more.addClass("select2-active");
+                this.opts.query({
+                        element: this.opts.element,
+                        term: term,
+                        page: page,
+                        context: context,
+                        matcher: this.opts.matcher,
+                        callback: this.bind(function (data) {
+
+                    // ignore a response if the select2 has been closed before it was received
+                    if (!self.opened()) return;
+
+
+                    self.opts.populateResults.call(this, results, data.results, {term: term, page: page, context:context});
+                    self.postprocessResults(data, false, false);
+
+                    if (data.more===true) {
+                        more.detach().appendTo(results).html(self.opts.escapeMarkup(evaluate(self.opts.formatLoadMore, self.opts.element, page+1)));
+                        window.setTimeout(function() { self.loadMoreIfNeeded(); }, 10);
+                    } else {
+                        more.remove();
+                    }
+                    self.positionDropdown();
+                    self.resultsPage = page;
+                    self.context = data.context;
+                    this.opts.element.trigger({ type: "select2-loaded", items: data });
+                })});
+            }
+        },
+
+        /**
+         * Default tokenizer function which does nothing
+         */
+        tokenize: function() {
+
+        },
+
+        /**
+         * @param initial whether or not this is the call to this method right after the dropdown has been opened
+         */
+        // abstract
+        updateResults: function (initial) {
+            var search = this.search,
+                results = this.results,
+                opts = this.opts,
+                data,
+                self = this,
+                input,
+                term = search.val(),
+                lastTerm = $.data(this.container, "select2-last-term"),
+                // sequence number used to drop out-of-order responses
+                queryNumber;
+
+            // prevent duplicate queries against the same term
+            if (initial !== true && lastTerm && equal(term, lastTerm)) return;
+
+            $.data(this.container, "select2-last-term", term);
+
+            // if the search is currently hidden we do not alter the results
+            if (initial !== true && (this.showSearchInput === false || !this.opened())) {
+                return;
+            }
+
+            function postRender() {
+                search.removeClass("select2-active");
+                self.positionDropdown();
+                if (results.find('.select2-no-results,.select2-selection-limit,.select2-searching').length) {
+                    self.liveRegion.text(results.text());
+                }
+                else {
+                    self.liveRegion.text(self.opts.formatMatches(results.find('.select2-result-selectable:not(".select2-selected")').length));
+                }
+            }
+
+            function render(html) {
+                results.html(html);
+                postRender();
+            }
+
+            queryNumber = ++this.queryCount;
+
+            var maxSelSize = this.getMaximumSelectionSize();
+            if (maxSelSize >=1) {
+                data = this.data();
+                if ($.isArray(data) && data.length >= maxSelSize && checkFormatter(opts.formatSelectionTooBig, "formatSelectionTooBig")) {
+                    render("<li class='select2-selection-limit'>" + evaluate(opts.formatSelectionTooBig, opts.element, maxSelSize) + "</li>");
+                    return;
+                }
+            }
+
+            if (search.val().length < opts.minimumInputLength) {
+                if (checkFormatter(opts.formatInputTooShort, "formatInputTooShort")) {
+                    render("<li class='select2-no-results'>" + evaluate(opts.formatInputTooShort, opts.element, search.val(), opts.minimumInputLength) + "</li>");
+                } else {
+                    render("");
+                }
+                if (initial && this.showSearch) this.showSearch(true);
+                return;
+            }
+
+            if (opts.maximumInputLength && search.val().length > opts.maximumInputLength) {
+                if (checkFormatter(opts.formatInputTooLong, "formatInputTooLong")) {
+                    render("<li class='select2-no-results'>" + evaluate(opts.formatInputTooLong, opts.element, search.val(), opts.maximumInputLength) + "</li>");
+                } else {
+                    render("");
+                }
+                return;
+            }
+
+            if (opts.formatSearching && this.findHighlightableChoices().length === 0) {
+                render("<li class='select2-searching'>" + evaluate(opts.formatSearching, opts.element) + "</li>");
+            }
+
+            search.addClass("select2-active");
+
+            this.removeHighlight();
+
+            // give the tokenizer a chance to pre-process the input
+            input = this.tokenize();
+            if (input != undefined && input != null) {
+                search.val(input);
+            }
+
+            this.resultsPage = 1;
+
+            opts.query({
+                element: opts.element,
+                    term: search.val(),
+                    page: this.resultsPage,
+                    context: null,
+                    matcher: opts.matcher,
+                    callback: this.bind(function (data) {
+                var def; // default choice
+
+                // ignore old responses
+                if (queryNumber != this.queryCount) {
+                  return;
+                }
+
+                // ignore a response if the select2 has been closed before it was received
+                if (!this.opened()) {
+                    this.search.removeClass("select2-active");
+                    return;
+                }
+
+                // handle ajax error
+                if(data.hasError !== undefined && checkFormatter(opts.formatAjaxError, "formatAjaxError")) {
+                    render("<li class='select2-ajax-error'>" + evaluate(opts.formatAjaxError, opts.element, data.jqXHR, data.textStatus, data.errorThrown) + "</li>");
+                    return;
+                }
+
+                // save context, if any
+                this.context = (data.context===undefined) ? null : data.context;
+                // create a default choice and prepend it to the list
+                if (this.opts.createSearchChoice && search.val() !== "") {
+                    def = this.opts.createSearchChoice.call(self, search.val(), data.results);
+                    if (def !== undefined && def !== null && self.id(def) !== undefined && self.id(def) !== null) {
+                        if ($(data.results).filter(
+                            function () {
+                                return equal(self.id(this), self.id(def));
+                            }).length === 0) {
+                            this.opts.createSearchChoicePosition(data.results, def);
+                        }
+                    }
+                }
+
+                if (data.results.length === 0 && checkFormatter(opts.formatNoMatches, "formatNoMatches")) {
+                    render("<li class='select2-no-results'>" + evaluate(opts.formatNoMatches, opts.element, search.val()) + "</li>");
+                    return;
+                }
+
+                results.empty();
+                self.opts.populateResults.call(this, results, data.results, {term: search.val(), page: this.resultsPage, context:null});
+
+                if (data.more === true && checkFormatter(opts.formatLoadMore, "formatLoadMore")) {
+                    results.append("<li class='select2-more-results'>" + opts.escapeMarkup(evaluate(opts.formatLoadMore, opts.element, this.resultsPage)) + "</li>");
+                    window.setTimeout(function() { self.loadMoreIfNeeded(); }, 10);
+                }
+
+                this.postprocessResults(data, initial);
+
+                postRender();
+
+                this.opts.element.trigger({ type: "select2-loaded", items: data });
+            })});
+        },
+
+        // abstract
+        cancel: function () {
+            this.close();
+        },
+
+        // abstract
+        blur: function () {
+            // if selectOnBlur == true, select the currently highlighted option
+            if (this.opts.selectOnBlur)
+                this.selectHighlighted({noFocus: true});
+
+            this.close();
+            this.container.removeClass("select2-container-active");
+            // synonymous to .is(':focus'), which is available in jquery >= 1.6
+            if (this.search[0] === document.activeElement) { this.search.blur(); }
+            this.clearSearch();
+            this.selection.find(".select2-search-choice-focus").removeClass("select2-search-choice-focus");
+        },
+
+        // abstract
+        focusSearch: function () {
+            focus(this.search);
+        },
+
+        // abstract
+        selectHighlighted: function (options) {
+            if (this._touchMoved) {
+              this.clearTouchMoved();
+              return;
+            }
+            var index=this.highlight(),
+                highlighted=this.results.find(".select2-highlighted"),
+                data = highlighted.closest('.select2-result').data("select2-data");
+
+            if (data) {
+                this.highlight(index);
+                this.onSelect(data, options);
+            } else if (options && options.noFocus) {
+                this.close();
+            }
+        },
+
+        // abstract
+        getPlaceholder: function () {
+            var placeholderOption;
+            return this.opts.element.attr("placeholder") ||
+                this.opts.element.attr("data-placeholder") || // jquery 1.4 compat
+                this.opts.element.data("placeholder") ||
+                this.opts.placeholder ||
+                ((placeholderOption = this.getPlaceholderOption()) !== undefined ? placeholderOption.text() : undefined);
+        },
+
+        // abstract
+        getPlaceholderOption: function() {
+            if (this.select) {
+                var firstOption = this.select.children('option').first();
+                if (this.opts.placeholderOption !== undefined ) {
+                    //Determine the placeholder option based on the specified placeholderOption setting
+                    return (this.opts.placeholderOption === "first" && firstOption) ||
+                           (typeof this.opts.placeholderOption === "function" && this.opts.placeholderOption(this.select));
+                } else if ($.trim(firstOption.text()) === "" && firstOption.val() === "") {
+                    //No explicit placeholder option specified, use the first if it's blank
+                    return firstOption;
+                }
+            }
+        },
+
+        /**
+         * Get the desired width for the container element.  This is
+         * derived first from option `width` passed to select2, then
+         * the inline 'style' on the original element, and finally
+         * falls back to the jQuery calculated element width.
+         */
+        // abstract
+        initContainerWidth: function () {
+            function resolveContainerWidth() {
+                var style, attrs, matches, i, l, attr;
+
+                if (this.opts.width === "off") {
+                    return null;
+                } else if (this.opts.width === "element"){
+                    return this.opts.element.outerWidth(false) === 0 ? 'auto' : this.opts.element.outerWidth(false) + 'px';
+                } else if (this.opts.width === "copy" || this.opts.width === "resolve") {
+                    // check if there is inline style on the element that contains width
+                    style = this.opts.element.attr('style');
+                    if (style !== undefined) {
+                        attrs = style.split(';');
+                        for (i = 0, l = attrs.length; i < l; i = i + 1) {
+                            attr = attrs[i].replace(/\s/g, '');
+                            matches = attr.match(/^width:(([-+]?([0-9]*\.)?[0-9]+)(px|em|ex|%|in|cm|mm|pt|pc))/i);
+                            if (matches !== null && matches.length >= 1)
+                                return matches[1];
+                        }
+                    }
+
+                    if (this.opts.width === "resolve") {
+                        // next check if css('width') can resolve a width that is percent based, this is sometimes possible
+                        // when attached to input type=hidden or elements hidden via css
+                        style = this.opts.element.css('width');
+                        if (style.indexOf("%") > 0) return style;
+
+                        // finally, fallback on the calculated width of the element
+                        return (this.opts.element.outerWidth(false) === 0 ? 'auto' : this.opts.element.outerWidth(false) + 'px');
+                    }
+
+                    return null;
+                } else if ($.isFunction(this.opts.width)) {
+                    return this.opts.width();
+                } else {
+                    return this.opts.width;
+               }
+            };
+
+            var width = resolveContainerWidth.call(this);
+            if (width !== null) {
+                this.container.css("width", width);
+            }
+        }
+    });
+
+    SingleSelect2 = clazz(AbstractSelect2, {
+
+        // single
+
+        createContainer: function () {
+            var container = $(document.createElement("div")).attr({
+                "class": "select2-container"
+            }).html([
+                "<a href='javascript:void(0)' class='select2-choice' tabindex='-1'>",
+                "   <span class='select2-chosen'>&#160;</span><abbr class='select2-search-choice-close'></abbr>",
+                "   <span class='select2-arrow' role='presentation'><b role='presentation'></b></span>",
+                "</a>",
+                "<label for='' class='select2-offscreen'></label>",
+                "<input class='select2-focusser select2-offscreen' type='text' aria-haspopup='true' role='button' />",
+                "<div class='select2-drop select2-display-none'>",
+                "   <div class='select2-search'>",
+                "       <label for='' class='select2-offscreen'></label>",
+                "       <input type='text' autocomplete='off' autocorrect='off' autocapitalize='off' spellcheck='false' class='select2-input' role='combobox' aria-expanded='true'",
+                "       aria-autocomplete='list' />",
+                "   </div>",
+                "   <ul class='select2-results' role='listbox'>",
+                "   </ul>",
+                "</div>"].join(""));
+            return container;
+        },
+
+        // single
+        enableInterface: function() {
+            if (this.parent.enableInterface.apply(this, arguments)) {
+                this.focusser.prop("disabled", !this.isInterfaceEnabled());
+            }
+        },
+
+        // single
+        opening: function () {
+            var el, range, len;
+
+            if (this.opts.minimumResultsForSearch >= 0) {
+                this.showSearch(true);
+            }
+
+            this.parent.opening.apply(this, arguments);
+
+            if (this.showSearchInput !== false) {
+                // IE appends focusser.val() at the end of field :/ so we manually insert it at the beginning using a range
+                // all other browsers handle this just fine
+
+                this.search.val(this.focusser.val());
+            }
+            if (this.opts.shouldFocusInput(this)) {
+                this.search.focus();
+                // move the cursor to the end after focussing, otherwise it will be at the beginning and
+                // new text will appear *before* focusser.val()
+                el = this.search.get(0);
+                if (el.createTextRange) {
+                    range = el.createTextRange();
+                    range.collapse(false);
+                    range.select();
+                } else if (el.setSelectionRange) {
+                    len = this.search.val().length;
+                    el.setSelectionRange(len, len);
+                }
+            }
+
+            // initializes search's value with nextSearchTerm (if defined by user)
+            // ignore nextSearchTerm if the dropdown is opened by the user pressing a letter
+            if(this.search.val() === "") {
+                if(this.nextSearchTerm != undefined){
+                    this.search.val(this.nextSearchTerm);
+                    this.search.select();
+                }
+            }
+
+            this.focusser.prop("disabled", true).val("");
+            this.updateResults(true);
+            this.opts.element.trigger($.Event("select2-open"));
+        },
+
+        // single
+        close: function () {
+            if (!this.opened()) return;
+            this.parent.close.apply(this, arguments);
+
+            this.focusser.prop("disabled", false);
+
+            if (this.opts.shouldFocusInput(this)) {
+                this.focusser.focus();
+            }
+        },
+
+        // single
+        focus: function () {
+            if (this.opened()) {
+                this.close();
+            } else {
+                this.focusser.prop("disabled", false);
+                if (this.opts.shouldFocusInput(this)) {
+                    this.focusser.focus();
+                }
+            }
+        },
+
+        // single
+        isFocused: function () {
+            return this.container.hasClass("select2-container-active");
+        },
+
+        // single
+        cancel: function () {
+            this.parent.cancel.apply(this, arguments);
+            this.focusser.prop("disabled", false);
+
+            if (this.opts.shouldFocusInput(this)) {
+                this.focusser.focus();
+            }
+        },
+
+        // single
+        destroy: function() {
+            $("label[for='" + this.focusser.attr('id') + "']")
+                .attr('for', this.opts.element.attr("id"));
+            this.parent.destroy.apply(this, arguments);
+
+            cleanupJQueryElements.call(this,
+                "selection",
+                "focusser"
+            );
+        },
+
+        // single
+        initContainer: function () {
+
+            var selection,
+                container = this.container,
+                dropdown = this.dropdown,
+                idSuffix = nextUid(),
+                elementLabel;
+
+            if (this.opts.minimumResultsForSearch < 0) {
+                this.showSearch(false);
+            } else {
+                this.showSearch(true);
+            }
+
+            this.selection = selection = container.find(".select2-choice");
+
+            this.focusser = container.find(".select2-focusser");
+
+            // add aria associations
+            selection.find(".select2-chosen").attr("id", "select2-chosen-"+idSuffix);
+            this.focusser.attr("aria-labelledby", "select2-chosen-"+idSuffix);
+            this.results.attr("id", "select2-results-"+idSuffix);
+            this.search.attr("aria-owns", "select2-results-"+idSuffix);
+
+            // rewrite labels from original element to focusser
+            this.focusser.attr("id", "s2id_autogen"+idSuffix);
+
+            elementLabel = $("label[for='" + this.opts.element.attr("id") + "']");
+            this.opts.element.focus(this.bind(function () { this.focus(); }));
+
+            this.focusser.prev()
+                .text(elementLabel.text())
+                .attr('for', this.focusser.attr('id'));
+
+            // Ensure the original element retains an accessible name
+            var originalTitle = this.opts.element.attr("title");
+            this.opts.element.attr("title", (originalTitle || elementLabel.text()));
+
+            this.focusser.attr("tabindex", this.elementTabIndex);
+
+            // write label for search field using the label from the focusser element
+            this.search.attr("id", this.focusser.attr('id') + '_search');
+
+            this.search.prev()
+                .text($("label[for='" + this.focusser.attr('id') + "']").text())
+                .attr('for', this.search.attr('id'));
+
+            this.search.on("keydown", this.bind(function (e) {
+                if (!this.isInterfaceEnabled()) return;
+
+                // filter 229 keyCodes (input method editor is processing key input)
+                if (229 == e.keyCode) return;
+
+                if (e.which === KEY.PAGE_UP || e.which === KEY.PAGE_DOWN) {
+                    // prevent the page from scrolling
+                    killEvent(e);
+                    return;
+                }
+
+                switch (e.which) {
+                    case KEY.UP:
+                    case KEY.DOWN:
+                        this.moveHighlight((e.which === KEY.UP) ? -1 : 1);
+                        killEvent(e);
+                        return;
+                    case KEY.ENTER:
+                        this.selectHighlighted();
+                        killEvent(e);
+                        return;
+                    case KEY.TAB:
+                        this.selectHighlighted({noFocus: true});
+                        return;
+                    case KEY.ESC:
+                        this.cancel(e);
+                        killEvent(e);
+                        return;
+                }
+            }));
+
+            this.search.on("blur", this.bind(function(e) {
+                // a workaround for chrome to keep the search field focussed when the scroll bar is used to scroll the dropdown.
+                // without this the search field loses focus which is annoying
+                if (document.activeElement === this.body.get(0)) {
+                    window.setTimeout(this.bind(function() {
+                        if (this.opened()) {
+                            this.search.focus();
+                        }
+                    }), 0);
+                }
+            }));
+
+            this.focusser.on("keydown", this.bind(function (e) {
+                if (!this.isInterfaceEnabled()) return;
+
+                if (e.which === KEY.TAB || KEY.isControl(e) || KEY.isFunctionKey(e) || e.which === KEY.ESC) {
+                    return;
+                }
+
+                if (this.opts.openOnEnter === false && e.which === KEY.ENTER) {
+                    killEvent(e);
+                    return;
+                }
+
+                if (e.which == KEY.DOWN || e.which == KEY.UP
+                    || (e.which == KEY.ENTER && this.opts.openOnEnter)) {
+
+                    if (e.altKey || e.ctrlKey || e.shiftKey || e.metaKey) return;
+
+                    this.open();
+                    killEvent(e);
+                    return;
+                }
+
+                if (e.which == KEY.DELETE || e.which == KEY.BACKSPACE) {
+                    if (this.opts.allowClear) {
+                        this.clear();
+                    }
+                    killEvent(e);
+                    return;
+                }
+            }));
+
+
+            installKeyUpChangeEvent(this.focusser);
+            this.focusser.on("keyup-change input", this.bind(function(e) {
+                if (this.opts.minimumResultsForSearch >= 0) {
+                    e.stopPropagation();
+                    if (this.opened()) return;
+                    this.open();
+                }
+            }));
+
+            selection.on("mousedown touchstart", "abbr", this.bind(function (e) {
+                if (!this.isInterfaceEnabled()) {
+                    return;
+                }
+
+                this.clear();
+                killEventImmediately(e);
+                this.close();
+
+                if (this.selection) {
+                    this.selection.focus();
+                }
+            }));
+
+            selection.on("mousedown touchstart", this.bind(function (e) {
+                // Prevent IE from generating a click event on the body
+                reinsertElement(selection);
+
+                if (!this.container.hasClass("select2-container-active")) {
+                    this.opts.element.trigger($.Event("select2-focus"));
+                }
+
+                if (this.opened()) {
+                    this.close();
+                } else if (this.isInterfaceEnabled()) {
+                    this.open();
+                }
+
+                killEvent(e);
+            }));
+
+            dropdown.on("mousedown touchstart", this.bind(function() {
+                if (this.opts.shouldFocusInput(this)) {
+                    this.search.focus();
+                }
+            }));
+
+            selection.on("focus", this.bind(function(e) {
+                killEvent(e);
+            }));
+
+            this.focusser.on("focus", this.bind(function(){
+                if (!this.container.hasClass("select2-container-active")) {
+                    this.opts.element.trigger($.Event("select2-focus"));
+                }
+                this.container.addClass("select2-container-active");
+            })).on("blur", this.bind(function() {
+                if (!this.opened()) {
+                    this.container.removeClass("select2-container-active");
+                    this.opts.element.trigger($.Event("select2-blur"));
+                }
+            }));
+            this.search.on("focus", this.bind(function(){
+                if (!this.container.hasClass("select2-container-active")) {
+                    this.opts.element.trigger($.Event("select2-focus"));
+                }
+                this.container.addClass("select2-container-active");
+            }));
+
+            this.initContainerWidth();
+            this.opts.element.hide();
+            this.setPlaceholder();
+
+        },
+
+        // single
+        clear: function(triggerChange) {
+            var data=this.selection.data("select2-data");
+            if (data) { // guard against queued quick consecutive clicks
+                var evt = $.Event("select2-clearing");
+                this.opts.element.trigger(evt);
+                if (evt.isDefaultPrevented()) {
+                    return;
+                }
+                var placeholderOption = this.getPlaceholderOption();
+                this.opts.element.val(placeholderOption ? placeholderOption.val() : "");
+                this.selection.find(".select2-chosen").empty();
+                this.selection.removeData("select2-data");
+                this.setPlaceholder();
+
+                if (triggerChange !== false){
+                    this.opts.element.trigger({ type: "select2-removed", val: this.id(data), choice: data });
+                    this.triggerChange({removed:data});
+                }
+            }
+        },
+
+        /**
+         * Sets selection based on source element's value
+         */
+        // single
+        initSelection: function () {
+            var selected;
+            if (this.isPlaceholderOptionSelected()) {
+                this.updateSelection(null);
+                this.close();
+                this.setPlaceholder();
+            } else {
+                var self = this;
+                this.opts.initSelection.call(null, this.opts.element, function(selected){
+                    if (selected !== undefined && selected !== null) {
+                        self.updateSelection(selected);
+                        self.close();
+                        self.setPlaceholder();
+                        self.nextSearchTerm = self.opts.nextSearchTerm(selected, self.search.val());
+                    }
+                });
+            }
+        },
+
+        isPlaceholderOptionSelected: function() {
+            var placeholderOption;
+            if (this.getPlaceholder() === undefined) return false; // no placeholder specified so no option should be considered
+            return ((placeholderOption = this.getPlaceholderOption()) !== undefined && placeholderOption.prop("selected"))
+                || (this.opts.element.val() === "")
+                || (this.opts.element.val() === undefined)
+                || (this.opts.element.val() === null);
+        },
+
+        // single
+        prepareOpts: function () {
+            var opts = this.parent.prepareOpts.apply(this, arguments),
+                self=this;
+
+            if (opts.element.get(0).tagName.toLowerCase() === "select") {
+                // install the selection initializer
+                opts.initSelection = function (element, callback) {
+                    var selected = element.find("option").filter(function() { return this.selected && !this.disabled });
+                    // a single select box always has a value, no need to null check 'selected'
+                    callback(self.optionToData(selected));
+                };
+            } else if ("data" in opts) {
+                // install default initSelection when applied to hidden input and data is local
+                opts.initSelection = opts.initSelection || function (element, callback) {
+                    var id = element.val();
+                    //search in data by id, storing the actual matching item
+                    var match = null;
+                    opts.query({
+                        matcher: function(term, text, el){
+                            var is_match = equal(id, opts.id(el));
+                            if (is_match) {
+                                match = el;
+                            }
+                            return is_match;
+                        },
+                        callback: !$.isFunction(callback) ? $.noop : function() {
+                            callback(match);
+                        }
+                    });
+                };
+            }
+
+            return opts;
+        },
+
+        // single
+        getPlaceholder: function() {
+            // if a placeholder is specified on a single select without a valid placeholder option ignore it
+            if (this.select) {
+                if (this.getPlaceholderOption() === undefined) {
+                    return undefined;
+                }
+            }
+
+            return this.parent.getPlaceholder.apply(this, arguments);
+        },
+
+        // single
+        setPlaceholder: function () {
+            var placeholder = this.getPlaceholder();
+
+            if (this.isPlaceholderOptionSelected() && placeholder !== undefined) {
+
+                // check for a placeholder option if attached to a select
+                if (this.select && this.getPlaceholderOption() === undefined) return;
+
+                this.selection.find(".select2-chosen").html(this.opts.escapeMarkup(placeholder));
+
+                this.selection.addClass("select2-default");
+
+                this.container.removeClass("select2-allowclear");
+            }
+        },
+
+        // single
+        postprocessResults: function (data, initial, noHighlightUpdate) {
+            var selected = 0, self = this, showSearchInput = true;
+
+            // find the selected element in the result list
+
+            this.findHighlightableChoices().each2(function (i, elm) {
+                if (equal(self.id(elm.data("select2-data")), self.opts.element.val())) {
+                    selected = i;
+                    return false;
+                }
+            });
+
+            // and highlight it
+            if (noHighlightUpdate !== false) {
+                if (initial === true && selected >= 0) {
+                    this.highlight(selected);
+                } else {
+                    this.highlight(0);
+                }
+            }
+
+            // hide the search box if this is the first we got the results and there are enough of them for search
+
+            if (initial === true) {
+                var min = this.opts.minimumResultsForSearch;
+                if (min >= 0) {
+                    this.showSearch(countResults(data.results) >= min);
+                }
+            }
+        },
+
+        // single
+        showSearch: function(showSearchInput) {
+            if (this.showSearchInput === showSearchInput) return;
+
+            this.showSearchInput = showSearchInput;
+
+            this.dropdown.find(".select2-search").toggleClass("select2-search-hidden", !showSearchInput);
+            this.dropdown.find(".select2-search").toggleClass("select2-offscreen", !showSearchInput);
+            //add "select2-with-searchbox" to the container if search box is shown
+            $(this.dropdown, this.container).toggleClass("select2-with-searchbox", showSearchInput);
+        },
+
+        // single
+        onSelect: function (data, options) {
+
+            if (!this.triggerSelect(data)) { return; }
+
+            var old = this.opts.element.val(),
+                oldData = this.data();
+
+            this.opts.element.val(this.id(data));
+            this.updateSelection(data);
+
+            this.opts.element.trigger({ type: "select2-selected", val: this.id(data), choice: data });
+
+            this.nextSearchTerm = this.opts.nextSearchTerm(data, this.search.val());
+            this.close();
+
+            if ((!options || !options.noFocus) && this.opts.shouldFocusInput(this)) {
+                this.focusser.focus();
+            }
+
+            if (!equal(old, this.id(data))) {
+                this.triggerChange({ added: data, removed: oldData });
+            }
+        },
+
+        // single
+        updateSelection: function (data) {
+
+            var container=this.selection.find(".select2-chosen"), formatted, cssClass;
+
+            this.selection.data("select2-data", data);
+
+            container.empty();
+            if (data !== null) {
+                formatted=this.opts.formatSelection(data, container, this.opts.escapeMarkup);
+            }
+            if (formatted !== undefined) {
+                container.append(formatted);
+            }
+            cssClass=this.opts.formatSelectionCssClass(data, container);
+            if (cssClass !== undefined) {
+                container.addClass(cssClass);
+            }
+
+            this.selection.removeClass("select2-default");
+
+            if (this.opts.allowClear && this.getPlaceholder() !== undefined) {
+                this.container.addClass("select2-allowclear");
+            }
+        },
+
+        // single
+        val: function () {
+            var val,
+                triggerChange = false,
+                data = null,
+                self = this,
+                oldData = this.data();
+
+            if (arguments.length === 0) {
+                return this.opts.element.val();
+            }
+
+            val = arguments[0];
+
+            if (arguments.length > 1) {
+                triggerChange = arguments[1];
+            }
+
+            if (this.select) {
+                this.select
+                    .val(val)
+                    .find("option").filter(function() { return this.selected }).each2(function (i, elm) {
+                        data = self.optionToData(elm);
+                        return false;
+                    });
+                this.updateSelection(data);
+                this.setPlaceholder();
+                if (triggerChange) {
+                    this.triggerChange({added: data, removed:oldData});
+                }
+            } else {
+                // val is an id. !val is true for [undefined,null,'',0] - 0 is legal
+                if (!val && val !== 0) {
+                    this.clear(triggerChange);
+                    return;
+                }
+                if (this.opts.initSelection === undefined) {
+                    throw new Error("cannot call val() if initSelection() is not defined");
+                }
+                this.opts.element.val(val);
+                this.opts.initSelection(this.opts.element, function(data){
+                    self.opts.element.val(!data ? "" : self.id(data));
+                    self.updateSelection(data);
+                    self.setPlaceholder();
+                    if (triggerChange) {
+                        self.triggerChange({added: data, removed:oldData});
+                    }
+                });
+            }
+        },
+
+        // single
+        clearSearch: function () {
+            this.search.val("");
+            this.focusser.val("");
+        },
+
+        // single
+        data: function(value) {
+            var data,
+                triggerChange = false;
+
+            if (arguments.length === 0) {
+                data = this.selection.data("select2-data");
+                if (data == undefined) data = null;
+                return data;
+            } else {
+                if (arguments.length > 1) {
+                    triggerChange = arguments[1];
+                }
+                if (!value) {
+                    this.clear(triggerChange);
+                } else {
+                    data = this.data();
+                    this.opts.element.val(!value ? "" : this.id(value));
+                    this.updateSelection(value);
+                    if (triggerChange) {
+                        this.triggerChange({added: value, removed:data});
+                    }
+                }
+            }
+        }
+    });
+
+    MultiSelect2 = clazz(AbstractSelect2, {
+
+        // multi
+        createContainer: function () {
+            var container = $(document.createElement("div")).attr({
+                "class": "select2-container select2-container-multi"
+            }).html([
+                "<ul class='select2-choices'>",
+                "  <li class='select2-search-field'>",
+                "    <label for='' class='select2-offscreen'></label>",
+                "    <input type='text' autocomplete='off' autocorrect='off' autocapitalize='off' spellcheck='false' class='select2-input'>",
+                "  </li>",
+                "</ul>",
+                "<div class='select2-drop select2-drop-multi select2-display-none'>",
+                "   <ul class='select2-results'>",
+                "   </ul>",
+                "</div>"].join(""));
+            return container;
+        },
+
+        // multi
+        prepareOpts: function () {
+            var opts = this.parent.prepareOpts.apply(this, arguments),
+                self=this;
+
+            // TODO validate placeholder is a string if specified
+            if (opts.element.get(0).tagName.toLowerCase() === "select") {
+                // install the selection initializer
+                opts.initSelection = function (element, callback) {
+
+                    var data = [];
+
+                    element.find("option").filter(function() { return this.selected && !this.disabled }).each2(function (i, elm) {
+                        data.push(self.optionToData(elm));
+                    });
+                    callback(data);
+                };
+            } else if ("data" in opts) {
+                // install default initSelection when applied to hidden input and data is local
+                opts.initSelection = opts.initSelection || function (element, callback) {
+                    var ids = splitVal(element.val(), opts.separator, opts.transformVal);
+                    //search in data by array of ids, storing matching items in a list
+                    var matches = [];
+                    opts.query({
+                        matcher: function(term, text, el){
+                            var is_match = $.grep(ids, function(id) {
+                                return equal(id, opts.id(el));
+                            }).length;
+                            if (is_match) {
+                                matches.push(el);
+                            }
+                            return is_match;
+                        },
+                        callback: !$.isFunction(callback) ? $.noop : function() {
+                            // reorder matches based on the order they appear in the ids array because right now
+                            // they are in the order in which they appear in data array
+                            var ordered = [];
+                            for (var i = 0; i < ids.length; i++) {
+                                var id = ids[i];
+                                for (var j = 0; j < matches.length; j++) {
+                                    var match = matches[j];
+                                    if (equal(id, opts.id(match))) {
+                                        ordered.push(match);
+                                        matches.splice(j, 1);
+                                        break;
+                                    }
+                                }
+                            }
+                            callback(ordered);
+                        }
+                    });
+                };
+            }
+
+            return opts;
+        },
+
+        // multi
+        selectChoice: function (choice) {
+
+            var selected = this.container.find(".select2-search-choice-focus");
+            if (selected.length && choice && choice[0] == selected[0]) {
+
+            } else {
+                if (selected.length) {
+                    this.opts.element.trigger("choice-deselected", selected);
+                }
+                selected.removeClass("select2-search-choice-focus");
+                if (choice && choice.length) {
+                    this.close();
+                    choice.addClass("select2-search-choice-focus");
+                    this.opts.element.trigger("choice-selected", choice);
+                }
+            }
+        },
+
+        // multi
+        destroy: function() {
+            $("label[for='" + this.search.attr('id') + "']")
+                .attr('for', this.opts.element.attr("id"));
+            this.parent.destroy.apply(this, arguments);
+
+            cleanupJQueryElements.call(this,
+                "searchContainer",
+                "selection"
+            );
+        },
+
+        // multi
+        initContainer: function () {
+
+            var selector = ".select2-choices", selection;
+
+            this.searchContainer = this.container.find(".select2-search-field");
+            this.selection = selection = this.container.find(selector);
+
+            var _this = this;
+            this.selection.on("click", ".select2-container:not(.select2-container-disabled) .select2-search-choice:not(.select2-locked)", function (e) {
+                _this.search[0].focus();
+                _this.selectChoice($(this));
+            });
+
+            // rewrite labels from original element to focusser
+            this.search.attr("id", "s2id_autogen"+nextUid());
+
+            this.search.prev()
+                .text($("label[for='" + this.opts.element.attr("id") + "']").text())
+                .attr('for', this.search.attr('id'));
+            this.opts.element.focus(this.bind(function () { this.focus(); }));
+
+            this.search.on("input paste", this.bind(function() {
+                if (this.search.attr('placeholder') && this.search.val().length == 0) return;
+                if (!this.isInterfaceEnabled()) return;
+                if (!this.opened()) {
+                    this.open();
+                }
+            }));
+
+            this.search.attr("tabindex", this.elementTabIndex);
+
+            this.keydowns = 0;
+            this.search.on("keydown", this.bind(function (e) {
+                if (!this.isInterfaceEnabled()) return;
+
+                ++this.keydowns;
+                var selected = selection.find(".select2-search-choice-focus");
+                var prev = selected.prev(".select2-search-choice:not(.select2-locked)");
+                var next = selected.next(".select2-search-choice:not(.select2-locked)");
+                var pos = getCursorInfo(this.search);
+
+                if (selected.length &&
+                    (e.which == KEY.LEFT || e.which == KEY.RIGHT || e.which == KEY.BACKSPACE || e.which == KEY.DELETE || e.which == KEY.ENTER)) {
+                    var selectedChoice = selected;
+                    if (e.which == KEY.LEFT && prev.length) {
+                        selectedChoice = prev;
+                    }
+                    else if (e.which == KEY.RIGHT) {
+                        selectedChoice = next.length ? next : null;
+                    }
+                    else if (e.which === KEY.BACKSPACE) {
+                        if (this.unselect(selected.first())) {
+                            this.search.width(10);
+                            selectedChoice = prev.length ? prev : next;
+                        }
+                    } else if (e.which == KEY.DELETE) {
+                        if (this.unselect(selected.first())) {
+                            this.search.width(10);
+                            selectedChoice = next.length ? next : null;
+                        }
+                    } else if (e.which == KEY.ENTER) {
+                        selectedChoice = null;
+                    }
+
+                    this.selectChoice(selectedChoice);
+                    killEvent(e);
+                    if (!selectedChoice || !selectedChoice.length) {
+                        this.open();
+                    }
+                    return;
+                } else if (((e.which === KEY.BACKSPACE && this.keydowns == 1)
+                    || e.which == KEY.LEFT) && (pos.offset == 0 && !pos.length)) {
+
+                    this.selectChoice(selection.find(".select2-search-choice:not(.select2-locked)").last());
+                    killEvent(e);
+                    return;
+                } else {
+                    this.selectChoice(null);
+                }
+
+                if (this.opened()) {
+                    switch (e.which) {
+                    case KEY.UP:
+                    case KEY.DOWN:
+                        this.moveHighlight((e.which === KEY.UP) ? -1 : 1);
+                        killEvent(e);
+                        return;
+                    case KEY.ENTER:
+                        this.selectHighlighted();
+                        killEvent(e);
+                        return;
+                    case KEY.TAB:
+                        this.selectHighlighted({noFocus:true});
+                        this.close();
+                        return;
+                    case KEY.ESC:
+                        this.cancel(e);
+                        killEvent(e);
+                        return;
+                    }
+                }
+
+                if (e.which === KEY.TAB || KEY.isControl(e) || KEY.isFunctionKey(e)
+                 || e.which === KEY.BACKSPACE || e.which === KEY.ESC) {
+                    return;
+                }
+
+                if (e.which === KEY.ENTER) {
+                    if (this.opts.openOnEnter === false) {
+                        return;
+                    } else if (e.altKey || e.ctrlKey || e.shiftKey || e.metaKey) {
+                        return;
+                    }
+                }
+
+                this.open();
+
+                if (e.which === KEY.PAGE_UP || e.which === KEY.PAGE_DOWN) {
+                    // prevent the page from scrolling
+                    killEvent(e);
+                }
+
+                if (e.which === KEY.ENTER) {
+                    // prevent form from being submitted
+                    killEvent(e);
+                }
+
+            }));
+
+            this.search.on("keyup", this.bind(function (e) {
+                this.keydowns = 0;
+                this.resizeSearch();
+            })
+            );
+
+            this.search.on("blur", this.bind(function(e) {
+                this.container.removeClass("select2-container-active");
+                this.search.removeClass("select2-focused");
+                this.selectChoice(null);
+                if (!this.opened()) this.clearSearch();
+                e.stopImmediatePropagation();
+                this.opts.element.trigger($.Event("select2-blur"));
+            }));
+
+            this.container.on("click", selector, this.bind(function (e) {
+                if (!this.isInterfaceEnabled()) return;
+                if ($(e.target).closest(".select2-search-choice").length > 0) {
+                    // clicked inside a select2 search choice, do not open
+                    return;
+                }
+                this.selectChoice(null);
+                this.clearPlaceholder();
+                if (!this.container.hasClass("select2-container-active")) {
+                    this.opts.element.trigger($.Event("select2-focus"));
+                }
+                this.open();
+                this.focusSearch();
+                e.preventDefault();
+            }));
+
+            this.container.on("focus", selector, this.bind(function () {
+                if (!this.isInterfaceEnabled()) return;
+                if (!this.container.hasClass("select2-container-active")) {
+                    this.opts.element.trigger($.Event("select2-focus"));
+                }
+                this.container.addClass("select2-container-active");
+                this.dropdown.addClass("select2-drop-active");
+                this.clearPlaceholder();
+            }));
+
+            this.initContainerWidth();
+            this.opts.element.hide();
+
+            // set the placeholder if necessary
+            this.clearSearch();
+        },
+
+        // multi
+        enableInterface: function() {
+            if (this.parent.enableInterface.apply(this, arguments)) {
+                this.search.prop("disabled", !this.isInterfaceEnabled());
+            }
+        },
+
+        // multi
+        initSelection: function () {
+            var data;
+            if (this.opts.element.val() === "" && this.opts.element.text() === "") {
+                this.updateSelection([]);
+                this.close();
+                // set the placeholder if necessary
+                this.clearSearch();
+            }
+            if (this.select || this.opts.element.val() !== "") {
+                var self = this;
+                this.opts.initSelection.call(null, this.opts.element, function(data){
+                    if (data !== undefined && data !== null) {
+                        self.updateSelection(data);
+                        self.close();
+                        // set the placeholder if necessary
+                        self.clearSearch();
+                    }
+                });
+            }
+        },
+
+        // multi
+        clearSearch: function () {
+            var placeholder = this.getPlaceholder(),
+                maxWidth = this.getMaxSearchWidth();
+
+            if (placeholder !== undefined  && this.getVal().length === 0 && this.search.hasClass("select2-focused") === false) {
+                this.search.val(placeholder).addClass("select2-default");
+                // stretch the search box to full width of the container so as much of the placeholder is visible as possible
+                // we could call this.resizeSearch(), but we do not because that requires a sizer and we do not want to create one so early because of a firefox bug, see #944
+                this.search.width(maxWidth > 0 ? maxWidth : this.container.css("width"));
+            } else {
+                this.search.val("").width(10);
+            }
+        },
+
+        // multi
+        clearPlaceholder: function () {
+            if (this.search.hasClass("select2-default")) {
+                this.search.val("").removeClass("select2-default");
+            }
+        },
+
+        // multi
+        opening: function () {
+            this.clearPlaceholder(); // should be done before super so placeholder is not used to search
+            this.resizeSearch();
+
+            this.parent.opening.apply(this, arguments);
+
+            this.focusSearch();
+
+            // initializes search's value with nextSearchTerm (if defined by user)
+            // ignore nextSearchTerm if the dropdown is opened by the user pressing a letter
+            if(this.search.val() === "") {
+                if(this.nextSearchTerm != undefined){
+                    this.search.val(this.nextSearchTerm);
+                    this.search.select();
+                }
+            }
+
+            this.updateResults(true);
+            if (this.opts.shouldFocusInput(this)) {
+                this.search.focus();
+            }
+            this.opts.element.trigger($.Event("select2-open"));
+        },
+
+        // multi
+        close: function () {
+            if (!this.opened()) return;
+            this.parent.close.apply(this, arguments);
+        },
+
+        // multi
+        focus: function () {
+            this.close();
+            this.search.focus();
+        },
+
+        // multi
+        isFocused: function () {
+            return this.search.hasClass("select2-focused");
+        },
+
+        // multi
+        updateSelection: function (data) {
+            var ids = [], filtered = [], self = this;
+
+            // filter out duplicates
+            $(data).each(function () {
+                if (indexOf(self.id(this), ids) < 0) {
+                    ids.push(self.id(this));
+                    filtered.push(this);
+                }
+            });
+            data = filtered;
+
+            this.selection.find(".select2-search-choice").remove();
+            $(data).each(function () {
+                self.addSelectedChoice(this);
+            });
+            self.postprocessResults();
+        },
+
+        // multi
+        tokenize: function() {
+            var input = this.search.val();
+            input = this.opts.tokenizer.call(this, input, this.data(), this.bind(this.onSelect), this.opts);
+            if (input != null && input != undefined) {
+                this.search.val(input);
+                if (input.length > 0) {
+                    this.open();
+                }
+            }
+
+        },
+
+        // multi
+        onSelect: function (data, options) {
+
+            if (!this.triggerSelect(data) || data.text === "") { return; }
+
+            this.addSelectedChoice(data);
+
+            this.opts.element.trigger({ type: "selected", val: this.id(data), choice: data });
+
+            // keep track of the search's value before it gets cleared
+            this.nextSearchTerm = this.opts.nextSearchTerm(data, this.search.val());
+
+            this.clearSearch();
+            this.updateResults();
+
+            if (this.select || !this.opts.closeOnSelect) this.postprocessResults(data, false, this.opts.closeOnSelect===true);
+
+            if (this.opts.closeOnSelect) {
+                this.close();
+                this.search.width(10);
+            } else {
+                if (this.countSelectableResults()>0) {
+                    this.search.width(10);
+                    this.resizeSearch();
+                    if (this.getMaximumSelectionSize() > 0 && this.val().length >= this.getMaximumSelectionSize()) {
+                        // if we reached max selection size repaint the results so choices
+                        // are replaced with the max selection reached message
+                        this.updateResults(true);
+                    } else {
+                        // initializes search's value with nextSearchTerm and update search result
+                        if(this.nextSearchTerm != undefined){
+                            this.search.val(this.nextSearchTerm);
+                            this.updateResults();
+                            this.search.select();
+                        }
+                    }
+                    this.positionDropdown();
+                } else {
+                    // if nothing left to select close
+                    this.close();
+                    this.search.width(10);
+                }
+            }
+
+            // since its not possible to select an element that has already been
+            // added we do not need to check if this is a new element before firing change
+            this.triggerChange({ added: data });
+
+            if (!options || !options.noFocus)
+                this.focusSearch();
+        },
+
+        // multi
+        cancel: function () {
+            this.close();
+            this.focusSearch();
+        },
+
+        addSelectedChoice: function (data) {
+            var enableChoice = !data.locked,
+                enabledItem = $(
+                    "<li class='select2-search-choice'>" +
+                    "    <div></div>" +
+                    "    <a href='#' class='select2-search-choice-close' tabindex='-1'></a>" +
+                    "</li>"),
+                disabledItem = $(
+                    "<li class='select2-search-choice select2-locked'>" +
+                    "<div></div>" +
+                    "</li>");
+            var choice = enableChoice ? enabledItem : disabledItem,
+                id = this.id(data),
+                val = this.getVal(),
+                formatted,
+                cssClass;
+
+            formatted=this.opts.formatSelection(data, choice.find("div"), this.opts.escapeMarkup);
+            if (formatted != undefined) {
+                choice.find("div").replaceWith($("<div></div>").html(formatted));
+            }
+            cssClass=this.opts.formatSelectionCssClass(data, choice.find("div"));
+            if (cssClass != undefined) {
+                choice.addClass(cssClass);
+            }
+
+            if(enableChoice){
+              choice.find(".select2-search-choice-close")
+                  .on("mousedown", killEvent)
+                  .on("click dblclick", this.bind(function (e) {
+                  if (!this.isInterfaceEnabled()) return;
+
+                  this.unselect($(e.target));
+                  this.selection.find(".select2-search-choice-focus").removeClass("select2-search-choice-focus");
+                  killEvent(e);
+                  this.close();
+                  this.focusSearch();
+              })).on("focus", this.bind(function () {
+                  if (!this.isInterfaceEnabled()) return;
+                  this.container.addClass("select2-container-active");
+                  this.dropdown.addClass("select2-drop-active");
+              }));
+            }
+
+            choice.data("select2-data", data);
+            choice.insertBefore(this.searchContainer);
+
+            val.push(id);
+            this.setVal(val);
+        },
+
+        // multi
+        unselect: function (selected) {
+            var val = this.getVal(),
+                data,
+                index;
+            selected = selected.closest(".select2-search-choice");
+
+            if (selected.length === 0) {
+                throw "Invalid argument: " + selected + ". Must be .select2-search-choice";
+            }
+
+            data = selected.data("select2-data");
+
+            if (!data) {
+                // prevent a race condition when the 'x' is clicked really fast repeatedly the event can be queued
+                // and invoked on an element already removed
+                return;
+            }
+
+            var evt = $.Event("select2-removing");
+            evt.val = this.id(data);
+            evt.choice = data;
+            this.opts.element.trigger(evt);
+
+            if (evt.isDefaultPrevented()) {
+                return false;
+            }
+
+            while((index = indexOf(this.id(data), val)) >= 0) {
+                val.splice(index, 1);
+                this.setVal(val);
+                if (this.select) this.postprocessResults();
+            }
+
+            selected.remove();
+
+            this.opts.element.trigger({ type: "select2-removed", val: this.id(data), choice: data });
+            this.triggerChange({ removed: data });
+
+            return true;
+        },
+
+        // multi
+        postprocessResults: function (data, initial, noHighlightUpdate) {
+            var val = this.getVal(),
+                choices = this.results.find(".select2-result"),
+                compound = this.results.find(".select2-result-with-children"),
+                self = this;
+
+            choices.each2(function (i, choice) {
+                var id = self.id(choice.data("select2-data"));
+                if (indexOf(id, val) >= 0) {
+                    choice.addClass("select2-selected");
+                    // mark all children of the selected parent as selected
+                    choice.find(".select2-result-selectable").addClass("select2-selected");
+                }
+            });
+
+            compound.each2(function(i, choice) {
+                // hide an optgroup if it doesn't have any selectable children
+                if (!choice.is('.select2-result-selectable')
+                    && choice.find(".select2-result-selectable:not(.select2-selected)").length === 0) {
+                    choice.addClass("select2-selected");
+                }
+            });
+
+            if (this.highlight() == -1 && noHighlightUpdate !== false && this.opts.closeOnSelect === true){
+                self.highlight(0);
+            }
+
+            //If all results are chosen render formatNoMatches
+            if(!this.opts.createSearchChoice && !choices.filter('.select2-result:not(.select2-selected)').length > 0){
+                if(!data || data && !data.more && this.results.find(".select2-no-results").length === 0) {
+                    if (checkFormatter(self.opts.formatNoMatches, "formatNoMatches")) {
+                        this.results.append("<li class='select2-no-results'>" + evaluate(self.opts.formatNoMatches, self.opts.element, self.search.val()) + "</li>");
+                    }
+                }
+            }
+
+        },
+
+        // multi
+        getMaxSearchWidth: function() {
+            return this.selection.width() - getSideBorderPadding(this.search);
+        },
+
+        // multi
+        resizeSearch: function () {
+            var minimumWidth, left, maxWidth, containerLeft, searchWidth,
+                sideBorderPadding = getSideBorderPadding(this.search);
+
+            minimumWidth = measureTextWidth(this.search) + 10;
+
+            left = this.search.offset().left;
+
+            maxWidth = this.selection.width();
+            containerLeft = this.selection.offset().left;
+
+            searchWidth = maxWidth - (left - containerLeft) - sideBorderPadding;
+
+            if (searchWidth < minimumWidth) {
+                searchWidth = maxWidth - sideBorderPadding;
+            }
+
+            if (searchWidth < 40) {
+                searchWidth = maxWidth - sideBorderPadding;
+            }
+
+            if (searchWidth <= 0) {
+              searchWidth = minimumWidth;
+            }
+
+            this.search.width(Math.floor(searchWidth));
+        },
+
+        // multi
+        getVal: function () {
+            var val;
+            if (this.select) {
+                val = this.select.val();
+                return val === null ? [] : val;
+            } else {
+                val = this.opts.element.val();
+                return splitVal(val, this.opts.separator, this.opts.transformVal);
+            }
+        },
+
+        // multi
+        setVal: function (val) {
+            var unique;
+            if (this.select) {
+                this.select.val(val);
+            } else {
+                unique = [];
+                // filter out duplicates
+                $(val).each(function () {
+                    if (indexOf(this, unique) < 0) unique.push(this);
+                });
+                this.opts.element.val(unique.length === 0 ? "" : unique.join(this.opts.separator));
+            }
+        },
+
+        // multi
+        buildChangeDetails: function (old, current) {
+            var current = current.slice(0),
+                old = old.slice(0);
+
+            // remove intersection from each array
+            for (var i = 0; i < current.length; i++) {
+                for (var j = 0; j < old.length; j++) {
+                    if (equal(this.opts.id(current[i]), this.opts.id(old[j]))) {
+                        current.splice(i, 1);
+                        if(i>0){
+                            i--;
+                        }
+                        old.splice(j, 1);
+                        j--;
+                    }
+                }
+            }
+
+            return {added: current, removed: old};
+        },
+
+
+        // multi
+        val: function (val, triggerChange) {
+            var oldData, self=this;
+
+            if (arguments.length === 0) {
+                return this.getVal();
+            }
+
+            oldData=this.data();
+            if (!oldData.length) oldData=[];
+
+            // val is an id. !val is true for [undefined,null,'',0] - 0 is legal
+            if (!val && val !== 0) {
+                this.opts.element.val("");
+                this.updateSelection([]);
+                this.clearSearch();
+                if (triggerChange) {
+                    this.triggerChange({added: this.data(), removed: oldData});
+                }
+                return;
+            }
+
+            // val is a list of ids
+            this.setVal(val);
+
+            if (this.select) {
+                this.opts.initSelection(this.select, this.bind(this.updateSelection));
+                if (triggerChange) {
+                    this.triggerChange(this.buildChangeDetails(oldData, this.data()));
+                }
+            } else {
+                if (this.opts.initSelection === undefined) {
+                    throw new Error("val() cannot be called if initSelection() is not defined");
+                }
+
+                this.opts.initSelection(this.opts.element, function(data){
+                    var ids=$.map(data, self.id);
+                    self.setVal(ids);
+                    self.updateSelection(data);
+                    self.clearSearch();
+                    if (triggerChange) {
+                        self.triggerChange(self.buildChangeDetails(oldData, self.data()));
+                    }
+                });
+            }
+            this.clearSearch();
+        },
+
+        // multi
+        onSortStart: function() {
+            if (this.select) {
+                throw new Error("Sorting of elements is not supported when attached to <select>. Attach to <input type='hidden'/> instead.");
+            }
+
+            // collapse search field into 0 width so its container can be collapsed as well
+            this.search.width(0);
+            // hide the container
+            this.searchContainer.hide();
+        },
+
+        // multi
+        onSortEnd:function() {
+
+            var val=[], self=this;
+
+            // show search and move it to the end of the list
+            this.searchContainer.show();
+            // make sure the search container is the last item in the list
+            this.searchContainer.appendTo(this.searchContainer.parent());
+            // since we collapsed the width in dragStarted, we resize it here
+            this.resizeSearch();
+
+            // update selection
+            this.selection.find(".select2-search-choice").each(function() {
+                val.push(self.opts.id($(this).data("select2-data")));
+            });
+            this.setVal(val);
+            this.triggerChange();
+        },
+
+        // multi
+        data: function(values, triggerChange) {
+            var self=this, ids, old;
+            if (arguments.length === 0) {
+                 return this.selection
+                     .children(".select2-search-choice")
+                     .map(function() { return $(this).data("select2-data"); })
+                     .get();
+            } else {
+                old = this.data();
+                if (!values) { values = []; }
+                ids = $.map(values, function(e) { return self.opts.id(e); });
+                this.setVal(ids);
+                this.updateSelection(values);
+                this.clearSearch();
+                if (triggerChange) {
+                    this.triggerChange(this.buildChangeDetails(old, this.data()));
+                }
+            }
+        }
+    });
+
+    $.fn.select2 = function () {
+
+        var args = Array.prototype.slice.call(arguments, 0),
+            opts,
+            select2,
+            method, value, multiple,
+            allowedMethods = ["val", "destroy", "opened", "open", "close", "focus", "isFocused", "container", "dropdown", "onSortStart", "onSortEnd", "enable", "disable", "readonly", "positionDropdown", "data", "search"],
+            valueMethods = ["opened", "isFocused", "container", "dropdown"],
+            propertyMethods = ["val", "data"],
+            methodsMap = { search: "externalSearch" };
+
+        this.each(function () {
+            if (args.length === 0 || typeof(args[0]) === "object") {
+                opts = args.length === 0 ? {} : $.extend({}, args[0]);
+                opts.element = $(this);
+
+                if (opts.element.get(0).tagName.toLowerCase() === "select") {
+                    multiple = opts.element.prop("multiple");
+                } else {
+                    multiple = opts.multiple || false;
+                    if ("tags" in opts) {opts.multiple = multiple = true;}
+                }
+
+                select2 = multiple ? new window.Select2["class"].multi() : new window.Select2["class"].single();
+                select2.init(opts);
+            } else if (typeof(args[0]) === "string") {
+
+                if (indexOf(args[0], allowedMethods) < 0) {
+                    throw "Unknown method: " + args[0];
+                }
+
+                value = undefined;
+                select2 = $(this).data("select2");
+                if (select2 === undefined) return;
+
+                method=args[0];
+
+                if (method === "container") {
+                    value = select2.container;
+                } else if (method === "dropdown") {
+                    value = select2.dropdown;
+                } else {
+                    if (methodsMap[method]) method = methodsMap[method];
+
+                    value = select2[method].apply(select2, args.slice(1));
+                }
+                if (indexOf(args[0], valueMethods) >= 0
+                    || (indexOf(args[0], propertyMethods) >= 0 && args.length == 1)) {
+                    return false; // abort the iteration, ready to return first matched value
+                }
+            } else {
+                throw "Invalid arguments to select2 plugin: " + args;
+            }
+        });
+        return (value === undefined) ? this : value;
+    };
+
+    // plugin defaults, accessible to users
+    $.fn.select2.defaults = {
+        width: "copy",
+        loadMorePadding: 0,
+        closeOnSelect: true,
+        openOnEnter: true,
+        containerCss: {},
+        dropdownCss: {},
+        containerCssClass: "",
+        dropdownCssClass: "",
+        formatResult: function(result, container, query, escapeMarkup) {
+            var markup=[];
+            markMatch(this.text(result), query.term, markup, escapeMarkup);
+            return markup.join("");
+        },
+        transformVal: function(val) {
+            return $.trim(val);
+        },
+        formatSelection: function (data, container, escapeMarkup) {
+            return data ? escapeMarkup(this.text(data)) : undefined;
+        },
+        sortResults: function (results, container, query) {
+            return results;
+        },
+        formatResultCssClass: function(data) {return data.css;},
+        formatSelectionCssClass: function(data, container) {return undefined;},
+        minimumResultsForSearch: 0,
+        minimumInputLength: 0,
+        maximumInputLength: null,
+        maximumSelectionSize: 0,
+        id: function (e) { return e == undefined ? null : e.id; },
+        text: function (e) {
+          if (e && this.data && this.data.text) {
+            if ($.isFunction(this.data.text)) {
+              return this.data.text(e);
+            } else {
+              return e[this.data.text];
+            }
+          } else {
+            return e.text;
+          }
+        },
+        matcher: function(term, text) {
+            return stripDiacritics(''+text).toUpperCase().indexOf(stripDiacritics(''+term).toUpperCase()) >= 0;
+        },
+        separator: ",",
+        tokenSeparators: [],
+        tokenizer: defaultTokenizer,
+        escapeMarkup: defaultEscapeMarkup,
+        blurOnChange: false,
+        selectOnBlur: false,
+        adaptContainerCssClass: function(c) { return c; },
+        adaptDropdownCssClass: function(c) { return null; },
+        nextSearchTerm: function(selectedObject, currentSearchTerm) { return undefined; },
+        searchInputPlaceholder: '',
+        createSearchChoicePosition: 'top',
+        shouldFocusInput: function (instance) {
+            // Attempt to detect touch devices
+            var supportsTouchEvents = (('ontouchstart' in window) ||
+                                       (navigator.msMaxTouchPoints > 0));
+
+            // Only devices which support touch events should be special cased
+            if (!supportsTouchEvents) {
+                return true;
+            }
+
+            // Never focus the input if search is disabled
+            if (instance.opts.minimumResultsForSearch < 0) {
+                return false;
+            }
+
+            return true;
+        }
+    };
+
+    $.fn.select2.locales = [];
+
+    $.fn.select2.locales['en'] = {
+         formatMatches: function (matches) { if (matches === 1) { return "One result is available, press enter to select it."; } return matches + " results are available, use up and down arrow keys to navigate."; },
+         formatNoMatches: function () { return "No matches found"; },
+         formatAjaxError: function (jqXHR, textStatus, errorThrown) { return "Loading failed"; },
+         formatInputTooShort: function (input, min) { var n = min - input.length; return "Please enter " + n + " or more character" + (n == 1 ? "" : "s"); },
+         formatInputTooLong: function (input, max) { var n = input.length - max; return "Please delete " + n + " character" + (n == 1 ? "" : "s"); },
+         formatSelectionTooBig: function (limit) { return "You can only select " + limit + " item" + (limit == 1 ? "" : "s"); },
+         formatLoadMore: function (pageNumber) { return "Loading more results…"; },
+         formatSearching: function () { return "Searching…"; }
+    };
+
+    $.extend($.fn.select2.defaults, $.fn.select2.locales['en']);
+
+    $.fn.select2.ajaxDefaults = {
+        transport: $.ajax,
+        params: {
+            type: "GET",
+            cache: false,
+            dataType: "json"
+        }
+    };
+
+    // exports
+    window.Select2 = {
+        query: {
+            ajax: ajax,
+            local: local,
+            tags: tags
+        }, util: {
+            debounce: debounce,
+            markMatch: markMatch,
+            escapeMarkup: defaultEscapeMarkup,
+            stripDiacritics: stripDiacritics
+        }, "class": {
+            "abstract": AbstractSelect2,
+            "single": SingleSelect2,
+            "multi": MultiSelect2
+        }
+    };
+
+}(jQuery));
diff --git a/web/bootstrap-ace-admin/js/spin.js b/web/bootstrap-ace-admin/js/spin.js
new file mode 100755
index 00000000..a3812e23
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/spin.js
@@ -0,0 +1,349 @@
+/**
+ * Copyright (c) 2011-2014 Felix Gnass
+ * Licensed under the MIT license
+ */
+(function(root, factory) {
+
+  /* CommonJS */
+  if (typeof exports == 'object')  module.exports = factory()
+
+  /* AMD module */
+  else if (typeof define == 'function' && define.amd) define(factory)
+
+  /* Browser global */
+  else root.Spinner = factory()
+}
+(this, function() {
+  "use strict";
+
+  var prefixes = ['webkit', 'Moz', 'ms', 'O'] /* Vendor prefixes */
+    , animations = {} /* Animation rules keyed by their name */
+    , useCssAnimations /* Whether to use CSS animations or setTimeout */
+
+  /**
+   * Utility function to create elements. If no tag name is given,
+   * a DIV is created. Optionally properties can be passed.
+   */
+  function createEl(tag, prop) {
+    var el = document.createElement(tag || 'div')
+      , n
+
+    for(n in prop) el[n] = prop[n]
+    return el
+  }
+
+  /**
+   * Appends children and returns the parent.
+   */
+  function ins(parent /* child1, child2, ...*/) {
+    for (var i=1, n=arguments.length; i<n; i++)
+      parent.appendChild(arguments[i])
+
+    return parent
+  }
+
+  /**
+   * Insert a new stylesheet to hold the @keyframe or VML rules.
+   */
+  var sheet = (function() {
+    var el = createEl('style', {type : 'text/css'})
+    ins(document.getElementsByTagName('head')[0], el)
+    return el.sheet || el.styleSheet
+  }())
+
+  /**
+   * Creates an opacity keyframe animation rule and returns its name.
+   * Since most mobile Webkits have timing issues with animation-delay,
+   * we create separate rules for each line/segment.
+   */
+  function addAnimation(alpha, trail, i, lines) {
+    var name = ['opacity', trail, ~~(alpha*100), i, lines].join('-')
+      , start = 0.01 + i/lines * 100
+      , z = Math.max(1 - (1-alpha) / trail * (100-start), alpha)
+      , prefix = useCssAnimations.substring(0, useCssAnimations.indexOf('Animation')).toLowerCase()
+      , pre = prefix && '-' + prefix + '-' || ''
+
+    if (!animations[name]) {
+      sheet.insertRule(
+        '@' + pre + 'keyframes ' + name + '{' +
+        '0%{opacity:' + z + '}' +
+        start + '%{opacity:' + alpha + '}' +
+        (start+0.01) + '%{opacity:1}' +
+        (start+trail) % 100 + '%{opacity:' + alpha + '}' +
+        '100%{opacity:' + z + '}' +
+        '}', sheet.cssRules.length)
+
+      animations[name] = 1
+    }
+
+    return name
+  }
+
+  /**
+   * Tries various vendor prefixes and returns the first supported property.
+   */
+  function vendor(el, prop) {
+    var s = el.style
+      , pp
+      , i
+
+    prop = prop.charAt(0).toUpperCase() + prop.slice(1)
+    for(i=0; i<prefixes.length; i++) {
+      pp = prefixes[i]+prop
+      if(s[pp] !== undefined) return pp
+    }
+    if(s[prop] !== undefined) return prop
+  }
+
+  /**
+   * Sets multiple style properties at once.
+   */
+  function css(el, prop) {
+    for (var n in prop)
+      el.style[vendor(el, n)||n] = prop[n]
+
+    return el
+  }
+
+  /**
+   * Fills in default values.
+   */
+  function merge(obj) {
+    for (var i=1; i < arguments.length; i++) {
+      var def = arguments[i]
+      for (var n in def)
+        if (obj[n] === undefined) obj[n] = def[n]
+    }
+    return obj
+  }
+
+  /**
+   * Returns the absolute page-offset of the given element.
+   */
+  function pos(el) {
+    var o = { x:el.offsetLeft, y:el.offsetTop }
+    while((el = el.offsetParent))
+      o.x+=el.offsetLeft, o.y+=el.offsetTop
+
+    return o
+  }
+
+  /**
+   * Returns the line color from the given string or array.
+   */
+  function getColor(color, idx) {
+    return typeof color == 'string' ? color : color[idx % color.length]
+  }
+
+  // Built-in defaults
+
+  var defaults = {
+    lines: 12,            // The number of lines to draw
+    length: 7,            // The length of each line
+    width: 5,             // The line thickness
+    radius: 10,           // The radius of the inner circle
+    rotate: 0,            // Rotation offset
+    corners: 1,           // Roundness (0..1)
+    color: '#000',        // #rgb or #rrggbb
+    direction: 1,         // 1: clockwise, -1: counterclockwise
+    speed: 1,             // Rounds per second
+    trail: 100,           // Afterglow percentage
+    opacity: 1/4,         // Opacity of the lines
+    fps: 20,              // Frames per second when using setTimeout()
+    zIndex: 2e9,          // Use a high z-index by default
+    className: 'spinner', // CSS class to assign to the element
+    top: '50%',           // center vertically
+    left: '50%',          // center horizontally
+    position: 'absolute'  // element position
+  }
+
+  /** The constructor */
+  function Spinner(o) {
+    this.opts = merge(o || {}, Spinner.defaults, defaults)
+  }
+
+  // Global defaults that override the built-ins:
+  Spinner.defaults = {}
+
+  merge(Spinner.prototype, {
+
+    /**
+     * Adds the spinner to the given target element. If this instance is already
+     * spinning, it is automatically removed from its previous target b calling
+     * stop() internally.
+     */
+    spin: function(target) {
+      this.stop()
+
+      var self = this
+        , o = self.opts
+        , el = self.el = css(createEl(0, {className: o.className}), {position: o.position, width: 0, zIndex: o.zIndex})
+        , mid = o.radius+o.length+o.width
+
+      css(el, {
+        left: o.left,
+        top: o.top
+      })
+        
+      if (target) {
+        target.insertBefore(el, target.firstChild||null)
+      }
+
+      el.setAttribute('role', 'progressbar')
+      self.lines(el, self.opts)
+
+      if (!useCssAnimations) {
+        // No CSS animation support, use setTimeout() instead
+        var i = 0
+          , start = (o.lines - 1) * (1 - o.direction) / 2
+          , alpha
+          , fps = o.fps
+          , f = fps/o.speed
+          , ostep = (1-o.opacity) / (f*o.trail / 100)
+          , astep = f/o.lines
+
+        ;(function anim() {
+          i++;
+          for (var j = 0; j < o.lines; j++) {
+            alpha = Math.max(1 - (i + (o.lines - j) * astep) % f * ostep, o.opacity)
+
+            self.opacity(el, j * o.direction + start, alpha, o)
+          }
+          self.timeout = self.el && setTimeout(anim, ~~(1000/fps))
+        })()
+      }
+      return self
+    },
+
+    /**
+     * Stops and removes the Spinner.
+     */
+    stop: function() {
+      var el = this.el
+      if (el) {
+        clearTimeout(this.timeout)
+        if (el.parentNode) el.parentNode.removeChild(el)
+        this.el = undefined
+      }
+      return this
+    },
+
+    /**
+     * Internal method that draws the individual lines. Will be overwritten
+     * in VML fallback mode below.
+     */
+    lines: function(el, o) {
+      var i = 0
+        , start = (o.lines - 1) * (1 - o.direction) / 2
+        , seg
+
+      function fill(color, shadow) {
+        return css(createEl(), {
+          position: 'absolute',
+          width: (o.length+o.width) + 'px',
+          height: o.width + 'px',
+          background: color,
+          boxShadow: shadow,
+          transformOrigin: 'left',
+          transform: 'rotate(' + ~~(360/o.lines*i+o.rotate) + 'deg) translate(' + o.radius+'px' +',0)',
+          borderRadius: (o.corners * o.width>>1) + 'px'
+        })
+      }
+
+      for (; i < o.lines; i++) {
+        seg = css(createEl(), {
+          position: 'absolute',
+          top: 1+~(o.width/2) + 'px',
+          transform: o.hwaccel ? 'translate3d(0,0,0)' : '',
+          opacity: o.opacity,
+          animation: useCssAnimations && addAnimation(o.opacity, o.trail, start + i * o.direction, o.lines) + ' ' + 1/o.speed + 's linear infinite'
+        })
+
+        if (o.shadow) ins(seg, css(fill('#000', '0 0 4px ' + '#000'), {top: 2+'px'}))
+        ins(el, ins(seg, fill(getColor(o.color, i), '0 0 1px rgba(0,0,0,.1)')))
+      }
+      return el
+    },
+
+    /**
+     * Internal method that adjusts the opacity of a single line.
+     * Will be overwritten in VML fallback mode below.
+     */
+    opacity: function(el, i, val) {
+      if (i < el.childNodes.length) el.childNodes[i].style.opacity = val
+    }
+
+  })
+
+
+  function initVML() {
+
+    /* Utility function to create a VML tag */
+    function vml(tag, attr) {
+      return createEl('<' + tag + ' xmlns="urn:schemas-microsoft.com:vml" class="spin-vml">', attr)
+    }
+
+    // No CSS transforms but VML support, add a CSS rule for VML elements:
+    sheet.addRule('.spin-vml', 'behavior:url(#default#VML)')
+
+    Spinner.prototype.lines = function(el, o) {
+      var r = o.length+o.width
+        , s = 2*r
+
+      function grp() {
+        return css(
+          vml('group', {
+            coordsize: s + ' ' + s,
+            coordorigin: -r + ' ' + -r
+          }),
+          { width: s, height: s }
+        )
+      }
+
+      var margin = -(o.width+o.length)*2 + 'px'
+        , g = css(grp(), {position: 'absolute', top: margin, left: margin})
+        , i
+
+      function seg(i, dx, filter) {
+        ins(g,
+          ins(css(grp(), {rotation: 360 / o.lines * i + 'deg', left: ~~dx}),
+            ins(css(vml('roundrect', {arcsize: o.corners}), {
+                width: r,
+                height: o.width,
+                left: o.radius,
+                top: -o.width>>1,
+                filter: filter
+              }),
+              vml('fill', {color: getColor(o.color, i), opacity: o.opacity}),
+              vml('stroke', {opacity: 0}) // transparent stroke to fix color bleeding upon opacity change
+            )
+          )
+        )
+      }
+
+      if (o.shadow)
+        for (i = 1; i <= o.lines; i++)
+          seg(i, -2, 'progid:DXImageTransform.Microsoft.Blur(pixelradius=2,makeshadow=1,shadowopacity=.3)')
+
+      for (i = 1; i <= o.lines; i++) seg(i)
+      return ins(el, g)
+    }
+
+    Spinner.prototype.opacity = function(el, i, val, o) {
+      var c = el.firstChild
+      o = o.shadow && o.lines || 0
+      if (c && i+o < c.childNodes.length) {
+        c = c.childNodes[i+o]; c = c && c.firstChild; c = c && c.firstChild
+        if (c) c.opacity = val
+      }
+    }
+  }
+
+  var probe = css(createEl('group'), {behavior: 'url(#default#VML)'})
+
+  if (!vendor(probe, 'transform') && probe.adj) initVML()
+  else useCssAnimations = vendor(probe, 'animation')
+
+  return Spinner
+
+}));
diff --git a/web/bootstrap-ace-admin/js/typeahead.jquery.js b/web/bootstrap-ace-admin/js/typeahead.jquery.js
new file mode 100755
index 00000000..2e4977d4
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/typeahead.jquery.js
@@ -0,0 +1,1184 @@
+/*!
+ * typeahead.js 0.10.5
+ * https://github.com/twitter/typeahead.js
+ * Copyright 2013-2014 Twitter, Inc. and other contributors; Licensed MIT
+ */
+
+(function($) {
+    var _ = function() {
+        "use strict";
+        return {
+            isMsie: function() {
+                return /(msie|trident)/i.test(navigator.userAgent) ? navigator.userAgent.match(/(msie |rv:)(\d+(.\d+)?)/i)[2] : false;
+            },
+            isBlankString: function(str) {
+                return !str || /^\s*$/.test(str);
+            },
+            escapeRegExChars: function(str) {
+                return str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+            },
+            isString: function(obj) {
+                return typeof obj === "string";
+            },
+            isNumber: function(obj) {
+                return typeof obj === "number";
+            },
+            isArray: $.isArray,
+            isFunction: $.isFunction,
+            isObject: $.isPlainObject,
+            isUndefined: function(obj) {
+                return typeof obj === "undefined";
+            },
+            toStr: function toStr(s) {
+                return _.isUndefined(s) || s === null ? "" : s + "";
+            },
+            bind: $.proxy,
+            each: function(collection, cb) {
+                $.each(collection, reverseArgs);
+                function reverseArgs(index, value) {
+                    return cb(value, index);
+                }
+            },
+            map: $.map,
+            filter: $.grep,
+            every: function(obj, test) {
+                var result = true;
+                if (!obj) {
+                    return result;
+                }
+                $.each(obj, function(key, val) {
+                    if (!(result = test.call(null, val, key, obj))) {
+                        return false;
+                    }
+                });
+                return !!result;
+            },
+            some: function(obj, test) {
+                var result = false;
+                if (!obj) {
+                    return result;
+                }
+                $.each(obj, function(key, val) {
+                    if (result = test.call(null, val, key, obj)) {
+                        return false;
+                    }
+                });
+                return !!result;
+            },
+            mixin: $.extend,
+            getUniqueId: function() {
+                var counter = 0;
+                return function() {
+                    return counter++;
+                };
+            }(),
+            templatify: function templatify(obj) {
+                return $.isFunction(obj) ? obj : template;
+                function template() {
+                    return String(obj);
+                }
+            },
+            defer: function(fn) {
+                setTimeout(fn, 0);
+            },
+            debounce: function(func, wait, immediate) {
+                var timeout, result;
+                return function() {
+                    var context = this, args = arguments, later, callNow;
+                    later = function() {
+                        timeout = null;
+                        if (!immediate) {
+                            result = func.apply(context, args);
+                        }
+                    };
+                    callNow = immediate && !timeout;
+                    clearTimeout(timeout);
+                    timeout = setTimeout(later, wait);
+                    if (callNow) {
+                        result = func.apply(context, args);
+                    }
+                    return result;
+                };
+            },
+            throttle: function(func, wait) {
+                var context, args, timeout, result, previous, later;
+                previous = 0;
+                later = function() {
+                    previous = new Date();
+                    timeout = null;
+                    result = func.apply(context, args);
+                };
+                return function() {
+                    var now = new Date(), remaining = wait - (now - previous);
+                    context = this;
+                    args = arguments;
+                    if (remaining <= 0) {
+                        clearTimeout(timeout);
+                        timeout = null;
+                        previous = now;
+                        result = func.apply(context, args);
+                    } else if (!timeout) {
+                        timeout = setTimeout(later, remaining);
+                    }
+                    return result;
+                };
+            },
+            noop: function() {}
+        };
+    }();
+    var html = function() {
+        return {
+            wrapper: '<span class="twitter-typeahead"></span>',
+            dropdown: '<span class="tt-dropdown-menu"></span>',
+            dataset: '<div class="tt-dataset-%CLASS%"></div>',
+            suggestions: '<span class="tt-suggestions"></span>',
+            suggestion: '<div class="tt-suggestion"></div>'
+        };
+    }();
+    var css = function() {
+        "use strict";
+        var css = {
+            wrapper: {
+                position: "relative",
+                display: "inline-block"
+            },
+            hint: {
+                position: "absolute",
+                top: "0",
+                left: "0",
+                borderColor: "transparent",
+                boxShadow: "none",
+                opacity: "1"
+            },
+            input: {
+                position: "relative",
+                verticalAlign: "top",
+                backgroundColor: "transparent"
+            },
+            inputWithNoHint: {
+                position: "relative",
+                verticalAlign: "top"
+            },
+            dropdown: {
+                position: "absolute",
+                top: "100%",
+                left: "0",
+                zIndex: "100",
+                display: "none"
+            },
+            suggestions: {
+                display: "block"
+            },
+            suggestion: {
+                whiteSpace: "nowrap",
+                cursor: "pointer"
+            },
+            suggestionChild: {
+                whiteSpace: "normal"
+            },
+            ltr: {
+                left: "0",
+                right: "auto"
+            },
+            rtl: {
+                left: "auto",
+                right: " 0"
+            }
+        };
+        if (_.isMsie()) {
+            _.mixin(css.input, {
+                backgroundImage: "url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)"
+            });
+        }
+        if (_.isMsie() && _.isMsie() <= 7) {
+            _.mixin(css.input, {
+                marginTop: "-1px"
+            });
+        }
+        return css;
+    }();
+    var EventBus = function() {
+        "use strict";
+        var namespace = "typeahead:";
+        function EventBus(o) {
+            if (!o || !o.el) {
+                $.error("EventBus initialized without el");
+            }
+            this.$el = $(o.el);
+        }
+        _.mixin(EventBus.prototype, {
+            trigger: function(type) {
+                var args = [].slice.call(arguments, 1);
+                this.$el.trigger(namespace + type, args);
+            }
+        });
+        return EventBus;
+    }();
+    var EventEmitter = function() {
+        "use strict";
+        var splitter = /\s+/, nextTick = getNextTick();
+        return {
+            onSync: onSync,
+            onAsync: onAsync,
+            off: off,
+            trigger: trigger
+        };
+        function on(method, types, cb, context) {
+            var type;
+            if (!cb) {
+                return this;
+            }
+            types = types.split(splitter);
+            cb = context ? bindContext(cb, context) : cb;
+            this._callbacks = this._callbacks || {};
+            while (type = types.shift()) {
+                this._callbacks[type] = this._callbacks[type] || {
+                    sync: [],
+                    async: []
+                };
+                this._callbacks[type][method].push(cb);
+            }
+            return this;
+        }
+        function onAsync(types, cb, context) {
+            return on.call(this, "async", types, cb, context);
+        }
+        function onSync(types, cb, context) {
+            return on.call(this, "sync", types, cb, context);
+        }
+        function off(types) {
+            var type;
+            if (!this._callbacks) {
+                return this;
+            }
+            types = types.split(splitter);
+            while (type = types.shift()) {
+                delete this._callbacks[type];
+            }
+            return this;
+        }
+        function trigger(types) {
+            var type, callbacks, args, syncFlush, asyncFlush;
+            if (!this._callbacks) {
+                return this;
+            }
+            types = types.split(splitter);
+            args = [].slice.call(arguments, 1);
+            while ((type = types.shift()) && (callbacks = this._callbacks[type])) {
+                syncFlush = getFlush(callbacks.sync, this, [ type ].concat(args));
+                asyncFlush = getFlush(callbacks.async, this, [ type ].concat(args));
+                syncFlush() && nextTick(asyncFlush);
+            }
+            return this;
+        }
+        function getFlush(callbacks, context, args) {
+            return flush;
+            function flush() {
+                var cancelled;
+                for (var i = 0, len = callbacks.length; !cancelled && i < len; i += 1) {
+                    cancelled = callbacks[i].apply(context, args) === false;
+                }
+                return !cancelled;
+            }
+        }
+        function getNextTick() {
+            var nextTickFn;
+            if (window.setImmediate) {
+                nextTickFn = function nextTickSetImmediate(fn) {
+                    setImmediate(function() {
+                        fn();
+                    });
+                };
+            } else {
+                nextTickFn = function nextTickSetTimeout(fn) {
+                    setTimeout(function() {
+                        fn();
+                    }, 0);
+                };
+            }
+            return nextTickFn;
+        }
+        function bindContext(fn, context) {
+            return fn.bind ? fn.bind(context) : function() {
+                fn.apply(context, [].slice.call(arguments, 0));
+            };
+        }
+    }();
+    var highlight = function(doc) {
+        "use strict";
+        var defaults = {
+            node: null,
+            pattern: null,
+            tagName: "strong",
+            className: null,
+            wordsOnly: false,
+            caseSensitive: false
+        };
+        return function hightlight(o) {
+            var regex;
+            o = _.mixin({}, defaults, o);
+            if (!o.node || !o.pattern) {
+                return;
+            }
+            o.pattern = _.isArray(o.pattern) ? o.pattern : [ o.pattern ];
+            regex = getRegex(o.pattern, o.caseSensitive, o.wordsOnly);
+            traverse(o.node, hightlightTextNode);
+            function hightlightTextNode(textNode) {
+                var match, patternNode, wrapperNode;
+                if (match = regex.exec(textNode.data)) {
+                    wrapperNode = doc.createElement(o.tagName);
+                    o.className && (wrapperNode.className = o.className);
+                    patternNode = textNode.splitText(match.index);
+                    patternNode.splitText(match[0].length);
+                    wrapperNode.appendChild(patternNode.cloneNode(true));
+                    textNode.parentNode.replaceChild(wrapperNode, patternNode);
+                }
+                return !!match;
+            }
+            function traverse(el, hightlightTextNode) {
+                var childNode, TEXT_NODE_TYPE = 3;
+                for (var i = 0; i < el.childNodes.length; i++) {
+                    childNode = el.childNodes[i];
+                    if (childNode.nodeType === TEXT_NODE_TYPE) {
+                        i += hightlightTextNode(childNode) ? 1 : 0;
+                    } else {
+                        traverse(childNode, hightlightTextNode);
+                    }
+                }
+            }
+        };
+        function getRegex(patterns, caseSensitive, wordsOnly) {
+            var escapedPatterns = [], regexStr;
+            for (var i = 0, len = patterns.length; i < len; i++) {
+                escapedPatterns.push(_.escapeRegExChars(patterns[i]));
+            }
+            regexStr = wordsOnly ? "\\b(" + escapedPatterns.join("|") + ")\\b" : "(" + escapedPatterns.join("|") + ")";
+            return caseSensitive ? new RegExp(regexStr) : new RegExp(regexStr, "i");
+        }
+    }(window.document);
+    var Input = function() {
+        "use strict";
+        var specialKeyCodeMap;
+        specialKeyCodeMap = {
+            9: "tab",
+            27: "esc",
+            37: "left",
+            39: "right",
+            13: "enter",
+            38: "up",
+            40: "down"
+        };
+        function Input(o) {
+            var that = this, onBlur, onFocus, onKeydown, onInput;
+            o = o || {};
+            if (!o.input) {
+                $.error("input is missing");
+            }
+            onBlur = _.bind(this._onBlur, this);
+            onFocus = _.bind(this._onFocus, this);
+            onKeydown = _.bind(this._onKeydown, this);
+            onInput = _.bind(this._onInput, this);
+            this.$hint = $(o.hint);
+            this.$input = $(o.input).on("blur.tt", onBlur).on("focus.tt", onFocus).on("keydown.tt", onKeydown);
+            if (this.$hint.length === 0) {
+                this.setHint = this.getHint = this.clearHint = this.clearHintIfInvalid = _.noop;
+            }
+            if (!_.isMsie()) {
+                this.$input.on("input.tt", onInput);
+            } else {
+                this.$input.on("keydown.tt keypress.tt cut.tt paste.tt", function($e) {
+                    if (specialKeyCodeMap[$e.which || $e.keyCode]) {
+                        return;
+                    }
+                    _.defer(_.bind(that._onInput, that, $e));
+                });
+            }
+            this.query = this.$input.val();
+            this.$overflowHelper = buildOverflowHelper(this.$input);
+        }
+        Input.normalizeQuery = function(str) {
+            return (str || "").replace(/^\s*/g, "").replace(/\s{2,}/g, " ");
+        };
+        _.mixin(Input.prototype, EventEmitter, {
+            _onBlur: function onBlur() {
+                this.resetInputValue();
+                this.trigger("blurred");
+            },
+            _onFocus: function onFocus() {
+                this.trigger("focused");
+            },
+            _onKeydown: function onKeydown($e) {
+                var keyName = specialKeyCodeMap[$e.which || $e.keyCode];
+                this._managePreventDefault(keyName, $e);
+                if (keyName && this._shouldTrigger(keyName, $e)) {
+                    this.trigger(keyName + "Keyed", $e);
+                }
+            },
+            _onInput: function onInput() {
+                this._checkInputValue();
+            },
+            _managePreventDefault: function managePreventDefault(keyName, $e) {
+                var preventDefault, hintValue, inputValue;
+                switch (keyName) {
+                  case "tab":
+                    hintValue = this.getHint();
+                    inputValue = this.getInputValue();
+                    preventDefault = hintValue && hintValue !== inputValue && !withModifier($e);
+                    break;
+
+                  case "up":
+                  case "down":
+                    preventDefault = !withModifier($e);
+                    break;
+
+                  default:
+                    preventDefault = false;
+                }
+                preventDefault && $e.preventDefault();
+            },
+            _shouldTrigger: function shouldTrigger(keyName, $e) {
+                var trigger;
+                switch (keyName) {
+                  case "tab":
+                    trigger = !withModifier($e);
+                    break;
+
+                  default:
+                    trigger = true;
+                }
+                return trigger;
+            },
+            _checkInputValue: function checkInputValue() {
+                var inputValue, areEquivalent, hasDifferentWhitespace;
+                inputValue = this.getInputValue();
+                areEquivalent = areQueriesEquivalent(inputValue, this.query);
+                hasDifferentWhitespace = areEquivalent ? this.query.length !== inputValue.length : false;
+                this.query = inputValue;
+                if (!areEquivalent) {
+                    this.trigger("queryChanged", this.query);
+                } else if (hasDifferentWhitespace) {
+                    this.trigger("whitespaceChanged", this.query);
+                }
+            },
+            focus: function focus() {
+                this.$input.focus();
+            },
+            blur: function blur() {
+                this.$input.blur();
+            },
+            getQuery: function getQuery() {
+                return this.query;
+            },
+            setQuery: function setQuery(query) {
+                this.query = query;
+            },
+            getInputValue: function getInputValue() {
+                return this.$input.val();
+            },
+            setInputValue: function setInputValue(value, silent) {
+                this.$input.val(value);
+                silent ? this.clearHint() : this._checkInputValue();
+            },
+            resetInputValue: function resetInputValue() {
+                this.setInputValue(this.query, true);
+            },
+            getHint: function getHint() {
+                return this.$hint.val();
+            },
+            setHint: function setHint(value) {
+                this.$hint.val(value);
+            },
+            clearHint: function clearHint() {
+                this.setHint("");
+            },
+            clearHintIfInvalid: function clearHintIfInvalid() {
+                var val, hint, valIsPrefixOfHint, isValid;
+                val = this.getInputValue();
+                hint = this.getHint();
+                valIsPrefixOfHint = val !== hint && hint.indexOf(val) === 0;
+                isValid = val !== "" && valIsPrefixOfHint && !this.hasOverflow();
+                !isValid && this.clearHint();
+            },
+            getLanguageDirection: function getLanguageDirection() {
+                return (this.$input.css("direction") || "ltr").toLowerCase();
+            },
+            hasOverflow: function hasOverflow() {
+                var constraint = this.$input.width() - 2;
+                this.$overflowHelper.text(this.getInputValue());
+                return this.$overflowHelper.width() >= constraint;
+            },
+            isCursorAtEnd: function() {
+                var valueLength, selectionStart, range;
+                valueLength = this.$input.val().length;
+                selectionStart = this.$input[0].selectionStart;
+                if (_.isNumber(selectionStart)) {
+                    return selectionStart === valueLength;
+                } else if (document.selection) {
+                    range = document.selection.createRange();
+                    range.moveStart("character", -valueLength);
+                    return valueLength === range.text.length;
+                }
+                return true;
+            },
+            destroy: function destroy() {
+                this.$hint.off(".tt");
+                this.$input.off(".tt");
+                this.$hint = this.$input = this.$overflowHelper = null;
+            }
+        });
+        return Input;
+        function buildOverflowHelper($input) {
+            return $('<pre aria-hidden="true"></pre>').css({
+                position: "absolute",
+                visibility: "hidden",
+                whiteSpace: "pre",
+                fontFamily: $input.css("font-family"),
+                fontSize: $input.css("font-size"),
+                fontStyle: $input.css("font-style"),
+                fontVariant: $input.css("font-variant"),
+                fontWeight: $input.css("font-weight"),
+                wordSpacing: $input.css("word-spacing"),
+                letterSpacing: $input.css("letter-spacing"),
+                textIndent: $input.css("text-indent"),
+                textRendering: $input.css("text-rendering"),
+                textTransform: $input.css("text-transform")
+            }).insertAfter($input);
+        }
+        function areQueriesEquivalent(a, b) {
+            return Input.normalizeQuery(a) === Input.normalizeQuery(b);
+        }
+        function withModifier($e) {
+            return $e.altKey || $e.ctrlKey || $e.metaKey || $e.shiftKey;
+        }
+    }();
+    var Dataset = function() {
+        "use strict";
+        var datasetKey = "ttDataset", valueKey = "ttValue", datumKey = "ttDatum";
+        function Dataset(o) {
+            o = o || {};
+            o.templates = o.templates || {};
+            if (!o.source) {
+                $.error("missing source");
+            }
+            if (o.name && !isValidName(o.name)) {
+                $.error("invalid dataset name: " + o.name);
+            }
+            this.query = null;
+            this.highlight = !!o.highlight;
+            this.name = o.name || _.getUniqueId();
+            this.source = o.source;
+            this.displayFn = getDisplayFn(o.display || o.displayKey);
+            this.templates = getTemplates(o.templates, this.displayFn);
+            this.$el = $(html.dataset.replace("%CLASS%", this.name));
+        }
+        Dataset.extractDatasetName = function extractDatasetName(el) {
+            return $(el).data(datasetKey);
+        };
+        Dataset.extractValue = function extractDatum(el) {
+            return $(el).data(valueKey);
+        };
+        Dataset.extractDatum = function extractDatum(el) {
+            return $(el).data(datumKey);
+        };
+        _.mixin(Dataset.prototype, EventEmitter, {
+            _render: function render(query, suggestions) {
+                if (!this.$el) {
+                    return;
+                }
+                var that = this, hasSuggestions;
+                this.$el.empty();
+                hasSuggestions = suggestions && suggestions.length;
+                if (!hasSuggestions && this.templates.empty) {
+                    this.$el.html(getEmptyHtml()).prepend(that.templates.header ? getHeaderHtml() : null).append(that.templates.footer ? getFooterHtml() : null);
+                } else if (hasSuggestions) {
+                    this.$el.html(getSuggestionsHtml()).prepend(that.templates.header ? getHeaderHtml() : null).append(that.templates.footer ? getFooterHtml() : null);
+                }
+                this.trigger("rendered");
+                function getEmptyHtml() {
+                    return that.templates.empty({
+                        query: query,
+                        isEmpty: true
+                    });
+                }
+                function getSuggestionsHtml() {
+                    var $suggestions, nodes;
+                    $suggestions = $(html.suggestions).css(css.suggestions);
+                    nodes = _.map(suggestions, getSuggestionNode);
+                    $suggestions.append.apply($suggestions, nodes);
+                    that.highlight && highlight({
+                        className: "tt-highlight",
+                        node: $suggestions[0],
+                        pattern: query
+                    });
+                    return $suggestions;
+                    function getSuggestionNode(suggestion) {
+                        var $el;
+                        $el = $(html.suggestion).append(that.templates.suggestion(suggestion)).data(datasetKey, that.name).data(valueKey, that.displayFn(suggestion)).data(datumKey, suggestion);
+                        $el.children().each(function() {
+                            $(this).css(css.suggestionChild);
+                        });
+                        return $el;
+                    }
+                }
+                function getHeaderHtml() {
+                    return that.templates.header({
+                        query: query,
+                        isEmpty: !hasSuggestions
+                    });
+                }
+                function getFooterHtml() {
+                    return that.templates.footer({
+                        query: query,
+                        isEmpty: !hasSuggestions
+                    });
+                }
+            },
+            getRoot: function getRoot() {
+                return this.$el;
+            },
+            update: function update(query) {
+                var that = this;
+                this.query = query;
+                this.canceled = false;
+                this.source(query, render);
+                function render(suggestions) {
+                    if (!that.canceled && query === that.query) {
+                        that._render(query, suggestions);
+                    }
+                }
+            },
+            cancel: function cancel() {
+                this.canceled = true;
+            },
+            clear: function clear() {
+                this.cancel();
+                this.$el.empty();
+                this.trigger("rendered");
+            },
+            isEmpty: function isEmpty() {
+                return this.$el.is(":empty");
+            },
+            destroy: function destroy() {
+                this.$el = null;
+            }
+        });
+        return Dataset;
+        function getDisplayFn(display) {
+            display = display || "value";
+            return _.isFunction(display) ? display : displayFn;
+            function displayFn(obj) {
+                return obj[display];
+            }
+        }
+        function getTemplates(templates, displayFn) {
+            return {
+                empty: templates.empty && _.templatify(templates.empty),
+                header: templates.header && _.templatify(templates.header),
+                footer: templates.footer && _.templatify(templates.footer),
+                suggestion: templates.suggestion || suggestionTemplate
+            };
+            function suggestionTemplate(context) {
+                return "<p>" + displayFn(context) + "</p>";
+            }
+        }
+        function isValidName(str) {
+            return /^[_a-zA-Z0-9-]+$/.test(str);
+        }
+    }();
+    var Dropdown = function() {
+        "use strict";
+        function Dropdown(o) {
+            var that = this, onSuggestionClick, onSuggestionMouseEnter, onSuggestionMouseLeave;
+            o = o || {};
+            if (!o.menu) {
+                $.error("menu is required");
+            }
+            this.isOpen = false;
+            this.isEmpty = true;
+            this.datasets = _.map(o.datasets, initializeDataset);
+            onSuggestionClick = _.bind(this._onSuggestionClick, this);
+            onSuggestionMouseEnter = _.bind(this._onSuggestionMouseEnter, this);
+            onSuggestionMouseLeave = _.bind(this._onSuggestionMouseLeave, this);
+            this.$menu = $(o.menu).on("click.tt", ".tt-suggestion", onSuggestionClick).on("mouseenter.tt", ".tt-suggestion", onSuggestionMouseEnter).on("mouseleave.tt", ".tt-suggestion", onSuggestionMouseLeave);
+            _.each(this.datasets, function(dataset) {
+                that.$menu.append(dataset.getRoot());
+                dataset.onSync("rendered", that._onRendered, that);
+            });
+        }
+        _.mixin(Dropdown.prototype, EventEmitter, {
+            _onSuggestionClick: function onSuggestionClick($e) {
+                this.trigger("suggestionClicked", $($e.currentTarget));
+            },
+            _onSuggestionMouseEnter: function onSuggestionMouseEnter($e) {
+                this._removeCursor();
+                this._setCursor($($e.currentTarget), true);
+            },
+            _onSuggestionMouseLeave: function onSuggestionMouseLeave() {
+                this._removeCursor();
+            },
+            _onRendered: function onRendered() {
+                this.isEmpty = _.every(this.datasets, isDatasetEmpty);
+                this.isEmpty ? this._hide() : this.isOpen && this._show();
+                this.trigger("datasetRendered");
+                function isDatasetEmpty(dataset) {
+                    return dataset.isEmpty();
+                }
+            },
+            _hide: function() {
+                this.$menu.hide();
+            },
+            _show: function() {
+                this.$menu.css("display", "block");
+            },
+            _getSuggestions: function getSuggestions() {
+                return this.$menu.find(".tt-suggestion");
+            },
+            _getCursor: function getCursor() {
+                return this.$menu.find(".tt-cursor").first();
+            },
+            _setCursor: function setCursor($el, silent) {
+                $el.first().addClass("tt-cursor");
+                !silent && this.trigger("cursorMoved");
+            },
+            _removeCursor: function removeCursor() {
+                this._getCursor().removeClass("tt-cursor");
+            },
+            _moveCursor: function moveCursor(increment) {
+                var $suggestions, $oldCursor, newCursorIndex, $newCursor;
+                if (!this.isOpen) {
+                    return;
+                }
+                $oldCursor = this._getCursor();
+                $suggestions = this._getSuggestions();
+                this._removeCursor();
+                newCursorIndex = $suggestions.index($oldCursor) + increment;
+                newCursorIndex = (newCursorIndex + 1) % ($suggestions.length + 1) - 1;
+                if (newCursorIndex === -1) {
+                    this.trigger("cursorRemoved");
+                    return;
+                } else if (newCursorIndex < -1) {
+                    newCursorIndex = $suggestions.length - 1;
+                }
+                this._setCursor($newCursor = $suggestions.eq(newCursorIndex));
+                this._ensureVisible($newCursor);
+            },
+            _ensureVisible: function ensureVisible($el) {
+                var elTop, elBottom, menuScrollTop, menuHeight;
+                elTop = $el.position().top;
+                elBottom = elTop + $el.outerHeight(true);
+                menuScrollTop = this.$menu.scrollTop();
+                menuHeight = this.$menu.height() + parseInt(this.$menu.css("paddingTop"), 10) + parseInt(this.$menu.css("paddingBottom"), 10);
+                if (elTop < 0) {
+                    this.$menu.scrollTop(menuScrollTop + elTop);
+                } else if (menuHeight < elBottom) {
+                    this.$menu.scrollTop(menuScrollTop + (elBottom - menuHeight));
+                }
+            },
+            close: function close() {
+                if (this.isOpen) {
+                    this.isOpen = false;
+                    this._removeCursor();
+                    this._hide();
+                    this.trigger("closed");
+                }
+            },
+            open: function open() {
+                if (!this.isOpen) {
+                    this.isOpen = true;
+                    !this.isEmpty && this._show();
+                    this.trigger("opened");
+                }
+            },
+            setLanguageDirection: function setLanguageDirection(dir) {
+                this.$menu.css(dir === "ltr" ? css.ltr : css.rtl);
+            },
+            moveCursorUp: function moveCursorUp() {
+                this._moveCursor(-1);
+            },
+            moveCursorDown: function moveCursorDown() {
+                this._moveCursor(+1);
+            },
+            getDatumForSuggestion: function getDatumForSuggestion($el) {
+                var datum = null;
+                if ($el.length) {
+                    datum = {
+                        raw: Dataset.extractDatum($el),
+                        value: Dataset.extractValue($el),
+                        datasetName: Dataset.extractDatasetName($el)
+                    };
+                }
+                return datum;
+            },
+            getDatumForCursor: function getDatumForCursor() {
+                return this.getDatumForSuggestion(this._getCursor().first());
+            },
+            getDatumForTopSuggestion: function getDatumForTopSuggestion() {
+                return this.getDatumForSuggestion(this._getSuggestions().first());
+            },
+            update: function update(query) {
+                _.each(this.datasets, updateDataset);
+                function updateDataset(dataset) {
+                    dataset.update(query);
+                }
+            },
+            empty: function empty() {
+                _.each(this.datasets, clearDataset);
+                this.isEmpty = true;
+                function clearDataset(dataset) {
+                    dataset.clear();
+                }
+            },
+            isVisible: function isVisible() {
+                return this.isOpen && !this.isEmpty;
+            },
+            destroy: function destroy() {
+                this.$menu.off(".tt");
+                this.$menu = null;
+                _.each(this.datasets, destroyDataset);
+                function destroyDataset(dataset) {
+                    dataset.destroy();
+                }
+            }
+        });
+        return Dropdown;
+        function initializeDataset(oDataset) {
+            return new Dataset(oDataset);
+        }
+    }();
+    var Typeahead = function() {
+        "use strict";
+        var attrsKey = "ttAttrs";
+        function Typeahead(o) {
+            var $menu, $input, $hint;
+            o = o || {};
+            if (!o.input) {
+                $.error("missing input");
+            }
+            this.isActivated = false;
+            this.autoselect = !!o.autoselect;
+            this.minLength = _.isNumber(o.minLength) ? o.minLength : 1;
+            this.$node = buildDom(o.input, o.withHint);
+            $menu = this.$node.find(".tt-dropdown-menu");
+            $input = this.$node.find(".tt-input");
+            $hint = this.$node.find(".tt-hint");
+            $input.on("blur.tt", function($e) {
+                var active, isActive, hasActive;
+                active = document.activeElement;
+                isActive = $menu.is(active);
+                hasActive = $menu.has(active).length > 0;
+                if (_.isMsie() && (isActive || hasActive)) {
+                    $e.preventDefault();
+                    $e.stopImmediatePropagation();
+                    _.defer(function() {
+                        $input.focus();
+                    });
+                }
+            });
+            $menu.on("mousedown.tt", function($e) {
+                $e.preventDefault();
+            });
+            this.eventBus = o.eventBus || new EventBus({
+                el: $input
+            });
+            this.dropdown = new Dropdown({
+                menu: $menu,
+                datasets: o.datasets
+            }).onSync("suggestionClicked", this._onSuggestionClicked, this).onSync("cursorMoved", this._onCursorMoved, this).onSync("cursorRemoved", this._onCursorRemoved, this).onSync("opened", this._onOpened, this).onSync("closed", this._onClosed, this).onAsync("datasetRendered", this._onDatasetRendered, this);
+            this.input = new Input({
+                input: $input,
+                hint: $hint
+            }).onSync("focused", this._onFocused, this).onSync("blurred", this._onBlurred, this).onSync("enterKeyed", this._onEnterKeyed, this).onSync("tabKeyed", this._onTabKeyed, this).onSync("escKeyed", this._onEscKeyed, this).onSync("upKeyed", this._onUpKeyed, this).onSync("downKeyed", this._onDownKeyed, this).onSync("leftKeyed", this._onLeftKeyed, this).onSync("rightKeyed", this._onRightKeyed, this).onSync("queryChanged", this._onQueryChanged, this).onSync("whitespaceChanged", this._onWhitespaceChanged, this);
+            this._setLanguageDirection();
+        }
+        _.mixin(Typeahead.prototype, {
+            _onSuggestionClicked: function onSuggestionClicked(type, $el) {
+                var datum;
+                if (datum = this.dropdown.getDatumForSuggestion($el)) {
+                    this._select(datum);
+                }
+            },
+            _onCursorMoved: function onCursorMoved() {
+                var datum = this.dropdown.getDatumForCursor();
+                this.input.setInputValue(datum.value, true);
+                this.eventBus.trigger("cursorchanged", datum.raw, datum.datasetName);
+            },
+            _onCursorRemoved: function onCursorRemoved() {
+                this.input.resetInputValue();
+                this._updateHint();
+            },
+            _onDatasetRendered: function onDatasetRendered() {
+                this._updateHint();
+            },
+            _onOpened: function onOpened() {
+                this._updateHint();
+                this.eventBus.trigger("opened");
+            },
+            _onClosed: function onClosed() {
+                this.input.clearHint();
+                this.eventBus.trigger("closed");
+            },
+            _onFocused: function onFocused() {
+                this.isActivated = true;
+                this.dropdown.open();
+            },
+            _onBlurred: function onBlurred() {
+                this.isActivated = false;
+                this.dropdown.empty();
+                this.dropdown.close();
+            },
+            _onEnterKeyed: function onEnterKeyed(type, $e) {
+                var cursorDatum, topSuggestionDatum;
+                cursorDatum = this.dropdown.getDatumForCursor();
+                topSuggestionDatum = this.dropdown.getDatumForTopSuggestion();
+                if (cursorDatum) {
+                    this._select(cursorDatum);
+                    $e.preventDefault();
+                } else if (this.autoselect && topSuggestionDatum) {
+                    this._select(topSuggestionDatum);
+                    $e.preventDefault();
+                }
+            },
+            _onTabKeyed: function onTabKeyed(type, $e) {
+                var datum;
+                if (datum = this.dropdown.getDatumForCursor()) {
+                    this._select(datum);
+                    $e.preventDefault();
+                } else {
+                    this._autocomplete(true);
+                }
+            },
+            _onEscKeyed: function onEscKeyed() {
+                this.dropdown.close();
+                this.input.resetInputValue();
+            },
+            _onUpKeyed: function onUpKeyed() {
+                var query = this.input.getQuery();
+                this.dropdown.isEmpty && query.length >= this.minLength ? this.dropdown.update(query) : this.dropdown.moveCursorUp();
+                this.dropdown.open();
+            },
+            _onDownKeyed: function onDownKeyed() {
+                var query = this.input.getQuery();
+                this.dropdown.isEmpty && query.length >= this.minLength ? this.dropdown.update(query) : this.dropdown.moveCursorDown();
+                this.dropdown.open();
+            },
+            _onLeftKeyed: function onLeftKeyed() {
+                this.dir === "rtl" && this._autocomplete();
+            },
+            _onRightKeyed: function onRightKeyed() {
+                this.dir === "ltr" && this._autocomplete();
+            },
+            _onQueryChanged: function onQueryChanged(e, query) {
+                this.input.clearHintIfInvalid();
+                query.length >= this.minLength ? this.dropdown.update(query) : this.dropdown.empty();
+                this.dropdown.open();
+                this._setLanguageDirection();
+            },
+            _onWhitespaceChanged: function onWhitespaceChanged() {
+                this._updateHint();
+                this.dropdown.open();
+            },
+            _setLanguageDirection: function setLanguageDirection() {
+                var dir;
+                if (this.dir !== (dir = this.input.getLanguageDirection())) {
+                    this.dir = dir;
+                    this.$node.css("direction", dir);
+                    this.dropdown.setLanguageDirection(dir);
+                }
+            },
+            _updateHint: function updateHint() {
+                var datum, val, query, escapedQuery, frontMatchRegEx, match;
+                datum = this.dropdown.getDatumForTopSuggestion();
+                if (datum && this.dropdown.isVisible() && !this.input.hasOverflow()) {
+                    val = this.input.getInputValue();
+                    query = Input.normalizeQuery(val);
+                    escapedQuery = _.escapeRegExChars(query);
+                    frontMatchRegEx = new RegExp("^(?:" + escapedQuery + ")(.+$)", "i");
+                    match = frontMatchRegEx.exec(datum.value);
+                    match ? this.input.setHint(val + match[1]) : this.input.clearHint();
+                } else {
+                    this.input.clearHint();
+                }
+            },
+            _autocomplete: function autocomplete(laxCursor) {
+                var hint, query, isCursorAtEnd, datum;
+                hint = this.input.getHint();
+                query = this.input.getQuery();
+                isCursorAtEnd = laxCursor || this.input.isCursorAtEnd();
+                if (hint && query !== hint && isCursorAtEnd) {
+                    datum = this.dropdown.getDatumForTopSuggestion();
+                    datum && this.input.setInputValue(datum.value);
+                    this.eventBus.trigger("autocompleted", datum.raw, datum.datasetName);
+                }
+            },
+            _select: function select(datum) {
+                this.input.setQuery(datum.value);
+                this.input.setInputValue(datum.value, true);
+                this._setLanguageDirection();
+                this.eventBus.trigger("selected", datum.raw, datum.datasetName);
+                this.dropdown.close();
+                _.defer(_.bind(this.dropdown.empty, this.dropdown));
+            },
+            open: function open() {
+                this.dropdown.open();
+            },
+            close: function close() {
+                this.dropdown.close();
+            },
+            setVal: function setVal(val) {
+                val = _.toStr(val);
+                if (this.isActivated) {
+                    this.input.setInputValue(val);
+                } else {
+                    this.input.setQuery(val);
+                    this.input.setInputValue(val, true);
+                }
+                this._setLanguageDirection();
+            },
+            getVal: function getVal() {
+                return this.input.getQuery();
+            },
+            destroy: function destroy() {
+                this.input.destroy();
+                this.dropdown.destroy();
+                destroyDomStructure(this.$node);
+                this.$node = null;
+            }
+        });
+        return Typeahead;
+        function buildDom(input, withHint) {
+            var $input, $wrapper, $dropdown, $hint;
+            $input = $(input);
+            $wrapper = $(html.wrapper).css(css.wrapper);
+            $dropdown = $(html.dropdown).css(css.dropdown);
+            $hint = $input.clone().css(css.hint).css(getBackgroundStyles($input));
+            $hint.val("").removeData().addClass("tt-hint").removeAttr("id name placeholder required").prop("readonly", true).attr({
+                autocomplete: "off",
+                spellcheck: "false",
+                tabindex: -1
+            });
+            $input.data(attrsKey, {
+                dir: $input.attr("dir"),
+                autocomplete: $input.attr("autocomplete"),
+                spellcheck: $input.attr("spellcheck"),
+                style: $input.attr("style")
+            });
+            $input.addClass("tt-input").attr({
+                autocomplete: "off",
+                spellcheck: false
+            }).css(withHint ? css.input : css.inputWithNoHint);
+            try {
+                !$input.attr("dir") && $input.attr("dir", "auto");
+            } catch (e) {}
+            return $input.wrap($wrapper).parent().prepend(withHint ? $hint : null).append($dropdown);
+        }
+        function getBackgroundStyles($el) {
+            return {
+                backgroundAttachment: $el.css("background-attachment"),
+                backgroundClip: $el.css("background-clip"),
+                backgroundColor: $el.css("background-color"),
+                backgroundImage: $el.css("background-image"),
+                backgroundOrigin: $el.css("background-origin"),
+                backgroundPosition: $el.css("background-position"),
+                backgroundRepeat: $el.css("background-repeat"),
+                backgroundSize: $el.css("background-size")
+            };
+        }
+        function destroyDomStructure($node) {
+            var $input = $node.find(".tt-input");
+            _.each($input.data(attrsKey), function(val, key) {
+                _.isUndefined(val) ? $input.removeAttr(key) : $input.attr(key, val);
+            });
+            $input.detach().removeData(attrsKey).removeClass("tt-input").insertAfter($node);
+            $node.remove();
+        }
+    }();
+    (function() {
+        "use strict";
+        var old, typeaheadKey, methods;
+        old = $.fn.typeahead;
+        typeaheadKey = "ttTypeahead";
+        methods = {
+            initialize: function initialize(o, datasets) {
+                datasets = _.isArray(datasets) ? datasets : [].slice.call(arguments, 1);
+                o = o || {};
+                return this.each(attach);
+                function attach() {
+                    var $input = $(this), eventBus, typeahead;
+                    _.each(datasets, function(d) {
+                        d.highlight = !!o.highlight;
+                    });
+                    typeahead = new Typeahead({
+                        input: $input,
+                        eventBus: eventBus = new EventBus({
+                            el: $input
+                        }),
+                        withHint: _.isUndefined(o.hint) ? true : !!o.hint,
+                        minLength: o.minLength,
+                        autoselect: o.autoselect,
+                        datasets: datasets
+                    });
+                    $input.data(typeaheadKey, typeahead);
+                }
+            },
+            open: function open() {
+                return this.each(openTypeahead);
+                function openTypeahead() {
+                    var $input = $(this), typeahead;
+                    if (typeahead = $input.data(typeaheadKey)) {
+                        typeahead.open();
+                    }
+                }
+            },
+            close: function close() {
+                return this.each(closeTypeahead);
+                function closeTypeahead() {
+                    var $input = $(this), typeahead;
+                    if (typeahead = $input.data(typeaheadKey)) {
+                        typeahead.close();
+                    }
+                }
+            },
+            val: function val(newVal) {
+                return !arguments.length ? getVal(this.first()) : this.each(setVal);
+                function setVal() {
+                    var $input = $(this), typeahead;
+                    if (typeahead = $input.data(typeaheadKey)) {
+                        typeahead.setVal(newVal);
+                    }
+                }
+                function getVal($input) {
+                    var typeahead, query;
+                    if (typeahead = $input.data(typeaheadKey)) {
+                        query = typeahead.getVal();
+                    }
+                    return query;
+                }
+            },
+            destroy: function destroy() {
+                return this.each(unattach);
+                function unattach() {
+                    var $input = $(this), typeahead;
+                    if (typeahead = $input.data(typeaheadKey)) {
+                        typeahead.destroy();
+                        $input.removeData(typeaheadKey);
+                    }
+                }
+            }
+        };
+        $.fn.typeahead = function(method) {
+            var tts;
+            if (methods[method] && method !== "initialize") {
+                tts = this.filter(function() {
+                    return !!$(this).data(typeaheadKey);
+                });
+                return methods[method].apply(tts, [].slice.call(arguments, 1));
+            } else {
+                return methods.initialize.apply(this, arguments);
+            }
+        };
+        $.fn.typeahead.noConflict = function noConflict() {
+            $.fn.typeahead = old;
+            return this;
+        };
+    })();
+})(window.jQuery);
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/x-editable/ace-editable.js b/web/bootstrap-ace-admin/js/x-editable/ace-editable.js
new file mode 100755
index 00000000..fcba1cf0
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/x-editable/ace-editable.js
@@ -0,0 +1,496 @@
+/**
+Image editable input.
+**/
+(function ($) {
+    "use strict";
+    
+    var Image = function (options) {
+        this.init('image', options, Image.defaults);
+
+		if('on_error' in options.image) {
+			this.on_error = options.image['on_error'];
+			delete options.image['on_error']
+		}
+		if('on_success' in options.image) {
+			this.on_success = options.image['on_success'];
+			delete options.image['on_success']
+		}
+		if('max_size' in options.image) {
+			this.max_size = options.image['max_size'];
+			delete options.image['max_size']
+		}
+
+		this.initImage(options, Image.defaults);
+    };
+
+    //inherit from Abstract input
+    $.fn.editableutils.inherit(Image, $.fn.editabletypes.abstractinput);
+
+    $.extend(Image.prototype, {
+		initImage: function(options, defaults) {
+          this.options.image = $.extend({}, defaults.image, options.image);
+		  this.name = this.options.image.name || 'editable-image-input';
+        },
+
+        /**
+        Renders input from tpl
+
+        @method render() 
+        **/        
+        render: function() {
+			var self = this;
+			this.$input = this.$tpl.find('input[type=hidden]:eq(0)');
+			this.$file = this.$tpl.find('input[type=file]:eq(0)');
+
+			this.$file.attr({'name':this.name});
+			this.$input.attr({'name':this.name+'-hidden'});
+			
+			
+			this.options.image.allowExt = this.options.image.allowExt || ['jpg', 'jpeg', 'png', 'gif'];
+			this.options.image.allowMime = this.options.image.allowMime || ['image/jpg', 'image/jpeg', 'image/png', 'image/gif'];
+			this.options.image.maxSize = self.max_size || this.options.image.maxSize || false;
+			
+			this.options.image.before_remove = this.options.image.before_remove || function() {
+				self.$input.val(null);
+				return true;
+			}
+
+			this.$file.ace_file_input(this.options.image).on('change', function(){
+				var $rand = (self.$file.val() || self.$file.data('ace_input_files')) ? Math.random() + "" + (new Date()).getTime() : null;
+				self.$input.val($rand)//set a random value, so that selected file is uploaded each time, even if it's the same file, because inline editable plugin does not update if the value is not changed!
+			}).closest('.ace-file-input').css({'width':'150px'}).closest('.editable-input').addClass('editable-image');
+			
+			this.$file
+			.off('file.error.ace')
+			.on('file.error.ace', function(e, info) {
+				if( !self.on_error ) return;
+				if( info.error_count['ext'] > 0 || info.error_count['mime'] > 0 ) {
+					//wrong ext or mime?
+					self.on_error(1);
+				}
+				else if( info.error_count['size'] > 0 ) {
+					//wrong size
+					self.on_error(2);
+				}
+			});
+		}
+
+    });
+
+	
+    Image.defaults = $.extend({}, $.fn.editabletypes.abstractinput.defaults, {
+        tpl: '<span><input type="hidden" /></span><span><input type="file" /></span>',
+        inputclass: '',
+		image:
+		{
+			style: 'well',
+			btn_choose: 'Change Image',
+			btn_change: null,
+			no_icon: 'fa fa-picture-o',
+			thumbnail: 'large'
+		}
+    });
+
+    $.fn.editabletypes.image = Image;
+
+}(window.jQuery));
+
+
+
+
+
+
+
+
+
+
+//Wysiwyg
+(function ($) {
+    "use strict";
+    
+    var Wysiwyg = function (options) {
+        this.init('wysiwyg', options, Wysiwyg.defaults);
+        
+        //extend wysiwyg manually as $.extend not recursive 
+        this.options.wysiwyg = $.extend({}, Wysiwyg.defaults.wysiwyg, options.wysiwyg);
+    };
+
+    $.fn.editableutils.inherit(Wysiwyg, $.fn.editabletypes.abstractinput);
+
+    $.extend(Wysiwyg.prototype, {
+        render: function () {
+			this.$editor = this.$input.nextAll('.wysiwyg-editor:eq(0)');
+			
+			this.$tpl.parent().find('.wysiwyg-editor').show().ace_wysiwyg(
+			 {
+				toolbar:
+				[
+				'bold',
+				'italic',
+				'strikethrough',
+				'underline',
+				null,
+				'foreColor',
+				null,
+				'insertImage'
+				]
+			  }
+			)
+			.prev().addClass('wysiwyg-style2')
+			.closest('.editable-input').addClass('editable-wysiwyg')
+			.closest('.editable-container').css({'display':'block'});//if display is inline-block, putting large images inside the editor will expand it out of bounding box!
+
+			if(this.options.wysiwyg && this.options.wysiwyg.css) 
+				this.$tpl.closest('.editable-wysiwyg').css(this.options.wysiwyg.css);
+        },
+
+
+        value2html: function(value, element) {
+            $(element).html(value);
+			return false;
+        },
+
+        html2value: function(html) {
+			return html;
+        },
+
+        value2input: function(value) {
+			this.$editor.html(value);
+        },
+		input2value: function() { 
+			return this.$editor.html();
+        },
+
+        activate: function() {
+           //this.$editor.focus().get(0).setSelectionRange(200,200);
+        }
+    });
+	
+
+
+    Wysiwyg.defaults = $.extend({}, $.fn.editabletypes.abstractinput.defaults, {
+		tpl: '<input type="hidden" /><div class="wysiwyg-editor"></div>',
+        inputclass: 'editable-wysiwyg',
+        wysiwyg: {
+            
+        }
+    });
+
+    $.fn.editabletypes.wysiwyg = Wysiwyg;
+
+}(window.jQuery));
+
+
+
+
+
+
+
+
+/**
+Spinner editable input.
+**/
+(function ($) {
+    "use strict";
+    
+    var Spinner = function (options) {
+        this.init('spinner', options, Spinner.defaults);
+		this.initSpinner(options, Spinner.defaults);
+		
+		this.nativeUI = false;
+		try {
+			var tmp_inp = document.createElement('INPUT');
+			tmp_inp.type = 'number';
+			this.nativeUI = tmp_inp.type === 'number' && this.options.spinner.nativeUI === true
+		} catch(e) {}
+    };
+
+    //inherit from Abstract input
+    $.fn.editableutils.inherit(Spinner, $.fn.editabletypes.abstractinput);
+
+    $.extend(Spinner.prototype, {
+		initSpinner: function(options, defaults) {
+            this.options.spinner = $.extend({}, defaults.spinner, options.spinner);
+        },
+
+        /**
+        Renders input from tpl
+
+        @method render() 
+        **/        
+        render: function() {
+		},
+       
+        /**
+        Activates input: sets focus on the first field.
+        
+        @method activate() 
+       **/        
+       activate: function() {
+            if(this.$input.is(':visible')) {
+				this.$input.focus();
+				$.fn.editableutils.setCursorPosition(this.$input.get(0), this.$input.val().length);
+				
+				if(!this.nativeUI) {
+					var val = parseInt(this.$input.val());
+					var options = $.extend({value:val}, this.options.spinner);
+					this.$input.ace_spinner(options);
+				}
+				else {
+					this.$input.get(0).type = 'number';
+					var options = ['min', 'max', 'step']
+					for(var o = 0 ; o < options.length; o++) {
+						if(options[o] in this.options.spinner)
+							this.$input.attr(options[o] , this.options.spinner[options[o]])
+					}
+				}
+            }
+       },
+       
+       /**
+        Attaches handler to submit form in case of 'showbuttons=false' mode
+        
+        @method autosubmit() 
+       **/       
+       autosubmit: function() {
+           this.$input.keydown(function (e) {
+                if (e.which === 13) {
+                    $(this).closest('form').submit();
+                }
+           });
+       }       
+    });
+
+    Spinner.defaults = $.extend({}, $.fn.editabletypes.abstractinput.defaults, {
+        tpl: '<input type="text" />',
+        inputclass: '',
+		spinner:{
+			min:0,
+			max:100,
+			step:1,
+			icon_up:'fa fa-plus',
+			icon_down:'fa fa-minus',
+			btn_up_class:'btn-success',
+			btn_down_class:'btn-danger'
+        }
+    });
+
+    $.fn.editabletypes.spinner = Spinner;
+
+}(window.jQuery));
+
+
+
+
+
+
+
+
+/**
+Slider editable input.
+**/
+(function ($) {
+    "use strict";
+    
+    var Slider = function (options) {
+        this.init('slider', options, Slider.defaults);
+		this.initSlider(options, Slider.defaults);
+		
+		this.nativeUI = false;
+		try {
+			var tmp_inp = document.createElement('INPUT');
+			tmp_inp.type = 'range';
+			this.nativeUI = tmp_inp.type === 'range' && this.options.slider.nativeUI === true
+		} catch(e) {}
+    };
+
+    //inherit from Abstract input
+    $.fn.editableutils.inherit(Slider, $.fn.editabletypes.abstractinput);
+
+    $.extend(Slider.prototype, {
+		initSlider: function(options, defaults) {
+            this.options.slider = $.extend({}, defaults.slider, options.slider);
+        },
+
+        /**
+        Renders input from tpl
+
+        @method render() 
+        **/        
+        render: function() {
+		},
+        /**
+        Activates input: sets focus on the first field.
+        
+        @method activate() 
+       **/
+       activate: function() {
+            if(this.$input.is(':visible')) {
+				this.$input.focus();
+				$.fn.editableutils.setCursorPosition(this.$input.get(0), this.$input.val().length);
+
+				if(!this.nativeUI) {
+					var self = this;
+					var val = parseInt(this.$input.val());
+					var width = this.options.slider.width || 200;
+					var options = $.extend(this.options.slider , {
+						value:val,
+						slide: function( event, ui ) {
+							var val = parseInt(ui.value);
+							self.$input.val(val);
+							
+							if(ui.handle.firstChild == null) {//no tooltips attached to it
+								$(ui.handle).prepend("<div class='tooltip top in' style='display:none; top:-38px; left:-5px;'><div class='tooltip-arrow'></div><div class='tooltip-inner'></div></div>");
+							}
+							$(ui.handle.firstChild).show().children().eq(1).text(val);
+						}
+					});
+					this.$input.parent().addClass('editable-slider').css('width', width+'px').slider(options);
+				}
+				else {
+					this.$input.get(0).type = 'range';
+					var options = ['min', 'max', 'step']
+					for(var o = 0 ; o < options.length; o++) {
+						if(options[o] in this.options.slider) {							
+							this.$input[0][options[o]] = this.options.slider[options[o]]
+						}
+					}
+					var width = this.options.slider.width || 200;
+					this.$input.parent().addClass('editable-slider').css('width', width+'px');
+				}
+				
+            }
+       },
+	   
+	   value2html: function(value, element) {
+       },
+
+       /**
+        Attaches handler to submit form in case of 'showbuttons=false' mode
+        
+        @method autosubmit() 
+       **/       
+       autosubmit: function() {
+           this.$input.keydown(function (e) {
+                if (e.which === 13) {
+                    $(this).closest('form').submit();
+                }
+           });
+       }       
+    });
+
+    Slider.defaults = $.extend({}, $.fn.editabletypes.abstractinput.defaults, {
+        tpl: '<input type="text" /><span class="inline ui-slider-green"><span class="slider-display"></span></span>',
+        inputclass: '',
+		slider:{
+			min:1,
+			max:100,
+			step:1,
+			range: "min"
+        }
+    });
+
+    $.fn.editabletypes.slider = Slider;
+
+}(window.jQuery));
+
+
+
+
+
+
+
+
+
+/**
+ADate editable input.
+**/
+(function ($) {
+    "use strict";
+	
+	
+
+    
+    var ADate = function (options) {
+        this.init('adate', options, ADate.defaults);
+		this.initDate(options, ADate.defaults);
+
+		this.nativeUI = false;
+		try {
+			var tmp_inp = document.createElement('INPUT');
+			tmp_inp.type = 'date';
+			this.nativeUI = tmp_inp.type === 'date' && this.options.date.nativeUI === true
+		} catch(e) {}
+    };
+
+    //inherit from Abstract input
+    $.fn.editableutils.inherit(ADate, $.fn.editabletypes.abstractinput);
+
+    $.extend(ADate.prototype, {
+		initDate: function(options, defaults) {
+            this.options.date = $.extend({}, defaults.date, options.date);
+        },
+
+        /**
+        Renders input from tpl
+
+        @method render() 
+        **/        
+        render: function() {
+			this.$input = this.$tpl.find('input.date');
+		},
+        /**
+        Activates input: sets focus on the first field.
+        
+        @method activate() 
+       **/
+       activate: function() {
+            if(this.$input.is(':visible')) {
+				this.$input.focus();
+            }
+
+			if(!this.nativeUI) {
+				var inp = this.$input;
+				this.$input.datepicker(this.options.date)
+				var picker = inp.data('datepicker');
+				if(picker) {
+					inp.on('click', function() {
+						picker.show();
+					})
+					.siblings('.input-group-addon').on('click', function(){
+						picker.show();
+					})
+				}
+			}
+			else {
+				this.$input.get(0).type = 'date';
+			}
+
+       },
+
+       /**
+        Attaches handler to submit form in case of 'showbuttons=false' mode
+        
+        @method autosubmit() 
+       **/       
+       autosubmit: function() {
+           this.$input.keydown(function (e) {
+                if (e.which === 13) {
+                    $(this).closest('form').submit();
+                }
+           });
+       }
+    });
+
+    ADate.defaults = $.extend({}, $.fn.editabletypes.abstractinput.defaults, {
+        tpl:'<div class="input-group input-group-compact"><input type="text" class="input-medium date" /><span class="input-group-addon"><i class="fa fa-calendar"></i></span></div>',
+		date: {
+			weekStart: 0,
+            startView: 0,
+            minViewMode: 0
+        }
+    });
+
+    $.fn.editabletypes.adate = ADate;
+
+}(window.jQuery));
\ No newline at end of file
diff --git a/web/bootstrap-ace-admin/js/x-editable/bootstrap-editable.js b/web/bootstrap-ace-admin/js/x-editable/bootstrap-editable.js
new file mode 100755
index 00000000..99ce306f
--- /dev/null
+++ b/web/bootstrap-ace-admin/js/x-editable/bootstrap-editable.js
@@ -0,0 +1,5249 @@
+/*! X-editable - v1.5.1 
+* In-place editing with Twitter Bootstrap, jQuery UI or pure jQuery
+* http://github.com/vitalets/x-editable
+* Copyright (c) 2013 Vitaliy Potapov; Licensed MIT */
+/**
+Form with single input element, two buttons and two states: normal/loading.
+Applied as jQuery method to DIV tag (not to form tag!). This is because form can be in loading state when spinner shown.
+Editableform is linked with one of input types, e.g. 'text', 'select' etc.
+
+@class editableform
+@uses text
+@uses textarea
+**/
+(function ($) {
+    "use strict";
+    
+    var EditableForm = function (div, options) {
+        this.options = $.extend({}, $.fn.editableform.defaults, options);
+        this.$div = $(div); //div, containing form. Not form tag. Not editable-element.
+        if(!this.options.scope) {
+            this.options.scope = this;
+        }
+        //nothing shown after init
+    };
+
+    EditableForm.prototype = {
+        constructor: EditableForm,
+        initInput: function() {  //called once
+            //take input from options (as it is created in editable-element)
+            this.input = this.options.input;
+            
+            //set initial value
+            //todo: may be add check: typeof str === 'string' ? 
+            this.value = this.input.str2value(this.options.value); 
+            
+            //prerender: get input.$input
+            this.input.prerender();
+        },
+        initTemplate: function() {
+            this.$form = $($.fn.editableform.template); 
+        },
+        initButtons: function() {
+            var $btn = this.$form.find('.editable-buttons');
+            $btn.append($.fn.editableform.buttons);
+            if(this.options.showbuttons === 'bottom') {
+                $btn.addClass('editable-buttons-bottom');
+            }
+        },
+        /**
+        Renders editableform
+
+        @method render
+        **/        
+        render: function() {
+            //init loader
+            this.$loading = $($.fn.editableform.loading);        
+            this.$div.empty().append(this.$loading);
+            
+            //init form template and buttons
+            this.initTemplate();
+            if(this.options.showbuttons) {
+                this.initButtons();
+            } else {
+                this.$form.find('.editable-buttons').remove();
+            }
+
+            //show loading state
+            this.showLoading();            
+            
+            //flag showing is form now saving value to server. 
+            //It is needed to wait when closing form.
+            this.isSaving = false;
+            
+            /**        
+            Fired when rendering starts
+            @event rendering 
+            @param {Object} event event object
+            **/            
+            this.$div.triggerHandler('rendering');
+            
+            //init input
+            this.initInput();
+            
+            //append input to form
+            this.$form.find('div.editable-input').append(this.input.$tpl);            
+            
+            //append form to container
+            this.$div.append(this.$form);
+            
+            //render input
+            $.when(this.input.render())
+            .then($.proxy(function () {
+                //setup input to submit automatically when no buttons shown
+                if(!this.options.showbuttons) {
+                    this.input.autosubmit(); 
+                }
+                 
+                //attach 'cancel' handler
+                this.$form.find('.editable-cancel').click($.proxy(this.cancel, this));
+                
+                if(this.input.error) {
+                    this.error(this.input.error);
+                    this.$form.find('.editable-submit').attr('disabled', true);
+                    this.input.$input.attr('disabled', true);
+                    //prevent form from submitting
+                    this.$form.submit(function(e){ e.preventDefault(); });
+                } else {
+                    this.error(false);
+                    this.input.$input.removeAttr('disabled');
+                    this.$form.find('.editable-submit').removeAttr('disabled');
+                    var value = (this.value === null || this.value === undefined || this.value === '') ? this.options.defaultValue : this.value;
+                    this.input.value2input(value);
+                    //attach submit handler
+                    this.$form.submit($.proxy(this.submit, this));
+                }
+
+                /**        
+                Fired when form is rendered
+                @event rendered
+                @param {Object} event event object
+                **/            
+                this.$div.triggerHandler('rendered');                
+
+                this.showForm();
+                
+                //call postrender method to perform actions required visibility of form
+                if(this.input.postrender) {
+                    this.input.postrender();
+                }                
+            }, this));
+        },
+        cancel: function() {   
+            /**        
+            Fired when form was cancelled by user
+            @event cancel 
+            @param {Object} event event object
+            **/              
+            this.$div.triggerHandler('cancel');
+        },
+        showLoading: function() {
+            var w, h;
+            if(this.$form) {
+                //set loading size equal to form
+                w = this.$form.outerWidth();
+                h = this.$form.outerHeight(); 
+                if(w) {
+                    this.$loading.width(w);
+                }
+                if(h) {
+                    this.$loading.height(h);
+                }
+                this.$form.hide();
+            } else {
+                //stretch loading to fill container width
+                w = this.$loading.parent().width();
+                if(w) {
+                    this.$loading.width(w);
+                }
+            }
+            this.$loading.show(); 
+        },
+
+        showForm: function(activate) {
+            this.$loading.hide();
+            this.$form.show();
+            if(activate !== false) {
+                this.input.activate(); 
+            }
+            /**        
+            Fired when form is shown
+            @event show 
+            @param {Object} event event object
+            **/                    
+            this.$div.triggerHandler('show');
+        },
+
+        error: function(msg) {
+            var $group = this.$form.find('.control-group'),
+                $block = this.$form.find('.editable-error-block'),
+                lines;
+
+            if(msg === false) {
+                $group.removeClass($.fn.editableform.errorGroupClass);
+                $block.removeClass($.fn.editableform.errorBlockClass).empty().hide(); 
+            } else {
+                //convert newline to <br> for more pretty error display
+                if(msg) {
+                    lines = (''+msg).split('\n');
+                    for (var i = 0; i < lines.length; i++) {
+                        lines[i] = $('<div>').text(lines[i]).html();
+                    }
+                    msg = lines.join('<br>');
+                }
+                $group.addClass($.fn.editableform.errorGroupClass);
+                $block.addClass($.fn.editableform.errorBlockClass).html(msg).show();
+            }
+        },
+
+        submit: function(e) {
+            e.stopPropagation();
+            e.preventDefault();
+            
+            //get new value from input
+            var newValue = this.input.input2value(); 
+
+            //validation: if validate returns string or truthy value - means error
+            //if returns object like {newValue: '...'} => submitted value is reassigned to it
+            var error = this.validate(newValue);
+            if ($.type(error) === 'object' && error.newValue !== undefined) {
+                newValue = error.newValue;
+                this.input.value2input(newValue);
+                if(typeof error.msg === 'string') {
+                    this.error(error.msg);
+                    this.showForm();
+                    return;
+                }
+            } else if (error) {
+                this.error(error);
+                this.showForm();
+                return;
+            } 
+            
+            //if value not changed --> trigger 'nochange' event and return
+            /*jslint eqeq: true*/
+            if (!this.options.savenochange && this.input.value2str(newValue) == this.input.value2str(this.value)) {
+            /*jslint eqeq: false*/                
+                /**        
+                Fired when value not changed but form is submitted. Requires savenochange = false.
+                @event nochange 
+                @param {Object} event event object
+                **/                    
+                this.$div.triggerHandler('nochange');            
+                return;
+            } 
+
+            //convert value for submitting to server
+            var submitValue = this.input.value2submit(newValue);
+            
+            this.isSaving = true;
+            
+            //sending data to server
+            $.when(this.save(submitValue))
+            .done($.proxy(function(response) {
+                this.isSaving = false;
+
+                //run success callback
+                var res = typeof this.options.success === 'function' ? this.options.success.call(this.options.scope, response, newValue) : null;
+
+                //if success callback returns false --> keep form open and do not activate input
+                if(res === false) {
+                    this.error(false);
+                    this.showForm(false);
+                    return;
+                }
+
+                //if success callback returns string -->  keep form open, show error and activate input               
+                if(typeof res === 'string') {
+                    this.error(res);
+                    this.showForm();
+                    return;
+                }
+
+                //if success callback returns object like {newValue: <something>} --> use that value instead of submitted
+                //it is usefull if you want to chnage value in url-function
+                if(res && typeof res === 'object' && res.hasOwnProperty('newValue')) {
+                    newValue = res.newValue;
+                }
+
+                //clear error message
+                this.error(false);   
+                this.value = newValue;
+                /**        
+                Fired when form is submitted
+                @event save 
+                @param {Object} event event object
+                @param {Object} params additional params
+                @param {mixed} params.newValue raw new value
+                @param {mixed} params.submitValue submitted value as string
+                @param {Object} params.response ajax response
+
+                @example
+                $('#form-div').on('save'), function(e, params){
+                    if(params.newValue === 'username') {...}
+                });
+                **/
+                this.$div.triggerHandler('save', {newValue: newValue, submitValue: submitValue, response: response});
+            }, this))
+            .fail($.proxy(function(xhr) {
+                this.isSaving = false;
+
+                var msg;
+                if(typeof this.options.error === 'function') {
+                    msg = this.options.error.call(this.options.scope, xhr, newValue);
+                } else {
+                    msg = typeof xhr === 'string' ? xhr : xhr.responseText || xhr.statusText || 'Unknown error!';
+                }
+
+                this.error(msg);
+                this.showForm();
+            }, this));
+        },
+
+        save: function(submitValue) {
+            //try parse composite pk defined as json string in data-pk 
+            this.options.pk = $.fn.editableutils.tryParseJson(this.options.pk, true); 
+            
+            var pk = (typeof this.options.pk === 'function') ? this.options.pk.call(this.options.scope) : this.options.pk,
+            /*
+              send on server in following cases:
+              1. url is function
+              2. url is string AND (pk defined OR send option = always) 
+            */
+            send = !!(typeof this.options.url === 'function' || (this.options.url && ((this.options.send === 'always') || (this.options.send === 'auto' && pk !== null && pk !== undefined)))),
+            params;
+
+            if (send) { //send to server
+                this.showLoading();
+
+                //standard params
+                params = {
+                    name: this.options.name || '',
+                    value: submitValue,
+                    pk: pk 
+                };
+
+                //additional params
+                if(typeof this.options.params === 'function') {
+                    params = this.options.params.call(this.options.scope, params);  
+                } else {
+                    //try parse json in single quotes (from data-params attribute)
+                    this.options.params = $.fn.editableutils.tryParseJson(this.options.params, true);   
+                    $.extend(params, this.options.params);
+                }
+
+                if(typeof this.options.url === 'function') { //user's function
+                    return this.options.url.call(this.options.scope, params);
+                } else {  
+                    //send ajax to server and return deferred object
+                    return $.ajax($.extend({
+                        url     : this.options.url,
+                        data    : params,
+                        type    : 'POST'
+                    }, this.options.ajaxOptions));
+                }
+            }
+        }, 
+
+        validate: function (value) {
+            if (value === undefined) {
+                value = this.value;
+            }
+            if (typeof this.options.validate === 'function') {
+                return this.options.validate.call(this.options.scope, value);
+            }
+        },
+
+        option: function(key, value) {
+            if(key in this.options) {
+                this.options[key] = value;
+            }
+            
+            if(key === 'value') {
+                this.setValue(value);
+            }
+            
+            //do not pass option to input as it is passed in editable-element
+        },
+
+        setValue: function(value, convertStr) {
+            if(convertStr) {
+                this.value = this.input.str2value(value);
+            } else {
+                this.value = value;
+            }
+            
+            //if form is visible, update input
+            if(this.$form && this.$form.is(':visible')) {
+                this.input.value2input(this.value);
+            }            
+        }               
+    };
+
+    /*
+    Initialize editableform. Applied to jQuery object.
+
+    @method $().editableform(options)
+    @params {Object} options
+    @example
+    var $form = $('&lt;div&gt;').editableform({
+        type: 'text',
+        name: 'username',
+        url: '/post',
+        value: 'vitaliy'
+    });
+
+    //to display form you should call 'render' method
+    $form.editableform('render');     
+    */
+    $.fn.editableform = function (option) {
+        var args = arguments;
+        return this.each(function () {
+            var $this = $(this), 
+            data = $this.data('editableform'), 
+            options = typeof option === 'object' && option; 
+            if (!data) {
+                $this.data('editableform', (data = new EditableForm(this, options)));
+            }
+
+            if (typeof option === 'string') { //call method 
+                data[option].apply(data, Array.prototype.slice.call(args, 1));
+            } 
+        });
+    };
+
+    //keep link to constructor to allow inheritance
+    $.fn.editableform.Constructor = EditableForm;    
+
+    //defaults
+    $.fn.editableform.defaults = {
+        /* see also defaults for input */
+
+        /**
+        Type of input. Can be <code>text|textarea|select|date|checklist</code>
+
+        @property type 
+        @type string
+        @default 'text'
+        **/
+        type: 'text',
+        /**
+        Url for submit, e.g. <code>'/post'</code>  
+        If function - it will be called instead of ajax. Function should return deferred object to run fail/done callbacks.
+
+        @property url 
+        @type string|function
+        @default null
+        @example
+        url: function(params) {
+            var d = new $.Deferred;
+            if(params.value === 'abc') {
+                return d.reject('error message'); //returning error via deferred object
+            } else {
+                //async saving data in js model
+                someModel.asyncSaveMethod({
+                   ..., 
+                   success: function(){
+                      d.resolve();
+                   }
+                }); 
+                return d.promise();
+            }
+        } 
+        **/        
+        url:null,
+        /**
+        Additional params for submit. If defined as <code>object</code> - it is **appended** to original ajax data (pk, name and value).  
+        If defined as <code>function</code> - returned object **overwrites** original ajax data.
+        @example
+        params: function(params) {
+            //originally params contain pk, name and value
+            params.a = 1;
+            return params;
+        }
+
+        @property params 
+        @type object|function
+        @default null
+        **/          
+        params:null,
+        /**
+        Name of field. Will be submitted on server. Can be taken from <code>id</code> attribute
+
+        @property name 
+        @type string
+        @default null
+        **/         
+        name: null,
+        /**
+        Primary key of editable object (e.g. record id in database). For composite keys use object, e.g. <code>{id: 1, lang: 'en'}</code>.
+        Can be calculated dynamically via function.
+
+        @property pk 
+        @type string|object|function
+        @default null
+        **/         
+        pk: null,
+        /**
+        Initial value. If not defined - will be taken from element's content.
+        For __select__ type should be defined (as it is ID of shown text).
+
+        @property value 
+        @type string|object
+        @default null
+        **/        
+        value: null,
+        /**
+        Value that will be displayed in input if original field value is empty (`null|undefined|''`).
+
+        @property defaultValue 
+        @type string|object
+        @default null
+        @since 1.4.6
+        **/        
+        defaultValue: null,
+        /**
+        Strategy for sending data on server. Can be `auto|always|never`.
+        When 'auto' data will be sent on server **only if pk and url defined**, otherwise new value will be stored locally.
+
+        @property send 
+        @type string
+        @default 'auto'
+        **/          
+        send: 'auto', 
+        /**
+        Function for client-side validation. If returns string - means validation not passed and string showed as error.
+        Since 1.5.1 you can modify submitted value by returning object from `validate`: 
+        `{newValue: '...'}` or `{newValue: '...', msg: '...'}`
+
+        @property validate 
+        @type function
+        @default null
+        @example
+        validate: function(value) {
+            if($.trim(value) == '') {
+                return 'This field is required';
+            }
+        }
+        **/         
+        validate: null,
+        /**
+        Success callback. Called when value successfully sent on server and **response status = 200**.  
+        Usefull to work with json response. For example, if your backend response can be <code>{success: true}</code>
+        or <code>{success: false, msg: "server error"}</code> you can check it inside this callback.  
+        If it returns **string** - means error occured and string is shown as error message.  
+        If it returns **object like** <code>{newValue: &lt;something&gt;}</code> - it overwrites value, submitted by user.  
+        Otherwise newValue simply rendered into element.
+        
+        @property success 
+        @type function
+        @default null
+        @example
+        success: function(response, newValue) {
+            if(!response.success) return response.msg;
+        }
+        **/          
+        success: null,
+        /**
+        Error callback. Called when request failed (response status != 200).  
+        Usefull when you want to parse error response and display a custom message.
+        Must return **string** - the message to be displayed in the error block.
+                
+        @property error 
+        @type function
+        @default null
+        @since 1.4.4
+        @example
+        error: function(response, newValue) {
+            if(response.status === 500) {
+                return 'Service unavailable. Please try later.';
+            } else {
+                return response.responseText;
+            }
+        }
+        **/          
+        error: null,
+        /**
+        Additional options for submit ajax request.
+        List of values: http://api.jquery.com/jQuery.ajax
+        
+        @property ajaxOptions 
+        @type object
+        @default null
+        @since 1.1.1        
+        @example 
+        ajaxOptions: {
+            type: 'put',
+            dataType: 'json'
+        }        
+        **/        
+        ajaxOptions: null,
+        /**
+        Where to show buttons: left(true)|bottom|false  
+        Form without buttons is auto-submitted.
+
+        @property showbuttons 
+        @type boolean|string
+        @default true
+        @since 1.1.1
+        **/         
+        showbuttons: true,
+        /**
+        Scope for callback methods (success, validate).  
+        If <code>null</code> means editableform instance itself. 
+
+        @property scope 
+        @type DOMElement|object
+        @default null
+        @since 1.2.0
+        @private
+        **/            
+        scope: null,
+        /**
+        Whether to save or cancel value when it was not changed but form was submitted
+
+        @property savenochange 
+        @type boolean
+        @default false
+        @since 1.2.0
+        **/
+        savenochange: false
+    };   
+
+    /*
+    Note: following params could redefined in engine: bootstrap or jqueryui:
+    Classes 'control-group' and 'editable-error-block' must always present!
+    */      
+    $.fn.editableform.template = '<form class="form-inline editableform">'+
+    '<div class="control-group">' + 
+    '<div><div class="editable-input"></div><div class="editable-buttons"></div></div>'+
+    '<div class="editable-error-block"></div>' + 
+    '</div>' + 
+    '</form>';
+
+    //loading div
+    $.fn.editableform.loading = '<div class="editableform-loading"></div>';
+
+    //buttons
+    $.fn.editableform.buttons = '<button type="submit" class="editable-submit">ok</button>'+
+    '<button type="button" class="editable-cancel">cancel</button>';      
+
+    //error class attached to control-group
+    $.fn.editableform.errorGroupClass = null;  
+
+    //error class attached to editable-error-block
+    $.fn.editableform.errorBlockClass = 'editable-error';
+    
+    //engine
+    $.fn.editableform.engine = 'jquery';
+}(window.jQuery));
+
+/**
+* EditableForm utilites
+*/
+(function ($) {
+    "use strict";
+    
+    //utils
+    $.fn.editableutils = {
+        /**
+        * classic JS inheritance function
+        */  
+        inherit: function (Child, Parent) {
+            var F = function() { };
+            F.prototype = Parent.prototype;
+            Child.prototype = new F();
+            Child.prototype.constructor = Child;
+            Child.superclass = Parent.prototype;
+        },
+
+        /**
+        * set caret position in input
+        * see http://stackoverflow.com/questions/499126/jquery-set-cursor-position-in-text-area
+        */        
+        setCursorPosition: function(elem, pos) {
+            if (elem.setSelectionRange) {
+                elem.setSelectionRange(pos, pos);
+            } else if (elem.createTextRange) {
+                var range = elem.createTextRange();
+                range.collapse(true);
+                range.moveEnd('character', pos);
+                range.moveStart('character', pos);
+                range.select();
+            }
+        },
+
+        /**
+        * function to parse JSON in *single* quotes. (jquery automatically parse only double quotes)
+        * That allows such code as: <a data-source="{'a': 'b', 'c': 'd'}">
+        * safe = true --> means no exception will be thrown
+        * for details see http://stackoverflow.com/questions/7410348/how-to-set-json-format-to-html5-data-attributes-in-the-jquery
+        */
+        tryParseJson: function(s, safe) {
+            if (typeof s === 'string' && s.length && s.match(/^[\{\[].*[\}\]]$/)) {
+                if (safe) {
+                    try {
+                        /*jslint evil: true*/
+                        s = (new Function('return ' + s))();
+                        /*jslint evil: false*/
+                    } catch (e) {} finally {
+                        return s;
+                    }
+                } else {
+                    /*jslint evil: true*/
+                    s = (new Function('return ' + s))();
+                    /*jslint evil: false*/
+                }
+            }
+            return s;
+        },
+
+        /**
+        * slice object by specified keys
+        */
+        sliceObj: function(obj, keys, caseSensitive /* default: false */) {
+            var key, keyLower, newObj = {};
+
+            if (!$.isArray(keys) || !keys.length) {
+                return newObj;
+            }
+
+            for (var i = 0; i < keys.length; i++) {
+                key = keys[i];
+                if (obj.hasOwnProperty(key)) {
+                    newObj[key] = obj[key];
+                }
+
+                if(caseSensitive === true) {
+                    continue;
+                }
+
+                //when getting data-* attributes via $.data() it's converted to lowercase.
+                //details: http://stackoverflow.com/questions/7602565/using-data-attributes-with-jquery
+                //workaround is code below.
+                keyLower = key.toLowerCase();
+                if (obj.hasOwnProperty(keyLower)) {
+                    newObj[key] = obj[keyLower];
+                }
+            }
+
+            return newObj;
+        },
+
+        /*
+        exclude complex objects from $.data() before pass to config
+        */
+        getConfigData: function($element) {
+            var data = {};
+            $.each($element.data(), function(k, v) {
+                if(typeof v !== 'object' || (v && typeof v === 'object' && (v.constructor === Object || v.constructor === Array))) {
+                    data[k] = v;
+                }
+            });
+            return data;
+        },
+
+        /*
+         returns keys of object
+        */
+        objectKeys: function(o) {
+            if (Object.keys) {
+                return Object.keys(o);  
+            } else {
+                if (o !== Object(o)) {
+                    throw new TypeError('Object.keys called on a non-object');
+                }
+                var k=[], p;
+                for (p in o) {
+                    if (Object.prototype.hasOwnProperty.call(o,p)) {
+                        k.push(p);
+                    }
+                }
+                return k;
+            }
+
+        },
+        
+       /**
+        method to escape html.
+       **/
+       escape: function(str) {
+           return $('<div>').text(str).html();
+       },
+       
+       /*
+        returns array items from sourceData having value property equal or inArray of 'value'
+       */
+       itemsByValue: function(value, sourceData, valueProp) {
+           if(!sourceData || value === null) {
+               return [];
+           }
+           
+           if (typeof(valueProp) !== "function") {
+               var idKey = valueProp || 'value';
+               valueProp = function (e) { return e[idKey]; };
+           }
+                      
+           var isValArray = $.isArray(value),
+           result = [], 
+           that = this;
+
+           $.each(sourceData, function(i, o) {
+               if(o.children) {
+                   result = result.concat(that.itemsByValue(value, o.children, valueProp));
+               } else {
+                   /*jslint eqeq: true*/
+                   if(isValArray) {
+                       if($.grep(value, function(v){  return v == (o && typeof o === 'object' ? valueProp(o) : o); }).length) {
+                           result.push(o); 
+                       }
+                   } else {
+                       var itemValue = (o && (typeof o === 'object')) ? valueProp(o) : o;
+                       if(value == itemValue) {
+                           result.push(o); 
+                       }
+                   }
+                   /*jslint eqeq: false*/
+               }
+           });
+           
+           return result;
+       },
+       
+       /*
+       Returns input by options: type, mode. 
+       */
+       createInput: function(options) {
+           var TypeConstructor, typeOptions, input,
+           type = options.type;
+
+           //`date` is some kind of virtual type that is transformed to one of exact types
+           //depending on mode and core lib
+           if(type === 'date') {
+               //inline
+               if(options.mode === 'inline') {
+                   if($.fn.editabletypes.datefield) {
+                       type = 'datefield';
+                   } else if($.fn.editabletypes.dateuifield) {
+                       type = 'dateuifield';
+                   }
+               //popup
+               } else {
+                   if($.fn.editabletypes.date) {
+                       type = 'date';
+                   } else if($.fn.editabletypes.dateui) {
+                       type = 'dateui';
+                   }
+               }
+               
+               //if type still `date` and not exist in types, replace with `combodate` that is base input
+               if(type === 'date' && !$.fn.editabletypes.date) {
+                   type = 'combodate';
+               } 
+           }
+           
+           //`datetime` should be datetimefield in 'inline' mode
+           if(type === 'datetime' && options.mode === 'inline') {
+             type = 'datetimefield';  
+           }           
+
+           //change wysihtml5 to textarea for jquery UI and plain versions
+           if(type === 'wysihtml5' && !$.fn.editabletypes[type]) {
+               type = 'textarea';
+           }
+
+           //create input of specified type. Input will be used for converting value, not in form
+           if(typeof $.fn.editabletypes[type] === 'function') {
+               TypeConstructor = $.fn.editabletypes[type];
+               typeOptions = this.sliceObj(options, this.objectKeys(TypeConstructor.defaults));
+               input = new TypeConstructor(typeOptions);
+               return input;
+           } else {
+               $.error('Unknown type: '+ type);
+               return false; 
+           }  
+       },
+       
+       //see http://stackoverflow.com/questions/7264899/detect-css-transitions-using-javascript-and-without-modernizr
+       supportsTransitions: function () {
+           var b = document.body || document.documentElement,
+               s = b.style,
+               p = 'transition',
+               v = ['Moz', 'Webkit', 'Khtml', 'O', 'ms'];
+               
+           if(typeof s[p] === 'string') {
+               return true; 
+           }
+
+           // Tests for vendor specific prop
+           p = p.charAt(0).toUpperCase() + p.substr(1);
+           for(var i=0; i<v.length; i++) {
+               if(typeof s[v[i] + p] === 'string') { 
+                   return true; 
+               }
+           }
+           return false;
+       }            
+       
+    };      
+}(window.jQuery));
+
+/**
+Attaches stand-alone container with editable-form to HTML element. Element is used only for positioning, value is not stored anywhere.<br>
+This method applied internally in <code>$().editable()</code>. You should subscribe on it's events (save / cancel) to get profit of it.<br>
+Final realization can be different: bootstrap-popover, jqueryui-tooltip, poshytip, inline-div. It depends on which js file you include.<br>
+Applied as jQuery method.
+
+@class editableContainer
+@uses editableform
+**/
+(function ($) {
+    "use strict";
+
+    var Popup = function (element, options) {
+        this.init(element, options);
+    };
+    
+    var Inline = function (element, options) {
+        this.init(element, options);
+    };    
+
+    //methods
+    Popup.prototype = {
+        containerName: null, //method to call container on element
+        containerDataName: null, //object name in element's .data()
+        innerCss: null, //tbd in child class
+        containerClass: 'editable-container editable-popup', //css class applied to container element
+        defaults: {}, //container itself defaults
+        
+        init: function(element, options) {
+            this.$element = $(element);
+            //since 1.4.1 container do not use data-* directly as they already merged into options.
+            this.options = $.extend({}, $.fn.editableContainer.defaults, options);         
+            this.splitOptions();
+            
+            //set scope of form callbacks to element
+            this.formOptions.scope = this.$element[0]; 
+            
+            this.initContainer();
+            
+            //flag to hide container, when saving value will finish
+            this.delayedHide = false;
+
+            //bind 'destroyed' listener to destroy container when element is removed from dom
+            this.$element.on('destroyed', $.proxy(function(){
+                this.destroy();
+            }, this)); 
+            
+            //attach document handler to close containers on click / escape
+            if(!$(document).data('editable-handlers-attached')) {
+                //close all on escape
+                $(document).on('keyup.editable', function (e) {
+                    if (e.which === 27) {
+                        $('.editable-open').editableContainer('hide');
+                        //todo: return focus on element 
+                    }
+                });
+
+                //close containers when click outside 
+                //(mousedown could be better than click, it closes everything also on drag drop)
+                $(document).on('click.editable', function(e) {
+                    var $target = $(e.target), i,
+                        exclude_classes = ['.editable-container', 
+                                           '.ui-datepicker-header', 
+                                           '.datepicker', //in inline mode datepicker is rendered into body
+                                           '.modal-backdrop', 
+                                           '.bootstrap-wysihtml5-insert-image-modal', 
+                                           '.bootstrap-wysihtml5-insert-link-modal'
+                                           ];
+										   
+										   
+					//select2 has extra body click in IE
+                    //see: https://github.com/ivaynberg/select2/issues/1058
+                    if ($('.select2-drop-mask').is(':visible')) {
+                        return;//ACE
+                    }
+                    
+                    //check if element is detached. It occurs when clicking in bootstrap datepicker
+                    if (!$.contains(document.documentElement, e.target)) {
+                      return;
+                    }
+
+                    //for some reason FF 20 generates extra event (click) in select2 widget with e.target = document
+                    //we need to filter it via construction below. See https://github.com/vitalets/x-editable/issues/199
+                    //Possibly related to http://stackoverflow.com/questions/10119793/why-does-firefox-react-differently-from-webkit-and-ie-to-click-event-on-selec
+                    if($target.is(document)) {
+                       return; 
+                    }
+                    
+                    //if click inside one of exclude classes --> no nothing
+                    for(i=0; i<exclude_classes.length; i++) {
+                         if($target.is(exclude_classes[i]) || $target.parents(exclude_classes[i]).length) {
+                             return;
+                         }
+                    }
+                      
+                    //close all open containers (except one - target)
+                    Popup.prototype.closeOthers(e.target);
+                });
+                
+                $(document).data('editable-handlers-attached', true);
+            }                        
+        },
+
+        //split options on containerOptions and formOptions
+        splitOptions: function() {
+            this.containerOptions = {};
+            this.formOptions = {};
+            
+            if(!$.fn[this.containerName]) {
+                throw new Error(this.containerName + ' not found. Have you included corresponding js file?');   
+            }
+            
+            //keys defined in container defaults go to container, others go to form
+            for(var k in this.options) {
+              if(k in this.defaults) {
+                 this.containerOptions[k] = this.options[k];
+              } else {
+                 this.formOptions[k] = this.options[k];
+              } 
+            }
+        },
+        
+        /*
+        Returns jquery object of container
+        @method tip()
+        */         
+        tip: function() {
+            return this.container() ? this.container().$tip : null;
+        },
+
+        /* returns container object */
+        container: function() {
+            var container;
+            //first, try get it by `containerDataName`
+            if(this.containerDataName) {
+                if(container = this.$element.data(this.containerDataName)) {
+                    return container;
+                }
+            }
+            //second, try `containerName`
+            container = this.$element.data(this.containerName);
+            return container;
+        },
+
+        /* call native method of underlying container, e.g. this.$element.popover('method') */ 
+        call: function() {
+            this.$element[this.containerName].apply(this.$element, arguments); 
+        },        
+        
+        initContainer: function(){
+            this.call(this.containerOptions);
+        },
+
+        renderForm: function() {
+            this.$form
+            .editableform(this.formOptions)
+            .on({
+                save: $.proxy(this.save, this), //click on submit button (value changed)
+                nochange: $.proxy(function(){ this.hide('nochange'); }, this), //click on submit button (value NOT changed)                
+                cancel: $.proxy(function(){ this.hide('cancel'); }, this), //click on calcel button
+                show: $.proxy(function() {
+                    if(this.delayedHide) {
+                        this.hide(this.delayedHide.reason);
+                        this.delayedHide = false;
+                    } else {
+                        this.setPosition();
+                    }
+                }, this), //re-position container every time form is shown (occurs each time after loading state)
+                rendering: $.proxy(this.setPosition, this), //this allows to place container correctly when loading shown
+                resize: $.proxy(this.setPosition, this), //this allows to re-position container when form size is changed 
+                rendered: $.proxy(function(){
+                    /**        
+                    Fired when container is shown and form is rendered (for select will wait for loading dropdown options).  
+                    **Note:** Bootstrap popover has own `shown` event that now cannot be separated from x-editable's one.
+                    The workaround is to check `arguments.length` that is always `2` for x-editable.                     
+                    
+                    @event shown 
+                    @param {Object} event event object
+                    @example
+                    $('#username').on('shown', function(e, editable) {
+                        editable.input.$input.val('overwriting value of input..');
+                    });                     
+                    **/                      
+                    /*
+                     TODO: added second param mainly to distinguish from bootstrap's shown event. It's a hotfix that will be solved in future versions via namespaced events.  
+                    */
+                    this.$element.triggerHandler('shown', $(this.options.scope).data('editable')); 
+                }, this) 
+            })
+            .editableform('render');
+        },        
+
+        /**
+        Shows container with form
+        @method show()
+        @param {boolean} closeAll Whether to close all other editable containers when showing this one. Default true.
+        **/
+        /* Note: poshytip owerwrites this method totally! */          
+        show: function (closeAll) {
+            this.$element.addClass('editable-open');
+            if(closeAll !== false) {
+                //close all open containers (except this)
+                this.closeOthers(this.$element[0]);  
+            }
+            
+            //show container itself
+            this.innerShow();
+            this.tip().addClass(this.containerClass);
+
+            /*
+            Currently, form is re-rendered on every show. 
+            The main reason is that we dont know, what will container do with content when closed:
+            remove(), detach() or just hide() - it depends on container.
+            
+            Detaching form itself before hide and re-insert before show is good solution, 
+            but visually it looks ugly --> container changes size before hide.  
+            */             
+            
+            //if form already exist - delete previous data 
+            if(this.$form) {
+                //todo: destroy prev data!
+                //this.$form.destroy();
+            }
+
+            this.$form = $('<div>');
+            
+            //insert form into container body
+            if(this.tip().is(this.innerCss)) {
+                //for inline container
+                this.tip().append(this.$form); 
+            } else {
+                this.tip().find(this.innerCss).append(this.$form);
+            } 
+            
+            //render form
+            this.renderForm();
+        },
+
+        /**
+        Hides container with form
+        @method hide()
+        @param {string} reason Reason caused hiding. Can be <code>save|cancel|onblur|nochange|undefined (=manual)</code>
+        **/         
+        hide: function(reason) {  
+            if(!this.tip() || !this.tip().is(':visible') || !this.$element.hasClass('editable-open')) {
+                return;
+            }
+            
+            //if form is saving value, schedule hide
+            if(this.$form.data('editableform').isSaving) {
+                this.delayedHide = {reason: reason};
+                return;    
+            } else {
+                this.delayedHide = false;
+            }
+
+            this.$element.removeClass('editable-open');   
+            this.innerHide();
+
+            /**
+            Fired when container was hidden. It occurs on both save or cancel.  
+            **Note:** Bootstrap popover has own `hidden` event that now cannot be separated from x-editable's one.
+            The workaround is to check `arguments.length` that is always `2` for x-editable. 
+
+            @event hidden 
+            @param {object} event event object
+            @param {string} reason Reason caused hiding. Can be <code>save|cancel|onblur|nochange|manual</code>
+            @example
+            $('#username').on('hidden', function(e, reason) {
+                if(reason === 'save' || reason === 'cancel') {
+                    //auto-open next editable
+                    $(this).closest('tr').next().find('.editable').editable('show');
+                } 
+            });
+            **/
+            this.$element.triggerHandler('hidden', reason || 'manual');   
+        },
+
+        /* internal show method. To be overwritten in child classes */
+        innerShow: function () {
+             
+        },        
+
+        /* internal hide method. To be overwritten in child classes */
+        innerHide: function () {
+
+        },
+        
+        /**
+        Toggles container visibility (show / hide)
+        @method toggle()
+        @param {boolean} closeAll Whether to close all other editable containers when showing this one. Default true.
+        **/          
+        toggle: function(closeAll) {
+            if(this.container() && this.tip() && this.tip().is(':visible')) {
+                this.hide();
+            } else {
+                this.show(closeAll);
+            } 
+        },
+
+        /*
+        Updates the position of container when content changed.
+        @method setPosition()
+        */       
+        setPosition: function() {
+            //tbd in child class
+        },
+
+        save: function(e, params) {
+            /**        
+            Fired when new value was submitted. You can use <code>$(this).data('editableContainer')</code> inside handler to access to editableContainer instance
+            
+            @event save 
+            @param {Object} event event object
+            @param {Object} params additional params
+            @param {mixed} params.newValue submitted value
+            @param {Object} params.response ajax response
+            @example
+            $('#username').on('save', function(e, params) {
+                //assuming server response: '{success: true}'
+                var pk = $(this).data('editableContainer').options.pk;
+                if(params.response && params.response.success) {
+                    alert('value: ' + params.newValue + ' with pk: ' + pk + ' saved!');
+                } else {
+                    alert('error!'); 
+                } 
+            });
+            **/             
+            this.$element.triggerHandler('save', params);
+            
+            //hide must be after trigger, as saving value may require methods of plugin, applied to input
+            this.hide('save');
+        },
+
+        /**
+        Sets new option
+        
+        @method option(key, value)
+        @param {string} key 
+        @param {mixed} value 
+        **/         
+        option: function(key, value) {
+            this.options[key] = value;
+            if(key in this.containerOptions) {
+                this.containerOptions[key] = value;
+                this.setContainerOption(key, value); 
+            } else {
+                this.formOptions[key] = value;
+                if(this.$form) {
+                    this.$form.editableform('option', key, value);  
+                }
+            }
+        },
+        
+        setContainerOption: function(key, value) {
+            this.call('option', key, value);
+        },
+
+        /**
+        Destroys the container instance
+        @method destroy()
+        **/        
+        destroy: function() {
+            this.hide();
+            this.innerDestroy();
+            this.$element.off('destroyed');
+            this.$element.removeData('editableContainer');
+        },
+        
+        /* to be overwritten in child classes */
+        innerDestroy: function() {
+            
+        }, 
+        
+        /*
+        Closes other containers except one related to passed element. 
+        Other containers can be cancelled or submitted (depends on onblur option)
+        */
+        closeOthers: function(element) {
+            $('.editable-open').each(function(i, el){
+                //do nothing with passed element and it's children
+                if(el === element || $(el).find(element).length) {
+                    return;
+                }
+
+                //otherwise cancel or submit all open containers 
+                var $el = $(el),
+                ec = $el.data('editableContainer');
+
+                if(!ec) {
+                    return;  
+                }
+                
+                if(ec.options.onblur === 'cancel') {
+                    $el.data('editableContainer').hide('onblur');
+                } else if(ec.options.onblur === 'submit') {
+                    $el.data('editableContainer').tip().find('form').submit();
+                }
+            });
+
+        },
+        
+        /**
+        Activates input of visible container (e.g. set focus)
+        @method activate()
+        **/         
+        activate: function() {
+            if(this.tip && this.tip().is(':visible') && this.$form) {
+               this.$form.data('editableform').input.activate(); 
+            }
+        } 
+
+    };
+
+    /**
+    jQuery method to initialize editableContainer.
+    
+    @method $().editableContainer(options)
+    @params {Object} options
+    @example
+    $('#edit').editableContainer({
+        type: 'text',
+        url: '/post',
+        pk: 1,
+        value: 'hello'
+    });
+    **/  
+    $.fn.editableContainer = function (option) {
+        var args = arguments;
+        return this.each(function () {
+            var $this = $(this),
+            dataKey = 'editableContainer', 
+            data = $this.data(dataKey),
+            options = typeof option === 'object' && option,
+            Constructor = (options.mode === 'inline') ? Inline : Popup;             
+
+            if (!data) {
+                $this.data(dataKey, (data = new Constructor(this, options)));
+            }
+
+            if (typeof option === 'string') { //call method 
+                data[option].apply(data, Array.prototype.slice.call(args, 1));
+            }            
+        });
+    };     
+
+    //store constructors
+    $.fn.editableContainer.Popup = Popup;
+    $.fn.editableContainer.Inline = Inline;
+
+    //defaults
+    $.fn.editableContainer.defaults = {
+        /**
+        Initial value of form input
+
+        @property value 
+        @type mixed
+        @default null
+        @private
+        **/        
+        value: null,
+        /**
+        Placement of container relative to element. Can be <code>top|right|bottom|left</code>. Not used for inline container.
+
+        @property placement 
+        @type string
+        @default 'top'
+        **/        
+        placement: 'top',
+        /**
+        Whether to hide container on save/cancel.
+
+        @property autohide 
+        @type boolean
+        @default true
+        @private 
+        **/        
+        autohide: true,
+        /**
+        Action when user clicks outside the container. Can be <code>cancel|submit|ignore</code>.  
+        Setting <code>ignore</code> allows to have several containers open. 
+
+        @property onblur 
+        @type string
+        @default 'cancel'
+        @since 1.1.1
+        **/        
+        onblur: 'cancel',
+        
+        /**
+        Animation speed (inline mode only)
+        @property anim 
+        @type string
+        @default false
+        **/        
+        anim: false,
+        
+        /**
+        Mode of editable, can be `popup` or `inline` 
+        
+        @property mode 
+        @type string         
+        @default 'popup'
+        @since 1.4.0        
+        **/        
+        mode: 'popup'        
+    };
+
+    /* 
+    * workaround to have 'destroyed' event to destroy popover when element is destroyed
+    * see http://stackoverflow.com/questions/2200494/jquery-trigger-event-when-an-element-is-removed-from-the-dom
+    */
+    jQuery.event.special.destroyed = {
+        remove: function(o) {
+            if (o.handler) {
+                o.handler();
+            }
+        }
+    };    
+
+}(window.jQuery));
+
+/**
+* Editable Inline 
+* ---------------------
+*/
+(function ($) {
+    "use strict";
+    
+    //copy prototype from EditableContainer
+    //extend methods
+    $.extend($.fn.editableContainer.Inline.prototype, $.fn.editableContainer.Popup.prototype, {
+        containerName: 'editableform',
+        innerCss: '.editable-inline',
+        containerClass: 'editable-container editable-inline', //css class applied to container element
+                 
+        initContainer: function(){
+            //container is <span> element
+            this.$tip = $('<span></span>');
+            
+            //convert anim to miliseconds (int)
+            if(!this.options.anim) {
+                this.options.anim = 0;
+            }         
+        },
+        
+        splitOptions: function() {
+            //all options are passed to form
+            this.containerOptions = {};
+            this.formOptions = this.options;
+        },
+        
+        tip: function() {
+           return this.$tip; 
+        },
+        
+        innerShow: function () {
+            this.$element.hide();
+            this.tip().insertAfter(this.$element).show();
+        }, 
+        
+        innerHide: function () {
+            this.$tip.hide(this.options.anim, $.proxy(function() {
+                this.$element.show();
+                this.innerDestroy();
+            }, this)); 
+        },
+        
+        innerDestroy: function() {
+            if(this.tip()) {
+                this.tip().empty().remove();
+            }
+        } 
+    });
+
+}(window.jQuery));
+/**
+Makes editable any HTML element on the page. Applied as jQuery method.
+
+@class editable
+@uses editableContainer
+**/
+(function ($) {
+    "use strict";
+
+    var Editable = function (element, options) {
+        this.$element = $(element);
+        //data-* has more priority over js options: because dynamically created elements may change data-* 
+        this.options = $.extend({}, $.fn.editable.defaults, options, $.fn.editableutils.getConfigData(this.$element));  
+        if(this.options.selector) {
+            this.initLive();
+        } else {
+            this.init();
+        }
+        
+        //check for transition support
+        if(this.options.highlight && !$.fn.editableutils.supportsTransitions()) {
+            this.options.highlight = false;
+        }
+    };
+
+    Editable.prototype = {
+        constructor: Editable, 
+        init: function () {
+            var isValueByText = false, 
+                doAutotext, finalize;
+
+            //name
+            this.options.name = this.options.name || this.$element.attr('id');
+             
+            //create input of specified type. Input needed already here to convert value for initial display (e.g. show text by id for select)
+            //also we set scope option to have access to element inside input specific callbacks (e. g. source as function)
+            this.options.scope = this.$element[0]; 
+            this.input = $.fn.editableutils.createInput(this.options);
+            if(!this.input) {
+                return; 
+            }            
+
+            //set value from settings or by element's text
+            if (this.options.value === undefined || this.options.value === null) {
+                this.value = this.input.html2value($.trim(this.$element.html()));
+                isValueByText = true;
+            } else {
+                /*
+                  value can be string when received from 'data-value' attribute
+                  for complext objects value can be set as json string in data-value attribute, 
+                  e.g. data-value="{city: 'Moscow', street: 'Lenina'}"
+                */
+                this.options.value = $.fn.editableutils.tryParseJson(this.options.value, true); 
+                if(typeof this.options.value === 'string') {
+                    this.value = this.input.str2value(this.options.value);
+                } else {
+                    this.value = this.options.value;
+                }
+            }
+            
+            //add 'editable' class to every editable element
+            this.$element.addClass('editable');
+            
+            //specifically for "textarea" add class .editable-pre-wrapped to keep linebreaks
+            if(this.input.type === 'textarea') {
+                this.$element.addClass('editable-pre-wrapped');
+            }
+            
+            //attach handler activating editable. In disabled mode it just prevent default action (useful for links)
+            if(this.options.toggle !== 'manual') {
+                this.$element.addClass('editable-click');
+                this.$element.on(this.options.toggle + '.editable', $.proxy(function(e){
+                    //prevent following link if editable enabled
+                    if(!this.options.disabled) {
+                        e.preventDefault();
+                    }
+                    
+                    //stop propagation not required because in document click handler it checks event target
+                    //e.stopPropagation();
+                    
+                    if(this.options.toggle === 'mouseenter') {
+                        //for hover only show container
+                        this.show();
+                    } else {
+                        //when toggle='click' we should not close all other containers as they will be closed automatically in document click listener
+                        var closeAll = (this.options.toggle !== 'click');
+                        this.toggle(closeAll);
+                    }
+                }, this));
+            } else {
+                this.$element.attr('tabindex', -1); //do not stop focus on element when toggled manually
+            }
+            
+            //if display is function it's far more convinient to have autotext = always to render correctly on init
+            //see https://github.com/vitalets/x-editable-yii/issues/34
+            if(typeof this.options.display === 'function') {
+                this.options.autotext = 'always';
+            }
+            
+            //check conditions for autotext:
+            switch(this.options.autotext) {
+              case 'always':
+               doAutotext = true;
+              break;
+              case 'auto':
+                //if element text is empty and value is defined and value not generated by text --> run autotext
+                doAutotext = !$.trim(this.$element.text()).length && this.value !== null && this.value !== undefined && !isValueByText;
+              break;
+              default:
+               doAutotext = false;
+            }
+
+            //depending on autotext run render() or just finilize init
+            $.when(doAutotext ? this.render() : true).then($.proxy(function() {
+                if(this.options.disabled) {
+                    this.disable();
+                } else {
+                    this.enable(); 
+                }
+               /**        
+               Fired when element was initialized by `$().editable()` method. 
+               Please note that you should setup `init` handler **before** applying `editable`. 
+                              
+               @event init 
+               @param {Object} event event object
+               @param {Object} editable editable instance (as here it cannot accessed via data('editable'))
+               @since 1.2.0
+               @example
+               $('#username').on('init', function(e, editable) {
+                   alert('initialized ' + editable.options.name);
+               });
+               $('#username').editable();
+               **/                  
+                this.$element.triggerHandler('init', this);
+            }, this));
+        },
+
+        /*
+         Initializes parent element for live editables 
+        */
+        initLive: function() {
+           //store selector 
+           var selector = this.options.selector;
+           //modify options for child elements
+           this.options.selector = false; 
+           this.options.autotext = 'never';
+           //listen toggle events
+           this.$element.on(this.options.toggle + '.editable', selector, $.proxy(function(e){
+               var $target = $(e.target);
+               if(!$target.data('editable')) {
+                   //if delegated element initially empty, we need to clear it's text (that was manually set to `empty` by user)
+                   //see https://github.com/vitalets/x-editable/issues/137 
+                   if($target.hasClass(this.options.emptyclass)) {
+                      $target.empty();
+                   }
+                   $target.editable(this.options).trigger(e);
+               }
+           }, this)); 
+        },
+        
+        /*
+        Renders value into element's text.
+        Can call custom display method from options.
+        Can return deferred object.
+        @method render()
+        @param {mixed} response server response (if exist) to pass into display function
+        */          
+        render: function(response) {
+            //do not display anything
+            if(this.options.display === false) {
+                return;
+            }
+            
+            //if input has `value2htmlFinal` method, we pass callback in third param to be called when source is loaded
+            if(this.input.value2htmlFinal) {
+                return this.input.value2html(this.value, this.$element[0], this.options.display, response); 
+            //if display method defined --> use it    
+            } else if(typeof this.options.display === 'function') {
+                return this.options.display.call(this.$element[0], this.value, response);
+            //else use input's original value2html() method    
+            } else {
+                return this.input.value2html(this.value, this.$element[0]); 
+            }
+        },
+        
+        /**
+        Enables editable
+        @method enable()
+        **/          
+        enable: function() {
+            this.options.disabled = false;
+            this.$element.removeClass('editable-disabled');
+            this.handleEmpty(this.isEmpty);
+            if(this.options.toggle !== 'manual') {
+                if(this.$element.attr('tabindex') === '-1') {    
+                    this.$element.removeAttr('tabindex');                                
+                }
+            }
+        },
+        
+        /**
+        Disables editable
+        @method disable()
+        **/         
+        disable: function() {
+            this.options.disabled = true; 
+            this.hide();           
+            this.$element.addClass('editable-disabled');
+            this.handleEmpty(this.isEmpty);
+            //do not stop focus on this element
+            this.$element.attr('tabindex', -1);                
+        },
+        
+        /**
+        Toggles enabled / disabled state of editable element
+        @method toggleDisabled()
+        **/         
+        toggleDisabled: function() {
+            if(this.options.disabled) {
+                this.enable();
+            } else { 
+                this.disable(); 
+            }
+        },  
+        
+        /**
+        Sets new option
+        
+        @method option(key, value)
+        @param {string|object} key option name or object with several options
+        @param {mixed} value option new value
+        @example
+        $('.editable').editable('option', 'pk', 2);
+        **/          
+        option: function(key, value) {
+            //set option(s) by object
+            if(key && typeof key === 'object') {
+               $.each(key, $.proxy(function(k, v){
+                  this.option($.trim(k), v); 
+               }, this)); 
+               return;
+            }
+
+            //set option by string             
+            this.options[key] = value;                          
+            
+            //disabled
+            if(key === 'disabled') {
+               return value ? this.disable() : this.enable();
+            } 
+            
+            //value
+            if(key === 'value') {
+                this.setValue(value);
+            }
+            
+            //transfer new option to container! 
+            if(this.container) {
+                this.container.option(key, value);  
+            }
+             
+            //pass option to input directly (as it points to the same in form)
+            if(this.input.option) {
+                this.input.option(key, value);
+            }
+            
+        },              
+        
+        /*
+        * set emptytext if element is empty
+        */
+        handleEmpty: function (isEmpty) {
+            //do not handle empty if we do not display anything
+            if(this.options.display === false) {
+                return;
+            }
+
+            /* 
+            isEmpty may be set directly as param of method.
+            It is required when we enable/disable field and can't rely on content 
+            as node content is text: "Empty" that is not empty %)
+            */
+            if(isEmpty !== undefined) { 
+                this.isEmpty = isEmpty;
+            } else {
+                //detect empty
+                //for some inputs we need more smart check
+                //e.g. wysihtml5 may have <br>, <p></p>, <img>
+                if(typeof(this.input.isEmpty) === 'function') {
+                    this.isEmpty = this.input.isEmpty(this.$element);                    
+                } else {
+                    this.isEmpty = $.trim(this.$element.html()) === '';
+                }
+            }           
+            
+            //emptytext shown only for enabled
+            if(!this.options.disabled) {
+                if (this.isEmpty) {
+                    this.$element.html(this.options.emptytext);
+                    if(this.options.emptyclass) {
+                        this.$element.addClass(this.options.emptyclass);
+                    }
+                } else if(this.options.emptyclass) {
+                    this.$element.removeClass(this.options.emptyclass);
+                }
+            } else {
+                //below required if element disable property was changed
+                if(this.isEmpty) {
+                    this.$element.empty();
+                    if(this.options.emptyclass) {
+                        this.$element.removeClass(this.options.emptyclass);
+                    }
+                }
+            }
+        },        
+        
+        /**
+        Shows container with form
+        @method show()
+        @param {boolean} closeAll Whether to close all other editable containers when showing this one. Default true.
+        **/  
+        show: function (closeAll) {
+            if(this.options.disabled) {
+                return;
+            }
+            
+            //init editableContainer: popover, tooltip, inline, etc..
+            if(!this.container) {
+                var containerOptions = $.extend({}, this.options, {
+                    value: this.value,
+                    input: this.input //pass input to form (as it is already created)
+                });
+                this.$element.editableContainer(containerOptions);
+                //listen `save` event 
+                this.$element.on("save.internal", $.proxy(this.save, this));
+                this.container = this.$element.data('editableContainer'); 
+            } else if(this.container.tip().is(':visible')) {
+                return;
+            }      
+            
+            //show container
+            this.container.show(closeAll);
+        },
+        
+        /**
+        Hides container with form
+        @method hide()
+        **/       
+        hide: function () {   
+            if(this.container) {  
+                this.container.hide();
+            }
+        },
+        
+        /**
+        Toggles container visibility (show / hide)
+        @method toggle()
+        @param {boolean} closeAll Whether to close all other editable containers when showing this one. Default true.
+        **/  
+        toggle: function(closeAll) {
+            if(this.container && this.container.tip().is(':visible')) {
+                this.hide();
+            } else {
+                this.show(closeAll);
+            }
+        },
+        
+        /*
+        * called when form was submitted
+        */          
+        save: function(e, params) {
+            //mark element with unsaved class if needed
+            if(this.options.unsavedclass) {
+                /*
+                 Add unsaved css to element if:
+                  - url is not user's function 
+                  - value was not sent to server
+                  - params.response === undefined, that means data was not sent
+                  - value changed 
+                */
+                var sent = false;
+                sent = sent || typeof this.options.url === 'function';
+                sent = sent || this.options.display === false; 
+                sent = sent || params.response !== undefined; 
+                sent = sent || (this.options.savenochange && this.input.value2str(this.value) !== this.input.value2str(params.newValue)); 
+                
+                if(sent) {
+                    this.$element.removeClass(this.options.unsavedclass); 
+                } else {
+                    this.$element.addClass(this.options.unsavedclass);                    
+                }
+            }
+            
+            //highlight when saving
+            if(this.options.highlight) {
+                var $e = this.$element,
+                    bgColor = $e.css('background-color');
+                    
+                $e.css('background-color', this.options.highlight);
+                setTimeout(function(){
+                    if(bgColor === 'transparent') {
+                        bgColor = ''; 
+                    }
+                    $e.css('background-color', bgColor);
+                    $e.addClass('editable-bg-transition');
+                    setTimeout(function(){
+                       $e.removeClass('editable-bg-transition');  
+                    }, 1700);
+                }, 10);
+            }
+            
+            //set new value
+            this.setValue(params.newValue, false, params.response);
+            
+            /**        
+            Fired when new value was submitted. You can use <code>$(this).data('editable')</code> to access to editable instance
+            
+            @event save 
+            @param {Object} event event object
+            @param {Object} params additional params
+            @param {mixed} params.newValue submitted value
+            @param {Object} params.response ajax response
+            @example
+            $('#username').on('save', function(e, params) {
+                alert('Saved value: ' + params.newValue);
+            });
+            **/
+            //event itself is triggered by editableContainer. Description here is only for documentation              
+        },
+
+        validate: function () {
+            if (typeof this.options.validate === 'function') {
+                return this.options.validate.call(this, this.value);
+            }
+        },
+        
+        /**
+        Sets new value of editable
+        @method setValue(value, convertStr)
+        @param {mixed} value new value 
+        @param {boolean} convertStr whether to convert value from string to internal format
+        **/         
+        setValue: function(value, convertStr, response) {
+            if(convertStr) {
+                this.value = this.input.str2value(value);
+            } else {
+                this.value = value;
+            }
+            if(this.container) {
+                this.container.option('value', this.value);
+            }
+            $.when(this.render(response))
+            .then($.proxy(function() {
+                this.handleEmpty();
+            }, this));
+        },
+        
+        /**
+        Activates input of visible container (e.g. set focus)
+        @method activate()
+        **/         
+        activate: function() {
+            if(this.container) {
+               this.container.activate(); 
+            }
+        },
+        
+        /**
+        Removes editable feature from element
+        @method destroy()
+        **/        
+        destroy: function() {
+            this.disable();
+            
+            if(this.container) {
+               this.container.destroy(); 
+            }
+            
+            this.input.destroy();
+
+            if(this.options.toggle !== 'manual') {
+                this.$element.removeClass('editable-click');
+                this.$element.off(this.options.toggle + '.editable');
+            } 
+            
+            this.$element.off("save.internal");
+            
+            this.$element.removeClass('editable editable-open editable-disabled');
+            this.$element.removeData('editable');
+        }        
+    };
+
+    /* EDITABLE PLUGIN DEFINITION
+    * ======================= */
+
+    /**
+    jQuery method to initialize editable element.
+    
+    @method $().editable(options)
+    @params {Object} options
+    @example
+    $('#username').editable({
+        type: 'text',
+        url: '/post',
+        pk: 1
+    });
+    **/
+    $.fn.editable = function (option) {
+        //special API methods returning non-jquery object
+        var result = {}, args = arguments, datakey = 'editable';
+        switch (option) {
+            /**
+            Runs client-side validation for all matched editables
+            
+            @method validate()
+            @returns {Object} validation errors map
+            @example
+            $('#username, #fullname').editable('validate');
+            // possible result:
+            {
+              username: "username is required",
+              fullname: "fullname should be minimum 3 letters length"
+            }
+            **/
+            case 'validate':
+                this.each(function () {
+                    var $this = $(this), data = $this.data(datakey), error;
+                    if (data && (error = data.validate())) {
+                        result[data.options.name] = error;
+                    }
+                });
+            return result;
+
+            /**
+            Returns current values of editable elements.   
+            Note that it returns an **object** with name-value pairs, not a value itself. It allows to get data from several elements.    
+            If value of some editable is `null` or `undefined` it is excluded from result object.
+            When param `isSingle` is set to **true** - it is supposed you have single element and will return value of editable instead of object.   
+             
+            @method getValue()
+            @param {bool} isSingle whether to return just value of single element
+            @returns {Object} object of element names and values
+            @example
+            $('#username, #fullname').editable('getValue');
+            //result:
+            {
+            username: "superuser",
+            fullname: "John"
+            }
+            //isSingle = true
+            $('#username').editable('getValue', true);
+            //result "superuser" 
+            **/
+            case 'getValue':
+                if(arguments.length === 2 && arguments[1] === true) { //isSingle = true
+                    result = this.eq(0).data(datakey).value;
+                } else {
+                    this.each(function () {
+                        var $this = $(this), data = $this.data(datakey);
+                        if (data && data.value !== undefined && data.value !== null) {
+                            result[data.options.name] = data.input.value2submit(data.value);
+                        }
+                    });
+                }
+            return result;
+
+            /**
+            This method collects values from several editable elements and submit them all to server.   
+            Internally it runs client-side validation for all fields and submits only in case of success.  
+            See <a href="#newrecord">creating new records</a> for details.  
+            Since 1.5.1 `submit` can be applied to single element to send data programmatically. In that case
+            `url`, `success` and `error` is taken from initial options and you can just call `$('#username').editable('submit')`. 
+            
+            @method submit(options)
+            @param {object} options 
+            @param {object} options.url url to submit data 
+            @param {object} options.data additional data to submit
+            @param {object} options.ajaxOptions additional ajax options
+            @param {function} options.error(obj) error handler 
+            @param {function} options.success(obj,config) success handler
+            @returns {Object} jQuery object
+            **/
+            case 'submit':  //collects value, validate and submit to server for creating new record
+                var config = arguments[1] || {},
+                $elems = this,
+                errors = this.editable('validate');
+
+                // validation ok
+                if($.isEmptyObject(errors)) {
+                    var ajaxOptions = {};
+                                                      
+                    // for single element use url, success etc from options
+                    if($elems.length === 1) {
+                        var editable = $elems.data('editable');
+                        //standard params
+                        var params = {
+                            name: editable.options.name || '',
+                            value: editable.input.value2submit(editable.value),
+                            pk: (typeof editable.options.pk === 'function') ? 
+                                editable.options.pk.call(editable.options.scope) : 
+                                editable.options.pk 
+                        };
+
+                        //additional params
+                        if(typeof editable.options.params === 'function') {
+                            params = editable.options.params.call(editable.options.scope, params);  
+                        } else {
+                            //try parse json in single quotes (from data-params attribute)
+                            editable.options.params = $.fn.editableutils.tryParseJson(editable.options.params, true);   
+                            $.extend(params, editable.options.params);
+                        }
+
+                        ajaxOptions = {
+                            url: editable.options.url,
+                            data: params,
+                            type: 'POST'  
+                        };
+                        
+                        // use success / error from options 
+                        config.success = config.success || editable.options.success;
+                        config.error = config.error || editable.options.error;
+                        
+                    // multiple elements
+                    } else {
+                        var values = this.editable('getValue'); 
+                        
+                        ajaxOptions = {
+                            url: config.url,
+                            data: values, 
+                            type: 'POST'
+                        };                        
+                    }                    
+
+                    // ajax success callabck (response 200 OK)
+                    ajaxOptions.success = typeof config.success === 'function' ? function(response) {
+                            config.success.call($elems, response, config);
+                        } : $.noop;
+                                  
+                    // ajax error callabck
+                    ajaxOptions.error = typeof config.error === 'function' ? function() {
+                             config.error.apply($elems, arguments);
+                        } : $.noop;
+                       
+                    // extend ajaxOptions    
+                    if(config.ajaxOptions) { 
+                        $.extend(ajaxOptions, config.ajaxOptions);
+                    }
+                    
+                    // extra data 
+                    if(config.data) {
+                        $.extend(ajaxOptions.data, config.data);
+                    }                     
+                    
+                    // perform ajax request
+                    $.ajax(ajaxOptions);
+                } else { //client-side validation error
+                    if(typeof config.error === 'function') {
+                        config.error.call($elems, errors);
+                    }
+                }
+            return this;
+        }
+
+        //return jquery object
+        return this.each(function () {
+            var $this = $(this), 
+                data = $this.data(datakey), 
+                options = typeof option === 'object' && option;
+
+            //for delegated targets do not store `editable` object for element
+            //it's allows several different selectors.
+            //see: https://github.com/vitalets/x-editable/issues/312    
+            if(options && options.selector) {
+                data = new Editable(this, options);
+                return; 
+            }    
+            
+            if (!data) {
+                $this.data(datakey, (data = new Editable(this, options)));
+            }
+
+            if (typeof option === 'string') { //call method 
+                data[option].apply(data, Array.prototype.slice.call(args, 1));
+            } 
+        });
+    };    
+            
+
+    $.fn.editable.defaults = {
+        /**
+        Type of input. Can be <code>text|textarea|select|date|checklist</code> and more
+
+        @property type 
+        @type string
+        @default 'text'
+        **/
+        type: 'text',        
+        /**
+        Sets disabled state of editable
+
+        @property disabled 
+        @type boolean
+        @default false
+        **/         
+        disabled: false,
+        /**
+        How to toggle editable. Can be <code>click|dblclick|mouseenter|manual</code>.   
+        When set to <code>manual</code> you should manually call <code>show/hide</code> methods of editable.    
+        **Note**: if you call <code>show</code> or <code>toggle</code> inside **click** handler of some DOM element, 
+        you need to apply <code>e.stopPropagation()</code> because containers are being closed on any click on document.
+        
+        @example
+        $('#edit-button').click(function(e) {
+            e.stopPropagation();
+            $('#username').editable('toggle');
+        });
+
+        @property toggle 
+        @type string
+        @default 'click'
+        **/          
+        toggle: 'click',
+        /**
+        Text shown when element is empty.
+
+        @property emptytext 
+        @type string
+        @default 'Empty'
+        **/         
+        emptytext: 'Empty',
+        /**
+        Allows to automatically set element's text based on it's value. Can be <code>auto|always|never</code>. Useful for select and date.
+        For example, if dropdown list is <code>{1: 'a', 2: 'b'}</code> and element's value set to <code>1</code>, it's html will be automatically set to <code>'a'</code>.  
+        <code>auto</code> - text will be automatically set only if element is empty.  
+        <code>always|never</code> - always(never) try to set element's text.
+
+        @property autotext 
+        @type string
+        @default 'auto'
+        **/          
+        autotext: 'auto', 
+        /**
+        Initial value of input. If not set, taken from element's text.  
+        Note, that if element's text is empty - text is automatically generated from value and can be customized (see `autotext` option).  
+        For example, to display currency sign:
+        @example
+        <a id="price" data-type="text" data-value="100"></a>
+        <script>
+        $('#price').editable({
+            ...
+            display: function(value) {
+              $(this).text(value + '$');
+            } 
+        }) 
+        </script>
+                
+        @property value 
+        @type mixed
+        @default element's text
+        **/
+        value: null,
+        /**
+        Callback to perform custom displaying of value in element's text.  
+        If `null`, default input's display used.  
+        If `false`, no displaying methods will be called, element's text will never change.  
+        Runs under element's scope.  
+        _**Parameters:**_  
+        
+        * `value` current value to be displayed
+        * `response` server response (if display called after ajax submit), since 1.4.0
+         
+        For _inputs with source_ (select, checklist) parameters are different:  
+          
+        * `value` current value to be displayed
+        * `sourceData` array of items for current input (e.g. dropdown items) 
+        * `response` server response (if display called after ajax submit), since 1.4.0
+                  
+        To get currently selected items use `$.fn.editableutils.itemsByValue(value, sourceData)`.
+        
+        @property display 
+        @type function|boolean
+        @default null
+        @since 1.2.0
+        @example
+        display: function(value, sourceData) {
+           //display checklist as comma-separated values
+           var html = [],
+               checked = $.fn.editableutils.itemsByValue(value, sourceData);
+               
+           if(checked.length) {
+               $.each(checked, function(i, v) { html.push($.fn.editableutils.escape(v.text)); });
+               $(this).html(html.join(', '));
+           } else {
+               $(this).empty(); 
+           }
+        }
+        **/          
+        display: null,
+        /**
+        Css class applied when editable text is empty.
+
+        @property emptyclass 
+        @type string
+        @since 1.4.1        
+        @default editable-empty
+        **/        
+        emptyclass: 'editable-empty',
+        /**
+        Css class applied when value was stored but not sent to server (`pk` is empty or `send = 'never'`).  
+        You may set it to `null` if you work with editables locally and submit them together.  
+
+        @property unsavedclass 
+        @type string
+        @since 1.4.1        
+        @default editable-unsaved
+        **/        
+        unsavedclass: 'editable-unsaved',
+        /**
+        If selector is provided, editable will be delegated to the specified targets.  
+        Usefull for dynamically generated DOM elements.  
+        **Please note**, that delegated targets can't be initialized with `emptytext` and `autotext` options, 
+        as they actually become editable only after first click.  
+        You should manually set class `editable-click` to these elements.  
+        Also, if element originally empty you should add class `editable-empty`, set `data-value=""` and write emptytext into element:
+
+        @property selector 
+        @type string
+        @since 1.4.1        
+        @default null
+        @example
+        <div id="user">
+          <!-- empty -->
+          <a href="#" data-name="username" data-type="text" class="editable-click editable-empty" data-value="" title="Username">Empty</a>
+          <!-- non-empty -->
+          <a href="#" data-name="group" data-type="select" data-source="/groups" data-value="1" class="editable-click" title="Group">Operator</a>
+        </div>     
+        
+        <script>
+        $('#user').editable({
+            selector: 'a',
+            url: '/post',
+            pk: 1
+        });
+        </script>
+        **/         
+        selector: null,
+        /**
+        Color used to highlight element after update. Implemented via CSS3 transition, works in modern browsers.
+        
+        @property highlight 
+        @type string|boolean
+        @since 1.4.5        
+        @default #FFFF80 
+        **/
+        highlight: '#FFFF80'
+    };
+    
+}(window.jQuery));
+
+/**
+AbstractInput - base class for all editable inputs.
+It defines interface to be implemented by any input type.
+To create your own input you can inherit from this class.
+
+@class abstractinput
+**/
+(function ($) {
+    "use strict";
+
+    //types
+    $.fn.editabletypes = {};
+
+    var AbstractInput = function () { };
+
+    AbstractInput.prototype = {
+       /**
+        Initializes input
+
+        @method init() 
+        **/
+       init: function(type, options, defaults) {
+           this.type = type;
+           this.options = $.extend({}, defaults, options);
+       },
+
+       /*
+       this method called before render to init $tpl that is inserted in DOM
+       */
+       prerender: function() {
+           this.$tpl = $(this.options.tpl); //whole tpl as jquery object    
+           this.$input = this.$tpl;         //control itself, can be changed in render method
+           this.$clear = null;              //clear button
+           this.error = null;               //error message, if input cannot be rendered           
+       },
+       
+       /**
+        Renders input from tpl. Can return jQuery deferred object.
+        Can be overwritten in child objects
+
+        @method render()
+       **/
+       render: function() {
+
+       }, 
+
+       /**
+        Sets element's html by value. 
+
+        @method value2html(value, element)
+        @param {mixed} value
+        @param {DOMElement} element
+       **/
+       value2html: function(value, element) {
+           $(element)[this.options.escape ? 'text' : 'html']($.trim(value));
+       },
+
+       /**
+        Converts element's html to value
+
+        @method html2value(html)
+        @param {string} html
+        @returns {mixed}
+       **/
+       html2value: function(html) {
+           return $('<div>').html(html).text();
+       },
+
+       /**
+        Converts value to string (for internal compare). For submitting to server used value2submit().
+
+        @method value2str(value) 
+        @param {mixed} value
+        @returns {string}
+       **/
+       value2str: function(value) {
+           return value;
+       }, 
+
+       /**
+        Converts string received from server into value. Usually from `data-value` attribute.
+
+        @method str2value(str)
+        @param {string} str
+        @returns {mixed}
+       **/
+       str2value: function(str) {
+           return str;
+       }, 
+       
+       /**
+        Converts value for submitting to server. Result can be string or object.
+
+        @method value2submit(value) 
+        @param {mixed} value
+        @returns {mixed}
+       **/
+       value2submit: function(value) {
+           return value;
+       },
+
+       /**
+        Sets value of input.
+
+        @method value2input(value) 
+        @param {mixed} value
+       **/
+       value2input: function(value) {
+           this.$input.val(value);
+       },
+
+       /**
+        Returns value of input. Value can be object (e.g. datepicker)
+
+        @method input2value() 
+       **/
+       input2value: function() { 
+           return this.$input.val();
+       }, 
+
+       /**
+        Activates input. For text it sets focus.
+
+        @method activate() 
+       **/
+       activate: function() {
+           if(this.$input.is(':visible')) {
+               this.$input.focus();
+           }
+       },
+
+       /**
+        Creates input.
+
+        @method clear() 
+       **/        
+       clear: function() {
+           this.$input.val(null);
+       },
+
+       /**
+        method to escape html.
+       **/
+       escape: function(str) {
+           return $('<div>').text(str).html();
+       },
+       
+       /**
+        attach handler to automatically submit form when value changed (useful when buttons not shown)
+       **/
+       autosubmit: function() {
+        
+       },
+       
+       /**
+       Additional actions when destroying element 
+       **/
+       destroy: function() {
+       },
+
+       // -------- helper functions --------
+       setClass: function() {          
+           if(this.options.inputclass) {
+               this.$input.addClass(this.options.inputclass); 
+           } 
+       },
+
+       setAttr: function(attr) {
+           if (this.options[attr] !== undefined && this.options[attr] !== null) {
+               this.$input.attr(attr, this.options[attr]);
+           } 
+       },
+       
+       option: function(key, value) {
+            this.options[key] = value;
+       }
+       
+    };
+        
+    AbstractInput.defaults = {  
+        /**
+        HTML template of input. Normally you should not change it.
+
+        @property tpl 
+        @type string
+        @default ''
+        **/   
+        tpl: '',
+        /**
+        CSS class automatically applied to input
+        
+        @property inputclass 
+        @type string
+        @default null
+        **/         
+        inputclass: null,
+        
+        /**
+        If `true` - html will be escaped in content of element via $.text() method.  
+        If `false` - html will not be escaped, $.html() used.  
+        When you use own `display` function, this option obviosly has no effect.
+        
+        @property escape 
+        @type boolean
+        @since 1.5.0
+        @default true
+        **/         
+        escape: true,
+                
+        //scope for external methods (e.g. source defined as function)
+        //for internal use only
+        scope: null,
+        
+        //need to re-declare showbuttons here to get it's value from common config (passed only options existing in defaults)
+        showbuttons: true 
+    };
+    
+    $.extend($.fn.editabletypes, {abstractinput: AbstractInput});
+        
+}(window.jQuery));
+
+/**
+List - abstract class for inputs that have source option loaded from js array or via ajax
+
+@class list
+@extends abstractinput
+**/
+(function ($) {
+    "use strict";
+    
+    var List = function (options) {
+       
+    };
+
+    $.fn.editableutils.inherit(List, $.fn.editabletypes.abstractinput);
+
+    $.extend(List.prototype, {
+        render: function () {
+            var deferred = $.Deferred();
+
+            this.error = null;
+            this.onSourceReady(function () {
+                this.renderList();
+                deferred.resolve();
+            }, function () {
+                this.error = this.options.sourceError;
+                deferred.resolve();
+            });
+
+            return deferred.promise();
+        },
+
+        html2value: function (html) {
+            return null; //can't set value by text
+        },
+        
+        value2html: function (value, element, display, response) {
+            var deferred = $.Deferred(),
+                success = function () {
+                    if(typeof display === 'function') {
+                        //custom display method
+                        display.call(element, value, this.sourceData, response); 
+                    } else {
+                        this.value2htmlFinal(value, element);
+                    }
+                    deferred.resolve();
+               };
+            
+            //for null value just call success without loading source
+            if(value === null) {
+               success.call(this);   
+            } else {
+               this.onSourceReady(success, function () { deferred.resolve(); });
+            }
+
+            return deferred.promise();
+        },  
+
+        // ------------- additional functions ------------
+
+        onSourceReady: function (success, error) {
+            //run source if it function
+            var source;
+            if ($.isFunction(this.options.source)) {
+                source = this.options.source.call(this.options.scope);
+                this.sourceData = null;
+                //note: if function returns the same source as URL - sourceData will be taken from cahce and no extra request performed
+            } else {
+                source = this.options.source;
+            }            
+            
+            //if allready loaded just call success
+            if(this.options.sourceCache && $.isArray(this.sourceData)) {
+                success.call(this);
+                return; 
+            }
+
+            //try parse json in single quotes (for double quotes jquery does automatically)
+            try {
+                source = $.fn.editableutils.tryParseJson(source, false);
+            } catch (e) {
+                error.call(this);
+                return;
+            }
+
+            //loading from url
+            if (typeof source === 'string') {
+                //try to get sourceData from cache
+                if(this.options.sourceCache) {
+                    var cacheID = source,
+                    cache;
+
+                    if (!$(document).data(cacheID)) {
+                        $(document).data(cacheID, {});
+                    }
+                    cache = $(document).data(cacheID);
+
+                    //check for cached data
+                    if (cache.loading === false && cache.sourceData) { //take source from cache
+                        this.sourceData = cache.sourceData;
+                        this.doPrepend();
+                        success.call(this);
+                        return;
+                    } else if (cache.loading === true) { //cache is loading, put callback in stack to be called later
+                        cache.callbacks.push($.proxy(function () {
+                            this.sourceData = cache.sourceData;
+                            this.doPrepend();
+                            success.call(this);
+                        }, this));
+
+                        //also collecting error callbacks
+                        cache.err_callbacks.push($.proxy(error, this));
+                        return;
+                    } else { //no cache yet, activate it
+                        cache.loading = true;
+                        cache.callbacks = [];
+                        cache.err_callbacks = [];
+                    }
+                }
+                
+                //ajaxOptions for source. Can be overwritten bt options.sourceOptions
+                var ajaxOptions = $.extend({
+                    url: source,
+                    type: 'get',
+                    cache: false,
+                    dataType: 'json',
+                    success: $.proxy(function (data) {
+                        if(cache) {
+                            cache.loading = false;
+                        }
+                        this.sourceData = this.makeArray(data);
+                        if($.isArray(this.sourceData)) {
+                            if(cache) {
+                                //store result in cache
+                                cache.sourceData = this.sourceData;
+                                //run success callbacks for other fields waiting for this source
+                                $.each(cache.callbacks, function () { this.call(); }); 
+                            }
+                            this.doPrepend();
+                            success.call(this);
+                        } else {
+                            error.call(this);
+                            if(cache) {
+                                //run error callbacks for other fields waiting for this source
+                                $.each(cache.err_callbacks, function () { this.call(); }); 
+                            }
+                        }
+                    }, this),
+                    error: $.proxy(function () {
+                        error.call(this);
+                        if(cache) {
+                             cache.loading = false;
+                             //run error callbacks for other fields
+                             $.each(cache.err_callbacks, function () { this.call(); }); 
+                        }
+                    }, this)
+                }, this.options.sourceOptions);
+                
+                //loading sourceData from server
+                $.ajax(ajaxOptions);
+                
+            } else { //options as json/array
+                this.sourceData = this.makeArray(source);
+                    
+                if($.isArray(this.sourceData)) {
+                    this.doPrepend();
+                    success.call(this);   
+                } else {
+                    error.call(this);
+                }
+            }
+        },
+
+        doPrepend: function () {
+            if(this.options.prepend === null || this.options.prepend === undefined) {
+                return;  
+            }
+            
+            if(!$.isArray(this.prependData)) {
+                //run prepend if it is function (once)
+                if ($.isFunction(this.options.prepend)) {
+                    this.options.prepend = this.options.prepend.call(this.options.scope);
+                }
+              
+                //try parse json in single quotes
+                this.options.prepend = $.fn.editableutils.tryParseJson(this.options.prepend, true);
+                
+                //convert prepend from string to object
+                if (typeof this.options.prepend === 'string') {
+                    this.options.prepend = {'': this.options.prepend};
+                }
+                
+                this.prependData = this.makeArray(this.options.prepend);
+            }
+
+            if($.isArray(this.prependData) && $.isArray(this.sourceData)) {
+                this.sourceData = this.prependData.concat(this.sourceData);
+            }
+        },
+
+        /*
+         renders input list
+        */
+        renderList: function() {
+            // this method should be overwritten in child class
+        },
+       
+         /*
+         set element's html by value
+        */
+        value2htmlFinal: function(value, element) {
+            // this method should be overwritten in child class
+        },        
+
+        /**
+        * convert data to array suitable for sourceData, e.g. [{value: 1, text: 'abc'}, {...}]
+        */
+        makeArray: function(data) {
+            var count, obj, result = [], item, iterateItem;
+            if(!data || typeof data === 'string') {
+                return null; 
+            }
+
+            if($.isArray(data)) { //array
+                /* 
+                   function to iterate inside item of array if item is object.
+                   Caclulates count of keys in item and store in obj. 
+                */
+                iterateItem = function (k, v) {
+                    obj = {value: k, text: v};
+                    if(count++ >= 2) {
+                        return false;// exit from `each` if item has more than one key.
+                    }
+                };
+            
+                for(var i = 0; i < data.length; i++) {
+                    item = data[i]; 
+                    if(typeof item === 'object') {
+                        count = 0; //count of keys inside item
+                        $.each(item, iterateItem);
+                        //case: [{val1: 'text1'}, {val2: 'text2} ...]
+                        if(count === 1) { 
+                            result.push(obj); 
+                            //case: [{value: 1, text: 'text1'}, {value: 2, text: 'text2'}, ...]
+                        } else if(count > 1) {
+                            //removed check of existance: item.hasOwnProperty('value') && item.hasOwnProperty('text')
+                            if(item.children) {
+                                item.children = this.makeArray(item.children);   
+                            }
+                            result.push(item);
+                        }
+                    } else {
+                        //case: ['text1', 'text2' ...]
+                        result.push({value: item, text: item}); 
+                    }
+                }
+            } else {  //case: {val1: 'text1', val2: 'text2, ...}
+                $.each(data, function (k, v) {
+                    result.push({value: k, text: v});
+                });  
+            }
+            return result;
+        },
+        
+        option: function(key, value) {
+            this.options[key] = value;
+            if(key === 'source') {
+                this.sourceData = null;
+            }
+            if(key === 'prepend') {
+                this.prependData = null;
+            }            
+        }        
+
+    });      
+
+    List.defaults = $.extend({}, $.fn.editabletypes.abstractinput.defaults, {
+        /**
+        Source data for list.  
+        If **array** - it should be in format: `[{value: 1, text: "text1"}, {value: 2, text: "text2"}, ...]`  
+        For compability, object format is also supported: `{"1": "text1", "2": "text2" ...}` but it does not guarantee elements order.
+        
+        If **string** - considered ajax url to load items. In that case results will be cached for fields with the same source and name. See also `sourceCache` option.
+          
+        If **function**, it should return data in format above (since 1.4.0).
+        
+        Since 1.4.1 key `children` supported to render OPTGROUP (for **select** input only).  
+        `[{text: "group1", children: [{value: 1, text: "text1"}, {value: 2, text: "text2"}]}, ...]` 
+
+		
+        @property source 
+        @type string | array | object | function
+        @default null
+        **/         
+        source: null, 
+        /**
+        Data automatically prepended to the beginning of dropdown list.
+        
+        @property prepend 
+        @type string | array | object | function
+        @default false
+        **/         
+        prepend: false,
+        /**
+        Error message when list cannot be loaded (e.g. ajax error)
+        
+        @property sourceError 
+        @type string
+        @default Error when loading list
+        **/          
+        sourceError: 'Error when loading list',
+        /**
+        if <code>true</code> and source is **string url** - results will be cached for fields with the same source.    
+        Usefull for editable column in grid to prevent extra requests.
+        
+        @property sourceCache 
+        @type boolean
+        @default true
+        @since 1.2.0
+        **/        
+        sourceCache: true,
+        /**
+        Additional ajax options to be used in $.ajax() when loading list from server.
+        Useful to send extra parameters (`data` key) or change request method (`type` key).
+        
+        @property sourceOptions 
+        @type object|function
+        @default null
+        @since 1.5.0
+        **/        
+        sourceOptions: null
+    });
+
+    $.fn.editabletypes.list = List;      
+
+}(window.jQuery));
+
+/**
+Text input
+
+@class text
+@extends abstractinput
+@final
+@example
+<a href="#" id="username" data-type="text" data-pk="1">awesome</a>
+<script>
+$(function(){
+    $('#username').editable({
+        url: '/post',
+        title: 'Enter username'
+    });
+});
+</script>
+**/
+(function ($) {
+    "use strict";
+    
+    var Text = function (options) {
+        this.init('text', options, Text.defaults);
+    };
+
+    $.fn.editableutils.inherit(Text, $.fn.editabletypes.abstractinput);
+
+    $.extend(Text.prototype, {
+        render: function() {
+           this.renderClear();
+           this.setClass();
+           this.setAttr('placeholder');
+        },
+        
+        activate: function() {
+            if(this.$input.is(':visible')) {
+                this.$input.focus();
+                $.fn.editableutils.setCursorPosition(this.$input.get(0), this.$input.val().length);
+                if(this.toggleClear) {
+                    this.toggleClear();
+                }
+            }
+        },
+        
+        //render clear button
+        renderClear:  function() {
+           if (this.options.clear) {
+               this.$clear = $('<span class="editable-clear-x"></span>');
+               this.$input.after(this.$clear)
+                          .css('padding-right', 24)
+                          .keyup($.proxy(function(e) {
+                              //arrows, enter, tab, etc
+                              if(~$.inArray(e.keyCode, [40,38,9,13,27])) {
+                                return;
+                              }                            
+
+                              clearTimeout(this.t);
+                              var that = this;
+                              this.t = setTimeout(function() {
+                                that.toggleClear(e);
+                              }, 100);
+                              
+                          }, this))
+                          .parent().css('position', 'relative');
+                          
+               this.$clear.click($.proxy(this.clear, this));                       
+           }            
+        },
+        
+        postrender: function() {
+            /*
+            //now `clear` is positioned via css
+            if(this.$clear) {
+                //can position clear button only here, when form is shown and height can be calculated
+//                var h = this.$input.outerHeight(true) || 20,
+                var h = this.$clear.parent().height(),
+                    delta = (h - this.$clear.height()) / 2;
+                    
+                //this.$clear.css({bottom: delta, right: delta});
+            }
+            */ 
+        },
+        
+        //show / hide clear button
+        toggleClear: function(e) {
+            if(!this.$clear) {
+                return;
+            }
+            
+            var len = this.$input.val().length,
+                visible = this.$clear.is(':visible');
+                 
+            if(len && !visible) {
+                this.$clear.show();
+            } 
+            
+            if(!len && visible) {
+                this.$clear.hide();
+            } 
+        },
+        
+        clear: function() {
+           this.$clear.hide();
+           this.$input.val('').focus();
+        }          
+    });
+
+    Text.defaults = $.extend({}, $.fn.editabletypes.abstractinput.defaults, {
+        /**
+        @property tpl 
+        @default <input type="text">
+        **/         
+        tpl: '<input type="text">',
+        /**
+        Placeholder attribute of input. Shown when input is empty.
+
+        @property placeholder 
+        @type string
+        @default null
+        **/             
+        placeholder: null,
+        
+        /**
+        Whether to show `clear` button 
+        
+        @property clear 
+        @type boolean
+        @default true        
+        **/
+        clear: true
+    });
+
+    $.fn.editabletypes.text = Text;
+
+}(window.jQuery));
+
+/**
+Textarea input
+
+@class textarea
+@extends abstractinput
+@final
+@example
+<a href="#" id="comments" data-type="textarea" data-pk="1">awesome comment!</a>
+<script>
+$(function(){
+    $('#comments').editable({
+        url: '/post',
+        title: 'Enter comments',
+        rows: 10
+    });
+});
+</script>
+**/
+(function ($) {
+    "use strict";
+    
+    var Textarea = function (options) {
+        this.init('textarea', options, Textarea.defaults);
+    };
+
+    $.fn.editableutils.inherit(Textarea, $.fn.editabletypes.abstractinput);
+
+    $.extend(Textarea.prototype, {
+        render: function () {
+            this.setClass();
+            this.setAttr('placeholder');
+            this.setAttr('rows');                        
+            
+            //ctrl + enter
+            this.$input.keydown(function (e) {
+                if (e.ctrlKey && e.which === 13) {
+                    $(this).closest('form').submit();
+                }
+            });
+        },
+        
+       //using `white-space: pre-wrap` solves \n  <--> BR conversion very elegant!
+       /* 
+       value2html: function(value, element) {
+            var html = '', lines;
+            if(value) {
+                lines = value.split("\n");
+                for (var i = 0; i < lines.length; i++) {
+                    lines[i] = $('<div>').text(lines[i]).html();
+                }
+                html = lines.join('<br>');
+            }
+            $(element).html(html);
+        },
+       
+        html2value: function(html) {
+            if(!html) {
+                return '';
+            }
+
+            var regex = new RegExp(String.fromCharCode(10), 'g');
+            var lines = html.split(/<br\s*\/?>/i);
+            for (var i = 0; i < lines.length; i++) {
+                var text = $('<div>').html(lines[i]).text();
+
+                // Remove newline characters (\n) to avoid them being converted by value2html() method
+                // thus adding extra <br> tags
+                text = text.replace(regex, '');
+
+                lines[i] = text;
+            }
+            return lines.join("\n");
+        },
+         */
+        activate: function() {
+            $.fn.editabletypes.text.prototype.activate.call(this);
+        }
+    });
+
+    Textarea.defaults = $.extend({}, $.fn.editabletypes.abstractinput.defaults, {
+        /**
+        @property tpl
+        @default <textarea></textarea>
+        **/
+        tpl:'<textarea></textarea>',
+        /**
+        @property inputclass
+        @default input-large
+        **/
+        inputclass: 'input-large',
+        /**
+        Placeholder attribute of input. Shown when input is empty.
+
+        @property placeholder
+        @type string
+        @default null
+        **/
+        placeholder: null,
+        /**
+        Number of rows in textarea
+
+        @property rows
+        @type integer
+        @default 7
+        **/        
+        rows: 7        
+    });
+
+    $.fn.editabletypes.textarea = Textarea;
+
+}(window.jQuery));
+
+/**
+Select (dropdown)
+
+@class select
+@extends list
+@final
+@example
+<a href="#" id="status" data-type="select" data-pk="1" data-url="/post" data-title="Select status"></a>
+<script>
+$(function(){
+    $('#status').editable({
+        value: 2,    
+        source: [
+              {value: 1, text: 'Active'},
+              {value: 2, text: 'Blocked'},
+              {value: 3, text: 'Deleted'}
+           ]
+    });
+});
+</script>
+**/
+(function ($) {
+    "use strict";
+    
+    var Select = function (options) {
+        this.init('select', options, Select.defaults);
+    };
+
+    $.fn.editableutils.inherit(Select, $.fn.editabletypes.list);
+
+    $.extend(Select.prototype, {
+        renderList: function() {
+            this.$input.empty();
+
+            var fillItems = function($el, data) {
+                var attr;
+                if($.isArray(data)) {
+                    for(var i=0; i<data.length; i++) {
+                        attr = {};
+                        if(data[i].children) {
+                            attr.label = data[i].text;
+                            $el.append(fillItems($('<optgroup>', attr), data[i].children)); 
+                        } else {
+                            attr.value = data[i].value;
+                            if(data[i].disabled) {
+                                attr.disabled = true;
+                            }
+                            $el.append($('<option>', attr).text(data[i].text)); 
+                        }
+                    }
+                }
+                return $el;
+            };        
+
+            fillItems(this.$input, this.sourceData);
+            
+            this.setClass();
+            
+            //enter submit
+            this.$input.on('keydown.editable', function (e) {
+                if (e.which === 13) {
+                    $(this).closest('form').submit();
+                }
+            });            
+        },
+       
+        value2htmlFinal: function(value, element) {
+            var text = '', 
+                items = $.fn.editableutils.itemsByValue(value, this.sourceData);
+                
+            if(items.length) {
+                text = items[0].text;
+            }
+            
+            //$(element).text(text);
+            $.fn.editabletypes.abstractinput.prototype.value2html.call(this, text, element);
+        },
+        
+        autosubmit: function() {
+            this.$input.off('keydown.editable').on('change.editable', function(){
+                $(this).closest('form').submit();
+            });
+        }
+    });      
+
+    Select.defaults = $.extend({}, $.fn.editabletypes.list.defaults, {
+        /**
+        @property tpl 
+        @default <select></select>
+        **/         
+        tpl:'<select></select>'
+    });
+
+    $.fn.editabletypes.select = Select;      
+
+}(window.jQuery));
+
+/**
+List of checkboxes. 
+Internally value stored as javascript array of values.
+
+@class checklist
+@extends list
+@final
+@example
+<a href="#" id="options" data-type="checklist" data-pk="1" data-url="/post" data-title="Select options"></a>
+<script>
+$(function(){
+    $('#options').editable({
+        value: [2, 3],    
+        source: [
+              {value: 1, text: 'option1'},
+              {value: 2, text: 'option2'},
+              {value: 3, text: 'option3'}
+           ]
+    });
+});
+</script>
+**/
+(function ($) {
+    "use strict";
+    
+    var Checklist = function (options) {
+        this.init('checklist', options, Checklist.defaults);
+    };
+
+    $.fn.editableutils.inherit(Checklist, $.fn.editabletypes.list);
+
+    $.extend(Checklist.prototype, {
+        renderList: function() {
+            var $label, $div;
+            
+            this.$tpl.empty();
+            
+            if(!$.isArray(this.sourceData)) {
+                return;
+            }
+
+            for(var i=0; i<this.sourceData.length; i++) {
+                $label = $('<label>').append($('<input>', {
+                                           type: 'checkbox',
+                                           value: this.sourceData[i].value 
+                                     }))
+                                     .append($('<span>').text(' '+this.sourceData[i].text));
+                
+                $('<div>').append($label).appendTo(this.$tpl);
+            }
+            
+            this.$input = this.$tpl.find('input[type="checkbox"]');
+            this.setClass();
+        },
+       
+       value2str: function(value) {
+           return $.isArray(value) ? value.sort().join($.trim(this.options.separator)) : '';
+       },  
+       
+       //parse separated string
+        str2value: function(str) {
+           var reg, value = null;
+           if(typeof str === 'string' && str.length) {
+               reg = new RegExp('\\s*'+$.trim(this.options.separator)+'\\s*');
+               value = str.split(reg);
+           } else if($.isArray(str)) {
+               value = str; 
+           } else {
+               value = [str];
+           }
+           return value;
+        },       
+       
+       //set checked on required checkboxes
+       value2input: function(value) {
+            this.$input.prop('checked', false);
+            if($.isArray(value) && value.length) {
+               this.$input.each(function(i, el) {
+                   var $el = $(el);
+                   // cannot use $.inArray as it performs strict comparison
+                   $.each(value, function(j, val){
+                       /*jslint eqeq: true*/
+                       if($el.val() == val) {
+                       /*jslint eqeq: false*/                           
+                           $el.prop('checked', true);
+                       }
+                   });
+               }); 
+            }  
+        },  
+        
+       input2value: function() { 
+           var checked = [];
+           this.$input.filter(':checked').each(function(i, el) {
+               checked.push($(el).val());
+           });
+           return checked;
+       },            
+          
+       //collect text of checked boxes
+        value2htmlFinal: function(value, element) {
+           var html = [],
+               checked = $.fn.editableutils.itemsByValue(value, this.sourceData),
+               escape = this.options.escape;
+               
+           if(checked.length) {
+               $.each(checked, function(i, v) {
+                   var text = escape ? $.fn.editableutils.escape(v.text) : v.text; 
+                   html.push(text); 
+               });
+               $(element).html(html.join('<br>'));
+           } else {
+               $(element).empty(); 
+           }
+        },
+        
+       activate: function() {
+           this.$input.first().focus();
+       },
+       
+       autosubmit: function() {
+           this.$input.on('keydown', function(e){
+               if (e.which === 13) {
+                   $(this).closest('form').submit();
+               }
+           });
+       }
+    });      
+
+    Checklist.defaults = $.extend({}, $.fn.editabletypes.list.defaults, {
+        /**
+        @property tpl 
+        @default <div></div>
+        **/         
+        tpl:'<div class="editable-checklist"></div>',
+        
+        /**
+        @property inputclass 
+        @type string
+        @default null
+        **/         
+        inputclass: null,        
+        
+        /**
+        Separator of values when reading from `data-value` attribute
+
+        @property separator 
+        @type string
+        @default ','
+        **/         
+        separator: ','
+    });
+
+    $.fn.editabletypes.checklist = Checklist;      
+
+}(window.jQuery));
+
+/**
+HTML5 input types.
+Following types are supported:
+
+* password
+* email
+* url
+* tel
+* number
+* range
+* time
+
+Learn more about html5 inputs:  
+http://www.w3.org/wiki/HTML5_form_additions  
+To check browser compatibility please see:  
+https://developer.mozilla.org/en-US/docs/HTML/Element/Input
+            
+@class html5types 
+@extends text
+@final
+@since 1.3.0
+@example
+<a href="#" id="email" data-type="email" data-pk="1">admin@example.com</a>
+<script>
+$(function(){
+    $('#email').editable({
+        url: '/post',
+        title: 'Enter email'
+    });
+});
+</script>
+**/
+
+/**
+@property tpl 
+@default depends on type
+**/ 
+
+/*
+Password
+*/
+(function ($) {
+    "use strict";
+    
+    var Password = function (options) {
+        this.init('password', options, Password.defaults);
+    };
+    $.fn.editableutils.inherit(Password, $.fn.editabletypes.text);
+    $.extend(Password.prototype, {
+       //do not display password, show '[hidden]' instead
+       value2html: function(value, element) {
+           if(value) {
+               $(element).text('[hidden]');
+           } else {
+               $(element).empty(); 
+           }
+       },
+       //as password not displayed, should not set value by html
+       html2value: function(html) {
+           return null;
+       }       
+    });    
+    Password.defaults = $.extend({}, $.fn.editabletypes.text.defaults, {
+        tpl: '<input type="password">'
+    });
+    $.fn.editabletypes.password = Password;
+}(window.jQuery));
+
+
+/*
+Email
+*/
+(function ($) {
+    "use strict";
+    
+    var Email = function (options) {
+        this.init('email', options, Email.defaults);
+    };
+    $.fn.editableutils.inherit(Email, $.fn.editabletypes.text);
+    Email.defaults = $.extend({}, $.fn.editabletypes.text.defaults, {
+        tpl: '<input type="email">'
+    });
+    $.fn.editabletypes.email = Email;
+}(window.jQuery));
+
+
+/*
+Url
+*/
+(function ($) {
+    "use strict";
+    
+    var Url = function (options) {
+        this.init('url', options, Url.defaults);
+    };
+    $.fn.editableutils.inherit(Url, $.fn.editabletypes.text);
+    Url.defaults = $.extend({}, $.fn.editabletypes.text.defaults, {
+        tpl: '<input type="url">'
+    });
+    $.fn.editabletypes.url = Url;
+}(window.jQuery));
+
+
+/*
+Tel
+*/
+(function ($) {
+    "use strict";
+    
+    var Tel = function (options) {
+        this.init('tel', options, Tel.defaults);
+    };
+    $.fn.editableutils.inherit(Tel, $.fn.editabletypes.text);
+    Tel.defaults = $.extend({}, $.fn.editabletypes.text.defaults, {
+        tpl: '<input type="tel">'
+    });
+    $.fn.editabletypes.tel = Tel;
+}(window.jQuery));
+
+
+/*
+Number
+*/
+(function ($) {
+    "use strict";
+    
+    var NumberInput = function (options) {
+        this.init('number', options, NumberInput.defaults);
+    };
+    $.fn.editableutils.inherit(NumberInput, $.fn.editabletypes.text);
+    $.extend(NumberInput.prototype, {
+         render: function () {
+            NumberInput.superclass.render.call(this);
+            this.setAttr('min');
+            this.setAttr('max');
+            this.setAttr('step');
+        },
+        postrender: function() {
+            if(this.$clear) {
+                //increase right ffset  for up/down arrows
+                this.$clear.css({right: 24});
+                /*
+                //can position clear button only here, when form is shown and height can be calculated
+                var h = this.$input.outerHeight(true) || 20,
+                    delta = (h - this.$clear.height()) / 2;
+                
+                //add 12px to offset right for up/down arrows    
+                this.$clear.css({top: delta, right: delta + 16});
+                */
+            } 
+        }        
+    });     
+    NumberInput.defaults = $.extend({}, $.fn.editabletypes.text.defaults, {
+        tpl: '<input type="number">',
+        inputclass: 'input-mini',
+        min: null,
+        max: null,
+        step: null
+    });
+    $.fn.editabletypes.number = NumberInput;
+}(window.jQuery));
+
+
+/*
+Range (inherit from number)
+*/
+(function ($) {
+    "use strict";
+    
+    var Range = function (options) {
+        this.init('range', options, Range.defaults);
+    };
+    $.fn.editableutils.inherit(Range, $.fn.editabletypes.number);
+    $.extend(Range.prototype, {
+        render: function () {
+            this.$input = this.$tpl.filter('input');
+            
+            this.setClass();
+            this.setAttr('min');
+            this.setAttr('max');
+            this.setAttr('step');           
+            
+            this.$input.on('input', function(){
+                $(this).siblings('output').text($(this).val()); 
+            });  
+        },
+        activate: function() {
+            this.$input.focus();
+        }         
+    });
+    Range.defaults = $.extend({}, $.fn.editabletypes.number.defaults, {
+        tpl: '<input type="range"><output style="width: 30px; display: inline-block"></output>',
+        inputclass: 'input-medium'
+    });
+    $.fn.editabletypes.range = Range;
+}(window.jQuery));
+
+/*
+Time
+*/
+(function ($) {
+    "use strict";
+
+    var Time = function (options) {
+        this.init('time', options, Time.defaults);
+    };
+    //inherit from abstract, as inheritance from text gives selection error.
+    $.fn.editableutils.inherit(Time, $.fn.editabletypes.abstractinput);
+    $.extend(Time.prototype, {
+        render: function() {
+           this.setClass();
+        }        
+    });
+    Time.defaults = $.extend({}, $.fn.editabletypes.abstractinput.defaults, {
+        tpl: '<input type="time">'
+    });
+    $.fn.editabletypes.time = Time;
+}(window.jQuery));
+
+/**
+Select2 input. Based on amazing work of Igor Vaynberg https://github.com/ivaynberg/select2.  
+Please see [original select2 docs](http://ivaynberg.github.com/select2) for detailed description and options.  
+ 
+You should manually download and include select2 distributive:  
+
+    <link href="select2/select2.css" rel="stylesheet" type="text/css"></link>  
+    <script src="select2/select2.js"></script>  
+    
+To make it **bootstrap-styled** you can use css from [here](https://github.com/t0m/select2-bootstrap-css): 
+
+    <link href="select2-bootstrap.css" rel="stylesheet" type="text/css"></link>    
+    
+**Note:** currently `autotext` feature does not work for select2 with `ajax` remote source.    
+You need initially put both `data-value` and element's text youself:    
+
+    <a href="#" data-type="select2" data-value="1">Text1</a>
+    
+    
+@class select2
+@extends abstractinput
+@since 1.4.1
+@final
+@example
+<a href="#" id="country" data-type="select2" data-pk="1" data-value="ru" data-url="/post" data-title="Select country"></a>
+<script>
+$(function(){
+    //local source
+    $('#country').editable({
+        source: [
+              {id: 'gb', text: 'Great Britain'},
+              {id: 'us', text: 'United States'},
+              {id: 'ru', text: 'Russia'}
+           ],
+        select2: {
+           multiple: true
+        }
+    });
+    //remote source (simple)
+    $('#country').editable({
+        source: '/getCountries',
+        select2: {
+            placeholder: 'Select Country',
+            minimumInputLength: 1
+        }
+    });
+    //remote source (advanced)
+    $('#country').editable({
+        select2: {
+            placeholder: 'Select Country',
+            allowClear: true,
+            minimumInputLength: 3,
+            id: function (item) {
+                return item.CountryId;
+            },
+            ajax: {
+                url: '/getCountries',
+                dataType: 'json',
+                data: function (term, page) {
+                    return { query: term };
+                },
+                results: function (data, page) {
+                    return { results: data };
+                }
+            },
+            formatResult: function (item) {
+                return item.CountryName;
+            },
+            formatSelection: function (item) {
+                return item.CountryName;
+            },
+            initSelection: function (element, callback) {
+                return $.get('/getCountryById', { query: element.val() }, function (data) {
+                    callback(data);
+                });
+            } 
+        }  
+    });
+});
+</script>
+**/
+(function ($) {
+    "use strict";
+    
+    var Constructor = function (options) {
+        this.init('select2', options, Constructor.defaults);
+
+        options.select2 = options.select2 || {};
+
+        this.sourceData = null;
+        
+        //placeholder
+        if(options.placeholder) {
+            options.select2.placeholder = options.placeholder;
+        }
+       
+        //if not `tags` mode, use source
+        if(!options.select2.tags && options.source) {
+            var source = options.source;
+            //if source is function, call it (once!)
+            if ($.isFunction(options.source)) {
+                source = options.source.call(options.scope);
+            }               
+
+            if (typeof source === 'string') {
+                options.select2.ajax = options.select2.ajax || {};
+                //some default ajax params
+                if(!options.select2.ajax.data) {
+                    options.select2.ajax.data = function(term) {return { query:term };};
+                }
+                if(!options.select2.ajax.results) {
+                    options.select2.ajax.results = function(data) { return {results:data };};
+                }
+                options.select2.ajax.url = source;
+            } else {
+                //check format and convert x-editable format to select2 format (if needed)
+                this.sourceData = this.convertSource(source);
+                options.select2.data = this.sourceData;
+            }
+        } 
+
+        //overriding objects in config (as by default jQuery extend() is not recursive)
+        this.options.select2 = $.extend({}, Constructor.defaults.select2, options.select2);
+
+        //detect whether it is multi-valued
+        this.isMultiple = this.options.select2.tags || this.options.select2.multiple;
+        this.isRemote = ('ajax' in this.options.select2);
+
+        //store function returning ID of item
+        //should be here as used inautotext for local source
+        this.idFunc = this.options.select2.id;
+        if (typeof(this.idFunc) !== "function") {
+            var idKey = this.idFunc || 'id';
+            this.idFunc = function (e) { return e[idKey]; };
+        }
+
+        //store function that renders text in select2
+        this.formatSelection = this.options.select2.formatSelection;
+        if (typeof(this.formatSelection) !== "function") {
+            this.formatSelection = function (e) { return e.text; };
+        }
+    };
+
+    $.fn.editableutils.inherit(Constructor, $.fn.editabletypes.abstractinput);
+
+    $.extend(Constructor.prototype, {
+        render: function() {
+            this.setClass();
+
+            //can not apply select2 here as it calls initSelection 
+            //over input that does not have correct value yet.
+            //apply select2 only in value2input
+            //this.$input.select2(this.options.select2);
+
+            //when data is loaded via ajax, we need to know when it's done to populate listData
+            if(this.isRemote) {
+                //listen to loaded event to populate data
+                this.$input.on('select2-loaded', $.proxy(function(e) {
+                    this.sourceData = e.items.results;
+                }, this));
+            }
+
+            //trigger resize of editableform to re-position container in multi-valued mode
+            if(this.isMultiple) {
+               this.$input.on('change', function() {
+                   $(this).closest('form').parent().triggerHandler('resize');
+               });
+            }
+       },
+
+       value2html: function(value, element) {
+           var text = '', data,
+               that = this;
+
+           if(this.options.select2.tags) { //in tags mode just assign value
+              data = value; 
+              //data = $.fn.editableutils.itemsByValue(value, this.options.select2.tags, this.idFunc);
+           } else if(this.sourceData) {
+              data = $.fn.editableutils.itemsByValue(value, this.sourceData, this.idFunc); 
+           } else {
+              //can not get list of possible values 
+              //(e.g. autotext for select2 with ajax source)
+           }
+
+           //data may be array (when multiple values allowed)
+           if($.isArray(data)) {
+               //collect selected data and show with separator
+               text = [];
+               $.each(data, function(k, v){
+                   text.push(v && typeof v === 'object' ? that.formatSelection(v) : v);
+               });
+           } else if(data) {
+               text = that.formatSelection(data);
+           }
+
+           text = $.isArray(text) ? text.join(this.options.viewseparator) : text;
+
+           //$(element).text(text);
+           Constructor.superclass.value2html.call(this, text, element); 
+       },
+
+       html2value: function(html) {
+           return this.options.select2.tags ? this.str2value(html, this.options.viewseparator) : null;
+       },
+
+       value2input: function(value) {
+           // if value array => join it anyway
+           if($.isArray(value)) {
+              value = value.join(this.getSeparator());
+           }
+
+           //for remote source just set value, text is updated by initSelection
+           if(!this.$input.data('select2')) {
+               this.$input.val(value);
+               this.$input.select2(this.options.select2);
+           } else {
+               //second argument needed to separate initial change from user's click (for autosubmit)   
+               this.$input.val(value).trigger('change', true); 
+
+               //Uncaught Error: cannot call val() if initSelection() is not defined
+               //this.$input.select2('val', value);
+           }
+
+           // if defined remote source AND no multiple mode AND no user's initSelection provided --> 
+           // we should somehow get text for provided id.
+           // The solution is to use element's text as text for that id (exclude empty)
+           if(this.isRemote && !this.isMultiple && !this.options.select2.initSelection) {
+               // customId and customText are methods to extract `id` and `text` from data object
+               // we can use this workaround only if user did not define these methods
+               // otherwise we cant construct data object
+               var customId = this.options.select2.id,
+                   customText = this.options.select2.formatSelection;
+
+               if(!customId && !customText) {
+                   var $el = $(this.options.scope);
+                   if (!$el.data('editable').isEmpty) {
+                       var data = {id: value, text: $el.text()};
+                       this.$input.select2('data', data); 
+                   }
+               }
+           }
+       },
+       
+       input2value: function() { 
+           return this.$input.select2('val');
+       },
+
+       str2value: function(str, separator) {
+            if(typeof str !== 'string' || !this.isMultiple) {
+                return str;
+            }
+
+            separator = separator || this.getSeparator();
+
+            var val, i, l;
+
+            if (str === null || str.length < 1) {
+                return null;
+            }
+            val = str.split(separator);
+            for (i = 0, l = val.length; i < l; i = i + 1) {
+                val[i] = $.trim(val[i]);
+            }
+
+            return val;
+       },
+
+        autosubmit: function() {
+            this.$input.on('change', function(e, isInitial){
+                if(!isInitial) {
+                  $(this).closest('form').submit();
+                }
+            });
+        },
+
+        getSeparator: function() {
+            return this.options.select2.separator || $.fn.select2.defaults.separator;
+        },
+
+        /*
+        Converts source from x-editable format: {value: 1, text: "1"} to
+        select2 format: {id: 1, text: "1"}
+        */
+        convertSource: function(source) {
+            if($.isArray(source) && source.length && source[0].value !== undefined) {
+                for(var i = 0; i<source.length; i++) {
+                    if(source[i].value !== undefined) {
+                        source[i].id = source[i].value;
+                        delete source[i].value;
+                    }
+                }
+            }
+            return source;
+        },
+        
+        destroy: function() {
+            if(this.$input.data('select2')) {
+                this.$input.select2('destroy');
+            }
+        }
+        
+    });
+
+    Constructor.defaults = $.extend({}, $.fn.editabletypes.abstractinput.defaults, {
+        /**
+        @property tpl 
+        @default <input type="hidden">
+        **/
+        tpl:'<input type="hidden">',
+        /**
+        Configuration of select2. [Full list of options](http://ivaynberg.github.com/select2).
+
+        @property select2 
+        @type object
+        @default null
+        **/
+        select2: null,
+        /**
+        Placeholder attribute of select
+
+        @property placeholder 
+        @type string
+        @default null
+        **/
+        placeholder: null,
+        /**
+        Source data for select. It will be assigned to select2 `data` property and kept here just for convenience.
+        Please note, that format is different from simple `select` input: use 'id' instead of 'value'.
+        E.g. `[{id: 1, text: "text1"}, {id: 2, text: "text2"}, ...]`.
+
+        @property source 
+        @type array|string|function
+        @default null        
+        **/
+        source: null,
+        /**
+        Separator used to display tags.
+
+        @property viewseparator 
+        @type string
+        @default ', '        
+        **/
+        viewseparator: ', '
+    });
+
+    $.fn.editabletypes.select2 = Constructor;
+
+}(window.jQuery));
+
+/**
+* Combodate - 1.0.5
+* Dropdown date and time picker.
+* Converts text input into dropdowns to pick day, month, year, hour, minute and second.
+* Uses momentjs as datetime library http://momentjs.com.
+* For i18n include corresponding file from https://github.com/timrwood/moment/tree/master/lang 
+*
+* Confusion at noon and midnight - see http://en.wikipedia.org/wiki/12-hour_clock#Confusion_at_noon_and_midnight
+* In combodate: 
+* 12:00 pm --> 12:00 (24-h format, midday)
+* 12:00 am --> 00:00 (24-h format, midnight, start of day)
+* 
+* Differs from momentjs parse rules:
+* 00:00 pm, 12:00 pm --> 12:00 (24-h format, day not change)
+* 00:00 am, 12:00 am --> 00:00 (24-h format, day not change)
+* 
+* 
+* Author: Vitaliy Potapov
+* Project page: http://github.com/vitalets/combodate
+* Copyright (c) 2012 Vitaliy Potapov. Released under MIT License.
+**/
+(function ($) {
+
+    var Combodate = function (element, options) {
+        this.$element = $(element);
+        if(!this.$element.is('input')) {
+            $.error('Combodate should be applied to INPUT element');
+            return;
+        }
+        this.options = $.extend({}, $.fn.combodate.defaults, options, this.$element.data());
+        this.init();  
+     };
+
+    Combodate.prototype = {
+        constructor: Combodate, 
+        init: function () {
+            this.map = {
+                //key   regexp    moment.method
+                day:    ['D',    'date'], 
+                month:  ['M',    'month'], 
+                year:   ['Y',    'year'], 
+                hour:   ['[Hh]', 'hours'],
+                minute: ['m',    'minutes'], 
+                second: ['s',    'seconds'],
+                ampm:   ['[Aa]', ''] 
+            };
+            
+            this.$widget = $('<span class="combodate"></span>').html(this.getTemplate());
+                      
+            this.initCombos();
+            
+            //update original input on change 
+            this.$widget.on('change', 'select', $.proxy(function(e) {
+                this.$element.val(this.getValue()).change();
+                // update days count if month or year changes
+                if (this.options.smartDays) {
+                    if ($(e.target).is('.month') || $(e.target).is('.year')) {
+                        this.fillCombo('day');
+                    }
+                }
+            }, this));
+            
+            this.$widget.find('select').css('width', 'auto');
+                                       
+            // hide original input and insert widget                                       
+            this.$element.hide().after(this.$widget);
+            
+            // set initial value
+            this.setValue(this.$element.val() || this.options.value);
+        },
+        
+        /*
+         Replace tokens in template with <select> elements 
+        */         
+        getTemplate: function() {
+            var tpl = this.options.template;
+
+            //first pass
+            $.each(this.map, function(k, v) {
+                v = v[0]; 
+                var r = new RegExp(v+'+'),
+                    token = v.length > 1 ? v.substring(1, 2) : v;
+                    
+                tpl = tpl.replace(r, '{'+token+'}');
+            });
+
+            //replace spaces with &nbsp;
+            tpl = tpl.replace(/ /g, '&nbsp;');
+
+            //second pass
+            $.each(this.map, function(k, v) {
+                v = v[0];
+                var token = v.length > 1 ? v.substring(1, 2) : v;
+                    
+                tpl = tpl.replace('{'+token+'}', '<select class="'+k+'"></select>');
+            });   
+
+            return tpl;
+        },
+        
+        /*
+         Initialize combos that presents in template 
+        */        
+        initCombos: function() {
+            for (var k in this.map) {
+                var $c = this.$widget.find('.'+k);
+                // set properties like this.$day, this.$month etc.
+                this['$'+k] = $c.length ? $c : null;
+                // fill with items
+                this.fillCombo(k);
+            }
+        },
+
+        /*
+         Fill combo with items 
+        */        
+        fillCombo: function(k) {
+            var $combo = this['$'+k];
+            if (!$combo) {
+                return;
+            }
+
+            // define method name to fill items, e.g `fillDays`
+            var f = 'fill' + k.charAt(0).toUpperCase() + k.slice(1); 
+            var items = this[f]();
+            var value = $combo.val();
+
+            $combo.empty();
+            for(var i=0; i<items.length; i++) {
+                $combo.append('<option value="'+items[i][0]+'">'+items[i][1]+'</option>');
+            }
+
+            $combo.val(value);
+        },
+
+        /*
+         Initialize items of combos. Handles `firstItem` option 
+        */
+        fillCommon: function(key) {
+            var values = [],
+                relTime;
+                
+            if(this.options.firstItem === 'name') {
+                //need both to support moment ver < 2 and  >= 2
+                relTime = moment.relativeTime || moment.langData()._relativeTime; 
+                var header = typeof relTime[key] === 'function' ? relTime[key](1, true, key, false) : relTime[key];
+                //take last entry (see momentjs lang files structure) 
+                header = header.split(' ').reverse()[0];                
+                values.push(['', header]);
+            } else if(this.options.firstItem === 'empty') {
+                values.push(['', '']);
+            }
+            return values;
+        },  
+
+
+        /*
+        fill day
+        */
+        fillDay: function() {
+            var items = this.fillCommon('d'), name, i,
+                twoDigit = this.options.template.indexOf('DD') !== -1,
+                daysCount = 31;
+
+            // detect days count (depends on month and year)
+            // originally https://github.com/vitalets/combodate/pull/7
+            if (this.options.smartDays && this.$month && this.$year) {
+                var month = parseInt(this.$month.val(), 10);
+                var year = parseInt(this.$year.val(), 10);
+
+                if (!isNaN(month) && !isNaN(year)) {
+                    daysCount = moment([year, month]).daysInMonth();
+                }
+            }
+
+            for (i = 1; i <= daysCount; i++) {
+                name = twoDigit ? this.leadZero(i) : i;
+                items.push([i, name]);
+            }
+            return items;        
+        },
+        
+        /*
+        fill month
+        */
+        fillMonth: function() {
+            var items = this.fillCommon('M'), name, i, 
+                longNames = this.options.template.indexOf('MMMM') !== -1,
+                shortNames = this.options.template.indexOf('MMM') !== -1,
+                twoDigit = this.options.template.indexOf('MM') !== -1;
+                
+            for(i=0; i<=11; i++) {
+                if(longNames) {
+                    //see https://github.com/timrwood/momentjs.com/pull/36
+                    name = moment().date(1).month(i).format('MMMM');
+                } else if(shortNames) {
+                    name = moment().date(1).month(i).format('MMM');
+                } else if(twoDigit) {
+                    name = this.leadZero(i+1);
+                } else {
+                    name = i+1;
+                }
+                items.push([i, name]);
+            } 
+            return items;
+        },  
+        
+        /*
+        fill year
+        */
+        fillYear: function() {
+            var items = [], name, i, 
+                longNames = this.options.template.indexOf('YYYY') !== -1;
+           
+            for(i=this.options.maxYear; i>=this.options.minYear; i--) {
+                name = longNames ? i : (i+'').substring(2);
+                items[this.options.yearDescending ? 'push' : 'unshift']([i, name]);
+            }
+            
+            items = this.fillCommon('y').concat(items);
+            
+            return items;              
+        },    
+        
+        /*
+        fill hour
+        */
+        fillHour: function() {
+            var items = this.fillCommon('h'), name, i,
+                h12 = this.options.template.indexOf('h') !== -1,
+                h24 = this.options.template.indexOf('H') !== -1,
+                twoDigit = this.options.template.toLowerCase().indexOf('hh') !== -1,
+                min = h12 ? 1 : 0, 
+                max = h12 ? 12 : 23;
+                
+            for(i=min; i<=max; i++) {
+                name = twoDigit ? this.leadZero(i) : i;
+                items.push([i, name]);
+            } 
+            return items;                 
+        },    
+        
+        /*
+        fill minute
+        */
+        fillMinute: function() {
+            var items = this.fillCommon('m'), name, i,
+                twoDigit = this.options.template.indexOf('mm') !== -1;
+
+            for(i=0; i<=59; i+= this.options.minuteStep) {
+                name = twoDigit ? this.leadZero(i) : i;
+                items.push([i, name]);
+            }    
+            return items;              
+        },  
+        
+        /*
+        fill second
+        */
+        fillSecond: function() {
+            var items = this.fillCommon('s'), name, i,
+                twoDigit = this.options.template.indexOf('ss') !== -1;
+
+            for(i=0; i<=59; i+= this.options.secondStep) {
+                name = twoDigit ? this.leadZero(i) : i;
+                items.push([i, name]);
+            }    
+            return items;              
+        },  
+        
+        /*
+        fill ampm
+        */
+        fillAmpm: function() {
+            var ampmL = this.options.template.indexOf('a') !== -1,
+                ampmU = this.options.template.indexOf('A') !== -1,            
+                items = [
+                    ['am', ampmL ? 'am' : 'AM'],
+                    ['pm', ampmL ? 'pm' : 'PM']
+                ];
+            return items;                              
+        },                                       
+
+        /*
+         Returns current date value from combos. 
+         If format not specified - `options.format` used.
+         If format = `null` - Moment object returned.
+        */
+        getValue: function(format) {
+            var dt, values = {}, 
+                that = this,
+                notSelected = false;
+                
+            //getting selected values    
+            $.each(this.map, function(k, v) {
+                if(k === 'ampm') {
+                    return;
+                }
+                var def = k === 'day' ? 1 : 0;
+                  
+                values[k] = that['$'+k] ? parseInt(that['$'+k].val(), 10) : def; 
+                
+                if(isNaN(values[k])) {
+                   notSelected = true;
+                   return false; 
+                }
+            });
+            
+            //if at least one visible combo not selected - return empty string
+            if(notSelected) {
+               return '';
+            }
+            
+            //convert hours 12h --> 24h 
+            if(this.$ampm) {
+                //12:00 pm --> 12:00 (24-h format, midday), 12:00 am --> 00:00 (24-h format, midnight, start of day)
+                if(values.hour === 12) {
+                    values.hour = this.$ampm.val() === 'am' ? 0 : 12;                    
+                } else {
+                    values.hour = this.$ampm.val() === 'am' ? values.hour : values.hour+12;
+                }
+            }    
+            
+            dt = moment([values.year, values.month, values.day, values.hour, values.minute, values.second]);
+            
+            //highlight invalid date
+            this.highlight(dt);
+                              
+            format = format === undefined ? this.options.format : format;
+            if(format === null) {
+               return dt.isValid() ? dt : null; 
+            } else {
+               return dt.isValid() ? dt.format(format) : ''; 
+            }           
+        },
+        
+        setValue: function(value) {
+            if(!value) {
+                return;
+            }
+            
+            var dt = typeof value === 'string' ? moment(value, this.options.format) : moment(value),
+                that = this,
+                values = {};
+            
+            //function to find nearest value in select options
+            function getNearest($select, value) {
+                var delta = {};
+                $select.children('option').each(function(i, opt){
+                    var optValue = $(opt).attr('value'),
+                    distance;
+
+                    if(optValue === '') return;
+                    distance = Math.abs(optValue - value); 
+                    if(typeof delta.distance === 'undefined' || distance < delta.distance) {
+                        delta = {value: optValue, distance: distance};
+                    } 
+                }); 
+                return delta.value;
+            }             
+            
+            if(dt.isValid()) {
+                //read values from date object
+                $.each(this.map, function(k, v) {
+                    if(k === 'ampm') {
+                       return; 
+                    }
+                    values[k] = dt[v[1]]();
+                });
+               
+                if(this.$ampm) {
+                    //12:00 pm --> 12:00 (24-h format, midday), 12:00 am --> 00:00 (24-h format, midnight, start of day)
+                    if(values.hour >= 12) {
+                        values.ampm = 'pm';
+                        if(values.hour > 12) {
+                            values.hour -= 12;
+                        }
+                    } else {
+                        values.ampm = 'am';
+                        if(values.hour === 0) {
+                            values.hour = 12;
+                        }
+                    } 
+                }
+               
+                $.each(values, function(k, v) {
+                    //call val() for each existing combo, e.g. this.$hour.val()
+                    if(that['$'+k]) {
+                       
+                        if(k === 'minute' && that.options.minuteStep > 1 && that.options.roundTime) {
+                           v = getNearest(that['$'+k], v);
+                        }
+                       
+                        if(k === 'second' && that.options.secondStep > 1 && that.options.roundTime) {
+                           v = getNearest(that['$'+k], v);
+                        }                       
+                       
+                        that['$'+k].val(v);
+                    }
+                });
+
+                // update days count
+                if (this.options.smartDays) {
+                    this.fillCombo('day');
+                }
+               
+               this.$element.val(dt.format(this.options.format)).change();
+            }
+        },
+        
+        /*
+         highlight combos if date is invalid
+        */
+        highlight: function(dt) {
+            if(!dt.isValid()) {
+                if(this.options.errorClass) {
+                    this.$widget.addClass(this.options.errorClass);
+                } else {
+                    //store original border color
+                    if(!this.borderColor) {
+                        this.borderColor = this.$widget.find('select').css('border-color'); 
+                    }
+                    this.$widget.find('select').css('border-color', 'red');
+                } 
+            } else {
+                if(this.options.errorClass) {
+                    this.$widget.removeClass(this.options.errorClass);
+                } else {
+                    this.$widget.find('select').css('border-color', this.borderColor);
+                }  
+            }
+        },
+        
+        leadZero: function(v) {
+            return v <= 9 ? '0' + v : v; 
+        },
+        
+        destroy: function() {
+            this.$widget.remove();
+            this.$element.removeData('combodate').show();
+        }
+        
+        //todo: clear method        
+    };
+
+    $.fn.combodate = function ( option ) {
+        var d, args = Array.apply(null, arguments);
+        args.shift();
+
+        //getValue returns date as string / object (not jQuery object)
+        if(option === 'getValue' && this.length && (d = this.eq(0).data('combodate'))) {
+          return d.getValue.apply(d, args);
+        }        
+        
+        return this.each(function () {
+            var $this = $(this),
+            data = $this.data('combodate'),
+            options = typeof option == 'object' && option;
+            if (!data) {
+                $this.data('combodate', (data = new Combodate(this, options)));
+            }
+            if (typeof option == 'string' && typeof data[option] == 'function') {
+                data[option].apply(data, args);
+            }
+        });
+    };  
+    
+    $.fn.combodate.defaults = {
+         //in this format value stored in original input
+        format: 'DD-MM-YYYY HH:mm',      
+        //in this format items in dropdowns are displayed
+        template: 'D / MMM / YYYY   H : mm',
+        //initial value, can be `new Date()`    
+        value: null,                       
+        minYear: 1970,
+        maxYear: 2015,
+        yearDescending: true,
+        minuteStep: 5,
+        secondStep: 1,
+        firstItem: 'empty', //'name', 'empty', 'none'
+        errorClass: null,
+        roundTime: true, // whether to round minutes and seconds if step > 1
+        smartDays: false // whether days in combo depend on selected month: 31, 30, 28
+    };
+
+}(window.jQuery));
+/**
+Combodate input - dropdown date and time picker.    
+Based on [combodate](http://vitalets.github.com/combodate) plugin (included). To use it you should manually include [momentjs](http://momentjs.com).
+
+    <script src="js/moment.min.js"></script>
+   
+Allows to input:
+
+* only date
+* only time 
+* both date and time  
+
+Please note, that format is taken from momentjs and **not compatible** with bootstrap-datepicker / jquery UI datepicker.  
+Internally value stored as `momentjs` object. 
+
+@class combodate
+@extends abstractinput
+@final
+@since 1.4.0
+@example
+<a href="#" id="dob" data-type="combodate" data-pk="1" data-url="/post" data-value="1984-05-15" data-title="Select date"></a>
+<script>
+$(function(){
+    $('#dob').editable({
+        format: 'YYYY-MM-DD',    
+        viewformat: 'DD.MM.YYYY',    
+        template: 'D / MMMM / YYYY',    
+        combodate: {
+                minYear: 2000,
+                maxYear: 2015,
+                minuteStep: 1
+           }
+        }
+    });
+});
+</script>
+**/
+
+/*global moment*/
+
+(function ($) {
+    "use strict";
+    
+    var Constructor = function (options) {
+        this.init('combodate', options, Constructor.defaults);
+        
+        //by default viewformat equals to format
+        if(!this.options.viewformat) {
+            this.options.viewformat = this.options.format;
+        }        
+        
+        //try parse combodate config defined as json string in data-combodate
+        options.combodate = $.fn.editableutils.tryParseJson(options.combodate, true);
+
+        //overriding combodate config (as by default jQuery extend() is not recursive)
+        this.options.combodate = $.extend({}, Constructor.defaults.combodate, options.combodate, {
+            format: this.options.format,
+            template: this.options.template
+        });
+    };
+
+    $.fn.editableutils.inherit(Constructor, $.fn.editabletypes.abstractinput);    
+    
+    $.extend(Constructor.prototype, {
+        render: function () {
+            this.$input.combodate(this.options.combodate);
+                    
+            if($.fn.editableform.engine === 'bs3') {
+                this.$input.siblings().find('select').addClass('form-control');
+            }
+            
+            if(this.options.inputclass) {
+                this.$input.siblings().find('select').addClass(this.options.inputclass);
+            }            
+            //"clear" link
+            /*
+            if(this.options.clear) {
+                this.$clear = $('<a href="#"></a>').html(this.options.clear).click($.proxy(function(e){
+                    e.preventDefault();
+                    e.stopPropagation();
+                    this.clear();
+                }, this));
+                
+                this.$tpl.parent().append($('<div class="editable-clear">').append(this.$clear));  
+            } 
+            */               
+        },
+        
+        value2html: function(value, element) {
+            var text = value ? value.format(this.options.viewformat) : '';
+            //$(element).text(text);
+            Constructor.superclass.value2html.call(this, text, element);  
+        },
+
+        html2value: function(html) {
+            return html ? moment(html, this.options.viewformat) : null;
+        },   
+        
+        value2str: function(value) {
+            return value ? value.format(this.options.format) : '';
+       }, 
+       
+       str2value: function(str) {
+           return str ? moment(str, this.options.format) : null;
+       }, 
+       
+       value2submit: function(value) {
+           return this.value2str(value);
+       },                    
+
+       value2input: function(value) {
+           this.$input.combodate('setValue', value);
+       },
+        
+       input2value: function() { 
+           return this.$input.combodate('getValue', null);
+       },       
+       
+       activate: function() {
+           this.$input.siblings('.combodate').find('select').eq(0).focus();
+       },
+       
+       /*
+       clear:  function() {
+          this.$input.data('datepicker').date = null;
+          this.$input.find('.active').removeClass('active');
+       },
+       */
+       
+       autosubmit: function() {
+           
+       }
+
+    });
+    
+    Constructor.defaults = $.extend({}, $.fn.editabletypes.abstractinput.defaults, {
+        /**
+        @property tpl 
+        @default <input type="text">
+        **/         
+        tpl:'<input type="text">',
+        /**
+        @property inputclass 
+        @default null
+        **/         
+        inputclass: null,
+        /**
+        Format used for sending value to server. Also applied when converting date from <code>data-value</code> attribute.<br>
+        See list of tokens in [momentjs docs](http://momentjs.com/docs/#/parsing/string-format)  
+        
+        @property format 
+        @type string
+        @default YYYY-MM-DD
+        **/         
+        format:'YYYY-MM-DD',
+        /**
+        Format used for displaying date. Also applied when converting date from element's text on init.   
+        If not specified equals to `format`.
+        
+        @property viewformat 
+        @type string
+        @default null
+        **/          
+        viewformat: null,        
+        /**
+        Template used for displaying dropdowns.
+        
+        @property template 
+        @type string
+        @default D / MMM / YYYY
+        **/          
+        template: 'D / MMM / YYYY',  
+        /**
+        Configuration of combodate.
+        Full list of options: http://vitalets.github.com/combodate/#docs
+        
+        @property combodate 
+        @type object
+        @default null
+        **/
+        combodate: null
+        
+        /*
+        (not implemented yet)
+        Text shown as clear date button. 
+        If <code>false</code> clear button will not be rendered.
+        
+        @property clear 
+        @type boolean|string
+        @default 'x clear'         
+        */
+        //clear: '&times; clear'
+    });   
+
+    $.fn.editabletypes.combodate = Constructor;
+
+}(window.jQuery));
+
+/*
+Editableform based on Twitter Bootstrap 3
+*/
+(function ($) {
+    "use strict";
+    
+    //store parent methods
+    var pInitInput = $.fn.editableform.Constructor.prototype.initInput;
+    
+    $.extend($.fn.editableform.Constructor.prototype, {
+        initTemplate: function() {
+            this.$form = $($.fn.editableform.template); 
+            this.$form.find('.control-group').addClass('form-group');
+            this.$form.find('.editable-error-block').addClass('help-block');
+        },
+        initInput: function() {  
+            pInitInput.apply(this);
+
+            //for bs3 set default class `input-sm` to standard inputs
+            var emptyInputClass = this.input.options.inputclass === null || this.input.options.inputclass === false;
+            var defaultClass = 'input-sm';
+            
+            //bs3 add `form-control` class to standard inputs
+            var stdtypes = 'text,select,textarea,password,email,url,tel,number,range,time,typeaheadjs'.split(','); 
+            if(~$.inArray(this.input.type, stdtypes)) {
+                this.input.$input.addClass('form-control');
+                if(emptyInputClass) {
+                    this.input.options.inputclass = defaultClass;
+                    this.input.$input.addClass(defaultClass);
+                }
+            }             
+        
+            //apply bs3 size class also to buttons (to fit size of control)
+            var $btn = this.$form.find('.editable-buttons');
+            var classes = emptyInputClass ? [defaultClass] : this.input.options.inputclass.split(' ');
+            for(var i=0; i<classes.length; i++) {
+                // `btn-sm` is default now
+                /*
+                if(classes[i].toLowerCase() === 'input-sm') { 
+                    $btn.find('button').addClass('btn-sm');  
+                }
+                */
+                if(classes[i].toLowerCase() === 'input-lg') {
+                    $btn.find('button').removeClass('btn-sm').addClass('btn-lg'); 
+                }
+            }
+        }
+    });    
+    
+    //buttons
+    $.fn.editableform.buttons = 
+      '<button type="submit" class="btn btn-primary btn-sm editable-submit">'+
+        '<i class="glyphicon glyphicon-ok"></i>'+
+      '</button>'+
+      '<button type="button" class="btn btn-default btn-sm editable-cancel">'+
+        '<i class="glyphicon glyphicon-remove"></i>'+
+      '</button>';         
+    
+    //error classes
+    $.fn.editableform.errorGroupClass = 'has-error';
+    $.fn.editableform.errorBlockClass = null;  
+    //engine
+    $.fn.editableform.engine = 'bs3';  
+}(window.jQuery));
+/**
+* Editable Popover3 (for Bootstrap 3) 
+* ---------------------
+* requires bootstrap-popover.js
+*/
+(function ($) {
+    "use strict";
+
+    //extend methods
+    $.extend($.fn.editableContainer.Popup.prototype, {
+        containerName: 'popover',
+        containerDataName: 'bs.popover',
+        innerCss: '.popover-content',
+        defaults: $.fn.popover.Constructor.DEFAULTS,
+
+        initContainer: function(){
+            $.extend(this.containerOptions, {
+                trigger: 'manual',
+                selector: false,
+                content: ' ',
+                template: this.defaults.template
+            });
+            
+            //as template property is used in inputs, hide it from popover
+            var t;
+            if(this.$element.data('template')) {
+               t = this.$element.data('template');
+               this.$element.removeData('template');  
+            } 
+            
+            this.call(this.containerOptions);
+            
+            if(t) {
+               //restore data('template')
+               this.$element.data('template', t); 
+            }
+        }, 
+        
+        /* show */
+        innerShow: function () {
+            this.call('show');                
+        },  
+        
+        /* hide */
+        innerHide: function () {
+            this.call('hide');       
+        }, 
+        
+        /* destroy */
+        innerDestroy: function() {
+            this.call('destroy');
+        },                               
+        
+        setContainerOption: function(key, value) {
+            this.container().options[key] = value; 
+        },               
+
+        /**
+        * move popover to new position. This function mainly copied from bootstrap-popover.
+        */
+        /*jshint laxcomma: true, eqeqeq: false*/
+        setPosition: function () { 
+
+            (function() {
+            /*    
+                var $tip = this.tip()
+                , inside
+                , pos
+                , actualWidth
+                , actualHeight
+                , placement
+                , tp
+                , tpt
+                , tpb
+                , tpl
+                , tpr;
+
+                placement = typeof this.options.placement === 'function' ?
+                this.options.placement.call(this, $tip[0], this.$element[0]) :
+                this.options.placement;
+
+                inside = /in/.test(placement);
+               
+                $tip
+              //  .detach()
+              //vitalets: remove any placement class because otherwise they dont influence on re-positioning of visible popover
+                .removeClass('top right bottom left')
+                .css({ top: 0, left: 0, display: 'block' });
+              //  .insertAfter(this.$element);
+               
+                pos = this.getPosition(inside);
+
+                actualWidth = $tip[0].offsetWidth;
+                actualHeight = $tip[0].offsetHeight;
+
+                placement = inside ? placement.split(' ')[1] : placement;
+
+                tpb = {top: pos.top + pos.height, left: pos.left + pos.width / 2 - actualWidth / 2};
+                tpt = {top: pos.top - actualHeight, left: pos.left + pos.width / 2 - actualWidth / 2};
+                tpl = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left - actualWidth};
+                tpr = {top: pos.top + pos.height / 2 - actualHeight / 2, left: pos.left + pos.width};
+
+                switch (placement) {
+                    case 'bottom':
+                        if ((tpb.top + actualHeight) > ($(window).scrollTop() + $(window).height())) {
+                            if (tpt.top > $(window).scrollTop()) {
+                                placement = 'top';
+                            } else if ((tpr.left + actualWidth) < ($(window).scrollLeft() + $(window).width())) {
+                                placement = 'right';
+                            } else if (tpl.left > $(window).scrollLeft()) {
+                                placement = 'left';
+                            } else {
+                                placement = 'right';
+                            }
+                        }
+                        break;
+                    case 'top':
+                        if (tpt.top < $(window).scrollTop()) {
+                            if ((tpb.top + actualHeight) < ($(window).scrollTop() + $(window).height())) {
+                                placement = 'bottom';
+                            } else if ((tpr.left + actualWidth) < ($(window).scrollLeft() + $(window).width())) {
+                                placement = 'right';
+                            } else if (tpl.left > $(window).scrollLeft()) {
+                                placement = 'left';
+                            } else {
+                                placement = 'right';
+                            }
+                        }
+                        break;
+                    case 'left':
+                        if (tpl.left < $(window).scrollLeft()) {
+                            if ((tpr.left + actualWidth) < ($(window).scrollLeft() + $(window).width())) {
+                                placement = 'right';
+                            } else if (tpt.top > $(window).scrollTop()) {
+                                placement = 'top';
+                            } else if (tpt.top > $(window).scrollTop()) {
+                                placement = 'bottom';
+                            } else {
+                                placement = 'right';
+                            }
+                        }
+                        break;
+                    case 'right':
+                        if ((tpr.left + actualWidth) > ($(window).scrollLeft() + $(window).width())) {
+                            if (tpl.left > $(window).scrollLeft()) {
+                                placement = 'left';
+                            } else if (tpt.top > $(window).scrollTop()) {
+                                placement = 'top';
+                            } else if (tpt.top > $(window).scrollTop()) {
+                                placement = 'bottom';
+                            }
+                        }
+                        break;
+                }
+
+                switch (placement) {
+                    case 'bottom':
+                        tp = tpb;
+                        break;
+                    case 'top':
+                        tp = tpt;
+                        break;
+                    case 'left':
+                        tp = tpl;
+                        break;
+                    case 'right':
+                        tp = tpr;
+                        break;
+                }
+
+                $tip
+                .offset(tp)
+                .addClass(placement)
+                .addClass('in');
+           */
+                     
+           
+            var $tip = this.tip();
+            
+            var placement = typeof this.options.placement == 'function' ?
+                this.options.placement.call(this, $tip[0], this.$element[0]) :
+                this.options.placement;            
+
+            var autoToken = /\s?auto?\s?/i;
+            var autoPlace = autoToken.test(placement);
+            if (autoPlace) {
+                placement = placement.replace(autoToken, '') || 'top';
+            }
+            
+            
+            var pos = this.getPosition();
+            var actualWidth = $tip[0].offsetWidth;
+            var actualHeight = $tip[0].offsetHeight;
+
+            if (autoPlace) {
+                var $parent = this.$element.parent();
+
+                var orgPlacement = placement;
+                var docScroll    = document.documentElement.scrollTop || document.body.scrollTop;
+                var parentWidth  = this.options.container == 'body' ? window.innerWidth  : $parent.outerWidth();
+                var parentHeight = this.options.container == 'body' ? window.innerHeight : $parent.outerHeight();
+                var parentLeft   = this.options.container == 'body' ? 0 : $parent.offset().left;
+
+                placement = placement == 'bottom' && pos.top   + pos.height  + actualHeight - docScroll > parentHeight  ? 'top'    :
+                            placement == 'top'    && pos.top   - docScroll   - actualHeight < 0                         ? 'bottom' :
+                            placement == 'right'  && pos.right + actualWidth > parentWidth                              ? 'left'   :
+                            placement == 'left'   && pos.left  - actualWidth < parentLeft                               ? 'right'  :
+                            placement;
+
+                $tip
+                  .removeClass(orgPlacement)
+                  .addClass(placement);
+            }
+
+
+            var calculatedOffset = this.getCalculatedOffset(placement, pos, actualWidth, actualHeight);
+
+            this.applyPlacement(calculatedOffset, placement);            
+                     
+                
+            }).call(this.container());
+          /*jshint laxcomma: false, eqeqeq: true*/  
+        }            
+    });
+
+}(window.jQuery));
+
+
+/**
+Bootstrap-datetimepicker.  
+Based on [smalot bootstrap-datetimepicker plugin](https://github.com/smalot/bootstrap-datetimepicker). 
+Before usage you should manually include dependent js and css:
+
+    <link href="css/datetimepicker.css" rel="stylesheet" type="text/css"></link> 
+    <script src="js/bootstrap-datetimepicker.js"></script>
+
+For **i18n** you should include js file from here: https://github.com/smalot/bootstrap-datetimepicker/tree/master/js/locales
+and set `language` option.  
+
+@class datetime
+@extends abstractinput
+@final
+@since 1.4.4
+@example
+<a href="#" id="last_seen" data-type="datetime" data-pk="1" data-url="/post" title="Select date & time">15/03/2013 12:45</a>
+<script>
+$(function(){
+    $('#last_seen').editable({
+        format: 'yyyy-mm-dd hh:ii',    
+        viewformat: 'dd/mm/yyyy hh:ii',    
+        datetimepicker: {
+                weekStart: 1
+           }
+        }
+    });
+});
+</script>
+**/
+(function ($) {
+    "use strict";
+
+    var DateTime = function (options) {
+        this.init('datetime', options, DateTime.defaults);
+        this.initPicker(options, DateTime.defaults);
+    };
+
+    $.fn.editableutils.inherit(DateTime, $.fn.editabletypes.abstractinput);
+
+    $.extend(DateTime.prototype, {
+        initPicker: function(options, defaults) {
+            //'format' is set directly from settings or data-* attributes
+
+            //by default viewformat equals to format
+            if(!this.options.viewformat) {
+                this.options.viewformat = this.options.format;
+            }
+            
+            //try parse datetimepicker config defined as json string in data-datetimepicker
+            options.datetimepicker = $.fn.editableutils.tryParseJson(options.datetimepicker, true);
+
+            //overriding datetimepicker config (as by default jQuery extend() is not recursive)
+            //since 1.4 datetimepicker internally uses viewformat instead of format. Format is for submit only
+            this.options.datetimepicker = $.extend({}, defaults.datetimepicker, options.datetimepicker, {
+                format: this.options.viewformat
+            });
+
+            //language
+            this.options.datetimepicker.language = this.options.datetimepicker.language || 'en'; 
+
+            //store DPglobal
+            this.dpg = $.fn.datetimepicker.DPGlobal; 
+
+            //store parsed formats
+            this.parsedFormat = this.dpg.parseFormat(this.options.format, this.options.formatType);
+            this.parsedViewFormat = this.dpg.parseFormat(this.options.viewformat, this.options.formatType);
+        },
+
+        render: function () {
+            this.$input.datetimepicker(this.options.datetimepicker);
+
+            //adjust container position when viewMode changes
+            //see https://github.com/smalot/bootstrap-datetimepicker/pull/80
+            this.$input.on('changeMode', function(e) {
+                var f = $(this).closest('form').parent();
+                //timeout here, otherwise container changes position before form has new size
+                setTimeout(function(){
+                    f.triggerHandler('resize');
+                }, 0);
+            });
+
+            //"clear" link
+            if(this.options.clear) {
+                this.$clear = $('<a href="#"></a>').html(this.options.clear).click($.proxy(function(e){
+                    e.preventDefault();
+                    e.stopPropagation();
+                    this.clear();
+                }, this));
+
+                this.$tpl.parent().append($('<div class="editable-clear">').append(this.$clear));  
+            }
+        },
+
+        value2html: function(value, element) {
+            //formatDate works with UTCDate!
+            var text = value ? this.dpg.formatDate(this.toUTC(value), this.parsedViewFormat, this.options.datetimepicker.language, this.options.formatType) : '';
+            if(element) {
+                DateTime.superclass.value2html.call(this, text, element);
+            } else {
+                return text;
+            }
+        },
+
+        html2value: function(html) {
+            //parseDate return utc date!
+            var value = this.parseDate(html, this.parsedViewFormat); 
+            return value ? this.fromUTC(value) : null;
+        },
+
+        value2str: function(value) {
+            //formatDate works with UTCDate!
+            return value ? this.dpg.formatDate(this.toUTC(value), this.parsedFormat, this.options.datetimepicker.language, this.options.formatType) : '';
+       },
+
+       str2value: function(str) {
+           //parseDate return utc date!
+           var value = this.parseDate(str, this.parsedFormat);
+           return value ? this.fromUTC(value) : null;
+       },
+
+       value2submit: function(value) {
+           return this.value2str(value);
+       },
+
+       value2input: function(value) {
+           if(value) {
+             this.$input.data('datetimepicker').setDate(value);
+           }
+       },
+
+       input2value: function() { 
+           //date may be cleared, in that case getDate() triggers error
+           var dt = this.$input.data('datetimepicker');
+           return dt.date ? dt.getDate() : null;
+       },
+
+       activate: function() {
+       },
+
+       clear: function() {
+          this.$input.data('datetimepicker').date = null;
+          this.$input.find('.active').removeClass('active');
+          if(!this.options.showbuttons) {
+             this.$input.closest('form').submit(); 
+          }          
+       },
+
+       autosubmit: function() {
+           this.$input.on('mouseup', '.minute', function(e){
+               var $form = $(this).closest('form');
+               setTimeout(function() {
+                   $form.submit();
+               }, 200);
+           });
+       },
+
+       //convert date from local to utc
+       toUTC: function(value) {
+         return value ? new Date(value.valueOf() - value.getTimezoneOffset() * 60000) : value;  
+       },
+
+       //convert date from utc to local
+       fromUTC: function(value) {
+         return value ? new Date(value.valueOf() + value.getTimezoneOffset() * 60000) : value;  
+       },
+
+       /*
+        For incorrect date bootstrap-datetimepicker returns current date that is not suitable
+        for datetimefield.
+        This function returns null for incorrect date.  
+       */
+       parseDate: function(str, format) {
+           var date = null, formattedBack;
+           if(str) {
+               date = this.dpg.parseDate(str, format, this.options.datetimepicker.language, this.options.formatType);
+               if(typeof str === 'string') {
+                   formattedBack = this.dpg.formatDate(date, format, this.options.datetimepicker.language, this.options.formatType);
+                   if(str !== formattedBack) {
+                       date = null;
+                   } 
+               }
+           }
+           return date;
+       }
+
+    });
+
+    DateTime.defaults = $.extend({}, $.fn.editabletypes.abstractinput.defaults, {
+        /**
+        @property tpl 
+        @default <div></div>
+        **/         
+        tpl:'<div class="editable-date well"></div>',
+        /**
+        @property inputclass 
+        @default null
+        **/
+        inputclass: null,
+        /**
+        Format used for sending value to server. Also applied when converting date from <code>data-value</code> attribute.<br>
+        Possible tokens are: <code>d, dd, m, mm, yy, yyyy, h, i</code>  
+        
+        @property format 
+        @type string
+        @default yyyy-mm-dd hh:ii
+        **/         
+        format:'yyyy-mm-dd hh:ii',
+        formatType:'standard',
+        /**
+        Format used for displaying date. Also applied when converting date from element's text on init.   
+        If not specified equals to <code>format</code>
+        
+        @property viewformat 
+        @type string
+        @default null
+        **/
+        viewformat: null,
+        /**
+        Configuration of datetimepicker.
+        Full list of options: https://github.com/smalot/bootstrap-datetimepicker
+
+        @property datetimepicker 
+        @type object
+        @default { }
+        **/
+        datetimepicker:{
+            todayHighlight: false,
+            autoclose: false
+        },
+        /**
+        Text shown as clear date button. 
+        If <code>false</code> clear button will not be rendered.
+
+        @property clear 
+        @type boolean|string
+        @default 'x clear'
+        **/
+        clear: '&times; clear'
+    });
+
+    $.fn.editabletypes.datetime = DateTime;
+
+}(window.jQuery));
+/**
+Bootstrap datetimefield input - datetime input for inline mode.
+Shows normal <input type="text"> and binds popup datetimepicker.  
+Automatically shown in inline mode.
+
+@class datetimefield
+@extends datetime
+
+**/
+(function ($) {
+    "use strict";
+    
+    var DateTimeField = function (options) {
+        this.init('datetimefield', options, DateTimeField.defaults);
+        this.initPicker(options, DateTimeField.defaults);
+    };
+
+    $.fn.editableutils.inherit(DateTimeField, $.fn.editabletypes.datetime);
+    
+    $.extend(DateTimeField.prototype, {
+        render: function () {
+            this.$input = this.$tpl.find('input');
+            this.setClass();
+            this.setAttr('placeholder');
+            
+            this.$tpl.datetimepicker(this.options.datetimepicker);
+            
+            //need to disable original event handlers
+            this.$input.off('focus keydown');
+            
+            //update value of datepicker
+            this.$input.keyup($.proxy(function(){
+               this.$tpl.removeData('date');
+               this.$tpl.datetimepicker('update');
+            }, this));
+            
+        },   
+      
+       value2input: function(value) {
+           this.$input.val(this.value2html(value));
+           this.$tpl.datetimepicker('update');
+       },
+        
+       input2value: function() { 
+           return this.html2value(this.$input.val());
+       },              
+        
+       activate: function() {
+           $.fn.editabletypes.text.prototype.activate.call(this);
+       },
+       
+       autosubmit: function() {
+         //reset autosubmit to empty  
+       }
+    });
+    
+    DateTimeField.defaults = $.extend({}, $.fn.editabletypes.datetime.defaults, {
+        /**
+        @property tpl 
+        **/         
+        tpl:'<div class="input-group date"><input type="text"/><span class="input-group-addon"><i class="fa fa-th"></i></span></div>',
+        /**
+        @property inputclass 
+        @default 'input-medium'
+        **/         
+        inputclass: 'input-medium',
+        
+        /* datetimepicker config */
+        datetimepicker:{
+            todayHighlight: false,
+            autoclose: true
+        }
+    });
+    
+    $.fn.editabletypes.datetimefield = DateTimeField;
+
+}(window.jQuery));
\ No newline at end of file
diff --git a/web/cms/.editorconfig b/web/cms/.editorconfig
new file mode 100644
index 00000000..47c54384
--- /dev/null
+++ b/web/cms/.editorconfig
@@ -0,0 +1,34 @@
+# EditorConfig helps developers define and maintain consistent
+# coding styles between different editors and IDEs
+# editorconfig.org
+
+root = true
+
+
+[*]
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+indent_style = space
+indent_size = 2
+
+[*.js]
+indent_style = space
+indent_size = 2
+
+[*.hbs]
+insert_final_newline = false
+indent_style = space
+indent_size = 2
+
+[*.css]
+indent_style = space
+indent_size = 2
+
+[*.html]
+indent_style = space
+indent_size = 2
+
+[*.{diff,md}]
+trim_trailing_whitespace = false
diff --git a/web/cms/.ember-cli b/web/cms/.ember-cli
new file mode 100644
index 00000000..ee64cfed
--- /dev/null
+++ b/web/cms/.ember-cli
@@ -0,0 +1,9 @@
+{
+  /**
+    Ember CLI sends analytics information by default. The data is completely
+    anonymous, but there are times when you might want to disable this behavior.
+
+    Setting `disableAnalytics` to true will prevent any data from being sent.
+  */
+  "disableAnalytics": false
+}
diff --git a/web/cms/.eslintignore b/web/cms/.eslintignore
new file mode 100644
index 00000000..72df3730
--- /dev/null
+++ b/web/cms/.eslintignore
@@ -0,0 +1,20 @@
+# unconventional js
+/blueprints/*/files/
+/vendor/
+
+# compiled output
+/dist/
+/tmp/
+
+# dependencies
+/bower_components/
+/node_modules/
+
+# misc
+/coverage/
+!.*
+
+# ember-try
+/.node_modules.ember-try/
+/bower.json.ember-try
+/package.json.ember-try
diff --git a/web/cms/.eslintrc.js b/web/cms/.eslintrc.js
new file mode 100755
index 00000000..2873e2fc
--- /dev/null
+++ b/web/cms/.eslintrc.js
@@ -0,0 +1,13 @@
+module.exports = {
+  root: true,
+  parserOptions: {
+    ecmaVersion: 2017,
+    sourceType: 'module'
+  },
+  extends: 'eslint:recommended',
+  env: {
+    browser: true
+  },
+  rules: {
+  }
+};
diff --git a/web/cms/.gitignore b/web/cms/.gitignore
new file mode 100644
index 00000000..0da4b5c8
--- /dev/null
+++ b/web/cms/.gitignore
@@ -0,0 +1,29 @@
+# See http://help.github.com/ignore-files/ for more about ignoring files.
+
+# compiled output
+/dist
+/tmp
+
+# dependencies
+/node_modules
+/bower_components
+
+# misc
+/.sass-cache
+/lock
+/coverage/*
+/log
+/npm-debug.log
+/testem.log
+
+.*
+!.editorconfig
+!.ember-cli
+!.jshintrc
+!.eslintrc.js
+!.eslintignore
+!.travis.yml
+!.watchmanconfig
+!.gitignore
+!.gitkeep
+*.iml
diff --git a/web/cms/.jshintrc b/web/cms/.jshintrc
new file mode 100644
index 00000000..21c09c5d
--- /dev/null
+++ b/web/cms/.jshintrc
@@ -0,0 +1,35 @@
+{
+  "predef": [
+    "document",
+    "window",
+    "-Promise",
+    "bootbox",
+    "validate",
+    "Cookies"
+  ],
+  "browser": true,
+  "boss": true,
+  "curly": true,
+  "debug": false,
+  "devel": true,
+  "eqeqeq": true,
+  "evil": true,
+  "forin": false,
+  "immed": false,
+  "laxbreak": false,
+  "newcap": true,
+  "noarg": true,
+  "noempty": false,
+  "nonew": false,
+  "nomen": false,
+  "onevar": false,
+  "plusplus": false,
+  "regexp": false,
+  "undef": true,
+  "sub": true,
+  "strict": false,
+  "white": false,
+  "eqnull": true,
+  "esnext": true,
+  "unused": true
+}
diff --git a/web/cms/.travis.yml b/web/cms/.travis.yml
new file mode 100644
index 00000000..64533bea
--- /dev/null
+++ b/web/cms/.travis.yml
@@ -0,0 +1,22 @@
+---
+language: node_js
+node_js:
+  - "4"
+
+sudo: false
+
+cache:
+  directories:
+    - node_modules
+
+before_install:
+  - npm config set spin false
+  - npm install -g bower
+  - npm install phantomjs-prebuilt
+
+install:
+  - npm install
+  - bower install
+
+script:
+  - npm test
diff --git a/web/cms/.watchmanconfig b/web/cms/.watchmanconfig
new file mode 100644
index 00000000..e7834e3e
--- /dev/null
+++ b/web/cms/.watchmanconfig
@@ -0,0 +1,3 @@
+{
+  "ignore_dirs": ["tmp", "dist"]
+}
diff --git a/web/cms/META-INF/MANIFEST.MF b/web/cms/META-INF/MANIFEST.MF
new file mode 100644
index 00000000..aaf5a0a1
--- /dev/null
+++ b/web/cms/META-INF/MANIFEST.MF
@@ -0,0 +1,5 @@
+Manifest-Version: 1.0
+Archiver-Version: Plexus Archiver
+Built-By: donghuang
+Created-By: Apache Maven 3.5.4
+Build-Jdk: 1.8.0_121
diff --git a/web/cms/META-INF/maven/com.pudonghot.yo/yo-cms-web/pom.properties b/web/cms/META-INF/maven/com.pudonghot.yo/yo-cms-web/pom.properties
new file mode 100644
index 00000000..dea1331a
--- /dev/null
+++ b/web/cms/META-INF/maven/com.pudonghot.yo/yo-cms-web/pom.properties
@@ -0,0 +1,5 @@
+#Generated by Maven
+#Mon Dec 03 13:12:52 CST 2018
+groupId=com.pudonghot.yo
+artifactId=yo-cms-web
+version=0.0.1-SNAPSHOT
diff --git a/web/cms/META-INF/maven/com.pudonghot.yo/yo-cms-web/pom.xml b/web/cms/META-INF/maven/com.pudonghot.yo/yo-cms-web/pom.xml
new file mode 100644
index 00000000..a6642787
--- /dev/null
+++ b/web/cms/META-INF/maven/com.pudonghot.yo/yo-cms-web/pom.xml
@@ -0,0 +1,13 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://maven.apache.org/POM/4.0.0"
+    xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
+    xsi:schemaLocation="http://maven.apache.org/POM/4.0.0
+        http://maven.apache.org/xsd/maven-4.0.0.xsd">
+    <modelVersion>4.0.0</modelVersion>
+    <groupId>com.pudonghot.yo</groupId>
+    <artifactId>yo-cms-web</artifactId>
+    <version>0.0.1-SNAPSHOT</version>
+    <name>Yo CMS Web</name>
+    <description>Yo CMS Web</description>
+    <packaging>jar</packaging>
+</project>
diff --git a/web/cms/README.md b/web/cms/README.md
new file mode 100644
index 00000000..4bcc19e3
--- /dev/null
+++ b/web/cms/README.md
@@ -0,0 +1,6 @@
+# Yo NG Conf Web
+
+```bash
+npm i
+./run
+```
diff --git a/web/cms/app/app.js b/web/cms/app/app.js
new file mode 100644
index 00000000..9972b0f6
--- /dev/null
+++ b/web/cms/app/app.js
@@ -0,0 +1,28 @@
+import Application from '@ember/application';
+import Resolver from './resolver';
+import loadInitializers from 'ember-load-initializers';
+import config from './config/environment';
+import $ from 'jquery'
+
+const App = Application.extend({
+  modulePrefix: config.modulePrefix,
+  podModulePrefix: config.podModulePrefix,
+  Resolver
+});
+
+$.ajaxSetup({
+    beforeSend(jqXHR) {
+        jqXHR.setRequestHeader('X-Request-Type', 'Ajax');
+        // if (config.environment === 'production') {
+            // opt.url = '/api/' + opt.url;
+        // }
+    }
+});
+
+$(document).on('click', '.popover .close' , function() {
+    $(this).parents('.popover').popover('hide');
+});
+
+loadInitializers(App, config.modulePrefix);
+
+export default App;
diff --git a/web/cms/app/components/a-btn.js b/web/cms/app/components/a-btn.js
new file mode 100644
index 00000000..e0839888
--- /dev/null
+++ b/web/cms/app/components/a-btn.js
@@ -0,0 +1,8 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+    tagName: 'a',
+    classNames: ['cursor-pointer'],
+    attributeBindings: ['title', 'href', 'target'],
+    'data-rel': 'tooltip'
+});
diff --git a/web/cms/app/components/ace-checkbox.js b/web/cms/app/components/ace-checkbox.js
new file mode 100644
index 00000000..85f92e8f
--- /dev/null
+++ b/web/cms/app/components/ace-checkbox.js
@@ -0,0 +1,5 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+    classNames: ['checkbox']
+});
diff --git a/web/cms/app/components/ace-login.js b/web/cms/app/components/ace-login.js
new file mode 100644
index 00000000..146aea91
--- /dev/null
+++ b/web/cms/app/components/ace-login.js
@@ -0,0 +1,59 @@
+import Component from '@ember/component';
+import $ from 'jquery';
+
+export default Component.extend({
+    classNames: ['container-fluid'],
+    errors: {},
+    model: {
+        rememberMe: false
+    },
+    constraints: {
+        loginId: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        },
+        password: {
+            presence: true,
+            length: {
+                minimum: 4
+            }
+        }
+    },
+    didInsertElement() {
+        let me = this;
+        me._super(...arguments);
+        $('body').removeClass().addClass('login-layout blur-login');
+    },
+    willDestroy() {
+        $('body').removeClass('login-layout blur-login').addClass('no-skin');
+    },
+    actions: {
+        login() {
+            let me = this;
+            me.validate() || me.get('onLogin')(me.get('model'));
+        },
+        loginIdInsertNewline(loginId) {
+            console.log('Login Id Insert Newline', loginId);
+            this.send('login');
+        },
+        loginIdKeyPress(loginId) {
+            loginId && this.set('errors.loginId', null);
+        },
+        passwordInsertNewline() {
+            // console.log('Password Insert Newline', password);
+            this.send('login');
+        },
+        passwordKeyPress(password) {
+            password && this.set('errors.password', null);
+        },
+    },
+    validate() {
+        let me = this;
+        let vr = validate(me.get('model'), me.get('constraints'));
+        vr && me.set('errors', vr);
+        return vr;
+    }
+});
diff --git a/web/cms/app/components/audio-player.js b/web/cms/app/components/audio-player.js
new file mode 100644
index 00000000..794e6a45
--- /dev/null
+++ b/web/cms/app/components/audio-player.js
@@ -0,0 +1,10 @@
+import Component from '@ember/component';
+import $ from 'jquery';
+
+export default Component.extend({
+    didInsertElement() {
+        const me = this;
+        me._super(...arguments);
+        $(me.element.querySelector('audio')).audioPlayer()
+    },
+});
diff --git a/web/cms/app/components/basic-component.js b/web/cms/app/components/basic-component.js
new file mode 100644
index 00000000..58bb1584
--- /dev/null
+++ b/web/cms/app/components/basic-component.js
@@ -0,0 +1,61 @@
+import Component from '@ember/component';
+import { getOwner } from '@ember/application';
+import { inject as service } from '@ember/service';
+import { computed } from '@ember/object';
+import { alias } from '@ember/object/computed';
+
+export default Component.extend({
+    toolService: service('tool-service'),
+    routeName: alias('router.currentRouteName'),
+    'trim-index': true,
+    route: computed('routeName', function() {
+        let me = this;
+        let routeName = me.get('routeName');
+        return me.getRoute(me.get('trim-index') ?
+            routeName.replace(/\.index$/, '') : routeName);
+    }),
+    service: computed('routeName', function() {
+        return this.getService();
+    }),
+    params: computed('router.location.lastSetURL', function() {
+        const me = this;
+        const routeName = me.get('routeName');
+        return me.getRouteParams(me.get('trim-index') ?
+            routeName.replace(/\.index$/, '') : routeName);
+    }),
+    getRouteParams(routeName) {
+        return this.get('route').paramsFor(routeName ||
+            this.get('trim-index') ?
+            this.get('routeName').replace(/\.index$/, '')
+                : this.get('routeName'));
+    },
+    getRoute(routeName) {
+        return getOwner(this).lookup(
+            'route:' + (routeName || this.get('routeName')));
+    },
+    getParentRouteName(routeName) {
+        return routeName.replace(/\.[^.]+$/, '');
+    },
+    getService(name) {
+        const me = this;
+        return name ? me.get('toolService').getServiceByRouteName(name) :
+            me.getRoute().get('service') ||
+                me.get('toolService').getServiceByRouteName(me.get('routeName'));
+    },
+    didReceiveAttrs() {
+        const me = this;
+        me._super(...arguments);
+        me.get('model') || 
+        me.set('model', me.get('route.controller.model'));
+    },
+    getVal() {
+        const me = this;
+        const name = me.get('name');
+        return me.get(name ? 'model.' + name : '__value__');
+    },
+    setVal(val) {
+        const me = this;
+        const name = me.get('name');
+        me.set(name ? 'model.' + name : '__value__', val);
+    }
+});
diff --git a/web/cms/app/components/breadcrumbs-bar.js b/web/cms/app/components/breadcrumbs-bar.js
new file mode 100644
index 00000000..5ff04e10
--- /dev/null
+++ b/web/cms/app/components/breadcrumbs-bar.js
@@ -0,0 +1,48 @@
+import { isNone } from '@ember/utils';
+import { isArray } from '@ember/array';
+import BasicComponent from './basic-component';
+import { computed } from '@ember/object';
+// import { alias } from '@ember/object/computed';
+
+export default BasicComponent.extend({
+    // breadcrumbs: computed.alias('route.breadcrumbs'),
+    breadcrumbs: computed('route', function() {
+        let me = this;
+        let breadcrumbs = this.get('route.breadcrumbs');
+        if (!breadcrumbs) {
+            let routeName = me.get('routeName');
+            if (/\.index$/.test(routeName)) {
+                let route = me.getRoute(routeName.replace(/\.index$/, ''));
+                if (route) {
+                    breadcrumbs = route.get('breadcrumbs');
+                }
+            }
+        }
+        console.log('Breadcrumbs: ', breadcrumbs);
+        return breadcrumbs;
+    }),
+    tabName: 'ul',
+    classNames: ['breadcrumb'],
+    actions: {
+        transitionTo(routeName, routeParams, queryParams) {
+            let me = this;
+            let router = me.get('router');
+            let params = [routeName];
+            if (!isNone(routeParams)) {
+                if (isArray(routeParams)) {
+                    params = params.concat(routeParams);
+                }
+                else if (routeParams !== false) {
+                    params.push(routeParams);
+                }
+            }
+            isNone(queryParams) ||
+                params.push({
+                    isQueryParams: true,
+                    values: queryParams,
+                    queryParams: queryParams
+                });
+            router.transitionTo(...params);
+        },
+    }
+});
diff --git a/web/cms/app/components/component-test.js b/web/cms/app/components/component-test.js
new file mode 100644
index 00000000..5b158985
--- /dev/null
+++ b/web/cms/app/components/component-test.js
@@ -0,0 +1,24 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+    tagName: '',
+    actions: {
+        testComponent() {
+            var me = this;
+            var id = me.get('model.id');
+            var message = me.get('input');
+
+            if(!message || message.trim() == ""){
+                me.get('message').warn('输入不能为空');
+                return;
+            }
+
+            me.get('store').ajaxPost('nlp-component/execute', {
+                id: id,
+                message: message
+            }).then((nodes) => {
+                me.set('nodes', nodes)
+            });
+        }
+    }
+});
diff --git a/web/cms/app/components/content-highlight.js b/web/cms/app/components/content-highlight.js
new file mode 100644
index 00000000..54286f96
--- /dev/null
+++ b/web/cms/app/components/content-highlight.js
@@ -0,0 +1,35 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+    tagName: 'p',
+    didReceiveAttrs() {
+        let me = this;
+        me._super(...arguments);
+        let content = me.get('content');
+        let words = me.get('words');
+        let key = me.get('key');
+        //words is String
+        if(words && words.constructor == String){
+            words = new Array(words);
+        }
+        //words is Array<Object>
+        if(words && words.constructor == Array && words[0].constructor == Object){
+            let newWords = [];
+            key && words.forEach(w => {
+                newWords.push(w[key]);
+            });
+            words = newWords;
+        }
+        //words is Object
+        if(words && words.constructor == Object && key){
+            words = new Array(words[key]);
+        }
+        //words is Array<String>
+        if(words && words.constructor == Array && words[0].constructor == String){
+            words && words.forEach(w => {
+                content = content.replace(w, '<strong class="red">' + w + '</strong>');
+            });
+        }
+        me.set('result', content);
+    },
+});
diff --git a/web/cms/app/components/date-cell.js b/web/cms/app/components/date-cell.js
new file mode 100644
index 00000000..e59adfc3
--- /dev/null
+++ b/web/cms/app/components/date-cell.js
@@ -0,0 +1,7 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+    tagName: 'span',
+    value: Ember.computed.alias('model'),
+    format: 'YYYY-MM-DD H:mm:ss'
+});
diff --git a/web/cms/app/components/delete-btn.js b/web/cms/app/components/delete-btn.js
new file mode 100644
index 00000000..726abbfe
--- /dev/null
+++ b/web/cms/app/components/delete-btn.js
@@ -0,0 +1,35 @@
+import Ember from 'ember';
+
+import BaseComponent from './basic-component';
+
+export default BaseComponent.extend({
+    tagName: 'a',
+    attributeBindings: ['title'],
+    'data-rel': 'tooltip',
+    enabled: Ember.computed.alias('model.active'),
+    title: 'Delete',
+    'icon-size-class': 'bigger-120',
+    didReceiveAttrs() {
+        let me = this;
+        me._super(...arguments);
+        if (me.get('icon-only')) {
+            me.set('icon-size-class', 'bigger-130');
+            me.set('classNameBindings', ['red']);
+        }
+        else {
+            me.set('classNameBindings',
+                ['btn-danger',
+                 'icon-only::btn',
+                 'icon-only::btn-xs']);
+        }
+    },
+    click() {
+        let me = this;
+        me.dialog.confirm('确认要删除吗？', () => {
+            me.get('service').del(me.get('model')).then(() => {
+                me.get('route.controller.model.data').removeObject(me.get('model'));
+                me.decrementProperty('route.controller.model.total');
+            });
+        });
+    }
+});
diff --git a/web/cms/app/components/delete-button.js b/web/cms/app/components/delete-button.js
new file mode 100644
index 00000000..9cc821b6
--- /dev/null
+++ b/web/cms/app/components/delete-button.js
@@ -0,0 +1,52 @@
+import BasicComponent from './basic-component';
+import { alias } from '@ember/object/computed';
+
+export default BasicComponent.extend({
+    tagName: 'a',
+    attributeBindings: ['title', 'href', 'role', 'rel'],
+    role: 'button',
+    rel: 'tooltip',
+    href: 'javascript:;',
+    enabled: alias('model.active'),
+    title: '删除',
+    'icon-size-class': 'bigger-120',
+    'data-rel': 'tooltip',
+    'data-original-title': alias('title'),
+    'operate-reason': false,
+    'icon-only': alias('iconOnly'),
+    didReceiveAttrs() {
+        let me = this;
+        if (me.get('icon-only')) {
+            me.set('icon-size-class', 'bigger-130');
+            me.set('classNameBindings', ['red']);
+        }
+        else {
+            me.set('classNameBindings',
+                ['icon-only::btn',
+                 'icon-only::btn-xs']);
+            me.set('classNames', ['btn-danger']);
+        }
+    },
+    click() {
+        let me = this;
+        if (me.get('operate-reason')) {
+            me.get('dialog').prompt('请输入删除原因（必填）', reason => {
+                const model = me.get('model');
+                me.get('service').del(model).then(() => {
+                    me.get('operationLog').createLog(
+                        me.get('routeName'), '删除', model, reason);
+                    me.get('route.controller.model.data').removeObject(model);
+                });
+            });
+        }
+        else {
+            const model = me.get('model');
+            me.get('dialog').confirm('确认要删除吗？', () => {
+                me.get('service').del(model).then(() => {
+                    me.get('route.controller.model.data').removeObject(model);
+                    me.decrementProperty('route.controller.model.total');
+                });
+            });
+        }
+    }
+});
diff --git a/web/cms/app/components/edit-btn.js b/web/cms/app/components/edit-btn.js
new file mode 100644
index 00000000..ffb4c0bf
--- /dev/null
+++ b/web/cms/app/components/edit-btn.js
@@ -0,0 +1,6 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+    tagName: '',
+    title: '编辑'
+});
diff --git a/web/cms/app/components/editable-cell.js b/web/cms/app/components/editable-cell.js
new file mode 100644
index 00000000..5db4b85b
--- /dev/null
+++ b/web/cms/app/components/editable-cell.js
@@ -0,0 +1,103 @@
+import Ember from 'ember';
+import BaseComponent from './basic-component';
+import { assign } from '@ember/polyfills';
+import $ from 'jquery';
+
+export default BaseComponent.extend({
+    'allow-blank': true,
+    tagName: '',
+    allowBlank: Ember.computed.alias('allow-blank'),
+    type: 'text',
+    step: 1, // for number
+    'confirm-update': true,
+    'on-updated': false,
+    'col-width': 12,
+    actions: {
+        doEdit() {
+            var me = this;
+            me.set('oldValue', me.getFieldValue());
+            me.set('isEditing', true)
+            Ember.run.later(() => {
+                $(me.element).children(
+                    'input[type="text"][name="' + me.get('model.id') + '"]').focus();
+            }, 320);
+        },
+        doUpdate() {
+            let me = this;
+            if (me.get('isUpdating')) {
+                console.log('Cell Is Updating, Ignore.');
+                return;
+            }
+            me.set('isUpdating', true);
+            let newValue = me.getFieldValue();
+            if (me.valueChanged(newValue)) {
+                if (!me.get('allow-blank') && !newValue) {
+                    me.get('message').warn('Property could not be blank');
+                    // reset field value
+                    me.resetValue();
+                    me.set('isUpdating', false);
+                }
+                else {
+                    let service = me.get('service');
+                    let model = me.get('model');
+                    let vr = service.updateValidate(model);
+                    if (vr) {
+                        console.log('Validate Result: ', vr);
+                        me.get('message').warn(Object.keys(vr).map((e)=> {
+                            return vr[e];
+                        }).reduce((msg, e)=> {
+                            return (msg ? msg + '<br />' : '') + e.join('<br />');
+                        }, ''));
+                        // reset field value
+                        me.resetValue();
+                        me.set('isUpdating', false);
+                    }
+                    else if (me.get('confirm-update')) {
+                        me.get('dialog').confirm('Are you sure to update?', () => {
+                            me.get('service').ajaxPost('update-field',
+                                assign({id: model.id,
+                                    field: me.get('field'),
+                                    value: me.getFieldValue()},
+                                    me.get('params') || {}), true).then(r => {
+                                        const onUpdated = me.get('on-updated');
+                                        onUpdated && onUpdated(r);
+                                    });
+                            me.set('isUpdating', false);
+                        },
+                        () => {
+                            // reset field value
+                            me.resetValue();
+                            me.set('isUpdating', false);
+                        });
+                    }
+                    else {
+                        let onUpdated = me.get('on-updated');
+                        onUpdated ? service.update(model).then(r => onUpdated(r)) : service.update(model, true);
+                        me.set('isUpdating', false);
+                    }
+                }
+            }
+            else {
+                console.log('Cell value not changed.')
+                me.set('isUpdating', false);
+            }
+            me.set('isEditing', false);
+        }
+    },
+    getFieldValue() {
+        return this.get('model.' + this.get('field'));
+    },
+    resetValue() {
+        let me = this;
+        me.set('model.' + me.get('field'), me.get('oldValue'));
+    },
+    valueChanged(newValue) {
+        let me = this;
+        let oldValue = me.get('oldValue');
+        // both null or blank
+        if (!newValue && !oldValue) {
+            return false;
+        }
+        return oldValue != newValue;
+    }
+});
diff --git a/web/cms/app/components/form-content.js b/web/cms/app/components/form-content.js
new file mode 100644
index 00000000..7b9fd515
--- /dev/null
+++ b/web/cms/app/components/form-content.js
@@ -0,0 +1,5 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+    classNames: ['page-content']
+});
diff --git a/web/cms/app/components/form-field.js b/web/cms/app/components/form-field.js
new file mode 100644
index 00000000..82ea3ca6
--- /dev/null
+++ b/web/cms/app/components/form-field.js
@@ -0,0 +1,17 @@
+import BasicComponent from './basic-component';
+import { computed } from '@ember/object';
+import { alias } from '@ember/object/computed';
+
+export default BasicComponent.extend({
+    'col-width': 6,
+    classNames: ['form-group'],
+    classNameBindings: ['has-error:has-error'],
+    errors: alias('route.controller.errors'),
+    'has-error': computed('errors', function() {
+        return this.get('errors.' + this.get('name'));
+    }),
+    hasError: alias('has-error'),
+    'error-msg': true,
+    'label-class': 'col-xs-12 col-sm-3 col-md-3',
+    'input-class': 'col-xs-12 col-sm-5 col-md-5'
+});
diff --git a/web/cms/app/components/form-footer-buttons.js b/web/cms/app/components/form-footer-buttons.js
new file mode 100644
index 00000000..0f5478cb
--- /dev/null
+++ b/web/cms/app/components/form-footer-buttons.js
@@ -0,0 +1,98 @@
+import BaseComponent from './basic-component';
+import { computed, setProperties  } from '@ember/object';
+import { isNone } from '@ember/utils';
+import { isArray } from '@ember/array';
+import $ from 'jquery';
+
+export default BaseComponent.extend({
+    classNames: ['wizard-actions'],
+    type: 'create',
+    form: true,
+    successMsg: computed.alias('success-message'),
+    postUrl: computed.alias('post-url'),
+    backRouteName: computed.alias('back-route'),
+    backRouteParams: computed.alias('back-route-params'),
+    backRouteQueryParams: computed.alias('back-route-query-params'),
+    didReceiveAttrs() {
+        const me = this;
+        me._super(...arguments);
+        let backRouteName = me.get('backRouteName');
+        if (isNone(backRouteName)) {
+            let listRouteName = me.get('routeName').replace(/[^.]+$/, 'list');
+            // find route
+            if (!me.getRoute(listRouteName)) {
+                // no list route found, find parent
+                listRouteName = listRouteName.replace(/[^.]+\.[^.]+$/, 'list');
+            }
+            me.set('backRouteName', listRouteName);
+            // list route params
+            isNone(me.get('backRouteParams'))
+                && me.set('backRouteParams', false);
+        }
+    },
+    actions: {
+        goback() {
+            let me = this;
+            let router = me.get('router');
+            let routeName = me.get('backRouteName');
+            let routeParams = me.get('backRouteParams');
+            let queryParams = me.get('back-route-query-params');
+            let params = [routeName];
+            if (!isNone(routeParams)) {
+                if (isArray(routeParams)) {
+                    params = params.concat(routeParams);
+                }
+                else if (routeParams !== false) {
+                    params.push(routeParams);
+                }
+            }
+            isNone(queryParams) ||
+                params.push({queryParams: queryParams});
+            router.transitionTo(...params);
+        },
+        save() {
+            let me = this;
+            if (!me.validate()) {
+                me.get('dialog').confirm('确认要提交吗？', () => {
+                    me.postData().then((m) => {
+                        console.log('Post model result: ', m);
+                        // write back
+                        setProperties(me.getModel(), m);
+                        me.alertMessage();
+                        me.send('goback');
+                    });
+                });
+            }
+        }
+    },
+    isCreate() {
+        return this.get('type') === 'create';
+    },
+    validate() {
+        let me = this;
+        let vr = me.get('service').validate(
+            me.getModel(), me.get('type') + 'Constraints');
+        me.set('route.controller.errors', vr || {});
+        return vr;
+    },
+    postData() {
+        const me = this;
+        let data = me.get('form') ?
+            new FormData($(me.element).closest('form')[0]) :
+                me.getModel();
+        let postUrl = me.get('postUrl');
+        if (postUrl) {
+            return me.get('store').ajaxPost(postUrl, data);
+        }
+        let service = me.get('service');
+        return me.isCreate() ? service.create(data) : service.update(data);
+    },
+    alertMessage() {
+        let me = this;
+        me.message.alert(me.get('successMsg') ||
+            (me.isCreate() ? 'Created successfully' : 'Updated successfully'));
+    },
+    getModel() {
+        return this.get('route.controller.model');
+    }
+});
diff --git a/web/cms/app/components/form-input-checkbox.js b/web/cms/app/components/form-input-checkbox.js
new file mode 100644
index 00000000..7aac20e2
--- /dev/null
+++ b/web/cms/app/components/form-input-checkbox.js
@@ -0,0 +1,12 @@
+import Ember from 'ember';
+import BaseFormInput from './form-field';
+
+export default BaseFormInput.extend({
+    label: '状态',
+    name: 'active',
+    didReceiveAttrs() {
+        let me = this;
+        me._super(...arguments);
+        Ember.isNone(me.getVal()) && me.setVal(false);
+    }
+});
diff --git a/web/cms/app/components/form-input-color.js b/web/cms/app/components/form-input-color.js
new file mode 100644
index 00000000..e73016d0
--- /dev/null
+++ b/web/cms/app/components/form-input-color.js
@@ -0,0 +1,82 @@
+import Ember from 'ember';
+import BaseFormInput from './form-field';
+import $ from 'jquery';
+
+export default BaseFormInput.extend({
+    didReceiveAttrs() {
+        let me = this;
+        me._super(...arguments);
+
+        Ember.addObserver(me, me.getFieldPath(), me, 'colorChanged');
+        me.colorChanged();
+    },
+    didInsertElement() {
+        let me = this;
+        me._super(...arguments);
+        me.getInputEl().colorpicker({format: 'rgba'}).on('changeColor', function(e) {
+            if (!me.get('lockColor')) {
+                me.set(me.getFieldPath(), e.color.toString());
+            }
+        });
+    },
+    colorChanged() {
+        let me = this;
+        let color = me.get(me.getFieldPath());
+        if (!me.get('lockColor')) {
+            me.set('lockHexColor', true);
+            me.set('hexColor', me.rgbaStr2hex(color));
+            me.set('lockHexColor', false);
+        }
+        let el = me.getInputEl();
+        if (el) {
+            me.set('lockColor', true);
+            el.colorpicker('setValue', color);
+            me.set('lockColor', false);
+        }
+    },
+    hexColorObserver: Ember.observer('hexColor', function() {
+        let me = this;
+        if (!me.get('lockHexColor')) {
+            let hexColor = me.get('hexColor');
+            if (hexColor && (hexColor = hexColor.trim())) {
+                let rgb = me.hexToRgb(hexColor);
+                if (rgb) {
+                    console.log('Hex Color Changed.', rgb);
+                    me.set('lockColor', true);
+                    me.set(me.getFieldPath(), `rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, 1)`);
+                    me.set('lockColor', false);
+                }
+            }
+        }
+    }),
+    getFieldPath() {
+        return 'model.' + this.get('name');
+    },
+    getInputEl() {
+        return $(this.element).children('.colorpicker-component');
+    },
+    rgbaRegex: /\s*rgba\s*\(\s*([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\s*,\s*([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\s*,\s*([01]?[0-9]?[0-9]|2[0-4][0-9]|25[0-5])\s*,\s*(0(?:\.\d+)?|1(?:\.0+)?)\s*\)\s*/i,
+    rgbaStr2hex(rgba) {
+        let me = this;
+        if (rgba) {
+            let m = rgba.match(me.rgbaRegex);
+            return me.rgb2hex(m[1], m[2], m[3]);
+        }
+    },
+    rgb2hex(red, green, blue) {
+        return '#' + (0x1000000 + (blue | (green << 8) | (red << 16))).toString(16).slice(1);
+    },
+    hexToRgb(hex) {
+        // #rgb -> #rrggbb
+        hex = hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, function(m, r, g, b) {
+            return r + r + g + g + b + b;
+        });
+
+        let result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+        return result ? {
+            r: parseInt(result[1], 16),
+            g: parseInt(result[2], 16),
+            b: parseInt(result[3], 16)
+        } : null;
+    }
+});
diff --git a/web/cms/app/components/form-input-datepicker.js b/web/cms/app/components/form-input-datepicker.js
new file mode 100644
index 00000000..311675ff
--- /dev/null
+++ b/web/cms/app/components/form-input-datepicker.js
@@ -0,0 +1,20 @@
+import BaseFormInput from './form-field';
+import $ from 'jquery';
+
+export default BaseFormInput.extend({
+    didInsertElement() {
+        let me = this;
+        $(me.element).children('.date-picker').datepicker({
+            format: 'yyyy-mm-dd',
+            autoclose: true,
+            todayHighlight: true
+        })
+        .on('changeDate', function(ev) {
+            me.setVal($(me.element).children('input').val());
+        })
+        //show datepicker when clicking on the icon
+        .next().on(ace.click_event, function() {
+            $(this).prev().focus();
+        });
+    }
+});
diff --git a/web/cms/app/components/form-input-datetimepicker.js b/web/cms/app/components/form-input-datetimepicker.js
new file mode 100644
index 00000000..e4b362a4
--- /dev/null
+++ b/web/cms/app/components/form-input-datetimepicker.js
@@ -0,0 +1,31 @@
+import BaseFormInput from './form-field';
+import $ from 'jquery';
+
+export default BaseFormInput.extend({
+    format: 'YYYY-MM-DD HH:mm:ss',
+    didReceiveAttrs() {
+        const me = this;
+        me._super(...arguments);
+        if (!me.get('value')) {
+            const val = me.get('model.' + me.get('name'));
+            me.set('value', val ? (/^\d+$/.test(val) ? +val : val) : new Date().getTime());
+        }
+        me.set('valueInput', moment(me.get('value')).format(me.get('format')));
+    },
+    didInsertElement() {
+        let me = this;
+        $(me.element).children('input').datetimepicker({
+            format: me.get('format'),
+            showClear: true,
+            autoclose: true,
+            todayHighlight: true
+        })
+        .on('dp.change', function(ev) {
+            me.setVal(ev.date.toDate().getTime());
+        })
+        //show datepicker when clicking on the icon
+        .next().on(ace.click_event, function() {
+            $(this).prev().focus();
+        });
+    }
+});
diff --git a/web/cms/app/components/form-input-enabled.js b/web/cms/app/components/form-input-enabled.js
new file mode 100644
index 00000000..a864a6e7
--- /dev/null
+++ b/web/cms/app/components/form-input-enabled.js
@@ -0,0 +1,14 @@
+import Ember from 'ember';
+import BaseFormInput from './form-field';
+
+export default BaseFormInput.extend({
+    label: '状态',
+    enabledText: '启用',
+    disabledText: '禁用',
+    name: 'active',
+    didReceiveAttrs() {
+        let me = this;
+        me._super(...arguments);
+        Ember.isNone(me.getVal()) && me.setVal(false);
+    }
+});
diff --git a/web/cms/app/components/form-input-errors-msg.js b/web/cms/app/components/form-input-errors-msg.js
new file mode 100644
index 00000000..4a12f3fd
--- /dev/null
+++ b/web/cms/app/components/form-input-errors-msg.js
@@ -0,0 +1,5 @@
+import BaseFormInput from './form-field';
+
+export default BaseFormInput.extend({
+    classNames: ['help-block', 'col-xs-12', 'col-sm-reset', 'inline']
+});
diff --git a/web/cms/app/components/form-input-select.js b/web/cms/app/components/form-input-select.js
new file mode 100644
index 00000000..efa43ae8
--- /dev/null
+++ b/web/cms/app/components/form-input-select.js
@@ -0,0 +1,25 @@
+import BaseFormInput from './form-field';
+import { computed } from '@ember/object';
+
+export default BaseFormInput.extend({
+    options: [],
+    'value-field': 'value',
+    'text-field': 'text',
+    'enabled-field': null,
+    'hidden-input': true,
+    loose: true,
+    'fire-init-change': true,
+    'values-as-string': true,
+    'values-splitter': ',',
+    'col-width': computed('multiple', {
+        get() {
+            if (this._col_width) {
+              return this._col_width;
+            }
+            return this.get('multiple') ? 12 : 7;
+        },
+        set(key, value) {
+            return this._col_width = value;
+        }
+    })
+});
diff --git a/web/cms/app/components/form-input-spinner.js b/web/cms/app/components/form-input-spinner.js
new file mode 100644
index 00000000..706868ed
--- /dev/null
+++ b/web/cms/app/components/form-input-spinner.js
@@ -0,0 +1,27 @@
+import Ember from 'ember';
+import BaseFormInput from './form-field';
+import $ from 'jquery';
+
+export default BaseFormInput.extend({
+    min: 0,
+    max: 64,
+    step: 1,
+    didReceiveAttrs() {
+        this._super(...arguments);
+        this.getVal() || this.setVal(0);
+    },
+    didInsertElement() {
+        let me = this;
+        $(me.element).children('input[type=text]').ace_spinner({
+            value: me.getVal(),
+            min: me.get('min'),
+            max: me.get('max'),
+            step: me.get('step'),
+            btn_up_class: 'btn-info',
+            btn_down_class: 'btn-info'})
+        .closest('.ace-spinner')
+        .on('changed.fu.spinbox', function() {
+            me.setVal($(me.element).children('input[type=text]').val());
+        });
+    }
+});
diff --git a/web/cms/app/components/form-input-tags.js b/web/cms/app/components/form-input-tags.js
new file mode 100644
index 00000000..e7b4206a
--- /dev/null
+++ b/web/cms/app/components/form-input-tags.js
@@ -0,0 +1,14 @@
+import BaseFormInput from './form-field';
+import $ from 'jquery';
+
+export default BaseFormInput.extend({
+    didReceiveAttrs() {
+        const me = this;
+        me._super(...arguments);
+    },
+    didInsertElement() {
+        let me = this;
+        me._super(...arguments);
+        $(me.element).children('input').tagsinput();
+    }
+});
diff --git a/web/cms/app/components/form-input.js b/web/cms/app/components/form-input.js
new file mode 100644
index 00000000..e1172611
--- /dev/null
+++ b/web/cms/app/components/form-input.js
@@ -0,0 +1,57 @@
+import Ember from 'ember';
+import BaseFormInput from './form-field';
+import { alias, equal } from '@ember/object/computed';
+import $ from 'jquery'
+
+export default BaseFormInput.extend({
+    type: 'text',
+    isHidden: equal('type', 'hidden'),
+    imageUrl: alias('image-url'),
+    classNameBindings: ['isHidden:hidden'],
+    rows: 8,
+    droppable: true,
+    thumbnail: false,
+    blacklist: 'exe|php|jsp',
+    didReceiveAttrs() {
+        const me = this;
+        me._super(...arguments);
+
+        let isFile = me.get('type') === 'file';
+        !me.get('input-class') &&
+            me.set('input-class', isFile ? 'col-xs-3' : 'col-xs-12 col-sm-5');
+        let image = me.get('image');
+        if (isFile && image) {
+            me.set('imageUrl', me.get('model.' + image));
+        }
+    },
+    didInsertElement() {
+        let me = this;
+        me._super(...arguments);
+        ['file', 'image'].includes(me.get('type')) &&
+        $(me.element).children('input[type=file]').ace_file_input({
+            no_file: 'No File Choosed...',
+            btn_choose: 'Choose',
+            btn_change: 'Change',
+            droppable: me.get('droppable'),
+            before_change: function(files, dropped) {
+                console.log('File input, before change: ', files, dropped);
+                const cb = me.get('before-file-change');
+                cb && cb(files, me.getVal(), dropped);
+                const filename = files[0].name;
+                console.log('Before file [' + filename + '] changed.');
+                me.setVal(filename);
+                return true;
+            },
+            before_remove: function() {
+                const files = $(this).prop('files');
+                console.log('File input, before files removed: ', files);
+                const cb = me.get('before-file-remove');
+                cb && cb(files);
+                me.setVal(null);
+                return true;
+            },
+            thumbnail: me.get('thumbnail'), // false | true | large
+            blacklist: me.get('blacklist')
+        });
+    }
+});
diff --git a/web/cms/app/components/gender-cell.js b/web/cms/app/components/gender-cell.js
new file mode 100644
index 00000000..e815f7ac
--- /dev/null
+++ b/web/cms/app/components/gender-cell.js
@@ -0,0 +1,5 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+    tagName: 'span'
+});
diff --git a/web/cms/app/components/grid-all-checkbox.js b/web/cms/app/components/grid-all-checkbox.js
new file mode 100644
index 00000000..286a6add
--- /dev/null
+++ b/web/cms/app/components/grid-all-checkbox.js
@@ -0,0 +1,27 @@
+import Component from '@ember/component';
+import { set, observer } from '@ember/object'
+
+export default Component.extend({
+    tagName: 'label',
+    classNames: ['pos-rel'],
+    checked: false,
+    onCheckedChanged: observer('checked', function() {
+        let me = this;
+        if (!me.get('lock')) {
+            let checked = me.get('checked');
+            me.get('list').forEach(it => {
+                set(it, 'checked', checked);
+            });
+        }
+    }),
+    subCheckedChanged: observer('list.@each.checked', function() {
+        const me = this;
+        me.set('lock', true);
+        const list = me.get('list');
+        me.set('checked', list && list.length
+            && list.map(it => it.checked)
+            .reduce((val, prevVal) => val && prevVal, true));
+        me.set('any-checked', me.get('list').any(it => it.checked));
+        me.set('lock', false);
+    })
+});
diff --git a/web/cms/app/components/grid-header-batch-actions.js b/web/cms/app/components/grid-header-batch-actions.js
new file mode 100644
index 00000000..c274aa90
--- /dev/null
+++ b/web/cms/app/components/grid-header-batch-actions.js
@@ -0,0 +1,9 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+    tagName: '',
+    'search-box': true,
+    'reload-button': true,
+    dropdown: true,
+    custom: false
+});
diff --git a/web/cms/app/components/grid-header.js b/web/cms/app/components/grid-header.js
new file mode 100644
index 00000000..29202465
--- /dev/null
+++ b/web/cms/app/components/grid-header.js
@@ -0,0 +1,12 @@
+import Component from '@ember/component';
+import { computed } from '@ember/object';
+
+export default Component.extend({
+    classNames: ['widget-header'],
+    'search-box': true,
+    'reload-button': true,
+    dropdown: true,
+    dropdownMenu: computed.alias('dropdown'),
+    custom: false,
+    button: false
+});
diff --git a/web/cms/app/components/grid-row-checkbox.js b/web/cms/app/components/grid-row-checkbox.js
new file mode 100644
index 00000000..0380d5d2
--- /dev/null
+++ b/web/cms/app/components/grid-row-checkbox.js
@@ -0,0 +1,7 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+    tagName: 'label',
+    classNames: ['pos-rel'],
+    checked: false
+});
diff --git a/web/cms/app/components/has-perm.js b/web/cms/app/components/has-perm.js
new file mode 100644
index 00000000..1a5c9d2b
--- /dev/null
+++ b/web/cms/app/components/has-perm.js
@@ -0,0 +1,17 @@
+import Ember from 'ember';
+import { inject as service } from '@ember/service';
+
+const HasPermComponent = Ember.Component.extend({
+    tagName: '',
+    authService: service('auth-service'),
+    hasPerm: Ember.computed('perm', 'authService.authorities', function() {
+        let me = this;
+        return me.get('authService').hasPerm(me.get('perm'));
+    })
+});
+
+HasPermComponent.reopenClass({
+  positionalParams: ['perm']
+});
+
+export default HasPermComponent;
diff --git a/web/cms/app/components/home-board.js b/web/cms/app/components/home-board.js
new file mode 100644
index 00000000..684b8352
--- /dev/null
+++ b/web/cms/app/components/home-board.js
@@ -0,0 +1,26 @@
+import Ember from 'ember';
+import $ from 'jquery';
+
+export default Ember.Component.extend({
+    classNames: ['page-content', 'no-padding', 'desktop'],
+    mount: false,
+    init() {
+        let me = this;
+        me._super(...arguments);
+        $(window).on('resize', Ember.run.bind(me, me.onWindowResize));
+    },
+    didInsertElement() {
+        let me = this;
+        me._super(...arguments);
+        me.set('mount', true);
+        me.onWindowResize();
+    },
+    willDestroyElement() {
+        let me = this;
+        me._super(...arguments);
+        me.set('mount', false);
+    },
+    onWindowResize() {
+        this.get('mount') && $(this.element).height($(window).height() - 86 - 60);
+    }
+});
diff --git a/web/cms/app/components/image-previews.js b/web/cms/app/components/image-previews.js
new file mode 100644
index 00000000..7bf93e90
--- /dev/null
+++ b/web/cms/app/components/image-previews.js
@@ -0,0 +1,69 @@
+import Ember from 'ember';
+import Component from '@ember/component';
+import { computed } from '@ember/object';
+import { typeOf } from '@ember/utils';
+import $ from 'jquery';
+
+export default Component.extend({
+    tagName: 'span',
+    classNames: ['no-padding', 'inline'],
+    didReceiveAttrs() {
+        let me = this;
+        let previews = me.get('images');
+        if (typeOf(previews) === 'string') {
+            let sep = me.get('separator');
+            me.set('previews', sep ? previews.split(sep) : [previews]);
+        }
+        else if (typeOf(previews) === 'array') {
+            let prop = me.get('prop');
+            if (prop) {
+                me.set('previews', previews.map(img => img[prop]));
+            }
+            else {
+                me.set('previews', previews);
+            }
+        }
+    },
+    'image-height': 16,
+    'max-width': '32px',
+    'image-style': computed('max-width', function() {
+        let maxWidth = this.get('max-width');
+        return 'border-radius: 8%; border: 1px solid #DCDCDC;' +
+            (maxWidth ? 'max-width: ' + maxWidth : '');
+    }),
+    didInsertElement() {
+        let me = this;
+        me._super(...arguments);
+        let rel = me.get('elementId') + '_preview';
+        let $overflow = '';
+
+        $(me.element).children('a[data-rel="' + rel + '"]').colorbox({
+            rel: rel,
+            reposition: true,
+            // scalePhotos: true,
+            scrolling: false,
+            photo: true,
+            previous: '<i class="ace-icon fa fa-arrow-left"></i>',
+            next: '<i class="ace-icon fa fa-arrow-right"></i>',
+            close: '&times;',
+            current: '{current} of {total}',
+            maxWidth: '100%',
+            maxHeight: '100%',
+            onOpen: function() {
+                $overflow = document.body.style.overflow;
+                document.body.style.overflow = 'hidden';
+            },
+            onClosed: function() {
+                document.body.style.overflow = $overflow;
+            },
+            onComplete: function() {
+                $.colorbox.resize();
+            }
+        });
+
+        Ember.run.once(() => {
+            // add a custom loading icon
+            $('#cboxLoadingGraphic').html('<i class="ace-icon fa fa-spinner orange fa-spin"></i>');
+        });
+    }
+});
diff --git a/web/cms/app/components/input-select.js b/web/cms/app/components/input-select.js
new file mode 100644
index 00000000..bd1de568
--- /dev/null
+++ b/web/cms/app/components/input-select.js
@@ -0,0 +1,150 @@
+import BasicComponent from './basic-component';
+import { observer } from '@ember/object';
+import { A } from '@ember/array';
+import $ from 'jquery';
+
+export default BasicComponent.extend({
+    tagName: 'x-fake-el',
+    options: [],
+    'value-field': 'value',
+    'text-field': 'text',
+    'enabled-field': null,
+    'hidden-input': true,
+    loose: true,
+    'fire-init-change': true,
+    'values-as-string': true,
+    'values-splitter': ',',
+    didReceiveAttrs() {
+        const me = this;
+        me._super(...arguments);
+
+        // select first
+        if (!me.get('multiple') &&
+            !me.get('nullable')) {
+            const options = me.get('options');
+            if (options && options.length) {
+                const val = me._getVal();
+                // no val or val not in options
+                if (!val || !options.any(o => me.opEq(o, val))) {
+                    me._setVal(me.getOpVal(options[0]));
+                }
+            }
+        }
+    },
+    didInsertElement() {
+        const me = this;
+        me._super(...arguments);
+
+        $(me.element).children('select.select2').select2({
+            multiple: me.get('multiple'),
+            disabled: me.get('readonly'),
+            allowClear: me.get('nullable'),
+            placeholder: me.get('placeholder') || 
+                me.get('label') || 'Please select...',
+            templateResult: me.get('tplResult'),
+            templateSelection: me.get('tplSelection')
+        }).on('change', function(e) {
+            console.log('selection change: ', e);
+            const selected = $(this).select2('data');
+            if (me.get('multiple')) {
+                me._setVal(selected ? selected.map(o => o.id) : []);
+            }
+            else {
+                const o = selected ? selected[0] : null;
+                me._setVal(o ? o.id : null);
+            }
+            me.notifyChange();
+        })
+        // init val, trigger change required
+        .val(me._getVal()).trigger('change');
+
+        if (me.get('fire-init-change')) {
+            me.notifyChange();
+        }
+    },
+    optionsChanged: observer('options', function() {
+        const me = this;
+        me.set('optionsUpdated', true);
+    }),
+    didUpdate() {
+        const me = this;
+        me._super(...arguments);
+
+        if (me.get('optionsUpdated')) {
+            me.set('optionsUpdated', false);
+            const options = me.get('options');
+            const jqEl = $(me.element).children('select.select2');
+            if (me.get('multiple')) {
+                me._setVal([]);
+                // clear selection
+                jqEl.val(null).trigger('change');
+            }
+            else {
+                const val = me._getVal();
+                // reset old val
+                if (val && me.findOption(val)) {
+                    jqEl.val(val).trigger('change');
+                }
+                else {
+                    const firstOption = options[0];
+                    if (firstOption && !me.get('nullable')) {
+                        me._setVal(me.getOptVal(firstOption));
+                        jqEl.val(val).trigger('change');
+                    }
+                    else {
+                        me._setVal(null);
+                        jqEl.val(null).trigger('change');
+                    }
+                }
+            }
+        }
+    },
+    findOption(val) {
+        const me = this;
+        return  me.get('options').find(op => me.opEq(op, val));
+    },
+    notifyChange() {
+        const me = this;
+        const options = me.get('options');
+        const onChange = me.get('on-change');
+        onChange && onChange(me._getVal(), options);
+    },
+    _getVal() {
+        const me = this;
+        const val = me.getVal();
+        if (me.get('multiple')
+            && typeof val === 'string'
+            && me.get('values-as-string')) {
+            return A(val ? val.split(me.get('values-splitter')) : []);
+        }
+        return val;
+    },
+    _setVal(val) {
+        const me = this;
+        me.setVal(me.get('multiple')
+            && me.get('values-as-string') ?
+                (val.length ? val.join(me.get('values-splitter')) : null) :
+                val);
+    },
+    isPlainVal(val) {
+        return typeof val === 'string' ||
+            typeof val === 'number' ||
+            typeof val === 'boolean' ||
+            (
+            (!!val && typeof val === 'object') &&
+                ['[object String]',
+                '[object Number]',
+                '[object Boolean]'
+                ].includes(Object.prototype.toString.call(val))
+            )
+    },
+    getOpVal(op) {
+        const me = this;
+        return me.isPlainVal(op) ? op : op[me.get('value-field')];
+    },
+    opEq(op, val) {
+        const me = this;
+        let opv = me.getOpVal(op);
+        return me.get('loose') ? opv == val : opv === val;
+    }
+});
diff --git a/web/cms/app/components/input-spinner.js b/web/cms/app/components/input-spinner.js
new file mode 100644
index 00000000..25549055
--- /dev/null
+++ b/web/cms/app/components/input-spinner.js
@@ -0,0 +1,29 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+    step: 1,
+    value: 0,
+    classNames: ['ace-spinner', 'middle'],
+    actions: {
+        increase() {
+            let me = this;
+            let max = me.get('max');
+            if (!Ember.isNone(max) && me.get('value') >= max) {
+                console.log('Spinner increase to max: ', max);
+                me.set('value', max);
+                return;
+            }
+            me.incrementProperty('value');
+        },
+        decrease() {
+            let me = this;
+            let min = me.get('min');
+            if (!Ember.isNone(min) && me.get('value') <= min) {
+                console.log('Spinner decrease to min: ', min);
+                me.set('value', min);
+                return;
+            }
+            me.decrementProperty('value');
+        }
+    }
+});
diff --git a/web/cms/app/components/json-pretty-hi.js b/web/cms/app/components/json-pretty-hi.js
new file mode 100644
index 00000000..49770cca
--- /dev/null
+++ b/web/cms/app/components/json-pretty-hi.js
@@ -0,0 +1,36 @@
+import Component from '@ember/component';
+import { htmlSafe } from '@ember/template';
+
+const C = Component.extend({
+    tagName: 'pre',
+    keyColor: '#E6DB74',
+    numberColor: '#AE81FF',
+    stringColor: '#E6DB74',
+    trueColor: '#00CC00',
+    falseColor: '#FF8080',
+    nullColor: 'cornflowerblue',
+    style: 'color: #F8F8F1; background-color: #272822;',
+    attributeBindings: ['style'],
+    didReceiveAttrs() {
+        const me = this;
+        me._super(...arguments);
+        const content = me.get('content');
+        if (content) {
+            me.set('contentHtml', htmlSafe(jsonFormatHighlight(
+                JSON.stringify(JSON.parse(content), null, 4), {
+                    keyColor: me.get('keyColor'),
+                    numberColor: me.get('numberColor'),
+                    stringColor: me.get('stringColor'),
+                    trueColor: me.get('trueColor'),
+                    falseColor: me.get('falseColor'),
+                    nullColor: me.get('nullColor')
+                })));
+        }
+    }
+});
+
+C.reopenClass({
+  positionalParams: ['content']
+});
+
+export default C;
\ No newline at end of file
diff --git a/web/cms/app/components/labeled-cell.js b/web/cms/app/components/labeled-cell.js
new file mode 100644
index 00000000..041ba0ad
--- /dev/null
+++ b/web/cms/app/components/labeled-cell.js
@@ -0,0 +1,5 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+    tagName: ''
+});
diff --git a/web/cms/app/components/list-select-checkbox.js b/web/cms/app/components/list-select-checkbox.js
new file mode 100644
index 00000000..471900b4
--- /dev/null
+++ b/web/cms/app/components/list-select-checkbox.js
@@ -0,0 +1,9 @@
+import BaseComponent from './basic-component';
+import { alias } from '@ember/object/computed';
+
+export default BaseComponent.extend({
+    tagName: 'label',
+    selectedId: alias('route.controller.selectedId'),
+    selectedModel: alias('route.controller.selectedModel'),
+    classNames: ['pos-rel']
+});
diff --git a/web/cms/app/components/main-container.js b/web/cms/app/components/main-container.js
new file mode 100644
index 00000000..b02d4402
--- /dev/null
+++ b/web/cms/app/components/main-container.js
@@ -0,0 +1,433 @@
+import Ember from 'ember';
+import $ from 'jquery';
+
+export default Ember.Component.extend({
+    elementId: 'main-container',
+    classNames: ['main-container'],
+    sidebarCollapsed: false,
+    didInsertElement() {
+        let me = this;
+        me._super(...arguments);
+        // $('body').removeClass().addClass('login-layout blur-login');
+        (function($) {
+            basics();
+            enableSidebar();
+
+            enableDemoAjax();
+            handleScrollbars();
+
+            dropdownAutoPos();
+
+            navbarHelpers();
+            sidebarTooltips();
+
+            scrollTopBtn();
+
+            someBrowserFix();
+
+            bsCollapseToggle();
+            smallDeviceDropdowns();
+
+            ////////////////////////////
+
+            function basics() {
+                // for android and ios we don't use "top:auto" when breadcrumbs is fixed
+                if(ace.vars['non_auto_fixed']) {
+                    $('body').addClass('mob-safari');
+                }
+
+                ace.vars['transition'] = !!$.support.transition.end
+            }
+
+            function enableSidebar() {
+                //initiate sidebar function
+                var $sidebar = $('.sidebar');
+                if($.fn.ace_sidebar) $sidebar.ace_sidebar();
+                if($.fn.ace_sidebar_scroll) $sidebar.ace_sidebar_scroll({
+                    //for other options please see documentation
+                    'include_toggle': false || ace.vars['safari'] || ace.vars['ios_safari'] //true = include toggle button in the scrollbars
+                });
+                if($.fn.ace_sidebar_hover)    $sidebar.ace_sidebar_hover({
+                    'sub_hover_delay': 750,
+                    'sub_scroll_style': 'no-track scroll-thin scroll-margin scroll-visible'
+                });
+            }
+
+
+            //Load content via ajax
+            function enableDemoAjax() {
+                if(!$.fn.ace_ajax) return;
+
+                if(window.Pace) {
+                    window.paceOptions = {
+                        ajax: true,
+                        document: true,
+                        eventLag: false // disabled
+                        //elements: {selectors: ['.page-content-area']}
+                    }
+                }
+
+                var demo_ajax_options = {
+                    'close_active': true,
+
+                    'default_url': 'page/index',//default hash
+                    'content_url': function(hash) {
+                        //***NOTE***
+                        //this is for Ace demo only, you should change it to return a valid URL
+                        //please refer to documentation for more info
+
+                        if( !hash.match(/^page\//) ) return false;
+                        var path = document.location.pathname;
+
+                        //for example in Ace HTML demo version we convert /ajax/index.html#page/gallery to > /ajax/content/gallery.html and load it
+                        if(path.match(/(\/ajax\/)(index\.html)?/))
+                            return path.replace(/(\/ajax\/)(index\.html)?/, '/ajax/content/'+hash.replace(/^page\//, '')+'.html') ;
+
+                        //for example in Ace PHP demo version we convert "ajax.php#page/dashboard" to "ajax.php?page=dashboard" and load it
+                        return path + "?" + hash.replace(/\//, "=");
+                    }
+                }
+
+                //for IE9 and below we exclude PACE loader (using conditional IE comments)
+                //for other browsers we use the following extra ajax loader options
+                if(window.Pace) {
+                    demo_ajax_options['loading_overlay'] = 'body';//the opaque overlay is applied to 'body'
+                }
+
+                //initiate ajax loading on this element( which is .page-content-area[data-ajax-content=true] in Ace's demo)
+                $('[data-ajax-content=true]').ace_ajax(demo_ajax_options)
+
+                //if general error happens and ajax is working, let's stop loading icon & PACE
+                $(window).on('error.ace_ajax', function() {
+                    $('[data-ajax-content=true]').each(function() {
+                        var $this = $(this);
+                        if( $this.ace_ajax('working') ) {
+                            if(window.Pace && Pace.running) Pace.stop();
+                            $this.ace_ajax('stopLoading', true);
+                        }
+                    })
+                })
+            }
+
+            /////////////////////////////
+
+            function handleScrollbars() {
+                //add scrollbars for navbar dropdowns
+                var has_scroll = !!$.fn.ace_scroll;
+                if(has_scroll) $('.dropdown-content').ace_scroll({reset: false, mouseWheelLock: true})
+
+                //reset scrolls bars on window resize
+                if(has_scroll && !ace.vars['old_ie']) {//IE has an issue with widget fullscreen on ajax?!!!
+                    $(window).on('resize.reset_scroll', function() {
+                        $('.ace-scroll:not(.scroll-disabled)').not(':hidden').ace_scroll('reset');
+                    });
+                    if(has_scroll) $(document).on('settings.ace.reset_scroll', function(e, name) {
+                        if(name == 'sidebar_collapsed') $('.ace-scroll:not(.scroll-disabled)').not(':hidden').ace_scroll('reset');
+                    });
+                }
+            }
+
+
+            function dropdownAutoPos() {
+                //change a dropdown to "dropup" depending on its position
+                $(document).on('click.dropdown.pos', '.dropdown-toggle[data-position="auto"]', function() {
+                    var offset = $(this).offset();
+                    var parent = $(this.parentNode);
+
+                    if ( parseInt(offset.top + $(this).height()) + 50
+                            >
+                        (ace.helper.scrollTop() + ace.helper.winHeight() - parent.find('.dropdown-menu').eq(0).height())
+                        ) parent.addClass('dropup');
+                    else parent.removeClass('dropup');
+                });
+            }
+
+
+            function navbarHelpers() {
+                //prevent dropdowns from hiding when a from is clicked
+                /**$(document).on('click', '.dropdown-navbar form', function(e){
+                    e.stopPropagation();
+                });*/
+
+
+                //disable navbar icon animation upon click
+                $('.ace-nav [class*="icon-animated-"]').closest('a').one('click', function(){
+                    var icon = $(this).find('[class*="icon-animated-"]').eq(0);
+                    var $match = icon.attr('class').match(/icon\-animated\-([\d\w]+)/);
+                    icon.removeClass($match[0]);
+                });
+
+
+                //prevent dropdowns from hiding when a tab is selected
+                $(document).on('click', '.dropdown-navbar .nav-tabs', function(e){
+                    e.stopPropagation();
+                    var $this , href
+                    var that = e.target
+                    if( ($this = $(e.target).closest('[data-toggle=tab]')) && $this.length > 0) {
+                        $this.tab('show');
+                        e.preventDefault();
+                        $(window).triggerHandler('resize.navbar.dropdown')
+                    }
+                });
+            }
+
+
+            function sidebarTooltips() {
+                //tooltip in sidebar items
+                $('.sidebar .nav-list .badge[title],.sidebar .nav-list .badge[title]').each(function() {
+                    var tooltip_class = $(this).attr('class').match(/tooltip\-(?:\w+)/);
+                    tooltip_class = tooltip_class ? tooltip_class[0] : 'tooltip-error';
+                    $(this).tooltip({
+                        'placement': function (context, source) {
+                            var offset = $(source).offset();
+
+                            if( parseInt(offset.left) < parseInt(document.body.scrollWidth / 2) ) return 'right';
+                            return 'left';
+                        },
+                        container: 'body',
+                        template: '<div class="tooltip '+tooltip_class+'"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
+                    });
+                });
+                /*
+                //or something like this if items are dynamically inserted
+                $('.sidebar').tooltip({
+                    'placement': function (context, source) {
+                        let offset = $(source).offset();
+                        return parseInt(offset.left) < parseInt(document.body.scrollWidth / 2) ? 'right' : 'left';
+                    },
+                    selector: '.nav-list .badge[title],.nav-list .label[title]',
+                    container: 'body',
+                    template: '<div class="tooltip tooltip-error"><div class="tooltip-arrow"></div><div class="tooltip-inner"></div></div>'
+                });
+                */
+            }
+
+            function scrollTopBtn() {
+                //the scroll to top button
+                var scroll_btn = $('.btn-scroll-up');
+                if(scroll_btn.length > 0) {
+                    var is_visible = false;
+                    $(window).on('scroll.scroll_btn', function() {
+                        var scroll = ace.helper.scrollTop();
+                        var h = ace.helper.winHeight();
+                        var body_sH = document.body.scrollHeight;
+                        if(scroll > parseInt(h / 4) || (scroll > 0 && body_sH >= h && h + scroll >= body_sH - 1)) {//|| for smaller pages, when reached end of page
+                            if(!is_visible) {
+                                scroll_btn.addClass('display');
+                                is_visible = true;
+                            }
+                        } else {
+                            if(is_visible) {
+                                scroll_btn.removeClass('display');
+                                is_visible = false;
+                            }
+                        }
+                    }).triggerHandler('scroll.scroll_btn');
+
+                    scroll_btn.on(ace.click_event, function(){
+                        var duration = Math.min(500, Math.max(100, parseInt(ace.helper.scrollTop() / 3)));
+                        $('html,body').animate({scrollTop: 0}, duration);
+                        return false;
+                    });
+                }
+            }
+
+            function someBrowserFix() {
+                //chrome and webkit have a problem here when resizing from 479px to more
+                //we should force them redraw the navbar!
+                if( ace.vars['webkit'] ) {
+                    var ace_nav = $('.ace-nav').get(0);
+                    if( ace_nav ) $(window).on('resize.webkit_fix' , function(){
+                        ace.helper.redraw(ace_nav);
+                    });
+                }
+
+
+                //fix an issue with ios safari, when an element is fixed and an input receives focus
+                if(ace.vars['ios_safari']) {
+                $(document).on('ace.settings.ios_fix', function(e, event_name, event_val) {
+                    if(event_name != 'navbar_fixed') return;
+
+                    $(document).off('focus.ios_fix blur.ios_fix', 'input,textarea,.wysiwyg-editor');
+                    if(event_val == true) {
+                    $(document).on('focus.ios_fix', 'input,textarea,.wysiwyg-editor', function() {
+                        $(window).on('scroll.ios_fix', function() {
+                            var navbar = $('#navbar').get(0);
+                            if(navbar) ace.helper.redraw(navbar);
+                        });
+                    }).on('blur.ios_fix', 'input,textarea,.wysiwyg-editor', function() {
+                        $(window).off('scroll.ios_fix');
+                    })
+                    }
+                }).triggerHandler('ace.settings.ios_fix', ['navbar_fixed', $('#navbar').css('position') == 'fixed']);
+                }
+            }
+
+
+
+            function bsCollapseToggle() {
+                //bootstrap collapse component icon toggle
+                $(document).on('hide.bs.collapse show.bs.collapse', function (ev) {
+                    var panel_id = ev.target.getAttribute('id')
+                    var panel = $('a[href*="#'+ panel_id+'"]');
+                    if(panel.length == 0) panel = $('a[data-target*="#'+ panel_id+'"]');
+                    if(panel.length == 0) return;
+
+                    panel.find(ace.vars['.icon']).each(function(){
+                        var $icon = $(this)
+
+                        var $match
+                        var $icon_down = null
+                        var $icon_up = null
+                        if( ($icon_down = $icon.attr('data-icon-show')) ) {
+                            $icon_up = $icon.attr('data-icon-hide')
+                        }
+                        else if( $match = $icon.attr('class').match(/fa\-(.*)\-(up|down)/) ) {
+                            $icon_down = 'fa-'+$match[1]+'-down'
+                            $icon_up = 'fa-'+$match[1]+'-up'
+                        }
+
+                        if($icon_down) {
+                            if(ev.type == 'show') $icon.removeClass($icon_down).addClass($icon_up)
+                                else $icon.removeClass($icon_up).addClass($icon_down)
+
+                            return false;//ignore other icons that match, one is enough
+                        }
+
+                    });
+                })
+            }
+
+
+
+            //in small devices display navbar dropdowns like modal boxes
+            function smallDeviceDropdowns() {
+            if(ace.vars['old_ie']) return;
+
+            $('.ace-nav > li')
+            .on('shown.bs.dropdown.navbar', function(e) {
+                adjustNavbarDropdown.call(this);
+            })
+            .on('hidden.bs.dropdown.navbar', function(e) {
+                $(window).off('resize.navbar.dropdown');
+                resetNavbarDropdown.call(this);
+            })
+
+            function adjustNavbarDropdown() {
+                var $sub = $(this).find('> .dropdown-menu');
+
+                if( $sub.css('position') == 'fixed' ) {
+                    var win_width = parseInt($(window).width());
+                    var offset_w = win_width > 320 ? 60 : (win_width > 240 ? 40 : 30);
+                    var avail_width = parseInt(win_width) - offset_w;
+                    var avail_height = parseInt($(window).height()) - 30;
+
+                    var width = parseInt(Math.min(avail_width , 320));
+                    //we set 'width' here for text wrappings and spacings to take effect before calculating scrollHeight
+                    $sub.css('width', width);
+
+                    var tabbed = false;
+                    var extra_parts = 0;
+                    var dropdown_content = $sub.find('.tab-pane.active .dropdown-content.ace-scroll');
+                    if(dropdown_content.length == 0) dropdown_content = $sub.find('.dropdown-content.ace-scroll');
+                    else tabbed = true;
+
+                    var parent_menu = dropdown_content.closest('.dropdown-menu');
+                    var scrollHeight = $sub[0].scrollHeight;
+                    if(dropdown_content.length == 1) {
+                        //sometimes there's no scroll-content, for example in detached scrollbars
+                        var content =  dropdown_content.find('.scroll-content')[0];
+                        if(content) {
+                            scrollHeight = content.scrollHeight;
+                        }
+
+                        extra_parts += parent_menu.find('.dropdown-header').outerHeight();
+                        extra_parts += parent_menu.find('.dropdown-footer').outerHeight();
+
+                        var tab_content = parent_menu.closest('.tab-content');
+                        if( tab_content.length != 0 ) {
+                            extra_parts += tab_content.siblings('.nav-tabs').eq(0).height();
+                        }
+                    }
+
+
+
+                    var height = parseInt(Math.min(avail_height , 480, scrollHeight + extra_parts));
+                    var left = parseInt(Math.abs((avail_width + offset_w - width)/2));
+                    var top = parseInt(Math.abs((avail_height + 30 - height)/2));
+
+
+                    var zindex = parseInt($sub.css('z-index')) || 0;
+
+                    $sub.css({'height': height, 'left': left, 'right': 'auto', 'top': top - (!tabbed ? 1 : 3)});
+                    if(dropdown_content.length == 1) {
+                        if(!ace.vars['touch']) {
+                            dropdown_content.ace_scroll('update', {size: height - extra_parts}).ace_scroll('enable').ace_scroll('reset');
+                        }
+                        else {
+                            dropdown_content
+                            .ace_scroll('disable').css('max-height', height - extra_parts).addClass('overflow-scroll');
+                        }
+                    }
+                    $sub.css('height', height + (!tabbed ? 2 : 7));//for bottom border adjustment and tab content paddings
+
+
+                    if($sub.hasClass('user-menu')) {
+                        $sub.css('height', '');//because of user-info hiding/showing at different widths, which changes above 'scrollHeight', so we remove it!
+
+                        //user menu is re-positioned in small widths
+                        //but we need to re-position again in small heights as well (modal mode)
+                        var user_info = $(this).find('.user-info');
+                        if(user_info.length == 1 && user_info.css('position') == 'fixed') {
+                            user_info.css({'left': left, 'right': 'auto', 'top': top, 'width': width - 2, 'max-width': width - 2, 'z-index': zindex + 1});
+                        }
+                        else user_info.css({'left': '', 'right': '', 'top': '', 'width': '', 'max-width': '', 'z-index': ''});
+                    }
+
+                    //dropdown's z-index is limited by parent .navbar's z-index (which doesn't make sense because dropdowns are fixed!)
+                    //so for example when in 'content-slider' page, fixed modal toggle buttons go above are dropdowns
+                    //so we increase navbar's z-index to fix this!
+                    $(this).closest('.navbar.navbar-fixed-top').css('z-index', zindex);
+                }
+                else {
+                    if($sub.length != 0) resetNavbarDropdown.call(this, $sub);
+                }
+
+                var self = this;
+                $(window)
+                .off('resize.navbar.dropdown')
+                .one('resize.navbar.dropdown', function() {
+                    $(self).triggerHandler('shown.bs.dropdown.navbar');
+                })
+            }
+
+            //reset scrollbars and user menu
+            function resetNavbarDropdown($sub) {
+                $sub = $sub || $(this).find('> .dropdown-menu');
+
+                if($sub.length > 0) {
+                    $sub
+                    .css({'width': '', 'height': '', 'left': '', 'right': '', 'top': ''})
+                    .find('.dropdown-content').each(function() {
+                        if(ace.vars['touch']) {
+                            $(this).css('max-height', '').removeClass('overflow-scroll');
+                        }
+
+                        var size = parseInt($(this).attr('data-size') || 0) || $.fn.ace_scroll.defaults.size;
+                        $(this).ace_scroll('update', {size: size}).ace_scroll('enable').ace_scroll('reset');
+                    })
+
+                    if( $sub.hasClass('user-menu') ) {
+                        var user_info =
+                        $(this).find('.user-info')
+                        .css({'left': '', 'right': '', 'top': '', 'width': '', 'max-width': '', 'z-index': ''});
+                    }
+                }
+
+                $(this).closest('.navbar').css('z-index', '');
+            }
+            }
+
+        })($); //jQuery document ready
+    },
+});
diff --git a/web/cms/app/components/modal-dialog.js b/web/cms/app/components/modal-dialog.js
new file mode 100644
index 00000000..92b766fa
--- /dev/null
+++ b/web/cms/app/components/modal-dialog.js
@@ -0,0 +1,35 @@
+import BaseComponent from './basic-component';
+import $ from 'jquery';
+
+export default BaseComponent.extend({
+    classNames: ['modal', 'fade'],
+    'init-modal': true,
+    'close-to-parent': true,
+    'cancel-text': 'Cancel',
+    'submit-text': 'Submit',
+    'no-padding': true,
+    keyboard: true,
+    didInsertElement() {
+        let me = this;
+        me._super(...arguments);
+        if (me.get('init-modal')) {
+            $(me.element).modal({
+                backdrop: me.get('backdrop'),
+                keyboard: me.get('keyboard')
+            }).on('hidden.bs.modal', ()=> {
+                $(me.element) && me.get('close-to-parent') &&
+                me.get('router').transitionTo(
+                    me.get('parentRouteName') ||
+                    me.get('routeName').replace(/\.[^.]+$/, ''));
+                let onClose = me.get('on-close');
+                onClose && onClose();
+            }).on('shown.bs.modal', () => {
+                let onShown = me.get('on-shown');
+                onShown && onShown();
+            });
+        }
+    },
+    willDestroyElement() {
+        $(this.element).modal('hide');
+    }
+});
diff --git a/web/cms/app/components/nav-list.js b/web/cms/app/components/nav-list.js
new file mode 100644
index 00000000..926b6130
--- /dev/null
+++ b/web/cms/app/components/nav-list.js
@@ -0,0 +1,4 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+});
diff --git a/web/cms/app/components/nav-tabs-frame.js b/web/cms/app/components/nav-tabs-frame.js
new file mode 100644
index 00000000..013f7910
--- /dev/null
+++ b/web/cms/app/components/nav-tabs-frame.js
@@ -0,0 +1,7 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+    classNames: ['col-sm-12', 'widget-container-col', 'ui-sortable'],
+    tabs: {isTabs: true},
+    body: {isBody: true}
+});
diff --git a/web/cms/app/components/nlp-component-tag.js b/web/cms/app/components/nlp-component-tag.js
new file mode 100644
index 00000000..5ade12c1
--- /dev/null
+++ b/web/cms/app/components/nlp-component-tag.js
@@ -0,0 +1,44 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+
+    didReceiveAttrs() {
+        const me = this;
+        me._super(...arguments);
+
+        const connId = me.get('model.connId');
+        const index = me.get('msg.index');
+
+        if(!me.get('model.componentTagArray')){
+            me.set('model.componentTagArray',[]);
+        }
+        const tagArray = me.get('model.componentTagArray');
+        tagArray[index] = {};
+
+        if(index >= 0){
+            me.get('store').ajaxGet('nlp-component-execute-record/findByConnId', {
+                connId: connId,
+                index: index
+            }).then((data) => {
+                me.set('selectNodeId', data.selectNodeId);
+                me.set('nlpNodeList', data.nlpNodeList);
+                tagArray[index].selectNodeId = data.selectNodeId;
+                tagArray[index].executeRecordId = data.id;
+            });
+        }
+    },
+    actions: {
+        tagNode(nodeId) {
+            const me = this;
+            const readOnly = me.get('readOnly');
+            if (readOnly){
+                return;
+            }
+            me.set('selectNodeId', nodeId);
+            const index = me.get('msg.index');
+            const tagArray = me.get('model.componentTagArray');
+            tagArray[index].selectNodeId = nodeId;
+        }
+    }
+   
+});
diff --git a/web/cms/app/components/option-text.js b/web/cms/app/components/option-text.js
new file mode 100644
index 00000000..ab5a1951
--- /dev/null
+++ b/web/cms/app/components/option-text.js
@@ -0,0 +1,34 @@
+import Component from '@ember/component';
+
+const OptionTextComponent = Component.extend({
+    tagName: '',
+    'value-field': 'value',
+    'text-field': 'text',
+    didReceiveAttrs() {
+        const me = this;
+        me._super(...arguments);
+        let val = me.get('value');
+        if (val) {
+            const valueField = me.get('value-field');
+            const option = (me.get('options') || []).findBy(valueField, val);
+            if (option) {
+                let text = option[me.get('text-field')];
+                let textExp = me.get('text-exp');
+                me.set('text', textExp ?
+                    textExp.replace('$value', option[valueField])
+                        .replace('$text', text)
+                        .replace(/\$\.\w+/g, field => option[field.replace('$.', '')] || '') :
+                    text);
+            }
+            else {
+                me.set('text', 'N/A');
+            }
+        }
+    }
+});
+
+OptionTextComponent.reopenClass({
+    positionalParams: ['options', 'value', 'value-field', 'text-field', 'text-exp'],
+});
+
+export default OptionTextComponent;
diff --git a/web/cms/app/components/pagination-bar.js b/web/cms/app/components/pagination-bar.js
new file mode 100644
index 00000000..ccbabd0d
--- /dev/null
+++ b/web/cms/app/components/pagination-bar.js
@@ -0,0 +1,97 @@
+
+import BaseComponent from './basic-component';
+import { computed } from '@ember/object';
+import { addObserver } from '@ember/object/observers';
+
+export default BaseComponent.extend({
+    classNames: ['widget-toolbox', 'clearfix'],
+    didReceiveAttrs() {
+        const me = this;
+        me._super(...arguments);
+
+        if (!me.get('total')) {
+            const field = 'route.controller.model.total';
+            me.set('total', me.get(field));
+            addObserver(me, field, function() {
+                me.set('total', me.get(field));
+            });
+        }
+    },
+    prevPage: computed('currPage', function() {
+        return this.get('currPage') - 1 || 1;
+    }),
+    nextPage: computed('currPage', function() {
+        let me = this;
+        let page = me.get('currPage');
+        return page + 1 <= me.get('totalPage') ? page + 1 : page;
+    }),
+    currPage: computed('params.page', function() {
+        let me = this;
+        let currPage = parseInt(me.get('params.page') || 1);
+        console.log('Get current page [' + currPage + ']');
+        return currPage;
+    }),
+    pages: computed('currPage', function() {
+        const me = this;
+        const totalPage = me.get('totalPage');
+        const currPage = me.get('currPage');
+        let pages = [];
+
+        if (currPage > 4) {
+            pages.push({page: 1, text: 1});
+            pages.push({page: currPage - 3, text: '...'});
+            pages.push({page: currPage - 2, text: currPage - 2});
+            pages.push({page: currPage - 1, text: currPage - 1});
+        }
+        // from page 1
+        else {
+            let i = 0;
+            while (++i < currPage) {
+                pages.push({page: i, text: i});
+            }
+        }
+
+        pages.push({page: currPage, text: currPage, active: true});
+
+        if (currPage < totalPage - 4) {
+            pages.push({page: currPage + 1, text: currPage + 1});
+            pages.push({page: currPage + 2, text: currPage + 2});
+            pages.push({page: currPage + 3, text: '...'});
+            pages.push({page: totalPage, text: totalPage});
+        }
+        // to the end
+        else {
+            let i = currPage;
+            while (++i <= totalPage) {
+                pages.push({page: i, text: i});
+            }
+        }
+        return pages;
+    }),
+    allPages: computed('total', function() {
+        const me = this;
+        const totalPage = me.get('totalPage');
+        let pages = [];
+
+        let i = 0;
+        while (++i <= totalPage) {
+            pages.push(i);
+        }
+        return pages;
+    }),
+    totalPage: computed('total', function() {
+        let me = this;
+        let pageSize = me.get('service.pageSize') || 64;
+        return parseInt((me.get('total') + pageSize - 1) / pageSize);
+    }),
+    actions: {
+        gotoPage(page) {
+            let me = this;
+            let router = me.get('router');
+            let params = me.getRouteParams();
+            params.page = page;
+            console.log('Go to page [' + page + '], params: ', params);
+            router.transitionTo(me.get('routeName'), {queryParams: params});
+        }
+    }
+});
diff --git a/web/cms/app/components/pop-over.js b/web/cms/app/components/pop-over.js
new file mode 100644
index 00000000..ba85256b
--- /dev/null
+++ b/web/cms/app/components/pop-over.js
@@ -0,0 +1,25 @@
+import Component from '@ember/component';
+import $ from 'jquery';
+
+export default Component.extend({
+    placement: 'top',
+    show: 300,
+    hide: 600,
+    'trigger-event': 'hover',
+    html: true,
+    type: 'success',
+    icon: 'fa-tags',
+    'icon-color': 'green',
+    didInsertElement() {
+        let me = this;
+        me._super(...arguments);
+        $(me.element).children('[data-rel=popover]').popover({
+            html: me.get('html'),
+            trigger: me.get('trigger-event'),
+            delay: {
+                show: me.get('show'),
+                hide: me.get('hide')
+            }
+        });
+    }
+});
diff --git a/web/cms/app/components/qr-code.js b/web/cms/app/components/qr-code.js
new file mode 100644
index 00000000..7de5d65e
--- /dev/null
+++ b/web/cms/app/components/qr-code.js
@@ -0,0 +1,80 @@
+import Ember from 'ember';
+import $ from 'jquery';
+
+export default Ember.Component.extend({
+    classNames: ['btn-group'],
+    didReceiveAttrs() {
+        let me = this;
+        let iconUrl = me.get('iconUrl');
+        let iconImg;
+        if (iconUrl) {
+            iconImg = new Image();
+            iconImg.src = iconUrl;
+            me.set('iconImg', iconImg);
+        }
+        // let label = me.get('label');
+        let label = null;
+        me.set('qrConfigMerged', $.extend({
+            // render method: 'canvas', 'image' or 'div'
+            render: 'canvas',
+
+            // version range somewhere in 1 .. 40
+            minVersion: 1,
+            maxVersion: 40,
+
+            // error correction level: 'L', 'M', 'Q' or 'H'
+            ecLevel: 'Q',
+
+            // size in pixel
+            size: 320,
+
+            // code color or image element
+            fill: '#333',
+
+            // background color or image element, null for transparent background
+            background: null,
+
+            // content
+            text: me.get('text'),
+
+            // corner radius relative to module width: 0.0 .. 0.5
+            radius: 0.1,
+
+            // quiet zone in modules
+            quiet: 4,
+
+            // modes
+            // 0: normal
+            // 1: label strip
+            // 2: label box
+            // 3: image strip
+            // 4: image box
+            mode: iconUrl ? 4 : label ? 2 : 0,
+
+            label: label,
+            fontname: 'sans',
+            fontcolor: '#ff9818',
+
+            mSize: 0.13,
+            mPosX: 0.5,
+            mPosY: 0.5,
+            image: iconImg
+        }, me.get('qrConfig')));
+    },
+    didInsertElement() {
+        let me = this;
+        me._super(...arguments);
+        let iconImg = me.get('iconImg');
+        if (iconImg) {
+            iconImg.onload = function() {
+                me.renderQrCode();
+            };
+        }
+        else {
+            me.renderQrCode();
+        }
+    },
+    renderQrCode() {
+        $(this.elelment).children('.qr-code').qrcode(this.get('qrConfigMerged'));
+    }
+});
diff --git a/web/cms/app/components/reload-btn.js b/web/cms/app/components/reload-btn.js
new file mode 100644
index 00000000..10319c78
--- /dev/null
+++ b/web/cms/app/components/reload-btn.js
@@ -0,0 +1,22 @@
+import BaseComponent from './basic-component';
+
+export default BaseComponent.extend({
+    tagName: 'a',
+    classNames: ['cursor-pointer'],
+    attributeBindings: ['title'],
+    'data-rel': 'tooltip',
+    title: '刷新',
+    click() {
+        let me = this;
+        me.get('clear-search') ?
+        me.get('router').transitionTo(me.get('routeName'), 1, {
+            queryParams: {
+                criteria: undefined,
+                search: undefined,
+                filters: undefined,
+                isQueryParams: true
+            }
+        })
+        : me.get('route').refresh();
+    }
+});
diff --git a/web/cms/app/components/search-box.js b/web/cms/app/components/search-box.js
new file mode 100644
index 00000000..7390236c
--- /dev/null
+++ b/web/cms/app/components/search-box.js
@@ -0,0 +1,23 @@
+import BaseComponent from './basic-component';
+import { oneWay } from '@ember/object/computed';
+
+export default BaseComponent.extend({
+    classNames: ['widget-toolbar', 'no-border', 'no-padding'],
+    searchText: oneWay('route.controller.search'),
+    actions: {
+        search() {
+            const me = this;
+            const text = me.get('searchText');
+            const onSearch = me.get('on-search');
+            if (onSearch) {
+                onSearch(text);
+            }
+            else {
+                me.get('route.controller').setProperties({
+                    page: 1,
+                    search: text
+                });
+            }
+        }
+    }
+});
diff --git a/web/cms/app/components/second-time.js b/web/cms/app/components/second-time.js
new file mode 100644
index 00000000..d74a0de7
--- /dev/null
+++ b/web/cms/app/components/second-time.js
@@ -0,0 +1,16 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+    tagName: 'span',
+    didReceiveAttrs() {
+        let me = this;
+        me._super(...arguments);
+        let timeInSecond = me.get('timeInSecond');
+        let timeFormat = timeInSecond / (60 * 60) + ":" + 
+        // min
+        timeInSecond % (60 * 60) / 60 +
+        // sec
+        (timeInSecond % (60 * 60) % 60 > 0 ? 1 : 0);
+        me.set('value',timeFormat)
+    }
+});
diff --git a/web/cms/app/components/sortable-list-item.js b/web/cms/app/components/sortable-list-item.js
new file mode 100644
index 00000000..2679646a
--- /dev/null
+++ b/web/cms/app/components/sortable-list-item.js
@@ -0,0 +1,33 @@
+import Ember from 'ember';
+
+export default Ember.Component.extend({
+    tagName: 'li',
+    classNames: ['clearfix'],
+    classNameBindings: ['selected:selected'],
+    attributeBindings: ['itemId:data-item-id'],
+    selected: false,
+    index: 0,
+    didReceiveAttrs() {
+        let me = this;
+        me._super(...arguments);
+        let cc = me.get('colorClasses');
+        me.get('classNames').push(cc.objectAt(me.get('index') % cc.length));
+    },
+    colorClasses: [
+        'item-orange',
+        'item-orange2',
+        'item-red',
+        'item-red2',
+        'item-green',
+        'item-green2',
+        'item-blue',
+        'item-blue2',
+        'item-blue3',
+        'item-pink',
+        'item-purple',
+        'item-black',
+        'item-grey',
+        'item-brown',
+        'item-default'
+    ],
+});
diff --git a/web/cms/app/components/sortable-list.js b/web/cms/app/components/sortable-list.js
new file mode 100644
index 00000000..d5d2c61c
--- /dev/null
+++ b/web/cms/app/components/sortable-list.js
@@ -0,0 +1,41 @@
+import Component from '@ember/component';
+import $ from 'jquery';
+
+export default Component.extend({
+    tagName: 'ul',
+    classNames: ['item-list'],
+    didInsertElement() {
+        let me = this;
+        me._super(...arguments);
+        me.set('prevIds', me.get('model').mapBy('id'));
+        $(me.element).sortable({
+            opacity: 0.8,
+            revert: true,
+            forceHelperSize: true,
+            placeholder: 'draggable-placeholder',
+            forcePlaceholderSize: true,
+            tolerance: 'pointer',
+            stop: function (event, ui) {
+                // just for Chrome!!!! so that dropdowns on items don't appear below other items after being moved
+                $(ui.item).css('z-index', 'auto');
+
+                if (me.get('onSortStopped')) {
+                    let prevIds = me.get('prevIds');
+                    let changed = false;
+                    let ids = Array.prototype.map.call($(me.element).children('li'), (li, i) => {
+                        let id = $(li).data('item-id');
+                        if (id !== prevIds[i] && !changed) {
+                            changed = true;
+                        }
+                        return id;
+                    });
+                    if (changed) {
+                        me.set('prevIds', ids);
+                        me.sendAction('onSortStopped', ids);
+                    }
+                }
+            }
+        });
+    }
+});
+
diff --git a/web/cms/app/components/sortable-th.js b/web/cms/app/components/sortable-th.js
new file mode 100644
index 00000000..cbea5756
--- /dev/null
+++ b/web/cms/app/components/sortable-th.js
@@ -0,0 +1,50 @@
+import BaseComponent from './basic-component';
+import { computed } from '@ember/object';
+import { none, equal } from '@ember/object/computed';
+
+export default BaseComponent.extend({
+    tagName: 'th',
+    order: computed('route.controller.sorters', function() {
+        return this.getDir();
+    }),
+    sorting: none('order'),
+    asc: equal('order', 'asc'),
+    desc: equal('order', 'desc'),
+    // classNameBindings: ['asc:sorting_asc', 'desc:sorting_desc', 'sorting:sorting'],
+    attributeBindings: ['style'],
+    getDir() {
+        let me = this;
+        let name = me.get('name');
+        let sorters = me.getSorters();
+        if (sorters) {
+            return sorters[name];
+        }
+    },
+    getSorters() {
+        let me = this;
+        let strSorters = me.get('route.controller.sorters');
+        if (strSorters) {
+            return JSON.parse(strSorters);
+        }
+    },
+    actions: {
+        sort() {
+            const me = this;
+            let sorters = me.getSorters() || {};
+            let name = me.get('name');
+            sorters[name] =
+                me.get('order') === 'asc' ?
+                'desc' : 'asc';
+            me.set('route.controller.sorters', JSON.stringify(sorters));
+        },
+        removeSort() {
+            let me = this;
+            let sorters = me.getSorters();
+            if (sorters) {
+                delete sorters[me.get('name')];
+                me.set('route.controller.sorters',
+                    JSON.stringify(sorters));
+            }
+        }
+    }
+});
diff --git a/web/cms/app/components/status-cell.js b/web/cms/app/components/status-cell.js
new file mode 100644
index 00000000..0f6c0121
--- /dev/null
+++ b/web/cms/app/components/status-cell.js
@@ -0,0 +1,28 @@
+import Component from '@ember/component';
+import { alias } from '@ember/object/computed';
+import { addObserver } from '@ember/object/observers';
+
+export default Component.extend({
+    tagName: 'span',
+    classNames: ['label', 'label-sm'],
+    classNameBindings: ['enabled:label-success:label-warning'],
+    name: 'active',
+    field: alias('name'),
+    didReceiveAttrs() {
+        let me = this;
+        me._super(...arguments);
+        const field = me.getFieldPath();
+        me.set('enabled', me.get(field));
+        addObserver(me, field, function() {
+            me.set('enabled', me.get(field));
+        });
+    },
+    enabledText: '启用',
+    disabledText: '禁用',
+    'enabled-text': alias('enabledText'),
+    'disabled-text': alias('disabledText'),
+    getFieldPath() {
+        const me = this;
+        return 'model.' + (me.get('field') || 'enabled');
+    },
+});
diff --git a/web/cms/app/components/status-toggle-button.js b/web/cms/app/components/status-toggle-button.js
new file mode 100644
index 00000000..f1456932
--- /dev/null
+++ b/web/cms/app/components/status-toggle-button.js
@@ -0,0 +1,86 @@
+import BaseComponent from './basic-component';
+import { computed } from '@ember/object';
+import { alias } from '@ember/object/computed';
+import { addObserver } from '@ember/object/observers';
+import { assign } from '@ember/polyfills';
+
+export default BaseComponent.extend({
+    tagName: 'a',
+    attributeBindings: ['title', 'data-original-title', 'role', 'data-rel'],
+    role: 'button',
+    'data-rel': 'tooltip',
+    'enabled-text': '启用',
+    enabledText: alias('enabled-text'),
+    'disabled-text': '禁用',
+    disabledText: alias('disabled-text'),
+    'enabled-op': 'enable',
+    enabledOp: alias('enabled-op'),
+    'disabled-op': 'disable',
+    disabledOp: alias('disabled-op'),
+    'enabled-icon': 'fa-ban',
+    'disabled-icon': 'fa-check',
+    'enabled-class': 'btn-warning',
+    'disabled-class': 'btn-success',
+    field: 'active',
+    title: computed('enabled', function() {
+        const me = this;
+        return me.get('enabled') ?
+            me.get('disabled-text') :
+            me.get('enabled-text');
+    }),
+    'data-original-title': alias('title'),
+    'iconOnly': alias('icon-only'),
+    op: computed('enabled', function() {
+        const me = this;
+        return me.get('enabled') ?
+            me.get('disabled-op') || me.get('disabled-text')
+            : me.get('enabled-op') || me.get('enabled-text');
+    }),
+    'icon-size-class': 'bigger-120',
+    iconSizeClass: alias('icon-size-class'),
+    didReceiveAttrs() {
+        const me = this;
+        // me.enabled = alias('model.' + me.get('field'));
+        const field = me.getFieldPath();
+        me.set('enabled', me.get(field));
+        addObserver(me, field, function() {
+            me.set('enabled', me.get(field));
+        });
+
+        if (me.get('icon-only')) {
+            me.setProperties({
+                'icon-size-class': 'bigger-130',
+                'classNameBindings': ['enabled:orange:light-green']
+            });
+        }
+        else {
+            me.setProperties({
+                classNames: ['btn', 'btn-xs'],
+                classNameBindings: [
+                    ['enabled',
+                        me.get('enabled-class'),
+                        me.get('disabled-class')].join(':')]
+            });
+        }
+    },
+    click() {
+        const me = this;
+        const onClick = me.get('on-click');
+        onClick ? onClick() : me.doUpdate();
+    },
+    doUpdate() {
+        const me = this;
+        me.get('dialog').confirm('确认要' + me.get('title') + '吗？', () => {
+            const model = me.get('model');
+            const value = !me.get('enabled');
+            me.set('model.' + me.get('field'), value);
+            me.get('service').ajaxPost('update-field',
+                assign({id: model.id, field: me.get('field'), value: value},
+                    me.get('params') || {}));
+        });
+    },
+    getFieldPath() {
+        const me = this;
+        return 'model.' + (me.get('field') || 'enabled');
+    }
+});
diff --git a/web/cms/app/components/tag/color-select.js b/web/cms/app/components/tag/color-select.js
new file mode 100644
index 00000000..0b68865f
--- /dev/null
+++ b/web/cms/app/components/tag/color-select.js
@@ -0,0 +1,50 @@
+import BaseFormInput from '../form-field';
+import $ from 'jquery';
+
+export default BaseFormInput.extend({
+    colors: [
+        // grey
+        // '#a0a0a0',
+        // info
+        '#3a87ad',
+        // primary
+        '#428bca',
+        // success
+        '#82af6f',
+        // danger
+        '#d15b47',
+        // important
+        '#d15b47',
+        // inverse
+        '#333333',
+        // warning
+        '#f89406',
+        // pink
+        '#d6487e',
+        // purple
+        '#9585bf',
+        // yellow
+        '#fee188',
+        // light
+        '#e7e7e7',
+        '#ac725e', '#d06b64', '#f83a22', '#fa573c', '#ff7537',
+        '#ffad46', '#42d692', '#16a765', '#7bd148', '#b3dc6c',
+        '#fbe983', '#fad165', '#92e1c0', '#9fe1e7', '#9fc6e7',
+        '#4986e7', '#9a9cff', '#b99aff', '#c2c2c2', '#cabdbf',
+        '#cca6ac', '#f691b2', '#cd74e6', '#a47ae2', // '#555'
+    ],
+    didReceiveAttrs() {
+        let me = this;
+        me._super(...arguments);
+        if (!me.getVal()) {
+            me.setVal('#82af6f');
+        }
+    },
+    didInsertElement() {
+        let me = this;
+        me._super(...arguments);
+        $(me.element).children('select').ace_colorpicker('pick', me.getVal()).on('change.color', function() {
+            me.setVal($(this).val());
+        });
+    }
+});
diff --git a/web/cms/app/components/tag/tag-span.js b/web/cms/app/components/tag/tag-span.js
new file mode 100644
index 00000000..57573eba
--- /dev/null
+++ b/web/cms/app/components/tag/tag-span.js
@@ -0,0 +1,6 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+    tagName: '',
+    'tag-field': 'tag'
+});
diff --git a/web/cms/app/components/tag/tags-list.js b/web/cms/app/components/tag/tags-list.js
new file mode 100644
index 00000000..b946fa16
--- /dev/null
+++ b/web/cms/app/components/tag/tags-list.js
@@ -0,0 +1,8 @@
+import Component from '@ember/component';
+import { alias } from '@ember/object/computed';
+
+export default Component.extend({
+    tagName: '',
+    'tags-list': alias('tagsList'),
+    'tag-field': 'tag'
+});
diff --git a/web/cms/app/components/th-filter.js b/web/cms/app/components/th-filter.js
new file mode 100644
index 00000000..cfd65c17
--- /dev/null
+++ b/web/cms/app/components/th-filter.js
@@ -0,0 +1,61 @@
+import BaseComponent from './basic-component';
+
+export default BaseComponent.extend({
+    tagName: 'span',
+    classNames: ['cursor-pointer'],
+    'dialog-title': null,
+    'full-width': false,
+    'value-field': 'value',
+    'text-field': 'text',
+    'values-as-string': false,
+    loose: true,
+    filtered: [],
+    didReceiveAttrs() {
+        const me = this;
+        me._super(...arguments);
+        const filters = me.getFilters()[me.get('name')];
+
+        if (filters && filters.length) {
+            me.setProperties({
+                filtered: filters,
+                hasFilter: true
+            });
+        }
+        else {
+            me.setProperties({
+                filtered: [],
+                hasFilter: false
+            });
+        }
+    },
+    getFilters() {
+        let me = this;
+        let strFitlers = me.get('route.controller.filters');
+        if (strFitlers) {
+            return JSON.parse(strFitlers);
+        }
+        return {};
+    },
+    actions: {
+        onClick() {
+            let me = this;
+            me.set('showModal', true);
+        },
+        onModalClose() {
+            let me = this;
+            me.set('showModal', false);
+        },
+        onModalSubmit() {
+            const me = this;
+            me.set('showModal', false);
+            const filters = me.getFilters();
+            const filtered = me.get('filtered');
+            filters[me.get('name')] = filtered;
+            me.set('hasFilter', !!filtered.length);
+            me.get('route.controller').setProperties({
+                page: 1,
+                filters: JSON.stringify(filters)
+            });
+        }
+    }
+});
diff --git a/web/cms/app/components/tool-tip.js b/web/cms/app/components/tool-tip.js
new file mode 100644
index 00000000..247304ed
--- /dev/null
+++ b/web/cms/app/components/tool-tip.js
@@ -0,0 +1,16 @@
+import Component from '@ember/component';
+import { alias } from '@ember/object/computed';
+
+const ToolTipComponent = Component.extend({
+    tagName: 'span',
+    classNames: ['cursor-pointer'],
+    attributeBindings: ['title', 'data-original-title', 'data-rel'],
+    'data-rel': 'tooltip',
+    'data-original-title': alias('title'),
+});
+
+ToolTipComponent.reopenClass({
+  positionalParams: ['content', 'title']
+});
+
+export default ToolTipComponent;
diff --git a/web/cms/app/components/top-navbar.js b/web/cms/app/components/top-navbar.js
new file mode 100644
index 00000000..f49b2081
--- /dev/null
+++ b/web/cms/app/components/top-navbar.js
@@ -0,0 +1,32 @@
+import navItems from '../nav-items';
+import { computed } from '@ember/object';
+import BaseComponent from './basic-component';
+import { inject as service } from '@ember/service';
+import { alias } from '@ember/object/computed';
+
+export default BaseComponent.extend({
+    classNames: ['navbar', 'navbar-default', 'navbar-collapse'],
+    authService: service('auth-service'),
+    user: alias('ajax.user'),
+    authorities: computed('user.authorities', function() {
+        const me = this;
+        const authorities = {};
+        const a = me.get('user.authorities');
+        a && a.forEach(auth => {
+            authorities[auth] = true;
+        });
+        console.log('User authorities: ', authorities);
+        return authorities;
+    }),
+    navItems: navItems,
+    didReceiveAttrs() {
+        const me = this;
+        me._super(...arguments);
+        me.get('authService').auth();
+    },
+    actions: {
+        logout() {
+            this.get('authService').logout();
+        }
+    }
+});
diff --git a/web/cms/app/components/trunk/caller-number.js b/web/cms/app/components/trunk/caller-number.js
new file mode 100644
index 00000000..14562c02
--- /dev/null
+++ b/web/cms/app/components/trunk/caller-number.js
@@ -0,0 +1,15 @@
+import Component from '@ember/component';
+
+export default Component.extend({
+    didReceiveAttrs() {
+        const me = this;
+        me._super(...arguments);
+        const trunk = me.get('trunk');
+        const areaCode = trunk.areaCode;
+        const callerNumber = trunk.callerNumber;
+        const cpn = trunk.cpn;
+
+        me.set('split', cpn != callerNumber
+            || (cpn == callerNumber && !cpn.startsWith(areaCode)));
+    }
+});
diff --git a/web/cms/app/components/wysiwyg-editor.js b/web/cms/app/components/wysiwyg-editor.js
new file mode 100644
index 00000000..0260ddf0
--- /dev/null
+++ b/web/cms/app/components/wysiwyg-editor.js
@@ -0,0 +1,30 @@
+import Ember from 'ember';
+import BaseFormInput from './form-field';
+import $ from 'jquery';
+
+export default BaseFormInput.extend({
+    didInsertElement() {
+        let me = this;
+        me._super(...arguments);
+        //intialize wysiwyg editor
+        $(me.element).children('.wysiwyg-editor').ace_wysiwyg({
+            toolbar: [
+                'bold',
+                'italic',
+                'strikethrough',
+                'underline',
+                null,
+                'justifyleft',
+                'justifycenter',
+                'justifyright',
+                null,
+                'createLink',
+                'unlink',
+                null,
+                'undo',
+                'redo'
+        ]}).on('DOMSubtreeModified propertychange', function() {
+            me.setVal($(this).html());
+        }).html(me.getVal()).prev().addClass('wysiwyg-style1');
+    }
+});
diff --git a/web/cms/app/helpers/array-fn.js b/web/cms/app/helpers/array-fn.js
new file mode 100644
index 00000000..056bcb9a
--- /dev/null
+++ b/web/cms/app/helpers/array-fn.js
@@ -0,0 +1,7 @@
+import { helper } from '@ember/component/helper';
+
+export function arrayFn([array, fn, ...args]) {
+  return array[fn].apply(array, args);
+}
+
+export default helper(arrayFn);
diff --git a/web/cms/app/helpers/array-join.js b/web/cms/app/helpers/array-join.js
new file mode 100644
index 00000000..458b4177
--- /dev/null
+++ b/web/cms/app/helpers/array-join.js
@@ -0,0 +1,7 @@
+import { helper } from '@ember/component/helper';
+
+export function arrayJoin([a, j]/*, hash*/) {
+  return a.join(j || ' ');
+}
+
+export default helper(arrayJoin);
diff --git a/web/cms/app/helpers/call-result/chat-log-parse.js b/web/cms/app/helpers/call-result/chat-log-parse.js
new file mode 100644
index 00000000..9ce54daf
--- /dev/null
+++ b/web/cms/app/helpers/call-result/chat-log-parse.js
@@ -0,0 +1,22 @@
+import { helper } from '@ember/component/helper';
+
+export default helper(function callResultChatLogParse([strChatLogs]/*, hash*/) {
+  const chatLogs = JSON.parse(strChatLogs);
+  // 跳过第一条，第一条机器人对话没有对应的executeRecord记录
+  let index = -1;
+  let readOnly = false;
+  chatLogs.forEach(it => {
+    if (it.role === 'ROBOT') {
+        it.index = index++;
+        it.readOnly = readOnly;
+    }
+    if (it.role === 'CUSTOMER' && it.type === 'SILENT' ){
+        if(it.type === 'SILENT'){
+          readOnly = true;
+        }else{
+          readOnly = false;
+        }
+    }
+  })
+  return chatLogs;
+});
diff --git a/web/cms/app/helpers/decr.js b/web/cms/app/helpers/decr.js
new file mode 100644
index 00000000..212ce6ad
--- /dev/null
+++ b/web/cms/app/helpers/decr.js
@@ -0,0 +1,7 @@
+import { helper } from '@ember/component/helper';
+
+export function decr(params/*, hash*/) {
+  return parseInt(params) - 1;
+}
+
+export default helper(decr);
diff --git a/web/cms/app/helpers/divide.js b/web/cms/app/helpers/divide.js
new file mode 100644
index 00000000..5a4ce973
--- /dev/null
+++ b/web/cms/app/helpers/divide.js
@@ -0,0 +1,7 @@
+import { helper } from '@ember/component/helper';
+
+export function divide(params/*, hash*/) {
+  return Math.round(params[0]/params[1]);
+}
+
+export default helper(divide);
diff --git a/web/cms/app/helpers/incr.js b/web/cms/app/helpers/incr.js
new file mode 100644
index 00000000..14093ac0
--- /dev/null
+++ b/web/cms/app/helpers/incr.js
@@ -0,0 +1,7 @@
+import { helper } from '@ember/component/helper';
+
+export function incr(params/*, hash*/) {
+  return parseInt(params) + 1;
+}
+
+export default helper(incr);
diff --git a/web/cms/app/helpers/is-none.js b/web/cms/app/helpers/is-none.js
new file mode 100644
index 00000000..7881a369
--- /dev/null
+++ b/web/cms/app/helpers/is-none.js
@@ -0,0 +1,8 @@
+import { helper } from '@ember/component/helper';
+import { isNone as isN } from '@ember/utils';
+
+export function isNone([param]) {
+  return isN(param);
+}
+
+export default helper(isNone);
diff --git a/web/cms/app/helpers/is-plain-val.js b/web/cms/app/helpers/is-plain-val.js
new file mode 100644
index 00000000..5973853d
--- /dev/null
+++ b/web/cms/app/helpers/is-plain-val.js
@@ -0,0 +1,16 @@
+import { helper } from '@ember/component/helper';
+
+export function isPlainVal([val]) {
+  return typeof val === 'string' ||
+    typeof val === 'number' ||
+    typeof val === 'boolean' ||
+    (
+      (!!val && typeof val === 'object') &&
+        ['[object String]',
+          '[object Number]',
+          '[object Boolean]'
+        ].includes(Object.prototype.toString.call(val))
+    );
+}
+
+export default helper(isPlainVal);
diff --git a/web/cms/app/helpers/is-str.js b/web/cms/app/helpers/is-str.js
new file mode 100644
index 00000000..9bde16f4
--- /dev/null
+++ b/web/cms/app/helpers/is-str.js
@@ -0,0 +1,9 @@
+import { helper } from '@ember/component/helper';
+
+export function isStr([val]) {
+  return typeof val === 'string' || 
+    ((!!val && typeof val === 'object') && 
+      Object.prototype.toString.call(val) === '[object String]');
+}
+
+export default helper(isStr);
diff --git a/web/cms/app/helpers/json-parse.js b/web/cms/app/helpers/json-parse.js
new file mode 100644
index 00000000..6c08adfe
--- /dev/null
+++ b/web/cms/app/helpers/json-parse.js
@@ -0,0 +1,7 @@
+import Ember from 'ember';
+
+export function jsonParse(params/*, hash*/) {
+  return JSON.parse(params[0]);
+}
+
+export default Ember.Helper.helper(jsonParse);
diff --git a/web/cms/app/helpers/json-pretty.js b/web/cms/app/helpers/json-pretty.js
new file mode 100644
index 00000000..40d241e2
--- /dev/null
+++ b/web/cms/app/helpers/json-pretty.js
@@ -0,0 +1,7 @@
+import { helper } from '@ember/component/helper';
+
+export function jsonPretty([data]) {
+  return JSON.stringify(JSON.parse(data), null, 4);
+}
+
+export default helper(jsonPretty);
diff --git a/web/cms/app/helpers/json-str.js b/web/cms/app/helpers/json-str.js
new file mode 100644
index 00000000..c54d2d09
--- /dev/null
+++ b/web/cms/app/helpers/json-str.js
@@ -0,0 +1,7 @@
+import { helper } from '@ember/component/helper';
+
+export function jsonStr([param]) {
+  return JSON.stringify(param);
+}
+
+export default helper(jsonStr);
diff --git a/web/cms/app/helpers/loose-eq.js b/web/cms/app/helpers/loose-eq.js
new file mode 100644
index 00000000..9e394f79
--- /dev/null
+++ b/web/cms/app/helpers/loose-eq.js
@@ -0,0 +1,7 @@
+import Ember from 'ember';
+
+export function looseEq(params) {
+    return params[0] == params[1];
+}
+
+export default Ember.Helper.helper(looseEq);
diff --git a/web/cms/app/helpers/ms-to-readable.js b/web/cms/app/helpers/ms-to-readable.js
new file mode 100644
index 00000000..a1304905
--- /dev/null
+++ b/web/cms/app/helpers/ms-to-readable.js
@@ -0,0 +1,14 @@
+import { helper } from '@ember/component/helper';
+
+export default helper(function msToReadable([duration]/*, hash*/) {
+  let milliseconds = parseInt((duration%1000)/100)
+        , seconds = parseInt((duration/1000)%60)
+        , minutes = parseInt((duration/(1000*60))%60)
+        , hours = parseInt((duration/(1000*60*60))%24);
+
+    hours = (hours < 10) ? "0" + hours : hours;
+    minutes = (minutes < 10) ? "0" + minutes : minutes;
+    seconds = (seconds < 10) ? "0" + seconds : seconds;
+
+    return hours + ":" + minutes + ":" + seconds + "." + milliseconds;
+});
diff --git a/web/cms/app/helpers/obj-merge.js b/web/cms/app/helpers/obj-merge.js
new file mode 100644
index 00000000..f3070fb8
--- /dev/null
+++ b/web/cms/app/helpers/obj-merge.js
@@ -0,0 +1,8 @@
+import Ember from 'ember';
+import $ from 'jquery';
+
+export function objMerge(params) {
+    return $.extend(true, {}, ...params);
+}
+
+export default Ember.Helper.helper(objMerge);
diff --git a/web/cms/app/helpers/obj-query-params.js b/web/cms/app/helpers/obj-query-params.js
new file mode 100644
index 00000000..5aee2ab2
--- /dev/null
+++ b/web/cms/app/helpers/obj-query-params.js
@@ -0,0 +1,11 @@
+import Ember from 'ember';
+
+export function objQueryParams(params, hash) {
+    console.log('Obj Query Params: ', params, hash);
+    return Ember.Object.create({
+          isQueryParams: true,
+          values: hash.length > 0 ? hash : params[0]
+    });
+}
+
+export default Ember.Helper.helper(objQueryParams);
diff --git a/web/cms/app/helpers/option-text-exp.js b/web/cms/app/helpers/option-text-exp.js
new file mode 100644
index 00000000..175a1389
--- /dev/null
+++ b/web/cms/app/helpers/option-text-exp.js
@@ -0,0 +1,15 @@
+import { helper } from '@ember/component/helper';
+
+export function optionTextExp([option, valueField, textField, textExp]) {
+  const text = option[textField];
+  return textExp ? textExp.replace('$value', option[valueField])
+    .replace('$text', text)
+    .replace(/\$\.\w+/g, (field) => option[field.replace('$.', '')] || '') : text;
+
+  // '1234567890'.replace(/\d/g, function(c) {
+  //   return ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九'][parseInt(c)];
+  // });
+
+}
+
+export default helper(optionTextExp);
diff --git a/web/cms/app/helpers/parse-float.js b/web/cms/app/helpers/parse-float.js
new file mode 100644
index 00000000..b0313cdb
--- /dev/null
+++ b/web/cms/app/helpers/parse-float.js
@@ -0,0 +1,7 @@
+import { helper } from '@ember/component/helper';
+
+export function parseFloat0(params) {
+  return parseFloat(params[0]) / 100.0;
+}
+
+export default helper(parseFloat0);
diff --git a/web/cms/app/helpers/parse-int.js b/web/cms/app/helpers/parse-int.js
new file mode 100644
index 00000000..f1c2253c
--- /dev/null
+++ b/web/cms/app/helpers/parse-int.js
@@ -0,0 +1,7 @@
+import { helper } from '@ember/component/helper';
+
+export function __parseInt([param]) {
+  return parseInt(param);
+}
+
+export default helper(__parseInt);
diff --git a/web/cms/app/helpers/readable-duration.js b/web/cms/app/helpers/readable-duration.js
new file mode 100644
index 00000000..c76441eb
--- /dev/null
+++ b/web/cms/app/helpers/readable-duration.js
@@ -0,0 +1,9 @@
+import { helper } from '@ember/component/helper';
+
+export function readableDuration([secs]) {
+  return moment().startOf('day')
+    .seconds(secs)
+    .format('H:mm:ss');
+}
+
+export default helper(readableDuration);
diff --git a/web/cms/app/helpers/route-attr.js b/web/cms/app/helpers/route-attr.js
new file mode 100644
index 00000000..5c4a0573
--- /dev/null
+++ b/web/cms/app/helpers/route-attr.js
@@ -0,0 +1,21 @@
+import Helper from '@ember/component/helper';
+import { get } from '@ember/object';
+import { getOwner } from '@ember/application';
+import { assert } from '@ember/debug';
+
+export default Helper.extend({
+  router() {
+    return getOwner(this).lookup('router:main');
+  },
+  route(trimIndex) {
+    const me = this;
+    let routeName = get(me.router(), 'currentRouteName');
+    return getOwner(this).lookup('route:' +
+      (trimIndex ? routeName.replace(/\.index$/, '') : routeName));
+  },
+  compute([attr, trimIndex = true]) {
+    let route = this.route(trimIndex);
+    assert('[ember-route-action-helper] Unable to lookup router', route);
+    return get(route, attr);
+  }
+});
diff --git a/web/cms/app/helpers/str-split.js b/web/cms/app/helpers/str-split.js
new file mode 100644
index 00000000..7f0f2f4c
--- /dev/null
+++ b/web/cms/app/helpers/str-split.js
@@ -0,0 +1,8 @@
+import { helper } from '@ember/component/helper';
+
+export function strSplit([str, sp]) {
+  // String.fromCharCode(0x1d)
+  return str ? str.split(sp || /\s*[\u001d,;]\s*/) : [];
+}
+
+export default helper(strSplit);
diff --git a/web/cms/app/helpers/substr.js b/web/cms/app/helpers/substr.js
new file mode 100644
index 00000000..ee611b84
--- /dev/null
+++ b/web/cms/app/helpers/substr.js
@@ -0,0 +1,7 @@
+import { helper } from '@ember/component/helper';
+
+export function substr([str, start, length]) {
+  return str ? str.substr(start, length) : str;
+}
+
+export default helper(substr);
diff --git a/web/cms/app/helpers/timestamp-to-date.js b/web/cms/app/helpers/timestamp-to-date.js
new file mode 100644
index 00000000..0fe0e5be
--- /dev/null
+++ b/web/cms/app/helpers/timestamp-to-date.js
@@ -0,0 +1,23 @@
+import { helper } from '@ember/component/helper';
+
+Date.prototype.Format = function (fmt) {
+  var o = {
+      "M+": this.getMonth() + 1, //月份
+      "d+": this.getDate(), //日
+      "h+": this.getHours(), //小时
+      "m+": this.getMinutes(), //分
+      "s+": this.getSeconds(), //秒
+      "q+": Math.floor((this.getMonth() + 3) / 3), //季度
+      "S": this.getMilliseconds() //毫秒
+  };
+  if (/(y+)/.test(fmt)) fmt = fmt.replace(RegExp.$1, (this.getFullYear() + "").substr(4 - RegExp.$1.length));
+  for (var k in o)
+  if (new RegExp("(" + k + ")").test(fmt)) fmt = fmt.replace(RegExp.$1, (RegExp.$1.length == 1) ? (o[k]) : (("00" + o[k]).substr(("" + o[k]).length)));
+  return fmt;
+}
+
+export function timestampToDate([timestamp, format]) {
+  return new Date(timestamp).Format(format);
+}
+
+export default helper(timestampToDate);
diff --git a/web/cms/app/helpers/update-attr.js b/web/cms/app/helpers/update-attr.js
new file mode 100644
index 00000000..1587cdfd
--- /dev/null
+++ b/web/cms/app/helpers/update-attr.js
@@ -0,0 +1,13 @@
+import { helper } from '@ember/component/helper';
+import { typeOf } from '@ember/utils';
+
+export default helper(function updateAttr([model, attr, val]) {
+  return () => {
+    if (typeOf(attr) === 'object') {
+      model.setProperties(attr);
+    }
+    else {
+      model.set(attr, val);
+    }
+  };
+});
diff --git a/web/cms/app/index.html b/web/cms/app/index.html
new file mode 100644
index 00000000..07b05293
--- /dev/null
+++ b/web/cms/app/index.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <meta charset="utf-8" />
+        <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1" />
+        <title>Yo CMS</title>
+        <meta name="description" content="Yo CMS" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
+
+        <link rel="icon" type="image/png" href="assets/images/favicon.png" />
+        {{content-for 'head'}}
+        <!-- <link rel="stylesheet" href="assets/css/emberjs.css"> -->
+        <link rel="stylesheet" href="assets/css/vendor.css">
+        <link rel="stylesheet" href="assets/css/main.css">
+
+        <!--[if lte IE 9]>
+        <link rel="stylesheet" href="assets/css/ace-part2.css" />
+        <link rel="stylesheet" href="assets/css/ace-ie.css" />
+        <![endif]-->
+        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
+        <!--[if lt IE 9]>
+        <script src="assets/js/html5shiv.js"></script>
+        <script src="assets/js/respond.js"></script>
+        <![endif]-->
+        <script type="text/javascript">
+            if ('ontouchstart' in document.documentElement) {
+                document.write('<script src="assets/js/jquery.mobile.custom.js">' + '<' + '/script>');
+            }
+        </script>
+        {{content-for 'head-footer'}}
+    </head>
+
+    <body>
+        {{content-for 'body'}}
+        <script src="assets/js/emberjs.js"></script>
+        <script src="assets/js/vendor.js"></script>
+        <script src="assets/js/main.js"></script>
+        {{content-for 'body-footer'}}
+    </body>
+</html>
diff --git a/web/cms/app/initializers/application.js b/web/cms/app/initializers/application.js
new file mode 100644
index 00000000..daa62edf
--- /dev/null
+++ b/web/cms/app/initializers/application.js
@@ -0,0 +1,39 @@
+export function initialize(app) {
+    // route
+    app.inject('route', 'ajax', 'service:ajax');
+    app.inject('route', 'store', 'service:store');
+    app.inject('route', 'message', 'service:message');
+    app.inject('route', 'dialog', 'service:dialog');
+    app.inject('route', 'authService', 'service:auth-service');
+    app.inject('route', 'router', 'router:main');
+
+    // controller
+    app.inject('controller', 'ajax', 'service:ajax');
+    app.inject('controller', 'store', 'service:store');
+    app.inject('controller', 'message', 'service:message');
+    app.inject('controller', 'dialog', 'service:dialog');
+    app.inject('controller', 'router', 'router:main');
+    // component
+    app.inject('component', 'ajax', 'service:ajax');
+    app.inject('component', 'store', 'service:store');
+    app.inject('component', 'message', 'service:message');
+    app.inject('component', 'dialog', 'service:dialog');
+    app.inject('component', 'router', 'router:main');
+    // store
+    app.inject('service:store', 'message', 'service:message');
+    app.inject('service:store', 'dialog', 'service:dialog');
+    app.inject('service:store', 'ajax', 'service:ajax');
+    // ajax
+    app.inject('service:ajax', 'message', 'service:message');
+    app.inject('service:ajax', 'dialog', 'service:dialog');
+    // tool service
+    app.inject('service:tool-service', 'store', 'service:store');
+    app.inject('service:tool-service', 'ajax', 'service:ajax');
+    app.inject('service:tool-service', 'message', 'service:message');
+    app.inject('service:tool-service', 'dialog', 'service:dialog');
+}
+
+export default {
+  name: 'application',
+  initialize: initialize
+};
diff --git a/web/cms/app/instance-initializers/perm.js b/web/cms/app/instance-initializers/perm.js
new file mode 100644
index 00000000..9a6b1c3a
--- /dev/null
+++ b/web/cms/app/instance-initializers/perm.js
@@ -0,0 +1,21 @@
+import Ember from 'ember';
+
+export function initialize(/* app */) {
+  Ember.Route.reopen({
+    beforeModel() {
+      let me = this;
+      me._super(...arguments);
+      let perm = me.get('perm');
+      if (perm && !me.get('authService').hasPerm(perm)) {
+        console.log(`has no route [${me.get('routeName')}] permission`);
+        me.get('dialog').error('没有[' + perm + ']访问权限');
+        me.transitionTo('index');
+      }
+    }
+  });
+}
+
+export default {
+  name: 'perm',
+  initialize
+};
diff --git a/web/cms/app/instance-initializers/tooltip.js b/web/cms/app/instance-initializers/tooltip.js
new file mode 100644
index 00000000..dbdd6019
--- /dev/null
+++ b/web/cms/app/instance-initializers/tooltip.js
@@ -0,0 +1,34 @@
+import Ember from 'ember';
+import $ from 'jquery';
+
+export function initialize(/* appInstance */) {
+  // appInstance.inject('route', 'foo', 'service:foo');
+  $.fn.tooltip.Constructor.DEFAULTS.template =
+      '<div class="tooltip" role="tooltip"><div class="tooltip-arrow"></div><pre class="tooltip-inner"></pre></div>';
+
+  Ember.Component.reopen({
+    didInsertElement() {
+      let me = this;
+      me._super(...arguments);
+
+      if (!('ontouchstart' in document.documentElement)) {
+          if ('tooltip' === me.get('data-rel')
+              && me.get('title')) {
+              $(me.element).tooltip();
+          }
+          // may cause error
+          try {
+            me.get('tagName') && $(me.element).children('[data-rel=tooltip]').tooltip();
+          }
+          catch(e) {
+            console.log('Init tooltip error caused', e);
+          }
+      }
+    }
+  });
+}
+
+export default {
+  name: 'tooltip',
+  initialize
+};
diff --git a/web/cms/app/mixins/services/base-service.js b/web/cms/app/mixins/services/base-service.js
new file mode 100644
index 00000000..acf5d2ea
--- /dev/null
+++ b/web/cms/app/mixins/services/base-service.js
@@ -0,0 +1,89 @@
+import Ember from 'ember';
+import { typeOf } from '@ember/utils';
+
+export default Ember.Mixin.create({
+    primaryKey: 'id',
+    store: Ember.inject.service(),
+    message: Ember.inject.service(),
+    pageSize: 64,
+    constraints: {},
+    createConstraints: null,
+    updateConstraints: null,
+    find(params) {
+        console.log('Find Model: ', params);
+        return this._getStore().find(this.get('modelName'), params);
+    },
+    list(start, limit, params) {
+        console.log('List Models Start: ', start, ', Limit: ', limit, ", Search: ", params);
+        return this._getStore().list(this.get('modelName'), start, limit, params);
+    },
+    listPage(page, params) {
+        page > 0 || (page = 1);
+        let me = this;
+        let pageSize = me.get('pageSize');
+        return me.list((page - 1) * pageSize, pageSize, params);
+    },
+    create(model) {
+        console.log('Create Model: ', model);
+        return this._getStore().create(this.get('modelName'), model);
+    },
+    update(model, defaultPromise) {
+        console.log('Update model: ', model);
+        let me = this;
+        let p = me._getStore().update(me.get('modelName'), model);
+        if (defaultPromise) {
+            p.then((m) => {
+                console.log('After update: ', m);
+                !(model instanceof FormData) && m &&
+                Object.keys(m).forEach((prop) => {
+                    Ember.set(model, prop, m[prop]);
+                });
+                me.get('message').alert('更新成功');
+            })
+        }
+        return p;
+    },
+    del(params) {
+        console.log('delete model: ', params);
+        return this._getStore().del(this.get('modelName'), params[this.get('primaryKey')]);
+    },
+    ajaxGet(path, params) {
+        return this._getStore().modelAjaxGet(this.get('modelName'), path, params);
+    },
+    ajaxPost(path, params) {
+        return this._getStore().modelAjaxPost(this.get('modelName'), path, params);
+    },
+    validate(model, constraints) {
+        let me = this;
+        console.log('Validate Model: ', model);
+        if (constraints) {
+            if (typeOf(constraints) === 'string') {
+                constraints = me.get(constraints);
+            }
+            else if (typeOf(constraints) !== 'object') {
+                validation = me.get('constraints');
+            }
+        }
+        else {
+            constraints = me.get('constraints');
+        }
+        return validate(model, constraints || me.get('constraints'));
+    },
+    createValidate(model) {
+        console.log('Create validate model: ', model);
+        let me = this;
+        let constraints = me.get('createConstraints') || me.get('constraints') || null;
+        return constraints && validate(model, constraints);
+    },
+    updateValidate(model) {
+        console.log('Update validate model: ', model);
+        let me = this;
+        let constraints = me.get('updateConstraints') || me.get('constraints') || null;
+        return constraints && validate(model, constraints);
+    },
+    _getStore() {
+        return this.get('store');
+    }
+});
+
+
diff --git a/web/cms/app/nav-items.js b/web/cms/app/nav-items.js
new file mode 100644
index 00000000..6713befe
--- /dev/null
+++ b/web/cms/app/nav-items.js
@@ -0,0 +1,141 @@
+export default (function() {
+  return [{
+    text: '线路',
+    icon: 'fa-bars light-green',
+    children: [{
+      perm: 'PERM_VIEW_AREA_CODE_LIST',
+      route: 'area-code.list',
+      icon: 'fa-angle-double-right',
+      text: '区号管理'
+    },
+    {
+      perm: 'PERM_VIEW_TELECOM_VENDOR_LIST',
+      route: 'telecom-vendor.list',
+      icon: 'fa-id-card',
+      text: '运营商管理'
+    },
+    {
+      perm: 'PERM_VIEW_GATEWAY_LIST',
+      route: 'gateway.list',
+      icon: 'fa-window-close-o',
+      text: '网关管理'
+    },
+    {
+      perm: 'PERM_VIEW_TRUNK_LIST',
+      route: 'trunk.list',
+      icon: 'fa-random',
+      text: '中继管理'
+    },
+    {
+      perm: 'PERM_VIEW_TRUNK_STRATEGY_LIST',
+      route: 'trunk-strategy.list',
+      icon: 'fa-retweet',
+      text: '中继策略管理'
+    },
+    {
+      perm: 'PERM_VIEW_TRUNK_ATTR_LIST',
+      route: 'trunk-attr.list',
+      icon: 'fa-book',
+      text: '中继属性管理'
+    }
+  ]
+  }, {
+    text: '坐席',
+    icon: 'fa-users light-red',
+    children: [
+    {
+      perm: 'PERM_VIEW_AGENT_GROUP_LIST',
+      route: 'agent-group.list',
+      icon: 'fa-users',
+      text: '坐席组管理'
+    },
+    {
+      perm: 'PERM_VIEW_AGENT_LIST',
+      route: 'agent.list',
+      icon: 'fa-user',
+      text: '坐席管理'
+    },
+    {
+      perm: 'PERM_VIEW_ROBOT_AGENT_LIST',
+      route: 'robot-agent.list',
+      icon: 'fa-android',
+      text: '机器人分配管理'
+    }
+  ]
+  }, {
+    text: '活动',
+    icon: 'fa-phone-square',
+    children: [
+    {
+      perm: 'PERM_VIEW_QUEUE_LIST',
+      route: 'queue.list',
+      icon: 'fa-tasks',
+      text: '队列管理'
+    },
+    {
+      perm: 'PERM_VIEW_CAMPAIGN_LIST',
+      route: 'campaign.list',
+      icon: 'fa-fax',
+      text: '外呼活动管理'
+    },
+    {
+      perm: 'PERM_VIEW_CAMPAIGN_STAT_LIST',
+      route: 'campaign-stat.list',
+      icon: 'fa-trello',
+      text: '外呼活动统计'
+    },
+    {
+      perm: 'PERM_VIEW_CAMPAIGN_LIST',
+      route: 'calling-list.list',
+      icon: 'fa fa-list-alt',
+      text: '拨打列表'
+    },
+  ]
+  }, {
+    text: '公共',
+    icon: 'fa-cogs dark',
+    children: [{
+      perm: 'PERM_VIEW_SEQUENCE_LIST',
+      route: 'sequence.list',
+      icon: 'fa-sort-numeric-asc',
+      text: '序号管理'
+    },
+    {
+      perm: 'PERM_VIEW_TAG_LIST',
+      route: 'tag.list',
+      icon: 'fa-tags',
+      text: '标签管理'
+    },
+    {
+      perm: 'PERM_VIEW_TENANT_LIST',
+      route: 'tenant.list',
+      icon: 'fa-cubes purple',
+      text: '租户管理'
+    },
+    {
+      perm: 'PERM_VIEW_AUTH_ROLE_LIST',
+      route: 'auth-role.list',
+      icon: 'fa-vcard',
+      text: '认证角色管理'
+    },
+    {
+      perm: 'PERM_VIEW_AUTH_PERMISSION_LIST',
+      route: 'auth-permission.list',
+      icon: 'fa-key',
+      text: '认证权限管理'
+    },
+    {
+      perm: 'PERM_VIEW_AUTH_USER_LIST',
+      route: 'auth-user.list',
+      icon: 'fa-address-book',
+      text: '认证用户管理'
+    },
+    {
+      perm: 'PERM_VIEW_CAMPAIGN_LIST',
+      route: 'call-detail-record.list',
+      icon: 'fa fa-list',
+      text: '拨打详单'
+    },
+  ]
+  }];
+})();
diff --git a/web/cms/app/resolver.js b/web/cms/app/resolver.js
new file mode 100644
index 00000000..2fb563d6
--- /dev/null
+++ b/web/cms/app/resolver.js
@@ -0,0 +1,3 @@
+import Resolver from 'ember-resolver';
+
+export default Resolver;
diff --git a/web/cms/app/router.js b/web/cms/app/router.js
new file mode 100644
index 00000000..dfb0d609
--- /dev/null
+++ b/web/cms/app/router.js
@@ -0,0 +1,201 @@
+import Ember from 'ember';
+import config from './config/environment';
+
+const Router = Ember.Router.extend({
+  location: config.locationType
+});
+
+Router.map(function() {
+  this.route('select-tenant');
+  this.route('tenant', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('telecom-vendor', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('gateway', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('agent', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('robot-agent', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('sequence', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('trunk', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('tag', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('area-code', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('agent-group', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('queue', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('voice-actor', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('talk', function() {
+    this.route('list');
+    this.route('create');
+    this.route('import');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('talk-component', function() {
+    this.route('list');
+    this.route('create');
+  });
+
+  this.route('trunk-strategy', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('auth-role', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('auth-permission', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('auth-user', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('campaign', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('campaign-stat', function() {
+    this.route('list');
+  });
+
+  this.route('phone-bar');
+
+  this.route('trunk-attr', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('nlp-term-group', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('nlp-term', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('nlp-component-group', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('nlp-component', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('nlp-state-machine', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('nlp-node', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('nlp-knowledge', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('nlp-node-sample', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('calling-list', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('robot-call-result', function() {
+    this.route('list');
+    this.route('create');
+    this.route('edit', {path: '/:id/edit'});
+  });
+
+  this.route('call-detail-record', function() {
+    this.route('list');
+  });
+});
+
+export default Router;
diff --git a/web/cms/app/routes/agent-group/create.js b/web/cms/app/routes/agent-group/create.js
new file mode 100644
index 00000000..a56ceaf5
--- /dev/null
+++ b/web/cms/app/routes/agent-group/create.js
@@ -0,0 +1,18 @@
+import BaseRoute from '../base';
+import RSVP from 'rsvp';
+
+export default BaseRoute.extend({
+    perm: 'PERM_VIEW_AGENT_GROUP_CREATE',
+    breadcrumbs: [{route: 'agent-group.list', text: '坐席组列表'}, {text: '创建坐席组'}],
+    model() {
+        const store = this.get('store');
+        return RSVP.hash({
+            active: true,
+            privacy: true,
+            trunkStrategiesList: store.ajaxGet('trunk-strategy/list', 
+                this.get('activeListQueryParams')),
+            tagsList: store.ajaxGet('tag/list', this.get('activeListQueryParams')),
+            privacyLevelsList: store.ajaxGet('agent-group/privacyLevelsList')
+        });
+    }
+});
diff --git a/web/cms/app/routes/agent-group/edit.js b/web/cms/app/routes/agent-group/edit.js
new file mode 100644
index 00000000..2ce3f039
--- /dev/null
+++ b/web/cms/app/routes/agent-group/edit.js
@@ -0,0 +1,10 @@
+import BaseEditRoute from '../base-edit';
+
+export default BaseEditRoute.extend({
+    perm: 'PERM_VIEW_AGENT_GROUP_EDIT',
+    afterModel(model) {
+        this.set('breadcrumbs',
+            [{route: 'agent-group.list', text: '坐席组列表'},
+                {text: '编辑坐席组[' + model.name + ']'}]);
+    }
+});
diff --git a/web/cms/app/routes/agent-group/list.js b/web/cms/app/routes/agent-group/list.js
new file mode 100644
index 00000000..d606de22
--- /dev/null
+++ b/web/cms/app/routes/agent-group/list.js
@@ -0,0 +1,6 @@
+import BaseListRoute from './../base-list';
+
+export default BaseListRoute.extend({
+    perm: 'PERM_VIEW_AGENT_GROUP_LIST',
+    breadcrumbs: [{text: '坐席组列表'}],
+});
diff --git a/web/cms/app/routes/agent/create.js b/web/cms/app/routes/agent/create.js
new file mode 100644
index 00000000..68dc3235
--- /dev/null
+++ b/web/cms/app/routes/agent/create.js
@@ -0,0 +1,18 @@
+import BaseRoute from '../base';
+import RSVP from 'rsvp';
+
+export default BaseRoute.extend({
+    perm: 'PERM_VIEW_AGENT_CREATE',
+    breadcrumbs: [{route: 'agent.list', text: '坐席列表'}, {text: '创建坐席'}],
+    model() {
+        const store = this.get('store');
+        const queryParams = this.get('activeListQueryParams');
+        return RSVP.hash({
+            wrapUpTime: 8,
+            active: true,
+            groupsList: store.ajaxGet('agent-group/list', queryParams),
+            queuesList: store.ajaxGet('queue/list', queryParams),
+            tagsList: store.ajaxGet('tag/list', queryParams)
+        });
+    }
+});
diff --git a/web/cms/app/routes/agent/edit.js b/web/cms/app/routes/agent/edit.js
new file mode 100644
index 00000000..6db40861
--- /dev/null
+++ b/web/cms/app/routes/agent/edit.js
@@ -0,0 +1,10 @@
+import BaseEditRoute from '../base-edit';
+
+export default BaseEditRoute.extend({
+    perm: 'PERM_VIEW_AGENT_EDIT',
+    afterModel(model) {
+        this.set('breadcrumbs',
+            [{route: 'agent.list', text: '坐席列表'},
+                {text: '编辑坐席[' + model.name + ']'}]);
+    }
+});
diff --git a/web/cms/app/routes/agent/list.js b/web/cms/app/routes/agent/list.js
new file mode 100644
index 00000000..c491e9cd
--- /dev/null
+++ b/web/cms/app/routes/agent/list.js
@@ -0,0 +1,6 @@
+import BaseListRoute from './../base-list';
+
+export default BaseListRoute.extend({
+    perm: 'PERM_VIEW_AGENT_LIST',
+    breadcrumbs: [{text: '坐席列表'}],
+});
diff --git a/web/cms/app/routes/application.js b/web/cms/app/routes/application.js
new file mode 100644
index 00000000..f2d27cd3
--- /dev/null
+++ b/web/cms/app/routes/application.js
@@ -0,0 +1,46 @@
+import { inject as service } from '@ember/service';
+import { getOwner } from '@ember/application';
+import Route from '@ember/routing/route';
+import { assign } from '@ember/polyfills';
+import $ from 'jquery';
+
+export default Route.extend({
+    authService: service('auth-service'),
+    routerService: service('router'),
+    getLoginRoute() {
+        return getOwner(this).lookup('route:login');
+    },
+    transitionIntercept(transition) {
+        let me = this;
+        me.get('authService').auth(transition);
+    },
+    beforeModel: function(transition) {
+        console.log('Before Application Model.', transition);
+        this.transitionIntercept(transition);
+    },
+    activate() {
+        console.log('Application Activate.');
+        $('body').addClass('no-skin');
+        try{ace.settings.check('navbar', 'fixed');}catch(e){console.log(e)}
+        try{ace.settings.check('main-container', 'fixed');}catch(e){console.log(e)}
+    },
+    actions: {
+        willTransition(transition) {
+            console.log('Application Will Transition.', transition);
+            this.transitionIntercept(transition);
+        },
+        goback() {
+            history.back();
+        },
+        reload() {
+            this.refresh();
+        }
+    },
+    allParams(transition) {
+        let params = {};
+        Object.keys(transition.params).forEach((k) => {
+            assign(params, transition.params[k]);
+        });
+        return Object.keys(params).length ? params : undefined;
+    }
+});
diff --git a/web/cms/app/routes/area-code/create.js b/web/cms/app/routes/area-code/create.js
new file mode 100644
index 00000000..4889a94b
--- /dev/null
+++ b/web/cms/app/routes/area-code/create.js
@@ -0,0 +1,15 @@
+import BaseRoute from '../base';
+import RSVP from 'rsvp';
+
+export default BaseRoute.extend({
+    perm: 'PERM_VIEW_AREA_CODE_CREATE',
+    breadcrumbs: [{route: 'area-code.list', text: '区号列表'}, {text: '创建区号'}],
+    model() {
+        const store = this.get('store');
+        const queryParams = this.get('activeListQueryParams');
+        return RSVP.hash({
+            active: true,
+            tagsList: store.ajaxGet('tag/list', queryParams)
+        });
+    }
+});
diff --git a/web/cms/app/routes/area-code/edit.js b/web/cms/app/routes/area-code/edit.js
new file mode 100644
index 00000000..d5795831
--- /dev/null
+++ b/web/cms/app/routes/area-code/edit.js
@@ -0,0 +1,10 @@
+import BaseEditRoute from '../base-edit';
+
+export default BaseEditRoute.extend({
+    perm: 'PERM_VIEW_AREA_CODE_EDIT',
+    afterModel(model) {
+        this.set('breadcrumbs',
+            [{route: 'area-code.list', text: '区号列表'},
+                {text: '编辑区号[' + model.code + ']'}]);
+    }
+});
diff --git a/web/cms/app/routes/area-code/list.js b/web/cms/app/routes/area-code/list.js
new file mode 100644
index 00000000..b1c1f6ea
--- /dev/null
+++ b/web/cms/app/routes/area-code/list.js
@@ -0,0 +1,6 @@
+import BaseListRoute from './../base-list';
+
+export default BaseListRoute.extend({
+    perm: 'PERM_VIEW_AREA_CODE_LIST',
+    breadcrumbs: [{text: '区号列表'}],
+});
diff --git a/web/cms/app/routes/auth-permission/create.js b/web/cms/app/routes/auth-permission/create.js
new file mode 100644
index 00000000..154d5cc1
--- /dev/null
+++ b/web/cms/app/routes/auth-permission/create.js
@@ -0,0 +1,16 @@
+import BaseRoute from '../base';
+import RSVP from 'rsvp';
+
+export default BaseRoute.extend({
+    perm: 'PERM_VIEW_AUTH_PERMISSION_CREATE',
+    breadcrumbs: [{route: 'auth-permission.list', text: '认证权限列表'}, {text: '创建认证权限'}],
+    model() {
+        const store = this.get('store');
+        const queryParams = this.get('activeListQueryParams');
+        return RSVP.hash({
+            active: true,
+            rolesList: store.ajaxGet('auth-role/list', queryParams),
+            tagsList: store.ajaxGet('tag/list', queryParams)
+        });
+    }
+});
diff --git a/web/cms/app/routes/auth-permission/edit.js b/web/cms/app/routes/auth-permission/edit.js
new file mode 100644
index 00000000..680a62d5
--- /dev/null
+++ b/web/cms/app/routes/auth-permission/edit.js
@@ -0,0 +1,10 @@
+import BaseEditRoute from '../base-edit';
+
+export default BaseEditRoute.extend({
+    perm: 'PERM_VIEW_AUTH_PERMISSION_EDIT',
+    afterModel(model) {
+        this.set('breadcrumbs',
+            [{route: 'auth-permission.list', text: '认证权限列表'},
+                {text: '编辑认证权限[' + model.permission + ']'}]);
+    }
+});
diff --git a/web/cms/app/routes/auth-permission/list.js b/web/cms/app/routes/auth-permission/list.js
new file mode 100644
index 00000000..315260b2
--- /dev/null
+++ b/web/cms/app/routes/auth-permission/list.js
@@ -0,0 +1,6 @@
+import BaseListRoute from './../base-list';
+
+export default BaseListRoute.extend({
+    perm: 'PERM_VIEW_AUTH_PERMISSION_LIST',
+    breadcrumbs: [{text: '认证权限列表'}],
+});
diff --git a/web/cms/app/routes/auth-role/create.js b/web/cms/app/routes/auth-role/create.js
new file mode 100644
index 00000000..291155dd
--- /dev/null
+++ b/web/cms/app/routes/auth-role/create.js
@@ -0,0 +1,15 @@
+import BaseRoute from '../base';
+import RSVP from 'rsvp';
+
+export default BaseRoute.extend({
+    perm: 'PERM_VIEW_AUTH_ROLE_CREATE',
+    breadcrumbs: [{route: 'auth-role.list', text: '认证角色列表'}, {text: '创建认证角色'}],
+    model() {
+        const store = this.get('store');
+        const queryParams = this.get('activeListQueryParams');
+        return RSVP.hash({
+            active: true,
+            tagsList: store.ajaxGet('tag/list', queryParams)
+        });
+    }
+});
diff --git a/web/cms/app/routes/auth-role/edit.js b/web/cms/app/routes/auth-role/edit.js
new file mode 100644
index 00000000..96ec2f32
--- /dev/null
+++ b/web/cms/app/routes/auth-role/edit.js
@@ -0,0 +1,10 @@
+import BaseEditRoute from '../base-edit';
+
+export default BaseEditRoute.extend({
+    perm: 'PERM_VIEW_AUTH_ROLE_EDIT',
+    afterModel(model) {
+        this.set('breadcrumbs',
+            [{route: 'auth-role.list', text: '认证角色列表'},
+                {text: '编辑认证角色[' + model.role + ']'}]);
+    }
+});
diff --git a/web/cms/app/routes/auth-role/list.js b/web/cms/app/routes/auth-role/list.js
new file mode 100644
index 00000000..a3e70f9a
--- /dev/null
+++ b/web/cms/app/routes/auth-role/list.js
@@ -0,0 +1,6 @@
+import BaseListRoute from './../base-list';
+
+export default BaseListRoute.extend({
+    perm: 'PERM_VIEW_AUTH_ROLE_LIST',
+    breadcrumbs: [{text: '认证角色列表'}],
+});
diff --git a/web/cms/app/routes/auth-user/create.js b/web/cms/app/routes/auth-user/create.js
new file mode 100644
index 00000000..f7d922ed
--- /dev/null
+++ b/web/cms/app/routes/auth-user/create.js
@@ -0,0 +1,17 @@
+import BaseRoute from '../base';
+import RSVP from 'rsvp';
+
+export default BaseRoute.extend({
+    perm: 'PERM_VIEW_AUTH_USER_CREATE',
+    breadcrumbs: [{route: 'auth-user.list', text: '认证用户列表'}, {text: '创建认证用户'}],
+    model() {
+        const store = this.get('store');
+        const queryParams = this.get('activeListQueryParams');
+        return RSVP.hash({
+            active: true,
+            rolesList: store.ajaxGet('auth-role/list', queryParams),
+            tagsList: store.ajaxGet('tag/list', queryParams),
+            tenantsList: store.ajaxGet('tenant/list', queryParams)
+        });
+    }
+});
diff --git a/web/cms/app/routes/auth-user/edit.js b/web/cms/app/routes/auth-user/edit.js
new file mode 100644
index 00000000..c177664e
--- /dev/null
+++ b/web/cms/app/routes/auth-user/edit.js
@@ -0,0 +1,10 @@
+import BaseEditRoute from '../base-edit';
+
+export default BaseEditRoute.extend({
+    perm: 'PERM_VIEW_AUTH_USER_EDIT',
+    afterModel(model) {
+        this.set('breadcrumbs',
+            [{route: 'auth-user.list', text: '认证用户列表'},
+                {text: '编辑认证用户[' + model.account + ']'}]);
+    }
+});
diff --git a/web/cms/app/routes/auth-user/list.js b/web/cms/app/routes/auth-user/list.js
new file mode 100644
index 00000000..1fb6b5aa
--- /dev/null
+++ b/web/cms/app/routes/auth-user/list.js
@@ -0,0 +1,6 @@
+import BaseListRoute from './../base-list';
+
+export default BaseListRoute.extend({
+    perm: 'PERM_VIEW_AUTH_USER_LIST',
+    breadcrumbs: [{text: '认证用户列表'}],
+});
diff --git a/web/cms/app/routes/base-edit.js b/web/cms/app/routes/base-edit.js
new file mode 100644
index 00000000..78d2a726
--- /dev/null
+++ b/web/cms/app/routes/base-edit.js
@@ -0,0 +1,18 @@
+import BaseRoute from './base';
+import $ from 'jquery';
+
+export default BaseRoute.extend({
+    model(params, transition) {
+        let me = this;
+        let extParams = null;
+        if ($.type(me.extraParams) === 'function') {
+            extParams = me.extraParams(params, transition);
+        }
+        if (Object.getOwnPropertyNames(params).length === 0 &&
+                /\.index$/.test(me.routeName)) {
+            params = transition.params[me.routeName.replace(/\.index$/, '')];
+        }
+        return me.get('service').find(
+            extParams ? $.extend(true, params, extParams) : params);
+    }
+});
diff --git a/web/cms/app/routes/base-list.js b/web/cms/app/routes/base-list.js
new file mode 100644
index 00000000..8a7306e0
--- /dev/null
+++ b/web/cms/app/routes/base-list.js
@@ -0,0 +1,33 @@
+import BaseRoute from './base';
+import $ from 'jquery';
+
+export default BaseRoute.extend({
+    queryParams: {
+        page: {
+            refreshModel: true
+        },
+        search: {
+            refreshModel: true
+        },
+        sorters: {
+            refreshModel: true
+        },
+        criteria: {
+            refreshModel: true
+        },
+        filters: {
+            refreshModel: true
+        }
+    },
+    model(params, transition) {
+        let me = this;
+        let extParams = null;
+        if ($.type(me.extraParams) === 'function') {
+            extParams = me.extraParams(params, transition);
+        }
+        params.page = params.page || 1;
+        // params = me.allParams(transition);
+        return me.get('service').listPage(params.page,
+            extParams ? $.extend(true, params, extParams) : params);
+    }
+});
diff --git a/web/cms/app/routes/base.js b/web/cms/app/routes/base.js
new file mode 100644
index 00000000..4c841add
--- /dev/null
+++ b/web/cms/app/routes/base.js
@@ -0,0 +1,53 @@
+import Route from '@ember/routing/route';
+import { assign } from '@ember/polyfills';
+import { inject as service } from '@ember/service';
+
+export default Route.extend({
+    toolService: service('tool-service'),
+    activeListQueryParams: {
+        filters: JSON.stringify({active: [true]}),
+        limit: 128
+    },
+    beforeModel() {
+        let me = this;
+        me._super(...arguments);
+
+        // let perm = me.get('perm')
+
+        let service = me.get('service');
+        if (!service) {
+            const routeName = me.get('routeName');
+            let service = me.get('toolService').getServiceByRouteName(routeName);
+            if (service) {
+                console.log(`Set Route [${routeName}] Service [${service}]`);
+                me.set('service', service);
+            }
+            else {
+                console.log(`No Service Found For Route [${routeName}]`);
+            }
+        }
+    },
+    setupController(controller) {
+        let me = this;
+        controller.set('service', me.get('service'));
+        me._super(...arguments);
+    },
+    findParam(transition, name) {
+        let param = null
+        Object.keys(transition.params).some((k) => {
+            let props = transition.params[k];
+            if (props[name]) {
+                param = props[name];
+                return true;
+            }
+        });
+        return param;
+    },
+    allParams(transition) {
+        let params = {};
+        Object.keys(transition.params).forEach((k) => {
+            assign(params, transition.params[k]);
+        });
+        return params;
+    }
+});
diff --git a/web/cms/app/routes/call-detail-record/list.js b/web/cms/app/routes/call-detail-record/list.js
new file mode 100644
index 00000000..2e1fabfc
--- /dev/null
+++ b/web/cms/app/routes/call-detail-record/list.js
@@ -0,0 +1,77 @@
+import BaseListRoute from './../base-list';
+import { typeOf } from '@ember/utils';
+import $ from 'jquery';
+
+export default BaseListRoute.extend({
+    perm: 'PERM_VIEW_CAMPAIGN_LIST',
+    breadcrumbs: [{text: '拨打详单'}],
+    queryParams: {
+        page: {
+            refreshModel: true
+        },
+        startDate: {
+          refreshModel: false
+        },
+        endDate: {
+          refreshModel: false
+        },
+        callerNumber: {
+          refreshModel: false
+        },
+        calledNumber: {
+          refreshModel: false
+        },
+        connId: {
+            refreshModel: false
+        }
+    },
+    model(params, transition) {
+        let me = this;
+        let extParams = null;
+        if (typeOf(me.extraParams) === 'function') {
+            extParams = me.extraParams(params, transition);
+        }
+        let page = params.page;
+        if (!Number.isInteger(page)) {
+            page = parseInt(page);
+        }
+        if (page < 1) {
+            page = 1;
+        }
+        if (!params.startDate) {
+            let now = new Date();
+            now.setTime(now.getTime() - 30 * 60 * 1000);
+            params.startDate = now.getTime();
+        }
+        if (!params.endDate) {
+            params.endDate = new Date().getTime();
+        }
+        return me.get('service').listPage(page,
+            extParams ? $.extend(true, params, extParams) : params);
+    },
+    setupController(controller, model) {
+        let me = this;
+        me._super(...arguments);
+        if (!controller.get('startDate')) {
+            let now = new Date();
+            now.setTime(now.getTime() - 30 * 60 * 1000);
+            controller.set('startDate', now.getTime());
+        }
+
+        if (!controller.get('endDate')) {
+            controller.set('endDate', new Date().getTime());
+        }
+        console.log('setup controller: ', controller, model);
+    },
+    actions: {
+        search() {
+            let me = this;
+            if (me.get('controller.page') == 1) {
+                me.refresh();
+            }
+            else {
+                me.set('controller.page', 1);
+            }
+        }
+    }
+});
\ No newline at end of file
diff --git a/web/cms/app/routes/calling-list/create.js b/web/cms/app/routes/calling-list/create.js
new file mode 100644
index 00000000..c9497e02
--- /dev/null
+++ b/web/cms/app/routes/calling-list/create.js
@@ -0,0 +1,34 @@
+import BaseRoute from '../base';
+import RSVP from 'rsvp';
+
+export default BaseRoute.extend({
+    perm: 'PERM_VIEW_CAMPAIGN_CREATE',
+    breadcrumbs: [{route: 'calling-list.list', text: '拨打列表'}, {text: '创建拨打名单'}],
+    model() {
+        const store = this.get('store');
+        return RSVP.hash({
+            active: true,
+            privacy: true,
+            campaignList: store.ajaxGet('campaign/list'),
+            callingListStatus: store.ajaxGet('calling-list/status'),
+            timeList:[{value:'25200', text:'7:00'},
+                {value:'28800', text:'8:00'},
+                {value:'32400', text:'9:00'},
+                {value:'36000', text:'10:00'},
+                {value:'39600', text:'11:00'},
+                {value:'43200', text:'12:00'},
+                {value:'46800', text:'13:00'},
+                {value:'50400', text:'14:00'},
+                {value:'54000', text:'15:00'},
+                {value:'57600', text:'16:00'},
+                {value:'61200', text:'17:00'},
+                {value:'64800', text:'18:00'},
+                {value:'68400', text:'19:00'},
+                {value:'72000', text:'20:00'},
+                {value:'75600', text:'21:00'},
+                {value:'79200', text:'22:00'},
+                {value:'82800', text:'23:00'}
+            ]
+        });
+   }
+});
\ No newline at end of file
diff --git a/web/cms/app/routes/calling-list/edit.js b/web/cms/app/routes/calling-list/edit.js
new file mode 100644
index 00000000..5aadbd87
--- /dev/null
+++ b/web/cms/app/routes/calling-list/edit.js
@@ -0,0 +1,28 @@
+import BaseEditRoute from '../base-edit';
+
+export default BaseEditRoute.extend({
+    perm: 'PERM_VIEW_CAMPAIGN_EDIT',
+    afterModel(model) {
+        this.set('breadcrumbs',
+            [{route: 'calling-list.list', text: '拨打列表'},
+                {text: '编辑拨打名单'}]);
+        model.timeList=[{value:'25200', text:'7:00'},
+        {value:'28800', text:'8:00'},
+        {value:'32400', text:'9:00'},
+        {value:'36000', text:'10:00'},
+        {value:'39600', text:'11:00'},
+        {value:'43200', text:'12:00'},
+        {value:'46800', text:'13:00'},
+        {value:'50400', text:'14:00'},
+        {value:'54000', text:'15:00'},
+        {value:'57600', text:'16:00'},
+        {value:'61200', text:'17:00'},
+        {value:'64800', text:'18:00'},
+        {value:'68400', text:'19:00'},
+        {value:'72000', text:'20:00'},
+        {value:'75600', text:'21:00'},
+        {value:'79200', text:'22:00'},
+        {value:'82800', text:'23:00'}
+    ]
+    }
+});
\ No newline at end of file
diff --git a/web/cms/app/routes/calling-list/list.js b/web/cms/app/routes/calling-list/list.js
new file mode 100644
index 00000000..6ab730eb
--- /dev/null
+++ b/web/cms/app/routes/calling-list/list.js
@@ -0,0 +1,6 @@
+import BaseListRoute from './../base-list';
+
+export default BaseListRoute.extend({
+    perm: 'PERM_VIEW_CAMPAIGN_LIST',
+    breadcrumbs: [{text: '拨打列表'}]
+});
\ No newline at end of file
diff --git a/web/cms/app/routes/campaign-stat/list.js b/web/cms/app/routes/campaign-stat/list.js
new file mode 100644
index 00000000..908fc8f4
--- /dev/null
+++ b/web/cms/app/routes/campaign-stat/list.js
@@ -0,0 +1,7 @@
+import BaseListRoute from './../base-list';
+import { set } from '@ember/object';
+
+export default BaseListRoute.extend({
+    perm: 'PERM_VIEW_CAMPAIGN_STAT_LIST',
+    breadcrumbs: [{text: '外呼活动统计'}]
+});
diff --git a/web/cms/app/routes/campaign/create.js b/web/cms/app/routes/campaign/create.js
new file mode 100644
index 00000000..141b2ce5
--- /dev/null
+++ b/web/cms/app/routes/campaign/create.js
@@ -0,0 +1,19 @@
+import BaseRoute from '../base';
+import RSVP from 'rsvp';
+
+export default BaseRoute.extend({
+    perm: 'PERM_VIEW_CAMPAIGN_CREATE',
+    breadcrumbs: [{route: 'campaign.list', text: '外呼活动列表'}, {text: '创建外呼活动'}],
+    model() {
+        const store = this.get('store');
+        const activeListQueryParams = this.get('activeListQueryParams');
+        return RSVP.hash({
+            active: true,
+            privacy: true,
+            trunkStrategiesList: store.ajaxGet('trunk-strategy/list', 
+                activeListQueryParams),
+            tagsList: store.ajaxGet('tag/list', activeListQueryParams),
+            stateMachineList: store.ajaxGet('campaign/list-state-machine')
+        });
+    }
+});
diff --git a/web/cms/app/routes/campaign/edit.js b/web/cms/app/routes/campaign/edit.js
new file mode 100644
index 00000000..2927a0f2
--- /dev/null
+++ b/web/cms/app/routes/campaign/edit.js
@@ -0,0 +1,10 @@
+import BaseEditRoute from '../base-edit';
+
+export default BaseEditRoute.extend({
+    perm: 'PERM_VIEW_CAMPAIGN_EDIT',
+    afterModel(model) {
+        this.set('breadcrumbs',
+            [{route: 'campaign.list', text: '外呼活动列表'},
+                {text: '编辑外呼活动[' + model.name + ']'}]);
+    }
+});
diff --git a/web/cms/app/routes/campaign/list.js b/web/cms/app/routes/campaign/list.js
new file mode 100644
index 00000000..9b550561
--- /dev/null
+++ b/web/cms/app/routes/campaign/list.js
@@ -0,0 +1,24 @@
+import BaseListRoute from './../base-list';
+import { set } from '@ember/object';
+
+export default BaseListRoute.extend({
+    perm: 'PERM_VIEW_CAMPAIGN_LIST',
+    breadcrumbs: [{text: '外呼活动列表'}],
+    actions:{
+        toggleCampaignTask(model) {
+            const me = this;
+            const op = model.status=='RUNNING'?'停止':'开启';
+            me.get('dialog').confirm(
+                '确认要' + op + '外呼活动吗？', () => {
+                me.get('store').ajaxGet(
+                    'campaign/' 
+                    + (model.status=='RUNNING' ? 'stop' : 'start'), model.id )
+                    .then(() => {
+                        me.get('message').alert('外呼活动' + op + '成功');
+                        set(model, 'status', model.status=='RUNNING'?'STOPPED':'RUNNING');
+                        set(model, 'running', model.status=='RUNNING');
+                });
+            });
+        }
+    }
+});
diff --git a/web/cms/app/routes/gateway/create.js b/web/cms/app/routes/gateway/create.js
new file mode 100644
index 00000000..69ce2372
--- /dev/null
+++ b/web/cms/app/routes/gateway/create.js
@@ -0,0 +1,13 @@
+import BaseRoute from '../base';
+
+export default BaseRoute.extend({
+    perm: 'PERM_VIEW_GATEWAY_CREATE',
+    breadcrumbs: [{route: 'gateway.list', text: '网关列表'}, {text: '创建网关'}],
+    model() {
+        return {
+            active: true,
+            register: 'false',
+            registerTransport: 'udp'
+        };
+    }
+});
diff --git a/web/cms/app/routes/gateway/edit.js b/web/cms/app/routes/gateway/edit.js
new file mode 100644
index 00000000..e49680e6
--- /dev/null
+++ b/web/cms/app/routes/gateway/edit.js
@@ -0,0 +1,10 @@
+import BaseEditRoute from '../base-edit';
+
+export default BaseEditRoute.extend({
+    perm: 'PERM_VIEW_GATEWAY_EDIT',
+    afterModel(model) {
+        this.set('breadcrumbs',
+            [{route: 'gateway.list', text: '网关列表'},
+                {text: '编辑网关[' + model.name + ']'}]);
+    }
+});
diff --git a/web/cms/app/routes/gateway/list.js b/web/cms/app/routes/gateway/list.js
new file mode 100644
index 00000000..d6ae0a8f
--- /dev/null
+++ b/web/cms/app/routes/gateway/list.js
@@ -0,0 +1,6 @@
+import BaseListRoute from './../base-list';
+
+export default BaseListRoute.extend({
+    perm: 'PERM_VIEW_GATEWAY_LIST',
+    breadcrumbs: [{text: '网关列表'}],
+});
diff --git a/web/cms/app/routes/index.js b/web/cms/app/routes/index.js
new file mode 100644
index 00000000..f7bdbdc1
--- /dev/null
+++ b/web/cms/app/routes/index.js
@@ -0,0 +1,21 @@
+import Route from '@ember/routing/route';
+
+export default Route.extend({
+    beforeModel() {
+        // this.transitionTo('app.list', 1);
+    },
+    actions: {
+        didTransition() {
+            if (window.localStorage) {
+                const prevURL = window.localStorage.getItem('prevURL');
+                if (prevURL) {
+                    window.localStorage.removeItem('prevURL');
+                    if (prevURL != window.location.href) {
+                        window.location.href = prevURL;
+                    }
+                }
+            }
+          return true; // Bubble the didTransition event
+        }
+    }
+});
diff --git a/web/cms/app/routes/queue/create.js b/web/cms/app/routes/queue/create.js
new file mode 100644
index 00000000..12ac03c0
--- /dev/null
+++ b/web/cms/app/routes/queue/create.js
@@ -0,0 +1,11 @@
+import BaseRoute from '../base';
+
+export default BaseRoute.extend({
+    perm: 'PERM_VIEW_QUEUE_CREATE',
+    breadcrumbs: [{route: 'queue.list', text: '队列列表'}, {text: '创建队列'}],
+    model() {
+        return {
+            active: true
+        };
+    }
+});
diff --git a/web/cms/app/routes/queue/edit.js b/web/cms/app/routes/queue/edit.js
new file mode 100644
index 00000000..bdee4305
--- /dev/null
+++ b/web/cms/app/routes/queue/edit.js
@@ -0,0 +1,10 @@
+import BaseEditRoute from '../base-edit';
+
+export default BaseEditRoute.extend({
+    perm: 'PERM_VIEW_QUEUE_EDIT',
+    afterModel(model) {
+        this.set('breadcrumbs',
+            [{route: 'queue.list', text: '队列列表'},
+                {text: '编辑队列[' + model.name + ']'}]);
+    }
+});
diff --git a/web/cms/app/routes/queue/list.js b/web/cms/app/routes/queue/list.js
new file mode 100644
index 00000000..b8634d57
--- /dev/null
+++ b/web/cms/app/routes/queue/list.js
@@ -0,0 +1,6 @@
+import BaseListRoute from './../base-list';
+
+export default BaseListRoute.extend({
+    perm: 'PERM_VIEW_QUEUE_LIST',
+    breadcrumbs: [{text: '队列列表'}],
+});
diff --git a/web/cms/app/routes/select-tenant.js b/web/cms/app/routes/select-tenant.js
new file mode 100644
index 00000000..7cb48063
--- /dev/null
+++ b/web/cms/app/routes/select-tenant.js
@@ -0,0 +1,25 @@
+import Route from '@ember/routing/route';
+import { inject as service } from '@ember/service';
+
+export default Route.extend({
+    authService: service('auth-service'),
+    actions: {
+        submit() {
+            let me = this;
+            const tenant = me.get('controller.tenant');
+            if (tenant) {
+                me.get('ajax').doPost('auth/switch-tenant', {
+                    tenant
+                }, () => {
+                    me.get('message').alert('切换租户成功');
+                    const url = new URL(window.location);
+                    url.hash = '';
+                    location.href = url;
+                });
+            }
+            else {
+                me.get('message').warn('没有租户，请确认您是否有权限！');
+            }
+        }
+    }
+});
diff --git a/web/cms/app/routes/sequence/create.js b/web/cms/app/routes/sequence/create.js
new file mode 100644
index 00000000..a3b67a96
--- /dev/null
+++ b/web/cms/app/routes/sequence/create.js
@@ -0,0 +1,13 @@
+import BaseRoute from '../base';
+
+export default BaseRoute.extend({
+    perm: 'PERM_VIEW_SEQUENCE_CREATE',
+    breadcrumbs: [{route: 'sequence.list', text: '序号列表'}, {text: '创建序号'}],
+    model() {
+        return {
+            active: true,
+            initVal: 1,
+            step: 1
+        };
+    }
+});
diff --git a/web/cms/app/routes/sequence/edit.js b/web/cms/app/routes/sequence/edit.js
new file mode 100644
index 00000000..016451a0
--- /dev/null
+++ b/web/cms/app/routes/sequence/edit.js
@@ -0,0 +1,10 @@
+import BaseEditRoute from '../base-edit';
+
+export default BaseEditRoute.extend({
+    perm: 'PERM_VIEW_SEQUENCE_EDIT',
+    afterModel(model) {
+        this.set('breadcrumbs',
+            [{route: 'sequence.list', text: '序号列表'},
+                {text: '编辑序号[' + model.name + ']'}]);
+    }
+});
diff --git a/web/cms/app/routes/sequence/list.js b/web/cms/app/routes/sequence/list.js
new file mode 100644
index 00000000..57f61eb8
--- /dev/null
+++ b/web/cms/app/routes/sequence/list.js
@@ -0,0 +1,6 @@
+import BaseListRoute from './../base-list';
+
+export default BaseListRoute.extend({
+    perm: 'PERM_VIEW_SEQUENCE_LIST',
+    breadcrumbs: [{text: '序号列表'}],
+});
diff --git a/web/cms/app/routes/tag/create.js b/web/cms/app/routes/tag/create.js
new file mode 100644
index 00000000..26798851
--- /dev/null
+++ b/web/cms/app/routes/tag/create.js
@@ -0,0 +1,12 @@
+import BaseRoute from '../base';
+
+export default BaseRoute.extend({
+    perm: 'PERM_VIEW_TAG_CREATE',
+    breadcrumbs: [{route: 'tag.list', text: '标签列表'}, {text: '创建标签'}],
+    model() {
+        return {
+            scope: 'USER',
+            active: true
+        };
+    }
+});
diff --git a/web/cms/app/routes/tag/edit.js b/web/cms/app/routes/tag/edit.js
new file mode 100644
index 00000000..e50ada3d
--- /dev/null
+++ b/web/cms/app/routes/tag/edit.js
@@ -0,0 +1,10 @@
+import BaseEditRoute from '../base-edit';
+
+export default BaseEditRoute.extend({
+    perm: 'PERM_VIEW_TAG_EDIT',
+    afterModel(model) {
+        this.set('breadcrumbs',
+            [{route: 'tag.list', text: '标签列表'},
+                {text: '编辑标签[' + model.tag + ']'}]);
+    }
+});
diff --git a/web/cms/app/routes/tag/list.js b/web/cms/app/routes/tag/list.js
new file mode 100644
index 00000000..ce19a0a2
--- /dev/null
+++ b/web/cms/app/routes/tag/list.js
@@ -0,0 +1,6 @@
+import BaseListRoute from './../base-list';
+
+export default BaseListRoute.extend({
+    perm: 'PERM_VIEW_TAG_LIST',
+    breadcrumbs: [{text: '标签列表'}],
+});
diff --git a/web/cms/app/routes/telecom-vendor/create.js b/web/cms/app/routes/telecom-vendor/create.js
new file mode 100644
index 00000000..12d7abab
--- /dev/null
+++ b/web/cms/app/routes/telecom-vendor/create.js
@@ -0,0 +1,11 @@
+import BaseRoute from '../base';
+
+export default BaseRoute.extend({
+    perm: 'PERM_VIEW_TELECOM_VENDOR_CREATE',
+    breadcrumbs: [{route: 'telecom-vendor.list', text: '语音运营商列表'}, {text: '创建语音运营商'}],
+    model() {
+        return {
+            active: true
+        };
+    }
+});
diff --git a/web/cms/app/routes/telecom-vendor/edit.js b/web/cms/app/routes/telecom-vendor/edit.js
new file mode 100644
index 00000000..3c30b0c7
--- /dev/null
+++ b/web/cms/app/routes/telecom-vendor/edit.js
@@ -0,0 +1,10 @@
+import BaseEditRoute from '../base-edit';
+
+export default BaseEditRoute.extend({
+    perm: 'PERM_VIEW_TELECOM_VENDOR_EDIT',
+    afterModel(model) {
+        this.set('breadcrumbs',
+            [{route: 'telecom-vendor.list', text: '语音运营商列表'},
+                {text: '编辑语音运营商[' + model.name + ']'}]);
+    }
+});
diff --git a/web/cms/app/routes/telecom-vendor/list.js b/web/cms/app/routes/telecom-vendor/list.js
new file mode 100644
index 00000000..8a1d9ee7
--- /dev/null
+++ b/web/cms/app/routes/telecom-vendor/list.js
@@ -0,0 +1,6 @@
+import BaseListRoute from './../base-list';
+
+export default BaseListRoute.extend({
+    perm: 'PERM_VIEW_TELECOM_VENDOR_LIST',
+    breadcrumbs: [{text: '语音运营商列表'}],
+});
diff --git a/web/cms/app/routes/tenant/create.js b/web/cms/app/routes/tenant/create.js
new file mode 100644
index 00000000..5c2077b3
--- /dev/null
+++ b/web/cms/app/routes/tenant/create.js
@@ -0,0 +1,12 @@
+import BaseRoute from '../base';
+
+export default BaseRoute.extend({
+    perm: 'PERM_VIEW_TENANT_CREATE',
+    breadcrumbs: [{route: 'tenant.list', text: '租户列表'},
+        {text: '创建租户'}],
+    model() {
+        return {
+            active: true
+        };
+    }
+});
diff --git a/web/cms/app/routes/tenant/edit.js b/web/cms/app/routes/tenant/edit.js
new file mode 100644
index 00000000..d4691962
--- /dev/null
+++ b/web/cms/app/routes/tenant/edit.js
@@ -0,0 +1,10 @@
+import BaseEditRoute from '../base-edit';
+
+export default BaseEditRoute.extend({
+    perm: 'PERM_VIEW_TENANT_EDIT',
+    afterModel(model) {
+        this.set('breadcrumbs',
+            [{route: 'tenant.list', text: '租户列表'},
+                {text: '编辑租户[' + model.name + ']'}]);
+    }
+});
diff --git a/web/cms/app/routes/tenant/list.js b/web/cms/app/routes/tenant/list.js
new file mode 100644
index 00000000..ddd5c996
--- /dev/null
+++ b/web/cms/app/routes/tenant/list.js
@@ -0,0 +1,13 @@
+import BaseListRoute from './../base-list';
+import { set, get } from '@ember/object';
+
+export default BaseListRoute.extend({
+    perm: 'PERM_VIEW_TENANT_LIST',
+    breadcrumbs: [{text: '租户列表'}],
+    actions: {
+        toggleAccessSecretVisible(t) {
+            const k = 'showAccessSecret';
+            set(t, k, !get(t, k));
+        }
+    }
+});
diff --git a/web/cms/app/routes/trunk-attr/create.js b/web/cms/app/routes/trunk-attr/create.js
new file mode 100644
index 00000000..3b507aa2
--- /dev/null
+++ b/web/cms/app/routes/trunk-attr/create.js
@@ -0,0 +1,11 @@
+import BaseRoute from '../base';
+
+export default BaseRoute.extend({
+    perm: 'PERM_VIEW_TRUNK_ATTR_CREATE',
+    breadcrumbs: [{route: 'trunk-attr.list', text: '中继属性列表'}, {text: '创建中继属性'}],
+    model() {
+        return {
+            active: true
+        };
+    }
+});
diff --git a/web/cms/app/routes/trunk-attr/edit.js b/web/cms/app/routes/trunk-attr/edit.js
new file mode 100644
index 00000000..3099b1f5
--- /dev/null
+++ b/web/cms/app/routes/trunk-attr/edit.js
@@ -0,0 +1,10 @@
+import BaseEditRoute from '../base-edit';
+
+export default BaseEditRoute.extend({
+    perm: 'PERM_VIEW_TRUNK_ATTR_EDIT',
+    afterModel(model) {
+        this.set('breadcrumbs',
+            [{route: 'trunk-attr.list', text: '中继属性列表'},
+                {text: '编辑中继属性[' + model.attr + ']'}]);
+    }
+});
diff --git a/web/cms/app/routes/trunk-attr/list.js b/web/cms/app/routes/trunk-attr/list.js
new file mode 100644
index 00000000..0b9af9a4
--- /dev/null
+++ b/web/cms/app/routes/trunk-attr/list.js
@@ -0,0 +1,6 @@
+import BaseListRoute from './../base-list';
+
+export default BaseListRoute.extend({
+    perm: 'PERM_VIEW_TRUNK_ATTR_LIST',
+    breadcrumbs: [{text: '中继属性列表'}],
+});
diff --git a/web/cms/app/routes/trunk-strategy/create.js b/web/cms/app/routes/trunk-strategy/create.js
new file mode 100644
index 00000000..8ae95e22
--- /dev/null
+++ b/web/cms/app/routes/trunk-strategy/create.js
@@ -0,0 +1,14 @@
+import BaseRoute from '../base';
+import RSVP from 'rsvp';
+
+export default BaseRoute.extend({
+    perm: 'PERM_VIEW_TRUNK_STATEGY_CREATE',
+    breadcrumbs: [{route: 'trunk-strategy.list', text: '中继策略列表'},
+        {text: '创建中继策略'}],
+    model() {
+        return RSVP.hash({
+            active: true,
+            strategiesList: this.get('service').ajaxGet('strategies')
+        });
+    }
+});
diff --git a/web/cms/app/routes/trunk-strategy/edit.js b/web/cms/app/routes/trunk-strategy/edit.js
new file mode 100644
index 00000000..18f0aaed
--- /dev/null
+++ b/web/cms/app/routes/trunk-strategy/edit.js
@@ -0,0 +1,10 @@
+import BaseEditRoute from '../base-edit';
+
+export default BaseEditRoute.extend({
+    perm: 'PERM_VIEW_TRUNK_STRATEGY_EDIT',
+    afterModel(model) {
+        this.set('breadcrumbs',
+            [{route: 'trunk-strategy.list', text: '中继策略列表'},
+                {text: '编辑中继策略[' + model.name + ']'}]);
+    }
+});
diff --git a/web/cms/app/routes/trunk-strategy/list.js b/web/cms/app/routes/trunk-strategy/list.js
new file mode 100644
index 00000000..676b3191
--- /dev/null
+++ b/web/cms/app/routes/trunk-strategy/list.js
@@ -0,0 +1,6 @@
+import BaseListRoute from './../base-list';
+
+export default BaseListRoute.extend({
+    perm: 'PERM_VIEW_TRUNK_STRATEGY_LIST',
+    breadcrumbs: [{text: '中继策略列表'}]
+});
diff --git a/web/cms/app/routes/trunk/create.js b/web/cms/app/routes/trunk/create.js
new file mode 100644
index 00000000..9e1c5c5c
--- /dev/null
+++ b/web/cms/app/routes/trunk/create.js
@@ -0,0 +1,22 @@
+import BaseRoute from '../base';
+import RSVP from 'rsvp';
+
+export default BaseRoute.extend({
+    perm: 'PERM_VIEW_TRUNK_CREATE',
+    breadcrumbs: [{route: 'trunk.list', text: '中继列表'}, {text: '中继网关'}],
+    model() {
+        const store = this.get('store');
+        const queryParams = this.get('activeListQueryParams');
+        return RSVP.hash({
+            active: true,
+            telecomVendorsList: store.ajaxGet('telecom-vendor/list', queryParams),
+            gatewaysList: store.ajaxGet('gateway/list', queryParams),
+            trunkStrategiesList: store.ajaxGet('trunk-strategy/list', queryParams),
+            trunkAttrsList: store.ajaxGet('trunk-attr/list', queryParams),
+            tagsList: store.ajaxGet('tag/list', queryParams),
+            inboundTargetTypesList: store.ajaxGet('trunk/inbound-target-types'),
+            agentsList: store.ajaxGet('agent/list', queryParams),
+            queuesList: store.ajaxGet('queue/list')
+        });
+    }
+});
diff --git a/web/cms/app/routes/trunk/edit.js b/web/cms/app/routes/trunk/edit.js
new file mode 100644
index 00000000..34846c4e
--- /dev/null
+++ b/web/cms/app/routes/trunk/edit.js
@@ -0,0 +1,10 @@
+import BaseEditRoute from '../base-edit';
+
+export default BaseEditRoute.extend({
+    perm: 'PERM_VIEW_TRUNK_EDIT',
+    afterModel(model) {
+        this.set('breadcrumbs',
+            [{route: 'trunk.list', text: '中继列表'},
+                {text: '编辑中继[' + model.prefix + ']'}]);
+    }
+});
diff --git a/web/cms/app/routes/trunk/list.js b/web/cms/app/routes/trunk/list.js
new file mode 100644
index 00000000..6e14fb78
--- /dev/null
+++ b/web/cms/app/routes/trunk/list.js
@@ -0,0 +1,6 @@
+import BaseListRoute from './../base-list';
+
+export default BaseListRoute.extend({
+    perm: 'PERM_VIEW_TRUNK_LIST',
+    breadcrumbs: [{text: '中继列表'}],
+});
diff --git a/web/cms/app/services/agent-group/service.js b/web/cms/app/services/agent-group/service.js
new file mode 100644
index 00000000..cf5f2b3a
--- /dev/null
+++ b/web/cms/app/services/agent-group/service.js
@@ -0,0 +1,14 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'AgentGroup',
+    constraints: {
+        name: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/agent/service.js b/web/cms/app/services/agent/service.js
new file mode 100644
index 00000000..cdd5d5b0
--- /dev/null
+++ b/web/cms/app/services/agent/service.js
@@ -0,0 +1,52 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'Agent',
+    createConstraints: {
+        groupId: {
+            presence: true,
+        },
+        name: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        },
+        account: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        },
+        wrapUpTime: {
+            presence: true,
+            numericality: {
+                onlyInteger: true,
+                greaterThan: 0,
+                lessThanOrEqualTo: 120
+            }
+        }
+    },
+    updateConstraints: {
+        groupId: {
+            presence: true
+        },
+        name: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        },
+        wrapUpTime: {
+            presence: true,
+            numericality: {
+                onlyInteger: true,
+                greaterThan: 0,
+                lessThanOrEqualTo: 120
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/ajax.js b/web/cms/app/services/ajax.js
new file mode 100644
index 00000000..5faea4a5
--- /dev/null
+++ b/web/cms/app/services/ajax.js
@@ -0,0 +1,176 @@
+import $ from 'jquery'
+import Service from '@ember/service';
+
+export default Service.extend({
+    /**
+     *  Ajax.doGet('url.get',
+     *     {id: 001, name: 'foo'},
+     *     function(data) {
+     *       // success
+     *     }, function(msg) {
+     *       // fail
+     *     });
+     *     no params
+     *  Ajax.doGet('url.get',
+     *     function(data) {
+     *       // success
+     *     }, function(msg){
+     *       // fail
+     *     });
+     * @param {Boolean} [loadmask] optional
+     * @param {String} url
+     * @param {Object} [params]
+     * @param {Function} [fnSucc]
+     * @param {Function} [fnFail]
+     */
+    doGet() {
+        this._process_request(arguments, 'GET');
+    },
+    /**
+     * @see #get
+     */
+    doPost() {
+        this._process_request(arguments, 'POST');
+    },
+    /**
+     * @see #get
+     */
+    doPatch() {
+        this._process_request(arguments, 'PATCH');
+    },
+    /**
+     * @see #get
+     */
+    doPut() {
+        this._process_request(arguments, 'PUT');
+    },
+    /**
+     * @see #get
+     */
+    doDel() {
+        this._process_request(arguments, 'DELETE');
+    },
+    /**
+     * private
+     */
+    _request(p) {
+        const me = this;
+        p.loadmask && me.set('loading', true);
+        var formDataCfg;
+        if (p.params instanceof FormData) {
+            formDataCfg = false;
+        }
+
+        $.ajax({
+            url: p.url,
+            data: p.params,
+            type: p.method,
+            contentType: formDataCfg,
+            processData: formDataCfg,
+            success(r, status, resp) {
+                if (r.success) {
+                    // ignore success callback
+                    if (p.fnSucc !== false) {
+                        me._isFunc(p.fnSucc) ?
+                            p.fnSucc(r.data) :
+                            me.message.alert(r.data || 'Ajax Request Successfully');
+                    }
+                }
+                // ignore fail callback
+                else if (p.fnFail !== false) {
+                    me._isFunc(p.fnFail) ? p.fnFail(r.error, r) :
+                    me.dialog.error(r.error || 'Ajax Request Error Caused');
+                }
+                else {
+                    me.dialog.error(r.error || 'Ajax Request Error Caused');
+                }
+                p.loadmask && me.set('loading', false);
+            },
+            error(jqXHR, textStatus) {
+                console.log('Ajax request error caused', arguments);
+                const dialog = me.get('dialog');
+                if (jqXHR.status === 401) {
+                    if (window.localStorage) {
+                        window.localStorage.setItem('prevURL', window.location.href);
+                    }
+                    window.location.href = jqXHR.getResponseHeader('location')
+                }
+                else if (textStatus === 'timeout') {
+                    dialog.error('Ajax Request Timeout Error Caused.');
+                }
+                else if (textStatus === 'abort') {
+                    dialog.error('Ajax Request Client Abort Error Caused.');
+                }
+                else {
+                    dialog.error('Ajax Request Error Caused.');
+                }
+                p.loadmask && me.set('loading', false);
+            }
+        });
+    },
+    /**
+     * {
+     *    [lm], [url], [params], [fnSucc], [fnFail]
+     * }
+     */
+    _process_request(args, method) {
+        var me = this;
+        if (args && args.length) {
+            // args to array
+            args = Array.prototype.slice.call(args);
+            var lm = args.shift(), // loadmask
+                url,
+                p,
+                fnSucc,
+                fnFail;
+            // loadmask
+            if ($.type(lm) === 'boolean') {
+                url = args.shift();
+            }
+            else {
+                url = lm;
+                // default loadmask
+                lm = true;
+            }
+            me._parse_params_and_callbacks(args);
+            // params
+            p = args.shift();
+            // callbacks
+            fnSucc = args.shift();
+            fnFail = args.shift();
+            // Ajax Request
+            me._request({
+                loadmask: lm,
+                method: /GET|POST|PATCH|PUT|DELETE/i.test(method) ? method.toUpperCase() : 'GET',
+                url: url,
+                params: p,
+                fnSucc: fnSucc,
+                fnFail: fnFail
+            });
+        }
+        else {
+            console.error('Ajax no args given.');
+        }
+    },
+    /**
+     * params, fnSucc, fnFail
+     * fnSucc, fnFail
+     * fnFail
+     */
+    _parse_params_and_callbacks(args) {
+        // has callbacks
+        if (this._isFunc(args[1]) && this._isFunc(args[2])) {
+            this._isFunc(args[0]) && (args[0] = args[0]());
+        }
+        // no params, params is success callback
+        else if (this._isFunc(args[0])) {
+            args[2] = args[1];
+            args[1] = args[0];
+            args[0] = null;
+        }
+    },
+    _isFunc(f) {
+        return $.type(f) === 'function';
+    }
+});
+
diff --git a/web/cms/app/services/area-code/service.js b/web/cms/app/services/area-code/service.js
new file mode 100644
index 00000000..87261cc2
--- /dev/null
+++ b/web/cms/app/services/area-code/service.js
@@ -0,0 +1,25 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'AreaCode',
+    createConstraints: {
+        code: {
+            presence: true,
+            format: {
+                pattern: '[0-9]{3,6}',
+                // message: '区号必须是3-6位数字'
+            },
+            length: {
+                minimum: 3,
+                maximum: 6
+            }
+        },
+        city: {
+            presence: true,
+            length: {
+                minimum: 2,
+                maximum: 24
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/auth-permission/service.js b/web/cms/app/services/auth-permission/service.js
new file mode 100644
index 00000000..53e91cb5
--- /dev/null
+++ b/web/cms/app/services/auth-permission/service.js
@@ -0,0 +1,18 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'AuthPermission',
+    createConstraints: {
+        permission: {
+            presence: true,
+            format: {
+                pattern: /^\w+$/,
+                message: '权限必须是是英文字符'
+            },
+            length: {
+                minimum: 2,
+                maximum: 36
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/auth-role/service.js b/web/cms/app/services/auth-role/service.js
new file mode 100644
index 00000000..0c99ac80
--- /dev/null
+++ b/web/cms/app/services/auth-role/service.js
@@ -0,0 +1,18 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'AuthRole',
+    createConstraints: {
+        role: {
+            presence: true,
+            format: {
+                pattern: /^\w+$/,
+                message: '角色必须是是英文字符'
+            },
+            length: {
+                minimum: 2,
+                maximum: 36
+            }
+        }
+    },
+});
diff --git a/web/cms/app/services/auth-service.js b/web/cms/app/services/auth-service.js
new file mode 100644
index 00000000..fe4aca7a
--- /dev/null
+++ b/web/cms/app/services/auth-service.js
@@ -0,0 +1,78 @@
+import Service from '@ember/service';
+import { computed } from '@ember/object';
+import { inject as service } from '@ember/service';
+import $ from 'jquery'
+
+export default Service.extend({
+    routing: service('router'),
+    dialog: service('dialog'),
+    roles: computed.alias('user.roles'),
+    admin: computed('roles', function() {
+        return this.get('roles') && this.get('roles').includes('ADMIN');
+    }),
+    authorities: computed.alias('user.permissions'),
+    hasPerm(perm) {
+        let me = this;
+        me.auth();
+        return !perm ||
+            me.get('admin') ||
+            me.get('permissions') &&
+            me.get('permissions').includes(perm);
+    },
+    auth(transition) {
+        let me = this;
+        let user = me.get('user');
+        if (!user) {
+            $.ajax({
+                url: 'auth/info',
+                type: 'get',
+                async: false,
+                success(r) {
+                    console.log('auth info response: ', r);
+                    if (r.success) {
+                        user = r.data;
+                        me.set('user', user);
+                    }
+                    else {
+                        me.get('dialog').alert(r.message);
+                    }
+                },
+                error(jqXHR) {
+                    console.log('Ajax request error caused', arguments);
+                    if (jqXHR.status === 401) {
+                        if (window.localStorage) {
+                            window.localStorage.setItem('prevURL', window.location.href);
+                        }
+                        window.location.href = jqXHR.getResponseHeader('location');
+                    }
+                }
+            });
+        }
+        if (user && !user.tenant) {
+            if (transition) {
+                me.set('prevTransition')
+            }
+            me.get('routing.currentRouteName') !== 'select-tenant' &&
+            me.get('routing').transitionTo('select-tenant');
+        }
+        return user;
+    },
+    retryPrevTransition() {
+        let me = this;
+        let prevTransition = me.get('prevTransition');
+        if (prevTransition) {
+            prevTransition.retry();
+        }
+        else {
+            me.get('routing').transitionTo('index');
+        }
+    },
+    logout() {
+        const me = this;
+        me.get('ajax').doPost(false, 'auth/logout', () => {
+            me.set('user', null);
+            me.get('message').alert('注销成功');
+            // me.get('router').transitionTo('login');
+        });
+    }
+});
diff --git a/web/cms/app/services/auth-user/service.js b/web/cms/app/services/auth-user/service.js
new file mode 100644
index 00000000..4f7f43a4
--- /dev/null
+++ b/web/cms/app/services/auth-user/service.js
@@ -0,0 +1,34 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'AuthUser',
+    createConstraints: {
+        name: {
+            presence: true,
+            length: {
+                minimum: 2,
+                maximum: 36
+            }
+        },
+        account: {
+            presence: true,
+            format: {
+                pattern: /^\w+$/,
+                message: '账户必须是是英文字符'
+            },
+            length: {
+                minimum: 2,
+                maximum: 36
+            }
+        }
+    },
+    updateConstraints: {
+        name: {
+            presence: true,
+            length: {
+                minimum: 2,
+                maximum: 36
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/campaign/service.js b/web/cms/app/services/campaign/service.js
new file mode 100644
index 00000000..c518eb73
--- /dev/null
+++ b/web/cms/app/services/campaign/service.js
@@ -0,0 +1,14 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'Campaign',
+    constraints: {
+        name: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/dialog.js b/web/cms/app/services/dialog.js
new file mode 100644
index 00000000..716b00ff
--- /dev/null
+++ b/web/cms/app/services/dialog.js
@@ -0,0 +1,66 @@
+import Service from '@ember/service';
+import $ from 'jquery'
+import isEmpty from '../utils/is-empty'
+
+export default Service.extend({
+    alert(msg) {
+        bootbox.alert(msg);
+    },
+    error(msg, fnClose) {
+        bootbox.dialog({
+            message: msg,
+            buttons: {
+                danger: {
+                    label: '关闭',
+                    className: 'btn-danger',
+                    callback: fnClose || $.noop
+                }
+            }
+        });
+    },
+    confirm(msg, fnYes, fnNo) {
+        bootbox.dialog({
+            message: msg,
+            buttons: {
+                success: {
+                    label: '确定',
+                    className: 'btn-success',
+                    callback: fnYes
+                },
+                danger: {
+                    label: '取消',
+                    className: 'btn-danger',
+                    callback: fnNo || $.noop
+                }
+            }
+        });
+    },
+    prompt(title,fnYes, fnNo) {
+        bootbox.prompt({
+            title: title,
+            inputType: "textarea",
+            callback: reason => {
+                if(isEmpty(reason)){
+                    bootbox.alert('已取消');
+                }else{
+                    fnYes(reason);
+                }
+            },
+            buttons: {
+                confirm: {
+                    label: '确定',
+                    className: 'btn-success',
+                    callback: fnYes
+                },
+                cancel: {
+                    label: '取消',
+                    className: 'btn-danger',
+                    callback: fnNo || $.noop
+                }
+            }
+        });
+    },
+    dialog(config) {
+        bootbox.dialog(config);
+    }
+});
diff --git a/web/cms/app/services/gateway/service.js b/web/cms/app/services/gateway/service.js
new file mode 100644
index 00000000..9f854629
--- /dev/null
+++ b/web/cms/app/services/gateway/service.js
@@ -0,0 +1,14 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'Gateway',
+    constraints: {
+        name: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/message.js b/web/cms/app/services/message.js
new file mode 100644
index 00000000..75b5eed6
--- /dev/null
+++ b/web/cms/app/services/message.js
@@ -0,0 +1,13 @@
+import Service from '@ember/service';
+
+export default Service.extend({
+    alert(msg) {
+        toastr.success(msg);
+    },
+    info(msg) {
+        toastr.info(msg);
+    },
+    warn(msg) {
+        toastr.warning(msg);
+    }
+});
diff --git a/web/cms/app/services/nlp-component-group/service.js b/web/cms/app/services/nlp-component-group/service.js
new file mode 100644
index 00000000..9b6a39d9
--- /dev/null
+++ b/web/cms/app/services/nlp-component-group/service.js
@@ -0,0 +1,14 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'NlpComponentGroup',
+    constraints: {
+        name: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/nlp-component/service.js b/web/cms/app/services/nlp-component/service.js
new file mode 100644
index 00000000..a2322b6d
--- /dev/null
+++ b/web/cms/app/services/nlp-component/service.js
@@ -0,0 +1,32 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'NlpComponent',
+    createConstraints: {
+        groupId: {
+            presence: true
+        },
+        type: {
+            presence: true
+        },
+        name: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        }
+    },
+    constraints: {
+        groupId: {
+            presence: true
+        },
+        name: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/nlp-node-sample/service.js b/web/cms/app/services/nlp-node-sample/service.js
new file mode 100644
index 00000000..73cc09fa
--- /dev/null
+++ b/web/cms/app/services/nlp-node-sample/service.js
@@ -0,0 +1,15 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'NlpNodeSample',
+    constraints: {
+        sampleText: {
+            presence: true,
+        }
+    },
+    batchCreateConstraints: {
+        sampleTexts: {
+            presence: true
+        }
+    },
+});
diff --git a/web/cms/app/services/nlp-node/service.js b/web/cms/app/services/nlp-node/service.js
new file mode 100644
index 00000000..886b2b91
--- /dev/null
+++ b/web/cms/app/services/nlp-node/service.js
@@ -0,0 +1,25 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'NlpNode',
+    constraints: {
+        componentId: {
+            presence: true
+        },
+        name: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        },
+        nodeIndex: {
+            presence: true,
+            numericality: {
+                onlyInteger: true,
+                greaterThanOrEqualTo: 0,
+                lessThanOrEqualTo: 128
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/nlp-term-group/service.js b/web/cms/app/services/nlp-term-group/service.js
new file mode 100644
index 00000000..d6413f7b
--- /dev/null
+++ b/web/cms/app/services/nlp-term-group/service.js
@@ -0,0 +1,14 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'NlpTermGroup',
+    constraints: {
+        name: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/nlp-term/service.js b/web/cms/app/services/nlp-term/service.js
new file mode 100644
index 00000000..da85b06a
--- /dev/null
+++ b/web/cms/app/services/nlp-term/service.js
@@ -0,0 +1,24 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'NlpTerm',
+    constraints: {
+        groupId: {
+            presence: true
+        },
+        term: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        },
+        pinyin: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 128
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/queue/service.js b/web/cms/app/services/queue/service.js
new file mode 100644
index 00000000..fa534fe6
--- /dev/null
+++ b/web/cms/app/services/queue/service.js
@@ -0,0 +1,14 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'Queue',
+    constraints: {
+        name: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/sequence/service.js b/web/cms/app/services/sequence/service.js
new file mode 100644
index 00000000..d7c05174
--- /dev/null
+++ b/web/cms/app/services/sequence/service.js
@@ -0,0 +1,46 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'Sequence',
+    createConstraints: {
+        name: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        },
+        initVal: {
+            presence: true,
+            numericality: {
+                onlyInteger: true,
+                greaterThan: 1
+            }
+        },
+        step: {
+            presence: true,
+            numericality: {
+                onlyInteger: true,
+                greaterThan: 0,
+                lessThanOrEqualTo: 128
+            }
+        }
+    },
+    createConstraints: {
+        name: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        },
+        step: {
+            presence: true,
+            numericality: {
+                onlyInteger: true,
+                greaterThan: 0,
+                lessThanOrEqualTo: 128
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/service.js b/web/cms/app/services/service.js
new file mode 100644
index 00000000..873de371
--- /dev/null
+++ b/web/cms/app/services/service.js
@@ -0,0 +1,4 @@
+import Service from '@ember/service';
+import BaseServiceMixin from '../mixins/services/base-service';
+
+export default Service.extend(BaseServiceMixin, {});
diff --git a/web/cms/app/services/store.js b/web/cms/app/services/store.js
new file mode 100644
index 00000000..35ca4e2b
--- /dev/null
+++ b/web/cms/app/services/store.js
@@ -0,0 +1,68 @@
+import Ember from 'ember';
+import Service from '@ember/service';
+import { typeOf } from '@ember/utils';
+import $ from 'jquery';
+
+export default Service.extend({
+    list(modelName, start, limit, params) {
+        var p = {
+            start: start,
+            limit: limit
+        };
+        if (typeOf(params) === 'string') {
+            p.search = params;
+        }
+        else {
+            $.extend(true, p, params);
+        }
+        return this.ajaxGet(this._pathForType(modelName, '/list'), p);
+    },
+    find(modelName, params) {
+        return this.ajaxGet(this._pathForType(modelName, '/find'), params);
+    },
+    count(modelName) {
+        return this.ajaxGet(this._pathForType(modelName, '/count'));
+    },
+    create(modelName, model) {
+        return this.ajaxPost(this._pathForType(modelName, '/create'), model);
+    },
+    update(modelName, model) {
+        return this.ajaxPost(this._pathForType(modelName, '/update'), model);
+    },
+    del(modelName, model) {
+        return this.ajaxPost(this._pathForType(modelName, '/delete'), model);
+    },
+    modelAjaxGet: function(modelName, path, params) {
+        return this.ajaxGet(this._pathForType(modelName, path), params);
+    },
+    modelAjaxPost(modelName, path, params) {
+        return this.ajaxPost(this._pathForType(modelName, path), params);
+    },
+    ajaxGet(url, params) {
+        return this._ajax_request('doGet', url, params);
+    },
+    ajaxPost(url, params) {
+        return this._ajax_request('doPost', url, params);
+    },
+    _ajax_request(method, url, params) {
+        let me = this;
+        return new Ember.RSVP.Promise((resolve, reject) => {
+            const paramsType = typeOf(params);
+            me.ajax[method ? method : 'doGet'](url,
+                paramsType === 'string' ||
+                paramsType === 'number' ?
+                {id: params} : params,
+            (data) => {
+                Ember.run(null, resolve, data);
+            }, (msg, r) => {
+                reject(msg);
+                me.dialog.error(msg || 'Ajax request erorr caused');
+            });
+        }, 'Yo: Store#ajax request [' + url + ']');
+    },
+    _pathForType(modelName, path) {
+        return (/^[a-zA-Z_][a-zA-Z0-9_]+$/.test(modelName) ?
+                    Ember.String.dasherize(modelName) : modelName) +
+                (/^\//.test(path) ? path : '/' + path);
+    }
+});
diff --git a/web/cms/app/services/tag/service.js b/web/cms/app/services/tag/service.js
new file mode 100644
index 00000000..c831dd0c
--- /dev/null
+++ b/web/cms/app/services/tag/service.js
@@ -0,0 +1,21 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'Tag',
+    constraints: {
+        tag: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        },
+        bgcolor: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/talk-component/service.js b/web/cms/app/services/talk-component/service.js
new file mode 100644
index 00000000..59924aae
--- /dev/null
+++ b/web/cms/app/services/talk-component/service.js
@@ -0,0 +1,53 @@
+import BaseService from '../service';
+
+export default BaseService.extend({
+    modelName: 'TalkComponent',
+    constraints: {
+        note: {
+            presence: true
+        },
+        content: {
+            presence: true
+        },
+    },
+    voiceConstraints: {
+        note: {
+            presence: true
+        },
+        voice: {
+            presence: true
+        }
+    },
+    ttsConstraints: {
+        text: {
+            presence: true
+        },
+        ttsVoiceActor: {
+            presence: true
+        },
+        note: {
+            presence: true
+        },
+        volume: {
+            presence: true,
+            numericality: {
+                notLessThan: -500,
+                notGreaterThan: 500
+            }
+        },
+        speechRate: {
+            presence: true,
+            numericality: {
+                notLessThan: -500,
+                notGreaterThan: 500
+            }
+        },
+        pitchRate: {
+            presence: true,
+            numericality: {
+                notLessThan: -500,
+                notGreaterThan: 500
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/talk-group/service.js b/web/cms/app/services/talk-group/service.js
new file mode 100644
index 00000000..fae6a2f3
--- /dev/null
+++ b/web/cms/app/services/talk-group/service.js
@@ -0,0 +1,14 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'TalkGroup',
+    constraints: {
+        name: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/talk/service.js b/web/cms/app/services/talk/service.js
new file mode 100644
index 00000000..63aea515
--- /dev/null
+++ b/web/cms/app/services/talk/service.js
@@ -0,0 +1,57 @@
+import BaseService from '../service';
+
+export default BaseService.extend({
+    modelName: 'Talk',
+    normalConstraints: {
+        talk: {
+            presence: true
+        }
+    },
+    audioConstraints: {
+        overwriteStrategy: {
+            presence: true
+        },
+        files: {
+            presence: true
+        }
+    },
+    ttsConstraints: {
+        talk: {
+            presence: true
+        },
+        ttsVoiceActor: {
+            presence: true
+        },
+        volume: {
+            presence: true,
+            numericality: {
+                notLessThan: -500,
+                notGreaterThan: 500
+            }
+        },
+        speechRate: {
+            presence: true,
+            numericality: {
+                notLessThan: -500,
+                notGreaterThan: 500
+            }
+        },
+        pitchRate: {
+            presence: true,
+            numericality: {
+                notLessThan: -500,
+                notGreaterThan: 500
+            }
+        }
+    },
+    updateConstraints: {
+        talk: {
+            presence: true
+        }
+    },
+    importConstraints: {
+        archive: {
+            presence: true
+        }
+    }
+});
diff --git a/web/cms/app/services/telecom-vendor/service.js b/web/cms/app/services/telecom-vendor/service.js
new file mode 100644
index 00000000..9ccd6d64
--- /dev/null
+++ b/web/cms/app/services/telecom-vendor/service.js
@@ -0,0 +1,14 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'TelecomVendor',
+    constraints: {
+        name: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/tenant/service.js b/web/cms/app/services/tenant/service.js
new file mode 100644
index 00000000..957c6486
--- /dev/null
+++ b/web/cms/app/services/tenant/service.js
@@ -0,0 +1,28 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'Tenant',
+    constraints: {
+        name: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        },
+        code: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        },
+        realm: {
+            presence: true,
+            length: {
+                minimum: 4,
+                maximum: 64
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/tool-service.js b/web/cms/app/services/tool-service.js
new file mode 100644
index 00000000..6a618e94
--- /dev/null
+++ b/web/cms/app/services/tool-service.js
@@ -0,0 +1,40 @@
+import { getOwner } from '@ember/application';
+import Service from '@ember/service';
+import BaseService from './service';
+
+export default Service.extend({
+    getServiceByRouteName: function(routeName) {
+        const me = this;
+        let container = getOwner(me);
+        let service = container.lookup('service:' + routeName);
+        let indexTrimmedRouteName = null;
+        if (/\.index$/.test(routeName)) {
+            indexTrimmedRouteName = routeName.replace(/\.index$/, '');
+            service = container.lookup('service:' + indexTrimmedRouteName);
+            if (!service) {
+                service = container.lookup('service:' + indexTrimmedRouteName + '.service');
+            }
+        }
+        else {
+            service = container.lookup('service:' + routeName + '.service');
+        }
+
+        if (!service) {
+            let parentRouteName = (indexTrimmedRouteName || routeName).replace(/\.[^.]+$/, '');
+            if (parentRouteName) {
+                service = container.lookup('service:' + parentRouteName + '.service');
+            }
+
+            if (!service) {
+                service = BaseService.create({
+                    modelName: parentRouteName.match(/\.?([^.]+)$/)[1],
+                    store: me.get('store'),
+                    ajax: me.get('ajax'),
+                    message: me.get('message'),
+                    dialog: me.get('dialog')
+                });
+            }
+        }
+        return service;
+    }
+});
diff --git a/web/cms/app/services/trunk-attr/service.js b/web/cms/app/services/trunk-attr/service.js
new file mode 100644
index 00000000..df1c4149
--- /dev/null
+++ b/web/cms/app/services/trunk-attr/service.js
@@ -0,0 +1,13 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'TrunkAttr',
+    constraints: {
+        attr: {
+            presence: true,
+            length: {
+                minimum: 2
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/trunk-strategy/service.js b/web/cms/app/services/trunk-strategy/service.js
new file mode 100644
index 00000000..c3162c8f
--- /dev/null
+++ b/web/cms/app/services/trunk-strategy/service.js
@@ -0,0 +1,13 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'TrunkStrategy',
+    createConstraints: {
+        name: {
+            presence: true,
+        },
+        strategy: {
+            presence: true,
+        }
+    }
+});
diff --git a/web/cms/app/services/trunk/service.js b/web/cms/app/services/trunk/service.js
new file mode 100644
index 00000000..d40455fa
--- /dev/null
+++ b/web/cms/app/services/trunk/service.js
@@ -0,0 +1,13 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'Trunk',
+    createConstraints: {
+        callerNumbers: {
+            presence: true,
+            length: {
+                minimum: 6
+            }
+        }
+    }
+});
diff --git a/web/cms/app/services/voice-actor/service.js b/web/cms/app/services/voice-actor/service.js
new file mode 100644
index 00000000..769514f6
--- /dev/null
+++ b/web/cms/app/services/voice-actor/service.js
@@ -0,0 +1,21 @@
+import Service from '../service';
+
+export default Service.extend({
+    modelName: 'VoiceActor',
+    constraints: {
+        name: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        },
+        code: {
+            presence: true,
+            length: {
+                minimum: 1,
+                maximum: 36
+            }
+        }
+    }
+});
diff --git a/web/cms/app/styles/app.less b/web/cms/app/styles/app.less
new file mode 100644
index 00000000..2415c742
--- /dev/null
+++ b/web/cms/app/styles/app.less
@@ -0,0 +1,76 @@
+.spinbox-up {
+  border-top-left-radius: 0 !important;
+}
+
+.desktop {
+  background: url('../images/desktop.jpg') no-repeat center center;
+  background-size: contain;
+  // background-size: 100% 100%;
+}
+
+.ember-text-area {
+  resize: vertical;
+}
+
+input[type="number"]::-webkit-outer-spin-button,
+input[type="number"]::-webkit-inner-spin-button {
+  -webkit-appearance: none;
+  margin: 0;
+}
+
+input[type="number"] {
+  -moz-appearance: textfield;
+}
+
+[data-ember-action] {
+  cursor: pointer;
+}
+
+.cursor-pointer {
+  cursor: pointer;
+}
+
+._icon-base() {
+  background-size: 100% 100%;
+  // height: 86%;
+  height: 16px !important;
+}
+
+.icon-phone {
+  background: url('../images/icons/phone.svg') no-repeat center center;
+  ._icon-base;
+}
+
+.icon-business-cards {
+  background: url('../images/icons/business-cards.svg') no-repeat center center;
+  ._icon-base;
+}
+
+.icon-branch {
+  background: url('../images/icons/branch.svg') no-repeat center center;
+  ._icon-base;
+}
+
+.icon-group {
+  background: url('../images/icons/group.svg') no-repeat center center;
+  ._icon-base;
+}
+
+.icon-agent {
+  background: url('../images/icons/agent.svg') no-repeat center center;
+  ._icon-base;
+}
+
+.popover {
+  word-break: break-word;
+}
+
+.bootstrap-tagsinput {
+  width: 100%;
+  padding: 0;
+  border-radius: 0;
+}
+
+.bootstrap-tagsinput > input {
+  border: 0;
+}
diff --git a/web/cms/app/templates/agent-group/create.hbs b/web/cms/app/templates/agent-group/create.hbs
new file mode 100644
index 00000000..1b4409a4
--- /dev/null
+++ b/web/cms/app/templates/agent-group/create.hbs
@@ -0,0 +1,33 @@
+{{#form-content}}
+    <hr />
+    {{form-input name='name' label='名称'}}
+    {{form-input-select
+        name='privacyLevel'
+        label='呼叫脱敏'
+        options=model.privacyLevelsList
+        enabled-field='active'
+    }}
+    {{form-input-select
+        multiple=true
+        name='trunkStrategies'
+        label='中继策略'
+        options=model.trunkStrategiesList.data
+        value-field='id'
+        text-field='name'
+        enabled-field='active'
+    }}
+    {{form-input-select
+        multiple=true
+        name='tags'
+        label='标签'
+        options=model.tagsList.data
+        value-field='id'
+        text-field='tag'
+        enabled-field='active'
+    }}
+
+    {{form-input name='note' label='备注'}}
+    <hr />
+    {{form-footer-buttons type='create'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/agent-group/edit.hbs b/web/cms/app/templates/agent-group/edit.hbs
new file mode 100644
index 00000000..91ec9f72
--- /dev/null
+++ b/web/cms/app/templates/agent-group/edit.hbs
@@ -0,0 +1,36 @@
+{{#form-content}}
+    {{form-input type='hidden' name='id'}}
+    {{form-input name='name' label='名称'}}
+    {{form-input name='identifier' label='识别符' readonly=true}}
+    {{form-input-select
+        name='privacyLevel'
+        label='呼叫脱敏'
+        options=model.privacyLevelsList
+        enabled-field='active'
+    }}
+    {{form-input-select
+        multiple=true
+        name='trunkStrategies'
+        label='中继策略'
+        options=model.trunkStrategiesList
+        value-field='id'
+        text-field='name'
+        enabled-field='active'
+    }}
+    {{form-input-select
+        multiple=true
+        name='tags'
+        label='标签'
+        options=model.tagsList
+        value-field='id'
+        text-field='tag'
+        enabled-field='active'
+    }}
+
+    {{form-input-enabled}}
+    {{form-input name='note' label='备注'}}
+
+    <hr />
+    {{form-footer-buttons type='update'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/agent-group/list.hbs b/web/cms/app/templates/agent-group/list.hbs
new file mode 100644
index 00000000..e3eb3b99
--- /dev/null
+++ b/web/cms/app/templates/agent-group/list.hbs
@@ -0,0 +1,115 @@
+<div class="widget-box transparent" style="padding-top: 2px; border: 1px solid #ddd;">
+    {{#grid-header}}
+        {{#has-perm 'PERM_VIEW_AGENT_GROUP_CREATE'}}
+        <li>
+            {{#link-to 'agent-group.create'}}
+                <i class="ace-icon fa fa-plus-circle bigger-110 green"></i>
+                新建坐席组
+            {{/link-to}}
+        </li>
+        {{/has-perm}}
+    {{/grid-header}}
+
+    <div class="widget-body">
+        <!-- #section:custom/scrollbar -->
+        <div class="widget-main no-padding">
+            <table class="table table-striped table-bordered table-hover dataTable">
+                <thead class="thin-border-bottom">
+                    <tr>
+                        <th>
+                            名称
+                        </th>
+                        <th>
+                            识别符
+                        </th>
+                        <th>
+                            {{th-filter name='privacyLevel'
+                                text='呼叫脱密'
+                                dialog-title='呼叫脱密'
+                                options=model.privacyLevelsList
+                           }}
+                        </th>
+                        <th>
+                            {{th-filter name='trunkStrategies'
+                                text='中继策略'
+                                options=model.trunkStrategiesList
+                                value-field='id'
+                                text-field='name'
+                           }}
+                        </th>
+                        <th>
+                            {{th-filter name='tags'
+                                text='标签'
+                                options=model.tagsList
+                                value-field='id'
+                                text-field='tag'
+                           }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-sticky-note-o bigger-110"></i>
+                            备注
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-exchange bigger-110 hidden-480"></i>
+                            {{th-filter name='active'
+                                text='状态'
+                                dialog-title='状态'
+                                options=(array (hash value=true text='启用')
+                                    (hash value=false text='禁用'))
+                            }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-cogs bigger-110 hidden-480"></i>
+                            管理
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{#each model.data as |it|}}
+                    <tr>
+                        <td>
+                            {{it.name}}
+                        </td>
+                        <td>
+                            {{it.identifier}}
+                        </td>
+                        <td>
+                            {{it.privacyLevel}}
+                        </td>
+                        <td>
+                            {{tag/tags-list
+                                tags-list=model.trunkStrategiesList
+                                tags=it.trunkStrategies
+                                tag-field='name'}}
+                        </td>
+                        <td>
+                            {{tag/tags-list tagsList=model.tagsList tags=it.tags}}
+                        </td>
+                        <td>
+                            {{editable-cell model=it field='note'}}
+                        </td>
+                        <td>
+                            {{status-cell model=it}}
+                        </td>
+                        <td>
+                            <div class="btn-group">
+                                {{#has-perm 'PERM_VIEW_AGENT_GROUP_EDIT'}}
+                                    {{status-toggle-button model=it}}
+                                    {{edit-btn route-name='agent-group.edit' model-id=it.id perm='PERM_VIEW_AGENT_GROUP_EDIT'}}
+                                {{/has-perm}}
+                                {{#has-perm 'PERM_VIEW_AGENT_GROUP_DELETE'}}
+                                    {{#unless it.active}}
+                                        {{delete-button model=it}}
+                                    {{/unless}}
+                                {{/has-perm}}
+                            </div>
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
+        </div>
+        {{pagination-bar}}
+    </div>
+</div>
+{{outlet}}
diff --git a/web/cms/app/templates/agent/create.hbs b/web/cms/app/templates/agent/create.hbs
new file mode 100644
index 00000000..566c80a4
--- /dev/null
+++ b/web/cms/app/templates/agent/create.hbs
@@ -0,0 +1,47 @@
+{{#form-content}}
+    <hr />
+    {{form-input-select
+        name='groupId'
+        label='坐席组'
+        options=model.groupsList.data
+        value-field='id'
+        text-field='name'
+        enabled-field='active'
+    }}
+    {{form-input name='name' label='名称'}}
+    {{form-input name='account' label='账户'}}
+    {{form-input-select
+        name='type'
+        label='类型'
+        options=(array
+            (hash value='PERSON' text='PERSON')
+            (hash value='IVR' text='IVR')
+            (hash value='ROBOT' text='ROBOT')
+        )
+    }}
+    {{form-input-checkbox name='webrtc' label='WebRTC'}}
+    {{form-input type='number' min=0 max=120 step=1 name='wrapUpTime' label='Wrap up time'}}
+    {{form-input-select
+        multiple=true
+        name='queues'
+        label='队列'
+        options=model.queuesList.data
+        value-field='id'
+        text-field='name'
+        enabled-field='active'
+    }}
+    {{form-input-select
+        multiple=true
+        name='tags'
+        label='标签'
+        options=model.tagsList.data
+        value-field='id'
+        text-field='tag'
+        enabled-field='active'
+    }}
+
+    {{form-input name='note' label='备注'}}
+    <hr />
+    {{form-footer-buttons type='create'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/agent/edit.hbs b/web/cms/app/templates/agent/edit.hbs
new file mode 100644
index 00000000..6b3c6237
--- /dev/null
+++ b/web/cms/app/templates/agent/edit.hbs
@@ -0,0 +1,52 @@
+{{#form-content}}
+    {{form-input type='hidden' name='id'}}
+    {{form-input-select
+        name='groupId'
+        label='坐席组'
+        options=model.groupsList
+        value-field='id'
+        text-field='name'
+        enabled-field='active'
+    }}
+    {{form-input name='name' label='名称'}}
+    {{form-input name='account' label='账户' readonly=true}}
+    {{form-input name='agent' label='分机' readonly=true}}
+    {{form-input-select
+        name='type'
+        label='类型'
+        options=(array
+            (hash value='PERSON' text='PERSON')
+            (hash value='IVR' text='IVR')
+            (hash value='ROBOT' text='ROBOT')
+        )
+    }}
+    {{form-input-checkbox name='webrtc' label='WebRTC'}}
+    {{form-input type='number' min=0 max=120 step=1 name='wrapUpTime' label='Wrap up time'}}
+    {{form-input name='password' label='密码' readonly=true}}
+    {{form-input-checkbox name='updatePassword' label='更新密码'}}
+    {{form-input-select
+        multiple=true
+        name='queues'
+        label='队列'
+        options=model.queuesList
+        value-field='id'
+        text-field='name'
+        enabled-field='active'
+    }}
+    {{form-input-select
+        multiple=true
+        name='tags'
+        label='标签'
+        options=model.tagsList
+        value-field='id'
+        text-field='tag'
+        enabled-field='active'
+    }}
+
+    {{form-input-enabled}}
+    {{form-input name='note' label='备注'}}
+
+    <hr />
+    {{form-footer-buttons type='update'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/agent/list.hbs b/web/cms/app/templates/agent/list.hbs
new file mode 100644
index 00000000..3d9e88ae
--- /dev/null
+++ b/web/cms/app/templates/agent/list.hbs
@@ -0,0 +1,156 @@
+<div class="widget-box transparent" style="padding-top: 2px; border: 1px solid #ddd;">
+    {{#grid-header}}
+        {{#has-perm 'PERM_VIEW_AGENT_CREATE'}}
+        <li>
+            {{#link-to 'agent.create'}}
+                <i class="ace-icon fa fa-plus-circle bigger-110 green"></i>
+                新建坐席
+            {{/link-to}}
+        </li>
+        {{/has-perm}}
+    {{/grid-header}}
+
+    <div class="widget-body">
+        <!-- #section:custom/scrollbar -->
+        <div class="widget-main no-padding">
+            <table class="table table-striped table-bordered table-hover dataTable">
+                <thead class="thin-border-bottom">
+                    <tr>
+                        <th>
+                            名称
+                        </th>
+                        <th>
+                            账户
+                        </th>
+                        <th>
+                            分机
+                        </th>
+                        <th>
+                            {{th-filter name='type'
+                                text='类型'
+                                options=(array
+                                    (hash value='PERSON' text='PERSON')
+                                    (hash value='IVR' text='IVR')
+                                    (hash value='ROBOT' text='ROBOT')
+                                )
+                            }}
+                        </th>
+                        <th>
+                            {{th-filter name='webrtc'
+                                text='WebRTC'
+                                options=(array
+                                    (hash value=true text='是')
+                                    (hash value=false text='否')
+                                )
+                            }}
+                        </th>
+                        <th>
+                            {{th-filter name='groupId'
+                                text='坐席组'
+                                options=model.groupsList
+                                value-field='id'
+                                text-field='name'
+                           }}
+                        </th>
+                        <th>
+                            {{th-filter name='queues'
+                                text='队列'
+                                options=model.queuesList
+                                value-field='id'
+                                text-field='name'
+                           }}
+                        </th>
+                        <th>
+                            WUT
+                        </th>
+                        <th>
+                            {{th-filter name='tags'
+                                text='标签'
+                                options=model.tagsList
+                                value-field='id'
+                                text-field='tag'
+                           }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-sticky-note-o bigger-110"></i>
+                            备注
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-exchange bigger-110 hidden-480"></i>
+                            {{th-filter name='active'
+                                text='状态'
+                                dialog-title='状态'
+                                options=(array (hash value=true text='启用')
+                                    (hash value=false text='禁用'))
+                            }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-cogs bigger-110 hidden-480"></i>
+                            管理
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{#each model.data as |it|}}
+                    <tr>
+                        <td>
+                            {{it.name}}
+                        </td>
+                        <td>
+                            {{it.account}}
+                        </td>
+                        <td>
+                            {{it.agent}}
+                        </td>
+                        <td>
+                            {{it.type}}
+                        </td>
+                        <td>
+                            {{status-cell model=it
+                                field='webrtc'
+                                enabled-text='是'
+                                disabled-text='否'}}
+                        </td>
+                        <td>
+                            {{option-text model.groupsList it.groupId 'id' 'name'}}
+                        </td>
+                        <td>
+                            {{tag/tags-list
+                                tags-list=model.queuesList
+                                tags=it.queues
+                                tag-field='name'}}
+                        </td>
+                        <td>
+                            {{it.wrapUpTime}}
+                        </td>
+                        <td>
+                            {{tag/tags-list tagsList=model.tagsList tags=it.tags}}
+                        </td>
+                        <td>
+                            {{editable-cell model=it field='note'}}
+                        </td>
+                        <td>
+                            {{status-cell model=it}}
+                        </td>
+                        <td>
+                            <div class="btn-group">
+                                {{#has-perm 'PERM_VIEW_AGENT_EDIT'}}
+                                    {{status-toggle-button model=it}}
+                                    {{edit-btn route-name='agent.edit' model-id=it.id perm='PERM_VIEW_AGENT_EDIT'}}
+                                {{/has-perm}}
+                                {{#has-perm 'PERM_VIEW_AGENT_DELETE'}}
+                                    {{#unless it.active}}
+                                        {{delete-button model=it}}
+                                    {{/unless}}
+                                {{/has-perm}}
+                            </div>
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
+        </div>
+        {{pagination-bar}}
+    </div>
+</div>
+{{outlet}}
diff --git a/web/cms/app/templates/application.hbs b/web/cms/app/templates/application.hbs
new file mode 100644
index 00000000..99f9c848
--- /dev/null
+++ b/web/cms/app/templates/application.hbs
@@ -0,0 +1,19 @@
+{{#if ajax.loading}}
+    <div class="ajax-loading-overlay ajax-overlay-body">
+        <!-- <i class="ajax-loading-icon"></i> -->
+        <div class="progress center-block" style="width: 208px;">
+            <div class="progress-bar progress-bar-striped active" role="progressbar" style="width: 100%;">
+                <span>Loading...</span>
+            </div>
+        </div>
+    </div>
+{{/if}}
+
+{{#if login}}
+    {{outlet}}
+{{else}}
+    {{top-navbar}}
+    {{#main-container}}
+        {{outlet}}
+    {{/main-container}}
+{{/if}}
diff --git a/web/cms/app/templates/area-code/create.hbs b/web/cms/app/templates/area-code/create.hbs
new file mode 100644
index 00000000..5c2f491c
--- /dev/null
+++ b/web/cms/app/templates/area-code/create.hbs
@@ -0,0 +1,20 @@
+{{#form-content}}
+    <hr />
+    {{form-input name='code' label='区号'}}
+    {{form-input name='city' label='城市'}}
+    {{!form-input-tags name='tags' label='标签'}}
+    {{form-input-select
+        multiple=true
+        name='tags' 
+        label='标签' 
+        options=model.tagsList.data
+        value-field='id'
+        text-field='tag'
+        enabled-field='active'
+    }}
+
+    {{form-input name='note' label='备注'}}
+    <hr />
+    {{form-footer-buttons type='create'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/area-code/edit.hbs b/web/cms/app/templates/area-code/edit.hbs
new file mode 100644
index 00000000..8b108f5e
--- /dev/null
+++ b/web/cms/app/templates/area-code/edit.hbs
@@ -0,0 +1,22 @@
+{{#form-content}}
+    {{form-input type='hidden' name='id'}}
+
+    {{form-input name='code' label='区号' readonly=true}}
+    {{form-input name='city' label='城市'}}
+    {{form-input-select
+        multiple=true
+        name='tags' 
+        label='标签' 
+        options=model.tagsList
+        value-field='id'
+        text-field='tag'
+        enabled-field='active'
+    }}
+
+    {{form-input-enabled}}
+    {{form-input name='note' label='备注'}}
+
+    <hr />
+    {{form-footer-buttons type='update'}}
+{{/form-content}}
+{{outlet}}
\ No newline at end of file
diff --git a/web/cms/app/templates/area-code/list.hbs b/web/cms/app/templates/area-code/list.hbs
new file mode 100644
index 00000000..0fcb697a
--- /dev/null
+++ b/web/cms/app/templates/area-code/list.hbs
@@ -0,0 +1,91 @@
+<div class="widget-box transparent" style="padding-top: 2px; border: 1px solid #ddd;">
+    {{#grid-header}}
+        {{#has-perm 'PERM_VIEW_AREA_CODE_CREATE'}}
+        <li>
+            {{#link-to 'area-code.create'}}
+                <i class="ace-icon fa fa-plus-circle bigger-110 green"></i>
+                新建区号
+            {{/link-to}}
+        </li>
+        {{/has-perm}}
+    {{/grid-header}}
+
+    <div class="widget-body">
+        <!-- #section:custom/scrollbar -->
+        <div class="widget-main no-padding">
+            <table class="table table-striped table-bordered table-hover dataTable">
+                <thead class="thin-border-bottom">
+                    <tr>
+                        <th>
+                            区号
+                        </th>
+                        <th>
+                            城市
+                        </th>
+                        <th>
+                            {{th-filter name='tags'
+                                text='标签'
+                                options=model.tagsList
+                                value-field='id'
+                                text-field='tag'
+                           }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-sticky-note-o bigger-110"></i>
+                            备注
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-exchange bigger-110 hidden-480"></i>
+                            {{th-filter name='active'
+                                text='状态'
+                                dialog-title='状态'
+                                options=(array (hash value=true text='启用')
+                                    (hash value=false text='禁用'))
+                            }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-cogs bigger-110 hidden-480"></i>
+                            管理
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{#each model.data as |it|}}
+                    <tr>
+                        <td>
+                            {{it.code}}
+                        </td>
+                        <td>
+                            {{it.city}}
+                        </td>
+                        <td>
+                            {{tag/tags-list tagsList=model.tagsList tags=it.tags}}
+                        </td>
+                        <td>
+                            {{editable-cell model=it field='note'}}
+                        </td>
+                        <td>
+                            {{status-cell model=it}}
+                        </td>
+                        <td>
+                            <div class="btn-group">
+                                {{#has-perm 'PERM_VIEW_AREA_CODE_EDIT'}}
+                                    {{status-toggle-button model=it}}
+                                    {{edit-btn route-name='area-code.edit' model-id=it.id perm='PERM_VIEW_AREA_CODE_EDIT'}}
+                                {{/has-perm}}
+                                {{#has-perm 'PERM_VIEW_AREA_CODE_DELETE'}}
+                                    {{#unless it.active}}
+                                        {{delete-button model=it}}
+                                    {{/unless}}
+                                {{/has-perm}}
+                            </div>
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
+        </div>
+        {{pagination-bar}}
+    </div>
+</div>
+{{outlet}}
diff --git a/web/cms/app/templates/auth-permission/create.hbs b/web/cms/app/templates/auth-permission/create.hbs
new file mode 100644
index 00000000..85cba9b8
--- /dev/null
+++ b/web/cms/app/templates/auth-permission/create.hbs
@@ -0,0 +1,27 @@
+{{#form-content}}
+    <hr />
+    {{form-input name='permission' label='权限'}}
+    {{form-input-select
+        multiple=true
+        name='roles'
+        label='角色'
+        options=model.rolesList.data
+        value-field='id'
+        text-field='role'
+        enabled-field='active'
+    }}
+    {{form-input-select
+        multiple=true
+        name='tags'
+        label='标签'
+        options=model.tagsList.data
+        value-field='id'
+        text-field='tag'
+        enabled-field='active'
+    }}
+
+    {{form-input name='note' label='备注'}}
+    <hr />
+    {{form-footer-buttons type='create'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/auth-permission/edit.hbs b/web/cms/app/templates/auth-permission/edit.hbs
new file mode 100644
index 00000000..cd3e82dd
--- /dev/null
+++ b/web/cms/app/templates/auth-permission/edit.hbs
@@ -0,0 +1,29 @@
+{{#form-content}}
+    {{form-input type='hidden' name='id'}}
+    {{form-input name='permission' label='权限' readonly=true}}
+    {{form-input-select
+        multiple=true
+        name='roles'
+        label='角色'
+        options=model.rolesList
+        value-field='id'
+        text-field='role'
+        enabled-field='active'
+    }}
+    {{form-input-select
+        multiple=true
+        name='tags'
+        label='标签'
+        options=model.tagsList
+        value-field='id'
+        text-field='tag'
+        enabled-field='active'
+    }}
+
+    {{form-input-enabled}}
+    {{form-input name='note' label='备注'}}
+
+    <hr />
+    {{form-footer-buttons type='update'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/auth-permission/list.hbs b/web/cms/app/templates/auth-permission/list.hbs
new file mode 100644
index 00000000..79e0e523
--- /dev/null
+++ b/web/cms/app/templates/auth-permission/list.hbs
@@ -0,0 +1,99 @@
+<div class="widget-box transparent" style="padding-top: 2px; border: 1px solid #ddd;">
+    {{#grid-header}}
+        {{#has-perm 'PERM_VIEW_AUTH_PERMISSION_CREATE'}}
+        <li>
+            {{#link-to 'auth-permission.create'}}
+                <i class="ace-icon fa fa-plus-circle bigger-110 green"></i>
+                新建权限
+            {{/link-to}}
+        </li>
+        {{/has-perm}}
+    {{/grid-header}}
+
+    <div class="widget-body">
+        <!-- #section:custom/scrollbar -->
+        <div class="widget-main no-padding">
+            <table class="table table-striped table-bordered table-hover dataTable">
+                <thead class="thin-border-bottom">
+                    <tr>
+                        <th>
+                            权限
+                        </th>
+                        <th>
+                            {{th-filter name='roles'
+                                text='角色'
+                                options=model.rolesList
+                                value-field='id'
+                                text-field='role'
+                           }}
+                        </th>
+                        <th>
+                            {{th-filter name='tags'
+                                text='标签'
+                                options=model.tagsList
+                                value-field='id'
+                                text-field='tag'
+                           }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-sticky-note-o bigger-110"></i>
+                            备注
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-exchange bigger-110 hidden-480"></i>
+                            {{th-filter name='active'
+                                text='状态'
+                                dialog-title='状态'
+                                options=(array (hash value=true text='启用')
+                                    (hash value=false text='禁用'))
+                            }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-cogs bigger-110 hidden-480"></i>
+                            管理
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{#each model.data as |it|}}
+                    <tr>
+                        <td>
+                            {{it.permission}}
+                        </td>
+                        <td>
+                            {{tag/tags-list tagsList=model.rolesList 
+                                tags=it.roles tag-field='role'}}
+                        </td>
+                        <td>
+                            {{tag/tags-list tagsList=model.tagsList tags=it.tags}}
+                        </td>
+                        <td>
+                            {{editable-cell model=it field='note'}}
+                        </td>
+                        <td>
+                            {{status-cell model=it}}
+                        </td>
+                        <td>
+                            <div class="btn-group">
+                                {{#has-perm 'PERM_VIEW_AUTH_PERMISSION_EDIT'}}
+                                    {{status-toggle-button model=it}}
+                                    {{edit-btn route-name='auth-permission.edit' 
+                                        model-id=it.id 
+                                        perm='PERM_VIEW_AUTH_PERMISSION_EDIT'}}
+                                {{/has-perm}}
+                                {{#has-perm 'PERM_VIEW_AUTH_PERMISSION_DELETE'}}
+                                    {{#unless it.active}}
+                                        {{delete-button model=it}}
+                                    {{/unless}}
+                                {{/has-perm}}
+                            </div>
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
+        </div>
+        {{pagination-bar}}
+    </div>
+</div>
+{{outlet}}
diff --git a/web/cms/app/templates/auth-role/create.hbs b/web/cms/app/templates/auth-role/create.hbs
new file mode 100644
index 00000000..f0dc872d
--- /dev/null
+++ b/web/cms/app/templates/auth-role/create.hbs
@@ -0,0 +1,18 @@
+{{#form-content}}
+    <hr />
+    {{form-input name='role' label='角色'}}
+    {{form-input-select
+        multiple=true
+        name='tags'
+        label='标签'
+        options=model.tagsList.data
+        value-field='id'
+        text-field='tag'
+        enabled-field='active'
+    }}
+
+    {{form-input name='note' label='备注'}}
+    <hr />
+    {{form-footer-buttons type='create'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/auth-role/edit.hbs b/web/cms/app/templates/auth-role/edit.hbs
new file mode 100644
index 00000000..5967235d
--- /dev/null
+++ b/web/cms/app/templates/auth-role/edit.hbs
@@ -0,0 +1,20 @@
+{{#form-content}}
+    {{form-input type='hidden' name='id'}}
+    {{form-input name='role' label='角色' readonly=true}}
+    {{form-input-select
+        multiple=true
+        name='tags'
+        label='标签'
+        options=model.tagsList
+        value-field='id'
+        text-field='tag'
+        enabled-field='active'
+    }}
+
+    {{form-input-enabled}}
+    {{form-input name='note' label='备注'}}
+
+    <hr />
+    {{form-footer-buttons type='update'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/auth-role/list.hbs b/web/cms/app/templates/auth-role/list.hbs
new file mode 100644
index 00000000..54273a1e
--- /dev/null
+++ b/web/cms/app/templates/auth-role/list.hbs
@@ -0,0 +1,87 @@
+<div class="widget-box transparent" style="padding-top: 2px; border: 1px solid #ddd;">
+    {{#grid-header}}
+        {{#has-perm 'PERM_VIEW_AUTH_ROLE_CREATE'}}
+        <li>
+            {{#link-to 'auth-role.create'}}
+                <i class="ace-icon fa fa-plus-circle bigger-110 green"></i>
+                新建角色
+            {{/link-to}}
+        </li>
+        {{/has-perm}}
+    {{/grid-header}}
+
+    <div class="widget-body">
+        <!-- #section:custom/scrollbar -->
+        <div class="widget-main no-padding">
+            <table class="table table-striped table-bordered table-hover dataTable">
+                <thead class="thin-border-bottom">
+                    <tr>
+                        <th>
+                            角色
+                        </th>
+                        <th>
+                            {{th-filter name='tags'
+                                text='标签'
+                                options=model.tagsList
+                                value-field='id'
+                                text-field='tag'
+                           }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-sticky-note-o bigger-110"></i>
+                            备注
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-exchange bigger-110 hidden-480"></i>
+                            {{th-filter name='active'
+                                text='状态'
+                                dialog-title='状态'
+                                options=(array (hash value=true text='启用')
+                                    (hash value=false text='禁用'))
+                            }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-cogs bigger-110 hidden-480"></i>
+                            管理
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{#each model.data as |it|}}
+                    <tr>
+                        <td>
+                            {{it.role}}
+                        </td>
+                        <td>
+                            {{tag/tags-list tagsList=model.tagsList tags=it.tags}}
+                        </td>
+                        <td>
+                            {{editable-cell model=it field='note'}}
+                        </td>
+                        <td>
+                            {{status-cell model=it}}
+                        </td>
+                        <td>
+                            <div class="btn-group">
+                                {{#has-perm 'PERM_VIEW_AUTH_ROLE_EDIT'}}
+                                    {{status-toggle-button model=it}}
+                                    {{edit-btn route-name='auth-role.edit' 
+                                        model-id=it.id 
+                                        perm='PERM_VIEW_AUTH_ROLE_EDIT'}}
+                                {{/has-perm}}
+                                {{#has-perm 'PERM_VIEW_AUTH_ROLE_DELETE'}}
+                                    {{#unless it.active}}
+                                        {{delete-button model=it}}
+                                    {{/unless}}
+                                {{/has-perm}}
+                            </div>
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
+        </div>
+        {{pagination-bar}}
+    </div>
+</div>
+{{outlet}}
diff --git a/web/cms/app/templates/auth-user/create.hbs b/web/cms/app/templates/auth-user/create.hbs
new file mode 100644
index 00000000..f046d9d0
--- /dev/null
+++ b/web/cms/app/templates/auth-user/create.hbs
@@ -0,0 +1,38 @@
+{{#form-content}}
+    <hr />
+    {{form-input name='name' label='姓名'}}
+    {{form-input name='account' label='账户'}}
+    {{form-input-checkbox name='admin' label='超级用户'}}
+    {{form-input-select
+        multiple=true
+        name='tenants'
+        label='租户'
+        options=model.tenantsList.data
+        value-field='id'
+        text-field='name'
+        enabled-field='active'
+    }}
+    {{form-input-select
+        multiple=true
+        name='roles'
+        label='角色'
+        options=model.rolesList.data
+        value-field='id'
+        text-field='role'
+        enabled-field='active'
+    }}
+    {{form-input-select
+        multiple=true
+        name='tags'
+        label='标签'
+        options=model.tagsList.data
+        value-field='id'
+        text-field='tag'
+        enabled-field='active'
+    }}
+
+    {{form-input name='note' label='备注'}}
+    <hr />
+    {{form-footer-buttons type='create'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/auth-user/edit.hbs b/web/cms/app/templates/auth-user/edit.hbs
new file mode 100644
index 00000000..6ed1146f
--- /dev/null
+++ b/web/cms/app/templates/auth-user/edit.hbs
@@ -0,0 +1,40 @@
+{{#form-content}}
+    {{form-input type='hidden' name='id'}}
+    {{form-input name='name' label='姓名'}}
+    {{form-input name='account' label='账户' readonly=true}}
+    {{form-input-checkbox name='admin' label='超级用户'}}
+    {{form-input-select
+        multiple=true
+        name='tenants'
+        label='租户'
+        options=model.tenantsList
+        value-field='id'
+        text-field='name'
+        enabled-field='active'
+    }}
+    {{form-input-select
+        multiple=true
+        name='roles'
+        label='角色'
+        options=model.rolesList
+        value-field='id'
+        text-field='role'
+        enabled-field='active'
+    }}
+    {{form-input-select
+        multiple=true
+        name='tags'
+        label='标签'
+        options=model.tagsList
+        value-field='id'
+        text-field='tag'
+        enabled-field='active'
+    }}
+
+    {{form-input-enabled}}
+    {{form-input name='note' label='备注'}}
+
+    <hr />
+    {{form-footer-buttons type='update'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/auth-user/list.hbs b/web/cms/app/templates/auth-user/list.hbs
new file mode 100644
index 00000000..83686b6f
--- /dev/null
+++ b/web/cms/app/templates/auth-user/list.hbs
@@ -0,0 +1,130 @@
+<div class="widget-box transparent" style="padding-top: 2px; border: 1px solid #ddd;">
+    {{#grid-header}}
+        {{#has-perm 'PERM_VIEW_AUTH_USER_CREATE'}}
+        <li>
+            {{#link-to 'auth-user.create'}}
+                <i class="ace-icon fa fa-plus-circle bigger-110 green"></i>
+                新建用户
+            {{/link-to}}
+        </li>
+        {{/has-perm}}
+    {{/grid-header}}
+
+    <div class="widget-body">
+        <!-- #section:custom/scrollbar -->
+        <div class="widget-main no-padding">
+            <table class="table table-striped table-bordered table-hover dataTable">
+                <thead class="thin-border-bottom">
+                    <tr>
+                        <th>
+                            姓名
+                        </th>
+                        <th>
+                            账户
+                        </th>
+                        <th>
+                            {{th-filter name='admin'
+                                text='超级用户'
+                                options=(array (hash value=true text='是')
+                                    (hash value=false text='否'))
+                            }}
+                        </th>
+                        <th>
+                            {{th-filter name='tenants'
+                                text='租户'
+                                options=model.tenantsList
+                                value-field='id'
+                                text-field='name'
+                           }}
+                        </th>
+                        <th>
+                            {{th-filter name='roles'
+                                text='角色'
+                                options=model.rolesList
+                                value-field='id'
+                                text-field='role'
+                           }}
+                        </th>
+                        <th>
+                            {{th-filter name='tags'
+                                text='标签'
+                                options=model.tagsList
+                                value-field='id'
+                                text-field='tag'
+                           }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-sticky-note-o bigger-110"></i>
+                            备注
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-exchange bigger-110 hidden-480"></i>
+                            {{th-filter name='active'
+                                text='状态'
+                                dialog-title='状态'
+                                options=(array (hash value=true text='启用')
+                                    (hash value=false text='禁用'))
+                            }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-cogs bigger-110 hidden-480"></i>
+                            管理
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{#each model.data as |it|}}
+                    <tr>
+                        <td>
+                            {{editable-cell model=it field='name'}}
+                        </td>
+                        <td>
+                            {{it.account}}
+                        </td>
+                        <td>
+                            {{status-cell model=it
+                                name='admin'
+                                enabled-text='是'
+                                disabled-text='否'}}
+                        </td>
+                        <td>
+                            {{tag/tags-list tagsList=model.tenantsList 
+                                tags=it.tenants tag-field='name'}}
+                        </td>
+                        <td>
+                            {{tag/tags-list tagsList=model.rolesList 
+                                tags=it.roles tag-field='role'}}
+                        </td>
+                        <td>
+                            {{tag/tags-list tagsList=model.tagsList tags=it.tags}}
+                        </td>
+                        <td>
+                            {{editable-cell model=it field='note'}}
+                        </td>
+                        <td>
+                            {{status-cell model=it}}
+                        </td>
+                        <td>
+                            <div class="btn-group">
+                                {{#has-perm 'PERM_VIEW_AUTH_USER_EDIT'}}
+                                    {{status-toggle-button model=it}}
+                                    {{edit-btn route-name='auth-user.edit' 
+                                        model-id=it.id 
+                                        perm='PERM_VIEW_AUTH_USER_EDIT'}}
+                                {{/has-perm}}
+                                {{#has-perm 'PERM_VIEW_AUTH_USER_DELETE'}}
+                                    {{#unless it.active}}
+                                        {{delete-button model=it}}
+                                    {{/unless}}
+                                {{/has-perm}}
+                            </div>
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
+        </div>
+        {{pagination-bar}}
+    </div>
+</div>
+{{outlet}}
diff --git a/web/cms/app/templates/call-detail-record/list.hbs b/web/cms/app/templates/call-detail-record/list.hbs
new file mode 100644
index 00000000..3d5094d0
--- /dev/null
+++ b/web/cms/app/templates/call-detail-record/list.hbs
@@ -0,0 +1,142 @@
+<div class="widget-box transparent" style="padding-top: 2px; border: 1px solid #ddd;">
+    <div class="space"></div>
+    <form class="form-horizontal" role="form">
+        <div class="row">
+        {{form-input-datetimepicker
+            class='col-sm-5 col-md-5'
+            labelClass='col-sm-3 col-md-3'
+            inputClass='col-sm-9 col-md-9'
+            error-msg=false
+            readonly='readonly'
+            model=this
+            name='startDate'
+            label='起始时间'}}
+
+        {{form-input
+            class='col-sm-5 col-md-5'
+            labelClass='col-sm-3 col-md-3'
+            inputClass='col-sm-9 col-md-9'
+            error-msg=false
+            model=this
+            name='callerNumber'
+            label='主叫号码'}}
+        </div>
+
+        <div class="row">
+        {{form-input-datetimepicker
+            class='col-sm-5 col-md-5'
+            labelClass='col-sm-3 col-md-3'
+            inputClass='col-sm-9 col-md-9'
+            error-msg=false
+            readonly='readonly'
+            model=this
+            name='endDate'
+            label='截止时间'}}
+
+        {{form-input
+            class='col-sm-5 col-md-5'
+            labelClass='col-sm-3 col-md-3'
+            inputClass='col-sm-9 col-md-9'
+            error-msg=false
+            model=this
+            name='calledNumber'
+            label='被叫号码'}}
+
+        </div>
+
+        <div class="row">
+             {{form-input
+            class='col-sm-5 col-md-5'
+            labelClass='col-sm-3 col-md-3'
+            inputClass='col-sm-9 col-md-9'
+            error-msg=false
+            model=this
+            name='connId'
+            label='通话ID'}}
+
+            <div class="col-sm-5 col-md-5">
+                 <div class="col-sm-3 col-md-3"> 
+                 </div>
+                <button type="button" class="btn btn-info btn-sm col-sm-4 col-md-4" 
+                    {{action (route-action 'search')}}>
+                    <i class="ace-icon fa fa-search bigger-110"></i>查询
+                </button>
+            </div>
+        </div>
+    </form>
+
+    {{!-- <hr class="col-xs-12 col-sm-12" /> --}}
+    <div class="space-18"></div>
+
+    <div class="widget-body">
+        <!-- #section:custom/scrollbar -->
+        <div class="widget-main no-padding">
+            <table class="table table-striped table-bordered table-hover dataTable" style="border-top-width: 1px;">
+                <thead class="thin-border-bottom">
+                    <tr>
+                        <th>
+                            坐席
+                        </th>
+                        <th>
+                            类型
+                        </th>
+                        <th>
+                            被叫
+                        </th>
+                        <th>
+                            外显号码
+                        </th>
+                        <th>
+                            开始时间
+                        </th>
+                        <th>
+                            接通时间
+                        </th>
+                        <th>
+                            结束时间
+                        </th>
+                        <th>
+                            录音
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{#each model.data as |it|}}
+                    <tr>
+                        <td>
+                            {{it.callerName}}
+                        </td>
+                        <td>
+                            {{it.callType}}
+                        </td>
+                        <td>
+                            {{it.destinationNumber}}
+                        </td>
+                        <td>
+                            {{it.callerNumber}}
+                        </td>
+                        <td>
+                            {{date-cell value=it.startStamp format='YYYY-MM-DD HH:mm:ss'}}
+                        </td>
+                        <td>
+                            {{date-cell value=it.answerStamp format='YYYY-MM-DD HH:mm:ss'}}
+                        </td>
+                        <td>
+                            {{date-cell value=it.endStamp format='YYYY-MM-DD HH:mm:ss'}}
+                        </td>
+                        <td>
+                            {{#if it.recording}}
+                                <a href="{{it.recording.url}}" target="_blank" title="录音">
+                                        录音                                        
+                                </a>
+                            {{/if}}
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
+        </div>
+        {{pagination-bar}}
+    </div>
+</div>
+{{outlet}}
diff --git a/web/cms/app/templates/calling-list/create.hbs b/web/cms/app/templates/calling-list/create.hbs
new file mode 100644
index 00000000..7139e652
--- /dev/null
+++ b/web/cms/app/templates/calling-list/create.hbs
@@ -0,0 +1,41 @@
+{{#form-content}}
+    <hr />
+    {{form-input-select
+        name='campaignId'
+        label='外呼活动'
+        options=model.campaignList.data
+        value-field='id'
+        text-field='name'
+        enabled-field='active'
+    }}
+    {{form-input name='phone' label='号码'}}
+    {{form-input-select
+        name='status'
+        label='状态'
+        options=model.callingListStatus
+        value-field='value'
+        text-field='label'
+    }}
+    {{form-input-select
+        name='dailyFrom'
+        label='开始时间'
+        options=model.timeList
+        value-field='value'
+        text-field='text'
+    }}
+    {{form-input-select
+        name='dailyTo'
+        label='结束时间'
+        options=model.timeList
+        value-field='value'
+        text-field='text'
+    }}
+    {{form-input name='taskKey' label='任务KEY'}}
+    {{form-input name='recordKey' label='记录KEY'}}
+    {{form-input type='textarea' name='recordData' label='记录数据' placeholder='请在此输入业务数据，例如：{"username": "东皇", "gender": "MALE"}'}}
+    {{form-input name='attachedData' label='随路数据'}}
+    {{form-input name='note' label='备注'}}
+    <hr />
+    {{form-footer-buttons type='create'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/calling-list/edit.hbs b/web/cms/app/templates/calling-list/edit.hbs
new file mode 100644
index 00000000..2894e593
--- /dev/null
+++ b/web/cms/app/templates/calling-list/edit.hbs
@@ -0,0 +1,60 @@
+{{#form-content}}
+    <hr />
+    {{form-input type='hidden' name='id'}}
+    {{form-input-select
+        name='campaignId'
+        label='外呼活动'
+        options=model.campaignList
+        value-field='id'
+        text-field='name'
+        enabled-field='active'
+    }}
+    {{form-input name='phone' label='号码'}}
+    {{form-input-select
+        name='status'
+        label='状态'
+        options=model.callingListStatus
+        value-field='value'
+        text-field='label'
+    }}
+     {{form-input-select
+        name='dailyFrom'
+        label='开始时间'
+        options=model.timeList
+        value-field='value'
+        text-field='text'
+    }}
+    {{form-input-select
+        name='dailyTo'
+        label='结束时间'
+        options=model.timeList
+        value-field='value'
+        text-field='text'
+    }}
+    {{form-input name='callUuid' label='通话ID'}}
+    {{form-input-datetimepicker 
+        labelClass='col-sm-3 col-md-3'
+        inputClass='col-sm-5 col-md-5'
+        name='callStartTime' 
+        label='通话开始时间'}}
+    {{form-input-datetimepicker 
+        labelClass='col-sm-3 col-md-3'
+        inputClass='col-sm-5 col-md-5'
+        name='callEstablishedTime' 
+        label='通话接通时间'}}
+    {{form-input-datetimepicker 
+        labelClass='col-sm-3 col-md-3'
+        inputClass='col-sm-5 col-md-5'
+        name='callEndTime' 
+        label='通话结束时间'}}
+    {{form-input name='callResult' label='通话结果'}}
+    {{form-input name='taskKey' label='任务KEY'}}
+    {{form-input name='recordKey' label='记录KEY'}}
+    {{form-input type='textarea' name='recordData' label='记录数据' placeholder='请在此输入业务数据，例如：{"username": "东皇", "gender": "MALE"}'}}
+    {{form-input name='attachedData' label='随路数据'}}
+    {{form-input-enabled}}
+    {{form-input name='note' label='备注'}}
+    <hr />
+    {{form-footer-buttons type='update'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/calling-list/list.hbs b/web/cms/app/templates/calling-list/list.hbs
new file mode 100644
index 00000000..9247ed81
--- /dev/null
+++ b/web/cms/app/templates/calling-list/list.hbs
@@ -0,0 +1,137 @@
+<div class="widget-box transparent" style="padding-top: 2px; border: 1px solid #ddd;">
+    {{#grid-header}}
+        {{#has-perm 'PERM_VIEW_CAMPAIGN_CREATE'}}
+        <li>
+            {{#link-to 'calling-list.create'}}
+                <i class="ace-icon fa fa-plus-circle bigger-110 green"></i>
+                新建名单
+            {{/link-to}}
+        </li>
+        {{/has-perm}}
+    {{/grid-header}}
+
+    <div class="widget-body">
+        <!-- #section:custom/scrollbar -->
+        <div class="widget-main no-padding">
+            <table class="table table-striped table-bordered table-hover dataTable">
+                <thead class="thin-border-bottom">
+                    <tr>
+                        <th>
+                            {{th-filter name='campaignId'
+                                    text='外呼活动'
+                                    options=model.campaignList
+                                    value-field='id'
+                                    text-field='name'
+                            }}
+                        </th>
+                        <th>
+                            号码
+                        </th>
+                        <th>
+                            {{th-filter name='status'
+                                    text='状态'
+                                    options=model.callingListStatus
+                                    value-field='value'
+                                    text-field='label'
+                            }}
+                        </th>
+                        <th>
+                            开始时间
+                        </th>
+                        <th>
+                            结束时间
+                        </th>
+                        <th>
+                            通话ID
+                        </th>
+                        <th>
+                            拨打开始时间
+                        </th>
+                        <th>
+                            拨打接通时间
+                        </th>
+                        <th>
+                            拨打结束时间
+                        </th>
+                        <th>
+                            拨打结果
+                        </th>
+                        <th>
+                            任务KEY
+                        </th>
+                        <th>
+                            记录KEY
+                        </th>
+                        <th>
+                            创建时间
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-cogs bigger-110 hidden-480"></i>
+                            管理
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{#each model.data as |it|}}
+                    <tr>
+                        <td>
+                            {{it.campaign.name}}
+                        </td>
+                        <td>
+                            {{it.phone}}
+                        </td>
+                        <td>
+                            {{it.status}}
+                        </td>
+                        <td>
+                            {{second-time timeInSecond=it.dailyFrom}}
+                        </td>
+                        <td>
+                            {{second-time timeInSecond=it.dailyTo}}
+                        </td>
+                        <td>
+                            {{it.callUuid}}
+                        </td>
+                        <td>
+                            {{date-cell value=it.callStartTime format='YYYY-MM-DD H:mm:ss'}}
+                        </td>
+                        <td>
+                            {{date-cell value=it.callEstablishedTime format='YYYY-MM-DD H:mm:ss'}}
+                        </td>
+                        <td>
+                            {{date-cell value=it.callEndTime format='YYYY-MM-DD H:mm:ss'}}
+                        </td>
+                        <td>
+                            {{it.callResult}}
+                        </td>
+                        <td>
+                            {{it.taskKey}}
+                        </td>
+                        <td>
+                            {{it.recordKey}}
+                        </td>
+                        <td>
+                            {{date-cell value=it.createdTime format='YYYY-MM-DD H:mm:ss'}}
+                        </td>
+                        <td>
+                            <div class="btn-group">
+                                {{#has-perm 'PERM_VIEW_CAMPAIGN_EDIT'}}
+                                    {{status-toggle-button model=it}}
+                                    {{edit-btn route-name='calling-list.edit' model-id=it.id perm='PERM_VIEW_CAMPAIGN_EDIT'}}
+                                {{/has-perm}}
+                                {{#has-perm 'PERM_VIEW_CAMPAIGN_DELETE'}}
+                                    {{#unless it.active}}
+                                        {{delete-button model=it}}
+                                    {{/unless}}
+                                {{/has-perm}}
+                            </div>
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
+        </div>
+        {{pagination-bar}}
+    </div>
+</div>
+{{outlet}}
diff --git a/web/cms/app/templates/campaign-stat/list.hbs b/web/cms/app/templates/campaign-stat/list.hbs
new file mode 100644
index 00000000..100972e3
--- /dev/null
+++ b/web/cms/app/templates/campaign-stat/list.hbs
@@ -0,0 +1,75 @@
+<div class="widget-box transparent" style="padding-top: 2px; border: 1px solid #ddd;">
+
+    <div class="widget-body">
+        <!-- #section:custom/scrollbar -->
+        <div class="widget-main no-padding">
+            <table class="table table-striped table-bordered table-hover dataTable">
+                <thead class="thin-border-bottom">
+                    <tr>
+                        <th>
+                            {{th-filter name='id'
+                                text='活动名称'
+                                options=model.campaignList
+                                value-field='id'
+                                text-field='name'
+                           }}
+                        </th>
+                        <th>
+                            总数
+                        </th>
+                        <th>
+                            待拨打数
+                        </th>
+                        <th>
+                            已加载数
+                        </th>
+                        <th>
+                            取消拨打数
+                        </th>
+                        <th>
+                            拨打完成数
+                        </th>
+                        <th>
+                            已接通
+                        </th>
+                        <th>
+                            未接通
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{#each model.data as |it|}}
+                    <tr>
+                        <td>
+                            {{it.campaignName}}
+                        </td>
+                        <td>
+                            {{it.count}}
+                        </td>
+                        <td>
+                            {{it.readyCount}}
+                        </td>
+                        <td>
+                            {{it.achievedCount}}
+                        </td>
+                        <td>
+                            {{it.canceledCount}}
+                        </td>
+                        <td>
+                            {{it.calledCount}}
+                        </td>
+                        <td>
+                            {{it.connectedCount}}
+                        </td>
+                        <td>
+                            {{it.unConnectedCount}}
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
+        </div>
+        {{pagination-bar}}
+    </div>
+</div>
+{{outlet}}
diff --git a/web/cms/app/templates/campaign/create.hbs b/web/cms/app/templates/campaign/create.hbs
new file mode 100644
index 00000000..e6e2e124
--- /dev/null
+++ b/web/cms/app/templates/campaign/create.hbs
@@ -0,0 +1,56 @@
+{{#form-content}}
+    <hr />
+    {{form-input name='name' label='名称'}}
+    {{form-input-select
+        name='type'
+        label='类型'
+        options=(array (hash value='IVR' text='IVR')
+            (hash value='AGENT' text='坐席')
+            (hash value='ROBOT' text='机器人'))
+    }}
+    {{form-input name='target' label='转接目标'}}
+    {{form-input-select
+        multiple=true
+        name='trunkStrategies'
+        label='中继策略'
+        options=model.trunkStrategiesList.data
+        value-field='id'
+        text-field='name'
+        enabled-field='active'
+    }}
+    {{form-input-select
+        multiple=true
+        name='tags'
+        label='标签'
+        options=model.tagsList.data
+        value-field='id'
+        text-field='tag'
+        enabled-field='active'
+    }}
+
+    {{form-input name='note' label='备注'}}
+    {{form-input-checkbox name='robotConfig' label='是否机器人配置'}}
+
+    {{#if model.robotConfig}}
+        {{form-input name='robotResultTopic' label='机器人结果topic'}}
+        {{form-input-select
+            name='robotStateMachineId'
+            nullable=true
+            multiple=true
+            label='状态机'
+            options=model.stateMachineList
+            value-field='id'
+            text-field='name'}}
+        {{form-input-checkbox name='robotFetchData' label='是否读取业务数据'}}
+        {{#if model.robotFetchData}}
+            {{form-input-checkbox name='robotFetchLocal' label='读取本地/回调'}}
+            {{#if model.robotFetchLocal}}
+                {{form-input name='robotFetchUrl' label='机器人回调URL'}}
+                {{form-input name='robotFetchHeader' label='机器人回调URL的HEADER'}}
+            {{/if}}
+        {{/if}}
+    {{/if}}
+    <hr />
+    {{form-footer-buttons type='create'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/campaign/edit.hbs b/web/cms/app/templates/campaign/edit.hbs
new file mode 100644
index 00000000..3b3866a7
--- /dev/null
+++ b/web/cms/app/templates/campaign/edit.hbs
@@ -0,0 +1,58 @@
+{{#form-content}}
+    {{form-input type='hidden' name='id'}}
+    {{form-input name='name' label='名称'}}
+    {{form-input name='campaignKey' label='活动Key' readonly=true}}
+    {{form-input-select
+        name='type'
+        label='类型'
+        options=(array (hash value='IVR' text='IVR')
+            (hash value='AGENT' text='坐席')
+            (hash value='ROBOT' text='机器人'))
+    }}
+    {{form-input name='target' label='转接目标'}}
+    {{form-input-select
+        multiple=true
+        name='trunkStrategies'
+        label='中继策略'
+        options=model.trunkStrategiesList
+        value-field='id'
+        text-field='name'
+        enabled-field='active'
+    }}
+    {{form-input-select
+        multiple=true
+        name='tags'
+        label='标签'
+        options=model.tagsList
+        value-field='id'
+        text-field='tag'
+        enabled-field='active'
+    }}
+
+    {{form-input-enabled}}
+    {{form-input name='note' label='备注'}}
+    {{form-input-checkbox name='robotConfig' label='是否机器人配置'}}
+    {{#if model.robotConfig}}
+        {{form-input name='robotResultTopic' label='机器人结果topic'}}
+        {{form-input-select
+            name='robotStateMachineId'
+            nullable=true
+            multiple=false
+            label='状态机'
+            options=model.stateMachineList
+            value-field='id'
+            text-field='name'}}
+        {{form-input-checkbox name='robotFetchData' label='是否读取业务数据'}}
+        {{#if model.robotFetchData}}
+            {{form-input-checkbox name='robotFetchLocal' label='读取本地/回调'}}
+            {{#if model.robotFetchLocal}}
+                {{form-input name='robotFetchUrl' label='机器人回调URL'}}
+                {{form-input name='robotFetchHeader' label='机器人回调URL的HEADER'}}
+            {{/if}}
+        {{/if}}
+    {{/if}}
+
+    <hr />
+    {{form-footer-buttons type='update'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/campaign/list.hbs b/web/cms/app/templates/campaign/list.hbs
new file mode 100644
index 00000000..bbdfb002
--- /dev/null
+++ b/web/cms/app/templates/campaign/list.hbs
@@ -0,0 +1,158 @@
+<div class="widget-box transparent" style="padding-top: 2px; border: 1px solid #ddd;">
+    {{#grid-header}}
+        {{#has-perm 'PERM_VIEW_CAMPAIGN_CREATE'}}
+        <li>
+            {{#link-to 'campaign.create'}}
+                <i class="ace-icon fa fa-plus-circle bigger-110 green"></i>
+                新建外呼活动
+            {{/link-to}}
+        </li>
+        {{/has-perm}}
+    {{/grid-header}}
+
+    <div class="widget-body">
+        <!-- #section:custom/scrollbar -->
+        <div class="widget-main no-padding">
+            <table class="table table-striped table-bordered table-hover dataTable">
+                <thead class="thin-border-bottom">
+                    <tr>
+                        <th>
+                            名称
+                        </th>
+                        <th>
+                            Key
+                        </th>
+                        <th>
+                            {{th-filter name='type'
+                                text='类型'
+                                options=(array 
+                                    (hash value='IVR' text='IVR')
+                                    (hash value='AGENT' text='坐席')
+                                    (hash value='ROBOT' text='机器人')
+                                )
+                           }}
+                        </th>
+                        <th>
+                            转接目标
+                        </th>
+                        <th>
+                            {{th-filter name='status'
+                                text='状态'
+                                options=(array 
+                                    (hash value='RUNNING' text='RUNNING')
+                                    (hash value='STOPPED' text='STOPPED')
+                                )
+                           }}
+                        </th>
+                        <th>
+                            {{th-filter name='trunkStrategies'
+                                text='中继策略'
+                                options=model.trunkStrategiesList
+                                value-field='id'
+                                text-field='name'
+                           }}
+                        </th>
+                        <th>
+                            {{th-filter name='tags'
+                                text='标签'
+                                options=model.tagsList
+                                value-field='id'
+                                text-field='tag'
+                           }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-sticky-note-o bigger-110"></i>
+                            备注
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-exchange bigger-110 hidden-480"></i>
+                            {{th-filter name='active'
+                                text='状态'
+                                dialog-title='状态'
+                                options=(array (hash value=true text='启用')
+                                    (hash value=false text='禁用'))
+                            }}
+                        </th>
+                        <th>
+                            运行
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-cogs bigger-110 hidden-480"></i>
+                            管理
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{#each model.data as |it|}}
+                    <tr>
+                        <td>
+                            {{it.name}}
+                        </td>
+                        <td>
+                            {{it.campaignKey}}
+                        </td>
+                        <td>
+                            {{it.type}}
+                        </td>
+                        <td>
+                            {{it.target}}
+                        </td>
+                        <td>
+                            <span calss="label label-sm {{if (eq 'running' it.status) 'label-success' 'label-warning'}}">
+                                {{it.status}}
+                            </span>
+                        </td>
+                        <td>
+                            {{tag/tags-list
+                                tags-list=model.trunkStrategiesList
+                                tags=it.trunkStrategies
+                                tag-field='name'}}
+                        </td>
+                        <td>
+                            {{tag/tags-list tagsList=model.tagsList tags=it.tags}}
+                        </td>
+                        <td>
+                            {{editable-cell model=it field='note'}}
+                        </td>
+                        <td>
+                            {{status-cell model=it}}
+                        </td>
+                        <td>
+                            {{status-toggle-button model=it 
+                                field='running'
+                                enabled-icon='fa-pause'
+                                enabled-text='开启'
+                                disabled-icon='fa-play'
+                                disabled-text='停止'
+                                on-click=(route-action 'toggleCampaignTask' it)
+                            }}
+                        </td>
+                        <td>
+                            <div class="btn-group">
+                                {{#has-perm 'PERM_VIEW_CAMPAIGN_EDIT'}}
+                                    {{status-toggle-button model=it}}
+                                    {{edit-btn route-name='campaign.edit' model-id=it.id perm='PERM_VIEW_CAMPAIGN_EDIT'}}
+                                {{/has-perm}}
+                                {{#has-perm 'PERM_VIEW_CAMPAIGN_DELETE'}}
+                                    {{#unless it.active}}
+                                        {{delete-button model=it}}
+                                    {{/unless}}
+                                {{/has-perm}}
+                                {{#link-to 'calling-list.list'
+                                    (query-params filters=(concat '{"campaignId":[' it.id ']}'))
+                                    class='btn btn-xs btn-info' 
+                                    data-rel='tooltip' 
+                                    title='拨打列表'}}
+                                    <i class="ace-icon fa fa-sliders bigger-120"></i>
+                                {{/link-to}}
+                            </div>
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
+        </div>
+        {{pagination-bar}}
+    </div>
+</div>
+{{outlet}}
diff --git a/web/cms/app/templates/components/a-btn.hbs b/web/cms/app/templates/components/a-btn.hbs
new file mode 100644
index 00000000..889d9eea
--- /dev/null
+++ b/web/cms/app/templates/components/a-btn.hbs
@@ -0,0 +1 @@
+{{yield}}
diff --git a/web/cms/app/templates/components/ace-checkbox.hbs b/web/cms/app/templates/components/ace-checkbox.hbs
new file mode 100644
index 00000000..2cc8a3aa
--- /dev/null
+++ b/web/cms/app/templates/components/ace-checkbox.hbs
@@ -0,0 +1,4 @@
+<label>
+    {{input type="checkbox" name=name class="ace" checked=value}}
+    <span class="lbl"> {{label}} </span>
+</label>
diff --git a/web/cms/app/templates/components/ace-login.hbs b/web/cms/app/templates/components/ace-login.hbs
new file mode 100644
index 00000000..f50e8637
--- /dev/null
+++ b/web/cms/app/templates/components/ace-login.hbs
@@ -0,0 +1,96 @@
+<div class="main-container">
+    <div class="main-content">
+        <div class="row">
+            <div class="col-sm-10 col-sm-offset-1">
+                <div class="login-container">
+                    <div class="center">
+                        <h1>
+                            {{!--<span class="login-logo green"></span>--}}
+                            <span class="green">Leopard</span>
+                            <span class="red">CMS</span>
+                        </h1>
+                        <h5 class="blue">&copy; PudongHot (Shanghai) Ltd.</h5>
+                    </div>
+                    <div class="space-6"></div>
+                    <div class="position-relative">
+                        <div id="login-box" class="login-box visible widget-box no-border">
+                            <div class="widget-body">
+                                <div class="widget-main">
+                                    <h4 class="header blue lighter bigger">
+                                        <i class="ace-icon fa fa-coffee green"></i>
+                                        Please Login
+                                    </h4>
+                                    <div class="space-6"></div>
+                                    <form>
+                                        <fieldset>
+                                            <label class="block clearfix">
+                                                <span class="block input-icon input-icon-right {{if errors.loginId 'has-error'}}">
+                                                    {{input type='text'
+                                                        class='form-control'
+                                                        tabindex='1'
+                                                        placeholder='Login ID'
+                                                        value=model.loginId
+                                                        insert-newline=(action 'loginIdInsertNewline')
+                                                        key-press=(action 'loginIdKeyPress')}}
+                                                    <i class="ace-icon fa fa-user"></i>
+                                                    {{#if errors.loginId}}
+                                                        {{#each errors.loginId as |msg|}}
+                                                            <div class="help-block col-xs-12 col-sm-reset inline has-error">
+                                                                {{msg}}
+                                                            </div>
+                                                        {{/each}}
+                                                    {{/if}}
+                                                </span>
+                                            </label>
+
+                                            <label class="block clearfix">
+                                                <span class="block input-icon input-icon-right {{if errors.password 'has-error'}}">
+                                                    {{input type='password'
+                                                        class='form-control'
+                                                        tabindex='2'
+                                                        placeholder='Password'
+                                                        value=model.password
+                                                        insert-newline=(action 'passwordInsertNewline')
+                                                        key-press=(action 'passwordKeyPress')}}
+                                                    <i class="ace-icon fa fa-lock"></i>
+                                                    {{#if errors.password}}
+                                                        {{#each errors.password as |msg|}}
+                                                            <div class="help-block col-xs-12 col-sm-reset inline has-error">
+                                                                {{msg}}
+                                                            </div>
+                                                        {{/each}}
+                                                    {{/if}}
+                                                </span>
+                                            </label>
+
+                                            <div class="space"></div>
+
+                                            <div class="clearfix">
+                                                <label class="inline">
+                                                    {{input type='checkbox'
+                                                        class='form-control ace'
+                                                        tabindex='3'
+                                                        checked=model.rememberMe}}
+                                                    <span class="lbl">Remember Me</span>
+                                                </label>
+
+                                                <button type="button"
+                                                    class="width-35 pull-right btn btn-sm btn-primary"
+                                                    tabindex="4"
+                                                    {{action (action 'login')}}>
+                                                    <i class="ace-icon fa fa-key"></i>
+                                                    <span class="bigger-110">Login</span>
+                                                </button>
+                                            </div>
+                                            <div class="space-4"></div>
+                                        </fieldset>
+                                    </form>
+                                </div><!-- /.widget-main -->
+                            </div><!-- /.widget-body -->
+                        </div><!-- /.login-box -->
+                    </div><!-- /.position-relative -->
+                </div>
+            </div><!-- /.col -->
+        </div><!-- /.row -->
+    </div><!-- /.main-content -->
+</div><!-- /.main-container -->
diff --git a/web/cms/app/templates/components/audio-player.hbs b/web/cms/app/templates/components/audio-player.hbs
new file mode 100644
index 00000000..ba650f34
--- /dev/null
+++ b/web/cms/app/templates/components/audio-player.hbs
@@ -0,0 +1 @@
+<audio src="{{url}}" preload="auto" controls></audio>
\ No newline at end of file
diff --git a/web/cms/app/templates/components/basic-component.hbs b/web/cms/app/templates/components/basic-component.hbs
new file mode 100644
index 00000000..fb5c4b15
--- /dev/null
+++ b/web/cms/app/templates/components/basic-component.hbs
@@ -0,0 +1 @@
+{{yield}}
\ No newline at end of file
diff --git a/web/cms/app/templates/components/breadcrumbs-bar.hbs b/web/cms/app/templates/components/breadcrumbs-bar.hbs
new file mode 100644
index 00000000..2d44122b
--- /dev/null
+++ b/web/cms/app/templates/components/breadcrumbs-bar.hbs
@@ -0,0 +1,22 @@
+<li>
+    <i class="ace-icon fa fa-home home-icon"></i>
+    <a href="#/">Home</a>
+</li>
+{{log breadcrumbs}}
+{{#each breadcrumbs as |breadcrumb|}}
+<li>
+    {{#if breadcrumb.icon}}
+        <i class="ace-icon fa {{breadcrumb.icon}}"></i>
+    {{/if}}
+    {{#if breadcrumb.route}}
+        <a href="#" {{action 'transitionTo'
+            breadcrumb.route
+            breadcrumb.params
+            breadcrumb.queryParams}}>
+            {{breadcrumb.text}}
+        </a>
+    {{else}}
+        {{breadcrumb.text}}
+    {{/if}}
+</li>
+{{/each}}
diff --git a/web/cms/app/templates/components/component-test.hbs b/web/cms/app/templates/components/component-test.hbs
new file mode 100644
index 00000000..f4d309e2
--- /dev/null
+++ b/web/cms/app/templates/components/component-test.hbs
@@ -0,0 +1,61 @@
+{{#if dialogShow}}
+    {{#modal-dialog title=(concat "测试组件 >> [" model.name "]")
+        no-cancel=true
+        submit=(update-attr this 'dialogShow' false)
+        on-close=(update-attr this 'dialogShow' false)
+        close-to-parent=false
+        no-padding=false}}
+
+        {{#form-content}}
+
+            <div class="form-group">
+
+                <div class="col-xs-12 col-sm-12" >
+                    <label class="col-xs-2 col-sm-2 control-label no-padding-left" >输入消息 </label>
+                    {{input value=input class="col-xs-6 col-sm-6"}}
+                    <span class="input-group-btn">
+                        {{#a-btn class="btn btn-sm btn-info no-radius" click=(action 'testComponent') }}
+                            <i class="ace-icon fa fa-share "></i>
+                            测试
+                        {{/a-btn}}
+                    </span>
+                </div>
+            </div>
+           
+            {{#if nodes}}
+                <hr />
+                <div class="row">
+                    <div class="col-xs-12" style="padding: 0 10%;">
+                        <table class="table table-striped table-bordered table-hover">
+                            <thead class="thin-border-bottom">
+                                <tr>
+                                    <th >
+                                        节点
+                                    </th>
+                                    <th >
+                                        命中
+                                    </th>
+                                </tr>
+                            </thead>
+                            <tbody>
+                                    {{#each nodes as |it|}}
+                                        <tr>
+                                            <td>
+                                                {{it.name}}
+                                            </td>
+                                            <td>
+                                                {{status-cell model=it field='hit' enabled-text='命中' disabled-text='未命中'}}
+                                            </td>
+                                        </tr>
+                                    {{/each}}
+                            </tbody>
+                        </table>
+                    </div>
+                </div>
+            {{/if}}
+        {{/form-content}}
+
+    {{/modal-dialog}}
+{{/if}}
+
+
diff --git a/web/cms/app/templates/components/content-highlight.hbs b/web/cms/app/templates/components/content-highlight.hbs
new file mode 100644
index 00000000..73be469f
--- /dev/null
+++ b/web/cms/app/templates/components/content-highlight.hbs
@@ -0,0 +1 @@
+{{{result}}}
diff --git a/web/cms/app/templates/components/date-cell.hbs b/web/cms/app/templates/components/date-cell.hbs
new file mode 100644
index 00000000..f45101a4
--- /dev/null
+++ b/web/cms/app/templates/components/date-cell.hbs
@@ -0,0 +1,3 @@
+{{#if value}}
+{{moment-format value format}}
+{{/if}}
diff --git a/web/cms/app/templates/components/delete-btn.hbs b/web/cms/app/templates/components/delete-btn.hbs
new file mode 100644
index 00000000..3a9566f6
--- /dev/null
+++ b/web/cms/app/templates/components/delete-btn.hbs
@@ -0,0 +1 @@
+<i class="{{get this 'icon-size-class'}} ace-icon fa fa-trash-o"></i>
diff --git a/web/cms/app/templates/components/delete-button.hbs b/web/cms/app/templates/components/delete-button.hbs
new file mode 100644
index 00000000..a2f21d87
--- /dev/null
+++ b/web/cms/app/templates/components/delete-button.hbs
@@ -0,0 +1 @@
+<i class="{{iconSizeClass}} ace-icon fa fa-trash-o"></i>
diff --git a/web/cms/app/templates/components/edit-btn.hbs b/web/cms/app/templates/components/edit-btn.hbs
new file mode 100644
index 00000000..56516c09
--- /dev/null
+++ b/web/cms/app/templates/components/edit-btn.hbs
@@ -0,0 +1,5 @@
+{{#has-perm perm}}
+    {{#link-to (get this 'route-name') (get this 'model-id') class='btn btn-xs btn-info' data-rel='tooltip' title=title}}
+        <i class="ace-icon fa fa-pencil {{get this 'icon-size-class'}}"></i>
+    {{/link-to}}
+{{/has-perm}}
diff --git a/web/cms/app/templates/components/editable-cell.hbs b/web/cms/app/templates/components/editable-cell.hbs
new file mode 100644
index 00000000..bf0a0b63
--- /dev/null
+++ b/web/cms/app/templates/components/editable-cell.hbs
@@ -0,0 +1,27 @@
+{{#if isEditing}}
+    {{#if (eq type 'text')}}
+        {{input type='text'
+            name=model.id
+            placeholder=placeholder
+            class='col-xs-12'
+            value=(mut (get model field))
+            focus-out=(action 'doUpdate')
+            insert-newline=(action 'doUpdate')
+        }}
+    {{else if (eq type 'number')}}
+        {{input-spinner name=model.id
+            max=max
+            min=min
+            step=step
+            value=(mut (get model field))
+        }}
+        <button class="btn btn-sm btn-success" type="button" {{action 'doUpdate'}}>
+            <i class="ace-icon fa fa-check bigger-110"></i>
+            Submit
+        </button>
+    {{/if}}
+{{else}}
+    <div class="col-xs-{{col-width}} no-padding" {{action 'doEdit'}} style="min-height: 1em;">
+        {{get model field}}
+    </div>
+{{/if}}
diff --git a/web/cms/app/templates/components/form-content.hbs b/web/cms/app/templates/components/form-content.hbs
new file mode 100644
index 00000000..8c11cd08
--- /dev/null
+++ b/web/cms/app/templates/components/form-content.hbs
@@ -0,0 +1,9 @@
+<div class="row widget-box no-border">
+    <div class="widget-body">
+        <div class="widget-main">
+            <form class="form-horizontal">
+                {{yield}}
+            </form>
+        </div>
+    </div>
+</div>
diff --git a/web/cms/app/templates/components/form-field.hbs b/web/cms/app/templates/components/form-field.hbs
new file mode 100644
index 00000000..fb5c4b15
--- /dev/null
+++ b/web/cms/app/templates/components/form-field.hbs
@@ -0,0 +1 @@
+{{yield}}
\ No newline at end of file
diff --git a/web/cms/app/templates/components/form-footer-buttons.hbs b/web/cms/app/templates/components/form-footer-buttons.hbs
new file mode 100644
index 00000000..531b60dc
--- /dev/null
+++ b/web/cms/app/templates/components/form-footer-buttons.hbs
@@ -0,0 +1,13 @@
+{{#unless hideGoback}}
+<button class="btn btn-prev" {{action 'goback'}}>
+    <i class="ace-icon fa fa-arrow-left"></i>
+    返回
+</button>
+{{/unless}}
+
+{{#unless hideSubmit}}
+<button class="btn btn-success btn-next" {{action 'save'}}>
+    提交
+    <i class="ace-icon fa fa-arrow-right icon-on-right"></i>
+</button>
+{{/unless}}
diff --git a/web/cms/app/templates/components/form-input-checkbox.hbs b/web/cms/app/templates/components/form-input-checkbox.hbs
new file mode 100644
index 00000000..def733d1
--- /dev/null
+++ b/web/cms/app/templates/components/form-input-checkbox.hbs
@@ -0,0 +1,9 @@
+<label class="col-xs-3 control-label no-padding-right"> {{label}} </label>
+<div class="col-xs-4">
+    <label class="no-margin">
+        {{input type='hidden' name=name value=(mut (get model name))}}
+        {{input type='checkbox' class='ace ace-switch ace-switch-5' checked=(mut (get model name))}}
+        <span class="lbl"></span>
+    </label>
+    {{yield}}
+</div>
diff --git a/web/cms/app/templates/components/form-input-color.hbs b/web/cms/app/templates/components/form-input-color.hbs
new file mode 100644
index 00000000..53bad57f
--- /dev/null
+++ b/web/cms/app/templates/components/form-input-color.hbs
@@ -0,0 +1,17 @@
+<label class="col-xs-3 control-label no-padding-right"> {{label}} </label>
+<div class="row col-xs-4">
+    <div class="col-xs-7">
+        <div class="input-group colorpicker-component">
+            {{input class='form-control col-xs-12'
+                readonly='readonly'
+                placeholder=(if placeholder placeholder label)
+                name=name
+                value=(mut (get model name))}}
+            <span class="input-group-addon"><i></i></span>
+        </div>
+    </div>
+    <div class="col-xs-5">
+        {{input class='form-control' placeholder=placeholder value=hexColor}}
+    </div>
+</div>
+{{form-input-errors-msg name=name}}
diff --git a/web/cms/app/templates/components/form-input-datepicker.hbs b/web/cms/app/templates/components/form-input-datepicker.hbs
new file mode 100644
index 00000000..6983511d
--- /dev/null
+++ b/web/cms/app/templates/components/form-input-datepicker.hbs
@@ -0,0 +1,17 @@
+<label for="{{name}}" class="col-xs-12 col-sm-3 col-md-3 control-label no-padding-right"> {{label}} </label>
+
+<div class="col-xs-12 col-sm-5">
+    <div class="input-group">
+        {{input type="text" class="form-control date-picker"
+            placeholder=(if placeholder placeholder label)
+            name=name
+            readonly=readonly
+            value=(mut (get model name))}}
+
+        <span class="input-group-addon">
+            <i class="fa fa-calendar bigger-110"></i>
+        </span>
+    </div>
+</div>
+
+{{form-input-errors-msg name=name}}
diff --git a/web/cms/app/templates/components/form-input-datetimepicker.hbs b/web/cms/app/templates/components/form-input-datetimepicker.hbs
new file mode 100644
index 00000000..6cf29ef0
--- /dev/null
+++ b/web/cms/app/templates/components/form-input-datetimepicker.hbs
@@ -0,0 +1,17 @@
+<label for="{{name}}" class="{{labelClass}} control-label no-padding-right"> {{label}} </label>
+
+<div class="{{inputClass}}">
+    <div class="input-group">
+        {{input type='hidden' name=name value=(mut (get model name))}}
+        {{input class='form-control'
+            placeholder=(if placeholder placeholder label)
+            readonly=readonly
+            value=valueInput}}
+        <span class="input-group-addon">
+            <i class="fa fa-clock-o bigger-110"></i>
+        </span>
+    </div>
+</div>
+{{#if errorMsg}}
+    {{form-input-errors-msg name=name}}
+{{/if}}
diff --git a/web/cms/app/templates/components/form-input-enabled.hbs b/web/cms/app/templates/components/form-input-enabled.hbs
new file mode 100644
index 00000000..cb332e0b
--- /dev/null
+++ b/web/cms/app/templates/components/form-input-enabled.hbs
@@ -0,0 +1,17 @@
+<label class="col-xs-12 col-sm-3 col-md-3 control-label no-padding-right">{{label}}</label>
+<div class="col-xs-12 col-sm-9">
+    <div>
+        <label class="line-height-1 green">
+            {{radio-button value=true groupValue=(mut (get model name)) class="ace"}}
+            <span class="lbl"> {{enabledText}}</span>
+        </label>
+    </div>
+
+    <div>
+        <label class="line-height-1 red">
+            {{radio-button value=false groupValue=(mut (get model name)) class="ace"}}
+            <span class="lbl"> {{disabledText}}</span>
+        </label>
+    </div>
+</div>
+{{input type='hidden' name=name value=(mut (get model name))}}
diff --git a/web/cms/app/templates/components/form-input-errors-msg.hbs b/web/cms/app/templates/components/form-input-errors-msg.hbs
new file mode 100644
index 00000000..a7bf3e90
--- /dev/null
+++ b/web/cms/app/templates/components/form-input-errors-msg.hbs
@@ -0,0 +1,3 @@
+{{#each (get errors name) as |msg|}}
+    {{msg}}
+{{/each}}
diff --git a/web/cms/app/templates/components/form-input-select.hbs b/web/cms/app/templates/components/form-input-select.hbs
new file mode 100644
index 00000000..d944a844
--- /dev/null
+++ b/web/cms/app/templates/components/form-input-select.hbs
@@ -0,0 +1,32 @@
+{{#if label}}
+<label class="{{label-class}} control-label no-padding-right">{{label}}</label>
+{{/if}}
+
+<div class="{{input-class}} no-padding-right">
+    <div class="row col-xs-12 no-padding">
+        <div class="col-xs-{{col-width}} no-padding-right">
+            {{input-select
+                model=model
+                name=name
+                multiple=multiple
+                nullable=nullable
+                readonly=readonly
+                placeholder=placeholder
+                options=options
+                value-field=value-field
+                text-field=text-field
+                enabled-field=enabled-field
+                hidden-input=hidden-input
+                loose=loose
+                fire-init-change=fire-init-change
+                on-change=on-change
+                values-as-string=values-as-string
+                values-splitter=values-splitter
+            }}
+        </div>
+    </div>
+</div>
+{{#if error-msg}}
+    {{form-input-errors-msg name=name}}
+{{/if}}
+
diff --git a/web/cms/app/templates/components/form-input-spinner.hbs b/web/cms/app/templates/components/form-input-spinner.hbs
new file mode 100644
index 00000000..e5f5370f
--- /dev/null
+++ b/web/cms/app/templates/components/form-input-spinner.hbs
@@ -0,0 +1,10 @@
+{{#if label}}
+<label class="col-xs-3 control-label no-padding-right"> {{label}} </label>
+{{/if}}
+<div class="col-xs-3">
+    {{input class='col-xs-12'
+        type='text'
+        name=name
+        value=(mut (get model name))}}
+</div>
+{{form-input-errors-msg name=name}}
diff --git a/web/cms/app/templates/components/form-input-tags.hbs b/web/cms/app/templates/components/form-input-tags.hbs
new file mode 100644
index 00000000..888aa6ba
--- /dev/null
+++ b/web/cms/app/templates/components/form-input-tags.hbs
@@ -0,0 +1,10 @@
+{{#if label}}
+<label class="col-xs-3 control-label no-padding-right"> {{label}} </label>
+{{/if}}
+<div class="col-xs-5">
+    {{input class='col-xs-12'
+        type='text'
+        name=name
+        value=(mut (get model name))}}
+</div>
+{{form-input-errors-msg name=name}}
diff --git a/web/cms/app/templates/components/form-input.hbs b/web/cms/app/templates/components/form-input.hbs
new file mode 100644
index 00000000..12cbdfad
--- /dev/null
+++ b/web/cms/app/templates/components/form-input.hbs
@@ -0,0 +1,51 @@
+<label for="{{if name name idField}}" class="{{get this 'label-class'}} control-label no-padding-right"> {{label}} </label>
+<div class="{{input-class}}">
+
+    {{#if hasBlock}}
+        {{yield}}
+    {{else}}
+        {{#if (eq 'file' type)}}
+            {{input multiple=multiple class='col-xs-12' type='file' name=name}}
+        {{else if (eq 'number' type)}}
+            {{input-spinner class='col-xs-7 no-padding'
+                name=name
+                max=max
+                min=min
+                step=step
+                value=(mut (get model name))}}
+        {{else if (eq 'image' type)}}
+            {{input class='col-xs-12' type='file' name=name}}
+        {{else if (eq 'textarea' type)}}
+            {{textarea class='col-xs-12'
+                name=name
+                rows=rows
+                cols=cols
+                readonly=(if readonly 'readonly')
+                value=(mut (get model name))
+                class='form-control textarea-resize-vertical'
+                placeholder=(if placeholder placeholder label)}}
+        {{else if (eq 'show' type)}}
+            <h5 class="grey">{{get model name}}</h5>
+        {{else}}
+            {{input class='col-xs-12 width-100'
+                type=type
+                readonly=(if readonly 'readonly')
+                name=name
+                placeholder=(if placeholder placeholder label)
+                value=(mut (get model name))}}
+        {{/if}}
+    {{/if}}
+</div>
+{{#if (eq 'image' type)}}
+    <div class="col-xs-2 padding-top-3 no-padding-left" style="padding-top: 3px;">
+        {{image-previews images=(if image-url image-url (get model name))}}
+    </div>
+{{else if image-url}}
+    <div class="col-xs-2 padding-top-3 no-padding-left" style="padding-top: 3px;">
+        {{image-previews images=image-url}}
+    </div>
+{{/if}}
+
+{{#if error-msg}}
+    {{form-input-errors-msg name=name}}
+{{/if}}
diff --git a/web/cms/app/templates/components/gender-cell.hbs b/web/cms/app/templates/components/gender-cell.hbs
new file mode 100644
index 00000000..d40d067b
--- /dev/null
+++ b/web/cms/app/templates/components/gender-cell.hbs
@@ -0,0 +1,7 @@
+{{#if (eq 'M' model.gender)}}
+    <i class="ace-icon fa fa-male"></i>
+    男
+{{else}}
+    <i class="ace-icon fa fa-female" aria-hidden="true"></i>
+    女
+{{/if}}
diff --git a/web/cms/app/templates/components/grid-all-checkbox.hbs b/web/cms/app/templates/components/grid-all-checkbox.hbs
new file mode 100644
index 00000000..01111ea6
--- /dev/null
+++ b/web/cms/app/templates/components/grid-all-checkbox.hbs
@@ -0,0 +1,2 @@
+{{input type='checkbox' class='ace' name=name checked=(mut checked)}}
+<span class="lbl">{{label}}</span>
diff --git a/web/cms/app/templates/components/grid-header-batch-actions.hbs b/web/cms/app/templates/components/grid-header-batch-actions.hbs
new file mode 100644
index 00000000..4d2dbe50
--- /dev/null
+++ b/web/cms/app/templates/components/grid-header-batch-actions.hbs
@@ -0,0 +1,39 @@
+{{#grid-header
+    title=title
+    before-toolbar=before-toolbar
+    search-box=search-box
+    reload-button=reload-button
+    dropdown=dropdown
+    custom=custom
+    button=true as |sec|}}
+
+    {{#if (and hasBlock sec.before-toolbar)}}
+        {{yield (hash before-toolbar=true)}}
+    {{/if}}
+
+    {{#if (and sec.button rows-checked)}}
+        {{!-- prefix butttons --}}
+        {{#if (and hasBlock pre-btn)}}
+            {{yield (hash pre-btn=true)}}
+        {{/if}}
+
+        {{#a-btn click=(route-action 'batchEnable') title='启用'}}
+            <i class="ace-icon fa fa-check bigger-120 green"></i>
+        {{/a-btn}}
+        {{#a-btn click=(route-action 'batchDisable') title='禁用'}}
+            <i class="ace-icon fa fa-ban bigger-120 orange2"></i>
+        {{/a-btn}}
+        {{#a-btn click=(route-action 'batchRemove') title='删除'}}
+            <i class="ace-icon fa fa-trash-o bigger-120 red"></i>
+        {{/a-btn}}
+
+        {{!-- suffix butttons --}}
+        {{#if (and hasBlock suf-btn)}}
+            {{yield (hash suf-btn=true)}}
+        {{/if}}
+    {{/if}}
+
+    {{#if (and hasBlock sec.dropdown)}}
+        {{yield (hash dropdown=true)}}
+    {{/if}}
+{{/grid-header}}
diff --git a/web/cms/app/templates/components/grid-header.hbs b/web/cms/app/templates/components/grid-header.hbs
new file mode 100644
index 00000000..46f7ce1d
--- /dev/null
+++ b/web/cms/app/templates/components/grid-header.hbs
@@ -0,0 +1,37 @@
+{{#if title}}
+    <h5 style="margin-left: 10px;" class="widget-title">{{title}}</h5>
+{{/if}}
+
+{{#if (and hasBlock before-toolbar)}}
+    {{yield (hash before-toolbar=true)}}
+{{/if}}
+
+<div class="widget-toolbar">
+    {{#if hasBlock}}
+        {{#if button}}
+            {{yield (hash button=true)}}
+        {{/if}}
+        {{#if dropdown}}
+            <div class="widget-menu">
+                <a href="#" data-rel="tooltip" data-action="settings" data-toggle="dropdown" title="菜单">
+                    <i class="ace-icon fa fa-bars bigger-120"></i>
+                </a>
+                <ul class="dropdown-menu dropdown-menu-right dropdown-light-blue dropdown-caret dropdown-closer">
+                    {{yield (hash dropdown=true)}}
+                </ul>
+            </div>
+        {{/if}}
+        {{#if custom}}
+            {{yield (hash custom=true)}}
+        {{/if}}
+    {{/if}}
+    {{#if reload-button}}
+        {{reload-btn clear-search=clear-search}}
+    {{/if}}
+</div>
+{{#if (and hasBlock toolbar)}}
+    {{yield (hash toolbar=true)}}
+{{/if}}
+{{#if search-box}}
+    {{search-box on-search=on-search}}
+{{/if}}
diff --git a/web/cms/app/templates/components/grid-row-checkbox.hbs b/web/cms/app/templates/components/grid-row-checkbox.hbs
new file mode 100644
index 00000000..c5cce1ef
--- /dev/null
+++ b/web/cms/app/templates/components/grid-row-checkbox.hbs
@@ -0,0 +1,2 @@
+{{input class='ace' type='checkbox' name=name checked=(mut checked)}}
+<span class="lbl">{{label}}</span>
diff --git a/web/cms/app/templates/components/has-perm.hbs b/web/cms/app/templates/components/has-perm.hbs
new file mode 100644
index 00000000..2d0471c9
--- /dev/null
+++ b/web/cms/app/templates/components/has-perm.hbs
@@ -0,0 +1,3 @@
+{{#if hasPerm}}
+    {{yield}}
+{{/if}}
diff --git a/web/cms/app/templates/components/home-board.hbs b/web/cms/app/templates/components/home-board.hbs
new file mode 100644
index 00000000..223ab2d6
--- /dev/null
+++ b/web/cms/app/templates/components/home-board.hbs
@@ -0,0 +1,3 @@
+{{!--<div class="row center">
+    <i class="fa fa-envira" style="color: rgba(255, 255, 255, 0); font-size: 32em"></i>
+</div>--}}
diff --git a/web/cms/app/templates/components/image-previews.hbs b/web/cms/app/templates/components/image-previews.hbs
new file mode 100644
index 00000000..60317584
--- /dev/null
+++ b/web/cms/app/templates/components/image-previews.hbs
@@ -0,0 +1,12 @@
+{{#if previews}}
+<a class="no-padding" href="{{previews.firstObject}}" data-rel="{{elementId}}_preview">
+    <img height="{{get this 'image-height'}}" style="{{get this 'image-style'}}" src="{{previews.firstObject}}" />
+</a>
+<div class="dropdown-menu">
+    {{#each previews as |preview index|}}
+        {{#if (gt index 0)}}
+            <a href="{{preview}}" data-rel="{{elementId}}_preview"></a>
+        {{/if}}
+    {{/each}}
+</div>
+{{/if}}
diff --git a/web/cms/app/templates/components/input-select.hbs b/web/cms/app/templates/components/input-select.hbs
new file mode 100644
index 00000000..000c5c0d
--- /dev/null
+++ b/web/cms/app/templates/components/input-select.hbs
@@ -0,0 +1,50 @@
+<select multiple={{multiple}}
+    data-placeholder={{placeholder}}
+    class="select2"
+    style="width: 100%;">
+    {{#if (and (not multiple) (and options.length nullable))}}
+        <option></option>
+    {{/if}}
+
+    {{#let (get model name) as |selected|}}
+        {{#each options as |opt|}}
+            {{#if (is-plain-val opt)}}
+                <option value={{opt}} data-option={{opt}}>
+                    {{opt}}
+                </option>
+            {{else}}
+                {{#let (get opt value-field) as |val|}}
+                    {{#unless (is-none val)}}
+                    <option value={{val}}
+                        data-option={{json-str opt}}
+                        disabled={{if (and
+                            (not (is-none enabled-field))
+                            (not (get opt enabled-field))) 'disabled'}}>
+                        {{option-text-exp
+                            opt
+                            value-field
+                            text-field
+                            text-exp}}
+                    </option>
+                    {{/unless}}
+                {{/let}}
+            {{/if}}
+        {{else}}
+            {{log 'select [' name '] has no options'}}
+        {{/each}}
+    {{/let}}
+</select>
+
+{{#if (and name hidden-input)}}
+    {{#let (get model name) as |val|}}
+        {{#if val}}
+            {{#if (is-array val)}}
+                {{#each val as |v|}}
+                    <input type="hidden" name="{{name}}" value="{{v}}" />
+                {{/each}}
+            {{else}}
+                <input type="hidden" name="{{name}}" value="{{val}}" />
+            {{/if}}
+        {{/if}}
+    {{/let}}
+{{/if}}
\ No newline at end of file
diff --git a/web/cms/app/templates/components/input-spinner.hbs b/web/cms/app/templates/components/input-spinner.hbs
new file mode 100644
index 00000000..ee77e6e1
--- /dev/null
+++ b/web/cms/app/templates/components/input-spinner.hbs
@@ -0,0 +1,11 @@
+<div class="input-group">
+    {{input type='number' class='spinbox-input form-control text-center' name=name value=value min=min max=max}}
+    <div class="spinbox-buttons input-group-btn btn-group-vertical">
+        <button type="button" class="btn spinbox-up btn-sm btn-info" {{action 'increase'}}>
+            <i class="icon-only  ace-icon fa fa-chevron-up"></i>
+        </button>
+        <button type="button" class="btn spinbox-down btn-sm btn-info" {{action 'decrease'}}>
+            <i class="icon-only  ace-icon fa fa-chevron-down"></i>
+        </button>
+    </div>
+</div>
diff --git a/web/cms/app/templates/components/issue-cell.hbs b/web/cms/app/templates/components/issue-cell.hbs
new file mode 100644
index 00000000..563040bc
--- /dev/null
+++ b/web/cms/app/templates/components/issue-cell.hbs
@@ -0,0 +1,7 @@
+<span class="popover-success"
+    data-rel="popover"
+    data-placement="top"
+    data-original-title="<i class='ace-icon fa fa-tags green'></i> Comment"
+    data-content="{{issue}}">
+{{issue}}
+</span>
diff --git a/web/cms/app/templates/components/json-pretty-hi.hbs b/web/cms/app/templates/components/json-pretty-hi.hbs
new file mode 100644
index 00000000..b2b84c0f
--- /dev/null
+++ b/web/cms/app/templates/components/json-pretty-hi.hbs
@@ -0,0 +1 @@
+{{#if contentHtml}}{{contentHtml}}{{/if}}
\ No newline at end of file
diff --git a/web/cms/app/templates/components/labeled-cell.hbs b/web/cms/app/templates/components/labeled-cell.hbs
new file mode 100644
index 00000000..01bc9410
--- /dev/null
+++ b/web/cms/app/templates/components/labeled-cell.hbs
@@ -0,0 +1,10 @@
+<td class={{get this 'label-class'}} style={{get this 'label-style'}}>{{label}}</td>
+<td class={{get this 'field-class'}} style={{get this 'field-style'}}>
+    {{#if hasBlock}}
+        {{yield}}
+    {{else if (eq type 'date')}}
+        {{date-cell value=field}}
+    {{else}}
+        {{field}}
+    {{/if}}
+</td>
diff --git a/web/cms/app/templates/components/list-select-checkbox.hbs b/web/cms/app/templates/components/list-select-checkbox.hbs
new file mode 100644
index 00000000..2e8ab847
--- /dev/null
+++ b/web/cms/app/templates/components/list-select-checkbox.hbs
@@ -0,0 +1,5 @@
+<input type="checkbox"
+    class="ace"
+    checked={{or (eq model.id selectedModel.id) (loose-eq model.id selectedId)}}
+    onchange={{action (route-action 'select' model) value='target.checked'}} />
+<span class="lbl"></span>
diff --git a/web/cms/app/templates/components/main-container.hbs b/web/cms/app/templates/components/main-container.hbs
new file mode 100644
index 00000000..c6e7284e
--- /dev/null
+++ b/web/cms/app/templates/components/main-container.hbs
@@ -0,0 +1,35 @@
+<!-- /section:basics/sidebar -->
+<div class="main-content">
+    <div class="main-content-inner">
+        <!-- #section:basics/content.breadcrumbs -->
+        <div class="breadcrumbs" id="breadcrumbs">
+            {{breadcrumbs-bar}}
+        </div>
+        <!-- /section:basics/content.breadcrumbs -->
+        <div class="page-content">
+            <div class="row">
+                <div class="col-xs-12">
+                    <!-- PAGE CONTENT BEGINS -->
+                    {{yield}}
+                    <!-- PAGE CONTENT ENDS -->
+                </div><!-- /.col -->
+            </div><!-- /.row -->
+        </div><!-- /.page-content -->
+    </div>
+</div><!-- /.main-content -->
+
+<div class="footer">
+    <div class="footer-inner">
+        <!-- #section:basics/footer -->
+        <div class="footer-content">
+            <span class="bigger-120">
+                &copy; <span class="blue bolder">Qinwei</span> 2020
+            </span>
+        </div>
+        <!-- /section:basics/footer -->
+    </div>
+</div>
+
+<a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
+    <i class="ace-icon fa fa-angle-double-up icon-only bigger-110"></i>
+</a>
diff --git a/web/cms/app/templates/components/modal-dialog.hbs b/web/cms/app/templates/components/modal-dialog.hbs
new file mode 100644
index 00000000..463545a2
--- /dev/null
+++ b/web/cms/app/templates/components/modal-dialog.hbs
@@ -0,0 +1,33 @@
+<div class="modal-dialog modal-lg">
+    <div class="modal-content">
+        <div class="modal-header" style="padding: 9px;">
+            {{#if (not (get this 'no-close'))}}
+            <button type="button" class="bootbox-close-button close" data-dismiss="modal" aria-hidden="true">
+                &times;
+            </button>
+            {{/if}}
+            <h4 class="blue">{{title}}</h4>
+        </div>
+
+        <div class="modal-body {{if no-padding 'no-padding'}}">
+            {{yield}}
+        </div>
+        {{#if (not (get this 'no-footer'))}}
+        <div class="modal-footer no-margin-top">
+            {{#if (not (get this 'no-cancel'))}}
+            <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">
+                <i class="ace-icon fa fa-times"></i>
+                {{cancel-text}}
+            </button>
+            {{/if}}
+            {{#if (not (get this 'no-submit'))}}
+            <button type="button" class="btn btn-sm btn-primary"
+                {{action (if submit submit (route-action 'submit'))}}>
+                <i class="ace-icon fa fa-check"></i>
+                {{submit-text}}
+            </button>
+            {{/if}}
+        </div>
+        {{/if}}
+    </div>
+</div>
diff --git a/web/cms/app/templates/components/nav-list.hbs b/web/cms/app/templates/components/nav-list.hbs
new file mode 100644
index 00000000..889d9eea
--- /dev/null
+++ b/web/cms/app/templates/components/nav-list.hbs
@@ -0,0 +1 @@
+{{yield}}
diff --git a/web/cms/app/templates/components/nav-tabs-frame.hbs b/web/cms/app/templates/components/nav-tabs-frame.hbs
new file mode 100644
index 00000000..1b8b1a6e
--- /dev/null
+++ b/web/cms/app/templates/components/nav-tabs-frame.hbs
@@ -0,0 +1,22 @@
+<div class="widget-box transparent ui-sortable-handle">
+    <div class="widget-header">
+        {{#if title}}
+        <h4 class="widget-title lighter">{{title}}</h4>
+        {{/if}}
+        <div class="widget-toolbar no-border">
+            <ul class="nav nav-tabs">
+                {{yield tabs}}
+            </ul>
+        </div>
+    </div>
+
+    <div class="widget-body">
+        <div class="widget-main padding-12 no-padding-left no-padding-right">
+            <div class="tab-content padding-4">
+                <div class="tab-pane in active">
+                    {{yield body}}
+                </div>
+            </div>
+        </div>
+    </div>
+</div>
diff --git a/web/cms/app/templates/components/nlp-component-tag.hbs b/web/cms/app/templates/components/nlp-component-tag.hbs
new file mode 100644
index 00000000..47665863
--- /dev/null
+++ b/web/cms/app/templates/components/nlp-component-tag.hbs
@@ -0,0 +1,56 @@
+<div class="profile-activity clearfix" >
+    <img class="pull-right" src="assets/images/avatars/robot.jpg">
+    <div class="col-xs-3"></div>
+    <div class="col-xs-8 no-padding">
+      <span class="pull-right">
+        {{msg.message}}
+      </span>
+    </div>
+
+    <div class="col-xs-4"></div>
+    <div class="col-xs-7 no-padding">
+      <div class="time small pull-right">
+          <i class="ace-icon fa fa-clock-o bigger-110"></i>
+          {{moment-format msg.time 'YYYY-MM-DD HH:mm:ss.SSS'}}
+      </div>
+    </div>
+
+    {{#if nlpNodeList}}
+      <div class="widget-toolbar no-border">
+        <div class="inline dropdown-hover">
+
+          {{#each nlpNodeList as |nlpNode|}}
+              {{#if (eq selectNodeId nlpNode.id)}}
+                <button class="btn btn-minier btn-{{if readOnly 'default' 'primary'}}" >
+                      {{nlpNode.name}}
+                  <i class="ace-icon fa fa-angle-down icon-on-right bigger-110"></i>
+                </button>
+              {{/if}}
+          {{/each}}
+
+          <ul class="dropdown-menu dropdown-menu-right dropdown-125 dropdown-lighter dropdown-close dropdown-caret">
+            {{#each nlpNodeList as |nlpNode|}}
+              {{#if (eq selectNodeId nlpNode.id)}}
+                <li class="active">
+                  <a class="{{if readOnly 'grey' 'blue'}}">
+                    <i class="ace-icon fa fa-caret-right bigger-110">&nbsp;</i>
+                    {{nlpNode.name}}
+                  </a>
+                </li>
+              {{else}}
+                <li>
+                  <a {{action 'tagNode' nlpNode.id}}>
+                    <i class="ace-icon fa fa-caret-right bigger-110 invisible">&nbsp;</i>
+                    {{nlpNode.name}}
+                  </a>
+                </li>
+              {{/if}}
+            {{/each}}
+          </ul>
+        </div>
+      </div>
+    {{/if}}
+
+
+    
+</div>
diff --git a/web/cms/app/templates/components/option-text.hbs b/web/cms/app/templates/components/option-text.hbs
new file mode 100644
index 00000000..8d15644b
--- /dev/null
+++ b/web/cms/app/templates/components/option-text.hbs
@@ -0,0 +1 @@
+{{text}}
diff --git a/web/cms/app/templates/components/pagination-bar.hbs b/web/cms/app/templates/components/pagination-bar.hbs
new file mode 100644
index 00000000..706e4c26
--- /dev/null
+++ b/web/cms/app/templates/components/pagination-bar.hbs
@@ -0,0 +1,45 @@
+{{#if (not no-total)}}
+<h6 class="pull-left no-margin">
+    {{#if (gt total 1)}}
+        Total: {{total}} Records
+    {{else if (eq total 1)}}
+        Total: {{total}} Record
+    {{else}}
+        No Record
+    {{/if}}
+</h6>
+{{/if}}
+
+{{#if (not no-pagination)}}
+<ul class="pagination no-margin pull-right">
+    <li class="prev">
+        {{#link-to routeName (query-params page=prevPage)}}
+            <i class="ace-icon fa fa-angle-double-left"></i>
+        {{/link-to}}
+    </li>
+    {{#each pages as |page|}}
+    <li class="{{if page.active 'active'}}">
+        {{#link-to routeName (query-params page=page.page)}}
+            {{page.text}}
+        {{/link-to}}
+    </li>
+    {{/each}}
+    <li class="next">
+        {{#link-to routeName (query-params page=nextPage)}}
+            <i class="ace-icon fa fa-angle-double-right"></i>
+        {{/link-to}}
+    </li>
+    {{#if (gt allPages.length 1)}}
+    <li>
+        <select style="width: 48px; margin: 1px 4px;"
+            onchange={{action 'gotoPage' value='target.value'}}>
+            {{#each allPages as |page|}}
+                <option value={{page}} selected={{if (eq currPage page) 'selected'}}>
+                    {{page}}
+                </option>
+            {{/each}}
+        </select>
+    </li>
+    {{/if}}
+</ul>
+{{/if}}
diff --git a/web/cms/app/templates/components/pop-over.hbs b/web/cms/app/templates/components/pop-over.hbs
new file mode 100644
index 00000000..5756b790
--- /dev/null
+++ b/web/cms/app/templates/components/pop-over.hbs
@@ -0,0 +1,7 @@
+<span class="popover-{{type}}"
+    data-rel="popover"
+    data-placement="{{placement}}"
+    data-original-title="{{if icon (concat '<i class="ace-icon fa ' icon ' ' icon-color '"></i>')}} {{title}} <a href='javascript:;' class='close' data-dismiss='alert'>&times;</a>"
+    data-content="{{content}}">
+{{yield}}
+</span>
diff --git a/web/cms/app/templates/components/qr-code.hbs b/web/cms/app/templates/components/qr-code.hbs
new file mode 100644
index 00000000..630bc3dd
--- /dev/null
+++ b/web/cms/app/templates/components/qr-code.hbs
@@ -0,0 +1,16 @@
+<button data-toggle="dropdown" class="btn btn-xs btn-inverse"
+    rel="tooltip" title="安装二维码">
+    <i class="ace-icon fa fa-qrcode bigger-120"></i>
+</button>
+<div class="dropdown-menu dropdown-menu-right">
+    <div class="col-xs-12">
+        {{#if notLink}}
+            <div class="qr-code"></div>
+        {{else}}
+            <a href="{{text}}" target="_blank">
+                <div class="qr-code"></div>
+            </a>
+        {{/if}}
+    </div>
+</div>
+{{yield}}
diff --git a/web/cms/app/templates/components/reload-btn.hbs b/web/cms/app/templates/components/reload-btn.hbs
new file mode 100644
index 00000000..977d864f
--- /dev/null
+++ b/web/cms/app/templates/components/reload-btn.hbs
@@ -0,0 +1 @@
+<i class="ace-icon fa fa-refresh bigger-120"></i>
diff --git a/web/cms/app/templates/components/search-box.hbs b/web/cms/app/templates/components/search-box.hbs
new file mode 100644
index 00000000..d68d22d4
--- /dev/null
+++ b/web/cms/app/templates/components/search-box.hbs
@@ -0,0 +1,10 @@
+<span class="input-icon">
+{{input type="text"
+    class="form-control search-query small"
+    placeholder="Search ..."
+    value=searchText
+    insert-newline=(action 'search')
+    focus-out=(action 'search')
+}}
+<i class="ace-icon fa fa-search nav-search-icon"></i>
+</span>
diff --git a/web/cms/app/templates/components/second-time.hbs b/web/cms/app/templates/components/second-time.hbs
new file mode 100644
index 00000000..b26a2350
--- /dev/null
+++ b/web/cms/app/templates/components/second-time.hbs
@@ -0,0 +1 @@
+{{value}}
\ No newline at end of file
diff --git a/web/cms/app/templates/components/sortable-list-item.hbs b/web/cms/app/templates/components/sortable-list-item.hbs
new file mode 100644
index 00000000..889d9eea
--- /dev/null
+++ b/web/cms/app/templates/components/sortable-list-item.hbs
@@ -0,0 +1 @@
+{{yield}}
diff --git a/web/cms/app/templates/components/sortable-list.hbs b/web/cms/app/templates/components/sortable-list.hbs
new file mode 100644
index 00000000..458e532b
--- /dev/null
+++ b/web/cms/app/templates/components/sortable-list.hbs
@@ -0,0 +1,5 @@
+{{#each model as |it i|}}
+    {{#sortable-list-item index=i selected=(eq selected it.id) itemId=it.id}}
+        {{yield it}}
+    {{/sortable-list-item}}
+{{/each}}
diff --git a/web/cms/app/templates/components/sortable-th.hbs b/web/cms/app/templates/components/sortable-th.hbs
new file mode 100644
index 00000000..4685474d
--- /dev/null
+++ b/web/cms/app/templates/components/sortable-th.hbs
@@ -0,0 +1,23 @@
+{{#if order}}
+    <a {{action 'removeSort'}} style="cursor: pointer;">
+        <i class="ace-icon fa fa-times red2 bigger-110"></i>
+    </a>
+{{/if}}
+
+<span>
+{{#if hasBlock}}
+    {{yield}}
+{{else}}
+    {{text}}
+{{/if}}
+</span>
+
+<a {{action 'sort'}} class="pull-right" style="cursor: pointer;">
+    {{#if asc}}
+    <i class="ace-icon fa fa-sort-asc bigger-110"></i>
+    {{else if desc}}
+    <i class="ace-icon fa fa-sort-desc bigger-110"></i>
+    {{else}}
+    <i class="ace-icon fa fa-sort bigger-110"></i>
+    {{/if}}
+</a>
diff --git a/web/cms/app/templates/components/status-cell.hbs b/web/cms/app/templates/components/status-cell.hbs
new file mode 100644
index 00000000..37e05169
--- /dev/null
+++ b/web/cms/app/templates/components/status-cell.hbs
@@ -0,0 +1 @@
+{{if (get model field) enabledText disabledText}}
diff --git a/web/cms/app/templates/components/status-toggle-button.hbs b/web/cms/app/templates/components/status-toggle-button.hbs
new file mode 100644
index 00000000..61bc2aa2
--- /dev/null
+++ b/web/cms/app/templates/components/status-toggle-button.hbs
@@ -0,0 +1 @@
+<i class="{{icon-size-class}} ace-icon fa {{if enabled enabled-icon disabled-icon}}"></i>
diff --git a/web/cms/app/templates/components/tag/color-select.hbs b/web/cms/app/templates/components/tag/color-select.hbs
new file mode 100644
index 00000000..6fba45a7
--- /dev/null
+++ b/web/cms/app/templates/components/tag/color-select.hbs
@@ -0,0 +1,18 @@
+<label class="col-xs-3 control-label no-padding-right"> {{label}} </label>
+<div class="row col-xs-4">
+    <div class="col-xs-5" style="padding-top: 6px;">
+        <select class="hide">
+        {{#each colors as |color|}}
+            <option value="{{color}}">{{color}}</option>
+        {{/each}}
+        </select>
+        {{#if name}}
+            {{#let (get model name) as |val|}}
+                {{#if val}}
+                    <input type="hidden" name="{{name}}" value="{{val}}" />
+                {{/if}}
+            {{/let}}
+        {{/if}}
+    </div>
+</div>
+{{form-input-errors-msg name=name}}
\ No newline at end of file
diff --git a/web/cms/app/templates/components/tag/tag-span.hbs b/web/cms/app/templates/components/tag/tag-span.hbs
new file mode 100644
index 00000000..554b0435
--- /dev/null
+++ b/web/cms/app/templates/components/tag/tag-span.hbs
@@ -0,0 +1,4 @@
+<span class="label label-sm {{unless tag.bgcolor 'label-info'}}" 
+    style={{if tag.bgcolor (concat 'background-color: ' tag.bgcolor)}}>
+    {{get tag tag-field}}
+</span>
\ No newline at end of file
diff --git a/web/cms/app/templates/components/tag/tags-list.hbs b/web/cms/app/templates/components/tag/tags-list.hbs
new file mode 100644
index 00000000..513e132b
--- /dev/null
+++ b/web/cms/app/templates/components/tag/tags-list.hbs
@@ -0,0 +1,5 @@
+{{#each (str-split tags) as |tagId|}}
+    {{#let (array-fn tagsList 'findBy' 'id' (parse-int tagId)) as |tag|}}
+        {{tag/tag-span tag=tag tag-field=tag-field}}
+    {{/let}}
+{{/each}}
\ No newline at end of file
diff --git a/web/cms/app/templates/components/th-filter.hbs b/web/cms/app/templates/components/th-filter.hbs
new file mode 100644
index 00000000..2a18323f
--- /dev/null
+++ b/web/cms/app/templates/components/th-filter.hbs
@@ -0,0 +1,31 @@
+<span class="{{if hasFilter 'green'}} {{if full-width 'col-xs-12 no-padding'}}" data-rel="tooltip" title="数据过滤" {{action 'onClick'}}>
+    {{text}}
+    <i class="ace-icon fa fa-filter light-blue smaller-70 hidden-480"></i>
+</span>
+{{#if showModal}}
+    {{#modal-dialog title=(if dialog-title
+        dialog-title (if label label text))
+        submit=(action 'onModalSubmit')
+        on-close=(action 'onModalClose')
+        close-to-parent=false}}
+
+        <div class="widget-body">
+            <div class="widget-main">
+                <form class="form-horizontal">
+                    {{form-input-select
+                        multiple=true
+                        values-as-string=values-as-string
+                        col-width=12
+                        label=(if label label text)
+                        options=options
+                        value-field=value-field
+                        text-field=text-field
+                        loose=loose
+                        name='filtered'
+                        model=this
+                    }}
+                </form>
+            </div>
+        </div>
+    {{/modal-dialog}}
+{{/if}}
diff --git a/web/cms/app/templates/components/tool-tip.hbs b/web/cms/app/templates/components/tool-tip.hbs
new file mode 100644
index 00000000..11c22ab8
--- /dev/null
+++ b/web/cms/app/templates/components/tool-tip.hbs
@@ -0,0 +1,5 @@
+{{#if hasBlock}}
+    {{yield}}
+{{else}}
+    {{content}}
+{{/if}}
diff --git a/web/cms/app/templates/components/top-navbar.hbs b/web/cms/app/templates/components/top-navbar.hbs
new file mode 100644
index 00000000..5d70df35
--- /dev/null
+++ b/web/cms/app/templates/components/top-navbar.hbs
@@ -0,0 +1,118 @@
+<!-- #section:basics/navbar.layout -->
+<div class="navbar-container" id="navbar-container">
+    <!-- #section:basics/sidebar.mobile.toggle -->
+    <button type="button" class="navbar-toggle menu-toggler pull-left" id="menu-toggler" data-target="#sidebar">
+        <span class="sr-only">Toggle sidebar</span>
+
+        <span class="icon-bar"></span>
+
+        <span class="icon-bar"></span>
+
+        <span class="icon-bar"></span>
+    </button>
+
+    <!-- /section:basics/sidebar.mobile.toggle -->
+    <div class="navbar-header pull-left">
+        <!-- #section:basics/navbar.layout.brand -->
+        <a href="#/" class="navbar-brand">
+            <small>
+                Yo!
+            </small>
+        </a>
+        <!-- /section:basics/navbar.layout.brand -->
+    </div>
+
+    <!-- #section:basics/navbar.dropdown -->
+    <div class="navbar-buttons navbar-header pull-right" role="navigation">
+        <ul class="nav ace-nav">
+            <!-- #section:basics/navbar.user_menu -->
+            <li class="light-blue">
+                <a data-toggle="dropdown" href="#" class="dropdown-toggle">
+                    {{!--<img class="nav-user-photo" src="{{user.avatar}}" alt="Jason's Photo" />--}}
+                    <span class="user-info" style="padding-top: 2px">
+                        {{#if authService.user.tenant}}
+                            {{authService.user.tenant.text}}[{{authService.user.tenant.value}}] <br />
+                        {{/if}}
+                        {{authService.user.name}}
+                    </span>
+                    <i class="ace-icon fa fa-caret-down"></i>
+                </a>
+
+                <ul class="user-menu dropdown-menu-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
+                    {{!--
+                    <li>
+                        <a href="#">
+                            <i class="ace-icon fa fa-cog"></i>
+                            Settings
+                        </a>
+                    </li>
+
+                    <li>
+                        <a href="profile.html">
+                            <i class="ace-icon fa fa-user"></i>
+                            Profile
+                        </a>
+                    </li>
+                    <li class="divider"></li>
+                    --}}
+                    <li>
+                        {{#link-to 'select-tenant'}}
+                            <i class="ace-icon fa fa-bars"></i>
+                             切换业务线
+                        {{/link-to}}
+                    </li>
+                    <li>
+                        <a href="logout">
+                            <i class="ace-icon fa fa-power-off"></i>
+                             注销
+                        </a>
+                    </li>
+                </ul>
+            </li>
+            <!-- /section:basics/navbar.user_menu -->
+        </ul>
+    </div>
+    <!-- /section:basics/navbar.dropdown -->
+
+    {{!-- <nav role="navigation" class="navbar-menu pull-left collapse navbar-collapse"> --}}
+    <nav role="navigation" class="navbar-menu pull-left navbar-collapse">
+        <!-- #section:basics/navbar.nav -->
+        <ul class="nav navbar-nav">
+        {{#each navItems as |n|}}
+            {{#has-perm n.perm}}
+            <li class="hover">
+                {{#if n.route}}
+                    {{#link-to n.route}}
+                        {{#if n.icon}}
+                        <i class="ace-icon fa {{n.icon}} bigger-110"></i>
+                        {{/if}}
+                        <span class="menu-text"> {{n.text}} </span>
+                    {{/link-to}}
+                {{else if n.children}}
+                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                        {{#if n.icon}}
+                        <i class="ace-icon fa {{n.icon}} bigger-110"></i>
+                        {{/if}}
+                        {{n.text}} &nbsp;
+                        <i class="ace-icon fa fa-angle-down bigger-110"></i>
+                    </a>
+
+                    <ul class="dropdown-menu dropdown-light-blue dropdown-caret">
+                    {{#each n.children as |c|}}
+                        <li class="hover">
+                            {{#link-to c.route}}
+                                {{#if c.icon}}
+                                <i class="ace-icon fa {{c.icon}} bigger-110"></i>
+                                {{/if}}
+                                <span class="menu-text"> {{c.text}} </span>
+                            {{/link-to}}
+                        </li>
+                    {{/each}}
+                    </ul>
+                {{/if}}
+            </li>
+            {{/has-perm}}
+        {{/each}}
+        </ul>
+    </nav>
+</div><!-- /.navbar-container -->
diff --git a/web/cms/app/templates/components/trunk/caller-number.hbs b/web/cms/app/templates/components/trunk/caller-number.hbs
new file mode 100644
index 00000000..03483918
--- /dev/null
+++ b/web/cms/app/templates/components/trunk/caller-number.hbs
@@ -0,0 +1,10 @@
+{{#if split}}
+    <span class="label label-success">
+        {{trunk.areaCode}}
+    </span>
+    <span class="label label-primary">
+        {{trunk.cpn}}
+    </span>
+{{else}}
+    {{trunk.callerNumber}}
+{{/if}}
\ No newline at end of file
diff --git a/web/cms/app/templates/components/wysiwyg-editor.hbs b/web/cms/app/templates/components/wysiwyg-editor.hbs
new file mode 100644
index 00000000..fa1a638c
--- /dev/null
+++ b/web/cms/app/templates/components/wysiwyg-editor.hbs
@@ -0,0 +1,3 @@
+<div class="wysiwyg-editor"></div>
+{{input type='hidden' name=name value=(get model name)}}
+{{form-input-errors-msg name=name}}
diff --git a/web/cms/app/templates/gateway/create.hbs b/web/cms/app/templates/gateway/create.hbs
new file mode 100644
index 00000000..c1d94493
--- /dev/null
+++ b/web/cms/app/templates/gateway/create.hbs
@@ -0,0 +1,28 @@
+{{#form-content}}
+    <hr />
+    {{form-input name='name' label='名称'}}
+    {{form-input name='realm' label='Realm'}}
+    {{form-input name='username' label='Username'}}
+    {{form-input name='password' label='Password'}}
+    {{form-input name='fromUser' label='From user'}}
+    {{form-input name='fromDomain' label='From domain'}}
+    {{form-input name='extension' label='Extension'}}
+    {{form-input name='proxy' label='Proxy'}}
+    {{form-input name='registerProxy' label='Register proxy'}}
+    {{form-input name='expireSeconds' label='Expire seconds'}}
+    {{form-input name='register' label='Register'}}
+    {{form-input name='registerTransport' label='Register transport'}}
+    {{form-input name='retrySeconds' label='Retry seconds'}}
+    {{form-input name='callerIdInFrom' label='Caller id in from'}}
+    {{form-input name='contactParams' label='Contact params'}}
+    {{form-input name='extensionInContact' label='Extension in contact'}}
+    {{form-input name='ping' label='Ping'}}
+    {{form-input name='cidType' label='Cid type'}}
+    {{form-input name='rfc5626' label='Rfc5626'}}
+    {{form-input name='regId' label='Reg id'}}
+
+    {{form-input name='note' label='备注'}}
+    <hr />
+    {{form-footer-buttons type='create'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/gateway/edit.hbs b/web/cms/app/templates/gateway/edit.hbs
new file mode 100644
index 00000000..21a712fa
--- /dev/null
+++ b/web/cms/app/templates/gateway/edit.hbs
@@ -0,0 +1,29 @@
+{{#form-content}}
+    {{form-input type='hidden' name='id'}}
+    {{form-input name='name' label='名称'}}
+    {{form-input name='realm' label='Realm'}}
+    {{form-input name='username' label='Username'}}
+    {{form-input name='password' label='Password'}}
+    {{form-input name='fromUser' label='From user'}}
+    {{form-input name='fromDomain' label='From domain'}}
+    {{form-input name='extension' label='Extension'}}
+    {{form-input name='proxy' label='Proxy'}}
+    {{form-input name='registerProxy' label='Register proxy'}}
+    {{form-input name='expireSeconds' label='Expire seconds'}}
+    {{form-input name='register' label='Register'}}
+    {{form-input name='registerTransport' label='Register transport'}}
+    {{form-input name='retrySeconds' label='Retry seconds'}}
+    {{form-input name='callerIdInFrom' label='Caller id in from'}}
+    {{form-input name='contactParams' label='Contact params'}}
+    {{form-input name='extensionInContact' label='Extension in contact'}}
+    {{form-input name='ping' label='Ping'}}
+    {{form-input name='cidType' label='Cid type'}}
+    {{form-input name='rfc5626' label='Rfc5626'}}
+    {{form-input name='regId' label='Reg id'}}
+
+    {{form-input-enabled}}
+    {{form-input name='note' label='备注'}}
+
+    <hr />
+    {{form-footer-buttons type='update'}}
+{{/form-content}}
diff --git a/web/cms/app/templates/gateway/list.hbs b/web/cms/app/templates/gateway/list.hbs
new file mode 100644
index 00000000..dba949ec
--- /dev/null
+++ b/web/cms/app/templates/gateway/list.hbs
@@ -0,0 +1,80 @@
+<div class="widget-box transparent" style="padding-top: 2px; border: 1px solid #ddd;">
+    {{#grid-header}}
+        {{#has-perm 'PERM_VIEW_GATEWAY_CREATE'}}
+        <li>
+            {{#link-to 'gateway.create'}}
+                <i class="ace-icon fa fa-plus-circle bigger-110 green"></i>
+                新建网关
+            {{/link-to}}
+        </li>
+        {{/has-perm}}
+    {{/grid-header}}
+
+    <div class="widget-body">
+        <!-- #section:custom/scrollbar -->
+        <div class="widget-main no-padding">
+            <table class="table table-striped table-bordered table-hover dataTable">
+                <thead class="thin-border-bottom">
+                    <tr>
+                        <th>
+                            名称
+                        </th>
+                        <th>
+                            Realm
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-sticky-note-o bigger-110"></i>
+                            备注
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-exchange bigger-110 hidden-480"></i>
+                            {{th-filter name='active'
+                                text='状态'
+                                dialog-title='状态'
+                                options=(array (hash value=true text='启用')
+                                    (hash value=false text='禁用'))
+                            }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-cogs bigger-110 hidden-480"></i>
+                            管理
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{#each model.data as |it|}}
+                    <tr>
+                        <td>
+                            {{it.name}}
+                        </td>
+                        <td>
+                            {{it.realm}}
+                        </td>
+                        <td>
+                            {{editable-cell model=it field='note'}}
+                        </td>
+                        <td>
+                            {{status-cell model=it}}
+                        </td>
+                        <td>
+                            <div class="btn-group">
+                                {{#has-perm 'PERM_VIEW_GATEWAY_EDIT'}}
+                                    {{status-toggle-button model=it}}
+                                    {{edit-btn route-name='gateway.edit' model-id=it.id perm='PERM_VIEW_GATEWAY_EDIT'}}
+                                {{/has-perm}}
+                                {{#has-perm 'PERM_VIEW_GATEWAY_DELETE'}}
+                                    {{#unless it.active}}
+                                        {{delete-button model=it}}
+                                    {{/unless}}
+                                {{/has-perm}}
+                            </div>
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
+        </div>
+        {{pagination-bar}}
+    </div>
+</div>
+{{outlet}}
diff --git a/web/cms/app/templates/index.hbs b/web/cms/app/templates/index.hbs
new file mode 100644
index 00000000..7388d1fa
--- /dev/null
+++ b/web/cms/app/templates/index.hbs
@@ -0,0 +1 @@
+{{home-board}}
\ No newline at end of file
diff --git a/web/cms/app/templates/queue/create.hbs b/web/cms/app/templates/queue/create.hbs
new file mode 100644
index 00000000..8ca92dfe
--- /dev/null
+++ b/web/cms/app/templates/queue/create.hbs
@@ -0,0 +1,9 @@
+{{#form-content}}
+    <hr />
+    {{form-input name='name' label='名称'}}
+
+    {{form-input name='note' label='备注'}}
+    <hr />
+    {{form-footer-buttons type='create'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/queue/edit.hbs b/web/cms/app/templates/queue/edit.hbs
new file mode 100644
index 00000000..3337af2a
--- /dev/null
+++ b/web/cms/app/templates/queue/edit.hbs
@@ -0,0 +1,12 @@
+{{#form-content}}
+    {{form-input type='hidden' name='id'}}
+    {{form-input name='name' label='名称'}}
+    {{form-input name='identifier' label='识别符' readonly=true}}
+
+    {{form-input-enabled}}
+    {{form-input name='note' label='备注'}}
+
+    <hr />
+    {{form-footer-buttons type='update'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/queue/list.hbs b/web/cms/app/templates/queue/list.hbs
new file mode 100644
index 00000000..0316432c
--- /dev/null
+++ b/web/cms/app/templates/queue/list.hbs
@@ -0,0 +1,80 @@
+<div class="widget-box transparent" style="padding-top: 2px; border: 1px solid #ddd;">
+    {{#grid-header}}
+        {{#has-perm 'PERM_VIEW_QUEUE_CREATE'}}
+        <li>
+            {{#link-to 'queue.create'}}
+                <i class="ace-icon fa fa-plus-circle bigger-110 green"></i>
+                新建队列
+            {{/link-to}}
+        </li>
+        {{/has-perm}}
+    {{/grid-header}}
+
+    <div class="widget-body">
+        <!-- #section:custom/scrollbar -->
+        <div class="widget-main no-padding">
+            <table class="table table-striped table-bordered table-hover dataTable">
+                <thead class="thin-border-bottom">
+                    <tr>
+                        <th>
+                            名称
+                        </th>
+                        <th>
+                            识别符
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-sticky-note-o bigger-110"></i>
+                            备注
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-exchange bigger-110 hidden-480"></i>
+                            {{th-filter name='active'
+                                text='状态'
+                                dialog-title='状态'
+                                options=(array (hash value=true text='启用')
+                                    (hash value=false text='禁用'))
+                            }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-cogs bigger-110 hidden-480"></i>
+                            管理
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{#each model.data as |it|}}
+                    <tr>
+                        <td>
+                            {{it.name}}
+                        </td>
+                        <td>
+                            {{it.identifier}}
+                        </td>
+                        <td>
+                            {{editable-cell model=it field='note'}}
+                        </td>
+                        <td>
+                            {{status-cell model=it}}
+                        </td>
+                        <td>
+                            <div class="btn-group">
+                                {{#has-perm 'PERM_VIEW_QUEUE_EDIT'}}
+                                    {{status-toggle-button model=it}}
+                                    {{edit-btn route-name='queue.edit' model-id=it.id perm='PERM_VIEW_QUEUE_EDIT'}}
+                                {{/has-perm}}
+                                {{#has-perm 'PERM_VIEW_QUEUE_DELETE'}}
+                                    {{#unless it.active}}
+                                        {{delete-button model=it}}
+                                    {{/unless}}
+                                {{/has-perm}}
+                            </div>
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
+        </div>
+        {{pagination-bar}}
+    </div>
+</div>
+{{outlet}}
diff --git a/web/cms/app/templates/select-tenant.hbs b/web/cms/app/templates/select-tenant.hbs
new file mode 100644
index 00000000..d1afb2fb
--- /dev/null
+++ b/web/cms/app/templates/select-tenant.hbs
@@ -0,0 +1,21 @@
+{{#modal-dialog title='选择租户' submit=(route-action 'submit')
+    close-to-parent=false
+    no-close=true
+    backdrop='static'
+    keyboard=false
+    no-cancel=true
+    submit-text='提交'}}
+    <div class="widget-body">
+        <div class="widget-main">
+            <form class="form-horizontal">
+                {{form-input-select col-width=12
+                    model=this
+                    name='tenant'
+                    input-class='col-xs-12 col-sm-12 col-md-12'
+                    label=(if label label text)
+                    options=(route-attr 'authService.user.tenants')}}
+            </form>
+        </div>
+    </div>
+{{/modal-dialog}}
+{{outlet}}
diff --git a/web/cms/app/templates/sequence/create.hbs b/web/cms/app/templates/sequence/create.hbs
new file mode 100644
index 00000000..e21ea092
--- /dev/null
+++ b/web/cms/app/templates/sequence/create.hbs
@@ -0,0 +1,11 @@
+{{#form-content}}
+    <hr />
+    {{form-input name='name' label='名称'}}
+    {{form-input name='initVal' label='初始值'}}
+    {{form-input name='step' label='递增值'}}
+
+    {{form-input name='note' label='备注'}}
+    <hr />
+    {{form-footer-buttons type='create'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/sequence/edit.hbs b/web/cms/app/templates/sequence/edit.hbs
new file mode 100644
index 00000000..917f5788
--- /dev/null
+++ b/web/cms/app/templates/sequence/edit.hbs
@@ -0,0 +1,13 @@
+{{#form-content}}
+    {{form-input type='hidden' name='id'}}
+    {{form-input name='name' label='名称'}}
+    {{form-input name='initVal' label='初始值' readonly=true}}
+    {{form-input name='step' label='递增值'}}
+
+    {{form-input-enabled}}
+    {{form-input name='note' label='备注'}}
+
+    <hr />
+    {{form-footer-buttons type='update'}}
+{{/form-content}}
+{{outlet}}
\ No newline at end of file
diff --git a/web/cms/app/templates/sequence/list.hbs b/web/cms/app/templates/sequence/list.hbs
new file mode 100644
index 00000000..9269c6ca
--- /dev/null
+++ b/web/cms/app/templates/sequence/list.hbs
@@ -0,0 +1,92 @@
+<div class="widget-box transparent" style="padding-top: 2px; border: 1px solid #ddd;">
+    {{#grid-header}}
+        {{#has-perm 'PERM_VIEW_SEQUENCE_CREATE'}}
+        <li>
+            {{#link-to 'sequence.create'}}
+                <i class="ace-icon fa fa-plus-circle bigger-110 green"></i>
+                新建序号
+            {{/link-to}}
+        </li>
+        {{/has-perm}}
+    {{/grid-header}}
+
+    <div class="widget-body">
+        <!-- #section:custom/scrollbar -->
+        <div class="widget-main no-padding">
+            <table class="table table-striped table-bordered table-hover dataTable">
+                <thead class="thin-border-bottom">
+                    <tr>
+                        <th>
+                            名称
+                        </th>
+                        <th>
+                            当前值
+                        </th>
+                        <th>
+                            初始值
+                        </th>
+                        <th>
+                            递增值
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-sticky-note-o bigger-110"></i>
+                            备注
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-exchange bigger-110 hidden-480"></i>
+                            {{th-filter name='active'
+                                text='状态'
+                                dialog-title='状态'
+                                options=(array (hash value=true text='启用')
+                                    (hash value=false text='禁用'))
+                            }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-cogs bigger-110 hidden-480"></i>
+                            管理
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{#each model.data as |it|}}
+                    <tr>
+                        <td>
+                            {{it.name}}
+                        </td>
+                        <td>
+                            {{it.currentVal}}
+                        </td>
+                        <td>
+                            {{it.initVal}}
+                        </td>
+                        <td>
+                            {{it.step}}
+                        </td>
+                        <td>
+                            {{editable-cell model=it field='note'}}
+                        </td>
+                        <td>
+                            {{status-cell model=it}}
+                        </td>
+                        <td>
+                            <div class="btn-group">
+                                {{#has-perm 'PERM_VIEW_SEQUENCE_EDIT'}}
+                                    {{status-toggle-button model=it}}
+                                    {{edit-btn route-name='sequence.edit' model-id=it.id perm='PERM_VIEW_SEQUENCE_EDIT'}}
+                                {{/has-perm}}
+                                {{#has-perm 'PERM_VIEW_SEQUENCE_DELETE'}}
+                                    {{#unless it.active}}
+                                        {{delete-button model=it}}
+                                    {{/unless}}
+                                {{/has-perm}}
+                            </div>
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
+        </div>
+        {{pagination-bar}}
+    </div>
+</div>
+{{outlet}}
diff --git a/web/cms/app/templates/tag/create.hbs b/web/cms/app/templates/tag/create.hbs
new file mode 100644
index 00000000..3dd2386b
--- /dev/null
+++ b/web/cms/app/templates/tag/create.hbs
@@ -0,0 +1,13 @@
+{{#form-content}}
+    {{form-input-select
+        name='scope'
+        label='作用域'
+        options=(array (hash value='USER' text='用户')
+            (hash value='COMMON' text='公用'))
+    }}
+    {{form-input name='tag' label='标签'}}
+    {{tag/color-select name='bgcolor' label='背景色'}}
+    {{form-input name='note' label='备注'}}
+    <hr />
+    {{form-footer-buttons}}
+{{/form-content}}
diff --git a/web/cms/app/templates/tag/edit.hbs b/web/cms/app/templates/tag/edit.hbs
new file mode 100644
index 00000000..bd5ad968
--- /dev/null
+++ b/web/cms/app/templates/tag/edit.hbs
@@ -0,0 +1,18 @@
+{{#form-content}}
+    {{form-input type='hidden' name='id'}}
+    {{form-input-select
+        name='scope'
+        label='作用域'
+        options=(array (hash value='USER' text='用户')
+            (hash value='COMMON' text='公用'))
+    }}
+    {{form-input name='tag' label='标签'}}
+    {{tag/color-select name='bgcolor' label='背景色'}}
+
+    {{form-input-enabled}}
+    {{form-input name='note' label='备注'}}
+
+    <hr />
+    {{form-footer-buttons type='update'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/tag/list.hbs b/web/cms/app/templates/tag/list.hbs
new file mode 100644
index 00000000..577b3557
--- /dev/null
+++ b/web/cms/app/templates/tag/list.hbs
@@ -0,0 +1,85 @@
+<div class="widget-box transparent" style="padding-top: 2px; border: 1px solid #ddd;">
+    {{#grid-header}}
+        {{#has-perm 'PERM_VIEW_TAG_CREATE'}}
+        <li>
+            {{#link-to 'tag.create'}}
+                <i class="ace-icon fa fa-plus-circle bigger-110 green"></i>
+                新建标签
+            {{/link-to}}
+        </li>
+        {{/has-perm}}
+    {{/grid-header}}
+
+    <div class="widget-body">
+        <!-- #section:custom/scrollbar -->
+        <div class="widget-main no-padding">
+            <table class="table table-striped table-bordered table-hover dataTable">
+                <thead class="thin-border-bottom">
+                    <tr>
+                        <th>
+                        {{th-filter 
+                            name='scope'
+                            text='作用域'
+                            options=(array (hash value='USER' text='用户')
+                                (hash value='COMMON' text='公用'))
+                        }}
+                        </th>
+                        <th>
+                            标签
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-sticky-note-o bigger-110"></i>
+                            备注
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-exchange bigger-110 hidden-480"></i>
+                            {{th-filter name='active'
+                                text='状态'
+                                options=(array (hash value=true text='启用')
+                                    (hash value=false text='禁用'))
+                            }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-cogs bigger-110 hidden-480"></i>
+                            管理
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{#each model.data as |it|}}
+                    <tr>
+                        <td>
+                            {{it.scope}}
+                        </td>
+                        <td>
+                            <span class="label" style="background-color: {{it.bgcolor}};">{{it.tag}}
+                            </span>
+                        </td>
+                        <td>
+                            {{editable-cell model=it field='note'}}
+                        </td>
+                        <td>
+                            {{status-cell model=it}}
+                        </td>
+                        <td>
+                            <div class="btn-group">
+                                {{#has-perm 'PERM_VIEW_TAG_EDIT'}}
+                                    {{status-toggle-button model=it}}
+                                    {{edit-btn route-name='tag.edit' model-id=it.id perm='PERM_VIEW_TAG_EDIT'}}
+                                {{/has-perm}}
+                                {{#has-perm 'PERM_VIEW_TAG_DELETE'}}
+                                    {{#unless it.active}}
+                                        {{delete-button model=it}}
+                                    {{/unless}}
+                                {{/has-perm}}
+                            </div>
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
+        </div>
+        {{pagination-bar}}
+    </div>
+</div>
+{{outlet}}
\ No newline at end of file
diff --git a/web/cms/app/templates/telecom-vendor/create.hbs b/web/cms/app/templates/telecom-vendor/create.hbs
new file mode 100644
index 00000000..ea9b4a5e
--- /dev/null
+++ b/web/cms/app/templates/telecom-vendor/create.hbs
@@ -0,0 +1,6 @@
+{{#form-content}}
+    {{form-input name='name' label='名称'}}
+    {{form-input name='note' label='备注'}}
+    <hr />
+    {{form-footer-buttons}}
+{{/form-content}}
diff --git a/web/cms/app/templates/telecom-vendor/edit.hbs b/web/cms/app/templates/telecom-vendor/edit.hbs
new file mode 100644
index 00000000..7b439d46
--- /dev/null
+++ b/web/cms/app/templates/telecom-vendor/edit.hbs
@@ -0,0 +1,10 @@
+{{#form-content}}
+    {{form-input type='hidden' name='id'}}
+    {{form-input name='name' label='名称'}}
+
+    {{form-input-enabled}}
+    {{form-input name='note' label='备注'}}
+
+    <hr />
+    {{form-footer-buttons type='update'}}
+{{/form-content}}
diff --git a/web/cms/app/templates/telecom-vendor/list.hbs b/web/cms/app/templates/telecom-vendor/list.hbs
new file mode 100644
index 00000000..1b6de436
--- /dev/null
+++ b/web/cms/app/templates/telecom-vendor/list.hbs
@@ -0,0 +1,73 @@
+<div class="widget-box transparent" style="padding-top: 2px; border: 1px solid #ddd;">
+    {{#grid-header}}
+        {{#has-perm 'PERM_VIEW_TELECOM_VENDOR_CREATE'}}
+        <li>
+            {{#link-to 'telecom-vendor.create'}}
+                <i class="ace-icon fa fa-plus-circle bigger-110 green"></i>
+                新建语音运营商
+            {{/link-to}}
+        </li>
+        {{/has-perm}}
+    {{/grid-header}}
+
+    <div class="widget-body">
+        <!-- #section:custom/scrollbar -->
+        <div class="widget-main no-padding">
+            <table class="table table-striped table-bordered table-hover dataTable">
+                <thead class="thin-border-bottom">
+                    <tr>
+                        <th>
+                            名称
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-sticky-note-o bigger-110"></i>
+                            备注
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-exchange bigger-110 hidden-480"></i>
+                            {{th-filter name='active'
+                                text='状态'
+                                dialog-title='状态'
+                                options=(array (hash value=true text='启用')
+                                    (hash value=false text='禁用'))
+                            }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-cogs bigger-110 hidden-480"></i>
+                            管理
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{#each model.data as |it|}}
+                    <tr>
+                        <td>
+                            {{it.name}}
+                        </td>
+                        <td>
+                            {{editable-cell model=it field='note'}}
+                        </td>
+                        <td>
+                            {{status-cell model=it}}
+                        </td>
+                        <td>
+                            <div class="btn-group">
+                                {{#has-perm 'PERM_VIEW_TELECOM_VENDOR_EDIT'}}
+                                    {{status-toggle-button model=it}}
+                                    {{edit-btn route-name='telecom-vendor.edit' model-id=it.id perm='PERM_VIEW_TELECOM_VENDOR_EDIT'}}
+                                {{/has-perm}}
+                                {{#has-perm 'PERM_VIEW_TELECOM_VENDOR_DELETE'}}
+                                    {{#unless it.active}}
+                                        {{delete-button model=it}}
+                                    {{/unless}}
+                                {{/has-perm}}
+                            </div>
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
+        </div>
+        {{pagination-bar}}
+    </div>
+</div>
diff --git a/web/cms/app/templates/tenant/create.hbs b/web/cms/app/templates/tenant/create.hbs
new file mode 100644
index 00000000..29028ae0
--- /dev/null
+++ b/web/cms/app/templates/tenant/create.hbs
@@ -0,0 +1,9 @@
+{{#form-content}}
+    {{form-input type='hidden' name='active'}}
+    {{form-input name='name' label='名称'}}
+    {{form-input name='code' label='编码'}}
+    {{form-input name='realm' label='域'}}
+    {{form-input name='note' label='备注'}}
+    <hr />
+    {{form-footer-buttons}}
+{{/form-content}}
diff --git a/web/cms/app/templates/tenant/edit.hbs b/web/cms/app/templates/tenant/edit.hbs
new file mode 100644
index 00000000..334e49a0
--- /dev/null
+++ b/web/cms/app/templates/tenant/edit.hbs
@@ -0,0 +1,13 @@
+{{#form-content}}
+    {{form-input type='hidden' name='id'}}
+
+    {{form-input name='name' label='名称'}}
+    {{form-input name='code' label='编码' readonly='readonly'}}
+    {{form-input name='realm' label='域' readonly='readonly'}}
+    {{form-input-checkbox name='renewAccessSecret' label='刷新密码'}}
+    {{form-input-enabled}}
+    {{form-input name='note' label='备注'}}
+
+    <hr />
+    {{form-footer-buttons type='update'}}
+{{/form-content}}
diff --git a/web/cms/app/templates/tenant/list.hbs b/web/cms/app/templates/tenant/list.hbs
new file mode 100644
index 00000000..1cb4dd0a
--- /dev/null
+++ b/web/cms/app/templates/tenant/list.hbs
@@ -0,0 +1,100 @@
+<div class="widget-box transparent" style="padding-top: 2px; border: 1px solid #ddd;">
+    {{#grid-header}}
+        {{#has-perm 'PERM_VIEW_TENANT_CREATE'}}
+        <li>
+            {{#link-to 'tenant.create'}}
+                <i class="ace-icon fa fa-plus-circle bigger-110 green"></i>
+                新建租户
+            {{/link-to}}
+        </li>
+        {{/has-perm}}
+    {{/grid-header}}
+
+    <div class="widget-body">
+        <!-- #section:custom/scrollbar -->
+        <div class="widget-main no-padding">
+            <table class="table table-striped table-bordered table-hover dataTable">
+                <thead class="thin-border-bottom">
+                    <tr>
+                        <th>
+                            名称
+                        </th>
+                        <th>
+                            编码
+                        </th>
+                        <th>
+                            域
+                        </th>
+                        <th>
+                            Access Key
+                        </th>
+                        <th>
+                            Access Secret
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-sticky-note-o bigger-110"></i>
+                            备注
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-exchange bigger-110 hidden-480"></i>
+                            {{th-filter name='active'
+                                text='状态'
+                                dialog-title='状态'
+                                options=(array (hash value=true text='启用')
+                                    (hash value=false text='禁用'))
+                            }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-cogs bigger-110 hidden-480"></i>
+                            管理
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{#each model.data as |it|}}
+                    <tr>
+                        <td>
+                            {{it.name}}
+                        </td>
+                        <td>
+                            {{it.code}}
+                        </td>
+                        <td>
+                            {{it.realm}}
+                        </td>
+                        <td>
+                            {{it.accessKey}}
+                        </td>
+                        <td>
+                            {{if it.showAccessSecret it.accessSecret '****************'}}
+                        </td>
+                        <td>
+                            {{editable-cell model=it field='note'}}
+                        </td>
+                        <td>
+                            {{status-cell model=it}}
+                        </td>
+                        <td>
+                            <div class="btn-group">
+                                {{status-toggle-button model=it}}
+                                {{#a-btn class="btn btn-xs btn-success"
+                                    title='切换显示密码'
+                                    click=(route-action 'toggleAccessSecretVisible' it)
+                                }}
+                                    <i class="ace-icon fa fa-{{if it.showAccessSecret 'eye-slash' 'eye'}} bigger-120"></i>
+                                {{/a-btn}}
+
+                                {{edit-btn route-name='tenant.edit' model-id=it.id perm='PERM_VIEW_TENANT_EDIT'}}
+                                {{#unless it.active}}
+                                    {{delete-button model=it}}
+                                {{/unless}}
+                            </div>
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
+        </div>
+        {{pagination-bar}}
+    </div>
+</div>
diff --git a/web/cms/app/templates/trunk-attr/create.hbs b/web/cms/app/templates/trunk-attr/create.hbs
new file mode 100644
index 00000000..462bbae4
--- /dev/null
+++ b/web/cms/app/templates/trunk-attr/create.hbs
@@ -0,0 +1,6 @@
+{{#form-content}}
+    {{form-input name='attr' label='属性'}}
+    {{form-input name='note' label='备注'}}
+    <hr />
+    {{form-footer-buttons}}
+{{/form-content}}
diff --git a/web/cms/app/templates/trunk-attr/edit.hbs b/web/cms/app/templates/trunk-attr/edit.hbs
new file mode 100644
index 00000000..8a3bd794
--- /dev/null
+++ b/web/cms/app/templates/trunk-attr/edit.hbs
@@ -0,0 +1,9 @@
+{{#form-content}}
+    {{form-input type='hidden' name='id'}}
+    {{form-input name='attr' label='属性'}}
+    {{form-input-enabled}}
+    {{form-input name='note' label='备注'}}
+    <hr />
+    {{form-footer-buttons type='update'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/trunk-attr/list.hbs b/web/cms/app/templates/trunk-attr/list.hbs
new file mode 100644
index 00000000..ef989487
--- /dev/null
+++ b/web/cms/app/templates/trunk-attr/list.hbs
@@ -0,0 +1,73 @@
+<div class="widget-box transparent" style="padding-top: 2px; border: 1px solid #ddd;">
+    {{#grid-header}}
+        {{#has-perm 'PERM_VIEW_TRUNK_ATTR_CREATE'}}
+        <li>
+            {{#link-to 'trunk-attr.create'}}
+                <i class="ace-icon fa fa-plus-circle bigger-110 green"></i>
+                新建中继属性
+            {{/link-to}}
+        </li>
+        {{/has-perm}}
+    {{/grid-header}}
+
+    <div class="widget-body">
+        <!-- #section:custom/scrollbar -->
+        <div class="widget-main no-padding">
+            <table class="table table-striped table-bordered table-hover dataTable">
+                <thead class="thin-border-bottom">
+                    <tr>
+                        <th>
+                            属性
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-sticky-note-o bigger-110"></i>
+                            备注
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-exchange bigger-110 hidden-480"></i>
+                            {{th-filter name='active'
+                                text='状态'
+                                options=(array (hash value=true text='启用')
+                                    (hash value=false text='禁用'))
+                            }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-cogs bigger-110 hidden-480"></i>
+                            管理
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{#each model.data as |it|}}
+                    <tr>
+                        <td>
+                            {{it.attr}}
+                        </td>
+                        <td>
+                            {{editable-cell model=it field='note'}}
+                        </td>
+                        <td>
+                            {{status-cell model=it}}
+                        </td>
+                        <td>
+                            <div class="btn-group">
+                                {{#has-perm 'PERM_VIEW_TRUNK_ATTR_EDIT'}}
+                                    {{status-toggle-button model=it}}
+                                    {{edit-btn route-name='trunk-attr.edit' model-id=it.id perm='PERM_VIEW_TRUNK_ATTR_EDIT'}}
+                                {{/has-perm}}
+                                {{#has-perm 'PERM_VIEW_TRUNK_ATTR_DELETE'}}
+                                    {{#unless it.active}}
+                                        {{delete-button model=it}}
+                                    {{/unless}}
+                                {{/has-perm}}
+                            </div>
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
+        </div>
+        {{pagination-bar}}
+    </div>
+</div>
+{{outlet}}
\ No newline at end of file
diff --git a/web/cms/app/templates/trunk-strategy/create.hbs b/web/cms/app/templates/trunk-strategy/create.hbs
new file mode 100644
index 00000000..859b9999
--- /dev/null
+++ b/web/cms/app/templates/trunk-strategy/create.hbs
@@ -0,0 +1,13 @@
+{{#form-content}}
+    <hr />
+    {{form-input name='name' label='名称'}}
+    {{form-input-select
+        name='strategy'
+        label='策略'
+        options=model.strategiesList
+    }}
+    {{form-input name='note' label='备注'}}
+    <hr />
+    {{form-footer-buttons type='create'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/trunk-strategy/edit.hbs b/web/cms/app/templates/trunk-strategy/edit.hbs
new file mode 100644
index 00000000..6ad6bac9
--- /dev/null
+++ b/web/cms/app/templates/trunk-strategy/edit.hbs
@@ -0,0 +1,17 @@
+{{#form-content}}
+    {{form-input type='hidden' name='id'}}
+
+    {{form-input name='name' label='名称'}}
+    {{form-input-select
+        name='strategy'
+        label='策略'
+        options=model.strategiesList
+    }}
+
+    {{form-input-enabled}}
+    {{form-input name='note' label='备注'}}
+
+    <hr />
+    {{form-footer-buttons type='update'}}
+{{/form-content}}
+{{outlet}}
\ No newline at end of file
diff --git a/web/cms/app/templates/trunk-strategy/list.hbs b/web/cms/app/templates/trunk-strategy/list.hbs
new file mode 100644
index 00000000..1cda6b20
--- /dev/null
+++ b/web/cms/app/templates/trunk-strategy/list.hbs
@@ -0,0 +1,84 @@
+<div class="widget-box transparent" style="padding-top: 2px; border: 1px solid #ddd;">
+    {{#grid-header}}
+        {{#has-perm 'PERM_VIEW_TRUNK_STRATEGY_CREATE'}}
+        <li>
+            {{#link-to 'trunk-strategy.create'}}
+                <i class="ace-icon fa fa-plus-circle bigger-110 green"></i>
+                新建中继策略
+            {{/link-to}}
+        </li>
+        {{/has-perm}}
+    {{/grid-header}}
+
+    <div class="widget-body">
+        <!-- #section:custom/scrollbar -->
+        <div class="widget-main no-padding">
+            <table class="table table-striped table-bordered table-hover dataTable">
+                <thead class="thin-border-bottom">
+                    <tr>
+                        <th>
+                            名称
+                        </th>
+                        <th>
+                            {{th-filter name='strategy'
+                                text='策略'
+                                dialog-title='策略'
+                                options=model.strategiesList
+                           }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-sticky-note-o bigger-110"></i>
+                            备注
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-exchange bigger-110 hidden-480"></i>
+                            {{th-filter name='active'
+                                text='状态'
+                                dialog-title='状态'
+                                options=(array (hash value=true text='启用')
+                                    (hash value=false text='禁用'))
+                            }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-cogs bigger-110 hidden-480"></i>
+                            管理
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{#each model.data as |it|}}
+                    <tr>
+                        <td>
+                            {{it.name}}
+                        </td>
+                        <td>
+                            {{it.strategy}}
+                        </td>
+                        <td>
+                            {{editable-cell model=it field='note'}}
+                        </td>
+                        <td>
+                            {{status-cell model=it}}
+                        </td>
+                        <td>
+                            <div class="btn-group">
+                                {{#has-perm 'PERM_VIEW_TRUNK_STRATEGY_EDIT'}}
+                                    {{status-toggle-button model=it}}
+                                    {{edit-btn route-name='trunk-strategy.edit' model-id=it.id perm='PERM_VIEW_TRUNK_STRATEGY_EDIT'}}
+                                {{/has-perm}}
+                                {{#has-perm 'PERM_VIEW_TRUNK_STRATEGY_DELETE'}}
+                                    {{#unless it.active}}
+                                        {{delete-button model=it}}
+                                    {{/unless}}
+                                {{/has-perm}}
+                            </div>
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
+        </div>
+        {{pagination-bar}}
+    </div>
+</div>
+{{outlet}}
diff --git a/web/cms/app/templates/trunk/create.hbs b/web/cms/app/templates/trunk/create.hbs
new file mode 100644
index 00000000..b36456c2
--- /dev/null
+++ b/web/cms/app/templates/trunk/create.hbs
@@ -0,0 +1,77 @@
+{{#form-content}}
+    <hr />
+    {{form-input-select
+        name='gatewayId'
+        label='网关'
+        options=model.gatewaysList.data
+        value-field='id'
+        text-field='name'
+        enabled-field='active'
+    }}
+    {{form-input-select
+        name='telecomVendorId'
+        label='语音厂商'
+        options=model.telecomVendorsList.data
+        value-field='id'
+        text-field='name'
+        enabled-field='active'
+    }}
+    {{form-input type='textarea' name='callerNumbers' label='外呼显示号'}}
+    {{form-input name='gatewayPrefix' label='网关前缀'}}
+    {{form-input-checkbox name='cpnWithOutAreaCode' label='送出号码截取区号'}}
+    {{form-input-checkbox name='ocAddZero' label='外埠加零'}}
+    {{form-input-select
+        multiple=true
+        name='strategies'
+        label='中继策略'
+        options=model.trunkStrategiesList.data
+        value-field='id'
+        text-field='name'
+        enabled-field='active'
+    }}
+    {{form-input-select
+        multiple=true
+        name='attrs'
+        label='中继属性'
+        options=model.trunkAttrsList.data
+        value-field='id'
+        text-field='attr'
+        enabled-field='active'
+    }}
+    {{form-input-select
+        name='inboundTargetType'
+        label='进线类型'
+        options=model.inboundTargetTypesList
+    }}
+    {{#if (eq 'AGENT' model.inboundTargetType)}}
+        {{form-input-select name='inboundTarget'
+            label='进线目标(坐席)'
+            options=model.agentsList.data
+            value-field='id'
+            text-field='name'
+            enabled-field='active'
+        }}
+    {{else}}
+        {{form-input-select name='inboundTarget'
+            label='进线目标(队列)'
+            options=model.queuesList.data
+            value-field='id'
+            text-field='name'
+            enabled-field='active'
+        }}
+    {{/if}}
+    {{form-input-select
+        multiple=true
+        name='tags'
+        label='标签'
+        options=model.tagsList.data
+        value-field='id'
+        text-field='tag'
+        enabled-field='active'
+    }}
+
+    {{form-input name='note' label='备注'}}
+    <hr />
+    {{form-footer-buttons type='create'}}
+{{/form-content}}
+{{outlet}}
diff --git a/web/cms/app/templates/trunk/edit.hbs b/web/cms/app/templates/trunk/edit.hbs
new file mode 100644
index 00000000..88e4229f
--- /dev/null
+++ b/web/cms/app/templates/trunk/edit.hbs
@@ -0,0 +1,82 @@
+{{#form-content}}
+    {{form-input type='hidden' name='id'}}
+
+    {{form-input-select
+        name='gatewayId'
+        label='网关'
+        options=model.gatewaysList
+        value-field='id'
+        text-field='name'
+        enabled-field='active'
+    }}
+    {{form-input-select
+        name='telecomVendorId'
+        label='语音厂商'
+        options=model.telecomVendorsList
+        readonly=true
+        value-field='id'
+        text-field='name'
+        enabled-field='active'
+    }}
+    {{form-input name='areaCode' label='区号' readonly=true}}
+    {{form-input name='callerNumber' label='外呼显示号' readonly=true}}
+    {{form-input name='cpn' label='送出号码' readonly=true}}
+    {{form-input name='gatewayPrefix' label='网关前缀'}}
+    {{form-input-checkbox name='ocAddZero' label='外埠加零'}}
+    {{form-input-select
+        multiple=true
+        name='strategies'
+        label='中继策略'
+        options=model.trunkStrategiesList
+        value-field='id'
+        text-field='name'
+        enabled-field='active'
+    }}
+    {{form-input-select
+        multiple=true
+        name='attrs'
+        label='中继属性'
+        options=model.trunkAttrsList
+        value-field='id'
+        text-field='attr'
+        enabled-field='active'
+    }}
+    {{form-input-select
+        name='inboundTargetType'
+        label='进线类型'
+        options=model.inboundTargetTypesList
+    }}
+    {{#if (eq 'AGENT' model.inboundTargetType)}}
+        {{form-input-select name='inboundTarget'
+            label='进线目标(坐席)'
+            options=model.agentsList
+            value-field='id'
+            text-field='name'
+            enabled-field='active'
+        }}
+    {{else}}
+        {{form-input-select name='inboundTarget'
+            label='进线目标(队列)'
+            options=model.queuesList
+            value-field='id'
+            text-field='name'
+            enabled-field='active'
+        }}
+    {{/if}}
+
+    {{form-input-select
+        multiple=true
+        name='tags'
+        label='标签'
+        options=model.tagsList
+        value-field='id'
+        text-field='tag'
+        enabled-field='active'
+    }}
+
+    {{form-input-enabled}}
+    {{form-input name='note' label='备注'}}
+
+    <hr />
+    {{form-footer-buttons type='update'}}
+{{/form-content}}
diff --git a/web/cms/app/templates/trunk/list.hbs b/web/cms/app/templates/trunk/list.hbs
new file mode 100644
index 00000000..a845b474
--- /dev/null
+++ b/web/cms/app/templates/trunk/list.hbs
@@ -0,0 +1,184 @@
+<div class="widget-box transparent" style="padding-top: 2px; border: 1px solid #ddd;">
+    {{#grid-header}}
+        {{#has-perm 'PERM_VIEW_TRUNK_CREATE'}}
+        <li>
+            {{#link-to 'trunk.create'}}
+                <i class="ace-icon fa fa-plus-circle bigger-110 green"></i>
+                新建中继
+            {{/link-to}}
+        </li>
+        {{/has-perm}}
+    {{/grid-header}}
+
+    <div class="widget-body">
+        <!-- #section:custom/scrollbar -->
+        <div class="widget-main no-padding">
+            <table class="table table-striped table-bordered table-hover dataTable">
+                <thead class="thin-border-bottom">
+                    <tr>
+                        <th>
+                            前缀
+                        </th>
+                        <th>
+                            {{th-filter name='areaCode'
+                                text='主叫号码'
+                                dialog-title='区号过滤'
+                                label='区号'
+                                options=model.areaCodes
+                           }}
+                        </th>
+                        <th>
+                            {{th-filter name='gatewayId'
+                                text='网关'
+                                dialog-title='网关'
+                                options=model.gatewaysList
+                                value-field='id'
+                                text-field='name'
+                           }}
+                        </th>
+                        <th>
+                            {{th-filter name='telecomVendorId'
+                                text='运营商'
+                                dialog-title='运营商'
+                                options=model.telecomVendorsList
+                                value-field='id'
+                                text-field='name'
+                           }}
+                        </th>
+                        <th>
+                            {{th-filter name='ocAddZero'
+                                text='外埠加零'
+                                dialog-title='外埠加零'
+                                options=(array (hash value=true text='是')
+                                    (hash value=false text='否'))
+                           }}
+                        </th>
+                        <th>
+                            {{th-filter name='strategies'
+                                text='中继策略'
+                                options=model.trunkStrategiesList
+                                value-field='id'
+                                text-field='name'
+                           }}
+                        </th>
+                        <th>
+                            {{th-filter name='attrs'
+                                text='中继属性'
+                                options=model.trunkAttrsList
+                                value-field='id'
+                                text-field='attr'
+                           }}
+                        </th>
+                        <th>
+                            {{th-filter name='inboundTargetType'
+                                text='进线类型'
+                                options=model.inboundTargetTypesList
+                           }}
+                        </th>
+                        <th>
+                            进线目标
+                        </th>
+                        <th>
+                            {{th-filter name='tags'
+                                text='标签'
+                                dialog-title='标签'
+                                options=model.tagsList
+                                value-field='id'
+                                text-field='tag'
+                           }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-sticky-note-o bigger-110"></i>
+                            备注
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-exchange bigger-110 hidden-480"></i>
+                            {{th-filter name='active'
+                                text='状态'
+                                dialog-title='状态'
+                                options=(array (hash value=true text='启用')
+                                    (hash value=false text='禁用'))
+                            }}
+                        </th>
+                        <th>
+                            <i class="ace-icon fa fa-cogs bigger-110 hidden-480"></i>
+                            管理
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                {{#each model.data as |it|}}
+                    <tr>
+                        <td>
+                            {{it.prefix}}
+                        </td>
+                        <td>
+                            {{trunk/caller-number trunk=it}}
+                        </td>
+                        <td>
+                            {{option-text model.gatewaysList it.gatewayId 'id' 'name'}}
+                        </td>
+                        <td>
+                            {{option-text model.telecomVendorsList it.telecomVendorId 'id' 'name'}}
+                        </td>
+                        <td>
+                            {{status-cell model=it
+                                name='ocAddZero'
+                                enabled-text='是'
+                                disabled-text='否'}}
+                        </td>
+                        <td>
+                            {{tag/tags-list
+                                tags-list=model.trunkStrategiesList
+                                tags=it.strategies
+                                tag-field='name'}}
+                        </td>
+                        <td>
+                            {{tag/tags-list
+                                tags-list=model.trunkAttrsList
+                                tags=it.attrs
+                                tag-field='attr'}}
+                        </td>
+                        <td>
+                            {{it.inboundTargetType}}
+                        </td>
+                        <td>
+                            {{#if (eq 'AGENT' it.inboundTargetType)}}
+                                {{option-text model.agentsList
+                                    it.inboundTarget 'id' 'name'}}
+                            {{else}}
+                                {{option-text model.queuesList
+                                    it.inboundTarget 'id' 'name'}}
+                            {{/if}}
+                        </td>
+                        <td>
+                            {{tag/tags-list tags-list=model.tagsList tags=it.tags}}
+                        </td>
+                        <td>
+                            {{editable-cell model=it field='note'}}
+                        </td>
+                        <td>
+                            {{status-cell model=it}}
+                        </td>
+                        <td>
+                            <div class="btn-group">
+                                {{#has-perm 'PERM_VIEW_TRUNK_EDIT'}}
+                                    {{status-toggle-button model=it}}
+                                    {{edit-btn route-name='trunk.edit' model-id=it.id perm='PERM_VIEW_TRUNK_EDIT'}}
+                                {{/has-perm}}
+                                {{#has-perm 'PERM_VIEW_TRUNK_DELETE'}}
+                                    {{#unless it.active}}
+                                        {{delete-button model=it}}
+                                    {{/unless}}
+                                {{/has-perm}}
+                            </div>
+                        </td>
+                    </tr>
+                {{/each}}
+                </tbody>
+            </table>
+        </div>
+        {{pagination-bar}}
+    </div>
+</div>
+{{outlet}}
diff --git a/web/cms/app/utils/batch-actions.js b/web/cms/app/utils/batch-actions.js
new file mode 100644
index 00000000..847e420a
--- /dev/null
+++ b/web/cms/app/utils/batch-actions.js
@@ -0,0 +1,38 @@
+export default {
+    batchEnable() {
+        const me = this;
+        const ids = me.get('controller.model.data').filter(i => i.checked).map(i => i.id);
+        ids.length && me.get('dialog').confirm('确认启用选中项吗？', () => {
+            me.get('service').ajaxPost('batch-enable', {
+                ids: ids.join(',')
+            }).then(() => {
+                me.refresh();
+                me.get('message').alert('启用成功');
+            });
+        });
+    },
+    batchDisable() {
+        const me = this;
+        const ids = me.get('controller.model.data').filter(i => i.checked).map(i => i.id);
+        ids.length && me.get('dialog').confirm('确认禁用选中项吗？', () => {
+            me.get('service').ajaxPost('batch-disable', {
+                ids: ids.join(',')
+            }).then(() => {
+                me.refresh();
+                me.get('message').alert('禁用成功');
+            });
+        });
+    },
+    batchRemove() {
+        const me = this;
+        const ids = me.get('controller.model.data').filter(i => i.checked).map(i => i.id);
+        ids.length && me.get('dialog').confirm('确认删除选中项吗？', () => {
+            me.get('service').ajaxPost('batch-remove', {
+                ids: ids.join(',')
+            }).then(() => {
+                me.refresh();
+                me.get('message').alert('删除成功');
+            });
+        });
+    }
+}
diff --git a/web/cms/app/utils/equals.js b/web/cms/app/utils/equals.js
new file mode 100644
index 00000000..3e00f591
--- /dev/null
+++ b/web/cms/app/utils/equals.js
@@ -0,0 +1,178 @@
+/* -----------------------------------------------------------------------------------------
+   equals( a, b [, enforce_properties_order, cyclic] )
+
+   Returns true if a and b are deeply equal, false otherwise.
+
+   Parameters:
+     - a (Any type): value to compare to b
+     - b (Any type): value compared to a
+
+   Optional Parameters:
+     - enforce_properties_order (Boolean): true to check if Object properties are provided
+       in the same order between a and b
+
+     - cyclic (Boolean): true to check for cycles in cyclic objects
+
+   Implementation:
+     'a' is considered equal to 'b' if all scalar values in a and b are strictly equal as
+     compared with operator '===' except for these two special cases:
+       - 0 === -0 but are not equal.
+       - NaN is not === to itself but is equal.
+
+     RegExp objects are considered equal if they have the same lastIndex, i.e. both regular
+     expressions have matched the same number of times.
+
+     Functions must be identical, so that they have the same closure context.
+
+     "undefined" is a valid value, including in Objects
+
+     106 automated tests.
+
+     Provide options for slower, less-common use cases:
+
+       - Unless enforce_properties_order is true, if 'a' and 'b' are non-Array Objects, the
+         order of occurence of their attributes is considered irrelevant:
+           { a: 1, b: 2 } is considered equal to { b: 2, a: 1 }
+
+       - Unless cyclic is true, Cyclic objects will throw:
+           RangeError: Maximum call stack size exceeded
+*/
+export default function equals( a, b, enforce_properties_order, cyclic ) {
+  return a === b       // strick equality should be enough unless zero
+    && a !== 0         // because 0 === -0, requires test by _equals()
+    || _equals( a, b ) // handles not strictly equal or zero values
+  ;
+
+  function _equals( a, b ) {
+    // a and b have already failed test for strict equality or are zero
+
+    var s, l, p, x, y;
+
+    // They should have the same toString() signature
+    if ( ( s = toString.call( a ) ) !== toString.call( b ) ) return false;
+
+    switch( s ) {
+      default: // Boolean, Date, String
+        return a.valueOf() === b.valueOf();
+
+      case '[object Number]':
+        // Converts Number instances into primitive values
+        // This is required also for NaN test bellow
+        a = +a;
+        b = +b;
+
+        return a ?         // a is Non-zero and Non-NaN
+            a === b
+          :                // a is 0, -0 or NaN
+            a === a ?      // a is 0 or -O
+            1/a === 1/b    // 1/0 !== 1/-0 because Infinity !== -Infinity
+          : b !== b        // NaN, the only Number not equal to itself!
+        ;
+      // [object Number]
+
+      case '[object RegExp]':
+        return a.source   == b.source
+          && a.global     == b.global
+          && a.ignoreCase == b.ignoreCase
+          && a.multiline  == b.multiline
+          && a.lastIndex  == b.lastIndex
+        ;
+      // [object RegExp]
+
+      case '[object Function]':
+        return false; // functions should be strictly equal because of closure context
+      // [object Function]
+
+      case '[object Array]':
+        if ( cyclic && ( x = reference_equals( a, b ) ) !== null ) return x; // intentionally duplicated bellow for [object Object]
+
+        if ( ( l = a.length ) != b.length ) return false;
+        // Both have as many elements
+
+        while ( l-- ) {
+          if ( ( x = a[ l ] ) === ( y = b[ l ] ) && x !== 0 || _equals( x, y ) ) continue;
+
+          return false;
+        }
+
+        return true;
+      // [object Array]
+
+      case '[object Object]':
+        if ( cyclic && ( x = reference_equals( a, b ) ) !== null ) return x; // intentionally duplicated from above for [object Array]
+
+        l = 0; // counter of own properties
+
+        if ( enforce_properties_order ) {
+          var properties = [];
+
+          for ( p in a ) {
+            if ( a.hasOwnProperty( p ) ) {
+              properties.push( p );
+
+              if ( ( x = a[ p ] ) === ( y = b[ p ] ) && x !== 0 || _equals( x, y ) ) continue;
+
+              return false;
+            }
+          }
+
+          // Check if 'b' has as the same properties as 'a' in the same order
+          for ( p in b )
+            if ( b.hasOwnProperty( p ) && properties[ l++ ] != p )
+              return false;
+        } else {
+          for ( p in a ) {
+            if ( a.hasOwnProperty( p ) ) {
+              ++l;
+
+              if ( ( x = a[ p ] ) === ( y = b[ p ] ) && x !== 0 || _equals( x, y ) ) continue;
+
+              return false;
+            }
+          }
+
+          // Check if 'b' has as not more own properties than 'a'
+          for ( p in b )
+            if ( b.hasOwnProperty( p ) && --l < 0 )
+              return false;
+        }
+
+        return true;
+      // [object Object]
+    } // switch toString.call( a )
+  } // _equals()
+
+  /* -----------------------------------------------------------------------------------------
+     reference_equals( a, b )
+
+     Helper function to compare object references on cyclic objects or arrays.
+
+     Returns:
+       - null if a or b is not part of a cycle, adding them to object_references array
+       - true: same cycle found for a and b
+       - false: different cycle found for a and b
+
+     On the first call of a specific invocation of equal(), replaces self with inner function
+     holding object_references array object in closure context.
+
+     This allows to create a context only if and when an invocation of equal() compares
+     objects or arrays.
+  */
+  function reference_equals( a, b ) {
+    var object_references = [];
+
+    return ( reference_equals = _reference_equals )( a, b );
+
+    function _reference_equals( a, b ) {
+      var l = object_references.length;
+
+      while ( l-- )
+        if ( object_references[ l-- ] === b )
+          return object_references[ l ] === a;
+
+      object_references.push( a, b );
+
+      return null;
+    } // _reference_equals()
+  } // reference_equals()
+} // equals()
diff --git a/web/cms/app/utils/is-empty.js b/web/cms/app/utils/is-empty.js
new file mode 100644
index 00000000..13a8a9ff
--- /dev/null
+++ b/web/cms/app/utils/is-empty.js
@@ -0,0 +1,3 @@
+export default function isEmpty(param) {
+  return param === null || param === undefined || param ==='';
+}
diff --git a/web/cms/app/utils/nav-items.js b/web/cms/app/utils/nav-items.js
new file mode 100644
index 00000000..2b44b473
--- /dev/null
+++ b/web/cms/app/utils/nav-items.js
@@ -0,0 +1,187 @@
+export default (function() {
+  const navItems = [
+    {
+      perm: 'PERM_VIEW_PHONE_BAR',
+      route: 'phone-bar',
+      icon: 'fa-phone-square',
+      text: '电话条'
+    },
+    {
+      perm: 'PERM_VIEW_SEQUENCE_LIST',
+      route: 'sequence.list',
+      icon: 'fa-sort-numeric-asc',
+      text: '序号管理'
+    },
+    {
+      perm: 'PERM_VIEW_AREA_CODE_LIST',
+      route: 'area-code.list',
+      icon: 'fa-angle-double-right',
+      text: '区号管理'
+    },
+    {
+      perm: 'PERM_VIEW_TAG_LIST',
+      route: 'tag.list',
+      icon: 'fa-tags',
+      text: '标签管理'
+    },
+    {
+      perm: 'PERM_VIEW_TENANT_LIST',
+      route: 'tenant.list',
+      icon: 'fa-cubes purple',
+      text: '租户管理'
+    },
+    {
+      perm: 'PERM_VIEW_TELECOM_VENDOR_LIST',
+      route: 'telecom-vendor.list',
+      icon: 'icon-business-cards',
+      text: '语音运营商管理'
+    },
+    {
+      perm: 'PERM_VIEW_GATEWAY_LIST',
+      route: 'gateway.list',
+      icon: 'fa-window-close-o',
+      text: '网关管理'
+    },
+    {
+      perm: 'PERM_VIEW_TRUNK_LIST',
+      route: 'trunk.list',
+      icon: 'fa-random',
+      text: '中继管理'
+    },
+    {
+      perm: 'PERM_VIEW_TRUNK_STRATEGY_LIST',
+      route: 'trunk-strategy.list',
+      icon: 'fa-retweet',
+      text: '中继策略管理'
+    },
+    {
+      perm: 'PERM_VIEW_TRUNK_ATTR_LIST',
+      route: 'trunk-attr.list',
+      icon: 'fa-book',
+      text: '中继属性管理'
+    },
+    {
+      perm: 'PERM_VIEW_QUEUE_LIST',
+      route: 'queue.list',
+      icon: 'fa-tasks',
+      text: '队列管理'
+    },
+    {
+      perm: 'PERM_VIEW_AGENT_GROUP_LIST',
+      route: 'agent-group.list',
+      icon: 'fa-users',
+      text: '坐席组管理'
+    },
+    {
+      perm: 'PERM_VIEW_AGENT_LIST',
+      route: 'agent.list',
+      icon: 'fa-user',
+      text: '坐席管理'
+    },
+    {
+      perm: 'PERM_VIEW_ROBOT_AGENT_LIST',
+      route: 'robot-agent.list',
+      icon: 'fa-android',
+      text: '机器人分配管理'
+    },
+    {
+      perm: 'PERM_VIEW_CAMPAIGN_LIST',
+      route: 'campaign.list',
+      icon: 'fa-fax',
+      text: '外呼活动管理'
+    },
+    {
+      perm: 'PERM_VIEW_CAMPAIGN_LIST',
+      route: 'calling-list.list',
+      icon: 'fa fa-list-alt',
+      text: '拨打列表'
+    },
+    {
+      perm: 'PERM_VIEW_VOICE_ACTOR_LIST',
+      route: 'voice-actor.list',
+      icon: 'fa-user-circle-o',
+      text: '发音人管理'
+    },
+    {
+      perm: 'PERM_VIEW_TALK_GROUP_LIST',
+      route: 'talk-group.list',
+      icon: 'fa-volume-up grey',
+      text: '话术组管理'
+    },
+    {
+      perm: 'PERM_NLP_TERM_GROUP_LIST',
+      route: 'nlp-term-group.list',
+      icon: 'fa-file-o grey',
+      text: '分词组管理'
+    },
+    {
+      perm: 'PERM_NLP_TERM_LIST',
+      route: 'nlp-term.list',
+      icon: 'fa-file-word-o grey',
+      text: '分词管理'
+    },
+    {
+      perm: 'PERM_NLP_COMPONENT_GROUP_LIST',
+      route: 'nlp-component-group.list',
+      icon: 'fa-object-group grey',
+      text: '组件组管理'
+    },
+    {
+      perm: 'PERM_NLP_COMPONENT_LIST',
+      route: 'nlp-component.list',
+      icon: 'fa-object-ungroup grey',
+      text: '组件管理'
+    },
+    {
+      perm: 'PERM_NLP_COMPONENT_LIST',
+      route: 'nlp-knowledge.list',
+      icon: 'fa-book grey',
+      text: '知识库管理'
+    },
+    {
+      perm: 'PERM_NLP_STATE_MACHINE_LIST',
+      route: 'nlp-state-machine.list',
+      icon: 'fa-puzzle-piece grey',
+      text: '状态机管理'
+    },
+    {
+      perm: 'PERM_VIEW_AUTH_ROLE_LIST',
+      route: 'auth-role.list',
+      icon: 'fa-vcard',
+      text: '认证角色管理'
+    },
+    {
+      perm: 'PERM_VIEW_AUTH_PERMISSION_LIST',
+      route: 'auth-permission.list',
+      icon: 'fa-key',
+      text: '认证权限管理'
+    },
+    {
+      perm: 'PERM_VIEW_AUTH_USER_LIST',
+      route: 'auth-user.list',
+      icon: 'fa-address-book',
+      text: '认证用户管理'
+    },
+    {
+      perm: 'PERM_VIEW_CAMPAIGN_LIST',
+      route: 'call-detail-record.list',
+      icon: 'fa fa-list',
+      text: '拨打详单'
+    },
+  ];
+
+  const menuMap = {};
+  navItems.forEach(m => {
+    menuMap[m.route] = m;
+    if (m.children) {
+      m.children.forEach(c => {
+        menuMap[c] = m;
+      });
+    }
+  });
+
+  return {
+    menu: navItems,
+    map: menuMap
+  };
+})();
diff --git a/web/cms/build b/web/cms/build
new file mode 100755
index 00000000..b70759a7
--- /dev/null
+++ b/web/cms/build
@@ -0,0 +1,35 @@
+#!/bin/sh
+
+# get real path of softlink
+get_real_path() {
+    local f="$1"
+    while [ -h "$f" ]; do
+        ls=`ls -ld "$f"`
+        link=`expr "$ls" : '.*-> \(.*\)$'`
+            if expr "$link" : '/.*' > /dev/null; then
+            f="$link"
+        else
+            f=`dirname "$f"`/"$link"
+        fi
+    done
+    echo "$f"
+}
+
+prg_path=$(get_real_path "$0")
+echo "Script Path [$prg_path]"
+
+# Service Home
+pushd $(dirname "$prg_path") > /dev/null
+PROJECT_HOME=$(dirname $(dirname $(pwd)))
+
+# ember build
+build_dir="yo-cms"
+target_jar="$PROJECT_HOME/cms/local-repo/com/pudonghot/yo/yo-cms-web/0.0.1-SNAPSHOT/yo-cms-web-0.0.1-SNAPSHOT.jar"
+rm -rf "$build_dir"
+ember b -prod -o "$build_dir"
+zip -d "$target_jar" "META-INF/*"
+zip -ur "$target_jar" "META-INF"
+zip -d "$target_jar" "$build_dir/*"
+zip -ur "$target_jar" "$build_dir"
+rm -rf "$build_dir"
+popd > /dev/null
diff --git a/web/cms/config/environment.js b/web/cms/config/environment.js
new file mode 100644
index 00000000..65312569
--- /dev/null
+++ b/web/cms/config/environment.js
@@ -0,0 +1,45 @@
+/* jshint node: true */
+
+module.exports = function(environment) {
+  var ENV = {
+    modulePrefix: 'yo-cms',
+    environment: environment,
+    rootURL: '/',
+    locationType: 'hash',
+    EmberENV: {
+      FEATURES: {
+        // Here you can enable experimental features on an ember canary build
+        // e.g. 'with-controller': true
+      }
+    },
+    APP: {
+      // Here you can pass flags/options to your application instance
+      // when it is created
+    }
+  };
+
+  if (environment === 'development') {
+    // ENV.APP.LOG_RESOLVER = true;
+    // ENV.APP.LOG_ACTIVE_GENERATION = true;
+    // ENV.APP.LOG_TRANSITIONS = true;
+    // ENV.APP.LOG_TRANSITIONS_INTERNAL = true;
+    // ENV.APP.LOG_VIEW_LOOKUPS = true;
+  }
+
+  if (environment === 'test') {
+    // Testem prefers this...
+    ENV.rootURL = '/';
+    ENV.locationType = 'none';
+
+    // keep test console output quieter
+    ENV.APP.LOG_ACTIVE_GENERATION = false;
+    ENV.APP.LOG_VIEW_LOOKUPS = false;
+
+    ENV.APP.rootElement = '#ember-testing';
+  }
+
+  if (environment === 'production') {
+    ENV.rootURL = '/yo-ng-conf/';
+  }
+  return ENV;
+};
diff --git a/web/cms/ember-cli-build.js b/web/cms/ember-cli-build.js
new file mode 100644
index 00000000..f04a0a84
--- /dev/null
+++ b/web/cms/ember-cli-build.js
@@ -0,0 +1,144 @@
+'use strict';
+
+const EmberApp = require('ember-cli/lib/broccoli/ember-app');
+const glob = require('glob')
+
+module.exports = function(defaults) {
+    const app = new EmberApp(defaults, {
+        SRI: {
+          enabled: false
+        },
+        sourcemaps: {
+            enabled: EmberApp.env() !== 'production',
+            extensions: ['js', 'coffee']
+        },
+        outputPaths: {
+            app: {
+                html: 'index.html',
+                css: {
+                    app: '/assets/css/main.css'
+                },
+                js: '/assets/js/main.js'
+            },
+            // only emberjs core
+            vendor: {
+                css: '/assets/css/emberjs.css',
+                js: '/assets/js/emberjs.js'
+            }
+        }
+    });
+
+  // Use `app.import` to add additional libraries to the generated
+  // output files.
+  //
+  // If you need to use different assets in different
+  // environments, specify an object as the first parameter. That
+  // object's keys should be the environment name and the values
+  // should be the asset to use in that environment.
+  //
+  // If the library that you are including contains AMD or ES6
+  // modules that you would like to import into your application
+  // please specify an object with the list of modules as keys
+  // along with the exports of each module as its value.
+
+    function importVendor(app, resource, outputFile) {
+        if (/\.js$/.test(resource)) {
+            app.import(resource, { outputFile: outputFile || 'assets/js/vendor.js'});
+        }
+        else if (/\.css$/.test(resource)) {
+            app.import(resource, { outputFile: outputFile || 'assets/css/vendor.css'});
+        }
+    }
+
+    importVendor(app, 'node_modules/bootstrap/dist/css/bootstrap.css');
+    // importVendor(app, 'node_modules/bootstrap/dist/css/bootstrap-theme.css');
+    importVendor(app, 'node_modules/bootstrap/dist/js/bootstrap.js');
+    glob.sync('node_modules/bootstrap/dist/fonts/glyphicons-halflings-regular.*', {})
+        .forEach(file => app.import(file, { destDir: 'assets/fonts' }));
+    importVendor(app, 'node_modules/json-format-highlight/dist/json-format-highlight.js');
+
+    // font awesome
+    importVendor(app, 'node_modules/font-awesome/css/font-awesome.min.css');
+    glob.sync('node_modules/font-awesome/fonts/*.*', {})
+        .forEach(file => app.import(file, { destDir: 'assets/fonts' }));
+    // Toastr
+    importVendor(app, 'node_modules/toastr/build/toastr.min.js');
+    importVendor(app, 'node_modules/toastr/build/toastr.min.css');
+
+    // Tags
+    importVendor(app, 'node_modules/bootstrap-tagsinput/dist/bootstrap-tagsinput.js');
+    importVendor(app, 'node_modules/bootstrap-tagsinput/dist/bootstrap-tagsinput.css');
+
+    importVendor(app, 'node_modules/bootbox/src/bootbox.js');
+    importVendor(app, 'node_modules/validate.js/validate.js');
+    // FueUX
+    importVendor(app, 'node_modules/fuelux/js/spinbox.js');
+
+    // for colorpicker
+    importVendor(app, 'node_modules/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.css');
+    importVendor(app, 'node_modules/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.js');
+    glob.sync('node_modules/bootstrap-colorpicker/dist/img/bootstrap-colorpicker/*.*', {})
+        .forEach(file => app.import(file, { destDir: 'assets/img/bootstrap-colorpicker' }));
+
+    // for image previews
+    importVendor(app, 'node_modules/jquery-colorbox/jquery.colorbox-min.js');
+    importVendor(app, 'node_modules/jquery-colorbox/example1/colorbox.css');
+    glob.sync('node_modules/jquery-colorbox/example1/images/*.*', {})
+        .forEach(file => app.import(file, { destDir: 'assets/css/images' }));
+
+    // ACE CSS
+    // JQuery UI
+    importVendor(app, 'vendor/ace/css/jquery-ui.custom.css');
+    importVendor(app, 'vendor/ace/js/jquery-ui.custom.js');
+
+    // Datetime picker
+    importVendor(app, 'vendor/ace/css/datepicker.css');
+    importVendor(app, 'vendor/ace/js/date-time/bootstrap-datepicker.js');
+    importVendor(app, 'vendor/ace/css/bootstrap-datetimepicker.css');
+    importVendor(app, 'vendor/ace/js/date-time/bootstrap-datetimepicker.js');
+    // Dual listbox
+    importVendor(app, 'vendor/ace/css/bootstrap-duallistbox.css');
+    importVendor(app, 'vendor/ace/js/jquery.bootstrap-duallistbox.js');
+    // Select 2
+    // importVendor(app, 'vendor/ace/css/select2.css');
+    // importVendor(app, 'vendor/ace/js/select2.js');
+    // app.import('vendor/ace/css/select2-spinner.gif', { destDir: 'assets/css' })
+    // app.import('vendor/ace/css/select2.png', { destDir: 'assets/css' })
+    // app.import('vendor/ace/css/select2x2.png', { destDir: 'assets/css' })
+
+    importVendor(app, 'node_modules/select2/dist/css/select2.css');
+    importVendor(app, 'node_modules/select2/dist/js/select2.js');
+
+    // ACE CSS
+    importVendor(app, 'vendor/ace/css/ace.css');
+    importVendor(app, 'vendor/ace/css/ace-fonts.css');
+    app.import('vendor/ace/fonts/OpenSans-300.woff', { destDir: 'assets/fonts' })
+    app.import('vendor/ace/fonts/OpenSans-400.woff', { destDir: 'assets/fonts' })
+
+    // const aceImages = new Funnel('vendor/ace/css/images', {
+        // include: ['**/*'],
+        // destDir: 'assets/css/images'
+    // });
+
+    // ACE JS
+    // start up
+    importVendor(app, 'vendor/ace/js/ace/ace.js');
+    importVendor(app, 'vendor/ace/js/ace-extra.js');
+    importVendor(app, 'vendor/ace/js/ace-elements.js');
+
+    importVendor(app, 'vendor/ace/js/ace/ace.touch-drag.js');
+
+    importVendor(app, 'vendor/ace/js/ace/ace.sidebar.js');
+    importVendor(app, 'vendor/ace/js/ace/ace.sidebar-scroll-1.js');
+    importVendor(app, 'vendor/ace/js/ace/ace.submenu-hover.js');
+
+    importVendor(app, 'vendor/ace/js/ace/ace.widget-box.js');
+    importVendor(app, 'vendor/ace/js/ace/ace.widget-on-reload.js');
+    importVendor(app, 'vendor/ace/js/ace/ace.searchbox-autocomplete.js');
+
+    // Audio Player
+    importVendor(app, 'vendor/audioplayer/audioplayer.css');
+    importVendor(app, 'vendor/audioplayer/audioplayer.js');
+
+    return app.toTree();
+};
diff --git a/web/cms/package-lock.json b/web/cms/package-lock.json
new file mode 100644
index 00000000..3a78a2f2
--- /dev/null
+++ b/web/cms/package-lock.json
@@ -0,0 +1,15094 @@
+{
+  "name": "yo-br-cms",
+  "version": "0.0.1",
+  "lockfileVersion": 1,
+  "requires": true,
+  "dependencies": {
+    "@babel/code-frame": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/code-frame/download/@babel/code-frame-7.8.3.tgz",
+      "integrity": "sha1-M+JZA9dIEYFTThLsCiXxa2/PQZ4=",
+      "dev": true,
+      "requires": {
+        "@babel/highlight": "^7.8.3"
+      }
+    },
+    "@babel/compat-data": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npm.taobao.org/@babel/compat-data/download/@babel/compat-data-7.9.0.tgz",
+      "integrity": "sha1-BIFVVvyQsMF0q9LAwbuWb6oDamw=",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.9.1",
+        "invariant": "^2.2.4",
+        "semver": "^5.5.0"
+      }
+    },
+    "@babel/core": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npm.taobao.org/@babel/core/download/@babel/core-7.9.0.tgz",
+      "integrity": "sha1-rJd7U4t34TL/cG87ik260JwDxW4=",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.8.3",
+        "@babel/generator": "^7.9.0",
+        "@babel/helper-module-transforms": "^7.9.0",
+        "@babel/helpers": "^7.9.0",
+        "@babel/parser": "^7.9.0",
+        "@babel/template": "^7.8.6",
+        "@babel/traverse": "^7.9.0",
+        "@babel/types": "^7.9.0",
+        "convert-source-map": "^1.7.0",
+        "debug": "^4.1.0",
+        "gensync": "^1.0.0-beta.1",
+        "json5": "^2.1.2",
+        "lodash": "^4.17.13",
+        "resolve": "^1.3.2",
+        "semver": "^5.4.1",
+        "source-map": "^0.5.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-4.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.1.1.tgz",
+          "integrity": "sha1-O3ImAlUQnGtYnO4FDx1RYTlmR5E=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        }
+      }
+    },
+    "@babel/generator": {
+      "version": "7.9.5",
+      "resolved": "https://registry.npm.taobao.org/@babel/generator/download/@babel/generator-7.9.5.tgz",
+      "integrity": "sha1-J/CRd0GsxB5uqs7W1o+Ww/qa+vk=",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.9.5",
+        "jsesc": "^2.5.1",
+        "lodash": "^4.17.13",
+        "source-map": "^0.5.0"
+      }
+    },
+    "@babel/helper-annotate-as-pure": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-annotate-as-pure/download/@babel/helper-annotate-as-pure-7.8.3.tgz",
+      "integrity": "sha1-YLwLxlf2Ogkk/5pLSgskoTz03u4=",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-builder-binary-assignment-operator-visitor": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-builder-binary-assignment-operator-visitor/download/@babel/helper-builder-binary-assignment-operator-visitor-7.8.3.tgz",
+      "integrity": "sha1-yECXpCegYaxWocMOv1S3si0kFQM=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-explode-assignable-expression": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-compilation-targets": {
+      "version": "7.8.7",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-compilation-targets/download/@babel/helper-compilation-targets-7.8.7.tgz?cache=0&sync_timestamp=1583373434753&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-compilation-targets%2Fdownload%2F%40babel%2Fhelper-compilation-targets-7.8.7.tgz",
+      "integrity": "sha1-2sHuoVnA5L1G4wm1obBKZrU8Hd4=",
+      "dev": true,
+      "requires": {
+        "@babel/compat-data": "^7.8.6",
+        "browserslist": "^4.9.1",
+        "invariant": "^2.2.4",
+        "levenary": "^1.1.1",
+        "semver": "^5.5.0"
+      }
+    },
+    "@babel/helper-create-class-features-plugin": {
+      "version": "7.9.5",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-create-class-features-plugin/download/@babel/helper-create-class-features-plugin-7.9.5.tgz",
+      "integrity": "sha1-eXU9RAF4BrSBAX8ksC/UETxxBuo=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-function-name": "^7.9.5",
+        "@babel/helper-member-expression-to-functions": "^7.8.3",
+        "@babel/helper-optimise-call-expression": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-replace-supers": "^7.8.6",
+        "@babel/helper-split-export-declaration": "^7.8.3"
+      }
+    },
+    "@babel/helper-create-regexp-features-plugin": {
+      "version": "7.8.8",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-create-regexp-features-plugin/download/@babel/helper-create-regexp-features-plugin-7.8.8.tgz",
+      "integrity": "sha1-XYQYC1iPVgt4ZO+u6okkPlgxIIc=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.8.3",
+        "@babel/helper-regex": "^7.8.3",
+        "regexpu-core": "^4.7.0"
+      }
+    },
+    "@babel/helper-define-map": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-define-map/download/@babel/helper-define-map-7.8.3.tgz",
+      "integrity": "sha1-oGVcrVRRw3YLcm66h18c2PqgLBU=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-function-name": "^7.8.3",
+        "@babel/types": "^7.8.3",
+        "lodash": "^4.17.13"
+      }
+    },
+    "@babel/helper-explode-assignable-expression": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-explode-assignable-expression/download/@babel/helper-explode-assignable-expression-7.8.3.tgz",
+      "integrity": "sha1-pyjcW06J4w/C38fQT6KKkwZT+YI=",
+      "dev": true,
+      "requires": {
+        "@babel/traverse": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-function-name": {
+      "version": "7.9.5",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-function-name/download/@babel/helper-function-name-7.9.5.tgz",
+      "integrity": "sha1-K1OCDTUnUSDhh0qC5aq+E3aSClw=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-get-function-arity": "^7.8.3",
+        "@babel/template": "^7.8.3",
+        "@babel/types": "^7.9.5"
+      }
+    },
+    "@babel/helper-get-function-arity": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-get-function-arity/download/@babel/helper-get-function-arity-7.8.3.tgz",
+      "integrity": "sha1-uJS5R70AQ4HOY+odufCFR+kgq9U=",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-hoist-variables": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-hoist-variables/download/@babel/helper-hoist-variables-7.8.3.tgz",
+      "integrity": "sha1-Hb6ba1XXjJtBg/yM3G4wzrg7cTQ=",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-member-expression-to-functions": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-member-expression-to-functions/download/@babel/helper-member-expression-to-functions-7.8.3.tgz",
+      "integrity": "sha1-ZZtxBJjqbB2ZB+DHPyBu7n2twkw=",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-module-imports": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-module-imports/download/@babel/helper-module-imports-7.8.3.tgz",
+      "integrity": "sha1-f+OVibOcAWMxtrjD9EHo8LFBlJg=",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-module-transforms": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-module-transforms/download/@babel/helper-module-transforms-7.9.0.tgz",
+      "integrity": "sha1-Q7NN/hWWGRhwfSRzJ0MTiOn+luU=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "^7.8.3",
+        "@babel/helper-replace-supers": "^7.8.6",
+        "@babel/helper-simple-access": "^7.8.3",
+        "@babel/helper-split-export-declaration": "^7.8.3",
+        "@babel/template": "^7.8.6",
+        "@babel/types": "^7.9.0",
+        "lodash": "^4.17.13"
+      }
+    },
+    "@babel/helper-optimise-call-expression": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-optimise-call-expression/download/@babel/helper-optimise-call-expression-7.8.3.tgz",
+      "integrity": "sha1-ftBxgT0Jx1KY708giVYAa2ER7Lk=",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-plugin-utils": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-plugin-utils/download/@babel/helper-plugin-utils-7.8.3.tgz",
+      "integrity": "sha1-nqKTvhm6vA9S/4yoizTDYRsghnA=",
+      "dev": true
+    },
+    "@babel/helper-regex": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-regex/download/@babel/helper-regex-7.8.3.tgz",
+      "integrity": "sha1-E5dyYH1RuT8j7/5yEFsxnSpMaWU=",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.13"
+      }
+    },
+    "@babel/helper-remap-async-to-generator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-remap-async-to-generator/download/@babel/helper-remap-async-to-generator-7.8.3.tgz",
+      "integrity": "sha1-JzxgDYub9QBhQsHjWIfVVcEu3YY=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.8.3",
+        "@babel/helper-wrap-function": "^7.8.3",
+        "@babel/template": "^7.8.3",
+        "@babel/traverse": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-replace-supers": {
+      "version": "7.8.6",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-replace-supers/download/@babel/helper-replace-supers-7.8.6.tgz?cache=0&sync_timestamp=1582806192406&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fhelper-replace-supers%2Fdownload%2F%40babel%2Fhelper-replace-supers-7.8.6.tgz",
+      "integrity": "sha1-Wtp0T9WtcyA78dZ0WaJ9y6Z+/8g=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-member-expression-to-functions": "^7.8.3",
+        "@babel/helper-optimise-call-expression": "^7.8.3",
+        "@babel/traverse": "^7.8.6",
+        "@babel/types": "^7.8.6"
+      }
+    },
+    "@babel/helper-simple-access": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-simple-access/download/@babel/helper-simple-access-7.8.3.tgz",
+      "integrity": "sha1-f4EJkotNq0ZUB2mGr1dSMd62Oa4=",
+      "dev": true,
+      "requires": {
+        "@babel/template": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-split-export-declaration": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-split-export-declaration/download/@babel/helper-split-export-declaration-7.8.3.tgz",
+      "integrity": "sha1-ManzAHD5E2inGCzwX4MXgQZfx6k=",
+      "dev": true,
+      "requires": {
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helper-validator-identifier": {
+      "version": "7.9.5",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-validator-identifier/download/@babel/helper-validator-identifier-7.9.5.tgz",
+      "integrity": "sha1-kJd6jm+/a0MafcMXUu7iM78FLYA=",
+      "dev": true
+    },
+    "@babel/helper-wrap-function": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/helper-wrap-function/download/@babel/helper-wrap-function-7.8.3.tgz",
+      "integrity": "sha1-nb2yu1XvFKqgH+jJm2Kb1TUthhA=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-function-name": "^7.8.3",
+        "@babel/template": "^7.8.3",
+        "@babel/traverse": "^7.8.3",
+        "@babel/types": "^7.8.3"
+      }
+    },
+    "@babel/helpers": {
+      "version": "7.9.2",
+      "resolved": "https://registry.npm.taobao.org/@babel/helpers/download/@babel/helpers-7.9.2.tgz",
+      "integrity": "sha1-tCqBqBHx5zE7iMuorcZrPZrmwJ8=",
+      "dev": true,
+      "requires": {
+        "@babel/template": "^7.8.3",
+        "@babel/traverse": "^7.9.0",
+        "@babel/types": "^7.9.0"
+      }
+    },
+    "@babel/highlight": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npm.taobao.org/@babel/highlight/download/@babel/highlight-7.9.0.tgz",
+      "integrity": "sha1-TptFzLgreWBycbKXmtgse2gWMHk=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-validator-identifier": "^7.9.0",
+        "chalk": "^2.0.0",
+        "js-tokens": "^4.0.0"
+      }
+    },
+    "@babel/parser": {
+      "version": "7.9.4",
+      "resolved": "https://registry.npm.taobao.org/@babel/parser/download/@babel/parser-7.9.4.tgz",
+      "integrity": "sha1-aKNeawMZu8AURlvkOCgwARPy8ug=",
+      "dev": true
+    },
+    "@babel/plugin-proposal-async-generator-functions": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-proposal-async-generator-functions/download/@babel/plugin-proposal-async-generator-functions-7.8.3.tgz",
+      "integrity": "sha1-utMpxnCzgliXIbJ1QMfSiGAcbm8=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-remap-async-to-generator": "^7.8.3",
+        "@babel/plugin-syntax-async-generators": "^7.8.0"
+      }
+    },
+    "@babel/plugin-proposal-class-properties": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-proposal-class-properties/download/@babel/plugin-proposal-class-properties-7.8.3.tgz",
+      "integrity": "sha1-XgZlSvXNBLYIkVqtqbKmeIAERk4=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-class-features-plugin": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-proposal-decorators": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-proposal-decorators/download/@babel/plugin-proposal-decorators-7.8.3.tgz",
+      "integrity": "sha1-IVaGCrZcWr8GjD9nBCGEBBBmVD4=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-class-features-plugin": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-decorators": "^7.8.3"
+      }
+    },
+    "@babel/plugin-proposal-dynamic-import": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-proposal-dynamic-import/download/@babel/plugin-proposal-dynamic-import-7.8.3.tgz",
+      "integrity": "sha1-OMT+VVdEgm6X4q6TCw+0zAfmYFQ=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.0"
+      }
+    },
+    "@babel/plugin-proposal-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-proposal-json-strings/download/@babel/plugin-proposal-json-strings-7.8.3.tgz",
+      "integrity": "sha1-2lIWsjipi1ih4F1oUhBLEPmnDWs=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-json-strings": "^7.8.0"
+      }
+    },
+    "@babel/plugin-proposal-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-proposal-nullish-coalescing-operator/download/@babel/plugin-proposal-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha1-5FciU/3u1lzd7s/as/kor+sv1dI=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.0"
+      }
+    },
+    "@babel/plugin-proposal-numeric-separator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-proposal-numeric-separator/download/@babel/plugin-proposal-numeric-separator-7.8.3.tgz",
+      "integrity": "sha1-XWdpQJaZ7Js7aGhM2BFs7f+Tutg=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-numeric-separator": "^7.8.3"
+      }
+    },
+    "@babel/plugin-proposal-object-rest-spread": {
+      "version": "7.9.5",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-proposal-object-rest-spread/download/@babel/plugin-proposal-object-rest-spread-7.9.5.tgz?cache=0&sync_timestamp=1586287603641&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-proposal-object-rest-spread%2Fdownload%2F%40babel%2Fplugin-proposal-object-rest-spread-7.9.5.tgz",
+      "integrity": "sha1-P9ZZETBth0YBTsDQz3jw45oUkRY=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.0",
+        "@babel/plugin-transform-parameters": "^7.9.5"
+      }
+    },
+    "@babel/plugin-proposal-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-proposal-optional-catch-binding/download/@babel/plugin-proposal-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha1-ne6WqxZQ7tiGRq6XNMoWesSpxck=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.0"
+      }
+    },
+    "@babel/plugin-proposal-optional-chaining": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-proposal-optional-chaining/download/@babel/plugin-proposal-optional-chaining-7.9.0.tgz?cache=0&sync_timestamp=1584718601089&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-proposal-optional-chaining%2Fdownload%2F%40babel%2Fplugin-proposal-optional-chaining-7.9.0.tgz",
+      "integrity": "sha1-MdsWsVTDnWuKZFKSRyuYOUwpKlg=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.0"
+      }
+    },
+    "@babel/plugin-proposal-unicode-property-regex": {
+      "version": "7.8.8",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-proposal-unicode-property-regex/download/@babel/plugin-proposal-unicode-property-regex-7.8.8.tgz",
+      "integrity": "sha1-7jqV6QzcBP6M2S7DJ5+gF9aKDR0=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.8.8",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-syntax-async-generators": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-syntax-async-generators/download/@babel/plugin-syntax-async-generators-7.8.4.tgz",
+      "integrity": "sha1-qYP7Gusuw/btBCohD2QOkOeG/g0=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-decorators": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-syntax-decorators/download/@babel/plugin-syntax-decorators-7.8.3.tgz",
+      "integrity": "sha1-jSwVqfGvYksAJflhaCqdU9MAG9o=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-syntax-dynamic-import": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-syntax-dynamic-import/download/@babel/plugin-syntax-dynamic-import-7.8.3.tgz",
+      "integrity": "sha1-Yr+Ysto80h1iYVT8lu5bPLaOrLM=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-json-strings": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-syntax-json-strings/download/@babel/plugin-syntax-json-strings-7.8.3.tgz",
+      "integrity": "sha1-AcohtmjNghjJ5kDLbdiMVBKyyWo=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-nullish-coalescing-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-syntax-nullish-coalescing-operator/download/@babel/plugin-syntax-nullish-coalescing-operator-7.8.3.tgz",
+      "integrity": "sha1-Fn7XA2iIYIH3S1w2xlqIwDtm0ak=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-numeric-separator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-syntax-numeric-separator/download/@babel/plugin-syntax-numeric-separator-7.8.3.tgz",
+      "integrity": "sha1-Dj+2Pgm+obEelkZyccgwgAfnxB8=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-syntax-object-rest-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-syntax-object-rest-spread/download/@babel/plugin-syntax-object-rest-spread-7.8.3.tgz",
+      "integrity": "sha1-YOIl7cvZimQDMqLnLdPmbxr1WHE=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-optional-catch-binding": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-syntax-optional-catch-binding/download/@babel/plugin-syntax-optional-catch-binding-7.8.3.tgz",
+      "integrity": "sha1-YRGiZbz7Ag6579D9/X0mQCue1sE=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-optional-chaining": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-syntax-optional-chaining/download/@babel/plugin-syntax-optional-chaining-7.8.3.tgz",
+      "integrity": "sha1-T2nCq5UWfgGAzVM2YT+MV4j31Io=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.0"
+      }
+    },
+    "@babel/plugin-syntax-top-level-await": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-syntax-top-level-await/download/@babel/plugin-syntax-top-level-await-7.8.3.tgz",
+      "integrity": "sha1-Os3s5pXmsTqvV/wpHRqACVDHE5E=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-syntax-typescript": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-syntax-typescript/download/@babel/plugin-syntax-typescript-7.8.3.tgz",
+      "integrity": "sha1-wfZZ3al3EaVpzvdSdffhXcqmyrw=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-arrow-functions": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-arrow-functions/download/@babel/plugin-transform-arrow-functions-7.8.3.tgz",
+      "integrity": "sha1-gndsLtDNnhpJlW2uuJYCTJRzuLY=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-async-to-generator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-async-to-generator/download/@babel/plugin-transform-async-to-generator-7.8.3.tgz",
+      "integrity": "sha1-Qwj60NlAnXHq+5sabuNfnWS2QIY=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-remap-async-to-generator": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-block-scoped-functions": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-block-scoped-functions/download/@babel/plugin-transform-block-scoped-functions-7.8.3.tgz",
+      "integrity": "sha1-Q37sW3mbWFIHIISzrl72boNJ6KM=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-block-scoping": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-block-scoping/download/@babel/plugin-transform-block-scoping-7.8.3.tgz",
+      "integrity": "sha1-l9Ndq2aFekN8FmNYuR0JBQyGjzo=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "lodash": "^4.17.13"
+      }
+    },
+    "@babel/plugin-transform-classes": {
+      "version": "7.9.5",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-classes/download/@babel/plugin-transform-classes-7.9.5.tgz",
+      "integrity": "sha1-gAWX3biu/CwpPtJ0WcH8yTWibCw=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.8.3",
+        "@babel/helper-define-map": "^7.8.3",
+        "@babel/helper-function-name": "^7.9.5",
+        "@babel/helper-optimise-call-expression": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-replace-supers": "^7.8.6",
+        "@babel/helper-split-export-declaration": "^7.8.3",
+        "globals": "^11.1.0"
+      }
+    },
+    "@babel/plugin-transform-computed-properties": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-computed-properties/download/@babel/plugin-transform-computed-properties-7.8.3.tgz",
+      "integrity": "sha1-ltDSi3985OtbEguy4OlDNDyG+Bs=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-destructuring": {
+      "version": "7.9.5",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-destructuring/download/@babel/plugin-transform-destructuring-7.9.5.tgz?cache=0&sync_timestamp=1586287602999&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-destructuring%2Fdownload%2F%40babel%2Fplugin-transform-destructuring-7.9.5.tgz",
+      "integrity": "sha1-csl89fOGBK6jq/O5NbDhex23alA=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-dotall-regex": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-dotall-regex/download/@babel/plugin-transform-dotall-regex-7.8.3.tgz",
+      "integrity": "sha1-w8bsXuYSXGmTxcvKINyGIanqem4=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-duplicate-keys": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-duplicate-keys/download/@babel/plugin-transform-duplicate-keys-7.8.3.tgz",
+      "integrity": "sha1-jRLfMJqlN/JyiZxWXqF2jihuIfE=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-exponentiation-operator": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-exponentiation-operator/download/@babel/plugin-transform-exponentiation-operator-7.8.3.tgz",
+      "integrity": "sha1-WBptf1aXDga/UVYM1k9elHtw17c=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-builder-binary-assignment-operator-visitor": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-for-of": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-for-of/download/@babel/plugin-transform-for-of-7.9.0.tgz",
+      "integrity": "sha1-DyYOJ9PinNG7MSjaXnbHYapsEI4=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-function-name": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-function-name/download/@babel/plugin-transform-function-name-7.8.3.tgz",
+      "integrity": "sha1-J5NzyycyKqrWfCaD53bfxHGW7Ys=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-function-name": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-literals": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-literals/download/@babel/plugin-transform-literals-7.8.3.tgz",
+      "integrity": "sha1-rvI5gj2RmU7Hto5VGTUl1229XcE=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-member-expression-literals": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-member-expression-literals/download/@babel/plugin-transform-member-expression-literals-7.8.3.tgz",
+      "integrity": "sha1-lj/tS2IKx8v2Apx1VCQCn6OkBBA=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-modules-amd": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-modules-amd/download/@babel/plugin-transform-modules-amd-7.9.0.tgz?cache=0&sync_timestamp=1584746129321&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-modules-amd%2Fdownload%2F%40babel%2Fplugin-transform-modules-amd-7.9.0.tgz",
+      "integrity": "sha1-GXVe5yGRLPW7BMB9UCgK80hO/vQ=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-transforms": "^7.9.0",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "babel-plugin-dynamic-import-node": "^2.3.0"
+      }
+    },
+    "@babel/plugin-transform-modules-commonjs": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-modules-commonjs/download/@babel/plugin-transform-modules-commonjs-7.9.0.tgz?cache=0&sync_timestamp=1584746127807&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-modules-commonjs%2Fdownload%2F%40babel%2Fplugin-transform-modules-commonjs-7.9.0.tgz",
+      "integrity": "sha1-4+cvTLybSiYOML4OpZvfWjl0iUA=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-transforms": "^7.9.0",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-simple-access": "^7.8.3",
+        "babel-plugin-dynamic-import-node": "^2.3.0"
+      }
+    },
+    "@babel/plugin-transform-modules-systemjs": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-modules-systemjs/download/@babel/plugin-transform-modules-systemjs-7.9.0.tgz",
+      "integrity": "sha1-6f1Gopb8keAJtk4H3aqG1vDt65A=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-hoist-variables": "^7.8.3",
+        "@babel/helper-module-transforms": "^7.9.0",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "babel-plugin-dynamic-import-node": "^2.3.0"
+      }
+    },
+    "@babel/plugin-transform-modules-umd": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-modules-umd/download/@babel/plugin-transform-modules-umd-7.9.0.tgz",
+      "integrity": "sha1-6Qmsridv7CgPm4IaXzjh8ItIBpc=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-transforms": "^7.9.0",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-named-capturing-groups-regex": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-named-capturing-groups-regex/download/@babel/plugin-transform-named-capturing-groups-regex-7.8.3.tgz",
+      "integrity": "sha1-oqcr/6ICrA4tBQav0JOcXsvEjGw=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-new-target": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-new-target/download/@babel/plugin-transform-new-target-7.8.3.tgz",
+      "integrity": "sha1-YMwq5m2FyVq1QOs0urtkNNTHDEM=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-object-super": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-object-super/download/@babel/plugin-transform-object-super-7.8.3.tgz",
+      "integrity": "sha1-67ah56hv+paFi9asAQLWWUQmFyU=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-replace-supers": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-parameters": {
+      "version": "7.9.5",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-parameters/download/@babel/plugin-transform-parameters-7.9.5.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-parameters%2Fdownload%2F%40babel%2Fplugin-transform-parameters-7.9.5.tgz",
+      "integrity": "sha1-FzsmV0b14Vsq/lJ+7aZbc2I6B5U=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-get-function-arity": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-property-literals": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-property-literals/download/@babel/plugin-transform-property-literals-7.8.3.tgz",
+      "integrity": "sha1-MxlDANhTnB7SjGKtUIe6OAe5gmM=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-regenerator": {
+      "version": "7.8.7",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-regenerator/download/@babel/plugin-transform-regenerator-7.8.7.tgz",
+      "integrity": "sha1-Xkag3KK+4a2ChesFJ+arycN2cvg=",
+      "dev": true,
+      "requires": {
+        "regenerator-transform": "^0.14.2"
+      }
+    },
+    "@babel/plugin-transform-reserved-words": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-reserved-words/download/@babel/plugin-transform-reserved-words-7.8.3.tgz",
+      "integrity": "sha1-mgY1rE5mXSmxYoN908xQdF398fU=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-runtime": {
+      "version": "7.9.0",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-runtime/download/@babel/plugin-transform-runtime-7.9.0.tgz?cache=0&sync_timestamp=1584746127141&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-runtime%2Fdownload%2F%40babel%2Fplugin-transform-runtime-7.9.0.tgz",
+      "integrity": "sha1-RUaMCudMwTIE4dOx9M5u6DJYrws=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-module-imports": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "resolve": "^1.8.1",
+        "semver": "^5.5.1"
+      }
+    },
+    "@babel/plugin-transform-shorthand-properties": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-shorthand-properties/download/@babel/plugin-transform-shorthand-properties-7.8.3.tgz",
+      "integrity": "sha1-KFRSFuAjqDLU06EYXtSSvP6sCMg=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-spread": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-spread/download/@babel/plugin-transform-spread-7.8.3.tgz",
+      "integrity": "sha1-nI/+gXD9+4ixFOy5ILgvtulf5eg=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-sticky-regex": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-sticky-regex/download/@babel/plugin-transform-sticky-regex-7.8.3.tgz",
+      "integrity": "sha1-vnoSkPgdrnZ0dUUhmeH3bWF1sQA=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/helper-regex": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-template-literals": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-template-literals/download/@babel/plugin-transform-template-literals-7.8.3.tgz",
+      "integrity": "sha1-e/pHMrRV6mpDEwrcC6dn7A5AKoA=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-annotate-as-pure": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-typeof-symbol": {
+      "version": "7.8.4",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-typeof-symbol/download/@babel/plugin-transform-typeof-symbol-7.8.4.tgz",
+      "integrity": "sha1-7eQGIxXOCq+KZXqSCFjxovNfxBI=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-typescript": {
+      "version": "7.9.4",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-typescript/download/@babel/plugin-transform-typescript-7.9.4.tgz?cache=0&sync_timestamp=1585038763683&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-typescript%2Fdownload%2F%40babel%2Fplugin-transform-typescript-7.9.4.tgz",
+      "integrity": "sha1-S7Td5PELvy14f86XB/sJtIPjM1k=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-class-features-plugin": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-syntax-typescript": "^7.8.3"
+      }
+    },
+    "@babel/plugin-transform-unicode-regex": {
+      "version": "7.8.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-unicode-regex/download/@babel/plugin-transform-unicode-regex-7.8.3.tgz",
+      "integrity": "sha1-DO8247pz5cVyc+/7GC9GuRoeyq0=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-create-regexp-features-plugin": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3"
+      }
+    },
+    "@babel/polyfill": {
+      "version": "7.8.7",
+      "resolved": "https://registry.npm.taobao.org/@babel/polyfill/download/@babel/polyfill-7.8.7.tgz",
+      "integrity": "sha1-FR7CTHE1SBM2Fow72Li/DPkcAy8=",
+      "dev": true,
+      "requires": {
+        "core-js": "^2.6.5",
+        "regenerator-runtime": "^0.13.4"
+      }
+    },
+    "@babel/preset-env": {
+      "version": "7.9.5",
+      "resolved": "https://registry.npm.taobao.org/@babel/preset-env/download/@babel/preset-env-7.9.5.tgz",
+      "integrity": "sha1-jdx2A5vEW3dLGeL8VI9oB9iokZ8=",
+      "dev": true,
+      "requires": {
+        "@babel/compat-data": "^7.9.0",
+        "@babel/helper-compilation-targets": "^7.8.7",
+        "@babel/helper-module-imports": "^7.8.3",
+        "@babel/helper-plugin-utils": "^7.8.3",
+        "@babel/plugin-proposal-async-generator-functions": "^7.8.3",
+        "@babel/plugin-proposal-dynamic-import": "^7.8.3",
+        "@babel/plugin-proposal-json-strings": "^7.8.3",
+        "@babel/plugin-proposal-nullish-coalescing-operator": "^7.8.3",
+        "@babel/plugin-proposal-numeric-separator": "^7.8.3",
+        "@babel/plugin-proposal-object-rest-spread": "^7.9.5",
+        "@babel/plugin-proposal-optional-catch-binding": "^7.8.3",
+        "@babel/plugin-proposal-optional-chaining": "^7.9.0",
+        "@babel/plugin-proposal-unicode-property-regex": "^7.8.3",
+        "@babel/plugin-syntax-async-generators": "^7.8.0",
+        "@babel/plugin-syntax-dynamic-import": "^7.8.0",
+        "@babel/plugin-syntax-json-strings": "^7.8.0",
+        "@babel/plugin-syntax-nullish-coalescing-operator": "^7.8.0",
+        "@babel/plugin-syntax-numeric-separator": "^7.8.0",
+        "@babel/plugin-syntax-object-rest-spread": "^7.8.0",
+        "@babel/plugin-syntax-optional-catch-binding": "^7.8.0",
+        "@babel/plugin-syntax-optional-chaining": "^7.8.0",
+        "@babel/plugin-syntax-top-level-await": "^7.8.3",
+        "@babel/plugin-transform-arrow-functions": "^7.8.3",
+        "@babel/plugin-transform-async-to-generator": "^7.8.3",
+        "@babel/plugin-transform-block-scoped-functions": "^7.8.3",
+        "@babel/plugin-transform-block-scoping": "^7.8.3",
+        "@babel/plugin-transform-classes": "^7.9.5",
+        "@babel/plugin-transform-computed-properties": "^7.8.3",
+        "@babel/plugin-transform-destructuring": "^7.9.5",
+        "@babel/plugin-transform-dotall-regex": "^7.8.3",
+        "@babel/plugin-transform-duplicate-keys": "^7.8.3",
+        "@babel/plugin-transform-exponentiation-operator": "^7.8.3",
+        "@babel/plugin-transform-for-of": "^7.9.0",
+        "@babel/plugin-transform-function-name": "^7.8.3",
+        "@babel/plugin-transform-literals": "^7.8.3",
+        "@babel/plugin-transform-member-expression-literals": "^7.8.3",
+        "@babel/plugin-transform-modules-amd": "^7.9.0",
+        "@babel/plugin-transform-modules-commonjs": "^7.9.0",
+        "@babel/plugin-transform-modules-systemjs": "^7.9.0",
+        "@babel/plugin-transform-modules-umd": "^7.9.0",
+        "@babel/plugin-transform-named-capturing-groups-regex": "^7.8.3",
+        "@babel/plugin-transform-new-target": "^7.8.3",
+        "@babel/plugin-transform-object-super": "^7.8.3",
+        "@babel/plugin-transform-parameters": "^7.9.5",
+        "@babel/plugin-transform-property-literals": "^7.8.3",
+        "@babel/plugin-transform-regenerator": "^7.8.7",
+        "@babel/plugin-transform-reserved-words": "^7.8.3",
+        "@babel/plugin-transform-shorthand-properties": "^7.8.3",
+        "@babel/plugin-transform-spread": "^7.8.3",
+        "@babel/plugin-transform-sticky-regex": "^7.8.3",
+        "@babel/plugin-transform-template-literals": "^7.8.3",
+        "@babel/plugin-transform-typeof-symbol": "^7.8.4",
+        "@babel/plugin-transform-unicode-regex": "^7.8.3",
+        "@babel/preset-modules": "^0.1.3",
+        "@babel/types": "^7.9.5",
+        "browserslist": "^4.9.1",
+        "core-js-compat": "^3.6.2",
+        "invariant": "^2.2.2",
+        "levenary": "^1.1.1",
+        "semver": "^5.5.0"
+      }
+    },
+    "@babel/preset-modules": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npm.taobao.org/@babel/preset-modules/download/@babel/preset-modules-0.1.3.tgz",
+      "integrity": "sha1-EyQrU7XvjIg8PPfd3VWzbOgPvHI=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-plugin-utils": "^7.0.0",
+        "@babel/plugin-proposal-unicode-property-regex": "^7.4.4",
+        "@babel/plugin-transform-dotall-regex": "^7.4.4",
+        "@babel/types": "^7.4.4",
+        "esutils": "^2.0.2"
+      }
+    },
+    "@babel/runtime": {
+      "version": "7.9.2",
+      "resolved": "https://registry.npm.taobao.org/@babel/runtime/download/@babel/runtime-7.9.2.tgz",
+      "integrity": "sha1-2Q3wWDo6JS8JqqYZZlNnuuUY2wY=",
+      "dev": true,
+      "requires": {
+        "regenerator-runtime": "^0.13.4"
+      }
+    },
+    "@babel/template": {
+      "version": "7.8.6",
+      "resolved": "https://registry.npm.taobao.org/@babel/template/download/@babel/template-7.8.6.tgz",
+      "integrity": "sha1-hrIq8V+CjfsIZHT5ZNzD45xDzis=",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.8.3",
+        "@babel/parser": "^7.8.6",
+        "@babel/types": "^7.8.6"
+      }
+    },
+    "@babel/traverse": {
+      "version": "7.9.5",
+      "resolved": "https://registry.npm.taobao.org/@babel/traverse/download/@babel/traverse-7.9.5.tgz",
+      "integrity": "sha1-bnxWtE4qxwEalIwh4oPd2dnbl6I=",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.8.3",
+        "@babel/generator": "^7.9.5",
+        "@babel/helper-function-name": "^7.9.5",
+        "@babel/helper-split-export-declaration": "^7.8.3",
+        "@babel/parser": "^7.9.0",
+        "@babel/types": "^7.9.5",
+        "debug": "^4.1.0",
+        "globals": "^11.1.0",
+        "lodash": "^4.17.13"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-4.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.1.1.tgz",
+          "integrity": "sha1-O3ImAlUQnGtYnO4FDx1RYTlmR5E=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        }
+      }
+    },
+    "@babel/types": {
+      "version": "7.9.5",
+      "resolved": "https://registry.npm.taobao.org/@babel/types/download/@babel/types-7.9.5.tgz",
+      "integrity": "sha1-iSMfgpFailZqcDs7IBM/c9prlEQ=",
+      "dev": true,
+      "requires": {
+        "@babel/helper-validator-identifier": "^7.9.5",
+        "lodash": "^4.17.13",
+        "to-fast-properties": "^2.0.0"
+      }
+    },
+    "@cnakazawa/watch": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npm.taobao.org/@cnakazawa/watch/download/@cnakazawa/watch-1.0.4.tgz",
+      "integrity": "sha1-+GSuhQBND8q29QvpFBxNo2jRZWo=",
+      "dev": true,
+      "requires": {
+        "exec-sh": "^0.3.2",
+        "minimist": "^1.2.0"
+      }
+    },
+    "@ember-data/rfc395-data": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npm.taobao.org/@ember-data/rfc395-data/download/@ember-data/rfc395-data-0.0.4.tgz",
+      "integrity": "sha1-7Lhu/fXXczp2/xTqZRobDtH4qEM=",
+      "dev": true
+    },
+    "@ember/edition-utils": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/@ember/edition-utils/download/@ember/edition-utils-1.2.0.tgz",
+      "integrity": "sha1-oDn1QtwUyOgpnIHNWrupXiRZz6Y=",
+      "dev": true
+    },
+    "@ember/jquery": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/@ember/jquery/download/@ember/jquery-1.1.0.tgz",
+      "integrity": "sha1-M9BiYQpc6qXFyKMYf4cNR9ZZWUA=",
+      "dev": true,
+      "requires": {
+        "broccoli-funnel": "^2.0.2",
+        "broccoli-merge-trees": "^3.0.2",
+        "ember-cli-babel": "^7.11.1",
+        "ember-cli-version-checker": "^3.1.3",
+        "jquery": "^3.4.1",
+        "resolve": "^1.11.1"
+      }
+    },
+    "@ember/optional-features": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npm.taobao.org/@ember/optional-features/download/@ember/optional-features-1.3.0.tgz",
+      "integrity": "sha1-19qGBBe4WlbOyIQZ8w2l7h3eJ1Y=",
+      "dev": true,
+      "requires": {
+        "chalk": "^3.0.0",
+        "ember-cli-version-checker": "^3.1.3",
+        "glob": "^7.1.6",
+        "inquirer": "^7.0.1",
+        "mkdirp": "^0.5.1",
+        "silent-error": "^1.1.1",
+        "util.promisify": "^1.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-4.2.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-styles%2Fdownload%2Fansi-styles-4.2.1.tgz",
+          "integrity": "sha1-kK51xCTQCNJiTFvynq0xd+v881k=",
+          "dev": true,
+          "requires": {
+            "@types/color-name": "^1.1.1",
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/chalk/download/chalk-3.0.0.tgz?cache=0&sync_timestamp=1585815759944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-3.0.0.tgz",
+          "integrity": "sha1-P3PCv1JlkfV0zEksUeJFY0n4ROQ=",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/color-convert/download/color-convert-2.0.1.tgz",
+          "integrity": "sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz",
+          "integrity": "sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npm.taobao.org/has-flag/download/has-flag-4.0.0.tgz",
+          "integrity": "sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npm.taobao.org/supports-color/download/supports-color-7.1.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-7.1.0.tgz",
+          "integrity": "sha1-aOMlkd9z4lrRxLSRCKLsUHliv9E=",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "@ember/render-modifiers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/@ember/render-modifiers/download/@ember/render-modifiers-1.0.2.tgz",
+      "integrity": "sha1-LofEjbSdkizkhQ1wchXKqsYNhEQ=",
+      "dev": true,
+      "requires": {
+        "ember-cli-babel": "^7.10.0",
+        "ember-modifier-manager-polyfill": "^1.1.0"
+      }
+    },
+    "@ember/test-helpers": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npm.taobao.org/@ember/test-helpers/download/@ember/test-helpers-1.7.1.tgz",
+      "integrity": "sha1-zCKpVLO0aFZRjwNL1JKnTgSCOJ8=",
+      "dev": true,
+      "requires": {
+        "broccoli-debug": "^0.6.5",
+        "broccoli-funnel": "^2.0.2",
+        "ember-assign-polyfill": "^2.6.0",
+        "ember-cli-babel": "^7.7.3",
+        "ember-cli-htmlbars-inline-precompile": "^2.1.0",
+        "ember-test-waiters": "^1.1.1"
+      }
+    },
+    "@glimmer/env": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npm.taobao.org/@glimmer/env/download/@glimmer/env-0.1.7.tgz",
+      "integrity": "sha1-/S0rVakCnGs3psk16MiHGucN+gc=",
+      "dev": true
+    },
+    "@glimmer/interfaces": {
+      "version": "0.50.1",
+      "resolved": "https://registry.npm.taobao.org/@glimmer/interfaces/download/@glimmer/interfaces-0.50.1.tgz",
+      "integrity": "sha1-AIYg2bQuKWzolmlBXkgwNUuDxPs=",
+      "dev": true,
+      "requires": {
+        "@simple-dom/interface": "^1.4.0"
+      }
+    },
+    "@glimmer/syntax": {
+      "version": "0.50.1",
+      "resolved": "https://registry.npm.taobao.org/@glimmer/syntax/download/@glimmer/syntax-0.50.1.tgz",
+      "integrity": "sha1-hhAPoHfXr9n4LE6R0ZTV1yEVFus=",
+      "dev": true,
+      "requires": {
+        "@glimmer/interfaces": "^0.50.1",
+        "@glimmer/util": "^0.50.1",
+        "handlebars": "^4.5.1",
+        "simple-html-tokenizer": "^0.5.9"
+      }
+    },
+    "@glimmer/util": {
+      "version": "0.50.1",
+      "resolved": "https://registry.npm.taobao.org/@glimmer/util/download/@glimmer/util-0.50.1.tgz",
+      "integrity": "sha1-noXgBdL9Vj+XnF+6mVY7/nXt8qk=",
+      "dev": true,
+      "requires": {
+        "@glimmer/env": "0.1.7",
+        "@glimmer/interfaces": "^0.50.1",
+        "@simple-dom/interface": "^1.4.0"
+      }
+    },
+    "@nodelib/fs.scandir": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npm.taobao.org/@nodelib/fs.scandir/download/@nodelib/fs.scandir-2.1.3.tgz",
+      "integrity": "sha1-Olgr21OATGum0UZXnEblITDPSjs=",
+      "dev": true,
+      "requires": {
+        "@nodelib/fs.stat": "2.0.3",
+        "run-parallel": "^1.1.9"
+      }
+    },
+    "@nodelib/fs.stat": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npm.taobao.org/@nodelib/fs.stat/download/@nodelib/fs.stat-2.0.3.tgz",
+      "integrity": "sha1-NNxfTKu8cg9OYPdadH5+zWwXW9M=",
+      "dev": true
+    },
+    "@nodelib/fs.walk": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npm.taobao.org/@nodelib/fs.walk/download/@nodelib/fs.walk-1.2.4.tgz",
+      "integrity": "sha1-ARuSAqcKY2bkNspcBlhEUoqwSXY=",
+      "dev": true,
+      "requires": {
+        "@nodelib/fs.scandir": "2.1.3",
+        "fastq": "^1.6.0"
+      }
+    },
+    "@simple-dom/interface": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npm.taobao.org/@simple-dom/interface/download/@simple-dom/interface-1.4.0.tgz",
+      "integrity": "sha1-6P7qV5IyAX+JsBOOJyb6zab7tx8=",
+      "dev": true
+    },
+    "@sindresorhus/is": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npm.taobao.org/@sindresorhus/is/download/@sindresorhus/is-0.7.0.tgz?cache=0&sync_timestamp=1581924347665&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40sindresorhus%2Fis%2Fdownload%2F%40sindresorhus%2Fis-0.7.0.tgz",
+      "integrity": "sha1-mgb08TfuhNffBGDB/bETX/psUP0=",
+      "dev": true
+    },
+    "@types/body-parser": {
+      "version": "1.19.0",
+      "resolved": "https://registry.npm.taobao.org/@types/body-parser/download/@types/body-parser-1.19.0.tgz",
+      "integrity": "sha1-BoWzxH6zAG/+0RfN1VFkth+AU48=",
+      "dev": true,
+      "requires": {
+        "@types/connect": "*",
+        "@types/node": "*"
+      }
+    },
+    "@types/chai": {
+      "version": "4.2.11",
+      "resolved": "https://registry.npm.taobao.org/@types/chai/download/@types/chai-4.2.11.tgz?cache=0&sync_timestamp=1584150608316&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40types%2Fchai%2Fdownload%2F%40types%2Fchai-4.2.11.tgz",
+      "integrity": "sha1-02FNbF9QAUI1jm7SThvxZldTbFA=",
+      "dev": true
+    },
+    "@types/chai-as-promised": {
+      "version": "7.1.2",
+      "resolved": "https://registry.npm.taobao.org/@types/chai-as-promised/download/@types/chai-as-promised-7.1.2.tgz",
+      "integrity": "sha1-L1ZEIOger4ZQFp5aOmuT4JblBos=",
+      "dev": true,
+      "requires": {
+        "@types/chai": "*"
+      }
+    },
+    "@types/color-name": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npm.taobao.org/@types/color-name/download/@types/color-name-1.1.1.tgz",
+      "integrity": "sha1-HBJhu+qhCoBVu8XYq4S3sq/IRqA=",
+      "dev": true
+    },
+    "@types/connect": {
+      "version": "3.4.33",
+      "resolved": "https://registry.npm.taobao.org/@types/connect/download/@types/connect-3.4.33.tgz",
+      "integrity": "sha1-MWEMkB7KVzuHE8MzCrxua59YhUY=",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/events": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/@types/events/download/@types/events-3.0.0.tgz",
+      "integrity": "sha1-KGLz9Yqaf3w+eNefEw3U1xwlwqc=",
+      "dev": true
+    },
+    "@types/express": {
+      "version": "4.17.6",
+      "resolved": "https://registry.npm.taobao.org/@types/express/download/@types/express-4.17.6.tgz",
+      "integrity": "sha1-a85J5JVwUHuG6hsHuAbwRpf6xF4=",
+      "dev": true,
+      "requires": {
+        "@types/body-parser": "*",
+        "@types/express-serve-static-core": "*",
+        "@types/qs": "*",
+        "@types/serve-static": "*"
+      }
+    },
+    "@types/express-serve-static-core": {
+      "version": "4.17.4",
+      "resolved": "https://registry.npm.taobao.org/@types/express-serve-static-core/download/@types/express-serve-static-core-4.17.4.tgz",
+      "integrity": "sha1-FXx5wtKLYy1kGEl8V8kxheOS5EQ=",
+      "dev": true,
+      "requires": {
+        "@types/node": "*",
+        "@types/range-parser": "*"
+      }
+    },
+    "@types/fs-extra": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npm.taobao.org/@types/fs-extra/download/@types/fs-extra-5.1.0.tgz",
+      "integrity": "sha1-KjJe+XkBUEo4KHGMOQ00uEJqEKE=",
+      "dev": true,
+      "requires": {
+        "@types/node": "*"
+      }
+    },
+    "@types/glob": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npm.taobao.org/@types/glob/download/@types/glob-7.1.1.tgz",
+      "integrity": "sha1-qlmhxuP7xCHgfM0xqUTDDrpSFXU=",
+      "dev": true,
+      "requires": {
+        "@types/events": "*",
+        "@types/minimatch": "*",
+        "@types/node": "*"
+      }
+    },
+    "@types/mime": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/@types/mime/download/@types/mime-2.0.1.tgz",
+      "integrity": "sha1-3EiIQjEqfwdRSTEpBbXjwLBUx50=",
+      "dev": true
+    },
+    "@types/minimatch": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npm.taobao.org/@types/minimatch/download/@types/minimatch-3.0.3.tgz",
+      "integrity": "sha1-PcoOPzOyAPx9ETnAzZbBJoyt/Z0=",
+      "dev": true
+    },
+    "@types/node": {
+      "version": "13.11.1",
+      "resolved": "https://registry.npm.taobao.org/@types/node/download/@types/node-13.11.1.tgz",
+      "integrity": "sha1-SaKoPfnSbarOrTDQzMh2KxKNU8c=",
+      "dev": true
+    },
+    "@types/qs": {
+      "version": "6.9.1",
+      "resolved": "https://registry.npm.taobao.org/@types/qs/download/@types/qs-6.9.1.tgz",
+      "integrity": "sha1-k3+rMZR2YlbuCfzUC3gXQHWGF+c=",
+      "dev": true
+    },
+    "@types/range-parser": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npm.taobao.org/@types/range-parser/download/@types/range-parser-1.2.3.tgz",
+      "integrity": "sha1-fuMwunyq+5gJC+zoal7kQRWQTCw=",
+      "dev": true
+    },
+    "@types/rimraf": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npm.taobao.org/@types/rimraf/download/@types/rimraf-2.0.4.tgz",
+      "integrity": "sha1-QDiHsLU8YQCmw10qsk9szAQv7EY=",
+      "dev": true,
+      "requires": {
+        "@types/glob": "*",
+        "@types/node": "*"
+      }
+    },
+    "@types/serve-static": {
+      "version": "1.13.3",
+      "resolved": "https://registry.npm.taobao.org/@types/serve-static/download/@types/serve-static-1.13.3.tgz",
+      "integrity": "sha1-634cQcRGgnJVfol+kXHe1eLe2dE=",
+      "dev": true,
+      "requires": {
+        "@types/express-serve-static-core": "*",
+        "@types/mime": "*"
+      }
+    },
+    "@types/symlink-or-copy": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/@types/symlink-or-copy/download/@types/symlink-or-copy-1.2.0.tgz",
+      "integrity": "sha1-QVGoG0BSyAvCvsuuCfOp7AEKnHo=",
+      "dev": true
+    },
+    "abbrev": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npm.taobao.org/abbrev/download/abbrev-1.1.1.tgz",
+      "integrity": "sha1-+PLIh60Qv2f2NPAFtph/7TF5qsg=",
+      "dev": true
+    },
+    "accepts": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npm.taobao.org/accepts/download/accepts-1.3.7.tgz",
+      "integrity": "sha1-UxvHJlF6OytB+FACHGzBXqq1B80=",
+      "dev": true,
+      "requires": {
+        "mime-types": "~2.1.24",
+        "negotiator": "0.6.2"
+      }
+    },
+    "acorn": {
+      "version": "6.4.1",
+      "resolved": "https://registry.npm.taobao.org/acorn/download/acorn-6.4.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Facorn%2Fdownload%2Facorn-6.4.1.tgz",
+      "integrity": "sha1-Ux5Yuj9RudrLmmZGyk3r9bFMpHQ=",
+      "dev": true
+    },
+    "acorn-jsx": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npm.taobao.org/acorn-jsx/download/acorn-jsx-5.2.0.tgz",
+      "integrity": "sha1-TGYGkXPW/daO2FI5/CViJhgrLr4=",
+      "dev": true
+    },
+    "after": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npm.taobao.org/after/download/after-0.8.2.tgz",
+      "integrity": "sha1-/ts5T58OAqqXaOcCvaI7UF+ufh8=",
+      "dev": true
+    },
+    "ajv": {
+      "version": "6.12.0",
+      "resolved": "https://registry.npm.taobao.org/ajv/download/ajv-6.12.0.tgz?cache=0&sync_timestamp=1582379551272&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fajv%2Fdownload%2Fajv-6.12.0.tgz",
+      "integrity": "sha1-BtYLlth7hFSlrauobnhU2mKdtLc=",
+      "dev": true,
+      "requires": {
+        "fast-deep-equal": "^3.1.1",
+        "fast-json-stable-stringify": "^2.0.0",
+        "json-schema-traverse": "^0.4.1",
+        "uri-js": "^4.2.2"
+      }
+    },
+    "amd-name-resolver": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npm.taobao.org/amd-name-resolver/download/amd-name-resolver-1.3.1.tgz",
+      "integrity": "sha1-/+ccaDxucZH8SuG7Oq7RWr6hNdk=",
+      "dev": true,
+      "requires": {
+        "ensure-posix-path": "^1.0.1",
+        "object-hash": "^1.3.1"
+      }
+    },
+    "amdefine": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/amdefine/download/amdefine-1.0.1.tgz",
+      "integrity": "sha1-SlKCrBZHKek2Gbz9OtFR+BfOkfU=",
+      "dev": true
+    },
+    "ansi-escapes": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npm.taobao.org/ansi-escapes/download/ansi-escapes-4.3.1.tgz?cache=0&sync_timestamp=1583072804444&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-escapes%2Fdownload%2Fansi-escapes-4.3.1.tgz",
+      "integrity": "sha1-pcR8xDGB8fOP/XB2g3cA05VSKmE=",
+      "dev": true,
+      "requires": {
+        "type-fest": "^0.11.0"
+      }
+    },
+    "ansi-html": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npm.taobao.org/ansi-html/download/ansi-html-0.0.7.tgz",
+      "integrity": "sha1-gTWEAhliqenm/QOflA0S9WynhZ4=",
+      "dev": true
+    },
+    "ansi-regex": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-5.0.0.tgz",
+      "integrity": "sha1-OIU59VF5vzkznIGvMKZU1p+Hy3U=",
+      "dev": true
+    },
+    "ansi-styles": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-3.2.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-styles%2Fdownload%2Fansi-styles-3.2.1.tgz",
+      "integrity": "sha1-QfuyAkPlCxK+DwS43tvwdSDOhB0=",
+      "dev": true,
+      "requires": {
+        "color-convert": "^1.9.0"
+      }
+    },
+    "ansi-to-html": {
+      "version": "0.6.14",
+      "resolved": "https://registry.npm.taobao.org/ansi-to-html/download/ansi-to-html-0.6.14.tgz?cache=0&sync_timestamp=1580896860993&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-to-html%2Fdownload%2Fansi-to-html-0.6.14.tgz",
+      "integrity": "sha1-Zf5tCLul3Z2zP0SiCuwzHgAQ2tg=",
+      "dev": true,
+      "requires": {
+        "entities": "^1.1.2"
+      }
+    },
+    "ansicolors": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npm.taobao.org/ansicolors/download/ansicolors-0.2.1.tgz",
+      "integrity": "sha1-vgiVmQl7dKXJxKhKDNvNtivYeu8=",
+      "dev": true
+    },
+    "anymatch": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/anymatch/download/anymatch-2.0.0.tgz",
+      "integrity": "sha1-vLJLTzeTTZqnrBe0ra+J58du8us=",
+      "dev": true,
+      "requires": {
+        "micromatch": "^3.1.4",
+        "normalize-path": "^2.1.1"
+      },
+      "dependencies": {
+        "braces": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npm.taobao.org/braces/download/braces-2.3.2.tgz",
+          "integrity": "sha1-WXn9PxTNUxVl5fot8av/8d+u5yk=",
+          "dev": true,
+          "requires": {
+            "arr-flatten": "^1.1.0",
+            "array-unique": "^0.3.2",
+            "extend-shallow": "^2.0.1",
+            "fill-range": "^4.0.0",
+            "isobject": "^3.0.1",
+            "repeat-element": "^1.1.2",
+            "snapdragon": "^0.8.1",
+            "snapdragon-node": "^2.0.1",
+            "split-string": "^3.0.2",
+            "to-regex": "^3.0.1"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npm.taobao.org/extend-shallow/download/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "^0.1.0"
+              }
+            }
+          }
+        },
+        "fill-range": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npm.taobao.org/fill-range/download/fill-range-4.0.0.tgz",
+          "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
+          "dev": true,
+          "requires": {
+            "extend-shallow": "^2.0.1",
+            "is-number": "^3.0.0",
+            "repeat-string": "^1.6.1",
+            "to-regex-range": "^2.1.0"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npm.taobao.org/extend-shallow/download/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "^0.1.0"
+              }
+            }
+          }
+        },
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/is-number/download/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^3.0.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npm.taobao.org/kind-of/download/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "^1.1.5"
+              }
+            }
+          }
+        },
+        "micromatch": {
+          "version": "3.1.10",
+          "resolved": "https://registry.npm.taobao.org/micromatch/download/micromatch-3.1.10.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmicromatch%2Fdownload%2Fmicromatch-3.1.10.tgz",
+          "integrity": "sha1-cIWbyVyYQJUvNZoGij/En57PrCM=",
+          "dev": true,
+          "requires": {
+            "arr-diff": "^4.0.0",
+            "array-unique": "^0.3.2",
+            "braces": "^2.3.1",
+            "define-property": "^2.0.2",
+            "extend-shallow": "^3.0.2",
+            "extglob": "^2.0.4",
+            "fragment-cache": "^0.2.1",
+            "kind-of": "^6.0.2",
+            "nanomatch": "^1.2.9",
+            "object.pick": "^1.3.0",
+            "regex-not": "^1.0.0",
+            "snapdragon": "^0.8.1",
+            "to-regex": "^3.0.2"
+          }
+        },
+        "to-regex-range": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npm.taobao.org/to-regex-range/download/to-regex-range-2.1.1.tgz",
+          "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=",
+          "dev": true,
+          "requires": {
+            "is-number": "^3.0.0",
+            "repeat-string": "^1.6.1"
+          }
+        }
+      }
+    },
+    "aot-test-generators": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npm.taobao.org/aot-test-generators/download/aot-test-generators-0.1.0.tgz",
+      "integrity": "sha1-Q/D2Ffl8spjXkZwbC05rcxCwPNA=",
+      "dev": true,
+      "requires": {
+        "jsesc": "^2.5.0"
+      }
+    },
+    "aproba": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/aproba/download/aproba-1.2.0.tgz",
+      "integrity": "sha1-aALmJk79GMeQobDVF/DyYnvyyUo=",
+      "dev": true
+    },
+    "are-we-there-yet": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npm.taobao.org/are-we-there-yet/download/are-we-there-yet-1.1.5.tgz",
+      "integrity": "sha1-SzXClE8GKov82mZBB2A1D+nd/CE=",
+      "dev": true,
+      "requires": {
+        "delegates": "^1.0.0",
+        "readable-stream": "^2.0.6"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "2.3.7",
+          "resolved": "https://registry.npm.taobao.org/readable-stream/download/readable-stream-2.3.7.tgz",
+          "integrity": "sha1-Hsoc9xGu+BTAT2IlKjamL2yyO1c=",
+          "dev": true,
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.3",
+            "isarray": "~1.0.0",
+            "process-nextick-args": "~2.0.0",
+            "safe-buffer": "~5.1.1",
+            "string_decoder": "~1.1.1",
+            "util-deprecate": "~1.0.1"
+          }
+        },
+        "string_decoder": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npm.taobao.org/string_decoder/download/string_decoder-1.1.1.tgz",
+          "integrity": "sha1-nPFhG6YmhdcDCunkujQUnDrwP8g=",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "~5.1.0"
+          }
+        }
+      }
+    },
+    "argparse": {
+      "version": "1.0.10",
+      "resolved": "https://registry.npm.taobao.org/argparse/download/argparse-1.0.10.tgz",
+      "integrity": "sha1-vNZ5HqWuCXJeF+WtmIE0zUCz2RE=",
+      "dev": true,
+      "requires": {
+        "sprintf-js": "~1.0.2"
+      },
+      "dependencies": {
+        "sprintf-js": {
+          "version": "1.0.3",
+          "resolved": "https://registry.npm.taobao.org/sprintf-js/download/sprintf-js-1.0.3.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsprintf-js%2Fdownload%2Fsprintf-js-1.0.3.tgz",
+          "integrity": "sha1-BOaSb2YolTVPPdAVIDYzuFcpfiw=",
+          "dev": true
+        }
+      }
+    },
+    "arr-diff": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npm.taobao.org/arr-diff/download/arr-diff-4.0.0.tgz",
+      "integrity": "sha1-1kYQdP6/7HHn4VI1dhoyml3HxSA=",
+      "dev": true
+    },
+    "arr-flatten": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/arr-flatten/download/arr-flatten-1.1.0.tgz",
+      "integrity": "sha1-NgSLv/TntH4TZkQxbJlmnqWukfE=",
+      "dev": true
+    },
+    "arr-union": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npm.taobao.org/arr-union/download/arr-union-3.1.0.tgz",
+      "integrity": "sha1-45sJrqne+Gao8gbiiK9jkZuuOcQ=",
+      "dev": true
+    },
+    "array-equal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/array-equal/download/array-equal-1.0.0.tgz",
+      "integrity": "sha1-jCpe8kcv2ep0KwTHenUJO6J1fJM=",
+      "dev": true
+    },
+    "array-flatten": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npm.taobao.org/array-flatten/download/array-flatten-1.1.1.tgz?cache=0&sync_timestamp=1574313315299&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Farray-flatten%2Fdownload%2Farray-flatten-1.1.1.tgz",
+      "integrity": "sha1-ml9pkFGx5wczKPKgCJaLZOopVdI=",
+      "dev": true
+    },
+    "array-to-error": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npm.taobao.org/array-to-error/download/array-to-error-1.1.1.tgz",
+      "integrity": "sha1-1ogSkm0UCXogVXmmZ+6vGFakTAc=",
+      "dev": true,
+      "requires": {
+        "array-to-sentence": "^1.1.0"
+      }
+    },
+    "array-to-sentence": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/array-to-sentence/download/array-to-sentence-1.1.0.tgz",
+      "integrity": "sha1-yASVba+lMjJJWyBalFJ1OiWNOfw=",
+      "dev": true
+    },
+    "array-union": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npm.taobao.org/array-union/download/array-union-2.1.0.tgz",
+      "integrity": "sha1-t5hCCtvrHego2ErNii4j0+/oXo0=",
+      "dev": true
+    },
+    "array-unique": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npm.taobao.org/array-unique/download/array-unique-0.3.2.tgz",
+      "integrity": "sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=",
+      "dev": true
+    },
+    "arraybuffer.slice": {
+      "version": "0.0.7",
+      "resolved": "https://registry.npm.taobao.org/arraybuffer.slice/download/arraybuffer.slice-0.0.7.tgz",
+      "integrity": "sha1-O7xCdd1YTMGxCAm4nU6LY6aednU=",
+      "dev": true
+    },
+    "asap": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npm.taobao.org/asap/download/asap-2.0.6.tgz",
+      "integrity": "sha1-5QNHYR1+aQlDIIu9r+vLwvuGbUY=",
+      "dev": true,
+      "optional": true
+    },
+    "asn1": {
+      "version": "0.2.4",
+      "resolved": "https://registry.npm.taobao.org/asn1/download/asn1-0.2.4.tgz",
+      "integrity": "sha1-jSR136tVO7M+d7VOWeiAu4ziMTY=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "safer-buffer": "~2.1.0"
+      }
+    },
+    "assert-plus": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/assert-plus/download/assert-plus-1.0.0.tgz",
+      "integrity": "sha1-8S4PPF13sLHN2RRpQuTpbB5N1SU=",
+      "dev": true,
+      "optional": true
+    },
+    "assign-symbols": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/assign-symbols/download/assign-symbols-1.0.0.tgz",
+      "integrity": "sha1-WWZ/QfrdTyDMvCu5a41Pf3jsA2c=",
+      "dev": true
+    },
+    "ast-types": {
+      "version": "0.9.6",
+      "resolved": "https://registry.npm.taobao.org/ast-types/download/ast-types-0.9.6.tgz?cache=0&sync_timestamp=1585334062302&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fast-types%2Fdownload%2Fast-types-0.9.6.tgz",
+      "integrity": "sha1-ECyenpAF0+fjgpvwxPok7oYu6bk=",
+      "dev": true
+    },
+    "astral-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/astral-regex/download/astral-regex-1.0.0.tgz",
+      "integrity": "sha1-bIw/uCfdQ+45GPJ7gngqt2WKb9k=",
+      "dev": true
+    },
+    "async": {
+      "version": "2.6.3",
+      "resolved": "https://registry.npm.taobao.org/async/download/async-2.6.3.tgz",
+      "integrity": "sha1-1yYl4jRKNlbjo61Pp0n6gymdgv8=",
+      "dev": true,
+      "requires": {
+        "lodash": "^4.17.14"
+      }
+    },
+    "async-disk-cache": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npm.taobao.org/async-disk-cache/download/async-disk-cache-1.3.5.tgz",
+      "integrity": "sha1-zGIG7Xm7aYK4ePxS4FBeT1K2KgI=",
+      "dev": true,
+      "requires": {
+        "debug": "^2.1.3",
+        "heimdalljs": "^0.2.3",
+        "istextorbinary": "2.1.0",
+        "mkdirp": "^0.5.0",
+        "rimraf": "^2.5.3",
+        "rsvp": "^3.0.18",
+        "username-sync": "^1.0.2"
+      }
+    },
+    "async-limiter": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/async-limiter/download/async-limiter-1.0.1.tgz",
+      "integrity": "sha1-3TeelPDbgxCwgpH51kwyCXZmF/0=",
+      "dev": true
+    },
+    "async-promise-queue": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npm.taobao.org/async-promise-queue/download/async-promise-queue-1.0.5.tgz",
+      "integrity": "sha1-yyO86fzpA6EzlGpwDMhfJ/CepJ0=",
+      "dev": true,
+      "requires": {
+        "async": "^2.4.1",
+        "debug": "^2.6.8"
+      }
+    },
+    "asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npm.taobao.org/asynckit/download/asynckit-0.4.0.tgz",
+      "integrity": "sha1-x57Zf380y48robyXkLzDZkdLS3k=",
+      "dev": true,
+      "optional": true
+    },
+    "atob": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npm.taobao.org/atob/download/atob-2.1.2.tgz",
+      "integrity": "sha1-bZUX654DDSQ2ZmZR6GvZ9vE1M8k=",
+      "dev": true
+    },
+    "aws-sign2": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npm.taobao.org/aws-sign2/download/aws-sign2-0.7.0.tgz",
+      "integrity": "sha1-tG6JCTSpWR8tL2+G1+ap8bP+dqg=",
+      "dev": true,
+      "optional": true
+    },
+    "aws4": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npm.taobao.org/aws4/download/aws4-1.9.1.tgz",
+      "integrity": "sha1-fjPY99RJs/ZzzXLeuavcVS2+Uo4=",
+      "dev": true,
+      "optional": true
+    },
+    "babel-code-frame": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npm.taobao.org/babel-code-frame/download/babel-code-frame-6.26.0.tgz",
+      "integrity": "sha1-Y/1D99weO7fONZR9uP42mj9Yx0s=",
+      "dev": true,
+      "requires": {
+        "chalk": "^1.1.3",
+        "esutils": "^2.0.2",
+        "js-tokens": "^3.0.2"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-2.1.1.tgz",
+          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-2.2.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-styles%2Fdownload%2Fansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
+          "dev": true
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npm.taobao.org/chalk/download/chalk-1.1.3.tgz?cache=0&sync_timestamp=1585815759944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^2.2.1",
+            "escape-string-regexp": "^1.0.2",
+            "has-ansi": "^2.0.0",
+            "strip-ansi": "^3.0.0",
+            "supports-color": "^2.0.0"
+          }
+        },
+        "has-ansi": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/has-ansi/download/has-ansi-2.0.0.tgz",
+          "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^2.0.0"
+          }
+        },
+        "js-tokens": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npm.taobao.org/js-tokens/download/js-tokens-3.0.2.tgz",
+          "integrity": "sha1-mGbfOVECEw449/mWvOtlRDIJwls=",
+          "dev": true
+        },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-3.0.1.tgz?cache=0&sync_timestamp=1573280518303&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-3.0.1.tgz",
+          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^2.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/supports-color/download/supports-color-2.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
+          "dev": true
+        }
+      }
+    },
+    "babel-core": {
+      "version": "6.26.3",
+      "resolved": "https://registry.npm.taobao.org/babel-core/download/babel-core-6.26.3.tgz",
+      "integrity": "sha1-suLwnjQtDwyI4vAuBneUEl51wgc=",
+      "dev": true,
+      "requires": {
+        "babel-code-frame": "^6.26.0",
+        "babel-generator": "^6.26.0",
+        "babel-helpers": "^6.24.1",
+        "babel-messages": "^6.23.0",
+        "babel-register": "^6.26.0",
+        "babel-runtime": "^6.26.0",
+        "babel-template": "^6.26.0",
+        "babel-traverse": "^6.26.0",
+        "babel-types": "^6.26.0",
+        "babylon": "^6.18.0",
+        "convert-source-map": "^1.5.1",
+        "debug": "^2.6.9",
+        "json5": "^0.5.1",
+        "lodash": "^4.17.4",
+        "minimatch": "^3.0.4",
+        "path-is-absolute": "^1.0.1",
+        "private": "^0.1.8",
+        "slash": "^1.0.0",
+        "source-map": "^0.5.7"
+      },
+      "dependencies": {
+        "json5": {
+          "version": "0.5.1",
+          "resolved": "https://registry.npm.taobao.org/json5/download/json5-0.5.1.tgz?cache=0&sync_timestamp=1586045693798&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjson5%2Fdownload%2Fjson5-0.5.1.tgz",
+          "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=",
+          "dev": true
+        },
+        "slash": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npm.taobao.org/slash/download/slash-1.0.0.tgz",
+          "integrity": "sha1-xB8vbDn8FtHNF61LXYlhFK5HDVU=",
+          "dev": true
+        }
+      }
+    },
+    "babel-generator": {
+      "version": "6.26.1",
+      "resolved": "https://registry.npm.taobao.org/babel-generator/download/babel-generator-6.26.1.tgz",
+      "integrity": "sha1-GERAjTuPDTWkBOp6wYDwh6YBvZA=",
+      "dev": true,
+      "requires": {
+        "babel-messages": "^6.23.0",
+        "babel-runtime": "^6.26.0",
+        "babel-types": "^6.26.0",
+        "detect-indent": "^4.0.0",
+        "jsesc": "^1.3.0",
+        "lodash": "^4.17.4",
+        "source-map": "^0.5.7",
+        "trim-right": "^1.0.1"
+      },
+      "dependencies": {
+        "detect-indent": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npm.taobao.org/detect-indent/download/detect-indent-4.0.0.tgz",
+          "integrity": "sha1-920GQ1LN9Docts5hnE7jqUdd4gg=",
+          "dev": true,
+          "requires": {
+            "repeating": "^2.0.0"
+          }
+        },
+        "jsesc": {
+          "version": "1.3.0",
+          "resolved": "https://registry.npm.taobao.org/jsesc/download/jsesc-1.3.0.tgz",
+          "integrity": "sha1-RsP+yMGJKxKwgz25vHYiF226s0s=",
+          "dev": true
+        }
+      }
+    },
+    "babel-helper-builder-binary-assignment-operator-visitor": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-helper-builder-binary-assignment-operator-visitor/download/babel-helper-builder-binary-assignment-operator-visitor-6.24.1.tgz",
+      "integrity": "sha1-zORReto1b0IgvK6KAsKzRvmlZmQ=",
+      "dev": true,
+      "requires": {
+        "babel-helper-explode-assignable-expression": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-helper-call-delegate": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-helper-call-delegate/download/babel-helper-call-delegate-6.24.1.tgz",
+      "integrity": "sha1-7Oaqzdx25Bw0YfiL/Fdb0Nqi340=",
+      "dev": true,
+      "requires": {
+        "babel-helper-hoist-variables": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-traverse": "^6.24.1",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-helper-define-map": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npm.taobao.org/babel-helper-define-map/download/babel-helper-define-map-6.26.0.tgz",
+      "integrity": "sha1-pfVtq0GiX5fstJjH66ypgZ+Vvl8=",
+      "dev": true,
+      "requires": {
+        "babel-helper-function-name": "^6.24.1",
+        "babel-runtime": "^6.26.0",
+        "babel-types": "^6.26.0",
+        "lodash": "^4.17.4"
+      }
+    },
+    "babel-helper-explode-assignable-expression": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-helper-explode-assignable-expression/download/babel-helper-explode-assignable-expression-6.24.1.tgz",
+      "integrity": "sha1-8luCz33BBDPFX3BZLVdGQArCLKo=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0",
+        "babel-traverse": "^6.24.1",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-helper-function-name": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-helper-function-name/download/babel-helper-function-name-6.24.1.tgz",
+      "integrity": "sha1-00dbjAPtmCQqJbSDUasYOZ01gKk=",
+      "dev": true,
+      "requires": {
+        "babel-helper-get-function-arity": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1",
+        "babel-traverse": "^6.24.1",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-helper-get-function-arity": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-helper-get-function-arity/download/babel-helper-get-function-arity-6.24.1.tgz",
+      "integrity": "sha1-j3eCqpNAfEHTqlCQj4mwMbG2hT0=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-helper-hoist-variables": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-helper-hoist-variables/download/babel-helper-hoist-variables-6.24.1.tgz",
+      "integrity": "sha1-HssnaJydJVE+rbyZFKc/VAi+enY=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-helper-optimise-call-expression": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-helper-optimise-call-expression/download/babel-helper-optimise-call-expression-6.24.1.tgz",
+      "integrity": "sha1-96E0J7qfc/j0+pk8VKl4gtEkQlc=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-helper-regex": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npm.taobao.org/babel-helper-regex/download/babel-helper-regex-6.26.0.tgz",
+      "integrity": "sha1-MlxZ+QL4LyS3T6zu0DY5VPZJXnI=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.26.0",
+        "babel-types": "^6.26.0",
+        "lodash": "^4.17.4"
+      }
+    },
+    "babel-helper-remap-async-to-generator": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-helper-remap-async-to-generator/download/babel-helper-remap-async-to-generator-6.24.1.tgz",
+      "integrity": "sha1-XsWBgnrXI/7N04HxySg5BnbkVRs=",
+      "dev": true,
+      "requires": {
+        "babel-helper-function-name": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1",
+        "babel-traverse": "^6.24.1",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-helper-replace-supers": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-helper-replace-supers/download/babel-helper-replace-supers-6.24.1.tgz",
+      "integrity": "sha1-v22/5Dk40XNpohPKiov3S2qQqxo=",
+      "dev": true,
+      "requires": {
+        "babel-helper-optimise-call-expression": "^6.24.1",
+        "babel-messages": "^6.23.0",
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1",
+        "babel-traverse": "^6.24.1",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-helpers": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-helpers/download/babel-helpers-6.24.1.tgz",
+      "integrity": "sha1-NHHenK7DiOXIUOWX5Yom3fN2ArI=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1"
+      }
+    },
+    "babel-messages": {
+      "version": "6.23.0",
+      "resolved": "https://registry.npm.taobao.org/babel-messages/download/babel-messages-6.23.0.tgz",
+      "integrity": "sha1-8830cDhYA1sqKVHG7F7fbGLyYw4=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-check-es2015-constants": {
+      "version": "6.22.0",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-check-es2015-constants/download/babel-plugin-check-es2015-constants-6.22.0.tgz",
+      "integrity": "sha1-NRV7EBQm/S/9PaP3XH0ekYNbv4o=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-debug-macros": {
+      "version": "0.3.3",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-debug-macros/download/babel-plugin-debug-macros-0.3.3.tgz",
+      "integrity": "sha1-KcNEnWY/Ycc4X1uMctgBWwaaXLc=",
+      "dev": true,
+      "requires": {
+        "semver": "^5.3.0"
+      }
+    },
+    "babel-plugin-dynamic-import-node": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-dynamic-import-node/download/babel-plugin-dynamic-import-node-2.3.0.tgz",
+      "integrity": "sha1-8A9Qe9qjw+P/bn5emNkKesq5b38=",
+      "dev": true,
+      "requires": {
+        "object.assign": "^4.1.0"
+      }
+    },
+    "babel-plugin-ember-data-packages-polyfill": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-ember-data-packages-polyfill/download/babel-plugin-ember-data-packages-polyfill-0.1.2.tgz",
+      "integrity": "sha1-IRVMCV3ccDcisfuLsGwSbAttd9w=",
+      "dev": true,
+      "requires": {
+        "@ember-data/rfc395-data": "^0.0.4"
+      }
+    },
+    "babel-plugin-ember-modules-api-polyfill": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-ember-modules-api-polyfill/download/babel-plugin-ember-modules-api-polyfill-2.12.0.tgz",
+      "integrity": "sha1-pecDIFuk5iWn+rm7Gupk7zIiz3U=",
+      "dev": true,
+      "requires": {
+        "ember-rfc176-data": "^0.3.12"
+      }
+    },
+    "babel-plugin-htmlbars-inline-precompile": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-htmlbars-inline-precompile/download/babel-plugin-htmlbars-inline-precompile-3.0.1.tgz",
+      "integrity": "sha1-4eOKQIf0RleOQZohwRJTDI3wI0U=",
+      "dev": true
+    },
+    "babel-plugin-module-resolver": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-module-resolver/download/babel-plugin-module-resolver-3.2.0.tgz",
+      "integrity": "sha1-3fpeMB47mqEthSqZefGLN4gf9ac=",
+      "dev": true,
+      "requires": {
+        "find-babel-config": "^1.1.0",
+        "glob": "^7.1.2",
+        "pkg-up": "^2.0.0",
+        "reselect": "^3.0.1",
+        "resolve": "^1.4.0"
+      }
+    },
+    "babel-plugin-syntax-async-functions": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-syntax-async-functions/download/babel-plugin-syntax-async-functions-6.13.0.tgz",
+      "integrity": "sha1-ytnK0RkbWtY0vzCuCHI5HgZHvpU=",
+      "dev": true
+    },
+    "babel-plugin-syntax-exponentiation-operator": {
+      "version": "6.13.0",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-syntax-exponentiation-operator/download/babel-plugin-syntax-exponentiation-operator-6.13.0.tgz",
+      "integrity": "sha1-nufoM3KQ2pUoggGmpX9BcDF4MN4=",
+      "dev": true
+    },
+    "babel-plugin-syntax-trailing-function-commas": {
+      "version": "6.22.0",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-syntax-trailing-function-commas/download/babel-plugin-syntax-trailing-function-commas-6.22.0.tgz",
+      "integrity": "sha1-ugNgk3+NBuQBgKQ/4NVhb/9TLPM=",
+      "dev": true
+    },
+    "babel-plugin-transform-async-to-generator": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-async-to-generator/download/babel-plugin-transform-async-to-generator-6.24.1.tgz",
+      "integrity": "sha1-ZTbjeK/2yx1VF6wOQOs+n8jQh2E=",
+      "dev": true,
+      "requires": {
+        "babel-helper-remap-async-to-generator": "^6.24.1",
+        "babel-plugin-syntax-async-functions": "^6.8.0",
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-arrow-functions": {
+      "version": "6.22.0",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-arrow-functions/download/babel-plugin-transform-es2015-arrow-functions-6.22.0.tgz",
+      "integrity": "sha1-RSaSy3EdX3ncf4XkQM5BufJE0iE=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-block-scoped-functions": {
+      "version": "6.22.0",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-block-scoped-functions/download/babel-plugin-transform-es2015-block-scoped-functions-6.22.0.tgz",
+      "integrity": "sha1-u8UbSflk1wy42OC5ToICRs46YUE=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-block-scoping": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-block-scoping/download/babel-plugin-transform-es2015-block-scoping-6.26.0.tgz",
+      "integrity": "sha1-1w9SmcEwjQXBL0Y4E7CgnnOxiV8=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.26.0",
+        "babel-template": "^6.26.0",
+        "babel-traverse": "^6.26.0",
+        "babel-types": "^6.26.0",
+        "lodash": "^4.17.4"
+      }
+    },
+    "babel-plugin-transform-es2015-classes": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-classes/download/babel-plugin-transform-es2015-classes-6.24.1.tgz",
+      "integrity": "sha1-WkxYpQyclGHlZLSyo7+ryXolhNs=",
+      "dev": true,
+      "requires": {
+        "babel-helper-define-map": "^6.24.1",
+        "babel-helper-function-name": "^6.24.1",
+        "babel-helper-optimise-call-expression": "^6.24.1",
+        "babel-helper-replace-supers": "^6.24.1",
+        "babel-messages": "^6.23.0",
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1",
+        "babel-traverse": "^6.24.1",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-computed-properties": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-computed-properties/download/babel-plugin-transform-es2015-computed-properties-6.24.1.tgz",
+      "integrity": "sha1-b+Ko0WiV1WNPTNmZttNICjCBWbM=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-destructuring": {
+      "version": "6.23.0",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-destructuring/download/babel-plugin-transform-es2015-destructuring-6.23.0.tgz",
+      "integrity": "sha1-mXux8auWf2gtKwh2/jWNYOdlxW0=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-duplicate-keys": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-duplicate-keys/download/babel-plugin-transform-es2015-duplicate-keys-6.24.1.tgz",
+      "integrity": "sha1-c+s9MQypaePvnskcU3QabxV2Qj4=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-for-of": {
+      "version": "6.23.0",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-for-of/download/babel-plugin-transform-es2015-for-of-6.23.0.tgz",
+      "integrity": "sha1-9HyVsrYT3x0+zC/bdXNiPHUkhpE=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-function-name": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-function-name/download/babel-plugin-transform-es2015-function-name-6.24.1.tgz",
+      "integrity": "sha1-g0yJhTvDaxrw86TF26qU/Y6sqos=",
+      "dev": true,
+      "requires": {
+        "babel-helper-function-name": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-literals": {
+      "version": "6.22.0",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-literals/download/babel-plugin-transform-es2015-literals-6.22.0.tgz",
+      "integrity": "sha1-T1SgLWzWbPkVKAAZox0xklN3yi4=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-modules-amd": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-modules-amd/download/babel-plugin-transform-es2015-modules-amd-6.24.1.tgz",
+      "integrity": "sha1-Oz5UAXI5hC1tGcMBHEvS8AoA0VQ=",
+      "dev": true,
+      "requires": {
+        "babel-plugin-transform-es2015-modules-commonjs": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-modules-commonjs": {
+      "version": "6.26.2",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-modules-commonjs/download/babel-plugin-transform-es2015-modules-commonjs-6.26.2.tgz",
+      "integrity": "sha1-WKeThjqefKhwvcWogRF/+sJ9tvM=",
+      "dev": true,
+      "requires": {
+        "babel-plugin-transform-strict-mode": "^6.24.1",
+        "babel-runtime": "^6.26.0",
+        "babel-template": "^6.26.0",
+        "babel-types": "^6.26.0"
+      }
+    },
+    "babel-plugin-transform-es2015-modules-systemjs": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-modules-systemjs/download/babel-plugin-transform-es2015-modules-systemjs-6.24.1.tgz",
+      "integrity": "sha1-/4mhQrkRmpBhlfXxBuzzBdlAfSM=",
+      "dev": true,
+      "requires": {
+        "babel-helper-hoist-variables": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-modules-umd": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-modules-umd/download/babel-plugin-transform-es2015-modules-umd-6.24.1.tgz",
+      "integrity": "sha1-rJl+YoXNGO1hdq22B9YCNErThGg=",
+      "dev": true,
+      "requires": {
+        "babel-plugin-transform-es2015-modules-amd": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-object-super": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-object-super/download/babel-plugin-transform-es2015-object-super-6.24.1.tgz",
+      "integrity": "sha1-JM72muIcuDp/hgPa0CH1cusnj40=",
+      "dev": true,
+      "requires": {
+        "babel-helper-replace-supers": "^6.24.1",
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-parameters": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-parameters/download/babel-plugin-transform-es2015-parameters-6.24.1.tgz",
+      "integrity": "sha1-V6w1GrScrxSpfNE7CfZv3wpiXys=",
+      "dev": true,
+      "requires": {
+        "babel-helper-call-delegate": "^6.24.1",
+        "babel-helper-get-function-arity": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-template": "^6.24.1",
+        "babel-traverse": "^6.24.1",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-shorthand-properties": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-shorthand-properties/download/babel-plugin-transform-es2015-shorthand-properties-6.24.1.tgz",
+      "integrity": "sha1-JPh11nIch2YbvZmkYi5R8U3jiqA=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-spread": {
+      "version": "6.22.0",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-spread/download/babel-plugin-transform-es2015-spread-6.22.0.tgz",
+      "integrity": "sha1-1taKmfia7cRTbIGlQujdnxdG+NE=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-sticky-regex": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-sticky-regex/download/babel-plugin-transform-es2015-sticky-regex-6.24.1.tgz",
+      "integrity": "sha1-AMHNsaynERLN8M9hJsLta0V8zbw=",
+      "dev": true,
+      "requires": {
+        "babel-helper-regex": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-plugin-transform-es2015-template-literals": {
+      "version": "6.22.0",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-template-literals/download/babel-plugin-transform-es2015-template-literals-6.22.0.tgz",
+      "integrity": "sha1-qEs0UPfp+PH2g51taH2oS7EjbY0=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-typeof-symbol": {
+      "version": "6.23.0",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-typeof-symbol/download/babel-plugin-transform-es2015-typeof-symbol-6.23.0.tgz",
+      "integrity": "sha1-3sCfHN3/lLUqxz1QXITfWdzOs3I=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-es2015-unicode-regex": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-es2015-unicode-regex/download/babel-plugin-transform-es2015-unicode-regex-6.24.1.tgz",
+      "integrity": "sha1-04sS9C6nMj9yk4fxinxa4frrNek=",
+      "dev": true,
+      "requires": {
+        "babel-helper-regex": "^6.24.1",
+        "babel-runtime": "^6.22.0",
+        "regexpu-core": "^2.0.0"
+      },
+      "dependencies": {
+        "jsesc": {
+          "version": "0.5.0",
+          "resolved": "https://registry.npm.taobao.org/jsesc/download/jsesc-0.5.0.tgz",
+          "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=",
+          "dev": true
+        },
+        "regexpu-core": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/regexpu-core/download/regexpu-core-2.0.0.tgz",
+          "integrity": "sha1-SdA4g3uNz4v6W5pCE5k45uoq4kA=",
+          "dev": true,
+          "requires": {
+            "regenerate": "^1.2.1",
+            "regjsgen": "^0.2.0",
+            "regjsparser": "^0.1.4"
+          }
+        },
+        "regjsgen": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npm.taobao.org/regjsgen/download/regjsgen-0.2.0.tgz",
+          "integrity": "sha1-bAFq3qxVT3WCP+N6wFuS1aTtsfc=",
+          "dev": true
+        },
+        "regjsparser": {
+          "version": "0.1.5",
+          "resolved": "https://registry.npm.taobao.org/regjsparser/download/regjsparser-0.1.5.tgz?cache=0&sync_timestamp=1583896720909&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregjsparser%2Fdownload%2Fregjsparser-0.1.5.tgz",
+          "integrity": "sha1-fuj4Tcb6eS0/0K4ijSS9lJ6tIFw=",
+          "dev": true,
+          "requires": {
+            "jsesc": "~0.5.0"
+          }
+        }
+      }
+    },
+    "babel-plugin-transform-exponentiation-operator": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-exponentiation-operator/download/babel-plugin-transform-exponentiation-operator-6.24.1.tgz",
+      "integrity": "sha1-KrDJx/MJj6SJB3cruBP+QejeOg4=",
+      "dev": true,
+      "requires": {
+        "babel-helper-builder-binary-assignment-operator-visitor": "^6.24.1",
+        "babel-plugin-syntax-exponentiation-operator": "^6.8.0",
+        "babel-runtime": "^6.22.0"
+      }
+    },
+    "babel-plugin-transform-regenerator": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-regenerator/download/babel-plugin-transform-regenerator-6.26.0.tgz",
+      "integrity": "sha1-4HA2lvveJ/Cj78rPi03KL3s6jy8=",
+      "dev": true,
+      "requires": {
+        "regenerator-transform": "^0.10.0"
+      },
+      "dependencies": {
+        "regenerator-transform": {
+          "version": "0.10.1",
+          "resolved": "https://registry.npm.taobao.org/regenerator-transform/download/regenerator-transform-0.10.1.tgz",
+          "integrity": "sha1-HkmWg3Ix2ot/PPQRTXG1aRoGgN0=",
+          "dev": true,
+          "requires": {
+            "babel-runtime": "^6.18.0",
+            "babel-types": "^6.19.0",
+            "private": "^0.1.6"
+          }
+        }
+      }
+    },
+    "babel-plugin-transform-strict-mode": {
+      "version": "6.24.1",
+      "resolved": "https://registry.npm.taobao.org/babel-plugin-transform-strict-mode/download/babel-plugin-transform-strict-mode-6.24.1.tgz",
+      "integrity": "sha1-1fr3qleKZbvlkc9e2uBKDGcCB1g=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.22.0",
+        "babel-types": "^6.24.1"
+      }
+    },
+    "babel-polyfill": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npm.taobao.org/babel-polyfill/download/babel-polyfill-6.26.0.tgz",
+      "integrity": "sha1-N5k3q8Z9eJWXCtxiHyhM2WbPIVM=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.26.0",
+        "core-js": "^2.5.0",
+        "regenerator-runtime": "^0.10.5"
+      },
+      "dependencies": {
+        "regenerator-runtime": {
+          "version": "0.10.5",
+          "resolved": "https://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.10.5.tgz",
+          "integrity": "sha1-M2w+/BIgrc7dosn6tntaeVWjNlg=",
+          "dev": true
+        }
+      }
+    },
+    "babel-preset-env": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npm.taobao.org/babel-preset-env/download/babel-preset-env-1.7.0.tgz",
+      "integrity": "sha1-3qefpOvriDzTXasH4mDBycBN93o=",
+      "dev": true,
+      "requires": {
+        "babel-plugin-check-es2015-constants": "^6.22.0",
+        "babel-plugin-syntax-trailing-function-commas": "^6.22.0",
+        "babel-plugin-transform-async-to-generator": "^6.22.0",
+        "babel-plugin-transform-es2015-arrow-functions": "^6.22.0",
+        "babel-plugin-transform-es2015-block-scoped-functions": "^6.22.0",
+        "babel-plugin-transform-es2015-block-scoping": "^6.23.0",
+        "babel-plugin-transform-es2015-classes": "^6.23.0",
+        "babel-plugin-transform-es2015-computed-properties": "^6.22.0",
+        "babel-plugin-transform-es2015-destructuring": "^6.23.0",
+        "babel-plugin-transform-es2015-duplicate-keys": "^6.22.0",
+        "babel-plugin-transform-es2015-for-of": "^6.23.0",
+        "babel-plugin-transform-es2015-function-name": "^6.22.0",
+        "babel-plugin-transform-es2015-literals": "^6.22.0",
+        "babel-plugin-transform-es2015-modules-amd": "^6.22.0",
+        "babel-plugin-transform-es2015-modules-commonjs": "^6.23.0",
+        "babel-plugin-transform-es2015-modules-systemjs": "^6.23.0",
+        "babel-plugin-transform-es2015-modules-umd": "^6.23.0",
+        "babel-plugin-transform-es2015-object-super": "^6.22.0",
+        "babel-plugin-transform-es2015-parameters": "^6.23.0",
+        "babel-plugin-transform-es2015-shorthand-properties": "^6.22.0",
+        "babel-plugin-transform-es2015-spread": "^6.22.0",
+        "babel-plugin-transform-es2015-sticky-regex": "^6.22.0",
+        "babel-plugin-transform-es2015-template-literals": "^6.22.0",
+        "babel-plugin-transform-es2015-typeof-symbol": "^6.23.0",
+        "babel-plugin-transform-es2015-unicode-regex": "^6.22.0",
+        "babel-plugin-transform-exponentiation-operator": "^6.22.0",
+        "babel-plugin-transform-regenerator": "^6.22.0",
+        "browserslist": "^3.2.6",
+        "invariant": "^2.2.2",
+        "semver": "^5.3.0"
+      },
+      "dependencies": {
+        "browserslist": {
+          "version": "3.2.8",
+          "resolved": "https://registry.npm.taobao.org/browserslist/download/browserslist-3.2.8.tgz?cache=0&sync_timestamp=1585600876122&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbrowserslist%2Fdownload%2Fbrowserslist-3.2.8.tgz",
+          "integrity": "sha1-sABTYdZHHw9ZUnl6dvyYXx+Xj8Y=",
+          "dev": true,
+          "requires": {
+            "caniuse-lite": "^1.0.30000844",
+            "electron-to-chromium": "^1.3.47"
+          }
+        }
+      }
+    },
+    "babel-register": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npm.taobao.org/babel-register/download/babel-register-6.26.0.tgz",
+      "integrity": "sha1-btAhFz4vy0htestFxgCahW9kcHE=",
+      "dev": true,
+      "requires": {
+        "babel-core": "^6.26.0",
+        "babel-runtime": "^6.26.0",
+        "core-js": "^2.5.0",
+        "home-or-tmp": "^2.0.0",
+        "lodash": "^4.17.4",
+        "mkdirp": "^0.5.1",
+        "source-map-support": "^0.4.15"
+      }
+    },
+    "babel-runtime": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npm.taobao.org/babel-runtime/download/babel-runtime-6.26.0.tgz",
+      "integrity": "sha1-llxwWGaOgrVde/4E/yM3vItWR/4=",
+      "dev": true,
+      "requires": {
+        "core-js": "^2.4.0",
+        "regenerator-runtime": "^0.11.0"
+      },
+      "dependencies": {
+        "regenerator-runtime": {
+          "version": "0.11.1",
+          "resolved": "https://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.11.1.tgz",
+          "integrity": "sha1-vgWtf5v30i4Fb5cmzuUBf78Z4uk=",
+          "dev": true
+        }
+      }
+    },
+    "babel-template": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npm.taobao.org/babel-template/download/babel-template-6.26.0.tgz",
+      "integrity": "sha1-3gPi0WOWsGn0bdn/+FIfsaDjXgI=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.26.0",
+        "babel-traverse": "^6.26.0",
+        "babel-types": "^6.26.0",
+        "babylon": "^6.18.0",
+        "lodash": "^4.17.4"
+      }
+    },
+    "babel-traverse": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npm.taobao.org/babel-traverse/download/babel-traverse-6.26.0.tgz",
+      "integrity": "sha1-RqnL1+3MYsjlwGTi0tjQ9ANXZu4=",
+      "dev": true,
+      "requires": {
+        "babel-code-frame": "^6.26.0",
+        "babel-messages": "^6.23.0",
+        "babel-runtime": "^6.26.0",
+        "babel-types": "^6.26.0",
+        "babylon": "^6.18.0",
+        "debug": "^2.6.8",
+        "globals": "^9.18.0",
+        "invariant": "^2.2.2",
+        "lodash": "^4.17.4"
+      },
+      "dependencies": {
+        "globals": {
+          "version": "9.18.0",
+          "resolved": "https://registry.npm.taobao.org/globals/download/globals-9.18.0.tgz",
+          "integrity": "sha1-qjiWs+abSH8X4x7SFD1pqOMMLYo=",
+          "dev": true
+        }
+      }
+    },
+    "babel-types": {
+      "version": "6.26.0",
+      "resolved": "https://registry.npm.taobao.org/babel-types/download/babel-types-6.26.0.tgz",
+      "integrity": "sha1-o7Bz+Uq0nrb6Vc1lInozQ4BjJJc=",
+      "dev": true,
+      "requires": {
+        "babel-runtime": "^6.26.0",
+        "esutils": "^2.0.2",
+        "lodash": "^4.17.4",
+        "to-fast-properties": "^1.0.3"
+      },
+      "dependencies": {
+        "to-fast-properties": {
+          "version": "1.0.3",
+          "resolved": "https://registry.npm.taobao.org/to-fast-properties/download/to-fast-properties-1.0.3.tgz",
+          "integrity": "sha1-uDVx+k2MJbguIxsG46MFXeTKGkc=",
+          "dev": true
+        }
+      }
+    },
+    "babylon": {
+      "version": "6.18.0",
+      "resolved": "https://registry.npm.taobao.org/babylon/download/babylon-6.18.0.tgz",
+      "integrity": "sha1-ry87iPpvXB5MY00aD46sT1WzleM=",
+      "dev": true
+    },
+    "backbone": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npm.taobao.org/backbone/download/backbone-1.4.0.tgz",
+      "integrity": "sha1-VNtN6d98OBHD8DLzR0mkzSfzvRI=",
+      "dev": true,
+      "requires": {
+        "underscore": ">=1.8.3"
+      }
+    },
+    "backo2": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/backo2/download/backo2-1.0.2.tgz",
+      "integrity": "sha1-MasayLEpNjRj41s+u2n038+6eUc=",
+      "dev": true
+    },
+    "balanced-match": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/balanced-match/download/balanced-match-1.0.0.tgz",
+      "integrity": "sha1-ibTRmasr7kneFk6gK4nORi1xt2c=",
+      "dev": true
+    },
+    "base": {
+      "version": "0.11.2",
+      "resolved": "https://registry.npm.taobao.org/base/download/base-0.11.2.tgz",
+      "integrity": "sha1-e95c7RRbbVUakNuH+DxVi060io8=",
+      "dev": true,
+      "requires": {
+        "cache-base": "^1.0.1",
+        "class-utils": "^0.3.5",
+        "component-emitter": "^1.2.1",
+        "define-property": "^1.0.0",
+        "isobject": "^3.0.1",
+        "mixin-deep": "^1.2.0",
+        "pascalcase": "^0.1.1"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npm.taobao.org/define-property/download/define-property-1.0.0.tgz",
+          "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^1.0.0"
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npm.taobao.org/is-accessor-descriptor/download/is-accessor-descriptor-1.0.0.tgz",
+          "integrity": "sha1-FpwvbT3x+ZJhgHI2XJsOofaHhlY=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-data-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npm.taobao.org/is-data-descriptor/download/is-data-descriptor-1.0.0.tgz",
+          "integrity": "sha1-2Eh2Mh0Oet0DmQQGq7u9NrqSaMc=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-descriptor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npm.taobao.org/is-descriptor/download/is-descriptor-1.0.2.tgz",
+          "integrity": "sha1-OxWXRqZmBLBPjIFSS6NlxfFNhuw=",
+          "dev": true,
+          "requires": {
+            "is-accessor-descriptor": "^1.0.0",
+            "is-data-descriptor": "^1.0.0",
+            "kind-of": "^6.0.2"
+          }
+        }
+      }
+    },
+    "base64-arraybuffer": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npm.taobao.org/base64-arraybuffer/download/base64-arraybuffer-0.1.5.tgz",
+      "integrity": "sha1-c5JncZI7Whl0etZmqlzUv5xunOg=",
+      "dev": true
+    },
+    "base64id": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/base64id/download/base64id-2.0.0.tgz",
+      "integrity": "sha1-J3Csa8R9MSr5eov5pjQ0LgzSXLY=",
+      "dev": true
+    },
+    "basic-auth": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/basic-auth/download/basic-auth-2.0.1.tgz",
+      "integrity": "sha1-uZgnm/R844NEtPPPkW1Gebv1Hjo=",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "5.1.2"
+      }
+    },
+    "bcrypt-pbkdf": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/bcrypt-pbkdf/download/bcrypt-pbkdf-1.0.2.tgz",
+      "integrity": "sha1-pDAdOJtqQ/m2f/PKEaP2Y342Dp4=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "tweetnacl": "^0.14.3"
+      }
+    },
+    "better-assert": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/better-assert/download/better-assert-1.0.2.tgz",
+      "integrity": "sha1-QIZrnhueC1W0gYlDEeaPr/rrxSI=",
+      "dev": true,
+      "requires": {
+        "callsite": "1.0.0"
+      }
+    },
+    "binaryextensions": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npm.taobao.org/binaryextensions/download/binaryextensions-2.2.0.tgz",
+      "integrity": "sha1-58a6gtT19XWMJgeP6O6iiIEjMxE=",
+      "dev": true
+    },
+    "blank-object": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/blank-object/download/blank-object-1.0.2.tgz",
+      "integrity": "sha1-+ZB5P76ajI3QE/syGUIL7IHV9Lk=",
+      "dev": true
+    },
+    "blob": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npm.taobao.org/blob/download/blob-0.0.5.tgz",
+      "integrity": "sha1-1oDu7yX4zZGtUz9bAe7UjmTK9oM=",
+      "dev": true
+    },
+    "bluebird": {
+      "version": "3.7.2",
+      "resolved": "https://registry.npm.taobao.org/bluebird/download/bluebird-3.7.2.tgz",
+      "integrity": "sha1-nyKcFb4nJFT/qXOs4NvueaGww28=",
+      "dev": true
+    },
+    "blueimp-md5": {
+      "version": "2.13.0",
+      "resolved": "https://registry.npm.taobao.org/blueimp-md5/download/blueimp-md5-2.13.0.tgz?cache=0&sync_timestamp=1585224900361&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fblueimp-md5%2Fdownload%2Fblueimp-md5-2.13.0.tgz",
+      "integrity": "sha1-BzFLDGTdoL8XM/ls5A1a+U6yiWU=",
+      "dev": true
+    },
+    "body": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npm.taobao.org/body/download/body-5.1.0.tgz",
+      "integrity": "sha1-5LoM5BCkaTYyM2dgnstOZVMSUGk=",
+      "dev": true,
+      "requires": {
+        "continuable-cache": "^0.3.1",
+        "error": "^7.0.0",
+        "raw-body": "~1.1.0",
+        "safe-json-parse": "~1.0.1"
+      },
+      "dependencies": {
+        "bytes": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npm.taobao.org/bytes/download/bytes-1.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbytes%2Fdownload%2Fbytes-1.0.0.tgz",
+          "integrity": "sha1-NWnt6Lo0MV+rmcPpLLBMciDeH6g=",
+          "dev": true
+        },
+        "raw-body": {
+          "version": "1.1.7",
+          "resolved": "https://registry.npm.taobao.org/raw-body/download/raw-body-1.1.7.tgz",
+          "integrity": "sha1-HQJ8K/oRasxmI7yo8AAWVyqH1CU=",
+          "dev": true,
+          "requires": {
+            "bytes": "1",
+            "string_decoder": "0.10"
+          }
+        },
+        "string_decoder": {
+          "version": "0.10.31",
+          "resolved": "https://registry.npm.taobao.org/string_decoder/download/string_decoder-0.10.31.tgz",
+          "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=",
+          "dev": true
+        }
+      }
+    },
+    "body-parser": {
+      "version": "1.19.0",
+      "resolved": "https://registry.npm.taobao.org/body-parser/download/body-parser-1.19.0.tgz",
+      "integrity": "sha1-lrJwnlfJxOCab9Zqj9l5hE9p8Io=",
+      "dev": true,
+      "requires": {
+        "bytes": "3.1.0",
+        "content-type": "~1.0.4",
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "http-errors": "1.7.2",
+        "iconv-lite": "0.4.24",
+        "on-finished": "~2.3.0",
+        "qs": "6.7.0",
+        "raw-body": "2.4.0",
+        "type-is": "~1.6.17"
+      },
+      "dependencies": {
+        "bytes": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npm.taobao.org/bytes/download/bytes-3.1.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbytes%2Fdownload%2Fbytes-3.1.0.tgz",
+          "integrity": "sha1-9s95M6Ng4FiPqf3oVlHNx/gF0fY=",
+          "dev": true
+        },
+        "http-errors": {
+          "version": "1.7.2",
+          "resolved": "https://registry.npm.taobao.org/http-errors/download/http-errors-1.7.2.tgz",
+          "integrity": "sha1-T1ApzxMjnzEDblsuVSkrz7zIXI8=",
+          "dev": true,
+          "requires": {
+            "depd": "~1.1.2",
+            "inherits": "2.0.3",
+            "setprototypeof": "1.1.1",
+            "statuses": ">= 1.5.0 < 2",
+            "toidentifier": "1.0.0"
+          }
+        },
+        "inherits": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npm.taobao.org/inherits/download/inherits-2.0.3.tgz",
+          "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
+          "dev": true
+        },
+        "qs": {
+          "version": "6.7.0",
+          "resolved": "https://registry.npm.taobao.org/qs/download/qs-6.7.0.tgz",
+          "integrity": "sha1-QdwaAV49WB8WIXdr4xr7KHapsbw=",
+          "dev": true
+        },
+        "setprototypeof": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npm.taobao.org/setprototypeof/download/setprototypeof-1.1.1.tgz",
+          "integrity": "sha1-fpWsskqpL1iF4KvvW6ExMw1K5oM=",
+          "dev": true
+        }
+      }
+    },
+    "bootbox": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npm.taobao.org/bootbox/download/bootbox-5.1.3.tgz",
+      "integrity": "sha1-cAtLJhkHdAKobRYyEGcaFUJetM0=",
+      "dev": true,
+      "requires": {
+        "bootstrap": ">=3.0.0",
+        "jquery": ">=1.9.1"
+      }
+    },
+    "bootstrap": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npm.taobao.org/bootstrap/download/bootstrap-3.4.1.tgz",
+      "integrity": "sha1-w6NH1Bniia0R9AM+PEEyuHwIHXI=",
+      "dev": true
+    },
+    "bootstrap-colorpicker": {
+      "version": "2.5.3",
+      "resolved": "https://registry.npm.taobao.org/bootstrap-colorpicker/download/bootstrap-colorpicker-2.5.3.tgz",
+      "integrity": "sha1-tQr/hZD7qmtapjpWJOQhPxZZpJ0=",
+      "dev": true,
+      "requires": {
+        "jquery": ">=1.10"
+      }
+    },
+    "bootstrap-tagsinput": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npm.taobao.org/bootstrap-tagsinput/download/bootstrap-tagsinput-0.7.1.tgz",
+      "integrity": "sha1-/+Owa74qEGlF7ygUVoAFqU8hGTc=",
+      "dev": true
+    },
+    "bower-config": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npm.taobao.org/bower-config/download/bower-config-1.4.1.tgz",
+      "integrity": "sha1-hf2d82fCuNu9DKpMXyutQM2Ewsw=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.3",
+        "mout": "^1.0.0",
+        "optimist": "^0.6.1",
+        "osenv": "^0.1.3",
+        "untildify": "^2.1.0"
+      }
+    },
+    "bower-endpoint-parser": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npm.taobao.org/bower-endpoint-parser/download/bower-endpoint-parser-0.2.2.tgz",
+      "integrity": "sha1-ALVlrb+rby01rd3pd+l5Yqy8s/Y=",
+      "dev": true
+    },
+    "brace-expansion": {
+      "version": "1.1.11",
+      "resolved": "https://registry.npm.taobao.org/brace-expansion/download/brace-expansion-1.1.11.tgz",
+      "integrity": "sha1-PH/L9SnYcibz0vUrlm/1Jx60Qd0=",
+      "dev": true,
+      "requires": {
+        "balanced-match": "^1.0.0",
+        "concat-map": "0.0.1"
+      }
+    },
+    "braces": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npm.taobao.org/braces/download/braces-3.0.2.tgz",
+      "integrity": "sha1-NFThpGLujVmeI23zNs2epPiv4Qc=",
+      "dev": true,
+      "requires": {
+        "fill-range": "^7.0.1"
+      }
+    },
+    "broccoli": {
+      "version": "3.4.1",
+      "resolved": "https://registry.npm.taobao.org/broccoli/download/broccoli-3.4.1.tgz",
+      "integrity": "sha1-Os8sjZmO1X+3qJ3uGxtejpVuKFs=",
+      "dev": true,
+      "requires": {
+        "@types/chai": "^4.2.9",
+        "@types/chai-as-promised": "^7.1.2",
+        "@types/express": "^4.17.2",
+        "ansi-html": "^0.0.7",
+        "broccoli-node-info": "^2.1.0",
+        "broccoli-slow-trees": "^3.0.1",
+        "broccoli-source": "^3.0.0",
+        "commander": "^4.1.1",
+        "connect": "^3.6.6",
+        "console-ui": "^3.0.4",
+        "esm": "^3.2.4",
+        "findup-sync": "^4.0.0",
+        "handlebars": "^4.7.3",
+        "heimdalljs": "^0.2.6",
+        "heimdalljs-logger": "^0.1.9",
+        "https": "^1.0.0",
+        "mime-types": "^2.1.26",
+        "resolve-path": "^1.4.0",
+        "rimraf": "^3.0.2",
+        "sane": "^4.0.0",
+        "tmp": "^0.0.33",
+        "tree-sync": "^2.0.0",
+        "underscore.string": "^3.2.2",
+        "watch-detector": "^1.0.0"
+      },
+      "dependencies": {
+        "broccoli-source": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/broccoli-source/download/broccoli-source-3.0.0.tgz",
+          "integrity": "sha1-x8m6JFBZQbcqAkRWgoW8hZ9p370=",
+          "dev": true,
+          "requires": {
+            "broccoli-node-api": "^1.6.0"
+          }
+        },
+        "rimraf": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npm.taobao.org/rimraf/download/rimraf-3.0.2.tgz?cache=0&sync_timestamp=1581257110269&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frimraf%2Fdownload%2Frimraf-3.0.2.tgz",
+          "integrity": "sha1-8aVAK6YiCtUswSgrrBrjqkn9Bho=",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npm.taobao.org/semver/download/semver-6.3.0.tgz?cache=0&sync_timestamp=1586534511518&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-6.3.0.tgz",
+          "integrity": "sha1-7gpkyK9ejO6mdoexM3YeG+y9HT0=",
+          "dev": true
+        },
+        "tmp": {
+          "version": "0.0.33",
+          "resolved": "https://registry.npm.taobao.org/tmp/download/tmp-0.0.33.tgz",
+          "integrity": "sha1-bTQzWIl2jSGyvNoKonfO07G/rfk=",
+          "dev": true,
+          "requires": {
+            "os-tmpdir": "~1.0.2"
+          }
+        },
+        "tree-sync": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/tree-sync/download/tree-sync-2.0.0.tgz",
+          "integrity": "sha1-5RRWcx1ayTuS+aHVjdOD928PLzk=",
+          "dev": true,
+          "requires": {
+            "debug": "^2.2.0",
+            "fs-tree-diff": "^0.5.6",
+            "mkdirp": "^0.5.1",
+            "quick-temp": "^0.1.5",
+            "walk-sync": "^0.3.3"
+          }
+        },
+        "watch-detector": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npm.taobao.org/watch-detector/download/watch-detector-1.0.0.tgz",
+          "integrity": "sha1-x7ci2Glf7pq2Bx4POPJY5q2yJgk=",
+          "dev": true,
+          "requires": {
+            "heimdalljs-logger": "^0.1.10",
+            "semver": "^6.3.0",
+            "silent-error": "^1.1.1",
+            "tmp": "^0.1.0"
+          },
+          "dependencies": {
+            "rimraf": {
+              "version": "2.7.1",
+              "resolved": "https://registry.npm.taobao.org/rimraf/download/rimraf-2.7.1.tgz?cache=0&sync_timestamp=1581257110269&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frimraf%2Fdownload%2Frimraf-2.7.1.tgz",
+              "integrity": "sha1-NXl/E6f9rcVmFCwp1PB8ytSD4+w=",
+              "dev": true,
+              "requires": {
+                "glob": "^7.1.3"
+              }
+            },
+            "tmp": {
+              "version": "0.1.0",
+              "resolved": "https://registry.npm.taobao.org/tmp/download/tmp-0.1.0.tgz",
+              "integrity": "sha1-7kNKTiJUMILilLpiAdzG6v76KHc=",
+              "dev": true,
+              "requires": {
+                "rimraf": "^2.6.3"
+              }
+            }
+          }
+        }
+      }
+    },
+    "broccoli-amd-funnel": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/broccoli-amd-funnel/download/broccoli-amd-funnel-2.0.1.tgz",
+      "integrity": "sha1-29v9KIQXMTQtU4EmVnwlvqPxUxA=",
+      "dev": true,
+      "requires": {
+        "broccoli-plugin": "^1.3.0",
+        "symlink-or-copy": "^1.2.0"
+      }
+    },
+    "broccoli-asset-rev": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/broccoli-asset-rev/download/broccoli-asset-rev-3.0.0.tgz",
+      "integrity": "sha1-ZaKMigYtbuLP/ZHtKoMJ4PglOsY=",
+      "dev": true,
+      "requires": {
+        "broccoli-asset-rewrite": "^2.0.0",
+        "broccoli-filter": "^1.2.2",
+        "broccoli-persistent-filter": "^1.4.3",
+        "json-stable-stringify": "^1.0.0",
+        "minimatch": "^3.0.4",
+        "rsvp": "^3.0.6"
+      },
+      "dependencies": {
+        "broccoli-persistent-filter": {
+          "version": "1.4.6",
+          "resolved": "https://registry.npm.taobao.org/broccoli-persistent-filter/download/broccoli-persistent-filter-1.4.6.tgz",
+          "integrity": "sha1-gHYtGQAIgKd9ozw0NzKZwPaj5hU=",
+          "dev": true,
+          "requires": {
+            "async-disk-cache": "^1.2.1",
+            "async-promise-queue": "^1.0.3",
+            "broccoli-plugin": "^1.0.0",
+            "fs-tree-diff": "^0.5.2",
+            "hash-for-dep": "^1.0.2",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "mkdirp": "^0.5.1",
+            "promise-map-series": "^0.2.1",
+            "rimraf": "^2.6.1",
+            "rsvp": "^3.0.18",
+            "symlink-or-copy": "^1.0.1",
+            "walk-sync": "^0.3.1"
+          }
+        }
+      }
+    },
+    "broccoli-asset-rewrite": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/broccoli-asset-rewrite/download/broccoli-asset-rewrite-2.0.0.tgz",
+      "integrity": "sha1-YDxKUtTImHovaBJUQ2kjrAqclKs=",
+      "dev": true,
+      "requires": {
+        "broccoli-filter": "^1.2.3"
+      }
+    },
+    "broccoli-babel-transpiler": {
+      "version": "7.4.0",
+      "resolved": "https://registry.npm.taobao.org/broccoli-babel-transpiler/download/broccoli-babel-transpiler-7.4.0.tgz",
+      "integrity": "sha1-8wafD3foAXqhfh51fftKMN4EQYI=",
+      "dev": true,
+      "requires": {
+        "@babel/core": "^7.8.3",
+        "@babel/polyfill": "^7.8.3",
+        "broccoli-funnel": "^2.0.2",
+        "broccoli-merge-trees": "^3.0.2",
+        "broccoli-persistent-filter": "^2.2.1",
+        "clone": "^2.1.2",
+        "hash-for-dep": "^1.4.7",
+        "heimdalljs-logger": "^0.1.9",
+        "json-stable-stringify": "^1.0.1",
+        "rsvp": "^4.8.4",
+        "workerpool": "^3.1.1"
+      },
+      "dependencies": {
+        "rsvp": {
+          "version": "4.8.5",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-4.8.5.tgz",
+          "integrity": "sha1-yPFVMR0Wf2jyHhaN9x7FsIMRNzQ=",
+          "dev": true
+        }
+      }
+    },
+    "broccoli-builder": {
+      "version": "0.18.14",
+      "resolved": "https://registry.npm.taobao.org/broccoli-builder/download/broccoli-builder-0.18.14.tgz",
+      "integrity": "sha1-S3ni+ETeEaThuBbD9Jxt9HdsMS0=",
+      "dev": true,
+      "requires": {
+        "broccoli-node-info": "^1.1.0",
+        "heimdalljs": "^0.2.0",
+        "promise-map-series": "^0.2.1",
+        "quick-temp": "^0.1.2",
+        "rimraf": "^2.2.8",
+        "rsvp": "^3.0.17",
+        "silent-error": "^1.0.1"
+      },
+      "dependencies": {
+        "broccoli-node-info": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npm.taobao.org/broccoli-node-info/download/broccoli-node-info-1.1.0.tgz",
+          "integrity": "sha1-OqLjHgflvbUW3SUhT3xFuhxFlBI=",
+          "dev": true
+        }
+      }
+    },
+    "broccoli-caching-writer": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npm.taobao.org/broccoli-caching-writer/download/broccoli-caching-writer-3.0.3.tgz",
+      "integrity": "sha1-C9LJapc41qarWQ8HujXFFX19tHY=",
+      "dev": true,
+      "requires": {
+        "broccoli-kitchen-sink-helpers": "^0.3.1",
+        "broccoli-plugin": "^1.2.1",
+        "debug": "^2.1.1",
+        "rimraf": "^2.2.8",
+        "rsvp": "^3.0.17",
+        "walk-sync": "^0.3.0"
+      }
+    },
+    "broccoli-clean-css": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/broccoli-clean-css/download/broccoli-clean-css-1.1.0.tgz",
+      "integrity": "sha1-nbFD2a9+CuecJuOsWpuy1yDqGfo=",
+      "dev": true,
+      "requires": {
+        "broccoli-persistent-filter": "^1.1.6",
+        "clean-css-promise": "^0.1.0",
+        "inline-source-map-comment": "^1.0.5",
+        "json-stable-stringify": "^1.0.0"
+      },
+      "dependencies": {
+        "broccoli-persistent-filter": {
+          "version": "1.4.6",
+          "resolved": "https://registry.npm.taobao.org/broccoli-persistent-filter/download/broccoli-persistent-filter-1.4.6.tgz",
+          "integrity": "sha1-gHYtGQAIgKd9ozw0NzKZwPaj5hU=",
+          "dev": true,
+          "requires": {
+            "async-disk-cache": "^1.2.1",
+            "async-promise-queue": "^1.0.3",
+            "broccoli-plugin": "^1.0.0",
+            "fs-tree-diff": "^0.5.2",
+            "hash-for-dep": "^1.0.2",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "mkdirp": "^0.5.1",
+            "promise-map-series": "^0.2.1",
+            "rimraf": "^2.6.1",
+            "rsvp": "^3.0.18",
+            "symlink-or-copy": "^1.0.1",
+            "walk-sync": "^0.3.1"
+          }
+        }
+      }
+    },
+    "broccoli-concat": {
+      "version": "3.7.5",
+      "resolved": "https://registry.npm.taobao.org/broccoli-concat/download/broccoli-concat-3.7.5.tgz",
+      "integrity": "sha1-IjvtqMEYQlLPCK4CCj1F/6akghg=",
+      "dev": true,
+      "requires": {
+        "broccoli-debug": "^0.6.5",
+        "broccoli-kitchen-sink-helpers": "^0.3.1",
+        "broccoli-plugin": "^1.3.0",
+        "ensure-posix-path": "^1.0.2",
+        "fast-sourcemap-concat": "^1.4.0",
+        "find-index": "^1.1.0",
+        "fs-extra": "^4.0.3",
+        "fs-tree-diff": "^0.5.7",
+        "lodash.merge": "^4.6.2",
+        "lodash.omit": "^4.1.0",
+        "lodash.uniq": "^4.2.0",
+        "walk-sync": "^0.3.2"
+      },
+      "dependencies": {
+        "fs-extra": {
+          "version": "4.0.3",
+          "resolved": "https://registry.npm.taobao.org/fs-extra/download/fs-extra-4.0.3.tgz",
+          "integrity": "sha1-DYUhIuW8W+tFP7Ao6cDJvzY0DJQ=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        }
+      }
+    },
+    "broccoli-config-loader": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/broccoli-config-loader/download/broccoli-config-loader-1.0.1.tgz",
+      "integrity": "sha1-0QqvjrwMtFwdpbqoJyDh2I0oyAo=",
+      "dev": true,
+      "requires": {
+        "broccoli-caching-writer": "^3.0.3"
+      }
+    },
+    "broccoli-config-replace": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npm.taobao.org/broccoli-config-replace/download/broccoli-config-replace-1.1.2.tgz",
+      "integrity": "sha1-bqh52SpbrWNNETKbUfxfSq/anAA=",
+      "dev": true,
+      "requires": {
+        "broccoli-kitchen-sink-helpers": "^0.3.1",
+        "broccoli-plugin": "^1.2.0",
+        "debug": "^2.2.0",
+        "fs-extra": "^0.24.0"
+      },
+      "dependencies": {
+        "fs-extra": {
+          "version": "0.24.0",
+          "resolved": "https://registry.npm.taobao.org/fs-extra/download/fs-extra-0.24.0.tgz",
+          "integrity": "sha1-1OQ0KpZnXLeEZjOmCZJJMytTmVI=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "jsonfile": "^2.1.0",
+            "path-is-absolute": "^1.0.0",
+            "rimraf": "^2.2.8"
+          }
+        },
+        "jsonfile": {
+          "version": "2.4.0",
+          "resolved": "https://registry.npm.taobao.org/jsonfile/download/jsonfile-2.4.0.tgz",
+          "integrity": "sha1-NzaitCi4e72gzIO1P6PWM6NcKug=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.6"
+          }
+        }
+      }
+    },
+    "broccoli-debug": {
+      "version": "0.6.5",
+      "resolved": "https://registry.npm.taobao.org/broccoli-debug/download/broccoli-debug-0.6.5.tgz",
+      "integrity": "sha1-Fkpc2v2JNuUl5wK/j5HznXWOLng=",
+      "dev": true,
+      "requires": {
+        "broccoli-plugin": "^1.2.1",
+        "fs-tree-diff": "^0.5.2",
+        "heimdalljs": "^0.2.1",
+        "heimdalljs-logger": "^0.1.7",
+        "symlink-or-copy": "^1.1.8",
+        "tree-sync": "^1.2.2"
+      }
+    },
+    "broccoli-file-creator": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/broccoli-file-creator/download/broccoli-file-creator-1.2.0.tgz",
+      "integrity": "sha1-J/GyWxsA57t789XXq+1fTVOI300=",
+      "dev": true,
+      "requires": {
+        "broccoli-plugin": "^1.1.0",
+        "mkdirp": "^0.5.1"
+      }
+    },
+    "broccoli-filter": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npm.taobao.org/broccoli-filter/download/broccoli-filter-1.3.0.tgz",
+      "integrity": "sha1-ceOo4yoX8wnhImGRnFsQBtZ2beY=",
+      "dev": true,
+      "requires": {
+        "broccoli-kitchen-sink-helpers": "^0.3.1",
+        "broccoli-plugin": "^1.0.0",
+        "copy-dereference": "^1.0.0",
+        "debug": "^2.2.0",
+        "mkdirp": "^0.5.1",
+        "promise-map-series": "^0.2.1",
+        "rsvp": "^3.0.18",
+        "symlink-or-copy": "^1.0.1",
+        "walk-sync": "^0.3.1"
+      }
+    },
+    "broccoli-funnel": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npm.taobao.org/broccoli-funnel/download/broccoli-funnel-2.0.2.tgz",
+      "integrity": "sha1-Dt9ilWm8EL0CzFJfdLmjjnE2anU=",
+      "dev": true,
+      "requires": {
+        "array-equal": "^1.0.0",
+        "blank-object": "^1.0.1",
+        "broccoli-plugin": "^1.3.0",
+        "debug": "^2.2.0",
+        "fast-ordered-set": "^1.0.0",
+        "fs-tree-diff": "^0.5.3",
+        "heimdalljs": "^0.2.0",
+        "minimatch": "^3.0.0",
+        "mkdirp": "^0.5.0",
+        "path-posix": "^1.0.0",
+        "rimraf": "^2.4.3",
+        "symlink-or-copy": "^1.0.0",
+        "walk-sync": "^0.3.1"
+      }
+    },
+    "broccoli-funnel-reducer": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/broccoli-funnel-reducer/download/broccoli-funnel-reducer-1.0.0.tgz",
+      "integrity": "sha1-ETZbKnha7JsXlyo234fu8kxcwOo=",
+      "dev": true
+    },
+    "broccoli-kitchen-sink-helpers": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npm.taobao.org/broccoli-kitchen-sink-helpers/download/broccoli-kitchen-sink-helpers-0.3.1.tgz",
+      "integrity": "sha1-d8fBgZS5ZkFj7E/O4nk0RJJuDAY=",
+      "dev": true,
+      "requires": {
+        "glob": "^5.0.10",
+        "mkdirp": "^0.5.1"
+      },
+      "dependencies": {
+        "glob": {
+          "version": "5.0.15",
+          "resolved": "https://registry.npm.taobao.org/glob/download/glob-5.0.15.tgz",
+          "integrity": "sha1-G8k2ueAvSmA/zCIuz3Yz0wuLk7E=",
+          "dev": true,
+          "requires": {
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "2 || 3",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        }
+      }
+    },
+    "broccoli-less-single": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/broccoli-less-single/download/broccoli-less-single-1.1.0.tgz",
+      "integrity": "sha1-Jg+9Jo+QNJkfsxp+pPhBu5IAnag=",
+      "dev": true,
+      "requires": {
+        "broccoli-caching-writer": "^2.3.1",
+        "include-path-searcher": "^0.1.0",
+        "less": "^3.7.1",
+        "lodash.merge": "^4.6.2",
+        "mkdirp": "^0.5.0"
+      },
+      "dependencies": {
+        "broccoli-caching-writer": {
+          "version": "2.3.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-caching-writer/download/broccoli-caching-writer-2.3.1.tgz",
+          "integrity": "sha1-uTz1j5Jk8AMHWGjbBXdPTn8lvQc=",
+          "dev": true,
+          "requires": {
+            "broccoli-kitchen-sink-helpers": "^0.2.5",
+            "broccoli-plugin": "1.1.0",
+            "debug": "^2.1.1",
+            "rimraf": "^2.2.8",
+            "rsvp": "^3.0.17",
+            "walk-sync": "^0.2.5"
+          }
+        },
+        "broccoli-kitchen-sink-helpers": {
+          "version": "0.2.9",
+          "resolved": "https://registry.npm.taobao.org/broccoli-kitchen-sink-helpers/download/broccoli-kitchen-sink-helpers-0.2.9.tgz",
+          "integrity": "sha1-peCYbtjXb7WYS2jD8EUNOpbjbsw=",
+          "dev": true,
+          "requires": {
+            "glob": "^5.0.10",
+            "mkdirp": "^0.5.1"
+          }
+        },
+        "broccoli-plugin": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npm.taobao.org/broccoli-plugin/download/broccoli-plugin-1.1.0.tgz",
+          "integrity": "sha1-c+LPoF+OoeP8FCDEDD2efcckvwI=",
+          "dev": true,
+          "requires": {
+            "promise-map-series": "^0.2.1",
+            "quick-temp": "^0.1.3",
+            "rimraf": "^2.3.4",
+            "symlink-or-copy": "^1.0.1"
+          }
+        },
+        "glob": {
+          "version": "5.0.15",
+          "resolved": "https://registry.npm.taobao.org/glob/download/glob-5.0.15.tgz",
+          "integrity": "sha1-G8k2ueAvSmA/zCIuz3Yz0wuLk7E=",
+          "dev": true,
+          "requires": {
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "2 || 3",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        },
+        "walk-sync": {
+          "version": "0.2.7",
+          "resolved": "https://registry.npm.taobao.org/walk-sync/download/walk-sync-0.2.7.tgz",
+          "integrity": "sha1-tJvk7mhnZXrrc2l4tWop0Q+jmWk=",
+          "dev": true,
+          "requires": {
+            "ensure-posix-path": "^1.0.0",
+            "matcher-collection": "^1.0.0"
+          }
+        }
+      }
+    },
+    "broccoli-lint-eslint": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npm.taobao.org/broccoli-lint-eslint/download/broccoli-lint-eslint-5.0.0.tgz",
+      "integrity": "sha1-BTZYedWX3XhJahxxjbDl6l1KK94=",
+      "dev": true,
+      "requires": {
+        "aot-test-generators": "^0.1.0",
+        "broccoli-concat": "^3.2.2",
+        "broccoli-persistent-filter": "^2.1.0",
+        "eslint": "^5.6.0",
+        "json-stable-stringify": "^1.0.1",
+        "lodash.defaultsdeep": "^4.6.0",
+        "md5-hex": "^2.0.0"
+      }
+    },
+    "broccoli-merge-trees": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npm.taobao.org/broccoli-merge-trees/download/broccoli-merge-trees-3.0.2.tgz",
+      "integrity": "sha1-8ztFGZQiVSK1ybzyfVnez9i6U30=",
+      "dev": true,
+      "requires": {
+        "broccoli-plugin": "^1.3.0",
+        "merge-trees": "^2.0.0"
+      }
+    },
+    "broccoli-middleware": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npm.taobao.org/broccoli-middleware/download/broccoli-middleware-2.1.1.tgz",
+      "integrity": "sha1-GDY1u+9NwSQVM+4AGhYvAT13bLk=",
+      "dev": true,
+      "requires": {
+        "ansi-html": "^0.0.7",
+        "handlebars": "^4.0.4",
+        "has-ansi": "^3.0.0",
+        "mime-types": "^2.1.18"
+      }
+    },
+    "broccoli-module-normalizer": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npm.taobao.org/broccoli-module-normalizer/download/broccoli-module-normalizer-1.3.0.tgz",
+      "integrity": "sha1-+ZgtnLt3a07XVBYcxlR3hNPrGd4=",
+      "dev": true,
+      "requires": {
+        "broccoli-plugin": "^1.3.0",
+        "merge-trees": "^1.0.1",
+        "rimraf": "^2.6.2",
+        "symlink-or-copy": "^1.1.8"
+      },
+      "dependencies": {
+        "merge-trees": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npm.taobao.org/merge-trees/download/merge-trees-1.0.1.tgz",
+          "integrity": "sha1-zL5nRWl4f53vF/1G5lJfVwC70j4=",
+          "dev": true,
+          "requires": {
+            "can-symlink": "^1.0.0",
+            "fs-tree-diff": "^0.5.4",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "rimraf": "^2.4.3",
+            "symlink-or-copy": "^1.0.0"
+          }
+        }
+      }
+    },
+    "broccoli-module-unification-reexporter": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/broccoli-module-unification-reexporter/download/broccoli-module-unification-reexporter-1.0.0.tgz",
+      "integrity": "sha1-AxkJxdPxWewR1fniNG8oYduKyz4=",
+      "dev": true,
+      "requires": {
+        "broccoli-plugin": "^1.3.0",
+        "mkdirp": "^0.5.1",
+        "walk-sync": "^0.3.2"
+      }
+    },
+    "broccoli-node-api": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npm.taobao.org/broccoli-node-api/download/broccoli-node-api-1.7.0.tgz",
+      "integrity": "sha1-ORqm7ezSpCxjwRG0FilWsvoojLY=",
+      "dev": true
+    },
+    "broccoli-node-info": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npm.taobao.org/broccoli-node-info/download/broccoli-node-info-2.1.0.tgz",
+      "integrity": "sha1-yoRWDoVw/3hWW+oWmYZt2/WK1kQ=",
+      "dev": true
+    },
+    "broccoli-output-wrapper": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/broccoli-output-wrapper/download/broccoli-output-wrapper-2.0.0.tgz",
+      "integrity": "sha1-8eC5svJZpn/UGjgBQcPCCwloKOY=",
+      "dev": true,
+      "requires": {
+        "heimdalljs-logger": "^0.1.10"
+      }
+    },
+    "broccoli-persistent-filter": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npm.taobao.org/broccoli-persistent-filter/download/broccoli-persistent-filter-2.3.1.tgz",
+      "integrity": "sha1-SgUuDghos0TDopd+NaPUl6qeynI=",
+      "dev": true,
+      "requires": {
+        "async-disk-cache": "^1.2.1",
+        "async-promise-queue": "^1.0.3",
+        "broccoli-plugin": "^1.0.0",
+        "fs-tree-diff": "^2.0.0",
+        "hash-for-dep": "^1.5.0",
+        "heimdalljs": "^0.2.1",
+        "heimdalljs-logger": "^0.1.7",
+        "mkdirp": "^0.5.1",
+        "promise-map-series": "^0.2.1",
+        "rimraf": "^2.6.1",
+        "rsvp": "^4.7.0",
+        "symlink-or-copy": "^1.0.1",
+        "sync-disk-cache": "^1.3.3",
+        "walk-sync": "^1.0.0"
+      },
+      "dependencies": {
+        "fs-tree-diff": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/fs-tree-diff/download/fs-tree-diff-2.0.1.tgz",
+          "integrity": "sha1-ND5HRatDXsOeusX5BZrZGc0DSvo=",
+          "dev": true,
+          "requires": {
+            "@types/symlink-or-copy": "^1.2.0",
+            "heimdalljs-logger": "^0.1.7",
+            "object-assign": "^4.1.0",
+            "path-posix": "^1.0.0",
+            "symlink-or-copy": "^1.1.8"
+          }
+        },
+        "rsvp": {
+          "version": "4.8.5",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-4.8.5.tgz",
+          "integrity": "sha1-yPFVMR0Wf2jyHhaN9x7FsIMRNzQ=",
+          "dev": true
+        },
+        "walk-sync": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npm.taobao.org/walk-sync/download/walk-sync-1.1.4.tgz",
+          "integrity": "sha1-gQSfPYCVR5tJV0z6X1WNeiUrEn0=",
+          "dev": true,
+          "requires": {
+            "@types/minimatch": "^3.0.3",
+            "ensure-posix-path": "^1.1.0",
+            "matcher-collection": "^1.1.1"
+          }
+        }
+      }
+    },
+    "broccoli-plugin": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npm.taobao.org/broccoli-plugin/download/broccoli-plugin-1.3.1.tgz",
+      "integrity": "sha1-omMVcy+5ntLZ+1jxKh4U6Ya0+r0=",
+      "dev": true,
+      "requires": {
+        "promise-map-series": "^0.2.1",
+        "quick-temp": "^0.1.3",
+        "rimraf": "^2.3.4",
+        "symlink-or-copy": "^1.1.8"
+      }
+    },
+    "broccoli-slow-trees": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npm.taobao.org/broccoli-slow-trees/download/broccoli-slow-trees-3.0.1.tgz",
+      "integrity": "sha1-m/Kp4vjrPtOj8qvd6YjaQ3zNybQ=",
+      "dev": true,
+      "requires": {
+        "heimdalljs": "^0.2.1"
+      }
+    },
+    "broccoli-source": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/broccoli-source/download/broccoli-source-1.1.0.tgz",
+      "integrity": "sha1-VPDoLItz9GWAy7xPV48LMvyo+Ak=",
+      "dev": true
+    },
+    "broccoli-sri-hash": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npm.taobao.org/broccoli-sri-hash/download/broccoli-sri-hash-2.1.2.tgz",
+      "integrity": "sha1-vGmQXtejga0yXMDQLe0HEyjr8/M=",
+      "dev": true,
+      "requires": {
+        "broccoli-caching-writer": "^2.2.0",
+        "mkdirp": "^0.5.1",
+        "rsvp": "^3.1.0",
+        "sri-toolbox": "^0.2.0",
+        "symlink-or-copy": "^1.0.1"
+      },
+      "dependencies": {
+        "broccoli-caching-writer": {
+          "version": "2.3.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-caching-writer/download/broccoli-caching-writer-2.3.1.tgz",
+          "integrity": "sha1-uTz1j5Jk8AMHWGjbBXdPTn8lvQc=",
+          "dev": true,
+          "requires": {
+            "broccoli-kitchen-sink-helpers": "^0.2.5",
+            "broccoli-plugin": "1.1.0",
+            "debug": "^2.1.1",
+            "rimraf": "^2.2.8",
+            "rsvp": "^3.0.17",
+            "walk-sync": "^0.2.5"
+          }
+        },
+        "broccoli-kitchen-sink-helpers": {
+          "version": "0.2.9",
+          "resolved": "https://registry.npm.taobao.org/broccoli-kitchen-sink-helpers/download/broccoli-kitchen-sink-helpers-0.2.9.tgz",
+          "integrity": "sha1-peCYbtjXb7WYS2jD8EUNOpbjbsw=",
+          "dev": true,
+          "requires": {
+            "glob": "^5.0.10",
+            "mkdirp": "^0.5.1"
+          }
+        },
+        "broccoli-plugin": {
+          "version": "1.1.0",
+          "resolved": "https://registry.npm.taobao.org/broccoli-plugin/download/broccoli-plugin-1.1.0.tgz",
+          "integrity": "sha1-c+LPoF+OoeP8FCDEDD2efcckvwI=",
+          "dev": true,
+          "requires": {
+            "promise-map-series": "^0.2.1",
+            "quick-temp": "^0.1.3",
+            "rimraf": "^2.3.4",
+            "symlink-or-copy": "^1.0.1"
+          }
+        },
+        "glob": {
+          "version": "5.0.15",
+          "resolved": "https://registry.npm.taobao.org/glob/download/glob-5.0.15.tgz",
+          "integrity": "sha1-G8k2ueAvSmA/zCIuz3Yz0wuLk7E=",
+          "dev": true,
+          "requires": {
+            "inflight": "^1.0.4",
+            "inherits": "2",
+            "minimatch": "2 || 3",
+            "once": "^1.3.0",
+            "path-is-absolute": "^1.0.0"
+          }
+        },
+        "walk-sync": {
+          "version": "0.2.7",
+          "resolved": "https://registry.npm.taobao.org/walk-sync/download/walk-sync-0.2.7.tgz",
+          "integrity": "sha1-tJvk7mhnZXrrc2l4tWop0Q+jmWk=",
+          "dev": true,
+          "requires": {
+            "ensure-posix-path": "^1.0.0",
+            "matcher-collection": "^1.0.0"
+          }
+        }
+      }
+    },
+    "broccoli-stew": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npm.taobao.org/broccoli-stew/download/broccoli-stew-2.1.0.tgz",
+      "integrity": "sha1-unOt0X/aO5sB2M+zQ6i2E7cTago=",
+      "dev": true,
+      "requires": {
+        "broccoli-debug": "^0.6.5",
+        "broccoli-funnel": "^2.0.0",
+        "broccoli-merge-trees": "^3.0.1",
+        "broccoli-persistent-filter": "^2.1.1",
+        "broccoli-plugin": "^1.3.1",
+        "chalk": "^2.4.1",
+        "debug": "^3.1.0",
+        "ensure-posix-path": "^1.0.1",
+        "fs-extra": "^6.0.1",
+        "minimatch": "^3.0.4",
+        "resolve": "^1.8.1",
+        "rsvp": "^4.8.4",
+        "symlink-or-copy": "^1.2.0",
+        "walk-sync": "^0.3.3"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.6",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-3.2.6.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-3.2.6.tgz",
+          "integrity": "sha1-6D0X3hbYp++3cX7b5fsQE17uYps=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "fs-extra": {
+          "version": "6.0.1",
+          "resolved": "https://registry.npm.taobao.org/fs-extra/download/fs-extra-6.0.1.tgz",
+          "integrity": "sha1-irwSj3lG4xATXdyTuYvdtBDno0s=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        },
+        "rsvp": {
+          "version": "4.8.5",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-4.8.5.tgz",
+          "integrity": "sha1-yPFVMR0Wf2jyHhaN9x7FsIMRNzQ=",
+          "dev": true
+        }
+      }
+    },
+    "broccoli-uglify-sourcemap": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npm.taobao.org/broccoli-uglify-sourcemap/download/broccoli-uglify-sourcemap-3.2.0.tgz",
+      "integrity": "sha1-2W8dQfbBjppdSa8aWrlInNysHGw=",
+      "dev": true,
+      "requires": {
+        "async-promise-queue": "^1.0.5",
+        "broccoli-plugin": "^1.2.1",
+        "debug": "^4.1.0",
+        "lodash.defaultsdeep": "^4.6.1",
+        "matcher-collection": "^2.0.0",
+        "mkdirp": "^0.5.0",
+        "source-map-url": "^0.4.0",
+        "symlink-or-copy": "^1.0.1",
+        "terser": "^4.3.9",
+        "walk-sync": "^1.1.3",
+        "workerpool": "^5.0.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-4.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.1.1.tgz",
+          "integrity": "sha1-O3ImAlUQnGtYnO4FDx1RYTlmR5E=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "matcher-collection": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/matcher-collection/download/matcher-collection-2.0.1.tgz",
+          "integrity": "sha1-kL4aTPWNbylJhk9luzsPPkEwOyk=",
+          "dev": true,
+          "requires": {
+            "@types/minimatch": "^3.0.3",
+            "minimatch": "^3.0.2"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        },
+        "walk-sync": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npm.taobao.org/walk-sync/download/walk-sync-1.1.4.tgz",
+          "integrity": "sha1-gQSfPYCVR5tJV0z6X1WNeiUrEn0=",
+          "dev": true,
+          "requires": {
+            "@types/minimatch": "^3.0.3",
+            "ensure-posix-path": "^1.1.0",
+            "matcher-collection": "^1.1.1"
+          },
+          "dependencies": {
+            "matcher-collection": {
+              "version": "1.1.2",
+              "resolved": "https://registry.npm.taobao.org/matcher-collection/download/matcher-collection-1.1.2.tgz",
+              "integrity": "sha1-EHb1BvEMqFiXtT0U71T5ClxCaDg=",
+              "dev": true,
+              "requires": {
+                "minimatch": "^3.0.2"
+              }
+            }
+          }
+        },
+        "workerpool": {
+          "version": "5.0.4",
+          "resolved": "https://registry.npm.taobao.org/workerpool/download/workerpool-5.0.4.tgz",
+          "integrity": "sha1-T2fLcP91UKJ6uU3iWwuEPNkgWaI=",
+          "dev": true
+        }
+      }
+    },
+    "browserslist": {
+      "version": "4.11.1",
+      "resolved": "https://registry.npm.taobao.org/browserslist/download/browserslist-4.11.1.tgz?cache=0&sync_timestamp=1585600876122&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbrowserslist%2Fdownload%2Fbrowserslist-4.11.1.tgz",
+      "integrity": "sha1-kvhV7ojW4FDn5zEdmHmSAU8aHxs=",
+      "dev": true,
+      "requires": {
+        "caniuse-lite": "^1.0.30001038",
+        "electron-to-chromium": "^1.3.390",
+        "node-releases": "^1.1.53",
+        "pkg-up": "^2.0.0"
+      }
+    },
+    "bser": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npm.taobao.org/bser/download/bser-2.1.1.tgz",
+      "integrity": "sha1-5nh9og7OnQeZhTPP2d5vXDj0vAU=",
+      "dev": true,
+      "requires": {
+        "node-int64": "^0.4.0"
+      }
+    },
+    "buffer-alloc": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/buffer-alloc/download/buffer-alloc-1.2.0.tgz",
+      "integrity": "sha1-iQ3ZDZI6hz4I4Q5f1RpX5bfM4Ow=",
+      "dev": true,
+      "requires": {
+        "buffer-alloc-unsafe": "^1.1.0",
+        "buffer-fill": "^1.0.0"
+      }
+    },
+    "buffer-alloc-unsafe": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/buffer-alloc-unsafe/download/buffer-alloc-unsafe-1.1.0.tgz",
+      "integrity": "sha1-vX3CauKXLQ7aJTvgYdupkjScGfA=",
+      "dev": true
+    },
+    "buffer-fill": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/buffer-fill/download/buffer-fill-1.0.0.tgz",
+      "integrity": "sha1-+PeLdniYiO858gXNY39o5wISKyw=",
+      "dev": true
+    },
+    "buffer-from": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npm.taobao.org/buffer-from/download/buffer-from-1.1.1.tgz",
+      "integrity": "sha1-MnE7wCj3XAL9txDXx7zsHyxgcO8=",
+      "dev": true
+    },
+    "builtins": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npm.taobao.org/builtins/download/builtins-1.0.3.tgz",
+      "integrity": "sha1-y5T662HIaWRR2zZTThQi+U8K7og=",
+      "dev": true
+    },
+    "bytes": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/bytes/download/bytes-3.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbytes%2Fdownload%2Fbytes-3.0.0.tgz",
+      "integrity": "sha1-0ygVQE1olpn4Wk6k+odV3ROpYEg=",
+      "dev": true
+    },
+    "cache-base": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/cache-base/download/cache-base-1.0.1.tgz",
+      "integrity": "sha1-Cn9GQWgxyLZi7jb+TnxZ129marI=",
+      "dev": true,
+      "requires": {
+        "collection-visit": "^1.0.0",
+        "component-emitter": "^1.2.1",
+        "get-value": "^2.0.6",
+        "has-value": "^1.0.0",
+        "isobject": "^3.0.1",
+        "set-value": "^2.0.0",
+        "to-object-path": "^0.3.0",
+        "union-value": "^1.0.0",
+        "unset-value": "^1.0.0"
+      }
+    },
+    "cacheable-request": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npm.taobao.org/cacheable-request/download/cacheable-request-2.1.4.tgz",
+      "integrity": "sha1-DYCIAbY0KtM8kd+dC0TcCbkeXD0=",
+      "dev": true,
+      "requires": {
+        "clone-response": "1.0.2",
+        "get-stream": "3.0.0",
+        "http-cache-semantics": "3.8.1",
+        "keyv": "3.0.0",
+        "lowercase-keys": "1.0.0",
+        "normalize-url": "2.0.1",
+        "responselike": "1.0.2"
+      },
+      "dependencies": {
+        "get-stream": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/get-stream/download/get-stream-3.0.0.tgz",
+          "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",
+          "dev": true
+        },
+        "lowercase-keys": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npm.taobao.org/lowercase-keys/download/lowercase-keys-1.0.0.tgz",
+          "integrity": "sha1-TjNms55/VFfjXxMkvfb4jQv8cwY=",
+          "dev": true
+        }
+      }
+    },
+    "calculate-cache-key-for-tree": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/calculate-cache-key-for-tree/download/calculate-cache-key-for-tree-2.0.0.tgz",
+      "integrity": "sha1-esV/FJpBiOrLCkWyEGiSFdP++NY=",
+      "dev": true,
+      "requires": {
+        "json-stable-stringify": "^1.0.1"
+      }
+    },
+    "callsite": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/callsite/download/callsite-1.0.0.tgz",
+      "integrity": "sha1-KAOY5dZkvXQDi28JBRU+borxvCA=",
+      "dev": true
+    },
+    "callsites": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npm.taobao.org/callsites/download/callsites-3.1.0.tgz",
+      "integrity": "sha1-s2MKvYlDQy9Us/BRkjjjPNffL3M=",
+      "dev": true
+    },
+    "camelcase": {
+      "version": "5.3.1",
+      "resolved": "https://registry.npm.taobao.org/camelcase/download/camelcase-5.3.1.tgz",
+      "integrity": "sha1-48mzFWnhBoEd8kL3FXJaH0xJQyA=",
+      "dev": true
+    },
+    "can-symlink": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/can-symlink/download/can-symlink-1.0.0.tgz",
+      "integrity": "sha1-l7YH2KhLtsbiKLkC2GTstZS50hk=",
+      "dev": true,
+      "requires": {
+        "tmp": "0.0.28"
+      }
+    },
+    "caniuse-lite": {
+      "version": "1.0.30001041",
+      "resolved": "https://registry.npm.taobao.org/caniuse-lite/download/caniuse-lite-1.0.30001041.tgz",
+      "integrity": "sha1-wuoTja/G/gOHeSHdzd1KAqFNr3Y=",
+      "dev": true
+    },
+    "capture-exit": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/capture-exit/download/capture-exit-2.0.0.tgz",
+      "integrity": "sha1-+5U7+uvreB9iiYI52rtCbQilCaQ=",
+      "dev": true,
+      "requires": {
+        "rsvp": "^4.8.4"
+      },
+      "dependencies": {
+        "rsvp": {
+          "version": "4.8.5",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-4.8.5.tgz",
+          "integrity": "sha1-yPFVMR0Wf2jyHhaN9x7FsIMRNzQ=",
+          "dev": true
+        }
+      }
+    },
+    "cardinal": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/cardinal/download/cardinal-1.0.0.tgz",
+      "integrity": "sha1-UOIcGwqjdyn5N33vGWtanOyTLuk=",
+      "dev": true,
+      "requires": {
+        "ansicolors": "~0.2.1",
+        "redeyed": "~1.0.0"
+      }
+    },
+    "caseless": {
+      "version": "0.12.0",
+      "resolved": "https://registry.npm.taobao.org/caseless/download/caseless-0.12.0.tgz",
+      "integrity": "sha1-G2gcIf+EAzyCZUMJBolCDRhxUdw=",
+      "dev": true,
+      "optional": true
+    },
+    "chalk": {
+      "version": "2.4.2",
+      "resolved": "https://registry.npm.taobao.org/chalk/download/chalk-2.4.2.tgz?cache=0&sync_timestamp=1585815759944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-2.4.2.tgz",
+      "integrity": "sha1-zUJUFnelQzPPVBpJEIwUMrRMlCQ=",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^3.2.1",
+        "escape-string-regexp": "^1.0.5",
+        "supports-color": "^5.3.0"
+      }
+    },
+    "chardet": {
+      "version": "0.7.0",
+      "resolved": "https://registry.npm.taobao.org/chardet/download/chardet-0.7.0.tgz",
+      "integrity": "sha1-kAlISfCTfy7twkJdDSip5fDLrZ4=",
+      "dev": true
+    },
+    "charm": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/charm/download/charm-1.0.2.tgz",
+      "integrity": "sha1-it02cVOm2aWBMxBSxAkJkdqZXjU=",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1"
+      }
+    },
+    "ci-info": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/ci-info/download/ci-info-2.0.0.tgz",
+      "integrity": "sha1-Z6npZL4xpR4V5QENWObxKDQAL0Y=",
+      "dev": true
+    },
+    "class-utils": {
+      "version": "0.3.6",
+      "resolved": "https://registry.npm.taobao.org/class-utils/download/class-utils-0.3.6.tgz",
+      "integrity": "sha1-+TNprouafOAv1B+q0MqDAzGQxGM=",
+      "dev": true,
+      "requires": {
+        "arr-union": "^3.1.0",
+        "define-property": "^0.2.5",
+        "isobject": "^3.0.0",
+        "static-extend": "^0.1.1"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npm.taobao.org/define-property/download/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^0.1.0"
+          }
+        }
+      }
+    },
+    "clean-base-url": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/clean-base-url/download/clean-base-url-1.0.0.tgz",
+      "integrity": "sha1-yQHPCiC5ckNbDszVLQVoJKQ1G3s=",
+      "dev": true
+    },
+    "clean-css": {
+      "version": "3.4.28",
+      "resolved": "https://registry.npm.taobao.org/clean-css/download/clean-css-3.4.28.tgz",
+      "integrity": "sha1-vxlF6C/ICPVWlebd6uwBQA79A/8=",
+      "dev": true,
+      "requires": {
+        "commander": "2.8.x",
+        "source-map": "0.4.x"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "2.8.1",
+          "resolved": "https://registry.npm.taobao.org/commander/download/commander-2.8.1.tgz?cache=0&sync_timestamp=1584148407069&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcommander%2Fdownload%2Fcommander-2.8.1.tgz",
+          "integrity": "sha1-Br42f+v9oMMwqh4qBy09yXYkJdQ=",
+          "dev": true,
+          "requires": {
+            "graceful-readlink": ">= 1.0.0"
+          }
+        },
+        "source-map": {
+          "version": "0.4.4",
+          "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.4.4.tgz",
+          "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
+          "dev": true,
+          "requires": {
+            "amdefine": ">=0.0.4"
+          }
+        }
+      }
+    },
+    "clean-css-promise": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npm.taobao.org/clean-css-promise/download/clean-css-promise-0.1.1.tgz",
+      "integrity": "sha1-Q/PSyN/LK/BxSBJSzZt2QzwI7ss=",
+      "dev": true,
+      "requires": {
+        "array-to-error": "^1.0.0",
+        "clean-css": "^3.4.5",
+        "pinkie-promise": "^2.0.0"
+      }
+    },
+    "clean-up-path": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/clean-up-path/download/clean-up-path-1.0.0.tgz",
+      "integrity": "sha1-3p6BllGZEudJyer2fBPWT6xyo+U=",
+      "dev": true
+    },
+    "cli-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npm.taobao.org/cli-cursor/download/cli-cursor-3.1.0.tgz",
+      "integrity": "sha1-JkMFp65JDR0Dvwybp8kl0XU68wc=",
+      "dev": true,
+      "requires": {
+        "restore-cursor": "^3.1.0"
+      }
+    },
+    "cli-spinners": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npm.taobao.org/cli-spinners/download/cli-spinners-2.3.0.tgz",
+      "integrity": "sha1-BjIjmktapMlYYQFCw0u3plH8jfU=",
+      "dev": true
+    },
+    "cli-table": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npm.taobao.org/cli-table/download/cli-table-0.3.1.tgz",
+      "integrity": "sha1-9TsFJmqLGguTSz0IIebi3FkUriM=",
+      "dev": true,
+      "requires": {
+        "colors": "1.0.3"
+      }
+    },
+    "cli-width": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npm.taobao.org/cli-width/download/cli-width-2.2.0.tgz",
+      "integrity": "sha1-/xnt6Kml5XkyQUewwR8PvLq+1jk=",
+      "dev": true
+    },
+    "clipboard": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npm.taobao.org/clipboard/download/clipboard-2.0.6.tgz",
+      "integrity": "sha1-UpISlu7A/fd+rRdJQhshyWhkc3Y=",
+      "dev": true,
+      "requires": {
+        "good-listener": "^1.2.2",
+        "select": "^1.1.2",
+        "tiny-emitter": "^2.0.0"
+      }
+    },
+    "cliui": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npm.taobao.org/cliui/download/cliui-6.0.0.tgz",
+      "integrity": "sha1-UR1wLAxOQcoVbX0OlgIfI+EyJbE=",
+      "dev": true,
+      "requires": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.0",
+        "wrap-ansi": "^6.2.0"
+      }
+    },
+    "clone": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npm.taobao.org/clone/download/clone-2.1.2.tgz",
+      "integrity": "sha1-G39Ln1kfHo+DZwQBYANFoCiHQ18=",
+      "dev": true
+    },
+    "clone-response": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/clone-response/download/clone-response-1.0.2.tgz",
+      "integrity": "sha1-0dyXOSAxTfZ/vrlCI7TuNQI56Ws=",
+      "dev": true,
+      "requires": {
+        "mimic-response": "^1.0.0"
+      }
+    },
+    "code-point-at": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/code-point-at/download/code-point-at-1.1.0.tgz",
+      "integrity": "sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=",
+      "dev": true
+    },
+    "collection-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/collection-visit/download/collection-visit-1.0.0.tgz",
+      "integrity": "sha1-S8A3PBZLwykbTTaMgpzxqApZ3KA=",
+      "dev": true,
+      "requires": {
+        "map-visit": "^1.0.0",
+        "object-visit": "^1.0.0"
+      }
+    },
+    "color-convert": {
+      "version": "1.9.3",
+      "resolved": "https://registry.npm.taobao.org/color-convert/download/color-convert-1.9.3.tgz",
+      "integrity": "sha1-u3GFBpDh8TZWfeYp0tVHHe2kweg=",
+      "dev": true,
+      "requires": {
+        "color-name": "1.1.3"
+      }
+    },
+    "color-name": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npm.taobao.org/color-name/download/color-name-1.1.3.tgz",
+      "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
+      "dev": true
+    },
+    "colors": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npm.taobao.org/colors/download/colors-1.0.3.tgz",
+      "integrity": "sha1-BDP0TYCWgP3rYO0mDxsMJi6CpAs=",
+      "dev": true
+    },
+    "combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npm.taobao.org/combined-stream/download/combined-stream-1.0.8.tgz",
+      "integrity": "sha1-w9RaizT9cwYxoRCoolIGgrMdWn8=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "delayed-stream": "~1.0.0"
+      }
+    },
+    "commander": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npm.taobao.org/commander/download/commander-4.1.1.tgz?cache=0&sync_timestamp=1584148407069&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcommander%2Fdownload%2Fcommander-4.1.1.tgz",
+      "integrity": "sha1-n9YCvZNilOnp70aj9NaWQESxgGg=",
+      "dev": true
+    },
+    "common-tags": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npm.taobao.org/common-tags/download/common-tags-1.8.0.tgz",
+      "integrity": "sha1-jjFT5ULUo56bEFVENK+q+YlWqTc=",
+      "dev": true
+    },
+    "component-bind": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/component-bind/download/component-bind-1.0.0.tgz",
+      "integrity": "sha1-AMYIq33Nk4l8AAllGx06jh5zu9E=",
+      "dev": true
+    },
+    "component-emitter": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npm.taobao.org/component-emitter/download/component-emitter-1.3.0.tgz",
+      "integrity": "sha1-FuQHD7qK4ptnnyIVhT7hgasuq8A=",
+      "dev": true
+    },
+    "component-inherit": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npm.taobao.org/component-inherit/download/component-inherit-0.0.3.tgz",
+      "integrity": "sha1-ZF/ErfWLcrZJ1crmUTVhnbJv8UM=",
+      "dev": true
+    },
+    "compressible": {
+      "version": "2.0.18",
+      "resolved": "https://registry.npm.taobao.org/compressible/download/compressible-2.0.18.tgz",
+      "integrity": "sha1-r1PMprBw1MPAdQ+9dyhqbXzEb7o=",
+      "dev": true,
+      "requires": {
+        "mime-db": ">= 1.43.0 < 2"
+      }
+    },
+    "compression": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npm.taobao.org/compression/download/compression-1.7.4.tgz",
+      "integrity": "sha1-lVI+/xcMpXwpoMpB5v4TH0Hlu48=",
+      "dev": true,
+      "requires": {
+        "accepts": "~1.3.5",
+        "bytes": "3.0.0",
+        "compressible": "~2.0.16",
+        "debug": "2.6.9",
+        "on-headers": "~1.0.2",
+        "safe-buffer": "5.1.2",
+        "vary": "~1.1.2"
+      }
+    },
+    "concat-map": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npm.taobao.org/concat-map/download/concat-map-0.0.1.tgz",
+      "integrity": "sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=",
+      "dev": true
+    },
+    "configstore": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npm.taobao.org/configstore/download/configstore-4.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fconfigstore%2Fdownload%2Fconfigstore-4.0.0.tgz",
+      "integrity": "sha1-WTMxHpXTaH77WSxSi5ItkmLSJ+c=",
+      "dev": true,
+      "requires": {
+        "dot-prop": "^4.1.0",
+        "graceful-fs": "^4.1.2",
+        "make-dir": "^1.0.0",
+        "unique-string": "^1.0.0",
+        "write-file-atomic": "^2.0.0",
+        "xdg-basedir": "^3.0.0"
+      }
+    },
+    "connect": {
+      "version": "3.7.0",
+      "resolved": "https://registry.npm.taobao.org/connect/download/connect-3.7.0.tgz",
+      "integrity": "sha1-XUk0iRDKpeB6AYALAw0MNfIEhPg=",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "finalhandler": "1.1.2",
+        "parseurl": "~1.3.3",
+        "utils-merge": "1.0.1"
+      }
+    },
+    "console-control-strings": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/console-control-strings/download/console-control-strings-1.1.0.tgz",
+      "integrity": "sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=",
+      "dev": true
+    },
+    "console-ui": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npm.taobao.org/console-ui/download/console-ui-3.1.1.tgz",
+      "integrity": "sha1-aBoEFOiwoj7WedCigC452SCAEXE=",
+      "dev": true,
+      "requires": {
+        "chalk": "^2.1.0",
+        "inquirer": "^6",
+        "json-stable-stringify": "^1.0.1",
+        "ora": "^3.4.0",
+        "through2": "^3.0.1"
+      },
+      "dependencies": {
+        "ansi-escapes": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npm.taobao.org/ansi-escapes/download/ansi-escapes-3.2.0.tgz?cache=0&sync_timestamp=1583072804444&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-escapes%2Fdownload%2Fansi-escapes-3.2.0.tgz",
+          "integrity": "sha1-h4C5j/nb9WOBUtHx/lwde0RCl2s=",
+          "dev": true
+        },
+        "ansi-regex": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-3.0.0.tgz",
+          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
+          "dev": true
+        },
+        "cli-cursor": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npm.taobao.org/cli-cursor/download/cli-cursor-2.1.0.tgz",
+          "integrity": "sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=",
+          "dev": true,
+          "requires": {
+            "restore-cursor": "^2.0.0"
+          }
+        },
+        "figures": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/figures/download/figures-2.0.0.tgz",
+          "integrity": "sha1-OrGi0qYsi/tDGgyUy3l6L84nyWI=",
+          "dev": true,
+          "requires": {
+            "escape-string-regexp": "^1.0.5"
+          }
+        },
+        "inquirer": {
+          "version": "6.5.2",
+          "resolved": "https://registry.npm.taobao.org/inquirer/download/inquirer-6.5.2.tgz",
+          "integrity": "sha1-rVCUI3XQNtMn/1KMCL1fqwiZKMo=",
+          "dev": true,
+          "requires": {
+            "ansi-escapes": "^3.2.0",
+            "chalk": "^2.4.2",
+            "cli-cursor": "^2.1.0",
+            "cli-width": "^2.0.0",
+            "external-editor": "^3.0.3",
+            "figures": "^2.0.0",
+            "lodash": "^4.17.12",
+            "mute-stream": "0.0.7",
+            "run-async": "^2.2.0",
+            "rxjs": "^6.4.0",
+            "string-width": "^2.1.0",
+            "strip-ansi": "^5.1.0",
+            "through": "^2.3.6"
+          }
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+          "dev": true
+        },
+        "mimic-fn": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npm.taobao.org/mimic-fn/download/mimic-fn-1.2.0.tgz",
+          "integrity": "sha1-ggyGo5M0ZA6ZUWkovQP8qIBX0CI=",
+          "dev": true
+        },
+        "mute-stream": {
+          "version": "0.0.7",
+          "resolved": "https://registry.npm.taobao.org/mute-stream/download/mute-stream-0.0.7.tgz",
+          "integrity": "sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s=",
+          "dev": true
+        },
+        "onetime": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/onetime/download/onetime-2.0.1.tgz",
+          "integrity": "sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=",
+          "dev": true,
+          "requires": {
+            "mimic-fn": "^1.0.0"
+          }
+        },
+        "restore-cursor": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/restore-cursor/download/restore-cursor-2.0.0.tgz",
+          "integrity": "sha1-n37ih/gv0ybU/RYpI9YhKe7g368=",
+          "dev": true,
+          "requires": {
+            "onetime": "^2.0.0",
+            "signal-exit": "^3.0.2"
+          }
+        },
+        "string-width": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npm.taobao.org/string-width/download/string-width-2.1.1.tgz",
+          "integrity": "sha1-q5Pyeo3BPSjKyBXEYhQ6bZASrp4=",
+          "dev": true,
+          "requires": {
+            "is-fullwidth-code-point": "^2.0.0",
+            "strip-ansi": "^4.0.0"
+          },
+          "dependencies": {
+            "strip-ansi": {
+              "version": "4.0.0",
+              "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-4.0.0.tgz?cache=0&sync_timestamp=1573280518303&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-4.0.0.tgz",
+              "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+              "dev": true,
+              "requires": {
+                "ansi-regex": "^3.0.0"
+              }
+            }
+          }
+        },
+        "strip-ansi": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-5.2.0.tgz?cache=0&sync_timestamp=1573280518303&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-5.2.0.tgz",
+          "integrity": "sha1-jJpTb+tq/JYr36WxBKUJHBrZwK4=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^4.1.0"
+          },
+          "dependencies": {
+            "ansi-regex": {
+              "version": "4.1.0",
+              "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-4.1.0.tgz",
+              "integrity": "sha1-i5+PCM8ay4Q3Vqg5yox+MWjFGZc=",
+              "dev": true
+            }
+          }
+        }
+      }
+    },
+    "consolidate": {
+      "version": "0.15.1",
+      "resolved": "https://registry.npm.taobao.org/consolidate/download/consolidate-0.15.1.tgz",
+      "integrity": "sha1-IasEMjXHGgfUXZqtmFk7DbpWurc=",
+      "dev": true,
+      "requires": {
+        "bluebird": "^3.1.1"
+      }
+    },
+    "content-disposition": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npm.taobao.org/content-disposition/download/content-disposition-0.5.3.tgz",
+      "integrity": "sha1-4TDK9+cnkIfFYWwgB9BIVpiYT70=",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "5.1.2"
+      }
+    },
+    "content-type": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npm.taobao.org/content-type/download/content-type-1.0.4.tgz",
+      "integrity": "sha1-4TjMdeBAxyexlm/l5fjJruJW/js=",
+      "dev": true
+    },
+    "continuable-cache": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npm.taobao.org/continuable-cache/download/continuable-cache-0.3.1.tgz",
+      "integrity": "sha1-vXJ6f67XfnH/OYWskzUakSczrQ8=",
+      "dev": true
+    },
+    "convert-source-map": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npm.taobao.org/convert-source-map/download/convert-source-map-1.7.0.tgz?cache=0&sync_timestamp=1577793955569&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fconvert-source-map%2Fdownload%2Fconvert-source-map-1.7.0.tgz",
+      "integrity": "sha1-F6LLiC1/d9NJBYXizmxSRCSjpEI=",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "~5.1.1"
+      }
+    },
+    "cookie": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npm.taobao.org/cookie/download/cookie-0.4.0.tgz",
+      "integrity": "sha1-vrQ35wIrO21JAZ0IhmUwPr6cFLo=",
+      "dev": true
+    },
+    "cookie-signature": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npm.taobao.org/cookie-signature/download/cookie-signature-1.0.6.tgz",
+      "integrity": "sha1-4wOogrNCzD7oylE6eZmXNNqzriw=",
+      "dev": true
+    },
+    "copy-dereference": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/copy-dereference/download/copy-dereference-1.0.0.tgz",
+      "integrity": "sha1-axMYZUIP2BtBO6mUtE02VTERUrY=",
+      "dev": true
+    },
+    "copy-descriptor": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npm.taobao.org/copy-descriptor/download/copy-descriptor-0.1.1.tgz",
+      "integrity": "sha1-Z29us8OZl8LuGsOpJP1hJHSPV40=",
+      "dev": true
+    },
+    "core-js": {
+      "version": "2.6.11",
+      "resolved": "https://registry.npm.taobao.org/core-js/download/core-js-2.6.11.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcore-js%2Fdownload%2Fcore-js-2.6.11.tgz",
+      "integrity": "sha1-OIMUafmSK97Y7iHJ3EaYXgOZMIw=",
+      "dev": true
+    },
+    "core-js-compat": {
+      "version": "3.6.5",
+      "resolved": "https://registry.npm.taobao.org/core-js-compat/download/core-js-compat-3.6.5.tgz",
+      "integrity": "sha1-KlHZpOJd/W5pAlGqgfmePAVIHxw=",
+      "dev": true,
+      "requires": {
+        "browserslist": "^4.8.5",
+        "semver": "7.0.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "7.0.0",
+          "resolved": "https://registry.npm.taobao.org/semver/download/semver-7.0.0.tgz?cache=0&sync_timestamp=1586534511518&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-7.0.0.tgz",
+          "integrity": "sha1-XzyjV2HkfgWyBsba/yz4FPAxa44=",
+          "dev": true
+        }
+      }
+    },
+    "core-object": {
+      "version": "3.1.5",
+      "resolved": "https://registry.npm.taobao.org/core-object/download/core-object-3.1.5.tgz",
+      "integrity": "sha1-+mJ7h1Aq3JgEXkRnjpqOw7nA0qk=",
+      "dev": true,
+      "requires": {
+        "chalk": "^2.0.0"
+      }
+    },
+    "core-util-is": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/core-util-is/download/core-util-is-1.0.2.tgz",
+      "integrity": "sha1-tf1UIgqivFq1eqtxQMlAdUUDwac=",
+      "dev": true
+    },
+    "cross-spawn": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npm.taobao.org/cross-spawn/download/cross-spawn-6.0.5.tgz?cache=0&sync_timestamp=1585994253962&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcross-spawn%2Fdownload%2Fcross-spawn-6.0.5.tgz",
+      "integrity": "sha1-Sl7Hxk364iw6FBJNus3uhG2Ay8Q=",
+      "dev": true,
+      "requires": {
+        "nice-try": "^1.0.4",
+        "path-key": "^2.0.1",
+        "semver": "^5.5.0",
+        "shebang-command": "^1.2.0",
+        "which": "^1.2.9"
+      }
+    },
+    "crypto-random-string": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/crypto-random-string/download/crypto-random-string-1.0.0.tgz",
+      "integrity": "sha1-ojD2T1aDEOFJgAmUB5DsmVRbyn4=",
+      "dev": true
+    },
+    "dag-map": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npm.taobao.org/dag-map/download/dag-map-2.0.2.tgz",
+      "integrity": "sha1-lxS0ct6CoYQ94vuptodpOMq0TGg=",
+      "dev": true
+    },
+    "dashdash": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npm.taobao.org/dashdash/download/dashdash-1.14.1.tgz",
+      "integrity": "sha1-hTz6D3y+L+1d4gMmuN1YEDX24vA=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "assert-plus": "^1.0.0"
+      }
+    },
+    "debug": {
+      "version": "2.6.9",
+      "resolved": "https://registry.npm.taobao.org/debug/download/debug-2.6.9.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-2.6.9.tgz",
+      "integrity": "sha1-XRKFFd8TT/Mn6QpMk/Tgd6U2NB8=",
+      "dev": true,
+      "requires": {
+        "ms": "2.0.0"
+      }
+    },
+    "decamelize": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/decamelize/download/decamelize-1.2.0.tgz",
+      "integrity": "sha1-9lNNFRSCabIDUue+4m9QH5oZEpA=",
+      "dev": true
+    },
+    "decode-uri-component": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npm.taobao.org/decode-uri-component/download/decode-uri-component-0.2.0.tgz",
+      "integrity": "sha1-6zkTMzRYd1y4TNGh+uBiEGu4dUU=",
+      "dev": true
+    },
+    "decompress-response": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npm.taobao.org/decompress-response/download/decompress-response-3.3.0.tgz",
+      "integrity": "sha1-gKTdMjdIOEv6JICDYirt7Jgq3/M=",
+      "dev": true,
+      "requires": {
+        "mimic-response": "^1.0.0"
+      }
+    },
+    "deep-is": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npm.taobao.org/deep-is/download/deep-is-0.1.3.tgz",
+      "integrity": "sha1-s2nW+128E+7PUk+RsHD+7cNXzzQ=",
+      "dev": true
+    },
+    "defaults": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npm.taobao.org/defaults/download/defaults-1.0.3.tgz",
+      "integrity": "sha1-xlYFHpgX2f8I7YgUd/P+QBnz730=",
+      "dev": true,
+      "requires": {
+        "clone": "^1.0.2"
+      },
+      "dependencies": {
+        "clone": {
+          "version": "1.0.4",
+          "resolved": "https://registry.npm.taobao.org/clone/download/clone-1.0.4.tgz",
+          "integrity": "sha1-2jCcwmPfFZlMaIypAheco8fNfH4=",
+          "dev": true
+        }
+      }
+    },
+    "define-properties": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npm.taobao.org/define-properties/download/define-properties-1.1.3.tgz",
+      "integrity": "sha1-z4jabL7ib+bbcJT2HYcMvYTO6fE=",
+      "dev": true,
+      "requires": {
+        "object-keys": "^1.0.12"
+      }
+    },
+    "define-property": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npm.taobao.org/define-property/download/define-property-2.0.2.tgz",
+      "integrity": "sha1-1Flono1lS6d+AqgX+HENcCyxbp0=",
+      "dev": true,
+      "requires": {
+        "is-descriptor": "^1.0.2",
+        "isobject": "^3.0.1"
+      },
+      "dependencies": {
+        "is-accessor-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npm.taobao.org/is-accessor-descriptor/download/is-accessor-descriptor-1.0.0.tgz",
+          "integrity": "sha1-FpwvbT3x+ZJhgHI2XJsOofaHhlY=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-data-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npm.taobao.org/is-data-descriptor/download/is-data-descriptor-1.0.0.tgz",
+          "integrity": "sha1-2Eh2Mh0Oet0DmQQGq7u9NrqSaMc=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-descriptor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npm.taobao.org/is-descriptor/download/is-descriptor-1.0.2.tgz",
+          "integrity": "sha1-OxWXRqZmBLBPjIFSS6NlxfFNhuw=",
+          "dev": true,
+          "requires": {
+            "is-accessor-descriptor": "^1.0.0",
+            "is-data-descriptor": "^1.0.0",
+            "kind-of": "^6.0.2"
+          }
+        }
+      }
+    },
+    "delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/delayed-stream/download/delayed-stream-1.0.0.tgz",
+      "integrity": "sha1-3zrhmayt+31ECqrgsp4icrJOxhk=",
+      "dev": true,
+      "optional": true
+    },
+    "delegate": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npm.taobao.org/delegate/download/delegate-3.2.0.tgz",
+      "integrity": "sha1-tmtxwxWFIuirV0T3INjKDCr1kWY=",
+      "dev": true
+    },
+    "delegates": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/delegates/download/delegates-1.0.0.tgz",
+      "integrity": "sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=",
+      "dev": true
+    },
+    "depd": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npm.taobao.org/depd/download/depd-1.1.2.tgz",
+      "integrity": "sha1-m81S4UwJd2PnSbJ0xDRu0uVgtak=",
+      "dev": true
+    },
+    "destroy": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npm.taobao.org/destroy/download/destroy-1.0.4.tgz",
+      "integrity": "sha1-l4hXRCxEdJ5CBmE+N5RiBYJqvYA=",
+      "dev": true
+    },
+    "detect-file": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/detect-file/download/detect-file-1.0.0.tgz",
+      "integrity": "sha1-8NZtA2cqglyxtzvbP+YjEMjlUrc=",
+      "dev": true
+    },
+    "detect-indent": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npm.taobao.org/detect-indent/download/detect-indent-6.0.0.tgz",
+      "integrity": "sha1-Cr0PVJ9p/GZZolT+lnhhhrb1KP0=",
+      "dev": true
+    },
+    "detect-newline": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npm.taobao.org/detect-newline/download/detect-newline-3.1.0.tgz",
+      "integrity": "sha1-V29d/GOuGhkv8ZLYrTr2MImRtlE=",
+      "dev": true
+    },
+    "diff": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npm.taobao.org/diff/download/diff-4.0.2.tgz",
+      "integrity": "sha1-YPOuy4nV+uUgwRqhnvwruYKq3n0=",
+      "dev": true
+    },
+    "dir-glob": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npm.taobao.org/dir-glob/download/dir-glob-3.0.1.tgz",
+      "integrity": "sha1-Vtv3PZkqSpO6FYT0U0Bj/S5BcX8=",
+      "dev": true,
+      "requires": {
+        "path-type": "^4.0.0"
+      }
+    },
+    "doctrine": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/doctrine/download/doctrine-3.0.0.tgz",
+      "integrity": "sha1-rd6+rXKmV023g2OdyHoSF3OXOWE=",
+      "dev": true,
+      "requires": {
+        "esutils": "^2.0.2"
+      }
+    },
+    "dot-case": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npm.taobao.org/dot-case/download/dot-case-3.0.3.tgz?cache=0&sync_timestamp=1576721538631&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdot-case%2Fdownload%2Fdot-case-3.0.3.tgz",
+      "integrity": "sha1-IdO1Lvqroupf2odbsaqBJFIc9Ko=",
+      "dev": true,
+      "requires": {
+        "no-case": "^3.0.3",
+        "tslib": "^1.10.0"
+      }
+    },
+    "dot-prop": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npm.taobao.org/dot-prop/download/dot-prop-4.2.0.tgz?cache=0&sync_timestamp=1572620518450&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdot-prop%2Fdownload%2Fdot-prop-4.2.0.tgz",
+      "integrity": "sha1-HxngwuGqDjJ5fEl5nyg3rGr2nFc=",
+      "dev": true,
+      "requires": {
+        "is-obj": "^1.0.0"
+      }
+    },
+    "duplexer3": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npm.taobao.org/duplexer3/download/duplexer3-0.1.4.tgz",
+      "integrity": "sha1-7gHdHKwO08vH/b6jfcCo8c4ALOI=",
+      "dev": true
+    },
+    "ecc-jsbn": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npm.taobao.org/ecc-jsbn/download/ecc-jsbn-0.1.2.tgz",
+      "integrity": "sha1-OoOpBOVDUyh4dMVkt1SThoSamMk=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.1.0"
+      }
+    },
+    "editions": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npm.taobao.org/editions/download/editions-1.3.4.tgz",
+      "integrity": "sha1-NmLLWSNHwxaOuOSYoP9zJx1n9Qs=",
+      "dev": true
+    },
+    "ee-first": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npm.taobao.org/ee-first/download/ee-first-1.1.1.tgz",
+      "integrity": "sha1-WQxhFWsK4vTwJVcyoViyZrxWsh0=",
+      "dev": true
+    },
+    "electron-to-chromium": {
+      "version": "1.3.403",
+      "resolved": "https://registry.npm.taobao.org/electron-to-chromium/download/electron-to-chromium-1.3.403.tgz",
+      "integrity": "sha1-yLq04ucr94vCi60cw1XAYfnMGRg=",
+      "dev": true
+    },
+    "ember-ajax": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npm.taobao.org/ember-ajax/download/ember-ajax-5.0.0.tgz",
+      "integrity": "sha1-QEsXyTGUqzev+Gt7hgfY7auTyew=",
+      "dev": true,
+      "requires": {
+        "ember-cli-babel": "^7.5.0",
+        "najax": "^1.0.3"
+      }
+    },
+    "ember-assign-polyfill": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npm.taobao.org/ember-assign-polyfill/download/ember-assign-polyfill-2.6.0.tgz",
+      "integrity": "sha1-B4R+M1fuNbM/iGoLX77Ghz9oYOs=",
+      "dev": true,
+      "requires": {
+        "ember-cli-babel": "^6.16.0",
+        "ember-cli-version-checker": "^2.0.0"
+      },
+      "dependencies": {
+        "amd-name-resolver": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npm.taobao.org/amd-name-resolver/download/amd-name-resolver-1.2.0.tgz",
+          "integrity": "sha1-/EGzhIgktVcxOJfXH41aAYT75nk=",
+          "dev": true,
+          "requires": {
+            "ensure-posix-path": "^1.0.1"
+          }
+        },
+        "babel-plugin-debug-macros": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npm.taobao.org/babel-plugin-debug-macros/download/babel-plugin-debug-macros-0.2.0.tgz",
+          "integrity": "sha1-ASCsIM4GzMV79JO2Z88kuFwo2no=",
+          "dev": true,
+          "requires": {
+            "semver": "^5.3.0"
+          }
+        },
+        "broccoli-babel-transpiler": {
+          "version": "6.5.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-babel-transpiler/download/broccoli-babel-transpiler-6.5.1.tgz",
+          "integrity": "sha1-pK/I07WbRBUY65oHvUQUlHbjBzg=",
+          "dev": true,
+          "requires": {
+            "babel-core": "^6.26.0",
+            "broccoli-funnel": "^2.0.1",
+            "broccoli-merge-trees": "^2.0.0",
+            "broccoli-persistent-filter": "^1.4.3",
+            "clone": "^2.0.0",
+            "hash-for-dep": "^1.2.3",
+            "heimdalljs-logger": "^0.1.7",
+            "json-stable-stringify": "^1.0.0",
+            "rsvp": "^4.8.2",
+            "workerpool": "^2.3.0"
+          }
+        },
+        "broccoli-merge-trees": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-merge-trees/download/broccoli-merge-trees-2.0.1.tgz",
+          "integrity": "sha1-FNS3/BqQMYwSsW+EPmuiaTgIEAw=",
+          "dev": true,
+          "requires": {
+            "broccoli-plugin": "^1.3.0",
+            "merge-trees": "^1.0.1"
+          }
+        },
+        "broccoli-persistent-filter": {
+          "version": "1.4.6",
+          "resolved": "https://registry.npm.taobao.org/broccoli-persistent-filter/download/broccoli-persistent-filter-1.4.6.tgz",
+          "integrity": "sha1-gHYtGQAIgKd9ozw0NzKZwPaj5hU=",
+          "dev": true,
+          "requires": {
+            "async-disk-cache": "^1.2.1",
+            "async-promise-queue": "^1.0.3",
+            "broccoli-plugin": "^1.0.0",
+            "fs-tree-diff": "^0.5.2",
+            "hash-for-dep": "^1.0.2",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "mkdirp": "^0.5.1",
+            "promise-map-series": "^0.2.1",
+            "rimraf": "^2.6.1",
+            "rsvp": "^3.0.18",
+            "symlink-or-copy": "^1.0.1",
+            "walk-sync": "^0.3.1"
+          },
+          "dependencies": {
+            "rsvp": {
+              "version": "3.6.2",
+              "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-3.6.2.tgz",
+              "integrity": "sha1-LpZJFZmpbN4bUV1WdKj3qRRSkmo=",
+              "dev": true
+            }
+          }
+        },
+        "ember-cli-babel": {
+          "version": "6.18.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-babel/download/ember-cli-babel-6.18.0.tgz",
+          "integrity": "sha1-P2Q1/SdRcu3v8rY07nspznQxiVc=",
+          "dev": true,
+          "requires": {
+            "amd-name-resolver": "1.2.0",
+            "babel-plugin-debug-macros": "^0.2.0-beta.6",
+            "babel-plugin-ember-modules-api-polyfill": "^2.6.0",
+            "babel-plugin-transform-es2015-modules-amd": "^6.24.0",
+            "babel-polyfill": "^6.26.0",
+            "babel-preset-env": "^1.7.0",
+            "broccoli-babel-transpiler": "^6.5.0",
+            "broccoli-debug": "^0.6.4",
+            "broccoli-funnel": "^2.0.0",
+            "broccoli-source": "^1.1.0",
+            "clone": "^2.0.0",
+            "ember-cli-version-checker": "^2.1.2",
+            "semver": "^5.5.0"
+          }
+        },
+        "ember-cli-version-checker": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-2.2.0.tgz",
+          "integrity": "sha1-R3cbcx/glicF4nyBmanjglcJ87M=",
+          "dev": true,
+          "requires": {
+            "resolve": "^1.3.3",
+            "semver": "^5.3.0"
+          }
+        },
+        "merge-trees": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npm.taobao.org/merge-trees/download/merge-trees-1.0.1.tgz",
+          "integrity": "sha1-zL5nRWl4f53vF/1G5lJfVwC70j4=",
+          "dev": true,
+          "requires": {
+            "can-symlink": "^1.0.0",
+            "fs-tree-diff": "^0.5.4",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "rimraf": "^2.4.3",
+            "symlink-or-copy": "^1.0.0"
+          }
+        },
+        "rsvp": {
+          "version": "4.8.5",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-4.8.5.tgz",
+          "integrity": "sha1-yPFVMR0Wf2jyHhaN9x7FsIMRNzQ=",
+          "dev": true
+        },
+        "workerpool": {
+          "version": "2.3.3",
+          "resolved": "https://registry.npm.taobao.org/workerpool/download/workerpool-2.3.3.tgz",
+          "integrity": "sha1-SacAib1V6JDWjMg2oZQZRR18gdc=",
+          "dev": true,
+          "requires": {
+            "object-assign": "4.1.1"
+          }
+        }
+      }
+    },
+    "ember-cli": {
+      "version": "3.12.1",
+      "resolved": "https://registry.npm.taobao.org/ember-cli/download/ember-cli-3.12.1.tgz",
+      "integrity": "sha1-s4fCBtQJH5FoW6cyPs7LvPuAKCo=",
+      "dev": true,
+      "requires": {
+        "@babel/core": "^7.4.3",
+        "@babel/plugin-transform-modules-amd": "^7.2.0",
+        "amd-name-resolver": "^1.3.1",
+        "babel-plugin-module-resolver": "^3.2.0",
+        "bower-config": "^1.4.1",
+        "bower-endpoint-parser": "0.2.2",
+        "broccoli": "^3.1.1",
+        "broccoli-amd-funnel": "^2.0.1",
+        "broccoli-babel-transpiler": "^7.2.0",
+        "broccoli-builder": "^0.18.14",
+        "broccoli-concat": "^3.7.3",
+        "broccoli-config-loader": "^1.0.1",
+        "broccoli-config-replace": "^1.1.2",
+        "broccoli-debug": "^0.6.5",
+        "broccoli-funnel": "^2.0.2",
+        "broccoli-funnel-reducer": "^1.0.0",
+        "broccoli-merge-trees": "^3.0.2",
+        "broccoli-middleware": "^2.0.1",
+        "broccoli-module-normalizer": "^1.3.0",
+        "broccoli-module-unification-reexporter": "^1.0.0",
+        "broccoli-slow-trees": "^3.0.1",
+        "broccoli-source": "^1.1.0",
+        "broccoli-stew": "^2.1.0",
+        "calculate-cache-key-for-tree": "^2.0.0",
+        "capture-exit": "^2.0.0",
+        "chalk": "^2.4.2",
+        "ci-info": "^2.0.0",
+        "clean-base-url": "^1.0.0",
+        "compression": "^1.7.4",
+        "configstore": "^4.0.0",
+        "console-ui": "^3.0.2",
+        "core-object": "^3.1.5",
+        "dag-map": "^2.0.2",
+        "diff": "^4.0.1",
+        "ember-cli-broccoli-sane-watcher": "^3.0.0",
+        "ember-cli-is-package-missing": "^1.0.0",
+        "ember-cli-lodash-subset": "^2.0.1",
+        "ember-cli-normalize-entity-name": "^1.0.0",
+        "ember-cli-preprocess-registry": "^3.3.0",
+        "ember-cli-string-utils": "^1.1.0",
+        "ember-source-channel-url": "^1.1.0",
+        "ensure-posix-path": "^1.0.2",
+        "execa": "^1.0.0",
+        "exit": "^0.1.2",
+        "express": "^4.16.4",
+        "filesize": "^4.1.2",
+        "find-up": "^3.0.0",
+        "find-yarn-workspace-root": "^1.2.1",
+        "fs-extra": "^7.0.1",
+        "fs-tree-diff": "^2.0.1",
+        "get-caller-file": "^2.0.5",
+        "git-repo-info": "^2.1.0",
+        "glob": "^7.1.4",
+        "heimdalljs": "^0.2.6",
+        "heimdalljs-fs-monitor": "^0.2.3",
+        "heimdalljs-graph": "^0.3.5",
+        "heimdalljs-logger": "^0.1.10",
+        "http-proxy": "^1.17.0",
+        "inflection": "^1.12.0",
+        "is-git-url": "^1.0.0",
+        "isbinaryfile": "^3.0.3",
+        "js-yaml": "^3.13.1",
+        "json-stable-stringify": "^1.0.1",
+        "leek": "0.0.24",
+        "lodash.template": "^4.4.0",
+        "markdown-it": "^8.4.2",
+        "markdown-it-terminal": "0.1.0",
+        "minimatch": "^3.0.4",
+        "morgan": "^1.9.1",
+        "nopt": "^3.0.6",
+        "npm-package-arg": "^6.1.0",
+        "p-defer": "^2.1.0",
+        "portfinder": "^1.0.20",
+        "promise-map-series": "^0.2.3",
+        "promise.prototype.finally": "^3.1.0",
+        "quick-temp": "^0.1.8",
+        "resolve": "^1.10.1",
+        "resolve-package-path": "^1.2.7",
+        "rsvp": "^4.8.4",
+        "sane": "^4.1.0",
+        "semver": "^6.0.0",
+        "silent-error": "^1.1.1",
+        "sort-package-json": "^1.22.1",
+        "symlink-or-copy": "^1.2.0",
+        "temp": "0.9.0",
+        "testem": "^2.14.0",
+        "tiny-lr": "^1.1.1",
+        "tree-sync": "^1.4.0",
+        "uuid": "^3.3.2",
+        "walk-sync": "^1.1.3",
+        "watch-detector": "^0.1.0",
+        "yam": "^1.0.0"
+      },
+      "dependencies": {
+        "find-up": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/find-up/download/find-up-3.0.0.tgz",
+          "integrity": "sha1-SRafHXmTQwZG2mHsxa41XCHJe3M=",
+          "dev": true,
+          "requires": {
+            "locate-path": "^3.0.0"
+          }
+        },
+        "fs-tree-diff": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/fs-tree-diff/download/fs-tree-diff-2.0.1.tgz",
+          "integrity": "sha1-ND5HRatDXsOeusX5BZrZGc0DSvo=",
+          "dev": true,
+          "requires": {
+            "@types/symlink-or-copy": "^1.2.0",
+            "heimdalljs-logger": "^0.1.7",
+            "object-assign": "^4.1.0",
+            "path-posix": "^1.0.0",
+            "symlink-or-copy": "^1.1.8"
+          }
+        },
+        "locate-path": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/locate-path/download/locate-path-3.0.0.tgz",
+          "integrity": "sha1-2+w7OrdZdYBxtY/ln8QYca8hQA4=",
+          "dev": true,
+          "requires": {
+            "p-locate": "^3.0.0",
+            "path-exists": "^3.0.0"
+          }
+        },
+        "p-limit": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npm.taobao.org/p-limit/download/p-limit-2.3.0.tgz",
+          "integrity": "sha1-PdM8ZHohT9//2DWTPrCG2g3CHbE=",
+          "dev": true,
+          "requires": {
+            "p-try": "^2.0.0"
+          }
+        },
+        "p-locate": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/p-locate/download/p-locate-3.0.0.tgz",
+          "integrity": "sha1-Mi1poFwCZLJZl9n0DNiokasAZKQ=",
+          "dev": true,
+          "requires": {
+            "p-limit": "^2.0.0"
+          }
+        },
+        "p-try": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npm.taobao.org/p-try/download/p-try-2.2.0.tgz",
+          "integrity": "sha1-yyhoVA4xPWHeWPr741zpAE1VQOY=",
+          "dev": true
+        },
+        "rsvp": {
+          "version": "4.8.5",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-4.8.5.tgz",
+          "integrity": "sha1-yPFVMR0Wf2jyHhaN9x7FsIMRNzQ=",
+          "dev": true
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npm.taobao.org/semver/download/semver-6.3.0.tgz?cache=0&sync_timestamp=1586534511518&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-6.3.0.tgz",
+          "integrity": "sha1-7gpkyK9ejO6mdoexM3YeG+y9HT0=",
+          "dev": true
+        },
+        "walk-sync": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npm.taobao.org/walk-sync/download/walk-sync-1.1.4.tgz",
+          "integrity": "sha1-gQSfPYCVR5tJV0z6X1WNeiUrEn0=",
+          "dev": true,
+          "requires": {
+            "@types/minimatch": "^3.0.3",
+            "ensure-posix-path": "^1.1.0",
+            "matcher-collection": "^1.1.1"
+          }
+        }
+      }
+    },
+    "ember-cli-app-version": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-app-version/download/ember-cli-app-version-3.2.0.tgz",
+      "integrity": "sha1-e5rQ4bY64FGGSDVu4kxwPpIrwm4=",
+      "dev": true,
+      "requires": {
+        "ember-cli-babel": "^6.12.0",
+        "git-repo-version": "^1.0.2"
+      },
+      "dependencies": {
+        "amd-name-resolver": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npm.taobao.org/amd-name-resolver/download/amd-name-resolver-1.2.0.tgz",
+          "integrity": "sha1-/EGzhIgktVcxOJfXH41aAYT75nk=",
+          "dev": true,
+          "requires": {
+            "ensure-posix-path": "^1.0.1"
+          }
+        },
+        "babel-plugin-debug-macros": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npm.taobao.org/babel-plugin-debug-macros/download/babel-plugin-debug-macros-0.2.0.tgz",
+          "integrity": "sha1-ASCsIM4GzMV79JO2Z88kuFwo2no=",
+          "dev": true,
+          "requires": {
+            "semver": "^5.3.0"
+          }
+        },
+        "broccoli-babel-transpiler": {
+          "version": "6.5.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-babel-transpiler/download/broccoli-babel-transpiler-6.5.1.tgz",
+          "integrity": "sha1-pK/I07WbRBUY65oHvUQUlHbjBzg=",
+          "dev": true,
+          "requires": {
+            "babel-core": "^6.26.0",
+            "broccoli-funnel": "^2.0.1",
+            "broccoli-merge-trees": "^2.0.0",
+            "broccoli-persistent-filter": "^1.4.3",
+            "clone": "^2.0.0",
+            "hash-for-dep": "^1.2.3",
+            "heimdalljs-logger": "^0.1.7",
+            "json-stable-stringify": "^1.0.0",
+            "rsvp": "^4.8.2",
+            "workerpool": "^2.3.0"
+          }
+        },
+        "broccoli-merge-trees": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-merge-trees/download/broccoli-merge-trees-2.0.1.tgz",
+          "integrity": "sha1-FNS3/BqQMYwSsW+EPmuiaTgIEAw=",
+          "dev": true,
+          "requires": {
+            "broccoli-plugin": "^1.3.0",
+            "merge-trees": "^1.0.1"
+          }
+        },
+        "broccoli-persistent-filter": {
+          "version": "1.4.6",
+          "resolved": "https://registry.npm.taobao.org/broccoli-persistent-filter/download/broccoli-persistent-filter-1.4.6.tgz",
+          "integrity": "sha1-gHYtGQAIgKd9ozw0NzKZwPaj5hU=",
+          "dev": true,
+          "requires": {
+            "async-disk-cache": "^1.2.1",
+            "async-promise-queue": "^1.0.3",
+            "broccoli-plugin": "^1.0.0",
+            "fs-tree-diff": "^0.5.2",
+            "hash-for-dep": "^1.0.2",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "mkdirp": "^0.5.1",
+            "promise-map-series": "^0.2.1",
+            "rimraf": "^2.6.1",
+            "rsvp": "^3.0.18",
+            "symlink-or-copy": "^1.0.1",
+            "walk-sync": "^0.3.1"
+          },
+          "dependencies": {
+            "rsvp": {
+              "version": "3.6.2",
+              "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-3.6.2.tgz",
+              "integrity": "sha1-LpZJFZmpbN4bUV1WdKj3qRRSkmo=",
+              "dev": true
+            }
+          }
+        },
+        "ember-cli-babel": {
+          "version": "6.18.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-babel/download/ember-cli-babel-6.18.0.tgz",
+          "integrity": "sha1-P2Q1/SdRcu3v8rY07nspznQxiVc=",
+          "dev": true,
+          "requires": {
+            "amd-name-resolver": "1.2.0",
+            "babel-plugin-debug-macros": "^0.2.0-beta.6",
+            "babel-plugin-ember-modules-api-polyfill": "^2.6.0",
+            "babel-plugin-transform-es2015-modules-amd": "^6.24.0",
+            "babel-polyfill": "^6.26.0",
+            "babel-preset-env": "^1.7.0",
+            "broccoli-babel-transpiler": "^6.5.0",
+            "broccoli-debug": "^0.6.4",
+            "broccoli-funnel": "^2.0.0",
+            "broccoli-source": "^1.1.0",
+            "clone": "^2.0.0",
+            "ember-cli-version-checker": "^2.1.2",
+            "semver": "^5.5.0"
+          }
+        },
+        "ember-cli-version-checker": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-2.2.0.tgz",
+          "integrity": "sha1-R3cbcx/glicF4nyBmanjglcJ87M=",
+          "dev": true,
+          "requires": {
+            "resolve": "^1.3.3",
+            "semver": "^5.3.0"
+          }
+        },
+        "merge-trees": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npm.taobao.org/merge-trees/download/merge-trees-1.0.1.tgz",
+          "integrity": "sha1-zL5nRWl4f53vF/1G5lJfVwC70j4=",
+          "dev": true,
+          "requires": {
+            "can-symlink": "^1.0.0",
+            "fs-tree-diff": "^0.5.4",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "rimraf": "^2.4.3",
+            "symlink-or-copy": "^1.0.0"
+          }
+        },
+        "rsvp": {
+          "version": "4.8.5",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-4.8.5.tgz",
+          "integrity": "sha1-yPFVMR0Wf2jyHhaN9x7FsIMRNzQ=",
+          "dev": true
+        },
+        "workerpool": {
+          "version": "2.3.3",
+          "resolved": "https://registry.npm.taobao.org/workerpool/download/workerpool-2.3.3.tgz",
+          "integrity": "sha1-SacAib1V6JDWjMg2oZQZRR18gdc=",
+          "dev": true,
+          "requires": {
+            "object-assign": "4.1.1"
+          }
+        }
+      }
+    },
+    "ember-cli-babel": {
+      "version": "7.19.0",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-babel/download/ember-cli-babel-7.19.0.tgz",
+      "integrity": "sha1-5u3eoYqGcjH8+QqAaJ6SuYvppjs=",
+      "dev": true,
+      "requires": {
+        "@babel/core": "^7.9.0",
+        "@babel/helper-compilation-targets": "^7.8.7",
+        "@babel/plugin-proposal-class-properties": "^7.8.3",
+        "@babel/plugin-proposal-decorators": "^7.8.3",
+        "@babel/plugin-transform-modules-amd": "^7.9.0",
+        "@babel/plugin-transform-runtime": "^7.9.0",
+        "@babel/plugin-transform-typescript": "^7.9.0",
+        "@babel/polyfill": "^7.8.7",
+        "@babel/preset-env": "^7.9.0",
+        "@babel/runtime": "^7.9.0",
+        "amd-name-resolver": "^1.2.1",
+        "babel-plugin-debug-macros": "^0.3.0",
+        "babel-plugin-ember-data-packages-polyfill": "^0.1.2",
+        "babel-plugin-ember-modules-api-polyfill": "^2.12.0",
+        "babel-plugin-module-resolver": "^3.1.1",
+        "broccoli-babel-transpiler": "^7.4.0",
+        "broccoli-debug": "^0.6.4",
+        "broccoli-funnel": "^2.0.1",
+        "broccoli-source": "^1.1.0",
+        "clone": "^2.1.2",
+        "ember-cli-babel-plugin-helpers": "^1.1.0",
+        "ember-cli-version-checker": "^4.1.0",
+        "ensure-posix-path": "^1.0.2",
+        "fixturify-project": "^1.10.0",
+        "rimraf": "^3.0.1",
+        "semver": "^5.5.0"
+      },
+      "dependencies": {
+        "ember-cli-version-checker": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-4.1.0.tgz",
+          "integrity": "sha1-f8mDa9vIdFHShrpqmomyNZHYu7c=",
+          "dev": true,
+          "requires": {
+            "resolve-package-path": "^2.0.0",
+            "semver": "^6.3.0",
+            "silent-error": "^1.1.1"
+          },
+          "dependencies": {
+            "semver": {
+              "version": "6.3.0",
+              "resolved": "https://registry.npm.taobao.org/semver/download/semver-6.3.0.tgz?cache=0&sync_timestamp=1586534511518&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-6.3.0.tgz",
+              "integrity": "sha1-7gpkyK9ejO6mdoexM3YeG+y9HT0=",
+              "dev": true
+            }
+          }
+        },
+        "resolve-package-path": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/resolve-package-path/download/resolve-package-path-2.0.0.tgz",
+          "integrity": "sha1-fyWKuG/wdP/0/4Anoo+U0X1vsd8=",
+          "dev": true,
+          "requires": {
+            "path-root": "^0.1.1",
+            "resolve": "^1.13.1"
+          }
+        },
+        "rimraf": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npm.taobao.org/rimraf/download/rimraf-3.0.2.tgz?cache=0&sync_timestamp=1581257110269&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frimraf%2Fdownload%2Frimraf-3.0.2.tgz",
+          "integrity": "sha1-8aVAK6YiCtUswSgrrBrjqkn9Bho=",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        }
+      }
+    },
+    "ember-cli-babel-plugin-helpers": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-babel-plugin-helpers/download/ember-cli-babel-plugin-helpers-1.1.0.tgz",
+      "integrity": "sha1-3juu3QkxY7bCRh+VlkiIwWdjJaw=",
+      "dev": true
+    },
+    "ember-cli-broccoli-sane-watcher": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-broccoli-sane-watcher/download/ember-cli-broccoli-sane-watcher-3.0.0.tgz",
+      "integrity": "sha1-3BgSwEfhzuxEE9PEG1Gp/8YbTP4=",
+      "dev": true,
+      "requires": {
+        "broccoli-slow-trees": "^3.0.1",
+        "heimdalljs": "^0.2.1",
+        "heimdalljs-logger": "^0.1.7",
+        "rsvp": "^3.0.18",
+        "sane": "^4.0.0"
+      }
+    },
+    "ember-cli-clipboard": {
+      "version": "0.14.0",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-clipboard/download/ember-cli-clipboard-0.14.0.tgz",
+      "integrity": "sha1-XGyVkFQ8QXSX19bxo9+afJteYI8=",
+      "dev": true,
+      "requires": {
+        "@ember/render-modifiers": "^1.0.1",
+        "broccoli-funnel": "^1.1.0",
+        "clipboard": "^2.0.0",
+        "ember-cli-babel": "^7.13.0",
+        "ember-cli-htmlbars": "^4.2.0",
+        "fastboot-transform": "^0.1.3"
+      },
+      "dependencies": {
+        "broccoli-funnel": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npm.taobao.org/broccoli-funnel/download/broccoli-funnel-1.2.0.tgz",
+          "integrity": "sha1-zdw6/F/xaFqAI0iP/3TOb7WlEpY=",
+          "dev": true,
+          "requires": {
+            "array-equal": "^1.0.0",
+            "blank-object": "^1.0.1",
+            "broccoli-plugin": "^1.3.0",
+            "debug": "^2.2.0",
+            "exists-sync": "0.0.4",
+            "fast-ordered-set": "^1.0.0",
+            "fs-tree-diff": "^0.5.3",
+            "heimdalljs": "^0.2.0",
+            "minimatch": "^3.0.0",
+            "mkdirp": "^0.5.0",
+            "path-posix": "^1.0.0",
+            "rimraf": "^2.4.3",
+            "symlink-or-copy": "^1.0.0",
+            "walk-sync": "^0.3.1"
+          }
+        }
+      }
+    },
+    "ember-cli-dependency-checker": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-dependency-checker/download/ember-cli-dependency-checker-3.2.0.tgz",
+      "integrity": "sha1-kgKtnhTW/aM8/8IqEcNDwqiIUzA=",
+      "dev": true,
+      "requires": {
+        "chalk": "^2.3.0",
+        "find-yarn-workspace-root": "^1.1.0",
+        "is-git-url": "^1.0.0",
+        "resolve": "^1.5.0",
+        "semver": "^5.3.0"
+      }
+    },
+    "ember-cli-eslint": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-eslint/download/ember-cli-eslint-5.1.0.tgz",
+      "integrity": "sha1-rNubBykR4EsHwxO2EPUU20CG0ho=",
+      "dev": true,
+      "requires": {
+        "broccoli-lint-eslint": "^5.0.0",
+        "ember-cli-version-checker": "^3.0.0",
+        "rsvp": "^4.6.1",
+        "walk-sync": "^1.0.0"
+      },
+      "dependencies": {
+        "rsvp": {
+          "version": "4.8.5",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-4.8.5.tgz",
+          "integrity": "sha1-yPFVMR0Wf2jyHhaN9x7FsIMRNzQ=",
+          "dev": true
+        },
+        "walk-sync": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npm.taobao.org/walk-sync/download/walk-sync-1.1.4.tgz",
+          "integrity": "sha1-gQSfPYCVR5tJV0z6X1WNeiUrEn0=",
+          "dev": true,
+          "requires": {
+            "@types/minimatch": "^3.0.3",
+            "ensure-posix-path": "^1.1.0",
+            "matcher-collection": "^1.1.1"
+          }
+        }
+      }
+    },
+    "ember-cli-get-component-path-option": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-get-component-path-option/download/ember-cli-get-component-path-option-1.0.0.tgz",
+      "integrity": "sha1-DXtZVVni+QUKvtgE8djv8bCLx3E=",
+      "dev": true
+    },
+    "ember-cli-htmlbars": {
+      "version": "4.3.1",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-htmlbars/download/ember-cli-htmlbars-4.3.1.tgz",
+      "integrity": "sha1-SvitwhqzxJU/dolWt/fSB3gssXU=",
+      "dev": true,
+      "requires": {
+        "@ember/edition-utils": "^1.2.0",
+        "babel-plugin-htmlbars-inline-precompile": "^3.0.1",
+        "broccoli-debug": "^0.6.5",
+        "broccoli-persistent-filter": "^2.3.1",
+        "broccoli-plugin": "^3.1.0",
+        "common-tags": "^1.8.0",
+        "ember-cli-babel-plugin-helpers": "^1.1.0",
+        "fs-tree-diff": "^2.0.1",
+        "hash-for-dep": "^1.5.1",
+        "heimdalljs-logger": "^0.1.10",
+        "json-stable-stringify": "^1.0.1",
+        "semver": "^6.3.0",
+        "strip-bom": "^4.0.0",
+        "walk-sync": "^2.0.2"
+      },
+      "dependencies": {
+        "broccoli-plugin": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npm.taobao.org/broccoli-plugin/download/broccoli-plugin-3.1.0.tgz",
+          "integrity": "sha1-VLpt2QpC7D21YkBjKSYQ4yax5UI=",
+          "dev": true,
+          "requires": {
+            "broccoli-node-api": "^1.6.0",
+            "broccoli-output-wrapper": "^2.0.0",
+            "fs-merger": "^3.0.1",
+            "promise-map-series": "^0.2.1",
+            "quick-temp": "^0.1.3",
+            "rimraf": "^2.3.4",
+            "symlink-or-copy": "^1.1.8"
+          }
+        },
+        "fs-tree-diff": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/fs-tree-diff/download/fs-tree-diff-2.0.1.tgz",
+          "integrity": "sha1-ND5HRatDXsOeusX5BZrZGc0DSvo=",
+          "dev": true,
+          "requires": {
+            "@types/symlink-or-copy": "^1.2.0",
+            "heimdalljs-logger": "^0.1.7",
+            "object-assign": "^4.1.0",
+            "path-posix": "^1.0.0",
+            "symlink-or-copy": "^1.1.8"
+          }
+        },
+        "matcher-collection": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/matcher-collection/download/matcher-collection-2.0.1.tgz",
+          "integrity": "sha1-kL4aTPWNbylJhk9luzsPPkEwOyk=",
+          "dev": true,
+          "requires": {
+            "@types/minimatch": "^3.0.3",
+            "minimatch": "^3.0.2"
+          }
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npm.taobao.org/semver/download/semver-6.3.0.tgz?cache=0&sync_timestamp=1586534511518&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-6.3.0.tgz",
+          "integrity": "sha1-7gpkyK9ejO6mdoexM3YeG+y9HT0=",
+          "dev": true
+        },
+        "walk-sync": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npm.taobao.org/walk-sync/download/walk-sync-2.0.2.tgz",
+          "integrity": "sha1-Xqiig3fIvmjJLVD0AH6jgXJdoUs=",
+          "dev": true,
+          "requires": {
+            "@types/minimatch": "^3.0.3",
+            "ensure-posix-path": "^1.1.0",
+            "matcher-collection": "^2.0.0"
+          }
+        }
+      }
+    },
+    "ember-cli-htmlbars-inline-precompile": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-htmlbars-inline-precompile/download/ember-cli-htmlbars-inline-precompile-2.1.0.tgz",
+      "integrity": "sha1-Ybkf8YedRK5QTK20b7HyYEmVrgg=",
+      "dev": true,
+      "requires": {
+        "babel-plugin-htmlbars-inline-precompile": "^1.0.0",
+        "ember-cli-version-checker": "^2.1.2",
+        "hash-for-dep": "^1.2.3",
+        "heimdalljs-logger": "^0.1.9",
+        "silent-error": "^1.1.0"
+      },
+      "dependencies": {
+        "babel-plugin-htmlbars-inline-precompile": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npm.taobao.org/babel-plugin-htmlbars-inline-precompile/download/babel-plugin-htmlbars-inline-precompile-1.0.0.tgz",
+          "integrity": "sha1-qdL26q2KPz02FgLeWTqMvvgXnCI=",
+          "dev": true
+        },
+        "ember-cli-version-checker": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-2.2.0.tgz",
+          "integrity": "sha1-R3cbcx/glicF4nyBmanjglcJ87M=",
+          "dev": true,
+          "requires": {
+            "resolve": "^1.3.3",
+            "semver": "^5.3.0"
+          }
+        }
+      }
+    },
+    "ember-cli-import-polyfill": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-import-polyfill/download/ember-cli-import-polyfill-0.2.0.tgz",
+      "integrity": "sha1-waCKiv+0XJe2dZJicv54z0yhZvI=",
+      "dev": true
+    },
+    "ember-cli-inject-live-reload": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-inject-live-reload/download/ember-cli-inject-live-reload-2.0.2.tgz",
+      "integrity": "sha1-le21Q7OGI501lZ5eqVefU4KXasc=",
+      "dev": true,
+      "requires": {
+        "clean-base-url": "^1.0.0",
+        "ember-cli-version-checker": "^3.1.3"
+      }
+    },
+    "ember-cli-is-package-missing": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-is-package-missing/download/ember-cli-is-package-missing-1.0.0.tgz",
+      "integrity": "sha1-bmGEyvuSY13ZPKbJRrEEKS1OM5A=",
+      "dev": true
+    },
+    "ember-cli-less": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-less/download/ember-cli-less-3.0.1.tgz",
+      "integrity": "sha1-5bbLXMgznBtXC5X88b6Q0+S+NvU=",
+      "dev": true,
+      "requires": {
+        "broccoli-less-single": "^1.1.0",
+        "broccoli-merge-trees": "^1.0.0",
+        "ember-cli-htmlbars": "^4.2.3",
+        "ember-cli-version-checker": "^5.0.2"
+      },
+      "dependencies": {
+        "broccoli-merge-trees": {
+          "version": "1.2.4",
+          "resolved": "https://registry.npm.taobao.org/broccoli-merge-trees/download/broccoli-merge-trees-1.2.4.tgz",
+          "integrity": "sha1-oAFRm7UGfwZYnZGvopQkRaLQ/bU=",
+          "dev": true,
+          "requires": {
+            "broccoli-plugin": "^1.3.0",
+            "can-symlink": "^1.0.0",
+            "fast-ordered-set": "^1.0.2",
+            "fs-tree-diff": "^0.5.4",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "rimraf": "^2.4.3",
+            "symlink-or-copy": "^1.0.0"
+          }
+        },
+        "ember-cli-version-checker": {
+          "version": "5.0.2",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-5.0.2.tgz",
+          "integrity": "sha1-fpYVe+SxOwg6aAeLGIggGTJ12MQ=",
+          "dev": true,
+          "requires": {
+            "resolve-package-path": "^2.0.0",
+            "semver": "^7.1.3",
+            "silent-error": "^1.1.1"
+          }
+        },
+        "resolve-package-path": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/resolve-package-path/download/resolve-package-path-2.0.0.tgz",
+          "integrity": "sha1-fyWKuG/wdP/0/4Anoo+U0X1vsd8=",
+          "dev": true,
+          "requires": {
+            "path-root": "^0.1.1",
+            "resolve": "^1.13.1"
+          }
+        },
+        "semver": {
+          "version": "7.2.2",
+          "resolved": "https://registry.npm.taobao.org/semver/download/semver-7.2.2.tgz?cache=0&sync_timestamp=1586534511518&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-7.2.2.tgz",
+          "integrity": "sha1-0BQy107TAQog/6+QnWOmkVIFIc0=",
+          "dev": true
+        }
+      }
+    },
+    "ember-cli-lodash-subset": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-lodash-subset/download/ember-cli-lodash-subset-2.0.1.tgz",
+      "integrity": "sha1-IMtop5D+D94kiN39jvu332/nZvI=",
+      "dev": true
+    },
+    "ember-cli-moment-shim": {
+      "version": "3.7.1",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-moment-shim/download/ember-cli-moment-shim-3.7.1.tgz",
+      "integrity": "sha1-OtaRxQJ8HzikiQ/kfXS1IkzJjjI=",
+      "dev": true,
+      "requires": {
+        "broccoli-funnel": "^2.0.0",
+        "broccoli-merge-trees": "^2.0.0",
+        "broccoli-source": "^1.1.0",
+        "broccoli-stew": "^1.5.0",
+        "chalk": "^1.1.3",
+        "ember-cli-babel": "^6.6.0",
+        "ember-cli-import-polyfill": "^0.2.0",
+        "lodash.defaults": "^4.2.0",
+        "moment": "^2.19.3",
+        "moment-timezone": "^0.5.13"
+      },
+      "dependencies": {
+        "amd-name-resolver": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npm.taobao.org/amd-name-resolver/download/amd-name-resolver-1.2.0.tgz",
+          "integrity": "sha1-/EGzhIgktVcxOJfXH41aAYT75nk=",
+          "dev": true,
+          "requires": {
+            "ensure-posix-path": "^1.0.1"
+          }
+        },
+        "ansi-regex": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-2.1.1.tgz",
+          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+          "dev": true
+        },
+        "babel-plugin-debug-macros": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npm.taobao.org/babel-plugin-debug-macros/download/babel-plugin-debug-macros-0.2.0.tgz",
+          "integrity": "sha1-ASCsIM4GzMV79JO2Z88kuFwo2no=",
+          "dev": true,
+          "requires": {
+            "semver": "^5.3.0"
+          }
+        },
+        "broccoli-babel-transpiler": {
+          "version": "6.5.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-babel-transpiler/download/broccoli-babel-transpiler-6.5.1.tgz",
+          "integrity": "sha1-pK/I07WbRBUY65oHvUQUlHbjBzg=",
+          "dev": true,
+          "requires": {
+            "babel-core": "^6.26.0",
+            "broccoli-funnel": "^2.0.1",
+            "broccoli-merge-trees": "^2.0.0",
+            "broccoli-persistent-filter": "^1.4.3",
+            "clone": "^2.0.0",
+            "hash-for-dep": "^1.2.3",
+            "heimdalljs-logger": "^0.1.7",
+            "json-stable-stringify": "^1.0.0",
+            "rsvp": "^4.8.2",
+            "workerpool": "^2.3.0"
+          }
+        },
+        "broccoli-merge-trees": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-merge-trees/download/broccoli-merge-trees-2.0.1.tgz",
+          "integrity": "sha1-FNS3/BqQMYwSsW+EPmuiaTgIEAw=",
+          "dev": true,
+          "requires": {
+            "broccoli-plugin": "^1.3.0",
+            "merge-trees": "^1.0.1"
+          }
+        },
+        "broccoli-persistent-filter": {
+          "version": "1.4.6",
+          "resolved": "https://registry.npm.taobao.org/broccoli-persistent-filter/download/broccoli-persistent-filter-1.4.6.tgz",
+          "integrity": "sha1-gHYtGQAIgKd9ozw0NzKZwPaj5hU=",
+          "dev": true,
+          "requires": {
+            "async-disk-cache": "^1.2.1",
+            "async-promise-queue": "^1.0.3",
+            "broccoli-plugin": "^1.0.0",
+            "fs-tree-diff": "^0.5.2",
+            "hash-for-dep": "^1.0.2",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "mkdirp": "^0.5.1",
+            "promise-map-series": "^0.2.1",
+            "rimraf": "^2.6.1",
+            "rsvp": "^3.0.18",
+            "symlink-or-copy": "^1.0.1",
+            "walk-sync": "^0.3.1"
+          },
+          "dependencies": {
+            "rsvp": {
+              "version": "3.6.2",
+              "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-3.6.2.tgz",
+              "integrity": "sha1-LpZJFZmpbN4bUV1WdKj3qRRSkmo=",
+              "dev": true
+            }
+          }
+        },
+        "broccoli-stew": {
+          "version": "1.6.0",
+          "resolved": "https://registry.npm.taobao.org/broccoli-stew/download/broccoli-stew-1.6.0.tgz",
+          "integrity": "sha1-AfbZKAbtZnndvkjUBQZqDhZN++8=",
+          "dev": true,
+          "requires": {
+            "broccoli-debug": "^0.6.1",
+            "broccoli-funnel": "^2.0.0",
+            "broccoli-merge-trees": "^2.0.0",
+            "broccoli-persistent-filter": "^1.1.6",
+            "broccoli-plugin": "^1.3.0",
+            "chalk": "^2.4.1",
+            "debug": "^3.1.0",
+            "ensure-posix-path": "^1.0.1",
+            "fs-extra": "^5.0.0",
+            "minimatch": "^3.0.4",
+            "resolve": "^1.8.1",
+            "rsvp": "^4.8.3",
+            "symlink-or-copy": "^1.2.0",
+            "walk-sync": "^0.3.0"
+          },
+          "dependencies": {
+            "chalk": {
+              "version": "2.4.2",
+              "resolved": "https://registry.npm.taobao.org/chalk/download/chalk-2.4.2.tgz?cache=0&sync_timestamp=1585815759944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-2.4.2.tgz",
+              "integrity": "sha1-zUJUFnelQzPPVBpJEIwUMrRMlCQ=",
+              "dev": true,
+              "requires": {
+                "ansi-styles": "^3.2.1",
+                "escape-string-regexp": "^1.0.5",
+                "supports-color": "^5.3.0"
+              }
+            }
+          }
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npm.taobao.org/chalk/download/chalk-1.1.3.tgz?cache=0&sync_timestamp=1585815759944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^2.2.1",
+            "escape-string-regexp": "^1.0.2",
+            "has-ansi": "^2.0.0",
+            "strip-ansi": "^3.0.0",
+            "supports-color": "^2.0.0"
+          },
+          "dependencies": {
+            "ansi-styles": {
+              "version": "2.2.1",
+              "resolved": "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-2.2.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-styles%2Fdownload%2Fansi-styles-2.2.1.tgz",
+              "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
+              "dev": true
+            },
+            "supports-color": {
+              "version": "2.0.0",
+              "resolved": "https://registry.npm.taobao.org/supports-color/download/supports-color-2.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-2.0.0.tgz",
+              "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
+              "dev": true
+            }
+          }
+        },
+        "debug": {
+          "version": "3.2.6",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-3.2.6.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-3.2.6.tgz",
+          "integrity": "sha1-6D0X3hbYp++3cX7b5fsQE17uYps=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "ember-cli-babel": {
+          "version": "6.18.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-babel/download/ember-cli-babel-6.18.0.tgz",
+          "integrity": "sha1-P2Q1/SdRcu3v8rY07nspznQxiVc=",
+          "dev": true,
+          "requires": {
+            "amd-name-resolver": "1.2.0",
+            "babel-plugin-debug-macros": "^0.2.0-beta.6",
+            "babel-plugin-ember-modules-api-polyfill": "^2.6.0",
+            "babel-plugin-transform-es2015-modules-amd": "^6.24.0",
+            "babel-polyfill": "^6.26.0",
+            "babel-preset-env": "^1.7.0",
+            "broccoli-babel-transpiler": "^6.5.0",
+            "broccoli-debug": "^0.6.4",
+            "broccoli-funnel": "^2.0.0",
+            "broccoli-source": "^1.1.0",
+            "clone": "^2.0.0",
+            "ember-cli-version-checker": "^2.1.2",
+            "semver": "^5.5.0"
+          }
+        },
+        "ember-cli-version-checker": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-2.2.0.tgz",
+          "integrity": "sha1-R3cbcx/glicF4nyBmanjglcJ87M=",
+          "dev": true,
+          "requires": {
+            "resolve": "^1.3.3",
+            "semver": "^5.3.0"
+          }
+        },
+        "fs-extra": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npm.taobao.org/fs-extra/download/fs-extra-5.0.0.tgz",
+          "integrity": "sha1-QU0BEM3QZwVzTQVWUsVBEmDDGr0=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        },
+        "has-ansi": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/has-ansi/download/has-ansi-2.0.0.tgz",
+          "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^2.0.0"
+          }
+        },
+        "merge-trees": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npm.taobao.org/merge-trees/download/merge-trees-1.0.1.tgz",
+          "integrity": "sha1-zL5nRWl4f53vF/1G5lJfVwC70j4=",
+          "dev": true,
+          "requires": {
+            "can-symlink": "^1.0.0",
+            "fs-tree-diff": "^0.5.4",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "rimraf": "^2.4.3",
+            "symlink-or-copy": "^1.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        },
+        "rsvp": {
+          "version": "4.8.5",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-4.8.5.tgz",
+          "integrity": "sha1-yPFVMR0Wf2jyHhaN9x7FsIMRNzQ=",
+          "dev": true
+        },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-3.0.1.tgz?cache=0&sync_timestamp=1573280518303&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-3.0.1.tgz",
+          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^2.0.0"
+          }
+        },
+        "workerpool": {
+          "version": "2.3.3",
+          "resolved": "https://registry.npm.taobao.org/workerpool/download/workerpool-2.3.3.tgz",
+          "integrity": "sha1-SacAib1V6JDWjMg2oZQZRR18gdc=",
+          "dev": true,
+          "requires": {
+            "object-assign": "4.1.1"
+          }
+        }
+      }
+    },
+    "ember-cli-normalize-entity-name": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-normalize-entity-name/download/ember-cli-normalize-entity-name-1.0.0.tgz",
+      "integrity": "sha1-CxT3vLxZmqEXtf3cgeT9A8S61bc=",
+      "dev": true,
+      "requires": {
+        "silent-error": "^1.0.0"
+      }
+    },
+    "ember-cli-path-utils": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-path-utils/download/ember-cli-path-utils-1.0.0.tgz",
+      "integrity": "sha1-Tjmvi1UwHN3FAXc5t3qAT7ogce0=",
+      "dev": true
+    },
+    "ember-cli-preprocess-registry": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-preprocess-registry/download/ember-cli-preprocess-registry-3.3.0.tgz",
+      "integrity": "sha1-aFg3oxT75XIkvVSxifS5wjkHot4=",
+      "dev": true,
+      "requires": {
+        "broccoli-clean-css": "^1.1.0",
+        "broccoli-funnel": "^2.0.1",
+        "debug": "^3.0.1",
+        "process-relative-require": "^1.0.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.6",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-3.2.6.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-3.2.6.tgz",
+          "integrity": "sha1-6D0X3hbYp++3cX7b5fsQE17uYps=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        }
+      }
+    },
+    "ember-cli-shims": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-shims/download/ember-cli-shims-1.2.0.tgz",
+      "integrity": "sha1-D1Ov8Kq4C18p2jqXMbrFYWndlB8=",
+      "dev": true,
+      "requires": {
+        "broccoli-file-creator": "^1.1.1",
+        "broccoli-merge-trees": "^2.0.0",
+        "ember-cli-version-checker": "^2.0.0",
+        "ember-rfc176-data": "^0.3.1",
+        "silent-error": "^1.0.1"
+      },
+      "dependencies": {
+        "broccoli-merge-trees": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-merge-trees/download/broccoli-merge-trees-2.0.1.tgz",
+          "integrity": "sha1-FNS3/BqQMYwSsW+EPmuiaTgIEAw=",
+          "dev": true,
+          "requires": {
+            "broccoli-plugin": "^1.3.0",
+            "merge-trees": "^1.0.1"
+          }
+        },
+        "ember-cli-version-checker": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-2.2.0.tgz",
+          "integrity": "sha1-R3cbcx/glicF4nyBmanjglcJ87M=",
+          "dev": true,
+          "requires": {
+            "resolve": "^1.3.3",
+            "semver": "^5.3.0"
+          }
+        },
+        "merge-trees": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npm.taobao.org/merge-trees/download/merge-trees-1.0.1.tgz",
+          "integrity": "sha1-zL5nRWl4f53vF/1G5lJfVwC70j4=",
+          "dev": true,
+          "requires": {
+            "can-symlink": "^1.0.0",
+            "fs-tree-diff": "^0.5.4",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "rimraf": "^2.4.3",
+            "symlink-or-copy": "^1.0.0"
+          }
+        }
+      }
+    },
+    "ember-cli-sri": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-sri/download/ember-cli-sri-2.1.1.tgz",
+      "integrity": "sha1-lxYgk0pLkYPPeSPMA+F4uDqpB/0=",
+      "dev": true,
+      "requires": {
+        "broccoli-sri-hash": "^2.1.0"
+      }
+    },
+    "ember-cli-string-utils": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-string-utils/download/ember-cli-string-utils-1.1.0.tgz",
+      "integrity": "sha1-ObZ3/CgF9VFzc1N2/O8njqpEUqE=",
+      "dev": true
+    },
+    "ember-cli-template-lint": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-template-lint/download/ember-cli-template-lint-2.0.2.tgz",
+      "integrity": "sha1-cpQ25x9F4xqSN7q0u8mp72dAHCQ=",
+      "dev": true,
+      "requires": {
+        "aot-test-generators": "^0.1.0",
+        "broccoli-concat": "^4.2.2",
+        "broccoli-persistent-filter": "^2.1.0",
+        "chalk": "^3.0.0",
+        "debug": "^4.0.1",
+        "ember-cli-version-checker": "^5.0.1",
+        "ember-template-lint": "^2.0.1",
+        "json-stable-stringify": "^1.0.1",
+        "md5-hex": "^3.0.1",
+        "strip-ansi": "^6.0.0",
+        "walk-sync": "^2.0.2"
+      },
+      "dependencies": {
+        "broccoli-concat": {
+          "version": "4.2.4",
+          "resolved": "https://registry.npm.taobao.org/broccoli-concat/download/broccoli-concat-4.2.4.tgz",
+          "integrity": "sha1-eONZ3cVAuZnYFTVRY788+2vWcyI=",
+          "dev": true,
+          "requires": {
+            "broccoli-debug": "^0.6.5",
+            "broccoli-kitchen-sink-helpers": "^0.3.1",
+            "broccoli-plugin": "^4.0.2",
+            "ensure-posix-path": "^1.0.2",
+            "fast-sourcemap-concat": "^2.1.0",
+            "find-index": "^1.1.0",
+            "fs-extra": "^8.1.0",
+            "fs-tree-diff": "^2.0.1",
+            "lodash.merge": "^4.6.2",
+            "lodash.omit": "^4.1.0",
+            "lodash.uniq": "^4.2.0"
+          }
+        },
+        "broccoli-output-wrapper": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-output-wrapper/download/broccoli-output-wrapper-3.2.1.tgz",
+          "integrity": "sha1-j50Qkq/gwaS3obbw0sYvHEA+gq0=",
+          "dev": true,
+          "requires": {
+            "fs-extra": "^8.1.0",
+            "heimdalljs-logger": "^0.1.10",
+            "symlink-or-copy": "^1.2.0"
+          }
+        },
+        "broccoli-plugin": {
+          "version": "4.0.2",
+          "resolved": "https://registry.npm.taobao.org/broccoli-plugin/download/broccoli-plugin-4.0.2.tgz",
+          "integrity": "sha1-oWwfg5vJXMmXVDfliGSjleUYtEc=",
+          "dev": true,
+          "requires": {
+            "broccoli-node-api": "^1.6.0",
+            "broccoli-output-wrapper": "^3.2.1",
+            "fs-merger": "^3.0.1",
+            "promise-map-series": "^0.2.1",
+            "quick-temp": "^0.1.3",
+            "rimraf": "^3.0.0",
+            "symlink-or-copy": "^1.3.0"
+          }
+        },
+        "chalk": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/chalk/download/chalk-3.0.0.tgz?cache=0&sync_timestamp=1585815759944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-3.0.0.tgz",
+          "integrity": "sha1-P3PCv1JlkfV0zEksUeJFY0n4ROQ=",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          },
+          "dependencies": {
+            "ansi-styles": {
+              "version": "4.2.1",
+              "resolved": "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-4.2.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-styles%2Fdownload%2Fansi-styles-4.2.1.tgz",
+              "integrity": "sha1-kK51xCTQCNJiTFvynq0xd+v881k=",
+              "dev": true,
+              "requires": {
+                "@types/color-name": "^1.1.1",
+                "color-convert": "^2.0.1"
+              }
+            },
+            "supports-color": {
+              "version": "7.1.0",
+              "resolved": "https://registry.npm.taobao.org/supports-color/download/supports-color-7.1.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-7.1.0.tgz",
+              "integrity": "sha1-aOMlkd9z4lrRxLSRCKLsUHliv9E=",
+              "dev": true,
+              "requires": {
+                "has-flag": "^4.0.0"
+              }
+            }
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/color-convert/download/color-convert-2.0.1.tgz",
+          "integrity": "sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz",
+          "integrity": "sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=",
+          "dev": true
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-4.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.1.1.tgz",
+          "integrity": "sha1-O3ImAlUQnGtYnO4FDx1RYTlmR5E=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "ember-cli-version-checker": {
+          "version": "5.0.2",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-5.0.2.tgz",
+          "integrity": "sha1-fpYVe+SxOwg6aAeLGIggGTJ12MQ=",
+          "dev": true,
+          "requires": {
+            "resolve-package-path": "^2.0.0",
+            "semver": "^7.1.3",
+            "silent-error": "^1.1.1"
+          }
+        },
+        "fast-sourcemap-concat": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npm.taobao.org/fast-sourcemap-concat/download/fast-sourcemap-concat-2.1.0.tgz",
+          "integrity": "sha1-Et02v8OMgECT5L0d5h3WIW9XQhE=",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.0.0",
+            "fs-extra": "^5.0.0",
+            "heimdalljs-logger": "^0.1.9",
+            "memory-streams": "^0.1.3",
+            "mkdirp": "^0.5.0",
+            "source-map": "^0.4.2",
+            "source-map-url": "^0.3.0",
+            "sourcemap-validator": "^1.1.0"
+          },
+          "dependencies": {
+            "chalk": {
+              "version": "2.4.2",
+              "resolved": "https://registry.npm.taobao.org/chalk/download/chalk-2.4.2.tgz?cache=0&sync_timestamp=1585815759944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-2.4.2.tgz",
+              "integrity": "sha1-zUJUFnelQzPPVBpJEIwUMrRMlCQ=",
+              "dev": true,
+              "requires": {
+                "ansi-styles": "^3.2.1",
+                "escape-string-regexp": "^1.0.5",
+                "supports-color": "^5.3.0"
+              }
+            },
+            "fs-extra": {
+              "version": "5.0.0",
+              "resolved": "https://registry.npm.taobao.org/fs-extra/download/fs-extra-5.0.0.tgz",
+              "integrity": "sha1-QU0BEM3QZwVzTQVWUsVBEmDDGr0=",
+              "dev": true,
+              "requires": {
+                "graceful-fs": "^4.1.2",
+                "jsonfile": "^4.0.0",
+                "universalify": "^0.1.0"
+              }
+            }
+          }
+        },
+        "fs-extra": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npm.taobao.org/fs-extra/download/fs-extra-8.1.0.tgz",
+          "integrity": "sha1-SdQ8RaiM2Wd2aMt74bRu/bjS4cA=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        },
+        "fs-tree-diff": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/fs-tree-diff/download/fs-tree-diff-2.0.1.tgz",
+          "integrity": "sha1-ND5HRatDXsOeusX5BZrZGc0DSvo=",
+          "dev": true,
+          "requires": {
+            "@types/symlink-or-copy": "^1.2.0",
+            "heimdalljs-logger": "^0.1.7",
+            "object-assign": "^4.1.0",
+            "path-posix": "^1.0.0",
+            "symlink-or-copy": "^1.1.8"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npm.taobao.org/has-flag/download/has-flag-4.0.0.tgz",
+          "integrity": "sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=",
+          "dev": true
+        },
+        "matcher-collection": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/matcher-collection/download/matcher-collection-2.0.1.tgz",
+          "integrity": "sha1-kL4aTPWNbylJhk9luzsPPkEwOyk=",
+          "dev": true,
+          "requires": {
+            "@types/minimatch": "^3.0.3",
+            "minimatch": "^3.0.2"
+          }
+        },
+        "md5-hex": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npm.taobao.org/md5-hex/download/md5-hex-3.0.1.tgz",
+          "integrity": "sha1-vjdBtRBZFDSyeE155Vbu/Cyajlw=",
+          "dev": true,
+          "requires": {
+            "blueimp-md5": "^2.10.0"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        },
+        "resolve-package-path": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/resolve-package-path/download/resolve-package-path-2.0.0.tgz",
+          "integrity": "sha1-fyWKuG/wdP/0/4Anoo+U0X1vsd8=",
+          "dev": true,
+          "requires": {
+            "path-root": "^0.1.1",
+            "resolve": "^1.13.1"
+          }
+        },
+        "rimraf": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npm.taobao.org/rimraf/download/rimraf-3.0.2.tgz?cache=0&sync_timestamp=1581257110269&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frimraf%2Fdownload%2Frimraf-3.0.2.tgz",
+          "integrity": "sha1-8aVAK6YiCtUswSgrrBrjqkn9Bho=",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        },
+        "semver": {
+          "version": "7.2.2",
+          "resolved": "https://registry.npm.taobao.org/semver/download/semver-7.2.2.tgz?cache=0&sync_timestamp=1586534511518&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-7.2.2.tgz",
+          "integrity": "sha1-0BQy107TAQog/6+QnWOmkVIFIc0=",
+          "dev": true
+        },
+        "source-map": {
+          "version": "0.4.4",
+          "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.4.4.tgz",
+          "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
+          "dev": true,
+          "requires": {
+            "amdefine": ">=0.0.4"
+          }
+        },
+        "source-map-url": {
+          "version": "0.3.0",
+          "resolved": "https://registry.npm.taobao.org/source-map-url/download/source-map-url-0.3.0.tgz",
+          "integrity": "sha1-fsrxO1e80J2opAxdJp2zN5nUqvk=",
+          "dev": true
+        },
+        "walk-sync": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npm.taobao.org/walk-sync/download/walk-sync-2.0.2.tgz",
+          "integrity": "sha1-Xqiig3fIvmjJLVD0AH6jgXJdoUs=",
+          "dev": true,
+          "requires": {
+            "@types/minimatch": "^3.0.3",
+            "ensure-posix-path": "^1.1.0",
+            "matcher-collection": "^2.0.0"
+          }
+        }
+      }
+    },
+    "ember-cli-test-info": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-test-info/download/ember-cli-test-info-1.0.0.tgz",
+      "integrity": "sha1-7U6WDySel1I8+JHkrtIHLOhFd7Q=",
+      "dev": true,
+      "requires": {
+        "ember-cli-string-utils": "^1.0.0"
+      }
+    },
+    "ember-cli-test-loader": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-test-loader/download/ember-cli-test-loader-2.2.0.tgz",
+      "integrity": "sha1-P7jV0TV+RGDT8KCS9Tdecbb3wkM=",
+      "dev": true,
+      "requires": {
+        "ember-cli-babel": "^6.8.1"
+      },
+      "dependencies": {
+        "amd-name-resolver": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npm.taobao.org/amd-name-resolver/download/amd-name-resolver-1.2.0.tgz",
+          "integrity": "sha1-/EGzhIgktVcxOJfXH41aAYT75nk=",
+          "dev": true,
+          "requires": {
+            "ensure-posix-path": "^1.0.1"
+          }
+        },
+        "babel-plugin-debug-macros": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npm.taobao.org/babel-plugin-debug-macros/download/babel-plugin-debug-macros-0.2.0.tgz",
+          "integrity": "sha1-ASCsIM4GzMV79JO2Z88kuFwo2no=",
+          "dev": true,
+          "requires": {
+            "semver": "^5.3.0"
+          }
+        },
+        "broccoli-babel-transpiler": {
+          "version": "6.5.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-babel-transpiler/download/broccoli-babel-transpiler-6.5.1.tgz",
+          "integrity": "sha1-pK/I07WbRBUY65oHvUQUlHbjBzg=",
+          "dev": true,
+          "requires": {
+            "babel-core": "^6.26.0",
+            "broccoli-funnel": "^2.0.1",
+            "broccoli-merge-trees": "^2.0.0",
+            "broccoli-persistent-filter": "^1.4.3",
+            "clone": "^2.0.0",
+            "hash-for-dep": "^1.2.3",
+            "heimdalljs-logger": "^0.1.7",
+            "json-stable-stringify": "^1.0.0",
+            "rsvp": "^4.8.2",
+            "workerpool": "^2.3.0"
+          }
+        },
+        "broccoli-merge-trees": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-merge-trees/download/broccoli-merge-trees-2.0.1.tgz",
+          "integrity": "sha1-FNS3/BqQMYwSsW+EPmuiaTgIEAw=",
+          "dev": true,
+          "requires": {
+            "broccoli-plugin": "^1.3.0",
+            "merge-trees": "^1.0.1"
+          }
+        },
+        "broccoli-persistent-filter": {
+          "version": "1.4.6",
+          "resolved": "https://registry.npm.taobao.org/broccoli-persistent-filter/download/broccoli-persistent-filter-1.4.6.tgz",
+          "integrity": "sha1-gHYtGQAIgKd9ozw0NzKZwPaj5hU=",
+          "dev": true,
+          "requires": {
+            "async-disk-cache": "^1.2.1",
+            "async-promise-queue": "^1.0.3",
+            "broccoli-plugin": "^1.0.0",
+            "fs-tree-diff": "^0.5.2",
+            "hash-for-dep": "^1.0.2",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "mkdirp": "^0.5.1",
+            "promise-map-series": "^0.2.1",
+            "rimraf": "^2.6.1",
+            "rsvp": "^3.0.18",
+            "symlink-or-copy": "^1.0.1",
+            "walk-sync": "^0.3.1"
+          },
+          "dependencies": {
+            "rsvp": {
+              "version": "3.6.2",
+              "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-3.6.2.tgz",
+              "integrity": "sha1-LpZJFZmpbN4bUV1WdKj3qRRSkmo=",
+              "dev": true
+            }
+          }
+        },
+        "ember-cli-babel": {
+          "version": "6.18.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-babel/download/ember-cli-babel-6.18.0.tgz",
+          "integrity": "sha1-P2Q1/SdRcu3v8rY07nspznQxiVc=",
+          "dev": true,
+          "requires": {
+            "amd-name-resolver": "1.2.0",
+            "babel-plugin-debug-macros": "^0.2.0-beta.6",
+            "babel-plugin-ember-modules-api-polyfill": "^2.6.0",
+            "babel-plugin-transform-es2015-modules-amd": "^6.24.0",
+            "babel-polyfill": "^6.26.0",
+            "babel-preset-env": "^1.7.0",
+            "broccoli-babel-transpiler": "^6.5.0",
+            "broccoli-debug": "^0.6.4",
+            "broccoli-funnel": "^2.0.0",
+            "broccoli-source": "^1.1.0",
+            "clone": "^2.0.0",
+            "ember-cli-version-checker": "^2.1.2",
+            "semver": "^5.5.0"
+          }
+        },
+        "ember-cli-version-checker": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-2.2.0.tgz",
+          "integrity": "sha1-R3cbcx/glicF4nyBmanjglcJ87M=",
+          "dev": true,
+          "requires": {
+            "resolve": "^1.3.3",
+            "semver": "^5.3.0"
+          }
+        },
+        "merge-trees": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npm.taobao.org/merge-trees/download/merge-trees-1.0.1.tgz",
+          "integrity": "sha1-zL5nRWl4f53vF/1G5lJfVwC70j4=",
+          "dev": true,
+          "requires": {
+            "can-symlink": "^1.0.0",
+            "fs-tree-diff": "^0.5.4",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "rimraf": "^2.4.3",
+            "symlink-or-copy": "^1.0.0"
+          }
+        },
+        "rsvp": {
+          "version": "4.8.5",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-4.8.5.tgz",
+          "integrity": "sha1-yPFVMR0Wf2jyHhaN9x7FsIMRNzQ=",
+          "dev": true
+        },
+        "workerpool": {
+          "version": "2.3.3",
+          "resolved": "https://registry.npm.taobao.org/workerpool/download/workerpool-2.3.3.tgz",
+          "integrity": "sha1-SacAib1V6JDWjMg2oZQZRR18gdc=",
+          "dev": true,
+          "requires": {
+            "object-assign": "4.1.1"
+          }
+        }
+      }
+    },
+    "ember-cli-typescript": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-typescript/download/ember-cli-typescript-2.0.2.tgz",
+      "integrity": "sha1-RkmEEx+9wFZV62HRw83ZEdMTfw0=",
+      "dev": true,
+      "requires": {
+        "@babel/plugin-proposal-class-properties": "^7.1.0",
+        "@babel/plugin-transform-typescript": "~7.4.0",
+        "ansi-to-html": "^0.6.6",
+        "debug": "^4.0.0",
+        "ember-cli-babel-plugin-helpers": "^1.0.0",
+        "execa": "^1.0.0",
+        "fs-extra": "^7.0.0",
+        "resolve": "^1.5.0",
+        "rsvp": "^4.8.1",
+        "semver": "^6.0.0",
+        "stagehand": "^1.0.0",
+        "walk-sync": "^1.0.0"
+      },
+      "dependencies": {
+        "@babel/plugin-transform-typescript": {
+          "version": "7.4.5",
+          "resolved": "https://registry.npm.taobao.org/@babel/plugin-transform-typescript/download/@babel/plugin-transform-typescript-7.4.5.tgz?cache=0&sync_timestamp=1585038763683&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2F%40babel%2Fplugin-transform-typescript%2Fdownload%2F%40babel%2Fplugin-transform-typescript-7.4.5.tgz",
+          "integrity": "sha1-qzNRujUwe3mYGZNTbJP/i+BQuig=",
+          "dev": true,
+          "requires": {
+            "@babel/helper-plugin-utils": "^7.0.0",
+            "@babel/plugin-syntax-typescript": "^7.2.0"
+          }
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-4.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.1.1.tgz",
+          "integrity": "sha1-O3ImAlUQnGtYnO4FDx1RYTlmR5E=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        },
+        "rsvp": {
+          "version": "4.8.5",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-4.8.5.tgz",
+          "integrity": "sha1-yPFVMR0Wf2jyHhaN9x7FsIMRNzQ=",
+          "dev": true
+        },
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npm.taobao.org/semver/download/semver-6.3.0.tgz?cache=0&sync_timestamp=1586534511518&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-6.3.0.tgz",
+          "integrity": "sha1-7gpkyK9ejO6mdoexM3YeG+y9HT0=",
+          "dev": true
+        },
+        "walk-sync": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npm.taobao.org/walk-sync/download/walk-sync-1.1.4.tgz",
+          "integrity": "sha1-gQSfPYCVR5tJV0z6X1WNeiUrEn0=",
+          "dev": true,
+          "requires": {
+            "@types/minimatch": "^3.0.3",
+            "ensure-posix-path": "^1.1.0",
+            "matcher-collection": "^1.1.1"
+          }
+        }
+      }
+    },
+    "ember-cli-uglify": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-uglify/download/ember-cli-uglify-3.0.0.tgz",
+      "integrity": "sha1-iBlmWyzF/nDjup/nqUZFIJvEL9Y=",
+      "dev": true,
+      "requires": {
+        "broccoli-uglify-sourcemap": "^3.1.0",
+        "lodash.defaultsdeep": "^4.6.0"
+      }
+    },
+    "ember-cli-version-checker": {
+      "version": "3.1.3",
+      "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-3.1.3.tgz",
+      "integrity": "sha1-fJtPX/MP3rzUgLHAbE3kO7UcUiw=",
+      "dev": true,
+      "requires": {
+        "resolve-package-path": "^1.2.6",
+        "semver": "^5.6.0"
+      }
+    },
+    "ember-compatibility-helpers": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/ember-compatibility-helpers/download/ember-compatibility-helpers-1.2.0.tgz",
+      "integrity": "sha1-/u4WxenvGx8eU5A7JBdArUsBCX4=",
+      "dev": true,
+      "requires": {
+        "babel-plugin-debug-macros": "^0.2.0",
+        "ember-cli-version-checker": "^2.1.1",
+        "semver": "^5.4.1"
+      },
+      "dependencies": {
+        "babel-plugin-debug-macros": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npm.taobao.org/babel-plugin-debug-macros/download/babel-plugin-debug-macros-0.2.0.tgz",
+          "integrity": "sha1-ASCsIM4GzMV79JO2Z88kuFwo2no=",
+          "dev": true,
+          "requires": {
+            "semver": "^5.3.0"
+          }
+        },
+        "ember-cli-version-checker": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-2.2.0.tgz",
+          "integrity": "sha1-R3cbcx/glicF4nyBmanjglcJ87M=",
+          "dev": true,
+          "requires": {
+            "resolve": "^1.3.3",
+            "semver": "^5.3.0"
+          }
+        }
+      }
+    },
+    "ember-composable-helpers": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npm.taobao.org/ember-composable-helpers/download/ember-composable-helpers-3.1.1.tgz",
+      "integrity": "sha1-nWY/Q1n9VP02nqYKoZFb9ZETvOw=",
+      "dev": true,
+      "requires": {
+        "@babel/core": "^7.0.0",
+        "broccoli-funnel": "2.0.1",
+        "ember-cli-babel": "^7.1.0",
+        "resolve": "^1.10.0"
+      },
+      "dependencies": {
+        "broccoli-funnel": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-funnel/download/broccoli-funnel-2.0.1.tgz",
+          "integrity": "sha1-aCPHO2de94//p6uADwg+dotR1Ek=",
+          "dev": true,
+          "requires": {
+            "array-equal": "^1.0.0",
+            "blank-object": "^1.0.1",
+            "broccoli-plugin": "^1.3.0",
+            "debug": "^2.2.0",
+            "fast-ordered-set": "^1.0.0",
+            "fs-tree-diff": "^0.5.3",
+            "heimdalljs": "^0.2.0",
+            "minimatch": "^3.0.0",
+            "mkdirp": "^0.5.0",
+            "path-posix": "^1.0.0",
+            "rimraf": "^2.4.3",
+            "symlink-or-copy": "^1.0.0",
+            "walk-sync": "^0.3.1"
+          }
+        }
+      }
+    },
+    "ember-export-application-global": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/ember-export-application-global/download/ember-export-application-global-2.0.1.tgz",
+      "integrity": "sha1-sSCnDjIqsgje/J4trr6NDfwtzUY=",
+      "dev": true
+    },
+    "ember-factory-for-polyfill": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npm.taobao.org/ember-factory-for-polyfill/download/ember-factory-for-polyfill-1.3.1.tgz",
+      "integrity": "sha1-tEbtZJFtKTyEeklVJA6yyZO4bq4=",
+      "dev": true,
+      "requires": {
+        "ember-cli-version-checker": "^2.1.0"
+      },
+      "dependencies": {
+        "ember-cli-version-checker": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-2.2.0.tgz",
+          "integrity": "sha1-R3cbcx/glicF4nyBmanjglcJ87M=",
+          "dev": true,
+          "requires": {
+            "resolve": "^1.3.3",
+            "semver": "^5.3.0"
+          }
+        }
+      }
+    },
+    "ember-getowner-polyfill": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npm.taobao.org/ember-getowner-polyfill/download/ember-getowner-polyfill-2.2.0.tgz",
+      "integrity": "sha1-OOfcy8rGnV7GlAADKewLK+ZR0rI=",
+      "dev": true,
+      "requires": {
+        "ember-cli-version-checker": "^2.1.0",
+        "ember-factory-for-polyfill": "^1.3.1"
+      },
+      "dependencies": {
+        "ember-cli-version-checker": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-2.2.0.tgz",
+          "integrity": "sha1-R3cbcx/glicF4nyBmanjglcJ87M=",
+          "dev": true,
+          "requires": {
+            "resolve": "^1.3.3",
+            "semver": "^5.3.0"
+          }
+        }
+      }
+    },
+    "ember-load-initializers": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npm.taobao.org/ember-load-initializers/download/ember-load-initializers-2.1.1.tgz",
+      "integrity": "sha1-0ai+rQC8RCIrCrGBhAhpmSvrMPU=",
+      "dev": true,
+      "requires": {
+        "ember-cli-babel": "^7.11.0",
+        "ember-cli-typescript": "^2.0.2"
+      }
+    },
+    "ember-macro-helpers": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npm.taobao.org/ember-macro-helpers/download/ember-macro-helpers-4.2.2.tgz",
+      "integrity": "sha1-37KLKyH5/Umt5Zn2jJnnPOVpLNw=",
+      "dev": true,
+      "requires": {
+        "ember-cli-babel": "^7.7.3",
+        "ember-cli-string-utils": "^1.1.0",
+        "ember-cli-test-info": "^1.0.0"
+      }
+    },
+    "ember-maybe-import-regenerator": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npm.taobao.org/ember-maybe-import-regenerator/download/ember-maybe-import-regenerator-0.1.6.tgz",
+      "integrity": "sha1-NdQYKK+m1qWbwNo85H80xXPXdso=",
+      "dev": true,
+      "requires": {
+        "broccoli-funnel": "^1.0.1",
+        "broccoli-merge-trees": "^1.0.0",
+        "ember-cli-babel": "^6.0.0-beta.4",
+        "regenerator-runtime": "^0.9.5"
+      },
+      "dependencies": {
+        "amd-name-resolver": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npm.taobao.org/amd-name-resolver/download/amd-name-resolver-1.2.0.tgz",
+          "integrity": "sha1-/EGzhIgktVcxOJfXH41aAYT75nk=",
+          "dev": true,
+          "requires": {
+            "ensure-posix-path": "^1.0.1"
+          }
+        },
+        "babel-plugin-debug-macros": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npm.taobao.org/babel-plugin-debug-macros/download/babel-plugin-debug-macros-0.2.0.tgz",
+          "integrity": "sha1-ASCsIM4GzMV79JO2Z88kuFwo2no=",
+          "dev": true,
+          "requires": {
+            "semver": "^5.3.0"
+          }
+        },
+        "broccoli-babel-transpiler": {
+          "version": "6.5.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-babel-transpiler/download/broccoli-babel-transpiler-6.5.1.tgz",
+          "integrity": "sha1-pK/I07WbRBUY65oHvUQUlHbjBzg=",
+          "dev": true,
+          "requires": {
+            "babel-core": "^6.26.0",
+            "broccoli-funnel": "^2.0.1",
+            "broccoli-merge-trees": "^2.0.0",
+            "broccoli-persistent-filter": "^1.4.3",
+            "clone": "^2.0.0",
+            "hash-for-dep": "^1.2.3",
+            "heimdalljs-logger": "^0.1.7",
+            "json-stable-stringify": "^1.0.0",
+            "rsvp": "^4.8.2",
+            "workerpool": "^2.3.0"
+          },
+          "dependencies": {
+            "broccoli-funnel": {
+              "version": "2.0.2",
+              "resolved": "https://registry.npm.taobao.org/broccoli-funnel/download/broccoli-funnel-2.0.2.tgz",
+              "integrity": "sha1-Dt9ilWm8EL0CzFJfdLmjjnE2anU=",
+              "dev": true,
+              "requires": {
+                "array-equal": "^1.0.0",
+                "blank-object": "^1.0.1",
+                "broccoli-plugin": "^1.3.0",
+                "debug": "^2.2.0",
+                "fast-ordered-set": "^1.0.0",
+                "fs-tree-diff": "^0.5.3",
+                "heimdalljs": "^0.2.0",
+                "minimatch": "^3.0.0",
+                "mkdirp": "^0.5.0",
+                "path-posix": "^1.0.0",
+                "rimraf": "^2.4.3",
+                "symlink-or-copy": "^1.0.0",
+                "walk-sync": "^0.3.1"
+              }
+            },
+            "broccoli-merge-trees": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npm.taobao.org/broccoli-merge-trees/download/broccoli-merge-trees-2.0.1.tgz",
+              "integrity": "sha1-FNS3/BqQMYwSsW+EPmuiaTgIEAw=",
+              "dev": true,
+              "requires": {
+                "broccoli-plugin": "^1.3.0",
+                "merge-trees": "^1.0.1"
+              }
+            }
+          }
+        },
+        "broccoli-funnel": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npm.taobao.org/broccoli-funnel/download/broccoli-funnel-1.2.0.tgz",
+          "integrity": "sha1-zdw6/F/xaFqAI0iP/3TOb7WlEpY=",
+          "dev": true,
+          "requires": {
+            "array-equal": "^1.0.0",
+            "blank-object": "^1.0.1",
+            "broccoli-plugin": "^1.3.0",
+            "debug": "^2.2.0",
+            "exists-sync": "0.0.4",
+            "fast-ordered-set": "^1.0.0",
+            "fs-tree-diff": "^0.5.3",
+            "heimdalljs": "^0.2.0",
+            "minimatch": "^3.0.0",
+            "mkdirp": "^0.5.0",
+            "path-posix": "^1.0.0",
+            "rimraf": "^2.4.3",
+            "symlink-or-copy": "^1.0.0",
+            "walk-sync": "^0.3.1"
+          }
+        },
+        "broccoli-merge-trees": {
+          "version": "1.2.4",
+          "resolved": "https://registry.npm.taobao.org/broccoli-merge-trees/download/broccoli-merge-trees-1.2.4.tgz",
+          "integrity": "sha1-oAFRm7UGfwZYnZGvopQkRaLQ/bU=",
+          "dev": true,
+          "requires": {
+            "broccoli-plugin": "^1.3.0",
+            "can-symlink": "^1.0.0",
+            "fast-ordered-set": "^1.0.2",
+            "fs-tree-diff": "^0.5.4",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "rimraf": "^2.4.3",
+            "symlink-or-copy": "^1.0.0"
+          }
+        },
+        "broccoli-persistent-filter": {
+          "version": "1.4.6",
+          "resolved": "https://registry.npm.taobao.org/broccoli-persistent-filter/download/broccoli-persistent-filter-1.4.6.tgz",
+          "integrity": "sha1-gHYtGQAIgKd9ozw0NzKZwPaj5hU=",
+          "dev": true,
+          "requires": {
+            "async-disk-cache": "^1.2.1",
+            "async-promise-queue": "^1.0.3",
+            "broccoli-plugin": "^1.0.0",
+            "fs-tree-diff": "^0.5.2",
+            "hash-for-dep": "^1.0.2",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "mkdirp": "^0.5.1",
+            "promise-map-series": "^0.2.1",
+            "rimraf": "^2.6.1",
+            "rsvp": "^3.0.18",
+            "symlink-or-copy": "^1.0.1",
+            "walk-sync": "^0.3.1"
+          },
+          "dependencies": {
+            "rsvp": {
+              "version": "3.6.2",
+              "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-3.6.2.tgz",
+              "integrity": "sha1-LpZJFZmpbN4bUV1WdKj3qRRSkmo=",
+              "dev": true
+            }
+          }
+        },
+        "ember-cli-babel": {
+          "version": "6.18.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-babel/download/ember-cli-babel-6.18.0.tgz",
+          "integrity": "sha1-P2Q1/SdRcu3v8rY07nspznQxiVc=",
+          "dev": true,
+          "requires": {
+            "amd-name-resolver": "1.2.0",
+            "babel-plugin-debug-macros": "^0.2.0-beta.6",
+            "babel-plugin-ember-modules-api-polyfill": "^2.6.0",
+            "babel-plugin-transform-es2015-modules-amd": "^6.24.0",
+            "babel-polyfill": "^6.26.0",
+            "babel-preset-env": "^1.7.0",
+            "broccoli-babel-transpiler": "^6.5.0",
+            "broccoli-debug": "^0.6.4",
+            "broccoli-funnel": "^2.0.0",
+            "broccoli-source": "^1.1.0",
+            "clone": "^2.0.0",
+            "ember-cli-version-checker": "^2.1.2",
+            "semver": "^5.5.0"
+          },
+          "dependencies": {
+            "broccoli-funnel": {
+              "version": "2.0.2",
+              "resolved": "https://registry.npm.taobao.org/broccoli-funnel/download/broccoli-funnel-2.0.2.tgz",
+              "integrity": "sha1-Dt9ilWm8EL0CzFJfdLmjjnE2anU=",
+              "dev": true,
+              "requires": {
+                "array-equal": "^1.0.0",
+                "blank-object": "^1.0.1",
+                "broccoli-plugin": "^1.3.0",
+                "debug": "^2.2.0",
+                "fast-ordered-set": "^1.0.0",
+                "fs-tree-diff": "^0.5.3",
+                "heimdalljs": "^0.2.0",
+                "minimatch": "^3.0.0",
+                "mkdirp": "^0.5.0",
+                "path-posix": "^1.0.0",
+                "rimraf": "^2.4.3",
+                "symlink-or-copy": "^1.0.0",
+                "walk-sync": "^0.3.1"
+              }
+            }
+          }
+        },
+        "ember-cli-version-checker": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-2.2.0.tgz",
+          "integrity": "sha1-R3cbcx/glicF4nyBmanjglcJ87M=",
+          "dev": true,
+          "requires": {
+            "resolve": "^1.3.3",
+            "semver": "^5.3.0"
+          }
+        },
+        "merge-trees": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npm.taobao.org/merge-trees/download/merge-trees-1.0.1.tgz",
+          "integrity": "sha1-zL5nRWl4f53vF/1G5lJfVwC70j4=",
+          "dev": true,
+          "requires": {
+            "can-symlink": "^1.0.0",
+            "fs-tree-diff": "^0.5.4",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "rimraf": "^2.4.3",
+            "symlink-or-copy": "^1.0.0"
+          }
+        },
+        "regenerator-runtime": {
+          "version": "0.9.6",
+          "resolved": "https://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.9.6.tgz",
+          "integrity": "sha1-0z65XQ0gAaS+OWWXB8UbDLcc4Ck=",
+          "dev": true
+        },
+        "rsvp": {
+          "version": "4.8.5",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-4.8.5.tgz",
+          "integrity": "sha1-yPFVMR0Wf2jyHhaN9x7FsIMRNzQ=",
+          "dev": true
+        },
+        "workerpool": {
+          "version": "2.3.3",
+          "resolved": "https://registry.npm.taobao.org/workerpool/download/workerpool-2.3.3.tgz",
+          "integrity": "sha1-SacAib1V6JDWjMg2oZQZRR18gdc=",
+          "dev": true,
+          "requires": {
+            "object-assign": "4.1.1"
+          }
+        }
+      }
+    },
+    "ember-modifier-manager-polyfill": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/ember-modifier-manager-polyfill/download/ember-modifier-manager-polyfill-1.2.0.tgz",
+      "integrity": "sha1-z0RE4RpCrIT1yLrdheY131dWXdo=",
+      "dev": true,
+      "requires": {
+        "ember-cli-babel": "^7.10.0",
+        "ember-cli-version-checker": "^2.1.2",
+        "ember-compatibility-helpers": "^1.2.0"
+      },
+      "dependencies": {
+        "ember-cli-version-checker": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-2.2.0.tgz",
+          "integrity": "sha1-R3cbcx/glicF4nyBmanjglcJ87M=",
+          "dev": true,
+          "requires": {
+            "resolve": "^1.3.3",
+            "semver": "^5.3.0"
+          }
+        }
+      }
+    },
+    "ember-moment": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npm.taobao.org/ember-moment/download/ember-moment-8.0.0.tgz",
+      "integrity": "sha1-85k3Ed8K9ERVjw85Itw/QSr3JBA=",
+      "dev": true,
+      "requires": {
+        "ember-cli-babel": "^6.7.2",
+        "ember-getowner-polyfill": "^2.2.0",
+        "ember-macro-helpers": "^4.2.2"
+      },
+      "dependencies": {
+        "amd-name-resolver": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npm.taobao.org/amd-name-resolver/download/amd-name-resolver-1.2.0.tgz",
+          "integrity": "sha1-/EGzhIgktVcxOJfXH41aAYT75nk=",
+          "dev": true,
+          "requires": {
+            "ensure-posix-path": "^1.0.1"
+          }
+        },
+        "babel-plugin-debug-macros": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npm.taobao.org/babel-plugin-debug-macros/download/babel-plugin-debug-macros-0.2.0.tgz",
+          "integrity": "sha1-ASCsIM4GzMV79JO2Z88kuFwo2no=",
+          "dev": true,
+          "requires": {
+            "semver": "^5.3.0"
+          }
+        },
+        "broccoli-babel-transpiler": {
+          "version": "6.5.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-babel-transpiler/download/broccoli-babel-transpiler-6.5.1.tgz",
+          "integrity": "sha1-pK/I07WbRBUY65oHvUQUlHbjBzg=",
+          "dev": true,
+          "requires": {
+            "babel-core": "^6.26.0",
+            "broccoli-funnel": "^2.0.1",
+            "broccoli-merge-trees": "^2.0.0",
+            "broccoli-persistent-filter": "^1.4.3",
+            "clone": "^2.0.0",
+            "hash-for-dep": "^1.2.3",
+            "heimdalljs-logger": "^0.1.7",
+            "json-stable-stringify": "^1.0.0",
+            "rsvp": "^4.8.2",
+            "workerpool": "^2.3.0"
+          }
+        },
+        "broccoli-merge-trees": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-merge-trees/download/broccoli-merge-trees-2.0.1.tgz",
+          "integrity": "sha1-FNS3/BqQMYwSsW+EPmuiaTgIEAw=",
+          "dev": true,
+          "requires": {
+            "broccoli-plugin": "^1.3.0",
+            "merge-trees": "^1.0.1"
+          }
+        },
+        "broccoli-persistent-filter": {
+          "version": "1.4.6",
+          "resolved": "https://registry.npm.taobao.org/broccoli-persistent-filter/download/broccoli-persistent-filter-1.4.6.tgz",
+          "integrity": "sha1-gHYtGQAIgKd9ozw0NzKZwPaj5hU=",
+          "dev": true,
+          "requires": {
+            "async-disk-cache": "^1.2.1",
+            "async-promise-queue": "^1.0.3",
+            "broccoli-plugin": "^1.0.0",
+            "fs-tree-diff": "^0.5.2",
+            "hash-for-dep": "^1.0.2",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "mkdirp": "^0.5.1",
+            "promise-map-series": "^0.2.1",
+            "rimraf": "^2.6.1",
+            "rsvp": "^3.0.18",
+            "symlink-or-copy": "^1.0.1",
+            "walk-sync": "^0.3.1"
+          },
+          "dependencies": {
+            "rsvp": {
+              "version": "3.6.2",
+              "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-3.6.2.tgz",
+              "integrity": "sha1-LpZJFZmpbN4bUV1WdKj3qRRSkmo=",
+              "dev": true
+            }
+          }
+        },
+        "ember-cli-babel": {
+          "version": "6.18.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-babel/download/ember-cli-babel-6.18.0.tgz",
+          "integrity": "sha1-P2Q1/SdRcu3v8rY07nspznQxiVc=",
+          "dev": true,
+          "requires": {
+            "amd-name-resolver": "1.2.0",
+            "babel-plugin-debug-macros": "^0.2.0-beta.6",
+            "babel-plugin-ember-modules-api-polyfill": "^2.6.0",
+            "babel-plugin-transform-es2015-modules-amd": "^6.24.0",
+            "babel-polyfill": "^6.26.0",
+            "babel-preset-env": "^1.7.0",
+            "broccoli-babel-transpiler": "^6.5.0",
+            "broccoli-debug": "^0.6.4",
+            "broccoli-funnel": "^2.0.0",
+            "broccoli-source": "^1.1.0",
+            "clone": "^2.0.0",
+            "ember-cli-version-checker": "^2.1.2",
+            "semver": "^5.5.0"
+          }
+        },
+        "ember-cli-version-checker": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-2.2.0.tgz",
+          "integrity": "sha1-R3cbcx/glicF4nyBmanjglcJ87M=",
+          "dev": true,
+          "requires": {
+            "resolve": "^1.3.3",
+            "semver": "^5.3.0"
+          }
+        },
+        "merge-trees": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npm.taobao.org/merge-trees/download/merge-trees-1.0.1.tgz",
+          "integrity": "sha1-zL5nRWl4f53vF/1G5lJfVwC70j4=",
+          "dev": true,
+          "requires": {
+            "can-symlink": "^1.0.0",
+            "fs-tree-diff": "^0.5.4",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "rimraf": "^2.4.3",
+            "symlink-or-copy": "^1.0.0"
+          }
+        },
+        "rsvp": {
+          "version": "4.8.5",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-4.8.5.tgz",
+          "integrity": "sha1-yPFVMR0Wf2jyHhaN9x7FsIMRNzQ=",
+          "dev": true
+        },
+        "workerpool": {
+          "version": "2.3.3",
+          "resolved": "https://registry.npm.taobao.org/workerpool/download/workerpool-2.3.3.tgz",
+          "integrity": "sha1-SacAib1V6JDWjMg2oZQZRR18gdc=",
+          "dev": true,
+          "requires": {
+            "object-assign": "4.1.1"
+          }
+        }
+      }
+    },
+    "ember-qunit": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npm.taobao.org/ember-qunit/download/ember-qunit-4.6.0.tgz",
+      "integrity": "sha1-rXn9P/AAc6h3lADMWktEgpUXWQ8=",
+      "dev": true,
+      "requires": {
+        "@ember/test-helpers": "^1.7.1",
+        "broccoli-funnel": "^2.0.2",
+        "broccoli-merge-trees": "^3.0.2",
+        "common-tags": "^1.4.0",
+        "ember-cli-babel": "^7.12.0",
+        "ember-cli-test-loader": "^2.2.0",
+        "qunit": "^2.9.3"
+      }
+    },
+    "ember-radio-button": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/ember-radio-button/download/ember-radio-button-2.0.1.tgz",
+      "integrity": "sha1-8IGkTVgaSx24j+957FxH2nEquWM=",
+      "dev": true,
+      "requires": {
+        "ember-cli-babel": "^6.9.2",
+        "ember-cli-htmlbars": "^1.1.1"
+      },
+      "dependencies": {
+        "amd-name-resolver": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npm.taobao.org/amd-name-resolver/download/amd-name-resolver-1.2.0.tgz",
+          "integrity": "sha1-/EGzhIgktVcxOJfXH41aAYT75nk=",
+          "dev": true,
+          "requires": {
+            "ensure-posix-path": "^1.0.1"
+          }
+        },
+        "babel-plugin-debug-macros": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npm.taobao.org/babel-plugin-debug-macros/download/babel-plugin-debug-macros-0.2.0.tgz",
+          "integrity": "sha1-ASCsIM4GzMV79JO2Z88kuFwo2no=",
+          "dev": true,
+          "requires": {
+            "semver": "^5.3.0"
+          }
+        },
+        "broccoli-babel-transpiler": {
+          "version": "6.5.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-babel-transpiler/download/broccoli-babel-transpiler-6.5.1.tgz",
+          "integrity": "sha1-pK/I07WbRBUY65oHvUQUlHbjBzg=",
+          "dev": true,
+          "requires": {
+            "babel-core": "^6.26.0",
+            "broccoli-funnel": "^2.0.1",
+            "broccoli-merge-trees": "^2.0.0",
+            "broccoli-persistent-filter": "^1.4.3",
+            "clone": "^2.0.0",
+            "hash-for-dep": "^1.2.3",
+            "heimdalljs-logger": "^0.1.7",
+            "json-stable-stringify": "^1.0.0",
+            "rsvp": "^4.8.2",
+            "workerpool": "^2.3.0"
+          }
+        },
+        "broccoli-merge-trees": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-merge-trees/download/broccoli-merge-trees-2.0.1.tgz",
+          "integrity": "sha1-FNS3/BqQMYwSsW+EPmuiaTgIEAw=",
+          "dev": true,
+          "requires": {
+            "broccoli-plugin": "^1.3.0",
+            "merge-trees": "^1.0.1"
+          }
+        },
+        "broccoli-persistent-filter": {
+          "version": "1.4.6",
+          "resolved": "https://registry.npm.taobao.org/broccoli-persistent-filter/download/broccoli-persistent-filter-1.4.6.tgz",
+          "integrity": "sha1-gHYtGQAIgKd9ozw0NzKZwPaj5hU=",
+          "dev": true,
+          "requires": {
+            "async-disk-cache": "^1.2.1",
+            "async-promise-queue": "^1.0.3",
+            "broccoli-plugin": "^1.0.0",
+            "fs-tree-diff": "^0.5.2",
+            "hash-for-dep": "^1.0.2",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "mkdirp": "^0.5.1",
+            "promise-map-series": "^0.2.1",
+            "rimraf": "^2.6.1",
+            "rsvp": "^3.0.18",
+            "symlink-or-copy": "^1.0.1",
+            "walk-sync": "^0.3.1"
+          },
+          "dependencies": {
+            "rsvp": {
+              "version": "3.6.2",
+              "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-3.6.2.tgz",
+              "integrity": "sha1-LpZJFZmpbN4bUV1WdKj3qRRSkmo=",
+              "dev": true
+            }
+          }
+        },
+        "ember-cli-babel": {
+          "version": "6.18.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-babel/download/ember-cli-babel-6.18.0.tgz",
+          "integrity": "sha1-P2Q1/SdRcu3v8rY07nspznQxiVc=",
+          "dev": true,
+          "requires": {
+            "amd-name-resolver": "1.2.0",
+            "babel-plugin-debug-macros": "^0.2.0-beta.6",
+            "babel-plugin-ember-modules-api-polyfill": "^2.6.0",
+            "babel-plugin-transform-es2015-modules-amd": "^6.24.0",
+            "babel-polyfill": "^6.26.0",
+            "babel-preset-env": "^1.7.0",
+            "broccoli-babel-transpiler": "^6.5.0",
+            "broccoli-debug": "^0.6.4",
+            "broccoli-funnel": "^2.0.0",
+            "broccoli-source": "^1.1.0",
+            "clone": "^2.0.0",
+            "ember-cli-version-checker": "^2.1.2",
+            "semver": "^5.5.0"
+          }
+        },
+        "ember-cli-htmlbars": {
+          "version": "1.3.5",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-htmlbars/download/ember-cli-htmlbars-1.3.5.tgz",
+          "integrity": "sha1-Zb6WeLJ0teeGHX91wYh4CvfvnRM=",
+          "dev": true,
+          "requires": {
+            "broccoli-persistent-filter": "^1.0.3",
+            "ember-cli-version-checker": "^1.0.2",
+            "hash-for-dep": "^1.0.2",
+            "json-stable-stringify": "^1.0.0",
+            "strip-bom": "^2.0.0"
+          },
+          "dependencies": {
+            "ember-cli-version-checker": {
+              "version": "1.3.1",
+              "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-1.3.1.tgz",
+              "integrity": "sha1-C8LRNMgwFC2mS/lieg7e0QthrnI=",
+              "dev": true,
+              "requires": {
+                "semver": "^5.3.0"
+              }
+            }
+          }
+        },
+        "ember-cli-version-checker": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-2.2.0.tgz",
+          "integrity": "sha1-R3cbcx/glicF4nyBmanjglcJ87M=",
+          "dev": true,
+          "requires": {
+            "resolve": "^1.3.3",
+            "semver": "^5.3.0"
+          }
+        },
+        "merge-trees": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npm.taobao.org/merge-trees/download/merge-trees-1.0.1.tgz",
+          "integrity": "sha1-zL5nRWl4f53vF/1G5lJfVwC70j4=",
+          "dev": true,
+          "requires": {
+            "can-symlink": "^1.0.0",
+            "fs-tree-diff": "^0.5.4",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "rimraf": "^2.4.3",
+            "symlink-or-copy": "^1.0.0"
+          }
+        },
+        "rsvp": {
+          "version": "4.8.5",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-4.8.5.tgz",
+          "integrity": "sha1-yPFVMR0Wf2jyHhaN9x7FsIMRNzQ=",
+          "dev": true
+        },
+        "strip-bom": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/strip-bom/download/strip-bom-2.0.0.tgz",
+          "integrity": "sha1-YhmoVhZSBJHzV4i9vxRHqZx+aw4=",
+          "dev": true,
+          "requires": {
+            "is-utf8": "^0.2.0"
+          }
+        },
+        "workerpool": {
+          "version": "2.3.3",
+          "resolved": "https://registry.npm.taobao.org/workerpool/download/workerpool-2.3.3.tgz",
+          "integrity": "sha1-SacAib1V6JDWjMg2oZQZRR18gdc=",
+          "dev": true,
+          "requires": {
+            "object-assign": "4.1.1"
+          }
+        }
+      }
+    },
+    "ember-resolver": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npm.taobao.org/ember-resolver/download/ember-resolver-8.0.0.tgz",
+      "integrity": "sha1-zEhoLB4vXSCEmbHs3KweQ4OWg70=",
+      "dev": true,
+      "requires": {
+        "babel-plugin-debug-macros": "^0.3.3",
+        "broccoli-funnel": "^3.0.2",
+        "broccoli-merge-trees": "^4.2.0",
+        "ember-cli-babel": "^7.18.0",
+        "ember-cli-version-checker": "^5.0.2",
+        "resolve": "^1.15.1"
+      },
+      "dependencies": {
+        "broccoli-funnel": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npm.taobao.org/broccoli-funnel/download/broccoli-funnel-3.0.2.tgz",
+          "integrity": "sha1-JeHJpRKzhS08nd4Z698HiA1hnHM=",
+          "dev": true,
+          "requires": {
+            "array-equal": "^1.0.0",
+            "blank-object": "^1.0.1",
+            "broccoli-plugin": "^4.0.1",
+            "debug": "^4.1.1",
+            "fast-ordered-set": "^1.0.0",
+            "fs-tree-diff": "^2.0.1",
+            "heimdalljs": "^0.2.0",
+            "minimatch": "^3.0.0",
+            "path-posix": "^1.0.0",
+            "walk-sync": "^2.0.2"
+          }
+        },
+        "broccoli-merge-trees": {
+          "version": "4.2.0",
+          "resolved": "https://registry.npm.taobao.org/broccoli-merge-trees/download/broccoli-merge-trees-4.2.0.tgz",
+          "integrity": "sha1-aS08Fj7OoIxXFKlDTWZOYokZ9Hw=",
+          "dev": true,
+          "requires": {
+            "broccoli-plugin": "^4.0.2",
+            "merge-trees": "^2.0.0"
+          }
+        },
+        "broccoli-output-wrapper": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-output-wrapper/download/broccoli-output-wrapper-3.2.1.tgz",
+          "integrity": "sha1-j50Qkq/gwaS3obbw0sYvHEA+gq0=",
+          "dev": true,
+          "requires": {
+            "fs-extra": "^8.1.0",
+            "heimdalljs-logger": "^0.1.10",
+            "symlink-or-copy": "^1.2.0"
+          }
+        },
+        "broccoli-plugin": {
+          "version": "4.0.2",
+          "resolved": "https://registry.npm.taobao.org/broccoli-plugin/download/broccoli-plugin-4.0.2.tgz",
+          "integrity": "sha1-oWwfg5vJXMmXVDfliGSjleUYtEc=",
+          "dev": true,
+          "requires": {
+            "broccoli-node-api": "^1.6.0",
+            "broccoli-output-wrapper": "^3.2.1",
+            "fs-merger": "^3.0.1",
+            "promise-map-series": "^0.2.1",
+            "quick-temp": "^0.1.3",
+            "rimraf": "^3.0.0",
+            "symlink-or-copy": "^1.3.0"
+          }
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-4.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.1.1.tgz",
+          "integrity": "sha1-O3ImAlUQnGtYnO4FDx1RYTlmR5E=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "ember-cli-version-checker": {
+          "version": "5.0.2",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-5.0.2.tgz",
+          "integrity": "sha1-fpYVe+SxOwg6aAeLGIggGTJ12MQ=",
+          "dev": true,
+          "requires": {
+            "resolve-package-path": "^2.0.0",
+            "semver": "^7.1.3",
+            "silent-error": "^1.1.1"
+          }
+        },
+        "fs-extra": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npm.taobao.org/fs-extra/download/fs-extra-8.1.0.tgz",
+          "integrity": "sha1-SdQ8RaiM2Wd2aMt74bRu/bjS4cA=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        },
+        "fs-tree-diff": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/fs-tree-diff/download/fs-tree-diff-2.0.1.tgz",
+          "integrity": "sha1-ND5HRatDXsOeusX5BZrZGc0DSvo=",
+          "dev": true,
+          "requires": {
+            "@types/symlink-or-copy": "^1.2.0",
+            "heimdalljs-logger": "^0.1.7",
+            "object-assign": "^4.1.0",
+            "path-posix": "^1.0.0",
+            "symlink-or-copy": "^1.1.8"
+          }
+        },
+        "matcher-collection": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/matcher-collection/download/matcher-collection-2.0.1.tgz",
+          "integrity": "sha1-kL4aTPWNbylJhk9luzsPPkEwOyk=",
+          "dev": true,
+          "requires": {
+            "@types/minimatch": "^3.0.3",
+            "minimatch": "^3.0.2"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        },
+        "resolve-package-path": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/resolve-package-path/download/resolve-package-path-2.0.0.tgz",
+          "integrity": "sha1-fyWKuG/wdP/0/4Anoo+U0X1vsd8=",
+          "dev": true,
+          "requires": {
+            "path-root": "^0.1.1",
+            "resolve": "^1.13.1"
+          }
+        },
+        "rimraf": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npm.taobao.org/rimraf/download/rimraf-3.0.2.tgz?cache=0&sync_timestamp=1581257110269&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frimraf%2Fdownload%2Frimraf-3.0.2.tgz",
+          "integrity": "sha1-8aVAK6YiCtUswSgrrBrjqkn9Bho=",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        },
+        "semver": {
+          "version": "7.2.2",
+          "resolved": "https://registry.npm.taobao.org/semver/download/semver-7.2.2.tgz?cache=0&sync_timestamp=1586534511518&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-7.2.2.tgz",
+          "integrity": "sha1-0BQy107TAQog/6+QnWOmkVIFIc0=",
+          "dev": true
+        },
+        "walk-sync": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npm.taobao.org/walk-sync/download/walk-sync-2.0.2.tgz",
+          "integrity": "sha1-Xqiig3fIvmjJLVD0AH6jgXJdoUs=",
+          "dev": true,
+          "requires": {
+            "@types/minimatch": "^3.0.3",
+            "ensure-posix-path": "^1.1.0",
+            "matcher-collection": "^2.0.0"
+          }
+        }
+      }
+    },
+    "ember-rfc176-data": {
+      "version": "0.3.12",
+      "resolved": "https://registry.npm.taobao.org/ember-rfc176-data/download/ember-rfc176-data-0.3.12.tgz",
+      "integrity": "sha1-kNgoeOaeKsmlQ46M4U0SxgMcW9I=",
+      "dev": true
+    },
+    "ember-route-action-helper": {
+      "version": "2.0.8",
+      "resolved": "https://registry.npm.taobao.org/ember-route-action-helper/download/ember-route-action-helper-2.0.8.tgz",
+      "integrity": "sha1-8if8zLc+g5tl6bgU4kGzIv6MAvw=",
+      "dev": true,
+      "requires": {
+        "ember-cli-babel": "^6.8.1",
+        "ember-getowner-polyfill": "^2.0.0"
+      },
+      "dependencies": {
+        "amd-name-resolver": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npm.taobao.org/amd-name-resolver/download/amd-name-resolver-1.2.0.tgz",
+          "integrity": "sha1-/EGzhIgktVcxOJfXH41aAYT75nk=",
+          "dev": true,
+          "requires": {
+            "ensure-posix-path": "^1.0.1"
+          }
+        },
+        "babel-plugin-debug-macros": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npm.taobao.org/babel-plugin-debug-macros/download/babel-plugin-debug-macros-0.2.0.tgz",
+          "integrity": "sha1-ASCsIM4GzMV79JO2Z88kuFwo2no=",
+          "dev": true,
+          "requires": {
+            "semver": "^5.3.0"
+          }
+        },
+        "broccoli-babel-transpiler": {
+          "version": "6.5.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-babel-transpiler/download/broccoli-babel-transpiler-6.5.1.tgz",
+          "integrity": "sha1-pK/I07WbRBUY65oHvUQUlHbjBzg=",
+          "dev": true,
+          "requires": {
+            "babel-core": "^6.26.0",
+            "broccoli-funnel": "^2.0.1",
+            "broccoli-merge-trees": "^2.0.0",
+            "broccoli-persistent-filter": "^1.4.3",
+            "clone": "^2.0.0",
+            "hash-for-dep": "^1.2.3",
+            "heimdalljs-logger": "^0.1.7",
+            "json-stable-stringify": "^1.0.0",
+            "rsvp": "^4.8.2",
+            "workerpool": "^2.3.0"
+          }
+        },
+        "broccoli-merge-trees": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-merge-trees/download/broccoli-merge-trees-2.0.1.tgz",
+          "integrity": "sha1-FNS3/BqQMYwSsW+EPmuiaTgIEAw=",
+          "dev": true,
+          "requires": {
+            "broccoli-plugin": "^1.3.0",
+            "merge-trees": "^1.0.1"
+          }
+        },
+        "broccoli-persistent-filter": {
+          "version": "1.4.6",
+          "resolved": "https://registry.npm.taobao.org/broccoli-persistent-filter/download/broccoli-persistent-filter-1.4.6.tgz",
+          "integrity": "sha1-gHYtGQAIgKd9ozw0NzKZwPaj5hU=",
+          "dev": true,
+          "requires": {
+            "async-disk-cache": "^1.2.1",
+            "async-promise-queue": "^1.0.3",
+            "broccoli-plugin": "^1.0.0",
+            "fs-tree-diff": "^0.5.2",
+            "hash-for-dep": "^1.0.2",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "mkdirp": "^0.5.1",
+            "promise-map-series": "^0.2.1",
+            "rimraf": "^2.6.1",
+            "rsvp": "^3.0.18",
+            "symlink-or-copy": "^1.0.1",
+            "walk-sync": "^0.3.1"
+          },
+          "dependencies": {
+            "rsvp": {
+              "version": "3.6.2",
+              "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-3.6.2.tgz",
+              "integrity": "sha1-LpZJFZmpbN4bUV1WdKj3qRRSkmo=",
+              "dev": true
+            }
+          }
+        },
+        "ember-cli-babel": {
+          "version": "6.18.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-babel/download/ember-cli-babel-6.18.0.tgz",
+          "integrity": "sha1-P2Q1/SdRcu3v8rY07nspznQxiVc=",
+          "dev": true,
+          "requires": {
+            "amd-name-resolver": "1.2.0",
+            "babel-plugin-debug-macros": "^0.2.0-beta.6",
+            "babel-plugin-ember-modules-api-polyfill": "^2.6.0",
+            "babel-plugin-transform-es2015-modules-amd": "^6.24.0",
+            "babel-polyfill": "^6.26.0",
+            "babel-preset-env": "^1.7.0",
+            "broccoli-babel-transpiler": "^6.5.0",
+            "broccoli-debug": "^0.6.4",
+            "broccoli-funnel": "^2.0.0",
+            "broccoli-source": "^1.1.0",
+            "clone": "^2.0.0",
+            "ember-cli-version-checker": "^2.1.2",
+            "semver": "^5.5.0"
+          }
+        },
+        "ember-cli-version-checker": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-2.2.0.tgz",
+          "integrity": "sha1-R3cbcx/glicF4nyBmanjglcJ87M=",
+          "dev": true,
+          "requires": {
+            "resolve": "^1.3.3",
+            "semver": "^5.3.0"
+          }
+        },
+        "merge-trees": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npm.taobao.org/merge-trees/download/merge-trees-1.0.1.tgz",
+          "integrity": "sha1-zL5nRWl4f53vF/1G5lJfVwC70j4=",
+          "dev": true,
+          "requires": {
+            "can-symlink": "^1.0.0",
+            "fs-tree-diff": "^0.5.4",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "rimraf": "^2.4.3",
+            "symlink-or-copy": "^1.0.0"
+          }
+        },
+        "rsvp": {
+          "version": "4.8.5",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-4.8.5.tgz",
+          "integrity": "sha1-yPFVMR0Wf2jyHhaN9x7FsIMRNzQ=",
+          "dev": true
+        },
+        "workerpool": {
+          "version": "2.3.3",
+          "resolved": "https://registry.npm.taobao.org/workerpool/download/workerpool-2.3.3.tgz",
+          "integrity": "sha1-SacAib1V6JDWjMg2oZQZRR18gdc=",
+          "dev": true,
+          "requires": {
+            "object-assign": "4.1.1"
+          }
+        }
+      }
+    },
+    "ember-router-generator": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npm.taobao.org/ember-router-generator/download/ember-router-generator-1.2.3.tgz",
+      "integrity": "sha1-jtLKhv8yM2MSD8FCeBkeno8TFe4=",
+      "dev": true,
+      "requires": {
+        "recast": "^0.11.3"
+      }
+    },
+    "ember-source": {
+      "version": "3.12.3",
+      "resolved": "https://registry.npm.taobao.org/ember-source/download/ember-source-3.12.3.tgz",
+      "integrity": "sha1-ESRiuMHfoSTA0CHKfu6wS1pUiMo=",
+      "dev": true,
+      "requires": {
+        "broccoli-funnel": "^2.0.2",
+        "broccoli-merge-trees": "^3.0.2",
+        "chalk": "^2.4.2",
+        "ember-cli-babel": "^7.7.0",
+        "ember-cli-get-component-path-option": "^1.0.0",
+        "ember-cli-is-package-missing": "^1.0.0",
+        "ember-cli-normalize-entity-name": "^1.0.0",
+        "ember-cli-path-utils": "^1.0.0",
+        "ember-cli-string-utils": "^1.1.0",
+        "ember-cli-version-checker": "^3.1.3",
+        "ember-router-generator": "^1.2.3",
+        "inflection": "^1.12.0",
+        "jquery": "^3.4.1",
+        "resolve": "^1.11.1"
+      }
+    },
+    "ember-source-channel-url": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/ember-source-channel-url/download/ember-source-channel-url-1.2.0.tgz",
+      "integrity": "sha1-d+udCInl9TcObHD8smlsY/9KNKE=",
+      "dev": true,
+      "requires": {
+        "got": "^8.0.1"
+      }
+    },
+    "ember-template-lint": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npm.taobao.org/ember-template-lint/download/ember-template-lint-2.5.2.tgz",
+      "integrity": "sha1-8fnDsfM1XxqChw+8gfZyroDjdf4=",
+      "dev": true,
+      "requires": {
+        "chalk": "^4.0.0",
+        "ember-template-recast": "^4.1.2",
+        "find-up": "^4.1.0",
+        "globby": "^11.0.0",
+        "micromatch": "^4.0.2",
+        "resolve": "^1.15.1",
+        "yargs": "^15.3.1"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-4.2.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-styles%2Fdownload%2Fansi-styles-4.2.1.tgz",
+          "integrity": "sha1-kK51xCTQCNJiTFvynq0xd+v881k=",
+          "dev": true,
+          "requires": {
+            "@types/color-name": "^1.1.1",
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npm.taobao.org/chalk/download/chalk-4.0.0.tgz?cache=0&sync_timestamp=1585815759944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-4.0.0.tgz",
+          "integrity": "sha1-bpgIHtLRf6q2FetSrGbsH+YgnnI=",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/color-convert/download/color-convert-2.0.1.tgz",
+          "integrity": "sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz",
+          "integrity": "sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=",
+          "dev": true
+        },
+        "find-up": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npm.taobao.org/find-up/download/find-up-4.1.0.tgz",
+          "integrity": "sha1-l6/n1s3AvFkoWEt8jXsW6KmqXRk=",
+          "dev": true,
+          "requires": {
+            "locate-path": "^5.0.0",
+            "path-exists": "^4.0.0"
+          }
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npm.taobao.org/has-flag/download/has-flag-4.0.0.tgz",
+          "integrity": "sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=",
+          "dev": true
+        },
+        "locate-path": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npm.taobao.org/locate-path/download/locate-path-5.0.0.tgz",
+          "integrity": "sha1-Gvujlq/WdqbUJQTQpno6frn2KqA=",
+          "dev": true,
+          "requires": {
+            "p-locate": "^4.1.0"
+          }
+        },
+        "p-limit": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npm.taobao.org/p-limit/download/p-limit-2.3.0.tgz",
+          "integrity": "sha1-PdM8ZHohT9//2DWTPrCG2g3CHbE=",
+          "dev": true,
+          "requires": {
+            "p-try": "^2.0.0"
+          }
+        },
+        "p-locate": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npm.taobao.org/p-locate/download/p-locate-4.1.0.tgz",
+          "integrity": "sha1-o0KLtwiLOmApL2aRkni3wpetTwc=",
+          "dev": true,
+          "requires": {
+            "p-limit": "^2.2.0"
+          }
+        },
+        "p-try": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npm.taobao.org/p-try/download/p-try-2.2.0.tgz",
+          "integrity": "sha1-yyhoVA4xPWHeWPr741zpAE1VQOY=",
+          "dev": true
+        },
+        "path-exists": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npm.taobao.org/path-exists/download/path-exists-4.0.0.tgz",
+          "integrity": "sha1-UTvb4tO5XXdi6METfvoZXGxhtbM=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npm.taobao.org/supports-color/download/supports-color-7.1.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-7.1.0.tgz",
+          "integrity": "sha1-aOMlkd9z4lrRxLSRCKLsUHliv9E=",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "ember-template-recast": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npm.taobao.org/ember-template-recast/download/ember-template-recast-4.1.2.tgz",
+      "integrity": "sha1-GZnEnfSCoEL+OtAnEtYrbTVmrd0=",
+      "dev": true,
+      "requires": {
+        "@glimmer/syntax": "^0.50.0",
+        "async-promise-queue": "^1.0.5",
+        "colors": "^1.4.0",
+        "commander": "^5.0.0",
+        "globby": "^11.0.0",
+        "ora": "^4.0.3",
+        "slash": "^3.0.0",
+        "tmp": "^0.1.0",
+        "workerpool": "^5.0.4"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-4.2.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-styles%2Fdownload%2Fansi-styles-4.2.1.tgz",
+          "integrity": "sha1-kK51xCTQCNJiTFvynq0xd+v881k=",
+          "dev": true,
+          "requires": {
+            "@types/color-name": "^1.1.1",
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/chalk/download/chalk-3.0.0.tgz?cache=0&sync_timestamp=1585815759944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-3.0.0.tgz",
+          "integrity": "sha1-P3PCv1JlkfV0zEksUeJFY0n4ROQ=",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/color-convert/download/color-convert-2.0.1.tgz",
+          "integrity": "sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz",
+          "integrity": "sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=",
+          "dev": true
+        },
+        "colors": {
+          "version": "1.4.0",
+          "resolved": "https://registry.npm.taobao.org/colors/download/colors-1.4.0.tgz",
+          "integrity": "sha1-xQSRR51MG9rtLJztMs98fcI2D3g=",
+          "dev": true
+        },
+        "commander": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npm.taobao.org/commander/download/commander-5.0.0.tgz?cache=0&sync_timestamp=1584148407069&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcommander%2Fdownload%2Fcommander-5.0.0.tgz",
+          "integrity": "sha1-2/GQm0nlBE+P2vCtyAnwwHIr39A=",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npm.taobao.org/has-flag/download/has-flag-4.0.0.tgz",
+          "integrity": "sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=",
+          "dev": true
+        },
+        "log-symbols": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/log-symbols/download/log-symbols-3.0.0.tgz?cache=0&sync_timestamp=1577792832801&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flog-symbols%2Fdownload%2Flog-symbols-3.0.0.tgz",
+          "integrity": "sha1-86CFFqXeqJMzan3uFNGKHP2rd8Q=",
+          "dev": true,
+          "requires": {
+            "chalk": "^2.4.2"
+          },
+          "dependencies": {
+            "ansi-styles": {
+              "version": "3.2.1",
+              "resolved": "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-3.2.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-styles%2Fdownload%2Fansi-styles-3.2.1.tgz",
+              "integrity": "sha1-QfuyAkPlCxK+DwS43tvwdSDOhB0=",
+              "dev": true,
+              "requires": {
+                "color-convert": "^1.9.0"
+              }
+            },
+            "chalk": {
+              "version": "2.4.2",
+              "resolved": "https://registry.npm.taobao.org/chalk/download/chalk-2.4.2.tgz?cache=0&sync_timestamp=1585815759944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-2.4.2.tgz",
+              "integrity": "sha1-zUJUFnelQzPPVBpJEIwUMrRMlCQ=",
+              "dev": true,
+              "requires": {
+                "ansi-styles": "^3.2.1",
+                "escape-string-regexp": "^1.0.5",
+                "supports-color": "^5.3.0"
+              }
+            },
+            "color-convert": {
+              "version": "1.9.3",
+              "resolved": "https://registry.npm.taobao.org/color-convert/download/color-convert-1.9.3.tgz",
+              "integrity": "sha1-u3GFBpDh8TZWfeYp0tVHHe2kweg=",
+              "dev": true,
+              "requires": {
+                "color-name": "1.1.3"
+              }
+            },
+            "color-name": {
+              "version": "1.1.3",
+              "resolved": "https://registry.npm.taobao.org/color-name/download/color-name-1.1.3.tgz",
+              "integrity": "sha1-p9BVi9icQveV3UIyj3QIMcpTvCU=",
+              "dev": true
+            },
+            "has-flag": {
+              "version": "3.0.0",
+              "resolved": "https://registry.npm.taobao.org/has-flag/download/has-flag-3.0.0.tgz",
+              "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
+              "dev": true
+            },
+            "supports-color": {
+              "version": "5.5.0",
+              "resolved": "https://registry.npm.taobao.org/supports-color/download/supports-color-5.5.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-5.5.0.tgz",
+              "integrity": "sha1-4uaaRKyHcveKHsCzW2id9lMO/I8=",
+              "dev": true,
+              "requires": {
+                "has-flag": "^3.0.0"
+              }
+            }
+          }
+        },
+        "ora": {
+          "version": "4.0.3",
+          "resolved": "https://registry.npm.taobao.org/ora/download/ora-4.0.3.tgz",
+          "integrity": "sha1-dSobe0vkglVGp6PVklb6UjtrbQU=",
+          "dev": true,
+          "requires": {
+            "chalk": "^3.0.0",
+            "cli-cursor": "^3.1.0",
+            "cli-spinners": "^2.2.0",
+            "is-interactive": "^1.0.0",
+            "log-symbols": "^3.0.0",
+            "mute-stream": "0.0.8",
+            "strip-ansi": "^6.0.0",
+            "wcwidth": "^1.0.1"
+          }
+        },
+        "supports-color": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npm.taobao.org/supports-color/download/supports-color-7.1.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-7.1.0.tgz",
+          "integrity": "sha1-aOMlkd9z4lrRxLSRCKLsUHliv9E=",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        },
+        "tmp": {
+          "version": "0.1.0",
+          "resolved": "https://registry.npm.taobao.org/tmp/download/tmp-0.1.0.tgz",
+          "integrity": "sha1-7kNKTiJUMILilLpiAdzG6v76KHc=",
+          "dev": true,
+          "requires": {
+            "rimraf": "^2.6.3"
+          }
+        },
+        "workerpool": {
+          "version": "5.0.4",
+          "resolved": "https://registry.npm.taobao.org/workerpool/download/workerpool-5.0.4.tgz",
+          "integrity": "sha1-T2fLcP91UKJ6uU3iWwuEPNkgWaI=",
+          "dev": true
+        }
+      }
+    },
+    "ember-test-waiters": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/ember-test-waiters/download/ember-test-waiters-1.2.0.tgz",
+      "integrity": "sha1-wS6tQxOTTCTP9BhXAgys2/jm7/4=",
+      "dev": true,
+      "requires": {
+        "ember-cli-babel": "^7.11.0",
+        "semver": "^6.3.0"
+      },
+      "dependencies": {
+        "semver": {
+          "version": "6.3.0",
+          "resolved": "https://registry.npm.taobao.org/semver/download/semver-6.3.0.tgz?cache=0&sync_timestamp=1586534511518&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-6.3.0.tgz",
+          "integrity": "sha1-7gpkyK9ejO6mdoexM3YeG+y9HT0=",
+          "dev": true
+        }
+      }
+    },
+    "ember-truth-helpers": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npm.taobao.org/ember-truth-helpers/download/ember-truth-helpers-2.1.0.tgz",
+      "integrity": "sha1-1Nq07ueUWqI4gSZIWXe66zPKB5g=",
+      "dev": true,
+      "requires": {
+        "ember-cli-babel": "^6.6.0"
+      },
+      "dependencies": {
+        "amd-name-resolver": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npm.taobao.org/amd-name-resolver/download/amd-name-resolver-1.2.0.tgz",
+          "integrity": "sha1-/EGzhIgktVcxOJfXH41aAYT75nk=",
+          "dev": true,
+          "requires": {
+            "ensure-posix-path": "^1.0.1"
+          }
+        },
+        "babel-plugin-debug-macros": {
+          "version": "0.2.0",
+          "resolved": "https://registry.npm.taobao.org/babel-plugin-debug-macros/download/babel-plugin-debug-macros-0.2.0.tgz",
+          "integrity": "sha1-ASCsIM4GzMV79JO2Z88kuFwo2no=",
+          "dev": true,
+          "requires": {
+            "semver": "^5.3.0"
+          }
+        },
+        "broccoli-babel-transpiler": {
+          "version": "6.5.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-babel-transpiler/download/broccoli-babel-transpiler-6.5.1.tgz",
+          "integrity": "sha1-pK/I07WbRBUY65oHvUQUlHbjBzg=",
+          "dev": true,
+          "requires": {
+            "babel-core": "^6.26.0",
+            "broccoli-funnel": "^2.0.1",
+            "broccoli-merge-trees": "^2.0.0",
+            "broccoli-persistent-filter": "^1.4.3",
+            "clone": "^2.0.0",
+            "hash-for-dep": "^1.2.3",
+            "heimdalljs-logger": "^0.1.7",
+            "json-stable-stringify": "^1.0.0",
+            "rsvp": "^4.8.2",
+            "workerpool": "^2.3.0"
+          }
+        },
+        "broccoli-merge-trees": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-merge-trees/download/broccoli-merge-trees-2.0.1.tgz",
+          "integrity": "sha1-FNS3/BqQMYwSsW+EPmuiaTgIEAw=",
+          "dev": true,
+          "requires": {
+            "broccoli-plugin": "^1.3.0",
+            "merge-trees": "^1.0.1"
+          }
+        },
+        "broccoli-persistent-filter": {
+          "version": "1.4.6",
+          "resolved": "https://registry.npm.taobao.org/broccoli-persistent-filter/download/broccoli-persistent-filter-1.4.6.tgz",
+          "integrity": "sha1-gHYtGQAIgKd9ozw0NzKZwPaj5hU=",
+          "dev": true,
+          "requires": {
+            "async-disk-cache": "^1.2.1",
+            "async-promise-queue": "^1.0.3",
+            "broccoli-plugin": "^1.0.0",
+            "fs-tree-diff": "^0.5.2",
+            "hash-for-dep": "^1.0.2",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "mkdirp": "^0.5.1",
+            "promise-map-series": "^0.2.1",
+            "rimraf": "^2.6.1",
+            "rsvp": "^3.0.18",
+            "symlink-or-copy": "^1.0.1",
+            "walk-sync": "^0.3.1"
+          },
+          "dependencies": {
+            "rsvp": {
+              "version": "3.6.2",
+              "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-3.6.2.tgz",
+              "integrity": "sha1-LpZJFZmpbN4bUV1WdKj3qRRSkmo=",
+              "dev": true
+            }
+          }
+        },
+        "ember-cli-babel": {
+          "version": "6.18.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-babel/download/ember-cli-babel-6.18.0.tgz",
+          "integrity": "sha1-P2Q1/SdRcu3v8rY07nspznQxiVc=",
+          "dev": true,
+          "requires": {
+            "amd-name-resolver": "1.2.0",
+            "babel-plugin-debug-macros": "^0.2.0-beta.6",
+            "babel-plugin-ember-modules-api-polyfill": "^2.6.0",
+            "babel-plugin-transform-es2015-modules-amd": "^6.24.0",
+            "babel-polyfill": "^6.26.0",
+            "babel-preset-env": "^1.7.0",
+            "broccoli-babel-transpiler": "^6.5.0",
+            "broccoli-debug": "^0.6.4",
+            "broccoli-funnel": "^2.0.0",
+            "broccoli-source": "^1.1.0",
+            "clone": "^2.0.0",
+            "ember-cli-version-checker": "^2.1.2",
+            "semver": "^5.5.0"
+          }
+        },
+        "ember-cli-version-checker": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npm.taobao.org/ember-cli-version-checker/download/ember-cli-version-checker-2.2.0.tgz",
+          "integrity": "sha1-R3cbcx/glicF4nyBmanjglcJ87M=",
+          "dev": true,
+          "requires": {
+            "resolve": "^1.3.3",
+            "semver": "^5.3.0"
+          }
+        },
+        "merge-trees": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npm.taobao.org/merge-trees/download/merge-trees-1.0.1.tgz",
+          "integrity": "sha1-zL5nRWl4f53vF/1G5lJfVwC70j4=",
+          "dev": true,
+          "requires": {
+            "can-symlink": "^1.0.0",
+            "fs-tree-diff": "^0.5.4",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "rimraf": "^2.4.3",
+            "symlink-or-copy": "^1.0.0"
+          }
+        },
+        "rsvp": {
+          "version": "4.8.5",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-4.8.5.tgz",
+          "integrity": "sha1-yPFVMR0Wf2jyHhaN9x7FsIMRNzQ=",
+          "dev": true
+        },
+        "workerpool": {
+          "version": "2.3.3",
+          "resolved": "https://registry.npm.taobao.org/workerpool/download/workerpool-2.3.3.tgz",
+          "integrity": "sha1-SacAib1V6JDWjMg2oZQZRR18gdc=",
+          "dev": true,
+          "requires": {
+            "object-assign": "4.1.1"
+          }
+        }
+      }
+    },
+    "emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npm.taobao.org/emoji-regex/download/emoji-regex-8.0.0.tgz",
+      "integrity": "sha1-6Bj9ac5cz8tARZT4QpY79TFkzDc=",
+      "dev": true
+    },
+    "encodeurl": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/encodeurl/download/encodeurl-1.0.2.tgz",
+      "integrity": "sha1-rT/0yG7C0CkyL1oCw6mmBslbP1k=",
+      "dev": true
+    },
+    "end-of-stream": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npm.taobao.org/end-of-stream/download/end-of-stream-1.4.4.tgz",
+      "integrity": "sha1-WuZKX0UFe682JuwU2gyl5LJDHrA=",
+      "dev": true,
+      "requires": {
+        "once": "^1.4.0"
+      }
+    },
+    "engine.io": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npm.taobao.org/engine.io/download/engine.io-3.4.0.tgz",
+      "integrity": "sha1-OpYsxFNZKMJSdZoA+YUZy0bFP/M=",
+      "dev": true,
+      "requires": {
+        "accepts": "~1.3.4",
+        "base64id": "2.0.0",
+        "cookie": "0.3.1",
+        "debug": "~4.1.0",
+        "engine.io-parser": "~2.2.0",
+        "ws": "^7.1.2"
+      },
+      "dependencies": {
+        "cookie": {
+          "version": "0.3.1",
+          "resolved": "https://registry.npm.taobao.org/cookie/download/cookie-0.3.1.tgz",
+          "integrity": "sha1-5+Ch+e9DtMi6klxcWpboBtFoc7s=",
+          "dev": true
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-4.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.1.1.tgz",
+          "integrity": "sha1-O3ImAlUQnGtYnO4FDx1RYTlmR5E=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        }
+      }
+    },
+    "engine.io-client": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npm.taobao.org/engine.io-client/download/engine.io-client-3.4.0.tgz?cache=0&sync_timestamp=1581519910716&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fengine.io-client%2Fdownload%2Fengine.io-client-3.4.0.tgz",
+      "integrity": "sha1-gqZCtChiqbP3oYj0F3ay3qtkNwA=",
+      "dev": true,
+      "requires": {
+        "component-emitter": "1.2.1",
+        "component-inherit": "0.0.3",
+        "debug": "~4.1.0",
+        "engine.io-parser": "~2.2.0",
+        "has-cors": "1.1.0",
+        "indexof": "0.0.1",
+        "parseqs": "0.0.5",
+        "parseuri": "0.0.5",
+        "ws": "~6.1.0",
+        "xmlhttprequest-ssl": "~1.5.4",
+        "yeast": "0.1.2"
+      },
+      "dependencies": {
+        "component-emitter": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npm.taobao.org/component-emitter/download/component-emitter-1.2.1.tgz",
+          "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=",
+          "dev": true
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-4.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.1.1.tgz",
+          "integrity": "sha1-O3ImAlUQnGtYnO4FDx1RYTlmR5E=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        },
+        "ws": {
+          "version": "6.1.4",
+          "resolved": "https://registry.npm.taobao.org/ws/download/ws-6.1.4.tgz",
+          "integrity": "sha1-W1yIAK+rkl6UzLKdFTyNAsF3bvk=",
+          "dev": true,
+          "requires": {
+            "async-limiter": "~1.0.0"
+          }
+        }
+      }
+    },
+    "engine.io-parser": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npm.taobao.org/engine.io-parser/download/engine.io-parser-2.2.0.tgz",
+      "integrity": "sha1-MSxIlPV9UqArQgho2ntcHISvgO0=",
+      "dev": true,
+      "requires": {
+        "after": "0.8.2",
+        "arraybuffer.slice": "~0.0.7",
+        "base64-arraybuffer": "0.1.5",
+        "blob": "0.0.5",
+        "has-binary2": "~1.0.2"
+      }
+    },
+    "ensure-posix-path": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npm.taobao.org/ensure-posix-path/download/ensure-posix-path-1.1.1.tgz",
+      "integrity": "sha1-PGK9sZ+kaBVEKJ7bKzgq3AKRec4=",
+      "dev": true
+    },
+    "entities": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npm.taobao.org/entities/download/entities-1.1.2.tgz",
+      "integrity": "sha1-vfpzUplmTfr9NFKe1PhSKidf6lY=",
+      "dev": true
+    },
+    "errno": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npm.taobao.org/errno/download/errno-0.1.7.tgz",
+      "integrity": "sha1-RoTXF3mtOa8Xfj8AeZb3xnyFJhg=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "prr": "~1.0.1"
+      }
+    },
+    "error": {
+      "version": "7.2.1",
+      "resolved": "https://registry.npm.taobao.org/error/download/error-7.2.1.tgz?cache=0&sync_timestamp=1577615602648&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ferror%2Fdownload%2Ferror-7.2.1.tgz",
+      "integrity": "sha1-6rIaRom19oT8g9qEoOOQ3oLZSJQ=",
+      "dev": true,
+      "requires": {
+        "string-template": "~0.2.1"
+      }
+    },
+    "es-abstract": {
+      "version": "1.17.5",
+      "resolved": "https://registry.npm.taobao.org/es-abstract/download/es-abstract-1.17.5.tgz?cache=0&sync_timestamp=1584908910574&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fes-abstract%2Fdownload%2Fes-abstract-1.17.5.tgz",
+      "integrity": "sha1-2MnR1myJgfuSAOIlHXme7pJ3Suk=",
+      "dev": true,
+      "requires": {
+        "es-to-primitive": "^1.2.1",
+        "function-bind": "^1.1.1",
+        "has": "^1.0.3",
+        "has-symbols": "^1.0.1",
+        "is-callable": "^1.1.5",
+        "is-regex": "^1.0.5",
+        "object-inspect": "^1.7.0",
+        "object-keys": "^1.1.1",
+        "object.assign": "^4.1.0",
+        "string.prototype.trimleft": "^2.1.1",
+        "string.prototype.trimright": "^2.1.1"
+      }
+    },
+    "es-to-primitive": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npm.taobao.org/es-to-primitive/download/es-to-primitive-1.2.1.tgz",
+      "integrity": "sha1-5VzUyc3BiLzvsDs2bHNjI/xciYo=",
+      "dev": true,
+      "requires": {
+        "is-callable": "^1.1.4",
+        "is-date-object": "^1.0.1",
+        "is-symbol": "^1.0.2"
+      }
+    },
+    "escape-html": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npm.taobao.org/escape-html/download/escape-html-1.0.3.tgz",
+      "integrity": "sha1-Aljq5NPQwJdN4cFpGI7wBR0dGYg=",
+      "dev": true
+    },
+    "escape-string-regexp": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npm.taobao.org/escape-string-regexp/download/escape-string-regexp-1.0.5.tgz",
+      "integrity": "sha1-G2HAViGQqN/2rjuyzwIAyhMLhtQ=",
+      "dev": true
+    },
+    "eslint": {
+      "version": "5.16.0",
+      "resolved": "https://registry.npm.taobao.org/eslint/download/eslint-5.16.0.tgz?cache=0&sync_timestamp=1585359152740&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Feslint%2Fdownload%2Feslint-5.16.0.tgz",
+      "integrity": "sha1-oeOsGq5KP72Clvz496tzFMu2q+o=",
+      "dev": true,
+      "requires": {
+        "@babel/code-frame": "^7.0.0",
+        "ajv": "^6.9.1",
+        "chalk": "^2.1.0",
+        "cross-spawn": "^6.0.5",
+        "debug": "^4.0.1",
+        "doctrine": "^3.0.0",
+        "eslint-scope": "^4.0.3",
+        "eslint-utils": "^1.3.1",
+        "eslint-visitor-keys": "^1.0.0",
+        "espree": "^5.0.1",
+        "esquery": "^1.0.1",
+        "esutils": "^2.0.2",
+        "file-entry-cache": "^5.0.1",
+        "functional-red-black-tree": "^1.0.1",
+        "glob": "^7.1.2",
+        "globals": "^11.7.0",
+        "ignore": "^4.0.6",
+        "import-fresh": "^3.0.0",
+        "imurmurhash": "^0.1.4",
+        "inquirer": "^6.2.2",
+        "js-yaml": "^3.13.0",
+        "json-stable-stringify-without-jsonify": "^1.0.1",
+        "levn": "^0.3.0",
+        "lodash": "^4.17.11",
+        "minimatch": "^3.0.4",
+        "mkdirp": "^0.5.1",
+        "natural-compare": "^1.4.0",
+        "optionator": "^0.8.2",
+        "path-is-inside": "^1.0.2",
+        "progress": "^2.0.0",
+        "regexpp": "^2.0.1",
+        "semver": "^5.5.1",
+        "strip-ansi": "^4.0.0",
+        "strip-json-comments": "^2.0.1",
+        "table": "^5.2.3",
+        "text-table": "^0.2.0"
+      },
+      "dependencies": {
+        "ansi-escapes": {
+          "version": "3.2.0",
+          "resolved": "https://registry.npm.taobao.org/ansi-escapes/download/ansi-escapes-3.2.0.tgz?cache=0&sync_timestamp=1583072804444&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-escapes%2Fdownload%2Fansi-escapes-3.2.0.tgz",
+          "integrity": "sha1-h4C5j/nb9WOBUtHx/lwde0RCl2s=",
+          "dev": true
+        },
+        "ansi-regex": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-3.0.0.tgz",
+          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
+          "dev": true
+        },
+        "cli-cursor": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npm.taobao.org/cli-cursor/download/cli-cursor-2.1.0.tgz",
+          "integrity": "sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=",
+          "dev": true,
+          "requires": {
+            "restore-cursor": "^2.0.0"
+          }
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-4.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.1.1.tgz",
+          "integrity": "sha1-O3ImAlUQnGtYnO4FDx1RYTlmR5E=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "figures": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/figures/download/figures-2.0.0.tgz",
+          "integrity": "sha1-OrGi0qYsi/tDGgyUy3l6L84nyWI=",
+          "dev": true,
+          "requires": {
+            "escape-string-regexp": "^1.0.5"
+          }
+        },
+        "ignore": {
+          "version": "4.0.6",
+          "resolved": "https://registry.npm.taobao.org/ignore/download/ignore-4.0.6.tgz",
+          "integrity": "sha1-dQ49tYYgh7RzfrrIIH/9HvJ7Jfw=",
+          "dev": true
+        },
+        "inquirer": {
+          "version": "6.5.2",
+          "resolved": "https://registry.npm.taobao.org/inquirer/download/inquirer-6.5.2.tgz",
+          "integrity": "sha1-rVCUI3XQNtMn/1KMCL1fqwiZKMo=",
+          "dev": true,
+          "requires": {
+            "ansi-escapes": "^3.2.0",
+            "chalk": "^2.4.2",
+            "cli-cursor": "^2.1.0",
+            "cli-width": "^2.0.0",
+            "external-editor": "^3.0.3",
+            "figures": "^2.0.0",
+            "lodash": "^4.17.12",
+            "mute-stream": "0.0.7",
+            "run-async": "^2.2.0",
+            "rxjs": "^6.4.0",
+            "string-width": "^2.1.0",
+            "strip-ansi": "^5.1.0",
+            "through": "^2.3.6"
+          },
+          "dependencies": {
+            "ansi-regex": {
+              "version": "4.1.0",
+              "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-4.1.0.tgz",
+              "integrity": "sha1-i5+PCM8ay4Q3Vqg5yox+MWjFGZc=",
+              "dev": true
+            },
+            "strip-ansi": {
+              "version": "5.2.0",
+              "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-5.2.0.tgz?cache=0&sync_timestamp=1573280518303&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-5.2.0.tgz",
+              "integrity": "sha1-jJpTb+tq/JYr36WxBKUJHBrZwK4=",
+              "dev": true,
+              "requires": {
+                "ansi-regex": "^4.1.0"
+              }
+            }
+          }
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+          "dev": true
+        },
+        "mimic-fn": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npm.taobao.org/mimic-fn/download/mimic-fn-1.2.0.tgz",
+          "integrity": "sha1-ggyGo5M0ZA6ZUWkovQP8qIBX0CI=",
+          "dev": true
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        },
+        "mute-stream": {
+          "version": "0.0.7",
+          "resolved": "https://registry.npm.taobao.org/mute-stream/download/mute-stream-0.0.7.tgz",
+          "integrity": "sha1-MHXOk7whuPq0PhvE2n6BFe0ee6s=",
+          "dev": true
+        },
+        "onetime": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/onetime/download/onetime-2.0.1.tgz",
+          "integrity": "sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=",
+          "dev": true,
+          "requires": {
+            "mimic-fn": "^1.0.0"
+          }
+        },
+        "restore-cursor": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/restore-cursor/download/restore-cursor-2.0.0.tgz",
+          "integrity": "sha1-n37ih/gv0ybU/RYpI9YhKe7g368=",
+          "dev": true,
+          "requires": {
+            "onetime": "^2.0.0",
+            "signal-exit": "^3.0.2"
+          }
+        },
+        "string-width": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npm.taobao.org/string-width/download/string-width-2.1.1.tgz",
+          "integrity": "sha1-q5Pyeo3BPSjKyBXEYhQ6bZASrp4=",
+          "dev": true,
+          "requires": {
+            "is-fullwidth-code-point": "^2.0.0",
+            "strip-ansi": "^4.0.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-4.0.0.tgz?cache=0&sync_timestamp=1573280518303&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-4.0.0.tgz",
+          "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^3.0.0"
+          }
+        }
+      }
+    },
+    "eslint-plugin-ember": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npm.taobao.org/eslint-plugin-ember/download/eslint-plugin-ember-8.2.0.tgz",
+      "integrity": "sha1-kMFMgqboEoDCe6r2S2LBxHhrXyY=",
+      "dev": true,
+      "requires": {
+        "@ember-data/rfc395-data": "^0.0.4",
+        "ember-rfc176-data": "^0.3.12",
+        "snake-case": "^3.0.3"
+      }
+    },
+    "eslint-scope": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npm.taobao.org/eslint-scope/download/eslint-scope-4.0.3.tgz",
+      "integrity": "sha1-ygODMxD2iJoyZHgaqC5j65z+eEg=",
+      "dev": true,
+      "requires": {
+        "esrecurse": "^4.1.0",
+        "estraverse": "^4.1.1"
+      }
+    },
+    "eslint-utils": {
+      "version": "1.4.3",
+      "resolved": "https://registry.npm.taobao.org/eslint-utils/download/eslint-utils-1.4.3.tgz",
+      "integrity": "sha1-dP7HxU0Hdrb2fgJRBAtYBlZOmB8=",
+      "dev": true,
+      "requires": {
+        "eslint-visitor-keys": "^1.1.0"
+      }
+    },
+    "eslint-visitor-keys": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/eslint-visitor-keys/download/eslint-visitor-keys-1.1.0.tgz",
+      "integrity": "sha1-4qgs6oT/JGrW+1f5veW0ZiFFnsI=",
+      "dev": true
+    },
+    "esm": {
+      "version": "3.2.25",
+      "resolved": "https://registry.npm.taobao.org/esm/download/esm-3.2.25.tgz",
+      "integrity": "sha1-NCwYwp1WFXaIulzjH4Qx+7eVzBA=",
+      "dev": true
+    },
+    "espree": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npm.taobao.org/espree/download/espree-5.0.1.tgz",
+      "integrity": "sha1-XWUm+k/H8HiKXPdbFfMDI+L4H3o=",
+      "dev": true,
+      "requires": {
+        "acorn": "^6.0.7",
+        "acorn-jsx": "^5.0.0",
+        "eslint-visitor-keys": "^1.0.0"
+      }
+    },
+    "esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npm.taobao.org/esprima/download/esprima-4.0.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fesprima%2Fdownload%2Fesprima-4.0.1.tgz",
+      "integrity": "sha1-E7BM2z5sXRnfkatph6hpVhmwqnE=",
+      "dev": true
+    },
+    "esquery": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/esquery/download/esquery-1.2.0.tgz",
+      "integrity": "sha1-oBClGcAojyUws0BBJL+18C6Xl/4=",
+      "dev": true,
+      "requires": {
+        "estraverse": "^5.0.0"
+      },
+      "dependencies": {
+        "estraverse": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npm.taobao.org/estraverse/download/estraverse-5.0.0.tgz?cache=0&sync_timestamp=1584934808187&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Festraverse%2Fdownload%2Festraverse-5.0.0.tgz",
+          "integrity": "sha1-rIF1C0gsEcyibksH6D7Y91+83CI=",
+          "dev": true
+        }
+      }
+    },
+    "esrecurse": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npm.taobao.org/esrecurse/download/esrecurse-4.2.1.tgz",
+      "integrity": "sha1-AHo7n9vCs7uH5IeeoZyS/b05Qs8=",
+      "dev": true,
+      "requires": {
+        "estraverse": "^4.1.0"
+      }
+    },
+    "estraverse": {
+      "version": "4.3.0",
+      "resolved": "https://registry.npm.taobao.org/estraverse/download/estraverse-4.3.0.tgz?cache=0&sync_timestamp=1584934808187&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Festraverse%2Fdownload%2Festraverse-4.3.0.tgz",
+      "integrity": "sha1-OYrT88WiSUi+dyXoPRGn3ijNvR0=",
+      "dev": true
+    },
+    "esutils": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npm.taobao.org/esutils/download/esutils-2.0.3.tgz?cache=0&sync_timestamp=1564535492241&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fesutils%2Fdownload%2Fesutils-2.0.3.tgz",
+      "integrity": "sha1-dNLrTeC42hKTcRkQ1Qd1ubcQ72Q=",
+      "dev": true
+    },
+    "etag": {
+      "version": "1.8.1",
+      "resolved": "https://registry.npm.taobao.org/etag/download/etag-1.8.1.tgz",
+      "integrity": "sha1-Qa4u62XvpiJorr/qg6x9eSmbCIc=",
+      "dev": true
+    },
+    "eventemitter3": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npm.taobao.org/eventemitter3/download/eventemitter3-4.0.0.tgz",
+      "integrity": "sha1-1lF2FjiH7lnzhtZMgmELaWpKdOs=",
+      "dev": true
+    },
+    "events-to-array": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npm.taobao.org/events-to-array/download/events-to-array-1.1.2.tgz",
+      "integrity": "sha1-LUH1Y+H+QA7Uli/hpNXGp1Od9/Y=",
+      "dev": true
+    },
+    "exec-sh": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npm.taobao.org/exec-sh/download/exec-sh-0.3.4.tgz",
+      "integrity": "sha1-OgGM61JsxvbfK7UEsr/o46STTsU=",
+      "dev": true
+    },
+    "execa": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/execa/download/execa-1.0.0.tgz",
+      "integrity": "sha1-xiNqW7TfbW8V6I5/AXeYIWdJ3dg=",
+      "dev": true,
+      "requires": {
+        "cross-spawn": "^6.0.0",
+        "get-stream": "^4.0.0",
+        "is-stream": "^1.1.0",
+        "npm-run-path": "^2.0.0",
+        "p-finally": "^1.0.0",
+        "signal-exit": "^3.0.0",
+        "strip-eof": "^1.0.0"
+      }
+    },
+    "exists-sync": {
+      "version": "0.0.4",
+      "resolved": "https://registry.npm.taobao.org/exists-sync/download/exists-sync-0.0.4.tgz",
+      "integrity": "sha1-l0TCxCjMA7AQYNtFTUsS8O88iHk=",
+      "dev": true
+    },
+    "exit": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npm.taobao.org/exit/download/exit-0.1.2.tgz",
+      "integrity": "sha1-BjJjj42HfMghB9MKD/8aF8uhzQw=",
+      "dev": true
+    },
+    "expand-brackets": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npm.taobao.org/expand-brackets/download/expand-brackets-2.1.4.tgz",
+      "integrity": "sha1-t3c14xXOMPa27/D4OwQVGiJEliI=",
+      "dev": true,
+      "requires": {
+        "debug": "^2.3.3",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "posix-character-classes": "^0.1.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npm.taobao.org/define-property/download/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^0.1.0"
+          }
+        },
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/extend-shallow/download/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        }
+      }
+    },
+    "expand-tilde": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npm.taobao.org/expand-tilde/download/expand-tilde-2.0.2.tgz",
+      "integrity": "sha1-l+gBqgUt8CRU3kawK/YhZCzchQI=",
+      "dev": true,
+      "requires": {
+        "homedir-polyfill": "^1.0.1"
+      }
+    },
+    "express": {
+      "version": "4.17.1",
+      "resolved": "https://registry.npm.taobao.org/express/download/express-4.17.1.tgz",
+      "integrity": "sha1-RJH8OGBc9R+GKdOcK10Cb5ikwTQ=",
+      "dev": true,
+      "requires": {
+        "accepts": "~1.3.7",
+        "array-flatten": "1.1.1",
+        "body-parser": "1.19.0",
+        "content-disposition": "0.5.3",
+        "content-type": "~1.0.4",
+        "cookie": "0.4.0",
+        "cookie-signature": "1.0.6",
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "finalhandler": "~1.1.2",
+        "fresh": "0.5.2",
+        "merge-descriptors": "1.0.1",
+        "methods": "~1.1.2",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.3",
+        "path-to-regexp": "0.1.7",
+        "proxy-addr": "~2.0.5",
+        "qs": "6.7.0",
+        "range-parser": "~1.2.1",
+        "safe-buffer": "5.1.2",
+        "send": "0.17.1",
+        "serve-static": "1.14.1",
+        "setprototypeof": "1.1.1",
+        "statuses": "~1.5.0",
+        "type-is": "~1.6.18",
+        "utils-merge": "1.0.1",
+        "vary": "~1.1.2"
+      },
+      "dependencies": {
+        "qs": {
+          "version": "6.7.0",
+          "resolved": "https://registry.npm.taobao.org/qs/download/qs-6.7.0.tgz",
+          "integrity": "sha1-QdwaAV49WB8WIXdr4xr7KHapsbw=",
+          "dev": true
+        },
+        "setprototypeof": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npm.taobao.org/setprototypeof/download/setprototypeof-1.1.1.tgz",
+          "integrity": "sha1-fpWsskqpL1iF4KvvW6ExMw1K5oM=",
+          "dev": true
+        }
+      }
+    },
+    "extend": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npm.taobao.org/extend/download/extend-3.0.2.tgz",
+      "integrity": "sha1-+LETa0Bx+9jrFAr/hYsQGewpFfo=",
+      "dev": true,
+      "optional": true
+    },
+    "extend-shallow": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npm.taobao.org/extend-shallow/download/extend-shallow-3.0.2.tgz",
+      "integrity": "sha1-Jqcarwc7OfshJxcnRhMcJwQCjbg=",
+      "dev": true,
+      "requires": {
+        "assign-symbols": "^1.0.0",
+        "is-extendable": "^1.0.1"
+      },
+      "dependencies": {
+        "is-extendable": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npm.taobao.org/is-extendable/download/is-extendable-1.0.1.tgz",
+          "integrity": "sha1-p0cPnkJnM9gb2B4RVSZOOjUHyrQ=",
+          "dev": true,
+          "requires": {
+            "is-plain-object": "^2.0.4"
+          }
+        }
+      }
+    },
+    "external-editor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npm.taobao.org/external-editor/download/external-editor-3.1.0.tgz",
+      "integrity": "sha1-ywP3QL764D6k0oPK7SdBqD8zVJU=",
+      "dev": true,
+      "requires": {
+        "chardet": "^0.7.0",
+        "iconv-lite": "^0.4.24",
+        "tmp": "^0.0.33"
+      },
+      "dependencies": {
+        "tmp": {
+          "version": "0.0.33",
+          "resolved": "https://registry.npm.taobao.org/tmp/download/tmp-0.0.33.tgz",
+          "integrity": "sha1-bTQzWIl2jSGyvNoKonfO07G/rfk=",
+          "dev": true,
+          "requires": {
+            "os-tmpdir": "~1.0.2"
+          }
+        }
+      }
+    },
+    "extglob": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npm.taobao.org/extglob/download/extglob-2.0.4.tgz",
+      "integrity": "sha1-rQD+TcYSqSMuhxhxHcXLWrAoVUM=",
+      "dev": true,
+      "requires": {
+        "array-unique": "^0.3.2",
+        "define-property": "^1.0.0",
+        "expand-brackets": "^2.1.4",
+        "extend-shallow": "^2.0.1",
+        "fragment-cache": "^0.2.1",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npm.taobao.org/define-property/download/define-property-1.0.0.tgz",
+          "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^1.0.0"
+          }
+        },
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/extend-shallow/download/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npm.taobao.org/is-accessor-descriptor/download/is-accessor-descriptor-1.0.0.tgz",
+          "integrity": "sha1-FpwvbT3x+ZJhgHI2XJsOofaHhlY=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-data-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npm.taobao.org/is-data-descriptor/download/is-data-descriptor-1.0.0.tgz",
+          "integrity": "sha1-2Eh2Mh0Oet0DmQQGq7u9NrqSaMc=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-descriptor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npm.taobao.org/is-descriptor/download/is-descriptor-1.0.2.tgz",
+          "integrity": "sha1-OxWXRqZmBLBPjIFSS6NlxfFNhuw=",
+          "dev": true,
+          "requires": {
+            "is-accessor-descriptor": "^1.0.0",
+            "is-data-descriptor": "^1.0.0",
+            "kind-of": "^6.0.2"
+          }
+        }
+      }
+    },
+    "extsprintf": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npm.taobao.org/extsprintf/download/extsprintf-1.3.0.tgz",
+      "integrity": "sha1-lpGEQOMEGnpBT4xS48V06zw+HgU=",
+      "dev": true,
+      "optional": true
+    },
+    "fast-deep-equal": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npm.taobao.org/fast-deep-equal/download/fast-deep-equal-3.1.1.tgz",
+      "integrity": "sha1-VFFFB3xQFJHjOxXsQIwpQ3bpSuQ=",
+      "dev": true
+    },
+    "fast-glob": {
+      "version": "3.2.2",
+      "resolved": "https://registry.npm.taobao.org/fast-glob/download/fast-glob-3.2.2.tgz?cache=0&sync_timestamp=1582330235334&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffast-glob%2Fdownload%2Ffast-glob-3.2.2.tgz",
+      "integrity": "sha1-reGp2RFIll1L98UfcuHKZi0y5j0=",
+      "dev": true,
+      "requires": {
+        "@nodelib/fs.stat": "^2.0.2",
+        "@nodelib/fs.walk": "^1.2.3",
+        "glob-parent": "^5.1.0",
+        "merge2": "^1.3.0",
+        "micromatch": "^4.0.2",
+        "picomatch": "^2.2.1"
+      }
+    },
+    "fast-json-stable-stringify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npm.taobao.org/fast-json-stable-stringify/download/fast-json-stable-stringify-2.1.0.tgz",
+      "integrity": "sha1-h0v2nG9ATCtdmcSBNBOZ/VWJJjM=",
+      "dev": true
+    },
+    "fast-levenshtein": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npm.taobao.org/fast-levenshtein/download/fast-levenshtein-2.0.6.tgz",
+      "integrity": "sha1-PYpcZog6FqMMqGQ+hR8Zuqd5eRc=",
+      "dev": true
+    },
+    "fast-ordered-set": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npm.taobao.org/fast-ordered-set/download/fast-ordered-set-1.0.3.tgz",
+      "integrity": "sha1-P7s2Y097555PftvbSjV97iXRhOs=",
+      "dev": true,
+      "requires": {
+        "blank-object": "^1.0.1"
+      }
+    },
+    "fast-sourcemap-concat": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npm.taobao.org/fast-sourcemap-concat/download/fast-sourcemap-concat-1.4.0.tgz",
+      "integrity": "sha1-EiwzDUoq+v8WrRQ7yWdLh812yK0=",
+      "dev": true,
+      "requires": {
+        "chalk": "^2.0.0",
+        "fs-extra": "^5.0.0",
+        "heimdalljs-logger": "^0.1.9",
+        "memory-streams": "^0.1.3",
+        "mkdirp": "^0.5.0",
+        "source-map": "^0.4.2",
+        "source-map-url": "^0.3.0",
+        "sourcemap-validator": "^1.1.0"
+      },
+      "dependencies": {
+        "fs-extra": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npm.taobao.org/fs-extra/download/fs-extra-5.0.0.tgz",
+          "integrity": "sha1-QU0BEM3QZwVzTQVWUsVBEmDDGr0=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        },
+        "source-map": {
+          "version": "0.4.4",
+          "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.4.4.tgz",
+          "integrity": "sha1-66T12pwNyZneaAMti092FzZSA2s=",
+          "dev": true,
+          "requires": {
+            "amdefine": ">=0.0.4"
+          }
+        },
+        "source-map-url": {
+          "version": "0.3.0",
+          "resolved": "https://registry.npm.taobao.org/source-map-url/download/source-map-url-0.3.0.tgz",
+          "integrity": "sha1-fsrxO1e80J2opAxdJp2zN5nUqvk=",
+          "dev": true
+        }
+      }
+    },
+    "fastboot-transform": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npm.taobao.org/fastboot-transform/download/fastboot-transform-0.1.3.tgz",
+      "integrity": "sha1-feoLEXWUr9h3K6psmwkZZE5/fc0=",
+      "dev": true,
+      "requires": {
+        "broccoli-stew": "^1.5.0",
+        "convert-source-map": "^1.5.1"
+      },
+      "dependencies": {
+        "broccoli-merge-trees": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-merge-trees/download/broccoli-merge-trees-2.0.1.tgz",
+          "integrity": "sha1-FNS3/BqQMYwSsW+EPmuiaTgIEAw=",
+          "dev": true,
+          "requires": {
+            "broccoli-plugin": "^1.3.0",
+            "merge-trees": "^1.0.1"
+          }
+        },
+        "broccoli-persistent-filter": {
+          "version": "1.4.6",
+          "resolved": "https://registry.npm.taobao.org/broccoli-persistent-filter/download/broccoli-persistent-filter-1.4.6.tgz",
+          "integrity": "sha1-gHYtGQAIgKd9ozw0NzKZwPaj5hU=",
+          "dev": true,
+          "requires": {
+            "async-disk-cache": "^1.2.1",
+            "async-promise-queue": "^1.0.3",
+            "broccoli-plugin": "^1.0.0",
+            "fs-tree-diff": "^0.5.2",
+            "hash-for-dep": "^1.0.2",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "mkdirp": "^0.5.1",
+            "promise-map-series": "^0.2.1",
+            "rimraf": "^2.6.1",
+            "rsvp": "^3.0.18",
+            "symlink-or-copy": "^1.0.1",
+            "walk-sync": "^0.3.1"
+          },
+          "dependencies": {
+            "rsvp": {
+              "version": "3.6.2",
+              "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-3.6.2.tgz",
+              "integrity": "sha1-LpZJFZmpbN4bUV1WdKj3qRRSkmo=",
+              "dev": true
+            }
+          }
+        },
+        "broccoli-stew": {
+          "version": "1.6.0",
+          "resolved": "https://registry.npm.taobao.org/broccoli-stew/download/broccoli-stew-1.6.0.tgz",
+          "integrity": "sha1-AfbZKAbtZnndvkjUBQZqDhZN++8=",
+          "dev": true,
+          "requires": {
+            "broccoli-debug": "^0.6.1",
+            "broccoli-funnel": "^2.0.0",
+            "broccoli-merge-trees": "^2.0.0",
+            "broccoli-persistent-filter": "^1.1.6",
+            "broccoli-plugin": "^1.3.0",
+            "chalk": "^2.4.1",
+            "debug": "^3.1.0",
+            "ensure-posix-path": "^1.0.1",
+            "fs-extra": "^5.0.0",
+            "minimatch": "^3.0.4",
+            "resolve": "^1.8.1",
+            "rsvp": "^4.8.3",
+            "symlink-or-copy": "^1.2.0",
+            "walk-sync": "^0.3.0"
+          }
+        },
+        "debug": {
+          "version": "3.2.6",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-3.2.6.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-3.2.6.tgz",
+          "integrity": "sha1-6D0X3hbYp++3cX7b5fsQE17uYps=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "fs-extra": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npm.taobao.org/fs-extra/download/fs-extra-5.0.0.tgz",
+          "integrity": "sha1-QU0BEM3QZwVzTQVWUsVBEmDDGr0=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        },
+        "merge-trees": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npm.taobao.org/merge-trees/download/merge-trees-1.0.1.tgz",
+          "integrity": "sha1-zL5nRWl4f53vF/1G5lJfVwC70j4=",
+          "dev": true,
+          "requires": {
+            "can-symlink": "^1.0.0",
+            "fs-tree-diff": "^0.5.4",
+            "heimdalljs": "^0.2.1",
+            "heimdalljs-logger": "^0.1.7",
+            "rimraf": "^2.4.3",
+            "symlink-or-copy": "^1.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        },
+        "rsvp": {
+          "version": "4.8.5",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-4.8.5.tgz",
+          "integrity": "sha1-yPFVMR0Wf2jyHhaN9x7FsIMRNzQ=",
+          "dev": true
+        }
+      }
+    },
+    "fastq": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npm.taobao.org/fastq/download/fastq-1.7.0.tgz?cache=0&sync_timestamp=1585782008837&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffastq%2Fdownload%2Ffastq-1.7.0.tgz",
+      "integrity": "sha1-/NeaCMW9fsW1XNP1xHINtVGSmAE=",
+      "dev": true,
+      "requires": {
+        "reusify": "^1.0.4"
+      }
+    },
+    "faye-websocket": {
+      "version": "0.10.0",
+      "resolved": "https://registry.npm.taobao.org/faye-websocket/download/faye-websocket-0.10.0.tgz",
+      "integrity": "sha1-TkkvjQTftviQA1B/btvy1QHnxvQ=",
+      "dev": true,
+      "requires": {
+        "websocket-driver": ">=0.5.1"
+      }
+    },
+    "fb-watchman": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/fb-watchman/download/fb-watchman-2.0.1.tgz",
+      "integrity": "sha1-/IT7OdJwnPP/bXQ3BhV7tXCKioU=",
+      "dev": true,
+      "requires": {
+        "bser": "2.1.1"
+      }
+    },
+    "figures": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npm.taobao.org/figures/download/figures-3.2.0.tgz",
+      "integrity": "sha1-YlwYvSk8YE3EqN2y/r8MiDQXRq8=",
+      "dev": true,
+      "requires": {
+        "escape-string-regexp": "^1.0.5"
+      }
+    },
+    "file-entry-cache": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npm.taobao.org/file-entry-cache/download/file-entry-cache-5.0.1.tgz",
+      "integrity": "sha1-yg9u+m3T1WEzP7FFFQZcL6/fQ5w=",
+      "dev": true,
+      "requires": {
+        "flat-cache": "^2.0.1"
+      }
+    },
+    "filesize": {
+      "version": "4.2.1",
+      "resolved": "https://registry.npm.taobao.org/filesize/download/filesize-4.2.1.tgz",
+      "integrity": "sha1-qxyyBp211BWRHBoT4UTA50O8ibw=",
+      "dev": true
+    },
+    "fill-range": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npm.taobao.org/fill-range/download/fill-range-7.0.1.tgz",
+      "integrity": "sha1-GRmmp8df44ssfHflGYU12prN2kA=",
+      "dev": true,
+      "requires": {
+        "to-regex-range": "^5.0.1"
+      }
+    },
+    "finalhandler": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npm.taobao.org/finalhandler/download/finalhandler-1.1.2.tgz",
+      "integrity": "sha1-t+fQAP/RGTjQ/bBTUG9uur6fWH0=",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "on-finished": "~2.3.0",
+        "parseurl": "~1.3.3",
+        "statuses": "~1.5.0",
+        "unpipe": "~1.0.0"
+      }
+    },
+    "find-babel-config": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/find-babel-config/download/find-babel-config-1.2.0.tgz",
+      "integrity": "sha1-qbezF+tbmGDNqdVHQKjIM3oig6I=",
+      "dev": true,
+      "requires": {
+        "json5": "^0.5.1",
+        "path-exists": "^3.0.0"
+      },
+      "dependencies": {
+        "json5": {
+          "version": "0.5.1",
+          "resolved": "https://registry.npm.taobao.org/json5/download/json5-0.5.1.tgz?cache=0&sync_timestamp=1586045693798&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjson5%2Fdownload%2Fjson5-0.5.1.tgz",
+          "integrity": "sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=",
+          "dev": true
+        }
+      }
+    },
+    "find-index": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npm.taobao.org/find-index/download/find-index-1.1.1.tgz",
+      "integrity": "sha1-SyIfjUa3+L6jPY+u2VPzynoIHLw=",
+      "dev": true
+    },
+    "find-up": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npm.taobao.org/find-up/download/find-up-2.1.0.tgz",
+      "integrity": "sha1-RdG35QbHF93UgndaK3eSCjwMV6c=",
+      "dev": true,
+      "requires": {
+        "locate-path": "^2.0.0"
+      }
+    },
+    "find-yarn-workspace-root": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npm.taobao.org/find-yarn-workspace-root/download/find-yarn-workspace-root-1.2.1.tgz",
+      "integrity": "sha1-QOuObnwlAt36old8F28iFCL4YNs=",
+      "dev": true,
+      "requires": {
+        "fs-extra": "^4.0.3",
+        "micromatch": "^3.1.4"
+      },
+      "dependencies": {
+        "braces": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npm.taobao.org/braces/download/braces-2.3.2.tgz",
+          "integrity": "sha1-WXn9PxTNUxVl5fot8av/8d+u5yk=",
+          "dev": true,
+          "requires": {
+            "arr-flatten": "^1.1.0",
+            "array-unique": "^0.3.2",
+            "extend-shallow": "^2.0.1",
+            "fill-range": "^4.0.0",
+            "isobject": "^3.0.1",
+            "repeat-element": "^1.1.2",
+            "snapdragon": "^0.8.1",
+            "snapdragon-node": "^2.0.1",
+            "split-string": "^3.0.2",
+            "to-regex": "^3.0.1"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npm.taobao.org/extend-shallow/download/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "^0.1.0"
+              }
+            }
+          }
+        },
+        "fill-range": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npm.taobao.org/fill-range/download/fill-range-4.0.0.tgz",
+          "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
+          "dev": true,
+          "requires": {
+            "extend-shallow": "^2.0.1",
+            "is-number": "^3.0.0",
+            "repeat-string": "^1.6.1",
+            "to-regex-range": "^2.1.0"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npm.taobao.org/extend-shallow/download/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "^0.1.0"
+              }
+            }
+          }
+        },
+        "fs-extra": {
+          "version": "4.0.3",
+          "resolved": "https://registry.npm.taobao.org/fs-extra/download/fs-extra-4.0.3.tgz",
+          "integrity": "sha1-DYUhIuW8W+tFP7Ao6cDJvzY0DJQ=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        },
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/is-number/download/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^3.0.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npm.taobao.org/kind-of/download/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "^1.1.5"
+              }
+            }
+          }
+        },
+        "micromatch": {
+          "version": "3.1.10",
+          "resolved": "https://registry.npm.taobao.org/micromatch/download/micromatch-3.1.10.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmicromatch%2Fdownload%2Fmicromatch-3.1.10.tgz",
+          "integrity": "sha1-cIWbyVyYQJUvNZoGij/En57PrCM=",
+          "dev": true,
+          "requires": {
+            "arr-diff": "^4.0.0",
+            "array-unique": "^0.3.2",
+            "braces": "^2.3.1",
+            "define-property": "^2.0.2",
+            "extend-shallow": "^3.0.2",
+            "extglob": "^2.0.4",
+            "fragment-cache": "^0.2.1",
+            "kind-of": "^6.0.2",
+            "nanomatch": "^1.2.9",
+            "object.pick": "^1.3.0",
+            "regex-not": "^1.0.0",
+            "snapdragon": "^0.8.1",
+            "to-regex": "^3.0.2"
+          }
+        },
+        "to-regex-range": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npm.taobao.org/to-regex-range/download/to-regex-range-2.1.1.tgz",
+          "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=",
+          "dev": true,
+          "requires": {
+            "is-number": "^3.0.0",
+            "repeat-string": "^1.6.1"
+          }
+        }
+      }
+    },
+    "findup-sync": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npm.taobao.org/findup-sync/download/findup-sync-4.0.0.tgz",
+      "integrity": "sha1-lWyc3egEBSuIG0KFEpBcSl8s3vA=",
+      "dev": true,
+      "requires": {
+        "detect-file": "^1.0.0",
+        "is-glob": "^4.0.0",
+        "micromatch": "^4.0.2",
+        "resolve-dir": "^1.0.1"
+      }
+    },
+    "fireworm": {
+      "version": "0.7.1",
+      "resolved": "https://registry.npm.taobao.org/fireworm/download/fireworm-0.7.1.tgz",
+      "integrity": "sha1-zPIPeUHxCIg/zduZOD2+bhhhx1g=",
+      "dev": true,
+      "requires": {
+        "async": "~0.2.9",
+        "is-type": "0.0.1",
+        "lodash.debounce": "^3.1.1",
+        "lodash.flatten": "^3.0.2",
+        "minimatch": "^3.0.2"
+      },
+      "dependencies": {
+        "async": {
+          "version": "0.2.10",
+          "resolved": "https://registry.npm.taobao.org/async/download/async-0.2.10.tgz",
+          "integrity": "sha1-trvgsGdLnXGXCMo43owjfLUmw9E=",
+          "dev": true
+        }
+      }
+    },
+    "fixturify": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npm.taobao.org/fixturify/download/fixturify-1.3.0.tgz",
+      "integrity": "sha1-FjxGgJPHxNkLcM3jn9YyX2Uosl0=",
+      "dev": true,
+      "requires": {
+        "@types/fs-extra": "^5.0.5",
+        "@types/minimatch": "^3.0.3",
+        "@types/rimraf": "^2.0.2",
+        "fs-extra": "^7.0.1",
+        "matcher-collection": "^2.0.0"
+      },
+      "dependencies": {
+        "matcher-collection": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/matcher-collection/download/matcher-collection-2.0.1.tgz",
+          "integrity": "sha1-kL4aTPWNbylJhk9luzsPPkEwOyk=",
+          "dev": true,
+          "requires": {
+            "@types/minimatch": "^3.0.3",
+            "minimatch": "^3.0.2"
+          }
+        }
+      }
+    },
+    "fixturify-project": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npm.taobao.org/fixturify-project/download/fixturify-project-1.10.0.tgz",
+      "integrity": "sha1-CRxFKpuxXwm2ucx89cCtVZ8dmq0=",
+      "dev": true,
+      "requires": {
+        "fixturify": "^1.2.0",
+        "tmp": "^0.0.33"
+      },
+      "dependencies": {
+        "tmp": {
+          "version": "0.0.33",
+          "resolved": "https://registry.npm.taobao.org/tmp/download/tmp-0.0.33.tgz",
+          "integrity": "sha1-bTQzWIl2jSGyvNoKonfO07G/rfk=",
+          "dev": true,
+          "requires": {
+            "os-tmpdir": "~1.0.2"
+          }
+        }
+      }
+    },
+    "flat-cache": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/flat-cache/download/flat-cache-2.0.1.tgz",
+      "integrity": "sha1-XSltbwS9pEpGMKMBQTvbwuwIXsA=",
+      "dev": true,
+      "requires": {
+        "flatted": "^2.0.0",
+        "rimraf": "2.6.3",
+        "write": "1.0.3"
+      },
+      "dependencies": {
+        "rimraf": {
+          "version": "2.6.3",
+          "resolved": "https://registry.npm.taobao.org/rimraf/download/rimraf-2.6.3.tgz?cache=0&sync_timestamp=1581257110269&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frimraf%2Fdownload%2Frimraf-2.6.3.tgz",
+          "integrity": "sha1-stEE/g2Psnz54KHNqCYt04M8bKs=",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        }
+      }
+    },
+    "flatted": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npm.taobao.org/flatted/download/flatted-2.0.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fflatted%2Fdownload%2Fflatted-2.0.2.tgz",
+      "integrity": "sha1-RXWyHivO50NKqb5mL0t7X5wrUTg=",
+      "dev": true
+    },
+    "follow-redirects": {
+      "version": "1.11.0",
+      "resolved": "https://registry.npm.taobao.org/follow-redirects/download/follow-redirects-1.11.0.tgz?cache=0&sync_timestamp=1585479417937&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ffollow-redirects%2Fdownload%2Ffollow-redirects-1.11.0.tgz",
+      "integrity": "sha1-r6FPCLoSpSljFA/kMhJliJe8Dss=",
+      "dev": true,
+      "requires": {
+        "debug": "^3.0.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.6",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-3.2.6.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-3.2.6.tgz",
+          "integrity": "sha1-6D0X3hbYp++3cX7b5fsQE17uYps=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        }
+      }
+    },
+    "font-awesome": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npm.taobao.org/font-awesome/download/font-awesome-4.7.0.tgz",
+      "integrity": "sha1-j6jPBBGhoxr9B7BtKQK7n8gVoTM=",
+      "dev": true
+    },
+    "for-in": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/for-in/download/for-in-1.0.2.tgz",
+      "integrity": "sha1-gQaNKVqBQuwKxybG4iAMMPttXoA=",
+      "dev": true
+    },
+    "forever-agent": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npm.taobao.org/forever-agent/download/forever-agent-0.6.1.tgz",
+      "integrity": "sha1-+8cfDEGt6zf5bFd60e1C2P2sypE=",
+      "dev": true,
+      "optional": true
+    },
+    "form-data": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npm.taobao.org/form-data/download/form-data-2.3.3.tgz?cache=0&sync_timestamp=1573027118125&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fform-data%2Fdownload%2Fform-data-2.3.3.tgz",
+      "integrity": "sha1-3M5SwF9kTymManq5Nr1yTO/786Y=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.6",
+        "mime-types": "^2.1.12"
+      }
+    },
+    "forwarded": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npm.taobao.org/forwarded/download/forwarded-0.1.2.tgz",
+      "integrity": "sha1-mMI9qxF1ZXuMBXPozszZGw/xjIQ=",
+      "dev": true
+    },
+    "fragment-cache": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npm.taobao.org/fragment-cache/download/fragment-cache-0.2.1.tgz",
+      "integrity": "sha1-QpD60n8T6Jvn8zeZxrxaCr//DRk=",
+      "dev": true,
+      "requires": {
+        "map-cache": "^0.2.2"
+      }
+    },
+    "fresh": {
+      "version": "0.5.2",
+      "resolved": "https://registry.npm.taobao.org/fresh/download/fresh-0.5.2.tgz",
+      "integrity": "sha1-PYyt2Q2XZWn6g1qx+OSyOhBWBac=",
+      "dev": true
+    },
+    "from2": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npm.taobao.org/from2/download/from2-2.3.0.tgz",
+      "integrity": "sha1-i/tVAr3kpNNs/e6gB/zKIdfjgq8=",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.1",
+        "readable-stream": "^2.0.0"
+      },
+      "dependencies": {
+        "readable-stream": {
+          "version": "2.3.7",
+          "resolved": "https://registry.npm.taobao.org/readable-stream/download/readable-stream-2.3.7.tgz",
+          "integrity": "sha1-Hsoc9xGu+BTAT2IlKjamL2yyO1c=",
+          "dev": true,
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.3",
+            "isarray": "~1.0.0",
+            "process-nextick-args": "~2.0.0",
+            "safe-buffer": "~5.1.1",
+            "string_decoder": "~1.1.1",
+            "util-deprecate": "~1.0.1"
+          }
+        },
+        "string_decoder": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npm.taobao.org/string_decoder/download/string_decoder-1.1.1.tgz",
+          "integrity": "sha1-nPFhG6YmhdcDCunkujQUnDrwP8g=",
+          "dev": true,
+          "requires": {
+            "safe-buffer": "~5.1.0"
+          }
+        }
+      }
+    },
+    "fs-extra": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npm.taobao.org/fs-extra/download/fs-extra-7.0.1.tgz",
+      "integrity": "sha1-TxicRKoSO4lfcigE9V6iPq3DSOk=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.2",
+        "jsonfile": "^4.0.0",
+        "universalify": "^0.1.0"
+      }
+    },
+    "fs-merger": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npm.taobao.org/fs-merger/download/fs-merger-3.0.2.tgz",
+      "integrity": "sha1-vxETNLibjWW5VYDTPFh9x5YgpOM=",
+      "dev": true,
+      "requires": {
+        "broccoli-node-api": "^1.7.0",
+        "broccoli-node-info": "^2.1.0",
+        "fs-extra": "^8.0.1",
+        "fs-tree-diff": "^2.0.1",
+        "rimraf": "^2.6.3",
+        "walk-sync": "^2.0.2"
+      },
+      "dependencies": {
+        "fs-extra": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npm.taobao.org/fs-extra/download/fs-extra-8.1.0.tgz",
+          "integrity": "sha1-SdQ8RaiM2Wd2aMt74bRu/bjS4cA=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        },
+        "fs-tree-diff": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/fs-tree-diff/download/fs-tree-diff-2.0.1.tgz",
+          "integrity": "sha1-ND5HRatDXsOeusX5BZrZGc0DSvo=",
+          "dev": true,
+          "requires": {
+            "@types/symlink-or-copy": "^1.2.0",
+            "heimdalljs-logger": "^0.1.7",
+            "object-assign": "^4.1.0",
+            "path-posix": "^1.0.0",
+            "symlink-or-copy": "^1.1.8"
+          }
+        },
+        "matcher-collection": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/matcher-collection/download/matcher-collection-2.0.1.tgz",
+          "integrity": "sha1-kL4aTPWNbylJhk9luzsPPkEwOyk=",
+          "dev": true,
+          "requires": {
+            "@types/minimatch": "^3.0.3",
+            "minimatch": "^3.0.2"
+          }
+        },
+        "walk-sync": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npm.taobao.org/walk-sync/download/walk-sync-2.0.2.tgz",
+          "integrity": "sha1-Xqiig3fIvmjJLVD0AH6jgXJdoUs=",
+          "dev": true,
+          "requires": {
+            "@types/minimatch": "^3.0.3",
+            "ensure-posix-path": "^1.1.0",
+            "matcher-collection": "^2.0.0"
+          }
+        }
+      }
+    },
+    "fs-tree-diff": {
+      "version": "0.5.9",
+      "resolved": "https://registry.npm.taobao.org/fs-tree-diff/download/fs-tree-diff-0.5.9.tgz",
+      "integrity": "sha1-pOxhgsL1vYC5uDyOI+RSLm9f2UY=",
+      "dev": true,
+      "requires": {
+        "heimdalljs-logger": "^0.1.7",
+        "object-assign": "^4.1.0",
+        "path-posix": "^1.0.0",
+        "symlink-or-copy": "^1.1.8"
+      }
+    },
+    "fs-updater": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npm.taobao.org/fs-updater/download/fs-updater-1.0.4.tgz",
+      "integrity": "sha1-IymYD5mukXbpoOhPdjdTihgs5js=",
+      "dev": true,
+      "requires": {
+        "can-symlink": "^1.0.0",
+        "clean-up-path": "^1.0.0",
+        "heimdalljs": "^0.2.5",
+        "heimdalljs-logger": "^0.1.9",
+        "rimraf": "^2.6.2"
+      }
+    },
+    "fs.realpath": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/fs.realpath/download/fs.realpath-1.0.0.tgz",
+      "integrity": "sha1-FQStJSMVjKpA20onh8sBQRmU6k8=",
+      "dev": true
+    },
+    "fuelux": {
+      "version": "3.17.2",
+      "resolved": "https://registry.npm.taobao.org/fuelux/download/fuelux-3.17.2.tgz",
+      "integrity": "sha1-/sttW/a688H9riXQDJNeTFmvz0M=",
+      "dev": true,
+      "requires": {
+        "bootstrap": "^3.4.1",
+        "jquery": "3.2.1",
+        "moment": "2.18.1",
+        "require-handlebars-plugin": "^1.0.0"
+      },
+      "dependencies": {
+        "jquery": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npm.taobao.org/jquery/download/jquery-3.2.1.tgz?cache=0&sync_timestamp=1586533502771&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjquery%2Fdownload%2Fjquery-3.2.1.tgz",
+          "integrity": "sha1-XE2d5lKvbNCncBVKYxu6ErAVx4c=",
+          "dev": true
+        },
+        "moment": {
+          "version": "2.18.1",
+          "resolved": "https://registry.npm.taobao.org/moment/download/moment-2.18.1.tgz",
+          "integrity": "sha1-w2GT3Tzhwu7SrbfIAtu8d6gbHA8=",
+          "dev": true
+        }
+      }
+    },
+    "function-bind": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npm.taobao.org/function-bind/download/function-bind-1.1.1.tgz",
+      "integrity": "sha1-pWiZ0+o8m6uHS7l3O3xe3pL0iV0=",
+      "dev": true
+    },
+    "functional-red-black-tree": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/functional-red-black-tree/download/functional-red-black-tree-1.0.1.tgz",
+      "integrity": "sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=",
+      "dev": true
+    },
+    "gauge": {
+      "version": "2.7.4",
+      "resolved": "https://registry.npm.taobao.org/gauge/download/gauge-2.7.4.tgz",
+      "integrity": "sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=",
+      "dev": true,
+      "requires": {
+        "aproba": "^1.0.3",
+        "console-control-strings": "^1.0.0",
+        "has-unicode": "^2.0.0",
+        "object-assign": "^4.1.0",
+        "signal-exit": "^3.0.0",
+        "string-width": "^1.0.1",
+        "strip-ansi": "^3.0.1",
+        "wide-align": "^1.1.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-2.1.1.tgz",
+          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+          "dev": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-1.0.0.tgz",
+          "integrity": "sha1-754xOG8DGn8NZDr4L95QxFfvAMs=",
+          "dev": true,
+          "requires": {
+            "number-is-nan": "^1.0.0"
+          }
+        },
+        "string-width": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npm.taobao.org/string-width/download/string-width-1.0.2.tgz",
+          "integrity": "sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=",
+          "dev": true,
+          "requires": {
+            "code-point-at": "^1.0.0",
+            "is-fullwidth-code-point": "^1.0.0",
+            "strip-ansi": "^3.0.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-3.0.1.tgz?cache=0&sync_timestamp=1573280518303&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-3.0.1.tgz",
+          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^2.0.0"
+          }
+        }
+      }
+    },
+    "gensync": {
+      "version": "1.0.0-beta.1",
+      "resolved": "https://registry.npm.taobao.org/gensync/download/gensync-1.0.0-beta.1.tgz",
+      "integrity": "sha1-WPQ2H/mH5f9uHnohCCeqNx6qwmk=",
+      "dev": true
+    },
+    "get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npm.taobao.org/get-caller-file/download/get-caller-file-2.0.5.tgz",
+      "integrity": "sha1-T5RBKoLbMvNuOwuXQfipf+sDH34=",
+      "dev": true
+    },
+    "get-stdin": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npm.taobao.org/get-stdin/download/get-stdin-4.0.1.tgz",
+      "integrity": "sha1-uWjGsKBDhDJJAui/Gl3zJXmkUP4=",
+      "dev": true
+    },
+    "get-stream": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npm.taobao.org/get-stream/download/get-stream-4.1.0.tgz",
+      "integrity": "sha1-wbJVV189wh1Zv8ec09K0axw6VLU=",
+      "dev": true,
+      "requires": {
+        "pump": "^3.0.0"
+      }
+    },
+    "get-value": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npm.taobao.org/get-value/download/get-value-2.0.6.tgz",
+      "integrity": "sha1-3BXKHGcjh8p2vTesCjlbogQqLCg=",
+      "dev": true
+    },
+    "getpass": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npm.taobao.org/getpass/download/getpass-0.1.7.tgz",
+      "integrity": "sha1-Xv+OPmhNVprkyysSgmBOi6YhSfo=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "assert-plus": "^1.0.0"
+      }
+    },
+    "git-hooks-list": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npm.taobao.org/git-hooks-list/download/git-hooks-list-1.0.3.tgz",
+      "integrity": "sha1-vluq94IDzjQvL4RKnSsD26G0UVY=",
+      "dev": true
+    },
+    "git-repo-info": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npm.taobao.org/git-repo-info/download/git-repo-info-2.1.1.tgz",
+      "integrity": "sha1-Ig/+2MuudO+KgOMFLyzLUXmu0Fg=",
+      "dev": true
+    },
+    "git-repo-version": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/git-repo-version/download/git-repo-version-1.0.2.tgz",
+      "integrity": "sha1-LI6b7l2XDK/A3VhID53FbZr+jk8=",
+      "dev": true,
+      "requires": {
+        "git-repo-info": "^1.4.1"
+      },
+      "dependencies": {
+        "git-repo-info": {
+          "version": "1.4.1",
+          "resolved": "https://registry.npm.taobao.org/git-repo-info/download/git-repo-info-1.4.1.tgz",
+          "integrity": "sha1-KgcoIyVKr2L88HZgB9e2ZRvUGUM=",
+          "dev": true
+        }
+      }
+    },
+    "glob": {
+      "version": "7.1.6",
+      "resolved": "https://registry.npm.taobao.org/glob/download/glob-7.1.6.tgz",
+      "integrity": "sha1-FB8zuBp8JJLhJVlDB0gMRmeSeKY=",
+      "dev": true,
+      "requires": {
+        "fs.realpath": "^1.0.0",
+        "inflight": "^1.0.4",
+        "inherits": "2",
+        "minimatch": "^3.0.4",
+        "once": "^1.3.0",
+        "path-is-absolute": "^1.0.0"
+      }
+    },
+    "glob-parent": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npm.taobao.org/glob-parent/download/glob-parent-5.1.1.tgz?cache=0&sync_timestamp=1584836110944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fglob-parent%2Fdownload%2Fglob-parent-5.1.1.tgz",
+      "integrity": "sha1-tsHvQXxOVmPqSY8cRa+saRa7wik=",
+      "dev": true,
+      "requires": {
+        "is-glob": "^4.0.1"
+      }
+    },
+    "global-modules": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/global-modules/download/global-modules-1.0.0.tgz",
+      "integrity": "sha1-bXcPDrUjrHgWTXK15xqIdyZcw+o=",
+      "dev": true,
+      "requires": {
+        "global-prefix": "^1.0.1",
+        "is-windows": "^1.0.1",
+        "resolve-dir": "^1.0.0"
+      }
+    },
+    "global-prefix": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/global-prefix/download/global-prefix-1.0.2.tgz",
+      "integrity": "sha1-2/dDxsFJklk8ZVVoy2btMsASLr4=",
+      "dev": true,
+      "requires": {
+        "expand-tilde": "^2.0.2",
+        "homedir-polyfill": "^1.0.1",
+        "ini": "^1.3.4",
+        "is-windows": "^1.0.1",
+        "which": "^1.2.14"
+      }
+    },
+    "globals": {
+      "version": "11.12.0",
+      "resolved": "https://registry.npm.taobao.org/globals/download/globals-11.12.0.tgz",
+      "integrity": "sha1-q4eVM4hooLq9hSV1gBjCp+uVxC4=",
+      "dev": true
+    },
+    "globby": {
+      "version": "11.0.0",
+      "resolved": "https://registry.npm.taobao.org/globby/download/globby-11.0.0.tgz?cache=0&sync_timestamp=1578303587439&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fglobby%2Fdownload%2Fglobby-11.0.0.tgz",
+      "integrity": "sha1-Vv0Onw1Pj7DEVvGrDe6W4TgLwVQ=",
+      "dev": true,
+      "requires": {
+        "array-union": "^2.1.0",
+        "dir-glob": "^3.0.1",
+        "fast-glob": "^3.1.1",
+        "ignore": "^5.1.4",
+        "merge2": "^1.3.0",
+        "slash": "^3.0.0"
+      }
+    },
+    "good-listener": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npm.taobao.org/good-listener/download/good-listener-1.2.2.tgz",
+      "integrity": "sha1-1TswzfkxPf+33JoNR3CWqm0UXFA=",
+      "dev": true,
+      "requires": {
+        "delegate": "^3.1.2"
+      }
+    },
+    "got": {
+      "version": "8.3.2",
+      "resolved": "https://registry.npm.taobao.org/got/download/got-8.3.2.tgz",
+      "integrity": "sha1-HSP2Q5Dpf3dsrFLluTbl9RTS6Tc=",
+      "dev": true,
+      "requires": {
+        "@sindresorhus/is": "^0.7.0",
+        "cacheable-request": "^2.1.1",
+        "decompress-response": "^3.3.0",
+        "duplexer3": "^0.1.4",
+        "get-stream": "^3.0.0",
+        "into-stream": "^3.1.0",
+        "is-retry-allowed": "^1.1.0",
+        "isurl": "^1.0.0-alpha5",
+        "lowercase-keys": "^1.0.0",
+        "mimic-response": "^1.0.0",
+        "p-cancelable": "^0.4.0",
+        "p-timeout": "^2.0.1",
+        "pify": "^3.0.0",
+        "safe-buffer": "^5.1.1",
+        "timed-out": "^4.0.1",
+        "url-parse-lax": "^3.0.0",
+        "url-to-options": "^1.0.1"
+      },
+      "dependencies": {
+        "get-stream": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/get-stream/download/get-stream-3.0.0.tgz",
+          "integrity": "sha1-jpQ9E1jcN1VQVOy+LtsFqhdO3hQ=",
+          "dev": true
+        }
+      }
+    },
+    "graceful-fs": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npm.taobao.org/graceful-fs/download/graceful-fs-4.2.3.tgz",
+      "integrity": "sha1-ShL/G2A3bvCYYsIJPt2Qgyi+hCM=",
+      "dev": true
+    },
+    "graceful-readlink": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/graceful-readlink/download/graceful-readlink-1.0.1.tgz",
+      "integrity": "sha1-TK+tdrxi8C+gObL5Tpo906ORpyU=",
+      "dev": true
+    },
+    "growly": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npm.taobao.org/growly/download/growly-1.3.0.tgz",
+      "integrity": "sha1-8QdIy+dq+WS3yWyTxrzCivEgwIE=",
+      "dev": true
+    },
+    "handlebars": {
+      "version": "4.7.6",
+      "resolved": "https://registry.npm.taobao.org/handlebars/download/handlebars-4.7.6.tgz",
+      "integrity": "sha1-1MBcG6+Q6ZRfd6pop6IZqkp9904=",
+      "dev": true,
+      "requires": {
+        "minimist": "^1.2.5",
+        "neo-async": "^2.6.0",
+        "source-map": "^0.6.1",
+        "uglify-js": "^3.1.4",
+        "wordwrap": "^1.0.0"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz",
+          "integrity": "sha1-dHIq8y6WFOnCh6jQu95IteLxomM=",
+          "dev": true
+        },
+        "wordwrap": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npm.taobao.org/wordwrap/download/wordwrap-1.0.0.tgz",
+          "integrity": "sha1-J1hIEIkUVqQXHI0CJkQa3pDLyus=",
+          "dev": true
+        }
+      }
+    },
+    "har-schema": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/har-schema/download/har-schema-2.0.0.tgz",
+      "integrity": "sha1-qUwiJOvKwEeCoNkDVSHyRzW37JI=",
+      "dev": true,
+      "optional": true
+    },
+    "har-validator": {
+      "version": "5.1.3",
+      "resolved": "https://registry.npm.taobao.org/har-validator/download/har-validator-5.1.3.tgz",
+      "integrity": "sha1-HvievT5JllV2de7ZiTEQ3DUPoIA=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "ajv": "^6.5.5",
+        "har-schema": "^2.0.0"
+      }
+    },
+    "has": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npm.taobao.org/has/download/has-1.0.3.tgz",
+      "integrity": "sha1-ci18v8H2qoJB8W3YFOAR4fQeh5Y=",
+      "dev": true,
+      "requires": {
+        "function-bind": "^1.1.1"
+      }
+    },
+    "has-ansi": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/has-ansi/download/has-ansi-3.0.0.tgz",
+      "integrity": "sha1-Ngd+8dFfMzSEqn+neihgbxxlWzc=",
+      "dev": true,
+      "requires": {
+        "ansi-regex": "^3.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-3.0.0.tgz",
+          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
+          "dev": true
+        }
+      }
+    },
+    "has-binary2": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npm.taobao.org/has-binary2/download/has-binary2-1.0.3.tgz",
+      "integrity": "sha1-d3asYn8+p3JQz8My2rfd9eT10R0=",
+      "dev": true,
+      "requires": {
+        "isarray": "2.0.1"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/isarray/download/isarray-2.0.1.tgz?cache=0&sync_timestamp=1562592096220&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fisarray%2Fdownload%2Fisarray-2.0.1.tgz",
+          "integrity": "sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4=",
+          "dev": true
+        }
+      }
+    },
+    "has-cors": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/has-cors/download/has-cors-1.1.0.tgz",
+      "integrity": "sha1-XkdHk/fqmEPRu5nCPu9J/xJv/zk=",
+      "dev": true
+    },
+    "has-flag": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/has-flag/download/has-flag-3.0.0.tgz",
+      "integrity": "sha1-tdRU3CGZriJWmfNGfloH87lVuv0=",
+      "dev": true
+    },
+    "has-symbol-support-x": {
+      "version": "1.4.2",
+      "resolved": "https://registry.npm.taobao.org/has-symbol-support-x/download/has-symbol-support-x-1.4.2.tgz",
+      "integrity": "sha1-FAn5i8ACR9pF2mfO4KNvKC/yZFU=",
+      "dev": true
+    },
+    "has-symbols": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/has-symbols/download/has-symbols-1.0.1.tgz",
+      "integrity": "sha1-n1IUdYpEGWxAbZvXbOv4HsLdMeg=",
+      "dev": true
+    },
+    "has-to-string-tag-x": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npm.taobao.org/has-to-string-tag-x/download/has-to-string-tag-x-1.4.1.tgz",
+      "integrity": "sha1-oEWrOD17SyASoAFIqwql8pAETU0=",
+      "dev": true,
+      "requires": {
+        "has-symbol-support-x": "^1.4.1"
+      }
+    },
+    "has-unicode": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/has-unicode/download/has-unicode-2.0.1.tgz",
+      "integrity": "sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=",
+      "dev": true
+    },
+    "has-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/has-value/download/has-value-1.0.0.tgz",
+      "integrity": "sha1-GLKB2lhbHFxR3vJMkw7SmgvmsXc=",
+      "dev": true,
+      "requires": {
+        "get-value": "^2.0.6",
+        "has-values": "^1.0.0",
+        "isobject": "^3.0.0"
+      }
+    },
+    "has-values": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/has-values/download/has-values-1.0.0.tgz",
+      "integrity": "sha1-lbC2P+whRmGab+V/51Yo1aOe/k8=",
+      "dev": true,
+      "requires": {
+        "is-number": "^3.0.0",
+        "kind-of": "^4.0.0"
+      },
+      "dependencies": {
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/is-number/download/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^3.0.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npm.taobao.org/kind-of/download/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "^1.1.5"
+              }
+            }
+          }
+        },
+        "kind-of": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npm.taobao.org/kind-of/download/kind-of-4.0.0.tgz",
+          "integrity": "sha1-IIE989cSkosgc3hpGkUGb65y3Vc=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "hash-for-dep": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npm.taobao.org/hash-for-dep/download/hash-for-dep-1.5.1.tgz",
+      "integrity": "sha1-SXdUs5vuLxxK3kUhv9KvCnwRluM=",
+      "dev": true,
+      "requires": {
+        "broccoli-kitchen-sink-helpers": "^0.3.1",
+        "heimdalljs": "^0.2.3",
+        "heimdalljs-logger": "^0.1.7",
+        "path-root": "^0.1.1",
+        "resolve": "^1.10.0",
+        "resolve-package-path": "^1.0.11"
+      }
+    },
+    "heimdalljs": {
+      "version": "0.2.6",
+      "resolved": "https://registry.npm.taobao.org/heimdalljs/download/heimdalljs-0.2.6.tgz",
+      "integrity": "sha1-sO66vEEoE665VC+cxiLLWNvc2f4=",
+      "dev": true,
+      "requires": {
+        "rsvp": "~3.2.1"
+      },
+      "dependencies": {
+        "rsvp": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-3.2.1.tgz",
+          "integrity": "sha1-B8tKXfJa3Z6Cbrxn3Mn9idsn2Eo=",
+          "dev": true
+        }
+      }
+    },
+    "heimdalljs-fs-monitor": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npm.taobao.org/heimdalljs-fs-monitor/download/heimdalljs-fs-monitor-0.2.3.tgz",
+      "integrity": "sha1-Gu3UscYdhsUfYUH7dcWjNQ3EGxU=",
+      "dev": true,
+      "requires": {
+        "heimdalljs": "^0.2.3",
+        "heimdalljs-logger": "^0.1.7"
+      }
+    },
+    "heimdalljs-graph": {
+      "version": "0.3.5",
+      "resolved": "https://registry.npm.taobao.org/heimdalljs-graph/download/heimdalljs-graph-0.3.5.tgz",
+      "integrity": "sha1-Qg+7yPw67Flj3bvxpftHkhxKWSc=",
+      "dev": true
+    },
+    "heimdalljs-logger": {
+      "version": "0.1.10",
+      "resolved": "https://registry.npm.taobao.org/heimdalljs-logger/download/heimdalljs-logger-0.1.10.tgz",
+      "integrity": "sha1-kMrViquxWQo8fmQN3GpM06Q/qvc=",
+      "dev": true,
+      "requires": {
+        "debug": "^2.2.0",
+        "heimdalljs": "^0.2.6"
+      }
+    },
+    "home-or-tmp": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/home-or-tmp/download/home-or-tmp-2.0.0.tgz",
+      "integrity": "sha1-42w/LSyufXRqhX440Y1fMqeILbg=",
+      "dev": true,
+      "requires": {
+        "os-homedir": "^1.0.0",
+        "os-tmpdir": "^1.0.1"
+      }
+    },
+    "homedir-polyfill": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npm.taobao.org/homedir-polyfill/download/homedir-polyfill-1.0.3.tgz",
+      "integrity": "sha1-dDKYzvTlrz4ZQWH7rcwhUdOgWOg=",
+      "dev": true,
+      "requires": {
+        "parse-passwd": "^1.0.0"
+      }
+    },
+    "hosted-git-info": {
+      "version": "2.8.8",
+      "resolved": "https://registry.npm.taobao.org/hosted-git-info/download/hosted-git-info-2.8.8.tgz?cache=0&sync_timestamp=1583017354488&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fhosted-git-info%2Fdownload%2Fhosted-git-info-2.8.8.tgz",
+      "integrity": "sha1-dTm9S8Hg4KiVgVouAmJCCxKFhIg=",
+      "dev": true
+    },
+    "http-cache-semantics": {
+      "version": "3.8.1",
+      "resolved": "https://registry.npm.taobao.org/http-cache-semantics/download/http-cache-semantics-3.8.1.tgz?cache=0&sync_timestamp=1583107049902&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fhttp-cache-semantics%2Fdownload%2Fhttp-cache-semantics-3.8.1.tgz",
+      "integrity": "sha1-ObDhat2bYFvwqe89nar0hDtMrNI=",
+      "dev": true
+    },
+    "http-errors": {
+      "version": "1.6.3",
+      "resolved": "https://registry.npm.taobao.org/http-errors/download/http-errors-1.6.3.tgz",
+      "integrity": "sha1-i1VoC7S+KDoLW/TqLjhYC+HZMg0=",
+      "dev": true,
+      "requires": {
+        "depd": "~1.1.2",
+        "inherits": "2.0.3",
+        "setprototypeof": "1.1.0",
+        "statuses": ">= 1.4.0 < 2"
+      },
+      "dependencies": {
+        "inherits": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npm.taobao.org/inherits/download/inherits-2.0.3.tgz",
+          "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
+          "dev": true
+        }
+      }
+    },
+    "http-parser-js": {
+      "version": "0.4.10",
+      "resolved": "https://registry.npm.taobao.org/http-parser-js/download/http-parser-js-0.4.10.tgz",
+      "integrity": "sha1-ksnBN0w1CF912zWexWzCV8u5P6Q=",
+      "dev": true
+    },
+    "http-proxy": {
+      "version": "1.18.0",
+      "resolved": "https://registry.npm.taobao.org/http-proxy/download/http-proxy-1.18.0.tgz",
+      "integrity": "sha1-2+VfY+daNH2389mZdPJpKjFKajo=",
+      "dev": true,
+      "requires": {
+        "eventemitter3": "^4.0.0",
+        "follow-redirects": "^1.0.0",
+        "requires-port": "^1.0.0"
+      }
+    },
+    "http-signature": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/http-signature/download/http-signature-1.2.0.tgz?cache=0&sync_timestamp=1585807874533&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fhttp-signature%2Fdownload%2Fhttp-signature-1.2.0.tgz",
+      "integrity": "sha1-muzZJRFHcvPZW2WmCruPfBj7rOE=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "assert-plus": "^1.0.0",
+        "jsprim": "^1.2.2",
+        "sshpk": "^1.7.0"
+      }
+    },
+    "https": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/https/download/https-1.0.0.tgz",
+      "integrity": "sha1-PDfHrhqO65ZpBKKtHpdaGUt+06Q=",
+      "dev": true
+    },
+    "iconv-lite": {
+      "version": "0.4.24",
+      "resolved": "https://registry.npm.taobao.org/iconv-lite/download/iconv-lite-0.4.24.tgz?cache=0&sync_timestamp=1579333981154&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ficonv-lite%2Fdownload%2Ficonv-lite-0.4.24.tgz",
+      "integrity": "sha1-ICK0sl+93CHS9SSXSkdKr+czkIs=",
+      "dev": true,
+      "requires": {
+        "safer-buffer": ">= 2.1.2 < 3"
+      }
+    },
+    "ignore": {
+      "version": "5.1.4",
+      "resolved": "https://registry.npm.taobao.org/ignore/download/ignore-5.1.4.tgz",
+      "integrity": "sha1-hLez2+ZFUrbvDsqZ9nQ9vsbZet8=",
+      "dev": true
+    },
+    "image-size": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npm.taobao.org/image-size/download/image-size-0.5.5.tgz",
+      "integrity": "sha1-Cd/Uq50g4p6xw+gLiZA3jfnjy5w=",
+      "dev": true,
+      "optional": true
+    },
+    "import-fresh": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npm.taobao.org/import-fresh/download/import-fresh-3.2.1.tgz",
+      "integrity": "sha1-Yz/2GFBueTr1rJG/SLcmd+FcvmY=",
+      "dev": true,
+      "requires": {
+        "parent-module": "^1.0.0",
+        "resolve-from": "^4.0.0"
+      }
+    },
+    "imurmurhash": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npm.taobao.org/imurmurhash/download/imurmurhash-0.1.4.tgz",
+      "integrity": "sha1-khi5srkoojixPcT7a21XbyMUU+o=",
+      "dev": true
+    },
+    "include-path-searcher": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npm.taobao.org/include-path-searcher/download/include-path-searcher-0.1.0.tgz",
+      "integrity": "sha1-wM8t36Fk+y6uB7x8pDp/GRy0170=",
+      "dev": true
+    },
+    "indexof": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npm.taobao.org/indexof/download/indexof-0.0.1.tgz",
+      "integrity": "sha1-gtwzbSMrkGIXnQWrMpOmYFn9Q10=",
+      "dev": true
+    },
+    "inflection": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npm.taobao.org/inflection/download/inflection-1.12.0.tgz",
+      "integrity": "sha1-ogCTVlbW9fa8TcdQLhrstwMihBY=",
+      "dev": true
+    },
+    "inflight": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npm.taobao.org/inflight/download/inflight-1.0.6.tgz",
+      "integrity": "sha1-Sb1jMdfQLQwJvJEKEHW6gWW1bfk=",
+      "dev": true,
+      "requires": {
+        "once": "^1.3.0",
+        "wrappy": "1"
+      }
+    },
+    "inherits": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npm.taobao.org/inherits/download/inherits-2.0.4.tgz",
+      "integrity": "sha1-D6LGT5MpF8NDOg3tVTY6rjdBa3w=",
+      "dev": true
+    },
+    "ini": {
+      "version": "1.3.5",
+      "resolved": "https://registry.npm.taobao.org/ini/download/ini-1.3.5.tgz",
+      "integrity": "sha1-7uJfVtscnsYIXgwid4CD9Zar+Sc=",
+      "dev": true
+    },
+    "inline-source-map-comment": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npm.taobao.org/inline-source-map-comment/download/inline-source-map-comment-1.0.5.tgz",
+      "integrity": "sha1-UKikTCp5DfrEQbXJTszVRiY1+vY=",
+      "dev": true,
+      "requires": {
+        "chalk": "^1.0.0",
+        "get-stdin": "^4.0.1",
+        "minimist": "^1.1.1",
+        "sum-up": "^1.0.1",
+        "xtend": "^4.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-2.1.1.tgz",
+          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-2.2.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-styles%2Fdownload%2Fansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
+          "dev": true
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npm.taobao.org/chalk/download/chalk-1.1.3.tgz?cache=0&sync_timestamp=1585815759944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^2.2.1",
+            "escape-string-regexp": "^1.0.2",
+            "has-ansi": "^2.0.0",
+            "strip-ansi": "^3.0.0",
+            "supports-color": "^2.0.0"
+          }
+        },
+        "has-ansi": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/has-ansi/download/has-ansi-2.0.0.tgz",
+          "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^2.0.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-3.0.1.tgz?cache=0&sync_timestamp=1573280518303&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-3.0.1.tgz",
+          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^2.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/supports-color/download/supports-color-2.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
+          "dev": true
+        }
+      }
+    },
+    "inquirer": {
+      "version": "7.1.0",
+      "resolved": "https://registry.npm.taobao.org/inquirer/download/inquirer-7.1.0.tgz",
+      "integrity": "sha1-EpigGFmIPhfHJkuChwrhA0+S3Sk=",
+      "dev": true,
+      "requires": {
+        "ansi-escapes": "^4.2.1",
+        "chalk": "^3.0.0",
+        "cli-cursor": "^3.1.0",
+        "cli-width": "^2.0.0",
+        "external-editor": "^3.0.3",
+        "figures": "^3.0.0",
+        "lodash": "^4.17.15",
+        "mute-stream": "0.0.8",
+        "run-async": "^2.4.0",
+        "rxjs": "^6.5.3",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0",
+        "through": "^2.3.6"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-4.2.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-styles%2Fdownload%2Fansi-styles-4.2.1.tgz",
+          "integrity": "sha1-kK51xCTQCNJiTFvynq0xd+v881k=",
+          "dev": true,
+          "requires": {
+            "@types/color-name": "^1.1.1",
+            "color-convert": "^2.0.1"
+          }
+        },
+        "chalk": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/chalk/download/chalk-3.0.0.tgz?cache=0&sync_timestamp=1585815759944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-3.0.0.tgz",
+          "integrity": "sha1-P3PCv1JlkfV0zEksUeJFY0n4ROQ=",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^4.1.0",
+            "supports-color": "^7.1.0"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/color-convert/download/color-convert-2.0.1.tgz",
+          "integrity": "sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz",
+          "integrity": "sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=",
+          "dev": true
+        },
+        "has-flag": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npm.taobao.org/has-flag/download/has-flag-4.0.0.tgz",
+          "integrity": "sha1-lEdx/ZyByBJlxNaUGGDaBrtZR5s=",
+          "dev": true
+        },
+        "supports-color": {
+          "version": "7.1.0",
+          "resolved": "https://registry.npm.taobao.org/supports-color/download/supports-color-7.1.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-7.1.0.tgz",
+          "integrity": "sha1-aOMlkd9z4lrRxLSRCKLsUHliv9E=",
+          "dev": true,
+          "requires": {
+            "has-flag": "^4.0.0"
+          }
+        }
+      }
+    },
+    "into-stream": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npm.taobao.org/into-stream/download/into-stream-3.1.0.tgz",
+      "integrity": "sha1-lvsKk2wSur1v8XUqF9BWFqvQlMY=",
+      "dev": true,
+      "requires": {
+        "from2": "^2.1.1",
+        "p-is-promise": "^1.1.0"
+      }
+    },
+    "invariant": {
+      "version": "2.2.4",
+      "resolved": "https://registry.npm.taobao.org/invariant/download/invariant-2.2.4.tgz",
+      "integrity": "sha1-YQ88ksk1nOHbYW5TgAjSP/NRWOY=",
+      "dev": true,
+      "requires": {
+        "loose-envify": "^1.0.0"
+      }
+    },
+    "ipaddr.js": {
+      "version": "1.9.1",
+      "resolved": "https://registry.npm.taobao.org/ipaddr.js/download/ipaddr.js-1.9.1.tgz",
+      "integrity": "sha1-v/OFQ+64mEglB5/zoqjmy9RngbM=",
+      "dev": true
+    },
+    "is-accessor-descriptor": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npm.taobao.org/is-accessor-descriptor/download/is-accessor-descriptor-0.1.6.tgz",
+      "integrity": "sha1-qeEss66Nh2cn7u84Q/igiXtcmNY=",
+      "dev": true,
+      "requires": {
+        "kind-of": "^3.0.2"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npm.taobao.org/kind-of/download/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "is-buffer": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npm.taobao.org/is-buffer/download/is-buffer-1.1.6.tgz",
+      "integrity": "sha1-76ouqdqg16suoTqXsritUf776L4=",
+      "dev": true
+    },
+    "is-callable": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npm.taobao.org/is-callable/download/is-callable-1.1.5.tgz",
+      "integrity": "sha1-9+RrWWiQRW23Tn9ul2yzJz0G+qs=",
+      "dev": true
+    },
+    "is-data-descriptor": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npm.taobao.org/is-data-descriptor/download/is-data-descriptor-0.1.4.tgz",
+      "integrity": "sha1-C17mSDiOLIYCgueT8YVv7D8wG1Y=",
+      "dev": true,
+      "requires": {
+        "kind-of": "^3.0.2"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npm.taobao.org/kind-of/download/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "is-date-object": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/is-date-object/download/is-date-object-1.0.2.tgz?cache=0&sync_timestamp=1576729182289&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-date-object%2Fdownload%2Fis-date-object-1.0.2.tgz",
+      "integrity": "sha1-vac28s2P0G0yhE53Q7+nSUw7/X4=",
+      "dev": true
+    },
+    "is-descriptor": {
+      "version": "0.1.6",
+      "resolved": "https://registry.npm.taobao.org/is-descriptor/download/is-descriptor-0.1.6.tgz",
+      "integrity": "sha1-Nm2CQN3kh8pRgjsaufB6EKeCUco=",
+      "dev": true,
+      "requires": {
+        "is-accessor-descriptor": "^0.1.6",
+        "is-data-descriptor": "^0.1.4",
+        "kind-of": "^5.0.0"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "5.1.0",
+          "resolved": "https://registry.npm.taobao.org/kind-of/download/kind-of-5.1.0.tgz",
+          "integrity": "sha1-cpyR4thXt6QZofmqZWhcTDP1hF0=",
+          "dev": true
+        }
+      }
+    },
+    "is-extendable": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npm.taobao.org/is-extendable/download/is-extendable-0.1.1.tgz",
+      "integrity": "sha1-YrEQ4omkcUGOPsNqYX1HLjAd/Ik=",
+      "dev": true
+    },
+    "is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npm.taobao.org/is-extglob/download/is-extglob-2.1.1.tgz",
+      "integrity": "sha1-qIwCU1eR8C7TfHahueqXc8gz+MI=",
+      "dev": true
+    },
+    "is-finite": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/is-finite/download/is-finite-1.1.0.tgz?cache=0&sync_timestamp=1581061044831&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fis-finite%2Fdownload%2Fis-finite-1.1.0.tgz",
+      "integrity": "sha1-kEE1x3+0LAZB1qobzbxNqo2ggvM=",
+      "dev": true
+    },
+    "is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha1-8Rb4Bk/pCz94RKOJl8C3UFEmnx0=",
+      "dev": true
+    },
+    "is-git-url": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/is-git-url/download/is-git-url-1.0.0.tgz",
+      "integrity": "sha1-U/aEzRQyhbUsMkS05vKCU1J69ms=",
+      "dev": true
+    },
+    "is-glob": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npm.taobao.org/is-glob/download/is-glob-4.0.1.tgz",
+      "integrity": "sha1-dWfb6fL14kZ7x3q4PEopSCQHpdw=",
+      "dev": true,
+      "requires": {
+        "is-extglob": "^2.1.1"
+      }
+    },
+    "is-interactive": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/is-interactive/download/is-interactive-1.0.0.tgz",
+      "integrity": "sha1-zqbmrlyHCnsKAAQHC3tYfgJSkS4=",
+      "dev": true
+    },
+    "is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npm.taobao.org/is-number/download/is-number-7.0.0.tgz",
+      "integrity": "sha1-dTU0W4lnNNX4DE0GxQlVUnoU8Ss=",
+      "dev": true
+    },
+    "is-obj": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/is-obj/download/is-obj-1.0.1.tgz",
+      "integrity": "sha1-PkcprB9f3gJc19g6iW2rn09n2w8=",
+      "dev": true
+    },
+    "is-object": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/is-object/download/is-object-1.0.1.tgz",
+      "integrity": "sha1-iVJojF7C/9awPsyF52ngKQMINHA=",
+      "dev": true
+    },
+    "is-plain-obj": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/is-plain-obj/download/is-plain-obj-1.1.0.tgz",
+      "integrity": "sha1-caUMhCnfync8kqOQpKA7OfzVHT4=",
+      "dev": true
+    },
+    "is-plain-object": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npm.taobao.org/is-plain-object/download/is-plain-object-2.0.4.tgz",
+      "integrity": "sha1-LBY7P6+xtgbZ0Xko8FwqHDjgdnc=",
+      "dev": true,
+      "requires": {
+        "isobject": "^3.0.1"
+      }
+    },
+    "is-promise": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npm.taobao.org/is-promise/download/is-promise-2.1.0.tgz",
+      "integrity": "sha1-eaKp7OfwlugPNtKy87wWwf9L8/o=",
+      "dev": true
+    },
+    "is-regex": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npm.taobao.org/is-regex/download/is-regex-1.0.5.tgz",
+      "integrity": "sha1-OdWJo1i/GJZ/cmlnEguPwa7XTq4=",
+      "dev": true,
+      "requires": {
+        "has": "^1.0.3"
+      }
+    },
+    "is-retry-allowed": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/is-retry-allowed/download/is-retry-allowed-1.2.0.tgz",
+      "integrity": "sha1-13hIi9CkZmo76KFIK58rqv7eqLQ=",
+      "dev": true
+    },
+    "is-stream": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/is-stream/download/is-stream-1.1.0.tgz",
+      "integrity": "sha1-EtSj3U5o4Lec6428hBc66A2RykQ=",
+      "dev": true
+    },
+    "is-symbol": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npm.taobao.org/is-symbol/download/is-symbol-1.0.3.tgz",
+      "integrity": "sha1-OOEBS55jKb4N6dJKQU/XRB7GGTc=",
+      "dev": true,
+      "requires": {
+        "has-symbols": "^1.0.1"
+      }
+    },
+    "is-type": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npm.taobao.org/is-type/download/is-type-0.0.1.tgz",
+      "integrity": "sha1-9lHYXDZdRJVdFKUdjXBh8/a0d5w=",
+      "dev": true,
+      "requires": {
+        "core-util-is": "~1.0.0"
+      }
+    },
+    "is-typedarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/is-typedarray/download/is-typedarray-1.0.0.tgz",
+      "integrity": "sha1-5HnICFjfDBsR3dppQPlgEfzaSpo=",
+      "dev": true,
+      "optional": true
+    },
+    "is-utf8": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npm.taobao.org/is-utf8/download/is-utf8-0.2.1.tgz",
+      "integrity": "sha1-Sw2hRCEE0bM2NA6AeX6GXPOffXI=",
+      "dev": true
+    },
+    "is-windows": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/is-windows/download/is-windows-1.0.2.tgz",
+      "integrity": "sha1-0YUOuXkezRjmGCzhKjDzlmNLsZ0=",
+      "dev": true
+    },
+    "is-wsl": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/is-wsl/download/is-wsl-1.1.0.tgz",
+      "integrity": "sha1-HxbkqiKwTRM2tmGIpmrzxgDDpm0=",
+      "dev": true
+    },
+    "isarray": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/isarray/download/isarray-1.0.0.tgz?cache=0&sync_timestamp=1562592096220&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fisarray%2Fdownload%2Fisarray-1.0.0.tgz",
+      "integrity": "sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=",
+      "dev": true
+    },
+    "isbinaryfile": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npm.taobao.org/isbinaryfile/download/isbinaryfile-3.0.3.tgz",
+      "integrity": "sha1-XW3vPt6/boyoyunDAYOoBLX4voA=",
+      "dev": true,
+      "requires": {
+        "buffer-alloc": "^1.2.0"
+      }
+    },
+    "isexe": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/isexe/download/isexe-2.0.0.tgz",
+      "integrity": "sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=",
+      "dev": true
+    },
+    "isobject": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npm.taobao.org/isobject/download/isobject-3.0.1.tgz",
+      "integrity": "sha1-TkMekrEalzFjaqH5yNHMvP2reN8=",
+      "dev": true
+    },
+    "isstream": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npm.taobao.org/isstream/download/isstream-0.1.2.tgz",
+      "integrity": "sha1-R+Y/evVa+m+S4VAOaQ64uFKcCZo=",
+      "dev": true,
+      "optional": true
+    },
+    "istextorbinary": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npm.taobao.org/istextorbinary/download/istextorbinary-2.1.0.tgz?cache=0&sync_timestamp=1575884001558&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fistextorbinary%2Fdownload%2Fistextorbinary-2.1.0.tgz",
+      "integrity": "sha1-2+0qb1G+L3R1to+JRlgRFBt1iHQ=",
+      "dev": true,
+      "requires": {
+        "binaryextensions": "1 || 2",
+        "editions": "^1.1.1",
+        "textextensions": "1 || 2"
+      }
+    },
+    "isurl": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/isurl/download/isurl-1.0.0.tgz",
+      "integrity": "sha1-sn9PSfPNqj6kSgpbfzRi5u3DnWc=",
+      "dev": true,
+      "requires": {
+        "has-to-string-tag-x": "^1.2.0",
+        "is-object": "^1.0.1"
+      }
+    },
+    "jquery": {
+      "version": "3.4.1",
+      "dev": true
+    },
+    "jquery-colorbox": {
+      "version": "1.6.4",
+      "resolved": "https://registry.npm.taobao.org/jquery-colorbox/download/jquery-colorbox-1.6.4.tgz",
+      "integrity": "sha1-eZRSUjpsSUg5Ik73AugH3rnAbMU=",
+      "dev": true,
+      "requires": {
+        "jquery": ">=1.3.2"
+      }
+    },
+    "jquery-deferred": {
+      "version": "0.3.1",
+      "resolved": "https://registry.npm.taobao.org/jquery-deferred/download/jquery-deferred-0.3.1.tgz",
+      "integrity": "sha1-WW7KHKr/VPYbEQlisjyv6nTDU1U=",
+      "dev": true
+    },
+    "js-reporters": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npm.taobao.org/js-reporters/download/js-reporters-1.2.1.tgz",
+      "integrity": "sha1-+IxgjjJKM3OpW8xFrTBeXJecRZs=",
+      "dev": true
+    },
+    "js-tokens": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npm.taobao.org/js-tokens/download/js-tokens-4.0.0.tgz",
+      "integrity": "sha1-GSA/tZmR35jjoocFDUZHzerzJJk=",
+      "dev": true
+    },
+    "js-yaml": {
+      "version": "3.13.1",
+      "resolved": "https://registry.npm.taobao.org/js-yaml/download/js-yaml-3.13.1.tgz",
+      "integrity": "sha1-r/FRswv9+o5J4F2iLnQV6d+jeEc=",
+      "dev": true,
+      "requires": {
+        "argparse": "^1.0.7",
+        "esprima": "^4.0.0"
+      }
+    },
+    "jsbn": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npm.taobao.org/jsbn/download/jsbn-0.1.1.tgz",
+      "integrity": "sha1-peZUwuWi3rXyAdls77yoDA7y9RM=",
+      "dev": true,
+      "optional": true
+    },
+    "jsesc": {
+      "version": "2.5.2",
+      "resolved": "https://registry.npm.taobao.org/jsesc/download/jsesc-2.5.2.tgz",
+      "integrity": "sha1-gFZNLkg9rPbo7yCWUKZ98/DCg6Q=",
+      "dev": true
+    },
+    "json-buffer": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/json-buffer/download/json-buffer-3.0.0.tgz",
+      "integrity": "sha1-Wx85evx11ne96Lz8Dkfh+aPZqJg=",
+      "dev": true
+    },
+    "json-format-highlight": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npm.taobao.org/json-format-highlight/download/json-format-highlight-1.0.4.tgz",
+      "integrity": "sha1-LkQnftq87Hmj0shOmExi4iWAN7k=",
+      "dev": true
+    },
+    "json-schema": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npm.taobao.org/json-schema/download/json-schema-0.2.3.tgz?cache=0&sync_timestamp=1567740732347&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjson-schema%2Fdownload%2Fjson-schema-0.2.3.tgz",
+      "integrity": "sha1-tIDIkuWaLwWVTOcnvT8qTogvnhM=",
+      "dev": true,
+      "optional": true
+    },
+    "json-schema-traverse": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npm.taobao.org/json-schema-traverse/download/json-schema-traverse-0.4.1.tgz",
+      "integrity": "sha1-afaofZUTq4u4/mO9sJecRI5oRmA=",
+      "dev": true
+    },
+    "json-stable-stringify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/json-stable-stringify/download/json-stable-stringify-1.0.1.tgz",
+      "integrity": "sha1-mnWdOcXy/1A/1TAGRu1EX4jE+a8=",
+      "dev": true,
+      "requires": {
+        "jsonify": "~0.0.0"
+      }
+    },
+    "json-stable-stringify-without-jsonify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/json-stable-stringify-without-jsonify/download/json-stable-stringify-without-jsonify-1.0.1.tgz",
+      "integrity": "sha1-nbe1lJatPzz+8wp1FC0tkwrXJlE=",
+      "dev": true
+    },
+    "json-stringify-safe": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npm.taobao.org/json-stringify-safe/download/json-stringify-safe-5.0.1.tgz",
+      "integrity": "sha1-Epai1Y/UXxmg9s4B1lcB4sc1tus=",
+      "dev": true,
+      "optional": true
+    },
+    "json5": {
+      "version": "2.1.3",
+      "resolved": "https://registry.npm.taobao.org/json5/download/json5-2.1.3.tgz?cache=0&sync_timestamp=1586045693798&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fjson5%2Fdownload%2Fjson5-2.1.3.tgz",
+      "integrity": "sha1-ybD3+pIzv+WAf+ZvzzpWF+1ZfUM=",
+      "dev": true,
+      "requires": {
+        "minimist": "^1.2.5"
+      }
+    },
+    "jsonfile": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npm.taobao.org/jsonfile/download/jsonfile-4.0.0.tgz",
+      "integrity": "sha1-h3Gq4HmbZAdrdmQPygWPnBDjPss=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.6"
+      }
+    },
+    "jsonify": {
+      "version": "0.0.0",
+      "resolved": "https://registry.npm.taobao.org/jsonify/download/jsonify-0.0.0.tgz",
+      "integrity": "sha1-LHS27kHZPKUbe1qu6PUDYx0lKnM=",
+      "dev": true
+    },
+    "jsprim": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npm.taobao.org/jsprim/download/jsprim-1.4.1.tgz",
+      "integrity": "sha1-MT5mvB5cwG5Di8G3SZwuXFastqI=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "assert-plus": "1.0.0",
+        "extsprintf": "1.3.0",
+        "json-schema": "0.2.3",
+        "verror": "1.10.0"
+      }
+    },
+    "keyv": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/keyv/download/keyv-3.0.0.tgz",
+      "integrity": "sha1-RJI7o55osSp87H32wyaMAx8u83M=",
+      "dev": true,
+      "requires": {
+        "json-buffer": "3.0.0"
+      }
+    },
+    "kind-of": {
+      "version": "6.0.3",
+      "resolved": "https://registry.npm.taobao.org/kind-of/download/kind-of-6.0.3.tgz",
+      "integrity": "sha1-B8BQNKbDSfoG4k+jWqdttFgM5N0=",
+      "dev": true
+    },
+    "leek": {
+      "version": "0.0.24",
+      "resolved": "https://registry.npm.taobao.org/leek/download/leek-0.0.24.tgz",
+      "integrity": "sha1-5ADlfw5g2O8r1NBo3EKKVDRdvNo=",
+      "dev": true,
+      "requires": {
+        "debug": "^2.1.0",
+        "lodash.assign": "^3.2.0",
+        "rsvp": "^3.0.21"
+      }
+    },
+    "less": {
+      "version": "3.11.1",
+      "resolved": "https://registry.npm.taobao.org/less/download/less-3.11.1.tgz?cache=0&sync_timestamp=1581400805472&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fless%2Fdownload%2Fless-3.11.1.tgz",
+      "integrity": "sha1-xr8I454CQE/mswej3/+v3FW9NuI=",
+      "dev": true,
+      "requires": {
+        "clone": "^2.1.2",
+        "errno": "^0.1.1",
+        "graceful-fs": "^4.1.2",
+        "image-size": "~0.5.0",
+        "mime": "^1.4.1",
+        "mkdirp": "^0.5.0",
+        "promise": "^7.1.1",
+        "request": "^2.83.0",
+        "source-map": "~0.6.0",
+        "tslib": "^1.10.0"
+      },
+      "dependencies": {
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz",
+          "integrity": "sha1-dHIq8y6WFOnCh6jQu95IteLxomM=",
+          "dev": true,
+          "optional": true
+        }
+      }
+    },
+    "leven": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npm.taobao.org/leven/download/leven-3.1.0.tgz",
+      "integrity": "sha1-d4kd6DQGTMy6gq54QrtrFKE+1/I=",
+      "dev": true
+    },
+    "levenary": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npm.taobao.org/levenary/download/levenary-1.1.1.tgz",
+      "integrity": "sha1-hCqe6Y0gdap/ru2+MmeekgX0b3c=",
+      "dev": true,
+      "requires": {
+        "leven": "^3.1.0"
+      }
+    },
+    "levn": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npm.taobao.org/levn/download/levn-0.3.0.tgz",
+      "integrity": "sha1-OwmSTt+fCDwEkP3UwLxEIeBHZO4=",
+      "dev": true,
+      "requires": {
+        "prelude-ls": "~1.1.2",
+        "type-check": "~0.3.2"
+      }
+    },
+    "linkify-it": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npm.taobao.org/linkify-it/download/linkify-it-2.2.0.tgz",
+      "integrity": "sha1-47VGl+eL+RXHCjis14/QngBYsc8=",
+      "dev": true,
+      "requires": {
+        "uc.micro": "^1.0.1"
+      }
+    },
+    "livereload-js": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npm.taobao.org/livereload-js/download/livereload-js-2.4.0.tgz?cache=0&sync_timestamp=1584229514088&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flivereload-js%2Fdownload%2Flivereload-js-2.4.0.tgz",
+      "integrity": "sha1-RHwxzx6pq1L8INthXF3fZ494AJw=",
+      "dev": true
+    },
+    "loader.js": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npm.taobao.org/loader.js/download/loader.js-4.7.0.tgz",
+      "integrity": "sha1-oaUpAgAcg2Me/eloi4qzeZMl7x8=",
+      "dev": true
+    },
+    "locate-path": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/locate-path/download/locate-path-2.0.0.tgz",
+      "integrity": "sha1-K1aLJl7slExtnA3pw9u7ygNUzY4=",
+      "dev": true,
+      "requires": {
+        "p-locate": "^2.0.0",
+        "path-exists": "^3.0.0"
+      }
+    },
+    "lodash": {
+      "version": "4.17.15",
+      "resolved": "https://registry.npm.taobao.org/lodash/download/lodash-4.17.15.tgz",
+      "integrity": "sha1-tEf2ZwoEVbv+7dETku/zMOoJdUg=",
+      "dev": true
+    },
+    "lodash._baseassign": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npm.taobao.org/lodash._baseassign/download/lodash._baseassign-3.2.0.tgz",
+      "integrity": "sha1-jDigmVAPIVrQnlnxci/QxSv+Ck4=",
+      "dev": true,
+      "requires": {
+        "lodash._basecopy": "^3.0.0",
+        "lodash.keys": "^3.0.0"
+      }
+    },
+    "lodash._basecopy": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npm.taobao.org/lodash._basecopy/download/lodash._basecopy-3.0.1.tgz",
+      "integrity": "sha1-jaDmqHbPNEwK2KVIghEd08XHyjY=",
+      "dev": true
+    },
+    "lodash._baseflatten": {
+      "version": "3.1.4",
+      "resolved": "https://registry.npm.taobao.org/lodash._baseflatten/download/lodash._baseflatten-3.1.4.tgz",
+      "integrity": "sha1-B3D/gBMa9uNPO1EXlqe6UhTmX/c=",
+      "dev": true,
+      "requires": {
+        "lodash.isarguments": "^3.0.0",
+        "lodash.isarray": "^3.0.0"
+      }
+    },
+    "lodash._bindcallback": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npm.taobao.org/lodash._bindcallback/download/lodash._bindcallback-3.0.1.tgz",
+      "integrity": "sha1-5THCdkTPi1epnhftlbNcdIeJOS4=",
+      "dev": true
+    },
+    "lodash._createassigner": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npm.taobao.org/lodash._createassigner/download/lodash._createassigner-3.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flodash._createassigner%2Fdownload%2Flodash._createassigner-3.1.1.tgz",
+      "integrity": "sha1-g4pbri/aymOsIt7o4Z+k5taXCxE=",
+      "dev": true,
+      "requires": {
+        "lodash._bindcallback": "^3.0.0",
+        "lodash._isiterateecall": "^3.0.0",
+        "lodash.restparam": "^3.0.0"
+      }
+    },
+    "lodash._getnative": {
+      "version": "3.9.1",
+      "resolved": "https://registry.npm.taobao.org/lodash._getnative/download/lodash._getnative-3.9.1.tgz",
+      "integrity": "sha1-VwvH3t5G1hzc3mh9ZdPuy6o6r/U=",
+      "dev": true
+    },
+    "lodash._isiterateecall": {
+      "version": "3.0.9",
+      "resolved": "https://registry.npm.taobao.org/lodash._isiterateecall/download/lodash._isiterateecall-3.0.9.tgz",
+      "integrity": "sha1-UgOte6Ql+uhCRg5pbbnPPmqsBXw=",
+      "dev": true
+    },
+    "lodash._reinterpolate": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/lodash._reinterpolate/download/lodash._reinterpolate-3.0.0.tgz",
+      "integrity": "sha1-DM8tiRZq8Ds2Y8eWU4t1rG4RTZ0=",
+      "dev": true
+    },
+    "lodash.assign": {
+      "version": "3.2.0",
+      "resolved": "https://registry.npm.taobao.org/lodash.assign/download/lodash.assign-3.2.0.tgz",
+      "integrity": "sha1-POnwI0tLIiPilrj6CsH+6OvKZPo=",
+      "dev": true,
+      "requires": {
+        "lodash._baseassign": "^3.0.0",
+        "lodash._createassigner": "^3.0.0",
+        "lodash.keys": "^3.0.0"
+      }
+    },
+    "lodash.assignin": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npm.taobao.org/lodash.assignin/download/lodash.assignin-4.2.0.tgz",
+      "integrity": "sha1-uo31+4QesKPoBEIysOJjqNxqKKI=",
+      "dev": true
+    },
+    "lodash.castarray": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npm.taobao.org/lodash.castarray/download/lodash.castarray-4.4.0.tgz",
+      "integrity": "sha1-wCUTUV4wna3dTCTGDP3c9ZdtkRU=",
+      "dev": true
+    },
+    "lodash.clonedeep": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npm.taobao.org/lodash.clonedeep/download/lodash.clonedeep-4.5.0.tgz",
+      "integrity": "sha1-4j8/nE+Pvd6HJSnBBxhXoIblzO8=",
+      "dev": true
+    },
+    "lodash.debounce": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npm.taobao.org/lodash.debounce/download/lodash.debounce-3.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flodash.debounce%2Fdownload%2Flodash.debounce-3.1.1.tgz",
+      "integrity": "sha1-gSIRw3ipTMKdWqTjNGzwv846ffU=",
+      "dev": true,
+      "requires": {
+        "lodash._getnative": "^3.0.0"
+      }
+    },
+    "lodash.defaults": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npm.taobao.org/lodash.defaults/download/lodash.defaults-4.2.0.tgz",
+      "integrity": "sha1-0JF4cW/+pN3p5ft7N/bwgCJ0WAw=",
+      "dev": true
+    },
+    "lodash.defaultsdeep": {
+      "version": "4.6.1",
+      "resolved": "https://registry.npm.taobao.org/lodash.defaultsdeep/download/lodash.defaultsdeep-4.6.1.tgz",
+      "integrity": "sha1-US6b1yHSctlOPTpjZT+hdRZ0HKY=",
+      "dev": true
+    },
+    "lodash.find": {
+      "version": "4.6.0",
+      "resolved": "https://registry.npm.taobao.org/lodash.find/download/lodash.find-4.6.0.tgz",
+      "integrity": "sha1-ywcE1Hq3F4n/oN6Ll92Sb7iLE7E=",
+      "dev": true
+    },
+    "lodash.flatten": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npm.taobao.org/lodash.flatten/download/lodash.flatten-3.0.2.tgz",
+      "integrity": "sha1-3hz1d1j49EeTGdNcPpzGDEUBk4w=",
+      "dev": true,
+      "requires": {
+        "lodash._baseflatten": "^3.0.0",
+        "lodash._isiterateecall": "^3.0.0"
+      }
+    },
+    "lodash.foreach": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npm.taobao.org/lodash.foreach/download/lodash.foreach-4.5.0.tgz",
+      "integrity": "sha1-Gmo16s5AEoDH8G3d7DUWWrJ+PlM=",
+      "dev": true
+    },
+    "lodash.isarguments": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npm.taobao.org/lodash.isarguments/download/lodash.isarguments-3.1.0.tgz",
+      "integrity": "sha1-L1c9hcaiQon/AGY7SRwdM4/zRYo=",
+      "dev": true
+    },
+    "lodash.isarray": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npm.taobao.org/lodash.isarray/download/lodash.isarray-3.0.4.tgz",
+      "integrity": "sha1-eeTriMNqgSKvhvhEqpvNhRtfu1U=",
+      "dev": true
+    },
+    "lodash.keys": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npm.taobao.org/lodash.keys/download/lodash.keys-3.1.2.tgz",
+      "integrity": "sha1-TbwEcrFWvlCgsoaFXRvQsMZWCYo=",
+      "dev": true,
+      "requires": {
+        "lodash._getnative": "^3.0.0",
+        "lodash.isarguments": "^3.0.0",
+        "lodash.isarray": "^3.0.0"
+      }
+    },
+    "lodash.merge": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npm.taobao.org/lodash.merge/download/lodash.merge-4.6.2.tgz",
+      "integrity": "sha1-VYqlO0O2YeGSWgr9+japoQhf5Xo=",
+      "dev": true
+    },
+    "lodash.omit": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npm.taobao.org/lodash.omit/download/lodash.omit-4.5.0.tgz",
+      "integrity": "sha1-brGa5aHuHdnfC5aeZs4Lf6MLXmA=",
+      "dev": true
+    },
+    "lodash.restparam": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npm.taobao.org/lodash.restparam/download/lodash.restparam-3.6.1.tgz",
+      "integrity": "sha1-k2pOMJ7zMKdkXtQUWYbIWuWyCAU=",
+      "dev": true
+    },
+    "lodash.template": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npm.taobao.org/lodash.template/download/lodash.template-4.5.0.tgz",
+      "integrity": "sha1-+XYZXPPzR9DV9SSDVp/oAxzM6Ks=",
+      "dev": true,
+      "requires": {
+        "lodash._reinterpolate": "^3.0.0",
+        "lodash.templatesettings": "^4.0.0"
+      }
+    },
+    "lodash.templatesettings": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npm.taobao.org/lodash.templatesettings/download/lodash.templatesettings-4.2.0.tgz",
+      "integrity": "sha1-5IExDwSdPPbUfpEq0JMTsVTw+zM=",
+      "dev": true,
+      "requires": {
+        "lodash._reinterpolate": "^3.0.0"
+      }
+    },
+    "lodash.uniq": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npm.taobao.org/lodash.uniq/download/lodash.uniq-4.5.0.tgz",
+      "integrity": "sha1-0CJTc662Uq3BvILklFM5qEJ1R3M=",
+      "dev": true
+    },
+    "lodash.uniqby": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npm.taobao.org/lodash.uniqby/download/lodash.uniqby-4.7.0.tgz",
+      "integrity": "sha1-2ZwHpmnp5tJOE2Lf4mbGdhavEwI=",
+      "dev": true
+    },
+    "log-symbols": {
+      "version": "2.2.0",
+      "resolved": "https://registry.npm.taobao.org/log-symbols/download/log-symbols-2.2.0.tgz?cache=0&sync_timestamp=1577792832801&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Flog-symbols%2Fdownload%2Flog-symbols-2.2.0.tgz",
+      "integrity": "sha1-V0Dhxdbw39pK2TI7UzIQfva0xAo=",
+      "dev": true,
+      "requires": {
+        "chalk": "^2.0.1"
+      }
+    },
+    "loose-envify": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npm.taobao.org/loose-envify/download/loose-envify-1.4.0.tgz",
+      "integrity": "sha1-ce5R+nvkyuwaY4OffmgtgTLTDK8=",
+      "dev": true,
+      "requires": {
+        "js-tokens": "^3.0.0 || ^4.0.0"
+      }
+    },
+    "lower-case": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/lower-case/download/lower-case-2.0.1.tgz",
+      "integrity": "sha1-Oe6zbjlhFcwF4pQi6uqeaSyUCMc=",
+      "dev": true,
+      "requires": {
+        "tslib": "^1.10.0"
+      }
+    },
+    "lowercase-keys": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/lowercase-keys/download/lowercase-keys-1.0.1.tgz",
+      "integrity": "sha1-b54wtHCE2XGnyCD/FabFFnt0wm8=",
+      "dev": true
+    },
+    "make-dir": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npm.taobao.org/make-dir/download/make-dir-1.3.0.tgz?cache=0&sync_timestamp=1581538411621&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmake-dir%2Fdownload%2Fmake-dir-1.3.0.tgz",
+      "integrity": "sha1-ecEDO4BRW9bSTsmTPoYMp17ifww=",
+      "dev": true,
+      "requires": {
+        "pify": "^3.0.0"
+      }
+    },
+    "makeerror": {
+      "version": "1.0.11",
+      "resolved": "https://registry.npm.taobao.org/makeerror/download/makeerror-1.0.11.tgz",
+      "integrity": "sha1-4BpckQnyr3lmDk6LlYd5AYT1qWw=",
+      "dev": true,
+      "requires": {
+        "tmpl": "1.0.x"
+      }
+    },
+    "map-cache": {
+      "version": "0.2.2",
+      "resolved": "https://registry.npm.taobao.org/map-cache/download/map-cache-0.2.2.tgz",
+      "integrity": "sha1-wyq9C9ZSXZsFFkW7TyasXcmKDb8=",
+      "dev": true
+    },
+    "map-visit": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/map-visit/download/map-visit-1.0.0.tgz",
+      "integrity": "sha1-7Nyo8TFE5mDxtb1B8S80edmN+48=",
+      "dev": true,
+      "requires": {
+        "object-visit": "^1.0.0"
+      }
+    },
+    "markdown-it": {
+      "version": "8.4.2",
+      "resolved": "https://registry.npm.taobao.org/markdown-it/download/markdown-it-8.4.2.tgz",
+      "integrity": "sha1-OG+YmY3BWjdyKqdyIIT0Agvdm1Q=",
+      "dev": true,
+      "requires": {
+        "argparse": "^1.0.7",
+        "entities": "~1.1.1",
+        "linkify-it": "^2.0.0",
+        "mdurl": "^1.0.1",
+        "uc.micro": "^1.0.5"
+      }
+    },
+    "markdown-it-terminal": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npm.taobao.org/markdown-it-terminal/download/markdown-it-terminal-0.1.0.tgz",
+      "integrity": "sha1-VFq9jdAcPWI1O/zqcdtYC1HSK9k=",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^3.0.0",
+        "cardinal": "^1.0.0",
+        "cli-table": "^0.3.1",
+        "lodash.merge": "^4.6.0",
+        "markdown-it": "^8.3.1"
+      }
+    },
+    "matcher-collection": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npm.taobao.org/matcher-collection/download/matcher-collection-1.1.2.tgz",
+      "integrity": "sha1-EHb1BvEMqFiXtT0U71T5ClxCaDg=",
+      "dev": true,
+      "requires": {
+        "minimatch": "^3.0.2"
+      }
+    },
+    "md5-hex": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/md5-hex/download/md5-hex-2.0.0.tgz",
+      "integrity": "sha1-0FiOnxx0lUSS7NJKwKxs6ZfZLjM=",
+      "dev": true,
+      "requires": {
+        "md5-o-matic": "^0.1.1"
+      }
+    },
+    "md5-o-matic": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npm.taobao.org/md5-o-matic/download/md5-o-matic-0.1.1.tgz",
+      "integrity": "sha1-givM1l4RfFFPqxdrJZRdVBAKA8M=",
+      "dev": true
+    },
+    "mdurl": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/mdurl/download/mdurl-1.0.1.tgz",
+      "integrity": "sha1-/oWy7HWlkDfyrf7BAP1sYBdhFS4=",
+      "dev": true
+    },
+    "media-typer": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npm.taobao.org/media-typer/download/media-typer-0.3.0.tgz",
+      "integrity": "sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=",
+      "dev": true
+    },
+    "memory-streams": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npm.taobao.org/memory-streams/download/memory-streams-0.1.3.tgz",
+      "integrity": "sha1-2bABe0uH8dkvVfJ0XJyqyx3JPOs=",
+      "dev": true,
+      "requires": {
+        "readable-stream": "~1.0.2"
+      },
+      "dependencies": {
+        "isarray": {
+          "version": "0.0.1",
+          "resolved": "https://registry.npm.taobao.org/isarray/download/isarray-0.0.1.tgz?cache=0&sync_timestamp=1562592096220&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fisarray%2Fdownload%2Fisarray-0.0.1.tgz",
+          "integrity": "sha1-ihis/Kmo9Bd+Cav8YDiTmwXR7t8=",
+          "dev": true
+        },
+        "readable-stream": {
+          "version": "1.0.34",
+          "resolved": "https://registry.npm.taobao.org/readable-stream/download/readable-stream-1.0.34.tgz",
+          "integrity": "sha1-Elgg40vIQtLyqq+v5MKRbuMsFXw=",
+          "dev": true,
+          "requires": {
+            "core-util-is": "~1.0.0",
+            "inherits": "~2.0.1",
+            "isarray": "0.0.1",
+            "string_decoder": "~0.10.x"
+          }
+        },
+        "string_decoder": {
+          "version": "0.10.31",
+          "resolved": "https://registry.npm.taobao.org/string_decoder/download/string_decoder-0.10.31.tgz",
+          "integrity": "sha1-YuIDvEF2bGwoyfyEMB2rHFMQ+pQ=",
+          "dev": true
+        }
+      }
+    },
+    "merge-descriptors": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/merge-descriptors/download/merge-descriptors-1.0.1.tgz",
+      "integrity": "sha1-sAqqVW3YtEVoFQ7J0blT8/kMu2E=",
+      "dev": true
+    },
+    "merge-trees": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/merge-trees/download/merge-trees-2.0.0.tgz",
+      "integrity": "sha1-pWDXluVmxdmyxARyopZ8ykjYUWE=",
+      "dev": true,
+      "requires": {
+        "fs-updater": "^1.0.4",
+        "heimdalljs": "^0.2.5"
+      }
+    },
+    "merge2": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npm.taobao.org/merge2/download/merge2-1.3.0.tgz",
+      "integrity": "sha1-WzZu6DsvFYLEj4fkfPGpNSEDyoE=",
+      "dev": true
+    },
+    "methods": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npm.taobao.org/methods/download/methods-1.1.2.tgz",
+      "integrity": "sha1-VSmk1nZUE07cxSZmVoNbD4Ua/O4=",
+      "dev": true
+    },
+    "micromatch": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npm.taobao.org/micromatch/download/micromatch-4.0.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmicromatch%2Fdownload%2Fmicromatch-4.0.2.tgz",
+      "integrity": "sha1-T8sJmb+fvC/L3SEvbWKbmlbDklk=",
+      "dev": true,
+      "requires": {
+        "braces": "^3.0.1",
+        "picomatch": "^2.0.5"
+      }
+    },
+    "mime": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npm.taobao.org/mime/download/mime-1.6.0.tgz",
+      "integrity": "sha1-Ms2eXGRVO9WNGaVor0Uqz/BJgbE=",
+      "dev": true
+    },
+    "mime-db": {
+      "version": "1.43.0",
+      "resolved": "https://registry.npm.taobao.org/mime-db/download/mime-db-1.43.0.tgz?cache=0&sync_timestamp=1578281104943&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmime-db%2Fdownload%2Fmime-db-1.43.0.tgz",
+      "integrity": "sha1-ChLgUCZQ5HPXNVNQUOfI9OtPrlg=",
+      "dev": true
+    },
+    "mime-types": {
+      "version": "2.1.26",
+      "resolved": "https://registry.npm.taobao.org/mime-types/download/mime-types-2.1.26.tgz?cache=0&sync_timestamp=1578282585871&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmime-types%2Fdownload%2Fmime-types-2.1.26.tgz",
+      "integrity": "sha1-nJIfwJt+FJpl39wNpNIJlyALCgY=",
+      "dev": true,
+      "requires": {
+        "mime-db": "1.43.0"
+      }
+    },
+    "mimic-fn": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npm.taobao.org/mimic-fn/download/mimic-fn-2.1.0.tgz",
+      "integrity": "sha1-ftLCzMyvhNP/y3pptXcR/CCDQBs=",
+      "dev": true
+    },
+    "mimic-response": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/mimic-response/download/mimic-response-1.0.1.tgz",
+      "integrity": "sha1-SSNTiHju9CBjy4o+OweYeBSHqxs=",
+      "dev": true
+    },
+    "minimatch": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npm.taobao.org/minimatch/download/minimatch-3.0.4.tgz",
+      "integrity": "sha1-UWbihkV/AzBgZL5Ul+jbsMPTIIM=",
+      "dev": true,
+      "requires": {
+        "brace-expansion": "^1.1.7"
+      }
+    },
+    "minimist": {
+      "version": "1.2.5",
+      "resolved": "https://registry.npm.taobao.org/minimist/download/minimist-1.2.5.tgz",
+      "integrity": "sha1-Z9ZgFLZqaoqqDAg8X9WN9OTpdgI=",
+      "dev": true
+    },
+    "minipass": {
+      "version": "2.9.0",
+      "resolved": "https://registry.npm.taobao.org/minipass/download/minipass-2.9.0.tgz?cache=0&sync_timestamp=1577793980671&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fminipass%2Fdownload%2Fminipass-2.9.0.tgz",
+      "integrity": "sha1-5xN2Ln0+Mv7YAxFc+T4EvKn8yaY=",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "^5.1.2",
+        "yallist": "^3.0.0"
+      }
+    },
+    "mixin-deep": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npm.taobao.org/mixin-deep/download/mixin-deep-1.3.2.tgz?cache=0&sync_timestamp=1561436244196&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmixin-deep%2Fdownload%2Fmixin-deep-1.3.2.tgz",
+      "integrity": "sha1-ESC0PcNZp4Xc5ltVuC4lfM9HlWY=",
+      "dev": true,
+      "requires": {
+        "for-in": "^1.0.2",
+        "is-extendable": "^1.0.1"
+      },
+      "dependencies": {
+        "is-extendable": {
+          "version": "1.0.1",
+          "resolved": "https://registry.npm.taobao.org/is-extendable/download/is-extendable-1.0.1.tgz",
+          "integrity": "sha1-p0cPnkJnM9gb2B4RVSZOOjUHyrQ=",
+          "dev": true,
+          "requires": {
+            "is-plain-object": "^2.0.4"
+          }
+        }
+      }
+    },
+    "mkdirp": {
+      "version": "0.5.5",
+      "resolved": "https://registry.npm.taobao.org/mkdirp/download/mkdirp-0.5.5.tgz",
+      "integrity": "sha1-2Rzv1i0UNsoPQWIOJRKI1CAJne8=",
+      "dev": true,
+      "requires": {
+        "minimist": "^1.2.5"
+      }
+    },
+    "mktemp": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npm.taobao.org/mktemp/download/mktemp-0.4.0.tgz",
+      "integrity": "sha1-bQUVYRyKjITkhKogABKbmOmB/ws=",
+      "dev": true
+    },
+    "moment": {
+      "version": "2.24.0",
+      "resolved": "https://registry.npm.taobao.org/moment/download/moment-2.24.0.tgz",
+      "integrity": "sha1-DQVdU/UFKqZTyfbraLtdEr9cK1s=",
+      "dev": true
+    },
+    "moment-timezone": {
+      "version": "0.5.28",
+      "resolved": "https://registry.npm.taobao.org/moment-timezone/download/moment-timezone-0.5.28.tgz?cache=0&sync_timestamp=1582308221826&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmoment-timezone%2Fdownload%2Fmoment-timezone-0.5.28.tgz",
+      "integrity": "sha1-8JPXidCR7XsFXYKqgagkZ/cuQzg=",
+      "dev": true,
+      "requires": {
+        "moment": ">= 2.9.0"
+      }
+    },
+    "morgan": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npm.taobao.org/morgan/download/morgan-1.10.0.tgz",
+      "integrity": "sha1-CRd4q8H8R801CYJGU9rh+qtrF9c=",
+      "dev": true,
+      "requires": {
+        "basic-auth": "~2.0.1",
+        "debug": "2.6.9",
+        "depd": "~2.0.0",
+        "on-finished": "~2.3.0",
+        "on-headers": "~1.0.2"
+      },
+      "dependencies": {
+        "depd": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/depd/download/depd-2.0.0.tgz",
+          "integrity": "sha1-tpYWPMdXVg0JzyLMj60Vcbeedt8=",
+          "dev": true
+        }
+      }
+    },
+    "mout": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npm.taobao.org/mout/download/mout-1.2.2.tgz",
+      "integrity": "sha1-ybcYpJmAagYyzt4XjoD0NiWed30=",
+      "dev": true
+    },
+    "ms": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.0.0.tgz",
+      "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+      "dev": true
+    },
+    "mustache": {
+      "version": "3.2.1",
+      "resolved": "https://registry.npm.taobao.org/mustache/download/mustache-3.2.1.tgz",
+      "integrity": "sha1-ieeKnSB9ePJ5mx6Vdkolv3GigyI=",
+      "dev": true
+    },
+    "mute-stream": {
+      "version": "0.0.8",
+      "resolved": "https://registry.npm.taobao.org/mute-stream/download/mute-stream-0.0.8.tgz",
+      "integrity": "sha1-FjDEKyJR/4HiooPelqVJfqkuXg0=",
+      "dev": true
+    },
+    "najax": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npm.taobao.org/najax/download/najax-1.0.4.tgz",
+      "integrity": "sha1-Y/2NvxXRjyTciVs6Fv7GbBNrgIQ=",
+      "dev": true,
+      "requires": {
+        "jquery-deferred": "^0.3.0",
+        "lodash.defaultsdeep": "^4.6.0",
+        "qs": "^6.2.0"
+      }
+    },
+    "nanomatch": {
+      "version": "1.2.13",
+      "resolved": "https://registry.npm.taobao.org/nanomatch/download/nanomatch-1.2.13.tgz",
+      "integrity": "sha1-uHqKpPwN6P5r6IiVs4mD/yZb0Rk=",
+      "dev": true,
+      "requires": {
+        "arr-diff": "^4.0.0",
+        "array-unique": "^0.3.2",
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "fragment-cache": "^0.2.1",
+        "is-windows": "^1.0.2",
+        "kind-of": "^6.0.2",
+        "object.pick": "^1.3.0",
+        "regex-not": "^1.0.0",
+        "snapdragon": "^0.8.1",
+        "to-regex": "^3.0.1"
+      }
+    },
+    "natural-compare": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npm.taobao.org/natural-compare/download/natural-compare-1.4.0.tgz",
+      "integrity": "sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=",
+      "dev": true
+    },
+    "negotiator": {
+      "version": "0.6.2",
+      "resolved": "https://registry.npm.taobao.org/negotiator/download/negotiator-0.6.2.tgz",
+      "integrity": "sha1-/qz3zPUlp3rpY0Q2pkiD/+yjRvs=",
+      "dev": true
+    },
+    "neo-async": {
+      "version": "2.6.1",
+      "resolved": "https://registry.npm.taobao.org/neo-async/download/neo-async-2.6.1.tgz",
+      "integrity": "sha1-rCetpmFn+ohJpq3dg39rGJrSCBw=",
+      "dev": true
+    },
+    "nice-try": {
+      "version": "1.0.5",
+      "resolved": "https://registry.npm.taobao.org/nice-try/download/nice-try-1.0.5.tgz?cache=0&sync_timestamp=1584699726257&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnice-try%2Fdownload%2Fnice-try-1.0.5.tgz",
+      "integrity": "sha1-ozeKdpbOfSI+iPybdkvX7xCJ42Y=",
+      "dev": true
+    },
+    "no-case": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npm.taobao.org/no-case/download/no-case-3.0.3.tgz?cache=0&sync_timestamp=1576721537540&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fno-case%2Fdownload%2Fno-case-3.0.3.tgz",
+      "integrity": "sha1-whtDTB/+SLOQh+hs+00lgunfGPg=",
+      "dev": true,
+      "requires": {
+        "lower-case": "^2.0.1",
+        "tslib": "^1.10.0"
+      }
+    },
+    "node-int64": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npm.taobao.org/node-int64/download/node-int64-0.4.0.tgz",
+      "integrity": "sha1-h6kGXNs1XTGC2PlM4RGIuCXGijs=",
+      "dev": true
+    },
+    "node-modules-path": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/node-modules-path/download/node-modules-path-1.0.2.tgz",
+      "integrity": "sha1-46zt6be69LwzbjSWtY5bQNUXBW4=",
+      "dev": true
+    },
+    "node-notifier": {
+      "version": "5.4.3",
+      "resolved": "https://registry.npm.taobao.org/node-notifier/download/node-notifier-5.4.3.tgz",
+      "integrity": "sha1-y3La+UyTkECY4oucWQ/YZuRkvVA=",
+      "dev": true,
+      "requires": {
+        "growly": "^1.3.0",
+        "is-wsl": "^1.1.0",
+        "semver": "^5.5.0",
+        "shellwords": "^0.1.1",
+        "which": "^1.3.0"
+      }
+    },
+    "node-releases": {
+      "version": "1.1.53",
+      "resolved": "https://registry.npm.taobao.org/node-releases/download/node-releases-1.1.53.tgz",
+      "integrity": "sha1-LYIb+kme18Xf/F4vKMiOeKCO4/Q=",
+      "dev": true
+    },
+    "node-watch": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npm.taobao.org/node-watch/download/node-watch-0.6.1.tgz",
+      "integrity": "sha1-uYdBEc6fWEGxx1lhICBse4Jb4Ok=",
+      "dev": true
+    },
+    "nopt": {
+      "version": "3.0.6",
+      "resolved": "https://registry.npm.taobao.org/nopt/download/nopt-3.0.6.tgz",
+      "integrity": "sha1-xkZdvwirzU2zWTF/eaxopkayj/k=",
+      "dev": true,
+      "requires": {
+        "abbrev": "1"
+      }
+    },
+    "normalize-path": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npm.taobao.org/normalize-path/download/normalize-path-2.1.1.tgz",
+      "integrity": "sha1-GrKLVW4Zg2Oowab35vogE3/mrtk=",
+      "dev": true,
+      "requires": {
+        "remove-trailing-separator": "^1.0.1"
+      }
+    },
+    "normalize-url": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/normalize-url/download/normalize-url-2.0.1.tgz?cache=0&sync_timestamp=1580491266117&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fnormalize-url%2Fdownload%2Fnormalize-url-2.0.1.tgz",
+      "integrity": "sha1-g1qdoVUfom9w6SMpBpojqmV01+Y=",
+      "dev": true,
+      "requires": {
+        "prepend-http": "^2.0.0",
+        "query-string": "^5.0.1",
+        "sort-keys": "^2.0.0"
+      }
+    },
+    "npm-package-arg": {
+      "version": "6.1.1",
+      "resolved": "https://registry.npm.taobao.org/npm-package-arg/download/npm-package-arg-6.1.1.tgz",
+      "integrity": "sha1-AhaMsKSaK3W/mIooaY3ntSnfXLc=",
+      "dev": true,
+      "requires": {
+        "hosted-git-info": "^2.7.1",
+        "osenv": "^0.1.5",
+        "semver": "^5.6.0",
+        "validate-npm-package-name": "^3.0.0"
+      }
+    },
+    "npm-run-path": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npm.taobao.org/npm-run-path/download/npm-run-path-2.0.2.tgz",
+      "integrity": "sha1-NakjLfo11wZ7TLLd8jV7GHFTbF8=",
+      "dev": true,
+      "requires": {
+        "path-key": "^2.0.0"
+      }
+    },
+    "npmlog": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npm.taobao.org/npmlog/download/npmlog-4.1.2.tgz",
+      "integrity": "sha1-CKfyqL9zRgR3mp76StXMcXq7lUs=",
+      "dev": true,
+      "requires": {
+        "are-we-there-yet": "~1.1.2",
+        "console-control-strings": "~1.1.0",
+        "gauge": "~2.7.3",
+        "set-blocking": "~2.0.0"
+      }
+    },
+    "number-is-nan": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/number-is-nan/download/number-is-nan-1.0.1.tgz",
+      "integrity": "sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=",
+      "dev": true
+    },
+    "oauth-sign": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npm.taobao.org/oauth-sign/download/oauth-sign-0.9.0.tgz",
+      "integrity": "sha1-R6ewFrqmi1+g7PPe4IqFxnmsZFU=",
+      "dev": true,
+      "optional": true
+    },
+    "object-assign": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npm.taobao.org/object-assign/download/object-assign-4.1.1.tgz",
+      "integrity": "sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=",
+      "dev": true
+    },
+    "object-component": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npm.taobao.org/object-component/download/object-component-0.0.3.tgz",
+      "integrity": "sha1-8MaapQ78lbhmwYb0AKM3acsvEpE=",
+      "dev": true
+    },
+    "object-copy": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npm.taobao.org/object-copy/download/object-copy-0.1.0.tgz",
+      "integrity": "sha1-fn2Fi3gb18mRpBupde04EnVOmYw=",
+      "dev": true,
+      "requires": {
+        "copy-descriptor": "^0.1.0",
+        "define-property": "^0.2.5",
+        "kind-of": "^3.0.3"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npm.taobao.org/define-property/download/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^0.1.0"
+          }
+        },
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npm.taobao.org/kind-of/download/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "object-hash": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npm.taobao.org/object-hash/download/object-hash-1.3.1.tgz",
+      "integrity": "sha1-/eRSCYqVHLFF8Dm7fUVUSd3BJt8=",
+      "dev": true
+    },
+    "object-inspect": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npm.taobao.org/object-inspect/download/object-inspect-1.7.0.tgz",
+      "integrity": "sha1-9Pa9GBrXfwBrXs5gvQtvOY/3Smc=",
+      "dev": true
+    },
+    "object-keys": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npm.taobao.org/object-keys/download/object-keys-1.1.1.tgz",
+      "integrity": "sha1-HEfyct8nfzsdrwYWd9nILiMixg4=",
+      "dev": true
+    },
+    "object-visit": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/object-visit/download/object-visit-1.0.1.tgz",
+      "integrity": "sha1-95xEk68MU3e1n+OdOV5BBC3QRbs=",
+      "dev": true,
+      "requires": {
+        "isobject": "^3.0.0"
+      }
+    },
+    "object.assign": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npm.taobao.org/object.assign/download/object.assign-4.1.0.tgz",
+      "integrity": "sha1-lovxEA15Vrs8oIbwBvhGs7xACNo=",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.2",
+        "function-bind": "^1.1.1",
+        "has-symbols": "^1.0.0",
+        "object-keys": "^1.0.11"
+      }
+    },
+    "object.getownpropertydescriptors": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npm.taobao.org/object.getownpropertydescriptors/download/object.getownpropertydescriptors-2.1.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fobject.getownpropertydescriptors%2Fdownload%2Fobject.getownpropertydescriptors-2.1.0.tgz",
+      "integrity": "sha1-Npvx+VktiridcS3O1cuBx8U1Jkk=",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.0-next.1"
+      }
+    },
+    "object.pick": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npm.taobao.org/object.pick/download/object.pick-1.3.0.tgz",
+      "integrity": "sha1-h6EKxMFpS9Lhy/U1kaZhQftd10c=",
+      "dev": true,
+      "requires": {
+        "isobject": "^3.0.1"
+      }
+    },
+    "on-finished": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npm.taobao.org/on-finished/download/on-finished-2.3.0.tgz",
+      "integrity": "sha1-IPEzZIGwg811M3mSoWlxqi2QaUc=",
+      "dev": true,
+      "requires": {
+        "ee-first": "1.1.1"
+      }
+    },
+    "on-headers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/on-headers/download/on-headers-1.0.2.tgz",
+      "integrity": "sha1-dysK5qqlJcOZ5Imt+tkMQD6zwo8=",
+      "dev": true
+    },
+    "once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npm.taobao.org/once/download/once-1.4.0.tgz",
+      "integrity": "sha1-WDsap3WWHUsROsF9nFC6753Xa9E=",
+      "dev": true,
+      "requires": {
+        "wrappy": "1"
+      }
+    },
+    "onetime": {
+      "version": "5.1.0",
+      "resolved": "https://registry.npm.taobao.org/onetime/download/onetime-5.1.0.tgz",
+      "integrity": "sha1-//DzyRYX/mK7UBiWNumayKbfe+U=",
+      "dev": true,
+      "requires": {
+        "mimic-fn": "^2.1.0"
+      }
+    },
+    "optimist": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npm.taobao.org/optimist/download/optimist-0.6.1.tgz",
+      "integrity": "sha1-2j6nRob6IaGaERwybpDrFaAZZoY=",
+      "dev": true,
+      "requires": {
+        "minimist": "~0.0.1",
+        "wordwrap": "~0.0.2"
+      },
+      "dependencies": {
+        "minimist": {
+          "version": "0.0.10",
+          "resolved": "https://registry.npm.taobao.org/minimist/download/minimist-0.0.10.tgz",
+          "integrity": "sha1-3j+YVD2/lggr5IrRoMfNqDYwHc8=",
+          "dev": true
+        }
+      }
+    },
+    "optionator": {
+      "version": "0.8.3",
+      "resolved": "https://registry.npm.taobao.org/optionator/download/optionator-0.8.3.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Foptionator%2Fdownload%2Foptionator-0.8.3.tgz",
+      "integrity": "sha1-hPodA2/p08fiHZmIS2ARZ+yPtJU=",
+      "dev": true,
+      "requires": {
+        "deep-is": "~0.1.3",
+        "fast-levenshtein": "~2.0.6",
+        "levn": "~0.3.0",
+        "prelude-ls": "~1.1.2",
+        "type-check": "~0.3.2",
+        "word-wrap": "~1.2.3"
+      }
+    },
+    "ora": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npm.taobao.org/ora/download/ora-3.4.0.tgz",
+      "integrity": "sha1-vwdSSRBZo+8+1MhQl1Md6f280xg=",
+      "dev": true,
+      "requires": {
+        "chalk": "^2.4.2",
+        "cli-cursor": "^2.1.0",
+        "cli-spinners": "^2.0.0",
+        "log-symbols": "^2.2.0",
+        "strip-ansi": "^5.2.0",
+        "wcwidth": "^1.0.1"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-4.1.0.tgz",
+          "integrity": "sha1-i5+PCM8ay4Q3Vqg5yox+MWjFGZc=",
+          "dev": true
+        },
+        "cli-cursor": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npm.taobao.org/cli-cursor/download/cli-cursor-2.1.0.tgz",
+          "integrity": "sha1-s12sN2R5+sw+lHR9QdDQ9SOP/LU=",
+          "dev": true,
+          "requires": {
+            "restore-cursor": "^2.0.0"
+          }
+        },
+        "mimic-fn": {
+          "version": "1.2.0",
+          "resolved": "https://registry.npm.taobao.org/mimic-fn/download/mimic-fn-1.2.0.tgz",
+          "integrity": "sha1-ggyGo5M0ZA6ZUWkovQP8qIBX0CI=",
+          "dev": true
+        },
+        "onetime": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/onetime/download/onetime-2.0.1.tgz",
+          "integrity": "sha1-BnQoIw/WdEOyeUsiu6UotoZ5YtQ=",
+          "dev": true,
+          "requires": {
+            "mimic-fn": "^1.0.0"
+          }
+        },
+        "restore-cursor": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/restore-cursor/download/restore-cursor-2.0.0.tgz",
+          "integrity": "sha1-n37ih/gv0ybU/RYpI9YhKe7g368=",
+          "dev": true,
+          "requires": {
+            "onetime": "^2.0.0",
+            "signal-exit": "^3.0.2"
+          }
+        },
+        "strip-ansi": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-5.2.0.tgz?cache=0&sync_timestamp=1573280518303&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-5.2.0.tgz",
+          "integrity": "sha1-jJpTb+tq/JYr36WxBKUJHBrZwK4=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^4.1.0"
+          }
+        }
+      }
+    },
+    "os-homedir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/os-homedir/download/os-homedir-1.0.2.tgz",
+      "integrity": "sha1-/7xJiDNuDoM94MFox+8VISGqf7M=",
+      "dev": true
+    },
+    "os-tmpdir": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/os-tmpdir/download/os-tmpdir-1.0.2.tgz",
+      "integrity": "sha1-u+Z0BseaqFxc/sdm/lc0VV36EnQ=",
+      "dev": true
+    },
+    "osenv": {
+      "version": "0.1.5",
+      "resolved": "https://registry.npm.taobao.org/osenv/download/osenv-0.1.5.tgz",
+      "integrity": "sha1-hc36+uso6Gd/QW4odZK18/SepBA=",
+      "dev": true,
+      "requires": {
+        "os-homedir": "^1.0.0",
+        "os-tmpdir": "^1.0.0"
+      }
+    },
+    "p-cancelable": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npm.taobao.org/p-cancelable/download/p-cancelable-0.4.1.tgz",
+      "integrity": "sha1-NfNj1n1SCByNlYXje8zrfgu8sqA=",
+      "dev": true
+    },
+    "p-defer": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npm.taobao.org/p-defer/download/p-defer-2.1.0.tgz",
+      "integrity": "sha1-2cl7QPj7XCVqcLSqvsPByMQvH64=",
+      "dev": true
+    },
+    "p-finally": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/p-finally/download/p-finally-1.0.0.tgz",
+      "integrity": "sha1-P7z7FbiZpEEjs0ttzBi3JDNqLK4=",
+      "dev": true
+    },
+    "p-is-promise": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/p-is-promise/download/p-is-promise-1.1.0.tgz",
+      "integrity": "sha1-nJRWmJ6fZYgBewQ01WCXZ1w9oF4=",
+      "dev": true
+    },
+    "p-limit": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npm.taobao.org/p-limit/download/p-limit-1.3.0.tgz",
+      "integrity": "sha1-uGvV8MJWkJEcdZD8v8IBDVSzzLg=",
+      "dev": true,
+      "requires": {
+        "p-try": "^1.0.0"
+      }
+    },
+    "p-locate": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/p-locate/download/p-locate-2.0.0.tgz",
+      "integrity": "sha1-IKAQOyIqcMj9OcwuWAaA893l7EM=",
+      "dev": true,
+      "requires": {
+        "p-limit": "^1.1.0"
+      }
+    },
+    "p-timeout": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/p-timeout/download/p-timeout-2.0.1.tgz",
+      "integrity": "sha1-2N0ZeVldLcATnh/ka4tkbLPN8Dg=",
+      "dev": true,
+      "requires": {
+        "p-finally": "^1.0.0"
+      }
+    },
+    "p-try": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/p-try/download/p-try-1.0.0.tgz",
+      "integrity": "sha1-y8ec26+P1CKOE/Yh8rGiN8GyB7M=",
+      "dev": true
+    },
+    "parent-module": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/parent-module/download/parent-module-1.0.1.tgz",
+      "integrity": "sha1-aR0nCeeMefrjoVZiJFLQB2LKqqI=",
+      "dev": true,
+      "requires": {
+        "callsites": "^3.0.0"
+      }
+    },
+    "parse-passwd": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/parse-passwd/download/parse-passwd-1.0.0.tgz",
+      "integrity": "sha1-bVuTSkVpk7I9N/QKOC1vFmao5cY=",
+      "dev": true
+    },
+    "parseqs": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npm.taobao.org/parseqs/download/parseqs-0.0.5.tgz",
+      "integrity": "sha1-1SCKNzjkZ2bikbouoXNoSSGouJ0=",
+      "dev": true,
+      "requires": {
+        "better-assert": "~1.0.0"
+      }
+    },
+    "parseuri": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npm.taobao.org/parseuri/download/parseuri-0.0.5.tgz",
+      "integrity": "sha1-gCBKUNTbt3m/3G6+J3jZDkvOMgo=",
+      "dev": true,
+      "requires": {
+        "better-assert": "~1.0.0"
+      }
+    },
+    "parseurl": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npm.taobao.org/parseurl/download/parseurl-1.3.3.tgz",
+      "integrity": "sha1-naGee+6NEt/wUT7Vt2lXeTvC6NQ=",
+      "dev": true
+    },
+    "pascalcase": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npm.taobao.org/pascalcase/download/pascalcase-0.1.1.tgz",
+      "integrity": "sha1-s2PlXoAGym/iF4TS2yK9FdeRfxQ=",
+      "dev": true
+    },
+    "path-exists": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/path-exists/download/path-exists-3.0.0.tgz",
+      "integrity": "sha1-zg6+ql94yxiSXqfYENe1mwEP1RU=",
+      "dev": true
+    },
+    "path-is-absolute": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/path-is-absolute/download/path-is-absolute-1.0.1.tgz",
+      "integrity": "sha1-F0uSaHNVNP+8es5r9TpanhtcX18=",
+      "dev": true
+    },
+    "path-is-inside": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/path-is-inside/download/path-is-inside-1.0.2.tgz",
+      "integrity": "sha1-NlQX3t5EQw0cEa9hAn+s8HS9/FM=",
+      "dev": true
+    },
+    "path-key": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/path-key/download/path-key-2.0.1.tgz?cache=0&sync_timestamp=1574441322626&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpath-key%2Fdownload%2Fpath-key-2.0.1.tgz",
+      "integrity": "sha1-QRyttXTFoUDTpLGRDUDYDMn0C0A=",
+      "dev": true
+    },
+    "path-parse": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npm.taobao.org/path-parse/download/path-parse-1.0.6.tgz",
+      "integrity": "sha1-1i27VnlAXXLEc37FhgDp3c8G0kw=",
+      "dev": true
+    },
+    "path-posix": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/path-posix/download/path-posix-1.0.0.tgz",
+      "integrity": "sha1-BrJhE/Vr6rBCVFojv6iAA8ysJg8=",
+      "dev": true
+    },
+    "path-root": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npm.taobao.org/path-root/download/path-root-0.1.1.tgz",
+      "integrity": "sha1-mkpoFMrBwM1zNgqV8yCDyOpHRbc=",
+      "dev": true,
+      "requires": {
+        "path-root-regex": "^0.1.0"
+      }
+    },
+    "path-root-regex": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npm.taobao.org/path-root-regex/download/path-root-regex-0.1.2.tgz",
+      "integrity": "sha1-v8zcjfWxLcUsi0PsONGNcsBLqW0=",
+      "dev": true
+    },
+    "path-to-regexp": {
+      "version": "0.1.7",
+      "resolved": "https://registry.npm.taobao.org/path-to-regexp/download/path-to-regexp-0.1.7.tgz",
+      "integrity": "sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=",
+      "dev": true
+    },
+    "path-type": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npm.taobao.org/path-type/download/path-type-4.0.0.tgz",
+      "integrity": "sha1-hO0BwKe6OAr+CdkKjBgNzZ0DBDs=",
+      "dev": true
+    },
+    "performance-now": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npm.taobao.org/performance-now/download/performance-now-2.1.0.tgz",
+      "integrity": "sha1-Ywn04OX6kT7BxpMHrjZLSzd8nns=",
+      "dev": true,
+      "optional": true
+    },
+    "picomatch": {
+      "version": "2.2.2",
+      "resolved": "https://registry.npm.taobao.org/picomatch/download/picomatch-2.2.2.tgz",
+      "integrity": "sha1-IfMz6ba46v8CRo9RRupAbTRfTa0=",
+      "dev": true
+    },
+    "pify": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/pify/download/pify-3.0.0.tgz",
+      "integrity": "sha1-5aSs0sEB/fPZpNB/DbxNtJ3SgXY=",
+      "dev": true
+    },
+    "pinkie": {
+      "version": "2.0.4",
+      "resolved": "https://registry.npm.taobao.org/pinkie/download/pinkie-2.0.4.tgz",
+      "integrity": "sha1-clVrgM+g1IqXToDnckjoDtT3+HA=",
+      "dev": true
+    },
+    "pinkie-promise": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/pinkie-promise/download/pinkie-promise-2.0.1.tgz",
+      "integrity": "sha1-ITXW36ejWMBprJsXh3YogihFD/o=",
+      "dev": true,
+      "requires": {
+        "pinkie": "^2.0.0"
+      }
+    },
+    "pkg-up": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/pkg-up/download/pkg-up-2.0.0.tgz",
+      "integrity": "sha1-yBmscoBZpGHKscOImivjxJoATX8=",
+      "dev": true,
+      "requires": {
+        "find-up": "^2.1.0"
+      }
+    },
+    "portfinder": {
+      "version": "1.0.25",
+      "resolved": "https://registry.npm.taobao.org/portfinder/download/portfinder-1.0.25.tgz",
+      "integrity": "sha1-JU/TN/+6hp9LnTftwpgFnLTTXso=",
+      "dev": true,
+      "requires": {
+        "async": "^2.6.2",
+        "debug": "^3.1.1",
+        "mkdirp": "^0.5.1"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.6",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-3.2.6.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-3.2.6.tgz",
+          "integrity": "sha1-6D0X3hbYp++3cX7b5fsQE17uYps=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        }
+      }
+    },
+    "posix-character-classes": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npm.taobao.org/posix-character-classes/download/posix-character-classes-0.1.1.tgz",
+      "integrity": "sha1-AerA/jta9xoqbAL+q7jB/vfgDqs=",
+      "dev": true
+    },
+    "prelude-ls": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npm.taobao.org/prelude-ls/download/prelude-ls-1.1.2.tgz",
+      "integrity": "sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=",
+      "dev": true
+    },
+    "prepend-http": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/prepend-http/download/prepend-http-2.0.0.tgz",
+      "integrity": "sha1-6SQ0v6XqjBn0HN/UAddBo8gZ2Jc=",
+      "dev": true
+    },
+    "printf": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npm.taobao.org/printf/download/printf-0.5.3.tgz?cache=0&sync_timestamp=1584468914125&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fprintf%2Fdownload%2Fprintf-0.5.3.tgz",
+      "integrity": "sha1-i37sJ42IaDMxIjiyv0KytvJQiAo=",
+      "dev": true
+    },
+    "private": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npm.taobao.org/private/download/private-0.1.8.tgz",
+      "integrity": "sha1-I4Hts2ifelPWUxkAYPz4ItLzaP8=",
+      "dev": true
+    },
+    "process-nextick-args": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/process-nextick-args/download/process-nextick-args-2.0.1.tgz",
+      "integrity": "sha1-eCDZsWEgzFXKmud5JoCufbptf+I=",
+      "dev": true
+    },
+    "process-relative-require": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/process-relative-require/download/process-relative-require-1.0.0.tgz",
+      "integrity": "sha1-FZDfz1uPKYO6U+OYRGtoJAtMxoo=",
+      "dev": true,
+      "requires": {
+        "node-modules-path": "^1.0.0"
+      }
+    },
+    "progress": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npm.taobao.org/progress/download/progress-2.0.3.tgz",
+      "integrity": "sha1-foz42PW48jnBvGi+tOt4Vn1XLvg=",
+      "dev": true
+    },
+    "promise": {
+      "version": "7.3.1",
+      "resolved": "https://registry.npm.taobao.org/promise/download/promise-7.3.1.tgz?cache=0&sync_timestamp=1583146725031&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fpromise%2Fdownload%2Fpromise-7.3.1.tgz",
+      "integrity": "sha1-BktyYCsY+Q8pGSuLG8QY/9Hr078=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "asap": "~2.0.3"
+      }
+    },
+    "promise-map-series": {
+      "version": "0.2.3",
+      "resolved": "https://registry.npm.taobao.org/promise-map-series/download/promise-map-series-0.2.3.tgz",
+      "integrity": "sha1-wtN3r8kyU/a9A9u3d1XriKsgqEc=",
+      "dev": true,
+      "requires": {
+        "rsvp": "^3.0.14"
+      }
+    },
+    "promise.prototype.finally": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npm.taobao.org/promise.prototype.finally/download/promise.prototype.finally-3.1.2.tgz",
+      "integrity": "sha1-uK+JFgycZzzv47TEQ1tTz9AocGc=",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.0-next.0",
+        "function-bind": "^1.1.1"
+      }
+    },
+    "proxy-addr": {
+      "version": "2.0.6",
+      "resolved": "https://registry.npm.taobao.org/proxy-addr/download/proxy-addr-2.0.6.tgz?cache=0&sync_timestamp=1582556112011&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fproxy-addr%2Fdownload%2Fproxy-addr-2.0.6.tgz",
+      "integrity": "sha1-/cIzZQVEfT8vLGOO0nLK9hS7sr8=",
+      "dev": true,
+      "requires": {
+        "forwarded": "~0.1.2",
+        "ipaddr.js": "1.9.1"
+      }
+    },
+    "prr": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/prr/download/prr-1.0.1.tgz",
+      "integrity": "sha1-0/wRS6BplaRexok/SEzrHXj19HY=",
+      "dev": true,
+      "optional": true
+    },
+    "psl": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npm.taobao.org/psl/download/psl-1.8.0.tgz",
+      "integrity": "sha1-kyb4vPsBOtzABf3/BWrM4CDlHCQ=",
+      "dev": true,
+      "optional": true
+    },
+    "pump": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/pump/download/pump-3.0.0.tgz",
+      "integrity": "sha1-tKIRaBW94vTh6mAjVOjHVWUQemQ=",
+      "dev": true,
+      "requires": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
+    "punycode": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npm.taobao.org/punycode/download/punycode-2.1.1.tgz",
+      "integrity": "sha1-tYsBCsQMIsVldhbI0sLALHv0eew=",
+      "dev": true
+    },
+    "qs": {
+      "version": "6.9.3",
+      "resolved": "https://registry.npm.taobao.org/qs/download/qs-6.9.3.tgz",
+      "integrity": "sha1-v63NKWwtVJ8d/6VgYZEyyXf1AI4=",
+      "dev": true
+    },
+    "query-string": {
+      "version": "5.1.1",
+      "resolved": "https://registry.npm.taobao.org/query-string/download/query-string-5.1.1.tgz",
+      "integrity": "sha1-p4wBK3HBfgXy4/ojGd0zBoLvs8s=",
+      "dev": true,
+      "requires": {
+        "decode-uri-component": "^0.2.0",
+        "object-assign": "^4.1.0",
+        "strict-uri-encode": "^1.0.0"
+      }
+    },
+    "quick-temp": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npm.taobao.org/quick-temp/download/quick-temp-0.1.8.tgz",
+      "integrity": "sha1-urAqJCq4+w3XWKPJd2sy+aXZRAg=",
+      "dev": true,
+      "requires": {
+        "mktemp": "~0.4.0",
+        "rimraf": "^2.5.4",
+        "underscore.string": "~3.3.4"
+      }
+    },
+    "qunit": {
+      "version": "2.9.3",
+      "resolved": "https://registry.npm.taobao.org/qunit/download/qunit-2.9.3.tgz",
+      "integrity": "sha1-lSKgiOdvB4L3CkXbkvL9FNsxG8w=",
+      "dev": true,
+      "requires": {
+        "commander": "2.12.2",
+        "js-reporters": "1.2.1",
+        "minimatch": "3.0.4",
+        "node-watch": "0.6.1",
+        "resolve": "1.9.0"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "2.12.2",
+          "resolved": "https://registry.npm.taobao.org/commander/download/commander-2.12.2.tgz?cache=0&sync_timestamp=1584148407069&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcommander%2Fdownload%2Fcommander-2.12.2.tgz",
+          "integrity": "sha1-D1lGxCftnsDZGka7ne9T5UZQ5VU=",
+          "dev": true
+        },
+        "resolve": {
+          "version": "1.9.0",
+          "resolved": "https://registry.npm.taobao.org/resolve/download/resolve-1.9.0.tgz?cache=0&sync_timestamp=1580943346382&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fresolve%2Fdownload%2Fresolve-1.9.0.tgz",
+          "integrity": "sha1-oUxv36j5Kn3x2ZbLcQX6dEZY6gY=",
+          "dev": true,
+          "requires": {
+            "path-parse": "^1.0.6"
+          }
+        }
+      }
+    },
+    "qunit-dom": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/qunit-dom/download/qunit-dom-1.2.0.tgz",
+      "integrity": "sha1-RkzKGemXbEzuSxSwbaZkXAMCaIA=",
+      "dev": true,
+      "requires": {
+        "broccoli-funnel": "^3.0.2",
+        "broccoli-merge-trees": "^4.2.0"
+      },
+      "dependencies": {
+        "broccoli-funnel": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npm.taobao.org/broccoli-funnel/download/broccoli-funnel-3.0.2.tgz",
+          "integrity": "sha1-JeHJpRKzhS08nd4Z698HiA1hnHM=",
+          "dev": true,
+          "requires": {
+            "array-equal": "^1.0.0",
+            "blank-object": "^1.0.1",
+            "broccoli-plugin": "^4.0.1",
+            "debug": "^4.1.1",
+            "fast-ordered-set": "^1.0.0",
+            "fs-tree-diff": "^2.0.1",
+            "heimdalljs": "^0.2.0",
+            "minimatch": "^3.0.0",
+            "path-posix": "^1.0.0",
+            "walk-sync": "^2.0.2"
+          }
+        },
+        "broccoli-merge-trees": {
+          "version": "4.2.0",
+          "resolved": "https://registry.npm.taobao.org/broccoli-merge-trees/download/broccoli-merge-trees-4.2.0.tgz",
+          "integrity": "sha1-aS08Fj7OoIxXFKlDTWZOYokZ9Hw=",
+          "dev": true,
+          "requires": {
+            "broccoli-plugin": "^4.0.2",
+            "merge-trees": "^2.0.0"
+          }
+        },
+        "broccoli-output-wrapper": {
+          "version": "3.2.1",
+          "resolved": "https://registry.npm.taobao.org/broccoli-output-wrapper/download/broccoli-output-wrapper-3.2.1.tgz",
+          "integrity": "sha1-j50Qkq/gwaS3obbw0sYvHEA+gq0=",
+          "dev": true,
+          "requires": {
+            "fs-extra": "^8.1.0",
+            "heimdalljs-logger": "^0.1.10",
+            "symlink-or-copy": "^1.2.0"
+          }
+        },
+        "broccoli-plugin": {
+          "version": "4.0.2",
+          "resolved": "https://registry.npm.taobao.org/broccoli-plugin/download/broccoli-plugin-4.0.2.tgz",
+          "integrity": "sha1-oWwfg5vJXMmXVDfliGSjleUYtEc=",
+          "dev": true,
+          "requires": {
+            "broccoli-node-api": "^1.6.0",
+            "broccoli-output-wrapper": "^3.2.1",
+            "fs-merger": "^3.0.1",
+            "promise-map-series": "^0.2.1",
+            "quick-temp": "^0.1.3",
+            "rimraf": "^3.0.0",
+            "symlink-or-copy": "^1.3.0"
+          }
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-4.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.1.1.tgz",
+          "integrity": "sha1-O3ImAlUQnGtYnO4FDx1RYTlmR5E=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "fs-extra": {
+          "version": "8.1.0",
+          "resolved": "https://registry.npm.taobao.org/fs-extra/download/fs-extra-8.1.0.tgz",
+          "integrity": "sha1-SdQ8RaiM2Wd2aMt74bRu/bjS4cA=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.2.0",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        },
+        "fs-tree-diff": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/fs-tree-diff/download/fs-tree-diff-2.0.1.tgz",
+          "integrity": "sha1-ND5HRatDXsOeusX5BZrZGc0DSvo=",
+          "dev": true,
+          "requires": {
+            "@types/symlink-or-copy": "^1.2.0",
+            "heimdalljs-logger": "^0.1.7",
+            "object-assign": "^4.1.0",
+            "path-posix": "^1.0.0",
+            "symlink-or-copy": "^1.1.8"
+          }
+        },
+        "matcher-collection": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/matcher-collection/download/matcher-collection-2.0.1.tgz",
+          "integrity": "sha1-kL4aTPWNbylJhk9luzsPPkEwOyk=",
+          "dev": true,
+          "requires": {
+            "@types/minimatch": "^3.0.3",
+            "minimatch": "^3.0.2"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        },
+        "rimraf": {
+          "version": "3.0.2",
+          "resolved": "https://registry.npm.taobao.org/rimraf/download/rimraf-3.0.2.tgz?cache=0&sync_timestamp=1581257110269&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frimraf%2Fdownload%2Frimraf-3.0.2.tgz",
+          "integrity": "sha1-8aVAK6YiCtUswSgrrBrjqkn9Bho=",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        },
+        "walk-sync": {
+          "version": "2.0.2",
+          "resolved": "https://registry.npm.taobao.org/walk-sync/download/walk-sync-2.0.2.tgz",
+          "integrity": "sha1-Xqiig3fIvmjJLVD0AH6jgXJdoUs=",
+          "dev": true,
+          "requires": {
+            "@types/minimatch": "^3.0.3",
+            "ensure-posix-path": "^1.1.0",
+            "matcher-collection": "^2.0.0"
+          }
+        }
+      }
+    },
+    "range-parser": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npm.taobao.org/range-parser/download/range-parser-1.2.1.tgz",
+      "integrity": "sha1-PPNwI9GZ4cJNGlW4SADC8+ZGgDE=",
+      "dev": true
+    },
+    "raw-body": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npm.taobao.org/raw-body/download/raw-body-2.4.0.tgz",
+      "integrity": "sha1-oc5vucm8NWylLoklarWQWeE9AzI=",
+      "dev": true,
+      "requires": {
+        "bytes": "3.1.0",
+        "http-errors": "1.7.2",
+        "iconv-lite": "0.4.24",
+        "unpipe": "1.0.0"
+      },
+      "dependencies": {
+        "bytes": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npm.taobao.org/bytes/download/bytes-3.1.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fbytes%2Fdownload%2Fbytes-3.1.0.tgz",
+          "integrity": "sha1-9s95M6Ng4FiPqf3oVlHNx/gF0fY=",
+          "dev": true
+        },
+        "http-errors": {
+          "version": "1.7.2",
+          "resolved": "https://registry.npm.taobao.org/http-errors/download/http-errors-1.7.2.tgz",
+          "integrity": "sha1-T1ApzxMjnzEDblsuVSkrz7zIXI8=",
+          "dev": true,
+          "requires": {
+            "depd": "~1.1.2",
+            "inherits": "2.0.3",
+            "setprototypeof": "1.1.1",
+            "statuses": ">= 1.5.0 < 2",
+            "toidentifier": "1.0.0"
+          }
+        },
+        "inherits": {
+          "version": "2.0.3",
+          "resolved": "https://registry.npm.taobao.org/inherits/download/inherits-2.0.3.tgz",
+          "integrity": "sha1-Yzwsg+PaQqUC9SRmAiSA9CCCYd4=",
+          "dev": true
+        },
+        "setprototypeof": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npm.taobao.org/setprototypeof/download/setprototypeof-1.1.1.tgz",
+          "integrity": "sha1-fpWsskqpL1iF4KvvW6ExMw1K5oM=",
+          "dev": true
+        }
+      }
+    },
+    "readable-stream": {
+      "version": "3.6.0",
+      "resolved": "https://registry.npm.taobao.org/readable-stream/download/readable-stream-3.6.0.tgz",
+      "integrity": "sha1-M3u9o63AcGvT4CRCaihtS0sskZg=",
+      "dev": true,
+      "requires": {
+        "inherits": "^2.0.3",
+        "string_decoder": "^1.1.1",
+        "util-deprecate": "^1.0.1"
+      }
+    },
+    "recast": {
+      "version": "0.11.23",
+      "resolved": "https://registry.npm.taobao.org/recast/download/recast-0.11.23.tgz?cache=0&sync_timestamp=1586111252088&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frecast%2Fdownload%2Frecast-0.11.23.tgz",
+      "integrity": "sha1-RR/TAEqx5N+bTktmN2sqIZEkYtM=",
+      "dev": true,
+      "requires": {
+        "ast-types": "0.9.6",
+        "esprima": "~3.1.0",
+        "private": "~0.1.5",
+        "source-map": "~0.5.0"
+      },
+      "dependencies": {
+        "esprima": {
+          "version": "3.1.3",
+          "resolved": "https://registry.npm.taobao.org/esprima/download/esprima-3.1.3.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fesprima%2Fdownload%2Fesprima-3.1.3.tgz",
+          "integrity": "sha1-/cpRzuYTOJXjyI1TXOSdv/YqRjM=",
+          "dev": true
+        }
+      }
+    },
+    "redeyed": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/redeyed/download/redeyed-1.0.1.tgz",
+      "integrity": "sha1-6WwZO0DAgWsArshCaY5hGF5VSYo=",
+      "dev": true,
+      "requires": {
+        "esprima": "~3.0.0"
+      },
+      "dependencies": {
+        "esprima": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/esprima/download/esprima-3.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fesprima%2Fdownload%2Fesprima-3.0.0.tgz",
+          "integrity": "sha1-U88kes2ncxPlUcOqLnM0LT+099k=",
+          "dev": true
+        }
+      }
+    },
+    "regenerate": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npm.taobao.org/regenerate/download/regenerate-1.4.0.tgz",
+      "integrity": "sha1-SoVuxLVuQHfFV1icroXnpMiGmhE=",
+      "dev": true
+    },
+    "regenerate-unicode-properties": {
+      "version": "8.2.0",
+      "resolved": "https://registry.npm.taobao.org/regenerate-unicode-properties/download/regenerate-unicode-properties-8.2.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregenerate-unicode-properties%2Fdownload%2Fregenerate-unicode-properties-8.2.0.tgz",
+      "integrity": "sha1-5d5xEdZV57pgwFfb6f83yH5lzew=",
+      "dev": true,
+      "requires": {
+        "regenerate": "^1.4.0"
+      }
+    },
+    "regenerator-runtime": {
+      "version": "0.13.5",
+      "resolved": "https://registry.npm.taobao.org/regenerator-runtime/download/regenerator-runtime-0.13.5.tgz",
+      "integrity": "sha1-2Hih0JS0MG0QuQlkhLM+vVXiZpc=",
+      "dev": true
+    },
+    "regenerator-transform": {
+      "version": "0.14.4",
+      "resolved": "https://registry.npm.taobao.org/regenerator-transform/download/regenerator-transform-0.14.4.tgz",
+      "integrity": "sha1-UmaFeJZRjRYWp4oEeTN6MOqXTMc=",
+      "dev": true,
+      "requires": {
+        "@babel/runtime": "^7.8.4",
+        "private": "^0.1.8"
+      }
+    },
+    "regex-not": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/regex-not/download/regex-not-1.0.2.tgz",
+      "integrity": "sha1-H07OJ+ALC2XgJHpoEOaoXYOldSw=",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^3.0.2",
+        "safe-regex": "^1.1.0"
+      }
+    },
+    "regexpp": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/regexpp/download/regexpp-2.0.1.tgz",
+      "integrity": "sha1-jRnTHPYySCtYkEn4KB+T28uk0H8=",
+      "dev": true
+    },
+    "regexpu-core": {
+      "version": "4.7.0",
+      "resolved": "https://registry.npm.taobao.org/regexpu-core/download/regexpu-core-4.7.0.tgz",
+      "integrity": "sha1-/L9FjFBDGwu3tF1pZ7gZLZHz2Tg=",
+      "dev": true,
+      "requires": {
+        "regenerate": "^1.4.0",
+        "regenerate-unicode-properties": "^8.2.0",
+        "regjsgen": "^0.5.1",
+        "regjsparser": "^0.6.4",
+        "unicode-match-property-ecmascript": "^1.0.4",
+        "unicode-match-property-value-ecmascript": "^1.2.0"
+      }
+    },
+    "regjsgen": {
+      "version": "0.5.1",
+      "resolved": "https://registry.npm.taobao.org/regjsgen/download/regjsgen-0.5.1.tgz",
+      "integrity": "sha1-SPC/Gl6iBRlpKcDZeYtC0e2YRDw=",
+      "dev": true
+    },
+    "regjsparser": {
+      "version": "0.6.4",
+      "resolved": "https://registry.npm.taobao.org/regjsparser/download/regjsparser-0.6.4.tgz?cache=0&sync_timestamp=1583896720909&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fregjsparser%2Fdownload%2Fregjsparser-0.6.4.tgz",
+      "integrity": "sha1-p2n4aEMIQBpm6bUp0kNv9NBmYnI=",
+      "dev": true,
+      "requires": {
+        "jsesc": "~0.5.0"
+      },
+      "dependencies": {
+        "jsesc": {
+          "version": "0.5.0",
+          "resolved": "https://registry.npm.taobao.org/jsesc/download/jsesc-0.5.0.tgz",
+          "integrity": "sha1-597mbjXW/Bb3EP6R1c9p9w8IkR0=",
+          "dev": true
+        }
+      }
+    },
+    "remove-trailing-separator": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/remove-trailing-separator/download/remove-trailing-separator-1.1.0.tgz",
+      "integrity": "sha1-wkvOKig62tW8P1jg1IJJuSN52O8=",
+      "dev": true
+    },
+    "repeat-element": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npm.taobao.org/repeat-element/download/repeat-element-1.1.3.tgz",
+      "integrity": "sha1-eC4NglwMWjuzlzH4Tv7mt0Lmsc4=",
+      "dev": true
+    },
+    "repeat-string": {
+      "version": "1.6.1",
+      "resolved": "https://registry.npm.taobao.org/repeat-string/download/repeat-string-1.6.1.tgz",
+      "integrity": "sha1-jcrkcOHIirwtYA//Sndihtp15jc=",
+      "dev": true
+    },
+    "repeating": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/repeating/download/repeating-2.0.1.tgz",
+      "integrity": "sha1-UhTFOpJtNVJwdSf7q0FdvAjQbdo=",
+      "dev": true,
+      "requires": {
+        "is-finite": "^1.0.0"
+      }
+    },
+    "request": {
+      "version": "2.88.2",
+      "resolved": "https://registry.npm.taobao.org/request/download/request-2.88.2.tgz",
+      "integrity": "sha1-1zyRhzHLWofaBH4gcjQUb2ZNErM=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "aws-sign2": "~0.7.0",
+        "aws4": "^1.8.0",
+        "caseless": "~0.12.0",
+        "combined-stream": "~1.0.6",
+        "extend": "~3.0.2",
+        "forever-agent": "~0.6.1",
+        "form-data": "~2.3.2",
+        "har-validator": "~5.1.3",
+        "http-signature": "~1.2.0",
+        "is-typedarray": "~1.0.0",
+        "isstream": "~0.1.2",
+        "json-stringify-safe": "~5.0.1",
+        "mime-types": "~2.1.19",
+        "oauth-sign": "~0.9.0",
+        "performance-now": "^2.1.0",
+        "qs": "~6.5.2",
+        "safe-buffer": "^5.1.2",
+        "tough-cookie": "~2.5.0",
+        "tunnel-agent": "^0.6.0",
+        "uuid": "^3.3.2"
+      },
+      "dependencies": {
+        "qs": {
+          "version": "6.5.2",
+          "resolved": "https://registry.npm.taobao.org/qs/download/qs-6.5.2.tgz",
+          "integrity": "sha1-yzroBuh0BERYTvFUzo7pjUA/PjY=",
+          "dev": true,
+          "optional": true
+        }
+      }
+    },
+    "require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npm.taobao.org/require-directory/download/require-directory-2.1.1.tgz",
+      "integrity": "sha1-jGStX9MNqxyXbiNE/+f3kqam30I=",
+      "dev": true
+    },
+    "require-handlebars-plugin": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/require-handlebars-plugin/download/require-handlebars-plugin-1.0.0.tgz",
+      "integrity": "sha1-yg/ERaDj0OEmr1qxyAB6bQlsKXk=",
+      "dev": true
+    },
+    "require-main-filename": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/require-main-filename/download/require-main-filename-2.0.0.tgz",
+      "integrity": "sha1-0LMp7MfMD2Fkn2IhW+aa9UqomJs=",
+      "dev": true
+    },
+    "requires-port": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/requires-port/download/requires-port-1.0.0.tgz",
+      "integrity": "sha1-kl0mAdOaxIXgkc8NpcbmlNw9yv8=",
+      "dev": true
+    },
+    "reselect": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npm.taobao.org/reselect/download/reselect-3.0.1.tgz",
+      "integrity": "sha1-79qpjqdFEyTQkrKyFjpqHXqaIUc=",
+      "dev": true
+    },
+    "resolve": {
+      "version": "1.15.1",
+      "resolved": "https://registry.npm.taobao.org/resolve/download/resolve-1.15.1.tgz?cache=0&sync_timestamp=1580943346382&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fresolve%2Fdownload%2Fresolve-1.15.1.tgz",
+      "integrity": "sha1-J73N7/6vLWJEuVuw+fS0ZTRR8+g=",
+      "dev": true,
+      "requires": {
+        "path-parse": "^1.0.6"
+      }
+    },
+    "resolve-dir": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/resolve-dir/download/resolve-dir-1.0.1.tgz",
+      "integrity": "sha1-eaQGRMNivoLybv/nOcm7U4IEb0M=",
+      "dev": true,
+      "requires": {
+        "expand-tilde": "^2.0.0",
+        "global-modules": "^1.0.0"
+      }
+    },
+    "resolve-from": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npm.taobao.org/resolve-from/download/resolve-from-4.0.0.tgz",
+      "integrity": "sha1-SrzYUq0y3Xuqv+m0DgCjbbXzkuY=",
+      "dev": true
+    },
+    "resolve-package-path": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npm.taobao.org/resolve-package-path/download/resolve-package-path-1.2.7.tgz",
+      "integrity": "sha1-KnvDetloZeI5Mw4xAsMTIoR+ZS4=",
+      "dev": true,
+      "requires": {
+        "path-root": "^0.1.1",
+        "resolve": "^1.10.0"
+      }
+    },
+    "resolve-path": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npm.taobao.org/resolve-path/download/resolve-path-1.4.0.tgz",
+      "integrity": "sha1-xL2p9e+y/OZSR4c6s2u02DT+Fvc=",
+      "dev": true,
+      "requires": {
+        "http-errors": "~1.6.2",
+        "path-is-absolute": "1.0.1"
+      }
+    },
+    "resolve-url": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npm.taobao.org/resolve-url/download/resolve-url-0.2.1.tgz",
+      "integrity": "sha1-LGN/53yJOv0qZj/iGqkIAGjiBSo=",
+      "dev": true
+    },
+    "responselike": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/responselike/download/responselike-1.0.2.tgz",
+      "integrity": "sha1-kYcg7ztjHFZCvgaPFa3lpG9Loec=",
+      "dev": true,
+      "requires": {
+        "lowercase-keys": "^1.0.0"
+      }
+    },
+    "restore-cursor": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npm.taobao.org/restore-cursor/download/restore-cursor-3.1.0.tgz",
+      "integrity": "sha1-OfZ8VLOnpYzqUjbZXPADQjljH34=",
+      "dev": true,
+      "requires": {
+        "onetime": "^5.1.0",
+        "signal-exit": "^3.0.2"
+      }
+    },
+    "ret": {
+      "version": "0.1.15",
+      "resolved": "https://registry.npm.taobao.org/ret/download/ret-0.1.15.tgz",
+      "integrity": "sha1-uKSCXVvbH8P29Twrwz+BOIaBx7w=",
+      "dev": true
+    },
+    "reusify": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npm.taobao.org/reusify/download/reusify-1.0.4.tgz",
+      "integrity": "sha1-kNo4Kx4SbvwCFG6QhFqI2xKSXXY=",
+      "dev": true
+    },
+    "rimraf": {
+      "version": "2.7.1",
+      "resolved": "https://registry.npm.taobao.org/rimraf/download/rimraf-2.7.1.tgz?cache=0&sync_timestamp=1581257110269&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frimraf%2Fdownload%2Frimraf-2.7.1.tgz",
+      "integrity": "sha1-NXl/E6f9rcVmFCwp1PB8ytSD4+w=",
+      "dev": true,
+      "requires": {
+        "glob": "^7.1.3"
+      }
+    },
+    "rsvp": {
+      "version": "3.6.2",
+      "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-3.6.2.tgz",
+      "integrity": "sha1-LpZJFZmpbN4bUV1WdKj3qRRSkmo=",
+      "dev": true
+    },
+    "run-async": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npm.taobao.org/run-async/download/run-async-2.4.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frun-async%2Fdownload%2Frun-async-2.4.0.tgz",
+      "integrity": "sha1-5ZBUpbhods+uB/Qx0Yy63cWU8eg=",
+      "dev": true,
+      "requires": {
+        "is-promise": "^2.1.0"
+      }
+    },
+    "run-parallel": {
+      "version": "1.1.9",
+      "resolved": "https://registry.npm.taobao.org/run-parallel/download/run-parallel-1.1.9.tgz",
+      "integrity": "sha1-yd06fPn0ssS2JE4XOm7YZuYd1nk=",
+      "dev": true
+    },
+    "rxjs": {
+      "version": "6.5.5",
+      "resolved": "https://registry.npm.taobao.org/rxjs/download/rxjs-6.5.5.tgz",
+      "integrity": "sha1-xciE4wlMjP7jG/J+uH5UzPyH+ew=",
+      "dev": true,
+      "requires": {
+        "tslib": "^1.9.0"
+      }
+    },
+    "safe-buffer": {
+      "version": "5.1.2",
+      "resolved": "https://registry.npm.taobao.org/safe-buffer/download/safe-buffer-5.1.2.tgz",
+      "integrity": "sha1-mR7GnSluAxN0fVm9/St0XDX4go0=",
+      "dev": true
+    },
+    "safe-json-parse": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/safe-json-parse/download/safe-json-parse-1.0.1.tgz",
+      "integrity": "sha1-PnZyPjjf3aE8mx0poeB//uSzC1c=",
+      "dev": true
+    },
+    "safe-regex": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/safe-regex/download/safe-regex-1.1.0.tgz",
+      "integrity": "sha1-QKNmnzsHfR6UPURinhV91IAjvy4=",
+      "dev": true,
+      "requires": {
+        "ret": "~0.1.10"
+      }
+    },
+    "safer-buffer": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npm.taobao.org/safer-buffer/download/safer-buffer-2.1.2.tgz",
+      "integrity": "sha1-RPoWGwGHuVSd2Eu5GAL5vYOFzWo=",
+      "dev": true
+    },
+    "sane": {
+      "version": "4.1.0",
+      "resolved": "https://registry.npm.taobao.org/sane/download/sane-4.1.0.tgz",
+      "integrity": "sha1-7Ygf2SJzOmxGG8GJ3CtsAG8//e0=",
+      "dev": true,
+      "requires": {
+        "@cnakazawa/watch": "^1.0.3",
+        "anymatch": "^2.0.0",
+        "capture-exit": "^2.0.0",
+        "exec-sh": "^0.3.2",
+        "execa": "^1.0.0",
+        "fb-watchman": "^2.0.0",
+        "micromatch": "^3.1.4",
+        "minimist": "^1.1.1",
+        "walker": "~1.0.5"
+      },
+      "dependencies": {
+        "braces": {
+          "version": "2.3.2",
+          "resolved": "https://registry.npm.taobao.org/braces/download/braces-2.3.2.tgz",
+          "integrity": "sha1-WXn9PxTNUxVl5fot8av/8d+u5yk=",
+          "dev": true,
+          "requires": {
+            "arr-flatten": "^1.1.0",
+            "array-unique": "^0.3.2",
+            "extend-shallow": "^2.0.1",
+            "fill-range": "^4.0.0",
+            "isobject": "^3.0.1",
+            "repeat-element": "^1.1.2",
+            "snapdragon": "^0.8.1",
+            "snapdragon-node": "^2.0.1",
+            "split-string": "^3.0.2",
+            "to-regex": "^3.0.1"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npm.taobao.org/extend-shallow/download/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "^0.1.0"
+              }
+            }
+          }
+        },
+        "fill-range": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npm.taobao.org/fill-range/download/fill-range-4.0.0.tgz",
+          "integrity": "sha1-1USBHUKPmOsGpj3EAtJAPDKMOPc=",
+          "dev": true,
+          "requires": {
+            "extend-shallow": "^2.0.1",
+            "is-number": "^3.0.0",
+            "repeat-string": "^1.6.1",
+            "to-regex-range": "^2.1.0"
+          },
+          "dependencies": {
+            "extend-shallow": {
+              "version": "2.0.1",
+              "resolved": "https://registry.npm.taobao.org/extend-shallow/download/extend-shallow-2.0.1.tgz",
+              "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+              "dev": true,
+              "requires": {
+                "is-extendable": "^0.1.0"
+              }
+            }
+          }
+        },
+        "is-number": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/is-number/download/is-number-3.0.0.tgz",
+          "integrity": "sha1-JP1iAaR4LPUFYcgQJ2r8fRLXEZU=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^3.0.2"
+          },
+          "dependencies": {
+            "kind-of": {
+              "version": "3.2.2",
+              "resolved": "https://registry.npm.taobao.org/kind-of/download/kind-of-3.2.2.tgz",
+              "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+              "dev": true,
+              "requires": {
+                "is-buffer": "^1.1.5"
+              }
+            }
+          }
+        },
+        "micromatch": {
+          "version": "3.1.10",
+          "resolved": "https://registry.npm.taobao.org/micromatch/download/micromatch-3.1.10.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fmicromatch%2Fdownload%2Fmicromatch-3.1.10.tgz",
+          "integrity": "sha1-cIWbyVyYQJUvNZoGij/En57PrCM=",
+          "dev": true,
+          "requires": {
+            "arr-diff": "^4.0.0",
+            "array-unique": "^0.3.2",
+            "braces": "^2.3.1",
+            "define-property": "^2.0.2",
+            "extend-shallow": "^3.0.2",
+            "extglob": "^2.0.4",
+            "fragment-cache": "^0.2.1",
+            "kind-of": "^6.0.2",
+            "nanomatch": "^1.2.9",
+            "object.pick": "^1.3.0",
+            "regex-not": "^1.0.0",
+            "snapdragon": "^0.8.1",
+            "to-regex": "^3.0.2"
+          }
+        },
+        "to-regex-range": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npm.taobao.org/to-regex-range/download/to-regex-range-2.1.1.tgz",
+          "integrity": "sha1-fIDBe53+vlmeJzZ+DU3VWQFB2zg=",
+          "dev": true,
+          "requires": {
+            "is-number": "^3.0.0",
+            "repeat-string": "^1.6.1"
+          }
+        }
+      }
+    },
+    "select": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npm.taobao.org/select/download/select-1.1.2.tgz",
+      "integrity": "sha1-DnNQrN7ICxEIUoeG7B1EGNEbOW0=",
+      "dev": true
+    },
+    "select2": {
+      "version": "4.0.13",
+      "resolved": "https://registry.npm.taobao.org/select2/download/select2-4.0.13.tgz",
+      "integrity": "sha1-Db43ffP5YWfEwWJgM+kkNy2O9E0=",
+      "dev": true
+    },
+    "semver": {
+      "version": "5.7.1",
+      "resolved": "https://registry.npm.taobao.org/semver/download/semver-5.7.1.tgz?cache=0&sync_timestamp=1586534511518&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsemver%2Fdownload%2Fsemver-5.7.1.tgz",
+      "integrity": "sha1-qVT5Ma66UI0we78Gnv8MAclhFvc=",
+      "dev": true
+    },
+    "send": {
+      "version": "0.17.1",
+      "resolved": "https://registry.npm.taobao.org/send/download/send-0.17.1.tgz",
+      "integrity": "sha1-wdiwWfeQD3Rm3Uk4vcROEd2zdsg=",
+      "dev": true,
+      "requires": {
+        "debug": "2.6.9",
+        "depd": "~1.1.2",
+        "destroy": "~1.0.4",
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "etag": "~1.8.1",
+        "fresh": "0.5.2",
+        "http-errors": "~1.7.2",
+        "mime": "1.6.0",
+        "ms": "2.1.1",
+        "on-finished": "~2.3.0",
+        "range-parser": "~1.2.1",
+        "statuses": "~1.5.0"
+      },
+      "dependencies": {
+        "http-errors": {
+          "version": "1.7.3",
+          "resolved": "https://registry.npm.taobao.org/http-errors/download/http-errors-1.7.3.tgz",
+          "integrity": "sha1-bGGeT5xgMIw4UZSYwU+7EKrOuwY=",
+          "dev": true,
+          "requires": {
+            "depd": "~1.1.2",
+            "inherits": "2.0.4",
+            "setprototypeof": "1.1.1",
+            "statuses": ">= 1.5.0 < 2",
+            "toidentifier": "1.0.0"
+          }
+        },
+        "ms": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.1.tgz",
+          "integrity": "sha1-MKWGTrPrsKZvLr5tcnrwagnYbgo=",
+          "dev": true
+        },
+        "setprototypeof": {
+          "version": "1.1.1",
+          "resolved": "https://registry.npm.taobao.org/setprototypeof/download/setprototypeof-1.1.1.tgz",
+          "integrity": "sha1-fpWsskqpL1iF4KvvW6ExMw1K5oM=",
+          "dev": true
+        }
+      }
+    },
+    "serve-static": {
+      "version": "1.14.1",
+      "resolved": "https://registry.npm.taobao.org/serve-static/download/serve-static-1.14.1.tgz",
+      "integrity": "sha1-Zm5jbcTwEPfvKZcKiKZ0MgiYsvk=",
+      "dev": true,
+      "requires": {
+        "encodeurl": "~1.0.2",
+        "escape-html": "~1.0.3",
+        "parseurl": "~1.3.3",
+        "send": "0.17.1"
+      }
+    },
+    "set-blocking": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/set-blocking/download/set-blocking-2.0.0.tgz",
+      "integrity": "sha1-BF+XgtARrppoA93TgrJDkrPYkPc=",
+      "dev": true
+    },
+    "set-value": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/set-value/download/set-value-2.0.1.tgz",
+      "integrity": "sha1-oY1AUw5vB95CKMfe/kInr4ytAFs=",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^2.0.1",
+        "is-extendable": "^0.1.1",
+        "is-plain-object": "^2.0.3",
+        "split-string": "^3.0.1"
+      },
+      "dependencies": {
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/extend-shallow/download/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        }
+      }
+    },
+    "setprototypeof": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/setprototypeof/download/setprototypeof-1.1.0.tgz",
+      "integrity": "sha1-0L2FU2iHtv58DYGMuWLZ2RxU5lY=",
+      "dev": true
+    },
+    "shebang-command": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/shebang-command/download/shebang-command-1.2.0.tgz",
+      "integrity": "sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=",
+      "dev": true,
+      "requires": {
+        "shebang-regex": "^1.0.0"
+      }
+    },
+    "shebang-regex": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/shebang-regex/download/shebang-regex-1.0.0.tgz",
+      "integrity": "sha1-2kL0l0DAtC2yypcoVxyxkMmO/qM=",
+      "dev": true
+    },
+    "shellwords": {
+      "version": "0.1.1",
+      "resolved": "https://registry.npm.taobao.org/shellwords/download/shellwords-0.1.1.tgz",
+      "integrity": "sha1-1rkYHBpI05cyTISHHvvPxz/AZUs=",
+      "dev": true
+    },
+    "signal-exit": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npm.taobao.org/signal-exit/download/signal-exit-3.0.3.tgz",
+      "integrity": "sha1-oUEMLt2PB3sItOJTyOrPyvBXRhw=",
+      "dev": true
+    },
+    "silent-error": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npm.taobao.org/silent-error/download/silent-error-1.1.1.tgz",
+      "integrity": "sha1-9yr1sNc2gqK6F3i34yzYqnwthmI=",
+      "dev": true,
+      "requires": {
+        "debug": "^2.2.0"
+      }
+    },
+    "simple-html-tokenizer": {
+      "version": "0.5.9",
+      "resolved": "https://registry.npm.taobao.org/simple-html-tokenizer/download/simple-html-tokenizer-0.5.9.tgz",
+      "integrity": "sha1-GoP+l/Wj45szX933HP6bAmO1gcI=",
+      "dev": true
+    },
+    "slash": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/slash/download/slash-3.0.0.tgz",
+      "integrity": "sha1-ZTm+hwwWWtvVJAIg2+Nh8bxNRjQ=",
+      "dev": true
+    },
+    "slice-ansi": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npm.taobao.org/slice-ansi/download/slice-ansi-2.1.0.tgz",
+      "integrity": "sha1-ys12k0YaY3pXiNkqfdT7oGjoFjY=",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^3.2.0",
+        "astral-regex": "^1.0.0",
+        "is-fullwidth-code-point": "^2.0.0"
+      },
+      "dependencies": {
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+          "dev": true
+        }
+      }
+    },
+    "snake-case": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npm.taobao.org/snake-case/download/snake-case-3.0.3.tgz?cache=0&sync_timestamp=1576721539527&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsnake-case%2Fdownload%2Fsnake-case-3.0.3.tgz",
+      "integrity": "sha1-xZi4IqtEP8uxRa6KgsXkNSbVu+4=",
+      "dev": true,
+      "requires": {
+        "dot-case": "^3.0.3",
+        "tslib": "^1.10.0"
+      }
+    },
+    "snapdragon": {
+      "version": "0.8.2",
+      "resolved": "https://registry.npm.taobao.org/snapdragon/download/snapdragon-0.8.2.tgz",
+      "integrity": "sha1-ZJIufFZbDhQgS6GqfWlkJ40lGC0=",
+      "dev": true,
+      "requires": {
+        "base": "^0.11.1",
+        "debug": "^2.2.0",
+        "define-property": "^0.2.5",
+        "extend-shallow": "^2.0.1",
+        "map-cache": "^0.2.2",
+        "source-map": "^0.5.6",
+        "source-map-resolve": "^0.5.0",
+        "use": "^3.1.0"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npm.taobao.org/define-property/download/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^0.1.0"
+          }
+        },
+        "extend-shallow": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/extend-shallow/download/extend-shallow-2.0.1.tgz",
+          "integrity": "sha1-Ua99YUrZqfYQ6huvu5idaxxWiQ8=",
+          "dev": true,
+          "requires": {
+            "is-extendable": "^0.1.0"
+          }
+        }
+      }
+    },
+    "snapdragon-node": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npm.taobao.org/snapdragon-node/download/snapdragon-node-2.1.1.tgz",
+      "integrity": "sha1-bBdfhv8UvbByRWPo88GwIaKGhTs=",
+      "dev": true,
+      "requires": {
+        "define-property": "^1.0.0",
+        "isobject": "^3.0.0",
+        "snapdragon-util": "^3.0.1"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npm.taobao.org/define-property/download/define-property-1.0.0.tgz",
+          "integrity": "sha1-dp66rz9KY6rTr56NMEybvnm/sOY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^1.0.0"
+          }
+        },
+        "is-accessor-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npm.taobao.org/is-accessor-descriptor/download/is-accessor-descriptor-1.0.0.tgz",
+          "integrity": "sha1-FpwvbT3x+ZJhgHI2XJsOofaHhlY=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-data-descriptor": {
+          "version": "1.0.0",
+          "resolved": "https://registry.npm.taobao.org/is-data-descriptor/download/is-data-descriptor-1.0.0.tgz",
+          "integrity": "sha1-2Eh2Mh0Oet0DmQQGq7u9NrqSaMc=",
+          "dev": true,
+          "requires": {
+            "kind-of": "^6.0.0"
+          }
+        },
+        "is-descriptor": {
+          "version": "1.0.2",
+          "resolved": "https://registry.npm.taobao.org/is-descriptor/download/is-descriptor-1.0.2.tgz",
+          "integrity": "sha1-OxWXRqZmBLBPjIFSS6NlxfFNhuw=",
+          "dev": true,
+          "requires": {
+            "is-accessor-descriptor": "^1.0.0",
+            "is-data-descriptor": "^1.0.0",
+            "kind-of": "^6.0.2"
+          }
+        }
+      }
+    },
+    "snapdragon-util": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npm.taobao.org/snapdragon-util/download/snapdragon-util-3.0.1.tgz",
+      "integrity": "sha1-+VZHlIbyrNeXAGk/b3uAXkWrVuI=",
+      "dev": true,
+      "requires": {
+        "kind-of": "^3.2.0"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npm.taobao.org/kind-of/download/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "socket.io": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npm.taobao.org/socket.io/download/socket.io-2.3.0.tgz",
+      "integrity": "sha1-zXYu1qT67KWbwfPiQ8CWkxHrc/s=",
+      "dev": true,
+      "requires": {
+        "debug": "~4.1.0",
+        "engine.io": "~3.4.0",
+        "has-binary2": "~1.0.2",
+        "socket.io-adapter": "~1.1.0",
+        "socket.io-client": "2.3.0",
+        "socket.io-parser": "~3.4.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-4.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.1.1.tgz",
+          "integrity": "sha1-O3ImAlUQnGtYnO4FDx1RYTlmR5E=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        }
+      }
+    },
+    "socket.io-adapter": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npm.taobao.org/socket.io-adapter/download/socket.io-adapter-1.1.2.tgz",
+      "integrity": "sha1-qz8Nb2a4/H/KOVmrWZH4IiF4m+k=",
+      "dev": true
+    },
+    "socket.io-client": {
+      "version": "2.3.0",
+      "resolved": "https://registry.npm.taobao.org/socket.io-client/download/socket.io-client-2.3.0.tgz",
+      "integrity": "sha1-FNW6LgC5vNFFrkQ6uWs/hsvMG7Q=",
+      "dev": true,
+      "requires": {
+        "backo2": "1.0.2",
+        "base64-arraybuffer": "0.1.5",
+        "component-bind": "1.0.0",
+        "component-emitter": "1.2.1",
+        "debug": "~4.1.0",
+        "engine.io-client": "~3.4.0",
+        "has-binary2": "~1.0.2",
+        "has-cors": "1.1.0",
+        "indexof": "0.0.1",
+        "object-component": "0.0.3",
+        "parseqs": "0.0.5",
+        "parseuri": "0.0.5",
+        "socket.io-parser": "~3.3.0",
+        "to-array": "0.1.4"
+      },
+      "dependencies": {
+        "component-emitter": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npm.taobao.org/component-emitter/download/component-emitter-1.2.1.tgz",
+          "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=",
+          "dev": true
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-4.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.1.1.tgz",
+          "integrity": "sha1-O3ImAlUQnGtYnO4FDx1RYTlmR5E=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "isarray": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/isarray/download/isarray-2.0.1.tgz?cache=0&sync_timestamp=1562592096220&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fisarray%2Fdownload%2Fisarray-2.0.1.tgz",
+          "integrity": "sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4=",
+          "dev": true
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        },
+        "socket.io-parser": {
+          "version": "3.3.0",
+          "resolved": "https://registry.npm.taobao.org/socket.io-parser/download/socket.io-parser-3.3.0.tgz",
+          "integrity": "sha1-K1KpalCf3zFEC6QP7WCUx9TxJi8=",
+          "dev": true,
+          "requires": {
+            "component-emitter": "1.2.1",
+            "debug": "~3.1.0",
+            "isarray": "2.0.1"
+          },
+          "dependencies": {
+            "debug": {
+              "version": "3.1.0",
+              "resolved": "https://registry.npm.taobao.org/debug/download/debug-3.1.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-3.1.0.tgz",
+              "integrity": "sha1-W7WgZyYotkFJVmuhaBnmFRjGcmE=",
+              "dev": true,
+              "requires": {
+                "ms": "2.0.0"
+              }
+            },
+            "ms": {
+              "version": "2.0.0",
+              "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.0.0.tgz",
+              "integrity": "sha1-VgiurfwAvmwpAd9fmGF4jeDVl8g=",
+              "dev": true
+            }
+          }
+        }
+      }
+    },
+    "socket.io-parser": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npm.taobao.org/socket.io-parser/download/socket.io-parser-3.4.0.tgz",
+      "integrity": "sha1-Nwu0oVHfL3fOM0X/VacHLMbpVlo=",
+      "dev": true,
+      "requires": {
+        "component-emitter": "1.2.1",
+        "debug": "~4.1.0",
+        "isarray": "2.0.1"
+      },
+      "dependencies": {
+        "component-emitter": {
+          "version": "1.2.1",
+          "resolved": "https://registry.npm.taobao.org/component-emitter/download/component-emitter-1.2.1.tgz",
+          "integrity": "sha1-E3kY1teCg/ffemt8WmPhQOaUJeY=",
+          "dev": true
+        },
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-4.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.1.1.tgz",
+          "integrity": "sha1-O3ImAlUQnGtYnO4FDx1RYTlmR5E=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "isarray": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/isarray/download/isarray-2.0.1.tgz?cache=0&sync_timestamp=1562592096220&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fisarray%2Fdownload%2Fisarray-2.0.1.tgz",
+          "integrity": "sha1-o32U7ZzaLVmGXJ92/llu4fM4dB4=",
+          "dev": true
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        }
+      }
+    },
+    "sort-keys": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/sort-keys/download/sort-keys-2.0.0.tgz",
+      "integrity": "sha1-ZYU1WEhh7JfXMNbPQYIuH1ZoQSg=",
+      "dev": true,
+      "requires": {
+        "is-plain-obj": "^1.0.0"
+      }
+    },
+    "sort-object-keys": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npm.taobao.org/sort-object-keys/download/sort-object-keys-1.1.3.tgz",
+      "integrity": "sha1-v/gz/oXKsUezR0LkWGNFPB4ZC0U=",
+      "dev": true
+    },
+    "sort-package-json": {
+      "version": "1.41.0",
+      "resolved": "https://registry.npm.taobao.org/sort-package-json/download/sort-package-json-1.41.0.tgz",
+      "integrity": "sha1-nqDdSC5cWKkbrs3fYpokNHZoKtA=",
+      "dev": true,
+      "requires": {
+        "detect-indent": "^6.0.0",
+        "detect-newline": "3.1.0",
+        "git-hooks-list": "1.0.3",
+        "globby": "11.0.0",
+        "is-plain-obj": "2.1.0",
+        "sort-object-keys": "^1.1.3"
+      },
+      "dependencies": {
+        "is-plain-obj": {
+          "version": "2.1.0",
+          "resolved": "https://registry.npm.taobao.org/is-plain-obj/download/is-plain-obj-2.1.0.tgz",
+          "integrity": "sha1-ReQuN/zPH0Dajl927iFRWEDAkoc=",
+          "dev": true
+        }
+      }
+    },
+    "source-map": {
+      "version": "0.5.7",
+      "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.5.7.tgz",
+      "integrity": "sha1-igOdLRAh0i0eoUyA2OpGi6LvP8w=",
+      "dev": true
+    },
+    "source-map-resolve": {
+      "version": "0.5.3",
+      "resolved": "https://registry.npm.taobao.org/source-map-resolve/download/source-map-resolve-0.5.3.tgz?cache=0&sync_timestamp=1584829475930&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsource-map-resolve%2Fdownload%2Fsource-map-resolve-0.5.3.tgz",
+      "integrity": "sha1-GQhmvs51U+H48mei7oLGBrVQmho=",
+      "dev": true,
+      "requires": {
+        "atob": "^2.1.2",
+        "decode-uri-component": "^0.2.0",
+        "resolve-url": "^0.2.1",
+        "source-map-url": "^0.4.0",
+        "urix": "^0.1.0"
+      }
+    },
+    "source-map-support": {
+      "version": "0.4.18",
+      "resolved": "https://registry.npm.taobao.org/source-map-support/download/source-map-support-0.4.18.tgz?cache=0&sync_timestamp=1577793981856&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsource-map-support%2Fdownload%2Fsource-map-support-0.4.18.tgz",
+      "integrity": "sha1-Aoam3ovkJkEzhZTpfM6nXwosWF8=",
+      "dev": true,
+      "requires": {
+        "source-map": "^0.5.6"
+      }
+    },
+    "source-map-url": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npm.taobao.org/source-map-url/download/source-map-url-0.4.0.tgz",
+      "integrity": "sha1-PpNdfd1zYxuXZZlW1VEo6HtQhKM=",
+      "dev": true
+    },
+    "sourcemap-validator": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npm.taobao.org/sourcemap-validator/download/sourcemap-validator-1.1.1.tgz",
+      "integrity": "sha1-PX2KOZzKsJwf7cUQ1lQ24lscOGs=",
+      "dev": true,
+      "requires": {
+        "jsesc": "~0.3.x",
+        "lodash.foreach": "^4.5.0",
+        "lodash.template": "^4.5.0",
+        "source-map": "~0.1.x"
+      },
+      "dependencies": {
+        "jsesc": {
+          "version": "0.3.0",
+          "resolved": "https://registry.npm.taobao.org/jsesc/download/jsesc-0.3.0.tgz",
+          "integrity": "sha1-G/XuY7RTn+LibQwemcJAuXpFeXI=",
+          "dev": true
+        },
+        "source-map": {
+          "version": "0.1.43",
+          "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.1.43.tgz",
+          "integrity": "sha1-wkvBRspRfBRx9drL4lcbK3+eM0Y=",
+          "dev": true,
+          "requires": {
+            "amdefine": ">=0.0.4"
+          }
+        }
+      }
+    },
+    "spawn-args": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npm.taobao.org/spawn-args/download/spawn-args-0.2.0.tgz",
+      "integrity": "sha1-+30L0dcP1DFr2ePew4nmX51jYbs=",
+      "dev": true
+    },
+    "split-string": {
+      "version": "3.1.0",
+      "resolved": "https://registry.npm.taobao.org/split-string/download/split-string-3.1.0.tgz",
+      "integrity": "sha1-fLCd2jqGWFcFxks5pkZgOGguj+I=",
+      "dev": true,
+      "requires": {
+        "extend-shallow": "^3.0.0"
+      }
+    },
+    "sprintf-js": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npm.taobao.org/sprintf-js/download/sprintf-js-1.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsprintf-js%2Fdownload%2Fsprintf-js-1.1.2.tgz",
+      "integrity": "sha1-2hdlJiv4wPVxdJ8q1sJjACB65nM=",
+      "dev": true
+    },
+    "sri-toolbox": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npm.taobao.org/sri-toolbox/download/sri-toolbox-0.2.0.tgz",
+      "integrity": "sha1-p/6lw/3lXmdc8cjAbz67XCk1g14=",
+      "dev": true
+    },
+    "sshpk": {
+      "version": "1.16.1",
+      "resolved": "https://registry.npm.taobao.org/sshpk/download/sshpk-1.16.1.tgz",
+      "integrity": "sha1-+2YcC+8ps520B2nuOfpwCT1vaHc=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "asn1": "~0.2.3",
+        "assert-plus": "^1.0.0",
+        "bcrypt-pbkdf": "^1.0.0",
+        "dashdash": "^1.12.0",
+        "ecc-jsbn": "~0.1.1",
+        "getpass": "^0.1.1",
+        "jsbn": "~0.1.0",
+        "safer-buffer": "^2.0.2",
+        "tweetnacl": "~0.14.0"
+      }
+    },
+    "stagehand": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/stagehand/download/stagehand-1.0.0.tgz",
+      "integrity": "sha1-eVFeKtOgLGP4cgx9+bYHeuFCdtk=",
+      "dev": true,
+      "requires": {
+        "debug": "^4.1.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "4.1.1",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-4.1.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-4.1.1.tgz",
+          "integrity": "sha1-O3ImAlUQnGtYnO4FDx1RYTlmR5E=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        }
+      }
+    },
+    "static-extend": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npm.taobao.org/static-extend/download/static-extend-0.1.2.tgz",
+      "integrity": "sha1-YICcOcv/VTNyJv1eC1IPNB8ftcY=",
+      "dev": true,
+      "requires": {
+        "define-property": "^0.2.5",
+        "object-copy": "^0.1.0"
+      },
+      "dependencies": {
+        "define-property": {
+          "version": "0.2.5",
+          "resolved": "https://registry.npm.taobao.org/define-property/download/define-property-0.2.5.tgz",
+          "integrity": "sha1-w1se+RjsPJkPmlvFe+BKrOxcgRY=",
+          "dev": true,
+          "requires": {
+            "is-descriptor": "^0.1.0"
+          }
+        }
+      }
+    },
+    "statuses": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npm.taobao.org/statuses/download/statuses-1.5.0.tgz",
+      "integrity": "sha1-Fhx9rBd2Wf2YEfQ3cfqZOBR4Yow=",
+      "dev": true
+    },
+    "strict-uri-encode": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/strict-uri-encode/download/strict-uri-encode-1.1.0.tgz",
+      "integrity": "sha1-J5siXfHVgrH1TmWt3UNS4Y+qBxM=",
+      "dev": true
+    },
+    "string-template": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npm.taobao.org/string-template/download/string-template-0.2.1.tgz",
+      "integrity": "sha1-QpMuWYo1LQH8IuwzZ9nYTuxsmt0=",
+      "dev": true
+    },
+    "string-width": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npm.taobao.org/string-width/download/string-width-4.2.0.tgz",
+      "integrity": "sha1-lSGCxGzHssMT0VluYjmSvRY7crU=",
+      "dev": true,
+      "requires": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.0"
+      }
+    },
+    "string.prototype.trimend": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/string.prototype.trimend/download/string.prototype.trimend-1.0.1.tgz",
+      "integrity": "sha1-hYEqa4R6wAInD1gIFGBkyZX7aRM=",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
+    "string.prototype.trimleft": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npm.taobao.org/string.prototype.trimleft/download/string.prototype.trimleft-2.1.2.tgz",
+      "integrity": "sha1-RAiqLl1t3QyagHObCH+8BnwDs8w=",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5",
+        "string.prototype.trimstart": "^1.0.0"
+      }
+    },
+    "string.prototype.trimright": {
+      "version": "2.1.2",
+      "resolved": "https://registry.npm.taobao.org/string.prototype.trimright/download/string.prototype.trimright-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstring.prototype.trimright%2Fdownload%2Fstring.prototype.trimright-2.1.2.tgz",
+      "integrity": "sha1-x28c7zDyG7rYr+uNsVEUls+w8qM=",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5",
+        "string.prototype.trimend": "^1.0.0"
+      }
+    },
+    "string.prototype.trimstart": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/string.prototype.trimstart/download/string.prototype.trimstart-1.0.1.tgz",
+      "integrity": "sha1-FK9tnzSwU/fPyJty+PLuFLkDmlQ=",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.5"
+      }
+    },
+    "string_decoder": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npm.taobao.org/string_decoder/download/string_decoder-1.3.0.tgz",
+      "integrity": "sha1-QvEUWUpGzxqOMLCoT1bHjD7awh4=",
+      "dev": true,
+      "requires": {
+        "safe-buffer": "~5.2.0"
+      },
+      "dependencies": {
+        "safe-buffer": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npm.taobao.org/safe-buffer/download/safe-buffer-5.2.0.tgz",
+          "integrity": "sha1-t02uxJsRSPiMZLaNSbHoFcHy9Rk=",
+          "dev": true
+        }
+      }
+    },
+    "strip-ansi": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-6.0.0.tgz?cache=0&sync_timestamp=1573280518303&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-6.0.0.tgz",
+      "integrity": "sha1-CxVx3XZpzNTz4G4U7x7tJiJa5TI=",
+      "dev": true,
+      "requires": {
+        "ansi-regex": "^5.0.0"
+      }
+    },
+    "strip-bom": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npm.taobao.org/strip-bom/download/strip-bom-4.0.0.tgz",
+      "integrity": "sha1-nDUFwdtFvO3KPZz3oW9cWqOQGHg=",
+      "dev": true
+    },
+    "strip-eof": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/strip-eof/download/strip-eof-1.0.0.tgz",
+      "integrity": "sha1-u0P/VZim6wXYm1n80SnJgzE2Br8=",
+      "dev": true
+    },
+    "strip-json-comments": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npm.taobao.org/strip-json-comments/download/strip-json-comments-2.0.1.tgz?cache=0&sync_timestamp=1586159975241&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-json-comments%2Fdownload%2Fstrip-json-comments-2.0.1.tgz",
+      "integrity": "sha1-PFMZQukIwml8DsNEhYwobHygpgo=",
+      "dev": true
+    },
+    "styled_string": {
+      "version": "0.0.1",
+      "resolved": "https://registry.npm.taobao.org/styled_string/download/styled_string-0.0.1.tgz",
+      "integrity": "sha1-0ieCvYEpVFm8Tx3xjEutjpTdEko=",
+      "dev": true
+    },
+    "sum-up": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npm.taobao.org/sum-up/download/sum-up-1.0.3.tgz",
+      "integrity": "sha1-HGYfZnBX9jvLeHWqFDi8FiUlFW4=",
+      "dev": true,
+      "requires": {
+        "chalk": "^1.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-2.1.1.tgz",
+          "integrity": "sha1-w7M6te42DYbg5ijwRorn7yfWVN8=",
+          "dev": true
+        },
+        "ansi-styles": {
+          "version": "2.2.1",
+          "resolved": "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-2.2.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-styles%2Fdownload%2Fansi-styles-2.2.1.tgz",
+          "integrity": "sha1-tDLdM1i2NM914eRmQ2gkBTPB3b4=",
+          "dev": true
+        },
+        "chalk": {
+          "version": "1.1.3",
+          "resolved": "https://registry.npm.taobao.org/chalk/download/chalk-1.1.3.tgz?cache=0&sync_timestamp=1585815759944&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fchalk%2Fdownload%2Fchalk-1.1.3.tgz",
+          "integrity": "sha1-qBFcVeSnAv5NFQq9OHKCKn4J/Jg=",
+          "dev": true,
+          "requires": {
+            "ansi-styles": "^2.2.1",
+            "escape-string-regexp": "^1.0.2",
+            "has-ansi": "^2.0.0",
+            "strip-ansi": "^3.0.0",
+            "supports-color": "^2.0.0"
+          }
+        },
+        "has-ansi": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/has-ansi/download/has-ansi-2.0.0.tgz",
+          "integrity": "sha1-NPUEnOHs3ysGSa8+8k5F7TVBbZE=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^2.0.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "3.0.1",
+          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-3.0.1.tgz?cache=0&sync_timestamp=1573280518303&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-3.0.1.tgz",
+          "integrity": "sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^2.0.0"
+          }
+        },
+        "supports-color": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/supports-color/download/supports-color-2.0.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-2.0.0.tgz",
+          "integrity": "sha1-U10EXOa2Nj+kARcIRimZXp3zJMc=",
+          "dev": true
+        }
+      }
+    },
+    "supports-color": {
+      "version": "5.5.0",
+      "resolved": "https://registry.npm.taobao.org/supports-color/download/supports-color-5.5.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsupports-color%2Fdownload%2Fsupports-color-5.5.0.tgz",
+      "integrity": "sha1-4uaaRKyHcveKHsCzW2id9lMO/I8=",
+      "dev": true,
+      "requires": {
+        "has-flag": "^3.0.0"
+      }
+    },
+    "symlink-or-copy": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npm.taobao.org/symlink-or-copy/download/symlink-or-copy-1.3.1.tgz",
+      "integrity": "sha1-lQbdZNjpj6Idy/QBjR6rI+d/cf4=",
+      "dev": true
+    },
+    "sync-disk-cache": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npm.taobao.org/sync-disk-cache/download/sync-disk-cache-1.3.4.tgz",
+      "integrity": "sha1-U6LFoJ2PS7UxYLzhgqRWrXFXQCQ=",
+      "dev": true,
+      "requires": {
+        "debug": "^2.1.3",
+        "heimdalljs": "^0.2.3",
+        "mkdirp": "^0.5.0",
+        "rimraf": "^2.2.8",
+        "username-sync": "^1.0.2"
+      }
+    },
+    "table": {
+      "version": "5.4.6",
+      "resolved": "https://registry.npm.taobao.org/table/download/table-5.4.6.tgz",
+      "integrity": "sha1-EpLRlQDOP4YFOwXw6Ofko7shB54=",
+      "dev": true,
+      "requires": {
+        "ajv": "^6.10.2",
+        "lodash": "^4.17.14",
+        "slice-ansi": "^2.1.0",
+        "string-width": "^3.0.0"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-4.1.0.tgz",
+          "integrity": "sha1-i5+PCM8ay4Q3Vqg5yox+MWjFGZc=",
+          "dev": true
+        },
+        "emoji-regex": {
+          "version": "7.0.3",
+          "resolved": "https://registry.npm.taobao.org/emoji-regex/download/emoji-regex-7.0.3.tgz",
+          "integrity": "sha1-kzoEBShgyF6DwSJHnEdIqOTHIVY=",
+          "dev": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+          "dev": true
+        },
+        "string-width": {
+          "version": "3.1.0",
+          "resolved": "https://registry.npm.taobao.org/string-width/download/string-width-3.1.0.tgz",
+          "integrity": "sha1-InZ74htirxCBV0MG9prFG2IgOWE=",
+          "dev": true,
+          "requires": {
+            "emoji-regex": "^7.0.1",
+            "is-fullwidth-code-point": "^2.0.0",
+            "strip-ansi": "^5.1.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "5.2.0",
+          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-5.2.0.tgz?cache=0&sync_timestamp=1573280518303&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-5.2.0.tgz",
+          "integrity": "sha1-jJpTb+tq/JYr36WxBKUJHBrZwK4=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^4.1.0"
+          }
+        }
+      }
+    },
+    "tap-parser": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npm.taobao.org/tap-parser/download/tap-parser-7.0.0.tgz",
+      "integrity": "sha1-VNs1MC/aLCzMIZVK074issukJyE=",
+      "dev": true,
+      "requires": {
+        "events-to-array": "^1.0.1",
+        "js-yaml": "^3.2.7",
+        "minipass": "^2.2.0"
+      }
+    },
+    "temp": {
+      "version": "0.9.0",
+      "resolved": "https://registry.npm.taobao.org/temp/download/temp-0.9.0.tgz",
+      "integrity": "sha1-YTkXlaEb2XONTE1/VfASy49V7ao=",
+      "dev": true,
+      "requires": {
+        "rimraf": "~2.6.2"
+      },
+      "dependencies": {
+        "rimraf": {
+          "version": "2.6.3",
+          "resolved": "https://registry.npm.taobao.org/rimraf/download/rimraf-2.6.3.tgz?cache=0&sync_timestamp=1581257110269&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Frimraf%2Fdownload%2Frimraf-2.6.3.tgz",
+          "integrity": "sha1-stEE/g2Psnz54KHNqCYt04M8bKs=",
+          "dev": true,
+          "requires": {
+            "glob": "^7.1.3"
+          }
+        }
+      }
+    },
+    "terser": {
+      "version": "4.6.11",
+      "resolved": "https://registry.npm.taobao.org/terser/download/terser-4.6.11.tgz",
+      "integrity": "sha1-Ev+Z/dYqJt4qgvUIUVQH62zNip8=",
+      "dev": true,
+      "requires": {
+        "commander": "^2.20.0",
+        "source-map": "~0.6.1",
+        "source-map-support": "~0.5.12"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "2.20.3",
+          "resolved": "https://registry.npm.taobao.org/commander/download/commander-2.20.3.tgz?cache=0&sync_timestamp=1584148407069&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcommander%2Fdownload%2Fcommander-2.20.3.tgz",
+          "integrity": "sha1-/UhehMA+tIgcIHIrpIA16FMa6zM=",
+          "dev": true
+        },
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz",
+          "integrity": "sha1-dHIq8y6WFOnCh6jQu95IteLxomM=",
+          "dev": true
+        },
+        "source-map-support": {
+          "version": "0.5.16",
+          "resolved": "https://registry.npm.taobao.org/source-map-support/download/source-map-support-0.5.16.tgz?cache=0&sync_timestamp=1577793981856&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fsource-map-support%2Fdownload%2Fsource-map-support-0.5.16.tgz",
+          "integrity": "sha1-CuBp5/47p1OMZMmFFeNTOerFoEI=",
+          "dev": true,
+          "requires": {
+            "buffer-from": "^1.0.0",
+            "source-map": "^0.6.0"
+          }
+        }
+      }
+    },
+    "testem": {
+      "version": "2.17.0",
+      "resolved": "https://registry.npm.taobao.org/testem/download/testem-2.17.0.tgz",
+      "integrity": "sha1-HLSiqQUkoIiAPf5S+/GXpv1zyIM=",
+      "dev": true,
+      "requires": {
+        "backbone": "^1.1.2",
+        "bluebird": "^3.4.6",
+        "charm": "^1.0.0",
+        "commander": "^2.6.0",
+        "compression": "^1.7.4",
+        "consolidate": "^0.15.1",
+        "execa": "^1.0.0",
+        "express": "^4.10.7",
+        "fireworm": "^0.7.0",
+        "glob": "^7.0.4",
+        "http-proxy": "^1.13.1",
+        "js-yaml": "^3.2.5",
+        "lodash.assignin": "^4.1.0",
+        "lodash.castarray": "^4.4.0",
+        "lodash.clonedeep": "^4.4.1",
+        "lodash.find": "^4.5.1",
+        "lodash.uniqby": "^4.7.0",
+        "mkdirp": "^0.5.1",
+        "mustache": "^3.0.0",
+        "node-notifier": "^5.0.1",
+        "npmlog": "^4.0.0",
+        "printf": "^0.5.1",
+        "rimraf": "^2.4.4",
+        "socket.io": "^2.1.0",
+        "spawn-args": "^0.2.0",
+        "styled_string": "0.0.1",
+        "tap-parser": "^7.0.0",
+        "tmp": "0.0.33",
+        "xmldom": "^0.1.19"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "2.20.3",
+          "resolved": "https://registry.npm.taobao.org/commander/download/commander-2.20.3.tgz?cache=0&sync_timestamp=1584148407069&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcommander%2Fdownload%2Fcommander-2.20.3.tgz",
+          "integrity": "sha1-/UhehMA+tIgcIHIrpIA16FMa6zM=",
+          "dev": true
+        },
+        "tmp": {
+          "version": "0.0.33",
+          "resolved": "https://registry.npm.taobao.org/tmp/download/tmp-0.0.33.tgz",
+          "integrity": "sha1-bTQzWIl2jSGyvNoKonfO07G/rfk=",
+          "dev": true,
+          "requires": {
+            "os-tmpdir": "~1.0.2"
+          }
+        }
+      }
+    },
+    "text-table": {
+      "version": "0.2.0",
+      "resolved": "https://registry.npm.taobao.org/text-table/download/text-table-0.2.0.tgz",
+      "integrity": "sha1-f17oI66AUgfACvLfSoTsP8+lcLQ=",
+      "dev": true
+    },
+    "textextensions": {
+      "version": "2.6.0",
+      "resolved": "https://registry.npm.taobao.org/textextensions/download/textextensions-2.6.0.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftextextensions%2Fdownload%2Ftextextensions-2.6.0.tgz",
+      "integrity": "sha1-1+SrE/5U4y4IhzvkDVG3QimwD8Q=",
+      "dev": true
+    },
+    "through": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npm.taobao.org/through/download/through-2.3.8.tgz",
+      "integrity": "sha1-DdTJ/6q8NXlgsbckEV1+Doai4fU=",
+      "dev": true
+    },
+    "through2": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npm.taobao.org/through2/download/through2-3.0.1.tgz",
+      "integrity": "sha1-OSducTwzAu3544jdnIEt07glvVo=",
+      "dev": true,
+      "requires": {
+        "readable-stream": "2 || 3"
+      }
+    },
+    "timed-out": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npm.taobao.org/timed-out/download/timed-out-4.0.1.tgz",
+      "integrity": "sha1-8y6srFoXW+ol1/q1Zas+2HQe9W8=",
+      "dev": true
+    },
+    "tiny-emitter": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npm.taobao.org/tiny-emitter/download/tiny-emitter-2.1.0.tgz",
+      "integrity": "sha1-HRpW7fxRxD6GPLtTgqcjMONVVCM=",
+      "dev": true
+    },
+    "tiny-lr": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npm.taobao.org/tiny-lr/download/tiny-lr-1.1.1.tgz",
+      "integrity": "sha1-n6VHQS8jj+2waO4pWvi2gsmLKqs=",
+      "dev": true,
+      "requires": {
+        "body": "^5.1.0",
+        "debug": "^3.1.0",
+        "faye-websocket": "~0.10.0",
+        "livereload-js": "^2.3.0",
+        "object-assign": "^4.1.0",
+        "qs": "^6.4.0"
+      },
+      "dependencies": {
+        "debug": {
+          "version": "3.2.6",
+          "resolved": "https://registry.npm.taobao.org/debug/download/debug-3.2.6.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fdebug%2Fdownload%2Fdebug-3.2.6.tgz",
+          "integrity": "sha1-6D0X3hbYp++3cX7b5fsQE17uYps=",
+          "dev": true,
+          "requires": {
+            "ms": "^2.1.1"
+          }
+        },
+        "ms": {
+          "version": "2.1.2",
+          "resolved": "https://registry.npm.taobao.org/ms/download/ms-2.1.2.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fms%2Fdownload%2Fms-2.1.2.tgz",
+          "integrity": "sha1-0J0fNXtEP0kzgqjrPM0YOHKuYAk=",
+          "dev": true
+        }
+      }
+    },
+    "tmp": {
+      "version": "0.0.28",
+      "resolved": "https://registry.npm.taobao.org/tmp/download/tmp-0.0.28.tgz",
+      "integrity": "sha1-Fyc1t/YU6nrzlmT6hM8N5OUV0SA=",
+      "dev": true,
+      "requires": {
+        "os-tmpdir": "~1.0.1"
+      }
+    },
+    "tmpl": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npm.taobao.org/tmpl/download/tmpl-1.0.4.tgz",
+      "integrity": "sha1-I2QN17QtAEM5ERQIIOXPRA5SHdE=",
+      "dev": true
+    },
+    "to-array": {
+      "version": "0.1.4",
+      "resolved": "https://registry.npm.taobao.org/to-array/download/to-array-0.1.4.tgz",
+      "integrity": "sha1-F+bBH3PdTz10zaek/zI46a2b+JA=",
+      "dev": true
+    },
+    "to-fast-properties": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/to-fast-properties/download/to-fast-properties-2.0.0.tgz",
+      "integrity": "sha1-3F5pjL0HkmW8c+A3doGk5Og/YW4=",
+      "dev": true
+    },
+    "to-object-path": {
+      "version": "0.3.0",
+      "resolved": "https://registry.npm.taobao.org/to-object-path/download/to-object-path-0.3.0.tgz",
+      "integrity": "sha1-KXWIt7Dn4KwI4E5nL4XB9JmeF68=",
+      "dev": true,
+      "requires": {
+        "kind-of": "^3.0.2"
+      },
+      "dependencies": {
+        "kind-of": {
+          "version": "3.2.2",
+          "resolved": "https://registry.npm.taobao.org/kind-of/download/kind-of-3.2.2.tgz",
+          "integrity": "sha1-MeohpzS6ubuw8yRm2JOupR5KPGQ=",
+          "dev": true,
+          "requires": {
+            "is-buffer": "^1.1.5"
+          }
+        }
+      }
+    },
+    "to-regex": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npm.taobao.org/to-regex/download/to-regex-3.0.2.tgz",
+      "integrity": "sha1-E8/dmzNlUvMLUfM6iuG0Knp1mc4=",
+      "dev": true,
+      "requires": {
+        "define-property": "^2.0.2",
+        "extend-shallow": "^3.0.2",
+        "regex-not": "^1.0.2",
+        "safe-regex": "^1.1.0"
+      }
+    },
+    "to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npm.taobao.org/to-regex-range/download/to-regex-range-5.0.1.tgz",
+      "integrity": "sha1-FkjESq58jZiKMmAY7XL1tN0DkuQ=",
+      "dev": true,
+      "requires": {
+        "is-number": "^7.0.0"
+      }
+    },
+    "toastr": {
+      "version": "2.1.4",
+      "resolved": "https://registry.npm.taobao.org/toastr/download/toastr-2.1.4.tgz",
+      "integrity": "sha1-i0O+ZPudDEFIcURvLbjoyk6V8YE=",
+      "dev": true,
+      "requires": {
+        "jquery": ">=1.12.0"
+      }
+    },
+    "toidentifier": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/toidentifier/download/toidentifier-1.0.0.tgz",
+      "integrity": "sha1-fhvjRw8ed5SLxD2Uo8j013UrpVM=",
+      "dev": true
+    },
+    "tough-cookie": {
+      "version": "2.5.0",
+      "resolved": "https://registry.npm.taobao.org/tough-cookie/download/tough-cookie-2.5.0.tgz",
+      "integrity": "sha1-zZ+yoKodWhK0c72fuW+j3P9lreI=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "psl": "^1.1.28",
+        "punycode": "^2.1.1"
+      }
+    },
+    "tree-sync": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npm.taobao.org/tree-sync/download/tree-sync-1.4.0.tgz",
+      "integrity": "sha1-MUWY0Tq691JUfZM1uPldmhNxANY=",
+      "dev": true,
+      "requires": {
+        "debug": "^2.2.0",
+        "fs-tree-diff": "^0.5.6",
+        "mkdirp": "^0.5.1",
+        "quick-temp": "^0.1.5",
+        "walk-sync": "^0.3.3"
+      }
+    },
+    "trim-right": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/trim-right/download/trim-right-1.0.1.tgz",
+      "integrity": "sha1-yy4SAwZ+DI3h9hQJS5/kVwTqYAM=",
+      "dev": true
+    },
+    "tslib": {
+      "version": "1.11.1",
+      "resolved": "https://registry.npm.taobao.org/tslib/download/tslib-1.11.1.tgz",
+      "integrity": "sha1-6xXRKIJ/vuKEFUnhcfRe0zisfjU=",
+      "dev": true
+    },
+    "tunnel-agent": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npm.taobao.org/tunnel-agent/download/tunnel-agent-0.6.0.tgz",
+      "integrity": "sha1-J6XeoGs2sEoKmWZ3SykIaPD8QP0=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "safe-buffer": "^5.0.1"
+      }
+    },
+    "tweetnacl": {
+      "version": "0.14.5",
+      "resolved": "https://registry.npm.taobao.org/tweetnacl/download/tweetnacl-0.14.5.tgz?cache=0&sync_timestamp=1581364252466&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftweetnacl%2Fdownload%2Ftweetnacl-0.14.5.tgz",
+      "integrity": "sha1-WuaBd/GS1EViadEIr6k/+HQ/T2Q=",
+      "dev": true,
+      "optional": true
+    },
+    "type-check": {
+      "version": "0.3.2",
+      "resolved": "https://registry.npm.taobao.org/type-check/download/type-check-0.3.2.tgz",
+      "integrity": "sha1-WITKtRLPHTVeP7eE8wgEsrUg23I=",
+      "dev": true,
+      "requires": {
+        "prelude-ls": "~1.1.2"
+      }
+    },
+    "type-fest": {
+      "version": "0.11.0",
+      "resolved": "https://registry.npm.taobao.org/type-fest/download/type-fest-0.11.0.tgz?cache=0&sync_timestamp=1586358303066&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Ftype-fest%2Fdownload%2Ftype-fest-0.11.0.tgz",
+      "integrity": "sha1-l6vwhyMQ/tiKXEZrJWgVdhReM/E=",
+      "dev": true
+    },
+    "type-is": {
+      "version": "1.6.18",
+      "resolved": "https://registry.npm.taobao.org/type-is/download/type-is-1.6.18.tgz",
+      "integrity": "sha1-TlUs0F3wlGfcvE73Od6J8s83wTE=",
+      "dev": true,
+      "requires": {
+        "media-typer": "0.3.0",
+        "mime-types": "~2.1.24"
+      }
+    },
+    "uc.micro": {
+      "version": "1.0.6",
+      "resolved": "https://registry.npm.taobao.org/uc.micro/download/uc.micro-1.0.6.tgz",
+      "integrity": "sha1-nEEagCpAmpH8bPdAgbq6NLJEmaw=",
+      "dev": true
+    },
+    "uglify-js": {
+      "version": "3.8.1",
+      "resolved": "https://registry.npm.taobao.org/uglify-js/download/uglify-js-3.8.1.tgz",
+      "integrity": "sha1-Q7sVzm9UXqoKZMSf0pN16gn6D5M=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "commander": "~2.20.3",
+        "source-map": "~0.6.1"
+      },
+      "dependencies": {
+        "commander": {
+          "version": "2.20.3",
+          "resolved": "https://registry.npm.taobao.org/commander/download/commander-2.20.3.tgz?cache=0&sync_timestamp=1584148407069&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fcommander%2Fdownload%2Fcommander-2.20.3.tgz",
+          "integrity": "sha1-/UhehMA+tIgcIHIrpIA16FMa6zM=",
+          "dev": true,
+          "optional": true
+        },
+        "source-map": {
+          "version": "0.6.1",
+          "resolved": "https://registry.npm.taobao.org/source-map/download/source-map-0.6.1.tgz",
+          "integrity": "sha1-dHIq8y6WFOnCh6jQu95IteLxomM=",
+          "dev": true,
+          "optional": true
+        }
+      }
+    },
+    "underscore": {
+      "version": "1.10.2",
+      "resolved": "https://registry.npm.taobao.org/underscore/download/underscore-1.10.2.tgz",
+      "integrity": "sha1-c9aqNmjzGI5K2w8ZQ70Sz9fvqq8=",
+      "dev": true
+    },
+    "underscore.string": {
+      "version": "3.3.5",
+      "resolved": "https://registry.npm.taobao.org/underscore.string/download/underscore.string-3.3.5.tgz",
+      "integrity": "sha1-/CrSVbi9MJ4jnLxYFv0jqbfqQCM=",
+      "dev": true,
+      "requires": {
+        "sprintf-js": "^1.0.3",
+        "util-deprecate": "^1.0.2"
+      }
+    },
+    "unicode-canonical-property-names-ecmascript": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npm.taobao.org/unicode-canonical-property-names-ecmascript/download/unicode-canonical-property-names-ecmascript-1.0.4.tgz",
+      "integrity": "sha1-JhmADEyCWADv3YNDr33Zkzy+KBg=",
+      "dev": true
+    },
+    "unicode-match-property-ecmascript": {
+      "version": "1.0.4",
+      "resolved": "https://registry.npm.taobao.org/unicode-match-property-ecmascript/download/unicode-match-property-ecmascript-1.0.4.tgz",
+      "integrity": "sha1-jtKjJWmWG86SJ9Cc0/+7j+1fAgw=",
+      "dev": true,
+      "requires": {
+        "unicode-canonical-property-names-ecmascript": "^1.0.4",
+        "unicode-property-aliases-ecmascript": "^1.0.4"
+      }
+    },
+    "unicode-match-property-value-ecmascript": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npm.taobao.org/unicode-match-property-value-ecmascript/download/unicode-match-property-value-ecmascript-1.2.0.tgz?cache=0&sync_timestamp=1583949910462&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Funicode-match-property-value-ecmascript%2Fdownload%2Funicode-match-property-value-ecmascript-1.2.0.tgz",
+      "integrity": "sha1-DZH2AO7rMJaqlisdb8iIduZOpTE=",
+      "dev": true
+    },
+    "unicode-property-aliases-ecmascript": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npm.taobao.org/unicode-property-aliases-ecmascript/download/unicode-property-aliases-ecmascript-1.1.0.tgz",
+      "integrity": "sha1-3Vepn2IHvt/0Yoq++5TFDblByPQ=",
+      "dev": true
+    },
+    "union-value": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/union-value/download/union-value-1.0.1.tgz",
+      "integrity": "sha1-C2/nuDWuzaYcbqTU8CwUIh4QmEc=",
+      "dev": true,
+      "requires": {
+        "arr-union": "^3.1.0",
+        "get-value": "^2.0.6",
+        "is-extendable": "^0.1.1",
+        "set-value": "^2.0.1"
+      }
+    },
+    "unique-string": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/unique-string/download/unique-string-1.0.0.tgz",
+      "integrity": "sha1-nhBXzKhRq7kzmPizOuGHuZyuwRo=",
+      "dev": true,
+      "requires": {
+        "crypto-random-string": "^1.0.0"
+      }
+    },
+    "universalify": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npm.taobao.org/universalify/download/universalify-0.1.2.tgz",
+      "integrity": "sha1-tkb2m+OULavOzJ1mOcgNwQXvqmY=",
+      "dev": true
+    },
+    "unpipe": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/unpipe/download/unpipe-1.0.0.tgz",
+      "integrity": "sha1-sr9O6FFKrmFltIF4KdIbLvSZBOw=",
+      "dev": true
+    },
+    "unset-value": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/unset-value/download/unset-value-1.0.0.tgz",
+      "integrity": "sha1-g3aHP30jNRef+x5vw6jtDfyKtVk=",
+      "dev": true,
+      "requires": {
+        "has-value": "^0.3.1",
+        "isobject": "^3.0.0"
+      },
+      "dependencies": {
+        "has-value": {
+          "version": "0.3.1",
+          "resolved": "https://registry.npm.taobao.org/has-value/download/has-value-0.3.1.tgz",
+          "integrity": "sha1-ex9YutpiyoJ+wKIHgCVlSEWZXh8=",
+          "dev": true,
+          "requires": {
+            "get-value": "^2.0.3",
+            "has-values": "^0.1.4",
+            "isobject": "^2.0.0"
+          },
+          "dependencies": {
+            "isobject": {
+              "version": "2.1.0",
+              "resolved": "https://registry.npm.taobao.org/isobject/download/isobject-2.1.0.tgz",
+              "integrity": "sha1-8GVWEJaj8dou9GJy+BXIQNh+DIk=",
+              "dev": true,
+              "requires": {
+                "isarray": "1.0.0"
+              }
+            }
+          }
+        },
+        "has-values": {
+          "version": "0.1.4",
+          "resolved": "https://registry.npm.taobao.org/has-values/download/has-values-0.1.4.tgz",
+          "integrity": "sha1-bWHeldkd/Km5oCCJrThL/49it3E=",
+          "dev": true
+        }
+      }
+    },
+    "untildify": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npm.taobao.org/untildify/download/untildify-2.1.0.tgz",
+      "integrity": "sha1-F+soB5h/dpUunASF/DEdBqgmouA=",
+      "dev": true,
+      "requires": {
+        "os-homedir": "^1.0.0"
+      }
+    },
+    "uri-js": {
+      "version": "4.2.2",
+      "resolved": "https://registry.npm.taobao.org/uri-js/download/uri-js-4.2.2.tgz",
+      "integrity": "sha1-lMVA4f93KVbiKZUHwBCupsiDjrA=",
+      "dev": true,
+      "requires": {
+        "punycode": "^2.1.0"
+      }
+    },
+    "urix": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npm.taobao.org/urix/download/urix-0.1.0.tgz?cache=0&sync_timestamp=1585438689517&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Furix%2Fdownload%2Furix-0.1.0.tgz",
+      "integrity": "sha1-2pN/emLiH+wf0Y1Js1wpNQZ6bHI=",
+      "dev": true
+    },
+    "url-parse-lax": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/url-parse-lax/download/url-parse-lax-3.0.0.tgz",
+      "integrity": "sha1-FrXK/Afb42dsGxmZF3gj1lA6yww=",
+      "dev": true,
+      "requires": {
+        "prepend-http": "^2.0.0"
+      }
+    },
+    "url-to-options": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/url-to-options/download/url-to-options-1.0.1.tgz",
+      "integrity": "sha1-FQWgOiiaSMvXpDTvuu7FBV9WM6k=",
+      "dev": true
+    },
+    "use": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npm.taobao.org/use/download/use-3.1.1.tgz",
+      "integrity": "sha1-1QyMrHmhn7wg8pEfVuuXP04QBw8=",
+      "dev": true
+    },
+    "username-sync": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/username-sync/download/username-sync-1.0.2.tgz",
+      "integrity": "sha1-CjaXkJ+3tXaNKeKSH1c6z91CdZI=",
+      "dev": true
+    },
+    "util-deprecate": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/util-deprecate/download/util-deprecate-1.0.2.tgz",
+      "integrity": "sha1-RQ1Nyfpw3nMnYvvS1KKJgUGaDM8=",
+      "dev": true
+    },
+    "util.promisify": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/util.promisify/download/util.promisify-1.0.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Futil.promisify%2Fdownload%2Futil.promisify-1.0.1.tgz",
+      "integrity": "sha1-a693dLgO6w91INi4HQeYKlmruu4=",
+      "dev": true,
+      "requires": {
+        "define-properties": "^1.1.3",
+        "es-abstract": "^1.17.2",
+        "has-symbols": "^1.0.1",
+        "object.getownpropertydescriptors": "^2.1.0"
+      }
+    },
+    "utils-merge": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/utils-merge/download/utils-merge-1.0.1.tgz",
+      "integrity": "sha1-n5VxD1CiZ5R7LMwSR0HBAoQn5xM=",
+      "dev": true
+    },
+    "uuid": {
+      "version": "3.4.0",
+      "resolved": "https://registry.npm.taobao.org/uuid/download/uuid-3.4.0.tgz?cache=0&sync_timestamp=1585683718911&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fuuid%2Fdownload%2Fuuid-3.4.0.tgz",
+      "integrity": "sha1-sj5DWK+oogL+ehAK8fX4g/AgB+4=",
+      "dev": true
+    },
+    "validate-npm-package-name": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/validate-npm-package-name/download/validate-npm-package-name-3.0.0.tgz",
+      "integrity": "sha1-X6kS2B630MdK/BQN5zF/DKffQ34=",
+      "dev": true,
+      "requires": {
+        "builtins": "^1.0.3"
+      }
+    },
+    "validate.js": {
+      "version": "0.13.1",
+      "resolved": "https://registry.npm.taobao.org/validate.js/download/validate.js-0.13.1.tgz",
+      "integrity": "sha1-tYv6wEoPYAo0D2LlIn5w2Vlx6So=",
+      "dev": true
+    },
+    "vary": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npm.taobao.org/vary/download/vary-1.1.2.tgz",
+      "integrity": "sha1-IpnwLG3tMNSllhsLn3RSShj2NPw=",
+      "dev": true
+    },
+    "verror": {
+      "version": "1.10.0",
+      "resolved": "https://registry.npm.taobao.org/verror/download/verror-1.10.0.tgz",
+      "integrity": "sha1-OhBcoXBTr1XW4nDB+CiGguGNpAA=",
+      "dev": true,
+      "optional": true,
+      "requires": {
+        "assert-plus": "^1.0.0",
+        "core-util-is": "1.0.2",
+        "extsprintf": "^1.2.0"
+      }
+    },
+    "walk-sync": {
+      "version": "0.3.4",
+      "resolved": "https://registry.npm.taobao.org/walk-sync/download/walk-sync-0.3.4.tgz",
+      "integrity": "sha1-z3hIbMVn06lrWyI3xhCAF6X/uaQ=",
+      "dev": true,
+      "requires": {
+        "ensure-posix-path": "^1.0.0",
+        "matcher-collection": "^1.0.0"
+      }
+    },
+    "walker": {
+      "version": "1.0.7",
+      "resolved": "https://registry.npm.taobao.org/walker/download/walker-1.0.7.tgz",
+      "integrity": "sha1-L3+bj9ENZ3JisYqITijRlhjgKPs=",
+      "dev": true,
+      "requires": {
+        "makeerror": "1.0.x"
+      }
+    },
+    "watch-detector": {
+      "version": "0.1.0",
+      "resolved": "https://registry.npm.taobao.org/watch-detector/download/watch-detector-0.1.0.tgz",
+      "integrity": "sha1-43tBDRSeKovyY6T4tx4vZnYz2/g=",
+      "dev": true,
+      "requires": {
+        "heimdalljs-logger": "^0.1.9",
+        "quick-temp": "^0.1.8",
+        "rsvp": "^4.7.0",
+        "semver": "^5.4.1",
+        "silent-error": "^1.1.0"
+      },
+      "dependencies": {
+        "rsvp": {
+          "version": "4.8.5",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-4.8.5.tgz",
+          "integrity": "sha1-yPFVMR0Wf2jyHhaN9x7FsIMRNzQ=",
+          "dev": true
+        }
+      }
+    },
+    "wcwidth": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npm.taobao.org/wcwidth/download/wcwidth-1.0.1.tgz",
+      "integrity": "sha1-8LDc+RW8X/FSivrbLA4XtTLaL+g=",
+      "dev": true,
+      "requires": {
+        "defaults": "^1.0.3"
+      }
+    },
+    "websocket-driver": {
+      "version": "0.7.3",
+      "resolved": "https://registry.npm.taobao.org/websocket-driver/download/websocket-driver-0.7.3.tgz",
+      "integrity": "sha1-otTg1PTxFvHmKX66WLBdQwEA6fk=",
+      "dev": true,
+      "requires": {
+        "http-parser-js": ">=0.4.0 <0.4.11",
+        "safe-buffer": ">=5.1.0",
+        "websocket-extensions": ">=0.1.1"
+      }
+    },
+    "websocket-extensions": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npm.taobao.org/websocket-extensions/download/websocket-extensions-0.1.3.tgz",
+      "integrity": "sha1-XS/yKXcAPsaHpLhwc9+7rBRszyk=",
+      "dev": true
+    },
+    "which": {
+      "version": "1.3.1",
+      "resolved": "https://registry.npm.taobao.org/which/download/which-1.3.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fwhich%2Fdownload%2Fwhich-1.3.1.tgz",
+      "integrity": "sha1-pFBD1U9YBTFtqNYvn1CRjT2nCwo=",
+      "dev": true,
+      "requires": {
+        "isexe": "^2.0.0"
+      }
+    },
+    "which-module": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npm.taobao.org/which-module/download/which-module-2.0.0.tgz",
+      "integrity": "sha1-2e8H3Od7mQK4o6j6SzHD4/fm6Ho=",
+      "dev": true
+    },
+    "wide-align": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npm.taobao.org/wide-align/download/wide-align-1.1.3.tgz",
+      "integrity": "sha1-rgdOa9wMFKQx6ATmJFScYzsABFc=",
+      "dev": true,
+      "requires": {
+        "string-width": "^1.0.2 || 2"
+      },
+      "dependencies": {
+        "ansi-regex": {
+          "version": "3.0.0",
+          "resolved": "https://registry.npm.taobao.org/ansi-regex/download/ansi-regex-3.0.0.tgz",
+          "integrity": "sha1-7QMXwyIGT3lGbAKWa922Bas32Zg=",
+          "dev": true
+        },
+        "is-fullwidth-code-point": {
+          "version": "2.0.0",
+          "resolved": "https://registry.npm.taobao.org/is-fullwidth-code-point/download/is-fullwidth-code-point-2.0.0.tgz",
+          "integrity": "sha1-o7MKXE8ZkYMWeqq5O+764937ZU8=",
+          "dev": true
+        },
+        "string-width": {
+          "version": "2.1.1",
+          "resolved": "https://registry.npm.taobao.org/string-width/download/string-width-2.1.1.tgz",
+          "integrity": "sha1-q5Pyeo3BPSjKyBXEYhQ6bZASrp4=",
+          "dev": true,
+          "requires": {
+            "is-fullwidth-code-point": "^2.0.0",
+            "strip-ansi": "^4.0.0"
+          }
+        },
+        "strip-ansi": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npm.taobao.org/strip-ansi/download/strip-ansi-4.0.0.tgz?cache=0&sync_timestamp=1573280518303&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fstrip-ansi%2Fdownload%2Fstrip-ansi-4.0.0.tgz",
+          "integrity": "sha1-qEeQIusaw2iocTibY1JixQXuNo8=",
+          "dev": true,
+          "requires": {
+            "ansi-regex": "^3.0.0"
+          }
+        }
+      }
+    },
+    "word-wrap": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npm.taobao.org/word-wrap/download/word-wrap-1.2.3.tgz",
+      "integrity": "sha1-YQY29rH3A4kb00dxzLF/uTtHB5w=",
+      "dev": true
+    },
+    "wordwrap": {
+      "version": "0.0.3",
+      "resolved": "https://registry.npm.taobao.org/wordwrap/download/wordwrap-0.0.3.tgz",
+      "integrity": "sha1-o9XabNXAvAAI03I0u68b7WMFkQc=",
+      "dev": true
+    },
+    "workerpool": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npm.taobao.org/workerpool/download/workerpool-3.1.2.tgz",
+      "integrity": "sha1-s055JDZH3ssXS3SBq1s1HcVlxCY=",
+      "dev": true,
+      "requires": {
+        "@babel/core": "^7.3.4",
+        "object-assign": "4.1.1",
+        "rsvp": "^4.8.4"
+      },
+      "dependencies": {
+        "rsvp": {
+          "version": "4.8.5",
+          "resolved": "https://registry.npm.taobao.org/rsvp/download/rsvp-4.8.5.tgz",
+          "integrity": "sha1-yPFVMR0Wf2jyHhaN9x7FsIMRNzQ=",
+          "dev": true
+        }
+      }
+    },
+    "wrap-ansi": {
+      "version": "6.2.0",
+      "resolved": "https://registry.npm.taobao.org/wrap-ansi/download/wrap-ansi-6.2.0.tgz",
+      "integrity": "sha1-6Tk7oHEC5skaOyIUePAlfNKFblM=",
+      "dev": true,
+      "requires": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "dependencies": {
+        "ansi-styles": {
+          "version": "4.2.1",
+          "resolved": "https://registry.npm.taobao.org/ansi-styles/download/ansi-styles-4.2.1.tgz?cache=0&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fansi-styles%2Fdownload%2Fansi-styles-4.2.1.tgz",
+          "integrity": "sha1-kK51xCTQCNJiTFvynq0xd+v881k=",
+          "dev": true,
+          "requires": {
+            "@types/color-name": "^1.1.1",
+            "color-convert": "^2.0.1"
+          }
+        },
+        "color-convert": {
+          "version": "2.0.1",
+          "resolved": "https://registry.npm.taobao.org/color-convert/download/color-convert-2.0.1.tgz",
+          "integrity": "sha1-ctOmjVmMm9s68q0ehPIdiWq9TeM=",
+          "dev": true,
+          "requires": {
+            "color-name": "~1.1.4"
+          }
+        },
+        "color-name": {
+          "version": "1.1.4",
+          "resolved": "https://registry.npm.taobao.org/color-name/download/color-name-1.1.4.tgz",
+          "integrity": "sha1-wqCah6y95pVD3m9j+jmVyCbFNqI=",
+          "dev": true
+        }
+      }
+    },
+    "wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npm.taobao.org/wrappy/download/wrappy-1.0.2.tgz",
+      "integrity": "sha1-tSQ9jz7BqjXxNkYFvA0QNuMKtp8=",
+      "dev": true
+    },
+    "write": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npm.taobao.org/write/download/write-1.0.3.tgz",
+      "integrity": "sha1-CADhRSO5I6OH5BUSPIZWFqrg9cM=",
+      "dev": true,
+      "requires": {
+        "mkdirp": "^0.5.1"
+      }
+    },
+    "write-file-atomic": {
+      "version": "2.4.3",
+      "resolved": "https://registry.npm.taobao.org/write-file-atomic/download/write-file-atomic-2.4.3.tgz",
+      "integrity": "sha1-H9Lprh3z51uNjDZ0Q8aS1MqB9IE=",
+      "dev": true,
+      "requires": {
+        "graceful-fs": "^4.1.11",
+        "imurmurhash": "^0.1.4",
+        "signal-exit": "^3.0.2"
+      }
+    },
+    "ws": {
+      "version": "7.2.3",
+      "resolved": "https://registry.npm.taobao.org/ws/download/ws-7.2.3.tgz",
+      "integrity": "sha1-pUEeH7BNXtDv7nbSbVxG2DDDm0Y=",
+      "dev": true
+    },
+    "xdg-basedir": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npm.taobao.org/xdg-basedir/download/xdg-basedir-3.0.0.tgz",
+      "integrity": "sha1-SWsswQnsqNus/i3HK2A8F8WHCtQ=",
+      "dev": true
+    },
+    "xmldom": {
+      "version": "0.1.31",
+      "resolved": "https://registry.npm.taobao.org/xmldom/download/xmldom-0.1.31.tgz?cache=0&sync_timestamp=1583340617864&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fxmldom%2Fdownload%2Fxmldom-0.1.31.tgz",
+      "integrity": "sha1-t2yaG9nwqXN+WnLcNyMc84N14v8=",
+      "dev": true
+    },
+    "xmlhttprequest-ssl": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npm.taobao.org/xmlhttprequest-ssl/download/xmlhttprequest-ssl-1.5.5.tgz",
+      "integrity": "sha1-wodrBhaKrcQOV9l+gRkayPQ5iz4=",
+      "dev": true
+    },
+    "xtend": {
+      "version": "4.0.2",
+      "resolved": "https://registry.npm.taobao.org/xtend/download/xtend-4.0.2.tgz",
+      "integrity": "sha1-u3J3n1+kZRhrH0OPZ0+jR/2121Q=",
+      "dev": true
+    },
+    "y18n": {
+      "version": "4.0.0",
+      "resolved": "https://registry.npm.taobao.org/y18n/download/y18n-4.0.0.tgz",
+      "integrity": "sha1-le+U+F7MgdAHwmThkKEg8KPIVms=",
+      "dev": true
+    },
+    "yallist": {
+      "version": "3.1.1",
+      "resolved": "https://registry.npm.taobao.org/yallist/download/yallist-3.1.1.tgz",
+      "integrity": "sha1-27fa+b/YusmrRev2ArjLrQ1dCP0=",
+      "dev": true
+    },
+    "yam": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npm.taobao.org/yam/download/yam-1.0.0.tgz",
+      "integrity": "sha1-f2yR3A9d51oDHm2ms5B8PSWrDeU=",
+      "dev": true,
+      "requires": {
+        "fs-extra": "^4.0.2",
+        "lodash.merge": "^4.6.0"
+      },
+      "dependencies": {
+        "fs-extra": {
+          "version": "4.0.3",
+          "resolved": "https://registry.npm.taobao.org/fs-extra/download/fs-extra-4.0.3.tgz",
+          "integrity": "sha1-DYUhIuW8W+tFP7Ao6cDJvzY0DJQ=",
+          "dev": true,
+          "requires": {
+            "graceful-fs": "^4.1.2",
+            "jsonfile": "^4.0.0",
+            "universalify": "^0.1.0"
+          }
+        }
+      }
+    },
+    "yargs": {
+      "version": "15.3.1",
+      "resolved": "https://registry.npm.taobao.org/yargs/download/yargs-15.3.1.tgz?cache=0&sync_timestamp=1584344069946&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyargs%2Fdownload%2Fyargs-15.3.1.tgz",
+      "integrity": "sha1-lQW0cnY5Y+VK/mAUitJ6MwgY6Ys=",
+      "dev": true,
+      "requires": {
+        "cliui": "^6.0.0",
+        "decamelize": "^1.2.0",
+        "find-up": "^4.1.0",
+        "get-caller-file": "^2.0.1",
+        "require-directory": "^2.1.1",
+        "require-main-filename": "^2.0.0",
+        "set-blocking": "^2.0.0",
+        "string-width": "^4.2.0",
+        "which-module": "^2.0.0",
+        "y18n": "^4.0.0",
+        "yargs-parser": "^18.1.1"
+      },
+      "dependencies": {
+        "find-up": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npm.taobao.org/find-up/download/find-up-4.1.0.tgz",
+          "integrity": "sha1-l6/n1s3AvFkoWEt8jXsW6KmqXRk=",
+          "dev": true,
+          "requires": {
+            "locate-path": "^5.0.0",
+            "path-exists": "^4.0.0"
+          }
+        },
+        "locate-path": {
+          "version": "5.0.0",
+          "resolved": "https://registry.npm.taobao.org/locate-path/download/locate-path-5.0.0.tgz",
+          "integrity": "sha1-Gvujlq/WdqbUJQTQpno6frn2KqA=",
+          "dev": true,
+          "requires": {
+            "p-locate": "^4.1.0"
+          }
+        },
+        "p-limit": {
+          "version": "2.3.0",
+          "resolved": "https://registry.npm.taobao.org/p-limit/download/p-limit-2.3.0.tgz",
+          "integrity": "sha1-PdM8ZHohT9//2DWTPrCG2g3CHbE=",
+          "dev": true,
+          "requires": {
+            "p-try": "^2.0.0"
+          }
+        },
+        "p-locate": {
+          "version": "4.1.0",
+          "resolved": "https://registry.npm.taobao.org/p-locate/download/p-locate-4.1.0.tgz",
+          "integrity": "sha1-o0KLtwiLOmApL2aRkni3wpetTwc=",
+          "dev": true,
+          "requires": {
+            "p-limit": "^2.2.0"
+          }
+        },
+        "p-try": {
+          "version": "2.2.0",
+          "resolved": "https://registry.npm.taobao.org/p-try/download/p-try-2.2.0.tgz",
+          "integrity": "sha1-yyhoVA4xPWHeWPr741zpAE1VQOY=",
+          "dev": true
+        },
+        "path-exists": {
+          "version": "4.0.0",
+          "resolved": "https://registry.npm.taobao.org/path-exists/download/path-exists-4.0.0.tgz",
+          "integrity": "sha1-UTvb4tO5XXdi6METfvoZXGxhtbM=",
+          "dev": true
+        }
+      }
+    },
+    "yargs-parser": {
+      "version": "18.1.2",
+      "resolved": "https://registry.npm.taobao.org/yargs-parser/download/yargs-parser-18.1.2.tgz?cache=0&sync_timestamp=1585243611524&other_urls=https%3A%2F%2Fregistry.npm.taobao.org%2Fyargs-parser%2Fdownload%2Fyargs-parser-18.1.2.tgz",
+      "integrity": "sha1-L0gr6iE2294IYWg6vqd1bTC1BPE=",
+      "dev": true,
+      "requires": {
+        "camelcase": "^5.0.0",
+        "decamelize": "^1.2.0"
+      }
+    },
+    "yeast": {
+      "version": "0.1.2",
+      "resolved": "https://registry.npm.taobao.org/yeast/download/yeast-0.1.2.tgz",
+      "integrity": "sha1-AI4G2AlDIMNy28L47XagymyKxBk=",
+      "dev": true
+    }
+  }
+}
diff --git a/web/cms/package.json b/web/cms/package.json
new file mode 100644
index 00000000..7b854ed2
--- /dev/null
+++ b/web/cms/package.json
@@ -0,0 +1,71 @@
+{
+  "name": "yo-cms",
+  "version": "0.0.1",
+  "private": true,
+  "description": "Yo CMS",
+  "repository": "",
+  "license": "MIT",
+  "author": "Donghuang",
+  "directories": {
+    "doc": "doc",
+    "test": "tests"
+  },
+  "scripts": {
+    "build": "ember build",
+    "lint:hbs": "ember-template-lint .",
+    "lint:js": "eslint .",
+    "start": "ember serve",
+    "test": "ember test"
+  },
+  "devDependencies": {
+    "@ember/jquery": "1.1.0",
+    "@ember/optional-features": "^1.3.0",
+    "bootbox": "5.1.3",
+    "bootstrap": "3.4.1",
+    "bootstrap-colorpicker": "^2.5.2",
+    "bootstrap-tagsinput": "^0.7.1",
+    "broccoli-asset-rev": "^3.0.0",
+    "ember-ajax": "^5.0.0",
+    "ember-cli": "3.12.1",
+    "ember-cli-app-version": "^3.2.0",
+    "ember-cli-babel": "^7.19.0",
+    "ember-cli-clipboard": "^0.14.0",
+    "ember-cli-dependency-checker": "^3.1.0",
+    "ember-cli-eslint": "^5.1.0",
+    "ember-cli-htmlbars": "^4.2.3",
+    "ember-cli-inject-live-reload": "^2.0.2",
+    "ember-cli-less": "^3.0.1",
+    "ember-cli-moment-shim": "^3.7.1",
+    "ember-cli-shims": "^1.2.0",
+    "ember-cli-sri": "^2.1.1",
+    "ember-cli-template-lint": "^2.0.2",
+    "ember-cli-uglify": "^3.0.0",
+    "ember-composable-helpers": "^3.1.1",
+    "ember-export-application-global": "^2.0.0",
+    "ember-load-initializers": "^2.1.1",
+    "ember-maybe-import-regenerator": "^0.1.6",
+    "ember-moment": "^8.0.0",
+    "ember-qunit": "^4.6.0",
+    "ember-radio-button": "^2.0.1",
+    "ember-resolver": "^8.0.0",
+    "ember-route-action-helper": "^2.0.8",
+    "ember-source": "3.12.3",
+    "ember-truth-helpers": "^2.1.0",
+    "eslint-plugin-ember": "^8.1.1",
+    "font-awesome": "^4.7.0",
+    "fuelux": "^3.17.0",
+    "glob": "^7.1.6",
+    "jquery-colorbox": "^1.6.4",
+    "json-format-highlight": "^1.0.4",
+    "loader.js": "^4.7.0",
+    "moment": "^2.24.0",
+    "qunit-dom": "^1.1.0",
+    "select2": "^4.0.13",
+    "toastr": "^2.1.4",
+    "validate.js": "^0.13.1"
+  },
+  "engines": {
+    "node": "6.* || 8.* || >= 10.*"
+  },
+  "dependencies": {}
+}
diff --git a/web/cms/public/assets/css/ace-ie.css b/web/cms/public/assets/css/ace-ie.css
new file mode 100644
index 00000000..e691a7e0
--- /dev/null
+++ b/web/cms/public/assets/css/ace-ie.css
@@ -0,0 +1,389 @@
+/* a few ie8/9 specific changes */
+.navbar .navbar-inner , .navbar .btn-navbar {
+	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
+}
+.dropdown-menu li > a,
+.dropdown-submenu > a  {
+	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
+}
+.btn {
+	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
+}
+.progress , .progress .bar {
+	filter:progid:DXImageTransform.Microsoft.gradient(enabled=false) !important;
+}
+
+
+
+
+#cboxLoadingGraphic > .ace-icon, #cboxLoadingGraphic > .fa , #cboxLoadingGraphic > .glyphicon {
+ display:inline-block;
+ background:#FFF url('images/loading.gif') no-repeat center; 
+}
+#cboxLoadingGraphic > .ace-icon:before, #cboxLoadingGraphic > .fa:before, #cboxLoadingGraphic > .glyphicon:before {
+ display:none;
+}
+
+.widget-box-overlay > .loading-icon {
+  display:inline-block;
+  width:24px;
+  height:24px;
+  background:transparent url('images/loading.gif') no-repeat center; 
+}
+.widget-box-overlay > .loading-icon:before {
+  display:none;
+}
+
+
+@media (max-width: 991px) {
+ .sidebar.responsive {
+   display: none;
+ }
+ .sidebar.responsive.display {
+   display: block;
+ }
+}
+
+.profile-user-info { width: 98%; }
+.wysiwyg-toolbar .dropdown-menu { min-width: 260px; }
+
+.modal.modal-contained {
+  position: absolute !important;
+}
+
+
+/* IE9 and below have an issue with left & right borders and RTL */
+.rtl .sidebar .nav-list li.active > a:before, .rtl .sidebar .nav-list li.active > a:after {
+ direction: ltr;
+ text-align: left;
+}
+.rtl .sidebar .nav-list li > .arrow {
+ direction: ltr;
+ text-align: left;
+}
+
+
+
+
+/* following is for ie8 only */
+@media \0screen {
+
+html {
+ /* to fix it when inside iframe */
+ position: absolute;
+ width: 100%;
+}
+
+body {
+ background-color: #E9E9E9;
+}
+
+.sidebar-fixed:before {
+ left: 0;
+}
+/* it doesn't show up in ie8, so let's make it visible at least when inside .container */
+.sidebar .nav-list > li:before {
+	z-index: 4444;
+	left: -3px;
+}
+
+
+
+.nav-list > li > .submenu li.open > a > .menu-icon {
+  display: inline-block;
+}
+
+.ace-nav > li.white-opaque {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF',GradientType=0 );
+}
+.ace-nav > li.dark-opaque {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#33000000',GradientType=0 );
+}
+
+.ace-nav > li.transparent > a:hover,
+.ace-nav > li.transparent > a:focus, 
+.ace-nav > li.open.transparent > a {
+	background-color: transparent !important;
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19000000', endColorstr='#19000000',GradientType=0 );
+}
+
+.ace-nav > li.light-10 > a {
+	background-color: transparent !important;
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19FFFFFF', endColorstr='#19FFFFFF',GradientType=0 );
+}
+.ace-nav > li.light-10 > a:hover, .ace-nav > li.light-10 > a:focus, .ace-nav > li.open.light-10 > a {
+	background-color: transparent !important;
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF',GradientType=0 ) !important;
+}
+
+.ace-nav > li.dark-10 > a {
+	background-color: transparent !important;
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19000000', endColorstr='#19000000',GradientType=0 );
+}
+.ace-nav > li.dark-10 > a:hover, .ace-nav > li.dark-10 > a:focus, .ace-nav > li.open.dark-10 > a {
+	background-color: transparent !important;
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#33000000',GradientType=0 );
+}
+
+
+
+.navbar .navbar-nav > li  > a:hover,
+.navbar .navbar-nav > li  > a:focus,
+.navbar .navbar-nav > li.open  > a {
+  background-color: transparent !important;
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#19000000', endColorstr='#19000000',GradientType=0 ) !important;
+}
+
+
+
+.infobox-dark > .badge {
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33FFFFFF', endColorstr='#33FFFFFF',GradientType=0 ) !important;
+}
+.widget-box-overlay {
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55000000', endColorstr='#55000000',GradientType=0 ) !important;
+}
+.widget-toolbar-light {
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D8FFFFFF', endColorstr='#D8FFFFFF',GradientType=0 ) !important;
+}
+
+input[type=checkbox].ace , input[type=radio].ace,
+label input[type=checkbox].ace , label input[type=radio].ace,
+input[type=checkbox].ace.ace-switch , input[type=radio].ace.ace-switch,
+label input[type=checkbox].ace.ace-switch , label input[type=radio].ace.ace-switch 
+ {
+	position: static !important;
+	width: auto !important;
+	height: auto !important;
+	z-index: auto !important;
+}
+
+input[type=checkbox].ace + .lbl, input[type=radio].ace + .lbl,
+input[type=checkbox].ace ~ .lbl, input[type=radio].ace ~ .lbl {
+	min-height: auto !important;
+	min-width: auto !important;
+	width: auto !important;
+	height: auto !important;
+	position: static !important;
+}
+input[type=checkbox].ace.ace-switch  {
+	width: auto !important;
+}
+input[type=checkbox].ace.ace-switch + .lbl,
+input[type=checkbox].ace.ace-switch ~ .lbl {
+	margin: 0 !important;
+	min-height: auto !important;
+}
+.checkbox label input.ace[type="checkbox"] + .lbl,
+.radio label input.ace[type="radio"] + .lbl,
+.checkbox label input.ace[type="checkbox"] ~ .lbl,
+.radio label input.ace[type="radio"] ~ .lbl {
+	margin-left: auto;
+}
+
+
+[class*="input-"] {
+	max-width: none !important;
+}
+
+
+
+.wizard-steps li:first-child:before {
+ max-width:100%;
+ left:0;
+}
+
+.login-layout .widget-box {
+ display:none;
+ visibility:visible;
+ position:static;
+}
+
+.login-layout .widget-box.visible {
+ display:block;
+}
+.pricing-box-small:hover {
+    left:-1px;
+	top:-3px;
+}
+
+
+.ace-thumbnails > li > a > img{
+ width:auto !important;
+}
+.ace-thumbnails > li > :first-child > .text{
+ display:none;
+}
+.ace-thumbnails > li:hover > :first-child  > .text{
+ display:block;
+}
+.ace-thumbnails > li > .tools{
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C000000', endColorstr='#8C000000', GradientType=0) !important;
+}
+.ace-thumbnails > li > :first-child > .text{
+ filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8C000000', endColorstr='#8C000000', GradientType=0) !important;
+}
+
+
+
+.btn.btn-app.btn-light {
+  border: 1px solid #D9D9D9;
+}
+.btn.btn-app.btn-yellow {
+  border: 1px solid #FEE188;
+}
+
+
+.widget-box-overlay {
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55000000', endColorstr='#55000000',GradientType=0 ) !important;
+}
+.ace-file-overlay {
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7F000000', endColorstr='#7F000000',GradientType=0 ) !important;
+}
+.ace-file-overlay  > .ace-icon, .ace-file-overlay  > .fa, .ace-file-overlay  > .glyphicon {
+  display: inline-block;
+  width: 32px;
+  height: 32px;
+  background: transparent url('images/loading.gif') no-repeat center; 
+}
+.ace-file-overlay  > .ace-icon:before, .ace-file-overlay  > .fa:before, .ace-file-overlay  > .glyphicon:before {
+  display: none;
+}
+
+
+.grid3 {
+ width:31%;
+}
+.grid4 {
+ width:23%;
+}
+
+.itemdiv.dialogdiv > .body:before{
+ display:none;
+}
+
+.fc-event-hori, .fc-event-vert {
+ border-width: 0 !important;
+}
+
+
+[class*="tab-color-"] .nav-tabs > li > a > .ace-icon:first-child,
+[class*="tab-color-"] .nav-tabs > li > a > .fa:first-child 
+ {
+ color: #666 !important;
+}
+
+
+.dropdown-preview > .dropdown-menu {
+ *width: 180px;
+}
+
+/*jquery ui*/
+.ui-datepicker , .ui-autocomplete , .ui-menu{
+  border:1px solid #CCC;
+}
+.ui-widget-overlay  {
+  filter:alpha(opacity=100) !important;
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44000000', endColorstr='#44000000',GradientType=0 ) !important;
+}
+
+
+.message-content {
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCFFFFFF', endColorstr='#CCFFFFFF',GradientType=0 ) !important;
+}
+
+
+
+/* semi transparent gritter backgrounds */
+.gritter-item-wrapper {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA323232', endColorstr='#EA323232',GradientType=0 ) !important; /* IE6-9 */
+}
+.gritter-item-wrapper.gritter-info {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA315185', endColorstr='#EA315185',GradientType=0 ) !important; /* IE6-9 */
+}
+.gritter-item-wrapper.gritter-error {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA992812', endColorstr='#EA992812',GradientType=0 ) !important; /* IE6-9 */
+}
+.gritter-item-wrapper.gritter-success {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EA59834B', endColorstr='#EA59834B',GradientType=0 ) !important; /* IE6-9 */
+}
+.gritter-item-wrapper.gritter-warning {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EABE701F', endColorstr='#EABE701F',GradientType=0 ) !important; /* IE6-9 */
+}
+
+.gritter-item-wrapper.gritter-light {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2F5F5F5', endColorstr='#F2F5F5F5',GradientType=0 ) !important; /* IE6-9 */
+}
+.gritter-info.gritter-light {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2E8F2FF', endColorstr='#F2E8F2FF',GradientType=0 ) !important; /* IE6-9 */
+}
+.gritter-error.gritter-light {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2FFEBEB', endColorstr='#F2FFEBEB',GradientType=0 ) !important; /* IE6-9 */
+}
+.gritter-success.gritter-light {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2EFFAE3', endColorstr='#F2EFFAE3',GradientType=0 ) !important; /* IE6-9 */
+}
+.gritter-warning.gritter-light {
+	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F2FCF8E3', endColorstr='#F2FCF8E3',GradientType=0 ) !important; /* IE6-9 */
+}
+
+
+
+
+.widget-header .wysiwyg-toolbar .btn-group > .btn , .widget-body .md-header .btn  {
+  background:transparent none !important;
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40FFFFFF', endColorstr='#40FFFFFF',GradientType=0 ) !important;
+}
+.widget-header .wysiwyg-toolbar .btn-group > .btn.active , .widget-body .md-header .btn-inverse {
+  background:transparent none !important;
+  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#40000000', endColorstr='#40000000',GradientType=0 ) !important;
+}
+.widget-body .md-header .btn  , .widget-body .md-header .btn-inverse {
+	display:none;
+}
+
+
+.scroller-bar , .scroller-active .scroller-bar {
+ display: none;	
+}
+.scroller-active:hover .scroller-bar,
+.scroller-active .scroller-bar.active,
+.scroller-active .scroller-bar:active,
+.nav-wrap:hover + .scroller-active .scroller-bar {
+ display: block;
+}
+
+
+
+.ace-settings-box {
+ display: none;
+}
+.ace-settings-box.open {
+ display: block;
+}
+
+[data-toggle="buttons"] > .btn > input[type="radio"],
+[data-toggle="buttons"] > .btn > input[type="checkbox"] {
+  display: none;
+}
+
+
+
+.aside.aside-hidden.aside-vc .modal-dialog  {
+  width: 0;
+}
+.aside.aside-hidden.aside-hz .modal-dialog  {
+  height: 0;
+}
+
+ .btn-group > .btn-app:first-child {
+	margin-right: 24px;
+ }
+ .btn-group > .btn-app.dropdown-toggle:first-child {
+	margin-right: auto;
+ }
+
+ 
+ .sidebar .submenu.sub-scroll {
+  overflow-y: auto;
+ }
+}
\ No newline at end of file
diff --git a/web/cms/public/assets/css/ace-part2.css b/web/cms/public/assets/css/ace-part2.css
new file mode 100644
index 00000000..4da02fa3
--- /dev/null
+++ b/web/cms/public/assets/css/ace-part2.css
@@ -0,0 +1,5715 @@
+.timeline-style2 .timeline-info {
+  width: 100px;
+}
+.timeline-style2 .timeline-indicator {
+  font-size: 0;
+  height: 12px;
+  line-height: 12px;
+  width: 12px;
+  border-width: 1px !important;
+  background-color: #FFFFFF !important;
+  position: absolute;
+  left: 85px;
+  top: 3px;
+  opacity: 1;
+  border-radius: 100%;
+  display: inline-block;
+  padding: 0;
+}
+.timeline-style2 .timeline-date {
+  display: inline-block;
+  width: 72px;
+  text-align: right;
+  margin-right: 25px;
+  color: #777;
+}
+.timeline-style2 .timeline-item .widget-box {
+  margin-left: 112px;
+}
+.timeline-style2 .timeline-label {
+  width: 75px;
+  text-align: center;
+  margin-left: 0;
+  margin-bottom: 10px;
+  text-align: right;
+  color: #666;
+  font-size: 14px;
+}
+.timeline-time {
+  text-align: center;
+  position: static;
+}
+.dataTables_length select {
+  width: 70px;
+  height: 25px;
+  padding: 2px 3px;
+}
+.dataTables_length label {
+  font-weight: normal;
+}
+.dataTables_filter {
+  text-align: right;
+}
+.dataTables_filter input[type=text],
+.dataTables_filter input[type=search] {
+  width: 125px;
+  height: 18px;
+  line-height: 18px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  padding: 4px 6px;
+}
+.dataTables_filter label {
+  font-weight: normal;
+}
+.dataTables_info {
+  font-size: 14px;
+}
+.dataTables_paginate {
+  text-align: right;
+}
+.dataTables_paginate .pagination {
+  margin: 0 12px;
+}
+.dataTables_wrapper label {
+  display: inline-block;
+  font-size: 13px;
+}
+.dataTables_wrapper input[type=text],
+.dataTables_wrapper input[type=search],
+.dataTables_wrapper select {
+  margin-bottom: 0 !important;
+  margin: 0 4px;
+}
+.dataTables_wrapper .row {
+  margin: 0 !important;
+}
+.dataTables_wrapper .row:first-child {
+  padding-top: 12px;
+  padding-bottom: 12px;
+  background-color: #EFF3F8;
+}
+.dataTables_wrapper .row:first-child + .dataTable {
+  border-top: 1px solid #dddddd;
+  border-bottom: 1px solid #dddddd;
+}
+.dataTables_wrapper .row:last-child {
+  border-bottom: 1px solid #e0e0e0;
+  padding-top: 12px;
+  padding-bottom: 12px;
+  background-color: #EFF3F8;
+}
+.dataTables_wrapper .dataTables_scroll + .row {
+  border-top: 1px solid #e0e0e0;
+}
+.dataTable {
+  margin-bottom: 0;
+}
+.dataTable > thead > tr > th[class*=sort] {
+  cursor: pointer;
+}
+.dataTable > thead > tr > th[class*=sort]:after {
+  float: right;
+  display: inline;
+  content: "\f0dc";
+  font-family: FontAwesome;
+  font-size: 13px;
+  font-weight: normal;
+  color: #555;
+}
+.dataTable > thead > tr > th[class*=sort]:hover {
+  color: #547ea8;
+}
+.dataTable > thead > tr > th[class*=sorting_] {
+  color: #307ecc;
+}
+.dataTable > thead > tr > th.sorting_desc,
+.dataTable > thead > tr > th.sorting_asc {
+  background-image: -webkit-linear-gradient(top, #eff3f8 0%, #e3e7ed 100%);
+  background-image: -o-linear-gradient(top, #eff3f8 0%, #e3e7ed 100%);
+  background-image: linear-gradient(to bottom, #eff3f8 0%, #e3e7ed 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0);
+}
+.dataTable > thead > tr > th.sorting_desc:after {
+  content: "\f0dd";
+  top: -6px;
+  color: #307ecc;
+}
+.dataTable > thead > tr > th.sorting_asc:after {
+  content: "\f0de";
+  top: 4px;
+  color: #307ecc;
+}
+.dataTable > thead > tr > th.sorting_disabled {
+  cursor: inherit;
+}
+.dataTable > thead > tr > th.sorting_disabled:after {
+  display: none;
+}
+.dataTables_scrollHead + .dataTables_scrollBody > .dataTable > thead > tr > th:after {
+  display: none;
+}
+.dataTables_scrollHeadInner {
+  width: auto !important;
+}
+.dataTables_scrollHeadInner > .dataTable > thead > tr > th {
+  border-bottom-width: 0 !important;
+}
+.dataTables_borderWrap .dataTables_scrollBody,
+.dataTables_borderWrap .dataTables_scrollHead {
+  border: 1px solid #dddddd !important;
+  border-width: 0 1px !important;
+}
+.dataTables_borderWrap .dataTables_scrollBody .table-bordered,
+.dataTables_borderWrap .dataTables_scrollHead .table-bordered {
+  border-left-width: 0;
+  border-right-width: 0;
+}
+.dataTables_borderWrap .dataTables_scrollBody .table-bordered > thead > tr > th:first-child,
+.dataTables_borderWrap .dataTables_scrollHead .table-bordered > thead > tr > th:first-child,
+.dataTables_borderWrap .dataTables_scrollBody .table-bordered > tbody > tr > td:first-child,
+.dataTables_borderWrap .dataTables_scrollHead .table-bordered > tbody > tr > td:first-child {
+  border-left-width: 0;
+}
+.dataTables_borderWrap .dataTables_scrollBody .table-bordered > thead > tr > th:last-child,
+.dataTables_borderWrap .dataTables_scrollHead .table-bordered > thead > tr > th:last-child,
+.dataTables_borderWrap .dataTables_scrollBody .table-bordered > tbody > tr > td:last-child,
+.dataTables_borderWrap .dataTables_scrollHead .table-bordered > tbody > tr > td:last-child {
+  border-right-width: 0;
+}
+table.dataTable {
+  clear: both;
+  max-width: none !important;
+}
+table.dataTable th:active {
+  outline: none;
+}
+div.dataTables_scrollHead table {
+  margin-bottom: 0 !important;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+div.dataTables_scrollHead table thead tr:last-child th:first-child,
+div.dataTables_scrollHead table thead tr:last-child td:first-child {
+  border-bottom-left-radius: 0 !important;
+  border-bottom-right-radius: 0 !important;
+}
+div.dataTables_scrollBody table {
+  border-top: none;
+  margin-top: 0 !important;
+  margin-bottom: 0 !important;
+}
+div.dataTables_scrollBody tbody tr:first-child th,
+div.dataTables_scrollBody tbody tr:first-child td {
+  border-top: none;
+}
+div.dataTables_scrollFoot table {
+  margin-top: 0 !important;
+  border-top: none;
+}
+.DTTT_Print .main-content {
+  margin-left: 0 !important;
+  margin-right: 0 !important;
+}
+.DTTT_Print .navbar-fixed-top + .main-container {
+  padding-top: 0;
+}
+.tableTools-container {
+  margin-bottom: 8px;
+}
+.tableTools-alert.gritter-item-wrapper {
+  padding: 12px 11px 8px;
+  z-index: 1999;
+}
+ul.ColVis_collection {
+  z-index: 2002;
+}
+ul.ColVis_collection > li > a {
+  padding: 0;
+}
+ul.ColVis_collection > li > a:focus {
+  outline: none;
+}
+ul.ColVis_collection > li.ColVis_Special {
+  border-top: 1px solid #DDD;
+}
+ul.ColVis_collection > li.ColVis_Special > a {
+  padding: 6px 11px 7px;
+  text-align: center;
+}
+ul.ColVis_collection label {
+  margin: auto;
+  padding: 6px 11px 7px;
+  display: block;
+  cursor: pointer;
+}
+div.ColVis_catcher {
+  position: absolute;
+  z-index: 1101;
+}
+div.ColVis_collectionBackground {
+  position: fixed;
+  top: 0;
+  left: 0;
+  height: 100%;
+  width: 100%;
+  background-color: black;
+  z-index: 1100;
+}
+.fc-toolbar h2 {
+  font-size: 22px;
+  color: #65A0CE;
+}
+.fc-unthemed th,
+.fc-unthemed td,
+.fc-unthemed hr,
+.fc-unthemed thead,
+.fc-unthemed tbody,
+.fc-unthemed .fc-row,
+.fc-unthemed .fc-popover {
+  border-color: #BCD4E5;
+}
+.fc-unthemed .fc-today {
+  background: #FFC;
+}
+.fc-event {
+  border-width: 0;
+  color: #ffffff;
+  padding: 1px 1px 2px 2px;
+  border-radius: 0;
+}
+.fc-event:not([class*="label-"]) {
+  background-color: #abbac3;
+}
+.fc-event.label-yellow {
+  color: #996633;
+}
+.fc-event.label-light {
+  color: #888888;
+}
+.label-yellow .fc-event {
+  color: #996633;
+}
+.label-light .fc-event {
+  color: #888;
+}
+[class*="label-"] > .fc-event,
+[class*="label-"] > .fc-event > .fc-event-skin.fc-event-head {
+  background-color: inherit;
+}
+.fc-event.ui-draggable-dragging {
+  cursor: move;
+}
+.fc-event.fc-event-vert,
+.fc-event-vert > .fc-event {
+  padding: 0 0 1px;
+}
+.fc-day-number {
+  color: #2E6589;
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.fc-widget-header,
+.fc .fc-axis {
+  background: #ECF2F7;
+  color: #8090A0;
+}
+.fc-event-hori,
+.fc-event-vert {
+  border-radius: 0 !important;
+  border-color: transparent;
+}
+.fc-event-vert .fc-event-content {
+  padding-left: 1px;
+  padding-right: 1px;
+}
+.fc-event-vert .fc-event-time {
+  padding: 0;
+}
+.fc-state-default {
+  border: none;
+}
+.fc-state-default,
+.fc-state-default .fc-button-inner {
+  border: none;
+  background-color: #abbac3;
+  color: #FFF;
+  background-image: none;
+  box-shadow: none;
+  text-shadow: none;
+  border-radius: 0 !important;
+  margin-left: 2px;
+}
+.fc-state-default .fc-button-effect {
+  display: none;
+}
+.fc-state-disabled,
+.fc-state-disabled .fc-button-inner {
+  opacity: 0.75;
+  filter: alpha(opacity=75);
+  color: #DDD;
+}
+.fc-state-active,
+.fc-state-active .fc-button-inner {
+  border-color: #4F99C6;
+  background-color: #6FB3E0;
+}
+.fc-state-hover,
+.fc-state-hover .fc-button-inner {
+  background-color: #8B9AA3;
+}
+.fc .fc-button-group > * {
+  margin: 0 1px 0 0;
+}
+.external-event {
+  margin: 6px 0;
+  padding: 0;
+  cursor: default;
+  display: block;
+  font-size: 13px;
+  line-height: 28px;
+  color: #ffffff;
+}
+.external-event:not([class*="label-"]) {
+  background-color: #abbac3;
+}
+.external-event:hover {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.external-event.ui-draggable-dragging {
+  cursor: move;
+}
+.external-event.label-yellow {
+  color: #996633;
+}
+.external-event.label-light {
+  color: #888888;
+}
+.external-event > .ace-icon:first-child {
+  display: inline-block;
+  height: 32px;
+  width: 32px;
+  text-align: center;
+  line-height: 30px;
+  margin-right: 5px;
+  font-size: 15px;
+  border-right: 1px solid #FFF;
+}
+/**
+.widget-main {
+	.fc {
+		position:relative;
+		top:-40px;
+		
+		> .fc-header {
+			position:relative;
+			z-index:10;
+		}
+		
+		.fc-header-space {
+			padding-left:2px;
+		}
+	}
+	
+	.fc-header-title > h2 {
+		font-size: floor(@base-font-size * 1.4);
+		line-height: 36px;
+	}
+	
+	.fc-content {
+		top:-14px;
+		z-index:11;
+	}
+	
+	.fc-button-content {
+		height:37px;
+		line-height:36px;
+	}
+	
+}
+*/
+@media only screen and (max-width: 480px) {
+  .fc-header td {
+    display: block;
+    width: auto;
+    text-align: left;
+  }
+}
+.chosen-container + .help-inline {
+  vertical-align: middle;
+}
+/**
+.chosen-select {
+  display: inline !important; //for validation plugin to work it must be displayed
+  visibility: hidden;
+  opacity: 0;
+  position: absolute;
+  z-index: -1;
+  width: 0;
+  height: 0;
+  border-width: 0;
+}
+*/
+.chosen-container,
+[class*="chosen-container"] {
+  vertical-align: middle;
+}
+.chosen-container > .chosen-single,
+[class*="chosen-container"] > .chosen-single {
+  line-height: 28px;
+  height: 32px;
+  box-shadow: none;
+  background: #FAFAFA;
+}
+.chosen-choices {
+  box-shadow: none !important;
+}
+.chosen-container-single .chosen-single abbr {
+  background: none;
+}
+.chosen-container-single .chosen-single abbr:after {
+  content: "\f00d";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 13px;
+  position: absolute;
+  right: 0;
+  top: -7px;
+}
+.chosen-container-single .chosen-single abbr:hover:after {
+  color: #464646;
+}
+.chosen-container-single.chosen-disabled .chosen-single abbr:hover:after {
+  color: #464646;
+}
+.chosen-single div b {
+  background: none !important;
+}
+.chosen-single div b:before {
+  content: "\f0d7";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 12px;
+  position: relative;
+  top: -1px;
+  left: 1px;
+}
+.chosen-container-active.chosen-with-drop .chosen-single div b:before {
+  content: "\f0d8";
+}
+.chosen-container-single .chosen-search {
+  position: relative;
+}
+.chosen-container-single .chosen-search input[type="text"] {
+  background: none;
+  border-radius: 0;
+  line-height: 28px;
+  height: 28px;
+}
+.chosen-container-single .chosen-search:after {
+  content: "\f002";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 14px;
+  position: absolute;
+  top: 8px;
+  right: 12px;
+}
+.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
+  height: 25px;
+}
+.chosen-container-multi .chosen-choices li.search-choice {
+  line-height: 16px;
+  padding-bottom: 4px;
+}
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
+  background: none;
+}
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
+  content: "\f00d";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 13px;
+  position: absolute;
+  right: 2px;
+  top: -1px;
+}
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
+  text-decoration: none;
+}
+.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:before {
+  color: #464646;
+}
+.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close:before {
+  color: #464646;
+}
+.chosen-container .chosen-results-scroll-down span,
+.chosen-container .chosen-results-scroll-up span {
+  background: none;
+}
+.chosen-container .chosen-results-scroll-down span:before,
+.chosen-container .chosen-results-scroll-up span:before {
+  content: "\f0d7";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 12px;
+  position: relative;
+  top: -1px;
+  left: 1px;
+}
+.chosen-container .chosen-results-scroll-up span:before {
+  content: "\f0d8";
+}
+.chosen-container-active .chosen-single-with-drop div b:before {
+  content: "\f0d8";
+}
+.chosen-rtl .chosen-search input[type="text"] {
+  background: none;
+}
+.chosen-rtl .chosen-search:after {
+  content: "";
+  display: none;
+}
+.chosen-rtl .chosen-search:before {
+  content: "\f002";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 14px;
+  position: absolute;
+  top: 9px;
+  left: 12px;
+}
+/** chosen - etc */
+.chosen-container-single .chosen-single {
+  border-radius: 0;
+}
+.chosen-container .chosen-results li.highlighted {
+  background: #316AC5;
+  color: #FFF;
+}
+.chosen-container-single .chosen-drop {
+  border-radius: 0;
+  border-bottom: 3px solid #4492C9;
+  border-color: #4492C9;
+}
+.chosen-single.chosen-single-with-drop,
+.chosen-container-active .chosen-single {
+  border-color: #4492C9;
+}
+.form-group.has-error .chosen-single {
+  border-color: #f2a696 !important;
+}
+.form-group.has-info .chosen-single {
+  border-color: #72aec2 !important;
+}
+.form-group.has-warning .chosen-single {
+  border-color: #e3c94c !important;
+}
+.form-group.has-success .chosen-single {
+  border-color: #9cc573 !important;
+}
+.chosen-container-active.chosen-with-drop .chosen-single {
+  border-color: #4492C9;
+}
+.chosen-container .chosen-drop {
+  display: none;
+}
+.chosen-container.chosen-with-drop .chosen-drop {
+  left: auto;
+  right: auto;
+  display: block;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
+  .chosen-rtl .chosen-search input[type="text"],
+  .chosen-container-single .chosen-single abbr,
+  .chosen-container-single .chosen-single div b,
+  .chosen-container-single .chosen-search input[type="text"],
+  .chosen-container-multi .chosen-choices li.search-choice .search-choice-close,
+  .chosen-container .chosen-results-scroll-down span,
+  .chosen-container .chosen-results-scroll-up span {
+    background-image: none !important;
+    background-repeat: no-repeat !important;
+    background-size: auto !important;
+  }
+}
+.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice {
+  background-image: none;
+  background-color: #91b8d0;
+  color: #FFFFFF;
+  display: inline-block;
+  font-size: 13px;
+  font-weight: normal;
+  margin-bottom: 3px;
+  margin-right: 3px;
+  padding: 6px 22px 7px 9px;
+  position: relative;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
+  transition: all 0.2s ease 0s;
+  vertical-align: baseline;
+  white-space: nowrap;
+  border: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-radius: 0;
+}
+.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  width: 18px;
+  height: auto;
+  line-height: 25px;
+  text-align: center;
+}
+.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
+  color: #FFF;
+  position: static;
+  font-size: 11px;
+}
+.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+.tag-input-style + .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover:before {
+  color: #FFF;
+}
+.tag-input-style + .chosen-container-multi.chosen-rtl .chosen-choices li.search-choice {
+  padding: 6px 9px 7px 22px;
+  margin-left: 0;
+  margin-right: 3px !important;
+}
+.tag-input-style + .chosen-container-multi.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
+  right: auto;
+  left: 0;
+}
+.select2-container .select2-choice {
+  border-radius: 0;
+  height: 32px;
+  line-height: 28px;
+}
+.select2-container.select2-drop-above .select2-choice {
+  border-radius: 0;
+}
+.select2-container[class*="input-"] {
+  max-width: none;
+}
+.select2-container.input-mini {
+  min-width: 100px;
+}
+.select2-container .select2-choice abbr,
+.select2-search-choice-close {
+  background: none;
+}
+.select2-container .select2-choice abbr:before,
+.select2-search-choice-close:before {
+  font-family: FontAwesome;
+  font-size: 12px;
+  display: inline;
+  content: "\f00d";
+  color: #888;
+  position: relative;
+  top: -1px;
+}
+.select2-container .select2-choice abbr:hover:before,
+.select2-search-choice-close:hover:before {
+  color: #555;
+}
+.select2-container .select2-choice abbr:before {
+  top: -7px;
+}
+.select2-search-choice-close:hover {
+  text-decoration: none !important;
+}
+.select2-drop {
+  border-radius: 0;
+  border: 1px solid #4492C9;
+  border-width: 0 1px 3px;
+}
+.select2-drop.select2-drop-above {
+  border-radius: 0;
+}
+.select2-container .select2-choice {
+  background: #FAFAFA none;
+}
+.select2-container-active .select2-choice,
+.select2-container-active .select2-choices,
+.select2-dropdown-open.select2-drop-above .select2-choice,
+.select2-dropdown-open.select2-drop-above .select2-choices,
+.select2-container-multi.select2-container-active .select2-choices {
+  border-color: #4492C9;
+}
+.select2-results .select2-highlighted {
+  background: #316AC5;
+}
+.select2-container .select2-choice .select2-arrow {
+  border-radius: 0;
+  background: transparent none;
+  border: none;
+}
+.select2-container .select2-choice .select2-arrow b {
+  background: none;
+}
+.select2-container .select2-choice .select2-arrow b:before {
+  font-family: FontAwesome;
+  font-size: 12px;
+  display: inline;
+  content: "\f0d7";
+  color: #888;
+  position: relative;
+  left: 5px;
+}
+.select2-dropdown-open .select2-choice .select2-arrow b:before {
+  content: "\f0d8";
+}
+.select2-search .select2-input {
+  background: #fff none;
+  margin-top: 4px;
+}
+.select2-search:after {
+  font-family: FontAwesome;
+  font-size: 14px;
+  display: inline;
+  content: "\f002";
+  color: #777;
+  position: relative;
+  top: 0;
+  left: -20px;
+  z-index: 0;
+}
+.select2-dropdown-open.select2-drop-above .select2-choice,
+.select2-dropdown-open.select2-drop-above .select2-choices {
+  background-image: none;
+  background-color: #F6F6F6;
+}
+.select2-container-multi .select2-choices .select2-search-field input {
+  border: none !important;
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  background: none !important;
+  font-size: 14px;
+}
+.select2-container-multi .select2-choices .select2-search-choice {
+  line-height: 16px;
+  padding-bottom: 4px;
+}
+.select2-container-active .select2-choice,
+.select2-container-active .select2-choices,
+.select2-container-multi.select2-container-active .select2-choices,
+.select2-dropdown-open.select2-drop-above .select2-choice,
+.select2-dropdown-open.select2-drop-above .select2-choices {
+  -webkit-box-shadow: none;
+  box-shadow: none;
+}
+.select2-search input.select2-active {
+  background-color: #FFF;
+  position: relative;
+  z-index: 1;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
+  .select2-search input,
+  .select2-search-choice-close,
+  .select2-container .select2-choice abbr,
+  .select2-container .select2-choice div b {
+    background-image: none !important;
+    background-size: auto !important;
+  }
+  .select2-search input {
+    background-position: auto !important;
+  }
+}
+.select2-container-active.select2-dropdown-open .select2-choice {
+  background-image: -webkit-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
+  background-image: -o-linear-gradient(top, #eeeeee 0%, #ffffff 100%);
+  background-image: linear-gradient(to bottom, #eeeeee 0%, #ffffff 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffffffff', GradientType=0);
+}
+.select2-container-active.select2-drop-above .select2-choice {
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
+  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
+  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
+}
+.form-group.has-error .select2-choice,
+.form-group.has-error .select2-choices {
+  border-color: #f2a696 !important;
+}
+.form-group.has-info .select2-choice,
+.form-group.has-info .select2-choices {
+  border-color: #72aec2 !important;
+}
+.form-group.has-warning .select2-choice,
+.form-group.has-warning .select2-choices {
+  border-color: #e3c94c !important;
+}
+.form-group.has-success .select2-choice,
+.form-group.has-success .select2-choices {
+  border-color: #9cc573 !important;
+}
+@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
+  .select2-search input,
+  .select2-search-choice-close,
+  .select2-container .select2-choice abbr,
+  .select2-container .select2-choice .select2-arrow b {
+    background-image: none !important;
+    background-repeat: no-repeat !important;
+    background-size: auto !important;
+  }
+  .select2-search input {
+    background-position: auto !important;
+  }
+}
+.select2-container-multi.tag-input-style .select2-choices .select2-search-choice {
+  background-image: none;
+  background-color: #91b8d0;
+  color: #FFFFFF;
+  display: inline-block;
+  font-size: 13px;
+  font-weight: normal;
+  margin-bottom: 3px;
+  margin-right: 0;
+  padding: 6px 22px 7px 9px;
+  position: relative;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
+  transition: all 0.2s ease 0s;
+  vertical-align: baseline;
+  white-space: nowrap;
+  border: none;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  border-radius: 0;
+}
+.select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: auto;
+  width: 18px;
+  height: auto;
+  line-height: 25px;
+  text-align: center;
+}
+.select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close:before {
+  color: #FFF;
+  position: static;
+  font-size: 11px;
+}
+.select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+.select2-container-multi.tag-input-style .select2-choices .select2-search-choice .select2-search-choice-close:hover:before {
+  color: #FFF;
+}
+#colorbox:focus,
+#colorbox:active {
+  outline: none;
+}
+#cboxTopLeft,
+#cboxTopCenter,
+#cboxTopRight,
+#cboxMiddleLeft,
+#cboxMiddleRight,
+#cboxBottomLeft,
+#cboxBottomCenter,
+#cboxBottomRight {
+  background: none !important;
+  opacity: 0;
+}
+#cboxContent {
+  border: 12px solid #000;
+  background-color: #FFF;
+  padding: 7px;
+}
+#cboxOverlay {
+  background: rgba(0, 0, 0, 0.95);
+  background: #000;
+}
+#cboxCurrent {
+  left: 64px;
+  margin-bottom: 4px;
+  font-size: 14px;
+}
+#cboxTitle {
+  margin-bottom: 4px;
+  font-size: 14px;
+  color: #777;
+}
+#cboxNext,
+#cboxPrevious,
+#cboxClose {
+  background: none;
+  text-indent: 0;
+  width: 26px;
+  height: 26px;
+  line-height: 22px;
+  padding: 0 4px;
+  text-align: center;
+  border: 2px solid #999;
+  border-radius: 16px;
+  color: #666;
+  font-size: 12px;
+  margin-left: 5px;
+  margin-bottom: 5px;
+}
+#cboxNext:hover,
+#cboxPrevious:hover {
+  color: #333;
+  border-color: #666;
+}
+#cboxContent {
+  overflow: visible;
+}
+#cboxClose {
+  background-color: #000;
+  border: 2px solid #FFF;
+  border-radius: 32px;
+  color: #FFF;
+  font-size: 21px;
+  height: 28px;
+  width: 28px;
+  padding-bottom: 2px;
+  margin-left: 0;
+  right: -14px;
+  top: -14px;
+}
+#cboxLoadingOverlay {
+  background: none !important;
+}
+#cboxLoadingGraphic {
+  background: #FFF none !important;
+  text-align: center;
+}
+#cboxLoadingGraphic > .ace-icon {
+  display: inline-block;
+  background-color: #FFF;
+  border-radius: 8px;
+  width: 32px;
+  height: 32px;
+  position: relative;
+  top: 48%;
+  text-align: center;
+  vertical-align: middle;
+  font-size: 24px;
+  color: #FE7E3E;
+}
+.ace-spinner {
+  display: inline-block;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical {
+  min-width: 18px;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical > .btn {
+  font-size: 10px;
+  padding: 0;
+  width: 22px;
+  height: 16px;
+  line-height: 8px;
+  margin-left: 0;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical > .btn:first-child {
+  margin-top: 0;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical > .btn > .ace-icon {
+  margin: 0;
+  padding: 0;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical > .btn + .btn {
+  margin-top: 2px;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical > .btn-xs {
+  height: 14px;
+  line-height: 7px;
+}
+.ace-spinner .spinbox-buttons.btn-group-vertical > .btn-lg {
+  height: 22px;
+  line-height: 10px;
+  width: 22px;
+}
+.ace-spinner .spinbox-buttons > button.btn.spinbox-up:active {
+  top: -1px;
+}
+.ace-spinner:not(.touch-spinner) .spinbox-buttons > .btn > .ace-icon {
+  margin-top: -1px;
+}
+.ace-spinner.touch-spinner .spinbox-buttons {
+  margin: 0;
+  font-size: 0;
+}
+.ace-spinner.touch-spinner .spinbox-buttons .btn-sm {
+  width: 32px;
+}
+.ace-spinner.touch-spinner .spinbox-buttons .btn-xs {
+  width: 24px;
+}
+.ace-spinner.touch-spinner .spinbox-buttons .btn-lg {
+  width: 40px;
+}
+.ace-spinner.touch-spinner .spinbox-buttons > .btn {
+  margin: 0 1px !important;
+}
+.ace-spinner.touch-spinner .spinbox-buttons > .btn-xs {
+  padding-top: 3px;
+  padding-bottom: 3px;
+}
+.ace-spinner.touch-spinner .spinbox-buttons > .btn > .ace-icon {
+  vertical-align: middle;
+  display: inline-block;
+}
+.steps {
+  list-style: none;
+  display: table;
+  width: 100%;
+  padding: 0;
+  margin: 0;
+  position: relative;
+}
+.steps li {
+  display: table-cell;
+  text-align: center;
+  width: 1%;
+}
+.steps li .step {
+  border: 5px solid #ced1d6;
+  color: #546474;
+  font-size: 15px;
+  border-radius: 100%;
+  background-color: #FFF;
+  position: relative;
+  z-index: 2;
+  display: inline-block;
+  width: 40px;
+  height: 40px;
+  line-height: 30px;
+  text-align: center;
+}
+.steps li:before {
+  display: block;
+  content: "";
+  width: 100%;
+  height: 1px;
+  font-size: 0;
+  overflow: hidden;
+  border-top: 4px solid #CED1D6;
+  position: relative;
+  top: 21px;
+  z-index: 1;
+}
+.steps li.last-child:before {
+  max-width: 50%;
+  width: 50%;
+}
+.steps li:last-child:before {
+  max-width: 50%;
+  width: 50%;
+}
+.steps li:first-child:before {
+  max-width: 51%;
+  left: 50%;
+}
+.steps li.active:before,
+.steps li.complete:before,
+.steps li.active .step,
+.steps li.complete .step {
+  border-color: #5293c4;
+}
+.steps li.complete .step {
+  cursor: default;
+  color: #FFF;
+  -webkit-transition: transform ease 0.1s;
+  -o-transition: transform ease 0.1s;
+  transition: transform ease 0.1s;
+}
+.steps li.complete .step:before {
+  display: block;
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  line-height: 30px;
+  text-align: center;
+  border-radius: 100%;
+  content: "\f00c";
+  background-color: #FFF;
+  z-index: 3;
+  font-family: FontAwesome;
+  font-size: 17px;
+  color: #87ba21;
+}
+.steps li.complete:hover .step {
+  -moz-transform: scale(1.1);
+  -webkit-transform: scale(1.1);
+  -o-transform: scale(1.1);
+  -ms-transform: scale(1.1);
+  transform: scale(1.1);
+  border-color: #80afd4;
+}
+.steps li.complete:hover:before {
+  border-color: #80afd4;
+}
+.steps li .title {
+  display: block;
+  margin-top: 4px;
+  max-width: 100%;
+  color: #949ea7;
+  font-size: 14px;
+  z-index: 104;
+  text-align: center;
+  table-layout: fixed;
+  word-wrap: break-word;
+}
+.steps li.complete .title,
+.steps li.active .title {
+  color: #2b3d53;
+}
+.step-content {
+  position: relative;
+}
+.step-content .step-pane {
+  display: none;
+  min-height: 200px;
+  padding: 4px 8px 12px;
+}
+.step-content .step-pane.active {
+  display: block;
+}
+.wizard-actions {
+  text-align: right;
+}
+@media only screen and (max-width: 767px) {
+  .steps li .step {
+    width: 30px;
+    height: 30px;
+    line-height: 24px;
+    border-width: 3px;
+  }
+  .steps li:before,
+  .steps li:after {
+    border-width: 3px;
+  }
+  .steps li.complete .step:before {
+    line-height: 24px;
+    font-size: 13px;
+  }
+  .steps li:before {
+    top: 16px;
+  }
+  .step-content .step-pane {
+    padding: 4px 4px 6px;
+    min-height: 150px;
+  }
+}
+.tree {
+  margin: auto;
+  padding: 0 0 0 9px;
+  overflow-x: hidden;
+  overflow-y: auto;
+  position: relative;
+}
+.tree:before {
+  display: inline-block;
+  content: "";
+  position: absolute;
+  top: -20px;
+  bottom: 16px;
+  left: 0;
+  z-index: 1;
+  border: 1px dotted #67b2dd;
+  border-width: 0 0 0 1px;
+}
+.tree .tree-branch-name,
+.tree .tree-item-name {
+  cursor: pointer;
+}
+.tree .tree-branch {
+  width: auto;
+  min-height: 20px;
+  cursor: pointer;
+}
+.tree .tree-branch .tree-branch-header {
+  position: relative;
+  height: 20px;
+  line-height: 20px;
+}
+.tree .tree-branch .tree-branch-header:hover {
+  background-color: #F0F7FC;
+}
+.tree .tree-branch .tree-branch-header .tree-branch-name,
+.tree .tree-item .tree-item-name {
+  display: inline;
+  z-index: 2;
+}
+.tree .tree-branch .tree-branch-header > .tree-branch-name > .ace-icon:first-child,
+.tree .tree-item > .tree-item-name > .ace-icon:first-child {
+  display: inline-block;
+  position: relative;
+  z-index: 2;
+  top: -1px;
+}
+.tree .tree-branch > .tree-branch-header > .tree-branch-name > .tree-label {
+  margin-left: 2px;
+}
+.tree .tree-branch > .tree-branch-header > .tree-branch-name > .ace-icon:first-child {
+  margin: -2px 0 0 -2px;
+}
+.tree .tree-branch:last-child:after {
+  display: inline-block;
+  content: "";
+  position: absolute;
+  z-index: 1;
+  top: 15px;
+  bottom: 0;
+  left: -15px;
+  border-left: 1px solid #FFF;
+}
+.tree .tree-branch .tree-branch-children {
+  margin: 0 0 0 23px;
+  padding: 0;
+  position: relative;
+}
+.tree .tree-branch .tree-branch-children:before {
+  display: inline-block;
+  content: "";
+  position: absolute;
+  z-index: 1;
+  top: -14px;
+  bottom: 16px;
+  left: -14px;
+  border: 1px dotted #67b2dd;
+  border-width: 0 0 0 1px;
+}
+.tree .tree-item {
+  position: relative;
+  height: 20px;
+  line-height: 20px;
+  cursor: pointer;
+}
+.tree .tree-item:hover {
+  background-color: #F0F7FC;
+}
+.tree .tree-item > .tree-item-name > .ace-icon:first-child {
+  margin-right: 3px;
+}
+.tree .tree-item > .tree-item-name > .tree-label > .ace-icon:first-child {
+  margin-left: 3px;
+  margin-right: 3px;
+}
+.tree .tree-item > .ace-icon:first-child {
+  margin-top: -1px;
+}
+.tree .tree-branch,
+.tree .tree-item {
+  position: relative;
+  list-style: none;
+}
+.tree .tree-branch:before,
+.tree .tree-item:before {
+  display: inline-block;
+  content: "";
+  position: absolute;
+  top: 14px;
+  left: -13px;
+  width: 18px;
+  height: 0;
+  border-top: 1px dotted #67b2dd;
+  z-index: 1;
+}
+.tree .tree-selected {
+  background-color: rgba(98, 168, 209, 0.1);
+  color: #6398B0;
+}
+.tree .tree-selected:hover {
+  background-color: rgba(98, 168, 209, 0.1);
+}
+.tree .tree-item,
+.tree .tree-branch {
+  border: 1px solid #FFF;
+}
+.tree .tree-branch .tree-branch-header {
+  border-radius: 0;
+}
+.tree .tree-item,
+.tree .tree-branch .tree-branch-header {
+  margin: 0;
+  padding: 5px;
+  color: #4D6878;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.tree .tree-item > .tree-item-name > .ace-icon:first-child {
+  color: #F9E8CE;
+  width: 13px;
+  height: 13px;
+  line-height: 13px;
+  font-size: 11px;
+  text-align: center;
+  border-radius: 3px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  background-color: #FAFAFA;
+  border: 1px solid #CCC;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+}
+.tree .tree-selected > .tree-item-name > .ace-icon:first-child {
+  background-color: #F9A021;
+  border-color: #F9A021;
+  color: #FFF;
+}
+.tree .tree-plus.ace-icon:first-child,
+.tree .tree-minus.ace-icon:first-child {
+  display: inline-block;
+  font-style: normal;
+  border: 1px solid #DDD;
+  vertical-align: middle;
+  height: 11px;
+  width: 11px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  text-align: center;
+  border: 1px solid #8BAEBF;
+  line-height: 10px;
+  background-color: #FFF;
+  position: relative;
+  z-index: 2;
+}
+.tree .tree-plus.ace-icon:first-child:before,
+.tree .tree-minus.ace-icon:first-child:before {
+  content: "";
+  display: block;
+  width: 7px;
+  height: 0;
+  border-top: 1px solid #4D6878;
+  position: absolute;
+  top: 5px;
+  left: 2px;
+}
+.tree .tree-plus.ace-icon:first-child:after {
+  content: "";
+  display: block;
+  height: 7px;
+  width: 0;
+  border-left: 1px solid #4D6878;
+  position: absolute;
+  top: 2px;
+  left: 5px;
+}
+.tree .tree-unselectable .tree-item > .tree-item-name > .tree-label > .ace-icon:first-child {
+  color: #5084A0;
+  width: 13px;
+  height: 13px;
+  line-height: 13px;
+  font-size: 10px;
+  text-align: center;
+  border-radius: 0;
+  background-color: transparent;
+  border: none;
+  box-shadow: none;
+}
+.tree .ace-icon[class*="-down"] {
+  transform: rotate(-45deg);
+}
+.tree .ace-icon[class*="-download"] {
+  transform: none;
+}
+.tree .fa-spin {
+  height: auto;
+}
+.tree .tree-loading {
+  margin-left: 36px;
+}
+.tree img {
+  display: inline;
+  veritcal-align: middle;
+}
+.gritter-item-wrapper {
+  background-image: none !important;
+  box-shadow: 0 2px 10px rgba(50, 50, 50, 0.5);
+  background: rgba(50, 50, 50, 0.92);
+}
+.gritter-item-wrapper.gritter-info {
+  background: rgba(49, 81, 133, 0.92);
+}
+.gritter-item-wrapper.gritter-error {
+  background: rgba(153, 40, 18, 0.92);
+}
+.gritter-item-wrapper.gritter-success {
+  background: rgba(89, 131, 75, 0.92);
+}
+.gritter-item-wrapper.gritter-warning {
+  background: rgba(190, 112, 31, 0.92);
+}
+.gritter-item-wrapper.gritter-light {
+  background: rgba(245, 245, 245, 0.95);
+  border: 1px solid #BBB;
+}
+.gritter-item-wrapper.gritter-light.gritter-info {
+  background: rgba(232, 242, 255, 0.95);
+}
+.gritter-item-wrapper.gritter-light.gritter-info .gritter-item {
+  color: #4A577D;
+}
+.gritter-item-wrapper.gritter-light.gritter-error {
+  background: rgba(255, 235, 235, 0.95);
+}
+.gritter-item-wrapper.gritter-light.gritter-error .gritter-item {
+  color: #894A38;
+}
+.gritter-item-wrapper.gritter-light.gritter-success {
+  background: rgba(239, 250, 227, 0.95);
+}
+.gritter-item-wrapper.gritter-light.gritter-success .gritter-item {
+  color: #416131;
+}
+.gritter-item-wrapper.gritter-light.gritter-warning {
+  background: rgba(252, 248, 227, 0.95);
+}
+.gritter-item-wrapper.gritter-light.gritter-warning .gritter-item {
+  color: #946446;
+}
+.gritter-item p {
+  line-height: 1.8;
+}
+.gritter-top,
+.gritter-bottom,
+.gritter-item {
+  background-image: none;
+}
+.gritter-close {
+  left: auto;
+  right: 3px;
+  background-image: none;
+  width: 18px;
+  height: 18px;
+  line-height: 17px;
+  text-align: center;
+  border: 2px solid transparent;
+  border-radius: 16px;
+  color: #E17B67;
+}
+.gritter-close:before {
+  font-family: FontAwesome;
+  font-size: 16px;
+  content: "\f00d";
+}
+.gritter-info .gritter-close {
+  color: #FFA500;
+}
+.gritter-error .gritter-close,
+.gritter-success .gritter-close,
+.gritter-warning .gritter-close {
+  color: #FFEA07;
+}
+.gritter-close:hover {
+  color: #FFF !important;
+}
+.gritter-title {
+  text-shadow: none;
+}
+.gritter-light .gritter-item,
+.gritter-light .gritter-bottom,
+.gritter-light .gritter-top,
+.gritter-light .gritter-close {
+  background-image: none;
+  color: #444;
+}
+.gritter-light .gritter-title {
+  text-shadow: none;
+}
+.gritter-light .gritter-close:hover {
+  color: #8A3104 !important;
+}
+.gritter-center {
+  position: fixed;
+  left: 33%;
+  right: 33%;
+  top: 33%;
+}
+@media only screen and (max-width: 767px) {
+  .gritter-center {
+    left: 16%;
+    right: 16%;
+    top: 30%;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .gritter-center {
+    left: 30px;
+    right: 30px;
+  }
+}
+@media only screen and (max-width: 320px) {
+  .gritter-center {
+    left: 10px;
+    right: 10px;
+  }
+}
+.wysiwyg-editor {
+  max-height: 250px;
+  height: 250px;
+  background-color: #F7F8FA;
+  border-collapse: separate;
+  border: 1px solid #BBC0CA;
+  padding: 4px;
+  box-sizing: content-box;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  outline: none;
+}
+.wysiwyg-editor:focus {
+  background-color: #FFF;
+}
+.wysiwyg-toolbar {
+  line-height: 33px;
+  margin: 0 !important;
+  position: relative;
+}
+.wysiwyg-toolbar .dropdown-menu {
+  text-align: left;
+}
+.wysiwyg-toolbar .btn-group {
+  float: none !important;
+  font-size: 0;
+}
+.wysiwyg-toolbar .btn-group > .btn {
+  float: none;
+  padding-left: 0;
+  padding-right: 0;
+  text-align: center;
+  margin-left: 1px;
+  /**
+		&.active:after {
+			border-color: transparent;
+			border-style: solid;
+			border-top-color: inherit;
+			border-width: 6px 14px;
+			bottom: -13px;
+			left: 0;
+			right: 0;
+		}
+		*/
+}
+.wysiwyg-toolbar .btn-group > .btn > .ace-icon:first-child {
+  font-size: 14px;
+  width: 25px;
+  max-width: 25px;
+  display: inline-block;
+  border-width: 1px !important;
+}
+.wysiwyg-toolbar .btn-group > .btn.dropdown-toggle > .ace-icon:last-child {
+  margin-right: 4px;
+}
+.wysiwyg-style1 .btn-group > .btn,
+.wysiwyg-style2 .btn-group > .btn,
+.wysiwyg-style1 .btn-group > .inline > .btn,
+.wysiwyg-style2 .btn-group > .inline > .btn {
+  margin: 0 !important;
+  background: #FFF !important;
+  border-width: 0 !important;
+  color: #ADB3BE !important;
+  text-shadow: none !important;
+}
+.wysiwyg-style1 .btn-group > .btn.active,
+.wysiwyg-style2 .btn-group > .btn.active,
+.wysiwyg-style1 .btn-group > .inline > .btn.active,
+.wysiwyg-style2 .btn-group > .inline > .btn.active {
+  color: #5B80CE !important;
+}
+.wysiwyg-style1 .btn-group > .btn.active:after,
+.wysiwyg-style2 .btn-group > .btn.active:after,
+.wysiwyg-style1 .btn-group > .inline > .btn.active:after,
+.wysiwyg-style2 .btn-group > .inline > .btn.active:after {
+  display: none;
+}
+.wysiwyg-style1 .btn-group,
+.wysiwyg-style2 .btn-group {
+  position: relative;
+}
+.wysiwyg-style1 .btn-group:after,
+.wysiwyg-style2 .btn-group:after {
+  display: block;
+  content: "";
+  position: absolute;
+  left: -2px;
+  top: 6px;
+  bottom: 6px;
+  width: 0;
+  max-width: 0;
+  border-left: 1px solid #E1E6EA;
+}
+.wysiwyg-style1 .btn-group:first-child:after,
+.wysiwyg-style2 .btn-group:first-child:after {
+  display: none;
+}
+.wysiwyg-style2 {
+  background-color: #E5E5E5;
+}
+.wysiwyg-style2 + .wysiwyg-editor {
+  border-color: #DDD;
+  background-color: #FFF;
+  border-top: none;
+}
+.wysiwyg-style2 .btn-group > .btn,
+.wysiwyg-style2 .btn-group > .inline > .btn {
+  margin: 0 1px 0 0 !important;
+  background: #FFF !important;
+  border: none !important;
+  color: #8D939E !important;
+  text-shadow: none !important;
+}
+.wysiwyg-style2 .btn-group > .btn.active,
+.wysiwyg-style2 .btn-group > .inline > .btn.active {
+  color: #FFF !important;
+  background: #6AAEDF !important;
+}
+.wysiwyg-style2 .btn-group:after {
+  display: none;
+}
+.wysiwyg-toolbar .btn-colorpicker {
+  width: 24px;
+  height: 24px;
+  position: relative;
+  background: #87B87F;
+  /* Old browsers */
+  background: -moz-linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
+  /*  FF3.6+ */
+  background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #cf3e73), color-stop(20%, #ffffff), color-stop(30%, #2283c5), color-stop(40%, #ffffff), color-stop(50%, #87b87f), color-stop(60%, #ffffff), color-stop(70%, #ffb752), color-stop(80%, #ffffff), color-stop(90%, #d15b47), color-stop(100%, #ffffff));
+  /* Chrome,Safari4+ */
+  background: -webkit-linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
+  /* Chrome10+,Safari5.1+ */
+  background: -o-linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
+  /* Opera11.10+ */
+  background: -ms-linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
+  /* IE10+ */
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CF3E73', endColorstr='#FFB752', GradientType=0);
+  /* IE6-9 */
+  background: linear-gradient(top, #cf3e73 10%, #ffffff 20%, #2283c5 30%, #ffffff 40%, #87b87f 50%, #ffffff 60%, #ffb752 70%, #ffffff 80%, #d15b47 90%, #ffffff 100%);
+  /* W3C */
+}
+.wysiwyg-toolbar .dropdown-colorpicker > .dropdown-menu {
+  top: auto;
+}
+.wysiwyg-toolbar input[type=file] {
+  position: fixed;
+  z-index: -10;
+  opacity: 0;
+  max-width: 0;
+  max-height: 0;
+  display: block;
+}
+.wysiwyg-toolbar .wysiwyg-choose-file {
+  display: inline-block;
+  width: auto;
+  margin: 4px auto 0;
+  padding-left: 5px;
+  padding-right: 5px;
+}
+.wysiwyg-toolbar .dropdown-menu input[type=text] {
+  margin-left: 8px;
+  margin-bottom: 0;
+}
+.wysiwyg-toolbar .dropdown-menu input[type=text].form-control {
+  min-width: 150px;
+}
+.wysiwyg-toolbar .dropdown-menu .btn {
+  margin-right: 8px;
+  margin-left: 8px;
+}
+.wysiwyg-style1 .btn-colorpicker {
+  width: 20px;
+  height: 20px;
+  margin-left: 4px;
+}
+@media screen and (-webkit-min-device-pixel-ratio: 0) {
+  /* for adding image resize functionality in chrome and safari */
+  .wysiwyg-editor img {
+    display: inline !important;
+  }
+  .wysiwyg-editor .ui-wrapper {
+    border: 1px dotted #D00;
+    overflow: visible !important;
+    /* because it's image only, so it's ok */
+    display: inline-block !important;
+    vertical-align: middle;
+  }
+  .wysiwyg-editor .ui-wrapper:after {
+    content: "";
+    display: block;
+    position: absolute;
+    right: -3px;
+    bottom: -3px;
+    width: 7px;
+    height: 7px;
+    border: 1px solid #D00;
+    background-color: #FFF;
+    z-index: 1;
+  }
+}
+/* inside widget */
+.widget-header .wysiwyg-toolbar {
+  background-color: transparent;
+}
+.widget-header .wysiwyg-toolbar .btn-group > .btn,
+.widget-header .wysiwyg-toolbar .btn-group > .inline > .btn {
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.25) !important;
+  color: #FFF !important;
+  min-width: 32px;
+  border-width: 1px !important;
+  border-radius: 4px !important;
+  padding: 2px 1px 4px;
+}
+.widget-header .wysiwyg-toolbar .btn-group > .btn.active,
+.widget-header .wysiwyg-toolbar .btn-group > .inline > .btn.active {
+  background: rgba(0, 0, 0, 0.25) !important;
+}
+.widget-body .wysiwyg-editor {
+  border-width: 0;
+}
+.wysiwyg-speech-input {
+  width: 20px !important;
+  color: transparent !important;
+  background: transparent none !important;
+  border-width: 0 !important;
+  -moz-transform: scale(2.0, 2.0);
+  -webkit-transform: scale(2.0, 2.0);
+  -o-transform: scale(2.0, 2.0);
+  -ms-transform: scale(2.0, 2.0);
+  transform: scale(2.0, 2.0);
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  position: absolute;
+  right: 0;
+  top: -10px;
+  cursor: pointer;
+}
+.wysiwyg-speech-input:focus {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+}
+.widget-body .md-header {
+  margin-top: -30px;
+  margin-left: 9px;
+}
+.widget-body .md-header .btn {
+  border-color: transparent;
+  background: rgba(255, 255, 255, 0.25) !important;
+  color: #FFF !important;
+  text-align: center;
+  min-width: 32px;
+  border-width: 1px !important;
+  border-radius: 4px !important;
+  padding: 2px 4px 4px;
+}
+.widget-body .md-header .btn > .ace-icon {
+  font-size: 14px;
+  width: 25px;
+  max-width: 25px;
+  display: inline-block;
+}
+.widget-body .md-header .btn-inverse {
+  background: rgba(0, 0, 0, 0.25) !important;
+  padding-right: 5px;
+  margin-left: 4px;
+}
+.md-fullscreen-controls {
+  display: none;
+}
+.widget-body .md-preview {
+  padding: 8px;
+  min-height: 200px;
+}
+.widget-body .md-input {
+  border: none !important;
+  box-shadow: none !important;
+  display: block;
+  margin-bottom: 0;
+  background-color: rgba(48, 126, 204, 0.07);
+  padding: 8px;
+  width: 100%;
+}
+.widget-body .md-input:focus {
+  background-color: #FFF;
+  box-shadow: none !important;
+}
+.editable-container .popover-title {
+  color: #438EB9;
+}
+.editable-click {
+  border-bottom: 1px dashed #BBB;
+  cursor: pointer;
+  font-weight: normal;
+}
+img.editable-click {
+  border: 1px dotted #BBB;
+}
+.editable-click:hover {
+  border-color: #0088CC;
+  color: #0088CC;
+}
+img.editable-click:hover {
+  opacity: 0.75;
+  filter: alpha(opacity=75);
+}
+.editable-buttons,
+.editable-input {
+  display: inline-block;
+}
+.editable-buttons {
+  margin-left: 1px;
+}
+.editable-buttons .btn {
+  padding: 0;
+  width: 28px;
+  line-height: 24px;
+  border-width: 3px;
+  font-size: 12px;
+  margin: 0 1px 0 0;
+}
+.editable-buttons .btn > .ace-icon {
+  margin: 0;
+}
+.editable-clear-x {
+  cursor: pointer;
+  color: #888;
+  background: none;
+}
+.editable-clear-x:hover {
+  color: #D15B47;
+}
+.editable-clear-x:before {
+  display: inline-block;
+  content: "\f057";
+  font-family: FontAwesome;
+  font-size: 15px;
+  position: absolute;
+  margin-top: -9px;
+  width: 16px;
+  height: 30px;
+  line-height: 30px;
+  text-align: center;
+}
+.editable-input .ace-spinner {
+  margin-right: 8px;
+}
+.editable-input .ace-spinner .spinner-input {
+  width: 100%;
+}
+.editable-inline .editable-slider {
+  margin-top: 10px;
+  margin-right: 4px;
+}
+.editable-popup .editable-slider {
+  display: block;
+  margin-bottom: 16px;
+  margin-top: 4px;
+}
+.editable-slider input[type=text] {
+  display: none;
+}
+.editable-slider input[type=range] {
+  outline: none !important;
+}
+.editable-input .ace-file-input {
+  display: block;
+}
+.editable-image .ace-file-multiple .ace-file-container.selected {
+  border-color: transparent;
+}
+.editable-image + .editable-buttons,
+.editable-wysiwyg + .editable-buttons {
+  display: block;
+  text-align: center;
+  margin-top: 8px;
+}
+.editable-wysiwyg {
+  width: 95%;
+}
+.editable-wysiwyg .wysiwyg-editor {
+  height: auto;
+  overflow-y: hidden;
+}
+.editableform .input-append.dropdown-menu {
+  display: none;
+}
+.editableform .open .input-append.dropdown-menu {
+  display: block;
+}
+.editable-container .editableform {
+  margin-bottom: 10px;
+}
+.editable-inline .editableform {
+  margin-bottom: 0;
+}
+.editableform .control-group {
+  display: block;
+}
+.editableform-loading {
+  background: none;
+}
+.editableform-loading .ace-icon,
+.editableform-loading .progress {
+  position: relative;
+  top: 35%;
+}
+.input-group.date .input-group-addon {
+  cursor: pointer;
+}
+.datepicker td,
+.daterangepicker td,
+.datepicker th,
+.daterangepicker th {
+  border-radius: 0 !important;
+  font-size: 13px;
+}
+.datepicker td.active,
+.daterangepicker td.active,
+.datepicker td.active:hover,
+.daterangepicker td.active:hover {
+  background: #2283c5 !important;
+}
+.datepicker td.active.disabled,
+.daterangepicker td.active.disabled,
+.datepicker td.active.disabled:hover,
+.daterangepicker td.active.disabled:hover {
+  background: #8b9aa3 !important;
+}
+.datepicker td,
+.datepicker th {
+  min-width: 32px;
+}
+.datepicker-dropdown.datepicker-orient-bottom:after,
+.datepicker-dropdown.datepicker-orient-bottom:before {
+  top: auto;
+}
+.daterangepicker .calendar-date {
+  border-radius: 0;
+}
+.datepicker-months .month,
+.datepicker-years .year {
+  border-radius: 0 !important;
+}
+.datepicker-months .month.active,
+.datepicker-years .year.active,
+.datepicker-months .month.active:hover,
+.datepicker-years .year.active:hover,
+.datepicker-months .month.active:focus,
+.datepicker-years .year.active:focus,
+.datepicker-months .month.active:active,
+.datepicker-years .year.active:active {
+  background-image: none !important;
+  background-color: #2283c5 !important;
+}
+.bootstrap-timepicker-widget table td input {
+  width: 32px;
+}
+.well .datepicker table tr td.day:hover {
+  background-color: #7d8893;
+  color: #FFF;
+}
+.bootstrap-timepicker-widget table td a:hover {
+  border-radius: 0;
+}
+.daterangepicker.opensleft:before,
+.daterangepicker.opensright:before {
+  -moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
+}
+.daterangepicker.opensleft:after,
+.daterangepicker.opensright:after {
+  -moz-border-bottom-colors: #fff;
+}
+.datepicker-dropdown:before {
+  -moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
+}
+.datepicker-dropdown:after {
+  -moz-border-bottom-colors: #fff;
+}
+.datepicker-dropdown.datepicker-orient-bottom:before {
+  -moz-border-top-colors: #999;
+}
+.datepicker-dropdown.datepicker-orient-bottom:after {
+  -moz-border-top-colors: #FFF;
+}
+.bootstrap-timepicker-widget.dropdown-menu:before {
+  -moz-border-bottom-colors: rgba(0, 0, 0, 0.2);
+}
+.bootstrap-timepicker-widget.dropdown-menu:after {
+  -moz-border-bottom-colors: #FFF;
+}
+.bootstrap-timepicker-widget.timepicker-orient-bottom:before {
+  -moz-border-top-colors: #999;
+}
+.bootstrap-timepicker-widget.timepicker-orient-bottom:after {
+  -moz-border-top-colors: #FFF;
+}
+.bootstrap-datetimepicker-widget [class=btn] {
+  border-width: 0 !important;
+  background-color: transparent !important;
+  color: #7399b8 !important;
+  text-shadow: none !important;
+}
+.bootstrap-datetimepicker-widget [class=btn]:hover {
+  color: #1B6AAA !important;
+}
+.bootstrap-datetimepicker-widget .btn.btn-primary {
+  border-width: 3px !important;
+}
+.bootstrap-datetimepicker-widget .picker-switch {
+  margin-bottom: 2px;
+}
+.bootstrap-datetimepicker-widget .picker-switch .btn {
+  width: 90% !important;
+  background-color: #EEE !important;
+  color: #478fca !important;
+  font-size: 16px;
+}
+.bootstrap-datetimepicker-widget .picker-switch .btn:hover {
+  background-color: #e3edf5 !important;
+}
+.bootstrap-datetimepicker-widget td span {
+  border-radius: 0;
+}
+.bootstrap-datetimepicker-widget .timepicker-hour,
+.bootstrap-datetimepicker-widget .timepicker-minute,
+.bootstrap-datetimepicker-widget .timepicker-second {
+  color: #555 !important;
+}
+.ui-slider {
+  background-color: #D5D5D5;
+}
+.ui-slider-horizontal {
+  height: 9px;
+}
+.ui-slider-vertical {
+  width: 9px;
+}
+.ui-slider .ui-slider-handle {
+  border-radius: 0;
+  width: 1.45em;
+  height: 1.45em;
+  background-color: #F8F8F8;
+  border: 1px solid;
+}
+.ui-slider .ui-slider-handle:before,
+.ui-slider .ui-slider-handle:after {
+  display: block;
+  content: "";
+  position: absolute;
+  top: 4px;
+  left: 5px;
+  width: 4px;
+  height: 8px;
+  border: 1px solid;
+  border-width: 0 1px;
+  border-color: inherit;
+}
+.ui-slider .ui-slider-handle:after {
+  left: 8px;
+  border-width: 0 1px 0 0;
+}
+.ui-slider .ui-slider-handle:hover {
+  background-color: #FFF;
+}
+.ui-slider .ui-slider-handle:hover,
+.ui-slider .ui-slider-handle:focus,
+.ui-slider .ui-slider-handle:active {
+  outline: none;
+  -webkit-box-shadow: 1px 1px 1px 0px rgba(0,0,0,.3);
+  box-shadow: 1px 1px 1px 0px rgba(0,0,0,.3);
+}
+.ui-slider-horizontal .ui-slider-handle {
+  margin-left: -0.725em;
+  top: -0.4em;
+}
+.ui-slider-vertical .ui-slider-handle {
+  left: -0.35em;
+  margin-bottom: -0.65em;
+}
+.ui-slider-small.ui-slider-horizontal {
+  height: 5px;
+}
+.ui-slider-small.ui-slider-vertical {
+  width: 5px;
+}
+.ui-slider-small .ui-slider-handle {
+  border-radius: 100%;
+  width: 17px;
+  height: 17px;
+  margin-bottom: -0.45em;
+  left: -0.35em;
+}
+.ui-slider-small .ui-slider-handle:before,
+.ui-slider-small .ui-slider-handle:after {
+  height: 7px;
+  left: 5px;
+  width: 3px;
+}
+.ui-slider-small .ui-slider-handle:after {
+  left: 7px;
+}
+.ui-slider-simple .ui-slider-handle:after,
+.ui-slider-simple .ui-slider-handle:before {
+  display: none;
+}
+/* colors */
+.ui-slider-range {
+  background-color: #4aa4ce;
+}
+.ui-slider-handle {
+  outline: none !important;
+  border-color: #4aa4ce !important;
+}
+.ui-state-disabled.ui-slider {
+  background-color: #E5E5E5;
+}
+.ui-state-disabled .ui-slider-range {
+  background-color: #8daebe;
+}
+.ui-state-disabled .ui-slider-handle {
+  -webkit-box-shadow: none !important;
+  box-shadow: none !important;
+  border-color: #8daebe !important;
+}
+.ui-slider-green .ui-slider-range {
+  background-color: #8bbc67;
+}
+.ui-slider-green .ui-slider-handle {
+  border-color: #8bbc67 !important;
+}
+.ui-slider-green.ui-state-disabled .ui-slider-range {
+  background-color: #aab0a6;
+}
+.ui-slider-green.ui-state-disabled .ui-slider-handle {
+  border-color: #aab0a6 !important;
+}
+.ui-slider-red .ui-slider-range {
+  background-color: #d36e6e;
+}
+.ui-slider-red .ui-slider-handle {
+  border-color: #d36e6e !important;
+}
+.ui-slider-red.ui-state-disabled .ui-slider-range {
+  background-color: #c8acac;
+}
+.ui-slider-red.ui-state-disabled .ui-slider-handle {
+  border-color: #c8acac !important;
+}
+.ui-slider-purple .ui-slider-range {
+  background-color: #ac68ba;
+}
+.ui-slider-purple .ui-slider-handle {
+  border-color: #ac68ba !important;
+}
+.ui-slider-purple.ui-state-disabled .ui-slider-range {
+  background-color: #ada7ae;
+}
+.ui-slider-purple.ui-state-disabled .ui-slider-handle {
+  border-color: #ada7ae !important;
+}
+.ui-slider-orange .ui-slider-range {
+  background-color: #efad62;
+}
+.ui-slider-orange .ui-slider-handle {
+  border-color: #efad62 !important;
+}
+.ui-slider-orange.ui-state-disabled .ui-slider-range {
+  background-color: #e0c4a4;
+}
+.ui-slider-orange.ui-state-disabled .ui-slider-handle {
+  border-color: #e0c4a4 !important;
+}
+.ui-slider-dark .ui-slider-range {
+  background-color: #606060;
+}
+.ui-slider-dark .ui-slider-handle {
+  border-color: #606060 !important;
+}
+.ui-slider-dark.ui-state-disabled .ui-slider-range {
+  background-color: #7a7a7a;
+}
+.ui-slider-dark.ui-state-disabled .ui-slider-handle {
+  border-color: #7a7a7a !important;
+}
+.ui-slider-pink .ui-slider-range {
+  background-color: #d6487e;
+}
+.ui-slider-pink .ui-slider-handle {
+  border-color: #d6487e !important;
+}
+.ui-slider-pink.ui-state-disabled .ui-slider-range {
+  background-color: #c38ea2;
+}
+.ui-slider-pink.ui-state-disabled .ui-slider-handle {
+  border-color: #c38ea2 !important;
+}
+.ui-datepicker {
+  background-color: #FFF;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.ui-datepicker .ui-datepicker-prev,
+.ui-datepicker .ui-datepicker-next {
+  height: 26px;
+  min-width: 32px;
+  max-width: 32px;
+  text-align: center;
+  cursor: pointer;
+  color: transparent;
+  line-height: 26px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.ui-datepicker .ui-datepicker-prev .ui-icon,
+.ui-datepicker .ui-datepicker-next .ui-icon {
+  color: transparent;
+  visibility: hidden;
+}
+.ui-datepicker .ui-datepicker-prev:hover,
+.ui-datepicker .ui-datepicker-next:hover {
+  background-color: #EEE;
+  text-decoration: none;
+}
+.ui-datepicker .ui-datepicker-prev:before,
+.ui-datepicker .ui-datepicker-next:before {
+  display: inline;
+  font-family: FontAwesome;
+  font-size: 14px;
+  content: "\f060";
+  color: #393939;
+}
+.ui-datepicker .ui-datepicker-prev-hover,
+.ui-datepicker .ui-datepicker-next-hover {
+  top: 2px;
+}
+.ui-datepicker .ui-datepicker-next:before {
+  content: "\f061";
+}
+.ui-datepicker .ui-datepicker-prev-hover {
+  left: 2px;
+}
+.ui-datepicker .ui-datepicker-next-hover {
+  right: 2px;
+}
+.ui-datepicker td {
+  padding: 0;
+}
+.ui-datepicker td > a,
+.ui-datepicker td > span {
+  display: inline-block;
+  height: 22px;
+  min-width: 24px;
+  max-width: 24px;
+  text-align: center;
+  color: #393939;
+  font-size: 13px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.ui-datepicker td > a:hover {
+  background-color: #EEE;
+}
+.ui-datepicker td > a.ui-state-highlight {
+  background-color: #D5E5EF;
+}
+.ui-datepicker td > a.ui-state-active {
+  background-color: #2283c5;
+  color: #FFF;
+}
+.ui-datepicker td > a.ui-priority-secondary {
+  color: #888;
+}
+.ui-datepicker td > span {
+  color: #999;
+}
+.ui-datepicker td .ui-datepicker-title select {
+  height: 24px;
+  line-height: 24px;
+  padding: 2px 3px;
+}
+.ui-datepicker td .ui-datepicker-buttonpane {
+  background-color: #DDD;
+  height: 1px;
+}
+/* dialog */
+.ui-widget-overlay {
+  background: rgba(0, 0, 0, 0.25);
+  opacity: 1 !important;
+  filter: alpha(opacity=100) !important;
+  z-index: 1039 !important;
+}
+.ui-dialog,
+.ui-jqdialog {
+  z-index: 1040 !important;
+  background-color: #FFF;
+  padding: 0;
+  border: 1px solid #DDD;
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.ui-dialog .ui-dialog-titlebar,
+.ui-jqdialog .ui-dialog-titlebar,
+.ui-dialog .ui-jqdialog-titlebar,
+.ui-jqdialog .ui-jqdialog-titlebar {
+  background-color: #F1F1F1;
+  font-size: 16px;
+  color: #669fc7;
+  padding: 0;
+}
+.ui-dialog .ui-dialog-title,
+.ui-jqdialog .ui-dialog-title,
+.ui-dialog .ui-jqdialog-title,
+.ui-jqdialog .ui-jqdialog-title {
+  float: none !important;
+  width: auto;
+}
+.ui-dialog .widget-header,
+.ui-jqdialog .widget-header {
+  margin: 0;
+  border-width: 0 0 1px 0;
+}
+.ui-dialog .ui-dialog-buttonpane,
+.ui-jqdialog .ui-dialog-buttonpane,
+.ui-dialog .ui-jqdialog-buttonpane,
+.ui-jqdialog .ui-jqdialog-buttonpane {
+  background-color: #eff3f8;
+  border-top: 1px solid #e4e9ee;
+}
+.ui-dialog .ui-dialog-buttonpane button,
+.ui-jqdialog .ui-dialog-buttonpane button,
+.ui-dialog .ui-jqdialog-buttonpane button,
+.ui-jqdialog .ui-jqdialog-buttonpane button {
+  font-size: 14px;
+}
+.ui-dialog .ui-dialog-titlebar-close,
+.ui-jqdialog .ui-dialog-titlebar-close,
+.ui-dialog .ui-jqdialog-titlebar-close,
+.ui-jqdialog .ui-jqdialog-titlebar-close {
+  border: none;
+  background: transparent;
+  opacity: 0.4;
+  color: #d15b47;
+  padding: 0;
+  top: 50%;
+  right: 8px !important;
+  text-align: center;
+}
+.ui-dialog .ui-dialog-titlebar-close:before,
+.ui-jqdialog .ui-dialog-titlebar-close:before,
+.ui-dialog .ui-jqdialog-titlebar-close:before,
+.ui-jqdialog .ui-jqdialog-titlebar-close:before {
+  content: "\f00d";
+  display: inline;
+  font-family: FontAwesome;
+  font-size: 16px;
+}
+.ui-dialog .ui-dialog-titlebar-close:hover,
+.ui-jqdialog .ui-dialog-titlebar-close:hover,
+.ui-dialog .ui-jqdialog-titlebar-close:hover,
+.ui-jqdialog .ui-jqdialog-titlebar-close:hover {
+  opacity: 1;
+  text-decoration: none;
+  padding: 0;
+}
+.ui-dialog .ui-dialog-titlebar-close .ui-button-text,
+.ui-jqdialog .ui-dialog-titlebar-close .ui-button-text,
+.ui-dialog .ui-jqdialog-titlebar-close .ui-button-text,
+.ui-jqdialog .ui-jqdialog-titlebar-close .ui-button-text {
+  text-indent: 0;
+  visibility: hidden;
+}
+.ui-dialog .widget-header .ui-dialog-titlebar-close,
+.ui-jqdialog .widget-header .ui-dialog-titlebar-close,
+.ui-dialog .widget-header .ui-jqdialog-titlebar-close,
+.ui-jqdialog .widget-header .ui-jqdialog-titlebar-close {
+  right: 10px !important;
+}
+/* accordion */
+.ui-accordion .ui-accordion-header {
+  color: #478fca;
+  font-weight: normal;
+  background-color: #F9F9F9;
+  border: 1px solid #cdd8e3;
+  padding: 8px 8px 9px 24px;
+}
+.ui-accordion .ui-accordion-header:hover {
+  color: #6ea6cc;
+  background-color: #f1f8fd;
+}
+.ui-accordion .ui-accordion-header.ui-state-active {
+  color: #4c8fbd;
+  background-color: #eef4f9;
+  position: relative;
+  font-weight: bold;
+}
+.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
+  text-indent: 0;
+  margin-top: 0;
+  position: absolute;
+  left: 10px;
+  top: 7px;
+}
+.ui-accordion .ui-accordion-header .ui-accordion-header-icon:before {
+  display: inline;
+  font-family: FontAwesome;
+  font-size: 15px;
+  content: "\f0da";
+}
+.ui-accordion .ui-accordion-header.ui-state-active .ui-accordion-header-icon:before {
+  content: "\f0d7";
+  font-weight: normal;
+}
+.ui-accordion .ui-accordion-content {
+  border: 1px solid #cdd8e3;
+  border-top-width: 0;
+  padding: 11px 16px;
+}
+/* tabs */
+.ui-tabs .ui-tabs-nav {
+  padding: 0;
+  border-bottom: 1px solid #C5D0DC;
+}
+.ui-tabs .ui-tabs-nav li.ui-state-default > a {
+  background-color: #F9F9F9;
+  border: 1px solid #C5D0DC;
+  border-bottom-width: 0;
+  color: #999;
+  line-height: 16px;
+  margin-right: -1px;
+  z-index: 11;
+  padding: 8px 12px;
+  position: relative;
+  top: 2px;
+}
+.ui-tabs .ui-tabs-nav li > a:focus {
+  outline: none;
+}
+.ui-tabs .ui-tabs-nav li.ui-tabs-active > a {
+  background-color: #FFF;
+  border: 1px solid;
+  border-color: #4C8FBD #C5D0DC transparent;
+  border-top-width: 2px;
+  -webkit-box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
+  box-shadow: 0 -2px 3px 0 rgba(0, 0, 0, 0.15);
+  color: #576373;
+  position: relative;
+  top: 1px;
+}
+.ui-tabs .ui-tabs-panel {
+  border: 1px solid #C5D0DC;
+  border-top-width: 0;
+  margin: 0;
+  left: auto;
+  right: auto;
+  top: auto;
+  bottom: auto;
+}
+/* menu */
+.ui-menu {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  width: 150px;
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  background-color: #FFF;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  padding: 3px;
+}
+.ui-menu .ui-state-focus,
+.ui-menu .ui-state-active {
+  margin: auto;
+}
+.ui-menu .ui-menu-item {
+  padding: 5px 10px 6px;
+  color: #444;
+  cursor: pointer;
+  display: block;
+  -webkit-box-sizing: inherit;
+  -moz-box-sizing: inherit;
+  box-sizing: inherit;
+}
+.ui-menu .ui-menu-item .ui-menu-icon {
+  float: right;
+  position: relative;
+  left: auto;
+  right: 4px;
+  bottom: auto;
+  text-indent: 0;
+}
+.ui-menu .ui-menu-item .ui-menu-icon:before {
+  content: "\f105";
+  font-family: FontAwesome;
+  font-size: 14px;
+  display: inline;
+}
+.ui-menu .ui-menu-item:hover,
+.ui-menu .ui-state-focus,
+.ui-menu .ui-state-active,
+.ui-menu .ui-menu-item:hover > .ui-menu-icon,
+.ui-menu .ui-state-focus > .ui-menu-icon,
+.ui-menu .ui-state-active > .ui-menu-icon {
+  text-decoration: none;
+  background-color: #4f99c6;
+  color: #FFF;
+  margin: auto;
+  font-weight: normal;
+}
+.ui-menu .ui-menu-item:hover .ui-menu-icon,
+.ui-menu .ui-state-focus .ui-menu-icon,
+.ui-menu .ui-state-active .ui-menu-icon,
+.ui-menu .ui-menu-item:hover > .ui-menu-icon .ui-menu-icon,
+.ui-menu .ui-state-focus > .ui-menu-icon .ui-menu-icon,
+.ui-menu .ui-state-active > .ui-menu-icon .ui-menu-icon {
+  color: #FFF;
+}
+.ui-menu .ui-state-disabled,
+.ui-menu .ui-state-disabled .ui-menu-icon {
+  color: #999;
+  cursor: default;
+}
+.ui-menu .ui-state-disabled:hover,
+.ui-menu .ui-state-disabled.ui-state-focus,
+.ui-menu .ui-state-disabled.ui-state-active,
+.ui-menu .ui-state-disabled:hover .ui-menu-icon,
+.ui-menu .ui-state-disabled.ui-state-focus .ui-menu-icon,
+.ui-menu .ui-state-disabled.ui-state-active .ui-menu-icon {
+  background-color: #FFF;
+  color: #999;
+}
+/* auto complete */
+.ui-autocomplete {
+  background-color: #FFF;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.ui-autocomplete-category {
+  padding: 6px;
+  position: relative;
+  background-color: #eef4f9;
+  color: #478fca;
+  font-weight: bolder;
+  border: 1px solid #DAE6ED;
+  border-width: 1px 0;
+}
+.ui-spinner-button {
+  border-width: 0 !important;
+  font-size: 10px;
+  height: 16px;
+  line-height: 16px;
+  width: 18px;
+  color: #FFFFFF !important;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important;
+  display: inline-block;
+  position: absolute;
+  text-align: center;
+  padding: 0;
+}
+.ui-spinner-button > .ace-icon {
+  width: 18px;
+  display: inline-block;
+}
+.ui-spinner-up {
+  top: 0;
+  right: 5px;
+}
+.ui-spinner-down {
+  bottom: 3px;
+  right: 5px;
+}
+.ui-spinner-input {
+  margin-top: 0;
+  padding: 5px;
+  max-width: 100px;
+  font-size: 14px;
+}
+.ui-tooltip {
+  background-color: #444;
+  color: #FFF;
+}
+.ui-progressbar {
+  background-color: #f5f5f5;
+  height: 22px;
+}
+.ui-progressbar .ui-progressbar-value {
+  margin: 0;
+}
+.ui-progressbar .ui-progressbar-value[class="progress-bar"] {
+  background-color: #2a91d8;
+}
+.ui-selectmenu-button {
+  border: 1px solid #aaa;
+}
+.ui-selectmenu-button[aria-expanded=true] {
+  border-color: #4492C9;
+}
+.ui-selectmenu-button span.ui-icon {
+  text-indent: 0;
+  margin-top: -10px;
+}
+.ui-selectmenu-button .ui-icon:before {
+  content: "\f0d7";
+  display: inline-block;
+  color: #888;
+  font-family: FontAwesome;
+  font-size: 14px;
+}
+.ui-jqgrid .ui-jqgrid-view,
+.ui-jqgrid .ui-paging-info,
+.ui-jqgrid .ui-pg-table,
+.ui-jqgrid .ui-pg-selbox {
+  font-size: 13px;
+}
+.ui-jqgrid .ui-jqgrid-title {
+  float: left;
+  margin: 8px;
+}
+.ui-jqgrid .ui-jqgrid-title-rtl {
+  float: right;
+  margin: 8px;
+}
+.ui-jqgrid-view > .ui-jqgrid-titlebar {
+  height: 40px;
+  line-height: 24px;
+  color: #FFF;
+  background: #307ecc;
+  padding: 0;
+  font-size: 15px;
+}
+.ui-jqgrid tr.jqgrow.ui-row-rtl td:last-child {
+  border-right: none;
+  border-left: 1px solid #E1E1E1;
+}
+.ui-jqgrid .ui-jqgrid-hdiv {
+  background-color: #eff3f8;
+  border: 1px solid #D3D3D3;
+  border-width: 1px 0 0 1px;
+  line-height: 15px;
+  font-weight: bold;
+  color: #777;
+  text-shadow: none;
+}
+.ui-jqgrid .ui-jqgrid-htable thead {
+  background-color: #eff3f8;
+}
+.ui-jqgrid .ui-jqgrid-htable th span.ui-jqgrid-resize {
+  height: 45px !important;
+}
+.ui-jqgrid .ui-jqgrid-htable th div {
+  padding-top: 12px;
+  padding-bottom: 12px;
+}
+.ui-jqgrid-hdiv .ui-jqgrid-htable {
+  border-top: none;
+}
+.ui-jqgrid-hdiv .ui-jqgrid-htable {
+  border-top: 1px solid #E1E1E1;
+}
+.ui-jqgrid-titlebar {
+  position: relative;
+  top: 1px;
+  z-index: 1;
+}
+.ui-jqgrid tr.jqgrow,
+.ui-jqgrid tr.ui-row-ltr,
+.ui-jqgrid tr.ui-row-rtl {
+  border: none;
+}
+.ui-jqgrid tr.ui-row-ltr td,
+.ui-jqgrid tr.ui-row-rtl td {
+  border-bottom: 1px solid #E1E1E1;
+  padding: 6px 4px;
+  border-color: #E1E1E1;
+}
+.ui-jqgrid tr.ui-state-highlight.ui-row-ltr td {
+  border-right-color: #C7D3A9;
+}
+.ui-jqgrid tr.ui-state-highlight.ui-row-rtl td {
+  border-left-color: #C7D3A9;
+}
+.ui-jqgrid-btable .ui-widget-content.ui-priority-secondary {
+  background-image: none;
+  background-color: #F9F9F9;
+  opacity: 1;
+}
+.ui-jqgrid-btable .ui-widget-content.ui-state-hover {
+  background-image: none;
+  background-color: #EFF4F7;
+  opacity: 1;
+}
+.ui-jqgrid-btable .ui-widget-content.ui-state-highlight {
+  background-color: #E4EFC9;
+}
+.ui-jqgrid .ui-jqgrid-pager {
+  line-height: 15px;
+  height: 55px;
+  padding-top: 3px !important;
+  padding-bottom: 5px !important;
+  background-color: #eff3f8 !important;
+  border-bottom: 1px solid #E1E1E1 !important;
+  border-top: 1px solid #E1E1E1 !important;
+}
+.ui-jqgrid .ui-pg-input {
+  font-size: inherit;
+  width: 24px;
+  height: 20px;
+  line-height: 16px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  text-align: center;
+  padding-top: 1px;
+  padding-bottom: 1px;
+}
+.ui-jqgrid .ui-pg-selbox {
+  display: block;
+  height: 24px;
+  width: 60px;
+  margin: 0;
+  padding: 1px;
+  line-height: normal;
+}
+.ui-jqgrid .ui-jqgrid-htable th div {
+  overflow: visible;
+}
+.ui-jqgrid .ui-pager-control {
+  height: 50px;
+  position: relative;
+  padding-left: 9px;
+  padding-right: 9px;
+}
+.ui-jqgrid .ui-jqgrid-toppager {
+  height: auto !important;
+  background-color: #eff3f8;
+  border-bottom: 1px solid #E1E1E1 !important;
+}
+.ui-jqgrid .jqgrow .editable {
+  max-width: 90%;
+  max-width: calc(92%) !important;
+}
+.ui-pg-table .navtable .ui-corner-all {
+  border-radius: 0;
+}
+.ui-jqgrid .ui-pg-button:hover {
+  padding: 1px;
+}
+.ui-jqgrid .ui-pg-button .ui-separator {
+  margin-left: 4px;
+  margin-right: 4px;
+  border-color: #C9D4DB;
+}
+.ui-jqgrid .ui-jqgrid-btable {
+  border-left: 1px solid #E1E1E1;
+}
+.ui-jqgrid .ui-jqgrid-bdiv {
+  border-top: 1px solid #E1E1E1;
+}
+.ui-jqgrid .loading {
+  position: absolute;
+  top: 45%;
+  left: 45%;
+  width: auto;
+  height: auto;
+  z-index: 101;
+  padding: 6px;
+  margin: 5px;
+  text-align: center;
+  font-weight: bold;
+  font-size: 12px;
+  background-color: #FFF;
+  border: 2px solid #8EB8D1;
+  color: #E2B018;
+}
+.ui-jqgrid .ui-search-toolbar {
+  border-top: 1px solid #E1E1E1;
+}
+.ui-jqgrid .ui-jqgrid-labels {
+  border-bottom: none;
+  background: #F2F2F2;
+  background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
+  background-image: -o-linear-gradient(top, #f8f8f8 0%, #ececec 100%);
+  background-image: linear-gradient(to bottom, #f8f8f8 0%, #ececec 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffececec', GradientType=0);
+  padding: 0 !important;
+  border-left: 1px solid #E1E1E1 !important;
+}
+.ui-jqgrid .ui-jqgrid-labels th {
+  border-right: 1px solid #E1E1E1 !important;
+  text-align: left !important;
+}
+/* checkbox container */
+.ui-jqgrid-labels th[id*="_cb"]:first-child > div {
+  padding-top: 0;
+  text-align: center !important;
+}
+.ui-jqgrid-sortable {
+  padding-left: 4px;
+  font-size: 13px;
+  color: #777;
+  font-weight: bold;
+}
+.ui-jqgrid-sortable:hover {
+  color: #547ea8;
+}
+th[aria-selected=true] {
+  background-image: -webkit-linear-gradient(top, #eff3f8 0%, #e3e7ed 100%);
+  background-image: -o-linear-gradient(top, #eff3f8 0%, #e3e7ed 100%);
+  background-image: linear-gradient(to bottom, #eff3f8 0%, #e3e7ed 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeff3f8', endColorstr='#ffe3e7ed', GradientType=0);
+}
+th[aria-selected=true] .ui-jqgrid-sortable {
+  color: #307ecc;
+}
+.ui-jqgrid .ui-icon {
+  text-indent: 0;
+  color: #307ecc;
+  float: none;
+  right: 2px;
+}
+.rtl .ui-jqgrid .ui-icon {
+  right: auto;
+  left: 2px;
+}
+.ui-jqgrid .ui-icon.ui-state-disabled {
+  color: #BBB;
+}
+.ui-jqgrid .ui-icon.ui-state-disabled:hover {
+  padding: 0;
+}
+.ui-grid-ico-sort:before {
+  display: inline;
+  content: "\f0d7";
+  font-family: FontAwesome;
+  font-size: 12px;
+}
+.ui-icon-asc:before {
+  content: "\f0d8";
+}
+.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon {
+  display: inline-block;
+  padding: 0;
+  width: 24px;
+  height: 24px;
+  line-height: 22px;
+  text-align: center;
+  position: static;
+  float: none;
+  margin: 0 2px !important;
+  color: #808080;
+  border: 1px solid #CCC;
+  background-color: #FFF;
+  border-radius: 100%;
+}
+.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon:hover {
+  color: #699AB5;
+  border-color: #699AB5;
+}
+.ui-pg-table > tbody > tr > .ui-pg-button > .ui-icon:before {
+  width: 20px;
+  text-align: center;
+  display: inline-block;
+}
+.ui-pg-table > tbody > tr > .ui-pg-button.ui-state-disabled .ui-icon {
+  color: #B0B0B0;
+  background-color: #F7F7F7;
+  border-color: #DDD;
+  -moz-transform: scale(0.9);
+  -webkit-transform: scale(0.9);
+  -o-transform: scale(0.9);
+  -ms-transform: scale(0.9);
+  transform: scale(0.9);
+}
+.ui-jqgrid-btable input,
+.ui-jqgrid-btable textarea,
+.ui-jqgrid-btable select {
+  padding: 2px;
+  width: auto;
+  max-width: 100%;
+  margin-bottom: 0;
+}
+.ui-jqgrid-btable select {
+  padding: 1px;
+  height: 25px;
+  line-height: 25px;
+}
+.ui-pg-div .ui-icon {
+  display: inline-block;
+  width: 18px;
+  float: none;
+  position: static;
+  text-align: center;
+  opacity: 0.85;
+  -webkit-transition: all 0.12s;
+  -o-transition: all 0.12s;
+  transition: all 0.12s;
+  margin: 0 1px;
+  vertical-align: middle;
+  cursor: pointer;
+  font-size: 17px;
+}
+.ui-pg-div .ui-icon:hover {
+  -moz-transform: scale(1.2);
+  -webkit-transform: scale(1.2);
+  -o-transform: scale(1.2);
+  -ms-transform: scale(1.2);
+  transform: scale(1.2);
+  opacity: 1;
+  position: static;
+  margin: 0 1px;
+}
+.ui-pg-div .ui-icon:before {
+  font-family: FontAwesome;
+  display: inline;
+}
+.ui-jqgrid .ui-icon-pencil {
+  color: #478FCA;
+}
+.ui-jqgrid .ui-icon-pencil:before {
+  content: "\f040";
+}
+.ui-jqgrid .ui-icon-trash {
+  color: #DD5A43;
+}
+.ui-jqgrid .ui-icon-trash:before {
+  content: "\f014";
+}
+.ui-jqgrid .ui-icon-disk {
+  color: #69AA46;
+}
+.ui-jqgrid .ui-icon-disk:before {
+  content: "\f00c";
+}
+.ui-jqgrid .ui-icon-cancel {
+  color: #DD5A43;
+}
+.ui-jqgrid .ui-icon-cancel:before {
+  content: "\f00d";
+}
+.ui-jqdialog-content,
+.ui-jqdialog .ui-jqdialog-content {
+  font-size: 13px;
+  padding: 4px 0 0;
+}
+.ui-jqdialog-content .formdata,
+.ui-jqdialog .ui-jqdialog-content .formdata {
+  font-size: 13px;
+  padding: 6px 12px;
+}
+.ui-jqdialog-content .form-view-data,
+.ui-jqdialog .ui-jqdialog-content .form-view-data {
+  vertical-align: middle;
+  font-size: 13px;
+}
+.ui-jqdialog-content[id*="alertcnt_"],
+.ui-jqdialog .ui-jqdialog-content[id*="alertcnt_"] {
+  padding: 8px 11px;
+}
+.ui-jqdialog-content .CaptionTD {
+  font-size: 12px;
+  text-align: right;
+  color: #666;
+}
+.ui-jqdialog-content .FormData {
+  border-bottom: 1px dotted #E8E8E8;
+}
+.ui-jqdialog-content .FormData:last-child {
+  border-bottom: none;
+}
+.ui-jqdialog-content .FormData > td {
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+.ui-jqdialog-content input.FormElement {
+  width: auto;
+}
+.ui-jqdialog-content select.FormElement {
+  padding: 1px;
+  height: 25px;
+  line-height: 25px;
+  width: auto;
+}
+.ui-jqdialog-content td.EditButton {
+  padding: 8px;
+}
+.EditTable {
+  background-color: #eff3f8;
+  border-top: 1px solid #D6E1EA !important;
+  padding: 8px;
+}
+.EditTable tr:first-child {
+  display: none;
+}
+.EditTable .navButton .fm-button {
+  float: none !important;
+  width: auto !important;
+  margin: 1px 1px 2px !important;
+  background-color: transparent;
+  border-radius: 100%;
+}
+.EditTable .navButton .fm-button:hover {
+  background-color: transparent;
+}
+.EditTable .navButton .fm-button:focus {
+  outline: none;
+}
+.EditTable .navButton .fm-button .ace-icon {
+  display: inline-block;
+  color: #999;
+  border: 1px solid #AAA;
+  width: 26px;
+  height: 26px;
+  line-height: 26px;
+  text-align: center;
+  border-radius: 100%;
+  background-color: #FFF;
+}
+.EditTable .navButton .fm-button:hover .ace-icon {
+  color: #699AB5;
+  border-color: #699AB5;
+}
+.EditTable .navButton .fm-button.ui-state-disabled .ace-icon,
+.EditTable .navButton .fm-button.ui-state-disabled:hover .ace-icon {
+  color: #BBB;
+  border-color: #CCC;
+  -moz-transform: scale(0.88);
+  -webkit-transform: scale(0.88);
+  -o-transform: scale(0.88);
+  -ms-transform: scale(0.88);
+  transform: scale(0.88);
+}
+.FormGrid .EditTable {
+  background-color: #FFF;
+  border-top: none !important;
+  padding: 0;
+}
+.FormGrid .EditTable tr:first-child {
+  display: none;
+}
+.ui-jqgrid .ui-jqgrid-view input,
+.ui-jqgrid .ui-jqgrid-view select,
+.ui-jqgrid .ui-jqgrid-view textarea,
+.ui-jqgrid .ui-jqgrid-view button {
+  font-size: 13px;
+}
+.ui-jqdialog-content .searchFilter select {
+  padding: 1px;
+  height: 26px;
+  line-height: 26px;
+  width: auto;
+  max-width: 95%;
+  margin-bottom: 0;
+}
+.ui-jqdialog-content .searchFilter .input-elm {
+  margin-bottom: 0;
+  height: 18px;
+  line-height: 18px;
+  width: 95% !important;
+  padding-left: 1px;
+  padding-right: 1px;
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.ui-jqdialog-content .searchFilter table {
+  margin-left: 4px;
+}
+.ui-jqdialog-content .searchFilter tr td {
+  padding: 5px 0;
+}
+.ui-jqdialog-content .searchFilter .add-group,
+.ui-jqdialog-content .searchFilter .add-rule,
+.ui-jqdialog-content .searchFilter .delete-group {
+  margin-left: 4px !important;
+  font-size: 15px !important;
+}
+.ui-jqdialog-content .searchFilter .delete-rule {
+  border: none;
+  background-color: #FFF;
+  color: #D15B47;
+  font-size: 20px;
+  width: 22px;
+  line-height: 10px;
+  padding: 0;
+  text-shadow: none !important;
+  display: inline-block;
+  -webkit-transition: all 0.1s;
+  -o-transition: all 0.1s;
+  transition: all 0.1s;
+  opacity: 0.85;
+}
+.ui-jqdialog-content .searchFilter .delete-rule:hover {
+  -moz-transform: scale(1.1);
+  -webkit-transform: scale(1.1);
+  -o-transform: scale(1.1);
+  -ms-transform: scale(1.1);
+  transform: scale(1.1);
+  color: #B74635;
+  opacity: 1;
+}
+.ui-jqdialog-content .searchFilter .queryresult {
+  margin-bottom: 11px;
+}
+.ui-jqdialog-content .searchFilter .queryresult td.query {
+  padding: 6px 11px;
+  border: 1px solid #E1E1E1;
+  background-color: #EEEEEE;
+}
+.ui-jqdialog-content .searchFilter .queryresult td.query:empty {
+  display: none;
+}
+.ui-state-error {
+  background-color: #f2dede;
+  border: 1px solid #ebccd1;
+  color: #a94442;
+  margin: 4px 4px 8px;
+  padding: 6px 10px;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+  font-size: 13px;
+}
+.ui-jqdialog .ui-widget-header {
+  background-image: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
+  background-image: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
+  background-image: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
+  background-repeat: repeat-x;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffeeeeee', GradientType=0);
+  border-image: none;
+  border-bottom: 1px solid solid;
+  color: #669FC7;
+  min-height: 38px;
+  position: relative;
+}
+.ui-jqdialog .ui-widget-header .ui-jqdialog-title {
+  line-height: 38px;
+  margin: 0;
+  padding: 0;
+  padding-left: 12px;
+  text-align: left;
+}
+.widget-header .ui-jqdialog-title {
+  padding-left: 0 !important;
+  padding-right: 0 !important;
+}
+.ui-jqdialog .ui-widget-header .widget-header {
+  border-bottom: none;
+}
+.ui-jqdialog .ui-jqdialog-titlebar {
+  border-bottom: 1px solid #DDD !important;
+}
+.fm-button {
+  margin: 0 4px;
+}
+.fm-button:not(.btn) {
+  background-color: #abbac3;
+  border-radius: 0 ;
+  box-shadow: none;
+  color: #FFFFFF ;
+  cursor: pointer;
+  display: inline-block;
+  font-size: 13px;
+  line-height: 28px;
+  padding: 0 12px 1px;
+  margin: 0 8px;
+  position: relative;
+  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+  -webkit-transition: all 0.15s;
+  -o-transition: all 0.15s;
+  transition: all 0.15s;
+  vertical-align: middle;
+}
+.fm-button.ui-state-default:hover {
+  background-color: #8b9aa3;
+}
+.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th {
+  height: 30px;
+  padding-top: 2px;
+  white-space: normal;
+}
+.ui-jqgrid .ui-jqgrid-htable .ui-search-toolbar th div {
+  padding-top: 0;
+  padding-bottom: 0;
+  height: 30px;
+  line-height: 26px;
+}
+.ui-jqgrid .ui-jqgrid-titlebar-close {
+  top: 10%;
+  height: auto;
+  padding: 0;
+  margin: 2px 8px 0 0;
+  text-align: center;
+  border-radius: 4px;
+}
+.ui-jqgrid .ui-jqgrid-titlebar-close:hover {
+  background-color: rgba(255, 255, 255, 0.2);
+}
+.ui-jqgrid .ui-jqgrid-titlebar-close .ui-icon:before {
+  display: inline-block;
+  font-family: FontAwesome;
+  content: "\f077";
+  color: #FFF;
+}
+.ui-jqgrid .ui-jqgrid-titlebar-close .ui-icon-circle-triangle-s:before {
+  content: "\f078";
+}
+.ui-jqgrid .tree-wrap-ltr {
+  margin: 0 4px;
+  float: none;
+  display: inline;
+}
+.ui-jqgrid .tree-wrap-rtl {
+  margin: 2px 4px 0;
+}
+.ui-jqgrid .ui-subgrid {
+  border-bottom: 1px solid #E1E1E1;
+  background-color: #F6FAFF;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid-btable {
+  background-color: #FFF;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv {
+  background-color: transparent;
+  margin-top: 4px;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable .ui-jqgrid-labels {
+  border-bottom: 1px solid #E1E1E1;
+  background: #F1F1F1;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th[aria-selected="true"] {
+  background: #E5E9EF;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th .ui-jqgrid-sortable {
+  font-size: 12px;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th div {
+  padding-top: 8px;
+  padding-bottom: 8px;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-hdiv .ui-jqgrid-htable th span.ui-jqgrid-resize {
+  height: 36px !important;
+}
+.ui-jqgrid .ui-subgrid .ui-jqgrid .ui-jqgrid-bdiv {
+  height: auto !important;
+  max-height: 150px;
+  margin-bottom: 4px;
+  border-top-width: 0;
+  border-bottom: 1px solid #E1E1E1;
+}
+.ui-jqgrid .ui-sgcollapsed > a:hover {
+  text-decoration: none;
+}
+@media only screen and (max-width: 767px) {
+  .ui-jqgrid .ui-jqgrid-pager {
+    height: 90px;
+  }
+  .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control {
+    height: 85px;
+    padding-top: 9px;
+  }
+  .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td {
+    vertical-align: top;
+  }
+  .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td#grid-pager_center {
+    width: 0 !important;
+    position: static;
+  }
+  .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td#grid-pager_center > .ui-pg-table {
+    margin: 36px auto 0;
+    position: absolute;
+    right: 0;
+    left: 0;
+    text-align: center;
+  }
+}
+@media only screen and (max-width: 767px) and (-webkit-min-device-pixel-ratio: 0) {
+  .ui-jqgrid .ui-jqgrid-pager > .ui-pager-control > .ui-pg-table > tbody > tr > td#grid-pager_center > .ui-pg-table {
+    width: 300px;
+  }
+}
+.dd {
+  position: relative;
+  display: block;
+  margin: 0;
+  padding: 0;
+  max-width: 600px;
+  list-style: none;
+  line-height: 20px;
+}
+.dd-list {
+  display: block;
+  position: relative;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}
+.dd-list .dd-list {
+  padding-left: 30px;
+}
+.dd-collapsed .dd-list {
+  display: none;
+}
+.dd-item,
+.dd-empty,
+.dd-placeholder {
+  display: block;
+  position: relative;
+  margin: 0;
+  padding: 0;
+  min-height: 20px;
+  line-height: 20px;
+}
+.dd-handle,
+.dd2-content {
+  display: block;
+  min-height: 38px;
+  margin: 5px 0;
+  padding: 8px 12px;
+  background: #F8FAFF;
+  border: 1px solid #DAE2EA;
+  color: #7C9EB2;
+  text-decoration: none;
+  font-weight: bold;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.dd-handle:hover,
+.dd2-content:hover {
+  color: #438EB9;
+  background: #F4F6F7;
+  border-color: #DCE2E8;
+}
+.dd-handle[class*="btn-"],
+.dd2-content[class*="btn-"] {
+  color: #FFF;
+  border: none;
+  padding: 9px 12px;
+}
+.dd-handle[class*="btn-"]:hover,
+.dd2-content[class*="btn-"]:hover {
+  opacity: 0.85;
+  color: #FFF;
+}
+.dd2-handle + .dd2-content,
+.dd2-handle + .dd2-content[class*="btn-"] {
+  padding-left: 44px;
+}
+.dd-handle[class*="btn-"]:hover,
+.dd2-content[class*="btn-"] .dd2-handle[class*="btn-"]:hover + .dd2-content[class*="btn-"] {
+  color: #FFF;
+}
+.dd-item > button:hover ~ .dd-handle,
+.dd-item > button:hover ~ .dd2-content {
+  color: #438EB9;
+  background: #F4F6F7;
+  border-color: #DCE2E8;
+}
+.dd-item > button:hover ~ .dd-handle[class*="btn-"],
+.dd-item > button:hover ~ .dd2-content[class*="btn-"] {
+  opacity: 0.85;
+  color: #FFF;
+}
+.dd2-handle:hover ~ .dd2-content {
+  color: #438EB9;
+  background: #F4F6F7;
+  border-color: #DCE2E8;
+}
+.dd2-handle:hover ~ .dd2-content[class*="btn-"] {
+  opacity: 0.85;
+  color: #FFF;
+}
+.dd2-item.dd-item > button {
+  margin-left: 34px;
+}
+.dd-item > button {
+  display: block;
+  position: relative;
+  z-index: 1;
+  cursor: pointer;
+  float: left;
+  width: 25px;
+  height: 20px;
+  margin: 5px 1px 5px 5px;
+  padding: 0;
+  text-indent: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  border: 0;
+  background: transparent;
+  font-size: 12px;
+  line-height: 1;
+  text-align: center;
+  font-weight: bold;
+  top: 4px;
+  left: 1px;
+  color: #707070;
+}
+.dd-item > button:before {
+  font-family: FontAwesome;
+  content: '\f067';
+  display: block;
+  position: absolute;
+  width: 100%;
+  text-align: center;
+  text-indent: 0;
+  font-weight: normal;
+  font-size: 14px;
+}
+.dd-item > button[data-action="collapse"]:before {
+  content: '\f068';
+}
+.dd-item > button:hover {
+  color: #707070;
+}
+.dd-item.dd-colored > button,
+.dd-item.dd-colored > button:hover {
+  color: #EEE;
+}
+.dd-placeholder,
+.dd-empty {
+  margin: 5px 0;
+  padding: 0;
+  min-height: 30px;
+  background: #F0F9FF;
+  border: 2px dashed #BED2DB;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.dd-empty {
+  border-color: #AAA;
+  border-style: solid;
+  background-color: #e5e5e5;
+}
+.dd-dragel {
+  position: absolute;
+  pointer-events: none;
+  z-index: 999;
+  opacity: 0.8;
+}
+.dd-dragel > li > .dd-handle {
+  color: #4B92BE;
+  background: #F1F5FA;
+  border-color: #D6E1EA;
+  border-left: 2px solid #777;
+  position: relative;
+}
+.dd-dragel > li > .dd-handle[class*="btn-"] {
+  color: #FFF;
+}
+.dd-dragel > .dd-item > .dd-handle {
+  margin-top: 0;
+}
+.dd-list > li[class*="item-"] {
+  border-width: 0;
+  padding: 0;
+}
+.dd-list > li[class*="item-"] > .dd-handle {
+  border-left: 2px solid;
+  border-left-color: inherit;
+}
+.dd-list > li > .dd-handle .sticker {
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+.dd2-handle,
+.dd-dragel > li > .dd2-handle {
+  left: 0;
+  top: 0;
+  width: 36px;
+  margin: 0;
+  border-width: 1px 1px 0 0;
+  text-align: center;
+  padding: 0 !important;
+  line-height: 38px;
+  height: 38px;
+  background: #EBEDF2;
+  border: 1px solid #DEE4EA;
+  cursor: pointer;
+  overflow: hidden;
+  position: absolute;
+  z-index: 1;
+}
+.dd2-handle:hover,
+.dd-dragel > li > .dd2-handle {
+  background: #E3E8ED;
+}
+.dd2-content[class*="btn-"] {
+  text-shadow: none !important;
+}
+.dd2-handle[class*="btn-"] {
+  text-shadow: none !important;
+  background: rgba(0, 0, 0, 0.1) !important;
+  border-right: 1px solid #EEE;
+}
+.dd2-handle[class*="btn-"]:hover {
+  background: rgba(0, 0, 0, 0.08) !important;
+}
+.dd-dragel .dd2-handle[class*="btn-"] {
+  border-color: transparent;
+  border-right-color: #EEE;
+}
+.dd2-handle.btn-yellow {
+  text-shadow: none !important;
+  background: rgba(0, 0, 0, 0.05) !important;
+  border-right: 1px solid #FFF;
+}
+.dd2-handle.btn-yellow:hover {
+  background: rgba(0, 0, 0, 0.08) !important;
+}
+.dd-dragel .dd2-handle.btn-yellow {
+  border-color: transparent;
+  border-right-color: #FFF;
+}
+.dd-item > .dd2-handle .drag-icon {
+  display: none;
+}
+.dd-dragel > .dd-item > .dd2-handle .drag-icon {
+  display: inline;
+}
+.dd-dragel > .dd-item > .dd2-handle .normal-icon {
+  display: none;
+}
+.dropzone {
+  border-radius: 0;
+  border: 1px solid rgba(0, 0, 0, 0.06);
+}
+.dropzone .dz-default.dz-message {
+  background-image: none;
+  font-size: 24px;
+  text-align: center;
+  line-height: 32px;
+  left: 0;
+  width: 100%;
+  margin-left: auto;
+}
+.dropzone .dz-default.dz-message span {
+  display: inline;
+  color: #555;
+}
+.dropzone .dz-default.dz-message span .upload-icon {
+  opacity: 0.7;
+  filter: alpha(opacity=70);
+  margin-top: 8px;
+  cursor: pointer;
+}
+.dropzone .dz-default.dz-message span .upload-icon:hover {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.dropzone .dz-preview .dz-error-mark,
+.dropzone-previews .dz-preview .dz-error-mark,
+.dropzone .dz-preview .dz-success-mark,
+.dropzone-previews .dz-preview .dz-success-mark {
+  background-image: none;
+  background-color: rgba(255, 255, 255, 0.8);
+  border-radius: 100%;
+  text-align: center;
+  line-height: 35px;
+}
+.dropzone .dz-preview .dz-error-mark:before,
+.dropzone-previews .dz-preview .dz-error-mark:before {
+  font-family: FontAwesome;
+  font-size: 30px;
+  color: #DB6262;
+  content: "\f00d";
+}
+.dropzone .dz-preview .dz-success-mark:before,
+.dropzone-previews .dz-preview .dz-success-mark:before {
+  font-family: FontAwesome;
+  font-size: 30px;
+  color: #6DA552;
+  content: "\f00c";
+}
+.dropzone a.dz-remove,
+.dropzone-previews a.dz-remove {
+  border: none;
+  border-radius: 0;
+  color: #FFF;
+  background: #D15B47;
+  cursor: pointer;
+}
+.dropzone a.dz-remove:hover,
+.dropzone-previews a.dz-remove:hover {
+  color: #FFF;
+  background: #B74635;
+}
+.dropzone .progress,
+.dropzone-previews .progress {
+  margin-bottom: 0;
+}
+.dropzone .dz-preview.dz-success .progress,
+.dropzone-previews .dz-preview.dz-success .progress,
+.dropzone .dz-preview.dz-error .progress,
+.dropzone-previews .dz-preview.dz-error .progress {
+  display: none;
+}
+input.typeahead,
+input.tt-query,
+input.tt-hint {
+  min-width: 175px;
+  font-size: 16px;
+  line-height: 24px;
+  border: 1px solid #CCC;
+  border-radius: 0;
+  outline: none;
+}
+input.tt-hint,
+.form-group input.tt-hint {
+  background-color: #FFF !important;
+  color: #B0B0B0 !important;
+}
+.tt-dropdown-menu {
+  text-align: left;
+  position: absolute;
+  left: 0 !important;
+  right: 0 !important;
+  min-width: 175px;
+  margin-top: 2px;
+  padding: 8px 0;
+  background-color: #FFF;
+  border: 1px solid #D0D0D0;
+  border: 1px solid rgba(0, 0, 0, 0.15);
+  border-radius: 0;
+  -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
+}
+.tt-suggestion {
+  padding: 3px 12px 4px;
+  font-size: 16px;
+  line-height: 24px;
+}
+.tt-suggestion.tt-cursor {
+  color: #FFF;
+  background-color: #4F99C6;
+  cursor: pointer;
+}
+.tt-suggestion p {
+  margin: 0;
+}
+input.typeahead.scrollable ~ .tt-dropdown-menu {
+  max-height: 200px;
+  overflow-y: auto;
+}
+.btn-group > .btn.moveall:first-child,
+.btn-group > .btn.remove:first-child {
+  margin: 0;
+}
+.btn-group > .btn.moveall:first-child + .btn.move,
+.btn-group > .btn.remove:first-child + .btn.removeall {
+  margin: 0;
+}
+.bootstrap-duallistbox-container .info {
+  font-size: 12px;
+}
+.bootstrap-duallistbox-container .clear1,
+.bootstrap-duallistbox-container .clear2 {
+  font-size: 12px;
+}
+.multiselect-container > li > a {
+  padding: 0;
+}
+.multiselect-container > li > a > label {
+  padding: 7px 10px 7px 20px;
+}
+.cancel-on-png,
+.cancel-off-png,
+.star-on-png,
+.star-off-png,
+.star-half-png {
+  font-size: 2em;
+}
+.cancel-on-png,
+.cancel-off-png,
+.star-on-png,
+.star-off-png,
+.star-half-png {
+  -moz-osx-font-smoothing: grayscale;
+  -webkit-font-smoothing: antialiased;
+  font-family: "FontAwesome";
+  font-style: normal;
+  font-variant: normal;
+  font-weight: normal;
+  line-height: 1;
+  speak: none;
+  text-transform: none;
+  color: #777777;
+}
+.cancel-on-png {
+  color: #dd5a43;
+}
+.cancel-on-png:before {
+  content: "\f057";
+}
+.cancel-off-png {
+  color: #e08374;
+}
+.cancel-off-png:before {
+  content: "\f05c";
+}
+.star-on-png {
+  color: #feb902;
+}
+.star-on-png:before {
+  content: "\f005";
+}
+.star-off-png {
+  color: #777777;
+}
+.star-off-png:before {
+  content: "\f006";
+}
+.star-half-png {
+  color: #feb902;
+}
+.star-half-png:before {
+  content: "\f123";
+}
+/* custom animated icons */
+.icon-animated-bell {
+  display: inline-block;
+  -moz-animation: ringing 2.0s 5 ease 1.0s;
+  -webkit-animation: ringing 2.0s 5 ease 1.0s;
+  -o-animation: ringing 2.0s 5 ease 1.0s;
+  -ms-animation: ringing 2.0s 5 ease 1.0s;
+  animation: ringing 2.0s 5 ease 1.0s;
+  -moz-transform-origin: 50% 0%;
+  -webkit-transform-origin: 50% 0%;
+  -o-transform-origin: 50% 0%;
+  -ms-transform-origin: 50% 0%;
+  transform-origin: 50% 0%;
+}
+@-moz-keyframes ringing {
+  0% {
+    -moz-transform: rotate(-15deg);
+  }
+  2% {
+    -moz-transform: rotate(15deg);
+  }
+  4% {
+    -moz-transform: rotate(-18deg);
+  }
+  6% {
+    -moz-transform: rotate(18deg);
+  }
+  8% {
+    -moz-transform: rotate(-22deg);
+  }
+  10% {
+    -moz-transform: rotate(22deg);
+  }
+  12% {
+    -moz-transform: rotate(-18deg);
+  }
+  14% {
+    -moz-transform: rotate(18deg);
+  }
+  16% {
+    -moz-transform: rotate(-12deg);
+  }
+  18% {
+    -moz-transform: rotate(12deg);
+  }
+  20% {
+    -moz-transform: rotate(0deg);
+  }
+}
+@-webkit-keyframes ringing {
+  0% {
+    -webkit-transform: rotate(-15deg);
+  }
+  2% {
+    -webkit-transform: rotate(15deg);
+  }
+  4% {
+    -webkit-transform: rotate(-18deg);
+  }
+  6% {
+    -webkit-transform: rotate(18deg);
+  }
+  8% {
+    -webkit-transform: rotate(-22deg);
+  }
+  10% {
+    -webkit-transform: rotate(22deg);
+  }
+  12% {
+    -webkit-transform: rotate(-18deg);
+  }
+  14% {
+    -webkit-transform: rotate(18deg);
+  }
+  16% {
+    -webkit-transform: rotate(-12deg);
+  }
+  18% {
+    -webkit-transform: rotate(12deg);
+  }
+  20% {
+    -webkit-transform: rotate(0deg);
+  }
+}
+@-ms-keyframes ringing {
+  0% {
+    -ms-transform: rotate(-15deg);
+  }
+  2% {
+    -ms-transform: rotate(15deg);
+  }
+  4% {
+    -ms-transform: rotate(-18deg);
+  }
+  6% {
+    -ms-transform: rotate(18deg);
+  }
+  8% {
+    -ms-transform: rotate(-22deg);
+  }
+  10% {
+    -ms-transform: rotate(22deg);
+  }
+  12% {
+    -ms-transform: rotate(-18deg);
+  }
+  14% {
+    -ms-transform: rotate(18deg);
+  }
+  16% {
+    -ms-transform: rotate(-12deg);
+  }
+  18% {
+    -ms-transform: rotate(12deg);
+  }
+  20% {
+    -ms-transform: rotate(0deg);
+  }
+}
+@keyframes ringing {
+  0% {
+    transform: rotate(-15deg);
+  }
+  2% {
+    transform: rotate(15deg);
+  }
+  4% {
+    transform: rotate(-18deg);
+  }
+  6% {
+    transform: rotate(18deg);
+  }
+  8% {
+    transform: rotate(-22deg);
+  }
+  10% {
+    transform: rotate(22deg);
+  }
+  12% {
+    transform: rotate(-18deg);
+  }
+  14% {
+    transform: rotate(18deg);
+  }
+  16% {
+    transform: rotate(-12deg);
+  }
+  18% {
+    transform: rotate(12deg);
+  }
+  20% {
+    transform: rotate(0deg);
+  }
+}
+.icon-animated-vertical {
+  display: inline-block;
+  -moz-animation: vertical 2.0s 5 ease 2.0s;
+  -webkit-animation: vertical 2.0s 5 ease 2.0s;
+  -o-animation: vertical 2.0s 5 ease 2.0s;
+  -ms-animation: vertical 2.0s 5 ease 2.0s;
+  animation: vertical 2.0s 5 ease 2.0s;
+}
+@-moz-keyframes vertical {
+  0% {
+    -moz-transform: translate(0, -3px);
+  }
+  4% {
+    -moz-transform: translate(0, 3px);
+  }
+  8% {
+    -moz-transform: translate(0, -3px);
+  }
+  12% {
+    -moz-transform: translate(0, 3px);
+  }
+  16% {
+    -moz-transform: translate(0, -3px);
+  }
+  20% {
+    -moz-transform: translate(0, 3px);
+  }
+  22% {
+    -moz-transform: translate(0, 0);
+  }
+}
+@-webkit-keyframes vertical {
+  0% {
+    -webkit-transform: translate(0, -3px);
+  }
+  4% {
+    -webkit-transform: translate(0, 3px);
+  }
+  8% {
+    -webkit-transform: translate(0, -3px);
+  }
+  12% {
+    -webkit-transform: translate(0, 3px);
+  }
+  16% {
+    -webkit-transform: translate(0, -3px);
+  }
+  20% {
+    -webkit-transform: translate(0, 3px);
+  }
+  22% {
+    -webkit-transform: translate(0, 0);
+  }
+}
+@-ms-keyframes vertical {
+  0% {
+    -ms-transform: translate(0, -3px);
+  }
+  4% {
+    -ms-transform: translate(0, 3px);
+  }
+  8% {
+    -ms-transform: translate(0, -3px);
+  }
+  12% {
+    -ms-transform: translate(0, 3px);
+  }
+  16% {
+    -ms-transform: translate(0, -3px);
+  }
+  20% {
+    -ms-transform: translate(0, 3px);
+  }
+  22% {
+    -ms-transform: translate(0, 0);
+  }
+}
+@keyframes vertical {
+  0% {
+    transform: translate(0, -3px);
+  }
+  4% {
+    transform: translate(0, 3px);
+  }
+  8% {
+    transform: translate(0, -3px);
+  }
+  12% {
+    transform: translate(0, 3px);
+  }
+  16% {
+    transform: translate(0, -3px);
+  }
+  20% {
+    transform: translate(0, 3px);
+  }
+  22% {
+    transform: translate(0, 0);
+  }
+}
+.icon-animated-hand-pointer {
+  display: inline-block;
+  -moz-animation: hand-pointer 2.0s 4 ease 2.0s;
+  -webkit-animation: hand-pointer 2.0s 4 ease 2.0s;
+  -o-animation: hand-pointer 2.0s 4 ease 2.0s;
+  -ms-animation: hand-pointer 2.0s 4 ease 2.0s;
+  animation: hand-pointer 2.0s 4 ease 2.0s;
+}
+@-moz-keyframes hand-pointer {
+  0% {
+    -moz-transform: translate(0, 0);
+  }
+  6% {
+    -moz-transform: translate(5px, 0);
+  }
+  12% {
+    -moz-transform: translate(0, 0);
+  }
+  18% {
+    -moz-transform: translate(5px, 0);
+  }
+  24% {
+    -moz-transform: translate(0, 0);
+  }
+  30% {
+    -moz-transform: translate(5px, 0);
+  }
+  36% {
+    -moz-transform: translate(0, 0);
+  }
+}
+.icon-animated-wrench {
+  display: inline-block;
+  -moz-animation: wrenching 2.5s 4 ease;
+  -webkit-animation: wrenching 2.5s 4 ease;
+  -o-animation: wrenching 2.5s 4 ease;
+  -ms-animation: wrenching 2.5s 4 ease;
+  animation: wrenching 2.5s 4 ease;
+  -moz-transform-origin: 90% 35%;
+  -webkit-transform-origin: 90% 35%;
+  -o-transform-origin: 90% 35%;
+  -ms-transform-origin: 90% 35%;
+  transform-origin: 90% 35%;
+}
+@-moz-keyframes wrenching {
+  0% {
+    -moz-transform: rotate(-12deg);
+  }
+  8% {
+    -moz-transform: rotate(12deg);
+  }
+  10% {
+    -moz-transform: rotate(24deg);
+  }
+  18% {
+    -moz-transform: rotate(-24deg);
+  }
+  20% {
+    -moz-transform: rotate(-24deg);
+  }
+  28% {
+    -moz-transform: rotate(24deg);
+  }
+  30% {
+    -moz-transform: rotate(24deg);
+  }
+  38% {
+    -moz-transform: rotate(-24deg);
+  }
+  40% {
+    -moz-transform: rotate(-24deg);
+  }
+  48% {
+    -moz-transform: rotate(24deg);
+  }
+  50% {
+    -moz-transform: rotate(24deg);
+  }
+  58% {
+    -moz-transform: rotate(-24deg);
+  }
+  60% {
+    -moz-transform: rotate(-24deg);
+  }
+  68% {
+    -moz-transform: rotate(24deg);
+  }
+  75% {
+    -moz-transform: rotate(0deg);
+  }
+}
+@-webkit-keyframes wrenching {
+  0% {
+    -webkit-transform: rotate(-12deg);
+  }
+  8% {
+    -webkit-transform: rotate(12deg);
+  }
+  10% {
+    -webkit-transform: rotate(24deg);
+  }
+  18% {
+    -webkit-transform: rotate(-24deg);
+  }
+  20% {
+    -webkit-transform: rotate(-24deg);
+  }
+  28% {
+    -webkit-transform: rotate(24deg);
+  }
+  30% {
+    -webkit-transform: rotate(24deg);
+  }
+  38% {
+    -webkit-transform: rotate(-24deg);
+  }
+  40% {
+    -webkit-transform: rotate(-24deg);
+  }
+  48% {
+    -webkit-transform: rotate(24deg);
+  }
+  50% {
+    -webkit-transform: rotate(24deg);
+  }
+  58% {
+    -webkit-transform: rotate(-24deg);
+  }
+  60% {
+    -webkit-transform: rotate(-24deg);
+  }
+  68% {
+    -webkit-transform: rotate(24deg);
+  }
+  75% {
+    -webkit-transform: rotate(0deg);
+  }
+}
+@-o-keyframes wrenching {
+  0% {
+    -o-transform: rotate(-12deg);
+  }
+  8% {
+    -o-transform: rotate(12deg);
+  }
+  10% {
+    -o-transform: rotate(24deg);
+  }
+  18% {
+    -o-transform: rotate(-24deg);
+  }
+  20% {
+    -o-transform: rotate(-24deg);
+  }
+  28% {
+    -o-transform: rotate(24deg);
+  }
+  30% {
+    -o-transform: rotate(24deg);
+  }
+  38% {
+    -o-transform: rotate(-24deg);
+  }
+  40% {
+    -o-transform: rotate(-24deg);
+  }
+  48% {
+    -o-transform: rotate(24deg);
+  }
+  50% {
+    -o-transform: rotate(24deg);
+  }
+  58% {
+    -o-transform: rotate(-24deg);
+  }
+  60% {
+    -o-transform: rotate(-24deg);
+  }
+  68% {
+    -o-transform: rotate(24deg);
+  }
+  75% {
+    -o-transform: rotate(0deg);
+  }
+}
+@-ms-keyframes wrenching {
+  0% {
+    -ms-transform: rotate(-12deg);
+  }
+  8% {
+    -ms-transform: rotate(12deg);
+  }
+  10% {
+    -ms-transform: rotate(24deg);
+  }
+  18% {
+    -ms-transform: rotate(-24deg);
+  }
+  20% {
+    -ms-transform: rotate(-24deg);
+  }
+  28% {
+    -ms-transform: rotate(24deg);
+  }
+  30% {
+    -ms-transform: rotate(24deg);
+  }
+  38% {
+    -ms-transform: rotate(-24deg);
+  }
+  40% {
+    -ms-transform: rotate(-24deg);
+  }
+  48% {
+    -ms-transform: rotate(24deg);
+  }
+  50% {
+    -ms-transform: rotate(24deg);
+  }
+  58% {
+    -ms-transform: rotate(-24deg);
+  }
+  60% {
+    -ms-transform: rotate(-24deg);
+  }
+  68% {
+    -ms-transform: rotate(24deg);
+  }
+  75% {
+    -ms-transform: rotate(0deg);
+  }
+}
+@keyframes wrenching {
+  0% {
+    transform: rotate(-12deg);
+  }
+  8% {
+    transform: rotate(12deg);
+  }
+  10% {
+    transform: rotate(24deg);
+  }
+  18% {
+    transform: rotate(-24deg);
+  }
+  20% {
+    transform: rotate(-24deg);
+  }
+  28% {
+    transform: rotate(24deg);
+  }
+  30% {
+    transform: rotate(24deg);
+  }
+  38% {
+    transform: rotate(-24deg);
+  }
+  40% {
+    transform: rotate(-24deg);
+  }
+  48% {
+    transform: rotate(24deg);
+  }
+  50% {
+    transform: rotate(24deg);
+  }
+  58% {
+    transform: rotate(-24deg);
+  }
+  60% {
+    transform: rotate(-24deg);
+  }
+  68% {
+    transform: rotate(24deg);
+  }
+  75% {
+    transform: rotate(0deg);
+  }
+}
+@-moz-keyframes blinking {
+  0% {
+    opacity: 1;
+  }
+  40% {
+    opacity: 0;
+  }
+  80% {
+    opacity: 1;
+  }
+}
+@-webkit-keyframes blinking {
+  0% {
+    opacity: 1;
+  }
+  40% {
+    opacity: 0;
+  }
+  80% {
+    opacity: 1;
+  }
+}
+@-ms-keyframes blinking {
+  0% {
+    opacity: 1;
+  }
+  40% {
+    opacity: 0;
+  }
+  80% {
+    opacity: 1;
+  }
+}
+@keyframes blinking {
+  0% {
+    opacity: 1;
+  }
+  40% {
+    opacity: 0;
+  }
+  80% {
+    opacity: 1;
+  }
+}
+@-moz-keyframes pulsating {
+  0% {
+    -moz-transform: scale(1);
+  }
+  5% {
+    -moz-transform: scale(0.75);
+  }
+  10% {
+    -moz-transform: scale(1);
+  }
+  15% {
+    -moz-transform: scale(1.25);
+  }
+  20% {
+    -moz-transform: scale(1);
+  }
+  25% {
+    -moz-transform: scale(0.75);
+  }
+  30% {
+    -moz-transform: scale(1);
+  }
+  35% {
+    -moz-transform: scale(1.25);
+  }
+  40% {
+    -moz-transform: scale(1);
+  }
+}
+@-webkit-keyframes pulsating {
+  0% {
+    -webkit-transform: scale(1);
+  }
+  5% {
+    -webkit-transform: scale(0.75);
+  }
+  10% {
+    -webkit-transform: scale(1);
+  }
+  15% {
+    -webkit-transform: scale(1.25);
+  }
+  20% {
+    -webkit-transform: scale(1);
+  }
+  25% {
+    -webkit-transform: scale(0.75);
+  }
+  30% {
+    -webkit-transform: scale(1);
+  }
+  35% {
+    -webkit-transform: scale(1.25);
+  }
+  40% {
+    -webkit-transform: scale(1);
+  }
+}
+@-ms-keyframes pulsating {
+  0% {
+    -ms-transform: scale(1);
+  }
+  5% {
+    -ms-transform: scale(0.75);
+  }
+  10% {
+    -ms-transform: scale(1);
+  }
+  15% {
+    -ms-transform: scale(1.25);
+  }
+  20% {
+    -ms-transform: scale(1);
+  }
+  25% {
+    -ms-transform: scale(0.75);
+  }
+  30% {
+    -ms-transform: scale(1);
+  }
+  35% {
+    -ms-transform: scale(1.25);
+  }
+  40% {
+    -ms-transform: scale(1);
+  }
+}
+@keyframes pulsating {
+  0% {
+    transform: scale(1);
+  }
+  5% {
+    transform: scale(0.75);
+  }
+  10% {
+    transform: scale(1);
+  }
+  15% {
+    transform: scale(1.25);
+  }
+  20% {
+    transform: scale(1);
+  }
+  25% {
+    transform: scale(0.75);
+  }
+  30% {
+    transform: scale(1);
+  }
+  35% {
+    transform: scale(1.25);
+  }
+  40% {
+    transform: scale(1);
+  }
+}
+.btn-scroll-up {
+  border-width: 0;
+  position: fixed;
+  right: 2px;
+  z-index: 99;
+  -webkit-transition-duration: 0.3s;
+  transition-duration: 0.3s;
+  opacity: 0;
+  filter: alpha(opacity=0);
+  bottom: -24px;
+  visibility: hidden;
+}
+.btn-scroll-up.display {
+  opacity: 0.7;
+  filter: alpha(opacity=70);
+  bottom: 2px;
+  visibility: visible;
+}
+.btn-scroll-up:hover {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.btn-scroll-up:focus {
+  outline: none;
+}
+@media (min-width: 768px) {
+  .main-container.container > .btn-scroll-up {
+    right: auto;
+    margin-left: 714px;
+  }
+}
+@media (min-width: 992px) {
+  .main-container.container > .btn-scroll-up {
+    right: auto;
+    margin-left: 934px;
+  }
+}
+@media (min-width: 1200px) {
+  .main-container.container > .btn-scroll-up {
+    right: auto;
+    margin-left: 1134px;
+  }
+}
+.ace-settings-container {
+  position: absolute;
+  right: 0;
+  top: auto;
+  z-index: 12;
+}
+.btn.btn-app.ace-settings-btn {
+  float: left;
+  display: block;
+  text-align: center;
+  border-radius: 6px 0 0 6px;
+  opacity: 0.55;
+  vertical-align: top;
+  margin: 0;
+}
+.btn.btn-app.ace-settings-btn:hover,
+.btn.btn-app.ace-settings-btn.open {
+  opacity: 1;
+}
+.btn.btn-app.ace-settings-btn.btn-xs {
+  width: 42px;
+}
+.ace-settings-box {
+  display: block;
+  float: left;
+  max-width: 0;
+  max-height: 0;
+  overflow: hidden;
+  padding: 0;
+  -moz-transform: translate(0,0);
+  -webkit-transform: translate(0,0);
+  -o-transform: translate(0,0);
+  -ms-transform: translate(0,0);
+  transform: translate(0,0);
+  background-color: #FFF;
+  border: 0 solid #ffb34b;
+  -webkit-transition: max-width 0.25s linear 0s, max-height 0s linear 0.25s, padding 0s linear 0.25s, border-width 0s linear 0.25s;
+  -o-transition: max-width 0.25s linear 0s, max-height 0s linear 0.25s, padding 0s linear 0.25s, border-width 0s linear 0.25s;
+  transition: max-width 0.25s linear 0s, max-height 0s linear 0.25s, padding 0s linear 0.25s, border-width 0s linear 0.25s;
+}
+.ace-settings-box.open {
+  max-width: 320px;
+  max-height: 1000px;
+  padding: 0 14px;
+  border-width: 2px;
+  -webkit-transition-delay: 0s;
+  -moz-transition-delay: 0s;
+  -o-transition-delay: 0s;
+  transition-delay: 0s;
+}
+.ace-settings-box.open .ace-settings-item {
+  z-index: auto;
+  min-width: 140px;
+}
+.ace-settings-box .ace-settings-item {
+  margin: 6px 0;
+  color: #444;
+  max-height: 24px;
+  position: relative;
+  z-index: -1;
+  white-space: nowrap;
+}
+.ace-settings-box .ace-settings-item > label.lbl {
+  font-size: 13px;
+}
+@media (max-width: 480px) {
+  .ace-settings-container {
+    text-align: right;
+  }
+  .ace-settings-box {
+    float: none !important;
+    text-align: left;
+  }
+  .btn.ace-settings-btn {
+    float: none !important;
+    display: inline-block;
+  }
+}
+@media (max-width: 320px) {
+  .ace-settings-box > .clearfix > .pull-left,
+  .ace-settings-box > .clearfix > .pull-right {
+    float: none !important;
+  }
+}
+.grid2,
+.grid3,
+.grid4 {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  display: block;
+  margin: 0 1%;
+  padding: 0 2%;
+  float: left;
+  border-left: 1px solid #E3E3E3;
+}
+.grid2:first-child,
+.grid3:first-child,
+.grid4:first-child {
+  border-left: none;
+}
+.grid2 {
+  width: 48%;
+}
+.grid3 {
+  width: 31.33%;
+}
+.grid4 {
+  width: 23%;
+  padding: 0 1%;
+}
+.draggable-placeholder {
+  border: 2px dashed #D9D9D9 !important;
+  background-color: #F7F7F7 !important;
+}
+.easyPieChart,
+.easy-pie-chart {
+  position: relative;
+  text-align: center;
+}
+.easyPieChart canvas,
+.easy-pie-chart canvas {
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.knob-container {
+  direction: ltr;
+  text-align: left;
+}
+.tags {
+  display: inline-block;
+  padding: 4px 6px;
+  color: #777777;
+  vertical-align: middle;
+  background-color: #FFF;
+  border: 1px solid #d5d5d5;
+  width: 206px;
+}
+.tags:hover {
+  border-color: #b5b5b5;
+}
+.tags-hover,
+.tags-hover:hover {
+  border-color: #f59942;
+  outline: 0;
+}
+.tags[class*="span"] {
+  float: none;
+  margin-left: 0;
+}
+.tags input[type="text"],
+.tags input[type="text"]:focus {
+  border: none;
+  display: inline;
+  outline: 0;
+  margin: 0;
+  padding: 0;
+  line-height: 18px;
+  -webkit-box-shadow: none;
+  box-shadow: none;
+  width: 100%;
+}
+.tags .tag {
+  display: inline-block;
+  position: relative;
+  font-size: 13px;
+  font-weight: normal;
+  vertical-align: baseline;
+  white-space: nowrap;
+  background-color: #91b8d0;
+  color: #FFF;
+  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
+  padding: 4px 22px 5px 9px;
+  margin-bottom: 3px;
+  margin-right: 3px;
+  -webkit-transition: all 0.2s;
+  -o-transition: all 0.2s;
+  transition: all 0.2s;
+  /**
+  &:nth-child(5n+1) {
+	background-color:#48A2E0;
+  }
+  &:nth-child(5n+2) {
+	background-color:#34C896;
+  }
+  &:nth-child(5n+3) {
+	background-color:#B57BB3;
+  }
+  &:nth-child(5n+4) {
+	background-color:#CC7DA8;
+  }
+  &:nth-child(5n+5) {
+	background-color:#666;
+  }
+*/
+}
+.tags .tag:empty {
+  display: none;
+}
+.tags .tag-important {
+  background-color: #d15b47;
+}
+.tags .tag-warning {
+  background-color: #ffb752;
+}
+.tags .tag-success {
+  background-color: #87b87f;
+}
+.tags .tag-info {
+  background-color: #6fb3e0;
+}
+.tags .tag-inverse {
+  background-color: #555555;
+}
+.tags .tag .close {
+  font-size: 15px;
+  line-height: 20px;
+  opacity: 1;
+  filter: alpha(opacity=100);
+  color: #FFF;
+  text-shadow: none;
+  float: none;
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 18px;
+  text-align: center;
+}
+.tags .tag .close:hover {
+  background-color: rgba(0, 0, 0, 0.2);
+}
+.page-content > .row .col-xs-12,
+.page-content > .row .col-sm-12,
+.page-content > .row .col-md-12,
+.page-content > .row .col-lg-12 {
+  float: left;
+  max-width: 100%;
+}
+.col-xs-reset {
+  width: auto;
+  padding-left: 0;
+  padding-right: 0;
+  float: none !important;
+}
+@media (min-width: 768px) {
+  .col-sm-reset {
+    width: auto;
+    padding-left: 0;
+    padding-right: 0;
+    float: none !important;
+  }
+}
+@media (min-width: 992px) {
+  .col-md-reset {
+    width: auto;
+    padding-left: 0;
+    padding-right: 0;
+    float: none !important;
+  }
+}
+@media (min-width: 1200px) {
+  .col-lg-reset {
+    width: auto;
+    padding-left: 0;
+    padding-right: 0;
+    float: none !important;
+  }
+}
+.jqstooltip,
+.legendColorBox div {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+}
+.legendLabel {
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  height: 22px;
+  padding-left: 2px;
+  font-size: 10px;
+}
+@media only screen and (max-width: 991px) {
+  body {
+    overflow-x: hidden;
+  }
+}
+.navbar-fixed-top + .main-container {
+  padding-top: 45px;
+}
+@media (max-width: 479px) {
+  .navbar-fixed-top + .main-container {
+    padding-top: 90px;
+  }
+  .navbar-fixed-top.navbar-collapse + .main-container {
+    padding-top: 45px;
+  }
+}
+@media only screen and (max-width: 360px) {
+  .grid2,
+  .grid3,
+  .grid4 {
+    float: none;
+    display: block;
+    width: 96%;
+    border-left-width: 0;
+    position: relative;
+    margin-bottom: 11px;
+    border-bottom: 1px solid #E3E3E3;
+    padding-bottom: 4px;
+  }
+  .grid2 > [class*="pull-"],
+  .grid3 > [class*="pull-"],
+  .grid4 > [class*="pull-"] {
+    float: none !important;
+    display: inline-block;
+    position: absolute;
+    right: 11px;
+    top: 0;
+    margin-top: 0;
+  }
+  .grid2:last-child,
+  .grid3:last-child,
+  .grid4:last-child {
+    border-bottom-width: 0;
+  }
+}
+@media only screen and (max-width: 480px) {
+  .hidden-480 {
+    display: none !important;
+  }
+}
+@media only screen and (max-width: 320px) {
+  .hidden-320 {
+    display: none !important;
+  }
+}
+.no-skin {
+  /**
+	.nav-list > li.disabled.active:after {
+		border-color: #999;
+	}
+	.nav-list li.disabled li.active > a:after,
+	.nav-list li.active.disabled > a:after {
+		-moz-border-right-colors: #999 !important;
+		border-right-color: #999 !important;
+	}
+	*/
+}
+.no-skin .navbar .navbar-toggle {
+  background-color: #75B3D7;
+}
+.no-skin .navbar .navbar-toggle:focus {
+  background-color: #75B3D7;
+  border-color: transparent;
+}
+.no-skin .navbar .navbar-toggle:hover {
+  background-color: #61a8d1;
+  border-color: rgba(255, 255, 255, 0.1);
+}
+.no-skin .navbar .navbar-toggle.display,
+.no-skin .navbar .navbar-toggle[data-toggle=collapse]:not(.collapsed) {
+  background-color: #4d9dcc;
+  box-shadow: inset 1px 1px 2px 0 rgba(0, 0, 0, 0.25);
+  border-color: rgba(255, 255, 255, 0.35);
+}
+.no-skin .sidebar {
+  background-color: #f2f2f2;
+  border-style: solid;
+  border-color: #cccccc;
+  border-width: 0 1px 0 0;
+}
+.no-skin .nav-list .open > a,
+.no-skin .nav-list .open > a:hover,
+.no-skin .nav-list .open > a:focus {
+  background-color: #fafafa;
+}
+.no-skin .nav-list > li {
+  border-color: #e5e5e5;
+}
+.no-skin .nav-list > li > a {
+  background-color: #f8f8f8;
+  color: #585858;
+}
+.no-skin .nav-list > li > a:focus {
+  background-color: #f8f8f8;
+  color: #1963aa;
+}
+.no-skin .nav-list > li:hover > a {
+  background-color: #ffffff;
+  color: #266cad;
+}
+.no-skin .nav-list > li.open > a {
+  background-color: #fafafa;
+  color: #1963aa;
+}
+.no-skin .nav-list > li.active > a {
+  font-weight: bold;
+  color: #2b7dbc;
+}
+.no-skin .nav-list > li.active > a,
+.no-skin .nav-list > li.active > a:hover,
+.no-skin .nav-list > li.active > a:focus {
+  background-color: #ffffff;
+}
+.no-skin .nav-list > li .submenu {
+  background-color: #ffffff;
+  border-color: #e5e5e5;
+}
+.no-skin .nav-list > li .submenu > li > a {
+  border-top-color: #e4e4e4;
+  background-color: #ffffff;
+  color: #616161;
+}
+.no-skin .nav-list > li .submenu > li > a:hover {
+  color: #4b88b7;
+  background-color: #f1f5f9;
+}
+.no-skin .nav-list > li .submenu > li.active > a {
+  color: #2b7dbc;
+}
+.no-skin .nav-list > li .submenu > li.active > a > .menu-icon {
+  color: #c86139;
+}
+.no-skin .nav-list > li .submenu > li.active.open > a > .menu-icon {
+  color: inherit;
+}
+@media only screen and (min-width: 992px) {
+  .no-skin .nav-list > li .submenu > li.active.hover > a.dropdown-toggle > .menu-icon {
+    color: inherit;
+  }
+}
+.no-skin .nav-list > li .submenu > li.active:not(.open) > a {
+  background-color: #f5f7fa;
+}
+.no-skin .nav-list > li .submenu > li.active:not(.open) > a:hover {
+  background-color: #f1f5f9;
+}
+.no-skin .nav-list > li > .submenu .open > a,
+.no-skin .nav-list > li > .submenu .open > a:hover,
+.no-skin .nav-list > li > .submenu .open > a:focus {
+  border-color: #e4e4e4;
+}
+.no-skin .nav-list > li > .submenu li > .submenu > li a {
+  color: #757575;
+}
+.no-skin .nav-list > li > .submenu li > .submenu > li a:hover {
+  color: #4b88b7;
+  background-color: #f1f5f9;
+}
+.no-skin .nav-list > li > .submenu li.open > a {
+  color: #4b88b7;
+}
+.no-skin .nav-list > li > .submenu li > .submenu li.open > a,
+.no-skin .nav-list > li > .submenu li > .submenu li.active > a {
+  color: #4b88b7;
+}
+.no-skin .nav-list > li > .submenu:before,
+.no-skin .nav-list > li > .submenu > li:before {
+  border-color: #9dbdd6;
+}
+.no-skin .nav-list > li.active > .submenu:before,
+.no-skin .nav-list > li.active > .submenu > li:before {
+  border-color: #8eb3d0;
+}
+.no-skin .sidebar-toggle {
+  background-color: #f3f3f3;
+  border-color: #e0e0e0;
+}
+.no-skin .sidebar-toggle > .ace-icon {
+  border-color: #bbbbbb;
+  color: #aaaaaa;
+  background-color: #ffffff;
+}
+.no-skin .sidebar-shortcuts {
+  background-color: #fafafa;
+}
+.no-skin .sidebar-fixed .sidebar-shortcuts {
+  border-color: #dddddd;
+}
+.no-skin .sidebar-shortcuts-mini {
+  background-color: #ffffff;
+}
+.no-skin .nav-list li > .arrow:before {
+  border-right-color: #B8B8B8;
+  -moz-border-right-colors: #B8B8B8;
+  border-width: 10px 10px 10px 0;
+  left: -11px;
+}
+.no-skin .nav-list li > .arrow:after {
+  border-right-color: #ffffff;
+  -moz-border-right-colors: #ffffff;
+  border-width: 10px 10px 10px 0;
+  left: -10px;
+}
+.no-skin .nav-list > li.pull_up > .arrow:after {
+  border-right-color: #ffffff !important;
+  -moz-border-right-colors: #ffffff !important;
+  border-width: 10px 10px 10px 0 !important;
+  left: -10px !important;
+}
+.no-skin .nav-list > li.pull_up > .arrow:before {
+  border-width: 10px 10px 10px 0 !important;
+  left: -11px !important;
+}
+.no-skin .nav-list li.active > a:after {
+  border-right-color: #2b7dbc;
+  -moz-border-right-colors: #2b7dbc;
+}
+.no-skin .nav-list > li.active:after {
+  display: block;
+  content: "";
+  position: absolute;
+  right: -2px;
+  top: -1px;
+  bottom: 0;
+  z-index: 1;
+  border: 2px solid;
+  border-width: 0 2px 0 0;
+  border-color: #2b7dbc;
+}
+.no-skin .sidebar-scroll .nav-list > li.active:after {
+  right: 0;
+}
+@media only screen and (max-width: 991px) {
+  .no-skin .sidebar.responsive .nav-list > li.active.open > a:after,
+  .no-skin .sidebar.responsive-max .nav-list > li.active.open > a:after {
+    display: block;
+  }
+  .no-skin .sidebar.responsive .nav-list li li.active > a:after,
+  .no-skin .sidebar.responsive-max .nav-list li li.active > a:after {
+    display: none;
+  }
+  .no-skin .sidebar.responsive .nav-list > li.active:after,
+  .no-skin .sidebar.responsive-max .nav-list > li.active:after {
+    height: 41px;
+  }
+}
+.no-skin .sidebar.menu-min .nav-list > li > a > .menu-text {
+  background-color: #f5f5f5;
+  -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+  box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+  border-color: #cccccc;
+}
+.no-skin .sidebar.menu-min .nav-list > li > a.dropdown-toggle > .menu-text {
+  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+}
+.no-skin .sidebar.menu-min .nav-list > li.active > .submenu {
+  border-left-color: #83b6d1;
+}
+.no-skin .sidebar.menu-min .nav-list > li > .submenu {
+  background-color: #ffffff;
+  border: 1px solid #cccccc;
+  border-top-color: #e6e6e6;
+  -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+  box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+}
+.no-skin .sidebar.menu-min .nav-list > li > .arrow:after {
+  border-right-color: #f5f5f5;
+  -moz-border-right-colors: #f5f5f5;
+  border-width: 8px 8px 8px 0;
+  left: -8px;
+}
+.no-skin .sidebar.menu-min .nav-list > li > .arrow:before {
+  border-width: 8px 8px 8px 0;
+  left: -9px;
+}
+.no-skin .sidebar.menu-min .nav-list > li.active > .arrow:before {
+  border-right-color: #5a9ec2;
+  -moz-border-right-colors: #5a9ec2;
+}
+.no-skin .sidebar.menu-min .nav-list > li.active > a > .menu-text {
+  border-left-color: #83b6d1;
+}
+.no-skin .sidebar.menu-min .sidebar-shortcuts-large {
+  background-color: #ffffff;
+  -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+  box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+  border-color: #cccccc;
+}
+.no-skin .sidebar.menu-min .sidebar-toggle > .ace-icon {
+  border-color: #b1b1b1;
+}
+@media (max-width: 991px) {
+  .no-skin .sidebar.responsive-min .nav-list > li > a > .menu-text {
+    background-color: #f5f5f5;
+    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    border-color: #cccccc;
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li > a.dropdown-toggle > .menu-text {
+    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li.active > .submenu {
+    border-left-color: #83b6d1;
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li > .submenu {
+    background-color: #ffffff;
+    border: 1px solid #cccccc;
+    border-top-color: #e6e6e6;
+    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.1);
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li > .arrow:after {
+    border-right-color: #f5f5f5;
+    -moz-border-right-colors: #f5f5f5;
+    border-width: 8px 8px 8px 0;
+    left: -8px;
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li > .arrow:before {
+    border-width: 8px 8px 8px 0;
+    left: -9px;
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li.active > .arrow:before {
+    border-right-color: #5a9ec2;
+    -moz-border-right-colors: #5a9ec2;
+  }
+  .no-skin .sidebar.responsive-min .nav-list > li.active > a > .menu-text {
+    border-left-color: #83b6d1;
+  }
+  .no-skin .sidebar.responsive-min .sidebar-shortcuts-large {
+    background-color: #ffffff;
+    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    border-color: #cccccc;
+  }
+  .no-skin .sidebar.responsive-min .sidebar-toggle > .ace-icon {
+    border-color: #b1b1b1;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .no-skin .nav-list li.hover > .submenu {
+    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    border-color: #cccccc;
+  }
+  .no-skin .nav-list li.hover > .submenu > li.active > a {
+    background-color: #f5f5f5;
+  }
+  .no-skin .nav-list li.hover > .submenu > li:hover > a {
+    background-color: #eef3f7;
+    color: #2e7db4;
+  }
+}
+@media only screen and (min-width: 992px) and (max-width: 991px) {
+  .no-skin .sidebar.navbar-collapse .nav-list li li.hover.active.open > a {
+    background-color: #ffffff;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list li li.hover:hover > a {
+    background-color: #ffffff;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list li li.hover > a:hover,
+  .no-skin .sidebar.navbar-collapse .nav-list li li.hover.open > a:hover,
+  .no-skin .sidebar.navbar-collapse .nav-list li li.hover.open.active > a:hover {
+    background-color: #f1f5f9;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list > li .submenu > li.active.hover > a.dropdown-toggle > .menu-icon {
+    color: #c86139;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list > li .submenu > li.active.open.hover > a.dropdown-toggle > .menu-icon {
+    color: inherit;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .no-skin .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a {
+    color: #585858;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list > li.open.hover:not(:hover):not(:focus):not(.active) > a > .arrow {
+    color: inherit;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list > li.open.hover:hover > a {
+    background-color: #ffffff;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a {
+    color: #616161;
+  }
+  .no-skin .sidebar.navbar-collapse .nav-list > li > .submenu li.open.hover:not(:hover):not(:focus):not(.active) > a > .arrow {
+    color: inherit;
+  }
+}
+@media only screen and (min-width: 992px) and (max-width: 991px) {
+  .no-skin .sidebar.navbar-collapse .nav-list li.hover > .submenu {
+    border-top-color: #e5e5e5;
+    background-color: #ffffff;
+  }
+  .no-skin .nav-list li.hover > .submenu > li.active:not(.open) > a {
+    background-color: #f5f7fa;
+  }
+  .no-skin .nav-list li.hover > .submenu > li.active:not(.open) > a:hover {
+    background-color: #f1f5f9;
+  }
+}
+@media only screen and (min-width: 992px) {
+  .no-skin .sidebar.h-sidebar {
+    background-color: #f8f8f8;
+  }
+  .no-skin .sidebar.h-sidebar:before {
+    background-color: #e4e4e4;
+    -webkit-box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.05) inset;
+    box-shadow: 0 -1px 1px 0 rgba(0, 0, 0, 0.05) inset;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li:hover,
+  .no-skin .sidebar.h-sidebar .nav-list > li:hover + li {
+    border-left-color: #cedde5;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li:last-child:hover {
+    border-right-color: #cedde5;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.active,
+  .no-skin .sidebar.h-sidebar .nav-list > li.active + li,
+  .no-skin .sidebar.h-sidebar .nav-list > li:hover + li.active {
+    border-left-color: #79b0ce;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.active:last-child {
+    border-right-color: #79b0ce;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.active:before {
+    background-color: #2b7dbc;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.active > a:after {
+    border-width: 0 0 2px 0;
+    border-color: transparent;
+    border-bottom-color: #FFF;
+    left: 0;
+    right: 0;
+    top: auto;
+    bottom: -2px;
+  }
+  .no-skin .sidebar.h-sidebar .sidebar-shortcuts-large {
+    background-color: #FFF;
+    border-color: #cccccc;
+    -webkit-box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+    box-shadow: 2px 1px 2px 0 rgba(0,0,0,0.1);
+  }
+  .no-skin .sidebar.h-sidebar .sidebar-shortcuts-large:after {
+    border-bottom-color: #FFF;
+    -moz-border-bottom-colors: #FFF;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.hover > .submenu {
+    border-color: #cccccc;
+  }
+  .no-skin .sidebar.h-sidebar.menu-min .nav-list > li.hover > .submenu {
+    border-top-color: #e6e6e6;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.hover > .arrow:after {
+    border-color: transparent;
+    -moz-border-right-colors: none;
+    -moz-border-top-colors: none;
+    -moz-border-left-colors: none;
+    border-bottom-color: #FFF;
+    -moz-border-bottom-colors: #FFF;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.hover > .arrow:before {
+    border-color: transparent;
+    -moz-border-right-colors: none;
+    -moz-border-top-colors: none;
+    -moz-border-left-colors: none;
+    -moz-border-bottom-colors: #B8B8B8;
+    border-bottom-color: #B8B8B8;
+  }
+  .no-skin .sidebar.h-sidebar.menu-min .nav-list > li.hover > .arrow:after {
+    -moz-border-bottom-colors: #F5F5F5;
+    border-bottom-color: #F5F5F5;
+  }
+  .no-skin .sidebar.h-sidebar.menu-min .nav-list > li.active > a > .menu-text {
+    border-left-color: #cccccc;
+  }
+}
+@media only screen and (max-width: 991px) {
+  .no-skin .sidebar {
+    border-width: 0 1px 1px 0;
+    border-top-color: #d6d6d6;
+  }
+  .no-skin .menu-toggler + .sidebar.responsive {
+    border-top-width: 1px;
+  }
+  .no-skin .sidebar.responsive-min {
+    border-width: 0 1px 0 0;
+  }
+  .no-skin .sidebar.navbar-collapse {
+    border-width: 0;
+    border-bottom-width: 1px !important;
+    border-bottom-color: #cccccc;
+    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) !important;
+    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) !important;
+  }
+  .no-skin .sidebar.navbar-collapse.menu-min .nav-list > li > .submenu {
+    background-color: #ffffff;
+  }
+}
+.no-skin .sidebar-scroll .sidebar-shortcuts {
+  border-bottom-color: #dddddd;
+}
+.no-skin .sidebar-scroll .sidebar-toggle {
+  border-top-color: #dddddd;
+}
+.no-skin .main-container .menu-toggler {
+  background-color: #444444;
+}
+.no-skin .main-container .menu-toggler:before {
+  border-top-color: #87b87f;
+  border-bottom-color: #6fb3e0;
+}
+.no-skin .main-container .menu-toggler:after {
+  border-top-color: #ffa24d;
+  border-bottom-color: #d15b47;
+}
+.no-skin .main-container .menu-toggler > .toggler-text {
+  border-top-color: #444444;
+  -moz-border-top-colors: #444444;
+}
+.no-skin .nav-list > li.disabled:before {
+  display: none !important;
+}
+.no-skin .nav-list > li.disabled > a {
+  background-color: #ebebeb !important;
+  color: #656565 !important;
+}
+.no-skin .nav-list li .submenu > li.disabled > a,
+.no-skin .nav-list li.disabled .submenu > li > a {
+  background-color: #f2f2f2 !important;
+  color: #7a7a7a !important;
+  cursor: not-allowed !important;
+}
+.no-skin .nav-list li .submenu > li.disabled > a > .menu-icon,
+.no-skin .nav-list li.disabled .submenu > li > a > .menu-icon {
+  display: none;
+}
+.nav-list li.highlight li.active > a:after,
+.nav-list li li.highlight.active > a:after,
+.nav-list li.highlight li.active > a:before,
+.nav-list li li.highlight.active > a:before {
+  display: none;
+}
+.nav-list > li.highlight.active > a:after,
+.nav-list > li.highlight.active > a:before {
+  display: block;
+}
+.no-skin .nav-list > li.highlight:hover,
+.no-skin .nav-list > li.highlight.active {
+  border-color: #c8d8e2;
+}
+.no-skin .nav-list > li.highlight:hover + li,
+.no-skin .nav-list > li.highlight.active + li {
+  border-top-color: #c8d8e2;
+}
+.no-skin .nav-list > li.highlight:hover > a,
+.no-skin .nav-list > li.highlight.active > a {
+  background-color: #FFF;
+}
+.no-skin .nav-list > li.highlight.active:after {
+  display: none;
+}
+.no-skin .nav-list > li.highlight.active:before {
+  display: block;
+  background-color: #4f90c2;
+}
+.no-skin .nav-list > li.highlight.active > a {
+  background-color: #f2f6f9 !important;
+}
+.no-skin .nav-list > li.highlight.active > a:before,
+.no-skin .nav-list > li.highlight.active > a:after {
+  display: block;
+  content: "";
+  position: absolute;
+  top: -1px;
+  right: -10px;
+  bottom: auto;
+  z-index: 1;
+  border-style: solid;
+  border-width: 20px 0 21px 10px;
+  border-color: transparent;
+}
+.no-skin .nav-list > li.highlight.active > a:before {
+  border-left-color: #a0bccd;
+  -moz-border-left-colors: #a0bccd;
+  right: -11px;
+}
+.no-skin .nav-list > li.highlight.active > a:after {
+  border-left-color: #f2f6f9;
+  -moz-border-left-colors: #f2f6f9;
+}
+.no-skin .nav-list li li.highlight.active > a {
+  background-color: #f2f6f9;
+}
+.no-skin .nav-list li li.highlight.active.open > a {
+  background-color: #FFF;
+}
+.no-skin .nav-list li li.highlight.active.open > a:hover {
+  background-color: #f1f5f9;
+}
+@media (min-width: 992px) {
+  .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active > a:after {
+    display: block;
+    content: "";
+    position: absolute;
+    left: 0;
+    top: auto;
+    right: auto;
+    bottom: -2px;
+    left: 50%;
+    margin-left: -7px;
+    border-color: transparent;
+    -moz-border-right-colors: none;
+    -moz-border-left-colors: none;
+    -moz-border-top-colors: none;
+    border-width: 8px 7px;
+    border-bottom-color: #FFF;
+    -moz-border-bottom-colors: #FFF;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active > a:before {
+    content: "";
+    position: absolute;
+    display: block;
+    left: 0;
+    top: auto;
+    right: auto;
+    bottom: -1px;
+    left: 50%;
+    margin-left: -7px;
+    border-width: 8px;
+    border-color: transparent;
+    -moz-border-right-colors: none;
+    -moz-border-left-colors: none;
+    -moz-border-top-colors: none;
+    border-bottom-color: #74add7;
+    -moz-border-bottom-colors: #74add7;
+  }
+  .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active:hover > a:after,
+  .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active.hover-show > a:after,
+  .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active:hover > a:before,
+  .no-skin .sidebar.h-sidebar .nav-list > li.highlight.active.hover-show > a:before {
+    display: none;
+  }
+}
+@media (min-width: 992px) {
+  .sidebar.compact .nav-list li.highlight.active > a:after,
+  .sidebar.compact .nav-list li.highlight.active > a:before {
+    display: none;
+  }
+  .sidebar.compact.menu-min .nav-list li.highlight.active > a:after,
+  .sidebar.compact.menu-min .nav-list li.highlight.active > a:before {
+    display: block;
+  }
+}
+@media (min-width: 992px) {
+  .sidebar.h-sidebar .nav-list li.highlight.active > a:after,
+  .sidebar.h-sidebar .nav-list li.highlight.active > a:before {
+    display: block;
+    border-width: 8px !important;
+    -moz-border-left-colors: none !important;
+    -moz-border-right-colors: none !important;
+    border-left-color: transparent !important;
+    border-right-color: transparent !important;
+  }
+  .sidebar.h-sidebar .nav-list > li.highlight.active:hover > a:after,
+  .sidebar.h-sidebar .nav-list > li.highlight.active:hover > a:before {
+    display: none !important;
+  }
+}
+.sidebar-scroll .nav-list > li.active.highlight > a:after,
+.sidebar-scroll .nav-list > li.active.highlight > a:before {
+  display: none !important;
+}
+.onpage-help-backdrop {
+  position: absolute;
+  z-index: 99990;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: #000;
+  filter: alpha(opacity=5);
+  background-color: rgba(0, 0, 0, 0.05);
+}
+.onpage-help-section {
+  display: block;
+  position: absolute;
+  z-index: 100000;
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4DFFFFFF', endColorstr='#4DFFFFFF', GradientType=0);
+  background-color: rgba(255, 255, 255, 0.3);
+  border: 1px dashed #8BBCD3;
+  border-radius: 4px;
+  transition: background-color 0.2s, border-color 0.2s;
+  -webkit-transition: background-color 0.2s, border-color 0.2s;
+  text-align: center;
+  vertical-align: middle;
+  outline: none !important;
+}
+.onpage-help-section > .ie-hover-fix {
+  /* ie8-9 fix*/
+  display: block;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  background-color: #FFF;
+  filter: alpha(opacity=1);
+}
+.onpage-help-section:focus,
+.onpage-help-section:active {
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33C9D8EA', endColorstr='#33C9D8EA', GradientType=0);
+  background-color: rgba(201, 216, 234, 0.2);
+  border-color: #77ACC4;
+}
+.onpage-help-section:hover {
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#66C9D8EA', endColorstr='#66C9D8EA', GradientType=0);
+  background-color: rgba(201, 216, 234, 0.4);
+  border-color: #77ACC4;
+  border-style: solid;
+}
+.onpage-help-section > .help-icon-1 {
+  font-size: 18px;
+  display: inline-block;
+  position: absolute;
+  z-index: 1;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  -webkit-transform: translate(-50%, -50%);
+  opacity: 0;
+  filter: alpha(opacity=0);
+  color: #FFF;
+  text-shadow: 0 0 2px black;
+  background-color: #85B8DB;
+  border: 2px solid #FFF;
+  border-radius: 100%;
+  box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.4);
+  width: 48px;
+  height: 48px;
+  line-height: 46px;
+  transition: opacity 0.2s;
+  -webkit-transition: opacity 0.2s;
+}
+.onpage-help-section:focus > .help-icon-1,
+.onpage-help-section:active > .help-icon-1 {
+  opacity: 0.5;
+}
+.onpage-help-section:hover > .help-icon-1 {
+  opacity: 1;
+  filter: alpha(opacity=100);
+}
+.onpage-help-section.help-section-small > .help-icon-1 {
+  font-size: 18px;
+  width: 28px;
+  height: 28px;
+  line-height: 26px;
+  border-radius: 12px;
+}
+.onpage-help-section.help-section-smaller > .help-icon-1 {
+  font-size: 14px;
+  width: 20px;
+  height: 20px;
+  line-height: 17px;
+  border-radius: 8px;
+}
+.onpage-help-section > .help-icon-2 {
+  position: absolute;
+  z-index: 2;
+  left: -4px;
+  top: -4px;
+  width: 18px;
+  height: 18px;
+  line-height: 16px;
+  display: block;
+  font-size: 16px;
+  color: orange;
+  background-color: #FFF;
+  border: 1px solid orange;
+  border-radius: 4px;
+  opacity: 1;
+  transition: all 0.2s;
+  -webkit-transition: all 0.2s;
+}
+.onpage-help-section:hover > .help-icon-2 {
+  color: #59A34E;
+  border-color: #59A34E;
+  transform: scale(1.25);
+  -webkit-transform: scale(1.25);
+}
+.onpage-help-modal {
+  z-index: 100010;
+}
+.onpage-help-modal + .modal-backdrop {
+  z-index: 100009;
+}
+.onpage-help-modal-buttons button {
+  border-radius: 100%;
+  border-width: 2px !important;
+}
+.onpage-help-modal-buttons button:focus {
+  outline: none !important;
+}
+.onpage-help-modal-buttons button.disabled {
+  transform: scale(0.9);
+  -webkit-transform: scale(0.9);
+}
+.onpage-help-content {
+  max-width: 800px;
+  margin: 0 auto;
+}
+.code-modal.onpage-help-modal .modal-dialog {
+  margin-top: 6px;
+  margin-bottom: 6px;
+}
+.code-modal.onpage-help-modal .modal-header {
+  padding-top: 6px;
+  padding-bottom: 6px;
+}
+.code-modal.onpage-help-modal .modal-body {
+  padding: 10px 12px;
+}
+.onpage-help-modal pre {
+  border-width: 0;
+  box-shadow: none;
+  border-radius: 0;
+  margin-top: 8px;
+}
+.onpage-help-modal .modal-title code {
+  font-size: 13px;
+}
+.onpage-help-modal .modal-body {
+  font-size: 14px;
+}
+@media print {
+  .navbar {
+    display: none !important;
+    /**
+	background: transparent none !important;
+	border-bottom: 1px solid #DDD;
+	
+	.navbar-brand {
+		color: @text-color !important;
+	}
+
+	.ace-nav {
+		display: none !important;
+	}
+	*/
+  }
+  .sidebar {
+    display: none !important;
+  }
+  .main-content {
+    margin-left: 0 !important;
+    margin-right: 0 !important;
+  }
+  .main-content .nav-search {
+    display: none !important;
+  }
+  .main-content .breadcrumbs {
+    float: right;
+    border-width: 0 !important;
+  }
+  .main-content .breadcrumbs .breadcrumb > li + li:before {
+    content: "/";
+  }
+  .main-content .breadcrumbs .breadcrumb .home-icon {
+    display: none;
+  }
+  .ace-settings-container {
+    display: none !important;
+  }
+  .footer {
+    width: 100%;
+    height: auto;
+    position: relative;
+  }
+  .footer .footer-inner,
+  .footer .footer-inner .footer-content {
+    width: 100%;
+  }
+  .btn-scroll-up {
+    display: none !important;
+  }
+  .btn,
+  .btn.btn-app {
+    background: transparent none !important;
+    border-width: 1px !important;
+    border-radius: 0 !important;
+    color: #555 !important;
+  }
+  .label {
+    border: 1px solid #666 !important;
+  }
+  .label[class*=arrowed]:before,
+  .label[class*=arrowed]:after {
+    display: none !important;
+  }
+}
diff --git a/web/cms/public/assets/fonts/iconfont.svg b/web/cms/public/assets/fonts/iconfont.svg
new file mode 100644
index 00000000..9ce3b7b0
--- /dev/null
+++ b/web/cms/public/assets/fonts/iconfont.svg
@@ -0,0 +1,158 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+Created by FontForge 20120731 at Thu Jun  4 14:56:48 2015
+ By Ads
+</metadata>
+<defs>
+<font id="iconfont" horiz-adv-x="1024" >
+  <font-face 
+    font-family="iconfont"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    panose-1="2 0 6 3 0 0 0 0 0 0"
+    ascent="812"
+    descent="-212"
+    x-height="792"
+    bbox="-0.125 -224 1025 812"
+    underline-thickness="50"
+    underline-position="-100"
+    unicode-range="U+0078-E61E"
+  />
+<missing-glyph horiz-adv-x="374" 
+d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
+    <glyph glyph-name=".notdef" horiz-adv-x="374" 
+d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
+    <glyph glyph-name=".null" horiz-adv-x="0" 
+ />
+    <glyph glyph-name="nonmarkingreturn" horiz-adv-x="341" 
+ />
+    <glyph glyph-name="x" unicode="x" horiz-adv-x="1001" 
+d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
+t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
+t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
+    <glyph glyph-name="uniE600" unicode="&#xe600;" 
+d="M861 102l147 388q3 10 -3 18.5t-17 8.5h-489q-9 0 -15 -6t-6 -14.5t6 -14.5t15 -6h460l-131 -346h-370l-140 562v1q-13 45 -36 65q-27 25 -76 25h-136q-1 0 -2 -1q-16 0 -27.5 -12t-11.5 -28q0 -17 12 -29t29 -12t29 12t12 29h95q33 0 49 -14q14 -13 24 -47l163 -658
+q6 -22 10 -34t16 -28t29 -25q-19 -22 -19 -51q0 -34 24 -58t58 -24t58 24t24 58q0 22 -11 40h123q-10 -18 -10 -40q0 -34 23.5 -58t57.5 -24t58 24t24 58t-24 57.5t-58 23.5h-4v0h-2h-265q-20 0 -32.5 3.5t-20 14t-11 19.5t-8.5 30l-14 56h374q14 0 19 13zM866 -115
+q0 -17 -12 -29t-29 -12t-29 12t-12 29t12 28.5t29 11.5t29 -11.5t12 -28.5zM560 -75q17 0 29 -11.5t12 -28.5t-12 -29t-29 -12t-29 12t-12 29t12 28.5t29 11.5z" />
+    <glyph glyph-name="uniE601" unicode="&#xe601;" 
+d="M818 -113q-5 82 -67 133q-35 28 -119 61q-31 12 -46 19t-32 19.5t-23 25.5q-2 23 -2 62v5v4q13 13 25 38q14 28 19 56q10 5 18 15q15 20 20 56q3 30 -13 50q13 46 17 89q6 78 -22 124q-27 43 -79 53q-30 38 -106 38q-114 -2 -164 -68q-59 -79 -22 -235q-17 -21 -13 -51
+q4 -36 20 -56q8 -10 18 -15q5 -26 18 -53t27 -41v-9q0 -39 -2 -62q-8 -19 -31.5 -32.5t-70.5 -31.5q-83 -33 -119 -61q-62 -51 -67 -133q-1 -9 5 -15.5t15 -6.5h776q9 0 15 6.5t5 15.5zM45 -94q9 49 50 82q30 24 108 55q28 11 42.5 17.5t34.5 17.5t31.5 24.5t18.5 30.5
+q1 3 1 5q2 27 2 69v19q0 12 -11 18q-8 6 -21 32t-16 52q0 7 -5.5 12.5t-12.5 5.5q-2 0 -5 3t-6.5 12.5t-5.5 24.5q-2 17 6 22q13 8 9 23q-18 69 -16 122q3 56 28 89q38 50 131 52q61 0 76 -26q5 -8 15 -10q40 -5 59 -35q14 -24 16 -62t-3.5 -69.5t-15.5 -59.5q-5 -16 9 -24
+q8 -6 6 -22q-2 -15 -5.5 -24.5t-6.5 -12.5t-5 -3q-7 0 -12.5 -5.5t-5.5 -12.5q-3 -26 -16 -52.5t-20 -31.5q-11 -6 -11 -18v-19q0 -42 2 -69q0 -2 1 -5q7 -17 18.5 -30.5t31.5 -24.5t34.5 -17.5t41.5 -17.5q78 -31 108 -55q40 -33 50 -82h-730zM1017 -17.5q-6 -6.5 -15 -6.5
+h-126q-8 0 -14 6t-6 14.5t6 14.5t14 6h102q-8 37 -39 63q-26 20 -90 46q-24 9 -36 14.5t-29 15t-27.5 21.5t-15.5 26q-1 3 -1 6q-2 22 -2 58v16q0 12 10 18q7 5 17 26.5t12 41.5q1 7 6 12t12 6q9 3 12 31q1 11 -4 15q-14 9 -8 24q7 23 12 49.5t3.5 58t-13.5 50.5
+q-15 24 -47 28q-10 2 -15 11q-12 19 -61 19q-19 0 -34 -3q-9 -1 -16 4t-8 13.5t3.5 15t13.5 8.5q19 3 40 3h1q64 0 90 -32q45 -9 68 -45q39 -64 5 -181q14 -18 11 -43q-4 -31 -18 -49q-6 -8 -14 -13q-11 -50 -37 -78v-7q0 -32 1 -51q7 -15 27 -26t57 -25q70 -28 100 -52
+q54 -44 58 -115q1 -8 -5 -14.5z" />
+    <glyph glyph-name="uniE602" unicode="&#xe602;" 
+d="M1015 269q-6 -6 -15 -6q-8 0 -14 6l-65 68v-524q0 -8 -6 -14t-14 -6h-266q-8 0 -14 6t-6 14.5t6 14.5t14 6h245v545l-367 383l-367 -383v-545h224v306q0 8 6 14t15 6h244q9 0 15 -6t6 -14.5t-6 -14.5t-15 -6h-224v-306q0 -8 -6 -14t-14 -6h-266q-8 0 -14 6t-6 14v524
+l-65 -68q-6 -6 -14.5 -6t-14.5 6t-6 14.5t6 14.5l487 508q6 6 15 6t15 -6l487 -508q6 -6 6 -14.5t-6 -14.5z" />
+    <glyph glyph-name="uniE603" unicode="&#xe603;" 
+d="M1024 288q0 -97 -35.5 -187t-101.5 -162h-1l-24 -24q-6 -5 -14 -5.5t-14 5.5q-31 27 -114 60q-28 11 -42 17.5t-34 17.5t-32 24.5t-18 30.5q-1 3 -1 6q-3 26 -2 69v19q0 12 10 18q8 5 20.5 31.5t15.5 52.5q1 7 6 12t13 6q2 0 4.5 3t6.5 12.5t6 24.5q2 17 -6 22
+q-14 9 -9 24q15 45 19 92q5 65 -17 100q-18 30 -59 35q-10 2 -15 10q-14 26 -76 26q-93 -2 -132 -52q-25 -34 -27 -89q-3 -53 15 -123q4 -15 -9 -23q-8 -6 -6 -22q2 -15 6 -24.5t6.5 -12.5t4.5 -3q8 -1 13 -6t6 -12q3 -26 16 -52.5t21 -31.5q10 -6 10 -18v-19q1 -43 -2 -69
+q0 -3 -1 -6q-6 -17 -18 -30.5t-32 -24.5t-34.5 -17.5t-41.5 -17.5q-31 -12 -46 -19q-8 -3 -16 0t-11.5 10.5t-0.5 15.5t11 11q16 8 48 20q31 12 46.5 19t32.5 19.5t23 25.5q2 24 2 62q0 3 -1 10q-14 14 -26.5 41t-18.5 53q-10 5 -18 15q-15 20 -19 56q-4 31 13 51
+q-38 157 22 236q50 66 164 68q76 0 106 -38q53 -10 79 -53q19 -31 22 -77.5t-2.5 -76.5t-13.5 -59q16 -21 12 -51q-4 -36 -19 -56q-8 -10 -18 -15q-6 -28 -19 -56q-13 -25 -25 -38v-10q-1 -39 1 -62q9 -19 32.5 -32.5t69.5 -31.5q78 -31 112 -56l10 11q61 65 93.5 148
+t32.5 172q0 96 -37 183q-36 85 -101 150t-150 101q-87 37 -183 37t-183 -37q-85 -36 -150 -101t-101 -150q-37 -87 -37 -183t37 -183q36 -85 101 -150t150 -101q87 -37 183 -37q122 0 229 59q7 4 15 2t12.5 -9.5t2 -16t-9.5 -12.5q-116 -64 -249 -64q-104 0 -199 40
+q-92 39 -163 110t-110 163q-40 95 -40 199t40 199q39 92 110 163t163 110q95 40 199 40t199 -40q92 -39 163 -110t110 -163q40 -95 40 -199z" />
+    <glyph glyph-name="uniE604" unicode="&#xe604;" 
+d="M1004 371l-132 22q-12 40 -33 77l78 111q10 14 -2 26l-87 86q-12 13 -26 3l-109 -79q-37 21 -78 33l-23 132q-2 7 -7.5 12t-13.5 5h-122q-7 0 -13 -5t-7 -12l-22 -132q-41 -11 -78 -32l-108 78q-14 10 -27 -2l-86 -87q-12 -12 -3 -26l77 -109q-21 -38 -33 -79l-131 -22
+q-7 -1 -12 -7t-5 -13v-123q0 -7 5 -12.5t12 -7.5l131 -23q12 -41 33 -79l-78 -108q-10 -14 2 -26l87 -87q12 -12 26 -2l110 77q37 -21 78 -33l22 -131q1 -8 7 -12.5t13 -4.5h122q8 0 13.5 4.5t7.5 11.5l23 133q41 12 78 32l110 -77q14 -10 26 2l87 87q12 12 2 26l-78 109
+q20 37 32 78l132 23q8 2 12.5 7.5t4.5 12.5v123q0 7 -4.5 13t-12.5 7zM980 246l-128 -23q-13 -2 -17 -15q-12 -49 -37 -91q-7 -12 1 -23l76 -105l-62 -63l-107 75q-11 8 -23 1q-42 -26 -91 -38q-13 -3 -15 -16l-23 -129h-88l-21 128q-2 13 -15 16q-49 13 -92 38q-11 7 -22 0
+l-106 -75l-62 63l75 104q7 11 0 23q-26 43 -38 92q-3 13 -16 15l-127 23v88l127 21q13 2 16 15q13 49 39 92q6 11 -1 22l-74 106l62 62l105 -75q11 -8 23 -1q42 26 91 38q13 3 16 17l20 127h88l23 -128q2 -13 15 -16q49 -12 91 -38q12 -7 23 0l105 76l63 -62l-76 -107
+q-7 -11 0 -22q25 -43 37 -91q4 -13 17 -15l128 -21v-88zM695 289q0 -9 -6 -15t-14.5 -6t-14.5 6t-6 15q0 59 -42 101t-101 42t-101 -42t-42 -101t42 -101t101 -42q51 0 90 32q6 5 14.5 4t14 -7.5t4.5 -15t-8 -13.5q-50 -41 -115 -41q-76 0 -129.5 54t-53.5 130t53.5 129.5
+t129.5 53.5t130 -53.5t54 -129.5z" />
+    <glyph glyph-name="uniE605" unicode="&#xe605;" 
+d="M878 247h-327q-9 0 -15 -6t-6 -15v-327q0 -9 6 -15t15 -6h327q9 0 15 6t6 15v327q0 9 -6 15t-15 6zM858 -81h-287v287h287v-287zM431 247h-328q-8 0 -14 -6t-6 -15v-327q0 -9 6 -15t14 -6h328q8 0 14 6t6 15v327q0 9 -6 15t-14 6zM410 -81h-286v287h286v-287zM431 696
+h-328q-8 0 -14 -6t-6 -14v-327q0 -9 6 -15t14 -6h328q8 0 14 6t6 15v327q0 8 -6 14t-14 6zM410 369h-286v286h286v-286zM966 534l-215 215q-6 6 -14.5 6t-14.5 -6l-214 -215q-6 -6 -6 -14.5t6 -14.5l214 -214q6 -6 14.5 -6t14.5 6l215 214q6 6 6 14.5t-6 14.5zM737 334
+l-186 186l186 185l185 -185z" />
+    <glyph glyph-name="uniE606" unicode="&#xe606;" 
+d="M982 501q-39 91 -109.5 161.5t-162.5 109.5q-93 40 -196 40h-2h-2q-103 0 -196 -40q-92 -39 -162.5 -109.5t-109.5 -161.5q-40 -95 -40 -199t40 -198q39 -92 109.5 -162.5t162.5 -109.5q93 -39 196 -40h1h1h1h1q103 1 196 40q92 39 162.5 109.5t109.5 162.5q40 94 40 198
+t-40 199zM180 634q65 65 149 100q29 12 59 21q-38 -38 -67 -98q-19 -38 -34 -82q-67 18 -119 45zM80 485q24 56 60 103q59 -32 136 -52q-27 -100 -29 -213h-203q3 84 36 162zM140 16q-36 48 -60 104q-33 77 -36 162h203q2 -114 29 -213q-77 -21 -136 -53zM329 -130
+q-84 36 -149 101q-6 6 -12 13q52 28 119 45q15 -44 34 -82q29 -59 67 -97q-30 8 -59 20zM492 -165q-32 7 -62 32q-41 34 -73 98q-17 34 -30 74q79 16 165 18v-222zM492 98q-92 -2 -177 -20q-25 95 -27 204h204v-184zM492 323h-204q2 108 27 203q85 -18 177 -20v-183z
+M492 547q-86 2 -165 18q13 40 30 74q32 64 73 98q30 26 62 32v-222zM695 734q84 -35 149 -100l12 -14q-52 -27 -119 -45q-15 44 -34 82q-29 60 -67 98q30 -9 59 -21zM532 769q32 -6 62 -32q41 -34 73 -98q17 -34 30 -74q-79 -16 -165 -18v222zM532 506q93 2 177 20
+q25 -95 27 -203h-204v183zM532 282h204q-2 -109 -27 -204q-85 18 -177 20v184zM594 -133q-30 -25 -62 -32v222q86 -2 165 -18q-13 -40 -30 -74q-32 -64 -73 -98zM844 -29q-65 -65 -149 -101q-29 -12 -59 -20q38 38 67 97q19 38 34 82q67 -17 119 -45q-6 -7 -12 -13zM944 120
+q-24 -56 -60 -104q-59 32 -136 53q27 99 29 213h203q-3 -85 -36 -162zM777 323q-2 113 -29 213q77 20 136 52q36 -47 60 -103q33 -78 36 -162h-203z" />
+    <glyph glyph-name="uniE607" unicode="&#xe607;" 
+d="M430 144h-306q2 25 18.5 41t36 22.5t38 15.5t23.5 21v34q-4 3 -10 15.5t-8 23.5q-11 1 -13 23q-1 12 6 17q-28 112 62 114q27 0 35 -15q18 -2 26.5 -14.5t9 -29.5t-2 -30.5t-5.5 -24.5q7 -5 6 -17q-3 -22 -14 -23q-1 -11 -7 -23.5t-10 -15.5q0 -26 1 -34q4 -12 22.5 -21
+t38 -15.5t36 -22.5t17.5 -41zM920 368.5q0 -8.5 -6 -14.5t-14 -6h-368q-8 0 -14 6t-6 14.5t6 14.5t14 6h368q8 0 14 -6t6 -14.5zM920 266.5q0 -8.5 -6 -14.5t-14 -6h-368q-8 0 -14 6t-6 14.5t6 14.5t14 6h368q8 0 14 -6t6 -14.5zM920 164.5q0 -8.5 -6 -14.5t-14 -6h-368
+q-8 0 -14 6t-6 14.5t6 14.5t14 6h368q8 0 14 -6t6 -14.5zM1022 552v-571q0 -26 -18 -43.5t-43 -17.5h-82q-8 0 -14 5.5t-6 14t6 14.5t14 6h82q8 0 14 6t6 15v571q0 9 -6 14.5t-14 5.5h-449q-8 0 -14 6t-6 15v41q0 8 -6 14t-15 6h-408q-8 0 -14 -6t-6 -14v-653q0 -9 6 -15
+t14 -6h102v62q0 8 6 14t15 6h81q9 0 15 -6t6 -14.5t-6 -14.5t-15 -6h-61v-61q0 -9 -6 -14.5t-14 -5.5h-123q-25 0 -43 17.5t-18 43.5v653q0 25 18 43t43 18h408q26 0 43.5 -18t17.5 -43v-21h429q25 0 43 -18t18 -43zM859 21.5q0 -8.5 -6 -14.5t-15 -6h-61v-61q0 -9 -6 -14.5
+t-14 -5.5h-449q-9 0 -15 5.5t-6 14t6 14.5t15 6h428v62q0 8 6 14t15 6h81q9 0 15 -6t6 -14.5z" />
+    <glyph glyph-name="uniE608" unicode="&#xe608;" horiz-adv-x="1025" 
+d="M427 -92q-10 0 -18 6l-312 286l-51 -63q-7 -9 -17.5 -10t-19 5.5t-9.5 17t6 19.5l68 85q7 8 18 9t19 -6l313 -287l555 694q7 9 17.5 10t18.5 -5.5t9.5 -17t-5.5 -19.5l-572 -715q-7 -9 -18 -9h-2z" />
+    <glyph glyph-name="uniE609" unicode="&#xe609;" 
+d="M342 751h-245q-9 0 -15 -6t-6 -15v-245q0 -9 6 -15t15 -6h245q8 0 14 6t6 15v245q0 9 -6 15t-14 6zM321 505h-204v205h204v-205zM927 751h-245q-8 0 -14 -6t-6 -15v-245q0 -9 6 -15t14 -6h245q9 0 15 6t6 15v245q0 9 -6 15t-15 6zM907 505h-204v205h204v-205zM927 162
+h-245q-8 0 -14 -6t-6 -15v-265q0 -9 6 -15t14 -6h245q9 0 15 6t6 15v265q0 9 -6 15t-15 6zM907 -104h-204v225h204v-225zM948 372.5q0 -8.5 -6 -14.5t-15 -6h-830q-9 0 -15 6t-6 14.5t6 14.5t15 6h830q9 0 15 -6t6 -14.5zM482 727v-242q0 -9 -6 -15t-14.5 -6t-14.5 6t-6 15
+v242q0 8 6 14t14.5 6t14.5 -6t6 -14zM589 727v-242q0 -9 -6 -15t-14.5 -6t-14.5 6t-6 15v242q0 8 6 14t14.5 6t14.5 -6t6 -14zM426 141v-268q0 -8 -6 -14t-14.5 -6t-14.5 6t-6 14v268q0 9 6 15t14.5 6t14.5 -6t6 -15zM557 268v-395q0 -8 -6 -14t-14.5 -6t-14.5 6t-6 14v395
+q0 8 6 14t14.5 6t14.5 -6t6 -14zM166 268v-395q0 -8 -6 -14t-14.5 -6t-14.5 6t-6 14v395q0 8 6 14t14.5 6t14.5 -6t6 -14zM296 141v-268q0 -8 -6 -14t-14.5 -6t-14.5 6t-6 14v268q0 9 6 15t14.5 6t14.5 -6t6 -15zM948 267.5q0 -8.5 -6 -14.5t-15 -6h-245q-8 0 -14 6t-6 14.5
+t6 14.5t14 6h245q9 0 15 -6t6 -14.5zM431 267.5q0 -8.5 -6 -14.5t-15 -6h-137q-8 0 -14 6t-6 14.5t6 14.5t14 6h137q9 0 15 -6t6 -14.5z" />
+    <glyph glyph-name="uniE60A" unicode="&#xe60a;" 
+d="M854 514l-34 -664q-2 -21 -18 -36t-37 -15h-475q-22 0 -38 15t-17 36v1l-35 663q-1 9 5 15t14.5 6.5t14.5 -5t7 -14.5l34 -663q1 -5 5.5 -9t9.5 -4h475q5 0 9 4t5 9l34 663q1 9 7.5 14.5t14.5 5t14 -6.5t5 -15zM936 658.5q0 -8.5 -6 -14.5t-14 -6h-266q-9 0 -15 6t-6 14
+v62q0 8 -6 14t-14 6h-164q-8 0 -14 -6t-6 -14v-62q0 -8 -6 -14t-15 -6h-265q-9 0 -15 6t-6 14.5t6 14.5t15 6h245v41q0 25 18 43t43 18h164q25 0 43 -18t18 -43v-41h246q8 0 14 -6t6 -14.5zM640 495v-573q0 -8 -6 -14t-14.5 -6t-14.5 6t-6 14v573q0 8 6 14t14.5 6t14.5 -6
+t6 -14zM456 495v-573q0 -8 -6 -14t-14.5 -6t-14.5 6t-6 14v573q0 8 6 14t14.5 6t14.5 -6t6 -14z" />
+    <glyph glyph-name="uniE60B" unicode="&#xe60b;" 
+d="M1023 289q0 -75 -53.5 -128t-128.5 -53h-185q-9 0 -15 6t-6 14.5t6 14.5t15 6h185q58 0 99.5 41t41.5 99t-41 99.5t-99 41.5h-1q-10 0 -16 7t-5 16q2 16 2 28q0 95 -67 161.5t-161 66.5q-72 0 -131 -42q-57 -41 -82 -107q-4 -10 -15 -12.5t-19 5.5q-29 30 -71.5 30
+t-72.5 -30t-30 -72v-2v-3q1 -16 -15 -20q-50 -14 -82 -56t-32 -95q0 -65 45.5 -110.5t110.5 -45.5h170q8 0 14 -6t6 -14.5t-6 -14.5t-14 -6h-170q-82 0 -139.5 57.5t-57.5 139.5q0 67 41 121q35 45 88 64q4 56 45.5 95t97.5 39q43 0 79 -24q30 61 85 100q70 50 155 50
+q111 0 190 -79t79 -190q0 -5 -1 -11q68 -8 114.5 -59.5t46.5 -121.5zM629 -9l-102 -102q-6 -6 -14.5 -6t-14.5 6l-102 102q-6 6 -6 14.5t6 14.5t14.5 6t14.5 -6l67 -67v359q0 8 6 14t14.5 6t14.5 -6t6 -14v-359l67 67q6 6 14.5 6t14.5 -6t6 -14.5t-6 -14.5z" />
+    <glyph glyph-name="uniE60C" unicode="&#xe60c;" 
+d="M236 -111l-3 -1h464q9 0 15 -6t6 -14.5t-6 -14.5t-15 -6h-619h-1h-1q-2 0 -3 1h-1h-1v0l-1 1q-1 0 -2 1q-1 0 -2 1l-1 1l-3 3q-1 2 -2 3t-1 2v1q0 1 -1 1v2v3v0v1v1v2v1v1h1v1l40 152q2 5 6 9l633 627q6 6 14.5 6t14.5 -6t6 -14.5t-6 -14.5l-629 -623l-31 -113l114 30
+l629 623q6 6 14.5 6t14.5 -6t6 -14.5t-6 -14.5l-634 -627q-3 -4 -9 -5zM922 564l4 4q4 4 8 9l4 4q30 29 30 70t-29.5 70t-70.5 29t-70 -29l-17 -17zM58 -132v-1v1zM58 -129v-2v2zM58 -135v2v-2zM59 -127q-1 0 -1 -1v1h1z" />
+    <glyph glyph-name="uniE60D" unicode="&#xe60d;" 
+d="M916 509h-778q-8 0 -14 6t-6 14.5t6 14.5t14 6h778q9 0 15 -6t6 -14.5t-6 -14.5t-15 -6zM937 304.5q0 -8.5 -6 -14.5t-15 -6h-778q-8 0 -14 6t-6 14.5t6 14.5t14 6h778q9 0 15 -6t6 -14.5zM916 59h-778q-8 0 -14 6t-6 14.5t6 14.5t14 6h778q9 0 15 -6t6 -14.5t-6 -14.5
+t-15 -6z" />
+    <glyph glyph-name="uniE60E" unicode="&#xe60e;" 
+d="M970 374l-241 -196l80 -300q2 -9 -2.5 -16t-12.5 -9q-2 -1 -5 -1q-16 0 -20 15l-83 313q-4 13 7 22l210 170l-271 15q-13 1 -18 13l-97 253l-98 -253q-4 -12 -18 -13l-270 -15l210 -170q10 -9 7 -22l-70 -262l228 148q11 7 22 0l113 -73q7 -5 8.5 -13t-3 -15.5t-13 -9
+t-15.5 3.5l-101 65l-261 -169q-12 -7 -23.5 1t-7.5 22l80 300l-241 196q-11 9 -7 22.5t18 13.5l311 17l112 290q5 13 19 13t19 -13l112 -290l310 -17q14 0 18.5 -13.5t-6.5 -22.5z" />
+    <glyph glyph-name="uniE60F" unicode="&#xe60f;" 
+d="M1023 596q-3 -28 -22 -42q-11 -8 -101.5 -68t-107.5 -70q-31 -20 -78 5q-19 10 -94 53q-63 -44 -157 -137q-108 -108 -143 -166q-4 -7 -12.5 -9.5t-15.5 2t-9.5 12.5t2.5 16q35 59 149 174q116 115 174 149q11 6 21 0q91 -51 104 -58q26 -14 37 -7q16 10 106 70t101 67
+q5 4 5.5 14t-8.5 26q-25 35 -66 78q-51 53 -68 53q-67 -2 -146 -39q-155 -74 -347 -266t-266 -346q-37 -80 -39 -147q0 -17 53 -68q43 -41 78 -66q16 -9 26 -8.5t14 5.5q8 12 68 102.5t69 104.5q5 9 -4 31q-1 3 -3 6q-4 8 -1.5 16t10 12t15.5 1.5t12 -10.5q3 -4 5 -9
+q17 -41 1 -68q-9 -15 -69 -105.5t-70 -104.5q-14 -20 -42 -22h-6q-25 0 -48 16q-39 27 -84 70q-66 64 -65 98v1q2 75 43 162q77 161 274 358t358 274q88 41 162 43h1q34 1 98 -65q44 -45 70 -84q19 -26 16 -54z" />
+    <glyph glyph-name="uniE610" unicode="&#xe610;" 
+d="M942 604l-430 -632l-430 632h860z" />
+    <glyph glyph-name="uniE611" unicode="&#xe611;" horiz-adv-x="1026" 
+d="M26 550q10 0 18 -8l469 -449l469 449q7 8 18 7.5t18 -8t7 -18t-8 -18.5l-487 -466q-7 -7 -17.5 -7t-17.5 7l-487 466q-7 8 -7.5 18.5t6.5 18.5q8 8 19 8z" />
+    <glyph glyph-name="uniE612" unicode="&#xe612;" horiz-adv-x="1026" 
+d="M999 32q-10 0 -17 7l-469 449l-469 -449q-8 -7 -18.5 -7t-18 7.5t-7 18t7.5 18.5l487 466q7 8 17.5 8t17.5 -8l487 -466q8 -8 8 -18.5t-7 -17.5q-8 -8 -19 -8z" />
+    <glyph glyph-name="uniE613" unicode="&#xe613;" 
+d="M271 800q11 0 18 -8l475 -485q7 -8 7 -18.5t-7 -17.5l-475 -486q-7 -7 -18 -7.5t-18.5 7t-7.5 18t8 18.5l457 468l-457 468q-8 7 -8 17.5t7.5 18t18.5 7.5z" />
+    <glyph glyph-name="uniE614" unicode="&#xe614;" 
+d="M746 -223q-11 0 -19 8l-474 486q-8 7 -8 17.5t8 18.5l474 485q8 8 18.5 8t18 -7.5t7.5 -18t-7 -17.5l-457 -468l457 -468q7 -8 7 -18.5t-7.5 -18t-17.5 -7.5z" />
+    <glyph glyph-name="uniE615" unicode="&#xe615;" 
+d="M964 492q-37 88 -104.5 155.5t-155.5 104.5q-91 39 -191 39t-191 -39q-88 -37 -155.5 -104.5t-104.5 -155.5q-39 -91 -39 -191t39 -191q37 -87 104.5 -155t155.5 -105q91 -39 191 -39t191 39q88 37 155.5 105t104.5 155q39 91 39 191t-39 191zM927 126
+q-34 -80 -96.5 -142t-142.5 -96q-84 -36 -175 -36t-175 36q-80 34 -142.5 96t-96.5 142q-35 84 -35 175t35 175q35 80 97 142.5t142 96.5q84 35 175 35t175 -35q80 -34 142.5 -96.5t96.5 -142.5q35 -84 35 -175t-35 -175zM795 167q-27 -38 -76 -76q-42 -33 -88 -52
+q-58 -24 -118 -24t-118 24q-46 19 -88 52q-49 38 -76 76q-5 7 -3.5 15t8.5 13t15 3.5t13 -7.5q5 -8 18 -22q24 -25 51 -46q38 -30 78 -46q50 -21 102 -21t102 21q40 16 78 46q44 33 69 68q5 6 13 7.5t15 -3.5t8.5 -13t-3.5 -15zM737 362.5q0 -25.5 -17.5 -43.5t-43 -18
+t-43.5 18t-18 43.5t18 43.5t43.5 18t43 -18t17.5 -43.5zM411 362.5q0 -25.5 -18 -43.5t-43.5 -18t-43 18t-17.5 43.5t17.5 43.5t43 18t43.5 -18t18 -43.5z" />
+    <glyph glyph-name="uniE616" unicode="&#xe616;" 
+d="M971 684h-918q-9 0 -15 -6t-6 -15v-612q0 -8 6 -14t15 -6h918q9 0 15 6t6 14v612q0 9 -6 15t-15 6zM951 72h-878v571h878v-571zM788 -30.5q0 -8.5 -6 -14.5t-15 -6h-510q-9 0 -15 6t-6 14.5t6 14.5t15 6h510q9 0 15 -6t6 -14.5z" />
+    <glyph glyph-name="uniE617" unicode="&#xe617;" 
+d="M997 357.5q0 -83.5 -38 -160.5q-36 -73 -101 -129t-149 -87q-87 -32 -182 -32q-8 0 -14 6t-6 14.5t6 14.5t14 6q88 0 168 29q77 28 136 80q60 52 92.5 118.5t32.5 139.5t-32.5 140t-92.5 119q-59 51 -136 79q-80 30 -168 30t-168 -30q-77 -28 -136 -79q-60 -52 -92 -119
+t-32 -140q0 -89 47 -167q46 -77 127 -128q9 -6 9 -17q0 -58 -42 -133q51 8 98 40q32 22 51 45q5 7 13.5 7.5t15 -4.5t7.5 -13.5t-4 -15.5q-21 -26 -59 -52q-75 -52 -160 -52h-1q-13 1 -18.5 12t1.5 21q35 50 50 102q5 17 6 32q-82 55 -129 135q-53 88 -53 188q0 84 37 160
+q36 74 101 130t149 87q87 31 182 31t182 -31q84 -31 149 -87t101 -130q38 -76 38 -159.5z" />
+    <glyph glyph-name="uniE618" unicode="&#xe618;" 
+d="M980 534h-206q20 9 37 21q67 47 67 122q0 41 -22 68q-29 34 -86 34q-58 0 -102 -45q-25 -24 -60 -86q-15 -25 -22.5 -37t-20.5 -27.5t-26 -22.5t-28 -7q-16 0 -29 7t-25.5 22.5t-20.5 27.5t-22 37q-36 62 -60 86q-44 45 -102 45q-57 0 -86 -34q-23 -27 -23 -68
+q0 -75 67 -122q17 -12 37 -21h-206q-8 0 -14 -6t-6 -14v-184q0 -9 6 -15t14 -6h21v-489q0 -9 6 -15t14 -6h857q9 0 15 6t6 15v489h20q9 0 15 6t6 15v184q0 8 -6 14t-15 6zM388 -160h-285v469h187q8 0 14 6t6 14.5t-6 14.5t-14 6h-228v143h326v-653zM348 554q-66 0 -114 34
+q-50 35 -50 89q0 61 68 61q22 0 40.5 -8t34.5 -27t25.5 -33t25.5 -43q31 -52 49 -73h-79zM592 -160h-163v653h163v-653zM643 627q16 29 25.5 43t26 33t34.5 27t41 8q67 0 67 -61q0 -54 -49 -89q-48 -34 -114 -34h-80q19 21 49 73zM960 350h-244q-9 0 -15 -6t-6 -14.5
+t6 -14.5t15 -6h203v-469h-286v653h327v-143z" />
+    <glyph glyph-name="uniE619" unicode="&#xe619;" 
+d="M573 288q0 -25 -18 -43t-43 -18q-14 0 -27 6l-122 -123q-6 -6 -14.5 -6t-14.5 6t-6 14.5t6 14.5l123 123q-6 12 -6 26q0 20 11 36t30 22v331q0 9 6 15t14 6t14 -6t6 -15v-331q19 -6 30 -22t11 -36zM1024 288q0 -139 -70 -259q-5 -7 -13 -9.5t-15.5 2t-9.5 12.5t2 16
+q65 110 65 238q0 96 -37 183q-36 85 -101 150t-150 101q-87 37 -183 37t-183 -37q-85 -36 -150 -101t-101 -150q-37 -87 -37 -183t37 -183q36 -85 101 -150t150 -101q87 -37 183 -37q88 0 170.5 32t147.5 91q6 6 14.5 5.5t14 -6.5t5.5 -14.5t-7 -14.5q-71 -65 -160 -99.5
+t-185 -34.5q-104 0 -199 40q-92 39 -163 110t-110 163q-40 95 -40 199t40 199q39 92 110 163t163 110q95 40 199 40t199 -40q92 -39 163 -110t110 -163q40 -95 40 -199z" />
+    <glyph glyph-name="uniE61A" unicode="&#xe61a;" 
+d="M802 514.5q0 -25.5 -18 -43.5t-43.5 -18t-43.5 18t-18 43.5t18 43.5t43.5 18t43.5 -18t18 -43.5zM983 151v543h-942v-779h942v44l-287 300l-149 -149q-6 -6 -14.5 -6t-14.5 6t-6 14.5t6 14.5l48 48l-198 216l-227 -213q-6 -6 -14.5 -6t-14.5 6.5t-5.5 15t6.5 13.5
+l242 228q6 6 14.5 5.5t14.5 -6.5l211 -230l87 87q6 6 14.5 6t14.5 -6l307 -321q6 -6 6 -14v-73q0 -9 -6 -15t-14 -6h-984q-8 0 -14 6t-6 15v819q0 9 6 15t14 6h984q8 0 14 -6t6 -15v-563q0 -9 -6 -15t-14.5 -6t-14.5 6t-6 15z" />
+    <glyph glyph-name="uniE61B" unicode="&#xe61b;" 
+d="M514 321zM263 326q-2 2 -3 4t-2 5q2 -4 5 -9zM762 38q0 -1 -0.5 -1.5t-0.5 -1.5q0 1 1 3zM865 148q-42 0 -77.5 -21.5t-55.5 -56.5l-422 168q5 19 5 39q0 28 -10 54l360 195q21 -28 53 -44.5t69 -16.5q63 0 108 44.5t45 108t-45 108t-108 44.5t-108 -44.5t-45 -108.5
+q0 -28 11 -55l-360 -195q-21 29 -53.5 46t-69.5 17q-63 0 -108 -44.5t-45 -108t45 -108t108 -44.5q41 0 76 20.5t56 54.5l423 -168q-5 -18 -5 -37q0 -63 45 -108t108 -45t108 45t45 108t-45 108t-108 45zM787 729q46 0 79 -32.5t33 -79t-33 -79t-79 -32.5t-79 32.5t-33 79
+t33 79t79 32.5zM162 166q-46 0 -79 32.5t-33 79t33 79t79 32.5q30 0 55.5 -14.5t40.5 -39.5q2 -4 5 -9q11 -23 11 -49q0 -46 -33 -78.5t-79 -32.5zM865 -117q-46 0 -79 33t-33 79q0 21 8 40q0 1 1 3q12 31 40.5 50t62.5 19q46 0 79 -33t33 -79t-33 -79t-79 -33z" />
+    <glyph glyph-name="uniE61C" unicode="&#xe61c;" 
+d="M926 564q0 -3 -2 -5.5t-5 -2.5h-188v-49h188q23 0 39.5 17t16.5 40v187h-49v-187zM512 -175q-94 0 -179.5 36.5t-148 99t-99 148t-36.5 179.5t36.5 179.5t99 148t148 99t179.5 36.5q95 0 181.5 -37.5t151.5 -105.5q44 -44 62 -67l39 30q-21 26 -66 71
+q-71 75 -166.5 116.5t-201.5 41.5q-104 0 -198.5 -40.5t-163.5 -109.5t-109.5 -163.5t-40.5 -198.5t40.5 -198.5t109.5 -163.5t163.5 -109.5t198.5 -40.5t198.5 40.5t163.5 109.5t109.5 163.5t40.5 198.5h-49q0 -94 -36.5 -179.5t-99 -148t-148 -99t-179.5 -36.5z" />
+    <glyph glyph-name="uniE61D" unicode="&#xe61d;" 
+d="M760 548q-26 63 -74 111t-111 74q-64 27 -134.5 27t-135.5 -27q-62 -26 -110 -74t-74 -111q-28 -64 -28 -134.5t28 -135.5q26 -62 74 -110t110 -74q65 -28 135.5 -28t134.5 28q63 26 111 74t74 110q27 65 27 135.5t-27 134.5zM656.5 197q-89.5 -90 -216 -90t-216.5 90
+t-90 216.5t90 216t216.5 89.5t216 -89.5t89.5 -216t-89.5 -216.5zM955 -121q-6 -6 -14.5 -6t-14.5 6l-194 193q-6 6 -6 14.5t6 14.5t14.5 6t14.5 -6l194 -193q6 -6 6 -14.5t-6 -14.5z" />
+    <glyph glyph-name="uniE61E" unicode="&#xe61e;" 
+d="M957 -212h-896v67h-61v896h61v61h896v-61h67v-896h-67v-67zM510 -17h-64v-65h64v65h63v63h66v320h63v-448h65v449h62v63h-190v128h127v65h63v62h-63v-63h-193v-11v-397q0 -32 0.5 -90.5t0.5 -77.5h-30h-34v64h-64v-64h65q-1 -41 -1 -63zM189 46h65v64h-64v-64h-63v-63h62
+v63zM446 430h-64v-63h-65v63h-63v64h-64v-64h64v-64h-127v-65h190v-63h-127v-65h127v-191h-62v-64h128v256h127v65h-127v63h127v65h-65v63h65v64h-64v-64zM510 623h-128v62h-65v-63h-127v-64h320v65z" />
+  </font>
+</defs></svg>
diff --git a/web/cms/public/assets/fonts/iconfont.ttf b/web/cms/public/assets/fonts/iconfont.ttf
new file mode 100644
index 00000000..b5104afe
Binary files /dev/null and b/web/cms/public/assets/fonts/iconfont.ttf differ
diff --git a/web/cms/public/assets/fonts/iconfont.woff b/web/cms/public/assets/fonts/iconfont.woff
new file mode 100644
index 00000000..32aa26e9
Binary files /dev/null and b/web/cms/public/assets/fonts/iconfont.woff differ
diff --git a/web/cms/public/assets/images/avatars/customer.jpg b/web/cms/public/assets/images/avatars/customer.jpg
new file mode 100644
index 00000000..fa15322d
Binary files /dev/null and b/web/cms/public/assets/images/avatars/customer.jpg differ
diff --git a/web/cms/public/assets/images/avatars/robot.jpg b/web/cms/public/assets/images/avatars/robot.jpg
new file mode 100644
index 00000000..1397b436
Binary files /dev/null and b/web/cms/public/assets/images/avatars/robot.jpg differ
diff --git a/web/cms/public/assets/images/avatars/robot.png b/web/cms/public/assets/images/avatars/robot.png
new file mode 100644
index 00000000..26a62cb0
Binary files /dev/null and b/web/cms/public/assets/images/avatars/robot.png differ
diff --git a/web/cms/public/assets/images/desktop.jpg b/web/cms/public/assets/images/desktop.jpg
new file mode 100644
index 00000000..bcc5eae9
Binary files /dev/null and b/web/cms/public/assets/images/desktop.jpg differ
diff --git a/web/cms/public/assets/images/device-sprite-iPhone-5s.png b/web/cms/public/assets/images/device-sprite-iPhone-5s.png
new file mode 100644
index 00000000..27febbcc
Binary files /dev/null and b/web/cms/public/assets/images/device-sprite-iPhone-5s.png differ
diff --git a/web/cms/public/assets/images/favicon.png b/web/cms/public/assets/images/favicon.png
new file mode 100644
index 00000000..80b94725
Binary files /dev/null and b/web/cms/public/assets/images/favicon.png differ
diff --git a/web/cms/public/assets/images/icons/agent.svg b/web/cms/public/assets/images/icons/agent.svg
new file mode 100644
index 00000000..61e8bdf4
--- /dev/null
+++ b/web/cms/public/assets/images/icons/agent.svg
@@ -0,0 +1,84 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 512.003 512.003" style="enable-background:new 0 0 512.003 512.003;" xml:space="preserve">
+<path style="fill:#707487;" d="M132.422,247.187l-12.775-6.388c-2.99-1.495-4.879-4.551-4.879-7.895V199.68
+	c0-3.343,1.889-6.4,4.879-7.895l12.775-6.388V247.187z"/>
+<polygon style="fill:#E6AF78;" points="335.446,361.939 335.446,300.15 176.558,300.15 176.558,361.939 256.002,432.556 "/>
+<path style="fill:#B4E1FA;" d="M458.286,390.843l-109.229-25.701c-1.65-0.388-3.167-1.047-4.587-1.846l-88.469,51.607L170.982,360.8
+	c-2.201,2.072-4.933,3.612-8.036,4.343L53.717,390.844c-15.95,3.753-27.222,17.985-27.222,34.37v69.134
+	c0,9.751,7.904,17.654,17.654,17.654h423.702c9.751,0,17.654-7.904,17.654-17.654v-69.134
+	C485.507,408.828,474.235,394.595,458.286,390.843z"/>
+<path style="fill:#D29B6E;" d="M176.558,300.15v65.193c100.078,36.057,158.888-54.185,158.888-54.185v-11.009H176.558V300.15z"/>
+<path style="fill:#F0C087;" d="M141.249,97.127l7.692,169.228c0.718,15.809,8.47,30.47,21.13,39.965l36.498,27.374
+	c9.168,6.875,20.318,10.593,31.778,10.593h35.309c11.46,0,22.61-3.717,31.778-10.593l36.498-27.374
+	c12.66-9.496,20.412-24.155,21.13-39.965l7.692-169.228C370.753,97.127,141.249,97.127,141.249,97.127z"/>
+<path style="fill:#E6AF78;" d="M229.521,132.435c35.309,0,88.271-8.827,100.833-35.309H141.249l7.692,169.228
+	c0.718,15.809,8.47,30.469,21.131,39.965l36.498,27.374c9.168,6.875,20.318,10.593,31.778,10.593h17.654
+	c-17.654,0-52.963-35.309-52.963-79.444c0-21.586,0-79.444,0-105.926C203.039,150.089,211.866,132.435,229.521,132.435z"/>
+<g>
+	<path style="fill:#A0D2F0;" d="M91.3,454.714l-57.199-51.382c-4.793,6.069-7.603,13.706-7.603,21.882v69.134
+		c0,9.751,7.904,17.654,17.654,17.654h61.79v-24.454C105.941,475.021,100.618,463.084,91.3,454.714z"/>
+	<path style="fill:#A0D2F0;" d="M420.705,454.714l57.199-51.382c4.793,6.069,7.603,13.706,7.603,21.882v69.134
+		c0,9.751-7.904,17.654-17.654,17.654h-61.79v-24.454C406.063,475.021,411.386,463.084,420.705,454.714z"/>
+</g>
+<polygon style="fill:#5B5D6E;" points="278.07,512.001 233.934,512.001 239.451,432.556 272.553,432.556 "/>
+<path style="fill:#515262;" d="M278.07,414.902h-44.136v16.613c0,5.451,4.418,9.869,9.869,9.869H268.2
+	c5.451,0,9.869-4.418,9.869-9.869v-16.613H278.07z"/>
+<g>
+	<path style="fill:#A0D2F0;" d="M175.319,342.287l80.684,72.615c0,0-22.596,11.407-50.48,34.398
+		c-5.752,4.742-14.453,2.821-17.538-3.966l-37.907-83.394l11.992-17.987C165.054,339.473,171.318,338.687,175.319,342.287z"/>
+	<path style="fill:#A0D2F0;" d="M336.686,342.287l-80.684,72.615c0,0,22.596,11.407,50.48,34.398
+		c5.752,4.742,14.453,2.821,17.538-3.966l37.907-83.394l-11.992-17.987C346.95,339.473,340.686,338.687,336.686,342.287z"/>
+</g>
+<path style="fill:#785550;" d="M309.516,38.647l8.275,58.48c37.775,7.555,43.219,66.837,44.003,83.769
+	c0.142,3.073,1.123,6.04,2.79,8.625l14.413,22.358c0,0-4.933-36.964,17.654-61.79C396.652,150.089,404.408,3.338,309.516,38.647z"/>
+<path style="fill:#694B4B;" d="M149.709,22.831l13.056,8.919c-59.031,43.584-47.998,118.339-47.998,118.339
+	c17.654,17.654,17.654,61.79,17.654,61.79l17.654-17.654c0,0-6.813-50.998,26.481-70.617c30.895-18.206,57.928-8.827,85.513-8.827
+	c73.927,0,94.616-27.861,91.03-61.79c-1.856-17.556-28.698-54.126-97.098-52.963C228.397,0.497,176.558,8.855,149.709,22.831z"/>
+<path style="fill:#5A4146;" d="M144.559,107.057c0,0-9.379-36.964,18.206-75.306c-59.031,43.584-47.998,118.339-47.998,118.339
+	c17.654,17.654,17.654,61.79,17.654,61.79l17.654-17.654c0,0-6.813-50.998,26.481-70.617c30.895-18.206,57.928-8.827,85.513-8.827
+	c12.023,0,22.5-0.805,31.832-2.185C236.969,114.505,203.408,71.38,144.559,107.057z"/>
+<path style="fill:#5B5D6E;" d="M145.663,256.014h-13.241c-4.875,0-8.827-3.952-8.827-8.827v-61.79c0-4.875,3.952-8.827,8.827-8.827
+	h13.241c2.437,0,4.414,1.976,4.414,4.414V251.6C150.076,254.039,148.1,256.014,145.663,256.014z"/>
+<path style="fill:#464655;" d="M291.311,306.77v-13.241c59.743,0,72.824-33.453,72.824-46.342h13.241
+	C377.375,263.76,361.914,306.77,291.311,306.77z"/>
+<path style="fill:#5B5D6E;" d="M291.311,308.977h-8.827c-4.875,0-8.827-3.952-8.827-8.827l0,0c0-4.875,3.952-8.827,8.827-8.827
+	h8.827c4.875,0,8.827,3.952,8.827,8.827l0,0C300.138,305.025,296.185,308.977,291.311,308.977z"/>
+<path style="fill:#707487;" d="M379.582,247.187l12.775-6.388c2.99-1.495,4.879-4.551,4.879-7.895V199.68
+	c0-3.343-1.889-6.4-4.879-7.895l-12.775-6.388V247.187z"/>
+<path style="fill:#5B5D6E;" d="M366.341,256.014h13.241c4.875,0,8.827-3.952,8.827-8.827v-61.79c0-4.875-3.952-8.827-8.827-8.827
+	h-13.241c-2.437,0-4.414,1.976-4.414,4.414V251.6C361.928,254.039,363.904,256.014,366.341,256.014z"/>
+<path style="fill:#A0D2F0;" d="M370.755,494.346h-61.79c-4.875,0-8.827,3.952-8.827,8.827v8.827h79.444v-8.827
+	C379.582,498.299,375.629,494.346,370.755,494.346z"/>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/web/cms/public/assets/images/icons/branch.png b/web/cms/public/assets/images/icons/branch.png
new file mode 100644
index 00000000..83a2e1f4
Binary files /dev/null and b/web/cms/public/assets/images/icons/branch.png differ
diff --git a/web/cms/public/assets/images/icons/branch.svg b/web/cms/public/assets/images/icons/branch.svg
new file mode 100644
index 00000000..55cbc710
--- /dev/null
+++ b/web/cms/public/assets/images/icons/branch.svg
@@ -0,0 +1,78 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="588.874px" height="588.874px" viewBox="0 0 588.874 588.874" style="enable-background:new 0 0 588.874 588.874;"
+	 xml:space="preserve">
+<g>
+	<g>
+		<path d="M148.906,77.683c-5.19,0.93-9.017,3.921-10.751,8.331c-18.858,10.171-34.909,31.604-29.253,57.667
+			c4.659,21.494,20.824,37.568,42.566,42.632l1.853,77.149c0.11,4.586,1.979,8.613,5.279,11.403
+			c0.351,0.453,0.714,0.902,1.146,1.326c23.554,23.256,51.204,40.604,82.257,51.779v121.417
+			c-26.858-9.968-50.037-35.859-54.088-61.114c14.806-8.817,24.121-24.766,24.174-42.126c0.086-27.019-25.602-46.186-48.711-46.496
+			l-0.547-0.004c-21.844,0-45.692,19.417-46.365,48.319c-0.563,24.239,19.947,42.562,41.159,46.54
+			c6.728,39.43,42.008,75.786,84.378,86.855v92.31c0,8.666,6.634,15.202,15.439,15.202s15.438-6.536,15.438-15.202V458.551
+			c31.628-12.799,61.249-27.218,80.67-55.227c6.834-9.854,11.444-17.463,14.558-24.35c27.377-8.331,50.302-27.234,63.611-52.812
+			c17.527-33.672,13.019-73.632,9.266-105.892c5.744-1.485,11.138-3.742,16.079-6.728c27.025-16.349,29.869-52.938,15.565-76.855
+			c-9.013-15.067-26.019-24.064-45.488-24.064c-5.418,0-10.775,0.714-15.933,2.118c-4.088-1.444-8.563-0.914-12.603,1.559
+			c-27.422,16.765-36.622,49.454-21.869,77.724c6.793,13.015,18.352,22.22,32.778,26.189c0.013,0.126,0.025,0.253,0.041,0.383
+			c3.076,26.442,6.564,56.41-2.717,84.309c-5.215,15.676-17.051,28.973-32.656,37.549c-0.037-3.351-0.119-6.965-0.221-10.931
+			c14.855-6.695,26.377-22.652,27.915-39.788c2.224-24.868-19.225-43.525-40.481-46.68c-0.987-0.208-1.958-0.318-2.95-0.338
+			c-1.175-0.078-2.26-0.008-3.28,0.143c-23.035,1.53-41.224,19.515-43.325,42.926c-1.881,21,13.529,37.903,31.253,44.326
+			c0.686,27.009,0.551,27.78-14.26,52.603c-11.489,19.258-32.518,30.687-55.957,40.593V292.756
+			c27.491-3.035,49.959-22.525,55.953-49.461c3.745-16.826,0.498-34.011-9.074-48.552l16.014-16.716
+			c2.195-2.289,3.542-5.12,4.056-8.062c0.979-1.926,1.588-4.182,1.588-6.838v-49.956c3.121-0.645,6.214-1.505,9.225-2.701
+			c28.486-11.33,42.158-46.067,31.767-74.264C371.759,7.328,336.969-6.585,308.699,3.019c-1.285,0.437-2.407,1.012-3.436,1.652
+			c-1.351,0.359-2.717,0.861-4.104,1.693c-24.745,14.827-37.042,46.39-25.422,73.562c6.675,15.61,20.27,26.72,35.868,31.641
+			c-0.024,0.367-0.106,0.693-0.106,1.077v47.487l-13.447,14.035c-7.026-4.129-14.77-7.018-22.917-8.291
+			c-3.333-0.522-6.712-0.788-10.041-0.788c-31.469,0-58.516,23.264-64.313,55.316c-5.37,29.699,12.493,60.303,41.224,72.245v1.657
+			c-21.175-9.017-40.445-21.669-57.438-37.862l-1.709-71.18c26.292-9.086,39-40.735,34.345-65.949
+			C211.301,87.369,175.764,72.893,148.906,77.683z M141.354,125.117c3.791-7.724,11.257-13.566,18.584-14.545
+			c2.407-0.322,4.626-1.126,6.622-2.395c11.942,2.379,18.556,13.072,19.674,22.358c1.387,11.534-4.488,21.037-15.712,25.418
+			c-2.134,0.833-4.37,1.261-6.642,1.261c-9.755,0-18.438-7.442-22.709-14.823C137.261,135.647,139.607,128.675,141.354,125.117z
+			 M268.866,196.101c8.299,0.469,15.606,3.994,21.126,10.204c6.435,7.234,9.771,17.303,9.151,27.625
+			c-1.15,19.16-22.57,31.069-39.013,28.079c-3.207-0.583-6.132-0.22-8.825,0.894c-12.958-6.496-20.922-19.352-20.583-33.733
+			c0.49-20.739,18.695-33.13,36.01-33.13C267.446,196.04,268.156,196.06,268.866,196.101z M163.883,330.504
+			c0.302-0.024,0.604-0.036,0.902-0.036c7.731,0,15.724,7.947,16.455,16.356c0.763,8.809-8.168,16.826-15.985,17.589
+			c-0.065,0.004-0.131,0.013-0.196,0.017l-0.139-0.004c-9.266-0.307-16.997-7.691-17.601-16.802
+			C146.743,338.885,155.911,331.116,163.883,330.504z M366.345,299.777c-3.064,2.546-7.197,4.138-10.824,4.158
+			c-7.062,0-12.799-8.458-12.836-15.463c-0.024-4.198,2.922-7.271,4.68-8.731c2.958-2.456,6.903-4.019,10.396-4.145
+			c7.425,0.877,13.219,7.581,13.264,15.451C371.053,295.249,368.104,298.321,366.345,299.777z M405.251,152.306
+			c1.481-0.506,2.93-1.273,4.317-2.293c10.8-7.952,24.32-8.079,33.725,0.057c4.729,4.092,7.206,10.216,6.965,17.25
+			c-0.257,7.752-3.896,15.186-9.49,19.4c-4.753,3.582-9.669,5.397-14.622,5.397c-8.536,0-16.68-5.516-21.253-14.39
+			C400.446,169.107,400.605,159.711,405.251,152.306z M305.207,72.195c-9.604-13.403-1.771-32.317,11.049-40
+			c0.179-0.106,0.302-0.241,0.477-0.355c31.689-10.686,55.003,29.686,26.011,49.352C330.772,89.319,313.024,83.105,305.207,72.195z"
+			/>
+	</g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/web/cms/public/assets/images/icons/business-cards.svg b/web/cms/public/assets/images/icons/business-cards.svg
new file mode 100644
index 00000000..0b8bd6b0
--- /dev/null
+++ b/web/cms/public/assets/images/icons/business-cards.svg
@@ -0,0 +1,63 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 395.636 395.636" style="enable-background:new 0 0 395.636 395.636;" xml:space="preserve">
+<circle style="fill:#E1E6E9;" cx="197.818" cy="197.818" r="197.818"/>
+<polygon style="fill:#193651;" points="395.636,349.285 68.59,349.285 68.59,336.937 383.289,336.937 383.289,115.006 
+	395.636,115.006 "/>
+<polygon style="fill:#193651;" points="364.735,317.737 37.107,317.737 37.107,305.39 352.388,305.39 352.388,84.105 
+	364.735,84.105 "/>
+<rect x="6.206" y="52.558" style="fill:#FFFFFF;" width="320.84" height="228.137"/>
+<path style="fill:#193651;" d="M333.188,286.836H0V46.352h333.188V286.836z M12.347,274.489H320.84V58.699H12.347V274.489z"/>
+<circle style="fill:#FFFFFF;" cx="95.224" cy="114.36" r="29.026"/>
+<path style="fill:#193651;" d="M95.224,149.592c-19.135,0-35.232-15.451-35.232-35.232c0-19.135,15.451-35.232,35.232-35.232
+	c19.135,0,35.232,15.451,35.232,35.232C130.457,133.56,114.36,149.592,95.224,149.592z M95.224,92.121
+	c-12.347,0-22.885,9.891-22.885,22.885s9.891,22.885,22.885,22.885s22.885-9.891,22.885-22.885
+	C118.044,102.012,107.572,92.121,95.224,92.121z"/>
+<path style="fill:#FDBF5E;" d="M149.592,217.6L149.592,217.6c0-26.57-21.657-48.808-48.808-48.808H89.665
+	c-26.57,0-48.808,21.657-48.808,48.808l0,0H149.592z"/>
+<path style="fill:#193651;" d="M155.798,223.806H35.232V217.6c0-30.319,24.76-55.014,55.014-55.014h11.119
+	c30.319,0,55.014,24.76,55.014,55.014v6.206H155.798z M47.58,211.394h95.224c-3.103-20.428-20.428-36.461-42.02-36.461H89.665
+	C68.59,175.58,50.683,191.03,47.58,211.394z"/>
+<rect x="187.281" y="85.915" style="fill:#F16051;" width="107.572" height="46.998"/>
+<g>
+	<rect x="188.574" y="165.689" style="fill:#193651;" width="105.697" height="12.347"/>
+	<rect x="188.574" y="203.378" style="fill:#193651;" width="105.697" height="12.347"/>
+	<rect x="38.917" y="241.713" style="fill:#193651;" width="254.061" height="12.347"/>
+</g>
+<g>
+	<rect x="204.024" y="103.24" style="fill:#FFFFFF;" width="12.347" height="12.347"/>
+	<rect x="234.925" y="103.24" style="fill:#FFFFFF;" width="12.347" height="12.347"/>
+	<rect x="265.18" y="103.24" style="fill:#FFFFFF;" width="12.347" height="12.347"/>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+<g>
+</g>
+</svg>
diff --git a/web/cms/public/assets/images/icons/group.svg b/web/cms/public/assets/images/icons/group.svg
new file mode 100644
index 00000000..8e28e327
--- /dev/null
+++ b/web/cms/public/assets/images/icons/group.svg
@@ -0,0 +1,41 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
+<g>
+	<path d="M377.937,329.595l-68.872-27.461l-16.13-13.587c-4.259-3.6-10.55-3.335-14.5,0.594l-22.422,22.296l-22.487-22.305
+		c-3.954-3.92-10.236-4.174-14.493-0.585l-16.127,13.587L134.029,329.6c-22.177,8.831-22.159,87.372-24.063,94.581h292.068
+		C400.134,416.989,400.124,338.418,377.937,329.595z"/>
+	<path d="M177.132,217.767l12.934-0.033c7.99,41.744,36.343,65.492,65.935,65.492c29.592,0,46.785-14.064,58.186-39.991
+		c-8.706,6.828-21.356,13.074-39.052,14.363c-1.626,2.423-4.39,4.018-7.526,4.018h-8.268c-5.003,0-9.06-4.056-9.06-9.061
+		c0-5.004,4.057-9.06,9.06-9.06h8.268c2.931,0,5.529,1.397,7.185,3.556c28.45-2.284,41.829-19.538,47.164-29.28l12.913-0.004
+		c7.906,0,14.315-6.413,14.315-14.317V171c0-5.067-2.642-9.511-6.614-12.056c-4.783-39.943-41.779-71.125-86.57-71.125
+		s-81.787,31.182-86.57,71.125c-3.974,2.545-6.614,6.988-6.614,12.056v32.449C162.815,211.354,169.225,217.767,177.132,217.767z
+		 M256,104.046c35.253,0,64.573,23.249,69.978,53.579c-1.689,0.642-3.221,1.589-4.535,2.781
+		C313,133.752,288.608,117.907,256,117.907c-32.608,0-57.016,15.834-65.468,42.478c-1.308-1.182-2.832-2.123-4.51-2.76
+		C191.427,127.295,220.747,104.046,256,104.046z"/>
+	<path d="M479.82,338.945l-44.349-17.683l-10.387-8.749c-2.742-2.318-6.793-2.148-9.337,0.382l-14.438,14.357l-14.48-14.363
+		c-2.546-2.524-6.592-2.688-9.332-0.376l-4.947,4.168l9.09,3.624c19.589,7.79,25.385,43.547,28.365,79.547h85.333
+		C494.115,395.222,494.108,344.627,479.82,338.945z"/>
+	<path d="M341.298,236.821v20.895c0,5.09,4.127,9.219,9.219,9.219l8.328-0.021c5.145,26.88,23.402,42.173,42.457,42.173
+		s30.126-9.057,37.468-25.751c-5.605,4.396-13.752,8.418-25.146,9.249c-1.047,1.56-2.826,2.587-4.847,2.587h-5.323
+		c-3.222,0-5.834-2.612-5.834-5.834s2.612-5.834,5.834-5.834h5.323c1.888,0,3.561,0.9,4.627,2.29
+		c18.319-1.471,26.935-12.582,30.37-18.854l8.314-0.003c5.092,0,9.219-4.129,9.219-9.219v-20.895c0-3.263-1.701-6.124-4.26-7.763
+		c-3.079-25.721-26.902-45.8-55.745-45.8c-28.842,0-52.665,20.079-55.745,45.8C342.998,230.697,341.298,233.559,341.298,236.821z
+		 M401.302,193.708c22.7,0,41.581,14.971,45.061,34.501c-1.087,0.414-2.074,1.024-2.92,1.792
+		c-5.437-17.164-21.144-27.367-42.141-27.367s-36.714,10.196-42.156,27.353c-0.843-0.761-1.824-1.367-2.904-1.777
+		C359.721,208.678,378.602,193.708,401.302,193.708z"/>
+	<path d="M130.329,320.309l9.099-3.628l-4.947-4.167c-2.742-2.318-6.793-2.148-9.337,0.382l-14.438,14.357l-14.48-14.363
+		c-2.546-2.524-6.592-2.688-9.332-0.376l-10.386,8.749l-44.351,17.686c-14.28,5.687-14.27,56.262-15.495,60.904h85.328
+		C104.96,363.862,110.743,328.108,130.329,320.309z"/>
+	<path d="M59.912,266.936l8.328-0.021c5.146,26.88,23.403,42.173,42.458,42.173s30.126-9.057,37.468-25.751
+		c-5.606,4.396-13.753,8.418-25.147,9.249c-1.047,1.56-2.826,2.587-4.846,2.587h-5.324c-3.222,0-5.833-2.612-5.833-5.834
+		s2.611-5.834,5.833-5.834h5.324c1.887,0,3.56,0.9,4.626,2.29c18.32-1.471,26.936-12.582,30.371-18.854l8.314-0.003
+		c5.091,0,9.218-4.129,9.218-9.219v-20.895c0-3.263-1.7-6.124-4.259-7.763c-3.08-25.721-26.903-45.8-55.745-45.8
+		c-28.843,0-52.666,20.079-55.745,45.8c-2.56,1.639-4.26,4.5-4.26,7.763v20.895C50.693,262.807,54.82,266.936,59.912,266.936z
+		 M110.698,193.708c22.7,0,41.58,14.971,45.061,34.501c-1.088,0.414-2.074,1.024-2.92,1.792
+		c-5.437-17.164-21.144-27.367-42.141-27.367c-20.998,0-36.714,10.196-42.157,27.353c-0.842-0.761-1.823-1.367-2.903-1.777
+		C69.117,208.678,87.998,193.708,110.698,193.708z"/>
+</g>
+</svg>
diff --git a/web/cms/public/assets/images/icons/phone.svg b/web/cms/public/assets/images/icons/phone.svg
new file mode 100644
index 00000000..4e79a7ac
--- /dev/null
+++ b/web/cms/public/assets/images/icons/phone.svg
@@ -0,0 +1,39 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<!-- Generator: Adobe Illustrator 17.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 64 64" style="enable-background:new 0 0 64 64;" xml:space="preserve">
+<g>
+	<path d="M51.982,23.965v-2.404c0-0.418-0.341-0.759-0.759-0.759V4.479c0-1.536-1.249-2.784-2.784-2.784H23.134
+		c-1.536,0-2.784,1.248-2.784,2.784v55.041c0,1.535,1.248,2.784,2.784,2.784h25.306c1.535,0,2.784-1.249,2.784-2.784v-5.567
+		c0.418,0,0.759-0.34,0.759-0.759v-5.314c0-0.418-0.341-0.759-0.759-0.759V35.859c0.418,0,0.759-0.341,0.759-0.759v-8.225
+		c0-0.418-0.341-0.759-0.759-0.759v-1.392C51.642,24.724,51.982,24.384,51.982,23.965z M50.464,23.206
+		c-0.418,0-0.759,0.341-0.759,0.759v2.91c0,0.419,0.341,0.759,0.759,0.759v6.706c-0.418,0-0.759,0.34-0.759,0.759v12.779
+		c0,0.419,0.341,0.759,0.759,0.759v3.796c-0.418,0-0.759,0.341-0.759,0.759v6.327c0,0.698-0.568,1.265-1.266,1.265H23.134
+		c-0.698,0-1.266-0.567-1.266-1.265V4.479c0-0.698,0.567-1.266,1.266-1.266h25.306c0.697,0,1.266,0.567,1.266,1.266v17.082
+		c0,0.419,0.341,0.759,0.759,0.759V23.206z"/>
+	<path d="M48.291,5.104H23.375c-0.62,0-1.125,0.505-1.125,1.125v52.249c0,0.62,0.505,1.125,1.125,1.125h24.916
+		c0.62,0,1.125-0.505,1.125-1.125V6.229C49.416,5.609,48.911,5.104,48.291,5.104z M49.166,58.479c0,0.482-0.393,0.875-0.875,0.875
+		H23.375c-0.482,0-0.875-0.393-0.875-0.875V6.229c0-0.482,0.393-0.875,0.875-0.875h24.916c0.482,0,0.875,0.393,0.875,0.875V58.479z"
+		/>
+	<path d="M47.791,10.69H23.709c-0.207,0-0.375,0.168-0.375,0.375v39.583v3.667c0,0.207,0.168,0.375,0.375,0.375h24.082
+		c0.207,0,0.375-0.168,0.375-0.375v-3.667V11.065C48.166,10.858,47.998,10.69,47.791,10.69z M47.416,53.94H24.084v-2.917h23.332
+		V53.94z M47.416,50.273H24.084V11.44h23.332V50.273z"/>
+	<path d="M33.666,7.106h4.291c0.207,0,0.375-0.168,0.375-0.375c0-0.207-0.168-0.375-0.375-0.375h-4.291
+		c-0.207,0-0.375,0.168-0.375,0.375C33.291,6.938,33.459,7.106,33.666,7.106z"/>
+	<circle cx="25.625" cy="6.73" r="0.75"/>
+	<circle cx="27.75" cy="6.73" r="0.375"/>
+	<circle cx="29.416" cy="6.73" r="0.375"/>
+	<path d="M26.697,52.185h0.598c0.182,0,0.33,0.142,0.33,0.318c0,0.177-0.148,0.32-0.33,0.32h-0.586
+		c-0.049,0-0.088,0.039-0.088,0.086c0,0.049,0.039,0.088,0.088,0.088h0.586c0.277,0,0.504-0.222,0.504-0.494
+		c0-0.271-0.226-0.492-0.504-0.492h-0.598l0.017-0.043l-0.307,0.129l0.307,0.129L26.697,52.185z"/>
+	<path d="M35.543,52.599v0.434c0,0.027,0.023,0.051,0.053,0.051h0.273c0.029,0,0.053-0.023,0.053-0.051v-0.354h0.121v0.354
+		c0,0.027,0.023,0.051,0.053,0.051h0.234c0.029,0,0.053-0.023,0.053-0.051v-0.434h0.24c0.023,0,0.041-0.014,0.051-0.033
+		c0.006-0.021,0.002-0.043-0.014-0.059l-0.656-0.611c-0.02-0.02-0.051-0.02-0.072,0l-0.627,0.613
+		c-0.016,0.014-0.02,0.037-0.012,0.057c0.006,0.02,0.025,0.033,0.047,0.033H35.543z M35.971,52.005l0.521,0.488H36.33
+		c-0.027,0-0.053,0.023-0.053,0.053v0.434h-0.129v-0.354c0-0.029-0.023-0.053-0.053-0.053h-0.227c-0.029,0-0.053,0.023-0.053,0.053
+		v0.354h-0.17v-0.434c0-0.029-0.023-0.053-0.051-0.053h-0.127L35.971,52.005z"/>
+	<path d="M43.973,52.93h0.789c0.055,0,0.102-0.044,0.102-0.101v-0.137h0.229v-0.288v-0.288h-0.951v0.188h-0.168
+		c-0.055,0-0.1,0.045-0.1,0.101v0.425C43.873,52.886,43.918,52.93,43.973,52.93z M44.072,52.505h0.588v0.225h-0.588V52.505z"/>
+</g>
+</svg>
diff --git a/web/cms/public/assets/js/html5shiv.js b/web/cms/public/assets/js/html5shiv.js
new file mode 100644
index 00000000..85e0ec1f
--- /dev/null
+++ b/web/cms/public/assets/js/html5shiv.js
@@ -0,0 +1,350 @@
+/**
+* @preserve HTML5 Shiv 3.7.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
+*/
+;(function(window, document) {
+/*jshint evil:true */
+  /** version */
+  var version = '3.7.2';
+
+  /** Preset options */
+  var options = window.html5 || {};
+
+  /** Used to skip problem elements */
+  var reSkip = /^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i;
+
+  /** Not all elements can be cloned in IE **/
+  var saveClones = /^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i;
+
+  /** Detect whether the browser supports default html5 styles */
+  var supportsHtml5Styles;
+
+  /** Name of the expando, to work with multiple documents or to re-shiv one document */
+  var expando = '_html5shiv';
+
+  /** The id for the the documents expando */
+  var expanID = 0;
+
+  /** Cached data for each document */
+  var expandoData = {};
+
+  /** Detect whether the browser supports unknown elements */
+  var supportsUnknownElements;
+
+  (function() {
+    try {
+        var a = document.createElement('a');
+        a.innerHTML = '<xyz></xyz>';
+        //if the hidden property is implemented we can assume, that the browser supports basic HTML5 Styles
+        supportsHtml5Styles = ('hidden' in a);
+
+        supportsUnknownElements = a.childNodes.length == 1 || (function() {
+          // assign a false positive if unable to shiv
+          (document.createElement)('a');
+          var frag = document.createDocumentFragment();
+          return (
+            typeof frag.cloneNode == 'undefined' ||
+            typeof frag.createDocumentFragment == 'undefined' ||
+            typeof frag.createElement == 'undefined'
+          );
+        }());
+    } catch(e) {
+      // assign a false positive if detection fails => unable to shiv
+      supportsHtml5Styles = true;
+      supportsUnknownElements = true;
+    }
+
+  }());
+
+  /*--------------------------------------------------------------------------*/
+
+  /**
+   * Creates a style sheet with the given CSS text and adds it to the document.
+   * @private
+   * @param {Document} ownerDocument The document.
+   * @param {String} cssText The CSS text.
+   * @returns {StyleSheet} The style element.
+   */
+  function addStyleSheet(ownerDocument, cssText) {
+    var p = ownerDocument.createElement('p'),
+        parent = ownerDocument.getElementsByTagName('head')[0] || ownerDocument.documentElement;
+
+    p.innerHTML = 'x<style>' + cssText + '</style>';
+    return parent.insertBefore(p.lastChild, parent.firstChild);
+  }
+
+  /**
+   * Returns the value of `html5.elements` as an array.
+   * @private
+   * @returns {Array} An array of shived element node names.
+   */
+  function getElements() {
+    var elements = html5.elements;
+    return typeof elements == 'string' ? elements.split(' ') : elements;
+  }
+
+  /**
+   * Extends the built-in list of html5 elements
+   * @memberOf html5
+   * @param {String|Array} newElements whitespace separated list or array of new element names to shiv
+   * @param {Document} ownerDocument The context document.
+   */
+  function addElements(newElements, ownerDocument) {
+    var elements = html5.elements;
+    if(typeof elements != 'string'){
+      elements = elements.join(' ');
+    }
+    if(typeof newElements != 'string'){
+      newElements = newElements.join(' ');
+    }
+    html5.elements = elements +' '+ newElements;
+    shivDocument(ownerDocument);
+  }
+
+   /**
+   * Returns the data associated to the given document
+   * @private
+   * @param {Document} ownerDocument The document.
+   * @returns {Object} An object of data.
+   */
+  function getExpandoData(ownerDocument) {
+    var data = expandoData[ownerDocument[expando]];
+    if (!data) {
+        data = {};
+        expanID++;
+        ownerDocument[expando] = expanID;
+        expandoData[expanID] = data;
+    }
+    return data;
+  }
+
+  /**
+   * returns a shived element for the given nodeName and document
+   * @memberOf html5
+   * @param {String} nodeName name of the element
+   * @param {Document} ownerDocument The context document.
+   * @returns {Object} The shived element.
+   */
+  function createElement(nodeName, ownerDocument, data){
+    if (!ownerDocument) {
+        ownerDocument = document;
+    }
+    if(supportsUnknownElements){
+        return ownerDocument.createElement(nodeName);
+    }
+    if (!data) {
+        data = getExpandoData(ownerDocument);
+    }
+    var node;
+
+    if (data.cache[nodeName]) {
+        node = data.cache[nodeName].cloneNode();
+    } else if (saveClones.test(nodeName)) {
+        node = (data.cache[nodeName] = data.createElem(nodeName)).cloneNode();
+    } else {
+        node = data.createElem(nodeName);
+    }
+
+    // Avoid adding some elements to fragments in IE < 9 because
+    // * Attributes like `name` or `type` cannot be set/changed once an element
+    //   is inserted into a document/fragment
+    // * Link elements with `src` attributes that are inaccessible, as with
+    //   a 403 response, will cause the tab/window to crash
+    // * Script elements appended to fragments will execute when their `src`
+    //   or `text` property is set
+    return node.canHaveChildren && !reSkip.test(nodeName) && !node.tagUrn ? data.frag.appendChild(node) : node;
+  }
+
+  /**
+   * returns a shived DocumentFragment for the given document
+   * @memberOf html5
+   * @param {Document} ownerDocument The context document.
+   * @returns {Object} The shived DocumentFragment.
+   */
+  function createDocumentFragment(ownerDocument, data){
+    if (!ownerDocument) {
+        ownerDocument = document;
+    }
+    if(supportsUnknownElements){
+        return ownerDocument.createDocumentFragment();
+    }
+    data = data || getExpandoData(ownerDocument);
+    var clone = data.frag.cloneNode(),
+        i = 0,
+        elems = getElements(),
+        l = elems.length;
+    for(;i<l;i++){
+        clone.createElement(elems[i]);
+    }
+    return clone;
+  }
+
+  /**
+   * Shivs the `createElement` and `createDocumentFragment` methods of the document.
+   * @private
+   * @param {Document|DocumentFragment} ownerDocument The document.
+   * @param {Object} data of the document.
+   */
+  function shivMethods(ownerDocument, data) {
+    if (!data.cache) {
+        data.cache = {};
+        data.createElem = ownerDocument.createElement;
+        data.createFrag = ownerDocument.createDocumentFragment;
+        data.frag = data.createFrag();
+    }
+
+
+    ownerDocument.createElement = function(nodeName) {
+      //abort shiv
+      if (!html5.shivMethods) {
+          return data.createElem(nodeName);
+      }
+      return createElement(nodeName, ownerDocument, data);
+    };
+
+    ownerDocument.createDocumentFragment = Function('h,f', 'return function(){' +
+      'var n=f.cloneNode(),c=n.createElement;' +
+      'h.shivMethods&&(' +
+        // unroll the `createElement` calls
+        getElements().join().replace(/[\w\-:]+/g, function(nodeName) {
+          data.createElem(nodeName);
+          data.frag.createElement(nodeName);
+          return 'c("' + nodeName + '")';
+        }) +
+      ');return n}'
+    )(html5, data.frag);
+  }
+
+  /*--------------------------------------------------------------------------*/
+
+  /**
+   * Shivs the given document.
+   * @memberOf html5
+   * @param {Document} ownerDocument The document to shiv.
+   * @returns {Document} The shived document.
+   */
+  function shivDocument(ownerDocument) {
+    if (!ownerDocument) {
+        ownerDocument = document;
+    }
+    var data = getExpandoData(ownerDocument);
+
+    if (html5.shivCSS && !supportsHtml5Styles && !data.hasCSS) {
+      data.hasCSS = !!addStyleSheet(ownerDocument,
+        // corrects block display not defined in IE6/7/8/9
+        'article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}' +
+        // adds styling not present in IE6/7/8/9
+        'mark{background:#FF0;color:#000}' +
+        // hides non-rendered elements
+        'template{display:none}'
+      );
+    }
+    if (!supportsUnknownElements) {
+      shivMethods(ownerDocument, data);
+    }
+    return ownerDocument;
+  }
+
+  /*--------------------------------------------------------------------------*/
+
+  /**
+   * The `html5` object is exposed so that more elements can be shived and
+   * existing shiving can be detected on iframes.
+   * @type Object
+   * @example
+   *
+   * // options can be changed before the script is included
+   * html5 = { 'elements': 'mark section', 'shivCSS': false, 'shivMethods': false };
+   */
+  var html5 = {
+
+    /**
+     * An array or space separated string of node names of the elements to shiv.
+     * @memberOf html5
+     * @type Array|String
+     */
+    'elements': options.elements || 'abbr article aside audio bdi canvas data datalist details dialog figcaption figure footer header hgroup main mark meter nav output picture progress section summary template time video',
+
+    /**
+     * current version of html5shiv
+     */
+    'version': version,
+
+    /**
+     * A flag to indicate that the HTML5 style sheet should be inserted.
+     * @memberOf html5
+     * @type Boolean
+     */
+    'shivCSS': (options.shivCSS !== false),
+
+    /**
+     * Is equal to true if a browser supports creating unknown/HTML5 elements
+     * @memberOf html5
+     * @type boolean
+     */
+    'supportsUnknownElements': supportsUnknownElements,
+
+    /**
+     * A flag to indicate that the document's `createElement` and `createDocumentFragment`
+     * methods should be overwritten.
+     * @memberOf html5
+     * @type Boolean
+     */
+    'shivMethods': (options.shivMethods !== false),
+
+    /**
+     * A string to describe the type of `html5` object ("default" or "default print").
+     * @memberOf html5
+     * @type String
+     */
+    'type': 'default',
+
+    // shivs the document according to the specified `html5` object options
+    'shivDocument': shivDocument,
+
+    //creates a shived element
+    createElement: createElement,
+
+    //creates a shived documentFragment
+    createDocumentFragment: createDocumentFragment,
+
+    //extends list of elements
+    addElements: addElements
+  };
+
+  /*--------------------------------------------------------------------------*/
+
+  // expose html5
+  window.html5 = html5;
+
+  // shiv the document
+  shivDocument(document);
+
+}(this, document));
+
+
+
+// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Function/bind#Compatibility
+// IE function.bind polyfill
+if (!Function.prototype.bind) {
+  Function.prototype.bind = function (oThis) {
+    if (typeof this !== "function") {
+      // closest thing possible to the ECMAScript 5 internal IsCallable function
+      throw new TypeError("Function.prototype.bind - what is trying to be bound is not callable");
+    }
+
+    var aArgs = Array.prototype.slice.call(arguments, 1), 
+        fToBind = this, 
+        fNOP = function () {},
+        fBound = function () {
+          return fToBind.apply(this instanceof fNOP && oThis
+                                 ? this
+                                 : oThis,
+                               aArgs.concat(Array.prototype.slice.call(arguments)));
+        };
+
+    fNOP.prototype = this.prototype;
+    fBound.prototype = new fNOP();
+
+    return fBound;
+  };
+}
\ No newline at end of file
diff --git a/web/cms/public/assets/js/jquery.mobile.custom.js b/web/cms/public/assets/js/jquery.mobile.custom.js
new file mode 100755
index 00000000..376d1834
--- /dev/null
+++ b/web/cms/public/assets/js/jquery.mobile.custom.js
@@ -0,0 +1,864 @@
+/*
+* jQuery Mobile v1.4.5
+* http://jquerymobile.com
+*
+* Copyright 2010, 2014 jQuery Foundation, Inc. and other contributors
+* Released under the MIT license.
+* http://jquery.org/license
+*
+*/
+
+(function ( root, doc, factory ) {
+	if ( typeof define === "function" && define.amd ) {
+		// AMD. Register as an anonymous module.
+		define( [ "jquery" ], function ( $ ) {
+			factory( $, root, doc );
+			return $.mobile;
+		});
+	} else {
+		// Browser globals
+		factory( root.jQuery, root, doc );
+	}
+}( this, document, function ( jQuery, window, document, undefined ) {// This plugin is an experiment for abstracting away the touch and mouse
+// events so that developers don't have to worry about which method of input
+// the device their document is loaded on supports.
+//
+// The idea here is to allow the developer to register listeners for the
+// basic mouse events, such as mousedown, mousemove, mouseup, and click,
+// and the plugin will take care of registering the correct listeners
+// behind the scenes to invoke the listener at the fastest possible time
+// for that device, while still retaining the order of event firing in
+// the traditional mouse environment, should multiple handlers be registered
+// on the same element for different events.
+//
+// The current version exposes the following virtual events to jQuery bind methods:
+// "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel"
+
+(function( $, window, document, undefined ) {
+
+var dataPropertyName = "virtualMouseBindings",
+	touchTargetPropertyName = "virtualTouchID",
+	virtualEventNames = "vmouseover vmousedown vmousemove vmouseup vclick vmouseout vmousecancel".split( " " ),
+	touchEventProps = "clientX clientY pageX pageY screenX screenY".split( " " ),
+	mouseHookProps = $.event.mouseHooks ? $.event.mouseHooks.props : [],
+	mouseEventProps = $.event.props.concat( mouseHookProps ),
+	activeDocHandlers = {},
+	resetTimerID = 0,
+	startX = 0,
+	startY = 0,
+	didScroll = false,
+	clickBlockList = [],
+	blockMouseTriggers = false,
+	blockTouchTriggers = false,
+	eventCaptureSupported = "addEventListener" in document,
+	$document = $( document ),
+	nextTouchID = 1,
+	lastTouchID = 0, threshold,
+	i;
+
+$.vmouse = {
+	moveDistanceThreshold: 10,
+	clickDistanceThreshold: 10,
+	resetTimerDuration: 1500
+};
+
+function getNativeEvent( event ) {
+
+	while ( event && typeof event.originalEvent !== "undefined" ) {
+		event = event.originalEvent;
+	}
+	return event;
+}
+
+function createVirtualEvent( event, eventType ) {
+
+	var t = event.type,
+		oe, props, ne, prop, ct, touch, i, j, len;
+
+	event = $.Event( event );
+	event.type = eventType;
+
+	oe = event.originalEvent;
+	props = $.event.props;
+
+	// addresses separation of $.event.props in to $.event.mouseHook.props and Issue 3280
+	// https://github.com/jquery/jquery-mobile/issues/3280
+	if ( t.search( /^(mouse|click)/ ) > -1 ) {
+		props = mouseEventProps;
+	}
+
+	// copy original event properties over to the new event
+	// this would happen if we could call $.event.fix instead of $.Event
+	// but we don't have a way to force an event to be fixed multiple times
+	if ( oe ) {
+		for ( i = props.length, prop; i; ) {
+			prop = props[ --i ];
+			event[ prop ] = oe[ prop ];
+		}
+	}
+
+	// make sure that if the mouse and click virtual events are generated
+	// without a .which one is defined
+	if ( t.search(/mouse(down|up)|click/) > -1 && !event.which ) {
+		event.which = 1;
+	}
+
+	if ( t.search(/^touch/) !== -1 ) {
+		ne = getNativeEvent( oe );
+		t = ne.touches;
+		ct = ne.changedTouches;
+		touch = ( t && t.length ) ? t[0] : ( ( ct && ct.length ) ? ct[ 0 ] : undefined );
+
+		if ( touch ) {
+			for ( j = 0, len = touchEventProps.length; j < len; j++) {
+				prop = touchEventProps[ j ];
+				event[ prop ] = touch[ prop ];
+			}
+		}
+	}
+
+	return event;
+}
+
+function getVirtualBindingFlags( element ) {
+
+	var flags = {},
+		b, k;
+
+	while ( element ) {
+
+		b = $.data( element, dataPropertyName );
+
+		for (  k in b ) {
+			if ( b[ k ] ) {
+				flags[ k ] = flags.hasVirtualBinding = true;
+			}
+		}
+		element = element.parentNode;
+	}
+	return flags;
+}
+
+function getClosestElementWithVirtualBinding( element, eventType ) {
+	var b;
+	while ( element ) {
+
+		b = $.data( element, dataPropertyName );
+
+		if ( b && ( !eventType || b[ eventType ] ) ) {
+			return element;
+		}
+		element = element.parentNode;
+	}
+	return null;
+}
+
+function enableTouchBindings() {
+	blockTouchTriggers = false;
+}
+
+function disableTouchBindings() {
+	blockTouchTriggers = true;
+}
+
+function enableMouseBindings() {
+	lastTouchID = 0;
+	clickBlockList.length = 0;
+	blockMouseTriggers = false;
+
+	// When mouse bindings are enabled, our
+	// touch bindings are disabled.
+	disableTouchBindings();
+}
+
+function disableMouseBindings() {
+	// When mouse bindings are disabled, our
+	// touch bindings are enabled.
+	enableTouchBindings();
+}
+
+function startResetTimer() {
+	clearResetTimer();
+	resetTimerID = setTimeout( function() {
+		resetTimerID = 0;
+		enableMouseBindings();
+	}, $.vmouse.resetTimerDuration );
+}
+
+function clearResetTimer() {
+	if ( resetTimerID ) {
+		clearTimeout( resetTimerID );
+		resetTimerID = 0;
+	}
+}
+
+function triggerVirtualEvent( eventType, event, flags ) {
+	var ve;
+
+	if ( ( flags && flags[ eventType ] ) ||
+				( !flags && getClosestElementWithVirtualBinding( event.target, eventType ) ) ) {
+
+		ve = createVirtualEvent( event, eventType );
+
+		$( event.target).trigger( ve );
+	}
+
+	return ve;
+}
+
+function mouseEventCallback( event ) {
+	var touchID = $.data( event.target, touchTargetPropertyName ),
+		ve;
+
+	if ( !blockMouseTriggers && ( !lastTouchID || lastTouchID !== touchID ) ) {
+		ve = triggerVirtualEvent( "v" + event.type, event );
+		if ( ve ) {
+			if ( ve.isDefaultPrevented() ) {
+				event.preventDefault();
+			}
+			if ( ve.isPropagationStopped() ) {
+				event.stopPropagation();
+			}
+			if ( ve.isImmediatePropagationStopped() ) {
+				event.stopImmediatePropagation();
+			}
+		}
+	}
+}
+
+function handleTouchStart( event ) {
+
+	var touches = getNativeEvent( event ).touches,
+		target, flags, t;
+
+	if ( touches && touches.length === 1 ) {
+
+		target = event.target;
+		flags = getVirtualBindingFlags( target );
+
+		if ( flags.hasVirtualBinding ) {
+
+			lastTouchID = nextTouchID++;
+			$.data( target, touchTargetPropertyName, lastTouchID );
+
+			clearResetTimer();
+
+			disableMouseBindings();
+			didScroll = false;
+
+			t = getNativeEvent( event ).touches[ 0 ];
+			startX = t.pageX;
+			startY = t.pageY;
+
+			triggerVirtualEvent( "vmouseover", event, flags );
+			triggerVirtualEvent( "vmousedown", event, flags );
+		}
+	}
+}
+
+function handleScroll( event ) {
+	if ( blockTouchTriggers ) {
+		return;
+	}
+
+	if ( !didScroll ) {
+		triggerVirtualEvent( "vmousecancel", event, getVirtualBindingFlags( event.target ) );
+	}
+
+	didScroll = true;
+	startResetTimer();
+}
+
+function handleTouchMove( event ) {
+	if ( blockTouchTriggers ) {
+		return;
+	}
+
+	var t = getNativeEvent( event ).touches[ 0 ],
+		didCancel = didScroll,
+		moveThreshold = $.vmouse.moveDistanceThreshold,
+		flags = getVirtualBindingFlags( event.target );
+
+		didScroll = didScroll ||
+			( Math.abs( t.pageX - startX ) > moveThreshold ||
+				Math.abs( t.pageY - startY ) > moveThreshold );
+
+	if ( didScroll && !didCancel ) {
+		triggerVirtualEvent( "vmousecancel", event, flags );
+	}
+
+	triggerVirtualEvent( "vmousemove", event, flags );
+	startResetTimer();
+}
+
+function handleTouchEnd( event ) {
+	if ( blockTouchTriggers ) {
+		return;
+	}
+
+	disableTouchBindings();
+
+	var flags = getVirtualBindingFlags( event.target ),
+		ve, t;
+	triggerVirtualEvent( "vmouseup", event, flags );
+
+	if ( !didScroll ) {
+		ve = triggerVirtualEvent( "vclick", event, flags );
+		if ( ve && ve.isDefaultPrevented() ) {
+			// The target of the mouse events that follow the touchend
+			// event don't necessarily match the target used during the
+			// touch. This means we need to rely on coordinates for blocking
+			// any click that is generated.
+			t = getNativeEvent( event ).changedTouches[ 0 ];
+			clickBlockList.push({
+				touchID: lastTouchID,
+				x: t.clientX,
+				y: t.clientY
+			});
+
+			// Prevent any mouse events that follow from triggering
+			// virtual event notifications.
+			blockMouseTriggers = true;
+		}
+	}
+	triggerVirtualEvent( "vmouseout", event, flags);
+	didScroll = false;
+
+	startResetTimer();
+}
+
+function hasVirtualBindings( ele ) {
+	var bindings = $.data( ele, dataPropertyName ),
+		k;
+
+	if ( bindings ) {
+		for ( k in bindings ) {
+			if ( bindings[ k ] ) {
+				return true;
+			}
+		}
+	}
+	return false;
+}
+
+function dummyMouseHandler() {}
+
+function getSpecialEventObject( eventType ) {
+	var realType = eventType.substr( 1 );
+
+	return {
+		setup: function(/* data, namespace */) {
+			// If this is the first virtual mouse binding for this element,
+			// add a bindings object to its data.
+
+			if ( !hasVirtualBindings( this ) ) {
+				$.data( this, dataPropertyName, {} );
+			}
+
+			// If setup is called, we know it is the first binding for this
+			// eventType, so initialize the count for the eventType to zero.
+			var bindings = $.data( this, dataPropertyName );
+			bindings[ eventType ] = true;
+
+			// If this is the first virtual mouse event for this type,
+			// register a global handler on the document.
+
+			activeDocHandlers[ eventType ] = ( activeDocHandlers[ eventType ] || 0 ) + 1;
+
+			if ( activeDocHandlers[ eventType ] === 1 ) {
+				$document.bind( realType, mouseEventCallback );
+			}
+
+			// Some browsers, like Opera Mini, won't dispatch mouse/click events
+			// for elements unless they actually have handlers registered on them.
+			// To get around this, we register dummy handlers on the elements.
+
+			$( this ).bind( realType, dummyMouseHandler );
+
+			// For now, if event capture is not supported, we rely on mouse handlers.
+			if ( eventCaptureSupported ) {
+				// If this is the first virtual mouse binding for the document,
+				// register our touchstart handler on the document.
+
+				activeDocHandlers[ "touchstart" ] = ( activeDocHandlers[ "touchstart" ] || 0) + 1;
+
+				if ( activeDocHandlers[ "touchstart" ] === 1 ) {
+					$document.bind( "touchstart", handleTouchStart )
+						.bind( "touchend", handleTouchEnd )
+
+						// On touch platforms, touching the screen and then dragging your finger
+						// causes the window content to scroll after some distance threshold is
+						// exceeded. On these platforms, a scroll prevents a click event from being
+						// dispatched, and on some platforms, even the touchend is suppressed. To
+						// mimic the suppression of the click event, we need to watch for a scroll
+						// event. Unfortunately, some platforms like iOS don't dispatch scroll
+						// events until *AFTER* the user lifts their finger (touchend). This means
+						// we need to watch both scroll and touchmove events to figure out whether
+						// or not a scroll happenens before the touchend event is fired.
+
+						.bind( "touchmove", handleTouchMove )
+						.bind( "scroll", handleScroll );
+				}
+			}
+		},
+
+		teardown: function(/* data, namespace */) {
+			// If this is the last virtual binding for this eventType,
+			// remove its global handler from the document.
+
+			--activeDocHandlers[ eventType ];
+
+			if ( !activeDocHandlers[ eventType ] ) {
+				$document.unbind( realType, mouseEventCallback );
+			}
+
+			if ( eventCaptureSupported ) {
+				// If this is the last virtual mouse binding in existence,
+				// remove our document touchstart listener.
+
+				--activeDocHandlers[ "touchstart" ];
+
+				if ( !activeDocHandlers[ "touchstart" ] ) {
+					$document.unbind( "touchstart", handleTouchStart )
+						.unbind( "touchmove", handleTouchMove )
+						.unbind( "touchend", handleTouchEnd )
+						.unbind( "scroll", handleScroll );
+				}
+			}
+
+			var $this = $( this ),
+				bindings = $.data( this, dataPropertyName );
+
+			// teardown may be called when an element was
+			// removed from the DOM. If this is the case,
+			// jQuery core may have already stripped the element
+			// of any data bindings so we need to check it before
+			// using it.
+			if ( bindings ) {
+				bindings[ eventType ] = false;
+			}
+
+			// Unregister the dummy event handler.
+
+			$this.unbind( realType, dummyMouseHandler );
+
+			// If this is the last virtual mouse binding on the
+			// element, remove the binding data from the element.
+
+			if ( !hasVirtualBindings( this ) ) {
+				$this.removeData( dataPropertyName );
+			}
+		}
+	};
+}
+
+// Expose our custom events to the jQuery bind/unbind mechanism.
+
+for ( i = 0; i < virtualEventNames.length; i++ ) {
+	$.event.special[ virtualEventNames[ i ] ] = getSpecialEventObject( virtualEventNames[ i ] );
+}
+
+// Add a capture click handler to block clicks.
+// Note that we require event capture support for this so if the device
+// doesn't support it, we punt for now and rely solely on mouse events.
+if ( eventCaptureSupported ) {
+	document.addEventListener( "click", function( e ) {
+		var cnt = clickBlockList.length,
+			target = e.target,
+			x, y, ele, i, o, touchID;
+
+		if ( cnt ) {
+			x = e.clientX;
+			y = e.clientY;
+			threshold = $.vmouse.clickDistanceThreshold;
+
+			// The idea here is to run through the clickBlockList to see if
+			// the current click event is in the proximity of one of our
+			// vclick events that had preventDefault() called on it. If we find
+			// one, then we block the click.
+			//
+			// Why do we have to rely on proximity?
+			//
+			// Because the target of the touch event that triggered the vclick
+			// can be different from the target of the click event synthesized
+			// by the browser. The target of a mouse/click event that is synthesized
+			// from a touch event seems to be implementation specific. For example,
+			// some browsers will fire mouse/click events for a link that is near
+			// a touch event, even though the target of the touchstart/touchend event
+			// says the user touched outside the link. Also, it seems that with most
+			// browsers, the target of the mouse/click event is not calculated until the
+			// time it is dispatched, so if you replace an element that you touched
+			// with another element, the target of the mouse/click will be the new
+			// element underneath that point.
+			//
+			// Aside from proximity, we also check to see if the target and any
+			// of its ancestors were the ones that blocked a click. This is necessary
+			// because of the strange mouse/click target calculation done in the
+			// Android 2.1 browser, where if you click on an element, and there is a
+			// mouse/click handler on one of its ancestors, the target will be the
+			// innermost child of the touched element, even if that child is no where
+			// near the point of touch.
+
+			ele = target;
+
+			while ( ele ) {
+				for ( i = 0; i < cnt; i++ ) {
+					o = clickBlockList[ i ];
+					touchID = 0;
+
+					if ( ( ele === target && Math.abs( o.x - x ) < threshold && Math.abs( o.y - y ) < threshold ) ||
+								$.data( ele, touchTargetPropertyName ) === o.touchID ) {
+						// XXX: We may want to consider removing matches from the block list
+						//      instead of waiting for the reset timer to fire.
+						e.preventDefault();
+						e.stopPropagation();
+						return;
+					}
+				}
+				ele = ele.parentNode;
+			}
+		}
+	}, true);
+}
+})( jQuery, window, document );
+
+(function( $ ) {
+	$.mobile = {};
+}( jQuery ));
+
+	(function( $, undefined ) {
+		var support = {
+			touch: "ontouchend" in document
+		};
+
+		$.mobile.support = $.mobile.support || {};
+		$.extend( $.support, support );
+		$.extend( $.mobile.support, support );
+	}( jQuery ));
+
+
+(function( $, window, undefined ) {
+	var $document = $( document ),
+		supportTouch = $.mobile.support.touch,
+		scrollEvent = "touchmove scroll",
+		touchStartEvent = supportTouch ? "touchstart" : "mousedown",
+		touchStopEvent = supportTouch ? "touchend" : "mouseup",
+		touchMoveEvent = supportTouch ? "touchmove" : "mousemove";
+
+	// setup new event shortcuts
+	$.each( ( "touchstart touchmove touchend " +
+		"tap taphold " +
+		"swipe swipeleft swiperight " +
+		"scrollstart scrollstop" ).split( " " ), function( i, name ) {
+
+		$.fn[ name ] = function( fn ) {
+			return fn ? this.bind( name, fn ) : this.trigger( name );
+		};
+
+		// jQuery < 1.8
+		if ( $.attrFn ) {
+			$.attrFn[ name ] = true;
+		}
+	});
+
+	function triggerCustomEvent( obj, eventType, event, bubble ) {
+		var originalType = event.type;
+		event.type = eventType;
+		if ( bubble ) {
+			$.event.trigger( event, undefined, obj );
+		} else {
+			$.event.dispatch.call( obj, event );
+		}
+		event.type = originalType;
+	}
+
+	// also handles scrollstop
+	$.event.special.scrollstart = {
+
+		enabled: true,
+		setup: function() {
+
+			var thisObject = this,
+				$this = $( thisObject ),
+				scrolling,
+				timer;
+
+			function trigger( event, state ) {
+				scrolling = state;
+				triggerCustomEvent( thisObject, scrolling ? "scrollstart" : "scrollstop", event );
+			}
+
+			// iPhone triggers scroll after a small delay; use touchmove instead
+			$this.bind( scrollEvent, function( event ) {
+
+				if ( !$.event.special.scrollstart.enabled ) {
+					return;
+				}
+
+				if ( !scrolling ) {
+					trigger( event, true );
+				}
+
+				clearTimeout( timer );
+				timer = setTimeout( function() {
+					trigger( event, false );
+				}, 50 );
+			});
+		},
+		teardown: function() {
+			$( this ).unbind( scrollEvent );
+		}
+	};
+
+	// also handles taphold
+	$.event.special.tap = {
+		tapholdThreshold: 750,
+		emitTapOnTaphold: true,
+		setup: function() {
+			var thisObject = this,
+				$this = $( thisObject ),
+				isTaphold = false;
+
+			$this.bind( "vmousedown", function( event ) {
+				isTaphold = false;
+				if ( event.which && event.which !== 1 ) {
+					return false;
+				}
+
+				var origTarget = event.target,
+					timer;
+
+				function clearTapTimer() {
+					clearTimeout( timer );
+				}
+
+				function clearTapHandlers() {
+					clearTapTimer();
+
+					$this.unbind( "vclick", clickHandler )
+						.unbind( "vmouseup", clearTapTimer );
+					$document.unbind( "vmousecancel", clearTapHandlers );
+				}
+
+				function clickHandler( event ) {
+					clearTapHandlers();
+
+					// ONLY trigger a 'tap' event if the start target is
+					// the same as the stop target.
+					if ( !isTaphold && origTarget === event.target ) {
+						triggerCustomEvent( thisObject, "tap", event );
+					} else if ( isTaphold ) {
+						event.preventDefault();
+					}
+				}
+
+				$this.bind( "vmouseup", clearTapTimer )
+					.bind( "vclick", clickHandler );
+				$document.bind( "vmousecancel", clearTapHandlers );
+
+				timer = setTimeout( function() {
+					if ( !$.event.special.tap.emitTapOnTaphold ) {
+						isTaphold = true;
+					}
+					triggerCustomEvent( thisObject, "taphold", $.Event( "taphold", { target: origTarget } ) );
+				}, $.event.special.tap.tapholdThreshold );
+			});
+		},
+		teardown: function() {
+			$( this ).unbind( "vmousedown" ).unbind( "vclick" ).unbind( "vmouseup" );
+			$document.unbind( "vmousecancel" );
+		}
+	};
+
+	// Also handles swipeleft, swiperight
+	$.event.special.swipe = {
+
+		// More than this horizontal displacement, and we will suppress scrolling.
+		scrollSupressionThreshold: 30,
+
+		// More time than this, and it isn't a swipe.
+		durationThreshold: 1000,
+
+		// Swipe horizontal displacement must be more than this.
+		horizontalDistanceThreshold: 30,
+
+		// Swipe vertical displacement must be less than this.
+		verticalDistanceThreshold: 30,
+
+		getLocation: function ( event ) {
+			var winPageX = window.pageXOffset,
+				winPageY = window.pageYOffset,
+				x = event.clientX,
+				y = event.clientY;
+
+			if ( event.pageY === 0 && Math.floor( y ) > Math.floor( event.pageY ) ||
+				event.pageX === 0 && Math.floor( x ) > Math.floor( event.pageX ) ) {
+
+				// iOS4 clientX/clientY have the value that should have been
+				// in pageX/pageY. While pageX/page/ have the value 0
+				x = x - winPageX;
+				y = y - winPageY;
+			} else if ( y < ( event.pageY - winPageY) || x < ( event.pageX - winPageX ) ) {
+
+				// Some Android browsers have totally bogus values for clientX/Y
+				// when scrolling/zooming a page. Detectable since clientX/clientY
+				// should never be smaller than pageX/pageY minus page scroll
+				x = event.pageX - winPageX;
+				y = event.pageY - winPageY;
+			}
+
+			return {
+				x: x,
+				y: y
+			};
+		},
+
+		start: function( event ) {
+			var data = event.originalEvent.touches ?
+					event.originalEvent.touches[ 0 ] : event,
+				location = $.event.special.swipe.getLocation( data );
+			return {
+						time: ( new Date() ).getTime(),
+						coords: [ location.x, location.y ],
+						origin: $( event.target )
+					};
+		},
+
+		stop: function( event ) {
+			var data = event.originalEvent.touches ?
+					event.originalEvent.touches[ 0 ] : event,
+				location = $.event.special.swipe.getLocation( data );
+			return {
+						time: ( new Date() ).getTime(),
+						coords: [ location.x, location.y ]
+					};
+		},
+
+		handleSwipe: function( start, stop, thisObject, origTarget ) {
+			if ( stop.time - start.time < $.event.special.swipe.durationThreshold &&
+				Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.horizontalDistanceThreshold &&
+				Math.abs( start.coords[ 1 ] - stop.coords[ 1 ] ) < $.event.special.swipe.verticalDistanceThreshold ) {
+				var direction = start.coords[0] > stop.coords[ 0 ] ? "swipeleft" : "swiperight";
+
+				triggerCustomEvent( thisObject, "swipe", $.Event( "swipe", { target: origTarget, swipestart: start, swipestop: stop }), true );
+				triggerCustomEvent( thisObject, direction,$.Event( direction, { target: origTarget, swipestart: start, swipestop: stop } ), true );
+				return true;
+			}
+			return false;
+
+		},
+
+		// This serves as a flag to ensure that at most one swipe event event is
+		// in work at any given time
+		eventInProgress: false,
+
+		setup: function() {
+			var events,
+				thisObject = this,
+				$this = $( thisObject ),
+				context = {};
+
+			// Retrieve the events data for this element and add the swipe context
+			events = $.data( this, "mobile-events" );
+			if ( !events ) {
+				events = { length: 0 };
+				$.data( this, "mobile-events", events );
+			}
+			events.length++;
+			events.swipe = context;
+
+			context.start = function( event ) {
+
+				// Bail if we're already working on a swipe event
+				if ( $.event.special.swipe.eventInProgress ) {
+					return;
+				}
+				$.event.special.swipe.eventInProgress = true;
+
+				var stop,
+					start = $.event.special.swipe.start( event ),
+					origTarget = event.target,
+					emitted = false;
+
+				context.move = function( event ) {
+					if ( !start || event.isDefaultPrevented() ) {
+						return;
+					}
+
+					stop = $.event.special.swipe.stop( event );
+					if ( !emitted ) {
+						emitted = $.event.special.swipe.handleSwipe( start, stop, thisObject, origTarget );
+						if ( emitted ) {
+
+							// Reset the context to make way for the next swipe event
+							$.event.special.swipe.eventInProgress = false;
+						}
+					}
+					// prevent scrolling
+					if ( Math.abs( start.coords[ 0 ] - stop.coords[ 0 ] ) > $.event.special.swipe.scrollSupressionThreshold ) {
+						event.preventDefault();
+					}
+				};
+
+				context.stop = function() {
+						emitted = true;
+
+						// Reset the context to make way for the next swipe event
+						$.event.special.swipe.eventInProgress = false;
+						$document.off( touchMoveEvent, context.move );
+						context.move = null;
+				};
+
+				$document.on( touchMoveEvent, context.move )
+					.one( touchStopEvent, context.stop );
+			};
+			$this.on( touchStartEvent, context.start );
+		},
+
+		teardown: function() {
+			var events, context;
+
+			events = $.data( this, "mobile-events" );
+			if ( events ) {
+				context = events.swipe;
+				delete events.swipe;
+				events.length--;
+				if ( events.length === 0 ) {
+					$.removeData( this, "mobile-events" );
+				}
+			}
+
+			if ( context ) {
+				if ( context.start ) {
+					$( this ).off( touchStartEvent, context.start );
+				}
+				if ( context.move ) {
+					$document.off( touchMoveEvent, context.move );
+				}
+				if ( context.stop ) {
+					$document.off( touchStopEvent, context.stop );
+				}
+			}
+		}
+	};
+	$.each({
+		scrollstop: "scrollstart",
+		taphold: "tap",
+		swipeleft: "swipe.left",
+		swiperight: "swipe.right"
+	}, function( event, sourceEvent ) {
+
+		$.event.special[ event ] = {
+			setup: function() {
+				$( this ).bind( sourceEvent, $.noop );
+			},
+			teardown: function() {
+				$( this ).unbind( sourceEvent );
+			}
+		};
+	});
+
+})( jQuery, this );
+
+
+}));
diff --git a/web/cms/public/assets/js/respond.js b/web/cms/public/assets/js/respond.js
new file mode 100644
index 00000000..b1298d07
--- /dev/null
+++ b/web/cms/public/assets/js/respond.js
@@ -0,0 +1,224 @@
+/*! matchMedia() polyfill - Test a CSS media type/query in JS. Authors & copyright (c) 2012: Scott Jehl, Paul Irish, Nicholas Zakas. Dual MIT/BSD license */
+/*! NOTE: If you're already including a window.matchMedia polyfill via Modernizr or otherwise, you don't need this part */
+(function(w) {
+  "use strict";
+  w.matchMedia = w.matchMedia || function(doc, undefined) {
+    var bool, docElem = doc.documentElement, refNode = docElem.firstElementChild || docElem.firstChild, fakeBody = doc.createElement("body"), div = doc.createElement("div");
+    div.id = "mq-test-1";
+    div.style.cssText = "position:absolute;top:-100em";
+    fakeBody.style.background = "none";
+    fakeBody.appendChild(div);
+    return function(q) {
+      div.innerHTML = '&shy;<style media="' + q + '"> #mq-test-1 { width: 42px; }</style>';
+      docElem.insertBefore(fakeBody, refNode);
+      bool = div.offsetWidth === 42;
+      docElem.removeChild(fakeBody);
+      return {
+        matches: bool,
+        media: q
+      };
+    };
+  }(w.document);
+})(this);
+
+/*! Respond.js v1.4.0: min/max-width media query polyfill. (c) Scott Jehl. MIT Lic. j.mp/respondjs  */
+(function(w) {
+  "use strict";
+  var respond = {};
+  w.respond = respond;
+  respond.update = function() {};
+  var requestQueue = [], xmlHttp = function() {
+    var xmlhttpmethod = false;
+    try {
+      xmlhttpmethod = new w.XMLHttpRequest();
+    } catch (e) {
+      xmlhttpmethod = new w.ActiveXObject("Microsoft.XMLHTTP");
+    }
+    return function() {
+      return xmlhttpmethod;
+    };
+  }(), ajax = function(url, callback) {
+    var req = xmlHttp();
+    if (!req) {
+      return;
+    }
+    req.open("GET", url, true);
+    req.onreadystatechange = function() {
+      if (req.readyState !== 4 || req.status !== 200 && req.status !== 304) {
+        return;
+      }
+      callback(req.responseText);
+    };
+    if (req.readyState === 4) {
+      return;
+    }
+    req.send(null);
+  };
+  respond.ajax = ajax;
+  respond.queue = requestQueue;
+  respond.regex = {
+    media: /@media[^\{]+\{([^\{\}]*\{[^\}\{]*\})+/gi,
+    keyframes: /@(?:\-(?:o|moz|webkit)\-)?keyframes[^\{]+\{(?:[^\{\}]*\{[^\}\{]*\})+[^\}]*\}/gi,
+    urls: /(url\()['"]?([^\/\)'"][^:\)'"]+)['"]?(\))/g,
+    findStyles: /@media *([^\{]+)\{([\S\s]+?)$/,
+    only: /(only\s+)?([a-zA-Z]+)\s?/,
+    minw: /\([\s]*min\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/,
+    maxw: /\([\s]*max\-width\s*:[\s]*([\s]*[0-9\.]+)(px|em)[\s]*\)/
+  };
+  respond.mediaQueriesSupported = w.matchMedia && w.matchMedia("only all") !== null && w.matchMedia("only all").matches;
+  if (respond.mediaQueriesSupported) {
+    return;
+  }
+  var doc = w.document, docElem = doc.documentElement, mediastyles = [], rules = [], appendedEls = [], parsedSheets = {}, resizeThrottle = 30, head = doc.getElementsByTagName("head")[0] || docElem, base = doc.getElementsByTagName("base")[0], links = head.getElementsByTagName("link"), lastCall, resizeDefer, eminpx, getEmValue = function() {
+    var ret, div = doc.createElement("div"), body = doc.body, originalHTMLFontSize = docElem.style.fontSize, originalBodyFontSize = body && body.style.fontSize, fakeUsed = false;
+    div.style.cssText = "position:absolute;font-size:1em;width:1em";
+    if (!body) {
+      body = fakeUsed = doc.createElement("body");
+      body.style.background = "none";
+    }
+    docElem.style.fontSize = "100%";
+    body.style.fontSize = "100%";
+    body.appendChild(div);
+    if (fakeUsed) {
+      docElem.insertBefore(body, docElem.firstChild);
+    }
+    ret = div.offsetWidth;
+    if (fakeUsed) {
+      docElem.removeChild(body);
+    } else {
+      body.removeChild(div);
+    }
+    docElem.style.fontSize = originalHTMLFontSize;
+    if (originalBodyFontSize) {
+      body.style.fontSize = originalBodyFontSize;
+    }
+    ret = eminpx = parseFloat(ret);
+    return ret;
+  }, applyMedia = function(fromResize) {
+    var name = "clientWidth", docElemProp = docElem[name], currWidth = doc.compatMode === "CSS1Compat" && docElemProp || doc.body[name] || docElemProp, styleBlocks = {}, lastLink = links[links.length - 1], now = new Date().getTime();
+    if (fromResize && lastCall && now - lastCall < resizeThrottle) {
+      w.clearTimeout(resizeDefer);
+      resizeDefer = w.setTimeout(applyMedia, resizeThrottle);
+      return;
+    } else {
+      lastCall = now;
+    }
+    for (var i in mediastyles) {
+      if (mediastyles.hasOwnProperty(i)) {
+        var thisstyle = mediastyles[i], min = thisstyle.minw, max = thisstyle.maxw, minnull = min === null, maxnull = max === null, em = "em";
+        if (!!min) {
+          min = parseFloat(min) * (min.indexOf(em) > -1 ? eminpx || getEmValue() : 1);
+        }
+        if (!!max) {
+          max = parseFloat(max) * (max.indexOf(em) > -1 ? eminpx || getEmValue() : 1);
+        }
+        if (!thisstyle.hasquery || (!minnull || !maxnull) && (minnull || currWidth >= min) && (maxnull || currWidth <= max)) {
+          if (!styleBlocks[thisstyle.media]) {
+            styleBlocks[thisstyle.media] = [];
+          }
+          styleBlocks[thisstyle.media].push(rules[thisstyle.rules]);
+        }
+      }
+    }
+    for (var j in appendedEls) {
+      if (appendedEls.hasOwnProperty(j)) {
+        if (appendedEls[j] && appendedEls[j].parentNode === head) {
+          head.removeChild(appendedEls[j]);
+        }
+      }
+    }
+    appendedEls.length = 0;
+    for (var k in styleBlocks) {
+      if (styleBlocks.hasOwnProperty(k)) {
+        var ss = doc.createElement("style"), css = styleBlocks[k].join("\n");
+        ss.type = "text/css";
+        ss.media = k;
+        head.insertBefore(ss, lastLink.nextSibling);
+        if (ss.styleSheet) {
+          ss.styleSheet.cssText = css;
+        } else {
+          ss.appendChild(doc.createTextNode(css));
+        }
+        appendedEls.push(ss);
+      }
+    }
+  }, translate = function(styles, href, media) {
+    var qs = styles.replace(respond.regex.keyframes, "").match(respond.regex.media), ql = qs && qs.length || 0;
+    href = href.substring(0, href.lastIndexOf("/"));
+    var repUrls = function(css) {
+      return css.replace(respond.regex.urls, "$1" + href + "$2$3");
+    }, useMedia = !ql && media;
+    if (href.length) {
+      href += "/";
+    }
+    if (useMedia) {
+      ql = 1;
+    }
+    for (var i = 0; i < ql; i++) {
+      var fullq, thisq, eachq, eql;
+      if (useMedia) {
+        fullq = media;
+        rules.push(repUrls(styles));
+      } else {
+        fullq = qs[i].match(respond.regex.findStyles) && RegExp.$1;
+        rules.push(RegExp.$2 && repUrls(RegExp.$2));
+      }
+      eachq = fullq.split(",");
+      eql = eachq.length;
+      for (var j = 0; j < eql; j++) {
+        thisq = eachq[j];
+        mediastyles.push({
+          media: thisq.split("(")[0].match(respond.regex.only) && RegExp.$2 || "all",
+          rules: rules.length - 1,
+          hasquery: thisq.indexOf("(") > -1,
+          minw: thisq.match(respond.regex.minw) && parseFloat(RegExp.$1) + (RegExp.$2 || ""),
+          maxw: thisq.match(respond.regex.maxw) && parseFloat(RegExp.$1) + (RegExp.$2 || "")
+        });
+      }
+    }
+    applyMedia();
+  }, makeRequests = function() {
+    if (requestQueue.length) {
+      var thisRequest = requestQueue.shift();
+      ajax(thisRequest.href, function(styles) {
+        translate(styles, thisRequest.href, thisRequest.media);
+        parsedSheets[thisRequest.href] = true;
+        w.setTimeout(function() {
+          makeRequests();
+        }, 0);
+      });
+    }
+  }, ripCSS = function() {
+    for (var i = 0; i < links.length; i++) {
+      var sheet = links[i], href = sheet.href, media = sheet.media, isCSS = sheet.rel && sheet.rel.toLowerCase() === "stylesheet";
+      if (!!href && isCSS && !parsedSheets[href]) {
+        if (sheet.styleSheet && sheet.styleSheet.rawCssText) {
+          translate(sheet.styleSheet.rawCssText, href, media);
+          parsedSheets[href] = true;
+        } else {
+          if (!/^([a-zA-Z:]*\/\/)/.test(href) && !base || href.replace(RegExp.$1, "").split("/")[0] === w.location.host) {
+            if (href.substring(0, 2) === "//") {
+              href = w.location.protocol + href;
+            }
+            requestQueue.push({
+              href: href,
+              media: media
+            });
+          }
+        }
+      }
+    }
+    makeRequests();
+  };
+  ripCSS();
+  respond.update = ripCSS;
+  respond.getEmValue = getEmValue;
+  function callMedia() {
+    applyMedia(true);
+  }
+  if (w.addEventListener) {
+    w.addEventListener("resize", callMedia, false);
+  } else if (w.attachEvent) {
+    w.attachEvent("onresize", callMedia);
+  }
+})(this);
\ No newline at end of file
diff --git a/web/cms/public/crossdomain.xml b/web/cms/public/crossdomain.xml
new file mode 100644
index 00000000..0c16a7a0
--- /dev/null
+++ b/web/cms/public/crossdomain.xml
@@ -0,0 +1,15 @@
+<?xml version="1.0"?>
+<!DOCTYPE cross-domain-policy SYSTEM "http://www.adobe.com/xml/dtds/cross-domain-policy.dtd">
+<cross-domain-policy>
+  <!-- Read this: www.adobe.com/devnet/articles/crossdomain_policy_file_spec.html -->
+
+  <!-- Most restrictive policy: -->
+  <site-control permitted-cross-domain-policies="none"/>
+
+  <!-- Least restrictive policy: -->
+  <!--
+  <site-control permitted-cross-domain-policies="all"/>
+  <allow-access-from domain="*" to-ports="*" secure="false"/>
+  <allow-http-request-headers-from domain="*" headers="*" secure="false"/>
+  -->
+</cross-domain-policy>
diff --git a/web/cms/public/robots.txt b/web/cms/public/robots.txt
new file mode 100644
index 00000000..f5916452
--- /dev/null
+++ b/web/cms/public/robots.txt
@@ -0,0 +1,3 @@
+# http://www.robotstxt.org
+User-agent: *
+Disallow:
diff --git a/web/cms/run b/web/cms/run
new file mode 100755
index 00000000..dd4ad04a
--- /dev/null
+++ b/web/cms/run
@@ -0,0 +1,27 @@
+#!/bin/sh
+
+# get real path of softlink
+get_real_path() {
+    local f="$1"
+    while [ -h "$f" ]; do
+        ls=`ls -ld "$f"`
+        link=`expr "$ls" : '.*-> \(.*\)$'`
+            if expr "$link" : '/.*' > /dev/null; then
+            f="$link"
+        else
+            f=`dirname "$f"`/"$link"
+        fi
+    done
+    echo "$f"
+}
+
+prg_path=$(get_real_path "$0")
+echo "Script Path [$prg_path]"
+
+# Service Home
+pushd $(dirname "$prg_path") > /dev/null
+PROJECT_HOME=$(dirname $(pwd))
+
+ember s -p 4200 -pr http://localhost:8180
+
+popd > /dev/null
diff --git a/web/cms/testem.js b/web/cms/testem.js
new file mode 100644
index 00000000..26044b2f
--- /dev/null
+++ b/web/cms/testem.js
@@ -0,0 +1,13 @@
+/*jshint node:true*/
+module.exports = {
+  "framework": "qunit",
+  "test_page": "tests/index.html?hidepassed",
+  "disable_watching": true,
+  "launch_in_ci": [
+    "PhantomJS"
+  ],
+  "launch_in_dev": [
+    "PhantomJS",
+    "Chrome"
+  ]
+};
diff --git a/web/cms/testem.json b/web/cms/testem.json
new file mode 100644
index 00000000..0f35392c
--- /dev/null
+++ b/web/cms/testem.json
@@ -0,0 +1,12 @@
+{
+  "framework": "qunit",
+  "test_page": "tests/index.html?hidepassed",
+  "disable_watching": true,
+  "launch_in_ci": [
+    "PhantomJS"
+  ],
+  "launch_in_dev": [
+    "PhantomJS",
+    "Chrome"
+  ]
+}
diff --git a/web/cms/tests/helpers/destroy-app.js b/web/cms/tests/helpers/destroy-app.js
new file mode 100644
index 00000000..c3d4d1ab
--- /dev/null
+++ b/web/cms/tests/helpers/destroy-app.js
@@ -0,0 +1,5 @@
+import Ember from 'ember';
+
+export default function destroyApp(application) {
+  Ember.run(application, 'destroy');
+}
diff --git a/web/cms/tests/helpers/module-for-acceptance.js b/web/cms/tests/helpers/module-for-acceptance.js
new file mode 100644
index 00000000..8c8b74ec
--- /dev/null
+++ b/web/cms/tests/helpers/module-for-acceptance.js
@@ -0,0 +1,23 @@
+import { module } from 'qunit';
+import startApp from '../helpers/start-app';
+import destroyApp from '../helpers/destroy-app';
+
+export default function(name, options = {}) {
+  module(name, {
+    beforeEach() {
+      this.application = startApp();
+
+      if (options.beforeEach) {
+        options.beforeEach.apply(this, arguments);
+      }
+    },
+
+    afterEach() {
+      if (options.afterEach) {
+        options.afterEach.apply(this, arguments);
+      }
+
+      destroyApp(this.application);
+    }
+  });
+}
diff --git a/web/cms/tests/helpers/resolver.js b/web/cms/tests/helpers/resolver.js
new file mode 100644
index 00000000..b208d38d
--- /dev/null
+++ b/web/cms/tests/helpers/resolver.js
@@ -0,0 +1,11 @@
+import Resolver from '../../resolver';
+import config from '../../config/environment';
+
+const resolver = Resolver.create();
+
+resolver.namespace = {
+  modulePrefix: config.modulePrefix,
+  podModulePrefix: config.podModulePrefix
+};
+
+export default resolver;
diff --git a/web/cms/tests/helpers/start-app.js b/web/cms/tests/helpers/start-app.js
new file mode 100644
index 00000000..e098f1d5
--- /dev/null
+++ b/web/cms/tests/helpers/start-app.js
@@ -0,0 +1,18 @@
+import Ember from 'ember';
+import Application from '../../app';
+import config from '../../config/environment';
+
+export default function startApp(attrs) {
+  let application;
+
+  let attributes = Ember.merge({}, config.APP);
+  attributes = Ember.merge(attributes, attrs); // use defaults, but you can override;
+
+  Ember.run(() => {
+    application = Application.create(attributes);
+    application.setupForTesting();
+    application.injectTestHelpers();
+  });
+
+  return application;
+}
diff --git a/web/cms/tests/index.html b/web/cms/tests/index.html
new file mode 100644
index 00000000..5e9ee508
--- /dev/null
+++ b/web/cms/tests/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <title>YO CMS Tests</title>
+    <meta name="description" content="">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+
+    {{content-for "head"}}
+    {{content-for "test-head"}}
+
+    <link rel="stylesheet" href="assets/vendor.css">
+    <link rel="stylesheet" href="assets/main.css">
+    <link rel="stylesheet" href="assets/test-support.css">
+
+    {{content-for "head-footer"}}
+    {{content-for "test-head-footer"}}
+  </head>
+  <body>
+    {{content-for "body"}}
+    {{content-for "test-body"}}
+
+    <script src="testem.js" integrity=""></script>
+    <script src="assets/vendor.js"></script>
+    <script src="assets/test-support.js"></script>
+    <script src="assets/main.js"></script>
+    <script src="assets/tests.js"></script>
+    <script src="assets/test-loader.js"></script>
+
+    {{content-for "body-footer"}}
+    {{content-for "test-body-footer"}}
+  </body>
+</html>
diff --git a/web/cms/tests/test-helper.js b/web/cms/tests/test-helper.js
new file mode 100644
index 00000000..e6cfb70f
--- /dev/null
+++ b/web/cms/tests/test-helper.js
@@ -0,0 +1,6 @@
+import resolver from './helpers/resolver';
+import {
+  setResolver
+} from 'ember-qunit';
+
+setResolver(resolver);
diff --git a/web/cms/vendor/ace b/web/cms/vendor/ace
new file mode 120000
index 00000000..c9b790da
--- /dev/null
+++ b/web/cms/vendor/ace
@@ -0,0 +1 @@
+../../bootstrap-ace-admin
\ No newline at end of file
diff --git a/web/cms/vendor/audioplayer b/web/cms/vendor/audioplayer
new file mode 120000
index 00000000..0280aa43
--- /dev/null
+++ b/web/cms/vendor/audioplayer
@@ -0,0 +1 @@
+../../audioplayer
\ No newline at end of file